@alfadocs/ui-kit 1.34.0 → 1.36.0

package/dist/_chunks/hover-card-Bcku1GQu.js

@@ -0,0 +1,511 @@
+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 { c as ie } from "./index-D2ZczOXr.js";
+import { useTranslation as ce } from "react-i18next";
+import { I as le } from "./icon-button-8xqRnkdG.js";
+import { u as ue } from "./registry-DvAUVLHh.js";
+import { X as pe } from "./x-B5YnXwCz.js";
+const fe = {
+  id: "hover-card",
+  capabilities: ["open", "close"],
+  state: {
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.hoverCard.state.isOpen",
+      description: "True when the hover card is currently open.",
+      read: (e) => e.getIsOpen()
+    }
+  },
+  actions: {
+    open: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.hoverCard.actions.open",
+      description: "Open the hover card without moving focus into it.",
+      invoke: (e) => {
+        e.open();
+      }
+    },
+    close: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.hoverCard.actions.close",
+      description: "Close the hover card.",
+      invoke: (e) => {
+        e.close();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "hover-card" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop on HoverCard.Root."
+    }
+  }
+};
+function ve(e, t) {
+  return e === "top" || e === "bottom" ? e : e === "start" ? t ? "right" : "left" : t ? "left" : "right";
+}
+const Q = S({
+  headingId: void 0,
+  setHeadingId: () => {
+  }
+}), V = S({
+  cancelClose: () => {
+  },
+  closeWithDelay: () => {
+  },
+  shouldFocusOnOpen: () => !1,
+  didMoveFocus: () => !1,
+  noteMovedFocus: () => {
+  },
+  noteFocusReturn: () => {
+  },
+  clearMovedFocus: () => {
+  },
+  registerContent: () => {
+  },
+  triggerRef: { current: null },
+  instanceId: void 0
+}), E = S("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
+    // float as an unbounded blob on dark. Forced colours upgrade it to a
+    // fully visible `CanvasText` edge.
+    "ds:relative ds:bg-[var(--popover)] ds:border ds:border-[color:var(--card-border)]",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:shadow-[var(--shadow-lg)]",
+    "ds:max-w-[calc(100vw-var(--spacing-lg))]",
+    "ds:z-[var(--z-popover)]",
+    "ds:text-[var(--popover-foreground)] ds:text-[length:var(--font-size-sm)]",
+    "ds:break-words",
+    "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
+    "ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0",
+    "ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95",
+    "ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2",
+    "ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2",
+    "ds:motion-reduce:transition-none ds:motion-reduce:animate-none",
+    "ds:forced-colors:border-[CanvasText]",
+    "ds:focus-visible:outline-none"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:w-[var(--popover-size-sm)]",
+        md: "ds:w-[var(--popover-size-md)]",
+        lg: "ds:w-[var(--popover-size-lg)]"
+      },
+      padding: {
+        default: "ds:p-[var(--spacing-md)]",
+        // Media bleeds to the edge, so the slots pad themselves instead.
+        flush: "ds:p-[var(--spacing-none)] ds:overflow-hidden"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      padding: "default"
+    }
+  }
+);
+function K({
+  children: e,
+  openOn: t = "hover-or-click",
+  open: o,
+  defaultOpen: c,
+  onOpenChange: l,
+  openDelay: g = 300,
+  closeDelay: p = 300,
+  id: f
+}) {
+  const [I, H] = J(c ?? !1), n = o !== void 0, h = n ? o : I, a = m(
+    (v) => {
+      n || H(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);
+  }, []);
+  P(() => u, [u]);
+  const y = C(!1), O = C(!1), i = C(null), X = C(null), B = m(() => {
+    u(), b.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(() => {
+      k.current = !1;
+    }, 100);
+  }, []);
+  P(
+    () => () => {
+      N.current && clearTimeout(N.current);
+    },
+    []
+  );
+  const W = m(() => {
+    if (k.current) {
+      k.current = !1;
+      return;
+    }
+    u(), y.current = !1, a(!0);
+  }, [u, a]), j = m(() => {
+    var v;
+    O.current = !0, (v = i.current) == null || v.focus();
+  }, []), M = C(null), A = m(() => {
+    const v = i.current;
+    M.current = !!(v && v.contains(document.activeElement));
+  }, []), s = m(() => {
+    const v = M.current;
+    if (M.current = null, v === !0) {
+      a(!1);
+      return;
+    }
+    y.current = !0, r.current ? j() : a(!0);
+  }, [j, a]), F = G(
+    () => ({
+      getIsOpen: () => r.current,
+      open: () => {
+        y.current = !1, a(!0);
+      },
+      close: () => a(!1)
+    }),
+    [a]
+  );
+  ue(fe, F, f);
+  const [q, oe] = J(void 0), D = t === "hover-or-click", ne = G(
+    () => ({
+      cancelClose: u,
+      closeWithDelay: D ? w : () => {
+      },
+      shouldFocusOnOpen: () => y.current,
+      didMoveFocus: () => O.current,
+      noteMovedFocus: () => {
+        O.current = !0;
+      },
+      noteFocusReturn: z,
+      clearMovedFocus: () => {
+        O.current = !1;
+      },
+      registerContent: (v) => {
+        i.current = v;
+      },
+      triggerRef: X,
+      instanceId: f
+    }),
+    [u, w, f, D, z]
+  ), ae = G(
+    () => ({
+      isHoverMode: D,
+      openOnFocus: W,
+      openWithDelay: B,
+      closeWithDelay: w,
+      cancelClose: u,
+      notePressStart: A,
+      onClick: s
+    }),
+    [
+      u,
+      w,
+      s,
+      D,
+      A,
+      W,
+      B
+    ]
+  );
+  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 }) }) }) });
+}
+K.displayName = "HoverCard.Root";
+const Y = S({
+  isHoverMode: !0,
+  openOnFocus: () => {
+  },
+  openWithDelay: () => {
+  },
+  closeWithDelay: () => {
+  },
+  cancelClose: () => {
+  },
+  notePressStart: () => {
+  },
+  onClick: () => {
+  }
+}), Z = x(
+  ({
+    children: e,
+    onMouseEnter: t,
+    onMouseLeave: o,
+    onFocus: c,
+    onBlur: l,
+    onPointerDown: g,
+    onKeyDown: p,
+    onClick: f,
+    ...I
+  }, H) => {
+    const n = R(Y), { triggerRef: h } = R(V), a = m(
+      (r) => {
+        h.current = r, typeof H == "function" ? H(r) : H && (H.current = r);
+      },
+      [H, h]
+    );
+    return /* @__PURE__ */ d(
+      T.Trigger,
+      {
+        ref: a,
+        onMouseEnter: (r) => {
+          n.isHoverMode && n.openWithDelay(), t == null || t(r);
+        },
+        onMouseLeave: (r) => {
+          n.isHoverMode && n.closeWithDelay(), o == null || o(r);
+        },
+        onFocus: (r) => {
+          n.isHoverMode && n.openOnFocus(), c == null || c(r);
+        },
+        onBlur: (r) => {
+          n.isHoverMode && n.closeWithDelay(), l == null || l(r);
+        },
+        onPointerDown: (r) => {
+          n.notePressStart(), g == null || g(r);
+        },
+        onKeyDown: (r) => {
+          (r.key === "Enter" || r.key === " ") && n.notePressStart(), p == null || p(r);
+        },
+        onClick: (r) => {
+          r.preventDefault(), n.onClick(), f == null || f(r);
+        },
+        ...I,
+        children: e
+      }
+    );
+  }
+);
+Z.displayName = "HoverCard.Trigger";
+const _ = x((e, t) => {
+  const { triggerRef: o } = R(V), 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 });
+});
+_.displayName = "HoverCard.Anchor";
+const $ = x(
+  ({
+    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: H,
+    onOpenAutoFocus: n,
+    onCloseAutoFocus: h,
+    onMouseEnter: a,
+    onMouseLeave: r,
+    onFocusCapture: b,
+    ...u
+  }, y) => {
+    const { headingId: O } = R(Q), i = R(V), { t: X } = ce(), [B, w] = J(!1), k = C(null), N = m(
+      (s) => {
+        k.current = s, i.registerContent(s), typeof y == "function" ? y(s) : y && (y.current = s);
+      },
+      [y, i]
+    );
+    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 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,
+      {
+        ref: N,
+        dir: z,
+        side: j,
+        align: A,
+        sideOffset: 8,
+        collisionPadding: 8,
+        "aria-labelledby": O,
+        className: me({ size: o, padding: c, className: I }),
+        "data-component": "hover-card",
+        "data-component-id": i.instanceId,
+        onOpenAutoFocus: (s) => {
+          i.shouldFocusOnOpen() ? i.noteMovedFocus() : s.preventDefault(), n == null || n(s);
+        },
+        onCloseAutoFocus: (s) => {
+          i.didMoveFocus() ? i.noteFocusReturn() : s.preventDefault(), i.clearMovedFocus(), h == null || h(s);
+        },
+        onMouseEnter: (s) => {
+          i.cancelClose(), a == null || a(s);
+        },
+        onMouseLeave: (s) => {
+          i.closeWithDelay(), r == null || r(s);
+        },
+        onFocusCapture: (s) => {
+          i.cancelClose(), b == null || b(s);
+        },
+        ...u,
+        children: [
+          /* @__PURE__ */ d(E.Provider, { value: c, children: H }),
+          g || p ? /* @__PURE__ */ U(
+            "div",
+            {
+              className: [
+                "ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]",
+                "ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]"
+              ].join(" "),
+              children: [
+                p,
+                g ? /* @__PURE__ */ d(T.Close, { asChild: !0, children: /* @__PURE__ */ d(
+                  le,
+                  {
+                    icon: /* @__PURE__ */ d(pe, {}),
+                    intent: "ghost",
+                    size: "sm",
+                    "aria-label": X("common.close", "Close")
+                  }
+                ) }) : null
+              ]
+            }
+          ) : null,
+          l ? (
+            // Radix places the arrow on the resolved side and keeps it over
+            // the trigger through collision flip and shift.
+            //
+            // A custom path, not the default polygon, so the card's OUTLINE
+            // carries on around the point instead of stopping dead at it. The
+            // path is left open (no `Z`), so the fill closes the triangle
+            // while the stroke draws only the two slanted sides — a closed
+            // path would rule a line straight across the arrow's base.
+            // `-translate-y-px` then tucks that base a hairline under the
+            // 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(
+              "svg",
+              {
+                viewBox: "0 0 12 6",
+                preserveAspectRatio: "none",
+                "aria-hidden": "true",
+                className: "ds:-translate-y-px ds:fill-[var(--popover)] ds:stroke-[color:var(--card-border)]",
+                children: /* @__PURE__ */ d("path", { d: "M0 0 L6 6 L12 0", strokeLinejoin: "round" })
+              }
+            ) })
+          ) : null
+        ]
+      }
+    ) });
+  }
+);
+$.displayName = "HoverCard.Content";
+const L = x(({ className: e, ...t }, o) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: o,
+    "data-slot": "media",
+    className: ["ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", e].filter(Boolean).join(" "),
+    ...t
+  }
+));
+L.displayName = "HoverCard.Media";
+const ee = x(({ className: e, ...t }, o) => /* @__PURE__ */ d(
+  "p",
+  {
+    ref: o,
+    "data-slot": "eyebrow",
+    className: [
+      "ds:m-0 type-eyebrow ds:text-[color:var(--muted-foreground)]",
+      e
+    ].filter(Boolean).join(" "),
+    ...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 } = R(Q), I = R(E);
+    return P(() => (f(p), () => f(void 0)), [p, f]), /* @__PURE__ */ d(
+      e,
+      {
+        ref: l,
+        id: p,
+        "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)]" : "",
+          o
+        ].filter(Boolean).join(" "),
+        ...c
+      }
+    );
+  }
+);
+te.displayName = "HoverCard.Heading";
+const re = x(({ className: e, ...t }, o) => {
+  const c = R(E);
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      ref: o,
+      "data-slot": "body",
+      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)]" : "",
+        e
+      ].filter(Boolean).join(" "),
+      ...t
+    }
+  );
+});
+re.displayName = "HoverCard.Body";
+const se = x(({ className: e, ...t }, o) => {
+  const c = R(E);
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      ref: o,
+      "data-slot": "footer",
+      className: [
+        "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)]",
+        e
+      ].filter(Boolean).join(" "),
+      ...t
+    }
+  );
+});
+se.displayName = "HoverCard.Footer";
+const xe = Object.assign(K, {
+  Root: K,
+  Trigger: Z,
+  // 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
+});
+export {
+  xe as H,
+  fe as h
+};
+//# sourceMappingURL=hover-card-Bcku1GQu.js.map

package/dist/_chunks/{icon-button-DA2CAGHZ.js → icon-button-8xqRnkdG.js}

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as b } from "react";
 import { B as u } from "./button-nJaPh_HC.js";
 import { c as p } from "./index-D2ZczOXr.js";
-import { T as h } from "./tooltip-DvmfrNvB.js";
+import { T as h } from "./tooltip-Cp-PLePW.js";
 const g = p(
   [
     "ds:p-0",
@@ -75,4 +75,4 @@ x.displayName = "IconButton";
 export {
   x as I
 };
-//# sourceMappingURL=icon-button-DA2CAGHZ.js.map
+//# sourceMappingURL=icon-button-8xqRnkdG.js.map

package/dist/_chunks/{icon-button-group-VCCod3Hz.js → icon-button-group-Dj6CRoYR.js}

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as T } from "react/jsx-runtime";
 import { forwardRef as Se, useState as W, useCallback as H, useRef as F, Children as be, isValidElement as _, useEffect as ve, cloneElement as ye } from "react";
 import { c as Be } from "./index-D2ZczOXr.js";
 import { useTranslation as Ke } from "react-i18next";
-import { I as he } from "./icon-button-DA2CAGHZ.js";
+import { I as he } from "./icon-button-8xqRnkdG.js";
 import { D as k } from "./dropdown-menu-DU-Hrf33.js";
 import { u as Pe } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { u as Te } from "./use-priority-overflow-c9SjxZkZ.js";
@@ -412,4 +412,4 @@ function Ge(d, y, m, c) {
 export {
   _e as I
 };
-//# sourceMappingURL=icon-button-group-VCCod3Hz.js.map
+//# sourceMappingURL=icon-button-group-Dj6CRoYR.js.map

package/dist/_chunks/{icon-picker-DOa89vn3.js → icon-picker-CTWzlHJr.js}

@@ -2,7 +2,7 @@ import { jsxs as N, jsx as r } from "react/jsx-runtime";
 import { forwardRef as H, useState as y, useRef as h, useCallback as v, useMemo as b } from "react";
 import { c as M } from "./index-D2ZczOXr.js";
 import { useTranslation as F } from "react-i18next";
-import { P as k } from "./popover-DP6WCVwm.js";
+import { P as k } from "./popover-DzR5QYxp.js";
 import { B as D } from "./button-nJaPh_HC.js";
 import { T as E } from "./text-input-CUvCb6ST.js";
 import { u as G } from "./registry-DvAUVLHh.js";
@@ -269,4 +269,4 @@ export {
   X as I,
   U as i
 };
-//# sourceMappingURL=icon-picker-DOa89vn3.js.map
+//# sourceMappingURL=icon-picker-CTWzlHJr.js.map

package/dist/_chunks/{info-tip-CADik6WN.js → info-tip-ey_Pon2y.js}

@@ -2,7 +2,7 @@ import { jsxs as u, jsx as i } from "react/jsx-runtime";
 import { forwardRef as I, useState as O, useRef as m, useEffect as k, useMemo as z } from "react";
 import { c as C } from "./index-D2ZczOXr.js";
 import { useTranslation as D } from "react-i18next";
-import { P as o } from "./popover-DP6WCVwm.js";
+import { P as o } from "./popover-DzR5QYxp.js";
 import { u as P } from "./registry-DvAUVLHh.js";
 import { I as A } from "./info-CGn22peZ.js";
 const R = {
@@ -163,4 +163,4 @@ export {
   j as I,
   R as i
 };
-//# sourceMappingURL=info-tip-CADik6WN.js.map
+//# sourceMappingURL=info-tip-ey_Pon2y.js.map