@tenerife.music/ui 1.0.2 → 1.0.4

package/dist/theme/index.mjs

@@ -1,132 +1,1093 @@
 "use client";
-import { T as B, b as N, a as z, e as P, g as H, c as V, l as _, f as q, p as G, d as K, u as Q } from "../ThemeProvider-ltuW-773.js";
-const y = {
-  day: {
-    background: "hsl(var(--background))",
-    foreground: "hsl(var(--foreground))",
-    card: "hsl(var(--card))",
-    cardForeground: "hsl(var(--card-foreground))",
-    popover: "hsl(var(--popover))",
-    popoverForeground: "hsl(var(--popover-foreground))",
-    primary: "hsl(var(--tm-primary))",
-    primaryForeground: "hsl(var(--tm-primary-foreground))",
-    secondary: "hsl(var(--tm-secondary))",
-    secondaryForeground: "hsl(var(--tm-secondary-foreground))",
-    muted: "hsl(var(--muted))",
-    mutedForeground: "hsl(var(--muted-foreground))",
-    accent: "hsl(var(--tm-accent))",
-    accentForeground: "hsl(var(--tm-accent-foreground))",
-    destructive: "hsl(var(--destructive))",
-    destructiveForeground: "hsl(var(--destructive-foreground))",
-    border: "hsl(var(--border))",
-    input: "hsl(var(--input))",
-    ring: "hsl(var(--ring))",
-    chart1: "hsl(12, 76%, 61%)",
-    chart2: "hsl(173, 58%, 39%)",
-    chart3: "hsl(197, 37%, 24%)",
-    chart4: "hsl(43, 74%, 66%)",
-    chart5: "hsl(27, 87%, 67%)"
-  },
-  night: {
-    background: "hsl(var(--background))",
-    foreground: "hsl(var(--foreground))",
-    card: "hsl(var(--card))",
-    cardForeground: "hsl(var(--card-foreground))",
-    popover: "hsl(var(--popover))",
-    popoverForeground: "hsl(var(--popover-foreground))",
-    primary: "hsl(var(--tm-primary))",
-    primaryForeground: "hsl(var(--tm-primary-foreground))",
-    secondary: "hsl(var(--tm-secondary))",
-    secondaryForeground: "hsl(var(--tm-secondary-foreground))",
-    muted: "hsl(var(--muted))",
-    mutedForeground: "hsl(var(--muted-foreground))",
-    accent: "hsl(var(--tm-accent))",
-    accentForeground: "hsl(var(--tm-accent-foreground))",
-    destructive: "hsl(var(--destructive))",
-    destructiveForeground: "hsl(var(--destructive-foreground))",
-    border: "hsl(var(--border))",
-    input: "hsl(var(--input))",
-    ring: "hsl(var(--ring))",
-    chart1: "hsl(220, 70%, 50%)",
-    chart2: "hsl(160, 60%, 45%)",
-    chart3: "hsl(30, 80%, 55%)",
-    chart4: "hsl(280, 65%, 60%)",
-    chart5: "hsl(340, 75%, 55%)"
+import { m as fe, p as ge, b as he, s as xe, c as q, d as V, e as Q, f as G, g as J } from "../motion-CzQhSEqk.js";
+import { h as nr, a as sr } from "../motion-CzQhSEqk.js";
+import { jsx as be } from "react/jsx-runtime";
+import p from "react";
+const we = {
+  id: "minimal",
+  name: "Minimal",
+  description: "Clean, minimal brand theme with muted colors, light typography, and compact spacing",
+  namespace: "minimal",
+  version: "1.0.0",
+  author: "Tenerife UI",
+  themes: [
+    {
+      id: "minimal-day",
+      name: "Minimal Day",
+      description: "Light minimal theme with grayscale colors and subtle accents",
+      mode: "day",
+      overrides: {
+        name: "minimal-day",
+        description: "Light minimal theme for day mode",
+        // Muted, low-saturation color overrides
+        primaryColors: {
+          400: "0 0% 60%",
+          // Muted gray
+          500: "0 0% 50%",
+          // Neutral gray (#808080)
+          600: "0 0% 40%",
+          700: "0 0% 30%"
+        },
+        accentColors: {
+          400: "210 20% 70%",
+          // Muted blue-gray
+          500: "210 20% 60%",
+          // Subtle blue-gray
+          600: "210 20% 50%",
+          700: "210 20% 40%"
+        },
+        secondaryColors: {
+          400: "0 0% 70%",
+          // Light gray
+          500: "0 0% 65%",
+          // Neutral light gray
+          600: "0 0% 55%",
+          700: "0 0% 45%"
+        },
+        // Muted base colors for day mode
+        baseColorsDay: {
+          primary: "0 0% 50%",
+          // Neutral gray
+          primaryForeground: "0 0% 100%",
+          secondary: "0 0% 96%",
+          // Very light gray
+          secondaryForeground: "0 0% 20%",
+          accent: "210 20% 60%",
+          // Subtle blue-gray
+          accentForeground: "0 0% 100%"
+        },
+        // Subtle semantic colors
+        semanticColorsDay: {
+          success: "140 30% 45%",
+          // Muted green
+          info: "210 30% 50%",
+          // Muted blue
+          warning: "40 30% 50%",
+          // Muted orange
+          error: "0 40% 55%"
+          // Muted red
+        },
+        // Typography overrides - lighter and smaller
+        typography: {
+          fontWeight: {
+            normal: "400",
+            // Normal weight
+            medium: "500",
+            semibold: "600",
+            // Lighter than default
+            bold: "700"
+            // Standard bold
+          },
+          fontSize: {
+            xs: [
+              "clamp(0.6875rem, 0.65rem + 0.125vw, 0.75rem)",
+              { lineHeight: "1rem", letterSpacing: "0.05em" }
+            ],
+            // Smaller
+            sm: [
+              "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)",
+              { lineHeight: "1.25rem", letterSpacing: "0.025em" }
+            ],
+            // Smaller
+            base: [
+              "clamp(0.9375rem, 0.875rem + 0.25vw, 1rem)",
+              { lineHeight: "1.5rem", letterSpacing: "0em" }
+            ],
+            // Smaller
+            lg: [
+              "clamp(1.0625rem, 0.95rem + 0.5vw, 1.125rem)",
+              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+            ],
+            // Smaller
+            xl: [
+              "clamp(1.1875rem, 1rem + 0.75vw, 1.375rem)",
+              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+            ]
+            // Smaller
+          }
+        },
+        // Spacing overrides - compact spacing for tight layout
+        spacing: {
+          semanticSpacing: {
+            xs: "0.125rem",
+            // 2px (was 4px)
+            sm: "0.25rem",
+            // 4px (was 8px)
+            md: "0.5rem",
+            // 8px (was 16px)
+            lg: "0.75rem",
+            // 12px (was 24px)
+            xl: "1rem",
+            // 16px (was 32px)
+            "2xl": "1.5rem"
+            // 24px (was 48px)
+          }
+        },
+        // Shadow overrides - subtle and minimal
+        shadows: {
+          elevationShadows: {
+            xs: "0 1px 1px 0 rgb(0 0 0 / 0.03)",
+            sm: "0 1px 2px 0 rgb(0 0 0 / 0.05), 0 1px 1px -1px rgb(0 0 0 / 0.05)",
+            md: "0 2px 4px -1px rgb(0 0 0 / 0.05), 0 1px 2px -2px rgb(0 0 0 / 0.05)",
+            lg: "0 4px 8px -2px rgb(0 0 0 / 0.05), 0 2px 4px -3px rgb(0 0 0 / 0.05)",
+            xl: "0 8px 12px -3px rgb(0 0 0 / 0.05), 0 4px 6px -4px rgb(0 0 0 / 0.05)"
+          },
+          glowEffects: {
+            "glow-primary": "0 0 8px 0 hsl(0 0% 50% / 0.2)",
+            "glow-primary-subtle": "0 0 4px 0 hsl(0 0% 50% / 0.15)",
+            "glow-primary-medium": "0 0 8px 0 hsl(0 0% 50% / 0.25)",
+            "glow-primary-strong": "0 0 12px 0 hsl(0 0% 50% / 0.3)"
+          }
+        },
+        // Radius overrides - smaller, sharper corners
+        radius: {
+          borderRadius: {
+            xs: "0.0625rem",
+            // 1px
+            sm: "0.125rem",
+            // 2px (was 4px)
+            md: "0.1875rem",
+            // 3px (was 6px)
+            lg: "0.25rem",
+            // 4px (was 8px)
+            xl: "0.375rem",
+            // 6px (was 12px)
+            "2xl": "0.5rem"
+            // 8px (was 16px)
+          },
+          componentRadius: {
+            button: {
+              sm: "0.125rem",
+              // 2px
+              md: "0.1875rem",
+              // 3px
+              lg: "0.25rem"
+              // 4px
+            },
+            card: {
+              sm: "0.1875rem",
+              // 3px
+              md: "0.25rem",
+              // 4px
+              lg: "0.375rem",
+              // 6px
+              xl: "0.5rem"
+              // 8px
+            },
+            input: {
+              sm: "0.125rem",
+              // 2px
+              md: "0.1875rem",
+              // 3px
+              lg: "0.25rem"
+              // 4px
+            },
+            badge: {
+              sm: "0.0625rem",
+              // 1px
+              md: "0.125rem",
+              // 2px
+              lg: "0.1875rem"
+              // 3px
+            }
+          }
+        }
+      }
+    },
+    {
+      id: "minimal-night",
+      name: "Minimal Night",
+      description: "Dark minimal theme with muted grayscale colors",
+      mode: "night",
+      overrides: {
+        name: "minimal-night",
+        description: "Dark minimal theme for night mode",
+        // Muted colors for night mode (slightly lighter than day for contrast)
+        primaryColors: {
+          400: "0 0% 65%",
+          // Lighter gray for night
+          500: "0 0% 55%",
+          // Neutral gray
+          600: "0 0% 45%",
+          700: "0 0% 35%"
+        },
+        accentColors: {
+          400: "210 20% 75%",
+          // Lighter blue-gray
+          500: "210 20% 65%",
+          // Subtle blue-gray
+          600: "210 20% 55%",
+          700: "210 20% 45%"
+        },
+        secondaryColors: {
+          400: "0 0% 75%",
+          // Light gray
+          500: "0 0% 70%",
+          // Neutral light gray
+          600: "0 0% 60%",
+          700: "0 0% 50%"
+        },
+        // Darker base colors for night mode
+        baseColorsNight: {
+          background: "240 10% 8%",
+          // Dark gray background
+          foreground: "0 0% 95%",
+          card: "240 10% 10%",
+          cardForeground: "0 0% 95%"
+        },
+        surfaceColorsNight: {
+          base: "240 10% 8%",
+          elevated1: "240 10% 10%",
+          elevated2: "240 10% 12%",
+          elevated3: "240 10% 14%"
+        },
+        // Subtle semantic colors for night
+        semanticColorsNight: {
+          success: "140 30% 50%",
+          // Muted green
+          info: "210 30% 55%",
+          // Muted blue
+          warning: "40 30% 55%",
+          // Muted orange
+          error: "0 40% 60%"
+          // Muted red
+        },
+        // Typography overrides - same as day
+        typography: {
+          fontWeight: {
+            normal: "400",
+            medium: "500",
+            semibold: "600",
+            bold: "700"
+          },
+          fontSize: {
+            xs: [
+              "clamp(0.6875rem, 0.65rem + 0.125vw, 0.75rem)",
+              { lineHeight: "1rem", letterSpacing: "0.05em" }
+            ],
+            sm: [
+              "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)",
+              { lineHeight: "1.25rem", letterSpacing: "0.025em" }
+            ],
+            base: [
+              "clamp(0.9375rem, 0.875rem + 0.25vw, 1rem)",
+              { lineHeight: "1.5rem", letterSpacing: "0em" }
+            ],
+            lg: [
+              "clamp(1.0625rem, 0.95rem + 0.5vw, 1.125rem)",
+              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+            ],
+            xl: [
+              "clamp(1.1875rem, 1rem + 0.75vw, 1.375rem)",
+              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+            ]
+          }
+        },
+        // Spacing overrides - same as day
+        spacing: {
+          semanticSpacing: {
+            xs: "0.125rem",
+            sm: "0.25rem",
+            md: "0.5rem",
+            lg: "0.75rem",
+            xl: "1rem",
+            "2xl": "1.5rem"
+          }
+        },
+        // Shadow overrides - subtle for night
+        shadows: {
+          elevationShadows: {
+            xs: "0 1px 2px 0 rgb(0 0 0 / 0.15)",
+            sm: "0 1px 3px 0 rgb(0 0 0 / 0.2), 0 1px 2px -1px rgb(0 0 0 / 0.2)",
+            md: "0 2px 5px -1px rgb(0 0 0 / 0.2), 0 1px 3px -2px rgb(0 0 0 / 0.2)",
+            lg: "0 4px 10px -2px rgb(0 0 0 / 0.2), 0 2px 5px -3px rgb(0 0 0 / 0.2)",
+            xl: "0 8px 15px -3px rgb(0 0 0 / 0.2), 0 4px 8px -4px rgb(0 0 0 / 0.2)"
+          },
+          glowEffects: {
+            "glow-primary": "0 0 8px 0 hsl(0 0% 55% / 0.25)",
+            "glow-primary-subtle": "0 0 4px 0 hsl(0 0% 55% / 0.2)",
+            "glow-primary-medium": "0 0 8px 0 hsl(0 0% 55% / 0.3)",
+            "glow-primary-strong": "0 0 12px 0 hsl(0 0% 55% / 0.35)"
+          }
+        },
+        // Radius overrides - same as day
+        radius: {
+          borderRadius: {
+            xs: "0.0625rem",
+            sm: "0.125rem",
+            md: "0.1875rem",
+            lg: "0.25rem",
+            xl: "0.375rem",
+            "2xl": "0.5rem"
+          },
+          componentRadius: {
+            button: {
+              sm: "0.125rem",
+              md: "0.1875rem",
+              lg: "0.25rem"
+            },
+            card: {
+              sm: "0.1875rem",
+              md: "0.25rem",
+              lg: "0.375rem",
+              xl: "0.5rem"
+            },
+            input: {
+              sm: "0.125rem",
+              md: "0.1875rem",
+              lg: "0.25rem"
+            },
+            badge: {
+              sm: "0.0625rem",
+              md: "0.125rem",
+              lg: "0.1875rem"
+            }
+          }
+        }
+      }
+    }
+  ]
+}, $e = {
+  id: "neon",
+  name: "Neon",
+  description: "Vibrant brand theme with high-saturation neon colors, bold typography, and enhanced visual effects",
+  namespace: "neon",
+  version: "1.0.0",
+  author: "Tenerife UI",
+  themes: [
+    {
+      id: "neon-day",
+      name: "Neon Day",
+      description: "Bright neon theme for day mode with vibrant cyan, magenta, and yellow accents",
+      mode: "day",
+      overrides: {
+        name: "neon-day",
+        description: "Bright neon theme for day mode",
+        // Vibrant neon color overrides
+        primaryColors: {
+          400: "180 100% 50%",
+          // Bright cyan
+          500: "180 100% 45%",
+          // Vibrant cyan (#00e6ff)
+          600: "180 95% 40%",
+          700: "180 90% 35%"
+        },
+        accentColors: {
+          400: "320 100% 60%",
+          // Bright magenta
+          500: "320 100% 55%",
+          // Vibrant magenta (#ff00cc)
+          600: "320 95% 50%",
+          700: "320 90% 45%"
+        },
+        secondaryColors: {
+          400: "60 100% 60%",
+          // Bright yellow
+          500: "60 100% 55%",
+          // Vibrant yellow (#ffff00)
+          600: "60 95% 50%",
+          700: "60 90% 45%"
+        },
+        // Enhanced base colors for day mode
+        baseColorsDay: {
+          primary: "180 100% 45%",
+          // Neon cyan
+          primaryForeground: "0 0% 100%",
+          accent: "320 100% 55%",
+          // Neon magenta
+          accentForeground: "0 0% 100%"
+        },
+        // Semantic colors with neon accents
+        semanticColorsDay: {
+          success: "145 80% 45%",
+          // Neon green
+          info: "180 100% 45%",
+          // Neon cyan
+          warning: "60 100% 55%",
+          // Neon yellow
+          error: "0 100% 60%"
+          // Bright red
+        },
+        // Typography overrides - bolder and larger
+        typography: {
+          fontWeight: {
+            normal: "500",
+            // Heavier than default (400)
+            medium: "600",
+            // Heavier
+            semibold: "700",
+            // Bold
+            bold: "800"
+            // Extra bold
+          },
+          fontSize: {
+            xs: [
+              "clamp(0.875rem, 0.8rem + 0.25vw, 1rem)",
+              { lineHeight: "1.25rem", letterSpacing: "0.025em" }
+            ],
+            // Larger than default
+            sm: [
+              "clamp(1rem, 0.95rem + 0.25vw, 1.125rem)",
+              { lineHeight: "1.5rem", letterSpacing: "0em" }
+            ],
+            // Larger
+            base: [
+              "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)",
+              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+            ],
+            // Larger
+            lg: [
+              "clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)",
+              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+            ],
+            // Larger
+            xl: [
+              "clamp(1.5rem, 1.25rem + 1.25vw, 2rem)",
+              { lineHeight: "2rem", letterSpacing: "-0.05em" }
+            ]
+            // Larger
+          }
+        },
+        // Spacing overrides - larger spacing for breathing room
+        spacing: {
+          semanticSpacing: {
+            xs: "0.5rem",
+            // 8px (was 4px)
+            sm: "1rem",
+            // 16px (was 8px)
+            md: "1.5rem",
+            // 24px (was 16px)
+            lg: "2rem",
+            // 32px (was 24px)
+            xl: "3rem",
+            // 48px (was 32px)
+            "2xl": "4rem"
+            // 64px (was 48px)
+          }
+        },
+        // Shadow overrides - stronger and more prominent
+        shadows: {
+          elevationShadows: {
+            xs: "0 2px 4px 0 rgb(0 0 0 / 0.1)",
+            sm: "0 2px 6px 0 rgb(0 0 0 / 0.15), 0 2px 4px -1px rgb(0 0 0 / 0.15)",
+            md: "0 6px 10px -1px rgb(0 0 0 / 0.15), 0 4px 6px -2px rgb(0 0 0 / 0.15)",
+            lg: "0 12px 20px -3px rgb(0 0 0 / 0.15), 0 6px 10px -4px rgb(0 0 0 / 0.15)",
+            xl: "0 24px 32px -5px rgb(0 0 0 / 0.15), 0 10px 14px -6px rgb(0 0 0 / 0.15)"
+          },
+          glowEffects: {
+            "glow-primary": "0 0 30px 0 hsl(180 100% 45% / 0.7), 0 0 60px 0 hsl(180 100% 45% / 0.4)",
+            "glow-primary-subtle": "0 0 12px 0 hsl(180 100% 45% / 0.5)",
+            "glow-primary-medium": "0 0 24px 0 hsl(180 100% 45% / 0.7)",
+            "glow-primary-strong": "0 0 36px 0 hsl(180 100% 45% / 0.8)",
+            "glow-accent": "0 0 30px 0 hsl(320 100% 55% / 0.7), 0 0 60px 0 hsl(320 100% 55% / 0.4)",
+            "glow-accent-subtle": "0 0 12px 0 hsl(320 100% 55% / 0.5)",
+            "glow-accent-medium": "0 0 24px 0 hsl(320 100% 55% / 0.7)",
+            "glow-accent-strong": "0 0 36px 0 hsl(320 100% 55% / 0.8)"
+          }
+        },
+        // Radius overrides - more rounded corners
+        radius: {
+          borderRadius: {
+            sm: "0.375rem",
+            // 6px (was 4px)
+            md: "0.5rem",
+            // 8px (was 6px)
+            lg: "0.75rem",
+            // 12px (was 8px)
+            xl: "1rem",
+            // 16px (was 12px)
+            "2xl": "1.5rem",
+            // 24px (was 16px)
+            "3xl": "2rem"
+            // 32px (was 24px)
+          },
+          componentRadius: {
+            button: {
+              sm: "0.5rem",
+              // 8px
+              md: "0.75rem",
+              // 12px
+              lg: "1rem"
+              // 16px
+            },
+            card: {
+              sm: "0.75rem",
+              // 12px
+              md: "1rem",
+              // 16px
+              lg: "1.25rem",
+              // 20px
+              xl: "1.5rem"
+              // 24px
+            },
+            input: {
+              sm: "0.5rem",
+              // 8px
+              md: "0.75rem",
+              // 12px
+              lg: "1rem"
+              // 16px
+            },
+            badge: {
+              sm: "0.375rem",
+              // 6px
+              md: "0.5rem",
+              // 8px
+              lg: "0.75rem"
+              // 12px
+            }
+          }
+        }
+      }
+    },
+    {
+      id: "neon-night",
+      name: "Neon Night",
+      description: "Dark neon theme for night mode with glowing neon accents on dark backgrounds",
+      mode: "night",
+      overrides: {
+        name: "neon-night",
+        description: "Dark neon theme for night mode",
+        // Vibrant neon color overrides (same as day but with different base)
+        primaryColors: {
+          400: "180 100% 55%",
+          // Brighter cyan for night
+          500: "180 100% 50%",
+          // Vibrant cyan
+          600: "180 95% 45%",
+          700: "180 90% 40%"
+        },
+        accentColors: {
+          400: "320 100% 65%",
+          // Brighter magenta for night
+          500: "320 100% 60%",
+          // Vibrant magenta
+          600: "320 95% 55%",
+          700: "320 90% 50%"
+        },
+        secondaryColors: {
+          400: "60 100% 65%",
+          // Brighter yellow for night
+          500: "60 100% 60%",
+          // Vibrant yellow
+          600: "60 95% 55%",
+          700: "60 90% 50%"
+        },
+        // Darker base colors for night mode
+        baseColorsNight: {
+          background: "240 10% 5%",
+          // Very dark background
+          foreground: "0 0% 98%",
+          card: "240 10% 6%",
+          cardForeground: "0 0% 98%"
+        },
+        surfaceColorsNight: {
+          base: "240 10% 5%",
+          // Very dark
+          elevated1: "240 10% 7%",
+          elevated2: "240 10% 9%",
+          elevated3: "240 10% 11%"
+        },
+        // Semantic colors with neon accents for night
+        semanticColorsNight: {
+          success: "145 75% 50%",
+          // Neon green
+          info: "180 100% 50%",
+          // Neon cyan
+          warning: "60 100% 60%",
+          // Neon yellow
+          error: "0 100% 65%"
+          // Bright red
+        },
+        // Typography overrides - same as day
+        typography: {
+          fontWeight: {
+            normal: "500",
+            medium: "600",
+            semibold: "700",
+            bold: "800"
+          },
+          fontSize: {
+            xs: [
+              "clamp(0.875rem, 0.8rem + 0.25vw, 1rem)",
+              { lineHeight: "1.25rem", letterSpacing: "0.025em" }
+            ],
+            sm: [
+              "clamp(1rem, 0.95rem + 0.25vw, 1.125rem)",
+              { lineHeight: "1.5rem", letterSpacing: "0em" }
+            ],
+            base: [
+              "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)",
+              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+            ],
+            lg: [
+              "clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)",
+              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+            ],
+            xl: [
+              "clamp(1.5rem, 1.25rem + 1.25vw, 2rem)",
+              { lineHeight: "2rem", letterSpacing: "-0.05em" }
+            ]
+          }
+        },
+        // Spacing overrides - same as day
+        spacing: {
+          semanticSpacing: {
+            xs: "0.5rem",
+            sm: "1rem",
+            md: "1.5rem",
+            lg: "2rem",
+            xl: "3rem",
+            "2xl": "4rem"
+          }
+        },
+        // Shadow overrides - even stronger glow for night
+        shadows: {
+          elevationShadows: {
+            xs: "0 2px 4px 0 rgb(0 0 0 / 0.2)",
+            sm: "0 2px 6px 0 rgb(0 0 0 / 0.25), 0 2px 4px -1px rgb(0 0 0 / 0.25)",
+            md: "0 6px 10px -1px rgb(0 0 0 / 0.25), 0 4px 6px -2px rgb(0 0 0 / 0.25)",
+            lg: "0 12px 20px -3px rgb(0 0 0 / 0.25), 0 6px 10px -4px rgb(0 0 0 / 0.25)",
+            xl: "0 24px 32px -5px rgb(0 0 0 / 0.25), 0 10px 14px -6px rgb(0 0 0 / 0.25)"
+          },
+          glowEffects: {
+            "glow-primary": "0 0 40px 0 hsl(180 100% 50% / 0.8), 0 0 80px 0 hsl(180 100% 50% / 0.5)",
+            "glow-primary-subtle": "0 0 16px 0 hsl(180 100% 50% / 0.6)",
+            "glow-primary-medium": "0 0 32px 0 hsl(180 100% 50% / 0.8)",
+            "glow-primary-strong": "0 0 48px 0 hsl(180 100% 50% / 0.9)",
+            "glow-accent": "0 0 40px 0 hsl(320 100% 60% / 0.8), 0 0 80px 0 hsl(320 100% 60% / 0.5)",
+            "glow-accent-subtle": "0 0 16px 0 hsl(320 100% 60% / 0.6)",
+            "glow-accent-medium": "0 0 32px 0 hsl(320 100% 60% / 0.8)",
+            "glow-accent-strong": "0 0 48px 0 hsl(320 100% 60% / 0.9)"
+          }
+        },
+        // Radius overrides - same as day
+        radius: {
+          borderRadius: {
+            sm: "0.375rem",
+            md: "0.5rem",
+            lg: "0.75rem",
+            xl: "1rem",
+            "2xl": "1.5rem",
+            "3xl": "2rem"
+          },
+          componentRadius: {
+            button: {
+              sm: "0.5rem",
+              md: "0.75rem",
+              lg: "1rem"
+            },
+            card: {
+              sm: "0.75rem",
+              md: "1rem",
+              lg: "1.25rem",
+              xl: "1.5rem"
+            },
+            input: {
+              sm: "0.5rem",
+              md: "0.75rem",
+              lg: "1rem"
+            },
+            badge: {
+              sm: "0.375rem",
+              md: "0.5rem",
+              lg: "0.75rem"
+            }
+          }
+        }
+      }
+    }
+  ]
+}, v = /* @__PURE__ */ new Map();
+let F = null, M = null;
+const j = /* @__PURE__ */ new Map();
+function oe(r) {
+  const e = [], s = [];
+  if (!r || typeof r != "object")
+    return {
+      valid: !1,
+      errors: ["Brand must be an object"],
+      warnings: []
+    };
+  const t = r, n = ["id", "name", "namespace"];
+  for (const o of n)
+    (!(o in t) || !t[o]) && e.push(`Missing required field: ${o}`);
+  if (t.id && typeof t.id == "string" && (/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(t.id) || e.push(
+    `Invalid brand ID format: "${t.id}". Must be kebab-case (e.g., "neon-brand")`
+  )), t.namespace && typeof t.namespace == "string" && (/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(t.namespace) || e.push(
+    `Invalid namespace format: "${t.namespace}". Must be kebab-case (e.g., "neon")`
+  )), t.themes)
+    if (!Array.isArray(t.themes))
+      e.push("Brand themes must be an array");
+    else {
+      const o = t.themes;
+      o.length === 0 && s.push("Brand has no themes defined"), o.forEach((m, i) => {
+        if (!m || typeof m != "object") {
+          e.push(`Theme at index ${i} must be an object`);
+          return;
+        }
+        const a = m;
+        (!a.id || typeof a.id != "string") && e.push(`Theme at index ${i} is missing required field: id`), (!a.name || typeof a.name != "string") && e.push(`Theme at index ${i} is missing required field: name`), (!a.mode || !["day", "night"].includes(a.mode)) && e.push(`Theme at index ${i} must have mode set to "day" or "night"`), (!a.overrides || typeof a.overrides != "object") && e.push(`Theme at index ${i} is missing required field: overrides`);
+      });
+    }
+  else
+    e.push("Brand must have at least one theme");
+  if (t.version && typeof t.version == "string" && (/^\d+\.\d+\.\d+$/.test(t.version) || s.push(
+    `Invalid version format: "${t.version}". Should be semver (e.g., "1.0.0")`
+  )), t.themes && Array.isArray(t.themes)) {
+    const o = t.themes.map(
+      (i) => i == null ? void 0 : i.id
+    ), m = new Set(o);
+    o.length !== m.size && e.push("Brand contains duplicate theme IDs");
+  }
+  return {
+    valid: e.length === 0,
+    errors: e,
+    warnings: s
+  };
+}
+function X(r, e) {
+  const s = oe(r);
+  if (!s.valid)
+    throw new Error(`Invalid brand "${r.id}": ${s.errors.join(", ")}`);
+  s.warnings.length > 0 && console.warn(`Brand "${r.id}" validation warnings:`, s.warnings.join(", "));
+  const t = v.get(r.id);
+  if (t && t.brand.namespace === r.namespace)
+    return;
+  if (v.has(r.id))
+    throw new Error(`Brand "${r.id}" is already registered`);
+  const n = Array.from(v.values()).find(
+    (o) => o.brand.namespace === r.namespace
+  );
+  if (n)
+    throw new Error(
+      `Brand namespace "${r.namespace}" is already used by brand "${n.brand.id}"`
+    );
+  v.set(r.id, {
+    brand: r,
+    enabled: (e == null ? void 0 : e.enabled) !== !1,
+    loader: e == null ? void 0 : e.loader
+  });
+}
+async function ne(r) {
+  if (j.has(r))
+    return j.get(r);
+  const e = v.get(r);
+  if (!e)
+    throw new Error(`Brand "${r}" not found in registry`);
+  if (e.enabled === !1)
+    throw new Error(`Brand "${r}" is disabled`);
+  if (e.loader)
+    try {
+      const t = (await e.loader()).default, n = oe(t);
+      if (!n.valid)
+        throw new Error(`Invalid loaded brand "${r}": ${n.errors.join(", ")}`);
+      return j.set(r, t), t;
+    } catch (s) {
+      throw new Error(
+        `Failed to load brand "${r}": ${s instanceof Error ? s.message : String(s)}`
+      );
+    }
+  return j.set(r, e.brand), e.brand;
+}
+function se() {
+  return F;
+}
+function O(r) {
+  F = r, M = (r == null ? void 0 : r.namespace) || null;
+}
+function Pe() {
+  F = null, M = null;
+}
+function ve(r, e) {
+  return r.themes.find((s) => s.mode === e);
+}
+function ae(r, e) {
+  if (typeof document > "u") return;
+  const s = ve(r, e);
+  if (!s) {
+    console.warn(`Brand "${r.id}" has no theme for mode "${e}"`);
+    return;
+  }
+  const t = document.documentElement, { namespace: n } = r, { overrides: o } = s;
+  o.primaryColors && Object.entries(o.primaryColors).forEach(([i, a]) => {
+    t.style.setProperty(`--brand-${n}-primary-${i}`, a);
+  }), o.accentColors && Object.entries(o.accentColors).forEach(([i, a]) => {
+    t.style.setProperty(`--brand-${n}-accent-${i}`, a);
+  }), o.secondaryColors && Object.entries(o.secondaryColors).forEach(([i, a]) => {
+    t.style.setProperty(`--brand-${n}-secondary-${i}`, a);
+  });
+  const m = e === "day" ? o.baseColorsDay : o.baseColorsNight;
+  if (m && Object.entries(m).forEach(([i, a]) => {
+    t.style.setProperty(`--brand-${n}-${i}`, a);
+  }), o.typography && (o.typography.fontFamily && Object.entries(o.typography.fontFamily).forEach(([i, a]) => {
+    t.style.setProperty(
+      `--brand-${n}-font-${i}`,
+      Array.isArray(a) ? a.join(", ") : a
+    );
+  }), o.typography.fontSize && Object.entries(o.typography.fontSize).forEach(([i, a]) => {
+    const c = typeof a == "string" ? a : a[0];
+    t.style.setProperty(`--brand-${n}-font-size-${i}`, c);
+  }), o.typography.fontWeight && Object.entries(o.typography.fontWeight).forEach(([i, a]) => {
+    t.style.setProperty(`--brand-${n}-font-weight-${i}`, a);
+  }), o.typography.lineHeight && Object.entries(o.typography.lineHeight).forEach(([i, a]) => {
+    t.style.setProperty(`--brand-${n}-line-height-${i}`, a);
+  }), o.typography.letterSpacing && Object.entries(o.typography.letterSpacing).forEach(([i, a]) => {
+    t.style.setProperty(`--brand-${n}-letter-spacing-${i}`, a);
+  })), o.spacing && (o.spacing.semanticSpacing && Object.entries(o.spacing.semanticSpacing).forEach(([i, a]) => {
+    t.style.setProperty(`--brand-${n}-spacing-${i}`, a);
+  }), o.spacing.layoutSpacing)) {
+    const i = o.spacing.layoutSpacing;
+    i.section && Object.entries(i.section).forEach(([a, c]) => {
+      typeof c == "string" && t.style.setProperty(`--brand-${n}-layout-section-${a}`, c);
+    }), i.container && Object.entries(i.container).forEach(([a, c]) => {
+      typeof c == "string" && t.style.setProperty(`--brand-${n}-layout-container-${a}`, c);
+    }), i.grid && Object.entries(i.grid).forEach(([a, c]) => {
+      typeof c == "string" && t.style.setProperty(`--brand-${n}-layout-grid-${a}`, c);
+    }), i.stack && Object.entries(i.stack).forEach(([a, c]) => {
+      typeof c == "string" && t.style.setProperty(`--brand-${n}-layout-stack-${a}`, c);
+    }), i.component && Object.entries(i.component).forEach(([a, c]) => {
+      typeof c == "string" && t.style.setProperty(`--brand-${n}-layout-component-${a}`, c);
+    });
+  }
+  if (o.shadows && (o.shadows.elevationShadows && Object.entries(o.shadows.elevationShadows).forEach(([i, a]) => {
+    t.style.setProperty(`--brand-${n}-shadow-${i}`, a);
+  }), o.shadows.primaryColoredShadows && Object.entries(o.shadows.primaryColoredShadows).forEach(([i, a]) => {
+    t.style.setProperty(`--brand-${n}-shadow-primary-${i}`, a);
+  }), o.shadows.accentColoredShadows && Object.entries(o.shadows.accentColoredShadows).forEach(([i, a]) => {
+    t.style.setProperty(`--brand-${n}-shadow-accent-${i}`, a);
+  }), o.shadows.glowEffects && Object.entries(o.shadows.glowEffects).forEach(([i, a]) => {
+    t.style.setProperty(`--brand-${n}-glow-${i}`, a);
+  }), o.shadows.focusRings && Object.entries(o.shadows.focusRings).forEach(([i, a]) => {
+    t.style.setProperty(`--brand-${n}-focus-ring-${i}`, a);
+  })), o.radius && (o.radius.borderRadius && Object.entries(o.radius.borderRadius).forEach(([i, a]) => {
+    t.style.setProperty(`--brand-${n}-radius-${i}`, a);
+  }), o.radius.componentRadius)) {
+    const { componentRadius: i } = o.radius;
+    i.button && Object.entries(i.button).forEach(([a, c]) => {
+      t.style.setProperty(`--brand-${n}-radius-button-${a}`, c);
+    }), i.card && Object.entries(i.card).forEach(([a, c]) => {
+      t.style.setProperty(`--brand-${n}-radius-card-${a}`, c);
+    }), i.input && Object.entries(i.input).forEach(([a, c]) => {
+      t.style.setProperty(`--brand-${n}-radius-input-${a}`, c);
+    });
+  }
+  O(r), t.setAttribute("data-brand", r.id), t.setAttribute("data-brand-namespace", n);
+}
+function ie(r) {
+  if (typeof document > "u") return;
+  const e = document.documentElement, { style: s } = e, t = [];
+  for (let n = 0; n < s.length; n++) {
+    const o = s.item(n);
+    o && o.startsWith(`--brand-${r}-`) && t.push(o);
+  }
+  t.forEach((n) => {
+    s.removeProperty(n);
+  }), e.removeAttribute("data-brand"), e.removeAttribute("data-brand-namespace"), M === r && Pe();
+}
+const Ce = {
+  default: () => import("../default-BKgH1D9-.js").then((r) => r.defaultTheme),
+  dark: () => import("../dark-Cvoy1uFT.js").then((r) => r.darkTheme),
+  brand: () => import("../brand-C5R2semX.js").then((r) => r.brandTheme)
+};
+async function Ee(r) {
+  const e = Ce[r];
+  if (!e)
+    throw new Error(`Theme "${r}" not found`);
+  return await e();
+}
+const le = "data-mode", I = "data-theme-name", ce = "data-theme", Y = "dark";
+function Se(r = "day", e = "tm_mode", s = !0) {
+  if (typeof window > "u") return r;
+  const t = document.documentElement, n = t.getAttribute(le);
+  if (n === "day" || n === "night")
+    return n;
+  const o = t.getAttribute(ce);
+  if (o === "day" || o === "night")
+    return o;
+  try {
+    const m = localStorage.getItem(e);
+    if (m === "day" || m === "night")
+      return m;
+    const i = localStorage.getItem("theme");
+    if (i === "dark") return "night";
+    if (i === "light") return "day";
+  } catch {
+  }
+  return s && typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "night" : "day" : r;
+}
+let R = null;
+async function Te(r) {
+  if (r === "default")
+    return R = null, null;
+  try {
+    const e = await Ee(r);
+    return R = e, e;
+  } catch (e) {
+    return console.warn(`Failed to load theme "${r}":`, e), R = null, null;
+  }
+}
+function A(r, e) {
+  return e ? { ...r, ...e } : r;
+}
+function w(r, e) {
+  return e ? { ...r, ...e } : r;
+}
+function me(r) {
+  const e = R, s = A(ge, e == null ? void 0 : e.primaryColors), t = A(he, e == null ? void 0 : e.accentColors), n = A(xe, e == null ? void 0 : e.secondaryColors), o = {
+    day: w(q.day, e == null ? void 0 : e.baseColorsDay),
+    night: w(q.night, e == null ? void 0 : e.baseColorsNight)
+  }, m = {
+    day: w(V.day, e == null ? void 0 : e.surfaceColorsDay),
+    night: w(V.night, e == null ? void 0 : e.surfaceColorsNight)
+  }, i = {
+    day: w(Q.day, e == null ? void 0 : e.semanticColorsDay),
+    night: w(Q.night, e == null ? void 0 : e.semanticColorsNight)
+  }, a = {
+    day: w(G.day, e == null ? void 0 : e.textColorsDay),
+    night: w(G.night, e == null ? void 0 : e.textColorsNight)
+  }, c = {
+    day: J.day,
+    night: J.night
+  };
+  return {
+    primaryColors: s,
+    accentColors: t,
+    secondaryColors: n,
+    baseColors: o,
+    surfaceColors: m,
+    semanticColors: i,
+    textColors: a,
+    chartColors: c
+  };
+}
+function ke(r) {
+  if (typeof document > "u") return;
+  const e = document.documentElement, s = me(), {
+    primaryColors: t,
+    accentColors: n,
+    secondaryColors: o,
+    baseColors: m,
+    surfaceColors: i,
+    semanticColors: a,
+    textColors: c,
+    chartColors: x
+  } = s, d = m[r];
+  e.style.setProperty("--background", d.background), e.style.setProperty("--foreground", d.foreground), e.style.setProperty("--card", d.card), e.style.setProperty("--card-foreground", d.cardForeground), e.style.setProperty("--popover", d.popover), e.style.setProperty("--popover-foreground", d.popoverForeground), e.style.setProperty("--border", d.border), e.style.setProperty("--input", d.input), e.style.setProperty("--ring", d.ring);
+  const h = i[r];
+  e.style.setProperty("--surface-base", h.base), e.style.setProperty("--surface-elevated1", h.elevated1), e.style.setProperty("--surface-elevated2", h.elevated2), e.style.setProperty("--surface-elevated3", h.elevated3), e.style.setProperty("--surface-overlay", h.overlay), e.style.setProperty("--surface-glass", h.glass);
+  const y = a[r];
+  e.style.setProperty("--semantic-success", y.success), e.style.setProperty("--semantic-success-foreground", y.successForeground), e.style.setProperty("--semantic-error", y.error), e.style.setProperty("--semantic-error-foreground", y.errorForeground), e.style.setProperty("--semantic-warning", y.warning), e.style.setProperty("--semantic-warning-foreground", y.warningForeground), e.style.setProperty("--semantic-info", y.info), e.style.setProperty("--semantic-info-foreground", y.infoForeground);
+  const b = c[r];
+  e.style.setProperty("--text-primary", b.primary), e.style.setProperty("--text-secondary", b.secondary), e.style.setProperty("--text-tertiary", b.tertiary), e.style.setProperty("--text-muted", b.muted), e.style.setProperty("--text-inverse", b.inverse);
+  const g = x[r];
+  e.style.setProperty("--chart-1", g.chart1), e.style.setProperty("--chart-2", g.chart2), e.style.setProperty("--chart-3", g.chart3), e.style.setProperty("--chart-4", g.chart4), e.style.setProperty("--chart-5", g.chart5), e.style.setProperty("--primary-50", t[50]), e.style.setProperty("--primary-100", t[100]), e.style.setProperty("--primary-200", t[200]), e.style.setProperty("--primary-300", t[300]), e.style.setProperty("--primary-400", t[400]), e.style.setProperty("--primary-500", t[500]), e.style.setProperty("--primary-600", t[600]), e.style.setProperty("--primary-700", t[700]), e.style.setProperty("--primary-800", t[800]), e.style.setProperty("--primary-900", t[900]), e.style.setProperty("--primary-950", t[950]), e.style.setProperty("--accent-50", n[50]), e.style.setProperty("--accent-100", n[100]), e.style.setProperty("--accent-200", n[200]), e.style.setProperty("--accent-300", n[300]), e.style.setProperty("--accent-400", n[400]), e.style.setProperty("--accent-500", n[500]), e.style.setProperty("--accent-600", n[600]), e.style.setProperty("--accent-700", n[700]), e.style.setProperty("--accent-800", n[800]), e.style.setProperty("--accent-900", n[900]), e.style.setProperty("--accent-950", n[950]), e.style.setProperty("--secondary-50", o[50]), e.style.setProperty("--secondary-100", o[100]), e.style.setProperty("--secondary-200", o[200]), e.style.setProperty("--secondary-300", o[300]), e.style.setProperty("--secondary-400", o[400]), e.style.setProperty("--secondary-500", o[500]), e.style.setProperty("--secondary-600", o[600]), e.style.setProperty("--secondary-700", o[700]), e.style.setProperty("--secondary-800", o[800]), e.style.setProperty("--secondary-900", o[900]), e.style.setProperty("--secondary-950", o[950]), r === "day" ? (e.style.setProperty("--tm-primary", o[500]), e.style.setProperty("--tm-primary-foreground", "0 0% 100%"), e.style.setProperty("--tm-secondary", "0 0% 95.7%"), e.style.setProperty("--tm-secondary-foreground", "0 0% 6.7%"), e.style.setProperty("--tm-accent", "0 0% 89.8%"), e.style.setProperty("--tm-accent-foreground", "0 0% 6.7%")) : (e.style.setProperty("--tm-primary", n[600]), e.style.setProperty("--tm-primary-foreground", "0 0% 100%"), e.style.setProperty("--tm-secondary", "240 10% 7%"), e.style.setProperty("--tm-secondary-foreground", "0 0% 89.8%"), e.style.setProperty("--tm-accent", "240 10% 10%"), e.style.setProperty("--tm-accent-foreground", "0 0% 89.8%")), e.style.setProperty("--muted", d.card), e.style.setProperty("--muted-foreground", d.cardForeground), e.style.setProperty("--destructive", y.error), e.style.setProperty("--destructive-foreground", y.errorForeground), Object.entries(fe).forEach(([T, k]) => {
+    e.style.setProperty(T, k);
+  });
+}
+async function $(r, e = "default", s = null) {
+  if (typeof document > "u") return;
+  await Te(e);
+  const t = se();
+  if (t && (!s || t.id !== s) && ie(t.namespace), s)
+    try {
+      const c = await ne(s);
+      ae(c, r);
+    } catch (c) {
+      console.warn(`Failed to apply brand "${s}":`, c);
+    }
+  const { documentElement: n, body: o } = document;
+  n.setAttribute(le, r), n.setAttribute(ce, r), n.setAttribute(I, e), r === "night" ? n.classList.add(Y) : n.classList.remove(Y), ke(r);
+  const m = me(), { background: i, foreground: a } = m.baseColors[r];
+  o && (o.dataset.mode = r, o.dataset.theme = e, s ? o.dataset.brand = s : o.removeAttribute("data-brand"), o.style.backgroundColor = `hsl(${i})`, o.style.color = `hsl(${a})`);
+}
+async function He(r) {
+  if (typeof document < "u") {
+    const e = document.documentElement, s = e.getAttribute(I) || "default", t = e.getAttribute("data-brand") || null;
+    await $(r, s, t);
+  } else
+    await $(r, "default", null);
+}
+function Z(r = "default", e = "tm_theme") {
+  if (typeof window > "u") return r;
+  const t = document.documentElement.getAttribute(I);
+  if (t === "default" || t === "dark" || t === "brand")
+    return t;
+  try {
+    const n = localStorage.getItem(e);
+    if (n === "default" || n === "dark" || n === "brand")
+      return n;
+  } catch {
   }
-}, T = {
-  background: "hsl(var(--background))",
-  foreground: "hsl(var(--foreground))",
-  card: {
-    DEFAULT: "hsl(var(--card))",
-    foreground: "hsl(var(--card-foreground))"
-  },
-  popover: {
-    DEFAULT: "hsl(var(--popover))",
-    foreground: "hsl(var(--popover-foreground))"
-  },
-  primary: {
-    DEFAULT: "hsl(var(--tm-primary))",
-    foreground: "hsl(var(--tm-primary-foreground))"
-  },
-  secondary: {
-    DEFAULT: "hsl(var(--tm-secondary))",
-    foreground: "hsl(var(--tm-secondary-foreground))"
-  },
-  muted: {
-    DEFAULT: "hsl(var(--muted))",
-    foreground: "hsl(var(--muted-foreground))"
-  },
-  accent: {
-    DEFAULT: "hsl(var(--tm-accent))",
-    foreground: "hsl(var(--tm-accent-foreground))"
-  },
-  destructive: {
-    DEFAULT: "hsl(var(--destructive))",
-    foreground: "hsl(var(--destructive-foreground))"
-  },
-  border: "hsl(var(--border))",
-  input: "hsl(var(--input))",
-  ring: "hsl(var(--ring))",
-  chart: {
-    1: "hsl(var(--chart-1))",
-    2: "hsl(var(--chart-2))",
-    3: "hsl(var(--chart-3))",
-    4: "hsl(var(--chart-4))",
-    5: "hsl(var(--chart-5))"
+  return r;
+}
+function K(r, e = "tm_mode") {
+  if (!(typeof window > "u"))
+    try {
+      localStorage.setItem(e, r), localStorage.setItem("theme", r === "night" ? "dark" : "light");
+    } catch {
+    }
+}
+function ee(r, e = "tm_theme") {
+  if (!(typeof window > "u"))
+    try {
+      localStorage.setItem(e, r);
+    } catch {
+    }
+}
+function re(r = null, e = "tm_brand") {
+  if (typeof window > "u") return r;
+  const t = document.documentElement.getAttribute("data-brand");
+  if (t)
+    return t;
+  try {
+    const n = localStorage.getItem(e);
+    if (n)
+      return n;
+  } catch {
   }
-}, i = /* @__PURE__ */ new Map();
-function c(r) {
-  i.set(r.metadata.id, r);
+  return r;
+}
+function te(r, e = "tm_brand") {
+  if (!(typeof window > "u"))
+    try {
+      r ? localStorage.setItem(e, r) : localStorage.removeItem(e);
+    } catch {
+    }
 }
-function x(r) {
-  var a;
-  return (a = i.get(r)) == null ? void 0 : a.metadata;
+const S = /* @__PURE__ */ new Map();
+function D(r) {
+  S.set(r.metadata.id, r);
 }
-function h() {
-  return Array.from(i.values()).filter((r) => r.enabled !== !1).map((r) => r.metadata);
+function _e(r) {
+  var e;
+  return (e = S.get(r)) == null ? void 0 : e.metadata;
 }
-function w(r) {
-  return h().filter((a) => a.category === r);
+function de() {
+  return Array.from(S.values()).filter((r) => r.enabled !== !1).map((r) => r.metadata);
 }
-function s(r) {
-  return i.has(r);
+function Ne(r) {
+  return de().filter((e) => e.category === r);
 }
-async function g(r) {
-  const a = i.get(r);
-  if (!a)
+function C(r) {
+  return S.has(r);
+}
+async function je(r) {
+  const e = S.get(r);
+  if (!e)
     throw new Error(`Theme "${r}" not found in registry`);
-  if (a.enabled === !1)
+  if (e.enabled === !1)
     throw new Error(`Theme "${r}" is disabled`);
   try {
-    return (await a.loader()).default;
-  } catch (e) {
+    return (await e.loader()).default;
+  } catch (s) {
     throw new Error(
-      `Failed to load theme "${r}": ${e instanceof Error ? e.message : String(e)}`
+      `Failed to load theme "${r}": ${s instanceof Error ? s.message : String(s)}`
     );
   }
 }
-function v() {
-  c({
+function Re() {
+  D({
     metadata: {
       id: "default",
       name: "Default",
@@ -136,7 +1097,7 @@ function v() {
     },
     loader: async () => ({ default: { ...(await import("../default-BKgH1D9-.js")).defaultTheme, id: "default", name: "Default" } }),
     enabled: !0
-  }), c({
+  }), D({
     metadata: {
       id: "dark",
       name: "Dark",
@@ -146,7 +1107,7 @@ function v() {
     },
     loader: async () => ({ default: { ...(await import("../dark-Cvoy1uFT.js")).darkTheme, id: "dark", name: "Dark" } }),
     enabled: !0
-  }), c({
+  }), D({
     metadata: {
       id: "brand",
       name: "Brand",
@@ -158,31 +1119,31 @@ function v() {
     enabled: !0
   });
 }
-v();
-const p = ["id", "name"];
-function f(r) {
-  const a = [], e = [];
+Re();
+const Be = ["id", "name"];
+function pe(r) {
+  const e = [], s = [];
   if (!r || typeof r != "object")
     return {
       valid: !1,
       errors: ["Theme must be an object"],
       warnings: []
     };
-  const o = r;
-  for (const t of p)
-    (!(t in o) || !o[t]) && a.push(`Missing required field: ${t}`);
-  if (o.id && typeof o.id == "string" && (/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(o.id) || a.push(
-    `Invalid theme ID format: "${o.id}". Must be kebab-case (e.g., "ocean-blue")`
-  )), o.name && typeof o.name != "string" && a.push("Theme name must be a string"), o.category) {
-    const t = ["default", "brand", "seasonal", "custom"];
-    t.includes(o.category) || a.push(
-      `Invalid category: "${o.category}". Must be one of: ${t.join(", ")}`
+  const t = r;
+  for (const o of Be)
+    (!(o in t) || !t[o]) && e.push(`Missing required field: ${o}`);
+  if (t.id && typeof t.id == "string" && (/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(t.id) || e.push(
+    `Invalid theme ID format: "${t.id}". Must be kebab-case (e.g., "ocean-blue")`
+  )), t.name && typeof t.name != "string" && e.push("Theme name must be a string"), t.category) {
+    const o = ["default", "brand", "seasonal", "custom"];
+    o.includes(t.category) || e.push(
+      `Invalid category: "${t.category}". Must be one of: ${o.join(", ")}`
     );
   }
   const n = ["primaryColors", "accentColors", "secondaryColors"];
-  for (const t of n)
-    if (o[t]) {
-      const m = o[t], u = [
+  for (const o of n)
+    if (t[o]) {
+      const m = t[o], i = [
         "50",
         "100",
         "200",
@@ -195,95 +1156,95 @@ function f(r) {
         "900",
         "950"
       ];
-      for (const d of Object.keys(m))
-        u.includes(d) || e.push(
-          `Invalid color scale key in ${t}: ${d}. Valid keys: ${u.join(", ")}`
-        ), typeof m[d] != "string" && a.push(`Color value in ${t}.${d} must be a string (HSL format)`);
+      for (const a of Object.keys(m))
+        i.includes(a) || s.push(
+          `Invalid color scale key in ${o}: ${a}. Valid keys: ${i.join(", ")}`
+        ), typeof m[a] != "string" && e.push(`Color value in ${o}.${a} must be a string (HSL format)`);
     }
-  return o.version && typeof o.version == "string" && (/^\d+\.\d+\.\d+$/.test(o.version) || e.push(
-    `Invalid version format: "${o.version}". Should be semver (e.g., "1.0.0")`
+  return t.version && typeof t.version == "string" && (/^\d+\.\d+\.\d+$/.test(t.version) || s.push(
+    `Invalid version format: "${t.version}". Should be semver (e.g., "1.0.0")`
   )), {
-    valid: a.length === 0,
-    errors: a,
-    warnings: e
+    valid: e.length === 0,
+    errors: e,
+    warnings: s
   };
 }
-function k(r) {
-  return f(r).valid;
+function ze(r) {
+  return pe(r).valid;
 }
-function E(r, a) {
+function Le(r, e) {
   return {
     id: r,
-    name: a,
-    description: `Custom theme: ${a}`,
+    name: e,
+    description: `Custom theme: ${e}`,
     category: "custom",
     version: "1.0.0"
   };
 }
-const b = {
+const Ae = {
   fallbackThemeId: "default",
   validate: !0,
   throwOnError: !1
 };
-async function l(r, a = {}) {
-  const e = { ...b, ...a }, o = [];
-  if (!s(r)) {
-    if (e.throwOnError)
+async function E(r, e = {}) {
+  const s = { ...Ae, ...e }, t = [];
+  if (!C(r)) {
+    if (s.throwOnError)
       throw new Error(`Theme "${r}" not found`);
-    if (e.fallbackThemeId && s(e.fallbackThemeId))
-      return o.push(`Theme "${r}" not found, using fallback "${e.fallbackThemeId}"`), l(e.fallbackThemeId, { ...e, throwOnError: !1 });
+    if (s.fallbackThemeId && C(s.fallbackThemeId))
+      return t.push(`Theme "${r}" not found, using fallback "${s.fallbackThemeId}"`), E(s.fallbackThemeId, { ...s, throwOnError: !1 });
     throw new Error(`Theme "${r}" not found and no fallback available`);
   }
   try {
-    const n = await g(r);
-    if (e.validate) {
-      const t = f(n);
-      if (!t.valid) {
-        if (e.throwOnError)
-          throw new Error(`Theme "${r}" validation failed: ${t.errors.join(", ")}`);
-        if (e.fallbackThemeId && s(e.fallbackThemeId))
-          return o.push(
-            `Theme "${r}" validation failed: ${t.errors.join(", ")}. Using fallback "${e.fallbackThemeId}"`
-          ), l(e.fallbackThemeId, { ...e, throwOnError: !1 });
-        throw new Error(`Theme "${r}" validation failed: ${t.errors.join(", ")}`);
+    const n = await je(r);
+    if (s.validate) {
+      const o = pe(n);
+      if (!o.valid) {
+        if (s.throwOnError)
+          throw new Error(`Theme "${r}" validation failed: ${o.errors.join(", ")}`);
+        if (s.fallbackThemeId && C(s.fallbackThemeId))
+          return t.push(
+            `Theme "${r}" validation failed: ${o.errors.join(", ")}. Using fallback "${s.fallbackThemeId}"`
+          ), E(s.fallbackThemeId, { ...s, throwOnError: !1 });
+        throw new Error(`Theme "${r}" validation failed: ${o.errors.join(", ")}`);
       }
-      o.push(...t.warnings);
+      t.push(...o.warnings);
     }
     return {
       theme: n,
       usedFallback: !1,
-      warnings: o
+      warnings: t
     };
   } catch (n) {
-    if (e.throwOnError)
+    if (s.throwOnError)
       throw n;
-    if (e.fallbackThemeId && s(e.fallbackThemeId) && e.fallbackThemeId !== r)
-      return o.push(
-        `Failed to load theme "${r}": ${n instanceof Error ? n.message : String(n)}. Using fallback "${e.fallbackThemeId}"`
-      ), l(e.fallbackThemeId, { ...e, throwOnError: !1 });
+    if (s.fallbackThemeId && C(s.fallbackThemeId) && s.fallbackThemeId !== r)
+      return t.push(
+        `Failed to load theme "${r}": ${n instanceof Error ? n.message : String(n)}. Using fallback "${s.fallbackThemeId}"`
+      ), E(s.fallbackThemeId, { ...s, throwOnError: !1 });
     throw n;
   }
 }
-async function $(r) {
-  const a = r.map(
-    (e) => l(e, { validate: !1, throwOnError: !1 }).catch(() => {
+async function Ue(r) {
+  const e = r.map(
+    (s) => E(s, { validate: !1, throwOnError: !1 }).catch(() => {
     })
   );
-  await Promise.all(a);
+  await Promise.all(e);
 }
-function F() {
-  return h().map((r) => r.id);
+function We() {
+  return de().map((r) => r.id);
 }
-async function I(r) {
-  if (!s(r))
+async function qe(r) {
+  if (!C(r))
     return !1;
   try {
-    return await l(r, { validate: !1, throwOnError: !0 }), !0;
+    return await E(r, { validate: !1, throwOnError: !0 }), !0;
   } catch {
     return !1;
   }
 }
-const D = {
+const Ve = {
   none: "0",
   xs: "0.25rem",
   // 4px
@@ -303,7 +1264,7 @@ const D = {
   // 64px
   "5xl": "5rem"
   // 80px
-}, S = {
+}, Qe = {
   none: "0px",
   sm: "0.125rem",
   // 2px
@@ -320,7 +1281,7 @@ const D = {
   "3xl": "1.5rem",
   // 24px
   full: "9999px"
-}, U = {
+}, Ge = {
   none: "none",
   sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
   base: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
@@ -329,7 +1290,174 @@ const D = {
   xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
   "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
   inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
-}, j = {
+}, ye = p.createContext(void 0);
+function De(r) {
+  if (r !== void 0) return r;
+  if (typeof window > "u") return !1;
+  try {
+    return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  } catch {
+    return !1;
+  }
+}
+function Je({
+  children: r,
+  defaultMode: e = "day",
+  defaultTheme: s = "default",
+  defaultBrand: t = null,
+  storageKey: n = "tm_mode",
+  themeStorageKey: o = "tm_theme",
+  brandStorageKey: m = "tm_brand",
+  attribute: i = "data-mode",
+  enableSystem: a = !0,
+  reduceMotion: c,
+  enableAnimations: x = !0
+}) {
+  p.useEffect(() => {
+    try {
+      X($e);
+    } catch (l) {
+      console.warn("Failed to register neon brand:", l);
+    }
+    try {
+      X(we);
+    } catch (l) {
+      console.warn("Failed to register minimal brand:", l);
+    }
+  }, []);
+  const [d, h] = p.useState(() => {
+    if (typeof window > "u") return e;
+    const u = document.documentElement.getAttribute(i);
+    if (u === "day" || u === "night")
+      return u;
+    try {
+      const f = localStorage.getItem(n);
+      if (f === "day" || f === "night")
+        return f;
+    } catch {
+    }
+    return a && typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "night" : "day" : e;
+  }), [y, b] = p.useState(() => typeof window > "u" ? s : Z(s, o)), [g, T] = p.useState(() => typeof window > "u" ? t : re(t, m)), [k, B] = p.useState(() => De(c)), [H, _] = p.useState(() => x), P = p.useCallback(
+    (l) => {
+      h(l), $(l, y, g), K(l, n);
+    },
+    [y, g, n]
+  ), N = p.useCallback(
+    async (l) => {
+      b(l), await $(d, l, g), ee(l, o);
+    },
+    [d, g, o]
+  ), z = p.useCallback(
+    async (l) => {
+      const u = se();
+      if (u && ie(u.namespace), T(l), te(l, m), l)
+        try {
+          const f = await ne(l);
+          ae(f, d);
+        } catch (f) {
+          console.error(`Failed to load brand "${l}":`, f), O(null);
+        }
+      else
+        O(null);
+      await $(d, y, l);
+    },
+    [d, y, m]
+  ), L = p.useCallback(() => {
+    P(d === "night" ? "day" : "night");
+  }, [d, P]), U = p.useCallback((l) => {
+    B(l);
+    try {
+      localStorage.setItem("tm_reduce_motion", l ? "true" : "false");
+    } catch {
+    }
+  }, []), W = p.useCallback((l) => {
+    _(l);
+    try {
+      localStorage.setItem("tm_enable_animations", l ? "true" : "false");
+    } catch {
+    }
+  }, []);
+  p.useEffect(() => {
+    if (c !== void 0) return;
+    const l = window.matchMedia("(prefers-reduced-motion: reduce)"), u = (f) => {
+      B(f.matches);
+    };
+    return l.addEventListener("change", u), () => l.removeEventListener("change", u);
+  }, [c]), p.useEffect(() => {
+    if (c === void 0)
+      try {
+        const l = localStorage.getItem("tm_reduce_motion");
+        (l === "true" || l === "false") && B(l === "true");
+      } catch {
+      }
+    if (x === void 0)
+      try {
+        const l = localStorage.getItem("tm_enable_animations");
+        (l === "true" || l === "false") && _(l === "true");
+      } catch {
+      }
+  }, [c, x]), p.useEffect(() => {
+    const l = Se(e, n, a), u = Z(s, o), f = re(t, m);
+    h(l), b(u), T(f), $(l, u, f), K(l, n), ee(u, o), te(f, m);
+  }, [
+    e,
+    s,
+    t,
+    n,
+    o,
+    m,
+    a
+  ]), p.useEffect(() => {
+    if (!a) return;
+    const l = window.matchMedia("(prefers-color-scheme: dark)"), u = (f) => {
+      try {
+        localStorage.getItem(n) || P(f.matches ? "night" : "day");
+      } catch {
+      }
+    };
+    return l.addEventListener("change", u), () => l.removeEventListener("change", u);
+  }, [a, n, P]), p.useEffect(() => {
+    $(d, y, g);
+  }, [d, y, g]);
+  const ue = p.useMemo(
+    () => ({
+      mode: d,
+      theme: y,
+      brand: g,
+      reduceMotion: c !== void 0 ? c : k,
+      enableAnimations: x !== void 0 ? x : H,
+      setMode: P,
+      setTheme: N,
+      setBrand: z,
+      toggleMode: L,
+      setReduceMotion: U,
+      setEnableAnimations: W
+    }),
+    [
+      d,
+      y,
+      g,
+      k,
+      H,
+      c,
+      x,
+      P,
+      N,
+      z,
+      L,
+      U,
+      W
+    ]
+  );
+  return /* @__PURE__ */ be(ye.Provider, { value: ue, children: r });
+}
+function Xe() {
+  const r = p.useContext(ye);
+  if (r === void 0)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return r;
+}
+const Ye = {
   sans: [
     "ui-sans-serif",
     "system-ui",
@@ -357,7 +1485,7 @@ const D = {
     "Courier New",
     "monospace"
   ].join(", ")
-}, C = {
+}, Ze = {
   xs: "0.75rem",
   // 12px
   sm: "0.875rem",
@@ -378,7 +1506,7 @@ const D = {
   // 48px
   "6xl": "3.75rem"
   // 60px
-}, O = {
+}, Ke = {
   thin: "100",
   extralight: "200",
   light: "300",
@@ -388,14 +1516,14 @@ const D = {
   bold: "700",
   extrabold: "800",
   black: "900"
-}, A = {
+}, er = {
   none: "1",
   tight: "1.25",
   snug: "1.375",
   normal: "1.5",
   relaxed: "1.625",
   loose: "2"
-}, M = {
+}, rr = {
   tighter: "-0.05em",
   tight: "-0.025em",
   normal: "0em",
@@ -404,40 +1532,40 @@ const D = {
   widest: "0.1em"
 };
 export {
-  B as ThemeProvider,
-  N as applyDocumentMode,
-  z as applyDocumentTheme,
-  S as borderRadius,
-  I as canLoadTheme,
-  E as createMinimalThemeSchema,
-  y as cssVariableColorTokens,
-  j as fontFamilies,
-  C as fontSizes,
-  O as fontWeights,
-  h as getAllThemes,
-  F as getAvailableThemeIds,
-  P as getInitialBrand,
-  H as getInitialMode,
-  V as getInitialTheme,
-  x as getThemeMetadata,
-  w as getThemesByCategory,
-  v as initializeDefaultThemes,
-  k as isThemeSchema,
-  M as letterSpacings,
-  A as lineHeights,
-  g as loadTheme,
-  _ as loadThemeOverride,
-  l as loadThemeSafe,
-  q as persistBrand,
-  G as persistMode,
-  K as persistTheme,
-  $ as preloadThemes,
-  c as registerTheme,
-  U as shadows,
-  D as spacing,
-  T as tailwindThemeColors,
-  s as themeExists,
-  i as themeRegistry,
-  Q as useTheme,
-  f as validateThemeSchema
+  Je as ThemeProvider,
+  He as applyDocumentMode,
+  $ as applyDocumentTheme,
+  Qe as borderRadius,
+  qe as canLoadTheme,
+  Le as createMinimalThemeSchema,
+  nr as cssVariableColorTokens,
+  Ye as fontFamilies,
+  Ze as fontSizes,
+  Ke as fontWeights,
+  de as getAllThemes,
+  We as getAvailableThemeIds,
+  re as getInitialBrand,
+  Se as getInitialMode,
+  Z as getInitialTheme,
+  _e as getThemeMetadata,
+  Ne as getThemesByCategory,
+  Re as initializeDefaultThemes,
+  ze as isThemeSchema,
+  rr as letterSpacings,
+  er as lineHeights,
+  je as loadTheme,
+  Te as loadThemeOverride,
+  E as loadThemeSafe,
+  te as persistBrand,
+  K as persistMode,
+  ee as persistTheme,
+  Ue as preloadThemes,
+  D as registerTheme,
+  Ge as shadows,
+  Ve as spacing,
+  sr as tailwindThemeColors,
+  C as themeExists,
+  S as themeRegistry,
+  Xe as useTheme,
+  pe as validateThemeSchema
 };