@nebutra/tokens 0.1.3 → 3.0.0

package/dist/values.d.ts

@@ -0,0 +1,1192 @@
+/**
+ * GENERATED FILE, DO NOT EDIT.
+ * Written by packages/design/tokens/scripts/emit-values.mjs from styles.css —
+ * the stylesheet apps import — so a value shown anywhere is the value rendered.
+ * Edit packages/design/design-tokens/tokens/*.json and rebuild.
+ *
+ * Keyed by CSS custom property. `dark` is present only where the dark block
+ * overrides the light value. Read it through ./values.ts, not directly.
+ */
+declare const TOKEN_VALUES: {
+    readonly "--accent": {
+        readonly light: "220 14.3% 95.9%";
+        readonly dark: "225 6.2% 12.5%";
+    };
+    readonly "--accent-foreground": {
+        readonly light: "225 7.7% 10.2%";
+        readonly dark: "228 23.8% 95.9%";
+    };
+    readonly "--background": {
+        readonly light: "210 20% 98%";
+        readonly dark: "220 11.1% 5.3%";
+    };
+    readonly "--blue-1": {
+        readonly light: "#fafcfe";
+        readonly dark: "#030815";
+    };
+    readonly "--blue-10": {
+        readonly light: "#2253d4";
+        readonly dark: "#3f70e3";
+    };
+    readonly "--blue-11": {
+        readonly light: "#1740ad";
+        readonly dark: "#89aaee";
+    };
+    readonly "--blue-12": {
+        readonly light: "#031654";
+        readonly dark: "#d2e0fd";
+    };
+    readonly "--blue-2": {
+        readonly light: "#f2f6fd";
+        readonly dark: "#060f25";
+    };
+    readonly "--blue-3": {
+        readonly light: "#e7eefc";
+        readonly dark: "#09183b";
+    };
+    readonly "--blue-4": {
+        readonly light: "#d8e4fb";
+        readonly dark: "#0d2254";
+    };
+    readonly "--blue-5": {
+        readonly light: "#c6d7fa";
+        readonly dark: "#132e6f";
+    };
+    readonly "--blue-6": {
+        readonly light: "#9fbcf9";
+        readonly dark: "#1c3c8a";
+    };
+    readonly "--blue-7": {
+        readonly light: "#79a1f7";
+        readonly dark: "#254ba7";
+    };
+    readonly "--blue-8": {
+        readonly light: "#5384f3";
+        readonly dark: "#2f5ac4";
+    };
+    readonly "--blue-9": {
+        readonly light: "#2e65ee";
+        readonly dark: "#396ae2";
+    };
+    readonly "--blue-contrast": {
+        readonly light: "#ffffff";
+    };
+    readonly "--border": {
+        readonly light: "225 8% 90.2%";
+        readonly dark: "220 3.6% 16.3%";
+    };
+    readonly "--brand-accent": {
+        readonly light: "#0bf1c3";
+        readonly dark: "#1af7c8";
+    };
+    readonly "--brand-gradient": {
+        readonly light: "hsl(var(--primary))";
+    };
+    readonly "--brand-gradient-end": {
+        readonly light: "hsl(var(--primary))";
+    };
+    readonly "--brand-gradient-logo": {
+        readonly light: "linear-gradient(135deg, #0033fe 0%, #00a2e9 50%, #0bf1c3 100%)";
+    };
+    readonly "--brand-gradient-logo-reverse": {
+        readonly light: "linear-gradient(135deg, #0bf1c3 0%, #00a2e9 50%, #0033fe 100%)";
+    };
+    readonly "--brand-gradient-radial": {
+        readonly light: "hsl(var(--primary))";
+    };
+    readonly "--brand-gradient-reverse": {
+        readonly light: "hsl(var(--primary))";
+    };
+    readonly "--brand-gradient-start": {
+        readonly light: "hsl(var(--primary))";
+    };
+    readonly "--brand-gradient-vertical": {
+        readonly light: "hsl(var(--primary))";
+    };
+    readonly "--brand-primary": {
+        readonly light: "#0033fe";
+        readonly dark: "#5c7cfa";
+    };
+    readonly "--brand-tertiary": {
+        readonly light: "#8b5cf6";
+    };
+    readonly "--breakpoint-3xl": {
+        readonly light: "112.5rem";
+    };
+    readonly "--breakpoint-shell": {
+        readonly light: "73.75rem";
+    };
+    readonly "--breakpoint-tight": {
+        readonly light: "67.5rem";
+    };
+    readonly "--breakpoint-xs": {
+        readonly light: "26.25rem";
+    };
+    readonly "--card": {
+        readonly light: "0 0% 100%";
+        readonly dark: "220 7.3% 8%";
+    };
+    readonly "--card-foreground": {
+        readonly light: "225 7.7% 10.2%";
+        readonly dark: "228 23.8% 95.9%";
+    };
+    readonly "--category-1": {
+        readonly light: "color-mix(in oklab, color-mix(in oklab, hsl(var(--foreground)) 55%, hsl(var(--background))) 75%, oklch(from hsl(var(--primary)) l c h))";
+    };
+    readonly "--category-2": {
+        readonly light: "color-mix(in oklab, color-mix(in oklab, hsl(var(--foreground)) 67%, hsl(var(--background))) 75%, oklch(from hsl(var(--primary)) l c calc(h + 72)))";
+    };
+    readonly "--category-3": {
+        readonly light: "color-mix(in oklab, color-mix(in oklab, hsl(var(--foreground)) 79%, hsl(var(--background))) 75%, oklch(from hsl(var(--primary)) l c calc(h + 144)))";
+    };
+    readonly "--category-4": {
+        readonly light: "color-mix(in oklab, color-mix(in oklab, hsl(var(--foreground)) 91%, hsl(var(--background))) 75%, oklch(from hsl(var(--primary)) l c calc(h + 216)))";
+    };
+    readonly "--chart-1": {
+        readonly light: "228 100% 50%";
+        readonly dark: "228 95% 67%";
+    };
+    readonly "--chart-2": {
+        readonly light: "168 91% 49%";
+        readonly dark: "168 96% 54%";
+    };
+    readonly "--chart-3": {
+        readonly light: "263 70% 66%";
+        readonly dark: "228 100% 82%";
+    };
+    readonly "--chart-4": {
+        readonly light: "168 91% 70%";
+        readonly dark: "168 100% 75%";
+    };
+    readonly "--chart-5": {
+        readonly light: "228 100% 35%";
+        readonly dark: "228 100% 50%";
+    };
+    readonly "--container-content": {
+        readonly light: "1152px";
+    };
+    readonly "--container-text": {
+        readonly light: "896px";
+    };
+    readonly "--container-wide": {
+        readonly light: "1400px";
+    };
+    readonly "--cyan-1": {
+        readonly light: "#f9fdfb";
+        readonly dark: "#04100c";
+    };
+    readonly "--cyan-10": {
+        readonly light: "#33e5bb";
+        readonly dark: "#5af8ce";
+    };
+    readonly "--cyan-11": {
+        readonly light: "#027a61";
+        readonly dark: "#90fbdb";
+    };
+    readonly "--cyan-12": {
+        readonly light: "#004133";
+        readonly dark: "#bdfde8";
+    };
+    readonly "--cyan-2": {
+        readonly light: "#effbf7";
+        readonly dark: "#091e18";
+    };
+    readonly "--cyan-3": {
+        readonly light: "#daf9ee";
+        readonly dark: "#0f2e25";
+    };
+    readonly "--cyan-4": {
+        readonly light: "#c3f6e4";
+        readonly dark: "#1c4035";
+    };
+    readonly "--cyan-5": {
+        readonly light: "#a3f2d8";
+        readonly dark: "#2b5347";
+    };
+    readonly "--cyan-6": {
+        readonly light: "#8eefd1";
+        readonly dark: "#307864";
+    };
+    readonly "--cyan-7": {
+        readonly light: "#77ecc9";
+        readonly dark: "#309e82";
+    };
+    readonly "--cyan-8": {
+        readonly light: "#5be8c2";
+        readonly dark: "#28c7a2";
+    };
+    readonly "--cyan-9": {
+        readonly light: "#0bf1c3";
+    };
+    readonly "--cyan-contrast": {
+        readonly light: "#0d2b25";
+    };
+    readonly "--destructive": {
+        readonly light: "0 84% 45%";
+        readonly dark: "0 63% 38%";
+    };
+    readonly "--destructive-foreground": {
+        readonly light: "0 0% 100%";
+        readonly dark: "210 18% 96%";
+    };
+    readonly "--destructive-strong": {
+        readonly light: "0 84% 45%";
+        readonly dark: "0 80% 66%";
+    };
+    readonly "--ds-amber-200": {
+        readonly light: "oklch(96.81% 0.0495 90.24227879900472)";
+        readonly dark: "oklch(24.95% 0.0642 64.78)";
+    };
+    readonly "--ds-amber-700": {
+        readonly light: "oklch(81.87% 0.1969 76.46)";
+    };
+    readonly "--ds-amber-900": {
+        readonly light: "oklch(52.79% 0.1496 54.65)";
+        readonly dark: "oklch(77.21% 0.1991 64.28)";
+    };
+    readonly "--ds-background-100": {
+        readonly light: "hsla(0, 0%, 100%, 1)";
+        readonly dark: "hsla(0, 0%, 4%, 1)";
+    };
+    readonly "--ds-blue-200": {
+        readonly light: "oklch(96.29% 0.0195 250.59)";
+        readonly dark: "oklch(25.45% 0.0811 255.8)";
+    };
+    readonly "--ds-blue-700": {
+        readonly light: "oklch(57.61% 0.2508 258.23)";
+        readonly dark: "oklch(57.61% 0.2321 258.23)";
+    };
+    readonly "--ds-blue-900": {
+        readonly light: "oklch(53.18% 0.2399 256.9900584162342)";
+        readonly dark: "oklch(71.7% 0.1648 250.79360374054167)";
+    };
+    readonly "--ds-gray-100": {
+        readonly light: "hsla(0, 0%, 95%, 1)";
+        readonly dark: "hsla(0, 0%, 10%, 1)";
+    };
+    readonly "--ds-gray-1000": {
+        readonly light: "hsla(0, 0%, 9%, 1)";
+        readonly dark: "hsla(0, 0%, 93%, 1)";
+    };
+    readonly "--ds-gray-200": {
+        readonly light: "hsla(0, 0%, 92%, 1)";
+        readonly dark: "hsla(0, 0%, 12%, 1)";
+    };
+    readonly "--ds-gray-500": {
+        readonly light: "hsla(0, 0%, 79%, 1)";
+        readonly dark: "hsla(0, 0%, 27%, 1)";
+    };
+    readonly "--ds-gray-600": {
+        readonly light: "hsla(0, 0%, 66%, 1)";
+        readonly dark: "hsla(0, 0%, 53%, 1)";
+    };
+    readonly "--ds-gray-700": {
+        readonly light: "hsla(0, 0%, 56%, 1)";
+    };
+    readonly "--ds-green-200": {
+        readonly light: "oklch(96.92% 0.037 147.15)";
+        readonly dark: "oklch(27.12% 0.0895 150.09)";
+    };
+    readonly "--ds-green-700": {
+        readonly light: "oklch(64.58% 0.1746 147.27)";
+        readonly dark: "oklch(64.58% 0.199 147.27)";
+    };
+    readonly "--ds-green-900": {
+        readonly light: "oklch(51.75% 0.1453 147.65)";
+        readonly dark: "oklch(73.1% 0.2158 148.29)";
+    };
+    readonly "--ds-pink-300": {
+        readonly light: "oklch(93.83% 0.0451 356.29)";
+        readonly dark: "oklch(31.15% 0.1067 355.93)";
+    };
+    readonly "--ds-pink-700": {
+        readonly light: "oklch(63.52% 0.238 1.01)";
+        readonly dark: "oklch(63.52% 0.2346 1.01)";
+    };
+    readonly "--ds-pink-900": {
+        readonly light: "oklch(53.5% 0.2058 2.84)";
+        readonly dark: "oklch(69.36% 0.2223 3.91)";
+    };
+    readonly "--ds-purple-200": {
+        readonly light: "oklch(96.73% 0.0228 309.8)";
+        readonly dark: "oklch(25.91% 0.0921 314.41)";
+    };
+    readonly "--ds-purple-700": {
+        readonly light: "oklch(55.5% 0.3008 306.12)";
+        readonly dark: "oklch(55.5% 0.2186 306.12)";
+    };
+    readonly "--ds-purple-900": {
+        readonly light: "oklch(47.18% 0.2579 304)";
+        readonly dark: "oklch(69.87% 0.2037 309.51)";
+    };
+    readonly "--ds-red-200": {
+        readonly light: "oklch(95.41% 0.0299 14.252646656611997)";
+        readonly dark: "oklch(25.93% 0.0834 19.02)";
+    };
+    readonly "--ds-red-700": {
+        readonly light: "oklch(62.56% 0.2524 23.03)";
+        readonly dark: "oklch(62.56% 0.2234 23.03)";
+    };
+    readonly "--ds-red-900": {
+        readonly light: "oklch(54.99% 0.232 25.29)";
+        readonly dark: "oklch(69.96% 0.2136 22.03)";
+    };
+    readonly "--ds-teal-300": {
+        readonly light: "oklch(94.92% 0.0478 182.07)";
+        readonly dark: "oklch(31.5% 0.0767 180.99)";
+    };
+    readonly "--ds-teal-700": {
+        readonly light: "oklch(64.92% 0.1572 181.95)";
+        readonly dark: "oklch(64.92% 0.1403 181.95)";
+    };
+    readonly "--ds-teal-900": {
+        readonly light: "oklch(52.08% 0.1251 182.93)";
+        readonly dark: "oklch(74.56% 0.1765 182.8)";
+    };
+    readonly "--ds-trial-end": {
+        readonly light: "rgb(248, 28, 229)";
+    };
+    readonly "--ds-trial-start": {
+        readonly light: "rgb(0, 112, 243)";
+    };
+    readonly "--ds-turbo-end": {
+        readonly light: "#0096ff";
+    };
+    readonly "--ds-turbo-start": {
+        readonly light: "#ff1e56";
+    };
+    readonly "--duration-cinematic": {
+        readonly light: "500ms";
+    };
+    readonly "--duration-flow": {
+        readonly light: "200ms";
+    };
+    readonly "--duration-micro": {
+        readonly light: "100ms";
+    };
+    readonly "--duration-reveal": {
+        readonly light: "300ms";
+    };
+    readonly "--ease-in": {
+        readonly light: "cubic-bezier(0.4, 0, 1, 1)";
+    };
+    readonly "--ease-in-out": {
+        readonly light: "cubic-bezier(0.4, 0, 0.2, 1)";
+    };
+    readonly "--ease-out": {
+        readonly light: "cubic-bezier(0.16, 1, 0.3, 1)";
+    };
+    readonly "--ease-spring": {
+        readonly light: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
+    };
+    readonly "--edge-faint": {
+        readonly light: "rgb(0 0 0 / 0.04)";
+        readonly dark: "rgb(255 255 255 / 0.04)";
+    };
+    readonly "--edge-medium": {
+        readonly light: "rgb(0 0 0 / 0.12)";
+        readonly dark: "rgb(255 255 255 / 0.1)";
+    };
+    readonly "--edge-soft": {
+        readonly light: "rgb(0 0 0 / 0.07)";
+        readonly dark: "rgb(255 255 255 / 0.06)";
+    };
+    readonly "--elevation-2xl": {
+        readonly light: "0 25px 50px -12px rgb(0 0 0 / 0.25)";
+        readonly dark: "0 25px 50px -12px rgb(0 0 0 / 0.8)";
+    };
+    readonly "--elevation-ambient-glow": {
+        readonly light: "0 0 80px hsl(222 47% 11% / 0.1)";
+        readonly dark: "0 0 80px rgb(255 255 255 / 0.06)";
+    };
+    readonly "--elevation-ambient-lg": {
+        readonly light: "0 4px 8px -4px hsl(222 47% 11% / 0.06), 0 24px 56px -18px hsl(222 47% 11% / 0.16)";
+        readonly dark: "0 4px 8px -4px rgb(0 0 0 / 0.4), 0 24px 56px -18px rgb(0 0 0 / 0.6)";
+    };
+    readonly "--elevation-ambient-md": {
+        readonly light: "0 2px 4px -2px hsl(222 47% 11% / 0.06), 0 12px 32px -10px hsl(222 47% 11% / 0.14)";
+        readonly dark: "0 2px 4px -2px rgb(0 0 0 / 0.4), 0 12px 32px -10px rgb(0 0 0 / 0.55)";
+    };
+    readonly "--elevation-ambient-sm": {
+        readonly light: "0 1px 2px -1px hsl(222 47% 11% / 0.06), 0 6px 16px -6px hsl(222 47% 11% / 0.12)";
+        readonly dark: "0 1px 2px -1px rgb(0 0 0 / 0.4), 0 6px 16px -6px rgb(0 0 0 / 0.5)";
+    };
+    readonly "--elevation-brand": {
+        readonly light: "0 0 0 1px rgb(0 51 254 / 0.15), 0 4px 20px -2px rgb(0 51 254 / 0.2)";
+        readonly dark: "0 0 0 1px rgb(92 124 250 / 0.25), 0 4px 20px -2px rgb(92 124 250 / 0.3)";
+    };
+    readonly "--elevation-brand-lg": {
+        readonly light: "0 0 0 1px rgb(0 51 254 / 0.2), 0 8px 40px -4px rgb(0 51 254 / 0.3)";
+        readonly dark: "0 0 0 1px rgb(92 124 250 / 0.3), 0 8px 40px -4px rgb(92 124 250 / 0.4)";
+    };
+    readonly "--elevation-glass-lg": {
+        readonly light: "inset 0 1px 0 rgb(255 255 255 / 0.5), 0 4px 8px -4px hsl(222 47% 11% / 0.06), 0 24px 56px -18px hsl(222 47% 11% / 0.16)";
+        readonly dark: "inset 0 1px 0 rgb(255 255 255 / 0.08), 0 4px 8px -4px rgb(0 0 0 / 0.4), 0 24px 56px -18px rgb(0 0 0 / 0.6)";
+    };
+    readonly "--elevation-glass-md": {
+        readonly light: "inset 0 1px 0 rgb(255 255 255 / 0.5), 0 2px 4px -2px hsl(222 47% 11% / 0.06), 0 12px 32px -10px hsl(222 47% 11% / 0.14)";
+        readonly dark: "inset 0 1px 0 rgb(255 255 255 / 0.08), 0 2px 4px -2px rgb(0 0 0 / 0.4), 0 12px 32px -10px rgb(0 0 0 / 0.55)";
+    };
+    readonly "--elevation-glass-sm": {
+        readonly light: "inset 0 1px 0 rgb(255 255 255 / 0.5), 0 1px 2px -1px hsl(222 47% 11% / 0.06), 0 6px 16px -6px hsl(222 47% 11% / 0.12)";
+        readonly dark: "inset 0 1px 0 rgb(255 255 255 / 0.08), 0 1px 2px -1px rgb(0 0 0 / 0.4), 0 6px 16px -6px rgb(0 0 0 / 0.5)";
+    };
+    readonly "--elevation-glow-accent": {
+        readonly light: "0 8px 32px rgb(0 0 0 / 0.4), 0 0 60px color-mix(in srgb, var(--brand-accent) 8%, transparent)";
+    };
+    readonly "--elevation-glow-accent-lg": {
+        readonly light: "0 12px 48px rgb(0 0 0 / 0.5), 0 0 80px color-mix(in srgb, var(--brand-accent) 12%, transparent)";
+    };
+    readonly "--elevation-glow-accent-sm": {
+        readonly light: "0 0 20px color-mix(in srgb, var(--brand-accent) 10%, transparent)";
+    };
+    readonly "--elevation-glow-primary": {
+        readonly light: "0 20px 25px -5px hsl(var(--primary) / 0.05), 0 8px 10px -6px hsl(var(--primary) / 0.05)";
+    };
+    readonly "--elevation-lg": {
+        readonly light: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+        readonly dark: "0 10px 15px -3px rgb(0 0 0 / 0.5), 0 4px 6px -4px rgb(0 0 0 / 0.5)";
+    };
+    readonly "--elevation-md": {
+        readonly light: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+        readonly dark: "0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.4)";
+    };
+    readonly "--elevation-sheen": {
+        readonly light: "inset 0 1px 0 rgb(255 255 255 / 0.2)";
+        readonly dark: "inset 0 1px 0 rgb(0 0 0 / 0.12)";
+    };
+    readonly "--elevation-sm": {
+        readonly light: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+        readonly dark: "0 1px 3px 0 rgb(0 0 0 / 0.4), 0 1px 2px -1px rgb(0 0 0 / 0.4)";
+    };
+    readonly "--elevation-xl": {
+        readonly light: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+        readonly dark: "0 20px 25px -5px rgb(0 0 0 / 0.6), 0 8px 10px -6px rgb(0 0 0 / 0.6)";
+    };
+    readonly "--elevation-xs": {
+        readonly light: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+        readonly dark: "0 1px 2px 0 rgb(0 0 0 / 0.3)";
+    };
+    readonly "--focus-ring": {
+        readonly light: "0 0 0 2px hsl(var(--ring) / 0.4)";
+    };
+    readonly "--font-cn": {
+        readonly light: "var(--font-geist-sans), \"Geist\", var(--font-misans, \"MiSans\"), \"PingFang SC\", \"Microsoft YaHei\", sans-serif";
+    };
+    readonly "--font-display": {
+        readonly light: "var(--font-dm-sans), \"DM Sans\", var(--font-misans, \"MiSans\"), \"PingFang SC\", sans-serif";
+    };
+    readonly "--font-heading": {
+        readonly light: "var(--font-dm-sans), \"DM Sans\", var(--font-misans, \"MiSans\"), \"PingFang SC\", sans-serif";
+    };
+    readonly "--font-mono": {
+        readonly light: "var(--font-geist-mono), \"Geist Mono\", ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, monospace";
+    };
+    readonly "--font-sans": {
+        readonly light: "var(--font-geist-sans), \"Geist\", var(--font-misans, \"MiSans\"), \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif";
+    };
+    readonly "--foreground": {
+        readonly light: "225 7.7% 10.2%";
+        readonly dark: "228 23.8% 95.9%";
+    };
+    readonly "--gradient-brand": {
+        readonly light: "var(--brand-gradient)";
+    };
+    readonly "--gradient-brand-glow": {
+        readonly light: "var(--brand-gradient-radial)";
+    };
+    readonly "--gradient-brand-hover": {
+        readonly light: "var(--brand-gradient-reverse)";
+    };
+    readonly "--gradient-brand-logo": {
+        readonly light: "var(--brand-gradient-logo)";
+    };
+    readonly "--gradient-brand-logo-reverse": {
+        readonly light: "var(--brand-gradient-logo-reverse)";
+    };
+    readonly "--gradient-brand-radial": {
+        readonly light: "var(--brand-gradient-radial)";
+    };
+    readonly "--gradient-brand-reverse": {
+        readonly light: "var(--brand-gradient-reverse)";
+    };
+    readonly "--gradient-brand-vertical": {
+        readonly light: "var(--brand-gradient-vertical)";
+    };
+    readonly "--gradient-glow": {
+        readonly light: "var(--brand-gradient-radial)";
+    };
+    readonly "--gradient-section": {
+        readonly light: "var(--brand-gradient-vertical)";
+    };
+    readonly "--halo-faint": {
+        readonly light: "rgb(0 0 0 / 0.03)";
+        readonly dark: "rgb(255 255 255 / 0.03)";
+    };
+    readonly "--info": {
+        readonly light: "228 85% 56%";
+        readonly dark: "228 95% 72%";
+    };
+    readonly "--info-foreground": {
+        readonly light: "0 0% 100%";
+        readonly dark: "222 14% 9%";
+    };
+    readonly "--input": {
+        readonly light: "225 8% 90.2%";
+        readonly dark: "220 3.6% 16.3%";
+    };
+    readonly "--layer-backdrop": {
+        readonly light: "1040";
+    };
+    readonly "--layer-banner": {
+        readonly light: "90";
+    };
+    readonly "--layer-devtools": {
+        readonly light: "9999";
+    };
+    readonly "--layer-drawer": {
+        readonly light: "60";
+    };
+    readonly "--layer-floating": {
+        readonly light: "30";
+    };
+    readonly "--layer-modal": {
+        readonly light: "1050";
+    };
+    readonly "--layer-nav": {
+        readonly light: "40";
+    };
+    readonly "--layer-panel": {
+        readonly light: "200";
+    };
+    readonly "--layer-popover": {
+        readonly light: "1060";
+    };
+    readonly "--layer-raised": {
+        readonly light: "10";
+    };
+    readonly "--layer-skip-link": {
+        readonly light: "100";
+    };
+    readonly "--layer-sticky": {
+        readonly light: "20";
+    };
+    readonly "--layer-tooltip": {
+        readonly light: "1070";
+    };
+    readonly "--leading-display": {
+        readonly light: "1.05";
+    };
+    readonly "--leading-heading": {
+        readonly light: "1.15";
+    };
+    readonly "--motion-duration-cinematic": {
+        readonly light: "500ms";
+    };
+    readonly "--motion-duration-flow": {
+        readonly light: "200ms";
+    };
+    readonly "--motion-duration-micro": {
+        readonly light: "100ms";
+    };
+    readonly "--motion-duration-reveal": {
+        readonly light: "300ms";
+    };
+    readonly "--motion-ease-brand": {
+        readonly light: "cubic-bezier(0.16, 1, 0.3, 1)";
+    };
+    readonly "--motion-ease-in": {
+        readonly light: "cubic-bezier(0.4, 0, 1, 1)";
+    };
+    readonly "--motion-ease-in-out": {
+        readonly light: "cubic-bezier(0.4, 0, 0.2, 1)";
+    };
+    readonly "--motion-ease-out": {
+        readonly light: "cubic-bezier(0.16, 1, 0.3, 1)";
+    };
+    readonly "--motion-ease-spring": {
+        readonly light: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
+    };
+    readonly "--muted": {
+        readonly light: "220 14.3% 95.9%";
+        readonly dark: "225 6.2% 12.5%";
+    };
+    readonly "--muted-foreground": {
+        readonly light: "220 2.6% 45.5%";
+        readonly dark: "228 2.6% 62.5%";
+    };
+    readonly "--nebutra-blue-100": {
+        readonly light: "#dbe4ff";
+    };
+    readonly "--nebutra-blue-200": {
+        readonly light: "#bac8ff";
+    };
+    readonly "--nebutra-blue-300": {
+        readonly light: "#91a7ff";
+    };
+    readonly "--nebutra-blue-400": {
+        readonly light: "#5c7cfa";
+    };
+    readonly "--nebutra-blue-50": {
+        readonly light: "#f0f4ff";
+    };
+    readonly "--nebutra-blue-500": {
+        readonly light: "#0033fe";
+    };
+    readonly "--nebutra-blue-600": {
+        readonly light: "#002ad4";
+    };
+    readonly "--nebutra-blue-700": {
+        readonly light: "#0021ab";
+    };
+    readonly "--nebutra-blue-800": {
+        readonly light: "#001882";
+    };
+    readonly "--nebutra-blue-900": {
+        readonly light: "#000f59";
+    };
+    readonly "--nebutra-blue-950": {
+        readonly light: "#000830";
+    };
+    readonly "--nebutra-brand-blue": {
+        readonly light: "var(--nebutra-blue-500)";
+    };
+    readonly "--nebutra-brand-cyan": {
+        readonly light: "var(--nebutra-cyan-500)";
+    };
+    readonly "--nebutra-cyan-100": {
+        readonly light: "#b3ffec";
+    };
+    readonly "--nebutra-cyan-200": {
+        readonly light: "#80ffe0";
+    };
+    readonly "--nebutra-cyan-300": {
+        readonly light: "#4dfcd4";
+    };
+    readonly "--nebutra-cyan-400": {
+        readonly light: "#1af7c8";
+    };
+    readonly "--nebutra-cyan-50": {
+        readonly light: "#e6fff8";
+    };
+    readonly "--nebutra-cyan-500": {
+        readonly light: "#0bf1c3";
+    };
+    readonly "--nebutra-cyan-600": {
+        readonly light: "#09c9a3";
+    };
+    readonly "--nebutra-cyan-700": {
+        readonly light: "#07a183";
+    };
+    readonly "--nebutra-cyan-800": {
+        readonly light: "#057963";
+    };
+    readonly "--nebutra-cyan-900": {
+        readonly light: "#035143";
+    };
+    readonly "--nebutra-cyan-950": {
+        readonly light: "#012923";
+    };
+    readonly "--nebutra-gray-100": {
+        readonly light: "#f5f5f5";
+    };
+    readonly "--nebutra-gray-200": {
+        readonly light: "#e5e5e5";
+    };
+    readonly "--nebutra-gray-300": {
+        readonly light: "#d4d4d4";
+    };
+    readonly "--nebutra-gray-400": {
+        readonly light: "#a3a3a3";
+    };
+    readonly "--nebutra-gray-50": {
+        readonly light: "#fafafa";
+    };
+    readonly "--nebutra-gray-500": {
+        readonly light: "#737373";
+    };
+    readonly "--nebutra-gray-600": {
+        readonly light: "#525252";
+    };
+    readonly "--nebutra-gray-700": {
+        readonly light: "#404040";
+    };
+    readonly "--nebutra-gray-800": {
+        readonly light: "#262626";
+    };
+    readonly "--nebutra-gray-900": {
+        readonly light: "#171717";
+    };
+    readonly "--nebutra-gray-950": {
+        readonly light: "#0a0a0a";
+    };
+    readonly "--nebutra-neutral-100": {
+        readonly light: "#f3f4f6";
+    };
+    readonly "--nebutra-neutral-200": {
+        readonly light: "#e4e5e8";
+    };
+    readonly "--nebutra-neutral-300": {
+        readonly light: "#d2d4d8";
+    };
+    readonly "--nebutra-neutral-400": {
+        readonly light: "#9fa1a5";
+    };
+    readonly "--nebutra-neutral-50": {
+        readonly light: "#f9fafb";
+    };
+    readonly "--nebutra-neutral-500": {
+        readonly light: "#717377";
+    };
+    readonly "--nebutra-neutral-600": {
+        readonly light: "#515357";
+    };
+    readonly "--nebutra-neutral-700": {
+        readonly light: "#3f4044";
+    };
+    readonly "--nebutra-neutral-800": {
+        readonly light: "#26272a";
+    };
+    readonly "--nebutra-neutral-900": {
+        readonly light: "#18191c";
+    };
+    readonly "--nebutra-neutral-950": {
+        readonly light: "#0b0c0d";
+    };
+    readonly "--neutral-1": {
+        readonly light: "#ffffff";
+        readonly dark: "#0b0c0d";
+    };
+    readonly "--neutral-10": {
+        readonly light: "#515357";
+        readonly dark: "#d2d4d8";
+    };
+    readonly "--neutral-11": {
+        readonly light: "#3f4044";
+        readonly dark: "#e4e5e8";
+    };
+    readonly "--neutral-12": {
+        readonly light: "#18191c";
+        readonly dark: "#f9fafb";
+    };
+    readonly "--neutral-2": {
+        readonly light: "#f9fafb";
+        readonly dark: "#18191c";
+    };
+    readonly "--neutral-3": {
+        readonly light: "#f3f4f6";
+        readonly dark: "#26272a";
+    };
+    readonly "--neutral-4": {
+        readonly light: "#e4e5e8";
+        readonly dark: "#3f4044";
+    };
+    readonly "--neutral-5": {
+        readonly light: "#d2d4d8";
+        readonly dark: "#515357";
+    };
+    readonly "--neutral-6": {
+        readonly light: "#b9bbbf";
+        readonly dark: "#666666";
+    };
+    readonly "--neutral-7": {
+        readonly light: "#a0a2a6";
+        readonly dark: "#797979";
+    };
+    readonly "--neutral-8": {
+        readonly light: "#888a8e";
+        readonly dark: "#8d8d8d";
+    };
+    readonly "--neutral-9": {
+        readonly light: "#717377";
+        readonly dark: "#9fa1a5";
+    };
+    readonly "--overlay-faint": {
+        readonly light: "rgb(0 0 0 / 0.06)";
+        readonly dark: "rgb(255 255 255 / 0.06)";
+    };
+    readonly "--popover": {
+        readonly light: "0 0% 100%";
+        readonly dark: "225 7.7% 10.2%";
+    };
+    readonly "--popover-foreground": {
+        readonly light: "225 7.7% 10.2%";
+        readonly dark: "228 23.8% 95.9%";
+    };
+    readonly "--primary": {
+        readonly light: "225 7.7% 10.2%";
+        readonly dark: "228 23.8% 95.9%";
+    };
+    readonly "--primary-foreground": {
+        readonly light: "0 0% 100%";
+        readonly dark: "220 11.1% 5.3%";
+    };
+    readonly "--radius": {
+        readonly light: "0.375rem";
+    };
+    readonly "--radius-2xl": {
+        readonly light: "1rem";
+    };
+    readonly "--radius-3xl": {
+        readonly light: "1.5rem";
+    };
+    readonly "--radius-button": {
+        readonly light: "0.5rem";
+    };
+    readonly "--radius-card": {
+        readonly light: "0.75rem";
+    };
+    readonly "--radius-full": {
+        readonly light: "9999px";
+    };
+    readonly "--radius-lg": {
+        readonly light: "0.5rem";
+    };
+    readonly "--radius-md": {
+        readonly light: "0.375rem";
+    };
+    readonly "--radius-none": {
+        readonly light: "0";
+    };
+    readonly "--radius-panel": {
+        readonly light: "1rem";
+    };
+    readonly "--radius-sm": {
+        readonly light: "0.25rem";
+    };
+    readonly "--radius-xl": {
+        readonly light: "0.75rem";
+    };
+    readonly "--radius-xs": {
+        readonly light: "0.125rem";
+    };
+    readonly "--ring": {
+        readonly light: "222.8 85% 55.7%";
+        readonly dark: "222.6 87.3% 69%";
+    };
+    readonly "--ring-hairline": {
+        readonly light: "inset 0 0 0 1px rgb(255 255 255 / 0.04)";
+        readonly dark: "inset 0 0 0 1px rgb(255 255 255 / 0.06)";
+    };
+    readonly "--secondary": {
+        readonly light: "220 14.3% 95.9%";
+        readonly dark: "225 6.2% 12.5%";
+    };
+    readonly "--secondary-foreground": {
+        readonly light: "225 7.7% 10.2%";
+        readonly dark: "228 23.8% 95.9%";
+    };
+    readonly "--sidebar": {
+        readonly light: "210 20% 98%";
+        readonly dark: "220 11.1% 5.3%";
+    };
+    readonly "--sidebar-accent": {
+        readonly light: "220 14.3% 95.9%";
+        readonly dark: "225 6.2% 12.5%";
+    };
+    readonly "--sidebar-accent-foreground": {
+        readonly light: "225 7.7% 10.2%";
+        readonly dark: "228 23.8% 95.9%";
+    };
+    readonly "--sidebar-border": {
+        readonly light: "225 8% 90.2%";
+        readonly dark: "225 6.2% 12.5%";
+    };
+    readonly "--sidebar-foreground": {
+        readonly light: "225 7.7% 10.2%";
+        readonly dark: "228 23.8% 95.9%";
+    };
+    readonly "--sidebar-primary": {
+        readonly light: "225 7.7% 10.2%";
+        readonly dark: "228 23.8% 95.9%";
+    };
+    readonly "--sidebar-primary-foreground": {
+        readonly light: "0 0% 100%";
+        readonly dark: "220 11.1% 5.3%";
+    };
+    readonly "--sidebar-ring": {
+        readonly light: "222.8 85% 55.7%";
+        readonly dark: "222.6 87.3% 69%";
+    };
+    readonly "--space-source-2xl": {
+        readonly light: "3rem";
+    };
+    readonly "--space-source-lg": {
+        readonly light: "1.5rem";
+    };
+    readonly "--space-source-md": {
+        readonly light: "1rem";
+    };
+    readonly "--space-source-sm": {
+        readonly light: "0.75rem";
+    };
+    readonly "--space-source-xl": {
+        readonly light: "2rem";
+    };
+    readonly "--space-source-xs": {
+        readonly light: "0.5rem";
+    };
+    readonly "--status-danger": {
+        readonly light: "#ef4444";
+    };
+    readonly "--status-info": {
+        readonly light: "#0033fe";
+        readonly dark: "#5c7cfa";
+    };
+    readonly "--status-success": {
+        readonly light: "#22c55e";
+    };
+    readonly "--status-warning": {
+        readonly light: "#f59e0b";
+    };
+    readonly "--success": {
+        readonly light: "142 71% 29%";
+        readonly dark: "142 60% 42%";
+    };
+    readonly "--success-foreground": {
+        readonly light: "0 0% 100%";
+        readonly dark: "222 14% 9%";
+    };
+    readonly "--success-strong": {
+        readonly light: "142 71% 27%";
+        readonly dark: "142 60% 42%";
+    };
+    readonly "--tracking-display": {
+        readonly light: "-0.04em";
+    };
+    readonly "--tracking-heading": {
+        readonly light: "-0.03em";
+    };
+    readonly "--tracking-label": {
+        readonly light: "0.07em";
+    };
+    readonly "--tracking-tight": {
+        readonly light: "-0.015em";
+    };
+    readonly "--transition": {
+        readonly light: "150ms ease-out";
+    };
+    readonly "--type-2xl-leading": {
+        readonly light: "1.33";
+    };
+    readonly "--type-2xl-size": {
+        readonly light: "1.5rem";
+    };
+    readonly "--type-2xl-tracking": {
+        readonly light: "-0.015em";
+    };
+    readonly "--type-2xs-leading": {
+        readonly light: "1.45";
+    };
+    readonly "--type-2xs-size": {
+        readonly light: "0.6875rem";
+    };
+    readonly "--type-2xs-tracking": {
+        readonly light: "0.01em";
+    };
+    readonly "--type-3xl-leading": {
+        readonly light: "1.25";
+    };
+    readonly "--type-3xl-size": {
+        readonly light: "1.875rem";
+    };
+    readonly "--type-3xl-tracking": {
+        readonly light: "-0.02em";
+    };
+    readonly "--type-4xl-leading": {
+        readonly light: "1.15";
+    };
+    readonly "--type-4xl-size": {
+        readonly light: "2.25rem";
+    };
+    readonly "--type-4xl-tracking": {
+        readonly light: "-0.022em";
+    };
+    readonly "--type-5xl-leading": {
+        readonly light: "1.08";
+    };
+    readonly "--type-5xl-size": {
+        readonly light: "3rem";
+    };
+    readonly "--type-5xl-tracking": {
+        readonly light: "-0.028em";
+    };
+    readonly "--type-6xl-leading": {
+        readonly light: "1.04";
+    };
+    readonly "--type-6xl-size": {
+        readonly light: "3.75rem";
+    };
+    readonly "--type-6xl-tracking": {
+        readonly light: "-0.032em";
+    };
+    readonly "--type-7xl-leading": {
+        readonly light: "1";
+    };
+    readonly "--type-7xl-size": {
+        readonly light: "4.5rem";
+    };
+    readonly "--type-7xl-tracking": {
+        readonly light: "-0.035em";
+    };
+    readonly "--type-8xl-leading": {
+        readonly light: "1";
+    };
+    readonly "--type-8xl-size": {
+        readonly light: "6rem";
+    };
+    readonly "--type-8xl-tracking": {
+        readonly light: "-0.04em";
+    };
+    readonly "--type-9xl-leading": {
+        readonly light: "1";
+    };
+    readonly "--type-9xl-size": {
+        readonly light: "8rem";
+    };
+    readonly "--type-9xl-tracking": {
+        readonly light: "-0.045em";
+    };
+    readonly "--type-base-leading": {
+        readonly light: "1.6";
+    };
+    readonly "--type-base-size": {
+        readonly light: "1rem";
+    };
+    readonly "--type-base-tracking": {
+        readonly light: "-0.005em";
+    };
+    readonly "--type-body-leading": {
+        readonly light: "1.5";
+    };
+    readonly "--type-body-size": {
+        readonly light: "0.875rem";
+    };
+    readonly "--type-body-tracking": {
+        readonly light: "0em";
+    };
+    readonly "--type-display-leading": {
+        readonly light: "1.45";
+    };
+    readonly "--type-display-size": {
+        readonly light: "1.25rem";
+    };
+    readonly "--type-display-tracking": {
+        readonly light: "-0.012em";
+    };
+    readonly "--type-label-leading": {
+        readonly light: "1.4";
+    };
+    readonly "--type-label-size": {
+        readonly light: "0.75rem";
+    };
+    readonly "--type-label-tracking": {
+        readonly light: "0.005em";
+    };
+    readonly "--type-lg-leading": {
+        readonly light: "1.55";
+    };
+    readonly "--type-lg-size": {
+        readonly light: "1.125rem";
+    };
+    readonly "--type-lg-tracking": {
+        readonly light: "-0.01em";
+    };
+    readonly "--type-meta-leading": {
+        readonly light: "1.45";
+    };
+    readonly "--type-meta-size": {
+        readonly light: "0.6875rem";
+    };
+    readonly "--type-meta-tracking": {
+        readonly light: "0.01em";
+    };
+    readonly "--type-sm-leading": {
+        readonly light: "1.5";
+    };
+    readonly "--type-sm-size": {
+        readonly light: "0.875rem";
+    };
+    readonly "--type-sm-tracking": {
+        readonly light: "0em";
+    };
+    readonly "--type-ui-leading": {
+        readonly light: "1.45";
+    };
+    readonly "--type-ui-size": {
+        readonly light: "0.8125rem";
+    };
+    readonly "--type-ui-tracking": {
+        readonly light: "0em";
+    };
+    readonly "--type-xl-leading": {
+        readonly light: "1.45";
+    };
+    readonly "--type-xl-size": {
+        readonly light: "1.25rem";
+    };
+    readonly "--type-xl-tracking": {
+        readonly light: "-0.012em";
+    };
+    readonly "--type-xs-leading": {
+        readonly light: "1.4";
+    };
+    readonly "--type-xs-size": {
+        readonly light: "0.75rem";
+    };
+    readonly "--type-xs-tracking": {
+        readonly light: "0.005em";
+    };
+    readonly "--warning": {
+        readonly light: "38 92% 50%";
+        readonly dark: "38 80% 52%";
+    };
+    readonly "--warning-foreground": {
+        readonly light: "222 47% 11%";
+        readonly dark: "222 14% 9%";
+    };
+    readonly "--warning-strong": {
+        readonly light: "38 92% 30%";
+        readonly dark: "38 80% 52%";
+    };
+};
+
+/**
+ * @nebutra/tokens/values — token values for code that cannot read CSS.
+ *
+ * Storybook and docs demos that print a value, OG images rendered by satori,
+ * PDFs, emails, charts on canvas: anything that needs the value as a string
+ * reads it here instead of restating it. The table is generated from
+ * styles.css (./values.generated.ts), so it is the stylesheet apps render
+ * with, not a copy of it. `scripts/lint-token-mirrors.mjs` fails a file that
+ * restates token values instead.
+ *
+ * Server-safe: no React, no DOM.
+ */
+
+type TokenName = keyof typeof TOKEN_VALUES;
+type TokenMode = "light" | "dark";
+declare function isTokenName(name: string): name is TokenName;
+/** The value as declared, `var()` references intact. Dark falls back to light. */
+declare function tokenValue(name: TokenName, mode?: TokenMode): string;
+/**
+ * Substitute every `var()` with the token it names, recursively. A variable
+ * the stylesheet does not define (a next/font variable set at runtime) takes
+ * its fallback, or `undefinedAs` when it has none — `""` drops it.
+ */
+declare function resolveTokenValue(name: TokenName, mode?: TokenMode, undefinedAs?: (variable: string) => string): string;
+/**
+ * A font-family token as the families it names, in order, runtime next/font
+ * variables dropped: `--font-heading` → ["DM Sans", "MiSans", "PingFang SC", "sans-serif"].
+ */
+declare function fontFamilies(name: TokenName, mode?: TokenMode): string[];
+/** A font-family token as a CSS stack with runtime variables dropped. */
+declare function fontStack(name: TokenName, mode?: TokenMode): string;
+/**
+ * A colour a non-CSS renderer can paint. Semantic tokens hold bare HSL
+ * channels (`222 47% 11%`) — those come back wrapped as `hsl(…)`; everything
+ * else comes back resolved.
+ */
+declare function tokenColor(name: TokenName, mode?: TokenMode): string;
+
+export { TOKEN_VALUES, type TokenMode, type TokenName, fontFamilies, fontStack, isTokenName, resolveTokenValue, tokenColor, tokenValue };