@versaur/react 1.0.1 → 1.0.4

package/dist/overlay-parts-YglazEA-.js

@@ -0,0 +1,29 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { c as d } from "./cx-B9vmfsc1.js";
+const l = "_header_oiyd6_1", c = "_headerTop_oiyd6_42", i = "_headerContent_oiyd6_60", _ = "_title_oiyd6_102", m = "_closeButton_oiyd6_110", v = "_body_oiyd6_114", h = "_footer_oiyd6_122", p = "_content_oiyd6_133", n = {
+  header: l,
+  headerTop: c,
+  headerContent: i,
+  title: _,
+  closeButton: m,
+  body: v,
+  footer: h,
+  content: p
+}, f = r(({ children: e, className: o, ...t }, a) => /* @__PURE__ */ s("div", { ref: a, className: d(n.header, o), ...t, children: e }));
+f.displayName = "OverlayHeader";
+const O = r(
+  ({ children: e, as: o = "h2", className: t, ...a }, y) => /* @__PURE__ */ s(o, { ref: y, className: d(n.title, t), ...a, children: e })
+);
+O.displayName = "OverlayTitle";
+const N = r(({ children: e, className: o, ...t }, a) => /* @__PURE__ */ s("div", { ref: a, className: d(n.body, o), ...t, children: e }));
+N.displayName = "OverlayBody";
+const b = r(({ children: e, className: o, ...t }, a) => /* @__PURE__ */ s("div", { ref: a, className: d(n.footer, o), ...t, children: e }));
+b.displayName = "OverlayFooter";
+export {
+  N as O,
+  b as a,
+  f as b,
+  O as c,
+  n as o
+};

package/dist/primitive.d.ts

@@ -1,46 +1,47 @@
-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 { 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 { ButtonHTMLAttributes } from 'react';
-import { ButtonSize } from '@versaur/core/primitive';
-import { ButtonVariant } from '@versaur/core/primitive';
+import { ButtonSize } from '../../../../../core/src/components/primitive';
+import { ButtonVariant } from '../../../../../core/src/components/primitive';
 import { ComponentType } from 'react';
 import { default as default_2 } from 'react';
-import { Dot as Dot_2 } from '@versaur/core/primitive';
-import { DotSize } from '@versaur/core/primitive';
-import { DotVariant } from '@versaur/core/primitive';
+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 { ForwardRefExoticComponent } from 'react';
-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 { 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 { HTMLAttributes } from 'react';
 import { Icon as Icon_2 } from '@versaur/core/primitive';
-import { IconIntent } from '@versaur/core/primitive';
-import { IconSize } 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 { ImgHTMLAttributes } from 'react';
-import { Kbd as Kbd_2 } from '@versaur/core/primitive';
-import { Loader as Loader_2 } from '@versaur/core/primitive';
+import { Kbd as Kbd_2 } from '../../../../../core/src/components/primitive';
+import { Loader as Loader_2 } from '../../../../../core/src/components/primitive';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { SVGProps } from 'react';
-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';
+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';
 
 export declare const Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<HTMLSpanElement>> & {
     Image: ForwardRefExoticComponent<AvatarImageProps & RefAttributes<HTMLImageElement>>;
@@ -367,8 +368,8 @@ export { IconIntent }
 
 export declare type IconProps = Omit<SVGProps<SVGSVGElement>, "ref"> & {
     as: ComponentType<SVGProps<SVGSVGElement>>;
-    intent?: Icon_2.Intent | "inherit";
-    size?: Icon_2.Size | "inherit";
+    intent?: Icon_3.Intent | "inherit";
+    size?: Icon_3.Size | "inherit";
 };
 
 export { IconSize }

package/dist/primitive.js

@@ -1,189 +1,205 @@
-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 { 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 { c as g } from "./cx-B9vmfsc1.js";
-import { u as h } from "./use-data-attrs-iPFyfiKN.js";
-import { I as A } from "./tooltip-QgerMOQE.js";
-import { B as et, H as st, T as rt } from "./tooltip-QgerMOQE.js";
-const C = p(
+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(
   ({
     variant: a = "primary",
-    size: o = "medium",
+    size: r = "medium",
     loading: t = !1,
     disabled: e = !1,
-    pressed: r = !1,
+    pressed: o = !1,
     leftIcon: s,
     rightIcon: n,
-    children: i,
-    type: c = "button",
-    onClick: f,
-    className: b,
-    ...d
-  }, N) => {
-    const y = !!s, l = !!n, x = !!i;
+    children: d,
+    type: i = "button",
+    onClick: u,
+    className: h,
+    ...l
+  }, y) => {
+    const p = !!s, c = !!n, x = !!d;
     let m;
-    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({
+    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 = _({
       disabled: e || t,
       loading: t,
-      size: o,
+      size: r,
       variant: a,
       ...m && { iconConfig: m }
-    }), H = (B) => {
+    }), L = (A) => {
       if (e || t) {
-        B.preventDefault();
+        A.preventDefault();
         return;
       }
-      f == null || f(B);
+      u == null || u(A);
     };
     return /* @__PURE__ */ v(
       "button",
       {
-        ref: N,
-        type: c,
-        className: g(j.button, b),
-        "aria-pressed": r ? "true" : void 0,
+        ref: y,
+        type: i,
+        className: g(w.button, h),
+        "aria-pressed": o ? "true" : void 0,
         "aria-busy": t ? "true" : void 0,
         "aria-disabled": e || t ? "true" : void 0,
-        ...D,
-        ...d,
-        onClick: H,
+        ...k,
+        ...l,
+        onClick: L,
         children: [
-          t ? /* @__PURE__ */ u(A, { as: S, "aria-label": "Loading", "data-loading-icon": "loader" }) : null,
+          t ? /* @__PURE__ */ f(N, { as: B, "aria-label": "Loading", "data-loading-icon": "loader" }) : null,
           s,
-          i,
+          d,
           n
         ]
       }
     );
   }
 );
-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({
+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 = _({
       as: a,
-      case: r,
+      case: o,
       intent: e,
-      size: o,
+      size: r,
       transform: s,
       weight: t
     });
-    return /* @__PURE__ */ u(b, { ref: f, className: g(R.heading, i), ...d, ...c, children: n });
+    return /* @__PURE__ */ f(h, { ref: u, className: g(C.heading, d), ...l, ...i, children: n });
   }
 );
-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({
+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 = _({
       as: a,
-      case: r,
+      case: o,
       intent: e,
-      size: o,
+      size: r,
       transform: s,
       weight: t
     });
-    return /* @__PURE__ */ u(b, { ref: f, className: g(k.text, i), ...d, ...c, children: n });
+    return /* @__PURE__ */ f(h, { ref: u, className: g(G.text, d), ...l, ...i, children: n });
   }
 );
-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 });
+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 });
   }
 );
-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(
+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(
     "img",
     {
       ref: s,
       className: g(I["avatar-image"], e),
       src: a,
-      alt: o,
-      onError: (c) => {
-        i(!0), t == null || t(c);
+      alt: r,
+      onError: (i) => {
+        d(!0), t == null || t(i);
       },
-      ...r
+      ...o
     }
   );
 });
-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,
+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,
       type: a
     });
-    return /* @__PURE__ */ v("div", { ref: s, className: g(w.loader, e), ...n, ...r, children: [
-      a === "spinner" && /* @__PURE__ */ u(A, { as: S, "aria-hidden": "true" }),
+    return /* @__PURE__ */ v("div", { ref: s, className: g(M.loader, e), ...n, ...o, children: [
+      a === "spinner" && /* @__PURE__ */ f(N, { as: B, "aria-hidden": "true" }),
       t
     ] });
   }
 );
-J.displayName = "Loader";
-const M = p(
+Z.displayName = "Loader";
+const $ = b(
   ({
     variant: a = "primary",
-    size: o = "medium",
+    size: r = "medium",
     shape: t = "rounded",
     iconLeft: e,
-    iconRight: r,
+    iconRight: o,
     maxWidth: s,
     children: n,
-    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({
+    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 = _({
       shape: t,
-      size: o,
+      size: r,
       variant: a,
-      ...l && { iconConfig: l }
+      ...c && { iconConfig: c }
     }), m = {
-      ...i,
+      ...d,
       ...s && { "--vers-comp-badge-max-width": s }
     };
-    return /* @__PURE__ */ v("div", { ref: b, className: g(K.badge, c), ...x, ...f, style: m, children: [
+    return /* @__PURE__ */ v("div", { ref: h, className: g(z.badge, i), ...x, ...u, style: m, children: [
       e,
       n,
-      r
+      o
     ] });
   }
 );
-M.displayName = "Badge";
-const P = p(({ variant: a = "primary", size: o = "medium", className: t, ...e }, r) => {
-  const s = h({
-    size: o,
+$.displayName = "Badge";
+const E = b(({ variant: a = "primary", size: r = "medium", className: t, ...e }, o) => {
+  const s = _({
+    size: r,
     variant: a
   });
-  return /* @__PURE__ */ u("span", { ref: r, className: g(O.dot, t), ...s, ...e });
+  return /* @__PURE__ */ f("span", { ref: o, className: g(U.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 });
+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 });
 });
-Q.displayName = "Kbd";
+W.displayName = "Kbd";
 export {
-  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
+  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
 };

package/dist/tooltip-CmKPCktA.js

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