@fangxinyan/lumina 0.1.2 → 0.1.4

package/dist/{chunk-ZMDVK2U3.cjs → chunk-KGYLUZOU.cjs}

@@ -1,11 +1,13 @@
 'use strict';
 
 var chunkVMHNKD3N_cjs = require('./chunk-VMHNKD3N.cjs');
+var chunkRZ2E3XEU_cjs = require('./chunk-RZ2E3XEU.cjs');
 var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
 require('./tokens-HWQ7KWPG.css');
 require('./shared-NJHRNLRH.css');
-require('./Select-DDJJBQEL.css');
+require('./Select-EDG37C37.css');
 var React = require('react');
+var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -63,7 +65,6 @@ function Select(props) {
   const [innerOpen, setInnerOpen] = React__namespace.useState(defaultOpen ?? false);
   const [query, setQuery] = React__namespace.useState("");
   const [activeIdx, setActiveIdx] = React__namespace.useState(-1);
-  const ref = React__namespace.useRef(null);
   const searchRef = React__namespace.useRef(null);
   const menuRef = React__namespace.useRef(null);
   const openControlled = openProp !== void 0;
@@ -73,6 +74,12 @@ function Select(props) {
     onOpenChange?.(v);
     if (!v) setQuery("");
   };
+  const { triggerRef: ref, floatingStyle } = chunkRZ2E3XEU_cjs.useFloating({
+    open,
+    placement: "bottom",
+    matchTriggerWidth: true,
+    panelHeight: 320
+  });
   const singleControlled = !isMulti && props.value !== void 0;
   const multiControlled = isMulti && props.value !== void 0;
   const singleValue = singleControlled ? props.value : innerSingle;
@@ -80,7 +87,10 @@ function Select(props) {
   React__namespace.useEffect(() => {
     if (!open) return;
     const h = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+      const t = e.target;
+      if (ref.current?.contains(t)) return;
+      if (menuRef.current?.contains(t)) return;
+      setOpen(false);
     };
     document.addEventListener("mousedown", h);
     return () => document.removeEventListener("mousedown", h);
@@ -259,44 +269,57 @@ function Select(props) {
             ]
           }
         ),
-        open && /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: menuRef, className: `menu ${menuClassName}`, role: "listbox", "aria-multiselectable": isMulti || void 0, children: [
-          searchable && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "menu-search", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: "search", size: 13 }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                ref: searchRef,
-                type: "text",
-                value: query,
-                placeholder: "\u641C\u7D22...",
-                onChange: (e) => setQuery(e.target.value),
-                onKeyDown: (e) => {
-                  if (e.key === "Escape" || e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter") {
-                    e.preventDefault();
-                    onKeyDown(e);
-                  }
-                }
-              }
-            )
-          ] }),
-          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(chunkYVO7XO4W_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)
-          )
-        ] })
+        open && typeof document !== "undefined" && reactDom.createPortal(
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              ref: menuRef,
+              className: `menu ${menuClassName}`,
+              role: "listbox",
+              "aria-multiselectable": isMulti || void 0,
+              style: floatingStyle,
+              children: [
+                searchable && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "menu-search", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: "search", size: 13 }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      ref: searchRef,
+                      type: "text",
+                      value: query,
+                      placeholder: "\u641C\u7D22...",
+                      onChange: (e) => setQuery(e.target.value),
+                      onKeyDown: (e) => {
+                        if (e.key === "Escape" || e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter") {
+                          e.preventDefault();
+                          onKeyDown(e);
+                        }
+                      }
+                    }
+                  )
+                ] }),
+                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(chunkYVO7XO4W_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)
+                )
+              ]
+            }
+          ),
+          document.body
+        )
       ]
     }
   );
 }
 
 exports.Select = Select;
-//# sourceMappingURL=chunk-ZMDVK2U3.cjs.map
-//# sourceMappingURL=chunk-ZMDVK2U3.cjs.map
+//# sourceMappingURL=chunk-KGYLUZOU.cjs.map
+//# sourceMappingURL=chunk-KGYLUZOU.cjs.map

package/dist/chunk-KGYLUZOU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Select/Select.tsx"],"names":["React","useFloating","jsx","jsxs","Tag","Icon","createPortal"],"mappings":"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","file":"chunk-KGYLUZOU.cjs","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  /** 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\n/** `Select` — neumorphic dropdown. Set `multiple` for tag-style multi-select. */\nexport function Select<T extends string | number = string>(props: SingleSelectProps<T>): React.ReactElement;\nexport function Select<T extends string | number = string>(props: MultiSelectProps<T>): React.ReactElement;\nexport function Select<T extends string | number = string>(props: SelectProps<T>): 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  } = props;\n  const isMulti = props.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  const menuRef = React.useRef<HTMLDivElement>(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: ref, floatingStyle } = useFloating<HTMLDivElement>({\n    open,\n    placement: \"bottom\",\n    matchTriggerWidth: true,\n    panelHeight: 320,\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 (ref.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={ref}\n      className={`select ${size} ${isMulti ? \"multi\" : \"\"} ${open ? \"open\" : \"\"} ${disabled ? \"disabled\" : \"\"} ${invalid ? \"invalid\" : \"\"} ${className}`}\n      onKeyDown={onKeyDown}\n      tabIndex={disabled ? -1 : 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"]}

package/dist/chunk-NE4YEBFH.js

@@ -0,0 +1,66 @@
+import { useFloating } from './chunk-V2DIQ3RH.js';
+import './tokens-HWQ7KWPG.css';
+import './shared-NJHRNLRH.css';
+import './Popover-MGCMOXYP.css';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var Popover = ({
+  content,
+  placement = "bottom",
+  trigger = "click",
+  defaultOpen = false,
+  open,
+  onOpenChange,
+  children,
+  className = ""
+}) => {
+  const [inner, setInner] = React.useState(defaultOpen);
+  const isControlled = open !== void 0;
+  const show = isControlled ? open : inner;
+  const panelRef = React.useRef(null);
+  const { triggerRef, floatingStyle, placement: resolved } = useFloating({
+    open: show,
+    placement,
+    panelWidth: 240,
+    panelHeight: 160,
+    alignCross: "center"
+  });
+  const set = (v) => {
+    if (!isControlled) setInner(v);
+    onOpenChange?.(v);
+  };
+  React.useEffect(() => {
+    if (trigger !== "click" || !show) return;
+    const h = (e) => {
+      const t = e.target;
+      if (triggerRef.current?.contains(t)) return;
+      if (panelRef.current?.contains(t)) return;
+      set(false);
+    };
+    document.addEventListener("mousedown", h);
+    return () => document.removeEventListener("mousedown", h);
+  }, [show, trigger]);
+  const interact = trigger === "hover" ? { onMouseEnter: () => set(true), onMouseLeave: () => set(false) } : { onClick: () => set(!show) };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref: triggerRef,
+        className: `popover-anchor ${className}`,
+        style: { display: "inline-flex" },
+        ...interact,
+        children
+      }
+    ),
+    show && typeof document !== "undefined" && createPortal(
+      /* @__PURE__ */ jsx("span", { ref: panelRef, className: `popover ${resolved}`, style: floatingStyle, children: content }),
+      document.body
+    )
+  ] });
+};
+
+export { Popover };
+//# sourceMappingURL=chunk-NE4YEBFH.js.map
+//# sourceMappingURL=chunk-NE4YEBFH.js.map

package/dist/chunk-NE4YEBFH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;AAmBO,IAAM,UAAkC,CAAC;AAAA,EAC9C,OAAA;AAAA,EACA,SAAA,GAAY,QAAA;AAAA,EACZ,OAAA,GAAU,OAAA;AAAA,EACV,WAAA,GAAc,KAAA;AAAA,EACd,IAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,eAAS,WAAW,CAAA;AACpD,EAAA,MAAM,eAAe,IAAA,KAAS,MAAA;AAC9B,EAAA,MAAM,IAAA,GAAO,eAAe,IAAA,GAAQ,KAAA;AACpC,EAAA,MAAM,QAAA,GAAiB,aAAwB,IAAI,CAAA;AAEnD,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,SAAA,EAAW,QAAA,KAAa,WAAA,CAA6B;AAAA,IACtF,IAAA,EAAM,IAAA;AAAA,IACN,SAAA;AAAA,IACA,UAAA,EAAY,GAAA;AAAA,IACZ,WAAA,EAAa,GAAA;AAAA,IACb,UAAA,EAAY;AAAA,GACb,CAAA;AAED,EAAA,MAAM,GAAA,GAAM,CAAC,CAAA,KAAe;AAC1B,IAAA,IAAI,CAAC,YAAA,EAAc,QAAA,CAAS,CAAC,CAAA;AAC7B,IAAA,YAAA,GAAe,CAAC,CAAA;AAAA,EAClB,CAAA;AAEA,EAAM,gBAAU,MAAM;AACpB,IAAA,IAAI,OAAA,KAAY,OAAA,IAAW,CAAC,IAAA,EAAM;AAClC,IAAA,MAAM,CAAA,GAAI,CAAC,CAAA,KAAkB;AAC3B,MAAA,MAAM,IAAI,CAAA,CAAE,MAAA;AACZ,MAAA,IAAI,UAAA,CAAW,OAAA,EAAS,QAAA,CAAS,CAAC,CAAA,EAAG;AACrC,MAAA,IAAI,QAAA,CAAS,OAAA,EAAS,QAAA,CAAS,CAAC,CAAA,EAAG;AACnC,MAAA,GAAA,CAAI,KAAK,CAAA;AAAA,IACX,CAAA;AACA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,CAAC,CAAA;AACxC,IAAA,OAAO,MAAM,QAAA,CAAS,mBAAA,CAAoB,WAAA,EAAa,CAAC,CAAA;AAAA,EAE1D,CAAA,EAAG,CAAC,IAAA,EAAM,OAAO,CAAC,CAAA;AAElB,EAAA,MAAM,QAAA,GACJ,YAAY,OAAA,GACR,EAAE,cAAc,MAAM,GAAA,CAAI,IAAI,CAAA,EAAG,YAAA,EAAc,MAAM,GAAA,CAAI,KAAK,GAAE,GAChE,EAAE,SAAS,MAAM,GAAA,CAAI,CAAC,IAAI,CAAA,EAAE;AAElC,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,UAAA;AAAA,QACL,SAAA,EAAW,kBAAkB,SAAS,CAAA,CAAA;AAAA,QACtC,KAAA,EAAO,EAAE,OAAA,EAAS,aAAA,EAAc;AAAA,QAC/B,GAAG,QAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,IACC,IAAA,IAAQ,OAAO,QAAA,KAAa,WAAA,IAC3B,YAAA;AAAA,sBACE,GAAA,CAAC,MAAA,EAAA,EAAK,GAAA,EAAK,QAAA,EAAU,SAAA,EAAW,WAAW,QAAQ,CAAA,CAAA,EAAI,KAAA,EAAO,aAAA,EAC3D,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,MACA,QAAA,CAAS;AAAA;AACX,GAAA,EACJ,CAAA;AAEJ","file":"chunk-NE4YEBFH.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Popover.css\";\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useFloating } from \"../../utils/useFloating\";\n\nexport interface PopoverProps {\n  content: React.ReactNode;\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  trigger?: \"click\" | \"hover\";\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: React.ReactElement;\n  className?: string;\n}\n\n/** `Popover` — rich content bubble. */\nexport const Popover: React.FC<PopoverProps> = ({\n  content,\n  placement = \"bottom\",\n  trigger = \"click\",\n  defaultOpen = false,\n  open,\n  onOpenChange,\n  children,\n  className = \"\",\n}) => {\n  const [inner, setInner] = React.useState(defaultOpen);\n  const isControlled = open !== undefined;\n  const show = isControlled ? open! : inner;\n  const panelRef = React.useRef<HTMLSpanElement>(null);\n\n  const { triggerRef, floatingStyle, placement: resolved } = useFloating<HTMLSpanElement>({\n    open: show,\n    placement,\n    panelWidth: 240,\n    panelHeight: 160,\n    alignCross: \"center\",\n  });\n\n  const set = (v: boolean) => {\n    if (!isControlled) setInner(v);\n    onOpenChange?.(v);\n  };\n\n  React.useEffect(() => {\n    if (trigger !== \"click\" || !show) return;\n    const h = (e: MouseEvent) => {\n      const t = e.target as Node;\n      if (triggerRef.current?.contains(t)) return;\n      if (panelRef.current?.contains(t)) return;\n      set(false);\n    };\n    document.addEventListener(\"mousedown\", h);\n    return () => document.removeEventListener(\"mousedown\", h);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [show, trigger]);\n\n  const interact =\n    trigger === \"hover\"\n      ? { onMouseEnter: () => set(true), onMouseLeave: () => set(false) }\n      : { onClick: () => set(!show) };\n\n  return (\n    <>\n      <span\n        ref={triggerRef}\n        className={`popover-anchor ${className}`}\n        style={{ display: \"inline-flex\" }}\n        {...interact}\n      >\n        {children}\n      </span>\n      {show && typeof document !== \"undefined\" &&\n        createPortal(\n          <span ref={panelRef} className={`popover ${resolved}`} style={floatingStyle}>\n            {content}\n          </span>,\n          document.body\n        )}\n    </>\n  );\n};\n"]}

package/dist/{chunk-XRZ5OKZH.js → chunk-OEHCA5IV.js}

@@ -1,8 +1,10 @@
+import { useFloating } from './chunk-V2DIQ3RH.js';
 import { Icon } from './chunk-GEYMWUW6.js';
 import './tokens-HWQ7KWPG.css';
 import './shared-NJHRNLRH.css';
-import './Cascader-TO2QMSLJ.css';
+import './Cascader-DTRTTXC2.css';
 import * as React from 'react';
+import { createPortal } from 'react-dom';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var Cascader = ({
@@ -19,10 +21,19 @@ var Cascader = ({
   const cur = isControlled ? value : inner;
   const [open, setOpen] = React.useState(false);
   const [path, setPath] = React.useState(cur);
-  const ref = React.useRef(null);
+  const panelRef = React.useRef(null);
+  const { triggerRef: ref, floatingStyle } = useFloating({
+    open,
+    placement: "bottom",
+    panelWidth: 520,
+    panelHeight: 260
+  });
   React.useEffect(() => {
     const h = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+      const t = e.target;
+      if (ref.current?.contains(t)) return;
+      if (panelRef.current?.contains(t)) return;
+      setOpen(false);
     };
     document.addEventListener("mousedown", h);
     return () => document.removeEventListener("mousedown", h);
@@ -74,28 +85,31 @@ var Cascader = ({
         ]
       }
     ),
-    open && /* @__PURE__ */ jsx("div", { className: "cascader-panel", children: columns.map((col, depth) => /* @__PURE__ */ jsx("div", { className: "cascader-col", children: col.map((o) => {
-      const isActive = path[depth] === o.value;
-      const hasChildren = !!(o.children && o.children.length);
-      return /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          className: `cascader-item ${isActive ? "active" : ""}`,
-          disabled: o.disabled,
-          onClick: () => pick(depth, o.value, hasChildren),
-          children: [
-            o.icon && /* @__PURE__ */ jsx(Icon, { name: o.icon, size: 13 }),
-            /* @__PURE__ */ jsx("span", { children: o.label }),
-            hasChildren && /* @__PURE__ */ jsx("span", { className: "chev", children: /* @__PURE__ */ jsx(Icon, { name: "chevRight", size: 12 }) })
-          ]
-        },
-        o.value
-      );
-    }) }, depth)) })
+    open && typeof document !== "undefined" && createPortal(
+      /* @__PURE__ */ jsx("div", { ref: panelRef, className: "cascader-panel", style: floatingStyle, children: columns.map((col, depth) => /* @__PURE__ */ jsx("div", { className: "cascader-col", children: col.map((o) => {
+        const isActive = path[depth] === o.value;
+        const hasChildren = !!(o.children && o.children.length);
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: `cascader-item ${isActive ? "active" : ""}`,
+            disabled: o.disabled,
+            onClick: () => pick(depth, o.value, hasChildren),
+            children: [
+              o.icon && /* @__PURE__ */ jsx(Icon, { name: o.icon, size: 13 }),
+              /* @__PURE__ */ jsx("span", { children: o.label }),
+              hasChildren && /* @__PURE__ */ jsx("span", { className: "chev", children: /* @__PURE__ */ jsx(Icon, { name: "chevRight", size: 12 }) })
+            ]
+          },
+          o.value
+        );
+      }) }, depth)) }),
+      document.body
+    )
   ] });
 };
 
 export { Cascader };
-//# sourceMappingURL=chunk-XRZ5OKZH.js.map
-//# sourceMappingURL=chunk-XRZ5OKZH.js.map
+//# sourceMappingURL=chunk-OEHCA5IV.js.map
+//# sourceMappingURL=chunk-OEHCA5IV.js.map

package/dist/chunk-OEHCA5IV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Cascader/Cascader.tsx"],"names":[],"mappings":"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","file":"chunk-OEHCA5IV.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Cascader.css\";\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Icon, type IconName } from \"../Icon\";\nimport { useFloating } from \"../../utils/useFloating\";\n\nexport interface CascaderOption {\n  value: string;\n  label: React.ReactNode;\n  icon?: IconName;\n  children?: CascaderOption[];\n  disabled?: boolean;\n}\n\nexport interface CascaderProps {\n  options: CascaderOption[];\n  value?: string[];\n  defaultValue?: string[];\n  onChange?: (path: string[]) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\n/** `Cascader` — multi-column hierarchical selector. */\nexport const Cascader: React.FC<CascaderProps> = ({\n  options,\n  value,\n  defaultValue = [],\n  onChange,\n  placeholder = \"请选择\",\n  disabled,\n  className = \"\",\n}) => {\n  const [inner, setInner] = React.useState<string[]>(defaultValue);\n  const isControlled = value !== undefined;\n  const cur = isControlled ? value! : inner;\n  const [open, setOpen] = React.useState(false);\n  const [path, setPath] = React.useState<string[]>(cur);\n  const panelRef = React.useRef<HTMLDivElement>(null);\n\n  const { triggerRef: ref, floatingStyle } = useFloating<HTMLDivElement>({\n    open,\n    placement: \"bottom\",\n    panelWidth: 520,\n    panelHeight: 260,\n  });\n\n  React.useEffect(() => {\n    const h = (e: MouseEvent) => {\n      const t = e.target as Node;\n      if (ref.current?.contains(t)) return;\n      if (panelRef.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  }, []);\n\n  React.useEffect(() => {\n    if (open) setPath(cur);\n  }, [open, cur]);\n\n  const columns: CascaderOption[][] = [options];\n  let cursor: CascaderOption[] = options;\n  for (const v of path) {\n    const match: CascaderOption | undefined = cursor.find((o) => o.value === v);\n    if (match && match.children) {\n      cursor = match.children;\n      columns.push(cursor);\n    } else break;\n  }\n\n  const pick = (depth: number, val: string, hasChildren: boolean) => {\n    const np = [...path.slice(0, depth), val];\n    setPath(np);\n    if (!hasChildren) {\n      if (!isControlled) setInner(np);\n      onChange?.(np);\n      setOpen(false);\n    }\n  };\n\n  const labels: React.ReactNode[] = [];\n  let list: CascaderOption[] = options;\n  for (const v of cur) {\n    const m: CascaderOption | undefined = list.find((o) => o.value === v);\n    if (!m) break;\n    labels.push(m.label);\n    if (!m.children) break;\n    list = m.children;\n  }\n\n  return (\n    <div ref={ref} className={`cascader ${open ? \"open\" : \"\"} ${className}`}>\n      <button\n        type=\"button\"\n        className={`cascader-trigger ${labels.length === 0 ? \"placeholder\" : \"\"}`}\n        disabled={disabled}\n        onClick={() => !disabled && setOpen((o) => !o)}\n      >\n        <span style={{ flex: 1 }}>\n          {labels.length ? labels.map((l, i) => <span key={i}>{i > 0 && \" / \"}{l}</span>) : placeholder}\n        </span>\n        <span style={{ position: \"absolute\", right: 12, color: \"var(--fg-subtle)\" }}>\n          <Icon name=\"chevDown\" size={14} />\n        </span>\n      </button>\n      {open && typeof document !== \"undefined\" &&\n        createPortal(\n          <div ref={panelRef} className=\"cascader-panel\" style={floatingStyle}>\n            {columns.map((col, depth) => (\n              <div key={depth} className=\"cascader-col\">\n                {col.map((o) => {\n                  const isActive = path[depth] === o.value;\n                  const hasChildren = !!(o.children && o.children.length);\n                  return (\n                    <button\n                      key={o.value}\n                      type=\"button\"\n                      className={`cascader-item ${isActive ? \"active\" : \"\"}`}\n                      disabled={o.disabled}\n                      onClick={() => pick(depth, o.value, hasChildren)}\n                    >\n                      {o.icon && <Icon name={o.icon} size={13} />}\n                      <span>{o.label}</span>\n                      {hasChildren && (\n                        <span className=\"chev\">\n                          <Icon name=\"chevRight\" size={12} />\n                        </span>\n                      )}\n                    </button>\n                  );\n                })}\n              </div>\n            ))}\n          </div>,\n          document.body\n        )}\n    </div>\n  );\n};\n"]}

package/dist/{chunk-T5AH4FCV.js → chunk-OYH6A7IQ.js}

@@ -1,9 +1,11 @@
 import { Tag } from './chunk-3QWHDCHJ.js';
+import { useFloating } from './chunk-V2DIQ3RH.js';
 import { Icon } from './chunk-GEYMWUW6.js';
 import './tokens-HWQ7KWPG.css';
 import './shared-NJHRNLRH.css';
-import './Select-DDJJBQEL.css';
+import './Select-EDG37C37.css';
 import * as React from 'react';
+import { createPortal } from 'react-dom';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var isGroup = (it) => Array.isArray(it.options);
@@ -41,7 +43,6 @@ function Select(props) {
   const [innerOpen, setInnerOpen] = React.useState(defaultOpen ?? false);
   const [query, setQuery] = React.useState("");
   const [activeIdx, setActiveIdx] = React.useState(-1);
-  const ref = React.useRef(null);
   const searchRef = React.useRef(null);
   const menuRef = React.useRef(null);
   const openControlled = openProp !== void 0;
@@ -51,6 +52,12 @@ function Select(props) {
     onOpenChange?.(v);
     if (!v) setQuery("");
   };
+  const { triggerRef: ref, floatingStyle } = useFloating({
+    open,
+    placement: "bottom",
+    matchTriggerWidth: true,
+    panelHeight: 320
+  });
   const singleControlled = !isMulti && props.value !== void 0;
   const multiControlled = isMulti && props.value !== void 0;
   const singleValue = singleControlled ? props.value : innerSingle;
@@ -58,7 +65,10 @@ function Select(props) {
   React.useEffect(() => {
     if (!open) return;
     const h = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+      const t = e.target;
+      if (ref.current?.contains(t)) return;
+      if (menuRef.current?.contains(t)) return;
+      setOpen(false);
     };
     document.addEventListener("mousedown", h);
     return () => document.removeEventListener("mousedown", h);
@@ -237,44 +247,57 @@ function Select(props) {
             ]
           }
         ),
-        open && /* @__PURE__ */ jsxs("div", { ref: menuRef, className: `menu ${menuClassName}`, role: "listbox", "aria-multiselectable": isMulti || void 0, children: [
-          searchable && /* @__PURE__ */ jsxs("div", { className: "menu-search", children: [
-            /* @__PURE__ */ jsx(Icon, { name: "search", size: 13 }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ref: searchRef,
-                type: "text",
-                value: query,
-                placeholder: "\u641C\u7D22...",
-                onChange: (e) => setQuery(e.target.value),
-                onKeyDown: (e) => {
-                  if (e.key === "Escape" || e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter") {
-                    e.preventDefault();
-                    onKeyDown(e);
-                  }
-                }
-              }
-            )
-          ] }),
-          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: [
-            /* @__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)
-          )
-        ] })
+        open && typeof document !== "undefined" && createPortal(
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: menuRef,
+              className: `menu ${menuClassName}`,
+              role: "listbox",
+              "aria-multiselectable": isMulti || void 0,
+              style: floatingStyle,
+              children: [
+                searchable && /* @__PURE__ */ jsxs("div", { className: "menu-search", children: [
+                  /* @__PURE__ */ jsx(Icon, { name: "search", size: 13 }),
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      ref: searchRef,
+                      type: "text",
+                      value: query,
+                      placeholder: "\u641C\u7D22...",
+                      onChange: (e) => setQuery(e.target.value),
+                      onKeyDown: (e) => {
+                        if (e.key === "Escape" || e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter") {
+                          e.preventDefault();
+                          onKeyDown(e);
+                        }
+                      }
+                    }
+                  )
+                ] }),
+                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: [
+                  /* @__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)
+                )
+              ]
+            }
+          ),
+          document.body
+        )
       ]
     }
   );
 }
 
 export { Select };
-//# sourceMappingURL=chunk-T5AH4FCV.js.map
-//# sourceMappingURL=chunk-T5AH4FCV.js.map
+//# sourceMappingURL=chunk-OYH6A7IQ.js.map
+//# sourceMappingURL=chunk-OYH6A7IQ.js.map

package/dist/chunk-OYH6A7IQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Select/Select.tsx"],"names":[],"mappings":"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","file":"chunk-OYH6A7IQ.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  /** 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\n/** `Select` — neumorphic dropdown. Set `multiple` for tag-style multi-select. */\nexport function Select<T extends string | number = string>(props: SingleSelectProps<T>): React.ReactElement;\nexport function Select<T extends string | number = string>(props: MultiSelectProps<T>): React.ReactElement;\nexport function Select<T extends string | number = string>(props: SelectProps<T>): 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  } = props;\n  const isMulti = props.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  const menuRef = React.useRef<HTMLDivElement>(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: ref, floatingStyle } = useFloating<HTMLDivElement>({\n    open,\n    placement: \"bottom\",\n    matchTriggerWidth: true,\n    panelHeight: 320,\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 (ref.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={ref}\n      className={`select ${size} ${isMulti ? \"multi\" : \"\"} ${open ? \"open\" : \"\"} ${disabled ? \"disabled\" : \"\"} ${invalid ? \"invalid\" : \"\"} ${className}`}\n      onKeyDown={onKeyDown}\n      tabIndex={disabled ? -1 : 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"]}