@fangxinyan/lumina 0.5.1 → 0.6.1

package/dist/{chunk-S7RFIMA3.cjs → chunk-LIGHV4RC.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3KQKEE5O_cjs = require('./chunk-3KQKEE5O.cjs');
+var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Accordion-REMDCQUD.css');
@@ -53,7 +53,7 @@ var AccordionPanel = ({ open, children }) => {
     }
   );
 };
-var Accordion = ({
+var Accordion = React__namespace.forwardRef(({
   items,
   multiple = false,
   accordion = false,
@@ -61,8 +61,9 @@ var Accordion = ({
   activeKeys,
   defaultActiveKeys = [],
   onChange,
-  className = ""
-}) => {
+  className = "",
+  ...rest
+}, ref) => {
   const [inner, setInner] = React__namespace.useState(defaultActiveKeys);
   const isControlled = activeKeys !== void 0;
   const keys = isControlled ? activeKeys : inner;
@@ -73,7 +74,7 @@ var Accordion = ({
     if (!isControlled) setInner(next);
     onChange?.(next);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `accordion ${className}`, children: items.map((it) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `accordion ${className}`, ...rest, children: items.map((it) => {
     const open = keys.includes(it.key);
     const isDisabled = it.disabled || collapsible === "disabled";
     const headerClickable = collapsible === "header" && !isDisabled;
@@ -102,7 +103,7 @@ var Accordion = ({
                         toggle(it.key, it.disabled);
                       }
                     },
-                    children: /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: "chevDown", size: 16 })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "chevDown", size: 16 })
                   }
                 )
               ]
@@ -114,8 +115,7 @@ var Accordion = ({
       it.key
     );
   }) });
-};
+});
+Accordion.displayName = "Accordion";
 
 exports.Accordion = Accordion;
-//# sourceMappingURL=chunk-S7RFIMA3.cjs.map
-//# sourceMappingURL=chunk-S7RFIMA3.cjs.map

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

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

package/dist/{chunk-WKNVNN2K.cjs → chunk-LZU33BX6.cjs}

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

package/dist/{chunk-WBL7LOIH.js → chunk-MCTIA6RZ.js}

@@ -1,4 +1,4 @@
-import { Icon } from './chunk-X3JG3IR6.js';
+import { Icon } from './chunk-NJ6B22YJ.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Accordion-REMDCQUD.css';
@@ -31,7 +31,7 @@ var AccordionPanel = ({ open, children }) => {
     }
   );
 };
-var Accordion = ({
+var Accordion = React.forwardRef(({
   items,
   multiple = false,
   accordion = false,
@@ -39,8 +39,9 @@ var Accordion = ({
   activeKeys,
   defaultActiveKeys = [],
   onChange,
-  className = ""
-}) => {
+  className = "",
+  ...rest
+}, ref) => {
   const [inner, setInner] = React.useState(defaultActiveKeys);
   const isControlled = activeKeys !== void 0;
   const keys = isControlled ? activeKeys : inner;
@@ -51,7 +52,7 @@ var Accordion = ({
     if (!isControlled) setInner(next);
     onChange?.(next);
   };
-  return /* @__PURE__ */ jsx("div", { className: `accordion ${className}`, children: items.map((it) => {
+  return /* @__PURE__ */ jsx("div", { ref, className: `accordion ${className}`, ...rest, children: items.map((it) => {
     const open = keys.includes(it.key);
     const isDisabled = it.disabled || collapsible === "disabled";
     const headerClickable = collapsible === "header" && !isDisabled;
@@ -92,8 +93,7 @@ var Accordion = ({
       it.key
     );
   }) });
-};
+});
+Accordion.displayName = "Accordion";
 
 export { Accordion };
-//# sourceMappingURL=chunk-WBL7LOIH.js.map
-//# sourceMappingURL=chunk-WBL7LOIH.js.map

package/dist/{chunk-UUY7EDVJ.cjs → chunk-N57NXCNC.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3KQKEE5O_cjs = require('./chunk-3KQKEE5O.cjs');
+var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Checkbox-SKJATVSN.css');
@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var Checkbox = ({
+var Checkbox = React__namespace.forwardRef(({
   checked,
   defaultChecked,
   indeterminate,
@@ -35,8 +35,9 @@ var Checkbox = ({
   disabled,
   label,
   className = "",
-  id
-}) => {
+  id,
+  ...rest
+}, ref) => {
   const [inner, setInner] = React__namespace.useState(defaultChecked ?? false);
   const isControlled = checked !== void 0;
   const value = isControlled ? checked : inner;
@@ -53,7 +54,7 @@ var Checkbox = ({
     disabled && "disabled",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: cls, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { ref, className: cls, ...rest, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
@@ -64,20 +65,22 @@ var Checkbox = ({
         onClick: toggle,
         id,
         className: "checkbox-box",
-        children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: "minus", size: 11 }) : value ? /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: "check", size: 11 }) : null
+        children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "minus", size: 11 }) : value ? /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "check", size: 11 }) : null
       }
     ),
     label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "checkbox-label", children: label })
   ] });
-};
-function RadioGroup({
+});
+Checkbox.displayName = "Checkbox";
+var RadioGroupInner = ({
   options,
   value,
   defaultValue,
   onChange,
   direction = "vertical",
-  className = ""
-}) {
+  className = "",
+  ...rest
+}, ref) => {
   const [inner, setInner] = React__namespace.useState(defaultValue);
   const isControlled = value !== void 0;
   const current = isControlled ? value : inner;
@@ -85,7 +88,7 @@ function RadioGroup({
     if (!isControlled) setInner(v);
     onChange?.(v);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `radio-group ${direction} ${className}`, children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `radio-group ${direction} ${className}`, ...rest, children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
     "label",
     {
       className: `radio ${current === opt.value ? "checked" : ""} ${opt.disabled ? "disabled" : ""}`,
@@ -106,9 +109,9 @@ function RadioGroup({
     },
     String(opt.value)
   )) });
-}
+};
+var RadioGroup = React__namespace.forwardRef(RadioGroupInner);
+RadioGroup.displayName = "RadioGroup";
 
 exports.Checkbox = Checkbox;
 exports.RadioGroup = RadioGroup;
-//# sourceMappingURL=chunk-UUY7EDVJ.cjs.map
-//# sourceMappingURL=chunk-UUY7EDVJ.cjs.map

package/dist/{chunk-ZSR5JSYZ.cjs → chunk-NC4YUEXM.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk3XIDJEYR_cjs = require('./chunk-3XIDJEYR.cjs');
-var chunk3KQKEE5O_cjs = require('./chunk-3KQKEE5O.cjs');
+var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
+var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Cascader-VSYEKQCG.css');
@@ -29,31 +29,40 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var Cascader = ({
+var Cascader = React__namespace.forwardRef(({
   options,
   value,
   defaultValue = [],
   onChange,
   placeholder = "\u8BF7\u9009\u62E9",
   disabled,
-  className = ""
-}) => {
+  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 panelRef = React__namespace.useRef(null);
-  const { triggerRef: ref, floatingStyle } = chunk3XIDJEYR_cjs.useFloating({
+  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 (ref.current?.contains(t)) return;
+      if (triggerRef.current?.contains(t)) return;
       if (panelRef.current?.contains(t)) return;
       setOpen(false);
     };
@@ -90,7 +99,7 @@ var Cascader = ({
     if (!m.children) break;
     list = m.children;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `cascader ${open ? "open" : ""} ${className}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: setTriggerRef, className: `cascader ${open ? "open" : ""} ${className}`, ...rest, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -103,7 +112,7 @@ var Cascader = ({
             i > 0 && " / ",
             l
           ] }, i)) : placeholder }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { position: "absolute", right: 12, color: "var(--fg-subtle)" }, children: /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: "chevDown", size: 14 }) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { position: "absolute", right: 12, color: "var(--fg-subtle)" }, children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "chevDown", size: 14 }) })
         ]
       }
     ),
@@ -119,9 +128,9 @@ var Cascader = ({
             disabled: o.disabled,
             onClick: () => pick(depth, o.value, hasChildren),
             children: [
-              o.icon && /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: o.icon, size: 13 }),
+              o.icon && /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_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(chunk3KQKEE5O_cjs.Icon, { name: "chevRight", size: 12 }) })
+              hasChildren && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "chev", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "chevRight", size: 12 }) })
             ]
           },
           o.value
@@ -130,8 +139,7 @@ var Cascader = ({
       document.body
     )
   ] });
-};
+});
+Cascader.displayName = "Cascader";
 
 exports.Cascader = Cascader;
-//# sourceMappingURL=chunk-ZSR5JSYZ.cjs.map
-//# sourceMappingURL=chunk-ZSR5JSYZ.cjs.map

package/dist/{chunk-X3JG3IR6.js → chunk-NJ6B22YJ.js}

@@ -1,3 +1,6 @@
+import './tokens-BIIUTPKN.css';
+import './shared-NJHRNLRH.css';
+import * as React from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 // src/components/Icon/Icon.tsx
@@ -141,25 +144,27 @@ var paths = {
   ] }),
   code: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", { d: "m16 18 6-6-6-6M8 6l-6 6 6 6" }) })
 };
-var Icon = ({ name, size = 16, stroke = 2, style, ...rest }) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: stroke,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    overflow: "visible",
-    style,
-    ...rest,
-    children: paths[name]
-  }
+var Icon = React.forwardRef(
+  ({ name, size = 16, stroke = 2, style, ...rest }, ref) => /* @__PURE__ */ jsx(
+    "svg",
+    {
+      ref,
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: stroke,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      overflow: "visible",
+      style,
+      ...rest,
+      children: paths[name]
+    }
+  )
 );
+Icon.displayName = "Icon";
 var ICON_NAMES = ["search", "plus", "minus", "check", "x", "chevDown", "chevRight", "chevLeft", "chevUp", "arrowRight", "settings", "user", "bell", "mail", "heart", "star", "home", "folder", "file", "image", "play", "pause", "volume", "trash", "edit", "copy", "download", "upload", "info", "alert", "check2", "eye", "eyeOff", "sparkle", "moon", "sun", "palette", "layers", "grid", "list", "zap", "filter", "mic", "send", "calendar", "clock", "menu", "more", "sliders", "aim", "swap", "camera", "qq", "code"];
 
 export { ICON_NAMES, Icon };
-//# sourceMappingURL=chunk-X3JG3IR6.js.map
-//# sourceMappingURL=chunk-X3JG3IR6.js.map

package/dist/{chunk-W6I67HQQ.js → chunk-NN25YMOL.js}

@@ -249,5 +249,3 @@ var ThemeProvider = (props) => {
 };
 
 export { ACCENT_PRESETS, ACCENT_PRESETS_DARK, FONT_STACKS, ThemeProvider, applyTheme, normalizeAccentInput, resolveThemeMode, useTheme, useThemeOptional };
-//# sourceMappingURL=chunk-W6I67HQQ.js.map
-//# sourceMappingURL=chunk-W6I67HQQ.js.map

package/dist/{chunk-2OBQOEFD.cjs → chunk-OF7JIYBY.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3XIDJEYR_cjs = require('./chunk-3XIDJEYR.cjs');
+var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./ColorPicker-SDDQGHCM.css');
@@ -205,7 +205,9 @@ var ColorPicker = React__namespace.forwardRef(
       defaultOpen = false,
       onOpenChange,
       className = "",
-      style
+      style,
+      onClick,
+      ...rest
     } = props;
     const isControlled = value != null;
     const [internal, setInternal] = React__namespace.useState(
@@ -221,7 +223,7 @@ var ColorPicker = React__namespace.forwardRef(
     };
     const [inputText, setInputText] = React__namespace.useState(current);
     React__namespace.useEffect(() => setInputText(current), [current]);
-    const { triggerRef, floatingStyle } = chunk3XIDJEYR_cjs.useFloating({
+    const { triggerRef, floatingStyle } = chunkYB3IWIOJ_cjs.useFloating({
       open,
       placement,
       panelWidth: 256,
@@ -286,7 +288,11 @@ var ColorPicker = React__namespace.forwardRef(
               ref: triggerRef,
               className: "cp-custom-trigger",
               disabled,
-              onClick: () => !disabled && setOpen(!open),
+              onClick: (e) => {
+                onClick?.(e);
+                if (!disabled) setOpen(!open);
+              },
+              ...rest,
               children
             }
           ) : /* @__PURE__ */ jsxRuntime.jsxs(
@@ -296,8 +302,13 @@ var ColorPicker = React__namespace.forwardRef(
               ref: triggerRef,
               className: `cp-trigger ${size}`,
               disabled,
-              onClick: () => !disabled && setOpen(!open),
+              onClick: (e) => {
+                onClick?.(e);
+                if (!disabled) setOpen(!open);
+              },
               "aria-label": `\u9009\u62E9\u989C\u8272 (\u5F53\u524D ${current})`,
+              style,
+              ...rest,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cp-swatch", style: { background: current } }),
                 showText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cp-text", children: current })
@@ -353,5 +364,3 @@ var ColorPicker = React__namespace.forwardRef(
 ColorPicker.displayName = "ColorPicker";
 
 exports.ColorPicker = ColorPicker;
-//# sourceMappingURL=chunk-2OBQOEFD.cjs.map
-//# sourceMappingURL=chunk-2OBQOEFD.cjs.map

package/dist/{chunk-I7UJA6RM.cjs → chunk-OFGDUCT7.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3KQKEE5O_cjs = require('./chunk-3KQKEE5O.cjs');
+var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Calendar-LHZELUDL.css');
@@ -28,15 +28,16 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var WEEKDAYS = ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"];
-var Calendar = ({
+var Calendar = React__namespace.forwardRef(({
   value,
   defaultValue,
   onChange,
   min,
   max,
   disabledDate,
-  className = ""
-}) => {
+  className = "",
+  ...rest
+}, ref) => {
   const [inner, setInner] = React__namespace.useState(defaultValue ?? /* @__PURE__ */ new Date());
   const isControlled = value !== void 0;
   const sel = isControlled ? value : inner;
@@ -56,7 +57,7 @@ var Calendar = ({
     if (!isControlled) setInner(next);
     onChange?.(next);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `calendar ${className}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `calendar ${className}`, ...rest, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "calendar-head", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
@@ -65,7 +66,7 @@ var Calendar = ({
           className: "btn icon sm ghost",
           onClick: () => setView(new Date(view.getFullYear(), view.getMonth() - 1, 1)),
           "aria-label": "Previous month",
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: "chevLeft", size: 14 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "chevLeft", size: 14 })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "calendar-title", children: [
@@ -81,7 +82,7 @@ var Calendar = ({
           className: "btn icon sm ghost",
           onClick: () => setView(new Date(view.getFullYear(), view.getMonth() + 1, 1)),
           "aria-label": "Next month",
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: "chevRight", size: 14 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "chevRight", size: 14 })
         }
       )
     ] }),
@@ -105,8 +106,7 @@ var Calendar = ({
       })
     ] })
   ] });
-};
+});
+Calendar.displayName = "Calendar";
 
 exports.Calendar = Calendar;
-//# sourceMappingURL=chunk-I7UJA6RM.cjs.map
-//# sourceMappingURL=chunk-I7UJA6RM.cjs.map

package/dist/{chunk-TGUDT3GK.js → chunk-OI3CWXT3.js}

@@ -1,5 +1,5 @@
-import { Input } from './chunk-GB5NAXBP.js';
-import { Icon } from './chunk-X3JG3IR6.js';
+import { Input } from './chunk-DPNDHNKK.js';
+import { Icon } from './chunk-NJ6B22YJ.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './InputNumber-VXQIWLQC.css';
@@ -143,5 +143,3 @@ var InputNumber = React.forwardRef(
 InputNumber.displayName = "InputNumber";
 
 export { InputNumber };
-//# sourceMappingURL=chunk-TGUDT3GK.js.map
-//# sourceMappingURL=chunk-TGUDT3GK.js.map