From b35f7bd4017235fd8e4902c771746599f4b8088d Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Mon, 3 Mar 2025 09:01:44 -0500
Subject: [PATCH 01/53] Update README

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 47bf0d837..af61f879a 100644
--- a/README.md
+++ b/README.md
@@ -17,7 +17,7 @@ The projects aims to simplify building highly interactive and visual application
 
 The components are built using Tailwind with extensibility and customization in mind through the use of theming, variants, granular class overrides, and slots. A rich design token system is also currently in the works.
 
-See also the companion library [LayerChart](https://layerchart.com) for a large collection of composable chart components to build a wide range of visualizations.
+See also the companion library [LayerChart](https://layerchart.com) for a large collection of composable chart components to build a wide range of visualizations and [LayerStack](https://layerstack.dev) for a collection of svelte stores, actions, and general utilities.
 
 ## Contributing
 

From 3ae801cd83a247909823e778bfaa4fa827e9ea5f Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Mon, 10 Mar 2025 10:52:04 -0400
Subject: [PATCH 02/53] Enter changeset prerelease/next mode (`pnpm changeset
 pre enter next`)

---
 .changeset/pre.json | 8 ++++++++
 1 file changed, 8 insertions(+)
 create mode 100644 .changeset/pre.json

diff --git a/.changeset/pre.json b/.changeset/pre.json
new file mode 100644
index 000000000..29501f68c
--- /dev/null
+++ b/.changeset/pre.json
@@ -0,0 +1,8 @@
+{
+  "mode": "pre",
+  "tag": "next",
+  "initialVersions": {
+    "svelte-ux": "1.0.0"
+  },
+  "changesets": []
+}

From 5d8d38b987f341b1104c555121063c20927db820 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Mon, 10 Mar 2025 14:11:58 -0400
Subject: [PATCH 03/53] Tailwind CSS v4 (#562)

* Initial migration to Tailwind CSS v4 using `npx @tailwindcss/upgrade` (and some manual tweaks)

* Fix Gooey after bad tailwind upgrade

* fix: Fix theme page (svelte-check) by adding `@reference '../app.css`

* Format project (fix lint errors)

* fix(docs): Fix blur input labels (@tailwindcss/upgrade)

* Update `@layerstack/tailwind` and replace `tailwind.config.cjs` with css-based config

* Remove custom theming page (for now)

* Add changeset

* Update `@layerstack/*` packages to `-next` (Tailwind 4) versions

* Update tailwind 4 to latest

* fix(TextField): refine classes to for tailwind 4 changes

* docs(Gooey): Replace custom `bg-gradient-radial` with built-in `bg-radial` (tailwind 4)
---
 .changeset/ready-planets-deny.md              |   5 +
 packages/svelte-ux/package.json               |  14 +-
 packages/svelte-ux/postcss.config.cjs         |   4 +-
 packages/svelte-ux/src/docs/Blockquote.svelte |   2 +-
 .../src/docs/ViewSourceButton.svelte          |   4 +-
 .../src/lib/components/AppLayout.svelte       |   2 +-
 .../src/lib/components/Avatar.svelte          |   2 +-
 .../src/lib/components/Backdrop.svelte        |   2 +-
 .../src/lib/components/Button.svelte          | 418 ++++-----
 .../src/lib/components/ButtonGroup.svelte     |   2 +-
 .../svelte-ux/src/lib/components/Card.svelte  |   4 +-
 .../src/lib/components/Checkbox.svelte        |   2 +-
 .../svelte-ux/src/lib/components/Code.svelte  |   4 +-
 .../src/lib/components/Collapse.svelte        |   2 +-
 .../src/lib/components/DateButton.svelte      |   6 +-
 .../src/lib/components/DatePickerField.svelte |   2 +-
 .../src/lib/components/DateRange.svelte       |   4 +-
 .../src/lib/components/DateRangeField.svelte  |   4 +-
 .../src/lib/components/Dialog.svelte          |   4 +-
 .../src/lib/components/Drawer.svelte          |   4 +-
 .../src/lib/components/EmptyMessage.svelte    |   2 +-
 .../lib/components/ErrorNotification.svelte   |   2 +-
 .../svelte-ux/src/lib/components/Field.svelte |  14 +-
 .../svelte-ux/src/lib/components/Gooey.svelte |   2 +-
 .../svelte-ux/src/lib/components/Icon.svelte  |   4 +-
 .../svelte-ux/src/lib/components/Input.svelte |   4 +-
 .../svelte-ux/src/lib/components/Kbd.svelte   |   2 +-
 .../src/lib/components/LanguageSelect.svelte  |   4 +-
 .../src/lib/components/ListItem.svelte        |   6 +-
 .../svelte-ux/src/lib/components/Menu.svelte  |   4 +-
 .../src/lib/components/MenuItem.svelte        |   2 +-
 .../src/lib/components/MonthListByYear.svelte |   2 +-
 .../lib/components/MultiSelectField.svelte    |   2 +-
 .../lib/components/MultiSelectOption.svelte   |   4 +-
 .../src/lib/components/NavItem.svelte         |   6 +-
 .../src/lib/components/Popover.svelte         |   2 +-
 .../src/lib/components/Preview.svelte         |   2 +-
 .../src/lib/components/Progress.svelte        |   4 +-
 .../src/lib/components/QuickSearch.svelte     |   2 +-
 .../src/lib/components/RangeSlider.svelte     |   6 +-
 .../src/lib/components/SectionDivider.svelte  |   2 +-
 .../src/lib/components/SelectField.svelte     |   4 +-
 .../svelte-ux/src/lib/components/Tabs.svelte  |   2 +-
 .../src/lib/components/TextField.svelte       |  32 +-
 .../src/lib/components/ThemeSelect.svelte     |   6 +-
 .../svelte-ux/src/lib/components/Tilt.svelte  |   4 +-
 .../src/lib/components/TimelineEvent.svelte   |   4 +-
 .../src/lib/components/ToggleGroup.svelte     |  14 +-
 .../src/lib/components/Tooltip.svelte         |   2 +-
 .../lib/components/_SelectListOptions.svelte  |   2 +-
 .../svelte-ux/src/routes/+layout.server.ts    |   5 +-
 packages/svelte-ux/src/routes/+layout.svelte  |   4 +-
 packages/svelte-ux/src/routes/+page.svelte    |   2 +-
 packages/svelte-ux/src/routes/_NavMenu.svelte |   2 +-
 packages/svelte-ux/src/routes/app.css         |  29 +-
 .../src/routes/changelog/+page.svelte         |   4 +-
 .../src/routes/customization/+layout.svelte   |   4 +-
 .../src/routes/customization/+page.md         |  20 +-
 .../svelte-ux/src/routes/docs/+layout.svelte  |  10 +-
 .../docs/components/Breadcrumb/+page.svelte   |   2 +-
 .../docs/components/Button/+page.svelte       |  14 +-
 .../docs/components/Dialog/+page.svelte       |   2 +-
 .../docs/components/Drawer/+page.svelte       |   2 +-
 .../routes/docs/components/Field/+page.svelte |  13 +-
 .../routes/docs/components/Gooey/+page.svelte |  16 +-
 .../docs/components/GridTailwind/+page.svelte |   2 +-
 .../routes/docs/components/Icon/+page.svelte  |   6 +-
 .../routes/docs/components/Input/+page.svelte |   2 +-
 .../docs/components/ListItem/+page.svelte     |   6 +-
 .../routes/docs/components/Month/+page.svelte |   2 +-
 .../components/MultiSelectField/+page.svelte  |   2 +-
 .../docs/components/Popover/+page.svelte      |  26 +-
 .../docs/components/Progress/+page.svelte     |  20 +-
 .../components/ProgressCircle/+page.svelte    |  14 +-
 .../components/ScrollingValue/+page.svelte    |   6 +-
 .../docs/components/SelectField/+page.svelte  |   4 +-
 .../routes/docs/components/Shine/+page.svelte |   2 +-
 .../docs/components/SpringValue/+page.svelte  |   2 +-
 .../components/StackTailwind/+page.svelte     |   4 +-
 .../routes/docs/components/Steps/+page.svelte |   8 +-
 .../docs/components/Switch/+page.svelte       |   2 +-
 .../docs/components/Timeline/+page.svelte     |   8 +-
 .../docs/components/ToggleGroup/+page.svelte  |  10 +-
 .../docs/components/Tooltip/+page.svelte      |   2 +-
 .../docs/components/TweenedValue/+page.svelte |   2 +-
 .../src/routes/theme/+page.server.ts          |  20 +-
 .../svelte-ux/src/routes/theme/+page.svelte   |  12 +-
 .../src/routes/theme/ColorField.svelte        |   4 +-
 packages/svelte-ux/src/routes/theme/colors.ts |   8 +-
 packages/svelte-ux/tailwind.config.cjs        |  72 --
 pnpm-lock.yaml                                | 834 ++++++++----------
 91 files changed, 841 insertions(+), 1007 deletions(-)
 create mode 100644 .changeset/ready-planets-deny.md
 delete mode 100644 packages/svelte-ux/tailwind.config.cjs

diff --git a/.changeset/ready-planets-deny.md b/.changeset/ready-planets-deny.md
new file mode 100644
index 000000000..bbf850586
--- /dev/null
+++ b/.changeset/ready-planets-deny.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': major
+---
+
+Tailwind 4 support
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index 89c79cdb2..7a8fdda15 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -25,6 +25,7 @@
     "@sveltejs/kit": "^2.17.3",
     "@sveltejs/package": "^2.3.10",
     "@sveltejs/vite-plugin-svelte": "5.0.3",
+    "@tailwindcss/postcss": "^4.0.12",
     "@tailwindcss/typography": "^0.5.16",
     "@types/culori": "^2.1.1",
     "@types/d3-array": "^3.2.1",
@@ -32,7 +33,6 @@
     "@types/lodash-es": "^4.17.12",
     "@types/prismjs": "^1.26.5",
     "@vitest/coverage-v8": "^3.0.7",
-    "autoprefixer": "^10.4.20",
     "daisyui": "^4.12.24",
     "marked": "^15.0.7",
     "mdsvex": "^0.12.3",
@@ -43,7 +43,7 @@
     "svelte": "5.20.4",
     "svelte-check": "^4.1.4",
     "svelte2tsx": "^0.7.34",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.0.12",
     "tslib": "^2.8.1",
     "typescript": "^5.7.3",
     "unist-util-visit": "^5.0.0",
@@ -54,11 +54,11 @@
   "dependencies": {
     "@floating-ui/dom": "^1.6.13",
     "@fortawesome/fontawesome-common-types": "^6.7.2",
-    "@layerstack/svelte-actions": "^1.0.0",
-    "@layerstack/svelte-stores": "^1.0.1",
-    "@layerstack/svelte-table": "^1.0.0",
-    "@layerstack/tailwind": "^1.0.0",
-    "@layerstack/utils": "^1.0.0",
+    "@layerstack/svelte-actions": "^1.0.1-next.0",
+    "@layerstack/svelte-stores": "^1.0.2-next.0",
+    "@layerstack/svelte-table": "^1.0.1-next.0",
+    "@layerstack/tailwind": "^2.0.0-next.0",
+    "@layerstack/utils": "^1.1.0-next.0",
     "@mdi/js": "^7.4.47",
     "culori": "^4.0.1",
     "d3-array": "^3.2.4",
diff --git a/packages/svelte-ux/postcss.config.cjs b/packages/svelte-ux/postcss.config.cjs
index cdbe50f3a..e5640725a 100644
--- a/packages/svelte-ux/postcss.config.cjs
+++ b/packages/svelte-ux/postcss.config.cjs
@@ -1,7 +1,5 @@
 module.exports = {
   plugins: {
-    'tailwindcss/nesting': {},
-    tailwindcss: {},
-    autoprefixer: {},
+    '@tailwindcss/postcss': {},
   },
 };
diff --git a/packages/svelte-ux/src/docs/Blockquote.svelte b/packages/svelte-ux/src/docs/Blockquote.svelte
index 79a285d23..535fd3b07 100644
--- a/packages/svelte-ux/src/docs/Blockquote.svelte
+++ b/packages/svelte-ux/src/docs/Blockquote.svelte
@@ -6,7 +6,7 @@
 
 <div
   class={cls(
-    'bg-primary/10 border border-l-[6px] border-primary/30 border-l-primary text-primary px-4 py-2 my-4 rounded flex items-center gap-2 text-sm',
+    'bg-primary/10 border border-l-[6px] border-primary/30 border-l-primary text-primary px-4 py-2 my-4 rounded-sm flex items-center gap-2 text-sm',
     '[&>a]:font-medium [&>a]:underline [&>a]:decoration-dashed [&>a]:decoration-primary/50 [&>a]:underline-offset-2'
   )}
 >
diff --git a/packages/svelte-ux/src/docs/ViewSourceButton.svelte b/packages/svelte-ux/src/docs/ViewSourceButton.svelte
index ae158e9f9..56156d96d 100644
--- a/packages/svelte-ux/src/docs/ViewSourceButton.svelte
+++ b/packages/svelte-ux/src/docs/ViewSourceButton.svelte
@@ -20,9 +20,9 @@
     <Dialog
       {open}
       on:close={toggleOff}
-      class="max-h-[98dvh] md:max-h-[90dvh] max-w-[98vw] md:max-w-[90vw] grid grid-rows-[auto,1fr,auto]"
+      class="max-h-[98dvh] md:max-h-[90dvh] max-w-[98vw] md:max-w-[90vw] grid grid-rows-[auto_1fr_auto]"
     >
-      <div class="grid grid-cols-[1fr,auto] gap-3 items-center p-4">
+      <div class="grid grid-cols-[1fr_auto] gap-3 items-center p-4">
         <div class="overflow-auto">
           <div class="text-lg font-semibold">{label}</div>
           <div class="text-xs text-surface-content/50 truncate">{href}</div>
diff --git a/packages/svelte-ux/src/lib/components/AppLayout.svelte b/packages/svelte-ux/src/lib/components/AppLayout.svelte
index 5b43a3515..c1b8f7a0a 100644
--- a/packages/svelte-ux/src/lib/components/AppLayout.svelte
+++ b/packages/svelte-ux/src/lib/components/AppLayout.svelte
@@ -34,7 +34,7 @@
     headerPosition === 'full' || temporaryDrawer
       ? '[&>header]:w-full'
       : '[&>header]:w-[calc(100%-var(--drawerWidth))] [&>header]:left-[var(--drawerWidth)] [&>header]:duration-500',
-    '[&>main]:md:ml-[var(--drawerWidth)] [&>main]:mt-[var(--headerHeight)] [&>main]:transition-[margin] [&>main]:duration-500',
+    'md:[&>main]:ml-(--drawerWidth) [&>main]:mt-[var(--headerHeight)] [&>main]:transition-[margin] [&>main]:duration-500',
     /* Fix scrolling offset for headings (h1, ...) or other elements with an id set (`<a href="#id">`) */
     '[:where(&_[id])]:scroll-m-[var(--headerHeight)]',
     settingsClasses.root,
diff --git a/packages/svelte-ux/src/lib/components/Avatar.svelte b/packages/svelte-ux/src/lib/components/Avatar.svelte
index f2ccf38fa..321a4eca3 100644
--- a/packages/svelte-ux/src/lib/components/Avatar.svelte
+++ b/packages/svelte-ux/src/lib/components/Avatar.svelte
@@ -14,7 +14,7 @@
 <div
   class={cls(
     'Avatar',
-    'rounded-full inline-flex items-center justify-center flex-shrink-0',
+    'rounded-full inline-flex items-center justify-center shrink-0',
     {
       sm: 'w-6 h-6',
       md: 'w-10 h-10',
diff --git a/packages/svelte-ux/src/lib/components/Backdrop.svelte b/packages/svelte-ux/src/lib/components/Backdrop.svelte
index 1cb43fb13..bc999eb75 100644
--- a/packages/svelte-ux/src/lib/components/Backdrop.svelte
+++ b/packages/svelte-ux/src/lib/components/Backdrop.svelte
@@ -19,7 +19,7 @@
   class={cls(
     'Backdrop',
     'fixed top-0 bottom-0 left-0 right-0 flex items-center justify-center bg-surface-content/50 dark:bg-surface-300/70',
-    blur && 'backdrop-blur-sm',
+    blur && 'backdrop-blur-xs',
     settingsClasses.root,
     className
   )}
diff --git a/packages/svelte-ux/src/lib/components/Button.svelte b/packages/svelte-ux/src/lib/components/Button.svelte
index 67b011fcd..20878e90a 100644
--- a/packages/svelte-ux/src/lib/components/Button.svelte
+++ b/packages/svelte-ux/src/lib/components/Button.svelte
@@ -44,10 +44,10 @@
   $: _class = cls(
     'Button',
     'transition duration-200 ring-surface-content/60 touch-manipulation',
-    'focus:outline-none focus-visible:ring-1',
+    'focus:outline-hidden focus-visible:ring-1',
     fullWidth ? 'flex w-full' : 'inline-flex',
     loading ? 'gap-2' : 'gap-1',
-    variant === 'none' || !rounded ? '' : rounded === 'full' ? 'rounded-full' : 'rounded',
+    variant === 'none' || !rounded ? '' : rounded === 'full' ? 'rounded-full' : 'rounded-sm',
     variant !== 'none' && [
       'items-center justify-center',
       'font-medium tracking-wider whitespace-nowrap',
@@ -80,329 +80,329 @@
     {
       default: {
         default: [
-          'hover:[--bg-color:theme(colors.surface-content/10%)]',
-          // '[--text-color:theme(colors.surface-content)]', // inherit
-          '[--ring-color:theme(colors.surface-content/60%)]',
+          'hover:[--bg-color:var(--color-surface-content)]/10',
+          // '[--text-color:var(--color-surface-content)]', // inherit
+          '[--ring-color:var(--color-surface-content)]/60',
         ],
         primary: [
-          'hover:[--bg-color:theme(colors.primary/10%)]',
-          '[--text-color:theme(colors.primary)]',
-          '[--ring-color:theme(colors.primary/60%)]',
+          'hover:[--bg-color:var(--color-primary)]/10',
+          '[--text-color:var(--color-primary)]',
+          '[--ring-color:var(--color-primary)]/60',
         ],
         secondary: [
-          'hover:[--bg-color:theme(colors.secondary/10%)]',
-          '[--text-color:theme(colors.secondary)]',
-          '[--ring-color:theme(colors.secondary/60%)]',
+          'hover:[--bg-color:var(--color-secondary)]/10',
+          '[--text-color:var(--color-secondary)]',
+          '[--ring-color:var(--color-secondary)]/60',
         ],
         accent: [
-          'hover:[--bg-color:theme(colors.accent/10%)]',
-          '[--text-color:theme(colors.accent)]',
-          '[--ring-color:theme(colors.accent/60%)]',
+          'hover:[--bg-color:var(--color-accent)]/10',
+          '[--text-color:var(--color-accent)]',
+          '[--ring-color:var(--color-accent)]/60',
         ],
         neutral: [
-          'hover:[--bg-color:theme(colors.neutral/10%)]',
-          '[--text-color:theme(colors.neutral)]',
-          '[--ring-color:theme(colors.neutral/60%)]',
+          'hover:[--bg-color:var(--color-neutral)]/10',
+          '[--text-color:var(--color-neutral)]',
+          '[--ring-color:var(--color-neutral)]/60',
         ],
         info: [
-          'hover:[--bg-color:theme(colors.info/10%)]',
-          '[--text-color:theme(colors.info)]',
-          '[--ring-color:theme(colors.info/60%)]',
+          'hover:[--bg-color:var(--color-info)]/10',
+          '[--text-color:var(--color-info)]',
+          '[--ring-color:var(--color-info)]/60',
         ],
         success: [
-          'hover:[--bg-color:theme(colors.success/10%)]',
-          '[--text-color:theme(colors.success)]',
-          '[--ring-color:theme(colors.success/60%)]',
+          'hover:[--bg-color:var(--color-success)]/10',
+          '[--text-color:var(--color-success)]',
+          '[--ring-color:var(--color-success)]/60',
         ],
         warning: [
-          'hover:[--bg-color:theme(colors.warning/10%)]',
-          '[--text-color:theme(colors.warning)]',
-          '[--ring-color:theme(colors.warning/60%)]',
+          'hover:[--bg-color:var(--color-warning)]/10',
+          '[--text-color:var(--color-warning)]',
+          '[--ring-color:var(--color-warning)]/60',
         ],
         danger: [
-          'hover:[--bg-color:theme(colors.danger/10%)]',
-          '[--text-color:theme(colors.danger)]',
-          '[--ring-color:theme(colors.danger/60%)]',
+          'hover:[--bg-color:var(--color-danger)]/10',
+          '[--text-color:var(--color-danger)]',
+          '[--ring-color:var(--color-danger)]/60',
         ],
       },
       outline: {
         default: [
-          'hover:[--bg-color:theme(colors.surface-content/10%)]',
-          '[--border-color:theme(colors.surface-content)]',
-          '[--text-color:theme(colors.surface-content)]',
-          '[--ring-color:theme(colors.surface-content/60%)]',
+          'hover:[--bg-color:var(--color-surface-content)]/10',
+          '[--border-color:var(--color-surface-content)]',
+          '[--text-color:var(--color-surface-content)]',
+          '[--ring-color:var(--color-surface-content)]/60',
         ],
         primary: [
-          'hover:[--bg-color:theme(colors.primary/10%)]',
-          '[--border-color:theme(colors.primary)]',
-          '[--text-color:theme(colors.primary)]',
-          '[--ring-color:theme(colors.primary/60%)]',
+          'hover:[--bg-color:var(--color-primary)]/10',
+          '[--border-color:var(--color-primary)]',
+          '[--text-color:var(--color-primary)]',
+          '[--ring-color:var(--color-primary)]/60',
         ],
         secondary: [
-          'hover:[--bg-color:theme(colors.secondary/10%)]',
-          '[--border-color:theme(colors.secondary)]',
-          '[--text-color:theme(colors.secondary)]',
-          '[--ring-color:theme(colors.secondary/60%)]',
+          'hover:[--bg-color:var(--color-secondary)]/10',
+          '[--border-color:var(--color-secondary)]',
+          '[--text-color:var(--color-secondary)]',
+          '[--ring-color:var(--color-secondary)]/60',
         ],
         accent: [
-          'hover:[--bg-color:theme(colors.accent/10%)]',
-          '[--border-color:theme(colors.accent)]',
-          '[--text-color:theme(colors.accent)]',
-          '[--ring-color:theme(colors.accent/60%)]',
+          'hover:[--bg-color:var(--color-accent)]/10',
+          '[--border-color:var(--color-accent)]',
+          '[--text-color:var(--color-accent)]',
+          '[--ring-color:var(--color-accent)]/60',
         ],
         neutral: [
-          'hover:[--bg-color:theme(colors.neutral/10%)]',
-          '[--border-color:theme(colors.neutral)]',
-          '[--text-color:theme(colors.neutral)]',
-          '[--ring-color:theme(colors.neutral/60%)]',
+          'hover:[--bg-color:var(--color-neutral)]/10',
+          '[--border-color:var(--color-neutral)]',
+          '[--text-color:var(--color-neutral)]',
+          '[--ring-color:var(--color-neutral)]/60',
         ],
         info: [
-          'hover:[--bg-color:theme(colors.info/10%)]',
-          '[--border-color:theme(colors.info)]',
-          '[--text-color:theme(colors.info)]',
-          '[--ring-color:theme(colors.info/60%)]',
+          'hover:[--bg-color:var(--color-info)]/10',
+          '[--border-color:var(--color-info)]',
+          '[--text-color:var(--color-info)]',
+          '[--ring-color:var(--color-info)]/60',
         ],
         success: [
-          'hover:[--bg-color:theme(colors.success/10%)]',
-          '[--border-color:theme(colors.success)]',
-          '[--text-color:theme(colors.success)]',
-          '[--ring-color:theme(colors.success/60%)]',
+          'hover:[--bg-color:var(--color-success)]/10',
+          '[--border-color:var(--color-success)]',
+          '[--text-color:var(--color-success)]',
+          '[--ring-color:var(--color-success)]/60',
         ],
         warning: [
-          'hover:[--bg-color:theme(colors.warning/10%)]',
-          '[--border-color:theme(colors.warning)]',
-          '[--text-color:theme(colors.warning)]',
-          '[--ring-color:theme(colors.warning/60%)]',
+          'hover:[--bg-color:var(--color-warning)]/10',
+          '[--border-color:var(--color-warning)]',
+          '[--text-color:var(--color-warning)]',
+          '[--ring-color:var(--color-warning)]/60',
         ],
         danger: [
-          'hover:[--bg-color:theme(colors.danger/10%)]',
-          '[--border-color:theme(colors.danger)]',
-          '[--text-color:theme(colors.danger)]',
-          '[--ring-color:theme(colors.danger/60%)]',
+          'hover:[--bg-color:var(--color-danger)]/10',
+          '[--border-color:var(--color-danger)]',
+          '[--text-color:var(--color-danger)]',
+          '[--ring-color:var(--color-danger)]/60',
         ],
       },
       fill: {
         default: [
-          `[--bg-color:theme(colors.surface-content)]`,
-          'hover:[--bg-color:theme(colors.surface-content/80%)]',
-          '[--text-color:theme(colors.surface-200)]',
-          '[--ring-color:theme(colors.surface-content/60%)]',
+          `[--bg-color:var(--color-surface-content)]`,
+          'hover:[--bg-color:var(--color-surface-content)]/80',
+          '[--text-color:var(--color-surface-200)]',
+          '[--ring-color:var(--color-surface-content)]/60',
         ],
         primary: [
-          `[--bg-color:theme(colors.primary)]`,
-          'hover:[--bg-color:theme(colors.primary-600)]',
-          '[--text-color:theme(colors.primary-content)]',
-          '[--ring-color:theme(colors.primary/60%)]',
+          `[--bg-color:var(--color-primary)]`,
+          'hover:[--bg-color:var(--color-primary-600)]',
+          '[--text-color:var(--color-primary-content)]',
+          '[--ring-color:var(--color-primary)]/60',
         ],
         secondary: [
-          '[--bg-color:theme(colors.secondary)]',
-          'hover:[--bg-color:theme(colors.secondary-600)]',
-          '[--text-color:theme(colors.secondary-content)]',
-          '[--ring-color:theme(colors.secondary/60%)]',
+          '[--bg-color:var(--color-secondary)]',
+          'hover:[--bg-color:var(--color-secondary-600)]',
+          '[--text-color:var(--color-secondary-content)]',
+          '[--ring-color:var(--color-secondary)]/60',
         ],
         accent: [
-          '[--bg-color:theme(colors.accent)]',
-          'hover:[--bg-color:theme(colors.accent-600)]',
-          '[--text-color:theme(colors.accent-content)]',
-          '[--ring-color:theme(colors.accent/60%)]',
+          '[--bg-color:var(--color-accent)]',
+          'hover:[--bg-color:var(--color-accent-600)]',
+          '[--text-color:var(--color-accent-content)]',
+          '[--ring-color:var(--color-accent)]/60',
         ],
         neutral: [
-          '[--bg-color:theme(colors.neutral)]',
-          'hover:[--bg-color:theme(colors.neutral-600)]',
-          '[--text-color:theme(colors.neutral-content)]',
-          '[--ring-color:theme(colors.neutral/60%)]',
+          '[--bg-color:var(--color-neutral)]',
+          'hover:[--bg-color:var(--color-neutral-600)]',
+          '[--text-color:var(--color-neutral-content)]',
+          '[--ring-color:var(--color-neutral)]/60',
         ],
         info: [
-          `[--bg-color:theme(colors.info)]`,
-          'hover:[--bg-color:theme(colors.info-600)]',
-          '[--text-color:theme(colors.info-content)]',
-          '[--ring-color:theme(colors.info/60%)]',
+          `[--bg-color:var(--color-info)]`,
+          'hover:[--bg-color:var(--color-info-600)]',
+          '[--text-color:var(--color-info-content)]',
+          '[--ring-color:var(--color-info)]/60',
         ],
         success: [
-          `[--bg-color:theme(colors.success)]`,
-          'hover:[--bg-color:theme(colors.success-600)]',
-          '[--text-color:theme(colors.success-content)]',
-          '[--ring-color:theme(colors.success/60%)]',
+          `[--bg-color:var(--color-success)]`,
+          'hover:[--bg-color:var(--color-success-600)]',
+          '[--text-color:var(--color-success-content)]',
+          '[--ring-color:var(--color-success)]/60',
         ],
         warning: [
-          `[--bg-color:theme(colors.warning)]`,
-          'hover:[--bg-color:theme(colors.warning-600)]',
-          '[--text-color:theme(colors.warning-content)]',
-          '[--ring-color:theme(colors.warning/60%)]',
+          `[--bg-color:var(--color-warning)]`,
+          'hover:[--bg-color:var(--color-warning-600)]',
+          '[--text-color:var(--color-warning-content)]',
+          '[--ring-color:var(--color-warning)]/60',
         ],
         danger: [
-          `[--bg-color:theme(colors.danger)]`,
-          'hover:[--bg-color:theme(colors.danger-600)]',
-          '[--text-color:theme(colors.danger-content)]',
-          '[--ring-color:theme(colors.danger/60%)]',
+          `[--bg-color:var(--color-danger)]`,
+          'hover:[--bg-color:var(--color-danger-600)]',
+          '[--text-color:var(--color-danger-content)]',
+          '[--ring-color:var(--color-danger)]/60',
         ],
       },
       'fill-light': {
         default: [
-          '[--bg-color:theme(colors.surface-content/10%)]',
-          'hover:[--bg-color:theme(colors.surface-content/20%)]',
-          '[--text-color:theme(colors.surface-content)]',
-          '[--ring-color:theme(colors.surface-content/60%)]',
+          '[--bg-color:var(--color-surface-content)]/10',
+          'hover:[--bg-color:var(--color-surface-content)]/20',
+          '[--text-color:var(--color-surface-content)]',
+          '[--ring-color:var(--color-surface-content)]/60',
         ],
         primary: [
-          '[--bg-color:theme(colors.primary/10%)]',
-          'hover:[--bg-color:theme(colors.primary/20%)]',
-          '[--text-color:theme(colors.primary)]',
-          '[--ring-color:theme(colors.primary/60%)]',
+          '[--bg-color:var(--color-primary)]/10',
+          'hover:[--bg-color:var(--color-primary)]/20',
+          '[--text-color:var(--color-primary)]',
+          '[--ring-color:var(--color-primary)]/60',
         ],
         secondary: [
-          '[--bg-color:theme(colors.secondary/10%)]',
-          'hover:[--bg-color:theme(colors.secondary/20%)]',
-          '[--text-color:theme(colors.secondary)]',
-          '[--ring-color:theme(colors.secondary/60%)]',
+          '[--bg-color:var(--color-secondary)]/10',
+          'hover:[--bg-color:var(--color-secondary)]/20',
+          '[--text-color:var(--color-secondary)]',
+          '[--ring-color:var(--color-secondary)]/60',
         ],
         accent: [
-          '[--bg-color:theme(colors.accent/10%)]',
-          'hover:[--bg-color:theme(colors.accent/20%)]',
-          '[--text-color:theme(colors.accent)]',
-          '[--ring-color:theme(colors.secondary/60%)]',
+          '[--bg-color:var(--color-accent)]/10',
+          'hover:[--bg-color:var(--color-accent)]/20',
+          '[--text-color:var(--color-accent)]',
+          '[--ring-color:var(--color-secondary)]/60',
         ],
         neutral: [
-          '[--bg-color:theme(colors.neutral/10%)]',
-          'hover:[--bg-color:theme(colors.neutral/20%)]',
-          '[--text-color:theme(colors.neutral)]',
-          '[--ring-color:theme(colors.neutral/60%)]',
+          '[--bg-color:var(--color-neutral)]/10',
+          'hover:[--bg-color:var(--color-neutral)]/20',
+          '[--text-color:var(--color-neutral)]',
+          '[--ring-color:var(--color-neutral)]/60',
         ],
         info: [
-          '[--bg-color:theme(colors.info/10%)]',
-          'hover:[--bg-color:theme(colors.info/20%)]',
-          '[--text-color:theme(colors.info)]',
-          '[--ring-color:theme(colors.info/60%)]',
+          '[--bg-color:var(--color-info)]/10',
+          'hover:[--bg-color:var(--color-info)]/20',
+          '[--text-color:var(--color-info)]',
+          '[--ring-color:var(--color-info)]/60',
         ],
         success: [
-          '[--bg-color:theme(colors.success/10%)]',
-          'hover:[--bg-color:theme(colors.success/20%)]',
-          '[--text-color:theme(colors.success)]',
-          '[--ring-color:theme(colors.success/60%)]',
+          '[--bg-color:var(--color-success)]/10',
+          'hover:[--bg-color:var(--color-success)]/20',
+          '[--text-color:var(--color-success)]',
+          '[--ring-color:var(--color-success)]/60',
         ],
         warning: [
-          '[--bg-color:theme(colors.warning/10%)]',
-          'hover:[--bg-color:theme(colors.warning/20%)]',
-          '[--text-color:theme(colors.warning)]',
-          '[--ring-color:theme(colors.warning/60%)]',
+          '[--bg-color:var(--color-warning)]/10',
+          'hover:[--bg-color:var(--color-warning)]/20',
+          '[--text-color:var(--color-warning)]',
+          '[--ring-color:var(--color-warning)]/60',
         ],
         danger: [
-          '[--bg-color:theme(colors.danger/10%)]',
-          'hover:[--bg-color:theme(colors.danger/20%)]',
-          '[--text-color:theme(colors.danger)]',
-          '[--ring-color:theme(colors.danger/60%)]',
+          '[--bg-color:var(--color-danger)]/10',
+          'hover:[--bg-color:var(--color-danger)]/20',
+          '[--text-color:var(--color-danger)]',
+          '[--ring-color:var(--color-danger)]/60',
         ],
       },
       'fill-outline': {
         default: [
-          '[--bg-color:theme(colors.surface-content/10%)]',
-          'hover:[--bg-color:theme(colors.surface-content/20%)]',
-          '[--border-color:theme(colors.surface-content)]',
-          '[--text-color:theme(colors.surface-content)]',
-          '[--ring-color:theme(colors.surface-content/60%)]',
+          '[--bg-color:var(--color-surface-content)]/10',
+          'hover:[--bg-color:var(--color-surface-content)]/20',
+          '[--border-color:var(--color-surface-content)]',
+          '[--text-color:var(--color-surface-content)]',
+          '[--ring-color:var(--color-surface-content)]/60',
         ],
         primary: [
-          '[--bg-color:theme(colors.primary/10%)]',
-          'hover:[--bg-color:theme(colors.primary/20%)]',
-          '[--border-color:theme(colors.primary)]',
-          '[--text-color:theme(colors.primary)]',
-          '[--ring-color:theme(colors.primary/60%)]',
+          '[--bg-color:var(--color-primary)]/10',
+          'hover:[--bg-color:var(--color-primary)]/20',
+          '[--border-color:var(--color-primary)]',
+          '[--text-color:var(--color-primary)]',
+          '[--ring-color:var(--color-primary)]/60',
         ],
         secondary: [
-          '[--bg-color:theme(colors.secondary/10%)]',
-          'hover:[--bg-color:theme(colors.secondary/20%)]',
-          '[--border-color:theme(colors.secondary)]',
-          '[--text-color:theme(colors.secondary)]',
-          '[--ring-color:theme(colors.secondary/60%)]',
+          '[--bg-color:var(--color-secondary)]/10',
+          'hover:[--bg-color:var(--color-secondary)]/20',
+          '[--border-color:var(--color-secondary)]',
+          '[--text-color:var(--color-secondary)]',
+          '[--ring-color:var(--color-secondary)]/60',
         ],
         accent: [
-          '[--bg-color:theme(colors.accent/10%)]',
-          'hover:[--bg-color:theme(colors.accent/20%)]',
-          '[--border-color:theme(colors.accent)]',
-          '[--text-color:theme(colors.accent)]',
-          '[--ring-color:theme(colors.accent/60%)]',
+          '[--bg-color:var(--color-accent)]/10',
+          'hover:[--bg-color:var(--color-accent)]/20',
+          '[--border-color:var(--color-accent)]',
+          '[--text-color:var(--color-accent)]',
+          '[--ring-color:var(--color-accent)]/60',
         ],
         neutral: [
-          '[--bg-color:theme(colors.neutral/10%)]',
-          'hover:[--bg-color:theme(colors.neutral/20%)]',
-          '[--border-color:theme(colors.neutral)]',
-          '[--text-color:theme(colors.neutral)]',
-          '[--ring-color:theme(colors.neutral/60%)]',
+          '[--bg-color:var(--color-neutral)]/10',
+          'hover:[--bg-color:var(--color-neutral)]/20',
+          '[--border-color:var(--color-neutral)]',
+          '[--text-color:var(--color-neutral)]',
+          '[--ring-color:var(--color-neutral)]/60',
         ],
         info: [
-          '[--bg-color:theme(colors.info/10%)]',
-          'hover:[--bg-color:theme(colors.info/20%)]',
-          '[--border-color:theme(colors.info)]',
-          '[--text-color:theme(colors.info)]',
-          '[--ring-color:theme(colors.info/60%)]',
+          '[--bg-color:var(--color-info)]/10',
+          'hover:[--bg-color:var(--color-info)]/20',
+          '[--border-color:var(--color-info)]',
+          '[--text-color:var(--color-info)]',
+          '[--ring-color:var(--color-info)]/60',
         ],
         success: [
-          '[--bg-color:theme(colors.success/10%)]',
-          'hover:[--bg-color:theme(colors.success/20%)]',
-          '[--border-color:theme(colors.success)]',
-          '[--text-color:theme(colors.success)]',
-          '[--ring-color:theme(colors.success/60%)]',
+          '[--bg-color:var(--color-success)]/10',
+          'hover:[--bg-color:var(--color-success)]/20',
+          '[--border-color:var(--color-success)]',
+          '[--text-color:var(--color-success)]',
+          '[--ring-color:var(--color-success)]/60',
         ],
         warning: [
-          '[--bg-color:theme(colors.warning/10%)]',
-          'hover:[--bg-color:theme(colors.warning/20%)]',
-          '[--border-color:theme(colors.warning)]',
-          '[--text-color:theme(colors.warning)]',
-          '[--ring-color:theme(colors.warning/60%)]',
+          '[--bg-color:var(--color-warning)]/10',
+          'hover:[--bg-color:var(--color-warning)]/20',
+          '[--border-color:var(--color-warning)]',
+          '[--text-color:var(--color-warning)]',
+          '[--ring-color:var(--color-warning)]/60',
         ],
         danger: [
-          '[--bg-color:theme(colors.danger/10%)]',
-          'hover:[--bg-color:theme(colors.danger/20%)]',
-          '[--border-color:theme(colors.danger)]',
-          '[--text-color:theme(colors.danger)]',
-          '[--ring-color:theme(colors.danger/60%)]',
+          '[--bg-color:var(--color-danger)]/10',
+          'hover:[--bg-color:var(--color-danger)]/20',
+          '[--border-color:var(--color-danger)]',
+          '[--text-color:var(--color-danger)]',
+          '[--ring-color:var(--color-danger)]/60',
         ],
       },
       text: {
         default: [
-          '[--text-color:theme(colors.surface-content)]',
-          'hover:[--text-color:theme(colors.surface-content/80%)]',
-          '[--ring-color:theme(colors.surface-content/60%)]',
+          '[--text-color:var(--color-surface-content)]',
+          'hover:[--text-color:var(--color-surface-content)]/80',
+          '[--ring-color:var(--color-surface-content)]/60',
         ],
         primary: [
-          '[--text-color:theme(colors.primary)]',
-          'hover:[--text-color:theme(colors.primary-700)]',
-          '[--ring-color:theme(colors.primary/60%)]',
+          '[--text-color:var(--color-primary)]',
+          'hover:[--text-color:var(--color-primary-700)]',
+          '[--ring-color:var(--color-primary)]/60',
         ],
         secondary: [
-          '[--text-color:theme(colors.secondary)]',
-          'hover:[--text-color:theme(colors.secondary-700)]',
-          '[--ring-color:theme(colors.secondary/60%)]',
+          '[--text-color:var(--color-secondary)]',
+          'hover:[--text-color:var(--color-secondary-700)]',
+          '[--ring-color:var(--color-secondary)]/60',
         ],
         accent: [
-          '[--text-color:theme(colors.accent)]',
-          'hover:[--text-color:theme(colors.accent-700)]',
-          '[--ring-color:theme(colors.accent/60%)]',
+          '[--text-color:var(--color-accent)]',
+          'hover:[--text-color:var(--color-accent-700)]',
+          '[--ring-color:var(--color-accent)]/60',
         ],
         neutral: [
-          '[--text-color:theme(colors.neutral)]',
-          'hover:[--text-color:theme(colors.neutral-700)]',
-          '[--ring-color:theme(colors.neutral/60%)]',
+          '[--text-color:var(--color-neutral)]',
+          'hover:[--text-color:var(--color-neutral-700)]',
+          '[--ring-color:var(--color-neutral)]/60',
         ],
         info: [
-          '[--text-color:theme(colors.info)]',
-          'hover:[--text-color:theme(colors.info-700)]',
-          '[--ring-color:theme(colors.info/60%)]',
+          '[--text-color:var(--color-info)]',
+          'hover:[--text-color:var(--color-info-700)]',
+          '[--ring-color:var(--color-info)]/60',
         ],
         success: [
-          '[--text-color:theme(colors.success)]',
-          'hover:[--text-color:theme(colors.success-700)]',
-          '[--ring-color:theme(colors.success/60%)]',
+          '[--text-color:var(--color-success)]',
+          'hover:[--text-color:var(--color-success-700)]',
+          '[--ring-color:var(--color-success)]/60',
         ],
         warning: [
-          '[--text-color:theme(colors.warning)]',
-          'hover:[--text-color:theme(colors.warning-700)]',
-          '[--ring-color:theme(colors.warning/60%)]',
+          '[--text-color:var(--color-warning)]',
+          'hover:[--text-color:var(--color-warning-700)]',
+          '[--ring-color:var(--color-warning)]/60',
         ],
         danger: [
-          '[--text-color:theme(colors.danger)]',
-          'hover:[--text-color:theme(colors.danger-700)]',
-          '[--ring-color:theme(colors.danger/60%)]',
+          '[--text-color:var(--color-danger)]',
+          'hover:[--text-color:var(--color-danger-700)]',
+          '[--ring-color:var(--color-danger)]/60',
         ],
       },
       none: {
diff --git a/packages/svelte-ux/src/lib/components/ButtonGroup.svelte b/packages/svelte-ux/src/lib/components/ButtonGroup.svelte
index ff84283a1..7695dc918 100644
--- a/packages/svelte-ux/src/lib/components/ButtonGroup.svelte
+++ b/packages/svelte-ux/src/lib/components/ButtonGroup.svelte
@@ -30,7 +30,7 @@
   export let variant: ComponentProps<Button>['variant'] = defaults.variant;
   export let size: ComponentProps<Button>['size'] | undefined = defaults.size;
   export let color: ComponentProps<Button>['color'] | undefined = defaults.color;
-  export let rounded: ComponentProps<Button>['rounded'] | undefined = defaults.rounded;
+  export let rounded: ComponentProps<Button>['rounded-sm'] | undefined = defaults.rounded;
   export let disabled: boolean = false;
   let className: string | undefined = undefined;
   export { className as class };
diff --git a/packages/svelte-ux/src/lib/components/Card.svelte b/packages/svelte-ux/src/lib/components/Card.svelte
index e84d1dd3d..82b661f1a 100644
--- a/packages/svelte-ux/src/lib/components/Card.svelte
+++ b/packages/svelte-ux/src/lib/components/Card.svelte
@@ -35,14 +35,14 @@
   {...$$restProps}
   class={cls(
     'Card',
-    'relative z-0 bg-surface-100 border rounded elevation-1 flex flex-col justify-between',
+    'relative z-0 bg-surface-100 border rounded-sm elevation-1 flex flex-col justify-between',
     settingsClasses.root,
     classes.root,
     className
   )}
 >
   {#if loading}
-    <Overlay center class="rounded">
+    <Overlay center class="rounded-sm">
       <ProgressCircle />
     </Overlay>
   {/if}
diff --git a/packages/svelte-ux/src/lib/components/Checkbox.svelte b/packages/svelte-ux/src/lib/components/Checkbox.svelte
index 458b60a63..eac19167d 100644
--- a/packages/svelte-ux/src/lib/components/Checkbox.svelte
+++ b/packages/svelte-ux/src/lib/components/Checkbox.svelte
@@ -77,7 +77,7 @@
     class={cls(
       'checkbox',
       'inline-grid place-items-center border-2',
-      circle ? 'rounded-full' : 'rounded',
+      circle ? 'rounded-full' : 'rounded-sm',
       'peer-disabled:opacity-50 transition-shadow duration-300',
       !disabled &&
         'peer-hover:border-primary peer-focus-visible:border-primary peer-focus-visible:ring-2 ring-primary/60 ring-offset-1',
diff --git a/packages/svelte-ux/src/lib/components/Code.svelte b/packages/svelte-ux/src/lib/components/Code.svelte
index b2160737d..2a686da6e 100644
--- a/packages/svelte-ux/src/lib/components/Code.svelte
+++ b/packages/svelte-ux/src/lib/components/Code.svelte
@@ -18,11 +18,11 @@
   } = {};
 </script>
 
-<div class={cls('Code', 'rounded', 'overflow-auto', classes.root, $$props.class)}>
+<div class={cls('Code', 'rounded-sm', 'overflow-auto', classes.root, $$props.class)}>
   {#if source}
     <div class="relative">
       <pre
-        class={cls('language-{language} rounded', classes.pre)}
+        class={cls('language-{language} rounded-sm', classes.pre)}
         style="margin: 0; white-space: normal;">
           <code class={cls('language-{language}', classes.code)}>{@html highlightedSource}</code>
       </pre>
diff --git a/packages/svelte-ux/src/lib/components/Collapse.svelte b/packages/svelte-ux/src/lib/components/Collapse.svelte
index 8df73d983..ca2699607 100644
--- a/packages/svelte-ux/src/lib/components/Collapse.svelte
+++ b/packages/svelte-ux/src/lib/components/Collapse.svelte
@@ -62,7 +62,7 @@
 >
   <button
     type="button"
-    class="flex items-center w-full text-left select-text focus:outline-none"
+    class="flex items-center w-full text-left select-text focus:outline-hidden"
     {disabled}
     on:click={() => {
       open = !open;
diff --git a/packages/svelte-ux/src/lib/components/DateButton.svelte b/packages/svelte-ux/src/lib/components/DateButton.svelte
index a6823dd92..be5ad9fc6 100644
--- a/packages/svelte-ux/src/lib/components/DateButton.svelte
+++ b/packages/svelte-ux/src/lib/components/DateButton.svelte
@@ -90,9 +90,9 @@
     'inline-flex items-center justify-center',
     isSelectedStart
       ? '[--tw-gradient-from:transparent]'
-      : '[--tw-gradient-from:theme(colors.primary)]',
-    isSelectedEnd ? '[--tw-gradient-to:transparent]' : '[--tw-gradient-to:theme(colors.primary)]',
-    isSelected && (isVerticalSelection ? 'bg-gradient-to-b' : 'bg-gradient-to-r'),
+      : '[--tw-gradient-from:var(--color-primary)]',
+    isSelectedEnd ? '[--tw-gradient-to:transparent]' : '[--tw-gradient-to:var(--color-primary)]',
+    isSelected && (isVerticalSelection ? 'bg-linear-to-b' : 'bg-linear-to-r'),
     hidden && 'opacity-0 pointer-events-none',
     settingsClasses.root,
     className
diff --git a/packages/svelte-ux/src/lib/components/DatePickerField.svelte b/packages/svelte-ux/src/lib/components/DatePickerField.svelte
index 0a31c2346..1cbbfa847 100644
--- a/packages/svelte-ux/src/lib/components/DatePickerField.svelte
+++ b/packages/svelte-ux/src/lib/components/DatePickerField.svelte
@@ -108,7 +108,7 @@
 
     <button
       type="button"
-      class="text-sm min-h-[1.25rem] whitespace-nowrap w-full focus:outline-none"
+      class="text-sm min-h-[1.25rem] whitespace-nowrap w-full focus:outline-hidden"
       style="text-align: inherit"
       on:click={() => (open = true)}
       {id}
diff --git a/packages/svelte-ux/src/lib/components/DateRange.svelte b/packages/svelte-ux/src/lib/components/DateRange.svelte
index cf24e51cd..63d7c6ee2 100644
--- a/packages/svelte-ux/src/lib/components/DateRange.svelte
+++ b/packages/svelte-ux/src/lib/components/DateRange.svelte
@@ -173,7 +173,7 @@
   class={cls(
     'DateRange grid gap-2',
     'w-[min(90vw,384px)]',
-    showSidebar && 'md:w-[640px] md:grid-cols-[2fr,3fr]',
+    showSidebar && 'md:w-[640px] md:grid-cols-[2fr_3fr]',
     settingsClasses.root,
     className
   )}
@@ -305,7 +305,7 @@
     </div>
   {/if}
 
-  <div class="bg-surface-100 border rounded overflow-auto">
+  <div class="bg-surface-100 border rounded-sm overflow-auto">
     <DateSelect
       {selected}
       periodType={selectedPeriodType}
diff --git a/packages/svelte-ux/src/lib/components/DateRangeField.svelte b/packages/svelte-ux/src/lib/components/DateRangeField.svelte
index a66819692..041c75e05 100644
--- a/packages/svelte-ux/src/lib/components/DateRangeField.svelte
+++ b/packages/svelte-ux/src/lib/components/DateRangeField.svelte
@@ -113,7 +113,7 @@
   <button
     type="button"
     class={cls(
-      'text-sm whitespace-nowrap w-full focus:outline-none',
+      'text-sm whitespace-nowrap w-full focus:outline-hidden',
       center ? 'text-center' : 'text-left'
     )}
     on:click={() => (open = true)}
@@ -164,7 +164,7 @@
 <Dialog
   classes={{
     ...classes.dialog,
-    dialog: cls('max-h-[90vh] grid grid-rows-[auto,1fr,auto]', classes.dialog?.dialog),
+    dialog: cls('max-h-[90vh] grid grid-rows-[auto_1fr_auto]', classes.dialog?.dialog),
   }}
   bind:open
 >
diff --git a/packages/svelte-ux/src/lib/components/Dialog.svelte b/packages/svelte-ux/src/lib/components/Dialog.svelte
index d88a2dd71..69154cff5 100644
--- a/packages/svelte-ux/src/lib/components/Dialog.svelte
+++ b/packages/svelte-ux/src/lib/components/Dialog.svelte
@@ -111,7 +111,7 @@
   >
     <div
       class={cls(
-        'dialog rounded bg-surface-100 elevation-4 overflow-y-auto pointer-events-auto relative outline-none',
+        'dialog rounded-sm bg-surface-100 elevation-4 overflow-y-auto pointer-events-auto relative outline-hidden',
         settingsClasses.dialog,
         classes.dialog,
         $$props.class
@@ -128,7 +128,7 @@
       role="dialog"
     >
       {#if loading}
-        <Overlay center class="rounded">
+        <Overlay center class="rounded-sm">
           <ProgressCircle />
         </Overlay>
       {/if}
diff --git a/packages/svelte-ux/src/lib/components/Drawer.svelte b/packages/svelte-ux/src/lib/components/Drawer.svelte
index 946b493af..82f682927 100644
--- a/packages/svelte-ux/src/lib/components/Drawer.svelte
+++ b/packages/svelte-ux/src/lib/components/Drawer.svelte
@@ -72,7 +72,7 @@
   <div
     class={cls(
       'Drawer',
-      'bg-surface-100 fixed overflow-auto transform z-50 outline-none',
+      'bg-surface-100 fixed overflow-auto transform z-50 outline-hidden',
       {
         'h-full': ['left', 'right'].includes(placement),
         'w-full': ['top', 'bottom'].includes(placement),
@@ -111,7 +111,7 @@
     role="dialog"
   >
     {#if loading}
-      <Overlay center class="rounded">
+      <Overlay center class="rounded-sm">
         <ProgressCircle />
       </Overlay>
     {/if}
diff --git a/packages/svelte-ux/src/lib/components/EmptyMessage.svelte b/packages/svelte-ux/src/lib/components/EmptyMessage.svelte
index 83fba60a7..2c7e8ca54 100644
--- a/packages/svelte-ux/src/lib/components/EmptyMessage.svelte
+++ b/packages/svelte-ux/src/lib/components/EmptyMessage.svelte
@@ -12,7 +12,7 @@
     'grid place-items-center',
     'p-1 bg-surface-300 _shadow-inner _ring-1 ring-surface-200/30',
     'text-surface-content/50 text-xs tracking-wider',
-    'border border-surface-100/80 rounded',
+    'border border-surface-100/80 rounded-sm',
     settingsClasses.root,
     $$props.class
   )}
diff --git a/packages/svelte-ux/src/lib/components/ErrorNotification.svelte b/packages/svelte-ux/src/lib/components/ErrorNotification.svelte
index f2cb31e83..a42d48c97 100644
--- a/packages/svelte-ux/src/lib/components/ErrorNotification.svelte
+++ b/packages/svelte-ux/src/lib/components/ErrorNotification.svelte
@@ -62,7 +62,7 @@
       {#if stackTrace}
         <div>
           <div class="text-xs text-surface-content/50 mb-1">Stacktrace:</div>
-          <pre class="bg-gray-100 border rounded p-2 text-xs">
+          <pre class="bg-gray-100 border rounded-sm p-2 text-xs">
             {stackTrace ?? '<Empty>'}
           </pre>
         </div>
diff --git a/packages/svelte-ux/src/lib/components/Field.svelte b/packages/svelte-ux/src/lib/components/Field.svelte
index a898f92b6..2adbdf4f7 100644
--- a/packages/svelte-ux/src/lib/components/Field.svelte
+++ b/packages/svelte-ux/src/lib/components/Field.svelte
@@ -64,9 +64,9 @@
     'Field',
     'group flex gap-1',
     labelPlacement !== 'left' ? 'flex-col' : 'items-center',
-    error ? '[--color:theme(colors.danger)]' : '[--color:theme(colors.primary)]',
+    error ? '[--color:var(--color-danger)]' : '[--color:var(--color-primary)]',
     disabled && 'opacity-50 pointer-events-none',
-    !base && (rounded ? 'rounded-full' : 'rounded'),
+    !base && (rounded ? 'rounded-full' : 'rounded-sm'),
     settingsClasses.root,
     classes.root,
     $$props.class
@@ -78,7 +78,7 @@
       class={cls(
         'label',
         'block text-sm font-medium',
-        'truncate group-hover:text-surface-content/70 group-focus-within:text-primary group-hover:group-focus-within:text-[var(--color)] cursor-pointer',
+        'truncate group-hover:text-surface-content/70 group-focus-within:text-primary group-focus-within:group-hover:text-(--color) cursor-pointer',
         error ? 'text-danger/80' : 'text-surface-content/50',
         `placement-${labelPlacement}`,
         settingsClasses.label,
@@ -93,13 +93,13 @@
     <div
       class={cls(
         'border py-0 transition-shadow',
-        disabled ? '' : 'hover:shadow',
+        disabled ? '' : 'hover:shadow-sm',
         disabled ? '' : error ? 'hover:border-danger' : 'hover:border-surface-content',
         {
           'px-2': !rounded,
           'px-6': rounded && !hasPrepend,
         },
-        !base && ['bg-surface-100', rounded ? 'rounded-full' : 'rounded'],
+        !base && ['bg-surface-100', rounded ? 'rounded-full' : 'rounded-sm'],
         error && 'border-danger',
         'group-focus-within:shadow-md group-focus-within:border-[var(--color)]',
         settingsClasses.container,
@@ -127,12 +127,12 @@
 
         <!-- svelte-ignore a11y-click-events-have-key-events -->
         <!-- svelte-ignore a11y-no-static-element-interactions -->
-        <div class="flex-grow inline-grid" on:click>
+        <div class="grow inline-grid" on:click>
           {#if label && ['inset', 'float'].includes(labelPlacement)}
             <span
               class={cls(
                 'label',
-                'col-span-full row-span-full z-[1] flex items-center h-full truncate origin-top-left transition-all duration-200 group-hover:text-surface-content/70 group-focus-within:text-[var(--color)] group-hover:group-focus-within:text-[var(--color)] cursor-pointer',
+                'col-span-full row-span-full z-1 flex items-center h-full truncate origin-top-left transition-all duration-200 group-hover:text-surface-content/70 group-focus-within:text-[var(--color)] group-focus-within:group-hover:text-(--color) cursor-pointer',
                 center && 'justify-center',
                 error ? 'text-danger/80' : 'text-surface-content/50',
                 `placement-${labelPlacement}`,
diff --git a/packages/svelte-ux/src/lib/components/Gooey.svelte b/packages/svelte-ux/src/lib/components/Gooey.svelte
index cda33cab5..3765e95b7 100644
--- a/packages/svelte-ux/src/lib/components/Gooey.svelte
+++ b/packages/svelte-ux/src/lib/components/Gooey.svelte
@@ -29,7 +29,7 @@
 <svg class={cls('fixed inset-0 pointer-events-none', settingsClasses.svg, classes?.svg)}>
   <filter id={filterId}>
     {#if blur}
-      <feGaussianBlur in="SourceGraphic" stdDeviation={blur} result="blur" />
+      <feGaussianBlur in="SourceGraphic" stdDeviation={blur} result="blur-sm" />
     {/if}
 
     <feColorMatrix
diff --git a/packages/svelte-ux/src/lib/components/Icon.svelte b/packages/svelte-ux/src/lib/components/Icon.svelte
index b917d8109..9d16ec322 100644
--- a/packages/svelte-ux/src/lib/components/Icon.svelte
+++ b/packages/svelte-ux/src/lib/components/Icon.svelte
@@ -84,7 +84,7 @@
   <span
     class={cls(
       'Icon',
-      'icon-container inline-block flex-shrink-0 align-middle fill-current',
+      'icon-container inline-block shrink-0 align-middle fill-current',
       settingsClasses.root,
       classes.root,
       $$props.class
@@ -109,7 +109,7 @@
     {viewBox}
     class={cls(
       'Icon',
-      'inline-block flex-shrink-0 fill-current',
+      'inline-block shrink-0 fill-current',
       settingsClasses.root,
       classes.root,
       $$props.class
diff --git a/packages/svelte-ux/src/lib/components/Input.svelte b/packages/svelte-ux/src/lib/components/Input.svelte
index ae80f27aa..6e417e2b5 100644
--- a/packages/svelte-ux/src/lib/components/Input.svelte
+++ b/packages/svelte-ux/src/lib/components/Input.svelte
@@ -146,14 +146,14 @@
     if (value === mask) {
       value = '';
     }
-    dispatch('blur', e);
+    dispatch('blur-sm', e);
   }}
   on:blur
   use:multi={actions}
   {...$$restProps}
   class={cls(
     'Input',
-    'text-sm w-full outline-none bg-transparent placeholder-surface/50 selection:bg-surface-content/10',
+    'text-sm w-full outline-hidden bg-transparent placeholder-surface/50 selection:bg-surface-content/10',
     mask && (mask == placeholder || isFocused || value) && 'font-mono',
     settingsClasses.root,
     className
diff --git a/packages/svelte-ux/src/lib/components/Kbd.svelte b/packages/svelte-ux/src/lib/components/Kbd.svelte
index 0a5d4ac93..e8603891b 100644
--- a/packages/svelte-ux/src/lib/components/Kbd.svelte
+++ b/packages/svelte-ux/src/lib/components/Kbd.svelte
@@ -14,7 +14,7 @@
   class={cls(
     'font-sans inline-flex gap-1',
     variant === 'filled' &&
-      'border border-b-2 text-surface-content bg-surface-200 rounded py-1 px-1',
+      'border border-b-2 text-surface-content bg-surface-200 rounded-sm py-1 px-1',
     $$props.class
   )}
 >
diff --git a/packages/svelte-ux/src/lib/components/LanguageSelect.svelte b/packages/svelte-ux/src/lib/components/LanguageSelect.svelte
index 111e2f1a4..ef52a71b3 100644
--- a/packages/svelte-ux/src/lib/components/LanguageSelect.svelte
+++ b/packages/svelte-ux/src/lib/components/LanguageSelect.svelte
@@ -33,7 +33,7 @@
             locale.set(language.code);
           }}
           class={cls(
-            'bg-surface-100 text-surface-content font-semibold border shadow',
+            'bg-surface-100 text-surface-content font-semibold border shadow-sm',
             languageSelected === language && 'ring-2 ring-surface-content'
           )}
         >
@@ -42,7 +42,7 @@
       {/each}
     </div>
 
-    <div class="p-2 grid grid-cols-[auto,1fr] gap-2 items-center text-xs">
+    <div class="p-2 grid grid-cols-[auto_1fr] gap-2 items-center text-xs">
       <span class="font-medium">Affects date & number formats</span>
     </div>
   </Menu>
diff --git a/packages/svelte-ux/src/lib/components/ListItem.svelte b/packages/svelte-ux/src/lib/components/ListItem.svelte
index 0a5fb0f5f..9a299c26c 100644
--- a/packages/svelte-ux/src/lib/components/ListItem.svelte
+++ b/packages/svelte-ux/src/lib/components/ListItem.svelte
@@ -26,7 +26,7 @@
   export let list: 'type' | 'parent' | 'group' = 'parent';
 
   /**
-   * Remove shadow (useful when using `ring`)
+   * Remove shadow (useful when using `ring-3`)
    */
   export let noShadow = false;
 
@@ -70,7 +70,7 @@
   role="listitem"
 >
   {#if loading}
-    <Overlay center class="rounded">
+    <Overlay center class="rounded-sm">
       <ProgressCircle />
     </Overlay>
   {/if}
@@ -90,7 +90,7 @@
     {/if}
   </slot>
 
-  <div class="flex-grow">
+  <div class="grow">
     <slot name="title">
       {#if title != null}
         <div class={cls(settingsClasses.title, classes.title)}>{title}</div>
diff --git a/packages/svelte-ux/src/lib/components/Menu.svelte b/packages/svelte-ux/src/lib/components/Menu.svelte
index 91cf3bad0..055c89b07 100644
--- a/packages/svelte-ux/src/lib/components/Menu.svelte
+++ b/packages/svelte-ux/src/lib/components/Menu.svelte
@@ -67,7 +67,7 @@
   {open}
   class={cls(
     'Menu',
-    'bg-surface-100 rounded shadow border overflow-auto',
+    'bg-surface-100 rounded-sm shadow-sm border overflow-auto',
     settingsClasses.root,
     classes.root,
     $$props.class
@@ -79,7 +79,7 @@
   <!-- svelte-ignore a11y-click-events-have-key-events -->
   <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
   <menu
-    class={cls('menu-items outline-none max-h-screen', settingsClasses.menu, classes.menu)}
+    class={cls('menu-items outline-hidden max-h-screen', settingsClasses.menu, classes.menu)}
     bind:this={menuItemsEl}
     on:click={onClick}
     on:mouseup={(e) => {
diff --git a/packages/svelte-ux/src/lib/components/MenuItem.svelte b/packages/svelte-ux/src/lib/components/MenuItem.svelte
index df201e949..54eeda7fa 100644
--- a/packages/svelte-ux/src/lib/components/MenuItem.svelte
+++ b/packages/svelte-ux/src/lib/components/MenuItem.svelte
@@ -51,7 +51,7 @@
   {...$$restProps}
   class={cls(
     'MenuItem',
-    'text-left items-center p-2 hover:bg-surface-content/5 rounded duration-75',
+    'text-left items-center p-2 hover:bg-surface-content/5 rounded-sm duration-75',
     selected && classes?.selected,
     settingsClasses.root,
     classes?.root,
diff --git a/packages/svelte-ux/src/lib/components/MonthListByYear.svelte b/packages/svelte-ux/src/lib/components/MonthListByYear.svelte
index b1878ef52..4f9385803 100644
--- a/packages/svelte-ux/src/lib/components/MonthListByYear.svelte
+++ b/packages/svelte-ux/src/lib/components/MonthListByYear.svelte
@@ -34,7 +34,7 @@
   <Button on:click={() => (minYear -= 10)}>More</Button>
 
   {#each years ?? [] as year (year)}
-    <div class="grid grid-cols-[auto,1fr] items-center gap-2 p-2">
+    <div class="grid grid-cols-[auto_1fr] items-center gap-2 p-2">
       <div class="text-xl font-bold">
         {year}
       </div>
diff --git a/packages/svelte-ux/src/lib/components/MultiSelectField.svelte b/packages/svelte-ux/src/lib/components/MultiSelectField.svelte
index c8be67b16..6746f059c 100644
--- a/packages/svelte-ux/src/lib/components/MultiSelectField.svelte
+++ b/packages/svelte-ux/src/lib/components/MultiSelectField.svelte
@@ -118,7 +118,7 @@
     ) {
       hide();
     } else {
-      logger.debug('ignoring blur');
+      logger.debug('ignoring blur-sm');
     }
   }
 
diff --git a/packages/svelte-ux/src/lib/components/MultiSelectOption.svelte b/packages/svelte-ux/src/lib/components/MultiSelectOption.svelte
index 5ad1625fb..eac9f767d 100644
--- a/packages/svelte-ux/src/lib/components/MultiSelectOption.svelte
+++ b/packages/svelte-ux/src/lib/components/MultiSelectOption.svelte
@@ -25,7 +25,7 @@
 <div
   class={cls(
     'MultiSelectOption',
-    'grid grid-cols-[1fr,auto]',
+    'grid grid-cols-[1fr_auto]',
     settingsClasses.root,
     classes.root,
     $$props.class
@@ -40,7 +40,7 @@
       on:change={() => dispatch('change')}
       {disabled}
       classes={{
-        root: 'px-2 rounded hover:bg-surface-content/5',
+        root: 'px-2 rounded-sm hover:bg-surface-content/5',
         label: 'py-2',
         ...settingsClasses.checkbox,
         ...classes.checkbox,
diff --git a/packages/svelte-ux/src/lib/components/NavItem.svelte b/packages/svelte-ux/src/lib/components/NavItem.svelte
index 88eaf7b27..1e4139339 100644
--- a/packages/svelte-ux/src/lib/components/NavItem.svelte
+++ b/packages/svelte-ux/src/lib/components/NavItem.svelte
@@ -55,11 +55,7 @@
   {/if}
 
   {#if icon}
-    <Icon
-      data={icon}
-      class={cls('mr-3 flex-shrink-0', settingsClasses.icon)}
-      classes={classes.icon}
-    />
+    <Icon data={icon} class={cls('mr-3 shrink-0', settingsClasses.icon)} classes={classes.icon} />
   {/if}
 
   {text}
diff --git a/packages/svelte-ux/src/lib/components/Popover.svelte b/packages/svelte-ux/src/lib/components/Popover.svelte
index f5b7fa456..271996a5f 100644
--- a/packages/svelte-ux/src/lib/components/Popover.svelte
+++ b/packages/svelte-ux/src/lib/components/Popover.svelte
@@ -67,7 +67,7 @@
 {#if open}
   <!-- @ts-expect-error -->
   <div
-    class={cls('Popover absolute z-50 outline-none', settingsClasses.root, className)}
+    class={cls('Popover absolute z-50 outline-hidden', settingsClasses.root, className)}
     {style}
     tabindex="-1"
     use:popover={{ anchorEl, placement, autoPlacement, offset, padding, matchWidth, resize }}
diff --git a/packages/svelte-ux/src/lib/components/Preview.svelte b/packages/svelte-ux/src/lib/components/Preview.svelte
index ae1495fc0..dda787b2d 100644
--- a/packages/svelte-ux/src/lib/components/Preview.svelte
+++ b/packages/svelte-ux/src/lib/components/Preview.svelte
@@ -15,7 +15,7 @@
   export let showCode = false;
 </script>
 
-<div class={cls('Preview border rounded bg-surface-100', $$props.class)}>
+<div class={cls('Preview border rounded-sm bg-surface-100', $$props.class)}>
   <div class="p-4">
     <slot />
   </div>
diff --git a/packages/svelte-ux/src/lib/components/Progress.svelte b/packages/svelte-ux/src/lib/components/Progress.svelte
index f35761835..0d9af6019 100644
--- a/packages/svelte-ux/src/lib/components/Progress.svelte
+++ b/packages/svelte-ux/src/lib/components/Progress.svelte
@@ -19,12 +19,12 @@
     'h-2 w-full',
 
     // bar color
-    '[--color:theme(colors.primary)]',
+    '[--color:var(--color-primary)]',
     '[&::-webkit-progress-value]:bg-[var(--color)]',
     '[&::-moz-progress-bar]:bg-[var(--color)]',
 
     // track color
-    '[--track-color:theme(colors.surface-200)]',
+    '[--track-color:var(--color-surface-200)]',
     '[&::-webkit-progress-bar]:bg-[var(--track-color)]',
     'bg-[var(--track-color)]',
 
diff --git a/packages/svelte-ux/src/lib/components/QuickSearch.svelte b/packages/svelte-ux/src/lib/components/QuickSearch.svelte
index 473384ad6..49d118371 100644
--- a/packages/svelte-ux/src/lib/components/QuickSearch.svelte
+++ b/packages/svelte-ux/src/lib/components/QuickSearch.svelte
@@ -59,7 +59,7 @@
   bind:open
   classes={{
     root: cls('items-start mt-8 sm:mt-24', settingsClasses.root, classes.root, $$props.class),
-    backdrop: 'backdrop-blur-sm',
+    backdrop: 'backdrop-blur-xs',
   }}
 >
   <SelectField
diff --git a/packages/svelte-ux/src/lib/components/RangeSlider.svelte b/packages/svelte-ux/src/lib/components/RangeSlider.svelte
index 34917ac4d..8d621a383 100644
--- a/packages/svelte-ux/src/lib/components/RangeSlider.svelte
+++ b/packages/svelte-ux/src/lib/components/RangeSlider.svelte
@@ -232,7 +232,7 @@
 <div
   class={cls(
     'RangeSlider',
-    'group relative h-2 bg-surface-content/10 rounded-full select-none outline-none',
+    'group relative h-2 bg-surface-content/10 rounded-full select-none outline-hidden',
     disabled && ' pointer-events-none opacity-50',
     settingsClasses.root,
     className
@@ -321,7 +321,7 @@
   {#if showStartValue && !disableTooltips}
     <output
       style="left: calc(var(--start) * 100%);"
-      class="value absolute top-1/2 -translate-x-1/2 -translate-y-[180%] text-xs text-primary-content bg-primary rounded-full px-2 shadow"
+      class="value absolute top-1/2 -translate-x-1/2 -translate-y-[180%] text-xs text-primary-content bg-primary rounded-full px-2 shadow-sm"
       transition:fly={{ y: 4, duration: 300 }}
     >
       {value[0]}
@@ -331,7 +331,7 @@
   {#if showEndValue && !disableTooltips}
     <output
       style="left: calc(var(--end) * 100%);"
-      class="value absolute top-1/2 -translate-x-1/2 -translate-y-[180%] text-xs text-primary-content bg-primary rounded-full px-2 shadow"
+      class="value absolute top-1/2 -translate-x-1/2 -translate-y-[180%] text-xs text-primary-content bg-primary rounded-full px-2 shadow-sm"
       transition:fly={{ y: 4, duration: 300 }}
     >
       {value[1]}
diff --git a/packages/svelte-ux/src/lib/components/SectionDivider.svelte b/packages/svelte-ux/src/lib/components/SectionDivider.svelte
index 5acbc8fb2..27c01bfac 100644
--- a/packages/svelte-ux/src/lib/components/SectionDivider.svelte
+++ b/packages/svelte-ux/src/lib/components/SectionDivider.svelte
@@ -10,7 +10,7 @@
   class={cls('SectionDivider', 'flex items-center my-2', settingsClasses.root, $$props.class)}
 >
   <div class="flex-1 border h-px rounded-full mr-2"></div>
-  <div class="font-medium text-surface-content border px-4 rounded-full bg-surface-100 shadow">
+  <div class="font-medium text-surface-content border px-4 rounded-full bg-surface-100 shadow-sm">
     <slot />
   </div>
   <div class="flex-1 border h-px rounded-full ml-2"></div>
diff --git a/packages/svelte-ux/src/lib/components/SelectField.svelte b/packages/svelte-ux/src/lib/components/SelectField.svelte
index 7b57f9088..0200196cb 100644
--- a/packages/svelte-ux/src/lib/components/SelectField.svelte
+++ b/packages/svelte-ux/src/lib/components/SelectField.svelte
@@ -252,9 +252,9 @@
       !selectFieldEl?.contains(fe.relatedTarget) && // click within <SelectField> (ex. toggleIcon)
       fe.relatedTarget !== selectFieldEl // click on SelectField itself
     ) {
-      hide('blur');
+      hide('blur-sm');
     } else {
-      logger.debug('ignoring blur');
+      logger.debug('ignoring blur-sm');
     }
   }
 
diff --git a/packages/svelte-ux/src/lib/components/Tabs.svelte b/packages/svelte-ux/src/lib/components/Tabs.svelte
index dd776202b..7fffc99b3 100644
--- a/packages/svelte-ux/src/lib/components/Tabs.svelte
+++ b/packages/svelte-ux/src/lib/components/Tabs.svelte
@@ -38,7 +38,7 @@
 >
   <div
     class={cls(
-      'flex gap-1 overflow-auto z-[1]',
+      'flex gap-1 overflow-auto z-1',
       vertical && 'flex-col',
       {
         top: '-mb-px',
diff --git a/packages/svelte-ux/src/lib/components/TextField.svelte b/packages/svelte-ux/src/lib/components/TextField.svelte
index 2bdcd6cf3..bc21db7b6 100644
--- a/packages/svelte-ux/src/lib/components/TextField.svelte
+++ b/packages/svelte-ux/src/lib/components/TextField.svelte
@@ -217,9 +217,9 @@
     'TextField',
     'group flex gap-1',
     labelPlacement !== 'left' ? 'flex-col' : 'items-center',
-    error ? '[--color:theme(colors.danger)]' : '[--color:theme(colors.primary)]',
+    error ? '[--color:var(--color-danger)]' : '[--color:var(--color-primary)]',
     disabled && 'opacity-50 pointer-events-none',
-    !base && (rounded ? 'rounded-full' : 'rounded'),
+    !base && (rounded ? 'rounded-full' : 'rounded-sm'),
     settingsClasses.root,
     classes.root,
     $$props.class
@@ -231,7 +231,7 @@
       class={cls(
         'label',
         'block text-sm font-medium',
-        'truncate group-hover:text-surface-content/70 group-focus-within:text-[var(--color)] group-hover:group-focus-within:text-[var(--color)] cursor-pointer',
+        'truncate group-hover:text-surface-content/70 group-focus-within:text-[var(--color)] group-focus-within:group-hover:text-(--color) cursor-pointer',
         error ? 'text-danger/80' : 'text-surface-content/50',
         `placement-${labelPlacement}`,
         settingsClasses.label,
@@ -246,15 +246,15 @@
     <div
       class={cls(
         'border py-0 transition-shadow',
-        disabled ? '' : 'hover:shadow',
+        disabled ? '' : 'hover:shadow-sm',
         disabled ? '' : error ? 'hover:border-danger' : 'hover:border-surface-content',
         {
           'px-2': !rounded,
           'px-6': rounded && !hasPrepend, // TODO: `hasPrepend` always true for SelectField, etc.  See: https://github.com/sveltejs/svelte/issues/6059
         },
-        !base && ['bg-surface-100', rounded ? 'rounded-full' : 'rounded'],
+        !base && ['bg-surface-100', rounded ? 'rounded-full' : 'rounded-sm'],
         error && 'border-danger',
-        'group-focus-within:shadow-md group-focus-within:border-[var(--color)]',
+        'group-focus-within:shadow-md group-focus-within:border-[var(--color)]!',
         settingsClasses.container,
         classes.container
       )}
@@ -279,12 +279,12 @@
         {/if}
 
         <!-- svelte-ignore a11y-click-events-have-key-events -->
-        <div role={role === 'combobox' ? role : undefined} class="flex-grow inline-grid" on:click>
+        <div role={role === 'combobox' ? role : undefined} class="grow inline-grid" on:click>
           {#if label && ['inset', 'float'].includes(labelPlacement)}
             <span
               class={cls(
                 'label',
-                'col-span-full row-span-full z-[1] flex items-center h-full truncate origin-top-left transition-all duration-200 group-hover:text-surface-content/70 group-focus-within:text-[var(--color)] group-hover:group-focus-within:text-[var(--color)] cursor-pointer',
+                'col-span-full row-span-full z-1 flex items-center h-full truncate origin-top-left transition-all duration-200 group-hover:text-surface-content/70 group-focus-within:text-[var(--color)] group-focus-within:group-hover:text-(--color) cursor-pointer',
                 error ? 'text-danger/80' : 'text-surface-content/50',
                 `placement-${labelPlacement}`,
                 (labelPlacement === 'inset' || hasInputValue) && 'shrink',
@@ -332,10 +332,11 @@
                 on:keydown
                 on:keypress
                 class={cls(
-                  'text-sm border-none w-full bg-transparent outline-none resize-none',
-                  'placeholder-surface-content placeholder-opacity-0 group-focus-within:placeholder-opacity-50',
+                  'text-sm border-none w-full bg-transparent outline-hidden resize-none',
+                  'placeholder-surface-content/0 group-focus-within:placeholder-surface-content/50',
                   error && 'placeholder-danger',
-                  (labelPlacement !== 'float' || !hasInsetLabel) && 'placeholder-opacity-50',
+                  (labelPlacement !== 'float' || !hasInsetLabel) &&
+                    'placeholder-surface-content/50',
                   {
                     'text-left': align === 'left',
                     'text-center': align === 'center',
@@ -372,11 +373,12 @@
                 on:keydown
                 on:keypress
                 class={cls(
-                  'text-sm border-none w-full bg-transparent outline-none truncate',
+                  'text-sm border-none w-full bg-transparent outline-hidden truncate',
                   'selection:bg-surface-content/30',
-                  'placeholder-surface-content placeholder-opacity-0 group-focus-within:placeholder-opacity-50',
+                  'placeholder-surface-content/0 group-focus-within:placeholder-surface-content/50',
                   error && 'placeholder-danger',
-                  (labelPlacement !== 'float' || !hasInsetLabel) && 'placeholder-opacity-50',
+                  (labelPlacement !== 'float' || !hasInsetLabel) &&
+                    'placeholder-surface-content/50',
                   {
                     'text-left': align === 'left',
                     'text-center': align === 'center',
@@ -424,7 +426,7 @@
                 {disabled}
                 value={operator}
                 on:change={onSelectChange}
-                class="appearance-none bg-surface-content/5 border rounded-full mr-2 px-2 text-sm outline-none focus:border-opacity-50 focus:shadow-md"
+                class="appearance-none bg-surface-content/5 border rounded-full mr-2 px-2 text-sm outline-hidden focus:border-opacity-50 focus:shadow-md"
                 style="text-align-last: center;"
               >
                 {#each operators ?? [] as { label, value }}
diff --git a/packages/svelte-ux/src/lib/components/ThemeSelect.svelte b/packages/svelte-ux/src/lib/components/ThemeSelect.svelte
index 0239996c2..2b090eb13 100644
--- a/packages/svelte-ux/src/lib/components/ThemeSelect.svelte
+++ b/packages/svelte-ux/src/lib/components/ThemeSelect.svelte
@@ -66,7 +66,7 @@
     >
       <label
         for="switch-color-scheme"
-        class="grid grid-cols-[1fr,auto,auto] items-center p-2 border-b border-surface-content/10 mb-1 text-sm font-medium sticky top-0 bg-surface-100"
+        class="grid grid-cols-[1fr_auto_auto] items-center p-2 border-b border-surface-content/10 mb-1 text-sm font-medium sticky top-0 bg-surface-100"
       >
         Mode
         {#if $currentTheme.theme}
@@ -110,7 +110,7 @@
             on:click={() => currentTheme.setTheme(themeName)}
             data-theme={themeName}
             class={cls(
-              'bg-surface-100 text-surface-content font-semibold border shadow',
+              'bg-surface-100 text-surface-content font-semibold border shadow-sm',
               $currentTheme.resolvedTheme === themeName && 'ring-2 ring-surface-content'
             )}
           >
@@ -125,7 +125,7 @@
 
       {#if keyboardShortcuts}
         <div
-          class="p-2 grid grid-cols-[auto,1fr] gap-2 items-center text-xs sticky bottom-0 bg-surface-100 border-t border-surface-content/10"
+          class="p-2 grid grid-cols-[auto_1fr] gap-2 items-center text-xs sticky bottom-0 bg-surface-100 border-t border-surface-content/10"
         >
           <span class="font-medium">Toggle scheme:</span>
           <span>
diff --git a/packages/svelte-ux/src/lib/components/Tilt.svelte b/packages/svelte-ux/src/lib/components/Tilt.svelte
index 2128fe7f6..bee117124 100644
--- a/packages/svelte-ux/src/lib/components/Tilt.svelte
+++ b/packages/svelte-ux/src/lib/components/Tilt.svelte
@@ -46,8 +46,8 @@
   style:--brightness={brightness}
   class={cls(
     'Tilt [perspective:600px]',
-    '[&>*]:[transform:rotateX(var(--rotateX))_rotateY(var(--rotateY))]',
-    '[&>*]:brightness-[var(--brightness)]',
+    '*:[transform:rotateX(var(--rotateX))_rotateY(var(--rotateY))]',
+    '*:brightness-(--brightness)',
     settingsClasses.root,
     className
   )}
diff --git a/packages/svelte-ux/src/lib/components/TimelineEvent.svelte b/packages/svelte-ux/src/lib/components/TimelineEvent.svelte
index b57ec2599..b8b0c3797 100644
--- a/packages/svelte-ux/src/lib/components/TimelineEvent.svelte
+++ b/packages/svelte-ux/src/lib/components/TimelineEvent.svelte
@@ -41,7 +41,7 @@
     'relative grid shrink-0 items-center',
     'grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)]',
     'grid-rows-[minmax(0,1fr)_auto_minmax(0,1fr)]',
-    '[--color-completed:theme(colors.primary)]',
+    '[--color-completed:var(--color-primary)]',
     snapPoint
       ? vertical
         ? 'grid-rows-[0.25rem_auto_minmax(0,1fr)]'
@@ -50,7 +50,7 @@
     compact && vertical ? 'grid-cols-[0_auto_minmax(0,1fr)] grid-rows-[0_auto_minmax(0,1fr)]' : '',
     vertical && 'justify-items-center',
     completed &&
-      'timelineevent-completed [&_hr:last-child]:has-[~li.timelineevent-completed]:bg-[var(--color-completed)]',
+      'timelineevent-completed has-[~li.timelineevent-completed]:[&_hr:last-child]:bg-(--color-completed)',
     settingsClasses.root,
     classes.root,
     $$props.class
diff --git a/packages/svelte-ux/src/lib/components/ToggleGroup.svelte b/packages/svelte-ux/src/lib/components/ToggleGroup.svelte
index 048130b21..da5c718e3 100644
--- a/packages/svelte-ux/src/lib/components/ToggleGroup.svelte
+++ b/packages/svelte-ux/src/lib/components/ToggleGroup.svelte
@@ -107,7 +107,7 @@
     options: cls(
       'grid overflow-auto',
       vertical ? 'grid-flow-row' : 'grid-flow-col',
-      rounded === 'full' ? 'rounded-full' : rounded && 'rounded',
+      rounded === 'full' ? 'rounded-full' : rounded && 'rounded-sm',
       variant !== 'outline' && (gap === true ? 'gap-1' : gap === 'px' ? 'gap-px' : ''),
       inset ? 'p-[2px]' : '',
       variantClasses[variant].options,
@@ -123,19 +123,19 @@
         md: 'text-sm',
         lg: 'text-base',
       }[size],
-      rounded === 'full' ? 'rounded-full' : rounded && 'rounded',
+      rounded === 'full' ? 'rounded-full' : rounded && 'rounded-sm',
       // If adding gap between options, round first and last outside edges for options and the indicator
       gap &&
         (vertical
           ? [
-              '[&:not(:first-child)]:rounded-t-none',
-              '[&:not(:last-child)]:rounded-b-none',
+              'not-first:rounded-t-none',
+              'not-last:rounded-b-none',
               '[&:not(:first-child)_.indicator]:rounded-t-none',
               '[&:not(:last-child)_.indicator]:rounded-b-none',
             ]
           : [
-              '[&:not(:first-child)]:rounded-l-none',
-              '[&:not(:last-child)]:rounded-r-none',
+              'not-first:rounded-l-none',
+              'not-last:rounded-r-none',
               '[&:not(:first-child)_.indicator]:rounded-l-none',
               '[&:not(:last-child)_.indicator]:rounded-r-none',
             ]),
@@ -159,7 +159,7 @@
 
     indicator: cls(
       'z-0',
-      rounded === 'full' ? 'rounded-full' : rounded && 'rounded',
+      rounded === 'full' ? 'rounded-full' : rounded && 'rounded-sm',
       variantClasses[variant].indicator,
       settingsClasses.indicator,
       classes.indicator
diff --git a/packages/svelte-ux/src/lib/components/Tooltip.svelte b/packages/svelte-ux/src/lib/components/Tooltip.svelte
index b4ed87b88..47a624bad 100644
--- a/packages/svelte-ux/src/lib/components/Tooltip.svelte
+++ b/packages/svelte-ux/src/lib/components/Tooltip.svelte
@@ -88,7 +88,7 @@
     <slot name="title">
       <div
         class={cls(
-          'text-xs text-surface-100 bg-surface-content px-2 py-1 rounded whitespace-nowrap',
+          'text-xs text-surface-100 bg-surface-content px-2 py-1 rounded-sm whitespace-nowrap',
           settingsClasses.title,
           classes.title
         )}
diff --git a/packages/svelte-ux/src/lib/components/_SelectListOptions.svelte b/packages/svelte-ux/src/lib/components/_SelectListOptions.svelte
index 2317a1d0b..67bf15a79 100644
--- a/packages/svelte-ux/src/lib/components/_SelectListOptions.svelte
+++ b/packages/svelte-ux/src/lib/components/_SelectListOptions.svelte
@@ -33,7 +33,7 @@
   tabindex="-1"
   aria-expanded={open ? 'true' : 'false'}
   class={cls(
-    '_SelectListOptions options group p-1 focus:outline-none',
+    '_SelectListOptions options group p-1 focus:outline-hidden',
     settingsClasses.options,
     classes.root
   )}
diff --git a/packages/svelte-ux/src/routes/+layout.server.ts b/packages/svelte-ux/src/routes/+layout.server.ts
index 0f92d0654..fa22c3d47 100644
--- a/packages/svelte-ux/src/routes/+layout.server.ts
+++ b/packages/svelte-ux/src/routes/+layout.server.ts
@@ -1,10 +1,9 @@
 import { redirect } from '@sveltejs/kit';
 import { getThemeNames } from '@layerstack/tailwind';
+import themeCss from '@layerstack/tailwind/themes/all.css?raw';
 
 import { env } from '$env/dynamic/private';
 
-import themes from '../../themes.json' with { type: 'json' };
-
 export async function load({ url }) {
   // Redirect `svelte-ux.vercel.app` to `svelte-ux.techniq.dev`
   if (url.host === 'svelte-ux.vercel.app') {
@@ -14,7 +13,7 @@ export async function load({ url }) {
   }
 
   return {
-    themes: getThemeNames(themes),
+    themes: getThemeNames(themeCss),
     // themes: { light: ['light'], dark: ['dark'] },
     pr_id: env.VERCEL_GIT_PULL_REQUEST_ID,
   };
diff --git a/packages/svelte-ux/src/routes/+layout.svelte b/packages/svelte-ux/src/routes/+layout.svelte
index 3f05d6b28..d900782ed 100644
--- a/packages/svelte-ux/src/routes/+layout.svelte
+++ b/packages/svelte-ux/src/routes/+layout.svelte
@@ -122,13 +122,13 @@
       },
       AppBar: {
         classes:
-          'bg-primary text-primary-content shadow-md [text-shadow:1px_1px_2px_theme(colors.primary-700)]',
+          'bg-primary text-primary-content shadow-md [text-shadow:1px_1px_2px_var(--color-primary-700)]',
       },
       NavItem: {
         classes: {
           root: 'text-sm text-surface-content/70 pl-6 py-2 hover:bg-surface-100/70 relative',
           active:
-            'text-primary bg-surface-100 font-medium before:absolute before:bg-primary before:rounded-full before:w-1 before:h-2/3 before:left-[6px] shadow z-10',
+            'text-primary bg-surface-100 font-medium before:absolute before:bg-primary before:rounded-full before:w-1 before:h-2/3 before:left-[6px] shadow-sm z-10',
         },
       },
     },
diff --git a/packages/svelte-ux/src/routes/+page.svelte b/packages/svelte-ux/src/routes/+page.svelte
index 95980705b..f37607741 100644
--- a/packages/svelte-ux/src/routes/+page.svelte
+++ b/packages/svelte-ux/src/routes/+page.svelte
@@ -6,7 +6,7 @@
   let selectedTab = 'svelte-cli';
 </script>
 
-<div class="prose max-w-none bg-surface-100 rounded border p-4 mt-4 m-2">
+<div class="prose max-w-none bg-surface-100 rounded-sm border p-4 mt-4 m-2">
   <h1>Getting started</h1>
 
   <h2>Installation</h2>
diff --git a/packages/svelte-ux/src/routes/_NavMenu.svelte b/packages/svelte-ux/src/routes/_NavMenu.svelte
index e645eedbf..fbb46587c 100644
--- a/packages/svelte-ux/src/routes/_NavMenu.svelte
+++ b/packages/svelte-ux/src/routes/_NavMenu.svelte
@@ -76,7 +76,7 @@
 
 <NavItem text="Getting Started" icon={mdiHome} currentUrl={$page.url} path="/" />
 <NavItem text="Customization" icon={mdiCog} currentUrl={$page.url} path="/customization" />
-<NavItem text="Theme" icon={mdiPalette} currentUrl={$page.url} path="/theme" />
+<!-- <NavItem text="Theme" icon={mdiPalette} currentUrl={$page.url} path="/theme" /> -->
 <NavItem text="Changelog" icon={mdiFormatListBulleted} currentUrl={$page.url} path="/changelog" />
 
 <h1>Components</h1>
diff --git a/packages/svelte-ux/src/routes/app.css b/packages/svelte-ux/src/routes/app.css
index b3025af6a..35dcd599e 100644
--- a/packages/svelte-ux/src/routes/app.css
+++ b/packages/svelte-ux/src/routes/app.css
@@ -1,6 +1,29 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
+
+@import '@layerstack/tailwind/theme.css';
+@import '@layerstack/tailwind/themes/all.css';
+@import '@layerstack/tailwind/utils.css';
+
+@plugin '@tailwindcss/typography';
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: color-mix(in oklab, var(--color-surface-content) 20%, transparent);
+    outline-color: color-mix(in oklab, var(--color-surface-content) 20%, transparent);
+  }
+}
 
 html {
   @apply bg-surface-200 accent-primary scroll-smooth;
diff --git a/packages/svelte-ux/src/routes/changelog/+page.svelte b/packages/svelte-ux/src/routes/changelog/+page.svelte
index f023c5697..4d63aeef2 100644
--- a/packages/svelte-ux/src/routes/changelog/+page.svelte
+++ b/packages/svelte-ux/src/routes/changelog/+page.svelte
@@ -9,8 +9,8 @@
   }
 </script>
 
-<div class="grid grid-cols-[1fr,auto] gap-6 pt-2 pb-4">
-  <div class="bg-surface-100 p-2 m-2 rounded shadow-lg border overflow-auto">
+<div class="grid grid-cols-[1fr_auto] gap-6 pt-2 pb-4">
+  <div class="bg-surface-100 p-2 m-2 rounded-sm shadow-lg border overflow-auto">
     <div class="prose px-4">
       {@html marked.parse(sanitize(changelog))}
     </div>
diff --git a/packages/svelte-ux/src/routes/customization/+layout.svelte b/packages/svelte-ux/src/routes/customization/+layout.svelte
index 3a1b1b189..d503f619a 100644
--- a/packages/svelte-ux/src/routes/customization/+layout.svelte
+++ b/packages/svelte-ux/src/routes/customization/+layout.svelte
@@ -2,8 +2,8 @@
   import { TableOfContents } from 'svelte-ux';
 </script>
 
-<div class="grid grid-cols-[1fr,auto] gap-6 pt-2 pb-4">
-  <div class="bg-surface-100 p-4 m-2 rounded shadow-lg border overflow-auto">
+<div class="grid grid-cols-[1fr_auto] gap-6 pt-2 pb-4">
+  <div class="bg-surface-100 p-4 m-2 rounded-sm shadow-lg border overflow-auto">
     <div class="prose max-w-none">
       <slot />
     </div>
diff --git a/packages/svelte-ux/src/routes/customization/+page.md b/packages/svelte-ux/src/routes/customization/+page.md
index d68858cba..f10a1e999 100644
--- a/packages/svelte-ux/src/routes/customization/+page.md
+++ b/packages/svelte-ux/src/routes/customization/+page.md
@@ -121,10 +121,10 @@ Semantic and state colors have a default color (ex. `bg-primary`), shades `50`-`
 
 <Preview>
   <div class="grid grid-cols-2 gap-2">
-    <div class="bg-primary text-primary-content px-2 rounded">primary example</div>
-    <div class="bg-secondary text-secondary-content px-2 rounded">secondary example</div>
-    <div class="bg-success text-success-content px-2 rounded">Success example</div>
-    <div class="bg-danger text-danger-content px-2 rounded">danger example</div>
+    <div class="bg-primary text-primary-content px-2 rounded-sm">primary example</div>
+    <div class="bg-secondary text-secondary-content px-2 rounded-sm">secondary example</div>
+    <div class="bg-success text-success-content px-2 rounded-sm">Success example</div>
+    <div class="bg-danger text-danger-content px-2 rounded-sm">danger example</div>
   </div>
 </Preview>
 
@@ -132,9 +132,9 @@ Surface colors are defined as `100` (lightest), `200` (medium), and `300` (darke
 
 <Preview>
   <div class="grid grid-cols-3 gap-2">
-    <div class="bg-surface-100 text-surface-content px-2 rounded">surface-100 example</div>
-    <div class="bg-surface-200 text-surface-content px-2 rounded">surface-200 example</div>
-    <div class="bg-surface-300 text-surface-content px-2 rounded">surface-300 example</div>
+    <div class="bg-surface-100 text-surface-content px-2 rounded-sm">surface-100 example</div>
+    <div class="bg-surface-200 text-surface-content px-2 rounded-sm">surface-200 example</div>
+    <div class="bg-surface-300 text-surface-content px-2 rounded-sm">surface-300 example</div>
   </div>
 </Preview>
 
@@ -147,8 +147,8 @@ Colors can be referenced using Tailwind classes such as `bg-primary`, `text-prim
 You can also reference the colors using `theme()`, which is helpful to set CSS variables.
 
 ```html
-<div class="[--text-color:theme(colors.primary)]" />
-<div class="[--text-color:theme(colors.primary/50%)]" />
+<div class="[--text-color:var(--color-primary)]" />
+<div class="[--text-color:var(--color-primary)]/50" />
 
 <style>
   div {
@@ -238,7 +238,7 @@ These are typically setup within your root `+layout.svelte`.
 To easily change the active theme, [ThemeSelect](/docs/components/ThemeSelect) and [ThemeSwitch](/docs/components/ThemeSwitch) are provided. `ThemeSwitch` can be used to simply toggle between `light` and `dark` themes, and `ThemeSelect` supports selecting a theme when additional light and/or dark themes are defined.
 
 <Preview>
-  <div class="grid grid-cols-[auto,1fr] gap-3 items-center justify-items-start">
+  <div class="grid grid-cols-[auto_1fr] gap-3 items-center justify-items-start">
     <div class="font-semibold text-sm">ThemeSwitch</div>
     <ThemeSwitch />
     <div class="font-semibold text-sm">ThemeSelect</div>
diff --git a/packages/svelte-ux/src/routes/docs/+layout.svelte b/packages/svelte-ux/src/routes/docs/+layout.svelte
index ef0d5b02f..781df4603 100644
--- a/packages/svelte-ux/src/routes/docs/+layout.svelte
+++ b/packages/svelte-ux/src/routes/docs/+layout.svelte
@@ -87,7 +87,7 @@
 </script>
 
 <div
-  class="[@media(min-height:900px)]:sticky top-[var(--headerHeight)] z-[60] bg-surface-200/90 backdrop-blur px-5 py-4 [mask-image:linear-gradient(to_bottom,rgba(0,0,0,1)calc(100%-4px),rgba(0,0,0,0))]"
+  class="[@media(min-height:900px)]:sticky top-[var(--headerHeight)] z-60 bg-surface-200/90 backdrop-blur-sm px-5 py-4 [mask-image:linear-gradient(to_bottom,rgba(0,0,0,1)calc(100%-4px),rgba(0,0,0,0))]"
 >
   {#if title}
     <div>
@@ -103,7 +103,7 @@
       {#if status}
         <span
           class={cls(
-            'text-sm  px-2 rounded',
+            'text-sm  px-2 rounded-sm',
             status === 'beta' && 'bg-yellow-500/20 text-yellow-800',
             status === 'deprecated' && 'bg-danger/20 text-danger-900'
           )}
@@ -180,7 +180,7 @@
     {/key}
   {/if}
 
-  <div class="grid xl:grid-cols-[1fr,auto] gap-6 pb-4">
+  <div class="grid xl:grid-cols-[1fr_auto] gap-6 pb-4">
     <div class="overflow-auto p-1">
       {#if type === 'components' && !hideUsage}
         {#key $page.route.id}
@@ -194,7 +194,7 @@
           <h1 id="features">Features</h1>
           <ul class="grid gap-2 pl-4 text-surface-content">
             {#each features as feature}
-              <li class="grid grid-cols-[auto,1fr] gap-2">
+              <li class="grid grid-cols-[auto_1fr] gap-2">
                 <Icon data={mdiCheckCircle} class="text-success pt-1" />
                 <span>{@html feature}</span>
               </li>
@@ -257,7 +257,7 @@
 
     {#if showTableOfContents && $xlScreen}
       <div
-        class="w-[224px] sticky top-[calc(var(--headerHeight)+10px)] pr-2 max-h-[calc(100dvh-64px)] overflow-auto z-[60]"
+        class="w-[224px] sticky top-[calc(var(--headerHeight)+10px)] pr-2 max-h-[calc(100dvh-64px)] overflow-auto z-60"
       >
         <div class="text-xs uppercase leading-8 tracking-widest text-surface-content/50">
           On this page
diff --git a/packages/svelte-ux/src/routes/docs/components/Breadcrumb/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Breadcrumb/+page.svelte
index b306a0351..ff71e5180 100644
--- a/packages/svelte-ux/src/routes/docs/components/Breadcrumb/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Breadcrumb/+page.svelte
@@ -102,7 +102,7 @@
 <h3>inherit</h3>
 
 <Preview>
-  <div class="bg-primary text-primary-content p-2 rounded">
+  <div class="bg-primary text-primary-content p-2 rounded-sm">
     <Breadcrumb {items} />
   </div>
 </Preview>
diff --git a/packages/svelte-ux/src/routes/docs/components/Button/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Button/+page.svelte
index 5d15babd7..e9dbdaaad 100644
--- a/packages/svelte-ux/src/routes/docs/components/Button/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Button/+page.svelte
@@ -101,7 +101,7 @@
   </div>
 </Preview>
 
-<div class="grid grid-cols-[1fr,auto] gap-2 items-end">
+<div class="grid grid-cols-[1fr_auto] gap-2 items-end">
   <h2>Variants, Color & Size</h2>
   <Field label="size: " labelPlacement="left" class="mb-1">
     <ToggleGroup bind:value={size} size="sm">
@@ -135,10 +135,10 @@
           </div>
           <div>
             <!-- TODO: CSS variables for each variant -->
-            <!-- <Button {variant} {size} class="[--bg-color:theme(colors.blue.500)] [--text-color:white]">
+            <!-- <Button {variant} {size} class="[--bg-color:var(--color-blue-500)] [--text-color:white]">
               Color Variables
             </Button>
-            <Button {variant} {size} class="[--bg-color:theme(colors.emerald.500)] [--text-color:white]">
+            <Button {variant} {size} class="[--bg-color:var(--color-emerald-500)] [--text-color:white]">
               Color Variables
             </Button> -->
           </div>
@@ -167,25 +167,25 @@
     <div>
       <Button variant="outline" color="primary">default</Button>
       <Button variant="outline" color="primary" rounded>rounded</Button>
-      <Button variant="outline" color="primary" rounded="full">full</Button>
+      <Button variant="outline" color="primary" rounded-sm="full">full</Button>
       <Button variant="outline" color="primary" rounded={false}>false</Button>
     </div>
     <div>
       <Button variant="fill" color="primary">default</Button>
       <Button variant="fill" color="primary" rounded>rounded</Button>
-      <Button variant="fill" color="primary" rounded="full">full</Button>
+      <Button variant="fill" color="primary" rounded-sm="full">full</Button>
       <Button variant="fill" color="primary" rounded={false}>false</Button>
     </div>
     <div>
       <Button variant="fill-light" color="primary">default</Button>
       <Button variant="fill-light" color="primary" rounded>rounded</Button>
-      <Button variant="fill-light" color="primary" rounded="full">full</Button>
+      <Button variant="fill-light" color="primary" rounded-sm="full">full</Button>
       <Button variant="fill-light" color="primary" rounded={false}>false</Button>
     </div>
     <div>
       <Button variant="fill-outline" color="primary">default</Button>
       <Button variant="fill-outline" color="primary" rounded>rounded</Button>
-      <Button variant="fill-outline" color="primary" rounded="full">full</Button>
+      <Button variant="fill-outline" color="primary" rounded-sm="full">full</Button>
       <Button variant="fill-outline" color="primary" rounded={false}>false</Button>
     </div>
   </div>
diff --git a/packages/svelte-ux/src/routes/docs/components/Dialog/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Dialog/+page.svelte
index 5959b40e8..889b7a30d 100644
--- a/packages/svelte-ux/src/routes/docs/components/Dialog/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Dialog/+page.svelte
@@ -221,7 +221,7 @@
       <div class="p-5">
         <div class="mb-4">
           The <span
-            class="font-mono bg-primary-700/20 text-primary-500 font-medium px-1 py-0.5 rounded"
+            class="font-mono bg-primary-700/20 text-primary-500 font-medium px-1 py-0.5 rounded-sm"
             >close</span
           > method is available on every slot.
         </div>
diff --git a/packages/svelte-ux/src/routes/docs/components/Drawer/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Drawer/+page.svelte
index 9c67a6581..ce7194d6d 100644
--- a/packages/svelte-ux/src/routes/docs/components/Drawer/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Drawer/+page.svelte
@@ -155,7 +155,7 @@
         class="w-[400px]"
       >
         <div class="p-4">
-          <div class="grid grid-cols-[1fr,auto] items-center">
+          <div class="grid grid-cols-[1fr_auto] items-center">
             Changed
             <Switch bind:checked={isChanged} />
           </div>
diff --git a/packages/svelte-ux/src/routes/docs/components/Field/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Field/+page.svelte
index 5ad2287a0..492684464 100644
--- a/packages/svelte-ux/src/routes/docs/components/Field/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Field/+page.svelte
@@ -130,7 +130,7 @@
     </div>
     <Preview>
       <Field label="Is Active">
-        <ToggleGroup variant="outline" inset rounded="full" size="sm" class="w-full">
+        <ToggleGroup variant="outline" inset rounded-sm="full" size="sm" class="w-full">
           <ToggleOption value="yes">Yes</ToggleOption>
           <ToggleOption value="no">No</ToggleOption>
           <ToggleOption value="all">All</ToggleOption>
@@ -144,7 +144,7 @@
     <div class="text-xs font-semibold text-surface-content/50 mb-1 ml-2">with icons</div>
     <Preview>
       <Field label="Is Active">
-        <ToggleGroup variant="outline" inset rounded="full">
+        <ToggleGroup variant="outline" inset rounded-sm="full">
           <ToggleOption value="yes">
             <Icon data={mdiAccount} />
           </ToggleOption>
@@ -172,7 +172,7 @@
 
 <Preview>
   <Field label="Date of Birth" let:id>
-    <input {id} type="date" class="text-sm w-full outline-none bg-surface-100" />
+    <input {id} type="date" class="text-sm w-full outline-hidden bg-surface-100" />
   </Field>
 </Preview>
 
@@ -186,7 +186,7 @@
       min={0}
       max={10}
       step={1}
-      class="w-full outline-none bg-surface-100"
+      class="w-full outline-hidden bg-surface-100"
     />
   </Field>
 </Preview>
@@ -203,7 +203,10 @@
 
 <Preview>
   <Field label="Position" let:id>
-    <select {id} class="text-sm w-full outline-none appearance-none cursor-pointer bg-surface-100">
+    <select
+      {id}
+      class="text-sm w-full outline-hidden appearance-none cursor-pointer bg-surface-100"
+    >
       <option value={1}>First</option>
       <option value={2}>Second</option>
       <option value={3}>Third</option>
diff --git a/packages/svelte-ux/src/routes/docs/components/Gooey/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Gooey/+page.svelte
index 5459b1e24..c789e652d 100644
--- a/packages/svelte-ux/src/routes/docs/components/Gooey/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Gooey/+page.svelte
@@ -67,7 +67,7 @@
   </Gooey>
 </Preview>
 
-<div class="grid grid-cols-[1fr,auto] gap-2 items-end">
+<div class="grid grid-cols-[1fr_auto] gap-2 items-end">
   <h2>Rounded text background</h2>
   <RangeField label="blur: " labelPlacement="left" bind:value={gooeyBlur} max={13} class="mb-1" />
 </div>
@@ -76,7 +76,7 @@
   <Gooey blur={gooeyBlur} alphaPixel={19} alphaShift={-9} composite="atop">
     <div
       contenteditable="true"
-      class="inline bg-surface-100 box-decoration-clone text-xl leading-7 px-2 py-1 outline-none"
+      class="inline bg-surface-100 box-decoration-clone text-xl leading-7 px-2 py-1 outline-hidden"
     >
       This is an example of a simple headline<br />or text with rounded corners<br />using a gooey
       SVG filter.<br />You can edit me!
@@ -92,12 +92,12 @@
   <a href="https://codepen.io/ines" target="_blank">Ines Montani</a>
 </Blockquote>
 
-<div class="grid grid-cols-[1fr,auto] gap-2 items-end">
+<div class="grid grid-cols-[1fr_auto] gap-2 items-end">
   <h2>Orbiting glowing dot</h2>
   <RangeField label="blur: " labelPlacement="left" bind:value={gooeyBlur} max={13} class="mb-1" />
 </div>
 
-<Preview class="bg-gradient-radial from-neutral-600 to-neutral-800">
+<Preview class="bg-radial from-neutral-600 to-neutral-800">
   <div class="grid grid-stack place-items-center" style:--orbit-radius="75px">
     <Gooey blur={gooeyBlur} alphaPixel={19} alphaShift={-9}>
       <div class="w-[300px] h-[300px] grid grid-stack place-items-center">
@@ -126,12 +126,12 @@
   <a href="https://codepen.io/hostsamurai" target="_blank">Lou</a>
 </Blockquote>
 
-<div class="grid grid-cols-[1fr,auto] gap-2 items-end">
+<div class="grid grid-cols-[1fr_auto] gap-2 items-end">
   <h2>Scanning glowing dot</h2>
   <RangeField label="blur: " labelPlacement="left" bind:value={gooeyBlur} max={13} class="mb-1" />
 </div>
 
-<Preview class="bg-gradient-radial from-neutral-600 to-neutral-800 text-center">
+<Preview class="bg-radial from-neutral-600 to-neutral-800 text-center">
   <div class="relative inline-block">
     <Gooey blur={gooeyBlur} alphaPixel={19} alphaShift={-9}>
       <div class="flex gap-8">
@@ -161,7 +161,7 @@
   <a href="https://codepen.io/hostsamurai" target="_blank">Lou</a>
 </Blockquote>
 
-<div class="grid grid-cols-[1fr,auto] gap-2 items-end">
+<div class="grid grid-cols-[1fr_auto] gap-2 items-end">
   <h2>Converging dots</h2>
   <RangeField label="blur: " labelPlacement="left" bind:value={gooeyBlur} max={10} class="mb-1" />
 </div>
@@ -181,7 +181,7 @@
   </Gooey>
 </Preview>
 
-<div class="grid grid-cols-[1fr,auto] gap-2 items-end">
+<div class="grid grid-cols-[1fr_auto] gap-2 items-end">
   <h2>Gooey mouse</h2>
   <RangeField label="blur: " labelPlacement="left" bind:value={gooeyBlur} max={10} class="mb-1" />
 </div>
diff --git a/packages/svelte-ux/src/routes/docs/components/GridTailwind/+page.svelte b/packages/svelte-ux/src/routes/docs/components/GridTailwind/+page.svelte
index 24dd678d9..f4dc99615 100644
--- a/packages/svelte-ux/src/routes/docs/components/GridTailwind/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/GridTailwind/+page.svelte
@@ -72,7 +72,7 @@
 <h2>Template</h2>
 
 <Preview>
-  <div class="grid grid-cols-[auto,1fr,auto] gap-2">
+  <div class="grid grid-cols-[auto_1fr_auto] gap-2">
     <div class="border">item</div>
     <div class="border">item</div>
     <div class="border">item</div>
diff --git a/packages/svelte-ux/src/routes/docs/components/Icon/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Icon/+page.svelte
index ca3053b3b..5ee3fb0a1 100644
--- a/packages/svelte-ux/src/routes/docs/components/Icon/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Icon/+page.svelte
@@ -27,7 +27,7 @@
 
 <h1>Examples</h1>
 
-<div class="grid grid-cols-[1fr,auto] items-center gap-2">
+<div class="grid grid-cols-[1fr_auto] items-center gap-2">
   <h2>Material Design icons</h2>
 
   <ButtonGroup variant="fill-light" color="primary" size="sm">
@@ -58,7 +58,7 @@
   </Icon>
 </Preview>
 
-<div class="grid grid-cols-[1fr,auto] items-center gap-2">
+<div class="grid grid-cols-[1fr_auto] items-center gap-2">
   <h2>Font Awesome icons</h2>
   <ButtonGroup variant="fill-light" color="primary" size="sm">
     <Button
@@ -76,7 +76,7 @@
   <Icon data={faUser} />
 </Preview>
 
-<div class="grid grid-cols-[1fr,auto] items-center gap-2">
+<div class="grid grid-cols-[1fr_auto] items-center gap-2">
   <h2>Material Symbols font</h2>
 
   <ButtonGroup variant="fill-light" color="primary" size="sm">
diff --git a/packages/svelte-ux/src/routes/docs/components/Input/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Input/+page.svelte
index e8c097fa4..9a0c5900a 100644
--- a/packages/svelte-ux/src/routes/docs/components/Input/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Input/+page.svelte
@@ -96,7 +96,7 @@
 <h2>bind:value</h2>
 
 <Preview>
-  <div class="grid grid-cols-[60px,auto]">
+  <div class="grid grid-cols-[60px_auto]">
     <span class="font-semibold">Input:</span>
     <Input bind:value />
 
diff --git a/packages/svelte-ux/src/routes/docs/components/ListItem/+page.svelte b/packages/svelte-ux/src/routes/docs/components/ListItem/+page.svelte
index 08a08ed0d..1a4667f53 100644
--- a/packages/svelte-ux/src/routes/docs/components/ListItem/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/ListItem/+page.svelte
@@ -102,7 +102,7 @@
 <h3>example 1</h3>
 
 <Preview>
-  <div class="rounded border">
+  <div class="rounded-sm border">
     {#each choices as choice}
       <ListItem
         title={choice.name}
@@ -129,14 +129,14 @@
 <Preview>
   <div class="grid gap-4">
     {#each choices as choice}
-      <div class="elevation-1 rounded">
+      <div class="elevation-1 rounded-sm">
         <ListItem
           title={choice.name}
           subheading={choice.description}
           on:click={() => (selectedId = choice.id)}
           class={cls(
             'px-8 py-4',
-            'cursor-pointer ring ring-inset ring-primary transition-shadow duration-100',
+            'cursor-pointer ring-3 ring-inset ring-primary transition-shadow duration-100',
             'hover:bg-primary/5',
             selectedId == choice.id ? 'ring-1 bg-primary/5' : 'ring-0'
           )}
diff --git a/packages/svelte-ux/src/routes/docs/components/Month/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Month/+page.svelte
index fe5c456ee..0ca2b8593 100644
--- a/packages/svelte-ux/src/routes/docs/components/Month/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Month/+page.svelte
@@ -154,7 +154,7 @@
 <h2>Selected state w/ multi-month</h2>
 
 <Preview>
-  <div class="grid grid-cols-[1fr,1fr] gap-10">
+  <div class="grid grid-cols-[1fr_1fr] gap-10">
     <div>
       <Month
         selected={selectedMultiMonth}
diff --git a/packages/svelte-ux/src/routes/docs/components/MultiSelectField/+page.svelte b/packages/svelte-ux/src/routes/docs/components/MultiSelectField/+page.svelte
index be0ca3cc3..8778bad0b 100644
--- a/packages/svelte-ux/src/routes/docs/components/MultiSelectField/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/MultiSelectField/+page.svelte
@@ -87,7 +87,7 @@
     <svelte:fragment slot="beforeOptions" let:selection>
       {#if selection.isMaxSelected()}
         <div
-          class="bg-danger/5 border-danger text-danger-600 border text-sm font-semibold p-2 rounded mb-1"
+          class="bg-danger/5 border-danger text-danger-600 border text-sm font-semibold p-2 rounded-sm mb-1"
           transition:slide
         >
           Maximum selection reached
diff --git a/packages/svelte-ux/src/routes/docs/components/Popover/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Popover/+page.svelte
index 669c206b5..dd6de02be 100644
--- a/packages/svelte-ux/src/routes/docs/components/Popover/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Popover/+page.svelte
@@ -14,7 +14,7 @@
 <Preview>
   <div class="inline-block">
     <Popover bind:open>
-      <div class="p-2 bg-surface-100 border shadow">Example contents</div>
+      <div class="p-2 bg-surface-100 border shadow-sm">Example contents</div>
     </Popover>
     <Button on:click={() => (open = !open)}>Click me</Button>
   </div>
@@ -29,7 +29,7 @@
         <div class="col-start-2 text-right">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="top-start">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Top Start</Button>
           </div>
@@ -39,7 +39,7 @@
         <div class="col-start-3 text-center">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="top">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Top</Button>
           </div>
@@ -49,7 +49,7 @@
         <div class="col-start-4 text-left">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="top-end">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Top End</Button>
           </div>
@@ -59,7 +59,7 @@
         <div class="col-start-1 text-right">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="left-start">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Left Start</Button>
           </div>
@@ -69,7 +69,7 @@
         <div class="col-start-5 text-left">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="right-start">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Right Start</Button>
           </div>
@@ -79,7 +79,7 @@
         <div class="col-start-1 text-right">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="left">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Left</Button>
           </div>
@@ -89,7 +89,7 @@
         <div class="col-start-5 text-left">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="right">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Right</Button>
           </div>
@@ -99,7 +99,7 @@
         <div class="col-start-1 text-right">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="left-end">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Left End</Button>
           </div>
@@ -109,7 +109,7 @@
         <div class="col-start-5 text-left">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="right-end">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Right End</Button>
           </div>
@@ -119,7 +119,7 @@
         <div class="col-start-2 text-right">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="bottom-start">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Bottom Start</Button>
           </div>
@@ -129,7 +129,7 @@
         <div class="col-start-3 text-center">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="bottom">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Bottom</Button>
           </div>
@@ -139,7 +139,7 @@
         <div class="col-start-4 text-left">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="bottom-start">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Bottom End</Button>
           </div>
diff --git a/packages/svelte-ux/src/routes/docs/components/Progress/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Progress/+page.svelte
index 8131f7623..846377b2f 100644
--- a/packages/svelte-ux/src/routes/docs/components/Progress/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Progress/+page.svelte
@@ -30,26 +30,26 @@
 <h2>Color</h2>
 
 <Preview>
-  <Progress value={0.5} class="[--color:theme(colors.success)]" />
-  <Progress value={0.7} class="[--color:theme(colors.warning)]" />
-  <Progress value={0.9} class="[--color:theme(colors.danger)]" />
+  <Progress value={0.5} class="[--color:var(--color-success)]" />
+  <Progress value={0.7} class="[--color:var(--color-warning)]" />
+  <Progress value={0.9} class="[--color:var(--color-danger)]" />
 </Preview>
 
 <h2>Track color</h2>
 
 <Preview>
-  <Progress value={0.5} class="[--track-color:theme(colors.primary/5%)]" />
+  <Progress value={0.5} class="[--track-color:var(--color-primary)]/5" />
   <Progress
     value={0.5}
-    class="[--color:theme(colors.success)] [--track-color:theme(colors.success/5%)]"
+    class="[--color:var(--color-success)] [--track-color:var(--color-success)]/5"
   />
   <Progress
     value={0.7}
-    class="[--color:theme(colors.warning)] [--track-color:theme(colors.warning/5%)]"
+    class="[--color:var(--color-warning)] [--track-color:var(--color-warning)]/5"
   />
   <Progress
     value={0.9}
-    class="[--color:theme(colors.danger)] [--track-color:theme(colors.danger/5%)]"
+    class="[--color:var(--color-danger)] [--track-color:var(--color-danger)]/5"
   />
 </Preview>
 
@@ -60,10 +60,10 @@
     bind:value
     class={cls(
       value > 90
-        ? '[--color:theme(colors.danger)]'
+        ? '[--color:var(--color-danger)]'
         : value > 50
-          ? '[--color:theme(colors.warning)]'
-          : '[--color:theme(colors.success)]'
+          ? '[--color:var(--color-warning)]'
+          : '[--color:var(--color-success)]'
     )}
     max={100}
   />
diff --git a/packages/svelte-ux/src/routes/docs/components/ProgressCircle/+page.svelte b/packages/svelte-ux/src/routes/docs/components/ProgressCircle/+page.svelte
index 2f66c2ce7..e57ecf49d 100644
--- a/packages/svelte-ux/src/routes/docs/components/ProgressCircle/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/ProgressCircle/+page.svelte
@@ -15,8 +15,8 @@
 
 <h2>Demo</h2>
 
-<div class="border rounded bg-surface-100">
-  <div class="grid grid-cols-[1fr,auto] items-center justify-items-center gap-4">
+<div class="border rounded-sm bg-surface-100">
+  <div class="grid grid-cols-[1fr_auto] items-center justify-items-center gap-4">
     <ProgressCircle value={indeterminate ? null : value} {size} {width} {rotate} {track}>
       {#if label}
         <span class="text-surface-content/50 text-xs">
@@ -176,10 +176,10 @@
 
 <Preview>
   <div class="flex gap-4">
-    <ProgressCircle class="text-blue-500 [--track-color:theme(colors.blue.500/10%)]" track />
-    <ProgressCircle class="text-danger [--track-color:theme(colors.danger/10%)]" track />
-    <ProgressCircle class="text-info [--track-color:theme(colors.info/10%)]" track />
-    <ProgressCircle class="text-success [--track-color:theme(colors.success/10%)]" track />
-    <ProgressCircle class="text-warning [--track-color:theme(colors.warning/10%)]" track />
+    <ProgressCircle class="text-blue-500 [--track-color:var(--color-blue-500)]/10" track />
+    <ProgressCircle class="text-danger [--track-color:var(--color-danger)]/10" track />
+    <ProgressCircle class="text-info [--track-color:var(--color-info)]/10" track />
+    <ProgressCircle class="text-success [--track-color:var(--color-success)]/10" track />
+    <ProgressCircle class="text-warning [--track-color:var(--color-warning)]/10" track />
   </div>
 </Preview>
diff --git a/packages/svelte-ux/src/routes/docs/components/ScrollingValue/+page.svelte b/packages/svelte-ux/src/routes/docs/components/ScrollingValue/+page.svelte
index 22234ec1c..b9a5a785e 100644
--- a/packages/svelte-ux/src/routes/docs/components/ScrollingValue/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/ScrollingValue/+page.svelte
@@ -65,7 +65,7 @@
 
 <h1>Examples</h1>
 
-<div class="grid grid-cols-[1fr,140px] items-center gap-6">
+<div class="grid grid-cols-[1fr_140px] items-center gap-6">
   <ButtonGroup variant="fill-light" class="grid grid-flow-col ml-2">
     <Button on:click={() => (value -= 100)}>-100</Button>
     <Button on:click={() => (value -= 10)}>-10</Button>
@@ -127,7 +127,7 @@
       }}
       classes={{
         value:
-          'font-bold text-transparent bg-clip-text bg-gradient-to-b from-success-200 via-cyan-400 to-blue-500',
+          'font-bold text-transparent bg-clip-text bg-linear-to-b from-success-200 via-cyan-400 to-blue-500',
       }}
     />
   </span>
@@ -220,7 +220,7 @@
 <Preview>
   {@const startOfMonth = addMonths(firstOfMonth, value)}
   <div class="grid w-96">
-    <div class="grid grid-cols-[auto,1fr,auto] items-center justify-items-center">
+    <div class="grid grid-cols-[auto_1fr_auto] items-center justify-items-center">
       <Button icon={mdiChevronLeft} class="p-2" on:click={() => (value -= 1)} />
       <div>{$format(startOfMonth, PeriodType.Month)}</div>
       <Button icon={mdiChevronRight} class="p-2" on:click={() => (value += 1)} />
diff --git a/packages/svelte-ux/src/routes/docs/components/SelectField/+page.svelte b/packages/svelte-ux/src/routes/docs/components/SelectField/+page.svelte
index f1284b771..575d3bae2 100644
--- a/packages/svelte-ux/src/routes/docs/components/SelectField/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/SelectField/+page.svelte
@@ -296,7 +296,7 @@
         )}
         scrollIntoView={index === highlightIndex}
       >
-        <div class="grid grid-cols-[1fr,auto] items-center w-full">
+        <div class="grid grid-cols-[1fr_auto] items-center w-full">
           <div>
             <div>{option.label}</div>
             <div class="text-sm text-surface-content/50">{option.value}</div>
@@ -305,7 +305,7 @@
             <Toggle let:on={open} let:toggle let:toggleOff>
               <Button
                 icon={mdiPencil}
-                class="p-1 text-xs text-surface-content/50 z-[9999]"
+                class="p-1 text-xs text-surface-content/50 z-9999"
                 on:click={toggle}
               />
               <Drawer {open} on:close={toggleOff} class="w-[400px]">
diff --git a/packages/svelte-ux/src/routes/docs/components/Shine/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Shine/+page.svelte
index d97bc0078..c90c69a11 100644
--- a/packages/svelte-ux/src/routes/docs/components/Shine/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Shine/+page.svelte
@@ -41,7 +41,7 @@
 
 <Preview class="bg-neutral-700">
   <Shine depth={3} lightColor="#FF0000">
-    <div class="text-[9rem] leading-[9rem] grayscale-[100] brightness-50">👻 💀 🧪</div>
+    <div class="text-[9rem] leading-[9rem] grayscale-100 brightness-50">👻 💀 🧪</div>
   </Shine>
 </Preview>
 
diff --git a/packages/svelte-ux/src/routes/docs/components/SpringValue/+page.svelte b/packages/svelte-ux/src/routes/docs/components/SpringValue/+page.svelte
index 00f714db8..5a27b8d9f 100644
--- a/packages/svelte-ux/src/routes/docs/components/SpringValue/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/SpringValue/+page.svelte
@@ -31,7 +31,7 @@
 
 <h1>Examples</h1>
 
-<div class="grid grid-cols-[1fr,auto,auto] gap-2">
+<div class="grid grid-cols-[1fr_auto_auto] gap-2">
   <ButtonGroup variant="fill-light" class="grid grid-flow-col ml-2">
     <Button on:click={() => increment(-100)}>-100</Button>
     <Button on:click={() => increment(-10)}>-10</Button>
diff --git a/packages/svelte-ux/src/routes/docs/components/StackTailwind/+page.svelte b/packages/svelte-ux/src/routes/docs/components/StackTailwind/+page.svelte
index 1d1357418..f9acaa2d0 100644
--- a/packages/svelte-ux/src/routes/docs/components/StackTailwind/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/StackTailwind/+page.svelte
@@ -71,7 +71,7 @@
 <h2>Template</h2>
 
 <Preview>
-  <div class="grid grid-flow-col grid-cols-[auto,1fr,auto] gap-2">
+  <div class="grid grid-flow-col grid-cols-[auto_1fr_auto] gap-2">
     <div class="border">item</div>
     <div class="border">item</div>
     <div class="border">item</div>
@@ -144,7 +144,7 @@
 <h2>Template</h2>
 
 <Preview>
-  <div class="grid grid-rows-[auto,1fr,auto] gap-2 h-64">
+  <div class="grid grid-rows-[auto_1fr_auto] gap-2 h-64">
     <div class="border">item</div>
     <div class="border">item</div>
     <div class="border">item</div>
diff --git a/packages/svelte-ux/src/routes/docs/components/Steps/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Steps/+page.svelte
index 527e472f2..ef2b95186 100644
--- a/packages/svelte-ux/src/routes/docs/components/Steps/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Steps/+page.svelte
@@ -131,12 +131,12 @@
 
 <Preview>
   <div class="inline-grid gap-2 justify-items-center">
-    <Steps data={stepsWithIcon} classes={{ item: { line: 'h-1 w-1/2 rounded' } }} />
+    <Steps data={stepsWithIcon} classes={{ item: { line: 'h-1 w-1/2 rounded-sm' } }} />
     <div>or</div>
     <Steps
       data={stepsWithIcon}
       classes={{
-        item: { label: 'z-[1]', point: 'outline outline-[20px] outline-surface-100', line: 'h-1' },
+        item: { label: 'z-1', point: 'outline outline-[20px] outline-surface-100', line: 'h-1' },
       }}
     />
   </div>
@@ -181,7 +181,7 @@
     classes={{
       item: {
         point: 'size-10',
-        completed: 'bg-gradient-to-br from-primary to-secondary text-primary-content',
+        completed: 'bg-linear-to-br from-primary to-secondary text-primary-content',
       },
     }}
   />
@@ -196,7 +196,7 @@
     classes={{
       item: {
         point: 'size-10',
-        completed: 'bg-gradient-to-br from-primary to-secondary text-primary-content',
+        completed: 'bg-linear-to-br from-primary to-secondary text-primary-content',
       },
     }}
   />
diff --git a/packages/svelte-ux/src/routes/docs/components/Switch/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Switch/+page.svelte
index ff3ec919f..3f10abab7 100644
--- a/packages/svelte-ux/src/routes/docs/components/Switch/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Switch/+page.svelte
@@ -85,7 +85,7 @@
 <h2>Color</h2>
 
 <Preview>
-  <div class="inline-grid grid-cols-[auto,auto] gap-2">
+  <div class="inline-grid grid-cols-[auto_auto] gap-2">
     <Switch color="primary" />
     <Switch checked color="primary" />
     <Switch color="secondary" />
diff --git a/packages/svelte-ux/src/routes/docs/components/Timeline/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Timeline/+page.svelte
index 2c6ba7138..b2b2d8403 100644
--- a/packages/svelte-ux/src/routes/docs/components/Timeline/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Timeline/+page.svelte
@@ -262,7 +262,7 @@
     vertical
     classes={{
       event: {
-        root: 'grid-cols-[40px,auto,1fr]',
+        root: 'grid-cols-[40px_auto_1fr]',
         start: 'text-sm font-semibold mr-1',
         end: 'border rounded-lg text-sm p-2 m-1',
         icon: 'size-5',
@@ -340,9 +340,9 @@
         classes={{
           root: cls(
             {
-              completed: '[--color-completed:theme(colors.success)]',
-              failed: '[--color-completed:theme(colors.danger)]',
-              'in-progress': '[--color-completed:theme(colors.info)]',
+              completed: '[--color-completed:var(--color-success)]',
+              failed: '[--color-completed:var(--color-danger)]',
+              'in-progress': '[--color-completed:var(--color-info)]',
             }[item.status]
           ),
           line: 'w-0.5',
diff --git a/packages/svelte-ux/src/routes/docs/components/ToggleGroup/+page.svelte b/packages/svelte-ux/src/routes/docs/components/ToggleGroup/+page.svelte
index 7a228a0cc..3abb677c6 100644
--- a/packages/svelte-ux/src/routes/docs/components/ToggleGroup/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/ToggleGroup/+page.svelte
@@ -18,7 +18,7 @@
 
   let variant: ComponentProps<ToggleGroup>['variant'] = 'default';
   let size: ComponentProps<ToggleGroup>['size'] = 'md';
-  let rounded: ComponentProps<ToggleGroup>['rounded'] = true;
+  let rounded: ComponentProps<ToggleGroup>['rounded-sm'] = true;
   let inset: ComponentProps<ToggleGroup>['inset'] = false;
   let gap: ComponentProps<ToggleGroup>['gap'] = false;
   let vertical: ComponentProps<ToggleGroup>['vertical'] = false;
@@ -46,7 +46,7 @@
 
         <svelte:fragment slot="panes">
           {#if showPanes}
-            <div class="mt-2 p-4 bg-surface-content/5 rounded border">
+            <div class="mt-2 p-4 bg-surface-content/5 rounded-sm border">
               <TogglePanel>All panel</TogglePanel>
               <TogglePanel>Missed panel</TogglePanel>
               <TogglePanel>Calls panel</TogglePanel>
@@ -75,9 +75,9 @@
     </Field>
 
     <Field label="Rounded" classes={{ container: 'h-full', input: 'flex gap-3 md:grid md:gap-1' }}>
-      <Radio name="rounded" value={false} bind:group={rounded}>false</Radio>
-      <Radio name="rounded" value={true} bind:group={rounded}>true</Radio>
-      <Radio name="rounded" value="full" bind:group={rounded}>full</Radio>
+      <Radio name="rounded-sm" value={false} bind:group={rounded}>false</Radio>
+      <Radio name="rounded-sm" value={true} bind:group={rounded}>true</Radio>
+      <Radio name="rounded-sm" value="full" bind:group={rounded}>full</Radio>
     </Field>
 
     <Field label="Gap" classes={{ container: 'h-full', input: 'flex gap-3 md:grid md:gap-1' }}>
diff --git a/packages/svelte-ux/src/routes/docs/components/Tooltip/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Tooltip/+page.svelte
index 86c7c9902..ba40d1680 100644
--- a/packages/svelte-ux/src/routes/docs/components/Tooltip/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Tooltip/+page.svelte
@@ -29,7 +29,7 @@
   <Tooltip>
     <div
       slot="title"
-      class="grid grid-cols-[auto,1fr] gap-x-4 gap-y-2 bg-surface-content text-surface-100 px-4 py-2 text-xs rounded shadow"
+      class="grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 bg-surface-content text-surface-100 px-4 py-2 text-xs rounded-sm shadow-sm"
     >
       <div class="col-span-2 justify-self-center text-sm font-semibold">Tue, March 30</div>
       <div class="text-surface-100/50 justify-self-end">Actual:</div>
diff --git a/packages/svelte-ux/src/routes/docs/components/TweenedValue/+page.svelte b/packages/svelte-ux/src/routes/docs/components/TweenedValue/+page.svelte
index 847cddf14..1601f6482 100644
--- a/packages/svelte-ux/src/routes/docs/components/TweenedValue/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/TweenedValue/+page.svelte
@@ -33,7 +33,7 @@
 
 <h1>Examples</h1>
 
-<div class="grid grid-cols-[1fr,auto,auto] gap-2">
+<div class="grid grid-cols-[1fr_auto_auto] gap-2">
   <ButtonGroup variant="fill-light" class="grid grid-flow-col ml-2">
     <Button on:click={() => increment(-100)}>-100</Button>
     <Button on:click={() => increment(-10)}>-10</Button>
diff --git a/packages/svelte-ux/src/routes/theme/+page.server.ts b/packages/svelte-ux/src/routes/theme/+page.server.ts
index 2f6e78cf6..cbf8345bc 100644
--- a/packages/svelte-ux/src/routes/theme/+page.server.ts
+++ b/packages/svelte-ux/src/routes/theme/+page.server.ts
@@ -1,11 +1,11 @@
-import { themes as daisyThemes } from '@layerstack/tailwind/daisy';
-import { themes as skeletonThemes } from '@layerstack/tailwind/skeleton';
+// import { themes as daisyThemes } from '@layerstack/tailwind/daisy';
+// import { themes as skeletonThemes } from '@layerstack/tailwind/skeleton';
 
-export async function load() {
-  return {
-    themes: {
-      daisy: daisyThemes,
-      skeleton: skeletonThemes,
-    },
-  };
-}
+// export async function load() {
+//   return {
+//     themes: {
+//       daisy: daisyThemes,
+//       skeleton: skeletonThemes,
+//     },
+//   };
+// }
diff --git a/packages/svelte-ux/src/routes/theme/+page.svelte b/packages/svelte-ux/src/routes/theme/+page.svelte
index f18a0fdec..d87e2acc9 100644
--- a/packages/svelte-ux/src/routes/theme/+page.svelte
+++ b/packages/svelte-ux/src/routes/theme/+page.svelte
@@ -1,4 +1,4 @@
-<script lang="ts">
+<!-- <script lang="ts">
   import { mdiChevronDown, mdiWeatherNight, mdiWhiteBalanceSunny } from '@mdi/js';
 
   import {
@@ -214,7 +214,7 @@
 </script>
 
 <main class="p-4 grid gap-5">
-  <div class="grid sm:grid-cols-[1fr,1fr,auto,auto,auto] gap-3">
+  <div class="grid sm:grid-cols-[1fr_1fr_auto_auto_auto] gap-3">
     <SelectField
       label="Light theme"
       options={lightThemes}
@@ -360,7 +360,7 @@
   </div>
 
   <div>
-    <div class="grid grid-cols-[1fr,auto] border-b pb-1 mb-2 font-semibold text-xl">
+    <div class="grid grid-cols-[1fr_auto] border-b pb-1 mb-2 font-semibold text-xl">
       Theme preview
 
       <Switch
@@ -380,7 +380,7 @@
     </div>
 
     <div
-      class="bg-surface-100 border rounded py-2 px-3"
+      class="bg-surface-100 border rounded-sm py-2 px-3"
       style:color={previewTheme?.['color-scheme'] === 'dark' ? 'white' : 'black'}
       use:styleProps={previewTheme ? processThemeColors(previewTheme, 'hsl') : {}}
     >
@@ -525,6 +525,8 @@
 </main>
 
 <style lang="postcss">
+  @reference "../app.css";
+
   .swatch {
     @apply rounded-lg overflow-hidden border;
   }
@@ -537,4 +539,4 @@
   .shade span {
     @apply bg-black/10 rounded px-2 text-white;
   }
-</style>
+</style> -->
diff --git a/packages/svelte-ux/src/routes/theme/ColorField.svelte b/packages/svelte-ux/src/routes/theme/ColorField.svelte
index 12aed6d8b..4e0934492 100644
--- a/packages/svelte-ux/src/routes/theme/ColorField.svelte
+++ b/packages/svelte-ux/src/routes/theme/ColorField.svelte
@@ -27,7 +27,7 @@
   {...$$restProps}
 >
   <div slot="prepend" class="grid grid-stack mr-3">
-    <div class="w-6 h-6 border rounded" style:background={value}></div>
+    <div class="w-6 h-6 border rounded-sm" style:background={value}></div>
     <input
       type="color"
       value={formatHex(value)}
@@ -36,7 +36,7 @@
         value = formatColor(e.target.value, colorSpace);
         dispatch('change', { value });
       }}
-      class="w-6 h-6 rounded opacity-0 cursor-pointer"
+      class="w-6 h-6 rounded-sm opacity-0 cursor-pointer"
     />
   </div>
 </TextField>
diff --git a/packages/svelte-ux/src/routes/theme/colors.ts b/packages/svelte-ux/src/routes/theme/colors.ts
index 13b90a976..85f18a552 100644
--- a/packages/svelte-ux/src/routes/theme/colors.ts
+++ b/packages/svelte-ux/src/routes/theme/colors.ts
@@ -1,4 +1,4 @@
-import { colorVariableValue, type SupportedColorSpace } from '@layerstack/tailwind';
+import { convertColor, type SupportedColorSpace } from '@layerstack/tailwind';
 import { formatHex } from 'culori';
 
 export function formatColor(value: string, colorSpace: SupportedColorSpace | 'hex') {
@@ -7,9 +7,9 @@ export function formatColor(value: string, colorSpace: SupportedColorSpace | 'he
       // Only format if not already formatted.  Fixes `#123` becoming `#112233`
       return value.startsWith('#') ? value : formatHex(value);
     } else {
-      const colorValue = colorVariableValue(value, colorSpace);
-      if (colorValue) {
-        return `${colorSpace}(${colorValue})`;
+      const color = convertColor(value, colorSpace);
+      if (color) {
+        return color;
       } else {
         // Return original if unable to convert (i.e invalid such as `rgb( 20 30)`)
         return value;
diff --git a/packages/svelte-ux/tailwind.config.cjs b/packages/svelte-ux/tailwind.config.cjs
deleted file mode 100644
index ec4e14234..000000000
--- a/packages/svelte-ux/tailwind.config.cjs
+++ /dev/null
@@ -1,72 +0,0 @@
-const plugin = require('tailwindcss/plugin');
-const colors = require('tailwindcss/colors');
-
-const layerstack = require('@layerstack/tailwind/plugin');
-
-module.exports = {
-  content: ['./src/**/*.{html,svelte,md,ts,js}'],
-  ux: {
-    themes: require('./themes.json'),
-    // themes: {
-    //   light: {
-    //     primary: colors['blue']['500'],
-    //     'primary-content': 'white',
-    //     secondary: colors['cyan']['300'],
-    //     'surface-100': 'white',
-    //     'surface-200': colors['gray']['100'],
-    //     'surface-300': colors['gray']['300'],
-    //     'surface-content': colors['gray']['900'],
-    //   },
-    // },
-  },
-  theme: {
-    extend: {
-      backgroundImage: {
-        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
-        'gradient-conic': 'conic-gradient(var(--tw-gradient-stops))',
-      },
-      typography: (theme) => ({
-        DEFAULT: {
-          css: {
-            // Reduce font size
-            h1: {
-              fontSize: theme('fontSize.2xl')[0],
-              fontWeight: theme('fontWeight.extrabold'),
-            },
-            h2: {
-              fontSize: theme('fontSize.xl')[0],
-              fontWeight: theme('fontWeight.bold'),
-              marginTop: theme('spacing.3'),
-            },
-            h3: {
-              fontSize: theme('fontSize.lg')[0],
-              fontWeight: theme('fontWeight.semibold'),
-            },
-          },
-        },
-      }),
-    },
-  },
-  plugins: [
-    layerstack({ colorSpace: 'hsl' }),
-    require('@tailwindcss/typography'),
-
-    plugin(function ({ addComponents }) {
-      // Consider moving to tailwind plugin
-      addComponents({
-        '.grid-cols-xs': {
-          '@apply grid-cols-[repeat(auto-fill,minmax(200px,1fr))]': {},
-        },
-        '.grid-cols-sm': {
-          '@apply grid-cols-1 sm:grid-cols-[repeat(auto-fill,minmax(300px,1fr))]': {},
-        },
-        '.grid-cols-md': {
-          '@apply grid-cols-1 sm:grid-cols-[repeat(auto-fill,minmax(400px,1fr))]': {},
-        },
-        '.grid-cols-lg': {
-          '@apply grid-cols-1 md:grid-cols-[repeat(auto-fill,minmax(600px,1fr))]': {},
-        },
-      });
-    }),
-  ],
-};
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 985425385..e1f13a125 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -30,20 +30,20 @@ importers:
         specifier: ^6.7.2
         version: 6.7.2
       '@layerstack/svelte-actions':
-        specifier: ^1.0.0
-        version: 1.0.0
+        specifier: ^1.0.1-next.0
+        version: 1.0.1-next.0
       '@layerstack/svelte-stores':
-        specifier: ^1.0.1
-        version: 1.0.1
+        specifier: ^1.0.2-next.0
+        version: 1.0.2-next.0
       '@layerstack/svelte-table':
-        specifier: ^1.0.0
-        version: 1.0.0
+        specifier: ^1.0.1-next.0
+        version: 1.0.1-next.0
       '@layerstack/tailwind':
-        specifier: ^1.0.0
-        version: 1.0.0
+        specifier: ^2.0.0-next.0
+        version: 2.0.0-next.0
       '@layerstack/utils':
-        specifier: ^1.0.0
-        version: 1.0.0
+        specifier: ^1.1.0-next.0
+        version: 1.1.0-next.0
       '@mdi/js':
         specifier: ^7.4.47
         version: 7.4.47
@@ -79,7 +79,7 @@ importers:
         version: 1.29.0
       sveld:
         specifier: ^0.22.1
-        version: 0.22.1(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.4.49)(yaml@2.7.0))(postcss@8.4.49)
+        version: 0.22.1(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)
       zod:
         specifier: ^3.24.2
         version: 3.24.2
@@ -92,19 +92,22 @@ importers:
         version: 6.7.2
       '@sveltejs/adapter-cloudflare':
         specifier: ^4.9.0
-        version: 4.9.0(@sveltejs/kit@2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(wrangler@3.110.0(@cloudflare/workers-types@4.20250224.0))
+        version: 4.9.0(@sveltejs/kit@2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(wrangler@3.110.0(@cloudflare/workers-types@4.20250224.0))
       '@sveltejs/kit':
         specifier: ^2.17.3
-        version: 2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
+        version: 2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       '@sveltejs/package':
         specifier: ^2.3.10
         version: 2.3.10(svelte@5.20.4)(typescript@5.7.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: 5.0.3
-        version: 5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
+        version: 5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+      '@tailwindcss/postcss':
+        specifier: ^4.0.12
+        version: 4.0.12
       '@tailwindcss/typography':
         specifier: ^0.5.16
-        version: 0.5.16(tailwindcss@3.4.17)
+        version: 0.5.16(tailwindcss@4.0.12)
       '@types/culori':
         specifier: ^2.1.1
         version: 2.1.1
@@ -122,13 +125,10 @@ importers:
         version: 1.26.5
       '@vitest/coverage-v8':
         specifier: ^3.0.7
-        version: 3.0.7(vitest@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
-      autoprefixer:
-        specifier: ^10.4.20
-        version: 10.4.20(postcss@8.4.49)
+        version: 3.0.7(vitest@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       daisyui:
         specifier: ^4.12.24
-        version: 4.12.24(postcss@8.4.49)
+        version: 4.12.24(postcss@8.5.3)
       marked:
         specifier: ^15.0.7
         version: 15.0.7
@@ -157,8 +157,8 @@ importers:
         specifier: ^0.7.34
         version: 0.7.34(svelte@5.20.4)(typescript@5.7.3)
       tailwindcss:
-        specifier: ^3.4.17
-        version: 3.4.17
+        specifier: ^4.0.12
+        version: 4.0.12
       tslib:
         specifier: ^2.8.1
         version: 2.8.1
@@ -170,10 +170,10 @@ importers:
         version: 5.0.0
       vite:
         specifier: ^6.2.0
-        version: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+        version: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
       vitest:
         specifier: ^3.0.7
-        version: 3.0.7(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+        version: 3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
 
 packages:
 
@@ -912,20 +912,20 @@ packages:
   '@jridgewell/trace-mapping@0.3.9':
     resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
 
-  '@layerstack/svelte-actions@1.0.0':
-    resolution: {integrity: sha512-cnVxMbcc+xYta9hwHnLja4a7bR7cfX/QW9jDY4ZCI8RIt+3lKNRE+u2XzWoGp4Qsx7A0/nGUIiLWpDBgO1ihsQ==}
+  '@layerstack/svelte-actions@1.0.1-next.0':
+    resolution: {integrity: sha512-5wbVZCvjDmHQACcYrUQbhT6FI9aCQX+zl6tidZbnYBCqd0TV2ORk7NebCc9G8uQCiLSGYLelfVLRuvQLsWzDzw==}
 
-  '@layerstack/svelte-stores@1.0.1':
-    resolution: {integrity: sha512-GVm0iMNJ8pI2q8WjofwejK+m6uF7PFUqgZZfkgDv2UmVh/HyW6ZpxA2wXzIxZley4NtUlrRw8cpyy2sJOEGVSA==}
+  '@layerstack/svelte-stores@1.0.2-next.0':
+    resolution: {integrity: sha512-YynMtI8AkReKw10ZzzG9jr7a9usKEHZR8SFvDDxV+D/bZS0iWE0/fxfRZN6FE44qcsEZ68gfEfEGKvEHjH/8aA==}
 
-  '@layerstack/svelte-table@1.0.0':
-    resolution: {integrity: sha512-Q3nZYYpuGF45gmiGmBQ6NiIY5ip6nTJZR4Xx16A2I9Wkr9qEWMj4wC/HIRmNTMLOIc82EkDnDoJs2GQscKEh8Q==}
+  '@layerstack/svelte-table@1.0.1-next.0':
+    resolution: {integrity: sha512-ykoibfHRfMz7LPXy8+xOvF8p793wvh7mcPwaS+QxphG3j5oGqMAkRNyP/UUubZnmPS/ye5T9Xp5IB1hBaWNrPw==}
 
-  '@layerstack/tailwind@1.0.0':
-    resolution: {integrity: sha512-xV2M6KRNBmbhV9XAvTHiw/BJSTIh5eby+Hj1iXXkMr88fObZHn4s1G2BILEDbdwjZl6Ivu1Du0gO9Vz3lzflUA==}
+  '@layerstack/tailwind@2.0.0-next.0':
+    resolution: {integrity: sha512-dZ51MzPf2mqd//16FB7+ZEC3lPGPsFrbYdCyUF95V5whBbMKqXAOApM9CFJ6MEtHqG/OoYUN/6cOoJxrl8Wopw==}
 
-  '@layerstack/utils@1.0.0':
-    resolution: {integrity: sha512-kIH8lo4MEzPGtdxQRacy8RsSVhMQwe62ckuev62xQDE5QcUJ4wB9EMaRWaQK8CfEOpUERGPgkMPMbMqPhdp0gw==}
+  '@layerstack/utils@1.1.0-next.0':
+    resolution: {integrity: sha512-xDUHUhI8CALTYvpTlJ9P0Eo8qKIoga9w1px6GFY7aSccKjLStOFjdCFCyLe0L/EUHDODpcP1o8Vl/HaBiHP6hg==}
 
   '@manypkg/find-root@1.1.0':
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
@@ -1110,6 +1110,82 @@ packages:
     resolution: {integrity: sha512-08eKiDAjj4zLug1taXSIJ0kGL5cawjVCyJkBb6EWSg5fEPX6L+Wtr0CH2If4j5KYylz85iaZiFlUItvgJvll5g==}
     engines: {node: ^14.13.1 || ^16.0.0 || >=18}
 
+  '@tailwindcss/node@4.0.12':
+    resolution: {integrity: sha512-a6J11K1Ztdln9OrGfoM75/hChYPcHYGNYimqciMrvKXRmmPaS8XZTHhdvb5a3glz4Kd4ZxE1MnuFE2c0fGGmtg==}
+
+  '@tailwindcss/oxide-android-arm64@4.0.12':
+    resolution: {integrity: sha512-dAXCaemu3mHLXcA5GwGlQynX8n7tTdvn5i1zAxRvZ5iC9fWLl5bGnjZnzrQqT7ttxCvRwdVf3IHUnMVdDBO/kQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.0.12':
+    resolution: {integrity: sha512-vPNI+TpJQ7sizselDXIJdYkx9Cu6JBdtmRWujw9pVIxW8uz3O2PjgGGzL/7A0sXI8XDjSyRChrUnEW9rQygmJQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.0.12':
+    resolution: {integrity: sha512-RL/9jM41Fdq4Efr35C5wgLx98BirnrfwuD+zgMFK6Ir68HeOSqBhW9jsEeC7Y/JcGyPd3MEoJVIU4fAb7YLg7A==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.0.12':
+    resolution: {integrity: sha512-7WzWiax+LguJcMEimY0Q4sBLlFXu1tYxVka3+G2M9KmU/3m84J3jAIV4KZWnockbHsbb2XgrEjtlJKVwHQCoRA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.12':
+    resolution: {integrity: sha512-X9LRC7jjE1QlfIaBbXjY0PGeQP87lz5mEfLSVs2J1yRc9PSg1tEPS9NBqY4BU9v5toZgJgzKeaNltORyTs22TQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.12':
+    resolution: {integrity: sha512-i24IFNq2402zfDdoWKypXz0ZNS2G4NKaA82tgBlE2OhHIE+4mg2JDb5wVfyP6R+MCm5grgXvurcIcKWvo44QiQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.12':
+    resolution: {integrity: sha512-LmOdshJBfAGIBG0DdBWhI0n5LTMurnGGJCHcsm9F//ISfsHtCnnYIKgYQui5oOz1SUCkqsMGfkAzWyNKZqbGNw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.12':
+    resolution: {integrity: sha512-OSK667qZRH30ep8RiHbZDQfqkXjnzKxdn0oRwWzgCO8CoTxV+MvIkd0BWdQbYtYuM1wrakARV/Hwp0eA/qzdbw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.0.12':
+    resolution: {integrity: sha512-uylhWq6OWQ8krV8Jk+v0H/3AZKJW6xYMgNMyNnUbbYXWi7hIVdxRKNUB5UvrlC3RxtgsK5EAV2i1CWTRsNcAnA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.12':
+    resolution: {integrity: sha512-XDLnhMoXZEEOir1LK43/gHHwK84V1GlV8+pAncUAIN2wloeD+nNciI9WRIY/BeFTqES22DhTIGoilSO39xDb2g==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.12':
+    resolution: {integrity: sha512-I/BbjCLpKDQucvtn6rFuYLst1nfFwSMYyPzkx/095RE+tuzk5+fwXuzQh7T3fIBTcbn82qH/sFka7yPGA50tLw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.0.12':
+    resolution: {integrity: sha512-DWb+myvJB9xJwelwT9GHaMc1qJj6MDXRDR0CS+T8IdkejAtu8ctJAgV4r1drQJLPeS7mNwq2UHW2GWrudTf63A==}
+    engines: {node: '>= 10'}
+
+  '@tailwindcss/postcss@4.0.12':
+    resolution: {integrity: sha512-r59Sdr8djCW4dL3kvc4aWU8PHdUAVM3O3te2nbYzXsWwKLlHPCuUoZAc9FafXb/YyNDZOMI7sTbKTKFmwOrMjw==}
+
   '@tailwindcss/typography@0.5.16':
     resolution: {integrity: sha512-0wDLwCVF5V3x3b1SGXPCDcdsbDHMBe+lkFzBRaHeLvNi+nrrnZ1lA18u+OTWO8iSWU2GxUOCvlXtDuqftc1oiA==}
     peerDependencies:
@@ -1235,16 +1311,6 @@ packages:
     resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
     engines: {node: '>=12'}
 
-  any-promise@1.3.0:
-    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
-
-  anymatch@3.1.3:
-    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
-    engines: {node: '>= 8'}
-
-  arg@5.0.2:
-    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
-
   argparse@1.0.10:
     resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
 
@@ -1263,13 +1329,6 @@ packages:
     resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
     engines: {node: '>=12'}
 
-  autoprefixer@10.4.20:
-    resolution: {integrity: sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==}
-    engines: {node: ^10 || ^12 || >=14}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.1.0
-
   axobject-query@4.1.0:
     resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
     engines: {node: '>= 0.4'}
@@ -1281,10 +1340,6 @@ packages:
     resolution: {integrity: sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==}
     engines: {node: '>=4'}
 
-  binary-extensions@2.3.0:
-    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
-    engines: {node: '>=8'}
-
   blake3-wasm@2.1.5:
     resolution: {integrity: sha512-F1+K8EbfOZE49dtoPtmxUQrpXaBIl3ICvasLh+nJta0xkz+9kF/7uet9fLnwKqhDrmj6g+6K3Tw9yQPUg2ka5g==}
 
@@ -1295,11 +1350,6 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
-  browserslist@4.23.3:
-    resolution: {integrity: sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-
   builtin-modules@3.3.0:
     resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
     engines: {node: '>=6'}
@@ -1312,9 +1362,6 @@ packages:
     resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
     engines: {node: '>= 6'}
 
-  caniuse-lite@1.0.30001651:
-    resolution: {integrity: sha512-9Cf+Xv1jJNe1xPZLGuUXLNkE1BoDkqRqYyFJ9TDYSqhduqA4hu4oR9HluGoWYQC/aj8WHjsGVV+bwkh0+tegRg==}
-
   chai@5.2.0:
     resolution: {integrity: sha512-mCuXncKXk5iCLhfhwTc0izo0gtEmpz5CtG2y8GiOINBlMVS6v8TMRc5TaLWKS6692m9+dVVfzgeVxR5UxWHTYw==}
     engines: {node: '>=12'}
@@ -1326,10 +1373,6 @@ packages:
     resolution: {integrity: sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==}
     engines: {node: '>= 16'}
 
-  chokidar@3.6.0:
-    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
-    engines: {node: '>= 8.10.0'}
-
   chokidar@4.0.3:
     resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
     engines: {node: '>= 14.16.0'}
@@ -1359,10 +1402,6 @@ packages:
     resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
     engines: {node: '>=12.5.0'}
 
-  commander@4.1.1:
-    resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
-    engines: {node: '>= 6'}
-
   comment-parser@1.4.1:
     resolution: {integrity: sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==}
     engines: {node: '>= 12.0.0'}
@@ -1484,16 +1523,10 @@ packages:
   devalue@5.1.1:
     resolution: {integrity: sha512-maua5KUiapvEwiEAe+XnlZ3Rh0GD+qI1J/nb9vrJc3muPXvcF/8gXYTWF76+5DAqHyDUtOIImEuo0YKE9mshVw==}
 
-  didyoumean@1.2.2:
-    resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
-
   dir-glob@3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
 
-  dlv@1.1.3:
-    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
-
   dotenv@16.4.5:
     resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
     engines: {node: '>=12'}
@@ -1501,15 +1534,16 @@ packages:
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
-  electron-to-chromium@1.5.5:
-    resolution: {integrity: sha512-QR7/A7ZkMS8tZuoftC/jfqNkZLQO779SSW3YuZHP4eXpj3EffGLFcB/Xu9AAZQzLccTiCV+EmUo3ha4mQ9wnlA==}
-
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
   emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
 
+  enhanced-resolve@5.18.1:
+    resolution: {integrity: sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==}
+    engines: {node: '>=10.13.0'}
+
   enquirer@2.4.1:
     resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
     engines: {node: '>=8.6'}
@@ -1532,10 +1566,6 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
-  escalade@3.1.2:
-    resolution: {integrity: sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==}
-    engines: {node: '>=6'}
-
   escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
@@ -1578,10 +1608,6 @@ packages:
     resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
     engines: {node: '>=4'}
 
-  fast-glob@3.3.2:
-    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
-    engines: {node: '>=8.6.0'}
-
   fast-glob@3.3.3:
     resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
     engines: {node: '>=8.6.0'}
@@ -1623,9 +1649,6 @@ packages:
     resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
     engines: {node: '>=14'}
 
-  fraction.js@4.3.7:
-    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
-
   fs-extra@7.0.1:
     resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
     engines: {node: '>=6 <7 || >=8'}
@@ -1652,10 +1675,6 @@ packages:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
 
-  glob-parent@6.0.2:
-    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
-    engines: {node: '>=10.13.0'}
-
   glob-to-regexp@0.4.1:
     resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
 
@@ -1717,18 +1736,10 @@ packages:
   is-arrayish@0.3.2:
     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
 
-  is-binary-path@2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
-
   is-builtin-module@3.2.1:
     resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
     engines: {node: '>=6'}
 
-  is-core-module@2.16.0:
-    resolution: {integrity: sha512-urTSINYfAYgcbLb0yDQ6egFm6h3Mo1DcF9EkyXSRjjzdHbsulg01qhwWuXdOoUBuTkbQ80KDboXa0vFJ+BDH+g==}
-    engines: {node: '>= 0.4'}
-
   is-core-module@2.16.1:
     resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
     engines: {node: '>= 0.4'}
@@ -1789,10 +1800,6 @@ packages:
     resolution: {integrity: sha512-cub8rahkh0Q/bw1+GxP7aeSe29hHHn2V4m29nnDlvCdlgU+3UGxkZp7Z53jLUdpX3jdTO0nJZUDl3xvbWc2Xog==}
     engines: {node: 20 || >=22}
 
-  jiti@1.21.7:
-    resolution: {integrity: sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==}
-    hasBin: true
-
   jiti@2.4.2:
     resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
     hasBin: true
@@ -1808,13 +1815,74 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
+  lightningcss-darwin-arm64@1.29.2:
+    resolution: {integrity: sha512-cK/eMabSViKn/PG8U/a7aCorpeKLMlK0bQeNHmdb7qUnBkNPnL+oV5DjJUo0kqWsJUapZsM4jCfYItbqBDvlcA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.29.2:
+    resolution: {integrity: sha512-j5qYxamyQw4kDXX5hnnCKMf3mLlHvG44f24Qyi2965/Ycz829MYqjrVg2H8BidybHBp9kom4D7DR5VqCKDXS0w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.29.2:
+    resolution: {integrity: sha512-wDk7M2tM78Ii8ek9YjnY8MjV5f5JN2qNVO+/0BAGZRvXKtQrBC4/cn4ssQIpKIPP44YXw6gFdpUF+Ps+RGsCwg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.29.2:
+    resolution: {integrity: sha512-IRUrOrAF2Z+KExdExe3Rz7NSTuuJ2HvCGlMKoquK5pjvo2JY4Rybr+NrKnq0U0hZnx5AnGsuFHjGnNT14w26sg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.29.2:
+    resolution: {integrity: sha512-KKCpOlmhdjvUTX/mBuaKemp0oeDIBBLFiU5Fnqxh1/DZ4JPZi4evEH7TKoSBFOSOV3J7iEmmBaw/8dpiUvRKlQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-arm64-musl@1.29.2:
+    resolution: {integrity: sha512-Q64eM1bPlOOUgxFmoPUefqzY1yV3ctFPE6d/Vt7WzLW4rKTv7MyYNky+FWxRpLkNASTnKQUaiMJ87zNODIrrKQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-x64-gnu@1.29.2:
+    resolution: {integrity: sha512-0v6idDCPG6epLXtBH/RPkHvYx74CVziHo6TMYga8O2EiQApnUPZsbR9nFNrg2cgBzk1AYqEd95TlrsL7nYABQg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-linux-x64-musl@1.29.2:
+    resolution: {integrity: sha512-rMpz2yawkgGT8RULc5S4WiZopVMOFWjiItBT7aSfDX4NQav6M44rhn5hjtkKzB+wMTRlLLqxkeYEtQ3dd9696w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-win32-arm64-msvc@1.29.2:
+    resolution: {integrity: sha512-nL7zRW6evGQqYVu/bKGK+zShyz8OVzsCotFgc7judbt6wnB2KbiKKJwBE4SGoDBQ1O94RjW4asrCjQL4i8Fhbw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.29.2:
+    resolution: {integrity: sha512-EdIUW3B2vLuHmv7urfzMI/h2fmlnOQBk1xlsDxkN1tCWKjNFjfLhGxYk8C8mzpSfr+A6jFFIi8fU6LbQGsRWjA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.29.2:
+    resolution: {integrity: sha512-6b6gd/RUXKaw5keVdSEtqFVdzWnU5jMxTUjA2bVcMNPLwSQ08Sv/UodBVtETLCn7k4S1Ibxwh7k68IwLZPgKaA==}
+    engines: {node: '>= 12.0.0'}
+
   lilconfig@3.1.3:
     resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
     engines: {node: '>=14'}
 
-  lines-and-columns@1.2.4:
-    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
-
   locate-character@3.0.0:
     resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
 
@@ -1928,9 +1996,6 @@ packages:
     resolution: {integrity: sha512-71ippSywq5Yb7/tVYyGbkBggbU8H3u5Rz56fH60jGFgr8uHwxs+aSKeqmluIVzM0m0kB7xQjKS6qPfd0b2ZoqQ==}
     hasBin: true
 
-  mz@2.7.0:
-    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
-
   nanoid@3.3.8:
     resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -1948,25 +2013,6 @@ packages:
       encoding:
         optional: true
 
-  node-releases@2.0.18:
-    resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
-
-  normalize-path@3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
-
-  normalize-range@0.1.2:
-    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
-    engines: {node: '>=0.10.0'}
-
-  object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
-
-  object-hash@3.0.0:
-    resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
-    engines: {node: '>= 6'}
-
   ohash@1.1.4:
     resolution: {integrity: sha512-FlDryZAahJmEF3VR3w1KogSEdWX3WhA5GPakFx4J81kEAiHyLMpdLLElS8n8dfNadMgAne/MywcvmogzscVt4g==}
 
@@ -2048,9 +2094,6 @@ packages:
   periscopic@3.1.0:
     resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
 
-  picocolors@1.0.1:
-    resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
-
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -2062,45 +2105,19 @@ packages:
     resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
     engines: {node: '>=12'}
 
-  pify@2.3.0:
-    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
-    engines: {node: '>=0.10.0'}
-
   pify@4.0.1:
     resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
     engines: {node: '>=6'}
 
-  pirates@4.0.6:
-    resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
-    engines: {node: '>= 6'}
-
   pkg-types@1.3.1:
     resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
 
-  postcss-import@15.1.0:
-    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      postcss: ^8.0.0
-
   postcss-js@4.0.1:
     resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
     engines: {node: ^12 || ^14 || >= 16}
     peerDependencies:
       postcss: ^8.4.21
 
-  postcss-load-config@4.0.2:
-    resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
-    engines: {node: '>= 14'}
-    peerDependencies:
-      postcss: '>=8.0.9'
-      ts-node: '>=9.0.0'
-    peerDependenciesMeta:
-      postcss:
-        optional: true
-      ts-node:
-        optional: true
-
   postcss-load-config@6.0.1:
     resolution: {integrity: sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==}
     engines: {node: '>= 18'}
@@ -2119,27 +2136,10 @@ packages:
       yaml:
         optional: true
 
-  postcss-nested@6.2.0:
-    resolution: {integrity: sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.2.14
-
   postcss-selector-parser@6.0.10:
     resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
     engines: {node: '>=4'}
 
-  postcss-selector-parser@6.1.2:
-    resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
-    engines: {node: '>=4'}
-
-  postcss-value-parser@4.2.0:
-    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
-
-  postcss@8.4.49:
-    resolution: {integrity: sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==}
-    engines: {node: ^10 || ^12 || >=14}
-
   postcss@8.5.3:
     resolution: {integrity: sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==}
     engines: {node: ^10 || ^12 || >=14}
@@ -2187,17 +2187,10 @@ packages:
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
-  read-cache@1.0.0:
-    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
-
   read-yaml-file@1.1.0:
     resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==}
     engines: {node: '>=6'}
 
-  readdirp@3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
-
   readdirp@4.1.1:
     resolution: {integrity: sha512-h80JrZu/MHUZCyHu5ciuoI0+WxsCxzxJTILn6Fs8rxSnFPh+UVHYfeIxK1nVGugMqkfC4vJcBOYbkfkwYK0+gw==}
     engines: {node: '>= 14.18.0'}
@@ -2225,10 +2218,6 @@ packages:
     engines: {node: '>= 0.4'}
     hasBin: true
 
-  resolve@1.22.9:
-    resolution: {integrity: sha512-QxrmX1DzraFIi9PxdG5VkRfRwIgjwyud+z/iBwfRRrVmHc+P9Q7u2lSSpQ6bjr2gy5lrqIiU9vb6iAeGf2400A==}
-    hasBin: true
-
   reusify@1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
@@ -2364,11 +2353,6 @@ packages:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
     engines: {node: '>=4'}
 
-  sucrase@3.35.0:
-    resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==}
-    engines: {node: '>=16 || 14 >=14.17'}
-    hasBin: true
-
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
@@ -2440,13 +2424,15 @@ packages:
     resolution: {integrity: sha512-2Mo/AfObaw9zuD0u1JJ7sOVzRCGcpETEyDkLbtkcctWpCMCIyT0iz83xD8JT29SR7O4SgswuPRIDYReYF/607A==}
     engines: {node: '>=18'}
 
-  tailwind-merge@2.6.0:
-    resolution: {integrity: sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==}
+  tailwind-merge@3.0.2:
+    resolution: {integrity: sha512-l7z+OYZ7mu3DTqrL88RiKrKIqO3NcpEO8V/Od04bNpvk0kiIFndGEoqfuzvj4yuhRkHKjRkII2z+KS2HfPcSxw==}
 
-  tailwindcss@3.4.17:
-    resolution: {integrity: sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
+  tailwindcss@4.0.12:
+    resolution: {integrity: sha512-bT0hJo91FtncsAMSsMzUkoo/iEU0Xs5xgFgVC9XmdM9bw5MhZuQFjPNl6wxAE0SiQF/YTZJa+PndGWYSDtuxAg==}
+
+  tapable@2.2.1:
+    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
+    engines: {node: '>=6'}
 
   term-size@2.2.1:
     resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==}
@@ -2456,13 +2442,6 @@ packages:
     resolution: {integrity: sha512-pFYqmTw68LXVjeWJMST4+borgQP2AyMNbg1BpZh9LbyhUeNkeaPF9gzfPGUAnSMV3qPYdWUwDIjjCLiSDOl7vg==}
     engines: {node: '>=18'}
 
-  thenify-all@1.6.0:
-    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
-    engines: {node: '>=0.8'}
-
-  thenify@3.3.1:
-    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
-
   tinybench@2.9.0:
     resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
 
@@ -2500,9 +2479,6 @@ packages:
   tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
 
-  ts-interface-checker@0.1.13:
-    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
-
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
@@ -2540,12 +2516,6 @@ packages:
     resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
     engines: {node: '>= 4.0.0'}
 
-  update-browserslist-db@1.1.0:
-    resolution: {integrity: sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
-
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
@@ -2691,11 +2661,6 @@ packages:
       utf-8-validate:
         optional: true
 
-  yaml@2.6.1:
-    resolution: {integrity: sha512-7r0XPzioN/Q9kXBro/XPnA6kznR73DHq+GXh5ON7ZozRO6aMjbmiBuKste2wslTFkC5d1dw0GooOCepZXJ2SAg==}
-    engines: {node: '>= 14'}
-    hasBin: true
-
   yaml@2.7.0:
     resolution: {integrity: sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==}
     engines: {node: '>= 14'}
@@ -3276,46 +3241,44 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.0
 
-  '@layerstack/svelte-actions@1.0.0':
+  '@layerstack/svelte-actions@1.0.1-next.0':
     dependencies:
       '@floating-ui/dom': 1.6.13
-      '@layerstack/utils': 1.0.0
+      '@layerstack/utils': 1.1.0-next.0
       d3-array: 3.2.4
       d3-scale: 4.0.2
       date-fns: 4.1.0
       lodash-es: 4.17.21
 
-  '@layerstack/svelte-stores@1.0.1':
+  '@layerstack/svelte-stores@1.0.2-next.0':
     dependencies:
-      '@layerstack/utils': 1.0.0
+      '@layerstack/utils': 1.1.0-next.0
       d3-array: 3.2.4
       date-fns: 4.1.0
       immer: 10.1.1
       lodash-es: 4.17.21
       zod: 3.24.2
 
-  '@layerstack/svelte-table@1.0.0':
+  '@layerstack/svelte-table@1.0.1-next.0':
     dependencies:
-      '@layerstack/svelte-actions': 1.0.0
-      '@layerstack/utils': 1.0.0
+      '@layerstack/svelte-actions': 1.0.1-next.0
+      '@layerstack/utils': 1.1.0-next.0
       d3-array: 3.2.4
       date-fns: 4.1.0
       lodash-es: 4.17.21
 
-  '@layerstack/tailwind@1.0.0':
+  '@layerstack/tailwind@2.0.0-next.0':
     dependencies:
-      '@layerstack/utils': 1.0.0
+      '@layerstack/utils': 1.1.0-next.0
       clsx: 2.1.1
       culori: 4.0.1
       d3-array: 3.2.4
       date-fns: 4.1.0
       lodash-es: 4.17.21
-      tailwind-merge: 2.6.0
-      tailwindcss: 3.4.17
-    transitivePeerDependencies:
-      - ts-node
+      tailwind-merge: 3.0.2
+      tailwindcss: 4.0.12
 
-  '@layerstack/utils@1.0.0':
+  '@layerstack/utils@1.1.0-next.0':
     dependencies:
       d3-array: 3.2.4
       date-fns: 4.1.0
@@ -3437,17 +3400,17 @@ snapshots:
 
   '@rrweb/types@2.0.0-alpha.18': {}
 
-  '@sveltejs/adapter-cloudflare@4.9.0(@sveltejs/kit@2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(wrangler@3.110.0(@cloudflare/workers-types@4.20250224.0))':
+  '@sveltejs/adapter-cloudflare@4.9.0(@sveltejs/kit@2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(wrangler@3.110.0(@cloudflare/workers-types@4.20250224.0))':
     dependencies:
       '@cloudflare/workers-types': 4.20250204.0
-      '@sveltejs/kit': 2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
+      '@sveltejs/kit': 2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       esbuild: 0.24.2
       worktop: 0.8.0-next.18
       wrangler: 3.110.0(@cloudflare/workers-types@4.20250224.0)
 
-  '@sveltejs/kit@2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))':
+  '@sveltejs/kit@2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.1.1
@@ -3460,7 +3423,7 @@ snapshots:
       set-cookie-parser: 2.7.1
       sirv: 3.0.1
       svelte: 5.20.4
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
 
   '@sveltejs/package@2.3.10(svelte@5.20.4)(typescript@5.7.3)':
     dependencies:
@@ -3473,25 +3436,25 @@ snapshots:
     transitivePeerDependencies:
       - typescript
 
-  '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))':
+  '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       debug: 4.4.0
       svelte: 5.20.4
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))':
+  '@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       debug: 4.4.0
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.17
       svelte: 5.20.4
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
-      vitefu: 1.0.4(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
+      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      vitefu: 1.0.4(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
     transitivePeerDependencies:
       - supports-color
 
@@ -3502,13 +3465,75 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
-  '@tailwindcss/typography@0.5.16(tailwindcss@3.4.17)':
+  '@tailwindcss/node@4.0.12':
+    dependencies:
+      enhanced-resolve: 5.18.1
+      jiti: 2.4.2
+      tailwindcss: 4.0.12
+
+  '@tailwindcss/oxide-android-arm64@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide@4.0.12':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.0.12
+      '@tailwindcss/oxide-darwin-arm64': 4.0.12
+      '@tailwindcss/oxide-darwin-x64': 4.0.12
+      '@tailwindcss/oxide-freebsd-x64': 4.0.12
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.12
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.0.12
+      '@tailwindcss/oxide-linux-arm64-musl': 4.0.12
+      '@tailwindcss/oxide-linux-x64-gnu': 4.0.12
+      '@tailwindcss/oxide-linux-x64-musl': 4.0.12
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.0.12
+      '@tailwindcss/oxide-win32-x64-msvc': 4.0.12
+
+  '@tailwindcss/postcss@4.0.12':
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      '@tailwindcss/node': 4.0.12
+      '@tailwindcss/oxide': 4.0.12
+      lightningcss: 1.29.2
+      postcss: 8.5.3
+      tailwindcss: 4.0.12
+
+  '@tailwindcss/typography@0.5.16(tailwindcss@4.0.12)':
     dependencies:
       lodash.castarray: 4.4.0
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       postcss-selector-parser: 6.0.10
-      tailwindcss: 3.4.17
+      tailwindcss: 4.0.12
 
   '@types/cookie@0.6.0': {}
 
@@ -3552,7 +3577,7 @@ snapshots:
 
   '@types/unist@3.0.2': {}
 
-  '@vitest/coverage-v8@3.0.7(vitest@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))':
+  '@vitest/coverage-v8@3.0.7(vitest@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@bcoe/v8-coverage': 1.0.2
@@ -3566,7 +3591,7 @@ snapshots:
       std-env: 3.8.0
       test-exclude: 7.0.1
       tinyrainbow: 2.0.0
-      vitest: 3.0.7(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+      vitest: 3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -3577,13 +3602,13 @@ snapshots:
       chai: 5.2.0
       tinyrainbow: 2.0.0
 
-  '@vitest/mocker@3.0.7(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))':
+  '@vitest/mocker@3.0.7(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
     dependencies:
       '@vitest/spy': 3.0.7
       estree-walker: 3.0.3
       magic-string: 0.30.17
     optionalDependencies:
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
 
   '@vitest/pretty-format@3.0.7':
     dependencies:
@@ -3630,15 +3655,6 @@ snapshots:
 
   ansi-styles@6.2.1: {}
 
-  any-promise@1.3.0: {}
-
-  anymatch@3.1.3:
-    dependencies:
-      normalize-path: 3.0.0
-      picomatch: 2.3.1
-
-  arg@5.0.2: {}
-
   argparse@1.0.10:
     dependencies:
       sprintf-js: 1.0.3
@@ -3653,16 +3669,6 @@ snapshots:
 
   assertion-error@2.0.1: {}
 
-  autoprefixer@10.4.20(postcss@8.4.49):
-    dependencies:
-      browserslist: 4.23.3
-      caniuse-lite: 1.0.30001651
-      fraction.js: 4.3.7
-      normalize-range: 0.1.2
-      picocolors: 1.0.1
-      postcss: 8.4.49
-      postcss-value-parser: 4.2.0
-
   axobject-query@4.1.0: {}
 
   balanced-match@1.0.2: {}
@@ -3671,8 +3677,6 @@ snapshots:
     dependencies:
       is-windows: 1.0.2
 
-  binary-extensions@2.3.0: {}
-
   blake3-wasm@2.1.5: {}
 
   brace-expansion@2.0.1:
@@ -3683,21 +3687,12 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
-  browserslist@4.23.3:
-    dependencies:
-      caniuse-lite: 1.0.30001651
-      electron-to-chromium: 1.5.5
-      node-releases: 2.0.18
-      update-browserslist-db: 1.1.0(browserslist@4.23.3)
-
   builtin-modules@3.3.0: {}
 
   cac@6.7.14: {}
 
   camelcase-css@2.0.1: {}
 
-  caniuse-lite@1.0.30001651: {}
-
   chai@5.2.0:
     dependencies:
       assertion-error: 2.0.1
@@ -3710,18 +3705,6 @@ snapshots:
 
   check-error@2.1.1: {}
 
-  chokidar@3.6.0:
-    dependencies:
-      anymatch: 3.1.3
-      braces: 3.0.3
-      glob-parent: 5.1.2
-      is-binary-path: 2.1.0
-      is-glob: 4.0.3
-      normalize-path: 3.0.0
-      readdirp: 3.6.0
-    optionalDependencies:
-      fsevents: 2.3.3
-
   chokidar@4.0.3:
     dependencies:
       readdirp: 4.1.1
@@ -3756,8 +3739,6 @@ snapshots:
       color-string: 1.9.1
     optional: true
 
-  commander@4.1.1: {}
-
   comment-parser@1.4.1: {}
 
   confbox@0.1.8: {}
@@ -3824,12 +3805,12 @@ snapshots:
     dependencies:
       d3-array: 3.2.4
 
-  daisyui@4.12.24(postcss@8.4.49):
+  daisyui@4.12.24(postcss@8.5.3):
     dependencies:
       css-selector-tokenizer: 0.8.0
       culori: 3.3.0
       picocolors: 1.1.1
-      postcss-js: 4.0.1(postcss@8.4.49)
+      postcss-js: 4.0.1(postcss@8.5.3)
     transitivePeerDependencies:
       - postcss
 
@@ -3853,29 +3834,27 @@ snapshots:
 
   detect-indent@6.1.0: {}
 
-  detect-libc@2.0.3:
-    optional: true
+  detect-libc@2.0.3: {}
 
   devalue@5.1.1: {}
 
-  didyoumean@1.2.2: {}
-
   dir-glob@3.0.1:
     dependencies:
       path-type: 4.0.0
 
-  dlv@1.1.3: {}
-
   dotenv@16.4.5: {}
 
   eastasianwidth@0.2.0: {}
 
-  electron-to-chromium@1.5.5: {}
-
   emoji-regex@8.0.0: {}
 
   emoji-regex@9.2.2: {}
 
+  enhanced-resolve@5.18.1:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.2.1
+
   enquirer@2.4.1:
     dependencies:
       ansi-colors: 4.1.3
@@ -3964,8 +3943,6 @@ snapshots:
       '@esbuild/win32-ia32': 0.25.0
       '@esbuild/win32-x64': 0.25.0
 
-  escalade@3.1.2: {}
-
   escape-string-regexp@4.0.0: {}
 
   esm-env@1.2.2: {}
@@ -3998,14 +3975,6 @@ snapshots:
       iconv-lite: 0.4.24
       tmp: 0.0.33
 
-  fast-glob@3.3.2:
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
-      glob-parent: 5.1.2
-      merge2: 1.4.1
-      micromatch: 4.0.8
-
   fast-glob@3.3.3:
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -4044,8 +4013,6 @@ snapshots:
       cross-spawn: 7.0.3
       signal-exit: 4.1.0
 
-  fraction.js@4.3.7: {}
-
   fs-extra@7.0.1:
     dependencies:
       graceful-fs: 4.2.11
@@ -4074,10 +4041,6 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
-  glob-parent@6.0.2:
-    dependencies:
-      is-glob: 4.0.3
-
   glob-to-regexp@0.4.1: {}
 
   glob@10.4.5:
@@ -4142,18 +4105,10 @@ snapshots:
   is-arrayish@0.3.2:
     optional: true
 
-  is-binary-path@2.1.0:
-    dependencies:
-      binary-extensions: 2.3.0
-
   is-builtin-module@3.2.1:
     dependencies:
       builtin-modules: 3.3.0
 
-  is-core-module@2.16.0:
-    dependencies:
-      hasown: 2.0.2
-
   is-core-module@2.16.1:
     dependencies:
       hasown: 2.0.2
@@ -4215,10 +4170,7 @@ snapshots:
     optionalDependencies:
       '@pkgjs/parseargs': 0.11.0
 
-  jiti@1.21.7: {}
-
-  jiti@2.4.2:
-    optional: true
+  jiti@2.4.2: {}
 
   js-yaml@3.14.1:
     dependencies:
@@ -4231,9 +4183,53 @@ snapshots:
 
   kleur@4.1.5: {}
 
-  lilconfig@3.1.3: {}
+  lightningcss-darwin-arm64@1.29.2:
+    optional: true
 
-  lines-and-columns@1.2.4: {}
+  lightningcss-darwin-x64@1.29.2:
+    optional: true
+
+  lightningcss-freebsd-x64@1.29.2:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.29.2:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.29.2:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.29.2:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.29.2:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.29.2:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.29.2:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.29.2:
+    optional: true
+
+  lightningcss@1.29.2:
+    dependencies:
+      detect-libc: 2.0.3
+    optionalDependencies:
+      lightningcss-darwin-arm64: 1.29.2
+      lightningcss-darwin-x64: 1.29.2
+      lightningcss-freebsd-x64: 1.29.2
+      lightningcss-linux-arm-gnueabihf: 1.29.2
+      lightningcss-linux-arm64-gnu: 1.29.2
+      lightningcss-linux-arm64-musl: 1.29.2
+      lightningcss-linux-x64-gnu: 1.29.2
+      lightningcss-linux-x64-musl: 1.29.2
+      lightningcss-win32-arm64-msvc: 1.29.2
+      lightningcss-win32-x64-msvc: 1.29.2
+
+  lilconfig@3.1.3:
+    optional: true
 
   locate-character@3.0.0: {}
 
@@ -4344,12 +4340,6 @@ snapshots:
 
   mustache@4.2.0: {}
 
-  mz@2.7.0:
-    dependencies:
-      any-promise: 1.3.0
-      object-assign: 4.1.1
-      thenify-all: 1.6.0
-
   nanoid@3.3.8: {}
 
   no-case@3.0.4:
@@ -4361,16 +4351,6 @@ snapshots:
     dependencies:
       whatwg-url: 5.0.0
 
-  node-releases@2.0.18: {}
-
-  normalize-path@3.0.0: {}
-
-  normalize-range@0.1.2: {}
-
-  object-assign@4.1.1: {}
-
-  object-hash@3.0.0: {}
-
   ohash@1.1.4: {}
 
   os-tmpdir@1.0.2: {}
@@ -4436,77 +4416,39 @@ snapshots:
       estree-walker: 3.0.3
       is-reference: 3.0.3
 
-  picocolors@1.0.1: {}
-
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
 
   picomatch@4.0.2: {}
 
-  pify@2.3.0: {}
-
   pify@4.0.1: {}
 
-  pirates@4.0.6: {}
-
   pkg-types@1.3.1:
     dependencies:
       confbox: 0.1.8
       mlly: 1.7.4
       pathe: 2.0.3
 
-  postcss-import@15.1.0(postcss@8.4.49):
-    dependencies:
-      postcss: 8.4.49
-      postcss-value-parser: 4.2.0
-      read-cache: 1.0.0
-      resolve: 1.22.9
-
-  postcss-js@4.0.1(postcss@8.4.49):
+  postcss-js@4.0.1(postcss@8.5.3):
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.4.49
-
-  postcss-load-config@4.0.2(postcss@8.4.49):
-    dependencies:
-      lilconfig: 3.1.3
-      yaml: 2.6.1
-    optionalDependencies:
-      postcss: 8.4.49
+      postcss: 8.5.3
 
-  postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.4.49)(yaml@2.7.0):
+  postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0):
     dependencies:
       lilconfig: 3.1.3
     optionalDependencies:
       jiti: 2.4.2
-      postcss: 8.4.49
+      postcss: 8.5.3
       yaml: 2.7.0
     optional: true
 
-  postcss-nested@6.2.0(postcss@8.4.49):
-    dependencies:
-      postcss: 8.4.49
-      postcss-selector-parser: 6.1.2
-
   postcss-selector-parser@6.0.10:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss-selector-parser@6.1.2:
-    dependencies:
-      cssesc: 3.0.0
-      util-deprecate: 1.0.2
-
-  postcss-value-parser@4.2.0: {}
-
-  postcss@8.4.49:
-    dependencies:
-      nanoid: 3.3.8
-      picocolors: 1.1.1
-      source-map-js: 1.2.1
-
   postcss@8.5.3:
     dependencies:
       nanoid: 3.3.8
@@ -4544,10 +4486,6 @@ snapshots:
 
   queue-microtask@1.2.3: {}
 
-  read-cache@1.0.0:
-    dependencies:
-      pify: 2.3.0
-
   read-yaml-file@1.1.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -4555,10 +4493,6 @@ snapshots:
       pify: 4.0.1
       strip-bom: 3.0.0
 
-  readdirp@3.6.0:
-    dependencies:
-      picomatch: 2.3.1
-
   readdirp@4.1.1: {}
 
   regenerator-runtime@0.14.1: {}
@@ -4583,12 +4517,6 @@ snapshots:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
-  resolve@1.22.9:
-    dependencies:
-      is-core-module: 2.16.0
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-
   reusify@1.0.4: {}
 
   rimraf@6.0.1:
@@ -4756,23 +4684,13 @@ snapshots:
 
   strip-bom@3.0.0: {}
 
-  sucrase@3.35.0:
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.8
-      commander: 4.1.1
-      glob: 10.4.5
-      lines-and-columns: 1.2.4
-      mz: 2.7.0
-      pirates: 4.0.6
-      ts-interface-checker: 0.1.13
-
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  sveld@0.22.1(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.4.49)(yaml@2.7.0))(postcss@8.4.49):
+  sveld@0.22.1(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3):
     dependencies:
       '@rollup/plugin-node-resolve': 13.3.0(rollup@2.79.2)
       acorn: 8.14.0
@@ -4781,7 +4699,7 @@ snapshots:
       rollup: 2.79.2
       rollup-plugin-svelte: 7.2.2(rollup@2.79.2)(svelte@4.2.19)
       svelte: 4.2.19
-      svelte-preprocess: 6.0.3(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.4.49)(yaml@2.7.0))(postcss@8.4.49)(svelte@4.2.19)(typescript@5.7.3)
+      svelte-preprocess: 6.0.3(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)(svelte@4.2.19)(typescript@5.7.3)
       tinyglobby: 0.2.12
       typescript: 5.7.3
     transitivePeerDependencies:
@@ -4807,12 +4725,12 @@ snapshots:
     transitivePeerDependencies:
       - picomatch
 
-  svelte-preprocess@6.0.3(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.4.49)(yaml@2.7.0))(postcss@8.4.49)(svelte@4.2.19)(typescript@5.7.3):
+  svelte-preprocess@6.0.3(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)(svelte@4.2.19)(typescript@5.7.3):
     dependencies:
       svelte: 4.2.19
     optionalDependencies:
-      postcss: 8.4.49
-      postcss-load-config: 6.0.1(jiti@2.4.2)(postcss@8.4.49)(yaml@2.7.0)
+      postcss: 8.5.3
+      postcss-load-config: 6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0)
       typescript: 5.7.3
 
   svelte2tsx@0.7.34(svelte@5.20.4)(typescript@5.7.3):
@@ -4856,34 +4774,11 @@ snapshots:
       magic-string: 0.30.17
       zimmerframe: 1.1.2
 
-  tailwind-merge@2.6.0: {}
+  tailwind-merge@3.0.2: {}
 
-  tailwindcss@3.4.17:
-    dependencies:
-      '@alloc/quick-lru': 5.2.0
-      arg: 5.0.2
-      chokidar: 3.6.0
-      didyoumean: 1.2.2
-      dlv: 1.1.3
-      fast-glob: 3.3.2
-      glob-parent: 6.0.2
-      is-glob: 4.0.3
-      jiti: 1.21.7
-      lilconfig: 3.1.3
-      micromatch: 4.0.8
-      normalize-path: 3.0.0
-      object-hash: 3.0.0
-      picocolors: 1.1.1
-      postcss: 8.4.49
-      postcss-import: 15.1.0(postcss@8.4.49)
-      postcss-js: 4.0.1(postcss@8.4.49)
-      postcss-load-config: 4.0.2(postcss@8.4.49)
-      postcss-nested: 6.2.0(postcss@8.4.49)
-      postcss-selector-parser: 6.1.2
-      resolve: 1.22.9
-      sucrase: 3.35.0
-    transitivePeerDependencies:
-      - ts-node
+  tailwindcss@4.0.12: {}
+
+  tapable@2.2.1: {}
 
   term-size@2.2.1: {}
 
@@ -4893,14 +4788,6 @@ snapshots:
       glob: 10.4.5
       minimatch: 9.0.5
 
-  thenify-all@1.6.0:
-    dependencies:
-      thenify: 3.3.1
-
-  thenify@3.3.1:
-    dependencies:
-      any-promise: 1.3.0
-
   tinybench@2.9.0: {}
 
   tinyexec@0.3.2: {}
@@ -4928,8 +4815,6 @@ snapshots:
 
   tr46@0.0.3: {}
 
-  ts-interface-checker@0.1.13: {}
-
   tslib@2.8.1: {}
 
   typescript@5.7.3: {}
@@ -4971,12 +4856,6 @@ snapshots:
 
   universalify@0.1.2: {}
 
-  update-browserslist-db@1.1.0(browserslist@4.23.3):
-    dependencies:
-      browserslist: 4.23.3
-      escalade: 3.1.2
-      picocolors: 1.1.1
-
   util-deprecate@1.0.2: {}
 
   vfile-message@2.0.4:
@@ -4984,13 +4863,13 @@ snapshots:
       '@types/unist': 2.0.11
       unist-util-stringify-position: 2.0.3
 
-  vite-node@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0):
+  vite-node@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0):
     dependencies:
       cac: 6.7.14
       debug: 4.4.0
       es-module-lexer: 1.6.0
       pathe: 2.0.3
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -5005,7 +4884,7 @@ snapshots:
       - tsx
       - yaml
 
-  vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0):
+  vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0):
     dependencies:
       esbuild: 0.25.0
       postcss: 8.5.3
@@ -5014,16 +4893,17 @@ snapshots:
       '@types/node': 22.13.5
       fsevents: 2.3.3
       jiti: 2.4.2
+      lightningcss: 1.29.2
       yaml: 2.7.0
 
-  vitefu@1.0.4(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)):
+  vitefu@1.0.4(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)):
     optionalDependencies:
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
 
-  vitest@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0):
+  vitest@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0):
     dependencies:
       '@vitest/expect': 3.0.7
-      '@vitest/mocker': 3.0.7(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
+      '@vitest/mocker': 3.0.7(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       '@vitest/pretty-format': 3.0.7
       '@vitest/runner': 3.0.7
       '@vitest/snapshot': 3.0.7
@@ -5039,8 +4919,8 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.0.2
       tinyrainbow: 2.0.0
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
-      vite-node: 3.0.7(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      vite-node: 3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/node': 22.13.5
@@ -5122,8 +5002,6 @@ snapshots:
 
   ws@8.18.0: {}
 
-  yaml@2.6.1: {}
-
   yaml@2.7.0:
     optional: true
 

From f18da8b4c3c9d48490a64ea1504c86d0d7e59e55 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Mon, 10 Mar 2025 22:26:45 -0400
Subject: [PATCH 04/53] Version Packages (next) (#572)

* Version Packages (next)

* Update CHANGELOG.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Sean Lynch <techniq35@gmail.com>
---
 .changeset/pre.json             |  5 ++++-
 packages/svelte-ux/CHANGELOG.md | 10 ++++++++++
 packages/svelte-ux/package.json |  2 +-
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 29501f68c..202b26657 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -4,5 +4,8 @@
   "initialVersions": {
     "svelte-ux": "1.0.0"
   },
-  "changesets": []
+  "changesets": [
+    "easy-adults-march",
+    "ready-planets-deny"
+  ]
 }
diff --git a/packages/svelte-ux/CHANGELOG.md b/packages/svelte-ux/CHANGELOG.md
index 772ada2e5..be261e0d1 100644
--- a/packages/svelte-ux/CHANGELOG.md
+++ b/packages/svelte-ux/CHANGELOG.md
@@ -1,5 +1,15 @@
 # svelte-ux
 
+## 2.0.0-next.0
+
+### Major Changes
+
+- Tailwind 4 support ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
+### Patch Changes
+
+- fix(Progress): Fix `TypeError: Failed to set the 'value' property on 'HTMLProgressElement': The provided double value is non-finite.` ([`6c2efa2`](https://github.com/techniq/svelte-ux/commit/6c2efa2d6d5b1a7ccf2b99c1826bc1232c51d2cc))
+
 ## 1.0.2
 
 ### Patch Changes
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index 7a8fdda15..b2fe2d1e2 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/svelte-ux",
-  "version": "1.0.2",
+  "version": "2.0.0-next.0",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",

From 619d14db64364f3fe2ff19546fcd923ddca48854 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Mon, 3 Mar 2025 09:01:44 -0500
Subject: [PATCH 05/53] Update README

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 47bf0d837..af61f879a 100644
--- a/README.md
+++ b/README.md
@@ -17,7 +17,7 @@ The projects aims to simplify building highly interactive and visual application
 
 The components are built using Tailwind with extensibility and customization in mind through the use of theming, variants, granular class overrides, and slots. A rich design token system is also currently in the works.
 
-See also the companion library [LayerChart](https://layerchart.com) for a large collection of composable chart components to build a wide range of visualizations.
+See also the companion library [LayerChart](https://layerchart.com) for a large collection of composable chart components to build a wide range of visualizations and [LayerStack](https://layerstack.dev) for a collection of svelte stores, actions, and general utilities.
 
 ## Contributing
 

From b64d09a37d27178d36693fd8fa61137ff461ee7c Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Mon, 10 Mar 2025 10:52:04 -0400
Subject: [PATCH 06/53] Enter changeset prerelease/next mode (`pnpm changeset
 pre enter next`)

---
 .changeset/pre.json | 8 ++++++++
 1 file changed, 8 insertions(+)
 create mode 100644 .changeset/pre.json

diff --git a/.changeset/pre.json b/.changeset/pre.json
new file mode 100644
index 000000000..29501f68c
--- /dev/null
+++ b/.changeset/pre.json
@@ -0,0 +1,8 @@
+{
+  "mode": "pre",
+  "tag": "next",
+  "initialVersions": {
+    "svelte-ux": "1.0.0"
+  },
+  "changesets": []
+}

From 0d5df94edd4d717e3a035b8e28f9433548720639 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Mon, 10 Mar 2025 14:11:58 -0400
Subject: [PATCH 07/53] Tailwind CSS v4 (#562)

* Initial migration to Tailwind CSS v4 using `npx @tailwindcss/upgrade` (and some manual tweaks)

* Fix Gooey after bad tailwind upgrade

* fix: Fix theme page (svelte-check) by adding `@reference '../app.css`

* Format project (fix lint errors)

* fix(docs): Fix blur input labels (@tailwindcss/upgrade)

* Update `@layerstack/tailwind` and replace `tailwind.config.cjs` with css-based config

* Remove custom theming page (for now)

* Add changeset

* Update `@layerstack/*` packages to `-next` (Tailwind 4) versions

* Update tailwind 4 to latest

* fix(TextField): refine classes to for tailwind 4 changes

* docs(Gooey): Replace custom `bg-gradient-radial` with built-in `bg-radial` (tailwind 4)
---
 .changeset/ready-planets-deny.md              |   5 +
 packages/svelte-ux/package.json               |  14 +-
 packages/svelte-ux/postcss.config.cjs         |   4 +-
 packages/svelte-ux/src/docs/Blockquote.svelte |   2 +-
 .../src/docs/ViewSourceButton.svelte          |   4 +-
 .../src/lib/components/AppLayout.svelte       |   2 +-
 .../src/lib/components/Avatar.svelte          |   2 +-
 .../src/lib/components/Backdrop.svelte        |   2 +-
 .../src/lib/components/Button.svelte          | 418 ++++-----
 .../src/lib/components/ButtonGroup.svelte     |   2 +-
 .../svelte-ux/src/lib/components/Card.svelte  |   4 +-
 .../src/lib/components/Checkbox.svelte        |   2 +-
 .../svelte-ux/src/lib/components/Code.svelte  |   4 +-
 .../src/lib/components/Collapse.svelte        |   2 +-
 .../src/lib/components/DateButton.svelte      |   6 +-
 .../src/lib/components/DatePickerField.svelte |   2 +-
 .../src/lib/components/DateRange.svelte       |   4 +-
 .../src/lib/components/DateRangeField.svelte  |   4 +-
 .../src/lib/components/Dialog.svelte          |   4 +-
 .../src/lib/components/Drawer.svelte          |   4 +-
 .../src/lib/components/EmptyMessage.svelte    |   2 +-
 .../lib/components/ErrorNotification.svelte   |   2 +-
 .../svelte-ux/src/lib/components/Field.svelte |  14 +-
 .../svelte-ux/src/lib/components/Gooey.svelte |   2 +-
 .../svelte-ux/src/lib/components/Icon.svelte  |   4 +-
 .../svelte-ux/src/lib/components/Input.svelte |   4 +-
 .../svelte-ux/src/lib/components/Kbd.svelte   |   2 +-
 .../src/lib/components/LanguageSelect.svelte  |   4 +-
 .../src/lib/components/ListItem.svelte        |   6 +-
 .../svelte-ux/src/lib/components/Menu.svelte  |   4 +-
 .../src/lib/components/MenuItem.svelte        |   2 +-
 .../src/lib/components/MonthListByYear.svelte |   2 +-
 .../lib/components/MultiSelectField.svelte    |   2 +-
 .../lib/components/MultiSelectOption.svelte   |   4 +-
 .../src/lib/components/NavItem.svelte         |   6 +-
 .../src/lib/components/Popover.svelte         |   2 +-
 .../src/lib/components/Preview.svelte         |   2 +-
 .../src/lib/components/Progress.svelte        |   4 +-
 .../src/lib/components/QuickSearch.svelte     |   2 +-
 .../src/lib/components/RangeSlider.svelte     |   6 +-
 .../src/lib/components/SectionDivider.svelte  |   2 +-
 .../src/lib/components/SelectField.svelte     |   4 +-
 .../svelte-ux/src/lib/components/Tabs.svelte  |   2 +-
 .../src/lib/components/TextField.svelte       |  32 +-
 .../src/lib/components/ThemeSelect.svelte     |   6 +-
 .../svelte-ux/src/lib/components/Tilt.svelte  |   4 +-
 .../src/lib/components/TimelineEvent.svelte   |   4 +-
 .../src/lib/components/ToggleGroup.svelte     |  14 +-
 .../src/lib/components/Tooltip.svelte         |   2 +-
 .../lib/components/_SelectListOptions.svelte  |   2 +-
 .../svelte-ux/src/routes/+layout.server.ts    |   5 +-
 packages/svelte-ux/src/routes/+layout.svelte  |   4 +-
 packages/svelte-ux/src/routes/+page.svelte    |   2 +-
 packages/svelte-ux/src/routes/_NavMenu.svelte |   2 +-
 packages/svelte-ux/src/routes/app.css         |  29 +-
 .../src/routes/changelog/+page.svelte         |   4 +-
 .../src/routes/customization/+layout.svelte   |   4 +-
 .../src/routes/customization/+page.md         |  20 +-
 .../svelte-ux/src/routes/docs/+layout.svelte  |  10 +-
 .../docs/components/Breadcrumb/+page.svelte   |   2 +-
 .../docs/components/Button/+page.svelte       |  14 +-
 .../docs/components/Dialog/+page.svelte       |   2 +-
 .../docs/components/Drawer/+page.svelte       |   2 +-
 .../routes/docs/components/Field/+page.svelte |  13 +-
 .../routes/docs/components/Gooey/+page.svelte |  16 +-
 .../docs/components/GridTailwind/+page.svelte |   2 +-
 .../routes/docs/components/Icon/+page.svelte  |   6 +-
 .../routes/docs/components/Input/+page.svelte |   2 +-
 .../docs/components/ListItem/+page.svelte     |   6 +-
 .../routes/docs/components/Month/+page.svelte |   2 +-
 .../components/MultiSelectField/+page.svelte  |   2 +-
 .../docs/components/Popover/+page.svelte      |  26 +-
 .../docs/components/Progress/+page.svelte     |  20 +-
 .../components/ProgressCircle/+page.svelte    |  14 +-
 .../components/ScrollingValue/+page.svelte    |   6 +-
 .../docs/components/SelectField/+page.svelte  |   4 +-
 .../routes/docs/components/Shine/+page.svelte |   2 +-
 .../docs/components/SpringValue/+page.svelte  |   2 +-
 .../components/StackTailwind/+page.svelte     |   4 +-
 .../routes/docs/components/Steps/+page.svelte |   8 +-
 .../docs/components/Switch/+page.svelte       |   2 +-
 .../docs/components/Timeline/+page.svelte     |   8 +-
 .../docs/components/ToggleGroup/+page.svelte  |  10 +-
 .../docs/components/Tooltip/+page.svelte      |   2 +-
 .../docs/components/TweenedValue/+page.svelte |   2 +-
 .../src/routes/theme/+page.server.ts          |  20 +-
 .../svelte-ux/src/routes/theme/+page.svelte   |  12 +-
 .../src/routes/theme/ColorField.svelte        |   4 +-
 packages/svelte-ux/src/routes/theme/colors.ts |   8 +-
 packages/svelte-ux/tailwind.config.cjs        |  72 --
 pnpm-lock.yaml                                | 834 ++++++++----------
 91 files changed, 841 insertions(+), 1007 deletions(-)
 create mode 100644 .changeset/ready-planets-deny.md
 delete mode 100644 packages/svelte-ux/tailwind.config.cjs

diff --git a/.changeset/ready-planets-deny.md b/.changeset/ready-planets-deny.md
new file mode 100644
index 000000000..bbf850586
--- /dev/null
+++ b/.changeset/ready-planets-deny.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': major
+---
+
+Tailwind 4 support
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index aca655dcc..2ddd584fa 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -25,6 +25,7 @@
     "@sveltejs/kit": "^2.17.3",
     "@sveltejs/package": "^2.3.10",
     "@sveltejs/vite-plugin-svelte": "5.0.3",
+    "@tailwindcss/postcss": "^4.0.12",
     "@tailwindcss/typography": "^0.5.16",
     "@types/culori": "^2.1.1",
     "@types/d3-array": "^3.2.1",
@@ -32,7 +33,6 @@
     "@types/lodash-es": "^4.17.12",
     "@types/prismjs": "^1.26.5",
     "@vitest/coverage-v8": "^3.0.7",
-    "autoprefixer": "^10.4.20",
     "daisyui": "^4.12.24",
     "marked": "^15.0.7",
     "mdsvex": "^0.12.3",
@@ -43,7 +43,7 @@
     "svelte": "5.20.4",
     "svelte-check": "^4.1.4",
     "svelte2tsx": "^0.7.34",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.0.12",
     "tslib": "^2.8.1",
     "typescript": "^5.7.3",
     "unist-util-visit": "^5.0.0",
@@ -54,11 +54,11 @@
   "dependencies": {
     "@floating-ui/dom": "^1.6.13",
     "@fortawesome/fontawesome-common-types": "^6.7.2",
-    "@layerstack/svelte-actions": "^1.0.0",
-    "@layerstack/svelte-stores": "^1.0.1",
-    "@layerstack/svelte-table": "^1.0.0",
-    "@layerstack/tailwind": "^1.0.0",
-    "@layerstack/utils": "^1.0.0",
+    "@layerstack/svelte-actions": "^1.0.1-next.0",
+    "@layerstack/svelte-stores": "^1.0.2-next.0",
+    "@layerstack/svelte-table": "^1.0.1-next.0",
+    "@layerstack/tailwind": "^2.0.0-next.0",
+    "@layerstack/utils": "^1.1.0-next.0",
     "@mdi/js": "^7.4.47",
     "culori": "^4.0.1",
     "d3-array": "^3.2.4",
diff --git a/packages/svelte-ux/postcss.config.cjs b/packages/svelte-ux/postcss.config.cjs
index cdbe50f3a..e5640725a 100644
--- a/packages/svelte-ux/postcss.config.cjs
+++ b/packages/svelte-ux/postcss.config.cjs
@@ -1,7 +1,5 @@
 module.exports = {
   plugins: {
-    'tailwindcss/nesting': {},
-    tailwindcss: {},
-    autoprefixer: {},
+    '@tailwindcss/postcss': {},
   },
 };
diff --git a/packages/svelte-ux/src/docs/Blockquote.svelte b/packages/svelte-ux/src/docs/Blockquote.svelte
index 79a285d23..535fd3b07 100644
--- a/packages/svelte-ux/src/docs/Blockquote.svelte
+++ b/packages/svelte-ux/src/docs/Blockquote.svelte
@@ -6,7 +6,7 @@
 
 <div
   class={cls(
-    'bg-primary/10 border border-l-[6px] border-primary/30 border-l-primary text-primary px-4 py-2 my-4 rounded flex items-center gap-2 text-sm',
+    'bg-primary/10 border border-l-[6px] border-primary/30 border-l-primary text-primary px-4 py-2 my-4 rounded-sm flex items-center gap-2 text-sm',
     '[&>a]:font-medium [&>a]:underline [&>a]:decoration-dashed [&>a]:decoration-primary/50 [&>a]:underline-offset-2'
   )}
 >
diff --git a/packages/svelte-ux/src/docs/ViewSourceButton.svelte b/packages/svelte-ux/src/docs/ViewSourceButton.svelte
index ae158e9f9..56156d96d 100644
--- a/packages/svelte-ux/src/docs/ViewSourceButton.svelte
+++ b/packages/svelte-ux/src/docs/ViewSourceButton.svelte
@@ -20,9 +20,9 @@
     <Dialog
       {open}
       on:close={toggleOff}
-      class="max-h-[98dvh] md:max-h-[90dvh] max-w-[98vw] md:max-w-[90vw] grid grid-rows-[auto,1fr,auto]"
+      class="max-h-[98dvh] md:max-h-[90dvh] max-w-[98vw] md:max-w-[90vw] grid grid-rows-[auto_1fr_auto]"
     >
-      <div class="grid grid-cols-[1fr,auto] gap-3 items-center p-4">
+      <div class="grid grid-cols-[1fr_auto] gap-3 items-center p-4">
         <div class="overflow-auto">
           <div class="text-lg font-semibold">{label}</div>
           <div class="text-xs text-surface-content/50 truncate">{href}</div>
diff --git a/packages/svelte-ux/src/lib/components/AppLayout.svelte b/packages/svelte-ux/src/lib/components/AppLayout.svelte
index 5b43a3515..c1b8f7a0a 100644
--- a/packages/svelte-ux/src/lib/components/AppLayout.svelte
+++ b/packages/svelte-ux/src/lib/components/AppLayout.svelte
@@ -34,7 +34,7 @@
     headerPosition === 'full' || temporaryDrawer
       ? '[&>header]:w-full'
       : '[&>header]:w-[calc(100%-var(--drawerWidth))] [&>header]:left-[var(--drawerWidth)] [&>header]:duration-500',
-    '[&>main]:md:ml-[var(--drawerWidth)] [&>main]:mt-[var(--headerHeight)] [&>main]:transition-[margin] [&>main]:duration-500',
+    'md:[&>main]:ml-(--drawerWidth) [&>main]:mt-[var(--headerHeight)] [&>main]:transition-[margin] [&>main]:duration-500',
     /* Fix scrolling offset for headings (h1, ...) or other elements with an id set (`<a href="#id">`) */
     '[:where(&_[id])]:scroll-m-[var(--headerHeight)]',
     settingsClasses.root,
diff --git a/packages/svelte-ux/src/lib/components/Avatar.svelte b/packages/svelte-ux/src/lib/components/Avatar.svelte
index f2ccf38fa..321a4eca3 100644
--- a/packages/svelte-ux/src/lib/components/Avatar.svelte
+++ b/packages/svelte-ux/src/lib/components/Avatar.svelte
@@ -14,7 +14,7 @@
 <div
   class={cls(
     'Avatar',
-    'rounded-full inline-flex items-center justify-center flex-shrink-0',
+    'rounded-full inline-flex items-center justify-center shrink-0',
     {
       sm: 'w-6 h-6',
       md: 'w-10 h-10',
diff --git a/packages/svelte-ux/src/lib/components/Backdrop.svelte b/packages/svelte-ux/src/lib/components/Backdrop.svelte
index 1cb43fb13..bc999eb75 100644
--- a/packages/svelte-ux/src/lib/components/Backdrop.svelte
+++ b/packages/svelte-ux/src/lib/components/Backdrop.svelte
@@ -19,7 +19,7 @@
   class={cls(
     'Backdrop',
     'fixed top-0 bottom-0 left-0 right-0 flex items-center justify-center bg-surface-content/50 dark:bg-surface-300/70',
-    blur && 'backdrop-blur-sm',
+    blur && 'backdrop-blur-xs',
     settingsClasses.root,
     className
   )}
diff --git a/packages/svelte-ux/src/lib/components/Button.svelte b/packages/svelte-ux/src/lib/components/Button.svelte
index 67b011fcd..20878e90a 100644
--- a/packages/svelte-ux/src/lib/components/Button.svelte
+++ b/packages/svelte-ux/src/lib/components/Button.svelte
@@ -44,10 +44,10 @@
   $: _class = cls(
     'Button',
     'transition duration-200 ring-surface-content/60 touch-manipulation',
-    'focus:outline-none focus-visible:ring-1',
+    'focus:outline-hidden focus-visible:ring-1',
     fullWidth ? 'flex w-full' : 'inline-flex',
     loading ? 'gap-2' : 'gap-1',
-    variant === 'none' || !rounded ? '' : rounded === 'full' ? 'rounded-full' : 'rounded',
+    variant === 'none' || !rounded ? '' : rounded === 'full' ? 'rounded-full' : 'rounded-sm',
     variant !== 'none' && [
       'items-center justify-center',
       'font-medium tracking-wider whitespace-nowrap',
@@ -80,329 +80,329 @@
     {
       default: {
         default: [
-          'hover:[--bg-color:theme(colors.surface-content/10%)]',
-          // '[--text-color:theme(colors.surface-content)]', // inherit
-          '[--ring-color:theme(colors.surface-content/60%)]',
+          'hover:[--bg-color:var(--color-surface-content)]/10',
+          // '[--text-color:var(--color-surface-content)]', // inherit
+          '[--ring-color:var(--color-surface-content)]/60',
         ],
         primary: [
-          'hover:[--bg-color:theme(colors.primary/10%)]',
-          '[--text-color:theme(colors.primary)]',
-          '[--ring-color:theme(colors.primary/60%)]',
+          'hover:[--bg-color:var(--color-primary)]/10',
+          '[--text-color:var(--color-primary)]',
+          '[--ring-color:var(--color-primary)]/60',
         ],
         secondary: [
-          'hover:[--bg-color:theme(colors.secondary/10%)]',
-          '[--text-color:theme(colors.secondary)]',
-          '[--ring-color:theme(colors.secondary/60%)]',
+          'hover:[--bg-color:var(--color-secondary)]/10',
+          '[--text-color:var(--color-secondary)]',
+          '[--ring-color:var(--color-secondary)]/60',
         ],
         accent: [
-          'hover:[--bg-color:theme(colors.accent/10%)]',
-          '[--text-color:theme(colors.accent)]',
-          '[--ring-color:theme(colors.accent/60%)]',
+          'hover:[--bg-color:var(--color-accent)]/10',
+          '[--text-color:var(--color-accent)]',
+          '[--ring-color:var(--color-accent)]/60',
         ],
         neutral: [
-          'hover:[--bg-color:theme(colors.neutral/10%)]',
-          '[--text-color:theme(colors.neutral)]',
-          '[--ring-color:theme(colors.neutral/60%)]',
+          'hover:[--bg-color:var(--color-neutral)]/10',
+          '[--text-color:var(--color-neutral)]',
+          '[--ring-color:var(--color-neutral)]/60',
         ],
         info: [
-          'hover:[--bg-color:theme(colors.info/10%)]',
-          '[--text-color:theme(colors.info)]',
-          '[--ring-color:theme(colors.info/60%)]',
+          'hover:[--bg-color:var(--color-info)]/10',
+          '[--text-color:var(--color-info)]',
+          '[--ring-color:var(--color-info)]/60',
         ],
         success: [
-          'hover:[--bg-color:theme(colors.success/10%)]',
-          '[--text-color:theme(colors.success)]',
-          '[--ring-color:theme(colors.success/60%)]',
+          'hover:[--bg-color:var(--color-success)]/10',
+          '[--text-color:var(--color-success)]',
+          '[--ring-color:var(--color-success)]/60',
         ],
         warning: [
-          'hover:[--bg-color:theme(colors.warning/10%)]',
-          '[--text-color:theme(colors.warning)]',
-          '[--ring-color:theme(colors.warning/60%)]',
+          'hover:[--bg-color:var(--color-warning)]/10',
+          '[--text-color:var(--color-warning)]',
+          '[--ring-color:var(--color-warning)]/60',
         ],
         danger: [
-          'hover:[--bg-color:theme(colors.danger/10%)]',
-          '[--text-color:theme(colors.danger)]',
-          '[--ring-color:theme(colors.danger/60%)]',
+          'hover:[--bg-color:var(--color-danger)]/10',
+          '[--text-color:var(--color-danger)]',
+          '[--ring-color:var(--color-danger)]/60',
         ],
       },
       outline: {
         default: [
-          'hover:[--bg-color:theme(colors.surface-content/10%)]',
-          '[--border-color:theme(colors.surface-content)]',
-          '[--text-color:theme(colors.surface-content)]',
-          '[--ring-color:theme(colors.surface-content/60%)]',
+          'hover:[--bg-color:var(--color-surface-content)]/10',
+          '[--border-color:var(--color-surface-content)]',
+          '[--text-color:var(--color-surface-content)]',
+          '[--ring-color:var(--color-surface-content)]/60',
         ],
         primary: [
-          'hover:[--bg-color:theme(colors.primary/10%)]',
-          '[--border-color:theme(colors.primary)]',
-          '[--text-color:theme(colors.primary)]',
-          '[--ring-color:theme(colors.primary/60%)]',
+          'hover:[--bg-color:var(--color-primary)]/10',
+          '[--border-color:var(--color-primary)]',
+          '[--text-color:var(--color-primary)]',
+          '[--ring-color:var(--color-primary)]/60',
         ],
         secondary: [
-          'hover:[--bg-color:theme(colors.secondary/10%)]',
-          '[--border-color:theme(colors.secondary)]',
-          '[--text-color:theme(colors.secondary)]',
-          '[--ring-color:theme(colors.secondary/60%)]',
+          'hover:[--bg-color:var(--color-secondary)]/10',
+          '[--border-color:var(--color-secondary)]',
+          '[--text-color:var(--color-secondary)]',
+          '[--ring-color:var(--color-secondary)]/60',
         ],
         accent: [
-          'hover:[--bg-color:theme(colors.accent/10%)]',
-          '[--border-color:theme(colors.accent)]',
-          '[--text-color:theme(colors.accent)]',
-          '[--ring-color:theme(colors.accent/60%)]',
+          'hover:[--bg-color:var(--color-accent)]/10',
+          '[--border-color:var(--color-accent)]',
+          '[--text-color:var(--color-accent)]',
+          '[--ring-color:var(--color-accent)]/60',
         ],
         neutral: [
-          'hover:[--bg-color:theme(colors.neutral/10%)]',
-          '[--border-color:theme(colors.neutral)]',
-          '[--text-color:theme(colors.neutral)]',
-          '[--ring-color:theme(colors.neutral/60%)]',
+          'hover:[--bg-color:var(--color-neutral)]/10',
+          '[--border-color:var(--color-neutral)]',
+          '[--text-color:var(--color-neutral)]',
+          '[--ring-color:var(--color-neutral)]/60',
         ],
         info: [
-          'hover:[--bg-color:theme(colors.info/10%)]',
-          '[--border-color:theme(colors.info)]',
-          '[--text-color:theme(colors.info)]',
-          '[--ring-color:theme(colors.info/60%)]',
+          'hover:[--bg-color:var(--color-info)]/10',
+          '[--border-color:var(--color-info)]',
+          '[--text-color:var(--color-info)]',
+          '[--ring-color:var(--color-info)]/60',
         ],
         success: [
-          'hover:[--bg-color:theme(colors.success/10%)]',
-          '[--border-color:theme(colors.success)]',
-          '[--text-color:theme(colors.success)]',
-          '[--ring-color:theme(colors.success/60%)]',
+          'hover:[--bg-color:var(--color-success)]/10',
+          '[--border-color:var(--color-success)]',
+          '[--text-color:var(--color-success)]',
+          '[--ring-color:var(--color-success)]/60',
         ],
         warning: [
-          'hover:[--bg-color:theme(colors.warning/10%)]',
-          '[--border-color:theme(colors.warning)]',
-          '[--text-color:theme(colors.warning)]',
-          '[--ring-color:theme(colors.warning/60%)]',
+          'hover:[--bg-color:var(--color-warning)]/10',
+          '[--border-color:var(--color-warning)]',
+          '[--text-color:var(--color-warning)]',
+          '[--ring-color:var(--color-warning)]/60',
         ],
         danger: [
-          'hover:[--bg-color:theme(colors.danger/10%)]',
-          '[--border-color:theme(colors.danger)]',
-          '[--text-color:theme(colors.danger)]',
-          '[--ring-color:theme(colors.danger/60%)]',
+          'hover:[--bg-color:var(--color-danger)]/10',
+          '[--border-color:var(--color-danger)]',
+          '[--text-color:var(--color-danger)]',
+          '[--ring-color:var(--color-danger)]/60',
         ],
       },
       fill: {
         default: [
-          `[--bg-color:theme(colors.surface-content)]`,
-          'hover:[--bg-color:theme(colors.surface-content/80%)]',
-          '[--text-color:theme(colors.surface-200)]',
-          '[--ring-color:theme(colors.surface-content/60%)]',
+          `[--bg-color:var(--color-surface-content)]`,
+          'hover:[--bg-color:var(--color-surface-content)]/80',
+          '[--text-color:var(--color-surface-200)]',
+          '[--ring-color:var(--color-surface-content)]/60',
         ],
         primary: [
-          `[--bg-color:theme(colors.primary)]`,
-          'hover:[--bg-color:theme(colors.primary-600)]',
-          '[--text-color:theme(colors.primary-content)]',
-          '[--ring-color:theme(colors.primary/60%)]',
+          `[--bg-color:var(--color-primary)]`,
+          'hover:[--bg-color:var(--color-primary-600)]',
+          '[--text-color:var(--color-primary-content)]',
+          '[--ring-color:var(--color-primary)]/60',
         ],
         secondary: [
-          '[--bg-color:theme(colors.secondary)]',
-          'hover:[--bg-color:theme(colors.secondary-600)]',
-          '[--text-color:theme(colors.secondary-content)]',
-          '[--ring-color:theme(colors.secondary/60%)]',
+          '[--bg-color:var(--color-secondary)]',
+          'hover:[--bg-color:var(--color-secondary-600)]',
+          '[--text-color:var(--color-secondary-content)]',
+          '[--ring-color:var(--color-secondary)]/60',
         ],
         accent: [
-          '[--bg-color:theme(colors.accent)]',
-          'hover:[--bg-color:theme(colors.accent-600)]',
-          '[--text-color:theme(colors.accent-content)]',
-          '[--ring-color:theme(colors.accent/60%)]',
+          '[--bg-color:var(--color-accent)]',
+          'hover:[--bg-color:var(--color-accent-600)]',
+          '[--text-color:var(--color-accent-content)]',
+          '[--ring-color:var(--color-accent)]/60',
         ],
         neutral: [
-          '[--bg-color:theme(colors.neutral)]',
-          'hover:[--bg-color:theme(colors.neutral-600)]',
-          '[--text-color:theme(colors.neutral-content)]',
-          '[--ring-color:theme(colors.neutral/60%)]',
+          '[--bg-color:var(--color-neutral)]',
+          'hover:[--bg-color:var(--color-neutral-600)]',
+          '[--text-color:var(--color-neutral-content)]',
+          '[--ring-color:var(--color-neutral)]/60',
         ],
         info: [
-          `[--bg-color:theme(colors.info)]`,
-          'hover:[--bg-color:theme(colors.info-600)]',
-          '[--text-color:theme(colors.info-content)]',
-          '[--ring-color:theme(colors.info/60%)]',
+          `[--bg-color:var(--color-info)]`,
+          'hover:[--bg-color:var(--color-info-600)]',
+          '[--text-color:var(--color-info-content)]',
+          '[--ring-color:var(--color-info)]/60',
         ],
         success: [
-          `[--bg-color:theme(colors.success)]`,
-          'hover:[--bg-color:theme(colors.success-600)]',
-          '[--text-color:theme(colors.success-content)]',
-          '[--ring-color:theme(colors.success/60%)]',
+          `[--bg-color:var(--color-success)]`,
+          'hover:[--bg-color:var(--color-success-600)]',
+          '[--text-color:var(--color-success-content)]',
+          '[--ring-color:var(--color-success)]/60',
         ],
         warning: [
-          `[--bg-color:theme(colors.warning)]`,
-          'hover:[--bg-color:theme(colors.warning-600)]',
-          '[--text-color:theme(colors.warning-content)]',
-          '[--ring-color:theme(colors.warning/60%)]',
+          `[--bg-color:var(--color-warning)]`,
+          'hover:[--bg-color:var(--color-warning-600)]',
+          '[--text-color:var(--color-warning-content)]',
+          '[--ring-color:var(--color-warning)]/60',
         ],
         danger: [
-          `[--bg-color:theme(colors.danger)]`,
-          'hover:[--bg-color:theme(colors.danger-600)]',
-          '[--text-color:theme(colors.danger-content)]',
-          '[--ring-color:theme(colors.danger/60%)]',
+          `[--bg-color:var(--color-danger)]`,
+          'hover:[--bg-color:var(--color-danger-600)]',
+          '[--text-color:var(--color-danger-content)]',
+          '[--ring-color:var(--color-danger)]/60',
         ],
       },
       'fill-light': {
         default: [
-          '[--bg-color:theme(colors.surface-content/10%)]',
-          'hover:[--bg-color:theme(colors.surface-content/20%)]',
-          '[--text-color:theme(colors.surface-content)]',
-          '[--ring-color:theme(colors.surface-content/60%)]',
+          '[--bg-color:var(--color-surface-content)]/10',
+          'hover:[--bg-color:var(--color-surface-content)]/20',
+          '[--text-color:var(--color-surface-content)]',
+          '[--ring-color:var(--color-surface-content)]/60',
         ],
         primary: [
-          '[--bg-color:theme(colors.primary/10%)]',
-          'hover:[--bg-color:theme(colors.primary/20%)]',
-          '[--text-color:theme(colors.primary)]',
-          '[--ring-color:theme(colors.primary/60%)]',
+          '[--bg-color:var(--color-primary)]/10',
+          'hover:[--bg-color:var(--color-primary)]/20',
+          '[--text-color:var(--color-primary)]',
+          '[--ring-color:var(--color-primary)]/60',
         ],
         secondary: [
-          '[--bg-color:theme(colors.secondary/10%)]',
-          'hover:[--bg-color:theme(colors.secondary/20%)]',
-          '[--text-color:theme(colors.secondary)]',
-          '[--ring-color:theme(colors.secondary/60%)]',
+          '[--bg-color:var(--color-secondary)]/10',
+          'hover:[--bg-color:var(--color-secondary)]/20',
+          '[--text-color:var(--color-secondary)]',
+          '[--ring-color:var(--color-secondary)]/60',
         ],
         accent: [
-          '[--bg-color:theme(colors.accent/10%)]',
-          'hover:[--bg-color:theme(colors.accent/20%)]',
-          '[--text-color:theme(colors.accent)]',
-          '[--ring-color:theme(colors.secondary/60%)]',
+          '[--bg-color:var(--color-accent)]/10',
+          'hover:[--bg-color:var(--color-accent)]/20',
+          '[--text-color:var(--color-accent)]',
+          '[--ring-color:var(--color-secondary)]/60',
         ],
         neutral: [
-          '[--bg-color:theme(colors.neutral/10%)]',
-          'hover:[--bg-color:theme(colors.neutral/20%)]',
-          '[--text-color:theme(colors.neutral)]',
-          '[--ring-color:theme(colors.neutral/60%)]',
+          '[--bg-color:var(--color-neutral)]/10',
+          'hover:[--bg-color:var(--color-neutral)]/20',
+          '[--text-color:var(--color-neutral)]',
+          '[--ring-color:var(--color-neutral)]/60',
         ],
         info: [
-          '[--bg-color:theme(colors.info/10%)]',
-          'hover:[--bg-color:theme(colors.info/20%)]',
-          '[--text-color:theme(colors.info)]',
-          '[--ring-color:theme(colors.info/60%)]',
+          '[--bg-color:var(--color-info)]/10',
+          'hover:[--bg-color:var(--color-info)]/20',
+          '[--text-color:var(--color-info)]',
+          '[--ring-color:var(--color-info)]/60',
         ],
         success: [
-          '[--bg-color:theme(colors.success/10%)]',
-          'hover:[--bg-color:theme(colors.success/20%)]',
-          '[--text-color:theme(colors.success)]',
-          '[--ring-color:theme(colors.success/60%)]',
+          '[--bg-color:var(--color-success)]/10',
+          'hover:[--bg-color:var(--color-success)]/20',
+          '[--text-color:var(--color-success)]',
+          '[--ring-color:var(--color-success)]/60',
         ],
         warning: [
-          '[--bg-color:theme(colors.warning/10%)]',
-          'hover:[--bg-color:theme(colors.warning/20%)]',
-          '[--text-color:theme(colors.warning)]',
-          '[--ring-color:theme(colors.warning/60%)]',
+          '[--bg-color:var(--color-warning)]/10',
+          'hover:[--bg-color:var(--color-warning)]/20',
+          '[--text-color:var(--color-warning)]',
+          '[--ring-color:var(--color-warning)]/60',
         ],
         danger: [
-          '[--bg-color:theme(colors.danger/10%)]',
-          'hover:[--bg-color:theme(colors.danger/20%)]',
-          '[--text-color:theme(colors.danger)]',
-          '[--ring-color:theme(colors.danger/60%)]',
+          '[--bg-color:var(--color-danger)]/10',
+          'hover:[--bg-color:var(--color-danger)]/20',
+          '[--text-color:var(--color-danger)]',
+          '[--ring-color:var(--color-danger)]/60',
         ],
       },
       'fill-outline': {
         default: [
-          '[--bg-color:theme(colors.surface-content/10%)]',
-          'hover:[--bg-color:theme(colors.surface-content/20%)]',
-          '[--border-color:theme(colors.surface-content)]',
-          '[--text-color:theme(colors.surface-content)]',
-          '[--ring-color:theme(colors.surface-content/60%)]',
+          '[--bg-color:var(--color-surface-content)]/10',
+          'hover:[--bg-color:var(--color-surface-content)]/20',
+          '[--border-color:var(--color-surface-content)]',
+          '[--text-color:var(--color-surface-content)]',
+          '[--ring-color:var(--color-surface-content)]/60',
         ],
         primary: [
-          '[--bg-color:theme(colors.primary/10%)]',
-          'hover:[--bg-color:theme(colors.primary/20%)]',
-          '[--border-color:theme(colors.primary)]',
-          '[--text-color:theme(colors.primary)]',
-          '[--ring-color:theme(colors.primary/60%)]',
+          '[--bg-color:var(--color-primary)]/10',
+          'hover:[--bg-color:var(--color-primary)]/20',
+          '[--border-color:var(--color-primary)]',
+          '[--text-color:var(--color-primary)]',
+          '[--ring-color:var(--color-primary)]/60',
         ],
         secondary: [
-          '[--bg-color:theme(colors.secondary/10%)]',
-          'hover:[--bg-color:theme(colors.secondary/20%)]',
-          '[--border-color:theme(colors.secondary)]',
-          '[--text-color:theme(colors.secondary)]',
-          '[--ring-color:theme(colors.secondary/60%)]',
+          '[--bg-color:var(--color-secondary)]/10',
+          'hover:[--bg-color:var(--color-secondary)]/20',
+          '[--border-color:var(--color-secondary)]',
+          '[--text-color:var(--color-secondary)]',
+          '[--ring-color:var(--color-secondary)]/60',
         ],
         accent: [
-          '[--bg-color:theme(colors.accent/10%)]',
-          'hover:[--bg-color:theme(colors.accent/20%)]',
-          '[--border-color:theme(colors.accent)]',
-          '[--text-color:theme(colors.accent)]',
-          '[--ring-color:theme(colors.accent/60%)]',
+          '[--bg-color:var(--color-accent)]/10',
+          'hover:[--bg-color:var(--color-accent)]/20',
+          '[--border-color:var(--color-accent)]',
+          '[--text-color:var(--color-accent)]',
+          '[--ring-color:var(--color-accent)]/60',
         ],
         neutral: [
-          '[--bg-color:theme(colors.neutral/10%)]',
-          'hover:[--bg-color:theme(colors.neutral/20%)]',
-          '[--border-color:theme(colors.neutral)]',
-          '[--text-color:theme(colors.neutral)]',
-          '[--ring-color:theme(colors.neutral/60%)]',
+          '[--bg-color:var(--color-neutral)]/10',
+          'hover:[--bg-color:var(--color-neutral)]/20',
+          '[--border-color:var(--color-neutral)]',
+          '[--text-color:var(--color-neutral)]',
+          '[--ring-color:var(--color-neutral)]/60',
         ],
         info: [
-          '[--bg-color:theme(colors.info/10%)]',
-          'hover:[--bg-color:theme(colors.info/20%)]',
-          '[--border-color:theme(colors.info)]',
-          '[--text-color:theme(colors.info)]',
-          '[--ring-color:theme(colors.info/60%)]',
+          '[--bg-color:var(--color-info)]/10',
+          'hover:[--bg-color:var(--color-info)]/20',
+          '[--border-color:var(--color-info)]',
+          '[--text-color:var(--color-info)]',
+          '[--ring-color:var(--color-info)]/60',
         ],
         success: [
-          '[--bg-color:theme(colors.success/10%)]',
-          'hover:[--bg-color:theme(colors.success/20%)]',
-          '[--border-color:theme(colors.success)]',
-          '[--text-color:theme(colors.success)]',
-          '[--ring-color:theme(colors.success/60%)]',
+          '[--bg-color:var(--color-success)]/10',
+          'hover:[--bg-color:var(--color-success)]/20',
+          '[--border-color:var(--color-success)]',
+          '[--text-color:var(--color-success)]',
+          '[--ring-color:var(--color-success)]/60',
         ],
         warning: [
-          '[--bg-color:theme(colors.warning/10%)]',
-          'hover:[--bg-color:theme(colors.warning/20%)]',
-          '[--border-color:theme(colors.warning)]',
-          '[--text-color:theme(colors.warning)]',
-          '[--ring-color:theme(colors.warning/60%)]',
+          '[--bg-color:var(--color-warning)]/10',
+          'hover:[--bg-color:var(--color-warning)]/20',
+          '[--border-color:var(--color-warning)]',
+          '[--text-color:var(--color-warning)]',
+          '[--ring-color:var(--color-warning)]/60',
         ],
         danger: [
-          '[--bg-color:theme(colors.danger/10%)]',
-          'hover:[--bg-color:theme(colors.danger/20%)]',
-          '[--border-color:theme(colors.danger)]',
-          '[--text-color:theme(colors.danger)]',
-          '[--ring-color:theme(colors.danger/60%)]',
+          '[--bg-color:var(--color-danger)]/10',
+          'hover:[--bg-color:var(--color-danger)]/20',
+          '[--border-color:var(--color-danger)]',
+          '[--text-color:var(--color-danger)]',
+          '[--ring-color:var(--color-danger)]/60',
         ],
       },
       text: {
         default: [
-          '[--text-color:theme(colors.surface-content)]',
-          'hover:[--text-color:theme(colors.surface-content/80%)]',
-          '[--ring-color:theme(colors.surface-content/60%)]',
+          '[--text-color:var(--color-surface-content)]',
+          'hover:[--text-color:var(--color-surface-content)]/80',
+          '[--ring-color:var(--color-surface-content)]/60',
         ],
         primary: [
-          '[--text-color:theme(colors.primary)]',
-          'hover:[--text-color:theme(colors.primary-700)]',
-          '[--ring-color:theme(colors.primary/60%)]',
+          '[--text-color:var(--color-primary)]',
+          'hover:[--text-color:var(--color-primary-700)]',
+          '[--ring-color:var(--color-primary)]/60',
         ],
         secondary: [
-          '[--text-color:theme(colors.secondary)]',
-          'hover:[--text-color:theme(colors.secondary-700)]',
-          '[--ring-color:theme(colors.secondary/60%)]',
+          '[--text-color:var(--color-secondary)]',
+          'hover:[--text-color:var(--color-secondary-700)]',
+          '[--ring-color:var(--color-secondary)]/60',
         ],
         accent: [
-          '[--text-color:theme(colors.accent)]',
-          'hover:[--text-color:theme(colors.accent-700)]',
-          '[--ring-color:theme(colors.accent/60%)]',
+          '[--text-color:var(--color-accent)]',
+          'hover:[--text-color:var(--color-accent-700)]',
+          '[--ring-color:var(--color-accent)]/60',
         ],
         neutral: [
-          '[--text-color:theme(colors.neutral)]',
-          'hover:[--text-color:theme(colors.neutral-700)]',
-          '[--ring-color:theme(colors.neutral/60%)]',
+          '[--text-color:var(--color-neutral)]',
+          'hover:[--text-color:var(--color-neutral-700)]',
+          '[--ring-color:var(--color-neutral)]/60',
         ],
         info: [
-          '[--text-color:theme(colors.info)]',
-          'hover:[--text-color:theme(colors.info-700)]',
-          '[--ring-color:theme(colors.info/60%)]',
+          '[--text-color:var(--color-info)]',
+          'hover:[--text-color:var(--color-info-700)]',
+          '[--ring-color:var(--color-info)]/60',
         ],
         success: [
-          '[--text-color:theme(colors.success)]',
-          'hover:[--text-color:theme(colors.success-700)]',
-          '[--ring-color:theme(colors.success/60%)]',
+          '[--text-color:var(--color-success)]',
+          'hover:[--text-color:var(--color-success-700)]',
+          '[--ring-color:var(--color-success)]/60',
         ],
         warning: [
-          '[--text-color:theme(colors.warning)]',
-          'hover:[--text-color:theme(colors.warning-700)]',
-          '[--ring-color:theme(colors.warning/60%)]',
+          '[--text-color:var(--color-warning)]',
+          'hover:[--text-color:var(--color-warning-700)]',
+          '[--ring-color:var(--color-warning)]/60',
         ],
         danger: [
-          '[--text-color:theme(colors.danger)]',
-          'hover:[--text-color:theme(colors.danger-700)]',
-          '[--ring-color:theme(colors.danger/60%)]',
+          '[--text-color:var(--color-danger)]',
+          'hover:[--text-color:var(--color-danger-700)]',
+          '[--ring-color:var(--color-danger)]/60',
         ],
       },
       none: {
diff --git a/packages/svelte-ux/src/lib/components/ButtonGroup.svelte b/packages/svelte-ux/src/lib/components/ButtonGroup.svelte
index ff84283a1..7695dc918 100644
--- a/packages/svelte-ux/src/lib/components/ButtonGroup.svelte
+++ b/packages/svelte-ux/src/lib/components/ButtonGroup.svelte
@@ -30,7 +30,7 @@
   export let variant: ComponentProps<Button>['variant'] = defaults.variant;
   export let size: ComponentProps<Button>['size'] | undefined = defaults.size;
   export let color: ComponentProps<Button>['color'] | undefined = defaults.color;
-  export let rounded: ComponentProps<Button>['rounded'] | undefined = defaults.rounded;
+  export let rounded: ComponentProps<Button>['rounded-sm'] | undefined = defaults.rounded;
   export let disabled: boolean = false;
   let className: string | undefined = undefined;
   export { className as class };
diff --git a/packages/svelte-ux/src/lib/components/Card.svelte b/packages/svelte-ux/src/lib/components/Card.svelte
index e84d1dd3d..82b661f1a 100644
--- a/packages/svelte-ux/src/lib/components/Card.svelte
+++ b/packages/svelte-ux/src/lib/components/Card.svelte
@@ -35,14 +35,14 @@
   {...$$restProps}
   class={cls(
     'Card',
-    'relative z-0 bg-surface-100 border rounded elevation-1 flex flex-col justify-between',
+    'relative z-0 bg-surface-100 border rounded-sm elevation-1 flex flex-col justify-between',
     settingsClasses.root,
     classes.root,
     className
   )}
 >
   {#if loading}
-    <Overlay center class="rounded">
+    <Overlay center class="rounded-sm">
       <ProgressCircle />
     </Overlay>
   {/if}
diff --git a/packages/svelte-ux/src/lib/components/Checkbox.svelte b/packages/svelte-ux/src/lib/components/Checkbox.svelte
index 458b60a63..eac19167d 100644
--- a/packages/svelte-ux/src/lib/components/Checkbox.svelte
+++ b/packages/svelte-ux/src/lib/components/Checkbox.svelte
@@ -77,7 +77,7 @@
     class={cls(
       'checkbox',
       'inline-grid place-items-center border-2',
-      circle ? 'rounded-full' : 'rounded',
+      circle ? 'rounded-full' : 'rounded-sm',
       'peer-disabled:opacity-50 transition-shadow duration-300',
       !disabled &&
         'peer-hover:border-primary peer-focus-visible:border-primary peer-focus-visible:ring-2 ring-primary/60 ring-offset-1',
diff --git a/packages/svelte-ux/src/lib/components/Code.svelte b/packages/svelte-ux/src/lib/components/Code.svelte
index b2160737d..2a686da6e 100644
--- a/packages/svelte-ux/src/lib/components/Code.svelte
+++ b/packages/svelte-ux/src/lib/components/Code.svelte
@@ -18,11 +18,11 @@
   } = {};
 </script>
 
-<div class={cls('Code', 'rounded', 'overflow-auto', classes.root, $$props.class)}>
+<div class={cls('Code', 'rounded-sm', 'overflow-auto', classes.root, $$props.class)}>
   {#if source}
     <div class="relative">
       <pre
-        class={cls('language-{language} rounded', classes.pre)}
+        class={cls('language-{language} rounded-sm', classes.pre)}
         style="margin: 0; white-space: normal;">
           <code class={cls('language-{language}', classes.code)}>{@html highlightedSource}</code>
       </pre>
diff --git a/packages/svelte-ux/src/lib/components/Collapse.svelte b/packages/svelte-ux/src/lib/components/Collapse.svelte
index 8df73d983..ca2699607 100644
--- a/packages/svelte-ux/src/lib/components/Collapse.svelte
+++ b/packages/svelte-ux/src/lib/components/Collapse.svelte
@@ -62,7 +62,7 @@
 >
   <button
     type="button"
-    class="flex items-center w-full text-left select-text focus:outline-none"
+    class="flex items-center w-full text-left select-text focus:outline-hidden"
     {disabled}
     on:click={() => {
       open = !open;
diff --git a/packages/svelte-ux/src/lib/components/DateButton.svelte b/packages/svelte-ux/src/lib/components/DateButton.svelte
index a6823dd92..be5ad9fc6 100644
--- a/packages/svelte-ux/src/lib/components/DateButton.svelte
+++ b/packages/svelte-ux/src/lib/components/DateButton.svelte
@@ -90,9 +90,9 @@
     'inline-flex items-center justify-center',
     isSelectedStart
       ? '[--tw-gradient-from:transparent]'
-      : '[--tw-gradient-from:theme(colors.primary)]',
-    isSelectedEnd ? '[--tw-gradient-to:transparent]' : '[--tw-gradient-to:theme(colors.primary)]',
-    isSelected && (isVerticalSelection ? 'bg-gradient-to-b' : 'bg-gradient-to-r'),
+      : '[--tw-gradient-from:var(--color-primary)]',
+    isSelectedEnd ? '[--tw-gradient-to:transparent]' : '[--tw-gradient-to:var(--color-primary)]',
+    isSelected && (isVerticalSelection ? 'bg-linear-to-b' : 'bg-linear-to-r'),
     hidden && 'opacity-0 pointer-events-none',
     settingsClasses.root,
     className
diff --git a/packages/svelte-ux/src/lib/components/DatePickerField.svelte b/packages/svelte-ux/src/lib/components/DatePickerField.svelte
index 0a31c2346..1cbbfa847 100644
--- a/packages/svelte-ux/src/lib/components/DatePickerField.svelte
+++ b/packages/svelte-ux/src/lib/components/DatePickerField.svelte
@@ -108,7 +108,7 @@
 
     <button
       type="button"
-      class="text-sm min-h-[1.25rem] whitespace-nowrap w-full focus:outline-none"
+      class="text-sm min-h-[1.25rem] whitespace-nowrap w-full focus:outline-hidden"
       style="text-align: inherit"
       on:click={() => (open = true)}
       {id}
diff --git a/packages/svelte-ux/src/lib/components/DateRange.svelte b/packages/svelte-ux/src/lib/components/DateRange.svelte
index cf24e51cd..63d7c6ee2 100644
--- a/packages/svelte-ux/src/lib/components/DateRange.svelte
+++ b/packages/svelte-ux/src/lib/components/DateRange.svelte
@@ -173,7 +173,7 @@
   class={cls(
     'DateRange grid gap-2',
     'w-[min(90vw,384px)]',
-    showSidebar && 'md:w-[640px] md:grid-cols-[2fr,3fr]',
+    showSidebar && 'md:w-[640px] md:grid-cols-[2fr_3fr]',
     settingsClasses.root,
     className
   )}
@@ -305,7 +305,7 @@
     </div>
   {/if}
 
-  <div class="bg-surface-100 border rounded overflow-auto">
+  <div class="bg-surface-100 border rounded-sm overflow-auto">
     <DateSelect
       {selected}
       periodType={selectedPeriodType}
diff --git a/packages/svelte-ux/src/lib/components/DateRangeField.svelte b/packages/svelte-ux/src/lib/components/DateRangeField.svelte
index a66819692..041c75e05 100644
--- a/packages/svelte-ux/src/lib/components/DateRangeField.svelte
+++ b/packages/svelte-ux/src/lib/components/DateRangeField.svelte
@@ -113,7 +113,7 @@
   <button
     type="button"
     class={cls(
-      'text-sm whitespace-nowrap w-full focus:outline-none',
+      'text-sm whitespace-nowrap w-full focus:outline-hidden',
       center ? 'text-center' : 'text-left'
     )}
     on:click={() => (open = true)}
@@ -164,7 +164,7 @@
 <Dialog
   classes={{
     ...classes.dialog,
-    dialog: cls('max-h-[90vh] grid grid-rows-[auto,1fr,auto]', classes.dialog?.dialog),
+    dialog: cls('max-h-[90vh] grid grid-rows-[auto_1fr_auto]', classes.dialog?.dialog),
   }}
   bind:open
 >
diff --git a/packages/svelte-ux/src/lib/components/Dialog.svelte b/packages/svelte-ux/src/lib/components/Dialog.svelte
index d88a2dd71..69154cff5 100644
--- a/packages/svelte-ux/src/lib/components/Dialog.svelte
+++ b/packages/svelte-ux/src/lib/components/Dialog.svelte
@@ -111,7 +111,7 @@
   >
     <div
       class={cls(
-        'dialog rounded bg-surface-100 elevation-4 overflow-y-auto pointer-events-auto relative outline-none',
+        'dialog rounded-sm bg-surface-100 elevation-4 overflow-y-auto pointer-events-auto relative outline-hidden',
         settingsClasses.dialog,
         classes.dialog,
         $$props.class
@@ -128,7 +128,7 @@
       role="dialog"
     >
       {#if loading}
-        <Overlay center class="rounded">
+        <Overlay center class="rounded-sm">
           <ProgressCircle />
         </Overlay>
       {/if}
diff --git a/packages/svelte-ux/src/lib/components/Drawer.svelte b/packages/svelte-ux/src/lib/components/Drawer.svelte
index 946b493af..82f682927 100644
--- a/packages/svelte-ux/src/lib/components/Drawer.svelte
+++ b/packages/svelte-ux/src/lib/components/Drawer.svelte
@@ -72,7 +72,7 @@
   <div
     class={cls(
       'Drawer',
-      'bg-surface-100 fixed overflow-auto transform z-50 outline-none',
+      'bg-surface-100 fixed overflow-auto transform z-50 outline-hidden',
       {
         'h-full': ['left', 'right'].includes(placement),
         'w-full': ['top', 'bottom'].includes(placement),
@@ -111,7 +111,7 @@
     role="dialog"
   >
     {#if loading}
-      <Overlay center class="rounded">
+      <Overlay center class="rounded-sm">
         <ProgressCircle />
       </Overlay>
     {/if}
diff --git a/packages/svelte-ux/src/lib/components/EmptyMessage.svelte b/packages/svelte-ux/src/lib/components/EmptyMessage.svelte
index 83fba60a7..2c7e8ca54 100644
--- a/packages/svelte-ux/src/lib/components/EmptyMessage.svelte
+++ b/packages/svelte-ux/src/lib/components/EmptyMessage.svelte
@@ -12,7 +12,7 @@
     'grid place-items-center',
     'p-1 bg-surface-300 _shadow-inner _ring-1 ring-surface-200/30',
     'text-surface-content/50 text-xs tracking-wider',
-    'border border-surface-100/80 rounded',
+    'border border-surface-100/80 rounded-sm',
     settingsClasses.root,
     $$props.class
   )}
diff --git a/packages/svelte-ux/src/lib/components/ErrorNotification.svelte b/packages/svelte-ux/src/lib/components/ErrorNotification.svelte
index f2cb31e83..a42d48c97 100644
--- a/packages/svelte-ux/src/lib/components/ErrorNotification.svelte
+++ b/packages/svelte-ux/src/lib/components/ErrorNotification.svelte
@@ -62,7 +62,7 @@
       {#if stackTrace}
         <div>
           <div class="text-xs text-surface-content/50 mb-1">Stacktrace:</div>
-          <pre class="bg-gray-100 border rounded p-2 text-xs">
+          <pre class="bg-gray-100 border rounded-sm p-2 text-xs">
             {stackTrace ?? '<Empty>'}
           </pre>
         </div>
diff --git a/packages/svelte-ux/src/lib/components/Field.svelte b/packages/svelte-ux/src/lib/components/Field.svelte
index a898f92b6..2adbdf4f7 100644
--- a/packages/svelte-ux/src/lib/components/Field.svelte
+++ b/packages/svelte-ux/src/lib/components/Field.svelte
@@ -64,9 +64,9 @@
     'Field',
     'group flex gap-1',
     labelPlacement !== 'left' ? 'flex-col' : 'items-center',
-    error ? '[--color:theme(colors.danger)]' : '[--color:theme(colors.primary)]',
+    error ? '[--color:var(--color-danger)]' : '[--color:var(--color-primary)]',
     disabled && 'opacity-50 pointer-events-none',
-    !base && (rounded ? 'rounded-full' : 'rounded'),
+    !base && (rounded ? 'rounded-full' : 'rounded-sm'),
     settingsClasses.root,
     classes.root,
     $$props.class
@@ -78,7 +78,7 @@
       class={cls(
         'label',
         'block text-sm font-medium',
-        'truncate group-hover:text-surface-content/70 group-focus-within:text-primary group-hover:group-focus-within:text-[var(--color)] cursor-pointer',
+        'truncate group-hover:text-surface-content/70 group-focus-within:text-primary group-focus-within:group-hover:text-(--color) cursor-pointer',
         error ? 'text-danger/80' : 'text-surface-content/50',
         `placement-${labelPlacement}`,
         settingsClasses.label,
@@ -93,13 +93,13 @@
     <div
       class={cls(
         'border py-0 transition-shadow',
-        disabled ? '' : 'hover:shadow',
+        disabled ? '' : 'hover:shadow-sm',
         disabled ? '' : error ? 'hover:border-danger' : 'hover:border-surface-content',
         {
           'px-2': !rounded,
           'px-6': rounded && !hasPrepend,
         },
-        !base && ['bg-surface-100', rounded ? 'rounded-full' : 'rounded'],
+        !base && ['bg-surface-100', rounded ? 'rounded-full' : 'rounded-sm'],
         error && 'border-danger',
         'group-focus-within:shadow-md group-focus-within:border-[var(--color)]',
         settingsClasses.container,
@@ -127,12 +127,12 @@
 
         <!-- svelte-ignore a11y-click-events-have-key-events -->
         <!-- svelte-ignore a11y-no-static-element-interactions -->
-        <div class="flex-grow inline-grid" on:click>
+        <div class="grow inline-grid" on:click>
           {#if label && ['inset', 'float'].includes(labelPlacement)}
             <span
               class={cls(
                 'label',
-                'col-span-full row-span-full z-[1] flex items-center h-full truncate origin-top-left transition-all duration-200 group-hover:text-surface-content/70 group-focus-within:text-[var(--color)] group-hover:group-focus-within:text-[var(--color)] cursor-pointer',
+                'col-span-full row-span-full z-1 flex items-center h-full truncate origin-top-left transition-all duration-200 group-hover:text-surface-content/70 group-focus-within:text-[var(--color)] group-focus-within:group-hover:text-(--color) cursor-pointer',
                 center && 'justify-center',
                 error ? 'text-danger/80' : 'text-surface-content/50',
                 `placement-${labelPlacement}`,
diff --git a/packages/svelte-ux/src/lib/components/Gooey.svelte b/packages/svelte-ux/src/lib/components/Gooey.svelte
index cda33cab5..3765e95b7 100644
--- a/packages/svelte-ux/src/lib/components/Gooey.svelte
+++ b/packages/svelte-ux/src/lib/components/Gooey.svelte
@@ -29,7 +29,7 @@
 <svg class={cls('fixed inset-0 pointer-events-none', settingsClasses.svg, classes?.svg)}>
   <filter id={filterId}>
     {#if blur}
-      <feGaussianBlur in="SourceGraphic" stdDeviation={blur} result="blur" />
+      <feGaussianBlur in="SourceGraphic" stdDeviation={blur} result="blur-sm" />
     {/if}
 
     <feColorMatrix
diff --git a/packages/svelte-ux/src/lib/components/Icon.svelte b/packages/svelte-ux/src/lib/components/Icon.svelte
index b917d8109..9d16ec322 100644
--- a/packages/svelte-ux/src/lib/components/Icon.svelte
+++ b/packages/svelte-ux/src/lib/components/Icon.svelte
@@ -84,7 +84,7 @@
   <span
     class={cls(
       'Icon',
-      'icon-container inline-block flex-shrink-0 align-middle fill-current',
+      'icon-container inline-block shrink-0 align-middle fill-current',
       settingsClasses.root,
       classes.root,
       $$props.class
@@ -109,7 +109,7 @@
     {viewBox}
     class={cls(
       'Icon',
-      'inline-block flex-shrink-0 fill-current',
+      'inline-block shrink-0 fill-current',
       settingsClasses.root,
       classes.root,
       $$props.class
diff --git a/packages/svelte-ux/src/lib/components/Input.svelte b/packages/svelte-ux/src/lib/components/Input.svelte
index ae80f27aa..6e417e2b5 100644
--- a/packages/svelte-ux/src/lib/components/Input.svelte
+++ b/packages/svelte-ux/src/lib/components/Input.svelte
@@ -146,14 +146,14 @@
     if (value === mask) {
       value = '';
     }
-    dispatch('blur', e);
+    dispatch('blur-sm', e);
   }}
   on:blur
   use:multi={actions}
   {...$$restProps}
   class={cls(
     'Input',
-    'text-sm w-full outline-none bg-transparent placeholder-surface/50 selection:bg-surface-content/10',
+    'text-sm w-full outline-hidden bg-transparent placeholder-surface/50 selection:bg-surface-content/10',
     mask && (mask == placeholder || isFocused || value) && 'font-mono',
     settingsClasses.root,
     className
diff --git a/packages/svelte-ux/src/lib/components/Kbd.svelte b/packages/svelte-ux/src/lib/components/Kbd.svelte
index 0a5d4ac93..e8603891b 100644
--- a/packages/svelte-ux/src/lib/components/Kbd.svelte
+++ b/packages/svelte-ux/src/lib/components/Kbd.svelte
@@ -14,7 +14,7 @@
   class={cls(
     'font-sans inline-flex gap-1',
     variant === 'filled' &&
-      'border border-b-2 text-surface-content bg-surface-200 rounded py-1 px-1',
+      'border border-b-2 text-surface-content bg-surface-200 rounded-sm py-1 px-1',
     $$props.class
   )}
 >
diff --git a/packages/svelte-ux/src/lib/components/LanguageSelect.svelte b/packages/svelte-ux/src/lib/components/LanguageSelect.svelte
index 111e2f1a4..ef52a71b3 100644
--- a/packages/svelte-ux/src/lib/components/LanguageSelect.svelte
+++ b/packages/svelte-ux/src/lib/components/LanguageSelect.svelte
@@ -33,7 +33,7 @@
             locale.set(language.code);
           }}
           class={cls(
-            'bg-surface-100 text-surface-content font-semibold border shadow',
+            'bg-surface-100 text-surface-content font-semibold border shadow-sm',
             languageSelected === language && 'ring-2 ring-surface-content'
           )}
         >
@@ -42,7 +42,7 @@
       {/each}
     </div>
 
-    <div class="p-2 grid grid-cols-[auto,1fr] gap-2 items-center text-xs">
+    <div class="p-2 grid grid-cols-[auto_1fr] gap-2 items-center text-xs">
       <span class="font-medium">Affects date & number formats</span>
     </div>
   </Menu>
diff --git a/packages/svelte-ux/src/lib/components/ListItem.svelte b/packages/svelte-ux/src/lib/components/ListItem.svelte
index 0a5fb0f5f..9a299c26c 100644
--- a/packages/svelte-ux/src/lib/components/ListItem.svelte
+++ b/packages/svelte-ux/src/lib/components/ListItem.svelte
@@ -26,7 +26,7 @@
   export let list: 'type' | 'parent' | 'group' = 'parent';
 
   /**
-   * Remove shadow (useful when using `ring`)
+   * Remove shadow (useful when using `ring-3`)
    */
   export let noShadow = false;
 
@@ -70,7 +70,7 @@
   role="listitem"
 >
   {#if loading}
-    <Overlay center class="rounded">
+    <Overlay center class="rounded-sm">
       <ProgressCircle />
     </Overlay>
   {/if}
@@ -90,7 +90,7 @@
     {/if}
   </slot>
 
-  <div class="flex-grow">
+  <div class="grow">
     <slot name="title">
       {#if title != null}
         <div class={cls(settingsClasses.title, classes.title)}>{title}</div>
diff --git a/packages/svelte-ux/src/lib/components/Menu.svelte b/packages/svelte-ux/src/lib/components/Menu.svelte
index 91cf3bad0..055c89b07 100644
--- a/packages/svelte-ux/src/lib/components/Menu.svelte
+++ b/packages/svelte-ux/src/lib/components/Menu.svelte
@@ -67,7 +67,7 @@
   {open}
   class={cls(
     'Menu',
-    'bg-surface-100 rounded shadow border overflow-auto',
+    'bg-surface-100 rounded-sm shadow-sm border overflow-auto',
     settingsClasses.root,
     classes.root,
     $$props.class
@@ -79,7 +79,7 @@
   <!-- svelte-ignore a11y-click-events-have-key-events -->
   <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
   <menu
-    class={cls('menu-items outline-none max-h-screen', settingsClasses.menu, classes.menu)}
+    class={cls('menu-items outline-hidden max-h-screen', settingsClasses.menu, classes.menu)}
     bind:this={menuItemsEl}
     on:click={onClick}
     on:mouseup={(e) => {
diff --git a/packages/svelte-ux/src/lib/components/MenuItem.svelte b/packages/svelte-ux/src/lib/components/MenuItem.svelte
index df201e949..54eeda7fa 100644
--- a/packages/svelte-ux/src/lib/components/MenuItem.svelte
+++ b/packages/svelte-ux/src/lib/components/MenuItem.svelte
@@ -51,7 +51,7 @@
   {...$$restProps}
   class={cls(
     'MenuItem',
-    'text-left items-center p-2 hover:bg-surface-content/5 rounded duration-75',
+    'text-left items-center p-2 hover:bg-surface-content/5 rounded-sm duration-75',
     selected && classes?.selected,
     settingsClasses.root,
     classes?.root,
diff --git a/packages/svelte-ux/src/lib/components/MonthListByYear.svelte b/packages/svelte-ux/src/lib/components/MonthListByYear.svelte
index b1878ef52..4f9385803 100644
--- a/packages/svelte-ux/src/lib/components/MonthListByYear.svelte
+++ b/packages/svelte-ux/src/lib/components/MonthListByYear.svelte
@@ -34,7 +34,7 @@
   <Button on:click={() => (minYear -= 10)}>More</Button>
 
   {#each years ?? [] as year (year)}
-    <div class="grid grid-cols-[auto,1fr] items-center gap-2 p-2">
+    <div class="grid grid-cols-[auto_1fr] items-center gap-2 p-2">
       <div class="text-xl font-bold">
         {year}
       </div>
diff --git a/packages/svelte-ux/src/lib/components/MultiSelectField.svelte b/packages/svelte-ux/src/lib/components/MultiSelectField.svelte
index c8be67b16..6746f059c 100644
--- a/packages/svelte-ux/src/lib/components/MultiSelectField.svelte
+++ b/packages/svelte-ux/src/lib/components/MultiSelectField.svelte
@@ -118,7 +118,7 @@
     ) {
       hide();
     } else {
-      logger.debug('ignoring blur');
+      logger.debug('ignoring blur-sm');
     }
   }
 
diff --git a/packages/svelte-ux/src/lib/components/MultiSelectOption.svelte b/packages/svelte-ux/src/lib/components/MultiSelectOption.svelte
index 5ad1625fb..eac9f767d 100644
--- a/packages/svelte-ux/src/lib/components/MultiSelectOption.svelte
+++ b/packages/svelte-ux/src/lib/components/MultiSelectOption.svelte
@@ -25,7 +25,7 @@
 <div
   class={cls(
     'MultiSelectOption',
-    'grid grid-cols-[1fr,auto]',
+    'grid grid-cols-[1fr_auto]',
     settingsClasses.root,
     classes.root,
     $$props.class
@@ -40,7 +40,7 @@
       on:change={() => dispatch('change')}
       {disabled}
       classes={{
-        root: 'px-2 rounded hover:bg-surface-content/5',
+        root: 'px-2 rounded-sm hover:bg-surface-content/5',
         label: 'py-2',
         ...settingsClasses.checkbox,
         ...classes.checkbox,
diff --git a/packages/svelte-ux/src/lib/components/NavItem.svelte b/packages/svelte-ux/src/lib/components/NavItem.svelte
index 88eaf7b27..1e4139339 100644
--- a/packages/svelte-ux/src/lib/components/NavItem.svelte
+++ b/packages/svelte-ux/src/lib/components/NavItem.svelte
@@ -55,11 +55,7 @@
   {/if}
 
   {#if icon}
-    <Icon
-      data={icon}
-      class={cls('mr-3 flex-shrink-0', settingsClasses.icon)}
-      classes={classes.icon}
-    />
+    <Icon data={icon} class={cls('mr-3 shrink-0', settingsClasses.icon)} classes={classes.icon} />
   {/if}
 
   {text}
diff --git a/packages/svelte-ux/src/lib/components/Popover.svelte b/packages/svelte-ux/src/lib/components/Popover.svelte
index f5b7fa456..271996a5f 100644
--- a/packages/svelte-ux/src/lib/components/Popover.svelte
+++ b/packages/svelte-ux/src/lib/components/Popover.svelte
@@ -67,7 +67,7 @@
 {#if open}
   <!-- @ts-expect-error -->
   <div
-    class={cls('Popover absolute z-50 outline-none', settingsClasses.root, className)}
+    class={cls('Popover absolute z-50 outline-hidden', settingsClasses.root, className)}
     {style}
     tabindex="-1"
     use:popover={{ anchorEl, placement, autoPlacement, offset, padding, matchWidth, resize }}
diff --git a/packages/svelte-ux/src/lib/components/Preview.svelte b/packages/svelte-ux/src/lib/components/Preview.svelte
index ae1495fc0..dda787b2d 100644
--- a/packages/svelte-ux/src/lib/components/Preview.svelte
+++ b/packages/svelte-ux/src/lib/components/Preview.svelte
@@ -15,7 +15,7 @@
   export let showCode = false;
 </script>
 
-<div class={cls('Preview border rounded bg-surface-100', $$props.class)}>
+<div class={cls('Preview border rounded-sm bg-surface-100', $$props.class)}>
   <div class="p-4">
     <slot />
   </div>
diff --git a/packages/svelte-ux/src/lib/components/Progress.svelte b/packages/svelte-ux/src/lib/components/Progress.svelte
index f35761835..0d9af6019 100644
--- a/packages/svelte-ux/src/lib/components/Progress.svelte
+++ b/packages/svelte-ux/src/lib/components/Progress.svelte
@@ -19,12 +19,12 @@
     'h-2 w-full',
 
     // bar color
-    '[--color:theme(colors.primary)]',
+    '[--color:var(--color-primary)]',
     '[&::-webkit-progress-value]:bg-[var(--color)]',
     '[&::-moz-progress-bar]:bg-[var(--color)]',
 
     // track color
-    '[--track-color:theme(colors.surface-200)]',
+    '[--track-color:var(--color-surface-200)]',
     '[&::-webkit-progress-bar]:bg-[var(--track-color)]',
     'bg-[var(--track-color)]',
 
diff --git a/packages/svelte-ux/src/lib/components/QuickSearch.svelte b/packages/svelte-ux/src/lib/components/QuickSearch.svelte
index 473384ad6..49d118371 100644
--- a/packages/svelte-ux/src/lib/components/QuickSearch.svelte
+++ b/packages/svelte-ux/src/lib/components/QuickSearch.svelte
@@ -59,7 +59,7 @@
   bind:open
   classes={{
     root: cls('items-start mt-8 sm:mt-24', settingsClasses.root, classes.root, $$props.class),
-    backdrop: 'backdrop-blur-sm',
+    backdrop: 'backdrop-blur-xs',
   }}
 >
   <SelectField
diff --git a/packages/svelte-ux/src/lib/components/RangeSlider.svelte b/packages/svelte-ux/src/lib/components/RangeSlider.svelte
index 34917ac4d..8d621a383 100644
--- a/packages/svelte-ux/src/lib/components/RangeSlider.svelte
+++ b/packages/svelte-ux/src/lib/components/RangeSlider.svelte
@@ -232,7 +232,7 @@
 <div
   class={cls(
     'RangeSlider',
-    'group relative h-2 bg-surface-content/10 rounded-full select-none outline-none',
+    'group relative h-2 bg-surface-content/10 rounded-full select-none outline-hidden',
     disabled && ' pointer-events-none opacity-50',
     settingsClasses.root,
     className
@@ -321,7 +321,7 @@
   {#if showStartValue && !disableTooltips}
     <output
       style="left: calc(var(--start) * 100%);"
-      class="value absolute top-1/2 -translate-x-1/2 -translate-y-[180%] text-xs text-primary-content bg-primary rounded-full px-2 shadow"
+      class="value absolute top-1/2 -translate-x-1/2 -translate-y-[180%] text-xs text-primary-content bg-primary rounded-full px-2 shadow-sm"
       transition:fly={{ y: 4, duration: 300 }}
     >
       {value[0]}
@@ -331,7 +331,7 @@
   {#if showEndValue && !disableTooltips}
     <output
       style="left: calc(var(--end) * 100%);"
-      class="value absolute top-1/2 -translate-x-1/2 -translate-y-[180%] text-xs text-primary-content bg-primary rounded-full px-2 shadow"
+      class="value absolute top-1/2 -translate-x-1/2 -translate-y-[180%] text-xs text-primary-content bg-primary rounded-full px-2 shadow-sm"
       transition:fly={{ y: 4, duration: 300 }}
     >
       {value[1]}
diff --git a/packages/svelte-ux/src/lib/components/SectionDivider.svelte b/packages/svelte-ux/src/lib/components/SectionDivider.svelte
index 5acbc8fb2..27c01bfac 100644
--- a/packages/svelte-ux/src/lib/components/SectionDivider.svelte
+++ b/packages/svelte-ux/src/lib/components/SectionDivider.svelte
@@ -10,7 +10,7 @@
   class={cls('SectionDivider', 'flex items-center my-2', settingsClasses.root, $$props.class)}
 >
   <div class="flex-1 border h-px rounded-full mr-2"></div>
-  <div class="font-medium text-surface-content border px-4 rounded-full bg-surface-100 shadow">
+  <div class="font-medium text-surface-content border px-4 rounded-full bg-surface-100 shadow-sm">
     <slot />
   </div>
   <div class="flex-1 border h-px rounded-full ml-2"></div>
diff --git a/packages/svelte-ux/src/lib/components/SelectField.svelte b/packages/svelte-ux/src/lib/components/SelectField.svelte
index 7b57f9088..0200196cb 100644
--- a/packages/svelte-ux/src/lib/components/SelectField.svelte
+++ b/packages/svelte-ux/src/lib/components/SelectField.svelte
@@ -252,9 +252,9 @@
       !selectFieldEl?.contains(fe.relatedTarget) && // click within <SelectField> (ex. toggleIcon)
       fe.relatedTarget !== selectFieldEl // click on SelectField itself
     ) {
-      hide('blur');
+      hide('blur-sm');
     } else {
-      logger.debug('ignoring blur');
+      logger.debug('ignoring blur-sm');
     }
   }
 
diff --git a/packages/svelte-ux/src/lib/components/Tabs.svelte b/packages/svelte-ux/src/lib/components/Tabs.svelte
index dd776202b..7fffc99b3 100644
--- a/packages/svelte-ux/src/lib/components/Tabs.svelte
+++ b/packages/svelte-ux/src/lib/components/Tabs.svelte
@@ -38,7 +38,7 @@
 >
   <div
     class={cls(
-      'flex gap-1 overflow-auto z-[1]',
+      'flex gap-1 overflow-auto z-1',
       vertical && 'flex-col',
       {
         top: '-mb-px',
diff --git a/packages/svelte-ux/src/lib/components/TextField.svelte b/packages/svelte-ux/src/lib/components/TextField.svelte
index 2bdcd6cf3..bc21db7b6 100644
--- a/packages/svelte-ux/src/lib/components/TextField.svelte
+++ b/packages/svelte-ux/src/lib/components/TextField.svelte
@@ -217,9 +217,9 @@
     'TextField',
     'group flex gap-1',
     labelPlacement !== 'left' ? 'flex-col' : 'items-center',
-    error ? '[--color:theme(colors.danger)]' : '[--color:theme(colors.primary)]',
+    error ? '[--color:var(--color-danger)]' : '[--color:var(--color-primary)]',
     disabled && 'opacity-50 pointer-events-none',
-    !base && (rounded ? 'rounded-full' : 'rounded'),
+    !base && (rounded ? 'rounded-full' : 'rounded-sm'),
     settingsClasses.root,
     classes.root,
     $$props.class
@@ -231,7 +231,7 @@
       class={cls(
         'label',
         'block text-sm font-medium',
-        'truncate group-hover:text-surface-content/70 group-focus-within:text-[var(--color)] group-hover:group-focus-within:text-[var(--color)] cursor-pointer',
+        'truncate group-hover:text-surface-content/70 group-focus-within:text-[var(--color)] group-focus-within:group-hover:text-(--color) cursor-pointer',
         error ? 'text-danger/80' : 'text-surface-content/50',
         `placement-${labelPlacement}`,
         settingsClasses.label,
@@ -246,15 +246,15 @@
     <div
       class={cls(
         'border py-0 transition-shadow',
-        disabled ? '' : 'hover:shadow',
+        disabled ? '' : 'hover:shadow-sm',
         disabled ? '' : error ? 'hover:border-danger' : 'hover:border-surface-content',
         {
           'px-2': !rounded,
           'px-6': rounded && !hasPrepend, // TODO: `hasPrepend` always true for SelectField, etc.  See: https://github.com/sveltejs/svelte/issues/6059
         },
-        !base && ['bg-surface-100', rounded ? 'rounded-full' : 'rounded'],
+        !base && ['bg-surface-100', rounded ? 'rounded-full' : 'rounded-sm'],
         error && 'border-danger',
-        'group-focus-within:shadow-md group-focus-within:border-[var(--color)]',
+        'group-focus-within:shadow-md group-focus-within:border-[var(--color)]!',
         settingsClasses.container,
         classes.container
       )}
@@ -279,12 +279,12 @@
         {/if}
 
         <!-- svelte-ignore a11y-click-events-have-key-events -->
-        <div role={role === 'combobox' ? role : undefined} class="flex-grow inline-grid" on:click>
+        <div role={role === 'combobox' ? role : undefined} class="grow inline-grid" on:click>
           {#if label && ['inset', 'float'].includes(labelPlacement)}
             <span
               class={cls(
                 'label',
-                'col-span-full row-span-full z-[1] flex items-center h-full truncate origin-top-left transition-all duration-200 group-hover:text-surface-content/70 group-focus-within:text-[var(--color)] group-hover:group-focus-within:text-[var(--color)] cursor-pointer',
+                'col-span-full row-span-full z-1 flex items-center h-full truncate origin-top-left transition-all duration-200 group-hover:text-surface-content/70 group-focus-within:text-[var(--color)] group-focus-within:group-hover:text-(--color) cursor-pointer',
                 error ? 'text-danger/80' : 'text-surface-content/50',
                 `placement-${labelPlacement}`,
                 (labelPlacement === 'inset' || hasInputValue) && 'shrink',
@@ -332,10 +332,11 @@
                 on:keydown
                 on:keypress
                 class={cls(
-                  'text-sm border-none w-full bg-transparent outline-none resize-none',
-                  'placeholder-surface-content placeholder-opacity-0 group-focus-within:placeholder-opacity-50',
+                  'text-sm border-none w-full bg-transparent outline-hidden resize-none',
+                  'placeholder-surface-content/0 group-focus-within:placeholder-surface-content/50',
                   error && 'placeholder-danger',
-                  (labelPlacement !== 'float' || !hasInsetLabel) && 'placeholder-opacity-50',
+                  (labelPlacement !== 'float' || !hasInsetLabel) &&
+                    'placeholder-surface-content/50',
                   {
                     'text-left': align === 'left',
                     'text-center': align === 'center',
@@ -372,11 +373,12 @@
                 on:keydown
                 on:keypress
                 class={cls(
-                  'text-sm border-none w-full bg-transparent outline-none truncate',
+                  'text-sm border-none w-full bg-transparent outline-hidden truncate',
                   'selection:bg-surface-content/30',
-                  'placeholder-surface-content placeholder-opacity-0 group-focus-within:placeholder-opacity-50',
+                  'placeholder-surface-content/0 group-focus-within:placeholder-surface-content/50',
                   error && 'placeholder-danger',
-                  (labelPlacement !== 'float' || !hasInsetLabel) && 'placeholder-opacity-50',
+                  (labelPlacement !== 'float' || !hasInsetLabel) &&
+                    'placeholder-surface-content/50',
                   {
                     'text-left': align === 'left',
                     'text-center': align === 'center',
@@ -424,7 +426,7 @@
                 {disabled}
                 value={operator}
                 on:change={onSelectChange}
-                class="appearance-none bg-surface-content/5 border rounded-full mr-2 px-2 text-sm outline-none focus:border-opacity-50 focus:shadow-md"
+                class="appearance-none bg-surface-content/5 border rounded-full mr-2 px-2 text-sm outline-hidden focus:border-opacity-50 focus:shadow-md"
                 style="text-align-last: center;"
               >
                 {#each operators ?? [] as { label, value }}
diff --git a/packages/svelte-ux/src/lib/components/ThemeSelect.svelte b/packages/svelte-ux/src/lib/components/ThemeSelect.svelte
index 0239996c2..2b090eb13 100644
--- a/packages/svelte-ux/src/lib/components/ThemeSelect.svelte
+++ b/packages/svelte-ux/src/lib/components/ThemeSelect.svelte
@@ -66,7 +66,7 @@
     >
       <label
         for="switch-color-scheme"
-        class="grid grid-cols-[1fr,auto,auto] items-center p-2 border-b border-surface-content/10 mb-1 text-sm font-medium sticky top-0 bg-surface-100"
+        class="grid grid-cols-[1fr_auto_auto] items-center p-2 border-b border-surface-content/10 mb-1 text-sm font-medium sticky top-0 bg-surface-100"
       >
         Mode
         {#if $currentTheme.theme}
@@ -110,7 +110,7 @@
             on:click={() => currentTheme.setTheme(themeName)}
             data-theme={themeName}
             class={cls(
-              'bg-surface-100 text-surface-content font-semibold border shadow',
+              'bg-surface-100 text-surface-content font-semibold border shadow-sm',
               $currentTheme.resolvedTheme === themeName && 'ring-2 ring-surface-content'
             )}
           >
@@ -125,7 +125,7 @@
 
       {#if keyboardShortcuts}
         <div
-          class="p-2 grid grid-cols-[auto,1fr] gap-2 items-center text-xs sticky bottom-0 bg-surface-100 border-t border-surface-content/10"
+          class="p-2 grid grid-cols-[auto_1fr] gap-2 items-center text-xs sticky bottom-0 bg-surface-100 border-t border-surface-content/10"
         >
           <span class="font-medium">Toggle scheme:</span>
           <span>
diff --git a/packages/svelte-ux/src/lib/components/Tilt.svelte b/packages/svelte-ux/src/lib/components/Tilt.svelte
index 2128fe7f6..bee117124 100644
--- a/packages/svelte-ux/src/lib/components/Tilt.svelte
+++ b/packages/svelte-ux/src/lib/components/Tilt.svelte
@@ -46,8 +46,8 @@
   style:--brightness={brightness}
   class={cls(
     'Tilt [perspective:600px]',
-    '[&>*]:[transform:rotateX(var(--rotateX))_rotateY(var(--rotateY))]',
-    '[&>*]:brightness-[var(--brightness)]',
+    '*:[transform:rotateX(var(--rotateX))_rotateY(var(--rotateY))]',
+    '*:brightness-(--brightness)',
     settingsClasses.root,
     className
   )}
diff --git a/packages/svelte-ux/src/lib/components/TimelineEvent.svelte b/packages/svelte-ux/src/lib/components/TimelineEvent.svelte
index b57ec2599..b8b0c3797 100644
--- a/packages/svelte-ux/src/lib/components/TimelineEvent.svelte
+++ b/packages/svelte-ux/src/lib/components/TimelineEvent.svelte
@@ -41,7 +41,7 @@
     'relative grid shrink-0 items-center',
     'grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)]',
     'grid-rows-[minmax(0,1fr)_auto_minmax(0,1fr)]',
-    '[--color-completed:theme(colors.primary)]',
+    '[--color-completed:var(--color-primary)]',
     snapPoint
       ? vertical
         ? 'grid-rows-[0.25rem_auto_minmax(0,1fr)]'
@@ -50,7 +50,7 @@
     compact && vertical ? 'grid-cols-[0_auto_minmax(0,1fr)] grid-rows-[0_auto_minmax(0,1fr)]' : '',
     vertical && 'justify-items-center',
     completed &&
-      'timelineevent-completed [&_hr:last-child]:has-[~li.timelineevent-completed]:bg-[var(--color-completed)]',
+      'timelineevent-completed has-[~li.timelineevent-completed]:[&_hr:last-child]:bg-(--color-completed)',
     settingsClasses.root,
     classes.root,
     $$props.class
diff --git a/packages/svelte-ux/src/lib/components/ToggleGroup.svelte b/packages/svelte-ux/src/lib/components/ToggleGroup.svelte
index 048130b21..da5c718e3 100644
--- a/packages/svelte-ux/src/lib/components/ToggleGroup.svelte
+++ b/packages/svelte-ux/src/lib/components/ToggleGroup.svelte
@@ -107,7 +107,7 @@
     options: cls(
       'grid overflow-auto',
       vertical ? 'grid-flow-row' : 'grid-flow-col',
-      rounded === 'full' ? 'rounded-full' : rounded && 'rounded',
+      rounded === 'full' ? 'rounded-full' : rounded && 'rounded-sm',
       variant !== 'outline' && (gap === true ? 'gap-1' : gap === 'px' ? 'gap-px' : ''),
       inset ? 'p-[2px]' : '',
       variantClasses[variant].options,
@@ -123,19 +123,19 @@
         md: 'text-sm',
         lg: 'text-base',
       }[size],
-      rounded === 'full' ? 'rounded-full' : rounded && 'rounded',
+      rounded === 'full' ? 'rounded-full' : rounded && 'rounded-sm',
       // If adding gap between options, round first and last outside edges for options and the indicator
       gap &&
         (vertical
           ? [
-              '[&:not(:first-child)]:rounded-t-none',
-              '[&:not(:last-child)]:rounded-b-none',
+              'not-first:rounded-t-none',
+              'not-last:rounded-b-none',
               '[&:not(:first-child)_.indicator]:rounded-t-none',
               '[&:not(:last-child)_.indicator]:rounded-b-none',
             ]
           : [
-              '[&:not(:first-child)]:rounded-l-none',
-              '[&:not(:last-child)]:rounded-r-none',
+              'not-first:rounded-l-none',
+              'not-last:rounded-r-none',
               '[&:not(:first-child)_.indicator]:rounded-l-none',
               '[&:not(:last-child)_.indicator]:rounded-r-none',
             ]),
@@ -159,7 +159,7 @@
 
     indicator: cls(
       'z-0',
-      rounded === 'full' ? 'rounded-full' : rounded && 'rounded',
+      rounded === 'full' ? 'rounded-full' : rounded && 'rounded-sm',
       variantClasses[variant].indicator,
       settingsClasses.indicator,
       classes.indicator
diff --git a/packages/svelte-ux/src/lib/components/Tooltip.svelte b/packages/svelte-ux/src/lib/components/Tooltip.svelte
index b4ed87b88..47a624bad 100644
--- a/packages/svelte-ux/src/lib/components/Tooltip.svelte
+++ b/packages/svelte-ux/src/lib/components/Tooltip.svelte
@@ -88,7 +88,7 @@
     <slot name="title">
       <div
         class={cls(
-          'text-xs text-surface-100 bg-surface-content px-2 py-1 rounded whitespace-nowrap',
+          'text-xs text-surface-100 bg-surface-content px-2 py-1 rounded-sm whitespace-nowrap',
           settingsClasses.title,
           classes.title
         )}
diff --git a/packages/svelte-ux/src/lib/components/_SelectListOptions.svelte b/packages/svelte-ux/src/lib/components/_SelectListOptions.svelte
index 2317a1d0b..67bf15a79 100644
--- a/packages/svelte-ux/src/lib/components/_SelectListOptions.svelte
+++ b/packages/svelte-ux/src/lib/components/_SelectListOptions.svelte
@@ -33,7 +33,7 @@
   tabindex="-1"
   aria-expanded={open ? 'true' : 'false'}
   class={cls(
-    '_SelectListOptions options group p-1 focus:outline-none',
+    '_SelectListOptions options group p-1 focus:outline-hidden',
     settingsClasses.options,
     classes.root
   )}
diff --git a/packages/svelte-ux/src/routes/+layout.server.ts b/packages/svelte-ux/src/routes/+layout.server.ts
index 0f92d0654..fa22c3d47 100644
--- a/packages/svelte-ux/src/routes/+layout.server.ts
+++ b/packages/svelte-ux/src/routes/+layout.server.ts
@@ -1,10 +1,9 @@
 import { redirect } from '@sveltejs/kit';
 import { getThemeNames } from '@layerstack/tailwind';
+import themeCss from '@layerstack/tailwind/themes/all.css?raw';
 
 import { env } from '$env/dynamic/private';
 
-import themes from '../../themes.json' with { type: 'json' };
-
 export async function load({ url }) {
   // Redirect `svelte-ux.vercel.app` to `svelte-ux.techniq.dev`
   if (url.host === 'svelte-ux.vercel.app') {
@@ -14,7 +13,7 @@ export async function load({ url }) {
   }
 
   return {
-    themes: getThemeNames(themes),
+    themes: getThemeNames(themeCss),
     // themes: { light: ['light'], dark: ['dark'] },
     pr_id: env.VERCEL_GIT_PULL_REQUEST_ID,
   };
diff --git a/packages/svelte-ux/src/routes/+layout.svelte b/packages/svelte-ux/src/routes/+layout.svelte
index 3f05d6b28..d900782ed 100644
--- a/packages/svelte-ux/src/routes/+layout.svelte
+++ b/packages/svelte-ux/src/routes/+layout.svelte
@@ -122,13 +122,13 @@
       },
       AppBar: {
         classes:
-          'bg-primary text-primary-content shadow-md [text-shadow:1px_1px_2px_theme(colors.primary-700)]',
+          'bg-primary text-primary-content shadow-md [text-shadow:1px_1px_2px_var(--color-primary-700)]',
       },
       NavItem: {
         classes: {
           root: 'text-sm text-surface-content/70 pl-6 py-2 hover:bg-surface-100/70 relative',
           active:
-            'text-primary bg-surface-100 font-medium before:absolute before:bg-primary before:rounded-full before:w-1 before:h-2/3 before:left-[6px] shadow z-10',
+            'text-primary bg-surface-100 font-medium before:absolute before:bg-primary before:rounded-full before:w-1 before:h-2/3 before:left-[6px] shadow-sm z-10',
         },
       },
     },
diff --git a/packages/svelte-ux/src/routes/+page.svelte b/packages/svelte-ux/src/routes/+page.svelte
index 95980705b..f37607741 100644
--- a/packages/svelte-ux/src/routes/+page.svelte
+++ b/packages/svelte-ux/src/routes/+page.svelte
@@ -6,7 +6,7 @@
   let selectedTab = 'svelte-cli';
 </script>
 
-<div class="prose max-w-none bg-surface-100 rounded border p-4 mt-4 m-2">
+<div class="prose max-w-none bg-surface-100 rounded-sm border p-4 mt-4 m-2">
   <h1>Getting started</h1>
 
   <h2>Installation</h2>
diff --git a/packages/svelte-ux/src/routes/_NavMenu.svelte b/packages/svelte-ux/src/routes/_NavMenu.svelte
index e645eedbf..fbb46587c 100644
--- a/packages/svelte-ux/src/routes/_NavMenu.svelte
+++ b/packages/svelte-ux/src/routes/_NavMenu.svelte
@@ -76,7 +76,7 @@
 
 <NavItem text="Getting Started" icon={mdiHome} currentUrl={$page.url} path="/" />
 <NavItem text="Customization" icon={mdiCog} currentUrl={$page.url} path="/customization" />
-<NavItem text="Theme" icon={mdiPalette} currentUrl={$page.url} path="/theme" />
+<!-- <NavItem text="Theme" icon={mdiPalette} currentUrl={$page.url} path="/theme" /> -->
 <NavItem text="Changelog" icon={mdiFormatListBulleted} currentUrl={$page.url} path="/changelog" />
 
 <h1>Components</h1>
diff --git a/packages/svelte-ux/src/routes/app.css b/packages/svelte-ux/src/routes/app.css
index b3025af6a..35dcd599e 100644
--- a/packages/svelte-ux/src/routes/app.css
+++ b/packages/svelte-ux/src/routes/app.css
@@ -1,6 +1,29 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
+
+@import '@layerstack/tailwind/theme.css';
+@import '@layerstack/tailwind/themes/all.css';
+@import '@layerstack/tailwind/utils.css';
+
+@plugin '@tailwindcss/typography';
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: color-mix(in oklab, var(--color-surface-content) 20%, transparent);
+    outline-color: color-mix(in oklab, var(--color-surface-content) 20%, transparent);
+  }
+}
 
 html {
   @apply bg-surface-200 accent-primary scroll-smooth;
diff --git a/packages/svelte-ux/src/routes/changelog/+page.svelte b/packages/svelte-ux/src/routes/changelog/+page.svelte
index f023c5697..4d63aeef2 100644
--- a/packages/svelte-ux/src/routes/changelog/+page.svelte
+++ b/packages/svelte-ux/src/routes/changelog/+page.svelte
@@ -9,8 +9,8 @@
   }
 </script>
 
-<div class="grid grid-cols-[1fr,auto] gap-6 pt-2 pb-4">
-  <div class="bg-surface-100 p-2 m-2 rounded shadow-lg border overflow-auto">
+<div class="grid grid-cols-[1fr_auto] gap-6 pt-2 pb-4">
+  <div class="bg-surface-100 p-2 m-2 rounded-sm shadow-lg border overflow-auto">
     <div class="prose px-4">
       {@html marked.parse(sanitize(changelog))}
     </div>
diff --git a/packages/svelte-ux/src/routes/customization/+layout.svelte b/packages/svelte-ux/src/routes/customization/+layout.svelte
index 3a1b1b189..d503f619a 100644
--- a/packages/svelte-ux/src/routes/customization/+layout.svelte
+++ b/packages/svelte-ux/src/routes/customization/+layout.svelte
@@ -2,8 +2,8 @@
   import { TableOfContents } from 'svelte-ux';
 </script>
 
-<div class="grid grid-cols-[1fr,auto] gap-6 pt-2 pb-4">
-  <div class="bg-surface-100 p-4 m-2 rounded shadow-lg border overflow-auto">
+<div class="grid grid-cols-[1fr_auto] gap-6 pt-2 pb-4">
+  <div class="bg-surface-100 p-4 m-2 rounded-sm shadow-lg border overflow-auto">
     <div class="prose max-w-none">
       <slot />
     </div>
diff --git a/packages/svelte-ux/src/routes/customization/+page.md b/packages/svelte-ux/src/routes/customization/+page.md
index d68858cba..f10a1e999 100644
--- a/packages/svelte-ux/src/routes/customization/+page.md
+++ b/packages/svelte-ux/src/routes/customization/+page.md
@@ -121,10 +121,10 @@ Semantic and state colors have a default color (ex. `bg-primary`), shades `50`-`
 
 <Preview>
   <div class="grid grid-cols-2 gap-2">
-    <div class="bg-primary text-primary-content px-2 rounded">primary example</div>
-    <div class="bg-secondary text-secondary-content px-2 rounded">secondary example</div>
-    <div class="bg-success text-success-content px-2 rounded">Success example</div>
-    <div class="bg-danger text-danger-content px-2 rounded">danger example</div>
+    <div class="bg-primary text-primary-content px-2 rounded-sm">primary example</div>
+    <div class="bg-secondary text-secondary-content px-2 rounded-sm">secondary example</div>
+    <div class="bg-success text-success-content px-2 rounded-sm">Success example</div>
+    <div class="bg-danger text-danger-content px-2 rounded-sm">danger example</div>
   </div>
 </Preview>
 
@@ -132,9 +132,9 @@ Surface colors are defined as `100` (lightest), `200` (medium), and `300` (darke
 
 <Preview>
   <div class="grid grid-cols-3 gap-2">
-    <div class="bg-surface-100 text-surface-content px-2 rounded">surface-100 example</div>
-    <div class="bg-surface-200 text-surface-content px-2 rounded">surface-200 example</div>
-    <div class="bg-surface-300 text-surface-content px-2 rounded">surface-300 example</div>
+    <div class="bg-surface-100 text-surface-content px-2 rounded-sm">surface-100 example</div>
+    <div class="bg-surface-200 text-surface-content px-2 rounded-sm">surface-200 example</div>
+    <div class="bg-surface-300 text-surface-content px-2 rounded-sm">surface-300 example</div>
   </div>
 </Preview>
 
@@ -147,8 +147,8 @@ Colors can be referenced using Tailwind classes such as `bg-primary`, `text-prim
 You can also reference the colors using `theme()`, which is helpful to set CSS variables.
 
 ```html
-<div class="[--text-color:theme(colors.primary)]" />
-<div class="[--text-color:theme(colors.primary/50%)]" />
+<div class="[--text-color:var(--color-primary)]" />
+<div class="[--text-color:var(--color-primary)]/50" />
 
 <style>
   div {
@@ -238,7 +238,7 @@ These are typically setup within your root `+layout.svelte`.
 To easily change the active theme, [ThemeSelect](/docs/components/ThemeSelect) and [ThemeSwitch](/docs/components/ThemeSwitch) are provided. `ThemeSwitch` can be used to simply toggle between `light` and `dark` themes, and `ThemeSelect` supports selecting a theme when additional light and/or dark themes are defined.
 
 <Preview>
-  <div class="grid grid-cols-[auto,1fr] gap-3 items-center justify-items-start">
+  <div class="grid grid-cols-[auto_1fr] gap-3 items-center justify-items-start">
     <div class="font-semibold text-sm">ThemeSwitch</div>
     <ThemeSwitch />
     <div class="font-semibold text-sm">ThemeSelect</div>
diff --git a/packages/svelte-ux/src/routes/docs/+layout.svelte b/packages/svelte-ux/src/routes/docs/+layout.svelte
index ef0d5b02f..781df4603 100644
--- a/packages/svelte-ux/src/routes/docs/+layout.svelte
+++ b/packages/svelte-ux/src/routes/docs/+layout.svelte
@@ -87,7 +87,7 @@
 </script>
 
 <div
-  class="[@media(min-height:900px)]:sticky top-[var(--headerHeight)] z-[60] bg-surface-200/90 backdrop-blur px-5 py-4 [mask-image:linear-gradient(to_bottom,rgba(0,0,0,1)calc(100%-4px),rgba(0,0,0,0))]"
+  class="[@media(min-height:900px)]:sticky top-[var(--headerHeight)] z-60 bg-surface-200/90 backdrop-blur-sm px-5 py-4 [mask-image:linear-gradient(to_bottom,rgba(0,0,0,1)calc(100%-4px),rgba(0,0,0,0))]"
 >
   {#if title}
     <div>
@@ -103,7 +103,7 @@
       {#if status}
         <span
           class={cls(
-            'text-sm  px-2 rounded',
+            'text-sm  px-2 rounded-sm',
             status === 'beta' && 'bg-yellow-500/20 text-yellow-800',
             status === 'deprecated' && 'bg-danger/20 text-danger-900'
           )}
@@ -180,7 +180,7 @@
     {/key}
   {/if}
 
-  <div class="grid xl:grid-cols-[1fr,auto] gap-6 pb-4">
+  <div class="grid xl:grid-cols-[1fr_auto] gap-6 pb-4">
     <div class="overflow-auto p-1">
       {#if type === 'components' && !hideUsage}
         {#key $page.route.id}
@@ -194,7 +194,7 @@
           <h1 id="features">Features</h1>
           <ul class="grid gap-2 pl-4 text-surface-content">
             {#each features as feature}
-              <li class="grid grid-cols-[auto,1fr] gap-2">
+              <li class="grid grid-cols-[auto_1fr] gap-2">
                 <Icon data={mdiCheckCircle} class="text-success pt-1" />
                 <span>{@html feature}</span>
               </li>
@@ -257,7 +257,7 @@
 
     {#if showTableOfContents && $xlScreen}
       <div
-        class="w-[224px] sticky top-[calc(var(--headerHeight)+10px)] pr-2 max-h-[calc(100dvh-64px)] overflow-auto z-[60]"
+        class="w-[224px] sticky top-[calc(var(--headerHeight)+10px)] pr-2 max-h-[calc(100dvh-64px)] overflow-auto z-60"
       >
         <div class="text-xs uppercase leading-8 tracking-widest text-surface-content/50">
           On this page
diff --git a/packages/svelte-ux/src/routes/docs/components/Breadcrumb/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Breadcrumb/+page.svelte
index b306a0351..ff71e5180 100644
--- a/packages/svelte-ux/src/routes/docs/components/Breadcrumb/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Breadcrumb/+page.svelte
@@ -102,7 +102,7 @@
 <h3>inherit</h3>
 
 <Preview>
-  <div class="bg-primary text-primary-content p-2 rounded">
+  <div class="bg-primary text-primary-content p-2 rounded-sm">
     <Breadcrumb {items} />
   </div>
 </Preview>
diff --git a/packages/svelte-ux/src/routes/docs/components/Button/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Button/+page.svelte
index 5d15babd7..e9dbdaaad 100644
--- a/packages/svelte-ux/src/routes/docs/components/Button/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Button/+page.svelte
@@ -101,7 +101,7 @@
   </div>
 </Preview>
 
-<div class="grid grid-cols-[1fr,auto] gap-2 items-end">
+<div class="grid grid-cols-[1fr_auto] gap-2 items-end">
   <h2>Variants, Color & Size</h2>
   <Field label="size: " labelPlacement="left" class="mb-1">
     <ToggleGroup bind:value={size} size="sm">
@@ -135,10 +135,10 @@
           </div>
           <div>
             <!-- TODO: CSS variables for each variant -->
-            <!-- <Button {variant} {size} class="[--bg-color:theme(colors.blue.500)] [--text-color:white]">
+            <!-- <Button {variant} {size} class="[--bg-color:var(--color-blue-500)] [--text-color:white]">
               Color Variables
             </Button>
-            <Button {variant} {size} class="[--bg-color:theme(colors.emerald.500)] [--text-color:white]">
+            <Button {variant} {size} class="[--bg-color:var(--color-emerald-500)] [--text-color:white]">
               Color Variables
             </Button> -->
           </div>
@@ -167,25 +167,25 @@
     <div>
       <Button variant="outline" color="primary">default</Button>
       <Button variant="outline" color="primary" rounded>rounded</Button>
-      <Button variant="outline" color="primary" rounded="full">full</Button>
+      <Button variant="outline" color="primary" rounded-sm="full">full</Button>
       <Button variant="outline" color="primary" rounded={false}>false</Button>
     </div>
     <div>
       <Button variant="fill" color="primary">default</Button>
       <Button variant="fill" color="primary" rounded>rounded</Button>
-      <Button variant="fill" color="primary" rounded="full">full</Button>
+      <Button variant="fill" color="primary" rounded-sm="full">full</Button>
       <Button variant="fill" color="primary" rounded={false}>false</Button>
     </div>
     <div>
       <Button variant="fill-light" color="primary">default</Button>
       <Button variant="fill-light" color="primary" rounded>rounded</Button>
-      <Button variant="fill-light" color="primary" rounded="full">full</Button>
+      <Button variant="fill-light" color="primary" rounded-sm="full">full</Button>
       <Button variant="fill-light" color="primary" rounded={false}>false</Button>
     </div>
     <div>
       <Button variant="fill-outline" color="primary">default</Button>
       <Button variant="fill-outline" color="primary" rounded>rounded</Button>
-      <Button variant="fill-outline" color="primary" rounded="full">full</Button>
+      <Button variant="fill-outline" color="primary" rounded-sm="full">full</Button>
       <Button variant="fill-outline" color="primary" rounded={false}>false</Button>
     </div>
   </div>
diff --git a/packages/svelte-ux/src/routes/docs/components/Dialog/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Dialog/+page.svelte
index 5959b40e8..889b7a30d 100644
--- a/packages/svelte-ux/src/routes/docs/components/Dialog/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Dialog/+page.svelte
@@ -221,7 +221,7 @@
       <div class="p-5">
         <div class="mb-4">
           The <span
-            class="font-mono bg-primary-700/20 text-primary-500 font-medium px-1 py-0.5 rounded"
+            class="font-mono bg-primary-700/20 text-primary-500 font-medium px-1 py-0.5 rounded-sm"
             >close</span
           > method is available on every slot.
         </div>
diff --git a/packages/svelte-ux/src/routes/docs/components/Drawer/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Drawer/+page.svelte
index 9c67a6581..ce7194d6d 100644
--- a/packages/svelte-ux/src/routes/docs/components/Drawer/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Drawer/+page.svelte
@@ -155,7 +155,7 @@
         class="w-[400px]"
       >
         <div class="p-4">
-          <div class="grid grid-cols-[1fr,auto] items-center">
+          <div class="grid grid-cols-[1fr_auto] items-center">
             Changed
             <Switch bind:checked={isChanged} />
           </div>
diff --git a/packages/svelte-ux/src/routes/docs/components/Field/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Field/+page.svelte
index 5ad2287a0..492684464 100644
--- a/packages/svelte-ux/src/routes/docs/components/Field/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Field/+page.svelte
@@ -130,7 +130,7 @@
     </div>
     <Preview>
       <Field label="Is Active">
-        <ToggleGroup variant="outline" inset rounded="full" size="sm" class="w-full">
+        <ToggleGroup variant="outline" inset rounded-sm="full" size="sm" class="w-full">
           <ToggleOption value="yes">Yes</ToggleOption>
           <ToggleOption value="no">No</ToggleOption>
           <ToggleOption value="all">All</ToggleOption>
@@ -144,7 +144,7 @@
     <div class="text-xs font-semibold text-surface-content/50 mb-1 ml-2">with icons</div>
     <Preview>
       <Field label="Is Active">
-        <ToggleGroup variant="outline" inset rounded="full">
+        <ToggleGroup variant="outline" inset rounded-sm="full">
           <ToggleOption value="yes">
             <Icon data={mdiAccount} />
           </ToggleOption>
@@ -172,7 +172,7 @@
 
 <Preview>
   <Field label="Date of Birth" let:id>
-    <input {id} type="date" class="text-sm w-full outline-none bg-surface-100" />
+    <input {id} type="date" class="text-sm w-full outline-hidden bg-surface-100" />
   </Field>
 </Preview>
 
@@ -186,7 +186,7 @@
       min={0}
       max={10}
       step={1}
-      class="w-full outline-none bg-surface-100"
+      class="w-full outline-hidden bg-surface-100"
     />
   </Field>
 </Preview>
@@ -203,7 +203,10 @@
 
 <Preview>
   <Field label="Position" let:id>
-    <select {id} class="text-sm w-full outline-none appearance-none cursor-pointer bg-surface-100">
+    <select
+      {id}
+      class="text-sm w-full outline-hidden appearance-none cursor-pointer bg-surface-100"
+    >
       <option value={1}>First</option>
       <option value={2}>Second</option>
       <option value={3}>Third</option>
diff --git a/packages/svelte-ux/src/routes/docs/components/Gooey/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Gooey/+page.svelte
index 5459b1e24..c789e652d 100644
--- a/packages/svelte-ux/src/routes/docs/components/Gooey/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Gooey/+page.svelte
@@ -67,7 +67,7 @@
   </Gooey>
 </Preview>
 
-<div class="grid grid-cols-[1fr,auto] gap-2 items-end">
+<div class="grid grid-cols-[1fr_auto] gap-2 items-end">
   <h2>Rounded text background</h2>
   <RangeField label="blur: " labelPlacement="left" bind:value={gooeyBlur} max={13} class="mb-1" />
 </div>
@@ -76,7 +76,7 @@
   <Gooey blur={gooeyBlur} alphaPixel={19} alphaShift={-9} composite="atop">
     <div
       contenteditable="true"
-      class="inline bg-surface-100 box-decoration-clone text-xl leading-7 px-2 py-1 outline-none"
+      class="inline bg-surface-100 box-decoration-clone text-xl leading-7 px-2 py-1 outline-hidden"
     >
       This is an example of a simple headline<br />or text with rounded corners<br />using a gooey
       SVG filter.<br />You can edit me!
@@ -92,12 +92,12 @@
   <a href="https://codepen.io/ines" target="_blank">Ines Montani</a>
 </Blockquote>
 
-<div class="grid grid-cols-[1fr,auto] gap-2 items-end">
+<div class="grid grid-cols-[1fr_auto] gap-2 items-end">
   <h2>Orbiting glowing dot</h2>
   <RangeField label="blur: " labelPlacement="left" bind:value={gooeyBlur} max={13} class="mb-1" />
 </div>
 
-<Preview class="bg-gradient-radial from-neutral-600 to-neutral-800">
+<Preview class="bg-radial from-neutral-600 to-neutral-800">
   <div class="grid grid-stack place-items-center" style:--orbit-radius="75px">
     <Gooey blur={gooeyBlur} alphaPixel={19} alphaShift={-9}>
       <div class="w-[300px] h-[300px] grid grid-stack place-items-center">
@@ -126,12 +126,12 @@
   <a href="https://codepen.io/hostsamurai" target="_blank">Lou</a>
 </Blockquote>
 
-<div class="grid grid-cols-[1fr,auto] gap-2 items-end">
+<div class="grid grid-cols-[1fr_auto] gap-2 items-end">
   <h2>Scanning glowing dot</h2>
   <RangeField label="blur: " labelPlacement="left" bind:value={gooeyBlur} max={13} class="mb-1" />
 </div>
 
-<Preview class="bg-gradient-radial from-neutral-600 to-neutral-800 text-center">
+<Preview class="bg-radial from-neutral-600 to-neutral-800 text-center">
   <div class="relative inline-block">
     <Gooey blur={gooeyBlur} alphaPixel={19} alphaShift={-9}>
       <div class="flex gap-8">
@@ -161,7 +161,7 @@
   <a href="https://codepen.io/hostsamurai" target="_blank">Lou</a>
 </Blockquote>
 
-<div class="grid grid-cols-[1fr,auto] gap-2 items-end">
+<div class="grid grid-cols-[1fr_auto] gap-2 items-end">
   <h2>Converging dots</h2>
   <RangeField label="blur: " labelPlacement="left" bind:value={gooeyBlur} max={10} class="mb-1" />
 </div>
@@ -181,7 +181,7 @@
   </Gooey>
 </Preview>
 
-<div class="grid grid-cols-[1fr,auto] gap-2 items-end">
+<div class="grid grid-cols-[1fr_auto] gap-2 items-end">
   <h2>Gooey mouse</h2>
   <RangeField label="blur: " labelPlacement="left" bind:value={gooeyBlur} max={10} class="mb-1" />
 </div>
diff --git a/packages/svelte-ux/src/routes/docs/components/GridTailwind/+page.svelte b/packages/svelte-ux/src/routes/docs/components/GridTailwind/+page.svelte
index 24dd678d9..f4dc99615 100644
--- a/packages/svelte-ux/src/routes/docs/components/GridTailwind/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/GridTailwind/+page.svelte
@@ -72,7 +72,7 @@
 <h2>Template</h2>
 
 <Preview>
-  <div class="grid grid-cols-[auto,1fr,auto] gap-2">
+  <div class="grid grid-cols-[auto_1fr_auto] gap-2">
     <div class="border">item</div>
     <div class="border">item</div>
     <div class="border">item</div>
diff --git a/packages/svelte-ux/src/routes/docs/components/Icon/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Icon/+page.svelte
index ca3053b3b..5ee3fb0a1 100644
--- a/packages/svelte-ux/src/routes/docs/components/Icon/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Icon/+page.svelte
@@ -27,7 +27,7 @@
 
 <h1>Examples</h1>
 
-<div class="grid grid-cols-[1fr,auto] items-center gap-2">
+<div class="grid grid-cols-[1fr_auto] items-center gap-2">
   <h2>Material Design icons</h2>
 
   <ButtonGroup variant="fill-light" color="primary" size="sm">
@@ -58,7 +58,7 @@
   </Icon>
 </Preview>
 
-<div class="grid grid-cols-[1fr,auto] items-center gap-2">
+<div class="grid grid-cols-[1fr_auto] items-center gap-2">
   <h2>Font Awesome icons</h2>
   <ButtonGroup variant="fill-light" color="primary" size="sm">
     <Button
@@ -76,7 +76,7 @@
   <Icon data={faUser} />
 </Preview>
 
-<div class="grid grid-cols-[1fr,auto] items-center gap-2">
+<div class="grid grid-cols-[1fr_auto] items-center gap-2">
   <h2>Material Symbols font</h2>
 
   <ButtonGroup variant="fill-light" color="primary" size="sm">
diff --git a/packages/svelte-ux/src/routes/docs/components/Input/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Input/+page.svelte
index e8c097fa4..9a0c5900a 100644
--- a/packages/svelte-ux/src/routes/docs/components/Input/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Input/+page.svelte
@@ -96,7 +96,7 @@
 <h2>bind:value</h2>
 
 <Preview>
-  <div class="grid grid-cols-[60px,auto]">
+  <div class="grid grid-cols-[60px_auto]">
     <span class="font-semibold">Input:</span>
     <Input bind:value />
 
diff --git a/packages/svelte-ux/src/routes/docs/components/ListItem/+page.svelte b/packages/svelte-ux/src/routes/docs/components/ListItem/+page.svelte
index 08a08ed0d..1a4667f53 100644
--- a/packages/svelte-ux/src/routes/docs/components/ListItem/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/ListItem/+page.svelte
@@ -102,7 +102,7 @@
 <h3>example 1</h3>
 
 <Preview>
-  <div class="rounded border">
+  <div class="rounded-sm border">
     {#each choices as choice}
       <ListItem
         title={choice.name}
@@ -129,14 +129,14 @@
 <Preview>
   <div class="grid gap-4">
     {#each choices as choice}
-      <div class="elevation-1 rounded">
+      <div class="elevation-1 rounded-sm">
         <ListItem
           title={choice.name}
           subheading={choice.description}
           on:click={() => (selectedId = choice.id)}
           class={cls(
             'px-8 py-4',
-            'cursor-pointer ring ring-inset ring-primary transition-shadow duration-100',
+            'cursor-pointer ring-3 ring-inset ring-primary transition-shadow duration-100',
             'hover:bg-primary/5',
             selectedId == choice.id ? 'ring-1 bg-primary/5' : 'ring-0'
           )}
diff --git a/packages/svelte-ux/src/routes/docs/components/Month/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Month/+page.svelte
index fe5c456ee..0ca2b8593 100644
--- a/packages/svelte-ux/src/routes/docs/components/Month/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Month/+page.svelte
@@ -154,7 +154,7 @@
 <h2>Selected state w/ multi-month</h2>
 
 <Preview>
-  <div class="grid grid-cols-[1fr,1fr] gap-10">
+  <div class="grid grid-cols-[1fr_1fr] gap-10">
     <div>
       <Month
         selected={selectedMultiMonth}
diff --git a/packages/svelte-ux/src/routes/docs/components/MultiSelectField/+page.svelte b/packages/svelte-ux/src/routes/docs/components/MultiSelectField/+page.svelte
index be0ca3cc3..8778bad0b 100644
--- a/packages/svelte-ux/src/routes/docs/components/MultiSelectField/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/MultiSelectField/+page.svelte
@@ -87,7 +87,7 @@
     <svelte:fragment slot="beforeOptions" let:selection>
       {#if selection.isMaxSelected()}
         <div
-          class="bg-danger/5 border-danger text-danger-600 border text-sm font-semibold p-2 rounded mb-1"
+          class="bg-danger/5 border-danger text-danger-600 border text-sm font-semibold p-2 rounded-sm mb-1"
           transition:slide
         >
           Maximum selection reached
diff --git a/packages/svelte-ux/src/routes/docs/components/Popover/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Popover/+page.svelte
index 669c206b5..dd6de02be 100644
--- a/packages/svelte-ux/src/routes/docs/components/Popover/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Popover/+page.svelte
@@ -14,7 +14,7 @@
 <Preview>
   <div class="inline-block">
     <Popover bind:open>
-      <div class="p-2 bg-surface-100 border shadow">Example contents</div>
+      <div class="p-2 bg-surface-100 border shadow-sm">Example contents</div>
     </Popover>
     <Button on:click={() => (open = !open)}>Click me</Button>
   </div>
@@ -29,7 +29,7 @@
         <div class="col-start-2 text-right">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="top-start">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Top Start</Button>
           </div>
@@ -39,7 +39,7 @@
         <div class="col-start-3 text-center">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="top">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Top</Button>
           </div>
@@ -49,7 +49,7 @@
         <div class="col-start-4 text-left">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="top-end">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Top End</Button>
           </div>
@@ -59,7 +59,7 @@
         <div class="col-start-1 text-right">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="left-start">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Left Start</Button>
           </div>
@@ -69,7 +69,7 @@
         <div class="col-start-5 text-left">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="right-start">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Right Start</Button>
           </div>
@@ -79,7 +79,7 @@
         <div class="col-start-1 text-right">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="left">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Left</Button>
           </div>
@@ -89,7 +89,7 @@
         <div class="col-start-5 text-left">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="right">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Right</Button>
           </div>
@@ -99,7 +99,7 @@
         <div class="col-start-1 text-right">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="left-end">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Left End</Button>
           </div>
@@ -109,7 +109,7 @@
         <div class="col-start-5 text-left">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="right-end">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Right End</Button>
           </div>
@@ -119,7 +119,7 @@
         <div class="col-start-2 text-right">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="bottom-start">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Bottom Start</Button>
           </div>
@@ -129,7 +129,7 @@
         <div class="col-start-3 text-center">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="bottom">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Bottom</Button>
           </div>
@@ -139,7 +139,7 @@
         <div class="col-start-4 text-left">
           <div class="inline-block">
             <Popover {open} on:close={toggleOff} placement="bottom-start">
-              <div class="px-4 py-8 bg-surface-100 border shadow">Contents</div>
+              <div class="px-4 py-8 bg-surface-100 border shadow-sm">Contents</div>
             </Popover>
             <Button on:click={toggle}>Bottom End</Button>
           </div>
diff --git a/packages/svelte-ux/src/routes/docs/components/Progress/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Progress/+page.svelte
index 8131f7623..846377b2f 100644
--- a/packages/svelte-ux/src/routes/docs/components/Progress/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Progress/+page.svelte
@@ -30,26 +30,26 @@
 <h2>Color</h2>
 
 <Preview>
-  <Progress value={0.5} class="[--color:theme(colors.success)]" />
-  <Progress value={0.7} class="[--color:theme(colors.warning)]" />
-  <Progress value={0.9} class="[--color:theme(colors.danger)]" />
+  <Progress value={0.5} class="[--color:var(--color-success)]" />
+  <Progress value={0.7} class="[--color:var(--color-warning)]" />
+  <Progress value={0.9} class="[--color:var(--color-danger)]" />
 </Preview>
 
 <h2>Track color</h2>
 
 <Preview>
-  <Progress value={0.5} class="[--track-color:theme(colors.primary/5%)]" />
+  <Progress value={0.5} class="[--track-color:var(--color-primary)]/5" />
   <Progress
     value={0.5}
-    class="[--color:theme(colors.success)] [--track-color:theme(colors.success/5%)]"
+    class="[--color:var(--color-success)] [--track-color:var(--color-success)]/5"
   />
   <Progress
     value={0.7}
-    class="[--color:theme(colors.warning)] [--track-color:theme(colors.warning/5%)]"
+    class="[--color:var(--color-warning)] [--track-color:var(--color-warning)]/5"
   />
   <Progress
     value={0.9}
-    class="[--color:theme(colors.danger)] [--track-color:theme(colors.danger/5%)]"
+    class="[--color:var(--color-danger)] [--track-color:var(--color-danger)]/5"
   />
 </Preview>
 
@@ -60,10 +60,10 @@
     bind:value
     class={cls(
       value > 90
-        ? '[--color:theme(colors.danger)]'
+        ? '[--color:var(--color-danger)]'
         : value > 50
-          ? '[--color:theme(colors.warning)]'
-          : '[--color:theme(colors.success)]'
+          ? '[--color:var(--color-warning)]'
+          : '[--color:var(--color-success)]'
     )}
     max={100}
   />
diff --git a/packages/svelte-ux/src/routes/docs/components/ProgressCircle/+page.svelte b/packages/svelte-ux/src/routes/docs/components/ProgressCircle/+page.svelte
index 2f66c2ce7..e57ecf49d 100644
--- a/packages/svelte-ux/src/routes/docs/components/ProgressCircle/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/ProgressCircle/+page.svelte
@@ -15,8 +15,8 @@
 
 <h2>Demo</h2>
 
-<div class="border rounded bg-surface-100">
-  <div class="grid grid-cols-[1fr,auto] items-center justify-items-center gap-4">
+<div class="border rounded-sm bg-surface-100">
+  <div class="grid grid-cols-[1fr_auto] items-center justify-items-center gap-4">
     <ProgressCircle value={indeterminate ? null : value} {size} {width} {rotate} {track}>
       {#if label}
         <span class="text-surface-content/50 text-xs">
@@ -176,10 +176,10 @@
 
 <Preview>
   <div class="flex gap-4">
-    <ProgressCircle class="text-blue-500 [--track-color:theme(colors.blue.500/10%)]" track />
-    <ProgressCircle class="text-danger [--track-color:theme(colors.danger/10%)]" track />
-    <ProgressCircle class="text-info [--track-color:theme(colors.info/10%)]" track />
-    <ProgressCircle class="text-success [--track-color:theme(colors.success/10%)]" track />
-    <ProgressCircle class="text-warning [--track-color:theme(colors.warning/10%)]" track />
+    <ProgressCircle class="text-blue-500 [--track-color:var(--color-blue-500)]/10" track />
+    <ProgressCircle class="text-danger [--track-color:var(--color-danger)]/10" track />
+    <ProgressCircle class="text-info [--track-color:var(--color-info)]/10" track />
+    <ProgressCircle class="text-success [--track-color:var(--color-success)]/10" track />
+    <ProgressCircle class="text-warning [--track-color:var(--color-warning)]/10" track />
   </div>
 </Preview>
diff --git a/packages/svelte-ux/src/routes/docs/components/ScrollingValue/+page.svelte b/packages/svelte-ux/src/routes/docs/components/ScrollingValue/+page.svelte
index 22234ec1c..b9a5a785e 100644
--- a/packages/svelte-ux/src/routes/docs/components/ScrollingValue/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/ScrollingValue/+page.svelte
@@ -65,7 +65,7 @@
 
 <h1>Examples</h1>
 
-<div class="grid grid-cols-[1fr,140px] items-center gap-6">
+<div class="grid grid-cols-[1fr_140px] items-center gap-6">
   <ButtonGroup variant="fill-light" class="grid grid-flow-col ml-2">
     <Button on:click={() => (value -= 100)}>-100</Button>
     <Button on:click={() => (value -= 10)}>-10</Button>
@@ -127,7 +127,7 @@
       }}
       classes={{
         value:
-          'font-bold text-transparent bg-clip-text bg-gradient-to-b from-success-200 via-cyan-400 to-blue-500',
+          'font-bold text-transparent bg-clip-text bg-linear-to-b from-success-200 via-cyan-400 to-blue-500',
       }}
     />
   </span>
@@ -220,7 +220,7 @@
 <Preview>
   {@const startOfMonth = addMonths(firstOfMonth, value)}
   <div class="grid w-96">
-    <div class="grid grid-cols-[auto,1fr,auto] items-center justify-items-center">
+    <div class="grid grid-cols-[auto_1fr_auto] items-center justify-items-center">
       <Button icon={mdiChevronLeft} class="p-2" on:click={() => (value -= 1)} />
       <div>{$format(startOfMonth, PeriodType.Month)}</div>
       <Button icon={mdiChevronRight} class="p-2" on:click={() => (value += 1)} />
diff --git a/packages/svelte-ux/src/routes/docs/components/SelectField/+page.svelte b/packages/svelte-ux/src/routes/docs/components/SelectField/+page.svelte
index f1284b771..575d3bae2 100644
--- a/packages/svelte-ux/src/routes/docs/components/SelectField/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/SelectField/+page.svelte
@@ -296,7 +296,7 @@
         )}
         scrollIntoView={index === highlightIndex}
       >
-        <div class="grid grid-cols-[1fr,auto] items-center w-full">
+        <div class="grid grid-cols-[1fr_auto] items-center w-full">
           <div>
             <div>{option.label}</div>
             <div class="text-sm text-surface-content/50">{option.value}</div>
@@ -305,7 +305,7 @@
             <Toggle let:on={open} let:toggle let:toggleOff>
               <Button
                 icon={mdiPencil}
-                class="p-1 text-xs text-surface-content/50 z-[9999]"
+                class="p-1 text-xs text-surface-content/50 z-9999"
                 on:click={toggle}
               />
               <Drawer {open} on:close={toggleOff} class="w-[400px]">
diff --git a/packages/svelte-ux/src/routes/docs/components/Shine/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Shine/+page.svelte
index d97bc0078..c90c69a11 100644
--- a/packages/svelte-ux/src/routes/docs/components/Shine/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Shine/+page.svelte
@@ -41,7 +41,7 @@
 
 <Preview class="bg-neutral-700">
   <Shine depth={3} lightColor="#FF0000">
-    <div class="text-[9rem] leading-[9rem] grayscale-[100] brightness-50">👻 💀 🧪</div>
+    <div class="text-[9rem] leading-[9rem] grayscale-100 brightness-50">👻 💀 🧪</div>
   </Shine>
 </Preview>
 
diff --git a/packages/svelte-ux/src/routes/docs/components/SpringValue/+page.svelte b/packages/svelte-ux/src/routes/docs/components/SpringValue/+page.svelte
index 00f714db8..5a27b8d9f 100644
--- a/packages/svelte-ux/src/routes/docs/components/SpringValue/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/SpringValue/+page.svelte
@@ -31,7 +31,7 @@
 
 <h1>Examples</h1>
 
-<div class="grid grid-cols-[1fr,auto,auto] gap-2">
+<div class="grid grid-cols-[1fr_auto_auto] gap-2">
   <ButtonGroup variant="fill-light" class="grid grid-flow-col ml-2">
     <Button on:click={() => increment(-100)}>-100</Button>
     <Button on:click={() => increment(-10)}>-10</Button>
diff --git a/packages/svelte-ux/src/routes/docs/components/StackTailwind/+page.svelte b/packages/svelte-ux/src/routes/docs/components/StackTailwind/+page.svelte
index 1d1357418..f9acaa2d0 100644
--- a/packages/svelte-ux/src/routes/docs/components/StackTailwind/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/StackTailwind/+page.svelte
@@ -71,7 +71,7 @@
 <h2>Template</h2>
 
 <Preview>
-  <div class="grid grid-flow-col grid-cols-[auto,1fr,auto] gap-2">
+  <div class="grid grid-flow-col grid-cols-[auto_1fr_auto] gap-2">
     <div class="border">item</div>
     <div class="border">item</div>
     <div class="border">item</div>
@@ -144,7 +144,7 @@
 <h2>Template</h2>
 
 <Preview>
-  <div class="grid grid-rows-[auto,1fr,auto] gap-2 h-64">
+  <div class="grid grid-rows-[auto_1fr_auto] gap-2 h-64">
     <div class="border">item</div>
     <div class="border">item</div>
     <div class="border">item</div>
diff --git a/packages/svelte-ux/src/routes/docs/components/Steps/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Steps/+page.svelte
index 527e472f2..ef2b95186 100644
--- a/packages/svelte-ux/src/routes/docs/components/Steps/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Steps/+page.svelte
@@ -131,12 +131,12 @@
 
 <Preview>
   <div class="inline-grid gap-2 justify-items-center">
-    <Steps data={stepsWithIcon} classes={{ item: { line: 'h-1 w-1/2 rounded' } }} />
+    <Steps data={stepsWithIcon} classes={{ item: { line: 'h-1 w-1/2 rounded-sm' } }} />
     <div>or</div>
     <Steps
       data={stepsWithIcon}
       classes={{
-        item: { label: 'z-[1]', point: 'outline outline-[20px] outline-surface-100', line: 'h-1' },
+        item: { label: 'z-1', point: 'outline outline-[20px] outline-surface-100', line: 'h-1' },
       }}
     />
   </div>
@@ -181,7 +181,7 @@
     classes={{
       item: {
         point: 'size-10',
-        completed: 'bg-gradient-to-br from-primary to-secondary text-primary-content',
+        completed: 'bg-linear-to-br from-primary to-secondary text-primary-content',
       },
     }}
   />
@@ -196,7 +196,7 @@
     classes={{
       item: {
         point: 'size-10',
-        completed: 'bg-gradient-to-br from-primary to-secondary text-primary-content',
+        completed: 'bg-linear-to-br from-primary to-secondary text-primary-content',
       },
     }}
   />
diff --git a/packages/svelte-ux/src/routes/docs/components/Switch/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Switch/+page.svelte
index ff3ec919f..3f10abab7 100644
--- a/packages/svelte-ux/src/routes/docs/components/Switch/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Switch/+page.svelte
@@ -85,7 +85,7 @@
 <h2>Color</h2>
 
 <Preview>
-  <div class="inline-grid grid-cols-[auto,auto] gap-2">
+  <div class="inline-grid grid-cols-[auto_auto] gap-2">
     <Switch color="primary" />
     <Switch checked color="primary" />
     <Switch color="secondary" />
diff --git a/packages/svelte-ux/src/routes/docs/components/Timeline/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Timeline/+page.svelte
index 2c6ba7138..b2b2d8403 100644
--- a/packages/svelte-ux/src/routes/docs/components/Timeline/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Timeline/+page.svelte
@@ -262,7 +262,7 @@
     vertical
     classes={{
       event: {
-        root: 'grid-cols-[40px,auto,1fr]',
+        root: 'grid-cols-[40px_auto_1fr]',
         start: 'text-sm font-semibold mr-1',
         end: 'border rounded-lg text-sm p-2 m-1',
         icon: 'size-5',
@@ -340,9 +340,9 @@
         classes={{
           root: cls(
             {
-              completed: '[--color-completed:theme(colors.success)]',
-              failed: '[--color-completed:theme(colors.danger)]',
-              'in-progress': '[--color-completed:theme(colors.info)]',
+              completed: '[--color-completed:var(--color-success)]',
+              failed: '[--color-completed:var(--color-danger)]',
+              'in-progress': '[--color-completed:var(--color-info)]',
             }[item.status]
           ),
           line: 'w-0.5',
diff --git a/packages/svelte-ux/src/routes/docs/components/ToggleGroup/+page.svelte b/packages/svelte-ux/src/routes/docs/components/ToggleGroup/+page.svelte
index 7a228a0cc..3abb677c6 100644
--- a/packages/svelte-ux/src/routes/docs/components/ToggleGroup/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/ToggleGroup/+page.svelte
@@ -18,7 +18,7 @@
 
   let variant: ComponentProps<ToggleGroup>['variant'] = 'default';
   let size: ComponentProps<ToggleGroup>['size'] = 'md';
-  let rounded: ComponentProps<ToggleGroup>['rounded'] = true;
+  let rounded: ComponentProps<ToggleGroup>['rounded-sm'] = true;
   let inset: ComponentProps<ToggleGroup>['inset'] = false;
   let gap: ComponentProps<ToggleGroup>['gap'] = false;
   let vertical: ComponentProps<ToggleGroup>['vertical'] = false;
@@ -46,7 +46,7 @@
 
         <svelte:fragment slot="panes">
           {#if showPanes}
-            <div class="mt-2 p-4 bg-surface-content/5 rounded border">
+            <div class="mt-2 p-4 bg-surface-content/5 rounded-sm border">
               <TogglePanel>All panel</TogglePanel>
               <TogglePanel>Missed panel</TogglePanel>
               <TogglePanel>Calls panel</TogglePanel>
@@ -75,9 +75,9 @@
     </Field>
 
     <Field label="Rounded" classes={{ container: 'h-full', input: 'flex gap-3 md:grid md:gap-1' }}>
-      <Radio name="rounded" value={false} bind:group={rounded}>false</Radio>
-      <Radio name="rounded" value={true} bind:group={rounded}>true</Radio>
-      <Radio name="rounded" value="full" bind:group={rounded}>full</Radio>
+      <Radio name="rounded-sm" value={false} bind:group={rounded}>false</Radio>
+      <Radio name="rounded-sm" value={true} bind:group={rounded}>true</Radio>
+      <Radio name="rounded-sm" value="full" bind:group={rounded}>full</Radio>
     </Field>
 
     <Field label="Gap" classes={{ container: 'h-full', input: 'flex gap-3 md:grid md:gap-1' }}>
diff --git a/packages/svelte-ux/src/routes/docs/components/Tooltip/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Tooltip/+page.svelte
index 86c7c9902..ba40d1680 100644
--- a/packages/svelte-ux/src/routes/docs/components/Tooltip/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Tooltip/+page.svelte
@@ -29,7 +29,7 @@
   <Tooltip>
     <div
       slot="title"
-      class="grid grid-cols-[auto,1fr] gap-x-4 gap-y-2 bg-surface-content text-surface-100 px-4 py-2 text-xs rounded shadow"
+      class="grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 bg-surface-content text-surface-100 px-4 py-2 text-xs rounded-sm shadow-sm"
     >
       <div class="col-span-2 justify-self-center text-sm font-semibold">Tue, March 30</div>
       <div class="text-surface-100/50 justify-self-end">Actual:</div>
diff --git a/packages/svelte-ux/src/routes/docs/components/TweenedValue/+page.svelte b/packages/svelte-ux/src/routes/docs/components/TweenedValue/+page.svelte
index 847cddf14..1601f6482 100644
--- a/packages/svelte-ux/src/routes/docs/components/TweenedValue/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/TweenedValue/+page.svelte
@@ -33,7 +33,7 @@
 
 <h1>Examples</h1>
 
-<div class="grid grid-cols-[1fr,auto,auto] gap-2">
+<div class="grid grid-cols-[1fr_auto_auto] gap-2">
   <ButtonGroup variant="fill-light" class="grid grid-flow-col ml-2">
     <Button on:click={() => increment(-100)}>-100</Button>
     <Button on:click={() => increment(-10)}>-10</Button>
diff --git a/packages/svelte-ux/src/routes/theme/+page.server.ts b/packages/svelte-ux/src/routes/theme/+page.server.ts
index 2f6e78cf6..cbf8345bc 100644
--- a/packages/svelte-ux/src/routes/theme/+page.server.ts
+++ b/packages/svelte-ux/src/routes/theme/+page.server.ts
@@ -1,11 +1,11 @@
-import { themes as daisyThemes } from '@layerstack/tailwind/daisy';
-import { themes as skeletonThemes } from '@layerstack/tailwind/skeleton';
+// import { themes as daisyThemes } from '@layerstack/tailwind/daisy';
+// import { themes as skeletonThemes } from '@layerstack/tailwind/skeleton';
 
-export async function load() {
-  return {
-    themes: {
-      daisy: daisyThemes,
-      skeleton: skeletonThemes,
-    },
-  };
-}
+// export async function load() {
+//   return {
+//     themes: {
+//       daisy: daisyThemes,
+//       skeleton: skeletonThemes,
+//     },
+//   };
+// }
diff --git a/packages/svelte-ux/src/routes/theme/+page.svelte b/packages/svelte-ux/src/routes/theme/+page.svelte
index f18a0fdec..d87e2acc9 100644
--- a/packages/svelte-ux/src/routes/theme/+page.svelte
+++ b/packages/svelte-ux/src/routes/theme/+page.svelte
@@ -1,4 +1,4 @@
-<script lang="ts">
+<!-- <script lang="ts">
   import { mdiChevronDown, mdiWeatherNight, mdiWhiteBalanceSunny } from '@mdi/js';
 
   import {
@@ -214,7 +214,7 @@
 </script>
 
 <main class="p-4 grid gap-5">
-  <div class="grid sm:grid-cols-[1fr,1fr,auto,auto,auto] gap-3">
+  <div class="grid sm:grid-cols-[1fr_1fr_auto_auto_auto] gap-3">
     <SelectField
       label="Light theme"
       options={lightThemes}
@@ -360,7 +360,7 @@
   </div>
 
   <div>
-    <div class="grid grid-cols-[1fr,auto] border-b pb-1 mb-2 font-semibold text-xl">
+    <div class="grid grid-cols-[1fr_auto] border-b pb-1 mb-2 font-semibold text-xl">
       Theme preview
 
       <Switch
@@ -380,7 +380,7 @@
     </div>
 
     <div
-      class="bg-surface-100 border rounded py-2 px-3"
+      class="bg-surface-100 border rounded-sm py-2 px-3"
       style:color={previewTheme?.['color-scheme'] === 'dark' ? 'white' : 'black'}
       use:styleProps={previewTheme ? processThemeColors(previewTheme, 'hsl') : {}}
     >
@@ -525,6 +525,8 @@
 </main>
 
 <style lang="postcss">
+  @reference "../app.css";
+
   .swatch {
     @apply rounded-lg overflow-hidden border;
   }
@@ -537,4 +539,4 @@
   .shade span {
     @apply bg-black/10 rounded px-2 text-white;
   }
-</style>
+</style> -->
diff --git a/packages/svelte-ux/src/routes/theme/ColorField.svelte b/packages/svelte-ux/src/routes/theme/ColorField.svelte
index 12aed6d8b..4e0934492 100644
--- a/packages/svelte-ux/src/routes/theme/ColorField.svelte
+++ b/packages/svelte-ux/src/routes/theme/ColorField.svelte
@@ -27,7 +27,7 @@
   {...$$restProps}
 >
   <div slot="prepend" class="grid grid-stack mr-3">
-    <div class="w-6 h-6 border rounded" style:background={value}></div>
+    <div class="w-6 h-6 border rounded-sm" style:background={value}></div>
     <input
       type="color"
       value={formatHex(value)}
@@ -36,7 +36,7 @@
         value = formatColor(e.target.value, colorSpace);
         dispatch('change', { value });
       }}
-      class="w-6 h-6 rounded opacity-0 cursor-pointer"
+      class="w-6 h-6 rounded-sm opacity-0 cursor-pointer"
     />
   </div>
 </TextField>
diff --git a/packages/svelte-ux/src/routes/theme/colors.ts b/packages/svelte-ux/src/routes/theme/colors.ts
index 13b90a976..85f18a552 100644
--- a/packages/svelte-ux/src/routes/theme/colors.ts
+++ b/packages/svelte-ux/src/routes/theme/colors.ts
@@ -1,4 +1,4 @@
-import { colorVariableValue, type SupportedColorSpace } from '@layerstack/tailwind';
+import { convertColor, type SupportedColorSpace } from '@layerstack/tailwind';
 import { formatHex } from 'culori';
 
 export function formatColor(value: string, colorSpace: SupportedColorSpace | 'hex') {
@@ -7,9 +7,9 @@ export function formatColor(value: string, colorSpace: SupportedColorSpace | 'he
       // Only format if not already formatted.  Fixes `#123` becoming `#112233`
       return value.startsWith('#') ? value : formatHex(value);
     } else {
-      const colorValue = colorVariableValue(value, colorSpace);
-      if (colorValue) {
-        return `${colorSpace}(${colorValue})`;
+      const color = convertColor(value, colorSpace);
+      if (color) {
+        return color;
       } else {
         // Return original if unable to convert (i.e invalid such as `rgb( 20 30)`)
         return value;
diff --git a/packages/svelte-ux/tailwind.config.cjs b/packages/svelte-ux/tailwind.config.cjs
deleted file mode 100644
index ec4e14234..000000000
--- a/packages/svelte-ux/tailwind.config.cjs
+++ /dev/null
@@ -1,72 +0,0 @@
-const plugin = require('tailwindcss/plugin');
-const colors = require('tailwindcss/colors');
-
-const layerstack = require('@layerstack/tailwind/plugin');
-
-module.exports = {
-  content: ['./src/**/*.{html,svelte,md,ts,js}'],
-  ux: {
-    themes: require('./themes.json'),
-    // themes: {
-    //   light: {
-    //     primary: colors['blue']['500'],
-    //     'primary-content': 'white',
-    //     secondary: colors['cyan']['300'],
-    //     'surface-100': 'white',
-    //     'surface-200': colors['gray']['100'],
-    //     'surface-300': colors['gray']['300'],
-    //     'surface-content': colors['gray']['900'],
-    //   },
-    // },
-  },
-  theme: {
-    extend: {
-      backgroundImage: {
-        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
-        'gradient-conic': 'conic-gradient(var(--tw-gradient-stops))',
-      },
-      typography: (theme) => ({
-        DEFAULT: {
-          css: {
-            // Reduce font size
-            h1: {
-              fontSize: theme('fontSize.2xl')[0],
-              fontWeight: theme('fontWeight.extrabold'),
-            },
-            h2: {
-              fontSize: theme('fontSize.xl')[0],
-              fontWeight: theme('fontWeight.bold'),
-              marginTop: theme('spacing.3'),
-            },
-            h3: {
-              fontSize: theme('fontSize.lg')[0],
-              fontWeight: theme('fontWeight.semibold'),
-            },
-          },
-        },
-      }),
-    },
-  },
-  plugins: [
-    layerstack({ colorSpace: 'hsl' }),
-    require('@tailwindcss/typography'),
-
-    plugin(function ({ addComponents }) {
-      // Consider moving to tailwind plugin
-      addComponents({
-        '.grid-cols-xs': {
-          '@apply grid-cols-[repeat(auto-fill,minmax(200px,1fr))]': {},
-        },
-        '.grid-cols-sm': {
-          '@apply grid-cols-1 sm:grid-cols-[repeat(auto-fill,minmax(300px,1fr))]': {},
-        },
-        '.grid-cols-md': {
-          '@apply grid-cols-1 sm:grid-cols-[repeat(auto-fill,minmax(400px,1fr))]': {},
-        },
-        '.grid-cols-lg': {
-          '@apply grid-cols-1 md:grid-cols-[repeat(auto-fill,minmax(600px,1fr))]': {},
-        },
-      });
-    }),
-  ],
-};
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 985425385..e1f13a125 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -30,20 +30,20 @@ importers:
         specifier: ^6.7.2
         version: 6.7.2
       '@layerstack/svelte-actions':
-        specifier: ^1.0.0
-        version: 1.0.0
+        specifier: ^1.0.1-next.0
+        version: 1.0.1-next.0
       '@layerstack/svelte-stores':
-        specifier: ^1.0.1
-        version: 1.0.1
+        specifier: ^1.0.2-next.0
+        version: 1.0.2-next.0
       '@layerstack/svelte-table':
-        specifier: ^1.0.0
-        version: 1.0.0
+        specifier: ^1.0.1-next.0
+        version: 1.0.1-next.0
       '@layerstack/tailwind':
-        specifier: ^1.0.0
-        version: 1.0.0
+        specifier: ^2.0.0-next.0
+        version: 2.0.0-next.0
       '@layerstack/utils':
-        specifier: ^1.0.0
-        version: 1.0.0
+        specifier: ^1.1.0-next.0
+        version: 1.1.0-next.0
       '@mdi/js':
         specifier: ^7.4.47
         version: 7.4.47
@@ -79,7 +79,7 @@ importers:
         version: 1.29.0
       sveld:
         specifier: ^0.22.1
-        version: 0.22.1(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.4.49)(yaml@2.7.0))(postcss@8.4.49)
+        version: 0.22.1(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)
       zod:
         specifier: ^3.24.2
         version: 3.24.2
@@ -92,19 +92,22 @@ importers:
         version: 6.7.2
       '@sveltejs/adapter-cloudflare':
         specifier: ^4.9.0
-        version: 4.9.0(@sveltejs/kit@2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(wrangler@3.110.0(@cloudflare/workers-types@4.20250224.0))
+        version: 4.9.0(@sveltejs/kit@2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(wrangler@3.110.0(@cloudflare/workers-types@4.20250224.0))
       '@sveltejs/kit':
         specifier: ^2.17.3
-        version: 2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
+        version: 2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       '@sveltejs/package':
         specifier: ^2.3.10
         version: 2.3.10(svelte@5.20.4)(typescript@5.7.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: 5.0.3
-        version: 5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
+        version: 5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+      '@tailwindcss/postcss':
+        specifier: ^4.0.12
+        version: 4.0.12
       '@tailwindcss/typography':
         specifier: ^0.5.16
-        version: 0.5.16(tailwindcss@3.4.17)
+        version: 0.5.16(tailwindcss@4.0.12)
       '@types/culori':
         specifier: ^2.1.1
         version: 2.1.1
@@ -122,13 +125,10 @@ importers:
         version: 1.26.5
       '@vitest/coverage-v8':
         specifier: ^3.0.7
-        version: 3.0.7(vitest@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
-      autoprefixer:
-        specifier: ^10.4.20
-        version: 10.4.20(postcss@8.4.49)
+        version: 3.0.7(vitest@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       daisyui:
         specifier: ^4.12.24
-        version: 4.12.24(postcss@8.4.49)
+        version: 4.12.24(postcss@8.5.3)
       marked:
         specifier: ^15.0.7
         version: 15.0.7
@@ -157,8 +157,8 @@ importers:
         specifier: ^0.7.34
         version: 0.7.34(svelte@5.20.4)(typescript@5.7.3)
       tailwindcss:
-        specifier: ^3.4.17
-        version: 3.4.17
+        specifier: ^4.0.12
+        version: 4.0.12
       tslib:
         specifier: ^2.8.1
         version: 2.8.1
@@ -170,10 +170,10 @@ importers:
         version: 5.0.0
       vite:
         specifier: ^6.2.0
-        version: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+        version: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
       vitest:
         specifier: ^3.0.7
-        version: 3.0.7(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+        version: 3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
 
 packages:
 
@@ -912,20 +912,20 @@ packages:
   '@jridgewell/trace-mapping@0.3.9':
     resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
 
-  '@layerstack/svelte-actions@1.0.0':
-    resolution: {integrity: sha512-cnVxMbcc+xYta9hwHnLja4a7bR7cfX/QW9jDY4ZCI8RIt+3lKNRE+u2XzWoGp4Qsx7A0/nGUIiLWpDBgO1ihsQ==}
+  '@layerstack/svelte-actions@1.0.1-next.0':
+    resolution: {integrity: sha512-5wbVZCvjDmHQACcYrUQbhT6FI9aCQX+zl6tidZbnYBCqd0TV2ORk7NebCc9G8uQCiLSGYLelfVLRuvQLsWzDzw==}
 
-  '@layerstack/svelte-stores@1.0.1':
-    resolution: {integrity: sha512-GVm0iMNJ8pI2q8WjofwejK+m6uF7PFUqgZZfkgDv2UmVh/HyW6ZpxA2wXzIxZley4NtUlrRw8cpyy2sJOEGVSA==}
+  '@layerstack/svelte-stores@1.0.2-next.0':
+    resolution: {integrity: sha512-YynMtI8AkReKw10ZzzG9jr7a9usKEHZR8SFvDDxV+D/bZS0iWE0/fxfRZN6FE44qcsEZ68gfEfEGKvEHjH/8aA==}
 
-  '@layerstack/svelte-table@1.0.0':
-    resolution: {integrity: sha512-Q3nZYYpuGF45gmiGmBQ6NiIY5ip6nTJZR4Xx16A2I9Wkr9qEWMj4wC/HIRmNTMLOIc82EkDnDoJs2GQscKEh8Q==}
+  '@layerstack/svelte-table@1.0.1-next.0':
+    resolution: {integrity: sha512-ykoibfHRfMz7LPXy8+xOvF8p793wvh7mcPwaS+QxphG3j5oGqMAkRNyP/UUubZnmPS/ye5T9Xp5IB1hBaWNrPw==}
 
-  '@layerstack/tailwind@1.0.0':
-    resolution: {integrity: sha512-xV2M6KRNBmbhV9XAvTHiw/BJSTIh5eby+Hj1iXXkMr88fObZHn4s1G2BILEDbdwjZl6Ivu1Du0gO9Vz3lzflUA==}
+  '@layerstack/tailwind@2.0.0-next.0':
+    resolution: {integrity: sha512-dZ51MzPf2mqd//16FB7+ZEC3lPGPsFrbYdCyUF95V5whBbMKqXAOApM9CFJ6MEtHqG/OoYUN/6cOoJxrl8Wopw==}
 
-  '@layerstack/utils@1.0.0':
-    resolution: {integrity: sha512-kIH8lo4MEzPGtdxQRacy8RsSVhMQwe62ckuev62xQDE5QcUJ4wB9EMaRWaQK8CfEOpUERGPgkMPMbMqPhdp0gw==}
+  '@layerstack/utils@1.1.0-next.0':
+    resolution: {integrity: sha512-xDUHUhI8CALTYvpTlJ9P0Eo8qKIoga9w1px6GFY7aSccKjLStOFjdCFCyLe0L/EUHDODpcP1o8Vl/HaBiHP6hg==}
 
   '@manypkg/find-root@1.1.0':
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
@@ -1110,6 +1110,82 @@ packages:
     resolution: {integrity: sha512-08eKiDAjj4zLug1taXSIJ0kGL5cawjVCyJkBb6EWSg5fEPX6L+Wtr0CH2If4j5KYylz85iaZiFlUItvgJvll5g==}
     engines: {node: ^14.13.1 || ^16.0.0 || >=18}
 
+  '@tailwindcss/node@4.0.12':
+    resolution: {integrity: sha512-a6J11K1Ztdln9OrGfoM75/hChYPcHYGNYimqciMrvKXRmmPaS8XZTHhdvb5a3glz4Kd4ZxE1MnuFE2c0fGGmtg==}
+
+  '@tailwindcss/oxide-android-arm64@4.0.12':
+    resolution: {integrity: sha512-dAXCaemu3mHLXcA5GwGlQynX8n7tTdvn5i1zAxRvZ5iC9fWLl5bGnjZnzrQqT7ttxCvRwdVf3IHUnMVdDBO/kQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.0.12':
+    resolution: {integrity: sha512-vPNI+TpJQ7sizselDXIJdYkx9Cu6JBdtmRWujw9pVIxW8uz3O2PjgGGzL/7A0sXI8XDjSyRChrUnEW9rQygmJQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.0.12':
+    resolution: {integrity: sha512-RL/9jM41Fdq4Efr35C5wgLx98BirnrfwuD+zgMFK6Ir68HeOSqBhW9jsEeC7Y/JcGyPd3MEoJVIU4fAb7YLg7A==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.0.12':
+    resolution: {integrity: sha512-7WzWiax+LguJcMEimY0Q4sBLlFXu1tYxVka3+G2M9KmU/3m84J3jAIV4KZWnockbHsbb2XgrEjtlJKVwHQCoRA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.12':
+    resolution: {integrity: sha512-X9LRC7jjE1QlfIaBbXjY0PGeQP87lz5mEfLSVs2J1yRc9PSg1tEPS9NBqY4BU9v5toZgJgzKeaNltORyTs22TQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.12':
+    resolution: {integrity: sha512-i24IFNq2402zfDdoWKypXz0ZNS2G4NKaA82tgBlE2OhHIE+4mg2JDb5wVfyP6R+MCm5grgXvurcIcKWvo44QiQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.12':
+    resolution: {integrity: sha512-LmOdshJBfAGIBG0DdBWhI0n5LTMurnGGJCHcsm9F//ISfsHtCnnYIKgYQui5oOz1SUCkqsMGfkAzWyNKZqbGNw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.12':
+    resolution: {integrity: sha512-OSK667qZRH30ep8RiHbZDQfqkXjnzKxdn0oRwWzgCO8CoTxV+MvIkd0BWdQbYtYuM1wrakARV/Hwp0eA/qzdbw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.0.12':
+    resolution: {integrity: sha512-uylhWq6OWQ8krV8Jk+v0H/3AZKJW6xYMgNMyNnUbbYXWi7hIVdxRKNUB5UvrlC3RxtgsK5EAV2i1CWTRsNcAnA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.12':
+    resolution: {integrity: sha512-XDLnhMoXZEEOir1LK43/gHHwK84V1GlV8+pAncUAIN2wloeD+nNciI9WRIY/BeFTqES22DhTIGoilSO39xDb2g==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.12':
+    resolution: {integrity: sha512-I/BbjCLpKDQucvtn6rFuYLst1nfFwSMYyPzkx/095RE+tuzk5+fwXuzQh7T3fIBTcbn82qH/sFka7yPGA50tLw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.0.12':
+    resolution: {integrity: sha512-DWb+myvJB9xJwelwT9GHaMc1qJj6MDXRDR0CS+T8IdkejAtu8ctJAgV4r1drQJLPeS7mNwq2UHW2GWrudTf63A==}
+    engines: {node: '>= 10'}
+
+  '@tailwindcss/postcss@4.0.12':
+    resolution: {integrity: sha512-r59Sdr8djCW4dL3kvc4aWU8PHdUAVM3O3te2nbYzXsWwKLlHPCuUoZAc9FafXb/YyNDZOMI7sTbKTKFmwOrMjw==}
+
   '@tailwindcss/typography@0.5.16':
     resolution: {integrity: sha512-0wDLwCVF5V3x3b1SGXPCDcdsbDHMBe+lkFzBRaHeLvNi+nrrnZ1lA18u+OTWO8iSWU2GxUOCvlXtDuqftc1oiA==}
     peerDependencies:
@@ -1235,16 +1311,6 @@ packages:
     resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
     engines: {node: '>=12'}
 
-  any-promise@1.3.0:
-    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
-
-  anymatch@3.1.3:
-    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
-    engines: {node: '>= 8'}
-
-  arg@5.0.2:
-    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
-
   argparse@1.0.10:
     resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
 
@@ -1263,13 +1329,6 @@ packages:
     resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
     engines: {node: '>=12'}
 
-  autoprefixer@10.4.20:
-    resolution: {integrity: sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==}
-    engines: {node: ^10 || ^12 || >=14}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.1.0
-
   axobject-query@4.1.0:
     resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
     engines: {node: '>= 0.4'}
@@ -1281,10 +1340,6 @@ packages:
     resolution: {integrity: sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==}
     engines: {node: '>=4'}
 
-  binary-extensions@2.3.0:
-    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
-    engines: {node: '>=8'}
-
   blake3-wasm@2.1.5:
     resolution: {integrity: sha512-F1+K8EbfOZE49dtoPtmxUQrpXaBIl3ICvasLh+nJta0xkz+9kF/7uet9fLnwKqhDrmj6g+6K3Tw9yQPUg2ka5g==}
 
@@ -1295,11 +1350,6 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
-  browserslist@4.23.3:
-    resolution: {integrity: sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-
   builtin-modules@3.3.0:
     resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
     engines: {node: '>=6'}
@@ -1312,9 +1362,6 @@ packages:
     resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
     engines: {node: '>= 6'}
 
-  caniuse-lite@1.0.30001651:
-    resolution: {integrity: sha512-9Cf+Xv1jJNe1xPZLGuUXLNkE1BoDkqRqYyFJ9TDYSqhduqA4hu4oR9HluGoWYQC/aj8WHjsGVV+bwkh0+tegRg==}
-
   chai@5.2.0:
     resolution: {integrity: sha512-mCuXncKXk5iCLhfhwTc0izo0gtEmpz5CtG2y8GiOINBlMVS6v8TMRc5TaLWKS6692m9+dVVfzgeVxR5UxWHTYw==}
     engines: {node: '>=12'}
@@ -1326,10 +1373,6 @@ packages:
     resolution: {integrity: sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==}
     engines: {node: '>= 16'}
 
-  chokidar@3.6.0:
-    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
-    engines: {node: '>= 8.10.0'}
-
   chokidar@4.0.3:
     resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
     engines: {node: '>= 14.16.0'}
@@ -1359,10 +1402,6 @@ packages:
     resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
     engines: {node: '>=12.5.0'}
 
-  commander@4.1.1:
-    resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
-    engines: {node: '>= 6'}
-
   comment-parser@1.4.1:
     resolution: {integrity: sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==}
     engines: {node: '>= 12.0.0'}
@@ -1484,16 +1523,10 @@ packages:
   devalue@5.1.1:
     resolution: {integrity: sha512-maua5KUiapvEwiEAe+XnlZ3Rh0GD+qI1J/nb9vrJc3muPXvcF/8gXYTWF76+5DAqHyDUtOIImEuo0YKE9mshVw==}
 
-  didyoumean@1.2.2:
-    resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
-
   dir-glob@3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
 
-  dlv@1.1.3:
-    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
-
   dotenv@16.4.5:
     resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
     engines: {node: '>=12'}
@@ -1501,15 +1534,16 @@ packages:
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
-  electron-to-chromium@1.5.5:
-    resolution: {integrity: sha512-QR7/A7ZkMS8tZuoftC/jfqNkZLQO779SSW3YuZHP4eXpj3EffGLFcB/Xu9AAZQzLccTiCV+EmUo3ha4mQ9wnlA==}
-
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
   emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
 
+  enhanced-resolve@5.18.1:
+    resolution: {integrity: sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==}
+    engines: {node: '>=10.13.0'}
+
   enquirer@2.4.1:
     resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
     engines: {node: '>=8.6'}
@@ -1532,10 +1566,6 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
-  escalade@3.1.2:
-    resolution: {integrity: sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==}
-    engines: {node: '>=6'}
-
   escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
@@ -1578,10 +1608,6 @@ packages:
     resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
     engines: {node: '>=4'}
 
-  fast-glob@3.3.2:
-    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
-    engines: {node: '>=8.6.0'}
-
   fast-glob@3.3.3:
     resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
     engines: {node: '>=8.6.0'}
@@ -1623,9 +1649,6 @@ packages:
     resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
     engines: {node: '>=14'}
 
-  fraction.js@4.3.7:
-    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
-
   fs-extra@7.0.1:
     resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
     engines: {node: '>=6 <7 || >=8'}
@@ -1652,10 +1675,6 @@ packages:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
 
-  glob-parent@6.0.2:
-    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
-    engines: {node: '>=10.13.0'}
-
   glob-to-regexp@0.4.1:
     resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
 
@@ -1717,18 +1736,10 @@ packages:
   is-arrayish@0.3.2:
     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
 
-  is-binary-path@2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
-
   is-builtin-module@3.2.1:
     resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
     engines: {node: '>=6'}
 
-  is-core-module@2.16.0:
-    resolution: {integrity: sha512-urTSINYfAYgcbLb0yDQ6egFm6h3Mo1DcF9EkyXSRjjzdHbsulg01qhwWuXdOoUBuTkbQ80KDboXa0vFJ+BDH+g==}
-    engines: {node: '>= 0.4'}
-
   is-core-module@2.16.1:
     resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
     engines: {node: '>= 0.4'}
@@ -1789,10 +1800,6 @@ packages:
     resolution: {integrity: sha512-cub8rahkh0Q/bw1+GxP7aeSe29hHHn2V4m29nnDlvCdlgU+3UGxkZp7Z53jLUdpX3jdTO0nJZUDl3xvbWc2Xog==}
     engines: {node: 20 || >=22}
 
-  jiti@1.21.7:
-    resolution: {integrity: sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==}
-    hasBin: true
-
   jiti@2.4.2:
     resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
     hasBin: true
@@ -1808,13 +1815,74 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
+  lightningcss-darwin-arm64@1.29.2:
+    resolution: {integrity: sha512-cK/eMabSViKn/PG8U/a7aCorpeKLMlK0bQeNHmdb7qUnBkNPnL+oV5DjJUo0kqWsJUapZsM4jCfYItbqBDvlcA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.29.2:
+    resolution: {integrity: sha512-j5qYxamyQw4kDXX5hnnCKMf3mLlHvG44f24Qyi2965/Ycz829MYqjrVg2H8BidybHBp9kom4D7DR5VqCKDXS0w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.29.2:
+    resolution: {integrity: sha512-wDk7M2tM78Ii8ek9YjnY8MjV5f5JN2qNVO+/0BAGZRvXKtQrBC4/cn4ssQIpKIPP44YXw6gFdpUF+Ps+RGsCwg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.29.2:
+    resolution: {integrity: sha512-IRUrOrAF2Z+KExdExe3Rz7NSTuuJ2HvCGlMKoquK5pjvo2JY4Rybr+NrKnq0U0hZnx5AnGsuFHjGnNT14w26sg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.29.2:
+    resolution: {integrity: sha512-KKCpOlmhdjvUTX/mBuaKemp0oeDIBBLFiU5Fnqxh1/DZ4JPZi4evEH7TKoSBFOSOV3J7iEmmBaw/8dpiUvRKlQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-arm64-musl@1.29.2:
+    resolution: {integrity: sha512-Q64eM1bPlOOUgxFmoPUefqzY1yV3ctFPE6d/Vt7WzLW4rKTv7MyYNky+FWxRpLkNASTnKQUaiMJ87zNODIrrKQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-x64-gnu@1.29.2:
+    resolution: {integrity: sha512-0v6idDCPG6epLXtBH/RPkHvYx74CVziHo6TMYga8O2EiQApnUPZsbR9nFNrg2cgBzk1AYqEd95TlrsL7nYABQg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-linux-x64-musl@1.29.2:
+    resolution: {integrity: sha512-rMpz2yawkgGT8RULc5S4WiZopVMOFWjiItBT7aSfDX4NQav6M44rhn5hjtkKzB+wMTRlLLqxkeYEtQ3dd9696w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-win32-arm64-msvc@1.29.2:
+    resolution: {integrity: sha512-nL7zRW6evGQqYVu/bKGK+zShyz8OVzsCotFgc7judbt6wnB2KbiKKJwBE4SGoDBQ1O94RjW4asrCjQL4i8Fhbw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.29.2:
+    resolution: {integrity: sha512-EdIUW3B2vLuHmv7urfzMI/h2fmlnOQBk1xlsDxkN1tCWKjNFjfLhGxYk8C8mzpSfr+A6jFFIi8fU6LbQGsRWjA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.29.2:
+    resolution: {integrity: sha512-6b6gd/RUXKaw5keVdSEtqFVdzWnU5jMxTUjA2bVcMNPLwSQ08Sv/UodBVtETLCn7k4S1Ibxwh7k68IwLZPgKaA==}
+    engines: {node: '>= 12.0.0'}
+
   lilconfig@3.1.3:
     resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
     engines: {node: '>=14'}
 
-  lines-and-columns@1.2.4:
-    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
-
   locate-character@3.0.0:
     resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
 
@@ -1928,9 +1996,6 @@ packages:
     resolution: {integrity: sha512-71ippSywq5Yb7/tVYyGbkBggbU8H3u5Rz56fH60jGFgr8uHwxs+aSKeqmluIVzM0m0kB7xQjKS6qPfd0b2ZoqQ==}
     hasBin: true
 
-  mz@2.7.0:
-    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
-
   nanoid@3.3.8:
     resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -1948,25 +2013,6 @@ packages:
       encoding:
         optional: true
 
-  node-releases@2.0.18:
-    resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
-
-  normalize-path@3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
-
-  normalize-range@0.1.2:
-    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
-    engines: {node: '>=0.10.0'}
-
-  object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
-
-  object-hash@3.0.0:
-    resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
-    engines: {node: '>= 6'}
-
   ohash@1.1.4:
     resolution: {integrity: sha512-FlDryZAahJmEF3VR3w1KogSEdWX3WhA5GPakFx4J81kEAiHyLMpdLLElS8n8dfNadMgAne/MywcvmogzscVt4g==}
 
@@ -2048,9 +2094,6 @@ packages:
   periscopic@3.1.0:
     resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
 
-  picocolors@1.0.1:
-    resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
-
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -2062,45 +2105,19 @@ packages:
     resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
     engines: {node: '>=12'}
 
-  pify@2.3.0:
-    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
-    engines: {node: '>=0.10.0'}
-
   pify@4.0.1:
     resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
     engines: {node: '>=6'}
 
-  pirates@4.0.6:
-    resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
-    engines: {node: '>= 6'}
-
   pkg-types@1.3.1:
     resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
 
-  postcss-import@15.1.0:
-    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      postcss: ^8.0.0
-
   postcss-js@4.0.1:
     resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
     engines: {node: ^12 || ^14 || >= 16}
     peerDependencies:
       postcss: ^8.4.21
 
-  postcss-load-config@4.0.2:
-    resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
-    engines: {node: '>= 14'}
-    peerDependencies:
-      postcss: '>=8.0.9'
-      ts-node: '>=9.0.0'
-    peerDependenciesMeta:
-      postcss:
-        optional: true
-      ts-node:
-        optional: true
-
   postcss-load-config@6.0.1:
     resolution: {integrity: sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==}
     engines: {node: '>= 18'}
@@ -2119,27 +2136,10 @@ packages:
       yaml:
         optional: true
 
-  postcss-nested@6.2.0:
-    resolution: {integrity: sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.2.14
-
   postcss-selector-parser@6.0.10:
     resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
     engines: {node: '>=4'}
 
-  postcss-selector-parser@6.1.2:
-    resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
-    engines: {node: '>=4'}
-
-  postcss-value-parser@4.2.0:
-    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
-
-  postcss@8.4.49:
-    resolution: {integrity: sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==}
-    engines: {node: ^10 || ^12 || >=14}
-
   postcss@8.5.3:
     resolution: {integrity: sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==}
     engines: {node: ^10 || ^12 || >=14}
@@ -2187,17 +2187,10 @@ packages:
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
-  read-cache@1.0.0:
-    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
-
   read-yaml-file@1.1.0:
     resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==}
     engines: {node: '>=6'}
 
-  readdirp@3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
-
   readdirp@4.1.1:
     resolution: {integrity: sha512-h80JrZu/MHUZCyHu5ciuoI0+WxsCxzxJTILn6Fs8rxSnFPh+UVHYfeIxK1nVGugMqkfC4vJcBOYbkfkwYK0+gw==}
     engines: {node: '>= 14.18.0'}
@@ -2225,10 +2218,6 @@ packages:
     engines: {node: '>= 0.4'}
     hasBin: true
 
-  resolve@1.22.9:
-    resolution: {integrity: sha512-QxrmX1DzraFIi9PxdG5VkRfRwIgjwyud+z/iBwfRRrVmHc+P9Q7u2lSSpQ6bjr2gy5lrqIiU9vb6iAeGf2400A==}
-    hasBin: true
-
   reusify@1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
@@ -2364,11 +2353,6 @@ packages:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
     engines: {node: '>=4'}
 
-  sucrase@3.35.0:
-    resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==}
-    engines: {node: '>=16 || 14 >=14.17'}
-    hasBin: true
-
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
@@ -2440,13 +2424,15 @@ packages:
     resolution: {integrity: sha512-2Mo/AfObaw9zuD0u1JJ7sOVzRCGcpETEyDkLbtkcctWpCMCIyT0iz83xD8JT29SR7O4SgswuPRIDYReYF/607A==}
     engines: {node: '>=18'}
 
-  tailwind-merge@2.6.0:
-    resolution: {integrity: sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==}
+  tailwind-merge@3.0.2:
+    resolution: {integrity: sha512-l7z+OYZ7mu3DTqrL88RiKrKIqO3NcpEO8V/Od04bNpvk0kiIFndGEoqfuzvj4yuhRkHKjRkII2z+KS2HfPcSxw==}
 
-  tailwindcss@3.4.17:
-    resolution: {integrity: sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
+  tailwindcss@4.0.12:
+    resolution: {integrity: sha512-bT0hJo91FtncsAMSsMzUkoo/iEU0Xs5xgFgVC9XmdM9bw5MhZuQFjPNl6wxAE0SiQF/YTZJa+PndGWYSDtuxAg==}
+
+  tapable@2.2.1:
+    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
+    engines: {node: '>=6'}
 
   term-size@2.2.1:
     resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==}
@@ -2456,13 +2442,6 @@ packages:
     resolution: {integrity: sha512-pFYqmTw68LXVjeWJMST4+borgQP2AyMNbg1BpZh9LbyhUeNkeaPF9gzfPGUAnSMV3qPYdWUwDIjjCLiSDOl7vg==}
     engines: {node: '>=18'}
 
-  thenify-all@1.6.0:
-    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
-    engines: {node: '>=0.8'}
-
-  thenify@3.3.1:
-    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
-
   tinybench@2.9.0:
     resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
 
@@ -2500,9 +2479,6 @@ packages:
   tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
 
-  ts-interface-checker@0.1.13:
-    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
-
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
@@ -2540,12 +2516,6 @@ packages:
     resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
     engines: {node: '>= 4.0.0'}
 
-  update-browserslist-db@1.1.0:
-    resolution: {integrity: sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
-
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
@@ -2691,11 +2661,6 @@ packages:
       utf-8-validate:
         optional: true
 
-  yaml@2.6.1:
-    resolution: {integrity: sha512-7r0XPzioN/Q9kXBro/XPnA6kznR73DHq+GXh5ON7ZozRO6aMjbmiBuKste2wslTFkC5d1dw0GooOCepZXJ2SAg==}
-    engines: {node: '>= 14'}
-    hasBin: true
-
   yaml@2.7.0:
     resolution: {integrity: sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==}
     engines: {node: '>= 14'}
@@ -3276,46 +3241,44 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.0
 
-  '@layerstack/svelte-actions@1.0.0':
+  '@layerstack/svelte-actions@1.0.1-next.0':
     dependencies:
       '@floating-ui/dom': 1.6.13
-      '@layerstack/utils': 1.0.0
+      '@layerstack/utils': 1.1.0-next.0
       d3-array: 3.2.4
       d3-scale: 4.0.2
       date-fns: 4.1.0
       lodash-es: 4.17.21
 
-  '@layerstack/svelte-stores@1.0.1':
+  '@layerstack/svelte-stores@1.0.2-next.0':
     dependencies:
-      '@layerstack/utils': 1.0.0
+      '@layerstack/utils': 1.1.0-next.0
       d3-array: 3.2.4
       date-fns: 4.1.0
       immer: 10.1.1
       lodash-es: 4.17.21
       zod: 3.24.2
 
-  '@layerstack/svelte-table@1.0.0':
+  '@layerstack/svelte-table@1.0.1-next.0':
     dependencies:
-      '@layerstack/svelte-actions': 1.0.0
-      '@layerstack/utils': 1.0.0
+      '@layerstack/svelte-actions': 1.0.1-next.0
+      '@layerstack/utils': 1.1.0-next.0
       d3-array: 3.2.4
       date-fns: 4.1.0
       lodash-es: 4.17.21
 
-  '@layerstack/tailwind@1.0.0':
+  '@layerstack/tailwind@2.0.0-next.0':
     dependencies:
-      '@layerstack/utils': 1.0.0
+      '@layerstack/utils': 1.1.0-next.0
       clsx: 2.1.1
       culori: 4.0.1
       d3-array: 3.2.4
       date-fns: 4.1.0
       lodash-es: 4.17.21
-      tailwind-merge: 2.6.0
-      tailwindcss: 3.4.17
-    transitivePeerDependencies:
-      - ts-node
+      tailwind-merge: 3.0.2
+      tailwindcss: 4.0.12
 
-  '@layerstack/utils@1.0.0':
+  '@layerstack/utils@1.1.0-next.0':
     dependencies:
       d3-array: 3.2.4
       date-fns: 4.1.0
@@ -3437,17 +3400,17 @@ snapshots:
 
   '@rrweb/types@2.0.0-alpha.18': {}
 
-  '@sveltejs/adapter-cloudflare@4.9.0(@sveltejs/kit@2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(wrangler@3.110.0(@cloudflare/workers-types@4.20250224.0))':
+  '@sveltejs/adapter-cloudflare@4.9.0(@sveltejs/kit@2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(wrangler@3.110.0(@cloudflare/workers-types@4.20250224.0))':
     dependencies:
       '@cloudflare/workers-types': 4.20250204.0
-      '@sveltejs/kit': 2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
+      '@sveltejs/kit': 2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       esbuild: 0.24.2
       worktop: 0.8.0-next.18
       wrangler: 3.110.0(@cloudflare/workers-types@4.20250224.0)
 
-  '@sveltejs/kit@2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))':
+  '@sveltejs/kit@2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.1.1
@@ -3460,7 +3423,7 @@ snapshots:
       set-cookie-parser: 2.7.1
       sirv: 3.0.1
       svelte: 5.20.4
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
 
   '@sveltejs/package@2.3.10(svelte@5.20.4)(typescript@5.7.3)':
     dependencies:
@@ -3473,25 +3436,25 @@ snapshots:
     transitivePeerDependencies:
       - typescript
 
-  '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))':
+  '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       debug: 4.4.0
       svelte: 5.20.4
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))':
+  '@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       debug: 4.4.0
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.17
       svelte: 5.20.4
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
-      vitefu: 1.0.4(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
+      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      vitefu: 1.0.4(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
     transitivePeerDependencies:
       - supports-color
 
@@ -3502,13 +3465,75 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
-  '@tailwindcss/typography@0.5.16(tailwindcss@3.4.17)':
+  '@tailwindcss/node@4.0.12':
+    dependencies:
+      enhanced-resolve: 5.18.1
+      jiti: 2.4.2
+      tailwindcss: 4.0.12
+
+  '@tailwindcss/oxide-android-arm64@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.12':
+    optional: true
+
+  '@tailwindcss/oxide@4.0.12':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.0.12
+      '@tailwindcss/oxide-darwin-arm64': 4.0.12
+      '@tailwindcss/oxide-darwin-x64': 4.0.12
+      '@tailwindcss/oxide-freebsd-x64': 4.0.12
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.12
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.0.12
+      '@tailwindcss/oxide-linux-arm64-musl': 4.0.12
+      '@tailwindcss/oxide-linux-x64-gnu': 4.0.12
+      '@tailwindcss/oxide-linux-x64-musl': 4.0.12
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.0.12
+      '@tailwindcss/oxide-win32-x64-msvc': 4.0.12
+
+  '@tailwindcss/postcss@4.0.12':
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      '@tailwindcss/node': 4.0.12
+      '@tailwindcss/oxide': 4.0.12
+      lightningcss: 1.29.2
+      postcss: 8.5.3
+      tailwindcss: 4.0.12
+
+  '@tailwindcss/typography@0.5.16(tailwindcss@4.0.12)':
     dependencies:
       lodash.castarray: 4.4.0
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       postcss-selector-parser: 6.0.10
-      tailwindcss: 3.4.17
+      tailwindcss: 4.0.12
 
   '@types/cookie@0.6.0': {}
 
@@ -3552,7 +3577,7 @@ snapshots:
 
   '@types/unist@3.0.2': {}
 
-  '@vitest/coverage-v8@3.0.7(vitest@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))':
+  '@vitest/coverage-v8@3.0.7(vitest@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@bcoe/v8-coverage': 1.0.2
@@ -3566,7 +3591,7 @@ snapshots:
       std-env: 3.8.0
       test-exclude: 7.0.1
       tinyrainbow: 2.0.0
-      vitest: 3.0.7(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+      vitest: 3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -3577,13 +3602,13 @@ snapshots:
       chai: 5.2.0
       tinyrainbow: 2.0.0
 
-  '@vitest/mocker@3.0.7(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))':
+  '@vitest/mocker@3.0.7(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
     dependencies:
       '@vitest/spy': 3.0.7
       estree-walker: 3.0.3
       magic-string: 0.30.17
     optionalDependencies:
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
 
   '@vitest/pretty-format@3.0.7':
     dependencies:
@@ -3630,15 +3655,6 @@ snapshots:
 
   ansi-styles@6.2.1: {}
 
-  any-promise@1.3.0: {}
-
-  anymatch@3.1.3:
-    dependencies:
-      normalize-path: 3.0.0
-      picomatch: 2.3.1
-
-  arg@5.0.2: {}
-
   argparse@1.0.10:
     dependencies:
       sprintf-js: 1.0.3
@@ -3653,16 +3669,6 @@ snapshots:
 
   assertion-error@2.0.1: {}
 
-  autoprefixer@10.4.20(postcss@8.4.49):
-    dependencies:
-      browserslist: 4.23.3
-      caniuse-lite: 1.0.30001651
-      fraction.js: 4.3.7
-      normalize-range: 0.1.2
-      picocolors: 1.0.1
-      postcss: 8.4.49
-      postcss-value-parser: 4.2.0
-
   axobject-query@4.1.0: {}
 
   balanced-match@1.0.2: {}
@@ -3671,8 +3677,6 @@ snapshots:
     dependencies:
       is-windows: 1.0.2
 
-  binary-extensions@2.3.0: {}
-
   blake3-wasm@2.1.5: {}
 
   brace-expansion@2.0.1:
@@ -3683,21 +3687,12 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
-  browserslist@4.23.3:
-    dependencies:
-      caniuse-lite: 1.0.30001651
-      electron-to-chromium: 1.5.5
-      node-releases: 2.0.18
-      update-browserslist-db: 1.1.0(browserslist@4.23.3)
-
   builtin-modules@3.3.0: {}
 
   cac@6.7.14: {}
 
   camelcase-css@2.0.1: {}
 
-  caniuse-lite@1.0.30001651: {}
-
   chai@5.2.0:
     dependencies:
       assertion-error: 2.0.1
@@ -3710,18 +3705,6 @@ snapshots:
 
   check-error@2.1.1: {}
 
-  chokidar@3.6.0:
-    dependencies:
-      anymatch: 3.1.3
-      braces: 3.0.3
-      glob-parent: 5.1.2
-      is-binary-path: 2.1.0
-      is-glob: 4.0.3
-      normalize-path: 3.0.0
-      readdirp: 3.6.0
-    optionalDependencies:
-      fsevents: 2.3.3
-
   chokidar@4.0.3:
     dependencies:
       readdirp: 4.1.1
@@ -3756,8 +3739,6 @@ snapshots:
       color-string: 1.9.1
     optional: true
 
-  commander@4.1.1: {}
-
   comment-parser@1.4.1: {}
 
   confbox@0.1.8: {}
@@ -3824,12 +3805,12 @@ snapshots:
     dependencies:
       d3-array: 3.2.4
 
-  daisyui@4.12.24(postcss@8.4.49):
+  daisyui@4.12.24(postcss@8.5.3):
     dependencies:
       css-selector-tokenizer: 0.8.0
       culori: 3.3.0
       picocolors: 1.1.1
-      postcss-js: 4.0.1(postcss@8.4.49)
+      postcss-js: 4.0.1(postcss@8.5.3)
     transitivePeerDependencies:
       - postcss
 
@@ -3853,29 +3834,27 @@ snapshots:
 
   detect-indent@6.1.0: {}
 
-  detect-libc@2.0.3:
-    optional: true
+  detect-libc@2.0.3: {}
 
   devalue@5.1.1: {}
 
-  didyoumean@1.2.2: {}
-
   dir-glob@3.0.1:
     dependencies:
       path-type: 4.0.0
 
-  dlv@1.1.3: {}
-
   dotenv@16.4.5: {}
 
   eastasianwidth@0.2.0: {}
 
-  electron-to-chromium@1.5.5: {}
-
   emoji-regex@8.0.0: {}
 
   emoji-regex@9.2.2: {}
 
+  enhanced-resolve@5.18.1:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.2.1
+
   enquirer@2.4.1:
     dependencies:
       ansi-colors: 4.1.3
@@ -3964,8 +3943,6 @@ snapshots:
       '@esbuild/win32-ia32': 0.25.0
       '@esbuild/win32-x64': 0.25.0
 
-  escalade@3.1.2: {}
-
   escape-string-regexp@4.0.0: {}
 
   esm-env@1.2.2: {}
@@ -3998,14 +3975,6 @@ snapshots:
       iconv-lite: 0.4.24
       tmp: 0.0.33
 
-  fast-glob@3.3.2:
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
-      glob-parent: 5.1.2
-      merge2: 1.4.1
-      micromatch: 4.0.8
-
   fast-glob@3.3.3:
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -4044,8 +4013,6 @@ snapshots:
       cross-spawn: 7.0.3
       signal-exit: 4.1.0
 
-  fraction.js@4.3.7: {}
-
   fs-extra@7.0.1:
     dependencies:
       graceful-fs: 4.2.11
@@ -4074,10 +4041,6 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
-  glob-parent@6.0.2:
-    dependencies:
-      is-glob: 4.0.3
-
   glob-to-regexp@0.4.1: {}
 
   glob@10.4.5:
@@ -4142,18 +4105,10 @@ snapshots:
   is-arrayish@0.3.2:
     optional: true
 
-  is-binary-path@2.1.0:
-    dependencies:
-      binary-extensions: 2.3.0
-
   is-builtin-module@3.2.1:
     dependencies:
       builtin-modules: 3.3.0
 
-  is-core-module@2.16.0:
-    dependencies:
-      hasown: 2.0.2
-
   is-core-module@2.16.1:
     dependencies:
       hasown: 2.0.2
@@ -4215,10 +4170,7 @@ snapshots:
     optionalDependencies:
       '@pkgjs/parseargs': 0.11.0
 
-  jiti@1.21.7: {}
-
-  jiti@2.4.2:
-    optional: true
+  jiti@2.4.2: {}
 
   js-yaml@3.14.1:
     dependencies:
@@ -4231,9 +4183,53 @@ snapshots:
 
   kleur@4.1.5: {}
 
-  lilconfig@3.1.3: {}
+  lightningcss-darwin-arm64@1.29.2:
+    optional: true
 
-  lines-and-columns@1.2.4: {}
+  lightningcss-darwin-x64@1.29.2:
+    optional: true
+
+  lightningcss-freebsd-x64@1.29.2:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.29.2:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.29.2:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.29.2:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.29.2:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.29.2:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.29.2:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.29.2:
+    optional: true
+
+  lightningcss@1.29.2:
+    dependencies:
+      detect-libc: 2.0.3
+    optionalDependencies:
+      lightningcss-darwin-arm64: 1.29.2
+      lightningcss-darwin-x64: 1.29.2
+      lightningcss-freebsd-x64: 1.29.2
+      lightningcss-linux-arm-gnueabihf: 1.29.2
+      lightningcss-linux-arm64-gnu: 1.29.2
+      lightningcss-linux-arm64-musl: 1.29.2
+      lightningcss-linux-x64-gnu: 1.29.2
+      lightningcss-linux-x64-musl: 1.29.2
+      lightningcss-win32-arm64-msvc: 1.29.2
+      lightningcss-win32-x64-msvc: 1.29.2
+
+  lilconfig@3.1.3:
+    optional: true
 
   locate-character@3.0.0: {}
 
@@ -4344,12 +4340,6 @@ snapshots:
 
   mustache@4.2.0: {}
 
-  mz@2.7.0:
-    dependencies:
-      any-promise: 1.3.0
-      object-assign: 4.1.1
-      thenify-all: 1.6.0
-
   nanoid@3.3.8: {}
 
   no-case@3.0.4:
@@ -4361,16 +4351,6 @@ snapshots:
     dependencies:
       whatwg-url: 5.0.0
 
-  node-releases@2.0.18: {}
-
-  normalize-path@3.0.0: {}
-
-  normalize-range@0.1.2: {}
-
-  object-assign@4.1.1: {}
-
-  object-hash@3.0.0: {}
-
   ohash@1.1.4: {}
 
   os-tmpdir@1.0.2: {}
@@ -4436,77 +4416,39 @@ snapshots:
       estree-walker: 3.0.3
       is-reference: 3.0.3
 
-  picocolors@1.0.1: {}
-
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
 
   picomatch@4.0.2: {}
 
-  pify@2.3.0: {}
-
   pify@4.0.1: {}
 
-  pirates@4.0.6: {}
-
   pkg-types@1.3.1:
     dependencies:
       confbox: 0.1.8
       mlly: 1.7.4
       pathe: 2.0.3
 
-  postcss-import@15.1.0(postcss@8.4.49):
-    dependencies:
-      postcss: 8.4.49
-      postcss-value-parser: 4.2.0
-      read-cache: 1.0.0
-      resolve: 1.22.9
-
-  postcss-js@4.0.1(postcss@8.4.49):
+  postcss-js@4.0.1(postcss@8.5.3):
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.4.49
-
-  postcss-load-config@4.0.2(postcss@8.4.49):
-    dependencies:
-      lilconfig: 3.1.3
-      yaml: 2.6.1
-    optionalDependencies:
-      postcss: 8.4.49
+      postcss: 8.5.3
 
-  postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.4.49)(yaml@2.7.0):
+  postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0):
     dependencies:
       lilconfig: 3.1.3
     optionalDependencies:
       jiti: 2.4.2
-      postcss: 8.4.49
+      postcss: 8.5.3
       yaml: 2.7.0
     optional: true
 
-  postcss-nested@6.2.0(postcss@8.4.49):
-    dependencies:
-      postcss: 8.4.49
-      postcss-selector-parser: 6.1.2
-
   postcss-selector-parser@6.0.10:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss-selector-parser@6.1.2:
-    dependencies:
-      cssesc: 3.0.0
-      util-deprecate: 1.0.2
-
-  postcss-value-parser@4.2.0: {}
-
-  postcss@8.4.49:
-    dependencies:
-      nanoid: 3.3.8
-      picocolors: 1.1.1
-      source-map-js: 1.2.1
-
   postcss@8.5.3:
     dependencies:
       nanoid: 3.3.8
@@ -4544,10 +4486,6 @@ snapshots:
 
   queue-microtask@1.2.3: {}
 
-  read-cache@1.0.0:
-    dependencies:
-      pify: 2.3.0
-
   read-yaml-file@1.1.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -4555,10 +4493,6 @@ snapshots:
       pify: 4.0.1
       strip-bom: 3.0.0
 
-  readdirp@3.6.0:
-    dependencies:
-      picomatch: 2.3.1
-
   readdirp@4.1.1: {}
 
   regenerator-runtime@0.14.1: {}
@@ -4583,12 +4517,6 @@ snapshots:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
-  resolve@1.22.9:
-    dependencies:
-      is-core-module: 2.16.0
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-
   reusify@1.0.4: {}
 
   rimraf@6.0.1:
@@ -4756,23 +4684,13 @@ snapshots:
 
   strip-bom@3.0.0: {}
 
-  sucrase@3.35.0:
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.8
-      commander: 4.1.1
-      glob: 10.4.5
-      lines-and-columns: 1.2.4
-      mz: 2.7.0
-      pirates: 4.0.6
-      ts-interface-checker: 0.1.13
-
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  sveld@0.22.1(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.4.49)(yaml@2.7.0))(postcss@8.4.49):
+  sveld@0.22.1(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3):
     dependencies:
       '@rollup/plugin-node-resolve': 13.3.0(rollup@2.79.2)
       acorn: 8.14.0
@@ -4781,7 +4699,7 @@ snapshots:
       rollup: 2.79.2
       rollup-plugin-svelte: 7.2.2(rollup@2.79.2)(svelte@4.2.19)
       svelte: 4.2.19
-      svelte-preprocess: 6.0.3(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.4.49)(yaml@2.7.0))(postcss@8.4.49)(svelte@4.2.19)(typescript@5.7.3)
+      svelte-preprocess: 6.0.3(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)(svelte@4.2.19)(typescript@5.7.3)
       tinyglobby: 0.2.12
       typescript: 5.7.3
     transitivePeerDependencies:
@@ -4807,12 +4725,12 @@ snapshots:
     transitivePeerDependencies:
       - picomatch
 
-  svelte-preprocess@6.0.3(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.4.49)(yaml@2.7.0))(postcss@8.4.49)(svelte@4.2.19)(typescript@5.7.3):
+  svelte-preprocess@6.0.3(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)(svelte@4.2.19)(typescript@5.7.3):
     dependencies:
       svelte: 4.2.19
     optionalDependencies:
-      postcss: 8.4.49
-      postcss-load-config: 6.0.1(jiti@2.4.2)(postcss@8.4.49)(yaml@2.7.0)
+      postcss: 8.5.3
+      postcss-load-config: 6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0)
       typescript: 5.7.3
 
   svelte2tsx@0.7.34(svelte@5.20.4)(typescript@5.7.3):
@@ -4856,34 +4774,11 @@ snapshots:
       magic-string: 0.30.17
       zimmerframe: 1.1.2
 
-  tailwind-merge@2.6.0: {}
+  tailwind-merge@3.0.2: {}
 
-  tailwindcss@3.4.17:
-    dependencies:
-      '@alloc/quick-lru': 5.2.0
-      arg: 5.0.2
-      chokidar: 3.6.0
-      didyoumean: 1.2.2
-      dlv: 1.1.3
-      fast-glob: 3.3.2
-      glob-parent: 6.0.2
-      is-glob: 4.0.3
-      jiti: 1.21.7
-      lilconfig: 3.1.3
-      micromatch: 4.0.8
-      normalize-path: 3.0.0
-      object-hash: 3.0.0
-      picocolors: 1.1.1
-      postcss: 8.4.49
-      postcss-import: 15.1.0(postcss@8.4.49)
-      postcss-js: 4.0.1(postcss@8.4.49)
-      postcss-load-config: 4.0.2(postcss@8.4.49)
-      postcss-nested: 6.2.0(postcss@8.4.49)
-      postcss-selector-parser: 6.1.2
-      resolve: 1.22.9
-      sucrase: 3.35.0
-    transitivePeerDependencies:
-      - ts-node
+  tailwindcss@4.0.12: {}
+
+  tapable@2.2.1: {}
 
   term-size@2.2.1: {}
 
@@ -4893,14 +4788,6 @@ snapshots:
       glob: 10.4.5
       minimatch: 9.0.5
 
-  thenify-all@1.6.0:
-    dependencies:
-      thenify: 3.3.1
-
-  thenify@3.3.1:
-    dependencies:
-      any-promise: 1.3.0
-
   tinybench@2.9.0: {}
 
   tinyexec@0.3.2: {}
@@ -4928,8 +4815,6 @@ snapshots:
 
   tr46@0.0.3: {}
 
-  ts-interface-checker@0.1.13: {}
-
   tslib@2.8.1: {}
 
   typescript@5.7.3: {}
@@ -4971,12 +4856,6 @@ snapshots:
 
   universalify@0.1.2: {}
 
-  update-browserslist-db@1.1.0(browserslist@4.23.3):
-    dependencies:
-      browserslist: 4.23.3
-      escalade: 3.1.2
-      picocolors: 1.1.1
-
   util-deprecate@1.0.2: {}
 
   vfile-message@2.0.4:
@@ -4984,13 +4863,13 @@ snapshots:
       '@types/unist': 2.0.11
       unist-util-stringify-position: 2.0.3
 
-  vite-node@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0):
+  vite-node@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0):
     dependencies:
       cac: 6.7.14
       debug: 4.4.0
       es-module-lexer: 1.6.0
       pathe: 2.0.3
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -5005,7 +4884,7 @@ snapshots:
       - tsx
       - yaml
 
-  vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0):
+  vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0):
     dependencies:
       esbuild: 0.25.0
       postcss: 8.5.3
@@ -5014,16 +4893,17 @@ snapshots:
       '@types/node': 22.13.5
       fsevents: 2.3.3
       jiti: 2.4.2
+      lightningcss: 1.29.2
       yaml: 2.7.0
 
-  vitefu@1.0.4(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)):
+  vitefu@1.0.4(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)):
     optionalDependencies:
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
 
-  vitest@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0):
+  vitest@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0):
     dependencies:
       '@vitest/expect': 3.0.7
-      '@vitest/mocker': 3.0.7(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0))
+      '@vitest/mocker': 3.0.7(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       '@vitest/pretty-format': 3.0.7
       '@vitest/runner': 3.0.7
       '@vitest/snapshot': 3.0.7
@@ -5039,8 +4919,8 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.0.2
       tinyrainbow: 2.0.0
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
-      vite-node: 3.0.7(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      vite-node: 3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/node': 22.13.5
@@ -5122,8 +5002,6 @@ snapshots:
 
   ws@8.18.0: {}
 
-  yaml@2.6.1: {}
-
   yaml@2.7.0:
     optional: true
 

From 370ab630e106eede4c66644771d63c661f22751c Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Tue, 11 Mar 2025 09:03:13 -0400
Subject: [PATCH 08/53] docs: Update @layerstack/tailwind to `2.0.0-next.1`,
 fixing styling of tailwind typography when deployed

---
 .changeset/green-maps-bathe.md  |  5 +++++
 packages/svelte-ux/package.json |  2 +-
 pnpm-lock.yaml                  | 10 +++++-----
 3 files changed, 11 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/green-maps-bathe.md

diff --git a/.changeset/green-maps-bathe.md b/.changeset/green-maps-bathe.md
new file mode 100644
index 000000000..e649976ed
--- /dev/null
+++ b/.changeset/green-maps-bathe.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+docs: Update @layerstack/tailwind to `2.0.0-next.1`, fixing styling of tailwind typography when deployed
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index b2fe2d1e2..b449f3f59 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -57,7 +57,7 @@
     "@layerstack/svelte-actions": "^1.0.1-next.0",
     "@layerstack/svelte-stores": "^1.0.2-next.0",
     "@layerstack/svelte-table": "^1.0.1-next.0",
-    "@layerstack/tailwind": "^2.0.0-next.0",
+    "@layerstack/tailwind": "^2.0.0-next.1",
     "@layerstack/utils": "^1.1.0-next.0",
     "@mdi/js": "^7.4.47",
     "culori": "^4.0.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e1f13a125..85c80cbbe 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -39,8 +39,8 @@ importers:
         specifier: ^1.0.1-next.0
         version: 1.0.1-next.0
       '@layerstack/tailwind':
-        specifier: ^2.0.0-next.0
-        version: 2.0.0-next.0
+        specifier: ^2.0.0-next.1
+        version: 2.0.0-next.1
       '@layerstack/utils':
         specifier: ^1.1.0-next.0
         version: 1.1.0-next.0
@@ -921,8 +921,8 @@ packages:
   '@layerstack/svelte-table@1.0.1-next.0':
     resolution: {integrity: sha512-ykoibfHRfMz7LPXy8+xOvF8p793wvh7mcPwaS+QxphG3j5oGqMAkRNyP/UUubZnmPS/ye5T9Xp5IB1hBaWNrPw==}
 
-  '@layerstack/tailwind@2.0.0-next.0':
-    resolution: {integrity: sha512-dZ51MzPf2mqd//16FB7+ZEC3lPGPsFrbYdCyUF95V5whBbMKqXAOApM9CFJ6MEtHqG/OoYUN/6cOoJxrl8Wopw==}
+  '@layerstack/tailwind@2.0.0-next.1':
+    resolution: {integrity: sha512-gaO8RNvJCeqdQvZfeWnkqKKbT9CdOFxAOnqvM9pDF1IHymNOMbAjh82RB3RwRF6RHSGbITvxuqb2TmJcMY+gOw==}
 
   '@layerstack/utils@1.1.0-next.0':
     resolution: {integrity: sha512-xDUHUhI8CALTYvpTlJ9P0Eo8qKIoga9w1px6GFY7aSccKjLStOFjdCFCyLe0L/EUHDODpcP1o8Vl/HaBiHP6hg==}
@@ -3267,7 +3267,7 @@ snapshots:
       date-fns: 4.1.0
       lodash-es: 4.17.21
 
-  '@layerstack/tailwind@2.0.0-next.0':
+  '@layerstack/tailwind@2.0.0-next.1':
     dependencies:
       '@layerstack/utils': 1.1.0-next.0
       clsx: 2.1.1

From 1a2998d155f86b1be71b794253a0d1c8bdd49903 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Tue, 11 Mar 2025 09:09:45 -0400
Subject: [PATCH 09/53] fix: Use `next` releases for all `@layerstack/*`
 packages

---
 .changeset/fair-bugs-carry.md   |  5 +++++
 packages/svelte-ux/package.json | 10 +++++-----
 pnpm-lock.yaml                  | 10 +++++-----
 3 files changed, 15 insertions(+), 10 deletions(-)
 create mode 100644 .changeset/fair-bugs-carry.md

diff --git a/.changeset/fair-bugs-carry.md b/.changeset/fair-bugs-carry.md
new file mode 100644
index 000000000..8b99115c6
--- /dev/null
+++ b/.changeset/fair-bugs-carry.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+fix: Use `next` releases for all `@layerstack/*` packages
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index b449f3f59..983104cc6 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -54,11 +54,11 @@
   "dependencies": {
     "@floating-ui/dom": "^1.6.13",
     "@fortawesome/fontawesome-common-types": "^6.7.2",
-    "@layerstack/svelte-actions": "^1.0.1-next.0",
-    "@layerstack/svelte-stores": "^1.0.2-next.0",
-    "@layerstack/svelte-table": "^1.0.1-next.0",
-    "@layerstack/tailwind": "^2.0.0-next.1",
-    "@layerstack/utils": "^1.1.0-next.0",
+    "@layerstack/svelte-actions": "next",
+    "@layerstack/svelte-stores": "next",
+    "@layerstack/svelte-table": "next",
+    "@layerstack/tailwind": "next",
+    "@layerstack/utils": "next",
     "@mdi/js": "^7.4.47",
     "culori": "^4.0.1",
     "d3-array": "^3.2.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 85c80cbbe..260580f71 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -30,19 +30,19 @@ importers:
         specifier: ^6.7.2
         version: 6.7.2
       '@layerstack/svelte-actions':
-        specifier: ^1.0.1-next.0
+        specifier: next
         version: 1.0.1-next.0
       '@layerstack/svelte-stores':
-        specifier: ^1.0.2-next.0
+        specifier: next
         version: 1.0.2-next.0
       '@layerstack/svelte-table':
-        specifier: ^1.0.1-next.0
+        specifier: next
         version: 1.0.1-next.0
       '@layerstack/tailwind':
-        specifier: ^2.0.0-next.1
+        specifier: next
         version: 2.0.0-next.1
       '@layerstack/utils':
-        specifier: ^1.1.0-next.0
+        specifier: next
         version: 1.1.0-next.0
       '@mdi/js':
         specifier: ^7.4.47

From ec98303476bfcee76cd603aaea71a3989092a4bc Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Tue, 11 Mar 2025 11:36:51 -0400
Subject: [PATCH 10/53] Version Packages (next) (#574)

* Version Packages (next)

* Update CHANGELOG.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Sean Lynch <techniq35@gmail.com>
---
 .changeset/pre.json             | 3 ++-
 packages/svelte-ux/CHANGELOG.md | 8 ++++++++
 packages/svelte-ux/package.json | 2 +-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 202b26657..589b7a428 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -5,7 +5,8 @@
     "svelte-ux": "1.0.0"
   },
   "changesets": [
-    "easy-adults-march",
+    "fair-bugs-carry",
+    "green-maps-bathe",
     "ready-planets-deny"
   ]
 }
diff --git a/packages/svelte-ux/CHANGELOG.md b/packages/svelte-ux/CHANGELOG.md
index 62135d096..f6c0a848e 100644
--- a/packages/svelte-ux/CHANGELOG.md
+++ b/packages/svelte-ux/CHANGELOG.md
@@ -1,5 +1,13 @@
 # svelte-ux
 
+## 2.0.0-next.1
+
+### Patch Changes
+
+- fix: Use `next` releases for all `@layerstack/*` packages ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
+- docs: Update @layerstack/tailwind to `2.0.0-next.1`, fixing styling of tailwind typography when deployed ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
 ## 2.0.0-next.0
 
 ### Major Changes
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index 983104cc6..1a8e152c1 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/svelte-ux",
-  "version": "2.0.0-next.0",
+  "version": "2.0.0-next.1",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",

From 385320eed949e2c908a76c510065cc05583a0a67 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Wed, 12 Mar 2025 11:49:07 -0400
Subject: [PATCH 11/53] Restore prose heading styling (size/bold/margin)

---
 packages/svelte-ux/src/routes/app.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/packages/svelte-ux/src/routes/app.css b/packages/svelte-ux/src/routes/app.css
index 35dcd599e..33fa27cbe 100644
--- a/packages/svelte-ux/src/routes/app.css
+++ b/packages/svelte-ux/src/routes/app.css
@@ -40,6 +40,18 @@ nav h2 {
   @apply pt-4 pb-2 pl-4 text-xs text-surface-content font-bold;
 }
 
+.prose {
+  h1 {
+    @apply text-2xl font-extrabold;
+  }
+  h2 {
+    @apply text-xl font-bold mt-3;
+  }
+  h3 {
+    @apply text-lg font-semibold;
+  }
+}
+
 main :is(h1, h2, h3):not(.prose *, .related *, .ApiDocs *) {
   scroll-margin-top: calc(var(--headerHeight) + 148px); /* app header + docs header */
 }

From 8f729137cb9646e0b6245d4f80ab09ae02efc749 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Thu, 13 Mar 2025 14:36:21 -0400
Subject: [PATCH 12/53] Update `@layerstack/tailwind` to `2.0.0-next.2` and
 update `@import`

---
 packages/svelte-ux/package.json       | 10 +++++-----
 packages/svelte-ux/src/routes/app.css |  4 ++--
 pnpm-lock.yaml                        | 18 +++++++++---------
 3 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index 1a8e152c1..f2cd623cd 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -54,11 +54,11 @@
   "dependencies": {
     "@floating-ui/dom": "^1.6.13",
     "@fortawesome/fontawesome-common-types": "^6.7.2",
-    "@layerstack/svelte-actions": "next",
-    "@layerstack/svelte-stores": "next",
-    "@layerstack/svelte-table": "next",
-    "@layerstack/tailwind": "next",
-    "@layerstack/utils": "next",
+    "@layerstack/svelte-actions": "1.0.1-next.0",
+    "@layerstack/svelte-stores": "1.0.2-next.0",
+    "@layerstack/svelte-table": "1.0.1-next.0",
+    "@layerstack/tailwind": "2.0.0-next.2",
+    "@layerstack/utils": "1.1.0-next.0",
     "@mdi/js": "^7.4.47",
     "culori": "^4.0.1",
     "d3-array": "^3.2.4",
diff --git a/packages/svelte-ux/src/routes/app.css b/packages/svelte-ux/src/routes/app.css
index 33fa27cbe..fc0711cbc 100644
--- a/packages/svelte-ux/src/routes/app.css
+++ b/packages/svelte-ux/src/routes/app.css
@@ -1,8 +1,8 @@
 @import 'tailwindcss';
 
-@import '@layerstack/tailwind/theme.css';
-@import '@layerstack/tailwind/themes/all.css';
+@import '@layerstack/tailwind/core.css';
 @import '@layerstack/tailwind/utils.css';
+@import '@layerstack/tailwind/themes/all.css';
 
 @plugin '@tailwindcss/typography';
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 260580f71..704f6365b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -30,19 +30,19 @@ importers:
         specifier: ^6.7.2
         version: 6.7.2
       '@layerstack/svelte-actions':
-        specifier: next
+        specifier: 1.0.1-next.0
         version: 1.0.1-next.0
       '@layerstack/svelte-stores':
-        specifier: next
+        specifier: 1.0.2-next.0
         version: 1.0.2-next.0
       '@layerstack/svelte-table':
-        specifier: next
+        specifier: 1.0.1-next.0
         version: 1.0.1-next.0
       '@layerstack/tailwind':
-        specifier: next
-        version: 2.0.0-next.1
+        specifier: 2.0.0-next.2
+        version: 2.0.0-next.2
       '@layerstack/utils':
-        specifier: next
+        specifier: 1.1.0-next.0
         version: 1.1.0-next.0
       '@mdi/js':
         specifier: ^7.4.47
@@ -921,8 +921,8 @@ packages:
   '@layerstack/svelte-table@1.0.1-next.0':
     resolution: {integrity: sha512-ykoibfHRfMz7LPXy8+xOvF8p793wvh7mcPwaS+QxphG3j5oGqMAkRNyP/UUubZnmPS/ye5T9Xp5IB1hBaWNrPw==}
 
-  '@layerstack/tailwind@2.0.0-next.1':
-    resolution: {integrity: sha512-gaO8RNvJCeqdQvZfeWnkqKKbT9CdOFxAOnqvM9pDF1IHymNOMbAjh82RB3RwRF6RHSGbITvxuqb2TmJcMY+gOw==}
+  '@layerstack/tailwind@2.0.0-next.2':
+    resolution: {integrity: sha512-ApSF+4CqczFS7rqPJ7aEOaloEPageatc1je/K6cj7nO8IPZJqynGBkQ5sJ0M5DrGDJr7x9qmfLE842oCszh6ZA==}
 
   '@layerstack/utils@1.1.0-next.0':
     resolution: {integrity: sha512-xDUHUhI8CALTYvpTlJ9P0Eo8qKIoga9w1px6GFY7aSccKjLStOFjdCFCyLe0L/EUHDODpcP1o8Vl/HaBiHP6hg==}
@@ -3267,7 +3267,7 @@ snapshots:
       date-fns: 4.1.0
       lodash-es: 4.17.21
 
-  '@layerstack/tailwind@2.0.0-next.1':
+  '@layerstack/tailwind@2.0.0-next.2':
     dependencies:
       '@layerstack/utils': 1.1.0-next.0
       clsx: 2.1.1

From 35fd0c49abb9fb65018199ef9b5d8f09685eed3a Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Thu, 13 Mar 2025 14:51:13 -0400
Subject: [PATCH 13/53] Switch from `@tailwindcss/postcss` to
 `@tailwindcss/vite`

---
 packages/svelte-ux/package.json       |   2 +-
 packages/svelte-ux/postcss.config.cjs |   5 -
 packages/svelte-ux/vite.config.js     |   3 +-
 pnpm-lock.yaml                        | 144 +++++++++++++-------------
 4 files changed, 75 insertions(+), 79 deletions(-)
 delete mode 100644 packages/svelte-ux/postcss.config.cjs

diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index f2cd623cd..d529d9a75 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -25,8 +25,8 @@
     "@sveltejs/kit": "^2.17.3",
     "@sveltejs/package": "^2.3.10",
     "@sveltejs/vite-plugin-svelte": "5.0.3",
-    "@tailwindcss/postcss": "^4.0.12",
     "@tailwindcss/typography": "^0.5.16",
+    "@tailwindcss/vite": "^4.0.14",
     "@types/culori": "^2.1.1",
     "@types/d3-array": "^3.2.1",
     "@types/d3-scale": "^4.0.9",
diff --git a/packages/svelte-ux/postcss.config.cjs b/packages/svelte-ux/postcss.config.cjs
deleted file mode 100644
index e5640725a..000000000
--- a/packages/svelte-ux/postcss.config.cjs
+++ /dev/null
@@ -1,5 +0,0 @@
-module.exports = {
-  plugins: {
-    '@tailwindcss/postcss': {},
-  },
-};
diff --git a/packages/svelte-ux/vite.config.js b/packages/svelte-ux/vite.config.js
index 266e48a1a..4959d91ab 100644
--- a/packages/svelte-ux/vite.config.js
+++ b/packages/svelte-ux/vite.config.js
@@ -1,9 +1,10 @@
 import { defineConfig } from 'vitest/config';
 import { sveltekit } from '@sveltejs/kit/vite';
+import tailwindcss from '@tailwindcss/vite';
 import { sveld } from './src/lib/plugins/vite.js';
 
 export default defineConfig({
-  plugins: [sveltekit() /*, sveld()*/],
+  plugins: [tailwindcss(), sveltekit() /*, sveld()*/],
   test: {
     include: ['src/**/*.{test,spec}.{js,ts}'],
     deps: {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 704f6365b..6866cad88 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -102,12 +102,12 @@ importers:
       '@sveltejs/vite-plugin-svelte':
         specifier: 5.0.3
         version: 5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
-      '@tailwindcss/postcss':
-        specifier: ^4.0.12
-        version: 4.0.12
       '@tailwindcss/typography':
         specifier: ^0.5.16
         version: 0.5.16(tailwindcss@4.0.12)
+      '@tailwindcss/vite':
+        specifier: ^4.0.14
+        version: 4.0.14(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       '@types/culori':
         specifier: ^2.1.1
         version: 2.1.1
@@ -177,10 +177,6 @@ importers:
 
 packages:
 
-  '@alloc/quick-lru@5.2.0':
-    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
-    engines: {node: '>=10'}
-
   '@ampproject/remapping@2.3.0':
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
@@ -1110,87 +1106,89 @@ packages:
     resolution: {integrity: sha512-08eKiDAjj4zLug1taXSIJ0kGL5cawjVCyJkBb6EWSg5fEPX6L+Wtr0CH2If4j5KYylz85iaZiFlUItvgJvll5g==}
     engines: {node: ^14.13.1 || ^16.0.0 || >=18}
 
-  '@tailwindcss/node@4.0.12':
-    resolution: {integrity: sha512-a6J11K1Ztdln9OrGfoM75/hChYPcHYGNYimqciMrvKXRmmPaS8XZTHhdvb5a3glz4Kd4ZxE1MnuFE2c0fGGmtg==}
+  '@tailwindcss/node@4.0.14':
+    resolution: {integrity: sha512-Ux9NbFkKWYE4rfUFz6M5JFLs/GEYP6ysxT8uSyPn6aTbh2K3xDE1zz++eVK4Vwx799fzMF8CID9sdHn4j/Ab8w==}
 
-  '@tailwindcss/oxide-android-arm64@4.0.12':
-    resolution: {integrity: sha512-dAXCaemu3mHLXcA5GwGlQynX8n7tTdvn5i1zAxRvZ5iC9fWLl5bGnjZnzrQqT7ttxCvRwdVf3IHUnMVdDBO/kQ==}
+  '@tailwindcss/oxide-android-arm64@4.0.14':
+    resolution: {integrity: sha512-VBFKC2rFyfJ5J8lRwjy6ub3rgpY186kAcYgiUr8ArR8BAZzMruyeKJ6mlsD22Zp5ZLcPW/FXMasJiJBx0WsdQg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [android]
 
-  '@tailwindcss/oxide-darwin-arm64@4.0.12':
-    resolution: {integrity: sha512-vPNI+TpJQ7sizselDXIJdYkx9Cu6JBdtmRWujw9pVIxW8uz3O2PjgGGzL/7A0sXI8XDjSyRChrUnEW9rQygmJQ==}
+  '@tailwindcss/oxide-darwin-arm64@4.0.14':
+    resolution: {integrity: sha512-U3XOwLrefGr2YQZ9DXasDSNWGPZBCh8F62+AExBEDMLDfvLLgI/HDzY8Oq8p/JtqkAY38sWPOaNnRwEGKU5Zmg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@tailwindcss/oxide-darwin-x64@4.0.12':
-    resolution: {integrity: sha512-RL/9jM41Fdq4Efr35C5wgLx98BirnrfwuD+zgMFK6Ir68HeOSqBhW9jsEeC7Y/JcGyPd3MEoJVIU4fAb7YLg7A==}
+  '@tailwindcss/oxide-darwin-x64@4.0.14':
+    resolution: {integrity: sha512-V5AjFuc3ndWGnOi1d379UsODb0TzAS2DYIP/lwEbfvafUaD2aNZIcbwJtYu2DQqO2+s/XBvDVA+w4yUyaewRwg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@tailwindcss/oxide-freebsd-x64@4.0.12':
-    resolution: {integrity: sha512-7WzWiax+LguJcMEimY0Q4sBLlFXu1tYxVka3+G2M9KmU/3m84J3jAIV4KZWnockbHsbb2XgrEjtlJKVwHQCoRA==}
+  '@tailwindcss/oxide-freebsd-x64@4.0.14':
+    resolution: {integrity: sha512-tXvtxbaZfcPfqBwW3f53lTcyH6EDT+1eT7yabwcfcxTs+8yTPqxsDUhrqe9MrnEzpNkd+R/QAjJapfd4tjWdLg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [freebsd]
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.12':
-    resolution: {integrity: sha512-X9LRC7jjE1QlfIaBbXjY0PGeQP87lz5mEfLSVs2J1yRc9PSg1tEPS9NBqY4BU9v5toZgJgzKeaNltORyTs22TQ==}
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.14':
+    resolution: {integrity: sha512-cSeLNWWqIWeSTmBntQvyY2/2gcLX8rkPFfDDTQVF8qbRcRMVPLxBvFVJyfSAYRNch6ZyVH2GI6dtgALOBDpdNA==}
     engines: {node: '>= 10'}
     cpu: [arm]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.0.12':
-    resolution: {integrity: sha512-i24IFNq2402zfDdoWKypXz0ZNS2G4NKaA82tgBlE2OhHIE+4mg2JDb5wVfyP6R+MCm5grgXvurcIcKWvo44QiQ==}
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.14':
+    resolution: {integrity: sha512-bwDWLBalXFMDItcSXzFk6y7QKvj6oFlaY9vM+agTlwFL1n1OhDHYLZkSjaYsh6KCeG0VB0r7H8PUJVOM1LRZyg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.0.12':
-    resolution: {integrity: sha512-LmOdshJBfAGIBG0DdBWhI0n5LTMurnGGJCHcsm9F//ISfsHtCnnYIKgYQui5oOz1SUCkqsMGfkAzWyNKZqbGNw==}
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.14':
+    resolution: {integrity: sha512-gVkJdnR/L6iIcGYXx64HGJRmlme2FGr/aZH0W6u4A3RgPMAb+6ELRLi+UBiH83RXBm9vwCfkIC/q8T51h8vUJQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.0.12':
-    resolution: {integrity: sha512-OSK667qZRH30ep8RiHbZDQfqkXjnzKxdn0oRwWzgCO8CoTxV+MvIkd0BWdQbYtYuM1wrakARV/Hwp0eA/qzdbw==}
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.14':
+    resolution: {integrity: sha512-EE+EQ+c6tTpzsg+LGO1uuusjXxYx0Q00JE5ubcIGfsogSKth8n8i2BcS2wYTQe4jXGs+BQs35l78BIPzgwLddw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-musl@4.0.12':
-    resolution: {integrity: sha512-uylhWq6OWQ8krV8Jk+v0H/3AZKJW6xYMgNMyNnUbbYXWi7hIVdxRKNUB5UvrlC3RxtgsK5EAV2i1CWTRsNcAnA==}
+  '@tailwindcss/oxide-linux-x64-musl@4.0.14':
+    resolution: {integrity: sha512-KCCOzo+L6XPT0oUp2Jwh233ETRQ/F6cwUnMnR0FvMUCbkDAzHbcyOgpfuAtRa5HD0WbTbH4pVD+S0pn1EhNfbw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.0.12':
-    resolution: {integrity: sha512-XDLnhMoXZEEOir1LK43/gHHwK84V1GlV8+pAncUAIN2wloeD+nNciI9WRIY/BeFTqES22DhTIGoilSO39xDb2g==}
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.14':
+    resolution: {integrity: sha512-AHObFiFL9lNYcm3tZSPqa/cHGpM5wOrNmM2uOMoKppp+0Hom5uuyRh0QkOp7jftsHZdrZUpmoz0Mp6vhh2XtUg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.0.12':
-    resolution: {integrity: sha512-I/BbjCLpKDQucvtn6rFuYLst1nfFwSMYyPzkx/095RE+tuzk5+fwXuzQh7T3fIBTcbn82qH/sFka7yPGA50tLw==}
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.14':
+    resolution: {integrity: sha512-rNXXMDJfCJLw/ZaFTOLOHoGULxyXfh2iXTGiChFiYTSgKBKQHIGEpV0yn5N25WGzJJ+VBnRjHzlmDqRV+d//oQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
 
-  '@tailwindcss/oxide@4.0.12':
-    resolution: {integrity: sha512-DWb+myvJB9xJwelwT9GHaMc1qJj6MDXRDR0CS+T8IdkejAtu8ctJAgV4r1drQJLPeS7mNwq2UHW2GWrudTf63A==}
+  '@tailwindcss/oxide@4.0.14':
+    resolution: {integrity: sha512-M8VCNyO/NBi5vJ2cRcI9u8w7Si+i76a7o1vveoGtbbjpEYJZYiyc7f2VGps/DqawO56l3tImIbq2OT/533jcrA==}
     engines: {node: '>= 10'}
 
-  '@tailwindcss/postcss@4.0.12':
-    resolution: {integrity: sha512-r59Sdr8djCW4dL3kvc4aWU8PHdUAVM3O3te2nbYzXsWwKLlHPCuUoZAc9FafXb/YyNDZOMI7sTbKTKFmwOrMjw==}
-
   '@tailwindcss/typography@0.5.16':
     resolution: {integrity: sha512-0wDLwCVF5V3x3b1SGXPCDcdsbDHMBe+lkFzBRaHeLvNi+nrrnZ1lA18u+OTWO8iSWU2GxUOCvlXtDuqftc1oiA==}
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1'
 
+  '@tailwindcss/vite@4.0.14':
+    resolution: {integrity: sha512-y69ztPTRFy+13EPS/7dEFVl7q2Goh1pQueVO8IfGeyqSpcx/joNJXFk0lLhMgUbF0VFJotwRSb9ZY7Xoq3r26Q==}
+    peerDependencies:
+      vite: ^5.2.0 || ^6
+
   '@types/cookie@0.6.0':
     resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
 
@@ -2430,6 +2428,9 @@ packages:
   tailwindcss@4.0.12:
     resolution: {integrity: sha512-bT0hJo91FtncsAMSsMzUkoo/iEU0Xs5xgFgVC9XmdM9bw5MhZuQFjPNl6wxAE0SiQF/YTZJa+PndGWYSDtuxAg==}
 
+  tailwindcss@4.0.14:
+    resolution: {integrity: sha512-92YT2dpt671tFiHH/e1ok9D987N9fHD5VWoly1CdPD/Cd1HMglvZwP3nx2yTj2lbXDAHt8QssZkxTLCCTNL+xw==}
+
   tapable@2.2.1:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
     engines: {node: '>=6'}
@@ -2680,8 +2681,6 @@ packages:
 
 snapshots:
 
-  '@alloc/quick-lru@5.2.0': {}
-
   '@ampproject/remapping@2.3.0':
     dependencies:
       '@jridgewell/gen-mapping': 0.3.8
@@ -3465,67 +3464,58 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
-  '@tailwindcss/node@4.0.12':
+  '@tailwindcss/node@4.0.14':
     dependencies:
       enhanced-resolve: 5.18.1
       jiti: 2.4.2
-      tailwindcss: 4.0.12
+      tailwindcss: 4.0.14
 
-  '@tailwindcss/oxide-android-arm64@4.0.12':
+  '@tailwindcss/oxide-android-arm64@4.0.14':
     optional: true
 
-  '@tailwindcss/oxide-darwin-arm64@4.0.12':
+  '@tailwindcss/oxide-darwin-arm64@4.0.14':
     optional: true
 
-  '@tailwindcss/oxide-darwin-x64@4.0.12':
+  '@tailwindcss/oxide-darwin-x64@4.0.14':
     optional: true
 
-  '@tailwindcss/oxide-freebsd-x64@4.0.12':
+  '@tailwindcss/oxide-freebsd-x64@4.0.14':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.12':
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.14':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.0.12':
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.14':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.0.12':
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.14':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.0.12':
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.14':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-musl@4.0.12':
+  '@tailwindcss/oxide-linux-x64-musl@4.0.14':
     optional: true
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.0.12':
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.14':
     optional: true
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.0.12':
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.14':
     optional: true
 
-  '@tailwindcss/oxide@4.0.12':
+  '@tailwindcss/oxide@4.0.14':
     optionalDependencies:
-      '@tailwindcss/oxide-android-arm64': 4.0.12
-      '@tailwindcss/oxide-darwin-arm64': 4.0.12
-      '@tailwindcss/oxide-darwin-x64': 4.0.12
-      '@tailwindcss/oxide-freebsd-x64': 4.0.12
-      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.12
-      '@tailwindcss/oxide-linux-arm64-gnu': 4.0.12
-      '@tailwindcss/oxide-linux-arm64-musl': 4.0.12
-      '@tailwindcss/oxide-linux-x64-gnu': 4.0.12
-      '@tailwindcss/oxide-linux-x64-musl': 4.0.12
-      '@tailwindcss/oxide-win32-arm64-msvc': 4.0.12
-      '@tailwindcss/oxide-win32-x64-msvc': 4.0.12
-
-  '@tailwindcss/postcss@4.0.12':
-    dependencies:
-      '@alloc/quick-lru': 5.2.0
-      '@tailwindcss/node': 4.0.12
-      '@tailwindcss/oxide': 4.0.12
-      lightningcss: 1.29.2
-      postcss: 8.5.3
-      tailwindcss: 4.0.12
+      '@tailwindcss/oxide-android-arm64': 4.0.14
+      '@tailwindcss/oxide-darwin-arm64': 4.0.14
+      '@tailwindcss/oxide-darwin-x64': 4.0.14
+      '@tailwindcss/oxide-freebsd-x64': 4.0.14
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.14
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.0.14
+      '@tailwindcss/oxide-linux-arm64-musl': 4.0.14
+      '@tailwindcss/oxide-linux-x64-gnu': 4.0.14
+      '@tailwindcss/oxide-linux-x64-musl': 4.0.14
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.0.14
+      '@tailwindcss/oxide-win32-x64-msvc': 4.0.14
 
   '@tailwindcss/typography@0.5.16(tailwindcss@4.0.12)':
     dependencies:
@@ -3535,6 +3525,14 @@ snapshots:
       postcss-selector-parser: 6.0.10
       tailwindcss: 4.0.12
 
+  '@tailwindcss/vite@4.0.14(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
+    dependencies:
+      '@tailwindcss/node': 4.0.14
+      '@tailwindcss/oxide': 4.0.14
+      lightningcss: 1.29.2
+      tailwindcss: 4.0.14
+      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+
   '@types/cookie@0.6.0': {}
 
   '@types/culori@2.1.1': {}
@@ -4778,6 +4776,8 @@ snapshots:
 
   tailwindcss@4.0.12: {}
 
+  tailwindcss@4.0.14: {}
+
   tapable@2.2.1: {}
 
   term-size@2.2.1: {}

From 521368c7b5452f66fc9ea0e6051995a7f982222b Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Thu, 13 Mar 2025 14:56:16 -0400
Subject: [PATCH 14/53] Update all non-major packages.  Remove daisyui (no
 longer needed)

---
 .changeset/witty-spies-divide.md |   5 +
 packages/svelte-ux/package.json  |  25 +-
 pnpm-lock.yaml                   | 847 +++++++++++++++----------------
 3 files changed, 414 insertions(+), 463 deletions(-)
 create mode 100644 .changeset/witty-spies-divide.md

diff --git a/.changeset/witty-spies-divide.md b/.changeset/witty-spies-divide.md
new file mode 100644
index 000000000..2497600cf
--- /dev/null
+++ b/.changeset/witty-spies-divide.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+Switch from `@tailwindcss/postcss` to `@tailwindcss/vite`. Update all non-major packages
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index d529d9a75..46895d40f 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -22,7 +22,7 @@
     "@changesets/cli": "^2.27.8",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@sveltejs/adapter-cloudflare": "^4.9.0",
-    "@sveltejs/kit": "^2.17.3",
+    "@sveltejs/kit": "^2.19.0",
     "@sveltejs/package": "^2.3.10",
     "@sveltejs/vite-plugin-svelte": "5.0.3",
     "@tailwindcss/typography": "^0.5.16",
@@ -32,23 +32,22 @@
     "@types/d3-scale": "^4.0.9",
     "@types/lodash-es": "^4.17.12",
     "@types/prismjs": "^1.26.5",
-    "@vitest/coverage-v8": "^3.0.7",
-    "daisyui": "^4.12.24",
+    "@vitest/coverage-v8": "^3.0.8",
     "marked": "^15.0.7",
     "mdsvex": "^0.12.3",
-    "posthog-js": "^1.223.4",
-    "prettier": "^3.5.2",
+    "posthog-js": "^1.230.4",
+    "prettier": "^3.5.3",
     "prettier-plugin-svelte": "^3.3.3",
     "rehype-slug": "^6.0.0",
-    "svelte": "5.20.4",
-    "svelte-check": "^4.1.4",
-    "svelte2tsx": "^0.7.34",
-    "tailwindcss": "^4.0.12",
+    "svelte": "5.23.0",
+    "svelte-check": "^4.1.5",
+    "svelte2tsx": "^0.7.35",
+    "tailwindcss": "^4.0.14",
     "tslib": "^2.8.1",
-    "typescript": "^5.7.3",
+    "typescript": "^5.8.2",
     "unist-util-visit": "^5.0.0",
-    "vite": "^6.2.0",
-    "vitest": "^3.0.7"
+    "vite": "^6.2.1",
+    "vitest": "^3.0.8"
   },
   "type": "module",
   "dependencies": {
@@ -69,7 +68,7 @@
     "lodash-es": "^4.17.21",
     "prism-svelte": "^0.5.0",
     "prism-themes": "^1.9.0",
-    "prismjs": "^1.29.0",
+    "prismjs": "^1.30.0",
     "sveld": "^0.22.1",
     "zod": "^3.24.2"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6866cad88..931a7f864 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -75,8 +75,8 @@ importers:
         specifier: ^1.9.0
         version: 1.9.0
       prismjs:
-        specifier: ^1.29.0
-        version: 1.29.0
+        specifier: ^1.30.0
+        version: 1.30.0
       sveld:
         specifier: ^0.22.1
         version: 0.22.1(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)
@@ -92,22 +92,22 @@ importers:
         version: 6.7.2
       '@sveltejs/adapter-cloudflare':
         specifier: ^4.9.0
-        version: 4.9.0(@sveltejs/kit@2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(wrangler@3.110.0(@cloudflare/workers-types@4.20250224.0))
+        version: 4.9.0(@sveltejs/kit@2.19.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(wrangler@3.110.0(@cloudflare/workers-types@4.20250224.0))
       '@sveltejs/kit':
-        specifier: ^2.17.3
-        version: 2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+        specifier: ^2.19.0
+        version: 2.19.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       '@sveltejs/package':
         specifier: ^2.3.10
-        version: 2.3.10(svelte@5.20.4)(typescript@5.7.3)
+        version: 2.3.10(svelte@5.23.0)(typescript@5.8.2)
       '@sveltejs/vite-plugin-svelte':
         specifier: 5.0.3
-        version: 5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+        version: 5.0.3(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       '@tailwindcss/typography':
         specifier: ^0.5.16
-        version: 0.5.16(tailwindcss@4.0.12)
+        version: 0.5.16(tailwindcss@4.0.14)
       '@tailwindcss/vite':
         specifier: ^4.0.14
-        version: 4.0.14(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+        version: 4.0.14(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       '@types/culori':
         specifier: ^2.1.1
         version: 2.1.1
@@ -124,56 +124,53 @@ importers:
         specifier: ^1.26.5
         version: 1.26.5
       '@vitest/coverage-v8':
-        specifier: ^3.0.7
-        version: 3.0.7(vitest@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
-      daisyui:
-        specifier: ^4.12.24
-        version: 4.12.24(postcss@8.5.3)
+        specifier: ^3.0.8
+        version: 3.0.8(vitest@3.0.8(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       marked:
         specifier: ^15.0.7
         version: 15.0.7
       mdsvex:
         specifier: ^0.12.3
-        version: 0.12.3(svelte@5.20.4)
+        version: 0.12.3(svelte@5.23.0)
       posthog-js:
-        specifier: ^1.223.4
-        version: 1.223.4(@rrweb/types@2.0.0-alpha.18)
+        specifier: ^1.230.4
+        version: 1.230.4
       prettier:
-        specifier: ^3.5.2
-        version: 3.5.2
+        specifier: ^3.5.3
+        version: 3.5.3
       prettier-plugin-svelte:
         specifier: ^3.3.3
-        version: 3.3.3(prettier@3.5.2)(svelte@5.20.4)
+        version: 3.3.3(prettier@3.5.3)(svelte@5.23.0)
       rehype-slug:
         specifier: ^6.0.0
         version: 6.0.0
       svelte:
-        specifier: 5.20.4
-        version: 5.20.4
+        specifier: 5.23.0
+        version: 5.23.0
       svelte-check:
-        specifier: ^4.1.4
-        version: 4.1.4(picomatch@4.0.2)(svelte@5.20.4)(typescript@5.7.3)
+        specifier: ^4.1.5
+        version: 4.1.5(picomatch@4.0.2)(svelte@5.23.0)(typescript@5.8.2)
       svelte2tsx:
-        specifier: ^0.7.34
-        version: 0.7.34(svelte@5.20.4)(typescript@5.7.3)
+        specifier: ^0.7.35
+        version: 0.7.35(svelte@5.23.0)(typescript@5.8.2)
       tailwindcss:
-        specifier: ^4.0.12
-        version: 4.0.12
+        specifier: ^4.0.14
+        version: 4.0.14
       tslib:
         specifier: ^2.8.1
         version: 2.8.1
       typescript:
-        specifier: ^5.7.3
-        version: 5.7.3
+        specifier: ^5.8.2
+        version: 5.8.2
       unist-util-visit:
         specifier: ^5.0.0
         version: 5.0.0
       vite:
-        specifier: ^6.2.0
-        version: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+        specifier: ^6.2.1
+        version: 6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
       vitest:
-        specifier: ^3.0.7
-        version: 3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+        specifier: ^3.0.8
+        version: 3.0.8(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
 
 packages:
 
@@ -189,8 +186,8 @@ packages:
     resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.26.9':
-    resolution: {integrity: sha512-81NWa1njQblgZbQHxWHpxxCzNsa3ZwvFqpUg7P+NNUU6f3UU2jBEg4OlF/J6rl8+PQGh1q6/zWScd001YwcA5A==}
+  '@babel/parser@7.26.10':
+    resolution: {integrity: sha512-6aQR2zGE/QFi8JpDLjUZEPYOs7+mhKXm86VaKFiLP35JQwQb6bwUE+XbvkH0EptsYhbNBSUGaUBLKqxH1xSgsA==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
@@ -198,8 +195,8 @@ packages:
     resolution: {integrity: sha512-aA63XwOkcl4xxQa3HjPMqOP6LiK0ZDv3mUPYEFXkpHbaFjtGggE1A61FjFzJnB+p7/oy2gA8E+rcBNl/zC1tMg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.26.9':
-    resolution: {integrity: sha512-Y3IR1cRnOxOCDvMmNiym7XpXQ93iGDDPHx+Zj+NM+rg0fBaShfQLkg+hKPaZCEvg5N/LeCo4+Rj/i3FuJsIQaw==}
+  '@babel/types@7.26.10':
+    resolution: {integrity: sha512-emqcG3vHrpxUKTrxcblR36dcrcoRDvKmnL/dCL6ZsHaShW80qxCAcNhzQZrpeM765VzEos+xOi4s+r4IXzTwdQ==}
     engines: {node: '>=6.9.0'}
 
   '@bcoe/v8-coverage@1.0.2':
@@ -327,8 +324,8 @@ packages:
     cpu: [ppc64]
     os: [aix]
 
-  '@esbuild/aix-ppc64@0.25.0':
-    resolution: {integrity: sha512-O7vun9Sf8DFjH2UtqK8Ku3LkquL9SZL8OLY1T5NZkA34+wG3OQF7cl4Ql8vdNzM6fzBbYfLaiRLIOZ+2FOCgBQ==}
+  '@esbuild/aix-ppc64@0.25.1':
+    resolution: {integrity: sha512-kfYGy8IdzTGy+z0vFGvExZtxkFlA4zAxgKEahG9KE1ScBjpQnFsNOX8KTU5ojNru5ed5CVoJYXFtoxaq5nFbjQ==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [aix]
@@ -345,8 +342,8 @@ packages:
     cpu: [arm64]
     os: [android]
 
-  '@esbuild/android-arm64@0.25.0':
-    resolution: {integrity: sha512-grvv8WncGjDSyUBjN9yHXNt+cq0snxXbDxy5pJtzMKGmmpPxeAmAhWxXI+01lU5rwZomDgD3kJwulEnhTRUd6g==}
+  '@esbuild/android-arm64@0.25.1':
+    resolution: {integrity: sha512-50tM0zCJW5kGqgG7fQ7IHvQOcAn9TKiVRuQ/lN0xR+T2lzEFvAi1ZcS8DiksFcEpf1t/GYOeOfCAgDHFpkiSmA==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [android]
@@ -363,8 +360,8 @@ packages:
     cpu: [arm]
     os: [android]
 
-  '@esbuild/android-arm@0.25.0':
-    resolution: {integrity: sha512-PTyWCYYiU0+1eJKmw21lWtC+d08JDZPQ5g+kFyxP0V+es6VPPSUhM6zk8iImp2jbV6GwjX4pap0JFbUQN65X1g==}
+  '@esbuild/android-arm@0.25.1':
+    resolution: {integrity: sha512-dp+MshLYux6j/JjdqVLnMglQlFu+MuVeNrmT5nk6q07wNhCdSnB7QZj+7G8VMUGh1q+vj2Bq8kRsuyA00I/k+Q==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [android]
@@ -381,8 +378,8 @@ packages:
     cpu: [x64]
     os: [android]
 
-  '@esbuild/android-x64@0.25.0':
-    resolution: {integrity: sha512-m/ix7SfKG5buCnxasr52+LI78SQ+wgdENi9CqyCXwjVR2X4Jkz+BpC3le3AoBPYTC9NHklwngVXvbJ9/Akhrfg==}
+  '@esbuild/android-x64@0.25.1':
+    resolution: {integrity: sha512-GCj6WfUtNldqUzYkN/ITtlhwQqGWu9S45vUXs7EIYf+7rCiiqH9bCloatO9VhxsL0Pji+PF4Lz2XXCES+Q8hDw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [android]
@@ -399,8 +396,8 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@esbuild/darwin-arm64@0.25.0':
-    resolution: {integrity: sha512-mVwdUb5SRkPayVadIOI78K7aAnPamoeFR2bT5nszFUZ9P8UpK4ratOdYbZZXYSqPKMHfS1wdHCJk1P1EZpRdvw==}
+  '@esbuild/darwin-arm64@0.25.1':
+    resolution: {integrity: sha512-5hEZKPf+nQjYoSr/elb62U19/l1mZDdqidGfmFutVUjjUZrOazAtwK+Kr+3y0C/oeJfLlxo9fXb1w7L+P7E4FQ==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [darwin]
@@ -417,8 +414,8 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  '@esbuild/darwin-x64@0.25.0':
-    resolution: {integrity: sha512-DgDaYsPWFTS4S3nWpFcMn/33ZZwAAeAFKNHNa1QN0rI4pUjgqf0f7ONmXf6d22tqTY+H9FNdgeaAa+YIFUn2Rg==}
+  '@esbuild/darwin-x64@0.25.1':
+    resolution: {integrity: sha512-hxVnwL2Dqs3fM1IWq8Iezh0cX7ZGdVhbTfnOy5uURtao5OIVCEyj9xIzemDi7sRvKsuSdtCAhMKarxqtlyVyfA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [darwin]
@@ -435,8 +432,8 @@ packages:
     cpu: [arm64]
     os: [freebsd]
 
-  '@esbuild/freebsd-arm64@0.25.0':
-    resolution: {integrity: sha512-VN4ocxy6dxefN1MepBx/iD1dH5K8qNtNe227I0mnTRjry8tj5MRk4zprLEdG8WPyAPb93/e4pSgi1SoHdgOa4w==}
+  '@esbuild/freebsd-arm64@0.25.1':
+    resolution: {integrity: sha512-1MrCZs0fZa2g8E+FUo2ipw6jw5qqQiH+tERoS5fAfKnRx6NXH31tXBKI3VpmLijLH6yriMZsxJtaXUyFt/8Y4A==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [freebsd]
@@ -453,8 +450,8 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
-  '@esbuild/freebsd-x64@0.25.0':
-    resolution: {integrity: sha512-mrSgt7lCh07FY+hDD1TxiTyIHyttn6vnjesnPoVDNmDfOmggTLXRv8Id5fNZey1gl/V2dyVK1VXXqVsQIiAk+A==}
+  '@esbuild/freebsd-x64@0.25.1':
+    resolution: {integrity: sha512-0IZWLiTyz7nm0xuIs0q1Y3QWJC52R8aSXxe40VUxm6BB1RNmkODtW6LHvWRrGiICulcX7ZvyH6h5fqdLu4gkww==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [freebsd]
@@ -471,8 +468,8 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@esbuild/linux-arm64@0.25.0':
-    resolution: {integrity: sha512-9QAQjTWNDM/Vk2bgBl17yWuZxZNQIF0OUUuPZRKoDtqF2k4EtYbpyiG5/Dk7nqeK6kIJWPYldkOcBqjXjrUlmg==}
+  '@esbuild/linux-arm64@0.25.1':
+    resolution: {integrity: sha512-jaN3dHi0/DDPelk0nLcXRm1q7DNJpjXy7yWaWvbfkPvI+7XNSc/lDOnCLN7gzsyzgu6qSAmgSvP9oXAhP973uQ==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [linux]
@@ -489,8 +486,8 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@esbuild/linux-arm@0.25.0':
-    resolution: {integrity: sha512-vkB3IYj2IDo3g9xX7HqhPYxVkNQe8qTK55fraQyTzTX/fxaDtXiEnavv9geOsonh2Fd2RMB+i5cbhu2zMNWJwg==}
+  '@esbuild/linux-arm@0.25.1':
+    resolution: {integrity: sha512-NdKOhS4u7JhDKw9G3cY6sWqFcnLITn6SqivVArbzIaf3cemShqfLGHYMx8Xlm/lBit3/5d7kXvriTUGa5YViuQ==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [linux]
@@ -507,8 +504,8 @@ packages:
     cpu: [ia32]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.25.0':
-    resolution: {integrity: sha512-43ET5bHbphBegyeqLb7I1eYn2P/JYGNmzzdidq/w0T8E2SsYL1U6un2NFROFRg1JZLTzdCoRomg8Rvf9M6W6Gg==}
+  '@esbuild/linux-ia32@0.25.1':
+    resolution: {integrity: sha512-OJykPaF4v8JidKNGz8c/q1lBO44sQNUQtq1KktJXdBLn1hPod5rE/Hko5ugKKZd+D2+o1a9MFGUEIUwO2YfgkQ==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [linux]
@@ -525,8 +522,8 @@ packages:
     cpu: [loong64]
     os: [linux]
 
-  '@esbuild/linux-loong64@0.25.0':
-    resolution: {integrity: sha512-fC95c/xyNFueMhClxJmeRIj2yrSMdDfmqJnyOY4ZqsALkDrrKJfIg5NTMSzVBr5YW1jf+l7/cndBfP3MSDpoHw==}
+  '@esbuild/linux-loong64@0.25.1':
+    resolution: {integrity: sha512-nGfornQj4dzcq5Vp835oM/o21UMlXzn79KobKlcs3Wz9smwiifknLy4xDCLUU0BWp7b/houtdrgUz7nOGnfIYg==}
     engines: {node: '>=18'}
     cpu: [loong64]
     os: [linux]
@@ -543,8 +540,8 @@ packages:
     cpu: [mips64el]
     os: [linux]
 
-  '@esbuild/linux-mips64el@0.25.0':
-    resolution: {integrity: sha512-nkAMFju7KDW73T1DdH7glcyIptm95a7Le8irTQNO/qtkoyypZAnjchQgooFUDQhNAy4iu08N79W4T4pMBwhPwQ==}
+  '@esbuild/linux-mips64el@0.25.1':
+    resolution: {integrity: sha512-1osBbPEFYwIE5IVB/0g2X6i1qInZa1aIoj1TdL4AaAb55xIIgbg8Doq6a5BzYWgr+tEcDzYH67XVnTmUzL+nXg==}
     engines: {node: '>=18'}
     cpu: [mips64el]
     os: [linux]
@@ -561,8 +558,8 @@ packages:
     cpu: [ppc64]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.25.0':
-    resolution: {integrity: sha512-NhyOejdhRGS8Iwv+KKR2zTq2PpysF9XqY+Zk77vQHqNbo/PwZCzB5/h7VGuREZm1fixhs4Q/qWRSi5zmAiO4Fw==}
+  '@esbuild/linux-ppc64@0.25.1':
+    resolution: {integrity: sha512-/6VBJOwUf3TdTvJZ82qF3tbLuWsscd7/1w+D9LH0W/SqUgM5/JJD0lrJ1fVIfZsqB6RFmLCe0Xz3fmZc3WtyVg==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [linux]
@@ -579,8 +576,8 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
-  '@esbuild/linux-riscv64@0.25.0':
-    resolution: {integrity: sha512-5S/rbP5OY+GHLC5qXp1y/Mx//e92L1YDqkiBbO9TQOvuFXM+iDqUNG5XopAnXoRH3FjIUDkeGcY1cgNvnXp/kA==}
+  '@esbuild/linux-riscv64@0.25.1':
+    resolution: {integrity: sha512-nSut/Mx5gnilhcq2yIMLMe3Wl4FK5wx/o0QuuCLMtmJn+WeWYoEGDN1ipcN72g1WHsnIbxGXd4i/MF0gTcuAjQ==}
     engines: {node: '>=18'}
     cpu: [riscv64]
     os: [linux]
@@ -597,8 +594,8 @@ packages:
     cpu: [s390x]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.25.0':
-    resolution: {integrity: sha512-XM2BFsEBz0Fw37V0zU4CXfcfuACMrppsMFKdYY2WuTS3yi8O1nFOhil/xhKTmE1nPmVyvQJjJivgDT+xh8pXJA==}
+  '@esbuild/linux-s390x@0.25.1':
+    resolution: {integrity: sha512-cEECeLlJNfT8kZHqLarDBQso9a27o2Zd2AQ8USAEoGtejOrCYHNtKP8XQhMDJMtthdF4GBmjR2au3x1udADQQQ==}
     engines: {node: '>=18'}
     cpu: [s390x]
     os: [linux]
@@ -615,8 +612,8 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@esbuild/linux-x64@0.25.0':
-    resolution: {integrity: sha512-9yl91rHw/cpwMCNytUDxwj2XjFpxML0y9HAOH9pNVQDpQrBxHy01Dx+vaMu0N1CKa/RzBD2hB4u//nfc+Sd3Cw==}
+  '@esbuild/linux-x64@0.25.1':
+    resolution: {integrity: sha512-xbfUhu/gnvSEg+EGovRc+kjBAkrvtk38RlerAzQxvMzlB4fXpCFCeUAYzJvrnhFtdeyVCDANSjJvOvGYoeKzFA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [linux]
@@ -627,8 +624,8 @@ packages:
     cpu: [arm64]
     os: [netbsd]
 
-  '@esbuild/netbsd-arm64@0.25.0':
-    resolution: {integrity: sha512-RuG4PSMPFfrkH6UwCAqBzauBWTygTvb1nxWasEJooGSJ/NwRw7b2HOwyRTQIU97Hq37l3npXoZGYMy3b3xYvPw==}
+  '@esbuild/netbsd-arm64@0.25.1':
+    resolution: {integrity: sha512-O96poM2XGhLtpTh+s4+nP7YCCAfb4tJNRVZHfIE7dgmax+yMP2WgMd2OecBuaATHKTHsLWHQeuaxMRnCsH8+5g==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [netbsd]
@@ -645,8 +642,8 @@ packages:
     cpu: [x64]
     os: [netbsd]
 
-  '@esbuild/netbsd-x64@0.25.0':
-    resolution: {integrity: sha512-jl+qisSB5jk01N5f7sPCsBENCOlPiS/xptD5yxOx2oqQfyourJwIKLRA2yqWdifj3owQZCL2sn6o08dBzZGQzA==}
+  '@esbuild/netbsd-x64@0.25.1':
+    resolution: {integrity: sha512-X53z6uXip6KFXBQ+Krbx25XHV/NCbzryM6ehOAeAil7X7oa4XIq+394PWGnwaSQ2WRA0KI6PUO6hTO5zeF5ijA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [netbsd]
@@ -657,8 +654,8 @@ packages:
     cpu: [arm64]
     os: [openbsd]
 
-  '@esbuild/openbsd-arm64@0.25.0':
-    resolution: {integrity: sha512-21sUNbq2r84YE+SJDfaQRvdgznTD8Xc0oc3p3iW/a1EVWeNj/SdUCbm5U0itZPQYRuRTW20fPMWMpcrciH2EJw==}
+  '@esbuild/openbsd-arm64@0.25.1':
+    resolution: {integrity: sha512-Na9T3szbXezdzM/Kfs3GcRQNjHzM6GzFBeU1/6IV/npKP5ORtp9zbQjvkDJ47s6BCgaAZnnnu/cY1x342+MvZg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openbsd]
@@ -675,8 +672,8 @@ packages:
     cpu: [x64]
     os: [openbsd]
 
-  '@esbuild/openbsd-x64@0.25.0':
-    resolution: {integrity: sha512-2gwwriSMPcCFRlPlKx3zLQhfN/2WjJ2NSlg5TKLQOJdV0mSxIcYNTMhk3H3ulL/cak+Xj0lY1Ym9ysDV1igceg==}
+  '@esbuild/openbsd-x64@0.25.1':
+    resolution: {integrity: sha512-T3H78X2h1tszfRSf+txbt5aOp/e7TAz3ptVKu9Oyir3IAOFPGV6O9c2naym5TOriy1l0nNf6a4X5UXRZSGX/dw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [openbsd]
@@ -693,8 +690,8 @@ packages:
     cpu: [x64]
     os: [sunos]
 
-  '@esbuild/sunos-x64@0.25.0':
-    resolution: {integrity: sha512-bxI7ThgLzPrPz484/S9jLlvUAHYMzy6I0XiU1ZMeAEOBcS0VePBFxh1JjTQt3Xiat5b6Oh4x7UC7IwKQKIJRIg==}
+  '@esbuild/sunos-x64@0.25.1':
+    resolution: {integrity: sha512-2H3RUvcmULO7dIE5EWJH8eubZAI4xw54H1ilJnRNZdeo8dTADEZ21w6J22XBkXqGJbe0+wnNJtw3UXRoLJnFEg==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [sunos]
@@ -711,8 +708,8 @@ packages:
     cpu: [arm64]
     os: [win32]
 
-  '@esbuild/win32-arm64@0.25.0':
-    resolution: {integrity: sha512-ZUAc2YK6JW89xTbXvftxdnYy3m4iHIkDtK3CLce8wg8M2L+YZhIvO1DKpxrd0Yr59AeNNkTiic9YLf6FTtXWMw==}
+  '@esbuild/win32-arm64@0.25.1':
+    resolution: {integrity: sha512-GE7XvrdOzrb+yVKB9KsRMq+7a2U/K5Cf/8grVFRAGJmfADr/e/ODQ134RK2/eeHqYV5eQRFxb1hY7Nr15fv1NQ==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [win32]
@@ -729,8 +726,8 @@ packages:
     cpu: [ia32]
     os: [win32]
 
-  '@esbuild/win32-ia32@0.25.0':
-    resolution: {integrity: sha512-eSNxISBu8XweVEWG31/JzjkIGbGIJN/TrRoiSVZwZ6pkC6VX4Im/WV2cz559/TXLcYbcrDN8JtKgd9DJVIo8GA==}
+  '@esbuild/win32-ia32@0.25.1':
+    resolution: {integrity: sha512-uOxSJCIcavSiT6UnBhBzE8wy3n0hOkJsBOzy7HDAuTDE++1DJMRRVCPGisULScHL+a/ZwdXPpXD3IyFKjA7K8A==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [win32]
@@ -747,8 +744,8 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@esbuild/win32-x64@0.25.0':
-    resolution: {integrity: sha512-ZENoHJBxA20C2zFzh6AI4fT6RraMzjYw4xKWemRTRmRVtN9c5DcH9r/f2ihEkMjOW5eGgrwCslG/+Y/3bL+DHQ==}
+  '@esbuild/win32-x64@0.25.1':
+    resolution: {integrity: sha512-Y1EQdcfwMSeQN/ujR5VayLOJ1BHaK+ssyk0AEzPjC+t1lITgsnccPqFjb6V+LsTp/9Iov4ysfjxLaGJ9RPtkVg==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [win32]
@@ -967,103 +964,105 @@ packages:
     resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
     engines: {node: '>= 8.0.0'}
 
-  '@rollup/rollup-android-arm-eabi@4.34.8':
-    resolution: {integrity: sha512-q217OSE8DTp8AFHuNHXo0Y86e1wtlfVrXiAlwkIvGRQv9zbc6mE3sjIVfwI8sYUyNxwOg0j/Vm1RKM04JcWLJw==}
+  '@rollup/rollup-android-arm-eabi@4.35.0':
+    resolution: {integrity: sha512-uYQ2WfPaqz5QtVgMxfN6NpLD+no0MYHDBywl7itPYd3K5TjjSghNKmX8ic9S8NU8w81NVhJv/XojcHptRly7qQ==}
     cpu: [arm]
     os: [android]
 
-  '@rollup/rollup-android-arm64@4.34.8':
-    resolution: {integrity: sha512-Gigjz7mNWaOL9wCggvoK3jEIUUbGul656opstjaUSGC3eT0BM7PofdAJaBfPFWWkXNVAXbaQtC99OCg4sJv70Q==}
+  '@rollup/rollup-android-arm64@4.35.0':
+    resolution: {integrity: sha512-FtKddj9XZudurLhdJnBl9fl6BwCJ3ky8riCXjEw3/UIbjmIY58ppWwPEvU3fNu+W7FUsAsB1CdH+7EQE6CXAPA==}
     cpu: [arm64]
     os: [android]
 
-  '@rollup/rollup-darwin-arm64@4.34.8':
-    resolution: {integrity: sha512-02rVdZ5tgdUNRxIUrFdcMBZQoaPMrxtwSb+/hOfBdqkatYHR3lZ2A2EGyHq2sGOd0Owk80oV3snlDASC24He3Q==}
+  '@rollup/rollup-darwin-arm64@4.35.0':
+    resolution: {integrity: sha512-Uk+GjOJR6CY844/q6r5DR/6lkPFOw0hjfOIzVx22THJXMxktXG6CbejseJFznU8vHcEBLpiXKY3/6xc+cBm65Q==}
     cpu: [arm64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-x64@4.34.8':
-    resolution: {integrity: sha512-qIP/elwR/tq/dYRx3lgwK31jkZvMiD6qUtOycLhTzCvrjbZ3LjQnEM9rNhSGpbLXVJYQ3rq39A6Re0h9tU2ynw==}
+  '@rollup/rollup-darwin-x64@4.35.0':
+    resolution: {integrity: sha512-3IrHjfAS6Vkp+5bISNQnPogRAW5GAV1n+bNCrDwXmfMHbPl5EhTmWtfmwlJxFRUCBZ+tZ/OxDyU08aF6NI/N5Q==}
     cpu: [x64]
     os: [darwin]
 
-  '@rollup/rollup-freebsd-arm64@4.34.8':
-    resolution: {integrity: sha512-IQNVXL9iY6NniYbTaOKdrlVP3XIqazBgJOVkddzJlqnCpRi/yAeSOa8PLcECFSQochzqApIOE1GHNu3pCz+BDA==}
+  '@rollup/rollup-freebsd-arm64@4.35.0':
+    resolution: {integrity: sha512-sxjoD/6F9cDLSELuLNnY0fOrM9WA0KrM0vWm57XhrIMf5FGiN8D0l7fn+bpUeBSU7dCgPV2oX4zHAsAXyHFGcQ==}
     cpu: [arm64]
     os: [freebsd]
 
-  '@rollup/rollup-freebsd-x64@4.34.8':
-    resolution: {integrity: sha512-TYXcHghgnCqYFiE3FT5QwXtOZqDj5GmaFNTNt3jNC+vh22dc/ukG2cG+pi75QO4kACohZzidsq7yKTKwq/Jq7Q==}
+  '@rollup/rollup-freebsd-x64@4.35.0':
+    resolution: {integrity: sha512-2mpHCeRuD1u/2kruUiHSsnjWtHjqVbzhBkNVQ1aVD63CcexKVcQGwJ2g5VphOd84GvxfSvnnlEyBtQCE5hxVVw==}
     cpu: [x64]
     os: [freebsd]
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.34.8':
-    resolution: {integrity: sha512-A4iphFGNkWRd+5m3VIGuqHnG3MVnqKe7Al57u9mwgbyZ2/xF9Jio72MaY7xxh+Y87VAHmGQr73qoKL9HPbXj1g==}
+  '@rollup/rollup-linux-arm-gnueabihf@4.35.0':
+    resolution: {integrity: sha512-mrA0v3QMy6ZSvEuLs0dMxcO2LnaCONs1Z73GUDBHWbY8tFFocM6yl7YyMu7rz4zS81NDSqhrUuolyZXGi8TEqg==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm-musleabihf@4.34.8':
-    resolution: {integrity: sha512-S0lqKLfTm5u+QTxlFiAnb2J/2dgQqRy/XvziPtDd1rKZFXHTyYLoVL58M/XFwDI01AQCDIevGLbQrMAtdyanpA==}
+  '@rollup/rollup-linux-arm-musleabihf@4.35.0':
+    resolution: {integrity: sha512-DnYhhzcvTAKNexIql8pFajr0PiDGrIsBYPRvCKlA5ixSS3uwo/CWNZxB09jhIapEIg945KOzcYEAGGSmTSpk7A==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-gnu@4.34.8':
-    resolution: {integrity: sha512-jpz9YOuPiSkL4G4pqKrus0pn9aYwpImGkosRKwNi+sJSkz+WU3anZe6hi73StLOQdfXYXC7hUfsQlTnjMd3s1A==}
+  '@rollup/rollup-linux-arm64-gnu@4.35.0':
+    resolution: {integrity: sha512-uagpnH2M2g2b5iLsCTZ35CL1FgyuzzJQ8L9VtlJ+FckBXroTwNOaD0z0/UF+k5K3aNQjbm8LIVpxykUOQt1m/A==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-musl@4.34.8':
-    resolution: {integrity: sha512-KdSfaROOUJXgTVxJNAZ3KwkRc5nggDk+06P6lgi1HLv1hskgvxHUKZ4xtwHkVYJ1Rep4GNo+uEfycCRRxht7+Q==}
+  '@rollup/rollup-linux-arm64-musl@4.35.0':
+    resolution: {integrity: sha512-XQxVOCd6VJeHQA/7YcqyV0/88N6ysSVzRjJ9I9UA/xXpEsjvAgDTgH3wQYz5bmr7SPtVK2TsP2fQ2N9L4ukoUg==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-loongarch64-gnu@4.34.8':
-    resolution: {integrity: sha512-NyF4gcxwkMFRjgXBM6g2lkT58OWztZvw5KkV2K0qqSnUEqCVcqdh2jN4gQrTn/YUpAcNKyFHfoOZEer9nwo6uQ==}
+  '@rollup/rollup-linux-loongarch64-gnu@4.35.0':
+    resolution: {integrity: sha512-5pMT5PzfgwcXEwOaSrqVsz/LvjDZt+vQ8RT/70yhPU06PTuq8WaHhfT1LW+cdD7mW6i/J5/XIkX/1tCAkh1W6g==}
     cpu: [loong64]
     os: [linux]
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.34.8':
-    resolution: {integrity: sha512-LMJc999GkhGvktHU85zNTDImZVUCJ1z/MbAJTnviiWmmjyckP5aQsHtcujMjpNdMZPT2rQEDBlJfubhs3jsMfw==}
+  '@rollup/rollup-linux-powerpc64le-gnu@4.35.0':
+    resolution: {integrity: sha512-c+zkcvbhbXF98f4CtEIP1EBA/lCic5xB0lToneZYvMeKu5Kamq3O8gqrxiYYLzlZH6E3Aq+TSW86E4ay8iD8EA==}
     cpu: [ppc64]
     os: [linux]
 
-  '@rollup/rollup-linux-riscv64-gnu@4.34.8':
-    resolution: {integrity: sha512-xAQCAHPj8nJq1PI3z8CIZzXuXCstquz7cIOL73HHdXiRcKk8Ywwqtx2wrIy23EcTn4aZ2fLJNBB8d0tQENPCmw==}
+  '@rollup/rollup-linux-riscv64-gnu@4.35.0':
+    resolution: {integrity: sha512-s91fuAHdOwH/Tad2tzTtPX7UZyytHIRR6V4+2IGlV0Cej5rkG0R61SX4l4y9sh0JBibMiploZx3oHKPnQBKe4g==}
     cpu: [riscv64]
     os: [linux]
 
-  '@rollup/rollup-linux-s390x-gnu@4.34.8':
-    resolution: {integrity: sha512-DdePVk1NDEuc3fOe3dPPTb+rjMtuFw89gw6gVWxQFAuEqqSdDKnrwzZHrUYdac7A7dXl9Q2Vflxpme15gUWQFA==}
+  '@rollup/rollup-linux-s390x-gnu@4.35.0':
+    resolution: {integrity: sha512-hQRkPQPLYJZYGP+Hj4fR9dDBMIM7zrzJDWFEMPdTnTy95Ljnv0/4w/ixFw3pTBMEuuEuoqtBINYND4M7ujcuQw==}
     cpu: [s390x]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-gnu@4.34.8':
-    resolution: {integrity: sha512-8y7ED8gjxITUltTUEJLQdgpbPh1sUQ0kMTmufRF/Ns5tI9TNMNlhWtmPKKHCU0SilX+3MJkZ0zERYYGIVBYHIA==}
+  '@rollup/rollup-linux-x64-gnu@4.35.0':
+    resolution: {integrity: sha512-Pim1T8rXOri+0HmV4CdKSGrqcBWX0d1HoPnQ0uw0bdp1aP5SdQVNBy8LjYncvnLgu3fnnCt17xjWGd4cqh8/hA==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-musl@4.34.8':
-    resolution: {integrity: sha512-SCXcP0ZpGFIe7Ge+McxY5zKxiEI5ra+GT3QRxL0pMMtxPfpyLAKleZODi1zdRHkz5/BhueUrYtYVgubqe9JBNQ==}
+  '@rollup/rollup-linux-x64-musl@4.35.0':
+    resolution: {integrity: sha512-QysqXzYiDvQWfUiTm8XmJNO2zm9yC9P/2Gkrwg2dH9cxotQzunBHYr6jk4SujCTqnfGxduOmQcI7c2ryuW8XVg==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-win32-arm64-msvc@4.34.8':
-    resolution: {integrity: sha512-YHYsgzZgFJzTRbth4h7Or0m5O74Yda+hLin0irAIobkLQFRQd1qWmnoVfwmKm9TXIZVAD0nZ+GEb2ICicLyCnQ==}
+  '@rollup/rollup-win32-arm64-msvc@4.35.0':
+    resolution: {integrity: sha512-OUOlGqPkVJCdJETKOCEf1mw848ZyJ5w50/rZ/3IBQVdLfR5jk/6Sr5m3iO2tdPgwo0x7VcncYuOvMhBWZq8ayg==}
     cpu: [arm64]
     os: [win32]
 
-  '@rollup/rollup-win32-ia32-msvc@4.34.8':
-    resolution: {integrity: sha512-r3NRQrXkHr4uWy5TOjTpTYojR9XmF0j/RYgKCef+Ag46FWUTltm5ziticv8LdNsDMehjJ543x/+TJAek/xBA2w==}
+  '@rollup/rollup-win32-ia32-msvc@4.35.0':
+    resolution: {integrity: sha512-2/lsgejMrtwQe44glq7AFFHLfJBPafpsTa6JvP2NGef/ifOa4KBoglVf7AKN7EV9o32evBPRqfg96fEHzWo5kw==}
     cpu: [ia32]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-msvc@4.34.8':
-    resolution: {integrity: sha512-U0FaE5O1BCpZSeE6gBl3c5ObhePQSfk9vDRToMmTkbhCOgW4jqvtS5LGyQ76L1fH8sM0keRp4uDTsbjiUyjk0g==}
+  '@rollup/rollup-win32-x64-msvc@4.35.0':
+    resolution: {integrity: sha512-PIQeY5XDkrOysbQblSW7v3l1MDZzkTEzAfTPkj5VAu3FW8fS4ynyLg2sINp0fp3SjZ8xkRYpLqoKcYqAkhU1dw==}
     cpu: [x64]
     os: [win32]
 
-  '@rrweb/types@2.0.0-alpha.18':
-    resolution: {integrity: sha512-iMH3amHthJZ9x3gGmBPmdfim7wLGygC2GciIkw2A6SO8giSn8PHYtRT8OKNH4V+k3SZ6RSnYHcTQxBA7pSWZ3Q==}
+  '@sveltejs/acorn-typescript@1.0.5':
+    resolution: {integrity: sha512-IwQk4yfwLdibDlrXVE04jTZYlLnwsTT2PIOQQGNLWfjavGifnk1JD1LcZjZaBTRcxZu2FfPfNLOE04DSu9lqtQ==}
+    peerDependencies:
+      acorn: ^8.9.0
 
   '@sveltejs/adapter-cloudflare@4.9.0':
     resolution: {integrity: sha512-o7o8wXy5zDsEuE9oPWSHO5tAuPEulZZg2QavFdc00fcIHh1dxgCyIRZa5LPjAE8EcdJOh+8SFkhFgVRdCfOBvQ==}
@@ -1071,8 +1070,8 @@ packages:
       '@sveltejs/kit': ^2.0.0
       wrangler: ^3.28.4
 
-  '@sveltejs/kit@2.17.3':
-    resolution: {integrity: sha512-GcNaPDr0ti4O/TonPewkML2DG7UVXkSxPN3nPMlpmx0Rs4b2kVP4gymz98WEHlfzPXdd4uOOT1Js26DtieTNBQ==}
+  '@sveltejs/kit@2.19.0':
+    resolution: {integrity: sha512-UTx28Ad4sYsLU//gqkEo5aFOPFBRT2uXCmXTsURqhurDCvzkVwXruJgBcHDaMiK6RKKpYRteDUaXYqZyGPgCXQ==}
     engines: {node: '>=18.13'}
     hasBin: true
     peerDependencies:
@@ -1237,20 +1236,20 @@ packages:
   '@types/unist@3.0.2':
     resolution: {integrity: sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ==}
 
-  '@vitest/coverage-v8@3.0.7':
-    resolution: {integrity: sha512-Av8WgBJLTrfLOer0uy3CxjlVuWK4CzcLBndW1Nm2vI+3hZ2ozHututkfc7Blu1u6waeQ7J8gzPK/AsBRnWA5mQ==}
+  '@vitest/coverage-v8@3.0.8':
+    resolution: {integrity: sha512-y7SAKsQirsEJ2F8bulBck4DoluhI2EEgTimHd6EEUgJBGKy9tC25cpywh1MH4FvDGoG2Unt7+asVd1kj4qOSAw==}
     peerDependencies:
-      '@vitest/browser': 3.0.7
-      vitest: 3.0.7
+      '@vitest/browser': 3.0.8
+      vitest: 3.0.8
     peerDependenciesMeta:
       '@vitest/browser':
         optional: true
 
-  '@vitest/expect@3.0.7':
-    resolution: {integrity: sha512-QP25f+YJhzPfHrHfYHtvRn+uvkCFCqFtW9CktfBxmB+25QqWsx7VB2As6f4GmwllHLDhXNHvqedwhvMmSnNmjw==}
+  '@vitest/expect@3.0.8':
+    resolution: {integrity: sha512-Xu6TTIavTvSSS6LZaA3EebWFr6tsoXPetOWNMOlc7LO88QVVBwq2oQWBoDiLCN6YTvNYsGSjqOO8CAdjom5DCQ==}
 
-  '@vitest/mocker@3.0.7':
-    resolution: {integrity: sha512-qui+3BLz9Eonx4EAuR/i+QlCX6AUZ35taDQgwGkK/Tw6/WgwodSrjN1X2xf69IA/643ZX5zNKIn2svvtZDrs4w==}
+  '@vitest/mocker@3.0.8':
+    resolution: {integrity: sha512-n3LjS7fcW1BCoF+zWZxG7/5XvuYH+lsFg+BDwwAz0arIwHQJFUEsKBQ0BLU49fCxuM/2HSeBPHQD8WjgrxMfow==}
     peerDependencies:
       msw: ^2.4.9
       vite: ^5.0.0 || ^6.0.0
@@ -1260,25 +1259,20 @@ packages:
       vite:
         optional: true
 
-  '@vitest/pretty-format@3.0.7':
-    resolution: {integrity: sha512-CiRY0BViD/V8uwuEzz9Yapyao+M9M008/9oMOSQydwbwb+CMokEq3XVaF3XK/VWaOK0Jm9z7ENhybg70Gtxsmg==}
+  '@vitest/pretty-format@3.0.8':
+    resolution: {integrity: sha512-BNqwbEyitFhzYMYHUVbIvepOyeQOSFA/NeJMIP9enMntkkxLgOcgABH6fjyXG85ipTgvero6noreavGIqfJcIg==}
 
-  '@vitest/runner@3.0.7':
-    resolution: {integrity: sha512-WeEl38Z0S2ZcuRTeyYqaZtm4e26tq6ZFqh5y8YD9YxfWuu0OFiGFUbnxNynwLjNRHPsXyee2M9tV7YxOTPZl2g==}
+  '@vitest/runner@3.0.8':
+    resolution: {integrity: sha512-c7UUw6gEcOzI8fih+uaAXS5DwjlBaCJUo7KJ4VvJcjL95+DSR1kova2hFuRt3w41KZEFcOEiq098KkyrjXeM5w==}
 
-  '@vitest/snapshot@3.0.7':
-    resolution: {integrity: sha512-eqTUryJWQN0Rtf5yqCGTQWsCFOQe4eNz5Twsu21xYEcnFJtMU5XvmG0vgebhdLlrHQTSq5p8vWHJIeJQV8ovsA==}
+  '@vitest/snapshot@3.0.8':
+    resolution: {integrity: sha512-x8IlMGSEMugakInj44nUrLSILh/zy1f2/BgH0UeHpNyOocG18M9CWVIFBaXPt8TrqVZWmcPjwfG/ht5tnpba8A==}
 
-  '@vitest/spy@3.0.7':
-    resolution: {integrity: sha512-4T4WcsibB0B6hrKdAZTM37ekuyFZt2cGbEGd2+L0P8ov15J1/HUsUaqkXEQPNAWr4BtPPe1gI+FYfMHhEKfR8w==}
+  '@vitest/spy@3.0.8':
+    resolution: {integrity: sha512-MR+PzJa+22vFKYb934CejhR4BeRpMSoxkvNoDit68GQxRLSf11aT6CTj3XaqUU9rxgWJFnqicN/wxw6yBRkI1Q==}
 
-  '@vitest/utils@3.0.7':
-    resolution: {integrity: sha512-xePVpCRfooFX3rANQjwoditoXgWb1MaFbzmGuPP59MK6i13mrnDw/yEIyJudLeW6/38mCNcwCiJIGmpDPibAIg==}
-
-  acorn-typescript@1.4.13:
-    resolution: {integrity: sha512-xsc9Xv0xlVfwp2o7sQ+GCQ1PgbkdcpWdTzrwXxO3xDMTAywVS3oXVOcOHuRjAPkS4P9b+yc/qNF15460v+jp4Q==}
-    peerDependencies:
-      acorn: '>=8.9.0'
+  '@vitest/utils@3.0.8':
+    resolution: {integrity: sha512-nkBC3aEhfX2PdtQI/QwAWp8qZWwzASsU4Npbcd5RdMPBSSLCpkZp52P3xku3s3uA0HIEhGvEcF8rNkBsz9dQ4Q==}
 
   acorn-walk@8.3.2:
     resolution: {integrity: sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==}
@@ -1289,6 +1283,11 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  acorn@8.14.1:
+    resolution: {integrity: sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
   ansi-colors@4.1.3:
     resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
     engines: {node: '>=6'}
@@ -1356,10 +1355,6 @@ packages:
     resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
     engines: {node: '>=8'}
 
-  camelcase-css@2.0.1:
-    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
-    engines: {node: '>= 6'}
-
   chai@5.2.0:
     resolution: {integrity: sha512-mCuXncKXk5iCLhfhwTc0izo0gtEmpz5CtG2y8GiOINBlMVS6v8TMRc5TaLWKS6692m9+dVVfzgeVxR5UxWHTYw==}
     engines: {node: '>=12'}
@@ -1415,8 +1410,8 @@ packages:
     resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
     engines: {node: '>= 0.6'}
 
-  core-js@3.40.0:
-    resolution: {integrity: sha512-7vsMc/Lty6AGnn7uFpYT56QesI5D2Y/UkgKounk87OP9Z2H9Z8kj6jzcSGAxFmUtDOS0ntK6lbQz+Nsa0Jj6mQ==}
+  core-js@3.41.0:
+    resolution: {integrity: sha512-SJ4/EHwS36QMJd6h/Rg+GyR4A5xE0FSI3eZ+iBVpfqf1x0eTSg1smWLHrA+2jQThZSh97fmSgFSU8B61nxosxA==}
 
   cross-spawn@7.0.3:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
@@ -1426,9 +1421,6 @@ packages:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
-  css-selector-tokenizer@0.8.0:
-    resolution: {integrity: sha512-Jd6Ig3/pe62/qe5SBPTN8h8LeUg/pT4lLgtavPf7updwwHpvFzxvOQBHYj2LZDMjUnBzgvIUSjRcf6oT5HzHFg==}
-
   css-tree@2.3.1:
     resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
@@ -1438,10 +1430,6 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  culori@3.3.0:
-    resolution: {integrity: sha512-pHJg+jbuFsCjz9iclQBqyL3B2HLCBF71BwVNujUYEvCeQMvV97R59MNK3R2+jgJ3a1fcZgI9B3vYgz8lzr/BFQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
   culori@4.0.1:
     resolution: {integrity: sha512-LSnjA6HuIUOlkfKVbzi2OlToZE8OjFi667JWN9qNymXVXzGDmvuP60SSgC+e92sd7B7158f7Fy3Mb6rXS5EDPw==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -1474,10 +1462,6 @@ packages:
     resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
     engines: {node: '>=12'}
 
-  daisyui@4.12.24:
-    resolution: {integrity: sha512-JYg9fhQHOfXyLadrBrEqCDM6D5dWCSSiM6eTNCRrBRzx/VlOCrLS8eDfIw9RVvs64v2mJdLooKXY8EwQzoszAA==}
-    engines: {node: '>=16.9.0'}
-
   data-uri-to-buffer@2.0.2:
     resolution: {integrity: sha512-ND9qDTLc6diwj+Xe5cdAgVTbLVdXbtxTJRXRhli8Mowuaan+0EJOtdqJ0QCHNSSPyoXGx9HX2/VMnKeC34AChA==}
 
@@ -1559,8 +1543,8 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
-  esbuild@0.25.0:
-    resolution: {integrity: sha512-BXq5mqc8ltbaN34cDqWuYKyNhX8D/Z0J1xdtdQ8UcIIIyJyz+ZMKUt58tF3SrZ85jcfN/PZYhjR5uDQAYNVbuw==}
+  esbuild@0.25.1:
+    resolution: {integrity: sha512-BGO5LtrGC7vxnqucAe/rmvKdJllfGaYWdyABvyMoXQlfYMb2bbRuReWR5tEGE//4LcNJj9XrkovTqNYRFZHAMQ==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -1595,8 +1579,8 @@ packages:
     resolution: {integrity: sha512-eNTPlAD67BmP31LDINZ3U7HSF8l57TxOY2PmBJ1shpCvpnxBF93mWCE8YHBnXs8qiUZJc9WDcWIeC3a2HIAMfw==}
     engines: {node: '>=6'}
 
-  expect-type@1.1.0:
-    resolution: {integrity: sha512-bFi65yM+xZgk+u/KRIpekdSYkTB5W1pEf0Lt8Q8Msh7b+eQ7LXVtIB1Bkm4fvclDEL1b2CZkMhv2mOeF8tMdkA==}
+  expect-type@1.2.0:
+    resolution: {integrity: sha512-80F22aiJ3GLyVnS/B3HzgR6RelZVumzj9jkL0Rhz4h0xYbNW9PjlQz5h3J/SShErbXBc295vseR4/MIbVmUbeA==}
     engines: {node: '>=12.0.0'}
 
   extendable-error@0.1.7:
@@ -1610,20 +1594,9 @@ packages:
     resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
     engines: {node: '>=8.6.0'}
 
-  fastparse@1.1.2:
-    resolution: {integrity: sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==}
-
   fastq@1.17.1:
     resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
 
-  fdir@6.4.2:
-    resolution: {integrity: sha512-KnhMXsKSPZlAhp7+IjUkRZKPb4fUyccpDrdFXbi4QL1qkmFh9kVY09Yox+n4MaOb3lHZ1Tv829C3oaaXoMYPDQ==}
-    peerDependencies:
-      picomatch: ^3 || ^4
-    peerDependenciesMeta:
-      picomatch:
-        optional: true
-
   fdir@6.4.3:
     resolution: {integrity: sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==}
     peerDependencies:
@@ -1647,6 +1620,10 @@ packages:
     resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
     engines: {node: '>=14'}
 
+  foreground-child@3.3.1:
+    resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
+    engines: {node: '>=14'}
+
   fs-extra@7.0.1:
     resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
     engines: {node: '>=6 <7 || >=8'}
@@ -1994,8 +1971,8 @@ packages:
     resolution: {integrity: sha512-71ippSywq5Yb7/tVYyGbkBggbU8H3u5Rz56fH60jGFgr8uHwxs+aSKeqmluIVzM0m0kB7xQjKS6qPfd0b2ZoqQ==}
     hasBin: true
 
-  nanoid@3.3.8:
-    resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
+  nanoid@3.3.9:
+    resolution: {integrity: sha512-SppoicMGpZvbF1l3z4x7No3OlIjP7QJvC9XR7AhZr1kL133KHnKPztkKDc+Ir4aJ/1VhTySrtKhrsycmrMQfvg==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
@@ -2110,12 +2087,6 @@ packages:
   pkg-types@1.3.1:
     resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
 
-  postcss-js@4.0.1:
-    resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
-    engines: {node: ^12 || ^14 || >= 16}
-    peerDependencies:
-      postcss: ^8.4.21
-
   postcss-load-config@6.0.1:
     resolution: {integrity: sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==}
     engines: {node: '>= 18'}
@@ -2142,13 +2113,19 @@ packages:
     resolution: {integrity: sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==}
     engines: {node: ^10 || ^12 || >=14}
 
-  posthog-js@1.223.4:
-    resolution: {integrity: sha512-dDyUcWJ+6gzaaVS0Ekjot30BeWb5EiWiU+RFI59/2PDoHsjcZ2RPyCb/TRh9b06WvNqJWvck7GdUJwwjhkSzRw==}
+  posthog-js@1.230.4:
+    resolution: {integrity: sha512-mxugFjLif0pSlwQ1vYHj92xA0x86foKsRir/IO7TowFzIPk7YL8+nfNvoihmq4ZRomUbQhgzHildsAQDfj6j9w==}
     peerDependencies:
       '@rrweb/types': 2.0.0-alpha.17
+      rrweb-snapshot: 2.0.0-alpha.17
+    peerDependenciesMeta:
+      '@rrweb/types':
+        optional: true
+      rrweb-snapshot:
+        optional: true
 
-  preact@10.26.2:
-    resolution: {integrity: sha512-0gNmv4qpS9HaN3+40CLBAnKe0ZfyE4ZWo5xKlC1rVrr0ckkEvJvAQqKaHANdFKsGstoxrY4AItZ7kZSGVoVjgg==}
+  preact@10.26.4:
+    resolution: {integrity: sha512-KJhO7LBFTjP71d83trW+Ilnjbo+ySsaAgCfXOXUlmGzJ4ygYPWmysm77yg4emwfmoz3b22yvH5IsVFHbhUaH5w==}
 
   prettier-plugin-svelte@3.3.3:
     resolution: {integrity: sha512-yViK9zqQ+H2qZD1w/bH7W8i+bVfKrD8GIFjkFe4Thl6kCT9SlAsXVNmt3jCvQOCsnOhcvYgsoVlRV/Eu6x5nNw==}
@@ -2161,8 +2138,8 @@ packages:
     engines: {node: '>=10.13.0'}
     hasBin: true
 
-  prettier@3.5.2:
-    resolution: {integrity: sha512-lc6npv5PH7hVqozBR7lkBNOGXV9vMwROAPlumdBkX0wTbbzPu/U1hk5yL8p2pt4Xoc+2mkT8t/sow2YrV/M5qg==}
+  prettier@3.5.3:
+    resolution: {integrity: sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==}
     engines: {node: '>=14'}
     hasBin: true
 
@@ -2178,8 +2155,8 @@ packages:
   prism-themes@1.9.0:
     resolution: {integrity: sha512-tX2AYsehKDw1EORwBps+WhBFKc2kxfoFpQAjxBndbZKr4fRmMkv47XN0BghC/K1qwodB1otbe4oF23vUTFDokw==}
 
-  prismjs@1.29.0:
-    resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
+  prismjs@1.30.0:
+    resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
     engines: {node: '>=6'}
 
   queue-microtask@1.2.3:
@@ -2247,8 +2224,8 @@ packages:
     engines: {node: '>=10.0.0'}
     hasBin: true
 
-  rollup@4.34.8:
-    resolution: {integrity: sha512-489gTVMzAYdiZHFVA/ig/iYFllCcWFHMvUHI1rpFmkoUtRlQxqh6/yiNqnYibjMZ2b/+FUQwldG+aLsEt6bglQ==}
+  rollup@4.35.0:
+    resolution: {integrity: sha512-kg6oI4g+vc41vePJyO6dHt/yl0Rz3Thv0kJeVQ3D1kS3E5XSuKbPc29G4IpT/Kv1KQwgHVcN+HtyS+HYLNSvQg==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
@@ -2324,8 +2301,8 @@ packages:
   stacktracey@2.1.8:
     resolution: {integrity: sha512-Kpij9riA+UNg7TnphqjH7/CzctQ/owJGNbFkfEeve4Z4uxT5+JapVLFXcsurIfN34gnTWZNJ/f7NMG0E8JDzTw==}
 
-  std-env@3.8.0:
-    resolution: {integrity: sha512-Bc3YwwCB+OzldMxOXJIIvC6cPRWr/LxOp48CdQTOkPyk/t4JWWJbrilwBd7RJzKV8QW7tJkcgAmeuLLJugl5/w==}
+  std-env@3.8.1:
+    resolution: {integrity: sha512-vj5lIj3Mwf9D79hBkltk5qmkFI+biIKWS2IBxEyEU3AX1tUf7AoL8nSazCOiiqQsGKIq01SClsKEzweu34uwvA==}
 
   stoppable@1.1.0:
     resolution: {integrity: sha512-KXDYZ9dszj6bzvnEMRYvxgeTHU74QBFL54XKtP3nyMuJ81CFYtABZ3bAzL2EdFUaEwJOBOgENyFj3R7oTzDyyw==}
@@ -2363,8 +2340,8 @@ packages:
     resolution: {integrity: sha512-81zODtru1jsOujk+RUgj4RT3fXaG2nFZIWkeVkm0ZyqsrHxTNUfGJEQgkj6jcvwiEEVbYLUHvehnkfCbKDnarQ==}
     hasBin: true
 
-  svelte-check@4.1.4:
-    resolution: {integrity: sha512-v0j7yLbT29MezzaQJPEDwksybTE2Ups9rUxEXy92T06TiA0cbqcO8wAOwNUVkFW6B0hsYHA+oAX3BS8b/2oHtw==}
+  svelte-check@4.1.5:
+    resolution: {integrity: sha512-Gb0T2IqBNe1tLB9EB1Qh+LOe+JB8wt2/rNBDGvkxQVvk8vNeAoG+vZgFB/3P5+zC7RWlyBlzm9dVjZFph/maIg==}
     engines: {node: '>= 18.0.0'}
     hasBin: true
     peerDependencies:
@@ -2408,8 +2385,8 @@ packages:
       typescript:
         optional: true
 
-  svelte2tsx@0.7.34:
-    resolution: {integrity: sha512-WTMhpNhFf8/h3SMtR5dkdSy2qfveomkhYei/QW9gSPccb0/b82tjHvLop6vT303ZkGswU/da1s6XvrLgthQPCw==}
+  svelte2tsx@0.7.35:
+    resolution: {integrity: sha512-z2lnOnrfb5nrlRfFQI8Qdz03xQqMHUfPj0j8l/fQuydrH89cCeN+v9jgDwK9GyMtdTRUkE7Neu9Gh+vfXJAfuQ==}
     peerDependencies:
       svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
       typescript: ^4.9.4 || ^5.0.0
@@ -2418,16 +2395,13 @@ packages:
     resolution: {integrity: sha512-IY1rnGr6izd10B0A8LqsBfmlT5OILVuZ7XsI0vdGPEvuonFV7NYEUK4dAkm9Zg2q0Um92kYjTpS1CAP3Nh/KWw==}
     engines: {node: '>=16'}
 
-  svelte@5.20.4:
-    resolution: {integrity: sha512-2Mo/AfObaw9zuD0u1JJ7sOVzRCGcpETEyDkLbtkcctWpCMCIyT0iz83xD8JT29SR7O4SgswuPRIDYReYF/607A==}
+  svelte@5.23.0:
+    resolution: {integrity: sha512-v0lL3NuKontiCxholEiAXCB+BYbndlKbwlDMK0DS86WgGELMJSpyqCSbJeMEMBDwOglnS7Ar2Rq0wwa/z2L8Vg==}
     engines: {node: '>=18'}
 
   tailwind-merge@3.0.2:
     resolution: {integrity: sha512-l7z+OYZ7mu3DTqrL88RiKrKIqO3NcpEO8V/Od04bNpvk0kiIFndGEoqfuzvj4yuhRkHKjRkII2z+KS2HfPcSxw==}
 
-  tailwindcss@4.0.12:
-    resolution: {integrity: sha512-bT0hJo91FtncsAMSsMzUkoo/iEU0Xs5xgFgVC9XmdM9bw5MhZuQFjPNl6wxAE0SiQF/YTZJa+PndGWYSDtuxAg==}
-
   tailwindcss@4.0.14:
     resolution: {integrity: sha512-92YT2dpt671tFiHH/e1ok9D987N9fHD5VWoly1CdPD/Cd1HMglvZwP3nx2yTj2lbXDAHt8QssZkxTLCCTNL+xw==}
 
@@ -2483,8 +2457,8 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
-  typescript@5.7.3:
-    resolution: {integrity: sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==}
+  typescript@5.8.2:
+    resolution: {integrity: sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==}
     engines: {node: '>=14.17'}
     hasBin: true
 
@@ -2523,13 +2497,13 @@ packages:
   vfile-message@2.0.4:
     resolution: {integrity: sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==}
 
-  vite-node@3.0.7:
-    resolution: {integrity: sha512-2fX0QwX4GkkkpULXdT1Pf4q0tC1i1lFOyseKoonavXUNlQ77KpW2XqBGGNIm/J4Ows4KxgGJzDguYVPKwG/n5A==}
+  vite-node@3.0.8:
+    resolution: {integrity: sha512-6PhR4H9VGlcwXZ+KWCdMqbtG649xCPZqfI9j2PsK1FcXgEzro5bGHcVKFCTqPLaNKZES8Evqv4LwvZARsq5qlg==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
 
-  vite@6.2.0:
-    resolution: {integrity: sha512-7dPxoo+WsT/64rDcwoOjk76XHj+TqNTIvHKcuMQ1k4/SeHDaQt5GFAeLYzrimZrMpn/O6DtdI03WUjdxuPM0oQ==}
+  vite@6.2.1:
+    resolution: {integrity: sha512-n2GnqDb6XPhlt9B8olZPrgMD/es/Nd1RdChF6CBD/fHW6pUyUTt2sQW2fPRX5GiD9XEa6+8A6A4f2vT6pSsE7Q==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
     peerDependencies:
@@ -2576,16 +2550,16 @@ packages:
       vite:
         optional: true
 
-  vitest@3.0.7:
-    resolution: {integrity: sha512-IP7gPK3LS3Fvn44x30X1dM9vtawm0aesAa2yBIZ9vQf+qB69NXC5776+Qmcr7ohUXIQuLhk7xQR0aSUIDPqavg==}
+  vitest@3.0.8:
+    resolution: {integrity: sha512-dfqAsNqRGUc8hB9OVR2P0w8PZPEckti2+5rdZip0WIz9WW0MnImJ8XiR61QhqLa92EQzKP2uPkzenKOAHyEIbA==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
       '@types/debug': ^4.1.12
       '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
-      '@vitest/browser': 3.0.7
-      '@vitest/ui': 3.0.7
+      '@vitest/browser': 3.0.8
+      '@vitest/ui': 3.0.8
       happy-dom: '*'
       jsdom: '*'
     peerDependenciesMeta:
@@ -2690,15 +2664,15 @@ snapshots:
 
   '@babel/helper-validator-identifier@7.25.9': {}
 
-  '@babel/parser@7.26.9':
+  '@babel/parser@7.26.10':
     dependencies:
-      '@babel/types': 7.26.9
+      '@babel/types': 7.26.10
 
   '@babel/runtime@7.26.9':
     dependencies:
       regenerator-runtime: 0.14.1
 
-  '@babel/types@7.26.9':
+  '@babel/types@7.26.10':
     dependencies:
       '@babel/helper-string-parser': 7.25.9
       '@babel/helper-validator-identifier': 7.25.9
@@ -2900,7 +2874,7 @@ snapshots:
   '@esbuild/aix-ppc64@0.24.2':
     optional: true
 
-  '@esbuild/aix-ppc64@0.25.0':
+  '@esbuild/aix-ppc64@0.25.1':
     optional: true
 
   '@esbuild/android-arm64@0.17.19':
@@ -2909,7 +2883,7 @@ snapshots:
   '@esbuild/android-arm64@0.24.2':
     optional: true
 
-  '@esbuild/android-arm64@0.25.0':
+  '@esbuild/android-arm64@0.25.1':
     optional: true
 
   '@esbuild/android-arm@0.17.19':
@@ -2918,7 +2892,7 @@ snapshots:
   '@esbuild/android-arm@0.24.2':
     optional: true
 
-  '@esbuild/android-arm@0.25.0':
+  '@esbuild/android-arm@0.25.1':
     optional: true
 
   '@esbuild/android-x64@0.17.19':
@@ -2927,7 +2901,7 @@ snapshots:
   '@esbuild/android-x64@0.24.2':
     optional: true
 
-  '@esbuild/android-x64@0.25.0':
+  '@esbuild/android-x64@0.25.1':
     optional: true
 
   '@esbuild/darwin-arm64@0.17.19':
@@ -2936,7 +2910,7 @@ snapshots:
   '@esbuild/darwin-arm64@0.24.2':
     optional: true
 
-  '@esbuild/darwin-arm64@0.25.0':
+  '@esbuild/darwin-arm64@0.25.1':
     optional: true
 
   '@esbuild/darwin-x64@0.17.19':
@@ -2945,7 +2919,7 @@ snapshots:
   '@esbuild/darwin-x64@0.24.2':
     optional: true
 
-  '@esbuild/darwin-x64@0.25.0':
+  '@esbuild/darwin-x64@0.25.1':
     optional: true
 
   '@esbuild/freebsd-arm64@0.17.19':
@@ -2954,7 +2928,7 @@ snapshots:
   '@esbuild/freebsd-arm64@0.24.2':
     optional: true
 
-  '@esbuild/freebsd-arm64@0.25.0':
+  '@esbuild/freebsd-arm64@0.25.1':
     optional: true
 
   '@esbuild/freebsd-x64@0.17.19':
@@ -2963,7 +2937,7 @@ snapshots:
   '@esbuild/freebsd-x64@0.24.2':
     optional: true
 
-  '@esbuild/freebsd-x64@0.25.0':
+  '@esbuild/freebsd-x64@0.25.1':
     optional: true
 
   '@esbuild/linux-arm64@0.17.19':
@@ -2972,7 +2946,7 @@ snapshots:
   '@esbuild/linux-arm64@0.24.2':
     optional: true
 
-  '@esbuild/linux-arm64@0.25.0':
+  '@esbuild/linux-arm64@0.25.1':
     optional: true
 
   '@esbuild/linux-arm@0.17.19':
@@ -2981,7 +2955,7 @@ snapshots:
   '@esbuild/linux-arm@0.24.2':
     optional: true
 
-  '@esbuild/linux-arm@0.25.0':
+  '@esbuild/linux-arm@0.25.1':
     optional: true
 
   '@esbuild/linux-ia32@0.17.19':
@@ -2990,7 +2964,7 @@ snapshots:
   '@esbuild/linux-ia32@0.24.2':
     optional: true
 
-  '@esbuild/linux-ia32@0.25.0':
+  '@esbuild/linux-ia32@0.25.1':
     optional: true
 
   '@esbuild/linux-loong64@0.17.19':
@@ -2999,7 +2973,7 @@ snapshots:
   '@esbuild/linux-loong64@0.24.2':
     optional: true
 
-  '@esbuild/linux-loong64@0.25.0':
+  '@esbuild/linux-loong64@0.25.1':
     optional: true
 
   '@esbuild/linux-mips64el@0.17.19':
@@ -3008,7 +2982,7 @@ snapshots:
   '@esbuild/linux-mips64el@0.24.2':
     optional: true
 
-  '@esbuild/linux-mips64el@0.25.0':
+  '@esbuild/linux-mips64el@0.25.1':
     optional: true
 
   '@esbuild/linux-ppc64@0.17.19':
@@ -3017,7 +2991,7 @@ snapshots:
   '@esbuild/linux-ppc64@0.24.2':
     optional: true
 
-  '@esbuild/linux-ppc64@0.25.0':
+  '@esbuild/linux-ppc64@0.25.1':
     optional: true
 
   '@esbuild/linux-riscv64@0.17.19':
@@ -3026,7 +3000,7 @@ snapshots:
   '@esbuild/linux-riscv64@0.24.2':
     optional: true
 
-  '@esbuild/linux-riscv64@0.25.0':
+  '@esbuild/linux-riscv64@0.25.1':
     optional: true
 
   '@esbuild/linux-s390x@0.17.19':
@@ -3035,7 +3009,7 @@ snapshots:
   '@esbuild/linux-s390x@0.24.2':
     optional: true
 
-  '@esbuild/linux-s390x@0.25.0':
+  '@esbuild/linux-s390x@0.25.1':
     optional: true
 
   '@esbuild/linux-x64@0.17.19':
@@ -3044,13 +3018,13 @@ snapshots:
   '@esbuild/linux-x64@0.24.2':
     optional: true
 
-  '@esbuild/linux-x64@0.25.0':
+  '@esbuild/linux-x64@0.25.1':
     optional: true
 
   '@esbuild/netbsd-arm64@0.24.2':
     optional: true
 
-  '@esbuild/netbsd-arm64@0.25.0':
+  '@esbuild/netbsd-arm64@0.25.1':
     optional: true
 
   '@esbuild/netbsd-x64@0.17.19':
@@ -3059,13 +3033,13 @@ snapshots:
   '@esbuild/netbsd-x64@0.24.2':
     optional: true
 
-  '@esbuild/netbsd-x64@0.25.0':
+  '@esbuild/netbsd-x64@0.25.1':
     optional: true
 
   '@esbuild/openbsd-arm64@0.24.2':
     optional: true
 
-  '@esbuild/openbsd-arm64@0.25.0':
+  '@esbuild/openbsd-arm64@0.25.1':
     optional: true
 
   '@esbuild/openbsd-x64@0.17.19':
@@ -3074,7 +3048,7 @@ snapshots:
   '@esbuild/openbsd-x64@0.24.2':
     optional: true
 
-  '@esbuild/openbsd-x64@0.25.0':
+  '@esbuild/openbsd-x64@0.25.1':
     optional: true
 
   '@esbuild/sunos-x64@0.17.19':
@@ -3083,7 +3057,7 @@ snapshots:
   '@esbuild/sunos-x64@0.24.2':
     optional: true
 
-  '@esbuild/sunos-x64@0.25.0':
+  '@esbuild/sunos-x64@0.25.1':
     optional: true
 
   '@esbuild/win32-arm64@0.17.19':
@@ -3092,7 +3066,7 @@ snapshots:
   '@esbuild/win32-arm64@0.24.2':
     optional: true
 
-  '@esbuild/win32-arm64@0.25.0':
+  '@esbuild/win32-arm64@0.25.1':
     optional: true
 
   '@esbuild/win32-ia32@0.17.19':
@@ -3101,7 +3075,7 @@ snapshots:
   '@esbuild/win32-ia32@0.24.2':
     optional: true
 
-  '@esbuild/win32-ia32@0.25.0':
+  '@esbuild/win32-ia32@0.25.1':
     optional: true
 
   '@esbuild/win32-x64@0.17.19':
@@ -3110,7 +3084,7 @@ snapshots:
   '@esbuild/win32-x64@0.24.2':
     optional: true
 
-  '@esbuild/win32-x64@0.25.0':
+  '@esbuild/win32-x64@0.25.1':
     optional: true
 
   '@fastify/busboy@2.1.1': {}
@@ -3275,7 +3249,7 @@ snapshots:
       date-fns: 4.1.0
       lodash-es: 4.17.21
       tailwind-merge: 3.0.2
-      tailwindcss: 4.0.12
+      tailwindcss: 4.0.14
 
   '@layerstack/utils@1.1.0-next.0':
     dependencies:
@@ -3340,76 +3314,78 @@ snapshots:
       estree-walker: 2.0.2
       picomatch: 2.3.1
 
-  '@rollup/rollup-android-arm-eabi@4.34.8':
+  '@rollup/rollup-android-arm-eabi@4.35.0':
     optional: true
 
-  '@rollup/rollup-android-arm64@4.34.8':
+  '@rollup/rollup-android-arm64@4.35.0':
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.34.8':
+  '@rollup/rollup-darwin-arm64@4.35.0':
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.34.8':
+  '@rollup/rollup-darwin-x64@4.35.0':
     optional: true
 
-  '@rollup/rollup-freebsd-arm64@4.34.8':
+  '@rollup/rollup-freebsd-arm64@4.35.0':
     optional: true
 
-  '@rollup/rollup-freebsd-x64@4.34.8':
+  '@rollup/rollup-freebsd-x64@4.35.0':
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.34.8':
+  '@rollup/rollup-linux-arm-gnueabihf@4.35.0':
     optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.34.8':
+  '@rollup/rollup-linux-arm-musleabihf@4.35.0':
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.34.8':
+  '@rollup/rollup-linux-arm64-gnu@4.35.0':
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.34.8':
+  '@rollup/rollup-linux-arm64-musl@4.35.0':
     optional: true
 
-  '@rollup/rollup-linux-loongarch64-gnu@4.34.8':
+  '@rollup/rollup-linux-loongarch64-gnu@4.35.0':
     optional: true
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.34.8':
+  '@rollup/rollup-linux-powerpc64le-gnu@4.35.0':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.34.8':
+  '@rollup/rollup-linux-riscv64-gnu@4.35.0':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.34.8':
+  '@rollup/rollup-linux-s390x-gnu@4.35.0':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.34.8':
+  '@rollup/rollup-linux-x64-gnu@4.35.0':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.34.8':
+  '@rollup/rollup-linux-x64-musl@4.35.0':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.34.8':
+  '@rollup/rollup-win32-arm64-msvc@4.35.0':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.34.8':
+  '@rollup/rollup-win32-ia32-msvc@4.35.0':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.34.8':
+  '@rollup/rollup-win32-x64-msvc@4.35.0':
     optional: true
 
-  '@rrweb/types@2.0.0-alpha.18': {}
+  '@sveltejs/acorn-typescript@1.0.5(acorn@8.14.1)':
+    dependencies:
+      acorn: 8.14.1
 
-  '@sveltejs/adapter-cloudflare@4.9.0(@sveltejs/kit@2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(wrangler@3.110.0(@cloudflare/workers-types@4.20250224.0))':
+  '@sveltejs/adapter-cloudflare@4.9.0(@sveltejs/kit@2.19.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(wrangler@3.110.0(@cloudflare/workers-types@4.20250224.0))':
     dependencies:
       '@cloudflare/workers-types': 4.20250204.0
-      '@sveltejs/kit': 2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+      '@sveltejs/kit': 2.19.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       esbuild: 0.24.2
       worktop: 0.8.0-next.18
       wrangler: 3.110.0(@cloudflare/workers-types@4.20250224.0)
 
-  '@sveltejs/kit@2.17.3(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
+  '@sveltejs/kit@2.19.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.1.1
@@ -3421,39 +3397,39 @@ snapshots:
       sade: 1.8.1
       set-cookie-parser: 2.7.1
       sirv: 3.0.1
-      svelte: 5.20.4
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      svelte: 5.23.0
+      vite: 6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
 
-  '@sveltejs/package@2.3.10(svelte@5.20.4)(typescript@5.7.3)':
+  '@sveltejs/package@2.3.10(svelte@5.23.0)(typescript@5.8.2)':
     dependencies:
       chokidar: 4.0.3
       kleur: 4.1.5
       sade: 1.8.1
       semver: 7.7.1
-      svelte: 5.20.4
-      svelte2tsx: 0.7.34(svelte@5.20.4)(typescript@5.7.3)
+      svelte: 5.23.0
+      svelte2tsx: 0.7.35(svelte@5.23.0)(typescript@5.8.2)
     transitivePeerDependencies:
       - typescript
 
-  '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
+  '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       debug: 4.4.0
-      svelte: 5.20.4
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      svelte: 5.23.0
+      vite: 6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
+  '@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.23.0)(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
       debug: 4.4.0
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.17
-      svelte: 5.20.4
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
-      vitefu: 1.0.4(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+      svelte: 5.23.0
+      vite: 6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      vitefu: 1.0.4(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
     transitivePeerDependencies:
       - supports-color
 
@@ -3517,21 +3493,21 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.0.14
       '@tailwindcss/oxide-win32-x64-msvc': 4.0.14
 
-  '@tailwindcss/typography@0.5.16(tailwindcss@4.0.12)':
+  '@tailwindcss/typography@0.5.16(tailwindcss@4.0.14)':
     dependencies:
       lodash.castarray: 4.4.0
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       postcss-selector-parser: 6.0.10
-      tailwindcss: 4.0.12
+      tailwindcss: 4.0.14
 
-  '@tailwindcss/vite@4.0.14(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
+  '@tailwindcss/vite@4.0.14(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
     dependencies:
       '@tailwindcss/node': 4.0.14
       '@tailwindcss/oxide': 4.0.14
       lightningcss: 1.29.2
       tailwindcss: 4.0.14
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      vite: 6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
 
   '@types/cookie@0.6.0': {}
 
@@ -3575,7 +3551,7 @@ snapshots:
 
   '@types/unist@3.0.2': {}
 
-  '@vitest/coverage-v8@3.0.7(vitest@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
+  '@vitest/coverage-v8@3.0.8(vitest@3.0.8(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@bcoe/v8-coverage': 1.0.2
@@ -3586,61 +3562,59 @@ snapshots:
       istanbul-reports: 3.1.7
       magic-string: 0.30.17
       magicast: 0.3.5
-      std-env: 3.8.0
+      std-env: 3.8.1
       test-exclude: 7.0.1
       tinyrainbow: 2.0.0
-      vitest: 3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      vitest: 3.0.8(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitest/expect@3.0.7':
+  '@vitest/expect@3.0.8':
     dependencies:
-      '@vitest/spy': 3.0.7
-      '@vitest/utils': 3.0.7
+      '@vitest/spy': 3.0.8
+      '@vitest/utils': 3.0.8
       chai: 5.2.0
       tinyrainbow: 2.0.0
 
-  '@vitest/mocker@3.0.7(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
+  '@vitest/mocker@3.0.8(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
     dependencies:
-      '@vitest/spy': 3.0.7
+      '@vitest/spy': 3.0.8
       estree-walker: 3.0.3
       magic-string: 0.30.17
     optionalDependencies:
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      vite: 6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
 
-  '@vitest/pretty-format@3.0.7':
+  '@vitest/pretty-format@3.0.8':
     dependencies:
       tinyrainbow: 2.0.0
 
-  '@vitest/runner@3.0.7':
+  '@vitest/runner@3.0.8':
     dependencies:
-      '@vitest/utils': 3.0.7
+      '@vitest/utils': 3.0.8
       pathe: 2.0.3
 
-  '@vitest/snapshot@3.0.7':
+  '@vitest/snapshot@3.0.8':
     dependencies:
-      '@vitest/pretty-format': 3.0.7
+      '@vitest/pretty-format': 3.0.8
       magic-string: 0.30.17
       pathe: 2.0.3
 
-  '@vitest/spy@3.0.7':
+  '@vitest/spy@3.0.8':
     dependencies:
       tinyspy: 3.0.2
 
-  '@vitest/utils@3.0.7':
+  '@vitest/utils@3.0.8':
     dependencies:
-      '@vitest/pretty-format': 3.0.7
+      '@vitest/pretty-format': 3.0.8
       loupe: 3.1.3
       tinyrainbow: 2.0.0
 
-  acorn-typescript@1.4.13(acorn@8.14.0):
-    dependencies:
-      acorn: 8.14.0
-
   acorn-walk@8.3.2: {}
 
   acorn@8.14.0: {}
 
+  acorn@8.14.1: {}
+
   ansi-colors@4.1.3: {}
 
   ansi-regex@5.0.1: {}
@@ -3689,8 +3663,6 @@ snapshots:
 
   cac@6.7.14: {}
 
-  camelcase-css@2.0.1: {}
-
   chai@5.2.0:
     dependencies:
       assertion-error: 2.0.1
@@ -3745,7 +3717,7 @@ snapshots:
 
   cookie@0.6.0: {}
 
-  core-js@3.40.0: {}
+  core-js@3.41.0: {}
 
   cross-spawn@7.0.3:
     dependencies:
@@ -3759,11 +3731,6 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
-  css-selector-tokenizer@0.8.0:
-    dependencies:
-      cssesc: 3.0.0
-      fastparse: 1.1.2
-
   css-tree@2.3.1:
     dependencies:
       mdn-data: 2.0.30
@@ -3771,8 +3738,6 @@ snapshots:
 
   cssesc@3.0.0: {}
 
-  culori@3.3.0: {}
-
   culori@4.0.1: {}
 
   d3-array@3.2.4:
@@ -3803,15 +3768,6 @@ snapshots:
     dependencies:
       d3-array: 3.2.4
 
-  daisyui@4.12.24(postcss@8.5.3):
-    dependencies:
-      css-selector-tokenizer: 0.8.0
-      culori: 3.3.0
-      picocolors: 1.1.1
-      postcss-js: 4.0.1(postcss@8.5.3)
-    transitivePeerDependencies:
-      - postcss
-
   data-uri-to-buffer@2.0.2: {}
 
   dataloader@1.4.0: {}
@@ -3913,33 +3869,33 @@ snapshots:
       '@esbuild/win32-ia32': 0.24.2
       '@esbuild/win32-x64': 0.24.2
 
-  esbuild@0.25.0:
+  esbuild@0.25.1:
     optionalDependencies:
-      '@esbuild/aix-ppc64': 0.25.0
-      '@esbuild/android-arm': 0.25.0
-      '@esbuild/android-arm64': 0.25.0
-      '@esbuild/android-x64': 0.25.0
-      '@esbuild/darwin-arm64': 0.25.0
-      '@esbuild/darwin-x64': 0.25.0
-      '@esbuild/freebsd-arm64': 0.25.0
-      '@esbuild/freebsd-x64': 0.25.0
-      '@esbuild/linux-arm': 0.25.0
-      '@esbuild/linux-arm64': 0.25.0
-      '@esbuild/linux-ia32': 0.25.0
-      '@esbuild/linux-loong64': 0.25.0
-      '@esbuild/linux-mips64el': 0.25.0
-      '@esbuild/linux-ppc64': 0.25.0
-      '@esbuild/linux-riscv64': 0.25.0
-      '@esbuild/linux-s390x': 0.25.0
-      '@esbuild/linux-x64': 0.25.0
-      '@esbuild/netbsd-arm64': 0.25.0
-      '@esbuild/netbsd-x64': 0.25.0
-      '@esbuild/openbsd-arm64': 0.25.0
-      '@esbuild/openbsd-x64': 0.25.0
-      '@esbuild/sunos-x64': 0.25.0
-      '@esbuild/win32-arm64': 0.25.0
-      '@esbuild/win32-ia32': 0.25.0
-      '@esbuild/win32-x64': 0.25.0
+      '@esbuild/aix-ppc64': 0.25.1
+      '@esbuild/android-arm': 0.25.1
+      '@esbuild/android-arm64': 0.25.1
+      '@esbuild/android-x64': 0.25.1
+      '@esbuild/darwin-arm64': 0.25.1
+      '@esbuild/darwin-x64': 0.25.1
+      '@esbuild/freebsd-arm64': 0.25.1
+      '@esbuild/freebsd-x64': 0.25.1
+      '@esbuild/linux-arm': 0.25.1
+      '@esbuild/linux-arm64': 0.25.1
+      '@esbuild/linux-ia32': 0.25.1
+      '@esbuild/linux-loong64': 0.25.1
+      '@esbuild/linux-mips64el': 0.25.1
+      '@esbuild/linux-ppc64': 0.25.1
+      '@esbuild/linux-riscv64': 0.25.1
+      '@esbuild/linux-s390x': 0.25.1
+      '@esbuild/linux-x64': 0.25.1
+      '@esbuild/netbsd-arm64': 0.25.1
+      '@esbuild/netbsd-x64': 0.25.1
+      '@esbuild/openbsd-arm64': 0.25.1
+      '@esbuild/openbsd-x64': 0.25.1
+      '@esbuild/sunos-x64': 0.25.1
+      '@esbuild/win32-arm64': 0.25.1
+      '@esbuild/win32-ia32': 0.25.1
+      '@esbuild/win32-x64': 0.25.1
 
   escape-string-regexp@4.0.0: {}
 
@@ -3963,7 +3919,7 @@ snapshots:
 
   exit-hook@2.2.1: {}
 
-  expect-type@1.1.0: {}
+  expect-type@1.2.0: {}
 
   extendable-error@0.1.7: {}
 
@@ -3981,16 +3937,10 @@ snapshots:
       merge2: 1.4.1
       micromatch: 4.0.8
 
-  fastparse@1.1.2: {}
-
   fastq@1.17.1:
     dependencies:
       reusify: 1.0.4
 
-  fdir@6.4.2(picomatch@4.0.2):
-    optionalDependencies:
-      picomatch: 4.0.2
-
   fdir@6.4.3(picomatch@4.0.2):
     optionalDependencies:
       picomatch: 4.0.2
@@ -4011,6 +3961,11 @@ snapshots:
       cross-spawn: 7.0.3
       signal-exit: 4.1.0
 
+  foreground-child@3.3.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      signal-exit: 4.1.0
+
   fs-extra@7.0.1:
     dependencies:
       graceful-fs: 4.2.11
@@ -4043,7 +3998,7 @@ snapshots:
 
   glob@10.4.5:
     dependencies:
-      foreground-child: 3.3.0
+      foreground-child: 3.3.1
       jackspeak: 3.4.3
       minimatch: 9.0.5
       minipass: 7.1.2
@@ -4265,8 +4220,8 @@ snapshots:
 
   magicast@0.3.5:
     dependencies:
-      '@babel/parser': 7.26.9
-      '@babel/types': 7.26.9
+      '@babel/parser': 7.26.10
+      '@babel/types': 7.26.10
       source-map-js: 1.2.1
 
   make-dir@4.0.0:
@@ -4277,12 +4232,12 @@ snapshots:
 
   mdn-data@2.0.30: {}
 
-  mdsvex@0.12.3(svelte@5.20.4):
+  mdsvex@0.12.3(svelte@5.23.0):
     dependencies:
       '@types/unist': 2.0.11
       prism-svelte: 0.4.7
-      prismjs: 1.29.0
-      svelte: 5.20.4
+      prismjs: 1.30.0
+      svelte: 5.23.0
       vfile-message: 2.0.4
 
   merge2@1.4.1: {}
@@ -4323,7 +4278,7 @@ snapshots:
 
   mlly@1.7.4:
     dependencies:
-      acorn: 8.14.0
+      acorn: 8.14.1
       pathe: 2.0.3
       pkg-types: 1.3.1
       ufo: 1.5.4
@@ -4338,7 +4293,7 @@ snapshots:
 
   mustache@4.2.0: {}
 
-  nanoid@3.3.8: {}
+  nanoid@3.3.9: {}
 
   no-case@3.0.4:
     dependencies:
@@ -4428,11 +4383,6 @@ snapshots:
       mlly: 1.7.4
       pathe: 2.0.3
 
-  postcss-js@4.0.1(postcss@8.5.3):
-    dependencies:
-      camelcase-css: 2.0.1
-      postcss: 8.5.3
-
   postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0):
     dependencies:
       lilconfig: 3.1.3
@@ -4449,28 +4399,27 @@ snapshots:
 
   postcss@8.5.3:
     dependencies:
-      nanoid: 3.3.8
+      nanoid: 3.3.9
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
-  posthog-js@1.223.4(@rrweb/types@2.0.0-alpha.18):
+  posthog-js@1.230.4:
     dependencies:
-      '@rrweb/types': 2.0.0-alpha.18
-      core-js: 3.40.0
+      core-js: 3.41.0
       fflate: 0.4.8
-      preact: 10.26.2
+      preact: 10.26.4
       web-vitals: 4.2.4
 
-  preact@10.26.2: {}
+  preact@10.26.4: {}
 
-  prettier-plugin-svelte@3.3.3(prettier@3.5.2)(svelte@5.20.4):
+  prettier-plugin-svelte@3.3.3(prettier@3.5.3)(svelte@5.23.0):
     dependencies:
-      prettier: 3.5.2
-      svelte: 5.20.4
+      prettier: 3.5.3
+      svelte: 5.23.0
 
   prettier@2.8.8: {}
 
-  prettier@3.5.2: {}
+  prettier@3.5.3: {}
 
   printable-characters@1.0.42: {}
 
@@ -4480,7 +4429,7 @@ snapshots:
 
   prism-themes@1.9.0: {}
 
-  prismjs@1.29.0: {}
+  prismjs@1.30.0: {}
 
   queue-microtask@1.2.3: {}
 
@@ -4547,29 +4496,29 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  rollup@4.34.8:
+  rollup@4.35.0:
     dependencies:
       '@types/estree': 1.0.6
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.34.8
-      '@rollup/rollup-android-arm64': 4.34.8
-      '@rollup/rollup-darwin-arm64': 4.34.8
-      '@rollup/rollup-darwin-x64': 4.34.8
-      '@rollup/rollup-freebsd-arm64': 4.34.8
-      '@rollup/rollup-freebsd-x64': 4.34.8
-      '@rollup/rollup-linux-arm-gnueabihf': 4.34.8
-      '@rollup/rollup-linux-arm-musleabihf': 4.34.8
-      '@rollup/rollup-linux-arm64-gnu': 4.34.8
-      '@rollup/rollup-linux-arm64-musl': 4.34.8
-      '@rollup/rollup-linux-loongarch64-gnu': 4.34.8
-      '@rollup/rollup-linux-powerpc64le-gnu': 4.34.8
-      '@rollup/rollup-linux-riscv64-gnu': 4.34.8
-      '@rollup/rollup-linux-s390x-gnu': 4.34.8
-      '@rollup/rollup-linux-x64-gnu': 4.34.8
-      '@rollup/rollup-linux-x64-musl': 4.34.8
-      '@rollup/rollup-win32-arm64-msvc': 4.34.8
-      '@rollup/rollup-win32-ia32-msvc': 4.34.8
-      '@rollup/rollup-win32-x64-msvc': 4.34.8
+      '@rollup/rollup-android-arm-eabi': 4.35.0
+      '@rollup/rollup-android-arm64': 4.35.0
+      '@rollup/rollup-darwin-arm64': 4.35.0
+      '@rollup/rollup-darwin-x64': 4.35.0
+      '@rollup/rollup-freebsd-arm64': 4.35.0
+      '@rollup/rollup-freebsd-x64': 4.35.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.35.0
+      '@rollup/rollup-linux-arm-musleabihf': 4.35.0
+      '@rollup/rollup-linux-arm64-gnu': 4.35.0
+      '@rollup/rollup-linux-arm64-musl': 4.35.0
+      '@rollup/rollup-linux-loongarch64-gnu': 4.35.0
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.35.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.35.0
+      '@rollup/rollup-linux-s390x-gnu': 4.35.0
+      '@rollup/rollup-linux-x64-gnu': 4.35.0
+      '@rollup/rollup-linux-x64-musl': 4.35.0
+      '@rollup/rollup-win32-arm64-msvc': 4.35.0
+      '@rollup/rollup-win32-ia32-msvc': 4.35.0
+      '@rollup/rollup-win32-x64-msvc': 4.35.0
       fsevents: 2.3.3
 
   run-parallel@1.2.0:
@@ -4656,7 +4605,7 @@ snapshots:
       as-table: 1.0.55
       get-source: 2.0.12
 
-  std-env@3.8.0: {}
+  std-env@3.8.1: {}
 
   stoppable@1.1.0: {}
 
@@ -4693,13 +4642,13 @@ snapshots:
       '@rollup/plugin-node-resolve': 13.3.0(rollup@2.79.2)
       acorn: 8.14.0
       comment-parser: 1.4.1
-      prettier: 3.5.2
+      prettier: 3.5.3
       rollup: 2.79.2
       rollup-plugin-svelte: 7.2.2(rollup@2.79.2)(svelte@4.2.19)
       svelte: 4.2.19
-      svelte-preprocess: 6.0.3(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)(svelte@4.2.19)(typescript@5.7.3)
+      svelte-preprocess: 6.0.3(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)(svelte@4.2.19)(typescript@5.8.2)
       tinyglobby: 0.2.12
-      typescript: 5.7.3
+      typescript: 5.8.2
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -4711,32 +4660,32 @@ snapshots:
       - stylus
       - sugarss
 
-  svelte-check@4.1.4(picomatch@4.0.2)(svelte@5.20.4)(typescript@5.7.3):
+  svelte-check@4.1.5(picomatch@4.0.2)(svelte@5.23.0)(typescript@5.8.2):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 4.0.3
-      fdir: 6.4.2(picomatch@4.0.2)
+      fdir: 6.4.3(picomatch@4.0.2)
       picocolors: 1.1.1
       sade: 1.8.1
-      svelte: 5.20.4
-      typescript: 5.7.3
+      svelte: 5.23.0
+      typescript: 5.8.2
     transitivePeerDependencies:
       - picomatch
 
-  svelte-preprocess@6.0.3(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)(svelte@4.2.19)(typescript@5.7.3):
+  svelte-preprocess@6.0.3(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)(svelte@4.2.19)(typescript@5.8.2):
     dependencies:
       svelte: 4.2.19
     optionalDependencies:
       postcss: 8.5.3
       postcss-load-config: 6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0)
-      typescript: 5.7.3
+      typescript: 5.8.2
 
-  svelte2tsx@0.7.34(svelte@5.20.4)(typescript@5.7.3):
+  svelte2tsx@0.7.35(svelte@5.23.0)(typescript@5.8.2):
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
-      svelte: 5.20.4
-      typescript: 5.7.3
+      svelte: 5.23.0
+      typescript: 5.8.2
 
   svelte@4.2.19:
     dependencies:
@@ -4755,13 +4704,13 @@ snapshots:
       magic-string: 0.30.17
       periscopic: 3.1.0
 
-  svelte@5.20.4:
+  svelte@5.23.0:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.5.0
+      '@sveltejs/acorn-typescript': 1.0.5(acorn@8.14.1)
       '@types/estree': 1.0.6
-      acorn: 8.14.0
-      acorn-typescript: 1.4.13(acorn@8.14.0)
+      acorn: 8.14.1
       aria-query: 5.3.2
       axobject-query: 4.1.0
       clsx: 2.1.1
@@ -4774,8 +4723,6 @@ snapshots:
 
   tailwind-merge@3.0.2: {}
 
-  tailwindcss@4.0.12: {}
-
   tailwindcss@4.0.14: {}
 
   tapable@2.2.1: {}
@@ -4817,7 +4764,7 @@ snapshots:
 
   tslib@2.8.1: {}
 
-  typescript@5.7.3: {}
+  typescript@5.8.2: {}
 
   ufo@1.5.4: {}
 
@@ -4863,13 +4810,13 @@ snapshots:
       '@types/unist': 2.0.11
       unist-util-stringify-position: 2.0.3
 
-  vite-node@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0):
+  vite-node@3.0.8(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0):
     dependencies:
       cac: 6.7.14
       debug: 4.4.0
       es-module-lexer: 1.6.0
       pathe: 2.0.3
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      vite: 6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -4884,11 +4831,11 @@ snapshots:
       - tsx
       - yaml
 
-  vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0):
+  vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0):
     dependencies:
-      esbuild: 0.25.0
+      esbuild: 0.25.1
       postcss: 8.5.3
-      rollup: 4.34.8
+      rollup: 4.35.0
     optionalDependencies:
       '@types/node': 22.13.5
       fsevents: 2.3.3
@@ -4896,31 +4843,31 @@ snapshots:
       lightningcss: 1.29.2
       yaml: 2.7.0
 
-  vitefu@1.0.4(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)):
+  vitefu@1.0.4(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)):
     optionalDependencies:
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      vite: 6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
 
-  vitest@3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0):
+  vitest@3.0.8(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0):
     dependencies:
-      '@vitest/expect': 3.0.7
-      '@vitest/mocker': 3.0.7(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
-      '@vitest/pretty-format': 3.0.7
-      '@vitest/runner': 3.0.7
-      '@vitest/snapshot': 3.0.7
-      '@vitest/spy': 3.0.7
-      '@vitest/utils': 3.0.7
+      '@vitest/expect': 3.0.8
+      '@vitest/mocker': 3.0.8(vite@6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+      '@vitest/pretty-format': 3.0.8
+      '@vitest/runner': 3.0.8
+      '@vitest/snapshot': 3.0.8
+      '@vitest/spy': 3.0.8
+      '@vitest/utils': 3.0.8
       chai: 5.2.0
       debug: 4.4.0
-      expect-type: 1.1.0
+      expect-type: 1.2.0
       magic-string: 0.30.17
       pathe: 2.0.3
-      std-env: 3.8.0
+      std-env: 3.8.1
       tinybench: 2.9.0
       tinyexec: 0.3.2
       tinypool: 1.0.2
       tinyrainbow: 2.0.0
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
-      vite-node: 3.0.7(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      vite: 6.2.1(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      vite-node: 3.0.8(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/node': 22.13.5

From f382819424f0e394cdf6b49ccf10a0d499c37e07 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Thu, 13 Mar 2025 15:05:16 -0400
Subject: [PATCH 15/53] Version Packages (next) (#578)

* Version Packages (next)

* Update CHANGELOG.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Sean Lynch <techniq35@gmail.com>
---
 .changeset/pre.json             | 3 ++-
 packages/svelte-ux/CHANGELOG.md | 6 ++++++
 packages/svelte-ux/package.json | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 589b7a428..041aae651 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -7,6 +7,7 @@
   "changesets": [
     "fair-bugs-carry",
     "green-maps-bathe",
-    "ready-planets-deny"
+    "ready-planets-deny",
+    "witty-spies-divide"
   ]
 }
diff --git a/packages/svelte-ux/CHANGELOG.md b/packages/svelte-ux/CHANGELOG.md
index f6c0a848e..127fee272 100644
--- a/packages/svelte-ux/CHANGELOG.md
+++ b/packages/svelte-ux/CHANGELOG.md
@@ -1,5 +1,11 @@
 # svelte-ux
 
+## 2.0.0-next.2
+
+### Patch Changes
+
+- Switch from `@tailwindcss/postcss` to `@tailwindcss/vite`. Update all non-major packages
+
 ## 2.0.0-next.1
 
 ### Patch Changes
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index 46895d40f..0de540571 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/svelte-ux",
-  "version": "2.0.0-next.1",
+  "version": "2.0.0-next.2",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",

From f4494f8cc3685324ea49ab1e49009188635a5bc6 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Wed, 19 Mar 2025 08:48:45 -0400
Subject: [PATCH 16/53] Version Packages (next) (#581)

* Version Packages (next)

* Update CHANGELOG (2.0.0-next.3)

* Update changeset to reflect changelog

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Sean Lynch <techniq35@gmail.com>
---
 .changeset/late-shrimps-sniff.md | 2 +-
 .changeset/pre.json              | 1 +
 packages/svelte-ux/CHANGELOG.md  | 6 ++++++
 packages/svelte-ux/package.json  | 2 +-
 4 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/.changeset/late-shrimps-sniff.md b/.changeset/late-shrimps-sniff.md
index 171976637..08a1801ce 100644
--- a/.changeset/late-shrimps-sniff.md
+++ b/.changeset/late-shrimps-sniff.md
@@ -2,4 +2,4 @@
 'svelte-ux': patch
 ---
 
-Unify and enhance search functionality of SelectField and MultiSelect components, enabling new custom search capability in MultiSelect.
+fix(SelectField|MultiSelect): Unify and enhance search functionality, enabling new custom search capability in MultiSelect.
diff --git a/.changeset/pre.json b/.changeset/pre.json
index 041aae651..20327d5cc 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -7,6 +7,7 @@
   "changesets": [
     "fair-bugs-carry",
     "green-maps-bathe",
+    "late-shrimps-sniff",
     "ready-planets-deny",
     "witty-spies-divide"
   ]
diff --git a/packages/svelte-ux/CHANGELOG.md b/packages/svelte-ux/CHANGELOG.md
index 127fee272..c7a9de4e5 100644
--- a/packages/svelte-ux/CHANGELOG.md
+++ b/packages/svelte-ux/CHANGELOG.md
@@ -1,5 +1,11 @@
 # svelte-ux
 
+## 2.0.0-next.3
+
+### Patch Changes
+
+- fix(SelectField|MultiSelect): Unify and enhance search functionality, enabling new custom search capability in MultiSelect.
+
 ## 2.0.0-next.2
 
 ### Patch Changes
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index 0de540571..d41fce30a 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/svelte-ux",
-  "version": "2.0.0-next.2",
+  "version": "2.0.0-next.3",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",

From 4f59f61608bb0936213821ed13e2a9a68fce58d6 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Mon, 31 Mar 2025 13:42:25 -0400
Subject: [PATCH 17/53] DateRange fixes / improvements (#584)

* fix(DateRange): Fix selection gradient

* feat(DateRange): Add `quickPresets` support

* Add/update changesets
---
 .changeset/major-turkeys-ask.md               |  5 ++
 .changeset/nice-onions-sell.md                |  5 ++
 .changeset/wide-months-rescue.md              |  5 ++
 .../src/lib/components/DateButton.svelte      | 10 ++--
 .../src/lib/components/DateRangeField.svelte  | 49 +++++++++++++++++--
 .../svelte-ux/src/lib/components/Menu.svelte  |  2 +-
 .../components/DateRangeField/+page.svelte    | 33 ++++++++++++-
 7 files changed, 96 insertions(+), 13 deletions(-)
 create mode 100644 .changeset/major-turkeys-ask.md
 create mode 100644 .changeset/nice-onions-sell.md
 create mode 100644 .changeset/wide-months-rescue.md

diff --git a/.changeset/major-turkeys-ask.md b/.changeset/major-turkeys-ask.md
new file mode 100644
index 000000000..09eedb0fd
--- /dev/null
+++ b/.changeset/major-turkeys-ask.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+fix(Menu): Support `bind:open` (underlying Popover)
diff --git a/.changeset/nice-onions-sell.md b/.changeset/nice-onions-sell.md
new file mode 100644
index 000000000..1d74c9ed8
--- /dev/null
+++ b/.changeset/nice-onions-sell.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+feat(DateRangeField): Add `quickPresets` support
diff --git a/.changeset/wide-months-rescue.md b/.changeset/wide-months-rescue.md
new file mode 100644
index 000000000..c33a51561
--- /dev/null
+++ b/.changeset/wide-months-rescue.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+fix(DateRange): Fix selection gradient
diff --git a/packages/svelte-ux/src/lib/components/DateButton.svelte b/packages/svelte-ux/src/lib/components/DateButton.svelte
index be5ad9fc6..2975712ca 100644
--- a/packages/svelte-ux/src/lib/components/DateButton.svelte
+++ b/packages/svelte-ux/src/lib/components/DateButton.svelte
@@ -84,15 +84,13 @@
 </script>
 
 <div
-  style="--tw-gradient-stops: var(--tw-gradient-from) 50%, var(--tw-gradient-to) 50%"
   class={cls(
     'DateButton',
     'inline-flex items-center justify-center',
-    isSelectedStart
-      ? '[--tw-gradient-from:transparent]'
-      : '[--tw-gradient-from:var(--color-primary)]',
-    isSelectedEnd ? '[--tw-gradient-to:transparent]' : '[--tw-gradient-to:var(--color-primary)]',
-    isSelected && (isVerticalSelection ? 'bg-linear-to-b' : 'bg-linear-to-r'),
+    isSelectedStart ? 'from-transparent' : 'from-primary',
+    isSelectedEnd ? 'to-transparent' : 'to-primary',
+    isSelected &&
+      (isVerticalSelection ? 'bg-linear-to-b from-50% to-50%' : 'bg-linear-to-r from-50% to-50%'),
     hidden && 'opacity-0 pointer-events-none',
     settingsClasses.root,
     className
diff --git a/packages/svelte-ux/src/lib/components/DateRangeField.svelte b/packages/svelte-ux/src/lib/components/DateRangeField.svelte
index 041c75e05..e85e8e33a 100644
--- a/packages/svelte-ux/src/lib/components/DateRangeField.svelte
+++ b/packages/svelte-ux/src/lib/components/DateRangeField.svelte
@@ -13,6 +13,8 @@
   import DateRangeDisplay from './DateRangeDisplay.svelte';
   import Dialog from './Dialog.svelte';
   import Field from './Field.svelte';
+  import Menu from './Menu.svelte';
+  import MenuItem from './MenuItem.svelte';
 
   import { getComponentSettings, getSettings } from './settings.js';
 
@@ -41,6 +43,11 @@
   ];
   export let getPeriodTypePresets = getDateRangePresets;
 
+  /**
+   * Quick presets to show in menu
+   */
+  export let quickPresets: { label: string; value: DateRangeType }[] = [];
+
   /**
    * Dates to disable (not selectable)
    */
@@ -63,7 +70,8 @@
   export let dense = false;
   export let icon: string | null = null;
 
-  let open: boolean = false;
+  let showDialog = false;
+  let showQuickPresetsMenu = false;
 
   let currentValue = value;
 
@@ -116,7 +124,13 @@
       'text-sm whitespace-nowrap w-full focus:outline-hidden',
       center ? 'text-center' : 'text-left'
     )}
-    on:click={() => (open = true)}
+    on:click={() => {
+      if (quickPresets.length > 0) {
+        showQuickPresetsMenu = !showQuickPresetsMenu;
+      } else {
+        showDialog = true;
+      }
+    }}
     {id}
   >
     <DateRangeDisplay {value} />
@@ -159,6 +173,31 @@
       />
     {/if}
   </div>
+
+  <svelte:fragment slot="root">
+    <Menu classes={{ menu: 'p-1' }} bind:open={showQuickPresetsMenu} matchWidth>
+      {#each quickPresets as preset}
+        <MenuItem
+          on:click={() => {
+            value = preset.value;
+            dispatch('change', preset.value);
+          }}
+        >
+          {preset.label}
+        </MenuItem>
+      {/each}
+
+      <div class="h-px bg-surface-content/20 my-1"></div>
+
+      <MenuItem
+        on:click={() => {
+          showDialog = true;
+        }}
+      >
+        Custom...
+      </MenuItem>
+    </Menu>
+  </svelte:fragment>
 </Field>
 
 <Dialog
@@ -166,7 +205,7 @@
     ...classes.dialog,
     dialog: cls('max-h-[90vh] grid grid-rows-[auto_1fr_auto]', classes.dialog?.dialog),
   }}
-  bind:open
+  bind:open={showDialog}
 >
   <div class="flex flex-col justify-center bg-primary text-primary-content px-6 h-24">
     <div class="text-sm opacity-50">
@@ -191,7 +230,7 @@
     <Button
       icon={mdiCheck}
       on:click={() => {
-        open = false;
+        showDialog = false;
         value = currentValue;
         dispatch('change', value);
       }}
@@ -203,7 +242,7 @@
 
     <Button
       on:click={() => {
-        open = false;
+        showDialog = false;
         currentValue = value;
       }}
     >
diff --git a/packages/svelte-ux/src/lib/components/Menu.svelte b/packages/svelte-ux/src/lib/components/Menu.svelte
index 055c89b07..192e09f59 100644
--- a/packages/svelte-ux/src/lib/components/Menu.svelte
+++ b/packages/svelte-ux/src/lib/components/Menu.svelte
@@ -64,7 +64,7 @@
   {offset}
   {matchWidth}
   {resize}
-  {open}
+  bind:open
   class={cls(
     'Menu',
     'bg-surface-100 rounded-sm shadow-sm border overflow-auto',
diff --git a/packages/svelte-ux/src/routes/docs/components/DateRangeField/+page.svelte b/packages/svelte-ux/src/routes/docs/components/DateRangeField/+page.svelte
index 19d41b6f5..80f6e5afc 100644
--- a/packages/svelte-ux/src/routes/docs/components/DateRangeField/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/DateRangeField/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { subDays } from 'date-fns';
+  import { subDays, subMonths, subYears } from 'date-fns';
   import { mdiCalendarRange } from '@mdi/js';
 
   import { DateRangeField } from 'svelte-ux';
@@ -56,6 +56,37 @@
   <DateRangeField bind:value periodTypes={[PeriodType.Day]} getPeriodTypePresets={() => []} />
 </Preview>
 
+<h2>Quick Presets</h2>
+
+<Preview>
+  <DateRangeField
+    bind:value
+    quickPresets={[
+      { label: 'Today', value: { from: today, to: today, periodType: PeriodType.Day } },
+      {
+        label: 'Yesterday',
+        value: { from: subDays(today, 1), to: subDays(today, 1), periodType: PeriodType.Day },
+      },
+      {
+        label: 'Last 7 days',
+        value: { from: subDays(today, 7), to: today, periodType: PeriodType.Day },
+      },
+      {
+        label: 'Last 30 days',
+        value: { from: subDays(today, 30), to: today, periodType: PeriodType.Day },
+      },
+      {
+        label: 'Last 6 months',
+        value: { from: subMonths(today, 6), to: today, periodType: PeriodType.Month },
+      },
+      {
+        label: 'Last year',
+        value: { from: subYears(today, 1), to: today, periodType: PeriodType.CalendarYear },
+      },
+    ]}
+  />
+</Preview>
+
 <h2>Icon</h2>
 
 <Preview>

From adc1bbc49aac0217f220ba1e99e55f77337b211b Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Mon, 31 Mar 2025 15:54:20 -0400
Subject: [PATCH 18/53] Update pnpm-lock.yaml

---
 pnpm-lock.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9dc0ac395..aa6c420f7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,7 +16,7 @@ importers:
         version: 1.2.0
       prettier-plugin-svelte:
         specifier: ^3.3.3
-        version: 3.3.3(prettier@3.5.2)(svelte@5.20.4)
+        version: 3.3.3(prettier@3.5.3)(svelte@5.23.0)
       rimraf:
         specifier: 6.0.1
         version: 6.0.1

From 8038b09efd4700cba8b9384cd2f5967abb4b9811 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Tue, 1 Apr 2025 15:47:59 -0400
Subject: [PATCH 19/53] Version Packages (next) (#585)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json             |  3 +++
 packages/svelte-ux/CHANGELOG.md | 10 ++++++++++
 packages/svelte-ux/package.json |  2 +-
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 041aae651..80722f658 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -7,7 +7,10 @@
   "changesets": [
     "fair-bugs-carry",
     "green-maps-bathe",
+    "major-turkeys-ask",
+    "nice-onions-sell",
     "ready-planets-deny",
+    "wide-months-rescue",
     "witty-spies-divide"
   ]
 }
diff --git a/packages/svelte-ux/CHANGELOG.md b/packages/svelte-ux/CHANGELOG.md
index 7c965ad41..e604f9cd0 100644
--- a/packages/svelte-ux/CHANGELOG.md
+++ b/packages/svelte-ux/CHANGELOG.md
@@ -1,5 +1,15 @@
 # svelte-ux
 
+## 2.0.0-next.4
+
+### Patch Changes
+
+- fix(Menu): Support `bind:open` (underlying Popover) ([#584](https://github.com/techniq/svelte-ux/pull/584))
+
+- feat(DateRangeField): Add `quickPresets` support ([#584](https://github.com/techniq/svelte-ux/pull/584))
+
+- fix(DateRange): Fix selection gradient ([#584](https://github.com/techniq/svelte-ux/pull/584))
+
 ## 2.0.0-next.3
 
 ### Patch Changes
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index d41fce30a..c71d6cf9a 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/svelte-ux",
-  "version": "2.0.0-next.3",
+  "version": "2.0.0-next.4",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",

From beb57f2394d763ca8b2bcf732be5aff26b89665e Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Tue, 20 May 2025 19:10:31 -0400
Subject: [PATCH 20/53] Update dependencies

---
 .changeset/loose-baths-make.md  |   5 +
 package.json                    |   6 +-
 packages/svelte-ux/package.json |  36 +-
 pnpm-lock.yaml                  | 946 ++++++++++++++++----------------
 4 files changed, 496 insertions(+), 497 deletions(-)
 create mode 100644 .changeset/loose-baths-make.md

diff --git a/.changeset/loose-baths-make.md b/.changeset/loose-baths-make.md
new file mode 100644
index 000000000..430ca3736
--- /dev/null
+++ b/.changeset/loose-baths-make.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+Update dependencies
diff --git a/package.json b/package.json
index 65379cb0c..de9c4abae 100644
--- a/package.json
+++ b/package.json
@@ -17,11 +17,11 @@
     "up-deps": "pnpm update -r -i --latest"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.27.8",
+    "@changesets/cli": "^2.29.4",
     "@svitejs/changesets-changelog-github-compact": "^1.2.0",
-    "prettier-plugin-svelte": "^3.3.3",
+    "prettier-plugin-svelte": "^3.4.0",
     "rimraf": "6.0.1",
-    "wrangler": "^4.14.4"
+    "wrangler": "^4.16.0"
   },
   "packageManager": "pnpm@10.5.1"
 }
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index dc3b16b6c..a4402e8f0 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -19,45 +19,45 @@
     "prepare": "svelte-kit sync"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.27.8",
+    "@changesets/cli": "^2.29.4",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@sveltejs/adapter-cloudflare": "^7.0.3",
-    "@sveltejs/kit": "^2.21.0",
+    "@sveltejs/kit": "^2.21.1",
     "@sveltejs/package": "^2.3.11",
     "@sveltejs/vite-plugin-svelte": "5.0.3",
     "@tailwindcss/typography": "^0.5.16",
-    "@tailwindcss/vite": "^4.0.14",
+    "@tailwindcss/vite": "^4.1.7",
     "@types/culori": "^2.1.1",
     "@types/d3-array": "^3.2.1",
     "@types/d3-scale": "^4.0.9",
     "@types/lodash-es": "^4.17.12",
     "@types/prismjs": "^1.26.5",
-    "@vitest/coverage-v8": "^3.0.8",
+    "@vitest/coverage-v8": "^3.1.4",
     "marked": "^15.0.7",
     "mdsvex": "^0.12.3",
-    "posthog-js": "^1.230.4",
+    "posthog-js": "^1.245.0",
     "prettier": "^3.5.3",
-    "prettier-plugin-svelte": "^3.3.3",
+    "prettier-plugin-svelte": "^3.4.0",
     "rehype-slug": "^6.0.0",
-    "svelte": "5.23.0",
-    "svelte-check": "^4.1.5",
-    "svelte2tsx": "^0.7.35",
-    "tailwindcss": "^4.0.14",
+    "svelte": "5.32.1",
+    "svelte-check": "^4.2.1",
+    "svelte2tsx": "^0.7.39",
+    "tailwindcss": "^4.1.7",
     "tslib": "^2.8.1",
     "typescript": "^5.8.2",
     "unist-util-visit": "^5.0.0",
     "vite": "^6.2.1",
-    "vitest": "^3.0.8"
+    "vitest": "^3.1.4"
   },
   "type": "module",
   "dependencies": {
-    "@floating-ui/dom": "^1.6.13",
+    "@floating-ui/dom": "^1.7.0",
     "@fortawesome/fontawesome-common-types": "^6.7.2",
-    "@layerstack/svelte-actions": "1.0.1-next.0",
-    "@layerstack/svelte-stores": "1.0.2-next.0",
-    "@layerstack/svelte-table": "1.0.1-next.0",
-    "@layerstack/tailwind": "2.0.0-next.2",
-    "@layerstack/utils": "1.1.0-next.0",
+    "@layerstack/svelte-actions": "1.0.1-next.3",
+    "@layerstack/svelte-stores": "1.0.2-next.3",
+    "@layerstack/svelte-table": "1.0.1-next.3",
+    "@layerstack/tailwind": "2.0.0-next.5",
+    "@layerstack/utils": "2.0.0-next.3",
     "@mdi/js": "^7.4.47",
     "culori": "^4.0.1",
     "d3-array": "^3.2.4",
@@ -70,7 +70,7 @@
     "prism-themes": "^1.9.0",
     "prismjs": "^1.30.0",
     "sveld": "^0.22.1",
-    "zod": "^3.24.2"
+    "zod": "^3.25.7"
   },
   "peerDependencies": {
     "svelte": "^3.56.0 || ^4.0.0 || ^5.0.0"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 81b1fe4e4..c4ccf0d58 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,44 +9,44 @@ importers:
   .:
     devDependencies:
       '@changesets/cli':
-        specifier: ^2.27.8
-        version: 2.28.1
+        specifier: ^2.29.4
+        version: 2.29.4
       '@svitejs/changesets-changelog-github-compact':
         specifier: ^1.2.0
         version: 1.2.0
       prettier-plugin-svelte:
-        specifier: ^3.3.3
-        version: 3.3.3(prettier@3.5.3)(svelte@5.23.0)
+        specifier: ^3.4.0
+        version: 3.4.0(prettier@3.5.3)(svelte@5.32.1)
       rimraf:
         specifier: 6.0.1
         version: 6.0.1
       wrangler:
-        specifier: ^4.14.4
-        version: 4.14.4(@cloudflare/workers-types@4.20250514.0)
+        specifier: ^4.16.0
+        version: 4.16.0(@cloudflare/workers-types@4.20250514.0)
 
   packages/svelte-ux:
     dependencies:
       '@floating-ui/dom':
-        specifier: ^1.6.13
-        version: 1.6.13
+        specifier: ^1.7.0
+        version: 1.7.0
       '@fortawesome/fontawesome-common-types':
         specifier: ^6.7.2
         version: 6.7.2
       '@layerstack/svelte-actions':
-        specifier: 1.0.1-next.0
-        version: 1.0.1-next.0
+        specifier: 1.0.1-next.3
+        version: 1.0.1-next.3
       '@layerstack/svelte-stores':
-        specifier: 1.0.2-next.0
-        version: 1.0.2-next.0
+        specifier: 1.0.2-next.3
+        version: 1.0.2-next.3
       '@layerstack/svelte-table':
-        specifier: 1.0.1-next.0
-        version: 1.0.1-next.0
+        specifier: 1.0.1-next.3
+        version: 1.0.1-next.3
       '@layerstack/tailwind':
-        specifier: 2.0.0-next.2
-        version: 2.0.0-next.2
+        specifier: 2.0.0-next.5
+        version: 2.0.0-next.5
       '@layerstack/utils':
-        specifier: 1.1.0-next.0
-        version: 1.1.0-next.0
+        specifier: 2.0.0-next.3
+        version: 2.0.0-next.3
       '@mdi/js':
         specifier: ^7.4.47
         version: 7.4.47
@@ -84,33 +84,33 @@ importers:
         specifier: ^0.22.1
         version: 0.22.1(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)
       zod:
-        specifier: ^3.24.2
-        version: 3.24.2
+        specifier: ^3.25.7
+        version: 3.25.7
     devDependencies:
       '@changesets/cli':
-        specifier: ^2.27.8
-        version: 2.28.1
+        specifier: ^2.29.4
+        version: 2.29.4
       '@fortawesome/free-solid-svg-icons':
         specifier: ^6.7.2
         version: 6.7.2
       '@sveltejs/adapter-cloudflare':
         specifier: ^7.0.3
-        version: 7.0.3(@sveltejs/kit@2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(wrangler@4.14.4(@cloudflare/workers-types@4.20250514.0))
+        version: 7.0.3(@sveltejs/kit@2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(wrangler@4.16.0(@cloudflare/workers-types@4.20250514.0))
       '@sveltejs/kit':
-        specifier: ^2.21.0
-        version: 2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+        specifier: ^2.21.1
+        version: 2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       '@sveltejs/package':
         specifier: ^2.3.11
-        version: 2.3.11(svelte@5.23.0)(typescript@5.8.3)
+        version: 2.3.11(svelte@5.32.1)(typescript@5.8.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: 5.0.3
-        version: 5.0.3(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+        version: 5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       '@tailwindcss/typography':
         specifier: ^0.5.16
-        version: 0.5.16(tailwindcss@4.1.6)
+        version: 0.5.16(tailwindcss@4.1.7)
       '@tailwindcss/vite':
-        specifier: ^4.0.14
-        version: 4.1.6(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+        specifier: ^4.1.7
+        version: 4.1.7(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       '@types/culori':
         specifier: ^2.1.1
         version: 2.1.1
@@ -127,38 +127,38 @@ importers:
         specifier: ^1.26.5
         version: 1.26.5
       '@vitest/coverage-v8':
-        specifier: ^3.0.8
-        version: 3.1.3(vitest@3.1.3(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+        specifier: ^3.1.4
+        version: 3.1.4(vitest@3.1.4(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       marked:
         specifier: ^15.0.7
         version: 15.0.7
       mdsvex:
         specifier: ^0.12.3
-        version: 0.12.3(svelte@5.23.0)
+        version: 0.12.3(svelte@5.32.1)
       posthog-js:
-        specifier: ^1.230.4
-        version: 1.242.1
+        specifier: ^1.245.0
+        version: 1.245.0
       prettier:
         specifier: ^3.5.3
         version: 3.5.3
       prettier-plugin-svelte:
-        specifier: ^3.3.3
-        version: 3.3.3(prettier@3.5.3)(svelte@5.23.0)
+        specifier: ^3.4.0
+        version: 3.4.0(prettier@3.5.3)(svelte@5.32.1)
       rehype-slug:
         specifier: ^6.0.0
         version: 6.0.0
       svelte:
-        specifier: 5.23.0
-        version: 5.23.0
+        specifier: 5.32.1
+        version: 5.32.1
       svelte-check:
-        specifier: ^4.1.5
-        version: 4.1.7(picomatch@4.0.2)(svelte@5.23.0)(typescript@5.8.3)
+        specifier: ^4.2.1
+        version: 4.2.1(picomatch@4.0.2)(svelte@5.32.1)(typescript@5.8.3)
       svelte2tsx:
-        specifier: ^0.7.35
-        version: 0.7.37(svelte@5.23.0)(typescript@5.8.3)
+        specifier: ^0.7.39
+        version: 0.7.39(svelte@5.32.1)(typescript@5.8.3)
       tailwindcss:
-        specifier: ^4.0.14
-        version: 4.1.6
+        specifier: ^4.1.7
+        version: 4.1.7
       tslib:
         specifier: ^2.8.1
         version: 2.8.1
@@ -170,10 +170,10 @@ importers:
         version: 5.0.0
       vite:
         specifier: ^6.2.1
-        version: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+        version: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
       vitest:
-        specifier: ^3.0.8
-        version: 3.1.3(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+        specifier: ^3.1.4
+        version: 3.1.4(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
 
 packages:
 
@@ -181,42 +181,42 @@ packages:
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
 
-  '@babel/helper-string-parser@7.25.9':
-    resolution: {integrity: sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==}
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-identifier@7.25.9':
-    resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
+  '@babel/helper-validator-identifier@7.27.1':
+    resolution: {integrity: sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.26.9':
-    resolution: {integrity: sha512-81NWa1njQblgZbQHxWHpxxCzNsa3ZwvFqpUg7P+NNUU6f3UU2jBEg4OlF/J6rl8+PQGh1q6/zWScd001YwcA5A==}
+  '@babel/parser@7.27.2':
+    resolution: {integrity: sha512-QYLs8299NA7WM/bZAdp+CviYYkVoYXlDW2rzliy3chxd1PQjej7JORuMJDJXJUb9g0TT+B99EwaVLKmX+sPXWw==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/runtime@7.26.9':
-    resolution: {integrity: sha512-aA63XwOkcl4xxQa3HjPMqOP6LiK0ZDv3mUPYEFXkpHbaFjtGggE1A61FjFzJnB+p7/oy2gA8E+rcBNl/zC1tMg==}
+  '@babel/runtime@7.27.1':
+    resolution: {integrity: sha512-1x3D2xEk2fRo3PAhwQwu5UubzgiVWSXTBfWpVd2Mx2AzRqJuDJCsgaDVZ7HB5iGzDW1Hl1sWN2mFyKjmR9uAog==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.26.9':
-    resolution: {integrity: sha512-Y3IR1cRnOxOCDvMmNiym7XpXQ93iGDDPHx+Zj+NM+rg0fBaShfQLkg+hKPaZCEvg5N/LeCo4+Rj/i3FuJsIQaw==}
+  '@babel/types@7.27.1':
+    resolution: {integrity: sha512-+EzkxvLNfiUeKMgy/3luqfsCWFRXLb7U6wNQTk60tovuckwB15B191tJWvpp4HjiQWdJkCxO3Wbvc6jlk3Xb2Q==}
     engines: {node: '>=6.9.0'}
 
   '@bcoe/v8-coverage@1.0.2':
     resolution: {integrity: sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==}
     engines: {node: '>=18'}
 
-  '@changesets/apply-release-plan@7.0.10':
-    resolution: {integrity: sha512-wNyeIJ3yDsVspYvHnEz1xQDq18D9ifed3lI+wxRQRK4pArUcuHgCTrHv0QRnnwjhVCQACxZ+CBih3wgOct6UXw==}
+  '@changesets/apply-release-plan@7.0.12':
+    resolution: {integrity: sha512-EaET7As5CeuhTzvXTQCRZeBUcisoYPDDcXvgTE/2jmmypKp0RC7LxKj/yzqeh/1qFTZI7oDGFcL1PHRuQuketQ==}
 
-  '@changesets/assemble-release-plan@6.0.6':
-    resolution: {integrity: sha512-Frkj8hWJ1FRZiY3kzVCKzS0N5mMwWKwmv9vpam7vt8rZjLL1JMthdh6pSDVSPumHPshTTkKZ0VtNbE0cJHZZUg==}
+  '@changesets/assemble-release-plan@6.0.8':
+    resolution: {integrity: sha512-y8+8LvZCkKJdbUlpXFuqcavpzJR80PN0OIfn8HZdwK7Sh6MgLXm4hKY5vu6/NDoKp8lAlM4ERZCqRMLxP4m+MQ==}
 
   '@changesets/changelog-git@0.2.1':
     resolution: {integrity: sha512-x/xEleCFLH28c3bQeQIyeZf8lFXyDFVn1SgcBiR2Tw/r4IAWlk1fzxCEZ6NxQAjF2Nwtczoen3OA2qR+UawQ8Q==}
 
-  '@changesets/cli@2.28.1':
-    resolution: {integrity: sha512-PiIyGRmSc6JddQJe/W1hRPjiN4VrMvb2VfQ6Uydy2punBioQrsxppyG5WafinKcW1mT0jOe/wU4k9Zy5ff21AA==}
+  '@changesets/cli@2.29.4':
+    resolution: {integrity: sha512-VW30x9oiFp/un/80+5jLeWgEU6Btj8IqOgI+X/zAYu4usVOWXjPIK5jSSlt5jsCU7/6Z7AxEkarxBxGUqkAmNg==}
     hasBin: true
 
   '@changesets/config@3.1.1':
@@ -231,14 +231,14 @@ packages:
   '@changesets/get-github-info@0.6.0':
     resolution: {integrity: sha512-v/TSnFVXI8vzX9/w3DU2Ol+UlTZcu3m0kXTjTT4KlAdwSvwutcByYwyYn9hwerPWfPkT2JfpoX0KgvCEi8Q/SA==}
 
-  '@changesets/get-release-plan@4.0.8':
-    resolution: {integrity: sha512-MM4mq2+DQU1ZT7nqxnpveDMTkMBLnwNX44cX7NSxlXmr7f8hO6/S2MXNiXG54uf/0nYnefv0cfy4Czf/ZL/EKQ==}
+  '@changesets/get-release-plan@4.0.12':
+    resolution: {integrity: sha512-KukdEgaafnyGryUwpHG2kZ7xJquOmWWWk5mmoeQaSvZTWH1DC5D/Sw6ClgGFYtQnOMSQhgoEbDxAbpIIayKH1g==}
 
   '@changesets/get-version-range-type@0.4.0':
     resolution: {integrity: sha512-hwawtob9DryoGTpixy1D3ZXbGgJu1Rhr+ySH2PvTLHvkZuQ7sRT4oQwMh0hbqZH1weAooedEjRsbrWcGLCeyVQ==}
 
-  '@changesets/git@3.0.2':
-    resolution: {integrity: sha512-r1/Kju9Y8OxRRdvna+nxpQIsMsRQn9dhhAZt94FLDeu0Hij2hnOozW8iqnHBgvu+KdnJppCveQwK4odwfw/aWQ==}
+  '@changesets/git@3.0.4':
+    resolution: {integrity: sha512-BXANzRFkX+XcC1q/d27NKvlJ1yf7PSAgi8JG6dt8EfbHFHi4neau7mufcSca5zRhwOL8j9s6EqsxmT+s+/E6Sw==}
 
   '@changesets/logger@0.1.1':
     resolution: {integrity: sha512-OQtR36ZlnuTxKqoW4Sv6x5YIhOmClRd5pWsjZsddYxpWs517R0HkyiefQPIytCVh4ZcC5x9XaG8KTdd5iRQUfg==}
@@ -249,8 +249,8 @@ packages:
   '@changesets/pre@2.0.2':
     resolution: {integrity: sha512-HaL/gEyFVvkf9KFg6484wR9s0qjAXlZ8qWPDkTyKF6+zqjBe/I2mygg3MbpZ++hdi0ToqNUF8cjj7fBy0dg8Ug==}
 
-  '@changesets/read@0.6.3':
-    resolution: {integrity: sha512-9H4p/OuJ3jXEUTjaVGdQEhBdqoT2cO5Ts95JTFsQyawmKzpL8FnIeJSyhTDPW1MBRDnwZlHFEM9SpPwJDY5wIg==}
+  '@changesets/read@0.6.5':
+    resolution: {integrity: sha512-UPzNGhsSjHD3Veb0xO/MwvasGe8eMyNrR/sT9gR8Q3DhOQZirgKhhXv/8hVsI0QpPjR004Z9iFxoJU6in3uGMg==}
 
   '@changesets/should-skip-package@0.1.2':
     resolution: {integrity: sha512-qAK/WrqWLNCP22UDdBTMPH5f41elVDlsNyat180A33dWxuUDyNpg6fPi/FyTZwRriVjg0L8gnjJn2F9XAoF0qw==}
@@ -268,41 +268,41 @@ packages:
     resolution: {integrity: sha512-+tv3z+SPp+gqTIcImN9o0hqE9xyfQjI1XD9pL6NuKjua9B1y7mNYv0S9cP+QEbA4ppVgGZEmKOvHX5G5Ei1CVA==}
     engines: {node: '>=18.0.0'}
 
-  '@cloudflare/unenv-preset@2.3.1':
-    resolution: {integrity: sha512-Xq57Qd+ADpt6hibcVBO0uLG9zzRgyRhfCUgBT9s+g3+3Ivg5zDyVgLFy40ES1VdNcu8rPNSivm9A+kGP5IVaPg==}
+  '@cloudflare/unenv-preset@2.3.2':
+    resolution: {integrity: sha512-MtUgNl+QkQyhQvv5bbWP+BpBC1N0me4CHHuP2H4ktmOMKdB/6kkz/lo+zqiA4mEazb4y+1cwyNjVrQ2DWeE4mg==}
     peerDependencies:
-      unenv: 2.0.0-rc.15
-      workerd: ^1.20250320.0
+      unenv: 2.0.0-rc.17
+      workerd: ^1.20250508.0
     peerDependenciesMeta:
       workerd:
         optional: true
 
-  '@cloudflare/workerd-darwin-64@1.20250507.0':
-    resolution: {integrity: sha512-xC+8hmQuOUUNCVT9DWpLMfxhR4Xs4kI8v7Bkybh4pzGC85moH6fMfCBNaP0YQCNAA/BR56aL/AwfvMVGskTK/A==}
+  '@cloudflare/workerd-darwin-64@1.20250508.0':
+    resolution: {integrity: sha512-9x09MrA9Y5RQs3zqWvWns8xHgM2pVNXWpeJ+3hQYu4PrwPFZXtTD6b/iMmOnlYKzINlREq1RGeEybMFyWEUlUg==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [darwin]
 
-  '@cloudflare/workerd-darwin-arm64@1.20250507.0':
-    resolution: {integrity: sha512-Oynff5H8yM4trfUFaKdkOvPV3jac8mg7QC19ILZluCVgLx/JGEVLEJ7do1Na9rLqV8CK4gmUXPrUMX7uerhQgg==}
+  '@cloudflare/workerd-darwin-arm64@1.20250508.0':
+    resolution: {integrity: sha512-0Ili+nE2LLRzYue/yPc1pepSyNNg6LxR3/ng/rlQzVQUxPXIXldHFkJ/ynsYwQnAcf6OxasSi/kbTm6yvDoSAQ==}
     engines: {node: '>=16'}
     cpu: [arm64]
     os: [darwin]
 
-  '@cloudflare/workerd-linux-64@1.20250507.0':
-    resolution: {integrity: sha512-/HAA+Zg/R7Q/Smyl835FUFKjotZN1UzN9j/BHBd0xKmKov97QkXAX8gsyGnyKqRReIOinp8x/8+UebTICR7VJw==}
+  '@cloudflare/workerd-linux-64@1.20250508.0':
+    resolution: {integrity: sha512-5saVrZ3uVwYxvBa7BaonXjeqB6X0YF3ak05qvBaWcmZ3FNmnarMm2W8842cnbhnckDVBpB/iDo51Sy6Y7y1jcw==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [linux]
 
-  '@cloudflare/workerd-linux-arm64@1.20250507.0':
-    resolution: {integrity: sha512-NMPibSdOYeycU0IrKkgOESFJQy7dEpHvuatZxQxlT+mIQK0INzI3irp2kKxhF99s25kPC4p+xg9bU3ugTrs3VQ==}
+  '@cloudflare/workerd-linux-arm64@1.20250508.0':
+    resolution: {integrity: sha512-muQe1pkxRi3eaq1Q417xvfGd2SlktbLTzNhT5Yftsx8OecWrYuB8i4ttR6Nr5ER06bfEj0FqQjqJJhcp6wLLUQ==}
     engines: {node: '>=16'}
     cpu: [arm64]
     os: [linux]
 
-  '@cloudflare/workerd-windows-64@1.20250507.0':
-    resolution: {integrity: sha512-c91fhNP8ufycdIDqjVyKTqeb4ewkbAYXFQbLreMVgh4LLQQPDDEte8wCdmaFy5bIL0M9d85PpdCq51RCzq/FaQ==}
+  '@cloudflare/workerd-windows-64@1.20250508.0':
+    resolution: {integrity: sha512-EJj8iTWFMqjgvZUxxNvzK7frA1JMFi3y/9eDIdZPL/OaQh3cmk5Lai5DCXsKYUxfooMBZWYTp53zOLrvuJI8VQ==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [win32]
@@ -471,11 +471,11 @@ packages:
     resolution: {integrity: sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==}
     engines: {node: '>=14'}
 
-  '@floating-ui/core@1.6.9':
-    resolution: {integrity: sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==}
+  '@floating-ui/core@1.7.0':
+    resolution: {integrity: sha512-FRdBLykrPPA6P76GGGqlex/e7fbe0F1ykgxHYNXQsH/iTEtjMj/f9bpY5oQqbjt5VgZvgz/uKXbGuROijh3VLA==}
 
-  '@floating-ui/dom@1.6.13':
-    resolution: {integrity: sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==}
+  '@floating-ui/dom@1.7.0':
+    resolution: {integrity: sha512-lGTor4VlXcesUMh1cupTUTDoCxMb0V6bm3CnxHzQcw8Eaf1jQbgQX4i02fYgT0vJ82tb5MZ4CZk1LRGkktJCzg==}
 
   '@floating-ui/utils@0.2.9':
     resolution: {integrity: sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==}
@@ -626,20 +626,20 @@ packages:
   '@jridgewell/trace-mapping@0.3.9':
     resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
 
-  '@layerstack/svelte-actions@1.0.1-next.0':
-    resolution: {integrity: sha512-5wbVZCvjDmHQACcYrUQbhT6FI9aCQX+zl6tidZbnYBCqd0TV2ORk7NebCc9G8uQCiLSGYLelfVLRuvQLsWzDzw==}
+  '@layerstack/svelte-actions@1.0.1-next.3':
+    resolution: {integrity: sha512-A4mLdaitIZ5u0PfVyK8W+0zcuPWYgEhWX30t4IcUFOynE9u7tzaTrQoIwfZOYGFm2ok11F3DtdD2tXrqZEBgLQ==}
 
-  '@layerstack/svelte-stores@1.0.2-next.0':
-    resolution: {integrity: sha512-YynMtI8AkReKw10ZzzG9jr7a9usKEHZR8SFvDDxV+D/bZS0iWE0/fxfRZN6FE44qcsEZ68gfEfEGKvEHjH/8aA==}
+  '@layerstack/svelte-stores@1.0.2-next.3':
+    resolution: {integrity: sha512-3gPMpa6QiK1BVg5ZSSqcd62e8JfeN/1Rnk/wxC7kfwmq++ijG4PWJTq56BRI96e6BIz8BviKkVtcM0MEmlHo0g==}
 
-  '@layerstack/svelte-table@1.0.1-next.0':
-    resolution: {integrity: sha512-ykoibfHRfMz7LPXy8+xOvF8p793wvh7mcPwaS+QxphG3j5oGqMAkRNyP/UUubZnmPS/ye5T9Xp5IB1hBaWNrPw==}
+  '@layerstack/svelte-table@1.0.1-next.3':
+    resolution: {integrity: sha512-X6Mgygd9jkuE3x0774K2UXKFehT5nKyUymIAyYY1045jIjL+sMQInmxyiIZZwQ8V3yAnG+4h5/yHuZRFI9uThA==}
 
-  '@layerstack/tailwind@2.0.0-next.2':
-    resolution: {integrity: sha512-ApSF+4CqczFS7rqPJ7aEOaloEPageatc1je/K6cj7nO8IPZJqynGBkQ5sJ0M5DrGDJr7x9qmfLE842oCszh6ZA==}
+  '@layerstack/tailwind@2.0.0-next.5':
+    resolution: {integrity: sha512-su6Wywcp+pjLNwmqZWWcUc5kc624nfbXRX8UjpU6q8vEPnHShDLPZysQoZVWouo6A9fWTKTpr2mcmPj0IbN/EQ==}
 
-  '@layerstack/utils@1.1.0-next.0':
-    resolution: {integrity: sha512-xDUHUhI8CALTYvpTlJ9P0Eo8qKIoga9w1px6GFY7aSccKjLStOFjdCFCyLe0L/EUHDODpcP1o8Vl/HaBiHP6hg==}
+  '@layerstack/utils@2.0.0-next.3':
+    resolution: {integrity: sha512-sTOF9cdh5lb9bqWW10kWwo4toSTjGOH4RNTr++59obVvdGp/hXo6LAN2WsdzkK9QFqBgEpuJH0rZ+D77lMSdeQ==}
 
   '@manypkg/find-root@1.1.0':
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
@@ -796,8 +796,8 @@ packages:
       '@sveltejs/kit': ^2.0.0
       wrangler: ^4.0.0
 
-  '@sveltejs/kit@2.21.0':
-    resolution: {integrity: sha512-kvu4h9qXduiPk1Q1oqFKDLFGu/7mslEYbVaqpbBcBxjlRJnvNCFwEvEwKt0Mx9TtSi8J77xRelvJobrGlst4nQ==}
+  '@sveltejs/kit@2.21.1':
+    resolution: {integrity: sha512-vLbtVwtDcK8LhJKnFkFYwM0uCdFmzioQnif0bjEYH1I24Arz22JPr/hLUiXGVYAwhu8INKx5qrdvr4tHgPwX6w==}
     engines: {node: '>=18.13'}
     hasBin: true
     peerDependencies:
@@ -831,65 +831,65 @@ packages:
     resolution: {integrity: sha512-08eKiDAjj4zLug1taXSIJ0kGL5cawjVCyJkBb6EWSg5fEPX6L+Wtr0CH2If4j5KYylz85iaZiFlUItvgJvll5g==}
     engines: {node: ^14.13.1 || ^16.0.0 || >=18}
 
-  '@tailwindcss/node@4.1.6':
-    resolution: {integrity: sha512-ed6zQbgmKsjsVvodAS1q1Ld2BolEuxJOSyyNc+vhkjdmfNUDCmQnlXBfQkHrlzNmslxHsQU/bFmzcEbv4xXsLg==}
+  '@tailwindcss/node@4.1.7':
+    resolution: {integrity: sha512-9rsOpdY9idRI2NH6CL4wORFY0+Q6fnx9XP9Ju+iq/0wJwGD5IByIgFmwVbyy4ymuyprj8Qh4ErxMKTUL4uNh3g==}
 
-  '@tailwindcss/oxide-android-arm64@4.1.6':
-    resolution: {integrity: sha512-VHwwPiwXtdIvOvqT/0/FLH/pizTVu78FOnI9jQo64kSAikFSZT7K4pjyzoDpSMaveJTGyAKvDjuhxJxKfmvjiQ==}
+  '@tailwindcss/oxide-android-arm64@4.1.7':
+    resolution: {integrity: sha512-IWA410JZ8fF7kACus6BrUwY2Z1t1hm0+ZWNEzykKmMNM09wQooOcN/VXr0p/WJdtHZ90PvJf2AIBS/Ceqx1emg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [android]
 
-  '@tailwindcss/oxide-darwin-arm64@4.1.6':
-    resolution: {integrity: sha512-weINOCcqv1HVBIGptNrk7c6lWgSFFiQMcCpKM4tnVi5x8OY2v1FrV76jwLukfT6pL1hyajc06tyVmZFYXoxvhQ==}
+  '@tailwindcss/oxide-darwin-arm64@4.1.7':
+    resolution: {integrity: sha512-81jUw9To7fimGGkuJ2W5h3/oGonTOZKZ8C2ghm/TTxbwvfSiFSDPd6/A/KE2N7Jp4mv3Ps9OFqg2fEKgZFfsvg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@tailwindcss/oxide-darwin-x64@4.1.6':
-    resolution: {integrity: sha512-3FzekhHG0ww1zQjQ1lPoq0wPrAIVXAbUkWdWM8u5BnYFZgb9ja5ejBqyTgjpo5mfy0hFOoMnMuVDI+7CXhXZaQ==}
+  '@tailwindcss/oxide-darwin-x64@4.1.7':
+    resolution: {integrity: sha512-q77rWjEyGHV4PdDBtrzO0tgBBPlQWKY7wZK0cUok/HaGgbNKecegNxCGikuPJn5wFAlIywC3v+WMBt0PEBtwGw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@tailwindcss/oxide-freebsd-x64@4.1.6':
-    resolution: {integrity: sha512-4m5F5lpkBZhVQJq53oe5XgJ+aFYWdrgkMwViHjRsES3KEu2m1udR21B1I77RUqie0ZYNscFzY1v9aDssMBZ/1w==}
+  '@tailwindcss/oxide-freebsd-x64@4.1.7':
+    resolution: {integrity: sha512-RfmdbbK6G6ptgF4qqbzoxmH+PKfP4KSVs7SRlTwcbRgBwezJkAO3Qta/7gDy10Q2DcUVkKxFLXUQO6J3CRvBGw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [freebsd]
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.6':
-    resolution: {integrity: sha512-qU0rHnA9P/ZoaDKouU1oGPxPWzDKtIfX7eOGi5jOWJKdxieUJdVV+CxWZOpDWlYTd4N3sFQvcnVLJWJ1cLP5TA==}
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.7':
+    resolution: {integrity: sha512-OZqsGvpwOa13lVd1z6JVwQXadEobmesxQ4AxhrwRiPuE04quvZHWn/LnihMg7/XkN+dTioXp/VMu/p6A5eZP3g==}
     engines: {node: '>= 10'}
     cpu: [arm]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.6':
-    resolution: {integrity: sha512-jXy3TSTrbfgyd3UxPQeXC3wm8DAgmigzar99Km9Sf6L2OFfn/k+u3VqmpgHQw5QNfCpPe43em6Q7V76Wx7ogIQ==}
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.7':
+    resolution: {integrity: sha512-voMvBTnJSfKecJxGkoeAyW/2XRToLZ227LxswLAwKY7YslG/Xkw9/tJNH+3IVh5bdYzYE7DfiaPbRkSHFxY1xA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.6':
-    resolution: {integrity: sha512-8kjivE5xW0qAQ9HX9reVFmZj3t+VmljDLVRJpVBEoTR+3bKMnvC7iLcoSGNIUJGOZy1mLVq7x/gerVg0T+IsYw==}
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.7':
+    resolution: {integrity: sha512-PjGuNNmJeKHnP58M7XyjJyla8LPo+RmwHQpBI+W/OxqrwojyuCQ+GUtygu7jUqTEexejZHr/z3nBc/gTiXBj4A==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.6':
-    resolution: {integrity: sha512-A4spQhwnWVpjWDLXnOW9PSinO2PTKJQNRmL/aIl2U/O+RARls8doDfs6R41+DAXK0ccacvRyDpR46aVQJJCoCg==}
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.7':
+    resolution: {integrity: sha512-HMs+Va+ZR3gC3mLZE00gXxtBo3JoSQxtu9lobbZd+DmfkIxR54NO7Z+UQNPsa0P/ITn1TevtFxXTpsRU7qEvWg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-musl@4.1.6':
-    resolution: {integrity: sha512-YRee+6ZqdzgiQAHVSLfl3RYmqeeaWVCk796MhXhLQu2kJu2COHBkqlqsqKYx3p8Hmk5pGCQd2jTAoMWWFeyG2A==}
+  '@tailwindcss/oxide-linux-x64-musl@4.1.7':
+    resolution: {integrity: sha512-MHZ6jyNlutdHH8rd+YTdr3QbXrHXqwIhHw9e7yXEBcQdluGwhpQY2Eku8UZK6ReLaWtQ4gijIv5QoM5eE+qlsA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-wasm32-wasi@4.1.6':
-    resolution: {integrity: sha512-qAp4ooTYrBQ5pk5jgg54/U1rCJ/9FLYOkkQ/nTE+bVMseMfB6O7J8zb19YTpWuu4UdfRf5zzOrNKfl6T64MNrQ==}
+  '@tailwindcss/oxide-wasm32-wasi@4.1.7':
+    resolution: {integrity: sha512-ANaSKt74ZRzE2TvJmUcbFQ8zS201cIPxUDm5qez5rLEwWkie2SkGtA4P+GPTj+u8N6JbPrC8MtY8RmJA35Oo+A==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
     bundledDependencies:
@@ -900,20 +900,20 @@ packages:
       - '@emnapi/wasi-threads'
       - tslib
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.6':
-    resolution: {integrity: sha512-nqpDWk0Xr8ELO/nfRUDjk1pc9wDJ3ObeDdNMHLaymc4PJBWj11gdPCWZFKSK2AVKjJQC7J2EfmSmf47GN7OuLg==}
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.7':
+    resolution: {integrity: sha512-HUiSiXQ9gLJBAPCMVRk2RT1ZrBjto7WvqsPBwUrNK2BcdSxMnk19h4pjZjI7zgPhDxlAbJSumTC4ljeA9y0tEw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.6':
-    resolution: {integrity: sha512-5k9xF33xkfKpo9wCvYcegQ21VwIBU1/qEbYlVukfEIyQbEA47uK8AAwS7NVjNE3vHzcmxMYwd0l6L4pPjjm1rQ==}
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.7':
+    resolution: {integrity: sha512-rYHGmvoHiLJ8hWucSfSOEmdCBIGZIq7SpkPRSqLsH2Ab2YUNgKeAPT1Fi2cx3+hnYOrAb0jp9cRyode3bBW4mQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
 
-  '@tailwindcss/oxide@4.1.6':
-    resolution: {integrity: sha512-0bpEBQiGx+227fW4G0fLQ8vuvyy5rsB1YIYNapTq3aRsJ9taF3f5cCaovDjN5pUGKKzcpMrZst/mhNaKAPOHOA==}
+  '@tailwindcss/oxide@4.1.7':
+    resolution: {integrity: sha512-5SF95Ctm9DFiUyjUPnDGkoKItPX/k+xifcQhcqX5RA85m50jw1pT/KzjdvlqxRja45Y52nR4MR9fD1JYd7f8NQ==}
     engines: {node: '>= 10'}
 
   '@tailwindcss/typography@0.5.16':
@@ -921,8 +921,8 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1'
 
-  '@tailwindcss/vite@4.1.6':
-    resolution: {integrity: sha512-zjtqjDeY1w3g2beYQtrMAf51n5G7o+UwmyOjtsDMP7t6XyoRMOidcoKP32ps7AkNOHIXEOK0bhIC05dj8oJp4w==}
+  '@tailwindcss/vite@4.1.7':
+    resolution: {integrity: sha512-tYa2fO3zDe41I7WqijyVbRd8oWT0aEID1Eokz5hMT6wShLIHj3yvwj9XbfuloHP9glZ6H+aG2AN/+ZrxJ1Y5RQ==}
     peerDependencies:
       vite: ^5.2.0 || ^6
 
@@ -944,9 +944,6 @@ packages:
   '@types/estree@0.0.39':
     resolution: {integrity: sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==}
 
-  '@types/estree@1.0.6':
-    resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
-
   '@types/estree@1.0.7':
     resolution: {integrity: sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==}
 
@@ -977,20 +974,20 @@ packages:
   '@types/unist@3.0.2':
     resolution: {integrity: sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ==}
 
-  '@vitest/coverage-v8@3.1.3':
-    resolution: {integrity: sha512-cj76U5gXCl3g88KSnf80kof6+6w+K4BjOflCl7t6yRJPDuCrHtVu0SgNYOUARJOL5TI8RScDbm5x4s1/P9bvpw==}
+  '@vitest/coverage-v8@3.1.4':
+    resolution: {integrity: sha512-G4p6OtioySL+hPV7Y6JHlhpsODbJzt1ndwHAFkyk6vVjpK03PFsKnauZIzcd0PrK4zAbc5lc+jeZ+eNGiMA+iw==}
     peerDependencies:
-      '@vitest/browser': 3.1.3
-      vitest: 3.1.3
+      '@vitest/browser': 3.1.4
+      vitest: 3.1.4
     peerDependenciesMeta:
       '@vitest/browser':
         optional: true
 
-  '@vitest/expect@3.1.3':
-    resolution: {integrity: sha512-7FTQQuuLKmN1Ig/h+h/GO+44Q1IlglPlR2es4ab7Yvfx+Uk5xsv+Ykk+MEt/M2Yn/xGmzaLKxGw2lgy2bwuYqg==}
+  '@vitest/expect@3.1.4':
+    resolution: {integrity: sha512-xkD/ljeliyaClDYqHPNCiJ0plY5YIcM0OlRiZizLhlPmpXWpxnGMyTZXOHFhFeG7w9P5PBeL4IdtJ/HeQwTbQA==}
 
-  '@vitest/mocker@3.1.3':
-    resolution: {integrity: sha512-PJbLjonJK82uCWHjzgBJZuR7zmAOrSvKk1QBxrennDIgtH4uK0TB1PvYmc0XBCigxxtiAVPfWtAdy4lpz8SQGQ==}
+  '@vitest/mocker@3.1.4':
+    resolution: {integrity: sha512-8IJ3CvwtSw/EFXqWFL8aCMu+YyYXG2WUSrQbViOZkWTKTVicVwZ/YiEZDSqD00kX+v/+W+OnxhNWoeVKorHygA==}
     peerDependencies:
       msw: ^2.4.9
       vite: ^5.0.0 || ^6.0.0
@@ -1000,20 +997,20 @@ packages:
       vite:
         optional: true
 
-  '@vitest/pretty-format@3.1.3':
-    resolution: {integrity: sha512-i6FDiBeJUGLDKADw2Gb01UtUNb12yyXAqC/mmRWuYl+m/U9GS7s8us5ONmGkGpUUo7/iAYzI2ePVfOZTYvUifA==}
+  '@vitest/pretty-format@3.1.4':
+    resolution: {integrity: sha512-cqv9H9GvAEoTaoq+cYqUTCGscUjKqlJZC7PRwY5FMySVj5J+xOm1KQcCiYHJOEzOKRUhLH4R2pTwvFlWCEScsg==}
 
-  '@vitest/runner@3.1.3':
-    resolution: {integrity: sha512-Tae+ogtlNfFei5DggOsSUvkIaSuVywujMj6HzR97AHK6XK8i3BuVyIifWAm/sE3a15lF5RH9yQIrbXYuo0IFyA==}
+  '@vitest/runner@3.1.4':
+    resolution: {integrity: sha512-djTeF1/vt985I/wpKVFBMWUlk/I7mb5hmD5oP8K9ACRmVXgKTae3TUOtXAEBfslNKPzUQvnKhNd34nnRSYgLNQ==}
 
-  '@vitest/snapshot@3.1.3':
-    resolution: {integrity: sha512-XVa5OPNTYUsyqG9skuUkFzAeFnEzDp8hQu7kZ0N25B1+6KjGm4hWLtURyBbsIAOekfWQ7Wuz/N/XXzgYO3deWQ==}
+  '@vitest/snapshot@3.1.4':
+    resolution: {integrity: sha512-JPHf68DvuO7vilmvwdPr9TS0SuuIzHvxeaCkxYcCD4jTk67XwL45ZhEHFKIuCm8CYstgI6LZ4XbwD6ANrwMpFg==}
 
-  '@vitest/spy@3.1.3':
-    resolution: {integrity: sha512-x6w+ctOEmEXdWaa6TO4ilb7l9DxPR5bwEb6hILKuxfU1NqWT2mpJD9NJN7t3OTfxmVlOMrvtoFJGdgyzZ605lQ==}
+  '@vitest/spy@3.1.4':
+    resolution: {integrity: sha512-Xg1bXhu+vtPXIodYN369M86K8shGLouNjoVI78g8iAq2rFoHFdajNvJJ5A/9bPMFcfQqdaCpOgWKEoMQg/s0Yg==}
 
-  '@vitest/utils@3.1.3':
-    resolution: {integrity: sha512-2Ltrpht4OmHO9+c/nmHtF09HWiyWdworqnHIwjfvDyWjuwKbdkcS9AnhsDn+8E2RM4x++foD1/tNuLPVvWG1Rg==}
+  '@vitest/utils@3.1.4':
+    resolution: {integrity: sha512-yriMuO1cfFhmiGc8ataN51+9ooHRuURdfAZfwFd3usWynjzpLslZdYnRegTv32qdgtJTsj15FoeZe2g15fY1gg==}
 
   acorn-walk@8.3.2:
     resolution: {integrity: sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==}
@@ -1152,8 +1149,8 @@ packages:
     resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
     engines: {node: '>= 0.6'}
 
-  core-js@3.40.0:
-    resolution: {integrity: sha512-7vsMc/Lty6AGnn7uFpYT56QesI5D2Y/UkgKounk87OP9Z2H9Z8kj6jzcSGAxFmUtDOS0ntK6lbQz+Nsa0Jj6mQ==}
+  core-js@3.42.0:
+    resolution: {integrity: sha512-Sz4PP4ZA+Rq4II21qkNqOEDTDrCvcANId3xpIgB34NDkWc3UduWj2dqEtN9yZIq8Dk3HyPI33x9sqqU5C8sr0g==}
 
   cross-spawn@7.0.3:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
@@ -1222,6 +1219,15 @@ packages:
       supports-color:
         optional: true
 
+  debug@4.4.1:
+    resolution: {integrity: sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
   dedent-js@1.0.1:
     resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==}
 
@@ -1288,8 +1294,8 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  esrap@1.4.5:
-    resolution: {integrity: sha512-CjNMjkBWWZeHn+VX+gS8YvFwJ5+NDhg8aWZBSFJPR8qQduDNjbJodA2WcwCm7uQa5Rjqj+nZvVmceg1RbHFB9g==}
+  esrap@1.4.6:
+    resolution: {integrity: sha512-F/D2mADJ9SHY3IwksD4DAXjTt7qt7GWUf3/8RhCNWmC/67tyb55dpimHmy7EplakFaflV0R/PC+fdSPqrRHAQw==}
 
   estree-walker@1.0.1:
     resolution: {integrity: sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==}
@@ -1322,16 +1328,8 @@ packages:
     resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
     engines: {node: '>=8.6.0'}
 
-  fastq@1.17.1:
-    resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
-
-  fdir@6.4.3:
-    resolution: {integrity: sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==}
-    peerDependencies:
-      picomatch: ^3 || ^4
-    peerDependenciesMeta:
-      picomatch:
-        optional: true
+  fastq@1.19.1:
+    resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==}
 
   fdir@6.4.4:
     resolution: {integrity: sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==}
@@ -1356,6 +1354,10 @@ packages:
     resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
     engines: {node: '>=14'}
 
+  foreground-child@3.3.1:
+    resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
+    engines: {node: '>=14'}
+
   fs-extra@7.0.1:
     resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
     engines: {node: '>=6 <7 || >=8'}
@@ -1519,68 +1521,68 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
-  lightningcss-darwin-arm64@1.29.2:
-    resolution: {integrity: sha512-cK/eMabSViKn/PG8U/a7aCorpeKLMlK0bQeNHmdb7qUnBkNPnL+oV5DjJUo0kqWsJUapZsM4jCfYItbqBDvlcA==}
+  lightningcss-darwin-arm64@1.30.1:
+    resolution: {integrity: sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [darwin]
 
-  lightningcss-darwin-x64@1.29.2:
-    resolution: {integrity: sha512-j5qYxamyQw4kDXX5hnnCKMf3mLlHvG44f24Qyi2965/Ycz829MYqjrVg2H8BidybHBp9kom4D7DR5VqCKDXS0w==}
+  lightningcss-darwin-x64@1.30.1:
+    resolution: {integrity: sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [darwin]
 
-  lightningcss-freebsd-x64@1.29.2:
-    resolution: {integrity: sha512-wDk7M2tM78Ii8ek9YjnY8MjV5f5JN2qNVO+/0BAGZRvXKtQrBC4/cn4ssQIpKIPP44YXw6gFdpUF+Ps+RGsCwg==}
+  lightningcss-freebsd-x64@1.30.1:
+    resolution: {integrity: sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [freebsd]
 
-  lightningcss-linux-arm-gnueabihf@1.29.2:
-    resolution: {integrity: sha512-IRUrOrAF2Z+KExdExe3Rz7NSTuuJ2HvCGlMKoquK5pjvo2JY4Rybr+NrKnq0U0hZnx5AnGsuFHjGnNT14w26sg==}
+  lightningcss-linux-arm-gnueabihf@1.30.1:
+    resolution: {integrity: sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm]
     os: [linux]
 
-  lightningcss-linux-arm64-gnu@1.29.2:
-    resolution: {integrity: sha512-KKCpOlmhdjvUTX/mBuaKemp0oeDIBBLFiU5Fnqxh1/DZ4JPZi4evEH7TKoSBFOSOV3J7iEmmBaw/8dpiUvRKlQ==}
+  lightningcss-linux-arm64-gnu@1.30.1:
+    resolution: {integrity: sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  lightningcss-linux-arm64-musl@1.29.2:
-    resolution: {integrity: sha512-Q64eM1bPlOOUgxFmoPUefqzY1yV3ctFPE6d/Vt7WzLW4rKTv7MyYNky+FWxRpLkNASTnKQUaiMJ87zNODIrrKQ==}
+  lightningcss-linux-arm64-musl@1.30.1:
+    resolution: {integrity: sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  lightningcss-linux-x64-gnu@1.29.2:
-    resolution: {integrity: sha512-0v6idDCPG6epLXtBH/RPkHvYx74CVziHo6TMYga8O2EiQApnUPZsbR9nFNrg2cgBzk1AYqEd95TlrsL7nYABQg==}
+  lightningcss-linux-x64-gnu@1.30.1:
+    resolution: {integrity: sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
 
-  lightningcss-linux-x64-musl@1.29.2:
-    resolution: {integrity: sha512-rMpz2yawkgGT8RULc5S4WiZopVMOFWjiItBT7aSfDX4NQav6M44rhn5hjtkKzB+wMTRlLLqxkeYEtQ3dd9696w==}
+  lightningcss-linux-x64-musl@1.30.1:
+    resolution: {integrity: sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
 
-  lightningcss-win32-arm64-msvc@1.29.2:
-    resolution: {integrity: sha512-nL7zRW6evGQqYVu/bKGK+zShyz8OVzsCotFgc7judbt6wnB2KbiKKJwBE4SGoDBQ1O94RjW4asrCjQL4i8Fhbw==}
+  lightningcss-win32-arm64-msvc@1.30.1:
+    resolution: {integrity: sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [win32]
 
-  lightningcss-win32-x64-msvc@1.29.2:
-    resolution: {integrity: sha512-EdIUW3B2vLuHmv7urfzMI/h2fmlnOQBk1xlsDxkN1tCWKjNFjfLhGxYk8C8mzpSfr+A6jFFIi8fU6LbQGsRWjA==}
+  lightningcss-win32-x64-msvc@1.30.1:
+    resolution: {integrity: sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [win32]
 
-  lightningcss@1.29.2:
-    resolution: {integrity: sha512-6b6gd/RUXKaw5keVdSEtqFVdzWnU5jMxTUjA2bVcMNPLwSQ08Sv/UodBVtETLCn7k4S1Ibxwh7k68IwLZPgKaA==}
+  lightningcss@1.30.1:
+    resolution: {integrity: sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==}
     engines: {node: '>= 12.0.0'}
 
   lilconfig@3.1.3:
@@ -1658,8 +1660,8 @@ packages:
     engines: {node: '>=10.0.0'}
     hasBin: true
 
-  miniflare@4.20250507.0:
-    resolution: {integrity: sha512-EgbQRt/Hnr8HCmW2J/4LRNE3yOzJTdNd98XJ8gnGXFKcimXxUFPiWP3k1df+ZPCtEHp6cXxi8+jP7v9vuIbIsg==}
+  miniflare@4.20250508.3:
+    resolution: {integrity: sha512-43oTmZ0CCmUcieetI5YDDyX0IiwhOcVIWzdBBCqWXK3F1XgQwg4d3fTqRyJnCmHIoaYx9CE1kTEKZC1UahPQhA==}
     engines: {node: '>=18.0.0'}
     hasBin: true
 
@@ -1752,8 +1754,8 @@ packages:
   package-json-from-dist@1.0.1:
     resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
 
-  package-manager-detector@0.2.9:
-    resolution: {integrity: sha512-+vYvA/Y31l8Zk8dwxHhL3JfTuHPm6tlxM2A3GeQyl7ovYnSp1+mzAxClxaOr0qO1TtPxbQxetI7v5XqKLJZk7Q==}
+  package-manager-detector@0.2.11:
+    resolution: {integrity: sha512-BEnLolu+yuz22S56CU1SUKq3XC3PkwD5wv4ikR4MfGvnRVcmzXR9DwSlW2fEamyTPyXHomBJRzgapeuBvRNzJQ==}
 
   pascal-case@3.1.2:
     resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
@@ -1835,8 +1837,8 @@ packages:
     resolution: {integrity: sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==}
     engines: {node: ^10 || ^12 || >=14}
 
-  posthog-js@1.242.1:
-    resolution: {integrity: sha512-j2mzw0eukyuw/Qm3tNZ6pfaXmc7eglWj6ftmvR1Lz9GtMr85ndGNXJvIGO+6PBrQW2o0D1G0k/KV93ehta0hFA==}
+  posthog-js@1.245.0:
+    resolution: {integrity: sha512-vrEyQ2ARC07kmgrcJY+2/ij6PfSiBb9IGnmaWxxikYrkHL4LEGNkJ637R1EvNDE6+IflQMixo/3Kd2IjXFYx+A==}
     peerDependencies:
       '@rrweb/types': 2.0.0-alpha.17
       rrweb-snapshot: 2.0.0-alpha.17
@@ -1846,11 +1848,11 @@ packages:
       rrweb-snapshot:
         optional: true
 
-  preact@10.26.2:
-    resolution: {integrity: sha512-0gNmv4qpS9HaN3+40CLBAnKe0ZfyE4ZWo5xKlC1rVrr0ckkEvJvAQqKaHANdFKsGstoxrY4AItZ7kZSGVoVjgg==}
+  preact@10.26.6:
+    resolution: {integrity: sha512-5SRRBinwpwkaD+OqlBDeITlRgvd8I8QlxHJw9AxSdMNV6O+LodN9nUyYGpSF7sadHjs6RzeFShMexC6DbtWr9g==}
 
-  prettier-plugin-svelte@3.3.3:
-    resolution: {integrity: sha512-yViK9zqQ+H2qZD1w/bH7W8i+bVfKrD8GIFjkFe4Thl6kCT9SlAsXVNmt3jCvQOCsnOhcvYgsoVlRV/Eu6x5nNw==}
+  prettier-plugin-svelte@3.4.0:
+    resolution: {integrity: sha512-pn1ra/0mPObzqoIQn/vUTR3ZZI6UuZ0sHqMK5x2jMLGrs53h0sXhkVuDcrlssHwIMk7FYrMjHBPoUSyyEEDlBQ==}
     peerDependencies:
       prettier: ^3.0.0
       svelte: ^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0
@@ -1881,6 +1883,9 @@ packages:
     resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
     engines: {node: '>=6'}
 
+  quansync@0.2.10:
+    resolution: {integrity: sha512-t41VRkMYbkHyCYmOvx/6URnN80H7k4X0lLdBMGsz+maAwrJQYB1djpV6vHrQIBE0WBSGqhtEHrK9U3DWWH8v7A==}
+
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
@@ -1892,9 +1897,6 @@ packages:
     resolution: {integrity: sha512-h80JrZu/MHUZCyHu5ciuoI0+WxsCxzxJTILn6Fs8rxSnFPh+UVHYfeIxK1nVGugMqkfC4vJcBOYbkfkwYK0+gw==}
     engines: {node: '>= 14.18.0'}
 
-  regenerator-runtime@0.14.1:
-    resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
-
   regexparam@3.0.0:
     resolution: {integrity: sha512-RSYAtP31mvYLkAHrOlh25pCNQ5hWnT106VukGaaFfuJrZFkGRX5GhUAdPqpSDXxOhA2c4akmRuplv1mRqnBn6Q==}
     engines: {node: '>=8'}
@@ -1915,8 +1917,8 @@ packages:
     engines: {node: '>= 0.4'}
     hasBin: true
 
-  reusify@1.0.4:
-    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+  reusify@1.1.0:
+    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
   rimraf@6.0.1:
@@ -1951,11 +1953,6 @@ packages:
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
-  semver@7.7.1:
-    resolution: {integrity: sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==}
-    engines: {node: '>=10'}
-    hasBin: true
-
   semver@7.7.2:
     resolution: {integrity: sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==}
     engines: {node: '>=10'}
@@ -2053,8 +2050,8 @@ packages:
     resolution: {integrity: sha512-81zODtru1jsOujk+RUgj4RT3fXaG2nFZIWkeVkm0ZyqsrHxTNUfGJEQgkj6jcvwiEEVbYLUHvehnkfCbKDnarQ==}
     hasBin: true
 
-  svelte-check@4.1.7:
-    resolution: {integrity: sha512-1jX4BzXrQJhC/Jt3SqYf6Ntu//vmfc6VWp07JkRfK2nn+22yIblspVUo96gzMkg0Zov8lQicxhxsMzOctwcMQQ==}
+  svelte-check@4.2.1:
+    resolution: {integrity: sha512-e49SU1RStvQhoipkQ/aonDhHnG3qxHSBtNfBRb9pxVXoa+N7qybAo32KgA9wEb2PCYFNaDg7bZCdhLD1vHpdYA==}
     engines: {node: '>= 18.0.0'}
     hasBin: true
     peerDependencies:
@@ -2098,28 +2095,28 @@ packages:
       typescript:
         optional: true
 
-  svelte2tsx@0.7.37:
-    resolution: {integrity: sha512-uQCWibXwUNPGQBGTZP1axIpFGFHTXXN30/ppodLVXCnX23U1nzEhqiVtFSEQjtUK3pFVxPhdnfyxD6ikxMCzPQ==}
+  svelte2tsx@0.7.39:
+    resolution: {integrity: sha512-NX8a7eSqF1hr6WKArvXr7TV7DeE+y0kDFD7L5JP7TWqlwFidzGKaG415p992MHREiiEWOv2xIWXJ+mlONofs0A==}
     peerDependencies:
       svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
       typescript: ^4.9.4 || ^5.0.0
 
-  svelte@4.2.19:
-    resolution: {integrity: sha512-IY1rnGr6izd10B0A8LqsBfmlT5OILVuZ7XsI0vdGPEvuonFV7NYEUK4dAkm9Zg2q0Um92kYjTpS1CAP3Nh/KWw==}
+  svelte@4.2.20:
+    resolution: {integrity: sha512-eeEgGc2DtiUil5ANdtd8vPwt9AgaMdnuUFnPft9F5oMvU/FHu5IHFic+p1dR/UOB7XU2mX2yHW+NcTch4DCh5Q==}
     engines: {node: '>=16'}
 
-  svelte@5.23.0:
-    resolution: {integrity: sha512-v0lL3NuKontiCxholEiAXCB+BYbndlKbwlDMK0DS86WgGELMJSpyqCSbJeMEMBDwOglnS7Ar2Rq0wwa/z2L8Vg==}
+  svelte@5.32.1:
+    resolution: {integrity: sha512-tT02QOeF0dbSIQ+/rUZw+76DyO6ATHvZJGOM2A/Ed6fBwZwUxqIun3beErpePAtwFIK3Mi9k2QAnhFVvUBun8g==}
     engines: {node: '>=18'}
 
   tailwind-merge@3.3.0:
     resolution: {integrity: sha512-fyW/pEfcQSiigd5SNn0nApUOxx0zB/dm6UDU/rEwc2c3sX2smWUNbapHv+QRqLGVp9GWX3THIa7MUGPo+YkDzQ==}
 
-  tailwindcss@4.1.6:
-    resolution: {integrity: sha512-j0cGLTreM6u4OWzBeLBpycK0WIh8w7kSwcUsQZoGLHZ7xDTdM69lN64AgoIEEwFi0tnhs4wSykUa5YWxAzgFYg==}
+  tailwindcss@4.1.7:
+    resolution: {integrity: sha512-kr1o/ErIdNhTz8uzAYL7TpaUuzKIE6QPQ4qmSdxnoX/lo+5wmUHQA6h3L5yIqEImSRnAAURDirLu/BgiXGPAhg==}
 
-  tapable@2.2.1:
-    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
+  tapable@2.2.2:
+    resolution: {integrity: sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==}
     engines: {node: '>=6'}
 
   tar@7.4.3:
@@ -2193,8 +2190,8 @@ packages:
     resolution: {integrity: sha512-raqeBD6NQK4SkWhQzeYKd1KmIG6dllBOTt55Rmkt4HtI9mwdWtJljnrXjAFUBLTSN67HWrOIZ3EPF4kjUw80Bg==}
     engines: {node: '>=14.0'}
 
-  unenv@2.0.0-rc.15:
-    resolution: {integrity: sha512-J/rEIZU8w6FOfLNz/hNKsnY+fFHWnu9MH4yRbSZF3xbbGHovcetXPs7sD+9p8L6CeNC//I9bhRYAOsBt2u7/OA==}
+  unenv@2.0.0-rc.17:
+    resolution: {integrity: sha512-B06u0wXkEd+o5gOCMl/ZHl5cfpYbDZKAT+HWTL+Hws6jWu7dCiqBBXXXzMFcFVJb8D4ytAnYmxJA83uwOQRSsg==}
 
   unist-util-is@6.0.0:
     resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
@@ -2218,8 +2215,8 @@ packages:
   vfile-message@2.0.4:
     resolution: {integrity: sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==}
 
-  vite-node@3.1.3:
-    resolution: {integrity: sha512-uHV4plJ2IxCl4u1up1FQRrqclylKAogbtBfOTwcuJ28xFi+89PZ57BRh+naIRvH70HPwxy5QHYzg1OrEaC7AbA==}
+  vite-node@3.1.4:
+    resolution: {integrity: sha512-6enNwYnpyDo4hEgytbmc6mYWHXDHYEn0D1/rw4Q+tnHUGtKTJsn8T1YkX6Q18wI5LCrS8CTYlBaiCqxOy2kvUA==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
 
@@ -2271,16 +2268,16 @@ packages:
       vite:
         optional: true
 
-  vitest@3.1.3:
-    resolution: {integrity: sha512-188iM4hAHQ0km23TN/adso1q5hhwKqUpv+Sd6p5sOuh6FhQnRNW3IsiIpvxqahtBabsJ2SLZgmGSpcYK4wQYJw==}
+  vitest@3.1.4:
+    resolution: {integrity: sha512-Ta56rT7uWxCSJXlBtKgIlApJnT6e6IGmTYxYcmxjJ4ujuZDI59GUQgVDObXXJujOmPDBYXHK1qmaGtneu6TNIQ==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
       '@types/debug': ^4.1.12
       '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
-      '@vitest/browser': 3.1.3
-      '@vitest/ui': 3.1.3
+      '@vitest/browser': 3.1.4
+      '@vitest/ui': 3.1.4
       happy-dom: '*'
       jsdom: '*'
     peerDependenciesMeta:
@@ -2318,8 +2315,8 @@ packages:
     engines: {node: '>=8'}
     hasBin: true
 
-  workerd@1.20250507.0:
-    resolution: {integrity: sha512-OXaGjEh5THT9iblwWIyPrYBoaPe/d4zN03Go7/w8CmS8sma7//O9hjbk43sboWkc89taGPmU0/LNyZUUiUlHeQ==}
+  workerd@1.20250508.0:
+    resolution: {integrity: sha512-ffLxe7dXSuGoA6jb3Qx2SClIV1aLHfJQ6RhGhzYHjQgv7dL6fdUOSIIGgzmu2mRKs+WFSujp6c8WgKquco6w3w==}
     engines: {node: '>=16'}
     hasBin: true
 
@@ -2327,12 +2324,12 @@ packages:
     resolution: {integrity: sha512-+TvsA6VAVoMC3XDKR5MoC/qlLqDixEfOBysDEKnPIPou/NvoPWCAuXHXMsswwlvmEuvX56lQjvELLyLuzTKvRw==}
     engines: {node: '>=12'}
 
-  wrangler@4.14.4:
-    resolution: {integrity: sha512-HIdOdiMIcJV5ymw80RKsr3Uzen/p1kRX4jnCEmR2XVeoEhV2Qw6GABxS5WMTlSES2/vEX0Y+ezUAdsprcUhJ5g==}
+  wrangler@4.16.0:
+    resolution: {integrity: sha512-zQojiBJKAWRVG4WdUgTP5/i9N5UcwOixhWljnBrcKxJd+kpqUXVV/L03ytO+0cnr5IhgYUs7qhjd8EWU6UwPfg==}
     engines: {node: '>=18.0.0'}
     hasBin: true
     peerDependencies:
-      '@cloudflare/workers-types': ^4.20250507.0
+      '@cloudflare/workers-types': ^4.20250508.0
     peerDependenciesMeta:
       '@cloudflare/workers-types':
         optional: true
@@ -2375,8 +2372,8 @@ packages:
   zod@3.22.3:
     resolution: {integrity: sha512-EjIevzuJRiRPbVH4mGc8nApb/lVLKVpmUhAaR5R5doKGfAnGJ6Gr3CViAVjP+4FWSxCsybeWQdcgCtbX+7oZug==}
 
-  zod@3.24.2:
-    resolution: {integrity: sha512-lY7CDW43ECgW9u1TcT3IoXHflywfVqDYze4waEz812jR/bZ8FHDsl7pFQoSZTz5N+2NqRXs8GBwnAwo3ZNxqhQ==}
+  zod@3.25.7:
+    resolution: {integrity: sha512-YGdT1cVRmKkOg6Sq7vY7IkxdphySKnXhaUmFI4r4FcuFVNgpCb9tZfNwXbT6BPjD5oz0nubFsoo9pIqKrDcCvg==}
 
 snapshots:
 
@@ -2385,30 +2382,28 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.8
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@babel/helper-string-parser@7.25.9': {}
+  '@babel/helper-string-parser@7.27.1': {}
 
-  '@babel/helper-validator-identifier@7.25.9': {}
+  '@babel/helper-validator-identifier@7.27.1': {}
 
-  '@babel/parser@7.26.9':
+  '@babel/parser@7.27.2':
     dependencies:
-      '@babel/types': 7.26.9
+      '@babel/types': 7.27.1
 
-  '@babel/runtime@7.26.9':
-    dependencies:
-      regenerator-runtime: 0.14.1
+  '@babel/runtime@7.27.1': {}
 
-  '@babel/types@7.26.9':
+  '@babel/types@7.27.1':
     dependencies:
-      '@babel/helper-string-parser': 7.25.9
-      '@babel/helper-validator-identifier': 7.25.9
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
 
   '@bcoe/v8-coverage@1.0.2': {}
 
-  '@changesets/apply-release-plan@7.0.10':
+  '@changesets/apply-release-plan@7.0.12':
     dependencies:
       '@changesets/config': 3.1.1
       '@changesets/get-version-range-type': 0.4.0
-      '@changesets/git': 3.0.2
+      '@changesets/git': 3.0.4
       '@changesets/should-skip-package': 0.1.2
       '@changesets/types': 6.1.0
       '@manypkg/get-packages': 1.1.3
@@ -2418,34 +2413,34 @@ snapshots:
       outdent: 0.5.0
       prettier: 2.8.8
       resolve-from: 5.0.0
-      semver: 7.7.1
+      semver: 7.7.2
 
-  '@changesets/assemble-release-plan@6.0.6':
+  '@changesets/assemble-release-plan@6.0.8':
     dependencies:
       '@changesets/errors': 0.2.0
       '@changesets/get-dependents-graph': 2.1.3
       '@changesets/should-skip-package': 0.1.2
       '@changesets/types': 6.1.0
       '@manypkg/get-packages': 1.1.3
-      semver: 7.7.1
+      semver: 7.7.2
 
   '@changesets/changelog-git@0.2.1':
     dependencies:
       '@changesets/types': 6.1.0
 
-  '@changesets/cli@2.28.1':
+  '@changesets/cli@2.29.4':
     dependencies:
-      '@changesets/apply-release-plan': 7.0.10
-      '@changesets/assemble-release-plan': 6.0.6
+      '@changesets/apply-release-plan': 7.0.12
+      '@changesets/assemble-release-plan': 6.0.8
       '@changesets/changelog-git': 0.2.1
       '@changesets/config': 3.1.1
       '@changesets/errors': 0.2.0
       '@changesets/get-dependents-graph': 2.1.3
-      '@changesets/get-release-plan': 4.0.8
-      '@changesets/git': 3.0.2
+      '@changesets/get-release-plan': 4.0.12
+      '@changesets/git': 3.0.4
       '@changesets/logger': 0.1.1
       '@changesets/pre': 2.0.2
-      '@changesets/read': 0.6.3
+      '@changesets/read': 0.6.5
       '@changesets/should-skip-package': 0.1.2
       '@changesets/types': 6.1.0
       '@changesets/write': 0.4.0
@@ -2457,10 +2452,10 @@ snapshots:
       fs-extra: 7.0.1
       mri: 1.2.0
       p-limit: 2.3.0
-      package-manager-detector: 0.2.9
+      package-manager-detector: 0.2.11
       picocolors: 1.1.1
       resolve-from: 5.0.0
-      semver: 7.7.1
+      semver: 7.7.2
       spawndamnit: 3.0.1
       term-size: 2.2.1
 
@@ -2483,7 +2478,7 @@ snapshots:
       '@changesets/types': 6.1.0
       '@manypkg/get-packages': 1.1.3
       picocolors: 1.1.1
-      semver: 7.7.1
+      semver: 7.7.2
 
   '@changesets/get-github-info@0.6.0':
     dependencies:
@@ -2492,18 +2487,18 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
-  '@changesets/get-release-plan@4.0.8':
+  '@changesets/get-release-plan@4.0.12':
     dependencies:
-      '@changesets/assemble-release-plan': 6.0.6
+      '@changesets/assemble-release-plan': 6.0.8
       '@changesets/config': 3.1.1
       '@changesets/pre': 2.0.2
-      '@changesets/read': 0.6.3
+      '@changesets/read': 0.6.5
       '@changesets/types': 6.1.0
       '@manypkg/get-packages': 1.1.3
 
   '@changesets/get-version-range-type@0.4.0': {}
 
-  '@changesets/git@3.0.2':
+  '@changesets/git@3.0.4':
     dependencies:
       '@changesets/errors': 0.2.0
       '@manypkg/get-packages': 1.1.3
@@ -2527,9 +2522,9 @@ snapshots:
       '@manypkg/get-packages': 1.1.3
       fs-extra: 7.0.1
 
-  '@changesets/read@0.6.3':
+  '@changesets/read@0.6.5':
     dependencies:
-      '@changesets/git': 3.0.2
+      '@changesets/git': 3.0.4
       '@changesets/logger': 0.1.1
       '@changesets/parse': 0.4.1
       '@changesets/types': 6.1.0
@@ -2557,25 +2552,25 @@ snapshots:
     dependencies:
       mime: 3.0.0
 
-  '@cloudflare/unenv-preset@2.3.1(unenv@2.0.0-rc.15)(workerd@1.20250507.0)':
+  '@cloudflare/unenv-preset@2.3.2(unenv@2.0.0-rc.17)(workerd@1.20250508.0)':
     dependencies:
-      unenv: 2.0.0-rc.15
+      unenv: 2.0.0-rc.17
     optionalDependencies:
-      workerd: 1.20250507.0
+      workerd: 1.20250508.0
 
-  '@cloudflare/workerd-darwin-64@1.20250507.0':
+  '@cloudflare/workerd-darwin-64@1.20250508.0':
     optional: true
 
-  '@cloudflare/workerd-darwin-arm64@1.20250507.0':
+  '@cloudflare/workerd-darwin-arm64@1.20250508.0':
     optional: true
 
-  '@cloudflare/workerd-linux-64@1.20250507.0':
+  '@cloudflare/workerd-linux-64@1.20250508.0':
     optional: true
 
-  '@cloudflare/workerd-linux-arm64@1.20250507.0':
+  '@cloudflare/workerd-linux-arm64@1.20250508.0':
     optional: true
 
-  '@cloudflare/workerd-windows-64@1.20250507.0':
+  '@cloudflare/workerd-windows-64@1.20250508.0':
     optional: true
 
   '@cloudflare/workers-types@4.20250514.0': {}
@@ -2666,13 +2661,13 @@ snapshots:
 
   '@fastify/busboy@2.1.1': {}
 
-  '@floating-ui/core@1.6.9':
+  '@floating-ui/core@1.7.0':
     dependencies:
       '@floating-ui/utils': 0.2.9
 
-  '@floating-ui/dom@1.6.13':
+  '@floating-ui/dom@1.7.0':
     dependencies:
-      '@floating-ui/core': 1.6.9
+      '@floating-ui/core': 1.7.0
       '@floating-ui/utils': 0.2.9
 
   '@floating-ui/utils@0.2.9': {}
@@ -2795,44 +2790,44 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.0
 
-  '@layerstack/svelte-actions@1.0.1-next.0':
+  '@layerstack/svelte-actions@1.0.1-next.3':
     dependencies:
-      '@floating-ui/dom': 1.6.13
-      '@layerstack/utils': 1.1.0-next.0
+      '@floating-ui/dom': 1.7.0
+      '@layerstack/utils': 2.0.0-next.3
       d3-array: 3.2.4
       d3-scale: 4.0.2
       date-fns: 4.1.0
       lodash-es: 4.17.21
 
-  '@layerstack/svelte-stores@1.0.2-next.0':
+  '@layerstack/svelte-stores@1.0.2-next.3':
     dependencies:
-      '@layerstack/utils': 1.1.0-next.0
+      '@layerstack/utils': 2.0.0-next.3
       d3-array: 3.2.4
       date-fns: 4.1.0
       immer: 10.1.1
       lodash-es: 4.17.21
-      zod: 3.24.2
+      zod: 3.25.7
 
-  '@layerstack/svelte-table@1.0.1-next.0':
+  '@layerstack/svelte-table@1.0.1-next.3':
     dependencies:
-      '@layerstack/svelte-actions': 1.0.1-next.0
-      '@layerstack/utils': 1.1.0-next.0
+      '@layerstack/svelte-actions': 1.0.1-next.3
+      '@layerstack/utils': 2.0.0-next.3
       d3-array: 3.2.4
       date-fns: 4.1.0
       lodash-es: 4.17.21
 
-  '@layerstack/tailwind@2.0.0-next.2':
+  '@layerstack/tailwind@2.0.0-next.5':
     dependencies:
-      '@layerstack/utils': 1.1.0-next.0
+      '@layerstack/utils': 2.0.0-next.3
       clsx: 2.1.1
       culori: 4.0.1
       d3-array: 3.2.4
       date-fns: 4.1.0
       lodash-es: 4.17.21
       tailwind-merge: 3.3.0
-      tailwindcss: 4.1.6
+      tailwindcss: 4.1.7
 
-  '@layerstack/utils@1.1.0-next.0':
+  '@layerstack/utils@2.0.0-next.3':
     dependencies:
       d3-array: 3.2.4
       date-fns: 4.1.0
@@ -2840,14 +2835,14 @@ snapshots:
 
   '@manypkg/find-root@1.1.0':
     dependencies:
-      '@babel/runtime': 7.26.9
+      '@babel/runtime': 7.27.1
       '@types/node': 12.20.55
       find-up: 4.1.0
       fs-extra: 8.1.0
 
   '@manypkg/get-packages@1.1.3':
     dependencies:
-      '@babel/runtime': 7.26.9
+      '@babel/runtime': 7.27.1
       '@changesets/types': 4.1.0
       '@manypkg/find-root': 1.1.0
       fs-extra: 8.1.0
@@ -2866,7 +2861,7 @@ snapshots:
   '@nodelib/fs.walk@1.2.8':
     dependencies:
       '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.17.1
+      fastq: 1.19.1
 
   '@pkgjs/parseargs@0.11.0':
     optional: true
@@ -2959,17 +2954,17 @@ snapshots:
     dependencies:
       acorn: 8.14.1
 
-  '@sveltejs/adapter-cloudflare@7.0.3(@sveltejs/kit@2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(wrangler@4.14.4(@cloudflare/workers-types@4.20250514.0))':
+  '@sveltejs/adapter-cloudflare@7.0.3(@sveltejs/kit@2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(wrangler@4.16.0(@cloudflare/workers-types@4.20250514.0))':
     dependencies:
       '@cloudflare/workers-types': 4.20250514.0
-      '@sveltejs/kit': 2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+      '@sveltejs/kit': 2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       worktop: 0.8.0-next.18
-      wrangler: 4.14.4(@cloudflare/workers-types@4.20250514.0)
+      wrangler: 4.16.0(@cloudflare/workers-types@4.20250514.0)
 
-  '@sveltejs/kit@2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
+  '@sveltejs/kit@2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
     dependencies:
       '@sveltejs/acorn-typescript': 1.0.5(acorn@8.14.1)
-      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       '@types/cookie': 0.6.0
       acorn: 8.14.1
       cookie: 0.6.0
@@ -2981,39 +2976,39 @@ snapshots:
       sade: 1.8.1
       set-cookie-parser: 2.7.1
       sirv: 3.0.1
-      svelte: 5.23.0
-      vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      svelte: 5.32.1
+      vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
 
-  '@sveltejs/package@2.3.11(svelte@5.23.0)(typescript@5.8.3)':
+  '@sveltejs/package@2.3.11(svelte@5.32.1)(typescript@5.8.3)':
     dependencies:
       chokidar: 4.0.3
       kleur: 4.1.5
       sade: 1.8.1
       semver: 7.7.2
-      svelte: 5.23.0
-      svelte2tsx: 0.7.37(svelte@5.23.0)(typescript@5.8.3)
+      svelte: 5.32.1
+      svelte2tsx: 0.7.39(svelte@5.32.1)(typescript@5.8.3)
     transitivePeerDependencies:
       - typescript
 
-  '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
+  '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       debug: 4.4.0
-      svelte: 5.23.0
-      vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      svelte: 5.32.1
+      vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
+  '@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)))(svelte@5.23.0)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       debug: 4.4.0
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.17
-      svelte: 5.23.0
-      vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
-      vitefu: 1.0.4(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
+      svelte: 5.32.1
+      vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
+      vitefu: 1.0.4(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
     transitivePeerDependencies:
       - supports-color
 
@@ -3024,84 +3019,84 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
-  '@tailwindcss/node@4.1.6':
+  '@tailwindcss/node@4.1.7':
     dependencies:
       '@ampproject/remapping': 2.3.0
       enhanced-resolve: 5.18.1
       jiti: 2.4.2
-      lightningcss: 1.29.2
+      lightningcss: 1.30.1
       magic-string: 0.30.17
       source-map-js: 1.2.1
-      tailwindcss: 4.1.6
+      tailwindcss: 4.1.7
 
-  '@tailwindcss/oxide-android-arm64@4.1.6':
+  '@tailwindcss/oxide-android-arm64@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-darwin-arm64@4.1.6':
+  '@tailwindcss/oxide-darwin-arm64@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-darwin-x64@4.1.6':
+  '@tailwindcss/oxide-darwin-x64@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-freebsd-x64@4.1.6':
+  '@tailwindcss/oxide-freebsd-x64@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.6':
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.6':
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.6':
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.6':
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-musl@4.1.6':
+  '@tailwindcss/oxide-linux-x64-musl@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-wasm32-wasi@4.1.6':
+  '@tailwindcss/oxide-wasm32-wasi@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.6':
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.6':
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide@4.1.6':
+  '@tailwindcss/oxide@4.1.7':
     dependencies:
       detect-libc: 2.0.4
       tar: 7.4.3
     optionalDependencies:
-      '@tailwindcss/oxide-android-arm64': 4.1.6
-      '@tailwindcss/oxide-darwin-arm64': 4.1.6
-      '@tailwindcss/oxide-darwin-x64': 4.1.6
-      '@tailwindcss/oxide-freebsd-x64': 4.1.6
-      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.6
-      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.6
-      '@tailwindcss/oxide-linux-arm64-musl': 4.1.6
-      '@tailwindcss/oxide-linux-x64-gnu': 4.1.6
-      '@tailwindcss/oxide-linux-x64-musl': 4.1.6
-      '@tailwindcss/oxide-wasm32-wasi': 4.1.6
-      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.6
-      '@tailwindcss/oxide-win32-x64-msvc': 4.1.6
-
-  '@tailwindcss/typography@0.5.16(tailwindcss@4.1.6)':
+      '@tailwindcss/oxide-android-arm64': 4.1.7
+      '@tailwindcss/oxide-darwin-arm64': 4.1.7
+      '@tailwindcss/oxide-darwin-x64': 4.1.7
+      '@tailwindcss/oxide-freebsd-x64': 4.1.7
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.7
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.7
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.7
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.7
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.7
+      '@tailwindcss/oxide-wasm32-wasi': 4.1.7
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.7
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.7
+
+  '@tailwindcss/typography@0.5.16(tailwindcss@4.1.7)':
     dependencies:
       lodash.castarray: 4.4.0
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       postcss-selector-parser: 6.0.10
-      tailwindcss: 4.1.6
+      tailwindcss: 4.1.7
 
-  '@tailwindcss/vite@4.1.6(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
+  '@tailwindcss/vite@4.1.7(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
     dependencies:
-      '@tailwindcss/node': 4.1.6
-      '@tailwindcss/oxide': 4.1.6
-      tailwindcss: 4.1.6
-      vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      '@tailwindcss/node': 4.1.7
+      '@tailwindcss/oxide': 4.1.7
+      tailwindcss: 4.1.7
+      vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
 
   '@types/cookie@0.6.0': {}
 
@@ -3117,8 +3112,6 @@ snapshots:
 
   '@types/estree@0.0.39': {}
 
-  '@types/estree@1.0.6': {}
-
   '@types/estree@1.0.7': {}
 
   '@types/hast@3.0.3':
@@ -3147,11 +3140,11 @@ snapshots:
 
   '@types/unist@3.0.2': {}
 
-  '@vitest/coverage-v8@3.1.3(vitest@3.1.3(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
+  '@vitest/coverage-v8@3.1.4(vitest@3.1.4(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@bcoe/v8-coverage': 1.0.2
-      debug: 4.4.0
+      debug: 4.4.1
       istanbul-lib-coverage: 3.2.2
       istanbul-lib-report: 3.0.1
       istanbul-lib-source-maps: 5.0.6
@@ -3161,47 +3154,47 @@ snapshots:
       std-env: 3.9.0
       test-exclude: 7.0.1
       tinyrainbow: 2.0.0
-      vitest: 3.1.3(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      vitest: 3.1.4(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitest/expect@3.1.3':
+  '@vitest/expect@3.1.4':
     dependencies:
-      '@vitest/spy': 3.1.3
-      '@vitest/utils': 3.1.3
+      '@vitest/spy': 3.1.4
+      '@vitest/utils': 3.1.4
       chai: 5.2.0
       tinyrainbow: 2.0.0
 
-  '@vitest/mocker@3.1.3(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))':
+  '@vitest/mocker@3.1.4(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
     dependencies:
-      '@vitest/spy': 3.1.3
+      '@vitest/spy': 3.1.4
       estree-walker: 3.0.3
       magic-string: 0.30.17
     optionalDependencies:
-      vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
 
-  '@vitest/pretty-format@3.1.3':
+  '@vitest/pretty-format@3.1.4':
     dependencies:
       tinyrainbow: 2.0.0
 
-  '@vitest/runner@3.1.3':
+  '@vitest/runner@3.1.4':
     dependencies:
-      '@vitest/utils': 3.1.3
+      '@vitest/utils': 3.1.4
       pathe: 2.0.3
 
-  '@vitest/snapshot@3.1.3':
+  '@vitest/snapshot@3.1.4':
     dependencies:
-      '@vitest/pretty-format': 3.1.3
+      '@vitest/pretty-format': 3.1.4
       magic-string: 0.30.17
       pathe: 2.0.3
 
-  '@vitest/spy@3.1.3':
+  '@vitest/spy@3.1.4':
     dependencies:
       tinyspy: 3.0.2
 
-  '@vitest/utils@3.1.3':
+  '@vitest/utils@3.1.4':
     dependencies:
-      '@vitest/pretty-format': 3.1.3
+      '@vitest/pretty-format': 3.1.4
       loupe: 3.1.3
       tinyrainbow: 2.0.0
 
@@ -3284,7 +3277,7 @@ snapshots:
   code-red@1.0.4:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
       acorn: 8.14.1
       estree-walker: 3.0.3
       periscopic: 3.1.0
@@ -3299,13 +3292,11 @@ snapshots:
     dependencies:
       color-name: 1.1.4
       simple-swizzle: 0.2.2
-    optional: true
 
   color@4.2.3:
     dependencies:
       color-convert: 2.0.1
       color-string: 1.9.1
-    optional: true
 
   comment-parser@1.4.1: {}
 
@@ -3313,7 +3304,7 @@ snapshots:
 
   cookie@0.7.2: {}
 
-  core-js@3.40.0: {}
+  core-js@3.42.0: {}
 
   cross-spawn@7.0.3:
     dependencies:
@@ -3374,6 +3365,10 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
+  debug@4.4.1:
+    dependencies:
+      ms: 2.1.3
+
   dedent-js@1.0.1: {}
 
   deep-eql@5.0.2: {}
@@ -3403,7 +3398,7 @@ snapshots:
   enhanced-resolve@5.18.1:
     dependencies:
       graceful-fs: 4.2.11
-      tapable: 2.2.1
+      tapable: 2.2.2
 
   enquirer@2.4.1:
     dependencies:
@@ -3444,7 +3439,7 @@ snapshots:
 
   esprima@4.0.1: {}
 
-  esrap@1.4.5:
+  esrap@1.4.6:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
 
@@ -3454,7 +3449,7 @@ snapshots:
 
   estree-walker@3.0.3:
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
 
   exit-hook@2.2.1: {}
 
@@ -3478,13 +3473,9 @@ snapshots:
       merge2: 1.4.1
       micromatch: 4.0.8
 
-  fastq@1.17.1:
+  fastq@1.19.1:
     dependencies:
-      reusify: 1.0.4
-
-  fdir@6.4.3(picomatch@4.0.2):
-    optionalDependencies:
-      picomatch: 4.0.2
+      reusify: 1.1.0
 
   fdir@6.4.4(picomatch@4.0.2):
     optionalDependencies:
@@ -3506,6 +3497,11 @@ snapshots:
       cross-spawn: 7.0.3
       signal-exit: 4.1.0
 
+  foreground-child@3.3.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      signal-exit: 4.1.0
+
   fs-extra@7.0.1:
     dependencies:
       graceful-fs: 4.2.11
@@ -3538,7 +3534,7 @@ snapshots:
 
   glob@10.4.5:
     dependencies:
-      foreground-child: 3.3.0
+      foreground-child: 3.3.1
       jackspeak: 3.4.3
       minimatch: 9.0.5
       minipass: 7.1.2
@@ -3593,8 +3589,7 @@ snapshots:
 
   internmap@2.0.3: {}
 
-  is-arrayish@0.3.2:
-    optional: true
+  is-arrayish@0.3.2: {}
 
   is-builtin-module@3.2.1:
     dependencies:
@@ -3618,7 +3613,7 @@ snapshots:
 
   is-reference@3.0.3:
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
 
   is-subdir@1.2.0:
     dependencies:
@@ -3639,7 +3634,7 @@ snapshots:
   istanbul-lib-source-maps@5.0.6:
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
-      debug: 4.4.0
+      debug: 4.4.1
       istanbul-lib-coverage: 3.2.2
     transitivePeerDependencies:
       - supports-color
@@ -3674,50 +3669,50 @@ snapshots:
 
   kleur@4.1.5: {}
 
-  lightningcss-darwin-arm64@1.29.2:
+  lightningcss-darwin-arm64@1.30.1:
     optional: true
 
-  lightningcss-darwin-x64@1.29.2:
+  lightningcss-darwin-x64@1.30.1:
     optional: true
 
-  lightningcss-freebsd-x64@1.29.2:
+  lightningcss-freebsd-x64@1.30.1:
     optional: true
 
-  lightningcss-linux-arm-gnueabihf@1.29.2:
+  lightningcss-linux-arm-gnueabihf@1.30.1:
     optional: true
 
-  lightningcss-linux-arm64-gnu@1.29.2:
+  lightningcss-linux-arm64-gnu@1.30.1:
     optional: true
 
-  lightningcss-linux-arm64-musl@1.29.2:
+  lightningcss-linux-arm64-musl@1.30.1:
     optional: true
 
-  lightningcss-linux-x64-gnu@1.29.2:
+  lightningcss-linux-x64-gnu@1.30.1:
     optional: true
 
-  lightningcss-linux-x64-musl@1.29.2:
+  lightningcss-linux-x64-musl@1.30.1:
     optional: true
 
-  lightningcss-win32-arm64-msvc@1.29.2:
+  lightningcss-win32-arm64-msvc@1.30.1:
     optional: true
 
-  lightningcss-win32-x64-msvc@1.29.2:
+  lightningcss-win32-x64-msvc@1.30.1:
     optional: true
 
-  lightningcss@1.29.2:
+  lightningcss@1.30.1:
     dependencies:
       detect-libc: 2.0.4
     optionalDependencies:
-      lightningcss-darwin-arm64: 1.29.2
-      lightningcss-darwin-x64: 1.29.2
-      lightningcss-freebsd-x64: 1.29.2
-      lightningcss-linux-arm-gnueabihf: 1.29.2
-      lightningcss-linux-arm64-gnu: 1.29.2
-      lightningcss-linux-arm64-musl: 1.29.2
-      lightningcss-linux-x64-gnu: 1.29.2
-      lightningcss-linux-x64-musl: 1.29.2
-      lightningcss-win32-arm64-msvc: 1.29.2
-      lightningcss-win32-x64-msvc: 1.29.2
+      lightningcss-darwin-arm64: 1.30.1
+      lightningcss-darwin-x64: 1.30.1
+      lightningcss-freebsd-x64: 1.30.1
+      lightningcss-linux-arm-gnueabihf: 1.30.1
+      lightningcss-linux-arm64-gnu: 1.30.1
+      lightningcss-linux-arm64-musl: 1.30.1
+      lightningcss-linux-x64-gnu: 1.30.1
+      lightningcss-linux-x64-musl: 1.30.1
+      lightningcss-win32-arm64-msvc: 1.30.1
+      lightningcss-win32-x64-msvc: 1.30.1
 
   lilconfig@3.1.3:
     optional: true
@@ -3754,8 +3749,8 @@ snapshots:
 
   magicast@0.3.5:
     dependencies:
-      '@babel/parser': 7.26.9
-      '@babel/types': 7.26.9
+      '@babel/parser': 7.27.2
+      '@babel/types': 7.27.1
       source-map-js: 1.2.1
 
   make-dir@4.0.0:
@@ -3766,12 +3761,12 @@ snapshots:
 
   mdn-data@2.0.30: {}
 
-  mdsvex@0.12.3(svelte@5.23.0):
+  mdsvex@0.12.3(svelte@5.32.1):
     dependencies:
       '@types/unist': 2.0.11
       prism-svelte: 0.4.7
       prismjs: 1.30.0
-      svelte: 5.23.0
+      svelte: 5.32.1
       vfile-message: 2.0.4
 
   merge2@1.4.1: {}
@@ -3783,16 +3778,17 @@ snapshots:
 
   mime@3.0.0: {}
 
-  miniflare@4.20250507.0:
+  miniflare@4.20250508.3:
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       acorn: 8.14.0
       acorn-walk: 8.3.2
       exit-hook: 2.2.1
       glob-to-regexp: 0.4.1
+      sharp: 0.33.5
       stoppable: 1.1.0
       undici: 5.29.0
-      workerd: 1.20250507.0
+      workerd: 1.20250508.0
       ws: 8.18.0
       youch: 3.3.4
       zod: 3.22.3
@@ -3861,7 +3857,9 @@ snapshots:
 
   package-json-from-dist@1.0.1: {}
 
-  package-manager-detector@0.2.9: {}
+  package-manager-detector@0.2.11:
+    dependencies:
+      quansync: 0.2.10
 
   pascal-case@3.1.2:
     dependencies:
@@ -3894,7 +3892,7 @@ snapshots:
 
   periscopic@3.1.0:
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
       estree-walker: 3.0.3
       is-reference: 3.0.3
 
@@ -3926,19 +3924,19 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
-  posthog-js@1.242.1:
+  posthog-js@1.245.0:
     dependencies:
-      core-js: 3.40.0
+      core-js: 3.42.0
       fflate: 0.4.8
-      preact: 10.26.2
+      preact: 10.26.6
       web-vitals: 4.2.4
 
-  preact@10.26.2: {}
+  preact@10.26.6: {}
 
-  prettier-plugin-svelte@3.3.3(prettier@3.5.3)(svelte@5.23.0):
+  prettier-plugin-svelte@3.4.0(prettier@3.5.3)(svelte@5.32.1):
     dependencies:
       prettier: 3.5.3
-      svelte: 5.23.0
+      svelte: 5.32.1
 
   prettier@2.8.8: {}
 
@@ -3954,6 +3952,8 @@ snapshots:
 
   prismjs@1.30.0: {}
 
+  quansync@0.2.10: {}
+
   queue-microtask@1.2.3: {}
 
   read-yaml-file@1.1.0:
@@ -3965,8 +3965,6 @@ snapshots:
 
   readdirp@4.1.1: {}
 
-  regenerator-runtime@0.14.1: {}
-
   regexparam@3.0.0: {}
 
   rehype-slug@6.0.0:
@@ -3987,19 +3985,19 @@ snapshots:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
-  reusify@1.0.4: {}
+  reusify@1.1.0: {}
 
   rimraf@6.0.1:
     dependencies:
       glob: 11.0.0
       package-json-from-dist: 1.0.0
 
-  rollup-plugin-svelte@7.2.2(rollup@2.79.2)(svelte@4.2.19):
+  rollup-plugin-svelte@7.2.2(rollup@2.79.2)(svelte@4.2.20):
     dependencies:
       '@rollup/pluginutils': 4.2.1
       resolve.exports: 2.0.3
       rollup: 2.79.2
-      svelte: 4.2.19
+      svelte: 4.2.20
 
   rollup@2.79.2:
     optionalDependencies:
@@ -4041,8 +4039,6 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
-  semver@7.7.1: {}
-
   semver@7.7.2: {}
 
   set-cookie-parser@2.7.1: {}
@@ -4072,7 +4068,6 @@ snapshots:
       '@img/sharp-wasm32': 0.33.5
       '@img/sharp-win32-ia32': 0.33.5
       '@img/sharp-win32-x64': 0.33.5
-    optional: true
 
   shebang-command@2.0.0:
     dependencies:
@@ -4087,7 +4082,6 @@ snapshots:
   simple-swizzle@0.2.2:
     dependencies:
       is-arrayish: 0.3.2
-    optional: true
 
   sirv@3.0.1:
     dependencies:
@@ -4154,9 +4148,9 @@ snapshots:
       comment-parser: 1.4.1
       prettier: 3.5.3
       rollup: 2.79.2
-      rollup-plugin-svelte: 7.2.2(rollup@2.79.2)(svelte@4.2.19)
-      svelte: 4.2.19
-      svelte-preprocess: 6.0.3(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)(svelte@4.2.19)(typescript@5.8.3)
+      rollup-plugin-svelte: 7.2.2(rollup@2.79.2)(svelte@4.2.20)
+      svelte: 4.2.20
+      svelte-preprocess: 6.0.3(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)(svelte@4.2.20)(typescript@5.8.3)
       tinyglobby: 0.2.12
       typescript: 5.8.3
     transitivePeerDependencies:
@@ -4170,39 +4164,39 @@ snapshots:
       - stylus
       - sugarss
 
-  svelte-check@4.1.7(picomatch@4.0.2)(svelte@5.23.0)(typescript@5.8.3):
+  svelte-check@4.2.1(picomatch@4.0.2)(svelte@5.32.1)(typescript@5.8.3):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 4.0.3
-      fdir: 6.4.3(picomatch@4.0.2)
+      fdir: 6.4.4(picomatch@4.0.2)
       picocolors: 1.1.1
       sade: 1.8.1
-      svelte: 5.23.0
+      svelte: 5.32.1
       typescript: 5.8.3
     transitivePeerDependencies:
       - picomatch
 
-  svelte-preprocess@6.0.3(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)(svelte@4.2.19)(typescript@5.8.3):
+  svelte-preprocess@6.0.3(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)(svelte@4.2.20)(typescript@5.8.3):
     dependencies:
-      svelte: 4.2.19
+      svelte: 4.2.20
     optionalDependencies:
       postcss: 8.5.3
       postcss-load-config: 6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0)
       typescript: 5.8.3
 
-  svelte2tsx@0.7.37(svelte@5.23.0)(typescript@5.8.3):
+  svelte2tsx@0.7.39(svelte@5.32.1)(typescript@5.8.3):
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
-      svelte: 5.23.0
+      svelte: 5.32.1
       typescript: 5.8.3
 
-  svelte@4.2.19:
+  svelte@4.2.20:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.5.0
       '@jridgewell/trace-mapping': 0.3.25
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
       acorn: 8.14.1
       aria-query: 5.3.2
       axobject-query: 4.1.0
@@ -4214,18 +4208,18 @@ snapshots:
       magic-string: 0.30.17
       periscopic: 3.1.0
 
-  svelte@5.23.0:
+  svelte@5.32.1:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.5.0
       '@sveltejs/acorn-typescript': 1.0.5(acorn@8.14.1)
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
       acorn: 8.14.1
       aria-query: 5.3.2
       axobject-query: 4.1.0
       clsx: 2.1.1
       esm-env: 1.2.2
-      esrap: 1.4.5
+      esrap: 1.4.6
       is-reference: 3.0.3
       locate-character: 3.0.0
       magic-string: 0.30.17
@@ -4233,9 +4227,9 @@ snapshots:
 
   tailwind-merge@3.3.0: {}
 
-  tailwindcss@4.1.6: {}
+  tailwindcss@4.1.7: {}
 
-  tapable@2.2.1: {}
+  tapable@2.2.2: {}
 
   tar@7.4.3:
     dependencies:
@@ -4260,7 +4254,7 @@ snapshots:
 
   tinyglobby@0.2.12:
     dependencies:
-      fdir: 6.4.3(picomatch@4.0.2)
+      fdir: 6.4.4(picomatch@4.0.2)
       picomatch: 4.0.2
 
   tinyglobby@0.2.13:
@@ -4298,7 +4292,7 @@ snapshots:
     dependencies:
       '@fastify/busboy': 2.1.1
 
-  unenv@2.0.0-rc.15:
+  unenv@2.0.0-rc.17:
     dependencies:
       defu: 6.1.4
       exsolve: 1.0.5
@@ -4334,13 +4328,13 @@ snapshots:
       '@types/unist': 2.0.11
       unist-util-stringify-position: 2.0.3
 
-  vite-node@3.1.3(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0):
+  vite-node@3.1.4(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0):
     dependencies:
       cac: 6.7.14
-      debug: 4.4.0
+      debug: 4.4.1
       es-module-lexer: 1.7.0
       pathe: 2.0.3
-      vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -4355,7 +4349,7 @@ snapshots:
       - tsx
       - yaml
 
-  vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0):
+  vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0):
     dependencies:
       esbuild: 0.25.4
       fdir: 6.4.4(picomatch@4.0.2)
@@ -4367,24 +4361,24 @@ snapshots:
       '@types/node': 22.13.5
       fsevents: 2.3.3
       jiti: 2.4.2
-      lightningcss: 1.29.2
+      lightningcss: 1.30.1
       yaml: 2.7.0
 
-  vitefu@1.0.4(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)):
+  vitefu@1.0.4(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)):
     optionalDependencies:
-      vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
 
-  vitest@3.1.3(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0):
+  vitest@3.1.4(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0):
     dependencies:
-      '@vitest/expect': 3.1.3
-      '@vitest/mocker': 3.1.3(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0))
-      '@vitest/pretty-format': 3.1.3
-      '@vitest/runner': 3.1.3
-      '@vitest/snapshot': 3.1.3
-      '@vitest/spy': 3.1.3
-      '@vitest/utils': 3.1.3
+      '@vitest/expect': 3.1.4
+      '@vitest/mocker': 3.1.4(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+      '@vitest/pretty-format': 3.1.4
+      '@vitest/runner': 3.1.4
+      '@vitest/snapshot': 3.1.4
+      '@vitest/spy': 3.1.4
+      '@vitest/utils': 3.1.4
       chai: 5.2.0
-      debug: 4.4.0
+      debug: 4.4.1
       expect-type: 1.2.1
       magic-string: 0.30.17
       pathe: 2.0.3
@@ -4394,8 +4388,8 @@ snapshots:
       tinyglobby: 0.2.13
       tinypool: 1.0.2
       tinyrainbow: 2.0.0
-      vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
-      vite-node: 3.1.3(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.29.2)(yaml@2.7.0)
+      vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
+      vite-node: 3.1.4(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/node': 22.13.5
@@ -4431,29 +4425,29 @@ snapshots:
       siginfo: 2.0.0
       stackback: 0.0.2
 
-  workerd@1.20250507.0:
+  workerd@1.20250508.0:
     optionalDependencies:
-      '@cloudflare/workerd-darwin-64': 1.20250507.0
-      '@cloudflare/workerd-darwin-arm64': 1.20250507.0
-      '@cloudflare/workerd-linux-64': 1.20250507.0
-      '@cloudflare/workerd-linux-arm64': 1.20250507.0
-      '@cloudflare/workerd-windows-64': 1.20250507.0
+      '@cloudflare/workerd-darwin-64': 1.20250508.0
+      '@cloudflare/workerd-darwin-arm64': 1.20250508.0
+      '@cloudflare/workerd-linux-64': 1.20250508.0
+      '@cloudflare/workerd-linux-arm64': 1.20250508.0
+      '@cloudflare/workerd-windows-64': 1.20250508.0
 
   worktop@0.8.0-next.18:
     dependencies:
       mrmime: 2.0.1
       regexparam: 3.0.0
 
-  wrangler@4.14.4(@cloudflare/workers-types@4.20250514.0):
+  wrangler@4.16.0(@cloudflare/workers-types@4.20250514.0):
     dependencies:
       '@cloudflare/kv-asset-handler': 0.4.0
-      '@cloudflare/unenv-preset': 2.3.1(unenv@2.0.0-rc.15)(workerd@1.20250507.0)
+      '@cloudflare/unenv-preset': 2.3.2(unenv@2.0.0-rc.17)(workerd@1.20250508.0)
       blake3-wasm: 2.1.5
       esbuild: 0.25.4
-      miniflare: 4.20250507.0
+      miniflare: 4.20250508.3
       path-to-regexp: 6.3.0
-      unenv: 2.0.0-rc.15
-      workerd: 1.20250507.0
+      unenv: 2.0.0-rc.17
+      workerd: 1.20250508.0
     optionalDependencies:
       '@cloudflare/workers-types': 4.20250514.0
       fsevents: 2.3.3
@@ -4491,4 +4485,4 @@ snapshots:
 
   zod@3.22.3: {}
 
-  zod@3.24.2: {}
+  zod@3.25.7: {}

From 72f8f47f99fbb407dc7580fcc21b29ee5888fb72 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Tue, 20 May 2025 19:11:52 -0400
Subject: [PATCH 21/53] fix(Duration): Move Duration component to new
 `@layerstack/utils` `Duration` class

---
 .changeset/cuddly-coins-tease.md                      |  5 +++++
 packages/svelte-ux/src/lib/components/Duration.svelte | 10 +++-------
 2 files changed, 8 insertions(+), 7 deletions(-)
 create mode 100644 .changeset/cuddly-coins-tease.md

diff --git a/.changeset/cuddly-coins-tease.md b/.changeset/cuddly-coins-tease.md
new file mode 100644
index 000000000..3dc46ed67
--- /dev/null
+++ b/.changeset/cuddly-coins-tease.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+fix(Duration): Update Duration component to new `@layerstack/utils` `Duration` class
diff --git a/packages/svelte-ux/src/lib/components/Duration.svelte b/packages/svelte-ux/src/lib/components/Duration.svelte
index 0c13b88ae..8bbe88836 100644
--- a/packages/svelte-ux/src/lib/components/Duration.svelte
+++ b/packages/svelte-ux/src/lib/components/Duration.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
   import { cls } from '@layerstack/tailwind';
-  import { DurationUnits, getDuration, humanizeDuration } from '@layerstack/utils';
-  import { type Duration } from '@layerstack/utils/duration';
+  import { Duration, DurationUnits } from '@layerstack/utils';
   import { timerStore } from '@layerstack/svelte-stores';
 
   import { getComponentClasses } from './theme.js';
@@ -19,7 +18,7 @@
 
   function getDelay(useTimer = true) {
     const endTime = end ?? (useTimer ? $timer : null);
-    const newDuration = getDuration(start, endTime, duration);
+    const newDuration = new Duration({ start, end: endTime, duration });
 
     const unitsMoreThanSeconds = [
       newDuration?.years,
@@ -53,10 +52,7 @@
     },
   });
 
-  $: displayDuration = humanizeDuration({
-    start,
-    end: end ?? $timer,
-    duration,
+  $: displayDuration = new Duration({ start, end: end ?? $timer, duration }).format({
     minUnits,
     totalUnits,
     variant,

From 416fbcc110d511dcec240cc1dbd1c811895cef83 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Wed, 21 May 2025 07:17:44 -0400
Subject: [PATCH 22/53] Version Packages (next) (#597)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json             | 2 ++
 packages/svelte-ux/CHANGELOG.md | 8 ++++++++
 packages/svelte-ux/package.json | 2 +-
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 80722f658..3f31541f3 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -5,8 +5,10 @@
     "svelte-ux": "1.0.0"
   },
   "changesets": [
+    "cuddly-coins-tease",
     "fair-bugs-carry",
     "green-maps-bathe",
+    "loose-baths-make",
     "major-turkeys-ask",
     "nice-onions-sell",
     "ready-planets-deny",
diff --git a/packages/svelte-ux/CHANGELOG.md b/packages/svelte-ux/CHANGELOG.md
index e604f9cd0..c829a3bfe 100644
--- a/packages/svelte-ux/CHANGELOG.md
+++ b/packages/svelte-ux/CHANGELOG.md
@@ -1,5 +1,13 @@
 # svelte-ux
 
+## 2.0.0-next.5
+
+### Patch Changes
+
+- fix(Duration): Update Duration component to new `@layerstack/utils` `Duration` class ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
+- Update dependencies ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
 ## 2.0.0-next.4
 
 ### Patch Changes
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index a4402e8f0..3a18be537 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/svelte-ux",
-  "version": "2.0.0-next.4",
+  "version": "2.0.0-next.5",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",

From d2d36b18a1541a7e87bc85c2f6fef542dd0f28a8 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Wed, 28 May 2025 08:14:18 -0400
Subject: [PATCH 23/53] Default `vite dev` port to `3001`

---
 packages/svelte-ux/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index 3a18be537..b214a5ac7 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -6,7 +6,7 @@
   "repository": "techniq/svelte-ux",
   "version": "2.0.0-next.5",
   "scripts": {
-    "dev": "vite dev",
+    "dev": "vite dev --port 3001",
     "build": "vite build",
     "preview": "vite preview",
     "package": "svelte-package",

From c7423c2f4806648a5ff321990d15b375c381aba9 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Thu, 29 May 2025 23:50:19 -0400
Subject: [PATCH 24/53] Add changeset for MultiSelect fix

---
 .changeset/clear-regions-listen.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/clear-regions-listen.md

diff --git a/.changeset/clear-regions-listen.md b/.changeset/clear-regions-listen.md
new file mode 100644
index 000000000..26a2d7854
--- /dev/null
+++ b/.changeset/clear-regions-listen.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+fix(MultiSelect): Fix reactivity scope for filteredSelectedOptions and filteredUnselectedOptions. Issue #594

From f409859fbd867f2d26962123a4d6953c3ca845ad Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Thu, 29 May 2025 23:50:24 -0400
Subject: [PATCH 25/53] Update deps

---
 package.json                    |   2 +-
 packages/svelte-ux/package.json |  12 +-
 pnpm-lock.yaml                  | 338 ++++++++++++++++----------------
 3 files changed, 175 insertions(+), 177 deletions(-)

diff --git a/package.json b/package.json
index de9c4abae..15946bc59 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "@svitejs/changesets-changelog-github-compact": "^1.2.0",
     "prettier-plugin-svelte": "^3.4.0",
     "rimraf": "6.0.1",
-    "wrangler": "^4.16.0"
+    "wrangler": "^4.18.0"
   },
   "packageManager": "pnpm@10.5.1"
 }
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index b214a5ac7..9fb018e17 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -26,8 +26,8 @@
     "@sveltejs/package": "^2.3.11",
     "@sveltejs/vite-plugin-svelte": "5.0.3",
     "@tailwindcss/typography": "^0.5.16",
-    "@tailwindcss/vite": "^4.1.7",
-    "@types/culori": "^2.1.1",
+    "@tailwindcss/vite": "^4.1.8",
+    "@types/culori": "^4.0.0",
     "@types/d3-array": "^3.2.1",
     "@types/d3-scale": "^4.0.9",
     "@types/lodash-es": "^4.17.12",
@@ -35,14 +35,14 @@
     "@vitest/coverage-v8": "^3.1.4",
     "marked": "^15.0.7",
     "mdsvex": "^0.12.3",
-    "posthog-js": "^1.245.0",
+    "posthog-js": "^1.248.1",
     "prettier": "^3.5.3",
     "prettier-plugin-svelte": "^3.4.0",
     "rehype-slug": "^6.0.0",
-    "svelte": "5.32.1",
+    "svelte": "5.33.10",
     "svelte-check": "^4.2.1",
     "svelte2tsx": "^0.7.39",
-    "tailwindcss": "^4.1.7",
+    "tailwindcss": "^4.1.8",
     "tslib": "^2.8.1",
     "typescript": "^5.8.2",
     "unist-util-visit": "^5.0.0",
@@ -70,7 +70,7 @@
     "prism-themes": "^1.9.0",
     "prismjs": "^1.30.0",
     "sveld": "^0.22.1",
-    "zod": "^3.25.7"
+    "zod": "^3.25.41"
   },
   "peerDependencies": {
     "svelte": "^3.56.0 || ^4.0.0 || ^5.0.0"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c4ccf0d58..6bf9637f3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,13 +16,13 @@ importers:
         version: 1.2.0
       prettier-plugin-svelte:
         specifier: ^3.4.0
-        version: 3.4.0(prettier@3.5.3)(svelte@5.32.1)
+        version: 3.4.0(prettier@3.5.3)(svelte@5.33.10)
       rimraf:
         specifier: 6.0.1
         version: 6.0.1
       wrangler:
-        specifier: ^4.16.0
-        version: 4.16.0(@cloudflare/workers-types@4.20250514.0)
+        specifier: ^4.18.0
+        version: 4.18.0
 
   packages/svelte-ux:
     dependencies:
@@ -84,8 +84,8 @@ importers:
         specifier: ^0.22.1
         version: 0.22.1(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)
       zod:
-        specifier: ^3.25.7
-        version: 3.25.7
+        specifier: ^3.25.41
+        version: 3.25.41
     devDependencies:
       '@changesets/cli':
         specifier: ^2.29.4
@@ -95,25 +95,25 @@ importers:
         version: 6.7.2
       '@sveltejs/adapter-cloudflare':
         specifier: ^7.0.3
-        version: 7.0.3(@sveltejs/kit@2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(wrangler@4.16.0(@cloudflare/workers-types@4.20250514.0))
+        version: 7.0.3(@sveltejs/kit@2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(wrangler@4.18.0)
       '@sveltejs/kit':
         specifier: ^2.21.1
-        version: 2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+        version: 2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       '@sveltejs/package':
         specifier: ^2.3.11
-        version: 2.3.11(svelte@5.32.1)(typescript@5.8.3)
+        version: 2.3.11(svelte@5.33.10)(typescript@5.8.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: 5.0.3
-        version: 5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+        version: 5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       '@tailwindcss/typography':
         specifier: ^0.5.16
-        version: 0.5.16(tailwindcss@4.1.7)
+        version: 0.5.16(tailwindcss@4.1.8)
       '@tailwindcss/vite':
-        specifier: ^4.1.7
-        version: 4.1.7(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+        specifier: ^4.1.8
+        version: 4.1.8(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       '@types/culori':
-        specifier: ^2.1.1
-        version: 2.1.1
+        specifier: ^4.0.0
+        version: 4.0.0
       '@types/d3-array':
         specifier: ^3.2.1
         version: 3.2.1
@@ -134,31 +134,31 @@ importers:
         version: 15.0.7
       mdsvex:
         specifier: ^0.12.3
-        version: 0.12.3(svelte@5.32.1)
+        version: 0.12.3(svelte@5.33.10)
       posthog-js:
-        specifier: ^1.245.0
-        version: 1.245.0
+        specifier: ^1.248.1
+        version: 1.248.1
       prettier:
         specifier: ^3.5.3
         version: 3.5.3
       prettier-plugin-svelte:
         specifier: ^3.4.0
-        version: 3.4.0(prettier@3.5.3)(svelte@5.32.1)
+        version: 3.4.0(prettier@3.5.3)(svelte@5.33.10)
       rehype-slug:
         specifier: ^6.0.0
         version: 6.0.0
       svelte:
-        specifier: 5.32.1
-        version: 5.32.1
+        specifier: 5.33.10
+        version: 5.33.10
       svelte-check:
         specifier: ^4.2.1
-        version: 4.2.1(picomatch@4.0.2)(svelte@5.32.1)(typescript@5.8.3)
+        version: 4.2.1(picomatch@4.0.2)(svelte@5.33.10)(typescript@5.8.3)
       svelte2tsx:
         specifier: ^0.7.39
-        version: 0.7.39(svelte@5.32.1)(typescript@5.8.3)
+        version: 0.7.39(svelte@5.33.10)(typescript@5.8.3)
       tailwindcss:
-        specifier: ^4.1.7
-        version: 4.1.7
+        specifier: ^4.1.8
+        version: 4.1.8
       tslib:
         specifier: ^2.8.1
         version: 2.8.1
@@ -277,32 +277,32 @@ packages:
       workerd:
         optional: true
 
-  '@cloudflare/workerd-darwin-64@1.20250508.0':
-    resolution: {integrity: sha512-9x09MrA9Y5RQs3zqWvWns8xHgM2pVNXWpeJ+3hQYu4PrwPFZXtTD6b/iMmOnlYKzINlREq1RGeEybMFyWEUlUg==}
+  '@cloudflare/workerd-darwin-64@1.20250525.0':
+    resolution: {integrity: sha512-L5l+7sSJJT2+riR5rS3Q3PKNNySPjWfRIeaNGMVRi1dPO6QPi4lwuxfRUFNoeUdilZJUVPfSZvTtj9RedsKznQ==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [darwin]
 
-  '@cloudflare/workerd-darwin-arm64@1.20250508.0':
-    resolution: {integrity: sha512-0Ili+nE2LLRzYue/yPc1pepSyNNg6LxR3/ng/rlQzVQUxPXIXldHFkJ/ynsYwQnAcf6OxasSi/kbTm6yvDoSAQ==}
+  '@cloudflare/workerd-darwin-arm64@1.20250525.0':
+    resolution: {integrity: sha512-Y3IbIdrF/vJWh/WBvshwcSyUh175VAiLRW7963S1dXChrZ1N5wuKGQm9xY69cIGVtitpMJWWW3jLq7J/Xxwm0Q==}
     engines: {node: '>=16'}
     cpu: [arm64]
     os: [darwin]
 
-  '@cloudflare/workerd-linux-64@1.20250508.0':
-    resolution: {integrity: sha512-5saVrZ3uVwYxvBa7BaonXjeqB6X0YF3ak05qvBaWcmZ3FNmnarMm2W8842cnbhnckDVBpB/iDo51Sy6Y7y1jcw==}
+  '@cloudflare/workerd-linux-64@1.20250525.0':
+    resolution: {integrity: sha512-KSyQPAby+c6cpENoO0ayCQlY6QIh28l/+QID7VC1SLXfiNHy+hPNsH1vVBTST6CilHVAQSsy9tCZ9O9XECB8yg==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [linux]
 
-  '@cloudflare/workerd-linux-arm64@1.20250508.0':
-    resolution: {integrity: sha512-muQe1pkxRi3eaq1Q417xvfGd2SlktbLTzNhT5Yftsx8OecWrYuB8i4ttR6Nr5ER06bfEj0FqQjqJJhcp6wLLUQ==}
+  '@cloudflare/workerd-linux-arm64@1.20250525.0':
+    resolution: {integrity: sha512-Nt0FUxS2kQhJUea4hMCNPaetkrAFDhPnNX/ntwcqVlGgnGt75iaAhupWJbU0GB+gIWlKeuClUUnDZqKbicoKyg==}
     engines: {node: '>=16'}
     cpu: [arm64]
     os: [linux]
 
-  '@cloudflare/workerd-windows-64@1.20250508.0':
-    resolution: {integrity: sha512-EJj8iTWFMqjgvZUxxNvzK7frA1JMFi3y/9eDIdZPL/OaQh3cmk5Lai5DCXsKYUxfooMBZWYTp53zOLrvuJI8VQ==}
+  '@cloudflare/workerd-windows-64@1.20250525.0':
+    resolution: {integrity: sha512-mwTj+9f3uIa4NEXR1cOa82PjLa6dbrb3J+KCVJFYIaq7e63VxEzOchCXS4tublT2pmOhmFqkgBMXrxozxNkR2Q==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [win32]
@@ -831,65 +831,65 @@ packages:
     resolution: {integrity: sha512-08eKiDAjj4zLug1taXSIJ0kGL5cawjVCyJkBb6EWSg5fEPX6L+Wtr0CH2If4j5KYylz85iaZiFlUItvgJvll5g==}
     engines: {node: ^14.13.1 || ^16.0.0 || >=18}
 
-  '@tailwindcss/node@4.1.7':
-    resolution: {integrity: sha512-9rsOpdY9idRI2NH6CL4wORFY0+Q6fnx9XP9Ju+iq/0wJwGD5IByIgFmwVbyy4ymuyprj8Qh4ErxMKTUL4uNh3g==}
+  '@tailwindcss/node@4.1.8':
+    resolution: {integrity: sha512-OWwBsbC9BFAJelmnNcrKuf+bka2ZxCE2A4Ft53Tkg4uoiE67r/PMEYwCsourC26E+kmxfwE0hVzMdxqeW+xu7Q==}
 
-  '@tailwindcss/oxide-android-arm64@4.1.7':
-    resolution: {integrity: sha512-IWA410JZ8fF7kACus6BrUwY2Z1t1hm0+ZWNEzykKmMNM09wQooOcN/VXr0p/WJdtHZ90PvJf2AIBS/Ceqx1emg==}
+  '@tailwindcss/oxide-android-arm64@4.1.8':
+    resolution: {integrity: sha512-Fbz7qni62uKYceWYvUjRqhGfZKwhZDQhlrJKGtnZfuNtHFqa8wmr+Wn74CTWERiW2hn3mN5gTpOoxWKk0jRxjg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [android]
 
-  '@tailwindcss/oxide-darwin-arm64@4.1.7':
-    resolution: {integrity: sha512-81jUw9To7fimGGkuJ2W5h3/oGonTOZKZ8C2ghm/TTxbwvfSiFSDPd6/A/KE2N7Jp4mv3Ps9OFqg2fEKgZFfsvg==}
+  '@tailwindcss/oxide-darwin-arm64@4.1.8':
+    resolution: {integrity: sha512-RdRvedGsT0vwVVDztvyXhKpsU2ark/BjgG0huo4+2BluxdXo8NDgzl77qh0T1nUxmM11eXwR8jA39ibvSTbi7A==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@tailwindcss/oxide-darwin-x64@4.1.7':
-    resolution: {integrity: sha512-q77rWjEyGHV4PdDBtrzO0tgBBPlQWKY7wZK0cUok/HaGgbNKecegNxCGikuPJn5wFAlIywC3v+WMBt0PEBtwGw==}
+  '@tailwindcss/oxide-darwin-x64@4.1.8':
+    resolution: {integrity: sha512-t6PgxjEMLp5Ovf7uMb2OFmb3kqzVTPPakWpBIFzppk4JE4ix0yEtbtSjPbU8+PZETpaYMtXvss2Sdkx8Vs4XRw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@tailwindcss/oxide-freebsd-x64@4.1.7':
-    resolution: {integrity: sha512-RfmdbbK6G6ptgF4qqbzoxmH+PKfP4KSVs7SRlTwcbRgBwezJkAO3Qta/7gDy10Q2DcUVkKxFLXUQO6J3CRvBGw==}
+  '@tailwindcss/oxide-freebsd-x64@4.1.8':
+    resolution: {integrity: sha512-g8C8eGEyhHTqwPStSwZNSrOlyx0bhK/V/+zX0Y+n7DoRUzyS8eMbVshVOLJTDDC+Qn9IJnilYbIKzpB9n4aBsg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [freebsd]
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.7':
-    resolution: {integrity: sha512-OZqsGvpwOa13lVd1z6JVwQXadEobmesxQ4AxhrwRiPuE04quvZHWn/LnihMg7/XkN+dTioXp/VMu/p6A5eZP3g==}
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.8':
+    resolution: {integrity: sha512-Jmzr3FA4S2tHhaC6yCjac3rGf7hG9R6Gf2z9i9JFcuyy0u79HfQsh/thifbYTF2ic82KJovKKkIB6Z9TdNhCXQ==}
     engines: {node: '>= 10'}
     cpu: [arm]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.7':
-    resolution: {integrity: sha512-voMvBTnJSfKecJxGkoeAyW/2XRToLZ227LxswLAwKY7YslG/Xkw9/tJNH+3IVh5bdYzYE7DfiaPbRkSHFxY1xA==}
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.8':
+    resolution: {integrity: sha512-qq7jXtO1+UEtCmCeBBIRDrPFIVI4ilEQ97qgBGdwXAARrUqSn/L9fUrkb1XP/mvVtoVeR2bt/0L77xx53bPZ/Q==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.7':
-    resolution: {integrity: sha512-PjGuNNmJeKHnP58M7XyjJyla8LPo+RmwHQpBI+W/OxqrwojyuCQ+GUtygu7jUqTEexejZHr/z3nBc/gTiXBj4A==}
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.8':
+    resolution: {integrity: sha512-O6b8QesPbJCRshsNApsOIpzKt3ztG35gfX9tEf4arD7mwNinsoCKxkj8TgEE0YRjmjtO3r9FlJnT/ENd9EVefQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.7':
-    resolution: {integrity: sha512-HMs+Va+ZR3gC3mLZE00gXxtBo3JoSQxtu9lobbZd+DmfkIxR54NO7Z+UQNPsa0P/ITn1TevtFxXTpsRU7qEvWg==}
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.8':
+    resolution: {integrity: sha512-32iEXX/pXwikshNOGnERAFwFSfiltmijMIAbUhnNyjFr3tmWmMJWQKU2vNcFX0DACSXJ3ZWcSkzNbaKTdngH6g==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-musl@4.1.7':
-    resolution: {integrity: sha512-MHZ6jyNlutdHH8rd+YTdr3QbXrHXqwIhHw9e7yXEBcQdluGwhpQY2Eku8UZK6ReLaWtQ4gijIv5QoM5eE+qlsA==}
+  '@tailwindcss/oxide-linux-x64-musl@4.1.8':
+    resolution: {integrity: sha512-s+VSSD+TfZeMEsCaFaHTaY5YNj3Dri8rST09gMvYQKwPphacRG7wbuQ5ZJMIJXN/puxPcg/nU+ucvWguPpvBDg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-wasm32-wasi@4.1.7':
-    resolution: {integrity: sha512-ANaSKt74ZRzE2TvJmUcbFQ8zS201cIPxUDm5qez5rLEwWkie2SkGtA4P+GPTj+u8N6JbPrC8MtY8RmJA35Oo+A==}
+  '@tailwindcss/oxide-wasm32-wasi@4.1.8':
+    resolution: {integrity: sha512-CXBPVFkpDjM67sS1psWohZ6g/2/cd+cq56vPxK4JeawelxwK4YECgl9Y9TjkE2qfF+9/s1tHHJqrC4SS6cVvSg==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
     bundledDependencies:
@@ -900,20 +900,20 @@ packages:
       - '@emnapi/wasi-threads'
       - tslib
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.7':
-    resolution: {integrity: sha512-HUiSiXQ9gLJBAPCMVRk2RT1ZrBjto7WvqsPBwUrNK2BcdSxMnk19h4pjZjI7zgPhDxlAbJSumTC4ljeA9y0tEw==}
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.8':
+    resolution: {integrity: sha512-7GmYk1n28teDHUjPlIx4Z6Z4hHEgvP5ZW2QS9ygnDAdI/myh3HTHjDqtSqgu1BpRoI4OiLx+fThAyA1JePoENA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.7':
-    resolution: {integrity: sha512-rYHGmvoHiLJ8hWucSfSOEmdCBIGZIq7SpkPRSqLsH2Ab2YUNgKeAPT1Fi2cx3+hnYOrAb0jp9cRyode3bBW4mQ==}
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.8':
+    resolution: {integrity: sha512-fou+U20j+Jl0EHwK92spoWISON2OBnCazIc038Xj2TdweYV33ZRkS9nwqiUi2d/Wba5xg5UoHfvynnb/UB49cQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
 
-  '@tailwindcss/oxide@4.1.7':
-    resolution: {integrity: sha512-5SF95Ctm9DFiUyjUPnDGkoKItPX/k+xifcQhcqX5RA85m50jw1pT/KzjdvlqxRja45Y52nR4MR9fD1JYd7f8NQ==}
+  '@tailwindcss/oxide@4.1.8':
+    resolution: {integrity: sha512-d7qvv9PsM5N3VNKhwVUhpK6r4h9wtLkJ6lz9ZY9aeZgrUWk1Z8VPyqyDT9MZlem7GTGseRQHkeB1j3tC7W1P+A==}
     engines: {node: '>= 10'}
 
   '@tailwindcss/typography@0.5.16':
@@ -921,16 +921,16 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1'
 
-  '@tailwindcss/vite@4.1.7':
-    resolution: {integrity: sha512-tYa2fO3zDe41I7WqijyVbRd8oWT0aEID1Eokz5hMT6wShLIHj3yvwj9XbfuloHP9glZ6H+aG2AN/+ZrxJ1Y5RQ==}
+  '@tailwindcss/vite@4.1.8':
+    resolution: {integrity: sha512-CQ+I8yxNV5/6uGaJjiuymgw0kEQiNKRinYbZXPdx1fk5WgiyReG0VaUx/Xq6aVNSUNJFzxm6o8FNKS5aMaim5A==}
     peerDependencies:
       vite: ^5.2.0 || ^6
 
   '@types/cookie@0.6.0':
     resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
 
-  '@types/culori@2.1.1':
-    resolution: {integrity: sha512-NzLYD0vNHLxTdPp8+RlvGbR2NfOZkwxcYGFwxNtm+WH2NuUNV8785zv1h0sulFQ5aFQ9n/jNDUuJeo3Bh7+oFA==}
+  '@types/culori@4.0.0':
+    resolution: {integrity: sha512-aFljQwjb++sl6TAyEXeHTiK/fk9epZOQ+nMmadjnAvzZFIvNoQ0x8XQYfcOaRTBwmDUPUlghhZCJ66MTcqQAsg==}
 
   '@types/d3-array@3.2.1':
     resolution: {integrity: sha512-Y2Jn2idRrLzUfAKV2LyRImR+y4oa2AntrgID95SHJxuMUrkNXmanDSed71sRNZysveJVt1hLLemQZIady0FpEg==}
@@ -1660,8 +1660,8 @@ packages:
     engines: {node: '>=10.0.0'}
     hasBin: true
 
-  miniflare@4.20250508.3:
-    resolution: {integrity: sha512-43oTmZ0CCmUcieetI5YDDyX0IiwhOcVIWzdBBCqWXK3F1XgQwg4d3fTqRyJnCmHIoaYx9CE1kTEKZC1UahPQhA==}
+  miniflare@4.20250525.0:
+    resolution: {integrity: sha512-F5XRDn9WqxUaHphUT8qwy5WXC/3UwbBRJTdjjP5uwHX82vypxIlHNyHziZnplPLhQa1kbSdIY7wfuP1XJyyYZw==}
     engines: {node: '>=18.0.0'}
     hasBin: true
 
@@ -1837,8 +1837,8 @@ packages:
     resolution: {integrity: sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==}
     engines: {node: ^10 || ^12 || >=14}
 
-  posthog-js@1.245.0:
-    resolution: {integrity: sha512-vrEyQ2ARC07kmgrcJY+2/ij6PfSiBb9IGnmaWxxikYrkHL4LEGNkJ637R1EvNDE6+IflQMixo/3Kd2IjXFYx+A==}
+  posthog-js@1.248.1:
+    resolution: {integrity: sha512-2KBbvvLbiNqQdoEgjczZJ7im5QT8zi0Q29a8AmfXs0UGyaYxmgqPCrE1elQmGBuAm1S3T+Xw2D6Ff0VQPXE6Rw==}
     peerDependencies:
       '@rrweb/types': 2.0.0-alpha.17
       rrweb-snapshot: 2.0.0-alpha.17
@@ -1848,8 +1848,8 @@ packages:
       rrweb-snapshot:
         optional: true
 
-  preact@10.26.6:
-    resolution: {integrity: sha512-5SRRBinwpwkaD+OqlBDeITlRgvd8I8QlxHJw9AxSdMNV6O+LodN9nUyYGpSF7sadHjs6RzeFShMexC6DbtWr9g==}
+  preact@10.26.8:
+    resolution: {integrity: sha512-1nMfdFjucm5hKvq0IClqZwK4FJkGXhRrQstOQ3P4vp8HxKrJEMFcY6RdBRVTdfQS/UlnX6gfbPuTvaqx/bDoeQ==}
 
   prettier-plugin-svelte@3.4.0:
     resolution: {integrity: sha512-pn1ra/0mPObzqoIQn/vUTR3ZZI6UuZ0sHqMK5x2jMLGrs53h0sXhkVuDcrlssHwIMk7FYrMjHBPoUSyyEEDlBQ==}
@@ -2105,15 +2105,15 @@ packages:
     resolution: {integrity: sha512-eeEgGc2DtiUil5ANdtd8vPwt9AgaMdnuUFnPft9F5oMvU/FHu5IHFic+p1dR/UOB7XU2mX2yHW+NcTch4DCh5Q==}
     engines: {node: '>=16'}
 
-  svelte@5.32.1:
-    resolution: {integrity: sha512-tT02QOeF0dbSIQ+/rUZw+76DyO6ATHvZJGOM2A/Ed6fBwZwUxqIun3beErpePAtwFIK3Mi9k2QAnhFVvUBun8g==}
+  svelte@5.33.10:
+    resolution: {integrity: sha512-/yArPQIBoQS2p86LKnvJywOXkVHeEXnFgrDPSxkEfIAEkykopYuy2bF6UUqHG4IbZlJD6OurLxJT8Kn7kTk9WA==}
     engines: {node: '>=18'}
 
   tailwind-merge@3.3.0:
     resolution: {integrity: sha512-fyW/pEfcQSiigd5SNn0nApUOxx0zB/dm6UDU/rEwc2c3sX2smWUNbapHv+QRqLGVp9GWX3THIa7MUGPo+YkDzQ==}
 
-  tailwindcss@4.1.7:
-    resolution: {integrity: sha512-kr1o/ErIdNhTz8uzAYL7TpaUuzKIE6QPQ4qmSdxnoX/lo+5wmUHQA6h3L5yIqEImSRnAAURDirLu/BgiXGPAhg==}
+  tailwindcss@4.1.8:
+    resolution: {integrity: sha512-kjeW8gjdxasbmFKpVGrGd5T4i40mV5J2Rasw48QARfYeQ8YS9x02ON9SFWax3Qf616rt4Cp3nVNIj6Hd1mP3og==}
 
   tapable@2.2.2:
     resolution: {integrity: sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==}
@@ -2315,8 +2315,8 @@ packages:
     engines: {node: '>=8'}
     hasBin: true
 
-  workerd@1.20250508.0:
-    resolution: {integrity: sha512-ffLxe7dXSuGoA6jb3Qx2SClIV1aLHfJQ6RhGhzYHjQgv7dL6fdUOSIIGgzmu2mRKs+WFSujp6c8WgKquco6w3w==}
+  workerd@1.20250525.0:
+    resolution: {integrity: sha512-SXJgLREy/Aqw2J71Oah0Pbu+SShbqbTExjVQyRBTM1r7MG7fS5NUlknhnt6sikjA/t4cO09Bi8OJqHdTkrcnYQ==}
     engines: {node: '>=16'}
     hasBin: true
 
@@ -2324,12 +2324,12 @@ packages:
     resolution: {integrity: sha512-+TvsA6VAVoMC3XDKR5MoC/qlLqDixEfOBysDEKnPIPou/NvoPWCAuXHXMsswwlvmEuvX56lQjvELLyLuzTKvRw==}
     engines: {node: '>=12'}
 
-  wrangler@4.16.0:
-    resolution: {integrity: sha512-zQojiBJKAWRVG4WdUgTP5/i9N5UcwOixhWljnBrcKxJd+kpqUXVV/L03ytO+0cnr5IhgYUs7qhjd8EWU6UwPfg==}
+  wrangler@4.18.0:
+    resolution: {integrity: sha512-/ng0KI9io97SNsBU1rheADBLLTE5Djybgsi4gXuvH1RBKJGpyj1xWvZ2fuWu8vAonit3EiZkwtERTm6kESHP3A==}
     engines: {node: '>=18.0.0'}
     hasBin: true
     peerDependencies:
-      '@cloudflare/workers-types': ^4.20250508.0
+      '@cloudflare/workers-types': ^4.20250525.0
     peerDependenciesMeta:
       '@cloudflare/workers-types':
         optional: true
@@ -2372,8 +2372,8 @@ packages:
   zod@3.22.3:
     resolution: {integrity: sha512-EjIevzuJRiRPbVH4mGc8nApb/lVLKVpmUhAaR5R5doKGfAnGJ6Gr3CViAVjP+4FWSxCsybeWQdcgCtbX+7oZug==}
 
-  zod@3.25.7:
-    resolution: {integrity: sha512-YGdT1cVRmKkOg6Sq7vY7IkxdphySKnXhaUmFI4r4FcuFVNgpCb9tZfNwXbT6BPjD5oz0nubFsoo9pIqKrDcCvg==}
+  zod@3.25.41:
+    resolution: {integrity: sha512-8+sDJTGtCYIDBhdqDygp0ffj8kzziRKqAJPhpYObbElJ+3TRe/mnlnwH+/OMa3kKhueS4Drm5UMW00/u1p07zA==}
 
 snapshots:
 
@@ -2552,25 +2552,25 @@ snapshots:
     dependencies:
       mime: 3.0.0
 
-  '@cloudflare/unenv-preset@2.3.2(unenv@2.0.0-rc.17)(workerd@1.20250508.0)':
+  '@cloudflare/unenv-preset@2.3.2(unenv@2.0.0-rc.17)(workerd@1.20250525.0)':
     dependencies:
       unenv: 2.0.0-rc.17
     optionalDependencies:
-      workerd: 1.20250508.0
+      workerd: 1.20250525.0
 
-  '@cloudflare/workerd-darwin-64@1.20250508.0':
+  '@cloudflare/workerd-darwin-64@1.20250525.0':
     optional: true
 
-  '@cloudflare/workerd-darwin-arm64@1.20250508.0':
+  '@cloudflare/workerd-darwin-arm64@1.20250525.0':
     optional: true
 
-  '@cloudflare/workerd-linux-64@1.20250508.0':
+  '@cloudflare/workerd-linux-64@1.20250525.0':
     optional: true
 
-  '@cloudflare/workerd-linux-arm64@1.20250508.0':
+  '@cloudflare/workerd-linux-arm64@1.20250525.0':
     optional: true
 
-  '@cloudflare/workerd-windows-64@1.20250508.0':
+  '@cloudflare/workerd-windows-64@1.20250525.0':
     optional: true
 
   '@cloudflare/workers-types@4.20250514.0': {}
@@ -2806,7 +2806,7 @@ snapshots:
       date-fns: 4.1.0
       immer: 10.1.1
       lodash-es: 4.17.21
-      zod: 3.25.7
+      zod: 3.25.41
 
   '@layerstack/svelte-table@1.0.1-next.3':
     dependencies:
@@ -2825,7 +2825,7 @@ snapshots:
       date-fns: 4.1.0
       lodash-es: 4.17.21
       tailwind-merge: 3.3.0
-      tailwindcss: 4.1.7
+      tailwindcss: 4.1.8
 
   '@layerstack/utils@2.0.0-next.3':
     dependencies:
@@ -2954,17 +2954,17 @@ snapshots:
     dependencies:
       acorn: 8.14.1
 
-  '@sveltejs/adapter-cloudflare@7.0.3(@sveltejs/kit@2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(wrangler@4.16.0(@cloudflare/workers-types@4.20250514.0))':
+  '@sveltejs/adapter-cloudflare@7.0.3(@sveltejs/kit@2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(wrangler@4.18.0)':
     dependencies:
       '@cloudflare/workers-types': 4.20250514.0
-      '@sveltejs/kit': 2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+      '@sveltejs/kit': 2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       worktop: 0.8.0-next.18
-      wrangler: 4.16.0(@cloudflare/workers-types@4.20250514.0)
+      wrangler: 4.18.0
 
-  '@sveltejs/kit@2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
+  '@sveltejs/kit@2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
     dependencies:
       '@sveltejs/acorn-typescript': 1.0.5(acorn@8.14.1)
-      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       '@types/cookie': 0.6.0
       acorn: 8.14.1
       cookie: 0.6.0
@@ -2976,37 +2976,37 @@ snapshots:
       sade: 1.8.1
       set-cookie-parser: 2.7.1
       sirv: 3.0.1
-      svelte: 5.32.1
+      svelte: 5.33.10
       vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
 
-  '@sveltejs/package@2.3.11(svelte@5.32.1)(typescript@5.8.3)':
+  '@sveltejs/package@2.3.11(svelte@5.33.10)(typescript@5.8.3)':
     dependencies:
       chokidar: 4.0.3
       kleur: 4.1.5
       sade: 1.8.1
       semver: 7.7.2
-      svelte: 5.32.1
-      svelte2tsx: 0.7.39(svelte@5.32.1)(typescript@5.8.3)
+      svelte: 5.33.10
+      svelte2tsx: 0.7.39(svelte@5.33.10)(typescript@5.8.3)
     transitivePeerDependencies:
       - typescript
 
-  '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
+  '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       debug: 4.4.0
-      svelte: 5.32.1
+      svelte: 5.33.10
       vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
+  '@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.32.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       debug: 4.4.0
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.17
-      svelte: 5.32.1
+      svelte: 5.33.10
       vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
       vitefu: 1.0.4(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
     transitivePeerDependencies:
@@ -3019,7 +3019,7 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
-  '@tailwindcss/node@4.1.7':
+  '@tailwindcss/node@4.1.8':
     dependencies:
       '@ampproject/remapping': 2.3.0
       enhanced-resolve: 5.18.1
@@ -3027,80 +3027,80 @@ snapshots:
       lightningcss: 1.30.1
       magic-string: 0.30.17
       source-map-js: 1.2.1
-      tailwindcss: 4.1.7
+      tailwindcss: 4.1.8
 
-  '@tailwindcss/oxide-android-arm64@4.1.7':
+  '@tailwindcss/oxide-android-arm64@4.1.8':
     optional: true
 
-  '@tailwindcss/oxide-darwin-arm64@4.1.7':
+  '@tailwindcss/oxide-darwin-arm64@4.1.8':
     optional: true
 
-  '@tailwindcss/oxide-darwin-x64@4.1.7':
+  '@tailwindcss/oxide-darwin-x64@4.1.8':
     optional: true
 
-  '@tailwindcss/oxide-freebsd-x64@4.1.7':
+  '@tailwindcss/oxide-freebsd-x64@4.1.8':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.7':
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.8':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.7':
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.8':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.7':
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.8':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.7':
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.8':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-musl@4.1.7':
+  '@tailwindcss/oxide-linux-x64-musl@4.1.8':
     optional: true
 
-  '@tailwindcss/oxide-wasm32-wasi@4.1.7':
+  '@tailwindcss/oxide-wasm32-wasi@4.1.8':
     optional: true
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.7':
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.8':
     optional: true
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.7':
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.8':
     optional: true
 
-  '@tailwindcss/oxide@4.1.7':
+  '@tailwindcss/oxide@4.1.8':
     dependencies:
       detect-libc: 2.0.4
       tar: 7.4.3
     optionalDependencies:
-      '@tailwindcss/oxide-android-arm64': 4.1.7
-      '@tailwindcss/oxide-darwin-arm64': 4.1.7
-      '@tailwindcss/oxide-darwin-x64': 4.1.7
-      '@tailwindcss/oxide-freebsd-x64': 4.1.7
-      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.7
-      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.7
-      '@tailwindcss/oxide-linux-arm64-musl': 4.1.7
-      '@tailwindcss/oxide-linux-x64-gnu': 4.1.7
-      '@tailwindcss/oxide-linux-x64-musl': 4.1.7
-      '@tailwindcss/oxide-wasm32-wasi': 4.1.7
-      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.7
-      '@tailwindcss/oxide-win32-x64-msvc': 4.1.7
-
-  '@tailwindcss/typography@0.5.16(tailwindcss@4.1.7)':
+      '@tailwindcss/oxide-android-arm64': 4.1.8
+      '@tailwindcss/oxide-darwin-arm64': 4.1.8
+      '@tailwindcss/oxide-darwin-x64': 4.1.8
+      '@tailwindcss/oxide-freebsd-x64': 4.1.8
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.8
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.8
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.8
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.8
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.8
+      '@tailwindcss/oxide-wasm32-wasi': 4.1.8
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.8
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.8
+
+  '@tailwindcss/typography@0.5.16(tailwindcss@4.1.8)':
     dependencies:
       lodash.castarray: 4.4.0
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       postcss-selector-parser: 6.0.10
-      tailwindcss: 4.1.7
+      tailwindcss: 4.1.8
 
-  '@tailwindcss/vite@4.1.7(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
+  '@tailwindcss/vite@4.1.8(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
     dependencies:
-      '@tailwindcss/node': 4.1.7
-      '@tailwindcss/oxide': 4.1.7
-      tailwindcss: 4.1.7
+      '@tailwindcss/node': 4.1.8
+      '@tailwindcss/oxide': 4.1.8
+      tailwindcss: 4.1.8
       vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
 
   '@types/cookie@0.6.0': {}
 
-  '@types/culori@2.1.1': {}
+  '@types/culori@4.0.0': {}
 
   '@types/d3-array@3.2.1': {}
 
@@ -3761,12 +3761,12 @@ snapshots:
 
   mdn-data@2.0.30: {}
 
-  mdsvex@0.12.3(svelte@5.32.1):
+  mdsvex@0.12.3(svelte@5.33.10):
     dependencies:
       '@types/unist': 2.0.11
       prism-svelte: 0.4.7
       prismjs: 1.30.0
-      svelte: 5.32.1
+      svelte: 5.33.10
       vfile-message: 2.0.4
 
   merge2@1.4.1: {}
@@ -3778,7 +3778,7 @@ snapshots:
 
   mime@3.0.0: {}
 
-  miniflare@4.20250508.3:
+  miniflare@4.20250525.0:
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       acorn: 8.14.0
@@ -3788,7 +3788,7 @@ snapshots:
       sharp: 0.33.5
       stoppable: 1.1.0
       undici: 5.29.0
-      workerd: 1.20250508.0
+      workerd: 1.20250525.0
       ws: 8.18.0
       youch: 3.3.4
       zod: 3.22.3
@@ -3924,19 +3924,19 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
-  posthog-js@1.245.0:
+  posthog-js@1.248.1:
     dependencies:
       core-js: 3.42.0
       fflate: 0.4.8
-      preact: 10.26.6
+      preact: 10.26.8
       web-vitals: 4.2.4
 
-  preact@10.26.6: {}
+  preact@10.26.8: {}
 
-  prettier-plugin-svelte@3.4.0(prettier@3.5.3)(svelte@5.32.1):
+  prettier-plugin-svelte@3.4.0(prettier@3.5.3)(svelte@5.33.10):
     dependencies:
       prettier: 3.5.3
-      svelte: 5.32.1
+      svelte: 5.33.10
 
   prettier@2.8.8: {}
 
@@ -4164,14 +4164,14 @@ snapshots:
       - stylus
       - sugarss
 
-  svelte-check@4.2.1(picomatch@4.0.2)(svelte@5.32.1)(typescript@5.8.3):
+  svelte-check@4.2.1(picomatch@4.0.2)(svelte@5.33.10)(typescript@5.8.3):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 4.0.3
       fdir: 6.4.4(picomatch@4.0.2)
       picocolors: 1.1.1
       sade: 1.8.1
-      svelte: 5.32.1
+      svelte: 5.33.10
       typescript: 5.8.3
     transitivePeerDependencies:
       - picomatch
@@ -4184,11 +4184,11 @@ snapshots:
       postcss-load-config: 6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0)
       typescript: 5.8.3
 
-  svelte2tsx@0.7.39(svelte@5.32.1)(typescript@5.8.3):
+  svelte2tsx@0.7.39(svelte@5.33.10)(typescript@5.8.3):
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
-      svelte: 5.32.1
+      svelte: 5.33.10
       typescript: 5.8.3
 
   svelte@4.2.20:
@@ -4208,7 +4208,7 @@ snapshots:
       magic-string: 0.30.17
       periscopic: 3.1.0
 
-  svelte@5.32.1:
+  svelte@5.33.10:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.5.0
@@ -4227,7 +4227,7 @@ snapshots:
 
   tailwind-merge@3.3.0: {}
 
-  tailwindcss@4.1.7: {}
+  tailwindcss@4.1.8: {}
 
   tapable@2.2.2: {}
 
@@ -4425,33 +4425,31 @@ snapshots:
       siginfo: 2.0.0
       stackback: 0.0.2
 
-  workerd@1.20250508.0:
+  workerd@1.20250525.0:
     optionalDependencies:
-      '@cloudflare/workerd-darwin-64': 1.20250508.0
-      '@cloudflare/workerd-darwin-arm64': 1.20250508.0
-      '@cloudflare/workerd-linux-64': 1.20250508.0
-      '@cloudflare/workerd-linux-arm64': 1.20250508.0
-      '@cloudflare/workerd-windows-64': 1.20250508.0
+      '@cloudflare/workerd-darwin-64': 1.20250525.0
+      '@cloudflare/workerd-darwin-arm64': 1.20250525.0
+      '@cloudflare/workerd-linux-64': 1.20250525.0
+      '@cloudflare/workerd-linux-arm64': 1.20250525.0
+      '@cloudflare/workerd-windows-64': 1.20250525.0
 
   worktop@0.8.0-next.18:
     dependencies:
       mrmime: 2.0.1
       regexparam: 3.0.0
 
-  wrangler@4.16.0(@cloudflare/workers-types@4.20250514.0):
+  wrangler@4.18.0:
     dependencies:
       '@cloudflare/kv-asset-handler': 0.4.0
-      '@cloudflare/unenv-preset': 2.3.2(unenv@2.0.0-rc.17)(workerd@1.20250508.0)
+      '@cloudflare/unenv-preset': 2.3.2(unenv@2.0.0-rc.17)(workerd@1.20250525.0)
       blake3-wasm: 2.1.5
       esbuild: 0.25.4
-      miniflare: 4.20250508.3
+      miniflare: 4.20250525.0
       path-to-regexp: 6.3.0
       unenv: 2.0.0-rc.17
-      workerd: 1.20250508.0
+      workerd: 1.20250525.0
     optionalDependencies:
-      '@cloudflare/workers-types': 4.20250514.0
       fsevents: 2.3.3
-      sharp: 0.33.5
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
@@ -4485,4 +4483,4 @@ snapshots:
 
   zod@3.22.3: {}
 
-  zod@3.25.7: {}
+  zod@3.25.41: {}

From 895403c8696456dd72c87c6febffd8ad58b6eb1c Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Thu, 29 May 2025 23:59:53 -0400
Subject: [PATCH 26/53] Update layerstack include utils with improved format

---
 packages/svelte-ux/package.json               | 10 ++--
 .../src/lib/components/MonthList.svelte       |  2 +-
 pnpm-lock.yaml                                | 60 +++++++++----------
 3 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index 9fb018e17..03f108cf4 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -53,11 +53,11 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.0",
     "@fortawesome/fontawesome-common-types": "^6.7.2",
-    "@layerstack/svelte-actions": "1.0.1-next.3",
-    "@layerstack/svelte-stores": "1.0.2-next.3",
-    "@layerstack/svelte-table": "1.0.1-next.3",
-    "@layerstack/tailwind": "2.0.0-next.5",
-    "@layerstack/utils": "2.0.0-next.3",
+    "@layerstack/svelte-actions": "1.0.1-next.6",
+    "@layerstack/svelte-stores": "1.0.2-next.6",
+    "@layerstack/svelte-table": "1.0.1-next.6",
+    "@layerstack/tailwind": "2.0.0-next.8",
+    "@layerstack/utils": "2.0.0-next.6",
     "@mdi/js": "^7.4.47",
     "culori": "^4.0.1",
     "d3-array": "^3.2.4",
diff --git a/packages/svelte-ux/src/lib/components/MonthList.svelte b/packages/svelte-ux/src/lib/components/MonthList.svelte
index 2fa0751ad..9bd31ea12 100644
--- a/packages/svelte-ux/src/lib/components/MonthList.svelte
+++ b/packages/svelte-ux/src/lib/components/MonthList.svelte
@@ -8,7 +8,7 @@
 
   export let year: number | undefined = undefined;
   export let selected: SelectedDate = undefined;
-  export let format: ComponentProps<DateButton>['format'] = undefined;
+  export let format: ComponentProps<DateButton>['format'] = 'MMM'; // Use short month by default.  TODO: Change to `variant`
   /**
    * Dates to disable (not selectable)
    */
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6bf9637f3..052753dc0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -33,20 +33,20 @@ importers:
         specifier: ^6.7.2
         version: 6.7.2
       '@layerstack/svelte-actions':
-        specifier: 1.0.1-next.3
-        version: 1.0.1-next.3
+        specifier: 1.0.1-next.6
+        version: 1.0.1-next.6
       '@layerstack/svelte-stores':
-        specifier: 1.0.2-next.3
-        version: 1.0.2-next.3
+        specifier: 1.0.2-next.6
+        version: 1.0.2-next.6
       '@layerstack/svelte-table':
-        specifier: 1.0.1-next.3
-        version: 1.0.1-next.3
+        specifier: 1.0.1-next.6
+        version: 1.0.1-next.6
       '@layerstack/tailwind':
-        specifier: 2.0.0-next.5
-        version: 2.0.0-next.5
+        specifier: 2.0.0-next.8
+        version: 2.0.0-next.8
       '@layerstack/utils':
-        specifier: 2.0.0-next.3
-        version: 2.0.0-next.3
+        specifier: 2.0.0-next.6
+        version: 2.0.0-next.6
       '@mdi/js':
         specifier: ^7.4.47
         version: 7.4.47
@@ -626,20 +626,20 @@ packages:
   '@jridgewell/trace-mapping@0.3.9':
     resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
 
-  '@layerstack/svelte-actions@1.0.1-next.3':
-    resolution: {integrity: sha512-A4mLdaitIZ5u0PfVyK8W+0zcuPWYgEhWX30t4IcUFOynE9u7tzaTrQoIwfZOYGFm2ok11F3DtdD2tXrqZEBgLQ==}
+  '@layerstack/svelte-actions@1.0.1-next.6':
+    resolution: {integrity: sha512-Bf+7+IT4O4qdvUsZllwAZqyTDpFyTlK2cYn5LeFIoHJCXS/KG6s+dvsvqEjkGHlW0XuhWMFCit3LtFz2gnLhKg==}
 
-  '@layerstack/svelte-stores@1.0.2-next.3':
-    resolution: {integrity: sha512-3gPMpa6QiK1BVg5ZSSqcd62e8JfeN/1Rnk/wxC7kfwmq++ijG4PWJTq56BRI96e6BIz8BviKkVtcM0MEmlHo0g==}
+  '@layerstack/svelte-stores@1.0.2-next.6':
+    resolution: {integrity: sha512-Pmi0ZHWoSjvQofOKJk8oMCRVnliVXDfsGw7FdkBZrmdtf50+8Lb/FRI1sp0DGzTI2kStgSb35QARVUEmc9XloA==}
 
-  '@layerstack/svelte-table@1.0.1-next.3':
-    resolution: {integrity: sha512-X6Mgygd9jkuE3x0774K2UXKFehT5nKyUymIAyYY1045jIjL+sMQInmxyiIZZwQ8V3yAnG+4h5/yHuZRFI9uThA==}
+  '@layerstack/svelte-table@1.0.1-next.6':
+    resolution: {integrity: sha512-W7bpCJ0ZcC6O5aaMRjz/vsHUSw8CE5Mf5b/6Do5jWrxZEvXrnnPZaFDoDDwF0p3oqU1k/1WtG/RJjG6II+4nMQ==}
 
-  '@layerstack/tailwind@2.0.0-next.5':
-    resolution: {integrity: sha512-su6Wywcp+pjLNwmqZWWcUc5kc624nfbXRX8UjpU6q8vEPnHShDLPZysQoZVWouo6A9fWTKTpr2mcmPj0IbN/EQ==}
+  '@layerstack/tailwind@2.0.0-next.8':
+    resolution: {integrity: sha512-9V1AofipCgRV0nMdbnu8uV+wB0UCNa4/0Ld2YOyTKUlbY0srmKNshUphL/NVCdg0iZIT56bPxHT4+5fj6sGbMA==}
 
-  '@layerstack/utils@2.0.0-next.3':
-    resolution: {integrity: sha512-sTOF9cdh5lb9bqWW10kWwo4toSTjGOH4RNTr++59obVvdGp/hXo6LAN2WsdzkK9QFqBgEpuJH0rZ+D77lMSdeQ==}
+  '@layerstack/utils@2.0.0-next.6':
+    resolution: {integrity: sha512-49Anr+Ihx1DJ20Q3lIpo0CNjBmRSWxAF+ZQychJ9I1UlhSGBlVv5YcEq1pbsCCrJbSNXmE0tApcdBl5SVcwU5A==}
 
   '@manypkg/find-root@1.1.0':
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
@@ -2790,35 +2790,35 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.0
 
-  '@layerstack/svelte-actions@1.0.1-next.3':
+  '@layerstack/svelte-actions@1.0.1-next.6':
     dependencies:
       '@floating-ui/dom': 1.7.0
-      '@layerstack/utils': 2.0.0-next.3
+      '@layerstack/utils': 2.0.0-next.6
       d3-array: 3.2.4
       d3-scale: 4.0.2
       date-fns: 4.1.0
       lodash-es: 4.17.21
 
-  '@layerstack/svelte-stores@1.0.2-next.3':
+  '@layerstack/svelte-stores@1.0.2-next.6':
     dependencies:
-      '@layerstack/utils': 2.0.0-next.3
+      '@layerstack/utils': 2.0.0-next.6
       d3-array: 3.2.4
       date-fns: 4.1.0
       immer: 10.1.1
       lodash-es: 4.17.21
       zod: 3.25.41
 
-  '@layerstack/svelte-table@1.0.1-next.3':
+  '@layerstack/svelte-table@1.0.1-next.6':
     dependencies:
-      '@layerstack/svelte-actions': 1.0.1-next.3
-      '@layerstack/utils': 2.0.0-next.3
+      '@layerstack/svelte-actions': 1.0.1-next.6
+      '@layerstack/utils': 2.0.0-next.6
       d3-array: 3.2.4
       date-fns: 4.1.0
       lodash-es: 4.17.21
 
-  '@layerstack/tailwind@2.0.0-next.5':
+  '@layerstack/tailwind@2.0.0-next.8':
     dependencies:
-      '@layerstack/utils': 2.0.0-next.3
+      '@layerstack/utils': 2.0.0-next.6
       clsx: 2.1.1
       culori: 4.0.1
       d3-array: 3.2.4
@@ -2827,7 +2827,7 @@ snapshots:
       tailwind-merge: 3.3.0
       tailwindcss: 4.1.8
 
-  '@layerstack/utils@2.0.0-next.3':
+  '@layerstack/utils@2.0.0-next.6':
     dependencies:
       d3-array: 3.2.4
       date-fns: 4.1.0

From 4acf4db8678dac2ea03cf9403f243b5c613172b1 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Fri, 30 May 2025 00:01:51 -0400
Subject: [PATCH 27/53] Add changesets

---
 .changeset/four-bears-join.md  | 5 +++++
 .changeset/open-hats-arrive.md | 5 +++++
 2 files changed, 10 insertions(+)
 create mode 100644 .changeset/four-bears-join.md
 create mode 100644 .changeset/open-hats-arrive.md

diff --git a/.changeset/four-bears-join.md b/.changeset/four-bears-join.md
new file mode 100644
index 000000000..4b2d1dd93
--- /dev/null
+++ b/.changeset/four-bears-join.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+fix: Update deps include @layerstack/utils with improved format
diff --git a/.changeset/open-hats-arrive.md b/.changeset/open-hats-arrive.md
new file mode 100644
index 000000000..562685577
--- /dev/null
+++ b/.changeset/open-hats-arrive.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+fix(DateRangeField): Include year when displaying month selection

From 8cff0d7ed9fc2b43ac2bb7d29d16fe800a1ad3ad Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 30 May 2025 00:03:09 -0400
Subject: [PATCH 28/53] Version Packages (next) (#598)

* Version Packages (next)

* Update CHANGELOG.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Sean Lynch <techniq35@gmail.com>
---
 .changeset/pre.json             |  3 +++
 packages/svelte-ux/CHANGELOG.md | 10 ++++++++++
 packages/svelte-ux/package.json |  2 +-
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 3f31541f3..4125f5a3f 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -5,12 +5,15 @@
     "svelte-ux": "1.0.0"
   },
   "changesets": [
+    "clear-regions-listen",
     "cuddly-coins-tease",
     "fair-bugs-carry",
+    "four-bears-join",
     "green-maps-bathe",
     "loose-baths-make",
     "major-turkeys-ask",
     "nice-onions-sell",
+    "open-hats-arrive",
     "ready-planets-deny",
     "wide-months-rescue",
     "witty-spies-divide"
diff --git a/packages/svelte-ux/CHANGELOG.md b/packages/svelte-ux/CHANGELOG.md
index 42903790f..f47aaad07 100644
--- a/packages/svelte-ux/CHANGELOG.md
+++ b/packages/svelte-ux/CHANGELOG.md
@@ -1,5 +1,15 @@
 # svelte-ux
 
+## 2.0.0-next.6
+
+### Patch Changes
+
+- fix(MultiSelect): Fix reactivity scope for filteredSelectedOptions and filteredUnselectedOptions. Issue #594 ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
+- fix: Update deps including @layerstack/utils with improved format ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
+- fix(DateRangeField): Include year when displaying month selection ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
 ## 2.0.0-next.5
 
 ### Patch Changes
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index 03f108cf4..f68a169d8 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/svelte-ux",
-  "version": "2.0.0-next.5",
+  "version": "2.0.0-next.6",
   "scripts": {
     "dev": "vite dev --port 3001",
     "build": "vite build",

From 24c43d4fc3471766a028d72a47714d7f5a61b0fa Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Fri, 30 May 2025 07:58:49 -0400
Subject: [PATCH 29/53] Fix check errors/warnings

---
 packages/svelte-ux/src/lib/components/Drawer.svelte   | 1 +
 packages/svelte-ux/src/lib/components/Duration.svelte | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/svelte-ux/src/lib/components/Drawer.svelte b/packages/svelte-ux/src/lib/components/Drawer.svelte
index 82f682927..7151788ae 100644
--- a/packages/svelte-ux/src/lib/components/Drawer.svelte
+++ b/packages/svelte-ux/src/lib/components/Drawer.svelte
@@ -109,6 +109,7 @@
     use:portalAction={portal}
     use:focusMove={{ restoreFocus: true }}
     role="dialog"
+    tabindex="-1"
   >
     {#if loading}
       <Overlay center class="rounded-sm">
diff --git a/packages/svelte-ux/src/lib/components/Duration.svelte b/packages/svelte-ux/src/lib/components/Duration.svelte
index 8bbe88836..c97224ce6 100644
--- a/packages/svelte-ux/src/lib/components/Duration.svelte
+++ b/packages/svelte-ux/src/lib/components/Duration.svelte
@@ -1,13 +1,14 @@
 <script lang="ts">
   import { cls } from '@layerstack/tailwind';
   import { Duration, DurationUnits } from '@layerstack/utils';
+  import type { DurationOption } from '@layerstack/utils/duration';
   import { timerStore } from '@layerstack/svelte-stores';
 
   import { getComponentClasses } from './theme.js';
 
   export let start: Date | undefined = undefined;
   export let end: Date | undefined = undefined;
-  export let duration: Partial<Duration> | undefined = undefined;
+  export let duration: DurationOption | undefined = undefined;
   export let minUnits: DurationUnits = DurationUnits.Millisecond;
   export let totalUnits: number = 99;
   export let variant: 'short' | 'long' = 'short';

From 97522648d7c208958a275a58c7ac23a9ff2c918f Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Fri, 30 May 2025 07:59:24 -0400
Subject: [PATCH 30/53] fix(Drawer): Fix display of action buttons

---
 .changeset/dirty-pets-switch.md                     | 5 +++++
 packages/svelte-ux/src/lib/components/Drawer.svelte | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/dirty-pets-switch.md

diff --git a/.changeset/dirty-pets-switch.md b/.changeset/dirty-pets-switch.md
new file mode 100644
index 000000000..01989369b
--- /dev/null
+++ b/.changeset/dirty-pets-switch.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+fix(Drawer): Fix display of action buttons
diff --git a/packages/svelte-ux/src/lib/components/Drawer.svelte b/packages/svelte-ux/src/lib/components/Drawer.svelte
index 7151788ae..139658843 100644
--- a/packages/svelte-ux/src/lib/components/Drawer.svelte
+++ b/packages/svelte-ux/src/lib/components/Drawer.svelte
@@ -122,7 +122,7 @@
     {#if $$slots.actions}
       <div
         class={cls(
-          'actions fixed bottom-0 w-full flex justify-center bg-surface-content/5 p-1 border-t',
+          'actions absolute bottom-0 w-full flex justify-center bg-surface-content/5 p-1 border-t',
           settingsClasses.actions,
           classes.actions
         )}

From a8dde9bae4877c883afb0c9c197bb7529eaeab07 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 30 May 2025 12:57:08 -0400
Subject: [PATCH 31/53] Version Packages (next) (#599)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json             | 1 +
 packages/svelte-ux/CHANGELOG.md | 6 ++++++
 packages/svelte-ux/package.json | 2 +-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 4125f5a3f..56ce06947 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -7,6 +7,7 @@
   "changesets": [
     "clear-regions-listen",
     "cuddly-coins-tease",
+    "dirty-pets-switch",
     "fair-bugs-carry",
     "four-bears-join",
     "green-maps-bathe",
diff --git a/packages/svelte-ux/CHANGELOG.md b/packages/svelte-ux/CHANGELOG.md
index f47aaad07..d088428c0 100644
--- a/packages/svelte-ux/CHANGELOG.md
+++ b/packages/svelte-ux/CHANGELOG.md
@@ -1,5 +1,11 @@
 # svelte-ux
 
+## 2.0.0-next.7
+
+### Patch Changes
+
+- fix(Drawer): Fix display of action buttons ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
 ## 2.0.0-next.6
 
 ### Patch Changes
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index f68a169d8..890732543 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/svelte-ux",
-  "version": "2.0.0-next.6",
+  "version": "2.0.0-next.7",
   "scripts": {
     "dev": "vite dev --port 3001",
     "build": "vite build",

From c7a4b08a861abdc27fd4508fbac7ca017ef5c9bf Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Fri, 30 May 2025 16:51:04 -0400
Subject: [PATCH 32/53] fix(NavItem): Apply active classes after base classes

---
 .changeset/cuddly-snakes-tie.md                      | 5 +++++
 packages/svelte-ux/src/lib/components/NavItem.svelte | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/cuddly-snakes-tie.md

diff --git a/.changeset/cuddly-snakes-tie.md b/.changeset/cuddly-snakes-tie.md
new file mode 100644
index 000000000..69dcdec29
--- /dev/null
+++ b/.changeset/cuddly-snakes-tie.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+fix(NavItem): Apply active classes after base classes
diff --git a/packages/svelte-ux/src/lib/components/NavItem.svelte b/packages/svelte-ux/src/lib/components/NavItem.svelte
index 1e4139339..74b9262c9 100644
--- a/packages/svelte-ux/src/lib/components/NavItem.svelte
+++ b/packages/svelte-ux/src/lib/components/NavItem.svelte
@@ -33,9 +33,9 @@
     'NavItem',
     'flex items-center',
     settingsClasses.root,
-    isPathActive && ['is-active', settingsClasses.active, classes.active],
     classes.root,
-    $$props.class
+    $$props.class,
+    isPathActive && ['is-active', settingsClasses.active, classes.active]
   )}
   use:scrollIntoView={{
     condition: isPathActive,

From 223c918956462b66a144c64d1bbee83ca22f1b4a Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Tue, 10 Jun 2025 16:44:54 -0400
Subject: [PATCH 33/53] refactor: Replace `date-fns` usage with new
 `@layerstack/utils` date utils (based on d3-time) to reduce bundle size
 (#602)

* refactor: Replace `date-fns` usage with new `@layerstack/utils` date utils (based on d3-time) to reduce bundle size

* Replace `date-fns` `parse` / `format` with @layerstack/utils `parseDate` / `formatDate`.  Remove `date-fns
---
 .changeset/funny-days-crash.md                |  5 ++
 packages/svelte-ux/package.json               | 11 ++-
 .../src/lib/components/DateButton.svelte      |  4 +-
 .../src/lib/components/DateField.svelte       |  5 +-
 .../src/lib/components/DateRange.svelte       | 14 ++--
 .../src/lib/components/DateSelect.svelte      | 13 +++-
 .../svelte-ux/src/lib/components/Month.svelte | 46 ++++++------
 .../src/lib/components/MonthList.svelte       | 21 ++++--
 .../src/lib/components/MonthListByYear.svelte |  7 +-
 .../src/lib/components/YearList.svelte        | 31 ++++----
 .../docs/components/DateField/+page.svelte    | 10 +--
 .../docs/components/DateRange/+page.svelte    | 11 ++-
 .../components/DateRangeField/+page.svelte    | 31 +++++---
 .../docs/components/Duration/+page.svelte     | 11 +--
 .../routes/docs/components/Month/+page.svelte | 73 ++++++++++--------
 .../docs/components/MonthList/+page.svelte    | 53 +++++++------
 .../components/MonthListByYear/+page.svelte   | 11 ++-
 .../components/ScrollingValue/+page.svelte    |  8 +-
 .../docs/components/YearList/+page.svelte     | 11 ++-
 pnpm-lock.yaml                                | 75 ++++++++-----------
 20 files changed, 249 insertions(+), 202 deletions(-)
 create mode 100644 .changeset/funny-days-crash.md

diff --git a/.changeset/funny-days-crash.md b/.changeset/funny-days-crash.md
new file mode 100644
index 000000000..89d955886
--- /dev/null
+++ b/.changeset/funny-days-crash.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+refactor: Replace `date-fns` usage with new `@layerstack/utils` date utils (based on d3-time) to reduce bundle size
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index 890732543..600ad2c4d 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -53,16 +53,15 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.0",
     "@fortawesome/fontawesome-common-types": "^6.7.2",
-    "@layerstack/svelte-actions": "1.0.1-next.6",
-    "@layerstack/svelte-stores": "1.0.2-next.6",
-    "@layerstack/svelte-table": "1.0.1-next.6",
-    "@layerstack/tailwind": "2.0.0-next.8",
-    "@layerstack/utils": "2.0.0-next.6",
+    "@layerstack/svelte-actions": "1.0.1-next.11",
+    "@layerstack/svelte-stores": "1.0.2-next.11",
+    "@layerstack/svelte-table": "1.0.1-next.11",
+    "@layerstack/tailwind": "2.0.0-next.13",
+    "@layerstack/utils": "2.0.0-next.11",
     "@mdi/js": "^7.4.47",
     "culori": "^4.0.1",
     "d3-array": "^3.2.4",
     "d3-scale": "^4.0.2",
-    "date-fns": "^4.1.0",
     "esm-env": "^1.2.2",
     "immer": "^10.1.1",
     "lodash-es": "^4.17.21",
diff --git a/packages/svelte-ux/src/lib/components/DateButton.svelte b/packages/svelte-ux/src/lib/components/DateButton.svelte
index 2975712ca..97019163b 100644
--- a/packages/svelte-ux/src/lib/components/DateButton.svelte
+++ b/packages/svelte-ux/src/lib/components/DateButton.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
   import { createEventDispatcher } from 'svelte';
-  import { isWithinInterval } from 'date-fns';
 
   import { cls } from '@layerstack/tailwind';
   import {
@@ -9,6 +8,7 @@
     type CustomIntlDateTimeFormatOptions,
     type SelectedDate,
     getDateFuncsByPeriodType,
+    isDateWithin,
   } from '@layerstack/utils';
 
   import Button from './Button.svelte';
@@ -50,7 +50,7 @@
         ? selected.some((d) => isSame(date, d))
         : selected instanceof Object
           ? selected.from
-            ? isWithinInterval(date, {
+            ? isDateWithin(date, {
                 start: start(selected.from),
                 end: end(selected.to ?? selected.from),
               })
diff --git a/packages/svelte-ux/src/lib/components/DateField.svelte b/packages/svelte-ux/src/lib/components/DateField.svelte
index 17ad5ef74..142f7cf57 100644
--- a/packages/svelte-ux/src/lib/components/DateField.svelte
+++ b/packages/svelte-ux/src/lib/components/DateField.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
   import { createEventDispatcher, type ComponentProps } from 'svelte';
-  import { parse as parseDate, format as formatDate } from 'date-fns';
-  import { type DisabledDate } from '@layerstack/utils';
+  import { formatDate, parseDate, type DisabledDate } from '@layerstack/utils';
   import { cls } from '@layerstack/tailwind';
 
   import { getComponentSettings, getSettings } from './settings.js';
@@ -54,7 +53,7 @@
   function onInputChange(e: any) {
     inputValue = e.detail.value;
     const lastValue = value;
-    const parsedValue = parseDate(inputValue ?? '', actualFormat, new Date());
+    const parsedValue = parseDate(inputValue ?? '', actualFormat);
     value = isNaN(parsedValue.valueOf()) ? null : parsedValue;
     if (value != lastValue) {
       dispatch('change', { value });
diff --git a/packages/svelte-ux/src/lib/components/DateRange.svelte b/packages/svelte-ux/src/lib/components/DateRange.svelte
index 63d7c6ee2..e0103f287 100644
--- a/packages/svelte-ux/src/lib/components/DateRange.svelte
+++ b/packages/svelte-ux/src/lib/components/DateRange.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { isAfter, isBefore, isSameDay } from 'date-fns';
   import { cls } from '@layerstack/tailwind';
   import { omit } from '@layerstack/utils/object';
   import { mdScreen } from '@layerstack/svelte-stores';
@@ -8,6 +7,9 @@
     DayOfWeek,
     getDateFuncsByPeriodType,
     type DisabledDate,
+    isDateAfter,
+    isDateBefore,
+    isSameInterval,
   } from '@layerstack/utils';
   import { getDateRangePresets, type DateRange } from '@layerstack/utils/dateRange';
   import { hasDayOfWeek, replaceDayOfWeek, missingDayOfWeek } from '@layerstack/utils/date';
@@ -72,7 +74,7 @@
   }
 
   function onDateChange(date: Date) {
-    // Apply date-fns function based on type and from/to.
+    // Apply date function based on type and from/to.
     let newSelected = { ...selected, periodType: selectedPeriodType };
 
     const { start, end } = getDateFuncsByPeriodType($localeSettings, selectedPeriodType);
@@ -81,12 +83,12 @@
 
     if (activeDate === 'from') {
       newSelected.from = start(date);
-      if (selected!.to != null && isAfter(date, selected!.to)) {
+      if (selected!.to != null && isDateAfter(date, selected!.to)) {
         newSelected.to = end(date);
       }
     } else {
       newSelected.to = end(date);
-      if (selected!.from != null && isBefore(date, selected!.from)) {
+      if (selected!.from != null && isDateBefore(date, selected!.from)) {
         newSelected.from = start(date);
         newActiveDate = 'to';
       }
@@ -134,9 +136,9 @@
         ].find(
           (x) =>
             x.value.from &&
-            isSameDay(x.value.from, selected!.from!) &&
+            isSameInterval('day', x.value.from, selected!.from!) &&
             x.value.to &&
-            isSameDay(x.value.to, selected!.to!)
+            isSameInterval('day', x.value.to, selected!.to!)
         );
 
         if (prevPeriodTypePreset && newPeriodType) {
diff --git a/packages/svelte-ux/src/lib/components/DateSelect.svelte b/packages/svelte-ux/src/lib/components/DateSelect.svelte
index 18e21b591..29047503d 100644
--- a/packages/svelte-ux/src/lib/components/DateSelect.svelte
+++ b/packages/svelte-ux/src/lib/components/DateSelect.svelte
@@ -3,8 +3,12 @@
     TODO:
       - [ ] Set max-height / overflow on MonthListByYear, YearList
   */
-  import { startOfMonth as startOfMonthFunc } from 'date-fns';
-  import { PeriodType, type DisabledDate, type SelectedDate } from '@layerstack/utils';
+  import {
+    PeriodType,
+    type DisabledDate,
+    type SelectedDate,
+    startOfInterval,
+  } from '@layerstack/utils';
 
   import Month from './Month.svelte';
   import MonthListByYear from './MonthListByYear.svelte';
@@ -20,7 +24,10 @@
   export let disabledDates: DisabledDate | undefined = undefined;
 
   // @ts-expect-error
-  $: startOfMonth = selected?.[activeDate] ? startOfMonthFunc(selected[activeDate]) : undefined;
+  $: startOfMonth = selected?.[activeDate]
+    ? // @ts-expect-error
+      startOfInterval('month', selected[activeDate])
+    : undefined;
 </script>
 
 {#if periodType === PeriodType.Month || periodType === PeriodType.Quarter}
diff --git a/packages/svelte-ux/src/lib/components/Month.svelte b/packages/svelte-ux/src/lib/components/Month.svelte
index 14f5edbec..14c62c39e 100644
--- a/packages/svelte-ux/src/lib/components/Month.svelte
+++ b/packages/svelte-ux/src/lib/components/Month.svelte
@@ -1,15 +1,13 @@
 <script lang="ts">
   import {
-    startOfDay as startOfDayFunc,
-    endOfDay as endOfDayFunc,
-    startOfMonth as startOfMonthFunc,
-    endOfMonth as endOfMonthFunc,
-    addMonths,
-    isSameDay,
-    isWithinInterval,
-  } from 'date-fns';
-  import { type SelectedDate, PeriodType, hasKeyOf } from '@layerstack/utils';
-  import { getMonthDaysByWeek } from '@layerstack/utils/date';
+    type SelectedDate,
+    PeriodType,
+    hasKeyOf,
+    startOfInterval,
+    endOfInterval,
+    intervalOffset,
+  } from '@layerstack/utils';
+  import { getMonthDaysByWeek, isDateWithin, isSameInterval } from '@layerstack/utils/date';
 
   import { mdiChevronLeft, mdiChevronRight } from '@mdi/js';
 
@@ -21,18 +19,18 @@
   export let selected: SelectedDate = undefined;
 
   export let startOfMonth =
-    (selected instanceof Date && startOfMonthFunc(selected)) ||
-    (selected instanceof Array && selected.length && startOfMonthFunc(selected[0])) ||
+    (selected instanceof Date && startOfInterval('month', selected)) ||
+    (selected instanceof Array && selected.length && startOfInterval('month', selected[0])) ||
     (selected &&
       hasKeyOf<{ from: Date }>(selected, 'from') &&
       selected.from &&
-      startOfMonthFunc(selected.from)) ||
-    startOfMonthFunc(new Date());
+      startOfInterval('month', selected.from)) ||
+    startOfInterval('month', new Date());
 
   const { format } = getSettings();
   $: dateFormat = $format.settings.formats.dates;
 
-  $: endOfMonth = endOfMonthFunc(startOfMonth);
+  $: endOfMonth = endOfInterval('month', startOfMonth);
   $: monthDaysByWeek = getMonthDaysByWeek(startOfMonth, dateFormat.weekStartsOn);
 
   /**
@@ -56,19 +54,19 @@
     return disabledDates instanceof Function
       ? disabledDates(date)
       : disabledDates instanceof Date
-        ? isSameDay(date, disabledDates)
+        ? isSameInterval('day', date, disabledDates)
         : disabledDates instanceof Array
-          ? disabledDates.some((d) => isSameDay(date, d))
+          ? disabledDates.some((d) => isSameInterval('day', date, d))
           : disabledDates instanceof Object
-            ? isWithinInterval(date, {
-                start: startOfDayFunc(disabledDates.from),
-                end: endOfDayFunc(disabledDates.to || disabledDates.from),
+            ? isDateWithin(date, {
+                start: startOfInterval('day', disabledDates.from),
+                end: endOfInterval('day', disabledDates.to || disabledDates.from),
               })
             : false;
   };
 
   $: isDayHidden = (day: Date) => {
-    const isCurrentMonth = isWithinInterval(day, {
+    const isCurrentMonth = isDateWithin(day, {
       start: startOfMonth,
       end: endOfMonth,
     });
@@ -76,7 +74,7 @@
   };
 
   $: isDayFaded = (day: Date) => {
-    const isCurrentMonth = isWithinInterval(day, {
+    const isCurrentMonth = isDateWithin(day, {
       start: startOfMonth,
       end: endOfMonth,
     });
@@ -102,7 +100,7 @@
       <Button
         icon={mdiChevronLeft}
         class="p-2"
-        on:click={() => (startOfMonth = addMonths(startOfMonth, -1))}
+        on:click={() => (startOfMonth = intervalOffset('month', startOfMonth, -1))}
       />
 
       <div class="flex flex-1 items-center justify-center">
@@ -114,7 +112,7 @@
       <Button
         icon={mdiChevronRight}
         class="p-2"
-        on:click={() => (startOfMonth = addMonths(startOfMonth, 1))}
+        on:click={() => (startOfMonth = intervalOffset('month', startOfMonth, 1))}
       />
     </div>
   {/if}
diff --git a/packages/svelte-ux/src/lib/components/MonthList.svelte b/packages/svelte-ux/src/lib/components/MonthList.svelte
index 9bd31ea12..3232d8ba7 100644
--- a/packages/svelte-ux/src/lib/components/MonthList.svelte
+++ b/packages/svelte-ux/src/lib/components/MonthList.svelte
@@ -1,7 +1,14 @@
 <script lang="ts">
   import type { ComponentProps } from 'svelte';
-  import { isSameMonth, isWithinInterval, startOfMonth, endOfMonth } from 'date-fns';
-  import { type DisabledDate, type SelectedDate, PeriodType } from '@layerstack/utils';
+  import {
+    type DisabledDate,
+    type SelectedDate,
+    PeriodType,
+    isSameInterval,
+    startOfInterval,
+    endOfInterval,
+    isDateWithin,
+  } from '@layerstack/utils';
   import { getMonths } from '@layerstack/utils/date';
 
   import DateButton from './DateButton.svelte';
@@ -18,13 +25,13 @@
     return disabledDates instanceof Function
       ? disabledDates(date)
       : disabledDates instanceof Date
-        ? isSameMonth(date, disabledDates)
+        ? isSameInterval('month', date, disabledDates)
         : disabledDates instanceof Array
-          ? disabledDates.some((d) => isSameMonth(date, d))
+          ? disabledDates.some((d) => isSameInterval('month', date, d))
           : disabledDates instanceof Object
-            ? isWithinInterval(date, {
-                start: startOfMonth(disabledDates.from),
-                end: endOfMonth(disabledDates.to || disabledDates.from),
+            ? isDateWithin(date, {
+                start: startOfInterval('month', disabledDates.from),
+                end: endOfInterval('month', disabledDates.to || disabledDates.from),
               })
             : false;
   };
diff --git a/packages/svelte-ux/src/lib/components/MonthListByYear.svelte b/packages/svelte-ux/src/lib/components/MonthListByYear.svelte
index 4f9385803..1329bba63 100644
--- a/packages/svelte-ux/src/lib/components/MonthListByYear.svelte
+++ b/packages/svelte-ux/src/lib/components/MonthListByYear.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
-  import { addYears, subYears } from 'date-fns';
   import { getMinSelectedDate, getMaxSelectedDate } from '@layerstack/utils/date';
-  import type { SelectedDate } from '@layerstack/utils';
+  import { intervalOffset, type SelectedDate } from '@layerstack/utils';
 
   import Button from './Button.svelte';
   import MonthList from './MonthList.svelte';
@@ -15,14 +14,14 @@
     minYear ??
     (minDate
       ? minDate.getFullYear()
-      : subYears(getMinSelectedDate(selected) || new Date(), 2).getFullYear());
+      : intervalOffset('year', getMinSelectedDate(selected) || new Date(), -2).getFullYear());
 
   let maxYear: number;
   $: maxYear =
     maxYear ??
     (maxDate
       ? maxDate.getFullYear()
-      : addYears(getMaxSelectedDate(selected) || new Date(), 2).getFullYear());
+      : intervalOffset('year', getMaxSelectedDate(selected) || new Date(), 2).getFullYear());
 
   $: years = Array.from({ length: maxYear - minYear + 1 }, (_, i) => minYear + i);
 
diff --git a/packages/svelte-ux/src/lib/components/YearList.svelte b/packages/svelte-ux/src/lib/components/YearList.svelte
index 38ffa392c..c7474ee7b 100644
--- a/packages/svelte-ux/src/lib/components/YearList.svelte
+++ b/packages/svelte-ux/src/lib/components/YearList.svelte
@@ -1,14 +1,15 @@
 <script lang="ts">
   import type { ComponentProps } from 'svelte';
   import {
-    addYears,
-    subYears,
-    isSameYear,
-    isWithinInterval,
-    startOfYear,
-    endOfYear,
-  } from 'date-fns';
-  import { type DisabledDate, type SelectedDate, PeriodType } from '@layerstack/utils';
+    type DisabledDate,
+    type SelectedDate,
+    PeriodType,
+    intervalOffset,
+    isSameInterval,
+    startOfInterval,
+    endOfInterval,
+    isDateWithin,
+  } from '@layerstack/utils';
   import { getMinSelectedDate, getMaxSelectedDate } from '@layerstack/utils/date';
 
   import Button from './Button.svelte';
@@ -29,14 +30,14 @@
     minYear ??
     (minDate
       ? minDate.getFullYear()
-      : subYears(getMinSelectedDate(selected) || new Date(), 2).getFullYear());
+      : intervalOffset('year', getMinSelectedDate(selected) || new Date(), -2).getFullYear());
 
   let maxYear: number;
   $: maxYear =
     maxYear ??
     (maxDate
       ? maxDate.getFullYear()
-      : addYears(getMaxSelectedDate(selected) || new Date(), 2).getFullYear());
+      : intervalOffset('year', getMaxSelectedDate(selected) || new Date(), 2).getFullYear());
 
   $: years = Array.from({ length: maxYear - minYear + 1 }, (_, i) => minYear + i) ?? [];
 
@@ -47,13 +48,13 @@
     return disabledDates instanceof Function
       ? disabledDates(date)
       : disabledDates instanceof Date
-        ? isSameYear(date, disabledDates)
+        ? isSameInterval('year', date, disabledDates)
         : disabledDates instanceof Array
-          ? disabledDates.some((d) => isSameYear(date, d))
+          ? disabledDates.some((d) => isSameInterval('year', date, d))
           : disabledDates instanceof Object
-            ? isWithinInterval(date, {
-                start: startOfYear(disabledDates.from),
-                end: endOfYear(disabledDates.to || disabledDates.from),
+            ? isDateWithin(date, {
+                start: startOfInterval('year', disabledDates.from),
+                end: endOfInterval('year', disabledDates.to || disabledDates.from),
               })
             : false;
   };
diff --git a/packages/svelte-ux/src/routes/docs/components/DateField/+page.svelte b/packages/svelte-ux/src/routes/docs/components/DateField/+page.svelte
index 5d8f2d936..69a0774e5 100644
--- a/packages/svelte-ux/src/routes/docs/components/DateField/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/DateField/+page.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-  import { addDays } from 'date-fns';
+  import { Button, DateField, getSettings } from 'svelte-ux';
   import { mdiCalendarStart, mdiCalendarEnd } from '@mdi/js';
+  import { intervalOffset } from '@layerstack/utils';
 
-  import { Button, DateField, getSettings } from 'svelte-ux';
   import Preview from '$lib/components/Preview.svelte';
 
   const { localeSettings } = getSettings();
@@ -32,13 +32,13 @@
   <Button on:click={() => (value = new Date())}>
     {$localeSettings.dictionary.Date.PeriodDay.Current}
   </Button>
-  <Button on:click={() => (value = addDays(new Date(), -1))}>
+  <Button on:click={() => (value = intervalOffset('day', new Date(), -1))}>
     {$localeSettings.dictionary.Date.PeriodDay.Last}
   </Button>
-  <Button on:click={() => (value = addDays(new Date(), -7))}>
+  <Button on:click={() => (value = intervalOffset('day', new Date(), -7))}>
     {$localeSettings.dictionary.Date.PeriodWeek.Last}
   </Button>
-  <Button on:click={() => (value = addDays(new Date(), 7))}>
+  <Button on:click={() => (value = intervalOffset('day', new Date(), 7))}>
     <!-- TODO: Add to dictionary -->
     Next week
   </Button>
diff --git a/packages/svelte-ux/src/routes/docs/components/DateRange/+page.svelte b/packages/svelte-ux/src/routes/docs/components/DateRange/+page.svelte
index 99cd8e01a..c960c1d06 100644
--- a/packages/svelte-ux/src/routes/docs/components/DateRange/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/DateRange/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
-  import { endOfMonth, startOfDay, startOfMonth, startOfYear } from 'date-fns';
-
+  import { startOfInterval, endOfInterval } from '@layerstack/utils';
   import { DateRange, getSettings } from 'svelte-ux';
   import { PeriodType, getDateFuncsByPeriodType } from '@layerstack/utils';
 
@@ -64,13 +63,13 @@
       const { start, end, add } = getDateFuncsByPeriodType($localeSettings, fnPeriodType);
 
       if (fnPeriodType === PeriodType.Day) {
-        const today = startOfDay(new Date());
+        const today = startOfInterval('day', new Date());
         const yesterday = start(add(today, -1));
         return [
           {
             label: 'Month to date',
             value: {
-              from: startOfMonth(today),
+              from: startOfInterval('month', today),
               to: end(today),
               periodType: fnPeriodType,
             },
@@ -78,7 +77,7 @@
           {
             label: 'Year to date',
             value: {
-              from: startOfYear(today),
+              from: startOfInterval('year', today),
               to: end(today),
               periodType: fnPeriodType,
             },
@@ -125,7 +124,7 @@
           },
         ];
       } else if (fnPeriodType === PeriodType.Month) {
-        const today = endOfMonth(new Date());
+        const today = endOfInterval('month', new Date());
         const lastMonth = start(add(today, -1));
 
         return [
diff --git a/packages/svelte-ux/src/routes/docs/components/DateRangeField/+page.svelte b/packages/svelte-ux/src/routes/docs/components/DateRangeField/+page.svelte
index 80f6e5afc..e91b8e8c1 100644
--- a/packages/svelte-ux/src/routes/docs/components/DateRangeField/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/DateRangeField/+page.svelte
@@ -1,15 +1,14 @@
 <script lang="ts">
-  import { subDays, subMonths, subYears } from 'date-fns';
-  import { mdiCalendarRange } from '@mdi/js';
-
   import { DateRangeField } from 'svelte-ux';
-  import { PeriodType } from '@layerstack/utils';
+  import { intervalOffset, PeriodType } from '@layerstack/utils';
+
+  import { mdiCalendarRange } from '@mdi/js';
 
   import Preview from '$lib/components/Preview.svelte';
 
   let today = new Date();
   let value = {
-    from: subDays(today, 3),
+    from: intervalOffset('day', today, -3),
     to: today,
     periodType: PeriodType.Day,
   };
@@ -65,23 +64,35 @@
       { label: 'Today', value: { from: today, to: today, periodType: PeriodType.Day } },
       {
         label: 'Yesterday',
-        value: { from: subDays(today, 1), to: subDays(today, 1), periodType: PeriodType.Day },
+        value: {
+          from: intervalOffset('day', today, -1),
+          to: intervalOffset('day', today, -1),
+          periodType: PeriodType.Day,
+        },
       },
       {
         label: 'Last 7 days',
-        value: { from: subDays(today, 7), to: today, periodType: PeriodType.Day },
+        value: { from: intervalOffset('day', today, -7), to: today, periodType: PeriodType.Day },
       },
       {
         label: 'Last 30 days',
-        value: { from: subDays(today, 30), to: today, periodType: PeriodType.Day },
+        value: { from: intervalOffset('day', today, -30), to: today, periodType: PeriodType.Day },
       },
       {
         label: 'Last 6 months',
-        value: { from: subMonths(today, 6), to: today, periodType: PeriodType.Month },
+        value: {
+          from: intervalOffset('month', today, -6),
+          to: today,
+          periodType: PeriodType.Month,
+        },
       },
       {
         label: 'Last year',
-        value: { from: subYears(today, 1), to: today, periodType: PeriodType.CalendarYear },
+        value: {
+          from: intervalOffset('year', today, -1),
+          to: today,
+          periodType: PeriodType.CalendarYear,
+        },
       },
     ]}
   />
diff --git a/packages/svelte-ux/src/routes/docs/components/Duration/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Duration/+page.svelte
index ce08e422e..702cb9bf5 100644
--- a/packages/svelte-ux/src/routes/docs/components/Duration/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Duration/+page.svelte
@@ -1,8 +1,6 @@
 <script lang="ts">
-  import { subDays, subSeconds } from 'date-fns';
-
   import { Duration } from 'svelte-ux';
-  import { DurationUnits } from '@layerstack/utils';
+  import { intervalOffset, DurationUnits } from '@layerstack/utils';
 
   import Preview from '$lib/components/Preview.svelte';
 </script>
@@ -18,14 +16,17 @@
     <Duration start={new Date()} totalUnits={2} />
     <Duration start={new Date()} totalUnits={2} minUnits={DurationUnits.Second} />
     <Duration start={new Date()} minUnits={DurationUnits.Minute} />
-    <Duration start={subSeconds(new Date(), 55)} totalUnits={1} />
+    <Duration start={intervalOffset('second', new Date(), -55)} totalUnits={1} />
   </div>
 </Preview>
 
 <h2>Fixed range</h2>
 
 <Preview>
-  <Duration start={subDays(new Date(), 3)} end={subDays(new Date(), 1)} />
+  <Duration
+    start={intervalOffset('day', new Date(), -3)}
+    end={intervalOffset('day', new Date(), -1)}
+  />
 </Preview>
 
 <h2>Age</h2>
diff --git a/packages/svelte-ux/src/routes/docs/components/Month/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Month/+page.svelte
index 0ca2b8593..3ee55a239 100644
--- a/packages/svelte-ux/src/routes/docs/components/Month/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Month/+page.svelte
@@ -1,18 +1,14 @@
 <script lang="ts">
-  import {
-    addDays,
-    subDays,
-    isAfter,
-    isSameDay,
-    startOfWeek,
-    endOfWeek,
-    addMonths,
-    startOfMonth,
-  } from 'date-fns';
-
   import { Month } from 'svelte-ux';
   import type { DateRange } from '@layerstack/utils/dateRange';
   import Preview from '$lib/components/Preview.svelte';
+  import {
+    intervalOffset,
+    isDateAfter,
+    isSameInterval,
+    startOfInterval,
+    endOfInterval,
+  } from '@layerstack/utils';
 
   let selected: Date | null = null;
   let selectedArr: Date[] = [];
@@ -44,7 +40,13 @@
 <h2>Disabled days w/ array</h2>
 
 <Preview>
-  <Month disabledDates={[subDays(new Date(), 2), new Date(), addDays(new Date(), 2)]} />
+  <Month
+    disabledDates={[
+      intervalOffset('day', new Date(), -2),
+      new Date(),
+      intervalOffset('day', new Date(), 2),
+    ]}
+  />
 </Preview>
 
 <h2>Disabled days w/ range</h2>
@@ -52,8 +54,8 @@
 <Preview>
   <Month
     disabledDates={{
-      from: subDays(new Date(), 2),
-      to: addDays(new Date(), 2),
+      from: intervalOffset('day', new Date(), -2),
+      to: intervalOffset('day', new Date(), 2),
     }}
   />
 </Preview>
@@ -61,7 +63,7 @@
 <h2>Disabled days w/ function</h2>
 
 <Preview>
-  <Month disabledDates={(date) => isAfter(date, new Date())} />
+  <Month disabledDates={(date) => isDateAfter(date, new Date())} />
 </Preview>
 
 <h2>Selected w/ single</h2>
@@ -73,13 +75,24 @@
 <h2>Selected w/ array</h2>
 
 <Preview>
-  <Month selected={[subDays(new Date(), 2), new Date(), addDays(new Date(), 2)]} />
+  <Month
+    selected={[
+      intervalOffset('day', new Date(), -2),
+      new Date(),
+      intervalOffset('day', new Date(), 2),
+    ]}
+  />
 </Preview>
 
 <h2>Selected w/ range</h2>
 
 <Preview>
-  <Month selected={{ from: subDays(new Date(), 2), to: addDays(new Date(), 2) }} />
+  <Month
+    selected={{
+      from: intervalOffset('day', new Date(), -2),
+      to: intervalOffset('day', new Date(), 2),
+    }}
+  />
 </Preview>
 
 <h2>Selected state w/ single</h2>
@@ -100,8 +113,8 @@
     selected={selectedArr}
     on:dateChange={(e) => {
       const date = e.detail;
-      if (selectedArr.some((d) => isSameDay(d, date))) {
-        selectedArr = selectedArr.filter((d) => !isSameDay(d, date));
+      if (selectedArr.some((d) => isSameInterval('day', d, date))) {
+        selectedArr = selectedArr.filter((d) => !isSameInterval('day', d, date));
       } else {
         selectedArr = [...selectedArr, date];
       }
@@ -119,16 +132,16 @@
       const newSelectedRange = { ...selectedRange };
       if (selectedRange.from === null) {
         newSelectedRange.from = date;
-      } else if (isSameDay(date, selectedRange.from)) {
+      } else if (isSameInterval('day', date, selectedRange.from)) {
         newSelectedRange.from = null;
       } else if (selectedRange.to === null) {
-        if (isAfter(date, selectedRange.from)) {
+        if (isDateAfter(date, selectedRange.from)) {
           newSelectedRange.to = date;
         } else {
           newSelectedRange.to = selectedRange.from;
           newSelectedRange.from = date;
         }
-      } else if (isSameDay(date, selectedRange.to)) {
+      } else if (isSameInterval('day', date, selectedRange.to)) {
         newSelectedRange.to = null;
       } else {
         newSelectedRange.from = date;
@@ -146,7 +159,7 @@
     selected={selectedWeek}
     on:dateChange={(e) => {
       const date = e.detail;
-      selectedWeek = { from: startOfWeek(date), to: endOfWeek(date) };
+      selectedWeek = { from: startOfInterval('week', date), to: endOfInterval('week', date) };
     }}
   />
 </Preview>
@@ -163,16 +176,16 @@
           const newSelectedRange = { ...selectedMultiMonth };
           if (selectedMultiMonth.from === null) {
             newSelectedRange.from = date;
-          } else if (isSameDay(date, selectedMultiMonth.from)) {
+          } else if (isSameInterval('day', date, selectedMultiMonth.from)) {
             newSelectedRange.from = null;
           } else if (selectedMultiMonth.to === null) {
-            if (isAfter(date, selectedMultiMonth.from)) {
+            if (isDateAfter(date, selectedMultiMonth.from)) {
               newSelectedRange.to = date;
             } else {
               newSelectedRange.to = selectedMultiMonth.from;
               newSelectedRange.from = date;
             }
-          } else if (isSameDay(date, selectedMultiMonth.to)) {
+          } else if (isSameInterval('day', date, selectedMultiMonth.to)) {
             newSelectedRange.to = null;
           } else {
             newSelectedRange.from = date;
@@ -185,22 +198,22 @@
     <div>
       <Month
         selected={selectedMultiMonth}
-        startOfMonth={startOfMonth(addMonths(new Date(), 1))}
+        startOfMonth={startOfInterval('month', intervalOffset('month', new Date(), 1))}
         on:dateChange={(e) => {
           const date = e.detail;
           const newSelectedRange = { ...selectedMultiMonth };
           if (selectedMultiMonth.from === null) {
             newSelectedRange.from = date;
-          } else if (isSameDay(date, selectedMultiMonth.from)) {
+          } else if (isSameInterval('day', date, selectedMultiMonth.from)) {
             newSelectedRange.from = null;
           } else if (selectedMultiMonth.to === null) {
-            if (isAfter(date, selectedMultiMonth.from)) {
+            if (isDateAfter(date, selectedMultiMonth.from)) {
               newSelectedRange.to = date;
             } else {
               newSelectedRange.to = selectedMultiMonth.from;
               newSelectedRange.from = date;
             }
-          } else if (isSameDay(date, selectedMultiMonth.to)) {
+          } else if (isSameInterval('day', date, selectedMultiMonth.to)) {
             newSelectedRange.to = null;
           } else {
             newSelectedRange.from = date;
diff --git a/packages/svelte-ux/src/routes/docs/components/MonthList/+page.svelte b/packages/svelte-ux/src/routes/docs/components/MonthList/+page.svelte
index 7a81c30be..0199412a9 100644
--- a/packages/svelte-ux/src/routes/docs/components/MonthList/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/MonthList/+page.svelte
@@ -1,12 +1,11 @@
 <script lang="ts">
   import {
-    addMonths,
-    subMonths,
-    isSameMonth,
-    isAfter,
-    startOfQuarter,
-    endOfQuarter,
-  } from 'date-fns';
+    endOfInterval,
+    intervalOffset,
+    isDateAfter,
+    isSameInterval,
+    startOfInterval,
+  } from '@layerstack/utils';
 
   import { MonthList } from 'svelte-ux';
   import { type SelectedDate } from '@layerstack/utils';
@@ -83,7 +82,13 @@
 <h2>Disabled months w/ array</h2>
 
 <Preview>
-  <MonthList disabledDates={[subMonths(new Date(), 2), new Date(), addMonths(new Date(), 2)]} />
+  <MonthList
+    disabledDates={[
+      intervalOffset('month', new Date(), -2),
+      new Date(),
+      intervalOffset('month', new Date(), 2),
+    ]}
+  />
 </Preview>
 
 <h2>Disabled months w/ range</h2>
@@ -91,8 +96,8 @@
 <Preview>
   <MonthList
     disabledDates={{
-      from: subMonths(new Date(), 2),
-      to: addMonths(new Date(), 2),
+      from: intervalOffset('month', new Date(), -2),
+      to: intervalOffset('month', new Date(), 2),
     }}
   />
 </Preview>
@@ -100,7 +105,7 @@
 <h2>Disabled months w/ function</h2>
 
 <Preview>
-  <MonthList disabledDates={(date) => isAfter(date, new Date())} />
+  <MonthList disabledDates={(date) => isDateAfter(date, new Date())} />
 </Preview>
 
 <h2>Selected w/ single</h2>
@@ -112,7 +117,13 @@
 <h2>Selected w/ array</h2>
 
 <Preview>
-  <MonthList selected={[subMonths(new Date(), 2), new Date(), addMonths(new Date(), 2)]} />
+  <MonthList
+    selected={[
+      intervalOffset('month', new Date(), -2),
+      new Date(),
+      intervalOffset('month', new Date(), 2),
+    ]}
+  />
 </Preview>
 
 <h2>Selected w/ range</h2>
@@ -120,8 +131,8 @@
 <Preview>
   <MonthList
     selected={{
-      from: subMonths(new Date(), 2),
-      to: addMonths(new Date(), 2),
+      from: intervalOffset('month', new Date(), -2),
+      to: intervalOffset('month', new Date(), 2),
     }}
   />
 </Preview>
@@ -144,8 +155,8 @@
     selected={selectedArr}
     on:dateChange={(e) => {
       const date = e.detail;
-      if (selectedArr.some((d) => isSameMonth(d, date))) {
-        selectedArr = selectedArr.filter((d) => !isSameMonth(d, date));
+      if (selectedArr.some((d) => isSameInterval('month', d, date))) {
+        selectedArr = selectedArr.filter((d) => !isSameInterval('month', d, date));
       } else {
         selectedArr = [...selectedArr, date];
       }
@@ -163,16 +174,16 @@
       const newSelectedRange = { ...selectedRange };
       if (selectedRange.from === null) {
         newSelectedRange.from = date;
-      } else if (isSameMonth(date, selectedRange.from)) {
+      } else if (isSameInterval('month', date, selectedRange.from)) {
         newSelectedRange.from = null;
       } else if (selectedRange.to === null) {
-        if (isAfter(date, selectedRange.from)) {
+        if (isDateAfter(date, selectedRange.from)) {
           newSelectedRange.to = date;
         } else {
           newSelectedRange.to = selectedRange.from;
           newSelectedRange.from = date;
         }
-      } else if (isSameMonth(date, selectedRange.to)) {
+      } else if (isSameInterval('month', date, selectedRange.to)) {
         newSelectedRange.to = null;
       } else {
         newSelectedRange.from = date;
@@ -192,8 +203,8 @@
       on:dateChange={(e) => {
         const date = e.detail;
         selectedQuarter = {
-          from: startOfQuarter(date),
-          to: endOfQuarter(date),
+          from: startOfInterval('quarter', date),
+          to: endOfInterval('quarter', date),
         };
       }}
     />
diff --git a/packages/svelte-ux/src/routes/docs/components/MonthListByYear/+page.svelte b/packages/svelte-ux/src/routes/docs/components/MonthListByYear/+page.svelte
index 0b9dd4cdc..4f3d600d9 100644
--- a/packages/svelte-ux/src/routes/docs/components/MonthListByYear/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/MonthListByYear/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { addYears, startOfYear, subYears } from 'date-fns';
+  import { intervalOffset, startOfInterval } from '@layerstack/utils';
 
   import { MonthListByYear } from 'svelte-ux';
   import Preview from '$lib/components/Preview.svelte';
@@ -31,8 +31,8 @@
 <Preview>
   <div class="overflow-auto h-64">
     <MonthListByYear
-      minDate={subYears(selected, 10)}
-      maxDate={addYears(selected, 10)}
+      minDate={intervalOffset('year', selected, -10)}
+      maxDate={intervalOffset('year', selected, 10)}
       {selected}
       on:dateChange={(e) => {
         selected = e.detail;
@@ -44,5 +44,8 @@
 <h2>Min / Max date</h2>
 
 <Preview>
-  <MonthListByYear minDate={startOfYear(subYears(new Date(), 3))} maxDate={new Date()} />
+  <MonthListByYear
+    minDate={startOfInterval('year', intervalOffset('year', new Date(), -3))}
+    maxDate={new Date()}
+  />
 </Preview>
diff --git a/packages/svelte-ux/src/routes/docs/components/ScrollingValue/+page.svelte b/packages/svelte-ux/src/routes/docs/components/ScrollingValue/+page.svelte
index b9a5a785e..b26b99262 100644
--- a/packages/svelte-ux/src/routes/docs/components/ScrollingValue/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/ScrollingValue/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { mdiChevronLeft, mdiChevronRight, mdiMinus, mdiPlus } from '@mdi/js';
-  import { addMonths, startOfMonth } from 'date-fns';
+  import { intervalOffset, startOfInterval } from '@layerstack/utils';
 
   import {
     Button,
@@ -58,7 +58,7 @@
     onTick: (value) => (value ?? 0) + 1,
   });
 
-  const firstOfMonth = startOfMonth(new Date());
+  const firstOfMonth = startOfInterval('month', new Date());
 </script>
 
 <svelte:window on:keydown={onKeyDown} />
@@ -218,7 +218,7 @@
 <h2>Slot</h2>
 
 <Preview>
-  {@const startOfMonth = addMonths(firstOfMonth, value)}
+  {@const startOfMonth = intervalOffset('month', firstOfMonth, value)}
   <div class="grid w-96">
     <div class="grid grid-cols-[auto_1fr_auto] items-center justify-items-center">
       <Button icon={mdiChevronLeft} class="p-2" on:click={() => (value -= 1)} />
@@ -226,7 +226,7 @@
       <Button icon={mdiChevronRight} class="p-2" on:click={() => (value += 1)} />
     </div>
     <ScrollingValue {value} {axis} let:value>
-      {@const startOfMonth = addMonths(firstOfMonth, value)}
+      {@const startOfMonth = intervalOffset('month', firstOfMonth, value)}
       <Month {startOfMonth} hideControls />
     </ScrollingValue>
   </div>
diff --git a/packages/svelte-ux/src/routes/docs/components/YearList/+page.svelte b/packages/svelte-ux/src/routes/docs/components/YearList/+page.svelte
index cf08c7a23..4bdd316bc 100644
--- a/packages/svelte-ux/src/routes/docs/components/YearList/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/YearList/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { addYears, startOfYear, subYears } from 'date-fns';
+  import { intervalOffset, startOfInterval } from '@layerstack/utils';
 
   import { YearList } from 'svelte-ux';
   import Preview from '$lib/components/Preview.svelte';
@@ -31,8 +31,8 @@
 <Preview>
   <div class="overflow-auto h-64">
     <YearList
-      minDate={subYears(selected, 10)}
-      maxDate={addYears(selected, 10)}
+      minDate={intervalOffset('year', selected, -10)}
+      maxDate={intervalOffset('year', selected, 10)}
       {selected}
       on:dateChange={(e) => {
         selected = e.detail;
@@ -44,5 +44,8 @@
 <h2>Min / Max date</h2>
 
 <Preview>
-  <YearList minDate={startOfYear(subYears(new Date(), 3))} maxDate={new Date()} />
+  <YearList
+    minDate={startOfInterval('year', intervalOffset('year', new Date(), -3))}
+    maxDate={new Date()}
+  />
 </Preview>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 052753dc0..0ec770a7b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -33,20 +33,20 @@ importers:
         specifier: ^6.7.2
         version: 6.7.2
       '@layerstack/svelte-actions':
-        specifier: 1.0.1-next.6
-        version: 1.0.1-next.6
+        specifier: 1.0.1-next.11
+        version: 1.0.1-next.11
       '@layerstack/svelte-stores':
-        specifier: 1.0.2-next.6
-        version: 1.0.2-next.6
+        specifier: 1.0.2-next.11
+        version: 1.0.2-next.11
       '@layerstack/svelte-table':
-        specifier: 1.0.1-next.6
-        version: 1.0.1-next.6
+        specifier: 1.0.1-next.11
+        version: 1.0.1-next.11
       '@layerstack/tailwind':
-        specifier: 2.0.0-next.8
-        version: 2.0.0-next.8
+        specifier: 2.0.0-next.13
+        version: 2.0.0-next.13
       '@layerstack/utils':
-        specifier: 2.0.0-next.6
-        version: 2.0.0-next.6
+        specifier: 2.0.0-next.11
+        version: 2.0.0-next.11
       '@mdi/js':
         specifier: ^7.4.47
         version: 7.4.47
@@ -59,9 +59,6 @@ importers:
       d3-scale:
         specifier: ^4.0.2
         version: 4.0.2
-      date-fns:
-        specifier: ^4.1.0
-        version: 4.1.0
       esm-env:
         specifier: ^1.2.2
         version: 1.2.2
@@ -626,20 +623,20 @@ packages:
   '@jridgewell/trace-mapping@0.3.9':
     resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
 
-  '@layerstack/svelte-actions@1.0.1-next.6':
-    resolution: {integrity: sha512-Bf+7+IT4O4qdvUsZllwAZqyTDpFyTlK2cYn5LeFIoHJCXS/KG6s+dvsvqEjkGHlW0XuhWMFCit3LtFz2gnLhKg==}
+  '@layerstack/svelte-actions@1.0.1-next.11':
+    resolution: {integrity: sha512-ciwDvfWXQ9TdfmwFLaEqzGL0eUdQJV4Zm+n4g6OOgB/s+2WQ2fHUUspyhpGFvSV8KD08NuUXOygjI0bi7HJWgQ==}
 
-  '@layerstack/svelte-stores@1.0.2-next.6':
-    resolution: {integrity: sha512-Pmi0ZHWoSjvQofOKJk8oMCRVnliVXDfsGw7FdkBZrmdtf50+8Lb/FRI1sp0DGzTI2kStgSb35QARVUEmc9XloA==}
+  '@layerstack/svelte-stores@1.0.2-next.11':
+    resolution: {integrity: sha512-Oki9J/Or3xSv1ekBRvK4DcXti/s0E2a7zV1m4eFLnVDmgTCadATE6QxTIS3/SIrgldWpv1874ZXxTNOKpW88vg==}
 
-  '@layerstack/svelte-table@1.0.1-next.6':
-    resolution: {integrity: sha512-W7bpCJ0ZcC6O5aaMRjz/vsHUSw8CE5Mf5b/6Do5jWrxZEvXrnnPZaFDoDDwF0p3oqU1k/1WtG/RJjG6II+4nMQ==}
+  '@layerstack/svelte-table@1.0.1-next.11':
+    resolution: {integrity: sha512-rmWgLEFBm3w4UTwtmZ91IG+xsC4VnSCNHu9dqEjhwJtm18DjC3W0x9td5ncevXokdL7Qk4Zk0avxaYjfE3Roiw==}
 
-  '@layerstack/tailwind@2.0.0-next.8':
-    resolution: {integrity: sha512-9V1AofipCgRV0nMdbnu8uV+wB0UCNa4/0Ld2YOyTKUlbY0srmKNshUphL/NVCdg0iZIT56bPxHT4+5fj6sGbMA==}
+  '@layerstack/tailwind@2.0.0-next.13':
+    resolution: {integrity: sha512-gCIdr5tsbEcrmncOeMJb0egPG7rl1v2bPLrCduHytAzyj7/jo+YHvIgSSF5FZESK53Dj0W0xGBmXU7tvbjPmEg==}
 
-  '@layerstack/utils@2.0.0-next.6':
-    resolution: {integrity: sha512-49Anr+Ihx1DJ20Q3lIpo0CNjBmRSWxAF+ZQychJ9I1UlhSGBlVv5YcEq1pbsCCrJbSNXmE0tApcdBl5SVcwU5A==}
+  '@layerstack/utils@2.0.0-next.11':
+    resolution: {integrity: sha512-Bkww/IfUghga0ah82P/MOSHRVE7Np4VeAl2lUXNqkCwp1M3H690CFb4twKEEsBNUTIYoTCThrM7LuepTx5Hj8g==}
 
   '@manypkg/find-root@1.1.0':
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
@@ -1207,9 +1204,6 @@ packages:
   dataloader@1.4.0:
     resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==}
 
-  date-fns@4.1.0:
-    resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==}
-
   debug@4.4.0:
     resolution: {integrity: sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==}
     engines: {node: '>=6.0'}
@@ -2790,47 +2784,44 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.0
 
-  '@layerstack/svelte-actions@1.0.1-next.6':
+  '@layerstack/svelte-actions@1.0.1-next.11':
     dependencies:
       '@floating-ui/dom': 1.7.0
-      '@layerstack/utils': 2.0.0-next.6
+      '@layerstack/utils': 2.0.0-next.11
       d3-array: 3.2.4
       d3-scale: 4.0.2
-      date-fns: 4.1.0
       lodash-es: 4.17.21
 
-  '@layerstack/svelte-stores@1.0.2-next.6':
+  '@layerstack/svelte-stores@1.0.2-next.11':
     dependencies:
-      '@layerstack/utils': 2.0.0-next.6
+      '@layerstack/utils': 2.0.0-next.11
       d3-array: 3.2.4
-      date-fns: 4.1.0
       immer: 10.1.1
       lodash-es: 4.17.21
       zod: 3.25.41
 
-  '@layerstack/svelte-table@1.0.1-next.6':
+  '@layerstack/svelte-table@1.0.1-next.11':
     dependencies:
-      '@layerstack/svelte-actions': 1.0.1-next.6
-      '@layerstack/utils': 2.0.0-next.6
+      '@layerstack/svelte-actions': 1.0.1-next.11
+      '@layerstack/utils': 2.0.0-next.11
       d3-array: 3.2.4
-      date-fns: 4.1.0
       lodash-es: 4.17.21
 
-  '@layerstack/tailwind@2.0.0-next.8':
+  '@layerstack/tailwind@2.0.0-next.13':
     dependencies:
-      '@layerstack/utils': 2.0.0-next.6
+      '@layerstack/utils': 2.0.0-next.11
       clsx: 2.1.1
       culori: 4.0.1
       d3-array: 3.2.4
-      date-fns: 4.1.0
       lodash-es: 4.17.21
       tailwind-merge: 3.3.0
       tailwindcss: 4.1.8
 
-  '@layerstack/utils@2.0.0-next.6':
+  '@layerstack/utils@2.0.0-next.11':
     dependencies:
       d3-array: 3.2.4
-      date-fns: 4.1.0
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
       lodash-es: 4.17.21
 
   '@manypkg/find-root@1.1.0':
@@ -3359,8 +3350,6 @@ snapshots:
 
   dataloader@1.4.0: {}
 
-  date-fns@4.1.0: {}
-
   debug@4.4.0:
     dependencies:
       ms: 2.1.3

From 48cf8db89db3117a7dc89d871a6048b563513631 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Tue, 10 Jun 2025 16:46:04 -0400
Subject: [PATCH 34/53] Version Packages (next) (#600)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json             | 2 ++
 packages/svelte-ux/CHANGELOG.md | 8 ++++++++
 packages/svelte-ux/package.json | 2 +-
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 56ce06947..37e31fc1e 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -7,9 +7,11 @@
   "changesets": [
     "clear-regions-listen",
     "cuddly-coins-tease",
+    "cuddly-snakes-tie",
     "dirty-pets-switch",
     "fair-bugs-carry",
     "four-bears-join",
+    "funny-days-crash",
     "green-maps-bathe",
     "loose-baths-make",
     "major-turkeys-ask",
diff --git a/packages/svelte-ux/CHANGELOG.md b/packages/svelte-ux/CHANGELOG.md
index d088428c0..f52b918df 100644
--- a/packages/svelte-ux/CHANGELOG.md
+++ b/packages/svelte-ux/CHANGELOG.md
@@ -1,5 +1,13 @@
 # svelte-ux
 
+## 2.0.0-next.8
+
+### Patch Changes
+
+- fix(NavItem): Apply active classes after base classes ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
+- refactor: Replace `date-fns` usage with new `@layerstack/utils` date utils (based on d3-time) to reduce bundle size ([#602](https://github.com/techniq/svelte-ux/pull/602))
+
 ## 2.0.0-next.7
 
 ### Patch Changes
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index 600ad2c4d..3a395e392 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/svelte-ux",
-  "version": "2.0.0-next.7",
+  "version": "2.0.0-next.8",
   "scripts": {
     "dev": "vite dev --port 3001",
     "build": "vite build",

From 3284a977324f27f501fda156356f64e299a764f6 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Fri, 13 Jun 2025 12:26:34 -0400
Subject: [PATCH 35/53] fix: Move `culori` and
 `@fortawesome/fontawesome-common-types` to `devDependenies`

---
 .changeset/breezy-bushes-admire.md | 5 +++++
 packages/svelte-ux/package.json    | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/breezy-bushes-admire.md

diff --git a/.changeset/breezy-bushes-admire.md b/.changeset/breezy-bushes-admire.md
new file mode 100644
index 000000000..b4005cf45
--- /dev/null
+++ b/.changeset/breezy-bushes-admire.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+fix: Move `culori` and `@fortawesome/fontawesome-common-types` to `devDependenies`
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index 3a395e392..154c2d131 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -20,6 +20,7 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.4",
+    "@fortawesome/fontawesome-common-types": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@sveltejs/adapter-cloudflare": "^7.0.3",
     "@sveltejs/kit": "^2.21.1",
@@ -33,6 +34,7 @@
     "@types/lodash-es": "^4.17.12",
     "@types/prismjs": "^1.26.5",
     "@vitest/coverage-v8": "^3.1.4",
+    "culori": "^4.0.1",
     "marked": "^15.0.7",
     "mdsvex": "^0.12.3",
     "posthog-js": "^1.248.1",
@@ -52,14 +54,12 @@
   "type": "module",
   "dependencies": {
     "@floating-ui/dom": "^1.7.0",
-    "@fortawesome/fontawesome-common-types": "^6.7.2",
     "@layerstack/svelte-actions": "1.0.1-next.11",
     "@layerstack/svelte-stores": "1.0.2-next.11",
     "@layerstack/svelte-table": "1.0.1-next.11",
     "@layerstack/tailwind": "2.0.0-next.13",
     "@layerstack/utils": "2.0.0-next.11",
     "@mdi/js": "^7.4.47",
-    "culori": "^4.0.1",
     "d3-array": "^3.2.4",
     "d3-scale": "^4.0.2",
     "esm-env": "^1.2.2",

From bbd3496ea6ae2559cb908a5654db9a581e756f1d Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Fri, 13 Jun 2025 12:27:44 -0400
Subject: [PATCH 36/53] Update pnpm-lock.yaml

---
 pnpm-lock.yaml | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0ec770a7b..20dab3281 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -29,9 +29,6 @@ importers:
       '@floating-ui/dom':
         specifier: ^1.7.0
         version: 1.7.0
-      '@fortawesome/fontawesome-common-types':
-        specifier: ^6.7.2
-        version: 6.7.2
       '@layerstack/svelte-actions':
         specifier: 1.0.1-next.11
         version: 1.0.1-next.11
@@ -50,9 +47,6 @@ importers:
       '@mdi/js':
         specifier: ^7.4.47
         version: 7.4.47
-      culori:
-        specifier: ^4.0.1
-        version: 4.0.1
       d3-array:
         specifier: ^3.2.4
         version: 3.2.4
@@ -87,6 +81,9 @@ importers:
       '@changesets/cli':
         specifier: ^2.29.4
         version: 2.29.4
+      '@fortawesome/fontawesome-common-types':
+        specifier: ^6.7.2
+        version: 6.7.2
       '@fortawesome/free-solid-svg-icons':
         specifier: ^6.7.2
         version: 6.7.2
@@ -126,6 +123,9 @@ importers:
       '@vitest/coverage-v8':
         specifier: ^3.1.4
         version: 3.1.4(vitest@3.1.4(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+      culori:
+        specifier: ^4.0.1
+        version: 4.0.1
       marked:
         specifier: ^15.0.7
         version: 15.0.7

From d94dd602598d3e952763e10d55e8ebf8b557b1c3 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 13 Jun 2025 12:30:01 -0400
Subject: [PATCH 37/53] Version Packages (next) (#603)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json             | 1 +
 packages/svelte-ux/CHANGELOG.md | 6 ++++++
 packages/svelte-ux/package.json | 2 +-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 37e31fc1e..108a55d3d 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -5,6 +5,7 @@
     "svelte-ux": "1.0.0"
   },
   "changesets": [
+    "breezy-bushes-admire",
     "clear-regions-listen",
     "cuddly-coins-tease",
     "cuddly-snakes-tie",
diff --git a/packages/svelte-ux/CHANGELOG.md b/packages/svelte-ux/CHANGELOG.md
index f52b918df..8b99d9ce4 100644
--- a/packages/svelte-ux/CHANGELOG.md
+++ b/packages/svelte-ux/CHANGELOG.md
@@ -1,5 +1,11 @@
 # svelte-ux
 
+## 2.0.0-next.9
+
+### Patch Changes
+
+- fix: Move `culori` and `@fortawesome/fontawesome-common-types` to `devDependenies` ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
 ## 2.0.0-next.8
 
 ### Patch Changes
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index 154c2d131..156109c5d 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/svelte-ux",
-  "version": "2.0.0-next.8",
+  "version": "2.0.0-next.9",
   "scripts": {
     "dev": "vite dev --port 3001",
     "build": "vite build",

From da9412fba581cc7ed5114dfbd9bc4a000d6a8921 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Fri, 13 Jun 2025 12:38:59 -0400
Subject: [PATCH 38/53] chore: Update deps

---
 .changeset/nice-lamps-sing.md   |   5 +
 package.json                    |   2 +-
 packages/svelte-ux/package.json |  32 +-
 pnpm-lock.yaml                  | 729 +++++++++++++++++---------------
 4 files changed, 414 insertions(+), 354 deletions(-)
 create mode 100644 .changeset/nice-lamps-sing.md

diff --git a/.changeset/nice-lamps-sing.md b/.changeset/nice-lamps-sing.md
new file mode 100644
index 000000000..f19969c47
--- /dev/null
+++ b/.changeset/nice-lamps-sing.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+chore: Update deps
diff --git a/package.json b/package.json
index 15946bc59..68e97a9e1 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "@svitejs/changesets-changelog-github-compact": "^1.2.0",
     "prettier-plugin-svelte": "^3.4.0",
     "rimraf": "6.0.1",
-    "wrangler": "^4.18.0"
+    "wrangler": "^4.20.0"
   },
   "packageManager": "pnpm@10.5.1"
 }
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index 156109c5d..e9a4bf06d 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -22,43 +22,43 @@
     "@changesets/cli": "^2.29.4",
     "@fortawesome/fontawesome-common-types": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
-    "@sveltejs/adapter-cloudflare": "^7.0.3",
-    "@sveltejs/kit": "^2.21.1",
+    "@sveltejs/adapter-cloudflare": "^7.0.4",
+    "@sveltejs/kit": "^2.21.5",
     "@sveltejs/package": "^2.3.11",
-    "@sveltejs/vite-plugin-svelte": "5.0.3",
+    "@sveltejs/vite-plugin-svelte": "5.1.0",
     "@tailwindcss/typography": "^0.5.16",
-    "@tailwindcss/vite": "^4.1.8",
+    "@tailwindcss/vite": "^4.1.10",
     "@types/culori": "^4.0.0",
     "@types/d3-array": "^3.2.1",
     "@types/d3-scale": "^4.0.9",
     "@types/lodash-es": "^4.17.12",
     "@types/prismjs": "^1.26.5",
-    "@vitest/coverage-v8": "^3.1.4",
+    "@vitest/coverage-v8": "^3.2.3",
     "culori": "^4.0.1",
     "marked": "^15.0.7",
     "mdsvex": "^0.12.3",
-    "posthog-js": "^1.248.1",
+    "posthog-js": "^1.252.0",
     "prettier": "^3.5.3",
     "prettier-plugin-svelte": "^3.4.0",
     "rehype-slug": "^6.0.0",
-    "svelte": "5.33.10",
+    "svelte": "5.34.1",
     "svelte-check": "^4.2.1",
     "svelte2tsx": "^0.7.39",
-    "tailwindcss": "^4.1.8",
+    "tailwindcss": "^4.1.10",
     "tslib": "^2.8.1",
     "typescript": "^5.8.2",
     "unist-util-visit": "^5.0.0",
     "vite": "^6.2.1",
-    "vitest": "^3.1.4"
+    "vitest": "^3.2.3"
   },
   "type": "module",
   "dependencies": {
-    "@floating-ui/dom": "^1.7.0",
-    "@layerstack/svelte-actions": "1.0.1-next.11",
-    "@layerstack/svelte-stores": "1.0.2-next.11",
-    "@layerstack/svelte-table": "1.0.1-next.11",
-    "@layerstack/tailwind": "2.0.0-next.13",
-    "@layerstack/utils": "2.0.0-next.11",
+    "@floating-ui/dom": "^1.7.1",
+    "@layerstack/svelte-actions": "1.0.1-next.12",
+    "@layerstack/svelte-stores": "1.0.2-next.12",
+    "@layerstack/svelte-table": "1.0.1-next.12",
+    "@layerstack/tailwind": "2.0.0-next.14",
+    "@layerstack/utils": "2.0.0-next.12",
     "@mdi/js": "^7.4.47",
     "d3-array": "^3.2.4",
     "d3-scale": "^4.0.2",
@@ -69,7 +69,7 @@
     "prism-themes": "^1.9.0",
     "prismjs": "^1.30.0",
     "sveld": "^0.22.1",
-    "zod": "^3.25.41"
+    "zod": "^3.25.64"
   },
   "peerDependencies": {
     "svelte": "^3.56.0 || ^4.0.0 || ^5.0.0"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 20dab3281..5387470c0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,34 +16,34 @@ importers:
         version: 1.2.0
       prettier-plugin-svelte:
         specifier: ^3.4.0
-        version: 3.4.0(prettier@3.5.3)(svelte@5.33.10)
+        version: 3.4.0(prettier@3.5.3)(svelte@5.34.1)
       rimraf:
         specifier: 6.0.1
         version: 6.0.1
       wrangler:
-        specifier: ^4.18.0
-        version: 4.18.0
+        specifier: ^4.20.0
+        version: 4.20.0(@cloudflare/workers-types@4.20250613.0)
 
   packages/svelte-ux:
     dependencies:
       '@floating-ui/dom':
-        specifier: ^1.7.0
-        version: 1.7.0
+        specifier: ^1.7.1
+        version: 1.7.1
       '@layerstack/svelte-actions':
-        specifier: 1.0.1-next.11
-        version: 1.0.1-next.11
+        specifier: 1.0.1-next.12
+        version: 1.0.1-next.12
       '@layerstack/svelte-stores':
-        specifier: 1.0.2-next.11
-        version: 1.0.2-next.11
+        specifier: 1.0.2-next.12
+        version: 1.0.2-next.12
       '@layerstack/svelte-table':
-        specifier: 1.0.1-next.11
-        version: 1.0.1-next.11
+        specifier: 1.0.1-next.12
+        version: 1.0.1-next.12
       '@layerstack/tailwind':
-        specifier: 2.0.0-next.13
-        version: 2.0.0-next.13
+        specifier: 2.0.0-next.14
+        version: 2.0.0-next.14
       '@layerstack/utils':
-        specifier: 2.0.0-next.11
-        version: 2.0.0-next.11
+        specifier: 2.0.0-next.12
+        version: 2.0.0-next.12
       '@mdi/js':
         specifier: ^7.4.47
         version: 7.4.47
@@ -75,8 +75,8 @@ importers:
         specifier: ^0.22.1
         version: 0.22.1(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0))(postcss@8.5.3)
       zod:
-        specifier: ^3.25.41
-        version: 3.25.41
+        specifier: ^3.25.64
+        version: 3.25.64
     devDependencies:
       '@changesets/cli':
         specifier: ^2.29.4
@@ -88,23 +88,23 @@ importers:
         specifier: ^6.7.2
         version: 6.7.2
       '@sveltejs/adapter-cloudflare':
-        specifier: ^7.0.3
-        version: 7.0.3(@sveltejs/kit@2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(wrangler@4.18.0)
+        specifier: ^7.0.4
+        version: 7.0.4(@sveltejs/kit@2.21.5(@sveltejs/vite-plugin-svelte@5.1.0(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(wrangler@4.20.0(@cloudflare/workers-types@4.20250613.0))
       '@sveltejs/kit':
-        specifier: ^2.21.1
-        version: 2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+        specifier: ^2.21.5
+        version: 2.21.5(@sveltejs/vite-plugin-svelte@5.1.0(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       '@sveltejs/package':
         specifier: ^2.3.11
-        version: 2.3.11(svelte@5.33.10)(typescript@5.8.3)
+        version: 2.3.11(svelte@5.34.1)(typescript@5.8.3)
       '@sveltejs/vite-plugin-svelte':
-        specifier: 5.0.3
-        version: 5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+        specifier: 5.1.0
+        version: 5.1.0(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       '@tailwindcss/typography':
         specifier: ^0.5.16
-        version: 0.5.16(tailwindcss@4.1.8)
+        version: 0.5.16(tailwindcss@4.1.10)
       '@tailwindcss/vite':
-        specifier: ^4.1.8
-        version: 4.1.8(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+        specifier: ^4.1.10
+        version: 4.1.10(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       '@types/culori':
         specifier: ^4.0.0
         version: 4.0.0
@@ -121,8 +121,8 @@ importers:
         specifier: ^1.26.5
         version: 1.26.5
       '@vitest/coverage-v8':
-        specifier: ^3.1.4
-        version: 3.1.4(vitest@3.1.4(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+        specifier: ^3.2.3
+        version: 3.2.3(vitest@3.2.3(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       culori:
         specifier: ^4.0.1
         version: 4.0.1
@@ -131,31 +131,31 @@ importers:
         version: 15.0.7
       mdsvex:
         specifier: ^0.12.3
-        version: 0.12.3(svelte@5.33.10)
+        version: 0.12.3(svelte@5.34.1)
       posthog-js:
-        specifier: ^1.248.1
-        version: 1.248.1
+        specifier: ^1.252.0
+        version: 1.252.0
       prettier:
         specifier: ^3.5.3
         version: 3.5.3
       prettier-plugin-svelte:
         specifier: ^3.4.0
-        version: 3.4.0(prettier@3.5.3)(svelte@5.33.10)
+        version: 3.4.0(prettier@3.5.3)(svelte@5.34.1)
       rehype-slug:
         specifier: ^6.0.0
         version: 6.0.0
       svelte:
-        specifier: 5.33.10
-        version: 5.33.10
+        specifier: 5.34.1
+        version: 5.34.1
       svelte-check:
         specifier: ^4.2.1
-        version: 4.2.1(picomatch@4.0.2)(svelte@5.33.10)(typescript@5.8.3)
+        version: 4.2.1(picomatch@4.0.2)(svelte@5.34.1)(typescript@5.8.3)
       svelte2tsx:
         specifier: ^0.7.39
-        version: 0.7.39(svelte@5.33.10)(typescript@5.8.3)
+        version: 0.7.39(svelte@5.34.1)(typescript@5.8.3)
       tailwindcss:
-        specifier: ^4.1.8
-        version: 4.1.8
+        specifier: ^4.1.10
+        version: 4.1.10
       tslib:
         specifier: ^2.8.1
         version: 2.8.1
@@ -169,8 +169,8 @@ importers:
         specifier: ^6.2.1
         version: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
       vitest:
-        specifier: ^3.1.4
-        version: 3.1.4(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
+        specifier: ^3.2.3
+        version: 3.2.3(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
 
 packages:
 
@@ -186,8 +186,8 @@ packages:
     resolution: {integrity: sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.27.2':
-    resolution: {integrity: sha512-QYLs8299NA7WM/bZAdp+CviYYkVoYXlDW2rzliy3chxd1PQjej7JORuMJDJXJUb9g0TT+B99EwaVLKmX+sPXWw==}
+  '@babel/parser@7.27.5':
+    resolution: {integrity: sha512-OsQd175SxWkGlzbny8J3K8TnnDD0N3lrIUtB92xwyRpzaenGZhxDvxN/JgU00U3CDZNj9tPuDJ5H0WS4Nt3vKg==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
@@ -195,8 +195,8 @@ packages:
     resolution: {integrity: sha512-1x3D2xEk2fRo3PAhwQwu5UubzgiVWSXTBfWpVd2Mx2AzRqJuDJCsgaDVZ7HB5iGzDW1Hl1sWN2mFyKjmR9uAog==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.27.1':
-    resolution: {integrity: sha512-+EzkxvLNfiUeKMgy/3luqfsCWFRXLb7U6wNQTk60tovuckwB15B191tJWvpp4HjiQWdJkCxO3Wbvc6jlk3Xb2Q==}
+  '@babel/types@7.27.6':
+    resolution: {integrity: sha512-ETyHEk2VHHvl9b9jZP5IHPavHYk57EhanlRRuae9XCpb/j5bDCbPPMOBfCWhnl/7EDJz0jEMCi/RhccCE8r1+Q==}
     engines: {node: '>=6.9.0'}
 
   '@bcoe/v8-coverage@1.0.2':
@@ -274,38 +274,38 @@ packages:
       workerd:
         optional: true
 
-  '@cloudflare/workerd-darwin-64@1.20250525.0':
-    resolution: {integrity: sha512-L5l+7sSJJT2+riR5rS3Q3PKNNySPjWfRIeaNGMVRi1dPO6QPi4lwuxfRUFNoeUdilZJUVPfSZvTtj9RedsKznQ==}
+  '@cloudflare/workerd-darwin-64@1.20250604.0':
+    resolution: {integrity: sha512-PI6AWAzhHg75KVhYkSWFBf3HKCHstpaKg4nrx6LYZaEvz0TaTz+JQpYU2fNAgGFmVsK5xEzwFTGh3DAVAKONPw==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [darwin]
 
-  '@cloudflare/workerd-darwin-arm64@1.20250525.0':
-    resolution: {integrity: sha512-Y3IbIdrF/vJWh/WBvshwcSyUh175VAiLRW7963S1dXChrZ1N5wuKGQm9xY69cIGVtitpMJWWW3jLq7J/Xxwm0Q==}
+  '@cloudflare/workerd-darwin-arm64@1.20250604.0':
+    resolution: {integrity: sha512-hOiZZSop7QRQgGERtTIy9eU5GvPpIsgE2/BDsUdHMl7OBZ7QLniqvgDzLNDzj0aTkCldm9Yl/Z+C7aUgRdOccw==}
     engines: {node: '>=16'}
     cpu: [arm64]
     os: [darwin]
 
-  '@cloudflare/workerd-linux-64@1.20250525.0':
-    resolution: {integrity: sha512-KSyQPAby+c6cpENoO0ayCQlY6QIh28l/+QID7VC1SLXfiNHy+hPNsH1vVBTST6CilHVAQSsy9tCZ9O9XECB8yg==}
+  '@cloudflare/workerd-linux-64@1.20250604.0':
+    resolution: {integrity: sha512-S0R9r7U4nv9qejYygQj01hArC4KUbQQ4u29rvegR0MGoXZY8AHIEuJxon0kE7r7aWFJxvl4W3tOH+5hwW51LYw==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [linux]
 
-  '@cloudflare/workerd-linux-arm64@1.20250525.0':
-    resolution: {integrity: sha512-Nt0FUxS2kQhJUea4hMCNPaetkrAFDhPnNX/ntwcqVlGgnGt75iaAhupWJbU0GB+gIWlKeuClUUnDZqKbicoKyg==}
+  '@cloudflare/workerd-linux-arm64@1.20250604.0':
+    resolution: {integrity: sha512-BTFU/rXpNy03wpeueI2P7q1vVjbg2V6mCyyFGqDqMn2gSVYXH1G0zFNolV13PQXa0HgaqM6oYnqtAxluqbA+kQ==}
     engines: {node: '>=16'}
     cpu: [arm64]
     os: [linux]
 
-  '@cloudflare/workerd-windows-64@1.20250525.0':
-    resolution: {integrity: sha512-mwTj+9f3uIa4NEXR1cOa82PjLa6dbrb3J+KCVJFYIaq7e63VxEzOchCXS4tublT2pmOhmFqkgBMXrxozxNkR2Q==}
+  '@cloudflare/workerd-windows-64@1.20250604.0':
+    resolution: {integrity: sha512-tW/U9/qDmDZBeoEVcK5skb2uouVAMXMzt7o/uGvaIFLeZsQkOp4NBmvoQQd+nbOc7nVCJIwFoSMokd89AhzCkA==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [win32]
 
-  '@cloudflare/workers-types@4.20250514.0':
-    resolution: {integrity: sha512-zjyqRjoFnAzg7n+mxMxJAbIeOggUXLJTXA8WyT+xGDE+6MF9bSf1ypEULu4DXQQYLf6nDM6NwzLex/8ABTH+Lw==}
+  '@cloudflare/workers-types@4.20250613.0':
+    resolution: {integrity: sha512-upH6pxh43ph9293aXVgEp/0ODhyT3deRdlL0NEe4eJJdgoSAJxWj0c2ASZHs3awOaItRTxTxo7GZk1d6wolPKQ==}
 
   '@cspotcode/source-map-support@0.8.1':
     resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
@@ -468,11 +468,11 @@ packages:
     resolution: {integrity: sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==}
     engines: {node: '>=14'}
 
-  '@floating-ui/core@1.7.0':
-    resolution: {integrity: sha512-FRdBLykrPPA6P76GGGqlex/e7fbe0F1ykgxHYNXQsH/iTEtjMj/f9bpY5oQqbjt5VgZvgz/uKXbGuROijh3VLA==}
+  '@floating-ui/core@1.7.1':
+    resolution: {integrity: sha512-azI0DrjMMfIug/ExbBaeDVJXcY0a7EPvPjb2xAJPa4HeimBX+Z18HK8QQR3jb6356SnDDdxx+hinMLcJEDdOjw==}
 
-  '@floating-ui/dom@1.7.0':
-    resolution: {integrity: sha512-lGTor4VlXcesUMh1cupTUTDoCxMb0V6bm3CnxHzQcw8Eaf1jQbgQX4i02fYgT0vJ82tb5MZ4CZk1LRGkktJCzg==}
+  '@floating-ui/dom@1.7.1':
+    resolution: {integrity: sha512-cwsmW/zyw5ltYTUeeYJ60CnQuPqmGwuGVhG9w0PRaRKkAyi38BT5CKrpIbb+jtahSwUl04cWzSx9ZOIxeS6RsQ==}
 
   '@floating-ui/utils@0.2.9':
     resolution: {integrity: sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==}
@@ -623,20 +623,20 @@ packages:
   '@jridgewell/trace-mapping@0.3.9':
     resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
 
-  '@layerstack/svelte-actions@1.0.1-next.11':
-    resolution: {integrity: sha512-ciwDvfWXQ9TdfmwFLaEqzGL0eUdQJV4Zm+n4g6OOgB/s+2WQ2fHUUspyhpGFvSV8KD08NuUXOygjI0bi7HJWgQ==}
+  '@layerstack/svelte-actions@1.0.1-next.12':
+    resolution: {integrity: sha512-dndWTlYu8b1u6vw2nrO7NssccoACArGG75WoNlyVC13KuENZlWdKE9Q79/wlnbq00NeQMNKMjJwRMsrKQj2ULA==}
 
-  '@layerstack/svelte-stores@1.0.2-next.11':
-    resolution: {integrity: sha512-Oki9J/Or3xSv1ekBRvK4DcXti/s0E2a7zV1m4eFLnVDmgTCadATE6QxTIS3/SIrgldWpv1874ZXxTNOKpW88vg==}
+  '@layerstack/svelte-stores@1.0.2-next.12':
+    resolution: {integrity: sha512-XwKyGCXl3+NHQzB3LsPSo6Rb0TjoY3LZzb1Snw09VnOUxvA9skMmVnM8EO3eKFti/8tyOLReddEUA1ygUaT4Lg==}
 
-  '@layerstack/svelte-table@1.0.1-next.11':
-    resolution: {integrity: sha512-rmWgLEFBm3w4UTwtmZ91IG+xsC4VnSCNHu9dqEjhwJtm18DjC3W0x9td5ncevXokdL7Qk4Zk0avxaYjfE3Roiw==}
+  '@layerstack/svelte-table@1.0.1-next.12':
+    resolution: {integrity: sha512-u5zFdXQWlEJTGXNf52ku6hjyxmjp6ge6GwkW+oecqknY8v0b9d1MfrEw3dGJ4Ap88I0aBIdufmOkd0TTEwiCkQ==}
 
-  '@layerstack/tailwind@2.0.0-next.13':
-    resolution: {integrity: sha512-gCIdr5tsbEcrmncOeMJb0egPG7rl1v2bPLrCduHytAzyj7/jo+YHvIgSSF5FZESK53Dj0W0xGBmXU7tvbjPmEg==}
+  '@layerstack/tailwind@2.0.0-next.14':
+    resolution: {integrity: sha512-lpFN98P86Ab3VtSVwNcFvwyHriHOEiz6mcNpItEm/KV9pqYZxDguPE5l+ydk4ylRlNkFUyHhC1X85pz8C0eERQ==}
 
-  '@layerstack/utils@2.0.0-next.11':
-    resolution: {integrity: sha512-Bkww/IfUghga0ah82P/MOSHRVE7Np4VeAl2lUXNqkCwp1M3H690CFb4twKEEsBNUTIYoTCThrM7LuepTx5Hj8g==}
+  '@layerstack/utils@2.0.0-next.12':
+    resolution: {integrity: sha512-fhGZUlSr3N+D44BYm37WKMGSEFyZBW+dwIqtGU8Cl54mR4TLQ/UwyGhdpgIHyH/x/8q1abE0fP0Dn6ZsrDE3BA==}
 
   '@manypkg/find-root@1.1.0':
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
@@ -787,14 +787,14 @@ packages:
     peerDependencies:
       acorn: ^8.9.0
 
-  '@sveltejs/adapter-cloudflare@7.0.3':
-    resolution: {integrity: sha512-hEbaEukbHuTUtq4a+CPb57YnyQdx+iWVuLZAmNzaJwGSsAgMafY+GY4UblsIACjSYpX5tZuhjBck+X5IoWLIWw==}
+  '@sveltejs/adapter-cloudflare@7.0.4':
+    resolution: {integrity: sha512-pYJDICmhatM9lofkjLR+nhAJ4prEPjmwmx+J7hBuMSfrrNEVk+THfAahuWNizcxae4mO1MQKjIRMLpVnKyNE5g==}
     peerDependencies:
       '@sveltejs/kit': ^2.0.0
       wrangler: ^4.0.0
 
-  '@sveltejs/kit@2.21.1':
-    resolution: {integrity: sha512-vLbtVwtDcK8LhJKnFkFYwM0uCdFmzioQnif0bjEYH1I24Arz22JPr/hLUiXGVYAwhu8INKx5qrdvr4tHgPwX6w==}
+  '@sveltejs/kit@2.21.5':
+    resolution: {integrity: sha512-P5m7yZtvD1Kx/Z6JcjgJtdMqef/tCGMDrd9B9S2q8j+FMnkeKTMxW1nidnjVzk4HEDRGf4IlBI94/niy6t3hLA==}
     engines: {node: '>=18.13'}
     hasBin: true
     peerDependencies:
@@ -817,8 +817,8 @@ packages:
       svelte: ^5.0.0
       vite: ^6.0.0
 
-  '@sveltejs/vite-plugin-svelte@5.0.3':
-    resolution: {integrity: sha512-MCFS6CrQDu1yGwspm4qtli0e63vaPCehf6V7pIMP15AsWgMKrqDGCPFF/0kn4SP0ii4aySu4Pa62+fIRGFMjgw==}
+  '@sveltejs/vite-plugin-svelte@5.1.0':
+    resolution: {integrity: sha512-wojIS/7GYnJDYIg1higWj2ROA6sSRWvcR1PO/bqEyFr/5UZah26c8Cz4u0NaqjPeVltzsVpt2Tm8d2io0V+4Tw==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22}
     peerDependencies:
       svelte: ^5.0.0
@@ -828,65 +828,65 @@ packages:
     resolution: {integrity: sha512-08eKiDAjj4zLug1taXSIJ0kGL5cawjVCyJkBb6EWSg5fEPX6L+Wtr0CH2If4j5KYylz85iaZiFlUItvgJvll5g==}
     engines: {node: ^14.13.1 || ^16.0.0 || >=18}
 
-  '@tailwindcss/node@4.1.8':
-    resolution: {integrity: sha512-OWwBsbC9BFAJelmnNcrKuf+bka2ZxCE2A4Ft53Tkg4uoiE67r/PMEYwCsourC26E+kmxfwE0hVzMdxqeW+xu7Q==}
+  '@tailwindcss/node@4.1.10':
+    resolution: {integrity: sha512-2ACf1znY5fpRBwRhMgj9ZXvb2XZW8qs+oTfotJ2C5xR0/WNL7UHZ7zXl6s+rUqedL1mNi+0O+WQr5awGowS3PQ==}
 
-  '@tailwindcss/oxide-android-arm64@4.1.8':
-    resolution: {integrity: sha512-Fbz7qni62uKYceWYvUjRqhGfZKwhZDQhlrJKGtnZfuNtHFqa8wmr+Wn74CTWERiW2hn3mN5gTpOoxWKk0jRxjg==}
+  '@tailwindcss/oxide-android-arm64@4.1.10':
+    resolution: {integrity: sha512-VGLazCoRQ7rtsCzThaI1UyDu/XRYVyH4/EWiaSX6tFglE+xZB5cvtC5Omt0OQ+FfiIVP98su16jDVHDEIuH4iQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [android]
 
-  '@tailwindcss/oxide-darwin-arm64@4.1.8':
-    resolution: {integrity: sha512-RdRvedGsT0vwVVDztvyXhKpsU2ark/BjgG0huo4+2BluxdXo8NDgzl77qh0T1nUxmM11eXwR8jA39ibvSTbi7A==}
+  '@tailwindcss/oxide-darwin-arm64@4.1.10':
+    resolution: {integrity: sha512-ZIFqvR1irX2yNjWJzKCqTCcHZbgkSkSkZKbRM3BPzhDL/18idA8uWCoopYA2CSDdSGFlDAxYdU2yBHwAwx8euQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@tailwindcss/oxide-darwin-x64@4.1.8':
-    resolution: {integrity: sha512-t6PgxjEMLp5Ovf7uMb2OFmb3kqzVTPPakWpBIFzppk4JE4ix0yEtbtSjPbU8+PZETpaYMtXvss2Sdkx8Vs4XRw==}
+  '@tailwindcss/oxide-darwin-x64@4.1.10':
+    resolution: {integrity: sha512-eCA4zbIhWUFDXoamNztmS0MjXHSEJYlvATzWnRiTqJkcUteSjO94PoRHJy1Xbwp9bptjeIxxBHh+zBWFhttbrQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@tailwindcss/oxide-freebsd-x64@4.1.8':
-    resolution: {integrity: sha512-g8C8eGEyhHTqwPStSwZNSrOlyx0bhK/V/+zX0Y+n7DoRUzyS8eMbVshVOLJTDDC+Qn9IJnilYbIKzpB9n4aBsg==}
+  '@tailwindcss/oxide-freebsd-x64@4.1.10':
+    resolution: {integrity: sha512-8/392Xu12R0cc93DpiJvNpJ4wYVSiciUlkiOHOSOQNH3adq9Gi/dtySK7dVQjXIOzlpSHjeCL89RUUI8/GTI6g==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [freebsd]
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.8':
-    resolution: {integrity: sha512-Jmzr3FA4S2tHhaC6yCjac3rGf7hG9R6Gf2z9i9JFcuyy0u79HfQsh/thifbYTF2ic82KJovKKkIB6Z9TdNhCXQ==}
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.10':
+    resolution: {integrity: sha512-t9rhmLT6EqeuPT+MXhWhlRYIMSfh5LZ6kBrC4FS6/+M1yXwfCtp24UumgCWOAJVyjQwG+lYva6wWZxrfvB+NhQ==}
     engines: {node: '>= 10'}
     cpu: [arm]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.8':
-    resolution: {integrity: sha512-qq7jXtO1+UEtCmCeBBIRDrPFIVI4ilEQ97qgBGdwXAARrUqSn/L9fUrkb1XP/mvVtoVeR2bt/0L77xx53bPZ/Q==}
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.10':
+    resolution: {integrity: sha512-3oWrlNlxLRxXejQ8zImzrVLuZ/9Z2SeKoLhtCu0hpo38hTO2iL86eFOu4sVR8cZc6n3z7eRXXqtHJECa6mFOvA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.8':
-    resolution: {integrity: sha512-O6b8QesPbJCRshsNApsOIpzKt3ztG35gfX9tEf4arD7mwNinsoCKxkj8TgEE0YRjmjtO3r9FlJnT/ENd9EVefQ==}
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.10':
+    resolution: {integrity: sha512-saScU0cmWvg/Ez4gUmQWr9pvY9Kssxt+Xenfx1LG7LmqjcrvBnw4r9VjkFcqmbBb7GCBwYNcZi9X3/oMda9sqQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.8':
-    resolution: {integrity: sha512-32iEXX/pXwikshNOGnERAFwFSfiltmijMIAbUhnNyjFr3tmWmMJWQKU2vNcFX0DACSXJ3ZWcSkzNbaKTdngH6g==}
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.10':
+    resolution: {integrity: sha512-/G3ao/ybV9YEEgAXeEg28dyH6gs1QG8tvdN9c2MNZdUXYBaIY/Gx0N6RlJzfLy/7Nkdok4kaxKPHKJUlAaoTdA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-musl@4.1.8':
-    resolution: {integrity: sha512-s+VSSD+TfZeMEsCaFaHTaY5YNj3Dri8rST09gMvYQKwPphacRG7wbuQ5ZJMIJXN/puxPcg/nU+ucvWguPpvBDg==}
+  '@tailwindcss/oxide-linux-x64-musl@4.1.10':
+    resolution: {integrity: sha512-LNr7X8fTiKGRtQGOerSayc2pWJp/9ptRYAa4G+U+cjw9kJZvkopav1AQc5HHD+U364f71tZv6XamaHKgrIoVzA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-wasm32-wasi@4.1.8':
-    resolution: {integrity: sha512-CXBPVFkpDjM67sS1psWohZ6g/2/cd+cq56vPxK4JeawelxwK4YECgl9Y9TjkE2qfF+9/s1tHHJqrC4SS6cVvSg==}
+  '@tailwindcss/oxide-wasm32-wasi@4.1.10':
+    resolution: {integrity: sha512-d6ekQpopFQJAcIK2i7ZzWOYGZ+A6NzzvQ3ozBvWFdeyqfOZdYHU66g5yr+/HC4ipP1ZgWsqa80+ISNILk+ae/Q==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
     bundledDependencies:
@@ -897,20 +897,20 @@ packages:
       - '@emnapi/wasi-threads'
       - tslib
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.8':
-    resolution: {integrity: sha512-7GmYk1n28teDHUjPlIx4Z6Z4hHEgvP5ZW2QS9ygnDAdI/myh3HTHjDqtSqgu1BpRoI4OiLx+fThAyA1JePoENA==}
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.10':
+    resolution: {integrity: sha512-i1Iwg9gRbwNVOCYmnigWCCgow8nDWSFmeTUU5nbNx3rqbe4p0kRbEqLwLJbYZKmSSp23g4N6rCDmm7OuPBXhDA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.8':
-    resolution: {integrity: sha512-fou+U20j+Jl0EHwK92spoWISON2OBnCazIc038Xj2TdweYV33ZRkS9nwqiUi2d/Wba5xg5UoHfvynnb/UB49cQ==}
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.10':
+    resolution: {integrity: sha512-sGiJTjcBSfGq2DVRtaSljq5ZgZS2SDHSIfhOylkBvHVjwOsodBhnb3HdmiKkVuUGKD0I7G63abMOVaskj1KpOA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
 
-  '@tailwindcss/oxide@4.1.8':
-    resolution: {integrity: sha512-d7qvv9PsM5N3VNKhwVUhpK6r4h9wtLkJ6lz9ZY9aeZgrUWk1Z8VPyqyDT9MZlem7GTGseRQHkeB1j3tC7W1P+A==}
+  '@tailwindcss/oxide@4.1.10':
+    resolution: {integrity: sha512-v0C43s7Pjw+B9w21htrQwuFObSkio2aV/qPx/mhrRldbqxbWJK6KizM+q7BF1/1CmuLqZqX3CeYF7s7P9fbA8Q==}
     engines: {node: '>= 10'}
 
   '@tailwindcss/typography@0.5.16':
@@ -918,11 +918,14 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1'
 
-  '@tailwindcss/vite@4.1.8':
-    resolution: {integrity: sha512-CQ+I8yxNV5/6uGaJjiuymgw0kEQiNKRinYbZXPdx1fk5WgiyReG0VaUx/Xq6aVNSUNJFzxm6o8FNKS5aMaim5A==}
+  '@tailwindcss/vite@4.1.10':
+    resolution: {integrity: sha512-QWnD5HDY2IADv+vYR82lOhqOlS1jSCUUAmfem52cXAhRTKxpDh3ARX8TTXJTCCO7Rv7cD2Nlekabv02bwP3a2A==}
     peerDependencies:
       vite: ^5.2.0 || ^6
 
+  '@types/chai@5.2.2':
+    resolution: {integrity: sha512-8kB30R7Hwqf40JPiKhVzodJs2Qc1ZJ5zuT3uzw5Hq/dhNCl3G3l83jfpdI1e20BP348+fV7VIL/+FxaXkqBmWg==}
+
   '@types/cookie@0.6.0':
     resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
 
@@ -938,12 +941,18 @@ packages:
   '@types/d3-time@3.0.4':
     resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
 
+  '@types/deep-eql@4.0.2':
+    resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
+
   '@types/estree@0.0.39':
     resolution: {integrity: sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==}
 
   '@types/estree@1.0.7':
     resolution: {integrity: sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==}
 
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+
   '@types/hast@3.0.3':
     resolution: {integrity: sha512-2fYGlaDy/qyLlhidX42wAH0KBi2TCjKMH8CHmBXgRlJ3Y+OXTiqsPQ6IWarZKwF1JoUcAJdPogv1d4b0COTpmQ==}
 
@@ -971,43 +980,43 @@ packages:
   '@types/unist@3.0.2':
     resolution: {integrity: sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ==}
 
-  '@vitest/coverage-v8@3.1.4':
-    resolution: {integrity: sha512-G4p6OtioySL+hPV7Y6JHlhpsODbJzt1ndwHAFkyk6vVjpK03PFsKnauZIzcd0PrK4zAbc5lc+jeZ+eNGiMA+iw==}
+  '@vitest/coverage-v8@3.2.3':
+    resolution: {integrity: sha512-D1QKzngg8PcDoCE8FHSZhREDuEy+zcKmMiMafYse41RZpBE5EDJyKOTdqK3RQfsV2S2nyKor5KCs8PyPRFqKPg==}
     peerDependencies:
-      '@vitest/browser': 3.1.4
-      vitest: 3.1.4
+      '@vitest/browser': 3.2.3
+      vitest: 3.2.3
     peerDependenciesMeta:
       '@vitest/browser':
         optional: true
 
-  '@vitest/expect@3.1.4':
-    resolution: {integrity: sha512-xkD/ljeliyaClDYqHPNCiJ0plY5YIcM0OlRiZizLhlPmpXWpxnGMyTZXOHFhFeG7w9P5PBeL4IdtJ/HeQwTbQA==}
+  '@vitest/expect@3.2.3':
+    resolution: {integrity: sha512-W2RH2TPWVHA1o7UmaFKISPvdicFJH+mjykctJFoAkUw+SPTJTGjUNdKscFBrqM7IPnCVu6zihtKYa7TkZS1dkQ==}
 
-  '@vitest/mocker@3.1.4':
-    resolution: {integrity: sha512-8IJ3CvwtSw/EFXqWFL8aCMu+YyYXG2WUSrQbViOZkWTKTVicVwZ/YiEZDSqD00kX+v/+W+OnxhNWoeVKorHygA==}
+  '@vitest/mocker@3.2.3':
+    resolution: {integrity: sha512-cP6fIun+Zx8he4rbWvi+Oya6goKQDZK+Yq4hhlggwQBbrlOQ4qtZ+G4nxB6ZnzI9lyIb+JnvyiJnPC2AGbKSPA==}
     peerDependencies:
       msw: ^2.4.9
-      vite: ^5.0.0 || ^6.0.0
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0-0
     peerDependenciesMeta:
       msw:
         optional: true
       vite:
         optional: true
 
-  '@vitest/pretty-format@3.1.4':
-    resolution: {integrity: sha512-cqv9H9GvAEoTaoq+cYqUTCGscUjKqlJZC7PRwY5FMySVj5J+xOm1KQcCiYHJOEzOKRUhLH4R2pTwvFlWCEScsg==}
+  '@vitest/pretty-format@3.2.3':
+    resolution: {integrity: sha512-yFglXGkr9hW/yEXngO+IKMhP0jxyFw2/qys/CK4fFUZnSltD+MU7dVYGrH8rvPcK/O6feXQA+EU33gjaBBbAng==}
 
-  '@vitest/runner@3.1.4':
-    resolution: {integrity: sha512-djTeF1/vt985I/wpKVFBMWUlk/I7mb5hmD5oP8K9ACRmVXgKTae3TUOtXAEBfslNKPzUQvnKhNd34nnRSYgLNQ==}
+  '@vitest/runner@3.2.3':
+    resolution: {integrity: sha512-83HWYisT3IpMaU9LN+VN+/nLHVBCSIUKJzGxC5RWUOsK1h3USg7ojL+UXQR3b4o4UBIWCYdD2fxuzM7PQQ1u8w==}
 
-  '@vitest/snapshot@3.1.4':
-    resolution: {integrity: sha512-JPHf68DvuO7vilmvwdPr9TS0SuuIzHvxeaCkxYcCD4jTk67XwL45ZhEHFKIuCm8CYstgI6LZ4XbwD6ANrwMpFg==}
+  '@vitest/snapshot@3.2.3':
+    resolution: {integrity: sha512-9gIVWx2+tysDqUmmM1L0hwadyumqssOL1r8KJipwLx5JVYyxvVRfxvMq7DaWbZZsCqZnu/dZedaZQh4iYTtneA==}
 
-  '@vitest/spy@3.1.4':
-    resolution: {integrity: sha512-Xg1bXhu+vtPXIodYN369M86K8shGLouNjoVI78g8iAq2rFoHFdajNvJJ5A/9bPMFcfQqdaCpOgWKEoMQg/s0Yg==}
+  '@vitest/spy@3.2.3':
+    resolution: {integrity: sha512-JHu9Wl+7bf6FEejTCREy+DmgWe+rQKbK+y32C/k5f4TBIAlijhJbRBIRIOCEpVevgRsCQR2iHRUH2/qKVM/plw==}
 
-  '@vitest/utils@3.1.4':
-    resolution: {integrity: sha512-yriMuO1cfFhmiGc8ataN51+9ooHRuURdfAZfwFd3usWynjzpLslZdYnRegTv32qdgtJTsj15FoeZe2g15fY1gg==}
+  '@vitest/utils@3.2.3':
+    resolution: {integrity: sha512-4zFBCU5Pf+4Z6v+rwnZ1HU1yzOKKvDkMXZrymE2PBlbjKJRlrOxbvpfPSvJTGRIwGoahaOGvp+kbCoxifhzJ1Q==}
 
   acorn-walk@8.3.2:
     resolution: {integrity: sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==}
@@ -1018,8 +1027,8 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
-  acorn@8.14.1:
-    resolution: {integrity: sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==}
+  acorn@8.15.0:
+    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
@@ -1061,6 +1070,9 @@ packages:
     resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
     engines: {node: '>=12'}
 
+  ast-v8-to-istanbul@0.3.3:
+    resolution: {integrity: sha512-MuXMrSLVVoA6sYN/6Hke18vMzrT4TZNbZIj/hvh0fnYFpO+/kFXcLIaiPwXXWaQUPg4yJD8fj+lfJ7/1EBconw==}
+
   axobject-query@4.1.0:
     resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
     engines: {node: '>= 0.4'}
@@ -1078,6 +1090,9 @@ packages:
   brace-expansion@2.0.1:
     resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
 
+  brace-expansion@2.0.2:
+    resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
+
   braces@3.0.3:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
@@ -1146,8 +1161,8 @@ packages:
     resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
     engines: {node: '>= 0.6'}
 
-  core-js@3.42.0:
-    resolution: {integrity: sha512-Sz4PP4ZA+Rq4II21qkNqOEDTDrCvcANId3xpIgB34NDkWc3UduWj2dqEtN9yZIq8Dk3HyPI33x9sqqU5C8sr0g==}
+  core-js@3.43.0:
+    resolution: {integrity: sha512-N6wEbTTZSYOY2rYAn85CuvWWkCK6QweMn7/4Nr3w+gDBeBhk/x4EJeY6FPo4QzDoJZxVTv8U7CMvgWk6pOHHqA==}
 
   cross-spawn@7.0.3:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
@@ -1204,15 +1219,6 @@ packages:
   dataloader@1.4.0:
     resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==}
 
-  debug@4.4.0:
-    resolution: {integrity: sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-
   debug@4.4.1:
     resolution: {integrity: sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==}
     engines: {node: '>=6.0'}
@@ -1288,8 +1294,8 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  esrap@1.4.6:
-    resolution: {integrity: sha512-F/D2mADJ9SHY3IwksD4DAXjTt7qt7GWUf3/8RhCNWmC/67tyb55dpimHmy7EplakFaflV0R/PC+fdSPqrRHAQw==}
+  esrap@1.4.9:
+    resolution: {integrity: sha512-3OMlcd0a03UGuZpPeUC1HxR3nA23l+HEyCiZw3b3FumJIN9KphoGzDJKMXI1S72jVS1dsenDyQC0kJlO1U9E1g==}
 
   estree-walker@1.0.1:
     resolution: {integrity: sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==}
@@ -1333,6 +1339,14 @@ packages:
       picomatch:
         optional: true
 
+  fdir@6.4.6:
+    resolution: {integrity: sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
   fflate@0.4.8:
     resolution: {integrity: sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==}
 
@@ -1504,6 +1518,9 @@ packages:
     resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
     hasBin: true
 
+  js-tokens@9.0.1:
+    resolution: {integrity: sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==}
+
   js-yaml@3.14.1:
     resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
     hasBin: true
@@ -1654,8 +1671,8 @@ packages:
     engines: {node: '>=10.0.0'}
     hasBin: true
 
-  miniflare@4.20250525.0:
-    resolution: {integrity: sha512-F5XRDn9WqxUaHphUT8qwy5WXC/3UwbBRJTdjjP5uwHX82vypxIlHNyHziZnplPLhQa1kbSdIY7wfuP1XJyyYZw==}
+  miniflare@4.20250604.1:
+    resolution: {integrity: sha512-HJQ9YhH0F0fI73Vsdy3PNVau+PfHZYK7trI5WJEcbfl5HzqhMU0DRNtA/G5EXQgiumkjrmbW4Zh1DVTtsqICPg==}
     engines: {node: '>=18.0.0'}
     hasBin: true
 
@@ -1831,8 +1848,8 @@ packages:
     resolution: {integrity: sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==}
     engines: {node: ^10 || ^12 || >=14}
 
-  posthog-js@1.248.1:
-    resolution: {integrity: sha512-2KBbvvLbiNqQdoEgjczZJ7im5QT8zi0Q29a8AmfXs0UGyaYxmgqPCrE1elQmGBuAm1S3T+Xw2D6Ff0VQPXE6Rw==}
+  posthog-js@1.252.0:
+    resolution: {integrity: sha512-Mm72gKYYYaQGilxLPPH+KXF8TcveloOvsMemEz0jna0tV0O++n9SJ/dko+U2ePb+FajZ4vqVvfmkHSIILXdgKg==}
     peerDependencies:
       '@rrweb/types': 2.0.0-alpha.17
       rrweb-snapshot: 2.0.0-alpha.17
@@ -1842,8 +1859,8 @@ packages:
       rrweb-snapshot:
         optional: true
 
-  preact@10.26.8:
-    resolution: {integrity: sha512-1nMfdFjucm5hKvq0IClqZwK4FJkGXhRrQstOQ3P4vp8HxKrJEMFcY6RdBRVTdfQS/UlnX6gfbPuTvaqx/bDoeQ==}
+  preact@10.26.9:
+    resolution: {integrity: sha512-SSjF9vcnF27mJK1XyFMNJzFd5u3pQiATFqoaDy03XuN00u4ziveVVEGt5RKJrDR8MHE/wJo9Nnad56RLzS2RMA==}
 
   prettier-plugin-svelte@3.4.0:
     resolution: {integrity: sha512-pn1ra/0mPObzqoIQn/vUTR3ZZI6UuZ0sHqMK5x2jMLGrs53h0sXhkVuDcrlssHwIMk7FYrMjHBPoUSyyEEDlBQ==}
@@ -2032,6 +2049,9 @@ packages:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
     engines: {node: '>=4'}
 
+  strip-literal@3.0.0:
+    resolution: {integrity: sha512-TcccoMhJOM3OebGhSBEmp3UZ2SfDMZUEBdRA/9ynfLi8yYajyWX3JiXArcJt4Umh4vISpspkQIY8ZZoCqjbviA==}
+
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
@@ -2099,15 +2119,15 @@ packages:
     resolution: {integrity: sha512-eeEgGc2DtiUil5ANdtd8vPwt9AgaMdnuUFnPft9F5oMvU/FHu5IHFic+p1dR/UOB7XU2mX2yHW+NcTch4DCh5Q==}
     engines: {node: '>=16'}
 
-  svelte@5.33.10:
-    resolution: {integrity: sha512-/yArPQIBoQS2p86LKnvJywOXkVHeEXnFgrDPSxkEfIAEkykopYuy2bF6UUqHG4IbZlJD6OurLxJT8Kn7kTk9WA==}
+  svelte@5.34.1:
+    resolution: {integrity: sha512-jWNnN2hZFNtnzKPptCcJHBWrD9CtbHPDwIRIODufOYaWkR0kLmAIlM384lMt4ucwuIRX4hCJwD2D8ZtEcGJQ0Q==}
     engines: {node: '>=18'}
 
   tailwind-merge@3.3.0:
     resolution: {integrity: sha512-fyW/pEfcQSiigd5SNn0nApUOxx0zB/dm6UDU/rEwc2c3sX2smWUNbapHv+QRqLGVp9GWX3THIa7MUGPo+YkDzQ==}
 
-  tailwindcss@4.1.8:
-    resolution: {integrity: sha512-kjeW8gjdxasbmFKpVGrGd5T4i40mV5J2Rasw48QARfYeQ8YS9x02ON9SFWax3Qf616rt4Cp3nVNIj6Hd1mP3og==}
+  tailwindcss@4.1.10:
+    resolution: {integrity: sha512-P3nr6WkvKV/ONsTzj6Gb57sWPMX29EPNPopo7+FcpkQaNsrNpZ1pv8QmrYI2RqEKD7mlGqLnGovlcYnBK0IqUA==}
 
   tapable@2.2.2:
     resolution: {integrity: sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==}
@@ -2139,16 +2159,20 @@ packages:
     resolution: {integrity: sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==}
     engines: {node: '>=12.0.0'}
 
-  tinypool@1.0.2:
-    resolution: {integrity: sha512-al6n+QEANGFOMf/dmUMsuS5/r9B06uwlyNjZZql/zv8J7ybHCgoihBNORZCY2mzUuAnomQa2JdhyHKzZxPCrFA==}
+  tinyglobby@0.2.14:
+    resolution: {integrity: sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==}
+    engines: {node: '>=12.0.0'}
+
+  tinypool@1.1.0:
+    resolution: {integrity: sha512-7CotroY9a8DKsKprEy/a14aCCm8jYVmR7aFy4fpkZM8sdpNJbKkixuNjgM50yCmip2ezc8z4N7k3oe2+rfRJCQ==}
     engines: {node: ^18.0.0 || >=20.0.0}
 
   tinyrainbow@2.0.0:
     resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==}
     engines: {node: '>=14.0.0'}
 
-  tinyspy@3.0.2:
-    resolution: {integrity: sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==}
+  tinyspy@4.0.3:
+    resolution: {integrity: sha512-t2T/WLB2WRgZ9EpE4jgPJ9w+i66UZfDc8wHh0xrwiRNN+UwH98GIJkTeZqX9rg0i0ptwzqW+uYeIF0T4F8LR7A==}
     engines: {node: '>=14.0.0'}
 
   tmp@0.0.33:
@@ -2209,8 +2233,8 @@ packages:
   vfile-message@2.0.4:
     resolution: {integrity: sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==}
 
-  vite-node@3.1.4:
-    resolution: {integrity: sha512-6enNwYnpyDo4hEgytbmc6mYWHXDHYEn0D1/rw4Q+tnHUGtKTJsn8T1YkX6Q18wI5LCrS8CTYlBaiCqxOy2kvUA==}
+  vite-node@3.2.3:
+    resolution: {integrity: sha512-gc8aAifGuDIpZHrPjuHyP4dpQmYXqWw7D1GmDnWeNWP654UEXzVfQ5IHPSK5HaHkwB/+p1atpYpSdw/2kOv8iQ==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
 
@@ -2254,24 +2278,24 @@ packages:
       yaml:
         optional: true
 
-  vitefu@1.0.4:
-    resolution: {integrity: sha512-y6zEE3PQf6uu/Mt6DTJ9ih+kyJLr4XcSgHR2zUkM8SWDhuixEJxfJ6CZGMHh1Ec3vPLoEA0IHU5oWzVqw8ulow==}
+  vitefu@1.0.6:
+    resolution: {integrity: sha512-+Rex1GlappUyNN6UfwbVZne/9cYC4+R2XDk9xkNXBKMw6HQagdX9PgZ8V2v1WUSK1wfBLp7qbI1+XSNIlB1xmA==}
     peerDependencies:
       vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0
     peerDependenciesMeta:
       vite:
         optional: true
 
-  vitest@3.1.4:
-    resolution: {integrity: sha512-Ta56rT7uWxCSJXlBtKgIlApJnT6e6IGmTYxYcmxjJ4ujuZDI59GUQgVDObXXJujOmPDBYXHK1qmaGtneu6TNIQ==}
+  vitest@3.2.3:
+    resolution: {integrity: sha512-E6U2ZFXe3N/t4f5BwUaVCKRLHqUpk1CBWeMh78UT4VaTPH/2dyvH6ALl29JTovEPu9dVKr/K/J4PkXgrMbw4Ww==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
       '@types/debug': ^4.1.12
       '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
-      '@vitest/browser': 3.1.4
-      '@vitest/ui': 3.1.4
+      '@vitest/browser': 3.2.3
+      '@vitest/ui': 3.2.3
       happy-dom: '*'
       jsdom: '*'
     peerDependenciesMeta:
@@ -2309,8 +2333,8 @@ packages:
     engines: {node: '>=8'}
     hasBin: true
 
-  workerd@1.20250525.0:
-    resolution: {integrity: sha512-SXJgLREy/Aqw2J71Oah0Pbu+SShbqbTExjVQyRBTM1r7MG7fS5NUlknhnt6sikjA/t4cO09Bi8OJqHdTkrcnYQ==}
+  workerd@1.20250604.0:
+    resolution: {integrity: sha512-sHz9R1sxPpnyq3ptrI/5I96sYTMA2+Ljm75oJDbmEcZQwNyezpu9Emerzt3kzzjCJQqtdscGOidWv4RKGZXzAA==}
     engines: {node: '>=16'}
     hasBin: true
 
@@ -2318,12 +2342,12 @@ packages:
     resolution: {integrity: sha512-+TvsA6VAVoMC3XDKR5MoC/qlLqDixEfOBysDEKnPIPou/NvoPWCAuXHXMsswwlvmEuvX56lQjvELLyLuzTKvRw==}
     engines: {node: '>=12'}
 
-  wrangler@4.18.0:
-    resolution: {integrity: sha512-/ng0KI9io97SNsBU1rheADBLLTE5Djybgsi4gXuvH1RBKJGpyj1xWvZ2fuWu8vAonit3EiZkwtERTm6kESHP3A==}
+  wrangler@4.20.0:
+    resolution: {integrity: sha512-gxMLaSnYp3VLdGPZu4fc/9UlB7PnSVwni25v32NM9szG2yTt+gx5RunWzmoLplplIfEMkBuV3wA47vccNu7zcA==}
     engines: {node: '>=18.0.0'}
     hasBin: true
     peerDependencies:
-      '@cloudflare/workers-types': ^4.20250525.0
+      '@cloudflare/workers-types': ^4.20250604.0
     peerDependenciesMeta:
       '@cloudflare/workers-types':
         optional: true
@@ -2366,8 +2390,8 @@ packages:
   zod@3.22.3:
     resolution: {integrity: sha512-EjIevzuJRiRPbVH4mGc8nApb/lVLKVpmUhAaR5R5doKGfAnGJ6Gr3CViAVjP+4FWSxCsybeWQdcgCtbX+7oZug==}
 
-  zod@3.25.41:
-    resolution: {integrity: sha512-8+sDJTGtCYIDBhdqDygp0ffj8kzziRKqAJPhpYObbElJ+3TRe/mnlnwH+/OMa3kKhueS4Drm5UMW00/u1p07zA==}
+  zod@3.25.64:
+    resolution: {integrity: sha512-hbP9FpSZf7pkS7hRVUrOjhwKJNyampPgtXKc3AN6DsWtoHsg2Sb4SQaS4Tcay380zSwd2VPo9G9180emBACp5g==}
 
 snapshots:
 
@@ -2380,13 +2404,13 @@ snapshots:
 
   '@babel/helper-validator-identifier@7.27.1': {}
 
-  '@babel/parser@7.27.2':
+  '@babel/parser@7.27.5':
     dependencies:
-      '@babel/types': 7.27.1
+      '@babel/types': 7.27.6
 
   '@babel/runtime@7.27.1': {}
 
-  '@babel/types@7.27.1':
+  '@babel/types@7.27.6':
     dependencies:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.27.1
@@ -2546,28 +2570,28 @@ snapshots:
     dependencies:
       mime: 3.0.0
 
-  '@cloudflare/unenv-preset@2.3.2(unenv@2.0.0-rc.17)(workerd@1.20250525.0)':
+  '@cloudflare/unenv-preset@2.3.2(unenv@2.0.0-rc.17)(workerd@1.20250604.0)':
     dependencies:
       unenv: 2.0.0-rc.17
     optionalDependencies:
-      workerd: 1.20250525.0
+      workerd: 1.20250604.0
 
-  '@cloudflare/workerd-darwin-64@1.20250525.0':
+  '@cloudflare/workerd-darwin-64@1.20250604.0':
     optional: true
 
-  '@cloudflare/workerd-darwin-arm64@1.20250525.0':
+  '@cloudflare/workerd-darwin-arm64@1.20250604.0':
     optional: true
 
-  '@cloudflare/workerd-linux-64@1.20250525.0':
+  '@cloudflare/workerd-linux-64@1.20250604.0':
     optional: true
 
-  '@cloudflare/workerd-linux-arm64@1.20250525.0':
+  '@cloudflare/workerd-linux-arm64@1.20250604.0':
     optional: true
 
-  '@cloudflare/workerd-windows-64@1.20250525.0':
+  '@cloudflare/workerd-windows-64@1.20250604.0':
     optional: true
 
-  '@cloudflare/workers-types@4.20250514.0': {}
+  '@cloudflare/workers-types@4.20250613.0': {}
 
   '@cspotcode/source-map-support@0.8.1':
     dependencies:
@@ -2655,13 +2679,13 @@ snapshots:
 
   '@fastify/busboy@2.1.1': {}
 
-  '@floating-ui/core@1.7.0':
+  '@floating-ui/core@1.7.1':
     dependencies:
       '@floating-ui/utils': 0.2.9
 
-  '@floating-ui/dom@1.7.0':
+  '@floating-ui/dom@1.7.1':
     dependencies:
-      '@floating-ui/core': 1.7.0
+      '@floating-ui/core': 1.7.1
       '@floating-ui/utils': 0.2.9
 
   '@floating-ui/utils@0.2.9': {}
@@ -2784,40 +2808,35 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.0
 
-  '@layerstack/svelte-actions@1.0.1-next.11':
+  '@layerstack/svelte-actions@1.0.1-next.12':
     dependencies:
-      '@floating-ui/dom': 1.7.0
-      '@layerstack/utils': 2.0.0-next.11
-      d3-array: 3.2.4
+      '@floating-ui/dom': 1.7.1
+      '@layerstack/utils': 2.0.0-next.12
       d3-scale: 4.0.2
-      lodash-es: 4.17.21
 
-  '@layerstack/svelte-stores@1.0.2-next.11':
+  '@layerstack/svelte-stores@1.0.2-next.12':
     dependencies:
-      '@layerstack/utils': 2.0.0-next.11
-      d3-array: 3.2.4
+      '@layerstack/utils': 2.0.0-next.12
       immer: 10.1.1
       lodash-es: 4.17.21
-      zod: 3.25.41
+      zod: 3.25.64
 
-  '@layerstack/svelte-table@1.0.1-next.11':
+  '@layerstack/svelte-table@1.0.1-next.12':
     dependencies:
-      '@layerstack/svelte-actions': 1.0.1-next.11
-      '@layerstack/utils': 2.0.0-next.11
+      '@layerstack/svelte-actions': 1.0.1-next.12
+      '@layerstack/utils': 2.0.0-next.12
       d3-array: 3.2.4
       lodash-es: 4.17.21
 
-  '@layerstack/tailwind@2.0.0-next.13':
+  '@layerstack/tailwind@2.0.0-next.14':
     dependencies:
-      '@layerstack/utils': 2.0.0-next.11
+      '@layerstack/utils': 2.0.0-next.12
       clsx: 2.1.1
-      culori: 4.0.1
       d3-array: 3.2.4
       lodash-es: 4.17.21
       tailwind-merge: 3.3.0
-      tailwindcss: 4.1.8
 
-  '@layerstack/utils@2.0.0-next.11':
+  '@layerstack/utils@2.0.0-next.12':
     dependencies:
       d3-array: 3.2.4
       d3-time: 3.1.0
@@ -2941,23 +2960,23 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.40.2':
     optional: true
 
-  '@sveltejs/acorn-typescript@1.0.5(acorn@8.14.1)':
+  '@sveltejs/acorn-typescript@1.0.5(acorn@8.15.0)':
     dependencies:
-      acorn: 8.14.1
+      acorn: 8.15.0
 
-  '@sveltejs/adapter-cloudflare@7.0.3(@sveltejs/kit@2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(wrangler@4.18.0)':
+  '@sveltejs/adapter-cloudflare@7.0.4(@sveltejs/kit@2.21.5(@sveltejs/vite-plugin-svelte@5.1.0(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(wrangler@4.20.0(@cloudflare/workers-types@4.20250613.0))':
     dependencies:
-      '@cloudflare/workers-types': 4.20250514.0
-      '@sveltejs/kit': 2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+      '@cloudflare/workers-types': 4.20250613.0
+      '@sveltejs/kit': 2.21.5(@sveltejs/vite-plugin-svelte@5.1.0(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       worktop: 0.8.0-next.18
-      wrangler: 4.18.0
+      wrangler: 4.20.0(@cloudflare/workers-types@4.20250613.0)
 
-  '@sveltejs/kit@2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
+  '@sveltejs/kit@2.21.5(@sveltejs/vite-plugin-svelte@5.1.0(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/acorn-typescript': 1.0.5(acorn@8.14.1)
-      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+      '@sveltejs/acorn-typescript': 1.0.5(acorn@8.15.0)
+      '@sveltejs/vite-plugin-svelte': 5.1.0(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
       '@types/cookie': 0.6.0
-      acorn: 8.14.1
+      acorn: 8.15.0
       cookie: 0.6.0
       devalue: 5.1.1
       esm-env: 1.2.2
@@ -2967,39 +2986,40 @@ snapshots:
       sade: 1.8.1
       set-cookie-parser: 2.7.1
       sirv: 3.0.1
-      svelte: 5.33.10
+      svelte: 5.34.1
       vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
+      vitefu: 1.0.6(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
 
-  '@sveltejs/package@2.3.11(svelte@5.33.10)(typescript@5.8.3)':
+  '@sveltejs/package@2.3.11(svelte@5.34.1)(typescript@5.8.3)':
     dependencies:
       chokidar: 4.0.3
       kleur: 4.1.5
       sade: 1.8.1
       semver: 7.7.2
-      svelte: 5.33.10
-      svelte2tsx: 0.7.39(svelte@5.33.10)(typescript@5.8.3)
+      svelte: 5.34.1
+      svelte2tsx: 0.7.39(svelte@5.34.1)(typescript@5.8.3)
     transitivePeerDependencies:
       - typescript
 
-  '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
+  '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.1.0(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
-      debug: 4.4.0
-      svelte: 5.33.10
+      '@sveltejs/vite-plugin-svelte': 5.1.0(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+      debug: 4.4.1
+      svelte: 5.34.1
       vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
+  '@sveltejs/vite-plugin-svelte@5.1.0(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.33.10)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
-      debug: 4.4.0
+      '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.1.0(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+      debug: 4.4.1
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.17
-      svelte: 5.33.10
+      svelte: 5.34.1
       vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
-      vitefu: 1.0.4(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+      vitefu: 1.0.6(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
     transitivePeerDependencies:
       - supports-color
 
@@ -3010,7 +3030,7 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
-  '@tailwindcss/node@4.1.8':
+  '@tailwindcss/node@4.1.10':
     dependencies:
       '@ampproject/remapping': 2.3.0
       enhanced-resolve: 5.18.1
@@ -3018,77 +3038,81 @@ snapshots:
       lightningcss: 1.30.1
       magic-string: 0.30.17
       source-map-js: 1.2.1
-      tailwindcss: 4.1.8
+      tailwindcss: 4.1.10
 
-  '@tailwindcss/oxide-android-arm64@4.1.8':
+  '@tailwindcss/oxide-android-arm64@4.1.10':
     optional: true
 
-  '@tailwindcss/oxide-darwin-arm64@4.1.8':
+  '@tailwindcss/oxide-darwin-arm64@4.1.10':
     optional: true
 
-  '@tailwindcss/oxide-darwin-x64@4.1.8':
+  '@tailwindcss/oxide-darwin-x64@4.1.10':
     optional: true
 
-  '@tailwindcss/oxide-freebsd-x64@4.1.8':
+  '@tailwindcss/oxide-freebsd-x64@4.1.10':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.8':
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.10':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.8':
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.10':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.8':
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.10':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.8':
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.10':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-musl@4.1.8':
+  '@tailwindcss/oxide-linux-x64-musl@4.1.10':
     optional: true
 
-  '@tailwindcss/oxide-wasm32-wasi@4.1.8':
+  '@tailwindcss/oxide-wasm32-wasi@4.1.10':
     optional: true
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.8':
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.10':
     optional: true
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.8':
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.10':
     optional: true
 
-  '@tailwindcss/oxide@4.1.8':
+  '@tailwindcss/oxide@4.1.10':
     dependencies:
       detect-libc: 2.0.4
       tar: 7.4.3
     optionalDependencies:
-      '@tailwindcss/oxide-android-arm64': 4.1.8
-      '@tailwindcss/oxide-darwin-arm64': 4.1.8
-      '@tailwindcss/oxide-darwin-x64': 4.1.8
-      '@tailwindcss/oxide-freebsd-x64': 4.1.8
-      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.8
-      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.8
-      '@tailwindcss/oxide-linux-arm64-musl': 4.1.8
-      '@tailwindcss/oxide-linux-x64-gnu': 4.1.8
-      '@tailwindcss/oxide-linux-x64-musl': 4.1.8
-      '@tailwindcss/oxide-wasm32-wasi': 4.1.8
-      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.8
-      '@tailwindcss/oxide-win32-x64-msvc': 4.1.8
-
-  '@tailwindcss/typography@0.5.16(tailwindcss@4.1.8)':
+      '@tailwindcss/oxide-android-arm64': 4.1.10
+      '@tailwindcss/oxide-darwin-arm64': 4.1.10
+      '@tailwindcss/oxide-darwin-x64': 4.1.10
+      '@tailwindcss/oxide-freebsd-x64': 4.1.10
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.10
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.10
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.10
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.10
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.10
+      '@tailwindcss/oxide-wasm32-wasi': 4.1.10
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.10
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.10
+
+  '@tailwindcss/typography@0.5.16(tailwindcss@4.1.10)':
     dependencies:
       lodash.castarray: 4.4.0
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       postcss-selector-parser: 6.0.10
-      tailwindcss: 4.1.8
+      tailwindcss: 4.1.10
 
-  '@tailwindcss/vite@4.1.8(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
+  '@tailwindcss/vite@4.1.10(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
     dependencies:
-      '@tailwindcss/node': 4.1.8
-      '@tailwindcss/oxide': 4.1.8
-      tailwindcss: 4.1.8
+      '@tailwindcss/node': 4.1.10
+      '@tailwindcss/oxide': 4.1.10
+      tailwindcss: 4.1.10
       vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
 
+  '@types/chai@5.2.2':
+    dependencies:
+      '@types/deep-eql': 4.0.2
+
   '@types/cookie@0.6.0': {}
 
   '@types/culori@4.0.0': {}
@@ -3101,10 +3125,14 @@ snapshots:
 
   '@types/d3-time@3.0.4': {}
 
+  '@types/deep-eql@4.0.2': {}
+
   '@types/estree@0.0.39': {}
 
   '@types/estree@1.0.7': {}
 
+  '@types/estree@1.0.8': {}
+
   '@types/hast@3.0.3':
     dependencies:
       '@types/unist': 3.0.2
@@ -3131,10 +3159,11 @@ snapshots:
 
   '@types/unist@3.0.2': {}
 
-  '@vitest/coverage-v8@3.1.4(vitest@3.1.4(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
+  '@vitest/coverage-v8@3.2.3(vitest@3.2.3(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@bcoe/v8-coverage': 1.0.2
+      ast-v8-to-istanbul: 0.3.3
       debug: 4.4.1
       istanbul-lib-coverage: 3.2.2
       istanbul-lib-report: 3.0.1
@@ -3145,47 +3174,49 @@ snapshots:
       std-env: 3.9.0
       test-exclude: 7.0.1
       tinyrainbow: 2.0.0
-      vitest: 3.1.4(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
+      vitest: 3.2.3(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitest/expect@3.1.4':
+  '@vitest/expect@3.2.3':
     dependencies:
-      '@vitest/spy': 3.1.4
-      '@vitest/utils': 3.1.4
+      '@types/chai': 5.2.2
+      '@vitest/spy': 3.2.3
+      '@vitest/utils': 3.2.3
       chai: 5.2.0
       tinyrainbow: 2.0.0
 
-  '@vitest/mocker@3.1.4(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
+  '@vitest/mocker@3.2.3(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))':
     dependencies:
-      '@vitest/spy': 3.1.4
+      '@vitest/spy': 3.2.3
       estree-walker: 3.0.3
       magic-string: 0.30.17
     optionalDependencies:
       vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
 
-  '@vitest/pretty-format@3.1.4':
+  '@vitest/pretty-format@3.2.3':
     dependencies:
       tinyrainbow: 2.0.0
 
-  '@vitest/runner@3.1.4':
+  '@vitest/runner@3.2.3':
     dependencies:
-      '@vitest/utils': 3.1.4
+      '@vitest/utils': 3.2.3
       pathe: 2.0.3
+      strip-literal: 3.0.0
 
-  '@vitest/snapshot@3.1.4':
+  '@vitest/snapshot@3.2.3':
     dependencies:
-      '@vitest/pretty-format': 3.1.4
+      '@vitest/pretty-format': 3.2.3
       magic-string: 0.30.17
       pathe: 2.0.3
 
-  '@vitest/spy@3.1.4':
+  '@vitest/spy@3.2.3':
     dependencies:
-      tinyspy: 3.0.2
+      tinyspy: 4.0.3
 
-  '@vitest/utils@3.1.4':
+  '@vitest/utils@3.2.3':
     dependencies:
-      '@vitest/pretty-format': 3.1.4
+      '@vitest/pretty-format': 3.2.3
       loupe: 3.1.3
       tinyrainbow: 2.0.0
 
@@ -3193,7 +3224,7 @@ snapshots:
 
   acorn@8.14.0: {}
 
-  acorn@8.14.1: {}
+  acorn@8.15.0: {}
 
   ansi-colors@4.1.3: {}
 
@@ -3221,6 +3252,12 @@ snapshots:
 
   assertion-error@2.0.1: {}
 
+  ast-v8-to-istanbul@0.3.3:
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.25
+      estree-walker: 3.0.3
+      js-tokens: 9.0.1
+
   axobject-query@4.1.0: {}
 
   balanced-match@1.0.2: {}
@@ -3235,6 +3272,10 @@ snapshots:
     dependencies:
       balanced-match: 1.0.2
 
+  brace-expansion@2.0.2:
+    dependencies:
+      balanced-match: 1.0.2
+
   braces@3.0.3:
     dependencies:
       fill-range: 7.1.1
@@ -3268,8 +3309,8 @@ snapshots:
   code-red@1.0.4:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
-      '@types/estree': 1.0.7
-      acorn: 8.14.1
+      '@types/estree': 1.0.8
+      acorn: 8.14.0
       estree-walker: 3.0.3
       periscopic: 3.1.0
 
@@ -3295,7 +3336,7 @@ snapshots:
 
   cookie@0.7.2: {}
 
-  core-js@3.42.0: {}
+  core-js@3.43.0: {}
 
   cross-spawn@7.0.3:
     dependencies:
@@ -3350,10 +3391,6 @@ snapshots:
 
   dataloader@1.4.0: {}
 
-  debug@4.4.0:
-    dependencies:
-      ms: 2.1.3
-
   debug@4.4.1:
     dependencies:
       ms: 2.1.3
@@ -3428,7 +3465,7 @@ snapshots:
 
   esprima@4.0.1: {}
 
-  esrap@1.4.6:
+  esrap@1.4.9:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
 
@@ -3438,7 +3475,7 @@ snapshots:
 
   estree-walker@3.0.3:
     dependencies:
-      '@types/estree': 1.0.7
+      '@types/estree': 1.0.8
 
   exit-hook@2.2.1: {}
 
@@ -3470,6 +3507,10 @@ snapshots:
     optionalDependencies:
       picomatch: 4.0.2
 
+  fdir@6.4.6(picomatch@4.0.2):
+    optionalDependencies:
+      picomatch: 4.0.2
+
   fflate@0.4.8: {}
 
   fill-range@7.1.1:
@@ -3602,7 +3643,7 @@ snapshots:
 
   is-reference@3.0.3:
     dependencies:
-      '@types/estree': 1.0.7
+      '@types/estree': 1.0.8
 
   is-subdir@1.2.0:
     dependencies:
@@ -3647,6 +3688,8 @@ snapshots:
 
   jiti@2.4.2: {}
 
+  js-tokens@9.0.1: {}
+
   js-yaml@3.14.1:
     dependencies:
       argparse: 1.0.10
@@ -3738,8 +3781,8 @@ snapshots:
 
   magicast@0.3.5:
     dependencies:
-      '@babel/parser': 7.27.2
-      '@babel/types': 7.27.1
+      '@babel/parser': 7.27.5
+      '@babel/types': 7.27.6
       source-map-js: 1.2.1
 
   make-dir@4.0.0:
@@ -3750,12 +3793,12 @@ snapshots:
 
   mdn-data@2.0.30: {}
 
-  mdsvex@0.12.3(svelte@5.33.10):
+  mdsvex@0.12.3(svelte@5.34.1):
     dependencies:
       '@types/unist': 2.0.11
       prism-svelte: 0.4.7
       prismjs: 1.30.0
-      svelte: 5.33.10
+      svelte: 5.34.1
       vfile-message: 2.0.4
 
   merge2@1.4.1: {}
@@ -3767,7 +3810,7 @@ snapshots:
 
   mime@3.0.0: {}
 
-  miniflare@4.20250525.0:
+  miniflare@4.20250604.1:
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       acorn: 8.14.0
@@ -3777,7 +3820,7 @@ snapshots:
       sharp: 0.33.5
       stoppable: 1.1.0
       undici: 5.29.0
-      workerd: 1.20250525.0
+      workerd: 1.20250604.0
       ws: 8.18.0
       youch: 3.3.4
       zod: 3.22.3
@@ -3791,7 +3834,7 @@ snapshots:
 
   minimatch@9.0.5:
     dependencies:
-      brace-expansion: 2.0.1
+      brace-expansion: 2.0.2
 
   minipass@7.1.2: {}
 
@@ -3881,7 +3924,7 @@ snapshots:
 
   periscopic@3.1.0:
     dependencies:
-      '@types/estree': 1.0.7
+      '@types/estree': 1.0.8
       estree-walker: 3.0.3
       is-reference: 3.0.3
 
@@ -3913,19 +3956,19 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
-  posthog-js@1.248.1:
+  posthog-js@1.252.0:
     dependencies:
-      core-js: 3.42.0
+      core-js: 3.43.0
       fflate: 0.4.8
-      preact: 10.26.8
+      preact: 10.26.9
       web-vitals: 4.2.4
 
-  preact@10.26.8: {}
+  preact@10.26.9: {}
 
-  prettier-plugin-svelte@3.4.0(prettier@3.5.3)(svelte@5.33.10):
+  prettier-plugin-svelte@3.4.0(prettier@3.5.3)(svelte@5.34.1):
     dependencies:
       prettier: 3.5.3
-      svelte: 5.33.10
+      svelte: 5.34.1
 
   prettier@2.8.8: {}
 
@@ -4124,6 +4167,10 @@ snapshots:
 
   strip-bom@3.0.0: {}
 
+  strip-literal@3.0.0:
+    dependencies:
+      js-tokens: 9.0.1
+
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
@@ -4153,14 +4200,14 @@ snapshots:
       - stylus
       - sugarss
 
-  svelte-check@4.2.1(picomatch@4.0.2)(svelte@5.33.10)(typescript@5.8.3):
+  svelte-check@4.2.1(picomatch@4.0.2)(svelte@5.34.1)(typescript@5.8.3):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 4.0.3
       fdir: 6.4.4(picomatch@4.0.2)
       picocolors: 1.1.1
       sade: 1.8.1
-      svelte: 5.33.10
+      svelte: 5.34.1
       typescript: 5.8.3
     transitivePeerDependencies:
       - picomatch
@@ -4173,11 +4220,11 @@ snapshots:
       postcss-load-config: 6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0)
       typescript: 5.8.3
 
-  svelte2tsx@0.7.39(svelte@5.33.10)(typescript@5.8.3):
+  svelte2tsx@0.7.39(svelte@5.34.1)(typescript@5.8.3):
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
-      svelte: 5.33.10
+      svelte: 5.34.1
       typescript: 5.8.3
 
   svelte@4.2.20:
@@ -4185,8 +4232,8 @@ snapshots:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.5.0
       '@jridgewell/trace-mapping': 0.3.25
-      '@types/estree': 1.0.7
-      acorn: 8.14.1
+      '@types/estree': 1.0.8
+      acorn: 8.14.0
       aria-query: 5.3.2
       axobject-query: 4.1.0
       code-red: 1.0.4
@@ -4197,18 +4244,18 @@ snapshots:
       magic-string: 0.30.17
       periscopic: 3.1.0
 
-  svelte@5.33.10:
+  svelte@5.34.1:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.5.0
-      '@sveltejs/acorn-typescript': 1.0.5(acorn@8.14.1)
-      '@types/estree': 1.0.7
-      acorn: 8.14.1
+      '@sveltejs/acorn-typescript': 1.0.5(acorn@8.15.0)
+      '@types/estree': 1.0.8
+      acorn: 8.15.0
       aria-query: 5.3.2
       axobject-query: 4.1.0
       clsx: 2.1.1
       esm-env: 1.2.2
-      esrap: 1.4.6
+      esrap: 1.4.9
       is-reference: 3.0.3
       locate-character: 3.0.0
       magic-string: 0.30.17
@@ -4216,7 +4263,7 @@ snapshots:
 
   tailwind-merge@3.3.0: {}
 
-  tailwindcss@4.1.8: {}
+  tailwindcss@4.1.10: {}
 
   tapable@2.2.2: {}
 
@@ -4251,11 +4298,16 @@ snapshots:
       fdir: 6.4.4(picomatch@4.0.2)
       picomatch: 4.0.2
 
-  tinypool@1.0.2: {}
+  tinyglobby@0.2.14:
+    dependencies:
+      fdir: 6.4.6(picomatch@4.0.2)
+      picomatch: 4.0.2
+
+  tinypool@1.1.0: {}
 
   tinyrainbow@2.0.0: {}
 
-  tinyspy@3.0.2: {}
+  tinyspy@4.0.3: {}
 
   tmp@0.0.33:
     dependencies:
@@ -4317,7 +4369,7 @@ snapshots:
       '@types/unist': 2.0.11
       unist-util-stringify-position: 2.0.3
 
-  vite-node@3.1.4(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0):
+  vite-node@3.2.3(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0):
     dependencies:
       cac: 6.7.14
       debug: 4.4.1
@@ -4353,32 +4405,34 @@ snapshots:
       lightningcss: 1.30.1
       yaml: 2.7.0
 
-  vitefu@1.0.4(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)):
+  vitefu@1.0.6(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)):
     optionalDependencies:
       vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
 
-  vitest@3.1.4(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0):
+  vitest@3.2.3(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0):
     dependencies:
-      '@vitest/expect': 3.1.4
-      '@vitest/mocker': 3.1.4(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
-      '@vitest/pretty-format': 3.1.4
-      '@vitest/runner': 3.1.4
-      '@vitest/snapshot': 3.1.4
-      '@vitest/spy': 3.1.4
-      '@vitest/utils': 3.1.4
+      '@types/chai': 5.2.2
+      '@vitest/expect': 3.2.3
+      '@vitest/mocker': 3.2.3(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0))
+      '@vitest/pretty-format': 3.2.3
+      '@vitest/runner': 3.2.3
+      '@vitest/snapshot': 3.2.3
+      '@vitest/spy': 3.2.3
+      '@vitest/utils': 3.2.3
       chai: 5.2.0
       debug: 4.4.1
       expect-type: 1.2.1
       magic-string: 0.30.17
       pathe: 2.0.3
+      picomatch: 4.0.2
       std-env: 3.9.0
       tinybench: 2.9.0
       tinyexec: 0.3.2
-      tinyglobby: 0.2.13
-      tinypool: 1.0.2
+      tinyglobby: 0.2.14
+      tinypool: 1.1.0
       tinyrainbow: 2.0.0
       vite: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
-      vite-node: 3.1.4(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
+      vite-node: 3.2.3(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/node': 22.13.5
@@ -4414,30 +4468,31 @@ snapshots:
       siginfo: 2.0.0
       stackback: 0.0.2
 
-  workerd@1.20250525.0:
+  workerd@1.20250604.0:
     optionalDependencies:
-      '@cloudflare/workerd-darwin-64': 1.20250525.0
-      '@cloudflare/workerd-darwin-arm64': 1.20250525.0
-      '@cloudflare/workerd-linux-64': 1.20250525.0
-      '@cloudflare/workerd-linux-arm64': 1.20250525.0
-      '@cloudflare/workerd-windows-64': 1.20250525.0
+      '@cloudflare/workerd-darwin-64': 1.20250604.0
+      '@cloudflare/workerd-darwin-arm64': 1.20250604.0
+      '@cloudflare/workerd-linux-64': 1.20250604.0
+      '@cloudflare/workerd-linux-arm64': 1.20250604.0
+      '@cloudflare/workerd-windows-64': 1.20250604.0
 
   worktop@0.8.0-next.18:
     dependencies:
       mrmime: 2.0.1
       regexparam: 3.0.0
 
-  wrangler@4.18.0:
+  wrangler@4.20.0(@cloudflare/workers-types@4.20250613.0):
     dependencies:
       '@cloudflare/kv-asset-handler': 0.4.0
-      '@cloudflare/unenv-preset': 2.3.2(unenv@2.0.0-rc.17)(workerd@1.20250525.0)
+      '@cloudflare/unenv-preset': 2.3.2(unenv@2.0.0-rc.17)(workerd@1.20250604.0)
       blake3-wasm: 2.1.5
       esbuild: 0.25.4
-      miniflare: 4.20250525.0
+      miniflare: 4.20250604.1
       path-to-regexp: 6.3.0
       unenv: 2.0.0-rc.17
-      workerd: 1.20250525.0
+      workerd: 1.20250604.0
     optionalDependencies:
+      '@cloudflare/workers-types': 4.20250613.0
       fsevents: 2.3.3
     transitivePeerDependencies:
       - bufferutil
@@ -4472,4 +4527,4 @@ snapshots:
 
   zod@3.22.3: {}
 
-  zod@3.25.41: {}
+  zod@3.25.64: {}

From d27840cb9376babbf4aa0616cfa1b0ca288cb796 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 13 Jun 2025 12:39:36 -0400
Subject: [PATCH 39/53] Version Packages (next) (#604)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json             | 1 +
 packages/svelte-ux/CHANGELOG.md | 6 ++++++
 packages/svelte-ux/package.json | 2 +-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 108a55d3d..46090a00c 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -16,6 +16,7 @@
     "green-maps-bathe",
     "loose-baths-make",
     "major-turkeys-ask",
+    "nice-lamps-sing",
     "nice-onions-sell",
     "open-hats-arrive",
     "ready-planets-deny",
diff --git a/packages/svelte-ux/CHANGELOG.md b/packages/svelte-ux/CHANGELOG.md
index 8b99d9ce4..a7fad7e39 100644
--- a/packages/svelte-ux/CHANGELOG.md
+++ b/packages/svelte-ux/CHANGELOG.md
@@ -1,5 +1,11 @@
 # svelte-ux
 
+## 2.0.0-next.10
+
+### Patch Changes
+
+- chore: Update deps ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
 ## 2.0.0-next.9
 
 ### Patch Changes
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index e9a4bf06d..13672b8c5 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/svelte-ux",
-  "version": "2.0.0-next.9",
+  "version": "2.0.0-next.10",
   "scripts": {
     "dev": "vite dev --port 3001",
     "build": "vite build",

From 97051e836e72bd68d48561ddc4e339ce2ba7e6e7 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Fri, 13 Jun 2025 13:24:06 -0400
Subject: [PATCH 40/53] chore: Update @layerstack/tailwind with better theme
 generation and runtime separation

---
 .changeset/loud-bees-juggle.md  |  5 +++++
 packages/svelte-ux/package.json |  2 +-
 pnpm-lock.yaml                  | 10 +++++-----
 3 files changed, 11 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/loud-bees-juggle.md

diff --git a/.changeset/loud-bees-juggle.md b/.changeset/loud-bees-juggle.md
new file mode 100644
index 000000000..83a14ee57
--- /dev/null
+++ b/.changeset/loud-bees-juggle.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+chore: Update @layerstack/tailwind with better theme generation and runtime separation
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index 13672b8c5..918bc641a 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -57,7 +57,7 @@
     "@layerstack/svelte-actions": "1.0.1-next.12",
     "@layerstack/svelte-stores": "1.0.2-next.12",
     "@layerstack/svelte-table": "1.0.1-next.12",
-    "@layerstack/tailwind": "2.0.0-next.14",
+    "@layerstack/tailwind": "2.0.0-next.15",
     "@layerstack/utils": "2.0.0-next.12",
     "@mdi/js": "^7.4.47",
     "d3-array": "^3.2.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5387470c0..5bacd81b5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -39,8 +39,8 @@ importers:
         specifier: 1.0.1-next.12
         version: 1.0.1-next.12
       '@layerstack/tailwind':
-        specifier: 2.0.0-next.14
-        version: 2.0.0-next.14
+        specifier: 2.0.0-next.15
+        version: 2.0.0-next.15
       '@layerstack/utils':
         specifier: 2.0.0-next.12
         version: 2.0.0-next.12
@@ -632,8 +632,8 @@ packages:
   '@layerstack/svelte-table@1.0.1-next.12':
     resolution: {integrity: sha512-u5zFdXQWlEJTGXNf52ku6hjyxmjp6ge6GwkW+oecqknY8v0b9d1MfrEw3dGJ4Ap88I0aBIdufmOkd0TTEwiCkQ==}
 
-  '@layerstack/tailwind@2.0.0-next.14':
-    resolution: {integrity: sha512-lpFN98P86Ab3VtSVwNcFvwyHriHOEiz6mcNpItEm/KV9pqYZxDguPE5l+ydk4ylRlNkFUyHhC1X85pz8C0eERQ==}
+  '@layerstack/tailwind@2.0.0-next.15':
+    resolution: {integrity: sha512-7tqKE3OV7/ybeDOORX++USYYCBJa7IgTya2czFpzbgXGo7CQDVyuv+0J1DggjRcEqhhXQA4MUhgnhcRaZvHxWg==}
 
   '@layerstack/utils@2.0.0-next.12':
     resolution: {integrity: sha512-fhGZUlSr3N+D44BYm37WKMGSEFyZBW+dwIqtGU8Cl54mR4TLQ/UwyGhdpgIHyH/x/8q1abE0fP0Dn6ZsrDE3BA==}
@@ -2828,7 +2828,7 @@ snapshots:
       d3-array: 3.2.4
       lodash-es: 4.17.21
 
-  '@layerstack/tailwind@2.0.0-next.14':
+  '@layerstack/tailwind@2.0.0-next.15':
     dependencies:
       '@layerstack/utils': 2.0.0-next.12
       clsx: 2.1.1

From 854ee845c2f838b22fa3a9334df95ddc18236e7c Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 13 Jun 2025 13:24:41 -0400
Subject: [PATCH 41/53] Version Packages (next) (#605)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json             | 1 +
 packages/svelte-ux/CHANGELOG.md | 6 ++++++
 packages/svelte-ux/package.json | 2 +-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 46090a00c..567d44098 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -15,6 +15,7 @@
     "funny-days-crash",
     "green-maps-bathe",
     "loose-baths-make",
+    "loud-bees-juggle",
     "major-turkeys-ask",
     "nice-lamps-sing",
     "nice-onions-sell",
diff --git a/packages/svelte-ux/CHANGELOG.md b/packages/svelte-ux/CHANGELOG.md
index a7fad7e39..f817ff427 100644
--- a/packages/svelte-ux/CHANGELOG.md
+++ b/packages/svelte-ux/CHANGELOG.md
@@ -1,5 +1,11 @@
 # svelte-ux
 
+## 2.0.0-next.11
+
+### Patch Changes
+
+- chore: Update @layerstack/tailwind with better theme generation and runtime separation ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
 ## 2.0.0-next.10
 
 ### Patch Changes
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index 918bc641a..bbff8d745 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/svelte-ux",
-  "version": "2.0.0-next.10",
+  "version": "2.0.0-next.11",
   "scripts": {
     "dev": "vite dev --port 3001",
     "build": "vite build",

From 52906bcf3b51d84852815183f2d7825f2ab7e765 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Fri, 13 Jun 2025 13:29:12 -0400
Subject: [PATCH 42/53] Comment out unused ColorField and color utils (fix CI)

---
 .../src/routes/theme/ColorField.svelte        |  4 +-
 packages/svelte-ux/src/routes/theme/colors.ts | 40 +++++++++----------
 2 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/packages/svelte-ux/src/routes/theme/ColorField.svelte b/packages/svelte-ux/src/routes/theme/ColorField.svelte
index 4e0934492..5bcd9a39e 100644
--- a/packages/svelte-ux/src/routes/theme/ColorField.svelte
+++ b/packages/svelte-ux/src/routes/theme/ColorField.svelte
@@ -1,4 +1,4 @@
-<script lang="ts">
+<!-- <script lang="ts">
   import { createEventDispatcher, type ComponentProps } from 'svelte';
   import { formatHex } from 'culori';
 
@@ -39,4 +39,4 @@
       class="w-6 h-6 rounded-sm opacity-0 cursor-pointer"
     />
   </div>
-</TextField>
+</TextField> -->
diff --git a/packages/svelte-ux/src/routes/theme/colors.ts b/packages/svelte-ux/src/routes/theme/colors.ts
index 85f18a552..a84e1b4ae 100644
--- a/packages/svelte-ux/src/routes/theme/colors.ts
+++ b/packages/svelte-ux/src/routes/theme/colors.ts
@@ -1,21 +1,21 @@
-import { convertColor, type SupportedColorSpace } from '@layerstack/tailwind';
-import { formatHex } from 'culori';
+// import { convertColor, type SupportedColorSpace } from '@layerstack/tailwind';
+// import { formatHex } from 'culori';
 
-export function formatColor(value: string, colorSpace: SupportedColorSpace | 'hex') {
-  if (value) {
-    if (colorSpace === 'hex') {
-      // Only format if not already formatted.  Fixes `#123` becoming `#112233`
-      return value.startsWith('#') ? value : formatHex(value);
-    } else {
-      const color = convertColor(value, colorSpace);
-      if (color) {
-        return color;
-      } else {
-        // Return original if unable to convert (i.e invalid such as `rgb( 20 30)`)
-        return value;
-      }
-    }
-  } else {
-    return value;
-  }
-}
+// export function formatColor(value: string, colorSpace: SupportedColorSpace | 'hex') {
+//   if (value) {
+//     if (colorSpace === 'hex') {
+//       // Only format if not already formatted.  Fixes `#123` becoming `#112233`
+//       return value.startsWith('#') ? value : formatHex(value);
+//     } else {
+//       const color = convertColor(value, colorSpace);
+//       if (color) {
+//         return color;
+//       } else {
+//         // Return original if unable to convert (i.e invalid such as `rgb( 20 30)`)
+//         return value;
+//       }
+//     }
+//   } else {
+//     return value;
+//   }
+// }

From 1c9a3c9f8c2ce34521ff1284a1584f7d9a4e8044 Mon Sep 17 00:00:00 2001
From: miki <0xmik@proton.me>
Date: Mon, 16 Jun 2025 22:28:38 +0300
Subject: [PATCH 43/53] Updated get started page with tailwind v4 guide (#608)

* updated the get started page with tailwind v4 guide and added shell.nix file

* Run `pnpm format`

---------

Co-authored-by: Sean Lynch <techniq35@gmail.com>
---
 packages/svelte-ux/src/routes/+page.svelte | 118 +++++++--------------
 shell.nix                                  |   8 ++
 2 files changed, 49 insertions(+), 77 deletions(-)
 create mode 100644 shell.nix

diff --git a/packages/svelte-ux/src/routes/+page.svelte b/packages/svelte-ux/src/routes/+page.svelte
index f37607741..192b0f93a 100644
--- a/packages/svelte-ux/src/routes/+page.svelte
+++ b/packages/svelte-ux/src/routes/+page.svelte
@@ -33,7 +33,7 @@
       <Code source={`npx sv add tailwindcss`} language="sh" />
 
       <div>Add Svelte UX package</div>
-      <Code source={`npm install svelte-ux`} language="sh" />
+      <Code source={`npm install svelte-ux@next`} language="sh" />
     {:else if selectedTab === 'manual'}
       <div>
         Follow the Tailwind <a href="https://tailwindcss.com/docs/guides/sveltekit" target="_blank">
@@ -42,93 +42,57 @@
       </div>
 
       <div>Add Svelte UX package</div>
-      <Code source={`npm install svelte-ux`} language="sh" />
+      <Code source={`npm install svelte-ux@next`} language="sh" />
     {/if}
 
     {#if selectedTab === 'svelte-cli' || selectedTab === 'manual'}
-      <div>Update <code>tailwind.config.cjs</code></div>
+      <div>Update <code>app.css</code></div>
       <Code
-        source={`const colors = require('tailwindcss/colors');
-const layerstack = require('@layerstack/tailwind/plugin');
-
-module.exports = {
-  content: [
-    './src/**/*.{html,svelte}', 
-    './node_modules/svelte-ux/**/*.{svelte,js}'
-  ],
-
-  // See customization docs: https://svelte-ux.techniq.dev/customization
-  ux: {
-    themes: {
-      light: {
-        primary: colors['orange']['500'],
-        'primary-content': 'white',
-        secondary: colors['blue']['500'],
-        'surface-100': 'white',
-        'surface-200': colors['gray']['100'],
-        'surface-300': colors['gray']['300'],
-        'surface-content': colors['gray']['900'],
-        'color-scheme': 'light'
-      },
-      dark: {
-        primary: colors['orange']['500'],
-        'primary-content': 'white',
-        secondary: colors['blue']['500'],
-        'surface-100': colors['zinc']['800'],
-        'surface-200': colors['zinc']['900'],
-        'surface-300': colors['zinc']['950'],
-        'surface-content': colors['zinc']['100'],
-        'color-scheme': 'dark'
-      },
-    },
-  },
-
-  plugins: [
-    layerstack,  // uses hsl() color space by default. To use oklch(), use: layerstack({ colorSpace: 'oklch' }),
-  ]
-};`}
-        language="js"
+        source={`@import 'tailwindcss';
+@import '@layerstack/tailwind/core.css';
+@import '@layerstack/tailwind/utils.css';
+@import '@layerstack/tailwind/themes/basic.css'; // Note: Theme choice explained below
+
+@source '../../node_modules/svelte-ux/dist';
+@source '../../node_modules/@layerchart/dist'; 
+
+// You can customize your theme as you see fit using CSS variables. Dark mode is targeted using with .dark class on :root/<html>
+:root {
+  --color-primary: var(--color-purple-700);
+  --color-secondary: var(--color-orange-500);
+
+  &.dark {
+    --color-primary: var(--color-purple-400);
+    --color-surface-100: var(--color-zinc-900);
+    --color-surface-200: var(--color-zinc-950);
+    --color-surface-300: var(--color-black);
+  }
+}
+`}
+        language="css"
       />
     {/if}
   </div>
 
-  <p>A few notes regarding the <code>tailwind.config.cjs</code></p>
-
-  <ul>
-    <li>
-      <code>{`./node_modules/svelte-ux/**/*.{(svelte, js)}`}</code> adds the library classes via
-      <a href="https://tailwindcss.com/docs/content-configuration">JIT</a>
-    </li>
+  <strong class="block mt-3 mb-1 text-surface-content">Theme setup:</strong>
+  <ul class="list-disc pl-6 space-y-1 my-1 text-sm text-surface-content">
     <li>
-      <code>ux.themes</code> is used to configure the theme colors. See
-      <a href="/customization">customization</a> for more details.
+      The line <code>@import '@layerstack/tailwind/themes/basic.css';</code> in the CSS example
+      above provides basic light and dark theme support. If you require multiple light/dark themes,
+      or want to use pre-built themes like Skeleton or Daisy UI (which is what the Svelte UX
+      <a
+        href="https://github.com/techniq/svelte-ux/blob/next/packages/svelte-ux/src/routes/app.css"
+        target="_blank">docs</a
+      >
+      use), you should replace this line with
+      <code>@import '@layerstack/tailwind/themes/all.css';</code>.
     </li>
     <li>
-      Tailwind plugin injects the theme color variables, sets border, outline, ring, and typograpy
-      defauls based on the theme, and adds additional utility classes including:
-      <ul>
-        <li>
-          <code>elevation-#</code> for
-          <a
-            class="text-primary font-medium"
-            href="https://www.joshwcomeau.com/css/designing-shadows/"
-            rel="nofollow">realistic shadows</a
-          >
-          using multiple shadow layers, unlike the current Tailwind
-          <a
-            class="text-primary font-medium"
-            href="https://tailwindcss.com/docs/box-shadow"
-            rel="nofollow">shadows</a
-          >
-          which have at most 2 layers.
-        </li>
-        <li>
-          <code>grid-stack</code> to easily stack grid children
-        </li>
-        <li>
-          <code>scrollbar-none</code> to hide the scrollbar
-        </li>
-      </ul>
+      @layerstack/tailwind (the theme system used by Svelte UX) was migrated to be css-only. You can
+      see the source on the next branch <a
+        href="https://github.com/techniq/layerstack/tree/next/packages/tailwind/src/lib/css"
+        target="_blank">here</a
+      >
     </li>
   </ul>
 
diff --git a/shell.nix b/shell.nix
new file mode 100644
index 000000000..211363925
--- /dev/null
+++ b/shell.nix
@@ -0,0 +1,8 @@
+{ pkgs ? import <nixpkgs> {} }:  
+  
+pkgs.mkShell {  
+  buildInputs = with pkgs; [  
+    nodejs
+    pnpm  
+  ];  
+}
\ No newline at end of file

From dafbfd2a7bdc7c0b4105f87032ff76c2f232830d Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Tue, 17 Jun 2025 08:48:19 -0400
Subject: [PATCH 44/53] Fix getting started docs

---
 packages/svelte-ux/src/routes/+page.svelte | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/svelte-ux/src/routes/+page.svelte b/packages/svelte-ux/src/routes/+page.svelte
index 192b0f93a..d1bfd7bd0 100644
--- a/packages/svelte-ux/src/routes/+page.svelte
+++ b/packages/svelte-ux/src/routes/+page.svelte
@@ -51,12 +51,15 @@
         source={`@import 'tailwindcss';
 @import '@layerstack/tailwind/core.css';
 @import '@layerstack/tailwind/utils.css';
-@import '@layerstack/tailwind/themes/basic.css'; // Note: Theme choice explained below
+@import '@layerstack/tailwind/themes/basic.css'; /* Note: Theme choice explained below */
 
 @source '../../node_modules/svelte-ux/dist';
-@source '../../node_modules/@layerchart/dist'; 
+@source '../../node_modules/layerchart/dist';  /* if using LayerChart */
 
-// You can customize your theme as you see fit using CSS variables. Dark mode is targeted using with .dark class on :root/<html>
+/*
+You can customize your theme as you see fit using CSS variables.
+Dark mode is targeted using with .dark class on :root/<html>
+*/
 :root {
   --color-primary: var(--color-purple-700);
   --color-secondary: var(--color-orange-500);

From cbca985a7941bd0295c13683c4f9ac4c1a17dfb1 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Mon, 23 Jun 2025 14:23:06 -0400
Subject: [PATCH 45/53] docs: Setup unplugin-icons with lucide

---
 packages/svelte-ux/package.json   |   2 +
 packages/svelte-ux/src/app.d.ts   |   2 +
 packages/svelte-ux/vite.config.js |   9 +-
 pnpm-lock.yaml                    | 166 ++++++++++++++++++++++++++++++
 4 files changed, 178 insertions(+), 1 deletion(-)

diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index bbff8d745..9040cb4e4 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -22,6 +22,7 @@
     "@changesets/cli": "^2.29.4",
     "@fortawesome/fontawesome-common-types": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
+    "@iconify-json/lucide": "^1.2.51",
     "@sveltejs/adapter-cloudflare": "^7.0.4",
     "@sveltejs/kit": "^2.21.5",
     "@sveltejs/package": "^2.3.11",
@@ -48,6 +49,7 @@
     "tslib": "^2.8.1",
     "typescript": "^5.8.2",
     "unist-util-visit": "^5.0.0",
+    "unplugin-icons": "^22.1.0",
     "vite": "^6.2.1",
     "vitest": "^3.2.3"
   },
diff --git a/packages/svelte-ux/src/app.d.ts b/packages/svelte-ux/src/app.d.ts
index fbfb7a9c4..8083eaaef 100644
--- a/packages/svelte-ux/src/app.d.ts
+++ b/packages/svelte-ux/src/app.d.ts
@@ -1,3 +1,5 @@
+// export * from 'unplugin-icons/types/svelte';
+
 // See https://kit.svelte.dev/docs/types#app
 // for information about these interfaces
 // and what to do when importing types
diff --git a/packages/svelte-ux/vite.config.js b/packages/svelte-ux/vite.config.js
index 668c20c07..2098d9290 100644
--- a/packages/svelte-ux/vite.config.js
+++ b/packages/svelte-ux/vite.config.js
@@ -1,10 +1,17 @@
 import { defineConfig } from 'vitest/config';
 import { sveltekit } from '@sveltejs/kit/vite';
 import tailwindcss from '@tailwindcss/vite';
+import Icons from 'unplugin-icons/vite';
 import { sveld } from './src/lib/plugins/vite.js';
 
 export default defineConfig({
-  plugins: [tailwindcss(), sveltekit() /*, sveld()*/],
+  plugins: [
+    tailwindcss(),
+    sveltekit(),
+    Icons({
+      compiler: 'svelte',
+    }) /*, sveld()*/,
+  ],
   resolve: {
     noExternal: true, // https://github.com/AdrianGonz97/refined-cf-pages-action/issues/26#issuecomment-2878397440
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5bacd81b5..a57ce1911 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -87,6 +87,9 @@ importers:
       '@fortawesome/free-solid-svg-icons':
         specifier: ^6.7.2
         version: 6.7.2
+      '@iconify-json/lucide':
+        specifier: ^1.2.51
+        version: 1.2.51
       '@sveltejs/adapter-cloudflare':
         specifier: ^7.0.4
         version: 7.0.4(@sveltejs/kit@2.21.5(@sveltejs/vite-plugin-svelte@5.1.0(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(svelte@5.34.1)(vite@6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)))(wrangler@4.20.0(@cloudflare/workers-types@4.20250613.0))
@@ -165,6 +168,9 @@ importers:
       unist-util-visit:
         specifier: ^5.0.0
         version: 5.0.0
+      unplugin-icons:
+        specifier: ^22.1.0
+        version: 22.1.0(svelte@5.34.1)
       vite:
         specifier: ^6.2.1
         version: 6.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
@@ -178,6 +184,12 @@ packages:
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
 
+  '@antfu/install-pkg@1.1.0':
+    resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}
+
+  '@antfu/utils@8.1.1':
+    resolution: {integrity: sha512-Mex9nXf9vR6AhcXmMrlz/HVgYYZpVGJ6YlPgwl7UnaFpnshXs6EK/oa5Gpf3CzENMjkvEx2tQtntGnb7UtSTOQ==}
+
   '@babel/helper-string-parser@7.27.1':
     resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
     engines: {node: '>=6.9.0'}
@@ -485,6 +497,15 @@ packages:
     resolution: {integrity: sha512-GsBrnOzU8uj0LECDfD5zomZJIjrPhIlWU82AHwa2s40FKH+kcxQaBvBo3Z4TxyZHIyX8XTDxsyA33/Vx9eFuQA==}
     engines: {node: '>=6'}
 
+  '@iconify-json/lucide@1.2.51':
+    resolution: {integrity: sha512-k9joU3gb4M0WAfVOSwQrrpOSvNzaVLDUwffkzIHOwgdqYGOZrEYRjbNoi5TW0BVGM6Iii0PXD7MYcjYweRXwKg==}
+
+  '@iconify/types@2.0.0':
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
+  '@iconify/utils@2.3.0':
+    resolution: {integrity: sha512-GmQ78prtwYW6EtzXRU1rY+KwOKfz32PD7iJh6Iyqw68GiKuoZ2A6pRtzWONz5VQJbp50mEjXh/7NkumtrAgRKA==}
+
   '@img/sharp-darwin-arm64@0.33.5':
     resolution: {integrity: sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
@@ -1153,6 +1174,12 @@ packages:
     resolution: {integrity: sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==}
     engines: {node: '>= 12.0.0'}
 
+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
+  confbox@0.2.2:
+    resolution: {integrity: sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==}
+
   cookie@0.6.0:
     resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
     engines: {node: '>= 0.6'}
@@ -1404,6 +1431,10 @@ packages:
     engines: {node: 20 || >=22}
     hasBin: true
 
+  globals@15.15.0:
+    resolution: {integrity: sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==}
+    engines: {node: '>=18'}
+
   globby@11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
     engines: {node: '>=10'}
@@ -1532,6 +1563,9 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
+  kolorist@1.8.0:
+    resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
+
   lightningcss-darwin-arm64@1.30.1:
     resolution: {integrity: sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==}
     engines: {node: '>= 12.0.0'}
@@ -1600,6 +1634,10 @@ packages:
     resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
     engines: {node: '>=14'}
 
+  local-pkg@1.1.1:
+    resolution: {integrity: sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==}
+    engines: {node: '>=14'}
+
   locate-character@3.0.0:
     resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
 
@@ -1697,6 +1735,9 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
+  mlly@1.7.4:
+    resolution: {integrity: sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw==}
+
   mri@1.2.0:
     resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
     engines: {node: '>=4'}
@@ -1768,6 +1809,9 @@ packages:
   package-manager-detector@0.2.11:
     resolution: {integrity: sha512-BEnLolu+yuz22S56CU1SUKq3XC3PkwD5wv4ikR4MfGvnRVcmzXR9DwSlW2fEamyTPyXHomBJRzgapeuBvRNzJQ==}
 
+  package-manager-detector@1.3.0:
+    resolution: {integrity: sha512-ZsEbbZORsyHuO00lY1kV3/t72yp6Ysay6Pd17ZAlNGuGwmWDLCJxFpRs0IzfXfj1o4icJOkUEioexFHzyPurSQ==}
+
   pascal-case@3.1.2:
     resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
 
@@ -1822,6 +1866,12 @@ packages:
     resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
     engines: {node: '>=6'}
 
+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
+  pkg-types@2.1.0:
+    resolution: {integrity: sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==}
+
   postcss-load-config@6.0.1:
     resolution: {integrity: sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==}
     engines: {node: '>= 18'}
@@ -2151,6 +2201,9 @@ packages:
   tinyexec@0.3.2:
     resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
 
+  tinyexec@1.0.1:
+    resolution: {integrity: sha512-5uC6DDlmeqiOwCPmK9jMSdOuZTh8bU39Ys6yidB+UTt5hfZUPGAypSgFRiEp+jbi9qH40BLDvy85jIU88wKSqw==}
+
   tinyglobby@0.2.12:
     resolution: {integrity: sha512-qkf4trmKSIiMTs/E63cxH+ojC2unam7rJ0WrauAzpT3ECNTxGRMlaXxVbfxMUC/w0LaYk6jQ4y/nGR9uBO3tww==}
     engines: {node: '>=12.0.0'}
@@ -2227,6 +2280,33 @@ packages:
     resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
     engines: {node: '>= 4.0.0'}
 
+  unplugin-icons@22.1.0:
+    resolution: {integrity: sha512-ect2ZNtk1Zgwb0NVHd0C1IDW/MV+Jk/xaq4t8o6rYdVS3+L660ZdD5kTSQZvsgdwCvquRw+/wYn75hsweRjoIA==}
+    peerDependencies:
+      '@svgr/core': '>=7.0.0'
+      '@svgx/core': ^1.0.1
+      '@vue/compiler-sfc': ^3.0.2 || ^2.7.0
+      svelte: ^3.0.0 || ^4.0.0 || ^5.0.0
+      vue-template-compiler: ^2.6.12
+      vue-template-es2015-compiler: ^1.9.0
+    peerDependenciesMeta:
+      '@svgr/core':
+        optional: true
+      '@svgx/core':
+        optional: true
+      '@vue/compiler-sfc':
+        optional: true
+      svelte:
+        optional: true
+      vue-template-compiler:
+        optional: true
+      vue-template-es2015-compiler:
+        optional: true
+
+  unplugin@2.3.5:
+    resolution: {integrity: sha512-RyWSb5AHmGtjjNQ6gIlA67sHOsWpsbWpwDokLwTcejVdOjEkJZh7QKu14J00gDDVSh8kGH4KYC/TNBceXFZhtw==}
+    engines: {node: '>=18.12.0'}
+
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
@@ -2320,6 +2400,9 @@ packages:
   webidl-conversions@3.0.1:
     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
 
+  webpack-virtual-modules@0.6.2:
+    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+
   whatwg-url@5.0.0:
     resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
 
@@ -2400,6 +2483,13 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.8
       '@jridgewell/trace-mapping': 0.3.25
 
+  '@antfu/install-pkg@1.1.0':
+    dependencies:
+      package-manager-detector: 1.3.0
+      tinyexec: 1.0.1
+
+  '@antfu/utils@8.1.1': {}
+
   '@babel/helper-string-parser@7.27.1': {}
 
   '@babel/helper-validator-identifier@7.27.1': {}
@@ -2696,6 +2786,25 @@ snapshots:
     dependencies:
       '@fortawesome/fontawesome-common-types': 6.7.2
 
+  '@iconify-json/lucide@1.2.51':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify/types@2.0.0': {}
+
+  '@iconify/utils@2.3.0':
+    dependencies:
+      '@antfu/install-pkg': 1.1.0
+      '@antfu/utils': 8.1.1
+      '@iconify/types': 2.0.0
+      debug: 4.4.1
+      globals: 15.15.0
+      kolorist: 1.8.0
+      local-pkg: 1.1.1
+      mlly: 1.7.4
+    transitivePeerDependencies:
+      - supports-color
+
   '@img/sharp-darwin-arm64@0.33.5':
     optionalDependencies:
       '@img/sharp-libvips-darwin-arm64': 1.0.4
@@ -3332,6 +3441,10 @@ snapshots:
 
   comment-parser@1.4.1: {}
 
+  confbox@0.1.8: {}
+
+  confbox@0.2.2: {}
+
   cookie@0.6.0: {}
 
   cookie@0.7.2: {}
@@ -3580,6 +3693,8 @@ snapshots:
       package-json-from-dist: 1.0.0
       path-scurry: 2.0.0
 
+  globals@15.15.0: {}
+
   globby@11.1.0:
     dependencies:
       array-union: 2.1.0
@@ -3701,6 +3816,8 @@ snapshots:
 
   kleur@4.1.5: {}
 
+  kolorist@1.8.0: {}
+
   lightningcss-darwin-arm64@1.30.1:
     optional: true
 
@@ -3749,6 +3866,12 @@ snapshots:
   lilconfig@3.1.3:
     optional: true
 
+  local-pkg@1.1.1:
+    dependencies:
+      mlly: 1.7.4
+      pkg-types: 2.1.0
+      quansync: 0.2.10
+
   locate-character@3.0.0: {}
 
   locate-path@5.0.0:
@@ -3844,6 +3967,13 @@ snapshots:
 
   mkdirp@3.0.1: {}
 
+  mlly@1.7.4:
+    dependencies:
+      acorn: 8.15.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.6.1
+
   mri@1.2.0: {}
 
   mrmime@2.0.1: {}
@@ -3893,6 +4023,8 @@ snapshots:
     dependencies:
       quansync: 0.2.10
 
+  package-manager-detector@1.3.0: {}
+
   pascal-case@3.1.2:
     dependencies:
       no-case: 3.0.4
@@ -3936,6 +4068,18 @@ snapshots:
 
   pify@4.0.1: {}
 
+  pkg-types@1.3.1:
+    dependencies:
+      confbox: 0.1.8
+      mlly: 1.7.4
+      pathe: 2.0.3
+
+  pkg-types@2.1.0:
+    dependencies:
+      confbox: 0.2.2
+      exsolve: 1.0.5
+      pathe: 2.0.3
+
   postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(yaml@2.7.0):
     dependencies:
       lilconfig: 3.1.3
@@ -4288,6 +4432,8 @@ snapshots:
 
   tinyexec@0.3.2: {}
 
+  tinyexec@1.0.1: {}
+
   tinyglobby@0.2.12:
     dependencies:
       fdir: 6.4.4(picomatch@4.0.2)
@@ -4362,6 +4508,24 @@ snapshots:
 
   universalify@0.1.2: {}
 
+  unplugin-icons@22.1.0(svelte@5.34.1):
+    dependencies:
+      '@antfu/install-pkg': 1.1.0
+      '@iconify/utils': 2.3.0
+      debug: 4.4.1
+      local-pkg: 1.1.1
+      unplugin: 2.3.5
+    optionalDependencies:
+      svelte: 5.34.1
+    transitivePeerDependencies:
+      - supports-color
+
+  unplugin@2.3.5:
+    dependencies:
+      acorn: 8.15.0
+      picomatch: 4.0.2
+      webpack-virtual-modules: 0.6.2
+
   util-deprecate@1.0.2: {}
 
   vfile-message@2.0.4:
@@ -4454,6 +4618,8 @@ snapshots:
 
   webidl-conversions@3.0.1: {}
 
+  webpack-virtual-modules@0.6.2: {}
+
   whatwg-url@5.0.0:
     dependencies:
       tr46: 0.0.3

From 4acb45acb03db877559eceff62812434c49625b2 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Mon, 23 Jun 2025 14:24:41 -0400
Subject: [PATCH 46/53] feat(TreeList): Support passing `props` to underlying
 ul/li elements. Add `data-level` attribute to li for CSS targeting

---
 .changeset/violet-books-sneeze.md                  |  5 +++++
 .../svelte-ux/src/lib/components/TreeList.svelte   | 14 +++++++++++++-
 2 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/violet-books-sneeze.md

diff --git a/.changeset/violet-books-sneeze.md b/.changeset/violet-books-sneeze.md
new file mode 100644
index 000000000..7d3938410
--- /dev/null
+++ b/.changeset/violet-books-sneeze.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+feat(TreeList): Support passing `props` to underlying ul/li elements. Add `data-level` attribute to li for CSS targeting
diff --git a/packages/svelte-ux/src/lib/components/TreeList.svelte b/packages/svelte-ux/src/lib/components/TreeList.svelte
index 05b37083e..b3e283374 100644
--- a/packages/svelte-ux/src/lib/components/TreeList.svelte
+++ b/packages/svelte-ux/src/lib/components/TreeList.svelte
@@ -1,10 +1,19 @@
 <script lang="ts">
+  import type { HTMLAttributes } from 'svelte/elements';
   import type { TreeNode } from '@layerstack/utils/array';
   import { cls } from '@layerstack/tailwind';
+
   import { getComponentClasses } from './theme.js';
 
   export let nodes: TreeNode[];
 
+  export let props: {
+    ul?:
+      | HTMLAttributes<HTMLUListElement>
+      | ((nodes: TreeNode[]) => HTMLAttributes<HTMLUListElement>);
+    li?: HTMLAttributes<HTMLLIElement> | ((node: TreeNode) => HTMLAttributes<HTMLLIElement>);
+  } = {};
+
   export let classes: {
     ul?: string | ((nodes: TreeNode[]) => string);
     li?: string | ((node: TreeNode) => string);
@@ -13,6 +22,7 @@
 </script>
 
 <ul
+  {...typeof props.ul === 'function' ? props.ul(nodes) : props.ul}
   class={cls(
     'TreeList',
     typeof settingsClasses.ul === 'string' ? settingsClasses.ul : settingsClasses.ul?.(nodes),
@@ -22,14 +32,16 @@
 >
   {#each nodes ?? [] as node}
     <li
+      data-level={node.level}
       class={cls(
         typeof settingsClasses.li === 'string' ? settingsClasses.li : settingsClasses.li?.(node),
         typeof classes.li === 'string' ? classes.li : classes.li?.(node)
       )}
+      {...typeof props.li === 'function' ? props.li(node) : props.li}
     >
       <slot {node} />
       {#if node.children}
-        <svelte:self nodes={node.children} {classes} let:node>
+        <svelte:self nodes={node.children} {classes} {props} let:node>
           <slot {node} />
         </svelte:self>
       {/if}

From 74a877e36de41ef16e6f8ae0086455a67aa7bc93 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Mon, 23 Jun 2025 14:38:40 -0400
Subject: [PATCH 47/53] feat(TableOfContents): Simplify base styling and
 provide greater control via `classes`, `props`, `itemIndent` and `linkIndent`
 props and `link` slot.

---
 .changeset/bright-crabs-play.md               |  5 ++
 .../src/lib/components/TableOfContents.svelte | 54 ++++++++++++++-----
 .../components/TableOfContents/+page.svelte   | 43 ++++++++++++++-
 3 files changed, 87 insertions(+), 15 deletions(-)
 create mode 100644 .changeset/bright-crabs-play.md

diff --git a/.changeset/bright-crabs-play.md b/.changeset/bright-crabs-play.md
new file mode 100644
index 000000000..faf5f545b
--- /dev/null
+++ b/.changeset/bright-crabs-play.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+feat(TableOfContents): Simplify base styling and provide greater control via `classes`, `props`, `itemIndent` and `linkIndent` props and `link` slot.
diff --git a/packages/svelte-ux/src/lib/components/TableOfContents.svelte b/packages/svelte-ux/src/lib/components/TableOfContents.svelte
index bf161dc79..94f2ef3e8 100644
--- a/packages/svelte-ux/src/lib/components/TableOfContents.svelte
+++ b/packages/svelte-ux/src/lib/components/TableOfContents.svelte
@@ -1,22 +1,40 @@
 <script lang="ts">
-  import { createEventDispatcher, onDestroy, onMount } from 'svelte';
-  import { mdiCircleSmall } from '@mdi/js';
+  import { createEventDispatcher, onDestroy, onMount, type ComponentProps } from 'svelte';
+  import { type HTMLAttributes } from 'svelte/elements';
   import { BROWSER } from 'esm-env';
   import { buildTree, type TreeNode } from '@layerstack/utils/array';
   import { cls } from '@layerstack/tailwind';
 
   import TreeList from './TreeList.svelte';
-  import Icon from './Icon.svelte';
   import { getComponentClasses } from './theme.js';
 
   export let element = 'main';
   export let scrollContainer = BROWSER ? window : null;
   export let scrollOffset = 0;
   export let maxDepth = 6;
-  export let icon = mdiCircleSmall;
+
+  /**
+   * Indentation of each item
+   */
+  export let itemIndent = 0;
+
+  /**
+   * Indentation of each link
+   */
+  export let linkIndent = 0;
+
+  // export let icon = mdiCircleSmall;
   let className: string | undefined = undefined;
   export { className as class };
 
+  export let classes: {
+    a?: string | ((node: TreeNode) => string);
+  } & ComponentProps<typeof TreeList>['classes'] = {};
+
+  export let props: {
+    a?: HTMLAttributes<HTMLAnchorElement> | ((node: TreeNode) => HTMLAttributes<HTMLAnchorElement>);
+  } & ComponentProps<typeof TreeList>['props'] = {};
+
   type HeadingNode = { id: string; name: string; level: number; element: HTMLElement };
 
   const dispatch = createEventDispatcher<{
@@ -65,25 +83,33 @@
 
 <TreeList
   {nodes}
-  classes={{ li: (node) => cls(node.level === 1 ? 'mb-2' : node.level > 2 ? 'ml-3' : '') }}
+  {classes}
+  props={{
+    li: {
+      style: `margin-left: ${itemIndent}px`,
+    },
+    ...props,
+  }}
   {...$$restProps}
   class={cls('TableOfContents', settingsClasses.root, className)}
   let:node
 >
+  {@const resolvedProps = typeof props.a === 'function' ? props.a(node) : props.a}
+  {@const resolvedClass = typeof classes.a === 'function' ? classes.a(node) : classes.a}
+
   <slot {node} {activeHeadingId}>
     <a
       href="#{node.id}"
-      class={cls(
-        'flex gap-1 px-2 rounded-lg hover:bg-surface-content/5 ',
-        node.level === 1 ? 'font-semibold' : 'text-sm',
-        node.id && node.id === activeHeadingId && 'bg-surface-content/5'
-      )}
+      data-level={node.level}
+      data-active={node.id && node.id === activeHeadingId ? true : undefined}
+      style={linkIndent ? `padding-left: ${linkIndent * node.level}px` : undefined}
+      {...resolvedProps}
+      class={cls('block', resolvedProps?.class, resolvedClass)}
       on:click={() => dispatch('nodeClick', node)}
     >
-      {#if node.level > 1}
-        <Icon data={icon} class="-mx-1 text-surface-content/30" />
-      {/if}
-      {@html node.name}
+      <slot name="link" {node} {activeHeadingId}>
+        {@html node.name}
+      </slot>
     </a>
   </slot>
 </TreeList>
diff --git a/packages/svelte-ux/src/routes/docs/components/TableOfContents/+page.svelte b/packages/svelte-ux/src/routes/docs/components/TableOfContents/+page.svelte
index ffb949298..945124311 100644
--- a/packages/svelte-ux/src/routes/docs/components/TableOfContents/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/TableOfContents/+page.svelte
@@ -1,5 +1,7 @@
 <script lang="ts">
-  import { Card, TableOfContents } from 'svelte-ux';
+  import { Card, Icon, TableOfContents } from 'svelte-ux';
+  // @ts-expect-error
+  import IconChevronRight from '~icons/lucide/chevron-right';
   import Preview from '$lib/components/Preview.svelte';
 </script>
 
@@ -47,3 +49,42 @@ Let's build some example TableOfContents for the following masterpiece:
 <Preview>
   <TableOfContents element="#epic-novel" maxDepth={2} />
 </Preview>
+
+<h2>List item indention</h2>
+
+<Preview>
+  <TableOfContents element="#epic-novel" itemIndent={12} />
+</Preview>
+
+<h2>List item indention with line</h2>
+
+<Preview>
+  <TableOfContents element="#epic-novel" itemIndent={12} classes={{ ul: 'border-l' }} />
+</Preview>
+
+<h2>Link indention with line</h2>
+
+<Preview>
+  <TableOfContents
+    element="#epic-novel"
+    linkIndent={12}
+    classes={{ a: 'border-l data-active:border-primary data-active:text-primary' }}
+  />
+</Preview>
+
+<h2>Bullet list</h2>
+
+<Preview>
+  <TableOfContents element="#epic-novel" itemIndent={12} classes={{ ul: 'list-disc' }} />
+</Preview>
+
+<h2>Link slot</h2>
+
+<Preview>
+  <TableOfContents element="#epic-novel" itemIndent={12}>
+    <div slot="link" class="flex items-center gap-1" let:node>
+      <IconChevronRight class="text-surface-content/50 -ml-4" />
+      {@html node.name}
+    </div>
+  </TableOfContents>
+</Preview>

From 9eca2f345e96e728b049a7906432df1e60548bd2 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Mon, 23 Jun 2025 14:44:51 -0400
Subject: [PATCH 48/53] docs: Improve display of table of contents

---
 .../svelte-ux/src/routes/docs/+layout.svelte  | 32 ++++++++++++++++---
 1 file changed, 28 insertions(+), 4 deletions(-)

diff --git a/packages/svelte-ux/src/routes/docs/+layout.svelte b/packages/svelte-ux/src/routes/docs/+layout.svelte
index 781df4603..8d618f9f4 100644
--- a/packages/svelte-ux/src/routes/docs/+layout.svelte
+++ b/packages/svelte-ux/src/routes/docs/+layout.svelte
@@ -15,6 +15,8 @@
     mdiGithub,
     mdiLink,
   } from '@mdi/js';
+  // @ts-expect-error
+  import IconAlignLeft from '~icons/lucide/align-left';
 
   import {
     ApiDocs,
@@ -169,9 +171,18 @@
           size="sm"
           on:click={() => (showTableOfContents = false)}
         />
+
         <TableOfContents
-          icon={mdiChevronRight}
-          class="px-4 py-2"
+          linkIndent={12}
+          class="p-4"
+          classes={{
+            a: cls(
+              'border-l text-sm text-surface-content/50 py-[2px] hover:text-surface-content',
+              'data-active:border-primary data-active:text-primary',
+              'data-[level=1]:font-semibold'
+            ),
+          }}
+          scrollOffset={184}
           on:nodeClick={(e) => {
             showTableOfContents = false;
           }}
@@ -259,12 +270,25 @@
       <div
         class="w-[224px] sticky top-[calc(var(--headerHeight)+10px)] pr-2 max-h-[calc(100dvh-64px)] overflow-auto z-60"
       >
-        <div class="text-xs uppercase leading-8 tracking-widest text-surface-content/50">
+        <div
+          class="flex gap-2 items-center text-xs font-medium uppercase pb-3 tracking-widest text-surface-content/50"
+        >
+          <IconAlignLeft />
           On this page
         </div>
         <!-- Rebuild toc when page changes -->
         {#key $page.route.id}
-          <TableOfContents icon={mdiChevronRight} class="border-l pl-3" scrollOffset={184} />
+          <TableOfContents
+            linkIndent={12}
+            classes={{
+              a: cls(
+                'border-l text-sm text-surface-content/50 py-[2px] hover:text-surface-content',
+                'data-active:border-primary data-active:text-primary',
+                'data-[level=1]:font-semibold'
+              ),
+            }}
+            scrollOffset={184}
+          />
         {/key}
       </div>
     {/if}

From 9b3a55d4d14add9828190e97d978e62f22f472e4 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Mon, 23 Jun 2025 14:46:24 -0400
Subject: [PATCH 49/53] Version Packages (next) (#611)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json             | 2 ++
 packages/svelte-ux/CHANGELOG.md | 8 ++++++++
 packages/svelte-ux/package.json | 2 +-
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 567d44098..49cf0af30 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -6,6 +6,7 @@
   },
   "changesets": [
     "breezy-bushes-admire",
+    "bright-crabs-play",
     "clear-regions-listen",
     "cuddly-coins-tease",
     "cuddly-snakes-tie",
@@ -21,6 +22,7 @@
     "nice-onions-sell",
     "open-hats-arrive",
     "ready-planets-deny",
+    "violet-books-sneeze",
     "wide-months-rescue",
     "witty-spies-divide"
   ]
diff --git a/packages/svelte-ux/CHANGELOG.md b/packages/svelte-ux/CHANGELOG.md
index f817ff427..5fd3255ad 100644
--- a/packages/svelte-ux/CHANGELOG.md
+++ b/packages/svelte-ux/CHANGELOG.md
@@ -1,5 +1,13 @@
 # svelte-ux
 
+## 2.0.0-next.12
+
+### Patch Changes
+
+- feat(TableOfContents): Simplify base styling and provide greater control via `classes`, `props`, `itemIndent` and `linkIndent` props and `link` slot. ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
+- feat(TreeList): Support passing `props` to underlying ul/li elements. Add `data-level` attribute to li for CSS targeting ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
 ## 2.0.0-next.11
 
 ### Patch Changes
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index 9040cb4e4..f2ce6a102 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/svelte-ux",
-  "version": "2.0.0-next.11",
+  "version": "2.0.0-next.12",
   "scripts": {
     "dev": "vite dev --port 3001",
     "build": "vite build",

From bd0cf225ab3fac59a6deb1a04c7c6692da934a7f Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Mon, 23 Jun 2025 14:55:41 -0400
Subject: [PATCH 50/53] fix(TableOfContents): Fix `classes` and `props` types

---
 .changeset/cool-teams-judge.md                               | 5 +++++
 packages/svelte-ux/src/lib/components/TableOfContents.svelte | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/cool-teams-judge.md

diff --git a/.changeset/cool-teams-judge.md b/.changeset/cool-teams-judge.md
new file mode 100644
index 000000000..4fd325210
--- /dev/null
+++ b/.changeset/cool-teams-judge.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+fix(TableOfContents): Fix `classes` and `props` types
diff --git a/packages/svelte-ux/src/lib/components/TableOfContents.svelte b/packages/svelte-ux/src/lib/components/TableOfContents.svelte
index 94f2ef3e8..9421cc70d 100644
--- a/packages/svelte-ux/src/lib/components/TableOfContents.svelte
+++ b/packages/svelte-ux/src/lib/components/TableOfContents.svelte
@@ -29,11 +29,11 @@
 
   export let classes: {
     a?: string | ((node: TreeNode) => string);
-  } & ComponentProps<typeof TreeList>['classes'] = {};
+  } & ComponentProps<TreeList>['classes'] = {};
 
   export let props: {
     a?: HTMLAttributes<HTMLAnchorElement> | ((node: TreeNode) => HTMLAttributes<HTMLAnchorElement>);
-  } & ComponentProps<typeof TreeList>['props'] = {};
+  } & ComponentProps<TreeList>['props'] = {};
 
   type HeadingNode = { id: string; name: string; level: number; element: HTMLElement };
 

From 23dfd88dac8f1b4632895a62b8d932239df3d684 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Mon, 23 Jun 2025 14:57:06 -0400
Subject: [PATCH 51/53] Version Packages (next) (#612)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json             | 1 +
 packages/svelte-ux/CHANGELOG.md | 6 ++++++
 packages/svelte-ux/package.json | 2 +-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 49cf0af30..a68aedca5 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -8,6 +8,7 @@
     "breezy-bushes-admire",
     "bright-crabs-play",
     "clear-regions-listen",
+    "cool-teams-judge",
     "cuddly-coins-tease",
     "cuddly-snakes-tie",
     "dirty-pets-switch",
diff --git a/packages/svelte-ux/CHANGELOG.md b/packages/svelte-ux/CHANGELOG.md
index 5fd3255ad..084f7ab4e 100644
--- a/packages/svelte-ux/CHANGELOG.md
+++ b/packages/svelte-ux/CHANGELOG.md
@@ -1,5 +1,11 @@
 # svelte-ux
 
+## 2.0.0-next.13
+
+### Patch Changes
+
+- fix(TableOfContents): Fix `classes` and `props` types ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
 ## 2.0.0-next.12
 
 ### Patch Changes
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index f2ce6a102..1fcf26abe 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/svelte-ux",
-  "version": "2.0.0-next.12",
+  "version": "2.0.0-next.13",
   "scripts": {
     "dev": "vite dev --port 3001",
     "build": "vite build",

From 672031f7c6d4289b28271b37d6d3093cee4a3311 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Tue, 24 Jun 2025 11:34:54 -0400
Subject: [PATCH 52/53] Remove use of `$$props` (class, style)

---
 .../svelte-ux/src/lib/components/AppLayout.svelte     |  5 ++++-
 packages/svelte-ux/src/lib/components/BarStack.svelte |  5 ++++-
 packages/svelte-ux/src/lib/components/Button.svelte   |  6 ++++--
 packages/svelte-ux/src/lib/components/Checkbox.svelte |  5 ++++-
 packages/svelte-ux/src/lib/components/Code.svelte     |  5 ++++-
 packages/svelte-ux/src/lib/components/Collapse.svelte |  5 ++++-
 .../svelte-ux/src/lib/components/DateField.svelte     |  5 ++++-
 packages/svelte-ux/src/lib/components/Dialog.svelte   |  7 +++++--
 .../svelte-ux/src/lib/components/DividerDot.svelte    |  5 ++++-
 packages/svelte-ux/src/lib/components/Drawer.svelte   |  7 +++++--
 .../svelte-ux/src/lib/components/EmptyMessage.svelte  |  5 ++++-
 .../src/lib/components/ExpansionPanel.svelte          |  5 ++++-
 packages/svelte-ux/src/lib/components/Field.svelte    |  6 +++++-
 packages/svelte-ux/src/lib/components/Gooey.svelte    |  5 ++++-
 packages/svelte-ux/src/lib/components/Icon.svelte     | 11 +++++++----
 packages/svelte-ux/src/lib/components/Kbd.svelte      |  5 ++++-
 packages/svelte-ux/src/lib/components/ListItem.svelte |  5 ++++-
 packages/svelte-ux/src/lib/components/Menu.svelte     |  7 +++++--
 .../svelte-ux/src/lib/components/MenuButton.svelte    |  5 ++++-
 .../svelte-ux/src/lib/components/MenuField.svelte     |  2 +-
 packages/svelte-ux/src/lib/components/MenuItem.svelte |  5 ++++-
 .../src/lib/components/MultiSelectField.svelte        |  5 ++++-
 .../src/lib/components/MultiSelectOption.svelte       |  5 ++++-
 packages/svelte-ux/src/lib/components/NavItem.svelte  |  5 ++++-
 .../svelte-ux/src/lib/components/Notification.svelte  |  5 ++++-
 packages/svelte-ux/src/lib/components/Overflow.svelte |  5 ++++-
 .../svelte-ux/src/lib/components/Pagination.svelte    |  5 ++++-
 packages/svelte-ux/src/lib/components/Preview.svelte  |  5 ++++-
 .../src/lib/components/ProgressCircle.svelte          |  5 +++--
 .../svelte-ux/src/lib/components/QuickSearch.svelte   |  5 ++++-
 packages/svelte-ux/src/lib/components/Radio.svelte    |  5 ++++-
 .../src/lib/components/ResponsiveMenu.svelte          |  7 +++++--
 .../src/lib/components/ScrollContainer.svelte         |  5 ++++-
 .../src/lib/components/ScrollingValue.svelte          |  5 ++++-
 .../src/lib/components/SectionDivider.svelte          |  7 +++++--
 .../svelte-ux/src/lib/components/SelectField.svelte   |  5 ++++-
 packages/svelte-ux/src/lib/components/Shine.svelte    |  5 ++++-
 packages/svelte-ux/src/lib/components/Stack.svelte    |  2 +-
 packages/svelte-ux/src/lib/components/Step.svelte     |  5 ++++-
 packages/svelte-ux/src/lib/components/Steps.svelte    |  5 ++++-
 packages/svelte-ux/src/lib/components/Switch.svelte   |  5 ++++-
 packages/svelte-ux/src/lib/components/Tab.svelte      |  5 ++++-
 packages/svelte-ux/src/lib/components/Table.svelte    | 11 ++++-------
 packages/svelte-ux/src/lib/components/Tabs.svelte     |  5 ++++-
 .../svelte-ux/src/lib/components/TextField.svelte     |  6 +++++-
 packages/svelte-ux/src/lib/components/Timeline.svelte |  8 +++++++-
 .../svelte-ux/src/lib/components/TimelineEvent.svelte |  5 ++++-
 .../svelte-ux/src/lib/components/ToggleGroup.svelte   |  5 ++++-
 .../svelte-ux/src/lib/components/ToggleOption.svelte  |  5 ++++-
 packages/svelte-ux/src/lib/components/Tooltip.svelte  |  7 +++++--
 packages/svelte-ux/src/lib/components/TreeList.svelte |  5 ++++-
 51 files changed, 211 insertions(+), 68 deletions(-)

diff --git a/packages/svelte-ux/src/lib/components/AppLayout.svelte b/packages/svelte-ux/src/lib/components/AppLayout.svelte
index c1b8f7a0a..e2a5fef0d 100644
--- a/packages/svelte-ux/src/lib/components/AppLayout.svelte
+++ b/packages/svelte-ux/src/lib/components/AppLayout.svelte
@@ -13,6 +13,9 @@
   /** Control whether header should be full width (deafult) or nav should be full height */
   export let headerPosition: 'full' | 'inset' = 'full';
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     aside?: string;
@@ -39,7 +42,7 @@
     '[:where(&_[id])]:scroll-m-[var(--headerHeight)]',
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
 >
   <slot />
diff --git a/packages/svelte-ux/src/lib/components/BarStack.svelte b/packages/svelte-ux/src/lib/components/BarStack.svelte
index eeecc3568..1f9ae748c 100644
--- a/packages/svelte-ux/src/lib/components/BarStack.svelte
+++ b/packages/svelte-ux/src/lib/components/BarStack.svelte
@@ -17,6 +17,9 @@
   }[];
   export let total: number | undefined = undefined;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     item?: string;
@@ -28,7 +31,7 @@
   }>();
 </script>
 
-<div class={cls('BarStack', 'flex gap-px', settingsClasses.root, classes.root, $$props.class)}>
+<div class={cls('BarStack', 'flex gap-px', settingsClasses.root, classes.root, className)}>
   {#each data as item}
     {@const valuePercent = item.value / (total ?? sum(data, (d) => d.value))}
     <!-- Hide empty -->
diff --git a/packages/svelte-ux/src/lib/components/Button.svelte b/packages/svelte-ux/src/lib/components/Button.svelte
index 20878e90a..b61caafb5 100644
--- a/packages/svelte-ux/src/lib/components/Button.svelte
+++ b/packages/svelte-ux/src/lib/components/Button.svelte
@@ -27,6 +27,9 @@
   export let size: ButtonSize | undefined = undefined; // default in reactive groupContext below
   export let color: ButtonColor | undefined = undefined; // default in reactive groupContext below
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   /** @type {{root?: string, icon?: string, loading?: string}} */
   export let classes: {
     root?: string;
@@ -437,7 +440,7 @@
 
     settingsClasses.root,
     classes?.root,
-    $$props.class
+    className
   );
 </script>
 
@@ -449,7 +452,6 @@
   {type}
   {...$$restProps}
   class={_class}
-  style={$$props.style ?? ''}
   {disabled}
   aria-disabled={disabled ? 'true' : 'false'}
   use:multi={actions}
diff --git a/packages/svelte-ux/src/lib/components/Checkbox.svelte b/packages/svelte-ux/src/lib/components/Checkbox.svelte
index eac19167d..c4a16cb98 100644
--- a/packages/svelte-ux/src/lib/components/Checkbox.svelte
+++ b/packages/svelte-ux/src/lib/components/Checkbox.svelte
@@ -18,6 +18,9 @@
   export let size: 'xs' | 'sm' | 'md' | 'lg' = 'sm';
   export let circle = false;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     input?: string;
@@ -57,7 +60,7 @@
     'items-center',
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
 >
   <input
diff --git a/packages/svelte-ux/src/lib/components/Code.svelte b/packages/svelte-ux/src/lib/components/Code.svelte
index 2a686da6e..dd8eaf80c 100644
--- a/packages/svelte-ux/src/lib/components/Code.svelte
+++ b/packages/svelte-ux/src/lib/components/Code.svelte
@@ -11,6 +11,9 @@
     ? Prism.highlight(source, Prism.languages[language] ?? Prism.languages.text, language)
     : '';
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     pre?: string;
@@ -18,7 +21,7 @@
   } = {};
 </script>
 
-<div class={cls('Code', 'rounded-sm', 'overflow-auto', classes.root, $$props.class)}>
+<div class={cls('Code', 'rounded-sm', 'overflow-auto', classes.root, className)}>
   {#if source}
     <div class="relative">
       <pre
diff --git a/packages/svelte-ux/src/lib/components/Collapse.svelte b/packages/svelte-ux/src/lib/components/Collapse.svelte
index ca2699607..7c591e7a9 100644
--- a/packages/svelte-ux/src/lib/components/Collapse.svelte
+++ b/packages/svelte-ux/src/lib/components/Collapse.svelte
@@ -25,6 +25,9 @@
   export let transition = slide;
   export let transitionParams: TransitionParams = {};
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     trigger?: string;
@@ -56,7 +59,7 @@
     popout && list === 'group' && 'group-first:mt-0 group-last:mb-0',
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
   aria-expanded={open}
 >
diff --git a/packages/svelte-ux/src/lib/components/DateField.svelte b/packages/svelte-ux/src/lib/components/DateField.svelte
index 142f7cf57..d20af3114 100644
--- a/packages/svelte-ux/src/lib/components/DateField.svelte
+++ b/packages/svelte-ux/src/lib/components/DateField.svelte
@@ -46,6 +46,9 @@
   export let dense = false;
   export let icon: string | null = null;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   let inputValue: string | undefined = '';
 
   const dispatch = createEventDispatcher();
@@ -82,7 +85,7 @@
     dispatch('change', { value });
   }}
   classes={classes.field}
-  class={cls('DateField', settingsClasses.root, classes.root, $$props.class)}
+  class={cls('DateField', settingsClasses.root, classes.root, className)}
   let:id
 >
   <Input
diff --git a/packages/svelte-ux/src/lib/components/Dialog.svelte b/packages/svelte-ux/src/lib/components/Dialog.svelte
index 69154cff5..354778a8d 100644
--- a/packages/svelte-ux/src/lib/components/Dialog.svelte
+++ b/packages/svelte-ux/src/lib/components/Dialog.svelte
@@ -25,6 +25,9 @@
   export let persistent = false;
   export let loading: boolean | null = null;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     dialog?: string;
@@ -114,9 +117,8 @@
         'dialog rounded-sm bg-surface-100 elevation-4 overflow-y-auto pointer-events-auto relative outline-hidden',
         settingsClasses.dialog,
         classes.dialog,
-        $$props.class
+        className
       )}
-      style={$$props.style}
       in:scale|global={{ duration: 150, easing: quadIn }}
       out:scale={{ duration: 150, easing: quadIn }}
       on:introstart
@@ -126,6 +128,7 @@
       bind:this={dialogEl}
       use:focusMove={{ restoreFocus: true }}
       role="dialog"
+      {...$$restProps}
     >
       {#if loading}
         <Overlay center class="rounded-sm">
diff --git a/packages/svelte-ux/src/lib/components/DividerDot.svelte b/packages/svelte-ux/src/lib/components/DividerDot.svelte
index dc5e3c524..f09469ac6 100644
--- a/packages/svelte-ux/src/lib/components/DividerDot.svelte
+++ b/packages/svelte-ux/src/lib/components/DividerDot.svelte
@@ -2,7 +2,10 @@
   import { cls } from '@layerstack/tailwind';
   import { getComponentClasses } from './theme.js';
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   const settingsClasses = getComponentClasses('DividerDot');
 </script>
 
-<span class={cls('DividerDot mx-1', settingsClasses.root, $$props.class)}> • </span>
+<span class={cls('DividerDot mx-1', settingsClasses.root, className)}> • </span>
diff --git a/packages/svelte-ux/src/lib/components/Drawer.svelte b/packages/svelte-ux/src/lib/components/Drawer.svelte
index 139658843..62831ebda 100644
--- a/packages/svelte-ux/src/lib/components/Drawer.svelte
+++ b/packages/svelte-ux/src/lib/components/Drawer.svelte
@@ -24,6 +24,9 @@
   export let loading: boolean | null = null;
   export let placement: 'top' | 'bottom' | 'left' | 'right' = 'right';
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     backdrop?: string;
@@ -83,9 +86,8 @@
       },
       settingsClasses.root,
       classes.root,
-      $$props.class
+      className
     )}
-    style={$$props.style}
     in:fly|global={{
       x: placement === 'left' ? '-100%' : placement === 'right' ? '100%' : 0,
       y: placement === 'top' ? '-100%' : placement === 'bottom' ? '100%' : 0,
@@ -110,6 +112,7 @@
     use:focusMove={{ restoreFocus: true }}
     role="dialog"
     tabindex="-1"
+    {...$$restProps}
   >
     {#if loading}
       <Overlay center class="rounded-sm">
diff --git a/packages/svelte-ux/src/lib/components/EmptyMessage.svelte b/packages/svelte-ux/src/lib/components/EmptyMessage.svelte
index 2c7e8ca54..ca96a0d98 100644
--- a/packages/svelte-ux/src/lib/components/EmptyMessage.svelte
+++ b/packages/svelte-ux/src/lib/components/EmptyMessage.svelte
@@ -2,6 +2,9 @@
   import { cls } from '@layerstack/tailwind';
   import { getComponentClasses } from './theme.js';
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   const settingsClasses = getComponentClasses('EmptyMessage');
 </script>
 
@@ -14,7 +17,7 @@
     'text-surface-content/50 text-xs tracking-wider',
     'border border-surface-100/80 rounded-sm',
     settingsClasses.root,
-    $$props.class
+    className
   )}
 >
   <slot />
diff --git a/packages/svelte-ux/src/lib/components/ExpansionPanel.svelte b/packages/svelte-ux/src/lib/components/ExpansionPanel.svelte
index 594dcbfd5..2c853c7c7 100644
--- a/packages/svelte-ux/src/lib/components/ExpansionPanel.svelte
+++ b/packages/svelte-ux/src/lib/components/ExpansionPanel.svelte
@@ -17,6 +17,9 @@
   export let disabled = false;
   $: enabled = $$slots.default && !disabled;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     toggle?: string;
@@ -36,7 +39,7 @@
       list === 'group' && 'group-first:border-t-0 group-first:rounded-t group-last:rounded-b',
       settingsClasses.root,
       classes.root,
-      $$props.class
+      className
     ),
     icon: cls('text-surface-content/30 px-2', !enabled && 'hidden'),
   }}
diff --git a/packages/svelte-ux/src/lib/components/Field.svelte b/packages/svelte-ux/src/lib/components/Field.svelte
index 2adbdf4f7..f5408c23d 100644
--- a/packages/svelte-ux/src/lib/components/Field.svelte
+++ b/packages/svelte-ux/src/lib/components/Field.svelte
@@ -35,6 +35,10 @@
   // export let actions: Actions = undefined;
   // export let inputEl: HTMLInputElement | null = null;
   export let center = false;
+
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     container?: string;
@@ -69,7 +73,7 @@
     !base && (rounded ? 'rounded-full' : 'rounded-sm'),
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
   bind:this={labelEl}
 >
diff --git a/packages/svelte-ux/src/lib/components/Gooey.svelte b/packages/svelte-ux/src/lib/components/Gooey.svelte
index 3765e95b7..286726c6a 100644
--- a/packages/svelte-ux/src/lib/components/Gooey.svelte
+++ b/packages/svelte-ux/src/lib/components/Gooey.svelte
@@ -16,6 +16,9 @@
 
   export let composite: SVGAttributes<SVGFECompositeElement>['operator'] = undefined;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   /** @type {{root?: string, icon?: string, loading?: string}} */
   export let classes: {
     root?: string;
@@ -51,7 +54,7 @@
 <div
   style:filter="url(#{filterId})"
   {...$$restProps}
-  class={cls('inline-block', settingsClasses.root, classes?.root, $$props.class)}
+  class={cls('inline-block', settingsClasses.root, classes?.root, className)}
 >
   <slot />
 </div>
diff --git a/packages/svelte-ux/src/lib/components/Icon.svelte b/packages/svelte-ux/src/lib/components/Icon.svelte
index 9d16ec322..a9d52d7a2 100644
--- a/packages/svelte-ux/src/lib/components/Icon.svelte
+++ b/packages/svelte-ux/src/lib/components/Icon.svelte
@@ -25,6 +25,9 @@
   export let descId: string | undefined = desc ? uniqueId('desc-') : '';
   $: isLabelled = title || desc;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     path?: string | string[];
@@ -87,9 +90,8 @@
       'icon-container inline-block shrink-0 align-middle fill-current',
       settingsClasses.root,
       classes.root,
-      $$props.class
+      className
     )}
-    style={$$props.style}
     style:width
     style:height
     style:--width={width}
@@ -97,6 +99,7 @@
     role={isLabelled ? 'img' : 'presentation'}
     aria-labelledby={isLabelled ? `${titleId} ${descId}` : undefined}
     on:click
+    {...$$restProps}
   >
     <slot>
       {@html svg ?? ''}
@@ -112,12 +115,12 @@
       'inline-block shrink-0 fill-current',
       settingsClasses.root,
       classes.root,
-      $$props.class
+      className
     )}
-    style={$$props.style}
     role={isLabelled ? 'img' : 'presentation'}
     aria-labelledby={isLabelled ? `${titleId} ${descId}` : undefined}
     on:click
+    {...$$restProps}
   >
     {#if title}
       <title id={titleId}>{title}</title>
diff --git a/packages/svelte-ux/src/lib/components/Kbd.svelte b/packages/svelte-ux/src/lib/components/Kbd.svelte
index e8603891b..832f8f253 100644
--- a/packages/svelte-ux/src/lib/components/Kbd.svelte
+++ b/packages/svelte-ux/src/lib/components/Kbd.svelte
@@ -8,6 +8,9 @@
   export let command = false;
 
   export let variant: 'filled' | 'none' = 'filled';
+
+  let className: string | undefined = undefined;
+  export { className as class };
 </script>
 
 <kbd
@@ -15,7 +18,7 @@
     'font-sans inline-flex gap-1',
     variant === 'filled' &&
       'border border-b-2 text-surface-content bg-surface-200 rounded-sm py-1 px-1',
-    $$props.class
+    className
   )}
 >
   {#if control}
diff --git a/packages/svelte-ux/src/lib/components/ListItem.svelte b/packages/svelte-ux/src/lib/components/ListItem.svelte
index 9a299c26c..971161003 100644
--- a/packages/svelte-ux/src/lib/components/ListItem.svelte
+++ b/packages/svelte-ux/src/lib/components/ListItem.svelte
@@ -35,6 +35,9 @@
    */
   export let noBackground = false;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     avatar?: string;
@@ -64,7 +67,7 @@
     noBackground !== true && 'bg-surface-100',
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
   on:click
   role="listitem"
diff --git a/packages/svelte-ux/src/lib/components/Menu.svelte b/packages/svelte-ux/src/lib/components/Menu.svelte
index 192e09f59..9b54e609b 100644
--- a/packages/svelte-ux/src/lib/components/Menu.svelte
+++ b/packages/svelte-ux/src/lib/components/Menu.svelte
@@ -28,6 +28,9 @@
   export let explicitClose = false;
   export let moveFocus = true;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     menu?: string;
@@ -70,11 +73,11 @@
     'bg-surface-100 rounded-sm shadow-sm border overflow-auto',
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
-  style={$$props.style}
   on:close
   let:close
+  {...$$restProps}
 >
   <!-- svelte-ignore a11y-click-events-have-key-events -->
   <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
diff --git a/packages/svelte-ux/src/lib/components/MenuButton.svelte b/packages/svelte-ux/src/lib/components/MenuButton.svelte
index f7bca4121..d2c0fced9 100644
--- a/packages/svelte-ux/src/lib/components/MenuButton.svelte
+++ b/packages/svelte-ux/src/lib/components/MenuButton.svelte
@@ -20,6 +20,9 @@
   export let menuIcon: string | null = mdiMenuDown;
   $: selected = options?.find((x) => x.value === value);
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     label?: string;
@@ -38,7 +41,7 @@
 <Button
   on:click={() => (open = !open)}
   {...restProps}
-  class={cls('MenuButton', settingsClasses.root, classes.root, $$props.class)}
+  class={cls('MenuButton', settingsClasses.root, classes.root, className)}
 >
   <slot name="selection" value={selected}>
     <span class={cls('truncate', settingsClasses.label, classes.label)}>
diff --git a/packages/svelte-ux/src/lib/components/MenuField.svelte b/packages/svelte-ux/src/lib/components/MenuField.svelte
index 9b85f3dc2..9af64e520 100644
--- a/packages/svelte-ux/src/lib/components/MenuField.svelte
+++ b/packages/svelte-ux/src/lib/components/MenuField.svelte
@@ -70,7 +70,7 @@
 <Field
   class="cursor-pointer"
   {...restProps}
-  classes={{ input: 'overflow-hidden', ...$$props.classes }}
+  classes={{ input: 'overflow-hidden', ...classes }}
   on:click={() => (open = !open)}
 >
   <slot name="selection">
diff --git a/packages/svelte-ux/src/lib/components/MenuItem.svelte b/packages/svelte-ux/src/lib/components/MenuItem.svelte
index 54eeda7fa..e3922736b 100644
--- a/packages/svelte-ux/src/lib/components/MenuItem.svelte
+++ b/packages/svelte-ux/src/lib/components/MenuItem.svelte
@@ -18,6 +18,9 @@
   export let disabled = false;
   export let selected = false;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: ButtonProps['classes'] & { selected?: string } = {
     root: 'text-sm gap-3',
     icon: 'text-surface-content/50',
@@ -55,7 +58,7 @@
     selected && classes?.selected,
     settingsClasses.root,
     classes?.root,
-    $$props.class
+    className
   )}
   on:click
   on:mouseover
diff --git a/packages/svelte-ux/src/lib/components/MultiSelectField.svelte b/packages/svelte-ux/src/lib/components/MultiSelectField.svelte
index 6746f059c..fa8fe3a83 100644
--- a/packages/svelte-ux/src/lib/components/MultiSelectField.svelte
+++ b/packages/svelte-ux/src/lib/components/MultiSelectField.svelte
@@ -46,6 +46,9 @@
     value,
   }) => `${value?.length} selected`;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     multiSelectMenu?: MultiSelectMenuProps['classes'];
@@ -142,7 +145,7 @@
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
-  class={cls(disabled && 'pointer-events-none', settingsClasses.root, classes.root, $$props.class)}
+  class={cls(disabled && 'pointer-events-none', settingsClasses.root, classes.root, className)}
   on:click={onClick}
 >
   <!-- TODO: Setup blur without jank on open or issues when clicking within menu -->
diff --git a/packages/svelte-ux/src/lib/components/MultiSelectOption.svelte b/packages/svelte-ux/src/lib/components/MultiSelectOption.svelte
index eac9f767d..3abb377ac 100644
--- a/packages/svelte-ux/src/lib/components/MultiSelectOption.svelte
+++ b/packages/svelte-ux/src/lib/components/MultiSelectOption.svelte
@@ -12,6 +12,9 @@
   export let disabled = false;
   export let variant: 'checkbox' | 'checkmark' | 'fill' = 'checkbox';
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     checkbox?: ComponentProps<Checkbox>['classes'];
@@ -28,7 +31,7 @@
     'grid grid-cols-[1fr_auto]',
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
   role="option"
   aria-selected={checked}
diff --git a/packages/svelte-ux/src/lib/components/NavItem.svelte b/packages/svelte-ux/src/lib/components/NavItem.svelte
index 74b9262c9..29eaf929a 100644
--- a/packages/svelte-ux/src/lib/components/NavItem.svelte
+++ b/packages/svelte-ux/src/lib/components/NavItem.svelte
@@ -14,6 +14,9 @@
   export let text: string = '';
   export let icon: string | null = null;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     active?: string;
@@ -34,7 +37,7 @@
     'flex items-center',
     settingsClasses.root,
     classes.root,
-    $$props.class,
+    className,
     isPathActive && ['is-active', settingsClasses.active, classes.active]
   )}
   use:scrollIntoView={{
diff --git a/packages/svelte-ux/src/lib/components/Notification.svelte b/packages/svelte-ux/src/lib/components/Notification.svelte
index f6193bd93..db0f101b6 100644
--- a/packages/svelte-ux/src/lib/components/Notification.svelte
+++ b/packages/svelte-ux/src/lib/components/Notification.svelte
@@ -23,6 +23,9 @@
   export let open: boolean = true;
   export let closeIcon: boolean = false;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     title?: string;
@@ -71,7 +74,7 @@
         default: {},
       }[variant],
       classes.root,
-      $$props.class
+      className
     )}
     transition:fly={{ duration: 200, easing: quadIn, x: 100 }}
     on:outroend={() => dispatch('close')}
diff --git a/packages/svelte-ux/src/lib/components/Overflow.svelte b/packages/svelte-ux/src/lib/components/Overflow.svelte
index a7f9b6dbb..9d87564fa 100644
--- a/packages/svelte-ux/src/lib/components/Overflow.svelte
+++ b/packages/svelte-ux/src/lib/components/Overflow.svelte
@@ -4,6 +4,9 @@
 
   import { getComponentClasses } from './theme.js';
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   const settingsClasses = getComponentClasses('Overflow');
 
   let overflowX = 0;
@@ -17,7 +20,7 @@
     overflowY = e.detail.overflowY;
   }}
   {...$$restProps}
-  class={cls('Overflow', settingsClasses.root, $$props.class)}
+  class={cls('Overflow', settingsClasses.root, className)}
 >
   <slot {overflowX} {overflowY} />
 </div>
diff --git a/packages/svelte-ux/src/lib/components/Pagination.svelte b/packages/svelte-ux/src/lib/components/Pagination.svelte
index 981e2ddd8..fa0126ccd 100644
--- a/packages/svelte-ux/src/lib/components/Pagination.svelte
+++ b/packages/svelte-ux/src/lib/components/Pagination.svelte
@@ -35,6 +35,9 @@
   /** Determine which actions to show and order */
   export let show: ShowComponent[] = ['prevPage', 'pagination', 'nextPage'];
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     buttons?: string;
@@ -52,7 +55,7 @@
       'flex items-center gap-1',
       settingsClasses.root,
       classes.root,
-      $$props.class
+      className
     )}
   >
     {#each show as component}
diff --git a/packages/svelte-ux/src/lib/components/Preview.svelte b/packages/svelte-ux/src/lib/components/Preview.svelte
index dda787b2d..33a74a1b4 100644
--- a/packages/svelte-ux/src/lib/components/Preview.svelte
+++ b/packages/svelte-ux/src/lib/components/Preview.svelte
@@ -13,9 +13,12 @@
   export let language = 'svelte';
   export let highlightedCode = code ? Prism.highlight(code, Prism.languages.svelte, language) : '';
   export let showCode = false;
+
+  let className: string | undefined = undefined;
+  export { className as class };
 </script>
 
-<div class={cls('Preview border rounded-sm bg-surface-100', $$props.class)}>
+<div class={cls('Preview border rounded-sm bg-surface-100', className)}>
   <div class="p-4">
     <slot />
   </div>
diff --git a/packages/svelte-ux/src/lib/components/ProgressCircle.svelte b/packages/svelte-ux/src/lib/components/ProgressCircle.svelte
index 41804ffea..b0a911cb7 100644
--- a/packages/svelte-ux/src/lib/components/ProgressCircle.svelte
+++ b/packages/svelte-ux/src/lib/components/ProgressCircle.svelte
@@ -23,7 +23,7 @@
 </script>
 
 <div
-  {...$$props}
+  {...$$restProps}
   class={cls(
     'ProgressCircular',
     'relative inline-flex justify-center items-center align-middle',
@@ -31,7 +31,8 @@
     className
   )}
   class:indeterminate
-  style="height: {size}px; width: {size}px; {$$props.style}"
+  style:height="{size}px"
+  style:width="{size}px"
 >
   <svg
     xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/svelte-ux/src/lib/components/QuickSearch.svelte b/packages/svelte-ux/src/lib/components/QuickSearch.svelte
index 49d118371..c62984a1e 100644
--- a/packages/svelte-ux/src/lib/components/QuickSearch.svelte
+++ b/packages/svelte-ux/src/lib/components/QuickSearch.svelte
@@ -13,6 +13,9 @@
 
   export let options: MenuOption<string>[] = [];
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     button?: string;
@@ -58,7 +61,7 @@
 <Dialog
   bind:open
   classes={{
-    root: cls('items-start mt-8 sm:mt-24', settingsClasses.root, classes.root, $$props.class),
+    root: cls('items-start mt-8 sm:mt-24', settingsClasses.root, classes.root, className),
     backdrop: 'backdrop-blur-xs',
   }}
 >
diff --git a/packages/svelte-ux/src/lib/components/Radio.svelte b/packages/svelte-ux/src/lib/components/Radio.svelte
index 411ac5180..7bdff9708 100644
--- a/packages/svelte-ux/src/lib/components/Radio.svelte
+++ b/packages/svelte-ux/src/lib/components/Radio.svelte
@@ -16,6 +16,9 @@
   export let fullWidth = false;
   export let size: 'xs' | 'sm' | 'md' | 'lg' = 'sm';
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     input?: string;
@@ -35,7 +38,7 @@
     'items-center',
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
 >
   <input
diff --git a/packages/svelte-ux/src/lib/components/ResponsiveMenu.svelte b/packages/svelte-ux/src/lib/components/ResponsiveMenu.svelte
index 0ebbb12ba..d67987cf6 100644
--- a/packages/svelte-ux/src/lib/components/ResponsiveMenu.svelte
+++ b/packages/svelte-ux/src/lib/components/ResponsiveMenu.svelte
@@ -13,6 +13,9 @@
   export let menuProps: ComponentProps<Menu> | undefined = undefined;
   export let drawerProps: ComponentProps<Drawer> | undefined = undefined;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   const isLargeScreen = matchMediaWidth(screenWidth);
 </script>
 
@@ -23,7 +26,7 @@
     on:close
     explicitClose
     {...menuProps}
-    class={cls('ResponsiveMenu', $$props.class, menuProps?.class)}
+    class={cls('ResponsiveMenu', className, menuProps?.class)}
   >
     <slot {open} />
   </Menu>
@@ -33,7 +36,7 @@
     placement="bottom"
     on:close
     {...drawerProps}
-    class={cls('ResponsiveMenu', $$props.class, drawerProps?.class)}
+    class={cls('ResponsiveMenu', className, drawerProps?.class)}
   >
     <slot {open} />
   </Drawer>
diff --git a/packages/svelte-ux/src/lib/components/ScrollContainer.svelte b/packages/svelte-ux/src/lib/components/ScrollContainer.svelte
index e80a9ac6e..b604a357f 100644
--- a/packages/svelte-ux/src/lib/components/ScrollContainer.svelte
+++ b/packages/svelte-ux/src/lib/components/ScrollContainer.svelte
@@ -7,8 +7,11 @@
   function scrollIntoView(node: HTMLElement) {
     return (options?: Parameters<typeof node.scrollIntoView>['0']) => node.scrollIntoView(options);
   }
+
+  let className: string | undefined = undefined;
+  export { className as class };
 </script>
 
-<div bind:this={node} class={$$props.class} style={$$props.style}>
+<div bind:this={node} class={className} {...$$restProps}>
   <slot scrollIntoView={scrollIntoView(node)} />
 </div>
diff --git a/packages/svelte-ux/src/lib/components/ScrollingValue.svelte b/packages/svelte-ux/src/lib/components/ScrollingValue.svelte
index f6a6b1151..cbeae65b1 100644
--- a/packages/svelte-ux/src/lib/components/ScrollingValue.svelte
+++ b/packages/svelte-ux/src/lib/components/ScrollingValue.svelte
@@ -10,6 +10,9 @@
   export let format: (value: number) => string | number = (value) => value;
   export let axis: 'x' | 'y' = 'y';
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     value?: string;
@@ -31,7 +34,7 @@
     'inline-grid overflow-hidden',
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
 >
   <div
diff --git a/packages/svelte-ux/src/lib/components/SectionDivider.svelte b/packages/svelte-ux/src/lib/components/SectionDivider.svelte
index 27c01bfac..a878b171e 100644
--- a/packages/svelte-ux/src/lib/components/SectionDivider.svelte
+++ b/packages/svelte-ux/src/lib/components/SectionDivider.svelte
@@ -2,12 +2,15 @@
   import { cls } from '@layerstack/tailwind';
   import { getComponentClasses } from './theme.js';
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   const settingsClasses = getComponentClasses('SectionDivider');
 </script>
 
 <div
-  {...$$props}
-  class={cls('SectionDivider', 'flex items-center my-2', settingsClasses.root, $$props.class)}
+  {...$$restProps}
+  class={cls('SectionDivider', 'flex items-center my-2', settingsClasses.root, className)}
 >
   <div class="flex-1 border h-px rounded-full mr-2"></div>
   <div class="font-medium text-surface-content border px-4 rounded-full bg-surface-100 shadow-sm">
diff --git a/packages/svelte-ux/src/lib/components/SelectField.svelte b/packages/svelte-ux/src/lib/components/SelectField.svelte
index 148901ca5..f9e730b35 100644
--- a/packages/svelte-ux/src/lib/components/SelectField.svelte
+++ b/packages/svelte-ux/src/lib/components/SelectField.svelte
@@ -60,6 +60,9 @@
 
   export let scrollIntoView: Partial<ScrollIntoViewOptions> = {};
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     field?: string | ComponentProps<TextField>['classes'];
@@ -428,7 +431,7 @@
     'SelectField block w-full cursor-default text-left',
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
   bind:this={selectFieldEl}
   on:click={onClick}
diff --git a/packages/svelte-ux/src/lib/components/Shine.svelte b/packages/svelte-ux/src/lib/components/Shine.svelte
index dd2307ae2..4f1fb321f 100644
--- a/packages/svelte-ux/src/lib/components/Shine.svelte
+++ b/packages/svelte-ux/src/lib/components/Shine.svelte
@@ -22,6 +22,9 @@
   /** controls the focus for the light source. The bigger the value the brighter the light */
   export let specularExponent = 120;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   /** @type {{root?: string, icon?: string, loading?: string}} */
   export let classes: {
     root?: string;
@@ -78,7 +81,7 @@
 <div
   style:filter="url(#{filterId})"
   {...$$restProps}
-  class={cls('inline-block', settingsClasses.root, classes?.root, $$props.class)}
+  class={cls('inline-block', settingsClasses.root, classes?.root, className)}
   bind:this={wrapperEl}
 >
   <slot />
diff --git a/packages/svelte-ux/src/lib/components/Stack.svelte b/packages/svelte-ux/src/lib/components/Stack.svelte
index efdbf79bf..70f25cfa5 100644
--- a/packages/svelte-ux/src/lib/components/Stack.svelte
+++ b/packages/svelte-ux/src/lib/components/Stack.svelte
@@ -29,7 +29,7 @@
     templateColumns="initial"
     templateRows="initial"
     on:click
-    {...$$props}
+    {...$$restProps}
   >
     <slot />
   </Grid>
diff --git a/packages/svelte-ux/src/lib/components/Step.svelte b/packages/svelte-ux/src/lib/components/Step.svelte
index 3ef060385..9e2a94128 100644
--- a/packages/svelte-ux/src/lib/components/Step.svelte
+++ b/packages/svelte-ux/src/lib/components/Step.svelte
@@ -15,6 +15,9 @@
   /** If completed, will color content and line leading up to item */
   export let completed = false;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     label?: string;
@@ -38,7 +41,7 @@
       : 'grid-rows-[40px_1fr] min-w-16',
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
 >
   <div
diff --git a/packages/svelte-ux/src/lib/components/Steps.svelte b/packages/svelte-ux/src/lib/components/Steps.svelte
index 5956d9714..858de58b2 100644
--- a/packages/svelte-ux/src/lib/components/Steps.svelte
+++ b/packages/svelte-ux/src/lib/components/Steps.svelte
@@ -35,6 +35,9 @@
   /** Align vertically (default: horizontal) */
   export let vertical: boolean = false;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     item?: ComponentProps<Step>['classes'];
@@ -53,7 +56,7 @@
     vertical ? 'grid-flow-row' : 'grid-flow-col',
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
 >
   <slot {data}>
diff --git a/packages/svelte-ux/src/lib/components/Switch.svelte b/packages/svelte-ux/src/lib/components/Switch.svelte
index c1cb874bf..f46817dc0 100644
--- a/packages/svelte-ux/src/lib/components/Switch.svelte
+++ b/packages/svelte-ux/src/lib/components/Switch.svelte
@@ -13,6 +13,9 @@
 
   export let color: ThemeColors = 'primary';
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     input?: string;
@@ -72,7 +75,7 @@
       disabled ? 'opacity-50' : 'cursor-pointer peer-focus-visible:ring-2 ring-offset-1',
       settingsClasses.switch,
       classes.switch,
-      $$props.class
+      className
     )}
   >
     <div
diff --git a/packages/svelte-ux/src/lib/components/Tab.svelte b/packages/svelte-ux/src/lib/components/Tab.svelte
index 3f3902c12..53d699731 100644
--- a/packages/svelte-ux/src/lib/components/Tab.svelte
+++ b/packages/svelte-ux/src/lib/components/Tab.svelte
@@ -8,6 +8,9 @@
 
   $: vertical = placement === 'left' || placement === 'right';
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
   } = {};
@@ -31,7 +34,7 @@
       : 'bg-surface-200 text-surface-content/50 hover:text-surface-content hover:bg-surface-100',
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
   on:click
   transition:slide={{ axis: vertical ? 'y' : 'x' }}
diff --git a/packages/svelte-ux/src/lib/components/Table.svelte b/packages/svelte-ux/src/lib/components/Table.svelte
index 0ceacd8a8..dee67303a 100644
--- a/packages/svelte-ux/src/lib/components/Table.svelte
+++ b/packages/svelte-ux/src/lib/components/Table.svelte
@@ -26,6 +26,9 @@
 
   export let order: ReturnType<typeof tableOrderStore> | undefined = undefined;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     container?: string;
     wrapper?: string;
@@ -92,13 +95,7 @@
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
-  class={cls(
-    'Table',
-    'table-container',
-    settingsClasses.container,
-    classes.container,
-    $$props.class
-  )}
+  class={cls('Table', 'table-container', settingsClasses.container, classes.container, className)}
   style={styles.container}
 >
   <div
diff --git a/packages/svelte-ux/src/lib/components/Tabs.svelte b/packages/svelte-ux/src/lib/components/Tabs.svelte
index 7fffc99b3..55fcf373e 100644
--- a/packages/svelte-ux/src/lib/components/Tabs.svelte
+++ b/packages/svelte-ux/src/lib/components/Tabs.svelte
@@ -11,6 +11,9 @@
 
   export let options: { label: string; value: any }[] = [];
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     tabs?: string;
@@ -33,7 +36,7 @@
     }[placement],
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
 >
   <div
diff --git a/packages/svelte-ux/src/lib/components/TextField.svelte b/packages/svelte-ux/src/lib/components/TextField.svelte
index bc21db7b6..6c92e4c21 100644
--- a/packages/svelte-ux/src/lib/components/TextField.svelte
+++ b/packages/svelte-ux/src/lib/components/TextField.svelte
@@ -61,6 +61,10 @@
   export let operators: { label: string; value: string }[] | undefined = undefined;
   export let inputEl: HTMLInputElement | HTMLTextAreaElement | null = null;
   export let debounceChange: boolean | number = false;
+
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     container?: string;
@@ -222,7 +226,7 @@
     !base && (rounded ? 'rounded-full' : 'rounded-sm'),
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
   bind:this={labelEl}
 >
diff --git a/packages/svelte-ux/src/lib/components/Timeline.svelte b/packages/svelte-ux/src/lib/components/Timeline.svelte
index 317f121d1..b4f57d569 100644
--- a/packages/svelte-ux/src/lib/components/Timeline.svelte
+++ b/packages/svelte-ux/src/lib/components/Timeline.svelte
@@ -17,6 +17,9 @@
   export function getTimeline() {
     return getContext<TimelineContext | undefined>(timelineKey);
   }
+
+  let className: string | undefined = undefined;
+  export { className as class };
 </script>
 
 <script lang="ts">
@@ -47,6 +50,9 @@
   /** Snap point to start */
   export let snapPoint = false;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     event?: ComponentProps<TimelineEvent>['classes'];
@@ -68,7 +74,7 @@
     vertical && 'flex-col timeline-vertical',
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
 >
   <slot {data}>
diff --git a/packages/svelte-ux/src/lib/components/TimelineEvent.svelte b/packages/svelte-ux/src/lib/components/TimelineEvent.svelte
index b8b0c3797..43b0dab74 100644
--- a/packages/svelte-ux/src/lib/components/TimelineEvent.svelte
+++ b/packages/svelte-ux/src/lib/components/TimelineEvent.svelte
@@ -18,6 +18,9 @@
   /** If completed, will color icon and line leading up to event */
   export let completed = false;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     start?: string;
@@ -53,7 +56,7 @@
       'timelineevent-completed has-[~li.timelineevent-completed]:[&_hr:last-child]:bg-(--color-completed)',
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
 >
   <hr
diff --git a/packages/svelte-ux/src/lib/components/ToggleGroup.svelte b/packages/svelte-ux/src/lib/components/ToggleGroup.svelte
index da5c718e3..f5da5e27e 100644
--- a/packages/svelte-ux/src/lib/components/ToggleGroup.svelte
+++ b/packages/svelte-ux/src/lib/components/ToggleGroup.svelte
@@ -30,6 +30,9 @@
   export let inset: boolean = false;
   export let vertical: boolean = false;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     options?: string;
@@ -247,7 +250,7 @@
 </script>
 
 <div
-  class={cls('ToggleGroup', `variant-${variant}`, $classesStore.root, $$props.class)}
+  class={cls('ToggleGroup', `variant-${variant}`, $classesStore.root, className)}
   {...$$restProps}
 >
   <!-- TODO: Figure out why fieldset and class="overflow-auto" doesn't work  -->
diff --git a/packages/svelte-ux/src/lib/components/ToggleOption.svelte b/packages/svelte-ux/src/lib/components/ToggleOption.svelte
index 0a5c3ecbc..ad2ee28cd 100644
--- a/packages/svelte-ux/src/lib/components/ToggleOption.svelte
+++ b/packages/svelte-ux/src/lib/components/ToggleOption.svelte
@@ -8,6 +8,9 @@
 
   export let value: any;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     option?: string;
@@ -55,7 +58,7 @@
     $classesContext.label,
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
 >
   <!-- Stack indicator under option -->
diff --git a/packages/svelte-ux/src/lib/components/Tooltip.svelte b/packages/svelte-ux/src/lib/components/Tooltip.svelte
index 47a624bad..db2f5c11c 100644
--- a/packages/svelte-ux/src/lib/components/Tooltip.svelte
+++ b/packages/svelte-ux/src/lib/components/Tooltip.svelte
@@ -23,6 +23,9 @@
   export let autoPlacement = false;
   export let matchWidth: boolean = false;
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     root?: string;
     popover?: string;
@@ -115,14 +118,14 @@
   on:click={hideTooltip}
   bind:this={containerEl}
 >
-  {#if $$props.class || underline || cursor}
+  {#if className || underline || cursor}
     <span
       class={cls(
         hasTitle && underline && 'border-b border-dotted',
         hasTitle && cursor && 'cursor-help',
         settingsClasses.root,
         classes.root,
-        $$props.class
+        className
       )}
     >
       <slot />
diff --git a/packages/svelte-ux/src/lib/components/TreeList.svelte b/packages/svelte-ux/src/lib/components/TreeList.svelte
index b3e283374..e4caaeb1b 100644
--- a/packages/svelte-ux/src/lib/components/TreeList.svelte
+++ b/packages/svelte-ux/src/lib/components/TreeList.svelte
@@ -14,6 +14,9 @@
     li?: HTMLAttributes<HTMLLIElement> | ((node: TreeNode) => HTMLAttributes<HTMLLIElement>);
   } = {};
 
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     ul?: string | ((nodes: TreeNode[]) => string);
     li?: string | ((node: TreeNode) => string);
@@ -27,7 +30,7 @@
     'TreeList',
     typeof settingsClasses.ul === 'string' ? settingsClasses.ul : settingsClasses.ul?.(nodes),
     typeof classes.ul === 'string' ? classes.ul : classes.ul?.(nodes),
-    $$props.class
+    className
   )}
 >
   {#each nodes ?? [] as node}

From d4ce706150c2bba9eaf17c2a850475225a909d79 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Tue, 24 Jun 2025 11:41:57 -0400
Subject: [PATCH 53/53] Fix CI

---
 packages/svelte-ux/src/lib/components/TextField.svelte          | 1 +
 .../svelte-ux/src/routes/docs/components/ListItem/+page.svelte  | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/svelte-ux/src/lib/components/TextField.svelte b/packages/svelte-ux/src/lib/components/TextField.svelte
index 6c92e4c21..999b02db6 100644
--- a/packages/svelte-ux/src/lib/components/TextField.svelte
+++ b/packages/svelte-ux/src/lib/components/TextField.svelte
@@ -229,6 +229,7 @@
     className
   )}
   bind:this={labelEl}
+  {...$$restProps}
 >
   {#if label && ['top', 'left'].includes(labelPlacement)}
     <span
diff --git a/packages/svelte-ux/src/routes/docs/components/ListItem/+page.svelte b/packages/svelte-ux/src/routes/docs/components/ListItem/+page.svelte
index 1a4667f53..f23c5b46a 100644
--- a/packages/svelte-ux/src/routes/docs/components/ListItem/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/ListItem/+page.svelte
@@ -167,7 +167,7 @@
           noShadow
         >
           <div slot="actions">
-            <Checkbox circle dense checked={selectedId == choice.id} />
+            <Checkbox circle checked={selectedId == choice.id} />
           </div>
         </ListItem>
       </div>