@byldpartners/ui 0.0.1 → 0.0.2

package/README.md

@@ -17,13 +17,13 @@ pnpm add @byldpartners/ui
 **Web:**
 
 ```bash
-pnpm add react react-dom
+npm install react react-dom tailwindcss
 ```
 
-**React Native:**
+**React Native (Expo):**
 
 ```bash
-pnpm add react react-native react-native-svg lucide-react-native uniwind
+npm install react react-native react-native-svg lucide-react-native uniwind tailwindcss expo-glass-effect
 ```
 
 | Package | Version | Required | Platform |
@@ -34,15 +34,28 @@ pnpm add react react-native react-native-svg lucide-react-native uniwind
 | `react-native-svg` | `>=13.0` | Yes | Native |
 | `lucide-react-native` | `>=0.300` | Yes | Native |
 | `uniwind` | `>=1.0` | Yes | Native |
+| `tailwindcss` | `>=4.0` | Yes | Both |
 | `expo-glass-effect` | `>=0.1.0` | No | Native |
 
+> **Note:** `tailwindcss` is required as a direct dependency in your project because `global.css` uses `@import "tailwindcss"` which Metro needs to resolve at build time.
+
 ## Quick Start
 
 ### Web
 
-Wrap your app in `ThemeProvider` and import components:
+**1. Install dependencies and generate config files:**
+
+```bash
+npm install @byldpartners/ui react react-dom tailwindcss
+npx byldpartners-ui init --platform web
+```
+
+This generates `app.css` with Tailwind imports, a `@source` directive pointing to the component library, and all theme color tokens.
+
+**2. Import CSS and wrap with `ThemeProvider`:**
 
 ```tsx
+import './app.css';
 import { ThemeProvider, Button } from "@byldpartners/ui";
 
 function App() {
@@ -56,47 +69,38 @@ function App() {
 }
 ```
 
-The `ThemeProvider` injects CSS custom properties onto `document.documentElement`. Make sure you have Tailwind CSS configured in your project.
-
-### React Native
-
-Components use Tailwind classes via [uniwind](https://uniwind.dev). Set up your project:
+### React Native (Expo)
 
-**1. Create `global.css`** at your project root:
+**1. Install dependencies and generate config files:**
 
-```css
-@import 'tailwindcss';
-@import 'uniwind';
+```bash
+npm install @byldpartners/ui react-native-svg lucide-react-native uniwind tailwindcss expo-glass-effect
+npx byldpartners-ui init --platform native
 ```
 
-**2. Configure Metro** in `metro.config.js`:
-
-```js
-const { getDefaultConfig } = require('expo/metro-config');
-const { withUniwindConfig } = require('uniwind/metro');
+This generates:
+- `global.css` — Tailwind/uniwind imports, `@source` directive, and light/dark theme token variants
+- `metro.config.js` — Expo Metro config wrapped with `withUniwindConfig`
 
-const config = getDefaultConfig(__dirname);
-
-module.exports = withUniwindConfig(config, {
-  cssEntryFile: './global.css',
-});
-```
-
-**3. Import CSS** in your `App.tsx`:
+**2. Import CSS and wrap with `ThemeProvider` in your `App.tsx`:**
 
 ```tsx
 import './global.css';
-import { Button } from "@byldpartners/ui";
+import { ThemeProvider, Button } from "@byldpartners/ui";
 
 export default function App() {
   return (
-    <Button variant="default" onPress={() => console.log("pressed")}>
-      Get Started
-    </Button>
+    <ThemeProvider defaultTheme="default">
+      <Button variant="default" onPress={() => console.log("pressed")}>
+        Get Started
+      </Button>
+    </ThemeProvider>
   );
 }
 ```
 
+> **Important:** The `ThemeProvider` is required on both platforms — it initializes the theme context and syncs color tokens at runtime. Without it, `useTheme` calls inside components will throw.
+
 Both platforms use the same Tailwind semantic classes (`bg-primary`, `text-foreground`, `rounded-md`, etc.) — web via Tailwind CSS, native via uniwind.
 
 ## Components
@@ -153,13 +157,25 @@ function ThemeSwitcher() {
 }
 ```
 
-### Native — Tailwind dark mode
+### Native — ThemeProvider + Tailwind dark mode
+
+On native, wrap your app in `ThemeProvider` (same as web). Theming works through Tailwind's built-in dark mode via uniwind. Components use semantic classes like `bg-primary` and `text-foreground` which automatically respond to the `@variant light` / `@variant dark` blocks in your `global.css`.
+
+```tsx
+import { ThemeProvider } from "@byldpartners/ui";
 
-On native, theming works through Tailwind's built-in dark mode via uniwind. Components use semantic classes like `bg-primary` and `text-foreground` which automatically respond to your Tailwind theme configuration.
+export default function App() {
+  return (
+    <ThemeProvider defaultTheme="default">
+      {/* your app */}
+    </ThemeProvider>
+  );
+}
+```
 
 ### Custom themes
 
-Define a custom preset and pass it to the web provider:
+Define a custom preset and pass it to the provider:
 
 ```tsx
 import { ThemeProvider } from "@byldpartners/ui";

package/bin/init.cjs

@@ -0,0 +1,258 @@
+#!/usr/bin/env node
+
+/**
+ * CLI for @byldpartners/ui project setup and theme generation.
+ *
+ * Reads theme presets from the package's src/theme/presets/ directory — single
+ * source of truth for all generated CSS.
+ *
+ * Commands:
+ *
+ *   init --platform <web|native>
+ *     Generates config files for a new consumer project.
+ *     - native: global.css + metro.config.js
+ *     - web:    app.css
+ *
+ *   generate-theme --source <path-to-ui-src> --out-web <path> --out-native <path>
+ *     Regenerates theme CSS for the monorepo's own apps.
+ *     Used by `pnpm generate-theme` at the repo root.
+ */
+
+const fs = require("fs");
+const path = require("path");
+
+// --- Preset parsing ---
+
+/**
+ * Parse color entries from a preset .ts file.
+ * Matches lines like:  key: "oklch(...)",
+ */
+function parseColors(filePath) {
+  const src = fs.readFileSync(filePath, "utf-8");
+  const colorsMatch = src.match(/colors:\s*\{([\s\S]*?)\}/);
+  if (!colorsMatch) {
+    console.error(`Could not parse colors from ${filePath}`);
+    process.exit(1);
+  }
+  const colors = {};
+  const lineRegex = /(\w+):\s*"([^"]+)"/g;
+  let match;
+  while ((match = lineRegex.exec(colorsMatch[1])) !== null) {
+    colors[match[1]] = match[2];
+  }
+  return colors;
+}
+
+/**
+ * Parse radius entries from tokens.ts.
+ */
+function parseRadius(filePath) {
+  const src = fs.readFileSync(filePath, "utf-8");
+  const radiusMatch = src.match(/radius:\s*\{([\s\S]*?)\}/);
+  if (!radiusMatch) {
+    console.error(`Could not parse radius from ${filePath}`);
+    process.exit(1);
+  }
+  const radius = {};
+  const lineRegex = /["']?(\w+)["']?:\s*"([^"]+)"/g;
+  let match;
+  while ((match = lineRegex.exec(radiusMatch[1])) !== null) {
+    radius[match[1]] = match[2];
+  }
+  return radius;
+}
+
+// --- Helpers ---
+
+function colorKeyToCssVar(key) {
+  return `--color-${key.replace(/([A-Z])/g, "-$1").toLowerCase()}`;
+}
+
+function colorsToLines(colors, indent) {
+  return Object.entries(colors)
+    .map(([key, value]) => `${indent}${colorKeyToCssVar(key)}: ${value};`)
+    .join("\n");
+}
+
+// --- CSS generators ---
+
+function generateNativeCss(lightColors, darkColors, sourcePath) {
+  return [
+    '@import "tailwindcss";',
+    '@import "uniwind";',
+    "",
+    `@source "${sourcePath}";`,
+    "",
+    "/* Theme tokens — light */",
+    "",
+    "@variant light {",
+    colorsToLines(lightColors, "  "),
+    "}",
+    "",
+    "/* Theme tokens — dark */",
+    "",
+    "@variant dark {",
+    colorsToLines(darkColors, "  "),
+    "}",
+    "",
+  ].join("\n");
+}
+
+function generateWebCss(lightColors, radiusTokens, sourcePath, extraImports) {
+  const imports = ['@import "tailwindcss";'];
+  if (extraImports) {
+    for (const imp of extraImports) {
+      imports.push(`@import "${imp}";`);
+    }
+  }
+
+  return [
+    ...imports,
+    "",
+    `@source "${sourcePath}";`,
+    "",
+    "@theme {",
+    "  /* Colors */",
+    colorsToLines(lightColors, "  "),
+    "",
+    "  /* Radius */",
+    ...Object.entries(radiusTokens).map(
+      ([key, value]) => `  --radius-${key}: ${value};`
+    ),
+    "}",
+    "",
+    "@layer base {",
+    "  *, *::before, *::after {",
+    "    border-color: var(--color-border);",
+    "  }",
+    "}",
+    "",
+  ].join("\n");
+}
+
+function generateMetroConfig() {
+  return [
+    "const { getDefaultConfig } = require('expo/metro-config');",
+    "const { withUniwindConfig } = require('uniwind/metro');",
+    "",
+    "const config = getDefaultConfig(__dirname);",
+    "",
+    "module.exports = withUniwindConfig(config, {",
+    "  cssEntryFile: './global.css',",
+    "});",
+    "",
+  ].join("\n");
+}
+
+// --- Arg parsing helper ---
+
+function getArg(args, flag) {
+  const idx = args.indexOf(flag);
+  return idx !== -1 ? args[idx + 1] : null;
+}
+
+// --- CLI ---
+
+const args = process.argv.slice(2);
+const command = args[0];
+
+// Resolve preset source directory — default to the package's own src/
+const sourceRoot = getArg(args, "--source") || path.join(__dirname, "..", "src");
+const presetsDir = path.join(sourceRoot, "theme", "presets");
+const tokensFile = path.join(sourceRoot, "theme", "tokens.ts");
+
+const lightColors = parseColors(path.join(presetsDir, "default.ts"));
+const darkColors = parseColors(path.join(presetsDir, "dark.ts"));
+const radiusTokens = parseRadius(tokensFile);
+
+if (command === "init") {
+  // --- External consumer init ---
+  const platform = getArg(args, "--platform");
+
+  if (!platform || !["web", "native"].includes(platform)) {
+    console.error("Usage: npx byldpartners-ui init --platform <web|native>");
+    process.exit(1);
+  }
+
+  const cwd = process.cwd();
+
+  if (platform === "native") {
+    const cssPath = path.join(cwd, "global.css");
+    const metroPath = path.join(cwd, "metro.config.js");
+
+    fs.writeFileSync(
+      cssPath,
+      generateNativeCss(lightColors, darkColors, "./node_modules/@byldpartners/ui/src"),
+      "utf-8"
+    );
+    console.log(`✓ Created ${path.relative(cwd, cssPath)}`);
+
+    if (fs.existsSync(metroPath)) {
+      console.log(
+        "⚠ metro.config.js already exists — skipped. Make sure it uses withUniwindConfig (see README)."
+      );
+    } else {
+      fs.writeFileSync(metroPath, generateMetroConfig(), "utf-8");
+      console.log(`✓ Created ${path.relative(cwd, metroPath)}`);
+    }
+
+    console.log("");
+    console.log("Next steps:");
+    console.log("  1. Add import './global.css' to your App.tsx");
+    console.log("  2. Wrap your app with <ThemeProvider> from @byldpartners/ui");
+  } else {
+    const cssPath = path.join(cwd, "app.css");
+
+    fs.writeFileSync(
+      cssPath,
+      generateWebCss(lightColors, radiusTokens, "./node_modules/@byldpartners/ui/src"),
+      "utf-8"
+    );
+    console.log(`✓ Created ${path.relative(cwd, cssPath)}`);
+
+    console.log("");
+    console.log("Next steps:");
+    console.log("  1. Import './app.css' in your entry file");
+    console.log("  2. Wrap your app with <ThemeProvider> from @byldpartners/ui");
+  }
+} else if (command === "generate-theme") {
+  // --- Monorepo theme generation ---
+  const outWeb = getArg(args, "--out-web");
+  const outNative = getArg(args, "--out-native");
+  const webSource = getArg(args, "--web-source");
+  const nativeSource = getArg(args, "--native-source");
+  const webExtraImports = getArg(args, "--web-imports");
+
+  if (!outWeb && !outNative) {
+    console.error(
+      "Usage: byldpartners-ui generate-theme --source <ui-src-path> --out-web <path> --out-native <path>"
+    );
+    process.exit(1);
+  }
+
+  if (outWeb) {
+    const extras = webExtraImports ? webExtraImports.split(",") : undefined;
+    fs.writeFileSync(
+      outWeb,
+      generateWebCss(lightColors, radiusTokens, webSource || "./node_modules/@byldpartners/ui/src", extras),
+      "utf-8"
+    );
+    console.log(`✓ Generated ${outWeb}`);
+  }
+
+  if (outNative) {
+    fs.writeFileSync(
+      outNative,
+      generateNativeCss(lightColors, darkColors, nativeSource || "./node_modules/@byldpartners/ui/src"),
+      "utf-8"
+    );
+    console.log(`✓ Generated ${outNative}`);
+  }
+} else {
+  console.error("Commands:");
+  console.error("  init --platform <web|native>           Set up a new project");
+  console.error("  generate-theme [options]               Regenerate theme CSS files");
+  console.error("");
+  console.error("Run with --help after a command for details.");
+  process.exit(1);
+}

package/dist/chunk-464G63BO.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/lucasgismondi/Desktop/dev/byld/internal/byld.ui/packages/ui/dist/chunk-464G63BO.cjs","../src/theme/web.ts","../src/theme/tokens.ts","../src/theme/presets/default.ts","../src/theme/presets/dark.ts","../src/theme/presets/aurora.ts"],"names":[],"mappings":"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","file":"/Users/lucasgismondi/Desktop/dev/byld/internal/byld.ui/packages/ui/dist/chunk-464G63BO.cjs","sourcesContent":[null,"\"use client\";\n\nimport { createContext, useContext, useEffect, useState, createElement } from \"react\";\nimport type { ThemePreset, ThemeTokens, ThemeColors, ThemeRadius, ThemeSpacing, ThemeShadow } from \"./theme.types\";\nimport { defaultPreset } from \"./presets/default\";\nimport { darkPreset } from \"./presets/dark\";\nimport { auroraPreset } from \"./presets/aurora\";\n\n// --- CSS Variable Generation ---\n\nfunction colorToCssVar(key: string): string {\n  // camelCase → kebab-case\n  return `--color-${key.replace(/([A-Z])/g, \"-$1\").toLowerCase()}`;\n}\n\nfunction radiusToCssVar(key: string): string {\n  return `--radius-${key}`;\n}\n\nfunction spacingToCssVar(key: string): string {\n  return `--spacing-${key}`;\n}\n\nfunction generateCssVars(tokens: ThemeTokens): Record<string, string> {\n  const vars: Record<string, string> = {};\n\n  for (const [key, value] of Object.entries(tokens.colors)) {\n    vars[colorToCssVar(key)] = value;\n  }\n  for (const [key, value] of Object.entries(tokens.radius)) {\n    vars[radiusToCssVar(key)] = value;\n  }\n  for (const [key, value] of Object.entries(tokens.spacing)) {\n    vars[spacingToCssVar(key)] = value;\n  }\n  vars[\"--font-family\"] = tokens.typography.fontFamily;\n  vars[\"--font-family-mono\"] = tokens.typography.fontFamilyMono;\n\n  if (tokens.shadow) {\n    for (const [key, value] of Object.entries(tokens.shadow)) {\n      vars[`--shadow-${key}`] = value;\n    }\n  }\n\n  return vars;\n}\n\n// Shadow CSS var keys that may have been set by a previous theme and need clearing\nconst SHADOW_KEYS = [\"--shadow-sm\", \"--shadow-md\", \"--shadow-lg\", \"--shadow-xl\"];\n\nfunction applyCssVars(vars: Record<string, string>, element: HTMLElement = document.documentElement) {\n  // Clear shadow overrides that may have been set by a previous theme\n  for (const key of SHADOW_KEYS) {\n    if (!(key in vars)) {\n      element.style.removeProperty(key);\n    }\n  }\n  for (const [key, value] of Object.entries(vars)) {\n    element.style.setProperty(key, value);\n  }\n}\n\n// --- Theme Context ---\n\ninterface ThemeContextValue {\n  theme: string;\n  setTheme: (name: string) => void;\n  tokens: ThemeTokens;\n}\n\nconst ThemeContext = createContext<ThemeContextValue | null>(null);\n\nexport function useTheme(): ThemeContextValue {\n  const ctx = useContext(ThemeContext);\n  if (!ctx) {\n    throw new Error(\"useTheme must be used within a ThemeProvider\");\n  }\n  return ctx;\n}\n\n// --- ThemeProvider ---\n\ninterface ThemeProviderProps {\n  children: React.ReactNode;\n  defaultTheme?: string;\n  presets?: ThemePreset[];\n}\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = \"default\",\n  presets: customPresets,\n}: ThemeProviderProps) {\n  const presets = customPresets ?? [defaultPreset, darkPreset, auroraPreset];\n  const presetMap = new Map(presets.map((p) => [p.name, p]));\n\n  const [themeName, setThemeName] = useState(defaultTheme);\n\n  const currentPreset = presetMap.get(themeName) ?? presets[0];\n  const tokens = currentPreset.tokens;\n\n  useEffect(() => {\n    const vars = generateCssVars(tokens);\n    applyCssVars(vars);\n  }, [tokens]);\n\n  const setTheme = (name: string) => {\n    if (presetMap.has(name)) {\n      setThemeName(name);\n    } else {\n      console.warn(`Theme \"${name}\" not found. Available: ${Array.from(presetMap.keys()).join(\", \")}`);\n    }\n  };\n\n  return createElement(\n    ThemeContext.Provider,\n    { value: { theme: themeName, setTheme, tokens } },\n    children,\n  );\n}\n\nexport { defaultPreset, darkPreset, auroraPreset };\nexport type { ThemePreset, ThemeTokens, ThemeColors, ThemeRadius, ThemeSpacing, ThemeShadow };\n","import type { ThemeTokens } from \"./theme.types\";\n\n/**\n * Canonical theme token definitions.\n * All values are CSS-compatible strings.\n * Native side converts rem → numbers automatically.\n */\nexport const baseTokens: Omit<ThemeTokens, \"colors\"> = {\n  radius: {\n    sm: \"0.25rem\",\n    md: \"0.375rem\",\n    lg: \"0.5rem\",\n    xl: \"0.75rem\",\n    full: \"9999px\",\n  },\n  spacing: {\n    xs: \"0.25rem\",\n    sm: \"0.5rem\",\n    md: \"1rem\",\n    lg: \"1.5rem\",\n    xl: \"2rem\",\n    \"2xl\": \"3rem\",\n    \"3xl\": \"4rem\",\n  },\n  typography: {\n    fontFamily:\n      'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n    fontFamilyMono:\n      'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\n  },\n};\n","import type { ThemePreset } from \"../theme.types\";\nimport { baseTokens } from \"../tokens\";\n\nexport const defaultPreset: ThemePreset = {\n  name: \"default\",\n  tokens: {\n    ...baseTokens,\n    colors: {\n      background: \"oklch(1 0 0)\",\n      foreground: \"oklch(0.145 0 0)\",\n      card: \"oklch(1 0 0)\",\n      cardForeground: \"oklch(0.145 0 0)\",\n      popover: \"oklch(1 0 0)\",\n      popoverForeground: \"oklch(0.145 0 0)\",\n      primary: \"oklch(0.205 0 0)\",\n      primaryForeground: \"oklch(0.985 0 0)\",\n      secondary: \"oklch(0.965 0 0)\",\n      secondaryForeground: \"oklch(0.205 0 0)\",\n      muted: \"oklch(0.965 0 0)\",\n      mutedForeground: \"oklch(0.556 0 0)\",\n      accent: \"oklch(0.965 0 0)\",\n      accentForeground: \"oklch(0.205 0 0)\",\n      destructive: \"oklch(0.577 0.245 27.325)\",\n      destructiveForeground: \"oklch(0.985 0 0)\",\n      border: \"oklch(0.922 0 0)\",\n      input: \"oklch(0.922 0 0)\",\n      ring: \"oklch(0.708 0 0)\",\n    },\n  },\n};\n","import type { ThemePreset } from \"../theme.types\";\nimport { baseTokens } from \"../tokens\";\n\nexport const darkPreset: ThemePreset = {\n  name: \"dark\",\n  tokens: {\n    ...baseTokens,\n    colors: {\n      background: \"oklch(0.145 0 0)\",\n      foreground: \"oklch(0.985 0 0)\",\n      card: \"oklch(0.145 0 0)\",\n      cardForeground: \"oklch(0.985 0 0)\",\n      popover: \"oklch(0.145 0 0)\",\n      popoverForeground: \"oklch(0.985 0 0)\",\n      primary: \"oklch(0.985 0 0)\",\n      primaryForeground: \"oklch(0.205 0 0)\",\n      secondary: \"oklch(0.269 0 0)\",\n      secondaryForeground: \"oklch(0.985 0 0)\",\n      muted: \"oklch(0.269 0 0)\",\n      mutedForeground: \"oklch(0.708 0 0)\",\n      accent: \"oklch(0.269 0 0)\",\n      accentForeground: \"oklch(0.985 0 0)\",\n      destructive: \"oklch(0.396 0.141 25.723)\",\n      destructiveForeground: \"oklch(0.637 0.237 25.331)\",\n      border: \"oklch(0.269 0 0)\",\n      input: \"oklch(0.269 0 0)\",\n      ring: \"oklch(0.439 0 0)\",\n    },\n  },\n};\n","import type { ThemePreset } from \"../theme.types\";\n\nexport const auroraPreset: ThemePreset = {\n  name: \"aurora\",\n  tokens: {\n    colors: {\n      background: \"oklch(0.18 0.04 270)\",\n      foreground: \"oklch(0.93 0.01 250)\",\n      card: \"oklch(0.22 0.045 270)\",\n      cardForeground: \"oklch(0.93 0.01 250)\",\n      popover: \"oklch(0.22 0.045 270)\",\n      popoverForeground: \"oklch(0.93 0.01 250)\",\n      primary: \"oklch(0.75 0.15 190)\",\n      primaryForeground: \"oklch(0.15 0.04 270)\",\n      secondary: \"oklch(0.35 0.08 290)\",\n      secondaryForeground: \"oklch(0.90 0.03 290)\",\n      muted: \"oklch(0.28 0.04 270)\",\n      mutedForeground: \"oklch(0.65 0.04 260)\",\n      accent: \"oklch(0.30 0.05 270)\",\n      accentForeground: \"oklch(0.93 0.01 250)\",\n      destructive: \"oklch(0.65 0.22 15)\",\n      destructiveForeground: \"oklch(0.95 0.01 15)\",\n      border: \"oklch(0.26 0.035 270)\",\n      input: \"oklch(0.26 0.035 270)\",\n      ring: \"oklch(0.65 0.12 190)\",\n    },\n    radius: {\n      sm: \"0.5rem\",\n      md: \"0.75rem\",\n      lg: \"1rem\",\n      xl: \"1.5rem\",\n      full: \"9999px\",\n    },\n    spacing: {\n      xs: \"0.375rem\",\n      sm: \"0.75rem\",\n      md: \"1.25rem\",\n      lg: \"2rem\",\n      xl: \"2.5rem\",\n      \"2xl\": \"3.5rem\",\n      \"3xl\": \"5rem\",\n    },\n    typography: {\n      fontFamily:\n        'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\n      fontFamilyMono:\n        'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\n    },\n    shadow: {\n      sm: \"0 1px 3px 0 oklch(0.55 0.12 190 / 0.3), 0 1px 2px -1px oklch(0.55 0.12 190 / 0.2)\",\n      md: \"0 4px 8px -1px oklch(0.55 0.12 190 / 0.35), 0 2px 4px -2px oklch(0.55 0.12 190 / 0.25)\",\n      lg: \"0 10px 20px -3px oklch(0.55 0.12 190 / 0.4), 0 4px 8px -4px oklch(0.55 0.12 190 / 0.3)\",\n      xl: \"0 20px 30px -5px oklch(0.55 0.12 190 / 0.45), 0 8px 12px -6px oklch(0.55 0.12 190 / 0.35)\",\n    },\n  },\n};\n"]}
+{"version":3,"sources":["/home/runner/work/byld.ui/byld.ui/packages/ui/dist/chunk-464G63BO.cjs","../src/theme/web.ts","../src/theme/tokens.ts","../src/theme/presets/default.ts","../src/theme/presets/dark.ts","../src/theme/presets/aurora.ts"],"names":[],"mappings":"AAAA;ACEA,8BAA8E;ADA9E;AACA;AEIO,IAAM,WAAA,EAA0C;AAAA,EACrD,MAAA,EAAQ;AAAA,IACN,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,UAAA;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,OAAA,EAAS;AAAA,IACP,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,KAAA,EAAO,MAAA;AAAA,IACP,KAAA,EAAO;AAAA,EACT,CAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,UAAA,EACE,sHAAA;AAAA,IACF,cAAA,EACE;AAAA,EACJ;AACF,CAAA;AFJA;AACA;AGxBO,IAAM,cAAA,EAA6B;AAAA,EACxC,IAAA,EAAM,SAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,GAAG,UAAA;AAAA,IACH,MAAA,EAAQ;AAAA,MACN,UAAA,EAAY,cAAA;AAAA,MACZ,UAAA,EAAY,kBAAA;AAAA,MACZ,IAAA,EAAM,cAAA;AAAA,MACN,cAAA,EAAgB,kBAAA;AAAA,MAChB,OAAA,EAAS,cAAA;AAAA,MACT,iBAAA,EAAmB,kBAAA;AAAA,MACnB,OAAA,EAAS,kBAAA;AAAA,MACT,iBAAA,EAAmB,kBAAA;AAAA,MACnB,SAAA,EAAW,kBAAA;AAAA,MACX,mBAAA,EAAqB,kBAAA;AAAA,MACrB,KAAA,EAAO,kBAAA;AAAA,MACP,eAAA,EAAiB,kBAAA;AAAA,MACjB,MAAA,EAAQ,kBAAA;AAAA,MACR,gBAAA,EAAkB,kBAAA;AAAA,MAClB,WAAA,EAAa,2BAAA;AAAA,MACb,qBAAA,EAAuB,kBAAA;AAAA,MACvB,MAAA,EAAQ,kBAAA;AAAA,MACR,KAAA,EAAO,kBAAA;AAAA,MACP,IAAA,EAAM;AAAA,IACR;AAAA,EACF;AACF,CAAA;AH0BA;AACA;AIrDO,IAAM,WAAA,EAA0B;AAAA,EACrC,IAAA,EAAM,MAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,GAAG,UAAA;AAAA,IACH,MAAA,EAAQ;AAAA,MACN,UAAA,EAAY,kBAAA;AAAA,MACZ,UAAA,EAAY,kBAAA;AAAA,MACZ,IAAA,EAAM,kBAAA;AAAA,MACN,cAAA,EAAgB,kBAAA;AAAA,MAChB,OAAA,EAAS,kBAAA;AAAA,MACT,iBAAA,EAAmB,kBAAA;AAAA,MACnB,OAAA,EAAS,kBAAA;AAAA,MACT,iBAAA,EAAmB,kBAAA;AAAA,MACnB,SAAA,EAAW,kBAAA;AAAA,MACX,mBAAA,EAAqB,kBAAA;AAAA,MACrB,KAAA,EAAO,kBAAA;AAAA,MACP,eAAA,EAAiB,kBAAA;AAAA,MACjB,MAAA,EAAQ,kBAAA;AAAA,MACR,gBAAA,EAAkB,kBAAA;AAAA,MAClB,WAAA,EAAa,2BAAA;AAAA,MACb,qBAAA,EAAuB,2BAAA;AAAA,MACvB,MAAA,EAAQ,kBAAA;AAAA,MACR,KAAA,EAAO,kBAAA;AAAA,MACP,IAAA,EAAM;AAAA,IACR;AAAA,EACF;AACF,CAAA;AJuDA;AACA;AKnFO,IAAM,aAAA,EAA4B;AAAA,EACvC,IAAA,EAAM,QAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ;AAAA,MACN,UAAA,EAAY,sBAAA;AAAA,MACZ,UAAA,EAAY,sBAAA;AAAA,MACZ,IAAA,EAAM,uBAAA;AAAA,MACN,cAAA,EAAgB,sBAAA;AAAA,MAChB,OAAA,EAAS,uBAAA;AAAA,MACT,iBAAA,EAAmB,sBAAA;AAAA,MACnB,OAAA,EAAS,sBAAA;AAAA,MACT,iBAAA,EAAmB,sBAAA;AAAA,MACnB,SAAA,EAAW,sBAAA;AAAA,MACX,mBAAA,EAAqB,sBAAA;AAAA,MACrB,KAAA,EAAO,sBAAA;AAAA,MACP,eAAA,EAAiB,sBAAA;AAAA,MACjB,MAAA,EAAQ,sBAAA;AAAA,MACR,gBAAA,EAAkB,sBAAA;AAAA,MAClB,WAAA,EAAa,qBAAA;AAAA,MACb,qBAAA,EAAuB,qBAAA;AAAA,MACvB,MAAA,EAAQ,uBAAA;AAAA,MACR,KAAA,EAAO,uBAAA;AAAA,MACP,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,EAAA,EAAI,QAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,MAAA;AAAA,MACJ,EAAA,EAAI,QAAA;AAAA,MACJ,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,UAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,MAAA;AAAA,MACJ,EAAA,EAAI,QAAA;AAAA,MACJ,KAAA,EAAO,QAAA;AAAA,MACP,KAAA,EAAO;AAAA,IACT,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,UAAA,EACE,wFAAA;AAAA,MACF,cAAA,EACE;AAAA,IACJ,CAAA;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,EAAA,EAAI,mFAAA;AAAA,MACJ,EAAA,EAAI,wFAAA;AAAA,MACJ,EAAA,EAAI,wFAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF;AACF,CAAA;ALmFA;AACA;ACjIA,SAAS,aAAA,CAAc,GAAA,EAAqB;AAE1C,EAAA,OAAO,CAAA,QAAA,EAAW,GAAA,CAAI,OAAA,CAAQ,UAAA,EAAY,KAAK,CAAA,CAAE,WAAA,CAAY,CAAC,CAAA,CAAA;AAChE;AAE6C;AACrB,EAAA;AACxB;AAE8C;AACrB,EAAA;AACzB;AAEsE;AAC9B,EAAA;AAEoB,EAAA;AAC7B,IAAA;AAC7B,EAAA;AAC0D,EAAA;AAC5B,IAAA;AAC9B,EAAA;AAC2D,EAAA;AAC5B,IAAA;AAC/B,EAAA;AAC0C,EAAA;AACK,EAAA;AAE5B,EAAA;AACyC,IAAA;AAC9B,MAAA;AAC5B,IAAA;AACF,EAAA;AAEO,EAAA;AACT;AAGkE;AAEmC;AAEpE,EAAA;AACT,IAAA;AACc,MAAA;AAClC,IAAA;AACF,EAAA;AACiD,EAAA;AACX,IAAA;AACtC,EAAA;AACF;AAUiE;AAEnB;AACT,EAAA;AACzB,EAAA;AACQ,IAAA;AAClB,EAAA;AACO,EAAA;AACT;AAU8B;AAC5B,EAAA;AACe,EAAA;AACN,EAAA;AACY;AACwC,EAAA;AACJ,EAAA;AAEF,EAAA;AAEI,EAAA;AAC9B,EAAA;AAEb,EAAA;AACqB,IAAA;AAClB,IAAA;AACR,EAAA;AAEwB,EAAA;AACR,IAAA;AACN,MAAA;AACZ,IAAA;AACiD,MAAA;AACxD,IAAA;AACF,EAAA;AAEO,EAAA;AACQ,IAAA;AACmC,IAAA;AAChD,IAAA;AACF,EAAA;AACF;ADgGiE;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/byld.ui/byld.ui/packages/ui/dist/chunk-464G63BO.cjs","sourcesContent":[null,"\"use client\";\n\nimport { createContext, useContext, useEffect, useState, createElement } from \"react\";\nimport type { ThemePreset, ThemeTokens, ThemeColors, ThemeRadius, ThemeSpacing, ThemeShadow } from \"./theme.types\";\nimport { defaultPreset } from \"./presets/default\";\nimport { darkPreset } from \"./presets/dark\";\nimport { auroraPreset } from \"./presets/aurora\";\n\n// --- CSS Variable Generation ---\n\nfunction colorToCssVar(key: string): string {\n  // camelCase → kebab-case\n  return `--color-${key.replace(/([A-Z])/g, \"-$1\").toLowerCase()}`;\n}\n\nfunction radiusToCssVar(key: string): string {\n  return `--radius-${key}`;\n}\n\nfunction spacingToCssVar(key: string): string {\n  return `--spacing-${key}`;\n}\n\nfunction generateCssVars(tokens: ThemeTokens): Record<string, string> {\n  const vars: Record<string, string> = {};\n\n  for (const [key, value] of Object.entries(tokens.colors)) {\n    vars[colorToCssVar(key)] = value;\n  }\n  for (const [key, value] of Object.entries(tokens.radius)) {\n    vars[radiusToCssVar(key)] = value;\n  }\n  for (const [key, value] of Object.entries(tokens.spacing)) {\n    vars[spacingToCssVar(key)] = value;\n  }\n  vars[\"--font-family\"] = tokens.typography.fontFamily;\n  vars[\"--font-family-mono\"] = tokens.typography.fontFamilyMono;\n\n  if (tokens.shadow) {\n    for (const [key, value] of Object.entries(tokens.shadow)) {\n      vars[`--shadow-${key}`] = value;\n    }\n  }\n\n  return vars;\n}\n\n// Shadow CSS var keys that may have been set by a previous theme and need clearing\nconst SHADOW_KEYS = [\"--shadow-sm\", \"--shadow-md\", \"--shadow-lg\", \"--shadow-xl\"];\n\nfunction applyCssVars(vars: Record<string, string>, element: HTMLElement = document.documentElement) {\n  // Clear shadow overrides that may have been set by a previous theme\n  for (const key of SHADOW_KEYS) {\n    if (!(key in vars)) {\n      element.style.removeProperty(key);\n    }\n  }\n  for (const [key, value] of Object.entries(vars)) {\n    element.style.setProperty(key, value);\n  }\n}\n\n// --- Theme Context ---\n\ninterface ThemeContextValue {\n  theme: string;\n  setTheme: (name: string) => void;\n  tokens: ThemeTokens;\n}\n\nconst ThemeContext = createContext<ThemeContextValue | null>(null);\n\nexport function useTheme(): ThemeContextValue {\n  const ctx = useContext(ThemeContext);\n  if (!ctx) {\n    throw new Error(\"useTheme must be used within a ThemeProvider\");\n  }\n  return ctx;\n}\n\n// --- ThemeProvider ---\n\ninterface ThemeProviderProps {\n  children: React.ReactNode;\n  defaultTheme?: string;\n  presets?: ThemePreset[];\n}\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = \"default\",\n  presets: customPresets,\n}: ThemeProviderProps) {\n  const presets = customPresets ?? [defaultPreset, darkPreset, auroraPreset];\n  const presetMap = new Map(presets.map((p) => [p.name, p]));\n\n  const [themeName, setThemeName] = useState(defaultTheme);\n\n  const currentPreset = presetMap.get(themeName) ?? presets[0];\n  const tokens = currentPreset.tokens;\n\n  useEffect(() => {\n    const vars = generateCssVars(tokens);\n    applyCssVars(vars);\n  }, [tokens]);\n\n  const setTheme = (name: string) => {\n    if (presetMap.has(name)) {\n      setThemeName(name);\n    } else {\n      console.warn(`Theme \"${name}\" not found. Available: ${Array.from(presetMap.keys()).join(\", \")}`);\n    }\n  };\n\n  return createElement(\n    ThemeContext.Provider,\n    { value: { theme: themeName, setTheme, tokens } },\n    children,\n  );\n}\n\nexport { defaultPreset, darkPreset, auroraPreset };\nexport type { ThemePreset, ThemeTokens, ThemeColors, ThemeRadius, ThemeSpacing, ThemeShadow };\n","import type { ThemeTokens } from \"./theme.types\";\n\n/**\n * Canonical theme token definitions.\n * All values are CSS-compatible strings.\n * Native side converts rem → numbers automatically.\n */\nexport const baseTokens: Omit<ThemeTokens, \"colors\"> = {\n  radius: {\n    sm: \"0.25rem\",\n    md: \"0.375rem\",\n    lg: \"0.5rem\",\n    xl: \"0.75rem\",\n    full: \"9999px\",\n  },\n  spacing: {\n    xs: \"0.25rem\",\n    sm: \"0.5rem\",\n    md: \"1rem\",\n    lg: \"1.5rem\",\n    xl: \"2rem\",\n    \"2xl\": \"3rem\",\n    \"3xl\": \"4rem\",\n  },\n  typography: {\n    fontFamily:\n      'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n    fontFamilyMono:\n      'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\n  },\n};\n","import type { ThemePreset } from \"../theme.types\";\nimport { baseTokens } from \"../tokens\";\n\nexport const defaultPreset: ThemePreset = {\n  name: \"default\",\n  tokens: {\n    ...baseTokens,\n    colors: {\n      background: \"oklch(1 0 0)\",\n      foreground: \"oklch(0.145 0 0)\",\n      card: \"oklch(1 0 0)\",\n      cardForeground: \"oklch(0.145 0 0)\",\n      popover: \"oklch(1 0 0)\",\n      popoverForeground: \"oklch(0.145 0 0)\",\n      primary: \"oklch(0.205 0 0)\",\n      primaryForeground: \"oklch(0.985 0 0)\",\n      secondary: \"oklch(0.965 0 0)\",\n      secondaryForeground: \"oklch(0.205 0 0)\",\n      muted: \"oklch(0.965 0 0)\",\n      mutedForeground: \"oklch(0.556 0 0)\",\n      accent: \"oklch(0.965 0 0)\",\n      accentForeground: \"oklch(0.205 0 0)\",\n      destructive: \"oklch(0.577 0.245 27.325)\",\n      destructiveForeground: \"oklch(0.985 0 0)\",\n      border: \"oklch(0.922 0 0)\",\n      input: \"oklch(0.922 0 0)\",\n      ring: \"oklch(0.708 0 0)\",\n    },\n  },\n};\n","import type { ThemePreset } from \"../theme.types\";\nimport { baseTokens } from \"../tokens\";\n\nexport const darkPreset: ThemePreset = {\n  name: \"dark\",\n  tokens: {\n    ...baseTokens,\n    colors: {\n      background: \"oklch(0.145 0 0)\",\n      foreground: \"oklch(0.985 0 0)\",\n      card: \"oklch(0.145 0 0)\",\n      cardForeground: \"oklch(0.985 0 0)\",\n      popover: \"oklch(0.145 0 0)\",\n      popoverForeground: \"oklch(0.985 0 0)\",\n      primary: \"oklch(0.985 0 0)\",\n      primaryForeground: \"oklch(0.205 0 0)\",\n      secondary: \"oklch(0.269 0 0)\",\n      secondaryForeground: \"oklch(0.985 0 0)\",\n      muted: \"oklch(0.269 0 0)\",\n      mutedForeground: \"oklch(0.708 0 0)\",\n      accent: \"oklch(0.269 0 0)\",\n      accentForeground: \"oklch(0.985 0 0)\",\n      destructive: \"oklch(0.396 0.141 25.723)\",\n      destructiveForeground: \"oklch(0.637 0.237 25.331)\",\n      border: \"oklch(0.269 0 0)\",\n      input: \"oklch(0.269 0 0)\",\n      ring: \"oklch(0.439 0 0)\",\n    },\n  },\n};\n","import type { ThemePreset } from \"../theme.types\";\n\nexport const auroraPreset: ThemePreset = {\n  name: \"aurora\",\n  tokens: {\n    colors: {\n      background: \"oklch(0.18 0.04 270)\",\n      foreground: \"oklch(0.93 0.01 250)\",\n      card: \"oklch(0.22 0.045 270)\",\n      cardForeground: \"oklch(0.93 0.01 250)\",\n      popover: \"oklch(0.22 0.045 270)\",\n      popoverForeground: \"oklch(0.93 0.01 250)\",\n      primary: \"oklch(0.75 0.15 190)\",\n      primaryForeground: \"oklch(0.15 0.04 270)\",\n      secondary: \"oklch(0.35 0.08 290)\",\n      secondaryForeground: \"oklch(0.90 0.03 290)\",\n      muted: \"oklch(0.28 0.04 270)\",\n      mutedForeground: \"oklch(0.65 0.04 260)\",\n      accent: \"oklch(0.30 0.05 270)\",\n      accentForeground: \"oklch(0.93 0.01 250)\",\n      destructive: \"oklch(0.65 0.22 15)\",\n      destructiveForeground: \"oklch(0.95 0.01 15)\",\n      border: \"oklch(0.26 0.035 270)\",\n      input: \"oklch(0.26 0.035 270)\",\n      ring: \"oklch(0.65 0.12 190)\",\n    },\n    radius: {\n      sm: \"0.5rem\",\n      md: \"0.75rem\",\n      lg: \"1rem\",\n      xl: \"1.5rem\",\n      full: \"9999px\",\n    },\n    spacing: {\n      xs: \"0.375rem\",\n      sm: \"0.75rem\",\n      md: \"1.25rem\",\n      lg: \"2rem\",\n      xl: \"2.5rem\",\n      \"2xl\": \"3.5rem\",\n      \"3xl\": \"5rem\",\n    },\n    typography: {\n      fontFamily:\n        'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\n      fontFamilyMono:\n        'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\n    },\n    shadow: {\n      sm: \"0 1px 3px 0 oklch(0.55 0.12 190 / 0.3), 0 1px 2px -1px oklch(0.55 0.12 190 / 0.2)\",\n      md: \"0 4px 8px -1px oklch(0.55 0.12 190 / 0.35), 0 2px 4px -2px oklch(0.55 0.12 190 / 0.25)\",\n      lg: \"0 10px 20px -3px oklch(0.55 0.12 190 / 0.4), 0 4px 8px -4px oklch(0.55 0.12 190 / 0.3)\",\n      xl: \"0 20px 30px -5px oklch(0.55 0.12 190 / 0.45), 0 8px 12px -6px oklch(0.55 0.12 190 / 0.35)\",\n    },\n  },\n};\n"]}