@fangxinyan/lumina 0.5.1 → 0.6.1

package/dist/{chunk-XT7RXXOE.js → chunk-RPFMQZA5.js}

@@ -1,6 +1,6 @@
-import { Tag } from './chunk-ILVNMES2.js';
-import { useFloating } from './chunk-ANAQER3T.js';
-import { Icon } from './chunk-X3JG3IR6.js';
+import { Tag } from './chunk-TWGQZX2R.js';
+import { useFloating } from './chunk-DUFRASGO.js';
+import { Icon } from './chunk-NJ6B22YJ.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Select-J3CCVFJ7.css';
@@ -15,7 +15,7 @@ var defaultFilter = (input, opt) => {
   const txt = opt.text ?? (typeof opt.label === "string" ? opt.label : String(opt.value));
   return txt.toLowerCase().includes(q);
 };
-function Select(props) {
+var SelectInner = (props, forwardedRef) => {
   const {
     options,
     placeholder = "\u8BF7\u9009\u62E9\u2026",
@@ -31,9 +31,17 @@ function Select(props) {
     defaultOpen,
     onOpenChange,
     className = "",
-    menuClassName = ""
+    menuClassName = "",
+    onKeyDown: onRootKeyDown,
+    multiple,
+    value: _value,
+    defaultValue: _defaultValue,
+    onChange: _selectionChange,
+    onClear: _onClear,
+    maxTagCount: _maxTagCount,
+    ...rest
   } = props;
-  const isMulti = props.multiple === true;
+  const isMulti = multiple === true;
   const [innerSingle, setInnerSingle] = React.useState(
     !isMulti ? props.defaultValue : void 0
   );
@@ -51,12 +59,20 @@ function Select(props) {
     onOpenChange?.(v);
     if (!v) setQuery("");
   };
-  const { triggerRef: ref, floatingRef: menuRef, floatingStyle } = useFloating({
+  const { triggerRef, floatingRef: menuRef, floatingStyle } = useFloating({
     open,
     placement: "bottom",
     matchTriggerWidth: true,
     panelHeight: 320
   });
+  const setTriggerRef = React.useCallback(
+    (node) => {
+      triggerRef.current = node;
+      if (typeof forwardedRef === "function") forwardedRef(node);
+      else if (forwardedRef) forwardedRef.current = node;
+    },
+    [forwardedRef, triggerRef]
+  );
   const singleControlled = !isMulti && props.value !== void 0;
   const multiControlled = isMulti && props.value !== void 0;
   const singleValue = singleControlled ? props.value : innerSingle;
@@ -65,7 +81,7 @@ function Select(props) {
     if (!open) return;
     const h = (e) => {
       const t = e.target;
-      if (ref.current?.contains(t)) return;
+      if (triggerRef.current?.contains(t)) return;
       if (menuRef.current?.contains(t)) return;
       setOpen(false);
     };
@@ -227,10 +243,14 @@ function Select(props) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      ref,
+      ref: setTriggerRef,
+      ...rest,
       className: `select ${size} ${isMulti ? "multi" : ""} ${open ? "open" : ""} ${disabled ? "disabled" : ""} ${invalid ? "invalid" : ""} ${className}`,
-      onKeyDown,
-      tabIndex: disabled ? -1 : 0,
+      onKeyDown: (e) => {
+        onRootKeyDown?.(e);
+        onKeyDown(e);
+      },
+      tabIndex: disabled ? -1 : rest.tabIndex ?? 0,
       children: [
         /* @__PURE__ */ jsxs(
           "button",
@@ -295,8 +315,8 @@ function Select(props) {
       ]
     }
   );
-}
+};
+var Select = React.forwardRef(SelectInner);
+Select.displayName = "Select";
 
 export { Select };
-//# sourceMappingURL=chunk-XT7RXXOE.js.map
-//# sourceMappingURL=chunk-XT7RXXOE.js.map

package/dist/{chunk-QVFEKGKI.cjs → chunk-S3VXH5L4.cjs}

@@ -166,7 +166,7 @@ function getStore(instance) {
   return instance[STORE_SYMBOL];
 }
 var FormCtx = React__namespace.createContext(null);
-var FormRoot = (props) => {
+var FormRootInner = (props, ref) => {
   const {
     form: externalForm,
     layout = "horizontal",
@@ -212,6 +212,7 @@ var FormRoot = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(FormCtx.Provider, { value: ctxValue, children: /* @__PURE__ */ jsxRuntime.jsx(
     "form",
     {
+      ref,
       className: `lumina-form layout-${layout} ${className}`,
       onSubmit: (e) => {
         e.preventDefault();
@@ -222,6 +223,8 @@ var FormRoot = (props) => {
     }
   ) });
 };
+var FormRoot = React__namespace.forwardRef(FormRootInner);
+FormRoot.displayName = "Form";
 var extractValue = (valuePropName, args) => {
   const first = args[0];
   if (first && typeof first === "object") {
@@ -327,5 +330,3 @@ Form.useForm = useForm;
 exports.Form = Form;
 exports.FormItem = FormItem;
 exports.useForm = useForm;
-//# sourceMappingURL=chunk-QVFEKGKI.cjs.map
-//# sourceMappingURL=chunk-QVFEKGKI.cjs.map

package/dist/{chunk-TQLCIXCK.cjs → chunk-SWBWZIL4.cjs}

@@ -3,10 +3,31 @@
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Avatar-R5A4AFKZ.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/Avatar/Avatar.tsx
-var Avatar = ({
+var Avatar = React__namespace.forwardRef(({
   src,
   alt = "",
   initials,
@@ -16,7 +37,7 @@ var Avatar = ({
   className = "",
   style,
   ...rest
-}) => {
+}, ref) => {
   const sizeCls = typeof size === "string" && size !== "md" ? size : "";
   const shapeCls = shape === "square" ? "square" : "";
   const customStyle = typeof size === "number" ? { ["--size"]: `${size}px`, ...style } : style ?? {};
@@ -24,6 +45,7 @@ var Avatar = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      ref,
       className: `avatar ${sizeCls} ${shapeCls} ${className}`.trim().replace(/\s+/g, " "),
       style: customStyle,
       ...rest,
@@ -33,8 +55,7 @@ var Avatar = ({
       ]
     }
   );
-};
+});
+Avatar.displayName = "Avatar";
 
 exports.Avatar = Avatar;
-//# sourceMappingURL=chunk-TQLCIXCK.cjs.map
-//# sourceMappingURL=chunk-TQLCIXCK.cjs.map

package/dist/{chunk-4ADDAZK3.js → chunk-TGHBKKSS.js}

@@ -1,11 +1,11 @@
-import { Icon } from './chunk-X3JG3IR6.js';
+import { Icon } from './chunk-NJ6B22YJ.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Checkbox-SKJATVSN.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var Checkbox = ({
+var Checkbox = React.forwardRef(({
   checked,
   defaultChecked,
   indeterminate,
@@ -13,8 +13,9 @@ var Checkbox = ({
   disabled,
   label,
   className = "",
-  id
-}) => {
+  id,
+  ...rest
+}, ref) => {
   const [inner, setInner] = React.useState(defaultChecked ?? false);
   const isControlled = checked !== void 0;
   const value = isControlled ? checked : inner;
@@ -31,7 +32,7 @@ var Checkbox = ({
     disabled && "disabled",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs("label", { className: cls, children: [
+  return /* @__PURE__ */ jsxs("label", { ref, className: cls, ...rest, children: [
     /* @__PURE__ */ jsx(
       "button",
       {
@@ -47,15 +48,17 @@ var Checkbox = ({
     ),
     label && /* @__PURE__ */ 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.useState(defaultValue);
   const isControlled = value !== void 0;
   const current = isControlled ? value : inner;
@@ -63,7 +66,7 @@ function RadioGroup({
     if (!isControlled) setInner(v);
     onChange?.(v);
   };
-  return /* @__PURE__ */ jsx("div", { className: `radio-group ${direction} ${className}`, children: options.map((opt) => /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("div", { ref, className: `radio-group ${direction} ${className}`, ...rest, children: options.map((opt) => /* @__PURE__ */ jsxs(
     "label",
     {
       className: `radio ${current === opt.value ? "checked" : ""} ${opt.disabled ? "disabled" : ""}`,
@@ -84,8 +87,8 @@ function RadioGroup({
     },
     String(opt.value)
   )) });
-}
+};
+var RadioGroup = React.forwardRef(RadioGroupInner);
+RadioGroup.displayName = "RadioGroup";
 
 export { Checkbox, RadioGroup };
-//# sourceMappingURL=chunk-4ADDAZK3.js.map
-//# sourceMappingURL=chunk-4ADDAZK3.js.map

package/dist/{chunk-ILVNMES2.js → chunk-TWGQZX2R.js}

@@ -1,10 +1,11 @@
-import { Icon } from './chunk-X3JG3IR6.js';
+import { Icon } from './chunk-NJ6B22YJ.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Tag-FGDY3W7E.css';
+import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var Tag = ({
+var Tag = React.forwardRef(({
   tone = "neutral",
   solid,
   dot,
@@ -15,7 +16,7 @@ var Tag = ({
   className = "",
   children,
   ...rest
-}) => {
+}, ref) => {
   const cls = [
     "tag",
     tone,
@@ -23,7 +24,7 @@ var Tag = ({
     !bordered && !solid && "borderless",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs("span", { className: cls, ...rest, children: [
+  return /* @__PURE__ */ jsxs("span", { ref, className: cls, ...rest, children: [
     dot && /* @__PURE__ */ jsx("span", { className: "dot" }),
     icon && /* @__PURE__ */ jsx(Icon, { name: icon, size: 11, className: "tag-ico" }),
     children,
@@ -41,22 +42,22 @@ var Tag = ({
       }
     )
   ] });
-};
-var Badge = ({
+});
+Tag.displayName = "Tag";
+var Badge = React.forwardRef(({
   count,
   dot,
   tone = "danger",
   children,
   className = "",
   ...rest
-}) => {
+}, ref) => {
   const show = dot || typeof count === "number" && count > 0;
-  return /* @__PURE__ */ jsxs("span", { className: `badge-wrap ${className}`, ...rest, children: [
+  return /* @__PURE__ */ jsxs("span", { ref, className: `badge-wrap ${className}`, ...rest, children: [
     children,
     show && /* @__PURE__ */ jsx("span", { className: `badge ${tone} ${dot ? "dot" : ""}`, children: !dot && (count > 99 ? "99+" : count) })
   ] });
-};
+});
+Badge.displayName = "Badge";
 
 export { Badge, Tag };
-//# sourceMappingURL=chunk-ILVNMES2.js.map
-//# sourceMappingURL=chunk-ILVNMES2.js.map

package/dist/{chunk-LWN2PXW7.js → chunk-ULOJ5UEY.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 './Typography-NKPWTJCV.css';
@@ -480,5 +480,3 @@ TypographyBase.displayName = "Typography";
 var Typography = TypographyBase;
 
 export { Link, Paragraph, Text, Title, Typography };
-//# sourceMappingURL=chunk-LWN2PXW7.js.map
-//# sourceMappingURL=chunk-LWN2PXW7.js.map

package/dist/{chunk-RJNGXR5Y.js → chunk-UXH5PH3S.js}

@@ -1,5 +1,5 @@
-import { Select } from './chunk-XT7RXXOE.js';
-import { Icon } from './chunk-X3JG3IR6.js';
+import { Select } from './chunk-RPFMQZA5.js';
+import { Icon } from './chunk-NJ6B22YJ.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Pagination-YIRYJUXP.css';
@@ -7,7 +7,7 @@ import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var DEFAULT_SIZE_OPTIONS = [10, 20, 50, 100];
-var Pagination = ({
+var Pagination = React.forwardRef(({
   total,
   pageSize = 10,
   page,
@@ -18,8 +18,9 @@ var Pagination = ({
   showSizeChanger = false,
   pageSizeOptions = DEFAULT_SIZE_OPTIONS,
   onShowSizeChange,
-  className = ""
-}) => {
+  className = "",
+  ...rest
+}, ref) => {
   const [inner, setInner] = React.useState(defaultPage);
   const isControlled = page !== void 0;
   const cur = isControlled ? page : inner;
@@ -57,7 +58,7 @@ var Pagination = ({
     if (pages > 1) add(pages);
     return out;
   };
-  return /* @__PURE__ */ jsxs("div", { className: `pagination ${className}`, children: [
+  return /* @__PURE__ */ jsxs("div", { ref, className: `pagination ${className}`, ...rest, children: [
     /* @__PURE__ */ jsxs("span", { className: "pg-info", children: [
       "\u5171 ",
       total,
@@ -127,8 +128,7 @@ var Pagination = ({
       ] })
     ] })
   ] });
-};
+});
+Pagination.displayName = "Pagination";
 
 export { Pagination };
-//# sourceMappingURL=chunk-RJNGXR5Y.js.map
-//# sourceMappingURL=chunk-RJNGXR5Y.js.map

package/dist/{chunk-MUFMJPRT.cjs → chunk-W64ARHLJ.cjs}

@@ -60,5 +60,3 @@ var Panel = ({
 
 exports.Card = Card;
 exports.Panel = Panel;
-//# sourceMappingURL=chunk-MUFMJPRT.cjs.map
-//# sourceMappingURL=chunk-MUFMJPRT.cjs.map

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

@@ -5,15 +5,16 @@ import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/components/Tabs/Tabs.tsx
-var Tabs = ({
+var Tabs = React.forwardRef(({
   items,
   activeKey,
   defaultActiveKey,
   onChange,
   variant = "line",
   centered,
-  className = ""
-}) => {
+  className = "",
+  ...rest
+}, ref) => {
   const [inner, setInner] = React.useState(defaultActiveKey ?? items[0]?.key);
   const isControlled = activeKey !== void 0;
   const current = isControlled ? activeKey : inner;
@@ -22,7 +23,7 @@ var Tabs = ({
     onChange?.(k);
   };
   const active = items.find((i) => i.key === current);
-  return /* @__PURE__ */ jsxs("div", { className: `tabs ${variant} ${centered ? "centered" : ""} ${className}`, children: [
+  return /* @__PURE__ */ jsxs("div", { ref, className: `tabs ${variant} ${centered ? "centered" : ""} ${className}`, ...rest, children: [
     /* @__PURE__ */ jsx("div", { className: "tabs-nav", role: "tablist", children: items.map((it) => /* @__PURE__ */ jsx(
       "button",
       {
@@ -38,15 +39,17 @@ var Tabs = ({
     )) }),
     active?.content !== void 0 && /* @__PURE__ */ jsx("div", { className: "tabs-content", children: active.content })
   ] });
-};
-function Segmented({
+});
+Tabs.displayName = "Tabs";
+var SegmentedInner = ({
   options,
   value,
   defaultValue,
   onChange,
   size = "md",
-  className = ""
-}) {
+  className = "",
+  ...rest
+}, ref) => {
   const [inner, setInner] = React.useState(defaultValue ?? options[0]?.value);
   const isControlled = value !== void 0;
   const v = isControlled ? value : inner;
@@ -54,7 +57,7 @@ function Segmented({
     if (!isControlled) setInner(next);
     onChange?.(next);
   };
-  return /* @__PURE__ */ jsx("div", { className: `segmented ${size} ${className}`, children: options.map((o) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { ref, className: `segmented ${size} ${className}`, ...rest, children: options.map((o) => /* @__PURE__ */ jsx(
     "button",
     {
       type: "button",
@@ -65,8 +68,8 @@ function Segmented({
     },
     String(o.value)
   )) });
-}
+};
+var Segmented = React.forwardRef(SegmentedInner);
+Segmented.displayName = "Segmented";
 
 export { Segmented, Tabs };
-//# sourceMappingURL=chunk-JSDQVVQB.js.map
-//# sourceMappingURL=chunk-JSDQVVQB.js.map

package/dist/{chunk-YZ2I7CDF.cjs → chunk-WNM5RVXR.cjs}

@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 // src/components/Switch/Switch.tsx
-var Switch = ({
+var Switch = React__namespace.forwardRef(({
   checked,
   defaultChecked,
   onChange,
@@ -37,8 +37,9 @@ var Switch = ({
   checkedChildren,
   unCheckedChildren,
   className = "",
-  id
-}) => {
+  id,
+  ...rest
+}, ref) => {
   const [inner, setInner] = React__namespace.useState(defaultChecked ?? false);
   const isControlled = checked !== void 0;
   const value = isControlled ? checked : inner;
@@ -57,7 +58,7 @@ var Switch = ({
     hasChildren && "with-children",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: cls, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { ref, className: cls, ...rest, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -79,8 +80,7 @@ var Switch = ({
     ),
     label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "switch-label", children: label })
   ] });
-};
+});
+Switch.displayName = "Switch";
 
 exports.Switch = Switch;
-//# sourceMappingURL=chunk-YZ2I7CDF.cjs.map
-//# sourceMappingURL=chunk-YZ2I7CDF.cjs.map

package/dist/{chunk-AZRJZM7W.js → chunk-WRDKOSSM.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 './Drawer-IPGB4CXH.css';
@@ -7,7 +7,7 @@ import ReactDOM from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var ANIM_MS = 280;
-var Drawer = ({
+var Drawer = React.forwardRef(({
   open,
   onClose,
   placement = "right",
@@ -24,8 +24,11 @@ var Drawer = ({
   destroyOnClose = false,
   afterOpenChange,
   zIndex,
-  className = ""
-}) => {
+  className = "",
+  style,
+  onClick,
+  ...rest
+}, ref) => {
   const [hasOpenedOnce, setHasOpenedOnce] = React.useState(open);
   React.useEffect(() => {
     if (open) setHasOpenedOnce(true);
@@ -50,8 +53,9 @@ var Drawer = ({
   if (!hasOpenedOnce) return null;
   if (!open && destroyOnClose) return null;
   const isV = placement === "left" || placement === "right";
-  const style = isV ? { width: size } : { height: size };
-  if (zIndex != null) style.zIndex = zIndex;
+  const panelStyle = isV ? { width: size } : { height: size };
+  if (zIndex != null) panelStyle.zIndex = zIndex;
+  Object.assign(panelStyle, style);
   return ReactDOM.createPortal(
     /* @__PURE__ */ jsxs(Fragment, { children: [
       mask && /* @__PURE__ */ jsx(
@@ -65,11 +69,16 @@ var Drawer = ({
       /* @__PURE__ */ jsxs(
         "div",
         {
+          ref,
           className: `drawer ${placement} ${open ? "" : "hidden"} ${className}`,
-          style,
-          onClick: (e) => e.stopPropagation(),
+          style: panelStyle,
+          onClick: (e) => {
+            onClick?.(e);
+            e.stopPropagation();
+          },
           role: "dialog",
           "aria-hidden": !open,
+          ...rest,
           children: [
             (title || extra || closable) && /* @__PURE__ */ jsxs("div", { className: "drawer-head", children: [
               /* @__PURE__ */ jsx("div", { className: "drawer-title", children: title }),
@@ -95,8 +104,7 @@ var Drawer = ({
     ] }),
     document.body
   );
-};
+});
+Drawer.displayName = "Drawer";
 
 export { Drawer };
-//# sourceMappingURL=chunk-AZRJZM7W.js.map
-//# sourceMappingURL=chunk-AZRJZM7W.js.map

package/dist/{chunk-TCPTBLDV.cjs → chunk-X2U7EKCS.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('./Tooltip-DMKUPC24.css');
@@ -28,13 +28,18 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var Tooltip = ({
+var Tooltip = React__namespace.forwardRef(({
   content,
   placement = "top",
   children,
   delay = 250,
-  disabled
-}) => {
+  disabled,
+  onMouseEnter,
+  onMouseLeave,
+  onFocus,
+  onBlur,
+  ...rest
+}, ref) => {
   const [show, setShow] = React__namespace.useState(false);
   const t = React__namespace.useRef();
   const open = () => {
@@ -46,23 +51,44 @@ var Tooltip = ({
     window.clearTimeout(t.current);
     setShow(false);
   };
-  const { triggerRef, floatingStyle, placement: resolved } = chunk3XIDJEYR_cjs.useFloating({
+  const { triggerRef, floatingStyle, placement: resolved } = chunkYB3IWIOJ_cjs.useFloating({
     open: show,
     placement,
     panelWidth: 160,
     panelHeight: 32,
     alignCross: "center"
   });
+  const setTriggerRef = React__namespace.useCallback(
+    (node) => {
+      triggerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref, triggerRef]
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
-        ref: triggerRef,
+        ref: setTriggerRef,
         className: "tip-anchor",
-        onMouseEnter: open,
-        onMouseLeave: close,
-        onFocus: open,
-        onBlur: close,
+        onMouseEnter: (e) => {
+          onMouseEnter?.(e);
+          open();
+        },
+        onMouseLeave: (e) => {
+          onMouseLeave?.(e);
+          close();
+        },
+        onFocus: (e) => {
+          onFocus?.(e);
+          open();
+        },
+        onBlur: (e) => {
+          onBlur?.(e);
+          close();
+        },
+        ...rest,
         children
       }
     ),
@@ -71,8 +97,7 @@ var Tooltip = ({
       document.body
     )
   ] });
-};
+});
+Tooltip.displayName = "Tooltip";
 
 exports.Tooltip = Tooltip;
-//# sourceMappingURL=chunk-TCPTBLDV.cjs.map
-//# sourceMappingURL=chunk-TCPTBLDV.cjs.map