Update border radius variables for consistency across components (#2167)

Co-authored-by: Paweł Kuna <1282324+codecalm@users.noreply.github.com>

.browserslistrc

@@ -1,11 +1,6 @@
 >= 1%
-last 1 major version
+last 2 versions
+Firefox ESR 
 not dead
-Chrome >= 60
-Firefox >= 60
-Edge >= 15.15063
-Explorer 11
-iOS >= 10
-Safari >= 10
-Android >= 6
-not ExplorerMobile <= 11
+safari >= 15.4
+iOS >= 15.4

.build/download-images.js

@@ -1,57 +0,0 @@
-#!/usr/bin/env node
-
-'use strict'
-
-const fs = require('node:fs')
-const path = require('node:path')
-const request = require('request')
-const filePath = path.join(__dirname, '../src/pages/_data/photos.json')
-
-const photos = JSON.parse(fs.readFileSync(filePath, 'utf8'))
-
-const urlTitle = (str) => {
-	str = str
-		.toLowerCase()
-		.replaceAll('&', 'and')
-		.replace(/[^[a-z0-9-]/g, '-')
-		.replace(/-+/g, '-')
-
-	return str
-}
-
-const download = function (uri, filename, callback, error) {
-	request.head(uri, function (err, res, body) {
-		request(uri).pipe(fs.createWriteStream(filename))
-			.on('close', callback)
-			.on('error', error)
-	})
-}
-
-async function downloadPhotos() {
-	for (const key in photos) {
-		const photo = photos[key]
-
-		let filename, i = 1;
-
-		do {
-			filename = `${urlTitle(photo['title'])}${i > 1 ? `-${i}` : ''}.jpg`
-			i++
-		} while (fs.existsSync(path.join(__dirname, `../src/static/photos/${filename}`)))
-
-		await new Promise((resolve, reject) => {
-			download(photo['path'], path.join(__dirname, `../src/static/photos/${filename}`), function () {
-				resolve()
-			}, function () {
-				reject()
-			});
-		})
-
-		photos[key]['file'] = filename
-		photos[key]['horizontal'] = photo['width'] > photo['height']
-	}
-
-	fs.writeFileSync(filePath, JSON.stringify(photos))
-}
-
-downloadPhotos();
-

.build/import-icons.js

@@ -1,37 +0,0 @@
-#!/usr/bin/env node
-
-'use strict'
-
-const fs = require('fs'),
-	path = require('path');
-
-const iconsTags = require('../node_modules/@tabler/icons/icons.json'),
-	iconsPkg = require('../node_modules/@tabler/icons/package.json');
-
-const prepareSvgFile = (svg) => {
-	return svg.replace(/\n/g, '').replace(/>\s+</g, '><').replace(/\s+/g, ' ')
-}
-
-let svgList = {}
-for (let iconName in iconsTags) {
-	let iconData = iconsTags[iconName]
-	svgList[iconName] = {
-		name: iconName,
-		svg: {
-			outline: iconData.styles.outline ? prepareSvgFile(fs.readFileSync(path.join(__dirname, `../node_modules/@tabler/icons/icons/outline/${iconName}.svg`), 'utf8')) : null,
-			filled: iconData.styles.filled ? prepareSvgFile(fs.readFileSync(path.join(__dirname, `../node_modules/@tabler/icons/icons/filled/${iconName}.svg`), 'utf8')) : null,
-		}
-	}
-}
-
-fs.writeFileSync(
-	path.join(__dirname, `../src/pages/_data/icons-info.json`),
-	JSON.stringify({
-		version: iconsPkg.version,
-		count: Object.values(svgList).reduce((acc, icon) => {
-			return acc + (icon.svg.outline ? 1 : 0) + (icon.svg.filled ? 1 : 0)
-		}, 0)
-	})
-)
-
-fs.writeFileSync(path.join(__dirname, `../src/pages/_data/icons.json`), JSON.stringify(svgList))

.build/import-illustrations.js

@@ -1,44 +0,0 @@
-#!/usr/bin/env node
-
-'use strict'
-
-const fs = require('fs'),
-	path = require('path'),
-	glob = require('glob');
-
-const illustrations = glob
-	.sync(path.join(__dirname, `../src/static/illustrations/light/*.png`))
-	.map((file) => {
-		return path.basename(file, '.png')
-	})
-
-fs.writeFileSync(
-	path.join(__dirname, `../src/pages/_data/illustrations.json`),
-	JSON.stringify(illustrations)
-)
-
-
-// let i = {}
-// const dirs = ['light', 'dark', 'autodark']
-// const ilustrations = ['not-found', 'computer-fix', 'boy-with-key', 'boy-girl']
-
-// for(const dir of dirs) {
-// 	i[dir] = {}
-
-// 	for(const ilustration of ilustrations) {
-// 		let svg = fs.readFileSync(path.join(__dirname, `../src/pages/_free-illustrations/${dir}/${ilustration}.svg`), 'utf8')
-
-// 		svg = svg
-// 			.replace(/\n+/g, ' ')
-// 			.replace(/>\s+</g, '><')
-// 			.replace(/\s+/g, ' ')
-// 			.replace(/^[\n\s-]+/, '')
-
-// 		i[dir][ilustration] = svg
-// 	}
-// }
-
-// fs.writeFileSync(
-// 	path.join(__dirname, `../src/pages/_data/free-illustrations.json`),
-// 	JSON.stringify(i)
-// )

.build/reformat-mdx.js

@@ -1,36 +0,0 @@
-#!/usr/bin/env node
-
-'use strict'
-
-const fs = require('fs'),
-	path = require('path'),
-	glob = require('glob'),
-	beautifyHtml = require('js-beautify').html;
-
-const docs = glob
-	.sync(path.join(__dirname, `../docs/**/*.mdx`))
-
-docs.forEach((file, i) => {
-	const oldContent = fs.readFileSync(file, 'utf8')
-
-	// get codeblocks from markdown
-	const content = oldContent.replace(/(```([a-z0-9]+).*?\n)(.*?)(```)/gs, (m, m1, m2, m3, m4) => {
-		if (m2 === 'html') {
-			let m3m = beautifyHtml(m3, {
-				"indent_size": 2,
-				"indent_char": " ",
-			}).trim();
-
-			// remove empty lines
-			m3m = m3m.replace(/^\s*[\r\n]/gm, '');
-
-			return m1 + m3m + "\n" + m4;
-		}
-		return m
-	})
-
-	if (content !== oldContent) {
-		fs.writeFileSync(file, content, 'utf8')
-		console.log(`Reformatted ${file}`)
-	}
-})

.build/unused-files.js

@@ -1,26 +0,0 @@
-const glob = require('glob');
-const fs = require('fs')
-const path = require('path')
-
-const srcDir = path.join(__dirname, '../src')
-
-let foundFiles = []
-glob.sync(`${srcDir}/pages/**/*.{html,md}`).forEach((file) => {
-	let fileContent = fs.readFileSync(file)
-
-	fileContent.toString().replace(/\{% include(_cached)? "([a-z0-9\/_-]+\.html)"/g, (f, c, filename) => {
-		filename = `${srcDir}/pages/_includes/${filename}`
-
-		if (!foundFiles.includes(filename)) {
-			foundFiles.push(filename)
-		}
-	})
-})
-
-let includeFiles = glob.sync(`${srcDir}/pages/_includes/**/*.html`)
-
-includeFiles.forEach((file) => {
-	if (!foundFiles.includes(file)) {
-		console.log('file', file)
-	}
-})

.changeset/config.json

@@ -6,5 +6,7 @@
   "linked": [],
   "access": "public",
   "baseBranch": "main",
-  "ignore": []
+  "ignore": [
+    "preview"
+  ]
 }

.changeset/dry-rice-march.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix overflow of `label` in a `floating-input`

.changeset/famous-items-tap.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": minor
+---
+
+Enable `scrollSpy` in `countup` module

.changeset/gorgeous-mugs-admire.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Refactor SCSS files to replace divide function with calc

.changeset/grumpy-flowers-act.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": minor
+---
+
+Add segmented control component

.changeset/itchy-ligers-repair.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": minor
+---
+
+Add new text features page with mentions: user, color and app.

.changeset/large-walls-wave.md

@@ -0,0 +1,5 @@
+---
+"preview": patch
+---
+
+Fix timeline card layout and profile header styles

.changeset/long-falcons-fetch.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": minor
+---
+
+Add Scroll Spy page

.changeset/metal-carrots-battle.md

@@ -0,0 +1,4 @@
+---
+---
+
+Refactor bundlewatch workflow to use Turbo 

.changeset/moody-items-peel.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Update border radius variables for consistency across components

.changeset/nice-jeans-tie.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix size of `apexcharts` tooltip marker

.changeset/odd-boats-hear.md

@@ -0,0 +1,5 @@
+---
+
+---
+
+Fix apexcharts heatmap example in docs

.changeset/orange-moose-run.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": minor
+---
+
+Update color utility classes and replace background colors in pricing table

.changeset/polite-houses-raise.md

@@ -0,0 +1,5 @@
+---
+"preview": patch
+---
+
+Fix broken "top pages" table

.changeset/red-pens-punch.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix negative margins in `.navbar-bordered` variant

.changeset/rude-crabs-sparkle.md

@@ -0,0 +1,5 @@
+---
+"preview": patch
+---
+
+Update and simplify main menu

.changeset/short-rocks-battle.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": minor
+---
+
+Refactored the project into a monorepo, removed Gulp, and introduced a new, more efficient build process.

.changeset/short-wombats-rhyme.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Use the full license agreement for illustrations in docs

.changeset/silly-lobsters-move.md

@@ -0,0 +1,5 @@
+---
+
+---
+
+Improve documentation for buttons

.changeset/smart-fans-pump.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix vertical alignment in single page and error layouts

.changeset/soft-cougars-hope.md

@@ -0,0 +1,5 @@
+---
+
+---
+
+Fix spelling and improve grammar in the documentation

.changeset/stale-pianos-crash.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": "minor"
+---
+
+Add documentation for segmented control component

.changeset/swift-dots-complain.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": minor
+---
+
+Add new payment provider (Troy)

.changeset/tall-apples-remember.md

@@ -0,0 +1,5 @@
+---
+
+---
+
+Fixed missing image in the README and Getting Started page

.changeset/ten-houses-punch.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix `.avatar-upload` double borders 

.changeset/thick-kids-glow.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixes navbar styles with new hover effects and color variables

.changeset/thin-clouds-glow.md

@@ -0,0 +1,4 @@
+---
+---
+
+Update `robots.txt` handling and improve sitemap URL generation

.changeset/unlucky-sloths-tie.md

@@ -0,0 +1,4 @@
+---
+---
+
+Add section comments and format HTML for improved readability

.changeset/warm-planets-look.md

@@ -0,0 +1,5 @@
+---
+
+---
+
+Fix instruction for CDN icons version

.github/workflows/bundlewatch.yml

@@ -19,6 +19,14 @@ jobs:
       - name: Clone repository
         uses: actions/checkout@v4
 
+      - name: Cache turbo build setup
+        uses: actions/cache@v4
+        with: 
+          path: .turbo
+          key: ${{ runner.os }}-turbo-${{ github.sha }}
+          restore-keys: |
+            ${{ runner.os }}-turbo-
+
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
@@ -26,8 +34,6 @@ jobs:
      
       - name: Install PNPM
         uses: pnpm/action-setup@v4
-        with:
-          version: 8
 
       - name: Set up Bundler
         uses: ruby/setup-ruby@v1
@@ -38,9 +44,6 @@ jobs:
       - name: Install pnpm dependencies
         run: pnpm install --no-frozen-lockfile
 
-      - name: Run build
-        run: pnpm run build
-
       - name: Run bundlewatch
         run: pnpm run bundlewatch
         env:

.github/workflows/release.yml

@@ -3,7 +3,6 @@ name: Release
 on:
   push:
     branches:
-      - main
       - dev
 
 permissions:
@@ -31,8 +30,6 @@ jobs:
 
       - name: Install PNPM
         uses: pnpm/action-setup@v4
-        with:
-          version: 8
 
       - name: Install Dependencies
         run: pnpm install

.github/workflows/test.yml

@@ -1,8 +1,7 @@
 name: Test build
 
 on:
-  pull_request:
-    types: [ opened, reopened ]
+  pull_request: null
 
 env:
   NODE: 20
@@ -17,6 +16,14 @@ jobs:
       - name: Clone repository
         uses: actions/checkout@v4
 
+      - name: Cache turbo build setup
+        uses: actions/cache@v4
+        with: 
+          path: .turbo
+          key: ${{ runner.os }}-turbo-${{ github.sha }}
+          restore-keys: |
+            ${{ runner.os }}-turbo-
+
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
@@ -24,8 +31,6 @@ jobs:
 
       - name: Install PNPM
         uses: pnpm/action-setup@v4
-        with:
-          version: 8
 
       - run: node --version
 

.gitignore

@@ -19,16 +19,20 @@ node_modules/
 /svg-tmp/
 /components/
 /percy.sh
-/src/pages/playground.html
-/src/pages/playground-*.html
-/src/pages/features.html
+/preview/pages/playground.html
+/preview/pages/screenshot.html
+/preview/pages/screenshot-*.html
+/preview/pages/playground-*.html
+/preview/pages/features.html
 
 .pnp.loader.mjs
 .pnp.cjs
 .yarn
 .next
 .vercel
+.turbo
 package-lock.json
 
 demo/
-dist/
+dist/
+packages-zip/

.vscode/settings.json

@@ -1,14 +1,12 @@
 {
    "files.exclude": {
-      "**/.git": false,
-      "**/.svn": false,
-      "**/.hg": false,
-      "**/CVS": false,
-      "**/.DS_Store": false,
-      "**/Thumbs.db": false,
-      "**/.idea/": false,
-      "dist": false,
-      "demo": false
+      "**/.git": true,
+      "**/.svn": true,
+      "**/.hg": true,
+      "**/CVS": true,
+      "**/.DS_Store": true,
+      "**/Thumbs.db": true,
+      "**/.idea/": true
    },
    "explorerExclude.backup": {}
 }

CHANGELOG.md

@@ -1,6 +1,6 @@
 # Changelog
 
-## 1.0.0
+## 1.0.0 - 2025-01-28
 
 ### Minor Changes
 
@@ -16,8 +16,7 @@
 - be14607: Add new color picker component using `coloris.js` library
 - d046570: Update Tabler Icons to version 2.23 with 18 new icons added
 - 5488c50: New page with payment providers: `payment-providers.html`
-- 5488c50: Add support for new payment providers: 2c2p, Adyen, Affirm, Alipay Plus, Allegro Pay, Amazon Pay, Apple Pay, Autopay, Binance USD, Bkash, Cash App, Chime, EasyPaisa, Ethereum, Google Pay, HubSpot, iDeal, Litecoin, Mercado Pago,
-  MetaMask, MoneyGram, OpenSea, Payconiq, Payka, Payline, PayPo, Paysafe, Poli, Revolut Pay, Samsung Pay, Shop Pay, Solana, Spingo, Stax, Tether, True USD, Venmo, WeChat Pay, Wise, Zelle
+- 5488c50: Add support for new payment providers: 2c2p, Adyen, Affirm, Alipay Plus, Allegro Pay, Amazon Pay, Apple Pay, Autopay, Binance USD, Bkash, Cash App, Chime, EasyPaisa, Ethereum, Google Pay, HubSpot, iDeal, Litecoin, Mercado Pago, MetaMask, MoneyGram, OpenSea, Payconiq, Payka, Payline, PayPo, Paysafe, Poli, Revolut Pay, Samsung Pay, Shop Pay, Solana, Spingo, Stax, Tether, True USD, Venmo, WeChat Pay, Wise, Zelle
 
 ### Patch Changes
 

README.md

@@ -1,5 +1,5 @@
 <p align="center">
-<a href="https://github.com/tabler/tabler"><img src="https://raw.githubusercontent.com/tabler/tabler/dev/src/static/logo.svg" alt="A premium and open source dashboard template with a responsive and high-quality UI." width="300"></a><br><br>
+<a href="https://github.com/tabler/tabler"><img src="https://raw.githubusercontent.com/tabler/tabler/refs/heads/dev/preview/static/logo.svg" alt="A premium and open source dashboard template with a responsive and high-quality UI." width="300"></a><br><br>
 A premium and open source dashboard template with a responsive and high-quality UI.
 </p>
 
@@ -18,9 +18,9 @@ A premium and open source dashboard template with a responsive and high-quality
 **If you want to support our project and help me grow it, you can [become a sponsor on GitHub](https://github.com/sponsors/codecalm) or just [donate on PayPal](https://paypal.me/codecalm) :)**
 
 <p align="center">
-  <a href="https://github.com/sponsors/codecalm">
-    <img src="https://cdn.jsdelivr.net/gh/tabler/sponsors@latest/sponsors.svg" alt="Tabler sponsors">
-  </a>
+	<a href="https://github.com/sponsors/codecalm">
+		<img src="https://cdn.jsdelivr.net/gh/tabler/sponsors@latest/sponsors.svg" alt="Tabler sponsors">
+	</a>
 </p>
 
 ## Testing
@@ -28,21 +28,24 @@ A premium and open source dashboard template with a responsive and high-quality
 <p align="center">Browser testing via:</p>
 
 <p align="center">
-  <a href="https://www.lambdatest.com/" target="_blank">
-    <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/14dd2a0a-bafe-436e-a6cb-29636278c781">
-      <source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/d3dede5a-d702-47c3-bb66-4d887948ed83">
-      <img src="https://github.com/user-attachments/assets/d3dede5a-d702-47c3-bb66-4d887948ed83" alt="Tabler Icons preview" width="296">
-    </picture>
-  </a>
+	<a href="https://www.lambdatest.com/" target="_blank">
+		<picture>
+			<source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/14dd2a0a-bafe-436e-a6cb-29636278c781">
+			<source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/d3dede5a-d702-47c3-bb66-4d887948ed83">
+			<img src="https://github.com/user-attachments/assets/d3dede5a-d702-47c3-bb66-4d887948ed83" alt="Tabler Icons preview" width="296">
+		</picture>
+	</a>
 </p>
 
 ## 🔎 Preview
 
 Tabler is fully responsive and compatible with all modern browsers. Thanks to its modern and user-friendly design you can create a fully functional interface that users will love! Choose the layouts and components you need and customize them to make your design consistent and eye-catching. Every component has been created with attention to detail to make your interface beautiful! <a href="https://preview.tabler.io">Show me a demo</a>
 
-<a href="https://preview.tabler.io" target="_blank"><img src="https://raw.githubusercontent.com/tabler/tabler/dev/src/static/tabler-preview.png" alt="Tabler preview"></a>
-
+<p align="center">
+	<a href="https://preview.tabler.io" target="_blank">
+			<img src="https://raw.githubusercontent.com/tabler/tabler/dev/preview/static/tabler-preview.png" alt="Tabler Preview">
+	</a>
+</p>
 
 ## 🚀 Features
 
@@ -67,8 +70,11 @@ To run the documentation site locally, follow instructions in the [Documentation
 
 ## 💕 Sponsor Tabler
 
-<a href="https://github.com/sponsors/codecalm" target="_blank"><img src="/src/static/sponsor-banner-readme.png?raw=true" alt="Sponsor Tabler" /></a>
-
+<p align="center">
+	<a href="https://github.com/sponsors/codecalm" target="_blank">
+			<img src="https://raw.githubusercontent.com/tabler/tabler/dev/preview/static/sponsor-banner-homepage.svg" alt="Sponsor Banner">
+	</a>
+</p>
 
 ### Sponsors
 
@@ -94,12 +100,15 @@ To use our build system and run our documentation locally, you'll need a copy of
 
 **OSX users**:
 
-```pnpm install```
+```sh
+pnpm install
+```
 
 and then 
 
-```npm run start```
-
+```sh
+npm run start
+```
 
 **Windows users**:
 
@@ -110,7 +119,7 @@ Once you complete the setup, you'll be able to run the various commands provided
 
 ## Build locally
 
-You need to have `pnpm` and `bundler` installed.
+You need to have `pnpm` installed.
 
 1. From the root `/tabler` directory, run installation in the command line: `pnpm install` 
 2. Then execute `pnpm run start` to start up the application stack.
@@ -216,4 +225,4 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 <!-- prettier-ignore-end -->
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
-This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
+This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

build/reformat-mdx.mjs

@@ -0,0 +1,38 @@
+#!/usr/bin/env node
+
+'use strict'
+
+import { readFileSync, writeFileSync } from 'node:fs';
+import { join, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url'
+import { sync } from 'glob';
+import beautify from 'js-beautify';
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+
+const docs = sync(join(__dirname, '..', 'docs', '**', '*.mdx'))
+
+docs.forEach((file, i) => {
+	const oldContent = readFileSync(file, 'utf8')
+
+	// get codeblocks from markdown
+	const content = oldContent.replace(/(```([a-z0-9]+).*?\n)(.*?)(```)/gs, (m, m1, m2, m3, m4) => {
+		if (m2 === 'html') {
+			// m3 = beautify.default.html(m3, {
+			// 	"indent_size": 2,
+			// 	"indent_char": " ",
+			// }).trim();
+
+			// remove empty lines
+			m3 = m3.replace(/^\s*[\r\n]/gm, '');
+
+			return m1 + m3 + "\n" + m4;
+		}
+		return m
+	})
+
+	if (content !== oldContent) {
+		writeFileSync(file, content, 'utf8')
+		console.log(`Reformatted ${file}`)
+	}
+})

core/build/add-banner.mjs

@@ -0,0 +1,46 @@
+#!/usr/bin/env node
+
+'use strict'
+
+import { readFileSync, writeFileSync } from 'node:fs';
+import { join, dirname, basename } from 'node:path';
+import { fileURLToPath } from 'node:url'
+import { sync } from 'glob';
+import banner from '@repo/banner';
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+
+const styles = sync(join(__dirname, '..', 'dist', 'css', '*.css'))
+
+const plugins = {
+	'tabler-flags': 'Flags',
+	'tabler-flags.rtl': 'Flags RTL',
+	'tabler-marketing': 'Marketing',
+	'tabler-marketing.rtl': 'Marketing RTL',
+	'tabler-payments': 'Payments',
+	'tabler-payments.rtl': 'Payments RTL',
+	'tabler-socials': 'Socials',
+	'tabler-socials.rtl': 'Socials RTL',
+	'tabler-vendors': 'Vendors',
+	'tabler-vendors.rtl': 'Vendors RTL',
+}
+
+styles.forEach((file, i) => {
+	const content = readFileSync(file, 'utf8')
+	const filename = basename(file)
+	const pluginKey = Object.keys(plugins).find(plugin => filename.includes(plugin))
+	const plugin = plugins[pluginKey]
+	const regex = /^(@charset ['"][a-zA-Z0-9-]+['"];?)\n?/i
+
+	let newContent = ''
+
+	if (content.match(regex)) {
+		newContent = content.replace(regex, (m, m1) => {
+			return `${m1}\n${banner(plugin)}\n`
+		})
+	} else {
+		newContent = `${banner(plugin)}\n${content}`
+	}
+
+	writeFileSync(file, newContent, 'utf8')
+})

core/build/postcss.config.mjs

@@ -0,0 +1,15 @@
+export default context => {
+	return {
+		map: {
+			inline: false,
+			annotation: true,
+			sourcesContent: true
+		},
+		plugins: {
+			autoprefixer: {
+				cascade: false
+			},
+			rtlcss: context.env === 'RTL'
+		}
+	}
+}

core/build/rollup.config.mjs

@@ -0,0 +1,46 @@
+import path from 'node:path'
+import process from 'node:process'
+import { fileURLToPath } from 'node:url'
+import { babel } from '@rollup/plugin-babel'
+import { nodeResolve } from '@rollup/plugin-node-resolve'
+import replace from '@rollup/plugin-replace'
+import banner from '@repo/banner'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+
+const ESM = process.env.ESM === 'true'
+
+let destinationFile = `tabler${ESM ? '.esm' : ''}`
+const external = []
+const plugins = [
+	babel({
+		exclude: 'node_modules/**',
+		babelHelpers: 'bundled'
+	})
+]
+
+plugins.push(
+	replace({
+		'process.env.NODE_ENV': '"production"',
+		preventAssignment: true
+	}),
+	nodeResolve()
+)
+
+const rollupConfig = {
+	input: path.resolve(__dirname, `../js/tabler.${ESM ? 'esm' : 'umd'}.js`),
+	output: {
+		banner: banner(),
+		file: path.resolve(__dirname, `../dist/js/${destinationFile}.js`),
+		format: ESM ? 'esm' : 'umd',
+		generatedCode: 'es2015'
+	},
+	external,
+	plugins
+}
+
+if (!ESM) {
+	rollupConfig.output.name = 'tabler'
+}
+
+export default rollupConfig