nuvox 0.1.0

package/dist/chunk-3F7OVF4J.js

@@ -0,0 +1,1126 @@
+// src/tokens/contract.ts
+function defineTheme(tokens) {
+  return tokens;
+}
+var TOKEN_CATEGORIES = [
+  "meta",
+  "color",
+  "radius",
+  "spacing",
+  "typography",
+  "shadow",
+  "elevation",
+  "motion",
+  "border",
+  "effects"
+];
+var REQUIRED_TOKEN_PATHS = [
+  "meta.name",
+  "meta.label",
+  "meta.description",
+  ...["0", "50", "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"].map((k) => `color.neutral.${k}`),
+  ...["success", "danger", "warning", "info"].flatMap(
+    (c) => ["light", "subtle", "base", "dark", "deeper"].map((k) => `color.${c}.${k}`)
+  ),
+  "color.background",
+  "color.surface",
+  "color.surfaceRaised",
+  "color.border",
+  "color.borderFocus",
+  "color.text",
+  "color.textMuted",
+  "color.textInverse",
+  "radius.sm",
+  "radius.md",
+  "radius.lg",
+  "radius.xl",
+  "radius.2xl",
+  "radius.full",
+  "spacing.xs",
+  "spacing.sm",
+  "spacing.md",
+  "spacing.lg",
+  "spacing.xl",
+  "spacing.2xl",
+  "typography.fontSans",
+  "typography.fontMono",
+  "typography.sizeXs",
+  "typography.sizeSm",
+  "typography.sizeMd",
+  "typography.sizeLg",
+  "typography.sizeXl",
+  "typography.weightNormal",
+  "typography.weightMedium",
+  "typography.weightBold",
+  "typography.lineHeightTight",
+  "typography.lineHeightNormal",
+  "shadow.xs",
+  "shadow.sm",
+  "shadow.md",
+  "shadow.lg",
+  "shadow.xl",
+  "shadow.2xl",
+  "shadow.inner",
+  "elevation.dropdown",
+  "elevation.popover",
+  "elevation.modal",
+  "elevation.toast",
+  "elevation.tooltip",
+  "motion.durationFast",
+  "motion.durationNormal",
+  "motion.durationSlow",
+  "motion.easeStandard",
+  "motion.easeEmphasized",
+  "motion.durationInstant",
+  "border.widthThin",
+  "border.widthMedium",
+  "border.widthThick",
+  "border.style",
+  "effects.backdropBlur"
+];
+function getAtPath(obj, path) {
+  return path.split(".").reduce((acc, key) => {
+    if (acc === null || typeof acc !== "object") return void 0;
+    return acc[key];
+  }, obj);
+}
+function findMissingTokenPaths(theme) {
+  return REQUIRED_TOKEN_PATHS.filter((path) => {
+    const value = getAtPath(theme, path);
+    return value === null || value === void 0 || value === "";
+  });
+}
+
+// src/tokens/themes/light.ts
+var light = defineTheme({
+  meta: {
+    name: "light",
+    label: "Light",
+    description: "Default, neutral, high-legibility surface."
+  },
+  color: {
+    neutral: {
+      0: "#ffffff",
+      50: "#f9fafb",
+      100: "#f3f4f6",
+      200: "#e5e7eb",
+      300: "#d1d5db",
+      400: "#9ca3af",
+      500: "#6b7280",
+      600: "#4b5563",
+      700: "#374151",
+      800: "#1f2937",
+      900: "#111827",
+      950: "#030712"
+    },
+    success: { light: "#d1fae5", subtle: "#a7f3d0", base: "#10b981", dark: "#059669", deeper: "#064e3b" },
+    danger: { light: "#fee2e2", subtle: "#fecaca", base: "#ef4444", dark: "#dc2626", deeper: "#7f1d1d" },
+    warning: { light: "#fef3c7", subtle: "#fde68a", base: "#f59e0b", dark: "#d97706", deeper: "#78350f" },
+    info: { light: "#dbeafe", subtle: "#bfdbfe", base: "#3b82f6", dark: "#2563eb", deeper: "#1e3a5f" },
+    background: "#ffffff",
+    surface: "#ffffff",
+    surfaceRaised: "#ffffff",
+    border: "#e5e7eb",
+    // Neutral, not brand-tied — the actual focus-ring color
+    // interactive components use is the picked accent
+    // (--color-brand-500/600), not this. This exists for
+    // non-branded emphasis borders.
+    borderFocus: "#9ca3af",
+    text: "#111827",
+    textMuted: "#6b7280",
+    textInverse: "#ffffff"
+  },
+  radius: { sm: "6px", md: "10px", lg: "14px", xl: "18px", "2xl": "24px", full: "9999px" },
+  spacing: { xs: "4px", sm: "8px", md: "12px", lg: "16px", xl: "24px", "2xl": "32px" },
+  typography: {
+    fontSans: "'Inter', system-ui, sans-serif",
+    fontMono: "'JetBrains Mono', monospace",
+    sizeXs: "12px",
+    sizeSm: "14px",
+    sizeMd: "16px",
+    sizeLg: "18px",
+    sizeXl: "22px",
+    weightNormal: "400",
+    weightMedium: "500",
+    weightBold: "700",
+    lineHeightTight: "1.2",
+    lineHeightNormal: "1.5"
+  },
+  shadow: {
+    xs: "0 1px 2px rgba(0,0,0,0.05)",
+    sm: "0 2px 6px rgba(0,0,0,0.06)",
+    md: "0 4px 12px rgba(0,0,0,0.08)",
+    lg: "0 10px 24px rgba(0,0,0,0.10)",
+    xl: "0 20px 40px rgba(0,0,0,0.12)",
+    "2xl": "0 28px 56px rgba(0,0,0,0.16)",
+    inner: "inset 0 1px 2px rgba(0,0,0,0.05)"
+  },
+  elevation: { dropdown: 1e3, popover: 1100, modal: 1200, toast: 1300, tooltip: 1400 },
+  motion: {
+    durationFast: "120ms",
+    durationNormal: "200ms",
+    durationSlow: "320ms",
+    easeStandard: "cubic-bezier(0.4, 0, 0.2, 1)",
+    easeEmphasized: "cubic-bezier(0.2, 0, 0, 1)",
+    durationInstant: "0ms"
+  },
+  border: { widthThin: "1px", widthMedium: "1.5px", widthThick: "2px", style: "solid" },
+  effects: { backdropBlur: "0px" }
+});
+
+// src/tokens/themes/dark.ts
+var dark = defineTheme({
+  meta: {
+    name: "dark",
+    label: "Dark",
+    description: "Low-glare surface for extended use."
+  },
+  color: {
+    neutral: {
+      0: "#030712",
+      50: "#111827",
+      100: "#1f2937",
+      200: "#374151",
+      300: "#4b5563",
+      400: "#6b7280",
+      500: "#9ca3af",
+      600: "#d1d5db",
+      700: "#e5e7eb",
+      800: "#f3f4f6",
+      900: "#f9fafb",
+      950: "#ffffff"
+    },
+    success: { light: "#064e3b", subtle: "#065f46", base: "#34d399", dark: "#6ee7b7", deeper: "#d1fae5" },
+    danger: { light: "#7f1d1d", subtle: "#991b1b", base: "#f87171", dark: "#fca5a5", deeper: "#fee2e2" },
+    warning: { light: "#78350f", subtle: "#92400e", base: "#fbbf24", dark: "#fcd34d", deeper: "#fef3c7" },
+    info: { light: "#1e3a5f", subtle: "#1e40af", base: "#60a5fa", dark: "#93c5fd", deeper: "#dbeafe" },
+    background: "#0b0f19",
+    surface: "#131826",
+    surfaceRaised: "#1c2333",
+    border: "#2a3143",
+    borderFocus: "#6b7280",
+    text: "#f3f4f6",
+    textMuted: "#9ca3af",
+    textInverse: "#111827"
+  },
+  radius: { sm: "6px", md: "10px", lg: "14px", xl: "18px", "2xl": "24px", full: "9999px" },
+  spacing: { xs: "4px", sm: "8px", md: "12px", lg: "16px", xl: "24px", "2xl": "32px" },
+  typography: {
+    fontSans: "'Inter', system-ui, sans-serif",
+    fontMono: "'JetBrains Mono', monospace",
+    sizeXs: "12px",
+    sizeSm: "14px",
+    sizeMd: "16px",
+    sizeLg: "18px",
+    sizeXl: "22px",
+    weightNormal: "400",
+    weightMedium: "500",
+    weightBold: "700",
+    lineHeightTight: "1.2",
+    lineHeightNormal: "1.5"
+  },
+  shadow: {
+    xs: "0 1px 2px rgba(0,0,0,0.4)",
+    sm: "0 2px 6px rgba(0,0,0,0.45)",
+    md: "0 4px 12px rgba(0,0,0,0.5)",
+    lg: "0 10px 24px rgba(0,0,0,0.55)",
+    xl: "0 20px 40px rgba(0,0,0,0.6)",
+    "2xl": "0 28px 56px rgba(0,0,0,0.65)",
+    inner: "inset 0 1px 2px rgba(0,0,0,0.4)"
+  },
+  elevation: { dropdown: 1e3, popover: 1100, modal: 1200, toast: 1300, tooltip: 1400 },
+  motion: {
+    durationFast: "120ms",
+    durationNormal: "200ms",
+    durationSlow: "320ms",
+    easeStandard: "cubic-bezier(0.4, 0, 0.2, 1)",
+    easeEmphasized: "cubic-bezier(0.2, 0, 0, 1)",
+    durationInstant: "0ms"
+  },
+  border: { widthThin: "1px", widthMedium: "1.5px", widthThick: "2px", style: "solid" },
+  effects: { backdropBlur: "0px" }
+});
+
+// src/tokens/themes/glass.ts
+var glass = defineTheme({
+  meta: {
+    name: "glass",
+    label: "Glass",
+    description: "Translucent, softly rounded, floating surfaces. Needs a rich background behind it."
+  },
+  color: {
+    neutral: {
+      0: "#ffffff",
+      50: "#f9fafb",
+      100: "#f3f4f6",
+      200: "#e5e7eb",
+      300: "#d1d5db",
+      400: "#9ca3af",
+      500: "#6b7280",
+      600: "#4b5563",
+      700: "#374151",
+      800: "#1f2937",
+      900: "#111827",
+      950: "#030712"
+    },
+    success: { light: "#d1fae5", subtle: "#a7f3d0", base: "#10b981", dark: "#059669", deeper: "#064e3b" },
+    danger: { light: "#fee2e2", subtle: "#fecaca", base: "#ef4444", dark: "#dc2626", deeper: "#7f1d1d" },
+    warning: { light: "#fef3c7", subtle: "#fde68a", base: "#f59e0b", dark: "#d97706", deeper: "#78350f" },
+    info: { light: "#dbeafe", subtle: "#bfdbfe", base: "#3b82f6", dark: "#2563eb", deeper: "#1e3a5f" },
+    background: "transparent",
+    surface: "rgba(255,255,255,0.55)",
+    surfaceRaised: "rgba(255,255,255,0.75)",
+    border: "rgba(255,255,255,0.35)",
+    borderFocus: "#9ca3af",
+    text: "#111827",
+    textMuted: "rgba(17,24,39,0.65)",
+    textInverse: "#ffffff"
+  },
+  // Notably rounder than light/dark — this is a shape difference, not just color.
+  radius: { sm: "10px", md: "16px", lg: "22px", xl: "28px", "2xl": "36px", full: "9999px" },
+  spacing: { xs: "4px", sm: "8px", md: "12px", lg: "16px", xl: "24px", "2xl": "32px" },
+  typography: {
+    fontSans: "'Inter', system-ui, sans-serif",
+    fontMono: "'JetBrains Mono', monospace",
+    sizeXs: "12px",
+    sizeSm: "14px",
+    sizeMd: "16px",
+    sizeLg: "18px",
+    sizeXl: "22px",
+    weightNormal: "400",
+    weightMedium: "500",
+    weightBold: "700",
+    lineHeightTight: "1.2",
+    lineHeightNormal: "1.5"
+  },
+  shadow: {
+    xs: "0 2px 8px rgba(0,0,0,0.06)",
+    sm: "0 4px 16px rgba(0,0,0,0.08)",
+    md: "0 8px 32px rgba(0,0,0,0.10)",
+    lg: "0 16px 48px rgba(0,0,0,0.12)",
+    xl: "0 24px 64px rgba(0,0,0,0.14)",
+    "2xl": "0 32px 80px rgba(0,0,0,0.18)",
+    inner: "inset 0 1px 0 rgba(255,255,255,0.4)"
+  },
+  elevation: { dropdown: 1e3, popover: 1100, modal: 1200, toast: 1300, tooltip: 1400 },
+  motion: {
+    // Slightly slower/softer than light/dark — matches "everything floats".
+    durationFast: "160ms",
+    durationNormal: "260ms",
+    durationSlow: "400ms",
+    easeStandard: "cubic-bezier(0.25, 0.1, 0.25, 1)",
+    easeEmphasized: "cubic-bezier(0.16, 1, 0.3, 1)",
+    durationInstant: "0ms"
+  },
+  border: { widthThin: "1px", widthMedium: "1px", widthThick: "1.5px", style: "solid" },
+  effects: { backdropBlur: "16px" }
+});
+
+// src/tokens/themes/dark-glass.ts
+var darkGlass = defineTheme({
+  ...dark,
+  meta: {
+    name: "dark-glass",
+    label: "Dark Glass",
+    description: "Translucent glass panels floating over a dark background."
+  },
+  color: {
+    ...dark.color,
+    background: "#05070d",
+    surface: "rgba(255,255,255,0.06)",
+    surfaceRaised: "rgba(255,255,255,0.10)",
+    border: "rgba(255,255,255,0.12)"
+  },
+  radius: { sm: "10px", md: "16px", lg: "22px", xl: "28px", "2xl": "36px", full: "9999px" },
+  shadow: {
+    xs: "0 2px 8px rgba(0,0,0,0.5)",
+    sm: "0 4px 16px rgba(0,0,0,0.55)",
+    md: "0 8px 32px rgba(0,0,0,0.6)",
+    lg: "0 16px 48px rgba(0,0,0,0.65)",
+    xl: "0 24px 64px rgba(0,0,0,0.7)",
+    "2xl": "0 32px 80px rgba(0,0,0,0.75)",
+    inner: "inset 0 1px 0 rgba(255,255,255,0.08)"
+  },
+  motion: { ...dark.motion, durationFast: "160ms", durationNormal: "260ms", durationSlow: "400ms" },
+  effects: { backdropBlur: "18px" }
+});
+
+// src/tokens/themes/minimalism.ts
+var minimalism = defineTheme({
+  ...light,
+  meta: {
+    name: "minimalism",
+    label: "Minimalism",
+    description: "Reduced to essentials \u2014 thin borders, flat surfaces, no shadow, tight radius."
+  },
+  color: {
+    ...light.color,
+    border: "#e2e2e2",
+    surface: "#ffffff",
+    surfaceRaised: "#ffffff"
+  },
+  radius: { sm: "2px", md: "3px", lg: "4px", xl: "6px", "2xl": "8px", full: "9999px" },
+  shadow: { xs: "none", sm: "none", md: "none", lg: "none", xl: "none", "2xl": "none", inner: "none" },
+  border: { widthThin: "1px", widthMedium: "1px", widthThick: "1px", style: "solid" },
+  effects: { backdropBlur: "0px" }
+});
+
+// src/tokens/themes/brutalism.ts
+var brutalism = defineTheme({
+  ...light,
+  meta: {
+    name: "brutalism",
+    label: "Brutalism",
+    description: "Raw, unstyled web aesthetic \u2014 square corners, zero shadow, monospace type."
+  },
+  color: {
+    ...light.color,
+    background: "#ffffff",
+    surface: "#ffffff",
+    surfaceRaised: "#ffffff",
+    border: "#000000",
+    borderFocus: "#ff0000",
+    text: "#000000"
+  },
+  radius: { sm: "0px", md: "0px", lg: "0px", xl: "0px", "2xl": "0px", full: "0px" },
+  typography: { ...light.typography, fontSans: "'Courier New', monospace", fontMono: "'Courier New', monospace" },
+  shadow: { xs: "none", sm: "none", md: "none", lg: "none", xl: "none", "2xl": "none", inner: "none" },
+  border: { widthThin: "1px", widthMedium: "2px", widthThick: "3px", style: "solid" },
+  motion: { ...light.motion, durationFast: "0ms", durationNormal: "0ms", durationSlow: "0ms" },
+  effects: { backdropBlur: "0px" }
+});
+
+// src/tokens/themes/neobrutalism.ts
+var neobrutalism = defineTheme({
+  ...light,
+  meta: {
+    name: "neobrutalism",
+    label: "Neo Brutalism",
+    description: "Bold black borders, flat offset shadows, saturated color blocks."
+  },
+  color: {
+    ...light.color,
+    background: "#fef3c7",
+    surface: "#ffffff",
+    surfaceRaised: "#ffffff",
+    border: "#000000",
+    borderFocus: "#000000"
+  },
+  radius: { sm: "4px", md: "6px", lg: "8px", xl: "10px", "2xl": "12px", full: "9999px" },
+  shadow: {
+    xs: "2px 2px 0 #000000",
+    sm: "3px 3px 0 #000000",
+    md: "4px 4px 0 #000000",
+    lg: "6px 6px 0 #000000",
+    xl: "8px 8px 0 #000000",
+    "2xl": "10px 10px 0 #000000",
+    inner: "inset 2px 2px 0 #000000"
+  },
+  border: { widthThin: "2px", widthMedium: "3px", widthThick: "4px", style: "solid" },
+  motion: { ...light.motion, durationFast: "80ms", durationNormal: "140ms", durationSlow: "200ms", easeStandard: "linear", easeEmphasized: "linear" },
+  effects: { backdropBlur: "0px" }
+});
+
+// src/tokens/themes/cyberpunk.ts
+var cyberpunk = defineTheme({
+  ...dark,
+  meta: {
+    name: "cyberpunk",
+    label: "Cyberpunk",
+    description: "Neon-on-black, glowing edges, high-saturation magenta/cyan accents."
+  },
+  color: {
+    ...dark.color,
+    background: "#0a0014",
+    surface: "#12001f",
+    surfaceRaised: "#1a0230",
+    border: "#ff2bd6",
+    borderFocus: "#00f0ff",
+    text: "#e8faff",
+    textMuted: "#9a8cc9"
+  },
+  radius: { sm: "2px", md: "4px", lg: "6px", xl: "8px", "2xl": "10px", full: "9999px" },
+  shadow: {
+    xs: "0 0 6px rgba(255,43,214,0.5)",
+    sm: "0 0 12px rgba(255,43,214,0.55)",
+    md: "0 0 20px rgba(0,240,255,0.5)",
+    lg: "0 0 32px rgba(0,240,255,0.55)",
+    xl: "0 0 48px rgba(255,43,214,0.6)",
+    "2xl": "0 0 64px rgba(0,240,255,0.65)",
+    inner: "inset 0 0 8px rgba(255,43,214,0.4)"
+  },
+  border: { widthThin: "1px", widthMedium: "1.5px", widthThick: "2px", style: "solid" },
+  motion: { ...dark.motion, easeStandard: "cubic-bezier(0.83,0,0.17,1)", easeEmphasized: "cubic-bezier(0.9,0,0.1,1)" },
+  effects: { backdropBlur: "0px" }
+});
+
+// src/tokens/themes/gradient.ts
+var gradient = defineTheme({
+  ...light,
+  meta: {
+    name: "gradient",
+    label: "Gradient",
+    description: "Vibrant, colorful transitions across surfaces and accents."
+  },
+  color: {
+    ...light.color,
+    background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+    surface: "linear-gradient(135deg, rgba(255,255,255,0.92), rgba(255,255,255,0.75))",
+    surfaceRaised: "#ffffff",
+    border: "rgba(118,75,162,0.25)",
+    borderFocus: "#764ba2"
+  },
+  radius: { sm: "12px", md: "18px", lg: "24px", xl: "32px", "2xl": "40px", full: "9999px" },
+  shadow: {
+    xs: "0 2px 10px rgba(118,75,162,0.15)",
+    sm: "0 4px 20px rgba(118,75,162,0.18)",
+    md: "0 8px 30px rgba(118,75,162,0.22)",
+    lg: "0 16px 40px rgba(118,75,162,0.26)",
+    xl: "0 24px 56px rgba(118,75,162,0.3)",
+    "2xl": "0 32px 72px rgba(118,75,162,0.35)",
+    inner: "inset 0 1px 0 rgba(255,255,255,0.5)"
+  },
+  motion: { ...light.motion, durationNormal: "240ms", durationSlow: "380ms" },
+  effects: { backdropBlur: "0px" }
+});
+
+// src/tokens/themes/material.ts
+var material = defineTheme({
+  ...light,
+  meta: {
+    name: "material",
+    label: "Material",
+    description: "Google Material Design-inspired elevation shadows and motion curves."
+  },
+  color: {
+    ...light.color,
+    surface: "#ffffff",
+    background: "#fafafa"
+  },
+  radius: { sm: "4px", md: "8px", lg: "12px", xl: "16px", "2xl": "28px", full: "9999px" },
+  typography: { ...light.typography, fontSans: "'Roboto', system-ui, sans-serif" },
+  shadow: {
+    xs: "0 1px 2px rgba(0,0,0,0.24)",
+    sm: "0 1px 4px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.12)",
+    md: "0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)",
+    lg: "0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)",
+    xl: "0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)",
+    "2xl": "0 19px 38px rgba(0,0,0,0.3), 0 15px 12px rgba(0,0,0,0.22)",
+    inner: "inset 0 1px 2px rgba(0,0,0,0.12)"
+  },
+  motion: { ...light.motion, easeStandard: "cubic-bezier(0.4,0,0.2,1)", easeEmphasized: "cubic-bezier(0.0,0,0.2,1)" },
+  effects: { backdropBlur: "0px" }
+});
+
+// src/tokens/themes/skeuomorphism.ts
+var skeuomorphism = defineTheme({
+  ...light,
+  meta: {
+    name: "skeuomorphism",
+    label: "Skeuomorphism",
+    description: "Realistic depth \u2014 soft embossed surfaces mimicking physical material."
+  },
+  color: {
+    ...light.color,
+    background: "#e8e4da",
+    surface: "#f0ece2",
+    surfaceRaised: "#f7f4ec",
+    border: "#c9c2b0",
+    text: "#3a3226"
+  },
+  radius: { sm: "8px", md: "12px", lg: "18px", xl: "24px", "2xl": "32px", full: "9999px" },
+  shadow: {
+    xs: "inset 0 1px 1px rgba(255,255,255,0.8), 0 1px 3px rgba(58,50,38,0.25)",
+    sm: "inset 0 1px 1px rgba(255,255,255,0.8), 0 2px 6px rgba(58,50,38,0.28)",
+    md: "inset 0 1px 1px rgba(255,255,255,0.8), 0 4px 10px rgba(58,50,38,0.3)",
+    lg: "inset 0 1px 1px rgba(255,255,255,0.8), 0 8px 18px rgba(58,50,38,0.32)",
+    xl: "inset 0 1px 1px rgba(255,255,255,0.8), 0 14px 28px rgba(58,50,38,0.35)",
+    "2xl": "inset 0 1px 1px rgba(255,255,255,0.8), 0 20px 40px rgba(58,50,38,0.38)",
+    inner: "inset 0 2px 4px rgba(58,50,38,0.3)"
+  },
+  motion: { ...light.motion, durationNormal: "220ms", easeStandard: "cubic-bezier(0.34,1.56,0.64,1)" },
+  effects: { backdropBlur: "0px" }
+});
+
+// src/tokens/registry.ts
+var registry = /* @__PURE__ */ new Map();
+function assertComplete(theme) {
+  const missing = findMissingTokenPaths(theme);
+  if (missing.length > 0) {
+    throw new Error(
+      `Theme "${theme.meta?.name ?? "unknown"}" is missing/empty required token(s): ${missing.join(", ")}`
+    );
+  }
+}
+function registerTheme(theme) {
+  assertComplete(theme);
+  registry.set(theme.meta.name, theme);
+}
+function getTheme(name) {
+  return registry.get(name);
+}
+function listThemes() {
+  return Array.from(registry.values());
+}
+registerTheme(light);
+registerTheme(dark);
+registerTheme(glass);
+registerTheme(darkGlass);
+registerTheme(minimalism);
+registerTheme(brutalism);
+registerTheme(neobrutalism);
+registerTheme(cyberpunk);
+registerTheme(gradient);
+registerTheme(material);
+registerTheme(skeuomorphism);
+
+// src/tokens/accents/indigo.ts
+var indigo = {
+  name: "indigo",
+  label: "Indigo",
+  scale: {
+    50: "#f0f4ff",
+    100: "#e0e8ff",
+    200: "#c7d5fe",
+    300: "#a5b4fc",
+    400: "#818cf8",
+    500: "#6366f1",
+    600: "#4f46e5",
+    700: "#4338ca",
+    800: "#3730a3",
+    900: "#312e81"
+  }
+};
+
+// src/tokens/accents/violet.ts
+var violet = {
+  name: "violet",
+  label: "Violet",
+  scale: {
+    50: "#faf5ff",
+    100: "#f3e8ff",
+    200: "#e9d5ff",
+    300: "#d8b4fe",
+    400: "#c084fc",
+    500: "#a855f7",
+    600: "#9333ea",
+    700: "#7e22ce",
+    800: "#6b21a8",
+    900: "#581c87"
+  }
+};
+
+// src/tokens/accents/teal.ts
+var teal = {
+  name: "teal",
+  label: "Teal",
+  scale: {
+    50: "#f0fdfa",
+    100: "#ccfbf1",
+    200: "#99f6e4",
+    300: "#5eead4",
+    400: "#2dd4bf",
+    500: "#14b8a6",
+    600: "#0d9488",
+    700: "#0f766e",
+    800: "#115e59",
+    900: "#134e4a"
+  }
+};
+
+// src/tokens/accents/rose.ts
+var rose = {
+  name: "rose",
+  label: "Rose",
+  scale: {
+    50: "#fff1f2",
+    100: "#ffe4e6",
+    200: "#fecdd3",
+    300: "#fda4af",
+    400: "#fb7185",
+    500: "#f43f5e",
+    600: "#e11d48",
+    700: "#be123c",
+    800: "#9f1239",
+    900: "#881337"
+  }
+};
+
+// src/tokens/accents/amber.ts
+var amber = {
+  name: "amber",
+  label: "Amber",
+  scale: {
+    50: "#fffbeb",
+    100: "#fef3c7",
+    200: "#fde68a",
+    300: "#fcd34d",
+    400: "#fbbf24",
+    500: "#f59e0b",
+    600: "#d97706",
+    700: "#b45309",
+    800: "#92400e",
+    900: "#78350f"
+  }
+};
+
+// src/tokens/accents/emerald.ts
+var emerald = {
+  name: "emerald",
+  label: "Emerald",
+  scale: {
+    50: "#ecfdf5",
+    100: "#d1fae5",
+    200: "#a7f3d0",
+    300: "#6ee7b7",
+    400: "#34d399",
+    500: "#10b981",
+    600: "#059669",
+    700: "#047857",
+    800: "#065f46",
+    900: "#064e3b"
+  }
+};
+
+// src/tokens/accents/copper.ts
+var copper = {
+  name: "copper",
+  label: "Copper",
+  scale: {
+    50: "#fdf6ec",
+    100: "#faebd2",
+    200: "#f3d3a0",
+    300: "#e9b56b",
+    400: "#d99a45",
+    500: "#b9752c",
+    600: "#9c5d24",
+    700: "#7d4a1f",
+    800: "#623a1c",
+    900: "#4e2f19"
+  }
+};
+
+// src/tokens/accents/graphite.ts
+var graphite = {
+  name: "graphite",
+  label: "Graphite",
+  scale: {
+    50: "#fafafa",
+    100: "#f0f0f0",
+    200: "#e0e0e0",
+    300: "#c7c7c7",
+    400: "#a3a3a3",
+    500: "#525252",
+    600: "#404040",
+    700: "#262626",
+    800: "#171717",
+    900: "#0a0a0a"
+  }
+};
+
+// src/tokens/accents/magenta.ts
+var magenta = {
+  name: "magenta",
+  label: "Magenta",
+  scale: {
+    50: "#ffe0fb",
+    100: "#ffb3f5",
+    200: "#ff80ee",
+    300: "#ff4de6",
+    400: "#ff26e0",
+    500: "#ff00d9",
+    600: "#e600c4",
+    700: "#cc00af",
+    800: "#b3009a",
+    900: "#800070"
+  }
+};
+
+// src/tokens/accents.ts
+var registry2 = /* @__PURE__ */ new Map();
+function assertCompleteScale(def) {
+  const missing = ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900"].filter(
+    (k) => !def.scale[k]
+  );
+  if (missing.length > 0) {
+    throw new Error(`Accent "${def.name}" is missing scale step(s): ${missing.join(", ")}`);
+  }
+}
+function registerAccent(def) {
+  assertCompleteScale(def);
+  registry2.set(def.name, def);
+}
+function getAccent(name) {
+  return registry2.get(name);
+}
+function listAccents() {
+  return Array.from(registry2.values());
+}
+registerAccent(indigo);
+registerAccent(violet);
+registerAccent(teal);
+registerAccent(rose);
+registerAccent(amber);
+registerAccent(emerald);
+registerAccent(copper);
+registerAccent(graphite);
+registerAccent(magenta);
+var DEFAULT_ACCENT = "indigo";
+
+// src/core/field.ts
+function resolveFieldState(props) {
+  return {
+    // ?? throughout, never || (CONTRACT.md Rule 3) — `error={false}`
+    // or `disabled={false}` must not be silently discarded.
+    isDisabled: props.disabled ?? false,
+    isRequired: props.required ?? false,
+    isInvalid: props.error ?? false,
+    size: props.size ?? "md"
+  };
+}
+function getFieldAriaProps(state, describedBy) {
+  return {
+    "aria-invalid": state.isInvalid ? true : void 0,
+    "aria-required": state.isRequired ? true : void 0,
+    "aria-describedby": describedBy
+  };
+}
+
+// src/core/colorpicker.ts
+var DEFAULT_PRESETS = [
+  "#ef4444",
+  "#f97316",
+  "#f59e0b",
+  "#eab308",
+  "#84cc16",
+  "#22c55e",
+  "#10b981",
+  "#14b8a6",
+  "#06b6d4",
+  "#3b82f6",
+  "#6366f1",
+  "#8b5cf6",
+  "#a855f7",
+  "#d946ef",
+  "#ec4899",
+  "#6b7280",
+  "#171717",
+  "#ffffff"
+];
+function resolveColorPickerState(props) {
+  return {
+    ...resolveFieldState(props),
+    presets: props.presets ?? DEFAULT_PRESETS,
+    variant: props.variant ?? "both"
+  };
+}
+var HEX_RE = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i;
+function normalizeHex(text) {
+  const trimmed = text.trim();
+  const match = trimmed.match(HEX_RE);
+  if (!match) return null;
+  let hex = match[1].toLowerCase();
+  if (hex.length === 3) {
+    hex = hex.split("").map((c) => c + c).join("");
+  }
+  return `#${hex}`;
+}
+function isSameColor(a, b) {
+  if (!a || !b) return a === b;
+  const na = normalizeHex(a);
+  const nb = normalizeHex(b);
+  return na !== null && na === nb;
+}
+function getSwatchClasses(input) {
+  return [
+    "nx-colorpicker__swatch-option",
+    input.isSelected && "nx-colorpicker__swatch-option--selected",
+    input.isActive && "nx-colorpicker__swatch-option--active"
+  ].filter(Boolean).join(" ");
+}
+function getSwatchGridAriaProps(label) {
+  return { role: "listbox", "aria-label": label };
+}
+function getSwatchAriaProps(input) {
+  return {
+    role: "option",
+    "aria-selected": input.isSelected,
+    "aria-label": input.label,
+    tabIndex: input.isFocusable ? 0 : -1
+  };
+}
+function getFieldTriggerAriaProps(state, describedBy) {
+  return getFieldAriaProps(state, describedBy);
+}
+var COLOR_FORMATS = ["hex", "rgb", "hsl"];
+function clampNum(n, min, max) {
+  return Math.min(Math.max(n, min), max);
+}
+function hexToRgb(hex) {
+  const normalized = normalizeHex(hex);
+  if (!normalized) return null;
+  return {
+    r: parseInt(normalized.slice(1, 3), 16),
+    g: parseInt(normalized.slice(3, 5), 16),
+    b: parseInt(normalized.slice(5, 7), 16)
+  };
+}
+function rgbToHex({ r, g, b }) {
+  const channel = (n) => clampNum(Math.round(n), 0, 255).toString(16).padStart(2, "0");
+  return `#${channel(r)}${channel(g)}${channel(b)}`;
+}
+function rgbToHsv({ r, g, b }) {
+  const rn = r / 255, gn = g / 255, bn = b / 255;
+  const max = Math.max(rn, gn, bn), min = Math.min(rn, gn, bn);
+  const d = max - min;
+  let h = 0;
+  if (d !== 0) {
+    if (max === rn) h = (gn - bn) / d % 6;
+    else if (max === gn) h = (bn - rn) / d + 2;
+    else h = (rn - gn) / d + 4;
+    h *= 60;
+    if (h < 0) h += 360;
+  }
+  const s = max === 0 ? 0 : d / max;
+  return { h, s: s * 100, v: max * 100 };
+}
+function hsvToRgb({ h, s, v }) {
+  const s1 = clampNum(s, 0, 100) / 100;
+  const v1 = clampNum(v, 0, 100) / 100;
+  const hh = (h % 360 + 360) % 360 / 60;
+  const c = v1 * s1;
+  const x = c * (1 - Math.abs(hh % 2 - 1));
+  const m = v1 - c;
+  let [r1, g1, b1] = [0, 0, 0];
+  if (hh < 1) [r1, g1, b1] = [c, x, 0];
+  else if (hh < 2) [r1, g1, b1] = [x, c, 0];
+  else if (hh < 3) [r1, g1, b1] = [0, c, x];
+  else if (hh < 4) [r1, g1, b1] = [0, x, c];
+  else if (hh < 5) [r1, g1, b1] = [x, 0, c];
+  else [r1, g1, b1] = [c, 0, x];
+  return { r: (r1 + m) * 255, g: (g1 + m) * 255, b: (b1 + m) * 255 };
+}
+function rgbToHsl({ r, g, b }) {
+  const rn = r / 255, gn = g / 255, bn = b / 255;
+  const max = Math.max(rn, gn, bn), min = Math.min(rn, gn, bn);
+  const l = (max + min) / 2;
+  const d = max - min;
+  let h = 0, s = 0;
+  if (d !== 0) {
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    if (max === rn) h = (gn - bn) / d % 6;
+    else if (max === gn) h = (bn - rn) / d + 2;
+    else h = (rn - gn) / d + 4;
+    h *= 60;
+    if (h < 0) h += 360;
+  }
+  return { h, s: s * 100, l: l * 100 };
+}
+function hslToRgb({ h, s, l }) {
+  const s1 = clampNum(s, 0, 100) / 100;
+  const l1 = clampNum(l, 0, 100) / 100;
+  const c = (1 - Math.abs(2 * l1 - 1)) * s1;
+  const hh = (h % 360 + 360) % 360 / 60;
+  const x = c * (1 - Math.abs(hh % 2 - 1));
+  const m = l1 - c / 2;
+  let [r1, g1, b1] = [0, 0, 0];
+  if (hh < 1) [r1, g1, b1] = [c, x, 0];
+  else if (hh < 2) [r1, g1, b1] = [x, c, 0];
+  else if (hh < 3) [r1, g1, b1] = [0, c, x];
+  else if (hh < 4) [r1, g1, b1] = [0, x, c];
+  else if (hh < 5) [r1, g1, b1] = [x, 0, c];
+  else [r1, g1, b1] = [c, 0, x];
+  return { r: (r1 + m) * 255, g: (g1 + m) * 255, b: (b1 + m) * 255 };
+}
+function hexToHsv(hex) {
+  const rgb = hexToRgb(hex);
+  return rgb ? rgbToHsv(rgb) : null;
+}
+function hsvToHex(hsv) {
+  return rgbToHex(hsvToRgb(hsv));
+}
+function hslToHex(hsl) {
+  return rgbToHex(hslToRgb(hsl));
+}
+var RGB_FUNCTION_RE = /^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*[\d.]+\s*)?\)$/i;
+var HSL_FUNCTION_RE = /^hsla?\(\s*(-?\d{1,3})\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*(?:,\s*[\d.]+\s*)?\)$/i;
+function parseColorInput(text) {
+  const trimmed = text.trim();
+  const hex = normalizeHex(trimmed);
+  if (hex) return hex;
+  const rgbMatch = trimmed.match(RGB_FUNCTION_RE);
+  if (rgbMatch) {
+    const [, r, g, b] = rgbMatch;
+    return rgbToHex({ r: clampNum(Number(r), 0, 255), g: clampNum(Number(g), 0, 255), b: clampNum(Number(b), 0, 255) });
+  }
+  const hslMatch = trimmed.match(HSL_FUNCTION_RE);
+  if (hslMatch) {
+    const [, h, s, l] = hslMatch;
+    return hslToHex({ h: clampNum(Number(h), 0, 360), s: clampNum(Number(s), 0, 100), l: clampNum(Number(l), 0, 100) });
+  }
+  return null;
+}
+function formatColorValue(hex, format) {
+  if (format === "hex") return hex;
+  const rgb = hexToRgb(hex);
+  if (!rgb) return hex;
+  if (format === "rgb") return `rgb(${Math.round(rgb.r)}, ${Math.round(rgb.g)}, ${Math.round(rgb.b)})`;
+  const hsl = rgbToHsl(rgb);
+  return `hsl(${Math.round(hsl.h)}, ${Math.round(hsl.s)}%, ${Math.round(hsl.l)}%)`;
+}
+function getSvKeyboardDelta(key, coarse) {
+  const step = coarse ? 10 : 2;
+  switch (key) {
+    case "ArrowLeft":
+      return { ds: -step, dv: 0 };
+    case "ArrowRight":
+      return { ds: step, dv: 0 };
+    case "ArrowUp":
+      return { ds: 0, dv: step };
+    case "ArrowDown":
+      return { ds: 0, dv: -step };
+    default:
+      return null;
+  }
+}
+function clampPercent(n) {
+  return clampNum(n, 0, 100);
+}
+function getFormatTabClasses(isActive) {
+  return ["nx-colorpicker__format-tab", isActive && "nx-colorpicker__format-tab--active"].filter(Boolean).join(" ");
+}
+function getFormatTablistAriaProps(label) {
+  return { role: "tablist", "aria-label": label };
+}
+function getFormatTabAriaProps(isActive) {
+  return { role: "tab", "aria-selected": isActive, tabIndex: isActive ? 0 : -1 };
+}
+function getSvThumbAriaProps(saturation, value) {
+  return {
+    role: "slider",
+    "aria-label": "Color saturation and brightness",
+    "aria-valuetext": `Saturation ${Math.round(saturation)}%, brightness ${Math.round(value)}%`,
+    tabIndex: 0
+  };
+}
+
+// src/core/table.ts
+function resolveTableState(props) {
+  return {
+    size: props.size ?? "md",
+    striped: props.striped ?? false,
+    bordered: props.bordered ?? false,
+    stickyHeader: props.stickyHeader ?? false
+  };
+}
+function getWrapperClasses(className) {
+  return ["nx-table-wrapper", className].filter(Boolean).join(" ");
+}
+function getTableClasses(state, className) {
+  return [
+    "nx-table",
+    `nx-table--${state.size}`,
+    state.striped && "nx-table--striped",
+    state.bordered && "nx-table--bordered",
+    state.stickyHeader && "nx-table--sticky-header",
+    className
+  ].filter(Boolean).join(" ");
+}
+function getRowClasses(selected, clickable, className) {
+  return [
+    "nx-table__row",
+    selected && "nx-table__row--selected",
+    clickable && "nx-table__row--clickable",
+    className
+  ].filter(Boolean).join(" ");
+}
+function getHeadCellClasses(sortable, className) {
+  return ["nx-table__head-cell", sortable && "nx-table__head-cell--sortable", className].filter(Boolean).join(" ");
+}
+function getCellClasses(className) {
+  return ["nx-table__cell", className].filter(Boolean).join(" ");
+}
+function getNextSortDirection(current) {
+  if (current === null) return "asc";
+  if (current === "asc") return "desc";
+  return null;
+}
+function getSortAriaProps(direction) {
+  return {
+    "aria-sort": direction === "asc" ? "ascending" : direction === "desc" ? "descending" : "none"
+  };
+}
+function getSelectAllState(totalCount, selectedCount) {
+  if (totalCount <= 0 || selectedCount <= 0) return "none";
+  if (selectedCount >= totalCount) return "all";
+  return "some";
+}
+
+export {
+  defineTheme,
+  TOKEN_CATEGORIES,
+  REQUIRED_TOKEN_PATHS,
+  findMissingTokenPaths,
+  light,
+  dark,
+  glass,
+  darkGlass,
+  minimalism,
+  brutalism,
+  neobrutalism,
+  cyberpunk,
+  gradient,
+  material,
+  skeuomorphism,
+  registerTheme,
+  getTheme,
+  listThemes,
+  indigo,
+  violet,
+  teal,
+  rose,
+  amber,
+  emerald,
+  copper,
+  graphite,
+  magenta,
+  registerAccent,
+  getAccent,
+  listAccents,
+  DEFAULT_ACCENT,
+  resolveFieldState,
+  getFieldAriaProps,
+  DEFAULT_PRESETS,
+  resolveColorPickerState,
+  normalizeHex,
+  isSameColor,
+  getSwatchClasses,
+  getSwatchGridAriaProps,
+  getSwatchAriaProps,
+  getFieldTriggerAriaProps,
+  COLOR_FORMATS,
+  hexToRgb,
+  rgbToHex,
+  rgbToHsl,
+  hexToHsv,
+  hsvToHex,
+  hslToHex,
+  parseColorInput,
+  formatColorValue,
+  getSvKeyboardDelta,
+  clampPercent,
+  getFormatTabClasses,
+  getFormatTablistAriaProps,
+  getFormatTabAriaProps,
+  getSvThumbAriaProps,
+  resolveTableState,
+  getWrapperClasses,
+  getTableClasses,
+  getRowClasses,
+  getHeadCellClasses,
+  getCellClasses,
+  getNextSortDirection,
+  getSortAriaProps,
+  getSelectAllState
+};
+//# sourceMappingURL=chunk-3F7OVF4J.js.map