@fastwork/xosmoz-theme 0.0.14 → 0.0.15

package/dist/index.mjs

@@ -1,175 +1,25 @@
-// src/tokens/colors.ts
-var primary = {
-  50: "#E5F0FF",
-  100: "#CCE0FF",
-  200: "#99C2FF",
-  300: "#66A3FF",
-  400: "#3385FF",
-  500: "#0569FF",
-  600: "#0052CC",
-  700: "#003D99",
-  800: "#002966",
-  900: "#001433"
-};
-var neutral = {
-  50: "#FFFFFF",
-  100: "#FBFBFC",
-  200: "#F6F7F8",
-  300: "#E8EAEE",
-  400: "#D6DAE1",
-  500: "#9BA6B5",
-  600: "#8793A6",
-  700: "#728197",
-  800: "#485261",
-  900: "#38404C",
-  1e3: "#2B313B",
-  1100: "#000000"
-};
-var green = {
-  50: "#EBFFF3",
-  100: "#D7F1E2",
-  200: "#AFE3C5",
-  300: "#87D5A7",
-  400: "#5FC78A",
-  500: "#37B96D",
-  600: "#2C9457",
-  700: "#216F41",
-  800: "#164A2C",
-  900: "#0B2516"
-};
-var yellow = {
-  50: "#FFF8E5",
-  100: "#FFF4CC",
-  200: "#FFE999",
-  300: "#FFDE66",
-  400: "#FFD333",
-  500: "#FFC800",
-  600: "#CCA000",
-  700: "#997800",
-  800: "#665000",
-  900: "#332800"
-};
-var red = {
-  50: "#FCE3E3",
-  100: "#FAD8D7",
-  200: "#F5B0AF",
-  300: "#F08987",
-  400: "#EC615F",
-  500: "#E73A37",
-  600: "#B92E2C",
-  700: "#8A2321",
-  800: "#5C1716",
-  900: "#411110"
-};
-var orange = {
-  50: "#FEF0E6",
-  100: "#FEE1CD",
-  200: "#FCC49C",
-  300: "#FBA66A",
-  400: "#FA8938",
-  500: "#F97416",
-  600: "#C75605",
-  700: "#954004",
-  800: "#632B03",
-  900: "#321501"
-};
-var purple = {
-  50: "#F0F2FD",
-  100: "#E9E8FA",
-  200: "#D2D1F6",
-  300: "#BCBBF1",
-  400: "#A5A4ED",
-  500: "#8F8DE8",
-  600: "#7271BA",
-  700: "#56558B",
-  800: "#39385D",
-  900: "#1D1C2E"
-};
-var cyan = {
-  50: "#E5F5FC",
-  100: "#D7EFF8",
-  200: "#AFDEF1",
-  300: "#88CEEA",
-  400: "#60BDE3",
-  500: "#38ADDC",
-  600: "#2D8AB0",
-  700: "#226884",
-  800: "#164558",
-  900: "#0B232C"
-};
-var blackAlpha = {
-  50: "rgb(0 0 0 / 0.05)",
-  100: "rgb(0 0 0 / 0.1)",
-  200: "rgb(0 0 0 / 0.2)",
-  300: "rgb(0 0 0 / 0.3)",
-  400: "rgb(0 0 0 / 0.4)",
-  500: "rgb(0 0 0 / 0.5)",
-  600: "rgb(0 0 0 / 0.6)",
-  700: "rgb(0 0 0 / 0.7)",
-  800: "rgb(0 0 0 / 0.8)",
-  900: "rgb(0 0 0 / 0.9)"
-};
-var whiteAlpha = {
-  50: "rgb(255 255 255 / 0.05)",
-  100: "rgb(255 255 255 / 0.1)",
-  200: "rgb(255 255 255 / 0.2)",
-  300: "rgb(255 255 255 / 0.3)",
-  400: "rgb(255 255 255 / 0.4)",
-  500: "rgb(255 255 255 / 0.5)",
-  600: "rgb(255 255 255 / 0.6)",
-  700: "rgb(255 255 255 / 0.7)",
-  800: "rgb(255 255 255 / 0.8)",
-  900: "rgb(255 255 255 / 0.9)"
-};
-var colors = {
-  primary,
-  neutral,
-  green,
-  yellow,
-  red,
-  orange,
-  purple,
-  cyan,
-  "black-alpha": blackAlpha,
-  "white-alpha": whiteAlpha
-};
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
 // src/tokens/typography.ts
 var fontSize = {
   50: "0.5rem",
-  // 8px
   100: "0.625rem",
-  // 10px
   200: "0.75rem",
-  // 12px
   300: "0.875rem",
-  // 14px
   400: "1rem",
-  // 16px
   500: "1.125rem",
-  // 18px
   600: "1.25rem",
-  // 20px
   700: "1.5rem",
-  // 24px
   800: "1.625rem",
-  // 26px
   900: "2rem",
-  // 32px
   1e3: "2.375rem",
-  // 38px
   1100: "2.5rem",
-  // 40px
   1200: "2.6875rem",
-  // 43px
   1300: "3rem",
-  // 48px
   1400: "3.5rem",
-  // 56px
   1500: "4rem",
-  // 64px
   1600: "4.5rem"
-  // 72px
 };
 var fontWeight = {
   100: 100,
@@ -199,9 +49,7 @@ var headings = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[1600],
-      // 72px
       mobile: fontSize[1300]
-      // 48px
     },
     fontWeight: fontWeight[700]
   },
@@ -209,9 +57,7 @@ var headings = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[1500],
-      // 64px
       mobile: fontSize[1200]
-      // 43px
     },
     fontWeight: fontWeight[700]
   },
@@ -219,9 +65,7 @@ var headings = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[1400],
-      // 56px
       mobile: fontSize[1e3]
-      // 38px
     },
     fontWeight: fontWeight[700]
   },
@@ -229,9 +73,7 @@ var headings = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[1300],
-      // 48px
       mobile: fontSize[900]
-      // 32px
     },
     fontWeight: fontWeight[700]
   },
@@ -239,9 +81,7 @@ var headings = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[1100],
-      // 40px
       mobile: fontSize[800]
-      // 26px
     },
     fontWeight: fontWeight[700]
   },
@@ -249,9 +89,7 @@ var headings = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[900],
-      // 32px
       mobile: fontSize[700]
-      // 24px
     },
     fontWeight: fontWeight[700]
   }
@@ -261,9 +99,7 @@ var titles = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[700],
-      // 24px
       mobile: fontSize[600]
-      // 20px
     },
     fontWeight: fontWeight[700]
   },
@@ -271,9 +107,7 @@ var titles = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[600],
-      // 20px
       mobile: fontSize[500]
-      // 18px
     },
     fontWeight: fontWeight[700]
   },
@@ -281,9 +115,7 @@ var titles = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[500],
-      // 18px
       mobile: fontSize[400]
-      // 16px
     },
     fontWeight: fontWeight[700]
   },
@@ -291,9 +123,7 @@ var titles = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[400],
-      // 16px
       mobile: fontSize[300]
-      // 14px
     },
     fontWeight: fontWeight[700]
   }
@@ -303,9 +133,7 @@ var subtitles = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[400],
-      // 16px
       mobile: fontSize[300]
-      // 14px
     },
     fontWeight: fontWeight[700]
   },
@@ -313,9 +141,7 @@ var subtitles = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[400],
-      // 16px
       mobile: fontSize[300]
-      // 14px
     },
     fontWeight: fontWeight[400]
   },
@@ -323,9 +149,7 @@ var subtitles = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[300],
-      // 14px
       mobile: fontSize[200]
-      // 12px
     },
     fontWeight: fontWeight[700]
   },
@@ -333,9 +157,7 @@ var subtitles = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[300],
-      // 14px
       mobile: fontSize[200]
-      // 12px
     },
     fontWeight: fontWeight[400]
   },
@@ -343,9 +165,7 @@ var subtitles = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[200],
-      // 12px
       mobile: fontSize[100]
-      // 10px
     },
     fontWeight: fontWeight[700]
   },
@@ -353,9 +173,7 @@ var subtitles = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[200],
-      // 12px
       mobile: fontSize[100]
-      // 10px
     },
     fontWeight: fontWeight[400]
   }
@@ -365,9 +183,7 @@ var body = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[400],
-      // 16px
       mobile: fontSize[300]
-      // 14px
     },
     fontWeight: fontWeight[400]
   },
@@ -375,9 +191,7 @@ var body = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[300],
-      // 14px
       mobile: fontSize[200]
-      // 12px
     },
     fontWeight: fontWeight[400]
   },
@@ -385,9 +199,7 @@ var body = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[200],
-      // 12px
       mobile: fontSize[100]
-      // 10px
     },
     fontWeight: fontWeight[400]
   },
@@ -395,9 +207,7 @@ var body = {
     fontFamily: fontFamily.secondary,
     fontSize: {
       desktop: fontSize[100],
-      // 10px
       mobile: fontSize[50]
-      // 8px
     },
     fontWeight: fontWeight[400]
   }
@@ -418,71 +228,38 @@ var spacing = {
   0: "0",
   px: "1px",
   0.5: "0.125rem",
-  // 2px
   1: "0.25rem",
-  // 4px
   1.5: "0.375rem",
-  // 6px
   2: "0.5rem",
-  // 8px
   2.5: "0.625rem",
-  // 10px
   3: "0.75rem",
-  // 12px
   3.5: "0.875rem",
-  // 14px
   4: "1rem",
-  // 16px
   5: "1.25rem",
-  // 20px
   6: "1.5rem",
-  // 24px
   7: "1.75rem",
-  // 28px
   8: "2rem",
-  // 32px
   9: "2.25rem",
-  // 36px
   10: "2.5rem",
-  // 40px
   11: "2.75rem",
-  // 44px
   12: "3rem",
-  // 48px
   14: "3.5rem",
-  // 56px
   16: "4rem",
-  // 64px
   20: "5rem",
-  // 80px
   24: "6rem",
-  // 96px
   28: "7rem",
-  // 112px
   32: "8rem",
-  // 128px
   36: "9rem",
-  // 144px
   40: "10rem",
-  // 160px
   44: "11rem",
-  // 176px
   48: "12rem",
-  // 192px
   52: "13rem",
-  // 208px
   56: "14rem",
-  // 224px
   60: "15rem",
-  // 240px
   64: "16rem",
-  // 256px
   72: "18rem",
-  // 288px
   80: "20rem",
-  // 320px
   96: "24rem"
-  // 384px
 };
 
 // src/tokens/shadows.ts
@@ -502,338 +279,571 @@ var shadows = {
 var borderRadius = {
   none: "0",
   sm: "0.125rem",
-  // 2px
   base: "0.25rem",
-  // 4px
   md: "0.375rem",
-  // 6px
   lg: "0.5rem",
-  // 8px
   xl: "0.75rem",
-  // 12px
   "2xl": "1rem",
-  // 16px
   "3xl": "1.5rem",
-  // 24px
   full: "9999px"
 };
 
-// src/theme.ts
-var defaultTheme = {
-  colors,
-  typography,
-  spacing,
-  borderRadius,
-  shadows
-};
-function createTheme(overrides = {}) {
-  return {
-    ...defaultTheme,
-    ...overrides,
-    colors: {
-      ...defaultTheme.colors,
-      ...overrides.colors
-    },
-    typography: {
-      ...defaultTheme.typography,
-      ...overrides.typography
-    },
-    spacing: {
-      ...defaultTheme.spacing,
-      ...overrides.spacing
-    },
-    borderRadius: {
-      ...defaultTheme.borderRadius,
-      ...overrides.borderRadius
-    },
-    shadows: {
-      ...defaultTheme.shadows,
-      ...overrides.shadows
-    }
-  };
-}
-function themeToCSSVariables(theme) {
-  const cssVars = {};
-  Object.entries(theme.colors).forEach(([colorName, colorScale]) => {
-    Object.entries(colorScale).forEach(([shade, value]) => {
-      cssVars[`--xosmoz-color-${colorName}-${shade}`] = value;
-    });
-  });
-  Object.entries(theme.typography.fontSize).forEach(([key, value]) => {
-    cssVars[`--xosmoz-font-size-${key}`] = value;
-  });
-  Object.entries(theme.typography.fontWeight).forEach(([key, value]) => {
-    cssVars[`--xosmoz-font-weight-${key}`] = String(value);
-  });
-  Object.entries(theme.typography.lineHeight).forEach(([key, value]) => {
-    cssVars[`--xosmoz-line-height-${key}`] = value;
-  });
-  Object.entries(theme.spacing).forEach(([key, value]) => {
-    cssVars[`--xosmoz-spacing-${key}`] = value;
-  });
-  Object.entries(theme.borderRadius).forEach(([key, value]) => {
-    cssVars[`--xosmoz-radius-${key}`] = value;
-  });
-  Object.entries(theme.shadows).forEach(([key, value]) => {
-    cssVars[`--xosmoz-shadow-${key}`] = value;
-  });
-  return cssVars;
-}
-function generateCSSVariables(theme = defaultTheme) {
-  const cssVars = themeToCSSVariables(theme);
-  const cssLines = Object.entries(cssVars).map(
-    ([key, value]) => `  ${key}: ${value};`
-  );
-  return `:root {
-${cssLines.join("\n")}
-}`;
-}
-
 // src/themes/light.ts
+var blackAlpha = {
+  100: "oklch(0 0 0 / 0.1)",
+  200: "oklch(0 0 0 / 0.2)",
+  300: "oklch(0 0 0 / 0.3)",
+  400: "oklch(0 0 0 / 0.4)",
+  500: "oklch(0 0 0 / 0.5)",
+  600: "oklch(0 0 0 / 0.6)",
+  700: "oklch(0 0 0 / 0.7)",
+  800: "oklch(0 0 0 / 0.8)",
+  900: "oklch(0 0 0 / 0.9)",
+  1e3: "oklch(0 0 0 / 1)"
+};
+var whiteAlpha = {
+  100: "oklch(1 0 0 / 0.1)",
+  200: "oklch(1 0 0 / 0.2)",
+  300: "oklch(1 0 0 / 0.3)",
+  400: "oklch(1 0 0 / 0.4)",
+  500: "oklch(1 0 0 / 0.5)",
+  600: "oklch(1 0 0 / 0.6)",
+  700: "oklch(1 0 0 / 0.7)",
+  800: "oklch(1 0 0 / 0.8)",
+  900: "oklch(1 0 0 / 0.9)",
+  1e3: "oklch(1 0 0 / 1)"
+};
+var fastwork = {
+  100: "oklch(0.96 .0223 260)",
+  200: "oklch(0.94 .0299 260)",
+  300: "oklch(0.92 .0369 260)",
+  400: "oklch(0.90 .0471 260)",
+  500: "oklch(0.84 .1018 260)",
+  600: "oklch(0.72 .1881 260)",
+  700: "oklch(0.58 .2524 260)",
+  800: "oklch(0.54 .2482 260)",
+  900: "oklch(0.54 .2320 260)",
+  1e3: "oklch(0.28 .1041 260)"
+};
+var gray = {
+  100: "oklch(0.96 0.005 260)",
+  200: "oklch(0.94 0.005 260)",
+  300: "oklch(0.92 0.005 260)",
+  400: "oklch(0.90 0.005 260)",
+  500: "oklch(0.84 0.005 260)",
+  600: "oklch(0.72 0.005 260)",
+  700: "oklch(0.62 0.005 260)",
+  800: "oklch(0.58 0.005 260)",
+  900: "oklch(0.54 0.005 260)",
+  1e3: "oklch(0.28 0.005 260)"
+};
+var green = {
+  100: "oklch(0.96 .0223 143)",
+  200: "oklch(0.94 .0299 143)",
+  300: "oklch(0.92 .0369 143)",
+  400: "oklch(0.90 .0471 143)",
+  500: "oklch(0.84 .1018 143)",
+  600: "oklch(0.72 .1881 143)",
+  700: "oklch(0.62 .2524 143)",
+  800: "oklch(0.58 .2482 143)",
+  900: "oklch(0.54 .2320 143)",
+  1e3: "oklch(0.28 .1041 143)"
+};
+var mint = {
+  100: "oklch(0.96 .0223 163)",
+  200: "oklch(0.94 .0299 163)",
+  300: "oklch(0.92 .0369 163)",
+  400: "oklch(0.90 .0471 163)",
+  500: "oklch(0.84 .1018 163)",
+  600: "oklch(0.72 .1881 163)",
+  700: "oklch(0.62 .2524 163)",
+  800: "oklch(0.58 .2482 163)",
+  900: "oklch(0.54 .2320 163)",
+  1e3: "oklch(0.28 .1041 163)"
+};
+var amber = {
+  100: "oklch(0.96 .0223 79)",
+  200: "oklch(0.94 .0299 79)",
+  300: "oklch(0.92 .0369 79)",
+  400: "oklch(0.90 .0471 79)",
+  500: "oklch(0.84 .1018 79)",
+  600: "oklch(0.72 .1881 79)",
+  700: "oklch(0.62 .2524 79)",
+  800: "oklch(0.58 .2482 79)",
+  900: "oklch(0.54 .2320 79)",
+  1e3: "oklch(0.28 .1041 79)"
+};
+var red = {
+  100: "oklch(0.96 .0223 30)",
+  200: "oklch(0.94 .0299 30)",
+  300: "oklch(0.92 .0369 30)",
+  400: "oklch(0.90 .0471 30)",
+  500: "oklch(0.84 .1018 30)",
+  600: "oklch(0.72 .1881 30)",
+  700: "oklch(0.62 .2524 30)",
+  800: "oklch(0.58 .2482 30)",
+  900: "oklch(0.54 .2320 30)",
+  1e3: "oklch(0.28 .1041 30)"
+};
+var orange = {
+  100: "oklch(0.96 .0223 48)",
+  200: "oklch(0.94 .0299 48)",
+  300: "oklch(0.92 .0369 48)",
+  400: "oklch(0.90 .0471 48)",
+  500: "oklch(0.84 .1018 48)",
+  600: "oklch(0.72 .1881 48)",
+  700: "oklch(0.62 .2524 48)",
+  800: "oklch(0.58 .2482 48)",
+  900: "oklch(0.54 .2320 48)",
+  1e3: "oklch(0.28 .1041 48)"
+};
+var purple = {
+  100: "oklch(0.96 .0223 293)",
+  200: "oklch(0.94 .0299 293)",
+  300: "oklch(0.92 .0369 293)",
+  400: "oklch(0.90 .0471 293)",
+  500: "oklch(0.84 .1018 293)",
+  600: "oklch(0.72 .1881 293)",
+  700: "oklch(0.62 .2524 293)",
+  800: "oklch(0.58 .2482 293)",
+  900: "oklch(0.54 .2320 293)",
+  1e3: "oklch(0.28 .1041 293)"
+};
+var cyan = {
+  100: "oklch(0.96 .0223 213)",
+  200: "oklch(0.94 .0299 213)",
+  300: "oklch(0.92 .0369 213)",
+  400: "oklch(0.90 .0471 213)",
+  500: "oklch(0.84 .1018 213)",
+  600: "oklch(0.72 .1881 213)",
+  700: "oklch(0.62 .2524 213)",
+  800: "oklch(0.58 .2482 213)",
+  900: "oklch(0.54 .2320 213)",
+  1e3: "oklch(0.28 .1041 213)"
+};
 var lightTheme = {
   name: "light",
   colors: {
-    // Base
-    background: colors.neutral[50],
-    foreground: colors.neutral[900],
-    // Muted
-    muted: colors.neutral[100],
-    mutedForeground: colors.neutral[600],
-    // Border and input
-    border: colors.neutral[200],
-    input: colors.neutral[200],
-    ring: colors.primary[500],
-    // Card
-    card: colors.neutral[50],
-    cardForeground: colors.neutral[900],
-    // Popover
-    popover: colors.neutral[50],
-    popoverForeground: colors.neutral[900],
-    // Primary
-    primary: colors.primary[500],
-    primaryForeground: colors.neutral[50],
-    // Secondary
-    secondary: colors.neutral[600],
-    secondaryForeground: colors.neutral[50],
-    // Accent
-    accent: colors.primary[600],
-    accentForeground: colors.neutral[50],
-    // Destructive
-    destructive: colors.red[500],
-    destructiveForeground: colors.neutral[50],
-    // Success
-    success: colors.green[500],
-    successForeground: colors.neutral[50],
-    // Warning
-    warning: colors.yellow[500],
-    warningForeground: colors.neutral[900],
-    // Info
-    info: colors.cyan[500],
-    infoForeground: colors.neutral[50]
+    bg: {
+      100: "oklch(1.00 0.00 260)",
+      200: "oklch(0.98 0.005 260)",
+      300: "oklch(0.95 0.01 260)",
+      400: "oklch(0.92 0.01 260)"
+    },
+    content: {
+      100: "oklch(21% 0.006 285.885)",
+      200: "color-mix(in oklab, var(--xz-color-content-100) 60%, transparent)"
+    },
+    line: {
+      100: blackAlpha[100],
+      200: blackAlpha[200],
+      300: blackAlpha[300]
+    },
+    primary: {
+      soft: {
+        100: fastwork[100],
+        200: fastwork[200],
+        300: fastwork[300]
+      },
+      line: {
+        100: fastwork[400],
+        200: fastwork[500],
+        300: fastwork[600]
+      },
+      bg: {
+        100: fastwork[700],
+        200: fastwork[800]
+      },
+      content: {
+        100: fastwork[900],
+        200: fastwork[1e3]
+      },
+      fg: "oklch(1 0 0)"
+    },
+    danger: {
+      soft: {
+        100: red[100],
+        200: red[200],
+        300: red[300]
+      },
+      line: {
+        100: red[400],
+        200: red[500],
+        300: red[600]
+      },
+      bg: {
+        100: red[700],
+        200: red[800]
+      },
+      content: {
+        100: red[900],
+        200: red[1e3]
+      },
+      fg: "oklch(1 0 0)"
+    },
+    success: {
+      soft: {
+        100: green[100],
+        200: green[200],
+        300: green[300]
+      },
+      line: {
+        100: green[400],
+        200: green[500],
+        300: green[600]
+      },
+      bg: {
+        100: green[700],
+        200: green[800]
+      },
+      content: {
+        100: green[900],
+        200: green[1e3]
+      },
+      fg: "oklch(1 0 0)"
+    },
+    warning: {
+      soft: {
+        100: amber[100],
+        200: amber[200],
+        300: amber[300]
+      },
+      line: {
+        100: amber[400],
+        200: amber[500],
+        300: amber[600]
+      },
+      bg: {
+        100: amber[700],
+        200: amber[800]
+      },
+      content: {
+        100: amber[900],
+        200: amber[1e3]
+      },
+      fg: "oklch(1 0 0)"
+    },
+    info: {
+      soft: {
+        100: cyan[100],
+        200: cyan[200],
+        300: cyan[300]
+      },
+      line: {
+        100: cyan[400],
+        200: cyan[500],
+        300: cyan[600]
+      },
+      bg: {
+        100: cyan[700],
+        200: cyan[800]
+      },
+      content: {
+        100: cyan[900],
+        200: cyan[1e3]
+      },
+      fg: "oklch(1 0 0)"
+    },
+    // Color tokens
+    fastwork,
+    gray,
+    green,
+    mint,
+    amber,
+    red,
+    orange,
+    purple,
+    cyan,
+    blackAlpha,
+    whiteAlpha
   }
 };
 
 // src/themes/dark.ts
-var darkTheme = {
-  name: "dark",
-  colors: {
-    // Base
-    background: colors.neutral[900],
-    foreground: colors.neutral[50],
-    // Muted
-    muted: colors.neutral[900],
-    mutedForeground: colors.neutral[400],
-    // Border and input
-    border: colors.neutral[800],
-    input: colors.neutral[800],
-    ring: colors.primary[400],
-    // Card
-    card: colors.neutral[900],
-    cardForeground: colors.neutral[50],
-    // Popover
-    popover: colors.neutral[900],
-    popoverForeground: colors.neutral[50],
-    // Primary
-    primary: colors.primary[500],
-    primaryForeground: colors.neutral[50],
-    // Secondary
-    secondary: colors.neutral[400],
-    secondaryForeground: colors.neutral[900],
-    // Accent
-    accent: colors.primary[400],
-    accentForeground: colors.neutral[50],
-    // Destructive
-    destructive: colors.red[500],
-    destructiveForeground: colors.neutral[50],
-    // Success
-    success: colors.green[500],
-    successForeground: colors.neutral[50],
-    // Warning
-    warning: colors.yellow[500],
-    warningForeground: colors.neutral[900],
-    // Info
-    info: colors.cyan[500],
-    infoForeground: colors.neutral[50]
-  }
+var blackAlpha2 = {
+  100: "oklch(0 0 0 / 0.1)",
+  200: "oklch(0 0 0 / 0.2)",
+  300: "oklch(0 0 0 / 0.3)",
+  400: "oklch(0 0 0 / 0.4)",
+  500: "oklch(0 0 0 / 0.5)",
+  600: "oklch(0 0 0 / 0.6)",
+  700: "oklch(0 0 0 / 0.7)",
+  800: "oklch(0 0 0 / 0.8)",
+  900: "oklch(0 0 0 / 0.9)",
+  1e3: "oklch(0 0 0 / 1)"
 };
-
-// src/themes/cyberpunk.ts
-var cyberpunkTheme = {
-  name: "cyberpunk",
-  colors: {
-    // Base - Deep dark with slight purple tint
-    background: "#0a0118",
-    foreground: "#e0e7ff",
-    // Muted - Dark purple
-    muted: "#1e1432",
-    mutedForeground: "#a78bfa",
-    // Border and input - Neon purple
-    border: "#6d28d9",
-    input: "#4c1d95",
-    ring: "#a855f7",
-    // Card - Slightly lighter dark
-    card: "#150828",
-    cardForeground: "#e0e7ff",
-    // Popover
-    popover: "#1e1432",
-    popoverForeground: "#e0e7ff",
-    // Primary - Neon pink/magenta
-    primary: "#f0abfc",
-    primaryForeground: "#0a0118",
-    // Secondary - Neon cyan
-    secondary: "#22d3ee",
-    secondaryForeground: "#0a0118",
-    // Accent - Neon yellow
-    accent: "#fde047",
-    accentForeground: "#0a0118",
-    // Destructive - Hot pink
-    destructive: "#ec4899",
-    destructiveForeground: "#0a0118",
-    // Success - Neon green
-    success: "#10b981",
-    successForeground: "#0a0118",
-    // Warning - Electric orange
-    warning: "#fb923c",
-    warningForeground: "#0a0118",
-    // Info - Neon blue
-    info: "#3b82f6",
-    infoForeground: "#0a0118"
-  }
+var whiteAlpha2 = {
+  100: "oklch(1 0 0 / 0.1)",
+  200: "oklch(1 0 0 / 0.2)",
+  300: "oklch(1 0 0 / 0.3)",
+  400: "oklch(1 0 0 / 0.4)",
+  500: "oklch(1 0 0 / 0.5)",
+  600: "oklch(1 0 0 / 0.6)",
+  700: "oklch(1 0 0 / 0.7)",
+  800: "oklch(1 0 0 / 0.8)",
+  900: "oklch(1 0 0 / 0.9)",
+  1e3: "oklch(1 0 0 / 1)"
 };
-
-// src/themes/forest.ts
-var forestTheme = {
-  name: "forest",
-  colors: {
-    // Base - Soft cream/beige
-    background: "#faf8f3",
-    foreground: "#1c3d29",
-    // Muted - Light sage
-    muted: "#e8f0e6",
-    mutedForeground: "#4a6f58",
-    // Border and input - Moss green
-    border: "#c4d9c4",
-    input: "#d4e4d4",
-    ring: "#2d7d46",
-    // Card - White with slight green tint
-    card: "#f5faf5",
-    cardForeground: "#1c3d29",
-    // Popover
-    popover: "#ffffff",
-    popoverForeground: "#1c3d29",
-    // Primary - Forest green
-    primary: "#2d7d46",
-    primaryForeground: "#ffffff",
-    // Secondary - Olive
-    secondary: "#6b8e4e",
-    secondaryForeground: "#ffffff",
-    // Accent - Amber
-    accent: "#d97706",
-    accentForeground: "#ffffff",
-    // Destructive - Rust red
-    destructive: "#b91c1c",
-    destructiveForeground: "#ffffff",
-    // Success - Vibrant green
-    success: "#059669",
-    successForeground: "#ffffff",
-    // Warning - Golden yellow
-    warning: "#ca8a04",
-    warningForeground: "#1c3d29",
-    // Info - Sky blue
-    info: "#0284c7",
-    infoForeground: "#ffffff"
-  }
+var fastwork2 = {
+  100: "oklch(0.22 .069 260)",
+  200: "oklch(0.25 .081 260)",
+  300: "oklch(0.30 .102 260)",
+  400: "oklch(0.34 .121 260)",
+  500: "oklch(0.38 .140 260)",
+  600: "oklch(0.64 .198 260)",
+  700: "oklch(0.57 .232 260)",
+  800: "oklch(0.51 .230 260)",
+  900: "oklch(0.77 .164 260)",
+  1e3: "oklch(0.96 .017 260)"
 };
-
-// src/themes/ocean.ts
-var oceanTheme = {
-  name: "ocean",
+var gray2 = {
+  100: "oklch(0.22 0.005 260)",
+  200: "oklch(0.25 0.005 260)",
+  300: "oklch(0.30 0.005 260)",
+  400: "oklch(0.34 0.005 260)",
+  500: "oklch(0.38 0.005 260)",
+  600: "oklch(0.64 0.005 260)",
+  700: "oklch(0.57 0.005 260)",
+  800: "oklch(0.51 0.005 260)",
+  900: "oklch(0.77 0.005 260)",
+  1e3: "oklch(0.96 0.005 260)"
+};
+var green2 = {
+  100: "oklch(0.22 .069 143)",
+  200: "oklch(0.25 .081 143)",
+  300: "oklch(0.30 .102 143)",
+  400: "oklch(0.34 .121 143)",
+  500: "oklch(0.38 .140 143)",
+  600: "oklch(0.64 .198 143)",
+  700: "oklch(0.57 .232 143)",
+  800: "oklch(0.51 .230 143)",
+  900: "oklch(0.77 .164 143)",
+  1e3: "oklch(0.96 .017 143)"
+};
+var mint2 = {
+  100: "oklch(0.22 .069 163)",
+  200: "oklch(0.25 .081 163)",
+  300: "oklch(0.30 .102 163)",
+  400: "oklch(0.34 .121 163)",
+  500: "oklch(0.38 .140 163)",
+  600: "oklch(0.64 .198 163)",
+  700: "oklch(0.57 .232 163)",
+  800: "oklch(0.51 .230 163)",
+  900: "oklch(0.77 .164 163)",
+  1e3: "oklch(0.96 .017 163)"
+};
+var amber2 = {
+  100: "oklch(0.22 .069 79)",
+  200: "oklch(0.25 .081 79)",
+  300: "oklch(0.30 .102 79)",
+  400: "oklch(0.34 .121 79)",
+  500: "oklch(0.38 .140 79)",
+  600: "oklch(0.64 .198 79)",
+  700: "oklch(0.57 .232 79)",
+  800: "oklch(0.51 .230 79)",
+  900: "oklch(0.77 .164 79)",
+  1e3: "oklch(0.96 .017 79)"
+};
+var red2 = {
+  100: "oklch(0.22 .069 30)",
+  200: "oklch(0.25 .081 30)",
+  300: "oklch(0.30 .102 30)",
+  400: "oklch(0.34 .121 30)",
+  500: "oklch(0.38 .140 30)",
+  600: "oklch(0.64 .198 30)",
+  700: "oklch(0.57 .232 30)",
+  800: "oklch(0.51 .230 30)",
+  900: "oklch(0.77 .164 30)",
+  1e3: "oklch(0.96 .017 30)"
+};
+var orange2 = {
+  100: "oklch(0.22 .069 48)",
+  200: "oklch(0.25 .081 48)",
+  300: "oklch(0.30 .102 48)",
+  400: "oklch(0.34 .121 48)",
+  500: "oklch(0.38 .140 48)",
+  600: "oklch(0.64 .198 48)",
+  700: "oklch(0.57 .232 48)",
+  800: "oklch(0.51 .230 48)",
+  900: "oklch(0.77 .164 48)",
+  1e3: "oklch(0.96 .017 48)"
+};
+var purple2 = {
+  100: "oklch(0.22 .069 293)",
+  200: "oklch(0.25 .081 293)",
+  300: "oklch(0.30 .102 293)",
+  400: "oklch(0.34 .121 293)",
+  500: "oklch(0.38 .140 293)",
+  600: "oklch(0.64 .198 293)",
+  700: "oklch(0.57 .232 293)",
+  800: "oklch(0.51 .230 293)",
+  900: "oklch(0.77 .164 293)",
+  1e3: "oklch(0.96 .017 293)"
+};
+var cyan2 = {
+  100: "oklch(0.22 .069 213)",
+  200: "oklch(0.25 .081 213)",
+  300: "oklch(0.30 .102 213)",
+  400: "oklch(0.34 .121 213)",
+  500: "oklch(0.38 .140 213)",
+  600: "oklch(0.64 .198 213)",
+  700: "oklch(0.57 .232 213)",
+  800: "oklch(0.51 .230 213)",
+  900: "oklch(0.77 .164 213)",
+  1e3: "oklch(0.96 .017 213)"
+};
+var darkTheme = {
+  name: "dark",
   colors: {
-    // Base - Deep navy blue
-    background: "#0c1e2e",
-    foreground: "#e0f2fe",
-    // Muted - Dark ocean blue
-    muted: "#1e3a4f",
-    mutedForeground: "#94c5d9",
-    // Border and input - Teal
-    border: "#155e75",
-    input: "#164e63",
-    ring: "#06b6d4",
-    // Card - Slightly lighter navy
-    card: "#14293d",
-    cardForeground: "#e0f2fe",
-    // Popover
-    popover: "#1e3a4f",
-    popoverForeground: "#e0f2fe",
-    // Primary - Bright cyan
-    primary: "#06b6d4",
-    primaryForeground: "#0c1e2e",
-    // Secondary - Aqua
-    secondary: "#14b8a6",
-    secondaryForeground: "#0c1e2e",
-    // Accent - Coral
-    accent: "#fb7185",
-    accentForeground: "#ffffff",
-    // Destructive - Bright red
-    destructive: "#ef4444",
-    destructiveForeground: "#ffffff",
-    // Success - Sea green
-    success: "#10b981",
-    successForeground: "#ffffff",
-    // Warning - Sandy yellow
-    warning: "#eab308",
-    warningForeground: "#0c1e2e",
-    // Info - Sky blue
-    info: "#38bdf8",
-    infoForeground: "#0c1e2e"
+    bg: {
+      100: "oklch(0.165 0.01 260)",
+      200: "oklch(0.22 0.01 260)",
+      300: "oklch(0.27 0.01 260)",
+      400: "oklch(0.32 0.01 260)"
+    },
+    content: {
+      100: "oklch(96% 0.01 260)",
+      200: "color-mix(in oklab, var(--xz-color-content-100) 60%, transparent)"
+    },
+    line: {
+      100: whiteAlpha2[100],
+      200: whiteAlpha2[200],
+      300: whiteAlpha2[300]
+    },
+    primary: {
+      soft: {
+        100: fastwork2[100],
+        200: fastwork2[200],
+        300: fastwork2[300]
+      },
+      line: {
+        100: fastwork2[400],
+        200: fastwork2[500],
+        300: fastwork2[600]
+      },
+      bg: {
+        100: fastwork2[700],
+        200: fastwork2[800]
+      },
+      content: {
+        100: fastwork2[900],
+        200: fastwork2[1e3]
+      },
+      fg: "oklch(1 0 0)"
+    },
+    danger: {
+      soft: {
+        100: red2[100],
+        200: red2[200],
+        300: red2[300]
+      },
+      line: {
+        100: red2[400],
+        200: red2[500],
+        300: red2[600]
+      },
+      bg: {
+        100: red2[700],
+        200: red2[800]
+      },
+      content: {
+        100: red2[900],
+        200: red2[1e3]
+      },
+      fg: "oklch(1 0 0)"
+    },
+    success: {
+      soft: {
+        100: green2[100],
+        200: green2[200],
+        300: green2[300]
+      },
+      line: {
+        100: green2[400],
+        200: green2[500],
+        300: green2[600]
+      },
+      bg: {
+        100: green2[700],
+        200: green2[800]
+      },
+      content: {
+        100: green2[900],
+        200: green2[1e3]
+      },
+      fg: "oklch(1 0 0)"
+    },
+    warning: {
+      soft: {
+        100: amber2[100],
+        200: amber2[200],
+        300: amber2[300]
+      },
+      line: {
+        100: amber2[400],
+        200: amber2[500],
+        300: amber2[600]
+      },
+      bg: {
+        100: amber2[700],
+        200: amber2[800]
+      },
+      content: {
+        100: amber2[900],
+        200: amber2[1e3]
+      },
+      fg: "oklch(1 0 0)"
+    },
+    info: {
+      soft: {
+        100: cyan2[100],
+        200: cyan2[200],
+        300: cyan2[300]
+      },
+      line: {
+        100: cyan2[400],
+        200: cyan2[500],
+        300: cyan2[600]
+      },
+      bg: {
+        100: cyan2[700],
+        200: cyan2[800]
+      },
+      content: {
+        100: cyan2[900],
+        200: cyan2[1e3]
+      },
+      fg: "oklch(1 0 0)"
+    },
+    // Color tokens
+    fastwork: fastwork2,
+    gray: gray2,
+    green: green2,
+    mint: mint2,
+    amber: amber2,
+    red: red2,
+    orange: orange2,
+    purple: purple2,
+    cyan: cyan2,
+    blackAlpha: blackAlpha2,
+    whiteAlpha: whiteAlpha2
   }
 };
 
 // src/themes/index.ts
 var themes = {
   light: lightTheme,
-  dark: darkTheme,
-  cyberpunk: cyberpunkTheme,
-  forest: forestTheme,
-  ocean: oceanTheme
+  dark: darkTheme
 };
 function getTheme(name) {
   return themes[name];
 }
+__name(getTheme, "getTheme");
 function getThemeNames() {
   return Object.keys(themes);
 }
-function createCustomTheme(name, colors2, baseTheme = "light") {
-  const base = themes[baseTheme];
-  return {
-    name,
-    colors: {
-      ...base.colors,
-      ...colors2
-    }
-  };
-}
+__name(getThemeNames, "getThemeNames");
 
-export { blackAlpha, body, borderRadius, colors, createCustomTheme, createTheme, cyan, cyberpunkTheme, darkTheme, defaultTheme, fontFamily, fontSize, fontWeight, forestTheme, generateCSSVariables, getTheme, getThemeNames, green, headings, lightTheme, lineHeight, neutral, oceanTheme, orange, primary, purple, red, shadows, spacing, subtitles, themeToCSSVariables, themes, titles, typography, whiteAlpha, yellow };
+export { body, borderRadius, darkTheme, fontFamily, fontSize, fontWeight, getTheme, getThemeNames, headings, lightTheme, lineHeight, shadows, spacing, subtitles, themes, titles, typography };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map