diff --git a/.changeset/chatty-kiwis-relax.md b/.changeset/chatty-kiwis-relax.md
new file mode 100644
index 0000000000..bfce2f9794
--- /dev/null
+++ b/.changeset/chatty-kiwis-relax.md
@@ -0,0 +1,5 @@
+---
+'@pandacss/generator': minor
+---
+
+Export tokens individually for tree shaking.
diff --git a/packages/generator/__tests__/generate-token-js.test.ts b/packages/generator/__tests__/generate-token-js.test.ts
index 1987592cec..fe7aa2444d 100644
--- a/packages/generator/__tests__/generate-token-js.test.ts
+++ b/packages/generator/__tests__/generate-token-js.test.ts
@@ -9,4011 +9,59 @@ const tokenJs = (userConfig?: Config) => {
 }
 
 test('[dts] should generate package', () => {
-  expect(tokenJs()).toMatchInlineSnapshot(
-    `
-    "const tokens = {
-      "aspectRatios.square": {
-        "value": "1 / 1",
-        "variable": "var(--aspect-ratios-square)"
-      },
-      "aspectRatios.landscape": {
-        "value": "4 / 3",
-        "variable": "var(--aspect-ratios-landscape)"
-      },
-      "aspectRatios.portrait": {
-        "value": "3 / 4",
-        "variable": "var(--aspect-ratios-portrait)"
-      },
-      "aspectRatios.wide": {
-        "value": "16 / 9",
-        "variable": "var(--aspect-ratios-wide)"
-      },
-      "aspectRatios.ultrawide": {
-        "value": "18 / 5",
-        "variable": "var(--aspect-ratios-ultrawide)"
-      },
-      "aspectRatios.golden": {
-        "value": "1.618 / 1",
-        "variable": "var(--aspect-ratios-golden)"
-      },
-      "borders.none": {
-        "value": "none",
-        "variable": "var(--borders-none)"
-      },
-      "easings.default": {
-        "value": "cubic-bezier(0.4, 0, 0.2, 1)",
-        "variable": "var(--easings-default)"
-      },
-      "easings.linear": {
-        "value": "linear",
-        "variable": "var(--easings-linear)"
-      },
-      "easings.in": {
-        "value": "cubic-bezier(0.4, 0, 1, 1)",
-        "variable": "var(--easings-in)"
-      },
-      "easings.out": {
-        "value": "cubic-bezier(0, 0, 0.2, 1)",
-        "variable": "var(--easings-out)"
-      },
-      "easings.in-out": {
-        "value": "cubic-bezier(0.4, 0, 0.2, 1)",
-        "variable": "var(--easings-in-out)"
-      },
-      "durations.fastest": {
-        "value": "50ms",
-        "variable": "var(--durations-fastest)"
-      },
-      "durations.faster": {
-        "value": "100ms",
-        "variable": "var(--durations-faster)"
-      },
-      "durations.fast": {
-        "value": "150ms",
-        "variable": "var(--durations-fast)"
-      },
-      "durations.normal": {
-        "value": "200ms",
-        "variable": "var(--durations-normal)"
-      },
-      "durations.slow": {
-        "value": "300ms",
-        "variable": "var(--durations-slow)"
-      },
-      "durations.slower": {
-        "value": "400ms",
-        "variable": "var(--durations-slower)"
-      },
-      "durations.slowest": {
-        "value": "500ms",
-        "variable": "var(--durations-slowest)"
-      },
-      "radii.xs": {
-        "value": "0.125rem",
-        "variable": "var(--radii-xs)"
-      },
-      "radii.sm": {
-        "value": "0.25rem",
-        "variable": "var(--radii-sm)"
-      },
-      "radii.md": {
-        "value": "0.375rem",
-        "variable": "var(--radii-md)"
-      },
-      "radii.lg": {
-        "value": "0.5rem",
-        "variable": "var(--radii-lg)"
-      },
-      "radii.xl": {
-        "value": "0.75rem",
-        "variable": "var(--radii-xl)"
-      },
-      "radii.2xl": {
-        "value": "1rem",
-        "variable": "var(--radii-2xl)"
-      },
-      "radii.3xl": {
-        "value": "1.5rem",
-        "variable": "var(--radii-3xl)"
-      },
-      "radii.4xl": {
-        "value": "2rem",
-        "variable": "var(--radii-4xl)"
-      },
-      "radii.full": {
-        "value": "9999px",
-        "variable": "var(--radii-full)"
-      },
-      "fontWeights.thin": {
-        "value": "100",
-        "variable": "var(--font-weights-thin)"
-      },
-      "fontWeights.extralight": {
-        "value": "200",
-        "variable": "var(--font-weights-extralight)"
-      },
-      "fontWeights.light": {
-        "value": "300",
-        "variable": "var(--font-weights-light)"
-      },
-      "fontWeights.normal": {
-        "value": "400",
-        "variable": "var(--font-weights-normal)"
-      },
-      "fontWeights.medium": {
-        "value": "500",
-        "variable": "var(--font-weights-medium)"
-      },
-      "fontWeights.semibold": {
-        "value": "600",
-        "variable": "var(--font-weights-semibold)"
-      },
-      "fontWeights.bold": {
-        "value": "700",
-        "variable": "var(--font-weights-bold)"
-      },
-      "fontWeights.extrabold": {
-        "value": "800",
-        "variable": "var(--font-weights-extrabold)"
-      },
-      "fontWeights.black": {
-        "value": "900",
-        "variable": "var(--font-weights-black)"
-      },
-      "lineHeights.none": {
-        "value": "1",
-        "variable": "var(--line-heights-none)"
-      },
-      "lineHeights.tight": {
-        "value": "1.25",
-        "variable": "var(--line-heights-tight)"
-      },
-      "lineHeights.snug": {
-        "value": "1.375",
-        "variable": "var(--line-heights-snug)"
-      },
-      "lineHeights.normal": {
-        "value": "1.5",
-        "variable": "var(--line-heights-normal)"
-      },
-      "lineHeights.relaxed": {
-        "value": "1.625",
-        "variable": "var(--line-heights-relaxed)"
-      },
-      "lineHeights.loose": {
-        "value": "2",
-        "variable": "var(--line-heights-loose)"
-      },
-      "fonts.sans": {
-        "value": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \\"Segoe UI\\", Roboto, \\"Helvetica Neue\\", Arial, \\"Noto Sans\\", sans-serif, \\"Apple Color Emoji\\", \\"Segoe UI Emoji\\", \\"Segoe UI Symbol\\", \\"Noto Color Emoji\\"",
-        "variable": "var(--fonts-sans)"
-      },
-      "fonts.serif": {
-        "value": "ui-serif, Georgia, Cambria, \\"Times New Roman\\", Times, serif",
-        "variable": "var(--fonts-serif)"
-      },
-      "fonts.mono": {
-        "value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\"Liberation Mono\\", \\"Courier New\\", monospace",
-        "variable": "var(--fonts-mono)"
-      },
-      "letterSpacings.tighter": {
-        "value": "-0.05em",
-        "variable": "var(--letter-spacings-tighter)"
-      },
-      "letterSpacings.tight": {
-        "value": "-0.025em",
-        "variable": "var(--letter-spacings-tight)"
-      },
-      "letterSpacings.normal": {
-        "value": "0em",
-        "variable": "var(--letter-spacings-normal)"
-      },
-      "letterSpacings.wide": {
-        "value": "0.025em",
-        "variable": "var(--letter-spacings-wide)"
-      },
-      "letterSpacings.wider": {
-        "value": "0.05em",
-        "variable": "var(--letter-spacings-wider)"
-      },
-      "letterSpacings.widest": {
-        "value": "0.1em",
-        "variable": "var(--letter-spacings-widest)"
-      },
-      "fontSizes.2xs": {
-        "value": "0.5rem",
-        "variable": "var(--font-sizes-2xs)"
-      },
-      "fontSizes.xs": {
-        "value": "0.75rem",
-        "variable": "var(--font-sizes-xs)"
-      },
-      "fontSizes.sm": {
-        "value": "0.875rem",
-        "variable": "var(--font-sizes-sm)"
-      },
-      "fontSizes.md": {
-        "value": "1rem",
-        "variable": "var(--font-sizes-md)"
-      },
-      "fontSizes.lg": {
-        "value": "1.125rem",
-        "variable": "var(--font-sizes-lg)"
-      },
-      "fontSizes.xl": {
-        "value": "1.25rem",
-        "variable": "var(--font-sizes-xl)"
-      },
-      "fontSizes.2xl": {
-        "value": "1.5rem",
-        "variable": "var(--font-sizes-2xl)"
-      },
-      "fontSizes.3xl": {
-        "value": "1.875rem",
-        "variable": "var(--font-sizes-3xl)"
-      },
-      "fontSizes.4xl": {
-        "value": "2.25rem",
-        "variable": "var(--font-sizes-4xl)"
-      },
-      "fontSizes.5xl": {
-        "value": "3rem",
-        "variable": "var(--font-sizes-5xl)"
-      },
-      "fontSizes.6xl": {
-        "value": "3.75rem",
-        "variable": "var(--font-sizes-6xl)"
-      },
-      "fontSizes.7xl": {
-        "value": "4.5rem",
-        "variable": "var(--font-sizes-7xl)"
-      },
-      "fontSizes.8xl": {
-        "value": "6rem",
-        "variable": "var(--font-sizes-8xl)"
-      },
-      "fontSizes.9xl": {
-        "value": "8rem",
-        "variable": "var(--font-sizes-9xl)"
-      },
-      "shadows.xs": {
-        "value": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-        "variable": "var(--shadows-xs)"
-      },
-      "shadows.sm": {
-        "value": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
-        "variable": "var(--shadows-sm)"
-      },
-      "shadows.md": {
-        "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-        "variable": "var(--shadows-md)"
-      },
-      "shadows.lg": {
-        "value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
-        "variable": "var(--shadows-lg)"
-      },
-      "shadows.xl": {
-        "value": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
-        "variable": "var(--shadows-xl)"
-      },
-      "shadows.2xl": {
-        "value": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
-        "variable": "var(--shadows-2xl)"
-      },
-      "shadows.inner": {
-        "value": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
-        "variable": "var(--shadows-inner)"
-      },
-      "colors.current": {
-        "value": "currentColor",
-        "variable": "var(--colors-current)"
-      },
-      "colors.black": {
-        "value": "#000",
-        "variable": "var(--colors-black)"
-      },
-      "colors.white": {
-        "value": "#fff",
-        "variable": "var(--colors-white)"
-      },
-      "colors.transparent": {
-        "value": "rgb(0 0 0 / 0)",
-        "variable": "var(--colors-transparent)"
-      },
-      "colors.rose.50": {
-        "value": "#fff1f2",
-        "variable": "var(--colors-rose-50)"
-      },
-      "colors.rose.100": {
-        "value": "#ffe4e6",
-        "variable": "var(--colors-rose-100)"
-      },
-      "colors.rose.200": {
-        "value": "#fecdd3",
-        "variable": "var(--colors-rose-200)"
-      },
-      "colors.rose.300": {
-        "value": "#fda4af",
-        "variable": "var(--colors-rose-300)"
-      },
-      "colors.rose.400": {
-        "value": "#fb7185",
-        "variable": "var(--colors-rose-400)"
-      },
-      "colors.rose.500": {
-        "value": "#f43f5e",
-        "variable": "var(--colors-rose-500)"
-      },
-      "colors.rose.600": {
-        "value": "#e11d48",
-        "variable": "var(--colors-rose-600)"
-      },
-      "colors.rose.700": {
-        "value": "#be123c",
-        "variable": "var(--colors-rose-700)"
-      },
-      "colors.rose.800": {
-        "value": "#9f1239",
-        "variable": "var(--colors-rose-800)"
-      },
-      "colors.rose.900": {
-        "value": "#881337",
-        "variable": "var(--colors-rose-900)"
-      },
-      "colors.rose.950": {
-        "value": "#4c0519",
-        "variable": "var(--colors-rose-950)"
-      },
-      "colors.pink.50": {
-        "value": "#fdf2f8",
-        "variable": "var(--colors-pink-50)"
-      },
-      "colors.pink.100": {
-        "value": "#fce7f3",
-        "variable": "var(--colors-pink-100)"
-      },
-      "colors.pink.200": {
-        "value": "#fbcfe8",
-        "variable": "var(--colors-pink-200)"
-      },
-      "colors.pink.300": {
-        "value": "#f9a8d4",
-        "variable": "var(--colors-pink-300)"
-      },
-      "colors.pink.400": {
-        "value": "#f472b6",
-        "variable": "var(--colors-pink-400)"
-      },
-      "colors.pink.500": {
-        "value": "#ec4899",
-        "variable": "var(--colors-pink-500)"
-      },
-      "colors.pink.600": {
-        "value": "#db2777",
-        "variable": "var(--colors-pink-600)"
-      },
-      "colors.pink.700": {
-        "value": "#be185d",
-        "variable": "var(--colors-pink-700)"
-      },
-      "colors.pink.800": {
-        "value": "#9d174d",
-        "variable": "var(--colors-pink-800)"
-      },
-      "colors.pink.900": {
-        "value": "#831843",
-        "variable": "var(--colors-pink-900)"
-      },
-      "colors.pink.950": {
-        "value": "#500724",
-        "variable": "var(--colors-pink-950)"
-      },
-      "colors.fuchsia.50": {
-        "value": "#fdf4ff",
-        "variable": "var(--colors-fuchsia-50)"
-      },
-      "colors.fuchsia.100": {
-        "value": "#fae8ff",
-        "variable": "var(--colors-fuchsia-100)"
-      },
-      "colors.fuchsia.200": {
-        "value": "#f5d0fe",
-        "variable": "var(--colors-fuchsia-200)"
-      },
-      "colors.fuchsia.300": {
-        "value": "#f0abfc",
-        "variable": "var(--colors-fuchsia-300)"
-      },
-      "colors.fuchsia.400": {
-        "value": "#e879f9",
-        "variable": "var(--colors-fuchsia-400)"
-      },
-      "colors.fuchsia.500": {
-        "value": "#d946ef",
-        "variable": "var(--colors-fuchsia-500)"
-      },
-      "colors.fuchsia.600": {
-        "value": "#c026d3",
-        "variable": "var(--colors-fuchsia-600)"
-      },
-      "colors.fuchsia.700": {
-        "value": "#a21caf",
-        "variable": "var(--colors-fuchsia-700)"
-      },
-      "colors.fuchsia.800": {
-        "value": "#86198f",
-        "variable": "var(--colors-fuchsia-800)"
-      },
-      "colors.fuchsia.900": {
-        "value": "#701a75",
-        "variable": "var(--colors-fuchsia-900)"
-      },
-      "colors.fuchsia.950": {
-        "value": "#4a044e",
-        "variable": "var(--colors-fuchsia-950)"
-      },
-      "colors.purple.50": {
-        "value": "#faf5ff",
-        "variable": "var(--colors-purple-50)"
-      },
-      "colors.purple.100": {
-        "value": "#f3e8ff",
-        "variable": "var(--colors-purple-100)"
-      },
-      "colors.purple.200": {
-        "value": "#e9d5ff",
-        "variable": "var(--colors-purple-200)"
-      },
-      "colors.purple.300": {
-        "value": "#d8b4fe",
-        "variable": "var(--colors-purple-300)"
-      },
-      "colors.purple.400": {
-        "value": "#c084fc",
-        "variable": "var(--colors-purple-400)"
-      },
-      "colors.purple.500": {
-        "value": "#a855f7",
-        "variable": "var(--colors-purple-500)"
-      },
-      "colors.purple.600": {
-        "value": "#9333ea",
-        "variable": "var(--colors-purple-600)"
-      },
-      "colors.purple.700": {
-        "value": "#7e22ce",
-        "variable": "var(--colors-purple-700)"
-      },
-      "colors.purple.800": {
-        "value": "#6b21a8",
-        "variable": "var(--colors-purple-800)"
-      },
-      "colors.purple.900": {
-        "value": "#581c87",
-        "variable": "var(--colors-purple-900)"
-      },
-      "colors.purple.950": {
-        "value": "#3b0764",
-        "variable": "var(--colors-purple-950)"
-      },
-      "colors.violet.50": {
-        "value": "#f5f3ff",
-        "variable": "var(--colors-violet-50)"
-      },
-      "colors.violet.100": {
-        "value": "#ede9fe",
-        "variable": "var(--colors-violet-100)"
-      },
-      "colors.violet.200": {
-        "value": "#ddd6fe",
-        "variable": "var(--colors-violet-200)"
-      },
-      "colors.violet.300": {
-        "value": "#c4b5fd",
-        "variable": "var(--colors-violet-300)"
-      },
-      "colors.violet.400": {
-        "value": "#a78bfa",
-        "variable": "var(--colors-violet-400)"
-      },
-      "colors.violet.500": {
-        "value": "#8b5cf6",
-        "variable": "var(--colors-violet-500)"
-      },
-      "colors.violet.600": {
-        "value": "#7c3aed",
-        "variable": "var(--colors-violet-600)"
-      },
-      "colors.violet.700": {
-        "value": "#6d28d9",
-        "variable": "var(--colors-violet-700)"
-      },
-      "colors.violet.800": {
-        "value": "#5b21b6",
-        "variable": "var(--colors-violet-800)"
-      },
-      "colors.violet.900": {
-        "value": "#4c1d95",
-        "variable": "var(--colors-violet-900)"
-      },
-      "colors.violet.950": {
-        "value": "#2e1065",
-        "variable": "var(--colors-violet-950)"
-      },
-      "colors.indigo.50": {
-        "value": "#eef2ff",
-        "variable": "var(--colors-indigo-50)"
-      },
-      "colors.indigo.100": {
-        "value": "#e0e7ff",
-        "variable": "var(--colors-indigo-100)"
-      },
-      "colors.indigo.200": {
-        "value": "#c7d2fe",
-        "variable": "var(--colors-indigo-200)"
-      },
-      "colors.indigo.300": {
-        "value": "#a5b4fc",
-        "variable": "var(--colors-indigo-300)"
-      },
-      "colors.indigo.400": {
-        "value": "#818cf8",
-        "variable": "var(--colors-indigo-400)"
-      },
-      "colors.indigo.500": {
-        "value": "#6366f1",
-        "variable": "var(--colors-indigo-500)"
-      },
-      "colors.indigo.600": {
-        "value": "#4f46e5",
-        "variable": "var(--colors-indigo-600)"
-      },
-      "colors.indigo.700": {
-        "value": "#4338ca",
-        "variable": "var(--colors-indigo-700)"
-      },
-      "colors.indigo.800": {
-        "value": "#3730a3",
-        "variable": "var(--colors-indigo-800)"
-      },
-      "colors.indigo.900": {
-        "value": "#312e81",
-        "variable": "var(--colors-indigo-900)"
-      },
-      "colors.indigo.950": {
-        "value": "#1e1b4b",
-        "variable": "var(--colors-indigo-950)"
-      },
-      "colors.blue.50": {
-        "value": "#eff6ff",
-        "variable": "var(--colors-blue-50)"
-      },
-      "colors.blue.100": {
-        "value": "#dbeafe",
-        "variable": "var(--colors-blue-100)"
-      },
-      "colors.blue.200": {
-        "value": "#bfdbfe",
-        "variable": "var(--colors-blue-200)"
-      },
-      "colors.blue.300": {
-        "value": "#93c5fd",
-        "variable": "var(--colors-blue-300)"
-      },
-      "colors.blue.400": {
-        "value": "#60a5fa",
-        "variable": "var(--colors-blue-400)"
-      },
-      "colors.blue.500": {
-        "value": "#3b82f6",
-        "variable": "var(--colors-blue-500)"
-      },
-      "colors.blue.600": {
-        "value": "#2563eb",
-        "variable": "var(--colors-blue-600)"
-      },
-      "colors.blue.700": {
-        "value": "#1d4ed8",
-        "variable": "var(--colors-blue-700)"
-      },
-      "colors.blue.800": {
-        "value": "#1e40af",
-        "variable": "var(--colors-blue-800)"
-      },
-      "colors.blue.900": {
-        "value": "#1e3a8a",
-        "variable": "var(--colors-blue-900)"
-      },
-      "colors.blue.950": {
-        "value": "#172554",
-        "variable": "var(--colors-blue-950)"
-      },
-      "colors.sky.50": {
-        "value": "#f0f9ff",
-        "variable": "var(--colors-sky-50)"
-      },
-      "colors.sky.100": {
-        "value": "#e0f2fe",
-        "variable": "var(--colors-sky-100)"
-      },
-      "colors.sky.200": {
-        "value": "#bae6fd",
-        "variable": "var(--colors-sky-200)"
-      },
-      "colors.sky.300": {
-        "value": "#7dd3fc",
-        "variable": "var(--colors-sky-300)"
-      },
-      "colors.sky.400": {
-        "value": "#38bdf8",
-        "variable": "var(--colors-sky-400)"
-      },
-      "colors.sky.500": {
-        "value": "#0ea5e9",
-        "variable": "var(--colors-sky-500)"
-      },
-      "colors.sky.600": {
-        "value": "#0284c7",
-        "variable": "var(--colors-sky-600)"
-      },
-      "colors.sky.700": {
-        "value": "#0369a1",
-        "variable": "var(--colors-sky-700)"
-      },
-      "colors.sky.800": {
-        "value": "#075985",
-        "variable": "var(--colors-sky-800)"
-      },
-      "colors.sky.900": {
-        "value": "#0c4a6e",
-        "variable": "var(--colors-sky-900)"
-      },
-      "colors.sky.950": {
-        "value": "#082f49",
-        "variable": "var(--colors-sky-950)"
-      },
-      "colors.cyan.50": {
-        "value": "#ecfeff",
-        "variable": "var(--colors-cyan-50)"
-      },
-      "colors.cyan.100": {
-        "value": "#cffafe",
-        "variable": "var(--colors-cyan-100)"
-      },
-      "colors.cyan.200": {
-        "value": "#a5f3fc",
-        "variable": "var(--colors-cyan-200)"
-      },
-      "colors.cyan.300": {
-        "value": "#67e8f9",
-        "variable": "var(--colors-cyan-300)"
-      },
-      "colors.cyan.400": {
-        "value": "#22d3ee",
-        "variable": "var(--colors-cyan-400)"
-      },
-      "colors.cyan.500": {
-        "value": "#06b6d4",
-        "variable": "var(--colors-cyan-500)"
-      },
-      "colors.cyan.600": {
-        "value": "#0891b2",
-        "variable": "var(--colors-cyan-600)"
-      },
-      "colors.cyan.700": {
-        "value": "#0e7490",
-        "variable": "var(--colors-cyan-700)"
-      },
-      "colors.cyan.800": {
-        "value": "#155e75",
-        "variable": "var(--colors-cyan-800)"
-      },
-      "colors.cyan.900": {
-        "value": "#164e63",
-        "variable": "var(--colors-cyan-900)"
-      },
-      "colors.cyan.950": {
-        "value": "#083344",
-        "variable": "var(--colors-cyan-950)"
-      },
-      "colors.teal.50": {
-        "value": "#f0fdfa",
-        "variable": "var(--colors-teal-50)"
-      },
-      "colors.teal.100": {
-        "value": "#ccfbf1",
-        "variable": "var(--colors-teal-100)"
-      },
-      "colors.teal.200": {
-        "value": "#99f6e4",
-        "variable": "var(--colors-teal-200)"
-      },
-      "colors.teal.300": {
-        "value": "#5eead4",
-        "variable": "var(--colors-teal-300)"
-      },
-      "colors.teal.400": {
-        "value": "#2dd4bf",
-        "variable": "var(--colors-teal-400)"
-      },
-      "colors.teal.500": {
-        "value": "#14b8a6",
-        "variable": "var(--colors-teal-500)"
-      },
-      "colors.teal.600": {
-        "value": "#0d9488",
-        "variable": "var(--colors-teal-600)"
-      },
-      "colors.teal.700": {
-        "value": "#0f766e",
-        "variable": "var(--colors-teal-700)"
-      },
-      "colors.teal.800": {
-        "value": "#115e59",
-        "variable": "var(--colors-teal-800)"
-      },
-      "colors.teal.900": {
-        "value": "#134e4a",
-        "variable": "var(--colors-teal-900)"
-      },
-      "colors.teal.950": {
-        "value": "#042f2e",
-        "variable": "var(--colors-teal-950)"
-      },
-      "colors.emerald.50": {
-        "value": "#ecfdf5",
-        "variable": "var(--colors-emerald-50)"
-      },
-      "colors.emerald.100": {
-        "value": "#d1fae5",
-        "variable": "var(--colors-emerald-100)"
-      },
-      "colors.emerald.200": {
-        "value": "#a7f3d0",
-        "variable": "var(--colors-emerald-200)"
-      },
-      "colors.emerald.300": {
-        "value": "#6ee7b7",
-        "variable": "var(--colors-emerald-300)"
-      },
-      "colors.emerald.400": {
-        "value": "#34d399",
-        "variable": "var(--colors-emerald-400)"
-      },
-      "colors.emerald.500": {
-        "value": "#10b981",
-        "variable": "var(--colors-emerald-500)"
-      },
-      "colors.emerald.600": {
-        "value": "#059669",
-        "variable": "var(--colors-emerald-600)"
-      },
-      "colors.emerald.700": {
-        "value": "#047857",
-        "variable": "var(--colors-emerald-700)"
-      },
-      "colors.emerald.800": {
-        "value": "#065f46",
-        "variable": "var(--colors-emerald-800)"
-      },
-      "colors.emerald.900": {
-        "value": "#064e3b",
-        "variable": "var(--colors-emerald-900)"
-      },
-      "colors.emerald.950": {
-        "value": "#022c22",
-        "variable": "var(--colors-emerald-950)"
-      },
-      "colors.green.50": {
-        "value": "#f0fdf4",
-        "variable": "var(--colors-green-50)"
-      },
-      "colors.green.100": {
-        "value": "#dcfce7",
-        "variable": "var(--colors-green-100)"
-      },
-      "colors.green.200": {
-        "value": "#bbf7d0",
-        "variable": "var(--colors-green-200)"
-      },
-      "colors.green.300": {
-        "value": "#86efac",
-        "variable": "var(--colors-green-300)"
-      },
-      "colors.green.400": {
-        "value": "#4ade80",
-        "variable": "var(--colors-green-400)"
-      },
-      "colors.green.500": {
-        "value": "#22c55e",
-        "variable": "var(--colors-green-500)"
-      },
-      "colors.green.600": {
-        "value": "#16a34a",
-        "variable": "var(--colors-green-600)"
-      },
-      "colors.green.700": {
-        "value": "#15803d",
-        "variable": "var(--colors-green-700)"
-      },
-      "colors.green.800": {
-        "value": "#166534",
-        "variable": "var(--colors-green-800)"
-      },
-      "colors.green.900": {
-        "value": "#14532d",
-        "variable": "var(--colors-green-900)"
-      },
-      "colors.green.950": {
-        "value": "#052e16",
-        "variable": "var(--colors-green-950)"
-      },
-      "colors.lime.50": {
-        "value": "#f7fee7",
-        "variable": "var(--colors-lime-50)"
-      },
-      "colors.lime.100": {
-        "value": "#ecfccb",
-        "variable": "var(--colors-lime-100)"
-      },
-      "colors.lime.200": {
-        "value": "#d9f99d",
-        "variable": "var(--colors-lime-200)"
-      },
-      "colors.lime.300": {
-        "value": "#bef264",
-        "variable": "var(--colors-lime-300)"
-      },
-      "colors.lime.400": {
-        "value": "#a3e635",
-        "variable": "var(--colors-lime-400)"
-      },
-      "colors.lime.500": {
-        "value": "#84cc16",
-        "variable": "var(--colors-lime-500)"
-      },
-      "colors.lime.600": {
-        "value": "#65a30d",
-        "variable": "var(--colors-lime-600)"
-      },
-      "colors.lime.700": {
-        "value": "#4d7c0f",
-        "variable": "var(--colors-lime-700)"
-      },
-      "colors.lime.800": {
-        "value": "#3f6212",
-        "variable": "var(--colors-lime-800)"
-      },
-      "colors.lime.900": {
-        "value": "#365314",
-        "variable": "var(--colors-lime-900)"
-      },
-      "colors.lime.950": {
-        "value": "#1a2e05",
-        "variable": "var(--colors-lime-950)"
-      },
-      "colors.yellow.50": {
-        "value": "#fefce8",
-        "variable": "var(--colors-yellow-50)"
-      },
-      "colors.yellow.100": {
-        "value": "#fef9c3",
-        "variable": "var(--colors-yellow-100)"
-      },
-      "colors.yellow.200": {
-        "value": "#fef08a",
-        "variable": "var(--colors-yellow-200)"
-      },
-      "colors.yellow.300": {
-        "value": "#fde047",
-        "variable": "var(--colors-yellow-300)"
-      },
-      "colors.yellow.400": {
-        "value": "#facc15",
-        "variable": "var(--colors-yellow-400)"
-      },
-      "colors.yellow.500": {
-        "value": "#eab308",
-        "variable": "var(--colors-yellow-500)"
-      },
-      "colors.yellow.600": {
-        "value": "#ca8a04",
-        "variable": "var(--colors-yellow-600)"
-      },
-      "colors.yellow.700": {
-        "value": "#a16207",
-        "variable": "var(--colors-yellow-700)"
-      },
-      "colors.yellow.800": {
-        "value": "#854d0e",
-        "variable": "var(--colors-yellow-800)"
-      },
-      "colors.yellow.900": {
-        "value": "#713f12",
-        "variable": "var(--colors-yellow-900)"
-      },
-      "colors.yellow.950": {
-        "value": "#422006",
-        "variable": "var(--colors-yellow-950)"
-      },
-      "colors.amber.50": {
-        "value": "#fffbeb",
-        "variable": "var(--colors-amber-50)"
-      },
-      "colors.amber.100": {
-        "value": "#fef3c7",
-        "variable": "var(--colors-amber-100)"
-      },
-      "colors.amber.200": {
-        "value": "#fde68a",
-        "variable": "var(--colors-amber-200)"
-      },
-      "colors.amber.300": {
-        "value": "#fcd34d",
-        "variable": "var(--colors-amber-300)"
-      },
-      "colors.amber.400": {
-        "value": "#fbbf24",
-        "variable": "var(--colors-amber-400)"
-      },
-      "colors.amber.500": {
-        "value": "#f59e0b",
-        "variable": "var(--colors-amber-500)"
-      },
-      "colors.amber.600": {
-        "value": "#d97706",
-        "variable": "var(--colors-amber-600)"
-      },
-      "colors.amber.700": {
-        "value": "#b45309",
-        "variable": "var(--colors-amber-700)"
-      },
-      "colors.amber.800": {
-        "value": "#92400e",
-        "variable": "var(--colors-amber-800)"
-      },
-      "colors.amber.900": {
-        "value": "#78350f",
-        "variable": "var(--colors-amber-900)"
-      },
-      "colors.amber.950": {
-        "value": "#451a03",
-        "variable": "var(--colors-amber-950)"
-      },
-      "colors.orange.50": {
-        "value": "#fff7ed",
-        "variable": "var(--colors-orange-50)"
-      },
-      "colors.orange.100": {
-        "value": "#ffedd5",
-        "variable": "var(--colors-orange-100)"
-      },
-      "colors.orange.200": {
-        "value": "#fed7aa",
-        "variable": "var(--colors-orange-200)"
-      },
-      "colors.orange.300": {
-        "value": "#fdba74",
-        "variable": "var(--colors-orange-300)"
-      },
-      "colors.orange.400": {
-        "value": "#fb923c",
-        "variable": "var(--colors-orange-400)"
-      },
-      "colors.orange.500": {
-        "value": "#f97316",
-        "variable": "var(--colors-orange-500)"
-      },
-      "colors.orange.600": {
-        "value": "#ea580c",
-        "variable": "var(--colors-orange-600)"
-      },
-      "colors.orange.700": {
-        "value": "#c2410c",
-        "variable": "var(--colors-orange-700)"
-      },
-      "colors.orange.800": {
-        "value": "#9a3412",
-        "variable": "var(--colors-orange-800)"
-      },
-      "colors.orange.900": {
-        "value": "#7c2d12",
-        "variable": "var(--colors-orange-900)"
-      },
-      "colors.orange.950": {
-        "value": "#431407",
-        "variable": "var(--colors-orange-950)"
-      },
-      "colors.red.50": {
-        "value": "#fef2f2",
-        "variable": "var(--colors-red-50)"
-      },
-      "colors.red.100": {
-        "value": "#fee2e2",
-        "variable": "var(--colors-red-100)"
-      },
-      "colors.red.200": {
-        "value": "#fecaca",
-        "variable": "var(--colors-red-200)"
-      },
-      "colors.red.300": {
-        "value": "#fca5a5",
-        "variable": "var(--colors-red-300)"
-      },
-      "colors.red.400": {
-        "value": "#f87171",
-        "variable": "var(--colors-red-400)"
-      },
-      "colors.red.500": {
-        "value": "#ef4444",
-        "variable": "var(--colors-red-500)"
-      },
-      "colors.red.600": {
-        "value": "#dc2626",
-        "variable": "var(--colors-red-600)"
-      },
-      "colors.red.700": {
-        "value": "#b91c1c",
-        "variable": "var(--colors-red-700)"
-      },
-      "colors.red.800": {
-        "value": "#991b1b",
-        "variable": "var(--colors-red-800)"
-      },
-      "colors.red.900": {
-        "value": "#7f1d1d",
-        "variable": "var(--colors-red-900)"
-      },
-      "colors.red.950": {
-        "value": "#450a0a",
-        "variable": "var(--colors-red-950)"
-      },
-      "colors.neutral.50": {
-        "value": "#fafafa",
-        "variable": "var(--colors-neutral-50)"
-      },
-      "colors.neutral.100": {
-        "value": "#f5f5f5",
-        "variable": "var(--colors-neutral-100)"
-      },
-      "colors.neutral.200": {
-        "value": "#e5e5e5",
-        "variable": "var(--colors-neutral-200)"
-      },
-      "colors.neutral.300": {
-        "value": "#d4d4d4",
-        "variable": "var(--colors-neutral-300)"
-      },
-      "colors.neutral.400": {
-        "value": "#a3a3a3",
-        "variable": "var(--colors-neutral-400)"
-      },
-      "colors.neutral.500": {
-        "value": "#737373",
-        "variable": "var(--colors-neutral-500)"
-      },
-      "colors.neutral.600": {
-        "value": "#525252",
-        "variable": "var(--colors-neutral-600)"
-      },
-      "colors.neutral.700": {
-        "value": "#404040",
-        "variable": "var(--colors-neutral-700)"
-      },
-      "colors.neutral.800": {
-        "value": "#262626",
-        "variable": "var(--colors-neutral-800)"
-      },
-      "colors.neutral.900": {
-        "value": "#171717",
-        "variable": "var(--colors-neutral-900)"
-      },
-      "colors.neutral.950": {
-        "value": "#0a0a0a",
-        "variable": "var(--colors-neutral-950)"
-      },
-      "colors.stone.50": {
-        "value": "#fafaf9",
-        "variable": "var(--colors-stone-50)"
-      },
-      "colors.stone.100": {
-        "value": "#f5f5f4",
-        "variable": "var(--colors-stone-100)"
-      },
-      "colors.stone.200": {
-        "value": "#e7e5e4",
-        "variable": "var(--colors-stone-200)"
-      },
-      "colors.stone.300": {
-        "value": "#d6d3d1",
-        "variable": "var(--colors-stone-300)"
-      },
-      "colors.stone.400": {
-        "value": "#a8a29e",
-        "variable": "var(--colors-stone-400)"
-      },
-      "colors.stone.500": {
-        "value": "#78716c",
-        "variable": "var(--colors-stone-500)"
-      },
-      "colors.stone.600": {
-        "value": "#57534e",
-        "variable": "var(--colors-stone-600)"
-      },
-      "colors.stone.700": {
-        "value": "#44403c",
-        "variable": "var(--colors-stone-700)"
-      },
-      "colors.stone.800": {
-        "value": "#292524",
-        "variable": "var(--colors-stone-800)"
-      },
-      "colors.stone.900": {
-        "value": "#1c1917",
-        "variable": "var(--colors-stone-900)"
-      },
-      "colors.stone.950": {
-        "value": "#0c0a09",
-        "variable": "var(--colors-stone-950)"
-      },
-      "colors.zinc.50": {
-        "value": "#fafafa",
-        "variable": "var(--colors-zinc-50)"
-      },
-      "colors.zinc.100": {
-        "value": "#f4f4f5",
-        "variable": "var(--colors-zinc-100)"
-      },
-      "colors.zinc.200": {
-        "value": "#e4e4e7",
-        "variable": "var(--colors-zinc-200)"
-      },
-      "colors.zinc.300": {
-        "value": "#d4d4d8",
-        "variable": "var(--colors-zinc-300)"
-      },
-      "colors.zinc.400": {
-        "value": "#a1a1aa",
-        "variable": "var(--colors-zinc-400)"
-      },
-      "colors.zinc.500": {
-        "value": "#71717a",
-        "variable": "var(--colors-zinc-500)"
-      },
-      "colors.zinc.600": {
-        "value": "#52525b",
-        "variable": "var(--colors-zinc-600)"
-      },
-      "colors.zinc.700": {
-        "value": "#3f3f46",
-        "variable": "var(--colors-zinc-700)"
-      },
-      "colors.zinc.800": {
-        "value": "#27272a",
-        "variable": "var(--colors-zinc-800)"
-      },
-      "colors.zinc.900": {
-        "value": "#18181b",
-        "variable": "var(--colors-zinc-900)"
-      },
-      "colors.zinc.950": {
-        "value": "#09090b",
-        "variable": "var(--colors-zinc-950)"
-      },
-      "colors.gray.50": {
-        "value": "#f9fafb",
-        "variable": "var(--colors-gray-50)"
-      },
-      "colors.gray.100": {
-        "value": "#f3f4f6",
-        "variable": "var(--colors-gray-100)"
-      },
-      "colors.gray.200": {
-        "value": "#e5e7eb",
-        "variable": "var(--colors-gray-200)"
-      },
-      "colors.gray.300": {
-        "value": "#d1d5db",
-        "variable": "var(--colors-gray-300)"
-      },
-      "colors.gray.400": {
-        "value": "#9ca3af",
-        "variable": "var(--colors-gray-400)"
-      },
-      "colors.gray.500": {
-        "value": "#6b7280",
-        "variable": "var(--colors-gray-500)"
-      },
-      "colors.gray.600": {
-        "value": "#4b5563",
-        "variable": "var(--colors-gray-600)"
-      },
-      "colors.gray.700": {
-        "value": "#374151",
-        "variable": "var(--colors-gray-700)"
-      },
-      "colors.gray.800": {
-        "value": "#1f2937",
-        "variable": "var(--colors-gray-800)"
-      },
-      "colors.gray.900": {
-        "value": "#111827",
-        "variable": "var(--colors-gray-900)"
-      },
-      "colors.gray.950": {
-        "value": "#030712",
-        "variable": "var(--colors-gray-950)"
-      },
-      "colors.slate.50": {
-        "value": "#f8fafc",
-        "variable": "var(--colors-slate-50)"
-      },
-      "colors.slate.100": {
-        "value": "#f1f5f9",
-        "variable": "var(--colors-slate-100)"
-      },
-      "colors.slate.200": {
-        "value": "#e2e8f0",
-        "variable": "var(--colors-slate-200)"
-      },
-      "colors.slate.300": {
-        "value": "#cbd5e1",
-        "variable": "var(--colors-slate-300)"
-      },
-      "colors.slate.400": {
-        "value": "#94a3b8",
-        "variable": "var(--colors-slate-400)"
-      },
-      "colors.slate.500": {
-        "value": "#64748b",
-        "variable": "var(--colors-slate-500)"
-      },
-      "colors.slate.600": {
-        "value": "#475569",
-        "variable": "var(--colors-slate-600)"
-      },
-      "colors.slate.700": {
-        "value": "#334155",
-        "variable": "var(--colors-slate-700)"
-      },
-      "colors.slate.800": {
-        "value": "#1e293b",
-        "variable": "var(--colors-slate-800)"
-      },
-      "colors.slate.900": {
-        "value": "#0f172a",
-        "variable": "var(--colors-slate-900)"
-      },
-      "colors.slate.950": {
-        "value": "#020617",
-        "variable": "var(--colors-slate-950)"
-      },
-      "colors.deep.test.yam": {
-        "value": "%555",
-        "variable": "var(--colors-deep-test-yam)"
-      },
-      "colors.deep.test.pool.poller": {
-        "value": "#fff",
-        "variable": "var(--colors-deep-test-pool-poller)"
-      },
-      "colors.deep.test.pool.tall": {
-        "value": "$dfdf",
-        "variable": "var(--colors-deep-test-pool-tall)"
-      },
-      "blurs.sm": {
-        "value": "4px",
-        "variable": "var(--blurs-sm)"
-      },
-      "blurs.base": {
-        "value": "8px",
-        "variable": "var(--blurs-base)"
-      },
-      "blurs.md": {
-        "value": "12px",
-        "variable": "var(--blurs-md)"
-      },
-      "blurs.lg": {
-        "value": "16px",
-        "variable": "var(--blurs-lg)"
-      },
-      "blurs.xl": {
-        "value": "24px",
-        "variable": "var(--blurs-xl)"
-      },
-      "blurs.2xl": {
-        "value": "40px",
-        "variable": "var(--blurs-2xl)"
-      },
-      "blurs.3xl": {
-        "value": "64px",
-        "variable": "var(--blurs-3xl)"
-      },
-      "spacing.0": {
-        "value": "0rem",
-        "variable": "var(--spacing-0)"
-      },
-      "spacing.1": {
-        "value": "0.25rem",
-        "variable": "var(--spacing-1)"
-      },
-      "spacing.2": {
-        "value": "0.5rem",
-        "variable": "var(--spacing-2)"
-      },
-      "spacing.3": {
-        "value": "0.75rem",
-        "variable": "var(--spacing-3)"
-      },
-      "spacing.4": {
-        "value": "1rem",
-        "variable": "var(--spacing-4)"
-      },
-      "spacing.5": {
-        "value": "1.25rem",
-        "variable": "var(--spacing-5)"
-      },
-      "spacing.6": {
-        "value": "1.5rem",
-        "variable": "var(--spacing-6)"
-      },
-      "spacing.7": {
-        "value": "1.75rem",
-        "variable": "var(--spacing-7)"
-      },
-      "spacing.8": {
-        "value": "2rem",
-        "variable": "var(--spacing-8)"
-      },
-      "spacing.9": {
-        "value": "2.25rem",
-        "variable": "var(--spacing-9)"
-      },
-      "spacing.10": {
-        "value": "2.5rem",
-        "variable": "var(--spacing-10)"
-      },
-      "spacing.11": {
-        "value": "2.75rem",
-        "variable": "var(--spacing-11)"
-      },
-      "spacing.12": {
-        "value": "3rem",
-        "variable": "var(--spacing-12)"
-      },
-      "spacing.14": {
-        "value": "3.5rem",
-        "variable": "var(--spacing-14)"
-      },
-      "spacing.16": {
-        "value": "4rem",
-        "variable": "var(--spacing-16)"
-      },
-      "spacing.20": {
-        "value": "5rem",
-        "variable": "var(--spacing-20)"
-      },
-      "spacing.24": {
-        "value": "6rem",
-        "variable": "var(--spacing-24)"
-      },
-      "spacing.28": {
-        "value": "7rem",
-        "variable": "var(--spacing-28)"
-      },
-      "spacing.32": {
-        "value": "8rem",
-        "variable": "var(--spacing-32)"
-      },
-      "spacing.36": {
-        "value": "9rem",
-        "variable": "var(--spacing-36)"
-      },
-      "spacing.40": {
-        "value": "10rem",
-        "variable": "var(--spacing-40)"
-      },
-      "spacing.44": {
-        "value": "11rem",
-        "variable": "var(--spacing-44)"
-      },
-      "spacing.48": {
-        "value": "12rem",
-        "variable": "var(--spacing-48)"
-      },
-      "spacing.52": {
-        "value": "13rem",
-        "variable": "var(--spacing-52)"
-      },
-      "spacing.56": {
-        "value": "14rem",
-        "variable": "var(--spacing-56)"
-      },
-      "spacing.60": {
-        "value": "15rem",
-        "variable": "var(--spacing-60)"
-      },
-      "spacing.64": {
-        "value": "16rem",
-        "variable": "var(--spacing-64)"
-      },
-      "spacing.72": {
-        "value": "18rem",
-        "variable": "var(--spacing-72)"
-      },
-      "spacing.80": {
-        "value": "20rem",
-        "variable": "var(--spacing-80)"
-      },
-      "spacing.96": {
-        "value": "24rem",
-        "variable": "var(--spacing-96)"
-      },
-      "spacing.0.5": {
-        "value": "0.125rem",
-        "variable": "var(--spacing-0\\\\.5)"
-      },
-      "spacing.1.5": {
-        "value": "0.375rem",
-        "variable": "var(--spacing-1\\\\.5)"
-      },
-      "spacing.2.5": {
-        "value": "0.625rem",
-        "variable": "var(--spacing-2\\\\.5)"
-      },
-      "spacing.3.5": {
-        "value": "0.875rem",
-        "variable": "var(--spacing-3\\\\.5)"
-      },
-      "sizes.0": {
-        "value": "0rem",
-        "variable": "var(--sizes-0)"
-      },
-      "sizes.1": {
-        "value": "0.25rem",
-        "variable": "var(--sizes-1)"
-      },
-      "sizes.2": {
-        "value": "0.5rem",
-        "variable": "var(--sizes-2)"
-      },
-      "sizes.3": {
-        "value": "0.75rem",
-        "variable": "var(--sizes-3)"
-      },
-      "sizes.4": {
-        "value": "1rem",
-        "variable": "var(--sizes-4)"
-      },
-      "sizes.5": {
-        "value": "1.25rem",
-        "variable": "var(--sizes-5)"
-      },
-      "sizes.6": {
-        "value": "1.5rem",
-        "variable": "var(--sizes-6)"
-      },
-      "sizes.7": {
-        "value": "1.75rem",
-        "variable": "var(--sizes-7)"
-      },
-      "sizes.8": {
-        "value": "2rem",
-        "variable": "var(--sizes-8)"
-      },
-      "sizes.9": {
-        "value": "2.25rem",
-        "variable": "var(--sizes-9)"
-      },
-      "sizes.10": {
-        "value": "2.5rem",
-        "variable": "var(--sizes-10)"
-      },
-      "sizes.11": {
-        "value": "2.75rem",
-        "variable": "var(--sizes-11)"
-      },
-      "sizes.12": {
-        "value": "3rem",
-        "variable": "var(--sizes-12)"
-      },
-      "sizes.14": {
-        "value": "3.5rem",
-        "variable": "var(--sizes-14)"
-      },
-      "sizes.16": {
-        "value": "4rem",
-        "variable": "var(--sizes-16)"
-      },
-      "sizes.20": {
-        "value": "5rem",
-        "variable": "var(--sizes-20)"
-      },
-      "sizes.24": {
-        "value": "6rem",
-        "variable": "var(--sizes-24)"
-      },
-      "sizes.28": {
-        "value": "7rem",
-        "variable": "var(--sizes-28)"
-      },
-      "sizes.32": {
-        "value": "8rem",
-        "variable": "var(--sizes-32)"
-      },
-      "sizes.36": {
-        "value": "9rem",
-        "variable": "var(--sizes-36)"
-      },
-      "sizes.40": {
-        "value": "10rem",
-        "variable": "var(--sizes-40)"
-      },
-      "sizes.44": {
-        "value": "11rem",
-        "variable": "var(--sizes-44)"
-      },
-      "sizes.48": {
-        "value": "12rem",
-        "variable": "var(--sizes-48)"
-      },
-      "sizes.52": {
-        "value": "13rem",
-        "variable": "var(--sizes-52)"
-      },
-      "sizes.56": {
-        "value": "14rem",
-        "variable": "var(--sizes-56)"
-      },
-      "sizes.60": {
-        "value": "15rem",
-        "variable": "var(--sizes-60)"
-      },
-      "sizes.64": {
-        "value": "16rem",
-        "variable": "var(--sizes-64)"
-      },
-      "sizes.72": {
-        "value": "18rem",
-        "variable": "var(--sizes-72)"
-      },
-      "sizes.80": {
-        "value": "20rem",
-        "variable": "var(--sizes-80)"
-      },
-      "sizes.96": {
-        "value": "24rem",
-        "variable": "var(--sizes-96)"
-      },
-      "sizes.0.5": {
-        "value": "0.125rem",
-        "variable": "var(--sizes-0\\\\.5)"
-      },
-      "sizes.1.5": {
-        "value": "0.375rem",
-        "variable": "var(--sizes-1\\\\.5)"
-      },
-      "sizes.2.5": {
-        "value": "0.625rem",
-        "variable": "var(--sizes-2\\\\.5)"
-      },
-      "sizes.3.5": {
-        "value": "0.875rem",
-        "variable": "var(--sizes-3\\\\.5)"
-      },
-      "sizes.xs": {
-        "value": "20rem",
-        "variable": "var(--sizes-xs)"
-      },
-      "sizes.sm": {
-        "value": "24rem",
-        "variable": "var(--sizes-sm)"
-      },
-      "sizes.md": {
-        "value": "28rem",
-        "variable": "var(--sizes-md)"
-      },
-      "sizes.lg": {
-        "value": "32rem",
-        "variable": "var(--sizes-lg)"
-      },
-      "sizes.xl": {
-        "value": "36rem",
-        "variable": "var(--sizes-xl)"
-      },
-      "sizes.2xl": {
-        "value": "42rem",
-        "variable": "var(--sizes-2xl)"
-      },
-      "sizes.3xl": {
-        "value": "48rem",
-        "variable": "var(--sizes-3xl)"
-      },
-      "sizes.4xl": {
-        "value": "56rem",
-        "variable": "var(--sizes-4xl)"
-      },
-      "sizes.5xl": {
-        "value": "64rem",
-        "variable": "var(--sizes-5xl)"
-      },
-      "sizes.6xl": {
-        "value": "72rem",
-        "variable": "var(--sizes-6xl)"
-      },
-      "sizes.7xl": {
-        "value": "80rem",
-        "variable": "var(--sizes-7xl)"
-      },
-      "sizes.8xl": {
-        "value": "90rem",
-        "variable": "var(--sizes-8xl)"
-      },
-      "sizes.prose": {
-        "value": "65ch",
-        "variable": "var(--sizes-prose)"
-      },
-      "sizes.full": {
-        "value": "100%",
-        "variable": "var(--sizes-full)"
-      },
-      "sizes.min": {
-        "value": "min-content",
-        "variable": "var(--sizes-min)"
-      },
-      "sizes.max": {
-        "value": "max-content",
-        "variable": "var(--sizes-max)"
-      },
-      "sizes.fit": {
-        "value": "fit-content",
-        "variable": "var(--sizes-fit)"
-      },
-      "sizes.breakpoint-sm": {
-        "value": "640px",
-        "variable": "var(--sizes-breakpoint-sm)"
-      },
-      "sizes.breakpoint-md": {
-        "value": "768px",
-        "variable": "var(--sizes-breakpoint-md)"
-      },
-      "sizes.breakpoint-lg": {
-        "value": "1024px",
-        "variable": "var(--sizes-breakpoint-lg)"
-      },
-      "sizes.breakpoint-xl": {
-        "value": "1280px",
-        "variable": "var(--sizes-breakpoint-xl)"
-      },
-      "sizes.breakpoint-2xl": {
-        "value": "1536px",
-        "variable": "var(--sizes-breakpoint-2xl)"
-      },
-      "animations.spin": {
-        "value": "spin 1s linear infinite",
-        "variable": "var(--animations-spin)"
-      },
-      "animations.ping": {
-        "value": "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
-        "variable": "var(--animations-ping)"
-      },
-      "animations.pulse": {
-        "value": "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
-        "variable": "var(--animations-pulse)"
-      },
-      "animations.bounce": {
-        "value": "bounce 1s infinite",
-        "variable": "var(--animations-bounce)"
-      },
-      "breakpoints.sm": {
-        "value": "640px",
-        "variable": "var(--breakpoints-sm)"
-      },
-      "breakpoints.md": {
-        "value": "768px",
-        "variable": "var(--breakpoints-md)"
-      },
-      "breakpoints.lg": {
-        "value": "1024px",
-        "variable": "var(--breakpoints-lg)"
-      },
-      "breakpoints.xl": {
-        "value": "1280px",
-        "variable": "var(--breakpoints-xl)"
-      },
-      "breakpoints.2xl": {
-        "value": "1536px",
-        "variable": "var(--breakpoints-2xl)"
-      },
-      "colors.primary": {
-        "value": "var(--colors-primary)",
-        "variable": "var(--colors-primary)"
-      },
-      "colors.secondary": {
-        "value": "var(--colors-secondary)",
-        "variable": "var(--colors-secondary)"
-      },
-      "colors.complex": {
-        "value": "var(--colors-complex)",
-        "variable": "var(--colors-complex)"
-      },
-      "colors.button.thick": {
-        "value": "var(--colors-button-thick)",
-        "variable": "var(--colors-button-thick)"
-      },
-      "colors.button.card.body": {
-        "value": "var(--colors-button-card-body)",
-        "variable": "var(--colors-button-card-body)"
-      },
-      "colors.button.card.heading": {
-        "value": "var(--colors-button-card-heading)",
-        "variable": "var(--colors-button-card-heading)"
-      },
-      "spacing.gutter": {
-        "value": "var(--spacing-gutter)",
-        "variable": "var(--spacing-gutter)"
-      },
-      "spacing.-1": {
-        "value": "calc(var(--spacing-1) * -1)",
-        "variable": "var(--spacing-1)"
-      },
-      "spacing.-2": {
-        "value": "calc(var(--spacing-2) * -1)",
-        "variable": "var(--spacing-2)"
-      },
-      "spacing.-3": {
-        "value": "calc(var(--spacing-3) * -1)",
-        "variable": "var(--spacing-3)"
-      },
-      "spacing.-4": {
-        "value": "calc(var(--spacing-4) * -1)",
-        "variable": "var(--spacing-4)"
-      },
-      "spacing.-5": {
-        "value": "calc(var(--spacing-5) * -1)",
-        "variable": "var(--spacing-5)"
-      },
-      "spacing.-6": {
-        "value": "calc(var(--spacing-6) * -1)",
-        "variable": "var(--spacing-6)"
-      },
-      "spacing.-7": {
-        "value": "calc(var(--spacing-7) * -1)",
-        "variable": "var(--spacing-7)"
-      },
-      "spacing.-8": {
-        "value": "calc(var(--spacing-8) * -1)",
-        "variable": "var(--spacing-8)"
-      },
-      "spacing.-9": {
-        "value": "calc(var(--spacing-9) * -1)",
-        "variable": "var(--spacing-9)"
-      },
-      "spacing.-10": {
-        "value": "calc(var(--spacing-10) * -1)",
-        "variable": "var(--spacing-10)"
-      },
-      "spacing.-11": {
-        "value": "calc(var(--spacing-11) * -1)",
-        "variable": "var(--spacing-11)"
-      },
-      "spacing.-12": {
-        "value": "calc(var(--spacing-12) * -1)",
-        "variable": "var(--spacing-12)"
-      },
-      "spacing.-14": {
-        "value": "calc(var(--spacing-14) * -1)",
-        "variable": "var(--spacing-14)"
-      },
-      "spacing.-16": {
-        "value": "calc(var(--spacing-16) * -1)",
-        "variable": "var(--spacing-16)"
-      },
-      "spacing.-20": {
-        "value": "calc(var(--spacing-20) * -1)",
-        "variable": "var(--spacing-20)"
-      },
-      "spacing.-24": {
-        "value": "calc(var(--spacing-24) * -1)",
-        "variable": "var(--spacing-24)"
-      },
-      "spacing.-28": {
-        "value": "calc(var(--spacing-28) * -1)",
-        "variable": "var(--spacing-28)"
-      },
-      "spacing.-32": {
-        "value": "calc(var(--spacing-32) * -1)",
-        "variable": "var(--spacing-32)"
-      },
-      "spacing.-36": {
-        "value": "calc(var(--spacing-36) * -1)",
-        "variable": "var(--spacing-36)"
-      },
-      "spacing.-40": {
-        "value": "calc(var(--spacing-40) * -1)",
-        "variable": "var(--spacing-40)"
-      },
-      "spacing.-44": {
-        "value": "calc(var(--spacing-44) * -1)",
-        "variable": "var(--spacing-44)"
-      },
-      "spacing.-48": {
-        "value": "calc(var(--spacing-48) * -1)",
-        "variable": "var(--spacing-48)"
-      },
-      "spacing.-52": {
-        "value": "calc(var(--spacing-52) * -1)",
-        "variable": "var(--spacing-52)"
-      },
-      "spacing.-56": {
-        "value": "calc(var(--spacing-56) * -1)",
-        "variable": "var(--spacing-56)"
-      },
-      "spacing.-60": {
-        "value": "calc(var(--spacing-60) * -1)",
-        "variable": "var(--spacing-60)"
-      },
-      "spacing.-64": {
-        "value": "calc(var(--spacing-64) * -1)",
-        "variable": "var(--spacing-64)"
-      },
-      "spacing.-72": {
-        "value": "calc(var(--spacing-72) * -1)",
-        "variable": "var(--spacing-72)"
-      },
-      "spacing.-80": {
-        "value": "calc(var(--spacing-80) * -1)",
-        "variable": "var(--spacing-80)"
-      },
-      "spacing.-96": {
-        "value": "calc(var(--spacing-96) * -1)",
-        "variable": "var(--spacing-96)"
-      },
-      "spacing.-0.5": {
-        "value": "calc(var(--spacing-0\\\\.5) * -1)",
-        "variable": "var(--spacing-0\\\\.5)"
-      },
-      "spacing.-1.5": {
-        "value": "calc(var(--spacing-1\\\\.5) * -1)",
-        "variable": "var(--spacing-1\\\\.5)"
-      },
-      "spacing.-2.5": {
-        "value": "calc(var(--spacing-2\\\\.5) * -1)",
-        "variable": "var(--spacing-2\\\\.5)"
-      },
-      "spacing.-3.5": {
-        "value": "calc(var(--spacing-3\\\\.5) * -1)",
-        "variable": "var(--spacing-3\\\\.5)"
-      },
-      "spacing.-gutter": {
-        "value": "var(--spacing-gutter)",
-        "variable": "var(--spacing-gutter)"
-      },
-      "colors.surface": {
-        "value": "var(--colors-surface)",
-        "variable": "var(--colors-surface)"
-      },
-      "colors.colorPalette": {
-        "value": "var(--colors-color-palette)",
-        "variable": "var(--colors-color-palette)"
-      },
-      "colors.colorPalette.50": {
-        "value": "var(--colors-color-palette-50)",
-        "variable": "var(--colors-color-palette-50)"
-      },
-      "colors.colorPalette.100": {
-        "value": "var(--colors-color-palette-100)",
-        "variable": "var(--colors-color-palette-100)"
-      },
-      "colors.colorPalette.200": {
-        "value": "var(--colors-color-palette-200)",
-        "variable": "var(--colors-color-palette-200)"
-      },
-      "colors.colorPalette.300": {
-        "value": "var(--colors-color-palette-300)",
-        "variable": "var(--colors-color-palette-300)"
-      },
-      "colors.colorPalette.400": {
-        "value": "var(--colors-color-palette-400)",
-        "variable": "var(--colors-color-palette-400)"
-      },
-      "colors.colorPalette.500": {
-        "value": "var(--colors-color-palette-500)",
-        "variable": "var(--colors-color-palette-500)"
-      },
-      "colors.colorPalette.600": {
-        "value": "var(--colors-color-palette-600)",
-        "variable": "var(--colors-color-palette-600)"
-      },
-      "colors.colorPalette.700": {
-        "value": "var(--colors-color-palette-700)",
-        "variable": "var(--colors-color-palette-700)"
-      },
-      "colors.colorPalette.800": {
-        "value": "var(--colors-color-palette-800)",
-        "variable": "var(--colors-color-palette-800)"
-      },
-      "colors.colorPalette.900": {
-        "value": "var(--colors-color-palette-900)",
-        "variable": "var(--colors-color-palette-900)"
-      },
-      "colors.colorPalette.950": {
-        "value": "var(--colors-color-palette-950)",
-        "variable": "var(--colors-color-palette-950)"
-      },
-      "colors.colorPalette.test.yam": {
-        "value": "var(--colors-color-palette-test-yam)",
-        "variable": "var(--colors-color-palette-test-yam)"
-      },
-      "colors.colorPalette.yam": {
-        "value": "var(--colors-color-palette-yam)",
-        "variable": "var(--colors-color-palette-yam)"
-      },
-      "colors.colorPalette.test.pool.poller": {
-        "value": "var(--colors-color-palette-test-pool-poller)",
-        "variable": "var(--colors-color-palette-test-pool-poller)"
-      },
-      "colors.colorPalette.pool.poller": {
-        "value": "var(--colors-color-palette-pool-poller)",
-        "variable": "var(--colors-color-palette-pool-poller)"
-      },
-      "colors.colorPalette.poller": {
-        "value": "var(--colors-color-palette-poller)",
-        "variable": "var(--colors-color-palette-poller)"
-      },
-      "colors.colorPalette.test.pool.tall": {
-        "value": "var(--colors-color-palette-test-pool-tall)",
-        "variable": "var(--colors-color-palette-test-pool-tall)"
-      },
-      "colors.colorPalette.pool.tall": {
-        "value": "var(--colors-color-palette-pool-tall)",
-        "variable": "var(--colors-color-palette-pool-tall)"
-      },
-      "colors.colorPalette.tall": {
-        "value": "var(--colors-color-palette-tall)",
-        "variable": "var(--colors-color-palette-tall)"
-      },
-      "colors.colorPalette.thick": {
-        "value": "var(--colors-color-palette-thick)",
-        "variable": "var(--colors-color-palette-thick)"
-      },
-      "colors.colorPalette.card.body": {
-        "value": "var(--colors-color-palette-card-body)",
-        "variable": "var(--colors-color-palette-card-body)"
-      },
-      "colors.colorPalette.body": {
-        "value": "var(--colors-color-palette-body)",
-        "variable": "var(--colors-color-palette-body)"
-      },
-      "colors.colorPalette.card.heading": {
-        "value": "var(--colors-color-palette-card-heading)",
-        "variable": "var(--colors-color-palette-card-heading)"
-      },
-      "colors.colorPalette.heading": {
-        "value": "var(--colors-color-palette-heading)",
-        "variable": "var(--colors-color-palette-heading)"
-      }
-    }
-
-    export function token(path, fallback) {
-      return tokens[path]?.value || fallback
-    }
-
-    function tokenVar(path, fallback) {
-      return tokens[path]?.variable || fallback
-    }
-
-    token.var = tokenVar"
-  `,
-  )
-})
-
-test('with formatTokenName', () => {
-  expect(
-    tokenJs({
-      hooks: {
-        'tokens:created': ({ configure }) => {
-          configure({
-            formatTokenName: (path: string[]) => '$' + path.join('-'),
-          })
-        },
-      },
-    }),
-  ).toMatchInlineSnapshot(
-    `
-    "const tokens = {
-      "$aspectRatios-square": {
-        "value": "1 / 1",
-        "variable": "var(--aspect-ratios-square)"
-      },
-      "$aspectRatios-landscape": {
-        "value": "4 / 3",
-        "variable": "var(--aspect-ratios-landscape)"
-      },
-      "$aspectRatios-portrait": {
-        "value": "3 / 4",
-        "variable": "var(--aspect-ratios-portrait)"
-      },
-      "$aspectRatios-wide": {
-        "value": "16 / 9",
-        "variable": "var(--aspect-ratios-wide)"
-      },
-      "$aspectRatios-ultrawide": {
-        "value": "18 / 5",
-        "variable": "var(--aspect-ratios-ultrawide)"
-      },
-      "$aspectRatios-golden": {
-        "value": "1.618 / 1",
-        "variable": "var(--aspect-ratios-golden)"
-      },
-      "$borders-none": {
-        "value": "none",
-        "variable": "var(--borders-none)"
-      },
-      "$easings-default": {
-        "value": "cubic-bezier(0.4, 0, 0.2, 1)",
-        "variable": "var(--easings-default)"
-      },
-      "$easings-linear": {
-        "value": "linear",
-        "variable": "var(--easings-linear)"
-      },
-      "$easings-in": {
-        "value": "cubic-bezier(0.4, 0, 1, 1)",
-        "variable": "var(--easings-in)"
-      },
-      "$easings-out": {
-        "value": "cubic-bezier(0, 0, 0.2, 1)",
-        "variable": "var(--easings-out)"
-      },
-      "$easings-in-out": {
-        "value": "cubic-bezier(0.4, 0, 0.2, 1)",
-        "variable": "var(--easings-in-out)"
-      },
-      "$durations-fastest": {
-        "value": "50ms",
-        "variable": "var(--durations-fastest)"
-      },
-      "$durations-faster": {
-        "value": "100ms",
-        "variable": "var(--durations-faster)"
-      },
-      "$durations-fast": {
-        "value": "150ms",
-        "variable": "var(--durations-fast)"
-      },
-      "$durations-normal": {
-        "value": "200ms",
-        "variable": "var(--durations-normal)"
-      },
-      "$durations-slow": {
-        "value": "300ms",
-        "variable": "var(--durations-slow)"
-      },
-      "$durations-slower": {
-        "value": "400ms",
-        "variable": "var(--durations-slower)"
-      },
-      "$durations-slowest": {
-        "value": "500ms",
-        "variable": "var(--durations-slowest)"
-      },
-      "$radii-xs": {
-        "value": "0.125rem",
-        "variable": "var(--radii-xs)"
-      },
-      "$radii-sm": {
-        "value": "0.25rem",
-        "variable": "var(--radii-sm)"
-      },
-      "$radii-md": {
-        "value": "0.375rem",
-        "variable": "var(--radii-md)"
-      },
-      "$radii-lg": {
-        "value": "0.5rem",
-        "variable": "var(--radii-lg)"
-      },
-      "$radii-xl": {
-        "value": "0.75rem",
-        "variable": "var(--radii-xl)"
-      },
-      "$radii-2xl": {
-        "value": "1rem",
-        "variable": "var(--radii-2xl)"
-      },
-      "$radii-3xl": {
-        "value": "1.5rem",
-        "variable": "var(--radii-3xl)"
-      },
-      "$radii-4xl": {
-        "value": "2rem",
-        "variable": "var(--radii-4xl)"
-      },
-      "$radii-full": {
-        "value": "9999px",
-        "variable": "var(--radii-full)"
-      },
-      "$fontWeights-thin": {
-        "value": "100",
-        "variable": "var(--font-weights-thin)"
-      },
-      "$fontWeights-extralight": {
-        "value": "200",
-        "variable": "var(--font-weights-extralight)"
-      },
-      "$fontWeights-light": {
-        "value": "300",
-        "variable": "var(--font-weights-light)"
-      },
-      "$fontWeights-normal": {
-        "value": "400",
-        "variable": "var(--font-weights-normal)"
-      },
-      "$fontWeights-medium": {
-        "value": "500",
-        "variable": "var(--font-weights-medium)"
-      },
-      "$fontWeights-semibold": {
-        "value": "600",
-        "variable": "var(--font-weights-semibold)"
-      },
-      "$fontWeights-bold": {
-        "value": "700",
-        "variable": "var(--font-weights-bold)"
-      },
-      "$fontWeights-extrabold": {
-        "value": "800",
-        "variable": "var(--font-weights-extrabold)"
-      },
-      "$fontWeights-black": {
-        "value": "900",
-        "variable": "var(--font-weights-black)"
-      },
-      "$lineHeights-none": {
-        "value": "1",
-        "variable": "var(--line-heights-none)"
-      },
-      "$lineHeights-tight": {
-        "value": "1.25",
-        "variable": "var(--line-heights-tight)"
-      },
-      "$lineHeights-snug": {
-        "value": "1.375",
-        "variable": "var(--line-heights-snug)"
-      },
-      "$lineHeights-normal": {
-        "value": "1.5",
-        "variable": "var(--line-heights-normal)"
-      },
-      "$lineHeights-relaxed": {
-        "value": "1.625",
-        "variable": "var(--line-heights-relaxed)"
-      },
-      "$lineHeights-loose": {
-        "value": "2",
-        "variable": "var(--line-heights-loose)"
-      },
-      "$fonts-sans": {
-        "value": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \\"Segoe UI\\", Roboto, \\"Helvetica Neue\\", Arial, \\"Noto Sans\\", sans-serif, \\"Apple Color Emoji\\", \\"Segoe UI Emoji\\", \\"Segoe UI Symbol\\", \\"Noto Color Emoji\\"",
-        "variable": "var(--fonts-sans)"
-      },
-      "$fonts-serif": {
-        "value": "ui-serif, Georgia, Cambria, \\"Times New Roman\\", Times, serif",
-        "variable": "var(--fonts-serif)"
-      },
-      "$fonts-mono": {
-        "value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\"Liberation Mono\\", \\"Courier New\\", monospace",
-        "variable": "var(--fonts-mono)"
-      },
-      "$letterSpacings-tighter": {
-        "value": "-0.05em",
-        "variable": "var(--letter-spacings-tighter)"
-      },
-      "$letterSpacings-tight": {
-        "value": "-0.025em",
-        "variable": "var(--letter-spacings-tight)"
-      },
-      "$letterSpacings-normal": {
-        "value": "0em",
-        "variable": "var(--letter-spacings-normal)"
-      },
-      "$letterSpacings-wide": {
-        "value": "0.025em",
-        "variable": "var(--letter-spacings-wide)"
-      },
-      "$letterSpacings-wider": {
-        "value": "0.05em",
-        "variable": "var(--letter-spacings-wider)"
-      },
-      "$letterSpacings-widest": {
-        "value": "0.1em",
-        "variable": "var(--letter-spacings-widest)"
-      },
-      "$fontSizes-2xs": {
-        "value": "0.5rem",
-        "variable": "var(--font-sizes-2xs)"
-      },
-      "$fontSizes-xs": {
-        "value": "0.75rem",
-        "variable": "var(--font-sizes-xs)"
-      },
-      "$fontSizes-sm": {
-        "value": "0.875rem",
-        "variable": "var(--font-sizes-sm)"
-      },
-      "$fontSizes-md": {
-        "value": "1rem",
-        "variable": "var(--font-sizes-md)"
-      },
-      "$fontSizes-lg": {
-        "value": "1.125rem",
-        "variable": "var(--font-sizes-lg)"
-      },
-      "$fontSizes-xl": {
-        "value": "1.25rem",
-        "variable": "var(--font-sizes-xl)"
-      },
-      "$fontSizes-2xl": {
-        "value": "1.5rem",
-        "variable": "var(--font-sizes-2xl)"
-      },
-      "$fontSizes-3xl": {
-        "value": "1.875rem",
-        "variable": "var(--font-sizes-3xl)"
-      },
-      "$fontSizes-4xl": {
-        "value": "2.25rem",
-        "variable": "var(--font-sizes-4xl)"
-      },
-      "$fontSizes-5xl": {
-        "value": "3rem",
-        "variable": "var(--font-sizes-5xl)"
-      },
-      "$fontSizes-6xl": {
-        "value": "3.75rem",
-        "variable": "var(--font-sizes-6xl)"
-      },
-      "$fontSizes-7xl": {
-        "value": "4.5rem",
-        "variable": "var(--font-sizes-7xl)"
-      },
-      "$fontSizes-8xl": {
-        "value": "6rem",
-        "variable": "var(--font-sizes-8xl)"
-      },
-      "$fontSizes-9xl": {
-        "value": "8rem",
-        "variable": "var(--font-sizes-9xl)"
-      },
-      "$shadows-xs": {
-        "value": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-        "variable": "var(--shadows-xs)"
-      },
-      "$shadows-sm": {
-        "value": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
-        "variable": "var(--shadows-sm)"
-      },
-      "$shadows-md": {
-        "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-        "variable": "var(--shadows-md)"
-      },
-      "$shadows-lg": {
-        "value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
-        "variable": "var(--shadows-lg)"
-      },
-      "$shadows-xl": {
-        "value": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
-        "variable": "var(--shadows-xl)"
-      },
-      "$shadows-2xl": {
-        "value": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
-        "variable": "var(--shadows-2xl)"
-      },
-      "$shadows-inner": {
-        "value": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
-        "variable": "var(--shadows-inner)"
-      },
-      "$colors-current": {
-        "value": "currentColor",
-        "variable": "var(--colors-current)"
-      },
-      "$colors-black": {
-        "value": "#000",
-        "variable": "var(--colors-black)"
-      },
-      "$colors-white": {
-        "value": "#fff",
-        "variable": "var(--colors-white)"
-      },
-      "$colors-transparent": {
-        "value": "rgb(0 0 0 / 0)",
-        "variable": "var(--colors-transparent)"
-      },
-      "$colors-rose-50": {
-        "value": "#fff1f2",
-        "variable": "var(--colors-rose-50)"
-      },
-      "$colors-rose-100": {
-        "value": "#ffe4e6",
-        "variable": "var(--colors-rose-100)"
-      },
-      "$colors-rose-200": {
-        "value": "#fecdd3",
-        "variable": "var(--colors-rose-200)"
-      },
-      "$colors-rose-300": {
-        "value": "#fda4af",
-        "variable": "var(--colors-rose-300)"
-      },
-      "$colors-rose-400": {
-        "value": "#fb7185",
-        "variable": "var(--colors-rose-400)"
-      },
-      "$colors-rose-500": {
-        "value": "#f43f5e",
-        "variable": "var(--colors-rose-500)"
-      },
-      "$colors-rose-600": {
-        "value": "#e11d48",
-        "variable": "var(--colors-rose-600)"
-      },
-      "$colors-rose-700": {
-        "value": "#be123c",
-        "variable": "var(--colors-rose-700)"
-      },
-      "$colors-rose-800": {
-        "value": "#9f1239",
-        "variable": "var(--colors-rose-800)"
-      },
-      "$colors-rose-900": {
-        "value": "#881337",
-        "variable": "var(--colors-rose-900)"
-      },
-      "$colors-rose-950": {
-        "value": "#4c0519",
-        "variable": "var(--colors-rose-950)"
-      },
-      "$colors-pink-50": {
-        "value": "#fdf2f8",
-        "variable": "var(--colors-pink-50)"
-      },
-      "$colors-pink-100": {
-        "value": "#fce7f3",
-        "variable": "var(--colors-pink-100)"
-      },
-      "$colors-pink-200": {
-        "value": "#fbcfe8",
-        "variable": "var(--colors-pink-200)"
-      },
-      "$colors-pink-300": {
-        "value": "#f9a8d4",
-        "variable": "var(--colors-pink-300)"
-      },
-      "$colors-pink-400": {
-        "value": "#f472b6",
-        "variable": "var(--colors-pink-400)"
-      },
-      "$colors-pink-500": {
-        "value": "#ec4899",
-        "variable": "var(--colors-pink-500)"
-      },
-      "$colors-pink-600": {
-        "value": "#db2777",
-        "variable": "var(--colors-pink-600)"
-      },
-      "$colors-pink-700": {
-        "value": "#be185d",
-        "variable": "var(--colors-pink-700)"
-      },
-      "$colors-pink-800": {
-        "value": "#9d174d",
-        "variable": "var(--colors-pink-800)"
-      },
-      "$colors-pink-900": {
-        "value": "#831843",
-        "variable": "var(--colors-pink-900)"
-      },
-      "$colors-pink-950": {
-        "value": "#500724",
-        "variable": "var(--colors-pink-950)"
-      },
-      "$colors-fuchsia-50": {
-        "value": "#fdf4ff",
-        "variable": "var(--colors-fuchsia-50)"
-      },
-      "$colors-fuchsia-100": {
-        "value": "#fae8ff",
-        "variable": "var(--colors-fuchsia-100)"
-      },
-      "$colors-fuchsia-200": {
-        "value": "#f5d0fe",
-        "variable": "var(--colors-fuchsia-200)"
-      },
-      "$colors-fuchsia-300": {
-        "value": "#f0abfc",
-        "variable": "var(--colors-fuchsia-300)"
-      },
-      "$colors-fuchsia-400": {
-        "value": "#e879f9",
-        "variable": "var(--colors-fuchsia-400)"
-      },
-      "$colors-fuchsia-500": {
-        "value": "#d946ef",
-        "variable": "var(--colors-fuchsia-500)"
-      },
-      "$colors-fuchsia-600": {
-        "value": "#c026d3",
-        "variable": "var(--colors-fuchsia-600)"
-      },
-      "$colors-fuchsia-700": {
-        "value": "#a21caf",
-        "variable": "var(--colors-fuchsia-700)"
-      },
-      "$colors-fuchsia-800": {
-        "value": "#86198f",
-        "variable": "var(--colors-fuchsia-800)"
-      },
-      "$colors-fuchsia-900": {
-        "value": "#701a75",
-        "variable": "var(--colors-fuchsia-900)"
-      },
-      "$colors-fuchsia-950": {
-        "value": "#4a044e",
-        "variable": "var(--colors-fuchsia-950)"
-      },
-      "$colors-purple-50": {
-        "value": "#faf5ff",
-        "variable": "var(--colors-purple-50)"
-      },
-      "$colors-purple-100": {
-        "value": "#f3e8ff",
-        "variable": "var(--colors-purple-100)"
-      },
-      "$colors-purple-200": {
-        "value": "#e9d5ff",
-        "variable": "var(--colors-purple-200)"
-      },
-      "$colors-purple-300": {
-        "value": "#d8b4fe",
-        "variable": "var(--colors-purple-300)"
-      },
-      "$colors-purple-400": {
-        "value": "#c084fc",
-        "variable": "var(--colors-purple-400)"
-      },
-      "$colors-purple-500": {
-        "value": "#a855f7",
-        "variable": "var(--colors-purple-500)"
-      },
-      "$colors-purple-600": {
-        "value": "#9333ea",
-        "variable": "var(--colors-purple-600)"
-      },
-      "$colors-purple-700": {
-        "value": "#7e22ce",
-        "variable": "var(--colors-purple-700)"
-      },
-      "$colors-purple-800": {
-        "value": "#6b21a8",
-        "variable": "var(--colors-purple-800)"
-      },
-      "$colors-purple-900": {
-        "value": "#581c87",
-        "variable": "var(--colors-purple-900)"
-      },
-      "$colors-purple-950": {
-        "value": "#3b0764",
-        "variable": "var(--colors-purple-950)"
-      },
-      "$colors-violet-50": {
-        "value": "#f5f3ff",
-        "variable": "var(--colors-violet-50)"
-      },
-      "$colors-violet-100": {
-        "value": "#ede9fe",
-        "variable": "var(--colors-violet-100)"
-      },
-      "$colors-violet-200": {
-        "value": "#ddd6fe",
-        "variable": "var(--colors-violet-200)"
-      },
-      "$colors-violet-300": {
-        "value": "#c4b5fd",
-        "variable": "var(--colors-violet-300)"
-      },
-      "$colors-violet-400": {
-        "value": "#a78bfa",
-        "variable": "var(--colors-violet-400)"
-      },
-      "$colors-violet-500": {
-        "value": "#8b5cf6",
-        "variable": "var(--colors-violet-500)"
-      },
-      "$colors-violet-600": {
-        "value": "#7c3aed",
-        "variable": "var(--colors-violet-600)"
-      },
-      "$colors-violet-700": {
-        "value": "#6d28d9",
-        "variable": "var(--colors-violet-700)"
-      },
-      "$colors-violet-800": {
-        "value": "#5b21b6",
-        "variable": "var(--colors-violet-800)"
-      },
-      "$colors-violet-900": {
-        "value": "#4c1d95",
-        "variable": "var(--colors-violet-900)"
-      },
-      "$colors-violet-950": {
-        "value": "#2e1065",
-        "variable": "var(--colors-violet-950)"
-      },
-      "$colors-indigo-50": {
-        "value": "#eef2ff",
-        "variable": "var(--colors-indigo-50)"
-      },
-      "$colors-indigo-100": {
-        "value": "#e0e7ff",
-        "variable": "var(--colors-indigo-100)"
-      },
-      "$colors-indigo-200": {
-        "value": "#c7d2fe",
-        "variable": "var(--colors-indigo-200)"
-      },
-      "$colors-indigo-300": {
-        "value": "#a5b4fc",
-        "variable": "var(--colors-indigo-300)"
-      },
-      "$colors-indigo-400": {
-        "value": "#818cf8",
-        "variable": "var(--colors-indigo-400)"
-      },
-      "$colors-indigo-500": {
-        "value": "#6366f1",
-        "variable": "var(--colors-indigo-500)"
-      },
-      "$colors-indigo-600": {
-        "value": "#4f46e5",
-        "variable": "var(--colors-indigo-600)"
-      },
-      "$colors-indigo-700": {
-        "value": "#4338ca",
-        "variable": "var(--colors-indigo-700)"
-      },
-      "$colors-indigo-800": {
-        "value": "#3730a3",
-        "variable": "var(--colors-indigo-800)"
-      },
-      "$colors-indigo-900": {
-        "value": "#312e81",
-        "variable": "var(--colors-indigo-900)"
-      },
-      "$colors-indigo-950": {
-        "value": "#1e1b4b",
-        "variable": "var(--colors-indigo-950)"
-      },
-      "$colors-blue-50": {
-        "value": "#eff6ff",
-        "variable": "var(--colors-blue-50)"
-      },
-      "$colors-blue-100": {
-        "value": "#dbeafe",
-        "variable": "var(--colors-blue-100)"
-      },
-      "$colors-blue-200": {
-        "value": "#bfdbfe",
-        "variable": "var(--colors-blue-200)"
-      },
-      "$colors-blue-300": {
-        "value": "#93c5fd",
-        "variable": "var(--colors-blue-300)"
-      },
-      "$colors-blue-400": {
-        "value": "#60a5fa",
-        "variable": "var(--colors-blue-400)"
-      },
-      "$colors-blue-500": {
-        "value": "#3b82f6",
-        "variable": "var(--colors-blue-500)"
-      },
-      "$colors-blue-600": {
-        "value": "#2563eb",
-        "variable": "var(--colors-blue-600)"
-      },
-      "$colors-blue-700": {
-        "value": "#1d4ed8",
-        "variable": "var(--colors-blue-700)"
-      },
-      "$colors-blue-800": {
-        "value": "#1e40af",
-        "variable": "var(--colors-blue-800)"
-      },
-      "$colors-blue-900": {
-        "value": "#1e3a8a",
-        "variable": "var(--colors-blue-900)"
-      },
-      "$colors-blue-950": {
-        "value": "#172554",
-        "variable": "var(--colors-blue-950)"
-      },
-      "$colors-sky-50": {
-        "value": "#f0f9ff",
-        "variable": "var(--colors-sky-50)"
-      },
-      "$colors-sky-100": {
-        "value": "#e0f2fe",
-        "variable": "var(--colors-sky-100)"
-      },
-      "$colors-sky-200": {
-        "value": "#bae6fd",
-        "variable": "var(--colors-sky-200)"
-      },
-      "$colors-sky-300": {
-        "value": "#7dd3fc",
-        "variable": "var(--colors-sky-300)"
-      },
-      "$colors-sky-400": {
-        "value": "#38bdf8",
-        "variable": "var(--colors-sky-400)"
-      },
-      "$colors-sky-500": {
-        "value": "#0ea5e9",
-        "variable": "var(--colors-sky-500)"
-      },
-      "$colors-sky-600": {
-        "value": "#0284c7",
-        "variable": "var(--colors-sky-600)"
-      },
-      "$colors-sky-700": {
-        "value": "#0369a1",
-        "variable": "var(--colors-sky-700)"
-      },
-      "$colors-sky-800": {
-        "value": "#075985",
-        "variable": "var(--colors-sky-800)"
-      },
-      "$colors-sky-900": {
-        "value": "#0c4a6e",
-        "variable": "var(--colors-sky-900)"
-      },
-      "$colors-sky-950": {
-        "value": "#082f49",
-        "variable": "var(--colors-sky-950)"
-      },
-      "$colors-cyan-50": {
-        "value": "#ecfeff",
-        "variable": "var(--colors-cyan-50)"
-      },
-      "$colors-cyan-100": {
-        "value": "#cffafe",
-        "variable": "var(--colors-cyan-100)"
-      },
-      "$colors-cyan-200": {
-        "value": "#a5f3fc",
-        "variable": "var(--colors-cyan-200)"
-      },
-      "$colors-cyan-300": {
-        "value": "#67e8f9",
-        "variable": "var(--colors-cyan-300)"
-      },
-      "$colors-cyan-400": {
-        "value": "#22d3ee",
-        "variable": "var(--colors-cyan-400)"
-      },
-      "$colors-cyan-500": {
-        "value": "#06b6d4",
-        "variable": "var(--colors-cyan-500)"
-      },
-      "$colors-cyan-600": {
-        "value": "#0891b2",
-        "variable": "var(--colors-cyan-600)"
-      },
-      "$colors-cyan-700": {
-        "value": "#0e7490",
-        "variable": "var(--colors-cyan-700)"
-      },
-      "$colors-cyan-800": {
-        "value": "#155e75",
-        "variable": "var(--colors-cyan-800)"
-      },
-      "$colors-cyan-900": {
-        "value": "#164e63",
-        "variable": "var(--colors-cyan-900)"
-      },
-      "$colors-cyan-950": {
-        "value": "#083344",
-        "variable": "var(--colors-cyan-950)"
-      },
-      "$colors-teal-50": {
-        "value": "#f0fdfa",
-        "variable": "var(--colors-teal-50)"
-      },
-      "$colors-teal-100": {
-        "value": "#ccfbf1",
-        "variable": "var(--colors-teal-100)"
-      },
-      "$colors-teal-200": {
-        "value": "#99f6e4",
-        "variable": "var(--colors-teal-200)"
-      },
-      "$colors-teal-300": {
-        "value": "#5eead4",
-        "variable": "var(--colors-teal-300)"
-      },
-      "$colors-teal-400": {
-        "value": "#2dd4bf",
-        "variable": "var(--colors-teal-400)"
-      },
-      "$colors-teal-500": {
-        "value": "#14b8a6",
-        "variable": "var(--colors-teal-500)"
-      },
-      "$colors-teal-600": {
-        "value": "#0d9488",
-        "variable": "var(--colors-teal-600)"
-      },
-      "$colors-teal-700": {
-        "value": "#0f766e",
-        "variable": "var(--colors-teal-700)"
-      },
-      "$colors-teal-800": {
-        "value": "#115e59",
-        "variable": "var(--colors-teal-800)"
-      },
-      "$colors-teal-900": {
-        "value": "#134e4a",
-        "variable": "var(--colors-teal-900)"
-      },
-      "$colors-teal-950": {
-        "value": "#042f2e",
-        "variable": "var(--colors-teal-950)"
-      },
-      "$colors-emerald-50": {
-        "value": "#ecfdf5",
-        "variable": "var(--colors-emerald-50)"
-      },
-      "$colors-emerald-100": {
-        "value": "#d1fae5",
-        "variable": "var(--colors-emerald-100)"
-      },
-      "$colors-emerald-200": {
-        "value": "#a7f3d0",
-        "variable": "var(--colors-emerald-200)"
-      },
-      "$colors-emerald-300": {
-        "value": "#6ee7b7",
-        "variable": "var(--colors-emerald-300)"
-      },
-      "$colors-emerald-400": {
-        "value": "#34d399",
-        "variable": "var(--colors-emerald-400)"
-      },
-      "$colors-emerald-500": {
-        "value": "#10b981",
-        "variable": "var(--colors-emerald-500)"
-      },
-      "$colors-emerald-600": {
-        "value": "#059669",
-        "variable": "var(--colors-emerald-600)"
-      },
-      "$colors-emerald-700": {
-        "value": "#047857",
-        "variable": "var(--colors-emerald-700)"
-      },
-      "$colors-emerald-800": {
-        "value": "#065f46",
-        "variable": "var(--colors-emerald-800)"
-      },
-      "$colors-emerald-900": {
-        "value": "#064e3b",
-        "variable": "var(--colors-emerald-900)"
-      },
-      "$colors-emerald-950": {
-        "value": "#022c22",
-        "variable": "var(--colors-emerald-950)"
-      },
-      "$colors-green-50": {
-        "value": "#f0fdf4",
-        "variable": "var(--colors-green-50)"
-      },
-      "$colors-green-100": {
-        "value": "#dcfce7",
-        "variable": "var(--colors-green-100)"
-      },
-      "$colors-green-200": {
-        "value": "#bbf7d0",
-        "variable": "var(--colors-green-200)"
-      },
-      "$colors-green-300": {
-        "value": "#86efac",
-        "variable": "var(--colors-green-300)"
-      },
-      "$colors-green-400": {
-        "value": "#4ade80",
-        "variable": "var(--colors-green-400)"
-      },
-      "$colors-green-500": {
-        "value": "#22c55e",
-        "variable": "var(--colors-green-500)"
-      },
-      "$colors-green-600": {
-        "value": "#16a34a",
-        "variable": "var(--colors-green-600)"
-      },
-      "$colors-green-700": {
-        "value": "#15803d",
-        "variable": "var(--colors-green-700)"
-      },
-      "$colors-green-800": {
-        "value": "#166534",
-        "variable": "var(--colors-green-800)"
-      },
-      "$colors-green-900": {
-        "value": "#14532d",
-        "variable": "var(--colors-green-900)"
-      },
-      "$colors-green-950": {
-        "value": "#052e16",
-        "variable": "var(--colors-green-950)"
-      },
-      "$colors-lime-50": {
-        "value": "#f7fee7",
-        "variable": "var(--colors-lime-50)"
-      },
-      "$colors-lime-100": {
-        "value": "#ecfccb",
-        "variable": "var(--colors-lime-100)"
-      },
-      "$colors-lime-200": {
-        "value": "#d9f99d",
-        "variable": "var(--colors-lime-200)"
-      },
-      "$colors-lime-300": {
-        "value": "#bef264",
-        "variable": "var(--colors-lime-300)"
-      },
-      "$colors-lime-400": {
-        "value": "#a3e635",
-        "variable": "var(--colors-lime-400)"
-      },
-      "$colors-lime-500": {
-        "value": "#84cc16",
-        "variable": "var(--colors-lime-500)"
-      },
-      "$colors-lime-600": {
-        "value": "#65a30d",
-        "variable": "var(--colors-lime-600)"
-      },
-      "$colors-lime-700": {
-        "value": "#4d7c0f",
-        "variable": "var(--colors-lime-700)"
-      },
-      "$colors-lime-800": {
-        "value": "#3f6212",
-        "variable": "var(--colors-lime-800)"
-      },
-      "$colors-lime-900": {
-        "value": "#365314",
-        "variable": "var(--colors-lime-900)"
-      },
-      "$colors-lime-950": {
-        "value": "#1a2e05",
-        "variable": "var(--colors-lime-950)"
-      },
-      "$colors-yellow-50": {
-        "value": "#fefce8",
-        "variable": "var(--colors-yellow-50)"
-      },
-      "$colors-yellow-100": {
-        "value": "#fef9c3",
-        "variable": "var(--colors-yellow-100)"
-      },
-      "$colors-yellow-200": {
-        "value": "#fef08a",
-        "variable": "var(--colors-yellow-200)"
-      },
-      "$colors-yellow-300": {
-        "value": "#fde047",
-        "variable": "var(--colors-yellow-300)"
-      },
-      "$colors-yellow-400": {
-        "value": "#facc15",
-        "variable": "var(--colors-yellow-400)"
-      },
-      "$colors-yellow-500": {
-        "value": "#eab308",
-        "variable": "var(--colors-yellow-500)"
-      },
-      "$colors-yellow-600": {
-        "value": "#ca8a04",
-        "variable": "var(--colors-yellow-600)"
-      },
-      "$colors-yellow-700": {
-        "value": "#a16207",
-        "variable": "var(--colors-yellow-700)"
-      },
-      "$colors-yellow-800": {
-        "value": "#854d0e",
-        "variable": "var(--colors-yellow-800)"
-      },
-      "$colors-yellow-900": {
-        "value": "#713f12",
-        "variable": "var(--colors-yellow-900)"
-      },
-      "$colors-yellow-950": {
-        "value": "#422006",
-        "variable": "var(--colors-yellow-950)"
-      },
-      "$colors-amber-50": {
-        "value": "#fffbeb",
-        "variable": "var(--colors-amber-50)"
-      },
-      "$colors-amber-100": {
-        "value": "#fef3c7",
-        "variable": "var(--colors-amber-100)"
-      },
-      "$colors-amber-200": {
-        "value": "#fde68a",
-        "variable": "var(--colors-amber-200)"
-      },
-      "$colors-amber-300": {
-        "value": "#fcd34d",
-        "variable": "var(--colors-amber-300)"
-      },
-      "$colors-amber-400": {
-        "value": "#fbbf24",
-        "variable": "var(--colors-amber-400)"
-      },
-      "$colors-amber-500": {
-        "value": "#f59e0b",
-        "variable": "var(--colors-amber-500)"
-      },
-      "$colors-amber-600": {
-        "value": "#d97706",
-        "variable": "var(--colors-amber-600)"
-      },
-      "$colors-amber-700": {
-        "value": "#b45309",
-        "variable": "var(--colors-amber-700)"
-      },
-      "$colors-amber-800": {
-        "value": "#92400e",
-        "variable": "var(--colors-amber-800)"
-      },
-      "$colors-amber-900": {
-        "value": "#78350f",
-        "variable": "var(--colors-amber-900)"
-      },
-      "$colors-amber-950": {
-        "value": "#451a03",
-        "variable": "var(--colors-amber-950)"
-      },
-      "$colors-orange-50": {
-        "value": "#fff7ed",
-        "variable": "var(--colors-orange-50)"
-      },
-      "$colors-orange-100": {
-        "value": "#ffedd5",
-        "variable": "var(--colors-orange-100)"
-      },
-      "$colors-orange-200": {
-        "value": "#fed7aa",
-        "variable": "var(--colors-orange-200)"
-      },
-      "$colors-orange-300": {
-        "value": "#fdba74",
-        "variable": "var(--colors-orange-300)"
-      },
-      "$colors-orange-400": {
-        "value": "#fb923c",
-        "variable": "var(--colors-orange-400)"
-      },
-      "$colors-orange-500": {
-        "value": "#f97316",
-        "variable": "var(--colors-orange-500)"
-      },
-      "$colors-orange-600": {
-        "value": "#ea580c",
-        "variable": "var(--colors-orange-600)"
-      },
-      "$colors-orange-700": {
-        "value": "#c2410c",
-        "variable": "var(--colors-orange-700)"
-      },
-      "$colors-orange-800": {
-        "value": "#9a3412",
-        "variable": "var(--colors-orange-800)"
-      },
-      "$colors-orange-900": {
-        "value": "#7c2d12",
-        "variable": "var(--colors-orange-900)"
-      },
-      "$colors-orange-950": {
-        "value": "#431407",
-        "variable": "var(--colors-orange-950)"
-      },
-      "$colors-red-50": {
-        "value": "#fef2f2",
-        "variable": "var(--colors-red-50)"
-      },
-      "$colors-red-100": {
-        "value": "#fee2e2",
-        "variable": "var(--colors-red-100)"
-      },
-      "$colors-red-200": {
-        "value": "#fecaca",
-        "variable": "var(--colors-red-200)"
-      },
-      "$colors-red-300": {
-        "value": "#fca5a5",
-        "variable": "var(--colors-red-300)"
-      },
-      "$colors-red-400": {
-        "value": "#f87171",
-        "variable": "var(--colors-red-400)"
-      },
-      "$colors-red-500": {
-        "value": "#ef4444",
-        "variable": "var(--colors-red-500)"
-      },
-      "$colors-red-600": {
-        "value": "#dc2626",
-        "variable": "var(--colors-red-600)"
-      },
-      "$colors-red-700": {
-        "value": "#b91c1c",
-        "variable": "var(--colors-red-700)"
-      },
-      "$colors-red-800": {
-        "value": "#991b1b",
-        "variable": "var(--colors-red-800)"
-      },
-      "$colors-red-900": {
-        "value": "#7f1d1d",
-        "variable": "var(--colors-red-900)"
-      },
-      "$colors-red-950": {
-        "value": "#450a0a",
-        "variable": "var(--colors-red-950)"
-      },
-      "$colors-neutral-50": {
-        "value": "#fafafa",
-        "variable": "var(--colors-neutral-50)"
-      },
-      "$colors-neutral-100": {
-        "value": "#f5f5f5",
-        "variable": "var(--colors-neutral-100)"
-      },
-      "$colors-neutral-200": {
-        "value": "#e5e5e5",
-        "variable": "var(--colors-neutral-200)"
-      },
-      "$colors-neutral-300": {
-        "value": "#d4d4d4",
-        "variable": "var(--colors-neutral-300)"
-      },
-      "$colors-neutral-400": {
-        "value": "#a3a3a3",
-        "variable": "var(--colors-neutral-400)"
-      },
-      "$colors-neutral-500": {
-        "value": "#737373",
-        "variable": "var(--colors-neutral-500)"
-      },
-      "$colors-neutral-600": {
-        "value": "#525252",
-        "variable": "var(--colors-neutral-600)"
-      },
-      "$colors-neutral-700": {
-        "value": "#404040",
-        "variable": "var(--colors-neutral-700)"
-      },
-      "$colors-neutral-800": {
-        "value": "#262626",
-        "variable": "var(--colors-neutral-800)"
-      },
-      "$colors-neutral-900": {
-        "value": "#171717",
-        "variable": "var(--colors-neutral-900)"
-      },
-      "$colors-neutral-950": {
-        "value": "#0a0a0a",
-        "variable": "var(--colors-neutral-950)"
-      },
-      "$colors-stone-50": {
-        "value": "#fafaf9",
-        "variable": "var(--colors-stone-50)"
-      },
-      "$colors-stone-100": {
-        "value": "#f5f5f4",
-        "variable": "var(--colors-stone-100)"
-      },
-      "$colors-stone-200": {
-        "value": "#e7e5e4",
-        "variable": "var(--colors-stone-200)"
-      },
-      "$colors-stone-300": {
-        "value": "#d6d3d1",
-        "variable": "var(--colors-stone-300)"
-      },
-      "$colors-stone-400": {
-        "value": "#a8a29e",
-        "variable": "var(--colors-stone-400)"
-      },
-      "$colors-stone-500": {
-        "value": "#78716c",
-        "variable": "var(--colors-stone-500)"
-      },
-      "$colors-stone-600": {
-        "value": "#57534e",
-        "variable": "var(--colors-stone-600)"
-      },
-      "$colors-stone-700": {
-        "value": "#44403c",
-        "variable": "var(--colors-stone-700)"
-      },
-      "$colors-stone-800": {
-        "value": "#292524",
-        "variable": "var(--colors-stone-800)"
-      },
-      "$colors-stone-900": {
-        "value": "#1c1917",
-        "variable": "var(--colors-stone-900)"
-      },
-      "$colors-stone-950": {
-        "value": "#0c0a09",
-        "variable": "var(--colors-stone-950)"
-      },
-      "$colors-zinc-50": {
-        "value": "#fafafa",
-        "variable": "var(--colors-zinc-50)"
-      },
-      "$colors-zinc-100": {
-        "value": "#f4f4f5",
-        "variable": "var(--colors-zinc-100)"
-      },
-      "$colors-zinc-200": {
-        "value": "#e4e4e7",
-        "variable": "var(--colors-zinc-200)"
-      },
-      "$colors-zinc-300": {
-        "value": "#d4d4d8",
-        "variable": "var(--colors-zinc-300)"
-      },
-      "$colors-zinc-400": {
-        "value": "#a1a1aa",
-        "variable": "var(--colors-zinc-400)"
-      },
-      "$colors-zinc-500": {
-        "value": "#71717a",
-        "variable": "var(--colors-zinc-500)"
-      },
-      "$colors-zinc-600": {
-        "value": "#52525b",
-        "variable": "var(--colors-zinc-600)"
-      },
-      "$colors-zinc-700": {
-        "value": "#3f3f46",
-        "variable": "var(--colors-zinc-700)"
-      },
-      "$colors-zinc-800": {
-        "value": "#27272a",
-        "variable": "var(--colors-zinc-800)"
-      },
-      "$colors-zinc-900": {
-        "value": "#18181b",
-        "variable": "var(--colors-zinc-900)"
-      },
-      "$colors-zinc-950": {
-        "value": "#09090b",
-        "variable": "var(--colors-zinc-950)"
-      },
-      "$colors-gray-50": {
-        "value": "#f9fafb",
-        "variable": "var(--colors-gray-50)"
-      },
-      "$colors-gray-100": {
-        "value": "#f3f4f6",
-        "variable": "var(--colors-gray-100)"
-      },
-      "$colors-gray-200": {
-        "value": "#e5e7eb",
-        "variable": "var(--colors-gray-200)"
-      },
-      "$colors-gray-300": {
-        "value": "#d1d5db",
-        "variable": "var(--colors-gray-300)"
-      },
-      "$colors-gray-400": {
-        "value": "#9ca3af",
-        "variable": "var(--colors-gray-400)"
-      },
-      "$colors-gray-500": {
-        "value": "#6b7280",
-        "variable": "var(--colors-gray-500)"
-      },
-      "$colors-gray-600": {
-        "value": "#4b5563",
-        "variable": "var(--colors-gray-600)"
-      },
-      "$colors-gray-700": {
-        "value": "#374151",
-        "variable": "var(--colors-gray-700)"
-      },
-      "$colors-gray-800": {
-        "value": "#1f2937",
-        "variable": "var(--colors-gray-800)"
-      },
-      "$colors-gray-900": {
-        "value": "#111827",
-        "variable": "var(--colors-gray-900)"
-      },
-      "$colors-gray-950": {
-        "value": "#030712",
-        "variable": "var(--colors-gray-950)"
-      },
-      "$colors-slate-50": {
-        "value": "#f8fafc",
-        "variable": "var(--colors-slate-50)"
-      },
-      "$colors-slate-100": {
-        "value": "#f1f5f9",
-        "variable": "var(--colors-slate-100)"
-      },
-      "$colors-slate-200": {
-        "value": "#e2e8f0",
-        "variable": "var(--colors-slate-200)"
-      },
-      "$colors-slate-300": {
-        "value": "#cbd5e1",
-        "variable": "var(--colors-slate-300)"
-      },
-      "$colors-slate-400": {
-        "value": "#94a3b8",
-        "variable": "var(--colors-slate-400)"
-      },
-      "$colors-slate-500": {
-        "value": "#64748b",
-        "variable": "var(--colors-slate-500)"
-      },
-      "$colors-slate-600": {
-        "value": "#475569",
-        "variable": "var(--colors-slate-600)"
-      },
-      "$colors-slate-700": {
-        "value": "#334155",
-        "variable": "var(--colors-slate-700)"
-      },
-      "$colors-slate-800": {
-        "value": "#1e293b",
-        "variable": "var(--colors-slate-800)"
-      },
-      "$colors-slate-900": {
-        "value": "#0f172a",
-        "variable": "var(--colors-slate-900)"
-      },
-      "$colors-slate-950": {
-        "value": "#020617",
-        "variable": "var(--colors-slate-950)"
-      },
-      "$colors-deep-test-yam": {
-        "value": "%555",
-        "variable": "var(--colors-deep-test-yam)"
-      },
-      "$colors-deep-test-pool-poller": {
-        "value": "#fff",
-        "variable": "var(--colors-deep-test-pool-poller)"
-      },
-      "$colors-deep-test-pool-tall": {
-        "value": "$dfdf",
-        "variable": "var(--colors-deep-test-pool-tall)"
-      },
-      "$blurs-sm": {
-        "value": "4px",
-        "variable": "var(--blurs-sm)"
-      },
-      "$blurs-base": {
-        "value": "8px",
-        "variable": "var(--blurs-base)"
-      },
-      "$blurs-md": {
-        "value": "12px",
-        "variable": "var(--blurs-md)"
-      },
-      "$blurs-lg": {
-        "value": "16px",
-        "variable": "var(--blurs-lg)"
-      },
-      "$blurs-xl": {
-        "value": "24px",
-        "variable": "var(--blurs-xl)"
-      },
-      "$blurs-2xl": {
-        "value": "40px",
-        "variable": "var(--blurs-2xl)"
-      },
-      "$blurs-3xl": {
-        "value": "64px",
-        "variable": "var(--blurs-3xl)"
-      },
-      "$spacing-0": {
-        "value": "0rem",
-        "variable": "var(--spacing-0)"
-      },
-      "$spacing-1": {
-        "value": "0.25rem",
-        "variable": "var(--spacing-1)"
-      },
-      "$spacing-2": {
-        "value": "0.5rem",
-        "variable": "var(--spacing-2)"
-      },
-      "$spacing-3": {
-        "value": "0.75rem",
-        "variable": "var(--spacing-3)"
-      },
-      "$spacing-4": {
-        "value": "1rem",
-        "variable": "var(--spacing-4)"
-      },
-      "$spacing-5": {
-        "value": "1.25rem",
-        "variable": "var(--spacing-5)"
-      },
-      "$spacing-6": {
-        "value": "1.5rem",
-        "variable": "var(--spacing-6)"
-      },
-      "$spacing-7": {
-        "value": "1.75rem",
-        "variable": "var(--spacing-7)"
-      },
-      "$spacing-8": {
-        "value": "2rem",
-        "variable": "var(--spacing-8)"
-      },
-      "$spacing-9": {
-        "value": "2.25rem",
-        "variable": "var(--spacing-9)"
-      },
-      "$spacing-10": {
-        "value": "2.5rem",
-        "variable": "var(--spacing-10)"
-      },
-      "$spacing-11": {
-        "value": "2.75rem",
-        "variable": "var(--spacing-11)"
-      },
-      "$spacing-12": {
-        "value": "3rem",
-        "variable": "var(--spacing-12)"
-      },
-      "$spacing-14": {
-        "value": "3.5rem",
-        "variable": "var(--spacing-14)"
-      },
-      "$spacing-16": {
-        "value": "4rem",
-        "variable": "var(--spacing-16)"
-      },
-      "$spacing-20": {
-        "value": "5rem",
-        "variable": "var(--spacing-20)"
-      },
-      "$spacing-24": {
-        "value": "6rem",
-        "variable": "var(--spacing-24)"
-      },
-      "$spacing-28": {
-        "value": "7rem",
-        "variable": "var(--spacing-28)"
-      },
-      "$spacing-32": {
-        "value": "8rem",
-        "variable": "var(--spacing-32)"
-      },
-      "$spacing-36": {
-        "value": "9rem",
-        "variable": "var(--spacing-36)"
-      },
-      "$spacing-40": {
-        "value": "10rem",
-        "variable": "var(--spacing-40)"
-      },
-      "$spacing-44": {
-        "value": "11rem",
-        "variable": "var(--spacing-44)"
-      },
-      "$spacing-48": {
-        "value": "12rem",
-        "variable": "var(--spacing-48)"
-      },
-      "$spacing-52": {
-        "value": "13rem",
-        "variable": "var(--spacing-52)"
-      },
-      "$spacing-56": {
-        "value": "14rem",
-        "variable": "var(--spacing-56)"
-      },
-      "$spacing-60": {
-        "value": "15rem",
-        "variable": "var(--spacing-60)"
-      },
-      "$spacing-64": {
-        "value": "16rem",
-        "variable": "var(--spacing-64)"
-      },
-      "$spacing-72": {
-        "value": "18rem",
-        "variable": "var(--spacing-72)"
-      },
-      "$spacing-80": {
-        "value": "20rem",
-        "variable": "var(--spacing-80)"
-      },
-      "$spacing-96": {
-        "value": "24rem",
-        "variable": "var(--spacing-96)"
-      },
-      "$spacing-0.5": {
-        "value": "0.125rem",
-        "variable": "var(--spacing-0\\\\.5)"
-      },
-      "$spacing-1.5": {
-        "value": "0.375rem",
-        "variable": "var(--spacing-1\\\\.5)"
-      },
-      "$spacing-2.5": {
-        "value": "0.625rem",
-        "variable": "var(--spacing-2\\\\.5)"
-      },
-      "$spacing-3.5": {
-        "value": "0.875rem",
-        "variable": "var(--spacing-3\\\\.5)"
-      },
-      "$sizes-0": {
-        "value": "0rem",
-        "variable": "var(--sizes-0)"
-      },
-      "$sizes-1": {
-        "value": "0.25rem",
-        "variable": "var(--sizes-1)"
-      },
-      "$sizes-2": {
-        "value": "0.5rem",
-        "variable": "var(--sizes-2)"
-      },
-      "$sizes-3": {
-        "value": "0.75rem",
-        "variable": "var(--sizes-3)"
-      },
-      "$sizes-4": {
-        "value": "1rem",
-        "variable": "var(--sizes-4)"
-      },
-      "$sizes-5": {
-        "value": "1.25rem",
-        "variable": "var(--sizes-5)"
-      },
-      "$sizes-6": {
-        "value": "1.5rem",
-        "variable": "var(--sizes-6)"
-      },
-      "$sizes-7": {
-        "value": "1.75rem",
-        "variable": "var(--sizes-7)"
-      },
-      "$sizes-8": {
-        "value": "2rem",
-        "variable": "var(--sizes-8)"
-      },
-      "$sizes-9": {
-        "value": "2.25rem",
-        "variable": "var(--sizes-9)"
-      },
-      "$sizes-10": {
-        "value": "2.5rem",
-        "variable": "var(--sizes-10)"
-      },
-      "$sizes-11": {
-        "value": "2.75rem",
-        "variable": "var(--sizes-11)"
-      },
-      "$sizes-12": {
-        "value": "3rem",
-        "variable": "var(--sizes-12)"
-      },
-      "$sizes-14": {
-        "value": "3.5rem",
-        "variable": "var(--sizes-14)"
-      },
-      "$sizes-16": {
-        "value": "4rem",
-        "variable": "var(--sizes-16)"
-      },
-      "$sizes-20": {
-        "value": "5rem",
-        "variable": "var(--sizes-20)"
-      },
-      "$sizes-24": {
-        "value": "6rem",
-        "variable": "var(--sizes-24)"
-      },
-      "$sizes-28": {
-        "value": "7rem",
-        "variable": "var(--sizes-28)"
-      },
-      "$sizes-32": {
-        "value": "8rem",
-        "variable": "var(--sizes-32)"
-      },
-      "$sizes-36": {
-        "value": "9rem",
-        "variable": "var(--sizes-36)"
-      },
-      "$sizes-40": {
-        "value": "10rem",
-        "variable": "var(--sizes-40)"
-      },
-      "$sizes-44": {
-        "value": "11rem",
-        "variable": "var(--sizes-44)"
-      },
-      "$sizes-48": {
-        "value": "12rem",
-        "variable": "var(--sizes-48)"
-      },
-      "$sizes-52": {
-        "value": "13rem",
-        "variable": "var(--sizes-52)"
-      },
-      "$sizes-56": {
-        "value": "14rem",
-        "variable": "var(--sizes-56)"
-      },
-      "$sizes-60": {
-        "value": "15rem",
-        "variable": "var(--sizes-60)"
-      },
-      "$sizes-64": {
-        "value": "16rem",
-        "variable": "var(--sizes-64)"
-      },
-      "$sizes-72": {
-        "value": "18rem",
-        "variable": "var(--sizes-72)"
-      },
-      "$sizes-80": {
-        "value": "20rem",
-        "variable": "var(--sizes-80)"
-      },
-      "$sizes-96": {
-        "value": "24rem",
-        "variable": "var(--sizes-96)"
-      },
-      "$sizes-0.5": {
-        "value": "0.125rem",
-        "variable": "var(--sizes-0\\\\.5)"
-      },
-      "$sizes-1.5": {
-        "value": "0.375rem",
-        "variable": "var(--sizes-1\\\\.5)"
-      },
-      "$sizes-2.5": {
-        "value": "0.625rem",
-        "variable": "var(--sizes-2\\\\.5)"
-      },
-      "$sizes-3.5": {
-        "value": "0.875rem",
-        "variable": "var(--sizes-3\\\\.5)"
-      },
-      "$sizes-xs": {
-        "value": "20rem",
-        "variable": "var(--sizes-xs)"
-      },
-      "$sizes-sm": {
-        "value": "24rem",
-        "variable": "var(--sizes-sm)"
-      },
-      "$sizes-md": {
-        "value": "28rem",
-        "variable": "var(--sizes-md)"
-      },
-      "$sizes-lg": {
-        "value": "32rem",
-        "variable": "var(--sizes-lg)"
-      },
-      "$sizes-xl": {
-        "value": "36rem",
-        "variable": "var(--sizes-xl)"
-      },
-      "$sizes-2xl": {
-        "value": "42rem",
-        "variable": "var(--sizes-2xl)"
-      },
-      "$sizes-3xl": {
-        "value": "48rem",
-        "variable": "var(--sizes-3xl)"
-      },
-      "$sizes-4xl": {
-        "value": "56rem",
-        "variable": "var(--sizes-4xl)"
-      },
-      "$sizes-5xl": {
-        "value": "64rem",
-        "variable": "var(--sizes-5xl)"
-      },
-      "$sizes-6xl": {
-        "value": "72rem",
-        "variable": "var(--sizes-6xl)"
-      },
-      "$sizes-7xl": {
-        "value": "80rem",
-        "variable": "var(--sizes-7xl)"
-      },
-      "$sizes-8xl": {
-        "value": "90rem",
-        "variable": "var(--sizes-8xl)"
-      },
-      "$sizes-prose": {
-        "value": "65ch",
-        "variable": "var(--sizes-prose)"
-      },
-      "$sizes-full": {
-        "value": "100%",
-        "variable": "var(--sizes-full)"
-      },
-      "$sizes-min": {
-        "value": "min-content",
-        "variable": "var(--sizes-min)"
-      },
-      "$sizes-max": {
-        "value": "max-content",
-        "variable": "var(--sizes-max)"
-      },
-      "$sizes-fit": {
-        "value": "fit-content",
-        "variable": "var(--sizes-fit)"
-      },
-      "$sizes-breakpoint-sm": {
-        "value": "640px",
-        "variable": "var(--sizes-breakpoint-sm)"
-      },
-      "$sizes-breakpoint-md": {
-        "value": "768px",
-        "variable": "var(--sizes-breakpoint-md)"
-      },
-      "$sizes-breakpoint-lg": {
-        "value": "1024px",
-        "variable": "var(--sizes-breakpoint-lg)"
-      },
-      "$sizes-breakpoint-xl": {
-        "value": "1280px",
-        "variable": "var(--sizes-breakpoint-xl)"
-      },
-      "$sizes-breakpoint-2xl": {
-        "value": "1536px",
-        "variable": "var(--sizes-breakpoint-2xl)"
-      },
-      "$animations-spin": {
-        "value": "spin 1s linear infinite",
-        "variable": "var(--animations-spin)"
-      },
-      "$animations-ping": {
-        "value": "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
-        "variable": "var(--animations-ping)"
-      },
-      "$animations-pulse": {
-        "value": "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
-        "variable": "var(--animations-pulse)"
-      },
-      "$animations-bounce": {
-        "value": "bounce 1s infinite",
-        "variable": "var(--animations-bounce)"
-      },
-      "$breakpoints-sm": {
-        "value": "640px",
-        "variable": "var(--breakpoints-sm)"
-      },
-      "$breakpoints-md": {
-        "value": "768px",
-        "variable": "var(--breakpoints-md)"
-      },
-      "$breakpoints-lg": {
-        "value": "1024px",
-        "variable": "var(--breakpoints-lg)"
-      },
-      "$breakpoints-xl": {
-        "value": "1280px",
-        "variable": "var(--breakpoints-xl)"
-      },
-      "$breakpoints-2xl": {
-        "value": "1536px",
-        "variable": "var(--breakpoints-2xl)"
-      },
-      "$colors-primary": {
-        "value": "var(--colors-primary)",
-        "variable": "var(--colors-primary)"
-      },
-      "$colors-secondary": {
-        "value": "var(--colors-secondary)",
-        "variable": "var(--colors-secondary)"
-      },
-      "$colors-complex": {
-        "value": "var(--colors-complex)",
-        "variable": "var(--colors-complex)"
-      },
-      "$colors-button-thick": {
-        "value": "var(--colors-button-thick)",
-        "variable": "var(--colors-button-thick)"
-      },
-      "$colors-button-card-body": {
-        "value": "var(--colors-button-card-body)",
-        "variable": "var(--colors-button-card-body)"
-      },
-      "$colors-button-card-heading": {
-        "value": "var(--colors-button-card-heading)",
-        "variable": "var(--colors-button-card-heading)"
-      },
-      "$spacing-gutter": {
-        "value": "var(--spacing-gutter)",
-        "variable": "var(--spacing-gutter)"
-      },
-      "$spacing--1": {
-        "value": "calc(var(--spacing-1) * -1)",
-        "variable": "var(--spacing-1)"
-      },
-      "$spacing--2": {
-        "value": "calc(var(--spacing-2) * -1)",
-        "variable": "var(--spacing-2)"
-      },
-      "$spacing--3": {
-        "value": "calc(var(--spacing-3) * -1)",
-        "variable": "var(--spacing-3)"
-      },
-      "$spacing--4": {
-        "value": "calc(var(--spacing-4) * -1)",
-        "variable": "var(--spacing-4)"
-      },
-      "$spacing--5": {
-        "value": "calc(var(--spacing-5) * -1)",
-        "variable": "var(--spacing-5)"
-      },
-      "$spacing--6": {
-        "value": "calc(var(--spacing-6) * -1)",
-        "variable": "var(--spacing-6)"
-      },
-      "$spacing--7": {
-        "value": "calc(var(--spacing-7) * -1)",
-        "variable": "var(--spacing-7)"
-      },
-      "$spacing--8": {
-        "value": "calc(var(--spacing-8) * -1)",
-        "variable": "var(--spacing-8)"
-      },
-      "$spacing--9": {
-        "value": "calc(var(--spacing-9) * -1)",
-        "variable": "var(--spacing-9)"
-      },
-      "$spacing--10": {
-        "value": "calc(var(--spacing-10) * -1)",
-        "variable": "var(--spacing-10)"
-      },
-      "$spacing--11": {
-        "value": "calc(var(--spacing-11) * -1)",
-        "variable": "var(--spacing-11)"
-      },
-      "$spacing--12": {
-        "value": "calc(var(--spacing-12) * -1)",
-        "variable": "var(--spacing-12)"
-      },
-      "$spacing--14": {
-        "value": "calc(var(--spacing-14) * -1)",
-        "variable": "var(--spacing-14)"
-      },
-      "$spacing--16": {
-        "value": "calc(var(--spacing-16) * -1)",
-        "variable": "var(--spacing-16)"
-      },
-      "$spacing--20": {
-        "value": "calc(var(--spacing-20) * -1)",
-        "variable": "var(--spacing-20)"
-      },
-      "$spacing--24": {
-        "value": "calc(var(--spacing-24) * -1)",
-        "variable": "var(--spacing-24)"
-      },
-      "$spacing--28": {
-        "value": "calc(var(--spacing-28) * -1)",
-        "variable": "var(--spacing-28)"
-      },
-      "$spacing--32": {
-        "value": "calc(var(--spacing-32) * -1)",
-        "variable": "var(--spacing-32)"
-      },
-      "$spacing--36": {
-        "value": "calc(var(--spacing-36) * -1)",
-        "variable": "var(--spacing-36)"
-      },
-      "$spacing--40": {
-        "value": "calc(var(--spacing-40) * -1)",
-        "variable": "var(--spacing-40)"
-      },
-      "$spacing--44": {
-        "value": "calc(var(--spacing-44) * -1)",
-        "variable": "var(--spacing-44)"
-      },
-      "$spacing--48": {
-        "value": "calc(var(--spacing-48) * -1)",
-        "variable": "var(--spacing-48)"
-      },
-      "$spacing--52": {
-        "value": "calc(var(--spacing-52) * -1)",
-        "variable": "var(--spacing-52)"
-      },
-      "$spacing--56": {
-        "value": "calc(var(--spacing-56) * -1)",
-        "variable": "var(--spacing-56)"
-      },
-      "$spacing--60": {
-        "value": "calc(var(--spacing-60) * -1)",
-        "variable": "var(--spacing-60)"
-      },
-      "$spacing--64": {
-        "value": "calc(var(--spacing-64) * -1)",
-        "variable": "var(--spacing-64)"
-      },
-      "$spacing--72": {
-        "value": "calc(var(--spacing-72) * -1)",
-        "variable": "var(--spacing-72)"
-      },
-      "$spacing--80": {
-        "value": "calc(var(--spacing-80) * -1)",
-        "variable": "var(--spacing-80)"
-      },
-      "$spacing--96": {
-        "value": "calc(var(--spacing-96) * -1)",
-        "variable": "var(--spacing-96)"
-      },
-      "$spacing--0.5": {
-        "value": "calc(var(--spacing-0\\\\.5) * -1)",
-        "variable": "var(--spacing-0\\\\.5)"
-      },
-      "$spacing--1.5": {
-        "value": "calc(var(--spacing-1\\\\.5) * -1)",
-        "variable": "var(--spacing-1\\\\.5)"
-      },
-      "$spacing--2.5": {
-        "value": "calc(var(--spacing-2\\\\.5) * -1)",
-        "variable": "var(--spacing-2\\\\.5)"
-      },
-      "$spacing--3.5": {
-        "value": "calc(var(--spacing-3\\\\.5) * -1)",
-        "variable": "var(--spacing-3\\\\.5)"
-      },
-      "$spacing--gutter": {
-        "value": "var(--spacing-gutter)",
-        "variable": "var(--spacing-gutter)"
-      },
-      "$colors-surface": {
-        "value": "var(--colors-surface)",
-        "variable": "var(--colors-surface)"
-      },
-      "$colors-colorPalette": {
-        "value": "var(--colors-color-palette)",
-        "variable": "var(--colors-color-palette)"
-      },
-      "$colors-colorPalette-50": {
-        "value": "var(--colors-color-palette-50)",
-        "variable": "var(--colors-color-palette-50)"
-      },
-      "$colors-colorPalette-100": {
-        "value": "var(--colors-color-palette-100)",
-        "variable": "var(--colors-color-palette-100)"
-      },
-      "$colors-colorPalette-200": {
-        "value": "var(--colors-color-palette-200)",
-        "variable": "var(--colors-color-palette-200)"
-      },
-      "$colors-colorPalette-300": {
-        "value": "var(--colors-color-palette-300)",
-        "variable": "var(--colors-color-palette-300)"
-      },
-      "$colors-colorPalette-400": {
-        "value": "var(--colors-color-palette-400)",
-        "variable": "var(--colors-color-palette-400)"
-      },
-      "$colors-colorPalette-500": {
-        "value": "var(--colors-color-palette-500)",
-        "variable": "var(--colors-color-palette-500)"
-      },
-      "$colors-colorPalette-600": {
-        "value": "var(--colors-color-palette-600)",
-        "variable": "var(--colors-color-palette-600)"
-      },
-      "$colors-colorPalette-700": {
-        "value": "var(--colors-color-palette-700)",
-        "variable": "var(--colors-color-palette-700)"
-      },
-      "$colors-colorPalette-800": {
-        "value": "var(--colors-color-palette-800)",
-        "variable": "var(--colors-color-palette-800)"
-      },
-      "$colors-colorPalette-900": {
-        "value": "var(--colors-color-palette-900)",
-        "variable": "var(--colors-color-palette-900)"
-      },
-      "$colors-colorPalette-950": {
-        "value": "var(--colors-color-palette-950)",
-        "variable": "var(--colors-color-palette-950)"
-      },
-      "$colors-colorPalette-test-yam": {
-        "value": "var(--colors-color-palette-test-yam)",
-        "variable": "var(--colors-color-palette-test-yam)"
-      },
-      "$colors-colorPalette-yam": {
-        "value": "var(--colors-color-palette-yam)",
-        "variable": "var(--colors-color-palette-yam)"
-      },
-      "$colors-colorPalette-test-pool-poller": {
-        "value": "var(--colors-color-palette-test-pool-poller)",
-        "variable": "var(--colors-color-palette-test-pool-poller)"
-      },
-      "$colors-colorPalette-pool-poller": {
-        "value": "var(--colors-color-palette-pool-poller)",
-        "variable": "var(--colors-color-palette-pool-poller)"
-      },
-      "$colors-colorPalette-poller": {
-        "value": "var(--colors-color-palette-poller)",
-        "variable": "var(--colors-color-palette-poller)"
-      },
-      "$colors-colorPalette-test-pool-tall": {
-        "value": "var(--colors-color-palette-test-pool-tall)",
-        "variable": "var(--colors-color-palette-test-pool-tall)"
-      },
-      "$colors-colorPalette-pool-tall": {
-        "value": "var(--colors-color-palette-pool-tall)",
-        "variable": "var(--colors-color-palette-pool-tall)"
-      },
-      "$colors-colorPalette-tall": {
-        "value": "var(--colors-color-palette-tall)",
-        "variable": "var(--colors-color-palette-tall)"
-      },
-      "$colors-colorPalette-thick": {
-        "value": "var(--colors-color-palette-thick)",
-        "variable": "var(--colors-color-palette-thick)"
-      },
-      "$colors-colorPalette-card-body": {
-        "value": "var(--colors-color-palette-card-body)",
-        "variable": "var(--colors-color-palette-card-body)"
-      },
-      "$colors-colorPalette-body": {
-        "value": "var(--colors-color-palette-body)",
-        "variable": "var(--colors-color-palette-body)"
-      },
-      "$colors-colorPalette-card-heading": {
-        "value": "var(--colors-color-palette-card-heading)",
-        "variable": "var(--colors-color-palette-card-heading)"
+  expect(tokenJs()).toMatchInlineSnapshot(`
+    "import * as tokens from './tokens-entry.mjs';
+
+    function getTokenVarName(name) {
+      return name.replace(/(?:\\.-(\\d+))/g, ".n$1").replace(/\\./g, "_");
+    }
+
+    export { tokens }
+
+    export function token(path, fallback) {
+      const value = tokens.$[path] ?? tokens[getTokenVarName(path)]
+      return value || fallback
+    }
+
+    function tokenVar(path, fallback) {
+      return token(path)?.var || fallback
+    }
+
+    token.var = tokenVar"
+  `)
+})
+
+test('with formatTokenName', () => {
+  expect(
+    tokenJs({
+      hooks: {
+        'tokens:created': ({ configure }) => {
+          configure({
+            formatTokenName: (path: string[]) => '$' + path.join('-'),
+          })
+        },
       },
-      "$colors-colorPalette-heading": {
-        "value": "var(--colors-color-palette-heading)",
-        "variable": "var(--colors-color-palette-heading)"
-      }
+    }),
+  ).toMatchInlineSnapshot(`
+    "import * as tokens from './tokens-entry.mjs';
+
+    function getTokenVarName(name) {
+      return name.replace(/(?:\\.-(\\d+))/g, ".n$1").replace(/\\./g, "_");
     }
 
+    export { tokens }
+
     export function token(path, fallback) {
-      return tokens[path]?.value || fallback
+      const value = tokens.$[path] ?? tokens[getTokenVarName(path)]
+      return value || fallback
     }
 
     function tokenVar(path, fallback) {
-      return tokens[path]?.variable || fallback
+      return token(path)?.var || fallback
     }
 
     token.var = tokenVar"
-  `,
-  )
+  `)
 })
 
 test('use raw value when possible for semanticTokens', () => {
@@ -4044,10 +92,10 @@ test('use raw value when possible for semanticTokens', () => {
         },
       }),
     ),
-  ).toMatchInlineSnapshot(
-    `
+  ).toMatchInlineSnapshot(`
     {
       "dts": "import type { Token } from './tokens';
+    export * as tokens from './tokens-entry.d.ts'
 
     export declare const token: {
       (path: Token, fallback?: string): string
@@ -4055,43 +103,24 @@ test('use raw value when possible for semanticTokens', () => {
     }
 
     export * from './tokens';",
-      "js": "const tokens = {
-      "colors.blue": {
-        "value": "blue",
-        "variable": "var(--colors-blue)"
-      },
-      "colors.green": {
-        "value": "var(--colors-green)",
-        "variable": "var(--colors-green)"
-      },
-      "colors.red": {
-        "value": "red",
-        "variable": "var(--colors-red)"
-      },
-      "colors.blueRef": {
-        "value": "var(--colors-blue)",
-        "variable": "var(--colors-blue-ref)"
-      },
-      "colors.redRef": {
-        "value": "var(--colors-red)",
-        "variable": "var(--colors-red-ref)"
-      },
-      "colors.colorPalette": {
-        "value": "var(--colors-color-palette)",
-        "variable": "var(--colors-color-palette)"
-      }
+      "js": "import * as tokens from './tokens-entry.mjs';
+
+    function getTokenVarName(name) {
+      return name.replace(/(?:\\.-(\\d+))/g, ".n$1").replace(/\\./g, "_");
     }
 
+    export { tokens }
+
     export function token(path, fallback) {
-      return tokens[path]?.value || fallback
+      const value = tokens.$[path] ?? tokens[getTokenVarName(path)]
+      return value || fallback
     }
 
     function tokenVar(path, fallback) {
-      return tokens[path]?.variable || fallback
+      return token(path)?.var || fallback
     }
 
     token.var = tokenVar",
     }
-  `,
-  )
+  `)
 })
diff --git a/packages/generator/__tests__/setup-artifacts.test.ts b/packages/generator/__tests__/setup-artifacts.test.ts
index ddd86580a3..e3fc47a6c5 100644
--- a/packages/generator/__tests__/setup-artifacts.test.ts
+++ b/packages/generator/__tests__/setup-artifacts.test.ts
@@ -136,6 +136,8 @@ describe('setup-artifacts', () => {
         [
           "tokens/index.d.ts",
           "tokens/index.mjs",
+          "tokens/tokens-entry.d.ts",
+          "tokens/tokens-entry.mjs",
           "tokens/tokens.d.ts",
         ],
         [
diff --git a/packages/generator/src/artifacts/js/token.ts b/packages/generator/src/artifacts/js/token.ts
index 2e75c1bc13..69335485b5 100644
--- a/packages/generator/src/artifacts/js/token.ts
+++ b/packages/generator/src/artifacts/js/token.ts
@@ -1,34 +1,30 @@
 import type { Context } from '@pandacss/core'
 import outdent from 'outdent'
+import { getTokenVarName } from './tokens-entry'
 
 export function generateTokenJs(ctx: Context) {
-  const { tokens } = ctx
-  const map = new Map<string, { value: string; variable: string }>()
-
-  tokens.allTokens.forEach((token) => {
-    const { varRef, isVirtual } = token.extensions
-    const value = isVirtual || token.extensions.condition !== 'base' ? varRef : token.value
-    map.set(token.name, { value, variable: varRef })
-  })
-
-  const obj = Object.fromEntries(map)
-
   return {
     js: outdent`
-  const tokens = ${JSON.stringify(obj, null, 2)}
+  import * as tokens from './tokens-entry.mjs';
+
+  ${getTokenVarName.toString()}
 
+  export { tokens }
+  
   export function token(path, fallback) {
-    return tokens[path]?.value || fallback
+    const value = tokens.$[path] ?? tokens[getTokenVarName(path)]
+    return value || fallback
   }
 
   function tokenVar(path, fallback) {
-    return tokens[path]?.variable || fallback
+    return token(path)?.var || fallback
   }
 
   token.var = tokenVar
   `,
     dts: outdent`
   ${ctx.file.importType('Token', './tokens')}
+  export * as tokens from './tokens-entry.d.ts'
 
   export declare const token: {
     (path: Token, fallback?: string): string
diff --git a/packages/generator/src/artifacts/js/tokens-entry.ts b/packages/generator/src/artifacts/js/tokens-entry.ts
new file mode 100644
index 0000000000..d8059dc32e
--- /dev/null
+++ b/packages/generator/src/artifacts/js/tokens-entry.ts
@@ -0,0 +1,77 @@
+import type { Context } from '@pandacss/core'
+import outdent from 'outdent'
+
+export function getTokenVarName(name: string) {
+  return name.replace(/(?:\.-(\d+))/g, '.n$1').replace(/\./g, '_')
+}
+
+export function tryGetTokenVarName(name: string) {
+  const reserved = [/_/, /\.n(\d+)/]
+  if (reserved.some((regex) => regex.test(name))) return undefined
+  const varName = getTokenVarName(name)
+  return /^[a-z$_][\w$]*$/i.test(varName) ? varName : undefined
+}
+
+export function generateTokensEntryJs(ctx: Context) {
+  const { tokens } = ctx
+  const map = new Map<
+    string,
+    {
+      nameExpr: string
+      valueExpr: string
+      isExportable: boolean
+    }
+  >()
+
+  tokens.allTokens.forEach((token) => {
+    const { varRef, isVirtual } = token.extensions
+    const value = isVirtual || token.extensions.condition !== 'base' ? varRef : token.value
+    const exportName = tryGetTokenVarName(token.name)
+    map.set(token.name, {
+      nameExpr: exportName ?? JSON.stringify(token.name),
+      valueExpr: `t(${JSON.stringify(value)}, ${JSON.stringify(varRef)})`,
+      isExportable: !!exportName,
+    })
+  })
+
+  const entries = Object.values(Object.fromEntries(map))
+  const nonExportable = entries.some((entry) => !entry.isExportable)
+
+  return {
+    js: outdent`
+  const t = (value, variable) => {
+    value.var = variable;
+    return value;
+  }
+  
+  ${entries
+    .filter((entry) => entry.isExportable)
+    .map((entry) => `export const ${entry.nameExpr} = ${entry.valueExpr};`)
+    .join('\n')}
+
+  export const $ = {};
+  ${entries
+    .filter((entry) => !entry.isExportable)
+    .map((entry) => `$[${entry.nameExpr}] = ${entry.valueExpr};`)
+    .join('\n')}
+  `,
+    dts: outdent`
+  export type TokenValue = string & { var: string }
+
+  ${entries
+    .filter((entry) => entry.isExportable)
+    .map((entry) => `export declare const ${entry.nameExpr}: TokenValue`)
+    .join('\n')}
+
+  ${
+    nonExportable
+      ? `export declare const $: Record<${entries
+          .filter((entry) => !entry.isExportable)
+          .map((entry) => entry.nameExpr)
+          .join(' | ')}, string>;`
+      : ''
+  }
+  
+  `,
+  }
+}
diff --git a/packages/generator/src/artifacts/setup-artifacts.ts b/packages/generator/src/artifacts/setup-artifacts.ts
index d4e9b8f403..f29e065087 100644
--- a/packages/generator/src/artifacts/setup-artifacts.ts
+++ b/packages/generator/src/artifacts/setup-artifacts.ts
@@ -21,6 +21,7 @@ import { generatePropTypes } from './types/prop-types'
 import { generateStyleProps } from './types/style-props'
 import { generateTokenTypes } from './types/token-types'
 import { generateThemes, generateThemesIndex } from './js/themes'
+import { generateTokensEntryJs } from './js/tokens-entry'
 
 function setupHelpers(ctx: Context): Artifact {
   const code = generateHelpers(ctx)
@@ -32,6 +33,7 @@ function setupHelpers(ctx: Context): Artifact {
 
 export function setupDesignTokens(ctx: Context): Artifact | undefined {
   const code = generateTokenJs(ctx)
+  const entryCode = generateTokensEntryJs(ctx)
 
   return {
     id: 'design-tokens',
@@ -39,6 +41,8 @@ export function setupDesignTokens(ctx: Context): Artifact | undefined {
     files: [
       { file: ctx.file.extDts('index'), code: code.dts },
       { file: ctx.file.ext('index'), code: code.js },
+      { file: ctx.file.extDts('tokens-entry'), code: entryCode.dts },
+      { file: ctx.file.ext('tokens-entry'), code: entryCode.js },
       { file: ctx.file.extDts('tokens'), code: generateTokenTypes(ctx) },
     ],
   }
diff --git a/packages/studio/styled-system/tokens/index.d.ts b/packages/studio/styled-system/tokens/index.d.ts
index c398f48f73..68185f56a2 100644
--- a/packages/studio/styled-system/tokens/index.d.ts
+++ b/packages/studio/styled-system/tokens/index.d.ts
@@ -1,5 +1,6 @@
 /* eslint-disable */
 import type { Token } from './tokens';
+export * as tokens from './tokens-entry.d.ts'
 
 export declare const token: {
   (path: Token, fallback?: string): string
diff --git a/packages/studio/styled-system/tokens/index.mjs b/packages/studio/styled-system/tokens/index.mjs
index 8392cdc30d..fe859b65ce 100644
--- a/packages/studio/styled-system/tokens/index.mjs
+++ b/packages/studio/styled-system/tokens/index.mjs
@@ -1,1920 +1,18 @@
-const tokens = {
-  "aspectRatios.square": {
-    "value": "1 / 1",
-    "variable": "var(--aspect-ratios-square)"
-  },
-  "aspectRatios.landscape": {
-    "value": "4 / 3",
-    "variable": "var(--aspect-ratios-landscape)"
-  },
-  "aspectRatios.portrait": {
-    "value": "3 / 4",
-    "variable": "var(--aspect-ratios-portrait)"
-  },
-  "aspectRatios.wide": {
-    "value": "16 / 9",
-    "variable": "var(--aspect-ratios-wide)"
-  },
-  "aspectRatios.ultrawide": {
-    "value": "18 / 5",
-    "variable": "var(--aspect-ratios-ultrawide)"
-  },
-  "aspectRatios.golden": {
-    "value": "1.618 / 1",
-    "variable": "var(--aspect-ratios-golden)"
-  },
-  "borders.none": {
-    "value": "none",
-    "variable": "var(--borders-none)"
-  },
-  "easings.default": {
-    "value": "cubic-bezier(0.4, 0, 0.2, 1)",
-    "variable": "var(--easings-default)"
-  },
-  "easings.linear": {
-    "value": "linear",
-    "variable": "var(--easings-linear)"
-  },
-  "easings.in": {
-    "value": "cubic-bezier(0.4, 0, 1, 1)",
-    "variable": "var(--easings-in)"
-  },
-  "easings.out": {
-    "value": "cubic-bezier(0, 0, 0.2, 1)",
-    "variable": "var(--easings-out)"
-  },
-  "easings.in-out": {
-    "value": "cubic-bezier(0.4, 0, 0.2, 1)",
-    "variable": "var(--easings-in-out)"
-  },
-  "durations.fastest": {
-    "value": "50ms",
-    "variable": "var(--durations-fastest)"
-  },
-  "durations.faster": {
-    "value": "100ms",
-    "variable": "var(--durations-faster)"
-  },
-  "durations.fast": {
-    "value": "150ms",
-    "variable": "var(--durations-fast)"
-  },
-  "durations.normal": {
-    "value": "200ms",
-    "variable": "var(--durations-normal)"
-  },
-  "durations.slow": {
-    "value": "300ms",
-    "variable": "var(--durations-slow)"
-  },
-  "durations.slower": {
-    "value": "400ms",
-    "variable": "var(--durations-slower)"
-  },
-  "durations.slowest": {
-    "value": "500ms",
-    "variable": "var(--durations-slowest)"
-  },
-  "radii.xs": {
-    "value": "0.125rem",
-    "variable": "var(--radii-xs)"
-  },
-  "radii.sm": {
-    "value": "0.25rem",
-    "variable": "var(--radii-sm)"
-  },
-  "radii.md": {
-    "value": "0.375rem",
-    "variable": "var(--radii-md)"
-  },
-  "radii.lg": {
-    "value": "0.5rem",
-    "variable": "var(--radii-lg)"
-  },
-  "radii.xl": {
-    "value": "0.75rem",
-    "variable": "var(--radii-xl)"
-  },
-  "radii.2xl": {
-    "value": "1rem",
-    "variable": "var(--radii-2xl)"
-  },
-  "radii.3xl": {
-    "value": "1.5rem",
-    "variable": "var(--radii-3xl)"
-  },
-  "radii.4xl": {
-    "value": "2rem",
-    "variable": "var(--radii-4xl)"
-  },
-  "radii.full": {
-    "value": "9999px",
-    "variable": "var(--radii-full)"
-  },
-  "fontWeights.thin": {
-    "value": "100",
-    "variable": "var(--font-weights-thin)"
-  },
-  "fontWeights.extralight": {
-    "value": "200",
-    "variable": "var(--font-weights-extralight)"
-  },
-  "fontWeights.light": {
-    "value": "300",
-    "variable": "var(--font-weights-light)"
-  },
-  "fontWeights.normal": {
-    "value": "400",
-    "variable": "var(--font-weights-normal)"
-  },
-  "fontWeights.medium": {
-    "value": "500",
-    "variable": "var(--font-weights-medium)"
-  },
-  "fontWeights.semibold": {
-    "value": "600",
-    "variable": "var(--font-weights-semibold)"
-  },
-  "fontWeights.bold": {
-    "value": "700",
-    "variable": "var(--font-weights-bold)"
-  },
-  "fontWeights.extrabold": {
-    "value": "800",
-    "variable": "var(--font-weights-extrabold)"
-  },
-  "fontWeights.black": {
-    "value": "900",
-    "variable": "var(--font-weights-black)"
-  },
-  "lineHeights.none": {
-    "value": "1",
-    "variable": "var(--line-heights-none)"
-  },
-  "lineHeights.tight": {
-    "value": "1.25",
-    "variable": "var(--line-heights-tight)"
-  },
-  "lineHeights.snug": {
-    "value": "1.375",
-    "variable": "var(--line-heights-snug)"
-  },
-  "lineHeights.normal": {
-    "value": "1.5",
-    "variable": "var(--line-heights-normal)"
-  },
-  "lineHeights.relaxed": {
-    "value": "1.625",
-    "variable": "var(--line-heights-relaxed)"
-  },
-  "lineHeights.loose": {
-    "value": "2",
-    "variable": "var(--line-heights-loose)"
-  },
-  "fonts.sans": {
-    "value": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
-    "variable": "var(--fonts-sans)"
-  },
-  "fonts.serif": {
-    "value": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
-    "variable": "var(--fonts-serif)"
-  },
-  "fonts.mono": {
-    "value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
-    "variable": "var(--fonts-mono)"
-  },
-  "letterSpacings.tighter": {
-    "value": "-0.05em",
-    "variable": "var(--letter-spacings-tighter)"
-  },
-  "letterSpacings.tight": {
-    "value": "-0.025em",
-    "variable": "var(--letter-spacings-tight)"
-  },
-  "letterSpacings.normal": {
-    "value": "0em",
-    "variable": "var(--letter-spacings-normal)"
-  },
-  "letterSpacings.wide": {
-    "value": "0.025em",
-    "variable": "var(--letter-spacings-wide)"
-  },
-  "letterSpacings.wider": {
-    "value": "0.05em",
-    "variable": "var(--letter-spacings-wider)"
-  },
-  "letterSpacings.widest": {
-    "value": "0.1em",
-    "variable": "var(--letter-spacings-widest)"
-  },
-  "fontSizes.2xs": {
-    "value": "0.5rem",
-    "variable": "var(--font-sizes-2xs)"
-  },
-  "fontSizes.xs": {
-    "value": "0.75rem",
-    "variable": "var(--font-sizes-xs)"
-  },
-  "fontSizes.sm": {
-    "value": "0.875rem",
-    "variable": "var(--font-sizes-sm)"
-  },
-  "fontSizes.md": {
-    "value": "1rem",
-    "variable": "var(--font-sizes-md)"
-  },
-  "fontSizes.lg": {
-    "value": "1.125rem",
-    "variable": "var(--font-sizes-lg)"
-  },
-  "fontSizes.xl": {
-    "value": "1.25rem",
-    "variable": "var(--font-sizes-xl)"
-  },
-  "fontSizes.2xl": {
-    "value": "1.5rem",
-    "variable": "var(--font-sizes-2xl)"
-  },
-  "fontSizes.3xl": {
-    "value": "1.875rem",
-    "variable": "var(--font-sizes-3xl)"
-  },
-  "fontSizes.4xl": {
-    "value": "2.25rem",
-    "variable": "var(--font-sizes-4xl)"
-  },
-  "fontSizes.5xl": {
-    "value": "3rem",
-    "variable": "var(--font-sizes-5xl)"
-  },
-  "fontSizes.6xl": {
-    "value": "3.75rem",
-    "variable": "var(--font-sizes-6xl)"
-  },
-  "fontSizes.7xl": {
-    "value": "4.5rem",
-    "variable": "var(--font-sizes-7xl)"
-  },
-  "fontSizes.8xl": {
-    "value": "6rem",
-    "variable": "var(--font-sizes-8xl)"
-  },
-  "fontSizes.9xl": {
-    "value": "8rem",
-    "variable": "var(--font-sizes-9xl)"
-  },
-  "shadows.xs": {
-    "value": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-    "variable": "var(--shadows-xs)"
-  },
-  "shadows.sm": {
-    "value": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
-    "variable": "var(--shadows-sm)"
-  },
-  "shadows.md": {
-    "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-    "variable": "var(--shadows-md)"
-  },
-  "shadows.lg": {
-    "value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
-    "variable": "var(--shadows-lg)"
-  },
-  "shadows.xl": {
-    "value": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
-    "variable": "var(--shadows-xl)"
-  },
-  "shadows.2xl": {
-    "value": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
-    "variable": "var(--shadows-2xl)"
-  },
-  "shadows.inner": {
-    "value": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
-    "variable": "var(--shadows-inner)"
-  },
-  "blurs.sm": {
-    "value": "4px",
-    "variable": "var(--blurs-sm)"
-  },
-  "blurs.base": {
-    "value": "8px",
-    "variable": "var(--blurs-base)"
-  },
-  "blurs.md": {
-    "value": "12px",
-    "variable": "var(--blurs-md)"
-  },
-  "blurs.lg": {
-    "value": "16px",
-    "variable": "var(--blurs-lg)"
-  },
-  "blurs.xl": {
-    "value": "24px",
-    "variable": "var(--blurs-xl)"
-  },
-  "blurs.2xl": {
-    "value": "40px",
-    "variable": "var(--blurs-2xl)"
-  },
-  "blurs.3xl": {
-    "value": "64px",
-    "variable": "var(--blurs-3xl)"
-  },
-  "spacing.0": {
-    "value": "0rem",
-    "variable": "var(--spacing-0)"
-  },
-  "spacing.1": {
-    "value": "0.25rem",
-    "variable": "var(--spacing-1)"
-  },
-  "spacing.2": {
-    "value": "0.5rem",
-    "variable": "var(--spacing-2)"
-  },
-  "spacing.3": {
-    "value": "0.75rem",
-    "variable": "var(--spacing-3)"
-  },
-  "spacing.4": {
-    "value": "1rem",
-    "variable": "var(--spacing-4)"
-  },
-  "spacing.5": {
-    "value": "1.25rem",
-    "variable": "var(--spacing-5)"
-  },
-  "spacing.6": {
-    "value": "1.5rem",
-    "variable": "var(--spacing-6)"
-  },
-  "spacing.7": {
-    "value": "1.75rem",
-    "variable": "var(--spacing-7)"
-  },
-  "spacing.8": {
-    "value": "2rem",
-    "variable": "var(--spacing-8)"
-  },
-  "spacing.9": {
-    "value": "2.25rem",
-    "variable": "var(--spacing-9)"
-  },
-  "spacing.10": {
-    "value": "2.5rem",
-    "variable": "var(--spacing-10)"
-  },
-  "spacing.11": {
-    "value": "2.75rem",
-    "variable": "var(--spacing-11)"
-  },
-  "spacing.12": {
-    "value": "3rem",
-    "variable": "var(--spacing-12)"
-  },
-  "spacing.14": {
-    "value": "3.5rem",
-    "variable": "var(--spacing-14)"
-  },
-  "spacing.16": {
-    "value": "4rem",
-    "variable": "var(--spacing-16)"
-  },
-  "spacing.20": {
-    "value": "5rem",
-    "variable": "var(--spacing-20)"
-  },
-  "spacing.24": {
-    "value": "6rem",
-    "variable": "var(--spacing-24)"
-  },
-  "spacing.28": {
-    "value": "7rem",
-    "variable": "var(--spacing-28)"
-  },
-  "spacing.32": {
-    "value": "8rem",
-    "variable": "var(--spacing-32)"
-  },
-  "spacing.36": {
-    "value": "9rem",
-    "variable": "var(--spacing-36)"
-  },
-  "spacing.40": {
-    "value": "10rem",
-    "variable": "var(--spacing-40)"
-  },
-  "spacing.44": {
-    "value": "11rem",
-    "variable": "var(--spacing-44)"
-  },
-  "spacing.48": {
-    "value": "12rem",
-    "variable": "var(--spacing-48)"
-  },
-  "spacing.52": {
-    "value": "13rem",
-    "variable": "var(--spacing-52)"
-  },
-  "spacing.56": {
-    "value": "14rem",
-    "variable": "var(--spacing-56)"
-  },
-  "spacing.60": {
-    "value": "15rem",
-    "variable": "var(--spacing-60)"
-  },
-  "spacing.64": {
-    "value": "16rem",
-    "variable": "var(--spacing-64)"
-  },
-  "spacing.72": {
-    "value": "18rem",
-    "variable": "var(--spacing-72)"
-  },
-  "spacing.80": {
-    "value": "20rem",
-    "variable": "var(--spacing-80)"
-  },
-  "spacing.96": {
-    "value": "24rem",
-    "variable": "var(--spacing-96)"
-  },
-  "spacing.0.5": {
-    "value": "0.125rem",
-    "variable": "var(--spacing-0\\.5)"
-  },
-  "spacing.1.5": {
-    "value": "0.375rem",
-    "variable": "var(--spacing-1\\.5)"
-  },
-  "spacing.2.5": {
-    "value": "0.625rem",
-    "variable": "var(--spacing-2\\.5)"
-  },
-  "spacing.3.5": {
-    "value": "0.875rem",
-    "variable": "var(--spacing-3\\.5)"
-  },
-  "sizes.0": {
-    "value": "0rem",
-    "variable": "var(--sizes-0)"
-  },
-  "sizes.1": {
-    "value": "0.25rem",
-    "variable": "var(--sizes-1)"
-  },
-  "sizes.2": {
-    "value": "0.5rem",
-    "variable": "var(--sizes-2)"
-  },
-  "sizes.3": {
-    "value": "0.75rem",
-    "variable": "var(--sizes-3)"
-  },
-  "sizes.4": {
-    "value": "1rem",
-    "variable": "var(--sizes-4)"
-  },
-  "sizes.5": {
-    "value": "1.25rem",
-    "variable": "var(--sizes-5)"
-  },
-  "sizes.6": {
-    "value": "1.5rem",
-    "variable": "var(--sizes-6)"
-  },
-  "sizes.7": {
-    "value": "1.75rem",
-    "variable": "var(--sizes-7)"
-  },
-  "sizes.8": {
-    "value": "2rem",
-    "variable": "var(--sizes-8)"
-  },
-  "sizes.9": {
-    "value": "2.25rem",
-    "variable": "var(--sizes-9)"
-  },
-  "sizes.10": {
-    "value": "2.5rem",
-    "variable": "var(--sizes-10)"
-  },
-  "sizes.11": {
-    "value": "2.75rem",
-    "variable": "var(--sizes-11)"
-  },
-  "sizes.12": {
-    "value": "3rem",
-    "variable": "var(--sizes-12)"
-  },
-  "sizes.14": {
-    "value": "3.5rem",
-    "variable": "var(--sizes-14)"
-  },
-  "sizes.16": {
-    "value": "4rem",
-    "variable": "var(--sizes-16)"
-  },
-  "sizes.20": {
-    "value": "5rem",
-    "variable": "var(--sizes-20)"
-  },
-  "sizes.24": {
-    "value": "6rem",
-    "variable": "var(--sizes-24)"
-  },
-  "sizes.28": {
-    "value": "7rem",
-    "variable": "var(--sizes-28)"
-  },
-  "sizes.32": {
-    "value": "8rem",
-    "variable": "var(--sizes-32)"
-  },
-  "sizes.36": {
-    "value": "9rem",
-    "variable": "var(--sizes-36)"
-  },
-  "sizes.40": {
-    "value": "10rem",
-    "variable": "var(--sizes-40)"
-  },
-  "sizes.44": {
-    "value": "11rem",
-    "variable": "var(--sizes-44)"
-  },
-  "sizes.48": {
-    "value": "12rem",
-    "variable": "var(--sizes-48)"
-  },
-  "sizes.52": {
-    "value": "13rem",
-    "variable": "var(--sizes-52)"
-  },
-  "sizes.56": {
-    "value": "14rem",
-    "variable": "var(--sizes-56)"
-  },
-  "sizes.60": {
-    "value": "15rem",
-    "variable": "var(--sizes-60)"
-  },
-  "sizes.64": {
-    "value": "16rem",
-    "variable": "var(--sizes-64)"
-  },
-  "sizes.72": {
-    "value": "18rem",
-    "variable": "var(--sizes-72)"
-  },
-  "sizes.80": {
-    "value": "20rem",
-    "variable": "var(--sizes-80)"
-  },
-  "sizes.96": {
-    "value": "24rem",
-    "variable": "var(--sizes-96)"
-  },
-  "sizes.0.5": {
-    "value": "0.125rem",
-    "variable": "var(--sizes-0\\.5)"
-  },
-  "sizes.1.5": {
-    "value": "0.375rem",
-    "variable": "var(--sizes-1\\.5)"
-  },
-  "sizes.2.5": {
-    "value": "0.625rem",
-    "variable": "var(--sizes-2\\.5)"
-  },
-  "sizes.3.5": {
-    "value": "0.875rem",
-    "variable": "var(--sizes-3\\.5)"
-  },
-  "sizes.xs": {
-    "value": "20rem",
-    "variable": "var(--sizes-xs)"
-  },
-  "sizes.sm": {
-    "value": "24rem",
-    "variable": "var(--sizes-sm)"
-  },
-  "sizes.md": {
-    "value": "28rem",
-    "variable": "var(--sizes-md)"
-  },
-  "sizes.lg": {
-    "value": "32rem",
-    "variable": "var(--sizes-lg)"
-  },
-  "sizes.xl": {
-    "value": "36rem",
-    "variable": "var(--sizes-xl)"
-  },
-  "sizes.2xl": {
-    "value": "42rem",
-    "variable": "var(--sizes-2xl)"
-  },
-  "sizes.3xl": {
-    "value": "48rem",
-    "variable": "var(--sizes-3xl)"
-  },
-  "sizes.4xl": {
-    "value": "56rem",
-    "variable": "var(--sizes-4xl)"
-  },
-  "sizes.5xl": {
-    "value": "64rem",
-    "variable": "var(--sizes-5xl)"
-  },
-  "sizes.6xl": {
-    "value": "72rem",
-    "variable": "var(--sizes-6xl)"
-  },
-  "sizes.7xl": {
-    "value": "80rem",
-    "variable": "var(--sizes-7xl)"
-  },
-  "sizes.8xl": {
-    "value": "90rem",
-    "variable": "var(--sizes-8xl)"
-  },
-  "sizes.prose": {
-    "value": "65ch",
-    "variable": "var(--sizes-prose)"
-  },
-  "sizes.full": {
-    "value": "100%",
-    "variable": "var(--sizes-full)"
-  },
-  "sizes.min": {
-    "value": "min-content",
-    "variable": "var(--sizes-min)"
-  },
-  "sizes.max": {
-    "value": "max-content",
-    "variable": "var(--sizes-max)"
-  },
-  "sizes.fit": {
-    "value": "fit-content",
-    "variable": "var(--sizes-fit)"
-  },
-  "sizes.breakpoint-sm": {
-    "value": "640px",
-    "variable": "var(--sizes-breakpoint-sm)"
-  },
-  "sizes.breakpoint-md": {
-    "value": "768px",
-    "variable": "var(--sizes-breakpoint-md)"
-  },
-  "sizes.breakpoint-lg": {
-    "value": "1024px",
-    "variable": "var(--sizes-breakpoint-lg)"
-  },
-  "sizes.breakpoint-xl": {
-    "value": "1280px",
-    "variable": "var(--sizes-breakpoint-xl)"
-  },
-  "sizes.breakpoint-2xl": {
-    "value": "1536px",
-    "variable": "var(--sizes-breakpoint-2xl)"
-  },
-  "animations.spin": {
-    "value": "spin 1s linear infinite",
-    "variable": "var(--animations-spin)"
-  },
-  "animations.ping": {
-    "value": "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
-    "variable": "var(--animations-ping)"
-  },
-  "animations.pulse": {
-    "value": "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
-    "variable": "var(--animations-pulse)"
-  },
-  "animations.bounce": {
-    "value": "bounce 1s infinite",
-    "variable": "var(--animations-bounce)"
-  },
-  "colors.current": {
-    "value": "currentColor",
-    "variable": "var(--colors-current)"
-  },
-  "colors.black": {
-    "value": "#000",
-    "variable": "var(--colors-black)"
-  },
-  "colors.white": {
-    "value": "#fff",
-    "variable": "var(--colors-white)"
-  },
-  "colors.transparent": {
-    "value": "rgb(0 0 0 / 0)",
-    "variable": "var(--colors-transparent)"
-  },
-  "colors.rose.50": {
-    "value": "#fff1f2",
-    "variable": "var(--colors-rose-50)"
-  },
-  "colors.rose.100": {
-    "value": "#ffe4e6",
-    "variable": "var(--colors-rose-100)"
-  },
-  "colors.rose.200": {
-    "value": "#fecdd3",
-    "variable": "var(--colors-rose-200)"
-  },
-  "colors.rose.300": {
-    "value": "#fda4af",
-    "variable": "var(--colors-rose-300)"
-  },
-  "colors.rose.400": {
-    "value": "#fb7185",
-    "variable": "var(--colors-rose-400)"
-  },
-  "colors.rose.500": {
-    "value": "#f43f5e",
-    "variable": "var(--colors-rose-500)"
-  },
-  "colors.rose.600": {
-    "value": "#e11d48",
-    "variable": "var(--colors-rose-600)"
-  },
-  "colors.rose.700": {
-    "value": "#be123c",
-    "variable": "var(--colors-rose-700)"
-  },
-  "colors.rose.800": {
-    "value": "#9f1239",
-    "variable": "var(--colors-rose-800)"
-  },
-  "colors.rose.900": {
-    "value": "#881337",
-    "variable": "var(--colors-rose-900)"
-  },
-  "colors.rose.950": {
-    "value": "#4c0519",
-    "variable": "var(--colors-rose-950)"
-  },
-  "colors.pink.50": {
-    "value": "#fdf2f8",
-    "variable": "var(--colors-pink-50)"
-  },
-  "colors.pink.100": {
-    "value": "#fce7f3",
-    "variable": "var(--colors-pink-100)"
-  },
-  "colors.pink.200": {
-    "value": "#fbcfe8",
-    "variable": "var(--colors-pink-200)"
-  },
-  "colors.pink.300": {
-    "value": "#f9a8d4",
-    "variable": "var(--colors-pink-300)"
-  },
-  "colors.pink.400": {
-    "value": "#f472b6",
-    "variable": "var(--colors-pink-400)"
-  },
-  "colors.pink.500": {
-    "value": "#ec4899",
-    "variable": "var(--colors-pink-500)"
-  },
-  "colors.pink.600": {
-    "value": "#db2777",
-    "variable": "var(--colors-pink-600)"
-  },
-  "colors.pink.700": {
-    "value": "#be185d",
-    "variable": "var(--colors-pink-700)"
-  },
-  "colors.pink.800": {
-    "value": "#9d174d",
-    "variable": "var(--colors-pink-800)"
-  },
-  "colors.pink.900": {
-    "value": "#831843",
-    "variable": "var(--colors-pink-900)"
-  },
-  "colors.pink.950": {
-    "value": "#500724",
-    "variable": "var(--colors-pink-950)"
-  },
-  "colors.fuchsia.50": {
-    "value": "#fdf4ff",
-    "variable": "var(--colors-fuchsia-50)"
-  },
-  "colors.fuchsia.100": {
-    "value": "#fae8ff",
-    "variable": "var(--colors-fuchsia-100)"
-  },
-  "colors.fuchsia.200": {
-    "value": "#f5d0fe",
-    "variable": "var(--colors-fuchsia-200)"
-  },
-  "colors.fuchsia.300": {
-    "value": "#f0abfc",
-    "variable": "var(--colors-fuchsia-300)"
-  },
-  "colors.fuchsia.400": {
-    "value": "#e879f9",
-    "variable": "var(--colors-fuchsia-400)"
-  },
-  "colors.fuchsia.500": {
-    "value": "#d946ef",
-    "variable": "var(--colors-fuchsia-500)"
-  },
-  "colors.fuchsia.600": {
-    "value": "#c026d3",
-    "variable": "var(--colors-fuchsia-600)"
-  },
-  "colors.fuchsia.700": {
-    "value": "#a21caf",
-    "variable": "var(--colors-fuchsia-700)"
-  },
-  "colors.fuchsia.800": {
-    "value": "#86198f",
-    "variable": "var(--colors-fuchsia-800)"
-  },
-  "colors.fuchsia.900": {
-    "value": "#701a75",
-    "variable": "var(--colors-fuchsia-900)"
-  },
-  "colors.fuchsia.950": {
-    "value": "#4a044e",
-    "variable": "var(--colors-fuchsia-950)"
-  },
-  "colors.purple.50": {
-    "value": "#faf5ff",
-    "variable": "var(--colors-purple-50)"
-  },
-  "colors.purple.100": {
-    "value": "#f3e8ff",
-    "variable": "var(--colors-purple-100)"
-  },
-  "colors.purple.200": {
-    "value": "#e9d5ff",
-    "variable": "var(--colors-purple-200)"
-  },
-  "colors.purple.300": {
-    "value": "#d8b4fe",
-    "variable": "var(--colors-purple-300)"
-  },
-  "colors.purple.400": {
-    "value": "#c084fc",
-    "variable": "var(--colors-purple-400)"
-  },
-  "colors.purple.500": {
-    "value": "#a855f7",
-    "variable": "var(--colors-purple-500)"
-  },
-  "colors.purple.600": {
-    "value": "#9333ea",
-    "variable": "var(--colors-purple-600)"
-  },
-  "colors.purple.700": {
-    "value": "#7e22ce",
-    "variable": "var(--colors-purple-700)"
-  },
-  "colors.purple.800": {
-    "value": "#6b21a8",
-    "variable": "var(--colors-purple-800)"
-  },
-  "colors.purple.900": {
-    "value": "#581c87",
-    "variable": "var(--colors-purple-900)"
-  },
-  "colors.purple.950": {
-    "value": "#3b0764",
-    "variable": "var(--colors-purple-950)"
-  },
-  "colors.violet.50": {
-    "value": "#f5f3ff",
-    "variable": "var(--colors-violet-50)"
-  },
-  "colors.violet.100": {
-    "value": "#ede9fe",
-    "variable": "var(--colors-violet-100)"
-  },
-  "colors.violet.200": {
-    "value": "#ddd6fe",
-    "variable": "var(--colors-violet-200)"
-  },
-  "colors.violet.300": {
-    "value": "#c4b5fd",
-    "variable": "var(--colors-violet-300)"
-  },
-  "colors.violet.400": {
-    "value": "#a78bfa",
-    "variable": "var(--colors-violet-400)"
-  },
-  "colors.violet.500": {
-    "value": "#8b5cf6",
-    "variable": "var(--colors-violet-500)"
-  },
-  "colors.violet.600": {
-    "value": "#7c3aed",
-    "variable": "var(--colors-violet-600)"
-  },
-  "colors.violet.700": {
-    "value": "#6d28d9",
-    "variable": "var(--colors-violet-700)"
-  },
-  "colors.violet.800": {
-    "value": "#5b21b6",
-    "variable": "var(--colors-violet-800)"
-  },
-  "colors.violet.900": {
-    "value": "#4c1d95",
-    "variable": "var(--colors-violet-900)"
-  },
-  "colors.violet.950": {
-    "value": "#2e1065",
-    "variable": "var(--colors-violet-950)"
-  },
-  "colors.indigo.50": {
-    "value": "#eef2ff",
-    "variable": "var(--colors-indigo-50)"
-  },
-  "colors.indigo.100": {
-    "value": "#e0e7ff",
-    "variable": "var(--colors-indigo-100)"
-  },
-  "colors.indigo.200": {
-    "value": "#c7d2fe",
-    "variable": "var(--colors-indigo-200)"
-  },
-  "colors.indigo.300": {
-    "value": "#a5b4fc",
-    "variable": "var(--colors-indigo-300)"
-  },
-  "colors.indigo.400": {
-    "value": "#818cf8",
-    "variable": "var(--colors-indigo-400)"
-  },
-  "colors.indigo.500": {
-    "value": "#6366f1",
-    "variable": "var(--colors-indigo-500)"
-  },
-  "colors.indigo.600": {
-    "value": "#4f46e5",
-    "variable": "var(--colors-indigo-600)"
-  },
-  "colors.indigo.700": {
-    "value": "#4338ca",
-    "variable": "var(--colors-indigo-700)"
-  },
-  "colors.indigo.800": {
-    "value": "#3730a3",
-    "variable": "var(--colors-indigo-800)"
-  },
-  "colors.indigo.900": {
-    "value": "#312e81",
-    "variable": "var(--colors-indigo-900)"
-  },
-  "colors.indigo.950": {
-    "value": "#1e1b4b",
-    "variable": "var(--colors-indigo-950)"
-  },
-  "colors.blue.50": {
-    "value": "#eff6ff",
-    "variable": "var(--colors-blue-50)"
-  },
-  "colors.blue.100": {
-    "value": "#dbeafe",
-    "variable": "var(--colors-blue-100)"
-  },
-  "colors.blue.200": {
-    "value": "#bfdbfe",
-    "variable": "var(--colors-blue-200)"
-  },
-  "colors.blue.300": {
-    "value": "#93c5fd",
-    "variable": "var(--colors-blue-300)"
-  },
-  "colors.blue.400": {
-    "value": "#60a5fa",
-    "variable": "var(--colors-blue-400)"
-  },
-  "colors.blue.500": {
-    "value": "#3b82f6",
-    "variable": "var(--colors-blue-500)"
-  },
-  "colors.blue.600": {
-    "value": "#2563eb",
-    "variable": "var(--colors-blue-600)"
-  },
-  "colors.blue.700": {
-    "value": "#1d4ed8",
-    "variable": "var(--colors-blue-700)"
-  },
-  "colors.blue.800": {
-    "value": "#1e40af",
-    "variable": "var(--colors-blue-800)"
-  },
-  "colors.blue.900": {
-    "value": "#1e3a8a",
-    "variable": "var(--colors-blue-900)"
-  },
-  "colors.blue.950": {
-    "value": "#172554",
-    "variable": "var(--colors-blue-950)"
-  },
-  "colors.sky.50": {
-    "value": "#f0f9ff",
-    "variable": "var(--colors-sky-50)"
-  },
-  "colors.sky.100": {
-    "value": "#e0f2fe",
-    "variable": "var(--colors-sky-100)"
-  },
-  "colors.sky.200": {
-    "value": "#bae6fd",
-    "variable": "var(--colors-sky-200)"
-  },
-  "colors.sky.300": {
-    "value": "#7dd3fc",
-    "variable": "var(--colors-sky-300)"
-  },
-  "colors.sky.400": {
-    "value": "#38bdf8",
-    "variable": "var(--colors-sky-400)"
-  },
-  "colors.sky.500": {
-    "value": "#0ea5e9",
-    "variable": "var(--colors-sky-500)"
-  },
-  "colors.sky.600": {
-    "value": "#0284c7",
-    "variable": "var(--colors-sky-600)"
-  },
-  "colors.sky.700": {
-    "value": "#0369a1",
-    "variable": "var(--colors-sky-700)"
-  },
-  "colors.sky.800": {
-    "value": "#075985",
-    "variable": "var(--colors-sky-800)"
-  },
-  "colors.sky.900": {
-    "value": "#0c4a6e",
-    "variable": "var(--colors-sky-900)"
-  },
-  "colors.sky.950": {
-    "value": "#082f49",
-    "variable": "var(--colors-sky-950)"
-  },
-  "colors.cyan.50": {
-    "value": "#ecfeff",
-    "variable": "var(--colors-cyan-50)"
-  },
-  "colors.cyan.100": {
-    "value": "#cffafe",
-    "variable": "var(--colors-cyan-100)"
-  },
-  "colors.cyan.200": {
-    "value": "#a5f3fc",
-    "variable": "var(--colors-cyan-200)"
-  },
-  "colors.cyan.300": {
-    "value": "#67e8f9",
-    "variable": "var(--colors-cyan-300)"
-  },
-  "colors.cyan.400": {
-    "value": "#22d3ee",
-    "variable": "var(--colors-cyan-400)"
-  },
-  "colors.cyan.500": {
-    "value": "#06b6d4",
-    "variable": "var(--colors-cyan-500)"
-  },
-  "colors.cyan.600": {
-    "value": "#0891b2",
-    "variable": "var(--colors-cyan-600)"
-  },
-  "colors.cyan.700": {
-    "value": "#0e7490",
-    "variable": "var(--colors-cyan-700)"
-  },
-  "colors.cyan.800": {
-    "value": "#155e75",
-    "variable": "var(--colors-cyan-800)"
-  },
-  "colors.cyan.900": {
-    "value": "#164e63",
-    "variable": "var(--colors-cyan-900)"
-  },
-  "colors.cyan.950": {
-    "value": "#083344",
-    "variable": "var(--colors-cyan-950)"
-  },
-  "colors.teal.50": {
-    "value": "#f0fdfa",
-    "variable": "var(--colors-teal-50)"
-  },
-  "colors.teal.100": {
-    "value": "#ccfbf1",
-    "variable": "var(--colors-teal-100)"
-  },
-  "colors.teal.200": {
-    "value": "#99f6e4",
-    "variable": "var(--colors-teal-200)"
-  },
-  "colors.teal.300": {
-    "value": "#5eead4",
-    "variable": "var(--colors-teal-300)"
-  },
-  "colors.teal.400": {
-    "value": "#2dd4bf",
-    "variable": "var(--colors-teal-400)"
-  },
-  "colors.teal.500": {
-    "value": "#14b8a6",
-    "variable": "var(--colors-teal-500)"
-  },
-  "colors.teal.600": {
-    "value": "#0d9488",
-    "variable": "var(--colors-teal-600)"
-  },
-  "colors.teal.700": {
-    "value": "#0f766e",
-    "variable": "var(--colors-teal-700)"
-  },
-  "colors.teal.800": {
-    "value": "#115e59",
-    "variable": "var(--colors-teal-800)"
-  },
-  "colors.teal.900": {
-    "value": "#134e4a",
-    "variable": "var(--colors-teal-900)"
-  },
-  "colors.teal.950": {
-    "value": "#042f2e",
-    "variable": "var(--colors-teal-950)"
-  },
-  "colors.emerald.50": {
-    "value": "#ecfdf5",
-    "variable": "var(--colors-emerald-50)"
-  },
-  "colors.emerald.100": {
-    "value": "#d1fae5",
-    "variable": "var(--colors-emerald-100)"
-  },
-  "colors.emerald.200": {
-    "value": "#a7f3d0",
-    "variable": "var(--colors-emerald-200)"
-  },
-  "colors.emerald.300": {
-    "value": "#6ee7b7",
-    "variable": "var(--colors-emerald-300)"
-  },
-  "colors.emerald.400": {
-    "value": "#34d399",
-    "variable": "var(--colors-emerald-400)"
-  },
-  "colors.emerald.500": {
-    "value": "#10b981",
-    "variable": "var(--colors-emerald-500)"
-  },
-  "colors.emerald.600": {
-    "value": "#059669",
-    "variable": "var(--colors-emerald-600)"
-  },
-  "colors.emerald.700": {
-    "value": "#047857",
-    "variable": "var(--colors-emerald-700)"
-  },
-  "colors.emerald.800": {
-    "value": "#065f46",
-    "variable": "var(--colors-emerald-800)"
-  },
-  "colors.emerald.900": {
-    "value": "#064e3b",
-    "variable": "var(--colors-emerald-900)"
-  },
-  "colors.emerald.950": {
-    "value": "#022c22",
-    "variable": "var(--colors-emerald-950)"
-  },
-  "colors.green.50": {
-    "value": "#f0fdf4",
-    "variable": "var(--colors-green-50)"
-  },
-  "colors.green.100": {
-    "value": "#dcfce7",
-    "variable": "var(--colors-green-100)"
-  },
-  "colors.green.200": {
-    "value": "#bbf7d0",
-    "variable": "var(--colors-green-200)"
-  },
-  "colors.green.300": {
-    "value": "#86efac",
-    "variable": "var(--colors-green-300)"
-  },
-  "colors.green.400": {
-    "value": "#4ade80",
-    "variable": "var(--colors-green-400)"
-  },
-  "colors.green.500": {
-    "value": "#22c55e",
-    "variable": "var(--colors-green-500)"
-  },
-  "colors.green.600": {
-    "value": "#16a34a",
-    "variable": "var(--colors-green-600)"
-  },
-  "colors.green.700": {
-    "value": "#15803d",
-    "variable": "var(--colors-green-700)"
-  },
-  "colors.green.800": {
-    "value": "#166534",
-    "variable": "var(--colors-green-800)"
-  },
-  "colors.green.900": {
-    "value": "#14532d",
-    "variable": "var(--colors-green-900)"
-  },
-  "colors.green.950": {
-    "value": "#052e16",
-    "variable": "var(--colors-green-950)"
-  },
-  "colors.lime.50": {
-    "value": "#f7fee7",
-    "variable": "var(--colors-lime-50)"
-  },
-  "colors.lime.100": {
-    "value": "#ecfccb",
-    "variable": "var(--colors-lime-100)"
-  },
-  "colors.lime.200": {
-    "value": "#d9f99d",
-    "variable": "var(--colors-lime-200)"
-  },
-  "colors.lime.300": {
-    "value": "#bef264",
-    "variable": "var(--colors-lime-300)"
-  },
-  "colors.lime.400": {
-    "value": "#a3e635",
-    "variable": "var(--colors-lime-400)"
-  },
-  "colors.lime.500": {
-    "value": "#84cc16",
-    "variable": "var(--colors-lime-500)"
-  },
-  "colors.lime.600": {
-    "value": "#65a30d",
-    "variable": "var(--colors-lime-600)"
-  },
-  "colors.lime.700": {
-    "value": "#4d7c0f",
-    "variable": "var(--colors-lime-700)"
-  },
-  "colors.lime.800": {
-    "value": "#3f6212",
-    "variable": "var(--colors-lime-800)"
-  },
-  "colors.lime.900": {
-    "value": "#365314",
-    "variable": "var(--colors-lime-900)"
-  },
-  "colors.lime.950": {
-    "value": "#1a2e05",
-    "variable": "var(--colors-lime-950)"
-  },
-  "colors.yellow.50": {
-    "value": "#fefce8",
-    "variable": "var(--colors-yellow-50)"
-  },
-  "colors.yellow.100": {
-    "value": "#fef9c3",
-    "variable": "var(--colors-yellow-100)"
-  },
-  "colors.yellow.200": {
-    "value": "#fef08a",
-    "variable": "var(--colors-yellow-200)"
-  },
-  "colors.yellow.300": {
-    "value": "#fde047",
-    "variable": "var(--colors-yellow-300)"
-  },
-  "colors.yellow.400": {
-    "value": "#facc15",
-    "variable": "var(--colors-yellow-400)"
-  },
-  "colors.yellow.500": {
-    "value": "#eab308",
-    "variable": "var(--colors-yellow-500)"
-  },
-  "colors.yellow.600": {
-    "value": "#ca8a04",
-    "variable": "var(--colors-yellow-600)"
-  },
-  "colors.yellow.700": {
-    "value": "#a16207",
-    "variable": "var(--colors-yellow-700)"
-  },
-  "colors.yellow.800": {
-    "value": "#854d0e",
-    "variable": "var(--colors-yellow-800)"
-  },
-  "colors.yellow.900": {
-    "value": "#713f12",
-    "variable": "var(--colors-yellow-900)"
-  },
-  "colors.yellow.950": {
-    "value": "#422006",
-    "variable": "var(--colors-yellow-950)"
-  },
-  "colors.amber.50": {
-    "value": "#fffbeb",
-    "variable": "var(--colors-amber-50)"
-  },
-  "colors.amber.100": {
-    "value": "#fef3c7",
-    "variable": "var(--colors-amber-100)"
-  },
-  "colors.amber.200": {
-    "value": "#fde68a",
-    "variable": "var(--colors-amber-200)"
-  },
-  "colors.amber.300": {
-    "value": "#fcd34d",
-    "variable": "var(--colors-amber-300)"
-  },
-  "colors.amber.400": {
-    "value": "#fbbf24",
-    "variable": "var(--colors-amber-400)"
-  },
-  "colors.amber.500": {
-    "value": "#f59e0b",
-    "variable": "var(--colors-amber-500)"
-  },
-  "colors.amber.600": {
-    "value": "#d97706",
-    "variable": "var(--colors-amber-600)"
-  },
-  "colors.amber.700": {
-    "value": "#b45309",
-    "variable": "var(--colors-amber-700)"
-  },
-  "colors.amber.800": {
-    "value": "#92400e",
-    "variable": "var(--colors-amber-800)"
-  },
-  "colors.amber.900": {
-    "value": "#78350f",
-    "variable": "var(--colors-amber-900)"
-  },
-  "colors.amber.950": {
-    "value": "#451a03",
-    "variable": "var(--colors-amber-950)"
-  },
-  "colors.orange.50": {
-    "value": "#fff7ed",
-    "variable": "var(--colors-orange-50)"
-  },
-  "colors.orange.100": {
-    "value": "#ffedd5",
-    "variable": "var(--colors-orange-100)"
-  },
-  "colors.orange.200": {
-    "value": "#fed7aa",
-    "variable": "var(--colors-orange-200)"
-  },
-  "colors.orange.300": {
-    "value": "#fdba74",
-    "variable": "var(--colors-orange-300)"
-  },
-  "colors.orange.400": {
-    "value": "#fb923c",
-    "variable": "var(--colors-orange-400)"
-  },
-  "colors.orange.500": {
-    "value": "#f97316",
-    "variable": "var(--colors-orange-500)"
-  },
-  "colors.orange.600": {
-    "value": "#ea580c",
-    "variable": "var(--colors-orange-600)"
-  },
-  "colors.orange.700": {
-    "value": "#c2410c",
-    "variable": "var(--colors-orange-700)"
-  },
-  "colors.orange.800": {
-    "value": "#9a3412",
-    "variable": "var(--colors-orange-800)"
-  },
-  "colors.orange.900": {
-    "value": "#7c2d12",
-    "variable": "var(--colors-orange-900)"
-  },
-  "colors.orange.950": {
-    "value": "#431407",
-    "variable": "var(--colors-orange-950)"
-  },
-  "colors.red.50": {
-    "value": "#fef2f2",
-    "variable": "var(--colors-red-50)"
-  },
-  "colors.red.100": {
-    "value": "#fee2e2",
-    "variable": "var(--colors-red-100)"
-  },
-  "colors.red.200": {
-    "value": "#fecaca",
-    "variable": "var(--colors-red-200)"
-  },
-  "colors.red.300": {
-    "value": "#fca5a5",
-    "variable": "var(--colors-red-300)"
-  },
-  "colors.red.400": {
-    "value": "#f87171",
-    "variable": "var(--colors-red-400)"
-  },
-  "colors.red.500": {
-    "value": "#ef4444",
-    "variable": "var(--colors-red-500)"
-  },
-  "colors.red.600": {
-    "value": "#dc2626",
-    "variable": "var(--colors-red-600)"
-  },
-  "colors.red.700": {
-    "value": "#b91c1c",
-    "variable": "var(--colors-red-700)"
-  },
-  "colors.red.800": {
-    "value": "#991b1b",
-    "variable": "var(--colors-red-800)"
-  },
-  "colors.red.900": {
-    "value": "#7f1d1d",
-    "variable": "var(--colors-red-900)"
-  },
-  "colors.red.950": {
-    "value": "#450a0a",
-    "variable": "var(--colors-red-950)"
-  },
-  "colors.stone.50": {
-    "value": "#fafaf9",
-    "variable": "var(--colors-stone-50)"
-  },
-  "colors.stone.100": {
-    "value": "#f5f5f4",
-    "variable": "var(--colors-stone-100)"
-  },
-  "colors.stone.200": {
-    "value": "#e7e5e4",
-    "variable": "var(--colors-stone-200)"
-  },
-  "colors.stone.300": {
-    "value": "#d6d3d1",
-    "variable": "var(--colors-stone-300)"
-  },
-  "colors.stone.400": {
-    "value": "#a8a29e",
-    "variable": "var(--colors-stone-400)"
-  },
-  "colors.stone.500": {
-    "value": "#78716c",
-    "variable": "var(--colors-stone-500)"
-  },
-  "colors.stone.600": {
-    "value": "#57534e",
-    "variable": "var(--colors-stone-600)"
-  },
-  "colors.stone.700": {
-    "value": "#44403c",
-    "variable": "var(--colors-stone-700)"
-  },
-  "colors.stone.800": {
-    "value": "#292524",
-    "variable": "var(--colors-stone-800)"
-  },
-  "colors.stone.900": {
-    "value": "#1c1917",
-    "variable": "var(--colors-stone-900)"
-  },
-  "colors.stone.950": {
-    "value": "#0c0a09",
-    "variable": "var(--colors-stone-950)"
-  },
-  "colors.zinc.50": {
-    "value": "#fafafa",
-    "variable": "var(--colors-zinc-50)"
-  },
-  "colors.zinc.100": {
-    "value": "#f4f4f5",
-    "variable": "var(--colors-zinc-100)"
-  },
-  "colors.zinc.200": {
-    "value": "#e4e4e7",
-    "variable": "var(--colors-zinc-200)"
-  },
-  "colors.zinc.300": {
-    "value": "#d4d4d8",
-    "variable": "var(--colors-zinc-300)"
-  },
-  "colors.zinc.400": {
-    "value": "#a1a1aa",
-    "variable": "var(--colors-zinc-400)"
-  },
-  "colors.zinc.500": {
-    "value": "#71717a",
-    "variable": "var(--colors-zinc-500)"
-  },
-  "colors.zinc.600": {
-    "value": "#52525b",
-    "variable": "var(--colors-zinc-600)"
-  },
-  "colors.zinc.700": {
-    "value": "#3f3f46",
-    "variable": "var(--colors-zinc-700)"
-  },
-  "colors.zinc.800": {
-    "value": "#27272a",
-    "variable": "var(--colors-zinc-800)"
-  },
-  "colors.zinc.900": {
-    "value": "#18181b",
-    "variable": "var(--colors-zinc-900)"
-  },
-  "colors.zinc.950": {
-    "value": "#09090b",
-    "variable": "var(--colors-zinc-950)"
-  },
-  "colors.gray.50": {
-    "value": "#f9fafb",
-    "variable": "var(--colors-gray-50)"
-  },
-  "colors.gray.100": {
-    "value": "#f3f4f6",
-    "variable": "var(--colors-gray-100)"
-  },
-  "colors.gray.200": {
-    "value": "#e5e7eb",
-    "variable": "var(--colors-gray-200)"
-  },
-  "colors.gray.300": {
-    "value": "#d1d5db",
-    "variable": "var(--colors-gray-300)"
-  },
-  "colors.gray.400": {
-    "value": "#9ca3af",
-    "variable": "var(--colors-gray-400)"
-  },
-  "colors.gray.500": {
-    "value": "#6b7280",
-    "variable": "var(--colors-gray-500)"
-  },
-  "colors.gray.600": {
-    "value": "#4b5563",
-    "variable": "var(--colors-gray-600)"
-  },
-  "colors.gray.700": {
-    "value": "#374151",
-    "variable": "var(--colors-gray-700)"
-  },
-  "colors.gray.800": {
-    "value": "#1f2937",
-    "variable": "var(--colors-gray-800)"
-  },
-  "colors.gray.900": {
-    "value": "#111827",
-    "variable": "var(--colors-gray-900)"
-  },
-  "colors.gray.950": {
-    "value": "#030712",
-    "variable": "var(--colors-gray-950)"
-  },
-  "colors.slate.50": {
-    "value": "#f8fafc",
-    "variable": "var(--colors-slate-50)"
-  },
-  "colors.slate.100": {
-    "value": "#f1f5f9",
-    "variable": "var(--colors-slate-100)"
-  },
-  "colors.slate.200": {
-    "value": "#e2e8f0",
-    "variable": "var(--colors-slate-200)"
-  },
-  "colors.slate.300": {
-    "value": "#cbd5e1",
-    "variable": "var(--colors-slate-300)"
-  },
-  "colors.slate.400": {
-    "value": "#94a3b8",
-    "variable": "var(--colors-slate-400)"
-  },
-  "colors.slate.500": {
-    "value": "#64748b",
-    "variable": "var(--colors-slate-500)"
-  },
-  "colors.slate.600": {
-    "value": "#475569",
-    "variable": "var(--colors-slate-600)"
-  },
-  "colors.slate.700": {
-    "value": "#334155",
-    "variable": "var(--colors-slate-700)"
-  },
-  "colors.slate.800": {
-    "value": "#1e293b",
-    "variable": "var(--colors-slate-800)"
-  },
-  "colors.slate.900": {
-    "value": "#0f172a",
-    "variable": "var(--colors-slate-900)"
-  },
-  "colors.slate.950": {
-    "value": "#020617",
-    "variable": "var(--colors-slate-950)"
-  },
-  "colors.neutral.50": {
-    "value": "#fafafa",
-    "variable": "var(--colors-neutral-50)"
-  },
-  "colors.neutral.100": {
-    "value": "#f5f5f5",
-    "variable": "var(--colors-neutral-100)"
-  },
-  "colors.neutral.200": {
-    "value": "#e5e5e5",
-    "variable": "var(--colors-neutral-200)"
-  },
-  "colors.neutral.300": {
-    "value": "#d4d4d4",
-    "variable": "var(--colors-neutral-300)"
-  },
-  "colors.neutral.400": {
-    "value": "#a3a3a3",
-    "variable": "var(--colors-neutral-400)"
-  },
-  "colors.neutral.500": {
-    "value": "#737373",
-    "variable": "var(--colors-neutral-500)"
-  },
-  "colors.neutral.600": {
-    "value": "#525252",
-    "variable": "var(--colors-neutral-600)"
-  },
-  "colors.neutral.700": {
-    "value": "#404040",
-    "variable": "var(--colors-neutral-700)"
-  },
-  "colors.neutral.800": {
-    "value": "#262626",
-    "variable": "var(--colors-neutral-800)"
-  },
-  "colors.neutral.900": {
-    "value": "#171717",
-    "variable": "var(--colors-neutral-900)"
-  },
-  "colors.neutral.950": {
-    "value": "#0a0a0a",
-    "variable": "var(--colors-neutral-950)"
-  },
-  "assets.check": {
-    "value": "url(\"data:image/svg+xml;utf8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%200H3V3H0V0Z%22%20fill%3D%22%23E1E1E1%22/%3E%3Cpath%20d%3D%22M3%200H6V3H3V0Z%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M3%203H6V6H3V3Z%22%20fill%3D%22%23E1E1E1%22/%3E%3Cpath%20d%3D%22M0%203H3V6H0V3Z%22%20fill%3D%22white%22/%3E%3C/svg%3E%0A\")",
-    "variable": "var(--assets-check)"
-  },
-  "breakpoints.sm": {
-    "value": "640px",
-    "variable": "var(--breakpoints-sm)"
-  },
-  "breakpoints.md": {
-    "value": "768px",
-    "variable": "var(--breakpoints-md)"
-  },
-  "breakpoints.lg": {
-    "value": "1024px",
-    "variable": "var(--breakpoints-lg)"
-  },
-  "breakpoints.xl": {
-    "value": "1280px",
-    "variable": "var(--breakpoints-xl)"
-  },
-  "breakpoints.2xl": {
-    "value": "1536px",
-    "variable": "var(--breakpoints-2xl)"
-  },
-  "shadows.inset": {
-    "value": "var(--shadows-inset)",
-    "variable": "var(--shadows-inset)"
-  },
-  "colors.text": {
-    "value": "var(--colors-text)",
-    "variable": "var(--colors-text)"
-  },
-  "colors.bg": {
-    "value": "var(--colors-bg)",
-    "variable": "var(--colors-bg)"
-  },
-  "colors.card": {
-    "value": "var(--colors-card)",
-    "variable": "var(--colors-card)"
-  },
-  "colors.border": {
-    "value": "var(--colors-border)",
-    "variable": "var(--colors-border)"
-  },
-  "colors.accent": {
-    "value": "var(--colors-accent)",
-    "variable": "var(--colors-accent)"
-  },
-  "spacing.-1": {
-    "value": "calc(var(--spacing-1) * -1)",
-    "variable": "var(--spacing-1)"
-  },
-  "spacing.-2": {
-    "value": "calc(var(--spacing-2) * -1)",
-    "variable": "var(--spacing-2)"
-  },
-  "spacing.-3": {
-    "value": "calc(var(--spacing-3) * -1)",
-    "variable": "var(--spacing-3)"
-  },
-  "spacing.-4": {
-    "value": "calc(var(--spacing-4) * -1)",
-    "variable": "var(--spacing-4)"
-  },
-  "spacing.-5": {
-    "value": "calc(var(--spacing-5) * -1)",
-    "variable": "var(--spacing-5)"
-  },
-  "spacing.-6": {
-    "value": "calc(var(--spacing-6) * -1)",
-    "variable": "var(--spacing-6)"
-  },
-  "spacing.-7": {
-    "value": "calc(var(--spacing-7) * -1)",
-    "variable": "var(--spacing-7)"
-  },
-  "spacing.-8": {
-    "value": "calc(var(--spacing-8) * -1)",
-    "variable": "var(--spacing-8)"
-  },
-  "spacing.-9": {
-    "value": "calc(var(--spacing-9) * -1)",
-    "variable": "var(--spacing-9)"
-  },
-  "spacing.-10": {
-    "value": "calc(var(--spacing-10) * -1)",
-    "variable": "var(--spacing-10)"
-  },
-  "spacing.-11": {
-    "value": "calc(var(--spacing-11) * -1)",
-    "variable": "var(--spacing-11)"
-  },
-  "spacing.-12": {
-    "value": "calc(var(--spacing-12) * -1)",
-    "variable": "var(--spacing-12)"
-  },
-  "spacing.-14": {
-    "value": "calc(var(--spacing-14) * -1)",
-    "variable": "var(--spacing-14)"
-  },
-  "spacing.-16": {
-    "value": "calc(var(--spacing-16) * -1)",
-    "variable": "var(--spacing-16)"
-  },
-  "spacing.-20": {
-    "value": "calc(var(--spacing-20) * -1)",
-    "variable": "var(--spacing-20)"
-  },
-  "spacing.-24": {
-    "value": "calc(var(--spacing-24) * -1)",
-    "variable": "var(--spacing-24)"
-  },
-  "spacing.-28": {
-    "value": "calc(var(--spacing-28) * -1)",
-    "variable": "var(--spacing-28)"
-  },
-  "spacing.-32": {
-    "value": "calc(var(--spacing-32) * -1)",
-    "variable": "var(--spacing-32)"
-  },
-  "spacing.-36": {
-    "value": "calc(var(--spacing-36) * -1)",
-    "variable": "var(--spacing-36)"
-  },
-  "spacing.-40": {
-    "value": "calc(var(--spacing-40) * -1)",
-    "variable": "var(--spacing-40)"
-  },
-  "spacing.-44": {
-    "value": "calc(var(--spacing-44) * -1)",
-    "variable": "var(--spacing-44)"
-  },
-  "spacing.-48": {
-    "value": "calc(var(--spacing-48) * -1)",
-    "variable": "var(--spacing-48)"
-  },
-  "spacing.-52": {
-    "value": "calc(var(--spacing-52) * -1)",
-    "variable": "var(--spacing-52)"
-  },
-  "spacing.-56": {
-    "value": "calc(var(--spacing-56) * -1)",
-    "variable": "var(--spacing-56)"
-  },
-  "spacing.-60": {
-    "value": "calc(var(--spacing-60) * -1)",
-    "variable": "var(--spacing-60)"
-  },
-  "spacing.-64": {
-    "value": "calc(var(--spacing-64) * -1)",
-    "variable": "var(--spacing-64)"
-  },
-  "spacing.-72": {
-    "value": "calc(var(--spacing-72) * -1)",
-    "variable": "var(--spacing-72)"
-  },
-  "spacing.-80": {
-    "value": "calc(var(--spacing-80) * -1)",
-    "variable": "var(--spacing-80)"
-  },
-  "spacing.-96": {
-    "value": "calc(var(--spacing-96) * -1)",
-    "variable": "var(--spacing-96)"
-  },
-  "spacing.-0.5": {
-    "value": "calc(var(--spacing-0\\.5) * -1)",
-    "variable": "var(--spacing-0\\.5)"
-  },
-  "spacing.-1.5": {
-    "value": "calc(var(--spacing-1\\.5) * -1)",
-    "variable": "var(--spacing-1\\.5)"
-  },
-  "spacing.-2.5": {
-    "value": "calc(var(--spacing-2\\.5) * -1)",
-    "variable": "var(--spacing-2\\.5)"
-  },
-  "spacing.-3.5": {
-    "value": "calc(var(--spacing-3\\.5) * -1)",
-    "variable": "var(--spacing-3\\.5)"
-  },
-  "colors.colorPalette": {
-    "value": "var(--colors-color-palette)",
-    "variable": "var(--colors-color-palette)"
-  },
-  "colors.colorPalette.50": {
-    "value": "var(--colors-color-palette-50)",
-    "variable": "var(--colors-color-palette-50)"
-  },
-  "colors.colorPalette.100": {
-    "value": "var(--colors-color-palette-100)",
-    "variable": "var(--colors-color-palette-100)"
-  },
-  "colors.colorPalette.200": {
-    "value": "var(--colors-color-palette-200)",
-    "variable": "var(--colors-color-palette-200)"
-  },
-  "colors.colorPalette.300": {
-    "value": "var(--colors-color-palette-300)",
-    "variable": "var(--colors-color-palette-300)"
-  },
-  "colors.colorPalette.400": {
-    "value": "var(--colors-color-palette-400)",
-    "variable": "var(--colors-color-palette-400)"
-  },
-  "colors.colorPalette.500": {
-    "value": "var(--colors-color-palette-500)",
-    "variable": "var(--colors-color-palette-500)"
-  },
-  "colors.colorPalette.600": {
-    "value": "var(--colors-color-palette-600)",
-    "variable": "var(--colors-color-palette-600)"
-  },
-  "colors.colorPalette.700": {
-    "value": "var(--colors-color-palette-700)",
-    "variable": "var(--colors-color-palette-700)"
-  },
-  "colors.colorPalette.800": {
-    "value": "var(--colors-color-palette-800)",
-    "variable": "var(--colors-color-palette-800)"
-  },
-  "colors.colorPalette.900": {
-    "value": "var(--colors-color-palette-900)",
-    "variable": "var(--colors-color-palette-900)"
-  },
-  "colors.colorPalette.950": {
-    "value": "var(--colors-color-palette-950)",
-    "variable": "var(--colors-color-palette-950)"
-  }
+import * as tokens from './tokens-entry.mjs';
+
+function getTokenVarName(name) {
+  return name.replace(/(?:\.-(\d+))/g, ".n$1").replace(/\./g, "_");
 }
 
+export { tokens }
+
 export function token(path, fallback) {
-  return tokens[path]?.value || fallback
+  const value = tokens.$[path] ?? tokens[getTokenVarName(path)]
+  return value || fallback
 }
 
 function tokenVar(path, fallback) {
-  return tokens[path]?.variable || fallback
+  return token(path)?.var || fallback
 }
 
 token.var = tokenVar
\ No newline at end of file
diff --git a/packages/studio/styled-system/tokens/tokens-entry.d.ts b/packages/studio/styled-system/tokens/tokens-entry.d.ts
new file mode 100644
index 0000000000..a0c0a04d38
--- /dev/null
+++ b/packages/studio/styled-system/tokens/tokens-entry.d.ts
@@ -0,0 +1,476 @@
+/* eslint-disable */
+export type TokenValue = string & { var: string }
+
+export declare const aspectRatios_square: TokenValue
+export declare const aspectRatios_landscape: TokenValue
+export declare const aspectRatios_portrait: TokenValue
+export declare const aspectRatios_wide: TokenValue
+export declare const aspectRatios_ultrawide: TokenValue
+export declare const aspectRatios_golden: TokenValue
+export declare const borders_none: TokenValue
+export declare const easings_default: TokenValue
+export declare const easings_linear: TokenValue
+export declare const easings_in: TokenValue
+export declare const easings_out: TokenValue
+export declare const durations_fastest: TokenValue
+export declare const durations_faster: TokenValue
+export declare const durations_fast: TokenValue
+export declare const durations_normal: TokenValue
+export declare const durations_slow: TokenValue
+export declare const durations_slower: TokenValue
+export declare const durations_slowest: TokenValue
+export declare const radii_xs: TokenValue
+export declare const radii_sm: TokenValue
+export declare const radii_md: TokenValue
+export declare const radii_lg: TokenValue
+export declare const radii_xl: TokenValue
+export declare const radii_2xl: TokenValue
+export declare const radii_3xl: TokenValue
+export declare const radii_4xl: TokenValue
+export declare const radii_full: TokenValue
+export declare const fontWeights_thin: TokenValue
+export declare const fontWeights_extralight: TokenValue
+export declare const fontWeights_light: TokenValue
+export declare const fontWeights_normal: TokenValue
+export declare const fontWeights_medium: TokenValue
+export declare const fontWeights_semibold: TokenValue
+export declare const fontWeights_bold: TokenValue
+export declare const fontWeights_extrabold: TokenValue
+export declare const fontWeights_black: TokenValue
+export declare const lineHeights_none: TokenValue
+export declare const lineHeights_tight: TokenValue
+export declare const lineHeights_snug: TokenValue
+export declare const lineHeights_normal: TokenValue
+export declare const lineHeights_relaxed: TokenValue
+export declare const lineHeights_loose: TokenValue
+export declare const fonts_sans: TokenValue
+export declare const fonts_serif: TokenValue
+export declare const fonts_mono: TokenValue
+export declare const letterSpacings_tighter: TokenValue
+export declare const letterSpacings_tight: TokenValue
+export declare const letterSpacings_normal: TokenValue
+export declare const letterSpacings_wide: TokenValue
+export declare const letterSpacings_wider: TokenValue
+export declare const letterSpacings_widest: TokenValue
+export declare const fontSizes_2xs: TokenValue
+export declare const fontSizes_xs: TokenValue
+export declare const fontSizes_sm: TokenValue
+export declare const fontSizes_md: TokenValue
+export declare const fontSizes_lg: TokenValue
+export declare const fontSizes_xl: TokenValue
+export declare const fontSizes_2xl: TokenValue
+export declare const fontSizes_3xl: TokenValue
+export declare const fontSizes_4xl: TokenValue
+export declare const fontSizes_5xl: TokenValue
+export declare const fontSizes_6xl: TokenValue
+export declare const fontSizes_7xl: TokenValue
+export declare const fontSizes_8xl: TokenValue
+export declare const fontSizes_9xl: TokenValue
+export declare const shadows_xs: TokenValue
+export declare const shadows_sm: TokenValue
+export declare const shadows_md: TokenValue
+export declare const shadows_lg: TokenValue
+export declare const shadows_xl: TokenValue
+export declare const shadows_2xl: TokenValue
+export declare const shadows_inner: TokenValue
+export declare const blurs_sm: TokenValue
+export declare const blurs_base: TokenValue
+export declare const blurs_md: TokenValue
+export declare const blurs_lg: TokenValue
+export declare const blurs_xl: TokenValue
+export declare const blurs_2xl: TokenValue
+export declare const blurs_3xl: TokenValue
+export declare const spacing_0: TokenValue
+export declare const spacing_1: TokenValue
+export declare const spacing_2: TokenValue
+export declare const spacing_3: TokenValue
+export declare const spacing_4: TokenValue
+export declare const spacing_5: TokenValue
+export declare const spacing_6: TokenValue
+export declare const spacing_7: TokenValue
+export declare const spacing_8: TokenValue
+export declare const spacing_9: TokenValue
+export declare const spacing_10: TokenValue
+export declare const spacing_11: TokenValue
+export declare const spacing_12: TokenValue
+export declare const spacing_14: TokenValue
+export declare const spacing_16: TokenValue
+export declare const spacing_20: TokenValue
+export declare const spacing_24: TokenValue
+export declare const spacing_28: TokenValue
+export declare const spacing_32: TokenValue
+export declare const spacing_36: TokenValue
+export declare const spacing_40: TokenValue
+export declare const spacing_44: TokenValue
+export declare const spacing_48: TokenValue
+export declare const spacing_52: TokenValue
+export declare const spacing_56: TokenValue
+export declare const spacing_60: TokenValue
+export declare const spacing_64: TokenValue
+export declare const spacing_72: TokenValue
+export declare const spacing_80: TokenValue
+export declare const spacing_96: TokenValue
+export declare const spacing_0_5: TokenValue
+export declare const spacing_1_5: TokenValue
+export declare const spacing_2_5: TokenValue
+export declare const spacing_3_5: TokenValue
+export declare const sizes_0: TokenValue
+export declare const sizes_1: TokenValue
+export declare const sizes_2: TokenValue
+export declare const sizes_3: TokenValue
+export declare const sizes_4: TokenValue
+export declare const sizes_5: TokenValue
+export declare const sizes_6: TokenValue
+export declare const sizes_7: TokenValue
+export declare const sizes_8: TokenValue
+export declare const sizes_9: TokenValue
+export declare const sizes_10: TokenValue
+export declare const sizes_11: TokenValue
+export declare const sizes_12: TokenValue
+export declare const sizes_14: TokenValue
+export declare const sizes_16: TokenValue
+export declare const sizes_20: TokenValue
+export declare const sizes_24: TokenValue
+export declare const sizes_28: TokenValue
+export declare const sizes_32: TokenValue
+export declare const sizes_36: TokenValue
+export declare const sizes_40: TokenValue
+export declare const sizes_44: TokenValue
+export declare const sizes_48: TokenValue
+export declare const sizes_52: TokenValue
+export declare const sizes_56: TokenValue
+export declare const sizes_60: TokenValue
+export declare const sizes_64: TokenValue
+export declare const sizes_72: TokenValue
+export declare const sizes_80: TokenValue
+export declare const sizes_96: TokenValue
+export declare const sizes_0_5: TokenValue
+export declare const sizes_1_5: TokenValue
+export declare const sizes_2_5: TokenValue
+export declare const sizes_3_5: TokenValue
+export declare const sizes_xs: TokenValue
+export declare const sizes_sm: TokenValue
+export declare const sizes_md: TokenValue
+export declare const sizes_lg: TokenValue
+export declare const sizes_xl: TokenValue
+export declare const sizes_2xl: TokenValue
+export declare const sizes_3xl: TokenValue
+export declare const sizes_4xl: TokenValue
+export declare const sizes_5xl: TokenValue
+export declare const sizes_6xl: TokenValue
+export declare const sizes_7xl: TokenValue
+export declare const sizes_8xl: TokenValue
+export declare const sizes_prose: TokenValue
+export declare const sizes_full: TokenValue
+export declare const sizes_min: TokenValue
+export declare const sizes_max: TokenValue
+export declare const sizes_fit: TokenValue
+export declare const animations_spin: TokenValue
+export declare const animations_ping: TokenValue
+export declare const animations_pulse: TokenValue
+export declare const animations_bounce: TokenValue
+export declare const colors_current: TokenValue
+export declare const colors_black: TokenValue
+export declare const colors_white: TokenValue
+export declare const colors_transparent: TokenValue
+export declare const colors_rose_50: TokenValue
+export declare const colors_rose_100: TokenValue
+export declare const colors_rose_200: TokenValue
+export declare const colors_rose_300: TokenValue
+export declare const colors_rose_400: TokenValue
+export declare const colors_rose_500: TokenValue
+export declare const colors_rose_600: TokenValue
+export declare const colors_rose_700: TokenValue
+export declare const colors_rose_800: TokenValue
+export declare const colors_rose_900: TokenValue
+export declare const colors_rose_950: TokenValue
+export declare const colors_pink_50: TokenValue
+export declare const colors_pink_100: TokenValue
+export declare const colors_pink_200: TokenValue
+export declare const colors_pink_300: TokenValue
+export declare const colors_pink_400: TokenValue
+export declare const colors_pink_500: TokenValue
+export declare const colors_pink_600: TokenValue
+export declare const colors_pink_700: TokenValue
+export declare const colors_pink_800: TokenValue
+export declare const colors_pink_900: TokenValue
+export declare const colors_pink_950: TokenValue
+export declare const colors_fuchsia_50: TokenValue
+export declare const colors_fuchsia_100: TokenValue
+export declare const colors_fuchsia_200: TokenValue
+export declare const colors_fuchsia_300: TokenValue
+export declare const colors_fuchsia_400: TokenValue
+export declare const colors_fuchsia_500: TokenValue
+export declare const colors_fuchsia_600: TokenValue
+export declare const colors_fuchsia_700: TokenValue
+export declare const colors_fuchsia_800: TokenValue
+export declare const colors_fuchsia_900: TokenValue
+export declare const colors_fuchsia_950: TokenValue
+export declare const colors_purple_50: TokenValue
+export declare const colors_purple_100: TokenValue
+export declare const colors_purple_200: TokenValue
+export declare const colors_purple_300: TokenValue
+export declare const colors_purple_400: TokenValue
+export declare const colors_purple_500: TokenValue
+export declare const colors_purple_600: TokenValue
+export declare const colors_purple_700: TokenValue
+export declare const colors_purple_800: TokenValue
+export declare const colors_purple_900: TokenValue
+export declare const colors_purple_950: TokenValue
+export declare const colors_violet_50: TokenValue
+export declare const colors_violet_100: TokenValue
+export declare const colors_violet_200: TokenValue
+export declare const colors_violet_300: TokenValue
+export declare const colors_violet_400: TokenValue
+export declare const colors_violet_500: TokenValue
+export declare const colors_violet_600: TokenValue
+export declare const colors_violet_700: TokenValue
+export declare const colors_violet_800: TokenValue
+export declare const colors_violet_900: TokenValue
+export declare const colors_violet_950: TokenValue
+export declare const colors_indigo_50: TokenValue
+export declare const colors_indigo_100: TokenValue
+export declare const colors_indigo_200: TokenValue
+export declare const colors_indigo_300: TokenValue
+export declare const colors_indigo_400: TokenValue
+export declare const colors_indigo_500: TokenValue
+export declare const colors_indigo_600: TokenValue
+export declare const colors_indigo_700: TokenValue
+export declare const colors_indigo_800: TokenValue
+export declare const colors_indigo_900: TokenValue
+export declare const colors_indigo_950: TokenValue
+export declare const colors_blue_50: TokenValue
+export declare const colors_blue_100: TokenValue
+export declare const colors_blue_200: TokenValue
+export declare const colors_blue_300: TokenValue
+export declare const colors_blue_400: TokenValue
+export declare const colors_blue_500: TokenValue
+export declare const colors_blue_600: TokenValue
+export declare const colors_blue_700: TokenValue
+export declare const colors_blue_800: TokenValue
+export declare const colors_blue_900: TokenValue
+export declare const colors_blue_950: TokenValue
+export declare const colors_sky_50: TokenValue
+export declare const colors_sky_100: TokenValue
+export declare const colors_sky_200: TokenValue
+export declare const colors_sky_300: TokenValue
+export declare const colors_sky_400: TokenValue
+export declare const colors_sky_500: TokenValue
+export declare const colors_sky_600: TokenValue
+export declare const colors_sky_700: TokenValue
+export declare const colors_sky_800: TokenValue
+export declare const colors_sky_900: TokenValue
+export declare const colors_sky_950: TokenValue
+export declare const colors_cyan_50: TokenValue
+export declare const colors_cyan_100: TokenValue
+export declare const colors_cyan_200: TokenValue
+export declare const colors_cyan_300: TokenValue
+export declare const colors_cyan_400: TokenValue
+export declare const colors_cyan_500: TokenValue
+export declare const colors_cyan_600: TokenValue
+export declare const colors_cyan_700: TokenValue
+export declare const colors_cyan_800: TokenValue
+export declare const colors_cyan_900: TokenValue
+export declare const colors_cyan_950: TokenValue
+export declare const colors_teal_50: TokenValue
+export declare const colors_teal_100: TokenValue
+export declare const colors_teal_200: TokenValue
+export declare const colors_teal_300: TokenValue
+export declare const colors_teal_400: TokenValue
+export declare const colors_teal_500: TokenValue
+export declare const colors_teal_600: TokenValue
+export declare const colors_teal_700: TokenValue
+export declare const colors_teal_800: TokenValue
+export declare const colors_teal_900: TokenValue
+export declare const colors_teal_950: TokenValue
+export declare const colors_emerald_50: TokenValue
+export declare const colors_emerald_100: TokenValue
+export declare const colors_emerald_200: TokenValue
+export declare const colors_emerald_300: TokenValue
+export declare const colors_emerald_400: TokenValue
+export declare const colors_emerald_500: TokenValue
+export declare const colors_emerald_600: TokenValue
+export declare const colors_emerald_700: TokenValue
+export declare const colors_emerald_800: TokenValue
+export declare const colors_emerald_900: TokenValue
+export declare const colors_emerald_950: TokenValue
+export declare const colors_green_50: TokenValue
+export declare const colors_green_100: TokenValue
+export declare const colors_green_200: TokenValue
+export declare const colors_green_300: TokenValue
+export declare const colors_green_400: TokenValue
+export declare const colors_green_500: TokenValue
+export declare const colors_green_600: TokenValue
+export declare const colors_green_700: TokenValue
+export declare const colors_green_800: TokenValue
+export declare const colors_green_900: TokenValue
+export declare const colors_green_950: TokenValue
+export declare const colors_lime_50: TokenValue
+export declare const colors_lime_100: TokenValue
+export declare const colors_lime_200: TokenValue
+export declare const colors_lime_300: TokenValue
+export declare const colors_lime_400: TokenValue
+export declare const colors_lime_500: TokenValue
+export declare const colors_lime_600: TokenValue
+export declare const colors_lime_700: TokenValue
+export declare const colors_lime_800: TokenValue
+export declare const colors_lime_900: TokenValue
+export declare const colors_lime_950: TokenValue
+export declare const colors_yellow_50: TokenValue
+export declare const colors_yellow_100: TokenValue
+export declare const colors_yellow_200: TokenValue
+export declare const colors_yellow_300: TokenValue
+export declare const colors_yellow_400: TokenValue
+export declare const colors_yellow_500: TokenValue
+export declare const colors_yellow_600: TokenValue
+export declare const colors_yellow_700: TokenValue
+export declare const colors_yellow_800: TokenValue
+export declare const colors_yellow_900: TokenValue
+export declare const colors_yellow_950: TokenValue
+export declare const colors_amber_50: TokenValue
+export declare const colors_amber_100: TokenValue
+export declare const colors_amber_200: TokenValue
+export declare const colors_amber_300: TokenValue
+export declare const colors_amber_400: TokenValue
+export declare const colors_amber_500: TokenValue
+export declare const colors_amber_600: TokenValue
+export declare const colors_amber_700: TokenValue
+export declare const colors_amber_800: TokenValue
+export declare const colors_amber_900: TokenValue
+export declare const colors_amber_950: TokenValue
+export declare const colors_orange_50: TokenValue
+export declare const colors_orange_100: TokenValue
+export declare const colors_orange_200: TokenValue
+export declare const colors_orange_300: TokenValue
+export declare const colors_orange_400: TokenValue
+export declare const colors_orange_500: TokenValue
+export declare const colors_orange_600: TokenValue
+export declare const colors_orange_700: TokenValue
+export declare const colors_orange_800: TokenValue
+export declare const colors_orange_900: TokenValue
+export declare const colors_orange_950: TokenValue
+export declare const colors_red_50: TokenValue
+export declare const colors_red_100: TokenValue
+export declare const colors_red_200: TokenValue
+export declare const colors_red_300: TokenValue
+export declare const colors_red_400: TokenValue
+export declare const colors_red_500: TokenValue
+export declare const colors_red_600: TokenValue
+export declare const colors_red_700: TokenValue
+export declare const colors_red_800: TokenValue
+export declare const colors_red_900: TokenValue
+export declare const colors_red_950: TokenValue
+export declare const colors_stone_50: TokenValue
+export declare const colors_stone_100: TokenValue
+export declare const colors_stone_200: TokenValue
+export declare const colors_stone_300: TokenValue
+export declare const colors_stone_400: TokenValue
+export declare const colors_stone_500: TokenValue
+export declare const colors_stone_600: TokenValue
+export declare const colors_stone_700: TokenValue
+export declare const colors_stone_800: TokenValue
+export declare const colors_stone_900: TokenValue
+export declare const colors_stone_950: TokenValue
+export declare const colors_zinc_50: TokenValue
+export declare const colors_zinc_100: TokenValue
+export declare const colors_zinc_200: TokenValue
+export declare const colors_zinc_300: TokenValue
+export declare const colors_zinc_400: TokenValue
+export declare const colors_zinc_500: TokenValue
+export declare const colors_zinc_600: TokenValue
+export declare const colors_zinc_700: TokenValue
+export declare const colors_zinc_800: TokenValue
+export declare const colors_zinc_900: TokenValue
+export declare const colors_zinc_950: TokenValue
+export declare const colors_gray_50: TokenValue
+export declare const colors_gray_100: TokenValue
+export declare const colors_gray_200: TokenValue
+export declare const colors_gray_300: TokenValue
+export declare const colors_gray_400: TokenValue
+export declare const colors_gray_500: TokenValue
+export declare const colors_gray_600: TokenValue
+export declare const colors_gray_700: TokenValue
+export declare const colors_gray_800: TokenValue
+export declare const colors_gray_900: TokenValue
+export declare const colors_gray_950: TokenValue
+export declare const colors_slate_50: TokenValue
+export declare const colors_slate_100: TokenValue
+export declare const colors_slate_200: TokenValue
+export declare const colors_slate_300: TokenValue
+export declare const colors_slate_400: TokenValue
+export declare const colors_slate_500: TokenValue
+export declare const colors_slate_600: TokenValue
+export declare const colors_slate_700: TokenValue
+export declare const colors_slate_800: TokenValue
+export declare const colors_slate_900: TokenValue
+export declare const colors_slate_950: TokenValue
+export declare const colors_neutral_50: TokenValue
+export declare const colors_neutral_100: TokenValue
+export declare const colors_neutral_200: TokenValue
+export declare const colors_neutral_300: TokenValue
+export declare const colors_neutral_400: TokenValue
+export declare const colors_neutral_500: TokenValue
+export declare const colors_neutral_600: TokenValue
+export declare const colors_neutral_700: TokenValue
+export declare const colors_neutral_800: TokenValue
+export declare const colors_neutral_900: TokenValue
+export declare const colors_neutral_950: TokenValue
+export declare const assets_check: TokenValue
+export declare const breakpoints_sm: TokenValue
+export declare const breakpoints_md: TokenValue
+export declare const breakpoints_lg: TokenValue
+export declare const breakpoints_xl: TokenValue
+export declare const breakpoints_2xl: TokenValue
+export declare const shadows_inset: TokenValue
+export declare const colors_text: TokenValue
+export declare const colors_bg: TokenValue
+export declare const colors_card: TokenValue
+export declare const colors_border: TokenValue
+export declare const colors_accent: TokenValue
+export declare const spacing_n1: TokenValue
+export declare const spacing_n2: TokenValue
+export declare const spacing_n3: TokenValue
+export declare const spacing_n4: TokenValue
+export declare const spacing_n5: TokenValue
+export declare const spacing_n6: TokenValue
+export declare const spacing_n7: TokenValue
+export declare const spacing_n8: TokenValue
+export declare const spacing_n9: TokenValue
+export declare const spacing_n10: TokenValue
+export declare const spacing_n11: TokenValue
+export declare const spacing_n12: TokenValue
+export declare const spacing_n14: TokenValue
+export declare const spacing_n16: TokenValue
+export declare const spacing_n20: TokenValue
+export declare const spacing_n24: TokenValue
+export declare const spacing_n28: TokenValue
+export declare const spacing_n32: TokenValue
+export declare const spacing_n36: TokenValue
+export declare const spacing_n40: TokenValue
+export declare const spacing_n44: TokenValue
+export declare const spacing_n48: TokenValue
+export declare const spacing_n52: TokenValue
+export declare const spacing_n56: TokenValue
+export declare const spacing_n60: TokenValue
+export declare const spacing_n64: TokenValue
+export declare const spacing_n72: TokenValue
+export declare const spacing_n80: TokenValue
+export declare const spacing_n96: TokenValue
+export declare const spacing_n0_5: TokenValue
+export declare const spacing_n1_5: TokenValue
+export declare const spacing_n2_5: TokenValue
+export declare const spacing_n3_5: TokenValue
+export declare const colors_colorPalette: TokenValue
+export declare const colors_colorPalette_50: TokenValue
+export declare const colors_colorPalette_100: TokenValue
+export declare const colors_colorPalette_200: TokenValue
+export declare const colors_colorPalette_300: TokenValue
+export declare const colors_colorPalette_400: TokenValue
+export declare const colors_colorPalette_500: TokenValue
+export declare const colors_colorPalette_600: TokenValue
+export declare const colors_colorPalette_700: TokenValue
+export declare const colors_colorPalette_800: TokenValue
+export declare const colors_colorPalette_900: TokenValue
+export declare const colors_colorPalette_950: TokenValue
+
+export declare const $: Record<"easings.in-out" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl", string>;
diff --git a/packages/studio/styled-system/tokens/tokens-entry.mjs b/packages/studio/styled-system/tokens/tokens-entry.mjs
new file mode 100644
index 0000000000..3a024e3e28
--- /dev/null
+++ b/packages/studio/styled-system/tokens/tokens-entry.mjs
@@ -0,0 +1,484 @@
+const t = (value, variable) => {
+  value.var = variable;
+  return value;
+}
+
+export const aspectRatios_square = t("1 / 1", "var(--aspect-ratios-square)");
+export const aspectRatios_landscape = t("4 / 3", "var(--aspect-ratios-landscape)");
+export const aspectRatios_portrait = t("3 / 4", "var(--aspect-ratios-portrait)");
+export const aspectRatios_wide = t("16 / 9", "var(--aspect-ratios-wide)");
+export const aspectRatios_ultrawide = t("18 / 5", "var(--aspect-ratios-ultrawide)");
+export const aspectRatios_golden = t("1.618 / 1", "var(--aspect-ratios-golden)");
+export const borders_none = t("none", "var(--borders-none)");
+export const easings_default = t("cubic-bezier(0.4, 0, 0.2, 1)", "var(--easings-default)");
+export const easings_linear = t("linear", "var(--easings-linear)");
+export const easings_in = t("cubic-bezier(0.4, 0, 1, 1)", "var(--easings-in)");
+export const easings_out = t("cubic-bezier(0, 0, 0.2, 1)", "var(--easings-out)");
+export const durations_fastest = t("50ms", "var(--durations-fastest)");
+export const durations_faster = t("100ms", "var(--durations-faster)");
+export const durations_fast = t("150ms", "var(--durations-fast)");
+export const durations_normal = t("200ms", "var(--durations-normal)");
+export const durations_slow = t("300ms", "var(--durations-slow)");
+export const durations_slower = t("400ms", "var(--durations-slower)");
+export const durations_slowest = t("500ms", "var(--durations-slowest)");
+export const radii_xs = t("0.125rem", "var(--radii-xs)");
+export const radii_sm = t("0.25rem", "var(--radii-sm)");
+export const radii_md = t("0.375rem", "var(--radii-md)");
+export const radii_lg = t("0.5rem", "var(--radii-lg)");
+export const radii_xl = t("0.75rem", "var(--radii-xl)");
+export const radii_2xl = t("1rem", "var(--radii-2xl)");
+export const radii_3xl = t("1.5rem", "var(--radii-3xl)");
+export const radii_4xl = t("2rem", "var(--radii-4xl)");
+export const radii_full = t("9999px", "var(--radii-full)");
+export const fontWeights_thin = t("100", "var(--font-weights-thin)");
+export const fontWeights_extralight = t("200", "var(--font-weights-extralight)");
+export const fontWeights_light = t("300", "var(--font-weights-light)");
+export const fontWeights_normal = t("400", "var(--font-weights-normal)");
+export const fontWeights_medium = t("500", "var(--font-weights-medium)");
+export const fontWeights_semibold = t("600", "var(--font-weights-semibold)");
+export const fontWeights_bold = t("700", "var(--font-weights-bold)");
+export const fontWeights_extrabold = t("800", "var(--font-weights-extrabold)");
+export const fontWeights_black = t("900", "var(--font-weights-black)");
+export const lineHeights_none = t("1", "var(--line-heights-none)");
+export const lineHeights_tight = t("1.25", "var(--line-heights-tight)");
+export const lineHeights_snug = t("1.375", "var(--line-heights-snug)");
+export const lineHeights_normal = t("1.5", "var(--line-heights-normal)");
+export const lineHeights_relaxed = t("1.625", "var(--line-heights-relaxed)");
+export const lineHeights_loose = t("2", "var(--line-heights-loose)");
+export const fonts_sans = t("ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"", "var(--fonts-sans)");
+export const fonts_serif = t("ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "var(--fonts-serif)");
+export const fonts_mono = t("ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "var(--fonts-mono)");
+export const letterSpacings_tighter = t("-0.05em", "var(--letter-spacings-tighter)");
+export const letterSpacings_tight = t("-0.025em", "var(--letter-spacings-tight)");
+export const letterSpacings_normal = t("0em", "var(--letter-spacings-normal)");
+export const letterSpacings_wide = t("0.025em", "var(--letter-spacings-wide)");
+export const letterSpacings_wider = t("0.05em", "var(--letter-spacings-wider)");
+export const letterSpacings_widest = t("0.1em", "var(--letter-spacings-widest)");
+export const fontSizes_2xs = t("0.5rem", "var(--font-sizes-2xs)");
+export const fontSizes_xs = t("0.75rem", "var(--font-sizes-xs)");
+export const fontSizes_sm = t("0.875rem", "var(--font-sizes-sm)");
+export const fontSizes_md = t("1rem", "var(--font-sizes-md)");
+export const fontSizes_lg = t("1.125rem", "var(--font-sizes-lg)");
+export const fontSizes_xl = t("1.25rem", "var(--font-sizes-xl)");
+export const fontSizes_2xl = t("1.5rem", "var(--font-sizes-2xl)");
+export const fontSizes_3xl = t("1.875rem", "var(--font-sizes-3xl)");
+export const fontSizes_4xl = t("2.25rem", "var(--font-sizes-4xl)");
+export const fontSizes_5xl = t("3rem", "var(--font-sizes-5xl)");
+export const fontSizes_6xl = t("3.75rem", "var(--font-sizes-6xl)");
+export const fontSizes_7xl = t("4.5rem", "var(--font-sizes-7xl)");
+export const fontSizes_8xl = t("6rem", "var(--font-sizes-8xl)");
+export const fontSizes_9xl = t("8rem", "var(--font-sizes-9xl)");
+export const shadows_xs = t("0 1px 2px 0 rgb(0 0 0 / 0.05)", "var(--shadows-xs)");
+export const shadows_sm = t("0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)", "var(--shadows-sm)");
+export const shadows_md = t("0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)", "var(--shadows-md)");
+export const shadows_lg = t("0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)", "var(--shadows-lg)");
+export const shadows_xl = t("0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)", "var(--shadows-xl)");
+export const shadows_2xl = t("0 25px 50px -12px rgb(0 0 0 / 0.25)", "var(--shadows-2xl)");
+export const shadows_inner = t("inset 0 2px 4px 0 rgb(0 0 0 / 0.05)", "var(--shadows-inner)");
+export const blurs_sm = t("4px", "var(--blurs-sm)");
+export const blurs_base = t("8px", "var(--blurs-base)");
+export const blurs_md = t("12px", "var(--blurs-md)");
+export const blurs_lg = t("16px", "var(--blurs-lg)");
+export const blurs_xl = t("24px", "var(--blurs-xl)");
+export const blurs_2xl = t("40px", "var(--blurs-2xl)");
+export const blurs_3xl = t("64px", "var(--blurs-3xl)");
+export const spacing_0 = t("0rem", "var(--spacing-0)");
+export const spacing_1 = t("0.25rem", "var(--spacing-1)");
+export const spacing_2 = t("0.5rem", "var(--spacing-2)");
+export const spacing_3 = t("0.75rem", "var(--spacing-3)");
+export const spacing_4 = t("1rem", "var(--spacing-4)");
+export const spacing_5 = t("1.25rem", "var(--spacing-5)");
+export const spacing_6 = t("1.5rem", "var(--spacing-6)");
+export const spacing_7 = t("1.75rem", "var(--spacing-7)");
+export const spacing_8 = t("2rem", "var(--spacing-8)");
+export const spacing_9 = t("2.25rem", "var(--spacing-9)");
+export const spacing_10 = t("2.5rem", "var(--spacing-10)");
+export const spacing_11 = t("2.75rem", "var(--spacing-11)");
+export const spacing_12 = t("3rem", "var(--spacing-12)");
+export const spacing_14 = t("3.5rem", "var(--spacing-14)");
+export const spacing_16 = t("4rem", "var(--spacing-16)");
+export const spacing_20 = t("5rem", "var(--spacing-20)");
+export const spacing_24 = t("6rem", "var(--spacing-24)");
+export const spacing_28 = t("7rem", "var(--spacing-28)");
+export const spacing_32 = t("8rem", "var(--spacing-32)");
+export const spacing_36 = t("9rem", "var(--spacing-36)");
+export const spacing_40 = t("10rem", "var(--spacing-40)");
+export const spacing_44 = t("11rem", "var(--spacing-44)");
+export const spacing_48 = t("12rem", "var(--spacing-48)");
+export const spacing_52 = t("13rem", "var(--spacing-52)");
+export const spacing_56 = t("14rem", "var(--spacing-56)");
+export const spacing_60 = t("15rem", "var(--spacing-60)");
+export const spacing_64 = t("16rem", "var(--spacing-64)");
+export const spacing_72 = t("18rem", "var(--spacing-72)");
+export const spacing_80 = t("20rem", "var(--spacing-80)");
+export const spacing_96 = t("24rem", "var(--spacing-96)");
+export const spacing_0_5 = t("0.125rem", "var(--spacing-0\\.5)");
+export const spacing_1_5 = t("0.375rem", "var(--spacing-1\\.5)");
+export const spacing_2_5 = t("0.625rem", "var(--spacing-2\\.5)");
+export const spacing_3_5 = t("0.875rem", "var(--spacing-3\\.5)");
+export const sizes_0 = t("0rem", "var(--sizes-0)");
+export const sizes_1 = t("0.25rem", "var(--sizes-1)");
+export const sizes_2 = t("0.5rem", "var(--sizes-2)");
+export const sizes_3 = t("0.75rem", "var(--sizes-3)");
+export const sizes_4 = t("1rem", "var(--sizes-4)");
+export const sizes_5 = t("1.25rem", "var(--sizes-5)");
+export const sizes_6 = t("1.5rem", "var(--sizes-6)");
+export const sizes_7 = t("1.75rem", "var(--sizes-7)");
+export const sizes_8 = t("2rem", "var(--sizes-8)");
+export const sizes_9 = t("2.25rem", "var(--sizes-9)");
+export const sizes_10 = t("2.5rem", "var(--sizes-10)");
+export const sizes_11 = t("2.75rem", "var(--sizes-11)");
+export const sizes_12 = t("3rem", "var(--sizes-12)");
+export const sizes_14 = t("3.5rem", "var(--sizes-14)");
+export const sizes_16 = t("4rem", "var(--sizes-16)");
+export const sizes_20 = t("5rem", "var(--sizes-20)");
+export const sizes_24 = t("6rem", "var(--sizes-24)");
+export const sizes_28 = t("7rem", "var(--sizes-28)");
+export const sizes_32 = t("8rem", "var(--sizes-32)");
+export const sizes_36 = t("9rem", "var(--sizes-36)");
+export const sizes_40 = t("10rem", "var(--sizes-40)");
+export const sizes_44 = t("11rem", "var(--sizes-44)");
+export const sizes_48 = t("12rem", "var(--sizes-48)");
+export const sizes_52 = t("13rem", "var(--sizes-52)");
+export const sizes_56 = t("14rem", "var(--sizes-56)");
+export const sizes_60 = t("15rem", "var(--sizes-60)");
+export const sizes_64 = t("16rem", "var(--sizes-64)");
+export const sizes_72 = t("18rem", "var(--sizes-72)");
+export const sizes_80 = t("20rem", "var(--sizes-80)");
+export const sizes_96 = t("24rem", "var(--sizes-96)");
+export const sizes_0_5 = t("0.125rem", "var(--sizes-0\\.5)");
+export const sizes_1_5 = t("0.375rem", "var(--sizes-1\\.5)");
+export const sizes_2_5 = t("0.625rem", "var(--sizes-2\\.5)");
+export const sizes_3_5 = t("0.875rem", "var(--sizes-3\\.5)");
+export const sizes_xs = t("20rem", "var(--sizes-xs)");
+export const sizes_sm = t("24rem", "var(--sizes-sm)");
+export const sizes_md = t("28rem", "var(--sizes-md)");
+export const sizes_lg = t("32rem", "var(--sizes-lg)");
+export const sizes_xl = t("36rem", "var(--sizes-xl)");
+export const sizes_2xl = t("42rem", "var(--sizes-2xl)");
+export const sizes_3xl = t("48rem", "var(--sizes-3xl)");
+export const sizes_4xl = t("56rem", "var(--sizes-4xl)");
+export const sizes_5xl = t("64rem", "var(--sizes-5xl)");
+export const sizes_6xl = t("72rem", "var(--sizes-6xl)");
+export const sizes_7xl = t("80rem", "var(--sizes-7xl)");
+export const sizes_8xl = t("90rem", "var(--sizes-8xl)");
+export const sizes_prose = t("65ch", "var(--sizes-prose)");
+export const sizes_full = t("100%", "var(--sizes-full)");
+export const sizes_min = t("min-content", "var(--sizes-min)");
+export const sizes_max = t("max-content", "var(--sizes-max)");
+export const sizes_fit = t("fit-content", "var(--sizes-fit)");
+export const animations_spin = t("spin 1s linear infinite", "var(--animations-spin)");
+export const animations_ping = t("ping 1s cubic-bezier(0, 0, 0.2, 1) infinite", "var(--animations-ping)");
+export const animations_pulse = t("pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite", "var(--animations-pulse)");
+export const animations_bounce = t("bounce 1s infinite", "var(--animations-bounce)");
+export const colors_current = t("currentColor", "var(--colors-current)");
+export const colors_black = t("#000", "var(--colors-black)");
+export const colors_white = t("#fff", "var(--colors-white)");
+export const colors_transparent = t("rgb(0 0 0 / 0)", "var(--colors-transparent)");
+export const colors_rose_50 = t("#fff1f2", "var(--colors-rose-50)");
+export const colors_rose_100 = t("#ffe4e6", "var(--colors-rose-100)");
+export const colors_rose_200 = t("#fecdd3", "var(--colors-rose-200)");
+export const colors_rose_300 = t("#fda4af", "var(--colors-rose-300)");
+export const colors_rose_400 = t("#fb7185", "var(--colors-rose-400)");
+export const colors_rose_500 = t("#f43f5e", "var(--colors-rose-500)");
+export const colors_rose_600 = t("#e11d48", "var(--colors-rose-600)");
+export const colors_rose_700 = t("#be123c", "var(--colors-rose-700)");
+export const colors_rose_800 = t("#9f1239", "var(--colors-rose-800)");
+export const colors_rose_900 = t("#881337", "var(--colors-rose-900)");
+export const colors_rose_950 = t("#4c0519", "var(--colors-rose-950)");
+export const colors_pink_50 = t("#fdf2f8", "var(--colors-pink-50)");
+export const colors_pink_100 = t("#fce7f3", "var(--colors-pink-100)");
+export const colors_pink_200 = t("#fbcfe8", "var(--colors-pink-200)");
+export const colors_pink_300 = t("#f9a8d4", "var(--colors-pink-300)");
+export const colors_pink_400 = t("#f472b6", "var(--colors-pink-400)");
+export const colors_pink_500 = t("#ec4899", "var(--colors-pink-500)");
+export const colors_pink_600 = t("#db2777", "var(--colors-pink-600)");
+export const colors_pink_700 = t("#be185d", "var(--colors-pink-700)");
+export const colors_pink_800 = t("#9d174d", "var(--colors-pink-800)");
+export const colors_pink_900 = t("#831843", "var(--colors-pink-900)");
+export const colors_pink_950 = t("#500724", "var(--colors-pink-950)");
+export const colors_fuchsia_50 = t("#fdf4ff", "var(--colors-fuchsia-50)");
+export const colors_fuchsia_100 = t("#fae8ff", "var(--colors-fuchsia-100)");
+export const colors_fuchsia_200 = t("#f5d0fe", "var(--colors-fuchsia-200)");
+export const colors_fuchsia_300 = t("#f0abfc", "var(--colors-fuchsia-300)");
+export const colors_fuchsia_400 = t("#e879f9", "var(--colors-fuchsia-400)");
+export const colors_fuchsia_500 = t("#d946ef", "var(--colors-fuchsia-500)");
+export const colors_fuchsia_600 = t("#c026d3", "var(--colors-fuchsia-600)");
+export const colors_fuchsia_700 = t("#a21caf", "var(--colors-fuchsia-700)");
+export const colors_fuchsia_800 = t("#86198f", "var(--colors-fuchsia-800)");
+export const colors_fuchsia_900 = t("#701a75", "var(--colors-fuchsia-900)");
+export const colors_fuchsia_950 = t("#4a044e", "var(--colors-fuchsia-950)");
+export const colors_purple_50 = t("#faf5ff", "var(--colors-purple-50)");
+export const colors_purple_100 = t("#f3e8ff", "var(--colors-purple-100)");
+export const colors_purple_200 = t("#e9d5ff", "var(--colors-purple-200)");
+export const colors_purple_300 = t("#d8b4fe", "var(--colors-purple-300)");
+export const colors_purple_400 = t("#c084fc", "var(--colors-purple-400)");
+export const colors_purple_500 = t("#a855f7", "var(--colors-purple-500)");
+export const colors_purple_600 = t("#9333ea", "var(--colors-purple-600)");
+export const colors_purple_700 = t("#7e22ce", "var(--colors-purple-700)");
+export const colors_purple_800 = t("#6b21a8", "var(--colors-purple-800)");
+export const colors_purple_900 = t("#581c87", "var(--colors-purple-900)");
+export const colors_purple_950 = t("#3b0764", "var(--colors-purple-950)");
+export const colors_violet_50 = t("#f5f3ff", "var(--colors-violet-50)");
+export const colors_violet_100 = t("#ede9fe", "var(--colors-violet-100)");
+export const colors_violet_200 = t("#ddd6fe", "var(--colors-violet-200)");
+export const colors_violet_300 = t("#c4b5fd", "var(--colors-violet-300)");
+export const colors_violet_400 = t("#a78bfa", "var(--colors-violet-400)");
+export const colors_violet_500 = t("#8b5cf6", "var(--colors-violet-500)");
+export const colors_violet_600 = t("#7c3aed", "var(--colors-violet-600)");
+export const colors_violet_700 = t("#6d28d9", "var(--colors-violet-700)");
+export const colors_violet_800 = t("#5b21b6", "var(--colors-violet-800)");
+export const colors_violet_900 = t("#4c1d95", "var(--colors-violet-900)");
+export const colors_violet_950 = t("#2e1065", "var(--colors-violet-950)");
+export const colors_indigo_50 = t("#eef2ff", "var(--colors-indigo-50)");
+export const colors_indigo_100 = t("#e0e7ff", "var(--colors-indigo-100)");
+export const colors_indigo_200 = t("#c7d2fe", "var(--colors-indigo-200)");
+export const colors_indigo_300 = t("#a5b4fc", "var(--colors-indigo-300)");
+export const colors_indigo_400 = t("#818cf8", "var(--colors-indigo-400)");
+export const colors_indigo_500 = t("#6366f1", "var(--colors-indigo-500)");
+export const colors_indigo_600 = t("#4f46e5", "var(--colors-indigo-600)");
+export const colors_indigo_700 = t("#4338ca", "var(--colors-indigo-700)");
+export const colors_indigo_800 = t("#3730a3", "var(--colors-indigo-800)");
+export const colors_indigo_900 = t("#312e81", "var(--colors-indigo-900)");
+export const colors_indigo_950 = t("#1e1b4b", "var(--colors-indigo-950)");
+export const colors_blue_50 = t("#eff6ff", "var(--colors-blue-50)");
+export const colors_blue_100 = t("#dbeafe", "var(--colors-blue-100)");
+export const colors_blue_200 = t("#bfdbfe", "var(--colors-blue-200)");
+export const colors_blue_300 = t("#93c5fd", "var(--colors-blue-300)");
+export const colors_blue_400 = t("#60a5fa", "var(--colors-blue-400)");
+export const colors_blue_500 = t("#3b82f6", "var(--colors-blue-500)");
+export const colors_blue_600 = t("#2563eb", "var(--colors-blue-600)");
+export const colors_blue_700 = t("#1d4ed8", "var(--colors-blue-700)");
+export const colors_blue_800 = t("#1e40af", "var(--colors-blue-800)");
+export const colors_blue_900 = t("#1e3a8a", "var(--colors-blue-900)");
+export const colors_blue_950 = t("#172554", "var(--colors-blue-950)");
+export const colors_sky_50 = t("#f0f9ff", "var(--colors-sky-50)");
+export const colors_sky_100 = t("#e0f2fe", "var(--colors-sky-100)");
+export const colors_sky_200 = t("#bae6fd", "var(--colors-sky-200)");
+export const colors_sky_300 = t("#7dd3fc", "var(--colors-sky-300)");
+export const colors_sky_400 = t("#38bdf8", "var(--colors-sky-400)");
+export const colors_sky_500 = t("#0ea5e9", "var(--colors-sky-500)");
+export const colors_sky_600 = t("#0284c7", "var(--colors-sky-600)");
+export const colors_sky_700 = t("#0369a1", "var(--colors-sky-700)");
+export const colors_sky_800 = t("#075985", "var(--colors-sky-800)");
+export const colors_sky_900 = t("#0c4a6e", "var(--colors-sky-900)");
+export const colors_sky_950 = t("#082f49", "var(--colors-sky-950)");
+export const colors_cyan_50 = t("#ecfeff", "var(--colors-cyan-50)");
+export const colors_cyan_100 = t("#cffafe", "var(--colors-cyan-100)");
+export const colors_cyan_200 = t("#a5f3fc", "var(--colors-cyan-200)");
+export const colors_cyan_300 = t("#67e8f9", "var(--colors-cyan-300)");
+export const colors_cyan_400 = t("#22d3ee", "var(--colors-cyan-400)");
+export const colors_cyan_500 = t("#06b6d4", "var(--colors-cyan-500)");
+export const colors_cyan_600 = t("#0891b2", "var(--colors-cyan-600)");
+export const colors_cyan_700 = t("#0e7490", "var(--colors-cyan-700)");
+export const colors_cyan_800 = t("#155e75", "var(--colors-cyan-800)");
+export const colors_cyan_900 = t("#164e63", "var(--colors-cyan-900)");
+export const colors_cyan_950 = t("#083344", "var(--colors-cyan-950)");
+export const colors_teal_50 = t("#f0fdfa", "var(--colors-teal-50)");
+export const colors_teal_100 = t("#ccfbf1", "var(--colors-teal-100)");
+export const colors_teal_200 = t("#99f6e4", "var(--colors-teal-200)");
+export const colors_teal_300 = t("#5eead4", "var(--colors-teal-300)");
+export const colors_teal_400 = t("#2dd4bf", "var(--colors-teal-400)");
+export const colors_teal_500 = t("#14b8a6", "var(--colors-teal-500)");
+export const colors_teal_600 = t("#0d9488", "var(--colors-teal-600)");
+export const colors_teal_700 = t("#0f766e", "var(--colors-teal-700)");
+export const colors_teal_800 = t("#115e59", "var(--colors-teal-800)");
+export const colors_teal_900 = t("#134e4a", "var(--colors-teal-900)");
+export const colors_teal_950 = t("#042f2e", "var(--colors-teal-950)");
+export const colors_emerald_50 = t("#ecfdf5", "var(--colors-emerald-50)");
+export const colors_emerald_100 = t("#d1fae5", "var(--colors-emerald-100)");
+export const colors_emerald_200 = t("#a7f3d0", "var(--colors-emerald-200)");
+export const colors_emerald_300 = t("#6ee7b7", "var(--colors-emerald-300)");
+export const colors_emerald_400 = t("#34d399", "var(--colors-emerald-400)");
+export const colors_emerald_500 = t("#10b981", "var(--colors-emerald-500)");
+export const colors_emerald_600 = t("#059669", "var(--colors-emerald-600)");
+export const colors_emerald_700 = t("#047857", "var(--colors-emerald-700)");
+export const colors_emerald_800 = t("#065f46", "var(--colors-emerald-800)");
+export const colors_emerald_900 = t("#064e3b", "var(--colors-emerald-900)");
+export const colors_emerald_950 = t("#022c22", "var(--colors-emerald-950)");
+export const colors_green_50 = t("#f0fdf4", "var(--colors-green-50)");
+export const colors_green_100 = t("#dcfce7", "var(--colors-green-100)");
+export const colors_green_200 = t("#bbf7d0", "var(--colors-green-200)");
+export const colors_green_300 = t("#86efac", "var(--colors-green-300)");
+export const colors_green_400 = t("#4ade80", "var(--colors-green-400)");
+export const colors_green_500 = t("#22c55e", "var(--colors-green-500)");
+export const colors_green_600 = t("#16a34a", "var(--colors-green-600)");
+export const colors_green_700 = t("#15803d", "var(--colors-green-700)");
+export const colors_green_800 = t("#166534", "var(--colors-green-800)");
+export const colors_green_900 = t("#14532d", "var(--colors-green-900)");
+export const colors_green_950 = t("#052e16", "var(--colors-green-950)");
+export const colors_lime_50 = t("#f7fee7", "var(--colors-lime-50)");
+export const colors_lime_100 = t("#ecfccb", "var(--colors-lime-100)");
+export const colors_lime_200 = t("#d9f99d", "var(--colors-lime-200)");
+export const colors_lime_300 = t("#bef264", "var(--colors-lime-300)");
+export const colors_lime_400 = t("#a3e635", "var(--colors-lime-400)");
+export const colors_lime_500 = t("#84cc16", "var(--colors-lime-500)");
+export const colors_lime_600 = t("#65a30d", "var(--colors-lime-600)");
+export const colors_lime_700 = t("#4d7c0f", "var(--colors-lime-700)");
+export const colors_lime_800 = t("#3f6212", "var(--colors-lime-800)");
+export const colors_lime_900 = t("#365314", "var(--colors-lime-900)");
+export const colors_lime_950 = t("#1a2e05", "var(--colors-lime-950)");
+export const colors_yellow_50 = t("#fefce8", "var(--colors-yellow-50)");
+export const colors_yellow_100 = t("#fef9c3", "var(--colors-yellow-100)");
+export const colors_yellow_200 = t("#fef08a", "var(--colors-yellow-200)");
+export const colors_yellow_300 = t("#fde047", "var(--colors-yellow-300)");
+export const colors_yellow_400 = t("#facc15", "var(--colors-yellow-400)");
+export const colors_yellow_500 = t("#eab308", "var(--colors-yellow-500)");
+export const colors_yellow_600 = t("#ca8a04", "var(--colors-yellow-600)");
+export const colors_yellow_700 = t("#a16207", "var(--colors-yellow-700)");
+export const colors_yellow_800 = t("#854d0e", "var(--colors-yellow-800)");
+export const colors_yellow_900 = t("#713f12", "var(--colors-yellow-900)");
+export const colors_yellow_950 = t("#422006", "var(--colors-yellow-950)");
+export const colors_amber_50 = t("#fffbeb", "var(--colors-amber-50)");
+export const colors_amber_100 = t("#fef3c7", "var(--colors-amber-100)");
+export const colors_amber_200 = t("#fde68a", "var(--colors-amber-200)");
+export const colors_amber_300 = t("#fcd34d", "var(--colors-amber-300)");
+export const colors_amber_400 = t("#fbbf24", "var(--colors-amber-400)");
+export const colors_amber_500 = t("#f59e0b", "var(--colors-amber-500)");
+export const colors_amber_600 = t("#d97706", "var(--colors-amber-600)");
+export const colors_amber_700 = t("#b45309", "var(--colors-amber-700)");
+export const colors_amber_800 = t("#92400e", "var(--colors-amber-800)");
+export const colors_amber_900 = t("#78350f", "var(--colors-amber-900)");
+export const colors_amber_950 = t("#451a03", "var(--colors-amber-950)");
+export const colors_orange_50 = t("#fff7ed", "var(--colors-orange-50)");
+export const colors_orange_100 = t("#ffedd5", "var(--colors-orange-100)");
+export const colors_orange_200 = t("#fed7aa", "var(--colors-orange-200)");
+export const colors_orange_300 = t("#fdba74", "var(--colors-orange-300)");
+export const colors_orange_400 = t("#fb923c", "var(--colors-orange-400)");
+export const colors_orange_500 = t("#f97316", "var(--colors-orange-500)");
+export const colors_orange_600 = t("#ea580c", "var(--colors-orange-600)");
+export const colors_orange_700 = t("#c2410c", "var(--colors-orange-700)");
+export const colors_orange_800 = t("#9a3412", "var(--colors-orange-800)");
+export const colors_orange_900 = t("#7c2d12", "var(--colors-orange-900)");
+export const colors_orange_950 = t("#431407", "var(--colors-orange-950)");
+export const colors_red_50 = t("#fef2f2", "var(--colors-red-50)");
+export const colors_red_100 = t("#fee2e2", "var(--colors-red-100)");
+export const colors_red_200 = t("#fecaca", "var(--colors-red-200)");
+export const colors_red_300 = t("#fca5a5", "var(--colors-red-300)");
+export const colors_red_400 = t("#f87171", "var(--colors-red-400)");
+export const colors_red_500 = t("#ef4444", "var(--colors-red-500)");
+export const colors_red_600 = t("#dc2626", "var(--colors-red-600)");
+export const colors_red_700 = t("#b91c1c", "var(--colors-red-700)");
+export const colors_red_800 = t("#991b1b", "var(--colors-red-800)");
+export const colors_red_900 = t("#7f1d1d", "var(--colors-red-900)");
+export const colors_red_950 = t("#450a0a", "var(--colors-red-950)");
+export const colors_stone_50 = t("#fafaf9", "var(--colors-stone-50)");
+export const colors_stone_100 = t("#f5f5f4", "var(--colors-stone-100)");
+export const colors_stone_200 = t("#e7e5e4", "var(--colors-stone-200)");
+export const colors_stone_300 = t("#d6d3d1", "var(--colors-stone-300)");
+export const colors_stone_400 = t("#a8a29e", "var(--colors-stone-400)");
+export const colors_stone_500 = t("#78716c", "var(--colors-stone-500)");
+export const colors_stone_600 = t("#57534e", "var(--colors-stone-600)");
+export const colors_stone_700 = t("#44403c", "var(--colors-stone-700)");
+export const colors_stone_800 = t("#292524", "var(--colors-stone-800)");
+export const colors_stone_900 = t("#1c1917", "var(--colors-stone-900)");
+export const colors_stone_950 = t("#0c0a09", "var(--colors-stone-950)");
+export const colors_zinc_50 = t("#fafafa", "var(--colors-zinc-50)");
+export const colors_zinc_100 = t("#f4f4f5", "var(--colors-zinc-100)");
+export const colors_zinc_200 = t("#e4e4e7", "var(--colors-zinc-200)");
+export const colors_zinc_300 = t("#d4d4d8", "var(--colors-zinc-300)");
+export const colors_zinc_400 = t("#a1a1aa", "var(--colors-zinc-400)");
+export const colors_zinc_500 = t("#71717a", "var(--colors-zinc-500)");
+export const colors_zinc_600 = t("#52525b", "var(--colors-zinc-600)");
+export const colors_zinc_700 = t("#3f3f46", "var(--colors-zinc-700)");
+export const colors_zinc_800 = t("#27272a", "var(--colors-zinc-800)");
+export const colors_zinc_900 = t("#18181b", "var(--colors-zinc-900)");
+export const colors_zinc_950 = t("#09090b", "var(--colors-zinc-950)");
+export const colors_gray_50 = t("#f9fafb", "var(--colors-gray-50)");
+export const colors_gray_100 = t("#f3f4f6", "var(--colors-gray-100)");
+export const colors_gray_200 = t("#e5e7eb", "var(--colors-gray-200)");
+export const colors_gray_300 = t("#d1d5db", "var(--colors-gray-300)");
+export const colors_gray_400 = t("#9ca3af", "var(--colors-gray-400)");
+export const colors_gray_500 = t("#6b7280", "var(--colors-gray-500)");
+export const colors_gray_600 = t("#4b5563", "var(--colors-gray-600)");
+export const colors_gray_700 = t("#374151", "var(--colors-gray-700)");
+export const colors_gray_800 = t("#1f2937", "var(--colors-gray-800)");
+export const colors_gray_900 = t("#111827", "var(--colors-gray-900)");
+export const colors_gray_950 = t("#030712", "var(--colors-gray-950)");
+export const colors_slate_50 = t("#f8fafc", "var(--colors-slate-50)");
+export const colors_slate_100 = t("#f1f5f9", "var(--colors-slate-100)");
+export const colors_slate_200 = t("#e2e8f0", "var(--colors-slate-200)");
+export const colors_slate_300 = t("#cbd5e1", "var(--colors-slate-300)");
+export const colors_slate_400 = t("#94a3b8", "var(--colors-slate-400)");
+export const colors_slate_500 = t("#64748b", "var(--colors-slate-500)");
+export const colors_slate_600 = t("#475569", "var(--colors-slate-600)");
+export const colors_slate_700 = t("#334155", "var(--colors-slate-700)");
+export const colors_slate_800 = t("#1e293b", "var(--colors-slate-800)");
+export const colors_slate_900 = t("#0f172a", "var(--colors-slate-900)");
+export const colors_slate_950 = t("#020617", "var(--colors-slate-950)");
+export const colors_neutral_50 = t("#fafafa", "var(--colors-neutral-50)");
+export const colors_neutral_100 = t("#f5f5f5", "var(--colors-neutral-100)");
+export const colors_neutral_200 = t("#e5e5e5", "var(--colors-neutral-200)");
+export const colors_neutral_300 = t("#d4d4d4", "var(--colors-neutral-300)");
+export const colors_neutral_400 = t("#a3a3a3", "var(--colors-neutral-400)");
+export const colors_neutral_500 = t("#737373", "var(--colors-neutral-500)");
+export const colors_neutral_600 = t("#525252", "var(--colors-neutral-600)");
+export const colors_neutral_700 = t("#404040", "var(--colors-neutral-700)");
+export const colors_neutral_800 = t("#262626", "var(--colors-neutral-800)");
+export const colors_neutral_900 = t("#171717", "var(--colors-neutral-900)");
+export const colors_neutral_950 = t("#0a0a0a", "var(--colors-neutral-950)");
+export const assets_check = t("url(\"data:image/svg+xml;utf8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%200H3V3H0V0Z%22%20fill%3D%22%23E1E1E1%22/%3E%3Cpath%20d%3D%22M3%200H6V3H3V0Z%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M3%203H6V6H3V3Z%22%20fill%3D%22%23E1E1E1%22/%3E%3Cpath%20d%3D%22M0%203H3V6H0V3Z%22%20fill%3D%22white%22/%3E%3C/svg%3E%0A\")", "var(--assets-check)");
+export const breakpoints_sm = t("640px", "var(--breakpoints-sm)");
+export const breakpoints_md = t("768px", "var(--breakpoints-md)");
+export const breakpoints_lg = t("1024px", "var(--breakpoints-lg)");
+export const breakpoints_xl = t("1280px", "var(--breakpoints-xl)");
+export const breakpoints_2xl = t("1536px", "var(--breakpoints-2xl)");
+export const shadows_inset = t("var(--shadows-inset)", "var(--shadows-inset)");
+export const colors_text = t("var(--colors-text)", "var(--colors-text)");
+export const colors_bg = t("var(--colors-bg)", "var(--colors-bg)");
+export const colors_card = t("var(--colors-card)", "var(--colors-card)");
+export const colors_border = t("var(--colors-border)", "var(--colors-border)");
+export const colors_accent = t("var(--colors-accent)", "var(--colors-accent)");
+export const spacing_n1 = t("calc(var(--spacing-1) * -1)", "var(--spacing-1)");
+export const spacing_n2 = t("calc(var(--spacing-2) * -1)", "var(--spacing-2)");
+export const spacing_n3 = t("calc(var(--spacing-3) * -1)", "var(--spacing-3)");
+export const spacing_n4 = t("calc(var(--spacing-4) * -1)", "var(--spacing-4)");
+export const spacing_n5 = t("calc(var(--spacing-5) * -1)", "var(--spacing-5)");
+export const spacing_n6 = t("calc(var(--spacing-6) * -1)", "var(--spacing-6)");
+export const spacing_n7 = t("calc(var(--spacing-7) * -1)", "var(--spacing-7)");
+export const spacing_n8 = t("calc(var(--spacing-8) * -1)", "var(--spacing-8)");
+export const spacing_n9 = t("calc(var(--spacing-9) * -1)", "var(--spacing-9)");
+export const spacing_n10 = t("calc(var(--spacing-10) * -1)", "var(--spacing-10)");
+export const spacing_n11 = t("calc(var(--spacing-11) * -1)", "var(--spacing-11)");
+export const spacing_n12 = t("calc(var(--spacing-12) * -1)", "var(--spacing-12)");
+export const spacing_n14 = t("calc(var(--spacing-14) * -1)", "var(--spacing-14)");
+export const spacing_n16 = t("calc(var(--spacing-16) * -1)", "var(--spacing-16)");
+export const spacing_n20 = t("calc(var(--spacing-20) * -1)", "var(--spacing-20)");
+export const spacing_n24 = t("calc(var(--spacing-24) * -1)", "var(--spacing-24)");
+export const spacing_n28 = t("calc(var(--spacing-28) * -1)", "var(--spacing-28)");
+export const spacing_n32 = t("calc(var(--spacing-32) * -1)", "var(--spacing-32)");
+export const spacing_n36 = t("calc(var(--spacing-36) * -1)", "var(--spacing-36)");
+export const spacing_n40 = t("calc(var(--spacing-40) * -1)", "var(--spacing-40)");
+export const spacing_n44 = t("calc(var(--spacing-44) * -1)", "var(--spacing-44)");
+export const spacing_n48 = t("calc(var(--spacing-48) * -1)", "var(--spacing-48)");
+export const spacing_n52 = t("calc(var(--spacing-52) * -1)", "var(--spacing-52)");
+export const spacing_n56 = t("calc(var(--spacing-56) * -1)", "var(--spacing-56)");
+export const spacing_n60 = t("calc(var(--spacing-60) * -1)", "var(--spacing-60)");
+export const spacing_n64 = t("calc(var(--spacing-64) * -1)", "var(--spacing-64)");
+export const spacing_n72 = t("calc(var(--spacing-72) * -1)", "var(--spacing-72)");
+export const spacing_n80 = t("calc(var(--spacing-80) * -1)", "var(--spacing-80)");
+export const spacing_n96 = t("calc(var(--spacing-96) * -1)", "var(--spacing-96)");
+export const spacing_n0_5 = t("calc(var(--spacing-0\\.5) * -1)", "var(--spacing-0\\.5)");
+export const spacing_n1_5 = t("calc(var(--spacing-1\\.5) * -1)", "var(--spacing-1\\.5)");
+export const spacing_n2_5 = t("calc(var(--spacing-2\\.5) * -1)", "var(--spacing-2\\.5)");
+export const spacing_n3_5 = t("calc(var(--spacing-3\\.5) * -1)", "var(--spacing-3\\.5)");
+export const colors_colorPalette = t("var(--colors-color-palette)", "var(--colors-color-palette)");
+export const colors_colorPalette_50 = t("var(--colors-color-palette-50)", "var(--colors-color-palette-50)");
+export const colors_colorPalette_100 = t("var(--colors-color-palette-100)", "var(--colors-color-palette-100)");
+export const colors_colorPalette_200 = t("var(--colors-color-palette-200)", "var(--colors-color-palette-200)");
+export const colors_colorPalette_300 = t("var(--colors-color-palette-300)", "var(--colors-color-palette-300)");
+export const colors_colorPalette_400 = t("var(--colors-color-palette-400)", "var(--colors-color-palette-400)");
+export const colors_colorPalette_500 = t("var(--colors-color-palette-500)", "var(--colors-color-palette-500)");
+export const colors_colorPalette_600 = t("var(--colors-color-palette-600)", "var(--colors-color-palette-600)");
+export const colors_colorPalette_700 = t("var(--colors-color-palette-700)", "var(--colors-color-palette-700)");
+export const colors_colorPalette_800 = t("var(--colors-color-palette-800)", "var(--colors-color-palette-800)");
+export const colors_colorPalette_900 = t("var(--colors-color-palette-900)", "var(--colors-color-palette-900)");
+export const colors_colorPalette_950 = t("var(--colors-color-palette-950)", "var(--colors-color-palette-950)");
+
+export const $ = {};
+$["easings.in-out"] = t("cubic-bezier(0.4, 0, 0.2, 1)", "var(--easings-in-out)");
+$["sizes.breakpoint-sm"] = t("640px", "var(--sizes-breakpoint-sm)");
+$["sizes.breakpoint-md"] = t("768px", "var(--sizes-breakpoint-md)");
+$["sizes.breakpoint-lg"] = t("1024px", "var(--sizes-breakpoint-lg)");
+$["sizes.breakpoint-xl"] = t("1280px", "var(--sizes-breakpoint-xl)");
+$["sizes.breakpoint-2xl"] = t("1536px", "var(--sizes-breakpoint-2xl)");
\ No newline at end of file