@fangxinyan/lumina 0.6.1 → 0.6.2

package/dist/{chunk-FIO65XYG.cjs → chunk-OYMJVU66.cjs}

@@ -1,11 +1,12 @@
 'use strict';
 
-var chunkLZU33BX6_cjs = require('./chunk-LZU33BX6.cjs');
+var chunkZIP7F4UF_cjs = require('./chunk-ZIP7F4UF.cjs');
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
+var chunk6LZ54NPO_cjs = require('./chunk-6LZ54NPO.cjs');
+var chunkTJII7BQ2_cjs = require('./chunk-TJII7BQ2.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Select-J3CCVFJ7.css');
+require('./Select-JVBQAZBG.css');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -32,9 +33,10 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var isGroup = (it) => Array.isArray(it.options);
 var flatten = (items) => items.flatMap((it) => isGroup(it) ? it.options : [it]);
-var defaultFilter = (input, opt) => {
+var defaultFilter = (input, opt, optionFilterProp) => {
   const q = input.toLowerCase();
-  const txt = opt.text ?? (typeof opt.label === "string" ? opt.label : String(opt.value));
+  const propValue = optionFilterProp ? opt[optionFilterProp] : void 0;
+  const txt = propValue != null ? String(propValue) : opt.text ?? (typeof opt.label === "string" ? opt.label : String(opt.value));
   return txt.toLowerCase().includes(q);
 };
 var SelectInner = (props, forwardedRef) => {
@@ -45,8 +47,11 @@ var SelectInner = (props, forwardedRef) => {
     size = "md",
     invalid,
     clearable,
+    allowClear,
     searchable,
+    showSearch,
     filterOption,
+    optionFilterProp,
     loading,
     emptyContent,
     open: openProp,
@@ -54,6 +59,8 @@ var SelectInner = (props, forwardedRef) => {
     onOpenChange,
     className = "",
     menuClassName = "",
+    popupClassName = "",
+    dropdownClassName = "",
     onKeyDown: onRootKeyDown,
     multiple,
     value: _value,
@@ -64,6 +71,9 @@ var SelectInner = (props, forwardedRef) => {
     ...rest
   } = props;
   const isMulti = multiple === true;
+  const mergedClearable = clearable ?? !!allowClear;
+  const mergedSearchable = searchable ?? !!showSearch;
+  const mergedMenuClassName = [menuClassName, popupClassName, dropdownClassName].filter(Boolean).join(" ");
   const [innerSingle, setInnerSingle] = React__namespace.useState(
     !isMulti ? props.defaultValue : void 0
   );
@@ -111,17 +121,18 @@ var SelectInner = (props, forwardedRef) => {
     return () => document.removeEventListener("mousedown", h);
   }, [open]);
   React__namespace.useEffect(() => {
-    if (open && searchable) {
+    if (open && mergedSearchable) {
       requestAnimationFrame(() => searchRef.current?.focus());
     }
     if (!open) setActiveIdx(-1);
-  }, [open, searchable]);
+  }, [open, mergedSearchable]);
   const allFlat = React__namespace.useMemo(() => flatten(options), [options]);
   const filteredFlat = React__namespace.useMemo(() => {
     if (!query.trim()) return allFlat;
-    const f = filterOption ?? defaultFilter;
+    if (filterOption === false) return allFlat;
+    const f = typeof filterOption === "function" ? filterOption : (input, option) => defaultFilter(input, option, optionFilterProp);
     return allFlat.filter((o) => f(query, o));
-  }, [allFlat, query, filterOption]);
+  }, [allFlat, query, filterOption, optionFilterProp]);
   const filteredItems = React__namespace.useMemo(() => {
     if (!query.trim()) return options;
     return options.map((it) => {
@@ -153,8 +164,10 @@ var SelectInner = (props, forwardedRef) => {
     if (isMulti) {
       if (!multiControlled) setInnerMulti([]);
       props.onChange?.([]);
+      props.onClear?.();
     } else {
       if (!singleControlled) setInnerSingle(void 0);
+      props.onChange?.(void 0);
       props.onClear?.();
     }
   };
@@ -203,7 +216,7 @@ var SelectInner = (props, forwardedRef) => {
       }
       return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "select-tags", children: [
         shown.map((o) => /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLZU33BX6_cjs.Tag,
+          chunkZIP7F4UF_cjs.Tag,
           {
             tone: "accent",
             removable: !disabled,
@@ -218,7 +231,7 @@ var SelectInner = (props, forwardedRef) => {
           },
           String(o.value)
         )),
-        overflow > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkLZU33BX6_cjs.Tag, { tone: "neutral", children: [
+        overflow > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkZIP7F4UF_cjs.Tag, { tone: "neutral", children: [
           "+",
           overflow
         ] })
@@ -227,12 +240,12 @@ var SelectInner = (props, forwardedRef) => {
     const current = allFlat.find((o) => o.value === singleValue);
     if (!current) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "placeholder", children: placeholder });
     return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "select-value", children: [
-      current.icon && /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: current.icon, size: 14 }),
+      current.icon && /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: current.icon, size: 14 }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: current.label })
     ] });
   };
   const hasSelection = isMulti ? (multiValue?.length ?? 0) > 0 : singleValue !== void 0;
-  const showClear = clearable && hasSelection && !disabled;
+  const showClear = mergedClearable && hasSelection && !disabled;
   let renderIdx = -1;
   const renderOption = (o) => {
     renderIdx += 1;
@@ -250,13 +263,13 @@ var SelectInner = (props, forwardedRef) => {
         onMouseEnter: () => setActiveIdx(idx),
         onClick: () => isMulti ? toggleMulti(o) : pickSingle(o),
         children: [
-          isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `menu-check ${sel ? "on" : ""}`, "aria-hidden": true, children: sel && /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "check", size: 11, stroke: 3 }) }),
-          o.icon && /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: o.icon, size: 14 }),
+          isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `menu-check ${sel ? "on" : ""}`, "aria-hidden": true, children: sel && /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "check", size: 11, stroke: 3 }) }),
+          o.icon && /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: o.icon, size: 14 }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "menu-item-body", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-item-label", children: o.label }),
             o.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-item-desc", children: o.description })
           ] }),
-          !isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tick", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "check", size: 12, stroke: 3 }) })
+          !isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tick", children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "check", size: 12, stroke: 3 }) })
         ]
       },
       String(o.value)
@@ -283,8 +296,8 @@ var SelectInner = (props, forwardedRef) => {
             onClick: () => !disabled && setOpen(!open),
             children: [
               renderTrigger(),
-              showClear && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "select-clear", role: "button", "aria-label": "Clear", onClick: clearAll, children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "x", size: 12 }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "chevDown", size: 14, className: "select-caret" })
+              showClear && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "select-clear", role: "button", "aria-label": "Clear", onClick: clearAll, children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "x", size: 12 }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "chevDown", size: 14, className: "select-caret" })
             ]
           }
         ),
@@ -293,35 +306,33 @@ var SelectInner = (props, forwardedRef) => {
             "div",
             {
               ref: menuRef,
-              className: `menu ${menuClassName}`,
+              className: `menu ${mergedMenuClassName}`,
               role: "listbox",
               "aria-multiselectable": isMulti || void 0,
               style: floatingStyle,
               children: [
-                searchable && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "menu-search", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_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);
-                        }
+                mergedSearchable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "menu-search", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  chunk6LZ54NPO_cjs.Input,
+                  {
+                    ref: searchRef,
+                    size: "sm",
+                    leadingIcon: "search",
+                    value: query,
+                    placeholder: "\u641C\u7D22...",
+                    onValueChange: setQuery,
+                    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(chunk2MNAZRWE_cjs.Icon, { name: "search", size: 16 }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-state-ico", children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_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: [

package/dist/{chunk-5M26OVVY.js → chunk-PH3YECMF.js}

@@ -1,4 +1,4 @@
-import { Icon } from './chunk-NJ6B22YJ.js';
+import { Icon } from './chunk-OF3SGLZY.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Image-4MN34O6P.css';

package/dist/chunk-Q5SZIU7Z.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Badge-DPGLV3D3.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/Badge/Badge.tsx
+var Badge = React__namespace.forwardRef(({
+  count,
+  max = 99,
+  dot,
+  tone = "danger",
+  children,
+  className = "",
+  ...rest
+}, ref) => {
+  const show = dot || typeof count === "number" && count > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref, className: `badge-wrap ${className}`, ...rest, children: [
+    children,
+    show && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `badge ${tone} ${dot ? "dot" : ""}`, children: !dot && (count > max ? `${max}+` : count) })
+  ] });
+});
+Badge.displayName = "Badge";
+
+exports.Badge = Badge;

package/dist/chunk-QGHYQCF3.cjs

@@ -0,0 +1,240 @@
+'use strict';
+
+var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
+var chunk6LZ54NPO_cjs = require('./chunk-6LZ54NPO.cjs');
+var chunkTJII7BQ2_cjs = require('./chunk-TJII7BQ2.cjs');
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Cascader-C2DFSMKJ.css');
+var React = require('react');
+var reactDom = require('react-dom');
+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 collectPaths = (options, prefix = []) => options.flatMap((option) => {
+  const next = [...prefix, option];
+  if (option.children?.length) return collectPaths(option.children, next);
+  return [next];
+});
+var defaultSearchFilter = (inputValue, path) => {
+  const q = inputValue.trim().toLowerCase();
+  if (!q) return true;
+  return path.map((option) => String(option.label ?? option.value)).join(" / ").toLowerCase().includes(q);
+};
+var Cascader = React__namespace.forwardRef(({
+  options,
+  value,
+  defaultValue = [],
+  onChange,
+  placeholder = "\u8BF7\u9009\u62E9",
+  disabled,
+  allowClear,
+  onClear,
+  changeOnSelect,
+  showSearch,
+  popupClassName = "",
+  dropdownClassName = "",
+  className = "",
+  ...rest
+}, ref) => {
+  const [inner, setInner] = React__namespace.useState(defaultValue);
+  const isControlled = value !== void 0;
+  const cur = isControlled ? value : inner;
+  const [open, setOpen] = React__namespace.useState(false);
+  const [path, setPath] = React__namespace.useState(cur);
+  const [query, setQuery] = React__namespace.useState("");
+  const panelRef = React__namespace.useRef(null);
+  const searchRef = React__namespace.useRef(null);
+  const searchConfig = typeof showSearch === "object" ? showSearch : {};
+  const searchable = !!showSearch;
+  const { triggerRef, floatingStyle } = chunkYB3IWIOJ_cjs.useFloating({
+    open,
+    placement: "bottom",
+    panelWidth: 520,
+    panelHeight: 260
+  });
+  const setTriggerRef = React__namespace.useCallback(
+    (node) => {
+      triggerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref, triggerRef]
+  );
+  React__namespace.useEffect(() => {
+    const h = (e) => {
+      const t = e.target;
+      if (triggerRef.current?.contains(t)) return;
+      if (panelRef.current?.contains(t)) return;
+      setOpen(false);
+    };
+    document.addEventListener("mousedown", h);
+    return () => document.removeEventListener("mousedown", h);
+  }, []);
+  React__namespace.useEffect(() => {
+    if (open) setPath(cur);
+    if (!open) setQuery("");
+  }, [open, cur]);
+  React__namespace.useEffect(() => {
+    if (!open || !searchable) return;
+    requestAnimationFrame(() => searchRef.current?.focus());
+  }, [open, searchable]);
+  const columns = [options];
+  let cursor = options;
+  for (const v of path) {
+    const match = cursor.find((o) => o.value === v);
+    if (match && match.children) {
+      cursor = match.children;
+      columns.push(cursor);
+    } else break;
+  }
+  const selectedOptionsForPath = (nextPath) => {
+    const selected = [];
+    let list2 = options;
+    for (const item of nextPath) {
+      const match = list2.find((option) => option.value === item);
+      if (!match) break;
+      selected.push(match);
+      list2 = match.children ?? [];
+    }
+    return selected;
+  };
+  const commit = (nextPath, closeAfterSelect) => {
+    if (!isControlled) setInner(nextPath);
+    onChange?.(nextPath, selectedOptionsForPath(nextPath));
+    if (closeAfterSelect) setOpen(false);
+  };
+  const pick = (depth, val, hasChildren) => {
+    const np = [...path.slice(0, depth), val];
+    setPath(np);
+    if (!hasChildren || changeOnSelect) commit(np, !hasChildren);
+  };
+  const clear = (e) => {
+    e.stopPropagation();
+    if (disabled) return;
+    setPath([]);
+    if (!isControlled) setInner([]);
+    onChange?.([], []);
+    onClear?.();
+  };
+  const labels = [];
+  let list = options;
+  for (const v of cur) {
+    const m = list.find((o) => o.value === v);
+    if (!m) break;
+    labels.push(m.label);
+    if (!m.children) break;
+    list = m.children;
+  }
+  const allPaths = React__namespace.useMemo(() => collectPaths(options), [options]);
+  const matchedPaths = React__namespace.useMemo(() => {
+    if (!query.trim()) return [];
+    const filter = searchConfig.filter ?? defaultSearchFilter;
+    const result = allPaths.filter((itemPath) => filter(query, itemPath));
+    const limit = searchConfig.limit === false ? result.length : searchConfig.limit ?? 50;
+    return result.slice(0, limit);
+  }, [allPaths, query, searchConfig.filter, searchConfig.limit]);
+  const panelClassName = [
+    "cascader-panel",
+    searchable && "with-search",
+    popupClassName,
+    dropdownClassName
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: setTriggerRef, className: `cascader ${open ? "open" : ""} ${className}`, ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        className: `cascader-trigger ${labels.length === 0 ? "placeholder" : ""}`,
+        disabled,
+        onClick: () => !disabled && setOpen((o) => !o),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { flex: 1 }, children: labels.length ? labels.map((l, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            i > 0 && " / ",
+            l
+          ] }, i)) : placeholder }),
+          !!allowClear && labels.length > 0 && !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "cascader-clear",
+              role: "button",
+              "aria-label": "Clear",
+              onClick: clear,
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "x", size: 12 })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { position: "absolute", right: 12, color: "var(--fg-subtle)" }, children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "chevDown", size: 14 }) })
+        ]
+      }
+    ),
+    open && typeof document !== "undefined" && reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: panelRef, className: panelClassName, style: floatingStyle, children: [
+        searchable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cascader-search", children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunk6LZ54NPO_cjs.Input,
+          {
+            ref: searchRef,
+            size: "sm",
+            leadingIcon: "search",
+            value: query,
+            onValueChange: setQuery,
+            placeholder: "\u641C\u7D22..."
+          }
+        ) }),
+        searchable && query.trim() ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cascader-search-list", children: matchedPaths.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cascader-empty", children: "\u6682\u65E0\u5339\u914D\u9879" }) : matchedPaths.map((itemPath) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "cascader-search-item",
+            onClick: () => commit(itemPath.map((item) => item.value), true),
+            children: searchConfig.render ? searchConfig.render(query, itemPath) : itemPath.map((item) => item.label).map((label, index) => /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+              index > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cascader-path-sep", children: "/" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+            ] }, index))
+          },
+          itemPath.map((item) => item.value).join("__")
+        )) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cascader-columns", children: columns.map((col, depth) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cascader-col", children: col.map((o) => {
+          const isActive = path[depth] === o.value;
+          const hasChildren = !!(o.children && o.children.length);
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              className: `cascader-item ${isActive ? "active" : ""}`,
+              disabled: o.disabled,
+              onClick: () => pick(depth, o.value, hasChildren),
+              children: [
+                o.icon && /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: o.icon, size: 13 }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: o.label }),
+                hasChildren && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "chev", children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "chevRight", size: 12 }) })
+              ]
+            },
+            o.value
+          );
+        }) }, depth)) })
+      ] }),
+      document.body
+    )
+  ] });
+});
+Cascader.displayName = "Cascader";
+
+exports.Cascader = Cascader;

package/dist/chunk-QKQHZIF3.cjs

@@ -0,0 +1,86 @@
+'use strict';
+
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Spin-3GJNMSIH.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/Spin/Spin.tsx
+var SIZE_PX = {
+  small: 14,
+  default: 20,
+  large: 32
+};
+var resolveSize = (size) => typeof size === "number" ? size : SIZE_PX[size];
+var Spin = React__namespace.forwardRef(({
+  size = "default",
+  tone = "accent",
+  tip,
+  label,
+  variant = "ring",
+  spinning = true,
+  className = "",
+  style,
+  ...rest
+}, ref) => {
+  const text = label ?? tip;
+  const px = resolveSize(size);
+  const indicatorClass = `spin ${variant} ${tone}`;
+  const rootClass = text ? `spin-wrap ${className}`.trim() : `${indicatorClass} ${className}`.trim();
+  const indicatorStyle = variant === "dots" ? { fontSize: px } : { width: px, height: px };
+  if (!spinning && !text) return null;
+  const renderIndicator = (extraProps = {}) => {
+    if (!spinning) return null;
+    const {
+      className: extraClassName,
+      style: extraStyle,
+      ...indicatorRest
+    } = extraProps;
+    const finalClassName = extraClassName ?? indicatorClass;
+    const finalStyle = { ...indicatorStyle, ...extraStyle };
+    if (variant === "dots") {
+      return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: finalClassName, style: finalStyle, "aria-label": "Loading", ...indicatorRest, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("i", {}),
+        /* @__PURE__ */ jsxRuntime.jsx("i", {}),
+        /* @__PURE__ */ jsxRuntime.jsx("i", {})
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: finalClassName, style: finalStyle, "aria-label": "Loading", ...indicatorRest });
+  };
+  if (!text) {
+    return renderIndicator({
+      ref,
+      className: rootClass,
+      style: { ...indicatorStyle, ...style },
+      ...rest
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref, className: rootClass, style, ...rest, children: [
+    renderIndicator(),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "spin-label", children: text })
+  ] });
+});
+Spin.displayName = "Spin";
+
+exports.Spin = Spin;

package/dist/{chunk-KYEY2LIB.cjs → chunk-SKMP2A5O.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-var chunk32HBMXXV_cjs = require('./chunk-32HBMXXV.cjs');
+var chunk6LZ54NPO_cjs = require('./chunk-6LZ54NPO.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./AutoComplete-P5KZMZO5.css');
@@ -168,7 +168,7 @@ var AutoComplete = React__namespace.forwardRef(
     ) : null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: triggerRef, className: `autocomplete ${className}`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk32HBMXXV_cjs.Input,
+        chunk6LZ54NPO_cjs.Input,
         {
           ref,
           ...rest,
@@ -180,7 +180,7 @@ var AutoComplete = React__namespace.forwardRef(
           disabled,
           allowClear,
           autoFocus,
-          onChange: handleInput,
+          onValueChange: handleInput,
           onFocus: (event) => {
             onFocus?.(event);
             if (!disabled) setOpen(true);