@tenerife.music/ui 1.0.0 → 1.0.1

package/dist/ThemeProvider-ltuW-773.js

@@ -0,0 +1,1227 @@
+"use client";
+import { jsx as ce } from "react/jsx-runtime";
+import d from "react";
+import "./radius-CAu4qr9R.js";
+import { m as me, p as le, a as de, s as pe, b as N, c as L, d as W, t as q } from "./motion-CuHacXY1.js";
+const ye = {
+  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"
+            }
+          }
+        }
+      }
+    }
+  ]
+}, ge = {
+  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 T = null, B = null;
+const $ = /* @__PURE__ */ new Map();
+function Z(t) {
+  const e = [], i = [];
+  if (!t || typeof t != "object")
+    return {
+      valid: !1,
+      errors: ["Brand must be an object"],
+      warnings: []
+    };
+  const r = t, s = ["id", "name", "namespace"];
+  for (const o of s)
+    (!(o in r) || !r[o]) && e.push(`Missing required field: ${o}`);
+  if (r.id && typeof r.id == "string" && (/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(r.id) || e.push(
+    `Invalid brand ID format: "${r.id}". Must be kebab-case (e.g., "neon-brand")`
+  )), r.namespace && typeof r.namespace == "string" && (/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(r.namespace) || e.push(
+    `Invalid namespace format: "${r.namespace}". Must be kebab-case (e.g., "neon")`
+  )), r.themes)
+    if (!Array.isArray(r.themes))
+      e.push("Brand themes must be an array");
+    else {
+      const o = r.themes;
+      o.length === 0 && i.push("Brand has no themes defined"), o.forEach((l, a) => {
+        if (!l || typeof l != "object") {
+          e.push(`Theme at index ${a} must be an object`);
+          return;
+        }
+        const n = l;
+        (!n.id || typeof n.id != "string") && e.push(`Theme at index ${a} is missing required field: id`), (!n.name || typeof n.name != "string") && e.push(`Theme at index ${a} is missing required field: name`), (!n.mode || !["day", "night"].includes(n.mode)) && e.push(`Theme at index ${a} must have mode set to "day" or "night"`), (!n.overrides || typeof n.overrides != "object") && e.push(`Theme at index ${a} is missing required field: overrides`);
+      });
+    }
+  else
+    e.push("Brand must have at least one theme");
+  if (r.version && typeof r.version == "string" && (/^\d+\.\d+\.\d+$/.test(r.version) || i.push(
+    `Invalid version format: "${r.version}". Should be semver (e.g., "1.0.0")`
+  )), r.themes && Array.isArray(r.themes)) {
+    const o = r.themes.map(
+      (a) => a == null ? void 0 : a.id
+    ), l = new Set(o);
+    o.length !== l.size && e.push("Brand contains duplicate theme IDs");
+  }
+  return {
+    valid: e.length === 0,
+    errors: e,
+    warnings: i
+  };
+}
+function U(t, e) {
+  const i = Z(t);
+  if (!i.valid)
+    throw new Error(`Invalid brand "${t.id}": ${i.errors.join(", ")}`);
+  if (i.warnings.length > 0 && console.warn(`Brand "${t.id}" validation warnings:`, i.warnings.join(", ")), v.has(t.id))
+    throw new Error(`Brand "${t.id}" is already registered`);
+  const r = Array.from(v.values()).find(
+    (s) => s.brand.namespace === t.namespace
+  );
+  if (r)
+    throw new Error(
+      `Brand namespace "${t.namespace}" is already used by brand "${r.brand.id}"`
+    );
+  v.set(t.id, {
+    brand: t,
+    enabled: (e == null ? void 0 : e.enabled) !== !1,
+    loader: e == null ? void 0 : e.loader
+  });
+}
+async function K(t) {
+  if ($.has(t))
+    return $.get(t);
+  const e = v.get(t);
+  if (!e)
+    throw new Error(`Brand "${t}" not found in registry`);
+  if (e.enabled === !1)
+    throw new Error(`Brand "${t}" is disabled`);
+  if (e.loader)
+    try {
+      const r = (await e.loader()).default, s = Z(r);
+      if (!s.valid)
+        throw new Error(`Invalid loaded brand "${t}": ${s.errors.join(", ")}`);
+      return $.set(t, r), r;
+    } catch (i) {
+      throw new Error(
+        `Failed to load brand "${t}": ${i instanceof Error ? i.message : String(i)}`
+      );
+    }
+  return $.set(t, e.brand), e.brand;
+}
+function ee() {
+  return T;
+}
+function j(t) {
+  T = t, B = (t == null ? void 0 : t.namespace) || null;
+}
+function ue() {
+  T = null, B = null;
+}
+function fe(t, e) {
+  return t.themes.find((i) => i.mode === e);
+}
+function te(t, e) {
+  if (typeof document > "u") return;
+  const i = fe(t, e);
+  if (!i) {
+    console.warn(`Brand "${t.id}" has no theme for mode "${e}"`);
+    return;
+  }
+  const r = document.documentElement, { namespace: s } = t, { overrides: o } = i;
+  o.primaryColors && Object.entries(o.primaryColors).forEach(([a, n]) => {
+    r.style.setProperty(`--brand-${s}-primary-${a}`, n);
+  }), o.accentColors && Object.entries(o.accentColors).forEach(([a, n]) => {
+    r.style.setProperty(`--brand-${s}-accent-${a}`, n);
+  }), o.secondaryColors && Object.entries(o.secondaryColors).forEach(([a, n]) => {
+    r.style.setProperty(`--brand-${s}-secondary-${a}`, n);
+  });
+  const l = e === "day" ? o.baseColorsDay : o.baseColorsNight;
+  if (l && Object.entries(l).forEach(([a, n]) => {
+    r.style.setProperty(`--brand-${s}-${a}`, n);
+  }), o.typography && (o.typography.fontFamily && Object.entries(o.typography.fontFamily).forEach(([a, n]) => {
+    r.style.setProperty(
+      `--brand-${s}-font-${a}`,
+      Array.isArray(n) ? n.join(", ") : n
+    );
+  }), o.typography.fontSize && Object.entries(o.typography.fontSize).forEach(([a, n]) => {
+    const m = typeof n == "string" ? n : n[0];
+    r.style.setProperty(`--brand-${s}-font-size-${a}`, m);
+  }), o.typography.fontWeight && Object.entries(o.typography.fontWeight).forEach(([a, n]) => {
+    r.style.setProperty(`--brand-${s}-font-weight-${a}`, n);
+  }), o.typography.lineHeight && Object.entries(o.typography.lineHeight).forEach(([a, n]) => {
+    r.style.setProperty(`--brand-${s}-line-height-${a}`, n);
+  }), o.typography.letterSpacing && Object.entries(o.typography.letterSpacing).forEach(([a, n]) => {
+    r.style.setProperty(`--brand-${s}-letter-spacing-${a}`, n);
+  })), o.spacing && (o.spacing.semanticSpacing && Object.entries(o.spacing.semanticSpacing).forEach(([a, n]) => {
+    r.style.setProperty(`--brand-${s}-spacing-${a}`, n);
+  }), o.spacing.layoutSpacing)) {
+    const a = o.spacing.layoutSpacing;
+    a.section && Object.entries(a.section).forEach(([n, m]) => {
+      typeof m == "string" && r.style.setProperty(`--brand-${s}-layout-section-${n}`, m);
+    }), a.container && Object.entries(a.container).forEach(([n, m]) => {
+      typeof m == "string" && r.style.setProperty(`--brand-${s}-layout-container-${n}`, m);
+    }), a.grid && Object.entries(a.grid).forEach(([n, m]) => {
+      typeof m == "string" && r.style.setProperty(`--brand-${s}-layout-grid-${n}`, m);
+    }), a.stack && Object.entries(a.stack).forEach(([n, m]) => {
+      typeof m == "string" && r.style.setProperty(`--brand-${s}-layout-stack-${n}`, m);
+    }), a.component && Object.entries(a.component).forEach(([n, m]) => {
+      typeof m == "string" && r.style.setProperty(`--brand-${s}-layout-component-${n}`, m);
+    });
+  }
+  if (o.shadows && (o.shadows.elevationShadows && Object.entries(o.shadows.elevationShadows).forEach(([a, n]) => {
+    r.style.setProperty(`--brand-${s}-shadow-${a}`, n);
+  }), o.shadows.primaryColoredShadows && Object.entries(o.shadows.primaryColoredShadows).forEach(([a, n]) => {
+    r.style.setProperty(`--brand-${s}-shadow-primary-${a}`, n);
+  }), o.shadows.accentColoredShadows && Object.entries(o.shadows.accentColoredShadows).forEach(([a, n]) => {
+    r.style.setProperty(`--brand-${s}-shadow-accent-${a}`, n);
+  }), o.shadows.glowEffects && Object.entries(o.shadows.glowEffects).forEach(([a, n]) => {
+    r.style.setProperty(`--brand-${s}-glow-${a}`, n);
+  }), o.shadows.focusRings && Object.entries(o.shadows.focusRings).forEach(([a, n]) => {
+    r.style.setProperty(`--brand-${s}-focus-ring-${a}`, n);
+  })), o.radius && (o.radius.borderRadius && Object.entries(o.radius.borderRadius).forEach(([a, n]) => {
+    r.style.setProperty(`--brand-${s}-radius-${a}`, n);
+  }), o.radius.componentRadius)) {
+    const { componentRadius: a } = o.radius;
+    a.button && Object.entries(a.button).forEach(([n, m]) => {
+      r.style.setProperty(`--brand-${s}-radius-button-${n}`, m);
+    }), a.card && Object.entries(a.card).forEach(([n, m]) => {
+      r.style.setProperty(`--brand-${s}-radius-card-${n}`, m);
+    }), a.input && Object.entries(a.input).forEach(([n, m]) => {
+      r.style.setProperty(`--brand-${s}-radius-input-${n}`, m);
+    });
+  }
+  j(t), r.setAttribute("data-brand", t.id), r.setAttribute("data-brand-namespace", s);
+}
+function re(t) {
+  if (typeof document > "u") return;
+  const e = document.documentElement, { style: i } = e, r = [];
+  for (let s = 0; s < i.length; s++) {
+    const o = i.item(s);
+    o && o.startsWith(`--brand-${t}-`) && r.push(o);
+  }
+  r.forEach((s) => {
+    i.removeProperty(s);
+  }), e.removeAttribute("data-brand"), e.removeAttribute("data-brand-namespace"), B === t && ue();
+}
+const he = {
+  default: () => import("./default-BKgH1D9-.js").then((t) => t.defaultTheme),
+  dark: () => import("./dark-Cvoy1uFT.js").then((t) => t.darkTheme),
+  brand: () => import("./brand-C5R2semX.js").then((t) => t.brandTheme)
+};
+async function xe(t) {
+  const e = he[t];
+  if (!e)
+    throw new Error(`Theme "${t}" not found`);
+  return await e();
+}
+const oe = "data-mode", A = "data-theme-name", se = "data-theme", V = "dark";
+function be(t = "day", e = "tm_mode", i = !0) {
+  if (typeof window > "u") return t;
+  const r = document.documentElement, s = r.getAttribute(oe);
+  if (s === "day" || s === "night")
+    return s;
+  const o = r.getAttribute(se);
+  if (o === "day" || o === "night")
+    return o;
+  try {
+    const l = localStorage.getItem(e);
+    if (l === "day" || l === "night")
+      return l;
+    const a = localStorage.getItem("theme");
+    if (a === "dark") return "night";
+    if (a === "light") return "day";
+  } catch {
+  }
+  return i && typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "night" : "day" : t;
+}
+let E = null;
+async function we(t) {
+  if (t === "default")
+    return E = null, null;
+  try {
+    const e = await xe(t);
+    return E = e, e;
+  } catch (e) {
+    return console.warn(`Failed to load theme "${t}":`, e), E = null, null;
+  }
+}
+function k(t, e) {
+  return e ? { ...t, ...e } : t;
+}
+function b(t, e) {
+  return e ? { ...t, ...e } : t;
+}
+function ne(t) {
+  const e = E, i = k(le, e == null ? void 0 : e.primaryColors), r = k(de, e == null ? void 0 : e.accentColors), s = k(pe, e == null ? void 0 : e.secondaryColors), o = {
+    day: b(N.day, e == null ? void 0 : e.baseColorsDay),
+    night: b(N.night, e == null ? void 0 : e.baseColorsNight)
+  }, l = {
+    day: b(L.day, e == null ? void 0 : e.surfaceColorsDay),
+    night: b(L.night, e == null ? void 0 : e.surfaceColorsNight)
+  }, a = {
+    day: b(W.day, e == null ? void 0 : e.semanticColorsDay),
+    night: b(W.night, e == null ? void 0 : e.semanticColorsNight)
+  }, n = {
+    day: b(q.day, e == null ? void 0 : e.textColorsDay),
+    night: b(q.night, e == null ? void 0 : e.textColorsNight)
+  };
+  return {
+    primaryColors: i,
+    accentColors: r,
+    secondaryColors: s,
+    baseColors: o,
+    surfaceColors: l,
+    semanticColors: a,
+    textColors: n
+  };
+}
+function Pe(t) {
+  if (typeof document > "u") return;
+  const e = document.documentElement, i = ne(), {
+    primaryColors: r,
+    accentColors: s,
+    secondaryColors: o,
+    baseColors: l,
+    surfaceColors: a,
+    semanticColors: n,
+    textColors: m
+  } = i, p = l[t];
+  e.style.setProperty("--background", p.background), e.style.setProperty("--foreground", p.foreground), e.style.setProperty("--card", p.card), e.style.setProperty("--card-foreground", p.cardForeground), e.style.setProperty("--popover", p.popover), e.style.setProperty("--popover-foreground", p.popoverForeground), e.style.setProperty("--border", p.border), e.style.setProperty("--input", p.input), e.style.setProperty("--ring", p.ring);
+  const y = a[t];
+  e.style.setProperty("--surface-base", y.base), e.style.setProperty("--surface-elevated1", y.elevated1), e.style.setProperty("--surface-elevated2", y.elevated2), e.style.setProperty("--surface-elevated3", y.elevated3), e.style.setProperty("--surface-overlay", y.overlay), e.style.setProperty("--surface-glass", y.glass);
+  const h = n[t];
+  e.style.setProperty("--semantic-success", h.success), e.style.setProperty("--semantic-success-foreground", h.successForeground), e.style.setProperty("--semantic-error", h.error), e.style.setProperty("--semantic-error-foreground", h.errorForeground), e.style.setProperty("--semantic-warning", h.warning), e.style.setProperty("--semantic-warning-foreground", h.warningForeground), e.style.setProperty("--semantic-info", h.info), e.style.setProperty("--semantic-info-foreground", h.infoForeground);
+  const f = m[t];
+  e.style.setProperty("--text-primary", f.primary), e.style.setProperty("--text-secondary", f.secondary), e.style.setProperty("--text-tertiary", f.tertiary), e.style.setProperty("--text-muted", f.muted), e.style.setProperty("--text-inverse", f.inverse), e.style.setProperty("--primary-50", r[50]), e.style.setProperty("--primary-100", r[100]), e.style.setProperty("--primary-200", r[200]), e.style.setProperty("--primary-300", r[300]), e.style.setProperty("--primary-400", r[400]), e.style.setProperty("--primary-500", r[500]), e.style.setProperty("--primary-600", r[600]), e.style.setProperty("--primary-700", r[700]), e.style.setProperty("--primary-800", r[800]), e.style.setProperty("--primary-900", r[900]), e.style.setProperty("--primary-950", r[950]), e.style.setProperty("--accent-50", s[50]), e.style.setProperty("--accent-100", s[100]), e.style.setProperty("--accent-200", s[200]), e.style.setProperty("--accent-300", s[300]), e.style.setProperty("--accent-400", s[400]), e.style.setProperty("--accent-500", s[500]), e.style.setProperty("--accent-600", s[600]), e.style.setProperty("--accent-700", s[700]), e.style.setProperty("--accent-800", s[800]), e.style.setProperty("--accent-900", s[900]), e.style.setProperty("--accent-950", s[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]), t === "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", s[500]), 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", p.card), e.style.setProperty("--muted-foreground", p.cardForeground), e.style.setProperty("--destructive", h.error), e.style.setProperty("--destructive-foreground", h.errorForeground), Object.entries(me).forEach(([C, x]) => {
+    e.style.setProperty(C, x);
+  });
+}
+async function w(t, e = "default", i = null) {
+  if (typeof document > "u") return;
+  await we(e);
+  const r = ee();
+  if (r && (!i || r.id !== i) && re(r.namespace), i)
+    try {
+      const m = await K(i);
+      te(m, t);
+    } catch (m) {
+      console.warn(`Failed to apply brand "${i}":`, m);
+    }
+  const { documentElement: s, body: o } = document;
+  s.setAttribute(oe, t), s.setAttribute(se, t), s.setAttribute(A, e), t === "night" ? s.classList.add(V) : s.classList.remove(V), Pe(t);
+  const l = ne(), { background: a, foreground: n } = l.baseColors[t];
+  o && (o.dataset.mode = t, o.dataset.theme = e, i ? o.dataset.brand = i : o.removeAttribute("data-brand"), o.style.backgroundColor = `hsl(${a})`, o.style.color = `hsl(${n})`);
+}
+async function je(t) {
+  if (typeof document < "u") {
+    const e = document.documentElement, i = e.getAttribute(A) || "default", r = e.getAttribute("data-brand") || null;
+    await w(t, i, r);
+  } else
+    await w(t, "default", null);
+}
+function Q(t = "default", e = "tm_theme") {
+  if (typeof window > "u") return t;
+  const r = document.documentElement.getAttribute(A);
+  if (r === "default" || r === "dark" || r === "brand")
+    return r;
+  try {
+    const s = localStorage.getItem(e);
+    if (s === "default" || s === "dark" || s === "brand")
+      return s;
+  } catch {
+  }
+  return t;
+}
+function G(t, e = "tm_mode") {
+  if (!(typeof window > "u"))
+    try {
+      localStorage.setItem(e, t), localStorage.setItem("theme", t === "night" ? "dark" : "light");
+    } catch {
+    }
+}
+function J(t, e = "tm_theme") {
+  if (!(typeof window > "u"))
+    try {
+      localStorage.setItem(e, t);
+    } catch {
+    }
+}
+function X(t = null, e = "tm_brand") {
+  if (typeof window > "u") return t;
+  const r = document.documentElement.getAttribute("data-brand");
+  if (r)
+    return r;
+  try {
+    const s = localStorage.getItem(e);
+    if (s)
+      return s;
+  } catch {
+  }
+  return t;
+}
+function Y(t, e = "tm_brand") {
+  if (!(typeof window > "u"))
+    try {
+      t ? localStorage.setItem(e, t) : localStorage.removeItem(e);
+    } catch {
+    }
+}
+const ae = d.createContext(void 0);
+function Ce(t) {
+  if (t !== void 0) return t;
+  if (typeof window > "u") return !1;
+  try {
+    return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  } catch {
+    return !1;
+  }
+}
+function Te({
+  children: t,
+  defaultMode: e = "day",
+  defaultTheme: i = "default",
+  defaultBrand: r = null,
+  storageKey: s = "tm_mode",
+  themeStorageKey: o = "tm_theme",
+  brandStorageKey: l = "tm_brand",
+  attribute: a = "data-mode",
+  enableSystem: n = !0,
+  reduceMotion: m,
+  enableAnimations: p = !0
+}) {
+  d.useEffect(() => {
+    try {
+      U(ge);
+    } catch (c) {
+      console.warn("Failed to register neon brand:", c);
+    }
+    try {
+      U(ye);
+    } catch (c) {
+      console.warn("Failed to register minimal brand:", c);
+    }
+  }, []);
+  const [y, h] = d.useState(() => {
+    if (typeof window > "u") return e;
+    const g = document.documentElement.getAttribute(a);
+    if (g === "day" || g === "night")
+      return g;
+    try {
+      const u = localStorage.getItem(s);
+      if (u === "day" || u === "night")
+        return u;
+    } catch {
+    }
+    return n && typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "night" : "day" : e;
+  }), [f, C] = d.useState(() => typeof window > "u" ? i : Q(i, o)), [x, R] = d.useState(() => typeof window > "u" ? r : X(r, l)), [D, S] = d.useState(() => Ce(m)), [F, _] = d.useState(() => p), P = d.useCallback(
+    (c) => {
+      h(c), w(c, f, x), G(c, s);
+    },
+    [f, x, s]
+  ), H = d.useCallback(
+    async (c) => {
+      C(c), await w(y, c, x), J(c, o);
+    },
+    [y, x, o]
+  ), O = d.useCallback(
+    async (c) => {
+      const g = ee();
+      if (g && re(g.namespace), R(c), Y(c, l), c)
+        try {
+          const u = await K(c);
+          te(u, y);
+        } catch (u) {
+          console.error(`Failed to load brand "${c}":`, u), j(null);
+        }
+      else
+        j(null);
+      await w(y, f, c);
+    },
+    [y, f, l]
+  ), M = d.useCallback(() => {
+    P(y === "night" ? "day" : "night");
+  }, [y, P]), z = d.useCallback((c) => {
+    S(c);
+    try {
+      localStorage.setItem("tm_reduce_motion", c ? "true" : "false");
+    } catch {
+    }
+  }, []), I = d.useCallback((c) => {
+    _(c);
+    try {
+      localStorage.setItem("tm_enable_animations", c ? "true" : "false");
+    } catch {
+    }
+  }, []);
+  d.useEffect(() => {
+    if (m !== void 0) return;
+    const c = window.matchMedia("(prefers-reduced-motion: reduce)"), g = (u) => {
+      S(u.matches);
+    };
+    return c.addEventListener("change", g), () => c.removeEventListener("change", g);
+  }, [m]), d.useEffect(() => {
+    if (m === void 0)
+      try {
+        const c = localStorage.getItem("tm_reduce_motion");
+        (c === "true" || c === "false") && S(c === "true");
+      } catch {
+      }
+    if (p === void 0)
+      try {
+        const c = localStorage.getItem("tm_enable_animations");
+        (c === "true" || c === "false") && _(c === "true");
+      } catch {
+      }
+  }, [m, p]), d.useEffect(() => {
+    const c = be(e, s, n), g = Q(i, o), u = X(r, l);
+    h(c), C(g), R(u), w(c, g, u), G(c, s), J(g, o), Y(u, l);
+  }, [
+    e,
+    i,
+    r,
+    s,
+    o,
+    l,
+    n
+  ]), d.useEffect(() => {
+    if (!n) return;
+    const c = window.matchMedia("(prefers-color-scheme: dark)"), g = (u) => {
+      try {
+        localStorage.getItem(s) || P(u.matches ? "night" : "day");
+      } catch {
+      }
+    };
+    return c.addEventListener("change", g), () => c.removeEventListener("change", g);
+  }, [n, s, P]), d.useEffect(() => {
+    w(y, f, x);
+  }, [y, f, x]);
+  const ie = d.useMemo(
+    () => ({
+      mode: y,
+      theme: f,
+      brand: x,
+      reduceMotion: m !== void 0 ? m : D,
+      enableAnimations: p !== void 0 ? p : F,
+      setMode: P,
+      setTheme: H,
+      setBrand: O,
+      toggleMode: M,
+      setReduceMotion: z,
+      setEnableAnimations: I
+    }),
+    [
+      y,
+      f,
+      x,
+      D,
+      F,
+      m,
+      p,
+      P,
+      H,
+      O,
+      M,
+      z,
+      I
+    ]
+  );
+  return /* @__PURE__ */ ce(ae.Provider, { value: ie, children: t });
+}
+function Be() {
+  const t = d.useContext(ae);
+  if (t === void 0)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return t;
+}
+export {
+  Te as T,
+  w as a,
+  je as b,
+  Q as c,
+  J as d,
+  X as e,
+  Y as f,
+  be as g,
+  ae as h,
+  we as l,
+  G as p,
+  Be as u
+};