@fangxinyan/lumina 0.6.3 → 0.6.5

package/dist/chunk-NT6CJYI3.cjs

@@ -0,0 +1,129 @@
+'use strict';
+
+var chunk6EOSMK34_cjs = require('./chunk-6EOSMK34.cjs');
+var chunkN2COYOXE_cjs = require('./chunk-N2COYOXE.cjs');
+require('./tokens-EF34LSWI.css');
+require('./shared-NJHRNLRH.css');
+require('./Surface-UDDN3DGL.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);
+
+function createSurfaceThemePreset(key) {
+  const preset = chunk6EOSMK34_cjs.cloneLuminaThemePreset(key);
+  delete preset.density;
+  delete preset.font;
+  delete preset.label;
+  delete preset.description;
+  return preset;
+}
+var SURFACE_THEME_PRESETS = {
+  mist: createSurfaceThemePreset("light"),
+  porcelain: createSurfaceThemePreset("porcelain"),
+  graphite: createSurfaceThemePreset("graphite"),
+  ember: createSurfaceThemePreset("ember")
+};
+var surfacePresetMap = SURFACE_THEME_PRESETS;
+var isDefined = (value) => value !== void 0;
+function getInheritedAccent(theme) {
+  if (!theme) return void 0;
+  return theme.accent === "custom" ? theme.accentPalette : theme.accent;
+}
+var Surface = React__namespace.forwardRef(
+  ({
+    preset = "inherit",
+    tone = "base",
+    variant = "plain",
+    padding = "md",
+    radius = "lg",
+    height = "content",
+    bordered,
+    scrollable,
+    mode,
+    colorScheme,
+    accent,
+    density,
+    intensity,
+    themeRadius,
+    font,
+    tokens,
+    themes,
+    className = "",
+    children,
+    ...rest
+  }, ref) => {
+    const inherited = chunkN2COYOXE_cjs.useThemeOptional();
+    const presetConfig = preset === "inherit" ? void 0 : surfacePresetMap[preset];
+    const usesLocalTheme = preset !== "inherit" || isDefined(mode) || isDefined(colorScheme) || isDefined(accent) || isDefined(density) || isDefined(intensity) || isDefined(themeRadius) || isDefined(font) || isDefined(tokens) || isDefined(themes);
+    const cls = [
+      "surface",
+      `tone-${tone}`,
+      variant,
+      `pad-${padding}`,
+      `radius-${radius}`,
+      `height-${height}`,
+      bordered && "bordered",
+      scrollable && "scrollable",
+      className
+    ].filter(Boolean).join(" ");
+    const surfaceNode = /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cls,
+        "data-surface-preset": preset === "inherit" ? void 0 : preset,
+        "data-surface-tone": tone,
+        ...rest,
+        children
+      }
+    );
+    if (!usesLocalTheme) return surfaceNode;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkN2COYOXE_cjs.ThemeProvider,
+      {
+        target: "scope",
+        as: "div",
+        mode: mode ?? presetConfig?.base ?? inherited?.mode ?? "light",
+        colorScheme: colorScheme ?? presetConfig?.base ?? inherited?.colorScheme ?? "light",
+        accent: accent ?? presetConfig?.accent ?? getInheritedAccent(inherited) ?? "sky",
+        density: density ?? presetConfig?.density ?? inherited?.density ?? "comfortable",
+        intensity: intensity ?? presetConfig?.intensity ?? inherited?.intensity ?? 5,
+        radius: themeRadius ?? presetConfig?.radius ?? inherited?.radius ?? 20,
+        font: font ?? presetConfig?.font ?? inherited?.font ?? "sf",
+        tokens: {
+          ...presetConfig?.tokens ?? {},
+          ...tokens ?? {}
+        },
+        themes: {
+          ...inherited?.themes ?? {},
+          ...themes ?? {}
+        },
+        style: { display: "contents" },
+        children: surfaceNode
+      }
+    );
+  }
+);
+Surface.displayName = "Surface";
+
+exports.SURFACE_THEME_PRESETS = SURFACE_THEME_PRESETS;
+exports.Surface = Surface;

package/dist/chunk-O43DOE7V.js

@@ -0,0 +1,106 @@
+import { cloneLuminaThemePreset } from './chunk-6SPMHY54.js';
+import { useThemeOptional, ThemeProvider } from './chunk-7NZ2A4MA.js';
+import './tokens-EF34LSWI.css';
+import './shared-NJHRNLRH.css';
+import './Surface-UDDN3DGL.css';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function createSurfaceThemePreset(key) {
+  const preset = cloneLuminaThemePreset(key);
+  delete preset.density;
+  delete preset.font;
+  delete preset.label;
+  delete preset.description;
+  return preset;
+}
+var SURFACE_THEME_PRESETS = {
+  mist: createSurfaceThemePreset("light"),
+  porcelain: createSurfaceThemePreset("porcelain"),
+  graphite: createSurfaceThemePreset("graphite"),
+  ember: createSurfaceThemePreset("ember")
+};
+var surfacePresetMap = SURFACE_THEME_PRESETS;
+var isDefined = (value) => value !== void 0;
+function getInheritedAccent(theme) {
+  if (!theme) return void 0;
+  return theme.accent === "custom" ? theme.accentPalette : theme.accent;
+}
+var Surface = React.forwardRef(
+  ({
+    preset = "inherit",
+    tone = "base",
+    variant = "plain",
+    padding = "md",
+    radius = "lg",
+    height = "content",
+    bordered,
+    scrollable,
+    mode,
+    colorScheme,
+    accent,
+    density,
+    intensity,
+    themeRadius,
+    font,
+    tokens,
+    themes,
+    className = "",
+    children,
+    ...rest
+  }, ref) => {
+    const inherited = useThemeOptional();
+    const presetConfig = preset === "inherit" ? void 0 : surfacePresetMap[preset];
+    const usesLocalTheme = preset !== "inherit" || isDefined(mode) || isDefined(colorScheme) || isDefined(accent) || isDefined(density) || isDefined(intensity) || isDefined(themeRadius) || isDefined(font) || isDefined(tokens) || isDefined(themes);
+    const cls = [
+      "surface",
+      `tone-${tone}`,
+      variant,
+      `pad-${padding}`,
+      `radius-${radius}`,
+      `height-${height}`,
+      bordered && "bordered",
+      scrollable && "scrollable",
+      className
+    ].filter(Boolean).join(" ");
+    const surfaceNode = /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cls,
+        "data-surface-preset": preset === "inherit" ? void 0 : preset,
+        "data-surface-tone": tone,
+        ...rest,
+        children
+      }
+    );
+    if (!usesLocalTheme) return surfaceNode;
+    return /* @__PURE__ */ jsx(
+      ThemeProvider,
+      {
+        target: "scope",
+        as: "div",
+        mode: mode ?? presetConfig?.base ?? inherited?.mode ?? "light",
+        colorScheme: colorScheme ?? presetConfig?.base ?? inherited?.colorScheme ?? "light",
+        accent: accent ?? presetConfig?.accent ?? getInheritedAccent(inherited) ?? "sky",
+        density: density ?? presetConfig?.density ?? inherited?.density ?? "comfortable",
+        intensity: intensity ?? presetConfig?.intensity ?? inherited?.intensity ?? 5,
+        radius: themeRadius ?? presetConfig?.radius ?? inherited?.radius ?? 20,
+        font: font ?? presetConfig?.font ?? inherited?.font ?? "sf",
+        tokens: {
+          ...presetConfig?.tokens ?? {},
+          ...tokens ?? {}
+        },
+        themes: {
+          ...inherited?.themes ?? {},
+          ...themes ?? {}
+        },
+        style: { display: "contents" },
+        children: surfaceNode
+      }
+    );
+  }
+);
+Surface.displayName = "Surface";
+
+export { SURFACE_THEME_PRESETS, Surface };

package/dist/{chunk-GNEZD7KE.cjs → chunk-O4BOBOYV.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-require('./tokens-BIIUTPKN.css');
+require('./tokens-EF34LSWI.css');
 require('./shared-NJHRNLRH.css');
-require('./ContextMenu-FKW6CQW4.css');
+require('./ContextMenu-WRR2SSWL.css');
 var React = require('react');
 var ReactDOM = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');

package/dist/{chunk-XSN4TLN5.cjs → chunk-OGPDCBPD.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkP6EZG2R7_cjs = require('./chunk-P6EZG2R7.cjs');
-var chunk6HMTV6P4_cjs = require('./chunk-6HMTV6P4.cjs');
+var chunkDYSGXQUK_cjs = require('./chunk-DYSGXQUK.cjs');
+var chunkZPKHGKVL_cjs = require('./chunk-ZPKHGKVL.cjs');
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-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('./Table-ATJJQLKU.css');
+require('./Table-IYJTPY6J.css');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -251,7 +251,7 @@ var TableInner = ({
               /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
                 showExpandCol && /* @__PURE__ */ jsxRuntime.jsx("th", { className: "row-expand", style: { width: 40 } }),
                 showSelCol && /* @__PURE__ */ jsxRuntime.jsx("th", { className: "row-check", style: { width: 44 }, children: selectionType === "checkbox" && /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk6HMTV6P4_cjs.Checkbox,
+                  chunkZPKHGKVL_cjs.Checkbox,
                   {
                     checked: allSelectedOnPage,
                     indeterminate: someSelectedOnPage,
@@ -271,7 +271,7 @@ var TableInner = ({
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "th-label", children: c.title }),
                         c.sortable && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sort-ind", children: /* @__PURE__ */ jsxRuntime.jsx(
-                          chunkV272XR3F_cjs.Icon,
+                          chunk6LARTGLP_cjs.Icon,
                           {
                             name: sorted ? sortDir === "asc" ? "chevUp" : "chevDown" : "chevDown",
                             size: 10
@@ -324,7 +324,7 @@ var TableInner = ({
                                   e.stopPropagation();
                                   toggleExpand(row, k);
                                 },
-                                children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "chevRight", size: 12 })
+                                children: /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_cjs.Icon, { name: "chevRight", size: 12 })
                               }
                             )
                           }
@@ -351,7 +351,7 @@ var TableInner = ({
                                 }
                               }
                             ) : /* @__PURE__ */ jsxRuntime.jsx(
-                              chunk6HMTV6P4_cjs.Checkbox,
+                              chunkZPKHGKVL_cjs.Checkbox,
                               {
                                 checked: isSel,
                                 disabled: selProps?.disabled,
@@ -376,7 +376,7 @@ var TableInner = ({
       }
     ),
     pagEnabled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-pagination", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkP6EZG2R7_cjs.Pagination,
+      chunkDYSGXQUK_cjs.Pagination,
       {
         total: totalCount,
         pageSize: curPageSize,
@@ -431,7 +431,7 @@ function ColumnFilterButton({
           e.stopPropagation();
           setOpen((o) => !o);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "filter", size: 10 })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_cjs.Icon, { name: "filter", size: 10 })
       }
     ),
     open && typeof document !== "undefined" && reactDom.createPortal(
@@ -445,7 +445,7 @@ function ColumnFilterButton({
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-filter-options", children: (column.filters ?? []).map((f) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "table-filter-item", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk6HMTV6P4_cjs.Checkbox,
+                chunkZPKHGKVL_cjs.Checkbox,
                 {
                   checked: draft.includes(f.value),
                   onChange: () => toggle(f.value)

package/dist/{chunk-6YQTMI55.js → chunk-OHFZ7L4T.js}

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

package/dist/{chunk-7IYKKLV3.js → chunk-OHIFKN4E.js}

@@ -1,8 +1,8 @@
-import { Button } from './chunk-SQGPSMSK.js';
-import { Icon } from './chunk-47VG2P34.js';
-import './tokens-BIIUTPKN.css';
+import { Button } from './chunk-CNGKJYGZ.js';
+import { Icon } from './chunk-YT5NLCRC.js';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
-import './Modal-2QNDW4SO.css';
+import './Modal-MCFDYVUQ.css';
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 import { createRoot } from 'react-dom/client';

package/dist/{chunk-46VXFTEC.js → chunk-OQU3TJCF.js}

@@ -1,7 +1,7 @@
-import { Spin } from './chunk-ELNT3CFO.js';
-import './tokens-BIIUTPKN.css';
+import { Spin } from './chunk-Y5F7ZTBH.js';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
-import './Timeline-3ZHOHPXT.css';
+import './Timeline-ZIM7QFQC.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-5TKC6IEN.js → chunk-PEJLXJQD.js}

@@ -1,4 +1,4 @@
-import './tokens-BIIUTPKN.css';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
 import './Skeleton-CVWH2VWN.css';
 import * as React from 'react';

package/dist/{chunk-HWFM4MAT.js → chunk-PKHITACT.js}

@@ -1,7 +1,7 @@
 import { useFloating } from './chunk-DUFRASGO.js';
-import './tokens-BIIUTPKN.css';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
-import './Popover-DVGQGWX6.css';
+import './Popover-Y3LDCJPW.css';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/dist/{chunk-JCEHZ336.js → chunk-PNZJFLMY.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 './Drawer-IPGB4CXH.css';
+import './Drawer-7N3URAJ6.css';
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/dist/{chunk-XRR3CYQL.js → chunk-QP7RXZES.js}

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

package/dist/{chunk-5MN3PMF4.cjs → chunk-QY76WTO5.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-var chunkHKF2V5MM_cjs = require('./chunk-HKF2V5MM.cjs');
-var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
-require('./tokens-BIIUTPKN.css');
+var chunkVAXWWJJP_cjs = require('./chunk-VAXWWJJP.cjs');
+var chunk6LARTGLP_cjs = require('./chunk-6LARTGLP.cjs');
+require('./tokens-EF34LSWI.css');
 require('./shared-NJHRNLRH.css');
-require('./Cascader-3BLLA7EN.css');
+require('./Cascader-ANEQUPMI.css');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -179,17 +179,17 @@ var Cascader = React__namespace.forwardRef(({
               role: "button",
               "aria-label": "Clear",
               onClick: clear,
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "x", size: 12 })
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_cjs.Icon, { name: "x", size: 12 })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { position: "absolute", right: 12, color: "var(--fg-subtle)" }, children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "chevDown", size: 14 }) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { position: "absolute", right: 12, color: "var(--fg-subtle)" }, children: /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_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(
-          chunkHKF2V5MM_cjs.Input,
+          chunkVAXWWJJP_cjs.Input,
           {
             ref: searchRef,
             size: "sm",
@@ -222,9 +222,9 @@ var Cascader = React__namespace.forwardRef(({
               disabled: o.disabled,
               onClick: () => pick(depth, o.value, hasChildren),
               children: [
-                chunkV272XR3F_cjs.renderIconSlot(o.icon, { size: 13, className: "cascader-icon" }),
+                chunk6LARTGLP_cjs.renderIconSlot(o.icon, { size: 13, className: "cascader-icon" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: o.label }),
-                hasChildren && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "chev", children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "chevRight", size: 12 }) })
+                hasChildren && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "chev", children: /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_cjs.Icon, { name: "chevRight", size: 12 }) })
               ]
             },
             o.value

package/dist/{chunk-FGW5GJ22.cjs → chunk-R74TZKJS.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('./Collapse-66U5YJFY.css');
+require('./Collapse-UNBHEPYP.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -112,7 +112,7 @@ var Collapse = React__namespace.forwardRef(({
                             toggle(it.key, it.disabled);
                           }
                         },
-                        children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "chevDown", size: 16 })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_cjs.Icon, { name: "chevDown", size: 16 })
                       }
                     )
                   ]

package/dist/{chunk-TGL5BGMR.js → chunk-REMJWNAT.js}

@@ -1,9 +1,9 @@
 import { useFloating } from './chunk-DUFRASGO.js';
-import { Input } from './chunk-UKS23N3L.js';
-import { Icon, renderIconSlot } from './chunk-47VG2P34.js';
-import './tokens-BIIUTPKN.css';
+import { Input } from './chunk-XVP7IKLZ.js';
+import { Icon, renderIconSlot } from './chunk-YT5NLCRC.js';
+import './tokens-EF34LSWI.css';
 import './shared-NJHRNLRH.css';
-import './Cascader-3BLLA7EN.css';
+import './Cascader-ANEQUPMI.css';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-3YJU3D5S.cjs → chunk-RIUDYPRB.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-require('./tokens-BIIUTPKN.css');
+require('./tokens-EF34LSWI.css');
 require('./shared-NJHRNLRH.css');
-require('./Tooltip-DMKUPC24.css');
+require('./Tooltip-5FSPJWLX.css');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -45,16 +45,20 @@ var Tooltip = React__namespace.forwardRef(({
   onOpenChange,
   visible,
   onVisibleChange,
+  closeDelay = 300,
   overlayClassName = "",
   popupClassName = "",
   onMouseEnter,
   onMouseLeave,
+  onPointerEnter,
+  onPointerLeave,
   onFocus,
   onBlur,
   ...rest
 }, ref) => {
   const [innerShow, setInnerShow] = React__namespace.useState(defaultOpen);
-  const t = React__namespace.useRef();
+  const openTimerRef = React__namespace.useRef();
+  const closeTimerRef = React__namespace.useRef();
   const controlledShow = openProp ?? visible;
   const show = controlledShow ?? innerShow;
   const resolvedContent = content ?? title;
@@ -64,17 +68,41 @@ var Tooltip = React__namespace.forwardRef(({
     onOpenChange?.(next);
     onVisibleChange?.(next);
   }, [controlledShow, onOpenChange, onVisibleChange]);
-  const open = () => {
+  React__namespace.useEffect(() => {
+    return () => {
+      window.clearTimeout(openTimerRef.current);
+      window.clearTimeout(closeTimerRef.current);
+    };
+  }, []);
+  React__namespace.useEffect(() => {
+    if (disabledTooltip && show) setShow(false);
+  }, [disabledTooltip, setShow, show]);
+  const open = React__namespace.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__namespace.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 } = chunkYB3IWIOJ_cjs.useFloating({
+  const {
+    triggerRef,
+    floatingRef,
+    floatingStyle,
+    placement: resolved
+  } = chunkYB3IWIOJ_cjs.useFloating({
     open: show,
     placement: normalized.placement,
     panelWidth: 160,
@@ -103,6 +131,14 @@ var Tooltip = React__namespace.forwardRef(({
           onMouseLeave?.(e);
           close();
         },
+        onPointerEnter: (e) => {
+          onPointerEnter?.(e);
+          open();
+        },
+        onPointerLeave: (e) => {
+          onPointerLeave?.(e);
+          close();
+        },
         onFocus: (e) => {
           onFocus?.(e);
           open();
@@ -116,7 +152,20 @@ var Tooltip = React__namespace.forwardRef(({
       }
     ),
     show && typeof document !== "undefined" && reactDom.createPortal(
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `tip ${resolved} ${overlayClassName} ${popupClassName}`, style: floatingStyle, children: resolvedContent }),
+      /* @__PURE__ */ jsxRuntime.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-SWBWZIL4.cjs → chunk-S6OKX4H7.cjs}

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

package/dist/{chunk-EC4WGEAJ.js → chunk-SABWUELE.js}

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