oh-my-design-cli 0.1.2 → 1.0.0

package/dist/index.js

@@ -1,3113 +0,0 @@
-// src/utils/color.ts
-function hexToRgb(hex) {
-  const h = hex.replace("#", "");
-  return [
-    parseInt(h.slice(0, 2), 16),
-    parseInt(h.slice(2, 4), 16),
-    parseInt(h.slice(4, 6), 16)
-  ];
-}
-function rgbToHex(r, g, b) {
-  return "#" + [r, g, b].map((v) => Math.round(Math.max(0, Math.min(255, v))).toString(16).padStart(2, "0")).join("");
-}
-function hexToHsl(hex) {
-  const [r, g, b] = hexToRgb(hex).map((v) => v / 255);
-  const max = Math.max(r, g, b);
-  const min = Math.min(r, g, b);
-  const l = (max + min) / 2;
-  let h = 0;
-  let s = 0;
-  if (max !== min) {
-    const d = max - min;
-    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-    switch (max) {
-      case r:
-        h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
-        break;
-      case g:
-        h = ((b - r) / d + 2) / 6;
-        break;
-      case b:
-        h = ((r - g) / d + 4) / 6;
-        break;
-    }
-  }
-  return [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)];
-}
-function hslToHex(h, s, l) {
-  const sn = s / 100;
-  const ln = l / 100;
-  const a = sn * Math.min(ln, 1 - ln);
-  const f = (n) => {
-    const k = (n + h / 30) % 12;
-    const color = ln - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-    return Math.round(255 * color);
-  };
-  return rgbToHex(f(0), f(8), f(4));
-}
-function hslString(hex) {
-  const [h, s, l] = hexToHsl(hex);
-  return `${h} ${s}% ${l}%`;
-}
-function generateColorScale(hex) {
-  const [h, s] = hexToHsl(hex);
-  const lightnesses = {
-    50: 97,
-    100: 94,
-    200: 86,
-    300: 77,
-    400: 66,
-    500: 55,
-    600: 47,
-    700: 39,
-    800: 32,
-    900: 24,
-    950: 14
-  };
-  const scale = {};
-  for (const [key, l] of Object.entries(lightnesses)) {
-    scale[key] = hslToHex(h, s, l);
-  }
-  return scale;
-}
-function isLight(hex) {
-  const [, , l] = hexToHsl(hex);
-  return l > 55;
-}
-function contrastForeground(bgHex) {
-  return isLight(bgHex) ? "#09090b" : "#fafafa";
-}
-function semanticColor(base) {
-  return { base, foreground: contrastForeground(base) };
-}
-function lighten(hex, amount) {
-  const [h, s, l] = hexToHsl(hex);
-  return hslToHex(h, s, Math.min(100, l + amount));
-}
-function darken(hex, amount) {
-  const [h, s, l] = hexToHsl(hex);
-  return hslToHex(h, s, Math.max(0, l - amount));
-}
-function generateChartColors(primaryHex) {
-  const [h, s, l] = hexToHsl(primaryHex);
-  return [
-    primaryHex,
-    hslToHex((h + 40) % 360, s, l),
-    hslToHex((h + 80) % 360, s, l),
-    hslToHex((h + 160) % 360, s, l),
-    hslToHex((h + 220) % 360, s, l)
-  ];
-}
-
-// src/utils/spacing.ts
-var SPACING_CONFIGS = {
-  compact: { baseUnit: 4, multiplier: 1 },
-  comfortable: { baseUnit: 4, multiplier: 1.5 },
-  spacious: { baseUnit: 4, multiplier: 2 }
-};
-function generateSpacingTokens(density) {
-  const { baseUnit, multiplier } = SPACING_CONFIGS[density];
-  const steps = [0, 1, 2, 3, 4, 6, 8, 12, 16, 24];
-  const scale = steps.map((s) => Math.round(s * baseUnit * multiplier));
-  const px = (n) => `${n}px`;
-  return {
-    baseUnit: baseUnit * multiplier,
-    scale,
-    sectionGap: px(scale[8]),
-    componentPadding: {
-      sm: `${px(scale[2])} ${px(scale[3])}`,
-      md: `${px(scale[3])} ${px(scale[4])}`,
-      lg: `${px(scale[4])} ${px(scale[6])}`
-    }
-  };
-}
-
-// src/utils/typography.ts
-var FONT_STACKS = {
-  geometric: {
-    sans: '"Inter", "Geist", ui-sans-serif, system-ui, sans-serif',
-    mono: '"JetBrains Mono", "Fira Code", ui-monospace, monospace',
-    heading: '"Inter", "Geist", ui-sans-serif, system-ui, sans-serif'
-  },
-  humanist: {
-    sans: 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
-    mono: '"SF Mono", "Cascadia Code", ui-monospace, monospace',
-    heading: 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif'
-  },
-  monospace: {
-    sans: '"JetBrains Mono", "Fira Code", ui-monospace, monospace',
-    mono: '"JetBrains Mono", "Fira Code", ui-monospace, monospace',
-    heading: '"JetBrains Mono", "Fira Code", ui-monospace, monospace'
-  },
-  "serif-accent": {
-    sans: 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
-    mono: '"SF Mono", ui-monospace, monospace',
-    heading: '"Playfair Display", "Georgia", "Times New Roman", serif'
-  }
-};
-var WEIGHT_PROFILES = {
-  geometric: { normal: 400, medium: 500, semibold: 600, bold: 700 },
-  humanist: { normal: 400, medium: 500, semibold: 600, bold: 700 },
-  monospace: { normal: 400, medium: 500, semibold: 600, bold: 700 },
-  "serif-accent": { normal: 400, medium: 500, semibold: 600, bold: 800 }
-};
-var LETTER_SPACING = {
-  geometric: { tight: "-0.025em", normal: "0em", wide: "0.05em" },
-  humanist: { tight: "-0.01em", normal: "0em", wide: "0.025em" },
-  monospace: { tight: "-0.02em", normal: "0em", wide: "0.1em" },
-  "serif-accent": { tight: "-0.02em", normal: "0.01em", wide: "0.075em" }
-};
-function generateTypographyTokens(style) {
-  return {
-    fontFamily: FONT_STACKS[style],
-    scale: {
-      xs: "0.75rem",
-      // 12px
-      sm: "0.875rem",
-      // 14px
-      base: "1rem",
-      // 16px
-      lg: "1.125rem",
-      // 18px
-      xl: "1.25rem",
-      // 20px
-      "2xl": "1.5rem",
-      // 24px
-      "3xl": "1.875rem",
-      // 30px
-      "4xl": "2.25rem"
-      // 36px
-    },
-    weight: WEIGHT_PROFILES[style],
-    lineHeight: {
-      tight: 1.25,
-      normal: 1.5,
-      relaxed: 1.75
-    },
-    letterSpacing: LETTER_SPACING[style]
-  };
-}
-
-// src/core/token-resolver.ts
-var MOOD_ADJUSTMENTS = {
-  clean: { secondaryHueShift: 0, accentHueShift: 30, saturationMod: -10, backgroundLightness: 100, mutedSaturation: 5 },
-  warm: { secondaryHueShift: 20, accentHueShift: 40, saturationMod: 0, backgroundLightness: 99, mutedSaturation: 8 },
-  bold: { secondaryHueShift: 180, accentHueShift: 60, saturationMod: 15, backgroundLightness: 100, mutedSaturation: 5 },
-  minimal: { secondaryHueShift: 0, accentHueShift: 0, saturationMod: -20, backgroundLightness: 100, mutedSaturation: 3 },
-  playful: { secondaryHueShift: 120, accentHueShift: 60, saturationMod: 10, backgroundLightness: 99, mutedSaturation: 10 },
-  dark: { secondaryHueShift: 30, accentHueShift: 180, saturationMod: 5, backgroundLightness: 7, mutedSaturation: 10 }
-};
-function resolveColors(primaryHex, mood) {
-  const adj = MOOD_ADJUSTMENTS[mood];
-  const [h, s] = hexToHsl(primaryHex);
-  const scale = generateColorScale(primaryHex);
-  const isDark = mood === "dark";
-  const secondaryHex = hslToHex(
-    (h + adj.secondaryHueShift) % 360,
-    Math.max(0, Math.min(100, s + adj.saturationMod - 30)),
-    isDark ? 20 : 96
-  );
-  const accentHex = hslToHex(
-    (h + adj.accentHueShift) % 360,
-    Math.max(0, Math.min(100, s + adj.saturationMod)),
-    isDark ? 30 : 55
-  );
-  const mutedHex = hslToHex(h, adj.mutedSaturation, isDark ? 15 : 96);
-  const bgHex = isDark ? hslToHex(h, 15, adj.backgroundLightness) : hslToHex(h, adj.mutedSaturation, adj.backgroundLightness);
-  const fgHex = isDark ? "#fafafa" : "#09090b";
-  const borderHex = isDark ? hslToHex(h, 10, 18) : hslToHex(h, 8, 90);
-  return {
-    primary: { ...semanticColor(primaryHex), scale },
-    secondary: semanticColor(secondaryHex),
-    accent: semanticColor(accentHex),
-    muted: semanticColor(mutedHex),
-    destructive: semanticColor("#ef4444"),
-    background: bgHex,
-    foreground: fgHex,
-    card: semanticColor(isDark ? lighten(bgHex, 3) : "#ffffff"),
-    popover: semanticColor(isDark ? lighten(bgHex, 5) : "#ffffff"),
-    border: borderHex,
-    input: isDark ? lighten(borderHex, 5) : darken(borderHex, 3),
-    ring: primaryHex,
-    chart: generateChartColors(primaryHex)
-  };
-}
-function resolveDarkColors(primaryHex, mood) {
-  return resolveColors(primaryHex, "dark");
-}
-var RADIUS_CONFIGS = {
-  sharp: { none: "0", sm: "0.125rem", md: "0.125rem", lg: "0.25rem", xl: "0.375rem", full: "9999px" },
-  moderate: { none: "0", sm: "0.25rem", md: "0.375rem", lg: "0.5rem", xl: "0.75rem", full: "9999px" },
-  rounded: { none: "0", sm: "0.375rem", md: "0.75rem", lg: "1rem", xl: "1.5rem", full: "9999px" },
-  pill: { none: "0", sm: "0.5rem", md: "9999px", lg: "9999px", xl: "9999px", full: "9999px" }
-};
-var SHADOW_CONFIGS = {
-  flat: {
-    none: "none",
-    sm: "none",
-    md: "none",
-    lg: "none",
-    xl: "none"
-  },
-  subtle: {
-    none: "none",
-    sm: "0 1px 2px 0 rgb(0 0 0 / 0.03)",
-    md: "0 1px 3px 0 rgb(0 0 0 / 0.06), 0 1px 2px -1px rgb(0 0 0 / 0.06)",
-    lg: "0 4px 6px -1px rgb(0 0 0 / 0.06), 0 2px 4px -2px rgb(0 0 0 / 0.06)",
-    xl: "0 10px 15px -3px rgb(0 0 0 / 0.06), 0 4px 6px -4px rgb(0 0 0 / 0.06)"
-  },
-  layered: {
-    none: "none",
-    sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-    md: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
-    lg: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-    xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
-  },
-  dramatic: {
-    none: "none",
-    sm: "0 1px 3px 0 rgb(0 0 0 / 0.12)",
-    md: "0 4px 6px -1px rgb(0 0 0 / 0.15), 0 2px 4px -2px rgb(0 0 0 / 0.15)",
-    lg: "0 10px 15px -3px rgb(0 0 0 / 0.2), 0 4px 6px -4px rgb(0 0 0 / 0.2)",
-    xl: "0 25px 50px -12px rgb(0 0 0 / 0.3)"
-  }
-};
-function resolveBorders(depth, borderColor) {
-  return {
-    width: depth === "flat" ? "1px" : "1px",
-    style: "solid",
-    color: borderColor
-  };
-}
-function resolveTokens(prefs) {
-  const colors = resolveColors(prefs.primaryColor, prefs.mood);
-  return {
-    name: prefs.preset ?? "Custom Design System",
-    colors,
-    typography: generateTypographyTokens(prefs.typography),
-    spacing: generateSpacingTokens(prefs.density),
-    radius: RADIUS_CONFIGS[prefs.roundness],
-    shadows: SHADOW_CONFIGS[prefs.depth],
-    borders: resolveBorders(prefs.depth, colors.border),
-    components: {},
-    darkColors: prefs.darkMode ? resolveDarkColors(prefs.primaryColor, prefs.mood) : void 0
-  };
-}
-
-// src/core/renderer.ts
-import Handlebars from "handlebars";
-import { readFileSync } from "fs";
-import { join, dirname } from "path";
-import { fileURLToPath } from "url";
-var __dirname = dirname(fileURLToPath(import.meta.url));
-var TEMPLATE_DIR = join(__dirname, "..", "templates");
-function registerHelpers() {
-  Handlebars.registerHelper("eq", (a, b) => a === b);
-  Handlebars.registerHelper("hsl", (hex) => {
-    if (typeof hex !== "string") return "";
-    return hslString(hex);
-  });
-  Handlebars.registerHelper("chartColor", (arr, index) => {
-    if (Array.isArray(arr) && typeof index === "number") {
-      return arr[index] ?? "";
-    }
-    return "";
-  });
-  Handlebars.registerHelper("multiply", (a, b) => a * b);
-  Handlebars.registerHelper("spacingUsage", (index) => {
-    const usages = [
-      "None",
-      "Tight inner gaps",
-      "Icon-to-text gap, inline padding",
-      "Small component padding",
-      "Default component padding",
-      "Component group spacing",
-      "Section inner padding",
-      "Large section padding",
-      "Section gap",
-      "Page-level section spacing"
-    ];
-    return usages[index] ?? "";
-  });
-}
-function registerPartials() {
-  const partialNames = [
-    "visual-theme",
-    "color-palette",
-    "typography",
-    "component-stylings",
-    "layout",
-    "depth-elevation",
-    "dos-donts",
-    "responsive",
-    "agent-prompt-guide",
-    "shadcn-tokens"
-  ];
-  for (const name of partialNames) {
-    const content = readFileSync(join(TEMPLATE_DIR, "partials", `${name}.hbs`), "utf-8");
-    Handlebars.registerPartial(name, content);
-  }
-}
-var initialized = false;
-function renderDesignMd(context) {
-  if (!initialized) {
-    registerHelpers();
-    registerPartials();
-    initialized = true;
-  }
-  const mainTemplate = readFileSync(join(TEMPLATE_DIR, "design-md.hbs"), "utf-8");
-  const template = Handlebars.compile(mainTemplate);
-  const result = template(context);
-  return result.replace(/\n{3,}/g, "\n\n").trim() + "\n";
-}
-
-// src/core/components.ts
-var COMPONENT_TITLES = {
-  button: "Button",
-  card: "Card",
-  dialog: "Dialog / Modal",
-  dropdown: "Dropdown Menu",
-  table: "Table",
-  input: "Input / Form Field",
-  navigation: "Navigation / Sidebar",
-  badge: "Badge / Tag",
-  "floating-button": "Floating Action Button",
-  toast: "Toast / Notification",
-  tabs: "Tabs",
-  select: "Select"
-};
-var generators = {
-  button: (t) => ({
-    description: "Primary interaction element. Use clear, action-oriented labels.",
-    variants: {
-      default: { background: t.colors.primary.base, foreground: t.colors.primary.foreground, radius: t.radius.md },
-      secondary: { background: t.colors.secondary.base, foreground: t.colors.secondary.foreground, border: t.colors.border, radius: t.radius.md },
-      outline: { background: "transparent", foreground: t.colors.foreground, border: t.colors.border, radius: t.radius.md },
-      ghost: { background: "transparent", foreground: t.colors.foreground, radius: t.radius.md },
-      destructive: { background: t.colors.destructive.base, foreground: t.colors.destructive.foreground, radius: t.radius.md }
-    },
-    states: {
-      hover: "Reduce opacity to 90% or shift background 1 stop darker",
-      active: "Scale down to 98% and shift background 2 stops darker",
-      focus: `Ring 2px offset-2 using ring color (${t.colors.ring})`,
-      disabled: "Opacity 50%, pointer-events none"
-    },
-    sizes: {
-      sm: { height: "32px", padding: t.spacing.componentPadding.sm, fontSize: t.typography.scale.sm },
-      md: { height: "40px", padding: t.spacing.componentPadding.md, fontSize: t.typography.scale.sm },
-      lg: { height: "48px", padding: t.spacing.componentPadding.lg, fontSize: t.typography.scale.base }
-    }
-  }),
-  card: (t) => ({
-    description: "Container for grouped content. Provides visual separation from the page background.",
-    variants: {
-      default: { background: t.colors.card.base, foreground: t.colors.card.foreground, border: t.colors.border, shadow: t.shadows.sm, radius: t.radius.lg },
-      elevated: { background: t.colors.card.base, foreground: t.colors.card.foreground, shadow: t.shadows.md, radius: t.radius.lg },
-      outline: { background: "transparent", foreground: t.colors.foreground, border: t.colors.border, radius: t.radius.lg }
-    },
-    states: {
-      hover: "Shift shadow up one level (sm \u2192 md) for interactive cards"
-    }
-  }),
-  dialog: (t) => ({
-    description: "Modal overlay for focused interactions. Always includes a backdrop.",
-    variants: {
-      default: { background: t.colors.card.base, foreground: t.colors.card.foreground, shadow: t.shadows.xl, radius: t.radius.lg }
-    },
-    states: {
-      hover: "N/A",
-      focus: "Trap focus within the dialog. Highlight focusable elements with ring."
-    }
-  }),
-  dropdown: (t) => ({
-    description: "Contextual menu triggered by a button or right-click.",
-    variants: {
-      default: { background: t.colors.popover.base, foreground: t.colors.popover.foreground, border: t.colors.border, shadow: t.shadows.lg, radius: t.radius.md }
-    },
-    states: {
-      hover: `Item background shifts to accent (${t.colors.accent.base})`,
-      focus: `Item receives subtle background tint and focus ring`
-    },
-    sizes: {
-      item: { height: "32px", padding: t.spacing.componentPadding.sm, fontSize: t.typography.scale.sm }
-    }
-  }),
-  table: (t) => ({
-    description: "Data display in rows and columns. Prioritize scanability and alignment.",
-    variants: {
-      default: { background: t.colors.card.base, foreground: t.colors.foreground, border: t.colors.border, radius: t.radius.lg }
-    },
-    states: {
-      hover: `Row background shifts to muted (${t.colors.muted.base})`
-    },
-    sizes: {
-      cell: { height: "44px", padding: t.spacing.componentPadding.sm, fontSize: t.typography.scale.sm },
-      header: { height: "44px", padding: t.spacing.componentPadding.sm, fontSize: t.typography.scale.sm }
-    }
-  }),
-  input: (t) => ({
-    description: "Text input, textarea, and form controls.",
-    variants: {
-      default: { background: t.colors.background, foreground: t.colors.foreground, border: t.colors.input, radius: t.radius.md },
-      error: { background: t.colors.background, foreground: t.colors.foreground, border: t.colors.destructive.base, radius: t.radius.md }
-    },
-    states: {
-      hover: "Border darkens by 1 stop",
-      focus: `Border shifts to ring color (${t.colors.ring}), add focus ring`,
-      disabled: "Background shifts to muted, opacity 60%"
-    },
-    sizes: {
-      sm: { height: "32px", padding: t.spacing.componentPadding.sm, fontSize: t.typography.scale.sm },
-      md: { height: "40px", padding: t.spacing.componentPadding.md, fontSize: t.typography.scale.sm },
-      lg: { height: "48px", padding: t.spacing.componentPadding.lg, fontSize: t.typography.scale.base }
-    }
-  }),
-  navigation: (t) => ({
-    description: "Primary navigation, sidebar, or top bar.",
-    variants: {
-      default: { background: t.colors.card.base, foreground: t.colors.foreground, border: t.colors.border }
-    },
-    states: {
-      hover: `Item background shifts to accent (${t.colors.accent.base})`,
-      active: `Item receives primary color indicator and semibold weight`
-    },
-    sizes: {
-      item: { height: "40px", padding: t.spacing.componentPadding.md, fontSize: t.typography.scale.sm }
-    }
-  }),
-  badge: (t) => ({
-    description: "Small label for status, category, or count.",
-    variants: {
-      default: { background: t.colors.primary.base, foreground: t.colors.primary.foreground, radius: t.radius.full },
-      secondary: { background: t.colors.secondary.base, foreground: t.colors.secondary.foreground, radius: t.radius.full },
-      outline: { background: "transparent", foreground: t.colors.foreground, border: t.colors.border, radius: t.radius.full },
-      destructive: { background: t.colors.destructive.base, foreground: t.colors.destructive.foreground, radius: t.radius.full }
-    },
-    states: {},
-    sizes: {
-      sm: { height: "20px", padding: "2px 8px", fontSize: t.typography.scale.xs },
-      md: { height: "24px", padding: "2px 10px", fontSize: t.typography.scale.sm }
-    }
-  }),
-  "floating-button": (t) => ({
-    description: "Fixed-position action button, typically in the bottom-right corner.",
-    variants: {
-      default: { background: t.colors.primary.base, foreground: t.colors.primary.foreground, shadow: t.shadows.lg, radius: t.radius.full }
-    },
-    states: {
-      hover: "Scale to 105%, shadow increases one level",
-      active: "Scale to 95%",
-      focus: `Focus ring with offset (${t.colors.ring})`
-    },
-    sizes: {
-      md: { height: "48px", padding: "12px", fontSize: t.typography.scale.base },
-      lg: { height: "56px", padding: "16px", fontSize: t.typography.scale.lg }
-    }
-  }),
-  toast: (t) => ({
-    description: "Temporary notification appearing at screen edge.",
-    variants: {
-      default: { background: t.colors.card.base, foreground: t.colors.card.foreground, border: t.colors.border, shadow: t.shadows.lg, radius: t.radius.md },
-      success: { background: "#10b981", foreground: "#ffffff", shadow: t.shadows.lg, radius: t.radius.md },
-      error: { background: t.colors.destructive.base, foreground: t.colors.destructive.foreground, shadow: t.shadows.lg, radius: t.radius.md }
-    },
-    states: {}
-  }),
-  tabs: (t) => ({
-    description: "Segmented navigation for switching between content panels.",
-    variants: {
-      default: { background: t.colors.muted.base, foreground: t.colors.muted.foreground, radius: t.radius.md },
-      active: { background: t.colors.background, foreground: t.colors.foreground, shadow: t.shadows.sm, radius: t.radius.md }
-    },
-    states: {
-      hover: `Background shifts to accent (${t.colors.accent.base})`
-    },
-    sizes: {
-      item: { height: "36px", padding: t.spacing.componentPadding.sm, fontSize: t.typography.scale.sm }
-    }
-  }),
-  select: (t) => ({
-    description: "Dropdown selector for choosing from a list of options.",
-    variants: {
-      default: { background: t.colors.background, foreground: t.colors.foreground, border: t.colors.input, radius: t.radius.md }
-    },
-    states: {
-      hover: "Border darkens by 1 stop",
-      focus: `Border shifts to ring color (${t.colors.ring}), add focus ring`,
-      disabled: "Background shifts to muted, opacity 60%"
-    },
-    sizes: {
-      sm: { height: "32px", padding: t.spacing.componentPadding.sm, fontSize: t.typography.scale.sm },
-      md: { height: "40px", padding: t.spacing.componentPadding.md, fontSize: t.typography.scale.sm }
-    }
-  })
-};
-function generateComponentTokens(componentNames, tokens) {
-  return componentNames.map((name) => ({
-    name,
-    title: COMPONENT_TITLES[name],
-    ...generators[name](tokens)
-  }));
-}
-
-// src/core/shadcn-mapper.ts
-function mapColorTokens(colors, radius) {
-  return {
-    "--background": hslString(colors.background),
-    "--foreground": hslString(colors.foreground),
-    "--card": hslString(colors.card.base),
-    "--card-foreground": hslString(colors.card.foreground),
-    "--popover": hslString(colors.popover.base),
-    "--popover-foreground": hslString(colors.popover.foreground),
-    "--primary": hslString(colors.primary.base),
-    "--primary-foreground": hslString(colors.primary.foreground),
-    "--secondary": hslString(colors.secondary.base),
-    "--secondary-foreground": hslString(colors.secondary.foreground),
-    "--muted": hslString(colors.muted.base),
-    "--muted-foreground": hslString(colors.muted.foreground),
-    "--accent": hslString(colors.accent.base),
-    "--accent-foreground": hslString(colors.accent.foreground),
-    "--destructive": hslString(colors.destructive.base),
-    "--destructive-foreground": hslString(colors.destructive.foreground),
-    "--border": hslString(colors.border),
-    "--input": hslString(colors.input),
-    "--ring": hslString(colors.ring),
-    "--radius": radius,
-    "--chart-1": hslString(colors.chart[0]),
-    "--chart-2": hslString(colors.chart[1]),
-    "--chart-3": hslString(colors.chart[2]),
-    "--chart-4": hslString(colors.chart[3]),
-    "--chart-5": hslString(colors.chart[4]),
-    "--sidebar-background": hslString(colors.card.base),
-    "--sidebar-foreground": hslString(colors.foreground),
-    "--sidebar-primary": hslString(colors.primary.base),
-    "--sidebar-primary-foreground": hslString(colors.primary.foreground),
-    "--sidebar-accent": hslString(colors.accent.base),
-    "--sidebar-accent-foreground": hslString(colors.accent.foreground),
-    "--sidebar-border": hslString(colors.border),
-    "--sidebar-ring": hslString(colors.ring)
-  };
-}
-function mapToShadcn(tokens) {
-  const theme = {
-    light: mapColorTokens(tokens.colors, tokens.radius.md)
-  };
-  if (tokens.darkColors) {
-    theme.dark = mapColorTokens(tokens.darkColors, tokens.radius.md);
-  }
-  return theme;
-}
-function shadcnToCss(theme) {
-  const indent = "    ";
-  const lines = ["@layer base {", "  :root {"];
-  for (const [key, value] of Object.entries(theme.light)) {
-    lines.push(`${indent}${key}: ${value};`);
-  }
-  lines.push("  }");
-  if (theme.dark) {
-    lines.push("", "  .dark {");
-    for (const [key, value] of Object.entries(theme.dark)) {
-      lines.push(`${indent}${key}: ${value};`);
-    }
-    lines.push("  }");
-  }
-  lines.push("}");
-  return lines.join("\n");
-}
-
-// src/core/preview-generator.ts
-function generatePreviewHtml(data) {
-  const {
-    name,
-    basedOn,
-    primary,
-    background,
-    foreground,
-    font,
-    headingWeight,
-    radius,
-    colors,
-    darkMode,
-    shadcnCss
-  } = data;
-  const isLightBg = isLight2(background);
-  const scale = generateColorScale(primary);
-  const radiusPx = radius === "9999px" ? "24px" : radius;
-  const borderColor = colors.border;
-  const accent = colors.accent;
-  const muted = colors.muted;
-  const chart = colors.chart;
-  const darkBg = hslToHex(hexToHsl(primary)[0], 15, 7);
-  const darkFg = "#fafafa";
-  const darkBorder = hslToHex(hexToHsl(primary)[0], 10, 18);
-  return `<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>${esc(name)} \u2014 Design System Preview</title>
-<style>
-  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-
-  :root {
-    --bg: ${background};
-    --fg: ${foreground};
-    --primary: ${primary};
-    --primary-fg: ${contrastForeground(primary)};
-    --accent: ${accent};
-    --muted: ${muted};
-    --muted-fg: ${lighten(foreground, 40)};
-    --border: ${borderColor};
-    --destructive: #ef4444;
-    --card: ${isLightBg ? "#ffffff" : lighten(background, 3)};
-    --radius: ${radiusPx};
-  }
-
-  .dark {
-    --bg: ${darkBg};
-    --fg: ${darkFg};
-    --card: ${lighten(darkBg, 3)};
-    --muted: ${hslToHex(hexToHsl(primary)[0], 10, 15)};
-    --muted-fg: ${darken(darkFg, 35)};
-    --border: ${darkBorder};
-  }
-
-  body {
-    font-family: "${font}", "Inter", system-ui, sans-serif;
-    background: var(--bg);
-    color: var(--fg);
-    line-height: 1.5;
-    transition: background 0.25s, color 0.25s;
-  }
-
-  .shell { max-width: 1100px; margin: 0 auto; padding: 40px 24px 80px; }
-
-  /* \u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
-  .header {
-    display: flex; justify-content: space-between; align-items: center;
-    padding-bottom: 24px; margin-bottom: 40px;
-    border-bottom: 1px solid var(--border);
-  }
-  .header h1 {
-    font-size: 2rem; font-weight: ${headingWeight};
-    letter-spacing: -0.02em;
-  }
-  .header .sub {
-    font-size: 0.875rem; color: var(--muted-fg); margin-top: 4px;
-  }
-  .controls { display: flex; gap: 8px; }
-  .ctrl-btn {
-    padding: 8px 16px; border-radius: var(--radius);
-    font-size: 0.8125rem; font-family: inherit; cursor: pointer;
-    transition: all 0.15s; border: 1px solid var(--border);
-    background: var(--card); color: var(--fg);
-  }
-  .ctrl-btn:hover { opacity: 0.85; }
-  .ctrl-btn.primary { background: var(--primary); color: var(--primary-fg); border-color: transparent; }
-
-  /* \u2500\u2500 Sections \u2500\u2500\u2500\u2500\u2500 */
-  .section { margin-bottom: 48px; }
-  .section-title {
-    font-size: 1.375rem; font-weight: ${headingWeight};
-    letter-spacing: -0.01em; margin-bottom: 16px;
-  }
-  .section-sub { font-size: 0.8125rem; color: var(--muted-fg); margin-bottom: 16px; }
-
-  /* \u2500\u2500 Color Scale \u2500\u2500 */
-  .scale-row {
-    display: flex; border-radius: var(--radius); overflow: hidden;
-    border: 1px solid var(--border); margin-bottom: 24px;
-  }
-  .scale-stop {
-    flex: 1; padding: 28px 4px 8px; text-align: center;
-    font-size: 10px; font-family: monospace; cursor: pointer;
-    transition: transform 0.1s; position: relative;
-  }
-  .scale-stop:hover { z-index: 1; transform: scaleY(1.12); }
-  .scale-stop .lbl { display: block; opacity: 0.7; margin-bottom: 2px; }
-  .scale-stop .hex {
-    background: rgba(0,0,0,0.2); color: #fff;
-    padding: 1px 4px; border-radius: 3px; font-size: 9px;
-  }
-
-  /* \u2500\u2500 Color Chips \u2500\u2500 */
-  .chip-grid {
-    display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px;
-  }
-  .chip {
-    border-radius: var(--radius); overflow: hidden;
-    border: 1px solid var(--border); cursor: pointer;
-    transition: transform 0.15s, box-shadow 0.15s;
-  }
-  .chip:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
-  .chip .sw { height: 64px; display: flex; align-items: end; padding: 6px; }
-  .chip .sw span {
-    font-size: 10px; font-family: monospace;
-    background: rgba(0,0,0,0.25); color: #fff;
-    padding: 1px 5px; border-radius: 3px;
-  }
-  .chip .inf { padding: 8px; background: var(--card); }
-  .chip .inf .n { font-size: 0.75rem; font-weight: 500; }
-  .chip .inf .v { font-size: 10px; color: var(--muted-fg); font-family: monospace; }
-
-  /* \u2500\u2500 Typography \u2500\u2500 */
-  .type-rows { display: flex; flex-direction: column; gap: 8px; }
-  .type-row {
-    display: flex; align-items: baseline; gap: 16px;
-    padding: 12px 16px; border-radius: var(--radius);
-    background: var(--card); border: 1px solid var(--border);
-  }
-  .type-row .lbl {
-    min-width: 48px; font-size: 0.75rem; color: var(--muted-fg);
-    font-family: monospace; flex-shrink: 0;
-  }
-  .type-row .sample { flex: 1; }
-
-  /* \u2500\u2500 Components \u2500\u2500 */
-  .comp-card {
-    padding: 24px; border-radius: var(--radius);
-    background: var(--card); border: 1px solid var(--border);
-    margin-bottom: 16px;
-  }
-  .comp-card h3 { font-size: 1rem; font-weight: 600; margin-bottom: 16px; }
-  .comp-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 12px; }
-
-  .btn {
-    display: inline-flex; align-items: center; justify-content: center;
-    font-family: inherit; font-weight: 500; cursor: pointer;
-    transition: all 0.15s; border: none; font-size: 0.8125rem;
-    padding: 8px 16px; height: 36px; border-radius: var(--radius);
-  }
-  .btn-primary { background: var(--primary); color: var(--primary-fg); }
-  .btn-secondary { background: var(--muted); color: var(--fg); }
-  .btn-outline { background: transparent; color: var(--fg); border: 1px solid var(--border); }
-  .btn-ghost { background: transparent; color: var(--fg); }
-  .btn-destructive { background: var(--destructive); color: #fff; }
-  .btn:hover { opacity: 0.9; }
-
-  .badge {
-    display: inline-flex; font-size: 0.6875rem; font-weight: 500;
-    padding: 2px 10px; border-radius: 9999px;
-  }
-  .badge-primary { background: var(--primary); color: var(--primary-fg); }
-  .badge-secondary { background: var(--muted); color: var(--fg); }
-  .badge-outline { background: transparent; color: var(--fg); border: 1px solid var(--border); }
-
-  .input-demo {
-    width: 100%; max-width: 320px; font-family: inherit;
-    background: var(--bg); color: var(--fg);
-    border: 1px solid var(--border); border-radius: var(--radius);
-    padding: 8px 12px; font-size: 0.8125rem; outline: none;
-    transition: border-color 0.15s;
-  }
-  .input-demo:focus {
-    border-color: var(--primary);
-    box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent);
-  }
-
-  .demo-table {
-    width: 100%; border-collapse: collapse; font-size: 0.8125rem;
-  }
-  .demo-table th, .demo-table td {
-    padding: 10px 12px; text-align: left;
-    border-bottom: 1px solid var(--border);
-  }
-  .demo-table th {
-    font-weight: 500; color: var(--muted-fg);
-    font-size: 0.75rem; text-transform: uppercase;
-    letter-spacing: 0.05em;
-  }
-  .demo-table tr:hover td { background: var(--muted); }
-
-  .demo-card {
-    padding: 20px; border-radius: var(--radius);
-    background: var(--card); border: 1px solid var(--border);
-    max-width: 340px; box-shadow: 0 1px 3px rgba(0,0,0,0.06);
-  }
-  .demo-card h4 { font-weight: 600; margin-bottom: 6px; }
-  .demo-card p { font-size: 0.8125rem; color: var(--muted-fg); margin-bottom: 14px; }
-
-  .demo-dialog {
-    padding: 24px; border-radius: var(--radius);
-    background: var(--card); box-shadow: 0 20px 40px rgba(0,0,0,0.15);
-    max-width: 400px; border: 1px solid var(--border);
-  }
-  .demo-dialog h4 { font-weight: 600; margin-bottom: 8px; }
-  .demo-dialog p { font-size: 0.8125rem; color: var(--muted-fg); margin-bottom: 16px; }
-  .demo-dialog .acts { display: flex; justify-content: flex-end; gap: 8px; }
-
-  .tabs {
-    display: flex; background: var(--muted); border-radius: var(--radius); padding: 4px; gap: 2px;
-  }
-  .tab {
-    padding: 6px 14px; border-radius: calc(var(--radius) - 2px);
-    font-size: 0.8125rem; font-family: inherit; font-weight: 500;
-    border: none; cursor: pointer; background: transparent;
-    color: var(--muted-fg); transition: all 0.15s;
-  }
-  .tab.active {
-    background: var(--bg); color: var(--fg);
-    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
-  }
-  .tab:hover:not(.active) { color: var(--fg); }
-
-  /* \u2500\u2500 CSS Block \u2500\u2500\u2500\u2500 */
-  .css-block {
-    position: relative; background: var(--card);
-    border: 1px solid var(--border); border-radius: var(--radius);
-    overflow: hidden;
-  }
-  .css-block pre {
-    padding: 20px; overflow-x: auto; font-family: monospace;
-    font-size: 11px; line-height: 1.6; color: var(--fg);
-  }
-  .css-block .copy-css { position: absolute; top: 8px; right: 8px; }
-
-  /* \u2500\u2500 Spacing \u2500\u2500\u2500\u2500\u2500\u2500 */
-  .spacing-vis {
-    display: flex; align-items: end; gap: 8px; padding: 24px;
-    background: var(--card); border: 1px solid var(--border);
-    border-radius: var(--radius);
-  }
-  .sp-bar { display: flex; flex-direction: column; align-items: center; gap: 4px; }
-  .sp-bar .bar { background: var(--primary); border-radius: 2px; width: 28px; }
-  .sp-bar .val { font-size: 10px; font-family: monospace; color: var(--muted-fg); }
-
-  /* \u2500\u2500 Radius \u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
-  .radius-grid { display: flex; gap: 16px; flex-wrap: wrap; }
-  .radius-demo {
-    width: 72px; height: 72px; background: var(--primary);
-    display: flex; align-items: center; justify-content: center;
-    color: var(--primary-fg); font-size: 0.6875rem; font-family: monospace;
-  }
-
-  /* \u2500\u2500 Toast \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
-  .toast-popup {
-    position: fixed; bottom: 24px; right: 24px;
-    padding: 10px 20px; background: var(--fg); color: var(--bg);
-    border-radius: var(--radius); font-size: 0.8125rem;
-    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
-    transform: translateY(100px); opacity: 0;
-    transition: all 0.3s; z-index: 100;
-  }
-  .toast-popup.show { transform: translateY(0); opacity: 1; }
-
-  @media (max-width: 768px) {
-    .shell { padding: 16px 12px 48px; }
-    .header { flex-direction: column; gap: 12px; align-items: flex-start; }
-    .chip-grid { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); }
-  }
-</style>
-</head>
-<body>
-<div class="shell">
-
-  <div class="header">
-    <div>
-      <h1>${esc(name)}</h1>
-      <div class="sub">Based on ${esc(basedOn)} &middot; Generated by oh-my-design</div>
-    </div>
-    <div class="controls">
-      ${darkMode ? '<button class="ctrl-btn" onclick="toggleTheme()" id="theme-btn">\u{1F319} Dark</button>' : ""}
-      <button class="ctrl-btn primary" onclick="copyCss()">Copy CSS</button>
-    </div>
-  </div>
-
-  <!-- Primary Scale -->
-  <div class="section">
-    <h2 class="section-title">Primary Color Scale</h2>
-    <div class="section-sub">Click to copy hex value</div>
-    <div class="scale-row">
-${Object.entries(scale).map(([stop, hex]) => `      <div class="scale-stop" style="background:${hex};color:${isLight2(hex) ? "#000" : "#fff"}" onclick="copy('${hex}')">
-        <span class="lbl">${stop}</span><span class="hex">${hex}</span>
-      </div>`).join("\n")}
-    </div>
-  </div>
-
-  <!-- Semantic Colors -->
-  <div class="section">
-    <h2 class="section-title">Semantic Colors</h2>
-    <div class="chip-grid">
-${[
-    { n: "Primary", bg: primary, v: "--primary" },
-    { n: "Accent", bg: accent, v: "--accent" },
-    { n: "Muted", bg: muted, v: "--muted" },
-    { n: "Destructive", bg: "#ef4444", v: "--destructive" },
-    { n: "Background", bg: background, v: "--background" },
-    { n: "Foreground", bg: foreground, v: "--foreground" },
-    { n: "Border", bg: borderColor, v: "--border" },
-    { n: "Card", bg: isLightBg ? "#ffffff" : lighten(background, 3), v: "--card" }
-  ].map((c) => `      <div class="chip" onclick="copy('${c.bg}')">
-        <div class="sw" style="background:${c.bg}"><span>${c.bg}</span></div>
-        <div class="inf"><div class="n">${c.n}</div><div class="v">${c.v}</div></div>
-      </div>`).join("\n")}
-    </div>
-  </div>
-
-  <!-- Chart Colors -->
-  <div class="section">
-    <h2 class="section-title">Chart Colors</h2>
-    <div style="display:flex;gap:8px;">
-${chart.map((c, i) => `      <div style="width:48px;height:48px;border-radius:var(--radius);background:${c};cursor:pointer;" onclick="copy('${c}')" title="Chart ${i + 1}: ${c}"></div>`).join("\n")}
-    </div>
-  </div>
-
-  <!-- Typography -->
-  <div class="section">
-    <h2 class="section-title">Typography</h2>
-    <div class="type-rows">
-      <div class="type-row">
-        <span class="lbl">H1</span>
-        <span class="sample" style="font-size:2.25rem;font-weight:${headingWeight};letter-spacing:-0.02em;line-height:1.2">Page Title Heading</span>
-      </div>
-      <div class="type-row">
-        <span class="lbl">H2</span>
-        <span class="sample" style="font-size:1.875rem;font-weight:${headingWeight};letter-spacing:-0.01em;line-height:1.25">Section Heading</span>
-      </div>
-      <div class="type-row">
-        <span class="lbl">H3</span>
-        <span class="sample" style="font-size:1.5rem;font-weight:${headingWeight};line-height:1.3">Subsection</span>
-      </div>
-      <div class="type-row">
-        <span class="lbl">body</span>
-        <span class="sample" style="font-size:1rem;">The quick brown fox jumps over the lazy dog. \uB2E4\uB78C\uC950 \uD5CC \uCCC7\uBC14\uD034\uC5D0 \uD0C0\uACE0\uD30C.</span>
-      </div>
-      <div class="type-row">
-        <span class="lbl">sm</span>
-        <span class="sample" style="font-size:0.875rem;color:var(--muted-fg)">Secondary text, labels, and metadata</span>
-      </div>
-      <div class="type-row">
-        <span class="lbl">mono</span>
-        <span class="sample" style="font-family:monospace;font-size:0.875rem">const theme = generateDesignSystem();</span>
-      </div>
-    </div>
-  </div>
-
-  <!-- Radius -->
-  <div class="section">
-    <h2 class="section-title">Border Radius</h2>
-    <div class="radius-grid">
-      <div style="text-align:center"><div class="radius-demo" style="border-radius:0">0</div><div style="font-size:10px;margin-top:4px;color:var(--muted-fg)">none</div></div>
-      <div style="text-align:center"><div class="radius-demo" style="border-radius:${radiusPx}">${radiusPx}</div><div style="font-size:10px;margin-top:4px;color:var(--muted-fg)">base</div></div>
-      <div style="text-align:center"><div class="radius-demo" style="border-radius:${parseInt(radiusPx) * 2}px">${parseInt(radiusPx) * 2}px</div><div style="font-size:10px;margin-top:4px;color:var(--muted-fg)">lg</div></div>
-      <div style="text-align:center"><div class="radius-demo" style="border-radius:9999px">pill</div><div style="font-size:10px;margin-top:4px;color:var(--muted-fg)">full</div></div>
-    </div>
-  </div>
-
-  <!-- Components -->
-  <div class="section">
-    <h2 class="section-title">Components</h2>
-
-    <!-- Buttons -->
-    <div class="comp-card">
-      <h3>Buttons</h3>
-      <div class="comp-row">
-        <button class="btn btn-primary">Primary</button>
-        <button class="btn btn-secondary">Secondary</button>
-        <button class="btn btn-outline">Outline</button>
-        <button class="btn btn-ghost">Ghost</button>
-        <button class="btn btn-destructive">Delete</button>
-      </div>
-    </div>
-
-    <!-- Badges -->
-    <div class="comp-card">
-      <h3>Badges</h3>
-      <div class="comp-row">
-        <span class="badge badge-primary">Active</span>
-        <span class="badge badge-secondary">Draft</span>
-        <span class="badge badge-outline">Archived</span>
-      </div>
-    </div>
-
-    <!-- Input -->
-    <div class="comp-card">
-      <h3>Input</h3>
-      <div style="display:flex;flex-direction:column;gap:12px;max-width:400px;">
-        <div>
-          <label style="font-size:0.8125rem;font-weight:500;display:block;margin-bottom:4px;">Email</label>
-          <input class="input-demo" type="email" placeholder="you@example.com">
-        </div>
-        <div>
-          <label style="font-size:0.8125rem;font-weight:500;display:block;margin-bottom:4px;">Password</label>
-          <input class="input-demo" type="password" placeholder="\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022">
-        </div>
-      </div>
-    </div>
-
-    <!-- Card -->
-    <div class="comp-card">
-      <h3>Card</h3>
-      <div class="comp-row" style="align-items:stretch;">
-        <div class="demo-card">
-          <h4>Project Overview</h4>
-          <p>A summary card showing key metrics and status for your project.</p>
-          <button class="btn btn-primary" style="height:32px;font-size:0.75rem;">View Details</button>
-        </div>
-      </div>
-    </div>
-
-    <!-- Table -->
-    <div class="comp-card">
-      <h3>Table</h3>
-      <div style="overflow-x:auto;">
-        <table class="demo-table">
-          <thead><tr><th>Name</th><th>Status</th><th>Role</th><th>Email</th></tr></thead>
-          <tbody>
-            <tr><td>Kim Minjae</td><td><span class="badge badge-primary" style="font-size:10px;">Active</span></td><td>Developer</td><td>minjae@example.com</td></tr>
-            <tr><td>Lee Soyeon</td><td><span class="badge badge-secondary" style="font-size:10px;">Pending</span></td><td>Designer</td><td>soyeon@example.com</td></tr>
-            <tr><td>Park Jiwoo</td><td><span class="badge badge-outline" style="font-size:10px;">Inactive</span></td><td>PM</td><td>jiwoo@example.com</td></tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-
-    <!-- Dialog -->
-    <div class="comp-card">
-      <h3>Dialog</h3>
-      <div class="demo-dialog">
-        <h4>Delete item?</h4>
-        <p>This action cannot be undone.</p>
-        <div class="acts">
-          <button class="btn btn-outline" style="height:32px;">Cancel</button>
-          <button class="btn btn-destructive" style="height:32px;">Delete</button>
-        </div>
-      </div>
-    </div>
-
-    <!-- Tabs -->
-    <div class="comp-card">
-      <h3>Tabs</h3>
-      <div class="tabs">
-        <button class="tab active">Overview</button>
-        <button class="tab">Analytics</button>
-        <button class="tab">Settings</button>
-      </div>
-    </div>
-  </div>
-
-  <!-- shadcn CSS -->
-  <div class="section">
-    <h2 class="section-title">shadcn/ui CSS Variables</h2>
-    <div class="section-sub">Ready to paste into globals.css</div>
-    <div class="css-block">
-      <button class="ctrl-btn copy-css" onclick="copyCss()" style="position:absolute;top:8px;right:8px;">Copy</button>
-      <pre id="css-output">${escHtml(shadcnCss)}</pre>
-    </div>
-  </div>
-
-</div>
-
-<div class="toast-popup" id="toast">Copied!</div>
-
-<script>
-let isDark = false;
-function toggleTheme() {
-  isDark = !isDark;
-  document.body.classList.toggle('dark', isDark);
-  const btn = document.getElementById('theme-btn');
-  if (btn) btn.textContent = isDark ? '\u2600\uFE0F Light' : '\u{1F319} Dark';
-}
-function showToast(msg) {
-  const el = document.getElementById('toast');
-  el.textContent = msg;
-  el.classList.add('show');
-  setTimeout(() => el.classList.remove('show'), 1800);
-}
-function copy(val) {
-  navigator.clipboard.writeText(val).then(() => showToast('Copied: ' + val));
-}
-function copyCss() {
-  const css = document.getElementById('css-output').textContent;
-  navigator.clipboard.writeText(css).then(() => showToast('CSS variables copied!'));
-}
-document.querySelectorAll('.tab').forEach(t => {
-  t.addEventListener('click', () => {
-    t.parentElement.querySelectorAll('.tab').forEach(x => x.classList.remove('active'));
-    t.classList.add('active');
-  });
-});
-</script>
-</body>
-</html>`;
-}
-function isLight2(hex) {
-  const h = hex.replace("#", "");
-  const r = parseInt(h.slice(0, 2), 16);
-  const g = parseInt(h.slice(2, 4), 16);
-  const b = parseInt(h.slice(4, 6), 16);
-  return (r * 299 + g * 587 + b * 114) / 1e3 > 140;
-}
-function esc(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-function escHtml(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-
-// src/core/reference-parser.ts
-import { readFileSync as readFileSync2, readdirSync, existsSync } from "fs";
-import { join as join2, dirname as dirname2 } from "path";
-import { fileURLToPath as fileURLToPath2 } from "url";
-var __dirname2 = dirname2(fileURLToPath2(import.meta.url));
-var CATEGORIES = {
-  stripe: "Fintech",
-  coinbase: "Fintech",
-  revolut: "Fintech",
-  wise: "Fintech",
-  kraken: "Fintech",
-  vercel: "Developer Tools",
-  cursor: "Developer Tools",
-  warp: "Developer Tools",
-  expo: "Developer Tools",
-  lovable: "Developer Tools",
-  raycast: "Developer Tools",
-  superhuman: "Developer Tools",
-  supabase: "Backend & DevOps",
-  mongodb: "Backend & DevOps",
-  sentry: "Backend & DevOps",
-  posthog: "Backend & DevOps",
-  hashicorp: "Backend & DevOps",
-  clickhouse: "Backend & DevOps",
-  composio: "Backend & DevOps",
-  sanity: "Backend & DevOps",
-  notion: "Productivity",
-  "linear.app": "Productivity",
-  "cal": "Productivity",
-  zapier: "Productivity",
-  intercom: "Productivity",
-  resend: "Productivity",
-  mintlify: "Productivity",
-  figma: "Design Tools",
-  framer: "Design Tools",
-  miro: "Design Tools",
-  webflow: "Design Tools",
-  airtable: "Design Tools",
-  clay: "Design Tools",
-  claude: "AI & LLM",
-  cohere: "AI & LLM",
-  mistral: "AI & LLM",
-  "mistral.ai": "AI & LLM",
-  ollama: "AI & LLM",
-  "opencode.ai": "AI & LLM",
-  replicate: "AI & LLM",
-  "together.ai": "AI & LLM",
-  "x.ai": "AI & LLM",
-  elevenlabs: "AI & LLM",
-  minimax: "AI & LLM",
-  runwayml: "AI & LLM",
-  voltagent: "AI & LLM",
-  apple: "Consumer Tech",
-  spotify: "Consumer Tech",
-  uber: "Consumer Tech",
-  airbnb: "Consumer Tech",
-  pinterest: "Consumer Tech",
-  nvidia: "Consumer Tech",
-  ibm: "Consumer Tech",
-  spacex: "Consumer Tech",
-  shopify: "E-commerce",
-  semrush: "Marketing",
-  tesla: "Automotive",
-  bmw: "Automotive",
-  ferrari: "Automotive",
-  lamborghini: "Automotive",
-  renault: "Automotive",
-  bugatti: "Automotive",
-  karrot: "Korean Tech",
-  toss: "Korean Tech",
-  baemin: "Korean Tech",
-  kakao: "Korean Tech"
-};
-var CATEGORY_ORDER = [
-  "Korean Tech",
-  "AI & LLM",
-  "Design Tools",
-  "Developer Tools",
-  "Productivity",
-  "Consumer Tech",
-  "Fintech",
-  "Backend & DevOps",
-  "E-commerce",
-  "Automotive",
-  "Marketing"
-];
-function extractHexColors(text) {
-  const matches = text.match(/#[0-9a-fA-F]{6}\b/g) || [];
-  return [...new Set(matches)];
-}
-function extractPrimaryColor(md) {
-  const section2Match = md.match(/## 2\. Color Palette.*?\n([\s\S]*?)(?=## 3\.)/);
-  if (section2Match) {
-    const section2 = section2Match[1];
-    const primaryMatch = section2.match(/\*\*([^*]+)\*\*\s*\(`(#[0-9a-fA-F]{6})`\).*?(?:primary|brand|CTA|main)/i);
-    if (primaryMatch) {
-      return { hex: primaryMatch[2], name: primaryMatch[1] };
-    }
-    const firstHex = section2.match(/`(#[0-9a-fA-F]{6})`/);
-    if (firstHex) {
-      return { hex: firstHex[1], name: "Primary" };
-    }
-  }
-  const allHex = extractHexColors(md);
-  return { hex: allHex[0] || "#6366f1", name: "Primary" };
-}
-function extractBackground(md) {
-  const patterns = [
-    /(?:page|canvas|marketing)\s+background.*?`(#[0-9a-fA-F]{6})`/i,
-    /(?:Pure White|White).*?`(#[0-9a-fA-F]{6})`.*?(?:page background|background)/i,
-    /Background:.*?Pure White.*?\(`(#[0-9a-fA-F]{6})`\)/i,
-    /(?:Page|Site)\s+background.*?`(#[0-9a-fA-F]{6})`/i,
-    // Match "hex: The primary page background" pattern (hex before description)
-    /`(#[0-9a-fA-F]{6})`[^.]*?(?:primary\s+)?page\s+background/i
-  ];
-  for (const pattern of patterns) {
-    const match = md.match(pattern);
-    if (match) return match[1];
-  }
-  const section2 = md.match(/## 2\. Color.*?\n([\s\S]*?)(?=## 3\.)/);
-  if (section2) {
-    const surfaceBg = section2[1].match(/(?:Pure White|Pure Black|page background|Background\b).*?`(#[0-9a-fA-F]{6})`/i);
-    if (surfaceBg) return surfaceBg[1];
-  }
-  const quickRef = md.match(/Quick Color Reference[\s\S]*?(?:Page\s+)?Background.*?[(`](#[0-9a-fA-F]{6})[)`]/i);
-  if (quickRef) return quickRef[1];
-  if (md.match(/dark.mode.(?:native|first)/i)) {
-    const darkBg = md.match(/(?:marketing|deepest|canvas).*?`(#[0-9a-fA-F]{6})`/i);
-    if (darkBg) return darkBg[1];
-  }
-  return "#ffffff";
-}
-function extractForeground(md) {
-  const fgMatch = md.match(/(?:heading|primary text).*?`(#[0-9a-fA-F]{6})`/i);
-  return fgMatch ? fgMatch[1] : "#09090b";
-}
-function extractAccent(md) {
-  const accentMatch = md.match(/(?:accent|secondary).*?`(#[0-9a-fA-F]{6})`/i);
-  return accentMatch ? accentMatch[1] : void 0;
-}
-function extractBorder(md) {
-  const borderMatch = md.match(/(?:border.*?default|border.*?standard).*?`(#[0-9a-fA-F]{6})`/i);
-  return borderMatch ? borderMatch[1] : void 0;
-}
-function extractTypography(md) {
-  const section3 = md.match(/## 3\. Typography.*?\n([\s\S]*?)(?=## 4\.)/);
-  let primary = "Inter";
-  let mono;
-  let headingWeight = "600";
-  if (section3) {
-    const text = section3[1];
-    const primaryMatch = text.match(/\*\*Primary\*\*:\s*`([^`]+)`/i);
-    if (primaryMatch) primary = primaryMatch[1].split(",")[0].trim();
-    const monoMatch = text.match(/\*\*Monospace\*\*:\s*`([^`]+)`/i);
-    if (monoMatch) mono = monoMatch[1].split(",")[0].trim();
-    const weightMatch = text.match(/Display.*?\|\s*(\d{3})\s*\|/);
-    if (weightMatch) headingWeight = weightMatch[1];
-  }
-  return { primary, mono, headingWeight };
-}
-function extractRadius(md) {
-  const radiusMatch = md.match(/(?:border-radius|radius).*?(\d+px(?:\s*[-–]\s*\d+px)?)/i);
-  return radiusMatch ? radiusMatch[1] : "6px";
-}
-function extractMood(md) {
-  const section1 = md.match(/## 1\. Visual Theme.*?\n([\s\S]*?)(?=## 2\.)/);
-  if (!section1) return "";
-  const text = section1[1].trim();
-  const firstParagraph = text.split("\n\n")[0];
-  return firstParagraph.slice(0, 300);
-}
-function toDisplayName(id) {
-  const special = {
-    "linear.app": "Linear",
-    "cal": "Cal.com",
-    "mistral.ai": "Mistral AI",
-    "opencode.ai": "OpenCode AI",
-    "together.ai": "Together AI",
-    "x.ai": "xAI",
-    ibm: "IBM",
-    bmw: "BMW",
-    nvidia: "NVIDIA",
-    posthog: "PostHog",
-    supabase: "Supabase",
-    voltagent: "VoltAgent",
-    elevenlabs: "ElevenLabs",
-    runwayml: "RunwayML",
-    spacex: "SpaceX",
-    coinbase: "Coinbase",
-    airbnb: "Airbnb",
-    clickhouse: "ClickHouse",
-    karrot: "Karrot",
-    toss: "Toss",
-    baemin: "Baemin",
-    kakao: "Kakao"
-  };
-  return special[id] || id.charAt(0).toUpperCase() + id.slice(1);
-}
-function getReferencesDir() {
-  const candidates = [
-    join2(process.cwd(), "references"),
-    join2(__dirname2, "..", "..", "references"),
-    join2(__dirname2, "..", "references")
-  ];
-  for (const dir of candidates) {
-    if (existsSync(dir)) return dir;
-  }
-  throw new Error("references/ directory not found. Searched: " + candidates.join(", "));
-}
-function loadReference(id) {
-  const dir = getReferencesDir();
-  const mdPath = join2(dir, id, "DESIGN.md");
-  if (!existsSync(mdPath)) {
-    throw new Error(`Reference not found: ${id}`);
-  }
-  const designMd = readFileSync2(mdPath, "utf-8");
-  const primary = extractPrimaryColor(designMd);
-  return {
-    id,
-    name: toDisplayName(id),
-    category: CATEGORIES[id] || "Other",
-    designMd,
-    colors: {
-      primary: primary.hex,
-      primaryName: primary.name,
-      background: extractBackground(designMd),
-      foreground: extractForeground(designMd),
-      accent: extractAccent(designMd),
-      border: extractBorder(designMd)
-    },
-    typography: extractTypography(designMd),
-    radius: extractRadius(designMd),
-    mood: extractMood(designMd)
-  };
-}
-function listReferences() {
-  const dir = getReferencesDir();
-  const entries = readdirSync(dir, { withFileTypes: true }).filter((d) => d.isDirectory() && existsSync(join2(dir, d.name, "DESIGN.md"))).map((d) => {
-    const mdPath = join2(dir, d.name, "DESIGN.md");
-    const md = readFileSync2(mdPath, "utf-8");
-    const primary = extractPrimaryColor(md);
-    return {
-      id: d.name,
-      name: toDisplayName(d.name),
-      category: CATEGORIES[d.name] || "Other",
-      primaryColor: primary.hex
-    };
-  });
-  return entries.sort((a, b) => {
-    const ai = CATEGORY_ORDER.indexOf(a.category);
-    const bi = CATEGORY_ORDER.indexOf(b.category);
-    const oa = ai === -1 ? 999 : ai;
-    const ob = bi === -1 ? 999 : bi;
-    return oa - ob || a.name.localeCompare(b.name);
-  });
-}
-
-// src/core/customizer.ts
-function applyOverrides(ref, overrides, mode, components) {
-  let md = ref.designMd;
-  const effectivePrimary = overrides.primaryColor || ref.colors.primary;
-  const effectiveFont = overrides.fontFamily || ref.typography.primary;
-  const effectiveWeight = overrides.headingWeight || ref.typography.headingWeight;
-  const effectiveRadius = overrides.borderRadius || ref.radius.replace(/[-–].*/, "").trim();
-  const effectiveBg = ref.colors.background;
-  const effectiveFg = ref.colors.foreground;
-  md = md.replace(/[\u{1F300}-\u{1F9FF}\u{2600}-\u{26FF}\u{2700}-\u{27BF}\u{FE00}-\u{FE0F}\u{1FA00}-\u{1FAFF}\u{200D}\u{20E3}\u{E0020}-\u{E007F}]/gu, "");
-  if (mode === "customized") {
-    md = md.replace(/^# .+$/m, `# Custom Design System (based on ${ref.name})`);
-    if (overrides.primaryColor && overrides.primaryColor !== ref.colors.primary) {
-      const re = new RegExp(ref.colors.primary.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "gi");
-      md = re[Symbol.replace](md, overrides.primaryColor);
-    }
-    if (overrides.fontFamily && overrides.fontFamily !== ref.typography.primary) {
-      md = md.replaceAll(ref.typography.primary, overrides.fontFamily);
-    }
-  }
-  if (components && components.length > 0) {
-    md += `
-
----
-
-## Included Components
-
-The following components are part of this design system:
-
-`;
-    md += components.map((c) => `- ${c.charAt(0).toUpperCase() + c.slice(1).replace(/-/g, " ")}`).join("\n");
-    md += "\n";
-  }
-  md += buildIconographySection();
-  const shadcnCss = generateShadcnCss(effectivePrimary, effectiveBg, effectiveFg, effectiveRadius, ref, overrides);
-  md += buildDocumentPolicies();
-  const previewData = buildPreviewData(ref, overrides, effectivePrimary, effectiveBg, effectiveFg, effectiveFont, effectiveWeight, effectiveRadius);
-  return { designMd: md, shadcnCss, previewData };
-}
-function generateShadcnCss(primary, background, foreground, radius, ref, overrides) {
-  const scale = generateColorScale(primary);
-  const accent = ref.colors.accent || hslToHex((hexToHsl(primary)[0] + 30) % 360, 60, 55);
-  const border = ref.colors.border || lighten(foreground, 75);
-  const muted = lighten(background === "#ffffff" ? "#f5f5f5" : background, 5);
-  const destructive = "#ef4444";
-  const chart = generateChartColors(primary);
-  const radiusRem = radius === "9999px" ? "9999px" : `${parseInt(radius) / 16}rem`;
-  const vars = {
-    "--background": hslString(background),
-    "--foreground": hslString(foreground),
-    "--card": hslString(background === "#ffffff" ? "#ffffff" : lighten(background, 3)),
-    "--card-foreground": hslString(foreground),
-    "--popover": hslString(background === "#ffffff" ? "#ffffff" : lighten(background, 5)),
-    "--popover-foreground": hslString(foreground),
-    "--primary": hslString(primary),
-    "--primary-foreground": hslString(contrastForeground(primary)),
-    "--secondary": hslString(scale[100]),
-    "--secondary-foreground": hslString(foreground),
-    "--muted": hslString(muted),
-    "--muted-foreground": hslString(lighten(foreground, 40)),
-    "--accent": hslString(accent),
-    "--accent-foreground": hslString(contrastForeground(accent)),
-    "--destructive": hslString(destructive),
-    "--destructive-foreground": hslString(contrastForeground(destructive)),
-    "--border": hslString(border),
-    "--input": hslString(border),
-    "--ring": hslString(primary),
-    "--radius": radiusRem,
-    "--chart-1": hslString(chart[0]),
-    "--chart-2": hslString(chart[1]),
-    "--chart-3": hslString(chart[2]),
-    "--chart-4": hslString(chart[3]),
-    "--chart-5": hslString(chart[4])
-  };
-  const lines = ["@layer base {", "  :root {"];
-  for (const [k, v] of Object.entries(vars)) {
-    lines.push(`    ${k}: ${v};`);
-  }
-  lines.push("  }");
-  if (overrides.darkMode) {
-    const darkBg = hslToHex(hexToHsl(primary)[0], 15, 7);
-    const darkFg = "#fafafa";
-    const darkBorder = hslToHex(hexToHsl(primary)[0], 10, 18);
-    const darkMuted = hslToHex(hexToHsl(primary)[0], 10, 15);
-    lines.push("", "  .dark {");
-    const darkVars = {
-      "--background": hslString(darkBg),
-      "--foreground": hslString(darkFg),
-      "--card": hslString(lighten(darkBg, 3)),
-      "--card-foreground": hslString(darkFg),
-      "--popover": hslString(lighten(darkBg, 5)),
-      "--popover-foreground": hslString(darkFg),
-      "--primary": hslString(primary),
-      "--primary-foreground": hslString(contrastForeground(primary)),
-      "--secondary": hslString(hslToHex(hexToHsl(primary)[0], 15, 20)),
-      "--secondary-foreground": hslString(darkFg),
-      "--muted": hslString(darkMuted),
-      "--muted-foreground": hslString(darken(darkFg, 35)),
-      "--accent": hslString(accent),
-      "--accent-foreground": hslString(contrastForeground(accent)),
-      "--destructive": hslString(destructive),
-      "--destructive-foreground": hslString(contrastForeground(destructive)),
-      "--border": hslString(darkBorder),
-      "--input": hslString(lighten(darkBorder, 5)),
-      "--ring": hslString(primary),
-      "--chart-1": hslString(chart[0]),
-      "--chart-2": hslString(chart[1]),
-      "--chart-3": hslString(chart[2]),
-      "--chart-4": hslString(chart[3]),
-      "--chart-5": hslString(chart[4])
-    };
-    for (const [k, v] of Object.entries(darkVars)) {
-      lines.push(`    ${k}: ${v};`);
-    }
-    lines.push("  }");
-  }
-  lines.push("}");
-  return lines.join("\n");
-}
-function buildPreviewData(ref, overrides, primary, background, foreground, font, headingWeight, radius) {
-  const scale = generateColorScale(primary);
-  const accent = ref.colors.accent || hslToHex((hexToHsl(primary)[0] + 30) % 360, 60, 55);
-  const border = ref.colors.border || lighten(foreground, 75);
-  const chart = generateChartColors(primary);
-  return {
-    name: overrides.primaryColor || overrides.fontFamily ? `Custom (based on ${ref.name})` : ref.name,
-    basedOn: ref.name,
-    primary,
-    background,
-    foreground,
-    font,
-    headingWeight,
-    radius,
-    shadcnCss: "",
-    // filled later
-    designMd: "",
-    // filled later
-    colors: {
-      primary,
-      accent,
-      muted: lighten(background === "#ffffff" ? "#f5f5f5" : background, 5),
-      destructive: "#ef4444",
-      border,
-      scale,
-      chart
-    },
-    darkMode: overrides.darkMode
-  };
-}
-function buildIconographySection() {
-  return `
-
----
-
-## Iconography & SVG Guidelines
-
-### Icon Library
-
-Use a single, consistent icon library throughout the project. Recommended options:
-
-- **Lucide React** (\`lucide-react\`): Default for shadcn/ui projects. 1,400+ icons, tree-shakeable, consistent 24x24 grid.
-- **Radix Icons** (\`@radix-ui/react-icons\`): 300+ icons, 15x15 grid, minimal and geometric.
-- **Heroicons** (\`@heroicons/react\`): 300+ icons by Tailwind team, outline and solid variants.
-
-Pick ONE library and use it everywhere. Do not mix icon libraries within the same project.
-
-### SVG Usage Rules
-
-- All icons must be inline SVG components (not \`<img>\` tags) for color and size control.
-- Icon size follows the type scale: 16px (inline), 20px (buttons), 24px (standalone).
-- Icon color inherits from \`currentColor\` -- never hard-code fill/stroke colors.
-- For custom/brand icons, export as SVG components with \`currentColor\` fills.
-- Stroke width: 1.5px-2px for outline icons. Keep consistent across the project.
-
-### Icon Sizing Scale
-
-| Context | Size | Usage |
-|---------|------|-------|
-| Inline text | 16px (1rem) | Badges, labels, breadcrumbs |
-| Button icon | 18px (1.125rem) | Icon buttons, CTA icons |
-| Standalone | 24px (1.5rem) | Navigation, card icons |
-| Feature | 32-48px | Hero sections, empty states |
-
-### SVG Optimization
-
-- Run all custom SVGs through SVGO before committing.
-- Remove unnecessary attributes: \`xmlns\`, \`xml:space\`, editor metadata.
-- Use \`viewBox\` instead of fixed \`width\`/\`height\` for scalability.
-`;
-}
-function buildDocumentPolicies() {
-  return `
-
----
-
-## Document Policies
-
-### No Emojis
-
-This design system must not use emojis in any UI element, component, label, status indicator, or documentation.
-Use SVG icons from the chosen icon library instead. Emojis render inconsistently across platforms and break visual coherence.
-
-- Status indicators: use colored dots or icon components, not emoji.
-- Section markers: use text prefixes ("DO:" / "DON'T:") or icons, not checkmark/cross emojis.
-- Navigation: use icon components, not emoji.
-
-### Format Compliance
-
-This document follows the Google Stitch DESIGN.md 9-section format:
-1. Visual Theme & Atmosphere
-2. Color Palette & Roles
-3. Typography Rules
-4. Component Stylings
-5. Layout Principles
-6. Depth & Elevation
-7. Do's and Don'ts
-8. Responsive Behavior
-9. Agent Prompt Guide
-
-Extended with:
-- Iconography & SVG Guidelines
-- Document Policies
-
-Total target length: 250-400 lines. Keep sections concise and actionable.
-`;
-}
-
-// src/presets/_base.ts
-var basePreset = {
-  name: "base",
-  displayName: "Base",
-  description: "Shared defaults inherited by all presets",
-  preferences: {
-    mood: "clean",
-    primaryColor: "#2563eb",
-    roundness: "moderate",
-    density: "comfortable",
-    typography: "geometric",
-    depth: "subtle",
-    darkMode: false,
-    components: ["button", "card", "input"]
-  },
-  dosAndDonts: {
-    dos: [
-      "Maintain consistent spacing throughout all components",
-      "Use semantic color tokens instead of raw hex values",
-      "Ensure all interactive elements have visible focus indicators",
-      "Keep text contrast ratio at WCAG AA minimum (4.5:1)",
-      "Use the defined type scale \u2014 avoid arbitrary font sizes"
-    ],
-    donts: [
-      "Mix border-radius styles within the same surface level",
-      "Use more than 3 font weights on a single page",
-      "Apply shadows and borders simultaneously on the same element",
-      "Override semantic colors with hard-coded values",
-      "Nest elevated surfaces more than 2 levels deep"
-    ]
-  }
-};
-
-// src/presets/fintech-premium.ts
-var fintechPremiumPreset = {
-  name: "fintech-premium",
-  displayName: "Fintech Premium",
-  description: "Refined, trustworthy aesthetic with blue-tinted shadows and conservative radius \u2014 inspired by fintech dashboards",
-  preferences: {
-    mood: "clean",
-    primaryColor: "#635bff",
-    roundness: "moderate",
-    density: "comfortable",
-    typography: "geometric",
-    depth: "layered",
-    darkMode: true,
-    components: ["button", "card", "input", "table", "badge", "dropdown", "tabs"]
-  },
-  dosAndDonts: {
-    dos: [
-      "Use generous whitespace to convey premium feel",
-      "Rely on typography hierarchy over decorative elements",
-      "Keep interactive states subtle \u2014 opacity shifts over color jumps",
-      "Use the primary color sparingly for key CTAs only",
-      "Present data in clean, well-aligned tables with minimal borders"
-    ],
-    donts: [
-      "Use bright, saturated accent colors for large surface areas",
-      "Mix warm and cool grays \u2014 stick to one temperature",
-      "Add decorative gradients or patterns to functional surfaces",
-      "Use pill-shaped buttons for primary actions",
-      "Over-decorate table rows \u2014 let the data breathe"
-    ]
-  }
-};
-
-// src/presets/developer-dark.ts
-var developerDarkPreset = {
-  name: "developer-dark",
-  displayName: "Developer Dark",
-  description: "High-contrast dark theme with monospace accents and sharp edges \u2014 inspired by developer tools and terminals",
-  preferences: {
-    mood: "dark",
-    primaryColor: "#ffffff",
-    roundness: "sharp",
-    density: "compact",
-    typography: "monospace",
-    depth: "subtle",
-    darkMode: false,
-    // already dark by default
-    components: ["button", "card", "input", "table", "badge", "tabs", "toast"]
-  },
-  dosAndDonts: {
-    dos: [
-      "Use high contrast between foreground text and dark backgrounds",
-      "Leverage monospace type for code, data, and labels",
-      "Keep borders thin (1px) and use subtle color separation",
-      "Use accent color only for interactive elements and focus rings",
-      "Maintain sharp corners throughout \u2014 consistency matters"
-    ],
-    donts: [
-      "Use rounded or pill-shaped elements \u2014 they conflict with the sharp aesthetic",
-      "Apply warm tones to the neutral palette",
-      "Use heavy shadows on dark backgrounds \u2014 they become invisible",
-      "Mix serif fonts into the interface",
-      "Use light gray text on dark backgrounds below 4.5:1 contrast ratio"
-    ]
-  }
-};
-
-// src/presets/productivity-warm.ts
-var productivityWarmPreset = {
-  name: "productivity-warm",
-  displayName: "Productivity Warm",
-  description: "Warm neutrals with friendly radius and comfortable density \u2014 inspired by modern productivity tools",
-  preferences: {
-    mood: "warm",
-    primaryColor: "#2f81f7",
-    roundness: "rounded",
-    density: "comfortable",
-    typography: "humanist",
-    depth: "subtle",
-    darkMode: true,
-    components: ["button", "card", "input", "dropdown", "dialog", "navigation", "badge"]
-  },
-  dosAndDonts: {
-    dos: [
-      "Use warm gray tones (#faf9f7, #37352f) over pure black/white",
-      "Keep interactions gentle \u2014 soft hover states, smooth transitions",
-      "Use rounded corners consistently for a friendly, approachable feel",
-      "Emphasize readability with generous line-height (1.6+)",
-      "Layer content with subtle background tints rather than hard borders"
-    ],
-    donts: [
-      "Use sharp corners or angular design elements",
-      "Apply cold, saturated blues for large background areas",
-      "Use heavy shadows that make the UI feel oppressive",
-      "Over-use the primary color \u2014 warm UIs need muted palettes",
-      "Make interactive elements too small \u2014 comfortable density means generous targets"
-    ]
-  }
-};
-
-// src/presets/data-dense.ts
-var dataDensePreset = {
-  name: "data-dense",
-  displayName: "Data Dense",
-  description: "Compact spacing with flat depth and geometric sans \u2014 inspired by project management and data-heavy interfaces",
-  preferences: {
-    mood: "clean",
-    primaryColor: "#5e6ad2",
-    roundness: "sharp",
-    density: "compact",
-    typography: "geometric",
-    depth: "flat",
-    darkMode: true,
-    components: ["button", "card", "input", "table", "badge", "tabs", "select", "dropdown"]
-  },
-  dosAndDonts: {
-    dos: [
-      "Pack information densely \u2014 every pixel should earn its place",
-      "Use small type sizes (12-13px) for data cells and metadata",
-      "Rely on borders and background tints over shadows for separation",
-      "Keep interactive elements compact but above 28px minimum height",
-      "Use keyboard shortcuts and dense navigation patterns"
-    ],
-    donts: [
-      "Add decorative spacing between dense data elements",
-      "Use large rounded corners \u2014 they waste space in tight layouts",
-      "Apply heavy shadows that add visual weight to a dense interface",
-      "Use more than 2 levels of visual nesting",
-      "Mix compact and spacious components on the same surface"
-    ]
-  }
-};
-
-// src/presets/playful-creative.ts
-var playfulCreativePreset = {
-  name: "playful-creative",
-  displayName: "Playful Creative",
-  description: "Rounded corners, vibrant colors, and layered depth \u2014 inspired by creative and design tools",
-  preferences: {
-    mood: "playful",
-    primaryColor: "#a855f7",
-    roundness: "rounded",
-    density: "comfortable",
-    typography: "humanist",
-    depth: "layered",
-    darkMode: true,
-    components: ["button", "card", "input", "badge", "dialog", "toast", "floating-button"]
-  },
-  dosAndDonts: {
-    dos: [
-      "Use vibrant, saturated colors for interactive elements",
-      "Apply generous border-radius to convey friendliness",
-      "Layer surfaces with distinct shadows for spatial clarity",
-      "Use playful micro-interactions (scale, bounce, color shift)",
-      "Mix 2-3 accent colors for visual variety within the palette"
-    ],
-    donts: [
-      "Use sharp corners \u2014 they contradict the playful mood",
-      "Make the palette too muted or desaturated",
-      "Use flat depth \u2014 layered shadows are part of the personality",
-      "Overcrowd layouts \u2014 playful needs room to breathe",
-      "Use formal serif fonts for UI text"
-    ]
-  }
-};
-
-// src/presets/brutalist.ts
-var brutalistPreset = {
-  name: "brutalist",
-  displayName: "Brutalist",
-  description: "No radius, flat surfaces, monospace type, high-contrast borders \u2014 anti-design aesthetic",
-  preferences: {
-    mood: "bold",
-    primaryColor: "#000000",
-    roundness: "sharp",
-    density: "comfortable",
-    typography: "monospace",
-    depth: "flat",
-    darkMode: false,
-    components: ["button", "card", "input", "table", "badge"]
-  },
-  dosAndDonts: {
-    dos: [
-      "Use thick borders (2-3px) as the primary visual separator",
-      "Keep all corners sharp \u2014 0px radius everywhere",
-      "Use monospace type for all text, including headings",
-      "Embrace high contrast: black on white, white on black",
-      "Let raw structure show \u2014 no decorative gradients or shadows"
-    ],
-    donts: [
-      "Add rounded corners, gradients, or subtle shadows",
-      "Use pastel or muted color palettes",
-      "Apply smooth transitions \u2014 prefer instant state changes",
-      "Mix serif or humanist fonts into the interface",
-      "Over-polish the UI \u2014 imperfection is intentional"
-    ]
-  }
-};
-
-// src/presets/corporate-clean.ts
-var corporateCleanPreset = {
-  name: "corporate-clean",
-  displayName: "Corporate Clean",
-  description: "System fonts, subtle shadows, blue primary \u2014 reliable enterprise SaaS aesthetic",
-  preferences: {
-    mood: "clean",
-    primaryColor: "#2563eb",
-    roundness: "moderate",
-    density: "comfortable",
-    typography: "humanist",
-    depth: "subtle",
-    darkMode: true,
-    components: ["button", "card", "input", "table", "dialog", "dropdown", "navigation", "tabs", "select", "badge"]
-  },
-  dosAndDonts: {
-    dos: [
-      "Use system fonts for maximum cross-platform consistency",
-      "Keep the blue primary for trust and authority",
-      "Apply subtle shadows for gentle depth without drama",
-      "Maintain strict visual hierarchy with consistent spacing",
-      "Design for accessibility first \u2014 WCAG AA minimum everywhere"
-    ],
-    donts: [
-      "Use trendy or experimental design patterns",
-      "Apply vibrant accent colors to large surfaces",
-      "Use custom or decorative fonts \u2014 system fonts are intentional",
-      "Create dramatic visual effects (large shadows, animations)",
-      "Sacrifice clarity for visual flair"
-    ]
-  }
-};
-
-// src/presets/index.ts
-var presetRegistry = /* @__PURE__ */ new Map([
-  ["fintech-premium", fintechPremiumPreset],
-  ["developer-dark", developerDarkPreset],
-  ["productivity-warm", productivityWarmPreset],
-  ["data-dense", dataDensePreset],
-  ["playful-creative", playfulCreativePreset],
-  ["brutalist", brutalistPreset],
-  ["corporate-clean", corporateCleanPreset]
-]);
-function getPreset(name) {
-  return presetRegistry.get(name);
-}
-function getAllPresets() {
-  return Array.from(presetRegistry.values());
-}
-function mergeWithBase(preset) {
-  return {
-    preferences: { ...basePreset.preferences, ...preset.preferences },
-    dosAndDonts: {
-      dos: [...basePreset.dosAndDonts?.dos ?? [], ...preset.dosAndDonts?.dos ?? []],
-      donts: [...basePreset.dosAndDonts?.donts ?? [], ...preset.dosAndDonts?.donts ?? []]
-    }
-  };
-}
-
-// src/core/sync-marker.ts
-import { createHash } from "crypto";
-var BLOCK_RE = /<!-- omd:start v=(\d+) hash=([a-f0-9]+) -->\n?([\s\S]*?)\n?<!-- omd:end -->/;
-function hashContent(content) {
-  return createHash("sha256").update(content, "utf8").digest("hex").slice(0, 12);
-}
-function parseBlock(fileContent) {
-  const m = BLOCK_RE.exec(fileContent);
-  if (!m) return null;
-  return {
-    version: Number(m[1]),
-    hash: m[2],
-    content: m[3],
-    rawStart: m.index,
-    rawEnd: m.index + m[0].length
-  };
-}
-function hasDrift(block) {
-  return hashContent(block.content) !== block.hash;
-}
-function writeBlock(fileContent, managedContent, version) {
-  const hash = hashContent(managedContent);
-  const block = `<!-- omd:start v=${version} hash=${hash} -->
-${managedContent}
-<!-- omd:end -->`;
-  const existing = parseBlock(fileContent);
-  if (existing) {
-    const updated = fileContent.slice(0, existing.rawStart) + block + fileContent.slice(existing.rawEnd);
-    return { updated, hash };
-  }
-  if (fileContent === "") {
-    return { updated: block + "\n", hash };
-  }
-  const sep = fileContent.endsWith("\n\n") ? "" : fileContent.endsWith("\n") ? "\n" : "\n\n";
-  return { updated: fileContent + sep + block + "\n", hash };
-}
-
-// src/core/sync-lock.ts
-import { readFileSync as readFileSync3, writeFileSync, mkdirSync, existsSync as existsSync2 } from "fs";
-import { dirname as dirname3, join as join3 } from "path";
-import { z } from "zod";
-var SYNC_LOCK_VERSION = 1;
-var SYNC_LOCK_PATH = ".omd/sync.lock.json";
-var TargetSchema = z.object({
-  managed_hash: z.string(),
-  last_synced: z.string()
-});
-var SyncLockSchema = z.object({
-  version: z.number().int().positive(),
-  design_md_hash: z.string(),
-  targets: z.record(z.string(), TargetSchema)
-});
-function lockPath(projectRoot) {
-  return join3(projectRoot, SYNC_LOCK_PATH);
-}
-function readLock(projectRoot) {
-  const path = lockPath(projectRoot);
-  if (!existsSync2(path)) return null;
-  const raw = readFileSync3(path, "utf8");
-  const parsed = JSON.parse(raw);
-  return SyncLockSchema.parse(parsed);
-}
-function writeLock(projectRoot, lock) {
-  const validated = SyncLockSchema.parse(lock);
-  const path = lockPath(projectRoot);
-  mkdirSync(dirname3(path), { recursive: true });
-  writeFileSync(path, JSON.stringify(validated, null, 2) + "\n", "utf8");
-}
-function createLock(designMdHash) {
-  return {
-    version: SYNC_LOCK_VERSION,
-    design_md_hash: designMdHash,
-    targets: {}
-  };
-}
-function updateTarget(projectRoot, target, managedHash) {
-  const existing = readLock(projectRoot) ?? createLock("");
-  const next = {
-    ...existing,
-    targets: {
-      ...existing.targets,
-      [target]: {
-        managed_hash: managedHash,
-        last_synced: (/* @__PURE__ */ new Date()).toISOString()
-      }
-    }
-  };
-  writeLock(projectRoot, next);
-  return next;
-}
-function updateDesignMdHash(projectRoot, designMdHash) {
-  const existing = readLock(projectRoot) ?? createLock(designMdHash);
-  const next = { ...existing, design_md_hash: designMdHash };
-  writeLock(projectRoot, next);
-  return next;
-}
-
-// src/core/shims.ts
-import { readFileSync as readFileSync4, writeFileSync as writeFileSync2, mkdirSync as mkdirSync2, existsSync as existsSync3 } from "fs";
-import { dirname as dirname4, join as join4 } from "path";
-var MANAGED_BLOCK_VERSION = 1;
-var CLAUDE_BODY = `# Design System (oh-my-design)
-
-The authoritative brand & UI spec is **@./DESIGN.md**.
-Read before any UI/styling/microcopy/motion work.
-
-Preference log (pending corrections): @./.omd/preferences.md
-
-Precedence: DESIGN.md > preferences.md > your defaults.`;
-var AGENTS_BODY = `## Design System (oh-my-design)
-
-**Before any UI, styling, copy, or motion change, open and read \`./DESIGN.md\` in full.** It is the authoritative brand/design spec. Treat its tokens, voice, and component rules as binding unless the user overrides in chat.
-
-If present, read \`./.omd/preferences.md\` \u2014 pending corrections not yet folded into DESIGN.md. Apply them; flag conflicts.`;
-var CURSOR_FRONTMATTER = `---
-description: Authoritative brand & UI design system. Read DESIGN.md before UI work.
-globs:
-  - "**/*.tsx"
-  - "**/*.jsx"
-  - "**/*.vue"
-  - "**/*.svelte"
-  - "**/*.css"
-  - "**/*.scss"
-  - "**/tailwind.config.*"
-  - "**/components/**"
-  - "**/app/**/page.*"
-alwaysApply: false
----`;
-var CURSOR_BODY = `The authoritative design spec lives at \`@DESIGN.md\` (repo root). Open and read before generating/modifying UI.
-
-Pending preference corrections: \`@.omd/preferences.md\`.
-
-Precedence: DESIGN.md > preferences.md > framework defaults.`;
-var CLAUDE_SHIM = {
-  id: "claude",
-  relPath: "CLAUDE.md",
-  mode: "block",
-  render: () => CLAUDE_BODY
-};
-var AGENTS_SHIM = {
-  id: "agents",
-  relPath: "AGENTS.md",
-  mode: "block",
-  render: () => AGENTS_BODY
-};
-var CURSOR_SHIM = {
-  id: "cursor",
-  relPath: ".cursor/rules/omd-design.mdc",
-  mode: "whole",
-  render: () => {
-    const hash = hashContent(CURSOR_BODY);
-    return `${CURSOR_FRONTMATTER}
-
-<!-- omd:start v=${MANAGED_BLOCK_VERSION} hash=${hash} -->
-${CURSOR_BODY}
-<!-- omd:end -->
-`;
-  }
-};
-var ALL_SHIMS = [
-  CLAUDE_SHIM,
-  AGENTS_SHIM,
-  CURSOR_SHIM
-];
-function resolvePath(projectRoot, relPath) {
-  return join4(projectRoot, relPath);
-}
-function readFileOrEmpty(path) {
-  return existsSync3(path) ? readFileSync4(path, "utf8") : "";
-}
-function ensureDir(path) {
-  mkdirSync2(dirname4(path), { recursive: true });
-}
-function inspectShim(projectRoot, shim) {
-  const abs = resolvePath(projectRoot, shim.relPath);
-  const existing = readFileOrEmpty(abs);
-  const fileExists = existing !== "";
-  if (shim.mode === "whole") {
-    const rendered = shim.render();
-    if (!fileExists) {
-      return { id: shim.id, path: abs, status: "missing", rendered };
-    }
-    if (existing === rendered) {
-      return { id: shim.id, path: abs, status: "clean", existing, rendered };
-    }
-    return { id: shim.id, path: abs, status: "drifted", existing, rendered };
-  }
-  const managed = shim.render();
-  const block = parseBlock(existing);
-  if (!block) {
-    return {
-      id: shim.id,
-      path: abs,
-      status: "missing",
-      existing: fileExists ? existing : void 0,
-      rendered: managed
-    };
-  }
-  if (hasDrift(block)) {
-    return {
-      id: shim.id,
-      path: abs,
-      status: "drifted",
-      existing: block.content,
-      rendered: managed
-    };
-  }
-  if (block.content === managed) {
-    return {
-      id: shim.id,
-      path: abs,
-      status: "clean",
-      existing: block.content,
-      rendered: managed
-    };
-  }
-  return {
-    id: shim.id,
-    path: abs,
-    status: "out-of-date",
-    existing: block.content,
-    rendered: managed
-  };
-}
-function inspectAllShims(projectRoot) {
-  return ALL_SHIMS.map((s) => inspectShim(projectRoot, s));
-}
-function writeShim(projectRoot, shim, opts = {}) {
-  const onDrift = opts.onDrift ?? "error";
-  const abs = resolvePath(projectRoot, shim.relPath);
-  const existing = readFileOrEmpty(abs);
-  const fileExists = existing !== "";
-  if (shim.mode === "whole") {
-    const rendered = shim.render();
-    const newHash = hashContent(rendered);
-    if (fileExists && existing !== rendered) {
-      const existingHash = hashContent(existing);
-      if (onDrift === "error") {
-        throw new Error(
-          `drift detected in ${shim.relPath} (existing hash ${existingHash} != rendered ${newHash}); rerun with onDrift=overwrite to force`
-        );
-      }
-      if (onDrift === "skip") {
-        updateTarget(projectRoot, shim.relPath, existingHash);
-        return {
-          id: shim.id,
-          path: abs,
-          hash: existingHash,
-          status: "skipped-drift"
-        };
-      }
-    }
-    if (fileExists && existing === rendered) {
-      updateTarget(projectRoot, shim.relPath, newHash);
-      return { id: shim.id, path: abs, hash: newHash, status: "unchanged" };
-    }
-    ensureDir(abs);
-    writeFileSync2(abs, rendered, "utf8");
-    updateTarget(projectRoot, shim.relPath, newHash);
-    return {
-      id: shim.id,
-      path: abs,
-      hash: newHash,
-      status: fileExists ? "updated" : "created"
-    };
-  }
-  const managed = shim.render();
-  const existingBlock = parseBlock(existing);
-  if (existingBlock && hasDrift(existingBlock)) {
-    if (onDrift === "error") {
-      throw new Error(
-        `managed block in ${shim.relPath} was hand-edited; rerun with onDrift=overwrite to force`
-      );
-    }
-    if (onDrift === "skip") {
-      updateTarget(projectRoot, shim.relPath, existingBlock.hash);
-      return {
-        id: shim.id,
-        path: abs,
-        hash: existingBlock.hash,
-        status: "skipped-drift"
-      };
-    }
-  }
-  if (existingBlock && existingBlock.content === managed && !hasDrift(existingBlock)) {
-    updateTarget(projectRoot, shim.relPath, existingBlock.hash);
-    return {
-      id: shim.id,
-      path: abs,
-      hash: existingBlock.hash,
-      status: "unchanged"
-    };
-  }
-  const { updated, hash } = writeBlock(existing, managed, MANAGED_BLOCK_VERSION);
-  ensureDir(abs);
-  writeFileSync2(abs, updated, "utf8");
-  updateTarget(projectRoot, shim.relPath, hash);
-  return {
-    id: shim.id,
-    path: abs,
-    hash,
-    status: existingBlock ? "updated" : "created"
-  };
-}
-function writeAllShims(projectRoot, opts = {}) {
-  const results = ALL_SHIMS.map((shim) => writeShim(projectRoot, shim, opts));
-  refreshDesignMdHash(projectRoot);
-  return results;
-}
-function refreshDesignMdHash(projectRoot) {
-  const designMdPath = join4(projectRoot, "DESIGN.md");
-  if (!existsSync3(designMdPath)) return null;
-  const hash = hashContent(readFileSync4(designMdPath, "utf8"));
-  updateDesignMdHash(projectRoot, hash);
-  return hash;
-}
-
-// src/core/preferences.ts
-import {
-  readFileSync as readFileSync5,
-  writeFileSync as writeFileSync3,
-  mkdirSync as mkdirSync3,
-  existsSync as existsSync4
-} from "fs";
-import { randomBytes } from "crypto";
-import { dirname as dirname5, join as join5 } from "path";
-var PREFERENCES_PATH = ".omd/preferences.md";
-var PREFERENCES_SCHEMA = "omd.preferences/v1";
-function prefPath(projectRoot) {
-  return join5(projectRoot, PREFERENCES_PATH);
-}
-function generateId() {
-  const ts = Date.now().toString(36);
-  const rand = randomBytes(4).toString("hex");
-  return `pref_${ts}_${rand}`;
-}
-function slugify(input, max = 40) {
-  return input.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, max) || "entry";
-}
-var SCOPE_KEYWORDS = [
-  [/\b(buttons?|ctas?|btns?)\b/i, "components.button"],
-  [/\b(cards?)\b/i, "components.card"],
-  [/\b(dialogs?|modals?)\b/i, "components.dialog"],
-  [/\b(inputs?|fields?|forms?)\b/i, "components.input"],
-  [/\b(nav|navigation|headers?|menus?)\b/i, "components.navigation"],
-  [/\b(badges?|chips?|pills?|tags?)\b/i, "components.badge"],
-  [/\b(tables?|rows?|cells?)\b/i, "components.table"],
-  [/\b(dropdowns?|selects?|comboboxes?)\b/i, "components.dropdown"],
-  [/\b(toasts?|notifications?|snackbars?)\b/i, "components.toast"],
-  [/\b(tabs?)\b/i, "components.tabs"],
-  [/\b(colors?|palette|hex|hue|saturation|shades?|tints?|gradients?)\b/i, "color"],
-  [/\b(font|typography|typeface|weight|leading|tracking|letter-?spacing)\b/i, "typography"],
-  [/\b(spacing|gap|padding|margin|grid)\b/i, "spacing"],
-  [/\b(voice|tone|copy|microcopy|wording|language)\b/i, "voice"],
-  [/\b(motion|animation|transition|easing|duration)\b/i, "motion"],
-  [/\b(layout|structure|hierarchy)\b/i, "layout"],
-  [/\b(theme|aesthetic|vibe|mood|look|feel)\b/i, "visualTheme"]
-];
-function inferScope(note) {
-  for (const [re, scope] of SCOPE_KEYWORDS) {
-    if (re.test(note)) return scope;
-  }
-  return "visualTheme";
-}
-function renderMeta(meta) {
-  const lines = [];
-  lines.push(`id: ${meta.id}`);
-  lines.push(`timestamp: ${meta.timestamp}`);
-  lines.push(`scope: ${meta.scope}`);
-  lines.push(`signal: ${meta.signal}`);
-  lines.push(`confidence: ${meta.confidence}`);
-  lines.push(`status: ${meta.status}`);
-  if (meta.source_agent) lines.push(`source_agent: ${meta.source_agent}`);
-  if (meta.source_context)
-    lines.push(`source_context: ${JSON.stringify(meta.source_context)}`);
-  if (meta.applied_design_md_hash)
-    lines.push(`applied_design_md_hash: ${meta.applied_design_md_hash}`);
-  if (meta.applied_at) lines.push(`applied_at: ${meta.applied_at}`);
-  if (meta.rejected_reason)
-    lines.push(`rejected_reason: ${JSON.stringify(meta.rejected_reason)}`);
-  if (meta.superseded_by) lines.push(`superseded_by: ${meta.superseded_by}`);
-  return lines.join("\n");
-}
-function renderEntry(entry) {
-  return `## ${entry.heading}
-
-\`\`\`omd-meta
-` + renderMeta(entry.meta) + "\n```\n\n" + entry.body.trim() + "\n";
-}
-function renderFile(file) {
-  const header = `---
-schema: ${file.schema}
-design_md_hash_at_creation: ${file.design_md_hash_at_creation}
----
-
-# Preference Log
-
-`;
-  const body = file.entries.map(renderEntry).join("\n");
-  return header + body;
-}
-var FRONTMATTER_RE = /^---\n([\s\S]*?)\n---\n?/;
-var ENTRY_SPLIT_RE = /^## /m;
-var META_BLOCK_RE = /```omd-meta\n([\s\S]*?)\n```/;
-function parseFrontmatter(raw) {
-  const m = FRONTMATTER_RE.exec(raw);
-  if (!m) return { fields: {}, rest: raw };
-  const fields = {};
-  for (const line of m[1].split("\n")) {
-    const idx = line.indexOf(":");
-    if (idx === -1) continue;
-    const key = line.slice(0, idx).trim();
-    const val = line.slice(idx + 1).trim();
-    fields[key] = val;
-  }
-  return { fields, rest: raw.slice(m[0].length) };
-}
-function parseMetaBlock(text) {
-  const m = META_BLOCK_RE.exec(text);
-  if (!m) return {};
-  const fields = {};
-  for (const line of m[1].split("\n")) {
-    const idx = line.indexOf(":");
-    if (idx === -1) continue;
-    const key = line.slice(0, idx).trim();
-    let val = line.slice(idx + 1).trim();
-    if (val.startsWith('"') && val.endsWith('"')) {
-      try {
-        val = JSON.parse(val);
-      } catch {
-      }
-    }
-    fields[key] = val;
-  }
-  return fields;
-}
-function parseEntry(chunk) {
-  const newline = chunk.indexOf("\n");
-  const heading = (newline === -1 ? chunk : chunk.slice(0, newline)).trim();
-  const rest = newline === -1 ? "" : chunk.slice(newline + 1);
-  const metaFields = parseMetaBlock(rest);
-  if (!metaFields.id) return null;
-  const bodyStart = rest.search(META_BLOCK_RE);
-  const metaEnd = bodyStart >= 0 ? bodyStart + (META_BLOCK_RE.exec(rest.slice(bodyStart))?.[0].length ?? 0) : 0;
-  const body = rest.slice(metaEnd).trim();
-  return {
-    heading,
-    body,
-    meta: {
-      id: metaFields.id,
-      timestamp: metaFields.timestamp ?? "",
-      scope: metaFields.scope ?? "visualTheme",
-      signal: metaFields.signal ?? "user-statement",
-      confidence: metaFields.confidence ?? "explicit",
-      status: metaFields.status ?? "pending",
-      source_agent: metaFields.source_agent,
-      source_context: metaFields.source_context,
-      applied_design_md_hash: metaFields.applied_design_md_hash,
-      applied_at: metaFields.applied_at,
-      rejected_reason: metaFields.rejected_reason,
-      superseded_by: metaFields.superseded_by
-    }
-  };
-}
-function parseFile(raw) {
-  const { fields, rest } = parseFrontmatter(raw);
-  const schema = fields.schema || PREFERENCES_SCHEMA;
-  const design_md_hash_at_creation = fields.design_md_hash_at_creation ?? "";
-  const chunks = rest.split(ENTRY_SPLIT_RE).slice(1);
-  const entries = chunks.map((c) => parseEntry(c)).filter((e) => e !== null);
-  return { schema, design_md_hash_at_creation, entries };
-}
-function readFile(projectRoot) {
-  const path = prefPath(projectRoot);
-  if (!existsSync4(path)) return null;
-  return parseFile(readFileSync5(path, "utf8"));
-}
-function writeFile(projectRoot, file) {
-  const path = prefPath(projectRoot);
-  mkdirSync3(dirname5(path), { recursive: true });
-  writeFileSync3(path, renderFile(file), "utf8");
-}
-function buildEntry(input) {
-  const now = input.now ?? /* @__PURE__ */ new Date();
-  const timestamp = now.toISOString();
-  const scope = input.scope ?? inferScope(input.note);
-  const slug = slugify(input.note);
-  const heading = `${timestamp} \u2014 ${slug}`;
-  return {
-    heading,
-    body: input.note.trim(),
-    meta: {
-      id: generateId(),
-      timestamp,
-      scope,
-      signal: input.signal ?? "user-statement",
-      confidence: input.confidence ?? "explicit",
-      status: "pending",
-      source_agent: input.source_agent,
-      source_context: input.source_context
-    }
-  };
-}
-function updateEntryStatus(projectRoot, input) {
-  const file = readFile(projectRoot);
-  if (!file) {
-    throw new Error(
-      `no preferences file found at ${projectRoot}/${PREFERENCES_PATH}`
-    );
-  }
-  const entry = file.entries.find((e) => e.meta.id === input.id);
-  if (!entry) {
-    throw new Error(`preference id not found: ${input.id}`);
-  }
-  const now = (input.now ?? /* @__PURE__ */ new Date()).toISOString();
-  entry.meta.status = input.status;
-  if (input.status === "applied") {
-    entry.meta.applied_at = now;
-    if (input.applied_design_md_hash) {
-      entry.meta.applied_design_md_hash = input.applied_design_md_hash;
-    }
-  }
-  if (input.status === "rejected" && input.rejected_reason) {
-    entry.meta.rejected_reason = input.rejected_reason;
-  }
-  if (input.status === "superseded" && input.superseded_by) {
-    entry.meta.superseded_by = input.superseded_by;
-  }
-  writeFile(projectRoot, file);
-  return entry;
-}
-function groupByScope(entries) {
-  const map = /* @__PURE__ */ new Map();
-  for (const entry of entries) {
-    const bucket = map.get(entry.meta.scope);
-    if (bucket) bucket.push(entry);
-    else map.set(entry.meta.scope, [entry]);
-  }
-  return map;
-}
-function filterByStatus(entries, status) {
-  return entries.filter((e) => e.meta.status === status);
-}
-function appendEntry(projectRoot, input, designMdHashIfNew = "") {
-  const existing = readFile(projectRoot);
-  const entry = buildEntry(input);
-  const file = existing ?? {
-    schema: PREFERENCES_SCHEMA,
-    design_md_hash_at_creation: designMdHashIfNew,
-    entries: []
-  };
-  file.entries.push(entry);
-  writeFile(projectRoot, file);
-  return entry;
-}
-
-// src/core/agent-detect.ts
-import { existsSync as existsSync5 } from "fs";
-import { join as join6 } from "path";
-function detectCallingAgent() {
-  const env = process.env;
-  if (env.CLAUDECODE === "1" || env.CLAUDE_CODE === "1" || env.CLAUDE_CODE_TASK_ID) {
-    return "claude-code";
-  }
-  if (env.CODEX_SESSION_ID || env.CODEX || env.OPENAI_CODEX) {
-    return "codex";
-  }
-  if (env.OPENCODE || env.OPENCODE_SESSION) {
-    return "opencode";
-  }
-  if (env.CURSOR_SESSION_ID || env.CURSOR_AGENT) {
-    return "cursor";
-  }
-  return "unknown";
-}
-function detectInstalledAgents(projectRoot) {
-  return {
-    claudeCode: existsSync5(join6(projectRoot, ".claude")) || existsSync5(join6(projectRoot, "CLAUDE.md")),
-    codex: existsSync5(join6(projectRoot, ".codex")) || existsSync5(join6(projectRoot, "AGENTS.md")) || existsSync5(join6(projectRoot, "AGENTS.override.md")),
-    opencode: existsSync5(join6(projectRoot, ".opencode")) || existsSync5(join6(projectRoot, "opencode.json")) || existsSync5(join6(projectRoot, "opencode.jsonc")),
-    cursor: existsSync5(join6(projectRoot, ".cursor")) || existsSync5(join6(projectRoot, ".cursorrules"))
-  };
-}
-
-// src/core/vocabulary.ts
-import { readFileSync as readFileSync6 } from "fs";
-import { fileURLToPath as fileURLToPath3 } from "url";
-import { dirname as dirname6, join as join7 } from "path";
-var cachedVocab = null;
-var cachedSynonyms = null;
-function dataDir() {
-  const here = dirname6(fileURLToPath3(import.meta.url));
-  const candidates = [
-    join7(here, "..", "data"),
-    join7(here, "..", "..", "data")
-  ];
-  for (const c of candidates) {
-    try {
-      readFileSync6(join7(c, "vocabulary.json"), "utf8");
-      return c;
-    } catch {
-    }
-  }
-  throw new Error("data/vocabulary.json not found relative to " + here);
-}
-function loadVocabulary() {
-  if (cachedVocab) return cachedVocab;
-  const path = join7(dataDir(), "vocabulary.json");
-  cachedVocab = JSON.parse(readFileSync6(path, "utf8"));
-  return cachedVocab;
-}
-function loadSynonyms() {
-  if (cachedSynonyms) return cachedSynonyms;
-  const path = join7(dataDir(), "synonyms.json");
-  cachedSynonyms = JSON.parse(readFileSync6(path, "utf8"));
-  return cachedSynonyms;
-}
-var MODIFIER_RE = /\b(primarily|mostly|slightly|very|not)\s+([a-z][a-z-]*)/gi;
-function tokenize(description) {
-  return description.toLowerCase().split(/[^a-z-]+/).filter(Boolean);
-}
-function extractKeywords(description) {
-  const vocab = loadVocabulary();
-  const { map: synonyms } = loadSynonyms();
-  const lower = description.toLowerCase();
-  const modifierOverrides = /* @__PURE__ */ new Map();
-  let match;
-  const modRe = new RegExp(MODIFIER_RE.source, MODIFIER_RE.flags);
-  while ((match = modRe.exec(lower)) !== null) {
-    const modName = match[1];
-    const target = match[2];
-    const value = vocab.modifiers[modName];
-    if (value !== void 0) modifierOverrides.set(target, value);
-  }
-  const tokens = tokenize(description);
-  const seen = /* @__PURE__ */ new Set();
-  const results = [];
-  for (const token of tokens) {
-    if (seen.has(token)) continue;
-    seen.add(token);
-    if (vocab.keywords[token]) {
-      results.push({
-        keyword: token,
-        modifier: modifierOverrides.get(token) ?? 1,
-        matchedAs: "direct"
-      });
-      continue;
-    }
-    const syn = synonyms[token];
-    if (syn && vocab.keywords[syn]) {
-      results.push({
-        keyword: syn,
-        modifier: modifierOverrides.get(token) ?? 1,
-        matchedAs: "synonym",
-        synonymSource: token
-      });
-    }
-  }
-  return results;
-}
-function resolveConflicts(keywords) {
-  const vocab = loadVocabulary();
-  const kept = [];
-  const dropped = [];
-  for (const kw of keywords) {
-    const spec = vocab.keywords[kw.keyword];
-    if (!spec) continue;
-    const conflictingHere = keywords.filter(
-      (other) => other.keyword !== kw.keyword && spec.conflicts_with.includes(other.keyword)
-    );
-    if (conflictingHere.length === 0) {
-      kept.push(kw);
-      continue;
-    }
-    const strictlyHigherThanAll = conflictingHere.every(
-      (c) => kw.modifier > c.modifier + 1e-9
-    );
-    if (strictlyHigherThanAll) {
-      kept.push(kw);
-      continue;
-    }
-    dropped.push({
-      keyword: kw.keyword,
-      reason: `conflicts with ${conflictingHere.map((c) => c.keyword).join(",")}`
-    });
-  }
-  const warnings = [];
-  const keptSet = new Set(kept.map((k) => k.keyword));
-  const warned = /* @__PURE__ */ new Set();
-  for (const kw of keywords) {
-    const spec = vocab.keywords[kw.keyword];
-    if (!spec) continue;
-    const conflictingHere = keywords.filter(
-      (other) => other.keyword !== kw.keyword && spec.conflicts_with.includes(other.keyword)
-    );
-    if (conflictingHere.length === 0) continue;
-    const groupKeys = [kw.keyword, ...conflictingHere.map((c) => c.keyword)];
-    const groupHasWinner = groupKeys.some((k) => keptSet.has(k));
-    if (groupHasWinner) continue;
-    const pairKey = [...new Set(groupKeys)].sort().join(",");
-    if (warned.has(pairKey)) continue;
-    warned.add(pairKey);
-    warnings.push(
-      `${kw.keyword} \u2194 ${conflictingHere.map((c) => c.keyword).join(",")}: use "primarily <kw>" or "very <kw>" to pick a winner`
-    );
-  }
-  return { kept, dropped, warnings };
-}
-function clamp(value, lo, hi) {
-  return Math.max(lo, Math.min(hi, value));
-}
-function snap(value, spec) {
-  if (spec.type === "int") return Math.round(value);
-  if (spec.type === "enum") {
-    const [lo, hi] = spec.domain;
-    return Math.abs(value - lo) < Math.abs(value - hi) ? lo : hi;
-  }
-  return Number(value.toFixed(3));
-}
-function buildDeltaSet(description) {
-  const vocab = loadVocabulary();
-  const matched = extractKeywords(description);
-  const { kept, dropped, warnings } = resolveConflicts(matched);
-  const axes = {};
-  const voiceHintSet = /* @__PURE__ */ new Set();
-  for (const kw of kept) {
-    const spec = vocab.keywords[kw.keyword];
-    const multiplier = kw.modifier;
-    for (const hint of spec.voice_hints) voiceHintSet.add(hint);
-    for (const [axisName, axisDelta] of Object.entries(spec.axes)) {
-      const bucket = axes[axisName] ?? {
-        value: 0,
-        rangeUnion: [axisDelta.range[0], axisDelta.range[1]],
-        sources: []
-      };
-      bucket.value += axisDelta.delta * multiplier;
-      bucket.rangeUnion = [
-        Math.min(bucket.rangeUnion[0], axisDelta.range[0]),
-        Math.max(bucket.rangeUnion[1], axisDelta.range[1])
-      ];
-      bucket.sources.push(kw.keyword);
-      axes[axisName] = bucket;
-    }
-  }
-  for (const [axisName, bucket] of Object.entries(axes)) {
-    const registry = vocab.axis_registry[axisName];
-    if (!registry) continue;
-    let v = clamp(bucket.value, bucket.rangeUnion[0], bucket.rangeUnion[1]);
-    v = clamp(v, registry.domain[0], registry.domain[1]);
-    bucket.value = snap(v, registry);
-    bucket.sources.sort();
-  }
-  return {
-    axes,
-    voiceHints: [...voiceHintSet],
-    unresolved: [],
-    warnings,
-    droppedKeywords: dropped,
-    matchedKeywords: kept
-  };
-}
-function listKeywords() {
-  return Object.keys(loadVocabulary().keywords).sort();
-}
-
-// src/core/recommend.ts
-import { readFileSync as readFileSync7 } from "fs";
-import { fileURLToPath as fileURLToPath4 } from "url";
-import { dirname as dirname7, join as join8 } from "path";
-var CATEGORY_HINTS = {
-  Consumer: [
-    "marketplace",
-    "shopping",
-    "ecommerce",
-    "consumer",
-    "b2c",
-    "retail",
-    "subscription",
-    "family",
-    "families",
-    "meal",
-    "meals",
-    "meal-kit",
-    "food",
-    "travel",
-    "social",
-    "community",
-    "buyer",
-    "seller",
-    "parents",
-    "kids",
-    "lifestyle",
-    "recipe",
-    "recipes"
-  ],
-  Fintech: [
-    "fintech",
-    "banking",
-    "bank",
-    "payment",
-    "payments",
-    "crypto",
-    "trading",
-    "wallet",
-    "invest",
-    "investing",
-    "money",
-    "finance",
-    "financial",
-    "lending",
-    "remittance",
-    "tax"
-  ],
-  "Developer Tools": [
-    "developer",
-    "devtool",
-    "devtools",
-    "dev-tool",
-    "deploy",
-    "deployment",
-    "build",
-    "ci",
-    "cd",
-    "cli",
-    "sdk",
-    "editor",
-    "ide",
-    "engineering",
-    "compiler",
-    "runtime"
-  ],
-  AI: [
-    "ai",
-    "ml",
-    "llm",
-    "agent",
-    "agents",
-    "model",
-    "models",
-    "inference",
-    "gpt",
-    "chatbot",
-    "rag",
-    "embedding",
-    "embeddings",
-    "mcp"
-  ],
-  "Design Tools": [
-    "design",
-    "design-tool",
-    "whiteboard",
-    "prototype",
-    "prototyping",
-    "wireframe",
-    "wireframes",
-    "mockup",
-    "mockups",
-    "figma-like",
-    "illustration",
-    "canvas"
-  ],
-  Productivity: [
-    "saas",
-    "workspace",
-    "team",
-    "teams",
-    "project-management",
-    "enterprise",
-    "b2b",
-    "crm",
-    "docs",
-    "wiki",
-    "collaboration",
-    "kanban",
-    "scheduling",
-    "meetings"
-  ],
-  Backend: [
-    "backend",
-    "database",
-    "db",
-    "api",
-    "apis",
-    "observability",
-    "monitoring",
-    "logging",
-    "analytics",
-    "pipeline",
-    "data-pipeline",
-    "streaming",
-    "queue",
-    "cache"
-  ],
-  Automotive: [
-    "car",
-    "cars",
-    "vehicle",
-    "vehicles",
-    "auto",
-    "automotive",
-    "driving",
-    "ev",
-    "electric-vehicle"
-  ],
-  Marketing: [
-    "marketing",
-    "seo",
-    "campaign",
-    "campaigns",
-    "newsletter",
-    "email-marketing",
-    "attribution"
-  ]
-};
-function matchedCategoriesFor(queryTokens, queryStems) {
-  const out = /* @__PURE__ */ new Set();
-  for (const [category, hints] of Object.entries(CATEGORY_HINTS)) {
-    for (const hint of hints) {
-      if (queryTokens.has(hint) || queryStems.has(stem(hint))) {
-        out.add(category);
-        break;
-      }
-    }
-  }
-  return out;
-}
-var cachedTags = null;
-function stem(s) {
-  let out = s;
-  for (const suffix of ["ing", "ed", "ly", "es", "s"]) {
-    if (out.length - suffix.length >= 3 && out.endsWith(suffix)) {
-      out = out.slice(0, -suffix.length);
-      break;
-    }
-  }
-  return out;
-}
-function tagsFilePath() {
-  const here = dirname7(fileURLToPath4(import.meta.url));
-  const candidates = [
-    join8(here, "..", "data", "reference-tags.md"),
-    join8(here, "..", "..", "data", "reference-tags.md")
-  ];
-  for (const c of candidates) {
-    try {
-      readFileSync7(c, "utf8");
-      return c;
-    } catch {
-    }
-  }
-  throw new Error("data/reference-tags.md not found");
-}
-var ROW_RE = /^\|\s*([a-z0-9._-]+)\s*\|\s*([^|]*?)\s*\|\s*([^|]*?)\s*\|\s*([^|]*?)\s*\|$/i;
-function loadReferenceTags() {
-  if (cachedTags) return cachedTags;
-  const raw = readFileSync7(tagsFilePath(), "utf8");
-  const rows = [];
-  for (const line of raw.split("\n")) {
-    const m = ROW_RE.exec(line);
-    if (!m) continue;
-    const [, id, color, category, keywordsRaw] = m;
-    if (id === "id") continue;
-    if (id.startsWith("---")) continue;
-    rows.push({
-      id: id.trim(),
-      color: color.trim(),
-      category: category.trim(),
-      keywords: keywordsRaw.split(",").map((k) => k.trim().toLowerCase()).filter(Boolean)
-    });
-  }
-  cachedTags = rows;
-  return rows;
-}
-function recommend(description, opts = {}) {
-  const topK = opts.topK ?? 5;
-  const diversityByCategory = opts.diversityByCategory ?? true;
-  const tags = loadReferenceTags();
-  const rawTokens = [
-    ...tokenize(description),
-    ...description.toLowerCase().split(/[^a-z0-9-]+/).filter(Boolean)
-  ];
-  const queryTokens = new Set(rawTokens);
-  const queryStems = new Set(rawTokens.map(stem));
-  const matchedCategories = matchedCategoriesFor(queryTokens, queryStems);
-  const tagMatchByRef = tags.map(
-    (t) => t.keywords.filter(
-      (kw) => queryTokens.has(kw) || queryStems.has(stem(kw))
-    )
-  );
-  const totalTagMatches = tagMatchByRef.reduce((a, m) => a + m.length, 0);
-  const scored = tags.map((t, i) => {
-    const matched = tagMatchByRef[i];
-    const tagScore = matched.length;
-    const categoryHit = matchedCategories.has(t.category);
-    const categoryBonus = categoryHit && (tagScore > 0 || totalTagMatches === 0) ? 0.5 : 0;
-    const score = tagScore + categoryBonus;
-    const ratio = matched.length / Math.max(1, t.keywords.length);
-    return {
-      id: t.id,
-      category: t.category,
-      color: t.color,
-      keywords: t.keywords,
-      score,
-      matchedKeywords: matched,
-      matchedCategories: categoryHit ? [t.category] : [],
-      _ratio: ratio
-    };
-  });
-  scored.sort(
-    (a, b) => b.score - a.score || b._ratio - a._ratio || a.id.localeCompare(b.id)
-  );
-  const stripRatio = (s) => s.map(({ _ratio, ...rest }) => {
-    void _ratio;
-    return rest;
-  });
-  if (!diversityByCategory) return stripRatio(scored.slice(0, topK));
-  const picked = stripRatio(scored).slice(0, 0);
-  const pickedSet = /* @__PURE__ */ new Set();
-  const usedCategories = /* @__PURE__ */ new Set();
-  const allHits = stripRatio(scored);
-  for (const hit of allHits) {
-    if (picked.length >= topK) break;
-    if (usedCategories.has(hit.category)) continue;
-    picked.push(hit);
-    pickedSet.add(hit.id);
-    usedCategories.add(hit.category);
-  }
-  for (const hit of allHits) {
-    if (picked.length >= topK) break;
-    if (pickedSet.has(hit.id)) continue;
-    picked.push(hit);
-    pickedSet.add(hit.id);
-  }
-  return picked;
-}
-
-// src/core/apply-delta-stub.ts
-var HEX_RE = /#[0-9a-fA-F]{6}\b/g;
-var NEUTRAL_RE = /^#([0-9a-fA-F])\1([0-9a-fA-F])\2([0-9a-fA-F])\3$/;
-var STUB_HEADER = `<!-- omd:stub v=1 \u2014 color-only deterministic shift baseline. Limitations: only color hex codes are shifted (hue/saturation/lightness from delta_set); radius_px, typography.letter_spacing_em, spacing.scale_ratio, and all narrative are NOT shifted by the stub. Run the omd:init skill in an agent session to apply the full delta_set + produce a voice-preserved Hybrid variation. -->`;
-function isNeutral(hex) {
-  if (NEUTRAL_RE.test(hex)) return true;
-  const [, s] = hexToHsl(hex);
-  return s < 5;
-}
-function shiftHex(hex, dh, ds, dl) {
-  const [h, s, l] = hexToHsl(hex);
-  const newH = ((h + dh) % 360 + 360) % 360;
-  const newS = Math.max(0, Math.min(100, s + ds));
-  const newL = Math.max(0, Math.min(100, l + dl));
-  return hslToHex(newH, newS, newL);
-}
-function applyDeltaStub(referenceMd, delta) {
-  const dh = delta.axes["color.hue_deg"]?.value ?? 0;
-  const ds = delta.axes["color.saturation_pct"]?.value ?? 0;
-  const dl = delta.axes["color.lightness_pct"]?.value ?? 0;
-  const sourceSet = /* @__PURE__ */ new Set();
-  for (const axis of ["color.hue_deg", "color.saturation_pct", "color.lightness_pct"]) {
-    for (const src of delta.axes[axis]?.sources ?? []) sourceSet.add(src);
-  }
-  const sources = [...sourceSet].sort();
-  let hexMatches = 0;
-  let hexChanged = 0;
-  const shifted = referenceMd.replace(HEX_RE, (match) => {
-    hexMatches++;
-    if (dh === 0 && ds === 0 && dl === 0) return match;
-    if (isNeutral(match)) return match;
-    const out = shiftHex(match, dh, ds, dl);
-    if (out.toLowerCase() !== match.toLowerCase()) hexChanged++;
-    return out;
-  });
-  const header = STUB_HEADER + "\n\n";
-  return {
-    designMd: header + shifted,
-    stats: {
-      hexMatches,
-      hexChanged,
-      hueShift: dh,
-      satShift: ds,
-      lightShift: dl,
-      sourcesApplied: sources
-    }
-  };
-}
-
-// src/core/init-deprecate.ts
-import {
-  existsSync as existsSync6,
-  readFileSync as readFileSync8,
-  writeFileSync as writeFileSync4,
-  unlinkSync,
-  mkdirSync as mkdirSync4
-} from "fs";
-import { dirname as dirname8, join as join9 } from "path";
-function deprecationHeader(opts) {
-  const now = (opts.now ?? /* @__PURE__ */ new Date()).toISOString();
-  const lines = [
-    "<!--",
-    "omd:deprecated",
-    `  deprecated_at: ${now}`
-  ];
-  if (opts.previousReference)
-    lines.push(`  previous_reference: ${opts.previousReference}`);
-  lines.push(`  new_reference: ${opts.newReference}`);
-  if (opts.preferencesReplayed !== void 0)
-    lines.push(`  preferences_replayed: ${opts.preferencesReplayed}`);
-  if (opts.preferencesOrphaned !== void 0)
-    lines.push(`  preferences_orphaned: ${opts.preferencesOrphaned}`);
-  if (opts.orphanFile) lines.push(`  orphan_file: ${opts.orphanFile}`);
-  lines.push(`  reason: ${opts.reason}`);
-  lines.push("-->", "", "");
-  return lines.join("\n");
-}
-function deprecateDesignMd(opts) {
-  const from = join9(opts.projectRoot, "DESIGN.md");
-  const baseTo = join9(opts.projectRoot, "DESIGN_DEPRECATED.md");
-  if (!existsSync6(from)) {
-    return { renamed: false, from, to: baseTo };
-  }
-  let target = baseTo;
-  if (existsSync6(baseTo)) {
-    const ts = (opts.now ?? /* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-");
-    target = join9(opts.projectRoot, `DESIGN_DEPRECATED.${ts}.md`);
-  }
-  mkdirSync4(dirname8(target), { recursive: true });
-  const prior = readFileSync8(from, "utf8");
-  writeFileSync4(target, deprecationHeader(opts) + prior, "utf8");
-  unlinkSync(from);
-  return { renamed: true, from, to: target };
-}
-export {
-  AGENTS_SHIM,
-  ALL_SHIMS,
-  CLAUDE_SHIM,
-  CURSOR_SHIM,
-  MANAGED_BLOCK_VERSION,
-  PREFERENCES_PATH,
-  PREFERENCES_SCHEMA,
-  SYNC_LOCK_PATH,
-  SYNC_LOCK_VERSION,
-  appendEntry,
-  applyDeltaStub,
-  applyOverrides,
-  buildDeltaSet,
-  buildEntry,
-  createLock,
-  deprecateDesignMd,
-  detectCallingAgent,
-  detectInstalledAgents,
-  extractKeywords,
-  filterByStatus,
-  generateComponentTokens,
-  generateId as generatePreferenceId,
-  generatePreviewHtml,
-  getAllPresets,
-  getPreset,
-  groupByScope,
-  hasDrift,
-  hashContent,
-  inferScope,
-  inspectAllShims,
-  inspectShim,
-  listKeywords,
-  listReferences,
-  loadReference,
-  loadReferenceTags,
-  loadSynonyms,
-  loadVocabulary,
-  mapToShadcn,
-  mergeWithBase,
-  parseBlock,
-  parseFile as parsePreferencesFile,
-  readLock,
-  readFile as readPreferencesFile,
-  recommend,
-  refreshDesignMdHash,
-  renderDesignMd,
-  renderFile as renderPreferencesFile,
-  resolveConflicts,
-  resolveTokens,
-  shadcnToCss,
-  slugify,
-  updateDesignMdHash,
-  updateEntryStatus,
-  updateTarget,
-  writeAllShims,
-  writeBlock,
-  writeLock,
-  writeFile as writePreferencesFile,
-  writeShim
-};
-//# sourceMappingURL=index.js.map