@alfadocs/ui-kit-debug 1.56.0 → 1.58.0

package/dist/_chunks/{hover-card-BnTueNS2.js → hover-card-U_ZYoh1n.js}

@@ -1,12 +1,13 @@
-import { jsx as d, jsxs as U } from "react/jsx-runtime";
-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-COX76Jdj.js";
-import { u as ue } from "./registry-DvAUVLHh.js";
-import { X as pe } from "./x-B5YnXwCz.js";
-const fe = {
+import { jsx as d, jsxs as _ } from "react/jsx-runtime";
+import { useContext as H, useState as Q, useCallback as m, useRef as C, useEffect as P, useMemo as J, forwardRef as I, useId as de, createContext as E } from "react";
+import * as k from "@radix-ui/react-popover";
+import { f as ie, u as ce } from "./non-modal-tab-exit-j3CPOuE3.js";
+import { c as le } from "./index-D2ZczOXr.js";
+import { useTranslation as ue } from "react-i18next";
+import { I as pe } from "./icon-button-COX76Jdj.js";
+import { u as fe } from "./registry-DvAUVLHh.js";
+import { X as ve } from "./x-B5YnXwCz.js";
+const me = {
   id: "hover-card",
   capabilities: ["open", "close"],
   state: {
@@ -46,14 +47,14 @@ const fe = {
     }
   }
 };
-function ve(e, t) {
+function ge(e, t) {
   return e === "top" || e === "bottom" ? e : e === "start" ? t ? "right" : "left" : t ? "left" : "right";
 }
-const Q = V({
+const Y = E({
   headingId: void 0,
   setHeadingId: () => {
   }
-}), B = V({
+}), B = E({
   cancelClose: () => {
   },
   closeWithDelay: () => {
@@ -70,7 +71,7 @@ const Q = V({
   },
   triggerRef: { current: null },
   instanceId: void 0
-}), E = V("default"), me = ie(
+}), X = E("default"), he = le(
   [
     // 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
@@ -111,121 +112,121 @@ const Q = V({
     }
   }
 );
-function K({
+function U({
   children: e,
   openOn: t = "hover-or-click",
   open: o,
-  defaultOpen: c,
-  onOpenChange: l,
-  openDelay: g = 300,
-  closeDelay: p = 300,
-  id: f
+  defaultOpen: u,
+  onOpenChange: i,
+  openDelay: f = 300,
+  closeDelay: c = 300,
+  id: v
 }) {
-  const [I, b] = J(c ?? !1), n = o !== void 0, h = n ? o : I, a = m(
-    (v) => {
-      n || b(v), l == null || l(v);
+  const [T, R] = Q(u ?? !1), n = o !== void 0, h = n ? o : T, a = m(
+    (g) => {
+      n || R(g), i == null || i(g);
     },
-    [n, l]
+    [n, i]
   ), r = C(h);
   P(() => {
     r.current = h;
   }, [h]);
-  const R = C(null), u = m(() => {
-    R.current && (clearTimeout(R.current), R.current = null);
+  const b = C(null), p = m(() => {
+    b.current && (clearTimeout(b.current), b.current = null);
   }, []);
-  P(() => u, [u]);
-  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(), 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;
+  P(() => p, [p]);
+  const N = C(!1), y = C(!1), F = C(null), l = C(null), A = m(() => {
+    p(), b.current = setTimeout(() => {
+      N.current = !1, a(!0);
+    }, f);
+  }, [p, f, a]), W = m(() => {
+    p(), b.current = setTimeout(() => a(!1), c);
+  }, [p, c, a]), j = C(!1), O = C(null), S = m(() => {
+    j.current = !0, O.current && clearTimeout(O.current), O.current = setTimeout(() => {
+      j.current = !1;
     }, 100);
   }, []);
   P(
     () => () => {
-      T.current && clearTimeout(T.current);
+      O.current && clearTimeout(O.current);
     },
     []
   );
-  const z = m(() => {
-    if (k.current) {
-      k.current = !1;
+  const D = m(() => {
+    if (j.current) {
+      j.current = !1;
       return;
     }
-    u(), y.current = !1, a(!0);
-  }, [u, a]), W = m(() => {
-    var v;
-    O.current = !0, (v = i.current) == null || v.focus();
-  }, []), D = C(null), A = m(() => {
-    const v = i.current;
-    D.current = !!(v && v.contains(document.activeElement));
-  }, []), s = m(() => {
-    const v = D.current;
-    if (D.current = null, v === !0) {
+    p(), N.current = !1, a(!0);
+  }, [p, a]), V = m(() => {
+    var g;
+    y.current = !0, (g = F.current) == null || g.focus();
+  }, []), w = C(null), M = m(() => {
+    const g = F.current;
+    w.current = !!(g && g.contains(document.activeElement));
+  }, []), z = m(() => {
+    const g = w.current;
+    if (w.current = null, g === !0) {
       a(!1);
       return;
     }
-    y.current = !0, r.current ? W() : a(!0);
-  }, [W, a]), F = G(
+    N.current = !0, r.current ? V() : a(!0);
+  }, [V, a]), Z = J(
     () => ({
       getIsOpen: () => r.current,
       open: () => {
-        y.current = !1, a(!0);
+        N.current = !1, a(!0);
       },
       close: () => a(!1)
     }),
     [a]
   );
-  ue(fe, F, f);
-  const [q, oe] = J(void 0), S = t === "hover-or-click", ne = G(
+  fe(me, Z, v);
+  const [q, s] = Q(void 0), x = t === "hover-or-click", G = J(
     () => ({
-      cancelClose: u,
-      closeWithDelay: S ? w : () => {
+      cancelClose: p,
+      closeWithDelay: x ? W : () => {
       },
-      shouldFocusOnOpen: () => y.current,
-      didMoveFocus: () => O.current,
+      shouldFocusOnOpen: () => N.current,
+      didMoveFocus: () => y.current,
       noteMovedFocus: () => {
-        O.current = !0;
+        y.current = !0;
       },
-      noteFocusReturn: j,
+      noteFocusReturn: S,
       clearMovedFocus: () => {
-        O.current = !1;
+        y.current = !1;
       },
-      registerContent: (v) => {
-        i.current = v;
+      registerContent: (g) => {
+        F.current = g;
       },
-      triggerRef: X,
-      instanceId: f
+      triggerRef: l,
+      instanceId: v
     }),
-    [u, w, f, S, j]
-  ), ae = G(
+    [p, W, v, x, S]
+  ), ae = J(
     () => ({
-      isHoverMode: S,
-      openOnFocus: z,
-      openWithDelay: M,
-      closeWithDelay: w,
-      cancelClose: u,
-      notePressStart: A,
-      onClick: s
+      isHoverMode: x,
+      openOnFocus: D,
+      openWithDelay: A,
+      closeWithDelay: W,
+      cancelClose: p,
+      notePressStart: M,
+      onClick: z
     }),
     [
-      u,
-      w,
-      s,
-      S,
-      A,
+      p,
+      W,
       z,
-      M
+      x,
+      M,
+      D,
+      A
     ]
   );
-  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 }) }) }) });
+  return /* @__PURE__ */ d(Y.Provider, { value: { headingId: q, setHeadingId: s }, children: /* @__PURE__ */ d(B.Provider, { value: G, children: /* @__PURE__ */ d($.Provider, { value: ae, children: /* @__PURE__ */ d(k.Root, { open: h, onOpenChange: a, children: e }) }) }) });
 }
-K.displayName = "HoverCard.Root";
-const Y = V({
+U.displayName = "HoverCard.Root";
+const $ = E({
   isHoverMode: !0,
   openOnFocus: () => {
   },
@@ -239,26 +240,26 @@ const Y = V({
   },
   onClick: () => {
   }
-}), Z = x(
+}), L = I(
   ({
     children: e,
     onMouseEnter: t,
     onMouseLeave: o,
-    onFocus: c,
-    onBlur: l,
-    onPointerDown: g,
-    onKeyDown: p,
-    onClick: f,
-    ...I
-  }, b) => {
-    const n = H(Y), { triggerRef: h } = H(B), a = m(
+    onFocus: u,
+    onBlur: i,
+    onPointerDown: f,
+    onKeyDown: c,
+    onClick: v,
+    ...T
+  }, R) => {
+    const n = H($), { triggerRef: h } = H(B), a = m(
       (r) => {
-        h.current = r, typeof b == "function" ? b(r) : b && (b.current = r);
+        h.current = r, typeof R == "function" ? R(r) : R && (R.current = r);
       },
-      [b, h]
+      [R, h]
     );
     return /* @__PURE__ */ d(
-      N.Trigger,
+      k.Trigger,
       {
         ref: a,
         onMouseEnter: (r) => {
@@ -268,99 +269,112 @@ const Y = V({
           n.isHoverMode && n.closeWithDelay(), o == null || o(r);
         },
         onFocus: (r) => {
-          n.isHoverMode && n.openOnFocus(), c == null || c(r);
+          n.isHoverMode && n.openOnFocus(), u == null || u(r);
         },
         onBlur: (r) => {
-          n.isHoverMode && n.closeWithDelay(), l == null || l(r);
+          n.isHoverMode && n.closeWithDelay(), i == null || i(r);
         },
         onPointerDown: (r) => {
-          n.notePressStart(), g == null || g(r);
+          n.notePressStart(), f == null || f(r);
         },
         onKeyDown: (r) => {
-          (r.key === "Enter" || r.key === " ") && n.notePressStart(), p == null || p(r);
+          (r.key === "Enter" || r.key === " ") && n.notePressStart(), c == null || c(r);
         },
         onClick: (r) => {
-          r.preventDefault(), n.onClick(), f == null || f(r);
+          r.preventDefault(), n.onClick(), v == null || v(r);
         },
-        ...I,
+        ...T,
         children: e
       }
     );
   }
 );
-Z.displayName = "HoverCard.Trigger";
-const _ = x((e, t) => {
-  const { triggerRef: o } = H(B), c = m(
-    (l) => {
-      o.current = l, typeof t == "function" ? t(l) : t && (t.current = l);
+L.displayName = "HoverCard.Trigger";
+const K = I((e, t) => {
+  var f;
+  const { triggerRef: o } = H(B), u = m(
+    (c) => {
+      o.current = c, typeof t == "function" ? t(c) : t && (t.current = c);
     },
     [t, o]
-  );
-  return /* @__PURE__ */ d(N.Anchor, { ref: c, ...e });
+  ), i = (f = e.virtualRef) == null ? void 0 : f.current;
+  return P(() => {
+    if (i instanceof HTMLElement)
+      return o.current = i, () => {
+        o.current === i && (o.current = null);
+      };
+  }, [i, o]), /* @__PURE__ */ d(k.Anchor, { ref: u, ...e });
 });
-_.displayName = "HoverCard.Anchor";
-const $ = x(
+K.displayName = "HoverCard.Anchor";
+const ee = I(
   ({
     side: e = "top",
     align: t = "center",
     size: o = "md",
-    padding: c = "default",
-    showArrow: l = !0,
-    showClose: g = !1,
-    headerAction: p,
-    dir: f,
-    className: I,
-    children: b,
+    padding: u = "default",
+    showArrow: i = !0,
+    showClose: f = !1,
+    headerAction: c,
+    dir: v,
+    className: T,
+    children: R,
     onOpenAutoFocus: n,
     onCloseAutoFocus: h,
     onMouseEnter: a,
     onMouseLeave: r,
-    onFocusCapture: R,
-    ...u
+    onFocusCapture: b,
+    onKeyDown: p,
+    ...N
   }, y) => {
-    const { headingId: O } = H(Q), i = H(B), { t: X } = ce("ui"), [M, w] = J(!1), k = C(null), T = m(
+    const { headingId: F } = H(Y), l = H(B), A = m(
+      (s) => l.triggerRef.current ?? ie(s),
+      [l.triggerRef]
+    ), W = ce(!0, { getAnchor: A }), { t: j } = ue("ui"), [O, S] = Q(!1), D = C(null), V = m(
       (s) => {
-        k.current = s, i.registerContent(s), typeof y == "function" ? y(s) : y && (y.current = s);
+        D.current = s, l.registerContent(s), typeof y == "function" ? y(s) : y && (y.current = s);
       },
-      [y, i]
+      [y, l]
     );
     P(() => {
-      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 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,
+      const s = l.triggerRef.current, x = s == null ? void 0 : s.closest("[dir]"), G = (x == null ? void 0 : x.getAttribute("dir")) ?? document.documentElement.dir ?? "ltr";
+      S(G === "rtl");
+    }, [l.triggerRef]);
+    const w = v ?? (O ? "rtl" : "ltr"), M = w === "rtl", z = ge(e, M), q = M && (z === "top" || z === "bottom") && t !== "center" ? t === "start" ? "end" : "start" : t;
+    return /* @__PURE__ */ d(k.Portal, { children: /* @__PURE__ */ _(
+      k.Content,
       {
-        ref: T,
-        dir: j,
-        side: W,
-        align: A,
+        ref: V,
+        dir: w,
+        side: z,
+        align: q,
         sideOffset: 8,
         collisionPadding: 8,
-        "aria-labelledby": O,
-        className: me({ size: o, padding: c, className: I }),
+        "aria-labelledby": F,
+        className: he({ size: o, padding: u, className: T }),
         "data-component": "hover-card",
-        "data-component-id": i.instanceId,
+        "data-component-id": l.instanceId,
         onOpenAutoFocus: (s) => {
-          i.shouldFocusOnOpen() ? i.noteMovedFocus() : s.preventDefault(), n == null || n(s);
+          l.shouldFocusOnOpen() ? l.noteMovedFocus() : s.preventDefault(), n == null || n(s);
         },
         onCloseAutoFocus: (s) => {
-          i.didMoveFocus() ? i.noteFocusReturn() : s.preventDefault(), i.clearMovedFocus(), h == null || h(s);
+          l.didMoveFocus() ? l.noteFocusReturn() : s.preventDefault(), l.clearMovedFocus(), h == null || h(s);
         },
         onMouseEnter: (s) => {
-          i.cancelClose(), a == null || a(s);
+          l.cancelClose(), a == null || a(s);
         },
         onMouseLeave: (s) => {
-          i.closeWithDelay(), r == null || r(s);
+          l.closeWithDelay(), r == null || r(s);
         },
         onFocusCapture: (s) => {
-          i.cancelClose(), R == null || R(s);
+          l.cancelClose(), b == null || b(s);
+        },
+        onKeyDown: (s) => {
+          p == null || p(s), W(s);
         },
-        ...u,
+        ...N,
         children: [
-          /* @__PURE__ */ d(E.Provider, { value: c, children: b }),
-          g || p ? /* @__PURE__ */ U(
+          /* @__PURE__ */ d(X.Provider, { value: u, children: R }),
+          f || c ? /* @__PURE__ */ _(
             "div",
             {
               className: [
@@ -368,20 +382,20 @@ const $ = x(
                 "ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]"
               ].join(" "),
               children: [
-                p,
-                g ? /* @__PURE__ */ d(N.Close, { asChild: !0, children: /* @__PURE__ */ d(
-                  le,
+                c,
+                f ? /* @__PURE__ */ d(k.Close, { asChild: !0, children: /* @__PURE__ */ d(
+                  pe,
                   {
-                    icon: /* @__PURE__ */ d(pe, {}),
+                    icon: /* @__PURE__ */ d(ve, {}),
                     intent: "ghost",
                     size: "sm",
-                    "aria-label": X("common.close", "Close")
+                    "aria-label": j("common.close", "Close")
                   }
                 ) }) : null
               ]
             }
           ) : null,
-          l ? (
+          i ? (
             // Radix places the arrow on the resolved side and keeps it over
             // the trigger through collision flip and shift.
             //
@@ -394,7 +408,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(N.Arrow, { asChild: !0, width: 12, height: 6, children: /* @__PURE__ */ d(
+            /* @__PURE__ */ d(k.Arrow, { asChild: !0, width: 12, height: 6, children: /* @__PURE__ */ d(
               "svg",
               {
                 viewBox: "0 0 12 6",
@@ -410,8 +424,8 @@ const $ = x(
     ) });
   }
 );
-$.displayName = "HoverCard.Content";
-const L = x(({ className: e, ...t }, o) => /* @__PURE__ */ d(
+ee.displayName = "HoverCard.Content";
+const te = I(({ className: e, ...t }, o) => /* @__PURE__ */ d(
   "div",
   {
     ref: o,
@@ -420,8 +434,8 @@ const L = x(({ className: e, ...t }, o) => /* @__PURE__ */ d(
     ...t
   }
 ));
-L.displayName = "HoverCard.Media";
-const ee = x(({ className: e, ...t }, o) => /* @__PURE__ */ d(
+te.displayName = "HoverCard.Media";
+const re = I(({ className: e, ...t }, o) => /* @__PURE__ */ d(
   "p",
   {
     ref: o,
@@ -433,29 +447,29 @@ const ee = x(({ className: e, ...t }, o) => /* @__PURE__ */ d(
     ...t
   }
 ));
-ee.displayName = "HoverCard.Eyebrow";
-const te = x(
-  ({ as: e = "h3", id: t, className: o, ...c }, l) => {
-    const g = de(), p = t ?? g, { setHeadingId: f } = H(Q), I = H(E);
-    return P(() => (f(p), () => f(void 0)), [p, f]), /* @__PURE__ */ d(
+re.displayName = "HoverCard.Eyebrow";
+const se = I(
+  ({ as: e = "h3", id: t, className: o, ...u }, i) => {
+    const f = de(), c = t ?? f, { setHeadingId: v } = H(Y), T = H(X);
+    return P(() => (v(c), () => v(void 0)), [c, v]), /* @__PURE__ */ d(
       e,
       {
-        ref: l,
-        id: p,
+        ref: i,
+        id: c,
         "data-slot": "heading",
         className: [
           "type-title-item ds:leading-snug ds:break-words",
-          I === "flush" ? "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-md)]" : "",
+          T === "flush" ? "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-md)]" : "",
           o
         ].filter(Boolean).join(" "),
-        ...c
+        ...u
       }
     );
   }
 );
-te.displayName = "HoverCard.Heading";
-const re = x(({ className: e, ...t }, o) => {
-  const c = H(E);
+se.displayName = "HoverCard.Heading";
+const oe = I(({ className: e, ...t }, o) => {
+  const u = H(X);
   return /* @__PURE__ */ d(
     "div",
     {
@@ -464,16 +478,16 @@ const re = x(({ className: e, ...t }, o) => {
       className: [
         "type-body-sm ds:text-[var(--muted-foreground)]",
         "ds:mt-[var(--spacing-xs)]",
-        c === "flush" ? "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pb-[var(--spacing-md)]" : "",
+        u === "flush" ? "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pb-[var(--spacing-md)]" : "",
         e
       ].filter(Boolean).join(" "),
       ...t
     }
   );
 });
-re.displayName = "HoverCard.Body";
-const se = x(({ className: e, ...t }, o) => {
-  const c = H(E);
+oe.displayName = "HoverCard.Body";
+const ne = I(({ className: e, ...t }, o) => {
+  const u = H(X);
   return /* @__PURE__ */ d(
     "div",
     {
@@ -483,34 +497,34 @@ const se = x(({ className: e, ...t }, o) => {
         "ds:flex ds:flex-wrap ds:items-center ds:justify-end",
         "ds:gap-[var(--spacing-sm)]",
         "ds:border-t ds:border-[color:var(--card-border)]",
-        c === "flush" ? "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]" : "ds:mt-[var(--spacing-md)] ds:pt-[var(--spacing-md)]",
+        u === "flush" ? "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]" : "ds:mt-[var(--spacing-md)] ds:pt-[var(--spacing-md)]",
         e
       ].filter(Boolean).join(" "),
       ...t
     }
   );
 });
-se.displayName = "HoverCard.Footer";
-function xe() {
+ne.displayName = "HoverCard.Footer";
+function Ne() {
   const { cancelClose: e, closeWithDelay: t } = H(B);
   return { cancelClose: e, closeWithDelay: t };
 }
-const Ie = Object.assign(K, {
-  Root: K,
-  Trigger: Z,
+const Oe = Object.assign(U, {
+  Root: U,
+  Trigger: L,
   // Anchor the card to an arbitrary element when a trigger button is
   // unsuitable, such as a calendar grid cell.
-  Anchor: _,
-  Content: $,
-  Media: L,
-  Eyebrow: ee,
-  Heading: te,
-  Body: re,
-  Footer: se
+  Anchor: K,
+  Content: ee,
+  Media: te,
+  Eyebrow: re,
+  Heading: se,
+  Body: oe,
+  Footer: ne
 });
 export {
-  Ie as H,
-  fe as h,
-  xe as u
+  Oe as H,
+  me as h,
+  Ne as u
 };
-//# sourceMappingURL=hover-card-BnTueNS2.js.map
+//# sourceMappingURL=hover-card-U_ZYoh1n.js.map