@alfadocs/ui-kit 1.78.0 → 1.80.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "1.78.0",
+  "version": "1.80.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",
@@ -891,6 +891,10 @@
       "types": "./dist/patterns/registration-form/index.d.ts",
       "import": "./dist/patterns/registration-form/index.js"
     },
+    "./patterns/reset-password-form": {
+      "types": "./dist/patterns/reset-password-form/index.d.ts",
+      "import": "./dist/patterns/reset-password-form/index.js"
+    },
     "./patterns/send-registration-link-form": {
       "types": "./dist/patterns/send-registration-link-form/index.d.ts",
       "import": "./dist/patterns/send-registration-link-form/index.js"

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

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

package/dist/_chunks/login-dev-card-DRxTPkE9.js

@@ -1,332 +0,0 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { forwardRef as cs, useId as N, useState as n, useRef as os, useEffect as ks } from "react";
-import { useTranslation as Bs } from "react-i18next";
-import { c as E } from "./index-D2ZczOXr.js";
-import { i as ds, E as Rs } from "./email-input-C7THAwh2.js";
-import { B as ms } from "./button-DohK_Ak_.js";
-import { C as v } from "./card-BA4Ig_kn.js";
-import { E as As } from "./error-summary-mGxIyDAY.js";
-import { F as ls } from "./form-field-Ani72sVY.js";
-import { P as Cs } from "./password-input-BokZ_rnT.js";
-import { i as us } from "./safe-href-5dbsfbQn.js";
-import { u as Ms } from "./use-state-backed-input-DhRQo6gM.js";
-import { u as Ss, a as qs, A as Ps, b as js, d as D, E as zs, c as Hs } from "./auth-form-parts-B3GWChvG.js";
-import { u as Ds, b as Os, a as Ts } from "./use-registration-submit-CLGHxwoT.js";
-import { M as $s } from "./matrix-rain-sDOUUwZp.js";
-import { a as _s } from "./error-page-illustration-BdJLuMdV.js";
-const T = ["email", "password"], Gs = E(
-  "ds:flex ds:w-full ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:text-start ds:text-[var(--foreground)] ds:lg:flex-row ds:lg:items-stretch"
-), is = E("ds:w-full ds:max-w-[400px]"), Ws = E(
-  "ds:flex ds:flex-wrap ds:justify-center ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-lg)]"
-), O = (a) => a && us(a) ? a : void 0, Js = (a) => Object.values(a).some(Boolean), Ks = (a) => T.some((l) => !!a[l]), ns = (a) => T.find((l) => a[l]) ?? (a.form ? "password" : void 0), Qs = cs(
-  ({
-    title: a,
-    description: l,
-    headingLevel: h = 1,
-    showLogo: I = !0,
-    logoMotion: L = "assemble",
-    children: w,
-    initialValues: o,
-    errors: c,
-    forgotPasswordHref: k,
-    registerDoctorHref: d,
-    registerPatientHref: B,
-    submitLabel: fs,
-    submitting: gs = !1,
-    onSubmit: R,
-    fieldNames: x,
-    action: ps,
-    hiddenFields: vs,
-    devCard: $,
-    className: hs,
-    ...ws
-  }, xs) => {
-    const { t } = Bs("ui"), _ = N(), A = N(), Fs = N(), C = (s) => `${Fs}-${s}`, u = x !== void 0, [f, M] = n(() => (o == null ? void 0 : o.email) ?? ""), [F, b] = n(""), [bs, G] = n(() => ({ email: !!(o != null && o.email) })), [ys, W] = n(!1), [J, K] = n(
-      () => c ?? {}
-    ), Q = (s) => G(
-      (r) => r[s] ? r : { ...r, [s]: !0 }
-    ), U = (s) => K(
-      (r) => r[s] ? { ...r, [s]: void 0 } : r
-    ), S = os(null), q = os(null), X = Ms(f, S), Y = () => {
-      b(""), G((s) => ({ ...s, password: !1 }));
-    }, Z = () => {
-      var r, p;
-      const s = {
-        email: ((r = S.current) == null ? void 0 : r.value) ?? f,
-        password: ((p = q.current) == null ? void 0 : p.value) ?? F
-      };
-      return s.email !== f && M(s.email), s.password !== F && b(s.password), s;
-    }, V = {
-      email: !ds(f),
-      password: F === ""
-    }, ss = (s) => ys || bs[s] === !0, Ns = {
-      email: ss("email") && V.email ? t(f === "" ? "loginForm.emailRequired" : "inputs.email.invalid") : void 0,
-      password: ss("password") && V.password ? t("loginForm.passwordRequired") : void 0
-    }, y = (s) => J[s] ?? Ns[s], [es] = n(
-      () => Ks(c ?? {})
-    ), i = Ds(
-      T,
-      y,
-      es
-    ), [P, as] = n(() => {
-      const s = es ? void 0 : ns(c ?? {});
-      return s ? { target: s } : null;
-    });
-    ks(() => {
-      var s;
-      P && ((s = (P.target === "email" ? S : q).current) == null || s.focus());
-    }, [P]);
-    const rs = Os({
-      errors: c,
-      submitting: gs,
-      native: u,
-      captcha: !1,
-      firstProblem: () => {
-        const s = Z();
-        return ds(s.email) ? s.password === "" ? "password" : void 0 : "email";
-      },
-      onRefused: (s) => {
-        W(!0), i.open(() => as({ target: s }));
-      },
-      // Only a React host gets here: a native post is the browser's own.
-      deliver: () => R == null ? void 0 : R(Z()),
-      onAnswer: (s) => {
-        const r = s;
-        K(r), Js(r) && (Y(), W(!1), i.open(() => {
-          const p = ns(r);
-          p && as({ target: p });
-        }));
-      },
-      // The page came back from the browser's cache as it was left: the
-      // password must not come back with it.
-      onRestore: Y
-    }), { busy: j } = rs, Es = Ss("LoginForm", u, ps), ts = O(k), z = O(d), H = O(B), Is = qs(
-      "LoginForm",
-      u,
-      x,
-      vs
-    ), g = J.form, Ls = Ts(
-      g,
-      i.listed.length > 0
-    );
-    return /* @__PURE__ */ m(
-      "div",
-      {
-        ref: xs,
-        ...ws,
-        "data-component": "login-form",
-        className: Gs({ className: hs }),
-        children: [
-          /* @__PURE__ */ e("div", { className: is(), children: /* @__PURE__ */ e(v, { variant: "elevated", className: "ds:h-full", children: /* @__PURE__ */ m(v.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
-            /* @__PURE__ */ e(
-              Ps,
-              {
-                id: _,
-                title: a ?? t("loginForm.title"),
-                description: l,
-                level: h,
-                showLogo: I,
-                logoMotion: L
-              }
-            ),
-            w ? /* @__PURE__ */ e(
-              "div",
-              {
-                "data-slot": "host-content",
-                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
-                children: w
-              }
-            ) : null,
-            /* @__PURE__ */ m(
-              "form",
-              {
-                noValidate: !0,
-                method: "post",
-                action: Es,
-                "aria-labelledby": _,
-                "aria-busy": j || void 0,
-                onSubmit: rs.handleSubmit,
-                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
-                children: [
-                  /* @__PURE__ */ e(
-                    As,
-                    {
-                      ref: i.ref,
-                      headingLevel: h + 1,
-                      "aria-describedby": g ? A : void 0,
-                      errors: i.listed.map((s) => ({
-                        field: s,
-                        message: y(s) ?? "",
-                        targetId: C(s)
-                      }))
-                    }
-                  ),
-                  g && /* @__PURE__ */ e(
-                    js,
-                    {
-                      id: A,
-                      announce: Ls,
-                      children: g
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    ls,
-                    {
-                      id: C("email"),
-                      label: t("loginForm.email"),
-                      required: !0,
-                      error: y("email"),
-                      announceError: !i.lists("email"),
-                      "data-field": "email",
-                      children: /* @__PURE__ */ e(
-                        Rs,
-                        {
-                          ref: X.ref,
-                          name: u ? x.email : "email",
-                          autoComplete: "username",
-                          disableBuiltInValidation: !0,
-                          onChange: X.quiet((s) => {
-                            M(s.target.value), U("email");
-                          }),
-                          onBlur: (s) => {
-                            M(s.target.value), s.target.value !== "" && Q("email");
-                          }
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    ls,
-                    {
-                      id: C("password"),
-                      label: t("loginForm.password"),
-                      required: !0,
-                      error: y("password"),
-                      announceError: !i.lists("password"),
-                      "data-field": "password",
-                      children: /* @__PURE__ */ e(
-                        Cs,
-                        {
-                          ref: q,
-                          name: u ? x.password : "password",
-                          autoComplete: "current-password",
-                          "aria-describedby": g ? A : void 0,
-                          value: F,
-                          onChange: (s) => {
-                            b(s.target.value), U("password");
-                          },
-                          onBlur: (s) => {
-                            b(s.target.value), s.target.value !== "" && Q("password");
-                          }
-                        }
-                      )
-                    }
-                  ),
-                  ts && /* @__PURE__ */ e(
-                    D,
-                    {
-                      href: ts,
-                      action: "forgot-password",
-                      align: "end",
-                      children: t("loginForm.forgot")
-                    }
-                  ),
-                  /* @__PURE__ */ e(zs, { fields: Is }),
-                  /* @__PURE__ */ e(
-                    ms,
-                    {
-                      type: "submit",
-                      intent: "primary",
-                      size: "lg",
-                      loading: j,
-                      className: "ds:w-full",
-                      "data-action": "submit",
-                      children: fs ?? t("loginForm.submit")
-                    }
-                  )
-                ]
-              }
-            ),
-            (z || H) && /* @__PURE__ */ m(
-              "div",
-              {
-                "data-slot": "register-links",
-                className: Ws(),
-                children: [
-                  z && /* @__PURE__ */ e(D, { href: z, action: "register-doctor", children: t("signedOutHeader.registerDoctor") }),
-                  H && /* @__PURE__ */ e(D, { href: H, action: "register-patient", children: t("signedOutHeader.registerPatient") })
-                ]
-              }
-            ),
-            /* @__PURE__ */ e(Hs, { busy: j })
-          ] }) }) }),
-          $ ? /* @__PURE__ */ e("div", { className: is(), children: $ }) : null
-        ]
-      }
-    );
-  }
-);
-Qs.displayName = "LoginForm";
-const Us = E("ds:h-full ds:w-full"), Xs = cs(
-  ({ title: a, options: l, headingLevel: h = 2, className: I, ...L }, w) => {
-    const o = N(), c = `h${h}`, k = l.filter((d) => us(d.href));
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        ref: w,
-        ...L,
-        "data-component": "login-dev-card",
-        className: Us({ className: I }),
-        children: /* @__PURE__ */ m(
-          v,
-          {
-            variant: "elevated",
-            "aria-labelledby": o,
-            className: "ds:relative ds:isolate ds:flex ds:h-full ds:flex-col ds:overflow-hidden",
-            children: [
-              /* @__PURE__ */ e("div", { className: "ds:absolute ds:inset-0 ds:z-0 ds:[display:var(--accessible-off,block)]", children: /* @__PURE__ */ e(
-                $s,
-                {
-                  glyphs: "hex",
-                  decay: "fast",
-                  mask: "center",
-                  maskRadius: "xl",
-                  className: "ds:size-full"
-                }
-              ) }),
-              /* @__PURE__ */ e(v.Header, { className: "ds:relative ds:z-[1]", children: /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)] ds:text-center", children: [
-                /* @__PURE__ */ e("div", { className: "ds:[&>div]:w-24", children: /* @__PURE__ */ e(_s, { mood: "melt" }) }),
-                /* @__PURE__ */ e(
-                  c,
-                  {
-                    id: o,
-                    className: "type-title-card ds:text-[var(--foreground)]",
-                    children: a
-                  }
-                )
-              ] }) }),
-              /* @__PURE__ */ e(v.Body, { className: "ds:relative ds:z-[1] ds:flex ds:flex-1 ds:flex-col ds:justify-center", children: /* @__PURE__ */ e("div", { className: "ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: k.map((d, B) => /* @__PURE__ */ e(
-                ms,
-                {
-                  asChild: !0,
-                  intent: "primary",
-                  startIcon: d.icon,
-                  className: "ds:min-h-[var(--min-target-size)] ds:w-full",
-                  children: /* @__PURE__ */ e("a", { href: d.href, "data-action": "dev-login", children: d.label })
-                },
-                `${B}:${d.href}`
-              )) }) })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-Xs.displayName = "LoginDevCard";
-export {
-  T as L,
-  Xs as a,
-  Qs as b
-};
-//# sourceMappingURL=login-dev-card-DRxTPkE9.js.map