zyzz 0.0.2 → 0.0.5

package/dist/default.d.ts

@@ -12,7 +12,8 @@ import { Config } from 'zyzz';
  * ten-step light/dark scales plus `background`, `grayAlpha`, `black`, and
  * `white`. `foreground` aliases `gray.1000` and `surface` aliases
  * `background.100`. Font stacks lead with the named faces and fall back to
- * system fonts. No fonts are loaded.
+ * system fonts. Typography sets use https://vercel.com/geist/typography,
+ * with explicit zero tracking outside headings. No fonts are loaded.
  */
 export declare const tokens: {
     readonly borderRadius: {
@@ -36,42 +37,42 @@ export declare const tokens: {
         readonly amber: {
             readonly 100: {
                 readonly dark: '#291800';
-                readonly light: '#fff6e1';
+                readonly light: '#fff6e5';
             };
             readonly 200: {
                 readonly dark: '#331b00';
-                readonly light: '#fff4d4';
+                readonly light: '#fff4d6';
             };
             readonly 300: {
-                readonly dark: '#4f2900';
-                readonly light: '#fff1c8';
+                readonly dark: '#4d2a00';
+                readonly light: '#fef0cd';
             };
             readonly 400: {
-                readonly dark: '#573200';
-                readonly light: '#ffdd84';
+                readonly dark: '#573300';
+                readonly light: '#ffdd8f';
             };
             readonly 500: {
-                readonly dark: '#6c4100';
-                readonly light: '#ffc85e';
+                readonly dark: '#6b4105';
+                readonly light: '#ffc96b';
             };
             readonly 600: {
-                readonly dark: '#e99c00';
-                readonly light: '#fa0';
+                readonly dark: '#e79d13';
+                readonly light: '#f5b047';
             };
-            readonly 700: '#ffb200';
-            readonly 800: '#f90';
+            readonly 700: '#ffb224';
+            readonly 800: '#ff990a';
             readonly 900: {
-                readonly dark: '#f90';
-                readonly light: '#a64f00';
+                readonly dark: '#f2a20d';
+                readonly light: '#a35200';
             };
             readonly 1000: {
-                readonly dark: '#fff3d9';
-                readonly light: '#541c00';
+                readonly dark: '#fef3dc';
+                readonly light: '#4e2009';
             };
         };
         readonly background: {
             readonly 100: {
-                readonly dark: '#000';
+                readonly dark: '#0a0a0a';
                 readonly light: '#fff';
             };
             readonly 200: {
@@ -82,44 +83,38 @@ export declare const tokens: {
         readonly black: '#000';
         readonly blue: {
             readonly 100: {
-                readonly dark: '#06193a';
+                readonly dark: '#0f1c2e';
                 readonly light: '#f0f7ff';
             };
             readonly 200: {
-                readonly dark: '#022248';
-                readonly light: '#eaf4ff';
+                readonly dark: '#10233d';
+                readonly light: '#ebf5ff';
             };
             readonly 300: {
-                readonly dark: '#002f62';
-                readonly light: '#e0efff';
+                readonly dark: '#0f2f57';
+                readonly light: '#e0f0ff';
             };
             readonly 400: {
-                readonly dark: '#003771';
-                readonly light: '#cce7ff';
+                readonly dark: '#0d3868';
+                readonly light: '#cce6ff';
             };
             readonly 500: {
-                readonly dark: '#004287';
-                readonly light: '#97ccff';
+                readonly dark: '#0a4380';
+                readonly light: '#99ceff';
             };
             readonly 600: {
-                readonly dark: '#0090ff';
-                readonly light: '#51aeff';
-            };
-            readonly 700: {
-                readonly dark: '#0071f6';
-                readonly light: '#0070f7';
-            };
-            readonly 800: {
-                readonly dark: '#005fd8';
-                readonly light: '#005edc';
+                readonly dark: '#0091ff';
+                readonly light: '#52aeff';
             };
+            readonly 700: '#0072f5';
+            readonly 800: '#0062d1';
             readonly 900: {
-                readonly dark: '#50a8ff';
-                readonly light: '#0064e2';
+                readonly dark: '#52a8ff';
+                readonly light: '#0068d6';
             };
             readonly 1000: {
                 readonly dark: '#ebf6ff';
-                readonly light: '#002453';
+                readonly light: '#00254d';
             };
         };
         readonly foreground: {
@@ -141,7 +136,7 @@ export declare const tokens: {
             };
             readonly 400: {
                 readonly dark: '#2e2e2e';
-                readonly light: '#eaeaea';
+                readonly light: '#ebebeb';
             };
             readonly 500: {
                 readonly dark: '#454545';
@@ -154,7 +149,7 @@ export declare const tokens: {
             readonly 700: '#8f8f8f';
             readonly 800: '#7d7d7d';
             readonly 900: {
-                readonly dark: '#a0a0a0';
+                readonly dark: '#a1a1a1';
                 readonly light: '#4d4d4d';
             };
             readonly 1000: {
@@ -169,7 +164,7 @@ export declare const tokens: {
             };
             readonly 200: {
                 readonly dark: '#ffffff17';
-                readonly light: '#00000015';
+                readonly light: '#00000014';
             };
             readonly 300: {
                 readonly dark: '#ffffff21';
@@ -185,7 +180,7 @@ export declare const tokens: {
             };
             readonly 600: {
                 readonly dark: '#ffffff82';
-                readonly light: '#0000003d';
+                readonly light: '#00000057';
             };
             readonly 700: {
                 readonly dark: '#ffffff8a';
@@ -206,213 +201,189 @@ export declare const tokens: {
         };
         readonly green: {
             readonly 100: {
-                readonly dark: '#00250a';
-                readonly light: '#ecfdec';
+                readonly dark: '#0b2212';
+                readonly light: '#effbef';
             };
             readonly 200: {
-                readonly dark: '#003110';
-                readonly light: '#e5fce7';
+                readonly dark: '#0f2e18';
+                readonly light: '#ebfaeb';
             };
             readonly 300: {
-                readonly dark: '#003814';
-                readonly light: '#d3fad1';
+                readonly dark: '#12361b';
+                readonly light: '#daf6da';
             };
             readonly 400: {
-                readonly dark: '#004616';
-                readonly light: '#b9f5bc';
+                readonly dark: '#0c451b';
+                readonly light: '#c6f1c7';
             };
             readonly 500: {
-                readonly dark: '#00661d';
-                readonly light: '#82eb8d';
+                readonly dark: '#126426';
+                readonly light: '#99e69e';
             };
             readonly 600: {
-                readonly dark: '#009431';
-                readonly light: '#4ce15e';
-            };
-            readonly 700: {
-                readonly dark: '#00ab3e';
-                readonly light: '#28a948';
-            };
-            readonly 800: {
-                readonly dark: '#009335';
-                readonly light: '#279141';
+                readonly dark: '#1a9338';
+                readonly light: '#6cda75';
             };
+            readonly 700: '#45a557';
+            readonly 800: '#398e4a';
             readonly 900: {
-                readonly dark: '#00ca52';
-                readonly light: '#107d32';
+                readonly dark: '#62c073';
+                readonly light: '#297a3a';
             };
             readonly 1000: {
-                readonly dark: '#daffe5';
-                readonly light: '#00370d';
+                readonly dark: '#e5fbea';
+                readonly light: '#1b311e';
             };
         };
         readonly pink: {
             readonly 100: {
-                readonly dark: '#310d1e';
-                readonly light: '#ffeaf5';
+                readonly dark: '#28151d';
+                readonly light: '#ffebf5';
             };
             readonly 200: {
-                readonly dark: '#420c25';
-                readonly light: '#ffeaf2';
+                readonly dark: '#3a1726';
+                readonly light: '#feecf2';
             };
             readonly 300: {
-                readonly dark: '#571032';
-                readonly light: '#ffe0eb';
+                readonly dark: '#4f1c31';
+                readonly light: '#fce3ec';
             };
             readonly 400: {
-                readonly dark: '#5d0c34';
-                readonly light: '#ffd5e1';
+                readonly dark: '#551b33';
+                readonly light: '#f9d7e2';
             };
             readonly 500: {
-                readonly dark: '#76063f';
-                readonly light: '#fdb3cc';
+                readonly dark: '#6c1e3e';
+                readonly light: '#f5b8cc';
             };
             readonly 600: {
-                readonly dark: '#b90056';
-                readonly light: '#f97ea7';
-            };
-            readonly 700: {
-                readonly dark: '#f12b82';
-                readonly light: '#f22782';
-            };
-            readonly 800: {
-                readonly dark: '#e6006e';
-                readonly light: '#e4106e';
+                readonly dark: '#b31957';
+                readonly light: '#ee87a7';
             };
+            readonly 700: '#ea3e83';
+            readonly 800: '#df2670';
             readonly 900: {
-                readonly dark: '#ff518d';
-                readonly light: '#c41562';
+                readonly dark: '#f75f8f';
+                readonly light: '#bd2864';
             };
             readonly 1000: {
-                readonly dark: '#ffeaf4';
-                readonly light: '#460523';
+                readonly dark: '#feecf4';
+                readonly light: '#430a23';
             };
         };
         readonly purple: {
             readonly 100: {
-                readonly dark: '#290c33';
+                readonly dark: '#231528';
                 readonly light: '#f9f0ff';
             };
             readonly 200: {
-                readonly dark: '#341142';
-                readonly light: '#f9f1ff';
+                readonly dark: '#2e1938';
+                readonly light: '#f9f1fe';
             };
             readonly 300: {
-                readonly dark: '#47185e';
-                readonly light: '#f5e8ff';
+                readonly dark: '#422154';
+                readonly light: '#f4e8fc';
             };
             readonly 400: {
-                readonly dark: '#541a76';
-                readonly light: '#f1d9ff';
+                readonly dark: '#4f2768';
+                readonly light: '#eddcf9';
             };
             readonly 500: {
-                readonly dark: '#642290';
-                readonly light: '#dda9ff';
+                readonly dark: '#5f2e85';
+                readonly light: '#d5b1f1';
             };
             readonly 600: {
-                readonly dark: '#9440d5';
-                readonly light: '#c77dff';
-            };
-            readonly 700: {
-                readonly dark: '#9440d5';
-                readonly light: '#9f00f4';
-            };
-            readonly 800: {
-                readonly dark: '#7d2bba';
-                readonly light: '#8400cd';
+                readonly dark: '#8e4ec6';
+                readonly light: '#bf89ec';
             };
+            readonly 700: '#8e4ec6';
+            readonly 800: '#763da9';
             readonly 900: {
-                readonly dark: '#c472fb';
-                readonly light: '#7c00c9';
+                readonly dark: '#bf7af0';
+                readonly light: '#7820bc';
             };
             readonly 1000: {
-                readonly dark: '#faedff';
+                readonly dark: '#f8edfc';
                 readonly light: '#2e004d';
             };
         };
         readonly red: {
             readonly 100: {
-                readonly dark: '#330a11';
-                readonly light: '#ffeef0';
+                readonly dark: '#2a1314';
+                readonly light: '#fff0f0';
             };
             readonly 200: {
-                readonly dark: '#440d13';
-                readonly light: '#ffe9ea';
+                readonly dark: '#3c1618';
+                readonly light: '#ffebeb';
             };
             readonly 300: {
-                readonly dark: '#5d0e17';
-                readonly light: '#ffe4e5';
+                readonly dark: '#561a1e';
+                readonly light: '#ffe5e5';
             };
             readonly 400: {
-                readonly dark: '#6f101b';
-                readonly light: '#ffd8d7';
+                readonly dark: '#671e21';
+                readonly light: '#fdd8d8';
             };
             readonly 500: {
-                readonly dark: '#88151f';
-                readonly light: '#ffb5b6';
+                readonly dark: '#832126';
+                readonly light: '#f8b9b9';
             };
             readonly 600: {
-                readonly dark: '#f32e40';
-                readonly light: '#ff6a6e';
-            };
-            readonly 700: {
-                readonly dark: '#f13242';
-                readonly light: '#fc0035';
+                readonly dark: '#e5484d';
+                readonly light: '#f87275';
             };
+            readonly 700: '#e5484d';
             readonly 800: {
-                readonly dark: '#e2162a';
-                readonly light: '#e70022';
+                readonly dark: '#d93036';
+                readonly light: '#da2f35';
             };
             readonly 900: {
-                readonly dark: '#ff5e63';
-                readonly light: '#d60020';
+                readonly dark: '#ff6166';
+                readonly light: '#cb2a2f';
             };
             readonly 1000: {
-                readonly dark: '#ffeaed';
-                readonly light: '#46000c';
+                readonly dark: '#feecee';
+                readonly light: '#391417';
             };
         };
         readonly surface: {
-            readonly dark: '#000';
+            readonly dark: '#0a0a0a';
             readonly light: '#fff';
         };
         readonly teal: {
             readonly 100: {
-                readonly dark: '#00211b';
-                readonly light: '#dffffb';
+                readonly dark: '#04201b';
+                readonly light: '#eefcf9';
             };
             readonly 200: {
-                readonly dark: '#002922';
-                readonly light: '#ddfef6';
+                readonly dark: '#062822';
+                readonly light: '#e5faf6';
             };
             readonly 300: {
-                readonly dark: '#003b33';
-                readonly light: '#ccf9f1';
+                readonly dark: '#083a33';
+                readonly light: '#d4f7f0';
             };
             readonly 400: {
-                readonly dark: '#003f35';
-                readonly light: '#b1f7ec';
+                readonly dark: '#053d35';
+                readonly light: '#bef4eb';
             };
             readonly 500: {
-                readonly dark: '#005f53';
-                readonly light: '#52f0db';
+                readonly dark: '#085e53';
+                readonly light: '#86ead9';
             };
             readonly 600: {
-                readonly dark: '#009885';
-                readonly light: '#00e2c4';
-            };
-            readonly 700: {
-                readonly dark: '#00a794';
-                readonly light: '#00a694';
+                readonly dark: '#0c9784';
+                readonly light: '#45dec5';
             };
-            readonly 800: '#008d7d';
+            readonly 700: '#12a594';
+            readonly 800: '#0d8c7d';
             readonly 900: {
-                readonly dark: '#00c9b5';
-                readonly light: '#007a6e';
+                readonly dark: '#0ac7b4';
+                readonly light: '#067a6e';
             };
             readonly 1000: {
-                readonly dark: '#cefff5';
-                readonly light: '#003d34';
+                readonly dark: '#e0faf4';
+                readonly light: '#073c34';
             };
         };
         readonly white: '#fff';
@@ -511,1498 +482,329 @@ export declare const tokens: {
         readonly 96: '24rem';
         readonly px: '1px';
     };
-};
-/** Default appearance, restoration script, and authoring helpers with bundled light/dark tokens. */
-export declare const appearance: import("./runtime/Appearance.js").Root<never>, script: () => string, style: Config.StyleFactory<{
-    readonly borderRadius: {
-        readonly xs: "0.125rem";
-        readonly sm: "0.25rem";
-        readonly md: "0.375rem";
-        readonly lg: "0.5rem";
-        readonly xl: "0.75rem";
-        readonly '2xl': "1rem";
-        readonly '3xl': "1.5rem";
-        readonly '4xl': "2rem";
-    };
-    readonly breakpoints: {
-        readonly sm: "40rem";
-        readonly md: "48rem";
-        readonly lg: "64rem";
-        readonly xl: "80rem";
-        readonly '2xl': "96rem";
-    };
-    readonly color: {
-        readonly amber: {
-            readonly 100: {
-                readonly dark: "#291800";
-                readonly light: "#fff6e1";
-            };
-            readonly 200: {
-                readonly dark: "#331b00";
-                readonly light: "#fff4d4";
-            };
-            readonly 300: {
-                readonly dark: "#4f2900";
-                readonly light: "#fff1c8";
-            };
-            readonly 400: {
-                readonly dark: "#573200";
-                readonly light: "#ffdd84";
-            };
-            readonly 500: {
-                readonly dark: "#6c4100";
-                readonly light: "#ffc85e";
-            };
-            readonly 600: {
-                readonly dark: "#e99c00";
-                readonly light: "#fa0";
-            };
-            readonly 700: "#ffb200";
-            readonly 800: "#f90";
-            readonly 900: {
-                readonly dark: "#f90";
-                readonly light: "#a64f00";
-            };
-            readonly 1000: {
-                readonly dark: "#fff3d9";
-                readonly light: "#541c00";
-            };
-        };
-        readonly background: {
-            readonly 100: {
-                readonly dark: "#000";
-                readonly light: "#fff";
-            };
-            readonly 200: {
-                readonly dark: "#000";
-                readonly light: "#fafafa";
-            };
-        };
-        readonly black: "#000";
-        readonly blue: {
-            readonly 100: {
-                readonly dark: "#06193a";
-                readonly light: "#f0f7ff";
-            };
-            readonly 200: {
-                readonly dark: "#022248";
-                readonly light: "#eaf4ff";
-            };
-            readonly 300: {
-                readonly dark: "#002f62";
-                readonly light: "#e0efff";
-            };
-            readonly 400: {
-                readonly dark: "#003771";
-                readonly light: "#cce7ff";
-            };
-            readonly 500: {
-                readonly dark: "#004287";
-                readonly light: "#97ccff";
-            };
-            readonly 600: {
-                readonly dark: "#0090ff";
-                readonly light: "#51aeff";
-            };
-            readonly 700: {
-                readonly dark: "#0071f6";
-                readonly light: "#0070f7";
-            };
-            readonly 800: {
-                readonly dark: "#005fd8";
-                readonly light: "#005edc";
-            };
-            readonly 900: {
-                readonly dark: "#50a8ff";
-                readonly light: "#0064e2";
-            };
-            readonly 1000: {
-                readonly dark: "#ebf6ff";
-                readonly light: "#002453";
-            };
-        };
-        readonly foreground: {
-            readonly dark: "#ededed";
-            readonly light: "#171717";
-        };
-        readonly gray: {
-            readonly 100: {
-                readonly dark: "#1a1a1a";
-                readonly light: "#f2f2f2";
-            };
-            readonly 200: {
-                readonly dark: "#1f1f1f";
-                readonly light: "#ebebeb";
-            };
-            readonly 300: {
-                readonly dark: "#292929";
-                readonly light: "#e6e6e6";
-            };
-            readonly 400: {
-                readonly dark: "#2e2e2e";
-                readonly light: "#eaeaea";
-            };
-            readonly 500: {
-                readonly dark: "#454545";
-                readonly light: "#c9c9c9";
-            };
-            readonly 600: {
-                readonly dark: "#878787";
-                readonly light: "#a8a8a8";
-            };
-            readonly 700: "#8f8f8f";
-            readonly 800: "#7d7d7d";
-            readonly 900: {
-                readonly dark: "#a0a0a0";
-                readonly light: "#4d4d4d";
-            };
-            readonly 1000: {
-                readonly dark: "#ededed";
-                readonly light: "#171717";
-            };
-        };
-        readonly grayAlpha: {
-            readonly 100: {
-                readonly dark: "#ffffff0f";
-                readonly light: "#0000000d";
-            };
-            readonly 200: {
-                readonly dark: "#ffffff17";
-                readonly light: "#00000015";
-            };
-            readonly 300: {
-                readonly dark: "#ffffff21";
-                readonly light: "#0000001a";
-            };
-            readonly 400: {
-                readonly dark: "#ffffff24";
-                readonly light: "#00000014";
-            };
-            readonly 500: {
-                readonly dark: "#ffffff3d";
-                readonly light: "#00000036";
-            };
-            readonly 600: {
-                readonly dark: "#ffffff82";
-                readonly light: "#0000003d";
-            };
-            readonly 700: {
-                readonly dark: "#ffffff8a";
-                readonly light: "#00000070";
-            };
-            readonly 800: {
-                readonly dark: "#ffffff78";
-                readonly light: "#00000082";
-            };
-            readonly 900: {
-                readonly dark: "#ffffff9c";
-                readonly light: "#000000b3";
-            };
-            readonly 1000: {
-                readonly dark: "#ffffffeb";
-                readonly light: "#000000e8";
-            };
-        };
-        readonly green: {
-            readonly 100: {
-                readonly dark: "#00250a";
-                readonly light: "#ecfdec";
-            };
-            readonly 200: {
-                readonly dark: "#003110";
-                readonly light: "#e5fce7";
-            };
-            readonly 300: {
-                readonly dark: "#003814";
-                readonly light: "#d3fad1";
-            };
-            readonly 400: {
-                readonly dark: "#004616";
-                readonly light: "#b9f5bc";
-            };
-            readonly 500: {
-                readonly dark: "#00661d";
-                readonly light: "#82eb8d";
-            };
-            readonly 600: {
-                readonly dark: "#009431";
-                readonly light: "#4ce15e";
-            };
-            readonly 700: {
-                readonly dark: "#00ab3e";
-                readonly light: "#28a948";
-            };
-            readonly 800: {
-                readonly dark: "#009335";
-                readonly light: "#279141";
-            };
-            readonly 900: {
-                readonly dark: "#00ca52";
-                readonly light: "#107d32";
-            };
-            readonly 1000: {
-                readonly dark: "#daffe5";
-                readonly light: "#00370d";
-            };
-        };
-        readonly pink: {
-            readonly 100: {
-                readonly dark: "#310d1e";
-                readonly light: "#ffeaf5";
-            };
-            readonly 200: {
-                readonly dark: "#420c25";
-                readonly light: "#ffeaf2";
-            };
-            readonly 300: {
-                readonly dark: "#571032";
-                readonly light: "#ffe0eb";
-            };
-            readonly 400: {
-                readonly dark: "#5d0c34";
-                readonly light: "#ffd5e1";
-            };
-            readonly 500: {
-                readonly dark: "#76063f";
-                readonly light: "#fdb3cc";
-            };
-            readonly 600: {
-                readonly dark: "#b90056";
-                readonly light: "#f97ea7";
-            };
-            readonly 700: {
-                readonly dark: "#f12b82";
-                readonly light: "#f22782";
-            };
-            readonly 800: {
-                readonly dark: "#e6006e";
-                readonly light: "#e4106e";
-            };
-            readonly 900: {
-                readonly dark: "#ff518d";
-                readonly light: "#c41562";
-            };
-            readonly 1000: {
-                readonly dark: "#ffeaf4";
-                readonly light: "#460523";
-            };
-        };
-        readonly purple: {
-            readonly 100: {
-                readonly dark: "#290c33";
-                readonly light: "#f9f0ff";
-            };
-            readonly 200: {
-                readonly dark: "#341142";
-                readonly light: "#f9f1ff";
-            };
-            readonly 300: {
-                readonly dark: "#47185e";
-                readonly light: "#f5e8ff";
-            };
-            readonly 400: {
-                readonly dark: "#541a76";
-                readonly light: "#f1d9ff";
-            };
-            readonly 500: {
-                readonly dark: "#642290";
-                readonly light: "#dda9ff";
-            };
-            readonly 600: {
-                readonly dark: "#9440d5";
-                readonly light: "#c77dff";
-            };
-            readonly 700: {
-                readonly dark: "#9440d5";
-                readonly light: "#9f00f4";
-            };
-            readonly 800: {
-                readonly dark: "#7d2bba";
-                readonly light: "#8400cd";
-            };
-            readonly 900: {
-                readonly dark: "#c472fb";
-                readonly light: "#7c00c9";
-            };
-            readonly 1000: {
-                readonly dark: "#faedff";
-                readonly light: "#2e004d";
-            };
-        };
-        readonly red: {
-            readonly 100: {
-                readonly dark: "#330a11";
-                readonly light: "#ffeef0";
-            };
-            readonly 200: {
-                readonly dark: "#440d13";
-                readonly light: "#ffe9ea";
-            };
-            readonly 300: {
-                readonly dark: "#5d0e17";
-                readonly light: "#ffe4e5";
-            };
-            readonly 400: {
-                readonly dark: "#6f101b";
-                readonly light: "#ffd8d7";
-            };
-            readonly 500: {
-                readonly dark: "#88151f";
-                readonly light: "#ffb5b6";
-            };
-            readonly 600: {
-                readonly dark: "#f32e40";
-                readonly light: "#ff6a6e";
-            };
-            readonly 700: {
-                readonly dark: "#f13242";
-                readonly light: "#fc0035";
-            };
-            readonly 800: {
-                readonly dark: "#e2162a";
-                readonly light: "#e70022";
-            };
-            readonly 900: {
-                readonly dark: "#ff5e63";
-                readonly light: "#d60020";
-            };
-            readonly 1000: {
-                readonly dark: "#ffeaed";
-                readonly light: "#46000c";
-            };
-        };
-        readonly surface: {
-            readonly dark: "#000";
-            readonly light: "#fff";
-        };
-        readonly teal: {
-            readonly 100: {
-                readonly dark: "#00211b";
-                readonly light: "#dffffb";
-            };
-            readonly 200: {
-                readonly dark: "#002922";
-                readonly light: "#ddfef6";
-            };
-            readonly 300: {
-                readonly dark: "#003b33";
-                readonly light: "#ccf9f1";
-            };
-            readonly 400: {
-                readonly dark: "#003f35";
-                readonly light: "#b1f7ec";
-            };
-            readonly 500: {
-                readonly dark: "#005f53";
-                readonly light: "#52f0db";
-            };
-            readonly 600: {
-                readonly dark: "#009885";
-                readonly light: "#00e2c4";
-            };
-            readonly 700: {
-                readonly dark: "#00a794";
-                readonly light: "#00a694";
-            };
-            readonly 800: "#008d7d";
-            readonly 900: {
-                readonly dark: "#00c9b5";
-                readonly light: "#007a6e";
-            };
-            readonly 1000: {
-                readonly dark: "#cefff5";
-                readonly light: "#003d34";
+    readonly typography: {
+        readonly button: {
+            readonly '12': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '12px';
+                readonly fontWeight: 500;
+                readonly letterSpacing: '0px';
+                readonly lineHeight: '16px';
+            };
+            readonly '14': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '14px';
+                readonly fontWeight: 500;
+                readonly letterSpacing: '0px';
+                readonly lineHeight: '20px';
+            };
+            readonly '16': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '16px';
+                readonly fontWeight: 500;
+                readonly letterSpacing: '0px';
+                readonly lineHeight: '20px';
+            };
+        };
+        readonly copy: {
+            readonly '13': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '13px';
+                readonly fontWeight: 400;
+                readonly letterSpacing: '0px';
+                readonly lineHeight: '18px';
+                readonly mono: {
+                    readonly fontFamily: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace';
+                    readonly fontSize: '13px';
+                    readonly fontWeight: 400;
+                    readonly letterSpacing: '0px';
+                    readonly lineHeight: '18px';
+                };
+            };
+            readonly '14': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '14px';
+                readonly fontWeight: 400;
+                readonly letterSpacing: '0px';
+                readonly lineHeight: '20px';
+                readonly strong: {
+                    readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                    readonly fontSize: '14px';
+                    readonly fontWeight: 550;
+                    readonly letterSpacing: '0px';
+                    readonly lineHeight: '20px';
+                };
+            };
+            readonly '16': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '16px';
+                readonly fontWeight: 400;
+                readonly letterSpacing: '0px';
+                readonly lineHeight: '24px';
+                readonly strong: {
+                    readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                    readonly fontSize: '16px';
+                    readonly fontWeight: 550;
+                    readonly letterSpacing: '0px';
+                    readonly lineHeight: '24px';
+                };
+            };
+            readonly '18': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '18px';
+                readonly fontWeight: 400;
+                readonly letterSpacing: '0px';
+                readonly lineHeight: '28px';
+                readonly strong: {
+                    readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                    readonly fontSize: '18px';
+                    readonly fontWeight: 550;
+                    readonly letterSpacing: '0px';
+                    readonly lineHeight: '28px';
+                };
+            };
+            readonly '20': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '20px';
+                readonly fontWeight: 400;
+                readonly letterSpacing: '0px';
+                readonly lineHeight: '36px';
+                readonly strong: {
+                    readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                    readonly fontSize: '20px';
+                    readonly fontWeight: 550;
+                    readonly letterSpacing: '0px';
+                    readonly lineHeight: '36px';
+                };
+            };
+            readonly '24': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '24px';
+                readonly fontWeight: 400;
+                readonly letterSpacing: '0px';
+                readonly lineHeight: '36px';
+                readonly strong: {
+                    readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                    readonly fontSize: '24px';
+                    readonly fontWeight: 550;
+                    readonly letterSpacing: '0px';
+                    readonly lineHeight: '36px';
+                };
+            };
+        };
+        readonly heading: {
+            readonly '14': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '14px';
+                readonly fontWeight: 600;
+                readonly letterSpacing: '-.28px';
+                readonly lineHeight: '20px';
+            };
+            readonly '16': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '16px';
+                readonly fontWeight: 600;
+                readonly letterSpacing: '-.32px';
+                readonly lineHeight: '24px';
+                readonly subtle: {
+                    readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                    readonly fontSize: '16px';
+                    readonly fontWeight: 500;
+                    readonly letterSpacing: '-.32px';
+                    readonly lineHeight: '24px';
+                };
+            };
+            readonly '20': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '20px';
+                readonly fontWeight: 600;
+                readonly letterSpacing: '-.4px';
+                readonly lineHeight: '26px';
+                readonly subtle: {
+                    readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                    readonly fontSize: '20px';
+                    readonly fontWeight: 500;
+                    readonly letterSpacing: '-.4px';
+                    readonly lineHeight: '26px';
+                };
+            };
+            readonly '24': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '24px';
+                readonly fontWeight: 600;
+                readonly letterSpacing: '-.96px';
+                readonly lineHeight: '32px';
+                readonly subtle: {
+                    readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                    readonly fontSize: '24px';
+                    readonly fontWeight: 500;
+                    readonly letterSpacing: '-.96px';
+                    readonly lineHeight: '32px';
+                };
+            };
+            readonly '32': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '32px';
+                readonly fontWeight: 600;
+                readonly letterSpacing: '-1.28px';
+                readonly lineHeight: '40px';
+                readonly subtle: {
+                    readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                    readonly fontSize: '32px';
+                    readonly fontWeight: 500;
+                    readonly letterSpacing: '-1.28px';
+                    readonly lineHeight: '40px';
+                };
+            };
+            readonly '40': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '40px';
+                readonly fontWeight: 600;
+                readonly letterSpacing: '-2.4px';
+                readonly lineHeight: '48px';
+            };
+            readonly '48': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '48px';
+                readonly fontWeight: 600;
+                readonly letterSpacing: '-2.88px';
+                readonly lineHeight: '56px';
+            };
+            readonly '56': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '56px';
+                readonly fontWeight: 600;
+                readonly letterSpacing: '-3.36px';
+                readonly lineHeight: '56px';
+            };
+            readonly '64': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '64px';
+                readonly fontWeight: 600;
+                readonly letterSpacing: '-3.84px';
+                readonly lineHeight: '64px';
+            };
+            readonly '72': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '72px';
+                readonly fontWeight: 600;
+                readonly letterSpacing: '-4.32px';
+                readonly lineHeight: '72px';
+            };
+        };
+        readonly label: {
+            readonly '12': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '12px';
+                readonly fontWeight: 400;
+                readonly letterSpacing: '0px';
+                readonly lineHeight: '16px';
+                readonly mono: {
+                    readonly fontFamily: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace';
+                    readonly fontSize: '12px';
+                    readonly fontWeight: 400;
+                    readonly letterSpacing: '0px';
+                    readonly lineHeight: '16px';
+                };
+                readonly strong: {
+                    readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                    readonly fontSize: '12px';
+                    readonly fontWeight: 500;
+                    readonly letterSpacing: '0px';
+                    readonly lineHeight: '16px';
+                };
+            };
+            readonly '13': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '13px';
+                readonly fontWeight: 400;
+                readonly letterSpacing: '0px';
+                readonly lineHeight: '16px';
+                readonly mono: {
+                    readonly fontFamily: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace';
+                    readonly fontSize: '13px';
+                    readonly fontWeight: 400;
+                    readonly letterSpacing: '0px';
+                    readonly lineHeight: '20px';
+                };
+                readonly strong: {
+                    readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                    readonly fontSize: '13px';
+                    readonly fontWeight: 500;
+                    readonly letterSpacing: '0px';
+                    readonly lineHeight: '16px';
+                };
+            };
+            readonly '14': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '14px';
+                readonly fontWeight: 400;
+                readonly letterSpacing: '0px';
+                readonly lineHeight: '20px';
+                readonly mono: {
+                    readonly fontFamily: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace';
+                    readonly fontSize: '14px';
+                    readonly fontWeight: 400;
+                    readonly letterSpacing: '0px';
+                    readonly lineHeight: '20px';
+                };
+                readonly strong: {
+                    readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                    readonly fontSize: '14px';
+                    readonly fontWeight: 500;
+                    readonly letterSpacing: '0px';
+                    readonly lineHeight: '20px';
+                };
+            };
+            readonly '16': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '16px';
+                readonly fontWeight: 400;
+                readonly letterSpacing: '0px';
+                readonly lineHeight: '20px';
+                readonly strong: {
+                    readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                    readonly fontSize: '16px';
+                    readonly fontWeight: 500;
+                    readonly letterSpacing: '0px';
+                    readonly lineHeight: '20px';
+                };
+            };
+            readonly '18': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '18px';
+                readonly fontWeight: 400;
+                readonly letterSpacing: '0px';
+                readonly lineHeight: '20px';
+            };
+            readonly '20': {
+                readonly fontFamily: 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+                readonly fontSize: '20px';
+                readonly fontWeight: 400;
+                readonly letterSpacing: '0px';
+                readonly lineHeight: '32px';
             };
         };
-        readonly white: "#fff";
-    };
-    readonly containers: {
-        readonly '3xs': "16rem";
-        readonly '2xs': "18rem";
-        readonly xs: "20rem";
-        readonly sm: "24rem";
-        readonly md: "28rem";
-        readonly lg: "32rem";
-        readonly xl: "36rem";
-        readonly '2xl': "42rem";
-        readonly '3xl': "48rem";
-        readonly '4xl': "56rem";
-        readonly '5xl': "64rem";
-        readonly '6xl': "72rem";
-        readonly '7xl': "80rem";
-    };
-    readonly fontFamily: {
-        readonly mono: "\"Geist Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace";
-        readonly sans: "Geist, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"";
-        readonly serif: "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif";
-    };
-    readonly fontSize: {
-        readonly xs: "0.75rem";
-        readonly sm: "0.875rem";
-        readonly base: "1rem";
-        readonly lg: "1.125rem";
-        readonly xl: "1.25rem";
-        readonly '2xl': "1.5rem";
-        readonly '3xl': "1.875rem";
-        readonly '4xl': "2.25rem";
-        readonly '5xl': "3rem";
-        readonly '6xl': "3.75rem";
-        readonly '7xl': "4.5rem";
-        readonly '8xl': "6rem";
-        readonly '9xl': "8rem";
-    };
-    readonly fontWeight: {
-        readonly thin: 100;
-        readonly extralight: 200;
-        readonly light: 300;
-        readonly normal: 400;
-        readonly medium: 500;
-        readonly semibold: 600;
-        readonly bold: 700;
-        readonly extrabold: 800;
-        readonly black: 900;
-    };
-    readonly letterSpacing: {
-        readonly tighter: "-0.05em";
-        readonly tight: "-0.025em";
-        readonly normal: "0em";
-        readonly wide: "0.025em";
-        readonly wider: "0.05em";
-        readonly widest: "0.1em";
-    };
-    readonly lineHeight: {
-        readonly tight: 1.25;
-        readonly snug: 1.375;
-        readonly normal: 1.5;
-        readonly relaxed: 1.625;
-        readonly loose: 2;
-    };
-    readonly spacing: {
-        readonly 0: "0rem";
-        readonly 1: "0.25rem";
-        readonly 2: "0.5rem";
-        readonly 3: "0.75rem";
-        readonly 4: "1rem";
-        readonly 5: "1.25rem";
-        readonly 6: "1.5rem";
-        readonly 7: "1.75rem";
-        readonly 8: "2rem";
-        readonly 9: "2.25rem";
-        readonly 10: "2.5rem";
-        readonly 11: "2.75rem";
-        readonly 12: "3rem";
-        readonly 14: "3.5rem";
-        readonly 16: "4rem";
-        readonly 20: "5rem";
-        readonly 24: "6rem";
-        readonly 28: "7rem";
-        readonly 32: "8rem";
-        readonly 36: "9rem";
-        readonly 40: "10rem";
-        readonly 44: "11rem";
-        readonly 48: "12rem";
-        readonly 52: "13rem";
-        readonly 56: "14rem";
-        readonly 60: "15rem";
-        readonly 64: "16rem";
-        readonly 72: "18rem";
-        readonly 80: "20rem";
-        readonly 96: "24rem";
-        readonly px: "1px";
-    };
-}, never, "react", {}>, theme: Config.Handle<{
-    readonly borderRadius: {
-        readonly xs: "0.125rem";
-        readonly sm: "0.25rem";
-        readonly md: "0.375rem";
-        readonly lg: "0.5rem";
-        readonly xl: "0.75rem";
-        readonly '2xl': "1rem";
-        readonly '3xl': "1.5rem";
-        readonly '4xl': "2rem";
     };
-    readonly breakpoints: {
-        readonly sm: "40rem";
-        readonly md: "48rem";
-        readonly lg: "64rem";
-        readonly xl: "80rem";
-        readonly '2xl': "96rem";
-    };
-    readonly color: {
-        readonly amber: {
-            readonly 100: {
-                readonly dark: "#291800";
-                readonly light: "#fff6e1";
-            };
-            readonly 200: {
-                readonly dark: "#331b00";
-                readonly light: "#fff4d4";
-            };
-            readonly 300: {
-                readonly dark: "#4f2900";
-                readonly light: "#fff1c8";
-            };
-            readonly 400: {
-                readonly dark: "#573200";
-                readonly light: "#ffdd84";
-            };
-            readonly 500: {
-                readonly dark: "#6c4100";
-                readonly light: "#ffc85e";
-            };
-            readonly 600: {
-                readonly dark: "#e99c00";
-                readonly light: "#fa0";
-            };
-            readonly 700: "#ffb200";
-            readonly 800: "#f90";
-            readonly 900: {
-                readonly dark: "#f90";
-                readonly light: "#a64f00";
-            };
-            readonly 1000: {
-                readonly dark: "#fff3d9";
-                readonly light: "#541c00";
-            };
-        };
-        readonly background: {
-            readonly 100: {
-                readonly dark: "#000";
-                readonly light: "#fff";
-            };
-            readonly 200: {
-                readonly dark: "#000";
-                readonly light: "#fafafa";
-            };
-        };
-        readonly black: "#000";
-        readonly blue: {
-            readonly 100: {
-                readonly dark: "#06193a";
-                readonly light: "#f0f7ff";
-            };
-            readonly 200: {
-                readonly dark: "#022248";
-                readonly light: "#eaf4ff";
-            };
-            readonly 300: {
-                readonly dark: "#002f62";
-                readonly light: "#e0efff";
-            };
-            readonly 400: {
-                readonly dark: "#003771";
-                readonly light: "#cce7ff";
-            };
-            readonly 500: {
-                readonly dark: "#004287";
-                readonly light: "#97ccff";
-            };
-            readonly 600: {
-                readonly dark: "#0090ff";
-                readonly light: "#51aeff";
-            };
-            readonly 700: {
-                readonly dark: "#0071f6";
-                readonly light: "#0070f7";
-            };
-            readonly 800: {
-                readonly dark: "#005fd8";
-                readonly light: "#005edc";
-            };
-            readonly 900: {
-                readonly dark: "#50a8ff";
-                readonly light: "#0064e2";
-            };
-            readonly 1000: {
-                readonly dark: "#ebf6ff";
-                readonly light: "#002453";
-            };
-        };
-        readonly foreground: {
-            readonly dark: "#ededed";
-            readonly light: "#171717";
-        };
-        readonly gray: {
-            readonly 100: {
-                readonly dark: "#1a1a1a";
-                readonly light: "#f2f2f2";
-            };
-            readonly 200: {
-                readonly dark: "#1f1f1f";
-                readonly light: "#ebebeb";
-            };
-            readonly 300: {
-                readonly dark: "#292929";
-                readonly light: "#e6e6e6";
-            };
-            readonly 400: {
-                readonly dark: "#2e2e2e";
-                readonly light: "#eaeaea";
-            };
-            readonly 500: {
-                readonly dark: "#454545";
-                readonly light: "#c9c9c9";
-            };
-            readonly 600: {
-                readonly dark: "#878787";
-                readonly light: "#a8a8a8";
-            };
-            readonly 700: "#8f8f8f";
-            readonly 800: "#7d7d7d";
-            readonly 900: {
-                readonly dark: "#a0a0a0";
-                readonly light: "#4d4d4d";
-            };
-            readonly 1000: {
-                readonly dark: "#ededed";
-                readonly light: "#171717";
-            };
-        };
-        readonly grayAlpha: {
-            readonly 100: {
-                readonly dark: "#ffffff0f";
-                readonly light: "#0000000d";
-            };
-            readonly 200: {
-                readonly dark: "#ffffff17";
-                readonly light: "#00000015";
-            };
-            readonly 300: {
-                readonly dark: "#ffffff21";
-                readonly light: "#0000001a";
-            };
-            readonly 400: {
-                readonly dark: "#ffffff24";
-                readonly light: "#00000014";
-            };
-            readonly 500: {
-                readonly dark: "#ffffff3d";
-                readonly light: "#00000036";
-            };
-            readonly 600: {
-                readonly dark: "#ffffff82";
-                readonly light: "#0000003d";
-            };
-            readonly 700: {
-                readonly dark: "#ffffff8a";
-                readonly light: "#00000070";
-            };
-            readonly 800: {
-                readonly dark: "#ffffff78";
-                readonly light: "#00000082";
-            };
-            readonly 900: {
-                readonly dark: "#ffffff9c";
-                readonly light: "#000000b3";
-            };
-            readonly 1000: {
-                readonly dark: "#ffffffeb";
-                readonly light: "#000000e8";
-            };
-        };
-        readonly green: {
-            readonly 100: {
-                readonly dark: "#00250a";
-                readonly light: "#ecfdec";
-            };
-            readonly 200: {
-                readonly dark: "#003110";
-                readonly light: "#e5fce7";
-            };
-            readonly 300: {
-                readonly dark: "#003814";
-                readonly light: "#d3fad1";
-            };
-            readonly 400: {
-                readonly dark: "#004616";
-                readonly light: "#b9f5bc";
-            };
-            readonly 500: {
-                readonly dark: "#00661d";
-                readonly light: "#82eb8d";
-            };
-            readonly 600: {
-                readonly dark: "#009431";
-                readonly light: "#4ce15e";
-            };
-            readonly 700: {
-                readonly dark: "#00ab3e";
-                readonly light: "#28a948";
-            };
-            readonly 800: {
-                readonly dark: "#009335";
-                readonly light: "#279141";
-            };
-            readonly 900: {
-                readonly dark: "#00ca52";
-                readonly light: "#107d32";
-            };
-            readonly 1000: {
-                readonly dark: "#daffe5";
-                readonly light: "#00370d";
-            };
-        };
-        readonly pink: {
-            readonly 100: {
-                readonly dark: "#310d1e";
-                readonly light: "#ffeaf5";
-            };
-            readonly 200: {
-                readonly dark: "#420c25";
-                readonly light: "#ffeaf2";
-            };
-            readonly 300: {
-                readonly dark: "#571032";
-                readonly light: "#ffe0eb";
-            };
-            readonly 400: {
-                readonly dark: "#5d0c34";
-                readonly light: "#ffd5e1";
-            };
-            readonly 500: {
-                readonly dark: "#76063f";
-                readonly light: "#fdb3cc";
-            };
-            readonly 600: {
-                readonly dark: "#b90056";
-                readonly light: "#f97ea7";
-            };
-            readonly 700: {
-                readonly dark: "#f12b82";
-                readonly light: "#f22782";
-            };
-            readonly 800: {
-                readonly dark: "#e6006e";
-                readonly light: "#e4106e";
-            };
-            readonly 900: {
-                readonly dark: "#ff518d";
-                readonly light: "#c41562";
-            };
-            readonly 1000: {
-                readonly dark: "#ffeaf4";
-                readonly light: "#460523";
-            };
-        };
-        readonly purple: {
-            readonly 100: {
-                readonly dark: "#290c33";
-                readonly light: "#f9f0ff";
-            };
-            readonly 200: {
-                readonly dark: "#341142";
-                readonly light: "#f9f1ff";
-            };
-            readonly 300: {
-                readonly dark: "#47185e";
-                readonly light: "#f5e8ff";
-            };
-            readonly 400: {
-                readonly dark: "#541a76";
-                readonly light: "#f1d9ff";
-            };
-            readonly 500: {
-                readonly dark: "#642290";
-                readonly light: "#dda9ff";
-            };
-            readonly 600: {
-                readonly dark: "#9440d5";
-                readonly light: "#c77dff";
-            };
-            readonly 700: {
-                readonly dark: "#9440d5";
-                readonly light: "#9f00f4";
-            };
-            readonly 800: {
-                readonly dark: "#7d2bba";
-                readonly light: "#8400cd";
-            };
-            readonly 900: {
-                readonly dark: "#c472fb";
-                readonly light: "#7c00c9";
-            };
-            readonly 1000: {
-                readonly dark: "#faedff";
-                readonly light: "#2e004d";
-            };
-        };
-        readonly red: {
-            readonly 100: {
-                readonly dark: "#330a11";
-                readonly light: "#ffeef0";
-            };
-            readonly 200: {
-                readonly dark: "#440d13";
-                readonly light: "#ffe9ea";
-            };
-            readonly 300: {
-                readonly dark: "#5d0e17";
-                readonly light: "#ffe4e5";
-            };
-            readonly 400: {
-                readonly dark: "#6f101b";
-                readonly light: "#ffd8d7";
-            };
-            readonly 500: {
-                readonly dark: "#88151f";
-                readonly light: "#ffb5b6";
-            };
-            readonly 600: {
-                readonly dark: "#f32e40";
-                readonly light: "#ff6a6e";
-            };
-            readonly 700: {
-                readonly dark: "#f13242";
-                readonly light: "#fc0035";
-            };
-            readonly 800: {
-                readonly dark: "#e2162a";
-                readonly light: "#e70022";
-            };
-            readonly 900: {
-                readonly dark: "#ff5e63";
-                readonly light: "#d60020";
-            };
-            readonly 1000: {
-                readonly dark: "#ffeaed";
-                readonly light: "#46000c";
-            };
-        };
-        readonly surface: {
-            readonly dark: "#000";
-            readonly light: "#fff";
-        };
-        readonly teal: {
-            readonly 100: {
-                readonly dark: "#00211b";
-                readonly light: "#dffffb";
-            };
-            readonly 200: {
-                readonly dark: "#002922";
-                readonly light: "#ddfef6";
-            };
-            readonly 300: {
-                readonly dark: "#003b33";
-                readonly light: "#ccf9f1";
-            };
-            readonly 400: {
-                readonly dark: "#003f35";
-                readonly light: "#b1f7ec";
-            };
-            readonly 500: {
-                readonly dark: "#005f53";
-                readonly light: "#52f0db";
-            };
-            readonly 600: {
-                readonly dark: "#009885";
-                readonly light: "#00e2c4";
-            };
-            readonly 700: {
-                readonly dark: "#00a794";
-                readonly light: "#00a694";
-            };
-            readonly 800: "#008d7d";
-            readonly 900: {
-                readonly dark: "#00c9b5";
-                readonly light: "#007a6e";
-            };
-            readonly 1000: {
-                readonly dark: "#cefff5";
-                readonly light: "#003d34";
-            };
-        };
-        readonly white: "#fff";
-    };
-    readonly containers: {
-        readonly '3xs': "16rem";
-        readonly '2xs': "18rem";
-        readonly xs: "20rem";
-        readonly sm: "24rem";
-        readonly md: "28rem";
-        readonly lg: "32rem";
-        readonly xl: "36rem";
-        readonly '2xl': "42rem";
-        readonly '3xl': "48rem";
-        readonly '4xl': "56rem";
-        readonly '5xl': "64rem";
-        readonly '6xl': "72rem";
-        readonly '7xl': "80rem";
-    };
-    readonly fontFamily: {
-        readonly mono: "\"Geist Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace";
-        readonly sans: "Geist, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"";
-        readonly serif: "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif";
-    };
-    readonly fontSize: {
-        readonly xs: "0.75rem";
-        readonly sm: "0.875rem";
-        readonly base: "1rem";
-        readonly lg: "1.125rem";
-        readonly xl: "1.25rem";
-        readonly '2xl': "1.5rem";
-        readonly '3xl': "1.875rem";
-        readonly '4xl': "2.25rem";
-        readonly '5xl': "3rem";
-        readonly '6xl': "3.75rem";
-        readonly '7xl': "4.5rem";
-        readonly '8xl': "6rem";
-        readonly '9xl': "8rem";
-    };
-    readonly fontWeight: {
-        readonly thin: 100;
-        readonly extralight: 200;
-        readonly light: 300;
-        readonly normal: 400;
-        readonly medium: 500;
-        readonly semibold: 600;
-        readonly bold: 700;
-        readonly extrabold: 800;
-        readonly black: 900;
-    };
-    readonly letterSpacing: {
-        readonly tighter: "-0.05em";
-        readonly tight: "-0.025em";
-        readonly normal: "0em";
-        readonly wide: "0.025em";
-        readonly wider: "0.05em";
-        readonly widest: "0.1em";
-    };
-    readonly lineHeight: {
-        readonly tight: 1.25;
-        readonly snug: 1.375;
-        readonly normal: 1.5;
-        readonly relaxed: 1.625;
-        readonly loose: 2;
-    };
-    readonly spacing: {
-        readonly 0: "0rem";
-        readonly 1: "0.25rem";
-        readonly 2: "0.5rem";
-        readonly 3: "0.75rem";
-        readonly 4: "1rem";
-        readonly 5: "1.25rem";
-        readonly 6: "1.5rem";
-        readonly 7: "1.75rem";
-        readonly 8: "2rem";
-        readonly 9: "2.25rem";
-        readonly 10: "2.5rem";
-        readonly 11: "2.75rem";
-        readonly 12: "3rem";
-        readonly 14: "3.5rem";
-        readonly 16: "4rem";
-        readonly 20: "5rem";
-        readonly 24: "6rem";
-        readonly 28: "7rem";
-        readonly 32: "8rem";
-        readonly 36: "9rem";
-        readonly 40: "10rem";
-        readonly 44: "11rem";
-        readonly 48: "12rem";
-        readonly 52: "13rem";
-        readonly 56: "14rem";
-        readonly 60: "15rem";
-        readonly 64: "16rem";
-        readonly 72: "18rem";
-        readonly 80: "20rem";
-        readonly 96: "24rem";
-        readonly px: "1px";
-    };
-}, {}, "react">, variants: import("zyzz").variants.Bound<{
-    readonly borderRadius: {
-        readonly xs: "0.125rem";
-        readonly sm: "0.25rem";
-        readonly md: "0.375rem";
-        readonly lg: "0.5rem";
-        readonly xl: "0.75rem";
-        readonly '2xl': "1rem";
-        readonly '3xl': "1.5rem";
-        readonly '4xl': "2rem";
-    };
-    readonly breakpoints: {
-        readonly sm: "40rem";
-        readonly md: "48rem";
-        readonly lg: "64rem";
-        readonly xl: "80rem";
-        readonly '2xl': "96rem";
-    };
-    readonly color: {
-        readonly amber: {
-            readonly 100: {
-                readonly dark: "#291800";
-                readonly light: "#fff6e1";
-            };
-            readonly 200: {
-                readonly dark: "#331b00";
-                readonly light: "#fff4d4";
-            };
-            readonly 300: {
-                readonly dark: "#4f2900";
-                readonly light: "#fff1c8";
-            };
-            readonly 400: {
-                readonly dark: "#573200";
-                readonly light: "#ffdd84";
-            };
-            readonly 500: {
-                readonly dark: "#6c4100";
-                readonly light: "#ffc85e";
-            };
-            readonly 600: {
-                readonly dark: "#e99c00";
-                readonly light: "#fa0";
-            };
-            readonly 700: "#ffb200";
-            readonly 800: "#f90";
-            readonly 900: {
-                readonly dark: "#f90";
-                readonly light: "#a64f00";
-            };
-            readonly 1000: {
-                readonly dark: "#fff3d9";
-                readonly light: "#541c00";
-            };
-        };
-        readonly background: {
-            readonly 100: {
-                readonly dark: "#000";
-                readonly light: "#fff";
-            };
-            readonly 200: {
-                readonly dark: "#000";
-                readonly light: "#fafafa";
-            };
-        };
-        readonly black: "#000";
-        readonly blue: {
-            readonly 100: {
-                readonly dark: "#06193a";
-                readonly light: "#f0f7ff";
-            };
-            readonly 200: {
-                readonly dark: "#022248";
-                readonly light: "#eaf4ff";
-            };
-            readonly 300: {
-                readonly dark: "#002f62";
-                readonly light: "#e0efff";
-            };
-            readonly 400: {
-                readonly dark: "#003771";
-                readonly light: "#cce7ff";
-            };
-            readonly 500: {
-                readonly dark: "#004287";
-                readonly light: "#97ccff";
-            };
-            readonly 600: {
-                readonly dark: "#0090ff";
-                readonly light: "#51aeff";
-            };
-            readonly 700: {
-                readonly dark: "#0071f6";
-                readonly light: "#0070f7";
-            };
-            readonly 800: {
-                readonly dark: "#005fd8";
-                readonly light: "#005edc";
-            };
-            readonly 900: {
-                readonly dark: "#50a8ff";
-                readonly light: "#0064e2";
-            };
-            readonly 1000: {
-                readonly dark: "#ebf6ff";
-                readonly light: "#002453";
-            };
-        };
-        readonly foreground: {
-            readonly dark: "#ededed";
-            readonly light: "#171717";
-        };
-        readonly gray: {
-            readonly 100: {
-                readonly dark: "#1a1a1a";
-                readonly light: "#f2f2f2";
-            };
-            readonly 200: {
-                readonly dark: "#1f1f1f";
-                readonly light: "#ebebeb";
-            };
-            readonly 300: {
-                readonly dark: "#292929";
-                readonly light: "#e6e6e6";
-            };
-            readonly 400: {
-                readonly dark: "#2e2e2e";
-                readonly light: "#eaeaea";
-            };
-            readonly 500: {
-                readonly dark: "#454545";
-                readonly light: "#c9c9c9";
-            };
-            readonly 600: {
-                readonly dark: "#878787";
-                readonly light: "#a8a8a8";
-            };
-            readonly 700: "#8f8f8f";
-            readonly 800: "#7d7d7d";
-            readonly 900: {
-                readonly dark: "#a0a0a0";
-                readonly light: "#4d4d4d";
-            };
-            readonly 1000: {
-                readonly dark: "#ededed";
-                readonly light: "#171717";
-            };
-        };
-        readonly grayAlpha: {
-            readonly 100: {
-                readonly dark: "#ffffff0f";
-                readonly light: "#0000000d";
-            };
-            readonly 200: {
-                readonly dark: "#ffffff17";
-                readonly light: "#00000015";
-            };
-            readonly 300: {
-                readonly dark: "#ffffff21";
-                readonly light: "#0000001a";
-            };
-            readonly 400: {
-                readonly dark: "#ffffff24";
-                readonly light: "#00000014";
-            };
-            readonly 500: {
-                readonly dark: "#ffffff3d";
-                readonly light: "#00000036";
-            };
-            readonly 600: {
-                readonly dark: "#ffffff82";
-                readonly light: "#0000003d";
-            };
-            readonly 700: {
-                readonly dark: "#ffffff8a";
-                readonly light: "#00000070";
-            };
-            readonly 800: {
-                readonly dark: "#ffffff78";
-                readonly light: "#00000082";
-            };
-            readonly 900: {
-                readonly dark: "#ffffff9c";
-                readonly light: "#000000b3";
-            };
-            readonly 1000: {
-                readonly dark: "#ffffffeb";
-                readonly light: "#000000e8";
-            };
-        };
-        readonly green: {
-            readonly 100: {
-                readonly dark: "#00250a";
-                readonly light: "#ecfdec";
-            };
-            readonly 200: {
-                readonly dark: "#003110";
-                readonly light: "#e5fce7";
-            };
-            readonly 300: {
-                readonly dark: "#003814";
-                readonly light: "#d3fad1";
-            };
-            readonly 400: {
-                readonly dark: "#004616";
-                readonly light: "#b9f5bc";
-            };
-            readonly 500: {
-                readonly dark: "#00661d";
-                readonly light: "#82eb8d";
-            };
-            readonly 600: {
-                readonly dark: "#009431";
-                readonly light: "#4ce15e";
-            };
-            readonly 700: {
-                readonly dark: "#00ab3e";
-                readonly light: "#28a948";
-            };
-            readonly 800: {
-                readonly dark: "#009335";
-                readonly light: "#279141";
-            };
-            readonly 900: {
-                readonly dark: "#00ca52";
-                readonly light: "#107d32";
-            };
-            readonly 1000: {
-                readonly dark: "#daffe5";
-                readonly light: "#00370d";
-            };
-        };
-        readonly pink: {
-            readonly 100: {
-                readonly dark: "#310d1e";
-                readonly light: "#ffeaf5";
-            };
-            readonly 200: {
-                readonly dark: "#420c25";
-                readonly light: "#ffeaf2";
-            };
-            readonly 300: {
-                readonly dark: "#571032";
-                readonly light: "#ffe0eb";
-            };
-            readonly 400: {
-                readonly dark: "#5d0c34";
-                readonly light: "#ffd5e1";
-            };
-            readonly 500: {
-                readonly dark: "#76063f";
-                readonly light: "#fdb3cc";
-            };
-            readonly 600: {
-                readonly dark: "#b90056";
-                readonly light: "#f97ea7";
-            };
-            readonly 700: {
-                readonly dark: "#f12b82";
-                readonly light: "#f22782";
-            };
-            readonly 800: {
-                readonly dark: "#e6006e";
-                readonly light: "#e4106e";
-            };
-            readonly 900: {
-                readonly dark: "#ff518d";
-                readonly light: "#c41562";
-            };
-            readonly 1000: {
-                readonly dark: "#ffeaf4";
-                readonly light: "#460523";
-            };
-        };
-        readonly purple: {
-            readonly 100: {
-                readonly dark: "#290c33";
-                readonly light: "#f9f0ff";
-            };
-            readonly 200: {
-                readonly dark: "#341142";
-                readonly light: "#f9f1ff";
-            };
-            readonly 300: {
-                readonly dark: "#47185e";
-                readonly light: "#f5e8ff";
-            };
-            readonly 400: {
-                readonly dark: "#541a76";
-                readonly light: "#f1d9ff";
-            };
-            readonly 500: {
-                readonly dark: "#642290";
-                readonly light: "#dda9ff";
-            };
-            readonly 600: {
-                readonly dark: "#9440d5";
-                readonly light: "#c77dff";
-            };
-            readonly 700: {
-                readonly dark: "#9440d5";
-                readonly light: "#9f00f4";
-            };
-            readonly 800: {
-                readonly dark: "#7d2bba";
-                readonly light: "#8400cd";
-            };
-            readonly 900: {
-                readonly dark: "#c472fb";
-                readonly light: "#7c00c9";
-            };
-            readonly 1000: {
-                readonly dark: "#faedff";
-                readonly light: "#2e004d";
-            };
-        };
-        readonly red: {
-            readonly 100: {
-                readonly dark: "#330a11";
-                readonly light: "#ffeef0";
-            };
-            readonly 200: {
-                readonly dark: "#440d13";
-                readonly light: "#ffe9ea";
-            };
-            readonly 300: {
-                readonly dark: "#5d0e17";
-                readonly light: "#ffe4e5";
-            };
-            readonly 400: {
-                readonly dark: "#6f101b";
-                readonly light: "#ffd8d7";
-            };
-            readonly 500: {
-                readonly dark: "#88151f";
-                readonly light: "#ffb5b6";
-            };
-            readonly 600: {
-                readonly dark: "#f32e40";
-                readonly light: "#ff6a6e";
-            };
-            readonly 700: {
-                readonly dark: "#f13242";
-                readonly light: "#fc0035";
-            };
-            readonly 800: {
-                readonly dark: "#e2162a";
-                readonly light: "#e70022";
-            };
-            readonly 900: {
-                readonly dark: "#ff5e63";
-                readonly light: "#d60020";
-            };
-            readonly 1000: {
-                readonly dark: "#ffeaed";
-                readonly light: "#46000c";
-            };
-        };
-        readonly surface: {
-            readonly dark: "#000";
-            readonly light: "#fff";
-        };
-        readonly teal: {
-            readonly 100: {
-                readonly dark: "#00211b";
-                readonly light: "#dffffb";
-            };
-            readonly 200: {
-                readonly dark: "#002922";
-                readonly light: "#ddfef6";
-            };
-            readonly 300: {
-                readonly dark: "#003b33";
-                readonly light: "#ccf9f1";
-            };
-            readonly 400: {
-                readonly dark: "#003f35";
-                readonly light: "#b1f7ec";
-            };
-            readonly 500: {
-                readonly dark: "#005f53";
-                readonly light: "#52f0db";
-            };
-            readonly 600: {
-                readonly dark: "#009885";
-                readonly light: "#00e2c4";
-            };
-            readonly 700: {
-                readonly dark: "#00a794";
-                readonly light: "#00a694";
-            };
-            readonly 800: "#008d7d";
-            readonly 900: {
-                readonly dark: "#00c9b5";
-                readonly light: "#007a6e";
-            };
-            readonly 1000: {
-                readonly dark: "#cefff5";
-                readonly light: "#003d34";
-            };
-        };
-        readonly white: "#fff";
-    };
-    readonly containers: {
-        readonly '3xs': "16rem";
-        readonly '2xs': "18rem";
-        readonly xs: "20rem";
-        readonly sm: "24rem";
-        readonly md: "28rem";
-        readonly lg: "32rem";
-        readonly xl: "36rem";
-        readonly '2xl': "42rem";
-        readonly '3xl': "48rem";
-        readonly '4xl': "56rem";
-        readonly '5xl': "64rem";
-        readonly '6xl': "72rem";
-        readonly '7xl': "80rem";
-    };
-    readonly fontFamily: {
-        readonly mono: "\"Geist Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace";
-        readonly sans: "Geist, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"";
-        readonly serif: "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif";
-    };
-    readonly fontSize: {
-        readonly xs: "0.75rem";
-        readonly sm: "0.875rem";
-        readonly base: "1rem";
-        readonly lg: "1.125rem";
-        readonly xl: "1.25rem";
-        readonly '2xl': "1.5rem";
-        readonly '3xl': "1.875rem";
-        readonly '4xl': "2.25rem";
-        readonly '5xl': "3rem";
-        readonly '6xl': "3.75rem";
-        readonly '7xl': "4.5rem";
-        readonly '8xl': "6rem";
-        readonly '9xl': "8rem";
-    };
-    readonly fontWeight: {
-        readonly thin: 100;
-        readonly extralight: 200;
-        readonly light: 300;
-        readonly normal: 400;
-        readonly medium: 500;
-        readonly semibold: 600;
-        readonly bold: 700;
-        readonly extrabold: 800;
-        readonly black: 900;
-    };
-    readonly letterSpacing: {
-        readonly tighter: "-0.05em";
-        readonly tight: "-0.025em";
-        readonly normal: "0em";
-        readonly wide: "0.025em";
-        readonly wider: "0.05em";
-        readonly widest: "0.1em";
-    };
-    readonly lineHeight: {
-        readonly tight: 1.25;
-        readonly snug: 1.375;
-        readonly normal: 1.5;
-        readonly relaxed: 1.625;
-        readonly loose: 2;
-    };
-    readonly spacing: {
-        readonly 0: "0rem";
-        readonly 1: "0.25rem";
-        readonly 2: "0.5rem";
-        readonly 3: "0.75rem";
-        readonly 4: "1rem";
-        readonly 5: "1.25rem";
-        readonly 6: "1.5rem";
-        readonly 7: "1.75rem";
-        readonly 8: "2rem";
-        readonly 9: "2.25rem";
-        readonly 10: "2.5rem";
-        readonly 11: "2.75rem";
-        readonly 12: "3rem";
-        readonly 14: "3.5rem";
-        readonly 16: "4rem";
-        readonly 20: "5rem";
-        readonly 24: "6rem";
-        readonly 28: "7rem";
-        readonly 32: "8rem";
-        readonly 36: "9rem";
-        readonly 40: "10rem";
-        readonly 44: "11rem";
-        readonly 48: "12rem";
-        readonly 52: "13rem";
-        readonly 56: "14rem";
-        readonly 60: "15rem";
-        readonly 64: "16rem";
-        readonly 72: "18rem";
-        readonly 80: "20rem";
-        readonly 96: "24rem";
-        readonly px: "1px";
-    };
-}, "react", never, {}>;
+};
+/** Default appearance helper. */
+export declare const appearance: Config.create.ReturnType<{
+    vars: typeof tokens;
+}>['appearance'];
+/** Default script helper. */
+export declare const script: Config.create.ReturnType<{
+    vars: typeof tokens;
+}>['script'];
+/** Default style helper. */
+export declare const style: Config.create.ReturnType<{
+    vars: typeof tokens;
+}>['style'];
+/** Default vars helper. */
+export declare const vars: Config.create.ReturnType<{
+    vars: typeof tokens;
+}>['vars'];
+/** Default variants helper. */
+export declare const variants: Config.create.ReturnType<{
+    vars: typeof tokens;
+}>['variants'];
 //# sourceMappingURL=default.d.ts.map