@fangxinyan/lumina 0.6.1 → 0.6.3

package/dist/chunk-K5IGFBDR.js

@@ -0,0 +1,113 @@
+import { Icon } from './chunk-47VG2P34.js';
+import './tokens-BIIUTPKN.css';
+import './shared-NJHRNLRH.css';
+import './Message-2MZ3LFPU.css';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { createRoot } from 'react-dom/client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var listeners = /* @__PURE__ */ new Set();
+var items = [];
+var uid = 0;
+var autoMounted = false;
+function emit() {
+  if (listeners.size === 0 && !autoMounted && typeof document !== "undefined") {
+    autoMounted = true;
+    const div = document.createElement("div");
+    document.body.appendChild(div);
+    createRoot(div).render(React.createElement(MessageContainer));
+  }
+  listeners.forEach((l) => l(items));
+}
+var normalizeConfig = (type, content, durationOrTitle, onClose) => {
+  if (content && typeof content === "object" && !React.isValidElement(content) && ("content" in content || "message" in content || "type" in content)) {
+    return { type, ...content };
+  }
+  const node = content;
+  if (typeof durationOrTitle === "number") {
+    return { type, content: node, duration: durationOrTitle, onClose };
+  }
+  return { type, content: node, title: durationOrTitle };
+};
+var message = {
+  open(config) {
+    const id = ++uid;
+    const next = {
+      id,
+      key: config.key,
+      type: config.type ?? "info",
+      title: config.title,
+      content: config.content ?? config.message,
+      duration: config.duration ?? 3200,
+      onClose: config.onClose
+    };
+    if (config.key != null) {
+      const existing = items.findIndex((item) => item.key === config.key);
+      if (existing >= 0) {
+        items = items.map((item, idx) => idx === existing ? { ...next, id: item.id } : item);
+        emit();
+        return items[existing]?.id ?? id;
+      }
+    }
+    items = [...items, next];
+    emit();
+    if (next.duration > 0 && typeof window !== "undefined") {
+      window.setTimeout(() => message.dismiss(config.key ?? id), next.duration);
+    }
+    return id;
+  },
+  show(config) {
+    return message.open(config);
+  },
+  info: (content, durationOrTitle, onClose) => message.open(normalizeConfig("info", content, durationOrTitle, onClose)),
+  success: (content, durationOrTitle, onClose) => message.open(normalizeConfig("success", content, durationOrTitle, onClose)),
+  warning: (content, durationOrTitle, onClose) => message.open(normalizeConfig("warning", content, durationOrTitle, onClose)),
+  warn: (content, durationOrTitle, onClose) => message.open(normalizeConfig("warning", content, durationOrTitle, onClose)),
+  error: (content, durationOrTitle, onClose) => message.open(normalizeConfig("error", content, durationOrTitle, onClose)),
+  dismiss(idOrKey) {
+    const removed = items.filter((i) => i.id === idOrKey || i.key === idOrKey);
+    items = items.filter((i) => i.id !== idOrKey && i.key !== idOrKey);
+    removed.forEach((item) => item.onClose?.());
+    emit();
+  },
+  destroy(idOrKey) {
+    if (idOrKey == null) message.clear();
+    else message.dismiss(idOrKey);
+  },
+  clear() {
+    const removed = items;
+    items = [];
+    removed.forEach((item) => item.onClose?.());
+    emit();
+  }
+};
+var MessageContainer = React.forwardRef(({ placement = "top-right", className = "", ...rest }, ref) => {
+  const [list, setList] = React.useState(items);
+  React.useEffect(() => {
+    listeners.add(setList);
+    return () => {
+      listeners.delete(setList);
+    };
+  }, []);
+  if (typeof document === "undefined") return null;
+  return createPortal(
+    /* @__PURE__ */ jsx("div", { ref, className: `message-container ${placement} ${className}`, ...rest, children: list.map((t) => {
+      const iconName = t.type === "success" ? "check2" : t.type === "warning" || t.type === "error" ? "alert" : "info";
+      return /* @__PURE__ */ jsxs("div", { className: `message ${t.type}`, role: "status", children: [
+        /* @__PURE__ */ jsx(Icon, { name: iconName, size: 18, className: "message-icon" }),
+        /* @__PURE__ */ jsxs("div", { className: "message-body", children: [
+          t.title && /* @__PURE__ */ jsx("div", { className: "message-title", children: t.title }),
+          t.content && /* @__PURE__ */ jsx("div", { className: "message-content", children: t.content })
+        ] }),
+        /* @__PURE__ */ jsx("button", { type: "button", className: "message-close", onClick: () => message.dismiss(t.key ?? t.id), "aria-label": "Dismiss", children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 14 }) })
+      ] }, t.id);
+    }) }),
+    document.body
+  );
+});
+MessageContainer.displayName = "MessageContainer";
+var toast = message;
+var ToastContainer = MessageContainer;
+
+export { MessageContainer, ToastContainer, message, toast };

package/dist/{chunk-Q2KG6SQK.cjs → chunk-K7FV7W6U.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
+var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Alert-JJ7GB3UU.css');
+require('./Alert-QBKIDY5H.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -39,7 +39,7 @@ var Alert = React__namespace.forwardRef(({
   className = "",
   ...rest
 }, ref) => {
-  const iconName = icon ?? (tone === "success" ? "check2" : tone === "warning" || tone === "danger" ? "alert" : "info");
+  const iconNode = icon ?? (tone === "success" ? "check2" : tone === "warning" || tone === "danger" ? "alert" : "info");
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -48,13 +48,13 @@ var Alert = React__namespace.forwardRef(({
       role: "alert",
       ...rest,
       children: [
-        showIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "alert-ico", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: iconName, size: 14 }) }),
+        showIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "alert-ico", children: chunkV272XR3F_cjs.renderIconSlot(iconNode, { size: 14 }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "alert-body", children: [
           title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "alert-title", children: title }),
           children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "alert-desc", children })
         ] }),
         action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "alert-action", children: action }),
-        closable && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "alert-close", onClick: onClose, "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "x", size: 12 }) })
+        closable && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "alert-close", onClick: onClose, "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "x", size: 12 }) })
       ]
     }
   );

package/dist/{chunk-PWW64ZWO.cjs → chunk-KD4YYIIO.cjs}

@@ -2,7 +2,7 @@
 
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Tabs-RHK6XAFF.css');
+require('./Tabs-BLSNI2T5.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -63,36 +63,5 @@ var Tabs = React__namespace.forwardRef(({
   ] });
 });
 Tabs.displayName = "Tabs";
-var SegmentedInner = ({
-  options,
-  value,
-  defaultValue,
-  onChange,
-  size = "md",
-  className = "",
-  ...rest
-}, ref) => {
-  const [inner, setInner] = React__namespace.useState(defaultValue ?? options[0]?.value);
-  const isControlled = value !== void 0;
-  const v = isControlled ? value : inner;
-  const pick = (next) => {
-    if (!isControlled) setInner(next);
-    onChange?.(next);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `segmented ${size} ${className}`, ...rest, children: options.map((o) => /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      type: "button",
-      disabled: o.disabled,
-      className: `seg ${v === o.value ? "active" : ""}`,
-      onClick: () => pick(o.value),
-      children: o.label
-    },
-    String(o.value)
-  )) });
-};
-var Segmented = React__namespace.forwardRef(SegmentedInner);
-Segmented.displayName = "Segmented";
 
-exports.Segmented = Segmented;
 exports.Tabs = Tabs;

package/dist/chunk-KGSADAOD.cjs

@@ -0,0 +1,170 @@
+'use strict';
+
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Radio-GVFDPAZM.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/Radio/Radio.tsx
+var RadioRoot = React__namespace.forwardRef(({
+  checked,
+  defaultChecked,
+  onChange,
+  disabled,
+  label,
+  className = "",
+  id,
+  ...rest
+}, ref) => {
+  const [inner, setInner] = React__namespace.useState(defaultChecked ?? false);
+  const isControlled = checked !== void 0;
+  const value = isControlled ? checked : inner;
+  const pick = () => {
+    if (disabled) return;
+    if (!isControlled) setInner(true);
+    onChange?.(true);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "label",
+    {
+      ref,
+      className: `radio ${value ? "checked" : ""} ${disabled ? "disabled" : ""} ${className}`,
+      onClick: pick,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": value,
+            disabled,
+            onClick: (event) => {
+              event.stopPropagation();
+              pick();
+            },
+            id,
+            className: "radio-dot"
+          }
+        ),
+        label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "radio-label", children: label })
+      ]
+    }
+  );
+});
+RadioRoot.displayName = "Radio";
+var RadioGroupInner = ({
+  options,
+  value,
+  defaultValue,
+  onChange,
+  direction,
+  variant = "default",
+  size = "md",
+  className = "",
+  ...rest
+}, ref) => {
+  const [inner, setInner] = React__namespace.useState(defaultValue);
+  const groupRef = React__namespace.useRef(null);
+  const [thumb, setThumb] = React__namespace.useState({ left: 0, width: 0, ready: false });
+  const isControlled = value !== void 0;
+  const current = isControlled ? value : inner;
+  const setGroupRef = React__namespace.useCallback(
+    (node) => {
+      groupRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref]
+  );
+  const pick = (v) => {
+    if (!isControlled) setInner(v);
+    onChange?.(v);
+  };
+  const resolvedDirection = direction ?? (variant === "segmented" ? "horizontal" : "vertical");
+  React__namespace.useLayoutEffect(() => {
+    if (variant !== "segmented") return;
+    const group = groupRef.current;
+    if (!group) return;
+    const updateThumb = () => {
+      const active = group.querySelector(".radio.checked");
+      if (!active) {
+        setThumb((prev) => prev.ready ? { left: prev.left, width: prev.width, ready: false } : prev);
+        return;
+      }
+      const next = {
+        left: active.offsetLeft,
+        width: active.offsetWidth,
+        ready: true
+      };
+      setThumb(
+        (prev) => prev.left === next.left && prev.width === next.width && prev.ready === next.ready ? prev : next
+      );
+    };
+    updateThumb();
+    const frame = requestAnimationFrame(updateThumb);
+    const observer = typeof ResizeObserver !== "undefined" ? new ResizeObserver(updateThumb) : null;
+    if (observer) {
+      observer.observe(group);
+      group.querySelectorAll(".radio").forEach((item) => observer.observe(item));
+    }
+    window.addEventListener("resize", updateThumb);
+    return () => {
+      cancelAnimationFrame(frame);
+      observer?.disconnect();
+      window.removeEventListener("resize", updateThumb);
+    };
+  }, [current, options, size, variant]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: setGroupRef, className: `radio-group ${resolvedDirection} ${variant} ${size} ${className}`, ...rest, children: [
+    variant === "segmented" && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        className: "radio-segment-thumb",
+        style: {
+          width: thumb.width,
+          transform: `translateX(${thumb.left}px)`,
+          opacity: thumb.ready ? 1 : 0
+        }
+      }
+    ),
+    options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
+      RadioRoot,
+      {
+        label: opt.label,
+        checked: current === opt.value,
+        disabled: opt.disabled,
+        onChange: () => pick(opt.value)
+      },
+      String(opt.value)
+    ))
+  ] });
+};
+var RadioGroup = React__namespace.forwardRef(RadioGroupInner);
+RadioGroup.displayName = "RadioGroup";
+var Radio = RadioRoot;
+Radio.Group = RadioGroup;
+
+exports.Radio = Radio;
+exports.RadioGroup = RadioGroup;

package/dist/{chunk-54YLXXS2.js → chunk-ME5BZ2WA.js}

@@ -1,4 +1,4 @@
-import { Input } from './chunk-DPNDHNKK.js';
+import { Input } from './chunk-UKS23N3L.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './CommandPalette-T45DBMPY.css';
@@ -131,7 +131,7 @@ var CommandPalette = React.forwardRef(({
               leadingIcon: "search",
               placeholder,
               value: query,
-              onChange: (v) => setQuery(v),
+              onValueChange: (v) => setQuery(v),
               onKeyDown: onKey,
               suffix: /* @__PURE__ */ jsx("span", { className: "cmdp-kbd", children: "esc" })
             }

package/dist/chunk-MPVCYU2K.cjs

@@ -0,0 +1,104 @@
+'use strict';
+
+var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Textarea-YNET7IBH.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 Textarea = React__namespace.forwardRef(
+  ({
+    value,
+    defaultValue,
+    onChange,
+    onValueChange,
+    invalid,
+    allowClear,
+    maxLength,
+    showCount,
+    className = "",
+    ...rest
+  }, ref) => {
+    const [inner, setInner] = React__namespace.useState(defaultValue ?? "");
+    const isControlled = value !== void 0;
+    const currentValue = isControlled ? value : inner;
+    const disabled = rest.disabled;
+    const handleChange = (e) => {
+      if (!isControlled) setInner(e.target.value);
+      onChange?.(e);
+      onValueChange?.(e.target.value, e);
+    };
+    const handleClear = (e) => {
+      e.stopPropagation();
+      if (disabled) return;
+      if (!isControlled) setInner("");
+      const synthetic = {
+        ...e,
+        target: { ...e.target, value: "" },
+        currentTarget: { ...e.currentTarget, value: "" }
+      };
+      onChange?.(synthetic);
+      onValueChange?.("", synthetic);
+    };
+    const cls = ["textarea", invalid && "invalid", className].filter(Boolean).join(" ");
+    const showClear = !!allowClear && !!currentValue && !disabled;
+    const count = currentValue ? currentValue.length : 0;
+    const field = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "textarea-wrap", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          ref,
+          className: cls,
+          value: isControlled ? value : void 0,
+          defaultValue: isControlled ? void 0 : defaultValue,
+          onChange: handleChange,
+          maxLength,
+          ...rest
+        }
+      ),
+      showClear && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "textarea-clear",
+          role: "button",
+          "aria-label": "Clear",
+          tabIndex: -1,
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: handleClear,
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "x", size: 12 })
+        }
+      )
+    ] });
+    if (!showCount) return field;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "textarea-shell", children: [
+      field,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "textarea-count", children: maxLength != null ? `${count} / ${maxLength}` : `${count}` })
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+var TextArea = Textarea;
+
+exports.TextArea = TextArea;
+exports.Textarea = Textarea;

package/dist/{chunk-EEMWQX3C.cjs → chunk-NTS5L4NQ.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkGY3BSHHS_cjs = require('./chunk-GY3BSHHS.cjs');
+var chunkQKQHZIF3_cjs = require('./chunk-QKQHZIF3.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Timeline-RHZAZKZ7.css');
+require('./Timeline-3ZHOHPXT.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -96,7 +96,7 @@ var TimelineItem = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cls, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "timeline-item-label", children: item.label }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "timeline-item-head", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `timeline-item-dot ${color} ${isPending ? "pending" : ""}`, children: item.dot ?? (isPending && /* @__PURE__ */ jsxRuntime.jsx(chunkGY3BSHHS_cjs.Spinner, { size: 14 })) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `timeline-item-dot ${color} ${isPending ? "pending" : ""}`, children: item.dot ?? (isPending && /* @__PURE__ */ jsxRuntime.jsx(chunkQKQHZIF3_cjs.Spin, { size: 14 })) }),
       !isLast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "timeline-item-tail" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "timeline-item-content", children: item.children })

package/dist/{chunk-WBK6XIDJ.js → chunk-OBEKX4VR.js}

@@ -1,6 +1,6 @@
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
-import './Tabs-RHK6XAFF.css';
+import './Tabs-BLSNI2T5.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -41,35 +41,5 @@ var Tabs = React.forwardRef(({
   ] });
 });
 Tabs.displayName = "Tabs";
-var SegmentedInner = ({
-  options,
-  value,
-  defaultValue,
-  onChange,
-  size = "md",
-  className = "",
-  ...rest
-}, ref) => {
-  const [inner, setInner] = React.useState(defaultValue ?? options[0]?.value);
-  const isControlled = value !== void 0;
-  const v = isControlled ? value : inner;
-  const pick = (next) => {
-    if (!isControlled) setInner(next);
-    onChange?.(next);
-  };
-  return /* @__PURE__ */ jsx("div", { ref, className: `segmented ${size} ${className}`, ...rest, children: options.map((o) => /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      disabled: o.disabled,
-      className: `seg ${v === o.value ? "active" : ""}`,
-      onClick: () => pick(o.value),
-      children: o.label
-    },
-    String(o.value)
-  )) });
-};
-var Segmented = React.forwardRef(SegmentedInner);
-Segmented.displayName = "Segmented";
 
-export { Segmented, Tabs };
+export { Tabs };

package/dist/{chunk-EBNRZRWY.cjs → chunk-P6EZG2R7.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkFIO65XYG_cjs = require('./chunk-FIO65XYG.cjs');
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
+var chunkX5GCOMC3_cjs = require('./chunk-X5GCOMC3.cjs');
+var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Pagination-YIRYJUXP.css');
@@ -98,7 +98,7 @@ var Pagination = React__namespace.forwardRef(({
           className: `pg ${cur === 1 ? "disabled" : ""}`,
           onClick: () => cur > 1 && go(cur - 1),
           "aria-label": "Previous",
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "chevLeft", size: 12 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "chevLeft", size: 12 })
         }
       ),
       range().map(
@@ -120,11 +120,11 @@ var Pagination = React__namespace.forwardRef(({
           className: `pg ${cur === pages ? "disabled" : ""}`,
           onClick: () => cur < pages && go(cur + 1),
           "aria-label": "Next",
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "chevRight", size: 12 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "chevRight", size: 12 })
         }
       ),
       showSizeChanger && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pg-size-changer", children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFIO65XYG_cjs.Select,
+        chunkX5GCOMC3_cjs.Select,
         {
           value: pageSize,
           size: "sm",

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-var chunk32HBMXXV_cjs = require('./chunk-32HBMXXV.cjs');
+var chunkHKF2V5MM_cjs = require('./chunk-HKF2V5MM.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,
+        chunkHKF2V5MM_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);

package/dist/{chunk-GOBWKQCX.cjs → chunk-PULGVK2I.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk32HBMXXV_cjs = require('./chunk-32HBMXXV.cjs');
+var chunkHKF2V5MM_cjs = require('./chunk-HKF2V5MM.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./CommandPalette-T45DBMPY.css');
@@ -149,14 +149,14 @@ var CommandPalette = React__namespace.forwardRef(({
         ...rest,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cmdp-search", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk32HBMXXV_cjs.Input,
+            chunkHKF2V5MM_cjs.Input,
             {
               ref: inputRef,
               size: "lg",
               leadingIcon: "search",
               placeholder,
               value: query,
-              onChange: (v) => setQuery(v),
+              onValueChange: (v) => setQuery(v),
               onKeyDown: onKey,
               suffix: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cmdp-kbd", children: "esc" })
             }