@fragments-sdk/ui 0.9.6 → 0.10.0

package/dist/components/Theme/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Theme/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './ThemeToggle.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type ThemeMode = 'light' | 'dark' | 'system';\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  /** Default theme mode for uncontrolled usage */\n  defaultMode?: ThemeMode;\n  /** Alias for defaultMode (more intuitive naming) */\n  defaultTheme?: ThemeMode;\n  /** Controlled theme mode */\n  mode?: ThemeMode;\n  /** Callback when mode changes */\n  onModeChange?: (mode: ThemeMode) => void;\n  /** localStorage key for persistence (default: 'fui-theme') */\n  storageKey?: string;\n  /** How to apply theme to DOM */\n  attribute?: 'data-theme' | 'class';\n}\n\nexport interface UseThemeReturn {\n  /** Current theme mode setting */\n  mode: ThemeMode;\n  /** Set the theme mode */\n  setMode: (mode: ThemeMode) => void;\n  /** Resolved mode (never 'system', always 'light' or 'dark') */\n  resolvedMode: 'light' | 'dark';\n  /** System preference detected from prefers-color-scheme */\n  systemPreference: 'light' | 'dark';\n  /** Toggle between light and dark (skips system) */\n  toggleMode: () => void;\n}\n\nexport interface ThemeToggleProps {\n  /** Size of the toggle button */\n  size?: 'sm' | 'md' | 'lg';\n  /** Whether to include system mode option (default: false) */\n  showSystem?: boolean;\n  /** Controlled value for custom usage (bypasses theme context) */\n  value?: 'light' | 'dark';\n  /** Callback when value changes (for controlled usage) */\n  onValueChange?: (value: 'light' | 'dark') => void;\n  /** Accessible label for the group */\n  'aria-label'?: string;\n  /** Additional class name */\n  className?: string;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface ThemeContextValue {\n  mode: ThemeMode;\n  setMode: (mode: ThemeMode) => void;\n  resolvedMode: 'light' | 'dark';\n  systemPreference: 'light' | 'dark';\n  toggleMode: () => void;\n}\n\nconst ThemeContext = React.createContext<ThemeContextValue | null>(null);\n\n// ============================================\n// Hooks\n// ============================================\n\n/**\n * Hook to detect system color scheme preference\n */\nfunction useSystemPreference(): 'light' | 'dark' {\n  const [preference, setPreference] = React.useState<'light' | 'dark'>('light');\n\n  React.useEffect(() => {\n    // Check if window is available (SSR safety)\n    if (typeof window === 'undefined') return;\n\n    const mq = window.matchMedia('(prefers-color-scheme: dark)');\n    setPreference(mq.matches ? 'dark' : 'light');\n\n    const handler = (e: MediaQueryListEvent) => {\n      setPreference(e.matches ? 'dark' : 'light');\n    };\n\n    mq.addEventListener('change', handler);\n    return () => mq.removeEventListener('change', handler);\n  }, []);\n\n  return preference;\n}\n\n/**\n * Hook to access theme context\n */\nfunction useTheme(): UseThemeReturn {\n  const context = React.useContext(ThemeContext);\n\n  if (!context) {\n    // Return safe defaults when used outside provider\n    return {\n      mode: 'system',\n      setMode: () => {},\n      resolvedMode: 'light',\n      systemPreference: 'light',\n      toggleMode: () => {},\n    };\n  }\n\n  return context;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction SunIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M120,40V16a8,8,0,0,1,16,0V40a8,8,0,0,1-16,0Zm72,88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Zm-16,0a48,48,0,1,0-48,48A48.05,48.05,0,0,0,176,128ZM58.34,69.66A8,8,0,0,0,69.66,58.34l-16-16A8,8,0,0,0,42.34,53.66Zm0,116.68-16,16a8,8,0,0,0,11.32,11.32l16-16a8,8,0,0,0-11.32-11.32ZM192,72a8,8,0,0,0,5.66-2.34l16-16a8,8,0,0,0-11.32-11.32l-16,16A8,8,0,0,0,192,72Zm5.66,114.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32-11.32ZM48,128a8,8,0,0,0-8-8H16a8,8,0,0,0,0,16H40A8,8,0,0,0,48,128Zm80,80a8,8,0,0,0-8,8v24a8,8,0,0,0,16,0V216A8,8,0,0,0,128,208Zm112-88H216a8,8,0,0,0,0,16h24a8,8,0,0,0,0-16Z\" />\n    </svg>\n  );\n}\n\nfunction MoonIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M233.54,142.23a8,8,0,0,0-8-2,88.08,88.08,0,0,1-109.8-109.8,8,8,0,0,0-10-10,104.84,104.84,0,0,0-52.91,37A104,104,0,0,0,136,224a103.09,103.09,0,0,0,62.52-20.88,104.84,104.84,0,0,0,37-52.91A8,8,0,0,0,233.54,142.23ZM188.9,190.34A88,88,0,0,1,65.66,67.11a89,89,0,0,1,31.4-26A106,106,0,0,0,96,56,104.11,104.11,0,0,0,200,160a106,106,0,0,0,14.92-1.06A89,89,0,0,1,188.9,190.34Z\" />\n    </svg>\n  );\n}\n\nfunction MonitorIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M208,40H48A24,24,0,0,0,24,64V176a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V64A24,24,0,0,0,208,40Zm8,136a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8H208a8,8,0,0,1,8,8Zm-48,48a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,224Z\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\n/**\n * ThemeProvider - Provides theme context to children\n * SSR-safe: initializes from localStorage in useEffect\n */\nfunction ThemeProvider({\n  children,\n  defaultMode,\n  defaultTheme,\n  mode: controlledMode,\n  onModeChange,\n  storageKey = 'fui-theme',\n  attribute = 'data-theme',\n}: ThemeProviderProps) {\n  const systemPreference = useSystemPreference();\n\n  // Resolve default: defaultMode takes precedence, then defaultTheme, then 'system'\n  const resolvedDefault = defaultMode ?? defaultTheme ?? 'system';\n\n  // Initialize with resolvedDefault, then hydrate from localStorage in useEffect\n  const [internalMode, setInternalMode] = React.useState<ThemeMode>(resolvedDefault);\n  const [mounted, setMounted] = React.useState(false);\n\n  // Determine if controlled\n  const isControlled = controlledMode !== undefined;\n  const mode = isControlled ? controlledMode : internalMode;\n\n  // Calculate resolved mode\n  const resolvedMode: 'light' | 'dark' = mode === 'system' ? systemPreference : mode;\n\n  // Hydrate from localStorage on mount (SSR-safe)\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    if (!isControlled && storageKey) {\n      const stored = localStorage.getItem(storageKey) as ThemeMode | null;\n      if (stored && ['light', 'dark', 'system'].includes(stored)) {\n        setInternalMode(stored);\n      }\n    }\n    setMounted(true);\n  }, [isControlled, storageKey]);\n\n  // Apply theme to DOM — skip until mounted so we don't overwrite\n  // the inline script that prevents flash on initial page load\n  React.useEffect(() => {\n    if (typeof document === 'undefined' || !mounted) return;\n\n    const root = document.documentElement;\n\n    if (attribute === 'data-theme') {\n      root.setAttribute('data-theme', resolvedMode);\n    } else if (attribute === 'class') {\n      root.classList.remove('light', 'dark');\n      root.classList.add(resolvedMode);\n    }\n  }, [resolvedMode, attribute, mounted]);\n\n  // Persist to localStorage when mode changes\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || !storageKey || !mounted) return;\n    localStorage.setItem(storageKey, mode);\n  }, [mode, storageKey, mounted]);\n\n  const setMode = React.useCallback((newMode: ThemeMode) => {\n    if (!isControlled) {\n      setInternalMode(newMode);\n    }\n    onModeChange?.(newMode);\n  }, [isControlled, onModeChange]);\n\n  const toggleMode = React.useCallback(() => {\n    const next = resolvedMode === 'light' ? 'dark' : 'light';\n    setMode(next);\n  }, [resolvedMode, setMode]);\n\n  const contextValue: ThemeContextValue = {\n    mode,\n    setMode,\n    resolvedMode,\n    systemPreference,\n    toggleMode,\n  };\n\n  return (\n    <ThemeContext.Provider value={contextValue}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\n/**\n * ThemeToggle - Fragmented button group to toggle between light and dark themes\n *\n * Can be used in two modes:\n * 1. Uncontrolled (default): Uses ThemeProvider context to get/set theme\n * 2. Controlled: Pass `value` and `onValueChange` props for custom behavior\n */\nfunction ThemeToggle({\n  size = 'md',\n  showSystem = false,\n  value: controlledValue,\n  onValueChange,\n  'aria-label': ariaLabel,\n  className,\n}: ThemeToggleProps) {\n  const { mode: contextMode, setMode: setContextMode } = useTheme();\n\n  // Use controlled value if provided, otherwise use context\n  const isControlled = controlledValue !== undefined;\n  const currentMode = isControlled ? controlledValue : contextMode;\n\n  const handleModeChange = (newMode: 'light' | 'dark') => {\n    if (isControlled) {\n      onValueChange?.(newMode);\n    } else {\n      setContextMode(newMode);\n    }\n  };\n\n  const groupClasses = [\n    styles.toggleGroup,\n    styles[`size${size.charAt(0).toUpperCase() + size.slice(1)}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  const getButtonClasses = (buttonMode: ThemeMode) => {\n    return [\n      styles.toggleButton,\n      currentMode === buttonMode && styles.toggleButtonActive,\n    ].filter(Boolean).join(' ');\n  };\n\n  const label = ariaLabel || 'Theme toggle';\n\n  return (\n    <div\n      className={groupClasses}\n      role=\"group\"\n      aria-label={label}\n    >\n      <button\n        type=\"button\"\n        className={getButtonClasses('light')}\n        onClick={() => handleModeChange('light')}\n        aria-pressed={currentMode === 'light'}\n        aria-label=\"Light mode\"\n      >\n        <SunIcon />\n      </button>\n      <button\n        type=\"button\"\n        className={getButtonClasses('dark')}\n        onClick={() => handleModeChange('dark')}\n        aria-pressed={currentMode === 'dark'}\n        aria-label=\"Dark mode\"\n      >\n        <MoonIcon />\n      </button>\n      {showSystem && !isControlled && (\n        <button\n          type=\"button\"\n          className={getButtonClasses('system')}\n          onClick={() => setContextMode('system')}\n          aria-pressed={contextMode === 'system'}\n          aria-label=\"System preference\"\n        >\n          <MonitorIcon />\n        </button>\n      )}\n    </div>\n  );\n}\n\n// ============================================\n// Exports\n// ============================================\n\nexport const Theme = Object.assign(ThemeProvider, {\n  Root: ThemeProvider,\n  Provider: ThemeProvider,\n  Toggle: ThemeToggle,\n  useTheme,\n});\n\nexport { ThemeProvider, ThemeToggle, useTheme };\n"],"names":["React","jsx","styles","jsxs"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Theme/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './ThemeToggle.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type ThemeMode = 'light' | 'dark' | 'system';\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  /** Default theme mode for uncontrolled usage */\n  defaultMode?: ThemeMode;\n  /**\n   * @deprecated Use `defaultMode` instead. This alias will be removed in v1.0.\n   */\n  defaultTheme?: ThemeMode;\n  /** Controlled theme mode */\n  mode?: ThemeMode;\n  /** Callback when mode changes */\n  onModeChange?: (mode: ThemeMode) => void;\n  /** localStorage key for persistence (default: 'fui-theme') */\n  storageKey?: string;\n  /** How to apply theme to DOM */\n  attribute?: 'data-theme' | 'class';\n}\n\nexport interface UseThemeReturn {\n  /** Current theme mode setting */\n  mode: ThemeMode;\n  /** Set the theme mode */\n  setMode: (mode: ThemeMode) => void;\n  /** Resolved mode (never 'system', always 'light' or 'dark') */\n  resolvedMode: 'light' | 'dark';\n  /** System preference detected from prefers-color-scheme */\n  systemPreference: 'light' | 'dark';\n  /** Toggle between light and dark (skips system) */\n  toggleMode: () => void;\n}\n\nexport interface ThemeToggleProps {\n  /** Size of the toggle button */\n  size?: 'sm' | 'md' | 'lg';\n  /** Whether to include system mode option (default: false) */\n  showSystem?: boolean;\n  /** Controlled value for custom usage (bypasses theme context) */\n  value?: 'light' | 'dark';\n  /** Callback when value changes (for controlled usage) */\n  onValueChange?: (value: 'light' | 'dark') => void;\n  /** Accessible label for the group */\n  'aria-label'?: string;\n  /** Additional class name */\n  className?: string;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface ThemeContextValue {\n  mode: ThemeMode;\n  setMode: (mode: ThemeMode) => void;\n  resolvedMode: 'light' | 'dark';\n  systemPreference: 'light' | 'dark';\n  toggleMode: () => void;\n}\n\nconst ThemeContext = React.createContext<ThemeContextValue | null>(null);\n\n// ============================================\n// Hooks\n// ============================================\n\n/**\n * Hook to detect system color scheme preference\n */\nfunction useSystemPreference(): 'light' | 'dark' {\n  const [preference, setPreference] = React.useState<'light' | 'dark'>('light');\n\n  React.useEffect(() => {\n    // Check if window is available (SSR safety)\n    if (typeof window === 'undefined') return;\n\n    const mq = window.matchMedia('(prefers-color-scheme: dark)');\n    setPreference(mq.matches ? 'dark' : 'light');\n\n    const handler = (e: MediaQueryListEvent) => {\n      setPreference(e.matches ? 'dark' : 'light');\n    };\n\n    mq.addEventListener('change', handler);\n    return () => mq.removeEventListener('change', handler);\n  }, []);\n\n  return preference;\n}\n\n/**\n * Hook to access theme context\n */\nfunction useTheme(): UseThemeReturn {\n  const context = React.useContext(ThemeContext);\n\n  if (!context) {\n    // Return safe defaults when used outside provider\n    return {\n      mode: 'system',\n      setMode: () => {},\n      resolvedMode: 'light',\n      systemPreference: 'light',\n      toggleMode: () => {},\n    };\n  }\n\n  return context;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction SunIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M120,40V16a8,8,0,0,1,16,0V40a8,8,0,0,1-16,0Zm72,88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Zm-16,0a48,48,0,1,0-48,48A48.05,48.05,0,0,0,176,128ZM58.34,69.66A8,8,0,0,0,69.66,58.34l-16-16A8,8,0,0,0,42.34,53.66Zm0,116.68-16,16a8,8,0,0,0,11.32,11.32l16-16a8,8,0,0,0-11.32-11.32ZM192,72a8,8,0,0,0,5.66-2.34l16-16a8,8,0,0,0-11.32-11.32l-16,16A8,8,0,0,0,192,72Zm5.66,114.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32-11.32ZM48,128a8,8,0,0,0-8-8H16a8,8,0,0,0,0,16H40A8,8,0,0,0,48,128Zm80,80a8,8,0,0,0-8,8v24a8,8,0,0,0,16,0V216A8,8,0,0,0,128,208Zm112-88H216a8,8,0,0,0,0,16h24a8,8,0,0,0,0-16Z\" />\n    </svg>\n  );\n}\n\nfunction MoonIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M233.54,142.23a8,8,0,0,0-8-2,88.08,88.08,0,0,1-109.8-109.8,8,8,0,0,0-10-10,104.84,104.84,0,0,0-52.91,37A104,104,0,0,0,136,224a103.09,103.09,0,0,0,62.52-20.88,104.84,104.84,0,0,0,37-52.91A8,8,0,0,0,233.54,142.23ZM188.9,190.34A88,88,0,0,1,65.66,67.11a89,89,0,0,1,31.4-26A106,106,0,0,0,96,56,104.11,104.11,0,0,0,200,160a106,106,0,0,0,14.92-1.06A89,89,0,0,1,188.9,190.34Z\" />\n    </svg>\n  );\n}\n\nfunction MonitorIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M208,40H48A24,24,0,0,0,24,64V176a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V64A24,24,0,0,0,208,40Zm8,136a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8H208a8,8,0,0,1,8,8Zm-48,48a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,224Z\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\n/**\n * ThemeProvider - Provides theme context to children\n * SSR-safe: initializes from localStorage in useEffect\n */\nfunction ThemeProvider({\n  children,\n  defaultMode,\n  defaultTheme,\n  mode: controlledMode,\n  onModeChange,\n  storageKey = 'fui-theme',\n  attribute = 'data-theme',\n}: ThemeProviderProps) {\n  const systemPreference = useSystemPreference();\n\n  // Warn on deprecated prop usage (dev only)\n  if (process.env.NODE_ENV !== 'production' && defaultTheme !== undefined) {\n    console.warn(\n      '[Fragments] ThemeProvider: `defaultTheme` is deprecated. Use `defaultMode` instead. ' +\n      '`defaultTheme` will be removed in v1.0.'\n    );\n  }\n\n  // Resolve default: defaultMode takes precedence, then defaultTheme, then 'system'\n  const resolvedDefault = defaultMode ?? defaultTheme ?? 'system';\n\n  // Initialize with resolvedDefault, then hydrate from localStorage in useEffect\n  const [internalMode, setInternalMode] = React.useState<ThemeMode>(resolvedDefault);\n  const [mounted, setMounted] = React.useState(false);\n\n  // Determine if controlled\n  const isControlled = controlledMode !== undefined;\n  const mode = isControlled ? controlledMode : internalMode;\n\n  // Calculate resolved mode\n  const resolvedMode: 'light' | 'dark' = mode === 'system' ? systemPreference : mode;\n\n  // Hydrate from localStorage on mount (SSR-safe)\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    if (!isControlled && storageKey) {\n      const stored = localStorage.getItem(storageKey) as ThemeMode | null;\n      if (stored && ['light', 'dark', 'system'].includes(stored)) {\n        setInternalMode(stored);\n      }\n    }\n    setMounted(true);\n  }, [isControlled, storageKey]);\n\n  // Apply theme to DOM — skip until mounted so we don't overwrite\n  // the inline script that prevents flash on initial page load\n  React.useEffect(() => {\n    if (typeof document === 'undefined' || !mounted) return;\n\n    const root = document.documentElement;\n\n    if (attribute === 'data-theme') {\n      root.setAttribute('data-theme', resolvedMode);\n    } else if (attribute === 'class') {\n      root.classList.remove('light', 'dark');\n      root.classList.add(resolvedMode);\n    }\n  }, [resolvedMode, attribute, mounted]);\n\n  // Persist to localStorage when mode changes\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || !storageKey || !mounted) return;\n    localStorage.setItem(storageKey, mode);\n  }, [mode, storageKey, mounted]);\n\n  const setMode = React.useCallback((newMode: ThemeMode) => {\n    if (!isControlled) {\n      setInternalMode(newMode);\n    }\n    onModeChange?.(newMode);\n  }, [isControlled, onModeChange]);\n\n  const toggleMode = React.useCallback(() => {\n    const next = resolvedMode === 'light' ? 'dark' : 'light';\n    setMode(next);\n  }, [resolvedMode, setMode]);\n\n  const contextValue: ThemeContextValue = {\n    mode,\n    setMode,\n    resolvedMode,\n    systemPreference,\n    toggleMode,\n  };\n\n  return (\n    <ThemeContext.Provider value={contextValue}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\n/**\n * ThemeToggle - Fragmented button group to toggle between light and dark themes\n *\n * Can be used in two modes:\n * 1. Uncontrolled (default): Uses ThemeProvider context to get/set theme\n * 2. Controlled: Pass `value` and `onValueChange` props for custom behavior\n */\nfunction ThemeToggle({\n  size = 'md',\n  showSystem = false,\n  value: controlledValue,\n  onValueChange,\n  'aria-label': ariaLabel,\n  className,\n}: ThemeToggleProps) {\n  const { mode: contextMode, setMode: setContextMode } = useTheme();\n\n  // Use controlled value if provided, otherwise use context\n  const isControlled = controlledValue !== undefined;\n  const currentMode = isControlled ? controlledValue : contextMode;\n\n  const handleModeChange = (newMode: 'light' | 'dark') => {\n    if (isControlled) {\n      onValueChange?.(newMode);\n    } else {\n      setContextMode(newMode);\n    }\n  };\n\n  const groupClasses = [\n    styles.toggleGroup,\n    styles[`size${size.charAt(0).toUpperCase() + size.slice(1)}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  const getButtonClasses = (buttonMode: ThemeMode) => {\n    return [\n      styles.toggleButton,\n      currentMode === buttonMode && styles.toggleButtonActive,\n    ].filter(Boolean).join(' ');\n  };\n\n  const label = ariaLabel || 'Theme toggle';\n\n  return (\n    <div\n      className={groupClasses}\n      role=\"group\"\n      aria-label={label}\n    >\n      <button\n        type=\"button\"\n        className={getButtonClasses('light')}\n        onClick={() => handleModeChange('light')}\n        aria-pressed={currentMode === 'light'}\n        aria-label=\"Light mode\"\n      >\n        <SunIcon />\n      </button>\n      <button\n        type=\"button\"\n        className={getButtonClasses('dark')}\n        onClick={() => handleModeChange('dark')}\n        aria-pressed={currentMode === 'dark'}\n        aria-label=\"Dark mode\"\n      >\n        <MoonIcon />\n      </button>\n      {showSystem && !isControlled && (\n        <button\n          type=\"button\"\n          className={getButtonClasses('system')}\n          onClick={() => setContextMode('system')}\n          aria-pressed={contextMode === 'system'}\n          aria-label=\"System preference\"\n        >\n          <MonitorIcon />\n        </button>\n      )}\n    </div>\n  );\n}\n\n// ============================================\n// Exports\n// ============================================\n\nexport const Theme = Object.assign(ThemeProvider, {\n  Root: ThemeProvider,\n  Provider: ThemeProvider,\n  Toggle: ThemeToggle,\n  useTheme,\n});\n\nexport { ThemeProvider, ThemeToggle, useTheme };\n\n// ============================================\n// configureTheme — JS-only seed configuration\n// ============================================\n\nexport type NeutralPalette = 'stone' | 'ice' | 'earth' | 'sand' | 'fire';\nexport type DensityPreset = 'compact' | 'default' | 'relaxed';\nexport type RadiusStyle = 'sharp' | 'subtle' | 'default' | 'rounded' | 'pill';\n\nexport interface ConfigureThemeOptions {\n  /** Brand/accent color as hex */\n  brand?: string;\n  /** Neutral palette name */\n  neutral?: NeutralPalette;\n  /** Spacing density preset */\n  density?: DensityPreset;\n  /** Border radius style */\n  radiusStyle?: RadiusStyle;\n  /** Danger/error color as hex */\n  danger?: string;\n  /** Success color as hex */\n  success?: string;\n  /** Warning color as hex */\n  warning?: string;\n  /** Info color as hex */\n  info?: string;\n}\n\n// -- Radius presets (match _radius.scss) --\n\nconst RADIUS_PRESETS: Record<RadiusStyle, Record<string, string>> = {\n  sharp:   { sm: '0',        md: '0',        lg: '0',        xl: '0' },\n  subtle:  { sm: '0.125rem', md: '0.25rem',  lg: '0.375rem', xl: '0.5rem' },\n  default: { sm: '0.25rem',  md: '0.429rem', lg: '0.571rem', xl: '0.857rem' },\n  rounded: { sm: '0.375rem', md: '0.5rem',   lg: '0.75rem',  xl: '1rem' },\n  pill:    { sm: '0.5rem',   md: '0.75rem',  lg: '1rem',     xl: '1.5rem' },\n};\n\n// -- Density presets (match _density.scss) --\n\ninterface DensityConfig {\n  baseUnit: number;\n  baseFontSize: number;\n  buttonHeights: [number, number, number]; // sm, md, lg\n  inputHeights: [number, number, number]; // sm, default, lg\n}\n\nconst DENSITY_CONFIGS: Record<DensityPreset, DensityConfig> = {\n  compact:  { baseUnit: 6,  baseFontSize: 14, buttonHeights: [24, 30, 36], inputHeights: [24, 32, 36] },\n  default:  { baseUnit: 7,  baseFontSize: 14, buttonHeights: [28, 36, 44], inputHeights: [28, 40, 44] },\n  relaxed:  { baseUnit: 8,  baseFontSize: 14, buttonHeights: [32, 40, 48], inputHeights: [32, 44, 48] },\n};\n\nfunction pxToRem(px: number, baseFontSize: number): string {\n  return `${px / baseFontSize}rem`;\n}\n\nfunction hexToRgb(hex: string): [number, number, number] | null {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  if (!result) return null;\n  return [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)];\n}\n\nfunction adjustLightness(hex: string, amount: number): string {\n  const rgb = hexToRgb(hex);\n  if (!rgb) return hex;\n  const [r, g, b] = rgb;\n  const adjust = (v: number) => Math.max(0, Math.min(255, Math.round(v + amount)));\n  return `#${adjust(r).toString(16).padStart(2, '0')}${adjust(g).toString(16).padStart(2, '0')}${adjust(b).toString(16).padStart(2, '0')}`;\n}\n\nfunction setVar(el: HTMLElement, name: string, value: string) {\n  el.style.setProperty(name, value);\n}\n\n/**\n * Configure theme seeds at runtime via JS. Sets CSS custom properties on\n * `:root` without requiring SCSS. Call this once at app startup.\n *\n * Note: For full control over all 120+ tokens, use the SCSS `@use...with()`\n * approach. `configureTheme` covers the most commonly customized tokens.\n *\n * @example\n * ```ts\n * import { configureTheme } from '@fragments-sdk/ui';\n *\n * configureTheme({\n *   brand: '#6366f1',\n *   neutral: 'ice',\n *   density: 'compact',\n *   radiusStyle: 'rounded',\n * });\n * ```\n */\nexport function configureTheme(options: ConfigureThemeOptions): void {\n  if (typeof document === 'undefined') return;\n\n  const root = document.documentElement;\n\n  // -- Brand / Accent --\n  if (options.brand) {\n    setVar(root, '--fui-color-accent', options.brand);\n    setVar(root, '--fui-color-accent-hover', adjustLightness(options.brand, -20));\n    setVar(root, '--fui-color-accent-active', adjustLightness(options.brand, -40));\n    setVar(root, '--fui-focus-ring-color', `${options.brand}66`); // 40% alpha\n  }\n\n  // -- Semantic colors --\n  if (options.danger) {\n    setVar(root, '--fui-color-danger', options.danger);\n    setVar(root, '--fui-color-danger-hover', adjustLightness(options.danger, -20));\n  }\n  if (options.success) setVar(root, '--fui-color-success', options.success);\n  if (options.warning) setVar(root, '--fui-color-warning', options.warning);\n  if (options.info) setVar(root, '--fui-color-info', options.info);\n\n  // -- Radius --\n  if (options.radiusStyle) {\n    const r = RADIUS_PRESETS[options.radiusStyle];\n    if (r) {\n      setVar(root, '--fui-radius-sm', r.sm);\n      setVar(root, '--fui-radius-md', r.md);\n      setVar(root, '--fui-radius-lg', r.lg);\n      setVar(root, '--fui-radius-xl', r.xl);\n    }\n  }\n\n  // -- Density --\n  if (options.density) {\n    const d = DENSITY_CONFIGS[options.density];\n    if (d) {\n      const unitRem = d.baseUnit / d.baseFontSize;\n\n      // Spacing scale\n      setVar(root, '--fui-space-1', `${unitRem}rem`);\n      setVar(root, '--fui-space-2', `${unitRem * 2}rem`);\n      setVar(root, '--fui-space-3', `${unitRem * 3}rem`);\n      setVar(root, '--fui-space-4', `${unitRem * 4}rem`);\n      setVar(root, '--fui-space-5', `${unitRem * 5}rem`);\n      setVar(root, '--fui-space-6', `${unitRem * 6}rem`);\n      setVar(root, '--fui-space-8', `${unitRem * 8}rem`);\n      setVar(root, '--fui-space-10', `${unitRem * 10}rem`);\n      setVar(root, '--fui-space-12', `${unitRem * 12}rem`);\n\n      // Component heights\n      setVar(root, '--fui-button-height-sm', pxToRem(d.buttonHeights[0], d.baseFontSize));\n      setVar(root, '--fui-button-height-md', pxToRem(d.buttonHeights[1], d.baseFontSize));\n      setVar(root, '--fui-button-height-lg', pxToRem(d.buttonHeights[2], d.baseFontSize));\n      setVar(root, '--fui-input-height-sm', pxToRem(d.inputHeights[0], d.baseFontSize));\n      setVar(root, '--fui-input-height', pxToRem(d.inputHeights[1], d.baseFontSize));\n      setVar(root, '--fui-input-height-lg', pxToRem(d.inputHeights[2], d.baseFontSize));\n\n      // Base unit\n      setVar(root, '--fui-base-unit', `${d.baseUnit}px`);\n    }\n  }\n}\n"],"names":["React","jsx","styles","jsxs"],"mappings":"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"}

package/dist/components/Theme/index.d.ts

@@ -4,7 +4,9 @@ export interface ThemeProviderProps {
     children: React.ReactNode;
     /** Default theme mode for uncontrolled usage */
     defaultMode?: ThemeMode;
-    /** Alias for defaultMode (more intuitive naming) */
+    /**
+     * @deprecated Use `defaultMode` instead. This alias will be removed in v1.0.
+     */
     defaultTheme?: ThemeMode;
     /** Controlled theme mode */
     mode?: ThemeMode;
@@ -65,4 +67,45 @@ export declare const Theme: typeof ThemeProvider & {
     useTheme: typeof useTheme;
 };
 export { ThemeProvider, ThemeToggle, useTheme };
+export type NeutralPalette = 'stone' | 'ice' | 'earth' | 'sand' | 'fire';
+export type DensityPreset = 'compact' | 'default' | 'relaxed';
+export type RadiusStyle = 'sharp' | 'subtle' | 'default' | 'rounded' | 'pill';
+export interface ConfigureThemeOptions {
+    /** Brand/accent color as hex */
+    brand?: string;
+    /** Neutral palette name */
+    neutral?: NeutralPalette;
+    /** Spacing density preset */
+    density?: DensityPreset;
+    /** Border radius style */
+    radiusStyle?: RadiusStyle;
+    /** Danger/error color as hex */
+    danger?: string;
+    /** Success color as hex */
+    success?: string;
+    /** Warning color as hex */
+    warning?: string;
+    /** Info color as hex */
+    info?: string;
+}
+/**
+ * Configure theme seeds at runtime via JS. Sets CSS custom properties on
+ * `:root` without requiring SCSS. Call this once at app startup.
+ *
+ * Note: For full control over all 120+ tokens, use the SCSS `@use...with()`
+ * approach. `configureTheme` covers the most commonly customized tokens.
+ *
+ * @example
+ * ```ts
+ * import { configureTheme } from '@fragments-sdk/ui';
+ *
+ * configureTheme({
+ *   brand: '#6366f1',
+ *   neutral: 'ice',
+ *   density: 'compact',
+ *   radiusStyle: 'rounded',
+ * });
+ * ```
+ */
+export declare function configureTheme(options: ConfigureThemeOptions): void;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Theme/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gDAAgD;IAChD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oDAAoD;IACpD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,SAAS,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC;CACpC;AAED,MAAM,WAAW,cAAc;IAC7B,iCAAiC;IACjC,IAAI,EAAE,SAAS,CAAC;IAChB,yBAAyB;IACzB,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,+DAA+D;IAC/D,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,2DAA2D;IAC3D,gBAAgB,EAAE,OAAO,GAAG,MAAM,CAAC;IACnC,mDAAmD;IACnD,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,gCAAgC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,yDAAyD;IACzD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IAClD,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4CD;;GAEG;AACH,iBAAS,QAAQ,IAAI,cAAc,CAelC;AAuDD;;;GAGG;AACH,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,UAAwB,EACxB,SAAwB,GACzB,EAAE,kBAAkB,2CA4EpB;AAED;;;;;;GAMG;AACH,iBAAS,WAAW,CAAC,EACnB,IAAW,EACX,UAAkB,EAClB,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,gBAAgB,2CAmElB;AAMD,eAAO,MAAM,KAAK;;;;;CAKhB,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Theme/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Theme/index.js

@@ -83,6 +83,11 @@ function ThemeProvider({
   attribute = "data-theme"
 }) {
   const systemPreference = useSystemPreference();
+  if (process.env.NODE_ENV !== "production" && defaultTheme !== void 0) {
+    console.warn(
+      "[Fragments] ThemeProvider: `defaultTheme` is deprecated. Use `defaultMode` instead. `defaultTheme` will be removed in v1.0."
+    );
+  }
   const resolvedDefault = defaultMode ?? defaultTheme ?? "system";
   const [internalMode, setInternalMode] = React.useState(resolvedDefault);
   const [mounted, setMounted] = React.useState(false);
@@ -206,15 +211,95 @@ function ThemeToggle({
     }
   );
 }
-Object.assign(ThemeProvider, {
+const Theme = Object.assign(ThemeProvider, {
   Root: ThemeProvider,
   Provider: ThemeProvider,
   Toggle: ThemeToggle,
   useTheme
 });
+const RADIUS_PRESETS = {
+  sharp: { sm: "0", md: "0", lg: "0", xl: "0" },
+  subtle: { sm: "0.125rem", md: "0.25rem", lg: "0.375rem", xl: "0.5rem" },
+  default: { sm: "0.25rem", md: "0.429rem", lg: "0.571rem", xl: "0.857rem" },
+  rounded: { sm: "0.375rem", md: "0.5rem", lg: "0.75rem", xl: "1rem" },
+  pill: { sm: "0.5rem", md: "0.75rem", lg: "1rem", xl: "1.5rem" }
+};
+const DENSITY_CONFIGS = {
+  compact: { baseUnit: 6, baseFontSize: 14, buttonHeights: [24, 30, 36], inputHeights: [24, 32, 36] },
+  default: { baseUnit: 7, baseFontSize: 14, buttonHeights: [28, 36, 44], inputHeights: [28, 40, 44] },
+  relaxed: { baseUnit: 8, baseFontSize: 14, buttonHeights: [32, 40, 48], inputHeights: [32, 44, 48] }
+};
+function pxToRem(px, baseFontSize) {
+  return `${px / baseFontSize}rem`;
+}
+function hexToRgb(hex) {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  if (!result) return null;
+  return [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)];
+}
+function adjustLightness(hex, amount) {
+  const rgb = hexToRgb(hex);
+  if (!rgb) return hex;
+  const [r, g, b] = rgb;
+  const adjust = (v) => Math.max(0, Math.min(255, Math.round(v + amount)));
+  return `#${adjust(r).toString(16).padStart(2, "0")}${adjust(g).toString(16).padStart(2, "0")}${adjust(b).toString(16).padStart(2, "0")}`;
+}
+function setVar(el, name, value) {
+  el.style.setProperty(name, value);
+}
+function configureTheme(options) {
+  if (typeof document === "undefined") return;
+  const root = document.documentElement;
+  if (options.brand) {
+    setVar(root, "--fui-color-accent", options.brand);
+    setVar(root, "--fui-color-accent-hover", adjustLightness(options.brand, -20));
+    setVar(root, "--fui-color-accent-active", adjustLightness(options.brand, -40));
+    setVar(root, "--fui-focus-ring-color", `${options.brand}66`);
+  }
+  if (options.danger) {
+    setVar(root, "--fui-color-danger", options.danger);
+    setVar(root, "--fui-color-danger-hover", adjustLightness(options.danger, -20));
+  }
+  if (options.success) setVar(root, "--fui-color-success", options.success);
+  if (options.warning) setVar(root, "--fui-color-warning", options.warning);
+  if (options.info) setVar(root, "--fui-color-info", options.info);
+  if (options.radiusStyle) {
+    const r = RADIUS_PRESETS[options.radiusStyle];
+    if (r) {
+      setVar(root, "--fui-radius-sm", r.sm);
+      setVar(root, "--fui-radius-md", r.md);
+      setVar(root, "--fui-radius-lg", r.lg);
+      setVar(root, "--fui-radius-xl", r.xl);
+    }
+  }
+  if (options.density) {
+    const d = DENSITY_CONFIGS[options.density];
+    if (d) {
+      const unitRem = d.baseUnit / d.baseFontSize;
+      setVar(root, "--fui-space-1", `${unitRem}rem`);
+      setVar(root, "--fui-space-2", `${unitRem * 2}rem`);
+      setVar(root, "--fui-space-3", `${unitRem * 3}rem`);
+      setVar(root, "--fui-space-4", `${unitRem * 4}rem`);
+      setVar(root, "--fui-space-5", `${unitRem * 5}rem`);
+      setVar(root, "--fui-space-6", `${unitRem * 6}rem`);
+      setVar(root, "--fui-space-8", `${unitRem * 8}rem`);
+      setVar(root, "--fui-space-10", `${unitRem * 10}rem`);
+      setVar(root, "--fui-space-12", `${unitRem * 12}rem`);
+      setVar(root, "--fui-button-height-sm", pxToRem(d.buttonHeights[0], d.baseFontSize));
+      setVar(root, "--fui-button-height-md", pxToRem(d.buttonHeights[1], d.baseFontSize));
+      setVar(root, "--fui-button-height-lg", pxToRem(d.buttonHeights[2], d.baseFontSize));
+      setVar(root, "--fui-input-height-sm", pxToRem(d.inputHeights[0], d.baseFontSize));
+      setVar(root, "--fui-input-height", pxToRem(d.inputHeights[1], d.baseFontSize));
+      setVar(root, "--fui-input-height-lg", pxToRem(d.inputHeights[2], d.baseFontSize));
+      setVar(root, "--fui-base-unit", `${d.baseUnit}px`);
+    }
+  }
+}
 export {
+  Theme,
   ThemeProvider,
   ThemeToggle,
+  configureTheme,
   useTheme
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Theme/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './ThemeToggle.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type ThemeMode = 'light' | 'dark' | 'system';\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  /** Default theme mode for uncontrolled usage */\n  defaultMode?: ThemeMode;\n  /** Alias for defaultMode (more intuitive naming) */\n  defaultTheme?: ThemeMode;\n  /** Controlled theme mode */\n  mode?: ThemeMode;\n  /** Callback when mode changes */\n  onModeChange?: (mode: ThemeMode) => void;\n  /** localStorage key for persistence (default: 'fui-theme') */\n  storageKey?: string;\n  /** How to apply theme to DOM */\n  attribute?: 'data-theme' | 'class';\n}\n\nexport interface UseThemeReturn {\n  /** Current theme mode setting */\n  mode: ThemeMode;\n  /** Set the theme mode */\n  setMode: (mode: ThemeMode) => void;\n  /** Resolved mode (never 'system', always 'light' or 'dark') */\n  resolvedMode: 'light' | 'dark';\n  /** System preference detected from prefers-color-scheme */\n  systemPreference: 'light' | 'dark';\n  /** Toggle between light and dark (skips system) */\n  toggleMode: () => void;\n}\n\nexport interface ThemeToggleProps {\n  /** Size of the toggle button */\n  size?: 'sm' | 'md' | 'lg';\n  /** Whether to include system mode option (default: false) */\n  showSystem?: boolean;\n  /** Controlled value for custom usage (bypasses theme context) */\n  value?: 'light' | 'dark';\n  /** Callback when value changes (for controlled usage) */\n  onValueChange?: (value: 'light' | 'dark') => void;\n  /** Accessible label for the group */\n  'aria-label'?: string;\n  /** Additional class name */\n  className?: string;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface ThemeContextValue {\n  mode: ThemeMode;\n  setMode: (mode: ThemeMode) => void;\n  resolvedMode: 'light' | 'dark';\n  systemPreference: 'light' | 'dark';\n  toggleMode: () => void;\n}\n\nconst ThemeContext = React.createContext<ThemeContextValue | null>(null);\n\n// ============================================\n// Hooks\n// ============================================\n\n/**\n * Hook to detect system color scheme preference\n */\nfunction useSystemPreference(): 'light' | 'dark' {\n  const [preference, setPreference] = React.useState<'light' | 'dark'>('light');\n\n  React.useEffect(() => {\n    // Check if window is available (SSR safety)\n    if (typeof window === 'undefined') return;\n\n    const mq = window.matchMedia('(prefers-color-scheme: dark)');\n    setPreference(mq.matches ? 'dark' : 'light');\n\n    const handler = (e: MediaQueryListEvent) => {\n      setPreference(e.matches ? 'dark' : 'light');\n    };\n\n    mq.addEventListener('change', handler);\n    return () => mq.removeEventListener('change', handler);\n  }, []);\n\n  return preference;\n}\n\n/**\n * Hook to access theme context\n */\nfunction useTheme(): UseThemeReturn {\n  const context = React.useContext(ThemeContext);\n\n  if (!context) {\n    // Return safe defaults when used outside provider\n    return {\n      mode: 'system',\n      setMode: () => {},\n      resolvedMode: 'light',\n      systemPreference: 'light',\n      toggleMode: () => {},\n    };\n  }\n\n  return context;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction SunIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M120,40V16a8,8,0,0,1,16,0V40a8,8,0,0,1-16,0Zm72,88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Zm-16,0a48,48,0,1,0-48,48A48.05,48.05,0,0,0,176,128ZM58.34,69.66A8,8,0,0,0,69.66,58.34l-16-16A8,8,0,0,0,42.34,53.66Zm0,116.68-16,16a8,8,0,0,0,11.32,11.32l16-16a8,8,0,0,0-11.32-11.32ZM192,72a8,8,0,0,0,5.66-2.34l16-16a8,8,0,0,0-11.32-11.32l-16,16A8,8,0,0,0,192,72Zm5.66,114.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32-11.32ZM48,128a8,8,0,0,0-8-8H16a8,8,0,0,0,0,16H40A8,8,0,0,0,48,128Zm80,80a8,8,0,0,0-8,8v24a8,8,0,0,0,16,0V216A8,8,0,0,0,128,208Zm112-88H216a8,8,0,0,0,0,16h24a8,8,0,0,0,0-16Z\" />\n    </svg>\n  );\n}\n\nfunction MoonIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M233.54,142.23a8,8,0,0,0-8-2,88.08,88.08,0,0,1-109.8-109.8,8,8,0,0,0-10-10,104.84,104.84,0,0,0-52.91,37A104,104,0,0,0,136,224a103.09,103.09,0,0,0,62.52-20.88,104.84,104.84,0,0,0,37-52.91A8,8,0,0,0,233.54,142.23ZM188.9,190.34A88,88,0,0,1,65.66,67.11a89,89,0,0,1,31.4-26A106,106,0,0,0,96,56,104.11,104.11,0,0,0,200,160a106,106,0,0,0,14.92-1.06A89,89,0,0,1,188.9,190.34Z\" />\n    </svg>\n  );\n}\n\nfunction MonitorIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M208,40H48A24,24,0,0,0,24,64V176a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V64A24,24,0,0,0,208,40Zm8,136a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8H208a8,8,0,0,1,8,8Zm-48,48a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,224Z\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\n/**\n * ThemeProvider - Provides theme context to children\n * SSR-safe: initializes from localStorage in useEffect\n */\nfunction ThemeProvider({\n  children,\n  defaultMode,\n  defaultTheme,\n  mode: controlledMode,\n  onModeChange,\n  storageKey = 'fui-theme',\n  attribute = 'data-theme',\n}: ThemeProviderProps) {\n  const systemPreference = useSystemPreference();\n\n  // Resolve default: defaultMode takes precedence, then defaultTheme, then 'system'\n  const resolvedDefault = defaultMode ?? defaultTheme ?? 'system';\n\n  // Initialize with resolvedDefault, then hydrate from localStorage in useEffect\n  const [internalMode, setInternalMode] = React.useState<ThemeMode>(resolvedDefault);\n  const [mounted, setMounted] = React.useState(false);\n\n  // Determine if controlled\n  const isControlled = controlledMode !== undefined;\n  const mode = isControlled ? controlledMode : internalMode;\n\n  // Calculate resolved mode\n  const resolvedMode: 'light' | 'dark' = mode === 'system' ? systemPreference : mode;\n\n  // Hydrate from localStorage on mount (SSR-safe)\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    if (!isControlled && storageKey) {\n      const stored = localStorage.getItem(storageKey) as ThemeMode | null;\n      if (stored && ['light', 'dark', 'system'].includes(stored)) {\n        setInternalMode(stored);\n      }\n    }\n    setMounted(true);\n  }, [isControlled, storageKey]);\n\n  // Apply theme to DOM — skip until mounted so we don't overwrite\n  // the inline script that prevents flash on initial page load\n  React.useEffect(() => {\n    if (typeof document === 'undefined' || !mounted) return;\n\n    const root = document.documentElement;\n\n    if (attribute === 'data-theme') {\n      root.setAttribute('data-theme', resolvedMode);\n    } else if (attribute === 'class') {\n      root.classList.remove('light', 'dark');\n      root.classList.add(resolvedMode);\n    }\n  }, [resolvedMode, attribute, mounted]);\n\n  // Persist to localStorage when mode changes\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || !storageKey || !mounted) return;\n    localStorage.setItem(storageKey, mode);\n  }, [mode, storageKey, mounted]);\n\n  const setMode = React.useCallback((newMode: ThemeMode) => {\n    if (!isControlled) {\n      setInternalMode(newMode);\n    }\n    onModeChange?.(newMode);\n  }, [isControlled, onModeChange]);\n\n  const toggleMode = React.useCallback(() => {\n    const next = resolvedMode === 'light' ? 'dark' : 'light';\n    setMode(next);\n  }, [resolvedMode, setMode]);\n\n  const contextValue: ThemeContextValue = {\n    mode,\n    setMode,\n    resolvedMode,\n    systemPreference,\n    toggleMode,\n  };\n\n  return (\n    <ThemeContext.Provider value={contextValue}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\n/**\n * ThemeToggle - Fragmented button group to toggle between light and dark themes\n *\n * Can be used in two modes:\n * 1. Uncontrolled (default): Uses ThemeProvider context to get/set theme\n * 2. Controlled: Pass `value` and `onValueChange` props for custom behavior\n */\nfunction ThemeToggle({\n  size = 'md',\n  showSystem = false,\n  value: controlledValue,\n  onValueChange,\n  'aria-label': ariaLabel,\n  className,\n}: ThemeToggleProps) {\n  const { mode: contextMode, setMode: setContextMode } = useTheme();\n\n  // Use controlled value if provided, otherwise use context\n  const isControlled = controlledValue !== undefined;\n  const currentMode = isControlled ? controlledValue : contextMode;\n\n  const handleModeChange = (newMode: 'light' | 'dark') => {\n    if (isControlled) {\n      onValueChange?.(newMode);\n    } else {\n      setContextMode(newMode);\n    }\n  };\n\n  const groupClasses = [\n    styles.toggleGroup,\n    styles[`size${size.charAt(0).toUpperCase() + size.slice(1)}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  const getButtonClasses = (buttonMode: ThemeMode) => {\n    return [\n      styles.toggleButton,\n      currentMode === buttonMode && styles.toggleButtonActive,\n    ].filter(Boolean).join(' ');\n  };\n\n  const label = ariaLabel || 'Theme toggle';\n\n  return (\n    <div\n      className={groupClasses}\n      role=\"group\"\n      aria-label={label}\n    >\n      <button\n        type=\"button\"\n        className={getButtonClasses('light')}\n        onClick={() => handleModeChange('light')}\n        aria-pressed={currentMode === 'light'}\n        aria-label=\"Light mode\"\n      >\n        <SunIcon />\n      </button>\n      <button\n        type=\"button\"\n        className={getButtonClasses('dark')}\n        onClick={() => handleModeChange('dark')}\n        aria-pressed={currentMode === 'dark'}\n        aria-label=\"Dark mode\"\n      >\n        <MoonIcon />\n      </button>\n      {showSystem && !isControlled && (\n        <button\n          type=\"button\"\n          className={getButtonClasses('system')}\n          onClick={() => setContextMode('system')}\n          aria-pressed={contextMode === 'system'}\n          aria-label=\"System preference\"\n        >\n          <MonitorIcon />\n        </button>\n      )}\n    </div>\n  );\n}\n\n// ============================================\n// Exports\n// ============================================\n\nexport const Theme = Object.assign(ThemeProvider, {\n  Root: ThemeProvider,\n  Provider: ThemeProvider,\n  Toggle: ThemeToggle,\n  useTheme,\n});\n\nexport { ThemeProvider, ThemeToggle, useTheme };\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Theme/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './ThemeToggle.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type ThemeMode = 'light' | 'dark' | 'system';\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  /** Default theme mode for uncontrolled usage */\n  defaultMode?: ThemeMode;\n  /**\n   * @deprecated Use `defaultMode` instead. This alias will be removed in v1.0.\n   */\n  defaultTheme?: ThemeMode;\n  /** Controlled theme mode */\n  mode?: ThemeMode;\n  /** Callback when mode changes */\n  onModeChange?: (mode: ThemeMode) => void;\n  /** localStorage key for persistence (default: 'fui-theme') */\n  storageKey?: string;\n  /** How to apply theme to DOM */\n  attribute?: 'data-theme' | 'class';\n}\n\nexport interface UseThemeReturn {\n  /** Current theme mode setting */\n  mode: ThemeMode;\n  /** Set the theme mode */\n  setMode: (mode: ThemeMode) => void;\n  /** Resolved mode (never 'system', always 'light' or 'dark') */\n  resolvedMode: 'light' | 'dark';\n  /** System preference detected from prefers-color-scheme */\n  systemPreference: 'light' | 'dark';\n  /** Toggle between light and dark (skips system) */\n  toggleMode: () => void;\n}\n\nexport interface ThemeToggleProps {\n  /** Size of the toggle button */\n  size?: 'sm' | 'md' | 'lg';\n  /** Whether to include system mode option (default: false) */\n  showSystem?: boolean;\n  /** Controlled value for custom usage (bypasses theme context) */\n  value?: 'light' | 'dark';\n  /** Callback when value changes (for controlled usage) */\n  onValueChange?: (value: 'light' | 'dark') => void;\n  /** Accessible label for the group */\n  'aria-label'?: string;\n  /** Additional class name */\n  className?: string;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface ThemeContextValue {\n  mode: ThemeMode;\n  setMode: (mode: ThemeMode) => void;\n  resolvedMode: 'light' | 'dark';\n  systemPreference: 'light' | 'dark';\n  toggleMode: () => void;\n}\n\nconst ThemeContext = React.createContext<ThemeContextValue | null>(null);\n\n// ============================================\n// Hooks\n// ============================================\n\n/**\n * Hook to detect system color scheme preference\n */\nfunction useSystemPreference(): 'light' | 'dark' {\n  const [preference, setPreference] = React.useState<'light' | 'dark'>('light');\n\n  React.useEffect(() => {\n    // Check if window is available (SSR safety)\n    if (typeof window === 'undefined') return;\n\n    const mq = window.matchMedia('(prefers-color-scheme: dark)');\n    setPreference(mq.matches ? 'dark' : 'light');\n\n    const handler = (e: MediaQueryListEvent) => {\n      setPreference(e.matches ? 'dark' : 'light');\n    };\n\n    mq.addEventListener('change', handler);\n    return () => mq.removeEventListener('change', handler);\n  }, []);\n\n  return preference;\n}\n\n/**\n * Hook to access theme context\n */\nfunction useTheme(): UseThemeReturn {\n  const context = React.useContext(ThemeContext);\n\n  if (!context) {\n    // Return safe defaults when used outside provider\n    return {\n      mode: 'system',\n      setMode: () => {},\n      resolvedMode: 'light',\n      systemPreference: 'light',\n      toggleMode: () => {},\n    };\n  }\n\n  return context;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction SunIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M120,40V16a8,8,0,0,1,16,0V40a8,8,0,0,1-16,0Zm72,88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Zm-16,0a48,48,0,1,0-48,48A48.05,48.05,0,0,0,176,128ZM58.34,69.66A8,8,0,0,0,69.66,58.34l-16-16A8,8,0,0,0,42.34,53.66Zm0,116.68-16,16a8,8,0,0,0,11.32,11.32l16-16a8,8,0,0,0-11.32-11.32ZM192,72a8,8,0,0,0,5.66-2.34l16-16a8,8,0,0,0-11.32-11.32l-16,16A8,8,0,0,0,192,72Zm5.66,114.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32-11.32ZM48,128a8,8,0,0,0-8-8H16a8,8,0,0,0,0,16H40A8,8,0,0,0,48,128Zm80,80a8,8,0,0,0-8,8v24a8,8,0,0,0,16,0V216A8,8,0,0,0,128,208Zm112-88H216a8,8,0,0,0,0,16h24a8,8,0,0,0,0-16Z\" />\n    </svg>\n  );\n}\n\nfunction MoonIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M233.54,142.23a8,8,0,0,0-8-2,88.08,88.08,0,0,1-109.8-109.8,8,8,0,0,0-10-10,104.84,104.84,0,0,0-52.91,37A104,104,0,0,0,136,224a103.09,103.09,0,0,0,62.52-20.88,104.84,104.84,0,0,0,37-52.91A8,8,0,0,0,233.54,142.23ZM188.9,190.34A88,88,0,0,1,65.66,67.11a89,89,0,0,1,31.4-26A106,106,0,0,0,96,56,104.11,104.11,0,0,0,200,160a106,106,0,0,0,14.92-1.06A89,89,0,0,1,188.9,190.34Z\" />\n    </svg>\n  );\n}\n\nfunction MonitorIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M208,40H48A24,24,0,0,0,24,64V176a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V64A24,24,0,0,0,208,40Zm8,136a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8H208a8,8,0,0,1,8,8Zm-48,48a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,224Z\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\n/**\n * ThemeProvider - Provides theme context to children\n * SSR-safe: initializes from localStorage in useEffect\n */\nfunction ThemeProvider({\n  children,\n  defaultMode,\n  defaultTheme,\n  mode: controlledMode,\n  onModeChange,\n  storageKey = 'fui-theme',\n  attribute = 'data-theme',\n}: ThemeProviderProps) {\n  const systemPreference = useSystemPreference();\n\n  // Warn on deprecated prop usage (dev only)\n  if (process.env.NODE_ENV !== 'production' && defaultTheme !== undefined) {\n    console.warn(\n      '[Fragments] ThemeProvider: `defaultTheme` is deprecated. Use `defaultMode` instead. ' +\n      '`defaultTheme` will be removed in v1.0.'\n    );\n  }\n\n  // Resolve default: defaultMode takes precedence, then defaultTheme, then 'system'\n  const resolvedDefault = defaultMode ?? defaultTheme ?? 'system';\n\n  // Initialize with resolvedDefault, then hydrate from localStorage in useEffect\n  const [internalMode, setInternalMode] = React.useState<ThemeMode>(resolvedDefault);\n  const [mounted, setMounted] = React.useState(false);\n\n  // Determine if controlled\n  const isControlled = controlledMode !== undefined;\n  const mode = isControlled ? controlledMode : internalMode;\n\n  // Calculate resolved mode\n  const resolvedMode: 'light' | 'dark' = mode === 'system' ? systemPreference : mode;\n\n  // Hydrate from localStorage on mount (SSR-safe)\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    if (!isControlled && storageKey) {\n      const stored = localStorage.getItem(storageKey) as ThemeMode | null;\n      if (stored && ['light', 'dark', 'system'].includes(stored)) {\n        setInternalMode(stored);\n      }\n    }\n    setMounted(true);\n  }, [isControlled, storageKey]);\n\n  // Apply theme to DOM — skip until mounted so we don't overwrite\n  // the inline script that prevents flash on initial page load\n  React.useEffect(() => {\n    if (typeof document === 'undefined' || !mounted) return;\n\n    const root = document.documentElement;\n\n    if (attribute === 'data-theme') {\n      root.setAttribute('data-theme', resolvedMode);\n    } else if (attribute === 'class') {\n      root.classList.remove('light', 'dark');\n      root.classList.add(resolvedMode);\n    }\n  }, [resolvedMode, attribute, mounted]);\n\n  // Persist to localStorage when mode changes\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || !storageKey || !mounted) return;\n    localStorage.setItem(storageKey, mode);\n  }, [mode, storageKey, mounted]);\n\n  const setMode = React.useCallback((newMode: ThemeMode) => {\n    if (!isControlled) {\n      setInternalMode(newMode);\n    }\n    onModeChange?.(newMode);\n  }, [isControlled, onModeChange]);\n\n  const toggleMode = React.useCallback(() => {\n    const next = resolvedMode === 'light' ? 'dark' : 'light';\n    setMode(next);\n  }, [resolvedMode, setMode]);\n\n  const contextValue: ThemeContextValue = {\n    mode,\n    setMode,\n    resolvedMode,\n    systemPreference,\n    toggleMode,\n  };\n\n  return (\n    <ThemeContext.Provider value={contextValue}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\n/**\n * ThemeToggle - Fragmented button group to toggle between light and dark themes\n *\n * Can be used in two modes:\n * 1. Uncontrolled (default): Uses ThemeProvider context to get/set theme\n * 2. Controlled: Pass `value` and `onValueChange` props for custom behavior\n */\nfunction ThemeToggle({\n  size = 'md',\n  showSystem = false,\n  value: controlledValue,\n  onValueChange,\n  'aria-label': ariaLabel,\n  className,\n}: ThemeToggleProps) {\n  const { mode: contextMode, setMode: setContextMode } = useTheme();\n\n  // Use controlled value if provided, otherwise use context\n  const isControlled = controlledValue !== undefined;\n  const currentMode = isControlled ? controlledValue : contextMode;\n\n  const handleModeChange = (newMode: 'light' | 'dark') => {\n    if (isControlled) {\n      onValueChange?.(newMode);\n    } else {\n      setContextMode(newMode);\n    }\n  };\n\n  const groupClasses = [\n    styles.toggleGroup,\n    styles[`size${size.charAt(0).toUpperCase() + size.slice(1)}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  const getButtonClasses = (buttonMode: ThemeMode) => {\n    return [\n      styles.toggleButton,\n      currentMode === buttonMode && styles.toggleButtonActive,\n    ].filter(Boolean).join(' ');\n  };\n\n  const label = ariaLabel || 'Theme toggle';\n\n  return (\n    <div\n      className={groupClasses}\n      role=\"group\"\n      aria-label={label}\n    >\n      <button\n        type=\"button\"\n        className={getButtonClasses('light')}\n        onClick={() => handleModeChange('light')}\n        aria-pressed={currentMode === 'light'}\n        aria-label=\"Light mode\"\n      >\n        <SunIcon />\n      </button>\n      <button\n        type=\"button\"\n        className={getButtonClasses('dark')}\n        onClick={() => handleModeChange('dark')}\n        aria-pressed={currentMode === 'dark'}\n        aria-label=\"Dark mode\"\n      >\n        <MoonIcon />\n      </button>\n      {showSystem && !isControlled && (\n        <button\n          type=\"button\"\n          className={getButtonClasses('system')}\n          onClick={() => setContextMode('system')}\n          aria-pressed={contextMode === 'system'}\n          aria-label=\"System preference\"\n        >\n          <MonitorIcon />\n        </button>\n      )}\n    </div>\n  );\n}\n\n// ============================================\n// Exports\n// ============================================\n\nexport const Theme = Object.assign(ThemeProvider, {\n  Root: ThemeProvider,\n  Provider: ThemeProvider,\n  Toggle: ThemeToggle,\n  useTheme,\n});\n\nexport { ThemeProvider, ThemeToggle, useTheme };\n\n// ============================================\n// configureTheme — JS-only seed configuration\n// ============================================\n\nexport type NeutralPalette = 'stone' | 'ice' | 'earth' | 'sand' | 'fire';\nexport type DensityPreset = 'compact' | 'default' | 'relaxed';\nexport type RadiusStyle = 'sharp' | 'subtle' | 'default' | 'rounded' | 'pill';\n\nexport interface ConfigureThemeOptions {\n  /** Brand/accent color as hex */\n  brand?: string;\n  /** Neutral palette name */\n  neutral?: NeutralPalette;\n  /** Spacing density preset */\n  density?: DensityPreset;\n  /** Border radius style */\n  radiusStyle?: RadiusStyle;\n  /** Danger/error color as hex */\n  danger?: string;\n  /** Success color as hex */\n  success?: string;\n  /** Warning color as hex */\n  warning?: string;\n  /** Info color as hex */\n  info?: string;\n}\n\n// -- Radius presets (match _radius.scss) --\n\nconst RADIUS_PRESETS: Record<RadiusStyle, Record<string, string>> = {\n  sharp:   { sm: '0',        md: '0',        lg: '0',        xl: '0' },\n  subtle:  { sm: '0.125rem', md: '0.25rem',  lg: '0.375rem', xl: '0.5rem' },\n  default: { sm: '0.25rem',  md: '0.429rem', lg: '0.571rem', xl: '0.857rem' },\n  rounded: { sm: '0.375rem', md: '0.5rem',   lg: '0.75rem',  xl: '1rem' },\n  pill:    { sm: '0.5rem',   md: '0.75rem',  lg: '1rem',     xl: '1.5rem' },\n};\n\n// -- Density presets (match _density.scss) --\n\ninterface DensityConfig {\n  baseUnit: number;\n  baseFontSize: number;\n  buttonHeights: [number, number, number]; // sm, md, lg\n  inputHeights: [number, number, number]; // sm, default, lg\n}\n\nconst DENSITY_CONFIGS: Record<DensityPreset, DensityConfig> = {\n  compact:  { baseUnit: 6,  baseFontSize: 14, buttonHeights: [24, 30, 36], inputHeights: [24, 32, 36] },\n  default:  { baseUnit: 7,  baseFontSize: 14, buttonHeights: [28, 36, 44], inputHeights: [28, 40, 44] },\n  relaxed:  { baseUnit: 8,  baseFontSize: 14, buttonHeights: [32, 40, 48], inputHeights: [32, 44, 48] },\n};\n\nfunction pxToRem(px: number, baseFontSize: number): string {\n  return `${px / baseFontSize}rem`;\n}\n\nfunction hexToRgb(hex: string): [number, number, number] | null {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  if (!result) return null;\n  return [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)];\n}\n\nfunction adjustLightness(hex: string, amount: number): string {\n  const rgb = hexToRgb(hex);\n  if (!rgb) return hex;\n  const [r, g, b] = rgb;\n  const adjust = (v: number) => Math.max(0, Math.min(255, Math.round(v + amount)));\n  return `#${adjust(r).toString(16).padStart(2, '0')}${adjust(g).toString(16).padStart(2, '0')}${adjust(b).toString(16).padStart(2, '0')}`;\n}\n\nfunction setVar(el: HTMLElement, name: string, value: string) {\n  el.style.setProperty(name, value);\n}\n\n/**\n * Configure theme seeds at runtime via JS. Sets CSS custom properties on\n * `:root` without requiring SCSS. Call this once at app startup.\n *\n * Note: For full control over all 120+ tokens, use the SCSS `@use...with()`\n * approach. `configureTheme` covers the most commonly customized tokens.\n *\n * @example\n * ```ts\n * import { configureTheme } from '@fragments-sdk/ui';\n *\n * configureTheme({\n *   brand: '#6366f1',\n *   neutral: 'ice',\n *   density: 'compact',\n *   radiusStyle: 'rounded',\n * });\n * ```\n */\nexport function configureTheme(options: ConfigureThemeOptions): void {\n  if (typeof document === 'undefined') return;\n\n  const root = document.documentElement;\n\n  // -- Brand / Accent --\n  if (options.brand) {\n    setVar(root, '--fui-color-accent', options.brand);\n    setVar(root, '--fui-color-accent-hover', adjustLightness(options.brand, -20));\n    setVar(root, '--fui-color-accent-active', adjustLightness(options.brand, -40));\n    setVar(root, '--fui-focus-ring-color', `${options.brand}66`); // 40% alpha\n  }\n\n  // -- Semantic colors --\n  if (options.danger) {\n    setVar(root, '--fui-color-danger', options.danger);\n    setVar(root, '--fui-color-danger-hover', adjustLightness(options.danger, -20));\n  }\n  if (options.success) setVar(root, '--fui-color-success', options.success);\n  if (options.warning) setVar(root, '--fui-color-warning', options.warning);\n  if (options.info) setVar(root, '--fui-color-info', options.info);\n\n  // -- Radius --\n  if (options.radiusStyle) {\n    const r = RADIUS_PRESETS[options.radiusStyle];\n    if (r) {\n      setVar(root, '--fui-radius-sm', r.sm);\n      setVar(root, '--fui-radius-md', r.md);\n      setVar(root, '--fui-radius-lg', r.lg);\n      setVar(root, '--fui-radius-xl', r.xl);\n    }\n  }\n\n  // -- Density --\n  if (options.density) {\n    const d = DENSITY_CONFIGS[options.density];\n    if (d) {\n      const unitRem = d.baseUnit / d.baseFontSize;\n\n      // Spacing scale\n      setVar(root, '--fui-space-1', `${unitRem}rem`);\n      setVar(root, '--fui-space-2', `${unitRem * 2}rem`);\n      setVar(root, '--fui-space-3', `${unitRem * 3}rem`);\n      setVar(root, '--fui-space-4', `${unitRem * 4}rem`);\n      setVar(root, '--fui-space-5', `${unitRem * 5}rem`);\n      setVar(root, '--fui-space-6', `${unitRem * 6}rem`);\n      setVar(root, '--fui-space-8', `${unitRem * 8}rem`);\n      setVar(root, '--fui-space-10', `${unitRem * 10}rem`);\n      setVar(root, '--fui-space-12', `${unitRem * 12}rem`);\n\n      // Component heights\n      setVar(root, '--fui-button-height-sm', pxToRem(d.buttonHeights[0], d.baseFontSize));\n      setVar(root, '--fui-button-height-md', pxToRem(d.buttonHeights[1], d.baseFontSize));\n      setVar(root, '--fui-button-height-lg', pxToRem(d.buttonHeights[2], d.baseFontSize));\n      setVar(root, '--fui-input-height-sm', pxToRem(d.inputHeights[0], d.baseFontSize));\n      setVar(root, '--fui-input-height', pxToRem(d.inputHeights[1], d.baseFontSize));\n      setVar(root, '--fui-input-height-lg', pxToRem(d.inputHeights[2], d.baseFontSize));\n\n      // Base unit\n      setVar(root, '--fui-base-unit', `${d.baseUnit}px`);\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/index.cjs

@@ -135,8 +135,10 @@ exports.Sidebar = index$v.Sidebar;
 exports.SidebarProvider = index$v.SidebarProvider;
 exports.useSidebar = index$v.useSidebar;
 exports.useSidebarContext = index$v.useSidebarContext;
+exports.Theme = index$w.Theme;
 exports.ThemeProvider = index$w.ThemeProvider;
 exports.ThemeToggle = index$w.ThemeToggle;
+exports.configureTheme = index$w.configureTheme;
 exports.useTheme = index$w.useTheme;
 exports.Header = index$x.Header;
 exports.AppShell = index$y.AppShell;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -33,7 +33,7 @@ export { Fieldset, type FieldsetProps, type FieldsetLegendProps, } from './compo
 export { Form, type FormProps } from './components/Form';
 export { Sidebar, SidebarProvider, useSidebar, useSidebarContext, // deprecated, use useSidebar instead
 type SidebarProviderProps, type SidebarProps, type SidebarHeaderProps, type SidebarNavProps, type SidebarSectionProps, type SidebarSectionActionProps, type SidebarItemProps, type SidebarSubItemProps, type SidebarFooterProps, type SidebarTriggerProps, type SidebarOverlayProps, type SidebarCollapseToggleProps, type SidebarRailProps, type SidebarMenuSkeletonProps, type SidebarCollapsible, } from './components/Sidebar';
-export { ThemeProvider, ThemeToggle, useTheme, type ThemeProviderProps, type ThemeToggleProps, type ThemeMode, type UseThemeReturn, } from './components/Theme';
+export { Theme, ThemeProvider, ThemeToggle, useTheme, configureTheme, type ThemeProviderProps, type ThemeToggleProps, type ThemeMode, type UseThemeReturn, type ConfigureThemeOptions, type NeutralPalette, type DensityPreset, type RadiusStyle, } from './components/Theme';
 export { Header, type HeaderProps, type HeaderBrandProps, type HeaderNavProps, type HeaderNavItemProps, type HeaderSearchProps, type HeaderActionsProps, type HeaderTriggerProps, } from './components/Header';
 export { AppShell, type AppShellProps, type AppShellLayout, type AppShellHeaderProps, type AppShellSidebarProps, type AppShellMainProps, type AppShellAsideProps, } from './components/AppShell';
 export { Stack, type StackProps, type ResponsiveDirection, type ResponsiveGap, } from './components/Stack';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -31,7 +31,7 @@ import { Field } from "./components/Field/index.js";
 import { Fieldset } from "./components/Fieldset/index.js";
 import { Form } from "./components/Form/index.js";
 import { Sidebar, SidebarProvider, useSidebar, useSidebarContext } from "./components/Sidebar/index.js";
-import { ThemeProvider, ThemeToggle, useTheme } from "./components/Theme/index.js";
+import { Theme, ThemeProvider, ThemeToggle, configureTheme, useTheme } from "./components/Theme/index.js";
 import { Header } from "./components/Header/index.js";
 import { AppShell } from "./components/AppShell/index.js";
 import { Stack } from "./components/Stack/index.js";
@@ -195,6 +195,7 @@ export {
   Tabs,
   Text,
   Textarea,
+  Theme,
   ThemeProvider,
   ThemeToggle,
   ThinkingIndicator,
@@ -211,6 +212,7 @@ export {
   TooltipProvider,
   TypingIndicator,
   VisuallyHidden,
+  configureTheme,
   createColumns,
   fragmentsLogoSvg,
   handleArrowNavigation,

package/dist/markdown.cjs

@@ -40,7 +40,7 @@ function loadDeps() {
 }
 function FallbackRenderer({ content, className }) {
   const paragraphs = content.split(/\n{2,}/);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: paragraphs.map((p, i) => /* @__PURE__ */ jsxRuntime.jsx("p", { children: p }, i)) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: paragraphs.map((p) => /* @__PURE__ */ jsxRuntime.jsx("p", { children: p }, p)) });
 }
 const MarkdownRoot = React__namespace.forwardRef(
   function Markdown2({ content, components: componentOverrides, className }, ref) {

package/dist/markdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.cjs","sources":["../src/components/Markdown/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Markdown.module.scss';\nimport '../../styles/globals.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface MarkdownProps {\n  /** Markdown string to render */\n  content: string;\n  /** Override map for markdown element components */\n  components?: Record<string, React.ComponentType<React.HTMLAttributes<HTMLElement>>>;\n  /** Additional class name */\n  className?: string;\n}\n\n// ============================================\n// Lazy-loaded react-markdown\n// ============================================\n\ntype ReactMarkdownType = React.ComponentType<{\n  children: string;\n  remarkPlugins?: unknown[];\n  components?: Record<string, React.ComponentType<unknown>>;\n}>;\n\nlet ReactMarkdown: ReactMarkdownType | null = null;\nlet remarkGfm: unknown = null;\nlet loadAttempted = false;\nlet loadFailed = false;\n\nfunction loadDeps() {\n  if (loadAttempted) return;\n  loadAttempted = true;\n\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    ReactMarkdown = require('react-markdown').default || require('react-markdown');\n  } catch {\n    loadFailed = true;\n  }\n\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    remarkGfm = require('remark-gfm').default || require('remark-gfm');\n  } catch {\n    // remark-gfm is optional; markdown still works without it\n  }\n}\n\n// ============================================\n// Fallback renderer (plain text with paragraphs)\n// ============================================\n\nfunction FallbackRenderer({ content, className }: { content: string; className?: string }) {\n  const paragraphs = content.split(/\\n{2,}/);\n  return (\n    <div className={className}>\n      {paragraphs.map((p, i) => (\n        <p key={i}>{p}</p>\n      ))}\n    </div>\n  );\n}\n\n// ============================================\n// Component\n// ============================================\n\nconst MarkdownRoot = React.forwardRef<HTMLDivElement, MarkdownProps>(\n  function Markdown({ content, components: componentOverrides, className }, ref) {\n    loadDeps();\n\n    const classes = [styles.markdown, className].filter(Boolean).join(' ');\n\n    if (loadFailed || !ReactMarkdown) {\n      if (loadFailed && process.env.NODE_ENV === 'development') {\n        console.warn(\n          '[@fragments-sdk/ui] Markdown: react-markdown is not installed. ' +\n          'Install it with: npm install react-markdown remark-gfm'\n        );\n      }\n      return (\n        <div ref={ref} className={classes}>\n          <FallbackRenderer content={content} />\n        </div>\n      );\n    }\n\n    const plugins = remarkGfm ? [remarkGfm] : [];\n\n    return (\n      <div ref={ref} className={classes}>\n        <ReactMarkdown\n          remarkPlugins={plugins}\n          components={componentOverrides as Record<string, React.ComponentType<unknown>>}\n        >\n          {content}\n        </ReactMarkdown>\n      </div>\n    );\n  }\n);\n\nexport const Markdown = Object.assign(MarkdownRoot, {\n  Root: MarkdownRoot,\n});\n"],"names":["jsx","React","Markdown","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAI,gBAA0C;AAC9C,IAAI,YAAqB;AACzB,IAAI,gBAAgB;AACpB,IAAI,aAAa;AAEjB,SAAS,WAAW;AAClB,MAAI,cAAe;AACnB,kBAAgB;AAEhB,MAAI;AAEF,oBAAgB,QAAQ,gBAAgB,EAAE,WAAW,QAAQ,gBAAgB;AAAA,EAC/E,QAAQ;AACN,iBAAa;AAAA,EACf;AAEA,MAAI;AAEF,gBAAY,QAAQ,YAAY,EAAE,WAAW,QAAQ,YAAY;AAAA,EACnE,QAAQ;AAAA,EAER;AACF;AAMA,SAAS,iBAAiB,EAAE,SAAS,aAAsD;AACzF,QAAM,aAAa,QAAQ,MAAM,QAAQ;AACzC,SACEA,2BAAAA,IAAC,OAAA,EAAI,WACF,UAAA,WAAW,IAAI,CAAC,GAAG,MAClBA,2BAAAA,IAAC,KAAA,EAAW,UAAA,KAAJ,CAAM,CACf,GACH;AAEJ;AAMA,MAAM,eAAeC,iBAAM;AAAA,EACzB,SAASC,UAAS,EAAE,SAAS,YAAY,oBAAoB,UAAA,GAAa,KAAK;AAC7E,aAAA;AAEA,UAAM,UAAU,CAACC,gBAAAA,QAAO,UAAU,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAErE,QAAI,cAAc,CAAC,eAAe;AAChC,UAAI,cAAc,QAAQ,IAAI,aAAa,eAAe;AACxD,gBAAQ;AAAA,UACN;AAAA,QAAA;AAAA,MAGJ;AACA,aACEH,+BAAC,SAAI,KAAU,WAAW,SACxB,UAAAA,2BAAAA,IAAC,kBAAA,EAAiB,SAAkB,EAAA,CACtC;AAAA,IAEJ;AAEA,UAAM,UAAU,YAAY,CAAC,SAAS,IAAI,CAAA;AAE1C,WACEA,2BAAAA,IAAC,OAAA,EAAI,KAAU,WAAW,SACxB,UAAAA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAe;AAAA,QACf,YAAY;AAAA,QAEX,UAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAEJ;AACF;AAEO,MAAM,WAAW,OAAO,OAAO,cAAc;AAAA,EAClD,MAAM;AACR,CAAC;;"}
+{"version":3,"file":"markdown.cjs","sources":["../src/components/Markdown/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Markdown.module.scss';\nimport '../../styles/globals.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface MarkdownProps {\n  /** Markdown string to render */\n  content: string;\n  /** Override map for markdown element components */\n  components?: Record<string, React.ComponentType<React.HTMLAttributes<HTMLElement>>>;\n  /** Additional class name */\n  className?: string;\n}\n\n// ============================================\n// Lazy-loaded react-markdown\n// ============================================\n\ntype ReactMarkdownType = React.ComponentType<{\n  children: string;\n  remarkPlugins?: unknown[];\n  components?: Record<string, React.ComponentType<unknown>>;\n}>;\n\nlet ReactMarkdown: ReactMarkdownType | null = null;\nlet remarkGfm: unknown = null;\nlet loadAttempted = false;\nlet loadFailed = false;\n\nfunction loadDeps() {\n  if (loadAttempted) return;\n  loadAttempted = true;\n\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    ReactMarkdown = require('react-markdown').default || require('react-markdown');\n  } catch {\n    loadFailed = true;\n  }\n\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    remarkGfm = require('remark-gfm').default || require('remark-gfm');\n  } catch {\n    // remark-gfm is optional; markdown still works without it\n  }\n}\n\n// ============================================\n// Fallback renderer (plain text with paragraphs)\n// ============================================\n\nfunction FallbackRenderer({ content, className }: { content: string; className?: string }) {\n  const paragraphs = content.split(/\\n{2,}/);\n  return (\n    <div className={className}>\n      {paragraphs.map((p) => (\n        <p key={p}>{p}</p>\n      ))}\n    </div>\n  );\n}\n\n// ============================================\n// Component\n// ============================================\n\nconst MarkdownRoot = React.forwardRef<HTMLDivElement, MarkdownProps>(\n  function Markdown({ content, components: componentOverrides, className }, ref) {\n    loadDeps();\n\n    const classes = [styles.markdown, className].filter(Boolean).join(' ');\n\n    if (loadFailed || !ReactMarkdown) {\n      if (loadFailed && process.env.NODE_ENV === 'development') {\n        console.warn(\n          '[@fragments-sdk/ui] Markdown: react-markdown is not installed. ' +\n          'Install it with: npm install react-markdown remark-gfm'\n        );\n      }\n      return (\n        <div ref={ref} className={classes}>\n          <FallbackRenderer content={content} />\n        </div>\n      );\n    }\n\n    const plugins = remarkGfm ? [remarkGfm] : [];\n\n    return (\n      <div ref={ref} className={classes}>\n        <ReactMarkdown\n          remarkPlugins={plugins}\n          components={componentOverrides as Record<string, React.ComponentType<unknown>>}\n        >\n          {content}\n        </ReactMarkdown>\n      </div>\n    );\n  }\n);\n\nexport const Markdown = Object.assign(MarkdownRoot, {\n  Root: MarkdownRoot,\n});\n"],"names":["jsx","React","Markdown","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAI,gBAA0C;AAC9C,IAAI,YAAqB;AACzB,IAAI,gBAAgB;AACpB,IAAI,aAAa;AAEjB,SAAS,WAAW;AAClB,MAAI,cAAe;AACnB,kBAAgB;AAEhB,MAAI;AAEF,oBAAgB,QAAQ,gBAAgB,EAAE,WAAW,QAAQ,gBAAgB;AAAA,EAC/E,QAAQ;AACN,iBAAa;AAAA,EACf;AAEA,MAAI;AAEF,gBAAY,QAAQ,YAAY,EAAE,WAAW,QAAQ,YAAY;AAAA,EACnE,QAAQ;AAAA,EAER;AACF;AAMA,SAAS,iBAAiB,EAAE,SAAS,aAAsD;AACzF,QAAM,aAAa,QAAQ,MAAM,QAAQ;AACzC,SACEA,2BAAAA,IAAC,OAAA,EAAI,WACF,UAAA,WAAW,IAAI,CAAC,MACfA,2BAAAA,IAAC,KAAA,EAAW,UAAA,EAAA,GAAJ,CAAM,CACf,GACH;AAEJ;AAMA,MAAM,eAAeC,iBAAM;AAAA,EACzB,SAASC,UAAS,EAAE,SAAS,YAAY,oBAAoB,UAAA,GAAa,KAAK;AAC7E,aAAA;AAEA,UAAM,UAAU,CAACC,gBAAAA,QAAO,UAAU,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAErE,QAAI,cAAc,CAAC,eAAe;AAChC,UAAI,cAAc,QAAQ,IAAI,aAAa,eAAe;AACxD,gBAAQ;AAAA,UACN;AAAA,QAAA;AAAA,MAGJ;AACA,aACEH,+BAAC,SAAI,KAAU,WAAW,SACxB,UAAAA,2BAAAA,IAAC,kBAAA,EAAiB,SAAkB,EAAA,CACtC;AAAA,IAEJ;AAEA,UAAM,UAAU,YAAY,CAAC,SAAS,IAAI,CAAA;AAE1C,WACEA,2BAAAA,IAAC,OAAA,EAAI,KAAU,WAAW,SACxB,UAAAA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAe;AAAA,QACf,YAAY;AAAA,QAEX,UAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAEJ;AACF;AAEO,MAAM,WAAW,OAAO,OAAO,cAAc;AAAA,EAClD,MAAM;AACR,CAAC;;"}

package/dist/markdown.js

@@ -21,7 +21,7 @@ function loadDeps() {
 }
 function FallbackRenderer({ content, className }) {
   const paragraphs = content.split(/\n{2,}/);
-  return /* @__PURE__ */ jsx("div", { className, children: paragraphs.map((p, i) => /* @__PURE__ */ jsx("p", { children: p }, i)) });
+  return /* @__PURE__ */ jsx("div", { className, children: paragraphs.map((p) => /* @__PURE__ */ jsx("p", { children: p }, p)) });
 }
 const MarkdownRoot = React.forwardRef(
   function Markdown2({ content, components: componentOverrides, className }, ref) {

package/dist/markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.js","sources":["../src/components/Markdown/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Markdown.module.scss';\nimport '../../styles/globals.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface MarkdownProps {\n  /** Markdown string to render */\n  content: string;\n  /** Override map for markdown element components */\n  components?: Record<string, React.ComponentType<React.HTMLAttributes<HTMLElement>>>;\n  /** Additional class name */\n  className?: string;\n}\n\n// ============================================\n// Lazy-loaded react-markdown\n// ============================================\n\ntype ReactMarkdownType = React.ComponentType<{\n  children: string;\n  remarkPlugins?: unknown[];\n  components?: Record<string, React.ComponentType<unknown>>;\n}>;\n\nlet ReactMarkdown: ReactMarkdownType | null = null;\nlet remarkGfm: unknown = null;\nlet loadAttempted = false;\nlet loadFailed = false;\n\nfunction loadDeps() {\n  if (loadAttempted) return;\n  loadAttempted = true;\n\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    ReactMarkdown = require('react-markdown').default || require('react-markdown');\n  } catch {\n    loadFailed = true;\n  }\n\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    remarkGfm = require('remark-gfm').default || require('remark-gfm');\n  } catch {\n    // remark-gfm is optional; markdown still works without it\n  }\n}\n\n// ============================================\n// Fallback renderer (plain text with paragraphs)\n// ============================================\n\nfunction FallbackRenderer({ content, className }: { content: string; className?: string }) {\n  const paragraphs = content.split(/\\n{2,}/);\n  return (\n    <div className={className}>\n      {paragraphs.map((p, i) => (\n        <p key={i}>{p}</p>\n      ))}\n    </div>\n  );\n}\n\n// ============================================\n// Component\n// ============================================\n\nconst MarkdownRoot = React.forwardRef<HTMLDivElement, MarkdownProps>(\n  function Markdown({ content, components: componentOverrides, className }, ref) {\n    loadDeps();\n\n    const classes = [styles.markdown, className].filter(Boolean).join(' ');\n\n    if (loadFailed || !ReactMarkdown) {\n      if (loadFailed && process.env.NODE_ENV === 'development') {\n        console.warn(\n          '[@fragments-sdk/ui] Markdown: react-markdown is not installed. ' +\n          'Install it with: npm install react-markdown remark-gfm'\n        );\n      }\n      return (\n        <div ref={ref} className={classes}>\n          <FallbackRenderer content={content} />\n        </div>\n      );\n    }\n\n    const plugins = remarkGfm ? [remarkGfm] : [];\n\n    return (\n      <div ref={ref} className={classes}>\n        <ReactMarkdown\n          remarkPlugins={plugins}\n          components={componentOverrides as Record<string, React.ComponentType<unknown>>}\n        >\n          {content}\n        </ReactMarkdown>\n      </div>\n    );\n  }\n);\n\nexport const Markdown = Object.assign(MarkdownRoot, {\n  Root: MarkdownRoot,\n});\n"],"names":["Markdown"],"mappings":";;;;AA6BA,IAAI,gBAA0C;AAC9C,IAAI,YAAqB;AACzB,IAAI,gBAAgB;AACpB,IAAI,aAAa;AAEjB,SAAS,WAAW;AAClB,MAAI,cAAe;AACnB,kBAAgB;AAEhB,MAAI;AAEF,oBAAgB,QAAQ,gBAAgB,EAAE,WAAW,QAAQ,gBAAgB;AAAA,EAC/E,QAAQ;AACN,iBAAa;AAAA,EACf;AAEA,MAAI;AAEF,gBAAY,QAAQ,YAAY,EAAE,WAAW,QAAQ,YAAY;AAAA,EACnE,QAAQ;AAAA,EAER;AACF;AAMA,SAAS,iBAAiB,EAAE,SAAS,aAAsD;AACzF,QAAM,aAAa,QAAQ,MAAM,QAAQ;AACzC,SACE,oBAAC,OAAA,EAAI,WACF,UAAA,WAAW,IAAI,CAAC,GAAG,MAClB,oBAAC,KAAA,EAAW,UAAA,KAAJ,CAAM,CACf,GACH;AAEJ;AAMA,MAAM,eAAe,MAAM;AAAA,EACzB,SAASA,UAAS,EAAE,SAAS,YAAY,oBAAoB,UAAA,GAAa,KAAK;AAC7E,aAAA;AAEA,UAAM,UAAU,CAAC,OAAO,UAAU,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAErE,QAAI,cAAc,CAAC,eAAe;AAChC,UAAI,cAAc,QAAQ,IAAI,aAAa,eAAe;AACxD,gBAAQ;AAAA,UACN;AAAA,QAAA;AAAA,MAGJ;AACA,aACE,oBAAC,SAAI,KAAU,WAAW,SACxB,UAAA,oBAAC,kBAAA,EAAiB,SAAkB,EAAA,CACtC;AAAA,IAEJ;AAEA,UAAM,UAAU,YAAY,CAAC,SAAS,IAAI,CAAA;AAE1C,WACE,oBAAC,OAAA,EAAI,KAAU,WAAW,SACxB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAe;AAAA,QACf,YAAY;AAAA,QAEX,UAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAEJ;AACF;AAEO,MAAM,WAAW,OAAO,OAAO,cAAc;AAAA,EAClD,MAAM;AACR,CAAC;"}
+{"version":3,"file":"markdown.js","sources":["../src/components/Markdown/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Markdown.module.scss';\nimport '../../styles/globals.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface MarkdownProps {\n  /** Markdown string to render */\n  content: string;\n  /** Override map for markdown element components */\n  components?: Record<string, React.ComponentType<React.HTMLAttributes<HTMLElement>>>;\n  /** Additional class name */\n  className?: string;\n}\n\n// ============================================\n// Lazy-loaded react-markdown\n// ============================================\n\ntype ReactMarkdownType = React.ComponentType<{\n  children: string;\n  remarkPlugins?: unknown[];\n  components?: Record<string, React.ComponentType<unknown>>;\n}>;\n\nlet ReactMarkdown: ReactMarkdownType | null = null;\nlet remarkGfm: unknown = null;\nlet loadAttempted = false;\nlet loadFailed = false;\n\nfunction loadDeps() {\n  if (loadAttempted) return;\n  loadAttempted = true;\n\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    ReactMarkdown = require('react-markdown').default || require('react-markdown');\n  } catch {\n    loadFailed = true;\n  }\n\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    remarkGfm = require('remark-gfm').default || require('remark-gfm');\n  } catch {\n    // remark-gfm is optional; markdown still works without it\n  }\n}\n\n// ============================================\n// Fallback renderer (plain text with paragraphs)\n// ============================================\n\nfunction FallbackRenderer({ content, className }: { content: string; className?: string }) {\n  const paragraphs = content.split(/\\n{2,}/);\n  return (\n    <div className={className}>\n      {paragraphs.map((p) => (\n        <p key={p}>{p}</p>\n      ))}\n    </div>\n  );\n}\n\n// ============================================\n// Component\n// ============================================\n\nconst MarkdownRoot = React.forwardRef<HTMLDivElement, MarkdownProps>(\n  function Markdown({ content, components: componentOverrides, className }, ref) {\n    loadDeps();\n\n    const classes = [styles.markdown, className].filter(Boolean).join(' ');\n\n    if (loadFailed || !ReactMarkdown) {\n      if (loadFailed && process.env.NODE_ENV === 'development') {\n        console.warn(\n          '[@fragments-sdk/ui] Markdown: react-markdown is not installed. ' +\n          'Install it with: npm install react-markdown remark-gfm'\n        );\n      }\n      return (\n        <div ref={ref} className={classes}>\n          <FallbackRenderer content={content} />\n        </div>\n      );\n    }\n\n    const plugins = remarkGfm ? [remarkGfm] : [];\n\n    return (\n      <div ref={ref} className={classes}>\n        <ReactMarkdown\n          remarkPlugins={plugins}\n          components={componentOverrides as Record<string, React.ComponentType<unknown>>}\n        >\n          {content}\n        </ReactMarkdown>\n      </div>\n    );\n  }\n);\n\nexport const Markdown = Object.assign(MarkdownRoot, {\n  Root: MarkdownRoot,\n});\n"],"names":["Markdown"],"mappings":";;;;AA6BA,IAAI,gBAA0C;AAC9C,IAAI,YAAqB;AACzB,IAAI,gBAAgB;AACpB,IAAI,aAAa;AAEjB,SAAS,WAAW;AAClB,MAAI,cAAe;AACnB,kBAAgB;AAEhB,MAAI;AAEF,oBAAgB,QAAQ,gBAAgB,EAAE,WAAW,QAAQ,gBAAgB;AAAA,EAC/E,QAAQ;AACN,iBAAa;AAAA,EACf;AAEA,MAAI;AAEF,gBAAY,QAAQ,YAAY,EAAE,WAAW,QAAQ,YAAY;AAAA,EACnE,QAAQ;AAAA,EAER;AACF;AAMA,SAAS,iBAAiB,EAAE,SAAS,aAAsD;AACzF,QAAM,aAAa,QAAQ,MAAM,QAAQ;AACzC,SACE,oBAAC,OAAA,EAAI,WACF,UAAA,WAAW,IAAI,CAAC,MACf,oBAAC,KAAA,EAAW,UAAA,EAAA,GAAJ,CAAM,CACf,GACH;AAEJ;AAMA,MAAM,eAAe,MAAM;AAAA,EACzB,SAASA,UAAS,EAAE,SAAS,YAAY,oBAAoB,UAAA,GAAa,KAAK;AAC7E,aAAA;AAEA,UAAM,UAAU,CAAC,OAAO,UAAU,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAErE,QAAI,cAAc,CAAC,eAAe;AAChC,UAAI,cAAc,QAAQ,IAAI,aAAa,eAAe;AACxD,gBAAQ;AAAA,UACN;AAAA,QAAA;AAAA,MAGJ;AACA,aACE,oBAAC,SAAI,KAAU,WAAW,SACxB,UAAA,oBAAC,kBAAA,EAAiB,SAAkB,EAAA,CACtC;AAAA,IAEJ;AAEA,UAAM,UAAU,YAAY,CAAC,SAAS,IAAI,CAAA;AAE1C,WACE,oBAAC,OAAA,EAAI,KAAU,WAAW,SACxB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAe;AAAA,QACf,YAAY;AAAA,QAEX,UAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAEJ;AACF;AAEO,MAAM,WAAW,OAAO,OAAO,cAAc;AAAA,EAClD,MAAM;AACR,CAAC;"}