@alfadocs/ui-kit 1.45.0 → 1.47.0

package/dist/_chunks/{hover-card-BMJBVqIf.js → hover-card-nUae8NPJ.js}

@@ -1,6 +1,6 @@
 import { jsx as d, jsxs as U } from "react/jsx-runtime";
-import { useState as J, useCallback as m, useRef as C, useEffect as P, useMemo as G, forwardRef as x, useContext as R, useId as de, createContext as S } from "react";
-import * as T from "@radix-ui/react-popover";
+import { useContext as H, useState as J, useCallback as m, useRef as C, useEffect as P, useMemo as G, forwardRef as x, useId as de, createContext as V } from "react";
+import * as N from "@radix-ui/react-popover";
 import { c as ie } from "./index-D2ZczOXr.js";
 import { useTranslation as ce } from "react-i18next";
 import { I as le } from "./icon-button-CehAeZoP.js";
@@ -49,11 +49,11 @@ const fe = {
 function ve(e, t) {
   return e === "top" || e === "bottom" ? e : e === "start" ? t ? "right" : "left" : t ? "left" : "right";
 }
-const Q = S({
+const Q = V({
   headingId: void 0,
   setHeadingId: () => {
   }
-}), V = S({
+}), B = V({
   cancelClose: () => {
   },
   closeWithDelay: () => {
@@ -70,7 +70,7 @@ const Q = S({
   },
   triggerRef: { current: null },
   instanceId: void 0
-}), E = S("default"), me = ie(
+}), E = V("default"), me = ie(
   [
     // Same elevated surface as Popover: `--card-border` at 32% alpha reads as
     // a subtle edge in both themes, where the shadow alone lets the card
@@ -121,56 +121,56 @@ function K({
   closeDelay: p = 300,
   id: f
 }) {
-  const [I, H] = J(c ?? !1), n = o !== void 0, h = n ? o : I, a = m(
+  const [I, b] = J(c ?? !1), n = o !== void 0, h = n ? o : I, a = m(
     (v) => {
-      n || H(v), l == null || l(v);
+      n || b(v), l == null || l(v);
     },
     [n, l]
   ), r = C(h);
   P(() => {
     r.current = h;
   }, [h]);
-  const b = C(null), u = m(() => {
-    b.current && (clearTimeout(b.current), b.current = null);
+  const R = C(null), u = m(() => {
+    R.current && (clearTimeout(R.current), R.current = null);
   }, []);
   P(() => u, [u]);
-  const y = C(!1), O = C(!1), i = C(null), X = C(null), B = m(() => {
-    u(), b.current = setTimeout(() => {
+  const y = C(!1), O = C(!1), i = C(null), X = C(null), M = m(() => {
+    u(), R.current = setTimeout(() => {
       y.current = !1, a(!0);
     }, g);
   }, [u, g, a]), w = m(() => {
-    u(), b.current = setTimeout(() => a(!1), p);
-  }, [u, p, a]), k = C(!1), N = C(null), z = m(() => {
-    k.current = !0, N.current && clearTimeout(N.current), N.current = setTimeout(() => {
+    u(), R.current = setTimeout(() => a(!1), p);
+  }, [u, p, a]), k = C(!1), T = C(null), j = m(() => {
+    k.current = !0, T.current && clearTimeout(T.current), T.current = setTimeout(() => {
       k.current = !1;
     }, 100);
   }, []);
   P(
     () => () => {
-      N.current && clearTimeout(N.current);
+      T.current && clearTimeout(T.current);
     },
     []
   );
-  const W = m(() => {
+  const z = m(() => {
     if (k.current) {
       k.current = !1;
       return;
     }
     u(), y.current = !1, a(!0);
-  }, [u, a]), j = m(() => {
+  }, [u, a]), W = m(() => {
     var v;
     O.current = !0, (v = i.current) == null || v.focus();
-  }, []), M = C(null), A = m(() => {
+  }, []), D = C(null), A = m(() => {
     const v = i.current;
-    M.current = !!(v && v.contains(document.activeElement));
+    D.current = !!(v && v.contains(document.activeElement));
   }, []), s = m(() => {
-    const v = M.current;
-    if (M.current = null, v === !0) {
+    const v = D.current;
+    if (D.current = null, v === !0) {
       a(!1);
       return;
     }
-    y.current = !0, r.current ? j() : a(!0);
-  }, [j, a]), F = G(
+    y.current = !0, r.current ? W() : a(!0);
+  }, [W, a]), F = G(
     () => ({
       getIsOpen: () => r.current,
       open: () => {
@@ -181,17 +181,17 @@ function K({
     [a]
   );
   ue(fe, F, f);
-  const [q, oe] = J(void 0), D = t === "hover-or-click", ne = G(
+  const [q, oe] = J(void 0), S = t === "hover-or-click", ne = G(
     () => ({
       cancelClose: u,
-      closeWithDelay: D ? w : () => {
+      closeWithDelay: S ? w : () => {
       },
       shouldFocusOnOpen: () => y.current,
       didMoveFocus: () => O.current,
       noteMovedFocus: () => {
         O.current = !0;
       },
-      noteFocusReturn: z,
+      noteFocusReturn: j,
       clearMovedFocus: () => {
         O.current = !1;
       },
@@ -201,12 +201,12 @@ function K({
       triggerRef: X,
       instanceId: f
     }),
-    [u, w, f, D, z]
+    [u, w, f, S, j]
   ), ae = G(
     () => ({
-      isHoverMode: D,
-      openOnFocus: W,
-      openWithDelay: B,
+      isHoverMode: S,
+      openOnFocus: z,
+      openWithDelay: M,
       closeWithDelay: w,
       cancelClose: u,
       notePressStart: A,
@@ -216,16 +216,16 @@ function K({
       u,
       w,
       s,
-      D,
+      S,
       A,
-      W,
-      B
+      z,
+      M
     ]
   );
-  return /* @__PURE__ */ d(Q.Provider, { value: { headingId: q, setHeadingId: oe }, children: /* @__PURE__ */ d(V.Provider, { value: ne, children: /* @__PURE__ */ d(Y.Provider, { value: ae, children: /* @__PURE__ */ d(T.Root, { open: h, onOpenChange: a, children: e }) }) }) });
+  return /* @__PURE__ */ d(Q.Provider, { value: { headingId: q, setHeadingId: oe }, children: /* @__PURE__ */ d(B.Provider, { value: ne, children: /* @__PURE__ */ d(Y.Provider, { value: ae, children: /* @__PURE__ */ d(N.Root, { open: h, onOpenChange: a, children: e }) }) }) });
 }
 K.displayName = "HoverCard.Root";
-const Y = S({
+const Y = V({
   isHoverMode: !0,
   openOnFocus: () => {
   },
@@ -250,15 +250,15 @@ const Y = S({
     onKeyDown: p,
     onClick: f,
     ...I
-  }, H) => {
-    const n = R(Y), { triggerRef: h } = R(V), a = m(
+  }, b) => {
+    const n = H(Y), { triggerRef: h } = H(B), a = m(
       (r) => {
-        h.current = r, typeof H == "function" ? H(r) : H && (H.current = r);
+        h.current = r, typeof b == "function" ? b(r) : b && (b.current = r);
       },
-      [H, h]
+      [b, h]
     );
     return /* @__PURE__ */ d(
-      T.Trigger,
+      N.Trigger,
       {
         ref: a,
         onMouseEnter: (r) => {
@@ -290,13 +290,13 @@ const Y = S({
 );
 Z.displayName = "HoverCard.Trigger";
 const _ = x((e, t) => {
-  const { triggerRef: o } = R(V), c = m(
+  const { triggerRef: o } = H(B), c = m(
     (l) => {
       o.current = l, typeof t == "function" ? t(l) : t && (t.current = l);
     },
     [t, o]
   );
-  return /* @__PURE__ */ d(T.Anchor, { ref: c, ...e });
+  return /* @__PURE__ */ d(N.Anchor, { ref: c, ...e });
 });
 _.displayName = "HoverCard.Anchor";
 const $ = x(
@@ -310,15 +310,15 @@ const $ = x(
     headerAction: p,
     dir: f,
     className: I,
-    children: H,
+    children: b,
     onOpenAutoFocus: n,
     onCloseAutoFocus: h,
     onMouseEnter: a,
     onMouseLeave: r,
-    onFocusCapture: b,
+    onFocusCapture: R,
     ...u
   }, y) => {
-    const { headingId: O } = R(Q), i = R(V), { t: X } = ce(), [B, w] = J(!1), k = C(null), N = m(
+    const { headingId: O } = H(Q), i = H(B), { t: X } = ce(), [M, w] = J(!1), k = C(null), T = m(
       (s) => {
         k.current = s, i.registerContent(s), typeof y == "function" ? y(s) : y && (y.current = s);
       },
@@ -328,13 +328,13 @@ const $ = x(
       const s = i.triggerRef.current, F = s == null ? void 0 : s.closest("[dir]"), q = (F == null ? void 0 : F.getAttribute("dir")) ?? document.documentElement.dir ?? "ltr";
       w(q === "rtl");
     }, [i.triggerRef]);
-    const z = f ?? (B ? "rtl" : "ltr"), W = z === "rtl", j = ve(e, W), A = W && (j === "top" || j === "bottom") && t !== "center" ? t === "start" ? "end" : "start" : t;
-    return /* @__PURE__ */ d(T.Portal, { children: /* @__PURE__ */ U(
-      T.Content,
+    const j = f ?? (M ? "rtl" : "ltr"), z = j === "rtl", W = ve(e, z), A = z && (W === "top" || W === "bottom") && t !== "center" ? t === "start" ? "end" : "start" : t;
+    return /* @__PURE__ */ d(N.Portal, { children: /* @__PURE__ */ U(
+      N.Content,
       {
-        ref: N,
-        dir: z,
-        side: j,
+        ref: T,
+        dir: j,
+        side: W,
         align: A,
         sideOffset: 8,
         collisionPadding: 8,
@@ -355,11 +355,11 @@ const $ = x(
           i.closeWithDelay(), r == null || r(s);
         },
         onFocusCapture: (s) => {
-          i.cancelClose(), b == null || b(s);
+          i.cancelClose(), R == null || R(s);
         },
         ...u,
         children: [
-          /* @__PURE__ */ d(E.Provider, { value: c, children: H }),
+          /* @__PURE__ */ d(E.Provider, { value: c, children: b }),
           g || p ? /* @__PURE__ */ U(
             "div",
             {
@@ -369,7 +369,7 @@ const $ = x(
               ].join(" "),
               children: [
                 p,
-                g ? /* @__PURE__ */ d(T.Close, { asChild: !0, children: /* @__PURE__ */ d(
+                g ? /* @__PURE__ */ d(N.Close, { asChild: !0, children: /* @__PURE__ */ d(
                   le,
                   {
                     icon: /* @__PURE__ */ d(pe, {}),
@@ -394,7 +394,7 @@ const $ = x(
             // card, so the card's own border does not show through it. The
             // translate is applied inside Radix's rotation wrapper, so "up"
             // means "towards the card" on every side.
-            /* @__PURE__ */ d(T.Arrow, { asChild: !0, width: 12, height: 6, children: /* @__PURE__ */ d(
+            /* @__PURE__ */ d(N.Arrow, { asChild: !0, width: 12, height: 6, children: /* @__PURE__ */ d(
               "svg",
               {
                 viewBox: "0 0 12 6",
@@ -436,7 +436,7 @@ const ee = x(({ className: e, ...t }, o) => /* @__PURE__ */ d(
 ee.displayName = "HoverCard.Eyebrow";
 const te = x(
   ({ as: e = "h3", id: t, className: o, ...c }, l) => {
-    const g = de(), p = t ?? g, { setHeadingId: f } = R(Q), I = R(E);
+    const g = de(), p = t ?? g, { setHeadingId: f } = H(Q), I = H(E);
     return P(() => (f(p), () => f(void 0)), [p, f]), /* @__PURE__ */ d(
       e,
       {
@@ -455,7 +455,7 @@ const te = x(
 );
 te.displayName = "HoverCard.Heading";
 const re = x(({ className: e, ...t }, o) => {
-  const c = R(E);
+  const c = H(E);
   return /* @__PURE__ */ d(
     "div",
     {
@@ -473,7 +473,7 @@ const re = x(({ className: e, ...t }, o) => {
 });
 re.displayName = "HoverCard.Body";
 const se = x(({ className: e, ...t }, o) => {
-  const c = R(E);
+  const c = H(E);
   return /* @__PURE__ */ d(
     "div",
     {
@@ -491,7 +491,11 @@ const se = x(({ className: e, ...t }, o) => {
   );
 });
 se.displayName = "HoverCard.Footer";
-const xe = Object.assign(K, {
+function xe() {
+  const { cancelClose: e, closeWithDelay: t } = H(B);
+  return { cancelClose: e, closeWithDelay: t };
+}
+const Ie = Object.assign(K, {
   Root: K,
   Trigger: Z,
   // Anchor the card to an arbitrary element when a trigger button is
@@ -505,7 +509,8 @@ const xe = Object.assign(K, {
   Footer: se
 });
 export {
-  xe as H,
-  fe as h
+  Ie as H,
+  fe as h,
+  xe as u
 };
-//# sourceMappingURL=hover-card-BMJBVqIf.js.map
+//# sourceMappingURL=hover-card-nUae8NPJ.js.map