@alfadocs/ui-kit 1.77.1 → 1.79.0

package/dist/_chunks/reset-password-form-Cf9QPEJu.js

@@ -0,0 +1,367 @@
+import { jsx as r, jsxs as i, Fragment as O } from "react/jsx-runtime";
+import { forwardRef as Ls, useId as l, useState as m, useRef as p, useMemo as Ns, useEffect as B } from "react";
+import { useTranslation as _s } from "react-i18next";
+import { c as ws } from "./index-D2ZczOXr.js";
+import { A as u } from "./alert-9kEwDza3.js";
+import { B as D } from "./button-DohK_Ak_.js";
+import { C as ms } from "./card-BA4Ig_kn.js";
+import { E as ks } from "./email-input-C7THAwh2.js";
+import { E as Vs } from "./error-summary-mGxIyDAY.js";
+import { F as L } from "./form-field-CyHfOVKF.js";
+import { P as us } from "./password-input-BokZ_rnT.js";
+import { u as Hs } from "./use-password-requirements-C8DdwPEy.js";
+import { i as js } from "./safe-href-5dbsfbQn.js";
+import { u as zs } from "./use-state-backed-input-DhRQo6gM.js";
+import { u as Ws } from "./use-field-match-C8ug3sdQ.js";
+import { u as $s, a as Gs, A as Us, b as Ys, E as Js, c as Ks } from "./auth-form-parts-B3GWChvG.js";
+import { u as Qs, a as Xs, b as Zs } from "./use-registration-submit-CLGHxwoT.js";
+const sr = {
+  minLength: 12,
+  uppercase: !0,
+  lowercase: !0,
+  digit: !0,
+  charset: "ascii"
+}, b = [
+  "password",
+  "passwordConfirm"
+], rr = ws(
+  "ds:mx-auto ds:w-full ds:max-w-[400px] ds:text-start ds:text-[var(--foreground)]"
+), fs = ws(
+  "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]"
+), or = "⁦", er = "⁩", ar = { 1: "h2", 2: "h3", 3: "h4" }, tr = (e) => Object.values(e).some(Boolean), ps = (e) => b.find((P) => e[P]) ?? (e.form ? "form" : void 0), nr = Ls(
+  ({
+    state: e = "form",
+    title: P,
+    description: hs,
+    headingLevel: x = 1,
+    showLogo: gs = !0,
+    logoMotion: Fs = "assemble",
+    children: N,
+    email: w,
+    loginHref: vs,
+    requestHref: Cs,
+    errors: c,
+    submitLabel: bs,
+    submitting: Ps = !1,
+    onSubmit: I,
+    fieldNames: R,
+    action: xs,
+    hiddenFields: Is,
+    className: Rs,
+    ...Es
+  }, ys) => {
+    const { t: o } = _s("ui"), _ = l(), h = l(), g = l(), As = l(), k = l(), V = l(), H = l(), F = R !== void 0, Ss = {
+      password: k,
+      passwordConfirm: V
+    }, [t, E] = m({
+      password: "",
+      passwordConfirm: ""
+    }), [Ts, y] = m({}), [j, z] = m(!1), [f, W] = m(
+      () => c ?? {}
+    ), $ = (s, a) => {
+      E((n) => ({ ...n, [s]: a })), W(
+        (n) => n[s] ? { ...n, [s]: void 0 } : n
+      );
+    }, G = (s) => y(
+      (a) => a[s] ? a : { ...a, [s]: !0 }
+    ), U = () => {
+      E({ password: "", passwordConfirm: "" }), y({});
+    }, Y = Hs(sr), A = Ws({
+      value: t.password,
+      confirmValue: t.passwordConfirm,
+      kind: "password",
+      submitted: j
+    }), J = {
+      password: t.password === "" || !Y.every((s) => s.test(t.password)),
+      passwordConfirm: t.passwordConfirm === "" || !A.matches
+    }, K = (s) => j || Ts[s] === !0, qs = {
+      password: K("password") && J.password ? t.password === "" ? o("resetPasswordForm.passwordRequired") : o("resetPasswordForm.passwordInvalid") : void 0,
+      passwordConfirm: t.passwordConfirm === "" ? K("passwordConfirm") ? o("resetPasswordForm.passwordConfirmRequired") : void 0 : A.error
+    }, v = (s) => f[s] ?? qs[s], S = p({}), Q = Ns(
+      () => ({
+        password: (s) => {
+          S.current.password = s;
+        },
+        passwordConfirm: (s) => {
+          S.current.passwordConfirm = s;
+        }
+      }),
+      []
+    ), X = p(null), T = p(null), Ms = p(null), Z = zs(w ?? "", Ms), [ss] = m(
+      () => b.some((s) => !!(c != null && c[s]))
+    ), d = Qs(
+      b,
+      v,
+      ss
+    ), Os = Xs(
+      f.form,
+      d.listed.length > 0
+    ), [C, rs] = m(() => {
+      const s = ss ? void 0 : ps(c ?? {});
+      return s ? { target: s } : null;
+    });
+    B(() => {
+      var s, a;
+      C && (C.target === "form" ? (s = X.current) == null || s.focus() : (a = S.current[C.target]) == null || a.focus());
+    }, [C]);
+    const os = e !== "form";
+    B(() => {
+      os && (E({ password: "", passwordConfirm: "" }), y({}));
+    }, [os]);
+    const es = p(e === "form");
+    B(() => {
+      var s;
+      e !== "form" && es.current && ((s = T.current) == null || s.focus()), es.current = e === "form";
+    }, [e]);
+    const as = Zs({
+      errors: c,
+      submitting: Ps,
+      native: F,
+      captcha: !1,
+      firstProblem: () => b.find((s) => J[s]),
+      onRefused: (s) => {
+        z(!0), d.open(() => rs({ target: s }));
+      },
+      // Only a React host gets here: a native post is the browser's own.
+      deliver: () => I == null ? void 0 : I({
+        password: t.password,
+        passwordConfirm: t.passwordConfirm
+      }),
+      onAnswer: (s) => {
+        const a = s;
+        W(a), tr(a) && (U(), z(!1), d.open(() => {
+          const n = ps(a);
+          n && rs({ target: n });
+        }));
+      },
+      // The page came back from the browser's cache as it was left: the
+      // passwords must not come back with it.
+      onRestore: U
+    }), { busy: q } = as, Bs = $s("ResetPasswordForm", F, xs), Ds = Gs(
+      "ResetPasswordForm",
+      F,
+      R,
+      Is
+    ), ts = (s) => F ? R[s] : s, ns = (s) => s && js(s) ? s : void 0, ds = ns(vs), is = ns(Cs), M = e === "form", ls = {
+      password: o("resetPasswordForm.password"),
+      passwordConfirm: o("resetPasswordForm.passwordConfirm")
+    }, cs = ar[x];
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: ys,
+        ...Es,
+        "data-component": "reset-password-form",
+        "data-state": e,
+        className: rr({ className: Rs }),
+        children: /* @__PURE__ */ r(ms, { variant: "elevated", children: /* @__PURE__ */ i(ms.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
+          /* @__PURE__ */ r(
+            Us,
+            {
+              id: _,
+              title: M ? P ?? o("resetPasswordForm.title") : o("resetPasswordForm.pageTitle"),
+              description: M ? hs ?? o("resetPasswordForm.description") : void 0,
+              level: x,
+              showLogo: gs,
+              logoMotion: Fs
+            }
+          ),
+          N ? /* @__PURE__ */ r(
+            "div",
+            {
+              "data-slot": "host-content",
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+              children: N
+            }
+          ) : null,
+          e === "done" && /* @__PURE__ */ i(O, { children: [
+            /* @__PURE__ */ i(
+              u,
+              {
+                ref: T,
+                variant: "success",
+                tabIndex: -1,
+                "aria-labelledby": h,
+                "aria-describedby": g,
+                "data-slot": "result",
+                className: fs(),
+                children: [
+                  /* @__PURE__ */ r(u.Title, { id: h, as: cs, children: o("resetPasswordForm.doneTitle") }),
+                  /* @__PURE__ */ r(u.Description, { id: g, children: w ? o("resetPasswordForm.doneDescriptionEmail", {
+                    // Isolated left to right, so the address keeps its
+                    // order inside a right-to-left sentence.
+                    email: `${or}${w}${er}`
+                  }) : o("resetPasswordForm.doneDescription") })
+                ]
+              }
+            ),
+            ds && /* @__PURE__ */ r(
+              D,
+              {
+                asChild: !0,
+                intent: "primary",
+                size: "lg",
+                className: "ds:w-full",
+                children: /* @__PURE__ */ r("a", { href: ds, "data-action": "login", children: o("resetPasswordForm.signIn") })
+              }
+            )
+          ] }),
+          e === "expired" && /* @__PURE__ */ i(O, { children: [
+            /* @__PURE__ */ i(
+              u,
+              {
+                ref: T,
+                variant: "warning",
+                announce: "polite",
+                tabIndex: -1,
+                "aria-labelledby": h,
+                "aria-describedby": g,
+                "data-slot": "result",
+                className: fs(),
+                children: [
+                  /* @__PURE__ */ r(u.Title, { id: h, as: cs, children: o("resetPasswordForm.expiredTitle") }),
+                  /* @__PURE__ */ r(u.Description, { id: g, children: o("resetPasswordForm.expiredDescription") })
+                ]
+              }
+            ),
+            is && /* @__PURE__ */ r(
+              D,
+              {
+                asChild: !0,
+                intent: "primary",
+                size: "lg",
+                className: "ds:w-full",
+                children: /* @__PURE__ */ r("a", { href: is, "data-action": "request-link", children: o("resetPasswordForm.requestLink") })
+              }
+            )
+          ] }),
+          M && /* @__PURE__ */ i(O, { children: [
+            /* @__PURE__ */ i(
+              "form",
+              {
+                noValidate: !0,
+                method: "post",
+                action: Bs,
+                "aria-labelledby": _,
+                "aria-busy": q || void 0,
+                onSubmit: as.handleSubmit,
+                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+                children: [
+                  /* @__PURE__ */ r(
+                    Vs,
+                    {
+                      ref: d.ref,
+                      headingLevel: x + 1,
+                      "aria-describedby": f.form ? H : void 0,
+                      errors: d.listed.map((s) => ({
+                        field: s,
+                        message: v(s) ?? "",
+                        targetId: Ss[s]
+                      }))
+                    }
+                  ),
+                  f.form && /* @__PURE__ */ r(
+                    Ys,
+                    {
+                      ref: X,
+                      id: H,
+                      announce: Os,
+                      children: f.form
+                    }
+                  ),
+                  w ? /* @__PURE__ */ r(
+                    L,
+                    {
+                      id: As,
+                      label: o("resetPasswordForm.email"),
+                      "data-field": "email",
+                      children: /* @__PURE__ */ r(
+                        ks,
+                        {
+                          ref: Z.ref,
+                          name: "",
+                          readOnly: !0,
+                          autoComplete: "username",
+                          dir: "ltr",
+                          disableBuiltInValidation: !0,
+                          onChange: Z.quiet()
+                        }
+                      )
+                    }
+                  ) : null,
+                  /* @__PURE__ */ r(
+                    L,
+                    {
+                      id: k,
+                      label: ls.password,
+                      required: !0,
+                      error: v("password"),
+                      announceError: !d.lists("password"),
+                      "data-field": "password",
+                      children: /* @__PURE__ */ r(
+                        us,
+                        {
+                          ref: Q.password,
+                          name: ts("password"),
+                          autoComplete: "new-password",
+                          requirements: Y,
+                          value: t.password,
+                          onChange: (s) => $("password", s.target.value),
+                          onBlur: () => G("password")
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ r(
+                    L,
+                    {
+                      id: V,
+                      label: ls.passwordConfirm,
+                      required: !0,
+                      error: v("passwordConfirm"),
+                      announceError: !d.lists("passwordConfirm"),
+                      "data-field": "passwordConfirm",
+                      children: /* @__PURE__ */ r(
+                        us,
+                        {
+                          ref: Q.passwordConfirm,
+                          name: ts("passwordConfirm"),
+                          autoComplete: "new-password",
+                          value: t.passwordConfirm,
+                          onChange: (s) => $("passwordConfirm", s.target.value),
+                          onBlur: () => {
+                            G("passwordConfirm"), A.confirmProps.onBlur();
+                          }
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ r(Js, { fields: Ds }),
+                  /* @__PURE__ */ r(
+                    D,
+                    {
+                      type: "submit",
+                      intent: "primary",
+                      size: "lg",
+                      loading: q,
+                      className: "ds:w-full",
+                      "data-action": "submit",
+                      children: bs ?? o("resetPasswordForm.submit")
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ r(Ks, { busy: q })
+          ] })
+        ] }) })
+      }
+    );
+  }
+);
+nr.displayName = "ResetPasswordForm";
+export {
+  b as R,
+  nr as a
+};
+//# sourceMappingURL=reset-password-form-Cf9QPEJu.js.map

package/dist/_chunks/{send-registration-link-form-__DWY62q.js → send-registration-link-form-vTn1HxjA.js}

@@ -9,7 +9,7 @@ import { B as he } from "./button-DohK_Ak_.js";
 import { C as B } from "./card-BA4Ig_kn.js";
 import { D as Ze } from "./date-picker-CdhXlgVI.js";
 import { E as Ve } from "./error-summary-mGxIyDAY.js";
-import { F } from "./form-field-Ani72sVY.js";
+import { F } from "./form-field-CyHfOVKF.js";
 import { P as ue } from "./phone-input-C3NrD-nl.js";
 import { a as en, i as nn } from "./safe-href-5dbsfbQn.js";
 import { u as ge } from "./use-state-backed-input-DhRQo6gM.js";
@@ -406,4 +406,4 @@ export {
   q as S,
   fn as a
 };
-//# sourceMappingURL=send-registration-link-form-__DWY62q.js.map
+//# sourceMappingURL=send-registration-link-form-vTn1HxjA.js.map

package/dist/_chunks/{task-editor-CRhfwP9T.js → task-editor-Cpw-NmND.js}

@@ -8,7 +8,7 @@ import { I as We } from "./icon-button-S8_weU3g.js";
 import { C as Qe } from "./combobox-vF9O-QoG.js";
 import { D as ce } from "./dialog-C7RWaH08.js";
 import { D as Bt } from "./date-picker-CdhXlgVI.js";
-import { F as H } from "./form-field-Ani72sVY.js";
+import { F as H } from "./form-field-CyHfOVKF.js";
 import { I as Ft } from "./icon-button-group-CRKFR48b.js";
 import { P as Pt } from "./panel-header-CbtlTe85.js";
 import { P as Ot } from "./panel-subview-DCyvn-49.js";
@@ -1239,4 +1239,4 @@ export {
   vn as T,
   ln as t
 };
-//# sourceMappingURL=task-editor-CRhfwP9T.js.map
+//# sourceMappingURL=task-editor-Cpw-NmND.js.map

package/dist/_chunks/{unit-converter-D59L-gkf.js → unit-converter-BH5ueIhT.js}

@@ -3,7 +3,7 @@ import { forwardRef as H, useState as h, useMemo as $, useEffect as j, useRef as
 import { c as z } from "./index-D2ZczOXr.js";
 import { useTranslation as M } from "react-i18next";
 import { u as Y } from "./registry-DvAUVLHh.js";
-import { F as C } from "./form-field-Ani72sVY.js";
+import { F as C } from "./form-field-CyHfOVKF.js";
 import { N as B } from "./number-input-CVwI1ltI.js";
 import { S } from "./select-4S-eYZUf.js";
 import { I as D } from "./insert-result-CDMMt7q8.js";
@@ -334,4 +334,4 @@ export {
   ee as b,
   Q as c
 };
-//# sourceMappingURL=unit-converter-D59L-gkf.js.map
+//# sourceMappingURL=unit-converter-BH5ueIhT.js.map

package/dist/_chunks/{voice-control-panel-DQJwe6_Q.js → voice-control-panel-BziKE-KK.js}

@@ -10,7 +10,7 @@ import { B as pn } from "./badge-BUk4RjTS.js";
 import { B as qe } from "./button-DohK_Ak_.js";
 import { I as mn } from "./icon-button-S8_weU3g.js";
 import { C as gn, b as vn, a as hn } from "./collapsible-DVPM46bq.js";
-import { F as yn } from "./form-field-Ani72sVY.js";
+import { F as yn } from "./form-field-CyHfOVKF.js";
 import { K as bn } from "./kbd-Bx7eQv9f.js";
 import { L as pe } from "./list-CNnn7DOD.js";
 import { L as xn } from "./live-region-C41SO3cA.js";
@@ -1145,4 +1145,4 @@ export {
   no as V,
   Gn as v
 };
-//# sourceMappingURL=voice-control-panel-DQJwe6_Q.js.map
+//# sourceMappingURL=voice-control-panel-BziKE-KK.js.map