@fangxinyan/lumina 0.6.17 → 0.7.0

package/dist/Theme.js

@@ -1 +1,3 @@
-export { ACCENT_PRESETS, ACCENT_PRESETS_DARK, FONT_STACKS, ThemeProvider, applyTheme, normalizeAccentInput, resolveThemeColorScheme, resolveThemeMode, useTheme, useThemeOptional } from './chunk-GNV6W4BN.js';
+import './chunk-EE7IJ3MB.js';
+export { LUMINA_THEME_PRESETS, cloneLuminaThemePreset, pickLuminaThemePresets } from './chunk-TSL3F2K3.js';
+export { ACCENT_PRESETS, ACCENT_PRESETS_DARK, DEFAULT_THEME_COLORS, FONT_STACKS, ThemeProvider, applyTheme, componentTokensToStyle, deriveThemeColors, normalizeAccentInput, resolveThemeColorScheme, resolveThemeColors, resolveThemeMode, resolveVisualThemeSnapshot, themeColorsToStyle, themeTokenToKebabCase, useTheme, useThemeOptional, visualThemeToStyle } from './chunk-ULTDRMGN.js';

package/dist/{ThemePanel-TEHB2JCQ.css → ThemePanel-EHNAS4RN.css}

@@ -7,9 +7,9 @@
   box-sizing: border-box;
   padding: var(--gap-4);
   border-radius: var(--r-xl);
-  color: var(--fg);
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-lift);
+  color: var(--lmn-theme-panel-fg, var(--fg));
+  background: var(--lmn-theme-panel-bg, var(--bg));
+  box-shadow: var(--lmn-theme-panel-neu-shadow-lift, var(--neu-shadow-lift));
 }
 
 .theme-panel.compact {
@@ -29,14 +29,14 @@
   align-items: center;
   gap: 8px;
   min-width: 0;
-  color: var(--fg);
+  color: var(--lmn-theme-panel-fg, var(--fg));
   font-size: 14px;
   font-weight: 700;
 }
 
 .theme-panel-title svg {
   flex: 0 0 auto;
-  color: var(--accent);
+  color: var(--lmn-theme-panel-accent, var(--accent));
 }
 
 .theme-panel-title span {
@@ -48,7 +48,7 @@
 
 .theme-panel-desc {
   font-size: 12px;
-  color: var(--fg-muted);
+  color: var(--lmn-theme-panel-fg-muted, var(--fg-muted));
 }
 
 .theme-panel-row {
@@ -56,7 +56,7 @@
   flex-direction: column;
   gap: 8px;
   padding-top: var(--gap-3);
-  border-top: 1px solid var(--divider);
+  border-top: 1px solid var(--lmn-theme-panel-divider, var(--divider));
 }
 
 .theme-panel-head + .theme-panel-row,
@@ -72,7 +72,7 @@
   gap: 10px;
   font-size: 12px;
   font-weight: 600;
-  color: var(--fg);
+  color: var(--lmn-theme-panel-fg, var(--fg));
 }
 
 .theme-panel-label > span:last-child:not(:first-child) {
@@ -83,9 +83,9 @@
   white-space: nowrap;
   padding: 2px 8px;
   border-radius: var(--r-pill);
-  color: var(--accent-ink);
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-inset);
+  color: var(--lmn-theme-panel-accent-ink, var(--accent-ink));
+  background: var(--lmn-theme-panel-bg, var(--bg));
+  box-shadow: var(--lmn-theme-panel-neu-shadow-inset, var(--neu-shadow-inset));
   font-family: var(--font-mono);
   font-size: 11px;
   font-weight: 500;
@@ -112,9 +112,9 @@
   flex-direction: column;
   gap: 8px;
   padding: 9px;
-  color: var(--fg-muted);
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-control);
+  color: var(--lmn-theme-panel-fg-muted, var(--fg-muted));
+  background: var(--lmn-theme-panel-bg, var(--bg));
+  box-shadow: var(--lmn-theme-panel-neu-shadow-control, var(--neu-shadow-control));
   text-align: left;
   white-space: normal;
   transition:
@@ -124,20 +124,20 @@
 }
 
 .theme-panel .theme-panel-preset.btn:hover {
-  color: var(--fg);
-  box-shadow: var(--neu-shadow-panel);
+  color: var(--lmn-theme-panel-fg, var(--fg));
+  box-shadow: var(--lmn-theme-panel-neu-shadow-panel, var(--neu-shadow-panel));
   transform: translateY(-1px);
 }
 
 .theme-panel .theme-panel-preset.btn.active {
-  color: var(--accent-ink);
-  box-shadow: var(--neu-shadow-inset), 0 0 0 1px var(--accent-glow);
+  color: var(--lmn-theme-panel-accent-ink, var(--accent-ink));
+  box-shadow: var(--lmn-theme-panel-neu-shadow-inset, var(--neu-shadow-inset)), 0 0 0 1px var(--lmn-theme-panel-accent-glow, var(--accent-glow));
   transform: none;
 }
 
 .theme-panel .theme-panel-preset.btn.active:hover {
-  color: var(--accent-ink);
-  box-shadow: var(--neu-shadow-inset), 0 0 0 1px var(--accent-glow);
+  color: var(--lmn-theme-panel-accent-ink, var(--accent-ink));
+  box-shadow: var(--lmn-theme-panel-neu-shadow-inset, var(--neu-shadow-inset)), 0 0 0 1px var(--lmn-theme-panel-accent-glow, var(--accent-glow));
 }
 
 .theme-panel .theme-panel-preset-shell.deletable .theme-panel-preset.btn {
@@ -152,9 +152,9 @@
   height: 22px;
   min-width: 22px;
   padding: 0;
-  color: var(--fg-subtle);
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-control);
+  color: var(--lmn-theme-panel-fg-subtle, var(--fg-subtle));
+  background: var(--lmn-theme-panel-bg, var(--bg));
+  box-shadow: var(--lmn-theme-panel-neu-shadow-control, var(--neu-shadow-control));
   opacity: 0;
   transform: scale(0.92);
 }
@@ -166,7 +166,7 @@
 }
 
 .theme-panel .theme-panel-preset-delete.btn:hover {
-  box-shadow: var(--neu-shadow-inset);
+  box-shadow: var(--lmn-theme-panel-neu-shadow-inset, var(--neu-shadow-inset));
 }
 
 .theme-panel-preset-ink {
@@ -180,7 +180,7 @@
   height: 18px;
   min-width: 0;
   border-radius: var(--r-pill);
-  box-shadow: inset 0 0 0 1px var(--divider);
+  box-shadow: inset 0 0 0 1px var(--lmn-theme-panel-divider, var(--divider));
 }
 
 .theme-panel-preset-copy {
@@ -206,7 +206,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  color: var(--fg-subtle);
+  color: var(--lmn-theme-panel-fg-subtle, var(--fg-subtle));
   font-size: 10px;
   font-weight: 500;
 }
@@ -224,11 +224,11 @@
   min-width: 28px;
   padding: 0;
   border-radius: var(--r-pill);
-  box-shadow: var(--neu-shadow-subtle);
+  box-shadow: var(--lmn-theme-panel-neu-shadow-subtle, var(--neu-shadow-subtle));
 }
 
 .theme-panel-swatch.active {
-  box-shadow: var(--neu-shadow-inset), 0 0 0 2px var(--accent-glow);
+  box-shadow: var(--lmn-theme-panel-neu-shadow-inset, var(--neu-shadow-inset)), 0 0 0 2px var(--lmn-theme-panel-accent-glow, var(--accent-glow));
 }
 
 .theme-panel .radio-group.segmented {
@@ -245,8 +245,8 @@
   gap: 10px;
   padding: 10px;
   border-radius: var(--r-md);
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-inset);
+  background: var(--lmn-theme-panel-bg, var(--bg));
+  box-shadow: var(--lmn-theme-panel-neu-shadow-inset, var(--neu-shadow-inset));
 }
 
 .theme-panel-create-head {
@@ -264,14 +264,14 @@
 }
 
 .theme-panel-create-head span {
-  color: var(--fg);
+  color: var(--lmn-theme-panel-fg, var(--fg));
   font-size: 12px;
   font-weight: 700;
 }
 
 .theme-panel-create-head small {
   min-width: 0;
-  color: var(--fg-subtle);
+  color: var(--lmn-theme-panel-fg-subtle, var(--fg-subtle));
   font-family: var(--font-mono);
   font-size: 10px;
   overflow: hidden;
@@ -284,7 +284,7 @@
   display: flex;
   flex-direction: column;
   gap: 6px;
-  color: var(--fg-subtle);
+  color: var(--lmn-theme-panel-fg-subtle, var(--fg-subtle));
   font-family: var(--font-mono);
   font-size: 10px;
 }
@@ -333,8 +333,8 @@
   gap: 10px;
   padding: 10px;
   border-radius: var(--r-md);
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-inset);
+  background: var(--lmn-theme-panel-bg, var(--bg));
+  box-shadow: var(--lmn-theme-panel-neu-shadow-inset, var(--neu-shadow-inset));
 }
 
 .theme-panel-advanced-actions {
@@ -342,7 +342,7 @@
   flex-direction: column;
   gap: 8px;
   padding-top: 10px;
-  border-top: 1px solid var(--divider);
+  border-top: 1px solid var(--lmn-theme-panel-divider, var(--divider));
 }
 
 .theme-panel-save-as-field {
@@ -353,7 +353,7 @@
 }
 
 .theme-panel-save-as-field > span {
-  color: var(--fg-muted);
+  color: var(--lmn-theme-panel-fg-muted, var(--fg-muted));
   font-size: 11px;
   font-weight: 800;
   white-space: nowrap;
@@ -368,7 +368,7 @@
 
 .theme-panel-advanced-footer > span {
   min-width: 0;
-  color: var(--fg-subtle);
+  color: var(--lmn-theme-panel-fg-subtle, var(--fg-subtle));
   font-family: var(--font-mono);
   font-size: 10px;
   overflow: hidden;
@@ -395,11 +395,11 @@
   gap: 10px;
   padding: 7px 9px;
   border-radius: var(--preview-radius, var(--r-md));
-  color: var(--preview-fg, var(--fg));
-  background: var(--preview-bg, var(--bg));
+  color: var(--preview-fg, var(--lmn-theme-panel-fg, var(--fg)));
+  background: var(--preview-bg, var(--lmn-theme-panel-bg, var(--bg)));
   box-shadow:
-    calc(var(--shadow-offset) * 0.45 * var(--preview-shadow-scale, 1)) calc(var(--shadow-offset) * 0.45 * var(--preview-shadow-scale, 1)) calc(var(--shadow-blur) * 0.55 * var(--preview-shadow-scale, 1)) var(--preview-shadow-dark, var(--shadow-dark)),
-    calc(var(--shadow-offset) * -0.45 * var(--preview-shadow-scale, 1)) calc(var(--shadow-offset) * -0.45 * var(--preview-shadow-scale, 1)) calc(var(--shadow-blur) * 0.55 * var(--preview-shadow-scale, 1)) var(--preview-shadow-light, var(--shadow-light));
+    calc(var(--lmn-theme-panel-shadow-offset, var(--shadow-offset)) * 0.45 * var(--preview-shadow-scale, 1)) calc(var(--lmn-theme-panel-shadow-offset, var(--shadow-offset)) * 0.45 * var(--preview-shadow-scale, 1)) calc(var(--lmn-theme-panel-shadow-blur, var(--shadow-blur)) * 0.55 * var(--preview-shadow-scale, 1)) var(--preview-shadow-dark, var(--lmn-theme-panel-shadow-dark, var(--shadow-dark))),
+    calc(var(--lmn-theme-panel-shadow-offset, var(--shadow-offset)) * -0.45 * var(--preview-shadow-scale, 1)) calc(var(--lmn-theme-panel-shadow-offset, var(--shadow-offset)) * -0.45 * var(--preview-shadow-scale, 1)) calc(var(--lmn-theme-panel-shadow-blur, var(--shadow-blur)) * 0.55 * var(--preview-shadow-scale, 1)) var(--preview-shadow-light, var(--lmn-theme-panel-shadow-light, var(--shadow-light)));
   font-family: var(--preview-font, var(--font-sans));
   font-size: 12px;
   font-weight: 700;
@@ -425,10 +425,10 @@
   width: 20px;
   height: 20px;
   border-radius: var(--r-pill);
-  background: var(--preview-accent, var(--accent));
+  background: var(--preview-accent, var(--lmn-theme-panel-accent, var(--accent)));
   box-shadow:
-    inset 1px 1px 2px color-mix(in oklch, var(--preview-accent, var(--accent)) 50%, white),
-    0 0 0 4px var(--preview-accent-glow, var(--accent-glow));
+    inset 1px 1px 2px color-mix(in oklch, var(--preview-accent, var(--lmn-theme-panel-accent, var(--accent))) 50%, white),
+    0 0 0 4px var(--preview-accent-glow, var(--lmn-theme-panel-accent-glow, var(--accent-glow)));
 }
 
 .theme-panel-create-actions {
@@ -449,7 +449,7 @@
   flex-direction: column;
   gap: 8px;
   padding-top: 10px;
-  border-top: 1px solid var(--divider);
+  border-top: 1px solid var(--lmn-theme-panel-divider, var(--divider));
 }
 
 .theme-panel-advanced-section.compact {
@@ -466,14 +466,14 @@
 
 .theme-panel-advanced-title span {
   min-width: 0;
-  color: var(--fg);
+  color: var(--lmn-theme-panel-fg, var(--fg));
   font-size: 11px;
   font-weight: 700;
 }
 
 .theme-panel-advanced-title small {
   min-width: 0;
-  color: var(--fg-subtle);
+  color: var(--lmn-theme-panel-fg-subtle, var(--fg-subtle));
   font-family: var(--font-mono);
   font-size: 9px;
   overflow: hidden;
@@ -503,14 +503,14 @@
 }
 
 .theme-panel-token-label span {
-  color: var(--fg-muted);
+  color: var(--lmn-theme-panel-fg-muted, var(--fg-muted));
   font-size: 10px;
   font-weight: 650;
   white-space: nowrap;
 }
 
 .theme-panel-token-label code {
-  color: var(--fg-subtle);
+  color: var(--lmn-theme-panel-fg-subtle, var(--fg-subtle));
   font-family: var(--font-mono);
   font-size: 9px;
   overflow: hidden;
@@ -555,14 +555,14 @@
   width: 24px;
   height: 24px;
   border-radius: 7px;
-  box-shadow: var(--neu-shadow-inset), inset 0 0 0 1px var(--border);
+  box-shadow: var(--lmn-theme-panel-neu-shadow-inset, var(--neu-shadow-inset)), inset 0 0 0 1px var(--lmn-theme-panel-border, var(--border));
   transition:
     box-shadow var(--dur-fast) var(--ease),
     transform var(--dur-fast) var(--ease);
 }
 
 .theme-panel-token-picker .cp-custom-trigger:hover .theme-panel-token-swatch {
-  box-shadow: var(--neu-shadow-control), inset 0 0 0 1px var(--border);
+  box-shadow: var(--lmn-theme-panel-neu-shadow-control, var(--neu-shadow-control)), inset 0 0 0 1px var(--lmn-theme-panel-border, var(--border));
   transform: translateY(-1px);
 }
 

package/dist/ThemePanel.cjs

@@ -1,29 +1,31 @@
 'use strict';
 
-var chunkA4Z7PLHV_cjs = require('./chunk-A4Z7PLHV.cjs');
-require('./chunk-MPOO5VPW.cjs');
-require('./chunk-6EOSMK34.cjs');
-require('./chunk-PKNRTFNE.cjs');
-require('./chunk-MYW7LNB2.cjs');
-require('./chunk-PSQ3HNZP.cjs');
-require('./chunk-S2ZGXBUH.cjs');
-require('./chunk-YB3IWIOJ.cjs');
-require('./chunk-VS3I5OKA.cjs');
-require('./chunk-RZEFKXL3.cjs');
-require('./chunk-SW2HMNCA.cjs');
-require('./chunk-QMX67CVT.cjs');
+var chunkPIJV2FHO_cjs = require('./chunk-PIJV2FHO.cjs');
+require('./chunk-ZYIE3BH7.cjs');
+require('./chunk-G5LCOBOT.cjs');
+require('./chunk-WROF2PVG.cjs');
+require('./chunk-E66PSVBU.cjs');
+require('./chunk-VVRXNGYL.cjs');
+require('./chunk-FJB3243S.cjs');
+require('./chunk-STQDKMS5.cjs');
+require('./chunk-HYHBCHFM.cjs');
+require('./chunk-HSDMJUB6.cjs');
+require('./chunk-T4RR6NVU.cjs');
+require('./chunk-2AUXUZ3Z.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "THEME_PANEL_DEFAULT_PRESET_OPTIONS", {
   enumerable: true,
-  get: function () { return chunkA4Z7PLHV_cjs.THEME_PANEL_DEFAULT_PRESET_OPTIONS; }
+  get: function () { return chunkPIJV2FHO_cjs.THEME_PANEL_DEFAULT_PRESET_OPTIONS; }
 });
 Object.defineProperty(exports, "THEME_PANEL_DEFAULT_THEME_PRESETS", {
   enumerable: true,
-  get: function () { return chunkA4Z7PLHV_cjs.THEME_PANEL_DEFAULT_THEME_PRESETS; }
+  get: function () { return chunkPIJV2FHO_cjs.THEME_PANEL_DEFAULT_THEME_PRESETS; }
 });
 Object.defineProperty(exports, "ThemePanel", {
   enumerable: true,
-  get: function () { return chunkA4Z7PLHV_cjs.ThemePanel; }
+  get: function () { return chunkPIJV2FHO_cjs.ThemePanel; }
 });

package/dist/ThemePanel.d.cts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { ThemeMode, ThemePreset, ThemeBaseMode } from './Theme.cjs';
+import { e as ThemeMode, f as ThemePreset } from './Theme-uQq2B0Yk.cjs';
+import { T as ThemeBaseMode, f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 
 type ThemePanelSection = "mode" | "presets" | "accent" | "shadow" | "intensity" | "radius" | "font" | "density" | "advanced";
 interface ThemePanelPresetOption {
@@ -40,7 +41,7 @@ type ThemePanelDefaultPreset = ThemePreset & {
 };
 declare const THEME_PANEL_DEFAULT_THEME_PRESETS: Record<ThemePanelDefaultPresetKey, ThemePanelDefaultPreset>;
 declare const THEME_PANEL_DEFAULT_PRESET_OPTIONS: ThemePanelPresetOption[];
-interface ThemePanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+interface ThemePanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, ComponentThemeProps {
     /** Header title. Pass `null` to hide the title text while keeping the panel layout. */
     title?: React.ReactNode;
     /** Secondary header text. */
@@ -74,17 +75,6 @@ interface ThemePanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "ti
     /** Compact typography and spacing. */
     compact?: boolean;
 }
-/**
- * `ThemePanel` — ready-made controls for quickly editing and saving the nearest Lumina theme.
- *
- * @example
- * ```tsx
- * <ThemeProvider>
- *   <ThemePanel />
- *   <App />
- * </ThemeProvider>
- * ```
- */
 declare const ThemePanel: React.ForwardRefExoticComponent<ThemePanelProps & React.RefAttributes<HTMLDivElement>>;
 
 export { THEME_PANEL_DEFAULT_PRESET_OPTIONS, THEME_PANEL_DEFAULT_THEME_PRESETS, ThemePanel, type ThemePanelCreateThemePayload, type ThemePanelCreatedThemeMeta, type ThemePanelDeleteThemePayload, type ThemePanelModeOption, type ThemePanelPresetOption, type ThemePanelProps, type ThemePanelSection, type ThemePanelUpdateThemePayload };

package/dist/ThemePanel.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { ThemeMode, ThemePreset, ThemeBaseMode } from './Theme.js';
+import { e as ThemeMode, f as ThemePreset } from './Theme-CLedeJ_C.js';
+import { T as ThemeBaseMode, f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 
 type ThemePanelSection = "mode" | "presets" | "accent" | "shadow" | "intensity" | "radius" | "font" | "density" | "advanced";
 interface ThemePanelPresetOption {
@@ -40,7 +41,7 @@ type ThemePanelDefaultPreset = ThemePreset & {
 };
 declare const THEME_PANEL_DEFAULT_THEME_PRESETS: Record<ThemePanelDefaultPresetKey, ThemePanelDefaultPreset>;
 declare const THEME_PANEL_DEFAULT_PRESET_OPTIONS: ThemePanelPresetOption[];
-interface ThemePanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+interface ThemePanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, ComponentThemeProps {
     /** Header title. Pass `null` to hide the title text while keeping the panel layout. */
     title?: React.ReactNode;
     /** Secondary header text. */
@@ -74,17 +75,6 @@ interface ThemePanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "ti
     /** Compact typography and spacing. */
     compact?: boolean;
 }
-/**
- * `ThemePanel` — ready-made controls for quickly editing and saving the nearest Lumina theme.
- *
- * @example
- * ```tsx
- * <ThemeProvider>
- *   <ThemePanel />
- *   <App />
- * </ThemeProvider>
- * ```
- */
 declare const ThemePanel: React.ForwardRefExoticComponent<ThemePanelProps & React.RefAttributes<HTMLDivElement>>;
 
 export { THEME_PANEL_DEFAULT_PRESET_OPTIONS, THEME_PANEL_DEFAULT_THEME_PRESETS, ThemePanel, type ThemePanelCreateThemePayload, type ThemePanelCreatedThemeMeta, type ThemePanelDeleteThemePayload, type ThemePanelModeOption, type ThemePanelPresetOption, type ThemePanelProps, type ThemePanelSection, type ThemePanelUpdateThemePayload };

package/dist/ThemePanel.js

@@ -1,12 +1,14 @@
-export { THEME_PANEL_DEFAULT_PRESET_OPTIONS, THEME_PANEL_DEFAULT_THEME_PRESETS, ThemePanel } from './chunk-3VSHGM54.js';
-import './chunk-D7GK6H6V.js';
-import './chunk-6SPMHY54.js';
-import './chunk-GNV6W4BN.js';
-import './chunk-PU7VXDAS.js';
-import './chunk-KYV75JPQ.js';
-import './chunk-TJECLLN4.js';
-import './chunk-DUFRASGO.js';
-import './chunk-IOAOG5L7.js';
-import './chunk-S7IHWY24.js';
-import './chunk-IPSNC5VZ.js';
-import './chunk-FDZG27IG.js';
+export { THEME_PANEL_DEFAULT_PRESET_OPTIONS, THEME_PANEL_DEFAULT_THEME_PRESETS, ThemePanel } from './chunk-OLYSSZHP.js';
+import './chunk-K5HGHOG7.js';
+import './chunk-TSL3F2K3.js';
+import './chunk-LEDESWNL.js';
+import './chunk-QDY56GGO.js';
+import './chunk-FY73C7JK.js';
+import './chunk-3QXP2ZNP.js';
+import './chunk-UE4HFGJ6.js';
+import './chunk-3F424R5P.js';
+import './chunk-2A4GYSN4.js';
+import './chunk-JHM7MN3G.js';
+import './chunk-LQMOYVQF.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';

package/dist/{TimePicker-ZBJOXH3U.css → TimePicker-WJ3FSK6A.css}

@@ -20,7 +20,7 @@
 }
 
 .time-picker.open .input-wrap {
-  box-shadow: var(--neu-shadow-inset);
+  box-shadow: var(--lmn-time-picker-neu-shadow-inset, var(--neu-shadow-inset));
 }
 
 .time-picker-panel {
@@ -29,10 +29,10 @@
   width: 300px;
   padding: 10px;
   border-radius: var(--r-md);
-  background: var(--bg);
+  background: var(--lmn-time-picker-bg, var(--bg));
   box-shadow:
-    0 calc(var(--shadow-offset) * 1.1) calc(var(--shadow-blur) * 1.3) color-mix(in oklch, var(--shadow-dark) 72%, transparent),
-    inset 0 0 0 1px var(--divider);
+    0 calc(var(--lmn-time-picker-shadow-offset, var(--shadow-offset)) * 1.1) calc(var(--lmn-time-picker-shadow-blur, var(--shadow-blur)) * 1.3) color-mix(in oklch, var(--lmn-time-picker-shadow-dark, var(--shadow-dark)) 72%, transparent),
+    inset 0 0 0 1px var(--lmn-time-picker-divider, var(--divider));
   animation: menuIn var(--dur) var(--ease);
 }
 
@@ -47,13 +47,13 @@
   gap: 0;
   padding: 8px;
   border-radius: var(--r-sm);
-  background: var(--bg);
-  box-shadow: inset 0 0 0 1px var(--divider);
+  background: var(--lmn-time-picker-bg, var(--bg));
+  box-shadow: inset 0 0 0 1px var(--lmn-time-picker-divider, var(--divider));
   overflow: hidden;
 }
 
 .time-picker-column + .time-picker-column {
-  border-left: 1px solid var(--divider);
+  border-left: 1px solid var(--lmn-time-picker-divider, var(--divider));
 }
 
 .time-picker-panel.without-second .time-picker-columns {
@@ -72,7 +72,7 @@
   place-items: center;
   font-size: var(--fs-xs);
   font-weight: 700;
-  color: var(--fg-muted);
+  color: var(--lmn-time-picker-fg-muted, var(--fg-muted));
 }
 
 .time-picker-list {
@@ -105,7 +105,7 @@
   border: none;
   border-radius: 7px;
   background: transparent;
-  color: var(--fg);
+  color: var(--lmn-time-picker-fg, var(--fg));
   cursor: pointer;
   font: 600 var(--fs-md) var(--font-mono);
   transition:
@@ -115,19 +115,19 @@
 }
 
 .time-picker-option:hover:not(:disabled) {
-  color: var(--accent-ink);
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-subtle);
+  color: var(--lmn-time-picker-accent-ink, var(--accent-ink));
+  background: var(--lmn-time-picker-bg, var(--bg));
+  box-shadow: var(--lmn-time-picker-neu-shadow-subtle, var(--neu-shadow-subtle));
 }
 
 .time-picker-option.selected {
-  background: var(--bg);
-  color: var(--accent-ink);
-  box-shadow: var(--neu-shadow-subtle);
+  background: var(--lmn-time-picker-bg, var(--bg));
+  color: var(--lmn-time-picker-accent-ink, var(--accent-ink));
+  box-shadow: var(--lmn-time-picker-neu-shadow-subtle, var(--neu-shadow-subtle));
 }
 
 .time-picker-option:disabled {
-  color: var(--fg-subtle);
+  color: var(--lmn-time-picker-fg-subtle, var(--fg-subtle));
   cursor: not-allowed;
   opacity: 0.45;
 }
@@ -138,7 +138,7 @@
   gap: 6px;
   margin-top: 8px;
   padding: 8px 0 0;
-  border-top: 1px solid var(--divider);
+  border-top: 1px solid var(--lmn-time-picker-divider, var(--divider));
 }
 
 .time-picker-footer-spacer {

package/dist/TimePicker.cjs

@@ -1,16 +1,19 @@
 'use strict';
 
-var chunkUWL6DRZW_cjs = require('./chunk-UWL6DRZW.cjs');
+var chunkYUJ7Z6N2_cjs = require('./chunk-YUJ7Z6N2.cjs');
 require('./chunk-35RCCUGO.cjs');
-require('./chunk-YB3IWIOJ.cjs');
-require('./chunk-VS3I5OKA.cjs');
-require('./chunk-RZEFKXL3.cjs');
-require('./chunk-SW2HMNCA.cjs');
-require('./chunk-QMX67CVT.cjs');
+require('./chunk-FJB3243S.cjs');
+require('./chunk-STQDKMS5.cjs');
+require('./chunk-HYHBCHFM.cjs');
+require('./chunk-HSDMJUB6.cjs');
+require('./chunk-T4RR6NVU.cjs');
+require('./chunk-2AUXUZ3Z.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "TimePicker", {
   enumerable: true,
-  get: function () { return chunkUWL6DRZW_cjs.TimePicker; }
+  get: function () { return chunkYUJ7Z6N2_cjs.TimePicker; }
 });

package/dist/TimePicker.d.cts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 
 type TimePickerFormat = "HH:mm" | "HH:mm:ss";
 type TimePickerSize = "sm" | "md" | "lg";
@@ -7,7 +8,7 @@ interface TimePickerValue {
     minute: number;
     second: number;
 }
-interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
+interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange">, ComponentThemeProps {
     /** Controlled time string. Use `null` for an empty picker. */
     value?: string | null;
     /** Initial time string when uncontrolled. */
@@ -51,13 +52,6 @@ interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "de
     dropdownClassName?: string;
     className?: string;
 }
-/**
- * `TimePicker` — time-of-day picker with hour / minute / optional second
- * columns, string values, min/max constraints, and custom disabled times.
- *
- * @example
- * <TimePicker value={time} onChange={setTime} minuteStep={15} />
- */
 declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLDivElement>>;
 
 export { TimePicker, type TimePickerFormat, type TimePickerProps, type TimePickerSize, type TimePickerValue };

package/dist/TimePicker.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 
 type TimePickerFormat = "HH:mm" | "HH:mm:ss";
 type TimePickerSize = "sm" | "md" | "lg";
@@ -7,7 +8,7 @@ interface TimePickerValue {
     minute: number;
     second: number;
 }
-interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
+interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange">, ComponentThemeProps {
     /** Controlled time string. Use `null` for an empty picker. */
     value?: string | null;
     /** Initial time string when uncontrolled. */
@@ -51,13 +52,6 @@ interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "de
     dropdownClassName?: string;
     className?: string;
 }
-/**
- * `TimePicker` — time-of-day picker with hour / minute / optional second
- * columns, string values, min/max constraints, and custom disabled times.
- *
- * @example
- * <TimePicker value={time} onChange={setTime} minuteStep={15} />
- */
 declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLDivElement>>;
 
 export { TimePicker, type TimePickerFormat, type TimePickerProps, type TimePickerSize, type TimePickerValue };

package/dist/TimePicker.js

@@ -1,7 +1,10 @@
-export { TimePicker } from './chunk-HG6YS4I7.js';
+export { TimePicker } from './chunk-SXLRWYQQ.js';
 import './chunk-RC6ULCQP.js';
-import './chunk-DUFRASGO.js';
-import './chunk-IOAOG5L7.js';
-import './chunk-S7IHWY24.js';
-import './chunk-IPSNC5VZ.js';
-import './chunk-FDZG27IG.js';
+import './chunk-3QXP2ZNP.js';
+import './chunk-UE4HFGJ6.js';
+import './chunk-3F424R5P.js';
+import './chunk-2A4GYSN4.js';
+import './chunk-JHM7MN3G.js';
+import './chunk-LQMOYVQF.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';