Enhance build scripts, update SCSS variables for typography, and improve documentation navigation

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

.changeset/angry-bananas-brake.md

@@ -3,4 +3,4 @@
 "@tabler/preview": minor
 ---
 
-Added new "Pay" page with dedicated layout, navigation link, and payment form (card + PayPal).
+Added Pay page with dedicated layout, navigation link, and card/PayPal payment form.

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

@@ -2,4 +2,4 @@
 "@tabler/preview": minor
 ---
 
-Add a color palette in the signing component
+Added color palette to signing component.

.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

@@ -2,4 +2,4 @@
 "@tabler/core": patch
 ---
 
-Fix icon alignment for `.btn-sm` and `.btn-xl` sizes
+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

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

.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/flags-avatars-updates.md

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

.changeset/fresh-rockets-retire.md

@@ -2,4 +2,4 @@
 "@tabler/core": patch
 ---
 
-Fix mixed declarations in SCSS
+Fixed mixed declarations in SCSS.

.changeset/funny-kings-double.md

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

.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

@@ -3,4 +3,4 @@
 "@tabler/preview": patch
 ---
 
-Introduced `bg-blur` utility for backdrop blur effects and increased container-tight width for layout flexibility.
+Added `bg-blur` utility and increased `container-tight` width for layout flexibility.

.changeset/light-cooks-hug.md

@@ -2,4 +2,4 @@
 "@tabler/preview": patch
 ---
 
-Update icons to v3.34.1 (75 new icons)
+Updated icons to v3.34.1 with 75 new icons.

.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/modern-dots-bathe.md

@@ -2,4 +2,4 @@
 "@tabler/preview": patch
 ---
 
-Update activity messages
+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/pretty-chefs-design.md

@@ -2,4 +2,4 @@
 "@tabler/core": patch
 ---
 
-Fix double bottom border in tables.
+Fixed double bottom border in tables.

.changeset/progress-sizes.md

@@ -2,4 +2,4 @@
 "@tabler/core": minor
 ---
 
-Added large and extra-large sizes for progress component (`.progress-lg`, `.progress-xl`).
+Added `.progress-lg` and `.progress-xl` size variants for the progress component.

.changeset/progress-transitions.md

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

.changeset/skip-link-accessibility.md

@@ -2,4 +2,4 @@
 "@tabler/core": patch
 ---
 
-Updated skip-link to use `visually-hidden` class for better accessibility.
+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

@@ -2,4 +2,4 @@
 "@tabler/core": patch
 ---
 
-Updated deprecated global functions (`map-merge`, `str-slice`, `percentage`, etc.) with their module-based equivalents (`map.merge`, `string.slice`, `math.percentage`, etc.).
+Updated deprecated global Sass functions to module equivalents (`map.merge`, `string.slice`, `math.percentage`, etc.).

.changeset/tidy-apples-ring.md

@@ -2,4 +2,4 @@
 "@tabler/core": patch
 ---
 
-Update Bootstrap to v5.3.8
+Updated Bootstrap to v5.3.8.

.changeset/trending-icons.md

@@ -3,4 +3,4 @@
 "@tabler/preview": patch
 ---
 
-Updated trending component to use `arrow-up`/`arrow-down` icons instead of `trending-up`/`trending-down`.
+Updated trending component to use `arrow-up`/`arrow-down` instead of `trending-up`/`trending-down`.

.changeset/tricky-moons-laugh.md

@@ -2,4 +2,4 @@
 "@tabler/docs": patch
 ---
 
-Fix Docs search in dark mode
+Fixed Docs search display in dark mode.

.changeset/twelve-tables-attack.md

@@ -2,4 +2,4 @@
 "@tabler/preview": patch
 ---
 
-Fix responsive layputs in 'Form Elements' page
+Fixed responsive layouts on the Form Elements page.

.changeset/young-needles-love.md

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

.github/workflows/argos.yml

@@ -40,7 +40,7 @@ jobs:
         uses: pnpm/action-setup@v4
 
       - name: Set up Node.js
-        uses: actions/setup-node@v5
+        uses: actions/setup-node@v6
         with:
           node-version: "${{ env.NODE }}"
           cache: 'pnpm'

.github/workflows/bundlewatch.yml

@@ -31,7 +31,7 @@ jobs:
         uses: pnpm/action-setup@v4
 
       - name: Set up Node.js
-        uses: actions/setup-node@v5
+        uses: actions/setup-node@v6
         with:
           node-version: "${{ env.NODE }}"
           cache: 'pnpm'

.github/workflows/lockfiles.yaml

@@ -14,7 +14,7 @@ jobs:
       - name: Clone Tabler
         uses: actions/checkout@v5
       - 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|pnpm-lock.yaml

.github/workflows/release.yml

@@ -27,7 +27,7 @@ jobs:
         uses: pnpm/action-setup@v4
 
       - name: Setup Node.js 18
-        uses: actions/setup-node@v5
+        uses: actions/setup-node@v6
         with:
           node-version: "${{ env.NODE }}"
           cache: 'pnpm'

.github/workflows/test.yml

@@ -28,7 +28,7 @@ jobs:
         uses: pnpm/action-setup@v4
 
       - name: Set up Node.js
-        uses: actions/setup-node@v5
+        uses: actions/setup-node@v6
         with:
           node-version: "${{ env.NODE }}"
           cache: 'pnpm'

.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"
+			}
+		}
+	]
 }

core/.build/compare-variables.mjs

@@ -0,0 +1,82 @@
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from '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) {
+  const content = fs.readFileSync(filePath, 'utf8');
+  const variables = new Set();
+  
+  // 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;
+  while ((match = variableRegex.exec(content)) !== null) {
+    const varName = match[1];
+    variables.add(varName);
+  }
+  
+  return variables;
+}
+
+// Main function
+function compareVariables() {
+  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 = [];
+  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, index) => {
+      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) {
+  console.error('Error during analysis:', error.message);
+  process.exit(1);
+}

core/.build/copy-fonts.mjs

@@ -0,0 +1,55 @@
+#!/usr/bin/env node
+
+'use strict'
+
+import { existsSync, mkdirSync } from 'fs'
+import { copySync } from 'fs-extra/esm'
+import { fileURLToPath } from '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/js/src/autosize.js

@@ -1,7 +1,8 @@
 // Autosize plugin
-const elements = document.querySelectorAll('[data-bs-toggle="autosize"]');
+const elements = document.querySelectorAll('[data-bs-toggle="autosize"]')
+
 if (elements.length) {
-	elements.forEach(function (element) {
-		window.autosize && window.autosize(element);
-	});
-}
+  elements.forEach(function (element) {
+    window.autosize && window.autosize(element)
+  })
+}

core/js/src/bootstrap.js

@@ -1,3 +1,3 @@
-export * as Popper from '@popperjs/core';
+export * as Popper from '@popperjs/core'
 
-export { Dropdown, Tooltip, Popover, Tab, Toast } from 'bootstrap';
+export { Dropdown, Tooltip, Popover, Tab, Toast } from 'bootstrap'

core/js/src/countup.js

@@ -1,23 +1,25 @@
-const elements = document.querySelectorAll('[data-countup]');
+const elements = document.querySelectorAll('[data-countup]')
 
 if (elements.length) {
-	elements.forEach(function (element) {
-		let options = {};
-		try {
-			const dataOptions = element.getAttribute('data-countup') ? JSON.parse(element.getAttribute('data-countup')) : {};
-			options = Object.assign({
-				'enableScrollSpy': true
-			}, dataOptions);
-			
-		} catch (error) {}
+  elements.forEach(function (element) {
+    let options = {}
+    try {
+      const dataOptions = element.getAttribute('data-countup') ? JSON.parse(element.getAttribute('data-countup')) : {}
+      options = Object.assign(
+        {
+          enableScrollSpy: true,
+        },
+        dataOptions,
+      )
+    } catch (error) {}
 
-		const value = parseInt(element.innerHTML, 10);
+    const value = parseInt(element.innerHTML, 10)
 
-		if (window.countUp && window.countUp.CountUp) {
-			const countUp = new window.countUp.CountUp(element, value, options);
-			if (!countUp.error) {
-				countUp.start();
-			}
-		}
-	});
+    if (window.countUp && window.countUp.CountUp) {
+      const countUp = new window.countUp.CountUp(element, value, options)
+      if (!countUp.error) {
+        countUp.start()
+      }
+    }
+  })
 }

core/js/src/dropdown.js

@@ -1,12 +1,12 @@
-import { Dropdown } from './bootstrap';
+import { Dropdown } from './bootstrap'
 
 /*
 Core dropdowns
  */
-let dropdownTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="dropdown"]'));
+let dropdownTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="dropdown"]'))
 dropdownTriggerList.map(function (dropdownTriggerEl) {
-	let options = {
-		boundary: dropdownTriggerEl.getAttribute('data-bs-boundary') === 'viewport' ? document.querySelector('.btn') : 'clippingParents',
-	}
-	return new Dropdown(dropdownTriggerEl, options);
-});
+  let options = {
+    boundary: dropdownTriggerEl.getAttribute('data-bs-boundary') === 'viewport' ? document.querySelector('.btn') : 'clippingParents',
+  }
+  return new Dropdown(dropdownTriggerEl, options)
+})

core/js/src/input-mask.js

@@ -1,9 +1,10 @@
 // Input mask plugin
 
-var maskElementList = [].slice.call(document.querySelectorAll('[data-mask]'));
+var maskElementList = [].slice.call(document.querySelectorAll('[data-mask]'))
 maskElementList.map(function (maskEl) {
-	window.IMask && new window.IMask(maskEl, {
-		mask: maskEl.dataset.mask,
-		lazy: maskEl.dataset['mask-visible'] === 'true'
-	})
-});
+  window.IMask &&
+    new window.IMask(maskEl, {
+      mask: maskEl.dataset.mask,
+      lazy: maskEl.dataset['mask-visible'] === 'true',
+    })
+})

core/js/src/popover.js

@@ -1,14 +1,14 @@
-import { Popover } from './bootstrap';
+import { Popover } from './bootstrap'
 
 /*
 Core popovers
  */
-let popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
+let popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
 popoverTriggerList.map(function (popoverTriggerEl) {
-	let options = {
-		delay: {show: 50, hide: 50},
-		html: popoverTriggerEl.getAttribute('data-bs-html') === "true" ?? false,
-		placement: popoverTriggerEl.getAttribute('data-bs-placement') ?? 'auto'
-	};
-	return new Popover(popoverTriggerEl, options);
-});
+  let options = {
+    delay: { show: 50, hide: 50 },
+    html: popoverTriggerEl.getAttribute('data-bs-html') === 'true' ?? false,
+    placement: popoverTriggerEl.getAttribute('data-bs-placement') ?? 'auto',
+  }
+  return new Popover(popoverTriggerEl, options)
+})

core/js/src/sortable.js

@@ -2,24 +2,22 @@
 // Initializes Sortable on elements marked with [data-sortable]
 // Allows options via JSON in data attribute: data-sortable='{"animation":150}'
 
-const sortableElements = document.querySelectorAll('[data-sortable]');
+const sortableElements = document.querySelectorAll('[data-sortable]')
 
 if (sortableElements.length) {
   sortableElements.forEach(function (element) {
-    let options = {};
+    let options = {}
 
     try {
-      const rawOptions = element.getAttribute('data-sortable');
-      options = rawOptions ? JSON.parse(rawOptions) : {};
+      const rawOptions = element.getAttribute('data-sortable')
+      options = rawOptions ? JSON.parse(rawOptions) : {}
     } catch (e) {
       // ignore invalid JSON
     }
 
     if (window.Sortable) {
       // eslint-disable-next-line no-new
-      new window.Sortable(element, options);
+      new window.Sortable(element, options)
     }
-  });
+  })
 }
-
-

core/js/src/switch-icon.js

@@ -1,11 +1,11 @@
 /*
 Switch icons
  */
-let switchesTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="switch-icon"]'));
+let switchesTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="switch-icon"]'))
 switchesTriggerList.map(function (switchTriggerEl) {
-	switchTriggerEl.addEventListener('click', (e) => {
-		e.stopPropagation();
+  switchTriggerEl.addEventListener('click', (e) => {
+    e.stopPropagation()
 
-		switchTriggerEl.classList.toggle('active');
-	});
-});
+    switchTriggerEl.classList.toggle('active')
+  })
+})

core/js/src/tab.js

@@ -1,15 +1,15 @@
-import { Tab } from './bootstrap';
+import { Tab } from './bootstrap'
 
 export const EnableActivationTabsFromLocationHash = () => {
-  const locationHash = window.location.hash;
+  const locationHash = window.location.hash
 
   if (locationHash) {
-	 const tabsList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tab"]'));
-	 const matchedTabs = tabsList.filter(tab => tab.hash === locationHash);
+    const tabsList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tab"]'))
+    const matchedTabs = tabsList.filter((tab) => tab.hash === locationHash)
 
-	 matchedTabs.map(tab => {
-		new Tab(tab).show();
-	 });
+    matchedTabs.map((tab) => {
+      new Tab(tab).show()
+    })
   }
 }
 

core/js/src/tabler.js

@@ -10,8 +10,8 @@ export const getColor = (color, opacity = 1) => {
   const c = getComputedStyle(document.body).getPropertyValue(`--${prefix}${color}`).trim()
 
   if (opacity !== 1) {
-	 return hexToRgba(c, opacity)
+    return hexToRgba(c, opacity)
   }
 
   return c
-}
+}

core/js/src/toast.js

@@ -1,17 +1,17 @@
-import { Toast } from './bootstrap';
+import { Toast } from './bootstrap'
 
 /*
 Toasts
  */
-let toastsTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="toast"]'));
+let toastsTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="toast"]'))
 toastsTriggerList.map(function (toastTriggerEl) {
-	if (!toastTriggerEl.hasAttribute('data-bs-target')) {
-		return;
-	}
+  if (!toastTriggerEl.hasAttribute('data-bs-target')) {
+    return
+  }
 
-	const toastEl = new Toast(toastTriggerEl.getAttribute('data-bs-target'));
+  const toastEl = new Toast(toastTriggerEl.getAttribute('data-bs-target'))
 
-	toastTriggerEl.addEventListener('click', () => {
-		toastEl.show()
-	});
-});
+  toastTriggerEl.addEventListener('click', () => {
+    toastEl.show()
+  })
+})

core/js/src/tooltip.js

@@ -1,11 +1,11 @@
-import { Tooltip } from './bootstrap';
+import { Tooltip } from './bootstrap'
 
-let tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
+let tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
 tooltipTriggerList.map(function (tooltipTriggerEl) {
-	let options = {
-		delay: {show: 50, hide: 50},
-		html: tooltipTriggerEl.getAttribute("data-bs-html") === "true" ?? false,
-		placement: tooltipTriggerEl.getAttribute('data-bs-placement') ?? 'auto'
-	};
-	return new Tooltip(tooltipTriggerEl, options);
-});
+  let options = {
+    delay: { show: 50, hide: 50 },
+    html: tooltipTriggerEl.getAttribute('data-bs-html') === 'true' ?? false,
+    placement: tooltipTriggerEl.getAttribute('data-bs-placement') ?? 'auto',
+  }
+  return new Tooltip(tooltipTriggerEl, options)
+})

core/js/tabler-theme.js

@@ -4,32 +4,32 @@
  * This will prevent any flashes of the light theme (default) before switching.
  */
 const themeConfig = {
-	"theme": "light",
-	"theme-base": "gray",
-	"theme-font": "sans-serif",
-	"theme-primary": "blue",
-	"theme-radius": "1",
+  'theme': 'light',
+  'theme-base': 'gray',
+  'theme-font': 'sans-serif',
+  'theme-primary': 'blue',
+  'theme-radius': '1',
 }
 
 const params = new Proxy(new URLSearchParams(window.location.search), {
-	get: (searchParams, prop) => searchParams.get(prop),
+  get: (searchParams, prop) => searchParams.get(prop),
 })
 
 for (const key in themeConfig) {
-	const param = params[key]
-	let selectedValue
+  const param = params[key]
+  let selectedValue
 
-	if (!!param) {
-		localStorage.setItem('tabler-' + key, param)
-		selectedValue = param
-	} else {
-		const storedTheme = localStorage.getItem('tabler-' + key)
-		selectedValue = storedTheme ? storedTheme : themeConfig[key]
-	}
+  if (!!param) {
+    localStorage.setItem('tabler-' + key, param)
+    selectedValue = param
+  } else {
+    const storedTheme = localStorage.getItem('tabler-' + key)
+    selectedValue = storedTheme ? storedTheme : themeConfig[key]
+  }
 
-	if (selectedValue !== themeConfig[key]) {
-		document.documentElement.setAttribute('data-bs-' + key, selectedValue)
-	} else {
-		document.documentElement.removeAttribute('data-bs-' + key)
-	}
-}
+  if (selectedValue !== themeConfig[key]) {
+    document.documentElement.setAttribute('data-bs-' + key, selectedValue)
+  } else {
+    document.documentElement.removeAttribute('data-bs-' + key)
+  }
+}

core/js/tabler.js

@@ -1,28 +1,15 @@
-import "./src/autosize"
-import "./src/countup"
-import "./src/input-mask"
-import "./src/dropdown"
-import "./src/tooltip"
-import "./src/popover"
-import "./src/switch-icon"
-import "./src/tab"
-import "./src/toast"
-import "./src/sortable"
+import './src/autosize'
+import './src/countup'
+import './src/input-mask'
+import './src/dropdown'
+import './src/tooltip'
+import './src/popover'
+import './src/switch-icon'
+import './src/tab'
+import './src/toast'
+import './src/sortable'
 
-export * as bootstrap from "bootstrap"
-export * as tabler from "./src/tabler"
+export * as bootstrap from 'bootstrap'
+export * as tabler from './src/tabler'
 
-export {
-	Alert,
-	Modal,
-	Toast,
-	Tooltip,
-	Tab,
-	Button,
-	Carousel,
-	Collapse,
-	Dropdown,
-	Popover,
-	ScrollSpy,
-	Offcanvas
-} from 'bootstrap'
+export { Alert, Modal, Toast, Tooltip, Tab, Button, Carousel, Collapse, Dropdown, Popover, ScrollSpy, Offcanvas } from 'bootstrap'

core/package.json

@@ -15,6 +15,8 @@
     "css-minify": "pnpm run css-minify-main && pnpm run css-minify-rtl",
     "css-minify-main": "cleancss -O1 --format breakWith=lf --with-rebase --source-map --source-map-inline-sources --output dist/css/ --batch --batch-suffix \".min\" \"dist/css/*.css\" \"!dist/css/*.min.css\" \"!dist/css/*rtl*.css\"",
     "css-minify-rtl": "cleancss -O1 --format breakWith=lf --with-rebase --source-map --source-map-inline-sources --output dist/css/ --batch --batch-suffix \".min\" \"dist/css/*rtl.css\" \"!dist/css/*.min.css\"",
+    "css-lint": "pnpm run css-lint-variables",
+    "css-lint-variables": "find-unused-sass-variables scss/ node_modules/bootstrap/scss/",
     "js": "pnpm run js-compile && pnpm run js-minify",
     "js-compile": "pnpm run js-compile-standalone && pnpm run js-compile-standalone-esm && pnpm run js-compile-theme && pnpm run js-compile-theme-esm",
     "js-compile-theme-esm": "rollup --environment THEME:true --environment ESM:true --config .build/rollup.config.mjs --sourcemap",
@@ -26,16 +28,18 @@
     "js-minify-standalone-esm": "terser --compress passes=2 --mangle --comments \"/^!/\" --source-map \"content=dist/js/tabler.esm.js.map,includeSources,url=tabler.esm.min.js.map\" --output dist/js/tabler.esm.min.js dist/js/tabler.esm.js",
     "js-minify-theme": "terser --compress passes=2 --mangle --comments \"/^!/\" --source-map \"content=dist/js/tabler-theme.js.map,includeSources,url=tabler-theme.min.js.map\" --output dist/js/tabler-theme.min.js dist/js/tabler-theme.js",
     "js-minify-theme-esm": "terser --compress passes=2 --mangle --comments \"/^!/\" --source-map \"content=dist/js/tabler-theme.esm.js.map,includeSources,url=tabler-theme.esm.min.js.map\" --output dist/js/tabler-theme.esm.min.js dist/js/tabler-theme.esm.js",
-    "copy": "pnpm run copy-img && pnpm run copy-libs",
+    "copy": "pnpm run copy-img && pnpm run copy-libs && pnpm run copy-fonts",
     "copy-img": "shx mkdir -p dist/img && shx cp -rf img/* dist/img",
     "copy-libs": "node .build/copy-libs.mjs",
+    "copy-fonts": "shx mkdir -p dist/fonts && shx cp -rf fonts/* dist/fonts",
+    "import-fonts": "node .build/import-fonts.mjs",
     "watch": "concurrently \"pnpm run watch-css\" \"pnpm run watch-js\"",
     "watch-css": "nodemon --watch scss/ --ext scss --exec \"pnpm run css-compile && pnpm run css-prefix\"",
     "watch-js": "nodemon --watch js/ --ext js --exec \"pnpm run js-compile\"",
     "bundlewatch": "bundlewatch",
     "generate-sri": "node .build/generate-sri.js",
-    "format:check": "prettier --check src/**/*.{js,scss} --cache",
-    "format:write": "prettier --write src/**/*.{js,scss} --cache"
+    "format:check": "prettier --check \"scss/**/*.scss\" \"js/**/*.js\" --cache",
+    "format:write": "prettier --write \"scss/**/*.scss\" \"js/**/*.js\" --cache"
   },
   "repository": {
     "type": "git",
@@ -146,10 +150,11 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
-    "bootstrap": "5.3.8"
+    "bootstrap": "5.3.8",
+    "geist": "^1.5.1"
   },
   "devDependencies": {
-    "@hotwired/turbo": "^8.0.13",
+    "@hotwired/turbo": "^8.0.18",
     "@melloware/coloris": "^0.25.0",
     "apexcharts": "3.54.1",
     "autosize": "^6.0.1",
@@ -157,6 +162,7 @@
     "clipboard": "^2.0.11",
     "countup.js": "^2.9.0",
     "dropzone": "^6.0.0-beta.2",
+    "find-unused-sass-variables": "^6.1.0",
     "flatpickr": "^4.6.13",
     "fslightbox": "^3.7.4",
     "fullcalendar": "^6.1.19",

core/scss/_bootstrap-components.scss

@@ -1,30 +1,30 @@
 // Layout & components
-@import "bootstrap/scss/root";
-@import "bootstrap/scss/reboot";
-@import "bootstrap/scss/type";
-@import "bootstrap/scss/images";
-@import "bootstrap/scss/containers";
-@import "bootstrap/scss/grid";
-@import "bootstrap/scss/tables";
-@import "bootstrap/scss/forms";
-@import "bootstrap/scss/buttons";
-@import "bootstrap/scss/transitions";
-@import "bootstrap/scss/dropdown";
-@import "bootstrap/scss/button-group";
-@import "bootstrap/scss/nav";
-@import "bootstrap/scss/navbar";
-@import "bootstrap/scss/card";
-@import "bootstrap/scss/pagination";
-@import "bootstrap/scss/progress";
-@import "bootstrap/scss/list-group";
-@import "bootstrap/scss/toasts";
-@import "bootstrap/scss/modal";
-@import "bootstrap/scss/tooltip";
-@import "bootstrap/scss/popover";
-@import "bootstrap/scss/carousel";
-@import "bootstrap/scss/spinners";
-@import "bootstrap/scss/offcanvas";
-@import "bootstrap/scss/placeholders";
+@import 'bootstrap/scss/root';
+@import 'bootstrap/scss/reboot';
+@import 'bootstrap/scss/type';
+@import 'bootstrap/scss/images';
+@import 'bootstrap/scss/containers';
+@import 'bootstrap/scss/grid';
+@import 'bootstrap/scss/tables';
+@import 'bootstrap/scss/forms';
+@import 'bootstrap/scss/buttons';
+@import 'bootstrap/scss/transitions';
+@import 'bootstrap/scss/dropdown';
+@import 'bootstrap/scss/button-group';
+@import 'bootstrap/scss/nav';
+@import 'bootstrap/scss/navbar';
+@import 'bootstrap/scss/card';
+@import 'bootstrap/scss/pagination';
+@import 'bootstrap/scss/progress';
+@import 'bootstrap/scss/list-group';
+@import 'bootstrap/scss/toasts';
+@import 'bootstrap/scss/modal';
+@import 'bootstrap/scss/tooltip';
+@import 'bootstrap/scss/popover';
+@import 'bootstrap/scss/carousel';
+@import 'bootstrap/scss/spinners';
+@import 'bootstrap/scss/offcanvas';
+@import 'bootstrap/scss/placeholders';
 
 // Utilities
-@import "bootstrap/scss/utilities/api";
+@import 'bootstrap/scss/utilities/api';

core/scss/_bootstrap-config.scss

@@ -1,6 +1,6 @@
 // Config
-@import "bootstrap/scss/variables";
-@import "bootstrap/scss/variables-dark";
-@import "bootstrap/scss/maps";
-@import "bootstrap/scss/mixins";
-@import "bootstrap/scss/utilities";
+// @import "bootstrap/scss/variables";
+// @import "bootstrap/scss/variables-dark";
+// @import "bootstrap/scss/maps";
+@import 'bootstrap/scss/mixins';
+// @import "bootstrap/scss/utilities";

core/scss/_bootstrap-override.scss

@@ -1,26 +1,26 @@
-@use "sass:color";
+@use 'sass:color';
 
 @mixin caret($direction: down) {
-  $selector: "after";
+  $selector: 'after';
 
-  @if $direction == "left" {
-    $selector: "before";
+  @if $direction == 'left' {
+    $selector: 'before';
   }
 
   &:#{$selector} {
-    content: "";
+    content: '';
     display: inline-block;
     vertical-align: $caret-vertical-align;
     width: $caret-width;
     height: $caret-width;
     border-bottom: 1px var(--#{$prefix}border-style);
-    border-left: 1px var(--#{$prefix}border-style);
-    margin-right: 0.1em;
+    border-inline-start: 1px var(--#{$prefix}border-style);
+    margin-inline-end: 0.1em;
 
-    @if $direction != "left" {
-      margin-left: $caret-spacing;
+    @if $direction != 'left' {
+      margin-inline-start: $caret-spacing;
     } @else {
-      margin-right: $caret-spacing;
+      margin-inline-end: $caret-spacing;
     }
 
     @if $direction == down {
@@ -34,7 +34,7 @@
     }
   }
 
-  @if $direction == "left" {
+  @if $direction == 'left' {
     &:after {
       content: none;
     }
@@ -45,30 +45,11 @@
   // Override bootstrap core
 }
 
-@mixin button-variant(
-  $background: null,
-  $border: null,
-  $color: null,
-  $hover-background: null,
-  $hover-border: null,
-  $hover-color: null,
-  $active-background: null,
-  $active-border: null,
-  $active-color: null,
-  $disabled-background: null,
-  $disabled-border: null,
-  $disabled-color: null
-) {
+@mixin button-variant($background: null, $border: null, $color: null, $hover-background: null, $hover-border: null, $hover-color: null, $active-background: null, $active-border: null, $active-color: null, $disabled-background: null, $disabled-border: null, $disabled-color: null) {
   // Override bootstrap core
 }
 
-@mixin button-outline-variant(
-  $color: null,
-  $color-hover: null,
-  $active-background: null,
-  $active-border: null,
-  $active-color: null
-) {
+@mixin button-outline-variant($color: null, $color-hover: null, $active-background: null, $active-border: null, $active-color: null) {
   // Override bootstrap core
 }
 

core/scss/_config.scss

@@ -1,9 +1,8 @@
+@import 'mixins';
+@import 'variables';
+@import 'variables-dark';
+@import 'maps';
+@import 'utilities';
 
-
-@import "mixins";
-@import "variables";
-@import "variables-dark";
-@import "utilities";
-
-@import "bootstrap-config";
-@import "bootstrap-override";
+@import 'bootstrap-config';
+@import 'bootstrap-override';