@t-headless-ui/react 1.1.2 → 1.1.4

package/dist/es/pagination/components/pagination-root.mjs

@@ -0,0 +1,68 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import { PaginationInnerContext as R } from "../pagination-inner-context.mjs";
+import { usePaginationStore as j } from "../store/use-pagination-store.mjs";
+import { usePagination as B } from "../hooks/use-pagination.mjs";
+function T(i) {
+  const {
+    current: p,
+    pageSize: g,
+    total: a = 0,
+    defaultCurrent: u,
+    defaultPageSize: S,
+    disabled: d,
+    hideOnSinglePage: h,
+    sizeOptions: o = [10, 20, 50],
+    bufferSize: z = 2,
+    onChange: f,
+    onPageSizeChange: P,
+    pageSizeChangeResetCurrent: n = !0,
+    children: C,
+    ...b
+  } = i, { allPages: e, current: r, bufferSize: t, disabled: s, onPageNumberChange: c, pageSize: m, onPageSizeChange: O } = j(
+    {
+      total: a,
+      pageSize: g,
+      current: p,
+      sizeOptions: o,
+      defaultCurrent: u,
+      defaultPageSize: S,
+      disabled: d,
+      bufferSize: z,
+      onChange: f,
+      pageSizeChangeResetCurrent: n,
+      onPageSizeChange: P
+    },
+    i
+  ), { pages: v, shouldShowFirst: w, shouldShowPrevEllipsis: x, shouldShowNextEllipsis: E, shouldShowLast: N } = B({
+    allPages: e,
+    current: r,
+    bufferSize: t
+  });
+  return h && e <= 1 ? null : /* @__PURE__ */ l(
+    R.Provider,
+    {
+      value: {
+        allPages: e,
+        current: r,
+        bufferSize: t,
+        disabled: s,
+        onPageNumberChange: c,
+        pageSize: m,
+        onPageSizeChange: O,
+        pageSizeChangeResetCurrent: n,
+        total: a,
+        pages: v,
+        shouldShowFirst: w,
+        shouldShowPrevEllipsis: x,
+        shouldShowNextEllipsis: E,
+        shouldShowLast: N,
+        sizeOptions: o
+      },
+      children: /* @__PURE__ */ l("div", { "aria-label": "pagination", "aria-disabled": s, role: "navigation", ...b, children: C })
+    }
+  );
+}
+export {
+  T as PaginationRoot
+};

package/dist/es/pagination/components/pagination-step-pager/pagination-nex-page-turning.mjs

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import { PaginationPageTurning as t } from "./pagination-page-turning.mjs";
+import { NEXT as i } from "../../constants.mjs";
+function e(o) {
+  return /* @__PURE__ */ r(t, { ...o, type: i });
+}
+export {
+  e as PaginationNext
+};

package/dist/es/pagination/components/pagination-step-pager/pagination-page-turning.mjs

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as x } from "react/jsx-runtime";
+import { Enter as y } from "../../../utils/keycode.mjs";
+import { PREV as d } from "../../constants.mjs";
+import { usePaginationInnerContext as P } from "../../pagination-inner-context.mjs";
+function w(c) {
+  const { allPages: t, disabled: f, current: n, onPageNumberChange: i } = P(), { type: a, children: m, className: u, style: p } = c;
+  let e = !1;
+  t === 0 ? e = !0 : a === d ? e = n <= 1 : e = n === t;
+  const o = f || e;
+  let r = n + (a === d ? -1 : 1);
+  r = Math.max(0, Math.min(t, r));
+  const s = () => {
+    o || i == null || i(r);
+  };
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      onClick: s,
+      tabIndex: o ? -1 : 0,
+      onKeyDown: (l) => {
+        (l.keyCode || l.which) === y.code && s();
+      },
+      "aria-disabled": o,
+      className: u,
+      style: p,
+      children: m
+    }
+  );
+}
+export {
+  w as PaginationPageTurning
+};

package/dist/es/pagination/components/pagination-step-pager/pagination-pre-page-turning.mjs

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import { PaginationPageTurning as i } from "./pagination-page-turning.mjs";
+import { PREV as n } from "../../constants.mjs";
+function e(o) {
+  return /* @__PURE__ */ r(i, { ...o, type: n });
+}
+export {
+  e as PaginationPrevious
+};

package/dist/es/pagination/components/pagination-total.mjs

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { usePaginationInnerContext as u } from "../pagination-inner-context.mjs";
+function l({ children: t, ...i }) {
+  const { total: n, current: o, pageSize: e, allPages: r } = u();
+  return /* @__PURE__ */ a("div", { ...i, children: typeof t == "function" ? t(n, [(o - 1) * e + 1, o * e], r) : n });
+}
+export {
+  l as PaginationTotal
+};

package/dist/es/pagination/constants.mjs

@@ -0,0 +1,7 @@
+const E = 1, t = 10, n = "prev", o = "next";
+export {
+  E as DEFAULT_CURRENT,
+  t as DEFAULT_PAGE_SIZE,
+  o as NEXT,
+  n as PREV
+};

package/dist/es/pagination/hooks/use-pagination.mjs

@@ -0,0 +1,31 @@
+import { useMemo as d } from "react";
+function w({ allPages: o, current: i, bufferSize: t = 2 }) {
+  return d(() => {
+    if (o === 0)
+      return {
+        pages: [],
+        shouldShowFirst: !1,
+        shouldShowLast: !1,
+        shouldShowPrevEllipsis: !1,
+        shouldShowNextEllipsis: !1
+      };
+    let s = i - t, h = i + t;
+    s <= 3 && (s = 1, h = Math.max(h, 1 + t * 2)), h >= o - 2 && (h = o, s = Math.min(s, o - t * 2)), s < 1 && (s = 1), h > o && (h = o);
+    const u = [];
+    for (let p = s; p <= h; p++)
+      u.push(p);
+    return {
+      pages: u,
+      // 只有当 range 左边界 > 1 时，才显示首页按钮
+      shouldShowFirst: s > 1,
+      // 只有当 range 左边界 > 2 时，才显示省略号 (例如 1 ... 4)
+      // 如果 left 是 2，则是 1 2 (无省略号)
+      shouldShowPrevEllipsis: s > 2,
+      shouldShowNextEllipsis: h < o - 1,
+      shouldShowLast: h < o
+    };
+  }, [o, i, t]);
+}
+export {
+  w as usePagination
+};

package/dist/es/pagination/index.mjs

@@ -0,0 +1,27 @@
+import { PaginationOption as i } from "./components/pagination-option.mjs";
+import { PaginationPrevious as t } from "./components/pagination-step-pager/pagination-pre-page-turning.mjs";
+import { PaginationNext as o } from "./components/pagination-step-pager/pagination-nex-page-turning.mjs";
+import { PaginationStartEllipsis as n } from "./components/pagination-ellipsis/pagination-start-ellipsis.mjs";
+import { PaginationEndEllipsis as r } from "./components/pagination-ellipsis/pagination-end-ellipsis.mjs";
+import { PaginationItems as a } from "./components/pagination-item/pagination-items.mjs";
+import { PaginationStartItem as m } from "./components/pagination-item/pagination-start-item.mjs";
+import { PaginationEndItem as p } from "./components/pagination-item/pagination-end-item.mjs";
+import { PaginationRoot as P } from "./components/pagination-root.mjs";
+import { PaginationTotal as e } from "./components/pagination-total.mjs";
+import { PaginationJumper as s } from "./components/pagination-jumper.mjs";
+const N = {
+  Jumper: s,
+  Total: e,
+  Root: P,
+  EndItem: p,
+  StartItem: m,
+  Items: a,
+  EndEllipsis: r,
+  StartEllipsis: n,
+  Next: o,
+  Previous: t,
+  Option: i
+};
+export {
+  N as Pagination
+};

package/dist/es/pagination/pagination-inner-context.mjs

@@ -0,0 +1,12 @@
+"use client";
+import { useContext as t, createContext as o } from "react";
+const e = o(null), r = () => {
+  const n = t(e);
+  if (!n)
+    throw new Error("Pagination components must be used within <Pagination.Root>");
+  return n;
+};
+export {
+  e as PaginationInnerContext,
+  r as usePaginationInnerContext
+};

package/dist/es/pagination/store/use-jumper-store.mjs

@@ -0,0 +1,31 @@
+"use client";
+import { useState as p, useRef as c, useEffect as d } from "react";
+import { limitPageRange as l } from "../utils/limitPageRange.mjs";
+import { isUndefined as N } from "../../utils/is.mjs";
+function J(s, a) {
+  const { showCurrent: e, allPages: m, current: n, onPageNumberChange: i } = s, [t, r] = p(a), f = c({});
+  return d(() => {
+    e && r(n);
+  }, [e, n]), {
+    inputText: t,
+    inputRef: f,
+    handleChange: (u) => {
+      const o = parseInt(u, 10);
+      r(Number.isNaN(o) ? void 0 : o);
+    },
+    handleJump: () => {
+      if (N(t))
+        return;
+      if (t === n && !e) {
+        r(void 0);
+        return;
+      }
+      const u = l(Number.isNaN(Number(t)) ? n : Number(t), m);
+      r(e ? u : void 0), i == null || i(u);
+    },
+    showCurrent: e
+  };
+}
+export {
+  J as useJumperStore
+};

package/dist/es/pagination/store/use-pagination-store.mjs

@@ -0,0 +1,43 @@
+"use client";
+import { useEffect as d } from "react";
+import { DEFAULT_CURRENT as T } from "../constants.mjs";
+import { getAdjustPageSize as m } from "../utils/getAdjustPageSize.mjs";
+import { getAdjustedCurrent as V } from "../utils/getAdjustedCurrent.mjs";
+import { getBufferSize as h } from "../utils/getBufferSize.mjs";
+import { getAllPages as p } from "../utils/getAllPages.mjs";
+import { useMergeValue as A } from "../../hooks/use-merge-value.mjs";
+function L(u, o) {
+  const {
+    total: C,
+    pageSize: P,
+    sizeOptions: a,
+    defaultPageSize: b,
+    disabled: j,
+    onChange: n,
+    bufferSize: E,
+    pageSizeChangeResetCurrent: g,
+    onPageSizeChange: s
+  } = u, [t, c] = A(T, {
+    defaultValue: u.defaultCurrent,
+    value: u.current
+  }), [i, S] = A(m(a), {
+    defaultValue: b,
+    value: P
+  }), f = C, z = p(i, f), R = h(E, z);
+  return d(() => {
+    Array.isArray(a) && !a.includes(i) && !("pageSize" in u) && S(m(a));
+  }, [a]), d(() => {
+    const e = V(i, f, t);
+    e !== t && !("current" in u) && c(e);
+  }, [f, t, i]), { allPages: z, current: t, setCurrent: c, disabled: j, bufferSize: R, onPageNumberChange: (e) => {
+    "current" in o || c(e), n == null || n(e, i);
+  }, pageSize: i, onPageSizeChange: (e) => {
+    const l = p(e, f), r = {
+      pageSize: e
+    };
+    g ? r.current = 1 : r.current = t > l ? l : t, console.log("d ", !("pageSize" in o), !("current" in o)), "pageSize" in o || S(r.pageSize), !("current" in o) && t !== r.current && c(r.current), s == null || s(e, r.current), n == null || n(g ? 1 : r.current, e);
+  } };
+}
+export {
+  L as usePaginationStore
+};

package/dist/es/pagination/utils/getAdjustPageSize.mjs

@@ -0,0 +1,7 @@
+import { DEFAULT_PAGE_SIZE as t } from "../constants.mjs";
+function u(r) {
+  return r && r.length ? r[0] : t;
+}
+export {
+  u as getAdjustPageSize
+};

package/dist/es/pagination/utils/getAdjustedCurrent.mjs

@@ -0,0 +1,8 @@
+import { getAllPages as o } from "./getAllPages.mjs";
+function f(r, n, t) {
+  const e = o(r, n);
+  return e < 1 ? 1 : t > e ? e : t;
+}
+export {
+  f as getAdjustedCurrent
+};

package/dist/es/pagination/utils/getAllPages.mjs

@@ -0,0 +1,7 @@
+function n(t, e) {
+  const a = Math.ceil(e / t);
+  return Math.max(a, 0);
+}
+export {
+  n as getAllPages
+};

package/dist/es/pagination/utils/getBufferSize.mjs

@@ -0,0 +1,7 @@
+function e(t, n) {
+  const o = Math.floor(n / 2) - 1;
+  return Math.min(Math.max(t, 0), o);
+}
+export {
+  e as getBufferSize
+};

package/dist/es/pagination/utils/limitPageRange.mjs

@@ -0,0 +1,6 @@
+function i(r, n) {
+  return r < 1 ? 1 : r > n ? n : r;
+}
+export {
+  i as limitPageRange
+};

package/dist/es/popover/content.mjs

@@ -1,54 +1,64 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { useRef as f, useContext as A, useMemo as L, useEffect as R, useCallback as z } from "react";
-import { PopupContext as S } from "./root-context.mjs";
-import { passive as d } from "./constants.mjs";
-import { applyPopupSlide as N } from "./utils/applyPopupSlide.mjs";
-import { Portal as O } from "../portal/portal.mjs";
-import { motion as g } from "../node_modules/.pnpm/motion@12.9.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.mjs";
-import { AnimatePresence as j } from "../node_modules/.pnpm/motion@12.9.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.mjs";
-import { useResizeObserver as k } from "../hooks/use-resize-observer.mjs";
-function J(v) {
-  const i = f(null), { children: c, attach: P = "body", className: h, animateFn: E = N } = v, { popperRef: l, setPopupElement: m, visible: s, getPopupProps: w, placement: p, isAnimated: a } = A(S), { styles: x, state: r, update: n } = l.current, u = f(s);
-  u.current = s, k(i == null ? void 0 : i.current, () => {
-    var e, t;
-    !u.current || !a.current || (t = (e = l.current) == null ? void 0 : e.update) == null || t.call(e);
-  });
-  const y = L(() => c ? s : !1, [c, s]);
-  R(() => {
+import { jsx as a } from "react/jsx-runtime";
+import { useContext as F, useState as U, useRef as f, useEffect as d, useCallback as q } from "react";
+import { PopupContext as B } from "./root-context.mjs";
+import { passive as b } from "./constants.mjs";
+import { applyPopupSlide as D } from "./utils/applyPopupSlide.mjs";
+import { useAnimate as G } from "../node_modules/.pnpm/framer-motion@12.31.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/animation/hooks/use-animate.mjs";
+import { Portal as H } from "../portal/portal.mjs";
+import { useResizeObserver as I } from "../hooks/use-resize-observer.mjs";
+function Z(A) {
+  const { children: v, attach: L = "body", className: z, animateFn: N = D, getStyle: u, wrapperClassName: S } = A, { popperRef: h, setPopupElement: w, visible: t, getPopupProps: O, placement: E, isAnimated: l, destroyOnClose: P } = F(B), [o, y] = G(), [T, C] = U(t), g = u == null ? void 0 : u(), n = f(null), { styles: j, state: r, update: x } = h.current, c = f(null), p = f(t);
+  p.current = t, d(() => {
+    t && C(!0);
+  }, [t]), I(c == null ? void 0 : c.current, () => {
+    var e, i;
+    p.current && ((i = (e = h.current) == null ? void 0 : e.update) == null || i.call(e));
+  }), d(() => {
+    if (!o.current) return;
+    const e = N((r == null ? void 0 : r.placement) || E);
+    return (async () => {
+      var s, R;
+      if (l.current = !1, n.current && n.current.stop(), t) {
+        const m = ((s = e.animate) == null ? void 0 : s.transition) || {};
+        n.current = y([
+          [o.current, e.initial, { duration: 0 }],
+          [o.current, e.animate, { ...m, at: "<" }]
+        ]), await n.current, l.current = !0;
+      } else {
+        const m = ((R = e.exit) == null ? void 0 : R.transition) || {};
+        n.current = y(o.current, e.exit, m), await n.current, p.current === !1 && (l.current = !0, P && C(!1));
+      }
+    })(), () => {
+      n.current && n.current.stop();
+    };
+  }, [t, P, o.current]), d(() => {
     if (!r) return;
-    const e = [.../* @__PURE__ */ new Set([...r.scrollParents.reference, ...r.scrollParents.popper])];
-    return e.forEach((t) => {
-      t.addEventListener("scroll", n, d);
-    }), window.addEventListener("resize", n, d), () => {
-      e.forEach((t) => {
-        t.removeEventListener("scroll", n);
-      }), window.removeEventListener("resize", n);
+    const e = [.../* @__PURE__ */ new Set([...r.scrollParents.reference, ...r.scrollParents.popper])], i = () => x();
+    return e.forEach((s) => s.addEventListener("scroll", i, b)), window.addEventListener("resize", i, b), () => {
+      e.forEach((s) => s.removeEventListener("scroll", i)), window.removeEventListener("resize", i);
     };
-  }, [r, n]);
-  const b = z(
+  }, [r, x]);
+  const k = q(
     (e) => {
-      e && (i.current = e, m(e));
+      e && (c.current = e, w(e));
     },
-    [m]
-  ), C = y && /* @__PURE__ */ o(O, { attach: P, children: /* @__PURE__ */ o("div", { ref: b, style: x.popper, ...w(), children: /* @__PURE__ */ o(
-    g.div,
+    [w]
+  );
+  return !T || !v ? null : /* @__PURE__ */ a(H, { attach: L, children: /* @__PURE__ */ a(
+    "div",
     {
-      variants: E((r == null ? void 0 : r.placement) || p),
-      animate: "animate",
-      exit: "exit",
-      initial: "initial",
-      onAnimationStart: () => {
-        a.current = !1;
-      },
-      onAnimationComplete: () => {
-        a.current = !0;
+      ref: k,
+      style: {
+        ...j.popper,
+        pointerEvents: t ? "auto" : "none"
       },
-      children: /* @__PURE__ */ o("div", { "data-placement": (r == null ? void 0 : r.placement) || p, className: `t-popover-content ${h}`, children: c })
+      ...O(),
+      className: S,
+      children: /* @__PURE__ */ a("div", { ref: o, style: { willChange: "transform, opacity" }, children: /* @__PURE__ */ a("div", { "data-placement": (r == null ? void 0 : r.placement) || E, className: z, style: g, children: v }) })
     }
-  ) }) });
-  return /* @__PURE__ */ o(j, { children: C });
+  ) });
 }
 export {
-  J as Content
+  Z as Content
 };

package/dist/es/popover/hooks/useTrigger.mjs

@@ -1,16 +1,16 @@
 import { jsx as L } from "react/jsx-runtime";
-import { useRef as k, useEffect as g, isValidElement as h, cloneElement as x } from "react";
-import { ESC_KEY as P, NO_DELAY as m, DELAY as y } from "../constants.mjs";
+import { useRef as k, useEffect as g, isValidElement as x, cloneElement as P } from "react";
+import { ESC_KEY as h, NO_DELAY as f, DELAY as w } from "../constants.mjs";
 import { getRefDom as A } from "../utils/getRefDom.mjs";
 import { callFuncWithDelay as a } from "../utils/callFuncWithDelay.mjs";
 import { mergeRefs as R } from "../../hooks/use-merge-refs.mjs";
-function j({ disabled: T, trigger: c, visible: p, setVisibleChange: l }) {
-  const s = k(!1), i = k(0), u = k(null), d = k(null), v = !T;
+function j({ disabled: y, readOnly: T, trigger: c, visible: p, setVisibleChange: l }) {
+  const s = k(!1), i = k(0), u = k(null), d = k(null), v = !y && !T;
   g(() => {
     if (!v || c === "hover") return;
-    const n = (f) => {
-      var t, w;
-      (w = (t = A(d)) == null ? void 0 : t.contains) != null && w.call(t, f.target) || s.current || p && l(!1, { e: f, trigger: "document" });
+    const n = (t) => {
+      var m, e;
+      (e = (m = A(d)) == null ? void 0 : m.contains) != null && e.call(m, t.target) || s.current || p && l(!1, { e: t, trigger: "document" });
     };
     return document.addEventListener("mousedown", n), document.addEventListener("touchend", n), () => {
       document.removeEventListener("mousedown", n), document.removeEventListener("touchend", n);
@@ -24,7 +24,7 @@ function j({ disabled: T, trigger: c, visible: p, setVisibleChange: l }) {
       onMouseLeave: (n) => {
         c === "hover" && (clearTimeout(u.current), a({
           visibleTimer: u,
-          delay: y,
+          delay: w,
           callback: () => l(!1, { e: n, trigger: "trigger-element-hover" })
         }));
       },
@@ -40,14 +40,14 @@ function j({ disabled: T, trigger: c, visible: p, setVisibleChange: l }) {
       }
     } : {};
   }
-  function D(n, f, t) {
+  function D(n, t) {
     return v ? {
-      ref: R(d, f),
+      ref: R(d, t),
       onMouseDown: (e) => {
         var o, r;
         c === "mousedown" && a({
           visibleTimer: u,
-          delay: m,
+          delay: f,
           callback: () => l(!p, { e, trigger: "trigger-element-mousedown" })
         }), (r = (o = n.props).onMouseDown) == null || r.call(o, e);
       },
@@ -55,7 +55,7 @@ function j({ disabled: T, trigger: c, visible: p, setVisibleChange: l }) {
         var o, r;
         c === "click" && a({
           visibleTimer: u,
-          delay: m,
+          delay: f,
           callback: () => l(!p, { e, trigger: "trigger-element-click" })
         }), (r = (o = n.props).onClick) == null || r.call(o, e);
       },
@@ -63,7 +63,7 @@ function j({ disabled: T, trigger: c, visible: p, setVisibleChange: l }) {
         var o, r;
         (c === "hover" || c === "mousedown") && a({
           visibleTimer: u,
-          delay: m,
+          delay: f,
           callback: () => l(!0, { e, trigger: "trigger-element-hover" })
         }), (r = (o = n.props).onTouchStart) == null || r.call(o, e);
       },
@@ -71,7 +71,7 @@ function j({ disabled: T, trigger: c, visible: p, setVisibleChange: l }) {
         var o, r;
         c === "hover" && (clearTimeout(u.current), a({
           visibleTimer: u,
-          delay: m,
+          delay: f,
           callback: () => l(!0, { e, trigger: "trigger-element-hover" })
         })), (r = (o = n.props).onMouseEnter) == null || r.call(o, e);
       },
@@ -79,7 +79,7 @@ function j({ disabled: T, trigger: c, visible: p, setVisibleChange: l }) {
         var o, r;
         c === "hover" && (clearTimeout(u.current), a({
           visibleTimer: u,
-          delay: y,
+          delay: w,
           callback: () => l(!1, { e, trigger: "trigger-element-hover" })
         })), (r = (o = n.props).onMouseLeave) == null || r.call(o, e);
       },
@@ -87,7 +87,7 @@ function j({ disabled: T, trigger: c, visible: p, setVisibleChange: l }) {
         var o, r;
         c === "focus" && a({
           visibleTimer: u,
-          delay: m,
+          delay: f,
           callback: () => l(!0, { trigger: "trigger-element-focus" })
         }), (r = (o = n.props).onFocus) == null || r.call(o, ...e);
       },
@@ -95,7 +95,7 @@ function j({ disabled: T, trigger: c, visible: p, setVisibleChange: l }) {
         var o, r;
         c === "focus" && a({
           visibleTimer: u,
-          delay: m,
+          delay: f,
           callback: () => l(!1, { trigger: "trigger-element-blur" })
         }), (r = (o = n.props).onBlur) == null || r.call(o, ...e);
       },
@@ -103,24 +103,24 @@ function j({ disabled: T, trigger: c, visible: p, setVisibleChange: l }) {
         var o, r;
         c === "context-menu" && (e.preventDefault(), a({
           visibleTimer: u,
-          delay: m,
+          delay: f,
           callback: () => l(!0, { e, trigger: "context-menu" })
         })), (r = (o = n.props).onContextMenu) == null || r.call(o, e);
       },
       onKeyDown: (e) => {
         var o, r;
-        (e == null ? void 0 : e.key) === P && a({
+        (e == null ? void 0 : e.key) === h && a({
           visibleTimer: u,
-          delay: m,
+          delay: f,
           callback: () => l(!1, { e, trigger: "keydown-esc" })
         }), (r = (o = n.props).onKeyDown) == null || r.call(o, e);
-      },
-      "data-visible": t
+      }
     } : {};
   }
-  function M(n, f) {
+  function M(n) {
+    var m;
     let t = Array.isArray(n) ? n[0] : n;
-    return h(t) || (t = /* @__PURE__ */ L("span", { children: t })), x(t, D(t, t == null ? void 0 : t.ref, f));
+    return x(t) || (t = /* @__PURE__ */ L("span", { children: t })), P(t, D(t, ((m = t == null ? void 0 : t.props) == null ? void 0 : m.ref) || (t == null ? void 0 : t.ref)));
   }
   return {
     getTriggerNode: M,