@fangxinyan/lumina 0.8.0 → 0.9.0

package/dist/{chunk-VVRXNGYL.cjs → chunk-HJGPUE67.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('./ColorPicker-GRZOKR5O.css');
 var React = require('react');
@@ -295,8 +295,8 @@ var ColorPickerBase = React__namespace.forwardRef(
       panelWidth: 256,
       panelHeight: 300
     });
-    const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
-    const portalTheme = chunkNRJXZPZR_cjs.useComponentPortalTheme(["ColorPicker", "ThemePanel"]);
+    const portalContainer = chunkI4GJZLJU_cjs.usePortalContainer();
+    const portalTheme = chunkV6BLBIY6_cjs.useComponentPortalTheme(["ColorPicker", "ThemePanel"]);
     const panelId = React__namespace.useId();
     chunkHSDMJUB6_cjs.useOverlayLayer({
       open: open && !disabled && portalContainer != null,
@@ -497,8 +497,8 @@ var ColorPickerBase = React__namespace.forwardRef(
                   /* @__PURE__ */ jsxRuntime.jsx(HueSlider, { hue: h, onChange: handleHue }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cp-row", children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cp-swatch sm", style: { background: current } }),
-                    /* @__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,
                       {
                         className: "cp-input",
                         size: "sm",
@@ -533,7 +533,7 @@ var ColorPickerBase = React__namespace.forwardRef(
   }
 );
 ColorPickerBase.displayName = "ColorPicker";
-var ColorPicker = chunkNRJXZPZR_cjs.withComponentTheme(
+var ColorPicker = chunkV6BLBIY6_cjs.withComponentTheme(
   ColorPickerBase,
   "ColorPicker",
   ["color-picker", "input"]

package/dist/{chunk-WHBKQZU5.cjs → chunk-HMN65CDW.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkPNKNZREC_cjs = require('./chunk-PNKNZREC.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunk7KA5D37Z_cjs = require('./chunk-7KA5D37Z.cjs');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./TablePro-WYE6TXWJ.css');
 var React = require('react');
@@ -76,8 +76,8 @@ var TableProInner = ({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-main", children: toolbar }),
           actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-actions", children: actions })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Table", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkPNKNZREC_cjs.Table,
+        /* @__PURE__ */ jsxRuntime.jsx(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Table", children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunk7KA5D37Z_cjs.Table,
           {
             columns,
             data,
@@ -113,7 +113,7 @@ var TableProInner = ({
 };
 var TableProBase = React__namespace.forwardRef(TableProInner);
 TableProBase.displayName = "TablePro";
-var TablePro = chunkNRJXZPZR_cjs.withComponentTheme(
+var TablePro = chunkV6BLBIY6_cjs.withComponentTheme(
   TableProBase,
   "TablePro",
   ["table-pro", "table", "button", "checkbox", "pagination", "select", "input"]

package/dist/{chunk-MUZQWIMR.cjs → chunk-I2YL5XE4.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
 var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.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 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('./Modal-UI2FXNDR.css');
 var React = require('react');
@@ -73,8 +73,8 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
     onClick,
     ...rest
   } = props;
-  const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
-  const portalTheme = chunkNRJXZPZR_cjs.useComponentPortalTheme("Modal");
+  const portalContainer = chunkI4GJZLJU_cjs.usePortalContainer();
+  const portalTheme = chunkV6BLBIY6_cjs.useComponentPortalTheme("Modal");
   const panelRef = React__namespace.useRef(null);
   const titleId = React__namespace.useId();
   const descriptionId = React__namespace.useId();
@@ -129,10 +129,10 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
     ...hasExplicitWidth ? { width } : null,
     ...style
   };
-  const defaultFooter = /* @__PURE__ */ jsxRuntime.jsxs(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Button", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkT4RR6NVU_cjs.Button, { variant: "ghost", onClick: handleCancel, ...cancelButtonProps, children: cancelText }),
+  const defaultFooter = /* @__PURE__ */ jsxRuntime.jsxs(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Button", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkM3JYP3V4_cjs.Button, { variant: "ghost", onClick: handleCancel, ...cancelButtonProps, children: cancelText }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkT4RR6NVU_cjs.Button,
+      chunkM3JYP3V4_cjs.Button,
       {
         variant: "primary",
         loading: confirmLoading,
@@ -182,7 +182,7 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
                     className: "modal-close",
                     onClick: handleCancel,
                     "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 })
                   }
                 )
               ] }),
@@ -205,7 +205,7 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
   );
 });
 ModalBase.displayName = "Modal";
-var ThemedModalBase = chunkNRJXZPZR_cjs.withComponentTheme(
+var ThemedModalBase = chunkV6BLBIY6_cjs.withComponentTheme(
   ModalBase,
   "Modal",
   ["modal", "button"],
@@ -262,10 +262,10 @@ var StaticModalHost = ({
     destroy();
   }, [destroy, onOk]);
   const okVariant = kind === "error" ? "danger" : "primary";
-  const mergedFooter = footer !== void 0 ? footer : okCancel ? /* @__PURE__ */ jsxRuntime.jsxs(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Button", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkT4RR6NVU_cjs.Button, { variant: "ghost", onClick: close, ...cancelButtonProps, children: cancelText }),
+  const mergedFooter = footer !== void 0 ? footer : okCancel ? /* @__PURE__ */ jsxRuntime.jsxs(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Button", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkM3JYP3V4_cjs.Button, { variant: "ghost", onClick: close, ...cancelButtonProps, children: cancelText }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkT4RR6NVU_cjs.Button,
+      chunkM3JYP3V4_cjs.Button,
       {
         variant: okVariant,
         loading: loading || confirmLoading,
@@ -274,8 +274,8 @@ var StaticModalHost = ({
         children: okText
       }
     )
-  ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Button", children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkT4RR6NVU_cjs.Button,
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Button", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkM3JYP3V4_cjs.Button,
     {
       variant: okVariant,
       loading: loading || confirmLoading,
@@ -297,7 +297,7 @@ var StaticModalHost = ({
       className,
       maskClassName: ["modal-static-overlay", config.maskClassName].filter(Boolean).join(" "),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal-static-body", children: [
-        icon !== false && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `modal-static-icon ${kind}`, children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: staticIconName[kind], size: 20 }) }),
+        icon !== false && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `modal-static-icon ${kind}`, children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: staticIconName[kind], size: 20 }) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-static-content", children: content ?? children })
       ] })
     }

package/dist/{chunk-EE5KXDRK.cjs → chunk-I4GJZLJU.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-CEJVVA3G.css');
+require('./tokens-223RYVVS.css');
 var React3 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -437,16 +437,16 @@ function visualThemeToStyle(snapshot, prefix = "") {
   const d = 0.4 + snapshot.intensity * 0.12;
   const dark = snapshot.colorScheme === "dark";
   style[variable("d")] = String(d);
-  style[variable("shadow-offset")] = `calc(${dark ? 4 : 6}px * ${reference("d")} * ${inheritedReference("shadow-scale")})`;
-  style[variable("shadow-blur")] = `calc(${dark ? 10 : 16}px * ${reference("d")} * ${inheritedReference("shadow-scale")})`;
-  style[variable("shadow-inset-offset")] = `calc(${dark ? 3 : 4}px * ${reference("d")} * ${inheritedReference("shadow-scale")})`;
-  style[variable("shadow-inset-blur")] = `calc(${dark ? 7 : 10}px * ${reference("d")} * ${inheritedReference("shadow-scale")})`;
+  style[variable("shadow-offset")] = `calc(${dark ? 3 : 5}px * ${reference("d")} * ${inheritedReference("shadow-scale")})`;
+  style[variable("shadow-blur")] = `calc(${dark ? 8 : 12}px * ${reference("d")} * ${inheritedReference("shadow-scale")})`;
+  style[variable("shadow-inset-offset")] = `calc(${dark ? 2 : 3}px * ${reference("d")} * ${inheritedReference("shadow-scale")})`;
+  style[variable("shadow-inset-blur")] = `calc(${dark ? 5 : 8}px * ${reference("d")} * ${inheritedReference("shadow-scale")})`;
   style[variable("neu-shadow-panel")] = `${reference("shadow-offset")} ${reference("shadow-offset")} ${reference("shadow-blur")} ${reference("shadow-dark")}, calc(${reference("shadow-offset")} * -1) calc(${reference("shadow-offset")} * -1) ${reference("shadow-blur")} ${reference("shadow-light")}`;
   style[variable("neu-shadow-control")] = `calc(${reference("shadow-offset")} * .5) calc(${reference("shadow-offset")} * .5) calc(${reference("shadow-blur")} * .6) ${reference("shadow-dark")}, calc(${reference("shadow-offset")} * -.5) calc(${reference("shadow-offset")} * -.5) calc(${reference("shadow-blur")} * .6) ${reference("shadow-light")}`;
   style[variable("neu-shadow-lift")] = `calc(${reference("shadow-offset")} * 1.6) calc(${reference("shadow-offset")} * 1.6) calc(${reference("shadow-blur")} * 1.4) ${reference("shadow-dark")}, calc(${reference("shadow-offset")} * -1.6) calc(${reference("shadow-offset")} * -1.6) calc(${reference("shadow-blur")} * 1.4) ${reference("shadow-light")}`;
   style[variable("neu-shadow-inset-strong")] = `inset ${reference("shadow-inset-offset")} ${reference("shadow-inset-offset")} ${reference("shadow-inset-blur")} ${reference("shadow-dark")}, inset calc(${reference("shadow-inset-offset")} * -1) calc(${reference("shadow-inset-offset")} * -1) ${reference("shadow-inset-blur")} ${reference("shadow-light")}`;
   style[variable("neu-shadow-inset")] = `inset calc(${reference("shadow-inset-offset")} * .6) calc(${reference("shadow-inset-offset")} * .6) calc(${reference("shadow-inset-blur")} * .6) ${reference("shadow-dark")}, inset calc(${reference("shadow-inset-offset")} * -.6) calc(${reference("shadow-inset-offset")} * -.6) calc(${reference("shadow-inset-blur")} * .6) ${reference("shadow-light")}`;
-  style[variable("neu-shadow-subtle")] = `1px 1px 2px ${reference("shadow-dark")}, -1px -1px 2px ${reference("shadow-light")}`;
+  style[variable("neu-shadow-subtle")] = `.75px .75px 1.5px ${reference("shadow-dark")}, -.75px -.75px 1.5px ${reference("shadow-light")}`;
   style[variable("neu-shadow-float")] = `0 calc(${reference("shadow-offset")} * 1.8 * ${inheritedReference("shadow-float-scale")}) calc(${reference("shadow-blur")} * 2.2 * ${inheritedReference("shadow-float-scale")}) ${reference("shadow-dark")}, 0 calc(${reference("shadow-offset")} * .4 * ${inheritedReference("shadow-float-scale")}) calc(${reference("shadow-blur")} * .7 * ${inheritedReference("shadow-float-scale")}) ${reference("shadow-dark")}`;
   style[variable("neu-out")] = reference("neu-shadow-panel");
   style[variable("neu-out-sm")] = reference("neu-shadow-control");

package/dist/{chunk-QDMFXRPI.js → chunk-INCTDROH.js}

@@ -1,6 +1,6 @@
 import { isTargetWithinOverlayScope } from './chunk-2A4GYSN4.js';
-import { withComponentTheme } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { withComponentTheme } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Form-DNEDZRJA.css';
 import * as React from 'react';

package/dist/{chunk-2BIOTRQC.js → chunk-ISK2RW7F.js}

@@ -1,5 +1,5 @@
-import { withComponentTheme } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { withComponentTheme } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Divider-OI2BXPBU.css';
 import * as React from 'react';

package/dist/{chunk-OLYSSZHP.js → chunk-IU6PLLEL.js}

@@ -1,14 +1,14 @@
-import { Slider } from './chunk-K5HGHOG7.js';
+import { Slider } from './chunk-Y3WFWA52.js';
 import { pickLuminaThemePresets } from './chunk-TSL3F2K3.js';
-import { Switch } from './chunk-LEDESWNL.js';
-import { RadioGroup } from './chunk-QDY56GGO.js';
-import { ColorPicker } from './chunk-FY73C7JK.js';
-import { Input } from './chunk-UE4HFGJ6.js';
-import { Button } from './chunk-JHM7MN3G.js';
-import { Icon } from './chunk-LQMOYVQF.js';
-import { withInternalComponentThemePart, withComponentTheme } from './chunk-DRDDQCDD.js';
-import { useTheme, ACCENT_PRESETS, mergeComponentThemeOverrides, FONT_STACKS } from './chunk-ULTDRMGN.js';
-import './tokens-CEJVVA3G.css';
+import { Switch } from './chunk-O6PRE6MZ.js';
+import { RadioGroup } from './chunk-D2N7OXMK.js';
+import { ColorPicker } from './chunk-MEBAE7DB.js';
+import { Input } from './chunk-TUXF2G2O.js';
+import { Button } from './chunk-563SQXH7.js';
+import { Icon } from './chunk-2BM65ITV.js';
+import { withInternalComponentThemePart, withComponentTheme } from './chunk-5HLNFDV4.js';
+import { useTheme, ACCENT_PRESETS, mergeComponentThemeOverrides, FONT_STACKS } from './chunk-CPVUDSIY.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './ThemePanel-EHNAS4RN.css';
 import * as React from 'react';

package/dist/{chunk-J5UEQ3ZQ.js → chunk-J7D5CQDK.js}

@@ -1,5 +1,5 @@
-import { withComponentTheme } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { withComponentTheme } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Splitter-IQ3PFIKK.css';
 import * as React from 'react';

package/dist/{chunk-WMISXERU.js → chunk-JMYUO7V7.js}

@@ -1,12 +1,12 @@
-import { Pagination } from './chunk-HQNDVNTQ.js';
-import { Checkbox } from './chunk-KATJAJUU.js';
+import { Pagination } from './chunk-UCE53RYR.js';
+import { Checkbox } from './chunk-QSLXUNLM.js';
 import { useFloating } from './chunk-3QXP2ZNP.js';
 import { useOverlayLayer } from './chunk-2A4GYSN4.js';
-import { Button, IconButton } from './chunk-JHM7MN3G.js';
-import { Icon } from './chunk-LQMOYVQF.js';
-import { withComponentTheme, InternalComponentThemePart, useComponentPortalTheme } from './chunk-DRDDQCDD.js';
-import { usePortalContainer } from './chunk-ULTDRMGN.js';
-import './tokens-CEJVVA3G.css';
+import { Button, IconButton } from './chunk-563SQXH7.js';
+import { Icon } from './chunk-2BM65ITV.js';
+import { withComponentTheme, InternalComponentThemePart, useComponentPortalTheme } from './chunk-5HLNFDV4.js';
+import { usePortalContainer } from './chunk-CPVUDSIY.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Table-KB6EEBDJ.css';
 import * as React from 'react';

package/dist/{chunk-SF7BPXDJ.cjs → chunk-K3KHQ77L.cjs}

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunkGFKWSDD6_cjs = require('./chunk-GFKWSDD6.cjs');
+var chunkVNP5WB6M_cjs = require('./chunk-VNP5WB6M.cjs');
 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('./Select-TU37MAHZ.css');
+require('./Select-QPBB73KA.css');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -36,6 +36,15 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 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;
@@ -65,6 +74,7 @@ var SelectInner = (props, forwardedRef) => {
     loading,
     emptyContent,
     optionRender,
+    optionExtraRender,
     selectedRender,
     listHeight = 260,
     popupStyle,
@@ -110,8 +120,8 @@ var SelectInner = (props, forwardedRef) => {
   const [query, setQuery] = React__namespace.useState("");
   const [activeIdx, setActiveIdx] = React__namespace.useState(-1);
   const searchRef = React__namespace.useRef(null);
-  const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
-  const portalTheme = chunkNRJXZPZR_cjs.useComponentPortalTheme([
+  const portalContainer = chunkI4GJZLJU_cjs.usePortalContainer();
+  const portalTheme = chunkV6BLBIY6_cjs.useComponentPortalTheme([
     "Select",
     "Pagination",
     "Table",
@@ -191,7 +201,11 @@ var SelectInner = (props, forwardedRef) => {
     }
     if (!open) setActiveIdx(-1);
   }, [open, mergedSearchable]);
-  const allFlat = React__namespace.useMemo(() => flatten(options), [options]);
+  const orderedItems = React__namespace.useMemo(
+    () => prioritizePinnedGroups(options),
+    [options]
+  );
+  const allFlat = React__namespace.useMemo(() => flatten(orderedItems), [orderedItems]);
   const filteredFlat = React__namespace.useMemo(() => {
     if (!query.trim()) return allFlat;
     if (filterOption === false) return allFlat;
@@ -199,15 +213,17 @@ var SelectInner = (props, forwardedRef) => {
     return allFlat.filter((o) => f(query, o));
   }, [allFlat, query, filterOption, optionFilterProp]);
   const filteredItems = React__namespace.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__namespace.useEffect(() => {
     setActiveIdx((current) => {
       if (current >= 0 && current < filteredFlat.length && !isOptionDisabled(filteredFlat[current])) {
@@ -301,9 +317,9 @@ var SelectInner = (props, forwardedRef) => {
       if (selected.length === 0) {
         return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "placeholder", children: placeholder });
       }
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Tag", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "select-tags", children: [
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Tag", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "select-tags", children: [
         shown.map((o) => /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGFKWSDD6_cjs.Tag,
+          chunkVNP5WB6M_cjs.Tag,
           {
             tone: "accent",
             removable: !disabled,
@@ -318,7 +334,7 @@ var SelectInner = (props, forwardedRef) => {
           },
           String(o.value)
         )),
-        overflow > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkGFKWSDD6_cjs.Tag, { tone: "neutral", children: [
+        overflow > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkVNP5WB6M_cjs.Tag, { tone: "neutral", children: [
           "+",
           overflow
         ] })
@@ -330,48 +346,73 @@ var SelectInner = (props, forwardedRef) => {
       return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "select-value select-value-custom", children: selectedRender(current, { value: current.value, multiple: false }) });
     }
     return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "select-value", children: [
-      chunk2AUXUZ3Z_cjs.renderIconSlot(current.icon, { size: 14, className: "select-icon" }),
+      chunkVDVKY2IX_cjs.renderIconSlot(current.icon, { size: 14, className: "select-icon" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "select-value-label", children: current.label })
     ] });
   };
   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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: `menu-check ${sel ? "on" : ""}`, "aria-hidden": true, children: sel && /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "check", size: 11, stroke: 3 }) }),
-          optionRender ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-item-custom", children: optionRender(o, { index: idx, selected: sel, active }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            chunk2AUXUZ3Z_cjs.renderIconSlot(o.icon, { size: 14, className: "menu-item-icon" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "menu-item-body", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-item-label", children: o.label }),
-              o.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-item-desc", children: o.description })
-            ] })
-          ] }),
-          !isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tick", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "check", size: 12, stroke: 3 }) })
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: `menu-check ${sel ? "on" : ""}`, "aria-hidden": true, children: sel && /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "check", size: 11, stroke: 3 }) }),
+                optionRender ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-item-custom", children: optionRender(o, renderInfo) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  chunkVDVKY2IX_cjs.renderIconSlot(o.icon, { size: 14, className: "menu-item-icon" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "menu-item-body", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-item-label", children: o.label }),
+                    o.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-item-desc", children: o.description })
+                  ] })
+                ] }),
+                !isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tick", children: /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "check", size: 12, stroke: 3 }) })
+              ]
+            }
+          ),
+          hasExtra && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-item-extra", children: extraContent })
         ]
       },
       String(o.value)
     );
   };
+  const renderMenuItems = (items) => items.map(
+    (item, groupIndex) => isGroup(item) ? /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -421,7 +462,7 @@ var SelectInner = (props, forwardedRef) => {
             "aria-activedescendant": open && activeIdx >= 0 ? `${listboxId}-option-${activeIdx}` : void 0,
             children: [
               renderTrigger(),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "chevDown", size: 14, className: "select-caret" })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "chevDown", size: 14, className: "select-caret" })
             ]
           }
         ),
@@ -437,7 +478,7 @@ var SelectInner = (props, forwardedRef) => {
               event.stopPropagation();
               clearAll();
             },
-            children: mergedClearIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "x", size: 12 })
+            children: mergedClearIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "x", size: 12 })
           }
         ),
         open && portalContainer && reactDom.createPortal(
@@ -457,8 +498,8 @@ var SelectInner = (props, forwardedRef) => {
                 ...popupStyle
               },
               children: [
-                mergedSearchable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "menu-search", children: /* @__PURE__ */ jsxRuntime.jsx(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Input", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkSTQDKMS5_cjs.Input,
+                mergedSearchable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "menu-search", children: /* @__PURE__ */ jsxRuntime.jsx(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Input", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkGFGMGJ5A_cjs.Input,
                   {
                     ref: searchRef,
                     size: "sm",
@@ -487,15 +528,10 @@ var SelectInner = (props, forwardedRef) => {
                     children: loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "menu-state", children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-state-ico", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "spinner" }) }),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u52A0\u8F7D\u4E2D..." })
-                    ] }) : filteredItems.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "menu-state", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-state-ico", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "search", size: 16 }) }),
+                    ] }) : filteredFlat.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "menu-state", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-state-ico", children: /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "search", size: 16 }) }),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { children: emptyContent ?? "\u6682\u65E0\u5339\u914D\u9879" })
-                    ] }) : filteredItems.map(
-                      (it, gi) => isGroup(it) ? /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "menu-group-label", children: it.label }),
-                        it.options.map(renderOption)
-                      ] }, `g-${gi}`) : renderOption(it)
-                    )
+                    ] }) : renderMenuItems(filteredItems)
                   }
                 )
               ]
@@ -509,7 +545,7 @@ var SelectInner = (props, forwardedRef) => {
 };
 var SelectBase = React__namespace.forwardRef(SelectInner);
 SelectBase.displayName = "Select";
-var Select = chunkNRJXZPZR_cjs.withComponentTheme(
+var Select = chunkV6BLBIY6_cjs.withComponentTheme(
   SelectBase,
   "Select",
   ["select", "input", "tag"]

package/dist/{chunk-AURYNA6G.js → chunk-KFCWDFBW.js}

@@ -1,5 +1,5 @@
-import { withComponentTheme } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { withComponentTheme } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Empty-U5CBLCAL.css';
 import * as React from 'react';

package/dist/{chunk-KCDOC3HS.cjs → chunk-KPBZKHCS.cjs}

@@ -1,10 +1,10 @@
 '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('./Checkbox-IHFML4FV.css');
+require('./Checkbox-YQ43GFUI.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -41,6 +41,7 @@ var CheckboxBase = React__namespace.forwardRef(({
   value: formValue,
   required,
   form,
+  invalid = false,
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy,
   "aria-describedby": ariaDescribedBy,
@@ -65,6 +66,7 @@ var CheckboxBase = React__namespace.forwardRef(({
     value && "checked",
     indeterminate && "indeterminate",
     disabled && "disabled",
+    invalid && "invalid",
     className
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs("label", { ref, className: cls, ...rest, children: [
@@ -90,11 +92,11 @@ var CheckboxBase = React__namespace.forwardRef(({
         "aria-checked": indeterminate ? "mixed" : value
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "checkbox-box", children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "minus", size: 11 }) : value ? /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "check", size: 11 }) : null }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "checkbox-box", children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "minus", size: 11 }) : value ? /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "check", size: 11 }) : null }),
     label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "checkbox-label", children: label })
   ] });
 });
 CheckboxBase.displayName = "Checkbox";
-var Checkbox = chunkNRJXZPZR_cjs.withComponentTheme(CheckboxBase, "Checkbox", "checkbox");
+var Checkbox = chunkV6BLBIY6_cjs.withComponentTheme(CheckboxBase, "Checkbox", "checkbox");
 
 exports.Checkbox = Checkbox;

package/dist/{chunk-PQOBBASY.js → chunk-L2NEYHYG.js}

@@ -1,5 +1,5 @@
-import { withComponentTheme } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { withComponentTheme } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Spin-F5YIEENO.css';
 import * as React from 'react';

package/dist/{chunk-VQEMMJHC.js → chunk-LACXN5CI.js}

@@ -1,5 +1,5 @@
-import { withComponentTheme } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { withComponentTheme } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './List-6BQIFAIT.css';
 import * as React from 'react';