@alfadocs/ui-kit 1.53.0 → 1.54.1

package/dist/_chunks/forgot-password-form-DVVOBEGj.js

@@ -0,0 +1,203 @@
+import { jsx as s, jsxs as c, Fragment as no } from "react/jsx-runtime";
+import { forwardRef as lo, useId as x, useState as l, useRef as m, useEffect as _ } from "react";
+import { useTranslation as co } from "react-i18next";
+import { c as z } from "./index-D2ZczOXr.js";
+import { i as j, E as mo } from "./email-input-Cmeo4zdT.js";
+import { A as P } from "./alert-BhCstf2h.js";
+import { B as fo } from "./button-CYPx2xFq.js";
+import { C as G } from "./card-DPmk26CL.js";
+import { F as uo } from "./form-field-D9WfDpYB.js";
+import { i as go } from "./safe-href-5dbsfbQn.js";
+import { u as vo, a as Fo, A as po, b as ho, E as bo, c as wo, d as xo } from "./auth-form-parts-Celi-TLV.js";
+import { u as Po } from "./use-registration-submit-DxCWic5_.js";
+const Go = ["email"], Eo = z(
+  "ds:mx-auto ds:w-full ds:max-w-[400px] ds:text-start ds:text-[var(--foreground)]"
+), Ao = z(
+  "ds:focus-visible:outline-solid ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]"
+), Io = { 1: "h2", 2: "h3", 3: "h4" }, Ro = (a) => Object.values(a).some(Boolean), L = (a) => a.email ? "email" : a.form ? "form" : void 0, To = lo(
+  ({
+    title: a,
+    description: H,
+    headingLevel: E = 1,
+    showLogo: W = !0,
+    logoMotion: J = "assemble",
+    children: A,
+    initialValues: i,
+    errors: f,
+    sent: e = !1,
+    loginHref: u,
+    submitLabel: K,
+    submitting: Q = !1,
+    onSubmit: g,
+    fieldNames: v,
+    action: U,
+    hiddenFields: X,
+    className: Y,
+    ...Z
+  }, $) => {
+    const { t: r } = co("ui"), I = x(), R = x(), T = x(), d = v !== void 0, [n, F] = l(() => (i == null ? void 0 : i.email) ?? ""), [V, oo] = l(() => !!(i != null && i.email)), [so, y] = l(!1), [p, N] = l(
+      () => f ?? {}
+    ), h = m(null), S = () => {
+      var t;
+      const o = ((t = h.current) == null ? void 0 : t.value) ?? n;
+      return o !== n && F(o), o;
+    }, to = !j(n), ro = (so || V) && to ? r(n === "" ? "forgotPasswordForm.emailRequired" : "inputs.email.invalid") : void 0, eo = p.email ?? ro, B = m(null), O = m(null), [b, C] = l(() => {
+      const o = L(f ?? {});
+      return o ? { target: o } : null;
+    });
+    _(() => {
+      var o;
+      b && ((o = (b.target === "email" ? h : B).current) == null || o.focus());
+    }, [b]);
+    const D = m(e);
+    _(() => {
+      var o;
+      e && !D.current && ((o = O.current) == null || o.focus()), D.current = e;
+    }, [e]);
+    const M = Po({
+      errors: f,
+      submitting: Q,
+      native: d,
+      captcha: !1,
+      firstProblem: () => j(S()) ? void 0 : "email",
+      onRefused: () => {
+        y(!0), C({ target: "email" });
+      },
+      // Only a React host gets here: a native post is the browser's own.
+      deliver: () => g == null ? void 0 : g({ email: S() }),
+      onAnswer: (o) => {
+        const t = o;
+        if (N(t), !Ro(t)) return;
+        y(!1);
+        const q = L(t);
+        q && C({ target: q });
+      }
+    }), { busy: w } = M, ao = vo("ForgotPasswordForm", d, U), k = u && go(u) ? u : void 0, io = Fo(
+      "ForgotPasswordForm",
+      d,
+      v,
+      X
+    );
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: $,
+        ...Z,
+        "data-component": "forgot-password-form",
+        "data-state": e ? "sent" : "asking",
+        className: Eo({ className: Y }),
+        children: /* @__PURE__ */ s(G, { variant: "elevated", children: /* @__PURE__ */ c(G.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
+          /* @__PURE__ */ s(
+            po,
+            {
+              id: I,
+              title: a ?? r("forgotPasswordForm.title"),
+              description: e ? void 0 : H ?? r("forgotPasswordForm.description"),
+              level: E,
+              showLogo: W,
+              logoMotion: J
+            }
+          ),
+          A ? /* @__PURE__ */ s(
+            "div",
+            {
+              "data-slot": "host-content",
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+              children: A
+            }
+          ) : null,
+          e ? (
+            // Named and described, so a screen reader that lands here
+            // reads the whole confirmation, not only "status".
+            /* @__PURE__ */ c(
+              P,
+              {
+                ref: O,
+                variant: "success",
+                tabIndex: -1,
+                "aria-labelledby": R,
+                "aria-describedby": T,
+                "data-slot": "confirmation",
+                className: Ao(),
+                children: [
+                  /* @__PURE__ */ s(
+                    P.Title,
+                    {
+                      id: R,
+                      as: Io[E],
+                      children: r("forgotPasswordForm.sentTitle")
+                    }
+                  ),
+                  /* @__PURE__ */ s(P.Description, { id: T, children: r("forgotPasswordForm.sentDescription") })
+                ]
+              }
+            )
+          ) : /* @__PURE__ */ c(no, { children: [
+            /* @__PURE__ */ c(
+              "form",
+              {
+                noValidate: !0,
+                method: "post",
+                action: ao,
+                "aria-labelledby": I,
+                "aria-busy": w || void 0,
+                onSubmit: M.handleSubmit,
+                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+                children: [
+                  p.form && /* @__PURE__ */ s(ho, { ref: B, children: p.form }),
+                  /* @__PURE__ */ s(
+                    uo,
+                    {
+                      label: r("forgotPasswordForm.email"),
+                      required: !0,
+                      error: eo,
+                      "data-field": "email",
+                      children: /* @__PURE__ */ s(
+                        mo,
+                        {
+                          ref: h,
+                          name: d ? v.email : "email",
+                          disableBuiltInValidation: !0,
+                          value: n,
+                          onChange: (o) => {
+                            F(o.target.value), N(
+                              (t) => t.email ? { ...t, email: void 0 } : t
+                            );
+                          },
+                          onBlur: (o) => {
+                            F(o.target.value), o.target.value !== "" && oo(!0);
+                          }
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ s(bo, { fields: io }),
+                  /* @__PURE__ */ s(
+                    fo,
+                    {
+                      type: "submit",
+                      intent: "primary",
+                      size: "lg",
+                      loading: w,
+                      className: "ds:w-full",
+                      "data-action": "submit",
+                      children: K ?? r("forgotPasswordForm.submit")
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ s(wo, { busy: w })
+          ] }),
+          k && /* @__PURE__ */ s(xo, { href: k, action: "login", children: r("forgotPasswordForm.back") })
+        ] }) })
+      }
+    );
+  }
+);
+To.displayName = "ForgotPasswordForm";
+export {
+  Go as F,
+  To as a
+};
+//# sourceMappingURL=forgot-password-form-DVVOBEGj.js.map

package/dist/_chunks/form-field-D9WfDpYB.js

@@ -0,0 +1,165 @@
+import { jsxs as n, Fragment as U, jsx as s } from "react/jsx-runtime";
+import { forwardRef as W, useId as H, useMemo as w, useRef as z, useState as J, useCallback as K } from "react";
+import { c as D } from "./index-D2ZczOXr.js";
+import { useTranslation as Q } from "react-i18next";
+import { F as X } from "./form-field-context-DtiROUJV.js";
+import { C as Y } from "./circle-alert-rGDZ73Wh.js";
+const Z = D("ds:text-start", {
+  variants: {
+    orientation: {
+      vertical: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+      horizontal: "ds:grid ds:grid-cols-[minmax(0,var(--form-label-inline-size))_minmax(0,1fr)] ds:items-start ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-xs)]"
+    },
+    disabled: {
+      true: "ds:opacity-50 ds:cursor-not-allowed",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical",
+    disabled: !1
+  }
+}), ee = D("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", {
+  variants: {
+    orientation: {
+      vertical: "",
+      horizontal: "ds:min-w-0"
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+}), se = W(
+  (T, V) => {
+    const {
+      label: m,
+      labelStart: i,
+      labelEnd: d,
+      description: c,
+      error: r,
+      required: u = !1,
+      optional: j = !1,
+      orientation: v = "vertical",
+      disabled: f = !1,
+      className: E,
+      children: L,
+      ...P
+    } = T, { t: _ } = Q("ui"), e = H(), a = `${e}-help`, l = `${e}-error`, b = !!r, N = w(
+      () => [c ? a : null, r ? l : null].filter(Boolean).join(" "),
+      [c, r, a, l]
+    ), y = z(null), $ = z([]), [M, F] = J(null), I = K(
+      (S) => {
+        const o = $.current, B = () => {
+          var k;
+          const t = (k = y.current) == null ? void 0 : k.getRootNode(), p = (x) => t instanceof Document || t instanceof ShadowRoot ? t.getElementById(x) : null;
+          if (o.includes(e) || p(e)) {
+            F(null);
+            return;
+          }
+          const A = [...o].sort((x, G) => {
+            const h = p(x), g = p(G);
+            return !h || !g || h === g ? 0 : h.compareDocumentPosition(g) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+          });
+          F(A[0] ?? null);
+        };
+        return o.push(S), B(), () => {
+          const t = o.indexOf(S);
+          t !== -1 && o.splice(t, 1), B();
+        };
+      },
+      [e]
+    ), C = typeof m == "string" ? m : void 0, q = w(
+      () => ({
+        id: e,
+        helpId: a,
+        errorId: l,
+        describedBy: N,
+        invalid: b,
+        required: u,
+        disabled: f,
+        label: C,
+        registerControlId: I
+      }),
+      [
+        e,
+        a,
+        l,
+        N,
+        b,
+        u,
+        f,
+        C,
+        I
+      ]
+    ), O = /* @__PURE__ */ n(U, { children: [
+      m,
+      u && /* @__PURE__ */ s(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "ds:text-destructive ds:ms-[var(--spacing-xs)]",
+          children: "*"
+        }
+      ),
+      j && /* @__PURE__ */ n("span", { className: "ds:text-muted-foreground ds:ms-[var(--spacing-xs)] ds:font-normal", children: [
+        "(",
+        _("common.optional", "optional"),
+        ")"
+      ] })
+    ] }), R = !!(i || d);
+    return /* @__PURE__ */ s(X.Provider, { value: q, children: /* @__PURE__ */ n(
+      "div",
+      {
+        ref: V,
+        className: Z({ orientation: v, disabled: f, className: E }),
+        "data-component": "form-field",
+        ...P,
+        children: [
+          /* @__PURE__ */ n(
+            "label",
+            {
+              ref: y,
+              id: `${e}-label`,
+              htmlFor: M ?? e,
+              className: R ? "type-label ds:text-foreground ds:flex ds:items-start ds:gap-[var(--spacing-xs)]" : "type-label ds:text-foreground",
+              children: [
+                i ? /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:shrink-0 ds:items-center", children: i }) : null,
+                i ? " " : null,
+                R ? /* @__PURE__ */ s("span", { children: O }) : O,
+                d ? " " : null,
+                d ? /* @__PURE__ */ s("span", { className: "ds:ms-auto ds:inline-flex ds:shrink-0 ds:items-center", children: d }) : null
+              ]
+            }
+          ),
+          /* @__PURE__ */ n("div", { className: ee({ orientation: v }), children: [
+            L,
+            c && /* @__PURE__ */ s("p", { id: a, className: "type-body-sm ds:text-muted-foreground", children: c }),
+            r && /* @__PURE__ */ n(
+              "p",
+              {
+                id: l,
+                role: "alert",
+                className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
+                children: [
+                  /* @__PURE__ */ s(
+                    Y,
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:size-4 ds:shrink-0"
+                    }
+                  ),
+                  /* @__PURE__ */ s("span", { children: r })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    ) });
+  }
+);
+se.displayName = "FormField";
+export {
+  se as F
+};
+//# sourceMappingURL=form-field-D9WfDpYB.js.map

package/dist/_chunks/form-field-context-DtiROUJV.js

@@ -0,0 +1,36 @@
+import { createContext as d, useContext as i, useId as l } from "react";
+import { u as s } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+const u = d(
+  null
+);
+function f() {
+  const r = i(u), o = l();
+  return r || {
+    id: o,
+    helpId: `${o}-help`,
+    errorId: `${o}-error`,
+    describedBy: "",
+    invalid: !1,
+    required: !1,
+    disabled: !1
+  };
+}
+function I(r, o) {
+  const e = o ?? r.id, t = r.registerControlId;
+  return s(() => t == null ? void 0 : t(e), [t, e]), e;
+}
+function m(r, o) {
+  const e = r.registerControlId;
+  s(() => {
+    var n;
+    const t = (n = o.current) == null ? void 0 : n.id;
+    if (e && t) return e(t);
+  }, [e, o]);
+}
+export {
+  u as F,
+  I as a,
+  m as b,
+  f as u
+};
+//# sourceMappingURL=form-field-context-DtiROUJV.js.map

package/dist/_chunks/{freemium-paywall-BhxKSEJD.js → freemium-paywall-CtUCj-ND.js}

@@ -8,7 +8,7 @@ import { u as Y } from "./use-controllable-state-BiY4xTzM.js";
 import { u as Z } from "./registry-DvAUVLHh.js";
 import { B as R } from "./button-CYPx2xFq.js";
 import { P as $ } from "./progress-TIAsNHQW.js";
-import { f as ee } from "./payment-form-DxsjXYHJ.js";
+import { f as ee } from "./payment-form-B08gHZIY.js";
 import { T as se } from "./triangle-alert-CBnO6nq_.js";
 import { C as ae } from "./check-DrFSN__t.js";
 const re = {
@@ -276,4 +276,4 @@ export {
   de as F,
   re as f
 };
-//# sourceMappingURL=freemium-paywall-BhxKSEJD.js.map
+//# sourceMappingURL=freemium-paywall-CtUCj-ND.js.map

package/dist/_chunks/{gestational-age-calculator-CjZ7v-8x.js → gestational-age-calculator-BMkoLJGR.js}

@@ -3,12 +3,12 @@ import { forwardRef as ne, useState as m, useMemo as g, useEffect as oe, useRef
 import { c as de } from "./index-D2ZczOXr.js";
 import { useTranslation as ce } from "react-i18next";
 import { u as ue } from "./registry-DvAUVLHh.js";
-import { R as d } from "./radio-6fml-pWk.js";
-import { R as S } from "./radio-group-CIjmyioi.js";
-import { F as k } from "./form-field-YUJl_U5l.js";
-import { D as _ } from "./date-picker-p9yz3pxc.js";
-import { S as me } from "./select-Br88h070.js";
-import { S as ge } from "./switch-DXGD2Drz.js";
+import { R as d } from "./radio-BBbMdbE_.js";
+import { R as S } from "./radio-group-BT97ty7o.js";
+import { F as k } from "./form-field-D9WfDpYB.js";
+import { D as _ } from "./date-picker-BnhBmcH6.js";
+import { S as me } from "./select-DHPmASkG.js";
+import { S as ge } from "./switch-D--x7n6h.js";
 import { C as E } from "./card-DPmk26CL.js";
 import { B as G } from "./badge-hnBt8o7n.js";
 import { I as pe } from "./insert-result-BuWQl11Z.js";
@@ -485,4 +485,4 @@ Re.displayName = "GestationalAgeCalculator";
 export {
   Re as G
 };
-//# sourceMappingURL=gestational-age-calculator-CjZ7v-8x.js.map
+//# sourceMappingURL=gestational-age-calculator-BMkoLJGR.js.map

package/dist/_chunks/{hcg-doubling-BYMogA0e.js → hcg-doubling-BtW2pBJX.js}

@@ -3,9 +3,9 @@ import { forwardRef as W, useState as x, useMemo as H, useEffect as Z, useRef as
 import { c as q } from "./index-D2ZczOXr.js";
 import { useTranslation as J } from "react-i18next";
 import { u as Q } from "./registry-DvAUVLHh.js";
-import { F as S } from "./form-field-YUJl_U5l.js";
-import { N as P } from "./number-input-BLrx3utH.js";
-import { D as G } from "./date-time-picker-C3UVzqOm.js";
+import { F as S } from "./form-field-D9WfDpYB.js";
+import { N as P } from "./number-input-DRDRYZJg.js";
+import { D as G } from "./date-time-picker-Ckl6ezCL.js";
 import { C as B } from "./card-DPmk26CL.js";
 import { B as X } from "./badge-hnBt8o7n.js";
 import { I as ee } from "./insert-result-BuWQl11Z.js";
@@ -309,4 +309,4 @@ export {
   re as M,
   oe as a
 };
-//# sourceMappingURL=hcg-doubling-BYMogA0e.js.map
+//# sourceMappingURL=hcg-doubling-BtW2pBJX.js.map

package/dist/_chunks/{header-CzJbtTGQ.js → header--a4ZTiM5.js}

@@ -3,7 +3,7 @@ import { forwardRef as t, useMemo as j, useRef as H, useState as w, useEffect as
 import { c as o } from "./index-D2ZczOXr.js";
 import { Slot as V } from "@radix-ui/react-slot";
 import { useTranslation as u } from "react-i18next";
-import { I as C } from "./icon-button-JAXAkqWC.js";
+import { I as C } from "./icon-button-mKIvw90h.js";
 import { c as S } from "./compose-refs-C0k0tdqF.js";
 import { u as z } from "./use-visual-viewport-pin-ChurOsHM.js";
 import { M as R } from "./menu-Op71AWIC.js";
@@ -146,7 +146,10 @@ const I = o(
     "ds:focus:absolute ds:focus:inset-inline-start-[var(--spacing-sm)] ds:focus:inset-block-start-[var(--spacing-sm)]",
     "ds:focus:z-[calc(var(--z-sticky)+1)]",
     "ds:focus:ps-[var(--spacing-sm)] ds:focus:pe-[var(--spacing-sm)] ds:focus:pbs-[var(--spacing-xs)] ds:focus:pbe-[var(--spacing-xs)]",
-    "ds:focus:bg-[var(--background)] ds:focus:text-[color:var(--foreground)]",
+    // The card's pair, not --background / --foreground: inside a brand
+    // header's start slot --foreground is the header's own ink, which on
+    // --background is white on white.
+    "ds:focus:bg-[var(--card)] ds:focus:text-[color:var(--card-foreground)]",
     "ds:focus:border ds:focus:border-[color:var(--border)]",
     "ds:focus:rounded-[var(--radius-sm)]",
     "ds:focus:outline-[length:var(--focus-ring-width)] ds:focus:outline-solid ds:focus:outline-[color:var(--ring)]",
@@ -303,4 +306,4 @@ export {
   Q as f,
   q as g
 };
-//# sourceMappingURL=header-CzJbtTGQ.js.map
+//# sourceMappingURL=header--a4ZTiM5.js.map

package/dist/_chunks/{header-settings-BqdBe4zk.js → header-settings-kkVm9VP3.js}

@@ -2,9 +2,9 @@ import { jsx as s, jsxs as h } from "react/jsx-runtime";
 import { forwardRef as C, useRef as p, useImperativeHandle as E, useCallback as I, useMemo as R } from "react";
 import { c as K } from "./index-D2ZczOXr.js";
 import { useTranslation as T } from "react-i18next";
-import { I as _ } from "./icon-button-JAXAkqWC.js";
+import { I as _ } from "./icon-button-mKIvw90h.js";
 import { D as n } from "./dropdown-menu-B5mgV1kV.js";
-import { u as H, c as g, L as O, a as j } from "./locale-picker-DYDppQdZ.js";
+import { u as H, c as g, L as O, a as j } from "./locale-picker-BhNIgeXA.js";
 import { u as N } from "./use-locale-BExNy9Dl.js";
 import { u as x } from "./use-theme-CAuo6EYT.js";
 import { u as D } from "./registry-DvAUVLHh.js";
@@ -302,4 +302,4 @@ B.displayName = "HeaderSettings";
 export {
   B as H
 };
-//# sourceMappingURL=header-settings-BqdBe4zk.js.map
+//# sourceMappingURL=header-settings-kkVm9VP3.js.map

package/dist/_chunks/{help-me-write-templates-DcR-e_90.js → help-me-write-templates-Cy-iO5AU.js}

@@ -4,15 +4,15 @@ import { useTranslation as $ } from "react-i18next";
 import { c as ce } from "./index-D2ZczOXr.js";
 import { A as O } from "./alert-BhCstf2h.js";
 import { B as N } from "./button-CYPx2xFq.js";
-import { I as B } from "./icon-button-JAXAkqWC.js";
+import { I as B } from "./icon-button-mKIvw90h.js";
 import { D as x } from "./dialog-D52AI4nF.js";
-import { E as de } from "./editor-overlay-C0awV6ba.js";
-import { E as me } from "./empty-state-C62P_6kr.js";
-import { F as Z } from "./form-field-YUJl_U5l.js";
+import { E as de } from "./editor-overlay-CWV0chPV.js";
+import { E as me } from "./empty-state-CgvmPPvW.js";
+import { F as Z } from "./form-field-D9WfDpYB.js";
 import { P as pe } from "./progress-TIAsNHQW.js";
-import { S as ue } from "./spinner-DxjSZLD-.js";
-import { T as se } from "./text-area-Cjtw7mna.js";
-import { T as re } from "./text-input-CLaItY93.js";
+import { S as ue } from "./spinner-a0FTYX9Q.js";
+import { T as se } from "./text-area-CDuItrvL.js";
+import { T as re } from "./text-input-lZ2-t-p2.js";
 import { SafeHtml as he } from "../safe-html/index.js";
 import { T as ge } from "./trending-up-C_luYBzS.js";
 import { A as fe } from "./astroid-BN4f5VXU.js";
@@ -744,4 +744,4 @@ export {
   Le as c,
   mr as u
 };
-//# sourceMappingURL=help-me-write-templates-DcR-e_90.js.map
+//# sourceMappingURL=help-me-write-templates-Cy-iO5AU.js.map

package/dist/_chunks/{hover-card-DEMPFs9M.js → hover-card-CcRSI4gy.js}

@@ -3,7 +3,7 @@ import { useContext as H, useState as J, useCallback as m, useRef as C, useEffec
 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-JAXAkqWC.js";
+import { I as le } from "./icon-button-mKIvw90h.js";
 import { u as ue } from "./registry-DvAUVLHh.js";
 import { X as pe } from "./x-B5YnXwCz.js";
 const fe = {
@@ -513,4 +513,4 @@ export {
   fe as h,
   xe as u
 };
-//# sourceMappingURL=hover-card-DEMPFs9M.js.map
+//# sourceMappingURL=hover-card-CcRSI4gy.js.map