@fangxinyan/lumina 0.6.18 → 0.8.0

package/dist/{Collapse-UNBHEPYP.css → Collapse-BTSBHBSY.css}

@@ -1,9 +1,9 @@
 /* ============ Collapse ============ */
 .collapse { display: flex; flex-direction: column; gap: 10px; }
 .collapse-item {
-  background: var(--bg);
+  background: var(--lmn-collapse-bg, var(--bg));
   border-radius: var(--r-md);
-  box-shadow: var(--neu-shadow-control);
+  box-shadow: var(--lmn-collapse-neu-shadow-control, var(--neu-shadow-control));
   overflow: hidden;
 }
 .collapse.ghost .collapse-item {
@@ -24,7 +24,7 @@
   font-size: 13px;
   font-weight: 500;
   font-family: inherit;
-  color: var(--fg);
+  color: var(--lmn-collapse-fg, var(--fg));
   text-align: left;
 }
 .collapse.small .collapse-head { padding: 10px 14px; font-size: 12px; }
@@ -35,7 +35,7 @@
   max-height: 0;
   overflow: hidden;
   transition: max-height var(--dur) var(--ease);
-  color: var(--fg-muted);
+  color: var(--lmn-collapse-fg-muted, var(--fg-muted));
   font-size: 13px;
 }
 .collapse-body-inner { padding: 0 18px 16px; }
@@ -43,11 +43,16 @@
 .collapse.large .collapse-body-inner { padding: 0 22px 20px; }
 .collapse-chev {
   transition: transform var(--dur) var(--ease), color var(--dur) var(--ease);
-  color: var(--fg-subtle);
+  color: var(--lmn-collapse-fg-subtle, var(--fg-subtle));
   display: inline-flex;
   border-radius: var(--r-xs);
   padding: 2px;
 }
+button.collapse-chev {
+  border: 0;
+  background: transparent;
+  font: inherit;
+}
 .collapse-chev.clickable { cursor: pointer; }
-.collapse-chev.clickable:hover { color: var(--fg); background: var(--bg); box-shadow: var(--neu-shadow-subtle); }
-.collapse-item.open .collapse-chev { transform: rotate(180deg); color: var(--accent); }
+.collapse-chev.clickable:hover { color: var(--lmn-collapse-fg, var(--fg)); background: var(--lmn-collapse-bg, var(--bg)); box-shadow: var(--lmn-collapse-neu-shadow-subtle, var(--neu-shadow-subtle)); }
+.collapse-item.open .collapse-chev { transform: rotate(180deg); color: var(--lmn-collapse-accent, var(--accent)); }

package/dist/Collapse.cjs

@@ -1,11 +1,13 @@
 'use strict';
 
-var chunkBNY2NVTL_cjs = require('./chunk-BNY2NVTL.cjs');
-require('./chunk-QMX67CVT.cjs');
+var chunkTYZ6L7E6_cjs = require('./chunk-TYZ6L7E6.cjs');
+require('./chunk-2AUXUZ3Z.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "Collapse", {
   enumerable: true,
-  get: function () { return chunkBNY2NVTL_cjs.Collapse; }
+  get: function () { return chunkTYZ6L7E6_cjs.Collapse; }
 });

package/dist/Collapse.d.cts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 
 interface CollapseItem {
     key: string;
@@ -6,7 +7,7 @@ interface CollapseItem {
     children: React.ReactNode;
     disabled?: boolean;
 }
-interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, ComponentThemeProps {
     items: CollapseItem[];
     /** If true, at most one item can be open at a time. */
     accordion?: boolean;
@@ -26,7 +27,6 @@ interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onCh
     size?: "small" | "middle" | "large";
     className?: string;
 }
-/** `Collapse` — collapsible sections. */
 declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Collapse, type CollapseItem, type CollapseProps };

package/dist/Collapse.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 
 interface CollapseItem {
     key: string;
@@ -6,7 +7,7 @@ interface CollapseItem {
     children: React.ReactNode;
     disabled?: boolean;
 }
-interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, ComponentThemeProps {
     items: CollapseItem[];
     /** If true, at most one item can be open at a time. */
     accordion?: boolean;
@@ -26,7 +27,6 @@ interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onCh
     size?: "small" | "middle" | "large";
     className?: string;
 }
-/** `Collapse` — collapsible sections. */
 declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Collapse, type CollapseItem, type CollapseProps };

package/dist/Collapse.js

@@ -1,2 +1,4 @@
-export { Collapse } from './chunk-6LN4VVX7.js';
-import './chunk-FDZG27IG.js';
+export { Collapse } from './chunk-YBGMTQ2V.js';
+import './chunk-LQMOYVQF.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';

package/dist/{ColorPicker-LPG6QPYF.css → ColorPicker-GRZOKR5O.css}

@@ -13,16 +13,16 @@
   gap: 8px;
   padding: 4px;
   border: none;
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-subtle);
+  background: var(--lmn-color-picker-bg, var(--bg));
+  box-shadow: var(--lmn-color-picker-neu-shadow-subtle, var(--neu-shadow-subtle));
   border-radius: 10px;
   cursor: pointer;
   transition: box-shadow var(--dur) var(--ease);
-  color: var(--fg);
+  color: var(--lmn-color-picker-fg, var(--fg));
   font: inherit;
 }
 .cp-trigger:hover:not(:disabled) {
-  box-shadow: var(--neu-shadow-panel);
+  box-shadow: var(--lmn-color-picker-neu-shadow-panel, var(--neu-shadow-panel));
 }
 .cp-trigger:disabled {
   opacity: 0.5;
@@ -41,13 +41,14 @@
   font: inherit;
 }
 .cp-custom-trigger:disabled { opacity: 0.5; cursor: not-allowed; }
+.cp-custom-trigger[aria-disabled="true"] { opacity: 0.5; cursor: not-allowed; }
 
 .cp-swatch {
   display: inline-block;
   width: 22px;
   height: 22px;
   border-radius: 6px;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), var(--neu-shadow-inset);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lmn-color-picker-fg, var(--fg)) 10%, transparent), var(--lmn-color-picker-neu-shadow-inset, var(--neu-shadow-inset));
   background-clip: padding-box;
 }
 .cp-trigger.sm .cp-swatch { width: 18px; height: 18px; border-radius: 5px; }
@@ -62,7 +63,7 @@
 .cp-text {
   font-family: var(--font-mono);
   font-size: 12px;
-  color: var(--fg-muted);
+  color: var(--lmn-color-picker-fg-muted, var(--fg-muted));
   padding-right: 6px;
 }
 
@@ -75,9 +76,9 @@
   z-index: 1000;
   width: 232px;
   padding: 12px;
-  background: var(--bg);
+  background: var(--lmn-color-picker-bg, var(--bg));
   border-radius: var(--r-md);
-  box-shadow: var(--neu-shadow-float);
+  box-shadow: var(--lmn-color-picker-neu-shadow-float, var(--neu-shadow-float));
   display: flex;
   flex-direction: column;
   gap: 10px;
@@ -103,6 +104,7 @@
   cursor: crosshair;
   touch-action: none;
   user-select: none;
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lmn-color-picker-fg, var(--fg)) 10%, transparent);
 }
 
 .cp-board-white,
@@ -148,7 +150,7 @@
     hsl(300, 100%, 50%),
     hsl(360, 100%, 50%)
   );
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lmn-color-picker-fg, var(--fg)) 10%, transparent);
   cursor: pointer;
   touch-action: none;
   user-select: none;
@@ -181,16 +183,16 @@
   padding: 0 10px;
   border: none;
   outline: none;
-  background: var(--bg-sunken);
-  box-shadow: var(--neu-shadow-inset);
+  background: var(--lmn-color-picker-bg-sunken, var(--bg-sunken));
+  box-shadow: var(--lmn-color-picker-neu-shadow-inset, var(--neu-shadow-inset));
   border-radius: 7px;
   font-family: var(--font-mono);
   font-size: 12px;
-  color: var(--fg);
+  color: var(--lmn-color-picker-fg, var(--fg));
   text-transform: lowercase;
 }
 .cp-input:focus {
-  box-shadow: var(--neu-shadow-inset), 0 0 0 2px var(--accent-soft);
+  box-shadow: var(--lmn-color-picker-neu-shadow-inset, var(--neu-shadow-inset)), 0 0 0 2px var(--lmn-color-picker-accent-soft, var(--accent-soft));
 }
 
 .cp-presets {
@@ -205,29 +207,12 @@
   border: none;
   padding: 0;
   cursor: pointer;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lmn-color-picker-fg, var(--fg)) 10%, transparent);
   transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
 }
 .cp-preset:hover {
   transform: scale(1.1);
 }
 .cp-preset.active {
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), 0 0 0 2px var(--accent);
-}
-
-/* Dark mode tweaks */
-[data-theme="dark"] .cp-swatch {
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12), var(--neu-shadow-inset);
-}
-[data-theme="dark"] .cp-preset {
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-[data-theme="dark"] .cp-preset.active {
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 0 2px var(--accent);
-}
-[data-theme="dark"] .cp-board {
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
-}
-[data-theme="dark"] .cp-hue {
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lmn-color-picker-fg, var(--fg)) 10%, transparent), 0 0 0 2px var(--lmn-color-picker-accent, var(--accent));
 }

package/dist/ColorPicker.cjs

@@ -1,11 +1,17 @@
 'use strict';
 
-var chunkS2ZGXBUH_cjs = require('./chunk-S2ZGXBUH.cjs');
-require('./chunk-YB3IWIOJ.cjs');
+var chunkVVRXNGYL_cjs = require('./chunk-VVRXNGYL.cjs');
+require('./chunk-FJB3243S.cjs');
+require('./chunk-STQDKMS5.cjs');
+require('./chunk-HYHBCHFM.cjs');
+require('./chunk-HSDMJUB6.cjs');
+require('./chunk-2AUXUZ3Z.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "ColorPicker", {
   enumerable: true,
-  get: function () { return chunkS2ZGXBUH_cjs.ColorPicker; }
+  get: function () { return chunkVVRXNGYL_cjs.ColorPicker; }
 });

package/dist/ColorPicker.d.cts

@@ -1,6 +1,7 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 
-interface ColorPickerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value" | "defaultValue" | "onChange" | "children" | "color"> {
+interface ColorPickerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value" | "defaultValue" | "onChange" | "children" | "color">, ComponentThemeProps {
     /** Controlled hex color (e.g. "#ff6b6b"). */
     value?: string;
     /** Initial hex when uncontrolled. */
@@ -19,7 +20,7 @@ interface ColorPickerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonEle
     presets?: string[];
     /** Show the current hex next to the swatch. */
     showText?: boolean;
-    /** Custom trigger; defaults to a swatch chip. */
+    /** 自定义触发内容；不能接收 ref 的节点或纯文本会自动包装为可访问的触发器。 */
     children?: React.ReactNode;
     /** Controlled open state. */
     open?: boolean;
@@ -28,13 +29,8 @@ interface ColorPickerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonEle
     /** Called when open state changes. */
     onOpenChange?: (open: boolean) => void;
 }
-/**
- * `ColorPicker` — neumorphic color picker with HSV panel, hue slider,
- * hex input and optional preset palette.
- *
- * @example
- * <ColorPicker defaultValue="#845ef7" onChange={setColor} />
- */
-declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLButtonElement>>;
+/** ColorPicker 对外暴露的真实触发节点类型；自定义内容可能由包装节点承载。 */
+type ColorPickerTriggerElement = HTMLElement;
+declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLElement>>;
 
-export { ColorPicker, type ColorPickerProps };
+export { ColorPicker, type ColorPickerProps, type ColorPickerTriggerElement };

package/dist/ColorPicker.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 
-interface ColorPickerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value" | "defaultValue" | "onChange" | "children" | "color"> {
+interface ColorPickerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value" | "defaultValue" | "onChange" | "children" | "color">, ComponentThemeProps {
     /** Controlled hex color (e.g. "#ff6b6b"). */
     value?: string;
     /** Initial hex when uncontrolled. */
@@ -19,7 +20,7 @@ interface ColorPickerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonEle
     presets?: string[];
     /** Show the current hex next to the swatch. */
     showText?: boolean;
-    /** Custom trigger; defaults to a swatch chip. */
+    /** 自定义触发内容；不能接收 ref 的节点或纯文本会自动包装为可访问的触发器。 */
     children?: React.ReactNode;
     /** Controlled open state. */
     open?: boolean;
@@ -28,13 +29,8 @@ interface ColorPickerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonEle
     /** Called when open state changes. */
     onOpenChange?: (open: boolean) => void;
 }
-/**
- * `ColorPicker` — neumorphic color picker with HSV panel, hue slider,
- * hex input and optional preset palette.
- *
- * @example
- * <ColorPicker defaultValue="#845ef7" onChange={setColor} />
- */
-declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLButtonElement>>;
+/** ColorPicker 对外暴露的真实触发节点类型；自定义内容可能由包装节点承载。 */
+type ColorPickerTriggerElement = HTMLElement;
+declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLElement>>;
 
-export { ColorPicker, type ColorPickerProps };
+export { ColorPicker, type ColorPickerProps, type ColorPickerTriggerElement };

package/dist/ColorPicker.js

@@ -1,2 +1,8 @@
-export { ColorPicker } from './chunk-TJECLLN4.js';
-import './chunk-DUFRASGO.js';
+export { ColorPicker } from './chunk-FY73C7JK.js';
+import './chunk-3QXP2ZNP.js';
+import './chunk-UE4HFGJ6.js';
+import './chunk-3F424R5P.js';
+import './chunk-2A4GYSN4.js';
+import './chunk-LQMOYVQF.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';

package/dist/{CommandPalette-RTKWNH2D.css → CommandPalette-GHTX7AAA.css}

@@ -3,26 +3,25 @@
   position: fixed;
   inset: 0;
   z-index: 4000;
-  background: color-mix(in oklch, var(--fg) 22%, transparent);
+  background: var(--mask-bg);
   display: flex;
   justify-content: center;
   align-items: flex-start;
   padding-top: 14vh;
-  animation: fadeIn 160ms var(--ease);
+  animation: fadeIn var(--dur-fast) var(--ease);
 }
-[data-theme="dark"] .cmdp-overlay { background: color-mix(in oklch, black 55%, transparent); }
 
 .cmdp-panel {
   width: min(560px, calc(100vw - 48px));
   max-height: 60vh;
-  background: var(--bg);
+  background: var(--lmn-command-palette-bg, var(--bg));
   border-radius: var(--r-lg);
-  box-shadow: var(--neu-shadow-float);
-  border: 1px solid var(--divider);
+  box-shadow: var(--lmn-command-palette-neu-shadow-float, var(--neu-shadow-float));
+  border: 1px solid var(--lmn-command-palette-divider, var(--divider));
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  animation: cmdpIn 220ms var(--ease);
+  animation: cmdpIn var(--dur) var(--ease);
 }
 @keyframes cmdpIn {
   from { opacity: 0; transform: translateY(-12px) scale(0.98); }
@@ -45,7 +44,7 @@
   font-size: 11px;
   text-transform: uppercase;
   letter-spacing: 0.06em;
-  color: var(--fg-subtle);
+  color: var(--lmn-command-palette-fg-subtle, var(--fg-subtle));
   padding: 8px 10px 4px;
   font-weight: 600;
 }
@@ -60,7 +59,7 @@
   border: none;
   background: transparent;
   box-shadow: none;
-  color: var(--fg);
+  color: var(--lmn-command-palette-fg, var(--fg));
   font: inherit;
   font-size: 13px;
   text-align: left;
@@ -69,18 +68,18 @@
   transition: background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease),
     box-shadow var(--dur-fast) var(--ease);
 }
-.cmdp-item:disabled { color: var(--fg-subtle); cursor: not-allowed; }
+.cmdp-item:disabled { color: var(--lmn-command-palette-fg-subtle, var(--fg-subtle)); cursor: not-allowed; }
 .cmdp-item.active:not(:disabled) {
-  background: var(--bg);
-  color: var(--accent-ink);
-  box-shadow: var(--neu-shadow-inset);
+  background: var(--lmn-command-palette-bg, var(--bg));
+  color: var(--lmn-command-palette-accent-ink, var(--accent-ink));
+  box-shadow: var(--lmn-command-palette-neu-shadow-inset, var(--neu-shadow-inset));
 }
 
 .cmdp-icon {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  color: var(--fg-muted);
+  color: var(--lmn-command-palette-fg-muted, var(--fg-muted));
 }
 .cmdp-item.active:not(:disabled) .cmdp-icon { color: inherit; }
 
@@ -92,7 +91,7 @@
 }
 .cmdp-desc {
   font-size: 11.5px;
-  color: var(--fg-subtle);
+  color: var(--lmn-command-palette-fg-subtle, var(--fg-subtle));
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -102,14 +101,14 @@
 .cmdp-shortcut {
   font-family: var(--font-mono);
   font-size: 11px;
-  color: var(--fg-subtle);
+  color: var(--lmn-command-palette-fg-subtle, var(--fg-subtle));
 }
 .cmdp-item.active:not(:disabled) .cmdp-shortcut { color: inherit; opacity: 0.8; }
 
 .cmdp-empty {
   padding: 28px 16px;
   text-align: center;
-  color: var(--fg-subtle);
+  color: var(--lmn-command-palette-fg-subtle, var(--fg-subtle));
   font-size: 13px;
 }
 
@@ -117,10 +116,10 @@
   display: flex;
   gap: 16px;
   padding: 8px 14px;
-  border-top: 1px solid var(--divider);
-  background: var(--bg-sunken);
+  border-top: 1px solid var(--lmn-command-palette-divider, var(--divider));
+  background: var(--lmn-command-palette-bg-sunken, var(--bg-sunken));
   font-size: 11.5px;
-  color: var(--fg-subtle);
+  color: var(--lmn-command-palette-fg-subtle, var(--fg-subtle));
 }
 .cmdp-footer span { display: inline-flex; align-items: center; gap: 4px; }
 
@@ -131,9 +130,9 @@
   height: 18px;
   padding: 0 5px;
   border-radius: 5px;
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-subtle);
+  background: var(--lmn-command-palette-bg, var(--bg));
+  box-shadow: var(--lmn-command-palette-neu-shadow-subtle, var(--neu-shadow-subtle));
   font-family: var(--font-mono);
   font-size: 10.5px;
-  color: var(--fg-muted);
+  color: var(--lmn-command-palette-fg-muted, var(--fg-muted));
 }

package/dist/CommandPalette.cjs

@@ -1,13 +1,16 @@
 'use strict';
 
-var chunk4TTRHEGM_cjs = require('./chunk-4TTRHEGM.cjs');
-require('./chunk-VS3I5OKA.cjs');
-require('./chunk-RZEFKXL3.cjs');
-require('./chunk-QMX67CVT.cjs');
+var chunkBIPOXOHP_cjs = require('./chunk-BIPOXOHP.cjs');
+require('./chunk-STQDKMS5.cjs');
+require('./chunk-HYHBCHFM.cjs');
+require('./chunk-HSDMJUB6.cjs');
+require('./chunk-2AUXUZ3Z.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "CommandPalette", {
   enumerable: true,
-  get: function () { return chunk4TTRHEGM_cjs.CommandPalette; }
+  get: function () { return chunkBIPOXOHP_cjs.CommandPalette; }
 });

package/dist/CommandPalette.d.cts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 
 interface CommandItem {
     key: string;
@@ -18,7 +19,7 @@ interface CommandItem {
     disabled?: boolean;
     onSelect?: () => void;
 }
-interface CommandPaletteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+interface CommandPaletteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">, ComponentThemeProps {
     open: boolean;
     onOpenChange?: (open: boolean) => void;
     items: CommandItem[];
@@ -31,35 +32,11 @@ interface CommandPaletteProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     resetOnOpen?: boolean;
     /** Footer node. Pass `null` to hide. */
     footer?: React.ReactNode;
+    /** 遮罩层的附加类名；`className` 会落到 ref 对应的面板节点。 */
+    overlayClassName?: string;
+    /** 命令面板节点的附加类名；不会污染全屏遮罩层。 */
     className?: string;
 }
-/**
- * `CommandPalette` — ⌘K-style action launcher. Search + grouped items +
- * keyboard nav. Rendered into `document.body`.
- *
- * The parent controls `open` via state — wire `Cmd/Ctrl+K` to toggle.
- *
- * @example
- * ```tsx
- * const [open, setOpen] = React.useState(false);
- * React.useEffect(() => {
- *   const h = (e: KeyboardEvent) => {
- *     if ((e.metaKey || e.ctrlKey) && e.key === "k") { e.preventDefault(); setOpen(o => !o); }
- *   };
- *   window.addEventListener("keydown", h);
- *   return () => window.removeEventListener("keydown", h);
- * }, []);
- *
- * <CommandPalette
- *   open={open}
- *   onOpenChange={setOpen}
- *   items={[
- *     { key: "new", label: "新建文件", icon: <Icon name="plus" size={14} />, group: "文件", shortcut: "⌘N", onSelect: () => {} },
- *     ...
- *   ]}
- * />
- * ```
- */
 declare const CommandPalette: React.ForwardRefExoticComponent<CommandPaletteProps & React.RefAttributes<HTMLDivElement>>;
 
 export { type CommandItem, CommandPalette, type CommandPaletteProps };

package/dist/CommandPalette.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 
 interface CommandItem {
     key: string;
@@ -18,7 +19,7 @@ interface CommandItem {
     disabled?: boolean;
     onSelect?: () => void;
 }
-interface CommandPaletteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+interface CommandPaletteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">, ComponentThemeProps {
     open: boolean;
     onOpenChange?: (open: boolean) => void;
     items: CommandItem[];
@@ -31,35 +32,11 @@ interface CommandPaletteProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     resetOnOpen?: boolean;
     /** Footer node. Pass `null` to hide. */
     footer?: React.ReactNode;
+    /** 遮罩层的附加类名；`className` 会落到 ref 对应的面板节点。 */
+    overlayClassName?: string;
+    /** 命令面板节点的附加类名；不会污染全屏遮罩层。 */
     className?: string;
 }
-/**
- * `CommandPalette` — ⌘K-style action launcher. Search + grouped items +
- * keyboard nav. Rendered into `document.body`.
- *
- * The parent controls `open` via state — wire `Cmd/Ctrl+K` to toggle.
- *
- * @example
- * ```tsx
- * const [open, setOpen] = React.useState(false);
- * React.useEffect(() => {
- *   const h = (e: KeyboardEvent) => {
- *     if ((e.metaKey || e.ctrlKey) && e.key === "k") { e.preventDefault(); setOpen(o => !o); }
- *   };
- *   window.addEventListener("keydown", h);
- *   return () => window.removeEventListener("keydown", h);
- * }, []);
- *
- * <CommandPalette
- *   open={open}
- *   onOpenChange={setOpen}
- *   items={[
- *     { key: "new", label: "新建文件", icon: <Icon name="plus" size={14} />, group: "文件", shortcut: "⌘N", onSelect: () => {} },
- *     ...
- *   ]}
- * />
- * ```
- */
 declare const CommandPalette: React.ForwardRefExoticComponent<CommandPaletteProps & React.RefAttributes<HTMLDivElement>>;
 
 export { type CommandItem, CommandPalette, type CommandPaletteProps };

package/dist/CommandPalette.js

@@ -1,4 +1,7 @@
-export { CommandPalette } from './chunk-5MOYKVB7.js';
-import './chunk-IOAOG5L7.js';
-import './chunk-S7IHWY24.js';
-import './chunk-FDZG27IG.js';
+export { CommandPalette } from './chunk-EAUB6FEN.js';
+import './chunk-UE4HFGJ6.js';
+import './chunk-3F424R5P.js';
+import './chunk-2A4GYSN4.js';
+import './chunk-LQMOYVQF.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';