@alfadocs/ui-kit 1.69.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