Update color references and enhance badge styles for consistency

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Paweł Kuna <1282324+codecalm@users.noreply.github.com>

.all-contributorsrc

@@ -1,89 +0,0 @@
-{
-  "projectName": "tabler",
-  "projectOwner": "tabler",
-  "repoType": "github",
-  "repoHost": "https://github.com",
-  "files": [
-    "CONTRIBUTORS.md"
-  ],
-  "imageSize": 100,
-  "commit": true,
-  "commitConvention": "angular",
-  "contributors": [
-    {
-      "login": "codecalm",
-      "name": "Paweł Kuna",
-      "avatar_url": "https://avatars.githubusercontent.com/u/1282324?v=4",
-      "profile": "https://tabler.io/",
-      "contributions": [
-        "code",
-        "doc"
-      ]
-    },
-    {
-      "login": "martynaaj",
-      "name": "Martyna",
-      "avatar_url": "https://avatars.githubusercontent.com/u/60158888?v=4",
-      "profile": "https://github.com/martynaaj",
-      "contributions": [
-        "doc"
-      ]
-    },
-    {
-      "login": "deralaxo",
-      "name": "Dawid Harat",
-      "avatar_url": "https://avatars.githubusercontent.com/u/40028795?v=4",
-      "profile": "https://github.com/deralaxo",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "rjd22",
-      "name": "Robert-Jan de Dreu",
-      "avatar_url": "https://avatars.githubusercontent.com/u/160743?v=4",
-      "profile": "https://codersopinion.com/",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "FreexD",
-      "name": "Michał Wolny",
-      "avatar_url": "https://avatars.githubusercontent.com/u/7117869?v=4",
-      "profile": "https://github.com/FreexD",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "wangkanai",
-      "name": "Sarin Na Wangkanai",
-      "avatar_url": "https://avatars.githubusercontent.com/u/10666633?v=4",
-      "profile": "https://www.wangkanai.com/",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "WinterSilence",
-      "name": "Anton",
-      "avatar_url": "https://avatars.githubusercontent.com/u/3521094?v=4",
-      "profile": "https://ensostudio.ru/",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "dheineman",
-      "name": "Dave Heineman",
-      "avatar_url": "https://avatars.githubusercontent.com/u/516028?v=4",
-      "profile": "https://github.com/dheineman",
-      "contributions": [
-        "code"
-      ]
-    }
-  ],
-  "contributorsPerLine": 7,
-  "linkToUsage": false
-}

.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/changelog.js

@@ -1,28 +0,0 @@
-#!/usr/bin/env node
-
-'use strict'
-
-const fs = require('fs'),
-	path = require('path'),
-	YAML = require('yaml');
-
-const content = YAML.parse(fs.readFileSync(path.join(__dirname, '../src/pages/_data/changelog.yml'), 'utf8')).reverse()
-let readme = `# Changelog
-
-All notable changes to this project will be documented in this file.\n`
-
-content.forEach((change) => {
-	readme += `\n\n## \`${change.version}\` - ${change.date}\n\n`
-
-	if (change.description) {
-		readme += `**${change.description}**\n\n`
-	}
-
-	change.changes.forEach((line) => {
-		readme += `- ${line}\n`
-	})
-
-	console.log(change.version);
-})
-
-fs.writeFileSync(path.join(__dirname, '../CHANGELOG.md'), readme)

.build/download-images.js

@@ -1,58 +0,0 @@
-#!/usr/bin/env node
-
-'use strict'
-
-const YAML = require('yaml')
-const fs = require('node:fs')
-const path = require('node:path')
-const request = require('request')
-const filePath = path.join(__dirname, '../src/pages/_data/photos.yml')
-
-const photos = YAML.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, YAML.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,19 +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)
-)

.build/reformat-mdx.mjs

@@ -0,0 +1,63 @@
+#!/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 * as prettier from "prettier";
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+
+const docs = sync(join(__dirname, '..', 'docs', '**', '*.mdx'))
+
+async function formatHTML(htmlString) {
+	try {
+		const formattedHtml = await prettier.format(htmlString, {
+			parser: "html",
+			printWidth: 100,
+		});
+		return formattedHtml;
+	} catch (error) {
+		console.error("Error formatting HTML:", error);
+		return htmlString; // Return original in case of an error
+	}
+}
+
+async function replaceAsync(str, regex, asyncFn) {
+	const matches = [...str.matchAll(regex)];
+
+	const replacements = await Promise.all(
+		matches.map(async (match) => asyncFn(...match))
+	);
+
+	let result = str;
+	matches.forEach((match, i) => {
+		result = result.replace(match[0], replacements[i]);
+	});
+
+	return result;
+}
+
+for (const file of docs) {
+	const oldContent = readFileSync(file, 'utf8')
+
+	// get codeblocks from markdown
+	const content = await replaceAsync(oldContent, /(```([a-z0-9]+).*?\n)(.*?)(```)/gs, async (m, m1, m2, m3, m4) => {
+		if (m2 === 'html') {
+			m3 = await formatHTML(m3);
+
+			// remove empty lines
+			m3 = m3.replace(/^\s*[\r\n]/gm, '');
+
+			return m1 + m3.trim() + "\n" + m4;
+		}
+		return m.trim();
+	})
+
+	if (content !== oldContent) {
+		writeFileSync(file, content, 'utf8')
+		console.log(`Reformatted ${file}`)
+	}
+}

.changeset/aaaa.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": minor
+---
+
+Add gradient background utilities

.changeset/afraid-geese-sin.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Change Twitter to X brand

.changeset/beige-apricots-pretend.md

@@ -0,0 +1,5 @@
+---
+"preview": patch
+---
+
+Add SRI hashes to scripts and styles

.changeset/beige-hats-prove.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Updated link to icons documentation

.changeset/blue-pots-trade.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Dependencies update

.changeset/chatty-bottles-jam.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Rollback accordion component structure

.changeset/chilled-zoos-punch.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": minor
+---
+
+Replaced TinyMCE with HugeRTE to address license violation

.changeset/chilly-mayflies-ring.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Initialize Visual Studio Code config

.changeset/config.json

@@ -4,8 +4,7 @@
   "commit": false,
   "fixed": [],
   "linked": [],
-  "access": "restricted",
+  "access": "public",
   "baseBranch": "main",
-  "updateInternalDependencies": "patch",
   "ignore": []
 }

.changeset/cuddly-panthers-fry.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Add space between page numbers in pagination

.changeset/curvy-fishes-lie.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": minor
----
-
-Add customizable Star Ratings component using `star-rating.js` library

.changeset/curvy-mails-burn.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Dependencies update

.changeset/dirty-ravens-greet.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update TinyMCE to v7.0

.changeset/dull-kiwis-notice.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Fix text color in dark version of navbar

.changeset/eight-pumas-fry.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update Tabler Icons to version 2.21 with 18 new icons added

.changeset/eleven-flies-sing.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Init changelog script

.changeset/flags.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": minor
----
-
-Add `flags.html` page with list of all flags

.changeset/fluffy-insects-lay.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Adding Two-Step Verification Pages

.changeset/forty-pots-happen.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Add Bootstrap components to Tabler JS

.changeset/gorgeous-windows-study.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": minor
----
-
-Update CSS class from `text-muted` to `text-secondary` for better Bootstrap compatibility

.changeset/great-carrots-lie.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Bump pnpm/action-setup from 2 to 3

.changeset/heavy-chicken-cover.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update Tabler Icons to version 2.20 with 37 new icons added

.changeset/heavy-ladybugs-grab.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Add Tabler Illustrations

.changeset/hip-jobs-double.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": minor
----
-
-Adding `alerts.html` page with example of alerts.

.changeset/hip-years-develop.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix tooltip colors in vector maps

.changeset/itchy-bottles-cheat.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Unify size of avatar, flag and payment components

.changeset/khaki-gorillas-push.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update icons to v2.42.0

.changeset/khaki-wasps-provide.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update Bootstrap to v5.3.0

.changeset/kind-poets-fetch.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Dependencies update

.changeset/large-elephants-camp.md

@@ -0,0 +1,4 @@
+---
+---
+
+Replace HTML `alt` attribute to `aria-title` used on SVG element

.changeset/late-zoos-sparkle.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Fix `rgba` color values in `_variables.scss`

.changeset/lazy-fans-marry.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix broken shape in South Korea flag

.changeset/lemon-penguins-sin.md

@@ -0,0 +1,5 @@
+---
+"preview": patch
+---
+
+Fix color badge in navbar menu

.changeset/long-eggs-work.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Resolve map page issues

.changeset/lovely-dots-know.md

@@ -0,0 +1,4 @@
+---
+---
+
+Update modal examples

.changeset/lucky-impalas-smash.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Introduce Docker Compose Config to build and run Ttabler locally

.changeset/mighty-clocks-wonder.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Refactor `border-radius` in components to use CSS variables

.changeset/mighty-mirrors-drum.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update `_navbar.scss` with disabled dropdown menu items color

.changeset/modern-dogs-wonder.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update Tabler Icons to v3.17.0

.changeset/moody-bobcats-chew.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update `@tabler/icons` to v3.0

.changeset/ninety-dancers-doubt.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Adding punctuation to `SECURITY.md`

.changeset/odd-terms-tap.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Fix form controls bugs in dark mode

.changeset/olive-cars-admire.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": minor
----
-
-Change primary color value to new Tabler branding

.changeset/orange-donuts-cough.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Unified Box Shadows with Bootstrap Compatibility

.changeset/perfect-pigs-think.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Update disabled color variables in navbars

.changeset/pink-bottles-rest.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Apply border radius to `tom-select` on focus 

.changeset/popular-geckos-flow.md

@@ -0,0 +1,5 @@
+---
+"preview": patch
+---
+
+Add missing `tw` entry in `flags.json`

.changeset/popular-hairs-unite.md

@@ -0,0 +1,5 @@
+---
+"preview": patch
+---
+
+Delete missing demo RTL style

.changeset/quick-taxis-impress.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Minor spelling and grammar improvements to emails docs

.changeset/rare-pumpkins-pull.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": minor
----
-
-Unify dark mode with latest Bootstrap API and improve dark mode elements

.changeset/rare-snails-matter.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Bump `pnpm/action-setup` from 3 to 4

.changeset/red-coins-jump.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update dependencies

.changeset/red-vans-doubt.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update Tabler Icons to version 2.22 with 18 new icons added

.changeset/rich-dingos-promise.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Add All Contributions package to project for easy contribution tracking

.changeset/sharp-colts-grab.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Resolved light dropdown issue on dark theme

.changeset/shy-mangos-sit.md

@@ -2,4 +2,4 @@
 "@tabler/core": minor
 ---
 
-Add new `Tag` component
+Add theme settings wizard

.changeset/shy-rockets-deliver.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update Tabler Icons to version 2.19 with 18 new icons added

.changeset/silver-drinks-yell.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": minor
----
-
-Adjusting form element sizes for enhanced mobile devices compatibility

.changeset/slimy-queens-pull.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Fix the `z-index` value of the `nav-tab` inside `card-tab` #1933

.changeset/slimy-tigers-exercise.md

@@ -2,4 +2,4 @@
 "@tabler/core": minor
 ---
 
-New Chat component 
+Add steps light colors

.changeset/slow-buses-breathe.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Switch from `npm` to `pnpm` for faster package installation

.changeset/soft-icons-add.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Refactor SCSS for alerts and close button styles

.changeset/soft-mangos-tie.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Add variable to configure `avatar-list` spacing

.changeset/sour-pets-raise.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Add Tabler Illustrations

.changeset/sour-teachers-collect.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update required Node.js version to 18 and add `.nvmrc` file

.changeset/spotty-avocados-doubt.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Fix table default background color

.changeset/stale-lions-talk.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix `autosize` and `input mask` plugins to use window scope

.changeset/stupid-dingos-train.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Avoid SCSS color dependency on `:focus`

.changeset/tabler-icons.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Updated Tabler Icons to v3.24.0

.changeset/tasty-boats-work.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update Tabler Icons to version 2.18 with 18 new icons added

.changeset/ten-walls-smell.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": minor
+---
+
+Add Turbo library integration

.changeset/tender-jars-reply.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update Tabler Icons to v3.14.0

.changeset/thick-apples-punch.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Add Prettier to project for consistent code formatting

.changeset/thick-poems-battle.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update Tabler Icons to version 2.25 with 48 new icons added

.changeset/thin-eagles-mix.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": minor
----
-
-Add new color picker component using `coloris.js` library

.changeset/thirty-tomatoes-end.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Fix responsiveness issue in Settings menu

.changeset/twenty-moles-provide.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix scrollbar color mixin to use body color variable

.changeset/twenty-radios-punch.md

@@ -2,4 +2,4 @@
 "@tabler/core": patch
 ---
 
-`Dockerfile` fix 
+Improve README 

.changeset/twenty-tables-judge.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Add new Filled section to Icons page

.changeset/unlucky-eels-vanish.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update `bootstrap` to v5.3.1

.changeset/violet-moles-sparkle.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": minor
----
-
-Update Tabler Icons to version 2.23 with 18 new icons added

.changeset/wet-games-float.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Add support for changeset tool for more efficient and organized code changes

.changeset/wild-points-double.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix scrollbar jumps when content is higher than screen

.github/workflows/argos.yml

@@ -0,0 +1,67 @@
+name: Argos Tests
+
+on:
+  push: 
+    branches:
+      - dev
+  pull_request: 
+    paths:
+      - 'preview/**/*.js'
+      - 'preview/**/*.html'
+      - 'preview/**/*.scss'
+      - 'core/**/*.js'
+      - 'core/**/*.scss'
+
+env:
+  NODE: 20
+
+permissions:
+  contents: read
+
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    # if: github.event.pull_request.draft == false
+    if: false
+    steps:
+      - 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:
+          node-version: "${{ env.NODE }}"
+
+      - name: Install PNPM
+        uses: pnpm/action-setup@v4
+
+      - name: Get installed Playwright version
+        id: playwright-version
+        run: echo "PLAYWRIGHT_VERSION=$(node -e "console.log(require('./package.json').devDependencies['@playwright/test'])")" >> $GITHUB_ENV
+
+      - name: Cache playwright binaries
+        uses: actions/cache@v4
+        id: playwright-cache
+        with:
+          path: |
+            ~/.cache/ms-playwright
+          key: ${{ runner.os }}-playwright-${{ env.PLAYWRIGHT_VERSION }}
+
+      - name: Install pnpm dependencies
+        run: pnpm install
+
+      - name: Install Playwright Browsers
+        run: pnpm exec playwright install --with-deps
+        if: steps.playwright-cache.outputs.cache-hit != 'true'
+
+      - name: Run Playwright tests
+        run: pnpm run playwright

.github/workflows/bundlewatch.yml

@@ -9,7 +9,7 @@ on:
 
 env:
   FORCE_COLOR: 2
-  NODE: 18
+  NODE: 20
 
 jobs:
   bundlewatch:
@@ -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/lockfiles.yaml

@@ -1,6 +1,7 @@
 name: Changed lock files
 on:
-  pull_request: null
+  pull_request_target: 
+    types: [opened, reopened]
 
 permissions:
   pull-requests: read
@@ -14,7 +15,7 @@ jobs:
         uses: actions/checkout@v4
 
       - name: Prevent lock file change
-        uses: xalvarez/prevent-file-change-action@v1
+        uses: xalvarez/prevent-file-change-action@v2
         with:
           githubToken: ${{ secrets.GITHUB_TOKEN }}
           pattern: Gemfile.lock|pnpm-lock.json

.github/workflows/release.yml

@@ -3,7 +3,7 @@ name: Release
 on:
   push:
     branches:
-      - main
+      - dev
 
 permissions:
   contents: read
@@ -15,6 +15,10 @@ jobs:
   release:
     name: Release
     runs-on: ubuntu-latest
+    permissions:
+      contents: write # to create release 
+      issues: write # to post issue comments
+      pull-requests: write # to create pull request
     steps:
       - name: Checkout Repo
         uses: actions/checkout@v4
@@ -22,28 +26,25 @@ jobs:
       - name: Setup Node.js 18
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
 
       - name: Install PNPM
         uses: pnpm/action-setup@v4
-        with:
-          version: 8
 
       - name: Install Dependencies
         run: pnpm install
 
-      - name: Creating .npmrc
-        run: |
-          cat << EOF > "$HOME/.npmrc"
-            //registry.npmjs.org/:_authToken=$NPM_TOKEN
-          EOF
-        env:
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      - name: Build
+        run: pnpm run build
 
-      - name: Create Release Pull Request
+      - name: Create release Pull Request or publish to NPM
         uses: changesets/action@v1
         with:
-          publish: pnpm release
+          version: pnpm run version
+          publish: pnpm run publish
+          commit: "chore: update versions"
+          title: "chore: update versions"
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/test.yml

@@ -1,11 +1,10 @@
 name: Test build
 
 on:
-  pull_request:
-    types: [ opened, reopened ]
+  pull_request: null
 
 env:
-  NODE: 18
+  NODE: 20
 
 permissions:
   contents: read
@@ -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,16 +31,7 @@ jobs:
 
       - name: Install PNPM
         uses: pnpm/action-setup@v4
-        with:
-          version: 8
 
-      - name: Set up Ruby
-        uses: ruby/setup-ruby@v1
-        with:
-          ruby-version: 3.2
-          bundler-cache: true
-
-      - run: ruby --version
       - run: node --version
 
       - name: Install pnpm dependencies

.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/

.nvmrc

@@ -1 +1 @@
-18
+20

.percy.yml

@@ -1,3 +0,0 @@
-version: 1
-snapshot:
-  widths: [1440]

.prettierrc

@@ -1,7 +1,7 @@
 {
 	"bracketSpacing": true,
 	"jsxSingleQuote": false,
-	"printWidth": 240,
+	"printWidth": 320,
 	"proseWrap": "always",
 	"semi": false,
 	"singleQuote": false,

.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": {}
 }