refactor: rename Clipboard component to Copy and update related imports and tests for consistency

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

.browserslistrc

@@ -1,6 +1,10 @@
->= 1%
-last 2 versions
-Firefox ESR 
+>= 0.5%
+last 2 major versions
 not dead
-safari >= 15.4
-iOS >= 15.4
+Chrome >= 120
+Firefox >= 121
+iOS >= 15.6
+Safari >= 15.6
+not Explorer <= 11
+Samsung >= 23
+not kaios <= 2.5

.build/reformat-mdx.mjs

@@ -1,63 +0,0 @@
-#!/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', '**', '*.md'))
-
-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}`)
-	}
-}

.build/reformat-mdx.ts

@@ -0,0 +1,79 @@
+#!/usr/bin/env node
+
+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: string[] = sync(join(__dirname, '..', 'docs', '**', '*.md'))
+
+async function formatHTML(htmlString: string): Promise<string> {
+	try {
+		const formattedHtml = await prettier.format(htmlString, {
+			parser: 'html',
+			printWidth: 100,
+		})
+		return formattedHtml
+	} catch (error) {
+		const errorMessage = error instanceof Error ? error.message : String(error)
+		console.error('Error formatting HTML:', errorMessage)
+		return htmlString // Return original in case of an error
+	}
+}
+
+async function replaceAsync(
+	str: string,
+	regex: RegExp,
+	asyncFn: (...args: string[]) => Promise<string>
+): Promise<string> {
+	const matches = [...str.matchAll(regex)]
+
+	const replacements = await Promise.all(
+		matches.map(async (match: RegExpMatchArray) => asyncFn(...match))
+	)
+
+	let result = str
+	matches.forEach((match: RegExpMatchArray, i: number) => {
+		result = result.replace(match[0], replacements[i])
+	})
+
+	return result
+}
+
+async function processFiles(): Promise<void> {
+	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: string, m1: string, m2: string, m3: string, m4: string) => {
+				if (m2 === 'html') {
+					let formattedHtml = await formatHTML(m3)
+
+					// remove empty lines
+					formattedHtml = formattedHtml.replace(/^\s*[\r\n]/gm, '')
+
+					return m1 + formattedHtml.trim() + '\n' + m4
+				}
+				return m.trim()
+			}
+		)
+
+		if (content !== oldContent) {
+			writeFileSync(file, content, 'utf8')
+			console.log(`Reformatted ${file}`)
+		}
+	}
+}
+
+processFiles().catch((error) => {
+	const errorMessage = error instanceof Error ? error.message : String(error)
+	console.error('Error processing files:', errorMessage)
+	process.exit(1)
+})
+

.build/vite.config.helper.ts

@@ -0,0 +1,76 @@
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { defineConfig, type UserConfig } from 'vite'
+
+interface CreateViteConfigOptions {
+	entry: string
+	name?: string
+	fileName: string | ((format: string) => string)
+	formats: ('es' | 'umd' | 'iife' | 'cjs')[]
+	outDir: string
+	banner?: string
+	minify?: boolean | 'esbuild'
+}
+
+/**
+ * Creates a Vite configuration for building libraries
+ */
+export function createViteConfig({
+	entry,
+	name,
+	fileName,
+	formats,
+	outDir,
+	banner,
+	minify = false
+}: CreateViteConfigOptions): UserConfig {
+	const rollupOutput: {
+		generatedCode: {
+			constBindings: boolean
+		}
+		banner?: string
+	} = {
+		generatedCode: {
+			constBindings: true
+		}
+	}
+
+	// Add banner if provided
+	if (banner) {
+		rollupOutput.banner = banner
+	}
+
+	const config: UserConfig = {
+		build: {
+			lib: {
+				entry: path.resolve(entry),
+				name: name,
+				fileName: typeof fileName === 'function' ? fileName : () => fileName,
+				formats: formats
+			},
+			outDir: path.resolve(outDir),
+			emptyOutDir: false,
+			sourcemap: true,
+			rollupOptions: {
+				output: rollupOutput
+			},
+			target: 'es2015',
+			minify: minify
+		},
+		define: {
+			'process.env.NODE_ENV': '"production"'
+		},
+		esbuild: {
+			target: 'es2015',
+			tsconfigRaw: {
+				compilerOptions: {
+					module: 'ES2020',
+					target: 'ES2015'
+				}
+			}
+		}
+	}
+
+	return defineConfig(config)
+}
+

.build/zip-package.ts

@@ -0,0 +1,46 @@
+#!/usr/bin/env node
+
+import AdmZip from 'adm-zip'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { readFileSync } from 'node:fs'
+
+// Get __dirname in ESM
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+
+interface PackageJson {
+	version: string
+	[key: string]: unknown
+}
+
+const pkg: PackageJson = JSON.parse(
+	readFileSync(path.join(__dirname, '../core', 'package.json'), 'utf8')
+)
+
+// Create zip instance and add folder
+const zip = new AdmZip()
+zip.addLocalFolder(path.join(__dirname, '../preview/dist'), 'dashboard')
+
+zip.addLocalFile(
+	path.join(__dirname, '../preview/static', 'og.png'),
+	'.',
+	'preview.png'
+)
+
+zip.addFile(
+	'documentation.url',
+	Buffer.from('[InternetShortcut]\nURL = https://tabler.io/docs')
+)
+
+// Folder to zip and output path
+const outputZipPath = path.join(
+	__dirname,
+	'../packages-zip',
+	`tabler-${pkg.version}.zip`
+)
+
+// Write the zip file
+zip.writeZip(outputZipPath)
+
+console.log(`Zipped folder to ${outputZipPath}`)
+

.changeset/angry-bananas-brake.md

@@ -0,0 +1,6 @@
+---
+"@tabler/core": minor
+"@tabler/preview": minor
+---
+
+Added Pay page with dedicated layout, navigation link, and card/PayPal payment form.

.changeset/beige-apricots-pretend.md

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

.changeset/bootstrap-exports-cleanup.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Refactored Bootstrap exports to use single source of truth in `bootstrap.js` and removed duplicate exports from `tabler.js` for better maintainability.

.changeset/btn-icon-square.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed `.btn-icon` to be square by aligning `min-width` calculation with base `.btn` formula.

.changeset/button-ghost.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": minor
+---
+
+Added `.btn-ghost` button variant with transparent background and hover effects.

.changeset/card-gradient-components.md

@@ -0,0 +1,6 @@
+---
+"@tabler/core": minor
+---
+
+Added `.card-gradient` component with gradient variants, direction modifiers, and animated backgrounds.
+

.changeset/card-gradients-page.md

@@ -0,0 +1,6 @@
+---
+"@tabler/preview": minor
+---
+
+Added new `card-gradients.html` page showcasing various gradient card styles and components.
+

.changeset/change-password-modal.md

@@ -0,0 +1,6 @@
+---
+"@tabler/preview": minor
+---
+
+Added Change Password modal with current password, new password with strength indicator, confirm password validation, and show/hide password toggles.
+

.changeset/chilled-pans-cheer.md

@@ -0,0 +1,5 @@
+---
+"@tabler/preview": minor
+---
+
+Added color palette to signing component.

.changeset/config.json

@@ -3,8 +3,18 @@
   "changelog": "@changesets/cli/changelog",
   "commit": false,
   "fixed": [],
-  "linked": [],
+  "linked": [
+    [
+      "@tabler/core",
+      "@tabler/preview",
+      "@tabler/docs"
+    ]
+  ],
   "access": "public",
   "baseBranch": "dev",
-  "ignore": []
+  "ignore": [],
+  "privatePackages": {
+    "version": true,
+    "tag": false
+  }
 }

.changeset/confirm-delete-modal.md

@@ -0,0 +1,6 @@
+---
+"@tabler/preview": minor
+---
+
+Added Confirm Delete modal with warning icon, confirmation checkbox, and JavaScript validation to enable delete button only when confirmed.
+

.changeset/crypto-dashboard.md

@@ -0,0 +1,6 @@
+---
+"@tabler/preview": minor
+---
+
+Added new Crypto Dashboard page with cryptocurrency portfolio overview, market data, and order history.
+

.changeset/crypto-data-files.md

@@ -0,0 +1,6 @@
+---
+"@tabler/preview": patch
+---
+
+Added crypto markets and orders data files (`crypto-markets.json`, `crypto-orders.json`) for cryptocurrency dashboard functionality.
+

.changeset/curvy-timers-sneeze.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed icon alignment for `.btn-sm` and `.btn-xl` sizes.

.changeset/edit-profile-modal.md

@@ -0,0 +1,6 @@
+---
+"@tabler/preview": minor
+---
+
+Added Edit Profile modal with avatar upload, personal information fields, social links, and date of birth.
+

.changeset/eleven-trainers-sip.md

@@ -2,4 +2,4 @@
 "@tabler/preview": patch
 ---
 
-Fix color badge in navbar menu
+Update Tabler Icons to v3.35.0

.changeset/fix-border-color-translucent-dark.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Updated `$border-color-translucent-dark` from `rgba(72, 110, 149, 0.14)` to `rgba(128, 150, 172, 0.2)` to improve visibility of form checkboxes and other form elements in dark mode.

.changeset/fix-input-icon-z-index.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed `.input-icon-addon` z-index issue with form validation feedback and added default height.

.changeset/fix-status-colors-variables.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed status color classes to use CSS variables instead of hardcoded values and include social colors (bitbucket, facebook, etc.) in status class generation.

.changeset/fix-white-space-scrollbar.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed white space on left side when scrollbar is present by replacing `margin-inline-start: calc(100vw - 100%)` with `scrollbar-gutter: stable` on `html` element, with `overflow-y: scroll` fallback for unsupported browsers.

.changeset/flags-avatars-updates.md

@@ -0,0 +1,6 @@
+---
+"@tabler/core": patch
+---
+
+Updated flags and avatars styling for better visual consistency.
+

.changeset/forty-ties-fail.md

@@ -1,5 +0,0 @@
----
-"@tabler/preview": patch
----
-
-Correct `aria-label` of app menu link

.changeset/fresh-rockets-retire.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed mixed declarations in SCSS.

.changeset/funny-kings-double.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Update SCSS to use logical properties

.changeset/geist-fonts.md

@@ -0,0 +1,7 @@
+---
+"@tabler/core": minor
+"@tabler/docs": patch
+---
+
+Added Geist font family integration.
+

.changeset/icon-stroke-width.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Updated `stroke-width` for `.icon-sm` from `1` to `1.5` for better visibility.

.changeset/language-selector.md

@@ -0,0 +1,6 @@
+---
+"@tabler/core": minor
+"@tabler/preview": minor
+---
+
+Added language selector dropdown to navbar with flag indicators for multilingual support.

.changeset/late-pugs-breathe2.md

@@ -0,0 +1,6 @@
+---
+"@tabler/core": patch
+"@tabler/preview": patch
+---
+
+Added `bg-blur` utility and increased `container-tight` width for layout flexibility.

.changeset/light-cooks-hug.md

@@ -0,0 +1,5 @@
+---
+"@tabler/preview": patch
+---
+
+Updated icons to v3.34.1 with 75 new icons.

.changeset/many-dogs-rest.md

@@ -0,0 +1,6 @@
+---
+"@tabler/core": patch
+---
+
+Added `border-top-left-radius` and `border-top-right-radius` to first and last child elements in `.card-table` for proper corner rounding.
+

.changeset/media-print-mixin.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Added `media-print` mixin and print styles to hide interactive components during printing.

.changeset/menu-structure-refactor.md

@@ -0,0 +1,6 @@
+---
+"@tabler/preview": minor
+---
+
+Refactored page-menu structure for dashboards and updated navigation menu organization.
+

.changeset/migrate-rgba-to-color-mix.md

@@ -0,0 +1,6 @@
+---
+"@tabler/core": patch
+---
+
+Migrated `rgba()` functions to modern CSS color functions (`color-mix()` and `color-transparent()`) for better browser support and cleaner code. Replaced `rgba(var(--#{$prefix}*-rgb), ...)` with `color-mix(in srgb, var(--#{$prefix}*) ..., transparent)`, static percentage `color-mix()` with `color-transparent()`, and `rgba($variable, ...)` with `color-transparent($variable, ...)`.
+

.changeset/migrate-rollup-to-vite.md

@@ -0,0 +1,8 @@
+---
+"@tabler/core": minor
+"@tabler/preview": minor
+"@tabler/docs": minor
+---
+
+Migrated build system from Rollup to Vite across all packages. Replaced `rollup.config.mjs` with `vite.config.mjs` and updated build scripts to use `vite build` instead of `rollup`. Build outputs remain identical (UMD and ESM formats) with no breaking changes for end users.
+

.changeset/modern-dots-bathe.md

@@ -2,4 +2,4 @@
 "@tabler/preview": patch
 ---
 
-Add "text features" menu item
+Updated activity messages.

.changeset/navbar-side-refactor.md

@@ -0,0 +1,7 @@
+---
+"@tabler/core": minor
+"@tabler/preview": minor
+---
+
+Refactored navbar-side component by consolidating separate include files (apps, language, notifications, theme, user) into a single `navbar-side.html` file for better maintainability.
+

.changeset/new-task-modal.md

@@ -0,0 +1,6 @@
+---
+"@tabler/preview": minor
+---
+
+Added New Task modal with fields for task name, description, assigned user, priority, due date, and category tags.
+

.changeset/onboarding-page.md

@@ -0,0 +1,5 @@
+---
+"@tabler/preview": minor
+---
+
+Added new onboarding page with progress indicator and navigation layout.

.changeset/popular-geckos-flow.md

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

.changeset/popular-hairs-unite.md

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

.changeset/pretty-chefs-design.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed double bottom border in tables.

.changeset/progress-background.md

@@ -0,0 +1,6 @@
+---
+"@tabler/core": minor
+"@tabler/preview": minor
+---
+
+Added Progress Background component with text labels and value display.

.changeset/progress-sizes.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": minor
+---
+
+Added `.progress-lg` and `.progress-xl` size variants for the progress component.

.changeset/progress-steps.md

@@ -0,0 +1,6 @@
+---
+"@tabler/core": minor
+"@tabler/preview": minor
+---
+
+Added Progress Steps component for step-by-step navigation indicators.

.changeset/progress-transitions.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Added smooth transitions for progress bar `width` and `background-color` changes.

.changeset/redundant-nullish-operator.md

@@ -0,0 +1,6 @@
+---
+"@tabler/core": patch
+---
+
+Removed redundant nullish coalescing operator from `html` option in popover and tooltip initialization.
+

.changeset/silly-crabs-walk.md

@@ -0,0 +1,7 @@
+---
+"@tabler/core": patch
+"@tabler/preview": patch
+---
+
+Added Driver.js library integration and Tour demo page for interactive product tours and onboarding guides.
+

.changeset/skip-link-accessibility.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Updated skip-link to use `visually-hidden` for improved accessibility.

.changeset/tasks-list-page.md

@@ -0,0 +1,6 @@
+---
+"@tabler/preview": minor
+---
+
+Added new Task List page with tables showing tasks organized by status (Upcoming, In Progress, Completed) and modal dialog for adding new tasks.
+

.changeset/three-seas-move.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Updated deprecated global Sass functions to module equivalents (`map.merge`, `string.slice`, `math.percentage`, etc.).

.changeset/tidy-apples-ring.md

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

.changeset/trending-icons.md

@@ -0,0 +1,6 @@
+---
+"@tabler/core": patch
+"@tabler/preview": patch
+---
+
+Updated trending component to use `arrow-up`/`arrow-down` instead of `trending-up`/`trending-down`.

.changeset/tricky-moons-laugh.md

@@ -0,0 +1,5 @@
+---
+"@tabler/docs": patch
+---
+
+Fixed Docs search display in dark mode.

.changeset/twelve-tables-attack.md

@@ -0,0 +1,5 @@
+---
+"@tabler/preview": patch
+---
+
+Fixed responsive layouts on the Form Elements page.

.changeset/update-icons-3.36.1.md

@@ -0,0 +1,6 @@
+---
+"@tabler/preview": patch
+---
+
+Updated `@tabler/icons` to v3.36.1.
+

.changeset/upgrade-apexcharts.md

@@ -0,0 +1,7 @@
+---
+"@tabler/core": minor
+"@tabler/preview": minor
+---
+
+Upgraded `apexcharts` from `3.54.1` to `5.3.6` and added CSS variables (`--chart-{id}-color-{index}`) for dynamic chart colors to fix compatibility with the new version.
+

.changeset/young-needles-love.md

@@ -0,0 +1,5 @@
+---
+"@tabler/preview": patch
+---
+
+Added comprehensive All Elements page with all UI components and Bootstrap elements

.cursor/rules/changelog.mdc

@@ -0,0 +1,100 @@
+---
+description: Cursor Rules for Tabler Changesets
+globs:
+alwaysApply: true
+---
+
+
+### File Structure
+
+- Each change must be in a separate changeset file in `.changeset/` directory
+- Use descriptive kebab-case filenames (e.g., `progress-sizes.md`, `button-ghost.md`)
+- Follow the standard changeset format with frontmatter and description
+
+### Change Description Format
+
+- **One sentence per changeset** - keep descriptions concise and focused
+- Use **backticks for code elements**: classes (`.btn-ghost`), properties (`stroke-width`), values (`1.5`), icons (`arrow-up`)
+- Start with action verbs: "Added", "Updated", "Fixed", "Removed"
+- Be specific about what was changed
+
+### Version Bump Guidelines
+
+- **Major**: Breaking changes, complete rewrites
+- **Minor**: New features, new components, new pages, significant enhancements
+- **Patch**: Bug fixes, small improvements, style updates, accessibility fixes
+
+### Package Selection
+
+- `"@tabler/core"`: Changes to SCSS, core functionality, CSS classes
+- `"@tabler/preview"`: New pages, demo updates, preview-specific changes
+- `"@tabler/docs"`: Documentation updates
+- Use multiple packages when change affects multiple areas
+
+### Examples
+
+#### New Feature (Minor)
+
+```md
+---
+"@tabler/core": minor
+"@tabler/preview": minor
+---
+
+Added Progress Steps component for step-by-step navigation indicators.
+```
+
+#### Bug Fix (Patch)
+
+```md
+---
+"@tabler/core": patch
+---
+
+Updated `stroke-width` for `.icon-sm` from `1` to `1.5` for better visibility.
+```
+
+#### New Page (Minor)
+
+```md
+---
+"@tabler/preview": minor
+---
+
+Added new onboarding page with progress indicator and navigation layout.
+```
+
+#### Style Enhancement (Patch)
+
+```md
+---
+"@tabler/core": patch
+---
+
+Added smooth transitions for progress bar width and background color changes.
+```
+
+### Code Formatting Rules
+
+- Class names: `.btn-ghost`, `.progress-lg`, `.icon-sm`
+- CSS properties: `stroke-width`, `background-color`, `width`
+- Values: `1.5`, `transparent`, `100%`
+- Icon names: `arrow-up`, `arrow-down`, `trending-up`
+- HTML attributes: `aria-label`, `role`, `data-*`
+- JavaScript functions: `addEventListener()`, `querySelector()`
+
+### Common Patterns
+
+- **Component additions**: "Added [ComponentName] component for [purpose]"
+- **Size variants**: "Added [size] size variant for [component] (`.class-size`)"
+- **Style fixes**: "Fixed [issue] in [component/element]"
+- **Icon updates**: "Updated [component] to use `new-icon` instead of `old-icon`"
+- **Accessibility**: "Improved accessibility by [specific change]"
+
+### Commit Message Format
+
+Use English for commit messages following conventional commit format when possible:
+
+- `feat: add progress steps component`
+- `fix: update icon stroke width for better visibility`
+- `style: add smooth transitions to progress bars`

.cursor/rules/html-elements.mdc

@@ -0,0 +1,171 @@
+---
+description: Tabler Project HTML Elements Guidelines
+globs: ["**/*.html", "**/*.liquid", "**/*.md"]
+alwaysApply: true
+---
+
+## HTML Elements Guidelines
+
+### 1. Icons
+
+When you need to use an icon, always use the Tabler icon include syntax:
+
+```html
+{% include "ui/icon.html" icon="ICON_NAME" %}
+```
+
+**Examples:**
+
+- `{% include "ui/icon.html" icon="home" %}`
+- `{% include "ui/icon.html" icon="building-community" %}`
+- `{% include "ui/icon.html" icon="map-pin" %}`
+
+### 2. Page Links
+
+When linking to other pages, always use the relative page syntax:
+
+```html
+href="{{ page | relative }}/url.html"
+```
+
+**Examples:**
+
+- `href="{{ page | relative }}/job-post.html"`
+- `href="{{ page | relative }}/job-listing.html"`
+- `href="{{ page | relative }}/marketing/index.html"`
+
+### 3. Static Generation
+
+All pages are statically generated to HTML using Eleventy (11ty). Keep this in mind when:
+
+- Writing frontmatter (must be static YAML, no Liquid templating)
+- Creating dynamic content (use Liquid templating in the body, not frontmatter)
+- Linking between pages (use relative paths)
+
+### 4. Additional Guidelines
+
+#### Frontmatter Rules
+
+- Frontmatter must be static YAML
+- Cannot use Liquid templating in frontmatter
+- Use static values for title, permalink, etc.
+
+#### Liquid Templating
+
+- Use Liquid templating only in the HTML body
+- Access data using `{{ variable }}` syntax
+- Use `{% for %}` loops for dynamic content
+- Use `{% if %}` conditions for conditional rendering
+
+#### File Structure
+
+- Pages go in `preview/pages/`
+- Includes go in `shared/includes/`
+- Data files go in `shared/data/`
+- Documentation goes in `docs/content/`
+
+#### CSS Classes
+
+- Use Bootstrap 5 classes
+- Use Tabler's custom CSS classes
+- Follow the pattern: `--#{$prefix}component-property`
+
+#### Accessibility
+
+- Include proper ARIA labels
+- Use semantic HTML elements
+- Ensure proper heading hierarchy
+- Add alt text for images
+
+### 5. Component Usage
+
+#### Cards
+
+- Use `card` class for main containers
+- Use `card-body` for content areas
+- Use `card-header` for card headers
+- Use `card-title` for card title
+
+#### Buttons
+
+- Use `btn` class for all buttons
+- Use `btn-primary` for primary actions
+- Use `btn` for secondary actions, don't use `btn-outline-secondary`
+- Use `btn-sm` for smaller buttons
+- Use `w-100` for full-width buttons
+
+#### Forms
+
+- Use `form-control` for input fields
+- Use `form-label` for labels
+- Use `form-check` for checkboxes/radio buttons
+- Use `form-select` for dropdowns
+
+#### Layout
+
+- Use Bootstrap grid system (`row`, `col-*`)
+- Use `container-xl` for main containers
+- Use `page-wrapper` for page structure
+- Use `page-body` for main content area
+
+#### Badges
+
+- Use `badge` class for badges
+- Don't use `badge-outline` for badges, use `badge` class instead
+- Don't use `badge-primary` for badges, use `badge` class instead
+- Don't change the text color of badges
+
+#### Markdown
+
+- Use `markdown` class for markdown content
+- Apply to containers that render markdown content
+- Example: `<div class="markdown">...</div>`
+
+#### Rest of the rules
+
+- Read the rest of the rules in the `docs/content/ui/` folder
+
+### 6. Data Integration
+
+#### Using JSON Data
+
+```liquid
+{% for item in items %}
+  <div>{{ item.name }}</div>
+{% endfor %}
+```
+
+#### Conditional Rendering
+
+```liquid
+{% if condition %}
+  <div>Content</div>
+{% endif %}
+```
+
+#### Including Components
+
+```liquid
+{% include "ui/button.html" color="primary" text="Click me" %}
+```
+
+### 7. Best Practices
+
+#### Performance
+
+- Minimize nested loops
+- Use `limit` filters when iterating large datasets
+- Optimize images for web use
+
+#### Code Organization
+
+- Keep components modular and reusable
+- Use consistent naming conventions
+- Comment complex logic
+- Group related functionality together
+
+#### Error Handling
+
+- Always check if data exists before using it
+- Provide fallback content for missing data
+- Use `{% if %}` guards for optional content

.cursor/rules/main.mdc

@@ -0,0 +1,56 @@
+---
+description: Tabler Project Rules
+globs: 
+alwaysApply: true
+---
+
+## Documentation Standards
+
+- Always write documentation in English (not Polish) for technical content
+- Use clear, descriptive headings with proper hierarchy (##, ###)
+- Include practical examples with code snippets
+- Add explanations for each component's purpose and usage
+- Use consistent formatting for code blocks and examples
+
+## CSS/SCSS Guidelines
+
+- Follow Tabler's CSS custom properties pattern: `--#{$prefix}component-property`
+- Use semantic class names that describe purpose, not appearance
+- Maintain consistent spacing and indentation in SCSS files
+- Group related styles together with clear comments
+- Use Bootstrap-compatible class naming conventions
+
+## Component Documentation Structure
+
+- Start with a brief description of the component's purpose
+- Show basic usage examples first
+- Include variations and modifiers
+- Add accessibility considerations where relevant
+- Provide code examples that are copy-paste ready
+
+## File Organization
+
+- Keep documentation files in `docs/content/ui/components/`
+- Use consistent naming: lowercase with hyphens
+- Include frontmatter with title, summary, and description
+- Link to Bootstrap documentation when relevant
+
+## Code Examples
+
+- Use Liquid templating syntax for dynamic examples
+- Include both HTML and rendered output
+- Show responsive behavior where applicable
+- Demonstrate proper accessibility attributes
+
+## Git Commit Messages
+
+- Use English for commit messages
+- Follow conventional commit format when possible
+- Be descriptive about what was changed and why
+
+## Project-Specific Conventions
+
+- Tabler uses Bootstrap 5 as a foundation
+- Custom components extend Bootstrap functionality
+- Documentation should be comprehensive but concise
+- Examples should be practical and immediately usable

.github/workflows/argos.yml

@@ -1,67 +0,0 @@
-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/build.yml

@@ -0,0 +1,42 @@
+name: Build
+
+on:
+  pull_request: null
+
+env:
+  NODE: 22
+
+permissions:
+  contents: read
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v6
+
+      - name: Cache turbo build setup
+        uses: actions/cache@v5
+        with: 
+          path: .turbo
+          key: ${{ runner.os }}-turbo-${{ github.sha }}
+          restore-keys: |
+            ${{ runner.os }}-turbo-
+
+      - name: Install PNPM
+        uses: pnpm/action-setup@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: "${{ env.NODE }}"
+          cache: 'pnpm'
+
+      - run: node --version
+
+      - name: Install pnpm dependencies
+        run: pnpm install
+
+      - name: Build
+        run: pnpm run build

.github/workflows/bundlewatch.yml

@@ -9,7 +9,7 @@ on:
 
 env:
   FORCE_COLOR: 2
-  NODE: 20
+  NODE: 22
 
 jobs:
   bundlewatch:
@@ -17,24 +17,25 @@ jobs:
 
     steps:
       - name: Clone repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
 
       - name: Cache turbo build setup
-        uses: actions/cache@v4
+        uses: actions/cache@v5
         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: Set up Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: "${{ env.NODE }}"
+          cache: 'pnpm'
+
       - name: Set up Bundler
         uses: ruby/setup-ruby@v1
         with:

.github/workflows/calibreapp-image-actions.yml

@@ -16,7 +16,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
         with:
           persist-credentials: false
 

.github/workflows/close_inactive.yml

@@ -11,7 +11,7 @@ jobs:
       pull-requests: write
       issues: write
     steps:
-      - uses: actions/stale@v9
+      - uses: actions/stale@v10
         with:
           days-before-issue-stale: 360
           days-before-issue-close: 14

.github/workflows/lint.yml

@@ -0,0 +1,32 @@
+name: Lint
+
+on:
+  pull_request: null
+
+env:
+  NODE: 22
+
+permissions:
+  contents: read
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v6
+
+      - name: Install PNPM
+        uses: pnpm/action-setup@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: "${{ env.NODE }}"
+          cache: 'pnpm'
+
+      - name: Install pnpm dependencies
+        run: pnpm install
+
+      - name: Lint Markdown
+        run: pnpm run lint

.github/workflows/lockfiles.yaml

@@ -12,11 +12,10 @@ jobs:
     name: Verify lock file integrity
     steps:
       - name: Clone Tabler
-        uses: actions/checkout@v4
-
+        uses: actions/checkout@v6
       - name: Prevent lock file change
-        uses: xalvarez/prevent-file-change-action@v2
+        uses: xalvarez/prevent-file-change-action@v3
         with:
           githubToken: ${{ secrets.GITHUB_TOKEN }}
-          pattern: Gemfile.lock|pnpm-lock.json
-          trustedAuthors: codecalm, dependabot
+          pattern: Gemfile.lock|pnpm-lock.json|pnpm-lock.yaml
+          trustedAuthors: codecalm, BG-Software-BG, dependabot

.github/workflows/release.yml

@@ -21,16 +21,17 @@ jobs:
       pull-requests: write # to create pull request
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@v4
-
-      - name: Setup Node.js 18
-        uses: actions/setup-node@v4
-        with:
-          node-version: 20
+        uses: actions/checkout@v6
 
       - name: Install PNPM
         uses: pnpm/action-setup@v4
 
+      - name: Setup Node.js 18
+        uses: actions/setup-node@v6
+        with:
+          node-version: "${{ env.NODE }}"
+          cache: 'pnpm'
+
       - name: Install Dependencies
         run: pnpm install
 

.github/workflows/test.yml

@@ -1,10 +1,10 @@
-name: Test build
+name: Test
 
 on:
   pull_request: null
 
 env:
-  NODE: 20
+  NODE: 22
 
 permissions:
   contents: read
@@ -14,28 +14,29 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Clone repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
 
       - name: Cache turbo build setup
-        uses: actions/cache@v4
+        uses: actions/cache@v5
         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: Set up Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: "${{ env.NODE }}"
+          cache: 'pnpm'
+
       - run: node --version
 
       - name: Install pnpm dependencies
         run: pnpm install
 
-      - name: Build
-        run: pnpm run build
+      - name: Run tests
+        run: pnpm run test

.github/workflows/type-check.yml

@@ -0,0 +1,45 @@
+name: Type Check
+
+on:
+  pull_request: null
+  push:
+    branches:
+      - main
+      - dev
+
+env:
+  NODE: 20
+
+permissions:
+  contents: read
+
+jobs:
+  type-check:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v6
+
+      - name: Cache turbo build setup
+        uses: actions/cache@v4
+        with: 
+          path: .turbo
+          key: ${{ runner.os }}-turbo-${{ github.sha }}
+          restore-keys: |
+            ${{ runner.os }}-turbo-
+
+      - name: Install PNPM
+        uses: pnpm/action-setup@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: "${{ env.NODE }}"
+          cache: 'pnpm'
+
+      - name: Install pnpm dependencies
+        run: pnpm install
+
+      - name: Run type-check
+        run: pnpm run type-check
+

.gitignore

@@ -36,4 +36,14 @@ package-lock.json
 demo/
 dist/
 packages-zip/
-.env
+.env
+sri.json
+
+# TypeScript
+*.tsbuildinfo
+.tsbuildinfo
+
+# Test coverage
+coverage/
+**/coverage/
+*.lcov

.markdownlint.json

@@ -0,0 +1,61 @@
+{
+  "default": true,
+  "MD001": {
+    "level": 2
+  },
+  "MD003": {
+    "style": "atx"
+  },
+  "MD004": {
+    "style": "dash"
+  },
+  "MD007": {
+    "indent": 2
+  },
+  "MD009": {
+    "br_spaces": 2
+  },
+  "MD010": false,
+  "MD012": {
+    "maximum": 2
+  },
+  "MD013": {
+    "line_length": 120,
+    "code_blocks": false,
+    "tables": false,
+    "headings": false,
+    "headings_line_length": 120
+  },
+  "MD022": true,
+  "MD025": {
+    "front_matter_title": ""
+  },
+  "MD026": {
+    "punctuation": ".,;:!"
+  },
+  "MD030": {
+    "ul_single": 1,
+    "ul_multi": 1,
+    "ol_single": 1,
+    "ol_multi": 1
+  },
+  "MD031": true,
+  "MD032": true,
+  "MD033": false,
+  "MD034": false,
+  "MD035": {
+    "style": "---"
+  },
+  "MD036": false,
+  "MD037": true,
+  "MD038": true,
+  "MD039": true,
+  "MD040": true,
+  "MD041": {
+    "front_matter_title": ""
+  },
+  "MD046": {
+    "style": "fenced"
+  },
+  "MD047": true
+}

.nvmrc

@@ -1 +1 @@
-20
+22

.prettierrc

@@ -4,7 +4,17 @@
 	"printWidth": 320,
 	"proseWrap": "always",
 	"semi": false,
-	"singleQuote": false,
+	"singleQuote": true,
+	"quoteProps": "consistent",
 	"tabWidth": 2,
-	"trailingComma": "all"
+	"useTabs": false,
+	"trailingComma": "all",
+	"overrides": [
+		{
+			"files": "*.scss",
+			"options": {
+				"parser": "scss"
+			}
+		}
+	]
 }

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2018-2025 The Tabler Authors
+Copyright (c) 2018-2026 The Tabler Authors
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,5 +1,5 @@
 <p align="center">
-<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 href="https://github.com/tabler/tabler"><img src="https://raw.githubusercontent.com/tabler/tabler/refs/heads/dev/shared/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>
 
@@ -23,24 +23,8 @@ A premium and open source dashboard template with a responsive and high-quality
 	</a>
 </p>
 
-<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>
-
 ## Testing
 
-<p align="center">Visual testing with:</p>
-
-<p align="center">
-	<a href="https://argos-ci.com/" target="_blank">
-		<picture>
-			<img src="https://github.com/user-attachments/assets/7d231a26-eff5-4fc5-8392-b2a679a7c572" alt="Argos-CI" height="164" />
-		</picture>
-	</a>
-</p>
-
 <p align="center">Browser testing via:</p>
 
 <p align="center">
@@ -59,7 +43,7 @@ Tabler is fully responsive and compatible with all modern browsers. Thanks to it
 
 <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">
+			<img src="https://raw.githubusercontent.com/tabler/tabler/dev/shared/static/tabler-preview.png" alt="Tabler Preview">
 	</a>
 </p>
 
@@ -75,7 +59,7 @@ We've created this admin panel for everyone who wants to create templates based
 
 ## 📖 Documentation
 
-The documentation is available at https://tabler.io/docs/
+The documentation is available at https://docs.tabler.io/
 
 ## 🪴 Project Activity
 
@@ -140,8 +124,8 @@ pnpm install
 ```sh
 pnpm run start
 ```
-5. Open [http://localhost:3000](http://localhost:3000) in your browser, and voilà.
-Any change in the `/src` directory will rebuild the application and refresh the page.
+5. Open [http://localhost:3000](http://localhost:3000) to view the preview website in your browser, or [http://localhost:3010](http://localhost:3010) to view the documentation website - and voilà.
+Changes to most of the source files of Tabler core, preview and docs will rebuild the application and refresh the page.
 
 **Note**:
 If you wish to perform a one-off build without auto-refresh on any changes, you can run:

core/.build/add-banner.ts

@@ -1,18 +1,20 @@
 #!/usr/bin/env node
 
-'use strict'
-
-import { readFileSync, writeFileSync } from 'node:fs';
-import { join, dirname, basename } from 'node:path';
+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 '../../shared/banner/index.mjs';
+import { sync } from 'glob'
+import banner from '../../shared/banner/index.mjs'
 
 const __dirname = dirname(fileURLToPath(import.meta.url))
 
-const styles = sync(join(__dirname, '..', 'dist', 'css', '*.css'))
+const styles: string[] = sync(join(__dirname, '..', 'dist', 'css', '*.css'))
 
-const plugins = {
+interface Plugins {
+	[key: string]: string
+}
+
+const plugins: Plugins = {
 	'tabler-flags': 'Flags',
 	'tabler-flags.rtl': 'Flags RTL',
 	'tabler-marketing': 'Marketing',
@@ -25,22 +27,24 @@ const plugins = {
 	'tabler-vendors.rtl': 'Vendors RTL',
 }
 
-styles.forEach((file, i) => {
+styles.forEach((file: string) => {
 	const content = readFileSync(file, 'utf8')
 	const filename = basename(file)
-	const pluginKey = Object.keys(plugins).find(plugin => filename.includes(plugin))
-	const plugin = plugins[pluginKey]
+	const pluginKey = Object.keys(plugins).find((plugin: string) => filename.includes(plugin))
+	const plugin = pluginKey ? plugins[pluginKey] : undefined
 	const regex = /^(@charset ['"][a-zA-Z0-9-]+['"];?)\n?/i
 
 	let newContent = ''
+	const bannerText = banner(plugin)
 
 	if (content.match(regex)) {
-		newContent = content.replace(regex, (m, m1) => {
-			return `${m1}\n${banner(plugin)}\n`
+		newContent = content.replace(regex, (m: string, m1: string) => {
+			return `${m1}\n${bannerText}\n`
 		})
 	} else {
-		newContent = `${banner(plugin)}\n${content}`
+		newContent = `${bannerText}\n${content}`
 	}
 
 	writeFileSync(file, newContent, 'utf8')
-})
+})
+

core/.build/compare-variables.ts

@@ -0,0 +1,84 @@
+import { readFileSync } from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+// Get __dirname in ES modules
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+// File paths (relative to core/.build directory)
+const bootstrapPath = path.join(__dirname, '../node_modules/bootstrap/scss/_variables.scss')
+const tablerPath = path.join(__dirname, '../scss/_variables.scss')
+
+// Function to extract variable names from SCSS file
+function extractVariables(filePath: string): Set<string> {
+	const content = readFileSync(filePath, 'utf8')
+	const variables = new Set<string>()
+
+	// Regex to find SCSS variables
+	// Looks for patterns like: $variable-name: value
+	// Includes variables in maps and lists
+	const variableRegex = /\$([a-zA-Z0-9_-]+)\s*[:=]/g
+
+	let match: RegExpExecArray | null
+	while ((match = variableRegex.exec(content)) !== null) {
+		const varName = match[1]
+		variables.add(varName)
+	}
+
+	return variables
+}
+
+// Main function
+function compareVariables(): void {
+	console.log('Analyzing Bootstrap variables...')
+	const bootstrapVars = extractVariables(bootstrapPath)
+	console.log(`Found ${bootstrapVars.size} variables in Bootstrap\n`)
+
+	console.log('Analyzing Tabler variables...')
+	const tablerVars = extractVariables(tablerPath)
+	console.log(`Found ${tablerVars.size} variables in Tabler\n`)
+
+	// Find variables that are in Bootstrap but not in Tabler
+	const missingInTabler: string[] = []
+	for (const varName of bootstrapVars) {
+		if (!tablerVars.has(varName)) {
+			missingInTabler.push(varName)
+		}
+	}
+
+	// Sort alphabetically
+	missingInTabler.sort()
+
+	console.log('='.repeat(60))
+	console.log(`Variables in Bootstrap that are missing in Tabler: ${missingInTabler.length}`)
+	console.log('='.repeat(60))
+
+	if (missingInTabler.length === 0) {
+		console.log('All Bootstrap variables are present in Tabler!')
+	} else {
+		console.log('\nList of missing variables:\n')
+		missingInTabler.forEach((varName: string, index: number) => {
+			console.log(`${(index + 1).toString().padStart(4)}. $${varName}`)
+		})
+	}
+
+	// Optionally: show statistics
+	console.log('\n' + '='.repeat(60))
+	console.log('Statistics:')
+	console.log(`  Bootstrap: ${bootstrapVars.size} variables`)
+	console.log(`  Tabler:    ${tablerVars.size} variables`)
+	console.log(`  Missing:    ${missingInTabler.length} variables`)
+	console.log(`  Coverage:   ${((1 - missingInTabler.length / bootstrapVars.size) * 100).toFixed(1)}%`)
+	console.log('='.repeat(60))
+}
+
+// Run analysis
+try {
+	compareVariables()
+} catch (error) {
+	const errorMessage = error instanceof Error ? error.message : String(error)
+	console.error('Error during analysis:', errorMessage)
+	process.exit(1)
+}
+

core/.build/copy-libs.ts

@@ -0,0 +1,45 @@
+#!/usr/bin/env node
+
+import { existsSync, mkdirSync } from 'node:fs'
+import { emptyDirSync, copySync } from 'fs-extra/esm'
+import libs from '../libs.json' with { type: 'json' }
+import { fileURLToPath } from 'node:url'
+import { join, dirname } from 'node:path'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+
+interface LibConfig {
+	npm?: string
+	js?: string[]
+	css?: string[]
+	head?: boolean
+}
+
+interface Libs {
+	[key: string]: LibConfig
+}
+
+const libsData = libs as Libs
+
+emptyDirSync(join(__dirname, '..', 'dist/libs'))
+
+for (const name in libsData) {
+	const { npm } = libsData[name]
+
+	if (npm) {
+		const from = join(__dirname, '..', `node_modules/${npm}`)
+		const to = join(__dirname, '..', `dist/libs/${npm}`)
+
+		// create dir in dist/libs
+		if (!existsSync(to)) {
+			mkdirSync(to, { recursive: true })
+		}
+
+		copySync(from, to, {
+			dereference: true,
+		})
+
+		console.log(`Successfully copied ${npm}`)
+	}
+}
+

core/.build/generate-sri.ts

@@ -1,13 +1,18 @@
-const crypto = require('node:crypto');
-const fs = require('node:fs');
-const path = require('node:path');
-const sh = require('shelljs');
+import * as crypto from 'node:crypto'
+import { readFileSync, writeFileSync } from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
 
-sh.config.fatal = true
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
 
 const configFile = path.join(__dirname, '../../shared/data/sri.json')
 
-const files = [
+interface FileConfig {
+	file: string
+	configPropertyName: string
+}
+
+const files: FileConfig[] = [
 	{
 		file: 'dist/css/tabler.min.css',
 		configPropertyName: 'css'
@@ -80,28 +85,37 @@ const files = [
 		file: 'dist/js/tabler-theme.min.js',
 		configPropertyName: 'js-theme'
 	},
-	// {
-	// 	file: 'dist/preview/css/demo.min.css',
-	// 	configPropertyName: 'demo-css'
-	// },
-	// {
-	// 	file: 'dist/preview/js/demo.min.js',
-	// 	configPropertyName: 'demo-js'
-	// },
 ]
 
-for (const { file, configPropertyName } of files) {
-	fs.readFile(path.join(__dirname, '..', file), 'utf8', (error, data) => {
-		if (error) {
+function generateSRI(): void {
+	const sriData: Record<string, string> = {}
+
+	for (const { file, configPropertyName } of files) {
+		try {
+			const filePath = path.join(__dirname, '..', file)
+			const data = readFileSync(filePath, 'utf8')
+
+			const algorithm = 'sha384'
+			const hash = crypto.createHash(algorithm).update(data, 'utf8').digest('base64')
+			const integrity = `${algorithm}-${hash}`
+
+			console.log(`${configPropertyName}: ${integrity}`)
+
+			sriData[configPropertyName] = integrity
+		} catch (error) {
+			const errorMessage = error instanceof Error ? error.message : String(error)
+			console.error(`Error processing ${file}:`, errorMessage)
 			throw error
 		}
+	}
 
-		const algorithm = 'sha384'
-		const hash = crypto.createHash(algorithm).update(data, 'utf8').digest('base64')
-		const integrity = `${algorithm}-${hash}`
+	writeFileSync(configFile, JSON.stringify(sriData, null, 2) + '\n', 'utf8')
+}
 
-		console.log(`${configPropertyName}: ${integrity}`)
+try {
+	generateSRI()
+} catch (error) {
+	console.error('Failed to generate SRI:', error)
+	process.exit(1)
+}
 
-		sh.sed('-i', new RegExp(`^(\\s+"${configPropertyName}":\\s+["'])\\S*(["'])`), `$1${integrity}$2`, configFile)
-	})
-}

core/.build/import-fonts.ts

@@ -0,0 +1,53 @@
+#!/usr/bin/env node
+
+import { existsSync, mkdirSync } from 'node:fs'
+import { copySync } from 'fs-extra/esm'
+import { fileURLToPath } from 'node:url'
+import { join, dirname } from 'node:path'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+
+const fromDir = join(__dirname, '..', 'node_modules/geist/dist/fonts')
+const toDir = join(__dirname, '..', 'fonts')
+
+// Create fonts directory if it doesn't exist
+if (!existsSync(toDir)) {
+	mkdirSync(toDir, { recursive: true })
+}
+
+// Copy geist-mono fonts
+const monoFrom = join(fromDir, 'geist-mono')
+const monoTo = join(toDir, 'geist-mono')
+
+if (existsSync(monoFrom)) {
+	if (!existsSync(monoTo)) {
+		mkdirSync(monoTo, { recursive: true })
+	}
+
+	copySync(monoFrom, monoTo, {
+		dereference: true,
+	})
+
+	console.log(`Successfully copied geist-mono fonts`)
+} else {
+	console.warn(`Warning: geist-mono fonts not found at ${monoFrom}`)
+}
+
+// Copy geist-sans fonts
+const sansFrom = join(fromDir, 'geist-sans')
+const sansTo = join(toDir, 'geist-sans')
+
+if (existsSync(sansFrom)) {
+	if (!existsSync(sansTo)) {
+		mkdirSync(sansTo, { recursive: true })
+	}
+
+	copySync(sansFrom, sansTo, {
+		dereference: true,
+	})
+
+	console.log(`Successfully copied geist-sans fonts`)
+} else {
+	console.warn(`Warning: geist-sans fonts not found at ${sansFrom}`)
+}
+

core/.build/rollup.config.mjs

@@ -1,47 +0,0 @@
-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 '../../shared/banner/index.mjs'
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url))
-
-const ESM = process.env.ESM === 'true'
-const THEME = process.env.THEME === 'true'
-
-const external = []
-const plugins = [
-	babel({
-		exclude: 'node_modules/**',
-		babelHelpers: 'bundled'
-	})
-]
-
-plugins.push(
-	replace({
-		'process.env.NODE_ENV': '"production"',
-		preventAssignment: true
-	}),
-	nodeResolve()
-)
-
-const destinationFile = `tabler${THEME ? '-theme' : ''}${ESM ? '.esm' : ''}`
-const rollupConfig = {
-	input: path.resolve(__dirname, `../js/tabler${THEME ? '-theme' : ''}.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${THEME ? '-theme' : ''}`
-}
-
-export default rollupConfig

core/.build/vite.config.mts

@@ -0,0 +1,33 @@
+import path from 'node:path'
+import process from 'node:process'
+import { fileURLToPath } from 'node:url'
+import { existsSync } from 'node:fs'
+import { createViteConfig } from '../../.build/vite.config.helper'
+import getBanner from '../../shared/banner/index.mjs'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+
+const ESM = process.env.ESM === 'true'
+const THEME = process.env.THEME === 'true'
+
+const MINIFY = process.env.MINIFY === 'true'
+const destinationFile = `tabler${THEME ? '-theme' : ''}${ESM ? '.esm' : ''}`
+const entryFile = `tabler${THEME ? '-theme' : ''}`
+const libraryName = `tabler${THEME ? '-theme' : ''}`
+
+const bannerText = getBanner()
+
+// Try .ts first, fallback to .js for gradual migration
+const entryPath = path.resolve(__dirname, `../js/${entryFile}`)
+const entry = existsSync(`${entryPath}.ts`) ? `${entryPath}.ts` : `${entryPath}.js`
+
+export default createViteConfig({
+	entry: entry,
+	name: ESM ? undefined : libraryName,
+	fileName: () => MINIFY ? `${destinationFile}.min.js` : `${destinationFile}.js`,
+	formats: [ESM ? 'es' : 'umd'],
+	outDir: path.resolve(__dirname, '../dist/js'),
+	banner: bannerText,
+	minify: MINIFY ? true : false
+})
+

core/CHANGELOG.md

@@ -1,5 +1,66 @@
 # @tabler/core
 
+## 1.4.0
+
+### Minor Changes
+
+- 9951fe9: Enhance button and hover animations
+- a200d30: Improve breadcrumb styles
+- 49ab9ea: Add new Tabler Illustrations
+
+### Patch Changes
+
+- 6c4dd36: Update class names from `*-left`, `*-right` to `*-start`, `*-end`
+- 6fec73a: Fix relative line heights in buttons
+- db6200a: Remove `license_key` option from HugeRTE init object
+- e96f055: Add different favicon to development environment
+- 6c38a48: Update Bootstrap to v5.3.7
+- 2a12f72: Update CSS calculations to use `calc()`
+- 666a296: Fix list group item hoverable only with `.list-group-hoverable` class
+- cfd4cb6: Fix `.pagination-link` hover styles to non-active items
+
+## 1.3.2
+
+### Patch Changes
+
+- 446c34e: Fix README file in core package
+
+## 1.3.1
+
+### Patch Changes
+
+- a7f73d7: Fix README file in core package
+
+## 1.3.0
+
+### Minor Changes
+
+- a1af801: Add FullCalendar integration
+- b9d434d: Add new charts to dashboard pages
+- 79bd867: Add new form layout page
+
+### Patch Changes
+
+- cac5d92: Update illustrations to v1.7
+- f94b153: Add SRI hashes to scripts and styles
+- c127d65: Fix colour picker preview page not displaying correctly
+- b6e9b18: Update icons to v3.31.0
+- 8850f61: Enhance pagination component with new styles
+- 9910dd0: Add "text features" menu item
+- 638f36c: Refactor SCSS variable names for shadows
+- 0d501e9: Correct `aria-label` of app menu link
+- 3a02ef9: Fix some marketing site rows overflowing on mobile
+- fd0fd47: Improve card footer layout and enhance entry display format in invoices
+- 74e5d26: Fix color badge in navbar menu
+- 72a1d67: Add clipboard functionality to Tabler documentation
+- bb617b8: Fix colour swatches on small screens
+- d73d78e: Add missing `tw` entry in `flags.json`
+- 19a3d20: Delete missing demo RTL style
+- b5e2f54: Enhance dropdown components for better accessibility
+- a41c956: Remove unnecessary `!important` from body padding
+- e675389: Fix missing border-radius to `.card-header-tabs`
+- 9007e73: Fix FAQ accordion structure
+
 ## 1.2.0
 
 ### Minor Changes
@@ -45,7 +106,6 @@
 
 ### Minor Changes
 
-- a2640e2: Add Playwright configuration and visual regression tests
 - d3ae77c: Enable `scrollSpy` in `countup` module
 - bd3d959: Refactor SCSS files to replace divide function with calc
 - cb278c7: Add Segmented Control component

core/README.md

@@ -0,0 +1,42 @@
+# Tabler Core
+
+Tabler Core is a set of components and utilities for building web applications. It provides a collection of pre-designed components, such as buttons, forms, modals, and more, that can be easily customized and integrated into your projects.
+
+## 🔎 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!
+
+<p align="center">
+	<a href="https://preview.tabler.io" target="_blank">
+			<img src="https://raw.githubusercontent.com/tabler/tabler/dev/shared/static/tabler-preview.png" alt="Tabler Preview">
+	</a>
+</p>
+
+## Installation
+
+To install Tabler Core, you can use npm or yarn. Run one of the following commands in your terminal:
+
+```bash
+npm install @tabler/core
+```
+
+or
+
+```bash
+pnpm add @tabler/core
+```
+
+## Sponsors
+
+**If you want to support our project and help us 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>
+</p>
+
+
+## License
+
+See the [LICENSE](https://github.com/tabler/tabler/blob/master/LICENSE) file.