@tenerife.music/ui 1.0.2 → 1.0.4

package/dist/ThemeProvider-ltuW-773.js

@@ -1,1227 +0,0 @@
-"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
-};