@tenerife.music/ui 0.0.7 → 1.0.1

package/README.md

@@ -1,197 +1,229 @@
-# @tenerife.music/ui
+🌴 Tenerife UI — Premium React Component Library
+Elegant. Token-driven. Fully Typed. Built for Luxury Interfaces.
 
-**Tenerife.Music UI Component Library** - A hybrid design system built on shadcn/ui primitives with Tenerife branding.
+![Release](https://img.shields.io/github/v/release/Tureckiy-zart/tenerife-ui?style=for-the-badge)
 
-[![npm version](https://img.shields.io/npm/v/@tenerife.music/ui)](https://www.npmjs.com/package/@tenerife.music/ui)
-[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-
-## 📦 Installation
-
-```bash
+<p align="center"> <img src="https://raw.githubusercontent.com/Tureckiy-zart/tenerife-ui/main/.github/banner.png" width="100%" /> </p> <p align="center"> <strong> A high-end, fully tokenized design system crafted for modern React apps.<br/> Built with Tailwind, CVA, TypeScript and a luxury-first aesthetic. </strong> </p> <p align="center"> <img src="https://img.shields.io/badge/React-18+-blue?style=for-the-badge"/> <img src="https://img.shields.io/badge/TailwindCSS-3.4-38b2ac?style=for-the-badge"/> <img src="https://img.shields.io/badge/TypeScript-Strict-blue?style=for-the-badge"/> <img src="https://img.shields.io/badge/Design%20Tokens-Complete-purple?style=for-the-badge"/> <img src="https://img.shields.io/badge/CVA-Variants-success?style=for-the-badge"/> </p>
+🚀 Quick Start
 npm install @tenerife.music/ui
 # or
 pnpm add @tenerife.music/ui
-# or
-yarn add @tenerife.music/ui
-```
-
-## 🚀 Quick Start
-
-```tsx
-import { Button, Card, EventCard } from '@tenerife.music/ui';
-import '@tenerife.music/ui/styles'; // Import styles
-
-function App() {
-  return (
-    <div>
-      <Button variant="default">Click me</Button>
-      <Card>
-        <CardHeader>Title</CardHeader>
-        <CardContent>Content</CardContent>
-      </Card>
-    </div>
-  );
+
+Use a component:
+
+import { Button } from "@tenerife.music/ui";
+
+export function Demo() {
+return <Button variant="primary">Book Now</Button>;
 }
-```
 
-## 📚 Documentation
+🎨 Tenerife UI Design Philosophy
 
-Full documentation available at: [Tenerife UI Documentation](https://github.com/tenerife-music/tenerife-ui)
+Tenerife UI создана для:
 
-## 🎨 Features
+luxury проектов
 
-- **74+ Components**: Primitives, Layout, Forms, Feedback, Navigation, and more
-- **Day/Night Themes**: Automatic theme switching support
-- **TypeScript**: Full type safety with TypeScript
-- **Tailwind CSS**: Built with Tailwind CSS for styling
-- **shadcn/ui Based**: Built on top of shadcn/ui primitives
-- **Accessible**: ARIA-compliant components via Radix UI
-- **Tree-shakeable**: Import only what you need
+продвинутых приложений
 
-## 🏗️ Architecture
+маркетплейсов
 
-### Hybrid Design Approach
+платформ с глубокой эстетикой
 
-1. **Base Primitives**: shadcn/ui components (Button, Input, Card, etc.)
-2. **Tenerife Primitives**: Re-exported with Tenerife branding
-3. **Complex Components**: Higher-level components (EventCard, VenueCard, etc.)
+темных и светлых тем
 
-### Component Categories
+брендированных интерфейсов
 
-- **Primitives**: Button, Input, Card, Badge, Label, etc.
-- **Layout**: Navbar, Footer, Container, Section, Grid, Flex
-- **Forms**: FormInput, FormSelect, FormTextarea
-- **Feedback**: Alert, Progress, Skeleton, Toast
-- **Navigation**: Breadcrumbs, Pagination, Tabs
-- **Data**: Table, List, Timeline
-- **Cards**: EventCard, VenueCard
-- **Modals**: Modal, Dialog, ConfirmDialog
+Это библиотека не «ещё одна коллекция кнопок».
+Это — архитектурно правильная, премиальная, коммерческая дизайн-система.
 
-## 🎨 Theming
+🧩 Component Overview
+UI Primitives
 
-The library supports day/night themes:
+Button
 
-```tsx
-// Set theme
-document.documentElement.setAttribute('data-mode', 'day'); // or 'night'
-```
+Input / Textarea / Select
 
-## 📖 Usage Examples
+Label
 
-### Basic Components
+Card
 
-```tsx
-import { Button, Input, Card } from '@tenerife.music/ui';
+Badge
 
-<Button variant="default">Click me</Button>
-<Input placeholder="Enter text..." />
-<Card>Card content</Card>
-```
+Overlays
 
-### Complex Components
+Modal
 
-```tsx
-import { EventCard, VenueCard, SearchBar } from '@tenerife.music/ui';
+Tooltip
 
-<EventCard event={eventData} />
-<VenueCard venue={venueData} />
-<SearchBar onSearch={handleSearch} />
-```
+Popover
 
-### Forms
+Toast
 
-```tsx
-import { FormInput, FormSelect } from '@tenerife.music/ui';
-import { useForm } from 'react-hook-form';
+Search & Filters
 
-const { register } = useForm();
+SearchBar
 
-<FormInput {...register('name')} label="Name" />
-<FormSelect {...register('category')} options={options} />
-```
+FilterBar
 
-## 🧪 Development
+FilterSelect
 
-### Prerequisites
+Layout
 
-- Node.js 18+
-- pnpm (recommended) or npm
+Grid
 
-### Setup
+Section
 
-```bash
-# Clone repository
-git clone https://github.com/tenerife-music/tenerife-ui.git
-cd tenerife-ui
+Navbar
 
-# Install dependencies
-pnpm install
+Hero / ModeHero
 
-# Start Storybook
-pnpm storybook
+Data
+
+Table
+
+List
+
+Complex
+
+VenueCard
+
+EventCard
+
+CTA Blocks
+
+📦 Core System Overview (DO NOT REMOVE)
+
+Ключевой системный блок.
+Не удалять, не переносить, не изменять структуру.
+
+🏗 Installation
+npm install @tenerife.music/ui
+
+import { ThemeProvider } from "@tenerife.music/ui";
+
+export default function App() {
+return (
+<ThemeProvider>
+<YourApp />
+</ThemeProvider>
+);
+}
+
+🎨 Design Tokens System
+Цвета
+
+100+ токенов
+
+Полные оттеночные шкалы
+
+surface tokens
 
-# Build
-pnpm build
+semantic + text tokens
 
-# Test
-pnpm test
-```
+day/night mode
 
-### Scripts
+Типографика
 
-- `pnpm build` - Build the library
-- `pnpm dev` - Watch mode for development
-- `pnpm test` - Run tests
-- `pnpm test:coverage` - Run tests with coverage
-- `pnpm storybook` - Start Storybook
-- `pnpm lint` - Lint code
-- `pnpm typecheck` - Type check
+fluid clamp scale
 
-## 📦 Publishing
+13 стилей
 
-This package is published to npm. To publish a new version:
+9 весов
 
-```bash
-# Update version
-npm version patch|minor|major
+6 line-heights
 
-# Publish
-npm publish
-```
+6 tracking options
 
-## 🤝 Contributing
+Spacing
 
-Contributions are welcome! Please read our contributing guidelines first.
+scale 0–96
 
-1. Fork the repository
-2. Create your feature branch (`git checkout -b feature/amazing-feature`)
-3. Commit your changes (`git commit -m 'feat: add amazing feature'`)
-4. Push to the branch (`git push origin feature/amazing-feature`)
-5. Open a Pull Request
+semantic tokens
 
-## 📄 License
+layout tokens
 
-This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
+Shadows
 
-## 🔗 Links
+elevation 1–5
 
-- [Documentation](https://github.com/tenerife-music/tenerife-ui)
-- [Issues](https://github.com/tenerife-music/tenerife-ui/issues)
-- [Changelog](CHANGELOG.md)
+colored shadows
 
-## 🙏 Acknowledgments
+glow
+
+focus rings
+
+Radius
+
+none → 3xl
+
+full-radius
+
+Motion
+
+easing
+
+durations
+
+transitions
+
+⚙️ How Tenerife UI Works
+★ Token-first architecture
+
+Никаких raw стилей.
+Всё — через токены.
+
+★ Tailwind + CSS Variables
+
+Цвета, spacing, shadows, radius — генерируются автоматически.
+
+★ CVA для вариативности
+
+Компоненты имеют единый Variant API.
+
+★ Strict TypeScript
+
+Идеальный DX и подсказки.
+
+★ Theme Engine
+
+Instant day/night mode.
+
+🧱 Folder Structure
+src/
+components/
+tokens/
+theme/
+layouts/
+overlays/
+search/
+data/
+
+📸 Component Preview
+
+[![Storybook](https://img.shields.io/badge/Storybook-Open-success?style=for-the-badge)](https://Tureckiy-zart.github.io/tenerife-ui/)
+
+(Добавить скриншоты/видео позже)
+
+🔧 Development
+pnpm install
+pnpm dev
+pnpm storybook
 
-- [shadcn/ui](https://ui.shadcn.com/) - Base component primitives
-- [Radix UI](https://www.radix-ui.com/) - Accessible component primitives
-- [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS framework
+🛠 Contributing
 
----
+Before contributing, please read:
 
-**Version:** 0.0.1  
-**Last Updated:** 2025-01-29
+TYPING_STANDARD.md
 
+STRUCTURE_OF_WORK.md
 
+COMPONENT_GUIDELINES.md
 
+📜 License
 
+MIT — Commercial-friendly.
 
+🎤 Author’s Note
 
+Tenerife UI — это мой личный подход к созданию коммерческой, красивой и премиальной UI-системы.
+Если ты строишь интерфейсы с эстетикой “дорого, стильно и технологично” — ты дома

package/dist/ThemeProvider-CaUX_Jam.cjs

@@ -0,0 +1,2 @@
+"use client";
+"use strict";const ie=require("react/jsx-runtime"),d=require("react");require("./radius-Cz6tayZG.cjs");const x=require("./motion-4SRNkZlz.cjs"),ce={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",primaryColors:{400:"0 0% 60%",500:"0 0% 50%",600:"0 0% 40%",700:"0 0% 30%"},accentColors:{400:"210 20% 70%",500:"210 20% 60%",600:"210 20% 50%",700:"210 20% 40%"},secondaryColors:{400:"0 0% 70%",500:"0 0% 65%",600:"0 0% 55%",700:"0 0% 45%"},baseColorsDay:{primary:"0 0% 50%",primaryForeground:"0 0% 100%",secondary:"0 0% 96%",secondaryForeground:"0 0% 20%",accent:"210 20% 60%",accentForeground:"0 0% 100%"},semanticColorsDay:{success:"140 30% 45%",info:"210 30% 50%",warning:"40 30% 50%",error:"0 40% 55%"},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:{semanticSpacing:{xs:"0.125rem",sm:"0.25rem",md:"0.5rem",lg:"0.75rem",xl:"1rem","2xl":"1.5rem"}},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:{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"}}}}},{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",primaryColors:{400:"0 0% 65%",500:"0 0% 55%",600:"0 0% 45%",700:"0 0% 35%"},accentColors:{400:"210 20% 75%",500:"210 20% 65%",600:"210 20% 55%",700:"210 20% 45%"},secondaryColors:{400:"0 0% 75%",500:"0 0% 70%",600:"0 0% 60%",700:"0 0% 50%"},baseColorsNight:{background:"240 10% 8%",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%"},semanticColorsNight:{success:"140 30% 50%",info:"210 30% 55%",warning:"40 30% 55%",error:"0 40% 60%"},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:{semanticSpacing:{xs:"0.125rem",sm:"0.25rem",md:"0.5rem",lg:"0.75rem",xl:"1rem","2xl":"1.5rem"}},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:{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"}}}}}]},me={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",primaryColors:{400:"180 100% 50%",500:"180 100% 45%",600:"180 95% 40%",700:"180 90% 35%"},accentColors:{400:"320 100% 60%",500:"320 100% 55%",600:"320 95% 50%",700:"320 90% 45%"},secondaryColors:{400:"60 100% 60%",500:"60 100% 55%",600:"60 95% 50%",700:"60 90% 45%"},baseColorsDay:{primary:"180 100% 45%",primaryForeground:"0 0% 100%",accent:"320 100% 55%",accentForeground:"0 0% 100%"},semanticColorsDay:{success:"145 80% 45%",info:"180 100% 45%",warning:"60 100% 55%",error:"0 100% 60%"},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:{semanticSpacing:{xs:"0.5rem",sm:"1rem",md:"1.5rem",lg:"2rem",xl:"3rem","2xl":"4rem"}},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:{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"}}}}},{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",primaryColors:{400:"180 100% 55%",500:"180 100% 50%",600:"180 95% 45%",700:"180 90% 40%"},accentColors:{400:"320 100% 65%",500:"320 100% 60%",600:"320 95% 55%",700:"320 90% 50%"},secondaryColors:{400:"60 100% 65%",500:"60 100% 60%",600:"60 95% 55%",700:"60 90% 50%"},baseColorsNight:{background:"240 10% 5%",foreground:"0 0% 98%",card:"240 10% 6%",cardForeground:"0 0% 98%"},surfaceColorsNight:{base:"240 10% 5%",elevated1:"240 10% 7%",elevated2:"240 10% 9%",elevated3:"240 10% 11%"},semanticColorsNight:{success:"145 75% 50%",info:"180 100% 50%",warning:"60 100% 60%",error:"0 100% 65%"},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:{semanticSpacing:{xs:"0.5rem",sm:"1rem",md:"1.5rem",lg:"2rem",xl:"3rem","2xl":"4rem"}},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:{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"}}}}}]},E=new Map;let H=null,M=null;const v=new Map;function X(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 G(t,e){const i=X(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(", ")),E.has(t.id))throw new Error(`Brand "${t.id}" is already registered`);const r=Array.from(E.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}"`);E.set(t.id,{brand:t,enabled:(e==null?void 0:e.enabled)!==!1,loader:e==null?void 0:e.loader})}async function Y(t){if(v.has(t))return v.get(t);const e=E.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=X(r);if(!s.valid)throw new Error(`Invalid loaded brand "${t}": ${s.errors.join(", ")}`);return v.set(t,r),r}catch(i){throw new Error(`Failed to load brand "${t}": ${i instanceof Error?i.message:String(i)}`)}return v.set(t,e.brand),e.brand}function Z(){return H}function j(t){H=t,M=(t==null?void 0:t.namespace)||null}function le(){H=null,M=null}function de(t,e){return t.themes.find(i=>i.mode===e)}function K(t,e){if(typeof document>"u")return;const i=de(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 ee(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"),M===t&&le()}const pe={default:()=>Promise.resolve().then(()=>require("./default-Ddg7Haf2.cjs")).then(t=>t.defaultTheme),dark:()=>Promise.resolve().then(()=>require("./dark-OOhiqt1q.cjs")).then(t=>t.darkTheme),brand:()=>Promise.resolve().then(()=>require("./brand-DQb18Frh.cjs")).then(t=>t.brandTheme)};async function ye(t){const e=pe[t];if(!e)throw new Error(`Theme "${t}" not found`);return await e()}const te="data-mode",O="data-theme-name",re="data-theme",J="dark";function oe(t="day",e="tm_mode",i=!0){if(typeof window>"u")return t;const r=document.documentElement,s=r.getAttribute(te);if(s==="day"||s==="night")return s;const o=r.getAttribute(re);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 S=null;async function se(t){if(t==="default")return S=null,null;try{const e=await ye(t);return S=e,e}catch(e){return console.warn(`Failed to load theme "${t}":`,e),S=null,null}}function k(t,e){return e?{...t,...e}:t}function w(t,e){return e?{...t,...e}:t}function ne(t){const e=S,i=k(x.primaryColors,e==null?void 0:e.primaryColors),r=k(x.accentColors,e==null?void 0:e.accentColors),s=k(x.secondaryColors,e==null?void 0:e.secondaryColors),o={day:w(x.baseColors.day,e==null?void 0:e.baseColorsDay),night:w(x.baseColors.night,e==null?void 0:e.baseColorsNight)},l={day:w(x.surfaceColors.day,e==null?void 0:e.surfaceColorsDay),night:w(x.surfaceColors.night,e==null?void 0:e.surfaceColorsNight)},a={day:w(x.semanticColors.day,e==null?void 0:e.semanticColorsDay),night:w(x.semanticColors.night,e==null?void 0:e.semanticColorsNight)},n={day:w(x.textColors.day,e==null?void 0:e.textColorsDay),night:w(x.textColors.night,e==null?void 0:e.textColorsNight)};return{primaryColors:i,accentColors:r,secondaryColors:s,baseColors:o,surfaceColors:l,semanticColors:a,textColors:n}}function ge(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(x.motionCSSVariables).forEach(([$,b])=>{e.style.setProperty($,b)})}async function P(t,e="default",i=null){if(typeof document>"u")return;await se(e);const r=Z();if(r&&(!i||r.id!==i)&&ee(r.namespace),i)try{const m=await Y(i);K(m,t)}catch(m){console.warn(`Failed to apply brand "${i}":`,m)}const{documentElement:s,body:o}=document;s.setAttribute(te,t),s.setAttribute(re,t),s.setAttribute(O,e),t==="night"?s.classList.add(J):s.classList.remove(J),ge(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 ue(t){if(typeof document<"u"){const e=document.documentElement,i=e.getAttribute(O)||"default",r=e.getAttribute("data-brand")||null;await P(t,i,r)}else await P(t,"default",null)}function B(t="default",e="tm_theme"){if(typeof window>"u")return t;const r=document.documentElement.getAttribute(O);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 A(t,e="tm_mode"){if(!(typeof window>"u"))try{localStorage.setItem(e,t),localStorage.setItem("theme",t==="night"?"dark":"light")}catch{}}function R(t,e="tm_theme"){if(!(typeof window>"u"))try{localStorage.setItem(e,t)}catch{}}function D(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 F(t,e="tm_brand"){if(!(typeof window>"u"))try{t?localStorage.setItem(e,t):localStorage.removeItem(e)}catch{}}const _=d.createContext(void 0);function fe(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 he({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{G(me)}catch(c){console.warn("Failed to register neon brand:",c)}try{G(ce)}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,$]=d.useState(()=>typeof window>"u"?i:B(i,o)),[b,I]=d.useState(()=>typeof window>"u"?r:D(r,l)),[q,T]=d.useState(()=>fe(m)),[z,N]=d.useState(()=>p),C=d.useCallback(c=>{h(c),P(c,f,b),A(c,s)},[f,b,s]),L=d.useCallback(async c=>{$(c),await P(y,c,b),R(c,o)},[y,b,o]),W=d.useCallback(async c=>{const g=Z();if(g&&ee(g.namespace),I(c),F(c,l),c)try{const u=await Y(c);K(u,y)}catch(u){console.error(`Failed to load brand "${c}":`,u),j(null)}else j(null);await P(y,f,c)},[y,f,l]),U=d.useCallback(()=>{C(y==="night"?"day":"night")},[y,C]),V=d.useCallback(c=>{T(c);try{localStorage.setItem("tm_reduce_motion",c?"true":"false")}catch{}},[]),Q=d.useCallback(c=>{N(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=>{T(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")&&T(c==="true")}catch{}if(p===void 0)try{const c=localStorage.getItem("tm_enable_animations");(c==="true"||c==="false")&&N(c==="true")}catch{}},[m,p]),d.useEffect(()=>{const c=oe(e,s,n),g=B(i,o),u=D(r,l);h(c),$(g),I(u),P(c,g,u),A(c,s),R(g,o),F(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)||C(u.matches?"night":"day")}catch{}};return c.addEventListener("change",g),()=>c.removeEventListener("change",g)},[n,s,C]),d.useEffect(()=>{P(y,f,b)},[y,f,b]);const ae=d.useMemo(()=>({mode:y,theme:f,brand:b,reduceMotion:m!==void 0?m:q,enableAnimations:p!==void 0?p:z,setMode:C,setTheme:L,setBrand:W,toggleMode:U,setReduceMotion:V,setEnableAnimations:Q}),[y,f,b,q,z,m,p,C,L,W,U,V,Q]);return ie.jsx(_.Provider,{value:ae,children:t})}function xe(){const t=d.useContext(_);if(t===void 0)throw new Error("useTheme must be used within a ThemeProvider");return t}exports.ThemeContext=_;exports.ThemeProvider=he;exports.applyDocumentMode=ue;exports.applyDocumentTheme=P;exports.getInitialBrand=D;exports.getInitialMode=oe;exports.getInitialTheme=B;exports.loadThemeOverride=se;exports.persistBrand=F;exports.persistMode=A;exports.persistTheme=R;exports.useTheme=xe;