@expcat/tigercat-core 2.1.2 → 2.1.3

package/dist/tailwind/modern.js

@@ -1,75 +1,6 @@
 // src/tailwind-plugin.ts
 import plugin from "tailwindcss/plugin";
 
-// src/theme-runtime/index.ts
-var THEME_CSS_VARS = {
-  // Primary colors
-  primary: "--tiger-primary",
-  primaryHover: "--tiger-primary-hover",
-  primaryActive: "--tiger-primary-active",
-  primaryDisabled: "--tiger-primary-disabled",
-  // Secondary colors
-  secondary: "--tiger-secondary",
-  secondaryHover: "--tiger-secondary-hover",
-  secondaryActive: "--tiger-secondary-active",
-  secondaryDisabled: "--tiger-secondary-disabled",
-  // Background hover states
-  outlineBgHover: "--tiger-outline-bg-hover",
-  ghostBgHover: "--tiger-ghost-bg-hover",
-  // Interaction states
-  focusRing: "--tiger-focus-ring",
-  // Surface & background
-  surface: "--tiger-surface",
-  surfaceMuted: "--tiger-surface-muted",
-  surfaceRaised: "--tiger-surface-raised",
-  // Text
-  text: "--tiger-text",
-  textSecondary: "--tiger-text-secondary",
-  textDisabled: "--tiger-text-disabled",
-  // Border
-  border: "--tiger-border",
-  borderStrong: "--tiger-border-strong",
-  // Status colors
-  success: "--tiger-success",
-  warning: "--tiger-warning",
-  error: "--tiger-error",
-  info: "--tiger-info",
-  // Chart palette
-  chart1: "--tiger-chart-1",
-  chart2: "--tiger-chart-2",
-  chart3: "--tiger-chart-3",
-  chart4: "--tiger-chart-4",
-  chart5: "--tiger-chart-5",
-  chart6: "--tiger-chart-6",
-  // Aliases of existing semantic tokens (not a third color system)
-  textMuted: "--tiger-text-muted",
-  fill: "--tiger-fill",
-  bg: "--tiger-bg",
-  // Breakpoints
-  breakpointXs: "--tiger-breakpoint-xs",
-  breakpointSm: "--tiger-breakpoint-sm",
-  breakpointMd: "--tiger-breakpoint-md",
-  breakpointLg: "--tiger-breakpoint-lg",
-  breakpointXl: "--tiger-breakpoint-xl"
-};
-var THEME_CSS_VAR_ALIAS_SOURCES = {
-  textMuted: "textSecondary",
-  fill: "surfaceMuted",
-  bg: "surface"
-};
-function semanticColorsToCssVars(colors = {}) {
-  const vars = {};
-  for (const [key, value] of Object.entries(colors)) {
-    const varName = THEME_CSS_VARS[key];
-    if (varName && value) vars[varName] = value;
-  }
-  for (const aliasKey of Object.keys(THEME_CSS_VAR_ALIAS_SOURCES)) {
-    const sourceKey = THEME_CSS_VAR_ALIAS_SOURCES[aliasKey];
-    vars[THEME_CSS_VARS[aliasKey]] = `var(${THEME_CSS_VARS[sourceKey]})`;
-  }
-  return vars;
-}
-
 // src/themes/modern/tokens.ts
 var MODERN_BASE_TOKENS_LIGHT = {
   // Radius (matches existing rounded-md/lg/xl)
@@ -205,73 +136,1346 @@ var MODERN_REDUCED_MOTION_TOKENS = {
   "--tiger-transition-emphasized": "transform 0ms linear"
 };
 
+// src/tokens/tokens.ts
+var runtimeThemeLight = {
+  colors: {
+    primary: "#2563eb",
+    primaryHover: "#1d4ed8",
+    primaryActive: "#1e40af",
+    primaryDisabled: "#93c5fd",
+    primaryForeground: "#ffffff",
+    secondary: "#4b5563",
+    secondaryHover: "#374151",
+    secondaryActive: "#1f2937",
+    secondaryDisabled: "#9ca3af",
+    secondaryForeground: "#ffffff",
+    outlineBgHover: "#eff6ff",
+    ghostBgHover: "#eff6ff",
+    focusRing: "#2563eb",
+    surface: "#ffffff",
+    surfaceMuted: "#f9fafb",
+    surfaceRaised: "#ffffff",
+    text: "#111827",
+    textSecondary: "#6b7280",
+    textDisabled: "#d1d5db",
+    border: "#e5e7eb",
+    borderStrong: "#9ca3af",
+    success: "#16a34a",
+    warning: "#d97706",
+    error: "#dc2626",
+    errorForeground: "#ffffff",
+    errorHover: "#b91c1c",
+    errorDisabled: "#fca5a5",
+    errorBgHover: "#fef2f2",
+    info: "#3b82f6",
+    chart1: "#2563eb",
+    chart2: "#16a34a",
+    chart3: "#d97706",
+    chart4: "#a855f7",
+    chart5: "#0ea5e9",
+    chart6: "#ef4444"
+  },
+  typography: {
+    fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+    fontFamilyMono: "'SF Mono', Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
+    fontSizeBase: "16px",
+    fontSizeSm: "14px",
+    fontSizeLg: "18px",
+    fontWeightNormal: "400",
+    fontWeightMedium: "500",
+    fontWeightSemibold: "600",
+    fontWeightBold: "700",
+    lineHeightNormal: "1.5",
+    lineHeightTight: "1.25"
+  },
+  radius: {
+    none: "0",
+    sm: "4px",
+    md: "6px",
+    lg: "10px",
+    xl: "14px",
+    full: "9999px"
+  },
+  shadows: {
+    xs: "0 1px 2px 0 rgba(0,0,0,0.05)",
+    sm: "0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)",
+    md: "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",
+    lg: "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)",
+    xl: "0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)"
+  },
+  spacing: {
+    xs: "2px",
+    sm: "4px",
+    md: "8px",
+    lg: "16px",
+    xl: "24px"
+  },
+  motion: {
+    durationFast: "150ms",
+    durationBase: "200ms",
+    durationSlow: "300ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)"
+  }
+};
+var runtimeThemeDark = {
+  colors: {
+    primary: "#60a5fa",
+    primaryHover: "#93c5fd",
+    primaryActive: "#bfdbfe",
+    primaryDisabled: "#1e40af",
+    primaryForeground: "#111827",
+    secondary: "#9ca3af",
+    secondaryHover: "#d1d5db",
+    secondaryActive: "#e5e7eb",
+    secondaryDisabled: "#4b5563",
+    secondaryForeground: "#111827",
+    outlineBgHover: "#1e3a5f",
+    ghostBgHover: "#1e3a5f",
+    focusRing: "#60a5fa",
+    surface: "#111827",
+    surfaceMuted: "#1f2937",
+    surfaceRaised: "#1f2937",
+    text: "#f9fafb",
+    textSecondary: "#d1d5db",
+    textDisabled: "#4b5563",
+    border: "#374151",
+    borderStrong: "#6b7280",
+    success: "#4ade80",
+    warning: "#fbbf24",
+    error: "#f87171",
+    errorForeground: "#111827",
+    errorHover: "#fca5a5",
+    errorDisabled: "#991b1b",
+    errorBgHover: "#1f2937",
+    info: "#60a5fa",
+    chart1: "#60a5fa",
+    chart2: "#4ade80",
+    chart3: "#fbbf24",
+    chart4: "#c084fc",
+    chart5: "#38bdf8",
+    chart6: "#f87171"
+  },
+  typography: {
+    fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+    fontFamilyMono: "'SF Mono', Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
+    fontSizeBase: "16px",
+    fontSizeSm: "14px",
+    fontSizeLg: "18px",
+    fontWeightNormal: "400",
+    fontWeightMedium: "500",
+    fontWeightSemibold: "600",
+    fontWeightBold: "700",
+    lineHeightNormal: "1.5",
+    lineHeightTight: "1.25"
+  },
+  radius: {
+    none: "0",
+    sm: "4px",
+    md: "6px",
+    lg: "10px",
+    xl: "14px",
+    full: "9999px"
+  },
+  shadows: {
+    xs: "0 1px 2px 0 rgba(0,0,0,0.2)",
+    sm: "0 1px 3px 0 rgba(0,0,0,0.3), 0 1px 2px -1px rgba(0,0,0,0.25)",
+    md: "0 4px 6px -1px rgba(0,0,0,0.3), 0 2px 4px -2px rgba(0,0,0,0.25)",
+    lg: "0 10px 15px -3px rgba(0,0,0,0.3), 0 4px 6px -4px rgba(0,0,0,0.25)",
+    xl: "0 20px 25px -5px rgba(0,0,0,0.3), 0 8px 10px -6px rgba(0,0,0,0.25)"
+  },
+  spacing: {
+    xs: "2px",
+    sm: "4px",
+    md: "8px",
+    lg: "16px",
+    xl: "24px"
+  },
+  motion: {
+    durationFast: "150ms",
+    durationBase: "200ms",
+    durationSlow: "300ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)"
+  }
+};
+
 // src/themes/default/theme.ts
 var defaultThemeLightColors = {
-  primary: "#2563eb",
-  primaryHover: "#1d4ed8",
-  primaryActive: "#1e40af",
-  primaryDisabled: "#93c5fd",
-  secondary: "#4b5563",
-  secondaryHover: "#374151",
-  secondaryActive: "#1f2937",
-  secondaryDisabled: "#9ca3af",
-  outlineBgHover: "#eff6ff",
-  ghostBgHover: "#eff6ff",
-  focusRing: "#2563eb",
-  surface: "#ffffff",
-  surfaceMuted: "#f9fafb",
-  surfaceRaised: "#ffffff",
-  text: "#111827",
-  textSecondary: "#6b7280",
-  textDisabled: "#d1d5db",
-  border: "#e5e7eb",
-  borderStrong: "#9ca3af",
-  success: "#16a34a",
-  warning: "#d97706",
-  error: "#dc2626",
-  info: "#3b82f6",
-  chart1: "#2563eb",
-  chart2: "#16a34a",
-  chart3: "#d97706",
-  chart4: "#a855f7",
-  chart5: "#0ea5e9",
-  chart6: "#ef4444"
+  ...runtimeThemeLight.colors
 };
 var defaultThemeDarkColors = {
-  primary: "#60a5fa",
-  primaryHover: "#93c5fd",
-  primaryActive: "#bfdbfe",
-  primaryDisabled: "#1e40af",
-  secondary: "#9ca3af",
-  secondaryHover: "#d1d5db",
-  secondaryActive: "#e5e7eb",
-  secondaryDisabled: "#4b5563",
-  outlineBgHover: "#1e3a5f",
-  ghostBgHover: "#1e3a5f",
-  focusRing: "#60a5fa",
-  surface: "#111827",
-  surfaceMuted: "#1f2937",
-  surfaceRaised: "#1f2937",
-  text: "#f9fafb",
-  textSecondary: "#d1d5db",
-  textDisabled: "#4b5563",
-  border: "#374151",
-  borderStrong: "#6b7280",
-  success: "#4ade80",
-  warning: "#fbbf24",
-  error: "#f87171",
-  info: "#60a5fa",
-  chart1: "#60a5fa",
-  chart2: "#4ade80",
-  chart3: "#fbbf24",
-  chart4: "#c084fc",
-  chart5: "#38bdf8",
-  chart6: "#f87171"
+  ...runtimeThemeDark.colors
+};
+var defaultTheme = {
+  name: "default",
+  label: "Default",
+  light: {
+    colors: defaultThemeLightColors,
+    typography: { ...runtimeThemeLight.typography },
+    radius: { ...runtimeThemeLight.radius },
+    shadows: { ...runtimeThemeLight.shadows },
+    spacing: { ...runtimeThemeLight.spacing },
+    motion: { ...runtimeThemeLight.motion }
+  },
+  dark: {
+    colors: defaultThemeDarkColors,
+    typography: { ...runtimeThemeDark.typography },
+    radius: { ...runtimeThemeDark.radius },
+    shadows: { ...runtimeThemeDark.shadows },
+    spacing: { ...runtimeThemeDark.spacing },
+    motion: { ...runtimeThemeDark.motion }
+  }
+};
+
+// src/themes/modern/theme.ts
+var modernTheme = {
+  name: "modern",
+  label: "Modern",
+  light: {
+    colors: {
+      primary: "#2563eb",
+      primaryHover: "#1d4ed8",
+      primaryActive: "#1e40af",
+      primaryDisabled: "#93c5fd",
+      primaryForeground: "#ffffff",
+      secondary: "#4b5563",
+      secondaryHover: "#374151",
+      secondaryActive: "#1f2937",
+      secondaryDisabled: "#9ca3af",
+      secondaryForeground: "#ffffff",
+      outlineBgHover: "#eff6ff",
+      ghostBgHover: "#eff6ff",
+      focusRing: "#2563eb",
+      surface: "#ffffff",
+      surfaceMuted: "#f8fafc",
+      surfaceRaised: "#ffffff",
+      text: "#0f172a",
+      textSecondary: "#475569",
+      textDisabled: "#cbd5e1",
+      border: "#e2e8f0",
+      borderStrong: "#94a3b8",
+      success: "#16a34a",
+      warning: "#d97706",
+      error: "#dc2626",
+      errorForeground: "#ffffff",
+      errorHover: "#b91c1c",
+      errorDisabled: "#fca5a5",
+      errorBgHover: "#fef2f2",
+      info: "#0ea5e9",
+      chart1: "#2563eb",
+      chart2: "#16a34a",
+      chart3: "#d97706",
+      chart4: "#a855f7",
+      chart5: "#0ea5e9",
+      chart6: "#ef4444"
+    },
+    radius: { none: "0", sm: "8px", md: "12px", lg: "16px", xl: "20px", full: "9999px" },
+    shadows: {
+      xs: "0 1px 2px 0 rgb(0 0 0 / 0.04)",
+      sm: "0 1px 2px 0 rgb(0 0 0 / 0.04), 0 1px 3px 0 rgb(0 0 0 / 0.06)",
+      md: "0 4px 8px -2px rgb(0 0 0 / 0.06), 0 2px 4px -1px rgb(0 0 0 / 0.04)",
+      lg: "0 12px 24px -4px rgb(0 0 0 / 0.08), 0 4px 8px -2px rgb(0 0 0 / 0.04)",
+      xl: "0 24px 48px -8px rgb(0 0 0 / 0.1), 0 8px 16px -4px rgb(0 0 0 / 0.05)"
+    },
+    motion: {
+      durationFast: "150ms",
+      durationBase: "200ms",
+      durationSlow: "300ms",
+      easing: "cubic-bezier(0.2, 0, 0, 1)"
+    }
+  },
+  dark: {
+    colors: {
+      primary: "#60a5fa",
+      primaryHover: "#93c5fd",
+      primaryActive: "#bfdbfe",
+      primaryDisabled: "#1e40af",
+      primaryForeground: "#0f172a",
+      secondary: "#94a3b8",
+      secondaryHover: "#cbd5e1",
+      secondaryActive: "#e2e8f0",
+      secondaryDisabled: "#475569",
+      secondaryForeground: "#0f172a",
+      outlineBgHover: "#1e3a5f",
+      ghostBgHover: "#1e3a5f",
+      focusRing: "#60a5fa",
+      surface: "#0f172a",
+      surfaceMuted: "#1e293b",
+      surfaceRaised: "#1e293b",
+      text: "#f1f5f9",
+      textSecondary: "#cbd5e1",
+      textDisabled: "#475569",
+      border: "#334155",
+      borderStrong: "#64748b",
+      success: "#4ade80",
+      warning: "#fbbf24",
+      error: "#f87171",
+      errorForeground: "#0f172a",
+      errorHover: "#fca5a5",
+      errorDisabled: "#7f1d1d",
+      errorBgHover: "#1e293b",
+      info: "#38bdf8",
+      chart1: "#60a5fa",
+      chart2: "#4ade80",
+      chart3: "#fbbf24",
+      chart4: "#c084fc",
+      chart5: "#38bdf8",
+      chart6: "#f87171"
+    },
+    radius: { none: "0", sm: "8px", md: "12px", lg: "16px", xl: "20px", full: "9999px" },
+    shadows: {
+      xs: "0 1px 2px 0 rgb(2 6 23 / 0.4)",
+      sm: "0 1px 2px 0 rgb(2 6 23 / 0.5)",
+      md: "0 4px 8px -2px rgb(2 6 23 / 0.55), 0 2px 4px -1px rgb(2 6 23 / 0.4)",
+      lg: "0 12px 24px -4px rgb(2 6 23 / 0.55), 0 4px 8px -2px rgb(2 6 23 / 0.4)",
+      xl: "0 24px 48px -8px rgb(2 6 23 / 0.6), 0 8px 16px -4px rgb(2 6 23 / 0.45)"
+    },
+    motion: {
+      durationFast: "150ms",
+      durationBase: "200ms",
+      durationSlow: "300ms",
+      easing: "cubic-bezier(0.2, 0, 0, 1)"
+    }
+  }
+};
+
+// src/utils/env.ts
+function isBrowser() {
+  return typeof window !== "undefined" && typeof document !== "undefined";
+}
+
+// src/utils/dev-warn.ts
+function isDevEnvironment() {
+  const proc = globalThis.process;
+  return !proc?.env || proc.env.NODE_ENV !== "production";
+}
+var warnedKeys = /* @__PURE__ */ new Set();
+function devWarn(key, message) {
+  if (!isDevEnvironment() || warnedKeys.has(key)) return;
+  warnedKeys.add(key);
+  console.warn(message);
+}
+
+// src/theme-runtime/index.ts
+var THEME_CSS_VARS = {
+  // Primary colors
+  primary: "--tiger-primary",
+  primaryHover: "--tiger-primary-hover",
+  primaryActive: "--tiger-primary-active",
+  primaryDisabled: "--tiger-primary-disabled",
+  primaryForeground: "--tiger-primary-foreground",
+  // Secondary colors
+  secondary: "--tiger-secondary",
+  secondaryHover: "--tiger-secondary-hover",
+  secondaryActive: "--tiger-secondary-active",
+  secondaryDisabled: "--tiger-secondary-disabled",
+  secondaryForeground: "--tiger-secondary-foreground",
+  // Background hover states
+  outlineBgHover: "--tiger-outline-bg-hover",
+  ghostBgHover: "--tiger-ghost-bg-hover",
+  // Interaction states
+  focusRing: "--tiger-focus-ring",
+  // Surface & background
+  surface: "--tiger-surface",
+  surfaceMuted: "--tiger-surface-muted",
+  surfaceRaised: "--tiger-surface-raised",
+  // Text
+  text: "--tiger-text",
+  textSecondary: "--tiger-text-secondary",
+  textDisabled: "--tiger-text-disabled",
+  // Border
+  border: "--tiger-border",
+  borderStrong: "--tiger-border-strong",
+  // Status colors
+  success: "--tiger-success",
+  warning: "--tiger-warning",
+  error: "--tiger-error",
+  errorForeground: "--tiger-error-foreground",
+  errorHover: "--tiger-error-hover",
+  errorDisabled: "--tiger-error-disabled",
+  errorBgHover: "--tiger-error-bg-hover",
+  info: "--tiger-info",
+  // Chart palette
+  chart1: "--tiger-chart-1",
+  chart2: "--tiger-chart-2",
+  chart3: "--tiger-chart-3",
+  chart4: "--tiger-chart-4",
+  chart5: "--tiger-chart-5",
+  chart6: "--tiger-chart-6",
+  // Aliases of existing semantic tokens (not a third color system)
+  textMuted: "--tiger-text-muted",
+  fill: "--tiger-fill",
+  bg: "--tiger-bg",
+  // Breakpoints
+  breakpointXs: "--tiger-breakpoint-xs",
+  breakpointSm: "--tiger-breakpoint-sm",
+  breakpointMd: "--tiger-breakpoint-md",
+  breakpointLg: "--tiger-breakpoint-lg",
+  breakpointXl: "--tiger-breakpoint-xl",
+  breakpoint2xl: "--tiger-breakpoint-2xl"
+};
+var TIGER_BREAKPOINT_CSS_VALUES = {
+  breakpointXs: "0px",
+  breakpointSm: "640px",
+  breakpointMd: "768px",
+  breakpointLg: "1024px",
+  breakpointXl: "1280px",
+  breakpoint2xl: "1536px"
+};
+var THEME_CSS_VAR_ALIAS_SOURCES = {
+  textMuted: "textSecondary",
+  fill: "surfaceMuted",
+  bg: "surface"
+};
+function semanticColorsToCssVars(colors = {}) {
+  const vars = {};
+  for (const [key, value] of Object.entries(colors)) {
+    const varName = THEME_CSS_VARS[key];
+    if (varName && value) vars[varName] = value;
+  }
+  for (const aliasKey of Object.keys(THEME_CSS_VAR_ALIAS_SOURCES)) {
+    const sourceKey = THEME_CSS_VAR_ALIAS_SOURCES[aliasKey];
+    vars[THEME_CSS_VARS[aliasKey]] = `var(${THEME_CSS_VARS[sourceKey]})`;
+  }
+  for (const [key, value] of Object.entries(TIGER_BREAKPOINT_CSS_VALUES)) {
+    vars[THEME_CSS_VARS[key]] = value;
+  }
+  return vars;
+}
+var cssVarCache = /* @__PURE__ */ new WeakMap();
+function setCssVarsCached(element, vars) {
+  let cache = cssVarCache.get(element);
+  if (!cache) {
+    cache = /* @__PURE__ */ new Map();
+    cssVarCache.set(element, cache);
+  }
+  for (const [name, value] of Object.entries(vars)) {
+    if (!value) continue;
+    if (cache.get(name) === value) continue;
+    element.style.setProperty(name, value);
+    cache.set(name, value);
+  }
+}
+function removeCssVarsCached(element, names) {
+  const cache = cssVarCache.get(element);
+  for (const name of names) {
+    element.style.removeProperty(name);
+    cache?.delete(name);
+  }
+}
+
+// src/themes/vibrant/theme.ts
+var vibrantTheme = {
+  name: "vibrant",
+  label: "Vibrant",
+  light: {
+    colors: {
+      primary: "#8b5cf6",
+      primaryHover: "#7c3aed",
+      primaryActive: "#6d28d9",
+      primaryDisabled: "#c4b5fd",
+      primaryForeground: "#000000",
+      secondary: "#ec4899",
+      secondaryHover: "#db2777",
+      secondaryActive: "#be185d",
+      secondaryDisabled: "#f9a8d4",
+      secondaryForeground: "#000000",
+      outlineBgHover: "#f5f3ff",
+      ghostBgHover: "#fdf2f8",
+      focusRing: "#8b5cf6",
+      surface: "#ffffff",
+      surfaceMuted: "#faf5ff",
+      surfaceRaised: "#ffffff",
+      text: "#1e1b4b",
+      textSecondary: "#6b21a8",
+      textDisabled: "#c4b5fd",
+      border: "#e9d5ff",
+      borderStrong: "#a78bfa",
+      success: "#10b981",
+      warning: "#f59e0b",
+      error: "#ef4444",
+      errorForeground: "#000000",
+      errorHover: "#dc2626",
+      errorDisabled: "#fca5a5",
+      errorBgHover: "#fef2f2",
+      info: "#06b6d4",
+      chart1: "#8b5cf6",
+      chart2: "#ec4899",
+      chart3: "#f59e0b",
+      chart4: "#06b6d4",
+      chart5: "#10b981",
+      chart6: "#f43f5e"
+    },
+    radius: { sm: "6px", md: "10px", lg: "14px", xl: "18px", none: "0", full: "9999px" }
+  },
+  dark: {
+    colors: {
+      primary: "#a78bfa",
+      primaryHover: "#c4b5fd",
+      primaryActive: "#ddd6fe",
+      primaryDisabled: "#4c1d95",
+      primaryForeground: "#1e1b4b",
+      secondary: "#f472b6",
+      secondaryHover: "#f9a8d4",
+      secondaryActive: "#fbcfe8",
+      secondaryDisabled: "#831843",
+      secondaryForeground: "#500724",
+      outlineBgHover: "#2e1065",
+      ghostBgHover: "#500724",
+      focusRing: "#a78bfa",
+      surface: "#0f0a1e",
+      surfaceMuted: "#1a1035",
+      surfaceRaised: "#231848",
+      text: "#f5f3ff",
+      textSecondary: "#c4b5fd",
+      textDisabled: "#4c1d95",
+      border: "#3b2070",
+      borderStrong: "#7c3aed",
+      success: "#34d399",
+      warning: "#fbbf24",
+      error: "#f87171",
+      errorForeground: "#0f0a1e",
+      errorHover: "#fca5a5",
+      errorDisabled: "#7f1d1d",
+      errorBgHover: "#1a1035",
+      info: "#22d3ee",
+      chart1: "#a78bfa",
+      chart2: "#f472b6",
+      chart3: "#fbbf24",
+      chart4: "#22d3ee",
+      chart5: "#34d399",
+      chart6: "#fb7185"
+    },
+    radius: { sm: "6px", md: "10px", lg: "14px", xl: "18px", none: "0", full: "9999px" }
+  }
+};
+
+// src/themes/professional/theme.ts
+var professionalTheme = {
+  name: "professional",
+  label: "Professional",
+  light: {
+    colors: {
+      primary: "#1e40af",
+      primaryHover: "#1e3a8a",
+      primaryActive: "#172554",
+      primaryDisabled: "#93c5fd",
+      primaryForeground: "#ffffff",
+      secondary: "#334155",
+      secondaryHover: "#1e293b",
+      secondaryActive: "#0f172a",
+      secondaryDisabled: "#94a3b8",
+      secondaryForeground: "#ffffff",
+      outlineBgHover: "#eff6ff",
+      ghostBgHover: "#f1f5f9",
+      focusRing: "#1e40af",
+      surface: "#ffffff",
+      surfaceMuted: "#f8fafc",
+      surfaceRaised: "#ffffff",
+      text: "#0f172a",
+      textSecondary: "#475569",
+      textDisabled: "#cbd5e1",
+      border: "#e2e8f0",
+      borderStrong: "#94a3b8",
+      success: "#15803d",
+      warning: "#b45309",
+      error: "#b91c1c",
+      errorForeground: "#ffffff",
+      errorHover: "#991b1b",
+      errorDisabled: "#fca5a5",
+      errorBgHover: "#fef2f2",
+      info: "#1d4ed8",
+      chart1: "#1e40af",
+      chart2: "#15803d",
+      chart3: "#b45309",
+      chart4: "#7e22ce",
+      chart5: "#0e7490",
+      chart6: "#b91c1c"
+    },
+    radius: { sm: "2px", md: "4px", lg: "8px", xl: "10px", none: "0", full: "9999px" },
+    typography: {
+      fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+      fontFamilyMono: "'JetBrains Mono', 'SF Mono', monospace",
+      fontSizeBase: "15px",
+      fontSizeSm: "13px",
+      fontSizeLg: "17px",
+      fontWeightNormal: "400",
+      fontWeightMedium: "500",
+      fontWeightSemibold: "600",
+      fontWeightBold: "700",
+      lineHeightNormal: "1.5",
+      lineHeightTight: "1.25"
+    }
+  },
+  dark: {
+    colors: {
+      primary: "#60a5fa",
+      primaryHover: "#93c5fd",
+      primaryActive: "#bfdbfe",
+      primaryDisabled: "#1e3a8a",
+      primaryForeground: "#0f172a",
+      secondary: "#94a3b8",
+      secondaryHover: "#cbd5e1",
+      secondaryActive: "#e2e8f0",
+      secondaryDisabled: "#334155",
+      secondaryForeground: "#0f172a",
+      outlineBgHover: "#172554",
+      ghostBgHover: "#1e293b",
+      focusRing: "#60a5fa",
+      surface: "#0f172a",
+      surfaceMuted: "#1e293b",
+      surfaceRaised: "#1e293b",
+      text: "#f1f5f9",
+      textSecondary: "#cbd5e1",
+      textDisabled: "#475569",
+      border: "#334155",
+      borderStrong: "#64748b",
+      success: "#4ade80",
+      warning: "#fbbf24",
+      error: "#f87171",
+      errorForeground: "#0f172a",
+      errorHover: "#fca5a5",
+      errorDisabled: "#7f1d1d",
+      errorBgHover: "#1e293b",
+      info: "#60a5fa",
+      chart1: "#60a5fa",
+      chart2: "#4ade80",
+      chart3: "#fbbf24",
+      chart4: "#c084fc",
+      chart5: "#22d3ee",
+      chart6: "#f87171"
+    },
+    radius: { sm: "2px", md: "4px", lg: "8px", xl: "10px", none: "0", full: "9999px" },
+    typography: {
+      fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+      fontFamilyMono: "'JetBrains Mono', 'SF Mono', monospace",
+      fontSizeBase: "15px",
+      fontSizeSm: "13px",
+      fontSizeLg: "17px",
+      fontWeightNormal: "400",
+      fontWeightMedium: "500",
+      fontWeightSemibold: "600",
+      fontWeightBold: "700",
+      lineHeightNormal: "1.5",
+      lineHeightTight: "1.25"
+    }
+  }
+};
+
+// src/themes/minimal/theme.ts
+var minimalTheme = {
+  name: "minimal",
+  label: "Minimal",
+  light: {
+    colors: {
+      primary: "#18181b",
+      primaryHover: "#09090b",
+      primaryActive: "#000000",
+      primaryDisabled: "#a1a1aa",
+      primaryForeground: "#ffffff",
+      secondary: "#52525b",
+      secondaryHover: "#3f3f46",
+      secondaryActive: "#27272a",
+      secondaryDisabled: "#a1a1aa",
+      secondaryForeground: "#ffffff",
+      outlineBgHover: "#fafafa",
+      ghostBgHover: "#f4f4f5",
+      focusRing: "#18181b",
+      surface: "#ffffff",
+      surfaceMuted: "#fafafa",
+      surfaceRaised: "#ffffff",
+      text: "#09090b",
+      textSecondary: "#71717a",
+      textDisabled: "#d4d4d8",
+      border: "#e4e4e7",
+      borderStrong: "#a1a1aa",
+      success: "#16a34a",
+      warning: "#ca8a04",
+      error: "#dc2626",
+      errorForeground: "#ffffff",
+      errorHover: "#b91c1c",
+      errorDisabled: "#fca5a5",
+      errorBgHover: "#fef2f2",
+      info: "#18181b",
+      chart1: "#18181b",
+      chart2: "#71717a",
+      chart3: "#a1a1aa",
+      chart4: "#d4d4d8",
+      chart5: "#3f3f46",
+      chart6: "#52525b"
+    },
+    radius: { sm: "2px", md: "4px", lg: "6px", xl: "8px", none: "0", full: "9999px" },
+    shadows: {
+      xs: "0 1px 2px 0 rgba(0,0,0,0.03)",
+      sm: "0 1px 2px 0 rgba(0,0,0,0.06)",
+      md: "0 2px 4px -1px rgba(0,0,0,0.06)",
+      lg: "0 4px 6px -2px rgba(0,0,0,0.06)",
+      xl: "0 8px 16px -4px rgba(0,0,0,0.08)"
+    }
+  },
+  dark: {
+    colors: {
+      primary: "#fafafa",
+      primaryHover: "#e4e4e7",
+      primaryActive: "#d4d4d8",
+      primaryDisabled: "#3f3f46",
+      primaryForeground: "#09090b",
+      secondary: "#a1a1aa",
+      secondaryHover: "#d4d4d8",
+      secondaryActive: "#e4e4e7",
+      secondaryDisabled: "#3f3f46",
+      secondaryForeground: "#09090b",
+      outlineBgHover: "#27272a",
+      ghostBgHover: "#27272a",
+      focusRing: "#fafafa",
+      surface: "#09090b",
+      surfaceMuted: "#18181b",
+      surfaceRaised: "#27272a",
+      text: "#fafafa",
+      textSecondary: "#a1a1aa",
+      textDisabled: "#3f3f46",
+      border: "#27272a",
+      borderStrong: "#52525b",
+      success: "#4ade80",
+      warning: "#fbbf24",
+      error: "#f87171",
+      errorForeground: "#09090b",
+      errorHover: "#fca5a5",
+      errorDisabled: "#7f1d1d",
+      errorBgHover: "#18181b",
+      info: "#fafafa",
+      chart1: "#fafafa",
+      chart2: "#a1a1aa",
+      chart3: "#71717a",
+      chart4: "#52525b",
+      chart5: "#d4d4d8",
+      chart6: "#e4e4e7"
+    },
+    radius: { sm: "2px", md: "4px", lg: "6px", xl: "8px", none: "0", full: "9999px" },
+    shadows: {
+      xs: "0 1px 2px 0 rgba(0,0,0,0.3)",
+      sm: "0 1px 2px 0 rgba(0,0,0,0.4)",
+      md: "0 2px 4px -1px rgba(0,0,0,0.4)",
+      lg: "0 4px 6px -2px rgba(0,0,0,0.4)",
+      xl: "0 8px 16px -4px rgba(0,0,0,0.5)"
+    }
+  }
+};
+
+// src/themes/natural/theme.ts
+var naturalTheme = {
+  name: "natural",
+  label: "Natural",
+  light: {
+    colors: {
+      primary: "#059669",
+      primaryHover: "#047857",
+      primaryActive: "#065f46",
+      primaryDisabled: "#6ee7b7",
+      primaryForeground: "#1c1917",
+      secondary: "#78716c",
+      secondaryHover: "#57534e",
+      secondaryActive: "#44403c",
+      secondaryDisabled: "#a8a29e",
+      secondaryForeground: "#ffffff",
+      outlineBgHover: "#ecfdf5",
+      ghostBgHover: "#f5f5f4",
+      focusRing: "#059669",
+      surface: "#fffbf5",
+      surfaceMuted: "#faf5ee",
+      surfaceRaised: "#ffffff",
+      text: "#1c1917",
+      textSecondary: "#57534e",
+      textDisabled: "#d6d3d1",
+      border: "#e7e5e4",
+      borderStrong: "#a8a29e",
+      success: "#16a34a",
+      warning: "#d97706",
+      error: "#dc2626",
+      errorForeground: "#ffffff",
+      errorHover: "#b91c1c",
+      errorDisabled: "#fca5a5",
+      errorBgHover: "#fef2f2",
+      info: "#0284c7",
+      chart1: "#059669",
+      chart2: "#d97706",
+      chart3: "#0284c7",
+      chart4: "#a16207",
+      chart5: "#0d9488",
+      chart6: "#be123c"
+    },
+    radius: { sm: "6px", md: "8px", lg: "12px", xl: "16px", none: "0", full: "9999px" },
+    typography: {
+      fontFamily: "'Source Sans 3', 'Georgia', -apple-system, sans-serif",
+      fontFamilyMono: "'Source Code Pro', 'Menlo', monospace",
+      fontSizeBase: "16px",
+      fontSizeSm: "14px",
+      fontSizeLg: "18px",
+      fontWeightNormal: "400",
+      fontWeightMedium: "500",
+      fontWeightSemibold: "600",
+      fontWeightBold: "700",
+      lineHeightNormal: "1.6",
+      lineHeightTight: "1.3"
+    }
+  },
+  dark: {
+    colors: {
+      primary: "#34d399",
+      primaryHover: "#6ee7b7",
+      primaryActive: "#a7f3d0",
+      primaryDisabled: "#064e3b",
+      primaryForeground: "#1c1917",
+      secondary: "#a8a29e",
+      secondaryHover: "#d6d3d1",
+      secondaryActive: "#e7e5e4",
+      secondaryDisabled: "#44403c",
+      secondaryForeground: "#1c1917",
+      outlineBgHover: "#064e3b",
+      ghostBgHover: "#292524",
+      focusRing: "#34d399",
+      surface: "#1c1917",
+      surfaceMuted: "#292524",
+      surfaceRaised: "#292524",
+      text: "#fafaf9",
+      textSecondary: "#d6d3d1",
+      textDisabled: "#44403c",
+      border: "#44403c",
+      borderStrong: "#78716c",
+      success: "#4ade80",
+      warning: "#fbbf24",
+      error: "#f87171",
+      errorForeground: "#1c1917",
+      errorHover: "#fca5a5",
+      errorDisabled: "#7f1d1d",
+      errorBgHover: "#292524",
+      info: "#38bdf8",
+      chart1: "#34d399",
+      chart2: "#fbbf24",
+      chart3: "#38bdf8",
+      chart4: "#fcd34d",
+      chart5: "#2dd4bf",
+      chart6: "#fb7185"
+    },
+    radius: { sm: "6px", md: "8px", lg: "12px", xl: "16px", none: "0", full: "9999px" },
+    typography: {
+      fontFamily: "'Source Sans 3', 'Georgia', -apple-system, sans-serif",
+      fontFamilyMono: "'Source Code Pro', 'Menlo', monospace",
+      fontSizeBase: "16px",
+      fontSizeSm: "14px",
+      fontSizeLg: "18px",
+      fontWeightNormal: "400",
+      fontWeightMedium: "500",
+      fontWeightSemibold: "600",
+      fontWeightBold: "700",
+      lineHeightNormal: "1.6",
+      lineHeightTight: "1.3"
+    }
+  }
+};
+
+// src/themes/high-contrast/theme.ts
+var highContrastTheme = {
+  name: "high-contrast",
+  label: "High Contrast",
+  light: {
+    colors: {
+      primary: "#0033cc",
+      primaryHover: "#002699",
+      primaryActive: "#001f80",
+      primaryDisabled: "#7f8fcf",
+      primaryForeground: "#ffffff",
+      secondary: "#000000",
+      secondaryHover: "#1f1f1f",
+      secondaryActive: "#333333",
+      secondaryDisabled: "#767676",
+      secondaryForeground: "#ffffff",
+      outlineBgHover: "#e6eeff",
+      ghostBgHover: "#f2f2f2",
+      focusRing: "#000000",
+      surface: "#ffffff",
+      surfaceMuted: "#f2f2f2",
+      surfaceRaised: "#ffffff",
+      text: "#000000",
+      textSecondary: "#000000",
+      textDisabled: "#595959",
+      border: "#000000",
+      borderStrong: "#000000",
+      success: "#006400",
+      warning: "#7a4b00",
+      error: "#b00020",
+      errorForeground: "#ffffff",
+      errorHover: "#7a0016",
+      errorDisabled: "#fca5a5",
+      errorBgHover: "#fef2f2",
+      info: "#0033cc",
+      chart1: "#0033cc",
+      chart2: "#006400",
+      chart3: "#7a4b00",
+      chart4: "#6b00b9",
+      chart5: "#005f73",
+      chart6: "#b00020"
+    },
+    radius: { sm: "2px", md: "4px", lg: "6px", xl: "8px", none: "0", full: "9999px" },
+    shadows: {
+      xs: "0 0 0 1px #000000",
+      sm: "0 0 0 1px #000000",
+      md: "0 0 0 2px #000000",
+      lg: "0 0 0 2px #000000",
+      xl: "0 0 0 3px #000000"
+    }
+  },
+  dark: {
+    colors: {
+      primary: "#66b2ff",
+      primaryHover: "#99ccff",
+      primaryActive: "#cce5ff",
+      primaryDisabled: "#335c85",
+      primaryForeground: "#000000",
+      secondary: "#ffffff",
+      secondaryHover: "#e6e6e6",
+      secondaryActive: "#cccccc",
+      secondaryDisabled: "#8c8c8c",
+      secondaryForeground: "#000000",
+      outlineBgHover: "#001f3f",
+      ghostBgHover: "#1a1a1a",
+      focusRing: "#ffff00",
+      surface: "#000000",
+      surfaceMuted: "#111111",
+      surfaceRaised: "#000000",
+      text: "#ffffff",
+      textSecondary: "#ffffff",
+      textDisabled: "#a6a6a6",
+      border: "#ffffff",
+      borderStrong: "#ffffff",
+      success: "#00e676",
+      warning: "#ffd54f",
+      error: "#ff8a80",
+      errorForeground: "#000000",
+      errorHover: "#ffcdd2",
+      errorDisabled: "#b71c1c",
+      errorBgHover: "#1a1a1a",
+      info: "#80d8ff",
+      chart1: "#66b2ff",
+      chart2: "#00e676",
+      chart3: "#ffd54f",
+      chart4: "#d7a5ff",
+      chart5: "#80d8ff",
+      chart6: "#ff8a80"
+    },
+    radius: { sm: "2px", md: "4px", lg: "6px", xl: "8px", none: "0", full: "9999px" },
+    shadows: {
+      xs: "0 0 0 1px #ffffff",
+      sm: "0 0 0 1px #ffffff",
+      md: "0 0 0 2px #ffffff",
+      lg: "0 0 0 2px #ffffff",
+      xl: "0 0 0 3px #ffffff"
+    }
+  }
+};
+
+// src/themes/manager.ts
+var builtInPresets = [
+  defaultTheme,
+  vibrantTheme,
+  professionalTheme,
+  minimalTheme,
+  naturalTheme,
+  modernTheme,
+  highContrastTheme
+];
+function mergeThemeConfig(base = {}, override = {}) {
+  return {
+    colors: { ...base.colors, ...override.colors },
+    typography: { ...base.typography, ...override.typography },
+    radius: { ...base.radius, ...override.radius },
+    shadows: { ...base.shadows, ...override.shadows },
+    spacing: { ...base.spacing, ...override.spacing },
+    motion: { ...base.motion, ...override.motion }
+  };
+}
+function resolvePresetThemeConfig(preset, scheme, fallback = defaultTheme) {
+  return mergeThemeConfig(fallback[scheme], preset?.[scheme] ?? {});
+}
+var THEME_CONFIG_CSS_VARS = {
+  typography: {
+    fontFamily: "--tiger-font-family",
+    fontFamilyMono: "--tiger-font-family-mono",
+    fontSizeBase: "--tiger-font-size-base",
+    fontSizeSm: "--tiger-font-size-sm",
+    fontSizeLg: "--tiger-font-size-lg",
+    fontWeightNormal: "--tiger-font-weight-normal",
+    fontWeightMedium: "--tiger-font-weight-medium",
+    fontWeightSemibold: "--tiger-font-weight-semibold",
+    fontWeightBold: "--tiger-font-weight-bold",
+    lineHeightNormal: "--tiger-line-height-normal",
+    lineHeightTight: "--tiger-line-height-tight"
+  },
+  radius: {
+    none: "--tiger-radius-none",
+    sm: "--tiger-radius-sm",
+    md: "--tiger-radius-md",
+    lg: "--tiger-radius-lg",
+    xl: "--tiger-radius-xl",
+    full: "--tiger-radius-full"
+  },
+  shadows: {
+    xs: "--tiger-shadow-xs",
+    sm: "--tiger-shadow-sm",
+    md: "--tiger-shadow-md",
+    lg: "--tiger-shadow-lg",
+    xl: "--tiger-shadow-xl"
+  },
+  spacing: {
+    xs: "--tiger-spacing-xs",
+    sm: "--tiger-spacing-sm",
+    md: "--tiger-spacing-md",
+    lg: "--tiger-spacing-lg",
+    xl: "--tiger-spacing-xl"
+  },
+  motion: {
+    durationFast: "--tiger-motion-duration-quick",
+    durationBase: "--tiger-motion-duration-base",
+    durationSlow: "--tiger-motion-duration-relaxed",
+    easing: "--tiger-motion-ease-standard"
+  }
+};
+var THEME_TRANSITION_CSS_VARS = {
+  durationFast: "--tiger-transition-quick",
+  durationBase: "--tiger-transition-base",
+  durationSlow: "--tiger-transition-emphasized"
+};
+function themeConfigToCssVars(config) {
+  const vars = {
+    ...semanticColorsToCssVars(config.colors)
+  };
+  for (const section of ["typography", "radius", "shadows", "spacing", "motion"]) {
+    const values = config[section];
+    if (!values) continue;
+    const varNames = THEME_CONFIG_CSS_VARS[section];
+    for (const [key, value] of Object.entries(values)) {
+      const varName = varNames[key];
+      if (varName && value) vars[varName] = value;
+    }
+  }
+  const motion = config.motion;
+  if (motion) {
+    const easing = motion.easing ?? "cubic-bezier(0.4, 0, 0.2, 1)";
+    if (motion.durationBase) {
+      vars[THEME_TRANSITION_CSS_VARS.durationBase] = `all ${motion.durationBase} ${easing}`;
+    }
+    if (motion.durationFast) {
+      vars[THEME_TRANSITION_CSS_VARS.durationFast] = `all ${motion.durationFast} ${easing}`;
+    }
+    if (motion.durationSlow) {
+      vars[THEME_TRANSITION_CSS_VARS.durationSlow] = `transform ${motion.durationSlow} ${easing}`;
+    }
+  }
+  return vars;
+}
+function extraThemeVarNames() {
+  return [
+    ...Object.values(THEME_TRANSITION_CSS_VARS),
+    ...Object.keys(MODERN_BASE_TOKENS_LIGHT),
+    ...Object.keys(MODERN_BASE_TOKENS_DARK),
+    ...Object.keys(MODERN_OVERRIDE_TOKENS_LIGHT),
+    ...Object.keys(MODERN_OVERRIDE_TOKENS_DARK)
+  ];
+}
+function clearThemeConfig(target) {
+  removeCssVarsCached(target, [
+    ...Object.values(THEME_CSS_VARS),
+    ...Object.values(THEME_CONFIG_CSS_VARS.typography),
+    ...Object.values(THEME_CONFIG_CSS_VARS.radius),
+    ...Object.values(THEME_CONFIG_CSS_VARS.shadows),
+    ...Object.values(THEME_CONFIG_CSS_VARS.spacing),
+    ...Object.values(THEME_CONFIG_CSS_VARS.motion),
+    ...extraThemeVarNames()
+  ]);
+}
+function resolveSystemDark() {
+  if (!isBrowser()) return false;
+  return window.matchMedia("(prefers-color-scheme: dark)").matches;
+}
+var ThemeManagerImpl = class {
+  presets = /* @__PURE__ */ new Map();
+  currentThemeName = "default";
+  colorScheme = "light";
+  resolvedDark = false;
+  listeners = [];
+  mediaQuery = null;
+  mediaHandler = null;
+  builtInsRegistered = false;
+  /** Register shipped presets. Safe to call more than once. */
+  registerBuiltIns() {
+    if (this.builtInsRegistered) return;
+    for (const preset of builtInPresets) {
+      if (!this.presets.has(preset.name)) {
+        this.presets.set(preset.name, preset);
+      }
+    }
+    this.builtInsRegistered = true;
+  }
+  // -----------------------------------------------------------------------
+  // Theme registration
+  // -----------------------------------------------------------------------
+  /** Register a preset theme. Replaces any existing preset with the same name. */
+  registerTheme(preset) {
+    this.registerBuiltIns();
+    this.presets.set(preset.name, preset);
+  }
+  /** Get a registered preset by name. */
+  getTheme(name) {
+    this.registerBuiltIns();
+    return this.presets.get(name);
+  }
+  /** List all registered preset names. */
+  getAvailableThemes() {
+    this.registerBuiltIns();
+    return Array.from(this.presets.keys());
+  }
+  /** Get the currently active theme name. */
+  getCurrentTheme() {
+    return this.currentThemeName;
+  }
+  /** Get the resolved (effective) color scheme — always 'light' or 'dark'. */
+  getResolvedColorScheme() {
+    return this.resolvedDark ? "dark" : "light";
+  }
+  // -----------------------------------------------------------------------
+  // Applying themes
+  // -----------------------------------------------------------------------
+  /**
+   * Switch to a registered preset theme.
+   * If the name is not registered the call is a no-op.
+   */
+  setTheme(name) {
+    this.registerBuiltIns();
+    if (!this.presets.has(name)) {
+      devWarn(`ThemeManager.setTheme.${name}`, `[Tigercat] Theme "${name}" is not registered.`);
+      return;
+    }
+    this.currentThemeName = name;
+    this.apply();
+  }
+  /**
+   * Define and immediately apply a custom theme at runtime.
+   * Registers the theme, then switches to it.
+   */
+  defineTheme(preset) {
+    this.registerTheme(preset);
+    this.setTheme(preset.name);
+  }
+  /**
+   * Set the colour scheme strategy.
+   * - `'light'` / `'dark'` — force a specific mode
+   * - `'auto'` — follow `prefers-color-scheme` media query
+   *
+   * Pass `{ applyResolved: false }` with `'auto'` to attach the media listener
+   * without applying the current system preference. ConfigProvider uses that
+   * on first paint so SSR (light) does not flash `.dark` during hydrate.
+   */
+  setColorScheme(scheme, options) {
+    this.colorScheme = scheme;
+    if (scheme === "auto") {
+      this.startWatchingMedia();
+      if (options?.applyResolved === false) {
+        return;
+      }
+      this.resolvedDark = resolveSystemDark();
+    } else {
+      this.stopWatchingMedia();
+      this.resolvedDark = scheme === "dark";
+    }
+    this.apply();
+  }
+  /** Get the current color scheme setting (may be 'auto'). */
+  getColorScheme() {
+    return this.colorScheme;
+  }
+  // -----------------------------------------------------------------------
+  // Listeners
+  // -----------------------------------------------------------------------
+  /** Subscribe to theme/colour-scheme changes. Returns an unsubscribe function. */
+  onChange(listener) {
+    this.listeners.push(listener);
+    return () => {
+      this.listeners = this.listeners.filter((l) => l !== listener);
+    };
+  }
+  // -----------------------------------------------------------------------
+  // Internal
+  // -----------------------------------------------------------------------
+  apply() {
+    this.registerBuiltIns();
+    if (!isBrowser()) return;
+    const root = document.documentElement;
+    const preset = this.presets.get(this.currentThemeName);
+    const scheme = this.resolvedDark ? "dark" : "light";
+    const config = resolvePresetThemeConfig(preset, scheme);
+    clearThemeConfig(root);
+    const isModern = this.currentThemeName === "modern";
+    const extra = isModern ? this.resolvedDark ? MODERN_OVERRIDE_TOKENS_DARK : MODERN_OVERRIDE_TOKENS_LIGHT : {};
+    setCssVarsCached(root, { ...themeConfigToCssVars(config), ...extra });
+    if (isModern) {
+      root.setAttribute("data-tiger-style", "modern");
+    } else {
+      root.removeAttribute("data-tiger-style");
+    }
+    if (this.resolvedDark) {
+      root.classList.add("dark");
+    } else {
+      root.classList.remove("dark");
+    }
+    root.style.colorScheme = this.resolvedDark ? "dark" : "light";
+    this.notify();
+  }
+  notify() {
+    const event = {
+      theme: this.currentThemeName,
+      colorScheme: this.resolvedDark ? "dark" : "light"
+    };
+    for (const listener of this.listeners) {
+      listener(event);
+    }
+  }
+  startWatchingMedia() {
+    if (!isBrowser()) return;
+    if (this.mediaQuery) return;
+    this.mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    this.mediaHandler = (e) => {
+      this.resolvedDark = e.matches;
+      this.apply();
+    };
+    this.mediaQuery.addEventListener("change", this.mediaHandler);
+  }
+  stopWatchingMedia() {
+    if (this.mediaQuery && this.mediaHandler) {
+      this.mediaQuery.removeEventListener("change", this.mediaHandler);
+    }
+    this.mediaQuery = null;
+    this.mediaHandler = null;
+  }
+};
+var ThemeManager = new ThemeManagerImpl();
+
+// src/utils/class-names.ts
+function classNames(...classes) {
+  let result = "";
+  for (const cls of classes) {
+    if (cls && cls !== "") {
+      result += (result ? " " : "") + String(cls);
+    }
+  }
+  return result;
+}
+
+// src/utils/alert-utils.ts
+var alertCountdownBaseStyles = {
+  "@keyframes tiger-alert-countdown": {
+    from: { width: "100%" },
+    to: { width: "0%" }
+  },
+  ".tiger-alert-countdown": {
+    animationName: "tiger-alert-countdown",
+    animationTimingFunction: "linear",
+    animationFillMode: "forwards"
+  }
+};
+
+// src/utils/floating.ts
+import {
+  computePosition,
+  flip,
+  shift,
+  size,
+  offset,
+  arrow,
+  autoUpdate
+} from "@floating-ui/dom";
+var overlayZIndexClass = {
+  viewport: "z-[200]",
+  overlay: "z-[1000]",
+  modal: "z-[1100]",
+  message: "z-[1200]",
+  loadingBar: "z-[1300]"
+};
+
+// src/utils/chart/color.ts
+var chartTooltipBaseClasses = classNames(
+  `fixed left-0 top-0 ${overlayZIndexClass.overlay} pointer-events-none will-change-transform`,
+  "max-w-xs px-3 py-2 rounded-[var(--tiger-radius-md,0.375rem)] shadow-[var(--tiger-shadow-glass,0_10px_15px_-3px_rgb(0_0_0_/_0.1),0_4px_6px_-4px_rgb(0_0_0_/_0.1))]",
+  "bg-[color:var(--tiger-bg-elevated,#1f2937)]",
+  "text-[color:var(--tiger-text-inverse,#f9fafb)]",
+  "text-sm",
+  "transition-opacity duration-150 motion-reduce:transition-none"
+);
+var cartesianChartAnimationBaseStyles = {
+  "@keyframes tiger-line-draw": {
+    from: { strokeDashoffset: "1" },
+    to: { strokeDashoffset: "0" }
+  },
+  "@keyframes tiger-area-draw": {
+    from: { strokeDashoffset: "1" },
+    to: { strokeDashoffset: "0" }
+  },
+  "@keyframes tiger-scatter-entrance": {
+    from: { opacity: "0", transform: "scale(0)" },
+    "60%": { transform: "scale(1.15)" },
+    to: { opacity: "1", transform: "scale(1)" }
+  },
+  ".tiger-line-animated": {
+    animation: "tiger-line-draw var(--tiger-motion-duration-slow,1.2s) var(--tiger-motion-ease-emphasized,cubic-bezier(.4,0,.2,1)) forwards"
+  },
+  ".tiger-area-animated": {
+    animation: "tiger-area-draw var(--tiger-motion-duration-slow,1.2s) var(--tiger-motion-ease-emphasized,cubic-bezier(.4,0,.2,1)) forwards"
+  },
+  ".tiger-scatter-entrance": {
+    transformBox: "fill-box",
+    transformOrigin: "center",
+    animation: "tiger-scatter-entrance var(--tiger-motion-duration-slow,500ms) var(--tiger-motion-ease-spring,cubic-bezier(.34,1.56,.64,1)) both"
+  },
+  ".tiger-bar-animated": {
+    transition: "y var(--tiger-motion-duration-slow,600ms) var(--tiger-motion-ease-emphasized,cubic-bezier(.4,0,.2,1)), height var(--tiger-motion-duration-slow,600ms) var(--tiger-motion-ease-emphasized,cubic-bezier(.4,0,.2,1)), opacity var(--tiger-motion-duration-base,200ms) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-base,200ms) var(--tiger-motion-ease-decelerate,ease-out)"
+  },
+  "@keyframes tiger-donut-entrance": {
+    from: { opacity: "0", transform: "scale(0.9)" },
+    to: { opacity: "1", transform: "scale(1)" }
+  },
+  ".tiger-donut-entrance": {
+    transformBox: "fill-box",
+    transformOrigin: "center",
+    animation: "tiger-donut-entrance var(--tiger-motion-duration-slow,500ms) var(--tiger-motion-ease-spring,cubic-bezier(.34,1.56,.64,1)) both"
+  }
+};
+
+// src/utils/loading-utils.ts
+var loadingFullscreenBaseClasses = `fixed inset-0 ${overlayZIndexClass.modal} flex items-center justify-center`;
+var loadingAnimationBaseStyles = {
+  "@keyframes tiger-bounce-dot": {
+    "0%, 100%": { transform: "translateY(0)" },
+    "50%": { transform: "translateY(-100%)" }
+  },
+  "@keyframes tiger-scale-bar": {
+    "0%, 100%": { transform: "scaleY(1)" },
+    "50%": { transform: "scaleY(1.5)" }
+  },
+  ".animate-bounce-dot": {
+    animation: "tiger-bounce-dot var(--tiger-motion-duration-slow,0.6s) var(--tiger-motion-ease-standard,ease-in-out) infinite"
+  },
+  ".animate-scale-bar": {
+    animation: "tiger-scale-bar var(--tiger-motion-duration-slow,0.6s) var(--tiger-motion-ease-standard,ease-in-out) infinite"
+  },
+  ".animation-delay-0": { animationDelay: "0s" },
+  ".animation-delay-150": { animationDelay: "0.15s" },
+  ".animation-delay-300": { animationDelay: "0.3s" }
 };
 
 // src/tailwind-plugin.ts
-var tigercatTheme = semanticColorsToCssVars(defaultThemeLightColors);
-var tigercatDarkTheme = semanticColorsToCssVars(defaultThemeDarkColors);
+function cssVarsForPreset(preset, scheme) {
+  return themeConfigToCssVars(resolvePresetThemeConfig(preset ?? defaultTheme, scheme));
+}
+var tigercatTheme = cssVarsForPreset(defaultTheme, "light");
+var tigercatDarkTheme = cssVarsForPreset(defaultTheme, "dark");
 var tigercatDirectionBase = {
   '[dir="rtl"] .tiger-rtl-mirror, [data-tiger-dir="rtl"] .tiger-rtl-mirror': {
     transform: "scaleX(-1)"
@@ -300,36 +1504,46 @@ var tigercatReducedMotionBase = {
 };
 var tigercatPlugin = plugin(function({ addBase }) {
   addBase({
-    ":root": { ...tigercatTheme, ...MODERN_BASE_TOKENS_LIGHT },
-    ".dark": { ...tigercatDarkTheme, ...MODERN_BASE_TOKENS_DARK },
-    // Remove browser default focus outline on interactive SVG elements
-    'svg [tabindex], svg [role="button"]': {
-      outline: "none"
-    },
+    // Extra (glass/gradient/motion-name) tokens first; the preset wins on
+    // shared names such as --tiger-radius-md so plugin output matches ThemeManager.
+    ":root": { ...MODERN_BASE_TOKENS_LIGHT, ...tigercatTheme },
+    ".dark": { ...MODERN_BASE_TOKENS_DARK, ...tigercatDarkTheme },
     ...tigercatDirectionBase,
-    ...tigercatReducedMotionBase
+    ...tigercatReducedMotionBase,
+    '[data-tiger-style="modern"]': MODERN_OVERRIDE_TOKENS_LIGHT,
+    '.dark[data-tiger-style="modern"], [data-tiger-style="modern"].dark': MODERN_OVERRIDE_TOKENS_DARK,
+    ...alertCountdownBaseStyles,
+    ...loadingAnimationBaseStyles,
+    ...cartesianChartAnimationBaseStyles
   });
 });
 function createTigercatPlugin(options = {}) {
   return plugin(function({ addBase }) {
-    const preset = options.preset;
-    const lightVars = preset?.light?.colors ? semanticColorsToCssVars(preset.light.colors) : tigercatTheme;
-    const darkVars = preset?.dark?.colors ? semanticColorsToCssVars(preset.dark.colors) : tigercatDarkTheme;
+    const preset = options.preset ?? (options.modern ? modernTheme : defaultTheme);
+    const modern = options.modern === true || preset.name === "modern";
+    const lightVars = cssVarsForPreset(preset, "light");
+    const darkVars = cssVarsForPreset(preset, "dark");
     addBase({
-      ":root": { ...lightVars, ...MODERN_BASE_TOKENS_LIGHT },
-      ".dark": { ...darkVars, ...MODERN_BASE_TOKENS_DARK },
-      'svg [tabindex], svg [role="button"]': {
-        outline: "none"
+      ":root": {
+        ...MODERN_BASE_TOKENS_LIGHT,
+        ...lightVars,
+        ...modern ? MODERN_OVERRIDE_TOKENS_LIGHT : {}
+      },
+      ".dark": {
+        ...MODERN_BASE_TOKENS_DARK,
+        ...darkVars,
+        ...modern ? MODERN_OVERRIDE_TOKENS_DARK : {}
       },
       ...tigercatDirectionBase,
-      ...tigercatReducedMotionBase
+      ...tigercatReducedMotionBase,
+      ...alertCountdownBaseStyles,
+      ...loadingAnimationBaseStyles,
+      ...cartesianChartAnimationBaseStyles
+    });
+    addBase({
+      '[data-tiger-style="modern"]': MODERN_OVERRIDE_TOKENS_LIGHT,
+      '.dark[data-tiger-style="modern"], [data-tiger-style="modern"].dark': MODERN_OVERRIDE_TOKENS_DARK
     });
-    if (options.modern) {
-      addBase({
-        '[data-tiger-style="modern"]': MODERN_OVERRIDE_TOKENS_LIGHT,
-        '.dark[data-tiger-style="modern"], [data-tiger-style="modern"].dark': MODERN_OVERRIDE_TOKENS_DARK
-      });
-    }
   });
 }