@alfadocs/ui-kit 1.70.0 → 1.71.0

package/dist/_chunks/auth-form-parts-DHv6LVV2.js

@@ -0,0 +1,98 @@
+import { jsxs as m, jsx as r, Fragment as v } from "react/jsx-runtime";
+import { useEffect as f, forwardRef as h } from "react";
+import { c as l } from "./index-D2ZczOXr.js";
+import { useTranslation as g } from "react-i18next";
+import { A as c } from "./alert-9kEwDza3.js";
+import { i as u } from "./is-development-CLUAnsU7.js";
+import { a as p } from "./safe-href-5dbsfbQn.js";
+import { B as b } from "./use-registration-submit-eWAECgUC.js";
+const x = "Alfadocs", w = l(
+  "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-xs)]",
+  {
+    variants: {
+      centred: { true: "ds:items-center ds:text-center", false: "" }
+    },
+    defaultVariants: { centred: !0 }
+  }
+), A = l(
+  "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]"
+), N = l(
+  'type-body-sm ds:relative ds:rounded-[var(--radius-sm)] ds:underline ds:underline-offset-4 ds:text-[var(--foreground)] ds:before:absolute ds:before:inset-x-0 ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""] 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]',
+  {
+    variants: {
+      /** Centred under a button, or at the end edge under a field. */
+      align: { center: "ds:self-center", end: "ds:self-end" }
+    },
+    defaultVariants: { align: "center" }
+  }
+);
+function B({
+  href: e,
+  action: s,
+  align: t,
+  children: a
+}) {
+  return /* @__PURE__ */ r("a", { href: e, "data-action": s, className: N({ align: t }), children: a });
+}
+function S({
+  id: e,
+  title: s,
+  description: t,
+  level: a,
+  showLogo: n,
+  logoMotion: d
+}) {
+  const i = `h${a}`;
+  return /* @__PURE__ */ m("div", { className: w({ centred: n }), children: [
+    n && /* @__PURE__ */ r(b, { motion: d, label: x }),
+    /* @__PURE__ */ r(i, { id: e, className: "type-title-card", children: s }),
+    t && /* @__PURE__ */ r("p", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: t })
+  ] });
+}
+const y = h(
+  ({ id: e, announce: s, children: t }, a) => /* @__PURE__ */ r(
+    c,
+    {
+      ref: a,
+      id: e,
+      variant: "error",
+      announce: s,
+      tabIndex: -1,
+      "data-field": "form",
+      className: A(),
+      children: /* @__PURE__ */ r(c.Description, { children: t })
+    }
+  )
+);
+y.displayName = "AuthFormMessage";
+function C(e, s, t, a) {
+  const n = new Set(Object.values(t ?? {})), d = s ? Object.entries(a ?? {}) : [], i = d.filter(([o]) => n.has(o)).map(([o]) => o).join(", ");
+  return f(() => {
+    i && u() && console.warn(
+      `${e}: hiddenFields "${i}" is also named in fieldNames and was left out. The form's own field wins.`
+    );
+  }, [i, e]), d.filter(([o]) => !n.has(o));
+}
+function D(e, s, t) {
+  const a = s && t && p(t) ? t : void 0, n = t ? s ? a ? void 0 : "`action` is not a path or an address on this origin and was left out. The form posts to the current address." : "`action` does nothing without `fieldNames`: only a native form post has an address." : void 0;
+  return f(() => {
+    n && u() && console.warn(`${e}: ${n}`);
+  }, [e, n]), a;
+}
+function H({ fields: e }) {
+  return /* @__PURE__ */ r(v, { children: e.map(([s, t]) => /* @__PURE__ */ r("input", { type: "hidden", name: s, value: t }, s)) });
+}
+function O({ busy: e }) {
+  const { t: s } = g("ui");
+  return /* @__PURE__ */ r("p", { role: "status", className: "ds:sr-only", children: e ? s("chat.message.status.sending") : "" });
+}
+export {
+  S as A,
+  H as E,
+  C as a,
+  y as b,
+  O as c,
+  B as d,
+  D as u
+};
+//# sourceMappingURL=auth-form-parts-DHv6LVV2.js.map

package/dist/_chunks/{forgot-password-form-Dqi7R-NL.js → forgot-password-form-BGPc8TGr.js}

@@ -10,7 +10,7 @@ import { E as bo } from "./error-summary-mGxIyDAY.js";
 import { F as wo } from "./form-field-Ani72sVY.js";
 import { i as xo } from "./safe-href-5dbsfbQn.js";
 import { u as Eo } from "./use-state-backed-input-DhRQo6gM.js";
-import { u as Io, a as Ao, A as Po, b as yo, E as So, c as Ro, d as To } from "./auth-form-parts-B40zvD-a.js";
+import { u as Io, a as Ao, A as Po, b as yo, E as So, c as Ro, d as To } from "./auth-form-parts-DHv6LVV2.js";
 import { u as Bo, a as Mo, b as No } from "./use-registration-submit-eWAECgUC.js";
 const Vo = ["email"], Do = U(
   "ds:mx-auto ds:w-full ds:max-w-[400px] ds:text-start ds:text-[var(--foreground)]"
@@ -231,4 +231,4 @@ export {
   Vo as F,
   _o as a
 };
-//# sourceMappingURL=forgot-password-form-Dqi7R-NL.js.map
+//# sourceMappingURL=forgot-password-form-BGPc8TGr.js.map

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

@@ -0,0 +1,332 @@
+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-D-MQxsA_.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-DHv6LVV2.js";
+import { u as Ds, b as Os, a as Ts } from "./use-registration-submit-eWAECgUC.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-CWpoTuVY.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "1.70.0",
+  "packageVersion": "1.71.0",
   "components": [
     {
       "kind": "component",
@@ -20259,6 +20259,14 @@
           "uiActions": [],
           "apiActions": []
         },
+        {
+          "name": "register",
+          "safety": "read",
+          "description": "Go to a registration page: `data-action=\"register-doctor\"` or `data-action=\"register-patient\"`, under the sign-in button. Each is present only when the host gives its address.",
+          "descriptionKey": "ui.agent.loginForm.workflows.register",
+          "uiActions": [],
+          "apiActions": []
+        },
         {
           "name": "dev_sign_in",
           "safety": "write",

package/dist/agent-i18n/en.json

@@ -1899,6 +1899,7 @@
         "readForm": "Read the sign-in form and what is wrong with it. Each field sits in a wrapper with `data-field` (`email`, `password`). A field with a problem has `aria-invalid=\"true\"` on its control and its message in a `data-slot=\"error\"` element inside the wrapper. After a refused submit the fields with a problem are also listed in `data-component=\"error-summary\"` at the top of the form, one item per field (`data-error-field`). A message about the whole form, such as a refused sign-in, is in `data-field=\"form\"`; it never says which of the two values was wrong. Never read or repeat the password.",
         "signIn": "Sign in (`data-action=\"submit\"`). The person types the email and the password themselves; the form does not submit until the email is a valid address and the password is not empty; it lists what is wrong in its error summary and moves focus there. The host then signs the person in: through its `onSubmit` handler, or as a native form post to its own field names.",
         "forgotPassword": "Go to the page that asks for a password reset link (`data-action=\"forgot-password\"`). Present only when the host gives its address.",
+        "register": "Go to a registration page: `data-action=\"register-doctor\"` or `data-action=\"register-patient\"`, under the sign-in button. Each is present only when the host gives its address.",
         "devSignIn": "Development only: follow one of the quick sign-in links (`data-action=\"dev-login\"`, inside `data-component=\"login-dev-card\"`). Each leads to a route on the host that signs a test account in. The kit holds no test data. The card is present only when the host's server reports a development environment, and the server refuses those routes anywhere else."
       }
     },

package/dist/index.js

@@ -264,9 +264,9 @@ import { A as iT, a as pT, L as mT, P as lT, S as dT, T as AT, b as fT, c as cT,
 import { C as yT, a as kT, b as BT, c as vT, D as GT, d as HT, S as WT, V as wT, W as UT, e as VT, i as KT, m as YT, r as XT, u as qT, f as zT, g as jT } from "./_chunks/calendar-workspace-Ct8_454k.js";
 import { E as ZT, a as JT, b as $T, e as au, r as eu } from "./_chunks/error-page-DirZKDz2.js";
 import { E as ru } from "./_chunks/error-page-illustration-BdJLuMdV.js";
-import { F as tu, a as nu } from "./_chunks/forgot-password-form-Dqi7R-NL.js";
+import { F as tu, a as nu } from "./_chunks/forgot-password-form-BGPc8TGr.js";
 import { A as pu, a as mu, H as lu, b as du, u as Au } from "./_chunks/help-me-write-templates-5WkUfvc_.js";
-import { L as cu, a as Su, b as gu } from "./_chunks/login-dev-card-vEL-o5wq.js";
+import { L as cu, a as Su, b as gu } from "./_chunks/login-dev-card-CWpoTuVY.js";
 import { C as xu, M as Tu, P as uu } from "./_chunks/marketplace-app-shell-CcLQ0Dn-.js";
 import { P as Eu } from "./_chunks/payment-automation-upsell-CiwF5UrC.js";
 import { R as Ru, a as _u } from "./_chunks/registration-form-1B0PTDal.js";

package/dist/patterns/_shared/auth-form-parts.d.ts

@@ -5,11 +5,12 @@ export interface AuthTextLinkProps {
     href: string;
     /** Emitted as `data-action`. */
     action: string;
+    /** Default `center`. */
+    align?: 'center' | 'end';
     children: ReactNode;
 }
-/** The quiet link under the card's button: "Forgot password?", "Back to
- *  sign in". */
-export declare function AuthTextLink({ href, action, children }: AuthTextLinkProps): import("react/jsx-runtime").JSX.Element;
+/** A quiet link in the card: "Forgot password?", "Back to sign in". */
+export declare function AuthTextLink({ href, action, align, children, }: AuthTextLinkProps): import("react/jsx-runtime").JSX.Element;
 export interface AuthCardHeadingProps {
     /** The id the form is labelled by. */
     id: string;

package/dist/patterns/forgot-password-form/index.js

@@ -1,4 +1,4 @@
-import { F as r, a } from "../../_chunks/forgot-password-form-Dqi7R-NL.js";
+import { F as r, a } from "../../_chunks/forgot-password-form-BGPc8TGr.js";
 export {
   r as FORGOT_PASSWORD_FORM_FIELDS,
   a as ForgotPasswordForm

package/dist/patterns/login-form/index.js

@@ -1,4 +1,4 @@
-import { L, a as r, b as s } from "../../_chunks/login-dev-card-vEL-o5wq.js";
+import { L, a as r, b as s } from "../../_chunks/login-dev-card-CWpoTuVY.js";
 export {
   L as LOGIN_FORM_FIELDS,
   r as LoginDevCard,

package/dist/patterns/login-form/login-form.d.ts

@@ -68,11 +68,15 @@ export interface LoginFormProps extends Omit<HTMLAttributes<HTMLDivElement>, 'ti
      */
     errors?: LoginFormErrors;
     /**
-     * Adds "Forgot password?" under the button. A path on the same site,
+     * Adds "Forgot password?" under the password. A path on the same site,
      * or an address written in full (`https://…`). Anything else shows no
-     * link.
+     * link. The same rule holds for the two addresses below.
      */
     forgotPasswordHref?: string;
+    /** Adds "Register as a doctor" under the button. */
+    registerDoctorHref?: string;
+    /** Adds "Register as a patient" under the button. */
+    registerPatientHref?: string;
     /** Replaces the button's "Sign in". Pass it translated. */
     submitLabel?: string;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "1.70.0",
+  "version": "1.71.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",

package/dist/_chunks/auth-form-parts-B40zvD-a.js

@@ -1,86 +0,0 @@
-import { jsxs as m, jsx as r, Fragment as v } from "react/jsx-runtime";
-import { useEffect as f, forwardRef as h } from "react";
-import { c as l } from "./index-D2ZczOXr.js";
-import { useTranslation as g } from "react-i18next";
-import { A as c } from "./alert-9kEwDza3.js";
-import { i as u } from "./is-development-CLUAnsU7.js";
-import { a as p } from "./safe-href-5dbsfbQn.js";
-import { B as b } from "./use-registration-submit-eWAECgUC.js";
-const x = "Alfadocs", w = l(
-  "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-xs)]",
-  {
-    variants: {
-      centred: { true: "ds:items-center ds:text-center", false: "" }
-    },
-    defaultVariants: { centred: !0 }
-  }
-), A = l(
-  "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]"
-), N = l(
-  'type-body-sm ds:relative ds:self-center ds:rounded-[var(--radius-sm)] ds:underline ds:underline-offset-4 ds:text-[var(--foreground)] ds:before:absolute ds:before:inset-x-0 ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""] 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]'
-);
-function S({ href: s, action: e, children: t }) {
-  return /* @__PURE__ */ r("a", { href: s, "data-action": e, className: N(), children: t });
-}
-function V({
-  id: s,
-  title: e,
-  description: t,
-  level: a,
-  showLogo: o,
-  logoMotion: d
-}) {
-  const i = `h${a}`;
-  return /* @__PURE__ */ m("div", { className: w({ centred: o }), children: [
-    o && /* @__PURE__ */ r(b, { motion: d, label: x }),
-    /* @__PURE__ */ r(i, { id: s, className: "type-title-card", children: e }),
-    t && /* @__PURE__ */ r("p", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: t })
-  ] });
-}
-const y = h(
-  ({ id: s, announce: e, children: t }, a) => /* @__PURE__ */ r(
-    c,
-    {
-      ref: a,
-      id: s,
-      variant: "error",
-      announce: e,
-      tabIndex: -1,
-      "data-field": "form",
-      className: A(),
-      children: /* @__PURE__ */ r(c.Description, { children: t })
-    }
-  )
-);
-y.displayName = "AuthFormMessage";
-function C(s, e, t, a) {
-  const o = new Set(Object.values(t ?? {})), d = e ? Object.entries(a ?? {}) : [], i = d.filter(([n]) => o.has(n)).map(([n]) => n).join(", ");
-  return f(() => {
-    i && u() && console.warn(
-      `${s}: hiddenFields "${i}" is also named in fieldNames and was left out. The form's own field wins.`
-    );
-  }, [i, s]), d.filter(([n]) => !o.has(n));
-}
-function D(s, e, t) {
-  const a = e && t && p(t) ? t : void 0, o = t ? e ? a ? void 0 : "`action` is not a path or an address on this origin and was left out. The form posts to the current address." : "`action` does nothing without `fieldNames`: only a native form post has an address." : void 0;
-  return f(() => {
-    o && u() && console.warn(`${s}: ${o}`);
-  }, [s, o]), a;
-}
-function H({ fields: s }) {
-  return /* @__PURE__ */ r(v, { children: s.map(([e, t]) => /* @__PURE__ */ r("input", { type: "hidden", name: e, value: t }, e)) });
-}
-function O({ busy: s }) {
-  const { t: e } = g("ui");
-  return /* @__PURE__ */ r("p", { role: "status", className: "ds:sr-only", children: s ? e("chat.message.status.sending") : "" });
-}
-export {
-  V as A,
-  H as E,
-  C as a,
-  y as b,
-  O as c,
-  S as d,
-  D as u
-};
-//# sourceMappingURL=auth-form-parts-B40zvD-a.js.map

package/dist/_chunks/login-dev-card-vEL-o5wq.js

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