@alfadocs/ui-kit 1.56.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/{practice-results-Dhbo-fc_.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-C7SwIxwB.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-Dhbo-fc_.js.map
+//# sourceMappingURL=practice-results-CfRkjzsI.js.map

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

@@ -6,7 +6,7 @@ import { u as Te } from "./registry-DvAUVLHh.js";
 import { R as u } from "./radio-BBbMdbE_.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-Bfu0Cq4H.js.map
+//# sourceMappingURL=pregnancy-dating-BFzv9g1N.js.map