@salesmind-ai/design-system 0.3.0 → 0.3.2

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/AppearanceProvider.tsx","../../src/components/ThemeSelector/ThemeSelector.tsx","../../src/components/AppearancePanel/AppearancePanel.tsx","../../src/components/ColorPicker/ColorPicker.tsx","../../src/components/VoidBackground/VoidBackground.tsx"],"names":["jsx","React","clsx","jsxs"],"mappings":"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","sourcesContent":["import React, { createContext, useContext, useEffect, useState, useCallback } from 'react';\n\n/* ============================================================================\n   APPEARANCE TYPES\n   ============================================================================ */\n\nexport type Theme = 'light' | 'light-contrast' | 'dark' | 'dark-contrast';\nexport type Brand = 'default' | 'salesmind' | 'custom';\nexport type NavPlacement = 'left' | 'right' | 'bottom';\nexport type Density = 'comfortable' | 'compact';\nexport type Radius = 'playful' | 'sharp';\n\nexport interface AppearanceSettings {\n  theme: Theme;\n  brand: Brand;\n  navPlacement: NavPlacement;\n  density: Density;\n  radius: Radius;\n  /** Hex color for custom brand (e.g., \"#ff2d8a\") */\n  customColor: string;\n}\n\nexport interface AppearanceContextValue extends AppearanceSettings {\n  setTheme: (theme: Theme) => void;\n  setBrand: (brand: Brand) => void;\n  setNavPlacement: (nav: NavPlacement) => void;\n  setDensity: (density: Density) => void;\n  setRadius: (radius: Radius) => void;\n  setCustomColor: (color: string) => void;\n  setAppearance: (settings: Partial<AppearanceSettings>) => void;\n  resetToDefaults: () => void;\n}\n\n/* ============================================================================\n   CONSTANTS\n   ============================================================================ */\n\nconst STORAGE_KEY = 'void-appearance-settings';\n\nconst DEFAULT_SETTINGS: AppearanceSettings = {\n  theme: 'dark',\n  brand: 'default',\n  navPlacement: 'left',\n  density: 'comfortable',\n  radius: 'playful',\n  customColor: '#f97316', // Default orange as fallback\n};\n\n/* ============================================================================\n   UTILITIES\n   ============================================================================ */\n\n/** Detect system color scheme preference */\n\n\n/** Convert hex color to RGB triplet string (e.g., \"255, 45, 138\") */\nfunction hexToRgb(hex: string): string {\n  // Remove # if present\n  const cleanHex = hex.replace(/^#/, '');\n\n  // Parse hex values\n  const r = parseInt(cleanHex.substring(0, 2), 16);\n  const g = parseInt(cleanHex.substring(2, 4), 16);\n  const b = parseInt(cleanHex.substring(4, 6), 16);\n\n  // Validate parsed values\n  if (isNaN(r) || isNaN(g) || isNaN(b)) {\n    // Fallback to default orange if parsing fails\n    return '249, 115, 22';\n  }\n\n  return `${r}, ${g}, ${b}`;\n}\n\n/** Generate a complementary/secondary color from primary */\nfunction generateSecondaryColor(hex: string): string {\n  const cleanHex = hex.replace(/^#/, '');\n  const r = parseInt(cleanHex.substring(0, 2), 16);\n  const g = parseInt(cleanHex.substring(2, 4), 16);\n  const b = parseInt(cleanHex.substring(4, 6), 16);\n\n  if (isNaN(r) || isNaN(g) || isNaN(b)) {\n    return '255, 208, 0'; // Default yellow\n  }\n\n  // Shift hue by ~60 degrees for a harmonious secondary\n  // Simple approach: rotate RGB channels and boost brightness\n  const secondary = {\n    r: Math.min(255, g + 50),\n    g: Math.min(255, b + 100),\n    b: Math.min(255, r),\n  };\n\n  return `${secondary.r}, ${secondary.g}, ${secondary.b}`;\n}\n\n/** Load settings from localStorage */\nfunction loadSettings(): AppearanceSettings {\n  if (typeof window === 'undefined') return DEFAULT_SETTINGS;\n\n  try {\n    const stored = localStorage.getItem(STORAGE_KEY);\n    if (stored) {\n      const parsed = JSON.parse(stored) as Partial<AppearanceSettings>;\n      return {\n        theme: parsed.theme || DEFAULT_SETTINGS.theme,\n        brand: parsed.brand || DEFAULT_SETTINGS.brand,\n        navPlacement: parsed.navPlacement || DEFAULT_SETTINGS.navPlacement,\n        density: parsed.density || DEFAULT_SETTINGS.density,\n        radius: parsed.radius || DEFAULT_SETTINGS.radius,\n        customColor: parsed.customColor || DEFAULT_SETTINGS.customColor,\n      };\n    }\n  } catch {\n    // Ignore parse errors\n  }\n\n  // Use default dark preference for initial theme if no stored value\n  return {\n    ...DEFAULT_SETTINGS,\n    theme: 'dark',\n  };\n}\n\n/** Save settings to localStorage */\nfunction saveSettings(settings: AppearanceSettings): void {\n  if (typeof window === 'undefined') return;\n\n  try {\n    localStorage.setItem(STORAGE_KEY, JSON.stringify(settings));\n  } catch {\n    // Ignore storage errors (e.g., private browsing)\n  }\n}\n\n/** Apply settings to document.documentElement */\nfunction applySettings(settings: AppearanceSettings): void {\n  if (typeof document === 'undefined') return;\n\n  const root = document.documentElement;\n\n  // Apply data attributes\n  root.setAttribute('data-theme', settings.theme);\n  root.setAttribute('data-brand', settings.brand);\n  root.setAttribute('data-nav', settings.navPlacement);\n  root.setAttribute('data-density', settings.density);\n  root.setAttribute('data-radius', settings.radius);\n\n  // Handle custom brand RGB injection\n  if (settings.brand === 'custom') {\n    const primaryRgb = hexToRgb(settings.customColor);\n    const secondaryRgb = generateSecondaryColor(settings.customColor);\n\n    // Inject custom CSS variables\n    root.style.setProperty('--custom-accent-rgb', primaryRgb);\n    root.style.setProperty('--custom-accent2-rgb', secondaryRgb);\n  } else {\n    // Clean up injected variables when switching away from custom brand\n    root.style.removeProperty('--custom-accent-rgb');\n    root.style.removeProperty('--custom-accent2-rgb');\n  }\n}\n\n/** Check if user prefers reduced motion */\nfunction prefersReducedMotion(): boolean {\n  if (typeof window === 'undefined') return false;\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n/* ============================================================================\n   CONTEXT\n   ============================================================================ */\n\nconst AppearanceContext = createContext<AppearanceContextValue | null>(null);\n\n/* ============================================================================\n   PROVIDER COMPONENT\n   ============================================================================ */\n\nexport interface AppearanceProviderProps {\n  /** Initial settings (overrides localStorage) */\n  initialSettings?: Partial<AppearanceSettings>;\n  /** Disable localStorage persistence */\n  disablePersistence?: boolean;\n  /** Children */\n  children: React.ReactNode;\n}\n\nexport function AppearanceProvider({\n  initialSettings,\n  disablePersistence = false,\n  children,\n}: AppearanceProviderProps) {\n  // Start with deterministic defaults to avoid SSR/client hydration mismatch.\n  // localStorage is read after mount in the effect below.\n  const [settings, setSettings] = useState<AppearanceSettings>(() => ({\n    ...DEFAULT_SETTINGS,\n    ...initialSettings,\n  }));\n\n  // After hydration, sync with localStorage (runs once on mount)\n  const [hydrated, setHydrated] = useState(false);\n  useEffect(() => {\n    if (!disablePersistence) {\n      const loaded = loadSettings();\n      setSettings({\n        ...loaded,\n        // initialSettings still take priority over localStorage\n        ...initialSettings,\n      });\n    }\n    setHydrated(true);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Apply settings to DOM whenever they change\n  useEffect(() => {\n    applySettings(settings);\n    if (!disablePersistence && hydrated) {\n      saveSettings(settings);\n    }\n  }, [settings, disablePersistence, hydrated]);\n\n  // Listen for system theme changes\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: light)');\n\n    const handleChange = (e: MediaQueryListEvent) => {\n      // Only auto-switch if user hasn't explicitly set a contrast variant\n      setSettings((prev) => {\n        if (prev.theme === 'light-contrast' || prev.theme === 'dark-contrast') {\n          return prev; // Don't override contrast preferences\n        }\n        return {\n          ...prev,\n          theme: e.matches ? 'light' : 'dark',\n        };\n      });\n    };\n\n    mediaQuery.addEventListener('change', handleChange);\n    return () => mediaQuery.removeEventListener('change', handleChange);\n  }, []);\n\n  // Listen for reduced motion preference changes\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)');\n\n    // Initial check is handled by CSS media queries in tokens.css\n    // This effect ensures we respect the preference dynamically\n    const handleChange = () => {\n      // Re-apply settings to ensure any motion-dependent values are updated\n      applySettings(settings);\n    };\n\n    mediaQuery.addEventListener('change', handleChange);\n    return () => mediaQuery.removeEventListener('change', handleChange);\n  }, [settings]);\n\n  const setTheme = useCallback((theme: Theme) => {\n    setSettings((prev) => ({ ...prev, theme }));\n  }, []);\n\n  const setBrand = useCallback((brand: Brand) => {\n    setSettings((prev) => ({ ...prev, brand }));\n  }, []);\n\n  const setNavPlacement = useCallback((navPlacement: NavPlacement) => {\n    setSettings((prev) => ({ ...prev, navPlacement }));\n  }, []);\n\n  const setDensity = useCallback((density: Density) => {\n    setSettings((prev) => ({ ...prev, density }));\n  }, []);\n\n  const setRadius = useCallback((radius: Radius) => {\n    setSettings((prev) => ({ ...prev, radius }));\n  }, []);\n\n  const setCustomColor = useCallback((customColor: string) => {\n    setSettings((prev) => ({ ...prev, customColor, brand: 'custom' }));\n  }, []);\n\n  const setAppearance = useCallback((partial: Partial<AppearanceSettings>) => {\n    setSettings((prev) => ({ ...prev, ...partial }));\n  }, []);\n\n  const resetToDefaults = useCallback(() => {\n    setSettings(DEFAULT_SETTINGS);\n  }, []);\n\n  const contextValue: AppearanceContextValue = {\n    ...settings,\n    setTheme,\n    setBrand,\n    setNavPlacement,\n    setDensity,\n    setRadius,\n    setCustomColor,\n    setAppearance,\n    resetToDefaults,\n  };\n\n  return <AppearanceContext.Provider value={contextValue}>{children}</AppearanceContext.Provider>;\n}\n\n/* ============================================================================\n   HOOK\n   ============================================================================ */\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useAppearance(): AppearanceContextValue {\n  const context = useContext(AppearanceContext);\n\n  if (!context) {\n    throw new Error('useAppearance must be used within an AppearanceProvider');\n  }\n\n  return context;\n}\n\n/* ============================================================================\n   STANDALONE UTILITY (for use outside React, e.g., SSR or initial load)\n   ============================================================================ */\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function initializeAppearance(settings?: Partial<AppearanceSettings>): void {\n  const loaded = loadSettings();\n  const merged = { ...loaded, ...settings };\n  applySettings(merged);\n}\n\n/* ============================================================================\n   UTILITY EXPORTS\n   ============================================================================ */\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { hexToRgb, prefersReducedMotion };\n","import React from 'react';\nimport { Sun, Moon } from 'lucide-react';\nimport clsx from 'clsx';\nimport { useAppearance, Theme } from '../../theme/AppearanceProvider';\nimport './ThemeSelector.css';\n\nexport interface ThemeSelectorProps {\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nexport const ThemeSelector: React.FC<ThemeSelectorProps> = ({ className, style }) => {\n    const { theme, setTheme } = useAppearance();\n\n    const handleThemeChange = (newTheme: Theme) => {\n        setTheme(newTheme);\n    };\n\n    return (\n        <div className={clsx('ds-theme-selector', className)} style={style} role=\"group\" aria-label=\"Theme Selector\">\n            <button\n                type=\"button\"\n                className={clsx('ds-theme-selector__btn', { 'ds-theme-selector__btn--active': theme === 'light' })}\n                onClick={() => handleThemeChange('light')}\n                aria-pressed={theme === 'light'}\n            >\n                <Sun className=\"ds-theme-selector__icon\" />\n                <span className=\"ds-theme-selector__label\">Light</span>\n            </button>\n\n            <button\n                type=\"button\"\n                className={clsx('ds-theme-selector__btn', { 'ds-theme-selector__btn--active': theme === 'light-contrast' })}\n                onClick={() => handleThemeChange('light-contrast')}\n                aria-pressed={theme === 'light-contrast'}\n            >\n                <Sun className=\"ds-theme-selector__icon\" />\n                <span className=\"ds-theme-selector__label\">Light HC</span>\n            </button>\n\n            <button\n                type=\"button\"\n                className={clsx('ds-theme-selector__btn', { 'ds-theme-selector__btn--active': theme === 'dark' })}\n                onClick={() => handleThemeChange('dark')}\n                aria-pressed={theme === 'dark'}\n            >\n                <Moon className=\"ds-theme-selector__icon\" />\n                <span className=\"ds-theme-selector__label\">Dark</span>\n            </button>\n\n            <button\n                type=\"button\"\n                className={clsx('ds-theme-selector__btn', { 'ds-theme-selector__btn--active': theme === 'dark-contrast' })}\n                onClick={() => handleThemeChange('dark-contrast')}\n                aria-pressed={theme === 'dark-contrast'}\n            >\n                <Moon className=\"ds-theme-selector__icon\" />\n                <span className=\"ds-theme-selector__label\">Dark HC</span>\n            </button>\n        </div>\n    );\n};\n\nThemeSelector.displayName = 'ThemeSelector';\n","import React, { useId } from 'react';\nimport clsx from 'clsx';\nimport {\n  useAppearance,\n  Theme,\n  Brand,\n  NavPlacement,\n  Density,\n  Radius,\n} from '../../theme/AppearanceProvider';\nimport './AppearancePanel.css';\n\n/* ============================================================================\n   APPEARANCE PANEL — Internal Settings UI\n   ============================================================================ */\n\n/** All translatable labels for the AppearancePanel. */\nexport interface AppearancePanelLabels {\n  /** Panel heading. @default \"Appearance Settings\" */\n  title?: string;\n  /** Theme section heading. @default \"Theme\" */\n  themeHeading?: string;\n  /** Brand section heading. @default \"Brand\" */\n  brandHeading?: string;\n  /** Density section heading. @default \"Density\" */\n  densityHeading?: string;\n  /** Geometry section heading. @default \"Geometry\" */\n  geometryHeading?: string;\n  /** Navigation section heading. @default \"Navigation Layout\" */\n  navHeading?: string;\n  /** Accent color label (shown for Custom brand). @default \"Accent Color\" */\n  accentColorLabel?: string;\n  /** Reset button text. @default \"Reset to Defaults\" */\n  resetLabel?: string;\n\n  /* Theme options */\n  themeLight?: string;\n  themeLightContrast?: string;\n  themeDark?: string;\n  themeDarkContrast?: string;\n\n  /* Brand options */\n  brandDefault?: string;\n  brandDefaultDescription?: string;\n  brandSalesmind?: string;\n  brandSalesmindDescription?: string;\n  brandCustom?: string;\n  brandCustomDescription?: string;\n\n  /* Density options */\n  densityComfortable?: string;\n  densityComfortableDescription?: string;\n  densityCompact?: string;\n  densityCompactDescription?: string;\n\n  /* Radius / geometry options */\n  radiusPlayful?: string;\n  radiusPlayfulDescription?: string;\n  radiusSharp?: string;\n  radiusSharpDescription?: string;\n\n  /* Navigation options */\n  navLeft?: string;\n  navRight?: string;\n  navBottom?: string;\n}\n\nexport interface AppearancePanelProps {\n  /** Custom class name */\n  className?: string;\n  /** Override default English labels for i18n. */\n  labels?: AppearancePanelLabels;\n}\n\nexport const AppearancePanel = React.forwardRef<HTMLDivElement, AppearancePanelProps>(\n  ({ className, labels: l }, ref) => {\n    const {\n      theme,\n      brand,\n      navPlacement,\n      density,\n      radius,\n      customColor,\n      setTheme,\n      setBrand,\n      setNavPlacement,\n      setDensity,\n      setRadius,\n      setCustomColor,\n      resetToDefaults,\n    } = useAppearance();\n\n    // Generate unique IDs for accessibility\n    const colorPickerId = useId();\n\n    // Build option arrays from labels (fallback to English defaults)\n    const themeOptions: { value: Theme; label: string }[] = [\n      { value: 'light', label: l?.themeLight ?? 'Light' },\n      { value: 'light-contrast', label: l?.themeLightContrast ?? 'Light (High Contrast)' },\n      { value: 'dark', label: l?.themeDark ?? 'Dark' },\n      { value: 'dark-contrast', label: l?.themeDarkContrast ?? 'Dark (High Contrast)' },\n    ];\n\n    const brandOptions: { value: Brand; label: string; description: string }[] = [\n      { value: 'default', label: l?.brandDefault ?? 'Default', description: l?.brandDefaultDescription ?? 'Warm Intelligence' },\n      { value: 'salesmind', label: l?.brandSalesmind ?? 'SalesMind', description: l?.brandSalesmindDescription ?? 'Pink-red + Gold' },\n      { value: 'custom', label: l?.brandCustom ?? 'Custom', description: l?.brandCustomDescription ?? 'Your color' },\n    ];\n\n    const navOptions: { value: NavPlacement; label: string }[] = [\n      { value: 'left', label: l?.navLeft ?? 'Left Sidebar' },\n      { value: 'right', label: l?.navRight ?? 'Right Sidebar' },\n      { value: 'bottom', label: l?.navBottom ?? 'Bottom Tabs' },\n    ];\n\n    const densityOptions: { value: Density; label: string; description: string }[] = [\n      { value: 'comfortable', label: l?.densityComfortable ?? 'Comfortable', description: l?.densityComfortableDescription ?? 'Generous spacing' },\n      { value: 'compact', label: l?.densityCompact ?? 'Compact', description: l?.densityCompactDescription ?? 'Higher density' },\n    ];\n\n    const radiusOptions: { value: Radius; label: string; description: string }[] = [\n      { value: 'playful', label: l?.radiusPlayful ?? 'Playful', description: l?.radiusPlayfulDescription ?? 'Rounded corners' },\n      { value: 'sharp', label: l?.radiusSharp ?? 'Sharp', description: l?.radiusSharpDescription ?? 'Technical feel' },\n    ];\n\n    return (\n      <div ref={ref} className={clsx('ds-appearance-panel', className)}>\n        <h3 className=\"ds-appearance-panel__title\">{l?.title ?? 'Appearance Settings'}</h3>\n\n        {/* Theme Section */}\n        <fieldset className=\"ds-appearance-panel__section\">\n          <legend className=\"ds-appearance-panel__legend\">{l?.themeHeading ?? 'Theme'}</legend>\n          <div className=\"ds-appearance-panel__options\">\n            {themeOptions.map((option) => (\n              <label\n                key={option.value}\n                className={clsx(\n                  'ds-appearance-panel__option',\n                  theme === option.value && 'ds-appearance-panel__option--active',\n                )}\n              >\n                <input\n                  type=\"radio\"\n                  name=\"theme\"\n                  value={option.value}\n                  checked={theme === option.value}\n                  onChange={() => setTheme(option.value)}\n                  className=\"ds-appearance-panel__radio\"\n                />\n                <span className=\"ds-appearance-panel__option-label\">{option.label}</span>\n              </label>\n            ))}\n          </div>\n        </fieldset>\n\n        {/* Brand Section */}\n        <fieldset className=\"ds-appearance-panel__section\">\n          <legend className=\"ds-appearance-panel__legend\">{l?.brandHeading ?? 'Brand'}</legend>\n          <div className=\"ds-appearance-panel__options\">\n            {brandOptions.map((option) => (\n              <label\n                key={option.value}\n                className={clsx(\n                  'ds-appearance-panel__option',\n                  brand === option.value && 'ds-appearance-panel__option--active',\n                )}\n              >\n                <input\n                  type=\"radio\"\n                  name=\"brand\"\n                  value={option.value}\n                  checked={brand === option.value}\n                  onChange={() => setBrand(option.value)}\n                  className=\"ds-appearance-panel__radio\"\n                />\n                <span className=\"ds-appearance-panel__option-content\">\n                  <span className=\"ds-appearance-panel__option-label\">{option.label}</span>\n                  <span className=\"ds-appearance-panel__option-description\">\n                    {option.description}\n                  </span>\n                </span>\n              </label>\n            ))}\n          </div>\n\n          {/* Color Picker (shown only for Custom brand) */}\n          {brand === 'custom' && (\n            <div className=\"ds-appearance-panel__color-picker\">\n              <label htmlFor={colorPickerId} className=\"ds-appearance-panel__color-label\">\n                {l?.accentColorLabel ?? 'Accent Color'}\n              </label>\n              <div className=\"ds-appearance-panel__color-input-wrapper\">\n                <input\n                  type=\"color\"\n                  id={colorPickerId}\n                  value={customColor}\n                  onChange={(e) => setCustomColor(e.target.value)}\n                  className=\"ds-appearance-panel__color-input\"\n                />\n                <span className=\"ds-appearance-panel__color-value\">\n                  {customColor.toUpperCase()}\n                </span>\n              </div>\n            </div>\n          )}\n        </fieldset>\n\n        {/* Density Section */}\n        <fieldset className=\"ds-appearance-panel__section\">\n          <legend className=\"ds-appearance-panel__legend\">{l?.densityHeading ?? 'Density'}</legend>\n          <div className=\"ds-appearance-panel__options ds-appearance-panel__options--row\">\n            {densityOptions.map((option) => (\n              <label\n                key={option.value}\n                className={clsx(\n                  'ds-appearance-panel__option',\n                  'ds-appearance-panel__option--toggle',\n                  density === option.value && 'ds-appearance-panel__option--active',\n                )}\n              >\n                <input\n                  type=\"radio\"\n                  name=\"density\"\n                  value={option.value}\n                  checked={density === option.value}\n                  onChange={() => setDensity(option.value)}\n                  className=\"ds-appearance-panel__radio\"\n                />\n                <span className=\"ds-appearance-panel__option-content\">\n                  <span className=\"ds-appearance-panel__option-label\">{option.label}</span>\n                  <span className=\"ds-appearance-panel__option-description\">\n                    {option.description}\n                  </span>\n                </span>\n              </label>\n            ))}\n          </div>\n        </fieldset>\n\n        {/* Geometry Section */}\n        <fieldset className=\"ds-appearance-panel__section\">\n          <legend className=\"ds-appearance-panel__legend\">{l?.geometryHeading ?? 'Geometry'}</legend>\n          <div className=\"ds-appearance-panel__options ds-appearance-panel__options--row\">\n            {radiusOptions.map((option) => (\n              <label\n                key={option.value}\n                className={clsx(\n                  'ds-appearance-panel__option',\n                  'ds-appearance-panel__option--toggle',\n                  radius === option.value && 'ds-appearance-panel__option--active',\n                )}\n              >\n                <input\n                  type=\"radio\"\n                  name=\"radius\"\n                  value={option.value}\n                  checked={radius === option.value}\n                  onChange={() => setRadius(option.value)}\n                  className=\"ds-appearance-panel__radio\"\n                />\n                <span className=\"ds-appearance-panel__option-content\">\n                  <span className=\"ds-appearance-panel__option-label\">{option.label}</span>\n                  <span className=\"ds-appearance-panel__option-description\">\n                    {option.description}\n                  </span>\n                </span>\n              </label>\n            ))}\n          </div>\n        </fieldset>\n\n        {/* Navigation Section */}\n        <fieldset className=\"ds-appearance-panel__section\">\n          <legend className=\"ds-appearance-panel__legend\">{l?.navHeading ?? 'Navigation Layout'}</legend>\n          <div className=\"ds-appearance-panel__options\">\n            {navOptions.map((option) => (\n              <label\n                key={option.value}\n                className={clsx(\n                  'ds-appearance-panel__option',\n                  navPlacement === option.value && 'ds-appearance-panel__option--active',\n                )}\n              >\n                <input\n                  type=\"radio\"\n                  name=\"nav\"\n                  value={option.value}\n                  checked={navPlacement === option.value}\n                  onChange={() => setNavPlacement(option.value)}\n                  className=\"ds-appearance-panel__radio\"\n                />\n                <span className=\"ds-appearance-panel__option-label\">{option.label}</span>\n              </label>\n            ))}\n          </div>\n        </fieldset>\n\n        {/* Reset Button */}\n        <button type=\"button\" onClick={resetToDefaults} className=\"ds-appearance-panel__reset\">\n          {l?.resetLabel ?? 'Reset to Defaults'}\n        </button>\n      </div>\n    );\n  },\n);\n\nAppearancePanel.displayName = 'AppearancePanel';\n","import React from 'react';\nimport clsx from 'clsx';\nimport { useAppearance, Brand } from '../../theme/AppearanceProvider';\nimport './ColorPicker.css';\n\n/** Pre-configured brand presets shown as swatches. */\nconst BRAND_PRESETS: { value: Brand; label: string; color: string }[] = [\n  { value: 'default', label: 'Warm Intelligence', color: '#f97316' },\n  { value: 'salesmind', label: 'SalesMind', color: '#ff005a' },\n];\n\nexport interface ColorPickerProps {\n  /** Additional CSS class name. */\n  className?: string;\n  /** Inline styles. */\n  style?: React.CSSProperties;\n}\n\n/**\n * Compact brand/accent color picker.\n * Renders preset brand swatches and an optional custom color input.\n * Consumes the `useAppearance()` context for state.\n */\nexport const ColorPicker = React.forwardRef<HTMLDivElement, ColorPickerProps>(\n  ({ className, style }, ref) => {\n    const { brand, setBrand, customColor, setCustomColor } = useAppearance();\n\n    return (\n      <div\n        ref={ref}\n        className={clsx('ds-color-picker', className)}\n        style={style}\n        role=\"group\"\n        aria-label=\"Brand Color\"\n      >\n        {BRAND_PRESETS.map(({ value, label, color }) => (\n          <button\n            key={value}\n            type=\"button\"\n            className={clsx('ds-color-picker__swatch', {\n              'ds-color-picker__swatch--active': brand === value,\n            })}\n            onClick={() => setBrand(value)}\n            aria-label={`Switch to ${label} color scheme`}\n            aria-pressed={brand === value}\n            title={label}\n          >\n            <span\n              className=\"ds-color-picker__dot\"\n              style={{ '--swatch-color': color } as React.CSSProperties}\n            />\n          </button>\n        ))}\n\n        {/* Custom color — clicking the dot opens the native color picker */}\n        <label\n          className={clsx('ds-color-picker__swatch', 'ds-color-picker__swatch--custom', {\n            'ds-color-picker__swatch--active': brand === 'custom',\n          })}\n          title={`Custom: ${customColor}`}\n        >\n          <span\n            className=\"ds-color-picker__dot\"\n            style={{ '--swatch-color': customColor } as React.CSSProperties}\n          />\n          <input\n            type=\"color\"\n            value={customColor}\n            onChange={(e) => setCustomColor(e.target.value)}\n            className=\"ds-color-picker__native-input\"\n            aria-label=\"Pick a custom accent color\"\n          />\n        </label>\n      </div>\n    );\n  },\n);\n\nColorPicker.displayName = 'ColorPicker';\n","import React from 'react';\nimport clsx from 'clsx';\nimport './VoidBackground.css';\n\nexport interface VoidBackgroundProps {\n  /** Show the engineered grid overlay */\n  showGrid?: boolean;\n  /** Show the film grain texture */\n  showGrain?: boolean;\n  /** Custom class name */\n  className?: string;\n  /** Child content rendered above the void */\n  children?: React.ReactNode;\n}\n\n/**\n * VoidBackground — The Void Signature Design System Level 0 Environment\n *\n * A four-layer atmospheric background system:\n * 1. Base Color — Deep purple-black (#08040a)\n * 2. Light Orbs — Radial gradients with mix-blend-mode: screen\n * 3. Engineered Grid — 80×80px with radial fade mask\n * 4. Film Grain — Static SVG noise for texture\n *\n * The Void is not decoration — it is the lighting engine for the UI.\n */\nexport const VoidBackground = React.forwardRef<HTMLDivElement, VoidBackgroundProps>(\n  ({ showGrid = true, showGrain = true, className, children }, ref) => {\n    return (\n      <div ref={ref} className={clsx('void', className)}>\n        {/* Layer 1: Base Color */}\n        <div className=\"void__base\" aria-hidden=\"true\" />\n\n        {/* Layer 2: Light Orbs (Infusion Engine) */}\n        <div className=\"void__orbs\" aria-hidden=\"true\">\n          <div className=\"void__orb void__orb--warm\" />\n          <div className=\"void__orb void__orb--purple\" />\n        </div>\n\n        {/* Layer 3: Engineered Grid */}\n        {showGrid && <div className=\"void__grid\" aria-hidden=\"true\" />}\n\n        {/* Layer 4: Film Grain */}\n        {showGrain && <div className=\"void__grain\" aria-hidden=\"true\" />}\n\n        {/* Content Layer */}\n        {children && <div className=\"void__content\">{children}</div>}\n      </div>\n    );\n  },\n);\n\nVoidBackground.displayName = 'VoidBackground';\n"]}
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/web/client/index.cjs

@@ -0,0 +1,48 @@
+"use client";
+'use strict';
+
+var chunkYTYDQBVY_cjs = require('../../chunk-YTYDQBVY.cjs');
+require('../../chunk-H2Y6BSTL.cjs');
+var chunkVC5LMUVQ_cjs = require('../../chunk-VC5LMUVQ.cjs');
+require('../../chunk-LJADZITX.cjs');
+
+
+
+Object.defineProperty(exports, "AnalyticsProvider", {
+  enumerable: true,
+  get: function () { return chunkYTYDQBVY_cjs.AnalyticsProvider; }
+});
+Object.defineProperty(exports, "COOKIE_CONSENT_EVENT", {
+  enumerable: true,
+  get: function () { return chunkYTYDQBVY_cjs.COOKIE_CONSENT_EVENT; }
+});
+Object.defineProperty(exports, "COOKIE_CONSENT_KEY", {
+  enumerable: true,
+  get: function () { return chunkYTYDQBVY_cjs.COOKIE_CONSENT_KEY; }
+});
+Object.defineProperty(exports, "CookieConsent", {
+  enumerable: true,
+  get: function () { return chunkYTYDQBVY_cjs.CookieConsent; }
+});
+Object.defineProperty(exports, "createAnalyticsLoader", {
+  enumerable: true,
+  get: function () { return chunkYTYDQBVY_cjs.createAnalyticsLoader; }
+});
+Object.defineProperty(exports, "loadClarity", {
+  enumerable: true,
+  get: function () { return chunkYTYDQBVY_cjs.loadClarity; }
+});
+Object.defineProperty(exports, "loadGoogleAnalytics", {
+  enumerable: true,
+  get: function () { return chunkYTYDQBVY_cjs.loadGoogleAnalytics; }
+});
+Object.defineProperty(exports, "useCookieConsent", {
+  enumerable: true,
+  get: function () { return chunkYTYDQBVY_cjs.useCookieConsent; }
+});
+Object.defineProperty(exports, "useAnalytics", {
+  enumerable: true,
+  get: function () { return chunkVC5LMUVQ_cjs.useAnalytics; }
+});
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.cjs.map

package/dist/web/client/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/web/client/index.css

@@ -0,0 +1,456 @@
+/* src/components/Button/Button.css */
+.ds-button {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-2);
+  border: none;
+  cursor: pointer;
+  font-family: var(--font-family);
+  font-weight: var(--font-weight-medium);
+  border-radius: var(--radius-button);
+  color: var(--text-primary);
+  outline: none;
+  white-space: nowrap;
+  hyphens: none;
+  word-break: normal;
+  overflow-wrap: normal;
+  backdrop-filter: blur(12px) saturate(140%);
+  -webkit-backdrop-filter: blur(12px) saturate(140%);
+  transition:
+    background var(--transition-glass),
+    box-shadow var(--transition-glass),
+    transform var(--transition-glass);
+}
+.ds-button::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  padding: var(--space-px);
+  background:
+    linear-gradient(
+      180deg,
+      var(--rim-light-top) 0%,
+      var(--rim-light-bottom) 100%);
+  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  mask-composite: exclude;
+  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  pointer-events: none;
+  transition: background var(--transition-glass);
+}
+.ds-button:focus-visible {
+  box-shadow: var(--focus-ring);
+}
+.ds-button:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+  transform: none !important;
+}
+.ds-button--primary {
+  background: var(--btn-primary-bg);
+  color: var(--btn-primary-text, #ffffff);
+  box-shadow:
+    var(--shadow-interactive-rest),
+    var(--glass-shadow-inner),
+    var(--btn-primary-glow);
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+}
+.ds-button--primary::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-strong) 0%,
+      rgba(var(--brand-pink-rgb), 0.2) 100%);
+}
+.ds-button--primary:hover:not(:disabled) {
+  background: var(--btn-primary-bg-hover);
+  box-shadow:
+    var(--shadow-interactive-hover),
+    var(--glass-shadow-inner),
+    var(--btn-primary-glow-hover);
+  transform: translateY(-1px);
+}
+.ds-button--primary:hover:not(:disabled)::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-bright) 0%,
+      rgba(var(--brand-pink-rgb), 0.25) 100%);
+}
+.ds-button--primary:active:not(:disabled) {
+  transform: translateY(0);
+  box-shadow:
+    var(--shadow-interactive-active),
+    var(--glass-shadow-inner),
+    var(--btn-primary-glow);
+}
+.ds-button--secondary {
+  background: var(--btn-secondary-bg);
+  box-shadow: var(--shadow-interactive-rest-subtle), var(--glass-shadow-inner);
+}
+.ds-button--secondary:hover:not(:disabled) {
+  background: var(--btn-secondary-bg-hover);
+  box-shadow: var(--shadow-interactive-hover-subtle), var(--glass-shadow-inner);
+  transform: translateY(-1px);
+}
+.ds-button--secondary:hover:not(:disabled)::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--rim-light-hover-top) 0%,
+      var(--rim-light-hover-bottom) 100%);
+}
+.ds-button--secondary:active:not(:disabled) {
+  transform: translateY(0);
+  background: var(--glass-base-active);
+}
+.ds-button--outline {
+  background: transparent;
+  box-shadow: none;
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+  color: var(--text-secondary);
+  transition:
+    background var(--transition-glass),
+    color var(--transition-glass),
+    box-shadow var(--transition-glass),
+    transform var(--transition-glass);
+}
+.ds-button--outline::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--outline-rim-top) 0%,
+      var(--outline-rim-bottom) 100%);
+}
+.ds-button--outline:hover:not(:disabled) {
+  background: rgba(var(--brand-pink-rgb), 0.05);
+  color: var(--text-primary);
+  backdrop-filter: blur(12px) saturate(140%);
+  -webkit-backdrop-filter: blur(12px) saturate(140%);
+  box-shadow:
+    var(--shadow-interactive-rest-light),
+    var(--glass-shadow-inner),
+    0 0 16px rgba(var(--brand-pink-rgb), 0.1);
+  transform: translateY(-1px);
+}
+.ds-button--outline:hover:not(:disabled)::before {
+  background:
+    linear-gradient(
+      180deg,
+      rgba(var(--brand-pink-rgb), 0.3) 0%,
+      rgba(var(--brand-pink-rgb), 0.1) 100%);
+}
+.ds-button--outline:active:not(:disabled) {
+  transform: translateY(0);
+  background: rgba(var(--brand-pink-rgb), 0.1);
+}
+.ds-button--ghost {
+  background: transparent;
+  box-shadow: none;
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+  color: var(--text-secondary);
+}
+.ds-button--ghost::before {
+  display: none;
+}
+.ds-button--ghost:hover:not(:disabled) {
+  background: var(--interactive-hover-bg);
+  color: var(--text-primary);
+}
+.ds-button--ghost:active:not(:disabled) {
+  background: var(--interactive-active-bg);
+}
+.ds-button--link {
+  background: transparent;
+  box-shadow: none;
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+  color: var(--brand-pink);
+  text-underline-offset: 4px;
+  height: auto;
+  padding: 0;
+}
+.ds-button--link::before {
+  display: none;
+}
+.ds-button--link:hover:not(:disabled) {
+  text-decoration: underline;
+}
+.ds-button--link:active:not(:disabled) {
+  opacity: 0.8;
+}
+.ds-button--destructive {
+  background: var(--btn-destructive-bg, rgba(var(--status-error-rgb, 239, 68, 68), 0.6));
+  color: var(--btn-destructive-text, #ffffff);
+  box-shadow:
+    var(--shadow-interactive-rest),
+    var(--glass-shadow-inner),
+    0 0 20px rgba(var(--status-error-rgb, 239, 68, 68), 0.15);
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+}
+.ds-button--destructive::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-medium) 0%,
+      rgba(var(--status-error-rgb, 239, 68, 68), 0.15) 100%);
+}
+.ds-button--destructive:hover:not(:disabled) {
+  background: var(--btn-destructive-bg-hover, rgba(var(--status-error-rgb, 239, 68, 68), 0.75));
+  box-shadow:
+    var(--shadow-interactive-hover),
+    var(--glass-shadow-inner),
+    0 0 24px rgba(var(--status-error-rgb, 239, 68, 68), 0.25);
+  transform: translateY(-1px);
+}
+.ds-button--destructive:hover:not(:disabled)::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-strong) 0%,
+      rgba(var(--status-error-rgb, 239, 68, 68), 0.2) 100%);
+}
+.ds-button--destructive:active:not(:disabled) {
+  transform: translateY(0);
+  background: var(--btn-destructive-bg-active, rgba(var(--status-error-rgb, 239, 68, 68), 0.85));
+}
+.ds-button--sm {
+  font-size: var(--font-size-sm);
+  padding: var(--space-2) var(--space-4);
+  height: 2rem;
+}
+.ds-button--md {
+  font-size: var(--font-size-base);
+  padding: var(--space-2) var(--space-5);
+  height: 2.5rem;
+}
+.ds-button--lg {
+  font-size: var(--font-size-lg);
+  padding: var(--space-3) var(--space-6);
+  height: 3rem;
+}
+.ds-button--icon {
+  padding: 0;
+  aspect-ratio: 1;
+}
+.ds-button--icon.ds-button--sm {
+  width: 2rem;
+}
+.ds-button--icon.ds-button--md {
+  width: 2.5rem;
+}
+.ds-button--icon.ds-button--lg {
+  width: 3rem;
+}
+@media (prefers-contrast: more) {
+  .ds-button {
+    border: 1px solid var(--hc-border);
+  }
+  .ds-button::before {
+    display: none;
+  }
+  .ds-button--primary {
+    background: rgba(var(--brand-pink-rgb), 0.8);
+  }
+  .ds-button--secondary {
+    background: var(--hc-surface-subtle);
+  }
+  .ds-button--ghost {
+    border-color: transparent;
+  }
+  .ds-button--ghost:hover:not(:disabled) {
+    border-color: var(--hc-border-subtle);
+  }
+  .ds-button--link {
+    border: none;
+    text-decoration: underline;
+  }
+  .ds-button--destructive {
+    background: rgba(var(--status-error-rgb, 239, 68, 68), 0.85);
+  }
+}
+@supports not (backdrop-filter: blur(1px)) {
+  .ds-button--primary {
+    background: rgba(var(--brand-pink-rgb), 0.85);
+  }
+  .ds-button--secondary {
+    background: var(--fallback-surface);
+  }
+}
+:root[data-theme=light] .ds-button--primary::before,
+:root[data-theme=light-contrast] .ds-button--primary::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-light) 0%,
+      rgba(var(--brand-pink-rgb), 0.08) 100%);
+}
+:root[data-theme=light] .ds-button--primary:hover:not(:disabled)::before,
+:root[data-theme=light-contrast] .ds-button--primary:hover:not(:disabled)::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-medium) 0%,
+      rgba(var(--brand-pink-rgb), 0.1) 100%);
+}
+:root[data-theme=light] .ds-button--destructive::before,
+:root[data-theme=light-contrast] .ds-button--destructive::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-light) 0%,
+      rgba(var(--status-error-rgb, 239, 68, 68), 0.06) 100%);
+}
+:root[data-theme=light] .ds-button--destructive:hover:not(:disabled)::before,
+:root[data-theme=light-contrast] .ds-button--destructive:hover:not(:disabled)::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-light) 0%,
+      rgba(var(--status-error-rgb, 239, 68, 68), 0.08) 100%);
+}
+.ds-button--loading {
+  position: relative;
+  cursor: not-allowed;
+  opacity: 0.8;
+}
+.ds-button__spinner {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  animation: ds-button-spin 1s linear infinite;
+}
+.ds-button__content {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: inherit;
+  visibility: visible;
+}
+.ds-button__content--hidden {
+  visibility: hidden;
+}
+@keyframes ds-button-spin {
+  from {
+    transform: translate(-50%, -50%) rotate(0deg);
+  }
+  to {
+    transform: translate(-50%, -50%) rotate(360deg);
+  }
+}
+
+/* src/web/CookieConsent/CookieConsent.css */
+.ds-cookie-consent {
+  position: fixed;
+  bottom: var(--spacing-4, 1rem);
+  left: var(--spacing-4, 1rem);
+  right: var(--spacing-4, 1rem);
+  z-index: 50;
+  margin-inline: auto;
+  max-width: 56rem;
+  opacity: 0;
+  transform: translateY(100px);
+  transition: opacity 0.3s ease, transform 0.3s ease;
+}
+.ds-cookie-consent[data-state=open] {
+  opacity: 1;
+  transform: translateY(0);
+}
+.ds-cookie-consent[data-state=closed] {
+  opacity: 0;
+  transform: translateY(100px);
+  pointer-events: none;
+}
+.ds-cookie-consent__inner {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--spacing-4, 1rem);
+  border-radius: var(--radius-xl, 0.75rem);
+  border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.1));
+  background: var(--bg-surface, rgba(10, 10, 10, 0.95));
+  padding: var(--spacing-6, 1.5rem);
+  box-shadow: var(--shadow-2xl, 0 25px 50px -12px rgba(0, 0, 0, 0.25));
+  backdrop-filter: blur(24px);
+}
+@media (min-width: 768px) {
+  .ds-cookie-consent__inner {
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+  }
+}
+.ds-cookie-consent__content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1, 0.25rem);
+}
+.ds-cookie-consent__title {
+  font-size: var(--font-size-sm, 0.875rem);
+  font-weight: 600;
+  color: var(--text-primary, #fff);
+  margin: 0;
+}
+.ds-cookie-consent__description {
+  font-size: var(--font-size-sm, 0.875rem);
+  color: var(--text-secondary, rgba(255, 255, 255, 0.5));
+  margin: 0;
+}
+.ds-cookie-consent__link {
+  margin-left: var(--spacing-1, 0.25rem);
+  color: var(--brand-primary, #ff005a);
+  text-decoration: none;
+}
+.ds-cookie-consent__link:hover {
+  text-decoration: underline;
+}
+.ds-cookie-consent__actions {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2, 0.5rem);
+  width: 100%;
+}
+@media (min-width: 768px) {
+  .ds-cookie-consent__actions {
+    flex-direction: row;
+    width: auto;
+  }
+}
+.ds-cookie-consent__close {
+  position: absolute;
+  top: var(--spacing-2, 0.5rem);
+  right: var(--spacing-2, 0.5rem);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: none;
+  color: var(--text-muted, rgba(255, 255, 255, 0.3));
+  cursor: pointer;
+  padding: var(--spacing-1, 0.25rem);
+  border-radius: var(--radius-sm, 0.25rem);
+  transition: color 0.15s;
+}
+.ds-cookie-consent__close:hover {
+  color: var(--text-primary, #fff);
+}
+@media (min-width: 768px) {
+  .ds-cookie-consent__close {
+    display: none;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .ds-cookie-consent {
+    transition: none;
+  }
+}
+/*# sourceMappingURL=index.css.map */

package/dist/web/client/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Button/Button.css","../../../src/web/CookieConsent/CookieConsent.css"],"sourcesContent":["/* ============================================================================\n   BUTTON — SIGNATURE GLASS TREATMENT\n   ============================================================================ */\n\n.ds-button {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-2);\n  border: none;\n  cursor: pointer;\n  font-family: var(--font-family);\n  font-weight: var(--font-weight-medium);\n  border-radius: var(--radius-button);\n  color: var(--text-primary);\n  outline: none;\n  white-space: nowrap;\n  hyphens: none;\n  word-break: normal;\n  overflow-wrap: normal;\n\n  /* Base glass optical treatment */\n  backdrop-filter: blur(12px) saturate(140%);\n  -webkit-backdrop-filter: blur(12px) saturate(140%);\n\n  /* Smooth Z-interaction transitions */\n  transition:\n    background var(--transition-glass),\n    box-shadow var(--transition-glass),\n    transform var(--transition-glass);\n}\n\n/* Rim light via pseudo-element */\n.ds-button::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  padding: var(--space-px);\n  background: linear-gradient(180deg, var(--rim-light-top) 0%, var(--rim-light-bottom) 100%);\n  mask:\n    linear-gradient(#fff 0 0) content-box,\n    linear-gradient(#fff 0 0);\n  mask-composite: exclude;\n  -webkit-mask:\n    linear-gradient(#fff 0 0) content-box,\n    linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor;\n  pointer-events: none;\n  transition: background var(--transition-glass);\n}\n\n/* Focus state */\n.ds-button:focus-visible {\n  box-shadow: var(--focus-ring);\n}\n\n/* Disabled state */\n.ds-button:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n  transform: none !important;\n}\n\n/* ==========================================================================\n   Primary Variant — Brand Pink @ 60% opacity + glow\n   ========================================================================== */\n\n.ds-button--primary {\n  background: var(--btn-primary-bg);\n  color: var(--btn-primary-text, #ffffff);\n  box-shadow: var(--shadow-interactive-rest), var(--glass-shadow-inner), var(--btn-primary-glow);\n\n  /* Primary is a solid accent button — disable glass bleed-through\n     to prevent dark backgrounds showing through when nested inside\n     glass cards or other backdrop-filter containers */\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n}\n\n.ds-button--primary::before {\n  background: linear-gradient(\n    180deg,\n    var(--glass-highlight-strong) 0%,\n    rgba(var(--brand-pink-rgb), 0.2) 100%\n  );\n}\n\n.ds-button--primary:hover:not(:disabled) {\n  background: var(--btn-primary-bg-hover);\n  box-shadow:\n    var(--shadow-interactive-hover), var(--glass-shadow-inner), var(--btn-primary-glow-hover);\n  transform: translateY(-1px);\n}\n\n.ds-button--primary:hover:not(:disabled)::before {\n  background: linear-gradient(\n    180deg,\n    var(--glass-highlight-bright) 0%,\n    rgba(var(--brand-pink-rgb), 0.25) 100%\n  );\n}\n\n.ds-button--primary:active:not(:disabled) {\n  transform: translateY(0);\n  box-shadow: var(--shadow-interactive-active), var(--glass-shadow-inner), var(--btn-primary-glow);\n}\n\n/* ==========================================================================\n   Secondary Variant — White @ 5% opacity + glass rim\n   ========================================================================== */\n\n.ds-button--secondary {\n  background: var(--btn-secondary-bg);\n  box-shadow: var(--shadow-interactive-rest-subtle), var(--glass-shadow-inner);\n}\n\n.ds-button--secondary:hover:not(:disabled) {\n  background: var(--btn-secondary-bg-hover);\n  box-shadow: var(--shadow-interactive-hover-subtle), var(--glass-shadow-inner);\n  transform: translateY(-1px);\n}\n\n.ds-button--secondary:hover:not(:disabled)::before {\n  background: linear-gradient(\n    180deg,\n    var(--rim-light-hover-top) 0%,\n    var(--rim-light-hover-bottom) 100%\n  );\n}\n\n.ds-button--secondary:active:not(:disabled) {\n  transform: translateY(0);\n  background: var(--glass-base-active);\n}\n\n/* ==========================================================================\n   Outline/Ghost Variant — Minimal glass, strong rim\n   ========================================================================== */\n\n.ds-button--outline {\n  background: transparent;\n  box-shadow: none;\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n  color: var(--text-secondary);\n  transition:\n    background var(--transition-glass),\n    color var(--transition-glass),\n    box-shadow var(--transition-glass),\n    transform var(--transition-glass);\n}\n\n.ds-button--outline::before {\n  background: linear-gradient(180deg, var(--outline-rim-top) 0%, var(--outline-rim-bottom) 100%);\n}\n\n.ds-button--outline:hover:not(:disabled) {\n  background: rgba(var(--brand-pink-rgb), 0.05);\n  color: var(--text-primary);\n  backdrop-filter: blur(12px) saturate(140%);\n  -webkit-backdrop-filter: blur(12px) saturate(140%);\n  box-shadow:\n    var(--shadow-interactive-rest-light),\n    var(--glass-shadow-inner),\n    0 0 16px rgba(var(--brand-pink-rgb), 0.1);\n  transform: translateY(-1px);\n}\n\n.ds-button--outline:hover:not(:disabled)::before {\n  background: linear-gradient(\n    180deg,\n    rgba(var(--brand-pink-rgb), 0.3) 0%,\n    rgba(var(--brand-pink-rgb), 0.1) 100%\n  );\n}\n\n.ds-button--outline:active:not(:disabled) {\n  transform: translateY(0);\n  background: rgba(var(--brand-pink-rgb), 0.1);\n}\n\n/* ==========================================================================\n   Ghost Variant — No background, no rim, hover reveals subtle glass\n   ========================================================================== */\n\n.ds-button--ghost {\n  background: transparent;\n  box-shadow: none;\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n  color: var(--text-secondary);\n}\n\n.ds-button--ghost::before {\n  display: none;\n}\n\n.ds-button--ghost:hover:not(:disabled) {\n  background: var(--interactive-hover-bg);\n  color: var(--text-primary);\n}\n\n.ds-button--ghost:active:not(:disabled) {\n  background: var(--interactive-active-bg);\n}\n\n/* ==========================================================================\n   Link Variant — Text only, underline on hover\n   ========================================================================== */\n\n.ds-button--link {\n  background: transparent;\n  box-shadow: none;\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n  color: var(--brand-pink);\n  text-underline-offset: 4px;\n  height: auto;\n  padding: 0;\n}\n\n.ds-button--link::before {\n  display: none;\n}\n\n.ds-button--link:hover:not(:disabled) {\n  text-decoration: underline;\n}\n\n.ds-button--link:active:not(:disabled) {\n  opacity: 0.8;\n}\n\n/* ==========================================================================\n   Destructive Variant — Danger/error action with red tones\n   ========================================================================== */\n\n.ds-button--destructive {\n  background: var(--btn-destructive-bg, rgba(var(--status-error-rgb, 239, 68, 68), 0.6));\n  color: var(--btn-destructive-text, #ffffff);\n  box-shadow: var(--shadow-interactive-rest), var(--glass-shadow-inner),\n    0 0 20px rgba(var(--status-error-rgb, 239, 68, 68), 0.15);\n\n  /* Destructive is a solid accent button — disable glass bleed-through */\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n}\n\n.ds-button--destructive::before {\n  background: linear-gradient(\n    180deg,\n    var(--glass-highlight-medium) 0%,\n    rgba(var(--status-error-rgb, 239, 68, 68), 0.15) 100%\n  );\n}\n\n.ds-button--destructive:hover:not(:disabled) {\n  background: var(--btn-destructive-bg-hover, rgba(var(--status-error-rgb, 239, 68, 68), 0.75));\n  box-shadow: var(--shadow-interactive-hover), var(--glass-shadow-inner),\n    0 0 24px rgba(var(--status-error-rgb, 239, 68, 68), 0.25);\n  transform: translateY(-1px);\n}\n\n.ds-button--destructive:hover:not(:disabled)::before {\n  background: linear-gradient(\n    180deg,\n    var(--glass-highlight-strong) 0%,\n    rgba(var(--status-error-rgb, 239, 68, 68), 0.2) 100%\n  );\n}\n\n.ds-button--destructive:active:not(:disabled) {\n  transform: translateY(0);\n  background: var(--btn-destructive-bg-active, rgba(var(--status-error-rgb, 239, 68, 68), 0.85));\n}\n\n/* ==========================================================================\n   Sizes\n   ========================================================================== */\n\n.ds-button--sm {\n  font-size: var(--font-size-sm);\n  padding: var(--space-2) var(--space-4);\n  height: 2rem;\n}\n\n.ds-button--md {\n  font-size: var(--font-size-base);\n  padding: var(--space-2) var(--space-5);\n  height: 2.5rem;\n}\n\n.ds-button--lg {\n  font-size: var(--font-size-lg);\n  padding: var(--space-3) var(--space-6);\n  height: 3rem;\n}\n\n/* ==========================================================================\n   Icon Button (square aspect ratio)\n   ========================================================================== */\n\n.ds-button--icon {\n  padding: 0;\n  aspect-ratio: 1;\n}\n\n.ds-button--icon.ds-button--sm {\n  width: 2rem;\n}\n\n.ds-button--icon.ds-button--md {\n  width: 2.5rem;\n}\n\n.ds-button--icon.ds-button--lg {\n  width: 3rem;\n}\n\n/* ==========================================================================\n   High Contrast Mode\n   ========================================================================== */\n\n@media (prefers-contrast: more) {\n  .ds-button {\n    border: 1px solid var(--hc-border);\n  }\n\n  .ds-button::before {\n    display: none;\n  }\n\n  .ds-button--primary {\n    background: rgba(var(--brand-pink-rgb), 0.8);\n  }\n\n  .ds-button--secondary {\n    background: var(--hc-surface-subtle);\n  }\n\n  .ds-button--ghost {\n    border-color: transparent;\n  }\n\n  .ds-button--ghost:hover:not(:disabled) {\n    border-color: var(--hc-border-subtle);\n  }\n\n  .ds-button--link {\n    border: none;\n    text-decoration: underline;\n  }\n\n  .ds-button--destructive {\n    background: rgba(var(--status-error-rgb, 239, 68, 68), 0.85);\n  }\n}\n\n/* ==========================================================================\n   Fallback for browsers without backdrop-filter\n   ========================================================================== */\n\n@supports not (backdrop-filter: blur(1px)) {\n  .ds-button--primary {\n    background: rgba(var(--brand-pink-rgb), 0.85);\n  }\n\n  .ds-button--secondary {\n    background: var(--fallback-surface);\n  }\n}\n\n/* ==========================================================================\n   Light Mode — Reduced glass optics for light backgrounds\n   ========================================================================== */\n\n:root[data-theme='light'] .ds-button--primary::before,\n:root[data-theme='light-contrast'] .ds-button--primary::before {\n  background: linear-gradient(\n    180deg,\n    var(--glass-highlight-light) 0%,\n    rgba(var(--brand-pink-rgb), 0.08) 100%\n  );\n}\n\n:root[data-theme='light'] .ds-button--primary:hover:not(:disabled)::before,\n:root[data-theme='light-contrast'] .ds-button--primary:hover:not(:disabled)::before {\n  background: linear-gradient(\n    180deg,\n    var(--glass-highlight-medium) 0%,\n    rgba(var(--brand-pink-rgb), 0.1) 100%\n  );\n}\n\n:root[data-theme='light'] .ds-button--destructive::before,\n:root[data-theme='light-contrast'] .ds-button--destructive::before {\n  background: linear-gradient(\n    180deg,\n    var(--glass-highlight-light) 0%,\n    rgba(var(--status-error-rgb, 239, 68, 68), 0.06) 100%\n  );\n}\n\n:root[data-theme='light'] .ds-button--destructive:hover:not(:disabled)::before,\n:root[data-theme='light-contrast'] .ds-button--destructive:hover:not(:disabled)::before {\n  background: linear-gradient(\n    180deg,\n    var(--glass-highlight-light) 0%,\n    rgba(var(--status-error-rgb, 239, 68, 68), 0.08) 100%\n  );\n}\n\n.ds-button--loading {\n  position: relative;\n  cursor: not-allowed;\n  opacity: 0.8;\n}\n\n.ds-button__spinner {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  animation: ds-button-spin 1s linear infinite;\n}\n\n.ds-button__content {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: inherit;\n  visibility: visible;\n}\n\n.ds-button__content--hidden {\n  visibility: hidden;\n}\n\n@keyframes ds-button-spin {\n  from {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  to {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n","/* CookieConsent — GDPR banner styles */\n\n.ds-cookie-consent {\n  position: fixed;\n  bottom: var(--spacing-4, 1rem);\n  left: var(--spacing-4, 1rem);\n  right: var(--spacing-4, 1rem);\n  z-index: 50;\n  margin-inline: auto;\n  max-width: 56rem;\n\n  /* CSS transition — replaces framer-motion */\n  opacity: 0;\n  transform: translateY(100px);\n  transition:\n    opacity 0.3s ease,\n    transform 0.3s ease;\n}\n\n/* Enter state — visible */\n.ds-cookie-consent[data-state='open'] {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n/* Exit state — slide down and fade out */\n.ds-cookie-consent[data-state='closed'] {\n  opacity: 0;\n  transform: translateY(100px);\n  pointer-events: none;\n}\n\n.ds-cookie-consent__inner {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--spacing-4, 1rem);\n  border-radius: var(--radius-xl, 0.75rem);\n  border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.1));\n  background: var(--bg-surface, rgba(10, 10, 10, 0.95));\n  padding: var(--spacing-6, 1.5rem);\n  box-shadow: var(--shadow-2xl, 0 25px 50px -12px rgba(0, 0, 0, 0.25));\n  backdrop-filter: blur(24px);\n}\n\n@media (min-width: 768px) {\n  .ds-cookie-consent__inner {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n  }\n}\n\n.ds-cookie-consent__content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-1, 0.25rem);\n}\n\n.ds-cookie-consent__title {\n  font-size: var(--font-size-sm, 0.875rem);\n  font-weight: 600;\n  color: var(--text-primary, #fff);\n  margin: 0;\n}\n\n.ds-cookie-consent__description {\n  font-size: var(--font-size-sm, 0.875rem);\n  color: var(--text-secondary, rgba(255, 255, 255, 0.5));\n  margin: 0;\n}\n\n.ds-cookie-consent__link {\n  margin-left: var(--spacing-1, 0.25rem);\n  color: var(--brand-primary, #ff005a);\n  text-decoration: none;\n}\n\n.ds-cookie-consent__link:hover {\n  text-decoration: underline;\n}\n\n.ds-cookie-consent__actions {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-2, 0.5rem);\n  width: 100%;\n}\n\n@media (min-width: 768px) {\n  .ds-cookie-consent__actions {\n    flex-direction: row;\n    width: auto;\n  }\n}\n\n.ds-cookie-consent__close {\n  position: absolute;\n  top: var(--spacing-2, 0.5rem);\n  right: var(--spacing-2, 0.5rem);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: none;\n  border: none;\n  color: var(--text-muted, rgba(255, 255, 255, 0.3));\n  cursor: pointer;\n  padding: var(--spacing-1, 0.25rem);\n  border-radius: var(--radius-sm, 0.25rem);\n  transition: color 0.15s;\n}\n\n.ds-cookie-consent__close:hover {\n  color: var(--text-primary, #fff);\n}\n\n@media (min-width: 768px) {\n  .ds-cookie-consent__close {\n    display: none;\n  }\n}\n\n/* ==========================================================================\n   Reduced Motion\n   ========================================================================== */\n\n@media (prefers-reduced-motion: reduce) {\n  .ds-cookie-consent {\n    transition: none;\n  }\n}\n"],"mappings":"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","names":[]}