@fangxinyan/lumina 0.1.0

package/dist/chunk-QPZZNSRB.js

@@ -0,0 +1,65 @@
+import { Icon } from './chunk-GEYMWUW6.js';
+import './tokens-HWQ7KWPG.css';
+import './shared-NJHRNLRH.css';
+import './Toast-ERHDN3WG.css';
+import * as React from 'react';
+import ReactDOM from 'react-dom';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var listeners = /* @__PURE__ */ new Set();
+var items = [];
+var uid = 0;
+function emit() {
+  listeners.forEach((l) => l(items));
+}
+var toast = {
+  show(t) {
+    const id = ++uid;
+    items = [...items, { ...t, id, duration: t.duration ?? 3200 }];
+    emit();
+    if (items[items.length - 1].duration > 0) {
+      setTimeout(() => toast.dismiss(id), items[items.length - 1].duration);
+    }
+    return id;
+  },
+  info: (message, title) => toast.show({ type: "info", message, title }),
+  success: (message, title) => toast.show({ type: "success", message, title }),
+  warn: (message, title) => toast.show({ type: "warning", message, title }),
+  error: (message, title) => toast.show({ type: "danger", message, title }),
+  dismiss(id) {
+    items = items.filter((i) => i.id !== id);
+    emit();
+  },
+  clear() {
+    items = [];
+    emit();
+  }
+};
+var ToastContainer = ({ placement = "top-right" }) => {
+  const [list, setList] = React.useState(items);
+  React.useEffect(() => {
+    listeners.add(setList);
+    return () => {
+      listeners.delete(setList);
+    };
+  }, []);
+  if (typeof document === "undefined") return null;
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsx("div", { className: `toast-container ${placement}`, children: list.map((t) => {
+      const iconName = t.type === "success" ? "check2" : t.type === "warning" ? "alert" : t.type === "danger" ? "alert" : "info";
+      return /* @__PURE__ */ jsxs("div", { className: `toast ${t.type}`, role: "status", children: [
+        /* @__PURE__ */ jsx(Icon, { name: iconName, size: 18, className: "toast-icon" }),
+        /* @__PURE__ */ jsxs("div", { className: "toast-body", children: [
+          t.title && /* @__PURE__ */ jsx("div", { className: "toast-title", children: t.title }),
+          t.message && /* @__PURE__ */ jsx("div", { className: "toast-msg", children: t.message })
+        ] }),
+        /* @__PURE__ */ jsx("button", { type: "button", className: "toast-close", onClick: () => toast.dismiss(t.id), "aria-label": "Dismiss", children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 14 }) })
+      ] }, t.id);
+    }) }),
+    document.body
+  );
+};
+
+export { ToastContainer, toast };
+//# sourceMappingURL=chunk-QPZZNSRB.js.map
+//# sourceMappingURL=chunk-QPZZNSRB.js.map

package/dist/chunk-QPZZNSRB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toast/Toast.tsx"],"names":[],"mappings":"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","file":"chunk-QPZZNSRB.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Toast.css\";\nimport * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Icon } from \"../Icon\";\n\nexport type ToastType = \"info\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface ToastItem {\n  id: number;\n  type: ToastType;\n  title?: React.ReactNode;\n  message?: React.ReactNode;\n  duration?: number;\n}\n\ntype ListenerState = ToastItem[];\nconst listeners = new Set<(s: ListenerState) => void>();\nlet items: ListenerState = [];\nlet uid = 0;\n\nfunction emit() {\n  listeners.forEach((l) => l(items));\n}\n\nexport const toast = {\n  show(t: Omit<ToastItem, \"id\">) {\n    const id = ++uid;\n    items = [...items, { ...t, id, duration: t.duration ?? 3200 }];\n    emit();\n    if (items[items.length - 1].duration! > 0) {\n      setTimeout(() => toast.dismiss(id), items[items.length - 1].duration);\n    }\n    return id;\n  },\n  info: (message: React.ReactNode, title?: React.ReactNode) => toast.show({ type: \"info\", message, title }),\n  success: (message: React.ReactNode, title?: React.ReactNode) => toast.show({ type: \"success\", message, title }),\n  warn: (message: React.ReactNode, title?: React.ReactNode) => toast.show({ type: \"warning\", message, title }),\n  error: (message: React.ReactNode, title?: React.ReactNode) => toast.show({ type: \"danger\", message, title }),\n  dismiss(id: number) {\n    items = items.filter((i) => i.id !== id);\n    emit();\n  },\n  clear() {\n    items = [];\n    emit();\n  },\n};\n\nexport interface ToastContainerProps {\n  placement?: \"top-right\" | \"top-left\" | \"bottom-right\" | \"bottom-left\" | \"top-center\";\n}\n\n/** `ToastContainer` — mount once at your app root; subscribes to `toast.*` calls. */\nexport const ToastContainer: React.FC<ToastContainerProps> = ({ placement = \"top-right\" }) => {\n  const [list, setList] = React.useState<ListenerState>(items);\n  React.useEffect(() => {\n    listeners.add(setList);\n    return () => {\n      listeners.delete(setList);\n    };\n  }, []);\n  if (typeof document === \"undefined\") return null;\n  return ReactDOM.createPortal(\n    <div className={`toast-container ${placement}`}>\n      {list.map((t) => {\n        const iconName =\n          t.type === \"success\" ? \"check2\" : t.type === \"warning\" ? \"alert\" : t.type === \"danger\" ? \"alert\" : \"info\";\n        return (\n          <div key={t.id} className={`toast ${t.type}`} role=\"status\">\n            <Icon name={iconName} size={18} className=\"toast-icon\" />\n            <div className=\"toast-body\">\n              {t.title && <div className=\"toast-title\">{t.title}</div>}\n              {t.message && <div className=\"toast-msg\">{t.message}</div>}\n            </div>\n            <button type=\"button\" className=\"toast-close\" onClick={() => toast.dismiss(t.id)} aria-label=\"Dismiss\">\n              <Icon name=\"x\" size={14} />\n            </button>\n          </div>\n        );\n      })}\n    </div>,\n    document.body\n  );\n};\n"]}

package/dist/chunk-QT7SJITQ.cjs

@@ -0,0 +1,114 @@
+'use strict';
+
+var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Input-Z526ARZP.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+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 Input = React__namespace.forwardRef(
+  ({
+    value,
+    defaultValue,
+    onChange,
+    placeholder,
+    leadingIcon,
+    trailingIcon,
+    onLeadingIconClick,
+    onTrailingIconClick,
+    size = "md",
+    invalid,
+    disabled,
+    className = "",
+    ...rest
+  }, ref) => {
+    const wrapCls = [
+      "input-wrap",
+      size !== "md" && size,
+      invalid && "invalid",
+      disabled && "disabled",
+      className
+    ].filter(Boolean).join(" ");
+    const handleIconClick = (handler) => handler ? (e) => {
+      e.stopPropagation();
+      if (!disabled) handler(e);
+    } : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapCls, children: [
+      leadingIcon && /* @__PURE__ */ jsxRuntime.jsx(
+        chunkYVO7XO4W_cjs.Icon,
+        {
+          name: leadingIcon,
+          size: 14,
+          className: `lead${onLeadingIconClick ? " interactive" : ""}`,
+          onClick: handleIconClick(onLeadingIconClick)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ref,
+          className: "input",
+          value,
+          defaultValue,
+          onChange: (e) => onChange?.(e.target.value, e),
+          placeholder,
+          disabled,
+          ...rest
+        }
+      ),
+      trailingIcon && /* @__PURE__ */ jsxRuntime.jsx(
+        chunkYVO7XO4W_cjs.Icon,
+        {
+          name: trailingIcon,
+          size: 14,
+          className: `trail${onTrailingIconClick ? " interactive" : ""}`,
+          onClick: handleIconClick(onTrailingIconClick)
+        }
+      )
+    ] });
+  }
+);
+Input.displayName = "Input";
+var Textarea = React__namespace.forwardRef(
+  ({ value, defaultValue, onChange, invalid, className = "", ...rest }, ref) => {
+    const cls = ["textarea", invalid && "invalid", className].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        ref,
+        className: cls,
+        value,
+        defaultValue,
+        onChange: (e) => onChange?.(e.target.value, e),
+        ...rest
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+exports.Input = Input;
+exports.Textarea = Textarea;
+//# sourceMappingURL=chunk-QT7SJITQ.cjs.map
+//# sourceMappingURL=chunk-QT7SJITQ.cjs.map

package/dist/chunk-QT7SJITQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Input/Input.tsx"],"names":["React","jsxs","jsx","Icon"],"mappings":"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","file":"chunk-QT7SJITQ.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Input.css\";\nimport * as React from \"react\";\nimport { Icon, type IconName } from \"../Icon\";\n\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"onChange\"> {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;\n  placeholder?: string;\n  leadingIcon?: IconName;\n  trailingIcon?: IconName;\n  /** Click handler for the leading icon (stops propagation so the input isn't focused). */\n  onLeadingIconClick?: (e: React.MouseEvent<SVGSVGElement>) => void;\n  /** Click handler for the trailing icon — e.g. password visibility toggle. */\n  onTrailingIconClick?: (e: React.MouseEvent<SVGSVGElement>) => void;\n  size?: \"sm\" | \"md\" | \"lg\";\n  invalid?: boolean;\n  disabled?: boolean;\n  className?: string;\n}\n\n/**\n * `Input` — single-line text field with optional leading/trailing icons.\n */\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      placeholder,\n      leadingIcon,\n      trailingIcon,\n      onLeadingIconClick,\n      onTrailingIconClick,\n      size = \"md\",\n      invalid,\n      disabled,\n      className = \"\",\n      ...rest\n    },\n    ref\n  ) => {\n    const wrapCls = [\n      \"input-wrap\",\n      size !== \"md\" && size,\n      invalid && \"invalid\",\n      disabled && \"disabled\",\n      className,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n    const handleIconClick = (\n      handler: ((e: React.MouseEvent<SVGSVGElement>) => void) | undefined\n    ) =>\n      handler\n        ? (e: React.MouseEvent<SVGSVGElement>) => {\n            e.stopPropagation();\n            if (!disabled) handler(e);\n          }\n        : undefined;\n\n    return (\n      <div className={wrapCls}>\n        {leadingIcon && (\n          <Icon\n            name={leadingIcon}\n            size={14}\n            className={`lead${onLeadingIconClick ? \" interactive\" : \"\"}`}\n            onClick={handleIconClick(onLeadingIconClick)}\n          />\n        )}\n        <input\n          ref={ref}\n          className=\"input\"\n          value={value}\n          defaultValue={defaultValue}\n          onChange={(e) => onChange?.(e.target.value, e)}\n          placeholder={placeholder}\n          disabled={disabled}\n          {...rest}\n        />\n        {trailingIcon && (\n          <Icon\n            name={trailingIcon}\n            size={14}\n            className={`trail${onTrailingIconClick ? \" interactive\" : \"\"}`}\n            onClick={handleIconClick(onTrailingIconClick)}\n          />\n        )}\n      </div>\n    );\n  }\n);\nInput.displayName = \"Input\";\n\nexport interface TextareaProps\n  extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, \"onChange\"> {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  invalid?: boolean;\n  className?: string;\n}\n\n/**\n * `Textarea` — multi-line text input with the same neumorphic groove as `Input`.\n */\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ value, defaultValue, onChange, invalid, className = \"\", ...rest }, ref) => {\n    const cls = [\"textarea\", invalid && \"invalid\", className].filter(Boolean).join(\" \");\n    return (\n      <textarea\n        ref={ref}\n        className={cls}\n        value={value}\n        defaultValue={defaultValue}\n        onChange={(e) => onChange?.(e.target.value, e)}\n        {...rest}\n      />\n    );\n  }\n);\nTextarea.displayName = \"Textarea\";\n"]}

package/dist/chunk-RMD6KQ4H.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Tooltip-RT4BOVTD.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+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);
+
+// src/components/Tooltip/Tooltip.tsx
+var Tooltip = ({
+  content,
+  placement = "top",
+  children,
+  delay = 250,
+  disabled
+}) => {
+  const [show, setShow] = React__namespace.useState(false);
+  const t = React__namespace.useRef();
+  const open = () => {
+    if (disabled) return;
+    window.clearTimeout(t.current);
+    t.current = window.setTimeout(() => setShow(true), delay);
+  };
+  const close = () => {
+    window.clearTimeout(t.current);
+    setShow(false);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tip-anchor", onMouseEnter: open, onMouseLeave: close, onFocus: open, onBlur: close, children: [
+    children,
+    show && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `tip ${placement}`, children: content })
+  ] });
+};
+
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=chunk-RMD6KQ4H.cjs.map
+//# sourceMappingURL=chunk-RMD6KQ4H.cjs.map

package/dist/chunk-RMD6KQ4H.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"names":["React","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,IAAM,UAAkC,CAAC;AAAA,EAC9C,OAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA;AAAA,EACA,KAAA,GAAQ,GAAA;AAAA,EACR;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAUA,0BAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,IAAUA,gBAAA,CAAA,MAAA,EAA2B;AAE3C,EAAA,MAAM,OAAO,MAAM;AACjB,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,MAAA,CAAO,YAAA,CAAa,EAAE,OAAO,CAAA;AAC7B,IAAA,CAAA,CAAE,UAAU,MAAA,CAAO,UAAA,CAAW,MAAM,OAAA,CAAQ,IAAI,GAAG,KAAK,CAAA;AAAA,EAC1D,CAAA;AACA,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAA,MAAA,CAAO,YAAA,CAAa,EAAE,OAAO,CAAA;AAC7B,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,EACf,CAAA;AAEA,EAAA,uBACEC,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAa,YAAA,EAAc,IAAA,EAAM,YAAA,EAAc,KAAA,EAAO,OAAA,EAAS,IAAA,EAAM,MAAA,EAAQ,KAAA,EAC1F,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,wBAAQC,cAAA,CAAC,MAAA,EAAA,EAAK,WAAW,CAAA,IAAA,EAAO,SAAS,IAAK,QAAA,EAAA,OAAA,EAAQ;AAAA,GAAA,EACzD,CAAA;AAEJ","file":"chunk-RMD6KQ4H.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Tooltip.css\";\nimport * as React from \"react\";\n\nexport interface TooltipProps {\n  content: React.ReactNode;\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  children: React.ReactElement;\n  delay?: number;\n  disabled?: boolean;\n}\n\n/** `Tooltip` — hover/focus text bubble. */\nexport const Tooltip: React.FC<TooltipProps> = ({\n  content,\n  placement = \"top\",\n  children,\n  delay = 250,\n  disabled,\n}) => {\n  const [show, setShow] = React.useState(false);\n  const t = React.useRef<number | undefined>();\n\n  const open = () => {\n    if (disabled) return;\n    window.clearTimeout(t.current);\n    t.current = window.setTimeout(() => setShow(true), delay);\n  };\n  const close = () => {\n    window.clearTimeout(t.current);\n    setShow(false);\n  };\n\n  return (\n    <span className=\"tip-anchor\" onMouseEnter={open} onMouseLeave={close} onFocus={open} onBlur={close}>\n      {children}\n      {show && <span className={`tip ${placement}`}>{content}</span>}\n    </span>\n  );\n};\n"]}

package/dist/chunk-T5AH4FCV.js

@@ -0,0 +1,280 @@
+import { Tag } from './chunk-3QWHDCHJ.js';
+import { Icon } from './chunk-GEYMWUW6.js';
+import './tokens-HWQ7KWPG.css';
+import './shared-NJHRNLRH.css';
+import './Select-DDJJBQEL.css';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var isGroup = (it) => Array.isArray(it.options);
+var flatten = (items) => items.flatMap((it) => isGroup(it) ? it.options : [it]);
+var defaultFilter = (input, opt) => {
+  const q = input.toLowerCase();
+  const txt = opt.text ?? (typeof opt.label === "string" ? opt.label : String(opt.value));
+  return txt.toLowerCase().includes(q);
+};
+function Select(props) {
+  const {
+    options,
+    placeholder = "\u8BF7\u9009\u62E9\u2026",
+    disabled,
+    size = "md",
+    invalid,
+    clearable,
+    searchable,
+    filterOption,
+    loading,
+    emptyContent,
+    open: openProp,
+    defaultOpen,
+    onOpenChange,
+    className = "",
+    menuClassName = ""
+  } = props;
+  const isMulti = props.multiple === true;
+  const [innerSingle, setInnerSingle] = React.useState(
+    !isMulti ? props.defaultValue : void 0
+  );
+  const [innerMulti, setInnerMulti] = React.useState(
+    isMulti ? props.defaultValue ?? [] : []
+  );
+  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;
+  const open = openControlled ? openProp : innerOpen;
+  const setOpen = (v) => {
+    if (!openControlled) setInnerOpen(v);
+    onOpenChange?.(v);
+    if (!v) setQuery("");
+  };
+  const singleControlled = !isMulti && props.value !== void 0;
+  const multiControlled = isMulti && props.value !== void 0;
+  const singleValue = singleControlled ? props.value : innerSingle;
+  const multiValue = multiControlled ? props.value : innerMulti;
+  React.useEffect(() => {
+    if (!open) return;
+    const h = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", h);
+    return () => document.removeEventListener("mousedown", h);
+  }, [open]);
+  React.useEffect(() => {
+    if (open && searchable) {
+      requestAnimationFrame(() => searchRef.current?.focus());
+    }
+    if (!open) setActiveIdx(-1);
+  }, [open, searchable]);
+  const allFlat = React.useMemo(() => flatten(options), [options]);
+  const filteredFlat = React.useMemo(() => {
+    if (!query.trim()) return allFlat;
+    const f = filterOption ?? defaultFilter;
+    return allFlat.filter((o) => f(query, o));
+  }, [allFlat, query, filterOption]);
+  const filteredItems = React.useMemo(() => {
+    if (!query.trim()) return options;
+    return options.map((it) => {
+      if (!isGroup(it)) {
+        return filteredFlat.includes(it) ? it : null;
+      }
+      const kept = it.options.filter((o) => filteredFlat.includes(o));
+      return kept.length ? { label: it.label, options: kept } : null;
+    }).filter((x) => x !== null);
+  }, [options, filteredFlat, query]);
+  React.useEffect(() => {
+    setActiveIdx(filteredFlat.length ? 0 : -1);
+  }, [filteredFlat.length]);
+  const pickSingle = (opt) => {
+    if (opt.disabled) return;
+    if (!singleControlled) setInnerSingle(opt.value);
+    props.onChange?.(opt.value);
+    setOpen(false);
+  };
+  const toggleMulti = (opt) => {
+    if (opt.disabled) return;
+    const cur = multiValue ?? [];
+    const next = cur.includes(opt.value) ? cur.filter((v) => v !== opt.value) : [...cur, opt.value];
+    if (!multiControlled) setInnerMulti(next);
+    props.onChange?.(next);
+  };
+  const clearAll = (e) => {
+    e.stopPropagation();
+    if (isMulti) {
+      if (!multiControlled) setInnerMulti([]);
+      props.onChange?.([]);
+    } else {
+      if (!singleControlled) setInnerSingle(void 0);
+      props.onClear?.();
+    }
+  };
+  const isSelected = (val) => isMulti ? (multiValue ?? []).includes(val) : singleValue === val;
+  const onKeyDown = (e) => {
+    if (!open) {
+      if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
+        e.preventDefault();
+        setOpen(true);
+      }
+      return;
+    }
+    if (e.key === "Escape") {
+      e.preventDefault();
+      setOpen(false);
+      return;
+    }
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setActiveIdx((i) => Math.min(filteredFlat.length - 1, i + 1));
+      return;
+    }
+    if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setActiveIdx((i) => Math.max(0, i - 1));
+      return;
+    }
+    if (e.key === "Enter") {
+      e.preventDefault();
+      const opt = filteredFlat[activeIdx];
+      if (opt && !opt.disabled) {
+        if (isMulti) toggleMulti(opt);
+        else pickSingle(opt);
+      }
+      return;
+    }
+  };
+  const renderTrigger = () => {
+    if (isMulti) {
+      const selected = (multiValue ?? []).map((v) => allFlat.find((o) => o.value === v)).filter((o) => !!o);
+      const max = props.maxTagCount;
+      const shown = max != null ? selected.slice(0, max) : selected;
+      const overflow = selected.length - shown.length;
+      if (selected.length === 0) {
+        return /* @__PURE__ */ jsx("span", { className: "placeholder", children: placeholder });
+      }
+      return /* @__PURE__ */ jsxs("span", { className: "select-tags", children: [
+        shown.map((o) => /* @__PURE__ */ jsx(
+          Tag,
+          {
+            tone: "accent",
+            removable: !disabled,
+            onRemove: () => {
+              const cur = multiValue ?? [];
+              const next = cur.filter((v) => v !== o.value);
+              if (!multiControlled) setInnerMulti(next);
+              props.onChange?.(next);
+            },
+            onClick: (e) => e.stopPropagation(),
+            children: o.label
+          },
+          String(o.value)
+        )),
+        overflow > 0 && /* @__PURE__ */ jsxs(Tag, { tone: "neutral", children: [
+          "+",
+          overflow
+        ] })
+      ] });
+    }
+    const current = allFlat.find((o) => o.value === singleValue);
+    if (!current) return /* @__PURE__ */ jsx("span", { className: "placeholder", children: placeholder });
+    return /* @__PURE__ */ jsxs("span", { className: "select-value", children: [
+      current.icon && /* @__PURE__ */ jsx(Icon, { name: current.icon, size: 14 }),
+      /* @__PURE__ */ jsx("span", { children: current.label })
+    ] });
+  };
+  const hasSelection = isMulti ? (multiValue?.length ?? 0) > 0 : singleValue !== void 0;
+  const showClear = clearable && hasSelection && !disabled;
+  let renderIdx = -1;
+  const renderOption = (o) => {
+    renderIdx += 1;
+    const idx = renderIdx;
+    const sel = isSelected(o.value);
+    const active = idx === activeIdx;
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        role: "option",
+        "aria-selected": sel,
+        disabled: o.disabled,
+        className: `menu-item ${sel ? "active" : ""} ${active ? "highlight" : ""}`,
+        onMouseEnter: () => setActiveIdx(idx),
+        onClick: () => isMulti ? toggleMulti(o) : pickSingle(o),
+        children: [
+          isMulti && /* @__PURE__ */ jsx("span", { className: `menu-check ${sel ? "on" : ""}`, "aria-hidden": true, children: sel && /* @__PURE__ */ jsx(Icon, { name: "check", size: 11, stroke: 3 }) }),
+          o.icon && /* @__PURE__ */ jsx(Icon, { name: o.icon, size: 14 }),
+          /* @__PURE__ */ jsxs("span", { className: "menu-item-body", children: [
+            /* @__PURE__ */ jsx("span", { className: "menu-item-label", children: o.label }),
+            o.description && /* @__PURE__ */ jsx("span", { className: "menu-item-desc", children: o.description })
+          ] }),
+          !isMulti && /* @__PURE__ */ jsx("span", { className: "tick", children: /* @__PURE__ */ jsx(Icon, { name: "check", size: 12, stroke: 3 }) })
+        ]
+      },
+      String(o.value)
+    );
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: `select ${size} ${isMulti ? "multi" : ""} ${open ? "open" : ""} ${disabled ? "disabled" : ""} ${invalid ? "invalid" : ""} ${className}`,
+      onKeyDown,
+      tabIndex: disabled ? -1 : 0,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "select-trigger",
+            disabled,
+            onClick: () => !disabled && setOpen(!open),
+            children: [
+              renderTrigger(),
+              showClear && /* @__PURE__ */ jsx("span", { className: "select-clear", role: "button", "aria-label": "Clear", onClick: clearAll, children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 12 }) }),
+              /* @__PURE__ */ jsx(Icon, { name: "chevDown", size: 14, className: "select-caret" })
+            ]
+          }
+        ),
+        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)
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export { Select };
+//# sourceMappingURL=chunk-T5AH4FCV.js.map
+//# sourceMappingURL=chunk-T5AH4FCV.js.map

package/dist/chunk-T5AH4FCV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Select/Select.tsx"],"names":[],"mappings":"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","file":"chunk-T5AH4FCV.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Select.css\";\nimport * as React from \"react\";\nimport { Icon, type IconName } from \"../Icon\";\nimport { Tag } from \"../Tag\";\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 ref = React.useRef<HTMLDivElement>(null);\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 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      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    };\n    document.addEventListener(\"mousedown\", h);\n    return () => document.removeEventListener(\"mousedown\", h);\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 && (\n        <div ref={menuRef} className={`menu ${menuClassName}`} role=\"listbox\" aria-multiselectable={isMulti || undefined}>\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      )}\n    </div>\n  );\n}\n"]}