@versaur/react 1.0.5 → 1.0.6

package/dist/overlay-parts-Zq9CuT31.js

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import { overlayPartsStyles as l } from "@versaur/core/utils";
+import { forwardRef as t } from "react";
+import { c as y } from "./cx-B9vmfsc1.js";
+const d = t(
+  ({ children: a, className: e, ...r }, s) => /* @__PURE__ */ o("div", { ref: s, className: y(l.header, e), ...r, children: a })
+);
+d.displayName = "OverlayHeader";
+const i = t(
+  ({ children: a, as: e = "h2", className: r, ...s }, m) => /* @__PURE__ */ o(e, { ref: m, className: y(l.title, r), ...s, children: a })
+);
+i.displayName = "OverlayTitle";
+const v = t(({ children: a, className: e, ...r }, s) => /* @__PURE__ */ o("div", { ref: s, className: y(l.body, e), ...r, children: a }));
+v.displayName = "OverlayBody";
+const c = t(
+  ({ children: a, className: e, ...r }, s) => /* @__PURE__ */ o("div", { ref: s, className: y(l.footer, e), ...r, children: a })
+);
+c.displayName = "OverlayFooter";
+export {
+  v as O,
+  c as a,
+  d as b,
+  i as c
+};

package/dist/primitive.d.ts

@@ -1,47 +1,46 @@
-import { Avatar as Avatar_2 } from '../../../../../core/src/components/primitive';
-import { AvatarShape } from '../../../../../core/src/components/primitive';
-import { AvatarSize } from '../../../../../core/src/components/primitive';
-import { AvatarVariant } from '../../../../../core/src/components/primitive';
-import { Badge as Badge_2 } from '../../../../../core/src/components/primitive';
-import { BadgeShape } from '../../../../../core/src/components/primitive';
-import { BadgeSize } from '../../../../../core/src/components/primitive';
-import { BadgeVariant } from '../../../../../core/src/components/primitive';
-import { Button as Button_2 } from '../../../../../core/src/components/primitive';
+import { Avatar as Avatar_2 } from '@versaur/core/primitive';
+import { AvatarShape } from '@versaur/core/primitive';
+import { AvatarSize } from '@versaur/core/primitive';
+import { AvatarVariant } from '@versaur/core/primitive';
+import { Badge as Badge_2 } from '@versaur/core/primitive';
+import { BadgeShape } from '@versaur/core/primitive';
+import { BadgeSize } from '@versaur/core/primitive';
+import { BadgeVariant } from '@versaur/core/primitive';
+import { Button as Button_2 } from '@versaur/core/primitive';
 import { ButtonHTMLAttributes } from 'react';
-import { ButtonSize } from '../../../../../core/src/components/primitive';
-import { ButtonVariant } from '../../../../../core/src/components/primitive';
+import { ButtonSize } from '@versaur/core/primitive';
+import { ButtonVariant } from '@versaur/core/primitive';
 import { ComponentType } from 'react';
 import { default as default_2 } from 'react';
-import { Dot as Dot_2 } from '../../../../../core/src/components/primitive';
-import { DotSize } from '../../../../../core/src/components/primitive';
-import { DotVariant } from '../../../../../core/src/components/primitive';
+import { Dot as Dot_2 } from '@versaur/core/primitive';
+import { DotSize } from '@versaur/core/primitive';
+import { DotVariant } from '@versaur/core/primitive';
 import { ForwardRefExoticComponent } from 'react';
-import { Heading as Heading_2 } from '../../../../../core/src/components/primitive';
-import { HeadingAs } from '../../../../../core/src/components/primitive';
-import { HeadingIntent } from '../../../../../core/src/components/primitive';
-import { HeadingSize } from '../../../../../core/src/components/primitive';
-import { HeadingWeight } from '../../../../../core/src/components/primitive';
-import { Hr as Hr_2 } from '../../../../../core/src/components/primitive';
-import { HrOrientation } from '../../../../../core/src/components/primitive';
-import { HrSize } from '../../../../../core/src/components/primitive';
-import { HrSpacing } from '../../../../../core/src/components/primitive';
-import { HrVariant } from '../../../../../core/src/components/primitive';
+import { Heading as Heading_2 } from '@versaur/core/primitive';
+import { HeadingAs } from '@versaur/core/primitive';
+import { HeadingIntent } from '@versaur/core/primitive';
+import { HeadingSize } from '@versaur/core/primitive';
+import { HeadingWeight } from '@versaur/core/primitive';
+import { Hr as Hr_2 } from '@versaur/core/primitive';
+import { HrOrientation } from '@versaur/core/primitive';
+import { HrSize } from '@versaur/core/primitive';
+import { HrSpacing } from '@versaur/core/primitive';
+import { HrVariant } from '@versaur/core/primitive';
 import { HTMLAttributes } from 'react';
 import { Icon as Icon_2 } from '@versaur/core/primitive';
-import { Icon as Icon_3 } from '../../../../../core/src/components/primitive';
-import { IconIntent } from '../../../../../core/src/components/primitive';
-import { IconSize } from '../../../../../core/src/components/primitive';
+import { IconIntent } from '@versaur/core/primitive';
+import { IconSize } from '@versaur/core/primitive';
 import { ImgHTMLAttributes } from 'react';
-import { Kbd as Kbd_2 } from '../../../../../core/src/components/primitive';
-import { Loader as Loader_2 } from '../../../../../core/src/components/primitive';
+import { Kbd as Kbd_2 } from '@versaur/core/primitive';
+import { Loader as Loader_2 } from '@versaur/core/primitive';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { SVGProps } from 'react';
-import { Text as Text_3 } from '../../../../../core/src/components/primitive';
-import { TextAs } from '../../../../../core/src/components/primitive';
-import { TextIntent } from '../../../../../core/src/components/primitive';
-import { TextSize } from '../../../../../core/src/components/primitive';
-import { TextWeight } from '../../../../../core/src/components/primitive';
+import { Text as Text_3 } from '@versaur/core/primitive';
+import { TextAs } from '@versaur/core/primitive';
+import { TextIntent } from '@versaur/core/primitive';
+import { TextSize } from '@versaur/core/primitive';
+import { TextWeight } from '@versaur/core/primitive';
 
 export declare const Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<HTMLSpanElement>> & {
     Image: ForwardRefExoticComponent<AvatarImageProps & RefAttributes<HTMLImageElement>>;
@@ -368,8 +367,8 @@ export { IconIntent }
 
 export declare type IconProps = Omit<SVGProps<SVGSVGElement>, "ref"> & {
     as: ComponentType<SVGProps<SVGSVGElement>>;
-    intent?: Icon_3.Intent | "inherit";
-    size?: Icon_3.Size | "inherit";
+    intent?: Icon_2.Intent | "inherit";
+    size?: Icon_2.Size | "inherit";
 };
 
 export { IconSize }

package/dist/primitive.js

@@ -1,205 +1,193 @@
-import { jsxs as v, jsx as f } from "react/jsx-runtime";
-import { LoaderIcon as B, UserIcon as D } from "@versaur/icons";
-import { forwardRef as b, useState as H } from "react";
+import { jsxs as v, jsx as u } from "react/jsx-runtime";
+import { buttonStyles as j, headingStyles as R, textStyles as k, avatarStyles as I, loaderStyles as w, badgeStyles as K, dotStyles as O, kbdStyles as U } from "@versaur/core/primitive";
+import { LoaderIcon as S, UserIcon as q } from "@versaur/icons";
+import { forwardRef as p, useState as z } from "react";
+import { u as h } from "./use-data-attrs-iPFyfiKN.js";
 import { c as g } from "./cx-B9vmfsc1.js";
-import { u as _ } from "./use-data-attrs-iPFyfiKN.js";
-import { I as N } from "./tooltip-CmKPCktA.js";
-import { B as it, H as lt, T as mt } from "./tooltip-CmKPCktA.js";
-const j = "_button_1xs3y_2", w = {
-  button: j
-}, R = "_avatar_gbt5b_2", I = {
-  avatar: R,
-  "avatar-image": "_avatar-image_gbt5b_135"
-}, K = "_badge_1ekpk_2", z = {
-  badge: K
-}, O = "_dot_r4bz1_2", U = {
-  dot: O
-}, q = "_heading_8cumv_2", C = {
-  heading: q
-}, F = "_text_1a15x_2", G = {
-  text: F
-}, J = "_loader_1wtnu_2", M = {
-  loader: J
-}, P = "_kbd_io10s_6", Q = {
-  kbd: P
-}, V = b(
+import { I as A } from "./tooltip-M8EGI3lZ.js";
+import { B as et, H as st, T as rt } from "./tooltip-M8EGI3lZ.js";
+const C = p(
   ({
     variant: a = "primary",
-    size: r = "medium",
+    size: o = "medium",
     loading: t = !1,
     disabled: e = !1,
-    pressed: o = !1,
+    pressed: r = !1,
     leftIcon: s,
     rightIcon: n,
-    children: d,
-    type: i = "button",
-    onClick: u,
-    className: h,
-    ...l
-  }, y) => {
-    const p = !!s, c = !!n, x = !!d;
+    children: i,
+    type: c = "button",
+    onClick: f,
+    className: b,
+    ...d
+  }, N) => {
+    const y = !!s, l = !!n, x = !!i;
     let m;
-    p && c && x ? m = "both-text" : p && x ? m = "left-text" : c && x ? m = "right-text" : p && c ? m = "both" : p ? m = "left" : c && (m = "right");
-    const k = _({
+    y && l && x ? m = "both-text" : y && x ? m = "left-text" : l && x ? m = "right-text" : y && l ? m = "both" : y ? m = "left" : l && (m = "right");
+    const D = h({
       disabled: e || t,
       loading: t,
-      size: r,
+      size: o,
       variant: a,
       ...m && { iconConfig: m }
-    }), L = (A) => {
+    }), H = (B) => {
       if (e || t) {
-        A.preventDefault();
+        B.preventDefault();
         return;
       }
-      u == null || u(A);
+      f == null || f(B);
     };
     return /* @__PURE__ */ v(
       "button",
       {
-        ref: y,
-        type: i,
-        className: g(w.button, h),
-        "aria-pressed": o ? "true" : void 0,
+        ref: N,
+        type: c,
+        className: g(j.button, b),
+        "aria-pressed": r ? "true" : void 0,
         "aria-busy": t ? "true" : void 0,
         "aria-disabled": e || t ? "true" : void 0,
-        ...k,
-        ...l,
-        onClick: L,
+        ...D,
+        ...d,
+        onClick: H,
         children: [
-          t ? /* @__PURE__ */ f(N, { as: B, "aria-label": "Loading", "data-loading-icon": "loader" }) : null,
+          t ? /* @__PURE__ */ u(A, { as: S, "aria-label": "Loading", "data-loading-icon": "loader" }) : null,
           s,
-          d,
+          i,
           n
         ]
       }
     );
   }
 );
-V.displayName = "Button";
-const X = b(
-  ({ as: a = "h2", size: r, weight: t, intent: e, case: o, transform: s, children: n, className: d, ...i }, u) => {
-    const h = a, l = _({
+C.displayName = "Button";
+const F = p(
+  ({ as: a = "h2", size: o, weight: t, intent: e, case: r, transform: s, children: n, className: i, ...c }, f) => {
+    const b = a, d = h({
       as: a,
-      case: o,
+      case: r,
       intent: e,
-      size: r,
+      size: o,
       transform: s,
       weight: t
     });
-    return /* @__PURE__ */ f(h, { ref: u, className: g(C.heading, d), ...l, ...i, children: n });
+    return /* @__PURE__ */ u(b, { ref: f, className: g(R.heading, i), ...d, ...c, children: n });
   }
 );
-X.displayName = "Heading";
-const Y = b(
-  ({ as: a = "p", size: r, weight: t, intent: e, case: o, transform: s, children: n, className: d, ...i }, u) => {
-    const h = a, l = _({
+F.displayName = "Heading";
+const G = p(
+  ({ as: a = "p", size: o, weight: t, intent: e, case: r, transform: s, children: n, className: i, ...c }, f) => {
+    const b = a, d = h({
       as: a,
-      case: o,
+      case: r,
       intent: e,
-      size: r,
+      size: o,
       transform: s,
       weight: t
     });
-    return /* @__PURE__ */ f(h, { ref: u, className: g(G.text, d), ...l, ...i, children: n });
+    return /* @__PURE__ */ u(b, { ref: f, className: g(k.text, i), ...d, ...c, children: n });
   }
 );
-Y.displayName = "Text";
-const S = b(
-  ({ variant: a = "primary", size: r = "md", shape: t = "circle", children: e, className: o, ...s }, n) => {
-    const d = _({ shape: t, size: r, variant: a }), i = e || /* @__PURE__ */ f(N, { as: D });
-    return /* @__PURE__ */ f("span", { ref: n, className: g(I.avatar, o), role: "img", ...d, ...s, children: i });
+G.displayName = "Text";
+const T = p(
+  ({ variant: a = "primary", size: o = "md", shape: t = "circle", children: e, className: r, ...s }, n) => {
+    const i = h({ shape: t, size: o, variant: a }), c = e || /* @__PURE__ */ u(A, { as: q });
+    return /* @__PURE__ */ u("span", { ref: n, className: g(I.avatar, r), role: "img", ...i, ...s, children: c });
   }
 );
-S.displayName = "Avatar";
-const T = b(({ src: a, alt: r, onError: t, className: e, ...o }, s) => {
-  const [n, d] = H(!1);
-  return n ? null : /* @__PURE__ */ f(
+T.displayName = "Avatar";
+const L = p(({ src: a, alt: o, onError: t, className: e, ...r }, s) => {
+  const [n, i] = z(!1);
+  return n ? null : /* @__PURE__ */ u(
     "img",
     {
       ref: s,
       className: g(I["avatar-image"], e),
       src: a,
-      alt: r,
-      onError: (i) => {
-        d(!0), t == null || t(i);
+      alt: o,
+      onError: (c) => {
+        i(!0), t == null || t(c);
       },
-      ...o
+      ...r
     }
   );
 });
-T.displayName = "Avatar.Image";
-const nt = Object.assign(S, {
-  Image: T
-}), Z = b(
-  ({ type: a = "spinner", size: r = "sm", children: t, className: e, ...o }, s) => {
-    const n = _({
-      size: r,
+L.displayName = "Avatar.Image";
+const W = Object.assign(T, {
+  Image: L
+}), J = p(
+  ({ type: a = "spinner", size: o = "sm", children: t, className: e, ...r }, s) => {
+    const n = h({
+      size: o,
       type: a
     });
-    return /* @__PURE__ */ v("div", { ref: s, className: g(M.loader, e), ...n, ...o, children: [
-      a === "spinner" && /* @__PURE__ */ f(N, { as: B, "aria-hidden": "true" }),
+    return /* @__PURE__ */ v("div", { ref: s, className: g(w.loader, e), ...n, ...r, children: [
+      a === "spinner" && /* @__PURE__ */ u(A, { as: S, "aria-hidden": "true" }),
       t
     ] });
   }
 );
-Z.displayName = "Loader";
-const $ = b(
+J.displayName = "Loader";
+const M = p(
   ({
     variant: a = "primary",
-    size: r = "medium",
+    size: o = "medium",
     shape: t = "rounded",
     iconLeft: e,
-    iconRight: o,
+    iconRight: r,
     maxWidth: s,
     children: n,
-    style: d,
-    className: i,
-    ...u
-  }, h) => {
-    const l = !!e, y = !!o, p = !!n;
-    let c;
-    l && y && p ? c = "both-text" : l && p ? c = "left-text" : y && p ? c = "right-text" : l && y ? c = "both" : l ? c = "left" : y && (c = "right");
-    const x = _({
+    style: i,
+    className: c,
+    ...f
+  }, b) => {
+    const d = !!e, N = !!r, y = !!n;
+    let l;
+    d && N && y ? l = "both-text" : d && y ? l = "left-text" : N && y ? l = "right-text" : d && N ? l = "both" : d ? l = "left" : N && (l = "right");
+    const x = h({
       shape: t,
-      size: r,
+      size: o,
       variant: a,
-      ...c && { iconConfig: c }
+      ...l && { iconConfig: l }
     }), m = {
-      ...d,
+      ...i,
       ...s && { "--vers-comp-badge-max-width": s }
     };
-    return /* @__PURE__ */ v("div", { ref: h, className: g(z.badge, i), ...x, ...u, style: m, children: [
+    return /* @__PURE__ */ v("div", { ref: b, className: g(K.badge, c), ...x, ...f, style: m, children: [
       e,
       n,
-      o
+      r
     ] });
   }
 );
-$.displayName = "Badge";
-const E = b(({ variant: a = "primary", size: r = "medium", className: t, ...e }, o) => {
-  const s = _({
-    size: r,
-    variant: a
-  });
-  return /* @__PURE__ */ f("span", { ref: o, className: g(U.dot, t), ...s, ...e });
-});
-E.displayName = "Dot";
-const W = b(({ variant: a = "filled", size: r = "md", children: t, className: e, ...o }, s) => {
-  const n = _({ size: r, variant: a });
-  return /* @__PURE__ */ f("kbd", { ref: s, className: g(Q.kbd, e), ...n, ...o, children: t });
-});
-W.displayName = "Kbd";
+M.displayName = "Badge";
+const P = p(
+  ({ variant: a = "primary", size: o = "medium", className: t, ...e }, r) => {
+    const s = h({
+      size: o,
+      variant: a
+    });
+    return /* @__PURE__ */ u("span", { ref: r, className: g(O.dot, t), ...s, ...e });
+  }
+);
+P.displayName = "Dot";
+const Q = p(
+  ({ variant: a = "filled", size: o = "md", children: t, className: e, ...r }, s) => {
+    const n = h({ size: o, variant: a });
+    return /* @__PURE__ */ u("kbd", { ref: s, className: g(U.kbd, e), ...n, ...r, children: t });
+  }
+);
+Q.displayName = "Kbd";
 export {
-  nt as Avatar,
-  $ as Badge,
-  V as Button,
-  it as ButtonIcon,
-  E as Dot,
-  X as Heading,
-  lt as Hr,
-  N as Icon,
-  W as Kbd,
-  Z as Loader,
-  Y as Text,
-  mt as Tooltip
+  W as Avatar,
+  M as Badge,
+  C as Button,
+  et as ButtonIcon,
+  P as Dot,
+  F as Heading,
+  st as Hr,
+  A as Icon,
+  Q as Kbd,
+  J as Loader,
+  G as Text,
+  rt as Tooltip
 };

package/dist/tooltip-M8EGI3lZ.js

@@ -0,0 +1,200 @@
+import { jsx as u } from "react/jsx-runtime";
+import { iconStyles as P, hrStyles as R, buttonIconStyles as $, tooltipStyles as S } from "@versaur/core/primitive";
+import w, { forwardRef as T, useEffect as q, useRef as B } from "react";
+import { u as b } from "./use-data-attrs-iPFyfiKN.js";
+import { c as f } from "./cx-B9vmfsc1.js";
+import { LoaderIcon as M } from "@versaur/icons";
+const y = w.forwardRef(function({ intent: i = "inherit", size: r = "inherit", as: a, className: o, ...t }, e) {
+  const n = b({ intent: i, size: r });
+  return /* @__PURE__ */ u(a, { ref: e, className: f(P.icon, o), ...n, ...t });
+});
+y.displayName = "Icon";
+const _ = T(
+  ({ orientation: s, variant: i, size: r, spacing: a, className: o, ...t }, e) => {
+    const n = b({
+      orientation: s,
+      size: r,
+      spacing: a,
+      variant: i
+    });
+    return /* @__PURE__ */ u(
+      "hr",
+      {
+        ref: e,
+        className: f(R.hr, o),
+        role: "separator",
+        "aria-orientation": s === "vertical" ? "vertical" : void 0,
+        ...n,
+        ...t
+      }
+    );
+  }
+);
+_.displayName = "Hr";
+const g = T(
+  ({
+    as: s,
+    variant: i = "primary",
+    size: r = "medium",
+    loading: a = !1,
+    disabled: o = !1,
+    pressed: t = !1,
+    type: e = "button",
+    onClick: n,
+    iconProps: l = {},
+    "aria-label": c,
+    className: m,
+    ...v
+  }, h) => {
+    const E = b({
+      disabled: o || a,
+      loading: a,
+      size: r,
+      variant: i
+    }), L = (d) => {
+      if (o || a) {
+        d.preventDefault();
+        return;
+      }
+      n == null || n(d);
+    };
+    return /* @__PURE__ */ u(
+      "button",
+      {
+        ref: h,
+        type: e,
+        className: f($["button-icon"], m),
+        "aria-label": c,
+        "aria-pressed": t ? "true" : void 0,
+        "aria-busy": a ? "true" : void 0,
+        "aria-disabled": o || a ? "true" : void 0,
+        ...E,
+        ...v,
+        onClick: L,
+        children: a ? /* @__PURE__ */ u(y, { as: M, "aria-label": "Loading", "data-loading-icon": "loader" }) : /* @__PURE__ */ u(y, { as: s, ...l })
+      }
+    );
+  }
+);
+g.displayName = "ButtonIcon";
+function j({ id: s, tooltipRef: i, placement: r, gap: a, triggerType: o }) {
+  q(() => {
+    const t = i.current;
+    if (!t || !s)
+      return;
+    let e = null;
+    if (t.parentElement && (e = t.parentElement.querySelector(`[data-tooltip-trigger="${s}"]`)), !e) {
+      let p = t.parentElement;
+      for (; p && !e && (e = p.querySelector(`[data-tooltip-trigger="${s}"]`), !(e || p.classList.contains("sbdocs-story") || p.classList.contains("docblock-storylet"))); )
+        p = p.parentElement;
+    }
+    if (e || (e = document.querySelector(`[data-tooltip-trigger="${s}"]`)), !e)
+      return;
+    let n = null;
+    const l = () => {
+      n && (clearTimeout(n), n = null), t.matches(":popover-open") || t.showPopover();
+    }, c = () => {
+      n && clearTimeout(n), n = setTimeout(() => {
+        t.matches(":popover-open") && t.hidePopover(), n = null;
+      }, 100);
+    }, m = () => {
+      (o === "hover" || o === "all") && l();
+    }, v = () => {
+      (o === "hover" || o === "all") && c();
+    }, h = () => {
+      (o === "focus" || o === "all") && l();
+    }, E = () => {
+      o === "hover" && t.hidePopover();
+    }, L = () => {
+      o === "focus" && (t.matches(":popover-open") ? t.hidePopover() : l());
+    }, d = () => {
+      n && (clearTimeout(n), n = null);
+    }, I = () => {
+      (o === "hover" || o === "all") && c();
+    };
+    return e.addEventListener("mouseenter", m), e.addEventListener("mouseleave", v), e.addEventListener("focus", h), e.addEventListener("blur", E), e.addEventListener("click", L), t.addEventListener("mouseenter", d), t.addEventListener("mouseleave", I), () => {
+      n && clearTimeout(n), e.removeEventListener("mouseenter", m), e.removeEventListener("mouseleave", v), e.removeEventListener("focus", h), e.removeEventListener("blur", E), e.removeEventListener("click", L), t.removeEventListener("mouseenter", d), t.removeEventListener("mouseleave", I);
+    };
+  }, [s, r, a, o]);
+}
+function k(...s) {
+  return (i) => {
+    s.forEach((r) => {
+      if (typeof r == "function")
+        r(i);
+      else if (r && "current" in r)
+        try {
+          r.current = i;
+        } catch {
+        }
+    });
+  };
+}
+const D = 8, x = T(
+  ({ id: s, children: i, placement: r = "top", gap: a = D, triggerType: o = "all", style: t, className: e, ...n }, l) => {
+    const c = B(null), m = b({
+      placement: r
+    });
+    return j({
+      gap: a,
+      id: s,
+      placement: r,
+      tooltipRef: c,
+      triggerType: o
+    }), /* @__PURE__ */ u(
+      "div",
+      {
+        ref: k(c, l),
+        id: s,
+        className: f(S.tooltip, e),
+        ...m,
+        style: {
+          "--_gap": `${a}px`,
+          positionAnchor: `--tooltip-${s}`,
+          ...t
+        },
+        ...n,
+        popover: "auto",
+        children: i
+      }
+    );
+  }
+);
+x.displayName = "Tooltip";
+const A = T(
+  ({ children: s, maxWidth: i, maxLines: r = 2, style: a, className: o, ...t }, e) => {
+    const n = {
+      "--_lines": r,
+      "--_max-width": i,
+      ...a
+    };
+    return /* @__PURE__ */ u("div", { ref: e, className: f(S["tooltip-text"], o), style: n, ...t, children: s });
+  }
+);
+A.displayName = "Tooltip.Text";
+function F(s) {
+  const { id: i, triggerType: r = "all", ...a } = s, o = {
+    "data-tooltip-trigger": i,
+    style: { anchorName: `--tooltip-${i}` },
+    ...Object.fromEntries(Object.entries(a).map(([t, e]) => [t, String(e)]))
+  };
+  return r !== "focus" && (o.popoverTarget = i), o;
+}
+function H(s) {
+  const { id: i } = s, r = document.getElementById(i);
+  r && r.matches(":popover-open") && requestAnimationFrame(() => {
+    const a = document.querySelector(`[data-tooltip-trigger="${i}"]`);
+    a && document.activeElement === a && a.blur(), r.matches(":popover-open") && r.hidePopover();
+  });
+}
+const N = x;
+N.Text = A;
+N.getTooltipTriggerProps = F;
+N.close = H;
+export {
+  g as B,
+  _ as H,
+  y as I,
+  N as T,
+  k as c
+};

package/dist/utils.js

@@ -1,4 +1,4 @@
-import { O as r, a as l, b as o, c as y } from "./overlay-parts-YglazEA-.js";
+import { O as r, a as l, b as o, c as y } from "./overlay-parts-Zq9CuT31.js";
 export {
   r as OverlayBody,
   l as OverlayFooter,