@versaur/react 1.0.14 → 1.0.16

package/dist/tooltip-60d7mYVa.js

@@ -0,0 +1,378 @@
+import { jsxs as N, jsx as p } from "react/jsx-runtime";
+import { buttonStyles as j, headingStyles as F, textStyles as M, avatarStyles as S, hrStyles as _, loaderStyles as $, badgeStyles as q, bannerStyles as E, dotStyles as O, kbdStyles as U, tooltipStyles as k } from "@versaur/core/primitive";
+import { LoaderIcon as I, UserIcon as z, XIcon as G } from "@versaur/icons";
+import { forwardRef as v, useState as X, useRef as A, useEffect as L } from "react";
+import { u as T, I as w, B as J, f as Q, c as V } from "./helpers-D23F5WBX.js";
+import { c as h } from "./cx-B9vmfsc1.js";
+const W = v(
+  ({
+    variant: o = "primary",
+    size: n = "medium",
+    loading: e = !1,
+    disabled: t = !1,
+    pressed: s = !1,
+    leftIcon: c,
+    rightIcon: r,
+    children: a,
+    type: i = "button",
+    onClick: l,
+    className: d,
+    ...u
+  }, m) => {
+    const g = !!c, f = !!r, b = !!a;
+    let y;
+    g && f && b ? y = "both-text" : g && b ? y = "left-text" : f && b ? y = "right-text" : g && f ? y = "both" : g ? y = "left" : f && (y = "right");
+    const K = T({
+      disabled: t || e,
+      loading: e,
+      size: n,
+      variant: o,
+      ...y && { iconConfig: y }
+    }), C = (B) => {
+      if (t || e) {
+        B.preventDefault();
+        return;
+      }
+      l == null || l(B);
+    };
+    return /* @__PURE__ */ N(
+      "button",
+      {
+        ref: m,
+        type: i,
+        className: h(j.button, d),
+        "aria-pressed": s ? "true" : void 0,
+        "aria-busy": e ? "true" : void 0,
+        "aria-disabled": t || e ? "true" : void 0,
+        ...K,
+        ...u,
+        onClick: C,
+        children: [
+          e ? /* @__PURE__ */ p(w, { as: I, "aria-label": "Loading", "data-loading-icon": "loader" }) : null,
+          c,
+          a,
+          r
+        ]
+      }
+    );
+  }
+);
+W.displayName = "Button";
+const Y = v(
+  ({ as: o = "h2", size: n, weight: e, intent: t = "default", case: s, transform: c, children: r, className: a, ...i }, l) => {
+    const d = o, u = T({
+      as: o,
+      case: s,
+      intent: t,
+      size: n,
+      transform: c,
+      weight: e
+    });
+    return /* @__PURE__ */ p(d, { ref: l, className: h(F.heading, a), ...u, ...i, children: r });
+  }
+);
+Y.displayName = "Heading";
+const Z = v(
+  ({ as: o = "p", size: n, weight: e, intent: t = "default", case: s, transform: c, children: r, className: a, ...i }, l) => {
+    const d = o, u = T({
+      as: o,
+      case: s,
+      intent: t,
+      size: n,
+      transform: c,
+      weight: e
+    });
+    return /* @__PURE__ */ p(d, { ref: l, className: h(M.text, a), ...u, ...i, children: r });
+  }
+);
+Z.displayName = "Text";
+const P = v(
+  ({ variant: o = "primary", size: n = "md", shape: e = "circle", children: t, className: s, ...c }, r) => {
+    const a = T({ shape: e, size: n, variant: o }), i = t || /* @__PURE__ */ p(w, { as: z });
+    return /* @__PURE__ */ p("span", { ref: r, className: h(S.avatar, s), role: "img", ...a, ...c, children: i });
+  }
+);
+P.displayName = "Avatar";
+const D = v(({ src: o, alt: n, onError: e, className: t, ...s }, c) => {
+  const [r, a] = X(!1);
+  return r ? null : /* @__PURE__ */ p(
+    "img",
+    {
+      ref: c,
+      className: h(S["avatar-image"], t),
+      src: o,
+      alt: n,
+      onError: (i) => {
+        a(!0), e == null || e(i);
+      },
+      ...s
+    }
+  );
+});
+D.displayName = "Avatar.Image";
+const Te = Object.assign(P, {
+  Image: D
+}), ee = v(
+  ({ orientation: o, variant: n, size: e, spacing: t, className: s, ...c }, r) => {
+    const a = T({
+      orientation: o,
+      size: e,
+      spacing: t,
+      variant: n
+    });
+    return /* @__PURE__ */ p(
+      "hr",
+      {
+        ref: r,
+        className: h(_.hr, s),
+        role: "separator",
+        "aria-orientation": o === "vertical" ? "vertical" : void 0,
+        ...a,
+        ...c
+      }
+    );
+  }
+);
+ee.displayName = "Hr";
+const te = v(
+  ({ type: o = "spinner", size: n = "sm", children: e, className: t, ...s }, c) => {
+    const r = T({
+      size: n,
+      type: o
+    });
+    return /* @__PURE__ */ N("div", { ref: c, className: h($.loader, t), ...r, ...s, children: [
+      o === "spinner" && /* @__PURE__ */ p(w, { as: I, "aria-hidden": "true" }),
+      e
+    ] });
+  }
+);
+te.displayName = "Loader";
+const oe = v(
+  ({
+    variant: o = "primary",
+    size: n = "medium",
+    shape: e = "rounded",
+    iconLeft: t,
+    iconRight: s,
+    maxWidth: c,
+    children: r,
+    style: a,
+    className: i,
+    ...l
+  }, d) => {
+    const u = !!t, m = !!s, g = !!r;
+    let f;
+    u && m && g ? f = "both-text" : u && g ? f = "left-text" : m && g ? f = "right-text" : u && m ? f = "both" : u ? f = "left" : m && (f = "right");
+    const b = T({
+      shape: e,
+      size: n,
+      variant: o,
+      ...f && { iconConfig: f }
+    }), y = {
+      ...a,
+      ...c && { "--vers-comp-badge-max-width": c }
+    };
+    return /* @__PURE__ */ N("div", { ref: d, className: h(q.badge, i), ...b, ...l, style: y, children: [
+      t,
+      r,
+      s
+    ] });
+  }
+);
+oe.displayName = "Badge";
+const ne = v(
+  ({ variant: o = "info", icon: n, onDismiss: e, children: t, className: s, ...c }, r) => {
+    const a = T({
+      variant: o
+    });
+    return /* @__PURE__ */ N("div", { ref: r, className: h(E.banner, s), ...a, ...c, children: [
+      n && /* @__PURE__ */ p("div", { className: E.icon, children: n }),
+      /* @__PURE__ */ p("div", { className: E.content, children: t }),
+      e && /* @__PURE__ */ p(J, { as: G, variant: "ghost", size: "small", onClick: e, "aria-label": "Dismiss banner" })
+    ] });
+  }
+);
+ne.displayName = "Banner";
+const re = v(
+  ({ variant: o = "primary", size: n = "medium", className: e, ...t }, s) => {
+    const c = T({
+      size: n,
+      variant: o
+    });
+    return /* @__PURE__ */ p("span", { ref: s, className: h(O.dot, e), ...c, ...t });
+  }
+);
+re.displayName = "Dot";
+const se = v(
+  ({ variant: o = "filled", size: n = "md", children: e, className: t, ...s }, c) => {
+    const r = T({ size: n, variant: o });
+    return /* @__PURE__ */ p("kbd", { ref: c, className: h(U.kbd, t), ...r, ...s, children: e });
+  }
+);
+se.displayName = "Kbd";
+function ae(...o) {
+  return (n) => {
+    o.forEach((e) => {
+      if (typeof e == "function")
+        e(n);
+      else if (e && "current" in e)
+        try {
+          e.current = n;
+        } catch {
+        }
+    });
+  };
+}
+function ie(o, n, e) {
+  let t = null;
+  const s = () => new Promise((i) => {
+    o.matches(":popover-open") || o.showPopover(), requestAnimationFrame(() => {
+      const l = o.getBoundingClientRect(), d = { width: l.width, height: l.height }, u = e || V(n.getBoundingClientRect(), d);
+      i(u);
+    });
+  }), c = async () => {
+    a();
+    const i = await s();
+    o.dataset.placement = i;
+  }, r = (i) => {
+    t && (clearTimeout(t), t = null), i ? t = setTimeout(() => {
+      o.matches(":popover-open") && o.hidePopover(), t = null;
+    }, 100) : o.matches(":popover-open") && o.hidePopover();
+  }, a = () => {
+    t && (clearTimeout(t), t = null);
+  };
+  return { showTooltip: c, hideTooltip: r, cancelHide: a, cleanup: () => clearTimeout(t ?? void 0) };
+}
+function ce({ id: o, tooltipRef: n, placement: e, type: t }) {
+  const s = A(null), c = A(null);
+  L(() => {
+    const r = n.current;
+    if (!r || !o)
+      return;
+    const a = Q(r, o);
+    if (a)
+      return c.current = a, s.current = ie(r, a, e), () => {
+        var i;
+        (i = s.current) == null || i.cleanup(), s.current = null;
+      };
+  }, [o, e, n]), L(() => {
+    if (t !== "hover" || !s.current || !c.current) return;
+    const r = c.current, a = s.current, i = n.current;
+    if (!i) return;
+    const l = () => {
+      a.showTooltip();
+    }, d = () => {
+      a.hideTooltip(!0);
+    }, u = () => {
+      a.cancelHide();
+    }, m = () => {
+      a.hideTooltip(!0);
+    };
+    return r.addEventListener("mouseenter", l), r.addEventListener("mouseleave", d), i.addEventListener("mouseenter", u), i.addEventListener("mouseleave", m), () => {
+      r.removeEventListener("mouseenter", l), r.removeEventListener("mouseleave", d), i.removeEventListener("mouseenter", u), i.removeEventListener("mouseleave", m);
+    };
+  }, [t, n]), L(() => {
+    if (t !== "persisted" || !s.current || !c.current) return;
+    const r = c.current, a = s.current, i = n.current;
+    if (!i) return;
+    const l = (m) => {
+      m.stopPropagation(), i.matches(":popover-open") ? a.hideTooltip(!1) : a.showTooltip();
+    }, d = (m) => {
+      const g = m.target;
+      i.matches(":popover-open") && !r.contains(g) && !i.contains(g) && a.hideTooltip(!1);
+    }, u = (m) => {
+      m.key === "Escape" && i.matches(":popover-open") && a.hideTooltip(!1);
+    };
+    return r.addEventListener("click", l), document.addEventListener("click", d), document.addEventListener("keydown", u), () => {
+      r.removeEventListener("click", l), document.removeEventListener("click", d), document.removeEventListener("keydown", u);
+    };
+  }, [t, n]), L(() => {
+    if (t !== "focus" || !s.current || !c.current) return;
+    const r = c.current, a = s.current;
+    let i = !1;
+    const l = (m) => {
+      ["Tab", "Enter", " ", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(m.key) && (i = !0);
+    }, d = () => {
+      i && (a.showTooltip(), i = !1);
+    }, u = () => {
+      a.hideTooltip(!1), i = !1;
+    };
+    return document.addEventListener("keydown", l), r.addEventListener("focus", d), r.addEventListener("blur", u), () => {
+      document.removeEventListener("keydown", l), r.removeEventListener("focus", d), r.removeEventListener("blur", u);
+    };
+  }, [t, n]);
+}
+const le = 8, R = v(
+  ({ id: o, children: n, placement: e, gap: t = le, type: s = "hover", style: c, className: r, ...a }, i) => {
+    const l = A(null), d = T({
+      placement: e
+    });
+    return ce({
+      id: o,
+      placement: e,
+      tooltipRef: l,
+      type: s
+    }), /* @__PURE__ */ p(
+      "div",
+      {
+        ref: ae(l, i),
+        id: o,
+        className: h(k.tooltip, r),
+        ...d,
+        style: {
+          "--_gap": `${t}px`,
+          positionAnchor: `--tooltip-${o}`,
+          ...c
+        },
+        ...a,
+        popover: "auto",
+        children: n
+      }
+    );
+  }
+);
+R.displayName = "Tooltip";
+const H = v(
+  ({ children: o, maxWidth: n, maxLines: e = 2, style: t, className: s, ...c }, r) => {
+    const a = {
+      "--_lines": e,
+      "--_max-width": n,
+      ...t
+    };
+    return /* @__PURE__ */ p("div", { ref: r, className: h(k["tooltip-text"], s), style: a, ...c, children: o });
+  }
+);
+H.displayName = "Tooltip.Text";
+function ue(o) {
+  const { id: n, ...e } = o;
+  return {
+    "data-tooltip-trigger": n,
+    style: { anchorName: `--tooltip-${n}` },
+    ...Object.fromEntries(Object.entries(e).map(([t, s]) => [t, String(s)]))
+  };
+}
+function de(o) {
+  const { id: n } = o, e = document.getElementById(n);
+  e && e.matches(":popover-open") && requestAnimationFrame(() => {
+    const t = document.querySelector(`[data-tooltip-trigger="${n}"]`);
+    t && document.activeElement === t && t.blur(), e.matches(":popover-open") && e.hidePopover();
+  });
+}
+const x = R;
+x.Text = H;
+x.getTooltipTriggerProps = ue;
+x.close = de;
+export {
+  Te as A,
+  oe as B,
+  re as D,
+  Y as H,
+  se as K,
+  te as L,
+  Z as T,
+  ne as a,
+  W as b,
+  ee as c,
+  x as d,
+  ae as e
+};

package/dist/utils.js

@@ -1,4 +1,4 @@
-import { a as v, c as S, b as g, O as D } from "./overlay-parts-CFeD8VN0.js";
+import { b as v, a as S, c as g, O as D } from "./overlay-parts-BtD-Qj_k.js";
 import { useState as l, useEffect as c } from "react";
 import { getBreakpointPx as n } from "@versaur/core/utils";
 function r(e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@versaur/react",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "React components for Versaur Design System",
   "repository": {
     "type": "git",
@@ -49,7 +49,7 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@versaur/core": "0.0.10",
+    "@versaur/core": "0.0.12",
     "@versaur/icons": "1.0.0"
   },
   "scripts": {

package/dist/helpers-DTL6qrTe.js

@@ -1,129 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { iconStyles as T, buttonIconStyles as v } from "@versaur/core/primitive";
-import { LoaderIcon as C } from "@versaur/icons";
-import j, { forwardRef as B } from "react";
-import { c as I } from "./cx-B9vmfsc1.js";
-function E(e) {
-  return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-}
-function A(e) {
-  const n = {};
-  for (const [o, t] of Object.entries(e)) {
-    if (t == null)
-      continue;
-    const r = E(o);
-    typeof t == "boolean" ? t && (n[`data-${r}`] = (!!t).toString()) : (typeof t == "string" || typeof t == "number") && (n[`data-${r}`] = String(t));
-  }
-  return n;
-}
-const p = j.forwardRef(function({ intent: n = "inherit", size: o = "inherit", as: t, className: r, ...d }, s) {
-  const a = A({ intent: n, size: o });
-  return /* @__PURE__ */ l(t, { ref: s, className: I(T.icon, r), ...a, ...d });
-});
-p.displayName = "Icon";
-const N = B(
-  ({
-    as: e,
-    variant: n = "primary",
-    size: o = "medium",
-    loading: t = !1,
-    disabled: r = !1,
-    pressed: d = !1,
-    type: s = "button",
-    onClick: a,
-    iconProps: u = {},
-    "aria-label": b,
-    className: w,
-    ...h
-  }, y) => {
-    const c = A({
-      disabled: r || t,
-      loading: t,
-      size: o,
-      variant: n
-    }), f = (m) => {
-      if (r || t) {
-        m.preventDefault();
-        return;
-      }
-      a == null || a(m);
-    };
-    return /* @__PURE__ */ l(
-      "button",
-      {
-        ref: y,
-        type: s,
-        className: I(v["button-icon"], w),
-        "aria-label": b,
-        "aria-pressed": d ? "true" : void 0,
-        "aria-busy": t ? "true" : void 0,
-        "aria-disabled": r || t ? "true" : void 0,
-        ...c,
-        ...h,
-        onClick: f,
-        children: t ? /* @__PURE__ */ l(p, { as: C, "aria-label": "Loading", "data-loading-icon": "loader" }) : /* @__PURE__ */ l(p, { as: e, ...u })
-      }
-    );
-  }
-);
-N.displayName = "ButtonIcon";
-const _ = 100, i = 16;
-function F(e, n) {
-  let o = e.parentElement;
-  for (; o; ) {
-    const t = o.querySelector(`[data-tooltip-trigger="${n}"]`);
-    if (t) return t;
-    if (o === document.body) break;
-    o = o.parentElement;
-  }
-  return null;
-}
-function D(e, n, o = _, t) {
-  const r = window.innerWidth, d = window.innerHeight, s = {
-    top: e.top,
-    bottom: d - e.bottom,
-    left: e.left,
-    right: r - e.right
-  };
-  if (n) {
-    const a = e.left + e.width / 2, u = e.top + e.height / 2, b = [
-      // Bottom: check if tooltip fits below trigger
-      [
-        "bottom",
-        s.bottom,
-        e.bottom + n.height + i <= d && a - n.width / 2 >= i && a + n.width / 2 <= r - i
-      ],
-      // Top: check if tooltip fits above trigger
-      [
-        "top",
-        s.top,
-        e.top - n.height - i >= 0 && a - n.width / 2 >= i && a + n.width / 2 <= r - i
-      ],
-      // Right: check if tooltip fits to the right of trigger
-      [
-        "right",
-        s.right,
-        e.right + n.width + i <= r && u - n.height / 2 >= i && u + n.height / 2 <= d - i
-      ],
-      // Left: check if tooltip fits to the left of trigger
-      [
-        "left",
-        s.left,
-        e.left - n.width - i >= 0 && u - n.height / 2 >= i && u + n.height / 2 <= d - i
-      ]
-    ], h = (t ? b.filter(([c]) => t.includes(c)) : b).filter(([c, f, m]) => m);
-    return h.length > 0 ? h.find(([f]) => f === "bottom") ? "bottom" : h.reduce((f, m) => m[1] > f[1] ? m : f)[0] : (t ? Object.entries(s).filter(
-      ([c]) => t.includes(c)
-    ) : Object.entries(s)).reduce((c, f) => f[1] > c[1] ? f : c)[0];
-  }
-  return s.bottom >= o ? "bottom" : Object.entries(s).reduce(
-    (a, u) => u[1] > a[1] ? u : a
-  )[0];
-}
-export {
-  N as B,
-  p as I,
-  D as c,
-  F as f,
-  A as u
-};

package/dist/tooltip-BMKVL6jz.js

@@ -1,170 +0,0 @@
-import { jsx as h } from "react/jsx-runtime";
-import { hrStyles as k, tooltipStyles as L } from "@versaur/core/primitive";
-import { forwardRef as f, useRef as v, useEffect as d } from "react";
-import { u as y, f as x, c as A } from "./helpers-DTL6qrTe.js";
-import { c as g } from "./cx-B9vmfsc1.js";
-const N = f(
-  ({ orientation: e, variant: n, size: o, spacing: t, className: c, ...a }, s) => {
-    const r = y({
-      orientation: e,
-      size: o,
-      spacing: t,
-      variant: n
-    });
-    return /* @__PURE__ */ h(
-      "hr",
-      {
-        ref: s,
-        className: g(k.hr, c),
-        role: "separator",
-        "aria-orientation": e === "vertical" ? "vertical" : void 0,
-        ...r,
-        ...a
-      }
-    );
-  }
-);
-N.displayName = "Hr";
-function R(...e) {
-  return (n) => {
-    e.forEach((o) => {
-      if (typeof o == "function")
-        o(n);
-      else if (o && "current" in o)
-        try {
-          o.current = n;
-        } catch {
-        }
-    });
-  };
-}
-function S(e, n, o) {
-  let t = null;
-  const c = () => new Promise((i) => {
-    e.matches(":popover-open") || e.showPopover(), requestAnimationFrame(() => {
-      const l = e.getBoundingClientRect(), u = { width: l.width, height: l.height }, m = o || A(n.getBoundingClientRect(), u);
-      i(m);
-    });
-  }), a = async () => {
-    r();
-    const i = await c();
-    e.dataset.placement = i;
-  }, s = (i) => {
-    t && (clearTimeout(t), t = null), i ? t = setTimeout(() => {
-      e.matches(":popover-open") && e.hidePopover(), t = null;
-    }, 100) : e.matches(":popover-open") && e.hidePopover();
-  }, r = () => {
-    t && (clearTimeout(t), t = null);
-  };
-  return { showTooltip: a, hideTooltip: s, cancelHide: r, cleanup: () => clearTimeout(t ?? void 0) };
-}
-function C({ id: e, tooltipRef: n, placement: o, type: t }) {
-  const c = v(null), a = v(null);
-  d(() => {
-    const s = n.current;
-    if (!s || !e)
-      return;
-    const r = x(s, e);
-    if (r)
-      return a.current = r, c.current = S(s, r, o), () => {
-        var i;
-        (i = c.current) == null || i.cleanup(), c.current = null;
-      };
-  }, [e, o, n]), d(() => {
-    if (t !== "hover" || !c.current || !a.current) return;
-    const s = a.current, r = c.current, i = n.current;
-    if (!i) return;
-    const l = () => {
-      r.showTooltip();
-    }, u = () => {
-      r.hideTooltip(!0);
-    }, m = () => {
-      r.cancelHide();
-    }, p = () => {
-      r.hideTooltip(!0);
-    };
-    return s.addEventListener("mouseenter", l), s.addEventListener("mouseleave", u), i.addEventListener("mouseenter", m), i.addEventListener("mouseleave", p), () => {
-      s.removeEventListener("mouseenter", l), s.removeEventListener("mouseleave", u), i.removeEventListener("mouseenter", m), i.removeEventListener("mouseleave", p);
-    };
-  }, [t, n]), d(() => {
-    if (t !== "persisted" || !c.current || !a.current) return;
-    const s = a.current, r = c.current, i = n.current;
-    if (!i) return;
-    const l = (p) => {
-      p.stopPropagation(), i.matches(":popover-open") ? r.hideTooltip(!1) : r.showTooltip();
-    }, u = (p) => {
-      const E = p.target;
-      i.matches(":popover-open") && !s.contains(E) && !i.contains(E) && r.hideTooltip(!1);
-    }, m = (p) => {
-      p.key === "Escape" && i.matches(":popover-open") && r.hideTooltip(!1);
-    };
-    return s.addEventListener("click", l), document.addEventListener("click", u), document.addEventListener("keydown", m), () => {
-      s.removeEventListener("click", l), document.removeEventListener("click", u), document.removeEventListener("keydown", m);
-    };
-  }, [t, n]);
-}
-const H = 8, P = f(
-  ({ id: e, children: n, placement: o, gap: t = H, type: c = "hover", style: a, className: s, ...r }, i) => {
-    const l = v(null), u = y({
-      placement: o
-    });
-    return C({
-      id: e,
-      placement: o,
-      tooltipRef: l,
-      type: c
-    }), /* @__PURE__ */ h(
-      "div",
-      {
-        ref: R(l, i),
-        id: e,
-        className: g(L.tooltip, s),
-        ...u,
-        style: {
-          "--_gap": `${t}px`,
-          positionAnchor: `--tooltip-${e}`,
-          ...a
-        },
-        ...r,
-        popover: "auto",
-        children: n
-      }
-    );
-  }
-);
-P.displayName = "Tooltip";
-const w = f(
-  ({ children: e, maxWidth: n, maxLines: o = 2, style: t, className: c, ...a }, s) => {
-    const r = {
-      "--_lines": o,
-      "--_max-width": n,
-      ...t
-    };
-    return /* @__PURE__ */ h("div", { ref: s, className: g(L["tooltip-text"], c), style: r, ...a, children: e });
-  }
-);
-w.displayName = "Tooltip.Text";
-function b(e) {
-  const { id: n, ...o } = e;
-  return {
-    "data-tooltip-trigger": n,
-    style: { anchorName: `--tooltip-${n}` },
-    ...Object.fromEntries(Object.entries(o).map(([t, c]) => [t, String(c)]))
-  };
-}
-function M(e) {
-  const { id: n } = e, o = document.getElementById(n);
-  o && o.matches(":popover-open") && requestAnimationFrame(() => {
-    const t = document.querySelector(`[data-tooltip-trigger="${n}"]`);
-    t && document.activeElement === t && t.blur(), o.matches(":popover-open") && o.hidePopover();
-  });
-}
-const T = P;
-T.Text = w;
-T.getTooltipTriggerProps = b;
-T.close = M;
-export {
-  N as H,
-  T,
-  R as c
-};