@brokui/brok-design-language 0.1.0

package/dist/tokens.d.ts

@@ -0,0 +1,2457 @@
+export declare const themeMetadata: {
+    readonly schemaVersion: 1;
+    readonly format: "DTCG 2025.10";
+    readonly source: "tokens/";
+    readonly sourceSha256: "471c62ae6c9cab7ea22ec7142fb39595e0dfe5073394dda1084b6f53918b5390";
+    readonly selectors: {
+        readonly brand: "data-brand";
+        readonly color: "class";
+        readonly contrast: "data-contrast";
+        readonly motion: "data-motion";
+        readonly density: "data-density";
+    };
+    readonly groups: readonly ["Colors", "Charts", "Spacing", "Controls", "Layout", "Radius", "Typography", "Shadows", "Motion", "Layers"];
+    readonly tokens: readonly [{
+        readonly path: "token.background";
+        readonly cssVariable: "--background";
+        readonly type: "color";
+        readonly description: "Background";
+        readonly light: "0 0% 100%";
+        readonly dark: "24 8% 9%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.foreground";
+        readonly cssVariable: "--foreground";
+        readonly type: "color";
+        readonly description: "Foreground";
+        readonly light: "24 12% 10%";
+        readonly dark: "30 12% 96%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.card";
+        readonly cssVariable: "--card";
+        readonly type: "color";
+        readonly description: "Card";
+        readonly light: "0 0% 100%";
+        readonly dark: "24 8% 11%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.card-foreground";
+        readonly cssVariable: "--card-foreground";
+        readonly type: "color";
+        readonly description: "Card foreground";
+        readonly light: "24 12% 10%";
+        readonly dark: "30 12% 96%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.popover";
+        readonly cssVariable: "--popover";
+        readonly type: "color";
+        readonly description: "Popover";
+        readonly light: "0 0% 100%";
+        readonly dark: "24 8% 11%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.popover-foreground";
+        readonly cssVariable: "--popover-foreground";
+        readonly type: "color";
+        readonly description: "Popover foreground";
+        readonly light: "24 12% 10%";
+        readonly dark: "30 12% 96%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.primary";
+        readonly cssVariable: "--primary";
+        readonly type: "color";
+        readonly description: "Primary";
+        readonly light: "15 90% 40%";
+        readonly dark: "15 90% 62%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.primary-foreground";
+        readonly cssVariable: "--primary-foreground";
+        readonly type: "color";
+        readonly description: "Primary foreground";
+        readonly light: "0 0% 100%";
+        readonly dark: "20 14.3% 4.1%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.secondary";
+        readonly cssVariable: "--secondary";
+        readonly type: "color";
+        readonly description: "Secondary";
+        readonly light: "30 14% 95%";
+        readonly dark: "24 8% 18%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.secondary-foreground";
+        readonly cssVariable: "--secondary-foreground";
+        readonly type: "color";
+        readonly description: "Secondary foreground";
+        readonly light: "24 14% 14%";
+        readonly dark: "30 12% 96%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.muted";
+        readonly cssVariable: "--muted";
+        readonly type: "color";
+        readonly description: "Muted";
+        readonly light: "30 14% 95%";
+        readonly dark: "24 8% 18%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.muted-foreground";
+        readonly cssVariable: "--muted-foreground";
+        readonly type: "color";
+        readonly description: "Muted foreground";
+        readonly light: "24 8% 38%";
+        readonly dark: "30 8% 64%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.accent";
+        readonly cssVariable: "--accent";
+        readonly type: "color";
+        readonly description: "Accent";
+        readonly light: "30 14% 94%";
+        readonly dark: "24 8% 18%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.accent-foreground";
+        readonly cssVariable: "--accent-foreground";
+        readonly type: "color";
+        readonly description: "Accent foreground";
+        readonly light: "24 14% 14%";
+        readonly dark: "30 12% 96%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.destructive";
+        readonly cssVariable: "--destructive";
+        readonly type: "color";
+        readonly description: "Destructive";
+        readonly light: "0 72% 42%";
+        readonly dark: "0 84% 78%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.destructive-foreground";
+        readonly cssVariable: "--destructive-foreground";
+        readonly type: "color";
+        readonly description: "Destructive foreground";
+        readonly light: "210 40% 98%";
+        readonly dark: "20 14.3% 4.1%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.success";
+        readonly cssVariable: "--success";
+        readonly type: "color";
+        readonly description: "Success";
+        readonly light: "142 76% 25%";
+        readonly dark: "142.1 70.6% 45.3%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.success-foreground";
+        readonly cssVariable: "--success-foreground";
+        readonly type: "color";
+        readonly description: "Success foreground";
+        readonly light: "355.7 100% 97.3%";
+        readonly dark: "144.9 80.4% 10%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.warning";
+        readonly cssVariable: "--warning";
+        readonly type: "color";
+        readonly description: "Warning";
+        readonly light: "26 90% 34%";
+        readonly dark: "47.9 95.8% 53.1%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.warning-foreground";
+        readonly cssVariable: "--warning-foreground";
+        readonly type: "color";
+        readonly description: "Warning foreground";
+        readonly light: "0 0% 100%";
+        readonly dark: "26 83.3% 14.1%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.info";
+        readonly cssVariable: "--info";
+        readonly type: "color";
+        readonly description: "Info";
+        readonly light: "221 83% 42%";
+        readonly dark: "217.2 91.2% 70%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.info-foreground";
+        readonly cssVariable: "--info-foreground";
+        readonly type: "color";
+        readonly description: "Info foreground";
+        readonly light: "210 40% 98%";
+        readonly dark: "222.2 47.4% 11.2%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.border";
+        readonly cssVariable: "--border";
+        readonly type: "color";
+        readonly description: "Border";
+        readonly light: "30 12% 57%";
+        readonly dark: "24 8% 45%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.input";
+        readonly cssVariable: "--input";
+        readonly type: "color";
+        readonly description: "Input";
+        readonly light: "30 12% 57%";
+        readonly dark: "24 8% 45%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.ring";
+        readonly cssVariable: "--ring";
+        readonly type: "color";
+        readonly description: "Ring";
+        readonly light: "15 88% 42%";
+        readonly dark: "15 90% 62%";
+        readonly group: "Colors";
+    }, {
+        readonly path: "token.chart-1";
+        readonly cssVariable: "--chart-1";
+        readonly type: "color";
+        readonly description: "Chart 1";
+        readonly light: "221 83% 53%";
+        readonly dark: "217 91% 65%";
+        readonly group: "Charts";
+    }, {
+        readonly path: "token.chart-2";
+        readonly cssVariable: "--chart-2";
+        readonly type: "color";
+        readonly description: "Chart 2";
+        readonly light: "173 58% 39%";
+        readonly dark: "173 58% 49%";
+        readonly group: "Charts";
+    }, {
+        readonly path: "token.chart-3";
+        readonly cssVariable: "--chart-3";
+        readonly type: "color";
+        readonly description: "Chart 3";
+        readonly light: "38 92% 50%";
+        readonly dark: "38 96% 58%";
+        readonly group: "Charts";
+    }, {
+        readonly path: "token.chart-4";
+        readonly cssVariable: "--chart-4";
+        readonly type: "color";
+        readonly description: "Chart 4";
+        readonly light: "271 76% 53%";
+        readonly dark: "271 82% 68%";
+        readonly group: "Charts";
+    }, {
+        readonly path: "token.chart-5";
+        readonly cssVariable: "--chart-5";
+        readonly type: "color";
+        readonly description: "Chart 5";
+        readonly light: "340 75% 55%";
+        readonly dark: "340 82% 66%";
+        readonly group: "Charts";
+    }, {
+        readonly path: "token.spacing";
+        readonly cssVariable: "--spacing";
+        readonly type: "dimension";
+        readonly description: "Base spacing unit";
+        readonly light: "0.25rem";
+        readonly dark: "0.25rem";
+        readonly group: "Spacing";
+    }, {
+        readonly path: "token.control-gap";
+        readonly cssVariable: "--control-gap";
+        readonly type: "dimension";
+        readonly description: "Control gap";
+        readonly light: "0.5rem";
+        readonly dark: "0.5rem";
+        readonly group: "Spacing";
+    }, {
+        readonly path: "token.field-gap";
+        readonly cssVariable: "--field-gap";
+        readonly type: "dimension";
+        readonly description: "Field gap";
+        readonly light: "0.5rem";
+        readonly dark: "0.5rem";
+        readonly group: "Spacing";
+    }, {
+        readonly path: "token.card-padding";
+        readonly cssVariable: "--card-padding";
+        readonly type: "dimension";
+        readonly description: "Card padding";
+        readonly light: "1.5rem";
+        readonly dark: "1.5rem";
+        readonly group: "Spacing";
+    }, {
+        readonly path: "token.dialog-padding";
+        readonly cssVariable: "--dialog-padding";
+        readonly type: "dimension";
+        readonly description: "Dialog padding";
+        readonly light: "1.5rem";
+        readonly dark: "1.5rem";
+        readonly group: "Spacing";
+    }, {
+        readonly path: "token.section-gap";
+        readonly cssVariable: "--section-gap";
+        readonly type: "dimension";
+        readonly description: "Section gap";
+        readonly light: "3rem";
+        readonly dark: "3rem";
+        readonly group: "Spacing";
+    }, {
+        readonly path: "token.stack-gap-sm";
+        readonly cssVariable: "--stack-gap-sm";
+        readonly type: "dimension";
+        readonly description: "Stack gap sm";
+        readonly light: "0.5rem";
+        readonly dark: "0.5rem";
+        readonly group: "Spacing";
+    }, {
+        readonly path: "token.stack-gap-md";
+        readonly cssVariable: "--stack-gap-md";
+        readonly type: "dimension";
+        readonly description: "Stack gap md";
+        readonly light: "1rem";
+        readonly dark: "1rem";
+        readonly group: "Spacing";
+    }, {
+        readonly path: "token.stack-gap-lg";
+        readonly cssVariable: "--stack-gap-lg";
+        readonly type: "dimension";
+        readonly description: "Stack gap lg";
+        readonly light: "1.5rem";
+        readonly dark: "1.5rem";
+        readonly group: "Spacing";
+    }, {
+        readonly path: "token.surface-padding-sm";
+        readonly cssVariable: "--surface-padding-sm";
+        readonly type: "dimension";
+        readonly description: "Surface padding sm";
+        readonly light: "1rem";
+        readonly dark: "1rem";
+        readonly group: "Spacing";
+    }, {
+        readonly path: "token.surface-padding-md";
+        readonly cssVariable: "--surface-padding-md";
+        readonly type: "dimension";
+        readonly description: "Surface padding md";
+        readonly light: "1.5rem";
+        readonly dark: "1.5rem";
+        readonly group: "Spacing";
+    }, {
+        readonly path: "token.surface-padding-lg";
+        readonly cssVariable: "--surface-padding-lg";
+        readonly type: "dimension";
+        readonly description: "Surface padding lg";
+        readonly light: "2rem";
+        readonly dark: "2rem";
+        readonly group: "Spacing";
+    }, {
+        readonly path: "token.section-space-sm";
+        readonly cssVariable: "--section-space-sm";
+        readonly type: "dimension";
+        readonly description: "Section space sm";
+        readonly light: "2rem";
+        readonly dark: "2rem";
+        readonly group: "Spacing";
+    }, {
+        readonly path: "token.section-space-md";
+        readonly cssVariable: "--section-space-md";
+        readonly type: "dimension";
+        readonly description: "Section space md";
+        readonly light: "3rem";
+        readonly dark: "3rem";
+        readonly group: "Spacing";
+    }, {
+        readonly path: "token.section-space-lg";
+        readonly cssVariable: "--section-space-lg";
+        readonly type: "dimension";
+        readonly description: "Section space lg";
+        readonly light: "4rem";
+        readonly dark: "4rem";
+        readonly group: "Spacing";
+    }, {
+        readonly path: "token.control-size-xs";
+        readonly cssVariable: "--control-size-xs";
+        readonly type: "dimension";
+        readonly description: "Control xs";
+        readonly light: "2rem";
+        readonly dark: "2rem";
+        readonly group: "Controls";
+    }, {
+        readonly path: "token.control-size-sm";
+        readonly cssVariable: "--control-size-sm";
+        readonly type: "dimension";
+        readonly description: "Control sm";
+        readonly light: "2.25rem";
+        readonly dark: "2.25rem";
+        readonly group: "Controls";
+    }, {
+        readonly path: "token.control-size-md";
+        readonly cssVariable: "--control-size-md";
+        readonly type: "dimension";
+        readonly description: "Control md";
+        readonly light: "2.5rem";
+        readonly dark: "2.5rem";
+        readonly group: "Controls";
+    }, {
+        readonly path: "token.control-size-lg";
+        readonly cssVariable: "--control-size-lg";
+        readonly type: "dimension";
+        readonly description: "Control lg";
+        readonly light: "2.75rem";
+        readonly dark: "2.75rem";
+        readonly group: "Controls";
+    }, {
+        readonly path: "token.control-size-xl";
+        readonly cssVariable: "--control-size-xl";
+        readonly type: "dimension";
+        readonly description: "Control xl";
+        readonly light: "3rem";
+        readonly dark: "3rem";
+        readonly group: "Controls";
+    }, {
+        readonly path: "token.control-padding-x-sm";
+        readonly cssVariable: "--control-padding-x-sm";
+        readonly type: "dimension";
+        readonly description: "Control padding sm";
+        readonly light: "0.75rem";
+        readonly dark: "0.75rem";
+        readonly group: "Controls";
+    }, {
+        readonly path: "token.control-padding-x-md";
+        readonly cssVariable: "--control-padding-x-md";
+        readonly type: "dimension";
+        readonly description: "Control padding md";
+        readonly light: "1rem";
+        readonly dark: "1rem";
+        readonly group: "Controls";
+    }, {
+        readonly path: "token.control-padding-x-lg";
+        readonly cssVariable: "--control-padding-x-lg";
+        readonly type: "dimension";
+        readonly description: "Control padding lg";
+        readonly light: "1.5rem";
+        readonly dark: "1.5rem";
+        readonly group: "Controls";
+    }, {
+        readonly path: "token.container-gutter-sm";
+        readonly cssVariable: "--container-gutter-sm";
+        readonly type: "dimension";
+        readonly description: "Container gutter sm";
+        readonly light: "1rem";
+        readonly dark: "1rem";
+        readonly group: "Layout";
+    }, {
+        readonly path: "token.container-gutter-md";
+        readonly cssVariable: "--container-gutter-md";
+        readonly type: "dimension";
+        readonly description: "Container gutter md";
+        readonly light: "1.5rem";
+        readonly dark: "1.5rem";
+        readonly group: "Layout";
+    }, {
+        readonly path: "token.container-gutter-lg";
+        readonly cssVariable: "--container-gutter-lg";
+        readonly type: "dimension";
+        readonly description: "Container gutter lg";
+        readonly light: "2rem";
+        readonly dark: "2rem";
+        readonly group: "Layout";
+    }, {
+        readonly path: "token.content-width-sm";
+        readonly cssVariable: "--content-width-sm";
+        readonly type: "dimension";
+        readonly description: "Content width sm";
+        readonly light: "42rem";
+        readonly dark: "42rem";
+        readonly group: "Layout";
+    }, {
+        readonly path: "token.content-width-md";
+        readonly cssVariable: "--content-width-md";
+        readonly type: "dimension";
+        readonly description: "Content width md";
+        readonly light: "56rem";
+        readonly dark: "56rem";
+        readonly group: "Layout";
+    }, {
+        readonly path: "token.content-width-lg";
+        readonly cssVariable: "--content-width-lg";
+        readonly type: "dimension";
+        readonly description: "Content width lg";
+        readonly light: "72rem";
+        readonly dark: "72rem";
+        readonly group: "Layout";
+    }, {
+        readonly path: "token.content-width-xl";
+        readonly cssVariable: "--content-width-xl";
+        readonly type: "dimension";
+        readonly description: "Content width xl";
+        readonly light: "80rem";
+        readonly dark: "80rem";
+        readonly group: "Layout";
+    }, {
+        readonly path: "token.grid-min-sm";
+        readonly cssVariable: "--grid-min-sm";
+        readonly type: "dimension";
+        readonly description: "Auto grid minimum sm";
+        readonly light: "12rem";
+        readonly dark: "12rem";
+        readonly group: "Layout";
+    }, {
+        readonly path: "token.grid-min-md";
+        readonly cssVariable: "--grid-min-md";
+        readonly type: "dimension";
+        readonly description: "Auto grid minimum md";
+        readonly light: "16rem";
+        readonly dark: "16rem";
+        readonly group: "Layout";
+    }, {
+        readonly path: "token.grid-min-lg";
+        readonly cssVariable: "--grid-min-lg";
+        readonly type: "dimension";
+        readonly description: "Auto grid minimum lg";
+        readonly light: "20rem";
+        readonly dark: "20rem";
+        readonly group: "Layout";
+    }, {
+        readonly path: "token.breakpoint-sm";
+        readonly cssVariable: "--breakpoint-sm";
+        readonly type: "dimension";
+        readonly description: "Breakpoint sm";
+        readonly light: "40rem";
+        readonly dark: "40rem";
+        readonly group: "Build";
+    }, {
+        readonly path: "token.breakpoint-md";
+        readonly cssVariable: "--breakpoint-md";
+        readonly type: "dimension";
+        readonly description: "Breakpoint md";
+        readonly light: "48rem";
+        readonly dark: "48rem";
+        readonly group: "Build";
+    }, {
+        readonly path: "token.breakpoint-lg";
+        readonly cssVariable: "--breakpoint-lg";
+        readonly type: "dimension";
+        readonly description: "Breakpoint lg";
+        readonly light: "64rem";
+        readonly dark: "64rem";
+        readonly group: "Build";
+    }, {
+        readonly path: "token.breakpoint-xl";
+        readonly cssVariable: "--breakpoint-xl";
+        readonly type: "dimension";
+        readonly description: "Breakpoint xl";
+        readonly light: "80rem";
+        readonly dark: "80rem";
+        readonly group: "Build";
+    }, {
+        readonly path: "token.breakpoint-2xl";
+        readonly cssVariable: "--breakpoint-2xl";
+        readonly type: "dimension";
+        readonly description: "Breakpoint 2xl";
+        readonly light: "96rem";
+        readonly dark: "96rem";
+        readonly group: "Build";
+    }, {
+        readonly path: "token.radius";
+        readonly cssVariable: "--radius";
+        readonly type: "dimension";
+        readonly description: "Base radius";
+        readonly light: "0.5rem";
+        readonly dark: "0.5rem";
+        readonly group: "Radius";
+    }, {
+        readonly path: "token.text-xs";
+        readonly cssVariable: "--text-xs";
+        readonly type: "dimension";
+        readonly description: "Text xs";
+        readonly light: "0.75rem";
+        readonly dark: "0.75rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-xs--line-height";
+        readonly cssVariable: "--text-xs--line-height";
+        readonly type: "dimension";
+        readonly description: "Text xs line height";
+        readonly light: "1rem";
+        readonly dark: "1rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-sm";
+        readonly cssVariable: "--text-sm";
+        readonly type: "dimension";
+        readonly description: "Text sm";
+        readonly light: "0.875rem";
+        readonly dark: "0.875rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-sm--line-height";
+        readonly cssVariable: "--text-sm--line-height";
+        readonly type: "dimension";
+        readonly description: "Text sm line height";
+        readonly light: "1.25rem";
+        readonly dark: "1.25rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-base";
+        readonly cssVariable: "--text-base";
+        readonly type: "dimension";
+        readonly description: "Text base";
+        readonly light: "1rem";
+        readonly dark: "1rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-base--line-height";
+        readonly cssVariable: "--text-base--line-height";
+        readonly type: "dimension";
+        readonly description: "Text base line height";
+        readonly light: "1.5rem";
+        readonly dark: "1.5rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-lg";
+        readonly cssVariable: "--text-lg";
+        readonly type: "dimension";
+        readonly description: "Text lg";
+        readonly light: "1.125rem";
+        readonly dark: "1.125rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-lg--line-height";
+        readonly cssVariable: "--text-lg--line-height";
+        readonly type: "dimension";
+        readonly description: "Text lg line height";
+        readonly light: "1.75rem";
+        readonly dark: "1.75rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-xl";
+        readonly cssVariable: "--text-xl";
+        readonly type: "dimension";
+        readonly description: "Text xl";
+        readonly light: "1.25rem";
+        readonly dark: "1.25rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-xl--line-height";
+        readonly cssVariable: "--text-xl--line-height";
+        readonly type: "dimension";
+        readonly description: "Text xl line height";
+        readonly light: "1.75rem";
+        readonly dark: "1.75rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-2xl";
+        readonly cssVariable: "--text-2xl";
+        readonly type: "dimension";
+        readonly description: "Text 2xl";
+        readonly light: "1.5rem";
+        readonly dark: "1.5rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-2xl--line-height";
+        readonly cssVariable: "--text-2xl--line-height";
+        readonly type: "dimension";
+        readonly description: "Text 2xl line height";
+        readonly light: "2rem";
+        readonly dark: "2rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-3xl";
+        readonly cssVariable: "--text-3xl";
+        readonly type: "dimension";
+        readonly description: "Text 3xl";
+        readonly light: "1.875rem";
+        readonly dark: "1.875rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-3xl--line-height";
+        readonly cssVariable: "--text-3xl--line-height";
+        readonly type: "dimension";
+        readonly description: "Text 3xl line height";
+        readonly light: "2.25rem";
+        readonly dark: "2.25rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-4xl";
+        readonly cssVariable: "--text-4xl";
+        readonly type: "dimension";
+        readonly description: "Text 4xl";
+        readonly light: "2.25rem";
+        readonly dark: "2.25rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-4xl--line-height";
+        readonly cssVariable: "--text-4xl--line-height";
+        readonly type: "dimension";
+        readonly description: "Text 4xl line height";
+        readonly light: "2.5rem";
+        readonly dark: "2.5rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-5xl";
+        readonly cssVariable: "--text-5xl";
+        readonly type: "dimension";
+        readonly description: "Text 5xl";
+        readonly light: "3rem";
+        readonly dark: "3rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-5xl--line-height";
+        readonly cssVariable: "--text-5xl--line-height";
+        readonly type: "number";
+        readonly description: "Text 5xl line height";
+        readonly light: "1";
+        readonly dark: "1";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-6xl";
+        readonly cssVariable: "--text-6xl";
+        readonly type: "dimension";
+        readonly description: "Text 6xl";
+        readonly light: "3.75rem";
+        readonly dark: "3.75rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-6xl--line-height";
+        readonly cssVariable: "--text-6xl--line-height";
+        readonly type: "number";
+        readonly description: "Text 6xl line height";
+        readonly light: "1";
+        readonly dark: "1";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-7xl";
+        readonly cssVariable: "--text-7xl";
+        readonly type: "dimension";
+        readonly description: "Text 7xl";
+        readonly light: "4.5rem";
+        readonly dark: "4.5rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-7xl--line-height";
+        readonly cssVariable: "--text-7xl--line-height";
+        readonly type: "number";
+        readonly description: "Text 7xl line height";
+        readonly light: "1";
+        readonly dark: "1";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-8xl";
+        readonly cssVariable: "--text-8xl";
+        readonly type: "dimension";
+        readonly description: "Text 8xl";
+        readonly light: "6rem";
+        readonly dark: "6rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-8xl--line-height";
+        readonly cssVariable: "--text-8xl--line-height";
+        readonly type: "number";
+        readonly description: "Text 8xl line height";
+        readonly light: "1";
+        readonly dark: "1";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-9xl";
+        readonly cssVariable: "--text-9xl";
+        readonly type: "dimension";
+        readonly description: "Text 9xl";
+        readonly light: "8rem";
+        readonly dark: "8rem";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.text-9xl--line-height";
+        readonly cssVariable: "--text-9xl--line-height";
+        readonly type: "number";
+        readonly description: "Text 9xl line height";
+        readonly light: "1";
+        readonly dark: "1";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.font-weight-normal";
+        readonly cssVariable: "--font-weight-normal";
+        readonly type: "number";
+        readonly description: "Weight normal";
+        readonly light: "400";
+        readonly dark: "400";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.font-weight-medium";
+        readonly cssVariable: "--font-weight-medium";
+        readonly type: "number";
+        readonly description: "Weight medium";
+        readonly light: "500";
+        readonly dark: "500";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.font-weight-semibold";
+        readonly cssVariable: "--font-weight-semibold";
+        readonly type: "number";
+        readonly description: "Weight semibold";
+        readonly light: "600";
+        readonly dark: "600";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.font-weight-bold";
+        readonly cssVariable: "--font-weight-bold";
+        readonly type: "number";
+        readonly description: "Weight bold";
+        readonly light: "700";
+        readonly dark: "700";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.font-heading";
+        readonly cssVariable: "--font-heading";
+        readonly type: "fontFamily";
+        readonly description: "Heading font";
+        readonly light: "var(--font-sans, ui-sans-serif, system-ui, sans-serif)";
+        readonly dark: "var(--font-sans, ui-sans-serif, system-ui, sans-serif)";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.font-body";
+        readonly cssVariable: "--font-body";
+        readonly type: "fontFamily";
+        readonly description: "Body font";
+        readonly light: "var(--font-sans, ui-sans-serif, system-ui, sans-serif)";
+        readonly dark: "var(--font-sans, ui-sans-serif, system-ui, sans-serif)";
+        readonly group: "Typography";
+    }, {
+        readonly path: "token.shadow-xs";
+        readonly cssVariable: "--shadow-xs";
+        readonly type: "shadow";
+        readonly description: "Shadow xs";
+        readonly light: "0 1px 2px 0 color-mix(in oklab, var(--foreground-color, hsl(var(--foreground))) 5%, transparent)";
+        readonly dark: "0 1px 2px 0 color-mix(in oklab, var(--foreground-color, hsl(var(--foreground))) 5%, transparent)";
+        readonly group: "Shadows";
+    }, {
+        readonly path: "token.shadow-sm";
+        readonly cssVariable: "--shadow-sm";
+        readonly type: "shadow";
+        readonly description: "Shadow sm";
+        readonly light: "0 1px 3px 0 color-mix(in oklab, var(--foreground-color, hsl(var(--foreground))) 10%, transparent), 0 1px 2px -1px color-mix(in oklab, var(--foreground-color, hsl(var(--foreground))) 10%, transparent)";
+        readonly dark: "0 1px 3px 0 color-mix(in oklab, var(--foreground-color, hsl(var(--foreground))) 10%, transparent), 0 1px 2px -1px color-mix(in oklab, var(--foreground-color, hsl(var(--foreground))) 10%, transparent)";
+        readonly group: "Shadows";
+    }, {
+        readonly path: "token.shadow-md";
+        readonly cssVariable: "--shadow-md";
+        readonly type: "shadow";
+        readonly description: "Shadow md";
+        readonly light: "0 4px 6px -1px color-mix(in oklab, var(--foreground-color, hsl(var(--foreground))) 10%, transparent), 0 2px 4px -2px color-mix(in oklab, var(--foreground-color, hsl(var(--foreground))) 10%, transparent)";
+        readonly dark: "0 4px 6px -1px color-mix(in oklab, var(--foreground-color, hsl(var(--foreground))) 10%, transparent), 0 2px 4px -2px color-mix(in oklab, var(--foreground-color, hsl(var(--foreground))) 10%, transparent)";
+        readonly group: "Shadows";
+    }, {
+        readonly path: "token.shadow-lg";
+        readonly cssVariable: "--shadow-lg";
+        readonly type: "shadow";
+        readonly description: "Shadow lg";
+        readonly light: "0 10px 15px -3px color-mix(in oklab, var(--foreground-color, hsl(var(--foreground))) 10%, transparent), 0 4px 6px -4px color-mix(in oklab, var(--foreground-color, hsl(var(--foreground))) 10%, transparent)";
+        readonly dark: "0 10px 15px -3px color-mix(in oklab, var(--foreground-color, hsl(var(--foreground))) 10%, transparent), 0 4px 6px -4px color-mix(in oklab, var(--foreground-color, hsl(var(--foreground))) 10%, transparent)";
+        readonly group: "Shadows";
+    }, {
+        readonly path: "token.duration-fast";
+        readonly cssVariable: "--duration-fast";
+        readonly type: "duration";
+        readonly description: "Duration fast";
+        readonly light: "120ms";
+        readonly dark: "120ms";
+        readonly group: "Motion";
+    }, {
+        readonly path: "token.duration-base";
+        readonly cssVariable: "--duration-base";
+        readonly type: "duration";
+        readonly description: "Duration base";
+        readonly light: "180ms";
+        readonly dark: "180ms";
+        readonly group: "Motion";
+    }, {
+        readonly path: "token.duration-slow";
+        readonly cssVariable: "--duration-slow";
+        readonly type: "duration";
+        readonly description: "Duration slow";
+        readonly light: "240ms";
+        readonly dark: "240ms";
+        readonly group: "Motion";
+    }, {
+        readonly path: "token.ease-standard";
+        readonly cssVariable: "--ease-standard";
+        readonly type: "cubicBezier";
+        readonly description: "Ease standard";
+        readonly light: "cubic-bezier(0.2, 0, 0, 1)";
+        readonly dark: "cubic-bezier(0.2, 0, 0, 1)";
+        readonly group: "Motion";
+    }, {
+        readonly path: "token.ease-emphasized";
+        readonly cssVariable: "--ease-emphasized";
+        readonly type: "cubicBezier";
+        readonly description: "Ease emphasized";
+        readonly light: "cubic-bezier(0.3, 0, 0, 1)";
+        readonly dark: "cubic-bezier(0.3, 0, 0, 1)";
+        readonly group: "Motion";
+    }, {
+        readonly path: "token.z-base";
+        readonly cssVariable: "--z-base";
+        readonly type: "number";
+        readonly description: "Base layer";
+        readonly light: "0";
+        readonly dark: "0";
+        readonly group: "Layers";
+    }, {
+        readonly path: "token.z-dropdown";
+        readonly cssVariable: "--z-dropdown";
+        readonly type: "number";
+        readonly description: "Dropdown layer";
+        readonly light: "1000";
+        readonly dark: "1000";
+        readonly group: "Layers";
+    }, {
+        readonly path: "token.z-sticky";
+        readonly cssVariable: "--z-sticky";
+        readonly type: "number";
+        readonly description: "Sticky layer";
+        readonly light: "1100";
+        readonly dark: "1100";
+        readonly group: "Layers";
+    }, {
+        readonly path: "token.z-overlay";
+        readonly cssVariable: "--z-overlay";
+        readonly type: "number";
+        readonly description: "Overlay layer";
+        readonly light: "1200";
+        readonly dark: "1200";
+        readonly group: "Layers";
+    }, {
+        readonly path: "token.z-modal";
+        readonly cssVariable: "--z-modal";
+        readonly type: "number";
+        readonly description: "Modal layer";
+        readonly light: "1300";
+        readonly dark: "1300";
+        readonly group: "Layers";
+    }, {
+        readonly path: "token.z-popover";
+        readonly cssVariable: "--z-popover";
+        readonly type: "number";
+        readonly description: "Popover layer";
+        readonly light: "1400";
+        readonly dark: "1400";
+        readonly group: "Layers";
+    }, {
+        readonly path: "token.z-toast";
+        readonly cssVariable: "--z-toast";
+        readonly type: "number";
+        readonly description: "Toast layer";
+        readonly light: "1500";
+        readonly dark: "1500";
+        readonly group: "Layers";
+    }, {
+        readonly path: "token.z-tooltip";
+        readonly cssVariable: "--z-tooltip";
+        readonly type: "number";
+        readonly description: "Tooltip layer";
+        readonly light: "1600";
+        readonly dark: "1600";
+        readonly group: "Layers";
+    }];
+    readonly brands: {
+        readonly default: {
+            readonly label: "Default";
+            readonly version: "1.1.1";
+            readonly swatch: "222.2 47.4% 11.2%";
+            readonly tokens: {
+                readonly "--primary": {
+                    readonly light: "222.2 47.4% 11.2%";
+                    readonly dark: "210 40% 98%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "210 40% 98%";
+                    readonly dark: "222.2 47.4% 11.2%";
+                };
+                readonly "--ring": {
+                    readonly light: "222.2 84% 4.9%";
+                    readonly dark: "212.7 26.8% 83.9%";
+                };
+                readonly "--radius": {
+                    readonly light: "0.5rem";
+                    readonly dark: "0.5rem";
+                };
+            };
+        };
+        readonly zinc: {
+            readonly label: "Zinc";
+            readonly version: "1.1.1";
+            readonly swatch: "240 5.9% 10%";
+            readonly tokens: {
+                readonly "--primary": {
+                    readonly light: "240 5.9% 10%";
+                    readonly dark: "0 0% 98%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "0 0% 98%";
+                    readonly dark: "240 5.9% 10%";
+                };
+                readonly "--ring": {
+                    readonly light: "240 5.9% 10%";
+                    readonly dark: "240 4.9% 83.9%";
+                };
+                readonly "--radius": {
+                    readonly light: "0.5rem";
+                    readonly dark: "0.5rem";
+                };
+            };
+        };
+        readonly slate: {
+            readonly label: "Slate";
+            readonly version: "1.1.1";
+            readonly swatch: "215.3 25% 26.7%";
+            readonly tokens: {
+                readonly "--primary": {
+                    readonly light: "215.3 25% 26.7%";
+                    readonly dark: "210 40% 98%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "210 40% 98%";
+                    readonly dark: "215.3 25% 26.7%";
+                };
+                readonly "--ring": {
+                    readonly light: "215.3 25% 26.7%";
+                    readonly dark: "212.7 26.8% 83.9%";
+                };
+                readonly "--radius": {
+                    readonly light: "0.5rem";
+                    readonly dark: "0.5rem";
+                };
+            };
+        };
+        readonly rose: {
+            readonly label: "Rose";
+            readonly version: "1.1.1";
+            readonly swatch: "346.8 77.2% 48%";
+            readonly tokens: {
+                readonly "--primary": {
+                    readonly light: "346.8 77.2% 48%";
+                    readonly dark: "346.8 77.2% 48%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "355.7 100% 97.3%";
+                    readonly dark: "355.7 100% 97.3%";
+                };
+                readonly "--ring": {
+                    readonly light: "346.8 77.2% 48%";
+                    readonly dark: "346.8 77.2% 48%";
+                };
+                readonly "--radius": {
+                    readonly light: "0.5rem";
+                    readonly dark: "0.5rem";
+                };
+            };
+        };
+        readonly emerald: {
+            readonly label: "Emerald";
+            readonly version: "1.1.1";
+            readonly swatch: "142.1 76.2% 28%";
+            readonly tokens: {
+                readonly "--primary": {
+                    readonly light: "142.1 76.2% 28%";
+                    readonly dark: "142.1 70.6% 45.3%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "355.7 100% 97.3%";
+                    readonly dark: "144.9 80.4% 10%";
+                };
+                readonly "--ring": {
+                    readonly light: "142.1 76.2% 28%";
+                    readonly dark: "142.1 70.6% 45.3%";
+                };
+                readonly "--radius": {
+                    readonly light: "0.5rem";
+                    readonly dark: "0.5rem";
+                };
+            };
+        };
+        readonly violet: {
+            readonly label: "Violet";
+            readonly version: "1.1.1";
+            readonly swatch: "262.1 83.3% 57.8%";
+            readonly tokens: {
+                readonly "--primary": {
+                    readonly light: "262.1 83.3% 57.8%";
+                    readonly dark: "263.4 70% 50.4%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "210 20% 98%";
+                    readonly dark: "210 20% 98%";
+                };
+                readonly "--ring": {
+                    readonly light: "262.1 83.3% 57.8%";
+                    readonly dark: "263.4 70% 55%";
+                };
+                readonly "--radius": {
+                    readonly light: "0.5rem";
+                    readonly dark: "0.5rem";
+                };
+            };
+        };
+        readonly midnight: {
+            readonly label: "Midnight";
+            readonly version: "1.1.1";
+            readonly swatch: "224 76.3% 48%";
+            readonly tokens: {
+                readonly "--primary": {
+                    readonly light: "224 76.3% 48%";
+                    readonly dark: "217.2 91.2% 59.8%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "210 40% 98%";
+                    readonly dark: "222.2 47.4% 11.2%";
+                };
+                readonly "--ring": {
+                    readonly light: "224 76.3% 48%";
+                    readonly dark: "217.2 91.2% 59.8%";
+                };
+                readonly "--radius": {
+                    readonly light: "0.75rem";
+                    readonly dark: "0.75rem";
+                };
+            };
+        };
+        readonly sunset: {
+            readonly label: "Sunset";
+            readonly version: "1.1.1";
+            readonly swatch: "24.6 95% 38%";
+            readonly tokens: {
+                readonly "--primary": {
+                    readonly light: "24.6 95% 38%";
+                    readonly dark: "20.5 90.2% 48.2%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "60 9.1% 97.8%";
+                    readonly dark: "20 14.3% 4.1%";
+                };
+                readonly "--ring": {
+                    readonly light: "24.6 95% 38%";
+                    readonly dark: "20.5 90.2% 48.2%";
+                };
+                readonly "--radius": {
+                    readonly light: "0.75rem";
+                    readonly dark: "0.75rem";
+                };
+            };
+        };
+        readonly spotify: {
+            readonly label: "Spotify";
+            readonly version: "1.1.1";
+            readonly swatch: "141.6 73.4% 30%";
+            readonly tokens: {
+                readonly "--primary": {
+                    readonly light: "141.6 73.4% 30%";
+                    readonly dark: "141.9 69.2% 58%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "0 0% 100%";
+                    readonly dark: "141 80% 8%";
+                };
+                readonly "--ring": {
+                    readonly light: "141.6 73.4% 30%";
+                    readonly dark: "141.9 69.2% 58%";
+                };
+                readonly "--radius": {
+                    readonly light: "0.75rem";
+                    readonly dark: "0.75rem";
+                };
+            };
+        };
+        readonly neo: {
+            readonly label: "Neo";
+            readonly version: "1.1.1";
+            readonly swatch: "0 0% 4%";
+            readonly tokens: {
+                readonly "--primary": {
+                    readonly light: "0 0% 4%";
+                    readonly dark: "0 0% 98%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "0 0% 98%";
+                    readonly dark: "0 0% 4%";
+                };
+                readonly "--ring": {
+                    readonly light: "0 0% 4%";
+                    readonly dark: "0 0% 98%";
+                };
+                readonly "--radius": {
+                    readonly light: "0rem";
+                    readonly dark: "0rem";
+                };
+            };
+        };
+        readonly claude: {
+            readonly label: "Claude";
+            readonly version: "1.1.1";
+            readonly swatch: "15.2 63.1% 59.2%";
+            readonly tokens: {
+                readonly "--primary": {
+                    readonly light: "15.2 63.1% 59.2%";
+                    readonly dark: "15.2 55.4% 52.5%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "20 50% 10%";
+                    readonly dark: "20 50% 10%";
+                };
+                readonly "--ring": {
+                    readonly light: "15.2 63.1% 59.2%";
+                    readonly dark: "15.2 55.4% 52.5%";
+                };
+                readonly "--radius": {
+                    readonly light: "0.5rem";
+                    readonly dark: "0.5rem";
+                };
+            };
+        };
+        readonly monogram: {
+            readonly label: "Monogram";
+            readonly version: "1.2.1";
+            readonly swatch: "0 0% 12.5%";
+            readonly tokens: {
+                readonly "--background": {
+                    readonly light: "0 0% 100%";
+                    readonly dark: "0 0% 7%";
+                };
+                readonly "--foreground": {
+                    readonly light: "0 0% 12.5%";
+                    readonly dark: "0 0% 98%";
+                };
+                readonly "--primary": {
+                    readonly light: "0 0% 12.5%";
+                    readonly dark: "0 0% 98%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "0 0% 100%";
+                    readonly dark: "0 0% 12.5%";
+                };
+                readonly "--secondary": {
+                    readonly light: "0 0% 95.7%";
+                    readonly dark: "0 0% 14.9%";
+                };
+                readonly "--secondary-foreground": {
+                    readonly light: "0 0% 12.5%";
+                    readonly dark: "0 0% 98%";
+                };
+                readonly "--muted": {
+                    readonly light: "0 0% 95.7%";
+                    readonly dark: "0 0% 14.9%";
+                };
+                readonly "--muted-foreground": {
+                    readonly light: "0 0% 43%";
+                    readonly dark: "0 0% 63.9%";
+                };
+                readonly "--accent": {
+                    readonly light: "0 0% 95.7%";
+                    readonly dark: "0 0% 14.9%";
+                };
+                readonly "--accent-foreground": {
+                    readonly light: "0 0% 12.5%";
+                    readonly dark: "0 0% 98%";
+                };
+                readonly "--border": {
+                    readonly light: "0 0% 57%";
+                    readonly dark: "0 0% 45%";
+                };
+                readonly "--input": {
+                    readonly light: "0 0% 57%";
+                    readonly dark: "0 0% 45%";
+                };
+                readonly "--ring": {
+                    readonly light: "0 0% 12.5%";
+                    readonly dark: "0 0% 83.9%";
+                };
+                readonly "--radius": {
+                    readonly light: "0rem";
+                    readonly dark: "0rem";
+                };
+                readonly "--font-heading": {
+                    readonly light: "'Fraunces', Georgia, serif";
+                    readonly dark: "'Fraunces', Georgia, serif";
+                };
+                readonly "--font-body": {
+                    readonly light: "'DM Sans', ui-sans-serif, system-ui, sans-serif";
+                    readonly dark: "'DM Sans', ui-sans-serif, system-ui, sans-serif";
+                };
+            };
+        };
+        readonly prestige: {
+            readonly label: "Prestige";
+            readonly version: "1.2.1";
+            readonly swatch: "0 0% 11%";
+            readonly tokens: {
+                readonly "--background": {
+                    readonly light: "0 0% 93.7%";
+                    readonly dark: "0 0% 9%";
+                };
+                readonly "--foreground": {
+                    readonly light: "0 0% 11%";
+                    readonly dark: "0 0% 95%";
+                };
+                readonly "--card": {
+                    readonly light: "0 0% 100%";
+                    readonly dark: "0 0% 12%";
+                };
+                readonly "--primary": {
+                    readonly light: "0 0% 11%";
+                    readonly dark: "0 0% 95%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "0 0% 100%";
+                    readonly dark: "0 0% 11%";
+                };
+                readonly "--secondary": {
+                    readonly light: "0 0% 88%";
+                    readonly dark: "0 0% 16%";
+                };
+                readonly "--muted": {
+                    readonly light: "0 0% 88%";
+                    readonly dark: "0 0% 16%";
+                };
+                readonly "--muted-foreground": {
+                    readonly light: "0 0% 38%";
+                    readonly dark: "0 0% 64%";
+                };
+                readonly "--border": {
+                    readonly light: "0 0% 52%";
+                    readonly dark: "0 0% 45%";
+                };
+                readonly "--input": {
+                    readonly light: "0 0% 52%";
+                    readonly dark: "0 0% 45%";
+                };
+                readonly "--ring": {
+                    readonly light: "0 0% 11%";
+                    readonly dark: "0 0% 84%";
+                };
+                readonly "--radius": {
+                    readonly light: "0rem";
+                    readonly dark: "0rem";
+                };
+                readonly "--font-heading": {
+                    readonly light: "'Instrument Sans', sans-serif";
+                    readonly dark: "'Instrument Sans', sans-serif";
+                };
+                readonly "--font-body": {
+                    readonly light: "'Nunito', ui-sans-serif, system-ui, sans-serif";
+                    readonly dark: "'Nunito', ui-sans-serif, system-ui, sans-serif";
+                };
+            };
+        };
+        readonly showcase: {
+            readonly label: "Showcase";
+            readonly version: "1.2.1";
+            readonly swatch: "240 9% 30%";
+            readonly tokens: {
+                readonly "--background": {
+                    readonly light: "0 0% 100%";
+                    readonly dark: "240 9% 8%";
+                };
+                readonly "--foreground": {
+                    readonly light: "240 9% 30%";
+                    readonly dark: "240 9% 92%";
+                };
+                readonly "--primary": {
+                    readonly light: "240 9% 30%";
+                    readonly dark: "240 9% 92%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "0 0% 100%";
+                    readonly dark: "240 9% 12%";
+                };
+                readonly "--secondary": {
+                    readonly light: "240 9% 96%";
+                    readonly dark: "240 8% 16%";
+                };
+                readonly "--muted": {
+                    readonly light: "240 9% 96%";
+                    readonly dark: "240 8% 16%";
+                };
+                readonly "--muted-foreground": {
+                    readonly light: "240 6% 46%";
+                    readonly dark: "240 6% 64%";
+                };
+                readonly "--border": {
+                    readonly light: "240 8% 57%";
+                    readonly dark: "240 6% 45%";
+                };
+                readonly "--input": {
+                    readonly light: "240 8% 57%";
+                    readonly dark: "240 6% 45%";
+                };
+                readonly "--ring": {
+                    readonly light: "240 9% 30%";
+                    readonly dark: "240 9% 84%";
+                };
+                readonly "--radius": {
+                    readonly light: "0rem";
+                    readonly dark: "0rem";
+                };
+                readonly "--font-heading": {
+                    readonly light: "'Jost', sans-serif";
+                    readonly dark: "'Jost', sans-serif";
+                };
+                readonly "--font-body": {
+                    readonly light: "'Nunito Sans', ui-sans-serif, system-ui, sans-serif";
+                    readonly dark: "'Nunito Sans', ui-sans-serif, system-ui, sans-serif";
+                };
+            };
+        };
+        readonly madrid: {
+            readonly label: "Madrid";
+            readonly version: "1.2.1";
+            readonly swatch: "0 0% 0%";
+            readonly tokens: {
+                readonly "--background": {
+                    readonly light: "0 0% 100%";
+                    readonly dark: "0 0% 7%";
+                };
+                readonly "--foreground": {
+                    readonly light: "0 0% 0%";
+                    readonly dark: "0 0% 98%";
+                };
+                readonly "--primary": {
+                    readonly light: "0 0% 0%";
+                    readonly dark: "0 0% 98%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "0 0% 100%";
+                    readonly dark: "0 0% 0%";
+                };
+                readonly "--secondary": {
+                    readonly light: "0 0% 96%";
+                    readonly dark: "0 0% 15%";
+                };
+                readonly "--muted": {
+                    readonly light: "0 0% 96%";
+                    readonly dark: "0 0% 15%";
+                };
+                readonly "--muted-foreground": {
+                    readonly light: "0 0% 40%";
+                    readonly dark: "0 0% 64%";
+                };
+                readonly "--border": {
+                    readonly light: "0 0% 57%";
+                    readonly dark: "0 0% 45%";
+                };
+                readonly "--input": {
+                    readonly light: "0 0% 57%";
+                    readonly dark: "0 0% 45%";
+                };
+                readonly "--ring": {
+                    readonly light: "0 0% 0%";
+                    readonly dark: "0 0% 84%";
+                };
+                readonly "--radius": {
+                    readonly light: "0rem";
+                    readonly dark: "0rem";
+                };
+                readonly "--font-heading": {
+                    readonly light: "'Figtree', sans-serif";
+                    readonly dark: "'Figtree', sans-serif";
+                };
+                readonly "--font-body": {
+                    readonly light: "'Figtree', ui-sans-serif, system-ui, sans-serif";
+                    readonly dark: "'Figtree', ui-sans-serif, system-ui, sans-serif";
+                };
+            };
+        };
+        readonly xclusive: {
+            readonly label: "Xclusive";
+            readonly version: "1.2.1";
+            readonly swatch: "0 0% 12%";
+            readonly tokens: {
+                readonly "--background": {
+                    readonly light: "0 0% 100%";
+                    readonly dark: "0 0% 8%";
+                };
+                readonly "--foreground": {
+                    readonly light: "0 0% 12%";
+                    readonly dark: "0 0% 95%";
+                };
+                readonly "--primary": {
+                    readonly light: "0 0% 12%";
+                    readonly dark: "0 0% 95%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "0 0% 100%";
+                    readonly dark: "0 0% 12%";
+                };
+                readonly "--secondary": {
+                    readonly light: "0 0% 96%";
+                    readonly dark: "0 0% 16%";
+                };
+                readonly "--muted": {
+                    readonly light: "0 0% 96%";
+                    readonly dark: "0 0% 16%";
+                };
+                readonly "--muted-foreground": {
+                    readonly light: "0 0% 44%";
+                    readonly dark: "0 0% 64%";
+                };
+                readonly "--border": {
+                    readonly light: "0 0% 57%";
+                    readonly dark: "0 0% 45%";
+                };
+                readonly "--input": {
+                    readonly light: "0 0% 57%";
+                    readonly dark: "0 0% 45%";
+                };
+                readonly "--ring": {
+                    readonly light: "0 0% 12%";
+                    readonly dark: "0 0% 84%";
+                };
+                readonly "--radius": {
+                    readonly light: "0rem";
+                    readonly dark: "0rem";
+                };
+                readonly "--font-heading": {
+                    readonly light: "'Libre Baskerville', Georgia, serif";
+                    readonly dark: "'Libre Baskerville', Georgia, serif";
+                };
+                readonly "--font-body": {
+                    readonly light: "'Lato', ui-sans-serif, system-ui, sans-serif";
+                    readonly dark: "'Lato', ui-sans-serif, system-ui, sans-serif";
+                };
+            };
+        };
+        readonly alchemy: {
+            readonly label: "Alchemy";
+            readonly version: "1.2.1";
+            readonly swatch: "240 7% 11%";
+            readonly tokens: {
+                readonly "--background": {
+                    readonly light: "0 0% 93.7%";
+                    readonly dark: "240 8% 8%";
+                };
+                readonly "--foreground": {
+                    readonly light: "240 7% 11%";
+                    readonly dark: "0 0% 95%";
+                };
+                readonly "--card": {
+                    readonly light: "0 0% 100%";
+                    readonly dark: "240 8% 12%";
+                };
+                readonly "--primary": {
+                    readonly light: "240 7% 11%";
+                    readonly dark: "0 0% 95%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "0 0% 100%";
+                    readonly dark: "240 7% 11%";
+                };
+                readonly "--secondary": {
+                    readonly light: "240 6% 88%";
+                    readonly dark: "240 7% 16%";
+                };
+                readonly "--muted": {
+                    readonly light: "240 6% 88%";
+                    readonly dark: "240 7% 16%";
+                };
+                readonly "--muted-foreground": {
+                    readonly light: "240 5% 40%";
+                    readonly dark: "240 5% 64%";
+                };
+                readonly "--border": {
+                    readonly light: "240 6% 52%";
+                    readonly dark: "240 6% 45%";
+                };
+                readonly "--input": {
+                    readonly light: "240 6% 52%";
+                    readonly dark: "240 6% 45%";
+                };
+                readonly "--ring": {
+                    readonly light: "240 7% 11%";
+                    readonly dark: "0 0% 84%";
+                };
+                readonly "--radius": {
+                    readonly light: "0rem";
+                    readonly dark: "0rem";
+                };
+                readonly "--font-heading": {
+                    readonly light: "'Figtree', sans-serif";
+                    readonly dark: "'Figtree', sans-serif";
+                };
+                readonly "--font-body": {
+                    readonly light: "'Figtree', ui-sans-serif, system-ui, sans-serif";
+                    readonly dark: "'Figtree', ui-sans-serif, system-ui, sans-serif";
+                };
+            };
+        };
+        readonly reformation: {
+            readonly label: "Reformation";
+            readonly version: "1.2.1";
+            readonly swatch: "228 31% 23%";
+            readonly tokens: {
+                readonly "--background": {
+                    readonly light: "0 0% 100%";
+                    readonly dark: "228 30% 8%";
+                };
+                readonly "--foreground": {
+                    readonly light: "228 31% 23%";
+                    readonly dark: "228 20% 92%";
+                };
+                readonly "--primary": {
+                    readonly light: "228 31% 23%";
+                    readonly dark: "228 30% 72%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "0 0% 100%";
+                    readonly dark: "228 30% 12%";
+                };
+                readonly "--secondary": {
+                    readonly light: "228 30% 96%";
+                    readonly dark: "228 25% 16%";
+                };
+                readonly "--muted": {
+                    readonly light: "228 30% 96%";
+                    readonly dark: "228 25% 16%";
+                };
+                readonly "--muted-foreground": {
+                    readonly light: "228 12% 45%";
+                    readonly dark: "228 14% 64%";
+                };
+                readonly "--border": {
+                    readonly light: "228 20% 57%";
+                    readonly dark: "228 18% 45%";
+                };
+                readonly "--input": {
+                    readonly light: "228 20% 57%";
+                    readonly dark: "228 18% 45%";
+                };
+                readonly "--ring": {
+                    readonly light: "228 31% 23%";
+                    readonly dark: "228 30% 72%";
+                };
+                readonly "--radius": {
+                    readonly light: "0rem";
+                    readonly dark: "0rem";
+                };
+                readonly "--font-heading": {
+                    readonly light: "'Montserrat', sans-serif";
+                    readonly dark: "'Montserrat', sans-serif";
+                };
+                readonly "--font-body": {
+                    readonly light: "'Figtree', ui-sans-serif, system-ui, sans-serif";
+                    readonly dark: "'Figtree', ui-sans-serif, system-ui, sans-serif";
+                };
+            };
+        };
+        readonly sampo: {
+            readonly label: "Sampo";
+            readonly version: "1.2.1";
+            readonly swatch: "30 8% 19%";
+            readonly tokens: {
+                readonly "--background": {
+                    readonly light: "0 0% 100%";
+                    readonly dark: "30 8% 8%";
+                };
+                readonly "--foreground": {
+                    readonly light: "0 0% 0%";
+                    readonly dark: "0 0% 96%";
+                };
+                readonly "--primary": {
+                    readonly light: "30 8% 19%";
+                    readonly dark: "30 8% 82%";
+                };
+                readonly "--primary-foreground": {
+                    readonly light: "0 0% 100%";
+                    readonly dark: "30 8% 12%";
+                };
+                readonly "--secondary": {
+                    readonly light: "30 8% 96%";
+                    readonly dark: "30 8% 16%";
+                };
+                readonly "--muted": {
+                    readonly light: "30 8% 96%";
+                    readonly dark: "30 8% 16%";
+                };
+                readonly "--muted-foreground": {
+                    readonly light: "30 5% 42%";
+                    readonly dark: "30 5% 64%";
+                };
+                readonly "--border": {
+                    readonly light: "30 8% 57%";
+                    readonly dark: "30 8% 45%";
+                };
+                readonly "--input": {
+                    readonly light: "30 8% 57%";
+                    readonly dark: "30 8% 45%";
+                };
+                readonly "--ring": {
+                    readonly light: "30 8% 19%";
+                    readonly dark: "30 8% 82%";
+                };
+                readonly "--radius": {
+                    readonly light: "0rem";
+                    readonly dark: "0rem";
+                };
+                readonly "--font-heading": {
+                    readonly light: "'Inter', sans-serif";
+                    readonly dark: "'Inter', sans-serif";
+                };
+                readonly "--font-body": {
+                    readonly light: "'Inter', ui-sans-serif, system-ui, sans-serif";
+                    readonly dark: "'Inter', ui-sans-serif, system-ui, sans-serif";
+                };
+            };
+        };
+    };
+    readonly modes: readonly ["density-comfortable", "density-compact", "high-contrast", "reduced-motion"];
+};
+export declare const themePresets: {
+    readonly default: {
+        readonly label: "Default";
+        readonly version: "1.1.1";
+        readonly swatch: "222.2 47.4% 11.2%";
+        readonly tokens: {
+            readonly "--primary": {
+                readonly light: "222.2 47.4% 11.2%";
+                readonly dark: "210 40% 98%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "210 40% 98%";
+                readonly dark: "222.2 47.4% 11.2%";
+            };
+            readonly "--ring": {
+                readonly light: "222.2 84% 4.9%";
+                readonly dark: "212.7 26.8% 83.9%";
+            };
+            readonly "--radius": {
+                readonly light: "0.5rem";
+                readonly dark: "0.5rem";
+            };
+        };
+    };
+    readonly zinc: {
+        readonly label: "Zinc";
+        readonly version: "1.1.1";
+        readonly swatch: "240 5.9% 10%";
+        readonly tokens: {
+            readonly "--primary": {
+                readonly light: "240 5.9% 10%";
+                readonly dark: "0 0% 98%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "0 0% 98%";
+                readonly dark: "240 5.9% 10%";
+            };
+            readonly "--ring": {
+                readonly light: "240 5.9% 10%";
+                readonly dark: "240 4.9% 83.9%";
+            };
+            readonly "--radius": {
+                readonly light: "0.5rem";
+                readonly dark: "0.5rem";
+            };
+        };
+    };
+    readonly slate: {
+        readonly label: "Slate";
+        readonly version: "1.1.1";
+        readonly swatch: "215.3 25% 26.7%";
+        readonly tokens: {
+            readonly "--primary": {
+                readonly light: "215.3 25% 26.7%";
+                readonly dark: "210 40% 98%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "210 40% 98%";
+                readonly dark: "215.3 25% 26.7%";
+            };
+            readonly "--ring": {
+                readonly light: "215.3 25% 26.7%";
+                readonly dark: "212.7 26.8% 83.9%";
+            };
+            readonly "--radius": {
+                readonly light: "0.5rem";
+                readonly dark: "0.5rem";
+            };
+        };
+    };
+    readonly rose: {
+        readonly label: "Rose";
+        readonly version: "1.1.1";
+        readonly swatch: "346.8 77.2% 48%";
+        readonly tokens: {
+            readonly "--primary": {
+                readonly light: "346.8 77.2% 48%";
+                readonly dark: "346.8 77.2% 48%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "355.7 100% 97.3%";
+                readonly dark: "355.7 100% 97.3%";
+            };
+            readonly "--ring": {
+                readonly light: "346.8 77.2% 48%";
+                readonly dark: "346.8 77.2% 48%";
+            };
+            readonly "--radius": {
+                readonly light: "0.5rem";
+                readonly dark: "0.5rem";
+            };
+        };
+    };
+    readonly emerald: {
+        readonly label: "Emerald";
+        readonly version: "1.1.1";
+        readonly swatch: "142.1 76.2% 28%";
+        readonly tokens: {
+            readonly "--primary": {
+                readonly light: "142.1 76.2% 28%";
+                readonly dark: "142.1 70.6% 45.3%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "355.7 100% 97.3%";
+                readonly dark: "144.9 80.4% 10%";
+            };
+            readonly "--ring": {
+                readonly light: "142.1 76.2% 28%";
+                readonly dark: "142.1 70.6% 45.3%";
+            };
+            readonly "--radius": {
+                readonly light: "0.5rem";
+                readonly dark: "0.5rem";
+            };
+        };
+    };
+    readonly violet: {
+        readonly label: "Violet";
+        readonly version: "1.1.1";
+        readonly swatch: "262.1 83.3% 57.8%";
+        readonly tokens: {
+            readonly "--primary": {
+                readonly light: "262.1 83.3% 57.8%";
+                readonly dark: "263.4 70% 50.4%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "210 20% 98%";
+                readonly dark: "210 20% 98%";
+            };
+            readonly "--ring": {
+                readonly light: "262.1 83.3% 57.8%";
+                readonly dark: "263.4 70% 55%";
+            };
+            readonly "--radius": {
+                readonly light: "0.5rem";
+                readonly dark: "0.5rem";
+            };
+        };
+    };
+    readonly midnight: {
+        readonly label: "Midnight";
+        readonly version: "1.1.1";
+        readonly swatch: "224 76.3% 48%";
+        readonly tokens: {
+            readonly "--primary": {
+                readonly light: "224 76.3% 48%";
+                readonly dark: "217.2 91.2% 59.8%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "210 40% 98%";
+                readonly dark: "222.2 47.4% 11.2%";
+            };
+            readonly "--ring": {
+                readonly light: "224 76.3% 48%";
+                readonly dark: "217.2 91.2% 59.8%";
+            };
+            readonly "--radius": {
+                readonly light: "0.75rem";
+                readonly dark: "0.75rem";
+            };
+        };
+    };
+    readonly sunset: {
+        readonly label: "Sunset";
+        readonly version: "1.1.1";
+        readonly swatch: "24.6 95% 38%";
+        readonly tokens: {
+            readonly "--primary": {
+                readonly light: "24.6 95% 38%";
+                readonly dark: "20.5 90.2% 48.2%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "60 9.1% 97.8%";
+                readonly dark: "20 14.3% 4.1%";
+            };
+            readonly "--ring": {
+                readonly light: "24.6 95% 38%";
+                readonly dark: "20.5 90.2% 48.2%";
+            };
+            readonly "--radius": {
+                readonly light: "0.75rem";
+                readonly dark: "0.75rem";
+            };
+        };
+    };
+    readonly spotify: {
+        readonly label: "Spotify";
+        readonly version: "1.1.1";
+        readonly swatch: "141.6 73.4% 30%";
+        readonly tokens: {
+            readonly "--primary": {
+                readonly light: "141.6 73.4% 30%";
+                readonly dark: "141.9 69.2% 58%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "0 0% 100%";
+                readonly dark: "141 80% 8%";
+            };
+            readonly "--ring": {
+                readonly light: "141.6 73.4% 30%";
+                readonly dark: "141.9 69.2% 58%";
+            };
+            readonly "--radius": {
+                readonly light: "0.75rem";
+                readonly dark: "0.75rem";
+            };
+        };
+    };
+    readonly neo: {
+        readonly label: "Neo";
+        readonly version: "1.1.1";
+        readonly swatch: "0 0% 4%";
+        readonly tokens: {
+            readonly "--primary": {
+                readonly light: "0 0% 4%";
+                readonly dark: "0 0% 98%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "0 0% 98%";
+                readonly dark: "0 0% 4%";
+            };
+            readonly "--ring": {
+                readonly light: "0 0% 4%";
+                readonly dark: "0 0% 98%";
+            };
+            readonly "--radius": {
+                readonly light: "0rem";
+                readonly dark: "0rem";
+            };
+        };
+    };
+    readonly claude: {
+        readonly label: "Claude";
+        readonly version: "1.1.1";
+        readonly swatch: "15.2 63.1% 59.2%";
+        readonly tokens: {
+            readonly "--primary": {
+                readonly light: "15.2 63.1% 59.2%";
+                readonly dark: "15.2 55.4% 52.5%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "20 50% 10%";
+                readonly dark: "20 50% 10%";
+            };
+            readonly "--ring": {
+                readonly light: "15.2 63.1% 59.2%";
+                readonly dark: "15.2 55.4% 52.5%";
+            };
+            readonly "--radius": {
+                readonly light: "0.5rem";
+                readonly dark: "0.5rem";
+            };
+        };
+    };
+    readonly monogram: {
+        readonly label: "Monogram";
+        readonly version: "1.2.1";
+        readonly swatch: "0 0% 12.5%";
+        readonly tokens: {
+            readonly "--background": {
+                readonly light: "0 0% 100%";
+                readonly dark: "0 0% 7%";
+            };
+            readonly "--foreground": {
+                readonly light: "0 0% 12.5%";
+                readonly dark: "0 0% 98%";
+            };
+            readonly "--primary": {
+                readonly light: "0 0% 12.5%";
+                readonly dark: "0 0% 98%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "0 0% 100%";
+                readonly dark: "0 0% 12.5%";
+            };
+            readonly "--secondary": {
+                readonly light: "0 0% 95.7%";
+                readonly dark: "0 0% 14.9%";
+            };
+            readonly "--secondary-foreground": {
+                readonly light: "0 0% 12.5%";
+                readonly dark: "0 0% 98%";
+            };
+            readonly "--muted": {
+                readonly light: "0 0% 95.7%";
+                readonly dark: "0 0% 14.9%";
+            };
+            readonly "--muted-foreground": {
+                readonly light: "0 0% 43%";
+                readonly dark: "0 0% 63.9%";
+            };
+            readonly "--accent": {
+                readonly light: "0 0% 95.7%";
+                readonly dark: "0 0% 14.9%";
+            };
+            readonly "--accent-foreground": {
+                readonly light: "0 0% 12.5%";
+                readonly dark: "0 0% 98%";
+            };
+            readonly "--border": {
+                readonly light: "0 0% 57%";
+                readonly dark: "0 0% 45%";
+            };
+            readonly "--input": {
+                readonly light: "0 0% 57%";
+                readonly dark: "0 0% 45%";
+            };
+            readonly "--ring": {
+                readonly light: "0 0% 12.5%";
+                readonly dark: "0 0% 83.9%";
+            };
+            readonly "--radius": {
+                readonly light: "0rem";
+                readonly dark: "0rem";
+            };
+            readonly "--font-heading": {
+                readonly light: "'Fraunces', Georgia, serif";
+                readonly dark: "'Fraunces', Georgia, serif";
+            };
+            readonly "--font-body": {
+                readonly light: "'DM Sans', ui-sans-serif, system-ui, sans-serif";
+                readonly dark: "'DM Sans', ui-sans-serif, system-ui, sans-serif";
+            };
+        };
+    };
+    readonly prestige: {
+        readonly label: "Prestige";
+        readonly version: "1.2.1";
+        readonly swatch: "0 0% 11%";
+        readonly tokens: {
+            readonly "--background": {
+                readonly light: "0 0% 93.7%";
+                readonly dark: "0 0% 9%";
+            };
+            readonly "--foreground": {
+                readonly light: "0 0% 11%";
+                readonly dark: "0 0% 95%";
+            };
+            readonly "--card": {
+                readonly light: "0 0% 100%";
+                readonly dark: "0 0% 12%";
+            };
+            readonly "--primary": {
+                readonly light: "0 0% 11%";
+                readonly dark: "0 0% 95%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "0 0% 100%";
+                readonly dark: "0 0% 11%";
+            };
+            readonly "--secondary": {
+                readonly light: "0 0% 88%";
+                readonly dark: "0 0% 16%";
+            };
+            readonly "--muted": {
+                readonly light: "0 0% 88%";
+                readonly dark: "0 0% 16%";
+            };
+            readonly "--muted-foreground": {
+                readonly light: "0 0% 38%";
+                readonly dark: "0 0% 64%";
+            };
+            readonly "--border": {
+                readonly light: "0 0% 52%";
+                readonly dark: "0 0% 45%";
+            };
+            readonly "--input": {
+                readonly light: "0 0% 52%";
+                readonly dark: "0 0% 45%";
+            };
+            readonly "--ring": {
+                readonly light: "0 0% 11%";
+                readonly dark: "0 0% 84%";
+            };
+            readonly "--radius": {
+                readonly light: "0rem";
+                readonly dark: "0rem";
+            };
+            readonly "--font-heading": {
+                readonly light: "'Instrument Sans', sans-serif";
+                readonly dark: "'Instrument Sans', sans-serif";
+            };
+            readonly "--font-body": {
+                readonly light: "'Nunito', ui-sans-serif, system-ui, sans-serif";
+                readonly dark: "'Nunito', ui-sans-serif, system-ui, sans-serif";
+            };
+        };
+    };
+    readonly showcase: {
+        readonly label: "Showcase";
+        readonly version: "1.2.1";
+        readonly swatch: "240 9% 30%";
+        readonly tokens: {
+            readonly "--background": {
+                readonly light: "0 0% 100%";
+                readonly dark: "240 9% 8%";
+            };
+            readonly "--foreground": {
+                readonly light: "240 9% 30%";
+                readonly dark: "240 9% 92%";
+            };
+            readonly "--primary": {
+                readonly light: "240 9% 30%";
+                readonly dark: "240 9% 92%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "0 0% 100%";
+                readonly dark: "240 9% 12%";
+            };
+            readonly "--secondary": {
+                readonly light: "240 9% 96%";
+                readonly dark: "240 8% 16%";
+            };
+            readonly "--muted": {
+                readonly light: "240 9% 96%";
+                readonly dark: "240 8% 16%";
+            };
+            readonly "--muted-foreground": {
+                readonly light: "240 6% 46%";
+                readonly dark: "240 6% 64%";
+            };
+            readonly "--border": {
+                readonly light: "240 8% 57%";
+                readonly dark: "240 6% 45%";
+            };
+            readonly "--input": {
+                readonly light: "240 8% 57%";
+                readonly dark: "240 6% 45%";
+            };
+            readonly "--ring": {
+                readonly light: "240 9% 30%";
+                readonly dark: "240 9% 84%";
+            };
+            readonly "--radius": {
+                readonly light: "0rem";
+                readonly dark: "0rem";
+            };
+            readonly "--font-heading": {
+                readonly light: "'Jost', sans-serif";
+                readonly dark: "'Jost', sans-serif";
+            };
+            readonly "--font-body": {
+                readonly light: "'Nunito Sans', ui-sans-serif, system-ui, sans-serif";
+                readonly dark: "'Nunito Sans', ui-sans-serif, system-ui, sans-serif";
+            };
+        };
+    };
+    readonly madrid: {
+        readonly label: "Madrid";
+        readonly version: "1.2.1";
+        readonly swatch: "0 0% 0%";
+        readonly tokens: {
+            readonly "--background": {
+                readonly light: "0 0% 100%";
+                readonly dark: "0 0% 7%";
+            };
+            readonly "--foreground": {
+                readonly light: "0 0% 0%";
+                readonly dark: "0 0% 98%";
+            };
+            readonly "--primary": {
+                readonly light: "0 0% 0%";
+                readonly dark: "0 0% 98%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "0 0% 100%";
+                readonly dark: "0 0% 0%";
+            };
+            readonly "--secondary": {
+                readonly light: "0 0% 96%";
+                readonly dark: "0 0% 15%";
+            };
+            readonly "--muted": {
+                readonly light: "0 0% 96%";
+                readonly dark: "0 0% 15%";
+            };
+            readonly "--muted-foreground": {
+                readonly light: "0 0% 40%";
+                readonly dark: "0 0% 64%";
+            };
+            readonly "--border": {
+                readonly light: "0 0% 57%";
+                readonly dark: "0 0% 45%";
+            };
+            readonly "--input": {
+                readonly light: "0 0% 57%";
+                readonly dark: "0 0% 45%";
+            };
+            readonly "--ring": {
+                readonly light: "0 0% 0%";
+                readonly dark: "0 0% 84%";
+            };
+            readonly "--radius": {
+                readonly light: "0rem";
+                readonly dark: "0rem";
+            };
+            readonly "--font-heading": {
+                readonly light: "'Figtree', sans-serif";
+                readonly dark: "'Figtree', sans-serif";
+            };
+            readonly "--font-body": {
+                readonly light: "'Figtree', ui-sans-serif, system-ui, sans-serif";
+                readonly dark: "'Figtree', ui-sans-serif, system-ui, sans-serif";
+            };
+        };
+    };
+    readonly xclusive: {
+        readonly label: "Xclusive";
+        readonly version: "1.2.1";
+        readonly swatch: "0 0% 12%";
+        readonly tokens: {
+            readonly "--background": {
+                readonly light: "0 0% 100%";
+                readonly dark: "0 0% 8%";
+            };
+            readonly "--foreground": {
+                readonly light: "0 0% 12%";
+                readonly dark: "0 0% 95%";
+            };
+            readonly "--primary": {
+                readonly light: "0 0% 12%";
+                readonly dark: "0 0% 95%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "0 0% 100%";
+                readonly dark: "0 0% 12%";
+            };
+            readonly "--secondary": {
+                readonly light: "0 0% 96%";
+                readonly dark: "0 0% 16%";
+            };
+            readonly "--muted": {
+                readonly light: "0 0% 96%";
+                readonly dark: "0 0% 16%";
+            };
+            readonly "--muted-foreground": {
+                readonly light: "0 0% 44%";
+                readonly dark: "0 0% 64%";
+            };
+            readonly "--border": {
+                readonly light: "0 0% 57%";
+                readonly dark: "0 0% 45%";
+            };
+            readonly "--input": {
+                readonly light: "0 0% 57%";
+                readonly dark: "0 0% 45%";
+            };
+            readonly "--ring": {
+                readonly light: "0 0% 12%";
+                readonly dark: "0 0% 84%";
+            };
+            readonly "--radius": {
+                readonly light: "0rem";
+                readonly dark: "0rem";
+            };
+            readonly "--font-heading": {
+                readonly light: "'Libre Baskerville', Georgia, serif";
+                readonly dark: "'Libre Baskerville', Georgia, serif";
+            };
+            readonly "--font-body": {
+                readonly light: "'Lato', ui-sans-serif, system-ui, sans-serif";
+                readonly dark: "'Lato', ui-sans-serif, system-ui, sans-serif";
+            };
+        };
+    };
+    readonly alchemy: {
+        readonly label: "Alchemy";
+        readonly version: "1.2.1";
+        readonly swatch: "240 7% 11%";
+        readonly tokens: {
+            readonly "--background": {
+                readonly light: "0 0% 93.7%";
+                readonly dark: "240 8% 8%";
+            };
+            readonly "--foreground": {
+                readonly light: "240 7% 11%";
+                readonly dark: "0 0% 95%";
+            };
+            readonly "--card": {
+                readonly light: "0 0% 100%";
+                readonly dark: "240 8% 12%";
+            };
+            readonly "--primary": {
+                readonly light: "240 7% 11%";
+                readonly dark: "0 0% 95%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "0 0% 100%";
+                readonly dark: "240 7% 11%";
+            };
+            readonly "--secondary": {
+                readonly light: "240 6% 88%";
+                readonly dark: "240 7% 16%";
+            };
+            readonly "--muted": {
+                readonly light: "240 6% 88%";
+                readonly dark: "240 7% 16%";
+            };
+            readonly "--muted-foreground": {
+                readonly light: "240 5% 40%";
+                readonly dark: "240 5% 64%";
+            };
+            readonly "--border": {
+                readonly light: "240 6% 52%";
+                readonly dark: "240 6% 45%";
+            };
+            readonly "--input": {
+                readonly light: "240 6% 52%";
+                readonly dark: "240 6% 45%";
+            };
+            readonly "--ring": {
+                readonly light: "240 7% 11%";
+                readonly dark: "0 0% 84%";
+            };
+            readonly "--radius": {
+                readonly light: "0rem";
+                readonly dark: "0rem";
+            };
+            readonly "--font-heading": {
+                readonly light: "'Figtree', sans-serif";
+                readonly dark: "'Figtree', sans-serif";
+            };
+            readonly "--font-body": {
+                readonly light: "'Figtree', ui-sans-serif, system-ui, sans-serif";
+                readonly dark: "'Figtree', ui-sans-serif, system-ui, sans-serif";
+            };
+        };
+    };
+    readonly reformation: {
+        readonly label: "Reformation";
+        readonly version: "1.2.1";
+        readonly swatch: "228 31% 23%";
+        readonly tokens: {
+            readonly "--background": {
+                readonly light: "0 0% 100%";
+                readonly dark: "228 30% 8%";
+            };
+            readonly "--foreground": {
+                readonly light: "228 31% 23%";
+                readonly dark: "228 20% 92%";
+            };
+            readonly "--primary": {
+                readonly light: "228 31% 23%";
+                readonly dark: "228 30% 72%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "0 0% 100%";
+                readonly dark: "228 30% 12%";
+            };
+            readonly "--secondary": {
+                readonly light: "228 30% 96%";
+                readonly dark: "228 25% 16%";
+            };
+            readonly "--muted": {
+                readonly light: "228 30% 96%";
+                readonly dark: "228 25% 16%";
+            };
+            readonly "--muted-foreground": {
+                readonly light: "228 12% 45%";
+                readonly dark: "228 14% 64%";
+            };
+            readonly "--border": {
+                readonly light: "228 20% 57%";
+                readonly dark: "228 18% 45%";
+            };
+            readonly "--input": {
+                readonly light: "228 20% 57%";
+                readonly dark: "228 18% 45%";
+            };
+            readonly "--ring": {
+                readonly light: "228 31% 23%";
+                readonly dark: "228 30% 72%";
+            };
+            readonly "--radius": {
+                readonly light: "0rem";
+                readonly dark: "0rem";
+            };
+            readonly "--font-heading": {
+                readonly light: "'Montserrat', sans-serif";
+                readonly dark: "'Montserrat', sans-serif";
+            };
+            readonly "--font-body": {
+                readonly light: "'Figtree', ui-sans-serif, system-ui, sans-serif";
+                readonly dark: "'Figtree', ui-sans-serif, system-ui, sans-serif";
+            };
+        };
+    };
+    readonly sampo: {
+        readonly label: "Sampo";
+        readonly version: "1.2.1";
+        readonly swatch: "30 8% 19%";
+        readonly tokens: {
+            readonly "--background": {
+                readonly light: "0 0% 100%";
+                readonly dark: "30 8% 8%";
+            };
+            readonly "--foreground": {
+                readonly light: "0 0% 0%";
+                readonly dark: "0 0% 96%";
+            };
+            readonly "--primary": {
+                readonly light: "30 8% 19%";
+                readonly dark: "30 8% 82%";
+            };
+            readonly "--primary-foreground": {
+                readonly light: "0 0% 100%";
+                readonly dark: "30 8% 12%";
+            };
+            readonly "--secondary": {
+                readonly light: "30 8% 96%";
+                readonly dark: "30 8% 16%";
+            };
+            readonly "--muted": {
+                readonly light: "30 8% 96%";
+                readonly dark: "30 8% 16%";
+            };
+            readonly "--muted-foreground": {
+                readonly light: "30 5% 42%";
+                readonly dark: "30 5% 64%";
+            };
+            readonly "--border": {
+                readonly light: "30 8% 57%";
+                readonly dark: "30 8% 45%";
+            };
+            readonly "--input": {
+                readonly light: "30 8% 57%";
+                readonly dark: "30 8% 45%";
+            };
+            readonly "--ring": {
+                readonly light: "30 8% 19%";
+                readonly dark: "30 8% 82%";
+            };
+            readonly "--radius": {
+                readonly light: "0rem";
+                readonly dark: "0rem";
+            };
+            readonly "--font-heading": {
+                readonly light: "'Inter', sans-serif";
+                readonly dark: "'Inter', sans-serif";
+            };
+            readonly "--font-body": {
+                readonly light: "'Inter', ui-sans-serif, system-ui, sans-serif";
+                readonly dark: "'Inter', ui-sans-serif, system-ui, sans-serif";
+            };
+        };
+    };
+};
+export type ThemeBrand = keyof typeof themePresets;
+export type ThemeMode = (typeof themeMetadata.modes)[number];
+export type DesignTokenPath = (typeof themeMetadata.tokens)[number]['path'];