npm - @luxonis/common-fe-components - Versions diffs - 1.18.0 → 1.18.2 - Mend

@luxonis/common-fe-components 1.18.0 → 1.18.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (383) hide show

package/dist/styled-system/tokens/index.mjs CHANGED Viewed

@@ -1,4 +1,28 @@
 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)"
+  },
   "letterSpacings.tighter": {
     "value": "-0.05em",
     "variable": "var(--letter-spacings-tighter)"
@@ -67,2189 +91,2189 @@ const tokens = {
     "value": "bounce 1s infinite",
     "variable": "var(--animations-bounce)"
   },
-  "fontSizes.2xs": {
-    "value": "0.5rem",
-    "variable": "var(--font-sizes-2xs)"
-  },
-  "fontSizes.2xl": {
-    "value": "1.5rem",
-    "variable": "var(--font-sizes-2xl)"
+  "colors.current": {
+    "value": "currentColor",
+    "variable": "var(--colors-current)"
   },
-  "fontSizes.3xl": {
-    "value": "1.875rem",
-    "variable": "var(--font-sizes-3xl)"
+  "colors.black": {
+    "value": "#000",
+    "variable": "var(--colors-black)"
   },
-  "fontSizes.4xl": {
-    "value": "2.25rem",
-    "variable": "var(--font-sizes-4xl)"
+  "colors.white": {
+    "value": "#fff",
+    "variable": "var(--colors-white)"
   },
-  "fontSizes.5xl": {
-    "value": "3rem",
-    "variable": "var(--font-sizes-5xl)"
+  "colors.transparent": {
+    "value": "rgb(0 0 0 / 0)",
+    "variable": "var(--colors-transparent)"
   },
-  "fontSizes.6xl": {
-    "value": "3.75rem",
-    "variable": "var(--font-sizes-6xl)"
+  "colors.rose.50": {
+    "value": "#fff1f2",
+    "variable": "var(--colors-rose-50)"
   },
-  "fontSizes.7xl": {
-    "value": "4.5rem",
-    "variable": "var(--font-sizes-7xl)"
+  "colors.rose.100": {
+    "value": "#ffe4e6",
+    "variable": "var(--colors-rose-100)"
   },
-  "fontSizes.8xl": {
-    "value": "6rem",
-    "variable": "var(--font-sizes-8xl)"
+  "colors.rose.200": {
+    "value": "#fecdd3",
+    "variable": "var(--colors-rose-200)"
   },
-  "fontSizes.9xl": {
-    "value": "8rem",
-    "variable": "var(--font-sizes-9xl)"
+  "colors.rose.300": {
+    "value": "#fda4af",
+    "variable": "var(--colors-rose-300)"
   },
-  "fontSizes.xxs": {
-    "value": "10px",
-    "variable": "var(--font-sizes-xxs)"
+  "colors.rose.400": {
+    "value": "#fb7185",
+    "variable": "var(--colors-rose-400)"
   },
-  "fontSizes.xs": {
-    "value": "12px",
-    "variable": "var(--font-sizes-xs)"
+  "colors.rose.500": {
+    "value": "#f43f5e",
+    "variable": "var(--colors-rose-500)"
   },
-  "fontSizes.sm": {
-    "value": "14px",
-    "variable": "var(--font-sizes-sm)"
+  "colors.rose.600": {
+    "value": "#e11d48",
+    "variable": "var(--colors-rose-600)"
   },
-  "fontSizes.primary": {
-    "value": "16px",
-    "variable": "var(--font-sizes-primary)"
+  "colors.rose.700": {
+    "value": "#be123c",
+    "variable": "var(--colors-rose-700)"
   },
-  "fontSizes.md": {
-    "value": "20px",
-    "variable": "var(--font-sizes-md)"
+  "colors.rose.800": {
+    "value": "#9f1239",
+    "variable": "var(--colors-rose-800)"
   },
-  "fontSizes.lg": {
-    "value": "24px",
-    "variable": "var(--font-sizes-lg)"
+  "colors.rose.900": {
+    "value": "#881337",
+    "variable": "var(--colors-rose-900)"
   },
-  "fontSizes.xl": {
-    "value": "32px",
-    "variable": "var(--font-sizes-xl)"
+  "colors.rose.950": {
+    "value": "#4c0519",
+    "variable": "var(--colors-rose-950)"
   },
-  "fontWeights.thin": {
-    "value": "100",
-    "variable": "var(--font-weights-thin)"
+  "colors.pink.50": {
+    "value": "#fdf2f8",
+    "variable": "var(--colors-pink-50)"
   },
-  "fontWeights.extralight": {
-    "value": "200",
-    "variable": "var(--font-weights-extralight)"
+  "colors.pink.100": {
+    "value": "#fce7f3",
+    "variable": "var(--colors-pink-100)"
   },
-  "fontWeights.light": {
-    "value": "300",
-    "variable": "var(--font-weights-light)"
+  "colors.pink.200": {
+    "value": "#fbcfe8",
+    "variable": "var(--colors-pink-200)"
   },
-  "fontWeights.normal": {
-    "value": "400",
-    "variable": "var(--font-weights-normal)"
+  "colors.pink.300": {
+    "value": "#f9a8d4",
+    "variable": "var(--colors-pink-300)"
   },
-  "fontWeights.medium": {
-    "value": "500",
-    "variable": "var(--font-weights-medium)"
+  "colors.pink.400": {
+    "value": "#f472b6",
+    "variable": "var(--colors-pink-400)"
   },
-  "fontWeights.semibold": {
-    "value": "600",
-    "variable": "var(--font-weights-semibold)"
+  "colors.pink.500": {
+    "value": "#ec4899",
+    "variable": "var(--colors-pink-500)"
   },
-  "fontWeights.bold": {
-    "value": "700",
-    "variable": "var(--font-weights-bold)"
+  "colors.pink.600": {
+    "value": "#db2777",
+    "variable": "var(--colors-pink-600)"
   },
-  "fontWeights.extrabold": {
-    "value": "800",
-    "variable": "var(--font-weights-extrabold)"
+  "colors.pink.700": {
+    "value": "#be185d",
+    "variable": "var(--colors-pink-700)"
   },
-  "fontWeights.black": {
-    "value": "900",
-    "variable": "var(--font-weights-black)"
+  "colors.pink.800": {
+    "value": "#9d174d",
+    "variable": "var(--colors-pink-800)"
   },
-  "fontWeights.primary": {
-    "value": "400",
-    "variable": "var(--font-weights-primary)"
+  "colors.pink.900": {
+    "value": "#831843",
+    "variable": "var(--colors-pink-900)"
   },
-  "fontWeights.md": {
-    "value": "500",
-    "variable": "var(--font-weights-md)"
+  "colors.pink.950": {
+    "value": "#500724",
+    "variable": "var(--colors-pink-950)"
   },
-  "fontWeights.lg": {
-    "value": "600",
-    "variable": "var(--font-weights-lg)"
+  "colors.fuchsia.50": {
+    "value": "#fdf4ff",
+    "variable": "var(--colors-fuchsia-50)"
   },
-  "fontWeights.xl": {
-    "value": "800",
-    "variable": "var(--font-weights-xl)"
+  "colors.fuchsia.100": {
+    "value": "#fae8ff",
+    "variable": "var(--colors-fuchsia-100)"
   },
-  "sizes.0": {
-    "value": "0rem",
-    "variable": "var(--sizes-0)"
+  "colors.fuchsia.200": {
+    "value": "#f5d0fe",
+    "variable": "var(--colors-fuchsia-200)"
   },
-  "sizes.1": {
-    "value": "0.25rem",
-    "variable": "var(--sizes-1)"
+  "colors.fuchsia.300": {
+    "value": "#f0abfc",
+    "variable": "var(--colors-fuchsia-300)"
   },
-  "sizes.2": {
-    "value": "0.5rem",
-    "variable": "var(--sizes-2)"
+  "colors.fuchsia.400": {
+    "value": "#e879f9",
+    "variable": "var(--colors-fuchsia-400)"
   },
-  "sizes.3": {
-    "value": "0.75rem",
-    "variable": "var(--sizes-3)"
+  "colors.fuchsia.500": {
+    "value": "#d946ef",
+    "variable": "var(--colors-fuchsia-500)"
   },
-  "sizes.4": {
-    "value": "1rem",
-    "variable": "var(--sizes-4)"
+  "colors.fuchsia.600": {
+    "value": "#c026d3",
+    "variable": "var(--colors-fuchsia-600)"
   },
-  "sizes.5": {
-    "value": "1.25rem",
-    "variable": "var(--sizes-5)"
+  "colors.fuchsia.700": {
+    "value": "#a21caf",
+    "variable": "var(--colors-fuchsia-700)"
   },
-  "sizes.6": {
-    "value": "1.5rem",
-    "variable": "var(--sizes-6)"
+  "colors.fuchsia.800": {
+    "value": "#86198f",
+    "variable": "var(--colors-fuchsia-800)"
   },
-  "sizes.7": {
-    "value": "1.75rem",
-    "variable": "var(--sizes-7)"
+  "colors.fuchsia.900": {
+    "value": "#701a75",
+    "variable": "var(--colors-fuchsia-900)"
   },
-  "sizes.8": {
-    "value": "2rem",
-    "variable": "var(--sizes-8)"
+  "colors.fuchsia.950": {
+    "value": "#4a044e",
+    "variable": "var(--colors-fuchsia-950)"
   },
-  "sizes.9": {
-    "value": "2.25rem",
-    "variable": "var(--sizes-9)"
+  "colors.purple.50": {
+    "value": "#faf5ff",
+    "variable": "var(--colors-purple-50)"
   },
-  "sizes.10": {
-    "value": "2.5rem",
-    "variable": "var(--sizes-10)"
+  "colors.purple.100": {
+    "value": "#f3e8ff",
+    "variable": "var(--colors-purple-100)"
   },
-  "sizes.11": {
-    "value": "2.75rem",
-    "variable": "var(--sizes-11)"
+  "colors.purple.200": {
+    "value": "#e9d5ff",
+    "variable": "var(--colors-purple-200)"
   },
-  "sizes.12": {
-    "value": "3rem",
-    "variable": "var(--sizes-12)"
+  "colors.purple.300": {
+    "value": "#d8b4fe",
+    "variable": "var(--colors-purple-300)"
   },
-  "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)"
+  "colors.purple.400": {
+    "value": "#c084fc",
+    "variable": "var(--colors-purple-400)"
   },
-  "sizes.48": {
-    "value": "12rem",
-    "variable": "var(--sizes-48)"
+  "colors.purple.500": {
+    "value": "#a855f7",
+    "variable": "var(--colors-purple-500)"
   },
-  "sizes.52": {
-    "value": "13rem",
-    "variable": "var(--sizes-52)"
+  "colors.purple.600": {
+    "value": "#9333ea",
+    "variable": "var(--colors-purple-600)"
   },
-  "sizes.56": {
-    "value": "14rem",
-    "variable": "var(--sizes-56)"
+  "colors.purple.700": {
+    "value": "#7e22ce",
+    "variable": "var(--colors-purple-700)"
   },
-  "sizes.60": {
-    "value": "15rem",
-    "variable": "var(--sizes-60)"
+  "colors.purple.800": {
+    "value": "#6b21a8",
+    "variable": "var(--colors-purple-800)"
   },
-  "sizes.64": {
-    "value": "16rem",
-    "variable": "var(--sizes-64)"
+  "colors.purple.900": {
+    "value": "#581c87",
+    "variable": "var(--colors-purple-900)"
   },
-  "sizes.72": {
-    "value": "18rem",
-    "variable": "var(--sizes-72)"
+  "colors.purple.950": {
+    "value": "#3b0764",
+    "variable": "var(--colors-purple-950)"
   },
-  "sizes.80": {
-    "value": "20rem",
-    "variable": "var(--sizes-80)"
+  "colors.violet.50": {
+    "value": "#f5f3ff",
+    "variable": "var(--colors-violet-50)"
   },
-  "sizes.96": {
-    "value": "24rem",
-    "variable": "var(--sizes-96)"
+  "colors.violet.100": {
+    "value": "#ede9fe",
+    "variable": "var(--colors-violet-100)"
   },
-  "sizes.0.5": {
-    "value": "0.125rem",
-    "variable": "var(--sizes-0\\.5)"
+  "colors.violet.200": {
+    "value": "#ddd6fe",
+    "variable": "var(--colors-violet-200)"
   },
-  "sizes.1.5": {
-    "value": "0.375rem",
-    "variable": "var(--sizes-1\\.5)"
+  "colors.violet.300": {
+    "value": "#c4b5fd",
+    "variable": "var(--colors-violet-300)"
   },
-  "sizes.2.5": {
-    "value": "0.625rem",
-    "variable": "var(--sizes-2\\.5)"
+  "colors.violet.400": {
+    "value": "#a78bfa",
+    "variable": "var(--colors-violet-400)"
   },
-  "sizes.3.5": {
-    "value": "0.875rem",
-    "variable": "var(--sizes-3\\.5)"
+  "colors.violet.500": {
+    "value": "#8b5cf6",
+    "variable": "var(--colors-violet-500)"
   },
-  "sizes.xs": {
-    "value": "20rem",
-    "variable": "var(--sizes-xs)"
+  "colors.violet.600": {
+    "value": "#7c3aed",
+    "variable": "var(--colors-violet-600)"
   },
-  "sizes.sm": {
-    "value": "24rem",
-    "variable": "var(--sizes-sm)"
+  "colors.violet.700": {
+    "value": "#6d28d9",
+    "variable": "var(--colors-violet-700)"
   },
-  "sizes.md": {
-    "value": "28rem",
-    "variable": "var(--sizes-md)"
+  "colors.violet.800": {
+    "value": "#5b21b6",
+    "variable": "var(--colors-violet-800)"
   },
-  "sizes.lg": {
-    "value": "32rem",
-    "variable": "var(--sizes-lg)"
+  "colors.violet.900": {
+    "value": "#4c1d95",
+    "variable": "var(--colors-violet-900)"
   },
-  "sizes.xl": {
-    "value": "36rem",
-    "variable": "var(--sizes-xl)"
+  "colors.violet.950": {
+    "value": "#2e1065",
+    "variable": "var(--colors-violet-950)"
   },
-  "sizes.2xl": {
-    "value": "42rem",
-    "variable": "var(--sizes-2xl)"
+  "colors.indigo.50": {
+    "value": "#eef2ff",
+    "variable": "var(--colors-indigo-50)"
   },
-  "sizes.3xl": {
-    "value": "48rem",
-    "variable": "var(--sizes-3xl)"
+  "colors.indigo.100": {
+    "value": "#e0e7ff",
+    "variable": "var(--colors-indigo-100)"
   },
-  "sizes.4xl": {
-    "value": "56rem",
-    "variable": "var(--sizes-4xl)"
+  "colors.indigo.200": {
+    "value": "#c7d2fe",
+    "variable": "var(--colors-indigo-200)"
   },
-  "sizes.5xl": {
-    "value": "64rem",
-    "variable": "var(--sizes-5xl)"
+  "colors.indigo.300": {
+    "value": "#a5b4fc",
+    "variable": "var(--colors-indigo-300)"
   },
-  "sizes.6xl": {
-    "value": "72rem",
-    "variable": "var(--sizes-6xl)"
+  "colors.indigo.400": {
+    "value": "#818cf8",
+    "variable": "var(--colors-indigo-400)"
   },
-  "sizes.7xl": {
-    "value": "80rem",
-    "variable": "var(--sizes-7xl)"
+  "colors.indigo.500": {
+    "value": "#6366f1",
+    "variable": "var(--colors-indigo-500)"
   },
-  "sizes.8xl": {
-    "value": "90rem",
-    "variable": "var(--sizes-8xl)"
+  "colors.indigo.600": {
+    "value": "#4f46e5",
+    "variable": "var(--colors-indigo-600)"
   },
-  "sizes.prose": {
-    "value": "65ch",
-    "variable": "var(--sizes-prose)"
+  "colors.indigo.700": {
+    "value": "#4338ca",
+    "variable": "var(--colors-indigo-700)"
   },
-  "sizes.full": {
-    "value": "100%",
-    "variable": "var(--sizes-full)"
+  "colors.indigo.800": {
+    "value": "#3730a3",
+    "variable": "var(--colors-indigo-800)"
   },
-  "sizes.min": {
-    "value": "min-content",
-    "variable": "var(--sizes-min)"
+  "colors.indigo.900": {
+    "value": "#312e81",
+    "variable": "var(--colors-indigo-900)"
   },
-  "sizes.max": {
-    "value": "max-content",
-    "variable": "var(--sizes-max)"
+  "colors.indigo.950": {
+    "value": "#1e1b4b",
+    "variable": "var(--colors-indigo-950)"
   },
-  "sizes.fit": {
-    "value": "fit-content",
-    "variable": "var(--sizes-fit)"
+  "colors.blue.50": {
+    "value": "#eff6ff",
+    "variable": "var(--colors-blue-50)"
   },
-  "sizes.basic.almost-full": {
-    "value": "90%",
-    "variable": "var(--sizes-basic-almost-full)"
+  "colors.blue.100": {
+    "value": "#dbeafe",
+    "variable": "var(--colors-blue-100)"
   },
-  "sizes.card.xs": {
-    "value": "175px",
-    "variable": "var(--sizes-card-xs)"
+  "colors.blue.200": {
+    "value": "#bfdbfe",
+    "variable": "var(--colors-blue-200)"
   },
-  "sizes.card.sm": {
-    "value": "414px",
-    "variable": "var(--sizes-card-sm)"
+  "colors.blue.300": {
+    "value": "#93c5fd",
+    "variable": "var(--colors-blue-300)"
   },
-  "sizes.responsive.card.xs": {
-    "value": "min(95vw,var(--sizes-card-xs))",
-    "variable": "var(--sizes-responsive-card-xs)"
+  "colors.blue.400": {
+    "value": "#60a5fa",
+    "variable": "var(--colors-blue-400)"
   },
-  "sizes.responsive.card.sm": {
-    "value": "min(95vw,var(--sizes-card-sm))",
-    "variable": "var(--sizes-responsive-card-sm)"
+  "colors.blue.500": {
+    "value": "#3b82f6",
+    "variable": "var(--colors-blue-500)"
   },
-  "sizes.circle": {
-    "value": "40px",
-    "variable": "var(--sizes-circle)"
+  "colors.blue.600": {
+    "value": "#2563eb",
+    "variable": "var(--colors-blue-600)"
   },
-  "sizes.container.smaller.xxxs": {
-    "value": "80px",
-    "variable": "var(--sizes-container-smaller-xxxs)"
+  "colors.blue.700": {
+    "value": "#1d4ed8",
+    "variable": "var(--colors-blue-700)"
   },
-  "sizes.container.smaller.xxs": {
-    "value": "120px",
-    "variable": "var(--sizes-container-smaller-xxs)"
+  "colors.blue.800": {
+    "value": "#1e40af",
+    "variable": "var(--colors-blue-800)"
   },
-  "sizes.container.smaller.xs": {
-    "value": "290px",
-    "variable": "var(--sizes-container-smaller-xs)"
+  "colors.blue.900": {
+    "value": "#1e3a8a",
+    "variable": "var(--colors-blue-900)"
   },
-  "sizes.container.smaller.sm": {
-    "value": "410px",
-    "variable": "var(--sizes-container-smaller-sm)"
+  "colors.blue.950": {
+    "value": "#172554",
+    "variable": "var(--colors-blue-950)"
   },
-  "sizes.container.bigger.xs": {
-    "value": "380px",
-    "variable": "var(--sizes-container-bigger-xs)"
+  "colors.sky.50": {
+    "value": "#f0f9ff",
+    "variable": "var(--colors-sky-50)"
   },
-  "sizes.container.xxs": {
-    "value": "150px",
-    "variable": "var(--sizes-container-xxs)"
+  "colors.sky.100": {
+    "value": "#e0f2fe",
+    "variable": "var(--colors-sky-100)"
   },
-  "sizes.container.xs": {
-    "value": "350px",
-    "variable": "var(--sizes-container-xs)"
+  "colors.sky.200": {
+    "value": "#bae6fd",
+    "variable": "var(--colors-sky-200)"
   },
-  "sizes.container.sm": {
-    "value": "640px",
-    "variable": "var(--sizes-container-sm)"
+  "colors.sky.300": {
+    "value": "#7dd3fc",
+    "variable": "var(--colors-sky-300)"
   },
-  "sizes.container.md": {
-    "value": "768px",
-    "variable": "var(--sizes-container-md)"
+  "colors.sky.400": {
+    "value": "#38bdf8",
+    "variable": "var(--colors-sky-400)"
   },
-  "sizes.container.lg": {
-    "value": "1024px",
-    "variable": "var(--sizes-container-lg)"
+  "colors.sky.500": {
+    "value": "#0ea5e9",
+    "variable": "var(--colors-sky-500)"
   },
-  "sizes.container.xl": {
-    "value": "1280px",
-    "variable": "var(--sizes-container-xl)"
+  "colors.sky.600": {
+    "value": "#0284c7",
+    "variable": "var(--colors-sky-600)"
   },
-  "sizes.container.xxl": {
-    "value": "1440px",
-    "variable": "var(--sizes-container-xxl)"
+  "colors.sky.700": {
+    "value": "#0369a1",
+    "variable": "var(--colors-sky-700)"
   },
-  "sizes.container.content-xl": {
-    "value": "729px",
-    "variable": "var(--sizes-container-content-xl)"
+  "colors.sky.800": {
+    "value": "#075985",
+    "variable": "var(--colors-sky-800)"
   },
-  "sizes.container.content-2xl": {
-    "value": "829px",
-    "variable": "var(--sizes-container-content-2xl)"
+  "colors.sky.900": {
+    "value": "#0c4a6e",
+    "variable": "var(--colors-sky-900)"
   },
-  "sizes.container.grid.base-size": {
-    "value": "220px",
-    "variable": "var(--sizes-container-grid-base-size)"
+  "colors.sky.950": {
+    "value": "#082f49",
+    "variable": "var(--colors-sky-950)"
   },
-  "sizes.container.grid.label-height": {
-    "value": "56px",
-    "variable": "var(--sizes-container-grid-label-height)"
+  "colors.cyan.50": {
+    "value": "#ecfeff",
+    "variable": "var(--colors-cyan-50)"
   },
-  "sizes.container.grid.grid-gap": {
-    "value": "28px",
-    "variable": "var(--sizes-container-grid-grid-gap)"
+  "colors.cyan.100": {
+    "value": "#cffafe",
+    "variable": "var(--colors-cyan-100)"
   },
-  "sizes.container.side-bar.collapsed": {
-    "value": "65px",
-    "variable": "var(--sizes-container-side-bar-collapsed)"
+  "colors.cyan.200": {
+    "value": "#a5f3fc",
+    "variable": "var(--colors-cyan-200)"
   },
-  "sizes.container.side-bar.expanded": {
-    "value": "210px",
-    "variable": "var(--sizes-container-side-bar-expanded)"
+  "colors.cyan.300": {
+    "value": "#67e8f9",
+    "variable": "var(--colors-cyan-300)"
   },
-  "sizes.table.cell.min-width": {
-    "value": "200px",
-    "variable": "var(--sizes-table-cell-min-width)"
+  "colors.cyan.400": {
+    "value": "#22d3ee",
+    "variable": "var(--colors-cyan-400)"
   },
-  "sizes.table.instances.name-cell": {
-    "value": "300px",
-    "variable": "var(--sizes-table-instances-name-cell)"
+  "colors.cyan.500": {
+    "value": "#06b6d4",
+    "variable": "var(--colors-cyan-500)"
   },
-  "sizes.table.instances.name": {
-    "value": "200px",
-    "variable": "var(--sizes-table-instances-name)"
+  "colors.cyan.600": {
+    "value": "#0891b2",
+    "variable": "var(--colors-cyan-600)"
   },
-  "sizes.table.instances.cell": {
-    "value": "180px",
-    "variable": "var(--sizes-table-instances-cell)"
+  "colors.cyan.700": {
+    "value": "#0e7490",
+    "variable": "var(--colors-cyan-700)"
   },
-  "sizes.sourcecode.width": {
-    "value": "40px",
-    "variable": "var(--sizes-sourcecode-width)"
+  "colors.cyan.800": {
+    "value": "#155e75",
+    "variable": "var(--colors-cyan-800)"
   },
-  "sizes.slider.label": {
-    "value": "40px",
-    "variable": "var(--sizes-slider-label)"
+  "colors.cyan.900": {
+    "value": "#164e63",
+    "variable": "var(--colors-cyan-900)"
   },
-  "sizes.slider.thumb.sm": {
-    "value": "16px",
-    "variable": "var(--sizes-slider-thumb-sm)"
+  "colors.cyan.950": {
+    "value": "#083344",
+    "variable": "var(--colors-cyan-950)"
   },
-  "sizes.slider.thumb.lg": {
-    "value": "20px",
-    "variable": "var(--sizes-slider-thumb-lg)"
+  "colors.teal.50": {
+    "value": "#f0fdfa",
+    "variable": "var(--colors-teal-50)"
   },
-  "sizes.skeleton.height": {
-    "value": "40px",
-    "variable": "var(--sizes-skeleton-height)"
+  "colors.teal.100": {
+    "value": "#ccfbf1",
+    "variable": "var(--colors-teal-100)"
   },
-  "sizes.skeleton.width": {
-    "value": "full",
-    "variable": "var(--sizes-skeleton-width)"
+  "colors.teal.200": {
+    "value": "#99f6e4",
+    "variable": "var(--colors-teal-200)"
   },
-  "sizes.skeleton.button.width": {
-    "value": "150px",
-    "variable": "var(--sizes-skeleton-button-width)"
+  "colors.teal.300": {
+    "value": "#5eead4",
+    "variable": "var(--colors-teal-300)"
   },
-  "sizes.skeleton.button.height": {
-    "value": "var(--sizes-skeleton-height)",
-    "variable": "var(--sizes-skeleton-button-height)"
+  "colors.teal.400": {
+    "value": "#2dd4bf",
+    "variable": "var(--colors-teal-400)"
   },
-  "sizes.skeleton.input.width": {
-    "value": "230px",
-    "variable": "var(--sizes-skeleton-input-width)"
+  "colors.teal.500": {
+    "value": "#14b8a6",
+    "variable": "var(--colors-teal-500)"
   },
-  "sizes.skeleton.input.height": {
-    "value": "var(--sizes-skeleton-height)",
-    "variable": "var(--sizes-skeleton-input-height)"
+  "colors.teal.600": {
+    "value": "#0d9488",
+    "variable": "var(--colors-teal-600)"
   },
-  "sizes.skeleton.textarea.width": {
-    "value": "var(--sizes-skeleton-width)",
-    "variable": "var(--sizes-skeleton-textarea-width)"
+  "colors.teal.700": {
+    "value": "#0f766e",
+    "variable": "var(--colors-teal-700)"
   },
-  "sizes.skeleton.textarea.height": {
-    "value": "80px",
-    "variable": "var(--sizes-skeleton-textarea-height)"
+  "colors.teal.800": {
+    "value": "#115e59",
+    "variable": "var(--colors-teal-800)"
   },
-  "sizes.skeleton.avatar.width": {
-    "value": "var(--sizes-skeleton-height)",
-    "variable": "var(--sizes-skeleton-avatar-width)"
+  "colors.teal.900": {
+    "value": "#134e4a",
+    "variable": "var(--colors-teal-900)"
   },
-  "sizes.skeleton.avatar.height": {
-    "value": "var(--sizes-skeleton-height)",
-    "variable": "var(--sizes-skeleton-avatar-height)"
+  "colors.teal.950": {
+    "value": "#042f2e",
+    "variable": "var(--colors-teal-950)"
   },
-  "sizes.skeleton.grid.width.xs": {
-    "value": "32px",
-    "variable": "var(--sizes-skeleton-grid-width-xs)"
+  "colors.emerald.50": {
+    "value": "#ecfdf5",
+    "variable": "var(--colors-emerald-50)"
   },
-  "sizes.skeleton.grid.width.sm": {
-    "value": "64px",
-    "variable": "var(--sizes-skeleton-grid-width-sm)"
+  "colors.emerald.100": {
+    "value": "#d1fae5",
+    "variable": "var(--colors-emerald-100)"
   },
-  "sizes.skeleton.grid.width.md": {
-    "value": "128px",
-    "variable": "var(--sizes-skeleton-grid-width-md)"
+  "colors.emerald.200": {
+    "value": "#a7f3d0",
+    "variable": "var(--colors-emerald-200)"
   },
-  "sizes.skeleton.grid.width.lg": {
-    "value": "256px",
-    "variable": "var(--sizes-skeleton-grid-width-lg)"
+  "colors.emerald.300": {
+    "value": "#6ee7b7",
+    "variable": "var(--colors-emerald-300)"
   },
-  "sizes.skeleton.grid.width.xl": {
-    "value": "512px",
-    "variable": "var(--sizes-skeleton-grid-width-xl)"
+  "colors.emerald.400": {
+    "value": "#34d399",
+    "variable": "var(--colors-emerald-400)"
   },
-  "sizes.skeleton.grid.height.xs": {
-    "value": "32px",
-    "variable": "var(--sizes-skeleton-grid-height-xs)"
+  "colors.emerald.500": {
+    "value": "#10b981",
+    "variable": "var(--colors-emerald-500)"
   },
-  "sizes.skeleton.grid.height.sm": {
-    "value": "64px",
-    "variable": "var(--sizes-skeleton-grid-height-sm)"
+  "colors.emerald.600": {
+    "value": "#059669",
+    "variable": "var(--colors-emerald-600)"
   },
-  "sizes.skeleton.grid.height.md": {
-    "value": "128px",
-    "variable": "var(--sizes-skeleton-grid-height-md)"
+  "colors.emerald.700": {
+    "value": "#047857",
+    "variable": "var(--colors-emerald-700)"
   },
-  "sizes.skeleton.grid.height.lg": {
-    "value": "256px",
-    "variable": "var(--sizes-skeleton-grid-height-lg)"
+  "colors.emerald.800": {
+    "value": "#065f46",
+    "variable": "var(--colors-emerald-800)"
   },
-  "sizes.skeleton.grid.height.xl": {
-    "value": "512px",
-    "variable": "var(--sizes-skeleton-grid-height-xl)"
+  "colors.emerald.900": {
+    "value": "#064e3b",
+    "variable": "var(--colors-emerald-900)"
+  },
+  "colors.emerald.950": {
+    "value": "#022c22",
+    "variable": "var(--colors-emerald-950)"
   },
-  "sizes.skeleton.table.height.sm": {
-    "value": "32px",
-    "variable": "var(--sizes-skeleton-table-height-sm)"
+  "colors.green.50": {
+    "value": "#f0fdf4",
+    "variable": "var(--colors-green-50)"
   },
-  "sizes.skeleton.table.height.md": {
-    "value": "64px",
-    "variable": "var(--sizes-skeleton-table-height-md)"
+  "colors.green.100": {
+    "value": "#dcfce7",
+    "variable": "var(--colors-green-100)"
   },
-  "sizes.skeleton.table.height.lg": {
-    "value": "128px",
-    "variable": "var(--sizes-skeleton-table-height-lg)"
+  "colors.green.200": {
+    "value": "#bbf7d0",
+    "variable": "var(--colors-green-200)"
   },
-  "sizes.skeleton.table.height.xl": {
-    "value": "256px",
-    "variable": "var(--sizes-skeleton-table-height-xl)"
+  "colors.green.300": {
+    "value": "#86efac",
+    "variable": "var(--colors-green-300)"
   },
-  "sizes.icon.xxs": {
-    "value": "8px",
-    "variable": "var(--sizes-icon-xxs)"
+  "colors.green.400": {
+    "value": "#4ade80",
+    "variable": "var(--colors-green-400)"
   },
-  "sizes.icon.xs": {
-    "value": "16px",
-    "variable": "var(--sizes-icon-xs)"
+  "colors.green.500": {
+    "value": "#22c55e",
+    "variable": "var(--colors-green-500)"
   },
-  "sizes.icon.sm": {
-    "value": "20px",
-    "variable": "var(--sizes-icon-sm)"
+  "colors.green.600": {
+    "value": "#16a34a",
+    "variable": "var(--colors-green-600)"
   },
-  "sizes.icon.md": {
-    "value": "24px",
-    "variable": "var(--sizes-icon-md)"
+  "colors.green.700": {
+    "value": "#15803d",
+    "variable": "var(--colors-green-700)"
   },
-  "sizes.icon.lg": {
-    "value": "32px",
-    "variable": "var(--sizes-icon-lg)"
+  "colors.green.800": {
+    "value": "#166534",
+    "variable": "var(--colors-green-800)"
   },
-  "sizes.icon.xl": {
-    "value": "40px",
-    "variable": "var(--sizes-icon-xl)"
+  "colors.green.900": {
+    "value": "#14532d",
+    "variable": "var(--colors-green-900)"
   },
-  "sizes.icon.xxl": {
-    "value": "48px",
-    "variable": "var(--sizes-icon-xxl)"
+  "colors.green.950": {
+    "value": "#052e16",
+    "variable": "var(--colors-green-950)"
   },
-  "sizes.icon.smaller.xs": {
-    "value": "14px",
-    "variable": "var(--sizes-icon-smaller-xs)"
+  "colors.lime.50": {
+    "value": "#f7fee7",
+    "variable": "var(--colors-lime-50)"
   },
-  "sizes.breakpoint-2lg": {
-    "value": "1100px",
-    "variable": "var(--sizes-breakpoint-2lg)"
+  "colors.lime.100": {
+    "value": "#ecfccb",
+    "variable": "var(--colors-lime-100)"
   },
-  "sizes.breakpoint-sm": {
-    "value": "640px",
-    "variable": "var(--sizes-breakpoint-sm)"
+  "colors.lime.200": {
+    "value": "#d9f99d",
+    "variable": "var(--colors-lime-200)"
   },
-  "sizes.breakpoint-md": {
-    "value": "768px",
-    "variable": "var(--sizes-breakpoint-md)"
+  "colors.lime.300": {
+    "value": "#bef264",
+    "variable": "var(--colors-lime-300)"
   },
-  "sizes.breakpoint-lg": {
-    "value": "1024px",
-    "variable": "var(--sizes-breakpoint-lg)"
+  "colors.lime.400": {
+    "value": "#a3e635",
+    "variable": "var(--colors-lime-400)"
   },
-  "sizes.breakpoint-xl": {
-    "value": "1280px",
-    "variable": "var(--sizes-breakpoint-xl)"
+  "colors.lime.500": {
+    "value": "#84cc16",
+    "variable": "var(--colors-lime-500)"
   },
-  "sizes.breakpoint-2xl": {
-    "value": "1536px",
-    "variable": "var(--sizes-breakpoint-2xl)"
+  "colors.lime.600": {
+    "value": "#65a30d",
+    "variable": "var(--colors-lime-600)"
   },
-  "spacing.0": {
-    "value": "0rem",
-    "variable": "var(--spacing-0)"
+  "colors.lime.700": {
+    "value": "#4d7c0f",
+    "variable": "var(--colors-lime-700)"
   },
-  "spacing.1": {
-    "value": "0.25rem",
-    "variable": "var(--spacing-1)"
+  "colors.lime.800": {
+    "value": "#3f6212",
+    "variable": "var(--colors-lime-800)"
   },
-  "spacing.2": {
-    "value": "0.5rem",
-    "variable": "var(--spacing-2)"
+  "colors.lime.900": {
+    "value": "#365314",
+    "variable": "var(--colors-lime-900)"
   },
-  "spacing.3": {
-    "value": "0.75rem",
-    "variable": "var(--spacing-3)"
+  "colors.lime.950": {
+    "value": "#1a2e05",
+    "variable": "var(--colors-lime-950)"
   },
-  "spacing.4": {
-    "value": "1rem",
-    "variable": "var(--spacing-4)"
+  "colors.yellow.50": {
+    "value": "#fefce8",
+    "variable": "var(--colors-yellow-50)"
   },
-  "spacing.5": {
-    "value": "1.25rem",
-    "variable": "var(--spacing-5)"
+  "colors.yellow.100": {
+    "value": "#fef9c3",
+    "variable": "var(--colors-yellow-100)"
   },
-  "spacing.6": {
-    "value": "1.5rem",
-    "variable": "var(--spacing-6)"
+  "colors.yellow.200": {
+    "value": "#fef08a",
+    "variable": "var(--colors-yellow-200)"
   },
-  "spacing.7": {
-    "value": "1.75rem",
-    "variable": "var(--spacing-7)"
+  "colors.yellow.300": {
+    "value": "#fde047",
+    "variable": "var(--colors-yellow-300)"
   },
-  "spacing.8": {
-    "value": "2rem",
-    "variable": "var(--spacing-8)"
+  "colors.yellow.400": {
+    "value": "#facc15",
+    "variable": "var(--colors-yellow-400)"
   },
-  "spacing.9": {
-    "value": "2.25rem",
-    "variable": "var(--spacing-9)"
+  "colors.yellow.500": {
+    "value": "#eab308",
+    "variable": "var(--colors-yellow-500)"
   },
-  "spacing.10": {
-    "value": "2.5rem",
-    "variable": "var(--spacing-10)"
+  "colors.yellow.600": {
+    "value": "#ca8a04",
+    "variable": "var(--colors-yellow-600)"
   },
-  "spacing.11": {
-    "value": "2.75rem",
-    "variable": "var(--spacing-11)"
+  "colors.yellow.700": {
+    "value": "#a16207",
+    "variable": "var(--colors-yellow-700)"
   },
-  "spacing.12": {
-    "value": "3rem",
-    "variable": "var(--spacing-12)"
+  "colors.yellow.800": {
+    "value": "#854d0e",
+    "variable": "var(--colors-yellow-800)"
   },
-  "spacing.14": {
-    "value": "3.5rem",
-    "variable": "var(--spacing-14)"
+  "colors.yellow.900": {
+    "value": "#713f12",
+    "variable": "var(--colors-yellow-900)"
   },
-  "spacing.16": {
-    "value": "4rem",
-    "variable": "var(--spacing-16)"
+  "colors.yellow.950": {
+    "value": "#422006",
+    "variable": "var(--colors-yellow-950)"
   },
-  "spacing.20": {
-    "value": "5rem",
-    "variable": "var(--spacing-20)"
+  "colors.amber.50": {
+    "value": "#fffbeb",
+    "variable": "var(--colors-amber-50)"
   },
-  "spacing.24": {
-    "value": "6rem",
-    "variable": "var(--spacing-24)"
+  "colors.amber.100": {
+    "value": "#fef3c7",
+    "variable": "var(--colors-amber-100)"
   },
-  "spacing.28": {
-    "value": "7rem",
-    "variable": "var(--spacing-28)"
+  "colors.amber.200": {
+    "value": "#fde68a",
+    "variable": "var(--colors-amber-200)"
   },
-  "spacing.32": {
-    "value": "8rem",
-    "variable": "var(--spacing-32)"
+  "colors.amber.300": {
+    "value": "#fcd34d",
+    "variable": "var(--colors-amber-300)"
   },
-  "spacing.36": {
-    "value": "9rem",
-    "variable": "var(--spacing-36)"
+  "colors.amber.400": {
+    "value": "#fbbf24",
+    "variable": "var(--colors-amber-400)"
   },
-  "spacing.40": {
-    "value": "10rem",
-    "variable": "var(--spacing-40)"
+  "colors.amber.500": {
+    "value": "#f59e0b",
+    "variable": "var(--colors-amber-500)"
   },
-  "spacing.44": {
-    "value": "11rem",
-    "variable": "var(--spacing-44)"
+  "colors.amber.600": {
+    "value": "#d97706",
+    "variable": "var(--colors-amber-600)"
   },
-  "spacing.48": {
-    "value": "12rem",
-    "variable": "var(--spacing-48)"
+  "colors.amber.700": {
+    "value": "#b45309",
+    "variable": "var(--colors-amber-700)"
   },
-  "spacing.52": {
-    "value": "13rem",
-    "variable": "var(--spacing-52)"
+  "colors.amber.800": {
+    "value": "#92400e",
+    "variable": "var(--colors-amber-800)"
+  },
+  "colors.amber.900": {
+    "value": "#78350f",
+    "variable": "var(--colors-amber-900)"
   },
-  "spacing.56": {
-    "value": "14rem",
-    "variable": "var(--spacing-56)"
+  "colors.amber.950": {
+    "value": "#451a03",
+    "variable": "var(--colors-amber-950)"
   },
-  "spacing.60": {
-    "value": "15rem",
-    "variable": "var(--spacing-60)"
+  "colors.orange.50": {
+    "value": "#fff7ed",
+    "variable": "var(--colors-orange-50)"
   },
-  "spacing.64": {
-    "value": "16rem",
-    "variable": "var(--spacing-64)"
+  "colors.orange.100": {
+    "value": "#ffedd5",
+    "variable": "var(--colors-orange-100)"
   },
-  "spacing.72": {
-    "value": "18rem",
-    "variable": "var(--spacing-72)"
+  "colors.orange.200": {
+    "value": "#fed7aa",
+    "variable": "var(--colors-orange-200)"
   },
-  "spacing.80": {
-    "value": "20rem",
-    "variable": "var(--spacing-80)"
+  "colors.orange.300": {
+    "value": "#fdba74",
+    "variable": "var(--colors-orange-300)"
   },
-  "spacing.96": {
-    "value": "24rem",
-    "variable": "var(--spacing-96)"
+  "colors.orange.400": {
+    "value": "#fb923c",
+    "variable": "var(--colors-orange-400)"
   },
-  "spacing.0.5": {
-    "value": "0.125rem",
-    "variable": "var(--spacing-0\\.5)"
+  "colors.orange.500": {
+    "value": "#f97316",
+    "variable": "var(--colors-orange-500)"
   },
-  "spacing.1.5": {
-    "value": "0.375rem",
-    "variable": "var(--spacing-1\\.5)"
+  "colors.orange.600": {
+    "value": "#ea580c",
+    "variable": "var(--colors-orange-600)"
   },
-  "spacing.2.5": {
-    "value": "0.625rem",
-    "variable": "var(--spacing-2\\.5)"
+  "colors.orange.700": {
+    "value": "#c2410c",
+    "variable": "var(--colors-orange-700)"
   },
-  "spacing.3.5": {
-    "value": "0.875rem",
-    "variable": "var(--spacing-3\\.5)"
+  "colors.orange.800": {
+    "value": "#9a3412",
+    "variable": "var(--colors-orange-800)"
   },
-  "spacing.separator": {
-    "value": "10px",
-    "variable": "var(--spacing-separator)"
+  "colors.orange.900": {
+    "value": "#7c2d12",
+    "variable": "var(--colors-orange-900)"
   },
-  "spacing.smaller.xs": {
-    "value": "4px",
-    "variable": "var(--spacing-smaller-xs)"
+  "colors.orange.950": {
+    "value": "#431407",
+    "variable": "var(--colors-orange-950)"
   },
-  "spacing.smaller.sm": {
-    "value": "12px",
-    "variable": "var(--spacing-smaller-sm)"
+  "colors.red.50": {
+    "value": "#fef2f2",
+    "variable": "var(--colors-red-50)"
   },
-  "spacing.smaller.md": {
-    "value": "14px",
-    "variable": "var(--spacing-smaller-md)"
+  "colors.red.100": {
+    "value": "#fee2e2",
+    "variable": "var(--colors-red-100)"
   },
-  "spacing.xxs": {
-    "value": "6px",
-    "variable": "var(--spacing-xxs)"
+  "colors.red.200": {
+    "value": "#fecaca",
+    "variable": "var(--colors-red-200)"
   },
-  "spacing.xs": {
-    "value": "8px",
-    "variable": "var(--spacing-xs)"
+  "colors.red.300": {
+    "value": "#fca5a5",
+    "variable": "var(--colors-red-300)"
   },
-  "spacing.sm": {
-    "value": "16px",
-    "variable": "var(--spacing-sm)"
+  "colors.red.400": {
+    "value": "#f87171",
+    "variable": "var(--colors-red-400)"
   },
-  "spacing.3xs": {
-    "value": "24px",
-    "variable": "var(--spacing-3xs)"
+  "colors.red.500": {
+    "value": "#ef4444",
+    "variable": "var(--colors-red-500)"
   },
-  "spacing.md": {
-    "value": "32px",
-    "variable": "var(--spacing-md)"
+  "colors.red.600": {
+    "value": "#dc2626",
+    "variable": "var(--colors-red-600)"
   },
-  "spacing.lg": {
-    "value": "64px",
-    "variable": "var(--spacing-lg)"
+  "colors.red.700": {
+    "value": "#b91c1c",
+    "variable": "var(--colors-red-700)"
   },
-  "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)"
+  "colors.red.800": {
+    "value": "#991b1b",
+    "variable": "var(--colors-red-800)"
   },
-  "shadows.2xl": {
-    "value": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
-    "variable": "var(--shadows-2xl)"
+  "colors.red.900": {
+    "value": "#7f1d1d",
+    "variable": "var(--colors-red-900)"
   },
-  "shadows.inner": {
-    "value": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
-    "variable": "var(--shadows-inner)"
+  "colors.red.950": {
+    "value": "#450a0a",
+    "variable": "var(--colors-red-950)"
   },
-  "shadows.xs": {
-    "value": "0px 1px 2px rgba(16, 24, 40, 0.05)",
-    "variable": "var(--shadows-xs)"
+  "colors.neutral.50": {
+    "value": "#fafafa",
+    "variable": "var(--colors-neutral-50)"
   },
-  "shadows.sm": {
-    "value": "0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06)",
-    "variable": "var(--shadows-sm)"
+  "colors.neutral.100": {
+    "value": "#f5f5f5",
+    "variable": "var(--colors-neutral-100)"
   },
-  "shadows.md": {
-    "value": "0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06)",
-    "variable": "var(--shadows-md)"
+  "colors.neutral.200": {
+    "value": "#e5e5e5",
+    "variable": "var(--colors-neutral-200)"
   },
-  "shadows.lg": {
-    "value": "0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03)",
-    "variable": "var(--shadows-lg)"
+  "colors.neutral.300": {
+    "value": "#d4d4d4",
+    "variable": "var(--colors-neutral-300)"
   },
-  "borders.none": {
-    "value": "none",
-    "variable": "var(--borders-none)"
+  "colors.neutral.400": {
+    "value": "#a3a3a3",
+    "variable": "var(--colors-neutral-400)"
   },
-  "borders.outline.base": {
-    "value": "1px solid var(--colors-light-gray)",
-    "variable": "var(--borders-outline-base)"
+  "colors.neutral.500": {
+    "value": "#737373",
+    "variable": "var(--colors-neutral-500)"
   },
-  "borders.border.base": {
-    "value": "1px solid var(--colors-decoration-gray)",
-    "variable": "var(--borders-border-base)"
+  "colors.neutral.600": {
+    "value": "#525252",
+    "variable": "var(--colors-neutral-600)"
   },
-  "borders.border.error": {
-    "value": "1px solid var(--colors-decoration-error)",
-    "variable": "var(--borders-border-error)"
+  "colors.neutral.700": {
+    "value": "#404040",
+    "variable": "var(--colors-neutral-700)"
   },
-  "borders.border.success": {
-    "value": "1px solid var(--colors-decoration-success)",
-    "variable": "var(--borders-border-success)"
+  "colors.neutral.800": {
+    "value": "#262626",
+    "variable": "var(--colors-neutral-800)"
   },
-  "borders.border.active": {
-    "value": "1px solid var(--colors-decoration-active)",
-    "variable": "var(--borders-border-active)"
+  "colors.neutral.900": {
+    "value": "#171717",
+    "variable": "var(--colors-neutral-900)"
   },
-  "opacity.90": {
-    "value": 0.9,
-    "variable": "var(--opacity-90)"
+  "colors.neutral.950": {
+    "value": "#0a0a0a",
+    "variable": "var(--colors-neutral-950)"
   },
-  "easings.default": {
-    "value": "cubic-bezier(0.4, 0, 0.2, 1)",
-    "variable": "var(--easings-default)"
+  "colors.stone.50": {
+    "value": "#fafaf9",
+    "variable": "var(--colors-stone-50)"
   },
-  "easings.linear": {
-    "value": "linear",
-    "variable": "var(--easings-linear)"
+  "colors.stone.100": {
+    "value": "#f5f5f4",
+    "variable": "var(--colors-stone-100)"
   },
-  "easings.in": {
-    "value": "cubic-bezier(0.4, 0, 1, 1)",
-    "variable": "var(--easings-in)"
+  "colors.stone.200": {
+    "value": "#e7e5e4",
+    "variable": "var(--colors-stone-200)"
   },
-  "easings.out": {
-    "value": "cubic-bezier(0, 0, 0.2, 1)",
-    "variable": "var(--easings-out)"
+  "colors.stone.300": {
+    "value": "#d6d3d1",
+    "variable": "var(--colors-stone-300)"
   },
-  "easings.in-out": {
-    "value": "cubic-bezier(0.4, 0, 0.2, 1)",
-    "variable": "var(--easings-in-out)"
+  "colors.stone.400": {
+    "value": "#a8a29e",
+    "variable": "var(--colors-stone-400)"
   },
-  "easings.easeInOut": {
-    "value": "cubic-bezier(0.4, 0, 0.2, 1)",
-    "variable": "var(--easings-ease-in-out)"
+  "colors.stone.500": {
+    "value": "#78716c",
+    "variable": "var(--colors-stone-500)"
   },
-  "durations.fastest": {
-    "value": "50ms",
-    "variable": "var(--durations-fastest)"
+  "colors.stone.600": {
+    "value": "#57534e",
+    "variable": "var(--colors-stone-600)"
   },
-  "durations.faster": {
-    "value": "100ms",
-    "variable": "var(--durations-faster)"
+  "colors.stone.700": {
+    "value": "#44403c",
+    "variable": "var(--colors-stone-700)"
+  },
+  "colors.stone.800": {
+    "value": "#292524",
+    "variable": "var(--colors-stone-800)"
   },
-  "durations.normal": {
-    "value": "200ms",
-    "variable": "var(--durations-normal)"
+  "colors.stone.900": {
+    "value": "#1c1917",
+    "variable": "var(--colors-stone-900)"
   },
-  "durations.slow": {
-    "value": "300ms",
-    "variable": "var(--durations-slow)"
+  "colors.stone.950": {
+    "value": "#0c0a09",
+    "variable": "var(--colors-stone-950)"
   },
-  "durations.slower": {
-    "value": "400ms",
-    "variable": "var(--durations-slower)"
+  "colors.zinc.50": {
+    "value": "#fafafa",
+    "variable": "var(--colors-zinc-50)"
   },
-  "durations.slowest": {
-    "value": "500ms",
-    "variable": "var(--durations-slowest)"
+  "colors.zinc.100": {
+    "value": "#f4f4f5",
+    "variable": "var(--colors-zinc-100)"
   },
-  "durations.fast": {
-    "value": "150ms",
-    "variable": "var(--durations-fast)"
+  "colors.zinc.200": {
+    "value": "#e4e4e7",
+    "variable": "var(--colors-zinc-200)"
   },
-  "colors.current": {
-    "value": "currentColor",
-    "variable": "var(--colors-current)"
+  "colors.zinc.300": {
+    "value": "#d4d4d8",
+    "variable": "var(--colors-zinc-300)"
   },
-  "colors.black": {
-    "value": "#000",
-    "variable": "var(--colors-black)"
+  "colors.zinc.400": {
+    "value": "#a1a1aa",
+    "variable": "var(--colors-zinc-400)"
   },
-  "colors.white": {
-    "value": "#fff",
-    "variable": "var(--colors-white)"
+  "colors.zinc.500": {
+    "value": "#71717a",
+    "variable": "var(--colors-zinc-500)"
   },
-  "colors.transparent": {
-    "value": "rgb(0 0 0 / 0)",
-    "variable": "var(--colors-transparent)"
+  "colors.zinc.600": {
+    "value": "#52525b",
+    "variable": "var(--colors-zinc-600)"
   },
-  "colors.rose.50": {
-    "value": "#fff1f2",
-    "variable": "var(--colors-rose-50)"
+  "colors.zinc.700": {
+    "value": "#3f3f46",
+    "variable": "var(--colors-zinc-700)"
   },
-  "colors.rose.100": {
-    "value": "#ffe4e6",
-    "variable": "var(--colors-rose-100)"
+  "colors.zinc.800": {
+    "value": "#27272a",
+    "variable": "var(--colors-zinc-800)"
   },
-  "colors.rose.200": {
-    "value": "#fecdd3",
-    "variable": "var(--colors-rose-200)"
+  "colors.zinc.900": {
+    "value": "#18181b",
+    "variable": "var(--colors-zinc-900)"
   },
-  "colors.rose.300": {
-    "value": "#fda4af",
-    "variable": "var(--colors-rose-300)"
+  "colors.zinc.950": {
+    "value": "#09090b",
+    "variable": "var(--colors-zinc-950)"
   },
-  "colors.rose.400": {
-    "value": "#fb7185",
-    "variable": "var(--colors-rose-400)"
+  "colors.gray.50": {
+    "value": "#f9fafb",
+    "variable": "var(--colors-gray-50)"
   },
-  "colors.rose.500": {
-    "value": "#f43f5e",
-    "variable": "var(--colors-rose-500)"
+  "colors.gray.100": {
+    "value": "#f3f4f6",
+    "variable": "var(--colors-gray-100)"
   },
-  "colors.rose.600": {
-    "value": "#e11d48",
-    "variable": "var(--colors-rose-600)"
+  "colors.gray.200": {
+    "value": "#e5e7eb",
+    "variable": "var(--colors-gray-200)"
   },
-  "colors.rose.700": {
-    "value": "#be123c",
-    "variable": "var(--colors-rose-700)"
+  "colors.gray.300": {
+    "value": "#d1d5db",
+    "variable": "var(--colors-gray-300)"
   },
-  "colors.rose.800": {
-    "value": "#9f1239",
-    "variable": "var(--colors-rose-800)"
+  "colors.gray.400": {
+    "value": "#9ca3af",
+    "variable": "var(--colors-gray-400)"
   },
-  "colors.rose.900": {
-    "value": "#881337",
-    "variable": "var(--colors-rose-900)"
+  "colors.gray.500": {
+    "value": "#6b7280",
+    "variable": "var(--colors-gray-500)"
   },
-  "colors.rose.950": {
-    "value": "#4c0519",
-    "variable": "var(--colors-rose-950)"
+  "colors.gray.600": {
+    "value": "#4b5563",
+    "variable": "var(--colors-gray-600)"
   },
-  "colors.pink.50": {
-    "value": "#fdf2f8",
-    "variable": "var(--colors-pink-50)"
+  "colors.gray.700": {
+    "value": "#374151",
+    "variable": "var(--colors-gray-700)"
   },
-  "colors.pink.100": {
-    "value": "#fce7f3",
-    "variable": "var(--colors-pink-100)"
+  "colors.gray.800": {
+    "value": "#1f2937",
+    "variable": "var(--colors-gray-800)"
   },
-  "colors.pink.200": {
-    "value": "#fbcfe8",
-    "variable": "var(--colors-pink-200)"
+  "colors.gray.900": {
+    "value": "#111827",
+    "variable": "var(--colors-gray-900)"
   },
-  "colors.pink.300": {
-    "value": "#f9a8d4",
-    "variable": "var(--colors-pink-300)"
+  "colors.gray.950": {
+    "value": "#030712",
+    "variable": "var(--colors-gray-950)"
   },
-  "colors.pink.400": {
-    "value": "#f472b6",
-    "variable": "var(--colors-pink-400)"
+  "colors.slate.50": {
+    "value": "#f8fafc",
+    "variable": "var(--colors-slate-50)"
   },
-  "colors.pink.500": {
-    "value": "#ec4899",
-    "variable": "var(--colors-pink-500)"
+  "colors.slate.100": {
+    "value": "#f1f5f9",
+    "variable": "var(--colors-slate-100)"
   },
-  "colors.pink.600": {
-    "value": "#db2777",
-    "variable": "var(--colors-pink-600)"
+  "colors.slate.200": {
+    "value": "#e2e8f0",
+    "variable": "var(--colors-slate-200)"
   },
-  "colors.pink.700": {
-    "value": "#be185d",
-    "variable": "var(--colors-pink-700)"
+  "colors.slate.300": {
+    "value": "#cbd5e1",
+    "variable": "var(--colors-slate-300)"
   },
-  "colors.pink.800": {
-    "value": "#9d174d",
-    "variable": "var(--colors-pink-800)"
+  "colors.slate.400": {
+    "value": "#94a3b8",
+    "variable": "var(--colors-slate-400)"
   },
-  "colors.pink.900": {
-    "value": "#831843",
-    "variable": "var(--colors-pink-900)"
+  "colors.slate.500": {
+    "value": "#64748b",
+    "variable": "var(--colors-slate-500)"
   },
-  "colors.pink.950": {
-    "value": "#500724",
-    "variable": "var(--colors-pink-950)"
+  "colors.slate.600": {
+    "value": "#475569",
+    "variable": "var(--colors-slate-600)"
   },
-  "colors.fuchsia.50": {
-    "value": "#fdf4ff",
-    "variable": "var(--colors-fuchsia-50)"
+  "colors.slate.700": {
+    "value": "#334155",
+    "variable": "var(--colors-slate-700)"
   },
-  "colors.fuchsia.100": {
-    "value": "#fae8ff",
-    "variable": "var(--colors-fuchsia-100)"
+  "colors.slate.800": {
+    "value": "#1e293b",
+    "variable": "var(--colors-slate-800)"
   },
-  "colors.fuchsia.200": {
-    "value": "#f5d0fe",
-    "variable": "var(--colors-fuchsia-200)"
+  "colors.slate.900": {
+    "value": "#0f172a",
+    "variable": "var(--colors-slate-900)"
   },
-  "colors.fuchsia.300": {
-    "value": "#f0abfc",
-    "variable": "var(--colors-fuchsia-300)"
+  "colors.slate.950": {
+    "value": "#020617",
+    "variable": "var(--colors-slate-950)"
   },
-  "colors.fuchsia.400": {
-    "value": "#e879f9",
-    "variable": "var(--colors-fuchsia-400)"
+  "colors.grayscale.0": {
+    "value": "var(--colors-white)",
+    "variable": "var(--colors-grayscale-0)"
   },
-  "colors.fuchsia.500": {
-    "value": "#d946ef",
-    "variable": "var(--colors-fuchsia-500)"
+  "colors.grayscale.50": {
+    "value": "var(--colors-zinc-50)",
+    "variable": "var(--colors-grayscale-50)"
   },
-  "colors.fuchsia.600": {
-    "value": "#c026d3",
-    "variable": "var(--colors-fuchsia-600)"
+  "colors.grayscale.100": {
+    "value": "var(--colors-zinc-100)",
+    "variable": "var(--colors-grayscale-100)"
   },
-  "colors.fuchsia.700": {
-    "value": "#a21caf",
-    "variable": "var(--colors-fuchsia-700)"
+  "colors.grayscale.200": {
+    "value": "var(--colors-zinc-200)",
+    "variable": "var(--colors-grayscale-200)"
   },
-  "colors.fuchsia.800": {
-    "value": "#86198f",
-    "variable": "var(--colors-fuchsia-800)"
+  "colors.grayscale.300": {
+    "value": "var(--colors-zinc-300)",
+    "variable": "var(--colors-grayscale-300)"
   },
-  "colors.fuchsia.900": {
-    "value": "#701a75",
-    "variable": "var(--colors-fuchsia-900)"
+  "colors.grayscale.400": {
+    "value": "var(--colors-zinc-400)",
+    "variable": "var(--colors-grayscale-400)"
   },
-  "colors.fuchsia.950": {
-    "value": "#4a044e",
-    "variable": "var(--colors-fuchsia-950)"
+  "colors.grayscale.500": {
+    "value": "var(--colors-zinc-500)",
+    "variable": "var(--colors-grayscale-500)"
+  },
+  "colors.grayscale.600": {
+    "value": "var(--colors-zinc-600)",
+    "variable": "var(--colors-grayscale-600)"
   },
-  "colors.purple.50": {
-    "value": "#faf5ff",
-    "variable": "var(--colors-purple-50)"
+  "colors.grayscale.700": {
+    "value": "var(--colors-zinc-700)",
+    "variable": "var(--colors-grayscale-700)"
   },
-  "colors.purple.100": {
-    "value": "#f3e8ff",
-    "variable": "var(--colors-purple-100)"
+  "colors.grayscale.800": {
+    "value": "var(--colors-zinc-800)",
+    "variable": "var(--colors-grayscale-800)"
   },
-  "colors.purple.200": {
-    "value": "#e9d5ff",
-    "variable": "var(--colors-purple-200)"
+  "colors.grayscale.900": {
+    "value": "var(--colors-zinc-900)",
+    "variable": "var(--colors-grayscale-900)"
   },
-  "colors.purple.300": {
-    "value": "#d8b4fe",
-    "variable": "var(--colors-purple-300)"
+  "colors.grayscale.950": {
+    "value": "var(--colors-zinc-950)",
+    "variable": "var(--colors-grayscale-950)"
   },
-  "colors.purple.400": {
-    "value": "#c084fc",
-    "variable": "var(--colors-purple-400)"
+  "colors.hover.light.success": {
+    "value": "#ECFDF3d9",
+    "variable": "var(--colors-hover-light-success)"
   },
-  "colors.purple.500": {
-    "value": "#a855f7",
-    "variable": "var(--colors-purple-500)"
+  "colors.hover.light.warning": {
+    "value": "#FFFAEBd9",
+    "variable": "var(--colors-hover-light-warning)"
   },
-  "colors.purple.600": {
-    "value": "#9333ea",
-    "variable": "var(--colors-purple-600)"
+  "colors.hover.light.error": {
+    "value": "#FEF3F2d9",
+    "variable": "var(--colors-hover-light-error)"
   },
-  "colors.purple.700": {
-    "value": "#7e22ce",
-    "variable": "var(--colors-purple-700)"
+  "colors.hover.light.active": {
+    "value": "#DCEFFCd9",
+    "variable": "var(--colors-hover-light-active)"
   },
-  "colors.purple.800": {
-    "value": "#6b21a8",
-    "variable": "var(--colors-purple-800)"
+  "colors.hover.light.gray": {
+    "value": "#F2F4F7d9",
+    "variable": "var(--colors-hover-light-gray)"
   },
-  "colors.purple.900": {
-    "value": "#581c87",
-    "variable": "var(--colors-purple-900)"
+  "colors.hover.dark.success": {
+    "value": "#12B76Ad9",
+    "variable": "var(--colors-hover-dark-success)"
   },
-  "colors.purple.950": {
-    "value": "#3b0764",
-    "variable": "var(--colors-purple-950)"
+  "colors.hover.dark.warning": {
+    "value": "#DC6803d9",
+    "variable": "var(--colors-hover-dark-warning)"
   },
-  "colors.violet.50": {
-    "value": "#f5f3ff",
-    "variable": "var(--colors-violet-50)"
+  "colors.hover.dark.error": {
+    "value": "#F04438d9",
+    "variable": "var(--colors-hover-dark-error)"
   },
-  "colors.violet.100": {
-    "value": "#ede9fe",
-    "variable": "var(--colors-violet-100)"
+  "colors.hover.dark.active": {
+    "value": "#4c4ff1d9",
+    "variable": "var(--colors-hover-dark-active)"
   },
-  "colors.violet.200": {
-    "value": "#ddd6fe",
-    "variable": "var(--colors-violet-200)"
+  "colors.hover.dark.gray": {
+    "value": "#667085d9",
+    "variable": "var(--colors-hover-dark-gray)"
   },
-  "colors.violet.300": {
-    "value": "#c4b5fd",
-    "variable": "var(--colors-violet-300)"
+  "colors.light.success": {
+    "value": "#ECFDF3",
+    "variable": "var(--colors-light-success)"
   },
-  "colors.violet.400": {
-    "value": "#a78bfa",
-    "variable": "var(--colors-violet-400)"
+  "colors.light.warning": {
+    "value": "#FFFAEB",
+    "variable": "var(--colors-light-warning)"
   },
-  "colors.violet.500": {
-    "value": "#8b5cf6",
-    "variable": "var(--colors-violet-500)"
+  "colors.light.error": {
+    "value": "#FEF3F2",
+    "variable": "var(--colors-light-error)"
   },
-  "colors.violet.600": {
-    "value": "#7c3aed",
-    "variable": "var(--colors-violet-600)"
+  "colors.light.active": {
+    "value": "#DCEFFC",
+    "variable": "var(--colors-light-active)"
   },
-  "colors.violet.700": {
-    "value": "#6d28d9",
-    "variable": "var(--colors-violet-700)"
+  "colors.light.gray": {
+    "value": "#F2F4F7",
+    "variable": "var(--colors-light-gray)"
   },
-  "colors.violet.800": {
-    "value": "#5b21b6",
-    "variable": "var(--colors-violet-800)"
+  "colors.dark.success": {
+    "value": "#12B76A",
+    "variable": "var(--colors-dark-success)"
   },
-  "colors.violet.900": {
-    "value": "#4c1d95",
-    "variable": "var(--colors-violet-900)"
+  "colors.dark.warning": {
+    "value": "#DC6803",
+    "variable": "var(--colors-dark-warning)"
   },
-  "colors.violet.950": {
-    "value": "#2e1065",
-    "variable": "var(--colors-violet-950)"
+  "colors.dark.error": {
+    "value": "#F04438",
+    "variable": "var(--colors-dark-error)"
   },
-  "colors.indigo.50": {
-    "value": "#eef2ff",
-    "variable": "var(--colors-indigo-50)"
+  "colors.dark.active": {
+    "value": "#4c4ff1",
+    "variable": "var(--colors-dark-active)"
   },
-  "colors.indigo.100": {
-    "value": "#e0e7ff",
-    "variable": "var(--colors-indigo-100)"
+  "colors.dark.gray": {
+    "value": "#667085",
+    "variable": "var(--colors-dark-gray)"
   },
-  "colors.indigo.200": {
-    "value": "#c7d2fe",
-    "variable": "var(--colors-indigo-200)"
+  "colors.text.normal": {
+    "value": "#1D2939",
+    "variable": "var(--colors-text-normal)"
   },
-  "colors.indigo.300": {
-    "value": "#a5b4fc",
-    "variable": "var(--colors-indigo-300)"
+  "colors.text.label": {
+    "value": "#475467",
+    "variable": "var(--colors-text-label)"
   },
-  "colors.indigo.400": {
-    "value": "#818cf8",
-    "variable": "var(--colors-indigo-400)"
+  "colors.text.light": {
+    "value": "#667085",
+    "variable": "var(--colors-text-light)"
   },
-  "colors.indigo.500": {
-    "value": "#6366f1",
-    "variable": "var(--colors-indigo-500)"
+  "colors.text.success": {
+    "value": "#027A48",
+    "variable": "var(--colors-text-success)"
   },
-  "colors.indigo.600": {
-    "value": "#4f46e5",
-    "variable": "var(--colors-indigo-600)"
+  "colors.text.warning": {
+    "value": "#B54708",
+    "variable": "var(--colors-text-warning)"
   },
-  "colors.indigo.700": {
-    "value": "#4338ca",
-    "variable": "var(--colors-indigo-700)"
+  "colors.text.error": {
+    "value": "#B42318",
+    "variable": "var(--colors-text-error)"
   },
-  "colors.indigo.800": {
-    "value": "#3730a3",
-    "variable": "var(--colors-indigo-800)"
+  "colors.text.active": {
+    "value": "#5724e8",
+    "variable": "var(--colors-text-active)"
   },
-  "colors.indigo.900": {
-    "value": "#312e81",
-    "variable": "var(--colors-indigo-900)"
+  "colors.text.gray": {
+    "value": "#344054",
+    "variable": "var(--colors-text-gray)"
   },
-  "colors.indigo.950": {
-    "value": "#1e1b4b",
-    "variable": "var(--colors-indigo-950)"
+  "colors.decoration.success": {
+    "value": "#6CE9A6",
+    "variable": "var(--colors-decoration-success)"
   },
-  "colors.blue.50": {
-    "value": "#eff6ff",
-    "variable": "var(--colors-blue-50)"
+  "colors.decoration.warning": {
+    "value": "#FEC84B",
+    "variable": "var(--colors-decoration-warning)"
   },
-  "colors.blue.100": {
-    "value": "#dbeafe",
-    "variable": "var(--colors-blue-100)"
+  "colors.decoration.error": {
+    "value": "#FDA29B",
+    "variable": "var(--colors-decoration-error)"
   },
-  "colors.blue.200": {
-    "value": "#bfdbfe",
-    "variable": "var(--colors-blue-200)"
+  "colors.decoration.active": {
+    "value": "#8da4f4",
+    "variable": "var(--colors-decoration-active)"
   },
-  "colors.blue.300": {
-    "value": "#93c5fd",
-    "variable": "var(--colors-blue-300)"
+  "colors.decoration.gray": {
+    "value": "#D0D5DD",
+    "variable": "var(--colors-decoration-gray)"
   },
-  "colors.blue.400": {
-    "value": "#60a5fa",
-    "variable": "var(--colors-blue-400)"
+  "fonts.serif": {
+    "value": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
+    "variable": "var(--fonts-serif)"
   },
-  "colors.blue.500": {
-    "value": "#3b82f6",
-    "variable": "var(--colors-blue-500)"
+  "fonts.sans": {
+    "value": "var(--font-inter, Inter), 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)"
   },
-  "colors.blue.600": {
-    "value": "#2563eb",
-    "variable": "var(--colors-blue-600)"
+  "fonts.body": {
+    "value": "Inter",
+    "variable": "var(--fonts-body)"
   },
-  "colors.blue.700": {
-    "value": "#1d4ed8",
-    "variable": "var(--colors-blue-700)"
+  "fonts.mono": {
+    "value": "JetBrainsMono",
+    "variable": "var(--fonts-mono)"
   },
-  "colors.blue.800": {
-    "value": "#1e40af",
-    "variable": "var(--colors-blue-800)"
+  "fontSizes.2xs": {
+    "value": "0.5rem",
+    "variable": "var(--font-sizes-2xs)"
+  },
+  "fontSizes.2xl": {
+    "value": "1.5rem",
+    "variable": "var(--font-sizes-2xl)"
   },
-  "colors.blue.900": {
-    "value": "#1e3a8a",
-    "variable": "var(--colors-blue-900)"
+  "fontSizes.3xl": {
+    "value": "1.875rem",
+    "variable": "var(--font-sizes-3xl)"
   },
-  "colors.blue.950": {
-    "value": "#172554",
-    "variable": "var(--colors-blue-950)"
+  "fontSizes.4xl": {
+    "value": "2.25rem",
+    "variable": "var(--font-sizes-4xl)"
   },
-  "colors.sky.50": {
-    "value": "#f0f9ff",
-    "variable": "var(--colors-sky-50)"
+  "fontSizes.5xl": {
+    "value": "3rem",
+    "variable": "var(--font-sizes-5xl)"
   },
-  "colors.sky.100": {
-    "value": "#e0f2fe",
-    "variable": "var(--colors-sky-100)"
+  "fontSizes.6xl": {
+    "value": "3.75rem",
+    "variable": "var(--font-sizes-6xl)"
   },
-  "colors.sky.200": {
-    "value": "#bae6fd",
-    "variable": "var(--colors-sky-200)"
+  "fontSizes.7xl": {
+    "value": "4.5rem",
+    "variable": "var(--font-sizes-7xl)"
   },
-  "colors.sky.300": {
-    "value": "#7dd3fc",
-    "variable": "var(--colors-sky-300)"
+  "fontSizes.8xl": {
+    "value": "6rem",
+    "variable": "var(--font-sizes-8xl)"
   },
-  "colors.sky.400": {
-    "value": "#38bdf8",
-    "variable": "var(--colors-sky-400)"
+  "fontSizes.9xl": {
+    "value": "8rem",
+    "variable": "var(--font-sizes-9xl)"
   },
-  "colors.sky.500": {
-    "value": "#0ea5e9",
-    "variable": "var(--colors-sky-500)"
+  "fontSizes.xxs": {
+    "value": "10px",
+    "variable": "var(--font-sizes-xxs)"
   },
-  "colors.sky.600": {
-    "value": "#0284c7",
-    "variable": "var(--colors-sky-600)"
+  "fontSizes.xs": {
+    "value": "12px",
+    "variable": "var(--font-sizes-xs)"
   },
-  "colors.sky.700": {
-    "value": "#0369a1",
-    "variable": "var(--colors-sky-700)"
+  "fontSizes.sm": {
+    "value": "14px",
+    "variable": "var(--font-sizes-sm)"
   },
-  "colors.sky.800": {
-    "value": "#075985",
-    "variable": "var(--colors-sky-800)"
+  "fontSizes.primary": {
+    "value": "16px",
+    "variable": "var(--font-sizes-primary)"
   },
-  "colors.sky.900": {
-    "value": "#0c4a6e",
-    "variable": "var(--colors-sky-900)"
+  "fontSizes.md": {
+    "value": "20px",
+    "variable": "var(--font-sizes-md)"
   },
-  "colors.sky.950": {
-    "value": "#082f49",
-    "variable": "var(--colors-sky-950)"
+  "fontSizes.lg": {
+    "value": "24px",
+    "variable": "var(--font-sizes-lg)"
   },
-  "colors.cyan.50": {
-    "value": "#ecfeff",
-    "variable": "var(--colors-cyan-50)"
+  "fontSizes.xl": {
+    "value": "32px",
+    "variable": "var(--font-sizes-xl)"
   },
-  "colors.cyan.100": {
-    "value": "#cffafe",
-    "variable": "var(--colors-cyan-100)"
+  "lineHeights.3": {
+    "value": ".75rem",
+    "variable": "var(--line-heights-3)"
   },
-  "colors.cyan.200": {
-    "value": "#a5f3fc",
-    "variable": "var(--colors-cyan-200)"
+  "lineHeights.4": {
+    "value": "1rem",
+    "variable": "var(--line-heights-4)"
   },
-  "colors.cyan.300": {
-    "value": "#67e8f9",
-    "variable": "var(--colors-cyan-300)"
+  "lineHeights.5": {
+    "value": "1.25rem",
+    "variable": "var(--line-heights-5)"
   },
-  "colors.cyan.400": {
-    "value": "#22d3ee",
-    "variable": "var(--colors-cyan-400)"
+  "lineHeights.6": {
+    "value": "1.5rem",
+    "variable": "var(--line-heights-6)"
   },
-  "colors.cyan.500": {
-    "value": "#06b6d4",
-    "variable": "var(--colors-cyan-500)"
+  "lineHeights.7": {
+    "value": "1.75rem",
+    "variable": "var(--line-heights-7)"
   },
-  "colors.cyan.600": {
-    "value": "#0891b2",
-    "variable": "var(--colors-cyan-600)"
+  "lineHeights.8": {
+    "value": "2rem",
+    "variable": "var(--line-heights-8)"
   },
-  "colors.cyan.700": {
-    "value": "#0e7490",
-    "variable": "var(--colors-cyan-700)"
+  "lineHeights.9": {
+    "value": "2.25rem",
+    "variable": "var(--line-heights-9)"
   },
-  "colors.cyan.800": {
-    "value": "#155e75",
-    "variable": "var(--colors-cyan-800)"
+  "lineHeights.10": {
+    "value": "2.5rem",
+    "variable": "var(--line-heights-10)"
   },
-  "colors.cyan.900": {
-    "value": "#164e63",
-    "variable": "var(--colors-cyan-900)"
+  "lineHeights.none": {
+    "value": "1",
+    "variable": "var(--line-heights-none)"
   },
-  "colors.cyan.950": {
-    "value": "#083344",
-    "variable": "var(--colors-cyan-950)"
+  "lineHeights.tight": {
+    "value": "1.25",
+    "variable": "var(--line-heights-tight)"
   },
-  "colors.teal.50": {
-    "value": "#f0fdfa",
-    "variable": "var(--colors-teal-50)"
+  "lineHeights.snug": {
+    "value": "1.375",
+    "variable": "var(--line-heights-snug)"
   },
-  "colors.teal.100": {
-    "value": "#ccfbf1",
-    "variable": "var(--colors-teal-100)"
+  "lineHeights.normal": {
+    "value": "1.5",
+    "variable": "var(--line-heights-normal)"
   },
-  "colors.teal.200": {
-    "value": "#99f6e4",
-    "variable": "var(--colors-teal-200)"
+  "lineHeights.relaxed": {
+    "value": "1.625",
+    "variable": "var(--line-heights-relaxed)"
   },
-  "colors.teal.300": {
-    "value": "#5eead4",
-    "variable": "var(--colors-teal-300)"
+  "lineHeights.loose": {
+    "value": "2",
+    "variable": "var(--line-heights-loose)"
   },
-  "colors.teal.400": {
-    "value": "#2dd4bf",
-    "variable": "var(--colors-teal-400)"
+  "lineHeights.sm": {
+    "value": "20px",
+    "variable": "var(--line-heights-sm)"
   },
-  "colors.teal.500": {
-    "value": "#14b8a6",
-    "variable": "var(--colors-teal-500)"
+  "lineHeights.primary": {
+    "value": "24px",
+    "variable": "var(--line-heights-primary)"
   },
-  "colors.teal.600": {
-    "value": "#0d9488",
-    "variable": "var(--colors-teal-600)"
+  "lineHeights.md": {
+    "value": "32px",
+    "variable": "var(--line-heights-md)"
   },
-  "colors.teal.700": {
-    "value": "#0f766e",
-    "variable": "var(--colors-teal-700)"
+  "lineHeights.lg": {
+    "value": "38px",
+    "variable": "var(--line-heights-lg)"
   },
-  "colors.teal.800": {
-    "value": "#115e59",
-    "variable": "var(--colors-teal-800)"
+  "fontWeights.thin": {
+    "value": "100",
+    "variable": "var(--font-weights-thin)"
   },
-  "colors.teal.900": {
-    "value": "#134e4a",
-    "variable": "var(--colors-teal-900)"
+  "fontWeights.extralight": {
+    "value": "200",
+    "variable": "var(--font-weights-extralight)"
   },
-  "colors.teal.950": {
-    "value": "#042f2e",
-    "variable": "var(--colors-teal-950)"
+  "fontWeights.light": {
+    "value": "300",
+    "variable": "var(--font-weights-light)"
   },
-  "colors.emerald.50": {
-    "value": "#ecfdf5",
-    "variable": "var(--colors-emerald-50)"
+  "fontWeights.normal": {
+    "value": "400",
+    "variable": "var(--font-weights-normal)"
   },
-  "colors.emerald.100": {
-    "value": "#d1fae5",
-    "variable": "var(--colors-emerald-100)"
+  "fontWeights.medium": {
+    "value": "500",
+    "variable": "var(--font-weights-medium)"
   },
-  "colors.emerald.200": {
-    "value": "#a7f3d0",
-    "variable": "var(--colors-emerald-200)"
+  "fontWeights.semibold": {
+    "value": "600",
+    "variable": "var(--font-weights-semibold)"
   },
-  "colors.emerald.300": {
-    "value": "#6ee7b7",
-    "variable": "var(--colors-emerald-300)"
+  "fontWeights.bold": {
+    "value": "700",
+    "variable": "var(--font-weights-bold)"
   },
-  "colors.emerald.400": {
-    "value": "#34d399",
-    "variable": "var(--colors-emerald-400)"
+  "fontWeights.extrabold": {
+    "value": "800",
+    "variable": "var(--font-weights-extrabold)"
   },
-  "colors.emerald.500": {
-    "value": "#10b981",
-    "variable": "var(--colors-emerald-500)"
+  "fontWeights.black": {
+    "value": "900",
+    "variable": "var(--font-weights-black)"
   },
-  "colors.emerald.600": {
-    "value": "#059669",
-    "variable": "var(--colors-emerald-600)"
+  "fontWeights.primary": {
+    "value": "400",
+    "variable": "var(--font-weights-primary)"
+  },
+  "fontWeights.md": {
+    "value": "500",
+    "variable": "var(--font-weights-md)"
   },
-  "colors.emerald.700": {
-    "value": "#047857",
-    "variable": "var(--colors-emerald-700)"
+  "fontWeights.lg": {
+    "value": "600",
+    "variable": "var(--font-weights-lg)"
   },
-  "colors.emerald.800": {
-    "value": "#065f46",
-    "variable": "var(--colors-emerald-800)"
+  "fontWeights.xl": {
+    "value": "800",
+    "variable": "var(--font-weights-xl)"
   },
-  "colors.emerald.900": {
-    "value": "#064e3b",
-    "variable": "var(--colors-emerald-900)"
+  "radii.xs": {
+    "value": "0.125rem",
+    "variable": "var(--radii-xs)"
   },
-  "colors.emerald.950": {
-    "value": "#022c22",
-    "variable": "var(--colors-emerald-950)"
+  "radii.sm": {
+    "value": "calc(var(--radii-radius) - 4px)",
+    "variable": "var(--radii-sm)"
   },
-  "colors.green.50": {
-    "value": "#f0fdf4",
-    "variable": "var(--colors-green-50)"
+  "radii.md": {
+    "value": "calc(var(--radii-radius) - 2px)",
+    "variable": "var(--radii-md)"
   },
-  "colors.green.100": {
-    "value": "#dcfce7",
-    "variable": "var(--colors-green-100)"
+  "radii.lg": {
+    "value": "var(--radii-radius)",
+    "variable": "var(--radii-lg)"
   },
-  "colors.green.200": {
-    "value": "#bbf7d0",
-    "variable": "var(--colors-green-200)"
+  "radii.xl": {
+    "value": "calc(var(--radii-radius) + 4px)",
+    "variable": "var(--radii-xl)"
   },
-  "colors.green.300": {
-    "value": "#86efac",
-    "variable": "var(--colors-green-300)"
+  "radii.2xl": {
+    "value": "1rem",
+    "variable": "var(--radii-2xl)"
   },
-  "colors.green.400": {
-    "value": "#4ade80",
-    "variable": "var(--colors-green-400)"
+  "radii.3xl": {
+    "value": "1.5rem",
+    "variable": "var(--radii-3xl)"
   },
-  "colors.green.500": {
-    "value": "#22c55e",
-    "variable": "var(--colors-green-500)"
+  "radii.4xl": {
+    "value": "2rem",
+    "variable": "var(--radii-4xl)"
   },
-  "colors.green.600": {
-    "value": "#16a34a",
-    "variable": "var(--colors-green-600)"
+  "radii.full": {
+    "value": "9999px",
+    "variable": "var(--radii-full)"
   },
-  "colors.green.700": {
-    "value": "#15803d",
-    "variable": "var(--colors-green-700)"
+  "radii.radius": {
+    "value": "0.5rem",
+    "variable": "var(--radii-radius)"
   },
-  "colors.green.800": {
-    "value": "#166534",
-    "variable": "var(--colors-green-800)"
+  "radii.common": {
+    "value": "6px",
+    "variable": "var(--radii-common)"
   },
-  "colors.green.900": {
-    "value": "#14532d",
-    "variable": "var(--colors-green-900)"
+  "sizes.0": {
+    "value": "0rem",
+    "variable": "var(--sizes-0)"
   },
-  "colors.green.950": {
-    "value": "#052e16",
-    "variable": "var(--colors-green-950)"
+  "sizes.1": {
+    "value": "0.25rem",
+    "variable": "var(--sizes-1)"
   },
-  "colors.lime.50": {
-    "value": "#f7fee7",
-    "variable": "var(--colors-lime-50)"
+  "sizes.2": {
+    "value": "0.5rem",
+    "variable": "var(--sizes-2)"
   },
-  "colors.lime.100": {
-    "value": "#ecfccb",
-    "variable": "var(--colors-lime-100)"
+  "sizes.3": {
+    "value": "0.75rem",
+    "variable": "var(--sizes-3)"
   },
-  "colors.lime.200": {
-    "value": "#d9f99d",
-    "variable": "var(--colors-lime-200)"
+  "sizes.4": {
+    "value": "1rem",
+    "variable": "var(--sizes-4)"
   },
-  "colors.lime.300": {
-    "value": "#bef264",
-    "variable": "var(--colors-lime-300)"
+  "sizes.5": {
+    "value": "1.25rem",
+    "variable": "var(--sizes-5)"
   },
-  "colors.lime.400": {
-    "value": "#a3e635",
-    "variable": "var(--colors-lime-400)"
+  "sizes.6": {
+    "value": "1.5rem",
+    "variable": "var(--sizes-6)"
   },
-  "colors.lime.500": {
-    "value": "#84cc16",
-    "variable": "var(--colors-lime-500)"
+  "sizes.7": {
+    "value": "1.75rem",
+    "variable": "var(--sizes-7)"
   },
-  "colors.lime.600": {
-    "value": "#65a30d",
-    "variable": "var(--colors-lime-600)"
+  "sizes.8": {
+    "value": "2rem",
+    "variable": "var(--sizes-8)"
   },
-  "colors.lime.700": {
-    "value": "#4d7c0f",
-    "variable": "var(--colors-lime-700)"
+  "sizes.9": {
+    "value": "2.25rem",
+    "variable": "var(--sizes-9)"
   },
-  "colors.lime.800": {
-    "value": "#3f6212",
-    "variable": "var(--colors-lime-800)"
+  "sizes.10": {
+    "value": "2.5rem",
+    "variable": "var(--sizes-10)"
   },
-  "colors.lime.900": {
-    "value": "#365314",
-    "variable": "var(--colors-lime-900)"
+  "sizes.11": {
+    "value": "2.75rem",
+    "variable": "var(--sizes-11)"
   },
-  "colors.lime.950": {
-    "value": "#1a2e05",
-    "variable": "var(--colors-lime-950)"
+  "sizes.12": {
+    "value": "3rem",
+    "variable": "var(--sizes-12)"
   },
-  "colors.yellow.50": {
-    "value": "#fefce8",
-    "variable": "var(--colors-yellow-50)"
+  "sizes.14": {
+    "value": "3.5rem",
+    "variable": "var(--sizes-14)"
   },
-  "colors.yellow.100": {
-    "value": "#fef9c3",
-    "variable": "var(--colors-yellow-100)"
+  "sizes.16": {
+    "value": "4rem",
+    "variable": "var(--sizes-16)"
   },
-  "colors.yellow.200": {
-    "value": "#fef08a",
-    "variable": "var(--colors-yellow-200)"
+  "sizes.20": {
+    "value": "5rem",
+    "variable": "var(--sizes-20)"
   },
-  "colors.yellow.300": {
-    "value": "#fde047",
-    "variable": "var(--colors-yellow-300)"
+  "sizes.24": {
+    "value": "6rem",
+    "variable": "var(--sizes-24)"
   },
-  "colors.yellow.400": {
-    "value": "#facc15",
-    "variable": "var(--colors-yellow-400)"
+  "sizes.28": {
+    "value": "7rem",
+    "variable": "var(--sizes-28)"
   },
-  "colors.yellow.500": {
-    "value": "#eab308",
-    "variable": "var(--colors-yellow-500)"
+  "sizes.32": {
+    "value": "8rem",
+    "variable": "var(--sizes-32)"
   },
-  "colors.yellow.600": {
-    "value": "#ca8a04",
-    "variable": "var(--colors-yellow-600)"
+  "sizes.36": {
+    "value": "9rem",
+    "variable": "var(--sizes-36)"
   },
-  "colors.yellow.700": {
-    "value": "#a16207",
-    "variable": "var(--colors-yellow-700)"
+  "sizes.40": {
+    "value": "10rem",
+    "variable": "var(--sizes-40)"
   },
-  "colors.yellow.800": {
-    "value": "#854d0e",
-    "variable": "var(--colors-yellow-800)"
+  "sizes.44": {
+    "value": "11rem",
+    "variable": "var(--sizes-44)"
   },
-  "colors.yellow.900": {
-    "value": "#713f12",
-    "variable": "var(--colors-yellow-900)"
+  "sizes.48": {
+    "value": "12rem",
+    "variable": "var(--sizes-48)"
   },
-  "colors.yellow.950": {
-    "value": "#422006",
-    "variable": "var(--colors-yellow-950)"
+  "sizes.52": {
+    "value": "13rem",
+    "variable": "var(--sizes-52)"
   },
-  "colors.amber.50": {
-    "value": "#fffbeb",
-    "variable": "var(--colors-amber-50)"
+  "sizes.56": {
+    "value": "14rem",
+    "variable": "var(--sizes-56)"
   },
-  "colors.amber.100": {
-    "value": "#fef3c7",
-    "variable": "var(--colors-amber-100)"
+  "sizes.60": {
+    "value": "15rem",
+    "variable": "var(--sizes-60)"
   },
-  "colors.amber.200": {
-    "value": "#fde68a",
-    "variable": "var(--colors-amber-200)"
+  "sizes.64": {
+    "value": "16rem",
+    "variable": "var(--sizes-64)"
   },
-  "colors.amber.300": {
-    "value": "#fcd34d",
-    "variable": "var(--colors-amber-300)"
+  "sizes.72": {
+    "value": "18rem",
+    "variable": "var(--sizes-72)"
   },
-  "colors.amber.400": {
-    "value": "#fbbf24",
-    "variable": "var(--colors-amber-400)"
+  "sizes.80": {
+    "value": "20rem",
+    "variable": "var(--sizes-80)"
   },
-  "colors.amber.500": {
-    "value": "#f59e0b",
-    "variable": "var(--colors-amber-500)"
+  "sizes.96": {
+    "value": "24rem",
+    "variable": "var(--sizes-96)"
+  },
+  "sizes.0.5": {
+    "value": "0.125rem",
+    "variable": "var(--sizes-0\\.5)"
   },
-  "colors.amber.600": {
-    "value": "#d97706",
-    "variable": "var(--colors-amber-600)"
+  "sizes.1.5": {
+    "value": "0.375rem",
+    "variable": "var(--sizes-1\\.5)"
   },
-  "colors.amber.700": {
-    "value": "#b45309",
-    "variable": "var(--colors-amber-700)"
+  "sizes.2.5": {
+    "value": "0.625rem",
+    "variable": "var(--sizes-2\\.5)"
   },
-  "colors.amber.800": {
-    "value": "#92400e",
-    "variable": "var(--colors-amber-800)"
+  "sizes.3.5": {
+    "value": "0.875rem",
+    "variable": "var(--sizes-3\\.5)"
   },
-  "colors.amber.900": {
-    "value": "#78350f",
-    "variable": "var(--colors-amber-900)"
+  "sizes.xs": {
+    "value": "20rem",
+    "variable": "var(--sizes-xs)"
   },
-  "colors.amber.950": {
-    "value": "#451a03",
-    "variable": "var(--colors-amber-950)"
+  "sizes.sm": {
+    "value": "24rem",
+    "variable": "var(--sizes-sm)"
   },
-  "colors.orange.50": {
-    "value": "#fff7ed",
-    "variable": "var(--colors-orange-50)"
+  "sizes.md": {
+    "value": "28rem",
+    "variable": "var(--sizes-md)"
   },
-  "colors.orange.100": {
-    "value": "#ffedd5",
-    "variable": "var(--colors-orange-100)"
+  "sizes.lg": {
+    "value": "32rem",
+    "variable": "var(--sizes-lg)"
   },
-  "colors.orange.200": {
-    "value": "#fed7aa",
-    "variable": "var(--colors-orange-200)"
+  "sizes.xl": {
+    "value": "36rem",
+    "variable": "var(--sizes-xl)"
   },
-  "colors.orange.300": {
-    "value": "#fdba74",
-    "variable": "var(--colors-orange-300)"
+  "sizes.2xl": {
+    "value": "42rem",
+    "variable": "var(--sizes-2xl)"
   },
-  "colors.orange.400": {
-    "value": "#fb923c",
-    "variable": "var(--colors-orange-400)"
+  "sizes.3xl": {
+    "value": "48rem",
+    "variable": "var(--sizes-3xl)"
   },
-  "colors.orange.500": {
-    "value": "#f97316",
-    "variable": "var(--colors-orange-500)"
+  "sizes.4xl": {
+    "value": "56rem",
+    "variable": "var(--sizes-4xl)"
   },
-  "colors.orange.600": {
-    "value": "#ea580c",
-    "variable": "var(--colors-orange-600)"
+  "sizes.5xl": {
+    "value": "64rem",
+    "variable": "var(--sizes-5xl)"
   },
-  "colors.orange.700": {
-    "value": "#c2410c",
-    "variable": "var(--colors-orange-700)"
+  "sizes.6xl": {
+    "value": "72rem",
+    "variable": "var(--sizes-6xl)"
   },
-  "colors.orange.800": {
-    "value": "#9a3412",
-    "variable": "var(--colors-orange-800)"
+  "sizes.7xl": {
+    "value": "80rem",
+    "variable": "var(--sizes-7xl)"
   },
-  "colors.orange.900": {
-    "value": "#7c2d12",
-    "variable": "var(--colors-orange-900)"
+  "sizes.8xl": {
+    "value": "90rem",
+    "variable": "var(--sizes-8xl)"
   },
-  "colors.orange.950": {
-    "value": "#431407",
-    "variable": "var(--colors-orange-950)"
+  "sizes.prose": {
+    "value": "65ch",
+    "variable": "var(--sizes-prose)"
   },
-  "colors.red.50": {
-    "value": "#fef2f2",
-    "variable": "var(--colors-red-50)"
+  "sizes.full": {
+    "value": "100%",
+    "variable": "var(--sizes-full)"
   },
-  "colors.red.100": {
-    "value": "#fee2e2",
-    "variable": "var(--colors-red-100)"
+  "sizes.min": {
+    "value": "min-content",
+    "variable": "var(--sizes-min)"
   },
-  "colors.red.200": {
-    "value": "#fecaca",
-    "variable": "var(--colors-red-200)"
+  "sizes.max": {
+    "value": "max-content",
+    "variable": "var(--sizes-max)"
   },
-  "colors.red.300": {
-    "value": "#fca5a5",
-    "variable": "var(--colors-red-300)"
+  "sizes.fit": {
+    "value": "fit-content",
+    "variable": "var(--sizes-fit)"
   },
-  "colors.red.400": {
-    "value": "#f87171",
-    "variable": "var(--colors-red-400)"
+  "sizes.basic.almost-full": {
+    "value": "90%",
+    "variable": "var(--sizes-basic-almost-full)"
   },
-  "colors.red.500": {
-    "value": "#ef4444",
-    "variable": "var(--colors-red-500)"
+  "sizes.card.xs": {
+    "value": "175px",
+    "variable": "var(--sizes-card-xs)"
   },
-  "colors.red.600": {
-    "value": "#dc2626",
-    "variable": "var(--colors-red-600)"
+  "sizes.card.sm": {
+    "value": "414px",
+    "variable": "var(--sizes-card-sm)"
   },
-  "colors.red.700": {
-    "value": "#b91c1c",
-    "variable": "var(--colors-red-700)"
+  "sizes.responsive.card.xs": {
+    "value": "min(95vw,var(--sizes-card-xs))",
+    "variable": "var(--sizes-responsive-card-xs)"
   },
-  "colors.red.800": {
-    "value": "#991b1b",
-    "variable": "var(--colors-red-800)"
+  "sizes.responsive.card.sm": {
+    "value": "min(95vw,var(--sizes-card-sm))",
+    "variable": "var(--sizes-responsive-card-sm)"
   },
-  "colors.red.900": {
-    "value": "#7f1d1d",
-    "variable": "var(--colors-red-900)"
+  "sizes.circle": {
+    "value": "40px",
+    "variable": "var(--sizes-circle)"
   },
-  "colors.red.950": {
-    "value": "#450a0a",
-    "variable": "var(--colors-red-950)"
+  "sizes.container.smaller.xxxs": {
+    "value": "80px",
+    "variable": "var(--sizes-container-smaller-xxxs)"
   },
-  "colors.neutral.50": {
-    "value": "#fafafa",
-    "variable": "var(--colors-neutral-50)"
+  "sizes.container.smaller.xxs": {
+    "value": "120px",
+    "variable": "var(--sizes-container-smaller-xxs)"
   },
-  "colors.neutral.100": {
-    "value": "#f5f5f5",
-    "variable": "var(--colors-neutral-100)"
+  "sizes.container.smaller.xs": {
+    "value": "290px",
+    "variable": "var(--sizes-container-smaller-xs)"
   },
-  "colors.neutral.200": {
-    "value": "#e5e5e5",
-    "variable": "var(--colors-neutral-200)"
+  "sizes.container.smaller.sm": {
+    "value": "410px",
+    "variable": "var(--sizes-container-smaller-sm)"
   },
-  "colors.neutral.300": {
-    "value": "#d4d4d4",
-    "variable": "var(--colors-neutral-300)"
+  "sizes.container.bigger.xs": {
+    "value": "380px",
+    "variable": "var(--sizes-container-bigger-xs)"
   },
-  "colors.neutral.400": {
-    "value": "#a3a3a3",
-    "variable": "var(--colors-neutral-400)"
+  "sizes.container.xxs": {
+    "value": "150px",
+    "variable": "var(--sizes-container-xxs)"
   },
-  "colors.neutral.500": {
-    "value": "#737373",
-    "variable": "var(--colors-neutral-500)"
+  "sizes.container.xs": {
+    "value": "350px",
+    "variable": "var(--sizes-container-xs)"
   },
-  "colors.neutral.600": {
-    "value": "#525252",
-    "variable": "var(--colors-neutral-600)"
+  "sizes.container.sm": {
+    "value": "640px",
+    "variable": "var(--sizes-container-sm)"
   },
-  "colors.neutral.700": {
-    "value": "#404040",
-    "variable": "var(--colors-neutral-700)"
+  "sizes.container.md": {
+    "value": "768px",
+    "variable": "var(--sizes-container-md)"
   },
-  "colors.neutral.800": {
-    "value": "#262626",
-    "variable": "var(--colors-neutral-800)"
+  "sizes.container.lg": {
+    "value": "1024px",
+    "variable": "var(--sizes-container-lg)"
   },
-  "colors.neutral.900": {
-    "value": "#171717",
-    "variable": "var(--colors-neutral-900)"
+  "sizes.container.xl": {
+    "value": "1280px",
+    "variable": "var(--sizes-container-xl)"
   },
-  "colors.neutral.950": {
-    "value": "#0a0a0a",
-    "variable": "var(--colors-neutral-950)"
+  "sizes.container.xxl": {
+    "value": "1440px",
+    "variable": "var(--sizes-container-xxl)"
   },
-  "colors.stone.50": {
-    "value": "#fafaf9",
-    "variable": "var(--colors-stone-50)"
+  "sizes.container.content-xl": {
+    "value": "729px",
+    "variable": "var(--sizes-container-content-xl)"
   },
-  "colors.stone.100": {
-    "value": "#f5f5f4",
-    "variable": "var(--colors-stone-100)"
+  "sizes.container.content-2xl": {
+    "value": "829px",
+    "variable": "var(--sizes-container-content-2xl)"
   },
-  "colors.stone.200": {
-    "value": "#e7e5e4",
-    "variable": "var(--colors-stone-200)"
+  "sizes.container.grid.base-size": {
+    "value": "220px",
+    "variable": "var(--sizes-container-grid-base-size)"
   },
-  "colors.stone.300": {
-    "value": "#d6d3d1",
-    "variable": "var(--colors-stone-300)"
+  "sizes.container.grid.label-height": {
+    "value": "56px",
+    "variable": "var(--sizes-container-grid-label-height)"
+  },
+  "sizes.container.grid.grid-gap": {
+    "value": "28px",
+    "variable": "var(--sizes-container-grid-grid-gap)"
   },
-  "colors.stone.400": {
-    "value": "#a8a29e",
-    "variable": "var(--colors-stone-400)"
+  "sizes.container.side-bar.collapsed": {
+    "value": "65px",
+    "variable": "var(--sizes-container-side-bar-collapsed)"
   },
-  "colors.stone.500": {
-    "value": "#78716c",
-    "variable": "var(--colors-stone-500)"
+  "sizes.container.side-bar.expanded": {
+    "value": "210px",
+    "variable": "var(--sizes-container-side-bar-expanded)"
   },
-  "colors.stone.600": {
-    "value": "#57534e",
-    "variable": "var(--colors-stone-600)"
+  "sizes.table.cell.min-width": {
+    "value": "200px",
+    "variable": "var(--sizes-table-cell-min-width)"
   },
-  "colors.stone.700": {
-    "value": "#44403c",
-    "variable": "var(--colors-stone-700)"
+  "sizes.table.instances.name-cell": {
+    "value": "300px",
+    "variable": "var(--sizes-table-instances-name-cell)"
   },
-  "colors.stone.800": {
-    "value": "#292524",
-    "variable": "var(--colors-stone-800)"
+  "sizes.table.instances.name": {
+    "value": "200px",
+    "variable": "var(--sizes-table-instances-name)"
   },
-  "colors.stone.900": {
-    "value": "#1c1917",
-    "variable": "var(--colors-stone-900)"
+  "sizes.table.instances.cell": {
+    "value": "180px",
+    "variable": "var(--sizes-table-instances-cell)"
   },
-  "colors.stone.950": {
-    "value": "#0c0a09",
-    "variable": "var(--colors-stone-950)"
+  "sizes.sourcecode.width": {
+    "value": "40px",
+    "variable": "var(--sizes-sourcecode-width)"
   },
-  "colors.zinc.50": {
-    "value": "#fafafa",
-    "variable": "var(--colors-zinc-50)"
+  "sizes.slider.label": {
+    "value": "40px",
+    "variable": "var(--sizes-slider-label)"
   },
-  "colors.zinc.100": {
-    "value": "#f4f4f5",
-    "variable": "var(--colors-zinc-100)"
+  "sizes.slider.thumb.sm": {
+    "value": "16px",
+    "variable": "var(--sizes-slider-thumb-sm)"
   },
-  "colors.zinc.200": {
-    "value": "#e4e4e7",
-    "variable": "var(--colors-zinc-200)"
+  "sizes.slider.thumb.lg": {
+    "value": "20px",
+    "variable": "var(--sizes-slider-thumb-lg)"
   },
-  "colors.zinc.300": {
-    "value": "#d4d4d8",
-    "variable": "var(--colors-zinc-300)"
+  "sizes.skeleton.height": {
+    "value": "40px",
+    "variable": "var(--sizes-skeleton-height)"
   },
-  "colors.zinc.400": {
-    "value": "#a1a1aa",
-    "variable": "var(--colors-zinc-400)"
+  "sizes.skeleton.width": {
+    "value": "full",
+    "variable": "var(--sizes-skeleton-width)"
   },
-  "colors.zinc.500": {
-    "value": "#71717a",
-    "variable": "var(--colors-zinc-500)"
+  "sizes.skeleton.button.width": {
+    "value": "150px",
+    "variable": "var(--sizes-skeleton-button-width)"
   },
-  "colors.zinc.600": {
-    "value": "#52525b",
-    "variable": "var(--colors-zinc-600)"
+  "sizes.skeleton.button.height": {
+    "value": "var(--sizes-skeleton-height)",
+    "variable": "var(--sizes-skeleton-button-height)"
   },
-  "colors.zinc.700": {
-    "value": "#3f3f46",
-    "variable": "var(--colors-zinc-700)"
+  "sizes.skeleton.input.width": {
+    "value": "230px",
+    "variable": "var(--sizes-skeleton-input-width)"
   },
-  "colors.zinc.800": {
-    "value": "#27272a",
-    "variable": "var(--colors-zinc-800)"
+  "sizes.skeleton.input.height": {
+    "value": "var(--sizes-skeleton-height)",
+    "variable": "var(--sizes-skeleton-input-height)"
   },
-  "colors.zinc.900": {
-    "value": "#18181b",
-    "variable": "var(--colors-zinc-900)"
+  "sizes.skeleton.textarea.width": {
+    "value": "var(--sizes-skeleton-width)",
+    "variable": "var(--sizes-skeleton-textarea-width)"
   },
-  "colors.zinc.950": {
-    "value": "#09090b",
-    "variable": "var(--colors-zinc-950)"
+  "sizes.skeleton.textarea.height": {
+    "value": "80px",
+    "variable": "var(--sizes-skeleton-textarea-height)"
   },
-  "colors.gray.50": {
-    "value": "#f9fafb",
-    "variable": "var(--colors-gray-50)"
+  "sizes.skeleton.avatar.width": {
+    "value": "var(--sizes-skeleton-height)",
+    "variable": "var(--sizes-skeleton-avatar-width)"
   },
-  "colors.gray.100": {
-    "value": "#f3f4f6",
-    "variable": "var(--colors-gray-100)"
+  "sizes.skeleton.avatar.height": {
+    "value": "var(--sizes-skeleton-height)",
+    "variable": "var(--sizes-skeleton-avatar-height)"
   },
-  "colors.gray.200": {
-    "value": "#e5e7eb",
-    "variable": "var(--colors-gray-200)"
+  "sizes.skeleton.grid.width.xs": {
+    "value": "32px",
+    "variable": "var(--sizes-skeleton-grid-width-xs)"
   },
-  "colors.gray.300": {
-    "value": "#d1d5db",
-    "variable": "var(--colors-gray-300)"
+  "sizes.skeleton.grid.width.sm": {
+    "value": "64px",
+    "variable": "var(--sizes-skeleton-grid-width-sm)"
   },
-  "colors.gray.400": {
-    "value": "#9ca3af",
-    "variable": "var(--colors-gray-400)"
+  "sizes.skeleton.grid.width.md": {
+    "value": "128px",
+    "variable": "var(--sizes-skeleton-grid-width-md)"
   },
-  "colors.gray.500": {
-    "value": "#6b7280",
-    "variable": "var(--colors-gray-500)"
+  "sizes.skeleton.grid.width.lg": {
+    "value": "256px",
+    "variable": "var(--sizes-skeleton-grid-width-lg)"
   },
-  "colors.gray.600": {
-    "value": "#4b5563",
-    "variable": "var(--colors-gray-600)"
+  "sizes.skeleton.grid.width.xl": {
+    "value": "512px",
+    "variable": "var(--sizes-skeleton-grid-width-xl)"
   },
-  "colors.gray.700": {
-    "value": "#374151",
-    "variable": "var(--colors-gray-700)"
+  "sizes.skeleton.grid.height.xs": {
+    "value": "32px",
+    "variable": "var(--sizes-skeleton-grid-height-xs)"
   },
-  "colors.gray.800": {
-    "value": "#1f2937",
-    "variable": "var(--colors-gray-800)"
+  "sizes.skeleton.grid.height.sm": {
+    "value": "64px",
+    "variable": "var(--sizes-skeleton-grid-height-sm)"
   },
-  "colors.gray.900": {
-    "value": "#111827",
-    "variable": "var(--colors-gray-900)"
+  "sizes.skeleton.grid.height.md": {
+    "value": "128px",
+    "variable": "var(--sizes-skeleton-grid-height-md)"
   },
-  "colors.gray.950": {
-    "value": "#030712",
-    "variable": "var(--colors-gray-950)"
+  "sizes.skeleton.grid.height.lg": {
+    "value": "256px",
+    "variable": "var(--sizes-skeleton-grid-height-lg)"
   },
-  "colors.slate.50": {
-    "value": "#f8fafc",
-    "variable": "var(--colors-slate-50)"
+  "sizes.skeleton.grid.height.xl": {
+    "value": "512px",
+    "variable": "var(--sizes-skeleton-grid-height-xl)"
   },
-  "colors.slate.100": {
-    "value": "#f1f5f9",
-    "variable": "var(--colors-slate-100)"
+  "sizes.skeleton.table.height.sm": {
+    "value": "32px",
+    "variable": "var(--sizes-skeleton-table-height-sm)"
   },
-  "colors.slate.200": {
-    "value": "#e2e8f0",
-    "variable": "var(--colors-slate-200)"
+  "sizes.skeleton.table.height.md": {
+    "value": "64px",
+    "variable": "var(--sizes-skeleton-table-height-md)"
   },
-  "colors.slate.300": {
-    "value": "#cbd5e1",
-    "variable": "var(--colors-slate-300)"
+  "sizes.skeleton.table.height.lg": {
+    "value": "128px",
+    "variable": "var(--sizes-skeleton-table-height-lg)"
   },
-  "colors.slate.400": {
-    "value": "#94a3b8",
-    "variable": "var(--colors-slate-400)"
+  "sizes.skeleton.table.height.xl": {
+    "value": "256px",
+    "variable": "var(--sizes-skeleton-table-height-xl)"
   },
-  "colors.slate.500": {
-    "value": "#64748b",
-    "variable": "var(--colors-slate-500)"
+  "sizes.icon.xxs": {
+    "value": "8px",
+    "variable": "var(--sizes-icon-xxs)"
   },
-  "colors.slate.600": {
-    "value": "#475569",
-    "variable": "var(--colors-slate-600)"
+  "sizes.icon.xs": {
+    "value": "16px",
+    "variable": "var(--sizes-icon-xs)"
   },
-  "colors.slate.700": {
-    "value": "#334155",
-    "variable": "var(--colors-slate-700)"
+  "sizes.icon.sm": {
+    "value": "20px",
+    "variable": "var(--sizes-icon-sm)"
   },
-  "colors.slate.800": {
-    "value": "#1e293b",
-    "variable": "var(--colors-slate-800)"
+  "sizes.icon.md": {
+    "value": "24px",
+    "variable": "var(--sizes-icon-md)"
   },
-  "colors.slate.900": {
-    "value": "#0f172a",
-    "variable": "var(--colors-slate-900)"
+  "sizes.icon.lg": {
+    "value": "32px",
+    "variable": "var(--sizes-icon-lg)"
   },
-  "colors.slate.950": {
-    "value": "#020617",
-    "variable": "var(--colors-slate-950)"
+  "sizes.icon.xl": {
+    "value": "40px",
+    "variable": "var(--sizes-icon-xl)"
   },
-  "colors.hover.light.success": {
-    "value": "#ECFDF3d9",
-    "variable": "var(--colors-hover-light-success)"
+  "sizes.icon.xxl": {
+    "value": "48px",
+    "variable": "var(--sizes-icon-xxl)"
   },
-  "colors.hover.light.warning": {
-    "value": "#FFFAEBd9",
-    "variable": "var(--colors-hover-light-warning)"
+  "sizes.icon.smaller.xs": {
+    "value": "14px",
+    "variable": "var(--sizes-icon-smaller-xs)"
+  },
+  "sizes.breakpoint-sm": {
+    "value": "640px",
+    "variable": "var(--sizes-breakpoint-sm)"
   },
-  "colors.hover.light.error": {
-    "value": "#FEF3F2d9",
-    "variable": "var(--colors-hover-light-error)"
+  "sizes.breakpoint-md": {
+    "value": "768px",
+    "variable": "var(--sizes-breakpoint-md)"
   },
-  "colors.hover.light.active": {
-    "value": "#DCEFFCd9",
-    "variable": "var(--colors-hover-light-active)"
+  "sizes.breakpoint-lg": {
+    "value": "1024px",
+    "variable": "var(--sizes-breakpoint-lg)"
   },
-  "colors.hover.light.gray": {
-    "value": "#F2F4F7d9",
-    "variable": "var(--colors-hover-light-gray)"
+  "sizes.breakpoint-2lg": {
+    "value": "1100px",
+    "variable": "var(--sizes-breakpoint-2lg)"
   },
-  "colors.hover.dark.success": {
-    "value": "#12B76Ad9",
-    "variable": "var(--colors-hover-dark-success)"
+  "sizes.breakpoint-xl": {
+    "value": "1280px",
+    "variable": "var(--sizes-breakpoint-xl)"
   },
-  "colors.hover.dark.warning": {
-    "value": "#DC6803d9",
-    "variable": "var(--colors-hover-dark-warning)"
+  "sizes.breakpoint-2xl": {
+    "value": "1536px",
+    "variable": "var(--sizes-breakpoint-2xl)"
   },
-  "colors.hover.dark.error": {
-    "value": "#F04438d9",
-    "variable": "var(--colors-hover-dark-error)"
+  "spacing.0": {
+    "value": "0rem",
+    "variable": "var(--spacing-0)"
   },
-  "colors.hover.dark.active": {
-    "value": "#4c4ff1d9",
-    "variable": "var(--colors-hover-dark-active)"
+  "spacing.1": {
+    "value": "0.25rem",
+    "variable": "var(--spacing-1)"
   },
-  "colors.hover.dark.gray": {
-    "value": "#667085d9",
-    "variable": "var(--colors-hover-dark-gray)"
+  "spacing.2": {
+    "value": "0.5rem",
+    "variable": "var(--spacing-2)"
   },
-  "colors.light.success": {
-    "value": "#ECFDF3",
-    "variable": "var(--colors-light-success)"
+  "spacing.3": {
+    "value": "0.75rem",
+    "variable": "var(--spacing-3)"
   },
-  "colors.light.warning": {
-    "value": "#FFFAEB",
-    "variable": "var(--colors-light-warning)"
+  "spacing.4": {
+    "value": "1rem",
+    "variable": "var(--spacing-4)"
   },
-  "colors.light.error": {
-    "value": "#FEF3F2",
-    "variable": "var(--colors-light-error)"
+  "spacing.5": {
+    "value": "1.25rem",
+    "variable": "var(--spacing-5)"
   },
-  "colors.light.active": {
-    "value": "#DCEFFC",
-    "variable": "var(--colors-light-active)"
+  "spacing.6": {
+    "value": "1.5rem",
+    "variable": "var(--spacing-6)"
   },
-  "colors.light.gray": {
-    "value": "#F2F4F7",
-    "variable": "var(--colors-light-gray)"
+  "spacing.7": {
+    "value": "1.75rem",
+    "variable": "var(--spacing-7)"
   },
-  "colors.dark.success": {
-    "value": "#12B76A",
-    "variable": "var(--colors-dark-success)"
+  "spacing.8": {
+    "value": "2rem",
+    "variable": "var(--spacing-8)"
   },
-  "colors.dark.warning": {
-    "value": "#DC6803",
-    "variable": "var(--colors-dark-warning)"
+  "spacing.9": {
+    "value": "2.25rem",
+    "variable": "var(--spacing-9)"
   },
-  "colors.dark.error": {
-    "value": "#F04438",
-    "variable": "var(--colors-dark-error)"
+  "spacing.10": {
+    "value": "2.5rem",
+    "variable": "var(--spacing-10)"
   },
-  "colors.dark.active": {
-    "value": "#4c4ff1",
-    "variable": "var(--colors-dark-active)"
+  "spacing.11": {
+    "value": "2.75rem",
+    "variable": "var(--spacing-11)"
   },
-  "colors.dark.gray": {
-    "value": "#667085",
-    "variable": "var(--colors-dark-gray)"
+  "spacing.12": {
+    "value": "3rem",
+    "variable": "var(--spacing-12)"
   },
-  "colors.text.normal": {
-    "value": "#1D2939",
-    "variable": "var(--colors-text-normal)"
+  "spacing.14": {
+    "value": "3.5rem",
+    "variable": "var(--spacing-14)"
   },
-  "colors.text.label": {
-    "value": "#475467",
-    "variable": "var(--colors-text-label)"
+  "spacing.16": {
+    "value": "4rem",
+    "variable": "var(--spacing-16)"
   },
-  "colors.text.light": {
-    "value": "#667085",
-    "variable": "var(--colors-text-light)"
+  "spacing.20": {
+    "value": "5rem",
+    "variable": "var(--spacing-20)"
   },
-  "colors.text.success": {
-    "value": "#027A48",
-    "variable": "var(--colors-text-success)"
+  "spacing.24": {
+    "value": "6rem",
+    "variable": "var(--spacing-24)"
   },
-  "colors.text.warning": {
-    "value": "#B54708",
-    "variable": "var(--colors-text-warning)"
+  "spacing.28": {
+    "value": "7rem",
+    "variable": "var(--spacing-28)"
   },
-  "colors.text.error": {
-    "value": "#B42318",
-    "variable": "var(--colors-text-error)"
+  "spacing.32": {
+    "value": "8rem",
+    "variable": "var(--spacing-32)"
   },
-  "colors.text.active": {
-    "value": "#5724e8",
-    "variable": "var(--colors-text-active)"
+  "spacing.36": {
+    "value": "9rem",
+    "variable": "var(--spacing-36)"
   },
-  "colors.text.gray": {
-    "value": "#344054",
-    "variable": "var(--colors-text-gray)"
+  "spacing.40": {
+    "value": "10rem",
+    "variable": "var(--spacing-40)"
   },
-  "colors.decoration.success": {
-    "value": "#6CE9A6",
-    "variable": "var(--colors-decoration-success)"
+  "spacing.44": {
+    "value": "11rem",
+    "variable": "var(--spacing-44)"
   },
-  "colors.decoration.warning": {
-    "value": "#FEC84B",
-    "variable": "var(--colors-decoration-warning)"
+  "spacing.48": {
+    "value": "12rem",
+    "variable": "var(--spacing-48)"
   },
-  "colors.decoration.error": {
-    "value": "#FDA29B",
-    "variable": "var(--colors-decoration-error)"
+  "spacing.52": {
+    "value": "13rem",
+    "variable": "var(--spacing-52)"
   },
-  "colors.decoration.active": {
-    "value": "#8da4f4",
-    "variable": "var(--colors-decoration-active)"
+  "spacing.56": {
+    "value": "14rem",
+    "variable": "var(--spacing-56)"
   },
-  "colors.decoration.gray": {
-    "value": "#D0D5DD",
-    "variable": "var(--colors-decoration-gray)"
+  "spacing.60": {
+    "value": "15rem",
+    "variable": "var(--spacing-60)"
   },
-  "colors.grayscale.0": {
-    "value": "var(--colors-white)",
-    "variable": "var(--colors-grayscale-0)"
+  "spacing.64": {
+    "value": "16rem",
+    "variable": "var(--spacing-64)"
   },
-  "colors.grayscale.50": {
-    "value": "var(--colors-zinc-50)",
-    "variable": "var(--colors-grayscale-50)"
+  "spacing.72": {
+    "value": "18rem",
+    "variable": "var(--spacing-72)"
   },
-  "colors.grayscale.100": {
-    "value": "var(--colors-zinc-100)",
-    "variable": "var(--colors-grayscale-100)"
+  "spacing.80": {
+    "value": "20rem",
+    "variable": "var(--spacing-80)"
   },
-  "colors.grayscale.200": {
-    "value": "var(--colors-zinc-200)",
-    "variable": "var(--colors-grayscale-200)"
+  "spacing.96": {
+    "value": "24rem",
+    "variable": "var(--spacing-96)"
   },
-  "colors.grayscale.300": {
-    "value": "var(--colors-zinc-300)",
-    "variable": "var(--colors-grayscale-300)"
+  "spacing.0.5": {
+    "value": "0.125rem",
+    "variable": "var(--spacing-0\\.5)"
   },
-  "colors.grayscale.400": {
-    "value": "var(--colors-zinc-400)",
-    "variable": "var(--colors-grayscale-400)"
+  "spacing.1.5": {
+    "value": "0.375rem",
+    "variable": "var(--spacing-1\\.5)"
   },
-  "colors.grayscale.500": {
-    "value": "var(--colors-zinc-500)",
-    "variable": "var(--colors-grayscale-500)"
+  "spacing.2.5": {
+    "value": "0.625rem",
+    "variable": "var(--spacing-2\\.5)"
   },
-  "colors.grayscale.600": {
-    "value": "var(--colors-zinc-600)",
-    "variable": "var(--colors-grayscale-600)"
+  "spacing.3.5": {
+    "value": "0.875rem",
+    "variable": "var(--spacing-3\\.5)"
   },
-  "colors.grayscale.700": {
-    "value": "var(--colors-zinc-700)",
-    "variable": "var(--colors-grayscale-700)"
+  "spacing.separator": {
+    "value": "10px",
+    "variable": "var(--spacing-separator)"
   },
-  "colors.grayscale.800": {
-    "value": "var(--colors-zinc-800)",
-    "variable": "var(--colors-grayscale-800)"
+  "spacing.smaller.xs": {
+    "value": "4px",
+    "variable": "var(--spacing-smaller-xs)"
   },
-  "colors.grayscale.900": {
-    "value": "var(--colors-zinc-900)",
-    "variable": "var(--colors-grayscale-900)"
+  "spacing.smaller.sm": {
+    "value": "12px",
+    "variable": "var(--spacing-smaller-sm)"
   },
-  "colors.grayscale.950": {
-    "value": "var(--colors-zinc-950)",
-    "variable": "var(--colors-grayscale-950)"
+  "spacing.smaller.md": {
+    "value": "14px",
+    "variable": "var(--spacing-smaller-md)"
   },
-  "fonts.serif": {
-    "value": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
-    "variable": "var(--fonts-serif)"
+  "spacing.xxs": {
+    "value": "6px",
+    "variable": "var(--spacing-xxs)"
   },
-  "fonts.body": {
-    "value": "Inter",
-    "variable": "var(--fonts-body)"
+  "spacing.xs": {
+    "value": "8px",
+    "variable": "var(--spacing-xs)"
   },
-  "fonts.mono": {
-    "value": "JetBrainsMono",
-    "variable": "var(--fonts-mono)"
+  "spacing.sm": {
+    "value": "16px",
+    "variable": "var(--spacing-sm)"
   },
-  "fonts.sans": {
-    "value": "var(--font-inter, Inter), 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)"
+  "spacing.3xs": {
+    "value": "24px",
+    "variable": "var(--spacing-3xs)"
   },
-  "lineHeights.3": {
-    "value": ".75rem",
-    "variable": "var(--line-heights-3)"
+  "spacing.md": {
+    "value": "32px",
+    "variable": "var(--spacing-md)"
   },
-  "lineHeights.4": {
-    "value": "1rem",
-    "variable": "var(--line-heights-4)"
+  "spacing.lg": {
+    "value": "64px",
+    "variable": "var(--spacing-lg)"
   },
-  "lineHeights.5": {
-    "value": "1.25rem",
-    "variable": "var(--line-heights-5)"
+  "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)"
   },
-  "lineHeights.6": {
-    "value": "1.5rem",
-    "variable": "var(--line-heights-6)"
+  "shadows.2xl": {
+    "value": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+    "variable": "var(--shadows-2xl)"
   },
-  "lineHeights.7": {
-    "value": "1.75rem",
-    "variable": "var(--line-heights-7)"
+  "shadows.inner": {
+    "value": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+    "variable": "var(--shadows-inner)"
   },
-  "lineHeights.8": {
-    "value": "2rem",
-    "variable": "var(--line-heights-8)"
+  "shadows.xs": {
+    "value": "0px 1px 2px rgba(16, 24, 40, 0.05)",
+    "variable": "var(--shadows-xs)"
   },
-  "lineHeights.9": {
-    "value": "2.25rem",
-    "variable": "var(--line-heights-9)"
+  "shadows.sm": {
+    "value": "0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06)",
+    "variable": "var(--shadows-sm)"
   },
-  "lineHeights.10": {
-    "value": "2.5rem",
-    "variable": "var(--line-heights-10)"
+  "shadows.md": {
+    "value": "0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06)",
+    "variable": "var(--shadows-md)"
   },
-  "lineHeights.sm": {
-    "value": "20px",
-    "variable": "var(--line-heights-sm)"
+  "shadows.lg": {
+    "value": "0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03)",
+    "variable": "var(--shadows-lg)"
   },
-  "lineHeights.primary": {
-    "value": "24px",
-    "variable": "var(--line-heights-primary)"
+  "borders.none": {
+    "value": "none",
+    "variable": "var(--borders-none)"
   },
-  "lineHeights.md": {
-    "value": "32px",
-    "variable": "var(--line-heights-md)"
+  "borders.outline.base": {
+    "value": "1px solid var(--colors-light-gray)",
+    "variable": "var(--borders-outline-base)"
   },
-  "lineHeights.lg": {
-    "value": "38px",
-    "variable": "var(--line-heights-lg)"
+  "borders.border.base": {
+    "value": "1px solid var(--colors-decoration-gray)",
+    "variable": "var(--borders-border-base)"
   },
-  "lineHeights.none": {
-    "value": "1",
-    "variable": "var(--line-heights-none)"
+  "borders.border.error": {
+    "value": "1px solid var(--colors-decoration-error)",
+    "variable": "var(--borders-border-error)"
   },
-  "lineHeights.tight": {
-    "value": "1.25",
-    "variable": "var(--line-heights-tight)"
+  "borders.border.success": {
+    "value": "1px solid var(--colors-decoration-success)",
+    "variable": "var(--borders-border-success)"
   },
-  "lineHeights.snug": {
-    "value": "1.375",
-    "variable": "var(--line-heights-snug)"
+  "borders.border.active": {
+    "value": "1px solid var(--colors-decoration-active)",
+    "variable": "var(--borders-border-active)"
   },
-  "lineHeights.normal": {
-    "value": "1.5",
-    "variable": "var(--line-heights-normal)"
+  "opacity.90": {
+    "value": 0.9,
+    "variable": "var(--opacity-90)"
   },
-  "lineHeights.relaxed": {
-    "value": "1.625",
-    "variable": "var(--line-heights-relaxed)"
+  "easings.default": {
+    "value": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "variable": "var(--easings-default)"
   },
-  "lineHeights.loose": {
-    "value": "2",
-    "variable": "var(--line-heights-loose)"
+  "easings.linear": {
+    "value": "linear",
+    "variable": "var(--easings-linear)"
   },
-  "radii.xs": {
-    "value": "0.125rem",
-    "variable": "var(--radii-xs)"
+  "easings.in": {
+    "value": "cubic-bezier(0.4, 0, 1, 1)",
+    "variable": "var(--easings-in)"
   },
-  "radii.sm": {
-    "value": "var(--radii-sm)",
-    "variable": "var(--radii-sm)"
+  "easings.out": {
+    "value": "cubic-bezier(0, 0, 0.2, 1)",
+    "variable": "var(--easings-out)"
   },
-  "radii.md": {
-    "value": "var(--radii-md)",
-    "variable": "var(--radii-md)"
+  "easings.in-out": {
+    "value": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "variable": "var(--easings-in-out)"
   },
-  "radii.lg": {
-    "value": "var(--radii-lg)",
-    "variable": "var(--radii-lg)"
+  "easings.easeInOut": {
+    "value": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "variable": "var(--easings-ease-in-out)"
   },
-  "radii.xl": {
-    "value": "var(--radii-xl)",
-    "variable": "var(--radii-xl)"
+  "durations.fastest": {
+    "value": "50ms",
+    "variable": "var(--durations-fastest)"
   },
-  "radii.2xl": {
-    "value": "1rem",
-    "variable": "var(--radii-2xl)"
+  "durations.faster": {
+    "value": "100ms",
+    "variable": "var(--durations-faster)"
   },
-  "radii.3xl": {
-    "value": "1.5rem",
-    "variable": "var(--radii-3xl)"
+  "durations.normal": {
+    "value": "200ms",
+    "variable": "var(--durations-normal)"
   },
-  "radii.full": {
-    "value": "9999px",
-    "variable": "var(--radii-full)"
+  "durations.slow": {
+    "value": "300ms",
+    "variable": "var(--durations-slow)"
   },
-  "radii.common": {
-    "value": "6px",
-    "variable": "var(--radii-common)"
+  "durations.slower": {
+    "value": "400ms",
+    "variable": "var(--durations-slower)"
   },
-  "radii.radius": {
-    "value": "0.5rem",
-    "variable": "var(--radii-radius)"
+  "durations.slowest": {
+    "value": "500ms",
+    "variable": "var(--durations-slowest)"
   },
-  "breakpoints.2lg": {
-    "value": "1100px",
-    "variable": "var(--breakpoints-2lg)"
+  "durations.fast": {
+    "value": "150ms",
+    "variable": "var(--durations-fast)"
   },
   "breakpoints.sm": {
     "value": "640px",
@@ -2263,6 +2287,10 @@ const tokens = {
     "value": "1024px",
     "variable": "var(--breakpoints-lg)"
   },
+  "breakpoints.2lg": {
+    "value": "1100px",
+    "variable": "var(--breakpoints-2lg)"
+  },
   "breakpoints.xl": {
     "value": "1280px",
     "variable": "var(--breakpoints-xl)"
@@ -2271,9 +2299,29 @@ const tokens = {
     "value": "1536px",
     "variable": "var(--breakpoints-2xl)"
   },
-  "sizes.icon.primary": {
-    "value": "var(--sizes-icon-primary)",
-    "variable": "var(--sizes-icon-primary)"
+  "borders.base": {
+    "value": "1px solid var(--colors-border)",
+    "variable": "var(--borders-base)"
+  },
+  "borders.input": {
+    "value": "1px solid var(--colors-input)",
+    "variable": "var(--borders-input)"
+  },
+  "borders.primary": {
+    "value": "1px solid var(--colors-primary)",
+    "variable": "var(--borders-primary)"
+  },
+  "borders.destructive": {
+    "value": "1px solid var(--colors-destructive)",
+    "variable": "var(--borders-destructive)"
+  },
+  "animations.accordion-down": {
+    "value": "accordion-down 0.2s ease-out",
+    "variable": "var(--animations-accordion-down)"
+  },
+  "animations.accordion-up": {
+    "value": "accordion-up 0.2s ease-out",
+    "variable": "var(--animations-accordion-up)"
   },
   "colors.background": {
     "value": "var(--colors-background)",
@@ -2315,14 +2363,6 @@ const tokens = {
     "value": "var(--colors-input)",
     "variable": "var(--colors-input)"
   },
-  "colors.primary": {
-    "value": "var(--colors-primary)",
-    "variable": "var(--colors-primary)"
-  },
-  "colors.primary.foreground": {
-    "value": "var(--colors-primary-foreground)",
-    "variable": "var(--colors-primary-foreground)"
-  },
   "colors.secondary": {
     "value": "var(--colors-secondary)",
     "variable": "var(--colors-secondary)"
@@ -2351,29 +2391,17 @@ const tokens = {
     "value": "var(--colors-ring)",
     "variable": "var(--colors-ring)"
   },
-  "borders.base": {
-    "value": "var(--borders-base)",
-    "variable": "var(--borders-base)"
-  },
-  "borders.input": {
-    "value": "var(--borders-input)",
-    "variable": "var(--borders-input)"
-  },
-  "borders.primary": {
-    "value": "var(--borders-primary)",
-    "variable": "var(--borders-primary)"
-  },
-  "borders.destructive": {
-    "value": "var(--borders-destructive)",
-    "variable": "var(--borders-destructive)"
+  "colors.primary.foreground": {
+    "value": "var(--colors-primary-foreground)",
+    "variable": "var(--colors-primary-foreground)"
   },
-  "animations.accordion-down": {
-    "value": "var(--animations-accordion-down)",
-    "variable": "var(--animations-accordion-down)"
+  "colors.primary": {
+    "value": "var(--colors-dark-active)",
+    "variable": "var(--colors-primary)"
   },
-  "animations.accordion-up": {
-    "value": "var(--animations-accordion-up)",
-    "variable": "var(--animations-accordion-up)"
+  "sizes.icon.primary": {
+    "value": "var(--sizes-icon-xs)",
+    "variable": "var(--sizes-icon-primary)"
   },
   "spacing.-1": {
     "value": "calc(var(--spacing-1) * -1)",
@@ -2595,6 +2623,10 @@ const tokens = {
     "value": "var(--colors-color-palette-950)",
     "variable": "var(--colors-color-palette-950)"
   },
+  "colors.colorPalette.0": {
+    "value": "var(--colors-color-palette-0)",
+    "variable": "var(--colors-color-palette-0)"
+  },
   "colors.colorPalette.light.success": {
     "value": "var(--colors-color-palette-light-success)",
     "variable": "var(--colors-color-palette-light-success)"
@@ -2667,10 +2699,6 @@ const tokens = {
     "value": "var(--colors-color-palette-light)",
     "variable": "var(--colors-color-palette-light)"
   },
-  "colors.colorPalette.0": {
-    "value": "var(--colors-color-palette-0)",
-    "variable": "var(--colors-color-palette-0)"
-  },
   "colors.colorPalette.foreground": {
     "value": "var(--colors-color-palette-foreground)",
     "variable": "var(--colors-color-palette-foreground)"