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/.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/.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
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/.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/.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/.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/.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/.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/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/.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/.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/.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/.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-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/.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/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
diff --git a/.changeset/pre.json b/.changeset/pre.json
new file mode 100644
index 000000000..a68aedca5
--- /dev/null
+++ b/.changeset/pre.json
@@ -0,0 +1,30 @@
+{
+  "mode": "pre",
+  "tag": "next",
+  "initialVersions": {
+    "svelte-ux": "1.0.0"
+  },
+  "changesets": [
+    "breezy-bushes-admire",
+    "bright-crabs-play",
+    "clear-regions-listen",
+    "cool-teams-judge",
+    "cuddly-coins-tease",
+    "cuddly-snakes-tie",
+    "dirty-pets-switch",
+    "fair-bugs-carry",
+    "four-bears-join",
+    "funny-days-crash",
+    "green-maps-bathe",
+    "loose-baths-make",
+    "loud-bees-juggle",
+    "major-turkeys-ask",
+    "nice-lamps-sing",
+    "nice-onions-sell",
+    "open-hats-arrive",
+    "ready-planets-deny",
+    "violet-books-sneeze",
+    "wide-months-rescue",
+    "witty-spies-divide"
+  ]
+}
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/.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/.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/.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/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
 
diff --git a/package.json b/package.json
index 65379cb0c..68e97a9e1 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.20.0"
   },
   "packageManager": "pnpm@10.5.1"
 }
diff --git a/packages/svelte-ux/CHANGELOG.md b/packages/svelte-ux/CHANGELOG.md
index b7e786c79..084f7ab4e 100644
--- a/packages/svelte-ux/CHANGELOG.md
+++ b/packages/svelte-ux/CHANGELOG.md
@@ -1,5 +1,109 @@
 # 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
+
+- 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
+
+- 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
+
+- chore: Update deps ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
+## 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
+
+- 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
+
+- fix(Drawer): Fix display of action buttons ([#571](https://github.com/techniq/svelte-ux/pull/571))
+
+## 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
+
+- 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
+
+- 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
+
+- fix(SelectField|MultiSelect): Unify and enhance search functionality, enabling new custom search capability in MultiSelect.
+
+## 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
+
+- 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
+
+- 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.6
 
 ### Patch Changes
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
index c103dd0e0..1fcf26abe 100644
--- a/packages/svelte-ux/package.json
+++ b/packages/svelte-ux/package.json
@@ -4,9 +4,9 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/svelte-ux",
-  "version": "1.0.6",
+  "version": "2.0.0-next.13",
   "scripts": {
-    "dev": "vite dev",
+    "dev": "vite dev --port 3001",
     "build": "vite build",
     "preview": "vite preview",
     "package": "svelte-package",
@@ -19,59 +19,59 @@
     "prepare": "svelte-kit sync"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.27.8",
+    "@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.0",
+    "@iconify-json/lucide": "^1.2.51",
+    "@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",
-    "@types/culori": "^2.1.1",
+    "@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.0.7",
-    "autoprefixer": "^10.4.20",
-    "daisyui": "^4.12.24",
+    "@vitest/coverage-v8": "^3.2.3",
+    "culori": "^4.0.1",
     "marked": "^15.0.7",
     "mdsvex": "^0.12.3",
-    "posthog-js": "^1.223.4",
-    "prettier": "^3.5.2",
-    "prettier-plugin-svelte": "^3.3.3",
+    "posthog-js": "^1.252.0",
+    "prettier": "^3.5.3",
+    "prettier-plugin-svelte": "^3.4.0",
     "rehype-slug": "^6.0.0",
-    "svelte": "5.20.4",
-    "svelte-check": "^4.1.4",
-    "svelte2tsx": "^0.7.34",
-    "tailwindcss": "^3.4.17",
+    "svelte": "5.34.1",
+    "svelte-check": "^4.2.1",
+    "svelte2tsx": "^0.7.39",
+    "tailwindcss": "^4.1.10",
     "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"
+    "unplugin-icons": "^22.1.0",
+    "vite": "^6.2.1",
+    "vitest": "^3.2.3"
   },
   "type": "module",
   "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",
+    "@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.15",
+    "@layerstack/utils": "2.0.0-next.12",
     "@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",
     "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"
+    "zod": "^3.25.64"
   },
   "peerDependencies": {
     "svelte": "^3.56.0 || ^4.0.0 || ^5.0.0"
diff --git a/packages/svelte-ux/postcss.config.cjs b/packages/svelte-ux/postcss.config.cjs
deleted file mode 100644
index cdbe50f3a..000000000
--- a/packages/svelte-ux/postcss.config.cjs
+++ /dev/null
@@ -1,7 +0,0 @@
-module.exports = {
-  plugins: {
-    'tailwindcss/nesting': {},
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};
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/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..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;
@@ -34,12 +37,12 @@
     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,
     classes.root,
-    $$props.class
+    className
   )}
 >
   <slot />
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/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 67b011fcd..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;
@@ -44,10 +47,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 +83,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: {
@@ -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/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 d3d41bc74..ab2835e3b 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..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
@@ -77,7 +80,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..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,11 +21,11 @@
   } = {};
 </script>
 
-<div class={cls('Code', 'rounded', 'overflow-auto', classes.root, $$props.class)}>
+<div class={cls('Code', 'rounded-sm', 'overflow-auto', classes.root, className)}>
   {#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..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,13 +59,13 @@
     popout && list === 'group' && 'group-first:mt-0 group-last:mb-0',
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
   aria-expanded={open}
 >
   <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..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),
               })
@@ -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:theme(colors.primary)]',
-    isSelectedEnd ? '[--tw-gradient-to:transparent]' : '[--tw-gradient-to:theme(colors.primary)]',
-    isSelected && (isVerticalSelection ? 'bg-gradient-to-b' : 'bg-gradient-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/DateField.svelte b/packages/svelte-ux/src/lib/components/DateField.svelte
index 17ad5ef74..d20af3114 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';
@@ -47,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();
@@ -54,7 +56,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 });
@@ -83,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/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..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) {
@@ -173,7 +175,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 +307,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..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;
 
@@ -113,10 +121,16 @@
   <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)}
+    on:click={() => {
+      if (quickPresets.length > 0) {
+        showQuickPresetsMenu = !showQuickPresetsMenu;
+      } else {
+        showDialog = true;
+      }
+    }}
     {id}
   >
     <DateRangeDisplay {value} />
@@ -159,14 +173,39 @@
       />
     {/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
   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
+  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/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/Dialog.svelte b/packages/svelte-ux/src/lib/components/Dialog.svelte
index d88a2dd71..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;
@@ -111,12 +114,11 @@
   >
     <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
+        className
       )}
-      style={$$props.style}
       in:scale|global={{ duration: 150, easing: quadIn }}
       out:scale={{ duration: 150, easing: quadIn }}
       on:introstart
@@ -126,9 +128,10 @@
       bind:this={dialogEl}
       use:focusMove={{ restoreFocus: true }}
       role="dialog"
+      {...$$restProps}
     >
       {#if loading}
-        <Overlay center class="rounded">
+        <Overlay center class="rounded-sm">
           <ProgressCircle />
         </Overlay>
       {/if}
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 946b493af..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;
@@ -72,7 +75,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),
@@ -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,
@@ -109,9 +111,11 @@
     use:portalAction={portal}
     use:focusMove={{ restoreFocus: true }}
     role="dialog"
+    tabindex="-1"
+    {...$$restProps}
   >
     {#if loading}
-      <Overlay center class="rounded">
+      <Overlay center class="rounded-sm">
         <ProgressCircle />
       </Overlay>
     {/if}
@@ -121,7 +125,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
         )}
diff --git a/packages/svelte-ux/src/lib/components/Duration.svelte b/packages/svelte-ux/src/lib/components/Duration.svelte
index 0c13b88ae..c97224ce6 100644
--- a/packages/svelte-ux/src/lib/components/Duration.svelte
+++ b/packages/svelte-ux/src/lib/components/Duration.svelte
@@ -1,14 +1,14 @@
 <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 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';
@@ -19,7 +19,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 +53,7 @@
     },
   });
 
-  $: displayDuration = humanizeDuration({
-    start,
-    end: end ?? $timer,
-    duration,
+  $: displayDuration = new Duration({ start, end: end ?? $timer, duration }).format({
     minUnits,
     totalUnits,
     variant,
diff --git a/packages/svelte-ux/src/lib/components/EmptyMessage.svelte b/packages/svelte-ux/src/lib/components/EmptyMessage.svelte
index 83fba60a7..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>
 
@@ -12,9 +15,9 @@
     '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
+    className
   )}
 >
   <slot />
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/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 a898f92b6..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;
@@ -64,12 +68,12 @@
     '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
+    className
   )}
   bind:this={labelEl}
 >
@@ -78,7 +82,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 +97,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 +131,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..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;
@@ -29,7 +32,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
@@ -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 b917d8109..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[];
@@ -84,12 +87,11 @@
   <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
+      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 ?? ''}
@@ -109,15 +112,15 @@
     {viewBox}
     class={cls(
       'Icon',
-      'inline-block flex-shrink-0 fill-current',
+      '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/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..832f8f253 100644
--- a/packages/svelte-ux/src/lib/components/Kbd.svelte
+++ b/packages/svelte-ux/src/lib/components/Kbd.svelte
@@ -8,14 +8,17 @@
   export let command = false;
 
   export let variant: 'filled' | 'none' = 'filled';
+
+  let className: string | undefined = undefined;
+  export { className as class };
 </script>
 
 <kbd
   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',
-    $$props.class
+      'border border-b-2 text-surface-content bg-surface-200 rounded-sm py-1 px-1',
+    className
   )}
 >
   {#if control}
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..971161003 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;
 
@@ -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,13 +67,13 @@
     noBackground !== true && 'bg-surface-100',
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
   on:click
   role="listitem"
 >
   {#if loading}
-    <Overlay center class="rounded">
+    <Overlay center class="rounded-sm">
       <ProgressCircle />
     </Overlay>
   {/if}
@@ -90,7 +93,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..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;
@@ -64,22 +67,22 @@
   {offset}
   {matchWidth}
   {resize}
-  {open}
+  bind: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
+    className
   )}
-  style={$$props.style}
   on:close
   let:close
+  {...$$restProps}
 >
   <!-- 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/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 df201e949..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',
@@ -51,11 +54,11 @@
   {...$$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,
-    $$props.class
+    className
   )}
   on:click
   on:mouseover
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 2fa0751ad..3232d8ba7 100644
--- a/packages/svelte-ux/src/lib/components/MonthList.svelte
+++ b/packages/svelte-ux/src/lib/components/MonthList.svelte
@@ -1,14 +1,21 @@
 <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';
 
   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)
    */
@@ -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 b1878ef52..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);
 
@@ -34,7 +33,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..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'];
@@ -118,7 +121,7 @@
     ) {
       hide();
     } else {
-      logger.debug('ignoring blur');
+      logger.debug('ignoring blur-sm');
     }
   }
 
@@ -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 5ad1625fb..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'];
@@ -25,10 +28,10 @@
 <div
   class={cls(
     'MultiSelectOption',
-    'grid grid-cols-[1fr,auto]',
+    'grid grid-cols-[1fr_auto]',
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
   role="option"
   aria-selected={checked}
@@ -40,7 +43,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..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;
@@ -33,9 +36,9 @@
     'NavItem',
     'flex items-center',
     settingsClasses.root,
-    isPathActive && ['is-active', settingsClasses.active, classes.active],
     classes.root,
-    $$props.class
+    className,
+    isPathActive && ['is-active', settingsClasses.active, classes.active]
   )}
   use:scrollIntoView={{
     condition: isPathActive,
@@ -55,11 +58,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/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/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..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 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/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/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 473384ad6..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,8 +61,8 @@
 <Dialog
   bind:open
   classes={{
-    root: cls('items-start mt-8 sm:mt-24', settingsClasses.root, classes.root, $$props.class),
-    backdrop: 'backdrop-blur-sm',
+    root: cls('items-start mt-8 sm:mt-24', settingsClasses.root, classes.root, className),
+    backdrop: 'backdrop-blur-xs',
   }}
 >
   <SelectField
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/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/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 5acbc8fb2..a878b171e 100644
--- a/packages/svelte-ux/src/lib/components/SectionDivider.svelte
+++ b/packages/svelte-ux/src/lib/components/SectionDivider.svelte
@@ -2,15 +2,18 @@
   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">
+  <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 860ad9ff4..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'];
@@ -262,9 +265,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');
     }
   }
 
@@ -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/TableOfContents.svelte b/packages/svelte-ux/src/lib/components/TableOfContents.svelte
index bf161dc79..9421cc70d 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<TreeList>['classes'] = {};
+
+  export let props: {
+    a?: HTMLAttributes<HTMLAnchorElement> | ((node: TreeNode) => HTMLAttributes<HTMLAnchorElement>);
+  } & ComponentProps<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/lib/components/Tabs.svelte b/packages/svelte-ux/src/lib/components/Tabs.svelte
index dd776202b..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,12 +36,12 @@
     }[placement],
     settingsClasses.root,
     classes.root,
-    $$props.class
+    className
   )}
 >
   <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..999b02db6 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;
@@ -217,21 +221,22 @@
     '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
+    className
   )}
   bind:this={labelEl}
+  {...$$restProps}
 >
   {#if label && ['top', 'left'].includes(labelPlacement)}
     <span
       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 +251,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 +284,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 +337,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 +378,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 +431,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/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 b57ec2599..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;
@@ -41,7 +44,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,10 +53,10 @@
     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
+    className
   )}
 >
   <hr
diff --git a/packages/svelte-ux/src/lib/components/ToggleGroup.svelte b/packages/svelte-ux/src/lib/components/ToggleGroup.svelte
index 048130b21..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;
@@ -107,7 +110,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 +126,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 +162,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
@@ -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 b4ed87b88..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;
@@ -88,7 +91,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
         )}
@@ -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 05b37083e..e4caaeb1b 100644
--- a/packages/svelte-ux/src/lib/components/TreeList.svelte
+++ b/packages/svelte-ux/src/lib/components/TreeList.svelte
@@ -1,10 +1,22 @@
 <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>);
+  } = {};
+
+  let className: string | undefined = undefined;
+  export { className as class };
+
   export let classes: {
     ul?: string | ((nodes: TreeNode[]) => string);
     li?: string | ((node: TreeNode) => string);
@@ -13,23 +25,26 @@
 </script>
 
 <ul
+  {...typeof props.ul === 'function' ? props.ul(nodes) : props.ul}
   class={cls(
     '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}
     <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}
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/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 3318d8d86..d900782ed 100644
--- a/packages/svelte-ux/src/routes/+layout.svelte
+++ b/packages/svelte-ux/src/routes/+layout.svelte
@@ -15,7 +15,6 @@
     ThemeSwitch,
     Tooltip,
     settings,
-    Icon,
   } from 'svelte-ux';
   import { DEV } from 'esm-env';
 
@@ -123,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',
         },
       },
     },
@@ -214,25 +213,14 @@
 <!-- Set theme before anything renders (even when SSR is in use) -->
 <ThemeInit />
 
-<AppLayout headerHeight={96}>
+<AppLayout>
   <svelte:fragment slot="nav">
     <NavMenu />
     <!-- Spacer -->
     <div class="h-4"></div>
   </svelte:fragment>
 
-  <AppBar {title} class="pt-8">
-    <div
-      class="fixed top-0 left-0 w-full h-8 bg-primary-700 border-b border-primary-800/50 shadow flex gap-2 items-center justify-center text-sm font-medium"
-    >
-      Svelte UX for Tailwind 4 released! -
-      <a
-        href="https://next.svelte-ux.techniq.dev/"
-        class="font-semibold underline-offset-2 hover:underline"
-      >
-        Preview <Icon data={mdiArrowTopRight} class="text-xs mt-[-2px]" />
-      </a>
-    </div>
+  <AppBar {title}>
     <div slot="actions" class="flex gap-3">
       <Button
         href="https://www.layerchart.com"
diff --git a/packages/svelte-ux/src/routes/+page.svelte b/packages/svelte-ux/src/routes/+page.svelte
index 245a7a01f..d1bfd7bd0 100644
--- a/packages/svelte-ux/src/routes/+page.svelte
+++ b/packages/svelte-ux/src/routes/+page.svelte
@@ -1,111 +1,101 @@
 <script lang="ts">
-  import { Kbd } from 'svelte-ux';
+  import { Kbd, ToggleGroup, ToggleOption } from 'svelte-ux';
+
   import Code from '$lib/components/Code.svelte';
+
+  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>
+  <ToggleGroup
+    bind:value={selectedTab}
+    variant="underline"
+    classes={{ options: 'justify-start h-10 mb-3' }}
+  >
+    <ToggleOption value="svelte-cli">Svelte CLI</ToggleOption>
+    <ToggleOption value="manual">Manual Install</ToggleOption>
+  </ToggleGroup>
+
   <div class="grid gap-3">
-    <ul class="mt-0">
-      <li>
-        Svelte UX 1.0.0 requires Tailwind 3. For new projects, Svelte CLI <code>sv</code> installs
-        Tailwind 4 which can not be used. Instead you will need to follow the
-        <a href="https://v3.tailwindcss.com/docs/guides/sveltekit" target="_blank">official guide</a
-        >
-        to setup your project.
-      </li>
-      <li>
-        The upcoming Svelte UX 2.0.0 release has been updated to Tailwind 4 and can be previewed
-        <a href="https://next.svelte-ux.techniq.dev/" target="_blank">here</a>.
-      </li>
-      <li>Svelte UX 1.0.0 supports Svelte 3-5, while 2.0.0 will require Svelte 5.</li>
-    </ul>
-    <div>Add Svelte UX package</div>
-    <Code source={`npm install svelte-ux`} language="sh" />
-
-    <div>Update <code>tailwind.config.cjs</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"
-    />
+    {#if selectedTab === 'svelte-cli'}
+      <div>
+        Start a new project SvelteKit project with <a
+          href="https://svelte.dev/docs/cli/overview"
+          target="_blank">sv</a
+        > cli
+      </div>
+      <Code source={`npm sv create`} language="sh" />
+
+      <div>Select Tailwind during setup OR run</div>
+      <Code source={`npx sv add tailwindcss`} language="sh" />
+
+      <div>Add Svelte UX package</div>
+      <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">
+          guide
+        </a> to setup a new SvelteKit project with Tailwind.
+      </div>
+
+      <div>Add Svelte UX package</div>
+      <Code source={`npm install svelte-ux@next`} language="sh" />
+    {/if}
+
+    {#if selectedTab === 'svelte-cli' || selectedTab === 'manual'}
+      <div>Update <code>app.css</code></div>
+      <Code
+        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';  /* 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>
+*/
+: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/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..fc0711cbc 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/core.css';
+@import '@layerstack/tailwind/utils.css';
+@import '@layerstack/tailwind/themes/all.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;
@@ -17,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 */
 }
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..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,
@@ -87,7 +89,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 +105,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'
           )}
@@ -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;
           }}
@@ -180,7 +191,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 +205,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,14 +268,27 @@
 
     {#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">
+        <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}
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/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 19d41b6f5..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 } 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,
   };
@@ -56,6 +55,49 @@
   <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: intervalOffset('day', today, -1),
+          to: intervalOffset('day', today, -1),
+          periodType: PeriodType.Day,
+        },
+      },
+      {
+        label: 'Last 7 days',
+        value: { from: intervalOffset('day', today, -7), to: today, periodType: PeriodType.Day },
+      },
+      {
+        label: 'Last 30 days',
+        value: { from: intervalOffset('day', today, -30), to: today, periodType: PeriodType.Day },
+      },
+      {
+        label: 'Last 6 months',
+        value: {
+          from: intervalOffset('month', today, -6),
+          to: today,
+          periodType: PeriodType.Month,
+        },
+      },
+      {
+        label: 'Last year',
+        value: {
+          from: intervalOffset('year', today, -1),
+          to: today,
+          periodType: PeriodType.CalendarYear,
+        },
+      },
+    ]}
+  />
+</Preview>
+
 <h2>Icon</h2>
 
 <Preview>
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/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/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..f23c5b46a 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'
           )}
@@ -167,7 +167,7 @@
           noShadow
         >
           <div slot="actions">
-            <Checkbox circle dense checked={selectedId == choice.id} />
+            <Checkbox circle checked={selectedId == choice.id} />
           </div>
         </ListItem>
       </div>
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..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>
@@ -154,7 +167,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}
@@ -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/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..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,14 +58,14 @@
     onTick: (value) => (value ?? 0) + 1,
   });
 
-  const firstOfMonth = startOfMonth(new Date());
+  const firstOfMonth = startOfInterval('month', new Date());
 </script>
 
 <svelte:window on:keydown={onKeyDown} />
 
 <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>
@@ -218,15 +218,15 @@
 <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">
+    <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)} />
     </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/SelectField/+page.svelte b/packages/svelte-ux/src/routes/docs/components/SelectField/+page.svelte
index 4cd0d2222..69ca41660 100644
--- a/packages/svelte-ux/src/routes/docs/components/SelectField/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/SelectField/+page.svelte
@@ -297,7 +297,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>
@@ -306,7 +306,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/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>
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/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/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..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';
 
@@ -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>
+</TextField> -->
diff --git a/packages/svelte-ux/src/routes/theme/colors.ts b/packages/svelte-ux/src/routes/theme/colors.ts
index 13b90a976..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 { colorVariableValue, 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 colorValue = colorVariableValue(value, colorSpace);
-      if (colorValue) {
-        return `${colorSpace}(${colorValue})`;
-      } 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;
+//   }
+// }
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/packages/svelte-ux/vite.config.js b/packages/svelte-ux/vite.config.js
index be560bef8..2098d9290 100644
--- a/packages/svelte-ux/vite.config.js
+++ b/packages/svelte-ux/vite.config.js
@@ -1,9 +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: [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 ab3fc23f8..a57ce1911 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,59 +9,50 @@ 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.2)(svelte@5.20.4)
+        specifier: ^3.4.0
+        version: 3.4.0(prettier@3.5.3)(svelte@5.34.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.20.0
+        version: 4.20.0(@cloudflare/workers-types@4.20250613.0)
 
   packages/svelte-ux:
     dependencies:
       '@floating-ui/dom':
-        specifier: ^1.6.13
-        version: 1.6.13
-      '@fortawesome/fontawesome-common-types':
-        specifier: ^6.7.2
-        version: 6.7.2
+        specifier: ^1.7.1
+        version: 1.7.1
       '@layerstack/svelte-actions':
-        specifier: ^1.0.0
-        version: 1.0.0
+        specifier: 1.0.1-next.12
+        version: 1.0.1-next.12
       '@layerstack/svelte-stores':
-        specifier: ^1.0.1
-        version: 1.0.1
+        specifier: 1.0.2-next.12
+        version: 1.0.2-next.12
       '@layerstack/svelte-table':
-        specifier: ^1.0.0
-        version: 1.0.0
+        specifier: 1.0.1-next.12
+        version: 1.0.1-next.12
       '@layerstack/tailwind':
-        specifier: ^1.0.0
-        version: 1.0.0
+        specifier: 2.0.0-next.15
+        version: 2.0.0-next.15
       '@layerstack/utils':
-        specifier: ^1.0.0
-        version: 1.0.0
+        specifier: 2.0.0-next.12
+        version: 2.0.0-next.12
       '@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
       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
@@ -78,39 +69,48 @@ 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.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
+        specifier: ^3.25.64
+        version: 3.25.64
     devDependencies:
       '@changesets/cli':
-        specifier: ^2.27.8
-        version: 2.28.1
+        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
+      '@iconify-json/lucide':
+        specifier: ^1.2.51
+        version: 1.2.51
       '@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.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@4.14.4(@cloudflare/workers-types@4.20250514.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.0
-        version: 2.21.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)(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))
+        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.20.4)(typescript@5.7.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.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(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@3.4.17)
+        version: 0.5.16(tailwindcss@4.1.10)
+      '@tailwindcss/vite':
+        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: ^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
@@ -124,106 +124,108 @@ 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)(yaml@2.7.0))
-      autoprefixer:
-        specifier: ^10.4.20
-        version: 10.4.20(postcss@8.4.49)
-      daisyui:
-        specifier: ^4.12.24
-        version: 4.12.24(postcss@8.4.49)
+        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
       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.34.1)
       posthog-js:
-        specifier: ^1.223.4
-        version: 1.223.4(@rrweb/types@2.0.0-alpha.18)
+        specifier: ^1.252.0
+        version: 1.252.0
       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)
+        specifier: ^3.4.0
+        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.20.4
-        version: 5.20.4
+        specifier: 5.34.1
+        version: 5.34.1
       svelte-check:
-        specifier: ^4.1.4
-        version: 4.1.4(picomatch@4.0.2)(svelte@5.20.4)(typescript@5.7.3)
+        specifier: ^4.2.1
+        version: 4.2.1(picomatch@4.0.2)(svelte@5.34.1)(typescript@5.8.3)
       svelte2tsx:
-        specifier: ^0.7.34
-        version: 0.7.34(svelte@5.20.4)(typescript@5.7.3)
+        specifier: ^0.7.39
+        version: 0.7.39(svelte@5.34.1)(typescript@5.8.3)
       tailwindcss:
-        specifier: ^3.4.17
-        version: 3.4.17
+        specifier: ^4.1.10
+        version: 4.1.10
       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.3
       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.0
-        version: 6.2.0(@types/node@22.13.5)(jiti@2.4.2)(yaml@2.7.0)
+        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.0.7
-        version: 3.0.7(@types/node@22.13.5)(jiti@2.4.2)(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:
 
-  '@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'}
 
-  '@babel/helper-string-parser@7.25.9':
-    resolution: {integrity: sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==}
+  '@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'}
 
-  '@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.5':
+    resolution: {integrity: sha512-OsQd175SxWkGlzbny8J3K8TnnDD0N3lrIUtB92xwyRpzaenGZhxDvxN/JgU00U3CDZNj9tPuDJ5H0WS4Nt3vKg==}
     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.6':
+    resolution: {integrity: sha512-ETyHEk2VHHvl9b9jZP5IHPavHYk57EhanlRRuae9XCpb/j5bDCbPPMOBfCWhnl/7EDJz0jEMCi/RhccCE8r1+Q==}
     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':
@@ -238,14 +240,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==}
@@ -256,8 +258,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==}
@@ -275,47 +277,47 @@ 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.20250604.0':
+    resolution: {integrity: sha512-PI6AWAzhHg75KVhYkSWFBf3HKCHstpaKg4nrx6LYZaEvz0TaTz+JQpYU2fNAgGFmVsK5xEzwFTGh3DAVAKONPw==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [darwin]
 
-  '@cloudflare/workerd-darwin-arm64@1.20250507.0':
-    resolution: {integrity: sha512-Oynff5H8yM4trfUFaKdkOvPV3jac8mg7QC19ILZluCVgLx/JGEVLEJ7do1Na9rLqV8CK4gmUXPrUMX7uerhQgg==}
+  '@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.20250507.0':
-    resolution: {integrity: sha512-/HAA+Zg/R7Q/Smyl835FUFKjotZN1UzN9j/BHBd0xKmKov97QkXAX8gsyGnyKqRReIOinp8x/8+UebTICR7VJw==}
+  '@cloudflare/workerd-linux-64@1.20250604.0':
+    resolution: {integrity: sha512-S0R9r7U4nv9qejYygQj01hArC4KUbQQ4u29rvegR0MGoXZY8AHIEuJxon0kE7r7aWFJxvl4W3tOH+5hwW51LYw==}
     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.20250604.0':
+    resolution: {integrity: sha512-BTFU/rXpNy03wpeueI2P7q1vVjbg2V6mCyyFGqDqMn2gSVYXH1G0zFNolV13PQXa0HgaqM6oYnqtAxluqbA+kQ==}
     engines: {node: '>=16'}
     cpu: [arm64]
     os: [linux]
 
-  '@cloudflare/workerd-windows-64@1.20250507.0':
-    resolution: {integrity: sha512-c91fhNP8ufycdIDqjVyKTqeb4ewkbAYXFQbLreMVgh4LLQQPDDEte8wCdmaFy5bIL0M9d85PpdCq51RCzq/FaQ==}
+  '@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==}
@@ -324,300 +326,150 @@ packages:
   '@emnapi/runtime@1.4.3':
     resolution: {integrity: sha512-pBPWdu6MLKROBX05wSNKcNb++m5Er+KQ9QkB+WVM+pW2Kx9hoSrVTnu3BdkI5eBLZoKu/J6mW/B6i6bJB2ytXQ==}
 
-  '@esbuild/aix-ppc64@0.25.0':
-    resolution: {integrity: sha512-O7vun9Sf8DFjH2UtqK8Ku3LkquL9SZL8OLY1T5NZkA34+wG3OQF7cl4Ql8vdNzM6fzBbYfLaiRLIOZ+2FOCgBQ==}
-    engines: {node: '>=18'}
-    cpu: [ppc64]
-    os: [aix]
-
   '@esbuild/aix-ppc64@0.25.4':
     resolution: {integrity: sha512-1VCICWypeQKhVbE9oW/sJaAmjLxhVqacdkvPLEjwlttjfwENRSClS8EjBz0KzRyFSCPDIkuXW34Je/vk7zdB7Q==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [aix]
 
-  '@esbuild/android-arm64@0.25.0':
-    resolution: {integrity: sha512-grvv8WncGjDSyUBjN9yHXNt+cq0snxXbDxy5pJtzMKGmmpPxeAmAhWxXI+01lU5rwZomDgD3kJwulEnhTRUd6g==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [android]
-
   '@esbuild/android-arm64@0.25.4':
     resolution: {integrity: sha512-bBy69pgfhMGtCnwpC/x5QhfxAz/cBgQ9enbtwjf6V9lnPI/hMyT9iWpR1arm0l3kttTr4L0KSLpKmLp/ilKS9A==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [android]
 
-  '@esbuild/android-arm@0.25.0':
-    resolution: {integrity: sha512-PTyWCYYiU0+1eJKmw21lWtC+d08JDZPQ5g+kFyxP0V+es6VPPSUhM6zk8iImp2jbV6GwjX4pap0JFbUQN65X1g==}
-    engines: {node: '>=18'}
-    cpu: [arm]
-    os: [android]
-
   '@esbuild/android-arm@0.25.4':
     resolution: {integrity: sha512-QNdQEps7DfFwE3hXiU4BZeOV68HHzYwGd0Nthhd3uCkkEKK7/R6MTgM0P7H7FAs5pU/DIWsviMmEGxEoxIZ+ZQ==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [android]
 
-  '@esbuild/android-x64@0.25.0':
-    resolution: {integrity: sha512-m/ix7SfKG5buCnxasr52+LI78SQ+wgdENi9CqyCXwjVR2X4Jkz+BpC3le3AoBPYTC9NHklwngVXvbJ9/Akhrfg==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [android]
-
   '@esbuild/android-x64@0.25.4':
     resolution: {integrity: sha512-TVhdVtQIFuVpIIR282btcGC2oGQoSfZfmBdTip2anCaVYcqWlZXGcdcKIUklfX2wj0JklNYgz39OBqh2cqXvcQ==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [android]
 
-  '@esbuild/darwin-arm64@0.25.0':
-    resolution: {integrity: sha512-mVwdUb5SRkPayVadIOI78K7aAnPamoeFR2bT5nszFUZ9P8UpK4ratOdYbZZXYSqPKMHfS1wdHCJk1P1EZpRdvw==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [darwin]
-
   '@esbuild/darwin-arm64@0.25.4':
     resolution: {integrity: sha512-Y1giCfM4nlHDWEfSckMzeWNdQS31BQGs9/rouw6Ub91tkK79aIMTH3q9xHvzH8d0wDru5Ci0kWB8b3up/nl16g==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [darwin]
 
-  '@esbuild/darwin-x64@0.25.0':
-    resolution: {integrity: sha512-DgDaYsPWFTS4S3nWpFcMn/33ZZwAAeAFKNHNa1QN0rI4pUjgqf0f7ONmXf6d22tqTY+H9FNdgeaAa+YIFUn2Rg==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [darwin]
-
   '@esbuild/darwin-x64@0.25.4':
     resolution: {integrity: sha512-CJsry8ZGM5VFVeyUYB3cdKpd/H69PYez4eJh1W/t38vzutdjEjtP7hB6eLKBoOdxcAlCtEYHzQ/PJ/oU9I4u0A==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [darwin]
 
-  '@esbuild/freebsd-arm64@0.25.0':
-    resolution: {integrity: sha512-VN4ocxy6dxefN1MepBx/iD1dH5K8qNtNe227I0mnTRjry8tj5MRk4zprLEdG8WPyAPb93/e4pSgi1SoHdgOa4w==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [freebsd]
-
   '@esbuild/freebsd-arm64@0.25.4':
     resolution: {integrity: sha512-yYq+39NlTRzU2XmoPW4l5Ifpl9fqSk0nAJYM/V/WUGPEFfek1epLHJIkTQM6bBs1swApjO5nWgvr843g6TjxuQ==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [freebsd]
 
-  '@esbuild/freebsd-x64@0.25.0':
-    resolution: {integrity: sha512-mrSgt7lCh07FY+hDD1TxiTyIHyttn6vnjesnPoVDNmDfOmggTLXRv8Id5fNZey1gl/V2dyVK1VXXqVsQIiAk+A==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [freebsd]
-
   '@esbuild/freebsd-x64@0.25.4':
     resolution: {integrity: sha512-0FgvOJ6UUMflsHSPLzdfDnnBBVoCDtBTVyn/MrWloUNvq/5SFmh13l3dvgRPkDihRxb77Y17MbqbCAa2strMQQ==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [freebsd]
 
-  '@esbuild/linux-arm64@0.25.0':
-    resolution: {integrity: sha512-9QAQjTWNDM/Vk2bgBl17yWuZxZNQIF0OUUuPZRKoDtqF2k4EtYbpyiG5/Dk7nqeK6kIJWPYldkOcBqjXjrUlmg==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [linux]
-
   '@esbuild/linux-arm64@0.25.4':
     resolution: {integrity: sha512-+89UsQTfXdmjIvZS6nUnOOLoXnkUTB9hR5QAeLrQdzOSWZvNSAXAtcRDHWtqAUtAmv7ZM1WPOOeSxDzzzMogiQ==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [linux]
 
-  '@esbuild/linux-arm@0.25.0':
-    resolution: {integrity: sha512-vkB3IYj2IDo3g9xX7HqhPYxVkNQe8qTK55fraQyTzTX/fxaDtXiEnavv9geOsonh2Fd2RMB+i5cbhu2zMNWJwg==}
-    engines: {node: '>=18'}
-    cpu: [arm]
-    os: [linux]
-
   '@esbuild/linux-arm@0.25.4':
     resolution: {integrity: sha512-kro4c0P85GMfFYqW4TWOpvmF8rFShbWGnrLqlzp4X1TNWjRY3JMYUfDCtOxPKOIY8B0WC8HN51hGP4I4hz4AaQ==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.25.0':
-    resolution: {integrity: sha512-43ET5bHbphBegyeqLb7I1eYn2P/JYGNmzzdidq/w0T8E2SsYL1U6un2NFROFRg1JZLTzdCoRomg8Rvf9M6W6Gg==}
-    engines: {node: '>=18'}
-    cpu: [ia32]
-    os: [linux]
-
   '@esbuild/linux-ia32@0.25.4':
     resolution: {integrity: sha512-yTEjoapy8UP3rv8dB0ip3AfMpRbyhSN3+hY8mo/i4QXFeDxmiYbEKp3ZRjBKcOP862Ua4b1PDfwlvbuwY7hIGQ==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [linux]
 
-  '@esbuild/linux-loong64@0.25.0':
-    resolution: {integrity: sha512-fC95c/xyNFueMhClxJmeRIj2yrSMdDfmqJnyOY4ZqsALkDrrKJfIg5NTMSzVBr5YW1jf+l7/cndBfP3MSDpoHw==}
-    engines: {node: '>=18'}
-    cpu: [loong64]
-    os: [linux]
-
   '@esbuild/linux-loong64@0.25.4':
     resolution: {integrity: sha512-NeqqYkrcGzFwi6CGRGNMOjWGGSYOpqwCjS9fvaUlX5s3zwOtn1qwg1s2iE2svBe4Q/YOG1q6875lcAoQK/F4VA==}
     engines: {node: '>=18'}
     cpu: [loong64]
     os: [linux]
 
-  '@esbuild/linux-mips64el@0.25.0':
-    resolution: {integrity: sha512-nkAMFju7KDW73T1DdH7glcyIptm95a7Le8irTQNO/qtkoyypZAnjchQgooFUDQhNAy4iu08N79W4T4pMBwhPwQ==}
-    engines: {node: '>=18'}
-    cpu: [mips64el]
-    os: [linux]
-
   '@esbuild/linux-mips64el@0.25.4':
     resolution: {integrity: sha512-IcvTlF9dtLrfL/M8WgNI/qJYBENP3ekgsHbYUIzEzq5XJzzVEV/fXY9WFPfEEXmu3ck2qJP8LG/p3Q8f7Zc2Xg==}
     engines: {node: '>=18'}
     cpu: [mips64el]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.25.0':
-    resolution: {integrity: sha512-NhyOejdhRGS8Iwv+KKR2zTq2PpysF9XqY+Zk77vQHqNbo/PwZCzB5/h7VGuREZm1fixhs4Q/qWRSi5zmAiO4Fw==}
-    engines: {node: '>=18'}
-    cpu: [ppc64]
-    os: [linux]
-
   '@esbuild/linux-ppc64@0.25.4':
     resolution: {integrity: sha512-HOy0aLTJTVtoTeGZh4HSXaO6M95qu4k5lJcH4gxv56iaycfz1S8GO/5Jh6X4Y1YiI0h7cRyLi+HixMR+88swag==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [linux]
 
-  '@esbuild/linux-riscv64@0.25.0':
-    resolution: {integrity: sha512-5S/rbP5OY+GHLC5qXp1y/Mx//e92L1YDqkiBbO9TQOvuFXM+iDqUNG5XopAnXoRH3FjIUDkeGcY1cgNvnXp/kA==}
-    engines: {node: '>=18'}
-    cpu: [riscv64]
-    os: [linux]
-
   '@esbuild/linux-riscv64@0.25.4':
     resolution: {integrity: sha512-i8JUDAufpz9jOzo4yIShCTcXzS07vEgWzyX3NH2G7LEFVgrLEhjwL3ajFE4fZI3I4ZgiM7JH3GQ7ReObROvSUA==}
     engines: {node: '>=18'}
     cpu: [riscv64]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.25.0':
-    resolution: {integrity: sha512-XM2BFsEBz0Fw37V0zU4CXfcfuACMrppsMFKdYY2WuTS3yi8O1nFOhil/xhKTmE1nPmVyvQJjJivgDT+xh8pXJA==}
-    engines: {node: '>=18'}
-    cpu: [s390x]
-    os: [linux]
-
   '@esbuild/linux-s390x@0.25.4':
     resolution: {integrity: sha512-jFnu+6UbLlzIjPQpWCNh5QtrcNfMLjgIavnwPQAfoGx4q17ocOU9MsQ2QVvFxwQoWpZT8DvTLooTvmOQXkO51g==}
     engines: {node: '>=18'}
     cpu: [s390x]
     os: [linux]
 
-  '@esbuild/linux-x64@0.25.0':
-    resolution: {integrity: sha512-9yl91rHw/cpwMCNytUDxwj2XjFpxML0y9HAOH9pNVQDpQrBxHy01Dx+vaMu0N1CKa/RzBD2hB4u//nfc+Sd3Cw==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [linux]
-
   '@esbuild/linux-x64@0.25.4':
     resolution: {integrity: sha512-6e0cvXwzOnVWJHq+mskP8DNSrKBr1bULBvnFLpc1KY+d+irZSgZ02TGse5FsafKS5jg2e4pbvK6TPXaF/A6+CA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [linux]
 
-  '@esbuild/netbsd-arm64@0.25.0':
-    resolution: {integrity: sha512-RuG4PSMPFfrkH6UwCAqBzauBWTygTvb1nxWasEJooGSJ/NwRw7b2HOwyRTQIU97Hq37l3npXoZGYMy3b3xYvPw==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [netbsd]
-
   '@esbuild/netbsd-arm64@0.25.4':
     resolution: {integrity: sha512-vUnkBYxZW4hL/ie91hSqaSNjulOnYXE1VSLusnvHg2u3jewJBz3YzB9+oCw8DABeVqZGg94t9tyZFoHma8gWZQ==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [netbsd]
 
-  '@esbuild/netbsd-x64@0.25.0':
-    resolution: {integrity: sha512-jl+qisSB5jk01N5f7sPCsBENCOlPiS/xptD5yxOx2oqQfyourJwIKLRA2yqWdifj3owQZCL2sn6o08dBzZGQzA==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [netbsd]
-
   '@esbuild/netbsd-x64@0.25.4':
     resolution: {integrity: sha512-XAg8pIQn5CzhOB8odIcAm42QsOfa98SBeKUdo4xa8OvX8LbMZqEtgeWE9P/Wxt7MlG2QqvjGths+nq48TrUiKw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [netbsd]
 
-  '@esbuild/openbsd-arm64@0.25.0':
-    resolution: {integrity: sha512-21sUNbq2r84YE+SJDfaQRvdgznTD8Xc0oc3p3iW/a1EVWeNj/SdUCbm5U0itZPQYRuRTW20fPMWMpcrciH2EJw==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [openbsd]
-
   '@esbuild/openbsd-arm64@0.25.4':
     resolution: {integrity: sha512-Ct2WcFEANlFDtp1nVAXSNBPDxyU+j7+tId//iHXU2f/lN5AmO4zLyhDcpR5Cz1r08mVxzt3Jpyt4PmXQ1O6+7A==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openbsd]
 
-  '@esbuild/openbsd-x64@0.25.0':
-    resolution: {integrity: sha512-2gwwriSMPcCFRlPlKx3zLQhfN/2WjJ2NSlg5TKLQOJdV0mSxIcYNTMhk3H3ulL/cak+Xj0lY1Ym9ysDV1igceg==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [openbsd]
-
   '@esbuild/openbsd-x64@0.25.4':
     resolution: {integrity: sha512-xAGGhyOQ9Otm1Xu8NT1ifGLnA6M3sJxZ6ixylb+vIUVzvvd6GOALpwQrYrtlPouMqd/vSbgehz6HaVk4+7Afhw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [openbsd]
 
-  '@esbuild/sunos-x64@0.25.0':
-    resolution: {integrity: sha512-bxI7ThgLzPrPz484/S9jLlvUAHYMzy6I0XiU1ZMeAEOBcS0VePBFxh1JjTQt3Xiat5b6Oh4x7UC7IwKQKIJRIg==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [sunos]
-
   '@esbuild/sunos-x64@0.25.4':
     resolution: {integrity: sha512-Mw+tzy4pp6wZEK0+Lwr76pWLjrtjmJyUB23tHKqEDP74R3q95luY/bXqXZeYl4NYlvwOqoRKlInQialgCKy67Q==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [sunos]
 
-  '@esbuild/win32-arm64@0.25.0':
-    resolution: {integrity: sha512-ZUAc2YK6JW89xTbXvftxdnYy3m4iHIkDtK3CLce8wg8M2L+YZhIvO1DKpxrd0Yr59AeNNkTiic9YLf6FTtXWMw==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [win32]
-
   '@esbuild/win32-arm64@0.25.4':
     resolution: {integrity: sha512-AVUP428VQTSddguz9dO9ngb+E5aScyg7nOeJDrF1HPYu555gmza3bDGMPhmVXL8svDSoqPCsCPjb265yG/kLKQ==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [win32]
 
-  '@esbuild/win32-ia32@0.25.0':
-    resolution: {integrity: sha512-eSNxISBu8XweVEWG31/JzjkIGbGIJN/TrRoiSVZwZ6pkC6VX4Im/WV2cz559/TXLcYbcrDN8JtKgd9DJVIo8GA==}
-    engines: {node: '>=18'}
-    cpu: [ia32]
-    os: [win32]
-
   '@esbuild/win32-ia32@0.25.4':
     resolution: {integrity: sha512-i1sW+1i+oWvQzSgfRcxxG2k4I9n3O9NRqy8U+uugaT2Dy7kLO9Y7wI72haOahxceMX8hZAzgGou1FhndRldxRg==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [win32]
 
-  '@esbuild/win32-x64@0.25.0':
-    resolution: {integrity: sha512-ZENoHJBxA20C2zFzh6AI4fT6RraMzjYw4xKWemRTRmRVtN9c5DcH9r/f2ihEkMjOW5eGgrwCslG/+Y/3bL+DHQ==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [win32]
-
   '@esbuild/win32-x64@0.25.4':
     resolution: {integrity: sha512-nOT2vZNw6hJ+z43oP1SPea/G/6AbN6X+bGNhNuq8NtRHy4wsMhw765IKLNmnjek7GvjWBYQ8Q5VBoYTFg9y1UQ==}
     engines: {node: '>=18'}
@@ -628,11 +480,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.1':
+    resolution: {integrity: sha512-azI0DrjMMfIug/ExbBaeDVJXcY0a7EPvPjb2xAJPa4HeimBX+Z18HK8QQR3jb6356SnDDdxx+hinMLcJEDdOjw==}
 
-  '@floating-ui/dom@1.6.13':
-    resolution: {integrity: sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==}
+  '@floating-ui/dom@1.7.1':
+    resolution: {integrity: sha512-cwsmW/zyw5ltYTUeeYJ60CnQuPqmGwuGVhG9w0PRaRKkAyi38BT5CKrpIbb+jtahSwUl04cWzSx9ZOIxeS6RsQ==}
 
   '@floating-ui/utils@0.2.9':
     resolution: {integrity: sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==}
@@ -645,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}
@@ -754,6 +615,10 @@ packages:
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
 
+  '@isaacs/fs-minipass@4.0.1':
+    resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
+    engines: {node: '>=18.0.0'}
+
   '@istanbuljs/schema@0.1.3':
     resolution: {integrity: sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==}
     engines: {node: '>=8'}
@@ -779,20 +644,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.12':
+    resolution: {integrity: sha512-dndWTlYu8b1u6vw2nrO7NssccoACArGG75WoNlyVC13KuENZlWdKE9Q79/wlnbq00NeQMNKMjJwRMsrKQj2ULA==}
 
-  '@layerstack/svelte-stores@1.0.1':
-    resolution: {integrity: sha512-GVm0iMNJ8pI2q8WjofwejK+m6uF7PFUqgZZfkgDv2UmVh/HyW6ZpxA2wXzIxZley4NtUlrRw8cpyy2sJOEGVSA==}
+  '@layerstack/svelte-stores@1.0.2-next.12':
+    resolution: {integrity: sha512-XwKyGCXl3+NHQzB3LsPSo6Rb0TjoY3LZzb1Snw09VnOUxvA9skMmVnM8EO3eKFti/8tyOLReddEUA1ygUaT4Lg==}
 
-  '@layerstack/svelte-table@1.0.0':
-    resolution: {integrity: sha512-Q3nZYYpuGF45gmiGmBQ6NiIY5ip6nTJZR4Xx16A2I9Wkr9qEWMj4wC/HIRmNTMLOIc82EkDnDoJs2GQscKEh8Q==}
+  '@layerstack/svelte-table@1.0.1-next.12':
+    resolution: {integrity: sha512-u5zFdXQWlEJTGXNf52ku6hjyxmjp6ge6GwkW+oecqknY8v0b9d1MfrEw3dGJ4Ap88I0aBIdufmOkd0TTEwiCkQ==}
 
-  '@layerstack/tailwind@1.0.0':
-    resolution: {integrity: sha512-xV2M6KRNBmbhV9XAvTHiw/BJSTIh5eby+Hj1iXXkMr88fObZHn4s1G2BILEDbdwjZl6Ivu1Du0gO9Vz3lzflUA==}
+  '@layerstack/tailwind@2.0.0-next.15':
+    resolution: {integrity: sha512-7tqKE3OV7/ybeDOORX++USYYCBJa7IgTya2czFpzbgXGo7CQDVyuv+0J1DggjRcEqhhXQA4MUhgnhcRaZvHxWg==}
 
-  '@layerstack/utils@1.0.0':
-    resolution: {integrity: sha512-kIH8lo4MEzPGtdxQRacy8RsSVhMQwe62ckuev62xQDE5QcUJ4wB9EMaRWaQK8CfEOpUERGPgkMPMbMqPhdp0gw==}
+  '@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==}
@@ -838,117 +703,119 @@ 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.40.2':
+    resolution: {integrity: sha512-JkdNEq+DFxZfUwxvB58tHMHBHVgX23ew41g1OQinthJ+ryhdRk67O31S7sYw8u2lTjHUPFxwar07BBt1KHp/hg==}
     cpu: [arm]
     os: [android]
 
-  '@rollup/rollup-android-arm64@4.34.8':
-    resolution: {integrity: sha512-Gigjz7mNWaOL9wCggvoK3jEIUUbGul656opstjaUSGC3eT0BM7PofdAJaBfPFWWkXNVAXbaQtC99OCg4sJv70Q==}
+  '@rollup/rollup-android-arm64@4.40.2':
+    resolution: {integrity: sha512-13unNoZ8NzUmnndhPTkWPWbX3vtHodYmy+I9kuLxN+F+l+x3LdVF7UCu8TWVMt1POHLh6oDHhnOA04n8oJZhBw==}
     cpu: [arm64]
     os: [android]
 
-  '@rollup/rollup-darwin-arm64@4.34.8':
-    resolution: {integrity: sha512-02rVdZ5tgdUNRxIUrFdcMBZQoaPMrxtwSb+/hOfBdqkatYHR3lZ2A2EGyHq2sGOd0Owk80oV3snlDASC24He3Q==}
+  '@rollup/rollup-darwin-arm64@4.40.2':
+    resolution: {integrity: sha512-Gzf1Hn2Aoe8VZzevHostPX23U7N5+4D36WJNHK88NZHCJr7aVMG4fadqkIf72eqVPGjGc0HJHNuUaUcxiR+N/w==}
     cpu: [arm64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-x64@4.34.8':
-    resolution: {integrity: sha512-qIP/elwR/tq/dYRx3lgwK31jkZvMiD6qUtOycLhTzCvrjbZ3LjQnEM9rNhSGpbLXVJYQ3rq39A6Re0h9tU2ynw==}
+  '@rollup/rollup-darwin-x64@4.40.2':
+    resolution: {integrity: sha512-47N4hxa01a4x6XnJoskMKTS8XZ0CZMd8YTbINbi+w03A2w4j1RTlnGHOz/P0+Bg1LaVL6ufZyNprSg+fW5nYQQ==}
     cpu: [x64]
     os: [darwin]
 
-  '@rollup/rollup-freebsd-arm64@4.34.8':
-    resolution: {integrity: sha512-IQNVXL9iY6NniYbTaOKdrlVP3XIqazBgJOVkddzJlqnCpRi/yAeSOa8PLcECFSQochzqApIOE1GHNu3pCz+BDA==}
+  '@rollup/rollup-freebsd-arm64@4.40.2':
+    resolution: {integrity: sha512-8t6aL4MD+rXSHHZUR1z19+9OFJ2rl1wGKvckN47XFRVO+QL/dUSpKA2SLRo4vMg7ELA8pzGpC+W9OEd1Z/ZqoQ==}
     cpu: [arm64]
     os: [freebsd]
 
-  '@rollup/rollup-freebsd-x64@4.34.8':
-    resolution: {integrity: sha512-TYXcHghgnCqYFiE3FT5QwXtOZqDj5GmaFNTNt3jNC+vh22dc/ukG2cG+pi75QO4kACohZzidsq7yKTKwq/Jq7Q==}
+  '@rollup/rollup-freebsd-x64@4.40.2':
+    resolution: {integrity: sha512-C+AyHBzfpsOEYRFjztcYUFsH4S7UsE9cDtHCtma5BK8+ydOZYgMmWg1d/4KBytQspJCld8ZIujFMAdKG1xyr4Q==}
     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.40.2':
+    resolution: {integrity: sha512-de6TFZYIvJwRNjmW3+gaXiZ2DaWL5D5yGmSYzkdzjBDS3W+B9JQ48oZEsmMvemqjtAFzE16DIBLqd6IQQRuG9Q==}
     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.40.2':
+    resolution: {integrity: sha512-urjaEZubdIkacKc930hUDOfQPysezKla/O9qV+O89enqsqUmQm8Xj8O/vh0gHg4LYfv7Y7UsE3QjzLQzDYN1qg==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-gnu@4.34.8':
-    resolution: {integrity: sha512-jpz9YOuPiSkL4G4pqKrus0pn9aYwpImGkosRKwNi+sJSkz+WU3anZe6hi73StLOQdfXYXC7hUfsQlTnjMd3s1A==}
+  '@rollup/rollup-linux-arm64-gnu@4.40.2':
+    resolution: {integrity: sha512-KlE8IC0HFOC33taNt1zR8qNlBYHj31qGT1UqWqtvR/+NuCVhfufAq9fxO8BMFC22Wu0rxOwGVWxtCMvZVLmhQg==}
     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.40.2':
+    resolution: {integrity: sha512-j8CgxvfM0kbnhu4XgjnCWJQyyBOeBI1Zq91Z850aUddUmPeQvuAy6OiMdPS46gNFgy8gN1xkYyLgwLYZG3rBOg==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-loongarch64-gnu@4.34.8':
-    resolution: {integrity: sha512-NyF4gcxwkMFRjgXBM6g2lkT58OWztZvw5KkV2K0qqSnUEqCVcqdh2jN4gQrTn/YUpAcNKyFHfoOZEer9nwo6uQ==}
+  '@rollup/rollup-linux-loongarch64-gnu@4.40.2':
+    resolution: {integrity: sha512-Ybc/1qUampKuRF4tQXc7G7QY9YRyeVSykfK36Y5Qc5dmrIxwFhrOzqaVTNoZygqZ1ZieSWTibfFhQ5qK8jpWxw==}
     cpu: [loong64]
     os: [linux]
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.34.8':
-    resolution: {integrity: sha512-LMJc999GkhGvktHU85zNTDImZVUCJ1z/MbAJTnviiWmmjyckP5aQsHtcujMjpNdMZPT2rQEDBlJfubhs3jsMfw==}
+  '@rollup/rollup-linux-powerpc64le-gnu@4.40.2':
+    resolution: {integrity: sha512-3FCIrnrt03CCsZqSYAOW/k9n625pjpuMzVfeI+ZBUSDT3MVIFDSPfSUgIl9FqUftxcUXInvFah79hE1c9abD+Q==}
     cpu: [ppc64]
     os: [linux]
 
-  '@rollup/rollup-linux-riscv64-gnu@4.34.8':
-    resolution: {integrity: sha512-xAQCAHPj8nJq1PI3z8CIZzXuXCstquz7cIOL73HHdXiRcKk8Ywwqtx2wrIy23EcTn4aZ2fLJNBB8d0tQENPCmw==}
+  '@rollup/rollup-linux-riscv64-gnu@4.40.2':
+    resolution: {integrity: sha512-QNU7BFHEvHMp2ESSY3SozIkBPaPBDTsfVNGx3Xhv+TdvWXFGOSH2NJvhD1zKAT6AyuuErJgbdvaJhYVhVqrWTg==}
     cpu: [riscv64]
     os: [linux]
 
-  '@rollup/rollup-linux-s390x-gnu@4.34.8':
-    resolution: {integrity: sha512-DdePVk1NDEuc3fOe3dPPTb+rjMtuFw89gw6gVWxQFAuEqqSdDKnrwzZHrUYdac7A7dXl9Q2Vflxpme15gUWQFA==}
+  '@rollup/rollup-linux-riscv64-musl@4.40.2':
+    resolution: {integrity: sha512-5W6vNYkhgfh7URiXTO1E9a0cy4fSgfE4+Hl5agb/U1sa0kjOLMLC1wObxwKxecE17j0URxuTrYZZME4/VH57Hg==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-s390x-gnu@4.40.2':
+    resolution: {integrity: sha512-B7LKIz+0+p348JoAL4X/YxGx9zOx3sR+o6Hj15Y3aaApNfAshK8+mWZEf759DXfRLeL2vg5LYJBB7DdcleYCoQ==}
     cpu: [s390x]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-gnu@4.34.8':
-    resolution: {integrity: sha512-8y7ED8gjxITUltTUEJLQdgpbPh1sUQ0kMTmufRF/Ns5tI9TNMNlhWtmPKKHCU0SilX+3MJkZ0zERYYGIVBYHIA==}
+  '@rollup/rollup-linux-x64-gnu@4.40.2':
+    resolution: {integrity: sha512-lG7Xa+BmBNwpjmVUbmyKxdQJ3Q6whHjMjzQplOs5Z+Gj7mxPtWakGHqzMqNER68G67kmCX9qX57aRsW5V0VOng==}
     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.40.2':
+    resolution: {integrity: sha512-tD46wKHd+KJvsmije4bUskNuvWKFcTOIM9tZ/RrmIvcXnbi0YK/cKS9FzFtAm7Oxi2EhV5N2OpfFB348vSQRXA==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-win32-arm64-msvc@4.34.8':
-    resolution: {integrity: sha512-YHYsgzZgFJzTRbth4h7Or0m5O74Yda+hLin0irAIobkLQFRQd1qWmnoVfwmKm9TXIZVAD0nZ+GEb2ICicLyCnQ==}
+  '@rollup/rollup-win32-arm64-msvc@4.40.2':
+    resolution: {integrity: sha512-Bjv/HG8RRWLNkXwQQemdsWw4Mg+IJ29LK+bJPW2SCzPKOUaMmPEppQlu/Fqk1d7+DX3V7JbFdbkh/NMmurT6Pg==}
     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.40.2':
+    resolution: {integrity: sha512-dt1llVSGEsGKvzeIO76HToiYPNPYPkmjhMHhP00T9S4rDern8P2ZWvWAQUEJ+R1UdMWJ/42i/QqJ2WV765GZcA==}
     cpu: [ia32]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-msvc@4.34.8':
-    resolution: {integrity: sha512-U0FaE5O1BCpZSeE6gBl3c5ObhePQSfk9vDRToMmTkbhCOgW4jqvtS5LGyQ76L1fH8sM0keRp4uDTsbjiUyjk0g==}
+  '@rollup/rollup-win32-x64-msvc@4.40.2':
+    resolution: {integrity: sha512-bwspbWB04XJpeElvsp+DCylKfF4trJDa2Y9Go8O6A7YLX2LIKGcNK/CYImJN6ZP4DcuOHB4Utl3iCbnR62DudA==}
     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@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.0':
-    resolution: {integrity: sha512-kvu4h9qXduiPk1Q1oqFKDLFGu/7mslEYbVaqpbBcBxjlRJnvNCFwEvEwKt0Mx9TtSi8J77xRelvJobrGlst4nQ==}
+  '@sveltejs/kit@2.21.5':
+    resolution: {integrity: sha512-P5m7yZtvD1Kx/Z6JcjgJtdMqef/tCGMDrd9B9S2q8j+FMnkeKTMxW1nidnjVzk4HEDRGf4IlBI94/niy6t3hLA==}
     engines: {node: '>=18.13'}
     hasBin: true
     peerDependencies:
@@ -971,8 +838,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
@@ -982,16 +849,109 @@ packages:
     resolution: {integrity: sha512-08eKiDAjj4zLug1taXSIJ0kGL5cawjVCyJkBb6EWSg5fEPX6L+Wtr0CH2If4j5KYylz85iaZiFlUItvgJvll5g==}
     engines: {node: ^14.13.1 || ^16.0.0 || >=18}
 
+  '@tailwindcss/node@4.1.10':
+    resolution: {integrity: sha512-2ACf1znY5fpRBwRhMgj9ZXvb2XZW8qs+oTfotJ2C5xR0/WNL7UHZ7zXl6s+rUqedL1mNi+0O+WQr5awGowS3PQ==}
+
+  '@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.10':
+    resolution: {integrity: sha512-ZIFqvR1irX2yNjWJzKCqTCcHZbgkSkSkZKbRM3BPzhDL/18idA8uWCoopYA2CSDdSGFlDAxYdU2yBHwAwx8euQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@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.10':
+    resolution: {integrity: sha512-8/392Xu12R0cc93DpiJvNpJ4wYVSiciUlkiOHOSOQNH3adq9Gi/dtySK7dVQjXIOzlpSHjeCL89RUUI8/GTI6g==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@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.10':
+    resolution: {integrity: sha512-3oWrlNlxLRxXejQ8zImzrVLuZ/9Z2SeKoLhtCu0hpo38hTO2iL86eFOu4sVR8cZc6n3z7eRXXqtHJECa6mFOvA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@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.10':
+    resolution: {integrity: sha512-/G3ao/ybV9YEEgAXeEg28dyH6gs1QG8tvdN9c2MNZdUXYBaIY/Gx0N6RlJzfLy/7Nkdok4kaxKPHKJUlAaoTdA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@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.10':
+    resolution: {integrity: sha512-d6ekQpopFQJAcIK2i7ZzWOYGZ+A6NzzvQ3ozBvWFdeyqfOZdYHU66g5yr+/HC4ipP1ZgWsqa80+ISNILk+ae/Q==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@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.10':
+    resolution: {integrity: sha512-sGiJTjcBSfGq2DVRtaSljq5ZgZS2SDHSIfhOylkBvHVjwOsodBhnb3HdmiKkVuUGKD0I7G63abMOVaskj1KpOA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.1.10':
+    resolution: {integrity: sha512-v0C43s7Pjw+B9w21htrQwuFObSkio2aV/qPx/mhrRldbqxbWJK6KizM+q7BF1/1CmuLqZqX3CeYF7s7P9fbA8Q==}
+    engines: {node: '>= 10'}
+
   '@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.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==}
 
-  '@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==}
@@ -1002,11 +962,17 @@ 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.6':
-    resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
+  '@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==}
@@ -1035,48 +1001,43 @@ 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.2.3':
+    resolution: {integrity: sha512-D1QKzngg8PcDoCE8FHSZhREDuEy+zcKmMiMafYse41RZpBE5EDJyKOTdqK3RQfsV2S2nyKor5KCs8PyPRFqKPg==}
     peerDependencies:
-      '@vitest/browser': 3.0.7
-      vitest: 3.0.7
+      '@vitest/browser': 3.2.3
+      vitest: 3.2.3
     peerDependenciesMeta:
       '@vitest/browser':
         optional: true
 
-  '@vitest/expect@3.0.7':
-    resolution: {integrity: sha512-QP25f+YJhzPfHrHfYHtvRn+uvkCFCqFtW9CktfBxmB+25QqWsx7VB2As6f4GmwllHLDhXNHvqedwhvMmSnNmjw==}
+  '@vitest/expect@3.2.3':
+    resolution: {integrity: sha512-W2RH2TPWVHA1o7UmaFKISPvdicFJH+mjykctJFoAkUw+SPTJTGjUNdKscFBrqM7IPnCVu6zihtKYa7TkZS1dkQ==}
 
-  '@vitest/mocker@3.0.7':
-    resolution: {integrity: sha512-qui+3BLz9Eonx4EAuR/i+QlCX6AUZ35taDQgwGkK/Tw6/WgwodSrjN1X2xf69IA/643ZX5zNKIn2svvtZDrs4w==}
+  '@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.0.7':
-    resolution: {integrity: sha512-CiRY0BViD/V8uwuEzz9Yapyao+M9M008/9oMOSQydwbwb+CMokEq3XVaF3XK/VWaOK0Jm9z7ENhybg70Gtxsmg==}
-
-  '@vitest/runner@3.0.7':
-    resolution: {integrity: sha512-WeEl38Z0S2ZcuRTeyYqaZtm4e26tq6ZFqh5y8YD9YxfWuu0OFiGFUbnxNynwLjNRHPsXyee2M9tV7YxOTPZl2g==}
+  '@vitest/pretty-format@3.2.3':
+    resolution: {integrity: sha512-yFglXGkr9hW/yEXngO+IKMhP0jxyFw2/qys/CK4fFUZnSltD+MU7dVYGrH8rvPcK/O6feXQA+EU33gjaBBbAng==}
 
-  '@vitest/snapshot@3.0.7':
-    resolution: {integrity: sha512-eqTUryJWQN0Rtf5yqCGTQWsCFOQe4eNz5Twsu21xYEcnFJtMU5XvmG0vgebhdLlrHQTSq5p8vWHJIeJQV8ovsA==}
+  '@vitest/runner@3.2.3':
+    resolution: {integrity: sha512-83HWYisT3IpMaU9LN+VN+/nLHVBCSIUKJzGxC5RWUOsK1h3USg7ojL+UXQR3b4o4UBIWCYdD2fxuzM7PQQ1u8w==}
 
-  '@vitest/spy@3.0.7':
-    resolution: {integrity: sha512-4T4WcsibB0B6hrKdAZTM37ekuyFZt2cGbEGd2+L0P8ov15J1/HUsUaqkXEQPNAWr4BtPPe1gI+FYfMHhEKfR8w==}
+  '@vitest/snapshot@3.2.3':
+    resolution: {integrity: sha512-9gIVWx2+tysDqUmmM1L0hwadyumqssOL1r8KJipwLx5JVYyxvVRfxvMq7DaWbZZsCqZnu/dZedaZQh4iYTtneA==}
 
-  '@vitest/utils@3.0.7':
-    resolution: {integrity: sha512-xePVpCRfooFX3rANQjwoditoXgWb1MaFbzmGuPP59MK6i13mrnDw/yEIyJudLeW6/38mCNcwCiJIGmpDPibAIg==}
+  '@vitest/spy@3.2.3':
+    resolution: {integrity: sha512-JHu9Wl+7bf6FEejTCREy+DmgWe+rQKbK+y32C/k5f4TBIAlijhJbRBIRIOCEpVevgRsCQR2iHRUH2/qKVM/plw==}
 
-  acorn-typescript@1.4.13:
-    resolution: {integrity: sha512-xsc9Xv0xlVfwp2o7sQ+GCQ1PgbkdcpWdTzrwXxO3xDMTAywVS3oXVOcOHuRjAPkS4P9b+yc/qNF15460v+jp4Q==}
-    peerDependencies:
-      acorn: '>=8.9.0'
+  '@vitest/utils@3.2.3':
+    resolution: {integrity: sha512-4zFBCU5Pf+4Z6v+rwnZ1HU1yzOKKvDkMXZrymE2PBlbjKJRlrOxbvpfPSvJTGRIwGoahaOGvp+kbCoxifhzJ1Q==}
 
   acorn-walk@8.3.2:
     resolution: {integrity: sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==}
@@ -1087,8 +1048,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
 
@@ -1112,16 +1073,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==}
 
@@ -1140,12 +1091,8 @@ 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
+  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==}
@@ -1158,25 +1105,19 @@ 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==}
 
   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'}
 
-  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'}
@@ -1185,13 +1126,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'}
-
-  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'}
@@ -1203,14 +1137,14 @@ 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'}
 
+  chownr@3.0.0:
+    resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
+    engines: {node: '>=18'}
+
   ci-info@3.9.0:
     resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
     engines: {node: '>=8'}
@@ -1236,14 +1170,16 @@ 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'}
 
+  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'}
@@ -1252,8 +1188,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.43.0:
+    resolution: {integrity: sha512-N6wEbTTZSYOY2rYAn85CuvWWkCK6QweMn7/4Nr3w+gDBeBhk/x4EJeY6FPo4QzDoJZxVTv8U7CMvgWk6pOHHqA==}
 
   cross-spawn@7.0.3:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
@@ -1263,9 +1199,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}
@@ -1275,10 +1208,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}
@@ -1311,21 +1240,14 @@ 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==}
 
   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==}
+  debug@4.4.1:
+    resolution: {integrity: sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==}
     engines: {node: '>=6.0'}
     peerDependencies:
       supports-color: '*'
@@ -1358,16 +1280,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'}
@@ -1375,36 +1291,28 @@ 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'}
 
-  es-module-lexer@1.6.0:
-    resolution: {integrity: sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ==}
-
-  esbuild@0.25.0:
-    resolution: {integrity: sha512-BXq5mqc8ltbaN34cDqWuYKyNhX8D/Z0J1xdtdQ8UcIIIyJyz+ZMKUt58tF3SrZ85jcfN/PZYhjR5uDQAYNVbuw==}
-    engines: {node: '>=18'}
-    hasBin: true
+  es-module-lexer@1.7.0:
+    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
 
   esbuild@0.25.4:
     resolution: {integrity: sha512-8pgjLUcUjcgDg+2Q4NYXnPbo/vncAY4UmyaCm0jZevERqCHZIaWwdJHkf8XQtu4AxSKCdvrUbT0XUr1IdZzI8Q==}
     engines: {node: '>=18'}
     hasBin: true
 
-  escalade@3.1.2:
-    resolution: {integrity: sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==}
-    engines: {node: '>=6'}
-
   esm-env@1.2.2:
     resolution: {integrity: sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==}
 
@@ -1413,8 +1321,8 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  esrap@1.4.5:
-    resolution: {integrity: sha512-CjNMjkBWWZeHn+VX+gS8YvFwJ5+NDhg8aWZBSFJPR8qQduDNjbJodA2WcwCm7uQa5Rjqj+nZvVmceg1RbHFB9g==}
+  esrap@1.4.9:
+    resolution: {integrity: sha512-3OMlcd0a03UGuZpPeUC1HxR3nA23l+HEyCiZw3b3FumJIN9KphoGzDJKMXI1S72jVS1dsenDyQC0kJlO1U9E1g==}
 
   estree-walker@1.0.1:
     resolution: {integrity: sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==}
@@ -1429,8 +1337,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.1:
+    resolution: {integrity: sha512-/kP8CAwxzLVEeFrMm4kMmy4CCDlpipyA7MYLVrdJIkV0fYF0UaigQHRsxHiuY/GEea+bh4KSv3TIlgr+2UL6bw==}
     engines: {node: '>=12.0.0'}
 
   exsolve@1.0.5:
@@ -1443,30 +1351,23 @@ 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'}
 
-  fastparse@1.1.2:
-    resolution: {integrity: sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==}
-
-  fastq@1.17.1:
-    resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
+  fastq@1.19.1:
+    resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==}
 
-  fdir@6.4.2:
-    resolution: {integrity: sha512-KnhMXsKSPZlAhp7+IjUkRZKPb4fUyccpDrdFXbi4QL1qkmFh9kVY09Yox+n4MaOb3lHZ1Tv829C3oaaXoMYPDQ==}
+  fdir@6.4.4:
+    resolution: {integrity: sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==}
     peerDependencies:
       picomatch: ^3 || ^4
     peerDependenciesMeta:
       picomatch:
         optional: true
 
-  fdir@6.4.3:
-    resolution: {integrity: sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==}
+  fdir@6.4.6:
+    resolution: {integrity: sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==}
     peerDependencies:
       picomatch: ^3 || ^4
     peerDependenciesMeta:
@@ -1488,8 +1389,9 @@ packages:
     resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
     engines: {node: '>=14'}
 
-  fraction.js@4.3.7:
-    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
+  foreground-child@3.3.1:
+    resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
+    engines: {node: '>=14'}
 
   fs-extra@7.0.1:
     resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
@@ -1517,10 +1419,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==}
 
@@ -1533,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'}
@@ -1579,18 +1481,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'}
@@ -1651,14 +1545,13 @@ 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
 
+  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
@@ -1670,12 +1563,80 @@ 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'}
+    cpu: [arm64]
+    os: [darwin]
+
+  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.30.1:
+    resolution: {integrity: sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  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.30.1:
+    resolution: {integrity: sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  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.30.1:
+    resolution: {integrity: sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  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.30.1:
+    resolution: {integrity: sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  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.30.1:
+    resolution: {integrity: sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==}
+    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==}
+  local-pkg@1.1.1:
+    resolution: {integrity: sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==}
+    engines: {node: '>=14'}
 
   locate-character@3.0.0:
     resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
@@ -1748,8 +1709,8 @@ packages:
     engines: {node: '>=10.0.0'}
     hasBin: true
 
-  miniflare@4.20250507.0:
-    resolution: {integrity: sha512-EgbQRt/Hnr8HCmW2J/4LRNE3yOzJTdNd98XJ8gnGXFKcimXxUFPiWP3k1df+ZPCtEHp6cXxi8+jP7v9vuIbIsg==}
+  miniflare@4.20250604.1:
+    resolution: {integrity: sha512-HJQ9YhH0F0fI73Vsdy3PNVau+PfHZYK7trI5WJEcbfl5HzqhMU0DRNtA/G5EXQgiumkjrmbW4Zh1DVTtsqICPg==}
     engines: {node: '>=18.0.0'}
     hasBin: true
 
@@ -1765,6 +1726,18 @@ packages:
     resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
     engines: {node: '>=16 || 14 >=14.17'}
 
+  minizlib@3.0.2:
+    resolution: {integrity: sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==}
+    engines: {node: '>= 18'}
+
+  mkdirp@3.0.1:
+    resolution: {integrity: sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==}
+    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'}
@@ -1780,9 +1753,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}
@@ -1800,25 +1770,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@2.0.11:
     resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
 
@@ -1855,8 +1806,11 @@ 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==}
+
+  package-manager-detector@1.3.0:
+    resolution: {integrity: sha512-ZsEbbZORsyHuO00lY1kV3/t72yp6Ysay6Pd17ZAlNGuGwmWDLCJxFpRs0IzfXfj1o4icJOkUEioexFHzyPurSQ==}
 
   pascal-case@3.1.2:
     resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
@@ -1897,9 +1851,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==}
 
@@ -1911,41 +1862,15 @@ 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
+  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==}
@@ -1965,41 +1890,30 @@ 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}
 
-  posthog-js@1.223.4:
-    resolution: {integrity: sha512-dDyUcWJ+6gzaaVS0Ekjot30BeWb5EiWiU+RFI59/2PDoHsjcZ2RPyCb/TRh9b06WvNqJWvck7GdUJwwjhkSzRw==}
+  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
+    peerDependenciesMeta:
+      '@rrweb/types':
+        optional: true
+      rrweb-snapshot:
+        optional: true
 
-  preact@10.26.2:
-    resolution: {integrity: sha512-0gNmv4qpS9HaN3+40CLBAnKe0ZfyE4ZWo5xKlC1rVrr0ckkEvJvAQqKaHANdFKsGstoxrY4AItZ7kZSGVoVjgg==}
+  preact@10.26.9:
+    resolution: {integrity: sha512-SSjF9vcnF27mJK1XyFMNJzFd5u3pQiATFqoaDy03XuN00u4ziveVVEGt5RKJrDR8MHE/wJo9Nnad56RLzS2RMA==}
 
-  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
@@ -2009,8 +1923,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
 
@@ -2026,31 +1940,24 @@ 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'}
 
+  quansync@0.2.10:
+    resolution: {integrity: sha512-t41VRkMYbkHyCYmOvx/6URnN80H7k4X0lLdBMGsz+maAwrJQYB1djpV6vHrQIBE0WBSGqhtEHrK9U3DWWH8v7A==}
+
   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'}
 
-  regenerator-runtime@0.14.1:
-    resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
-
   regexparam@3.0.0:
     resolution: {integrity: sha512-RSYAtP31mvYLkAHrOlh25pCNQ5hWnT106VukGaaFfuJrZFkGRX5GhUAdPqpSDXxOhA2c4akmRuplv1mRqnBn6Q==}
     engines: {node: '>=8'}
@@ -2071,12 +1978,8 @@ 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==}
+  reusify@1.1.0:
+    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
   rimraf@6.0.1:
@@ -2096,8 +1999,8 @@ packages:
     engines: {node: '>=10.0.0'}
     hasBin: true
 
-  rollup@4.34.8:
-    resolution: {integrity: sha512-489gTVMzAYdiZHFVA/ig/iYFllCcWFHMvUHI1rpFmkoUtRlQxqh6/yiNqnYibjMZ2b/+FUQwldG+aLsEt6bglQ==}
+  rollup@4.40.2:
+    resolution: {integrity: sha512-tfUOg6DTP4rhQ3VjOO6B4wyrJnGOX85requAXvqYTHsOgb2TFJdZ3aWpT8W2kPoypSGP7dZUyzxJ9ee4buM5Fg==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
@@ -2111,11 +2014,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'}
@@ -2174,8 +2072,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.9.0:
+    resolution: {integrity: sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw==}
 
   stoppable@1.1.0:
     resolution: {integrity: sha512-KXDYZ9dszj6bzvnEMRYvxgeTHU74QBFL54XKtP3nyMuJ81CFYtABZ3bAzL2EdFUaEwJOBOgENyFj3R7oTzDyyw==}
@@ -2201,10 +2099,8 @@ 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
+  strip-literal@3.0.0:
+    resolution: {integrity: sha512-TcccoMhJOM3OebGhSBEmp3UZ2SfDMZUEBdRA/9ynfLi8yYajyWX3JiXArcJt4Umh4vISpspkQIY8ZZoCqjbviA==}
 
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
@@ -2218,8 +2114,8 @@ packages:
     resolution: {integrity: sha512-81zODtru1jsOujk+RUgj4RT3fXaG2nFZIWkeVkm0ZyqsrHxTNUfGJEQgkj6jcvwiEEVbYLUHvehnkfCbKDnarQ==}
     hasBin: true
 
-  svelte-check@4.1.4:
-    resolution: {integrity: sha512-v0j7yLbT29MezzaQJPEDwksybTE2Ups9rUxEXy92T06TiA0cbqcO8wAOwNUVkFW6B0hsYHA+oAX3BS8b/2oHtw==}
+  svelte-check@4.2.1:
+    resolution: {integrity: sha512-e49SU1RStvQhoipkQ/aonDhHnG3qxHSBtNfBRb9pxVXoa+N7qybAo32KgA9wEb2PCYFNaDg7bZCdhLD1vHpdYA==}
     engines: {node: '>= 18.0.0'}
     hasBin: true
     peerDependencies:
@@ -2263,27 +2159,33 @@ packages:
       typescript:
         optional: true
 
-  svelte2tsx@0.7.34:
-    resolution: {integrity: sha512-WTMhpNhFf8/h3SMtR5dkdSy2qfveomkhYei/QW9gSPccb0/b82tjHvLop6vT303ZkGswU/da1s6XvrLgthQPCw==}
+  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.20.4:
-    resolution: {integrity: sha512-2Mo/AfObaw9zuD0u1JJ7sOVzRCGcpETEyDkLbtkcctWpCMCIyT0iz83xD8JT29SR7O4SgswuPRIDYReYF/607A==}
+  svelte@5.34.1:
+    resolution: {integrity: sha512-jWNnN2hZFNtnzKPptCcJHBWrD9CtbHPDwIRIODufOYaWkR0kLmAIlM384lMt4ucwuIRX4hCJwD2D8ZtEcGJQ0Q==}
     engines: {node: '>=18'}
 
-  tailwind-merge@2.6.0:
-    resolution: {integrity: sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==}
+  tailwind-merge@3.3.0:
+    resolution: {integrity: sha512-fyW/pEfcQSiigd5SNn0nApUOxx0zB/dm6UDU/rEwc2c3sX2smWUNbapHv+QRqLGVp9GWX3THIa7MUGPo+YkDzQ==}
 
-  tailwindcss@3.4.17:
-    resolution: {integrity: sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
+  tailwindcss@4.1.10:
+    resolution: {integrity: sha512-P3nr6WkvKV/ONsTzj6Gb57sWPMX29EPNPopo7+FcpkQaNsrNpZ1pv8QmrYI2RqEKD7mlGqLnGovlcYnBK0IqUA==}
+
+  tapable@2.2.2:
+    resolution: {integrity: sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==}
+    engines: {node: '>=6'}
+
+  tar@7.4.3:
+    resolution: {integrity: sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==}
+    engines: {node: '>=18'}
 
   term-size@2.2.1:
     resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==}
@@ -2293,33 +2195,37 @@ 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==}
 
   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'}
 
-  tinypool@1.0.2:
-    resolution: {integrity: sha512-al6n+QEANGFOMf/dmUMsuS5/r9B06uwlyNjZZql/zv8J7ybHCgoihBNORZCY2mzUuAnomQa2JdhyHKzZxPCrFA==}
+  tinyglobby@0.2.13:
+    resolution: {integrity: sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==}
+    engines: {node: '>=12.0.0'}
+
+  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:
@@ -2337,14 +2243,11 @@ 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==}
 
-  typescript@5.7.3:
-    resolution: {integrity: sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==}
+  typescript@5.8.3:
+    resolution: {integrity: sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==}
     engines: {node: '>=14.17'}
     hasBin: true
 
@@ -2358,8 +2261,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==}
@@ -2377,11 +2280,32 @@ 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
+  unplugin-icons@22.1.0:
+    resolution: {integrity: sha512-ect2ZNtk1Zgwb0NVHd0C1IDW/MV+Jk/xaq4t8o6rYdVS3+L660ZdD5kTSQZvsgdwCvquRw+/wYn75hsweRjoIA==}
     peerDependencies:
-      browserslist: '>= 4.21.0'
+      '@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==}
@@ -2389,13 +2313,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.2.3:
+    resolution: {integrity: sha512-gc8aAifGuDIpZHrPjuHyP4dpQmYXqWw7D1GmDnWeNWP654UEXzVfQ5IHPSK5HaHkwB/+p1atpYpSdw/2kOv8iQ==}
     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.3.5:
+    resolution: {integrity: sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
     peerDependencies:
@@ -2434,24 +2358,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.0.7:
-    resolution: {integrity: sha512-IP7gPK3LS3Fvn44x30X1dM9vtawm0aesAa2yBIZ9vQf+qB69NXC5776+Qmcr7ohUXIQuLhk7xQR0aSUIDPqavg==}
+  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.0.7
-      '@vitest/ui': 3.0.7
+      '@vitest/browser': 3.2.3
+      '@vitest/ui': 3.2.3
       happy-dom: '*'
       jsdom: '*'
     peerDependenciesMeta:
@@ -2476,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==}
 
@@ -2489,8 +2416,8 @@ packages:
     engines: {node: '>=8'}
     hasBin: true
 
-  workerd@1.20250507.0:
-    resolution: {integrity: sha512-OXaGjEh5THT9iblwWIyPrYBoaPe/d4zN03Go7/w8CmS8sma7//O9hjbk43sboWkc89taGPmU0/LNyZUUiUlHeQ==}
+  workerd@1.20250604.0:
+    resolution: {integrity: sha512-sHz9R1sxPpnyq3ptrI/5I96sYTMA2+Ljm75oJDbmEcZQwNyezpu9Emerzt3kzzjCJQqtdscGOidWv4RKGZXzAA==}
     engines: {node: '>=16'}
     hasBin: true
 
@@ -2498,12 +2425,12 @@ packages:
     resolution: {integrity: sha512-+TvsA6VAVoMC3XDKR5MoC/qlLqDixEfOBysDEKnPIPou/NvoPWCAuXHXMsswwlvmEuvX56lQjvELLyLuzTKvRw==}
     engines: {node: '>=12'}
 
-  wrangler@4.14.4:
-    resolution: {integrity: sha512-HIdOdiMIcJV5ymw80RKsr3Uzen/p1kRX4jnCEmR2XVeoEhV2Qw6GABxS5WMTlSES2/vEX0Y+ezUAdsprcUhJ5g==}
+  wrangler@4.20.0:
+    resolution: {integrity: sha512-gxMLaSnYp3VLdGPZu4fc/9UlB7PnSVwni25v32NM9szG2yTt+gx5RunWzmoLplplIfEMkBuV3wA47vccNu7zcA==}
     engines: {node: '>=18.0.0'}
     hasBin: true
     peerDependencies:
-      '@cloudflare/workers-types': ^4.20250507.0
+      '@cloudflare/workers-types': ^4.20250604.0
     peerDependenciesMeta:
       '@cloudflare/workers-types':
         optional: true
@@ -2528,10 +2455,9 @@ packages:
       utf-8-validate:
         optional: true
 
-  yaml@2.6.1:
-    resolution: {integrity: sha512-7r0XPzioN/Q9kXBro/XPnA6kznR73DHq+GXh5ON7ZozRO6aMjbmiBuKste2wslTFkC5d1dw0GooOCepZXJ2SAg==}
-    engines: {node: '>= 14'}
-    hasBin: true
+  yallist@5.0.0:
+    resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
+    engines: {node: '>=18'}
 
   yaml@2.7.0:
     resolution: {integrity: sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==}
@@ -2547,42 +2473,45 @@ 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.64:
+    resolution: {integrity: sha512-hbP9FpSZf7pkS7hRVUrOjhwKJNyampPgtXKc3AN6DsWtoHsg2Sb4SQaS4Tcay380zSwd2VPo9G9180emBACp5g==}
 
 snapshots:
 
-  '@alloc/quick-lru@5.2.0': {}
-
   '@ampproject/remapping@2.3.0':
     dependencies:
       '@jridgewell/gen-mapping': 0.3.8
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@babel/helper-string-parser@7.25.9': {}
+  '@antfu/install-pkg@1.1.0':
+    dependencies:
+      package-manager-detector: 1.3.0
+      tinyexec: 1.0.1
 
-  '@babel/helper-validator-identifier@7.25.9': {}
+  '@antfu/utils@8.1.1': {}
 
-  '@babel/parser@7.26.9':
-    dependencies:
-      '@babel/types': 7.26.9
+  '@babel/helper-string-parser@7.27.1': {}
 
-  '@babel/runtime@7.26.9':
+  '@babel/helper-validator-identifier@7.27.1': {}
+
+  '@babel/parser@7.27.5':
     dependencies:
-      regenerator-runtime: 0.14.1
+      '@babel/types': 7.27.6
+
+  '@babel/runtime@7.27.1': {}
 
-  '@babel/types@7.26.9':
+  '@babel/types@7.27.6':
     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
@@ -2592,34 +2521,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
@@ -2631,10 +2560,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
 
@@ -2657,7 +2586,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:
@@ -2666,18 +2595,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
@@ -2701,9 +2630,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
@@ -2731,28 +2660,28 @@ 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.20250604.0)':
     dependencies:
-      unenv: 2.0.0-rc.15
+      unenv: 2.0.0-rc.17
     optionalDependencies:
-      workerd: 1.20250507.0
+      workerd: 1.20250604.0
 
-  '@cloudflare/workerd-darwin-64@1.20250507.0':
+  '@cloudflare/workerd-darwin-64@1.20250604.0':
     optional: true
 
-  '@cloudflare/workerd-darwin-arm64@1.20250507.0':
+  '@cloudflare/workerd-darwin-arm64@1.20250604.0':
     optional: true
 
-  '@cloudflare/workerd-linux-64@1.20250507.0':
+  '@cloudflare/workerd-linux-64@1.20250604.0':
     optional: true
 
-  '@cloudflare/workerd-linux-arm64@1.20250507.0':
+  '@cloudflare/workerd-linux-arm64@1.20250604.0':
     optional: true
 
-  '@cloudflare/workerd-windows-64@1.20250507.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:
@@ -2763,165 +2692,90 @@ snapshots:
       tslib: 2.8.1
     optional: true
 
-  '@esbuild/aix-ppc64@0.25.0':
-    optional: true
-
   '@esbuild/aix-ppc64@0.25.4':
     optional: true
 
-  '@esbuild/android-arm64@0.25.0':
-    optional: true
-
   '@esbuild/android-arm64@0.25.4':
     optional: true
 
-  '@esbuild/android-arm@0.25.0':
-    optional: true
-
   '@esbuild/android-arm@0.25.4':
     optional: true
 
-  '@esbuild/android-x64@0.25.0':
-    optional: true
-
   '@esbuild/android-x64@0.25.4':
     optional: true
 
-  '@esbuild/darwin-arm64@0.25.0':
-    optional: true
-
   '@esbuild/darwin-arm64@0.25.4':
     optional: true
 
-  '@esbuild/darwin-x64@0.25.0':
-    optional: true
-
   '@esbuild/darwin-x64@0.25.4':
     optional: true
 
-  '@esbuild/freebsd-arm64@0.25.0':
-    optional: true
-
   '@esbuild/freebsd-arm64@0.25.4':
     optional: true
 
-  '@esbuild/freebsd-x64@0.25.0':
-    optional: true
-
   '@esbuild/freebsd-x64@0.25.4':
     optional: true
 
-  '@esbuild/linux-arm64@0.25.0':
-    optional: true
-
   '@esbuild/linux-arm64@0.25.4':
     optional: true
 
-  '@esbuild/linux-arm@0.25.0':
-    optional: true
-
   '@esbuild/linux-arm@0.25.4':
     optional: true
 
-  '@esbuild/linux-ia32@0.25.0':
-    optional: true
-
   '@esbuild/linux-ia32@0.25.4':
     optional: true
 
-  '@esbuild/linux-loong64@0.25.0':
-    optional: true
-
   '@esbuild/linux-loong64@0.25.4':
     optional: true
 
-  '@esbuild/linux-mips64el@0.25.0':
-    optional: true
-
   '@esbuild/linux-mips64el@0.25.4':
     optional: true
 
-  '@esbuild/linux-ppc64@0.25.0':
-    optional: true
-
   '@esbuild/linux-ppc64@0.25.4':
     optional: true
 
-  '@esbuild/linux-riscv64@0.25.0':
-    optional: true
-
   '@esbuild/linux-riscv64@0.25.4':
     optional: true
 
-  '@esbuild/linux-s390x@0.25.0':
-    optional: true
-
   '@esbuild/linux-s390x@0.25.4':
     optional: true
 
-  '@esbuild/linux-x64@0.25.0':
-    optional: true
-
   '@esbuild/linux-x64@0.25.4':
     optional: true
 
-  '@esbuild/netbsd-arm64@0.25.0':
-    optional: true
-
   '@esbuild/netbsd-arm64@0.25.4':
     optional: true
 
-  '@esbuild/netbsd-x64@0.25.0':
-    optional: true
-
   '@esbuild/netbsd-x64@0.25.4':
     optional: true
 
-  '@esbuild/openbsd-arm64@0.25.0':
-    optional: true
-
   '@esbuild/openbsd-arm64@0.25.4':
     optional: true
 
-  '@esbuild/openbsd-x64@0.25.0':
-    optional: true
-
   '@esbuild/openbsd-x64@0.25.4':
     optional: true
 
-  '@esbuild/sunos-x64@0.25.0':
-    optional: true
-
   '@esbuild/sunos-x64@0.25.4':
     optional: true
 
-  '@esbuild/win32-arm64@0.25.0':
-    optional: true
-
   '@esbuild/win32-arm64@0.25.4':
     optional: true
 
-  '@esbuild/win32-ia32@0.25.0':
-    optional: true
-
   '@esbuild/win32-ia32@0.25.4':
     optional: true
 
-  '@esbuild/win32-x64@0.25.0':
-    optional: true
-
   '@esbuild/win32-x64@0.25.4':
     optional: true
 
   '@fastify/busboy@2.1.1': {}
 
-  '@floating-ui/core@1.6.9':
+  '@floating-ui/core@1.7.1':
     dependencies:
       '@floating-ui/utils': 0.2.9
 
-  '@floating-ui/dom@1.6.13':
+  '@floating-ui/dom@1.7.1':
     dependencies:
-      '@floating-ui/core': 1.6.9
+      '@floating-ui/core': 1.7.1
       '@floating-ui/utils': 0.2.9
 
   '@floating-ui/utils@0.2.9': {}
@@ -2932,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
@@ -3016,6 +2889,10 @@ snapshots:
       wrap-ansi: 8.1.0
       wrap-ansi-cjs: wrap-ansi@7.0.0
 
+  '@isaacs/fs-minipass@4.0.1':
+    dependencies:
+      minipass: 7.1.2
+
   '@istanbuljs/schema@0.1.3': {}
 
   '@jridgewell/gen-mapping@0.3.8':
@@ -3040,61 +2917,51 @@ 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.12':
     dependencies:
-      '@floating-ui/dom': 1.6.13
-      '@layerstack/utils': 1.0.0
-      d3-array: 3.2.4
+      '@floating-ui/dom': 1.7.1
+      '@layerstack/utils': 2.0.0-next.12
       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.12':
     dependencies:
-      '@layerstack/utils': 1.0.0
-      d3-array: 3.2.4
-      date-fns: 4.1.0
+      '@layerstack/utils': 2.0.0-next.12
       immer: 10.1.1
       lodash-es: 4.17.21
-      zod: 3.24.2
+      zod: 3.25.64
 
-  '@layerstack/svelte-table@1.0.0':
+  '@layerstack/svelte-table@1.0.1-next.12':
     dependencies:
-      '@layerstack/svelte-actions': 1.0.0
-      '@layerstack/utils': 1.0.0
+      '@layerstack/svelte-actions': 1.0.1-next.12
+      '@layerstack/utils': 2.0.0-next.12
       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.15':
     dependencies:
-      '@layerstack/utils': 1.0.0
+      '@layerstack/utils': 2.0.0-next.12
       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.3.0
 
-  '@layerstack/utils@1.0.0':
+  '@layerstack/utils@2.0.0-next.12':
     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':
     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
@@ -3113,7 +2980,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
@@ -3142,82 +3009,83 @@ snapshots:
       estree-walker: 2.0.2
       picomatch: 2.3.1
 
-  '@rollup/rollup-android-arm-eabi@4.34.8':
+  '@rollup/rollup-android-arm-eabi@4.40.2':
     optional: true
 
-  '@rollup/rollup-android-arm64@4.34.8':
+  '@rollup/rollup-android-arm64@4.40.2':
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.34.8':
+  '@rollup/rollup-darwin-arm64@4.40.2':
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.34.8':
+  '@rollup/rollup-darwin-x64@4.40.2':
     optional: true
 
-  '@rollup/rollup-freebsd-arm64@4.34.8':
+  '@rollup/rollup-freebsd-arm64@4.40.2':
     optional: true
 
-  '@rollup/rollup-freebsd-x64@4.34.8':
+  '@rollup/rollup-freebsd-x64@4.40.2':
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.34.8':
+  '@rollup/rollup-linux-arm-gnueabihf@4.40.2':
     optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.34.8':
+  '@rollup/rollup-linux-arm-musleabihf@4.40.2':
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.34.8':
+  '@rollup/rollup-linux-arm64-gnu@4.40.2':
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.34.8':
+  '@rollup/rollup-linux-arm64-musl@4.40.2':
     optional: true
 
-  '@rollup/rollup-linux-loongarch64-gnu@4.34.8':
+  '@rollup/rollup-linux-loongarch64-gnu@4.40.2':
     optional: true
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.34.8':
+  '@rollup/rollup-linux-powerpc64le-gnu@4.40.2':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.34.8':
+  '@rollup/rollup-linux-riscv64-gnu@4.40.2':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.34.8':
+  '@rollup/rollup-linux-riscv64-musl@4.40.2':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.34.8':
+  '@rollup/rollup-linux-s390x-gnu@4.40.2':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.34.8':
+  '@rollup/rollup-linux-x64-gnu@4.40.2':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.34.8':
+  '@rollup/rollup-linux-x64-musl@4.40.2':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.34.8':
+  '@rollup/rollup-win32-arm64-msvc@4.40.2':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.34.8':
+  '@rollup/rollup-win32-ia32-msvc@4.40.2':
     optional: true
 
-  '@rrweb/types@2.0.0-alpha.18': {}
+  '@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.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)(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@4.14.4(@cloudflare/workers-types@4.20250514.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.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)(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))
+      '@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.14.4(@cloudflare/workers-types@4.20250514.0)
+      wrangler: 4.20.0(@cloudflare/workers-types@4.20250613.0)
 
-  '@sveltejs/kit@2.21.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)(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.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.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(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
@@ -3227,39 +3095,40 @@ 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)(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)
+      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.20.4)(typescript@5.7.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.20.4
-      svelte2tsx: 0.7.34(svelte@5.20.4)(typescript@5.7.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.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.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.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.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)
+      '@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.20.4)(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(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.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))
-      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.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))
+      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))
     transitivePeerDependencies:
       - supports-color
 
@@ -3270,17 +3139,92 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
-  '@tailwindcss/typography@0.5.16(tailwindcss@3.4.17)':
+  '@tailwindcss/node@4.1.10':
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      enhanced-resolve: 5.18.1
+      jiti: 2.4.2
+      lightningcss: 1.30.1
+      magic-string: 0.30.17
+      source-map-js: 1.2.1
+      tailwindcss: 4.1.10
+
+  '@tailwindcss/oxide-android-arm64@4.1.10':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.10':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.1.10':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.10':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.10':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.10':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.10':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.10':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.10':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.10':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.10':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.10':
+    optional: true
+
+  '@tailwindcss/oxide@4.1.10':
+    dependencies:
+      detect-libc: 2.0.4
+      tar: 7.4.3
+    optionalDependencies:
+      '@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: 3.4.17
+      tailwindcss: 4.1.10
+
+  '@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.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@2.1.1': {}
+  '@types/culori@4.0.0': {}
 
   '@types/d3-array@3.2.1': {}
 
@@ -3290,9 +3234,13 @@ snapshots:
 
   '@types/d3-time@3.0.4': {}
 
+  '@types/deep-eql@4.0.2': {}
+
   '@types/estree@0.0.39': {}
 
-  '@types/estree@1.0.6': {}
+  '@types/estree@1.0.7': {}
+
+  '@types/estree@1.0.8': {}
 
   '@types/hast@3.0.3':
     dependencies:
@@ -3320,73 +3268,72 @@ 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.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
-      debug: 4.4.0
+      ast-v8-to-istanbul: 0.3.3
+      debug: 4.4.1
       istanbul-lib-coverage: 3.2.2
       istanbul-lib-report: 3.0.1
       istanbul-lib-source-maps: 5.0.6
       istanbul-reports: 3.1.7
       magic-string: 0.30.17
       magicast: 0.3.5
-      std-env: 3.8.0
+      std-env: 3.9.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.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.0.7':
+  '@vitest/expect@3.2.3':
     dependencies:
-      '@vitest/spy': 3.0.7
-      '@vitest/utils': 3.0.7
+      '@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.0.7(vite@6.2.0(@types/node@22.13.5)(jiti@2.4.2)(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.0.7
+      '@vitest/spy': 3.2.3
       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.3.5(@types/node@22.13.5)(jiti@2.4.2)(lightningcss@1.30.1)(yaml@2.7.0)
 
-  '@vitest/pretty-format@3.0.7':
+  '@vitest/pretty-format@3.2.3':
     dependencies:
       tinyrainbow: 2.0.0
 
-  '@vitest/runner@3.0.7':
+  '@vitest/runner@3.2.3':
     dependencies:
-      '@vitest/utils': 3.0.7
+      '@vitest/utils': 3.2.3
       pathe: 2.0.3
+      strip-literal: 3.0.0
 
-  '@vitest/snapshot@3.0.7':
+  '@vitest/snapshot@3.2.3':
     dependencies:
-      '@vitest/pretty-format': 3.0.7
+      '@vitest/pretty-format': 3.2.3
       magic-string: 0.30.17
       pathe: 2.0.3
 
-  '@vitest/spy@3.0.7':
+  '@vitest/spy@3.2.3':
     dependencies:
-      tinyspy: 3.0.2
+      tinyspy: 4.0.3
 
-  '@vitest/utils@3.0.7':
+  '@vitest/utils@3.2.3':
     dependencies:
-      '@vitest/pretty-format': 3.0.7
+      '@vitest/pretty-format': 3.2.3
       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: {}
+  acorn@8.15.0: {}
 
   ansi-colors@4.1.3: {}
 
@@ -3400,15 +3347,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
@@ -3423,15 +3361,11 @@ snapshots:
 
   assertion-error@2.0.1: {}
 
-  autoprefixer@10.4.20(postcss@8.4.49):
+  ast-v8-to-istanbul@0.3.3:
     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
+      '@jridgewell/trace-mapping': 0.3.25
+      estree-walker: 3.0.3
+      js-tokens: 9.0.1
 
   axobject-query@4.1.0: {}
 
@@ -3441,33 +3375,24 @@ snapshots:
     dependencies:
       is-windows: 1.0.2
 
-  binary-extensions@2.3.0: {}
-
   blake3-wasm@2.1.5: {}
 
   brace-expansion@2.0.1:
     dependencies:
       balanced-match: 1.0.2
 
-  braces@3.0.3:
+  brace-expansion@2.0.2:
     dependencies:
-      fill-range: 7.1.1
+      balanced-match: 1.0.2
 
-  browserslist@4.23.3:
+  braces@3.0.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)
+      fill-range: 7.1.1
 
   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
@@ -3480,22 +3405,12 @@ 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
 
+  chownr@3.0.0: {}
+
   ci-info@3.9.0: {}
 
   clsx@2.1.1: {}
@@ -3503,7 +3418,7 @@ snapshots:
   code-red@1.0.4:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.8
       acorn: 8.14.0
       estree-walker: 3.0.3
       periscopic: 3.1.0
@@ -3518,23 +3433,23 @@ 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
-
-  commander@4.1.1: {}
 
   comment-parser@1.4.1: {}
 
+  confbox@0.1.8: {}
+
+  confbox@0.2.2: {}
+
   cookie@0.6.0: {}
 
   cookie@0.7.2: {}
 
-  core-js@3.40.0: {}
+  core-js@3.43.0: {}
 
   cross-spawn@7.0.3:
     dependencies:
@@ -3548,11 +3463,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
@@ -3560,8 +3470,6 @@ snapshots:
 
   cssesc@3.0.0: {}
 
-  culori@3.3.0: {}
-
   culori@4.0.1: {}
 
   d3-array@3.2.4:
@@ -3592,22 +3500,11 @@ snapshots:
     dependencies:
       d3-array: 3.2.4
 
-  daisyui@4.12.24(postcss@8.4.49):
-    dependencies:
-      css-selector-tokenizer: 0.8.0
-      culori: 3.3.0
-      picocolors: 1.1.1
-      postcss-js: 4.0.1(postcss@8.4.49)
-    transitivePeerDependencies:
-      - postcss
-
   data-uri-to-buffer@2.0.2: {}
 
   dataloader@1.4.0: {}
 
-  date-fns@4.1.0: {}
-
-  debug@4.4.0:
+  debug@4.4.1:
     dependencies:
       ms: 2.1.3
 
@@ -3621,63 +3518,33 @@ snapshots:
 
   detect-indent@6.1.0: {}
 
-  detect-libc@2.0.4:
-    optional: true
+  detect-libc@2.0.4: {}
 
   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.2
+
   enquirer@2.4.1:
     dependencies:
       ansi-colors: 4.1.3
       strip-ansi: 6.0.1
 
-  es-module-lexer@1.6.0: {}
-
-  esbuild@0.25.0:
-    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
+  es-module-lexer@1.7.0: {}
 
   esbuild@0.25.4:
     optionalDependencies:
@@ -3707,13 +3574,11 @@ snapshots:
       '@esbuild/win32-ia32': 0.25.4
       '@esbuild/win32-x64': 0.25.4
 
-  escalade@3.1.2: {}
-
   esm-env@1.2.2: {}
 
   esprima@4.0.1: {}
 
-  esrap@1.4.5:
+  esrap@1.4.9:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
 
@@ -3723,11 +3588,11 @@ snapshots:
 
   estree-walker@3.0.3:
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.8
 
   exit-hook@2.2.1: {}
 
-  expect-type@1.1.0: {}
+  expect-type@1.2.1: {}
 
   exsolve@1.0.5: {}
 
@@ -3739,14 +3604,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
@@ -3755,17 +3612,15 @@ snapshots:
       merge2: 1.4.1
       micromatch: 4.0.8
 
-  fastparse@1.1.2: {}
-
-  fastq@1.17.1:
+  fastq@1.19.1:
     dependencies:
-      reusify: 1.0.4
+      reusify: 1.1.0
 
-  fdir@6.4.2(picomatch@4.0.2):
+  fdir@6.4.4(picomatch@4.0.2):
     optionalDependencies:
       picomatch: 4.0.2
 
-  fdir@6.4.3(picomatch@4.0.2):
+  fdir@6.4.6(picomatch@4.0.2):
     optionalDependencies:
       picomatch: 4.0.2
 
@@ -3785,7 +3640,10 @@ snapshots:
       cross-spawn: 7.0.3
       signal-exit: 4.1.0
 
-  fraction.js@4.3.7: {}
+  foreground-child@3.3.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      signal-exit: 4.1.0
 
   fs-extra@7.0.1:
     dependencies:
@@ -3815,15 +3673,11 @@ 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:
     dependencies:
-      foreground-child: 3.3.0
+      foreground-child: 3.3.1
       jackspeak: 3.4.3
       minimatch: 9.0.5
       minipass: 7.1.2
@@ -3839,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
@@ -3878,21 +3734,12 @@ snapshots:
 
   internmap@2.0.3: {}
 
-  is-arrayish@0.3.2:
-    optional: true
-
-  is-binary-path@2.1.0:
-    dependencies:
-      binary-extensions: 2.3.0
+  is-arrayish@0.3.2: {}
 
   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
@@ -3911,7 +3758,7 @@ snapshots:
 
   is-reference@3.0.3:
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.8
 
   is-subdir@1.2.0:
     dependencies:
@@ -3932,7 +3779,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
@@ -3954,10 +3801,9 @@ snapshots:
     optionalDependencies:
       '@pkgjs/parseargs': 0.11.0
 
-  jiti@1.21.7: {}
+  jiti@2.4.2: {}
 
-  jiti@2.4.2:
-    optional: true
+  js-tokens@9.0.1: {}
 
   js-yaml@3.14.1:
     dependencies:
@@ -3970,9 +3816,61 @@ snapshots:
 
   kleur@4.1.5: {}
 
-  lilconfig@3.1.3: {}
+  kolorist@1.8.0: {}
+
+  lightningcss-darwin-arm64@1.30.1:
+    optional: true
+
+  lightningcss-darwin-x64@1.30.1:
+    optional: true
+
+  lightningcss-freebsd-x64@1.30.1:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.30.1:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.30.1:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.30.1:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.30.1:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.30.1:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.30.1:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.30.1:
+    optional: true
+
+  lightningcss@1.30.1:
+    dependencies:
+      detect-libc: 2.0.4
+    optionalDependencies:
+      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
 
-  lines-and-columns@1.2.4: {}
+  local-pkg@1.1.1:
+    dependencies:
+      mlly: 1.7.4
+      pkg-types: 2.1.0
+      quansync: 0.2.10
 
   locate-character@3.0.0: {}
 
@@ -4006,24 +3904,24 @@ snapshots:
 
   magicast@0.3.5:
     dependencies:
-      '@babel/parser': 7.26.9
-      '@babel/types': 7.26.9
+      '@babel/parser': 7.27.5
+      '@babel/types': 7.27.6
       source-map-js: 1.2.1
 
   make-dir@4.0.0:
     dependencies:
-      semver: 7.7.1
+      semver: 7.7.2
 
   marked@15.0.7: {}
 
   mdn-data@2.0.30: {}
 
-  mdsvex@0.12.3(svelte@5.20.4):
+  mdsvex@0.12.3(svelte@5.34.1):
     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.34.1
       vfile-message: 2.0.4
 
   merge2@1.4.1: {}
@@ -4035,16 +3933,17 @@ snapshots:
 
   mime@3.0.0: {}
 
-  miniflare@4.20250507.0:
+  miniflare@4.20250604.1:
     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.20250604.0
       ws: 8.18.0
       youch: 3.3.4
       zod: 3.22.3
@@ -4058,10 +3957,23 @@ snapshots:
 
   minimatch@9.0.5:
     dependencies:
-      brace-expansion: 2.0.1
+      brace-expansion: 2.0.2
 
   minipass@7.1.2: {}
 
+  minizlib@3.0.2:
+    dependencies:
+      minipass: 7.1.2
+
+  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: {}
@@ -4070,12 +3982,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:
@@ -4087,16 +3993,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@2.0.11: {}
 
   os-tmpdir@1.0.2: {}
@@ -4123,7 +4019,11 @@ 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
+
+  package-manager-detector@1.3.0: {}
 
   pascal-case@3.1.2:
     dependencies:
@@ -4156,99 +4056,67 @@ snapshots:
 
   periscopic@3.1.0:
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.8
       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: {}
-
-  postcss-import@15.1.0(postcss@8.4.49):
+  pkg-types@1.3.1:
     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):
-    dependencies:
-      camelcase-css: 2.0.1
-      postcss: 8.4.49
+      confbox: 0.1.8
+      mlly: 1.7.4
+      pathe: 2.0.3
 
-  postcss-load-config@4.0.2(postcss@8.4.49):
+  pkg-types@2.1.0:
     dependencies:
-      lilconfig: 3.1.3
-      yaml: 2.6.1
-    optionalDependencies:
-      postcss: 8.4.49
+      confbox: 0.2.2
+      exsolve: 1.0.5
+      pathe: 2.0.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
       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.252.0:
     dependencies:
-      '@rrweb/types': 2.0.0-alpha.18
-      core-js: 3.40.0
+      core-js: 3.43.0
       fflate: 0.4.8
-      preact: 10.26.2
+      preact: 10.26.9
       web-vitals: 4.2.4
 
-  preact@10.26.2: {}
+  preact@10.26.9: {}
 
-  prettier-plugin-svelte@3.3.3(prettier@3.5.2)(svelte@5.20.4):
+  prettier-plugin-svelte@3.4.0(prettier@3.5.3)(svelte@5.34.1):
     dependencies:
-      prettier: 3.5.2
-      svelte: 5.20.4
+      prettier: 3.5.3
+      svelte: 5.34.1
 
   prettier@2.8.8: {}
 
-  prettier@3.5.2: {}
+  prettier@3.5.3: {}
 
   printable-characters@1.0.42: {}
 
@@ -4258,13 +4126,11 @@ snapshots:
 
   prism-themes@1.9.0: {}
 
-  prismjs@1.29.0: {}
+  prismjs@1.30.0: {}
 
-  queue-microtask@1.2.3: {}
+  quansync@0.2.10: {}
 
-  read-cache@1.0.0:
-    dependencies:
-      pify: 2.3.0
+  queue-microtask@1.2.3: {}
 
   read-yaml-file@1.1.0:
     dependencies:
@@ -4273,14 +4139,8 @@ 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: {}
-
   regexparam@3.0.0: {}
 
   rehype-slug@6.0.0:
@@ -4301,53 +4161,48 @@ 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: {}
+  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:
       fsevents: 2.3.3
 
-  rollup@4.34.8:
+  rollup@4.40.2:
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
     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.40.2
+      '@rollup/rollup-android-arm64': 4.40.2
+      '@rollup/rollup-darwin-arm64': 4.40.2
+      '@rollup/rollup-darwin-x64': 4.40.2
+      '@rollup/rollup-freebsd-arm64': 4.40.2
+      '@rollup/rollup-freebsd-x64': 4.40.2
+      '@rollup/rollup-linux-arm-gnueabihf': 4.40.2
+      '@rollup/rollup-linux-arm-musleabihf': 4.40.2
+      '@rollup/rollup-linux-arm64-gnu': 4.40.2
+      '@rollup/rollup-linux-arm64-musl': 4.40.2
+      '@rollup/rollup-linux-loongarch64-gnu': 4.40.2
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.40.2
+      '@rollup/rollup-linux-riscv64-gnu': 4.40.2
+      '@rollup/rollup-linux-riscv64-musl': 4.40.2
+      '@rollup/rollup-linux-s390x-gnu': 4.40.2
+      '@rollup/rollup-linux-x64-gnu': 4.40.2
+      '@rollup/rollup-linux-x64-musl': 4.40.2
+      '@rollup/rollup-win32-arm64-msvc': 4.40.2
+      '@rollup/rollup-win32-ia32-msvc': 4.40.2
+      '@rollup/rollup-win32-x64-msvc': 4.40.2
       fsevents: 2.3.3
 
   run-parallel@1.2.0:
@@ -4360,8 +4215,6 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
-  semver@7.7.1: {}
-
   semver@7.7.2: {}
 
   set-cookie-parser@2.7.1: {}
@@ -4391,7 +4244,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:
@@ -4406,7 +4258,6 @@ snapshots:
   simple-swizzle@0.2.2:
     dependencies:
       is-arrayish: 0.3.2
-    optional: true
 
   sirv@3.0.1:
     dependencies:
@@ -4434,7 +4285,7 @@ snapshots:
       as-table: 1.0.55
       get-source: 2.0.12
 
-  std-env@3.8.0: {}
+  std-env@3.9.0: {}
 
   stoppable@1.1.0: {}
 
@@ -4460,15 +4311,9 @@ snapshots:
 
   strip-bom@3.0.0: {}
 
-  sucrase@3.35.0:
+  strip-literal@3.0.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
+      js-tokens: 9.0.1
 
   supports-color@7.2.0:
     dependencies:
@@ -4476,18 +4321,18 @@ snapshots:
 
   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
       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.4.49)(yaml@2.7.0))(postcss@8.4.49)(svelte@4.2.19)(typescript@5.7.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.7.3
+      typescript: 5.8.3
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -4499,39 +4344,39 @@ snapshots:
       - stylus
       - sugarss
 
-  svelte-check@4.1.4(picomatch@4.0.2)(svelte@5.20.4)(typescript@5.7.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.2(picomatch@4.0.2)
+      fdir: 6.4.4(picomatch@4.0.2)
       picocolors: 1.1.1
       sade: 1.8.1
-      svelte: 5.20.4
-      typescript: 5.7.3
+      svelte: 5.34.1
+      typescript: 5.8.3
     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.20)(typescript@5.8.3):
     dependencies:
-      svelte: 4.2.19
+      svelte: 4.2.20
     optionalDependencies:
-      postcss: 8.4.49
-      postcss-load-config: 6.0.1(jiti@2.4.2)(postcss@8.4.49)(yaml@2.7.0)
-      typescript: 5.7.3
+      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.34(svelte@5.20.4)(typescript@5.7.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.20.4
-      typescript: 5.7.3
+      svelte: 5.34.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.8
       acorn: 8.14.0
       aria-query: 5.3.2
       axobject-query: 4.1.0
@@ -4543,51 +4388,37 @@ snapshots:
       magic-string: 0.30.17
       periscopic: 3.1.0
 
-  svelte@5.20.4:
+  svelte@5.34.1:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.5.0
-      '@types/estree': 1.0.6
-      acorn: 8.14.0
-      acorn-typescript: 1.4.13(acorn@8.14.0)
+      '@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.5
+      esrap: 1.4.9
       is-reference: 3.0.3
       locate-character: 3.0.0
       magic-string: 0.30.17
       zimmerframe: 1.1.2
 
-  tailwind-merge@2.6.0: {}
+  tailwind-merge@3.3.0: {}
+
+  tailwindcss@4.1.10: {}
+
+  tapable@2.2.2: {}
 
-  tailwindcss@3.4.17:
+  tar@7.4.3:
     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
+      '@isaacs/fs-minipass': 4.0.1
+      chownr: 3.0.0
+      minipass: 7.1.2
+      minizlib: 3.0.2
+      mkdirp: 3.0.1
+      yallist: 5.0.0
 
   term-size@2.2.1: {}
 
@@ -4597,28 +4428,32 @@ 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: {}
 
+  tinyexec@1.0.1: {}
+
   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:
+    dependencies:
+      fdir: 6.4.4(picomatch@4.0.2)
+      picomatch: 4.0.2
+
+  tinyglobby@0.2.14:
+    dependencies:
+      fdir: 6.4.6(picomatch@4.0.2)
       picomatch: 4.0.2
 
-  tinypool@1.0.2: {}
+  tinypool@1.1.0: {}
 
   tinyrainbow@2.0.0: {}
 
-  tinyspy@3.0.2: {}
+  tinyspy@4.0.3: {}
 
   tmp@0.0.33:
     dependencies:
@@ -4632,11 +4467,9 @@ snapshots:
 
   tr46@0.0.3: {}
 
-  ts-interface-checker@0.1.13: {}
-
   tslib@2.8.1: {}
 
-  typescript@5.7.3: {}
+  typescript@5.8.3: {}
 
   ufo@1.6.1: {}
 
@@ -4646,7 +4479,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
@@ -4675,11 +4508,23 @@ snapshots:
 
   universalify@0.1.2: {}
 
-  update-browserslist-db@1.1.0(browserslist@4.23.3):
+  unplugin-icons@22.1.0(svelte@5.34.1):
     dependencies:
-      browserslist: 4.23.3
-      escalade: 3.1.2
-      picocolors: 1.1.1
+      '@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: {}
 
@@ -4688,13 +4533,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.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.0
-      es-module-lexer: 1.6.0
+      debug: 4.4.1
+      es-module-lexer: 1.7.0
       pathe: 2.0.3
-      vite: 6.2.0(@types/node@22.13.5)(jiti@2.4.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
@@ -4709,42 +4554,49 @@ snapshots:
       - tsx
       - yaml
 
-  vite@6.2.0(@types/node@22.13.5)(jiti@2.4.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.0
+      esbuild: 0.25.4
+      fdir: 6.4.4(picomatch@4.0.2)
+      picomatch: 4.0.2
       postcss: 8.5.3
-      rollup: 4.34.8
+      rollup: 4.40.2
+      tinyglobby: 0.2.13
     optionalDependencies:
       '@types/node': 22.13.5
       fsevents: 2.3.3
       jiti: 2.4.2
+      lightningcss: 1.30.1
       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.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.2.0(@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)(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/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
+      vite: 6.3.5(@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:
+      '@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.0
-      expect-type: 1.1.0
+      debug: 4.4.1
+      expect-type: 1.2.1
       magic-string: 0.30.17
       pathe: 2.0.3
-      std-env: 3.8.0
+      picomatch: 4.0.2
+      std-env: 3.9.0
       tinybench: 2.9.0
       tinyexec: 0.3.2
-      tinypool: 1.0.2
+      tinyglobby: 0.2.14
+      tinypool: 1.1.0
       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.3.5(@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
@@ -4766,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
@@ -4780,33 +4634,32 @@ snapshots:
       siginfo: 2.0.0
       stackback: 0.0.2
 
-  workerd@1.20250507.0:
+  workerd@1.20250604.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.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.14.4(@cloudflare/workers-types@4.20250514.0):
+  wrangler@4.20.0(@cloudflare/workers-types@4.20250613.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.20250604.0)
       blake3-wasm: 2.1.5
       esbuild: 0.25.4
-      miniflare: 4.20250507.0
+      miniflare: 4.20250604.1
       path-to-regexp: 6.3.0
-      unenv: 2.0.0-rc.15
-      workerd: 1.20250507.0
+      unenv: 2.0.0-rc.17
+      workerd: 1.20250604.0
     optionalDependencies:
-      '@cloudflare/workers-types': 4.20250514.0
+      '@cloudflare/workers-types': 4.20250613.0
       fsevents: 2.3.3
-      sharp: 0.33.5
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
@@ -4825,7 +4678,7 @@ snapshots:
 
   ws@8.18.0: {}
 
-  yaml@2.6.1: {}
+  yallist@5.0.0: {}
 
   yaml@2.7.0:
     optional: true
@@ -4840,4 +4693,4 @@ snapshots:
 
   zod@3.22.3: {}
 
-  zod@3.24.2: {}
+  zod@3.25.64: {}