@alfadocs/ui-kit 1.55.0 → 1.57.0

package/dist/_chunks/popover-BG75rYjN.js

@@ -0,0 +1,367 @@
+import { jsx as i, jsxs as $ } from "react/jsx-runtime";
+import { useState as V, useCallback as C, useRef as y, useEffect as N, useMemo as M, forwardRef as R, useId as X, useContext as m, createContext as k } from "react";
+import * as g from "@radix-ui/react-popover";
+import { c as F } from "./index-D2ZczOXr.js";
+import { useTranslation as ee } from "react-i18next";
+import { I as oe } from "./icon-button-COX76Jdj.js";
+import { u as te } from "./registry-DvAUVLHh.js";
+import { c as q } from "./compose-refs-C0k0tdqF.js";
+import { f as re, u as ne } from "./non-modal-tab-exit-j3CPOuE3.js";
+import { X as se } from "./x-B5YnXwCz.js";
+const ie = {
+  id: "popover",
+  capabilities: ["open", "close"],
+  state: {
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.popover.state.isOpen",
+      description: "True when the popover is currently open.",
+      read: (e) => e.getIsOpen()
+    }
+  },
+  actions: {
+    open: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.popover.actions.open",
+      description: "Open the popover.",
+      invoke: (e) => {
+        e.open();
+      }
+    },
+    close: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.popover.actions.close",
+      description: "Close the popover.",
+      invoke: (e) => {
+        e.close();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "popover" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop on Popover.Root."
+    }
+  }
+}, D = k({
+  headingId: void 0,
+  setHeadingId: () => {
+  },
+  descriptionId: void 0,
+  setDescriptionId: () => {
+  }
+}), G = k({
+  isHoverMode: !1,
+  clearHoverTimer: () => {
+  },
+  closeWithDelay: () => {
+  }
+}), E = k(null);
+function ae(e) {
+  var r;
+  if (!e) return null;
+  const o = (r = e.virtualAnchorRef.current) == null ? void 0 : r.current;
+  return e.triggerRef.current ? e.triggerRef.current : o instanceof HTMLElement ? o : e.anchorRef.current;
+}
+function de(e) {
+  if (e === "top" || e === "bottom") return e;
+  const o = typeof document < "u" && document.documentElement.dir === "rtl";
+  return e === "start" ? o ? "right" : "left" : o ? "left" : "right";
+}
+const ce = F(
+  [
+    // `--card-border` 32% alpha provides a subtle edge that survives dark
+    // without becoming a heavy outline. The previous transparent border
+    // relied on the drop-shadow alone, which reads as a faint halo against
+    // dark surfaces and lets the popover float as an unbounded blob; the
+    // earlier heavy `--border` (grey-800 since WCAG 1.4.11 bump in 67fef8c)
+    // overcorrected the other way and made the popover read as a charcoal
+    // box. The forced-colors override below upgrades the border to
+    // `CanvasText` so HCM still repaints a fully visible edge.
+    "ds:relative ds:bg-[var(--popover)] ds:border ds:border-[color:var(--card-border)] ds:rounded-[var(--radius-md)]",
+    "ds:p-[var(--spacing-md)]",
+    "ds:shadow-[var(--shadow-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:max-w-[var(--popover-size-sm)]",
+        md: "ds:max-w-[var(--popover-size-md)]",
+        lg: "ds:max-w-[var(--popover-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), J = k(void 0);
+function S({
+  openOn: e = "click",
+  children: o,
+  id: r,
+  open: t,
+  onOpenChange: n,
+  defaultOpen: s,
+  modal: u
+}) {
+  const [j, I] = V(s ?? !1), T = t !== void 0, h = T ? t : j, a = C(
+    (w) => {
+      T || I(w), n == null || n(w);
+    },
+    [T, n]
+  ), f = y(null), x = e === "hover" || e === "hover-or-click", c = C(() => {
+    f.current && (clearTimeout(f.current), f.current = null);
+  }, []), z = C(() => {
+    c(), f.current = setTimeout(() => {
+      a(!0);
+    }, 300);
+  }, [c, a]), b = C(() => {
+    c(), f.current = setTimeout(() => {
+      a(!1);
+    }, 300);
+  }, [c, a]);
+  N(() => () => c(), [c]);
+  const A = y(h);
+  N(() => {
+    A.current = h;
+  }, [h]);
+  const p = M(
+    () => ({
+      getIsOpen: () => A.current,
+      open: () => a(!0),
+      close: () => a(!1)
+    }),
+    [a]
+  );
+  te(ie, p, r);
+  const O = y(null), B = y(null), P = y(void 0), W = M(
+    () => ({
+      modal: u ?? !1,
+      close: () => a(!1),
+      triggerRef: O,
+      anchorRef: B,
+      virtualAnchorRef: P
+    }),
+    [u, a]
+  ), [H, d] = V(void 0), [l, v] = V(
+    void 0
+  ), L = x ? {
+    onMouseEnter: z,
+    onMouseLeave: b,
+    onFocus: () => {
+      c(), a(!0);
+    },
+    onBlur: b
+  } : {};
+  return /* @__PURE__ */ i(J.Provider, { value: r, children: /* @__PURE__ */ i(
+    D.Provider,
+    {
+      value: { headingId: H, setHeadingId: d, descriptionId: l, setDescriptionId: v },
+      children: /* @__PURE__ */ i(
+        G.Provider,
+        {
+          value: { isHoverMode: x, clearHoverTimer: c, closeWithDelay: b },
+          children: /* @__PURE__ */ i(E.Provider, { value: W, children: /* @__PURE__ */ i(
+            g.Root,
+            {
+              open: h,
+              onOpenChange: a,
+              modal: u,
+              children: x ? /* @__PURE__ */ i("span", { className: "ds:inline-flex", ...L, children: o }) : o
+            }
+          ) })
+        }
+      )
+    }
+  ) });
+}
+S.displayName = "Popover.Root";
+const K = R(({ children: e, ...o }, r) => {
+  var s;
+  const t = (s = m(E)) == null ? void 0 : s.triggerRef, n = M(
+    () => q(r, t),
+    [r, t]
+  );
+  return /* @__PURE__ */ i(g.Trigger, { ref: n, ...o, children: e });
+});
+K.displayName = "Popover.Trigger";
+const Q = R(({ virtualRef: e, ...o }, r) => {
+  const t = m(E), n = t == null ? void 0 : t.anchorRef, s = t == null ? void 0 : t.virtualAnchorRef, u = M(
+    () => q(r, n),
+    [r, n]
+  );
+  return N(() => {
+    if (s)
+      return s.current = e, () => {
+        s.current === e && (s.current = void 0);
+      };
+  }, [s, e]), /* @__PURE__ */ i(g.Anchor, { ref: u, virtualRef: e, ...o });
+});
+Q.displayName = "Popover.Anchor";
+const U = R(
+  ({
+    side: e = "bottom",
+    align: o = "center",
+    size: r = "md",
+    showArrow: t = !0,
+    className: n,
+    children: s,
+    onKeyDown: u,
+    onFocus: j,
+    onCloseAutoFocus: I,
+    ...T
+  }, h) => {
+    const { headingId: a, descriptionId: f } = m(D), x = m(J), {
+      isHoverMode: c,
+      clearHoverTimer: z,
+      closeWithDelay: b
+    } = m(G), A = de(e), p = m(E), O = C(
+      (d) => ae(p) ?? re(d),
+      [p]
+    ), B = ne(!(p != null && p.modal), {
+      getAnchor: O,
+      onReturnToTrigger: c || p == null ? void 0 : p.close
+    }), P = y(null), W = c ? {
+      onMouseEnter: z,
+      onMouseLeave: b,
+      onBlur: b
+    } : {}, H = j ?? (c ? z : void 0);
+    return /* @__PURE__ */ i(g.Portal, { children: /* @__PURE__ */ $(
+      g.Content,
+      {
+        ref: h,
+        side: A,
+        align: o,
+        sideOffset: 8,
+        collisionPadding: 8,
+        "aria-labelledby": a,
+        "aria-describedby": f,
+        className: ce({ size: r, className: n }),
+        "data-component": "popover",
+        "data-component-id": x,
+        ...W,
+        ...T,
+        onFocus: (d) => {
+          P.current = null, H == null || H(d);
+        },
+        onKeyDown: (d) => {
+          const l = d.currentTarget, v = l.ownerDocument, L = l.contains(v.activeElement);
+          u == null || u(d), B(d);
+          const w = !l.contains(v.activeElement);
+          d.key === "Tab" && L && w && (P.current = v);
+        },
+        onCloseAutoFocus: (d) => {
+          const l = P.current;
+          P.current = null;
+          const v = l == null ? void 0 : l.activeElement;
+          if (l && v && v !== l.body) {
+            d.preventDefault();
+            return;
+          }
+          I == null || I(d);
+        },
+        children: [
+          s,
+          t && /* @__PURE__ */ i(
+            g.Arrow,
+            {
+              width: 12,
+              height: 6,
+              className: "ds:fill-[var(--popover)]"
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+U.displayName = "Popover.Content";
+const Y = R(
+  ({ className: e }, o) => {
+    const { t: r } = ee("ui");
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        className: [
+          "ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]",
+          e
+        ].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ i(g.Close, { asChild: !0, children: /* @__PURE__ */ i(
+          oe,
+          {
+            ref: o,
+            icon: /* @__PURE__ */ i(se, {}),
+            intent: "ghost",
+            size: "sm",
+            "aria-label": r("common.close", "Close")
+          }
+        ) })
+      }
+    );
+  }
+);
+Y.displayName = "Popover.Close";
+const Z = R(
+  ({ as: e = "h3", className: o, ...r }, t) => {
+    const n = X(), { setHeadingId: s } = m(D);
+    return N(() => (s(n), () => s(void 0)), [n, s]), /* @__PURE__ */ i(
+      e,
+      {
+        ref: t,
+        id: n,
+        className: [
+          "type-title-item ds:leading-snug ds:break-words",
+          "ds:pe-[var(--spacing-xl)]",
+          o
+        ].filter(Boolean).join(" "),
+        ...r
+      }
+    );
+  }
+);
+Z.displayName = "Popover.Heading";
+const _ = R(({ className: e, ...o }, r) => {
+  const t = X(), { setDescriptionId: n } = m(D);
+  return N(() => (n(t), () => n(void 0)), [t, n]), /* @__PURE__ */ i(
+    "div",
+    {
+      ref: r,
+      id: t,
+      className: [
+        "ds:text-[var(--muted-foreground)] type-body-sm ds:mt-[var(--spacing-xs)]",
+        e
+      ].filter(Boolean).join(" "),
+      ...o
+    }
+  );
+});
+_.displayName = "Popover.Description";
+const Pe = Object.assign(S, {
+  Root: S,
+  Trigger: K,
+  Anchor: Q,
+  Content: U,
+  Close: Y,
+  Heading: Z,
+  Description: _
+});
+export {
+  Pe as P,
+  ie as p
+};
+//# sourceMappingURL=popover-BG75rYjN.js.map

package/dist/_chunks/{position-grid-D2D5_Tze.js → position-grid-CBB88EaH.js}

@@ -1,11 +1,12 @@
 import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as N, useRef as g, useState as _, useMemo as f } from "react";
-import * as y from "@radix-ui/react-radio-group";
+import { forwardRef as N, useRef as f, useState as _, useMemo as y } from "react";
+import * as h from "@radix-ui/react-radio-group";
 import { c } from "./index-D2ZczOXr.js";
 import { useTranslation as q } from "react-i18next";
-import { c as T } from "./compose-refs-C0k0tdqF.js";
-import { u as z } from "./registry-DvAUVLHh.js";
-import { u as A } from "./use-direction-Dp8h70PP.js";
+import { c as D } from "./compose-refs-C0k0tdqF.js";
+import { u as O } from "./use-select-on-arrow-Cr4iBuW5.js";
+import { u as T } from "./registry-DvAUVLHh.js";
+import { u as z } from "./use-direction-Dp8h70PP.js";
 const E = {
   id: "position-grid",
   capabilities: ["select_single"],
@@ -66,9 +67,9 @@ const E = {
   { value: "bottom-start", labelKey: "bottomStart" },
   { value: "bottom", labelKey: "bottom" },
   { value: "bottom-end", labelKey: "bottomEnd" }
-], D = c(
+], H = c(
   "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-2xs)] ds:w-fit"
-), H = c(
+), M = c(
   [
     "ds:group ds:relative ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
     "ds:aspect-square ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
@@ -83,41 +84,41 @@ const E = {
     "ds:data-[state=checked]:bg-[color-mix(in_srgb,var(--accent)_8%,transparent)]",
     "ds:data-[disabled]:border-muted"
   ].join(" ")
-), M = c(
+), F = c(
   [
     "ds:size-2.5 ds:rounded-full ds:bg-muted-foreground",
     "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
     "ds:group-data-[state=checked]:bg-primary",
     "ds:group-data-[disabled]:bg-muted"
   ].join(" ")
-), O = N(
+), U = N(
   function({
     value: t,
     defaultValue: u,
     onChange: a,
     positions: p,
-    name: h,
+    name: K,
     disabled: V,
     id: i,
-    className: k,
-    "aria-label": K
-  }, S) {
-    const { t: s } = q("ui"), n = g(null), G = T(S, n), R = A(n), o = t !== void 0, [w, P] = _(
+    className: S,
+    "aria-label": k
+  }, w) {
+    const { t: s } = q("ui"), n = f(null), G = D(w, n), R = z(n), m = O(), o = t !== void 0, [P, x] = _(
       u ?? ""
-    ), m = o ? t ?? "" : w, v = g(m);
-    v.current = m;
-    const x = f(
+    ), v = o ? t ?? "" : P, b = f(v);
+    b.current = v;
+    const j = y(
       () => p ?? L.map((e) => ({
         value: e.value,
         label: s(`positionGrid.${e.labelKey}`)
       })),
       [p, s]
-    ), j = K ?? s("positionGrid.groupLabel"), b = (e) => {
-      o || P(e), a == null || a(e);
-    }, I = f(
+    ), A = k ?? s("positionGrid.groupLabel"), g = (e) => {
+      m.noteSelection(), o || x(e), a == null || a(e);
+    }, I = y(
       () => ({
-        getValue: () => v.current,
-        setValue: (e) => b(e),
+        getValue: () => b.current,
+        setValue: (e) => g(e),
         focus: () => {
           const e = n.current;
           if (!e) return;
@@ -130,29 +131,30 @@ const E = {
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [o, a]
     );
-    return z(E, I, i), /* @__PURE__ */ l(
-      y.Root,
+    return T(E, I, i), /* @__PURE__ */ l(
+      h.Root,
       {
         ref: G,
         id: i,
-        name: h,
+        name: K,
         dir: R,
         disabled: V,
         value: o ? t : void 0,
         defaultValue: o ? void 0 : u,
-        onValueChange: b,
-        "aria-label": j,
-        className: D({ className: k }),
+        onValueChange: g,
+        onKeyDown: m.onKeyDown,
+        "aria-label": A,
+        className: H({ className: S }),
         "data-component": "position-grid",
         "data-component-id": i,
-        children: x.map((e) => /* @__PURE__ */ l(
-          y.Item,
+        children: j.map((e) => /* @__PURE__ */ l(
+          h.Item,
           {
             value: e.value,
             "aria-label": e.label,
             "data-option-id": e.value,
-            className: H(),
-            children: /* @__PURE__ */ l("span", { "aria-hidden": "true", className: M() })
+            className: M(),
+            children: /* @__PURE__ */ l("span", { "aria-hidden": "true", className: F() })
           },
           e.value
         ))
@@ -160,10 +162,10 @@ const E = {
     );
   }
 );
-O.displayName = "PositionGrid";
+U.displayName = "PositionGrid";
 export {
-  O as P,
-  D as g,
+  U as P,
+  H as g,
   E as p
 };
-//# sourceMappingURL=position-grid-D2D5_Tze.js.map
+//# sourceMappingURL=position-grid-CBB88EaH.js.map

package/dist/_chunks/{practice-results-DxOgbPDy.js → practice-results-CfRkjzsI.js}

@@ -9,7 +9,7 @@ import { D } from "./dropdown-menu-BQSNVp4x.js";
 import { E as st } from "./empty-state-gNG3qYCX.js";
 import { M as it } from "./map-view-CO2v0hfp.js";
 import { R as Ne } from "./rating-C1Vrmpsi.js";
-import { S as I } from "./sheet-CNFW8mYZ.js";
+import { S as I } from "./sheet-8qsiMoUI.js";
 import { S as rt } from "./skeleton-B1KTdJ4N.js";
 import { S as ot } from "./spinner-CoflYlEx.js";
 import { B as $ } from "./badge-hnBt8o7n.js";
@@ -1742,4 +1742,4 @@ export {
   Ot as P,
   bt as p
 };
-//# sourceMappingURL=practice-results-DxOgbPDy.js.map
+//# sourceMappingURL=practice-results-CfRkjzsI.js.map

package/dist/_chunks/{pregnancy-dating-R3q5n1Wh.js → pregnancy-dating-BFzv9g1N.js}

@@ -4,9 +4,9 @@ import { c as Me } from "./index-D2ZczOXr.js";
 import { useTranslation as Re } from "react-i18next";
 import { u as Te } from "./registry-DvAUVLHh.js";
 import { R as u } from "./radio-BBbMdbE_.js";
-import { R as j } from "./radio-group-BT97ty7o.js";
+import { R as j } from "./radio-group-DicxWJXP.js";
 import { F as f } from "./form-field-Ani72sVY.js";
-import { D as V } from "./date-picker-wRAcq2lt.js";
+import { D as V } from "./date-picker-BSZuKo13.js";
 import { N as H } from "./number-input-CVwI1ltI.js";
 import { S as Ce } from "./select-Ce5RMk93.js";
 import { S as je } from "./switch-D--x7n6h.js";
@@ -767,4 +767,4 @@ Ue.displayName = "PregnancyDating";
 export {
   Ue as P
 };
-//# sourceMappingURL=pregnancy-dating-R3q5n1Wh.js.map
+//# sourceMappingURL=pregnancy-dating-BFzv9g1N.js.map

package/dist/_chunks/{pregnancy-weight-gain-DwmNklDU.js → pregnancy-weight-gain-CUUrBTBo.js}

@@ -4,7 +4,7 @@ import { c as X } from "./index-D2ZczOXr.js";
 import { useTranslation as Y } from "react-i18next";
 import { u as Z } from "./registry-DvAUVLHh.js";
 import { R as M } from "./radio-BBbMdbE_.js";
-import { R as ee } from "./radio-group-BT97ty7o.js";
+import { R as ee } from "./radio-group-DicxWJXP.js";
 import { F as P } from "./form-field-Ani72sVY.js";
 import { N as I } from "./number-input-CVwI1ltI.js";
 import { C as B } from "./card-DMO2nkt4.js";
@@ -550,4 +550,4 @@ export {
   ie as p,
   oe as r
 };
-//# sourceMappingURL=pregnancy-weight-gain-DwmNklDU.js.map
+//# sourceMappingURL=pregnancy-weight-gain-CUUrBTBo.js.map