@fangxinyan/lumina 0.5.0 → 0.6.0

package/dist/{chunk-VQBZKRIB.cjs → chunk-P4CGE5C7.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkRZ2E3XEU_cjs = require('./chunk-RZ2E3XEU.cjs');
-var chunkYFBHVTKN_cjs = require('./chunk-YFBHVTKN.cjs');
+var chunk3XIDJEYR_cjs = require('./chunk-3XIDJEYR.cjs');
+var chunkWFFWVQK4_cjs = require('./chunk-WFFWVQK4.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./AutoComplete-P5KZMZO5.css');
@@ -53,7 +53,10 @@ var AutoComplete = React__namespace.forwardRef(
     dropdownClassName = "",
     matchTriggerWidth = true,
     id,
-    name
+    name,
+    onFocus,
+    onKeyDown,
+    ...rest
   }, ref) => {
     const [inner, setInner] = React__namespace.useState(defaultValue ?? "");
     const isControlled = value !== void 0;
@@ -66,7 +69,7 @@ var AutoComplete = React__namespace.forwardRef(
       const fn = typeof filterOption === "function" ? filterOption : DEFAULT_FILTER;
       return options.filter((o) => fn(text, o));
     }, [options, text, filterOption]);
-    const { triggerRef, floatingStyle } = chunkRZ2E3XEU_cjs.useFloating({
+    const { triggerRef, floatingStyle } = chunk3XIDJEYR_cjs.useFloating({
       open,
       placement: "bottom",
       matchTriggerWidth,
@@ -165,9 +168,10 @@ var AutoComplete = React__namespace.forwardRef(
     ) : null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: triggerRef, className: `autocomplete ${className}`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkYFBHVTKN_cjs.Input,
+        chunkWFFWVQK4_cjs.Input,
         {
           ref,
+          ...rest,
           id,
           name,
           size,
@@ -177,8 +181,14 @@ var AutoComplete = React__namespace.forwardRef(
           allowClear,
           autoFocus,
           onChange: handleInput,
-          onFocus: () => !disabled && setOpen(true),
-          onKeyDown: onKey
+          onFocus: (event) => {
+            onFocus?.(event);
+            if (!disabled) setOpen(true);
+          },
+          onKeyDown: (event) => {
+            onKeyDown?.(event);
+            onKey(event);
+          }
         }
       ),
       panel
@@ -188,5 +198,5 @@ var AutoComplete = React__namespace.forwardRef(
 AutoComplete.displayName = "AutoComplete";
 
 exports.AutoComplete = AutoComplete;
-//# sourceMappingURL=chunk-VQBZKRIB.cjs.map
-//# sourceMappingURL=chunk-VQBZKRIB.cjs.map
+//# sourceMappingURL=chunk-P4CGE5C7.cjs.map
+//# sourceMappingURL=chunk-P4CGE5C7.cjs.map

package/dist/chunk-P4CGE5C7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AutoComplete/AutoComplete.tsx"],"names":["React","useFloating","createPortal","jsx","Input"],"mappings":"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","file":"chunk-P4CGE5C7.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./AutoComplete.css\";\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Input } from \"../Input\";\nimport { useFloating } from \"../../utils/useFloating\";\n\nexport interface AutoCompleteOption {\n  value: string;\n  /** Display label. Defaults to `value`. */\n  label?: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface AutoCompleteProps\n  extends Omit<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    \"value\" | \"defaultValue\" | \"onChange\" | \"onSelect\" | \"size\"\n  > {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string, option?: AutoCompleteOption) => void;\n  /** Fires when a suggestion is selected (click or Enter). */\n  onSelect?: (value: string, option: AutoCompleteOption) => void;\n  /** Fires on every keystroke — typically used to fetch fresh suggestions. */\n  onSearch?: (text: string) => void;\n  /** Suggestion list. Empty-string value is filtered out. */\n  options: AutoCompleteOption[];\n  placeholder?: string;\n  disabled?: boolean;\n  allowClear?: boolean;\n  /** Override the default substring filter. `false` keeps every option. */\n  filterOption?: boolean | ((input: string, option: AutoCompleteOption) => boolean);\n  /** Content shown when no option matches. */\n  notFoundContent?: React.ReactNode;\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n  /** Class on the popped-out panel. */\n  dropdownClassName?: string;\n  /** Force the panel to be as wide as the input. Default true. */\n  matchTriggerWidth?: boolean;\n}\n\nconst DEFAULT_FILTER = (input: string, option: AutoCompleteOption) => {\n  if (!input) return true;\n  const hay = `${option.value} ${typeof option.label === \"string\" ? option.label : \"\"}`.toLowerCase();\n  return hay.includes(input.toLowerCase());\n};\n\n/**\n * `AutoComplete` — text input with a filtered suggestion dropdown.\n * Follows antd's API shape (value / onChange / onSelect / options / filterOption).\n *\n * @example\n * ```tsx\n * <AutoComplete\n *   options={[{ value: \"light\" }, { value: \"dark\" }]}\n *   onSelect={(v) => console.log(v)}\n *   placeholder=\"主题\"\n * />\n * ```\n */\nexport const AutoComplete = React.forwardRef<HTMLInputElement, AutoCompleteProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      onSelect,\n      onSearch,\n      options,\n      placeholder,\n      disabled,\n      allowClear,\n      filterOption = true,\n      notFoundContent = \"暂无匹配结果\",\n      size = \"md\",\n      autoFocus,\n      className = \"\",\n      dropdownClassName = \"\",\n      matchTriggerWidth = true,\n      id,\n      name,\n      onFocus,\n      onKeyDown,\n      ...rest\n    },\n    ref\n  ) => {\n    const [inner, setInner] = React.useState(defaultValue ?? \"\");\n    const isControlled = value !== undefined;\n    const text = isControlled ? (value as string) : inner;\n\n    const [open, setOpen] = React.useState(false);\n    const [active, setActive] = React.useState(0);\n    const panelRef = React.useRef<HTMLDivElement>(null);\n\n    const filtered = React.useMemo(() => {\n      if (filterOption === false) return options;\n      const fn = typeof filterOption === \"function\" ? filterOption : DEFAULT_FILTER;\n      return options.filter((o) => fn(text, o));\n    }, [options, text, filterOption]);\n\n    const { triggerRef, floatingStyle } = useFloating<HTMLDivElement>({\n      open,\n      placement: \"bottom\",\n      matchTriggerWidth,\n      panelHeight: Math.min(filtered.length * 36 + 12, 280),\n    });\n\n    React.useEffect(() => {\n      setActive(0);\n    }, [filtered.length, open]);\n\n    // Close on outside click.\n    React.useEffect(() => {\n      if (!open) return;\n      const onDown = (e: MouseEvent) => {\n        if (\n          !triggerRef.current?.contains(e.target as Node) &&\n          !panelRef.current?.contains(e.target as Node)\n        ) {\n          setOpen(false);\n        }\n      };\n      window.addEventListener(\"mousedown\", onDown);\n      return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open, triggerRef]);\n\n    const commit = (next: string, option?: AutoCompleteOption) => {\n      if (!isControlled) setInner(next);\n      onChange?.(next, option);\n    };\n\n    const handleInput = (v: string) => {\n      commit(v);\n      onSearch?.(v);\n      setOpen(true);\n    };\n\n    const pick = (o: AutoCompleteOption) => {\n      if (o.disabled) return;\n      commit(o.value, o);\n      onSelect?.(o.value, o);\n      setOpen(false);\n    };\n\n    const onKey: React.KeyboardEventHandler<HTMLInputElement> = (e) => {\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        if (!open) { setOpen(true); return; }\n        setActive((a) => {\n          if (filtered.length === 0) return 0;\n          for (let n = 1; n <= filtered.length; n++) {\n            const i = (a + n) % filtered.length;\n            if (!filtered[i].disabled) return i;\n          }\n          return a;\n        });\n      } else if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        setActive((a) => {\n          if (filtered.length === 0) return 0;\n          for (let n = 1; n <= filtered.length; n++) {\n            const i = (a - n + filtered.length) % filtered.length;\n            if (!filtered[i].disabled) return i;\n          }\n          return a;\n        });\n      } else if (e.key === \"Enter\") {\n        if (open && filtered[active]) {\n          e.preventDefault();\n          pick(filtered[active]);\n        }\n      } else if (e.key === \"Escape\") {\n        if (open) { e.preventDefault(); setOpen(false); }\n      }\n    };\n\n    const panel = open && typeof document !== \"undefined\"\n      ? createPortal(\n          <div\n            ref={panelRef}\n            className={`autocomplete-panel ${dropdownClassName}`}\n            style={floatingStyle}\n            onMouseDown={(e) => e.preventDefault()}\n          >\n            {filtered.length === 0 ? (\n              <div className=\"autocomplete-empty\">{notFoundContent}</div>\n            ) : (\n              filtered.map((o, i) => (\n                <button\n                  key={o.value}\n                  type=\"button\"\n                  role=\"option\"\n                  aria-selected={i === active}\n                  disabled={o.disabled}\n                  className={`autocomplete-item ${i === active ? \"active\" : \"\"}`}\n                  onMouseEnter={() => setActive(i)}\n                  onClick={() => pick(o)}\n                >\n                  {o.label ?? o.value}\n                </button>\n              ))\n            )}\n          </div>,\n          document.body\n        )\n      : null;\n\n    return (\n      <div ref={triggerRef} className={`autocomplete ${className}`}>\n        <Input\n          ref={ref}\n          {...rest}\n          id={id}\n          name={name}\n          size={size}\n          value={text}\n          placeholder={placeholder}\n          disabled={disabled}\n          allowClear={allowClear}\n          autoFocus={autoFocus}\n          onChange={handleInput}\n          onFocus={(event) => {\n            onFocus?.(event);\n            if (!disabled) setOpen(true);\n          }}\n          onKeyDown={(event) => {\n            onKeyDown?.(event);\n            onKey(event);\n          }}\n        />\n        {panel}\n      </div>\n    );\n  }\n);\nAutoComplete.displayName = \"AutoComplete\";\n"]}

package/dist/{chunk-TZLM5GF4.js → chunk-PX5ABNKV.js}

@@ -1,5 +1,5 @@
-import { Button } from './chunk-JXHMJUVI.js';
-import { Icon } from './chunk-QOGROEVD.js';
+import { Button } from './chunk-6FSOJLY6.js';
+import { Icon } from './chunk-BSHHQOFY.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Modal-XSDMU4XJ.css';
@@ -8,7 +8,7 @@ import ReactDOM from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var ANIM_MS = 280;
-var Modal = ({
+var Modal = React.forwardRef(({
   open,
   onClose,
   onCancel,
@@ -30,8 +30,11 @@ var Modal = ({
   destroyOnClose = false,
   afterOpenChange,
   zIndex,
-  className = ""
-}) => {
+  className = "",
+  style,
+  onClick,
+  ...rest
+}, ref) => {
   const [hasOpenedOnce, setHasOpenedOnce] = React.useState(open);
   React.useEffect(() => {
     if (open) setHasOpenedOnce(true);
@@ -86,12 +89,17 @@ var Modal = ({
         children: /* @__PURE__ */ jsxs(
           "div",
           {
+            ref,
             className: "modal",
-            style: { width },
-            onClick: (e) => e.stopPropagation(),
+            style: { width, ...style },
+            onClick: (e) => {
+              onClick?.(e);
+              e.stopPropagation();
+            },
             role: "dialog",
             "aria-modal": true,
             "aria-hidden": !open,
+            ...rest,
             children: [
               (title || description || closable) && /* @__PURE__ */ jsxs("div", { className: "modal-head", children: [
                 /* @__PURE__ */ jsxs("div", { className: "modal-titles", children: [
@@ -118,8 +126,9 @@ var Modal = ({
     ),
     document.body
   );
-};
+});
+Modal.displayName = "Modal";
 
 export { Modal };
-//# sourceMappingURL=chunk-TZLM5GF4.js.map
-//# sourceMappingURL=chunk-TZLM5GF4.js.map
+//# sourceMappingURL=chunk-PX5ABNKV.js.map
+//# sourceMappingURL=chunk-PX5ABNKV.js.map

package/dist/chunk-PX5ABNKV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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","file":"chunk-PX5ABNKV.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Modal.css\";\nimport * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Icon } from \"../Icon\";\nimport { Button, type ButtonProps } from \"../Button\";\n\nexport interface ModalProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\" | \"children\" | \"onClose\"> {\n  /** Whether the modal is visible. */\n  open: boolean;\n  /** Fired by mask click / close button / Esc. Also the fallback for cancel. */\n  onClose?: () => void;\n  /** Dedicated Cancel callback. Falls back to `onClose` when omitted. */\n  onCancel?: () => void;\n  /** Fired when the default OK button is clicked. */\n  onOk?: () => void;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  /**\n   * Footer content. Pass `null` to hide the footer, or a custom node to\n   * replace the default OK / Cancel buttons.\n   */\n  footer?: React.ReactNode;\n  children?: React.ReactNode;\n  width?: number | string;\n  /** Show the close (×) button. Default true. */\n  closable?: boolean;\n  /** Override the close icon node. */\n  closeIcon?: React.ReactNode;\n  /** Close when clicking the mask. Default true. */\n  maskClosable?: boolean;\n  /** Close on Escape key. Default true. */\n  escClosable?: boolean;\n  /** Label for the default OK button. */\n  okText?: React.ReactNode;\n  /** Label for the default Cancel button. */\n  cancelText?: React.ReactNode;\n  /** Extra props forwarded to the default OK button. */\n  okButtonProps?: Partial<ButtonProps>;\n  /** Extra props forwarded to the default Cancel button. */\n  cancelButtonProps?: Partial<ButtonProps>;\n  /** Show a spinner on the OK button (e.g. while an async submit is running). */\n  confirmLoading?: boolean;\n  /**\n   * When true the modal's children are unmounted every time it closes.\n   * Default `false` — children stay mounted so internal state survives\n   * reopens, matching antd's default.\n   */\n  destroyOnClose?: boolean;\n  /** Fires after the open/close animation finishes. */\n  afterOpenChange?: (open: boolean) => void;\n  /** Override the z-index of the overlay. */\n  zIndex?: number;\n  className?: string;\n}\n\nconst ANIM_MS = 280;\n\n/** `Modal` — centered dialog with mask. Renders into `document.body`. */\nexport const Modal = React.forwardRef<HTMLDivElement, ModalProps>(({\n  open,\n  onClose,\n  onCancel,\n  onOk,\n  title,\n  description,\n  footer,\n  children,\n  width = 440,\n  closable = true,\n  closeIcon,\n  maskClosable = true,\n  escClosable = true,\n  okText = \"确定\",\n  cancelText = \"取消\",\n  okButtonProps,\n  cancelButtonProps,\n  confirmLoading,\n  destroyOnClose = false,\n  afterOpenChange,\n  zIndex,\n  className = \"\",\n  style,\n  onClick,\n  ...rest\n}, ref) => {\n  const [hasOpenedOnce, setHasOpenedOnce] = React.useState(open);\n  React.useEffect(() => {\n    if (open) setHasOpenedOnce(true);\n  }, [open]);\n\n  const handleCancel = React.useCallback(() => {\n    if (onCancel) onCancel();\n    else onClose?.();\n  }, [onCancel, onClose]);\n\n  React.useEffect(() => {\n    if (!open || !escClosable) return;\n    const h = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") handleCancel();\n    };\n    window.addEventListener(\"keydown\", h);\n    return () => window.removeEventListener(\"keydown\", h);\n  }, [open, escClosable, handleCancel]);\n\n  const prevOpen = React.useRef(open);\n  React.useEffect(() => {\n    if (prevOpen.current !== open) {\n      prevOpen.current = open;\n      if (afterOpenChange) {\n        const id = window.setTimeout(() => afterOpenChange(open), ANIM_MS);\n        return () => window.clearTimeout(id);\n      }\n    }\n  }, [open, afterOpenChange]);\n\n  if (typeof document === \"undefined\") return null;\n  if (!hasOpenedOnce) return null;\n  if (!open && destroyOnClose) return null;\n\n  const overlayStyle: React.CSSProperties | undefined =\n    zIndex != null ? { zIndex } : undefined;\n\n  const defaultFooter = (\n    <>\n      <Button variant=\"ghost\" onClick={handleCancel} {...cancelButtonProps}>\n        {cancelText}\n      </Button>\n      <Button\n        variant=\"primary\"\n        loading={confirmLoading}\n        onClick={() => onOk?.()}\n        {...okButtonProps}\n      >\n        {okText}\n      </Button>\n    </>\n  );\n\n  return ReactDOM.createPortal(\n    <div\n      className={`modal-overlay ${open ? \"\" : \"hidden\"} ${className}`}\n      style={overlayStyle}\n      onClick={() => maskClosable && handleCancel()}\n      role=\"presentation\"\n    >\n      <div\n        ref={ref}\n        className=\"modal\"\n        style={{ width, ...style }}\n        onClick={(e) => {\n          onClick?.(e);\n          e.stopPropagation();\n        }}\n        role=\"dialog\"\n        aria-modal\n        aria-hidden={!open}\n        {...rest}\n      >\n        {(title || description || closable) && (\n          <div className=\"modal-head\">\n            <div className=\"modal-titles\">\n              {title && <div className=\"modal-title\">{title}</div>}\n              {description && <div className=\"modal-desc\">{description}</div>}\n            </div>\n            {closable && (\n              <button\n                type=\"button\"\n                className=\"modal-close\"\n                onClick={handleCancel}\n                aria-label=\"Close\"\n              >\n                {closeIcon ?? <Icon name=\"x\" size={16} />}\n              </button>\n            )}\n          </div>\n        )}\n        <div className=\"modal-body\">{children}</div>\n        {footer === null ? null : (\n          <div className=\"modal-foot\">{footer ?? defaultFooter}</div>\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n});\nModal.displayName = \"Modal\";\n"]}

package/dist/{chunk-RQV7SMIZ.cjs → chunk-QCNHDDSD.cjs}

@@ -1,12 +1,33 @@
 'use strict';
 
-var chunkYCHUHMNP_cjs = require('./chunk-YCHUHMNP.cjs');
+var chunkDH4NYYJP_cjs = require('./chunk-DH4NYYJP.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Tag-FGDY3W7E.css');
+var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var Tag = ({
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Tag = React__namespace.forwardRef(({
   tone = "neutral",
   solid,
   dot,
@@ -17,7 +38,7 @@ var Tag = ({
   className = "",
   children,
   ...rest
-}) => {
+}, ref) => {
   const cls = [
     "tag",
     tone,
@@ -25,9 +46,9 @@ var Tag = ({
     !bordered && !solid && "borderless",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cls, ...rest, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref, className: cls, ...rest, children: [
     dot && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "dot" }),
-    icon && /* @__PURE__ */ jsxRuntime.jsx(chunkYCHUHMNP_cjs.Icon, { name: icon, size: 11, className: "tag-ico" }),
+    icon && /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: icon, size: 11, className: "tag-ico" }),
     children,
     removable && /* @__PURE__ */ jsxRuntime.jsx(
       "span",
@@ -39,27 +60,29 @@ var Tag = ({
           e.stopPropagation();
           onRemove?.();
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkYCHUHMNP_cjs.Icon, { name: "x", size: 11 })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "x", size: 11 })
       }
     )
   ] });
-};
-var Badge = ({
+});
+Tag.displayName = "Tag";
+var Badge = React__namespace.forwardRef(({
   count,
   dot,
   tone = "danger",
   children,
   className = "",
   ...rest
-}) => {
+}, ref) => {
   const show = dot || typeof count === "number" && count > 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `badge-wrap ${className}`, ...rest, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref, className: `badge-wrap ${className}`, ...rest, children: [
     children,
     show && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `badge ${tone} ${dot ? "dot" : ""}`, children: !dot && (count > 99 ? "99+" : count) })
   ] });
-};
+});
+Badge.displayName = "Badge";
 
 exports.Badge = Badge;
 exports.Tag = Tag;
-//# sourceMappingURL=chunk-RQV7SMIZ.cjs.map
-//# sourceMappingURL=chunk-RQV7SMIZ.cjs.map
+//# sourceMappingURL=chunk-QCNHDDSD.cjs.map
+//# sourceMappingURL=chunk-QCNHDDSD.cjs.map

package/dist/chunk-QCNHDDSD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tag/Tag.tsx"],"names":["React","jsx","Icon","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,IAAM,GAAA,GAAYA,4BAAsC,CAAC;AAAA,EAC9D,IAAA,GAAO,SAAA;AAAA,EACP,KAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAG,GAAA,KAAQ;AACT,EAAA,MAAM,GAAA,GAAM;AAAA,IACV,KAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA,IAAS,OAAA;AAAA,IACT,CAAC,QAAA,IAAY,CAAC,KAAA,IAAS,YAAA;AAAA,IACvB;AAAA,GACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AACX,EAAA,uCACG,MAAA,EAAA,EAAK,GAAA,EAAU,SAAA,EAAW,GAAA,EAAM,GAAG,IAAA,EACjC,QAAA,EAAA;AAAA,IAAA,GAAA,oBAAOC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,KAAA,EAAM,CAAA;AAAA,IAC7B,IAAA,mCAASC,sBAAA,EAAA,EAAK,IAAA,EAAM,MAAM,IAAA,EAAM,EAAA,EAAI,WAAU,SAAA,EAAU,CAAA;AAAA,IACxD,QAAA;AAAA,IACA,SAAA,oBACCD,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,GAAA;AAAA,QACV,IAAA,EAAK,QAAA;AAAA,QACL,YAAA,EAAW,QAAA;AAAA,QACX,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,UAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,UAAA,QAAA,IAAW;AAAA,QACb,CAAA;AAAA,QAEA,QAAA,kBAAAA,cAAA,CAACC,sBAAA,EAAA,EAAK,IAAA,EAAK,GAAA,EAAI,MAAM,EAAA,EAAI;AAAA;AAAA;AAC3B,GAAA,EAEJ,CAAA;AAEJ,CAAC;AACD,GAAA,CAAI,WAAA,GAAc,KAAA;AAYX,IAAM,KAAA,GAAcF,4BAAwC,CAAC;AAAA,EAClE,KAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,EAAG,GAAA,KAAQ;AACT,EAAA,MAAM,IAAA,GAAO,GAAA,IAAQ,OAAO,KAAA,KAAU,YAAY,KAAA,GAAQ,CAAA;AAC1D,EAAA,uBACEG,eAAA,CAAC,UAAK,GAAA,EAAU,SAAA,EAAW,cAAc,SAAS,CAAA,CAAA,EAAK,GAAG,IAAA,EACvD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,wBACCF,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,CAAA,MAAA,EAAS,IAAI,CAAA,CAAA,EAAI,GAAA,GAAM,KAAA,GAAQ,EAAE,IAC/C,QAAA,EAAA,CAAC,GAAA,KAAQ,KAAA,GAAS,EAAA,GAAK,QAAQ,KAAA,CAAA,EAClC;AAAA,GAAA,EAEJ,CAAA;AAEJ,CAAC;AACD,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-QCNHDDSD.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Tag.css\";\nimport * as React from \"react\";\nimport { Icon, type IconName } from \"../Icon\";\n\nexport type TagTone = \"neutral\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {\n  tone?: TagTone;\n  solid?: boolean;\n  /** Render a leading colored dot. */\n  dot?: boolean;\n  /** Leading icon (uses the built-in `Icon` component). */\n  icon?: IconName;\n  /** Show a close button. */\n  removable?: boolean;\n  onRemove?: () => void;\n  /** Whether to render the tag outline/flat shadow. Defaults to `true`. */\n  bordered?: boolean;\n  children?: React.ReactNode;\n}\n\n/** `Tag` — small label/pill. */\nexport const Tag = React.forwardRef<HTMLSpanElement, TagProps>(({\n  tone = \"neutral\",\n  solid,\n  dot,\n  icon,\n  removable,\n  onRemove,\n  bordered = true,\n  className = \"\",\n  children,\n  ...rest\n}, ref) => {\n  const cls = [\n    \"tag\",\n    tone,\n    solid && \"solid\",\n    !bordered && !solid && \"borderless\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n  return (\n    <span ref={ref} className={cls} {...rest}>\n      {dot && <span className=\"dot\" />}\n      {icon && <Icon name={icon} size={11} className=\"tag-ico\" />}\n      {children}\n      {removable && (\n        <span\n          className=\"x\"\n          role=\"button\"\n          aria-label=\"Remove\"\n          onClick={(e) => {\n            e.stopPropagation();\n            onRemove?.();\n          }}\n        >\n          <Icon name=\"x\" size={11} />\n        </span>\n      )}\n    </span>\n  );\n});\nTag.displayName = \"Tag\";\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Numeric count — renders as \"99+\" if > 99. */\n  count?: number;\n  /** Show a tiny dot instead of a number. */\n  dot?: boolean;\n  tone?: TagTone;\n  children?: React.ReactNode;\n}\n\n/** `Badge` — notification dot / count. Wrap around another element. */\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(({\n  count,\n  dot,\n  tone = \"danger\",\n  children,\n  className = \"\",\n  ...rest\n}, ref) => {\n  const show = dot || (typeof count === \"number\" && count > 0);\n  return (\n    <span ref={ref} className={`badge-wrap ${className}`} {...rest}>\n      {children}\n      {show && (\n        <span className={`badge ${tone} ${dot ? \"dot\" : \"\"}`}>\n          {!dot && (count! > 99 ? \"99+\" : count)}\n        </span>\n      )}\n    </span>\n  );\n});\nBadge.displayName = \"Badge\";\n"]}

package/dist/{chunk-5N7347MI.js → chunk-QRSPBK3X.js}

@@ -1,10 +1,11 @@
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Divider-OEE4Q2KS.css';
+import * as React from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // src/components/Divider/Divider.tsx
-var Divider = ({
+var Divider = React.forwardRef(({
   direction = "horizontal",
   label,
   sunken,
@@ -12,7 +13,7 @@ var Divider = ({
   orientation = "center",
   className = "",
   ...rest
-}) => {
+}, ref) => {
   const cls = [
     "divider",
     direction,
@@ -21,9 +22,10 @@ var Divider = ({
     label && direction === "horizontal" && `orient-${orientation}`,
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx("div", { className: cls, role: "separator", ...rest, children: label && /* @__PURE__ */ jsx("span", { className: "divider-label", children: label }) });
-};
+  return /* @__PURE__ */ jsx("div", { ref, className: cls, role: "separator", ...rest, children: label && /* @__PURE__ */ jsx("span", { className: "divider-label", children: label }) });
+});
+Divider.displayName = "Divider";
 
 export { Divider };
-//# sourceMappingURL=chunk-5N7347MI.js.map
-//# sourceMappingURL=chunk-5N7347MI.js.map
+//# sourceMappingURL=chunk-QRSPBK3X.js.map
+//# sourceMappingURL=chunk-QRSPBK3X.js.map

package/dist/chunk-QRSPBK3X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;;AAoBO,IAAM,OAAA,GAAgB,iBAAyC,CAAC;AAAA,EACrE,SAAA,GAAY,YAAA;AAAA,EACZ,KAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,EAAG,GAAA,KAAQ;AACT,EAAA,MAAM,GAAA,GAAM;AAAA,IACV,SAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA,IAAU,QAAA;AAAA,IACV,MAAA,IAAU,QAAA;AAAA,IACV,KAAA,IAAS,SAAA,KAAc,YAAA,IAAgB,CAAA,OAAA,EAAU,WAAW,CAAA,CAAA;AAAA,IAC5D;AAAA,GACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AACX,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,SAAA,EAAW,KAAK,IAAA,EAAK,WAAA,EAAa,GAAG,IAAA,EACjD,mCAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,iBAAM,CAAA,EACnD,CAAA;AAEJ,CAAC;AACD,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-QRSPBK3X.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Divider.css\";\nimport * as React from \"react\";\n\nexport interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: \"horizontal\" | \"vertical\";\n  label?: React.ReactNode;\n  /** Use recessed groove styling. */\n  sunken?: boolean;\n  /** Render as dashed lines instead of solid. */\n  dashed?: boolean;\n  /**\n   * Label position for horizontal dividers. Defaults to `\"center\"`.\n   * Ignored when there is no `label`.\n   */\n  orientation?: \"left\" | \"center\" | \"right\";\n}\n\n/** `Divider` — visual separator, horizontal or vertical. */\nexport const Divider = React.forwardRef<HTMLDivElement, DividerProps>(({\n  direction = \"horizontal\",\n  label,\n  sunken,\n  dashed,\n  orientation = \"center\",\n  className = \"\",\n  ...rest\n}, ref) => {\n  const cls = [\n    \"divider\",\n    direction,\n    sunken && \"sunken\",\n    dashed && \"dashed\",\n    label && direction === \"horizontal\" && `orient-${orientation}`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n  return (\n    <div ref={ref} className={cls} role=\"separator\" {...rest}>\n      {label && <span className=\"divider-label\">{label}</span>}\n    </div>\n  );\n});\nDivider.displayName = \"Divider\";\n"]}

package/dist/{chunk-6XZ362VL.js → chunk-RHZOBQON.js}

@@ -1,6 +1,6 @@
-import { Tag } from './chunk-LXNR6TQK.js';
-import { useFloating } from './chunk-V2DIQ3RH.js';
-import { Icon } from './chunk-QOGROEVD.js';
+import { Tag } from './chunk-D242UJZO.js';
+import { useFloating } from './chunk-ANAQER3T.js';
+import { Icon } from './chunk-BSHHQOFY.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Select-J3CCVFJ7.css';
@@ -15,7 +15,7 @@ var defaultFilter = (input, opt) => {
   const txt = opt.text ?? (typeof opt.label === "string" ? opt.label : String(opt.value));
   return txt.toLowerCase().includes(q);
 };
-function Select(props) {
+var SelectInner = (props, forwardedRef) => {
   const {
     options,
     placeholder = "\u8BF7\u9009\u62E9\u2026",
@@ -31,9 +31,17 @@ function Select(props) {
     defaultOpen,
     onOpenChange,
     className = "",
-    menuClassName = ""
+    menuClassName = "",
+    onKeyDown: onRootKeyDown,
+    multiple,
+    value: _value,
+    defaultValue: _defaultValue,
+    onChange: _selectionChange,
+    onClear: _onClear,
+    maxTagCount: _maxTagCount,
+    ...rest
   } = props;
-  const isMulti = props.multiple === true;
+  const isMulti = multiple === true;
   const [innerSingle, setInnerSingle] = React.useState(
     !isMulti ? props.defaultValue : void 0
   );
@@ -44,7 +52,6 @@ function Select(props) {
   const [query, setQuery] = React.useState("");
   const [activeIdx, setActiveIdx] = React.useState(-1);
   const searchRef = React.useRef(null);
-  const menuRef = React.useRef(null);
   const openControlled = openProp !== void 0;
   const open = openControlled ? openProp : innerOpen;
   const setOpen = (v) => {
@@ -52,12 +59,20 @@ function Select(props) {
     onOpenChange?.(v);
     if (!v) setQuery("");
   };
-  const { triggerRef: ref, floatingStyle } = useFloating({
+  const { triggerRef, floatingRef: menuRef, floatingStyle } = useFloating({
     open,
     placement: "bottom",
     matchTriggerWidth: true,
     panelHeight: 320
   });
+  const setTriggerRef = React.useCallback(
+    (node) => {
+      triggerRef.current = node;
+      if (typeof forwardedRef === "function") forwardedRef(node);
+      else if (forwardedRef) forwardedRef.current = node;
+    },
+    [forwardedRef, triggerRef]
+  );
   const singleControlled = !isMulti && props.value !== void 0;
   const multiControlled = isMulti && props.value !== void 0;
   const singleValue = singleControlled ? props.value : innerSingle;
@@ -66,7 +81,7 @@ function Select(props) {
     if (!open) return;
     const h = (e) => {
       const t = e.target;
-      if (ref.current?.contains(t)) return;
+      if (triggerRef.current?.contains(t)) return;
       if (menuRef.current?.contains(t)) return;
       setOpen(false);
     };
@@ -228,10 +243,14 @@ function Select(props) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      ref,
+      ref: setTriggerRef,
+      ...rest,
       className: `select ${size} ${isMulti ? "multi" : ""} ${open ? "open" : ""} ${disabled ? "disabled" : ""} ${invalid ? "invalid" : ""} ${className}`,
-      onKeyDown,
-      tabIndex: disabled ? -1 : 0,
+      onKeyDown: (e) => {
+        onRootKeyDown?.(e);
+        onKeyDown(e);
+      },
+      tabIndex: disabled ? -1 : rest.tabIndex ?? 0,
       children: [
         /* @__PURE__ */ jsxs(
           "button",
@@ -296,8 +315,10 @@ function Select(props) {
       ]
     }
   );
-}
+};
+var Select = React.forwardRef(SelectInner);
+Select.displayName = "Select";
 
 export { Select };
-//# sourceMappingURL=chunk-6XZ362VL.js.map
-//# sourceMappingURL=chunk-6XZ362VL.js.map
+//# sourceMappingURL=chunk-RHZOBQON.js.map
+//# sourceMappingURL=chunk-RHZOBQON.js.map

package/dist/chunk-RHZOBQON.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Select/Select.tsx"],"names":[],"mappings":"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","file":"chunk-RHZOBQON.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Select.css\";\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Icon, type IconName } from \"../Icon\";\nimport { Tag } from \"../Tag\";\nimport { useFloating } from \"../../utils/useFloating\";\n\nexport interface SelectOption<T extends string | number = string> {\n  value: T;\n  label: React.ReactNode;\n  /** Searchable text — used by default filter when `label` isn't a string. */\n  text?: string;\n  /** Secondary line shown beneath the label. */\n  description?: React.ReactNode;\n  /** Leading icon. */\n  icon?: IconName;\n  disabled?: boolean;\n}\n\nexport interface SelectOptionGroup<T extends string | number = string> {\n  /** Group heading. */\n  label: React.ReactNode;\n  options: SelectOption<T>[];\n}\n\nexport type SelectItem<T extends string | number = string> =\n  | SelectOption<T>\n  | SelectOptionGroup<T>;\n\nconst isGroup = <T extends string | number>(\n  it: SelectItem<T>\n): it is SelectOptionGroup<T> => Array.isArray((it as SelectOptionGroup<T>).options);\n\ninterface BaseSelectProps<T extends string | number = string>\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\"> {\n  /** Flat or mixed (groups + options) item list. */\n  options: SelectItem<T>[];\n  placeholder?: string;\n  disabled?: boolean;\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** Show invalid (red) ring. */\n  invalid?: boolean;\n  /** Show a small × to clear the selection (single mode) or all selections (multi). */\n  clearable?: boolean;\n  /** Add a search input at the top of the menu. */\n  searchable?: boolean;\n  /** Custom filter — defaults to label/text/value substring match. */\n  filterOption?: (input: string, option: SelectOption<T>) => boolean;\n  /** Show spinner instead of options. */\n  loading?: boolean;\n  /** Custom empty content when no options match. */\n  emptyContent?: React.ReactNode;\n  /** Controlled open state. */\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n  /** Class for the popped-out menu. */\n  menuClassName?: string;\n}\n\nexport interface SingleSelectProps<T extends string | number = string> extends BaseSelectProps<T> {\n  multiple?: false;\n  value?: T;\n  defaultValue?: T;\n  onChange?: (value: T) => void;\n  /** Fired when user clears the selection via the × button. */\n  onClear?: () => void;\n}\n\nexport interface MultiSelectProps<T extends string | number = string> extends BaseSelectProps<T> {\n  multiple: true;\n  value?: T[];\n  defaultValue?: T[];\n  onChange?: (value: T[]) => void;\n  /** Max selected items shown as tags before collapsing to \"+N\". */\n  maxTagCount?: number;\n}\n\nexport type SelectProps<T extends string | number = string> =\n  | SingleSelectProps<T>\n  | MultiSelectProps<T>;\n\nconst flatten = <T extends string | number>(items: SelectItem<T>[]): SelectOption<T>[] =>\n  items.flatMap((it) => (isGroup(it) ? it.options : [it]));\n\nconst defaultFilter = <T extends string | number>(input: string, opt: SelectOption<T>): boolean => {\n  const q = input.toLowerCase();\n  const txt =\n    opt.text ?? (typeof opt.label === \"string\" ? opt.label : String(opt.value));\n  return txt.toLowerCase().includes(q);\n};\n\ntype SelectComponent = {\n  <T extends string | number = string>(props: SingleSelectProps<T> & React.RefAttributes<HTMLDivElement>): React.ReactElement;\n  <T extends string | number = string>(props: MultiSelectProps<T> & React.RefAttributes<HTMLDivElement>): React.ReactElement;\n};\n\nconst SelectInner = <T extends string | number = string>(\n  props: SelectProps<T>,\n  forwardedRef: React.ForwardedRef<HTMLDivElement>\n): React.ReactElement => {\n  const {\n    options,\n    placeholder = \"请选择…\",\n    disabled,\n    size = \"md\",\n    invalid,\n    clearable,\n    searchable,\n    filterOption,\n    loading,\n    emptyContent,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    className = \"\",\n    menuClassName = \"\",\n    onKeyDown: onRootKeyDown,\n    multiple,\n    value: _value,\n    defaultValue: _defaultValue,\n    onChange: _selectionChange,\n    onClear: _onClear,\n    maxTagCount: _maxTagCount,\n    ...rest\n  } = props as SelectProps<T> & {\n    onClear?: () => void;\n    maxTagCount?: number;\n  };\n  const isMulti = multiple === true;\n\n  const [innerSingle, setInnerSingle] = React.useState<T | undefined>(\n    !isMulti ? (props as SingleSelectProps<T>).defaultValue : undefined\n  );\n  const [innerMulti, setInnerMulti] = React.useState<T[]>(\n    isMulti ? (props as MultiSelectProps<T>).defaultValue ?? [] : []\n  );\n  const [innerOpen, setInnerOpen] = React.useState(defaultOpen ?? false);\n  const [query, setQuery] = React.useState(\"\");\n  const [activeIdx, setActiveIdx] = React.useState(-1);\n\n  const searchRef = React.useRef<HTMLInputElement>(null);\n\n  const openControlled = openProp !== undefined;\n  const open = openControlled ? openProp! : innerOpen;\n  const setOpen = (v: boolean) => {\n    if (!openControlled) setInnerOpen(v);\n    onOpenChange?.(v);\n    if (!v) setQuery(\"\");\n  };\n\n  const { triggerRef, floatingRef: menuRef, floatingStyle } = useFloating<HTMLDivElement, HTMLDivElement>({\n    open,\n    placement: \"bottom\",\n    matchTriggerWidth: true,\n    panelHeight: 320,\n  });\n\n  const setTriggerRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      (triggerRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      if (typeof forwardedRef === \"function\") forwardedRef(node);\n      else if (forwardedRef) forwardedRef.current = node;\n    },\n    [forwardedRef, triggerRef]\n  );\n\n  const singleControlled = !isMulti && (props as SingleSelectProps<T>).value !== undefined;\n  const multiControlled = isMulti && (props as MultiSelectProps<T>).value !== undefined;\n\n  const singleValue = singleControlled ? (props as SingleSelectProps<T>).value : innerSingle;\n  const multiValue = multiControlled ? (props as MultiSelectProps<T>).value! : innerMulti;\n\n  React.useEffect(() => {\n    if (!open) return;\n    const h = (e: MouseEvent) => {\n      const t = e.target as Node;\n      if (triggerRef.current?.contains(t)) return;\n      if (menuRef.current?.contains(t)) return;\n      setOpen(false);\n    };\n    document.addEventListener(\"mousedown\", h);\n    return () => document.removeEventListener(\"mousedown\", h);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n\n  // Auto-focus search input when opened\n  React.useEffect(() => {\n    if (open && searchable) {\n      requestAnimationFrame(() => searchRef.current?.focus());\n    }\n    if (!open) setActiveIdx(-1);\n  }, [open, searchable]);\n\n  // Filter options\n  const allFlat = React.useMemo(() => flatten(options), [options]);\n  const filteredFlat = React.useMemo(() => {\n    if (!query.trim()) return allFlat;\n    const f = filterOption ?? defaultFilter;\n    return allFlat.filter((o) => f(query, o));\n  }, [allFlat, query, filterOption]);\n\n  // Re-bucket into groups respecting filter (for menu rendering)\n  const filteredItems = React.useMemo<SelectItem<T>[]>(() => {\n    if (!query.trim()) return options;\n    return options\n      .map((it) => {\n        if (!isGroup(it)) {\n          return filteredFlat.includes(it) ? it : null;\n        }\n        const kept = it.options.filter((o) => filteredFlat.includes(o));\n        return kept.length ? { label: it.label, options: kept } : null;\n      })\n      .filter((x): x is SelectItem<T> => x !== null);\n  }, [options, filteredFlat, query]);\n\n  React.useEffect(() => {\n    setActiveIdx(filteredFlat.length ? 0 : -1);\n  }, [filteredFlat.length]);\n\n  const pickSingle = (opt: SelectOption<T>) => {\n    if (opt.disabled) return;\n    if (!singleControlled) setInnerSingle(opt.value);\n    (props as SingleSelectProps<T>).onChange?.(opt.value);\n    setOpen(false);\n  };\n\n  const toggleMulti = (opt: SelectOption<T>) => {\n    if (opt.disabled) return;\n    const cur = multiValue ?? [];\n    const next = cur.includes(opt.value) ? cur.filter((v) => v !== opt.value) : [...cur, opt.value];\n    if (!multiControlled) setInnerMulti(next);\n    (props as MultiSelectProps<T>).onChange?.(next);\n  };\n\n  const clearAll = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (isMulti) {\n      if (!multiControlled) setInnerMulti([]);\n      (props as MultiSelectProps<T>).onChange?.([]);\n    } else {\n      if (!singleControlled) setInnerSingle(undefined);\n      (props as SingleSelectProps<T>).onClear?.();\n    }\n  };\n\n  const isSelected = (val: T) =>\n    isMulti ? (multiValue ?? []).includes(val) : singleValue === val;\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (!open) {\n      if (e.key === \"Enter\" || e.key === \" \" || e.key === \"ArrowDown\") {\n        e.preventDefault();\n        setOpen(true);\n      }\n      return;\n    }\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      setOpen(false);\n      return;\n    }\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      setActiveIdx((i) => Math.min(filteredFlat.length - 1, i + 1));\n      return;\n    }\n    if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      setActiveIdx((i) => Math.max(0, i - 1));\n      return;\n    }\n    if (e.key === \"Enter\") {\n      e.preventDefault();\n      const opt = filteredFlat[activeIdx];\n      if (opt && !opt.disabled) {\n        if (isMulti) toggleMulti(opt);\n        else pickSingle(opt);\n      }\n      return;\n    }\n  };\n\n  const renderTrigger = () => {\n    if (isMulti) {\n      const selected = (multiValue ?? [])\n        .map((v) => allFlat.find((o) => o.value === v))\n        .filter((o): o is SelectOption<T> => !!o);\n      const max = (props as MultiSelectProps<T>).maxTagCount;\n      const shown = max != null ? selected.slice(0, max) : selected;\n      const overflow = selected.length - shown.length;\n      if (selected.length === 0) {\n        return <span className=\"placeholder\">{placeholder}</span>;\n      }\n      return (\n        <span className=\"select-tags\">\n          {shown.map((o) => (\n            <Tag\n              key={String(o.value)}\n              tone=\"accent\"\n              removable={!disabled}\n              onRemove={() => {\n                const cur = multiValue ?? [];\n                const next = cur.filter((v) => v !== o.value);\n                if (!multiControlled) setInnerMulti(next);\n                (props as MultiSelectProps<T>).onChange?.(next);\n              }}\n              onClick={(e) => e.stopPropagation()}\n            >\n              {o.label}\n            </Tag>\n          ))}\n          {overflow > 0 && <Tag tone=\"neutral\">+{overflow}</Tag>}\n        </span>\n      );\n    }\n    const current = allFlat.find((o) => o.value === singleValue);\n    if (!current) return <span className=\"placeholder\">{placeholder}</span>;\n    return (\n      <span className=\"select-value\">\n        {current.icon && <Icon name={current.icon} size={14} />}\n        <span>{current.label}</span>\n      </span>\n    );\n  };\n\n  const hasSelection = isMulti ? (multiValue?.length ?? 0) > 0 : singleValue !== undefined;\n  const showClear = clearable && hasSelection && !disabled;\n\n  // Render an option button\n  let renderIdx = -1;\n  const renderOption = (o: SelectOption<T>) => {\n    renderIdx += 1;\n    const idx = renderIdx;\n    const sel = isSelected(o.value);\n    const active = idx === activeIdx;\n    return (\n      <button\n        key={String(o.value)}\n        type=\"button\"\n        role=\"option\"\n        aria-selected={sel}\n        disabled={o.disabled}\n        className={`menu-item ${sel ? \"active\" : \"\"} ${active ? \"highlight\" : \"\"}`}\n        onMouseEnter={() => setActiveIdx(idx)}\n        onClick={() => (isMulti ? toggleMulti(o) : pickSingle(o))}\n      >\n        {isMulti && (\n          <span className={`menu-check ${sel ? \"on\" : \"\"}`} aria-hidden>\n            {sel && <Icon name=\"check\" size={11} stroke={3} />}\n          </span>\n        )}\n        {o.icon && <Icon name={o.icon} size={14} />}\n        <span className=\"menu-item-body\">\n          <span className=\"menu-item-label\">{o.label}</span>\n          {o.description && <span className=\"menu-item-desc\">{o.description}</span>}\n        </span>\n        {!isMulti && (\n          <span className=\"tick\">\n            <Icon name=\"check\" size={12} stroke={3} />\n          </span>\n        )}\n      </button>\n    );\n  };\n\n  return (\n    <div\n      ref={setTriggerRef}\n      {...rest}\n      className={`select ${size} ${isMulti ? \"multi\" : \"\"} ${open ? \"open\" : \"\"} ${disabled ? \"disabled\" : \"\"} ${invalid ? \"invalid\" : \"\"} ${className}`}\n      onKeyDown={(e) => {\n        onRootKeyDown?.(e);\n        onKeyDown(e);\n      }}\n      tabIndex={disabled ? -1 : rest.tabIndex ?? 0}\n    >\n      <button\n        type=\"button\"\n        className=\"select-trigger\"\n        disabled={disabled}\n        onClick={() => !disabled && setOpen(!open)}\n      >\n        {renderTrigger()}\n        {showClear && (\n          <span className=\"select-clear\" role=\"button\" aria-label=\"Clear\" onClick={clearAll}>\n            <Icon name=\"x\" size={12} />\n          </span>\n        )}\n        <Icon name=\"chevDown\" size={14} className=\"select-caret\" />\n      </button>\n      {open && typeof document !== \"undefined\" &&\n        createPortal(\n          <div\n            ref={menuRef}\n            className={`menu ${menuClassName}`}\n            role=\"listbox\"\n            aria-multiselectable={isMulti || undefined}\n            style={floatingStyle}\n          >\n            {searchable && (\n            <div className=\"menu-search\">\n              <Icon name=\"search\" size={13} />\n              <input\n                ref={searchRef}\n                type=\"text\"\n                value={query}\n                placeholder=\"搜索...\"\n                onChange={(e) => setQuery(e.target.value)}\n                onKeyDown={(e) => {\n                  if (e.key === \"Escape\" || e.key === \"ArrowDown\" || e.key === \"ArrowUp\" || e.key === \"Enter\") {\n                    e.preventDefault();\n                    onKeyDown(e);\n                  }\n                }}\n              />\n            </div>\n          )}\n          {loading ? (\n            <div className=\"menu-state\">\n              <span className=\"menu-state-ico\">\n                <span className=\"spinner\" />\n              </span>\n              <span>加载中...</span>\n            </div>\n          ) : filteredItems.length === 0 ? (\n            <div className=\"menu-state\">\n              <span className=\"menu-state-ico\">\n                <Icon name=\"search\" size={16} />\n              </span>\n              <span>{emptyContent ?? \"暂无匹配项\"}</span>\n            </div>\n          ) : (\n            filteredItems.map((it, gi) =>\n              isGroup(it) ? (\n                <React.Fragment key={`g-${gi}`}>\n                  <div className=\"menu-group-label\">{it.label}</div>\n                  {it.options.map(renderOption)}\n                </React.Fragment>\n              ) : (\n                renderOption(it)\n              )\n            )\n          )}\n          </div>,\n          document.body\n        )}\n    </div>\n  );\n};\n\n/** `Select` — neumorphic dropdown. Set `multiple` for tag-style multi-select. */\nexport const Select = React.forwardRef(SelectInner) as SelectComponent;\n(Select as any).displayName = \"Select\";\n"]}