@fangxinyan/lumina 0.8.0 → 0.9.1

package/dist/{chunk-EAUB6FEN.js → chunk-7PUYEPLK.js}

@@ -1,8 +1,8 @@
-import { Input } from './chunk-UE4HFGJ6.js';
+import { Input } from './chunk-TUXF2G2O.js';
 import { useOverlayZIndex, useOverlayLayer, OverlayZIndexProvider } from './chunk-2A4GYSN4.js';
-import { useComponentPortalTheme, InternalComponentThemePart, withComponentTheme } from './chunk-DRDDQCDD.js';
-import { usePortalContainer } from './chunk-ULTDRMGN.js';
-import './tokens-CEJVVA3G.css';
+import { useComponentPortalTheme, InternalComponentThemePart, withComponentTheme } from './chunk-5HLNFDV4.js';
+import { usePortalContainer } from './chunk-CPVUDSIY.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './CommandPalette-GHTX7AAA.css';
 import * as React from 'react';

package/dist/{chunk-7VLAHOA7.cjs → chunk-7ZMUCSCJ.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
 var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
-var chunk2AUXUZ3Z_cjs = require('./chunk-2AUXUZ3Z.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkVDVKY2IX_cjs = require('./chunk-VDVKY2IX.cjs');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+var chunkI4GJZLJU_cjs = require('./chunk-I4GJZLJU.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./Drawer-VCXAXWV6.css');
 var React = require('react');
@@ -66,8 +66,8 @@ var DrawerBase = React__namespace.forwardRef((props, ref) => {
     onClick,
     ...rest
   } = props;
-  const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
-  const portalTheme = chunkNRJXZPZR_cjs.useComponentPortalTheme("Drawer");
+  const portalContainer = chunkI4GJZLJU_cjs.usePortalContainer();
+  const portalTheme = chunkV6BLBIY6_cjs.useComponentPortalTheme("Drawer");
   const panelRef = React__namespace.useRef(null);
   const titleId = React__namespace.useId();
   const panelZIndex = chunkHSDMJUB6_cjs.useOverlayZIndex(open, zIndex);
@@ -158,7 +158,7 @@ var DrawerBase = React__namespace.forwardRef((props, ref) => {
                     className: "drawer-close",
                     onClick: onClose,
                     "aria-label": "Close",
-                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "x", size: 16 })
+                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "x", size: 16 })
                   }
                 )
               ] })
@@ -181,7 +181,7 @@ var DrawerBase = React__namespace.forwardRef((props, ref) => {
   );
 });
 DrawerBase.displayName = "Drawer";
-var Drawer = chunkNRJXZPZR_cjs.withComponentTheme(
+var Drawer = chunkV6BLBIY6_cjs.withComponentTheme(
   DrawerBase,
   "Drawer",
   "drawer",

package/dist/{chunk-RPO7657K.js → chunk-A34P5CU7.js}

@@ -1,8 +1,8 @@
 import { useFloating } from './chunk-3QXP2ZNP.js';
 import { useOverlayLayer } from './chunk-2A4GYSN4.js';
-import { useComponentPortalTheme, withComponentTheme } from './chunk-DRDDQCDD.js';
-import { usePortalContainer } from './chunk-ULTDRMGN.js';
-import './tokens-CEJVVA3G.css';
+import { useComponentPortalTheme, withComponentTheme } from './chunk-5HLNFDV4.js';
+import { usePortalContainer } from './chunk-CPVUDSIY.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Popover-LCXLR3EU.css';
 import * as React from 'react';

package/dist/{chunk-FKCPSVC4.cjs → chunk-ADPXWCTK.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunk2AUXUZ3Z_cjs = require('./chunk-2AUXUZ3Z.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkVDVKY2IX_cjs = require('./chunk-VDVKY2IX.cjs');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./AppShell-OWJRJ4ZD.css');
 var React = require('react');
@@ -66,12 +66,12 @@ var WindowControlsBase = React__namespace.forwardRef(({
   ] });
 });
 WindowControlsBase.displayName = "WindowControls";
-var WindowControls = chunkNRJXZPZR_cjs.withComponentTheme(
+var WindowControls = chunkV6BLBIY6_cjs.withComponentTheme(
   WindowControlsBase,
   "WindowControls",
   "app-shell"
 );
-var InternalWindowControls = chunkNRJXZPZR_cjs.withInternalComponentThemePart(
+var InternalWindowControls = chunkV6BLBIY6_cjs.withInternalComponentThemePart(
   WindowControls,
   "WindowControls"
 );
@@ -103,7 +103,7 @@ var TitleBarBase = React__namespace.forwardRef(({
   ] });
 });
 TitleBarBase.displayName = "TitleBar";
-var TitleBar = chunkNRJXZPZR_cjs.withComponentTheme(TitleBarBase, "TitleBar", "app-shell");
+var TitleBar = chunkV6BLBIY6_cjs.withComponentTheme(TitleBarBase, "TitleBar", "app-shell");
 var collectExpandableSidebarKeys = (items) => items.flatMap((item) => [
   ...item.children?.length ? [item.key] : [],
   ...item.children ? collectExpandableSidebarKeys(item.children) : []
@@ -157,7 +157,7 @@ var SidebarBase = React__namespace.forwardRef(({
             item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sidebar-icon", "aria-hidden": collapsed && !!textLabel, children: item.icon }),
             !collapsed && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sidebar-label", children: item.label }),
             !collapsed && item.badge != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sidebar-badge", children: item.badge }),
-            !collapsed && hasChildren && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `sidebar-expand ${expanded ? "open" : ""}`, "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "chevDown", size: 13 }) })
+            !collapsed && hasChildren && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `sidebar-expand ${expanded ? "open" : ""}`, "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "chevDown", size: 13 }) })
           ]
         }
       ),
@@ -171,7 +171,7 @@ var SidebarBase = React__namespace.forwardRef(({
   ] });
 });
 SidebarBase.displayName = "Sidebar";
-var Sidebar = chunkNRJXZPZR_cjs.withComponentTheme(SidebarBase, "Sidebar", "app-shell");
+var Sidebar = chunkV6BLBIY6_cjs.withComponentTheme(SidebarBase, "Sidebar", "app-shell");
 var AppShellBase = React__namespace.forwardRef(({ sidebar, titleBar, children, className = "", ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `app-shell ${className}`, ...rest, children: [
   titleBar,
   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "app-shell-body", children: [
@@ -180,7 +180,7 @@ var AppShellBase = React__namespace.forwardRef(({ sidebar, titleBar, children, c
   ] })
 ] }));
 AppShellBase.displayName = "AppShell";
-var AppShell = chunkNRJXZPZR_cjs.withComponentTheme(AppShellBase, "AppShell", "app-shell");
+var AppShell = chunkV6BLBIY6_cjs.withComponentTheme(AppShellBase, "AppShell", "app-shell");
 
 exports.AppShell = AppShell;
 exports.Sidebar = Sidebar;

package/dist/{chunk-QDCPVI3S.cjs → chunk-AE5XWZ24.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
 var chunkFJB3243S_cjs = require('./chunk-FJB3243S.cjs');
-var chunkSTQDKMS5_cjs = require('./chunk-STQDKMS5.cjs');
+var chunkGFGMGJ5A_cjs = require('./chunk-GFGMGJ5A.cjs');
 var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
-var chunk2AUXUZ3Z_cjs = require('./chunk-2AUXUZ3Z.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkVDVKY2IX_cjs = require('./chunk-VDVKY2IX.cjs');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+var chunkI4GJZLJU_cjs = require('./chunk-I4GJZLJU.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./Cascader-YBVDK6DC.css');
 var React = require('react');
@@ -87,8 +87,8 @@ var CascaderBase = React__namespace.forwardRef(({
   const [path, setPath] = React__namespace.useState(cur);
   const [query, setQuery] = React__namespace.useState("");
   const searchRef = React__namespace.useRef(null);
-  const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
-  const portalTheme = chunkNRJXZPZR_cjs.useComponentPortalTheme("Cascader");
+  const portalContainer = chunkI4GJZLJU_cjs.usePortalContainer();
+  const portalTheme = chunkV6BLBIY6_cjs.useComponentPortalTheme("Cascader");
   const panelId = React__namespace.useId();
   const searchConfig = typeof showSearch === "object" ? showSearch : {};
   const searchable = !!showSearch;
@@ -247,10 +247,10 @@ var CascaderBase = React__namespace.forwardRef(({
               "aria-label": "Clear",
               "aria-hidden": "true",
               onClick: clear,
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "x", size: 12 })
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "x", size: 12 })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { position: "absolute", right: 12, color: "var(--lmn-cascader-fg-subtle, var(--fg-subtle))" }, children: /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "chevDown", size: 14 }) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { position: "absolute", right: 12, color: "var(--lmn-cascader-fg-subtle, var(--fg-subtle))" }, children: /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "chevDown", size: 14 }) })
         ]
       }
     ),
@@ -266,8 +266,8 @@ var CascaderBase = React__namespace.forwardRef(({
           ...portalTheme.dataAttributes,
           style: panelStyle,
           children: [
-            searchable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cascader-search", children: /* @__PURE__ */ jsxRuntime.jsx(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Input", children: /* @__PURE__ */ jsxRuntime.jsx(
-              chunkSTQDKMS5_cjs.Input,
+            searchable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cascader-search", children: /* @__PURE__ */ jsxRuntime.jsx(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Input", children: /* @__PURE__ */ jsxRuntime.jsx(
+              chunkGFGMGJ5A_cjs.Input,
               {
                 ref: searchRef,
                 size: "sm",
@@ -307,10 +307,10 @@ var CascaderBase = React__namespace.forwardRef(({
                   onClick: () => pick(depth, o.value, hasChildren),
                   children: [
                     optionRender ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cascader-item-custom", children: optionRender(o, { depth, selected: isActive, hasChildren }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                      chunk2AUXUZ3Z_cjs.renderIconSlot(o.icon, { size: 13, className: "cascader-icon" }),
+                      chunkVDVKY2IX_cjs.renderIconSlot(o.icon, { size: 13, className: "cascader-icon" }),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cascader-item-label", children: o.label })
                     ] }),
-                    hasChildren && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "chev", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "chevRight", size: 12 }) })
+                    hasChildren && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "chev", children: /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "chevRight", size: 12 }) })
                   ]
                 },
                 o.value
@@ -324,7 +324,7 @@ var CascaderBase = React__namespace.forwardRef(({
   ] });
 });
 CascaderBase.displayName = "Cascader";
-var Cascader = chunkNRJXZPZR_cjs.withComponentTheme(
+var Cascader = chunkV6BLBIY6_cjs.withComponentTheme(
   CascaderBase,
   "Cascader",
   ["cascader", "input"]

package/dist/{chunk-RR7KWH26.cjs → chunk-AEY76EAH.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./Tabs-FB2AMBWL.css');
 var React = require('react');
@@ -117,6 +117,6 @@ var TabsBase = React__namespace.forwardRef(({
   );
 });
 TabsBase.displayName = "Tabs";
-var Tabs = chunkNRJXZPZR_cjs.withComponentTheme(TabsBase, "Tabs", "tabs");
+var Tabs = chunkV6BLBIY6_cjs.withComponentTheme(TabsBase, "Tabs", "tabs");
 
 exports.Tabs = Tabs;

package/dist/{chunk-DURKCGEM.js → chunk-AL2PYVVP.js}

@@ -1,19 +1,28 @@
-import { Tag } from './chunk-62VV5COT.js';
+import { Tag } from './chunk-OGMI3TO5.js';
 import { useFloating } from './chunk-3QXP2ZNP.js';
-import { Input } from './chunk-UE4HFGJ6.js';
+import { Input } from './chunk-TUXF2G2O.js';
 import { useOverlayLayer } from './chunk-2A4GYSN4.js';
-import { Icon, renderIconSlot } from './chunk-LQMOYVQF.js';
-import { withComponentTheme, useComponentPortalTheme, InternalComponentThemePart } from './chunk-DRDDQCDD.js';
-import { usePortalContainer } from './chunk-ULTDRMGN.js';
-import './tokens-CEJVVA3G.css';
+import { Icon, renderIconSlot } from './chunk-2BM65ITV.js';
+import { withComponentTheme, useComponentPortalTheme, InternalComponentThemePart } from './chunk-5HLNFDV4.js';
+import { usePortalContainer } from './chunk-CPVUDSIY.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
-import './Select-TU37MAHZ.css';
+import './Select-QPBB73KA.css';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 var isGroup = (it) => Array.isArray(it.options);
 var flatten = (items) => items.flatMap((it) => isGroup(it) ? it.options : [it]);
+var prioritizePinnedGroups = (items) => {
+  const pinnedGroups = [];
+  const remainingItems = [];
+  items.forEach((item) => {
+    if (isGroup(item) && item.pinned) pinnedGroups.push(item);
+    else remainingItems.push(item);
+  });
+  return pinnedGroups.length > 0 ? [...pinnedGroups, ...remainingItems] : items;
+};
 var defaultFilter = (input, opt, optionFilterProp) => {
   const q = input.toLowerCase();
   const propValue = optionFilterProp ? opt[optionFilterProp] : void 0;
@@ -43,6 +52,7 @@ var SelectInner = (props, forwardedRef) => {
     loading,
     emptyContent,
     optionRender,
+    optionExtraRender,
     selectedRender,
     listHeight = 260,
     popupStyle,
@@ -169,7 +179,11 @@ var SelectInner = (props, forwardedRef) => {
     }
     if (!open) setActiveIdx(-1);
   }, [open, mergedSearchable]);
-  const allFlat = React.useMemo(() => flatten(options), [options]);
+  const orderedItems = React.useMemo(
+    () => prioritizePinnedGroups(options),
+    [options]
+  );
+  const allFlat = React.useMemo(() => flatten(orderedItems), [orderedItems]);
   const filteredFlat = React.useMemo(() => {
     if (!query.trim()) return allFlat;
     if (filterOption === false) return allFlat;
@@ -177,15 +191,17 @@ var SelectInner = (props, forwardedRef) => {
     return allFlat.filter((o) => f(query, o));
   }, [allFlat, query, filterOption, optionFilterProp]);
   const filteredItems = React.useMemo(() => {
-    if (!query.trim()) return options;
-    return options.map((it) => {
+    if (!query.trim()) {
+      return orderedItems.filter((item) => !isGroup(item) || item.options.length > 0);
+    }
+    return orderedItems.map((it) => {
       if (!isGroup(it)) {
         return filteredFlat.includes(it) ? it : null;
       }
       const kept = it.options.filter((o) => filteredFlat.includes(o));
-      return kept.length ? { label: it.label, options: kept } : null;
+      return kept.length ? { ...it, options: kept } : null;
     }).filter((x) => x !== null);
-  }, [options, filteredFlat, query]);
+  }, [orderedItems, filteredFlat, query]);
   React.useEffect(() => {
     setActiveIdx((current) => {
       if (current >= 0 && current < filteredFlat.length && !isOptionDisabled(filteredFlat[current])) {
@@ -315,41 +331,66 @@ var SelectInner = (props, forwardedRef) => {
   const hasSelection = isMulti ? multiValue.length > 0 : singleValue != null;
   const showClear = mergedClearable && hasSelection && !disabled;
   let renderIdx = -1;
-  const renderOption = (o) => {
+  const renderOption = (o, groupPinned = false) => {
     renderIdx += 1;
     const idx = renderIdx;
     const sel = isSelected(o.value);
     const active = idx === activeIdx;
     const optionDisabled = isOptionDisabled(o);
+    const renderInfo = {
+      index: idx,
+      selected: sel,
+      active,
+      disabled: optionDisabled,
+      groupPinned
+    };
+    const extraContent = optionExtraRender ? optionExtraRender(o, renderInfo) : o.extra;
+    const hasExtra = extraContent !== null && extraContent !== void 0 && extraContent !== false;
     return /* @__PURE__ */ jsxs(
-      "button",
+      "div",
       {
-        id: `${listboxId}-option-${idx}`,
-        type: "button",
-        role: "option",
-        "aria-selected": sel,
-        "aria-label": getOptionAriaLabel(o),
-        disabled: optionDisabled,
-        className: `menu-item ${sel ? "active" : ""} ${active ? "highlight" : ""}`,
+        role: "presentation",
+        className: `menu-item-row ${sel ? "active" : ""} ${active ? "highlight" : ""} ${optionDisabled ? "disabled" : ""}`,
         onMouseEnter: () => {
           if (!optionDisabled) setActiveIdx(idx);
         },
-        onClick: () => isMulti ? toggleMulti(o) : pickSingle(o),
         children: [
-          isMulti && /* @__PURE__ */ jsx("span", { className: `menu-check ${sel ? "on" : ""}`, "aria-hidden": true, children: sel && /* @__PURE__ */ jsx(Icon, { name: "check", size: 11, stroke: 3 }) }),
-          optionRender ? /* @__PURE__ */ jsx("span", { className: "menu-item-custom", children: optionRender(o, { index: idx, selected: sel, active }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            renderIconSlot(o.icon, { size: 14, className: "menu-item-icon" }),
-            /* @__PURE__ */ jsxs("span", { className: "menu-item-body", children: [
-              /* @__PURE__ */ jsx("span", { className: "menu-item-label", children: o.label }),
-              o.description && /* @__PURE__ */ jsx("span", { className: "menu-item-desc", children: o.description })
-            ] })
-          ] }),
-          !isMulti && /* @__PURE__ */ jsx("span", { className: "tick", children: /* @__PURE__ */ jsx(Icon, { name: "check", size: 12, stroke: 3 }) })
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              id: `${listboxId}-option-${idx}`,
+              type: "button",
+              role: "option",
+              "aria-selected": sel,
+              "aria-label": getOptionAriaLabel(o),
+              disabled: optionDisabled,
+              className: `menu-item ${sel ? "active" : ""} ${active ? "highlight" : ""}`,
+              onClick: () => isMulti ? toggleMulti(o) : pickSingle(o),
+              children: [
+                isMulti && /* @__PURE__ */ jsx("span", { className: `menu-check ${sel ? "on" : ""}`, "aria-hidden": true, children: sel && /* @__PURE__ */ jsx(Icon, { name: "check", size: 11, stroke: 3 }) }),
+                optionRender ? /* @__PURE__ */ jsx("span", { className: "menu-item-custom", children: optionRender(o, renderInfo) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  renderIconSlot(o.icon, { size: 14, className: "menu-item-icon" }),
+                  /* @__PURE__ */ jsxs("span", { className: "menu-item-body", children: [
+                    /* @__PURE__ */ jsx("span", { className: "menu-item-label", children: o.label }),
+                    o.description && /* @__PURE__ */ jsx("span", { className: "menu-item-desc", children: o.description })
+                  ] })
+                ] }),
+                !isMulti && /* @__PURE__ */ jsx("span", { className: "tick", children: /* @__PURE__ */ jsx(Icon, { name: "check", size: 12, stroke: 3 }) })
+              ]
+            }
+          ),
+          hasExtra && /* @__PURE__ */ jsx("span", { className: "menu-item-extra", children: extraContent })
         ]
       },
       String(o.value)
     );
   };
+  const renderMenuItems = (items) => items.map(
+    (item, groupIndex) => isGroup(item) ? /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "menu-group-label", children: item.label }),
+      item.options.map((option) => renderOption(option, !!item.pinned))
+    ] }, `g-${groupIndex}-${item.pinned ? "pinned" : "regular"}`) : renderOption(item)
+  );
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -465,15 +506,10 @@ var SelectInner = (props, forwardedRef) => {
                     children: loading ? /* @__PURE__ */ jsxs("div", { className: "menu-state", children: [
                       /* @__PURE__ */ jsx("span", { className: "menu-state-ico", children: /* @__PURE__ */ jsx("span", { className: "spinner" }) }),
                       /* @__PURE__ */ jsx("span", { children: "\u52A0\u8F7D\u4E2D..." })
-                    ] }) : filteredItems.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "menu-state", children: [
+                    ] }) : filteredFlat.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "menu-state", children: [
                       /* @__PURE__ */ jsx("span", { className: "menu-state-ico", children: /* @__PURE__ */ jsx(Icon, { name: "search", size: 16 }) }),
                       /* @__PURE__ */ jsx("span", { children: emptyContent ?? "\u6682\u65E0\u5339\u914D\u9879" })
-                    ] }) : filteredItems.map(
-                      (it, gi) => isGroup(it) ? /* @__PURE__ */ jsxs(React.Fragment, { children: [
-                        /* @__PURE__ */ jsx("div", { className: "menu-group-label", children: it.label }),
-                        it.options.map(renderOption)
-                      ] }, `g-${gi}`) : renderOption(it)
-                    )
+                    ] }) : renderMenuItems(filteredItems)
                   }
                 )
               ]

package/dist/{chunk-PIJV2FHO.cjs → chunk-AQN3PD24.cjs}

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkZYIE3BH7_cjs = require('./chunk-ZYIE3BH7.cjs');
+var chunkZBRFGD3I_cjs = require('./chunk-ZBRFGD3I.cjs');
 var chunkG5LCOBOT_cjs = require('./chunk-G5LCOBOT.cjs');
-var chunkWROF2PVG_cjs = require('./chunk-WROF2PVG.cjs');
-var chunkE66PSVBU_cjs = require('./chunk-E66PSVBU.cjs');
-var chunkVVRXNGYL_cjs = require('./chunk-VVRXNGYL.cjs');
-var chunkSTQDKMS5_cjs = require('./chunk-STQDKMS5.cjs');
-var chunkT4RR6NVU_cjs = require('./chunk-T4RR6NVU.cjs');
-var chunk2AUXUZ3Z_cjs = require('./chunk-2AUXUZ3Z.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkUQF7E32V_cjs = require('./chunk-UQF7E32V.cjs');
+var chunkQTMI4ZA4_cjs = require('./chunk-QTMI4ZA4.cjs');
+var chunkHJGPUE67_cjs = require('./chunk-HJGPUE67.cjs');
+var chunkGFGMGJ5A_cjs = require('./chunk-GFGMGJ5A.cjs');
+var chunkM3JYP3V4_cjs = require('./chunk-M3JYP3V4.cjs');
+var chunkVDVKY2IX_cjs = require('./chunk-VDVKY2IX.cjs');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+var chunkI4GJZLJU_cjs = require('./chunk-I4GJZLJU.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./ThemePanel-EHNAS4RN.css');
 var React = require('react');
@@ -36,12 +36,12 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var Button2 = chunkNRJXZPZR_cjs.withInternalComponentThemePart(chunkT4RR6NVU_cjs.Button, "Button");
-var ColorPicker2 = chunkNRJXZPZR_cjs.withInternalComponentThemePart(chunkVVRXNGYL_cjs.ColorPicker, "ColorPicker");
-var Input2 = chunkNRJXZPZR_cjs.withInternalComponentThemePart(chunkSTQDKMS5_cjs.Input, "Input");
-var RadioGroup2 = chunkNRJXZPZR_cjs.withInternalComponentThemePart(chunkE66PSVBU_cjs.RadioGroup, ["RadioGroup", "Radio"]);
-var Slider2 = chunkNRJXZPZR_cjs.withInternalComponentThemePart(chunkZYIE3BH7_cjs.Slider, "Slider");
-var Switch2 = chunkNRJXZPZR_cjs.withInternalComponentThemePart(chunkWROF2PVG_cjs.Switch, "Switch");
+var Button2 = chunkV6BLBIY6_cjs.withInternalComponentThemePart(chunkM3JYP3V4_cjs.Button, "Button");
+var ColorPicker2 = chunkV6BLBIY6_cjs.withInternalComponentThemePart(chunkHJGPUE67_cjs.ColorPicker, "ColorPicker");
+var Input2 = chunkV6BLBIY6_cjs.withInternalComponentThemePart(chunkGFGMGJ5A_cjs.Input, "Input");
+var RadioGroup2 = chunkV6BLBIY6_cjs.withInternalComponentThemePart(chunkQTMI4ZA4_cjs.RadioGroup, ["RadioGroup", "Radio"]);
+var Slider2 = chunkV6BLBIY6_cjs.withInternalComponentThemePart(chunkZBRFGD3I_cjs.Slider, "Slider");
+var Switch2 = chunkV6BLBIY6_cjs.withInternalComponentThemePart(chunkUQF7E32V_cjs.Switch, "Switch");
 var THEME_PANEL_DEFAULT_THEME_PRESETS = chunkG5LCOBOT_cjs.pickLuminaThemePresets(["light", "dark", "porcelain", "assistant", "assistantDark"]);
 var THEME_PANEL_DEFAULT_PRESET_OPTIONS = [
   { key: "light", label: "\u6D45\u8272", description: "\u9ED8\u8BA4", preset: THEME_PANEL_DEFAULT_THEME_PRESETS.light },
@@ -138,7 +138,7 @@ var getShadowScaleRange = (key) => key === "shadow-float-scale" ? THEME_PANEL_RA
 function accentFromPreset(preset) {
   const accent = preset?.accent ?? "sky";
   if (typeof accent === "string") {
-    return chunkEE5KXDRK_cjs.ACCENT_PRESETS[accent]?.accent ?? accent;
+    return chunkI4GJZLJU_cjs.ACCENT_PRESETS[accent]?.accent ?? accent;
   }
   return accent.accent;
 }
@@ -326,8 +326,8 @@ function fontConfigToText(font) {
   return typeof font === "string" ? font : JSON.stringify(font);
 }
 function fontToStack(font) {
-  if (typeof font === "string") return chunkEE5KXDRK_cjs.FONT_STACKS[font] ?? font;
-  return font.sans ?? font.display ?? chunkEE5KXDRK_cjs.FONT_STACKS.system;
+  if (typeof font === "string") return chunkI4GJZLJU_cjs.FONT_STACKS[font] ?? font;
+  return font.sans ?? font.display ?? chunkI4GJZLJU_cjs.FONT_STACKS.system;
 }
 function tokenPickerValue(value, fallback) {
   return cssColorToHex(value ?? fallback, fallback);
@@ -360,7 +360,7 @@ var ThemePanelBase = React__namespace.forwardRef(
     className = "",
     ...rest
   }, ref) => {
-    const theme = chunkEE5KXDRK_cjs.useTheme();
+    const theme = chunkI4GJZLJU_cjs.useTheme();
     const rootRef = React__namespace.useRef(null);
     const previewSnapshotRef = React__namespace.useRef(null);
     const updateThemeRef = React__namespace.useRef(theme.update);
@@ -540,7 +540,7 @@ var ThemePanelBase = React__namespace.forwardRef(
         font: preset.font ?? theme.font,
         colors: { ...preset.colors ?? {} },
         tokens: preset.tokens ?? {},
-        components: chunkEE5KXDRK_cjs.mergeComponentThemeOverrides(void 0, preset.components)
+        components: chunkI4GJZLJU_cjs.mergeComponentThemeOverrides(void 0, preset.components)
       });
     };
     const deletePreset = (option) => {
@@ -563,7 +563,7 @@ var ThemePanelBase = React__namespace.forwardRef(
         font: fallbackPreset.font,
         colors: { ...fallbackPreset.colors ?? {} },
         tokens: fallbackPreset.tokens,
-        components: chunkEE5KXDRK_cjs.mergeComponentThemeOverrides(void 0, fallbackPreset.components)
+        components: chunkI4GJZLJU_cjs.mergeComponentThemeOverrides(void 0, fallbackPreset.components)
       } : {};
       theme.update({
         ...nextConfig,
@@ -632,7 +632,7 @@ var ThemePanelBase = React__namespace.forwardRef(
       font: theme.font,
       colors: { ...theme.colors },
       tokens: { ...tokens },
-      components: chunkEE5KXDRK_cjs.mergeComponentThemeOverrides(void 0, theme.components)
+      components: chunkI4GJZLJU_cjs.mergeComponentThemeOverrides(void 0, theme.components)
     });
     const updateLiveBase = (base) => {
       clearCreateState();
@@ -730,7 +730,7 @@ var ThemePanelBase = React__namespace.forwardRef(
         font: theme.font,
         colors: { ...theme.colors },
         tokens: currentTokens,
-        components: chunkEE5KXDRK_cjs.mergeComponentThemeOverrides(void 0, theme.components)
+        components: chunkI4GJZLJU_cjs.mergeComponentThemeOverrides(void 0, theme.components)
       };
       const basePresets = {
         light: base === "light" ? currentPreset : THEME_PANEL_DEFAULT_THEME_PRESETS.light,
@@ -765,7 +765,7 @@ var ThemePanelBase = React__namespace.forwardRef(
       setDraftIntensity(theme.intensity);
       setDraftRadius(theme.radius);
       setDraftFont(theme.font ?? "sf");
-      setDraftComponents(chunkEE5KXDRK_cjs.mergeComponentThemeOverrides(void 0, theme.components));
+      setDraftComponents(chunkI4GJZLJU_cjs.mergeComponentThemeOverrides(void 0, theme.components));
       setAdvancedFontMode(toFontKey(theme.font) === theme.font ? "preset" : "custom");
       setCreateMode("simple");
       setCustomAccent(accent);
@@ -1052,7 +1052,7 @@ var ThemePanelBase = React__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: setRootRef, className: rootClass, ...rest, children: [
       (title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-head", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-title", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "sliders", size: 14 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "sliders", size: 14 }),
           title && /* @__PURE__ */ jsxRuntime.jsx("span", { children: title })
         ] }),
         description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "theme-panel-desc", children: description })
@@ -1280,7 +1280,7 @@ var ThemePanelBase = React__namespace.forwardRef(
               },
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "theme-panel-create-preview-label", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "palette", size: 13 }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "palette", size: 13 }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { children: draftName.trim() || "\u81EA\u5B9A\u4E49\u4E3B\u9898" })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("i", { "aria-hidden": true })
@@ -1310,14 +1310,14 @@ var ThemePanelBase = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: theme.accent === "custom" ? customAccent : theme.accent })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-swatches", children: [
-          Object.keys(chunkEE5KXDRK_cjs.ACCENT_PRESETS).map((key) => /* @__PURE__ */ jsxRuntime.jsx(
+          Object.keys(chunkI4GJZLJU_cjs.ACCENT_PRESETS).map((key) => /* @__PURE__ */ jsxRuntime.jsx(
             Button2,
             {
               type: "button",
               size: "sm",
               "aria-label": key,
               className: `theme-panel-swatch ${theme.accent === key ? "active" : ""}`,
-              style: { background: chunkEE5KXDRK_cjs.ACCENT_PRESETS[key].accent },
+              style: { background: chunkI4GJZLJU_cjs.ACCENT_PRESETS[key].accent },
               onClick: () => theme.setAccent(key)
             },
             key
@@ -1548,7 +1548,7 @@ var ThemePanelBase = React__namespace.forwardRef(
   }
 );
 ThemePanelBase.displayName = "ThemePanel";
-var ThemePanel = chunkNRJXZPZR_cjs.withComponentTheme(
+var ThemePanel = chunkV6BLBIY6_cjs.withComponentTheme(
   ThemePanelBase,
   "ThemePanel",
   ["theme-panel", "button", "color-picker", "input", "radio", "slider", "switch"]

package/dist/{chunk-RMGFRAZ2.cjs → chunk-AR3MT2ZT.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
 var chunkFJB3243S_cjs = require('./chunk-FJB3243S.cjs');
-var chunkSTQDKMS5_cjs = require('./chunk-STQDKMS5.cjs');
+var chunkGFGMGJ5A_cjs = require('./chunk-GFGMGJ5A.cjs');
 var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+var chunkI4GJZLJU_cjs = require('./chunk-I4GJZLJU.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./AutoComplete-PNCYHU2T.css');
 var React = require('react');
@@ -70,7 +70,7 @@ var AutoComplete = React__namespace.forwardRef(
     const [innerOpen, setInnerOpen] = React__namespace.useState(false);
     const open = innerOpen && !disabled;
     const [active, setActive] = React__namespace.useState(0);
-    const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
+    const portalContainer = chunkI4GJZLJU_cjs.usePortalContainer();
     const listboxId = React__namespace.useId();
     const filtered = React__namespace.useMemo(() => {
       const nonEmptyOptions = options.filter((option) => option.value !== "");
@@ -84,7 +84,7 @@ var AutoComplete = React__namespace.forwardRef(
       matchTriggerWidth,
       panelHeight: Math.min(filtered.length * 36 + 12, 280)
     });
-    const [themeRootElement, themeRootRef] = chunkNRJXZPZR_cjs.useComponentThemeRootRef(
+    const [themeRootElement, themeRootRef] = chunkV6BLBIY6_cjs.useComponentThemeRootRef(
       triggerRef,
       { component: "AutoComplete", theme }
     );
@@ -169,7 +169,7 @@ var AutoComplete = React__namespace.forwardRef(
       }
     };
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNRJXZPZR_cjs.ComponentThemeBoundary,
+      chunkV6BLBIY6_cjs.ComponentThemeBoundary,
       {
         component: "AutoComplete",
         cssPrefix: ["auto-complete", "input"],
@@ -181,10 +181,10 @@ var AutoComplete = React__namespace.forwardRef(
             ref: themeRootRef,
             className: `autocomplete ${className}`,
             ...themeState.rootDataAttributes,
-            style: chunkNRJXZPZR_cjs.mergeComponentRootStyleWithInstanceStyle(themeState.rootStyle, style),
+            style: chunkV6BLBIY6_cjs.mergeComponentRootStyleWithInstanceStyle(themeState.rootStyle, style),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Input", children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkSTQDKMS5_cjs.Input,
+              /* @__PURE__ */ jsxRuntime.jsx(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Input", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkGFGMGJ5A_cjs.Input,
                 {
                   ref,
                   ...rest,

package/dist/{chunk-3F424R5P.js → chunk-AXZNZ2IH.js}

@@ -1,6 +1,6 @@
-import { Icon } from './chunk-LQMOYVQF.js';
-import { useComponentThemeRootRef, ComponentThemeBoundary, mergeComponentRootStyleWithInstanceStyle } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { Icon } from './chunk-2BM65ITV.js';
+import { useComponentThemeRootRef, ComponentThemeBoundary, mergeComponentRootStyleWithInstanceStyle } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Textarea-ZGHBZNLX.css';
 import * as React from 'react';