@fangxinyan/lumina 0.6.3 → 0.6.5

package/dist/{chunk-TEEFR2FD.js → chunk-SFAGHPBT.js}

@@ -1,7 +1,7 @@
 import { useFloating } from './chunk-DUFRASGO.js';
-import './tokens-BIIUTPKN.css';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
-import './Tooltip-DMKUPC24.css';
+import './Tooltip-5FSPJWLX.css';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -23,16 +23,20 @@ var Tooltip = React.forwardRef(({
   onOpenChange,
   visible,
   onVisibleChange,
+  closeDelay = 300,
   overlayClassName = "",
   popupClassName = "",
   onMouseEnter,
   onMouseLeave,
+  onPointerEnter,
+  onPointerLeave,
   onFocus,
   onBlur,
   ...rest
 }, ref) => {
   const [innerShow, setInnerShow] = React.useState(defaultOpen);
-  const t = React.useRef();
+  const openTimerRef = React.useRef();
+  const closeTimerRef = React.useRef();
   const controlledShow = openProp ?? visible;
   const show = controlledShow ?? innerShow;
   const resolvedContent = content ?? title;
@@ -42,17 +46,41 @@ var Tooltip = React.forwardRef(({
     onOpenChange?.(next);
     onVisibleChange?.(next);
   }, [controlledShow, onOpenChange, onVisibleChange]);
-  const open = () => {
+  React.useEffect(() => {
+    return () => {
+      window.clearTimeout(openTimerRef.current);
+      window.clearTimeout(closeTimerRef.current);
+    };
+  }, []);
+  React.useEffect(() => {
+    if (disabledTooltip && show) setShow(false);
+  }, [disabledTooltip, setShow, show]);
+  const open = React.useCallback(() => {
     if (disabledTooltip) return;
-    window.clearTimeout(t.current);
-    t.current = window.setTimeout(() => setShow(true), delay);
-  };
-  const close = () => {
-    window.clearTimeout(t.current);
-    setShow(false);
-  };
+    window.clearTimeout(closeTimerRef.current);
+    window.clearTimeout(openTimerRef.current);
+    if (delay <= 0) {
+      setShow(true);
+      return;
+    }
+    openTimerRef.current = window.setTimeout(() => setShow(true), delay);
+  }, [delay, disabledTooltip, setShow]);
+  const close = React.useCallback(() => {
+    window.clearTimeout(openTimerRef.current);
+    window.clearTimeout(closeTimerRef.current);
+    if (closeDelay <= 0) {
+      setShow(false);
+      return;
+    }
+    closeTimerRef.current = window.setTimeout(() => setShow(false), closeDelay);
+  }, [closeDelay, setShow]);
   const normalized = normalizePlacement(placement);
-  const { triggerRef, floatingStyle, placement: resolved } = useFloating({
+  const {
+    triggerRef,
+    floatingRef,
+    floatingStyle,
+    placement: resolved
+  } = useFloating({
     open: show,
     placement: normalized.placement,
     panelWidth: 160,
@@ -81,6 +109,14 @@ var Tooltip = React.forwardRef(({
           onMouseLeave?.(e);
           close();
         },
+        onPointerEnter: (e) => {
+          onPointerEnter?.(e);
+          open();
+        },
+        onPointerLeave: (e) => {
+          onPointerLeave?.(e);
+          close();
+        },
         onFocus: (e) => {
           onFocus?.(e);
           open();
@@ -94,7 +130,20 @@ var Tooltip = React.forwardRef(({
       }
     ),
     show && typeof document !== "undefined" && createPortal(
-      /* @__PURE__ */ jsx("span", { className: `tip ${resolved} ${overlayClassName} ${popupClassName}`, style: floatingStyle, children: resolvedContent }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: floatingRef,
+          className: `tip ${resolved} ${overlayClassName} ${popupClassName}`,
+          style: floatingStyle,
+          role: "tooltip",
+          onMouseEnter: open,
+          onMouseLeave: close,
+          onPointerEnter: open,
+          onPointerLeave: close,
+          children: resolvedContent
+        }
+      ),
       document.body
     )
   ] });

package/dist/{chunk-QKQHZIF3.cjs → chunk-SG42F5VB.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-require('./tokens-BIIUTPKN.css');
+require('./tokens-EF34LSWI.css');
 require('./shared-NJHRNLRH.css');
-require('./Spin-3GJNMSIH.css');
+require('./Spin-GONGPV4Q.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 

package/dist/{chunk-5C2AI2SD.js → chunk-SQIWPU6V.js}

@@ -1,6 +1,6 @@
-import './tokens-BIIUTPKN.css';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
-import './ContextMenu-FKW6CQW4.css';
+import './ContextMenu-WRR2SSWL.css';
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-5DKRY67M.cjs → chunk-SYWTT5TY.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
-require('./tokens-BIIUTPKN.css');
+var chunk6LARTGLP_cjs = require('./chunk-6LARTGLP.cjs');
+require('./tokens-EF34LSWI.css');
 require('./shared-NJHRNLRH.css');
-require('./Tag-HDYCDPFS.css');
+require('./Tag-G2XWAL7A.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -48,7 +48,7 @@ var Tag = React__namespace.forwardRef(({
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref, className: cls, ...rest, children: [
     dot && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "dot" }),
-    chunkV272XR3F_cjs.renderIconSlot(icon, { size: 11, className: "tag-ico" }),
+    chunk6LARTGLP_cjs.renderIconSlot(icon, { size: 11, className: "tag-ico" }),
     children,
     removable && /* @__PURE__ */ jsxRuntime.jsx(
       "span",
@@ -60,7 +60,7 @@ var Tag = React__namespace.forwardRef(({
           e.stopPropagation();
           onRemove?.();
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "x", size: 11 })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_cjs.Icon, { name: "x", size: 11 })
       }
     )
   ] });

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

@@ -1,6 +1,6 @@
-import './tokens-BIIUTPKN.css';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
-import './Tabs-BLSNI2T5.css';
+import './Tabs-X5U5PCPV.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-7PNJI5UE.cjs → chunk-U2H4DRMV.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-require('./tokens-BIIUTPKN.css');
+require('./tokens-EF34LSWI.css');
 require('./shared-NJHRNLRH.css');
-require('./List-W5BW4D2P.css');
+require('./List-LSMU5QAC.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 

package/dist/{chunk-HKF2V5MM.cjs → chunk-VAXWWJJP.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkMPVCYU2K_cjs = require('./chunk-MPVCYU2K.cjs');
-var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
-require('./tokens-BIIUTPKN.css');
+var chunk5NFSDFBB_cjs = require('./chunk-5NFSDFBB.cjs');
+var chunk6LARTGLP_cjs = require('./chunk-6LARTGLP.cjs');
+require('./tokens-EF34LSWI.css');
 require('./shared-NJHRNLRH.css');
-require('./Input-HUBJ55OH.css');
+require('./Input-7GDPGP3E.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -76,9 +76,9 @@ var InputBase = React__namespace.forwardRef(
     const renderAffixIcon = (icon, side, handler) => {
       if (icon == null || icon === false) return null;
       const className2 = `${side}${handler ? " interactive" : ""}`;
-      if (chunkV272XR3F_cjs.isIconName(icon)) {
+      if (chunk6LARTGLP_cjs.isIconName(icon)) {
         return /* @__PURE__ */ jsxRuntime.jsx(
-          chunkV272XR3F_cjs.Icon,
+          chunk6LARTGLP_cjs.Icon,
           {
             name: icon,
             size: 14,
@@ -95,7 +95,7 @@ var InputBase = React__namespace.forwardRef(
             e.stopPropagation();
             if (!disabled) handler(e);
           } : void 0,
-          children: chunkV272XR3F_cjs.renderIconSlot(icon)
+          children: chunk6LARTGLP_cjs.renderIconSlot(icon)
         }
       );
     };
@@ -146,7 +146,7 @@ var InputBase = React__namespace.forwardRef(
           tabIndex: -1,
           onMouseDown: (e) => e.preventDefault(),
           onClick: handleClear,
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "x", size: 12 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_cjs.Icon, { name: "x", size: 12 })
         }
       ),
       renderAffixIcon(trailingIcon, "trail", onTrailingIconClick)
@@ -208,7 +208,7 @@ var InputPassword = React__namespace.forwardRef(
 InputPassword.displayName = "Input.Password";
 var Input = InputBase;
 Input.Password = InputPassword;
-Input.TextArea = chunkMPVCYU2K_cjs.Textarea;
+Input.TextArea = chunk5NFSDFBB_cjs.Textarea;
 
 exports.Input = Input;
 exports.InputPassword = InputPassword;

package/dist/{chunk-5H5YP2TB.js → chunk-VNNQYJLT.js}

@@ -1,7 +1,7 @@
-import { renderIconSlot, Icon } from './chunk-47VG2P34.js';
-import './tokens-BIIUTPKN.css';
+import { renderIconSlot, Icon } from './chunk-YT5NLCRC.js';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
-import './Tag-HDYCDPFS.css';
+import './Tag-G2XWAL7A.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-KGSADAOD.cjs → chunk-VSUMJX6Z.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-require('./tokens-BIIUTPKN.css');
+require('./tokens-EF34LSWI.css');
 require('./shared-NJHRNLRH.css');
-require('./Radio-GVFDPAZM.css');
+require('./Radio-IQKASYDF.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 

package/dist/{chunk-K5IGFBDR.js → chunk-W5CJC7S7.js}

@@ -1,7 +1,7 @@
-import { Icon } from './chunk-47VG2P34.js';
-import './tokens-BIIUTPKN.css';
+import { Icon } from './chunk-YT5NLCRC.js';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
-import './Message-2MZ3LFPU.css';
+import './Message-H222YGR6.css';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { createRoot } from 'react-dom/client';

package/dist/{chunk-AXZ7ELMA.js → chunk-WEJKY3DF.js}

@@ -1,6 +1,6 @@
-import './tokens-BIIUTPKN.css';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
-import './Card-6RMVIHWX.css';
+import './Card-MA6SV7D5.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-GIZU3H6H.js → chunk-WXWFMWWF.js}

@@ -1,7 +1,7 @@
-import { Icon } from './chunk-47VG2P34.js';
-import './tokens-BIIUTPKN.css';
+import { Icon } from './chunk-YT5NLCRC.js';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
-import './Checkbox-U5EUDSYS.css';
+import './Checkbox-EDNPZRIP.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-UKS23N3L.js → chunk-XVP7IKLZ.js}

@@ -1,8 +1,8 @@
-import { Textarea } from './chunk-HLFH5HWR.js';
-import { Icon, isIconName, renderIconSlot } from './chunk-47VG2P34.js';
-import './tokens-BIIUTPKN.css';
+import { Textarea } from './chunk-56PHETWO.js';
+import { Icon, isIconName, renderIconSlot } from './chunk-YT5NLCRC.js';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
-import './Input-HUBJ55OH.css';
+import './Input-7GDPGP3E.css';
 import * as React from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-ELNT3CFO.js → chunk-Y5F7ZTBH.js}

@@ -1,6 +1,6 @@
-import './tokens-BIIUTPKN.css';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
-import './Spin-3GJNMSIH.css';
+import './Spin-GONGPV4Q.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-QCILPZWP.js → chunk-YJEXAO2I.js}

@@ -1,6 +1,6 @@
-import './tokens-BIIUTPKN.css';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
-import './Switch-36KJNDXM.css';
+import './Switch-COAQIOMH.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-7ABFUIOB.cjs → chunk-YNCDTKAE.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-require('./tokens-BIIUTPKN.css');
+require('./tokens-EF34LSWI.css');
 require('./shared-NJHRNLRH.css');
-require('./AppShell-RCALXUCZ.css');
+require('./AppShell-FZCD4C56.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
-require('./tokens-BIIUTPKN.css');
+var chunk6LARTGLP_cjs = require('./chunk-6LARTGLP.cjs');
+require('./tokens-EF34LSWI.css');
 require('./shared-NJHRNLRH.css');
-require('./Alert-QBKIDY5H.css');
+require('./Alert-HVPI6L4V.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -48,13 +48,13 @@ var Alert = React__namespace.forwardRef(({
       role: "alert",
       ...rest,
       children: [
-        showIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "alert-ico", children: chunkV272XR3F_cjs.renderIconSlot(iconNode, { size: 14 }) }),
+        showIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "alert-ico", children: chunk6LARTGLP_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(chunkV272XR3F_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(chunk6LARTGLP_cjs.Icon, { name: "x", size: 12 }) })
       ]
     }
   );

package/dist/{chunk-BPOOVO5T.js → chunk-YSXD344H.js}

@@ -1,10 +1,10 @@
-import { Pagination } from './chunk-CETNCRZ4.js';
-import { Checkbox } from './chunk-GIZU3H6H.js';
+import { Pagination } from './chunk-2ZFJTMEF.js';
+import { Checkbox } from './chunk-WXWFMWWF.js';
 import { useFloating } from './chunk-DUFRASGO.js';
-import { Icon } from './chunk-47VG2P34.js';
-import './tokens-BIIUTPKN.css';
+import { Icon } from './chunk-YT5NLCRC.js';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
-import './Table-ATJJQLKU.css';
+import './Table-IYJTPY6J.css';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/dist/{chunk-47VG2P34.js → chunk-YT5NLCRC.js}

@@ -1,4 +1,4 @@
-import './tokens-BIIUTPKN.css';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
 import * as React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';