thread-ui 0.1.5 → 0.1.7

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

@@ -0,0 +1,2060 @@
+const tokens = {
+  "aspectRatios.square": {
+    "value": "1 / 1",
+    "variable": "var(--thread-ui-aspect-ratios-square)"
+  },
+  "aspectRatios.landscape": {
+    "value": "4 / 3",
+    "variable": "var(--thread-ui-aspect-ratios-landscape)"
+  },
+  "aspectRatios.portrait": {
+    "value": "3 / 4",
+    "variable": "var(--thread-ui-aspect-ratios-portrait)"
+  },
+  "aspectRatios.wide": {
+    "value": "16 / 9",
+    "variable": "var(--thread-ui-aspect-ratios-wide)"
+  },
+  "aspectRatios.ultrawide": {
+    "value": "18 / 5",
+    "variable": "var(--thread-ui-aspect-ratios-ultrawide)"
+  },
+  "aspectRatios.golden": {
+    "value": "1.618 / 1",
+    "variable": "var(--thread-ui-aspect-ratios-golden)"
+  },
+  "borders.none": {
+    "value": "none",
+    "variable": "var(--thread-ui-borders-none)"
+  },
+  "easings.default": {
+    "value": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "variable": "var(--thread-ui-easings-default)"
+  },
+  "easings.linear": {
+    "value": "linear",
+    "variable": "var(--thread-ui-easings-linear)"
+  },
+  "easings.in": {
+    "value": "cubic-bezier(0.4, 0, 1, 1)",
+    "variable": "var(--thread-ui-easings-in)"
+  },
+  "easings.out": {
+    "value": "cubic-bezier(0, 0, 0.2, 1)",
+    "variable": "var(--thread-ui-easings-out)"
+  },
+  "easings.in-out": {
+    "value": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "variable": "var(--thread-ui-easings-in-out)"
+  },
+  "durations.fastest": {
+    "value": "50ms",
+    "variable": "var(--thread-ui-durations-fastest)"
+  },
+  "durations.faster": {
+    "value": "100ms",
+    "variable": "var(--thread-ui-durations-faster)"
+  },
+  "durations.fast": {
+    "value": "150ms",
+    "variable": "var(--thread-ui-durations-fast)"
+  },
+  "durations.normal": {
+    "value": "200ms",
+    "variable": "var(--thread-ui-durations-normal)"
+  },
+  "durations.slow": {
+    "value": "300ms",
+    "variable": "var(--thread-ui-durations-slow)"
+  },
+  "durations.slower": {
+    "value": "400ms",
+    "variable": "var(--thread-ui-durations-slower)"
+  },
+  "durations.slowest": {
+    "value": "500ms",
+    "variable": "var(--thread-ui-durations-slowest)"
+  },
+  "fontWeights.thin": {
+    "value": "100",
+    "variable": "var(--thread-ui-font-weights-thin)"
+  },
+  "fontWeights.extralight": {
+    "value": "200",
+    "variable": "var(--thread-ui-font-weights-extralight)"
+  },
+  "fontWeights.light": {
+    "value": "300",
+    "variable": "var(--thread-ui-font-weights-light)"
+  },
+  "fontWeights.normal": {
+    "value": "400",
+    "variable": "var(--thread-ui-font-weights-normal)"
+  },
+  "fontWeights.medium": {
+    "value": "500",
+    "variable": "var(--thread-ui-font-weights-medium)"
+  },
+  "fontWeights.semibold": {
+    "value": "600",
+    "variable": "var(--thread-ui-font-weights-semibold)"
+  },
+  "fontWeights.bold": {
+    "value": "700",
+    "variable": "var(--thread-ui-font-weights-bold)"
+  },
+  "fontWeights.extrabold": {
+    "value": "800",
+    "variable": "var(--thread-ui-font-weights-extrabold)"
+  },
+  "fontWeights.black": {
+    "value": "900",
+    "variable": "var(--thread-ui-font-weights-black)"
+  },
+  "lineHeights.none": {
+    "value": "1",
+    "variable": "var(--thread-ui-line-heights-none)"
+  },
+  "lineHeights.tight": {
+    "value": "1.25",
+    "variable": "var(--thread-ui-line-heights-tight)"
+  },
+  "lineHeights.snug": {
+    "value": "1.375",
+    "variable": "var(--thread-ui-line-heights-snug)"
+  },
+  "lineHeights.normal": {
+    "value": "1.5",
+    "variable": "var(--thread-ui-line-heights-normal)"
+  },
+  "lineHeights.relaxed": {
+    "value": "1.625",
+    "variable": "var(--thread-ui-line-heights-relaxed)"
+  },
+  "lineHeights.loose": {
+    "value": "2",
+    "variable": "var(--thread-ui-line-heights-loose)"
+  },
+  "fonts.sans": {
+    "value": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
+    "variable": "var(--thread-ui-fonts-sans)"
+  },
+  "fonts.serif": {
+    "value": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
+    "variable": "var(--thread-ui-fonts-serif)"
+  },
+  "fonts.mono": {
+    "value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
+    "variable": "var(--thread-ui-fonts-mono)"
+  },
+  "letterSpacings.tighter": {
+    "value": "-0.05em",
+    "variable": "var(--thread-ui-letter-spacings-tighter)"
+  },
+  "letterSpacings.tight": {
+    "value": "-0.025em",
+    "variable": "var(--thread-ui-letter-spacings-tight)"
+  },
+  "letterSpacings.normal": {
+    "value": "0em",
+    "variable": "var(--thread-ui-letter-spacings-normal)"
+  },
+  "letterSpacings.wide": {
+    "value": "0.025em",
+    "variable": "var(--thread-ui-letter-spacings-wide)"
+  },
+  "letterSpacings.wider": {
+    "value": "0.05em",
+    "variable": "var(--thread-ui-letter-spacings-wider)"
+  },
+  "letterSpacings.widest": {
+    "value": "0.1em",
+    "variable": "var(--thread-ui-letter-spacings-widest)"
+  },
+  "fontSizes.2xs": {
+    "value": "0.5rem",
+    "variable": "var(--thread-ui-font-sizes-2xs)"
+  },
+  "fontSizes.xs": {
+    "value": "0.75rem",
+    "variable": "var(--thread-ui-font-sizes-xs)"
+  },
+  "fontSizes.sm": {
+    "value": "0.875rem",
+    "variable": "var(--thread-ui-font-sizes-sm)"
+  },
+  "fontSizes.md": {
+    "value": "1rem",
+    "variable": "var(--thread-ui-font-sizes-md)"
+  },
+  "fontSizes.lg": {
+    "value": "1.125rem",
+    "variable": "var(--thread-ui-font-sizes-lg)"
+  },
+  "fontSizes.xl": {
+    "value": "1.25rem",
+    "variable": "var(--thread-ui-font-sizes-xl)"
+  },
+  "fontSizes.2xl": {
+    "value": "1.5rem",
+    "variable": "var(--thread-ui-font-sizes-2xl)"
+  },
+  "fontSizes.3xl": {
+    "value": "1.875rem",
+    "variable": "var(--thread-ui-font-sizes-3xl)"
+  },
+  "fontSizes.4xl": {
+    "value": "2.25rem",
+    "variable": "var(--thread-ui-font-sizes-4xl)"
+  },
+  "fontSizes.5xl": {
+    "value": "3rem",
+    "variable": "var(--thread-ui-font-sizes-5xl)"
+  },
+  "fontSizes.6xl": {
+    "value": "3.75rem",
+    "variable": "var(--thread-ui-font-sizes-6xl)"
+  },
+  "fontSizes.7xl": {
+    "value": "4.5rem",
+    "variable": "var(--thread-ui-font-sizes-7xl)"
+  },
+  "fontSizes.8xl": {
+    "value": "6rem",
+    "variable": "var(--thread-ui-font-sizes-8xl)"
+  },
+  "fontSizes.9xl": {
+    "value": "8rem",
+    "variable": "var(--thread-ui-font-sizes-9xl)"
+  },
+  "shadows.xs": {
+    "value": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    "variable": "var(--thread-ui-shadows-xs)"
+  },
+  "shadows.sm": {
+    "value": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+    "variable": "var(--thread-ui-shadows-sm)"
+  },
+  "shadows.md": {
+    "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    "variable": "var(--thread-ui-shadows-md)"
+  },
+  "shadows.lg": {
+    "value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    "variable": "var(--thread-ui-shadows-lg)"
+  },
+  "shadows.xl": {
+    "value": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+    "variable": "var(--thread-ui-shadows-xl)"
+  },
+  "shadows.2xl": {
+    "value": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+    "variable": "var(--thread-ui-shadows-2xl)"
+  },
+  "shadows.inner": {
+    "value": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+    "variable": "var(--thread-ui-shadows-inner)"
+  },
+  "blurs.sm": {
+    "value": "4px",
+    "variable": "var(--thread-ui-blurs-sm)"
+  },
+  "blurs.base": {
+    "value": "8px",
+    "variable": "var(--thread-ui-blurs-base)"
+  },
+  "blurs.md": {
+    "value": "12px",
+    "variable": "var(--thread-ui-blurs-md)"
+  },
+  "blurs.lg": {
+    "value": "16px",
+    "variable": "var(--thread-ui-blurs-lg)"
+  },
+  "blurs.xl": {
+    "value": "24px",
+    "variable": "var(--thread-ui-blurs-xl)"
+  },
+  "blurs.2xl": {
+    "value": "40px",
+    "variable": "var(--thread-ui-blurs-2xl)"
+  },
+  "blurs.3xl": {
+    "value": "64px",
+    "variable": "var(--thread-ui-blurs-3xl)"
+  },
+  "spacing.0": {
+    "value": "0rem",
+    "variable": "var(--thread-ui-spacing-0)"
+  },
+  "spacing.1": {
+    "value": "0.25rem",
+    "variable": "var(--thread-ui-spacing-1)"
+  },
+  "spacing.2": {
+    "value": "0.5rem",
+    "variable": "var(--thread-ui-spacing-2)"
+  },
+  "spacing.3": {
+    "value": "0.75rem",
+    "variable": "var(--thread-ui-spacing-3)"
+  },
+  "spacing.4": {
+    "value": "1rem",
+    "variable": "var(--thread-ui-spacing-4)"
+  },
+  "spacing.5": {
+    "value": "1.25rem",
+    "variable": "var(--thread-ui-spacing-5)"
+  },
+  "spacing.6": {
+    "value": "1.5rem",
+    "variable": "var(--thread-ui-spacing-6)"
+  },
+  "spacing.7": {
+    "value": "1.75rem",
+    "variable": "var(--thread-ui-spacing-7)"
+  },
+  "spacing.8": {
+    "value": "2rem",
+    "variable": "var(--thread-ui-spacing-8)"
+  },
+  "spacing.9": {
+    "value": "2.25rem",
+    "variable": "var(--thread-ui-spacing-9)"
+  },
+  "spacing.10": {
+    "value": "2.5rem",
+    "variable": "var(--thread-ui-spacing-10)"
+  },
+  "spacing.11": {
+    "value": "2.75rem",
+    "variable": "var(--thread-ui-spacing-11)"
+  },
+  "spacing.12": {
+    "value": "3rem",
+    "variable": "var(--thread-ui-spacing-12)"
+  },
+  "spacing.14": {
+    "value": "3.5rem",
+    "variable": "var(--thread-ui-spacing-14)"
+  },
+  "spacing.16": {
+    "value": "4rem",
+    "variable": "var(--thread-ui-spacing-16)"
+  },
+  "spacing.20": {
+    "value": "5rem",
+    "variable": "var(--thread-ui-spacing-20)"
+  },
+  "spacing.24": {
+    "value": "6rem",
+    "variable": "var(--thread-ui-spacing-24)"
+  },
+  "spacing.28": {
+    "value": "7rem",
+    "variable": "var(--thread-ui-spacing-28)"
+  },
+  "spacing.32": {
+    "value": "8rem",
+    "variable": "var(--thread-ui-spacing-32)"
+  },
+  "spacing.36": {
+    "value": "9rem",
+    "variable": "var(--thread-ui-spacing-36)"
+  },
+  "spacing.40": {
+    "value": "10rem",
+    "variable": "var(--thread-ui-spacing-40)"
+  },
+  "spacing.44": {
+    "value": "11rem",
+    "variable": "var(--thread-ui-spacing-44)"
+  },
+  "spacing.48": {
+    "value": "12rem",
+    "variable": "var(--thread-ui-spacing-48)"
+  },
+  "spacing.52": {
+    "value": "13rem",
+    "variable": "var(--thread-ui-spacing-52)"
+  },
+  "spacing.56": {
+    "value": "14rem",
+    "variable": "var(--thread-ui-spacing-56)"
+  },
+  "spacing.60": {
+    "value": "15rem",
+    "variable": "var(--thread-ui-spacing-60)"
+  },
+  "spacing.64": {
+    "value": "16rem",
+    "variable": "var(--thread-ui-spacing-64)"
+  },
+  "spacing.72": {
+    "value": "18rem",
+    "variable": "var(--thread-ui-spacing-72)"
+  },
+  "spacing.80": {
+    "value": "20rem",
+    "variable": "var(--thread-ui-spacing-80)"
+  },
+  "spacing.96": {
+    "value": "24rem",
+    "variable": "var(--thread-ui-spacing-96)"
+  },
+  "spacing.0.5": {
+    "value": "0.125rem",
+    "variable": "var(--thread-ui-spacing-0\\.5)"
+  },
+  "spacing.1.5": {
+    "value": "0.375rem",
+    "variable": "var(--thread-ui-spacing-1\\.5)"
+  },
+  "spacing.2.5": {
+    "value": "0.625rem",
+    "variable": "var(--thread-ui-spacing-2\\.5)"
+  },
+  "spacing.3.5": {
+    "value": "0.875rem",
+    "variable": "var(--thread-ui-spacing-3\\.5)"
+  },
+  "sizes.0": {
+    "value": "0rem",
+    "variable": "var(--thread-ui-sizes-0)"
+  },
+  "sizes.1": {
+    "value": "0.25rem",
+    "variable": "var(--thread-ui-sizes-1)"
+  },
+  "sizes.2": {
+    "value": "0.5rem",
+    "variable": "var(--thread-ui-sizes-2)"
+  },
+  "sizes.3": {
+    "value": "0.75rem",
+    "variable": "var(--thread-ui-sizes-3)"
+  },
+  "sizes.4": {
+    "value": "1rem",
+    "variable": "var(--thread-ui-sizes-4)"
+  },
+  "sizes.5": {
+    "value": "1.25rem",
+    "variable": "var(--thread-ui-sizes-5)"
+  },
+  "sizes.6": {
+    "value": "1.5rem",
+    "variable": "var(--thread-ui-sizes-6)"
+  },
+  "sizes.7": {
+    "value": "1.75rem",
+    "variable": "var(--thread-ui-sizes-7)"
+  },
+  "sizes.8": {
+    "value": "2rem",
+    "variable": "var(--thread-ui-sizes-8)"
+  },
+  "sizes.9": {
+    "value": "2.25rem",
+    "variable": "var(--thread-ui-sizes-9)"
+  },
+  "sizes.10": {
+    "value": "2.5rem",
+    "variable": "var(--thread-ui-sizes-10)"
+  },
+  "sizes.11": {
+    "value": "2.75rem",
+    "variable": "var(--thread-ui-sizes-11)"
+  },
+  "sizes.12": {
+    "value": "3rem",
+    "variable": "var(--thread-ui-sizes-12)"
+  },
+  "sizes.14": {
+    "value": "3.5rem",
+    "variable": "var(--thread-ui-sizes-14)"
+  },
+  "sizes.16": {
+    "value": "4rem",
+    "variable": "var(--thread-ui-sizes-16)"
+  },
+  "sizes.20": {
+    "value": "5rem",
+    "variable": "var(--thread-ui-sizes-20)"
+  },
+  "sizes.24": {
+    "value": "6rem",
+    "variable": "var(--thread-ui-sizes-24)"
+  },
+  "sizes.28": {
+    "value": "7rem",
+    "variable": "var(--thread-ui-sizes-28)"
+  },
+  "sizes.32": {
+    "value": "8rem",
+    "variable": "var(--thread-ui-sizes-32)"
+  },
+  "sizes.36": {
+    "value": "9rem",
+    "variable": "var(--thread-ui-sizes-36)"
+  },
+  "sizes.40": {
+    "value": "10rem",
+    "variable": "var(--thread-ui-sizes-40)"
+  },
+  "sizes.44": {
+    "value": "11rem",
+    "variable": "var(--thread-ui-sizes-44)"
+  },
+  "sizes.48": {
+    "value": "12rem",
+    "variable": "var(--thread-ui-sizes-48)"
+  },
+  "sizes.52": {
+    "value": "13rem",
+    "variable": "var(--thread-ui-sizes-52)"
+  },
+  "sizes.56": {
+    "value": "14rem",
+    "variable": "var(--thread-ui-sizes-56)"
+  },
+  "sizes.60": {
+    "value": "15rem",
+    "variable": "var(--thread-ui-sizes-60)"
+  },
+  "sizes.64": {
+    "value": "16rem",
+    "variable": "var(--thread-ui-sizes-64)"
+  },
+  "sizes.72": {
+    "value": "18rem",
+    "variable": "var(--thread-ui-sizes-72)"
+  },
+  "sizes.80": {
+    "value": "20rem",
+    "variable": "var(--thread-ui-sizes-80)"
+  },
+  "sizes.96": {
+    "value": "24rem",
+    "variable": "var(--thread-ui-sizes-96)"
+  },
+  "sizes.0.5": {
+    "value": "0.125rem",
+    "variable": "var(--thread-ui-sizes-0\\.5)"
+  },
+  "sizes.1.5": {
+    "value": "0.375rem",
+    "variable": "var(--thread-ui-sizes-1\\.5)"
+  },
+  "sizes.2.5": {
+    "value": "0.625rem",
+    "variable": "var(--thread-ui-sizes-2\\.5)"
+  },
+  "sizes.3.5": {
+    "value": "0.875rem",
+    "variable": "var(--thread-ui-sizes-3\\.5)"
+  },
+  "sizes.xs": {
+    "value": "20rem",
+    "variable": "var(--thread-ui-sizes-xs)"
+  },
+  "sizes.sm": {
+    "value": "24rem",
+    "variable": "var(--thread-ui-sizes-sm)"
+  },
+  "sizes.md": {
+    "value": "28rem",
+    "variable": "var(--thread-ui-sizes-md)"
+  },
+  "sizes.lg": {
+    "value": "32rem",
+    "variable": "var(--thread-ui-sizes-lg)"
+  },
+  "sizes.xl": {
+    "value": "36rem",
+    "variable": "var(--thread-ui-sizes-xl)"
+  },
+  "sizes.2xl": {
+    "value": "42rem",
+    "variable": "var(--thread-ui-sizes-2xl)"
+  },
+  "sizes.3xl": {
+    "value": "48rem",
+    "variable": "var(--thread-ui-sizes-3xl)"
+  },
+  "sizes.4xl": {
+    "value": "56rem",
+    "variable": "var(--thread-ui-sizes-4xl)"
+  },
+  "sizes.5xl": {
+    "value": "64rem",
+    "variable": "var(--thread-ui-sizes-5xl)"
+  },
+  "sizes.6xl": {
+    "value": "72rem",
+    "variable": "var(--thread-ui-sizes-6xl)"
+  },
+  "sizes.7xl": {
+    "value": "80rem",
+    "variable": "var(--thread-ui-sizes-7xl)"
+  },
+  "sizes.8xl": {
+    "value": "90rem",
+    "variable": "var(--thread-ui-sizes-8xl)"
+  },
+  "sizes.prose": {
+    "value": "65ch",
+    "variable": "var(--thread-ui-sizes-prose)"
+  },
+  "sizes.full": {
+    "value": "100%",
+    "variable": "var(--thread-ui-sizes-full)"
+  },
+  "sizes.min": {
+    "value": "min-content",
+    "variable": "var(--thread-ui-sizes-min)"
+  },
+  "sizes.max": {
+    "value": "max-content",
+    "variable": "var(--thread-ui-sizes-max)"
+  },
+  "sizes.fit": {
+    "value": "fit-content",
+    "variable": "var(--thread-ui-sizes-fit)"
+  },
+  "sizes.breakpoint-sm": {
+    "value": "640px",
+    "variable": "var(--thread-ui-sizes-breakpoint-sm)"
+  },
+  "sizes.breakpoint-md": {
+    "value": "768px",
+    "variable": "var(--thread-ui-sizes-breakpoint-md)"
+  },
+  "sizes.breakpoint-lg": {
+    "value": "1024px",
+    "variable": "var(--thread-ui-sizes-breakpoint-lg)"
+  },
+  "sizes.breakpoint-xl": {
+    "value": "1280px",
+    "variable": "var(--thread-ui-sizes-breakpoint-xl)"
+  },
+  "sizes.breakpoint-2xl": {
+    "value": "1536px",
+    "variable": "var(--thread-ui-sizes-breakpoint-2xl)"
+  },
+  "animations.spin": {
+    "value": "spin 1s linear infinite",
+    "variable": "var(--thread-ui-animations-spin)"
+  },
+  "animations.ping": {
+    "value": "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
+    "variable": "var(--thread-ui-animations-ping)"
+  },
+  "animations.pulse": {
+    "value": "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+    "variable": "var(--thread-ui-animations-pulse)"
+  },
+  "animations.bounce": {
+    "value": "bounce 1s infinite",
+    "variable": "var(--thread-ui-animations-bounce)"
+  },
+  "colors.current": {
+    "value": "currentColor",
+    "variable": "var(--thread-ui-colors-current)"
+  },
+  "colors.transparent": {
+    "value": "rgb(0 0 0 / 0)",
+    "variable": "var(--thread-ui-colors-transparent)"
+  },
+  "colors.rose.50": {
+    "value": "#fff1f2",
+    "variable": "var(--thread-ui-colors-rose-50)"
+  },
+  "colors.rose.100": {
+    "value": "#ffe4e6",
+    "variable": "var(--thread-ui-colors-rose-100)"
+  },
+  "colors.rose.200": {
+    "value": "#fecdd3",
+    "variable": "var(--thread-ui-colors-rose-200)"
+  },
+  "colors.rose.300": {
+    "value": "#fda4af",
+    "variable": "var(--thread-ui-colors-rose-300)"
+  },
+  "colors.rose.400": {
+    "value": "#fb7185",
+    "variable": "var(--thread-ui-colors-rose-400)"
+  },
+  "colors.rose.500": {
+    "value": "#f43f5e",
+    "variable": "var(--thread-ui-colors-rose-500)"
+  },
+  "colors.rose.600": {
+    "value": "#e11d48",
+    "variable": "var(--thread-ui-colors-rose-600)"
+  },
+  "colors.rose.700": {
+    "value": "#be123c",
+    "variable": "var(--thread-ui-colors-rose-700)"
+  },
+  "colors.rose.800": {
+    "value": "#9f1239",
+    "variable": "var(--thread-ui-colors-rose-800)"
+  },
+  "colors.rose.900": {
+    "value": "#881337",
+    "variable": "var(--thread-ui-colors-rose-900)"
+  },
+  "colors.rose.950": {
+    "value": "#4c0519",
+    "variable": "var(--thread-ui-colors-rose-950)"
+  },
+  "colors.pink.50": {
+    "value": "#fdf2f8",
+    "variable": "var(--thread-ui-colors-pink-50)"
+  },
+  "colors.pink.100": {
+    "value": "#fce7f3",
+    "variable": "var(--thread-ui-colors-pink-100)"
+  },
+  "colors.pink.200": {
+    "value": "#fbcfe8",
+    "variable": "var(--thread-ui-colors-pink-200)"
+  },
+  "colors.pink.300": {
+    "value": "#f9a8d4",
+    "variable": "var(--thread-ui-colors-pink-300)"
+  },
+  "colors.pink.400": {
+    "value": "#f472b6",
+    "variable": "var(--thread-ui-colors-pink-400)"
+  },
+  "colors.pink.500": {
+    "value": "#ec4899",
+    "variable": "var(--thread-ui-colors-pink-500)"
+  },
+  "colors.pink.600": {
+    "value": "#db2777",
+    "variable": "var(--thread-ui-colors-pink-600)"
+  },
+  "colors.pink.700": {
+    "value": "#be185d",
+    "variable": "var(--thread-ui-colors-pink-700)"
+  },
+  "colors.pink.800": {
+    "value": "#9d174d",
+    "variable": "var(--thread-ui-colors-pink-800)"
+  },
+  "colors.pink.900": {
+    "value": "#831843",
+    "variable": "var(--thread-ui-colors-pink-900)"
+  },
+  "colors.pink.950": {
+    "value": "#500724",
+    "variable": "var(--thread-ui-colors-pink-950)"
+  },
+  "colors.fuchsia.50": {
+    "value": "#fdf4ff",
+    "variable": "var(--thread-ui-colors-fuchsia-50)"
+  },
+  "colors.fuchsia.100": {
+    "value": "#fae8ff",
+    "variable": "var(--thread-ui-colors-fuchsia-100)"
+  },
+  "colors.fuchsia.200": {
+    "value": "#f5d0fe",
+    "variable": "var(--thread-ui-colors-fuchsia-200)"
+  },
+  "colors.fuchsia.300": {
+    "value": "#f0abfc",
+    "variable": "var(--thread-ui-colors-fuchsia-300)"
+  },
+  "colors.fuchsia.400": {
+    "value": "#e879f9",
+    "variable": "var(--thread-ui-colors-fuchsia-400)"
+  },
+  "colors.fuchsia.500": {
+    "value": "#d946ef",
+    "variable": "var(--thread-ui-colors-fuchsia-500)"
+  },
+  "colors.fuchsia.600": {
+    "value": "#c026d3",
+    "variable": "var(--thread-ui-colors-fuchsia-600)"
+  },
+  "colors.fuchsia.700": {
+    "value": "#a21caf",
+    "variable": "var(--thread-ui-colors-fuchsia-700)"
+  },
+  "colors.fuchsia.800": {
+    "value": "#86198f",
+    "variable": "var(--thread-ui-colors-fuchsia-800)"
+  },
+  "colors.fuchsia.900": {
+    "value": "#701a75",
+    "variable": "var(--thread-ui-colors-fuchsia-900)"
+  },
+  "colors.fuchsia.950": {
+    "value": "#4a044e",
+    "variable": "var(--thread-ui-colors-fuchsia-950)"
+  },
+  "colors.purple.50": {
+    "value": "#faf5ff",
+    "variable": "var(--thread-ui-colors-purple-50)"
+  },
+  "colors.purple.100": {
+    "value": "#f3e8ff",
+    "variable": "var(--thread-ui-colors-purple-100)"
+  },
+  "colors.purple.200": {
+    "value": "#e9d5ff",
+    "variable": "var(--thread-ui-colors-purple-200)"
+  },
+  "colors.purple.300": {
+    "value": "#d8b4fe",
+    "variable": "var(--thread-ui-colors-purple-300)"
+  },
+  "colors.purple.400": {
+    "value": "#c084fc",
+    "variable": "var(--thread-ui-colors-purple-400)"
+  },
+  "colors.purple.500": {
+    "value": "#a855f7",
+    "variable": "var(--thread-ui-colors-purple-500)"
+  },
+  "colors.purple.600": {
+    "value": "#9333ea",
+    "variable": "var(--thread-ui-colors-purple-600)"
+  },
+  "colors.purple.700": {
+    "value": "#7e22ce",
+    "variable": "var(--thread-ui-colors-purple-700)"
+  },
+  "colors.purple.800": {
+    "value": "#6b21a8",
+    "variable": "var(--thread-ui-colors-purple-800)"
+  },
+  "colors.purple.900": {
+    "value": "#581c87",
+    "variable": "var(--thread-ui-colors-purple-900)"
+  },
+  "colors.purple.950": {
+    "value": "#3b0764",
+    "variable": "var(--thread-ui-colors-purple-950)"
+  },
+  "colors.violet.50": {
+    "value": "#f5f3ff",
+    "variable": "var(--thread-ui-colors-violet-50)"
+  },
+  "colors.violet.100": {
+    "value": "#ede9fe",
+    "variable": "var(--thread-ui-colors-violet-100)"
+  },
+  "colors.violet.200": {
+    "value": "#ddd6fe",
+    "variable": "var(--thread-ui-colors-violet-200)"
+  },
+  "colors.violet.300": {
+    "value": "#c4b5fd",
+    "variable": "var(--thread-ui-colors-violet-300)"
+  },
+  "colors.violet.400": {
+    "value": "#a78bfa",
+    "variable": "var(--thread-ui-colors-violet-400)"
+  },
+  "colors.violet.500": {
+    "value": "#8b5cf6",
+    "variable": "var(--thread-ui-colors-violet-500)"
+  },
+  "colors.violet.600": {
+    "value": "#7c3aed",
+    "variable": "var(--thread-ui-colors-violet-600)"
+  },
+  "colors.violet.700": {
+    "value": "#6d28d9",
+    "variable": "var(--thread-ui-colors-violet-700)"
+  },
+  "colors.violet.800": {
+    "value": "#5b21b6",
+    "variable": "var(--thread-ui-colors-violet-800)"
+  },
+  "colors.violet.900": {
+    "value": "#4c1d95",
+    "variable": "var(--thread-ui-colors-violet-900)"
+  },
+  "colors.violet.950": {
+    "value": "#2e1065",
+    "variable": "var(--thread-ui-colors-violet-950)"
+  },
+  "colors.indigo.50": {
+    "value": "#eef2ff",
+    "variable": "var(--thread-ui-colors-indigo-50)"
+  },
+  "colors.indigo.100": {
+    "value": "#e0e7ff",
+    "variable": "var(--thread-ui-colors-indigo-100)"
+  },
+  "colors.indigo.200": {
+    "value": "#c7d2fe",
+    "variable": "var(--thread-ui-colors-indigo-200)"
+  },
+  "colors.indigo.300": {
+    "value": "#a5b4fc",
+    "variable": "var(--thread-ui-colors-indigo-300)"
+  },
+  "colors.indigo.400": {
+    "value": "#818cf8",
+    "variable": "var(--thread-ui-colors-indigo-400)"
+  },
+  "colors.indigo.500": {
+    "value": "#6366f1",
+    "variable": "var(--thread-ui-colors-indigo-500)"
+  },
+  "colors.indigo.600": {
+    "value": "#4f46e5",
+    "variable": "var(--thread-ui-colors-indigo-600)"
+  },
+  "colors.indigo.700": {
+    "value": "#4338ca",
+    "variable": "var(--thread-ui-colors-indigo-700)"
+  },
+  "colors.indigo.800": {
+    "value": "#3730a3",
+    "variable": "var(--thread-ui-colors-indigo-800)"
+  },
+  "colors.indigo.900": {
+    "value": "#312e81",
+    "variable": "var(--thread-ui-colors-indigo-900)"
+  },
+  "colors.indigo.950": {
+    "value": "#1e1b4b",
+    "variable": "var(--thread-ui-colors-indigo-950)"
+  },
+  "colors.blue.50": {
+    "value": "#eff6ff",
+    "variable": "var(--thread-ui-colors-blue-50)"
+  },
+  "colors.blue.100": {
+    "value": "#dbeafe",
+    "variable": "var(--thread-ui-colors-blue-100)"
+  },
+  "colors.blue.200": {
+    "value": "#bfdbfe",
+    "variable": "var(--thread-ui-colors-blue-200)"
+  },
+  "colors.blue.300": {
+    "value": "#93c5fd",
+    "variable": "var(--thread-ui-colors-blue-300)"
+  },
+  "colors.blue.400": {
+    "value": "#60a5fa",
+    "variable": "var(--thread-ui-colors-blue-400)"
+  },
+  "colors.blue.500": {
+    "value": "#3b82f6",
+    "variable": "var(--thread-ui-colors-blue-500)"
+  },
+  "colors.blue.600": {
+    "value": "#2563eb",
+    "variable": "var(--thread-ui-colors-blue-600)"
+  },
+  "colors.blue.700": {
+    "value": "#1d4ed8",
+    "variable": "var(--thread-ui-colors-blue-700)"
+  },
+  "colors.blue.800": {
+    "value": "#1e40af",
+    "variable": "var(--thread-ui-colors-blue-800)"
+  },
+  "colors.blue.900": {
+    "value": "#1e3a8a",
+    "variable": "var(--thread-ui-colors-blue-900)"
+  },
+  "colors.blue.950": {
+    "value": "#172554",
+    "variable": "var(--thread-ui-colors-blue-950)"
+  },
+  "colors.sky.50": {
+    "value": "#f0f9ff",
+    "variable": "var(--thread-ui-colors-sky-50)"
+  },
+  "colors.sky.100": {
+    "value": "#e0f2fe",
+    "variable": "var(--thread-ui-colors-sky-100)"
+  },
+  "colors.sky.200": {
+    "value": "#bae6fd",
+    "variable": "var(--thread-ui-colors-sky-200)"
+  },
+  "colors.sky.300": {
+    "value": "#7dd3fc",
+    "variable": "var(--thread-ui-colors-sky-300)"
+  },
+  "colors.sky.400": {
+    "value": "#38bdf8",
+    "variable": "var(--thread-ui-colors-sky-400)"
+  },
+  "colors.sky.500": {
+    "value": "#0ea5e9",
+    "variable": "var(--thread-ui-colors-sky-500)"
+  },
+  "colors.sky.600": {
+    "value": "#0284c7",
+    "variable": "var(--thread-ui-colors-sky-600)"
+  },
+  "colors.sky.700": {
+    "value": "#0369a1",
+    "variable": "var(--thread-ui-colors-sky-700)"
+  },
+  "colors.sky.800": {
+    "value": "#075985",
+    "variable": "var(--thread-ui-colors-sky-800)"
+  },
+  "colors.sky.900": {
+    "value": "#0c4a6e",
+    "variable": "var(--thread-ui-colors-sky-900)"
+  },
+  "colors.sky.950": {
+    "value": "#082f49",
+    "variable": "var(--thread-ui-colors-sky-950)"
+  },
+  "colors.cyan.50": {
+    "value": "#ecfeff",
+    "variable": "var(--thread-ui-colors-cyan-50)"
+  },
+  "colors.cyan.100": {
+    "value": "#cffafe",
+    "variable": "var(--thread-ui-colors-cyan-100)"
+  },
+  "colors.cyan.200": {
+    "value": "#a5f3fc",
+    "variable": "var(--thread-ui-colors-cyan-200)"
+  },
+  "colors.cyan.300": {
+    "value": "#67e8f9",
+    "variable": "var(--thread-ui-colors-cyan-300)"
+  },
+  "colors.cyan.400": {
+    "value": "#22d3ee",
+    "variable": "var(--thread-ui-colors-cyan-400)"
+  },
+  "colors.cyan.500": {
+    "value": "#06b6d4",
+    "variable": "var(--thread-ui-colors-cyan-500)"
+  },
+  "colors.cyan.600": {
+    "value": "#0891b2",
+    "variable": "var(--thread-ui-colors-cyan-600)"
+  },
+  "colors.cyan.700": {
+    "value": "#0e7490",
+    "variable": "var(--thread-ui-colors-cyan-700)"
+  },
+  "colors.cyan.800": {
+    "value": "#155e75",
+    "variable": "var(--thread-ui-colors-cyan-800)"
+  },
+  "colors.cyan.900": {
+    "value": "#164e63",
+    "variable": "var(--thread-ui-colors-cyan-900)"
+  },
+  "colors.cyan.950": {
+    "value": "#083344",
+    "variable": "var(--thread-ui-colors-cyan-950)"
+  },
+  "colors.teal.50": {
+    "value": "#f0fdfa",
+    "variable": "var(--thread-ui-colors-teal-50)"
+  },
+  "colors.teal.100": {
+    "value": "#ccfbf1",
+    "variable": "var(--thread-ui-colors-teal-100)"
+  },
+  "colors.teal.200": {
+    "value": "#99f6e4",
+    "variable": "var(--thread-ui-colors-teal-200)"
+  },
+  "colors.teal.300": {
+    "value": "#5eead4",
+    "variable": "var(--thread-ui-colors-teal-300)"
+  },
+  "colors.teal.400": {
+    "value": "#2dd4bf",
+    "variable": "var(--thread-ui-colors-teal-400)"
+  },
+  "colors.teal.500": {
+    "value": "#14b8a6",
+    "variable": "var(--thread-ui-colors-teal-500)"
+  },
+  "colors.teal.600": {
+    "value": "#0d9488",
+    "variable": "var(--thread-ui-colors-teal-600)"
+  },
+  "colors.teal.700": {
+    "value": "#0f766e",
+    "variable": "var(--thread-ui-colors-teal-700)"
+  },
+  "colors.teal.800": {
+    "value": "#115e59",
+    "variable": "var(--thread-ui-colors-teal-800)"
+  },
+  "colors.teal.900": {
+    "value": "#134e4a",
+    "variable": "var(--thread-ui-colors-teal-900)"
+  },
+  "colors.teal.950": {
+    "value": "#042f2e",
+    "variable": "var(--thread-ui-colors-teal-950)"
+  },
+  "colors.emerald.50": {
+    "value": "#ecfdf5",
+    "variable": "var(--thread-ui-colors-emerald-50)"
+  },
+  "colors.emerald.100": {
+    "value": "#d1fae5",
+    "variable": "var(--thread-ui-colors-emerald-100)"
+  },
+  "colors.emerald.200": {
+    "value": "#a7f3d0",
+    "variable": "var(--thread-ui-colors-emerald-200)"
+  },
+  "colors.emerald.300": {
+    "value": "#6ee7b7",
+    "variable": "var(--thread-ui-colors-emerald-300)"
+  },
+  "colors.emerald.400": {
+    "value": "#34d399",
+    "variable": "var(--thread-ui-colors-emerald-400)"
+  },
+  "colors.emerald.500": {
+    "value": "#10b981",
+    "variable": "var(--thread-ui-colors-emerald-500)"
+  },
+  "colors.emerald.600": {
+    "value": "#059669",
+    "variable": "var(--thread-ui-colors-emerald-600)"
+  },
+  "colors.emerald.700": {
+    "value": "#047857",
+    "variable": "var(--thread-ui-colors-emerald-700)"
+  },
+  "colors.emerald.800": {
+    "value": "#065f46",
+    "variable": "var(--thread-ui-colors-emerald-800)"
+  },
+  "colors.emerald.900": {
+    "value": "#064e3b",
+    "variable": "var(--thread-ui-colors-emerald-900)"
+  },
+  "colors.emerald.950": {
+    "value": "#022c22",
+    "variable": "var(--thread-ui-colors-emerald-950)"
+  },
+  "colors.green.50": {
+    "value": "#f0fdf4",
+    "variable": "var(--thread-ui-colors-green-50)"
+  },
+  "colors.green.100": {
+    "value": "#dcfce7",
+    "variable": "var(--thread-ui-colors-green-100)"
+  },
+  "colors.green.200": {
+    "value": "#bbf7d0",
+    "variable": "var(--thread-ui-colors-green-200)"
+  },
+  "colors.green.300": {
+    "value": "#86efac",
+    "variable": "var(--thread-ui-colors-green-300)"
+  },
+  "colors.green.400": {
+    "value": "#4ade80",
+    "variable": "var(--thread-ui-colors-green-400)"
+  },
+  "colors.green.500": {
+    "value": "#22c55e",
+    "variable": "var(--thread-ui-colors-green-500)"
+  },
+  "colors.green.600": {
+    "value": "#16a34a",
+    "variable": "var(--thread-ui-colors-green-600)"
+  },
+  "colors.green.700": {
+    "value": "#15803d",
+    "variable": "var(--thread-ui-colors-green-700)"
+  },
+  "colors.green.800": {
+    "value": "#166534",
+    "variable": "var(--thread-ui-colors-green-800)"
+  },
+  "colors.green.900": {
+    "value": "#14532d",
+    "variable": "var(--thread-ui-colors-green-900)"
+  },
+  "colors.green.950": {
+    "value": "#052e16",
+    "variable": "var(--thread-ui-colors-green-950)"
+  },
+  "colors.lime.50": {
+    "value": "#f7fee7",
+    "variable": "var(--thread-ui-colors-lime-50)"
+  },
+  "colors.lime.100": {
+    "value": "#ecfccb",
+    "variable": "var(--thread-ui-colors-lime-100)"
+  },
+  "colors.lime.200": {
+    "value": "#d9f99d",
+    "variable": "var(--thread-ui-colors-lime-200)"
+  },
+  "colors.lime.300": {
+    "value": "#bef264",
+    "variable": "var(--thread-ui-colors-lime-300)"
+  },
+  "colors.lime.400": {
+    "value": "#a3e635",
+    "variable": "var(--thread-ui-colors-lime-400)"
+  },
+  "colors.lime.500": {
+    "value": "#84cc16",
+    "variable": "var(--thread-ui-colors-lime-500)"
+  },
+  "colors.lime.600": {
+    "value": "#65a30d",
+    "variable": "var(--thread-ui-colors-lime-600)"
+  },
+  "colors.lime.700": {
+    "value": "#4d7c0f",
+    "variable": "var(--thread-ui-colors-lime-700)"
+  },
+  "colors.lime.800": {
+    "value": "#3f6212",
+    "variable": "var(--thread-ui-colors-lime-800)"
+  },
+  "colors.lime.900": {
+    "value": "#365314",
+    "variable": "var(--thread-ui-colors-lime-900)"
+  },
+  "colors.lime.950": {
+    "value": "#1a2e05",
+    "variable": "var(--thread-ui-colors-lime-950)"
+  },
+  "colors.yellow.50": {
+    "value": "#fefce8",
+    "variable": "var(--thread-ui-colors-yellow-50)"
+  },
+  "colors.yellow.100": {
+    "value": "#fef9c3",
+    "variable": "var(--thread-ui-colors-yellow-100)"
+  },
+  "colors.yellow.200": {
+    "value": "#fef08a",
+    "variable": "var(--thread-ui-colors-yellow-200)"
+  },
+  "colors.yellow.300": {
+    "value": "#fde047",
+    "variable": "var(--thread-ui-colors-yellow-300)"
+  },
+  "colors.yellow.400": {
+    "value": "#facc15",
+    "variable": "var(--thread-ui-colors-yellow-400)"
+  },
+  "colors.yellow.500": {
+    "value": "#eab308",
+    "variable": "var(--thread-ui-colors-yellow-500)"
+  },
+  "colors.yellow.600": {
+    "value": "#ca8a04",
+    "variable": "var(--thread-ui-colors-yellow-600)"
+  },
+  "colors.yellow.700": {
+    "value": "#a16207",
+    "variable": "var(--thread-ui-colors-yellow-700)"
+  },
+  "colors.yellow.800": {
+    "value": "#854d0e",
+    "variable": "var(--thread-ui-colors-yellow-800)"
+  },
+  "colors.yellow.900": {
+    "value": "#713f12",
+    "variable": "var(--thread-ui-colors-yellow-900)"
+  },
+  "colors.yellow.950": {
+    "value": "#422006",
+    "variable": "var(--thread-ui-colors-yellow-950)"
+  },
+  "colors.amber.50": {
+    "value": "#fffbeb",
+    "variable": "var(--thread-ui-colors-amber-50)"
+  },
+  "colors.amber.100": {
+    "value": "#fef3c7",
+    "variable": "var(--thread-ui-colors-amber-100)"
+  },
+  "colors.amber.200": {
+    "value": "#fde68a",
+    "variable": "var(--thread-ui-colors-amber-200)"
+  },
+  "colors.amber.300": {
+    "value": "#fcd34d",
+    "variable": "var(--thread-ui-colors-amber-300)"
+  },
+  "colors.amber.400": {
+    "value": "#fbbf24",
+    "variable": "var(--thread-ui-colors-amber-400)"
+  },
+  "colors.amber.500": {
+    "value": "#f59e0b",
+    "variable": "var(--thread-ui-colors-amber-500)"
+  },
+  "colors.amber.600": {
+    "value": "#d97706",
+    "variable": "var(--thread-ui-colors-amber-600)"
+  },
+  "colors.amber.700": {
+    "value": "#b45309",
+    "variable": "var(--thread-ui-colors-amber-700)"
+  },
+  "colors.amber.800": {
+    "value": "#92400e",
+    "variable": "var(--thread-ui-colors-amber-800)"
+  },
+  "colors.amber.900": {
+    "value": "#78350f",
+    "variable": "var(--thread-ui-colors-amber-900)"
+  },
+  "colors.amber.950": {
+    "value": "#451a03",
+    "variable": "var(--thread-ui-colors-amber-950)"
+  },
+  "colors.orange.50": {
+    "value": "#fff7ed",
+    "variable": "var(--thread-ui-colors-orange-50)"
+  },
+  "colors.orange.100": {
+    "value": "#ffedd5",
+    "variable": "var(--thread-ui-colors-orange-100)"
+  },
+  "colors.orange.200": {
+    "value": "#fed7aa",
+    "variable": "var(--thread-ui-colors-orange-200)"
+  },
+  "colors.orange.300": {
+    "value": "#fdba74",
+    "variable": "var(--thread-ui-colors-orange-300)"
+  },
+  "colors.orange.400": {
+    "value": "#fb923c",
+    "variable": "var(--thread-ui-colors-orange-400)"
+  },
+  "colors.orange.500": {
+    "value": "#f97316",
+    "variable": "var(--thread-ui-colors-orange-500)"
+  },
+  "colors.orange.600": {
+    "value": "#ea580c",
+    "variable": "var(--thread-ui-colors-orange-600)"
+  },
+  "colors.orange.700": {
+    "value": "#c2410c",
+    "variable": "var(--thread-ui-colors-orange-700)"
+  },
+  "colors.orange.800": {
+    "value": "#9a3412",
+    "variable": "var(--thread-ui-colors-orange-800)"
+  },
+  "colors.orange.900": {
+    "value": "#7c2d12",
+    "variable": "var(--thread-ui-colors-orange-900)"
+  },
+  "colors.orange.950": {
+    "value": "#431407",
+    "variable": "var(--thread-ui-colors-orange-950)"
+  },
+  "colors.red.50": {
+    "value": "#fef2f2",
+    "variable": "var(--thread-ui-colors-red-50)"
+  },
+  "colors.red.100": {
+    "value": "#fee2e2",
+    "variable": "var(--thread-ui-colors-red-100)"
+  },
+  "colors.red.200": {
+    "value": "#fecaca",
+    "variable": "var(--thread-ui-colors-red-200)"
+  },
+  "colors.red.300": {
+    "value": "#fca5a5",
+    "variable": "var(--thread-ui-colors-red-300)"
+  },
+  "colors.red.400": {
+    "value": "#f87171",
+    "variable": "var(--thread-ui-colors-red-400)"
+  },
+  "colors.red.500": {
+    "value": "#ef4444",
+    "variable": "var(--thread-ui-colors-red-500)"
+  },
+  "colors.red.600": {
+    "value": "#dc2626",
+    "variable": "var(--thread-ui-colors-red-600)"
+  },
+  "colors.red.700": {
+    "value": "#b91c1c",
+    "variable": "var(--thread-ui-colors-red-700)"
+  },
+  "colors.red.800": {
+    "value": "#991b1b",
+    "variable": "var(--thread-ui-colors-red-800)"
+  },
+  "colors.red.900": {
+    "value": "#7f1d1d",
+    "variable": "var(--thread-ui-colors-red-900)"
+  },
+  "colors.red.950": {
+    "value": "#450a0a",
+    "variable": "var(--thread-ui-colors-red-950)"
+  },
+  "colors.neutral.50": {
+    "value": "#fafafa",
+    "variable": "var(--thread-ui-colors-neutral-50)"
+  },
+  "colors.neutral.100": {
+    "value": "#f5f5f5",
+    "variable": "var(--thread-ui-colors-neutral-100)"
+  },
+  "colors.neutral.200": {
+    "value": "#e5e5e5",
+    "variable": "var(--thread-ui-colors-neutral-200)"
+  },
+  "colors.neutral.300": {
+    "value": "#d4d4d4",
+    "variable": "var(--thread-ui-colors-neutral-300)"
+  },
+  "colors.neutral.400": {
+    "value": "#a3a3a3",
+    "variable": "var(--thread-ui-colors-neutral-400)"
+  },
+  "colors.neutral.500": {
+    "value": "#737373",
+    "variable": "var(--thread-ui-colors-neutral-500)"
+  },
+  "colors.neutral.600": {
+    "value": "#525252",
+    "variable": "var(--thread-ui-colors-neutral-600)"
+  },
+  "colors.neutral.700": {
+    "value": "#404040",
+    "variable": "var(--thread-ui-colors-neutral-700)"
+  },
+  "colors.neutral.800": {
+    "value": "#262626",
+    "variable": "var(--thread-ui-colors-neutral-800)"
+  },
+  "colors.neutral.900": {
+    "value": "#171717",
+    "variable": "var(--thread-ui-colors-neutral-900)"
+  },
+  "colors.neutral.950": {
+    "value": "#0a0a0a",
+    "variable": "var(--thread-ui-colors-neutral-950)"
+  },
+  "colors.stone.50": {
+    "value": "#fafaf9",
+    "variable": "var(--thread-ui-colors-stone-50)"
+  },
+  "colors.stone.100": {
+    "value": "#f5f5f4",
+    "variable": "var(--thread-ui-colors-stone-100)"
+  },
+  "colors.stone.200": {
+    "value": "#e7e5e4",
+    "variable": "var(--thread-ui-colors-stone-200)"
+  },
+  "colors.stone.300": {
+    "value": "#d6d3d1",
+    "variable": "var(--thread-ui-colors-stone-300)"
+  },
+  "colors.stone.400": {
+    "value": "#a8a29e",
+    "variable": "var(--thread-ui-colors-stone-400)"
+  },
+  "colors.stone.500": {
+    "value": "#78716c",
+    "variable": "var(--thread-ui-colors-stone-500)"
+  },
+  "colors.stone.600": {
+    "value": "#57534e",
+    "variable": "var(--thread-ui-colors-stone-600)"
+  },
+  "colors.stone.700": {
+    "value": "#44403c",
+    "variable": "var(--thread-ui-colors-stone-700)"
+  },
+  "colors.stone.800": {
+    "value": "#292524",
+    "variable": "var(--thread-ui-colors-stone-800)"
+  },
+  "colors.stone.900": {
+    "value": "#1c1917",
+    "variable": "var(--thread-ui-colors-stone-900)"
+  },
+  "colors.stone.950": {
+    "value": "#0c0a09",
+    "variable": "var(--thread-ui-colors-stone-950)"
+  },
+  "colors.zinc.50": {
+    "value": "#fafafa",
+    "variable": "var(--thread-ui-colors-zinc-50)"
+  },
+  "colors.zinc.100": {
+    "value": "#f4f4f5",
+    "variable": "var(--thread-ui-colors-zinc-100)"
+  },
+  "colors.zinc.200": {
+    "value": "#e4e4e7",
+    "variable": "var(--thread-ui-colors-zinc-200)"
+  },
+  "colors.zinc.300": {
+    "value": "#d4d4d8",
+    "variable": "var(--thread-ui-colors-zinc-300)"
+  },
+  "colors.zinc.400": {
+    "value": "#a1a1aa",
+    "variable": "var(--thread-ui-colors-zinc-400)"
+  },
+  "colors.zinc.500": {
+    "value": "#71717a",
+    "variable": "var(--thread-ui-colors-zinc-500)"
+  },
+  "colors.zinc.600": {
+    "value": "#52525b",
+    "variable": "var(--thread-ui-colors-zinc-600)"
+  },
+  "colors.zinc.700": {
+    "value": "#3f3f46",
+    "variable": "var(--thread-ui-colors-zinc-700)"
+  },
+  "colors.zinc.800": {
+    "value": "#27272a",
+    "variable": "var(--thread-ui-colors-zinc-800)"
+  },
+  "colors.zinc.900": {
+    "value": "#18181b",
+    "variable": "var(--thread-ui-colors-zinc-900)"
+  },
+  "colors.zinc.950": {
+    "value": "#09090b",
+    "variable": "var(--thread-ui-colors-zinc-950)"
+  },
+  "colors.slate.50": {
+    "value": "#f8fafc",
+    "variable": "var(--thread-ui-colors-slate-50)"
+  },
+  "colors.slate.100": {
+    "value": "#f1f5f9",
+    "variable": "var(--thread-ui-colors-slate-100)"
+  },
+  "colors.slate.200": {
+    "value": "#e2e8f0",
+    "variable": "var(--thread-ui-colors-slate-200)"
+  },
+  "colors.slate.300": {
+    "value": "#cbd5e1",
+    "variable": "var(--thread-ui-colors-slate-300)"
+  },
+  "colors.slate.400": {
+    "value": "#94a3b8",
+    "variable": "var(--thread-ui-colors-slate-400)"
+  },
+  "colors.slate.500": {
+    "value": "#64748b",
+    "variable": "var(--thread-ui-colors-slate-500)"
+  },
+  "colors.slate.600": {
+    "value": "#475569",
+    "variable": "var(--thread-ui-colors-slate-600)"
+  },
+  "colors.slate.700": {
+    "value": "#334155",
+    "variable": "var(--thread-ui-colors-slate-700)"
+  },
+  "colors.slate.800": {
+    "value": "#1e293b",
+    "variable": "var(--thread-ui-colors-slate-800)"
+  },
+  "colors.slate.900": {
+    "value": "#0f172a",
+    "variable": "var(--thread-ui-colors-slate-900)"
+  },
+  "colors.slate.950": {
+    "value": "#020617",
+    "variable": "var(--thread-ui-colors-slate-950)"
+  },
+  "colors.primary.light": {
+    "value": "var(--thread-primary-light)",
+    "variable": "var(--thread-ui-colors-primary-light)"
+  },
+  "colors.primary.main": {
+    "value": "var(--thread-primary-main)",
+    "variable": "var(--thread-ui-colors-primary-main)"
+  },
+  "colors.primary.dark": {
+    "value": "var(--thread-primary-dark)",
+    "variable": "var(--thread-ui-colors-primary-dark)"
+  },
+  "colors.secondary.light": {
+    "value": "var(--thread-secondary-light)",
+    "variable": "var(--thread-ui-colors-secondary-light)"
+  },
+  "colors.secondary.main": {
+    "value": "var(--thread-secondary-main)",
+    "variable": "var(--thread-ui-colors-secondary-main)"
+  },
+  "colors.secondary.dark": {
+    "value": "var(--thread-secondary-dark)",
+    "variable": "var(--thread-ui-colors-secondary-dark)"
+  },
+  "colors.tertiary.light": {
+    "value": "var(--thread-tertiary-light)",
+    "variable": "var(--thread-ui-colors-tertiary-light)"
+  },
+  "colors.tertiary.main": {
+    "value": "var(--thread-tertiary-main)",
+    "variable": "var(--thread-ui-colors-tertiary-main)"
+  },
+  "colors.tertiary.dark": {
+    "value": "var(--thread-tertiary-dark)",
+    "variable": "var(--thread-ui-colors-tertiary-dark)"
+  },
+  "colors.white": {
+    "value": "var(--thread-white)",
+    "variable": "var(--thread-ui-colors-white)"
+  },
+  "colors.black": {
+    "value": "var(--thread-black)",
+    "variable": "var(--thread-ui-colors-black)"
+  },
+  "colors.gray.50": {
+    "value": "#f9fafb",
+    "variable": "var(--thread-ui-colors-gray-50)"
+  },
+  "colors.gray.100": {
+    "value": "#f3f4f6",
+    "variable": "var(--thread-ui-colors-gray-100)"
+  },
+  "colors.gray.200": {
+    "value": "#e5e7eb",
+    "variable": "var(--thread-ui-colors-gray-200)"
+  },
+  "colors.gray.300": {
+    "value": "#d1d5db",
+    "variable": "var(--thread-ui-colors-gray-300)"
+  },
+  "colors.gray.400": {
+    "value": "#9ca3af",
+    "variable": "var(--thread-ui-colors-gray-400)"
+  },
+  "colors.gray.500": {
+    "value": "#6b7280",
+    "variable": "var(--thread-ui-colors-gray-500)"
+  },
+  "colors.gray.600": {
+    "value": "#4b5563",
+    "variable": "var(--thread-ui-colors-gray-600)"
+  },
+  "colors.gray.700": {
+    "value": "#374151",
+    "variable": "var(--thread-ui-colors-gray-700)"
+  },
+  "colors.gray.800": {
+    "value": "#1f2937",
+    "variable": "var(--thread-ui-colors-gray-800)"
+  },
+  "colors.gray.900": {
+    "value": "#111827",
+    "variable": "var(--thread-ui-colors-gray-900)"
+  },
+  "colors.gray.950": {
+    "value": "#030712",
+    "variable": "var(--thread-ui-colors-gray-950)"
+  },
+  "colors.gray.light": {
+    "value": "var(--thread-gray-light)",
+    "variable": "var(--thread-ui-colors-gray-light)"
+  },
+  "colors.gray.main": {
+    "value": "var(--thread-gray-main)",
+    "variable": "var(--thread-ui-colors-gray-main)"
+  },
+  "colors.gray.dark": {
+    "value": "var(--thread-gray-dark)",
+    "variable": "var(--thread-ui-colors-gray-dark)"
+  },
+  "colors.success.light": {
+    "value": "var(--thread-success-light)",
+    "variable": "var(--thread-ui-colors-success-light)"
+  },
+  "colors.success.main": {
+    "value": "var(--thread-success-main)",
+    "variable": "var(--thread-ui-colors-success-main)"
+  },
+  "colors.success.dark": {
+    "value": "var(--thread-success-dark)",
+    "variable": "var(--thread-ui-colors-success-dark)"
+  },
+  "colors.warning.light": {
+    "value": "var(--thread-warning-light)",
+    "variable": "var(--thread-ui-colors-warning-light)"
+  },
+  "colors.warning.main": {
+    "value": "var(--thread-warning-main)",
+    "variable": "var(--thread-ui-colors-warning-main)"
+  },
+  "colors.warning.dark": {
+    "value": "var(--thread-warning-dark)",
+    "variable": "var(--thread-ui-colors-warning-dark)"
+  },
+  "colors.error.light": {
+    "value": "var(--thread-error-light)",
+    "variable": "var(--thread-ui-colors-error-light)"
+  },
+  "colors.error.main": {
+    "value": "var(--thread-error-main)",
+    "variable": "var(--thread-ui-colors-error-main)"
+  },
+  "colors.error.dark": {
+    "value": "var(--thread-error-dark)",
+    "variable": "var(--thread-ui-colors-error-dark)"
+  },
+  "colors.info.light": {
+    "value": "var(--thread-info-light)",
+    "variable": "var(--thread-ui-colors-info-light)"
+  },
+  "colors.info.main": {
+    "value": "var(--thread-info-main)",
+    "variable": "var(--thread-ui-colors-info-main)"
+  },
+  "colors.info.dark": {
+    "value": "var(--thread-info-dark)",
+    "variable": "var(--thread-ui-colors-info-dark)"
+  },
+  "radii.xs": {
+    "value": "0.125rem",
+    "variable": "var(--thread-ui-radii-xs)"
+  },
+  "radii.xl": {
+    "value": "0.75rem",
+    "variable": "var(--thread-ui-radii-xl)"
+  },
+  "radii.2xl": {
+    "value": "1rem",
+    "variable": "var(--thread-ui-radii-2xl)"
+  },
+  "radii.3xl": {
+    "value": "1.5rem",
+    "variable": "var(--thread-ui-radii-3xl)"
+  },
+  "radii.4xl": {
+    "value": "2rem",
+    "variable": "var(--thread-ui-radii-4xl)"
+  },
+  "radii.full": {
+    "value": "9999px",
+    "variable": "var(--thread-ui-radii-full)"
+  },
+  "radii.sm": {
+    "value": "var(--thread-border-radius-sm)",
+    "variable": "var(--thread-ui-radii-sm)"
+  },
+  "radii.md": {
+    "value": "var(--thread-border-radius-md)",
+    "variable": "var(--thread-ui-radii-md)"
+  },
+  "radii.lg": {
+    "value": "var(--thread-border-radius-lg)",
+    "variable": "var(--thread-ui-radii-lg)"
+  },
+  "borderWidths.sm": {
+    "value": "var(--thread-border-size-sm)",
+    "variable": "var(--thread-ui-border-widths-sm)"
+  },
+  "borderWidths.md": {
+    "value": "var(--thread-border-size-md)",
+    "variable": "var(--thread-ui-border-widths-md)"
+  },
+  "borderWidths.lg": {
+    "value": "var(--thread-border-size-lg)",
+    "variable": "var(--thread-ui-border-widths-lg)"
+  },
+  "breakpoints.sm": {
+    "value": "640px",
+    "variable": "var(--thread-ui-breakpoints-sm)"
+  },
+  "breakpoints.md": {
+    "value": "768px",
+    "variable": "var(--thread-ui-breakpoints-md)"
+  },
+  "breakpoints.lg": {
+    "value": "1024px",
+    "variable": "var(--thread-ui-breakpoints-lg)"
+  },
+  "breakpoints.xl": {
+    "value": "1280px",
+    "variable": "var(--thread-ui-breakpoints-xl)"
+  },
+  "breakpoints.2xl": {
+    "value": "1536px",
+    "variable": "var(--thread-ui-breakpoints-2xl)"
+  },
+  "colors.background": {
+    "value": "var(--thread-ui-colors-background)",
+    "variable": "var(--thread-ui-colors-background)"
+  },
+  "colors.surface": {
+    "value": "var(--thread-ui-colors-surface)",
+    "variable": "var(--thread-ui-colors-surface)"
+  },
+  "colors.elevated": {
+    "value": "var(--thread-ui-colors-elevated)",
+    "variable": "var(--thread-ui-colors-elevated)"
+  },
+  "colors.structure": {
+    "value": "var(--thread-ui-colors-structure)",
+    "variable": "var(--thread-ui-colors-structure)"
+  },
+  "colors.text.standard": {
+    "value": "var(--thread-ui-colors-text-standard)",
+    "variable": "var(--thread-ui-colors-text-standard)"
+  },
+  "colors.text.secondary": {
+    "value": "var(--thread-ui-colors-text-secondary)",
+    "variable": "var(--thread-ui-colors-text-secondary)"
+  },
+  "colors.text.disabled": {
+    "value": "var(--thread-ui-colors-text-disabled)",
+    "variable": "var(--thread-ui-colors-text-disabled)"
+  },
+  "colors.text.accent": {
+    "value": "var(--thread-ui-colors-text-accent)",
+    "variable": "var(--thread-ui-colors-text-accent)"
+  },
+  "spacing.-1": {
+    "value": "calc(var(--thread-ui-spacing-1) * -1)",
+    "variable": "var(--thread-ui-spacing-1)"
+  },
+  "spacing.-2": {
+    "value": "calc(var(--thread-ui-spacing-2) * -1)",
+    "variable": "var(--thread-ui-spacing-2)"
+  },
+  "spacing.-3": {
+    "value": "calc(var(--thread-ui-spacing-3) * -1)",
+    "variable": "var(--thread-ui-spacing-3)"
+  },
+  "spacing.-4": {
+    "value": "calc(var(--thread-ui-spacing-4) * -1)",
+    "variable": "var(--thread-ui-spacing-4)"
+  },
+  "spacing.-5": {
+    "value": "calc(var(--thread-ui-spacing-5) * -1)",
+    "variable": "var(--thread-ui-spacing-5)"
+  },
+  "spacing.-6": {
+    "value": "calc(var(--thread-ui-spacing-6) * -1)",
+    "variable": "var(--thread-ui-spacing-6)"
+  },
+  "spacing.-7": {
+    "value": "calc(var(--thread-ui-spacing-7) * -1)",
+    "variable": "var(--thread-ui-spacing-7)"
+  },
+  "spacing.-8": {
+    "value": "calc(var(--thread-ui-spacing-8) * -1)",
+    "variable": "var(--thread-ui-spacing-8)"
+  },
+  "spacing.-9": {
+    "value": "calc(var(--thread-ui-spacing-9) * -1)",
+    "variable": "var(--thread-ui-spacing-9)"
+  },
+  "spacing.-10": {
+    "value": "calc(var(--thread-ui-spacing-10) * -1)",
+    "variable": "var(--thread-ui-spacing-10)"
+  },
+  "spacing.-11": {
+    "value": "calc(var(--thread-ui-spacing-11) * -1)",
+    "variable": "var(--thread-ui-spacing-11)"
+  },
+  "spacing.-12": {
+    "value": "calc(var(--thread-ui-spacing-12) * -1)",
+    "variable": "var(--thread-ui-spacing-12)"
+  },
+  "spacing.-14": {
+    "value": "calc(var(--thread-ui-spacing-14) * -1)",
+    "variable": "var(--thread-ui-spacing-14)"
+  },
+  "spacing.-16": {
+    "value": "calc(var(--thread-ui-spacing-16) * -1)",
+    "variable": "var(--thread-ui-spacing-16)"
+  },
+  "spacing.-20": {
+    "value": "calc(var(--thread-ui-spacing-20) * -1)",
+    "variable": "var(--thread-ui-spacing-20)"
+  },
+  "spacing.-24": {
+    "value": "calc(var(--thread-ui-spacing-24) * -1)",
+    "variable": "var(--thread-ui-spacing-24)"
+  },
+  "spacing.-28": {
+    "value": "calc(var(--thread-ui-spacing-28) * -1)",
+    "variable": "var(--thread-ui-spacing-28)"
+  },
+  "spacing.-32": {
+    "value": "calc(var(--thread-ui-spacing-32) * -1)",
+    "variable": "var(--thread-ui-spacing-32)"
+  },
+  "spacing.-36": {
+    "value": "calc(var(--thread-ui-spacing-36) * -1)",
+    "variable": "var(--thread-ui-spacing-36)"
+  },
+  "spacing.-40": {
+    "value": "calc(var(--thread-ui-spacing-40) * -1)",
+    "variable": "var(--thread-ui-spacing-40)"
+  },
+  "spacing.-44": {
+    "value": "calc(var(--thread-ui-spacing-44) * -1)",
+    "variable": "var(--thread-ui-spacing-44)"
+  },
+  "spacing.-48": {
+    "value": "calc(var(--thread-ui-spacing-48) * -1)",
+    "variable": "var(--thread-ui-spacing-48)"
+  },
+  "spacing.-52": {
+    "value": "calc(var(--thread-ui-spacing-52) * -1)",
+    "variable": "var(--thread-ui-spacing-52)"
+  },
+  "spacing.-56": {
+    "value": "calc(var(--thread-ui-spacing-56) * -1)",
+    "variable": "var(--thread-ui-spacing-56)"
+  },
+  "spacing.-60": {
+    "value": "calc(var(--thread-ui-spacing-60) * -1)",
+    "variable": "var(--thread-ui-spacing-60)"
+  },
+  "spacing.-64": {
+    "value": "calc(var(--thread-ui-spacing-64) * -1)",
+    "variable": "var(--thread-ui-spacing-64)"
+  },
+  "spacing.-72": {
+    "value": "calc(var(--thread-ui-spacing-72) * -1)",
+    "variable": "var(--thread-ui-spacing-72)"
+  },
+  "spacing.-80": {
+    "value": "calc(var(--thread-ui-spacing-80) * -1)",
+    "variable": "var(--thread-ui-spacing-80)"
+  },
+  "spacing.-96": {
+    "value": "calc(var(--thread-ui-spacing-96) * -1)",
+    "variable": "var(--thread-ui-spacing-96)"
+  },
+  "spacing.-0.5": {
+    "value": "calc(var(--thread-ui-spacing-0\\.5) * -1)",
+    "variable": "var(--thread-ui-spacing-0\\.5)"
+  },
+  "spacing.-1.5": {
+    "value": "calc(var(--thread-ui-spacing-1\\.5) * -1)",
+    "variable": "var(--thread-ui-spacing-1\\.5)"
+  },
+  "spacing.-2.5": {
+    "value": "calc(var(--thread-ui-spacing-2\\.5) * -1)",
+    "variable": "var(--thread-ui-spacing-2\\.5)"
+  },
+  "spacing.-3.5": {
+    "value": "calc(var(--thread-ui-spacing-3\\.5) * -1)",
+    "variable": "var(--thread-ui-spacing-3\\.5)"
+  },
+  "colors.colorPalette": {
+    "value": "var(--thread-ui-colors-color-palette)",
+    "variable": "var(--thread-ui-colors-color-palette)"
+  },
+  "colors.colorPalette.50": {
+    "value": "var(--thread-ui-colors-color-palette-50)",
+    "variable": "var(--thread-ui-colors-color-palette-50)"
+  },
+  "colors.colorPalette.100": {
+    "value": "var(--thread-ui-colors-color-palette-100)",
+    "variable": "var(--thread-ui-colors-color-palette-100)"
+  },
+  "colors.colorPalette.200": {
+    "value": "var(--thread-ui-colors-color-palette-200)",
+    "variable": "var(--thread-ui-colors-color-palette-200)"
+  },
+  "colors.colorPalette.300": {
+    "value": "var(--thread-ui-colors-color-palette-300)",
+    "variable": "var(--thread-ui-colors-color-palette-300)"
+  },
+  "colors.colorPalette.400": {
+    "value": "var(--thread-ui-colors-color-palette-400)",
+    "variable": "var(--thread-ui-colors-color-palette-400)"
+  },
+  "colors.colorPalette.500": {
+    "value": "var(--thread-ui-colors-color-palette-500)",
+    "variable": "var(--thread-ui-colors-color-palette-500)"
+  },
+  "colors.colorPalette.600": {
+    "value": "var(--thread-ui-colors-color-palette-600)",
+    "variable": "var(--thread-ui-colors-color-palette-600)"
+  },
+  "colors.colorPalette.700": {
+    "value": "var(--thread-ui-colors-color-palette-700)",
+    "variable": "var(--thread-ui-colors-color-palette-700)"
+  },
+  "colors.colorPalette.800": {
+    "value": "var(--thread-ui-colors-color-palette-800)",
+    "variable": "var(--thread-ui-colors-color-palette-800)"
+  },
+  "colors.colorPalette.900": {
+    "value": "var(--thread-ui-colors-color-palette-900)",
+    "variable": "var(--thread-ui-colors-color-palette-900)"
+  },
+  "colors.colorPalette.950": {
+    "value": "var(--thread-ui-colors-color-palette-950)",
+    "variable": "var(--thread-ui-colors-color-palette-950)"
+  },
+  "colors.colorPalette.light": {
+    "value": "var(--thread-ui-colors-color-palette-light)",
+    "variable": "var(--thread-ui-colors-color-palette-light)"
+  },
+  "colors.colorPalette.main": {
+    "value": "var(--thread-ui-colors-color-palette-main)",
+    "variable": "var(--thread-ui-colors-color-palette-main)"
+  },
+  "colors.colorPalette.dark": {
+    "value": "var(--thread-ui-colors-color-palette-dark)",
+    "variable": "var(--thread-ui-colors-color-palette-dark)"
+  },
+  "colors.colorPalette.standard": {
+    "value": "var(--thread-ui-colors-color-palette-standard)",
+    "variable": "var(--thread-ui-colors-color-palette-standard)"
+  },
+  "colors.colorPalette.secondary": {
+    "value": "var(--thread-ui-colors-color-palette-secondary)",
+    "variable": "var(--thread-ui-colors-color-palette-secondary)"
+  },
+  "colors.colorPalette.disabled": {
+    "value": "var(--thread-ui-colors-color-palette-disabled)",
+    "variable": "var(--thread-ui-colors-color-palette-disabled)"
+  },
+  "colors.colorPalette.accent": {
+    "value": "var(--thread-ui-colors-color-palette-accent)",
+    "variable": "var(--thread-ui-colors-color-palette-accent)"
+  }
+}
+
+export function token(path, fallback) {
+  return tokens[path]?.value || fallback
+}
+
+function tokenVar(path, fallback) {
+  return tokens[path]?.variable || fallback
+}
+
+token.var = tokenVar