@alneas/appkit-react 0.1.0 → 0.2.0

package/dist/ui/components/theme/theme-context.d.cts

@@ -1,90 +1,260 @@
+/**
+ * Requested document mode: system follows prefers-color-scheme; light/dark are explicit.
+ *
+ * @see ThemeProvider for setup and usage.
+ */
 export type Theme = 'dark' | 'light' | 'system';
+/**
+ * Palette name used as theme-{name} on documentElement; custom names require host CSS.
+ *
+ * @see ThemeProvider for setup and usage.
+ */
 export type ColorTheme = 'default' | 'blue' | 'green' | 'rose' | 'orange' | string;
+/**
+ * Document density class suffix applied by ThemeProvider.
+ *
+ * @see ThemeProvider for setup and usage.
+ */
 export type SpacingTheme = 'compact' | 'normal' | 'comfortable';
+/**
+ * Optional raw CSS values written to documentElement as --{property} variables.
+ *
+ * @remarks Values are not parsed or validated. Omitted or empty values are not applied;
+ * the provider removes supplied variable names on cleanup.
+ *
+ * @see ThemeProvider for the customColors input and lifecycle.
+ */
 export interface CustomThemeColors {
+    /** Optional CSS value for --primary; no value is written when omitted. */
     primary?: string;
+    /** Optional CSS value for --primary-foreground; no value is written when omitted. */
     'primary-foreground'?: string;
+    /** Optional CSS value for --secondary; no value is written when omitted. */
     secondary?: string;
+    /** Optional CSS value for --secondary-foreground; no value is written when omitted. */
     'secondary-foreground'?: string;
+    /** Optional CSS value for --accent; no value is written when omitted. */
     accent?: string;
+    /** Optional CSS value for --accent-foreground; no value is written when omitted. */
     'accent-foreground'?: string;
+    /** Optional CSS value for --muted; no value is written when omitted. */
     muted?: string;
+    /** Optional CSS value for --muted-foreground; no value is written when omitted. */
     'muted-foreground'?: string;
+    /** Optional CSS value for --destructive; no value is written when omitted. */
     destructive?: string;
+    /** Optional CSS value for --destructive-foreground; no value is written when omitted. */
     'destructive-foreground'?: string;
+    /** Optional CSS value for --background; no value is written when omitted. */
     background?: string;
+    /** Optional CSS value for --foreground; no value is written when omitted. */
     foreground?: string;
+    /** Optional CSS value for --card; no value is written when omitted. */
     card?: string;
+    /** Optional CSS value for --card-foreground; no value is written when omitted. */
     'card-foreground'?: string;
+    /** Optional CSS value for --popover; no value is written when omitted. */
     popover?: string;
+    /** Optional CSS value for --popover-foreground; no value is written when omitted. */
     'popover-foreground'?: string;
+    /** Optional CSS value for --border; no value is written when omitted. */
     border?: string;
+    /** Optional CSS value for --input; no value is written when omitted. */
     input?: string;
+    /** Optional CSS value for --ring; no value is written when omitted. */
     ring?: string;
+    /** Optional CSS value for --spacing-0; no value is written when omitted. */
     'spacing-0'?: string;
+    /** Optional CSS value for --spacing-1; no value is written when omitted. */
     'spacing-1'?: string;
+    /** Optional CSS value for --spacing-2; no value is written when omitted. */
     'spacing-2'?: string;
+    /** Optional CSS value for --spacing-3; no value is written when omitted. */
     'spacing-3'?: string;
+    /** Optional CSS value for --spacing-4; no value is written when omitted. */
     'spacing-4'?: string;
+    /** Optional CSS value for --spacing-6; no value is written when omitted. */
     'spacing-6'?: string;
+    /** Optional CSS value for --spacing-8; no value is written when omitted. */
     'spacing-8'?: string;
+    /** Optional CSS value for --spacing-12; no value is written when omitted. */
     'spacing-12'?: string;
+    /** Optional CSS value for --spacing-16; no value is written when omitted. */
     'spacing-16'?: string;
+    /** Optional CSS value for --spacing-24; no value is written when omitted. */
     'spacing-24'?: string;
+    /** Optional CSS value for --spacing-32; no value is written when omitted. */
     'spacing-32'?: string;
+    /** Optional CSS value for --radius; no value is written when omitted. */
     radius?: string;
+    /** Optional CSS value for --radius-sm; no value is written when omitted. */
     'radius-sm'?: string;
+    /** Optional CSS value for --radius-md; no value is written when omitted. */
     'radius-md'?: string;
+    /** Optional CSS value for --radius-lg; no value is written when omitted. */
     'radius-lg'?: string;
+    /** Optional CSS value for --radius-xl; no value is written when omitted. */
     'radius-xl'?: string;
+    /** Optional CSS value for --radius-2xl; no value is written when omitted. */
     'radius-2xl'?: string;
+    /** Optional CSS value for --radius-full; no value is written when omitted. */
     'radius-full'?: string;
+    /** Optional CSS value for --shadow-sm; no value is written when omitted. */
     'shadow-sm'?: string;
+    /** Optional CSS value for --shadow-md; no value is written when omitted. */
     'shadow-md'?: string;
+    /** Optional CSS value for --shadow-lg; no value is written when omitted. */
     'shadow-lg'?: string;
+    /** Optional CSS value for --shadow-xl; no value is written when omitted. */
     'shadow-xl'?: string;
+    /** Optional CSS value for --shadow-2xl; no value is written when omitted. */
     'shadow-2xl'?: string;
+    /** Optional CSS value for --font-sans; no value is written when omitted. */
     'font-sans'?: string;
+    /** Optional CSS value for --font-serif; no value is written when omitted. */
     'font-serif'?: string;
+    /** Optional CSS value for --font-mono; no value is written when omitted. */
     'font-mono'?: string;
+    /** Optional CSS value for --text-xs; no value is written when omitted. */
     'text-xs'?: string;
+    /** Optional CSS value for --text-sm; no value is written when omitted. */
     'text-sm'?: string;
+    /** Optional CSS value for --text-base; no value is written when omitted. */
     'text-base'?: string;
+    /** Optional CSS value for --text-lg; no value is written when omitted. */
     'text-lg'?: string;
+    /** Optional CSS value for --text-xl; no value is written when omitted. */
     'text-xl'?: string;
+    /** Optional CSS value for --text-2xl; no value is written when omitted. */
     'text-2xl'?: string;
+    /** Optional CSS value for --text-3xl; no value is written when omitted. */
     'text-3xl'?: string;
+    /** Optional CSS value for --text-4xl; no value is written when omitted. */
     'text-4xl'?: string;
+    /** Optional CSS value for --font-weight-normal; no value is written when omitted. */
     'font-weight-normal'?: string;
+    /** Optional CSS value for --font-weight-medium; no value is written when omitted. */
     'font-weight-medium'?: string;
+    /** Optional CSS value for --font-weight-semibold; no value is written when omitted. */
     'font-weight-semibold'?: string;
+    /** Optional CSS value for --font-weight-bold; no value is written when omitted. */
     'font-weight-bold'?: string;
+    /** Optional CSS value for --tracking-tight; no value is written when omitted. */
     'tracking-tight'?: string;
+    /** Optional CSS value for --tracking-normal; no value is written when omitted. */
     'tracking-normal'?: string;
+    /** Optional CSS value for --tracking-wide; no value is written when omitted. */
     'tracking-wide'?: string;
+    /** Optional CSS value for --leading-none; no value is written when omitted. */
     'leading-none'?: string;
+    /** Optional CSS value for --leading-tight; no value is written when omitted. */
     'leading-tight'?: string;
+    /** Optional CSS value for --leading-normal; no value is written when omitted. */
     'leading-normal'?: string;
+    /** Optional CSS value for --leading-relaxed; no value is written when omitted. */
     'leading-relaxed'?: string;
+    /** Optional CSS value for --breakpoint-sm; no value is written when omitted. */
     'breakpoint-sm'?: string;
+    /** Optional CSS value for --breakpoint-md; no value is written when omitted. */
     'breakpoint-md'?: string;
+    /** Optional CSS value for --breakpoint-lg; no value is written when omitted. */
     'breakpoint-lg'?: string;
+    /** Optional CSS value for --breakpoint-xl; no value is written when omitted. */
     'breakpoint-xl'?: string;
+    /** Optional CSS value for --breakpoint-2xl; no value is written when omitted. */
     'breakpoint-2xl'?: string;
 }
+/**
+ * Theme state and setters exposed by ThemeProvider.
+ *
+ * @remarks Mode/palette/density setters write localStorage and may throw on access failure;
+ * customColors updates are in memory.
+ *
+ * @see useTheme for consumption.
+ */
 export type ThemeProviderState = {
+    /**
+     * Requested mode, initially system outside a provider.
+     */
     theme: Theme;
+    /**
+     * Resolved light/dark mode; initially light, then updated by provider effects.
+     */
     resolvedTheme: 'light' | 'dark';
+    /**
+     * Update mode and persist it under the provider storage key.
+     *
+     * @param theme - Requested light, dark or system mode.
+     *
+     * @returns No value after writing storage and scheduling state.
+     */
     setTheme: (theme: Theme) => void;
+    /**
+     * Active palette name, initially default outside a provider.
+     */
     colorTheme: ColorTheme;
+    /**
+     * Update the palette class suffix and persist it.
+     *
+     * @param colorTheme - Palette name; custom names require corresponding host CSS.
+     *
+     * @returns No value after writing storage and scheduling state.
+     */
     setColorTheme: (colorTheme: ColorTheme) => void;
+    /**
+     * Active density, initially normal outside a provider.
+     */
     spacingTheme: SpacingTheme;
+    /**
+     * Update document density and persist it.
+     *
+     * @param spacingTheme - Compact, normal or comfortable density.
+     *
+     * @returns No value after writing storage and scheduling state.
+     */
     setSpacingTheme: (spacingTheme: SpacingTheme) => void;
+    /**
+     * Current optional custom variable values.
+     */
     customColors?: CustomThemeColors;
+    /**
+     * Replace the in-memory custom CSS variable map.
+     *
+     * @param colors - CSS values to apply; old map variables are removed by effect cleanup.
+     *
+     * @returns No value; does not persist colors to localStorage.
+     */
     setCustomColors: (colors: CustomThemeColors) => void;
 };
+/**
+ * React context carrying document theme state.
+ *
+ * @remarks Its default value is an inert system/default/normal state with no-op setters.
+ * Use ThemeProvider to apply and persist changes.
+ *
+ * @see useTheme for consumption.
+ */
 export declare const ThemeProviderContext: import('react').Context<ThemeProviderState>;
 /**
- * テーマコンテキストを取得するフック
+ * Reads theme state and setters from the nearest ThemeProvider.
+ *
+ * @returns Current provider state, or inert system/default/normal defaults outside a provider.
+ *
+ * @throws If a custom context provider explicitly supplies undefined.
+ *
+ * @remarks ThemeProvider supplies active setters; import @alneas/appkit-react/styles to
+ * style Appkit palettes and density. The context has a defined default, so a missing
+ * provider does not normally throw. localStorage failures from active setters propagate.
+ *
+ * @example
+ * ```tsx
+ * import '@alneas/appkit-react/styles';
+ * import { ThemeProvider, useTheme } from '@alneas/appkit-react/ui/theme';
+ * function Toggle() {
+ *   const { theme, setTheme } = useTheme();
+ *   return <button onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}>Theme</button>;
+ * }
+ * export function ThemeExample() { return <ThemeProvider><Toggle /></ThemeProvider>; }
+ * ```
  */
 export declare const useTheme: () => ThemeProviderState;

package/dist/ui/components/theme/theme-context.d.ts

@@ -1,90 +1,260 @@
+/**
+ * Requested document mode: system follows prefers-color-scheme; light/dark are explicit.
+ *
+ * @see ThemeProvider for setup and usage.
+ */
 export type Theme = 'dark' | 'light' | 'system';
+/**
+ * Palette name used as theme-{name} on documentElement; custom names require host CSS.
+ *
+ * @see ThemeProvider for setup and usage.
+ */
 export type ColorTheme = 'default' | 'blue' | 'green' | 'rose' | 'orange' | string;
+/**
+ * Document density class suffix applied by ThemeProvider.
+ *
+ * @see ThemeProvider for setup and usage.
+ */
 export type SpacingTheme = 'compact' | 'normal' | 'comfortable';
+/**
+ * Optional raw CSS values written to documentElement as --{property} variables.
+ *
+ * @remarks Values are not parsed or validated. Omitted or empty values are not applied;
+ * the provider removes supplied variable names on cleanup.
+ *
+ * @see ThemeProvider for the customColors input and lifecycle.
+ */
 export interface CustomThemeColors {
+    /** Optional CSS value for --primary; no value is written when omitted. */
     primary?: string;
+    /** Optional CSS value for --primary-foreground; no value is written when omitted. */
     'primary-foreground'?: string;
+    /** Optional CSS value for --secondary; no value is written when omitted. */
     secondary?: string;
+    /** Optional CSS value for --secondary-foreground; no value is written when omitted. */
     'secondary-foreground'?: string;
+    /** Optional CSS value for --accent; no value is written when omitted. */
     accent?: string;
+    /** Optional CSS value for --accent-foreground; no value is written when omitted. */
     'accent-foreground'?: string;
+    /** Optional CSS value for --muted; no value is written when omitted. */
     muted?: string;
+    /** Optional CSS value for --muted-foreground; no value is written when omitted. */
     'muted-foreground'?: string;
+    /** Optional CSS value for --destructive; no value is written when omitted. */
     destructive?: string;
+    /** Optional CSS value for --destructive-foreground; no value is written when omitted. */
     'destructive-foreground'?: string;
+    /** Optional CSS value for --background; no value is written when omitted. */
     background?: string;
+    /** Optional CSS value for --foreground; no value is written when omitted. */
     foreground?: string;
+    /** Optional CSS value for --card; no value is written when omitted. */
     card?: string;
+    /** Optional CSS value for --card-foreground; no value is written when omitted. */
     'card-foreground'?: string;
+    /** Optional CSS value for --popover; no value is written when omitted. */
     popover?: string;
+    /** Optional CSS value for --popover-foreground; no value is written when omitted. */
     'popover-foreground'?: string;
+    /** Optional CSS value for --border; no value is written when omitted. */
     border?: string;
+    /** Optional CSS value for --input; no value is written when omitted. */
     input?: string;
+    /** Optional CSS value for --ring; no value is written when omitted. */
     ring?: string;
+    /** Optional CSS value for --spacing-0; no value is written when omitted. */
     'spacing-0'?: string;
+    /** Optional CSS value for --spacing-1; no value is written when omitted. */
     'spacing-1'?: string;
+    /** Optional CSS value for --spacing-2; no value is written when omitted. */
     'spacing-2'?: string;
+    /** Optional CSS value for --spacing-3; no value is written when omitted. */
     'spacing-3'?: string;
+    /** Optional CSS value for --spacing-4; no value is written when omitted. */
     'spacing-4'?: string;
+    /** Optional CSS value for --spacing-6; no value is written when omitted. */
     'spacing-6'?: string;
+    /** Optional CSS value for --spacing-8; no value is written when omitted. */
     'spacing-8'?: string;
+    /** Optional CSS value for --spacing-12; no value is written when omitted. */
     'spacing-12'?: string;
+    /** Optional CSS value for --spacing-16; no value is written when omitted. */
     'spacing-16'?: string;
+    /** Optional CSS value for --spacing-24; no value is written when omitted. */
     'spacing-24'?: string;
+    /** Optional CSS value for --spacing-32; no value is written when omitted. */
     'spacing-32'?: string;
+    /** Optional CSS value for --radius; no value is written when omitted. */
     radius?: string;
+    /** Optional CSS value for --radius-sm; no value is written when omitted. */
     'radius-sm'?: string;
+    /** Optional CSS value for --radius-md; no value is written when omitted. */
     'radius-md'?: string;
+    /** Optional CSS value for --radius-lg; no value is written when omitted. */
     'radius-lg'?: string;
+    /** Optional CSS value for --radius-xl; no value is written when omitted. */
     'radius-xl'?: string;
+    /** Optional CSS value for --radius-2xl; no value is written when omitted. */
     'radius-2xl'?: string;
+    /** Optional CSS value for --radius-full; no value is written when omitted. */
     'radius-full'?: string;
+    /** Optional CSS value for --shadow-sm; no value is written when omitted. */
     'shadow-sm'?: string;
+    /** Optional CSS value for --shadow-md; no value is written when omitted. */
     'shadow-md'?: string;
+    /** Optional CSS value for --shadow-lg; no value is written when omitted. */
     'shadow-lg'?: string;
+    /** Optional CSS value for --shadow-xl; no value is written when omitted. */
     'shadow-xl'?: string;
+    /** Optional CSS value for --shadow-2xl; no value is written when omitted. */
     'shadow-2xl'?: string;
+    /** Optional CSS value for --font-sans; no value is written when omitted. */
     'font-sans'?: string;
+    /** Optional CSS value for --font-serif; no value is written when omitted. */
     'font-serif'?: string;
+    /** Optional CSS value for --font-mono; no value is written when omitted. */
     'font-mono'?: string;
+    /** Optional CSS value for --text-xs; no value is written when omitted. */
     'text-xs'?: string;
+    /** Optional CSS value for --text-sm; no value is written when omitted. */
     'text-sm'?: string;
+    /** Optional CSS value for --text-base; no value is written when omitted. */
     'text-base'?: string;
+    /** Optional CSS value for --text-lg; no value is written when omitted. */
     'text-lg'?: string;
+    /** Optional CSS value for --text-xl; no value is written when omitted. */
     'text-xl'?: string;
+    /** Optional CSS value for --text-2xl; no value is written when omitted. */
     'text-2xl'?: string;
+    /** Optional CSS value for --text-3xl; no value is written when omitted. */
     'text-3xl'?: string;
+    /** Optional CSS value for --text-4xl; no value is written when omitted. */
     'text-4xl'?: string;
+    /** Optional CSS value for --font-weight-normal; no value is written when omitted. */
     'font-weight-normal'?: string;
+    /** Optional CSS value for --font-weight-medium; no value is written when omitted. */
     'font-weight-medium'?: string;
+    /** Optional CSS value for --font-weight-semibold; no value is written when omitted. */
     'font-weight-semibold'?: string;
+    /** Optional CSS value for --font-weight-bold; no value is written when omitted. */
     'font-weight-bold'?: string;
+    /** Optional CSS value for --tracking-tight; no value is written when omitted. */
     'tracking-tight'?: string;
+    /** Optional CSS value for --tracking-normal; no value is written when omitted. */
     'tracking-normal'?: string;
+    /** Optional CSS value for --tracking-wide; no value is written when omitted. */
     'tracking-wide'?: string;
+    /** Optional CSS value for --leading-none; no value is written when omitted. */
     'leading-none'?: string;
+    /** Optional CSS value for --leading-tight; no value is written when omitted. */
     'leading-tight'?: string;
+    /** Optional CSS value for --leading-normal; no value is written when omitted. */
     'leading-normal'?: string;
+    /** Optional CSS value for --leading-relaxed; no value is written when omitted. */
     'leading-relaxed'?: string;
+    /** Optional CSS value for --breakpoint-sm; no value is written when omitted. */
     'breakpoint-sm'?: string;
+    /** Optional CSS value for --breakpoint-md; no value is written when omitted. */
     'breakpoint-md'?: string;
+    /** Optional CSS value for --breakpoint-lg; no value is written when omitted. */
     'breakpoint-lg'?: string;
+    /** Optional CSS value for --breakpoint-xl; no value is written when omitted. */
     'breakpoint-xl'?: string;
+    /** Optional CSS value for --breakpoint-2xl; no value is written when omitted. */
     'breakpoint-2xl'?: string;
 }
+/**
+ * Theme state and setters exposed by ThemeProvider.
+ *
+ * @remarks Mode/palette/density setters write localStorage and may throw on access failure;
+ * customColors updates are in memory.
+ *
+ * @see useTheme for consumption.
+ */
 export type ThemeProviderState = {
+    /**
+     * Requested mode, initially system outside a provider.
+     */
     theme: Theme;
+    /**
+     * Resolved light/dark mode; initially light, then updated by provider effects.
+     */
     resolvedTheme: 'light' | 'dark';
+    /**
+     * Update mode and persist it under the provider storage key.
+     *
+     * @param theme - Requested light, dark or system mode.
+     *
+     * @returns No value after writing storage and scheduling state.
+     */
     setTheme: (theme: Theme) => void;
+    /**
+     * Active palette name, initially default outside a provider.
+     */
     colorTheme: ColorTheme;
+    /**
+     * Update the palette class suffix and persist it.
+     *
+     * @param colorTheme - Palette name; custom names require corresponding host CSS.
+     *
+     * @returns No value after writing storage and scheduling state.
+     */
     setColorTheme: (colorTheme: ColorTheme) => void;
+    /**
+     * Active density, initially normal outside a provider.
+     */
     spacingTheme: SpacingTheme;
+    /**
+     * Update document density and persist it.
+     *
+     * @param spacingTheme - Compact, normal or comfortable density.
+     *
+     * @returns No value after writing storage and scheduling state.
+     */
     setSpacingTheme: (spacingTheme: SpacingTheme) => void;
+    /**
+     * Current optional custom variable values.
+     */
     customColors?: CustomThemeColors;
+    /**
+     * Replace the in-memory custom CSS variable map.
+     *
+     * @param colors - CSS values to apply; old map variables are removed by effect cleanup.
+     *
+     * @returns No value; does not persist colors to localStorage.
+     */
     setCustomColors: (colors: CustomThemeColors) => void;
 };
+/**
+ * React context carrying document theme state.
+ *
+ * @remarks Its default value is an inert system/default/normal state with no-op setters.
+ * Use ThemeProvider to apply and persist changes.
+ *
+ * @see useTheme for consumption.
+ */
 export declare const ThemeProviderContext: import('react').Context<ThemeProviderState>;
 /**
- * テーマコンテキストを取得するフック
+ * Reads theme state and setters from the nearest ThemeProvider.
+ *
+ * @returns Current provider state, or inert system/default/normal defaults outside a provider.
+ *
+ * @throws If a custom context provider explicitly supplies undefined.
+ *
+ * @remarks ThemeProvider supplies active setters; import @alneas/appkit-react/styles to
+ * style Appkit palettes and density. The context has a defined default, so a missing
+ * provider does not normally throw. localStorage failures from active setters propagate.
+ *
+ * @example
+ * ```tsx
+ * import '@alneas/appkit-react/styles';
+ * import { ThemeProvider, useTheme } from '@alneas/appkit-react/ui/theme';
+ * function Toggle() {
+ *   const { theme, setTheme } = useTheme();
+ *   return <button onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}>Theme</button>;
+ * }
+ * export function ThemeExample() { return <ThemeProvider><Toggle /></ThemeProvider>; }
+ * ```
  */
 export declare const useTheme: () => ThemeProviderState;

package/dist/ui/components/theme/theme-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-context.js","names":["ThemeProviderContext","createContext","useTheme","context","useContext"],"sources":["../../../../src/ui/components/theme/theme-context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type Theme = 'dark' | 'light' | 'system';\nexport type ColorTheme = 'default' | 'blue' | 'green' | 'rose' | 'orange' | string;\nexport type SpacingTheme = 'compact' | 'normal' | 'comfortable';\n\nexport interface CustomThemeColors {\n  // Color tokens\n  primary?: string;\n  'primary-foreground'?: string;\n  secondary?: string;\n  'secondary-foreground'?: string;\n  accent?: string;\n  'accent-foreground'?: string;\n  muted?: string;\n  'muted-foreground'?: string;\n  destructive?: string;\n  'destructive-foreground'?: string;\n  background?: string;\n  foreground?: string;\n  card?: string;\n  'card-foreground'?: string;\n  popover?: string;\n  'popover-foreground'?: string;\n  border?: string;\n  input?: string;\n  ring?: string;\n\n  // Spacing & sizing\n  'spacing-0'?: string;\n  'spacing-1'?: string;\n  'spacing-2'?: string;\n  'spacing-3'?: string;\n  'spacing-4'?: string;\n  'spacing-6'?: string;\n  'spacing-8'?: string;\n  'spacing-12'?: string;\n  'spacing-16'?: string;\n  'spacing-24'?: string;\n  'spacing-32'?: string;\n\n  // Border radius\n  radius?: string;\n  'radius-sm'?: string;\n  'radius-md'?: string;\n  'radius-lg'?: string;\n  'radius-xl'?: string;\n  'radius-2xl'?: string;\n  'radius-full'?: string;\n\n  // Shadows\n  'shadow-sm'?: string;\n  'shadow-md'?: string;\n  'shadow-lg'?: string;\n  'shadow-xl'?: string;\n  'shadow-2xl'?: string;\n\n  // Typography\n  'font-sans'?: string;\n  'font-serif'?: string;\n  'font-mono'?: string;\n  'text-xs'?: string;\n  'text-sm'?: string;\n  'text-base'?: string;\n  'text-lg'?: string;\n  'text-xl'?: string;\n  'text-2xl'?: string;\n  'text-3xl'?: string;\n  'text-4xl'?: string;\n  'font-weight-normal'?: string;\n  'font-weight-medium'?: string;\n  'font-weight-semibold'?: string;\n  'font-weight-bold'?: string;\n  'tracking-tight'?: string;\n  'tracking-normal'?: string;\n  'tracking-wide'?: string;\n  'leading-none'?: string;\n  'leading-tight'?: string;\n  'leading-normal'?: string;\n  'leading-relaxed'?: string;\n\n  // Breakpoints\n  'breakpoint-sm'?: string;\n  'breakpoint-md'?: string;\n  'breakpoint-lg'?: string;\n  'breakpoint-xl'?: string;\n  'breakpoint-2xl'?: string;\n}\n\nexport type ThemeProviderState = {\n  theme: Theme;\n  resolvedTheme: 'light' | 'dark';\n  setTheme: (theme: Theme) => void;\n  colorTheme: ColorTheme;\n  setColorTheme: (colorTheme: ColorTheme) => void;\n  spacingTheme: SpacingTheme;\n  setSpacingTheme: (spacingTheme: SpacingTheme) => void;\n  customColors?: CustomThemeColors;\n  setCustomColors: (colors: CustomThemeColors) => void;\n};\n\nconst initialState: ThemeProviderState = {\n  theme: 'system',\n  resolvedTheme: 'light',\n  setTheme: () => null,\n  colorTheme: 'default',\n  setColorTheme: () => null,\n  spacingTheme: 'normal',\n  setSpacingTheme: () => null,\n  setCustomColors: () => null,\n};\n\nexport const ThemeProviderContext = createContext<ThemeProviderState>(initialState);\n\n/**\n * テーマコンテキストを取得するフック\n */\nexport const useTheme = () => {\n  const context = useContext(ThemeProviderContext);\n\n  if (context === undefined) throw new Error('useTheme must be used within a ThemeProvider');\n\n  return context;\n};\n"],"mappings":";;AAgHA,IAAaA,IAAuBC,EAAkC;CAVpE,OAAO;CACP,eAAe;CACf,gBAAgB;CAChB,YAAY;CACZ,qBAAqB;CACrB,cAAc;CACd,uBAAuB;CACvB,uBAAuB;AAG6C,CAAY,GAKrEC,UAAiB;CAC5B,IAAMC,IAAUC,EAAWJ,CAAoB;CAE/C,IAAIG,MAAY,KAAA,GAAW,MAAU,MAAM,8CAA8C;CAEzF,OAAOA;AACT"}
+{"version":3,"file":"theme-context.js","names":["ThemeProviderContext","createContext","useTheme","context","useContext"],"sources":["../../../../src/ui/components/theme/theme-context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n/**\n * Requested document mode: system follows prefers-color-scheme; light/dark are explicit.\n *\n * @see ThemeProvider for setup and usage.\n */\nexport type Theme = 'dark' | 'light' | 'system';\n/**\n * Palette name used as theme-{name} on documentElement; custom names require host CSS.\n *\n * @see ThemeProvider for setup and usage.\n */\nexport type ColorTheme = 'default' | 'blue' | 'green' | 'rose' | 'orange' | string;\n/**\n * Document density class suffix applied by ThemeProvider.\n *\n * @see ThemeProvider for setup and usage.\n */\nexport type SpacingTheme = 'compact' | 'normal' | 'comfortable';\n\n/**\n * Optional raw CSS values written to documentElement as --{property} variables.\n *\n * @remarks Values are not parsed or validated. Omitted or empty values are not applied;\n * the provider removes supplied variable names on cleanup.\n *\n * @see ThemeProvider for the customColors input and lifecycle.\n */\nexport interface CustomThemeColors {\n  // Color tokens\n  /** Optional CSS value for --primary; no value is written when omitted. */\n  primary?: string;\n  /** Optional CSS value for --primary-foreground; no value is written when omitted. */\n  'primary-foreground'?: string;\n  /** Optional CSS value for --secondary; no value is written when omitted. */\n  secondary?: string;\n  /** Optional CSS value for --secondary-foreground; no value is written when omitted. */\n  'secondary-foreground'?: string;\n  /** Optional CSS value for --accent; no value is written when omitted. */\n  accent?: string;\n  /** Optional CSS value for --accent-foreground; no value is written when omitted. */\n  'accent-foreground'?: string;\n  /** Optional CSS value for --muted; no value is written when omitted. */\n  muted?: string;\n  /** Optional CSS value for --muted-foreground; no value is written when omitted. */\n  'muted-foreground'?: string;\n  /** Optional CSS value for --destructive; no value is written when omitted. */\n  destructive?: string;\n  /** Optional CSS value for --destructive-foreground; no value is written when omitted. */\n  'destructive-foreground'?: string;\n  /** Optional CSS value for --background; no value is written when omitted. */\n  background?: string;\n  /** Optional CSS value for --foreground; no value is written when omitted. */\n  foreground?: string;\n  /** Optional CSS value for --card; no value is written when omitted. */\n  card?: string;\n  /** Optional CSS value for --card-foreground; no value is written when omitted. */\n  'card-foreground'?: string;\n  /** Optional CSS value for --popover; no value is written when omitted. */\n  popover?: string;\n  /** Optional CSS value for --popover-foreground; no value is written when omitted. */\n  'popover-foreground'?: string;\n  /** Optional CSS value for --border; no value is written when omitted. */\n  border?: string;\n  /** Optional CSS value for --input; no value is written when omitted. */\n  input?: string;\n  /** Optional CSS value for --ring; no value is written when omitted. */\n  ring?: string;\n\n  // Spacing & sizing\n  /** Optional CSS value for --spacing-0; no value is written when omitted. */\n  'spacing-0'?: string;\n  /** Optional CSS value for --spacing-1; no value is written when omitted. */\n  'spacing-1'?: string;\n  /** Optional CSS value for --spacing-2; no value is written when omitted. */\n  'spacing-2'?: string;\n  /** Optional CSS value for --spacing-3; no value is written when omitted. */\n  'spacing-3'?: string;\n  /** Optional CSS value for --spacing-4; no value is written when omitted. */\n  'spacing-4'?: string;\n  /** Optional CSS value for --spacing-6; no value is written when omitted. */\n  'spacing-6'?: string;\n  /** Optional CSS value for --spacing-8; no value is written when omitted. */\n  'spacing-8'?: string;\n  /** Optional CSS value for --spacing-12; no value is written when omitted. */\n  'spacing-12'?: string;\n  /** Optional CSS value for --spacing-16; no value is written when omitted. */\n  'spacing-16'?: string;\n  /** Optional CSS value for --spacing-24; no value is written when omitted. */\n  'spacing-24'?: string;\n  /** Optional CSS value for --spacing-32; no value is written when omitted. */\n  'spacing-32'?: string;\n\n  // Border radius\n  /** Optional CSS value for --radius; no value is written when omitted. */\n  radius?: string;\n  /** Optional CSS value for --radius-sm; no value is written when omitted. */\n  'radius-sm'?: string;\n  /** Optional CSS value for --radius-md; no value is written when omitted. */\n  'radius-md'?: string;\n  /** Optional CSS value for --radius-lg; no value is written when omitted. */\n  'radius-lg'?: string;\n  /** Optional CSS value for --radius-xl; no value is written when omitted. */\n  'radius-xl'?: string;\n  /** Optional CSS value for --radius-2xl; no value is written when omitted. */\n  'radius-2xl'?: string;\n  /** Optional CSS value for --radius-full; no value is written when omitted. */\n  'radius-full'?: string;\n\n  // Shadows\n  /** Optional CSS value for --shadow-sm; no value is written when omitted. */\n  'shadow-sm'?: string;\n  /** Optional CSS value for --shadow-md; no value is written when omitted. */\n  'shadow-md'?: string;\n  /** Optional CSS value for --shadow-lg; no value is written when omitted. */\n  'shadow-lg'?: string;\n  /** Optional CSS value for --shadow-xl; no value is written when omitted. */\n  'shadow-xl'?: string;\n  /** Optional CSS value for --shadow-2xl; no value is written when omitted. */\n  'shadow-2xl'?: string;\n\n  // Typography\n  /** Optional CSS value for --font-sans; no value is written when omitted. */\n  'font-sans'?: string;\n  /** Optional CSS value for --font-serif; no value is written when omitted. */\n  'font-serif'?: string;\n  /** Optional CSS value for --font-mono; no value is written when omitted. */\n  'font-mono'?: string;\n  /** Optional CSS value for --text-xs; no value is written when omitted. */\n  'text-xs'?: string;\n  /** Optional CSS value for --text-sm; no value is written when omitted. */\n  'text-sm'?: string;\n  /** Optional CSS value for --text-base; no value is written when omitted. */\n  'text-base'?: string;\n  /** Optional CSS value for --text-lg; no value is written when omitted. */\n  'text-lg'?: string;\n  /** Optional CSS value for --text-xl; no value is written when omitted. */\n  'text-xl'?: string;\n  /** Optional CSS value for --text-2xl; no value is written when omitted. */\n  'text-2xl'?: string;\n  /** Optional CSS value for --text-3xl; no value is written when omitted. */\n  'text-3xl'?: string;\n  /** Optional CSS value for --text-4xl; no value is written when omitted. */\n  'text-4xl'?: string;\n  /** Optional CSS value for --font-weight-normal; no value is written when omitted. */\n  'font-weight-normal'?: string;\n  /** Optional CSS value for --font-weight-medium; no value is written when omitted. */\n  'font-weight-medium'?: string;\n  /** Optional CSS value for --font-weight-semibold; no value is written when omitted. */\n  'font-weight-semibold'?: string;\n  /** Optional CSS value for --font-weight-bold; no value is written when omitted. */\n  'font-weight-bold'?: string;\n  /** Optional CSS value for --tracking-tight; no value is written when omitted. */\n  'tracking-tight'?: string;\n  /** Optional CSS value for --tracking-normal; no value is written when omitted. */\n  'tracking-normal'?: string;\n  /** Optional CSS value for --tracking-wide; no value is written when omitted. */\n  'tracking-wide'?: string;\n  /** Optional CSS value for --leading-none; no value is written when omitted. */\n  'leading-none'?: string;\n  /** Optional CSS value for --leading-tight; no value is written when omitted. */\n  'leading-tight'?: string;\n  /** Optional CSS value for --leading-normal; no value is written when omitted. */\n  'leading-normal'?: string;\n  /** Optional CSS value for --leading-relaxed; no value is written when omitted. */\n  'leading-relaxed'?: string;\n\n  // Breakpoints\n  /** Optional CSS value for --breakpoint-sm; no value is written when omitted. */\n  'breakpoint-sm'?: string;\n  /** Optional CSS value for --breakpoint-md; no value is written when omitted. */\n  'breakpoint-md'?: string;\n  /** Optional CSS value for --breakpoint-lg; no value is written when omitted. */\n  'breakpoint-lg'?: string;\n  /** Optional CSS value for --breakpoint-xl; no value is written when omitted. */\n  'breakpoint-xl'?: string;\n  /** Optional CSS value for --breakpoint-2xl; no value is written when omitted. */\n  'breakpoint-2xl'?: string;\n}\n\n/**\n * Theme state and setters exposed by ThemeProvider.\n *\n * @remarks Mode/palette/density setters write localStorage and may throw on access failure;\n * customColors updates are in memory.\n *\n * @see useTheme for consumption.\n */\nexport type ThemeProviderState = {\n  /**\n   * Requested mode, initially system outside a provider.\n   */\n  theme: Theme;\n  /**\n   * Resolved light/dark mode; initially light, then updated by provider effects.\n   */\n  resolvedTheme: 'light' | 'dark';\n  /**\n   * Update mode and persist it under the provider storage key.\n   *\n   * @param theme - Requested light, dark or system mode.\n   *\n   * @returns No value after writing storage and scheduling state.\n   */\n  setTheme: (theme: Theme) => void;\n  /**\n   * Active palette name, initially default outside a provider.\n   */\n  colorTheme: ColorTheme;\n  /**\n   * Update the palette class suffix and persist it.\n   *\n   * @param colorTheme - Palette name; custom names require corresponding host CSS.\n   *\n   * @returns No value after writing storage and scheduling state.\n   */\n  setColorTheme: (colorTheme: ColorTheme) => void;\n  /**\n   * Active density, initially normal outside a provider.\n   */\n  spacingTheme: SpacingTheme;\n  /**\n   * Update document density and persist it.\n   *\n   * @param spacingTheme - Compact, normal or comfortable density.\n   *\n   * @returns No value after writing storage and scheduling state.\n   */\n  setSpacingTheme: (spacingTheme: SpacingTheme) => void;\n  /**\n   * Current optional custom variable values.\n   */\n  customColors?: CustomThemeColors;\n  /**\n   * Replace the in-memory custom CSS variable map.\n   *\n   * @param colors - CSS values to apply; old map variables are removed by effect cleanup.\n   *\n   * @returns No value; does not persist colors to localStorage.\n   */\n  setCustomColors: (colors: CustomThemeColors) => void;\n};\n\nconst initialState: ThemeProviderState = {\n  theme: 'system',\n  resolvedTheme: 'light',\n  setTheme: () => null,\n  colorTheme: 'default',\n  setColorTheme: () => null,\n  spacingTheme: 'normal',\n  setSpacingTheme: () => null,\n  setCustomColors: () => null,\n};\n\n/**\n * React context carrying document theme state.\n *\n * @remarks Its default value is an inert system/default/normal state with no-op setters.\n * Use ThemeProvider to apply and persist changes.\n *\n * @see useTheme for consumption.\n */\nexport const ThemeProviderContext = createContext<ThemeProviderState>(initialState);\n\n/**\n * Reads theme state and setters from the nearest ThemeProvider.\n *\n * @returns Current provider state, or inert system/default/normal defaults outside a provider.\n *\n * @throws If a custom context provider explicitly supplies undefined.\n *\n * @remarks ThemeProvider supplies active setters; import @alneas/appkit-react/styles to\n * style Appkit palettes and density. The context has a defined default, so a missing\n * provider does not normally throw. localStorage failures from active setters propagate.\n *\n * @example\n * ```tsx\n * import '@alneas/appkit-react/styles';\n * import { ThemeProvider, useTheme } from '@alneas/appkit-react/ui/theme';\n * function Toggle() {\n *   const { theme, setTheme } = useTheme();\n *   return <button onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}>Theme</button>;\n * }\n * export function ThemeExample() { return <ThemeProvider><Toggle /></ThemeProvider>; }\n * ```\n */\nexport const useTheme = () => {\n  const context = useContext(ThemeProviderContext);\n\n  if (context === undefined) throw new Error('useTheme must be used within a ThemeProvider');\n\n  return context;\n};\n"],"mappings":";;AAuQA,IAAaA,IAAuBC,EAAkC;CAlBpE,OAAO;CACP,eAAe;CACf,gBAAgB;CAChB,YAAY;CACZ,qBAAqB;CACrB,cAAc;CACd,uBAAuB;CACvB,uBAAuB;AAW6C,CAAY,GAwBrEC,UAAiB;CAC5B,IAAMC,IAAUC,EAAWJ,CAAoB;CAE/C,IAAIG,MAAY,KAAA,GAAW,MAAU,MAAM,8CAA8C;CAEzF,OAAOA;AACT"}

package/dist/ui/components/theme/theme-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.cjs","names":["useState","ThemeProviderContext","require_ui_components_theme_theme_context","react_jsx_runtime","react","ThemeProvider","initialCustomColors","props","theme","setTheme","defaultTheme","storageKey","colorTheme","setColorTheme","defaultColorTheme","colorThemeStorageKey","spacingTheme","setSpacingTheme","defaultSpacingTheme","spacingThemeStorageKey","resolvedTheme","setResolvedTheme","customColors","setCustomColors","root","applyTheme","systemTheme","mediaQuery","handleChange","key","value"],"sources":["../../../../src/ui/components/theme/theme-provider.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport {\n  type Theme,\n  type ColorTheme,\n  type SpacingTheme,\n  type CustomThemeColors,\n  ThemeProviderContext,\n} from './theme-context';\n\nexport type ThemeProviderProps = {\n  children: React.ReactNode;\n  defaultTheme?: Theme;\n  defaultColorTheme?: ColorTheme;\n  defaultSpacingTheme?: SpacingTheme;\n  customColors?: CustomThemeColors;\n  storageKey?: string;\n  colorThemeStorageKey?: string;\n  spacingThemeStorageKey?: string;\n};\n\n/**\n * テーマプロバイダーコンポーネント\n *\n * ダークモード、カラーテーマ、スペーシングテーマを管理。\n * アプリケーションのルートで使用。\n *\n * @example\n * ```tsx\n * import { ThemeProvider } from \"../..\";\n *\n * <ThemeProvider defaultTheme=\"system\" defaultColorTheme=\"blue\">\n *   <App />\n * </ThemeProvider>\n * ```\n */\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'system',\n  defaultColorTheme = 'default',\n  defaultSpacingTheme = 'normal',\n  customColors: initialCustomColors,\n  storageKey = 'vite-ui-theme',\n  colorThemeStorageKey = 'vite-ui-color-theme',\n  spacingThemeStorageKey = 'vite-ui-spacing-theme',\n  ...props\n}: ThemeProviderProps) {\n  // Initialize with defaults to avoid SSR ReferenceError and Hydration Mismatch\n  const [theme, setTheme] = useState<Theme>(() => {\n    if (typeof window === 'undefined') return defaultTheme;\n    return (localStorage.getItem(storageKey) as Theme) || defaultTheme;\n  });\n  const [colorTheme, setColorTheme] = useState<ColorTheme>(() => {\n    if (typeof window === 'undefined') return defaultColorTheme;\n    return (localStorage.getItem(colorThemeStorageKey) as ColorTheme) || defaultColorTheme;\n  });\n  const [spacingTheme, setSpacingTheme] = useState<SpacingTheme>(() => {\n    if (typeof window === 'undefined') return defaultSpacingTheme;\n    return (localStorage.getItem(spacingThemeStorageKey) as SpacingTheme) || defaultSpacingTheme;\n  });\n\n  const [resolvedTheme, setResolvedTheme] = useState<'light' | 'dark'>('light');\n\n  const [customColors, setCustomColors] = useState<CustomThemeColors | undefined>(\n    initialCustomColors,\n  );\n\n  useEffect(() => {\n    const root = window.document.documentElement;\n\n    const applyTheme = (t: Theme) => {\n      root.classList.remove('light', 'dark');\n\n      if (t === 'system') {\n        const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches\n          ? 'dark'\n          : 'light';\n\n        root.classList.add(systemTheme);\n        setResolvedTheme(systemTheme);\n        return;\n      }\n\n      root.classList.add(t);\n      setResolvedTheme(t as 'light' | 'dark');\n    };\n\n    applyTheme(theme);\n\n    // Listen for system changes if set to system\n    if (theme === 'system') {\n      const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n      const handleChange = () => applyTheme('system');\n\n      mediaQuery.addEventListener('change', handleChange);\n      return () => mediaQuery.removeEventListener('change', handleChange);\n    }\n  }, [theme]);\n\n  useEffect(() => {\n    const root = window.document.documentElement;\n\n    // 既存のカラーテーマクラスを削除\n    root.classList.remove('theme-blue', 'theme-green', 'theme-rose', 'theme-orange', 'theme-future');\n\n    // デフォルト以外の場合はクラスを追加\n    if (colorTheme !== 'default') {\n      root.classList.add(`theme-${colorTheme}`);\n    }\n  }, [colorTheme]);\n\n  // スペーシングテーマを適用\n  useEffect(() => {\n    const root = window.document.documentElement;\n\n    // 既存のスペーシングクラスを削除\n    root.classList.remove('spacing-compact', 'spacing-normal', 'spacing-comfortable');\n\n    // スペーシングテーマクラスを追加\n    root.classList.add(`spacing-${spacingTheme}`);\n  }, [spacingTheme]);\n\n  // カスタムカラーをCSS変数として適用\n  useEffect(() => {\n    const root = window.document.documentElement;\n\n    if (customColors) {\n      // CSS変数を設定\n      Object.entries(customColors).forEach(([key, value]) => {\n        if (value) {\n          root.style.setProperty(`--${key}`, value);\n        }\n      });\n    }\n\n    // クリーンアップ: カスタムカラーが削除された場合は元に戻す\n    return () => {\n      if (customColors) {\n        Object.keys(customColors).forEach((key) => {\n          root.style.removeProperty(`--${key}`);\n        });\n      }\n    };\n  }, [customColors]);\n\n  const value = {\n    theme,\n    resolvedTheme,\n    setTheme: (theme: Theme) => {\n      localStorage.setItem(storageKey, theme);\n      setTheme(theme);\n    },\n    colorTheme,\n    setColorTheme: (colorTheme: ColorTheme) => {\n      localStorage.setItem(colorThemeStorageKey, colorTheme);\n      setColorTheme(colorTheme);\n    },\n    spacingTheme,\n    setSpacingTheme: (spacingTheme: SpacingTheme) => {\n      localStorage.setItem(spacingThemeStorageKey, spacingTheme);\n      setSpacingTheme(spacingTheme);\n    },\n    customColors,\n    setCustomColors,\n  };\n\n  return (\n    <ThemeProviderContext.Provider {...props} value={value}>\n      {children}\n    </ThemeProviderContext.Provider>\n  );\n}\n\n/**\n * テーマコンテキストを取得するフック\n *\n * テーマモード、カラーテーマ、スペーシングテーマの\n * 取得と変更が可能。\n *\n * @returns テーマ状態と設定関数\n *\n * @example\n * ```tsx\n * const { theme, setTheme, colorTheme, setColorTheme } = useTheme();\n * ```\n */\n"],"mappings":"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"}
+{"version":3,"file":"theme-provider.cjs","names":["useState","ThemeProviderContext","require_ui_components_theme_theme_context","react_jsx_runtime","react","ThemeProvider","initialCustomColors","props","theme","setTheme","defaultTheme","storageKey","colorTheme","setColorTheme","defaultColorTheme","colorThemeStorageKey","spacingTheme","setSpacingTheme","defaultSpacingTheme","spacingThemeStorageKey","resolvedTheme","setResolvedTheme","customColors","setCustomColors","root","applyTheme","systemTheme","mediaQuery","handleChange","key","value"],"sources":["../../../../src/ui/components/theme/theme-provider.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport {\n  type Theme,\n  type ColorTheme,\n  type SpacingTheme,\n  type CustomThemeColors,\n  ThemeProviderContext,\n} from './theme-context';\n\n/**\n * Initial theme settings and browser storage keys; see ThemeProvider for usage.\n * @see ThemeProvider for the canonical usage example.\n */\nexport type ThemeProviderProps = {\n  /** Descendants that consume theme state. */\n  children: React.ReactNode;\n  /** Initial mode when storage is empty; defaults to 'system'. */\n  defaultTheme?: Theme;\n  /** Initial palette when storage is empty; defaults to 'default'. */\n  defaultColorTheme?: ColorTheme;\n  /** Initial density when storage is empty; defaults to 'normal'. */\n  defaultSpacingTheme?: SpacingTheme;\n  /** Initial custom CSS variable values; subsequent prop changes do not replace state. */\n  customColors?: CustomThemeColors;\n  /** Mode localStorage key; defaults to 'vite-ui-theme'. */\n  storageKey?: string;\n  /** Palette localStorage key; defaults to 'vite-ui-color-theme'. */\n  colorThemeStorageKey?: string;\n  /** Density localStorage key; defaults to 'vite-ui-spacing-theme'. */\n  spacingThemeStorageKey?: string;\n};\n\n/**\n * Provides browser theme state and applies mode, palette and density to documentElement.\n *\n * @param props - Children, initial settings, custom CSS variables and storage keys.\n *\n * @returns Theme context for descendants.\n *\n * @throws Browser localStorage access failures during initialization or setter calls propagate.\n *\n * @remarks Import @alneas/appkit-react/styles in the host for Appkit theme styling.\n * No query/auth provider is required. Stored values override defaults on the client;\n * server rendering uses defaults, so stored preferences can differ at hydration.\n * Effects update root classes and custom CSS variables after mount. System mode listens\n * for media-query changes and removes that listener on cleanup. Custom CSS variables\n * are removed on cleanup; root theme classes remain. Mode/palette/density setters persist\n * to localStorage; custom colors are in-memory state. Coordinate multiple providers\n * because they write the same document root. Stored values are cast without validation.\n *\n * @example\n * ```tsx\n * import type { ReactNode } from 'react';\n * import '@alneas/appkit-react/styles';\n * import { ThemeProvider } from '@alneas/appkit-react/ui/theme';\n * export function ThemeRoot({ children }: { children: ReactNode }) {\n *   return <ThemeProvider defaultTheme=\"system\" defaultColorTheme=\"blue\">{children}</ThemeProvider>;\n * }\n * ```\n */\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'system',\n  defaultColorTheme = 'default',\n  defaultSpacingTheme = 'normal',\n  customColors: initialCustomColors,\n  storageKey = 'vite-ui-theme',\n  colorThemeStorageKey = 'vite-ui-color-theme',\n  spacingThemeStorageKey = 'vite-ui-spacing-theme',\n  ...props\n}: ThemeProviderProps) {\n  // Initialize with defaults to avoid SSR ReferenceError and Hydration Mismatch\n  const [theme, setTheme] = useState<Theme>(() => {\n    if (typeof window === 'undefined') return defaultTheme;\n    return (localStorage.getItem(storageKey) as Theme) || defaultTheme;\n  });\n  const [colorTheme, setColorTheme] = useState<ColorTheme>(() => {\n    if (typeof window === 'undefined') return defaultColorTheme;\n    return (localStorage.getItem(colorThemeStorageKey) as ColorTheme) || defaultColorTheme;\n  });\n  const [spacingTheme, setSpacingTheme] = useState<SpacingTheme>(() => {\n    if (typeof window === 'undefined') return defaultSpacingTheme;\n    return (localStorage.getItem(spacingThemeStorageKey) as SpacingTheme) || defaultSpacingTheme;\n  });\n\n  const [resolvedTheme, setResolvedTheme] = useState<'light' | 'dark'>('light');\n\n  const [customColors, setCustomColors] = useState<CustomThemeColors | undefined>(\n    initialCustomColors,\n  );\n\n  useEffect(() => {\n    const root = window.document.documentElement;\n\n    const applyTheme = (t: Theme) => {\n      root.classList.remove('light', 'dark');\n\n      if (t === 'system') {\n        const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches\n          ? 'dark'\n          : 'light';\n\n        root.classList.add(systemTheme);\n        setResolvedTheme(systemTheme);\n        return;\n      }\n\n      root.classList.add(t);\n      setResolvedTheme(t as 'light' | 'dark');\n    };\n\n    applyTheme(theme);\n\n    // Listen for system changes if set to system\n    if (theme === 'system') {\n      const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n      const handleChange = () => applyTheme('system');\n\n      mediaQuery.addEventListener('change', handleChange);\n      return () => mediaQuery.removeEventListener('change', handleChange);\n    }\n  }, [theme]);\n\n  useEffect(() => {\n    const root = window.document.documentElement;\n\n    // 既存のカラーテーマクラスを削除\n    root.classList.remove('theme-blue', 'theme-green', 'theme-rose', 'theme-orange', 'theme-future');\n\n    // デフォルト以外の場合はクラスを追加\n    if (colorTheme !== 'default') {\n      root.classList.add(`theme-${colorTheme}`);\n    }\n  }, [colorTheme]);\n\n  // スペーシングテーマを適用\n  useEffect(() => {\n    const root = window.document.documentElement;\n\n    // 既存のスペーシングクラスを削除\n    root.classList.remove('spacing-compact', 'spacing-normal', 'spacing-comfortable');\n\n    // スペーシングテーマクラスを追加\n    root.classList.add(`spacing-${spacingTheme}`);\n  }, [spacingTheme]);\n\n  // カスタムカラーをCSS変数として適用\n  useEffect(() => {\n    const root = window.document.documentElement;\n\n    if (customColors) {\n      // CSS変数を設定\n      Object.entries(customColors).forEach(([key, value]) => {\n        if (value) {\n          root.style.setProperty(`--${key}`, value);\n        }\n      });\n    }\n\n    // クリーンアップ: カスタムカラーが削除された場合は元に戻す\n    return () => {\n      if (customColors) {\n        Object.keys(customColors).forEach((key) => {\n          root.style.removeProperty(`--${key}`);\n        });\n      }\n    };\n  }, [customColors]);\n\n  const value = {\n    theme,\n    resolvedTheme,\n    setTheme: (theme: Theme) => {\n      localStorage.setItem(storageKey, theme);\n      setTheme(theme);\n    },\n    colorTheme,\n    setColorTheme: (colorTheme: ColorTheme) => {\n      localStorage.setItem(colorThemeStorageKey, colorTheme);\n      setColorTheme(colorTheme);\n    },\n    spacingTheme,\n    setSpacingTheme: (spacingTheme: SpacingTheme) => {\n      localStorage.setItem(spacingThemeStorageKey, spacingTheme);\n      setSpacingTheme(spacingTheme);\n    },\n    customColors,\n    setCustomColors,\n  };\n\n  return (\n    <ThemeProviderContext.Provider {...props} value={value}>\n      {children}\n    </ThemeProviderContext.Provider>\n  );\n}\n"],"mappings":"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"}