@bloomneo/uikit 1.5.0

package/dist/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sources":["../src/themes/presets/base.js","../src/themes/presets/elegant.js","../src/themes/presets/metro.js","../src/themes/presets/studio.js","../src/themes/presets/vivid.js","../src/themes/index.ts"],"sourcesContent":["/**\n * Base theme preset - Clean default configuration\n * @description Basic black & white theme showcasing the default base configuration\n * @package @bloomneo/uikit\n * @file /src/themes/presets/base.js\n */\n\n// Base theme - self-contained\n\n/**\n * Base theme preset - Shows the default configuration with minimal overrides\n * Perfect for demonstrating the base system and as a starting point for new themes\n */\nconst baseTheme = {\n  id: 'base',\n  name: 'Base',\n  description: 'Clean sky blue theme with modern styling and professional appearance',\n\n  // Base theme with system fonts only\n  customStyles: `\n    /* Base theme - Only 4 unified classes */\n    .theme-base {\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n      font-weight: 400;\n      line-height: 1.6;\n      font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1;\n    }\n    \n    .theme-base .voila-heading {\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      font-weight: 800;\n      letter-spacing: -0.04em;\n      line-height: 1.1;\n      font-size: clamp(2.5rem, 6vw, 4rem);\n      color: var(--color-foreground);\n    }\n    \n    .theme-base .voila-subheading {\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      font-weight: 600;\n      letter-spacing: -0.02em;\n      line-height: 1.3;\n      font-size: clamp(1.25rem, 3vw, 2rem);\n      color: var(--color-muted-foreground);\n    }\n    \n    .theme-base .voila-brand-logo {\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      font-weight: 700;\n      letter-spacing: -0.03em;\n      font-size: 1.25rem;\n    }\n    \n    /* Body text enhancements */\n    .theme-base strong, .theme-base b {\n      font-weight: 600;\n    }\n    \n    /* Cursor styles for interactive elements */\n    .theme-base button,\n    .theme-base .btn,\n    .theme-base [data-slot=\"button\"],\n    .theme-base input[type=\"button\"],\n    .theme-base input[type=\"submit\"],\n    .theme-base input[type=\"reset\"],\n    .theme-base a,\n    .theme-base [role=\"button\"],\n    .theme-base [tabindex=\"0\"]:not(input):not(textarea):not(select) {\n      cursor: pointer;\n    }\n    \n    /* Disabled buttons get not-allowed cursor */\n    .theme-base button:disabled,\n    .theme-base .btn:disabled,\n    .theme-base [data-slot=\"button\"]:disabled,\n    .theme-base input:disabled {\n      cursor: not-allowed;\n    }\n\n    /* Clean focus ring */\n    .theme-base *:focus-visible {\n      outline: 2px solid var(--color-foreground);\n      outline-offset: 2px;\n      box-shadow: 0 0 0 4px rgb(from var(--color-foreground) r g b / 0.1);\n    }\n  `,\n\n  // Sky blue themed colors\n  light: {\n    // Base clean colors with sky blue tint\n    background: '#FFFFFF',\n    foreground: '#1E293B',\n    card: '#F8FAFC',\n    cardForeground: '#1E293B',\n    popover: '#FFFFFF',\n    popoverForeground: '#1E293B',\n\n    // Sky blue interactive colors\n    primary: '#0EA5E9',\n    primaryForeground: '#FFFFFF',\n    secondary: '#F5E6D3',\n    secondaryForeground: '#92400E',\n    muted: '#F0F9FF',\n    mutedForeground: '#64748B',\n    accent: '#E0F2FE',\n    accentForeground: '#0C4A6E',\n\n    // State colors\n    destructive: '#DC2626',\n    destructiveForeground: '#FFFFFF',\n\n    // Border colors with sky blue tint\n    border: '#E2E8F0',\n    input: '#CBD5E1',\n    ring: '#0EA5E9',\n\n    // Chart colors - sky blue progression\n    chart1: '#0EA5E9',\n    chart2: '#38BDF8',\n    chart3: '#7DD3FC',\n    chart4: '#BAE6FD',\n    chart5: '#E0F2FE',\n\n    // Sidebar colors\n    sidebar: '#F8FAFC',\n    sidebarForeground: '#1E293B',\n    sidebarPrimary: '#0EA5E9',\n    sidebarPrimaryForeground: '#FFFFFF',\n    sidebarAccent: '#F5E6D3',\n    sidebarAccentForeground: '#92400E',\n    sidebarBorder: '#E2E8F0',\n    sidebarRing: '#0EA5E9',\n  },\n\n  dark: {\n    // Dark colors with sky blue accents\n    background: '#0F172A',\n    foreground: '#F1F5F9',\n    card: '#1E293B',\n    cardForeground: '#F1F5F9',\n    popover: '#1E293B',\n    popoverForeground: '#F1F5F9',\n\n    // Sky blue interactive colors for dark mode\n    primary: '#38BDF8',\n    primaryForeground: '#0F172A',\n    secondary: '#44403C',\n    secondaryForeground: '#FEF7ED',\n    muted: '#1E293B',\n    mutedForeground: '#94A3B8',\n    accent: '#334155',\n    accentForeground: '#F1F5F9',\n\n    // State colors\n    destructive: '#EF4444',\n    destructiveForeground: '#FFFFFF',\n\n    // Border colors with sky blue tint\n    border: '#334155',\n    input: '#475569',\n    ring: '#38BDF8',\n\n    // Chart colors - sky blue progression for dark mode\n    chart1: '#38BDF8',\n    chart2: '#0EA5E9',\n    chart3: '#0284C7',\n    chart4: '#0369A1',\n    chart5: '#075985',\n\n    // Sidebar colors\n    sidebar: '#1E293B',\n    sidebarForeground: '#F1F5F9',\n    sidebarPrimary: '#38BDF8',\n    sidebarPrimaryForeground: '#0F172A',\n    sidebarAccent: '#44403C',\n    sidebarAccentForeground: '#FEF7ED',\n    sidebarBorder: '#475569',\n    sidebarRing: '#38BDF8',\n  },\n};\n\nexport default baseTheme;","/**\n * Elegant theme preset - Clean professional blue design\n * @description Fresh, minimal sky blue theme perfect for business and professional applications\n * @package @bloomneo/uikit\n * @file /src/themes/presets/elegant.js\n */\n\n/**\n * Elegant theme preset - Clean professional blue design\n * Perfect for business applications with fresh, minimal aesthetic\n */\nconst elegantTheme = {\n  id: 'elegant',\n  name: 'Elegant',\n  description: 'Fresh, minimal sky blue theme perfect for business and professional applications',\n\n  // Elegant theme with Playfair Display headings and Montserrat body\n  customStyles: `\n    /* Elegant theme - Only 4 unified classes */\n    .theme-elegant {\n      font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n      font-weight: 400;\n      line-height: 1.6;\n      font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1;\n    }\n    \n    .theme-elegant .voila-heading {\n      font-family: 'DM Serif Display', serif;\n      font-weight: 400;\n      letter-spacing: -0.02em;\n      line-height: 1.1;\n      font-size: clamp(2.5rem, 6vw, 4rem);\n      color: var(--color-foreground);\n    }\n    \n    .theme-elegant .voila-subheading {\n      font-family: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      font-weight: 500;\n      letter-spacing: -0.01em;\n      line-height: 1.3;\n      font-size: clamp(1.25rem, 3vw, 2rem);\n      color: var(--color-muted-foreground);\n    }\n    \n    .theme-elegant .voila-brand-logo {\n      font-family: 'DM Serif Display', serif;\n      font-weight: 400;\n      letter-spacing: -0.01em;\n      font-size: 1.25rem;\n    }\n    \n    /* Body text enhancements */\n    .theme-elegant strong, .theme-elegant b {\n      font-weight: 600;\n    }\n    \n    /* Cursor styles for interactive elements */\n    .theme-elegant button,\n    .theme-elegant .btn,\n    .theme-elegant [data-slot=\"button\"],\n    .theme-elegant input[type=\"button\"],\n    .theme-elegant input[type=\"submit\"],\n    .theme-elegant input[type=\"reset\"],\n    .theme-elegant a,\n    .theme-elegant [role=\"button\"],\n    .theme-elegant [tabindex=\"0\"]:not(input):not(textarea):not(select) {\n      cursor: pointer;\n    }\n    \n    /* Disabled buttons get not-allowed cursor */\n    .theme-elegant button:disabled,\n    .theme-elegant .btn:disabled,\n    .theme-elegant [data-slot=\"button\"]:disabled,\n    .theme-elegant input:disabled {\n      cursor: not-allowed;\n    }\n    \n    /* Elegant focus ring with blue accent */\n    .theme-elegant *:focus-visible {\n      outline: 2px solid #003285;\n      outline-offset: 2px;\n      box-shadow: 0 0 0 4px rgb(0, 50, 133, 0.1);\n    }\n  `,\n\n  light: {\n    // Clean blue color palette\n    background: '#FFFFFF',\n    foreground: '#1F2937',\n    card: '#F8FAFC',\n    cardForeground: '#1F2937',\n    popover: '#FFFFFF',\n    popoverForeground: '#1F2937',\n\n    // Blue accent system with yellow secondary - 50% lighter for visibility\n    primary: '#2C5688',\n    primaryForeground: '#FFFFFF',\n    secondary: '#FAA533',\n    secondaryForeground: '#FFFFFF',\n    muted: '#F8FAFC',\n    mutedForeground: '#6B7280',\n    accent: '#E0F2FE',\n    accentForeground: '#1F2937',\n\n    // State colors\n    destructive: '#DC2626',\n    destructiveForeground: '#FFFFFF',\n\n    // Border colors\n    border: '#E2E8F0',\n    input: '#CBD5E1',\n    ring: '#003285',\n\n    // Chart colors - blue progression\n    chart1: '#003285',\n    chart2: '#1E40AF',\n    chart3: '#3B82F6',\n    chart4: '#60A5FA',\n    chart5: '#93C5FD',\n\n    // Sidebar colors\n    sidebar: '#F8FAFC',\n    sidebarForeground: '#1F2937',\n    sidebarPrimary: '#003285',\n    sidebarPrimaryForeground: '#FFFFFF',\n    sidebarAccent: '#E0F2FE',\n    sidebarAccentForeground: '#6B7280',\n    sidebarBorder: '#E2E8F0',\n    sidebarRing: '#003285',\n  },\n\n  dark: {\n    // Dark blue palette\n    background: '#0F172A',\n    foreground: '#F8FAFC',\n    card: '#1E293B',\n    cardForeground: '#F8FAFC',\n    popover: '#1E293B',\n    popoverForeground: '#F8FAFC',\n\n    // Dark blue accents with yellow secondary - 50% lighter for visibility\n    primary: '#3A6498',\n    primaryForeground: '#0F172A',\n    secondary: '#FAA533',\n    secondaryForeground: '#000000',\n    muted: '#1E293B',\n    mutedForeground: '#94A3B8',\n    accent: '#1E40AF',\n    accentForeground: '#F8FAFC',\n\n    // State colors\n    destructive: '#EF4444',\n    destructiveForeground: '#FFFFFF',\n\n    // Border colors\n    border: '#334155',\n    input: '#475569',\n    ring: '#2563EB',\n\n    // Chart colors - bright blues for dark mode\n    chart1: '#2563EB',\n    chart2: '#3B82F6',\n    chart3: '#60A5FA',\n    chart4: '#93C5FD',\n    chart5: '#DBEAFE',\n\n    // Sidebar colors\n    sidebar: '#1E293B',\n    sidebarForeground: '#F8FAFC',\n    sidebarPrimary: '#2563EB',\n    sidebarPrimaryForeground: '#F8FAFC',\n    sidebarAccent: '#1E40AF',\n    sidebarAccentForeground: '#94A3B8',\n    sidebarBorder: '#475569',\n    sidebarRing: '#2563EB',\n  },\n};\n\nexport default elegantTheme;","/**\n * Metro theme preset - Clean, systematic design (OPTIMIZED)\n * @description Modern, systematic theme for dashboards, admin panels, and professional applications\n * @package @bloomneo/uikit\n * @file /src/themes/presets/metro-optimized.js\n */\n\n// Metro theme - self-contained\n\n/**\n * Metro theme preset - Only overrides what's different from default\n * Uses the new modular system for dramatically reduced file size\n */\nconst metroTheme = {\n  id: 'metro',\n  name: 'Metro',\n  description: 'Clean, systematic design inspired by modern transit systems for professional applications',\n\n  // Only override design tokens that differ from default\n  design: {\n    // Metro-specific fonts\n    fontDisplay: \"'Crimson Text', serif\",\n    \n    // Metro-specific gradients\n    gradientPrimary: '#0f3a36', // Flat primary color\n    gradientSubtle: 'linear-gradient(135deg, oklch(0.96 0.005 240) 0%, oklch(0.88 0.008 240) 100%)',\n    gradientHover: 'linear-gradient(135deg, oklch(0.55 0.12 220) 0%, #0f3a36 100%)',\n    gradientText: 'linear-gradient(135deg, #0f3a36 0%, oklch(0.55 0.12 200) 50%, oklch(0.96 0.005 240) 100%)',\n    gradientBackground: 'linear-gradient(135deg, oklch(0.09 0.01 240) 0%, oklch(0.15 0.015 220) 100%)',\n    gradientBackgroundLight: 'linear-gradient(135deg, oklch(0.96 0.005 240) 0%, oklch(0.99 0.002 240) 70%, oklch(0.88 0.008 240) 100%)',\n  },\n\n  // Only metro-specific styles\n  customStyles: `\n    /* Metro theme - Only 4 unified classes */\n    .theme-metro {\n      font-family: 'Libre Baskerville', serif;\n      font-weight: 400;\n      line-height: 1.6;\n    }\n    \n    .theme-metro .voila-heading {\n      font-family: 'Crimson Text', serif;\n      font-weight: 700;\n      letter-spacing: -0.04em;\n      line-height: 1.1;\n      font-size: clamp(2.5rem, 6vw, 4rem);\n    }\n    \n    .theme-metro .voila-subheading {\n      font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      font-weight: 500;\n      letter-spacing: -0.01em;\n      line-height: 1.3;\n      font-size: clamp(1.25rem, 3vw, 2rem);\n    }\n    \n    .theme-metro .voila-brand-logo {\n      font-family: 'Crimson Text', serif;\n      font-weight: 700;\n      letter-spacing: -0.03em;\n      font-size: 1.25rem;\n    }\n    \n    /* Body text enhancements */\n    .theme-metro strong, .theme-metro b {\n      font-weight: 600;\n    }\n    \n    /* Cursor styles for interactive elements */\n    .theme-metro button,\n    .theme-metro .btn,\n    .theme-metro [data-slot=\"button\"],\n    .theme-metro input[type=\"button\"],\n    .theme-metro input[type=\"submit\"],\n    .theme-metro input[type=\"reset\"],\n    .theme-metro a,\n    .theme-metro [role=\"button\"],\n    .theme-metro [tabindex=\"0\"]:not(input):not(textarea):not(select) {\n      cursor: pointer;\n    }\n    \n    /* Disabled buttons get not-allowed cursor */\n    .theme-metro button:disabled,\n    .theme-metro .btn:disabled,\n    .theme-metro [data-slot=\"button\"]:disabled,\n    .theme-metro input:disabled {\n      cursor: not-allowed;\n    }\n    \n    /* Metro focus style override */\n    .theme-metro *:focus-visible {\n      outline: 2px solid #0f3a36;\n      outline-offset: 2px;\n      box-shadow: 0 0 0 4px rgb(15, 58, 54, 0.2);\n    }\n  `,\n\n  light: {\n    // Only override colors that are different from default\n    background: 'oklch(0.99 0.002 240)',\n    backgroundGradient: 'linear-gradient(135deg, oklch(0.96 0.005 240) 0%, oklch(0.99 0.002 240) 70%, oklch(0.88 0.008 240) 100%)',\n    foreground: 'oklch(0.09 0.01 240)',\n    card: 'oklch(0.98 0.003 240)',\n    cardForeground: 'oklch(0.09 0.01 240)',\n    popover: 'oklch(0.98 0.003 240)',\n    popoverForeground: 'oklch(0.09 0.01 240)',\n\n    // Metro color palette - 50% lighter for visibility\n    primary: '#1B4942',\n    primaryForeground: 'oklch(0.98 0.003 240)',\n    secondary: '#FAA533',\n    secondaryForeground: '#000000',\n    muted: 'oklch(0.96 0.005 240)',\n    mutedForeground: 'oklch(0.35 0.01 240)',\n    accent: 'oklch(0.55 0.12 200)',\n    accentForeground: 'oklch(0.98 0.003 240)',\n\n    // Border colors\n    border: 'oklch(0.88 0.008 240)',\n    input: 'oklch(0.88 0.008 240)',\n    ring: '#0f3a36',\n\n    // Chart colors - transit-inspired\n    chart1: '#0f3a36',\n    chart2: 'oklch(0.55 0.12 200)',\n    chart3: 'oklch(0.5 0.1 160)',\n    chart4: 'oklch(0.6 0.15 60)',\n    chart5: 'oklch(0.45 0.25 25)',\n\n    // Sidebar colors\n    sidebar: 'oklch(0.98 0.003 240)',\n    sidebarForeground: 'oklch(0.09 0.01 240)',\n    sidebarPrimary: '#0f3a36',\n    sidebarPrimaryForeground: 'oklch(0.98 0.003 240)',\n    sidebarAccent: 'oklch(0.55 0.12 200)',\n    sidebarAccentForeground: 'oklch(0.35 0.01 240)',\n    sidebarBorder: 'oklch(0.88 0.008 240)',\n    sidebarRing: '#0f3a36',\n  },\n\n  dark: {\n    // Dark mode metro colors\n    background: 'oklch(0.05 0.005 220)',\n    backgroundGradient: 'linear-gradient(135deg, oklch(0.05 0.005 220) 0%, oklch(0.15 0.015 220) 100%)',\n    foreground: 'oklch(0.95 0.01 220)',\n    card: 'oklch(0.20 0.015 220)',\n    cardForeground: 'oklch(0.95 0.01 220)',\n    popover: 'oklch(0.20 0.015 220)',\n    popoverForeground: 'oklch(0.95 0.01 220)',\n\n    primary: '#2F625C',\n    primaryForeground: 'oklch(0.05 0.005 220)',\n    secondary: '#FAA533',\n    secondaryForeground: '#000000',\n    muted: 'oklch(0.08 0.01 240)',\n    mutedForeground: 'oklch(0.75 0.01 240)',\n    accent: 'oklch(0.75 0.18 200)',\n    accentForeground: 'oklch(0.04 0.01 240)',\n\n    // Border colors\n    border: 'oklch(0.18 0.015 240)',\n    input: 'oklch(0.18 0.015 240)',\n    ring: '#0f3a36',\n\n    // Chart colors - brightened for dark mode\n    chart1: '#0f3a36',\n    chart2: 'oklch(0.75 0.18 200)',\n    chart3: 'oklch(0.7 0.15 160)',\n    chart4: 'oklch(0.75 0.2 60)',\n    chart5: 'oklch(0.65 0.25 25)',\n\n    // Sidebar colors\n    sidebar: 'oklch(0.20 0.015 220)',\n    sidebarForeground: 'oklch(0.95 0.01 220)',\n    sidebarPrimary: '#0f3a36',\n    sidebarPrimaryForeground: 'oklch(0.98 0.005 220)',\n    sidebarAccent: 'oklch(0.75 0.18 200)',\n    sidebarAccentForeground: 'oklch(0.75 0.01 240)',\n    sidebarBorder: 'oklch(0.18 0.015 240)',\n    sidebarRing: '#0f3a36',\n  },\n};\n\nexport default metroTheme;","/**\n * Studio theme preset - Sophisticated designer grays (OPTIMIZED)\n * @description Professional creative theme for design tools and portfolios\n * @package @bloomneo/uikit\n * @file /src/themes/presets/studio-optimized.js\n */\n\n// Studio theme - self-contained\n\n/**\n * Studio theme preset - Only overrides what's different from default\n * Uses the new modular system for dramatically reduced file size\n */\nconst studioTheme = {\n  id: 'studio',\n  name: 'Studio',\n  description: 'Sophisticated designer grays with strategic color accents for creative professionals',\n\n  // Only override design tokens that differ from default\n  design: {\n    // Studio-specific fonts\n    fontPrimary: \"'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\",\n    fontDisplay: \"'Merriweather', serif\",\n    \n    // Studio-specific gradients\n    gradientPrimary: 'rgb(37, 41, 49)', // Flat primary color\n    gradientSubtle: 'linear-gradient(135deg, oklch(0.97 0.002 270) 0%, oklch(0.90 0.003 270) 100%)',\n    gradientHover: 'linear-gradient(135deg, oklch(0.60 0.08 260) 0%, rgb(37, 41, 49) 100%)',\n    gradientText: 'linear-gradient(135deg, rgb(37, 41, 49) 0%, oklch(0.65 0.15 45) 50%, oklch(0.97 0.002 270) 100%)',\n    gradientBackground: 'linear-gradient(135deg, oklch(0.08 0.005 270) 0%, oklch(0.15 0.01 270) 100%)',\n    gradientBackgroundLight: 'linear-gradient(135deg, oklch(0.97 0.002 270) 0%, oklch(0.99 0.001 270) 70%, oklch(0.90 0.003 270) 100%)',\n  },\n\n  // Only studio-specific styles\n  customStyles: `\n    /* Studio theme - Only 4 unified classes */\n    .theme-studio {\n      font-family: 'Source Serif Pro', serif;\n      font-weight: 400;\n      line-height: 1.6;\n    }\n    \n    .theme-studio .voila-heading {\n      font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      font-weight: 700;\n      letter-spacing: -0.02em;\n      line-height: 1.1;\n      font-size: clamp(2.5rem, 6vw, 4rem);\n    }\n    \n    .theme-studio .voila-subheading {\n      font-family: 'Poppins', sans-serif;\n      font-weight: 600;\n      letter-spacing: -0.02em;\n      line-height: 1.3;\n      font-size: clamp(1.25rem, 3vw, 2rem);\n    }\n    \n    .theme-studio .voila-brand-logo {\n      font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      font-weight: 600;\n      letter-spacing: -0.01em;\n      font-size: 1.25rem;\n    }\n    \n    /* Studio-specific button hover */\n    .theme-studio .btn-primary:hover,\n    .theme-studio button[data-variant=\"primary\"]:hover,\n    .theme-studio [data-slot=\"button\"][data-variant=\"primary\"]:hover {\n      background: var(--voila-gradient-hover);\n    }\n    \n    \n    /* Body text enhancements */\n    .theme-studio strong, .theme-studio b {\n      font-weight: 600;\n    }\n    \n    /* Cursor styles for interactive elements */\n    .theme-studio button,\n    .theme-studio .btn,\n    .theme-studio [data-slot=\"button\"],\n    .theme-studio input[type=\"button\"],\n    .theme-studio input[type=\"submit\"],\n    .theme-studio input[type=\"reset\"],\n    .theme-studio a,\n    .theme-studio [role=\"button\"],\n    .theme-studio [tabindex=\"0\"]:not(input):not(textarea):not(select) {\n      cursor: pointer;\n    }\n    \n    /* Disabled buttons get not-allowed cursor */\n    .theme-studio button:disabled,\n    .theme-studio .btn:disabled,\n    .theme-studio [data-slot=\"button\"]:disabled,\n    .theme-studio input:disabled {\n      cursor: not-allowed;\n    }\n    \n    /* Studio focus style override */\n    .theme-studio *:focus-visible {\n      outline: 2px solid rgb(37, 41, 49);\n      outline-offset: 2px;\n      box-shadow: 0 0 0 4px rgb(37, 41, 49, 0.2);\n    }\n  `,\n\n  light: {\n    // Only override colors that are different from default\n    background: 'oklch(0.99 0.001 270)',\n    backgroundGradient: 'linear-gradient(135deg, oklch(0.97 0.002 270) 0%, oklch(0.99 0.001 270) 70%, oklch(0.90 0.003 270) 100%)',\n    foreground: 'oklch(0.08 0.005 270)',\n    card: 'oklch(0.98 0.002 270)',\n    cardForeground: 'oklch(0.08 0.005 270)',\n    popover: 'oklch(0.98 0.002 270)',\n    popoverForeground: 'oklch(0.08 0.005 270)',\n\n    // Studio color palette - 50% lighter for visibility\n    primary: 'rgb(56, 61, 73)',\n    primaryForeground: 'oklch(0.98 0.002 270)',\n    secondary: 'oklch(0.85 0.003 270)',\n    secondaryForeground: 'oklch(0.15 0.008 270)',\n    muted: 'oklch(0.97 0.002 270)',\n    mutedForeground: 'oklch(0.38 0.005 270)',\n    accent: 'oklch(0.65 0.15 45)',\n    accentForeground: 'oklch(0.98 0.002 270)',\n\n    // Border colors\n    border: 'oklch(0.9 0.003 270)',\n    input: 'oklch(0.9 0.003 270)',\n    ring: 'rgb(37, 41, 49)',\n\n    // Chart colors - creative palette\n    chart1: 'rgb(37, 41, 49)',\n    chart2: 'oklch(0.65 0.15 45)',\n    chart3: 'oklch(0.45 0.12 200)',\n    chart4: 'oklch(0.5 0.1 320)',\n    chart5: 'oklch(0.4 0.08 120)',\n\n    // Sidebar colors\n    sidebar: 'oklch(0.98 0.002 270)',\n    sidebarForeground: 'oklch(0.08 0.005 270)',\n    sidebarPrimary: 'rgb(37, 41, 49)',\n    sidebarPrimaryForeground: 'oklch(0.98 0.002 270)',\n    sidebarAccent: 'oklch(0.65 0.15 45)',\n    sidebarAccentForeground: 'oklch(0.38 0.005 270)',\n    sidebarBorder: 'oklch(0.9 0.003 270)',\n    sidebarRing: 'rgb(37, 41, 49)',\n  },\n\n  dark: {\n    // Dark mode studio colors\n    background: 'oklch(0.05 0.003 270)',\n    backgroundGradient: 'linear-gradient(135deg, oklch(0.05 0.003 270) 0%, oklch(0.15 0.01 270) 100%)',\n    foreground: 'oklch(0.95 0.005 270)',\n    card: 'oklch(0.20 0.01 270)',\n    cardForeground: 'oklch(0.95 0.005 270)',\n    popover: 'oklch(0.20 0.01 270)',\n    popoverForeground: 'oklch(0.95 0.005 270)',\n\n    primary: 'rgb(78, 84, 96)',\n    primaryForeground: 'oklch(0.08 0.005 270)',\n    secondary: 'oklch(0.10 0.008 270)',\n    secondaryForeground: 'oklch(0.94 0.005 270)',\n    muted: 'oklch(0.08 0.006 270)',\n    mutedForeground: 'oklch(0.74 0.005 270)',\n    accent: 'oklch(0.85 0.18 45)',\n    accentForeground: 'oklch(0.04 0.005 270)',\n\n    // Border colors\n    border: 'oklch(0.18 0.008 270)',\n    input: 'oklch(0.18 0.008 270)',\n    ring: 'rgb(37, 41, 49)',\n\n    // Chart colors - brightened for dark mode\n    chart1: 'rgb(37, 41, 49)',\n    chart2: 'oklch(0.85 0.18 45)',\n    chart3: 'oklch(0.7 0.15 200)',\n    chart4: 'oklch(0.72 0.12 320)',\n    chart5: 'oklch(0.68 0.1 120)',\n\n    // Sidebar colors\n    sidebar: 'oklch(0.20 0.01 270)',\n    sidebarForeground: 'oklch(0.95 0.005 270)',\n    sidebarPrimary: 'rgb(37, 41, 49)',\n    sidebarPrimaryForeground: 'oklch(0.98 0.003 270)',\n    sidebarAccent: 'oklch(0.85 0.18 45)',\n    sidebarAccentForeground: 'oklch(0.74 0.005 270)',\n    sidebarBorder: 'oklch(0.18 0.008 270)',\n    sidebarRing: 'rgb(37, 41, 49)',\n  },\n};\n\nexport default studioTheme;","/**\n * Vivid theme preset - Premium cursive design (OPTIMIZED)\n * @description Sophisticated theme featuring cursive hero fonts perfect for luxury brands and creative portfolios\n * @package @bloomneo/uikit\n * @file /src/themes/presets/vivid-optimized.js\n */\n\n// Vivid theme - self-contained\n\n/**\n * Vivid theme preset - Only overrides what's different from default\n * Uses the new modular system for dramatically reduced file size\n */\nconst vividTheme = {\n  id: 'vivid',\n  name: 'Vivid',\n  description: 'Premium cursive theme with sophisticated typography for luxury brands and creative portfolios',\n\n  // Only override design tokens that differ from default\n  design: {\n    // Vivid-specific fonts\n    fontPrimary: \"'Libre Baskerville', 'Merriweather', 'Times New Roman', serif\",\n    fontDisplay: \"'Playfair Display', 'Crimson Text', 'Times New Roman', serif\",\n    fontScript: \"'Caveat', 'Amatic SC', cursive\",\n    \n    // More elegant spacing and radius for luxury feel\n    radiusEnhance: '1.2rem',\n    spacingEnhance: '1.2',\n    \n    // Enhanced shadows for premium feel\n    shadowEnhance: '0 4px 20px rgb(0 0 0 / 0.08), 0 1px 3px rgb(0 0 0 / 0.05)',\n    shadowLg: '0 8px 30px rgb(0 0 0 / 0.12), 0 2px 6px rgb(0 0 0 / 0.08)',\n    shadowXl: '0 12px 40px rgb(0 0 0 / 0.15), 0 4px 12px rgb(0 0 0 / 0.1)',\n    \n  },\n\n  // Only vivid-specific styles\n  customStyles: `\n    /* Vivid theme - Only 4 unified classes */\n    .theme-vivid {\n      font-family: 'Libre Baskerville', serif;\n      font-weight: 400;\n      line-height: 1.7;\n      font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1, 'onum' 1;\n    }\n    \n    .theme-vivid .voila-heading {\n      font-family: 'Caveat', cursive;\n      font-weight: 700;\n      letter-spacing: -0.02em;\n      line-height: 1.1;\n      font-size: clamp(2.5rem, 6vw, 4rem);\n    }\n    \n    .theme-vivid .voila-subheading {\n      font-family: 'Playfair Display', serif;\n      font-weight: 500;\n      font-style: italic;\n      letter-spacing: -0.01em;\n      line-height: 1.3;\n      font-size: clamp(1.25rem, 3vw, 2rem);\n    }\n    \n    .theme-vivid .voila-brand-logo {\n      font-family: 'Caveat', cursive;\n      font-weight: 700;\n      letter-spacing: -0.01em;\n      font-size: 1.5rem;\n    }\n    \n    /* Clean gradient for bg-primary in Vivid theme only */\n    .theme-vivid .bg-primary {\n      background: linear-gradient(135deg, oklch(0.25 0.12 280) 0%, rgb(111, 103, 244) 100%) !important;\n    }\n    \n    .theme-vivid.dark .bg-primary {\n      background: linear-gradient(135deg, oklch(0.45 0.18 280) 0%, rgb(151, 143, 255) 100%) !important;\n    }\n    \n    /* Premium typography */\n    .theme-vivid p, .theme-vivid div, .theme-vivid span {\n      font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1, 'onum' 1;\n      line-height: 1.7;\n    }\n    \n    /* Elegant button effects */\n    .theme-vivid .btn-primary,\n    .theme-vivid button[data-variant=\"primary\"],\n    .theme-vivid [data-slot=\"button\"][data-variant=\"primary\"] {\n      background: linear-gradient(135deg, oklch(0.25 0.12 280) 0%, rgb(111, 103, 244) 100%);\n      letter-spacing: 0.025em;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      border-radius: 1.2rem;\n    }\n    \n    .theme-vivid button,\n    .theme-vivid [data-slot=\"button\"] {\n      border-radius: 1.2rem;\n    }\n    \n    .theme-vivid .btn-primary:hover,\n    .theme-vivid button[data-variant=\"primary\"]:hover,\n    .theme-vivid [data-slot=\"button\"][data-variant=\"primary\"]:hover {\n      background: linear-gradient(135deg, oklch(0.22 0.14 315) 0%, oklch(0.25 0.12 280) 100%);\n      transform: translateY(-2px);\n      box-shadow: 0 8px 25px rgb(0 0 0 / 0.15), 0 3px 10px rgb(0 0 0 / 0.1);\n    }\n    \n    /* Premium cards */\n    .theme-vivid [data-slot=\"card\"] {\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      border: 1px solid oklch(from var(--color-border) l c h / 0.3);\n    }\n    \n    .theme-vivid [data-slot=\"card\"]:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 12px 40px rgb(0 0 0 / 0.12), 0 4px 12px rgb(0 0 0 / 0.08);\n    }\n    \n    /* Darker shadows for dark mode cards */\n    .theme-vivid.dark [data-slot=\"card\"] {\n      box-shadow: 0 4px 20px rgb(0 0 0 / 0.25), 0 1px 3px rgb(0 0 0 / 0.15);\n      border: 1px solid oklch(from var(--color-border) l c h / 0.4);\n    }\n    \n    .theme-vivid.dark [data-slot=\"card\"]:hover {\n      box-shadow: 0 12px 40px rgb(0 0 0 / 0.35), 0 4px 12px rgb(0 0 0 / 0.20);\n    }\n    \n    /* Cursor styles for interactive elements */\n    .theme-vivid button,\n    .theme-vivid .btn,\n    .theme-vivid [data-slot=\"button\"],\n    .theme-vivid input[type=\"button\"],\n    .theme-vivid input[type=\"submit\"],\n    .theme-vivid input[type=\"reset\"],\n    .theme-vivid a,\n    .theme-vivid [role=\"button\"],\n    .theme-vivid [tabindex=\"0\"]:not(input):not(textarea):not(select) {\n      cursor: pointer;\n    }\n    \n    /* Disabled buttons get not-allowed cursor */\n    .theme-vivid button:disabled,\n    .theme-vivid .btn:disabled,\n    .theme-vivid [data-slot=\"button\"]:disabled,\n    .theme-vivid input:disabled {\n      cursor: not-allowed;\n    }\n    \n    /* Refined focus styles */\n    .theme-vivid *:focus-visible {\n      outline-offset: 3px;\n      box-shadow: 0 0 0 6px oklch(0.45 0.08 290 / 0.15);\n    }\n  `,\n\n  light: {\n    // Only override colors that are different from default\n    background: 'oklch(1.00 0.000 0)',\n    backgroundGradient: 'linear-gradient(135deg, oklch(0.45 0.08 290 / 0.02) 0%, oklch(1.00 0.000 0) 70%, oklch(0.98 0.005 60 / 0.01) 100%)',\n    foreground: 'oklch(0.18 0.02 290)',\n    card: 'oklch(0.99 0.002 290)',\n    cardForeground: 'oklch(0.18 0.02 290)',\n    popover: 'oklch(0.99 0.002 290)',\n    popoverForeground: 'oklch(0.18 0.02 290)',\n\n    // Vivid color palette - blue-dominant elegant with custom rgb gradient\n    primary: 'oklch(0.50 0.18 280)',\n    primaryForeground: 'oklch(0.98 0.005 60)',\n    secondary: 'oklch(0.58 0.20 15)',\n    secondaryForeground: 'oklch(0.98 0.005 60)',\n    muted: 'oklch(0.97 0.02 70)',\n    mutedForeground: 'oklch(0.42 0.05 290)',\n    accent: 'oklch(0.75 0.12 40)',\n    accentForeground: 'oklch(0.08 0.02 290)',\n\n    // Border colors\n    border: 'oklch(0.90 0.02 290)',\n    input: 'oklch(0.90 0.02 290)',\n    ring: 'oklch(0.45 0.08 290)',\n\n    // Chart colors - vibrant elegant spectrum  \n    chart1: 'oklch(0.25 0.12 280)',\n    chart2: 'oklch(0.58 0.20 15)',\n    chart3: 'oklch(0.75 0.12 40)',\n    chart4: 'oklch(0.22 0.14 315)',\n    chart5: 'oklch(0.45 0.08 290)',\n\n    // Sidebar colors\n    sidebar: 'oklch(0.98 0.005 60)',\n    sidebarForeground: 'oklch(0.18 0.02 290)',\n    sidebarPrimary: 'oklch(0.45 0.08 290)',\n    sidebarPrimaryForeground: 'oklch(0.98 0.005 60)',\n    sidebarAccent: 'oklch(0.95 0.015 290)',\n    sidebarAccentForeground: 'oklch(0.42 0.05 290)',\n    sidebarBorder: 'oklch(0.90 0.02 290)',\n    sidebarRing: 'oklch(0.45 0.08 290)',\n  },\n\n  dark: {\n    // Dark mode vivid colors\n    background: 'oklch(0.08 0.02 290)',\n    backgroundGradient: 'linear-gradient(135deg, oklch(0.08 0.02 290) 0%, oklch(0.06 0.015 320) 100%)',\n    foreground: 'oklch(0.92 0.01 60)',\n    card: 'oklch(0.20 0.04 290)',\n    cardForeground: 'oklch(0.92 0.01 60)',\n    popover: 'oklch(0.16 0.03 290)',\n    popoverForeground: 'oklch(0.92 0.01 60)',\n\n    // Brightened colors for dark mode with custom rgb gradient\n    primary: 'oklch(0.68 0.25 280)',\n    primaryForeground: 'oklch(0.08 0.02 290)',\n    secondary: 'oklch(0.70 0.25 15)',\n    secondaryForeground: 'oklch(0.08 0.02 290)',\n    muted: 'oklch(0.10 0.02 290)',\n    mutedForeground: 'oklch(0.70 0.05 290)',\n    accent: 'oklch(0.80 0.15 40)',\n    accentForeground: 'oklch(0.08 0.02 290)',\n\n    // Border colors\n    border: 'oklch(0.28 0.05 290)',\n    input: 'oklch(0.25 0.04 290)',\n    ring: 'oklch(0.62 0.12 290)',\n\n    // Chart colors - brightened for dark mode\n    chart1: 'oklch(0.45 0.18 280)',\n    chart2: 'oklch(0.70 0.25 15)',\n    chart3: 'oklch(0.80 0.15 40)',\n    chart4: 'oklch(0.42 0.20 315)',\n    chart5: 'oklch(0.65 0.12 290)',\n\n    // Sidebar colors\n    sidebar: 'oklch(0.10 0.02 290)',\n    sidebarForeground: 'oklch(0.92 0.01 60)',\n    sidebarPrimary: 'oklch(0.62 0.12 290)',\n    sidebarPrimaryForeground: 'oklch(0.08 0.02 290)',\n    sidebarAccent: 'oklch(0.18 0.03 290)',\n    sidebarAccentForeground: 'oklch(0.70 0.05 290)',\n    sidebarBorder: 'oklch(0.28 0.05 290)',\n    sidebarRing: 'oklch(0.62 0.12 290)',\n  },\n};\n\nexport default vividTheme;","/**\n * Optimized theme system exports for @bloomneo/uikit\n * @module @bloomneo/uikit\n * @file src/themes/index.ts\n */\n\n// Theme provider exports\nexport {\n  ThemeProvider,\n  useTheme,\n  type Theme,\n  type Mode,\n  type Tone,\n  type ThemeContextValue,\n  type ThemeProviderProps,\n} from './theme-provider';\n\n// Import optimized theme presets from JavaScript files\nimport baseTheme from './presets/base.js';\nimport elegantTheme from './presets/elegant.js';\nimport metroTheme from './presets/metro.js';\nimport studioTheme from './presets/studio.js';\nimport vividTheme from './presets/vivid.js';\n\n// Re-export with both default and named patterns\nexport { default as baseTheme } from './presets/base.js';\nexport { default as elegantTheme } from './presets/elegant.js';\nexport { default as metroTheme } from './presets/metro.js';\nexport { default as studioTheme } from './presets/studio.js';\nexport { default as vividTheme } from './presets/vivid.js';\n\n// Named aliases for convenience\nexport { baseTheme as base };\nexport { elegantTheme as elegant };\nexport { metroTheme as metro };\nexport { studioTheme as studio };\nexport { vividTheme as vivid };\n\n// Type definitions for themes (inferred from JavaScript objects)\nexport interface ThemeColors {\n  // Base colors\n  background: string;\n  foreground: string;\n  card: string;\n  cardForeground: string;\n  popover: string;\n  popoverForeground: string;\n  \n  // Interactive colors\n  primary: string;\n  primaryForeground: string;\n  secondary: string;\n  secondaryForeground: string;\n  muted: string;\n  mutedForeground: string;\n  accent: string;\n  accentForeground: string;\n  \n  // State colors\n  destructive: string;\n  destructiveForeground: string;\n  \n  // Border colors\n  border: string;\n  input: string;\n  ring: string;\n  \n  // Chart colors\n  chart1: string;\n  chart2: string;\n  chart3: string;\n  chart4: string;\n  chart5: string;\n  \n  // Sidebar colors\n  sidebar: string;\n  sidebarForeground: string;\n  sidebarPrimary: string;\n  sidebarPrimaryForeground: string;\n  sidebarAccent: string;\n  sidebarAccentForeground: string;\n  sidebarBorder: string;\n  sidebarRing: string;\n}\n\nexport interface ThemePreset {\n  /** Theme identifier (must match filename) */\n  id: string;\n  /** Human-readable theme name */\n  name: string;\n  /** Theme description */\n  description: string;\n  /** Light mode colors */\n  light: ThemeColors;\n  /** Dark mode colors */\n  dark: ThemeColors;\n}\n\n/**\n * @llm-rule Available theme presets\n * All themes that can be used with setTheme()\n */\nexport const AVAILABLE_THEMES = [\n  'base',\n  'elegant',\n  'metro',\n  'studio',\n  'vivid'\n] as const;\n\n/**\n * @llm-rule All optimized theme presets for build tools\n * Used by build scripts to generate CSS\n * Now with dramatically reduced file sizes!\n */\nexport const ALL_THEME_PRESETS = {\n  base: baseTheme,\n  elegant: elegantTheme,\n  metro: metroTheme,\n  studio: studioTheme,\n  vivid: vividTheme,\n};\n\n/**\n * @llm-pattern Basic theme usage (same as before)\n * import { ThemeProvider, useTheme } from '@bloomneo/uikit/themes';\n * \n * <ThemeProvider theme=\"elegant\" mode=\"dark\">\n *   <App />\n * </ThemeProvider>\n * \n * const { setTheme, setMode, getToneClasses } = useTheme();\n */\n\n/**\n * @llm-pattern Build tool usage (same API, smaller files!)\n * import { ALL_THEME_PRESETS } from '@bloomneo/uikit/themes';\n * \n * // Generate CSS for all themes\n * Object.values(ALL_THEME_PRESETS).forEach(theme => {\n *   generateCSS(theme);\n * });\n */\n\n/**\n * @llm-pattern Individual theme access (same as before)\n * import { vivid, studioTheme } from '@bloomneo/uikit/themes';\n * \n * console.log(vivid.name); // \"Vivid\"\n * console.log(studioTheme.light.primary); // Theme color\n */"],"names":["baseTheme","elegantTheme","metroTheme","studioTheme","vividTheme","AVAILABLE_THEMES","ALL_THEME_PRESETS"],"mappings":"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"}

package/dist/toast.js

@@ -0,0 +1,63 @@
+import { jsx as m } from "react/jsx-runtime";
+import { T as i, t as s } from "./index-B6sSWi7l.js";
+import { useTheme as c } from "./theme-provider.js";
+function T({
+  position: r = "bottom-right",
+  theme: o,
+  ...n
+}) {
+  let a = "system";
+  try {
+    a = c().mode;
+  } catch {
+  }
+  return /* @__PURE__ */ m(
+    i,
+    {
+      position: r,
+      theme: o ?? a,
+      className: "toaster group",
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)"
+      },
+      ...n
+    }
+  );
+}
+function e(r, o, n = {}) {
+  return (r === "success" ? s.success : r === "error" ? s.error : r === "info" ? s.info : r === "warning" ? s.warning : s)(o, n);
+}
+function u(r, o) {
+  s.promise(r, o);
+}
+const t = ((r, o) => {
+  e("message", r, o);
+});
+t.success = (r, o) => {
+  e("success", r, o);
+};
+t.error = (r, o) => {
+  e("error", r, o);
+};
+t.info = (r, o) => {
+  e("info", r, o);
+};
+t.warning = (r, o) => {
+  e("warning", r, o);
+};
+t.promise = u;
+t.dismiss = (r) => {
+  s.dismiss(r);
+};
+const f = t;
+function v() {
+  return f;
+}
+export {
+  T as ToastProvider,
+  f as toast,
+  v as useToast
+};
+//# sourceMappingURL=toast.js.map

package/dist/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sources":["../src/components/ui/toast.tsx"],"sourcesContent":["/**\n * Toast system for @bloomneo/uikit.\n *\n * Thin wrapper over `sonner` (already installed) that exposes a stable,\n * discoverable API:\n *\n *   • <ToastProvider />        — drop once at the app root (re-exports Toaster)\n *   • toast.success(message)   — green check\n *   • toast.error(message)     — red x\n *   • toast.info(message)      — neutral\n *   • toast.warning(message)   — yellow\n *   • toast.promise(promise, { loading, success, error })\n *   • toast(message, options)  — generic\n *   • useToast()               — returns the same object as a hook\n *\n * Why a wrapper at all? Two reasons:\n *\n *   1. Discovery — `useToast` is the convention agents and humans expect.\n *      Sonner's \"import { toast } from 'sonner'\" is invisible to anything\n *      reading UIKit's surface area.\n *   2. Theme parity — sonner reads next-themes; we re-bind it to UIKit's\n *      theme provider so dark mode is always correct.\n */\n\nimport * as React from 'react';\nimport { Toaster as SonnerToaster, toast as sonnerToast, type ToasterProps } from 'sonner';\nimport { useTheme } from '@/themes/theme-provider';\n\nexport type ToastPosition = ToasterProps['position'];\n\nexport interface ToastProviderProps extends Omit<ToasterProps, 'theme'> {\n  /** Override the auto-detected theme. Default: follows <ThemeProvider mode>. */\n  theme?: ToasterProps['theme'];\n}\n\n/**\n * Drop one of these at the root of your app (inside <ThemeProvider>):\n *\n *   <ThemeProvider><ToastProvider /><App /></ThemeProvider>\n */\nexport function ToastProvider({\n  position = 'bottom-right',\n  theme,\n  ...rest\n}: ToastProviderProps): React.JSX.Element {\n  // Read mode from UIKit's theme provider when one is mounted; fall back to\n  // 'system' so this still works in storybooks / isolated tests.\n  let mode: ToasterProps['theme'] = 'system';\n  try {\n    mode = useTheme().mode;\n  } catch {\n    /* not inside a ThemeProvider — that's fine */\n  }\n  return (\n    <SonnerToaster\n      position={position}\n      theme={theme ?? mode}\n      className=\"toaster group\"\n      style={\n        {\n          '--normal-bg': 'var(--popover)',\n          '--normal-text': 'var(--popover-foreground)',\n          '--normal-border': 'var(--border)',\n        } as React.CSSProperties\n      }\n      {...rest}\n    />\n  );\n}\n\n/* ------------------------------------------------------------------------- */\n/* toast() — flat callable API                                                */\n/* ------------------------------------------------------------------------- */\n\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface ToastOptions {\n  description?: React.ReactNode;\n  duration?: number;\n  action?: ToastAction;\n  cancel?: ToastAction;\n  /** ARIA live region. Default: 'polite' for info/success, 'assertive' for error. */\n  ariaLive?: 'polite' | 'assertive';\n}\n\nfunction callToast(\n  kind: 'success' | 'error' | 'info' | 'warning' | 'message',\n  message: React.ReactNode,\n  options: ToastOptions = {}\n) {\n  const fn =\n    kind === 'success'\n      ? sonnerToast.success\n      : kind === 'error'\n        ? sonnerToast.error\n        : kind === 'info'\n          ? sonnerToast.info\n          : kind === 'warning'\n            ? sonnerToast.warning\n            : sonnerToast;\n  return fn(message, options);\n}\n\nexport interface ToastPromiseMessages<T> {\n  loading: React.ReactNode;\n  success: React.ReactNode | ((data: T) => React.ReactNode);\n  error: React.ReactNode | ((error: unknown) => React.ReactNode);\n}\n\nfunction promiseToast<T>(promise: Promise<T>, messages: ToastPromiseMessages<T>): void {\n  // Sonner's `toast.promise` return type references an internal type that\n  // cannot be re-exported. We don't expose the return value — UIKit consumers\n  // never need it — so we wrap it in a void-returning function.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (sonnerToast.promise as any)(promise, messages);\n}\n\ninterface ToastApi {\n  (message: React.ReactNode, options?: ToastOptions): void;\n  success: (message: React.ReactNode, options?: ToastOptions) => void;\n  error: (message: React.ReactNode, options?: ToastOptions) => void;\n  info: (message: React.ReactNode, options?: ToastOptions) => void;\n  warning: (message: React.ReactNode, options?: ToastOptions) => void;\n  promise: <T>(promise: Promise<T>, messages: ToastPromiseMessages<T>) => void;\n  dismiss: (id?: string | number) => void;\n}\n\nconst toastImpl = ((message: React.ReactNode, options?: ToastOptions) => {\n  callToast('message', message, options);\n}) as ToastApi;\n\ntoastImpl.success = (message, options) => { callToast('success', message, options); };\ntoastImpl.error = (message, options) => { callToast('error', message, options); };\ntoastImpl.info = (message, options) => { callToast('info', message, options); };\ntoastImpl.warning = (message, options) => { callToast('warning', message, options); };\ntoastImpl.promise = promiseToast;\ntoastImpl.dismiss = (id?: string | number) => { sonnerToast.dismiss(id); };\n\nexport const toast: ToastApi = toastImpl;\n\n/**\n * Hook form: returns the same `toast` object. Exists for discoverability —\n * `useToast()` is what agents look for first.\n */\nexport function useToast(): ToastApi {\n  return toast;\n}\n"],"names":["ToastProvider","position","theme","rest","mode","useTheme","jsx","SonnerToaster","callToast","kind","message","options","sonnerToast","promiseToast","promise","messages","toastImpl","id","toast","useToast"],"mappings":";;;AAwCO,SAASA,EAAc;AAAA,EAC5B,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,GAAGC;AACL,GAA0C;AAGxC,MAAIC,IAA8B;AAClC,MAAI;AACF,IAAAA,IAAOC,IAAW;AAAA,EACpB,QAAQ;AAAA,EAER;AACA,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAAN;AAAA,MACA,OAAOC,KAASE;AAAA,MAChB,WAAU;AAAA,MACV,OACE;AAAA,QACE,eAAe;AAAA,QACf,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,MAAA;AAAA,MAGtB,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;AAoBA,SAASK,EACPC,GACAC,GACAC,IAAwB,CAAA,GACxB;AAWA,UATEF,MAAS,YACLG,EAAY,UACZH,MAAS,UACPG,EAAY,QACZH,MAAS,SACPG,EAAY,OACZH,MAAS,YACPG,EAAY,UACZA,GACFF,GAASC,CAAO;AAC5B;AAQA,SAASE,EAAgBC,GAAqBC,GAAyC;AAKpFH,EAAAA,EAAY,QAAgBE,GAASC,CAAQ;AAChD;AAYA,MAAMC,KAAa,CAACN,GAA0BC,MAA2B;AACvE,EAAAH,EAAU,WAAWE,GAASC,CAAO;AACvC;AAEAK,EAAU,UAAU,CAACN,GAASC,MAAY;AAAE,EAAAH,EAAU,WAAWE,GAASC,CAAO;AAAG;AACpFK,EAAU,QAAQ,CAACN,GAASC,MAAY;AAAE,EAAAH,EAAU,SAASE,GAASC,CAAO;AAAG;AAChFK,EAAU,OAAO,CAACN,GAASC,MAAY;AAAE,EAAAH,EAAU,QAAQE,GAASC,CAAO;AAAG;AAC9EK,EAAU,UAAU,CAACN,GAASC,MAAY;AAAE,EAAAH,EAAU,WAAWE,GAASC,CAAO;AAAG;AACpFK,EAAU,UAAUH;AACpBG,EAAU,UAAU,CAACC,MAAyB;AAAEL,EAAAA,EAAY,QAAQK,CAAE;AAAG;AAElE,MAAMC,IAAkBF;AAMxB,SAASG,IAAqB;AACnC,SAAOD;AACT;"}

package/dist/toggle.js

@@ -0,0 +1,70 @@
+import { jsx as n } from "react/jsx-runtime";
+import * as u from "react";
+import { u as g, c as f } from "./index-C0UREtMP.js";
+import { P as v } from "./index-BVRIAMfe.js";
+import { c as m } from "./index-Bke1qZdk.js";
+import { c as p } from "./utils-CwJPJKOE.js";
+var s = "Toggle", i = u.forwardRef((e, t) => {
+  const { pressed: a, defaultPressed: r, onPressedChange: d, ...l } = e, [o, c] = g({
+    prop: a,
+    onChange: d,
+    defaultProp: r ?? !1,
+    caller: s
+  });
+  return /* @__PURE__ */ n(
+    v.button,
+    {
+      type: "button",
+      "aria-pressed": o,
+      "data-state": o ? "on" : "off",
+      "data-disabled": e.disabled ? "" : void 0,
+      ...l,
+      ref: t,
+      onClick: f(e.onClick, () => {
+        e.disabled || c(!o);
+      })
+    }
+  );
+});
+i.displayName = s;
+var b = i;
+const h = m(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function y({
+  className: e,
+  variant: t,
+  size: a,
+  ...r
+}) {
+  return /* @__PURE__ */ n(
+    b,
+    {
+      "data-slot": "toggle",
+      className: p(h({ variant: t, size: a, className: e })),
+      ...r
+    }
+  );
+}
+export {
+  y as Toggle,
+  h as toggleVariants
+};
+//# sourceMappingURL=toggle.js.map

package/dist/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sources":["../node_modules/@radix-ui/react-toggle/dist/index.mjs","../src/components/ui/toggle.tsx"],"sourcesContent":["\"use client\";\n\n// src/toggle.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Toggle\";\nvar Toggle = React.forwardRef((props, forwardedRef) => {\n  const { pressed: pressedProp, defaultPressed, onPressedChange, ...buttonProps } = props;\n  const [pressed, setPressed] = useControllableState({\n    prop: pressedProp,\n    onChange: onPressedChange,\n    defaultProp: defaultPressed ?? false,\n    caller: NAME\n  });\n  return /* @__PURE__ */ jsx(\n    Primitive.button,\n    {\n      type: \"button\",\n      \"aria-pressed\": pressed,\n      \"data-state\": pressed ? \"on\" : \"off\",\n      \"data-disabled\": props.disabled ? \"\" : void 0,\n      ...buttonProps,\n      ref: forwardedRef,\n      onClick: composeEventHandlers(props.onClick, () => {\n        if (!props.disabled) {\n          setPressed(!pressed);\n        }\n      })\n    }\n  );\n});\nToggle.displayName = NAME;\nvar Root = Toggle;\nexport {\n  Root,\n  Toggle\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline:\n          \"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground\",\n      },\n      size: {\n        default: \"h-9 px-2 min-w-9\",\n        sm: \"h-8 px-1.5 min-w-8\",\n        lg: \"h-10 px-2.5 min-w-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Toggle, toggleVariants }\n"],"names":["NAME","Toggle","React","props","forwardedRef","pressedProp","defaultPressed","onPressedChange","buttonProps","pressed","setPressed","useControllableState","jsx","Primitive","composeEventHandlers","Root","toggleVariants","cva","className","variant","size","TogglePrimitive.Root","cn"],"mappings":";;;;;;AAQA,IAAIA,IAAO,UACPC,IAASC,EAAM,WAAW,CAACC,GAAOC,MAAiB;AACrD,QAAM,EAAE,SAASC,GAAa,gBAAAC,GAAgB,iBAAAC,GAAiB,GAAGC,EAAW,IAAKL,GAC5E,CAACM,GAASC,CAAU,IAAIC,EAAqB;AAAA,IACjD,MAAMN;AAAA,IACN,UAAUE;AAAA,IACV,aAAaD,KAAkB;AAAA,IAC/B,QAAQN;AAAA,EACZ,CAAG;AACD,SAAuB,gBAAAY;AAAA,IACrBC,EAAU;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,gBAAgBJ;AAAA,MAChB,cAAcA,IAAU,OAAO;AAAA,MAC/B,iBAAiBN,EAAM,WAAW,KAAK;AAAA,MACvC,GAAGK;AAAA,MACH,KAAKJ;AAAA,MACL,SAASU,EAAqBX,EAAM,SAAS,MAAM;AACjD,QAAKA,EAAM,YACTO,EAAW,CAACD,CAAO;AAAA,MAEvB,CAAC;AAAA,IACP;AAAA,EACA;AACA,CAAC;AACDR,EAAO,cAAcD;AACrB,IAAIe,IAAOd;AC3BX,MAAMe,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAEA,SAAShB,EAAO;AAAA,EACd,WAAAiB;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGjB;AACL,GACuC;AACrC,SACE,gBAAAS;AAAA,IAACS;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGN,EAAe,EAAE,SAAAG,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,MACzD,GAAGf;AAAA,IAAA;AAAA,EAAA;AAGV;","x_google_ignoreList":[0]}

package/dist/tooltip.js

@@ -0,0 +1,375 @@
+import { jsx as u, jsxs as H } from "react/jsx-runtime";
+import * as a from "react";
+import { u as K, c as C } from "./index-C0UREtMP.js";
+import { u as S, b as W } from "./index-DQH6odE9.js";
+import { c as J } from "./index-DFZozV_h.js";
+import { P as Q, D as Z } from "./index-BY7PeRJA.js";
+import { u as ee } from "./index-xqkGMOJ8.js";
+import { c as G, R as te, A as oe, a as re, C as ne } from "./index-dhIqEbxW.js";
+import { P as j } from "./index-BCjJQGh8.js";
+import { P as ae } from "./index-BVRIAMfe.js";
+import { R as se } from "./index-pWhlqjff.js";
+import { c as ie } from "./utils-CwJPJKOE.js";
+var [O, ze] = J("Tooltip", [
+  G
+]), D = G(), F = "TooltipProvider", le = 700, A = "tooltip.open", [ce, k] = O(F), z = (e) => {
+  const {
+    __scopeTooltip: o,
+    delayDuration: t = le,
+    skipDelayDuration: r = 300,
+    disableHoverableContent: n = !1,
+    children: l
+  } = e, i = a.useRef(!0), v = a.useRef(!1), s = a.useRef(0);
+  return a.useEffect(() => {
+    const d = s.current;
+    return () => window.clearTimeout(d);
+  }, []), /* @__PURE__ */ u(
+    ce,
+    {
+      scope: o,
+      isOpenDelayedRef: i,
+      delayDuration: t,
+      onOpen: a.useCallback(() => {
+        window.clearTimeout(s.current), i.current = !1;
+      }, []),
+      onClose: a.useCallback(() => {
+        window.clearTimeout(s.current), s.current = window.setTimeout(
+          () => i.current = !0,
+          r
+        );
+      }, [r]),
+      isPointerInTransitRef: v,
+      onPointerInTransitChange: a.useCallback((d) => {
+        v.current = d;
+      }, []),
+      disableHoverableContent: n,
+      children: l
+    }
+  );
+};
+z.displayName = F;
+var R = "Tooltip", [ue, _] = O(R), $ = (e) => {
+  const {
+    __scopeTooltip: o,
+    children: t,
+    open: r,
+    defaultOpen: n,
+    onOpenChange: l,
+    disableHoverableContent: i,
+    delayDuration: v
+  } = e, s = k(R, e.__scopeTooltip), d = D(o), [c, f] = a.useState(null), m = ee(), p = a.useRef(0), h = i ?? s.disableHoverableContent, g = v ?? s.delayDuration, T = a.useRef(!1), [x, y] = K({
+    prop: r,
+    defaultProp: n ?? !1,
+    onChange: (N) => {
+      N ? (s.onOpen(), document.dispatchEvent(new CustomEvent(A))) : s.onClose(), l?.(N);
+    },
+    caller: R
+  }), w = a.useMemo(() => x ? T.current ? "delayed-open" : "instant-open" : "closed", [x]), P = a.useCallback(() => {
+    window.clearTimeout(p.current), p.current = 0, T.current = !1, y(!0);
+  }, [y]), E = a.useCallback(() => {
+    window.clearTimeout(p.current), p.current = 0, y(!1);
+  }, [y]), I = a.useCallback(() => {
+    window.clearTimeout(p.current), p.current = window.setTimeout(() => {
+      T.current = !0, y(!0), p.current = 0;
+    }, g);
+  }, [g, y]);
+  return a.useEffect(() => () => {
+    p.current && (window.clearTimeout(p.current), p.current = 0);
+  }, []), /* @__PURE__ */ u(te, { ...d, children: /* @__PURE__ */ u(
+    ue,
+    {
+      scope: o,
+      contentId: m,
+      open: x,
+      stateAttribute: w,
+      trigger: c,
+      onTriggerChange: f,
+      onTriggerEnter: a.useCallback(() => {
+        s.isOpenDelayedRef.current ? I() : P();
+      }, [s.isOpenDelayedRef, I, P]),
+      onTriggerLeave: a.useCallback(() => {
+        h ? E() : (window.clearTimeout(p.current), p.current = 0);
+      }, [E, h]),
+      onOpen: P,
+      onClose: E,
+      disableHoverableContent: h,
+      children: t
+    }
+  ) });
+};
+$.displayName = R;
+var L = "TooltipTrigger", B = a.forwardRef(
+  (e, o) => {
+    const { __scopeTooltip: t, ...r } = e, n = _(L, t), l = k(L, t), i = D(t), v = a.useRef(null), s = S(o, v, n.onTriggerChange), d = a.useRef(!1), c = a.useRef(!1), f = a.useCallback(() => d.current = !1, []);
+    return a.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ u(oe, { asChild: !0, ...i, children: /* @__PURE__ */ u(
+      ae.button,
+      {
+        "aria-describedby": n.open ? n.contentId : void 0,
+        "data-state": n.stateAttribute,
+        ...r,
+        ref: s,
+        onPointerMove: C(e.onPointerMove, (m) => {
+          m.pointerType !== "touch" && !c.current && !l.isPointerInTransitRef.current && (n.onTriggerEnter(), c.current = !0);
+        }),
+        onPointerLeave: C(e.onPointerLeave, () => {
+          n.onTriggerLeave(), c.current = !1;
+        }),
+        onPointerDown: C(e.onPointerDown, () => {
+          n.open && n.onClose(), d.current = !0, document.addEventListener("pointerup", f, { once: !0 });
+        }),
+        onFocus: C(e.onFocus, () => {
+          d.current || n.onOpen();
+        }),
+        onBlur: C(e.onBlur, n.onClose),
+        onClick: C(e.onClick, n.onClose)
+      }
+    ) });
+  }
+);
+B.displayName = L;
+var M = "TooltipPortal", [pe, de] = O(M, {
+  forceMount: void 0
+}), U = (e) => {
+  const { __scopeTooltip: o, forceMount: t, children: r, container: n } = e, l = _(M, o);
+  return /* @__PURE__ */ u(pe, { scope: o, forceMount: t, children: /* @__PURE__ */ u(j, { present: t || l.open, children: /* @__PURE__ */ u(Q, { asChild: !0, container: n, children: r }) }) });
+};
+U.displayName = M;
+var b = "TooltipContent", V = a.forwardRef(
+  (e, o) => {
+    const t = de(b, e.__scopeTooltip), { forceMount: r = t.forceMount, side: n = "top", ...l } = e, i = _(b, e.__scopeTooltip);
+    return /* @__PURE__ */ u(j, { present: r || i.open, children: i.disableHoverableContent ? /* @__PURE__ */ u(Y, { side: n, ...l, ref: o }) : /* @__PURE__ */ u(fe, { side: n, ...l, ref: o }) });
+  }
+), fe = a.forwardRef((e, o) => {
+  const t = _(b, e.__scopeTooltip), r = k(b, e.__scopeTooltip), n = a.useRef(null), l = S(o, n), [i, v] = a.useState(null), { trigger: s, onClose: d } = t, c = n.current, { onPointerInTransitChange: f } = r, m = a.useCallback(() => {
+    v(null), f(!1);
+  }, [f]), p = a.useCallback(
+    (h, g) => {
+      const T = h.currentTarget, x = { x: h.clientX, y: h.clientY }, y = Te(x, T.getBoundingClientRect()), w = ge(x, y), P = ye(g.getBoundingClientRect()), E = Ce([...w, ...P]);
+      v(E), f(!0);
+    },
+    [f]
+  );
+  return a.useEffect(() => () => m(), [m]), a.useEffect(() => {
+    if (s && c) {
+      const h = (T) => p(T, c), g = (T) => p(T, s);
+      return s.addEventListener("pointerleave", h), c.addEventListener("pointerleave", g), () => {
+        s.removeEventListener("pointerleave", h), c.removeEventListener("pointerleave", g);
+      };
+    }
+  }, [s, c, p, m]), a.useEffect(() => {
+    if (i) {
+      const h = (g) => {
+        const T = g.target, x = { x: g.clientX, y: g.clientY }, y = s?.contains(T) || c?.contains(T), w = !xe(x, i);
+        y ? m() : w && (m(), d());
+      };
+      return document.addEventListener("pointermove", h), () => document.removeEventListener("pointermove", h);
+    }
+  }, [s, c, i, d, m]), /* @__PURE__ */ u(Y, { ...e, ref: l });
+}), [ve, me] = O(R, { isInside: !1 }), he = W("TooltipContent"), Y = a.forwardRef(
+  (e, o) => {
+    const {
+      __scopeTooltip: t,
+      children: r,
+      "aria-label": n,
+      onEscapeKeyDown: l,
+      onPointerDownOutside: i,
+      ...v
+    } = e, s = _(b, t), d = D(t), { onClose: c } = s;
+    return a.useEffect(() => (document.addEventListener(A, c), () => document.removeEventListener(A, c)), [c]), a.useEffect(() => {
+      if (s.trigger) {
+        const f = (m) => {
+          m.target?.contains(s.trigger) && c();
+        };
+        return window.addEventListener("scroll", f, { capture: !0 }), () => window.removeEventListener("scroll", f, { capture: !0 });
+      }
+    }, [s.trigger, c]), /* @__PURE__ */ u(
+      Z,
+      {
+        asChild: !0,
+        disableOutsidePointerEvents: !1,
+        onEscapeKeyDown: l,
+        onPointerDownOutside: i,
+        onFocusOutside: (f) => f.preventDefault(),
+        onDismiss: c,
+        children: /* @__PURE__ */ H(
+          ne,
+          {
+            "data-state": s.stateAttribute,
+            ...d,
+            ...v,
+            ref: o,
+            style: {
+              ...v.style,
+              "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
+              "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
+              "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
+              "--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
+              "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
+            },
+            children: [
+              /* @__PURE__ */ u(he, { children: r }),
+              /* @__PURE__ */ u(ve, { scope: t, isInside: !0, children: /* @__PURE__ */ u(se, { id: s.contentId, role: "tooltip", children: n || r }) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+V.displayName = b;
+var q = "TooltipArrow", X = a.forwardRef(
+  (e, o) => {
+    const { __scopeTooltip: t, ...r } = e, n = D(t);
+    return me(
+      q,
+      t
+    ).isInside ? null : /* @__PURE__ */ u(re, { ...n, ...r, ref: o });
+  }
+);
+X.displayName = q;
+function Te(e, o) {
+  const t = Math.abs(o.top - e.y), r = Math.abs(o.bottom - e.y), n = Math.abs(o.right - e.x), l = Math.abs(o.left - e.x);
+  switch (Math.min(t, r, n, l)) {
+    case l:
+      return "left";
+    case n:
+      return "right";
+    case t:
+      return "top";
+    case r:
+      return "bottom";
+    default:
+      throw new Error("unreachable");
+  }
+}
+function ge(e, o, t = 5) {
+  const r = [];
+  switch (o) {
+    case "top":
+      r.push(
+        { x: e.x - t, y: e.y + t },
+        { x: e.x + t, y: e.y + t }
+      );
+      break;
+    case "bottom":
+      r.push(
+        { x: e.x - t, y: e.y - t },
+        { x: e.x + t, y: e.y - t }
+      );
+      break;
+    case "left":
+      r.push(
+        { x: e.x + t, y: e.y - t },
+        { x: e.x + t, y: e.y + t }
+      );
+      break;
+    case "right":
+      r.push(
+        { x: e.x - t, y: e.y - t },
+        { x: e.x - t, y: e.y + t }
+      );
+      break;
+  }
+  return r;
+}
+function ye(e) {
+  const { top: o, right: t, bottom: r, left: n } = e;
+  return [
+    { x: n, y: o },
+    { x: t, y: o },
+    { x: t, y: r },
+    { x: n, y: r }
+  ];
+}
+function xe(e, o) {
+  const { x: t, y: r } = e;
+  let n = !1;
+  for (let l = 0, i = o.length - 1; l < o.length; i = l++) {
+    const v = o[l], s = o[i], d = v.x, c = v.y, f = s.x, m = s.y;
+    c > r != m > r && t < (f - d) * (r - c) / (m - c) + d && (n = !n);
+  }
+  return n;
+}
+function Ce(e) {
+  const o = e.slice();
+  return o.sort((t, r) => t.x < r.x ? -1 : t.x > r.x ? 1 : t.y < r.y ? -1 : t.y > r.y ? 1 : 0), be(o);
+}
+function be(e) {
+  if (e.length <= 1) return e.slice();
+  const o = [];
+  for (let r = 0; r < e.length; r++) {
+    const n = e[r];
+    for (; o.length >= 2; ) {
+      const l = o[o.length - 1], i = o[o.length - 2];
+      if ((l.x - i.x) * (n.y - i.y) >= (l.y - i.y) * (n.x - i.x)) o.pop();
+      else break;
+    }
+    o.push(n);
+  }
+  o.pop();
+  const t = [];
+  for (let r = e.length - 1; r >= 0; r--) {
+    const n = e[r];
+    for (; t.length >= 2; ) {
+      const l = t[t.length - 1], i = t[t.length - 2];
+      if ((l.x - i.x) * (n.y - i.y) >= (l.y - i.y) * (n.x - i.x)) t.pop();
+      else break;
+    }
+    t.push(n);
+  }
+  return t.pop(), o.length === 1 && t.length === 1 && o[0].x === t[0].x && o[0].y === t[0].y ? o : o.concat(t);
+}
+var we = z, Pe = $, Ee = B, Re = U, _e = V, Oe = X;
+function De({
+  delayDuration: e = 0,
+  ...o
+}) {
+  return /* @__PURE__ */ u(
+    we,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration: e,
+      ...o
+    }
+  );
+}
+function $e({
+  ...e
+}) {
+  return /* @__PURE__ */ u(De, { children: /* @__PURE__ */ u(Pe, { "data-slot": "tooltip", ...e }) });
+}
+function Be({
+  ...e
+}) {
+  return /* @__PURE__ */ u(Ee, { "data-slot": "tooltip-trigger", ...e });
+}
+function Ue({
+  className: e,
+  sideOffset: o = 0,
+  children: t,
+  ...r
+}) {
+  return /* @__PURE__ */ u(Re, { children: /* @__PURE__ */ H(
+    _e,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset: o,
+      className: ie(
+        "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        e
+      ),
+      ...r,
+      children: [
+        t,
+        /* @__PURE__ */ u(Oe, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+export {
+  $e as Tooltip,
+  Ue as TooltipContent,
+  De as TooltipProvider,
+  Be as TooltipTrigger
+};
+//# sourceMappingURL=tooltip.js.map