@onesaz/tokens 0.1.0

package/README.md

@@ -0,0 +1,44 @@
+# @onesaz/tokens
+
+Design tokens for the Onesaz UI component library.
+
+## Installation
+
+```bash
+npm install @onesaz/tokens
+```
+
+## Usage
+
+```typescript
+import { accentColors, grayColors, lightTheme, darkTheme } from '@onesaz/tokens'
+
+// Access color scales
+console.log(accentColors.purple[500]) // #8B5CF6
+
+// Use theme tokens
+console.log(lightTheme.background) // #FFFFFF
+console.log(darkTheme.background) // #0F172A
+```
+
+## Available Exports
+
+### Colors
+
+- **Accent Colors**: `purple`, `blue`, `cyan`, `teal`, `green`, `orange`, `red`, `pink`
+- **Gray Colors**: `slate`, `gray`, `zinc`, `neutral`
+
+Each color includes a full scale from 50 to 950.
+
+### Themes
+
+- `lightTheme` - Light mode semantic tokens
+- `darkTheme` - Dark mode semantic tokens
+
+### Utilities
+
+- `generateCSSVariables()` - Generate CSS custom properties from tokens
+
+## License
+
+MIT

package/dist/index.cjs

@@ -0,0 +1,480 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  accentColors: () => accentColors,
+  darkTheme: () => darkTheme,
+  defaultThemeConfig: () => defaultThemeConfig,
+  fontFamilies: () => fontFamilies,
+  fontSizes: () => fontSizes,
+  fontWeights: () => fontWeights,
+  grayColors: () => grayColors,
+  letterSpacings: () => letterSpacings,
+  lightTheme: () => lightTheme,
+  lineHeights: () => lineHeights,
+  radiusPresets: () => radiusPresets,
+  radiusScale: () => radiusScale,
+  semanticColors: () => semanticColors,
+  spacing: () => spacing
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/colors/accents.ts
+var accentColors = {
+  purple: {
+    1: "#faf5ff",
+    2: "#f3e8ff",
+    3: "#e9d5ff",
+    4: "#d8b4fe",
+    5: "#c084fc",
+    6: "#a855f7",
+    7: "#9333ea",
+    8: "#7c3aed",
+    9: "#6d28d9",
+    10: "#5b21b6",
+    11: "#4c1d95",
+    12: "#2e1065"
+  },
+  blue: {
+    1: "#eff6ff",
+    2: "#dbeafe",
+    3: "#bfdbfe",
+    4: "#93c5fd",
+    5: "#60a5fa",
+    6: "#3b82f6",
+    7: "#2563eb",
+    8: "#1d4ed8",
+    9: "#1e40af",
+    10: "#1e3a8a",
+    11: "#172554",
+    12: "#0c1a3d"
+  },
+  cyan: {
+    1: "#ecfeff",
+    2: "#cffafe",
+    3: "#a5f3fc",
+    4: "#67e8f9",
+    5: "#22d3ee",
+    6: "#06b6d4",
+    7: "#0891b2",
+    8: "#0e7490",
+    9: "#155e75",
+    10: "#164e63",
+    11: "#083344",
+    12: "#042f2e"
+  },
+  teal: {
+    1: "#f0fdfa",
+    2: "#ccfbf1",
+    3: "#99f6e4",
+    4: "#5eead4",
+    5: "#2dd4bf",
+    6: "#14b8a6",
+    7: "#0d9488",
+    8: "#0f766e",
+    9: "#115e59",
+    10: "#134e4a",
+    11: "#042f2e",
+    12: "#022322"
+  },
+  green: {
+    1: "#f0fdf4",
+    2: "#dcfce7",
+    3: "#bbf7d0",
+    4: "#86efac",
+    5: "#4ade80",
+    6: "#22c55e",
+    7: "#16a34a",
+    8: "#15803d",
+    9: "#166534",
+    10: "#14532d",
+    11: "#052e16",
+    12: "#022c0d"
+  },
+  orange: {
+    1: "#fff7ed",
+    2: "#ffedd5",
+    3: "#fed7aa",
+    4: "#fdba74",
+    5: "#fb923c",
+    6: "#f97316",
+    7: "#ea580c",
+    8: "#c2410c",
+    9: "#9a3412",
+    10: "#7c2d12",
+    11: "#431407",
+    12: "#27130a"
+  },
+  red: {
+    1: "#fef2f2",
+    2: "#fee2e2",
+    3: "#fecaca",
+    4: "#fca5a5",
+    5: "#f87171",
+    6: "#ef4444",
+    7: "#dc2626",
+    8: "#b91c1c",
+    9: "#991b1b",
+    10: "#7f1d1d",
+    11: "#450a0a",
+    12: "#2a0808"
+  },
+  pink: {
+    1: "#fdf2f8",
+    2: "#fce7f3",
+    3: "#fbcfe8",
+    4: "#f9a8d4",
+    5: "#f472b6",
+    6: "#ec4899",
+    7: "#db2777",
+    8: "#be185d",
+    9: "#9d174d",
+    10: "#831843",
+    11: "#500724",
+    12: "#2e0515"
+  }
+};
+
+// src/colors/grays.ts
+var grayColors = {
+  slate: {
+    1: "#f8fafc",
+    2: "#f1f5f9",
+    3: "#e2e8f0",
+    4: "#cbd5e1",
+    5: "#94a3b8",
+    6: "#64748b",
+    7: "#475569",
+    8: "#334155",
+    9: "#1e293b",
+    10: "#0f172a",
+    11: "#0d1424",
+    12: "#020617"
+  },
+  gray: {
+    1: "#f9fafb",
+    2: "#f3f4f6",
+    3: "#e5e7eb",
+    4: "#d1d5db",
+    5: "#9ca3af",
+    6: "#6b7280",
+    7: "#4b5563",
+    8: "#374151",
+    9: "#1f2937",
+    10: "#111827",
+    11: "#0d1117",
+    12: "#030712"
+  },
+  zinc: {
+    1: "#fafafa",
+    2: "#f4f4f5",
+    3: "#e4e4e7",
+    4: "#d4d4d8",
+    5: "#a1a1aa",
+    6: "#71717a",
+    7: "#52525b",
+    8: "#3f3f46",
+    9: "#27272a",
+    10: "#18181b",
+    11: "#131316",
+    12: "#09090b"
+  },
+  neutral: {
+    1: "#fafafa",
+    2: "#f5f5f5",
+    3: "#e5e5e5",
+    4: "#d4d4d4",
+    5: "#a3a3a3",
+    6: "#737373",
+    7: "#525252",
+    8: "#404040",
+    9: "#262626",
+    10: "#171717",
+    11: "#121212",
+    12: "#0a0a0a"
+  }
+};
+
+// src/colors/semantic.ts
+var semanticColors = {
+  success: {
+    1: "#f0fdf4",
+    2: "#dcfce7",
+    3: "#bbf7d0",
+    4: "#86efac",
+    5: "#4ade80",
+    6: "#22c55e",
+    7: "#16a34a",
+    8: "#15803d",
+    9: "#166534",
+    10: "#14532d",
+    11: "#052e16",
+    12: "#022c0d"
+  },
+  warning: {
+    1: "#fffbeb",
+    2: "#fef3c7",
+    3: "#fde68a",
+    4: "#fcd34d",
+    5: "#fbbf24",
+    6: "#f59e0b",
+    7: "#d97706",
+    8: "#b45309",
+    9: "#92400e",
+    10: "#78350f",
+    11: "#451a03",
+    12: "#271005"
+  },
+  error: {
+    1: "#fef2f2",
+    2: "#fee2e2",
+    3: "#fecaca",
+    4: "#fca5a5",
+    5: "#f87171",
+    6: "#ef4444",
+    7: "#dc2626",
+    8: "#b91c1c",
+    9: "#991b1b",
+    10: "#7f1d1d",
+    11: "#450a0a",
+    12: "#2a0808"
+  },
+  info: {
+    1: "#eff6ff",
+    2: "#dbeafe",
+    3: "#bfdbfe",
+    4: "#93c5fd",
+    5: "#60a5fa",
+    6: "#3b82f6",
+    7: "#2563eb",
+    8: "#1d4ed8",
+    9: "#1e40af",
+    10: "#1e3a8a",
+    11: "#172554",
+    12: "#0c1a3d"
+  }
+};
+
+// src/spacing.ts
+var spacing = {
+  0: "0px",
+  px: "1px",
+  0.5: "0.125rem",
+  1: "0.25rem",
+  1.5: "0.375rem",
+  2: "0.5rem",
+  2.5: "0.625rem",
+  3: "0.75rem",
+  3.5: "0.875rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  7: "1.75rem",
+  8: "2rem",
+  9: "2.25rem",
+  10: "2.5rem",
+  11: "2.75rem",
+  12: "3rem",
+  14: "3.5rem",
+  16: "4rem",
+  20: "5rem",
+  24: "6rem",
+  28: "7rem",
+  32: "8rem",
+  36: "9rem",
+  40: "10rem",
+  44: "11rem",
+  48: "12rem",
+  52: "13rem",
+  56: "14rem",
+  60: "15rem",
+  64: "16rem",
+  72: "18rem",
+  80: "20rem",
+  96: "24rem"
+};
+
+// src/typography.ts
+var fontSizes = {
+  xs: "0.75rem",
+  sm: "0.875rem",
+  base: "1rem",
+  lg: "1.125rem",
+  xl: "1.25rem",
+  "2xl": "1.5rem",
+  "3xl": "1.875rem",
+  "4xl": "2.25rem",
+  "5xl": "3rem",
+  "6xl": "3.75rem",
+  "7xl": "4.5rem",
+  "8xl": "6rem",
+  "9xl": "8rem"
+};
+var fontWeights = {
+  thin: "100",
+  extralight: "200",
+  light: "300",
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700",
+  extrabold: "800",
+  black: "900"
+};
+var lineHeights = {
+  none: "1",
+  tight: "1.25",
+  snug: "1.375",
+  normal: "1.5",
+  relaxed: "1.625",
+  loose: "2"
+};
+var letterSpacings = {
+  tighter: "-0.05em",
+  tight: "-0.025em",
+  normal: "0em",
+  wide: "0.025em",
+  wider: "0.05em",
+  widest: "0.1em"
+};
+var fontFamilies = {
+  sans: 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+  mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
+};
+
+// src/radius.ts
+var radiusScale = {
+  none: "0px",
+  sm: "0.125rem",
+  base: "0.25rem",
+  md: "0.375rem",
+  lg: "0.5rem",
+  xl: "0.75rem",
+  "2xl": "1rem",
+  "3xl": "1.5rem",
+  full: "9999px"
+};
+var radiusPresets = {
+  none: {
+    sm: "0px",
+    md: "0px",
+    lg: "0px",
+    full: "0px"
+  },
+  small: {
+    sm: "0.125rem",
+    md: "0.25rem",
+    lg: "0.375rem",
+    full: "9999px"
+  },
+  medium: {
+    sm: "0.25rem",
+    md: "0.375rem",
+    lg: "0.5rem",
+    full: "9999px"
+  },
+  large: {
+    sm: "0.375rem",
+    md: "0.5rem",
+    lg: "0.75rem",
+    full: "9999px"
+  },
+  full: {
+    sm: "9999px",
+    md: "9999px",
+    lg: "9999px",
+    full: "9999px"
+  }
+};
+
+// src/themes.ts
+var defaultThemeConfig = {
+  theme: "light",
+  accentColor: "purple",
+  grayColor: "slate",
+  radius: "medium"
+};
+var lightTheme = {
+  background: 1,
+  // gray-1
+  foreground: 12,
+  // gray-12
+  card: 1,
+  // gray-1
+  cardForeground: 12,
+  // gray-12
+  popover: 1,
+  // gray-1
+  popoverForeground: 12,
+  // gray-12
+  muted: 2,
+  // gray-2
+  mutedForeground: 6,
+  // gray-6
+  border: 3,
+  // gray-3
+  input: 3,
+  // gray-3
+  ring: 6
+  // accent-6
+};
+var darkTheme = {
+  background: 10,
+  // gray-10
+  foreground: 1,
+  // gray-1
+  card: 9,
+  // gray-9
+  cardForeground: 1,
+  // gray-1
+  popover: 9,
+  // gray-9
+  popoverForeground: 1,
+  // gray-1
+  muted: 8,
+  // gray-8
+  mutedForeground: 5,
+  // gray-5
+  border: 8,
+  // gray-8
+  input: 8,
+  // gray-8
+  ring: 6
+  // accent-6
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  accentColors,
+  darkTheme,
+  defaultThemeConfig,
+  fontFamilies,
+  fontSizes,
+  fontWeights,
+  grayColors,
+  letterSpacings,
+  lightTheme,
+  lineHeights,
+  radiusPresets,
+  radiusScale,
+  semanticColors,
+  spacing
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/colors/accents.ts","../src/colors/grays.ts","../src/colors/semantic.ts","../src/spacing.ts","../src/typography.ts","../src/radius.ts","../src/themes.ts"],"sourcesContent":["// Colors\nexport { accentColors, type AccentColor } from './colors/accents'\nexport { grayColors, type GrayColor } from './colors/grays'\nexport { semanticColors, type SemanticColor } from './colors/semantic'\n\n// Spacing\nexport { spacing } from './spacing'\n\n// Typography\nexport {\n  fontSizes,\n  fontWeights,\n  lineHeights,\n  letterSpacings,\n  fontFamilies,\n} from './typography'\n\n// Radius\nexport { radiusScale, radiusPresets, type RadiusPreset } from './radius'\n\n// Themes\nexport {\n  lightTheme,\n  darkTheme,\n  defaultThemeConfig,\n  type Theme,\n  type ThemeConfig,\n} from './themes'\n","export const accentColors = {\n  purple: {\n    1: '#faf5ff',\n    2: '#f3e8ff',\n    3: '#e9d5ff',\n    4: '#d8b4fe',\n    5: '#c084fc',\n    6: '#a855f7',\n    7: '#9333ea',\n    8: '#7c3aed',\n    9: '#6d28d9',\n    10: '#5b21b6',\n    11: '#4c1d95',\n    12: '#2e1065',\n  },\n  blue: {\n    1: '#eff6ff',\n    2: '#dbeafe',\n    3: '#bfdbfe',\n    4: '#93c5fd',\n    5: '#60a5fa',\n    6: '#3b82f6',\n    7: '#2563eb',\n    8: '#1d4ed8',\n    9: '#1e40af',\n    10: '#1e3a8a',\n    11: '#172554',\n    12: '#0c1a3d',\n  },\n  cyan: {\n    1: '#ecfeff',\n    2: '#cffafe',\n    3: '#a5f3fc',\n    4: '#67e8f9',\n    5: '#22d3ee',\n    6: '#06b6d4',\n    7: '#0891b2',\n    8: '#0e7490',\n    9: '#155e75',\n    10: '#164e63',\n    11: '#083344',\n    12: '#042f2e',\n  },\n  teal: {\n    1: '#f0fdfa',\n    2: '#ccfbf1',\n    3: '#99f6e4',\n    4: '#5eead4',\n    5: '#2dd4bf',\n    6: '#14b8a6',\n    7: '#0d9488',\n    8: '#0f766e',\n    9: '#115e59',\n    10: '#134e4a',\n    11: '#042f2e',\n    12: '#022322',\n  },\n  green: {\n    1: '#f0fdf4',\n    2: '#dcfce7',\n    3: '#bbf7d0',\n    4: '#86efac',\n    5: '#4ade80',\n    6: '#22c55e',\n    7: '#16a34a',\n    8: '#15803d',\n    9: '#166534',\n    10: '#14532d',\n    11: '#052e16',\n    12: '#022c0d',\n  },\n  orange: {\n    1: '#fff7ed',\n    2: '#ffedd5',\n    3: '#fed7aa',\n    4: '#fdba74',\n    5: '#fb923c',\n    6: '#f97316',\n    7: '#ea580c',\n    8: '#c2410c',\n    9: '#9a3412',\n    10: '#7c2d12',\n    11: '#431407',\n    12: '#27130a',\n  },\n  red: {\n    1: '#fef2f2',\n    2: '#fee2e2',\n    3: '#fecaca',\n    4: '#fca5a5',\n    5: '#f87171',\n    6: '#ef4444',\n    7: '#dc2626',\n    8: '#b91c1c',\n    9: '#991b1b',\n    10: '#7f1d1d',\n    11: '#450a0a',\n    12: '#2a0808',\n  },\n  pink: {\n    1: '#fdf2f8',\n    2: '#fce7f3',\n    3: '#fbcfe8',\n    4: '#f9a8d4',\n    5: '#f472b6',\n    6: '#ec4899',\n    7: '#db2777',\n    8: '#be185d',\n    9: '#9d174d',\n    10: '#831843',\n    11: '#500724',\n    12: '#2e0515',\n  },\n} as const\n\nexport type AccentColor = keyof typeof accentColors\n","export const grayColors = {\n  slate: {\n    1: '#f8fafc',\n    2: '#f1f5f9',\n    3: '#e2e8f0',\n    4: '#cbd5e1',\n    5: '#94a3b8',\n    6: '#64748b',\n    7: '#475569',\n    8: '#334155',\n    9: '#1e293b',\n    10: '#0f172a',\n    11: '#0d1424',\n    12: '#020617',\n  },\n  gray: {\n    1: '#f9fafb',\n    2: '#f3f4f6',\n    3: '#e5e7eb',\n    4: '#d1d5db',\n    5: '#9ca3af',\n    6: '#6b7280',\n    7: '#4b5563',\n    8: '#374151',\n    9: '#1f2937',\n    10: '#111827',\n    11: '#0d1117',\n    12: '#030712',\n  },\n  zinc: {\n    1: '#fafafa',\n    2: '#f4f4f5',\n    3: '#e4e4e7',\n    4: '#d4d4d8',\n    5: '#a1a1aa',\n    6: '#71717a',\n    7: '#52525b',\n    8: '#3f3f46',\n    9: '#27272a',\n    10: '#18181b',\n    11: '#131316',\n    12: '#09090b',\n  },\n  neutral: {\n    1: '#fafafa',\n    2: '#f5f5f5',\n    3: '#e5e5e5',\n    4: '#d4d4d4',\n    5: '#a3a3a3',\n    6: '#737373',\n    7: '#525252',\n    8: '#404040',\n    9: '#262626',\n    10: '#171717',\n    11: '#121212',\n    12: '#0a0a0a',\n  },\n} as const\n\nexport type GrayColor = keyof typeof grayColors\n","// Semantic color mappings for common UI states\nexport const semanticColors = {\n  success: {\n    1: '#f0fdf4',\n    2: '#dcfce7',\n    3: '#bbf7d0',\n    4: '#86efac',\n    5: '#4ade80',\n    6: '#22c55e',\n    7: '#16a34a',\n    8: '#15803d',\n    9: '#166534',\n    10: '#14532d',\n    11: '#052e16',\n    12: '#022c0d',\n  },\n  warning: {\n    1: '#fffbeb',\n    2: '#fef3c7',\n    3: '#fde68a',\n    4: '#fcd34d',\n    5: '#fbbf24',\n    6: '#f59e0b',\n    7: '#d97706',\n    8: '#b45309',\n    9: '#92400e',\n    10: '#78350f',\n    11: '#451a03',\n    12: '#271005',\n  },\n  error: {\n    1: '#fef2f2',\n    2: '#fee2e2',\n    3: '#fecaca',\n    4: '#fca5a5',\n    5: '#f87171',\n    6: '#ef4444',\n    7: '#dc2626',\n    8: '#b91c1c',\n    9: '#991b1b',\n    10: '#7f1d1d',\n    11: '#450a0a',\n    12: '#2a0808',\n  },\n  info: {\n    1: '#eff6ff',\n    2: '#dbeafe',\n    3: '#bfdbfe',\n    4: '#93c5fd',\n    5: '#60a5fa',\n    6: '#3b82f6',\n    7: '#2563eb',\n    8: '#1d4ed8',\n    9: '#1e40af',\n    10: '#1e3a8a',\n    11: '#172554',\n    12: '#0c1a3d',\n  },\n} as const\n\nexport type SemanticColor = keyof typeof semanticColors\n","export const spacing = {\n  0: '0px',\n  px: '1px',\n  0.5: '0.125rem',\n  1: '0.25rem',\n  1.5: '0.375rem',\n  2: '0.5rem',\n  2.5: '0.625rem',\n  3: '0.75rem',\n  3.5: '0.875rem',\n  4: '1rem',\n  5: '1.25rem',\n  6: '1.5rem',\n  7: '1.75rem',\n  8: '2rem',\n  9: '2.25rem',\n  10: '2.5rem',\n  11: '2.75rem',\n  12: '3rem',\n  14: '3.5rem',\n  16: '4rem',\n  20: '5rem',\n  24: '6rem',\n  28: '7rem',\n  32: '8rem',\n  36: '9rem',\n  40: '10rem',\n  44: '11rem',\n  48: '12rem',\n  52: '13rem',\n  56: '14rem',\n  60: '15rem',\n  64: '16rem',\n  72: '18rem',\n  80: '20rem',\n  96: '24rem',\n} as const\n","export const fontSizes = {\n  xs: '0.75rem',\n  sm: '0.875rem',\n  base: '1rem',\n  lg: '1.125rem',\n  xl: '1.25rem',\n  '2xl': '1.5rem',\n  '3xl': '1.875rem',\n  '4xl': '2.25rem',\n  '5xl': '3rem',\n  '6xl': '3.75rem',\n  '7xl': '4.5rem',\n  '8xl': '6rem',\n  '9xl': '8rem',\n} as const\n\nexport const fontWeights = {\n  thin: '100',\n  extralight: '200',\n  light: '300',\n  normal: '400',\n  medium: '500',\n  semibold: '600',\n  bold: '700',\n  extrabold: '800',\n  black: '900',\n} as const\n\nexport const lineHeights = {\n  none: '1',\n  tight: '1.25',\n  snug: '1.375',\n  normal: '1.5',\n  relaxed: '1.625',\n  loose: '2',\n} as const\n\nexport const letterSpacings = {\n  tighter: '-0.05em',\n  tight: '-0.025em',\n  normal: '0em',\n  wide: '0.025em',\n  wider: '0.05em',\n  widest: '0.1em',\n} as const\n\nexport const fontFamilies = {\n  sans: 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n  mono: 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\n} as const\n","export const radiusScale = {\n  none: '0px',\n  sm: '0.125rem',\n  base: '0.25rem',\n  md: '0.375rem',\n  lg: '0.5rem',\n  xl: '0.75rem',\n  '2xl': '1rem',\n  '3xl': '1.5rem',\n  full: '9999px',\n} as const\n\nexport const radiusPresets = {\n  none: {\n    sm: '0px',\n    md: '0px',\n    lg: '0px',\n    full: '0px',\n  },\n  small: {\n    sm: '0.125rem',\n    md: '0.25rem',\n    lg: '0.375rem',\n    full: '9999px',\n  },\n  medium: {\n    sm: '0.25rem',\n    md: '0.375rem',\n    lg: '0.5rem',\n    full: '9999px',\n  },\n  large: {\n    sm: '0.375rem',\n    md: '0.5rem',\n    lg: '0.75rem',\n    full: '9999px',\n  },\n  full: {\n    sm: '9999px',\n    md: '9999px',\n    lg: '9999px',\n    full: '9999px',\n  },\n} as const\n\nexport type RadiusPreset = keyof typeof radiusPresets\n","import type { AccentColor } from './colors/accents'\nimport type { GrayColor } from './colors/grays'\nimport type { RadiusPreset } from './radius'\n\nexport type Theme = 'light' | 'dark' | 'system'\n\nexport interface ThemeConfig {\n  theme: Theme\n  accentColor: AccentColor\n  grayColor: GrayColor\n  radius: RadiusPreset\n}\n\nexport const defaultThemeConfig: ThemeConfig = {\n  theme: 'light',\n  accentColor: 'purple',\n  grayColor: 'slate',\n  radius: 'medium',\n}\n\n// Light theme semantic tokens (using gray scale step numbers)\nexport const lightTheme = {\n  background: 1,        // gray-1\n  foreground: 12,       // gray-12\n  card: 1,              // gray-1\n  cardForeground: 12,   // gray-12\n  popover: 1,           // gray-1\n  popoverForeground: 12,// gray-12\n  muted: 2,             // gray-2\n  mutedForeground: 6,   // gray-6\n  border: 3,            // gray-3\n  input: 3,             // gray-3\n  ring: 6,              // accent-6\n} as const\n\n// Dark theme semantic tokens (using gray scale step numbers)\nexport const darkTheme = {\n  background: 10,       // gray-10\n  foreground: 1,        // gray-1\n  card: 9,              // gray-9\n  cardForeground: 1,    // gray-1\n  popover: 9,           // gray-9\n  popoverForeground: 1, // gray-1\n  muted: 8,             // gray-8\n  mutedForeground: 5,   // gray-5\n  border: 8,            // gray-8\n  input: 8,             // gray-8\n  ring: 6,              // accent-6\n} as const\n"],"mappings":"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","names":[]}