@50arms/ui 0.0.0-stage → 35.1.0

package/dist/components/auth/ForgotPasswordForm.js

@@ -0,0 +1,44 @@
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
+import { useState as o } from "react";
+import { Button as y } from "../Button.js";
+import { Callout as d } from "../Callout.js";
+import { Field as x } from "../Field.js";
+import { Input as F } from "../Input.js";
+import { useUiStrings as w } from "../../lib/i18n/provider.js";
+function q({ onSubmit: f, submitLabel: p, className: l }) {
+  const t = w().forgotPasswordForm, [i, g] = o(""), [n, s] = o(!1), [a, m] = o(null), [h, b] = o(!1), u = i.trim().length > 0 && !n;
+  async function S(r) {
+    if (r.preventDefault(), !!u) {
+      s(!0), m(null);
+      try {
+        await f(i.trim()), b(!0);
+      } catch (c) {
+        m(c instanceof Error ? c.message : t.failedMessage);
+      } finally {
+        s(!1);
+      }
+    }
+  }
+  return h ? /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ e(d, { tone: "success", title: t.sentTitle, children: t.sentBody(i.trim()) }) }) : /* @__PURE__ */ e("form", { className: l, onSubmit: (r) => {
+    S(r);
+  }, children: /* @__PURE__ */ v("div", { className: "flex flex-col gap-4", children: [
+    a && /* @__PURE__ */ e(d, { tone: "danger", title: t.failedTitle, children: a }),
+    /* @__PURE__ */ e(x, { label: t.email, description: t.emailDescription, children: /* @__PURE__ */ e(
+      F,
+      {
+        type: "email",
+        value: i,
+        onChange: (r) => g(r.target.value),
+        autoComplete: "email",
+        disabled: n,
+        autoFocus: !0,
+        required: !0
+      }
+    ) }),
+    /* @__PURE__ */ e(y, { type: "submit", disabled: !u, loading: n, className: "w-full", children: p ?? t.submit })
+  ] }) });
+}
+export {
+  q as ForgotPasswordForm
+};
+//# sourceMappingURL=ForgotPasswordForm.js.map

package/dist/components/auth/ForgotPasswordForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordForm.js","sources":["../../../src/components/auth/ForgotPasswordForm.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Button } from \"../Button\";\nimport { Callout } from \"../Callout\";\nimport { Field } from \"../Field\";\nimport { Input } from \"../Input\";\nimport { useUiStrings } from \"../../lib/i18n\";\n\n/* ============================================================================\n   FORGOT PASSWORD FORM\n\n   ONE field, submitted once. `onSubmit` is expected to resolve for ANY\n   syntactically-valid email (the server's own \"always 202, no enumeration\"\n   contract — DX-3416 card AC) — this component has no notion of whether the\n   address matched anything, only whether the REQUEST itself failed (network,\n   5xx, rate limit). On success it swaps to a static confirmation message\n   rather than resetting to a blank form, since a second submit of the same\n   email is meaningless once the first request landed.\n   ========================================================================= */\n\nexport interface ForgotPasswordFormProps {\n  onSubmit: (email: string) => Promise<void>;\n  submitLabel?: string;\n  className?: string;\n}\n\nexport function ForgotPasswordForm({ onSubmit, submitLabel, className }: ForgotPasswordFormProps) {\n  const strings = useUiStrings().forgotPasswordForm;\n  const [email, setEmail] = useState(\"\");\n  const [submitting, setSubmitting] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [sent, setSent] = useState(false);\n\n  const canSubmit = email.trim().length > 0 && !submitting;\n\n  async function handleSubmit(event: React.FormEvent) {\n    event.preventDefault();\n    if (!canSubmit) return;\n\n    setSubmitting(true);\n    setError(null);\n    try {\n      await onSubmit(email.trim());\n      setSent(true);\n    } catch (cause) {\n      setError(cause instanceof Error ? cause.message : strings.failedMessage);\n    } finally {\n      setSubmitting(false);\n    }\n  }\n\n  if (sent) {\n    return (\n      <div className={className}>\n        <Callout tone=\"success\" title={strings.sentTitle}>\n          {strings.sentBody(email.trim())}\n        </Callout>\n      </div>\n    );\n  }\n\n  return (\n    <form className={className} onSubmit={(event) => void handleSubmit(event)}>\n      <div className=\"flex flex-col gap-4\">\n        {error && <Callout tone=\"danger\" title={strings.failedTitle}>{error}</Callout>}\n\n        <Field label={strings.email} description={strings.emailDescription}>\n          <Input\n            type=\"email\"\n            value={email}\n            onChange={(event) => setEmail(event.target.value)}\n            autoComplete=\"email\"\n            disabled={submitting}\n            autoFocus\n            required\n          />\n        </Field>\n\n        <Button type=\"submit\" disabled={!canSubmit} loading={submitting} className=\"w-full\">\n          {submitLabel ?? strings.submit}\n        </Button>\n      </div>\n    </form>\n  );\n}\n"],"names":["ForgotPasswordForm","onSubmit","submitLabel","className","strings","useUiStrings","email","setEmail","useState","submitting","setSubmitting","error","setError","sent","setSent","canSubmit","handleSubmit","event","cause","jsx","Callout","jsxs","Field","Input","Button"],"mappings":";;;;;;;AAyBO,SAASA,EAAmB,EAAE,UAAAC,GAAU,aAAAC,GAAa,WAAAC,KAAsC;AAChG,QAAMC,IAAUC,IAAe,oBACzB,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAC/B,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAK,GAC5C,CAACG,GAAOC,CAAQ,IAAIJ,EAAwB,IAAI,GAChD,CAACK,GAAMC,CAAO,IAAIN,EAAS,EAAK,GAEhCO,IAAYT,EAAM,KAAA,EAAO,SAAS,KAAK,CAACG;AAE9C,iBAAeO,EAAaC,GAAwB;AAElD,QADAA,EAAM,eAAA,GACF,EAACF,GAEL;AAAA,MAAAL,EAAc,EAAI,GAClBE,EAAS,IAAI;AACb,UAAI;AACF,cAAMX,EAASK,EAAM,MAAM,GAC3BQ,EAAQ,EAAI;AAAA,MACd,SAASI,GAAO;AACd,QAAAN,EAASM,aAAiB,QAAQA,EAAM,UAAUd,EAAQ,aAAa;AAAA,MACzE,UAAA;AACE,QAAAM,EAAc,EAAK;AAAA,MACrB;AAAA;AAAA,EACF;AAEA,SAAIG,sBAEC,OAAA,EAAI,WAAAV,GACH,UAAA,gBAAAgB,EAACC,GAAA,EAAQ,MAAK,WAAU,OAAOhB,EAAQ,WACpC,YAAQ,SAASE,EAAM,KAAA,CAAM,GAChC,GACF,IAKF,gBAAAa,EAAC,QAAA,EAAK,WAAAhB,GAAsB,UAAU,CAACc;AAAU,IAAKD,EAAaC,CAAK;AAAA,KACtE,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,uBACZ,UAAA;AAAA,IAAAV,uBAAUS,GAAA,EAAQ,MAAK,UAAS,OAAOhB,EAAQ,aAAc,UAAAO,EAAA,CAAM;AAAA,sBAEnEW,GAAA,EAAM,OAAOlB,EAAQ,OAAO,aAAaA,EAAQ,kBAChD,UAAA,gBAAAe;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOjB;AAAA,QACP,UAAU,CAACW,MAAUV,EAASU,EAAM,OAAO,KAAK;AAAA,QAChD,cAAa;AAAA,QACb,UAAUR;AAAA,QACV,WAAS;AAAA,QACT,UAAQ;AAAA,MAAA;AAAA,IAAA,GAEZ;AAAA,IAEA,gBAAAU,EAACK,GAAA,EAAO,MAAK,UAAS,UAAU,CAACT,GAAW,SAASN,GAAY,WAAU,UACxE,UAAAP,KAAeE,EAAQ,OAAA,CAC1B;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/auth/LoginForm.js

@@ -0,0 +1,76 @@
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import { useState as n } from "react";
+import { Button as F } from "../Button.js";
+import { Callout as I } from "../Callout.js";
+import { Field as b } from "../Field.js";
+import { Input as j } from "../Input.js";
+import { PasswordInput as N } from "../PasswordInput.js";
+import { SignInProviders as q } from "./SignInProviders.js";
+import { useUiStrings as E } from "../../lib/i18n/provider.js";
+function H({
+  onSubmit: h,
+  forgotPasswordLink: s,
+  submitLabel: v,
+  providers: a,
+  onSelectProvider: S,
+  pendingProvider: w,
+  className: x
+}) {
+  const r = E().loginForm, [o, y] = n(""), [l, u] = n(""), [i, d] = n(!1), [m, c] = n(null), f = o.trim().length > 0 && l.length > 0 && !i;
+  async function C(t) {
+    if (t.preventDefault(), !!f) {
+      d(!0), c(null);
+      try {
+        await h(o.trim(), l), u("");
+      } catch (p) {
+        c(p instanceof Error ? p.message : r.failedMessage);
+      } finally {
+        d(!1);
+      }
+    }
+  }
+  return /* @__PURE__ */ e("form", { className: x, onSubmit: (t) => {
+    C(t);
+  }, children: /* @__PURE__ */ g("div", { className: "flex flex-col gap-4", children: [
+    m && /* @__PURE__ */ e(I, { tone: "danger", title: r.failedTitle, children: m }),
+    /* @__PURE__ */ e(b, { label: r.identifier, children: /* @__PURE__ */ e(
+      j,
+      {
+        value: o,
+        onChange: (t) => y(t.target.value),
+        autoComplete: "username",
+        disabled: i,
+        autoFocus: !0,
+        required: !0
+      }
+    ) }),
+    /* @__PURE__ */ g(b, { label: r.password, children: [
+      /* @__PURE__ */ e(
+        N,
+        {
+          value: l,
+          onChange: (t) => u(t.target.value),
+          autoComplete: "current-password",
+          disabled: i,
+          required: !0
+        }
+      ),
+      s && /* @__PURE__ */ e("div", { className: "flex justify-end", children: s })
+    ] }),
+    /* @__PURE__ */ e(F, { type: "submit", disabled: !f, loading: i, className: "w-full", children: v ?? r.submit }),
+    a && /* @__PURE__ */ e(
+      q,
+      {
+        divided: !0,
+        providers: a,
+        onSelect: S,
+        pending: w,
+        disabled: i
+      }
+    )
+  ] }) });
+}
+export {
+  H as LoginForm
+};
+//# sourceMappingURL=LoginForm.js.map

package/dist/components/auth/LoginForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginForm.js","sources":["../../../src/components/auth/LoginForm.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { Button } from \"../Button\";\nimport { Callout } from \"../Callout\";\nimport { Field } from \"../Field\";\nimport { Input } from \"../Input\";\nimport { PasswordInput } from \"../PasswordInput\";\nimport { useUiStrings } from \"../../lib/i18n\";\nimport { SignInProviders, type ProviderSelection } from \"./SignInProviders\";\n\n/* ============================================================================\n   LOGIN FORM\n\n   Two fields, local state, SAME self-contained shape as `ChangePasswordForm`\n   (see that file's own header for why: fields live here, not lifted to the\n   caller, and reset ONLY on a successful submit — a rejected login must not\n   force re-typing the password because the server was slow).\n\n   `identifier` — NOT `username` — because DX-3416's login route accepts\n   either an email or a username (the label says so too: \"Email or\n   username\"). This component has no notion of which one was typed; it hands\n   the raw string to `onSubmit` and the consumer's own auth call resolves it.\n   ========================================================================= */\n\n/* DX-5095 - the provider buttons are props of the form, not a free node, so the \"or\" rule and the buttons come and go\n   together: an empty `providers` list draws neither. */\nexport type LoginFormProps = {\n  onSubmit: (identifier: string, password: string) => Promise<void>;\n  /**\n   * Rendered below the password box, right-aligned, after it in DOM order (DX-5555) — typically a \"Forgot password?\"\n   * link. Tab runs identifier, password, the show-password toggle, this link, then Sign in.\n   */\n  forgotPasswordLink?: ReactNode;\n  submitLabel?: string;\n  className?: string;\n} & ProviderSelection;\n\nexport function LoginForm({\n  onSubmit,\n  forgotPasswordLink,\n  submitLabel,\n  providers,\n  onSelectProvider,\n  pendingProvider,\n  className,\n}: LoginFormProps) {\n  const strings = useUiStrings().loginForm;\n  const [identifier, setIdentifier] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n  const [submitting, setSubmitting] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const canSubmit = identifier.trim().length > 0 && password.length > 0 && !submitting;\n\n  async function handleSubmit(event: React.FormEvent) {\n    event.preventDefault();\n    if (!canSubmit) return;\n\n    setSubmitting(true);\n    setError(null);\n    try {\n      await onSubmit(identifier.trim(), password);\n      setPassword(\"\");\n    } catch (cause) {\n      setError(cause instanceof Error ? cause.message : strings.failedMessage);\n    } finally {\n      setSubmitting(false);\n    }\n  }\n\n  return (\n    <form className={className} onSubmit={(event) => void handleSubmit(event)}>\n      <div className=\"flex flex-col gap-4\">\n        {error && <Callout tone=\"danger\" title={strings.failedTitle}>{error}</Callout>}\n\n        <Field label={strings.identifier}>\n          <Input\n            value={identifier}\n            onChange={(event) => setIdentifier(event.target.value)}\n            autoComplete=\"username\"\n            disabled={submitting}\n            autoFocus\n            required\n          />\n        </Field>\n\n        <Field label={strings.password}>\n          <PasswordInput\n            value={password}\n            onChange={(event) => setPassword(event.target.value)}\n            autoComplete=\"current-password\"\n            disabled={submitting}\n            required\n          />\n          {/* DX-5555: after the input in DOM order, so Tab goes identifier -> password -> toggle -> this link. */}\n          {forgotPasswordLink && <div className=\"flex justify-end\">{forgotPasswordLink}</div>}\n        </Field>\n\n        <Button type=\"submit\" disabled={!canSubmit} loading={submitting} className=\"w-full\">\n          {submitLabel ?? strings.submit}\n        </Button>\n\n        {providers && (\n          <SignInProviders\n            divided\n            providers={providers}\n            onSelect={onSelectProvider}\n            pending={pendingProvider}\n            disabled={submitting}\n          />\n        )}\n      </div>\n    </form>\n  );\n}\n"],"names":["LoginForm","onSubmit","forgotPasswordLink","submitLabel","providers","onSelectProvider","pendingProvider","className","strings","useUiStrings","identifier","setIdentifier","useState","password","setPassword","submitting","setSubmitting","error","setError","canSubmit","handleSubmit","event","cause","jsx","jsxs","Callout","Field","Input","PasswordInput","Button","SignInProviders"],"mappings":";;;;;;;;;AAoCO,SAASA,EAAU;AAAA,EACxB,UAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AACF,GAAmB;AACjB,QAAMC,IAAUC,IAAe,WACzB,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAE,GACzC,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAE,GACrC,CAACG,GAAYC,CAAa,IAAIJ,EAAS,EAAK,GAC5C,CAACK,GAAOC,CAAQ,IAAIN,EAAwB,IAAI,GAEhDO,IAAYT,EAAW,OAAO,SAAS,KAAKG,EAAS,SAAS,KAAK,CAACE;AAE1E,iBAAeK,EAAaC,GAAwB;AAElD,QADAA,EAAM,eAAA,GACF,EAACF,GAEL;AAAA,MAAAH,EAAc,EAAI,GAClBE,EAAS,IAAI;AACb,UAAI;AACF,cAAMjB,EAASS,EAAW,KAAA,GAAQG,CAAQ,GAC1CC,EAAY,EAAE;AAAA,MAChB,SAASQ,GAAO;AACd,QAAAJ,EAASI,aAAiB,QAAQA,EAAM,UAAUd,EAAQ,aAAa;AAAA,MACzE,UAAA;AACE,QAAAQ,EAAc,EAAK;AAAA,MACrB;AAAA;AAAA,EACF;AAEA,SACE,gBAAAO,EAAC,QAAA,EAAK,WAAAhB,GAAsB,UAAU,CAACc;AAAU,IAAKD,EAAaC,CAAK;AAAA,KACtE,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,uBACZ,UAAA;AAAA,IAAAP,uBAAUQ,GAAA,EAAQ,MAAK,UAAS,OAAOjB,EAAQ,aAAc,UAAAS,EAAA,CAAM;AAAA,IAEpE,gBAAAM,EAACG,GAAA,EAAM,OAAOlB,EAAQ,YACpB,UAAA,gBAAAe;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,OAAOjB;AAAA,QACP,UAAU,CAACW,MAAUV,EAAcU,EAAM,OAAO,KAAK;AAAA,QACrD,cAAa;AAAA,QACb,UAAUN;AAAA,QACV,WAAS;AAAA,QACT,UAAQ;AAAA,MAAA;AAAA,IAAA,GAEZ;AAAA,IAEA,gBAAAS,EAACE,GAAA,EAAM,OAAOlB,EAAQ,UACpB,UAAA;AAAA,MAAA,gBAAAe;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,OAAOf;AAAA,UACP,UAAU,CAACQ,MAAUP,EAAYO,EAAM,OAAO,KAAK;AAAA,UACnD,cAAa;AAAA,UACb,UAAUN;AAAA,UACV,UAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAGTb,KAAsB,gBAAAqB,EAAC,OAAA,EAAI,WAAU,oBAAoB,UAAArB,EAAA,CAAmB;AAAA,IAAA,GAC/E;AAAA,IAEA,gBAAAqB,EAACM,GAAA,EAAO,MAAK,UAAS,UAAU,CAACV,GAAW,SAASJ,GAAY,WAAU,UACxE,UAAAZ,KAAeK,EAAQ,QAC1B;AAAA,IAECJ,KACC,gBAAAmB;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,SAAO;AAAA,QACP,WAAA1B;AAAA,QACA,UAAUC;AAAA,QACV,SAASC;AAAA,QACT,UAAUS;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,EAAA,CAEJ,EAAA,CACF;AAEJ;"}

package/dist/components/auth/ResetPasswordForm.js

@@ -0,0 +1,69 @@
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import { useState as a } from "react";
+import { Button as F } from "../Button.js";
+import { Callout as N } from "../Callout.js";
+import { Field as w } from "../Field.js";
+import { PasswordInput as b } from "../PasswordInput.js";
+import { PasswordRequirements as q } from "../PasswordRequirements.js";
+import { useUiStrings as M } from "../../lib/i18n/provider.js";
+function k({
+  passwordRules: v,
+  onSubmit: x,
+  submitLabel: C,
+  className: P
+}) {
+  const r = M().resetPasswordForm, [s, l] = a(""), [o, m] = a(""), [n, u] = a(!1), [c, d] = a(null), i = v(s), S = i.length === 0 || i.every((e) => e.met), f = o.length > 0 && o !== s, g = s.length > 0 && o.length > 0 && S && !f && !n;
+  async function y(e) {
+    if (e.preventDefault(), !!g) {
+      u(!0), d(null);
+      try {
+        await x(s), l(""), m("");
+      } catch (p) {
+        d(p instanceof Error ? p.message : r.failedMessage);
+      } finally {
+        u(!1);
+      }
+    }
+  }
+  return /* @__PURE__ */ t("form", { className: P, onSubmit: (e) => {
+    y(e);
+  }, children: /* @__PURE__ */ h("div", { className: "flex flex-col gap-4", children: [
+    c && /* @__PURE__ */ t(N, { tone: "danger", title: r.failedTitle, children: c }),
+    /* @__PURE__ */ h(w, { label: r.newPassword, children: [
+      /* @__PURE__ */ t(
+        b,
+        {
+          value: s,
+          onChange: (e) => l(e.target.value),
+          autoComplete: "new-password",
+          disabled: n,
+          autoFocus: !0,
+          required: !0
+        }
+      ),
+      /* @__PURE__ */ t(q, { rules: i, className: "mt-2" })
+    ] }),
+    /* @__PURE__ */ t(
+      w,
+      {
+        label: r.confirmPassword,
+        error: f ? r.mismatch : void 0,
+        children: /* @__PURE__ */ t(
+          b,
+          {
+            value: o,
+            onChange: (e) => m(e.target.value),
+            autoComplete: "new-password",
+            disabled: n,
+            required: !0
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t(F, { type: "submit", disabled: !g, loading: n, className: "w-full", children: C ?? r.submit })
+  ] }) });
+}
+export {
+  k as ResetPasswordForm
+};
+//# sourceMappingURL=ResetPasswordForm.js.map

package/dist/components/auth/ResetPasswordForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPasswordForm.js","sources":["../../../src/components/auth/ResetPasswordForm.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Button } from \"../Button\";\nimport { Callout } from \"../Callout\";\nimport { Field } from \"../Field\";\nimport { PasswordInput } from \"../PasswordInput\";\nimport { PasswordRequirements, type PasswordRequirementRule } from \"../PasswordRequirements\";\nimport { useUiStrings } from \"../../lib/i18n\";\n\n/* ============================================================================\n   RESET PASSWORD FORM\n\n   `ChangePasswordForm`'s sibling for the SIGNED-OUT reset-link flow — same\n   local-state / pure-`passwordRules` / reset-only-on-success shape (see that\n   file's own header for the full reasoning), with the one structural\n   difference the flow demands: there is no \"current password\" to prove\n   (the emailed TOKEN is what proves ownership, held by the consumer, not\n   typed into any field here) and CONFIRM-MATCHES-NEW is still the one\n   inline-checked piece of arithmetic, exactly as `ChangePasswordForm` does\n   it.\n   ========================================================================= */\n\nexport interface ResetPasswordFormProps {\n  /** Pure — recomputed against the current draft of the new password on every render. */\n  passwordRules: (nextPassword: string) => PasswordRequirementRule[];\n  onSubmit: (next: string) => Promise<void>;\n  submitLabel?: string;\n  className?: string;\n}\n\nexport function ResetPasswordForm({\n  passwordRules,\n  onSubmit,\n  submitLabel,\n  className,\n}: ResetPasswordFormProps) {\n  const strings = useUiStrings().resetPasswordForm;\n  const [next, setNext] = useState(\"\");\n  const [confirm, setConfirm] = useState(\"\");\n  const [submitting, setSubmitting] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const rules = passwordRules(next);\n  const allRulesMet = rules.length === 0 || rules.every((rule) => rule.met);\n  const confirmMismatch = confirm.length > 0 && confirm !== next;\n  const canSubmit = next.length > 0 && confirm.length > 0 && allRulesMet && !confirmMismatch && !submitting;\n\n  async function handleSubmit(event: React.FormEvent) {\n    event.preventDefault();\n    if (!canSubmit) return;\n\n    setSubmitting(true);\n    setError(null);\n    try {\n      await onSubmit(next);\n      setNext(\"\");\n      setConfirm(\"\");\n    } catch (cause) {\n      setError(cause instanceof Error ? cause.message : strings.failedMessage);\n    } finally {\n      setSubmitting(false);\n    }\n  }\n\n  return (\n    <form className={className} onSubmit={(event) => void handleSubmit(event)}>\n      <div className=\"flex flex-col gap-4\">\n        {error && <Callout tone=\"danger\" title={strings.failedTitle}>{error}</Callout>}\n\n        <Field label={strings.newPassword}>\n          <PasswordInput\n            value={next}\n            onChange={(event) => setNext(event.target.value)}\n            autoComplete=\"new-password\"\n            disabled={submitting}\n            autoFocus\n            required\n          />\n          <PasswordRequirements rules={rules} className=\"mt-2\" />\n        </Field>\n\n        <Field\n          label={strings.confirmPassword}\n          error={confirmMismatch ? strings.mismatch : undefined}\n        >\n          <PasswordInput\n            value={confirm}\n            onChange={(event) => setConfirm(event.target.value)}\n            autoComplete=\"new-password\"\n            disabled={submitting}\n            required\n          />\n        </Field>\n\n        <Button type=\"submit\" disabled={!canSubmit} loading={submitting} className=\"w-full\">\n          {submitLabel ?? strings.submit}\n        </Button>\n      </div>\n    </form>\n  );\n}\n"],"names":["ResetPasswordForm","passwordRules","onSubmit","submitLabel","className","strings","useUiStrings","next","setNext","useState","confirm","setConfirm","submitting","setSubmitting","error","setError","rules","allRulesMet","rule","confirmMismatch","canSubmit","handleSubmit","event","cause","jsx","jsxs","Callout","Field","PasswordInput","PasswordRequirements","Button"],"mappings":";;;;;;;;AA6BO,SAASA,EAAkB;AAAA,EAChC,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AACF,GAA2B;AACzB,QAAMC,IAAUC,IAAe,mBACzB,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAE,GAC7B,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAE,GACnC,CAACG,GAAYC,CAAa,IAAIJ,EAAS,EAAK,GAC5C,CAACK,GAAOC,CAAQ,IAAIN,EAAwB,IAAI,GAEhDO,IAAQf,EAAcM,CAAI,GAC1BU,IAAcD,EAAM,WAAW,KAAKA,EAAM,MAAM,CAACE,MAASA,EAAK,GAAG,GAClEC,IAAkBT,EAAQ,SAAS,KAAKA,MAAYH,GACpDa,IAAYb,EAAK,SAAS,KAAKG,EAAQ,SAAS,KAAKO,KAAe,CAACE,KAAmB,CAACP;AAE/F,iBAAeS,EAAaC,GAAwB;AAElD,QADAA,EAAM,eAAA,GACF,EAACF,GAEL;AAAA,MAAAP,EAAc,EAAI,GAClBE,EAAS,IAAI;AACb,UAAI;AACF,cAAMb,EAASK,CAAI,GACnBC,EAAQ,EAAE,GACVG,EAAW,EAAE;AAAA,MACf,SAASY,GAAO;AACd,QAAAR,EAASQ,aAAiB,QAAQA,EAAM,UAAUlB,EAAQ,aAAa;AAAA,MACzE,UAAA;AACE,QAAAQ,EAAc,EAAK;AAAA,MACrB;AAAA;AAAA,EACF;AAEA,SACE,gBAAAW,EAAC,QAAA,EAAK,WAAApB,GAAsB,UAAU,CAACkB;AAAU,IAAKD,EAAaC,CAAK;AAAA,KACtE,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,uBACZ,UAAA;AAAA,IAAAX,uBAAUY,GAAA,EAAQ,MAAK,UAAS,OAAOrB,EAAQ,aAAc,UAAAS,EAAA,CAAM;AAAA,IAEpE,gBAAAW,EAACE,GAAA,EAAM,OAAOtB,EAAQ,aACpB,UAAA;AAAA,MAAA,gBAAAmB;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAOrB;AAAA,UACP,UAAU,CAACe,MAAUd,EAAQc,EAAM,OAAO,KAAK;AAAA,UAC/C,cAAa;AAAA,UACb,UAAUV;AAAA,UACV,WAAS;AAAA,UACT,UAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEV,gBAAAY,EAACK,GAAA,EAAqB,OAAAb,GAAc,WAAU,OAAA,CAAO;AAAA,IAAA,GACvD;AAAA,IAEA,gBAAAQ;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,OAAOtB,EAAQ;AAAA,QACf,OAAOc,IAAkBd,EAAQ,WAAW;AAAA,QAE5C,UAAA,gBAAAmB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAOlB;AAAA,YACP,UAAU,CAACY,MAAUX,EAAWW,EAAM,OAAO,KAAK;AAAA,YAClD,cAAa;AAAA,YACb,UAAUV;AAAA,YACV,UAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,IAGF,gBAAAY,EAACM,GAAA,EAAO,MAAK,UAAS,UAAU,CAACV,GAAW,SAASR,GAAY,WAAU,UACxE,UAAAT,KAAeE,EAAQ,OAAA,CAC1B;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/auth/SignInProviders.js

@@ -0,0 +1,45 @@
+import { jsxs as i, Fragment as d, jsx as e } from "react/jsx-runtime";
+import { Button as f } from "../Button.js";
+import { Icon as g } from "../Icon.js";
+import { cn as a } from "../../lib/cn.js";
+import { useUiStrings as o } from "../../lib/i18n/provider.js";
+function P({
+  providers: l,
+  onSelect: r,
+  pending: s = null,
+  disabled: c = !1,
+  divided: m = !1,
+  className: u
+}) {
+  const t = o().signInProviders;
+  return l.length === 0 ? null : /* @__PURE__ */ i(d, { children: [
+    m && /* @__PURE__ */ e(p, {}),
+    /* @__PURE__ */ e("div", { role: "group", "aria-label": t.groupLabel, className: a("flex flex-col gap-2", u), children: l.map((n) => /* @__PURE__ */ e(
+      f,
+      {
+        type: "button",
+        variant: "outline",
+        className: "w-full",
+        leadingIcon: /* @__PURE__ */ e(g, { name: n.id }),
+        loading: s === n.id,
+        disabled: c || s !== null,
+        onClick: () => r(n.id),
+        children: t.continueWith(n.label)
+      },
+      n.id
+    )) })
+  ] });
+}
+function p({ className: l }) {
+  const r = o().signInProviders;
+  return /* @__PURE__ */ i("div", { role: "separator", className: a("flex items-center gap-3 text-xs uppercase text-secondary", l), children: [
+    /* @__PURE__ */ e("span", { className: "h-px flex-1 bg-border-subtle" }),
+    /* @__PURE__ */ e("span", { children: r.or }),
+    /* @__PURE__ */ e("span", { className: "h-px flex-1 bg-border-subtle" })
+  ] });
+}
+export {
+  p as OrDivider,
+  P as SignInProviders
+};
+//# sourceMappingURL=SignInProviders.js.map

package/dist/components/auth/SignInProviders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignInProviders.js","sources":["../../../src/components/auth/SignInProviders.tsx"],"sourcesContent":["import { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\nimport { cn } from \"../../lib/cn\";\nimport { useUiStrings } from \"../../lib/i18n\";\n\n/* ============================================================================\n   SIGN-IN PROVIDERS (DX-5095)\n\n   One \"Continue with <provider>\" button per provider, stacked full width. The\n   caller owns what a pick does (a redirect to the provider, normally): this\n   component only reports `onSelect(id)` and shows which one is in flight.\n\n   `pending` names the provider whose round trip has started. The WHOLE row is\n   disabled while it is set, not just that button — a second provider clicked\n   mid-redirect would start a competing sign-in — and the pending button shows\n   its spinner. `disabled` blocks the row for a reason the caller owns (a form\n   that is not yet allowed to continue).\n\n   The marks come from `Icon` (`google` is a fixed four-colour brand mark,\n   `github` follows the text colour), so there is no image to host and no\n   network request.\n   ========================================================================= */\n\nexport type SignInProviderId = \"google\" | \"github\";\n\nexport interface SignInProvider {\n  id: SignInProviderId;\n  /** The provider's name as the button shows it (\"Google\"). */\n  label: string;\n}\n\nexport interface SignInProvidersProps {\n  providers: readonly SignInProvider[];\n  onSelect: (id: SignInProviderId) => void;\n  /** The provider whose sign-in has started; disables the whole row. */\n  pending?: SignInProviderId | null;\n  /** Blocks the row without a pending provider. */\n  disabled?: boolean;\n  /**\n   * Draws the \"or\" rule above the row. The rule belongs to the row, not to the form around it, so an empty `providers`\n   * list renders neither: there is no way to get an orphan divider (DX-5095).\n   */\n  divided?: boolean;\n  className?: string;\n}\n\nexport function SignInProviders({\n  providers,\n  onSelect,\n  pending = null,\n  disabled = false,\n  divided = false,\n  className,\n}: SignInProvidersProps) {\n  const strings = useUiStrings().signInProviders;\n  if (providers.length === 0) return null;\n  return (\n    <>\n      {divided && <OrDivider />}\n      <div role=\"group\" aria-label={strings.groupLabel} className={cn(\"flex flex-col gap-2\", className)}>\n      {providers.map((provider) => (\n        <Button\n          key={provider.id}\n          type=\"button\"\n          variant=\"outline\"\n          className=\"w-full\"\n          leadingIcon={<Icon name={provider.id} />}\n          loading={pending === provider.id}\n          disabled={disabled || pending !== null}\n          onClick={() => onSelect(provider.id)}\n        >\n          {strings.continueWith(provider.label)}\n        </Button>\n      ))}\n      </div>\n    </>\n  );\n}\n\n/** A verified identity from a provider: the account is created from it, so no password exists to ask for. */\nexport interface VerifiedIdentity {\n  provider: SignInProviderId;\n  handle: string;\n  email: string;\n}\n\n/**\n * The provider buttons of a card that creates an account: all three props or none. `Ctx` is what the card has\n * collected that the provider round trip must carry.\n */\nexport type ProviderContinuation<Ctx> =\n  | { providers?: undefined; onContinueWithProvider?: undefined; pendingProvider?: undefined }\n  | {\n      providers: readonly SignInProvider[];\n      onContinueWithProvider: (id: SignInProviderId, context: Ctx) => void;\n      /** The provider whose round trip has started; disables the row. */\n      pendingProvider?: SignInProviderId | null;\n    };\n\n/** The provider buttons of a form that signs an existing account in: all three props or none. */\nexport type ProviderSelection =\n  | { providers?: undefined; onSelectProvider?: undefined; pendingProvider?: undefined }\n  | {\n      providers: readonly SignInProvider[];\n      onSelectProvider: (id: SignInProviderId) => void;\n      /** The provider whose round trip has started; disables the row. */\n      pendingProvider?: SignInProviderId | null;\n    };\n\n/** The \"or\" rule between a form and its provider buttons. */\nexport function OrDivider({ className }: { className?: string }) {\n  const strings = useUiStrings().signInProviders;\n  return (\n    <div role=\"separator\" className={cn(\"flex items-center gap-3 text-xs uppercase text-secondary\", className)}>\n      <span className=\"h-px flex-1 bg-border-subtle\" />\n      <span>{strings.or}</span>\n      <span className=\"h-px flex-1 bg-border-subtle\" />\n    </div>\n  );\n}\n"],"names":["SignInProviders","providers","onSelect","pending","disabled","divided","className","strings","useUiStrings","jsxs","Fragment","OrDivider","jsx","cn","provider","Button","Icon"],"mappings":";;;;;AA8CO,SAASA,EAAgB;AAAA,EAC9B,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,SAAAC,IAAU;AAAA,EACV,WAAAC;AACF,GAAyB;AACvB,QAAMC,IAAUC,IAAe;AAC/B,SAAIP,EAAU,WAAW,IAAU,OAEjC,gBAAAQ,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAL,uBAAYM,GAAA,EAAU;AAAA,IACvB,gBAAAC,EAAC,OAAA,EAAI,MAAK,SAAQ,cAAYL,EAAQ,YAAY,WAAWM,EAAG,uBAAuBP,CAAS,GAC/F,UAAAL,EAAU,IAAI,CAACa,MACd,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,aAAa,gBAAAH,EAACI,GAAA,EAAK,MAAMF,EAAS,IAAI;AAAA,QACtC,SAASX,MAAYW,EAAS;AAAA,QAC9B,UAAUV,KAAYD,MAAY;AAAA,QAClC,SAAS,MAAMD,EAASY,EAAS,EAAE;AAAA,QAElC,UAAAP,EAAQ,aAAaO,EAAS,KAAK;AAAA,MAAA;AAAA,MAT/BA,EAAS;AAAA,IAAA,CAWjB,EAAA,CACD;AAAA,EAAA,GACF;AAEJ;AAiCO,SAASH,EAAU,EAAE,WAAAL,KAAqC;AAC/D,QAAMC,IAAUC,IAAe;AAC/B,SACE,gBAAAC,EAAC,SAAI,MAAK,aAAY,WAAWI,EAAG,4DAA4DP,CAAS,GACvG,UAAA;AAAA,IAAA,gBAAAM,EAAC,QAAA,EAAK,WAAU,+BAAA,CAA+B;AAAA,IAC/C,gBAAAA,EAAC,QAAA,EAAM,UAAAL,EAAQ,GAAA,CAAG;AAAA,IAClB,gBAAAK,EAAC,QAAA,EAAK,WAAU,+BAAA,CAA+B;AAAA,EAAA,GACjD;AAEJ;"}

package/dist/components/auth/SignupCard.js

@@ -0,0 +1,204 @@
+import { jsxs as w, jsx as t, Fragment as ae } from "react/jsx-runtime";
+import { useState as r, useRef as ie, useEffect as ne } from "react";
+import { Button as I } from "../Button.js";
+import { Callout as se } from "../Callout.js";
+import { Field as c } from "../Field.js";
+import { Input as f } from "../Input.js";
+import { PasswordInput as re } from "../PasswordInput.js";
+import { PasswordRequirements as oe } from "../PasswordRequirements.js";
+import { SignInProviders as le } from "./SignInProviders.js";
+import { TermsAcceptance as me } from "./TermsAcceptance.js";
+import { useUiStrings as E } from "../../lib/i18n/provider.js";
+import { emphasis as ce } from "../../lib/i18n/emphasis.js";
+function we(g) {
+  const {
+    initialCode: o,
+    onValidateCode: j,
+    passwordRules: D,
+    termsHref: M,
+    onOpenTerms: U,
+    initialValues: v,
+    loading: i = !1,
+    error: P,
+    onSignInInstead: T,
+    verifiedIdentity: s,
+    providers: R,
+    onContinueWithProvider: B,
+    pendingProvider: H,
+    className: W
+  } = g, a = E().signupCard, A = E().signInProviders, [l, $] = r(o ?? ""), [n, h] = r(o ? { status: "checking" } : { status: "idle" }), [C, G] = r(v?.name ?? ""), [b, J] = r(v?.username ?? ""), [K, Q] = r(""), [d, X] = r(v?.teamName ?? ""), [k, Y] = r(""), [y, Z] = r(v?.acceptedTerms ?? !1), N = ie(0);
+  function F(e) {
+    const p = ++N.current;
+    h({ status: "checking" }), j(e.trim()).then(
+      (S) => {
+        p === N.current && h({ status: "valid", emailLock: S.emailLock });
+      },
+      (S) => {
+        p === N.current && h({
+          status: "invalid",
+          message: S instanceof Error ? S.message : a.invalidCode
+        });
+      }
+    );
+  }
+  ne(() => {
+    o && F(o);
+  }, []);
+  const u = n.status === "valid", m = n.status === "valid" ? n.emailLock : null, O = u && o !== void 0 && l === o, x = !s, L = s?.email ?? m ?? K, _ = !x || m !== null, V = s !== void 0 && m !== null && m.toLowerCase() !== s.email.toLowerCase(), q = D(k), ee = !x || q.every((e) => e.met), z = u && C.trim() !== "" && b.trim() !== "" && L.trim() !== "" && d.trim() !== "" && (!x || k !== "") && ee && !V && y && !i;
+  function te(e) {
+    if (e.preventDefault(), !u) {
+      l.trim() !== "" && n.status !== "checking" && F(l);
+      return;
+    }
+    if (!z) return;
+    const p = {
+      code: l.trim(),
+      name: C.trim(),
+      username: b.trim(),
+      email: L.trim(),
+      teamName: d.trim(),
+      acceptedTerms: !0
+    };
+    g.verifiedIdentity ? g.onSignup(p) : g.onSignup({ ...p, password: k });
+  }
+  return /* @__PURE__ */ w("form", { className: `flex flex-col gap-4 ${W ?? ""}`, onSubmit: te, noValidate: !0, children: [
+    P && /* @__PURE__ */ t(se, { tone: "danger", title: P }),
+    /* @__PURE__ */ t(
+      c,
+      {
+        label: a.betaCode,
+        description: O ? a.codeFromLink : void 0,
+        error: n.status === "invalid" ? n.message : void 0,
+        children: /* @__PURE__ */ t(
+          f,
+          {
+            value: l,
+            onChange: (e) => {
+              N.current += 1, $(e.target.value), h({ status: "idle" });
+            },
+            readOnly: O,
+            disabled: i,
+            loading: n.status === "checking",
+            autoComplete: "off",
+            autoCapitalize: "characters",
+            spellCheck: !1,
+            autoFocus: !o
+          }
+        )
+      }
+    ),
+    !u && /* @__PURE__ */ t(
+      I,
+      {
+        type: "submit",
+        disabled: l.trim() === "" || n.status === "checking",
+        loading: n.status === "checking",
+        className: "w-full",
+        children: a.continue
+      }
+    ),
+    u && /* @__PURE__ */ w(ae, { children: [
+      /* @__PURE__ */ t(c, { label: a.name, children: /* @__PURE__ */ t(
+        f,
+        {
+          value: C,
+          onChange: (e) => G(e.target.value),
+          disabled: i,
+          autoComplete: "name",
+          autoFocus: !0
+        }
+      ) }),
+      /* @__PURE__ */ t(c, { label: a.username, children: /* @__PURE__ */ t(
+        f,
+        {
+          value: b,
+          onChange: (e) => J(e.target.value),
+          disabled: i,
+          autoComplete: "username",
+          autoCapitalize: "none",
+          spellCheck: !1
+        }
+      ) }),
+      /* @__PURE__ */ t(
+        c,
+        {
+          label: a.email,
+          description: m !== null ? a.emailReserved : void 0,
+          error: V ? a.emailLockMismatch(m) : void 0,
+          children: /* @__PURE__ */ t(
+            f,
+            {
+              type: "email",
+              value: L,
+              onChange: (e) => Q(e.target.value),
+              readOnly: _,
+              disabled: i,
+              autoComplete: "email"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t(c, { label: a.teamName, description: a.teamNameDescription, children: /* @__PURE__ */ t(
+        f,
+        {
+          value: d,
+          onChange: (e) => X(e.target.value),
+          disabled: i,
+          autoComplete: "organization"
+        }
+      ) }),
+      s ? /* @__PURE__ */ t("p", { className: "text-sm text-secondary", children: A.verifiedAs(
+        A.names[s.provider],
+        s.handle,
+        ce
+      ) }) : /* @__PURE__ */ w(c, { label: a.password, children: [
+        /* @__PURE__ */ t(
+          re,
+          {
+            value: k,
+            onChange: (e) => Y(e.target.value),
+            disabled: i,
+            autoComplete: "new-password"
+          }
+        ),
+        /* @__PURE__ */ t(oe, { rules: q, className: "mt-2" })
+      ] }),
+      /* @__PURE__ */ t(
+        me,
+        {
+          checked: y,
+          onCheckedChange: Z,
+          termsHref: M,
+          onOpenTerms: U,
+          disabled: i
+        }
+      ),
+      /* @__PURE__ */ t(I, { type: "submit", disabled: !z, loading: i, className: "w-full", children: a.createAccount }),
+      R && !s && /* @__PURE__ */ t(
+        le,
+        {
+          divided: !0,
+          providers: R,
+          onSelect: (e) => B(e, {
+            code: l.trim(),
+            name: C.trim(),
+            username: b.trim(),
+            teamName: d.trim(),
+            acceptedTerms: !0
+          }),
+          pending: H,
+          disabled: d.trim() === "" || !y || i
+        }
+      )
+    ] }),
+    T && /* @__PURE__ */ w("p", { className: "text-center text-sm text-secondary", children: [
+      a.haveAccount,
+      " ",
+      /* @__PURE__ */ t(I, { type: "button", variant: "link", onClick: T, children: a.signIn })
+    ] })
+  ] });
+}
+export {
+  we as SignupCard
+};
+//# sourceMappingURL=SignupCard.js.map

package/dist/components/auth/SignupCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignupCard.js","sources":["../../../src/components/auth/SignupCard.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type FormEvent } from \"react\";\nimport { Button } from \"../Button\";\nimport { Callout } from \"../Callout\";\nimport { Field } from \"../Field\";\nimport { Input } from \"../Input\";\nimport { PasswordInput } from \"../PasswordInput\";\nimport { PasswordRequirements, type PasswordRequirementRule } from \"../PasswordRequirements\";\nimport { emphasis, useUiStrings } from \"../../lib/i18n\";\nimport {\n  SignInProviders,\n  type ProviderContinuation,\n  type VerifiedIdentity,\n} from \"./SignInProviders\";\nimport { TermsAcceptance, type TermsAcceptanceProps } from \"./TermsAcceptance\";\n\n/* ============================================================================\n   SIGNUP CARD\n\n   The body of the public closed-beta sign-up page (rendered inside\n   `AuthLayout`), `AcceptInvitationCard`'s sibling for a visitor who holds a\n   CODE instead of an invitation. Two steps in one card, chosen by what the\n   consumer's `onValidateCode` says about the code:\n\n     1. The code. A typed code is checked when the person presses Continue (or\n        Enter); a code handed in through `initialCode` (the sign-up link) is\n        checked on mount and then shown read-only. A code that is not good shows\n        the message `onValidateCode` rejected with, under the field.\n     2. The account form, shown once the code is good: name, username, email,\n        the name of the team the sign-up creates, a password (with the\n        consumer's own live rules) and the required \"I agree to the Terms of\n        Use\" row, submitted as ONE `onSignup` call. A code that is reserved for\n        one address (`emailLock`) fills the email and locks it. Changing the\n        code hides the form again until the new one is checked.\n\n   DX-5095 - the account form can end without a password:\n     - `providers` + `onContinueWithProvider` add \"Continue with <provider>\"\n       buttons under the form. They stay disabled until the team name is\n       filled and the terms row is ticked (a provider sign-in creates the\n       account too) and report what was typed (`{code, name, username,\n       teamName, acceptedTerms}`). The consumer keeps that across its redirect\n       and hands it back as `initialValues` (plus `initialCode`), so the person\n       never re-ticks the terms or re-types after coming back.\n     - `verifiedIdentity` is set once a provider has verified the person (the\n       consumer's own redirect-back): the password field and provider buttons go\n       away, the email is the provider's, read-only, and `onSignup` takes no\n       password. The two modes are a discriminated union (like\n       `ChangePasswordForm`); a screen that is in either mode renders one\n       branch per mode.\n     - A code reserved for one address (`emailLock`) is never overridden by the\n       provider: when the verified email differs (compared case-insensitively),\n       the email field shows the mismatch and the form cannot be submitted.\n\n   PRESENTATIONAL ONLY: no fetch, no token handling, no notion of what a code\n   is or how it is spelled (the consumer sends it to the server verbatim, which\n   normalises it), and no knowledge of the password policy — same relationship\n   every other component in this library has with its data.\n   ========================================================================= */\n\ntype CodeState =\n  | { status: \"idle\" }\n  | { status: \"checking\" }\n  | { status: \"valid\"; emailLock: string | null }\n  | { status: \"invalid\"; message: string };\n\n/** What the account form hands over; the password mode adds `password`, the verified mode does not. */\ntype SignupAccount = {\n  code: string;\n  name: string;\n  username: string;\n  email: string;\n  teamName: string;\n  acceptedTerms: true;\n};\n\n/** What the person typed before a provider round trip, handed back on return (the code comes back as `initialCode`). */\nexport interface SignupInitialValues {\n  name?: string;\n  username?: string;\n  teamName?: string;\n  acceptedTerms?: boolean;\n}\n\ntype SignupCardBase = {\n  /** A code already known (the sign-up link's). Checked on mount, then shown read-only while it is good. */\n  initialCode?: string;\n  /**\n   * Checks a code. Resolves when it is usable — with the email it is reserved for, or `null` when\n   * any address may use it. Rejects with an `Error` whose message is shown to the person when it is not.\n   */\n  onValidateCode: (code: string) => Promise<{ emailLock: string | null }>;\n  /** Pure — recomputed against the current draft of the password on every render. */\n  passwordRules: (password: string) => PasswordRequirementRule[];\n  /** Where the Terms of Use are read, linked from the agreement row. */\n  termsHref: string;\n  /** Runs on that link's click; see `TermsAcceptance`. */\n  onOpenTerms?: TermsAcceptanceProps[\"onOpenTerms\"];\n  /** Seeds the account form (read once, on mount): what `onContinueWithProvider` reported before the redirect. */\n  initialValues?: SignupInitialValues;\n  loading?: boolean;\n  /** A server-side error surfaced after a failed submit (username taken, rate limited, ...). */\n  error?: string;\n  /** Offered beneath the card for a visitor who already has an account. */\n  onSignInInstead?: () => void;\n  className?: string;\n};\n\nexport type SignupCardProps = SignupCardBase &\n  ProviderContinuation<{ code: string; name: string; username: string; teamName: string; acceptedTerms: true }> &\n  (\n    | { verifiedIdentity?: undefined; onSignup: (input: SignupAccount & { password: string }) => void }\n    | {\n        /** Set once a provider has verified the person; replaces the password field and fills the email. */\n        verifiedIdentity: VerifiedIdentity;\n        onSignup: (input: SignupAccount) => void;\n      }\n  );\n\nexport function SignupCard(props: SignupCardProps) {\n  const {\n    initialCode,\n    onValidateCode,\n    passwordRules,\n    termsHref,\n    onOpenTerms,\n    initialValues,\n    loading = false,\n    error,\n    onSignInInstead,\n    verifiedIdentity,\n    providers,\n    onContinueWithProvider,\n    pendingProvider,\n    className,\n  } = props;\n  const strings = useUiStrings().signupCard;\n  const providerStrings = useUiStrings().signInProviders;\n  const [code, setCode] = useState(initialCode ?? \"\");\n  const [codeState, setCodeState] = useState<CodeState>(initialCode ? { status: \"checking\" } : { status: \"idle\" });\n  const [name, setName] = useState(initialValues?.name ?? \"\");\n  const [username, setUsername] = useState(initialValues?.username ?? \"\");\n  const [email, setEmail] = useState(\"\");\n  const [teamName, setTeamName] = useState(initialValues?.teamName ?? \"\");\n  const [password, setPassword] = useState(\"\");\n  const [acceptedTerms, setAcceptedTerms] = useState(initialValues?.acceptedTerms ?? false);\n  /* Only the newest check may answer: a slow reply for a code the person has\n     since changed must not unlock the form for the new one. */\n  const checkSeq = useRef(0);\n\n  function checkCode(candidate: string) {\n    const seq = ++checkSeq.current;\n    setCodeState({ status: \"checking\" });\n    onValidateCode(candidate.trim()).then(\n      (result) => {\n        if (seq === checkSeq.current) setCodeState({ status: \"valid\", emailLock: result.emailLock });\n      },\n      (cause: unknown) => {\n        if (seq !== checkSeq.current) return;\n        setCodeState({\n          status: \"invalid\",\n          message: cause instanceof Error ? cause.message : strings.invalidCode,\n        });\n      },\n    );\n  }\n\n  useEffect(() => {\n    if (initialCode) checkCode(initialCode);\n    // Runs once for the link's code; later checks are the person's own.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const valid = codeState.status === \"valid\";\n  const emailLock = codeState.status === \"valid\" ? codeState.emailLock : null;\n  const linkCodeLocked = valid && initialCode !== undefined && code === initialCode;\n  const needsPassword = !verifiedIdentity;\n  const emailValue = verifiedIdentity?.email ?? emailLock ?? email;\n  const emailReadOnly = !needsPassword || emailLock !== null;\n  /* DX-5095: a provider never overrides a code's reserved address; a different one blocks the form instead. */\n  const emailLockConflict =\n    verifiedIdentity !== undefined &&\n    emailLock !== null &&\n    emailLock.toLowerCase() !== verifiedIdentity.email.toLowerCase();\n  const rules = passwordRules(password);\n  const allRulesMet = !needsPassword || rules.every((rule) => rule.met);\n\n  const canSubmit =\n    valid &&\n    name.trim() !== \"\" &&\n    username.trim() !== \"\" &&\n    emailValue.trim() !== \"\" &&\n    teamName.trim() !== \"\" &&\n    (!needsPassword || password !== \"\") &&\n    allRulesMet &&\n    !emailLockConflict &&\n    acceptedTerms &&\n    !loading;\n\n  function handleSubmit(event: FormEvent) {\n    event.preventDefault();\n    if (!valid) {\n      if (code.trim() !== \"\" && codeState.status !== \"checking\") checkCode(code);\n      return;\n    }\n    if (!canSubmit) return;\n    const account = {\n      code: code.trim(),\n      name: name.trim(),\n      username: username.trim(),\n      email: emailValue.trim(),\n      teamName: teamName.trim(),\n      acceptedTerms: true,\n    } as const;\n    if (props.verifiedIdentity) props.onSignup(account);\n    else props.onSignup({ ...account, password });\n  }\n\n  return (\n    <form className={`flex flex-col gap-4 ${className ?? \"\"}`} onSubmit={handleSubmit} noValidate>\n      {error && <Callout tone=\"danger\" title={error} />}\n\n      <Field\n        label={strings.betaCode}\n        description={linkCodeLocked ? strings.codeFromLink : undefined}\n        error={codeState.status === \"invalid\" ? codeState.message : undefined}\n      >\n        <Input\n          value={code}\n          onChange={(event) => {\n            checkSeq.current += 1;\n            setCode(event.target.value);\n            setCodeState({ status: \"idle\" });\n          }}\n          readOnly={linkCodeLocked}\n          disabled={loading}\n          loading={codeState.status === \"checking\"}\n          autoComplete=\"off\"\n          autoCapitalize=\"characters\"\n          spellCheck={false}\n          autoFocus={!initialCode}\n        />\n      </Field>\n\n      {!valid && (\n        <Button\n          type=\"submit\"\n          disabled={code.trim() === \"\" || codeState.status === \"checking\"}\n          loading={codeState.status === \"checking\"}\n          className=\"w-full\"\n        >\n          {strings.continue}\n        </Button>\n      )}\n\n      {valid && (\n        <>\n          <Field label={strings.name}>\n            <Input\n              value={name}\n              onChange={(event) => setName(event.target.value)}\n              disabled={loading}\n              autoComplete=\"name\"\n              autoFocus\n            />\n          </Field>\n          <Field label={strings.username}>\n            <Input\n              value={username}\n              onChange={(event) => setUsername(event.target.value)}\n              disabled={loading}\n              autoComplete=\"username\"\n              autoCapitalize=\"none\"\n              spellCheck={false}\n            />\n          </Field>\n          <Field\n            label={strings.email}\n            description={emailLock !== null ? strings.emailReserved : undefined}\n            error={emailLockConflict ? strings.emailLockMismatch(emailLock) : undefined}\n          >\n            <Input\n              type=\"email\"\n              value={emailValue}\n              onChange={(event) => setEmail(event.target.value)}\n              readOnly={emailReadOnly}\n              disabled={loading}\n              autoComplete=\"email\"\n            />\n          </Field>\n          <Field label={strings.teamName} description={strings.teamNameDescription}>\n            <Input\n              value={teamName}\n              onChange={(event) => setTeamName(event.target.value)}\n              disabled={loading}\n              autoComplete=\"organization\"\n            />\n          </Field>\n          {verifiedIdentity ? (\n            <p className=\"text-sm text-secondary\">\n              {providerStrings.verifiedAs(\n                providerStrings.names[verifiedIdentity.provider],\n                verifiedIdentity.handle,\n                emphasis,\n              )}\n            </p>\n          ) : (\n            <Field label={strings.password}>\n              <PasswordInput\n                value={password}\n                onChange={(event) => setPassword(event.target.value)}\n                disabled={loading}\n                autoComplete=\"new-password\"\n              />\n              <PasswordRequirements rules={rules} className=\"mt-2\" />\n            </Field>\n          )}\n          <TermsAcceptance\n            checked={acceptedTerms}\n            onCheckedChange={setAcceptedTerms}\n            termsHref={termsHref}\n            onOpenTerms={onOpenTerms}\n            disabled={loading}\n          />\n          <Button type=\"submit\" disabled={!canSubmit} loading={loading} className=\"w-full\">\n            {strings.createAccount}\n          </Button>\n          {providers && !verifiedIdentity && (\n            <SignInProviders\n              divided\n              providers={providers}\n              onSelect={(id) =>\n                onContinueWithProvider(id, {\n                  code: code.trim(),\n                  name: name.trim(),\n                  username: username.trim(),\n                  teamName: teamName.trim(),\n                  acceptedTerms: true,\n                })\n              }\n              pending={pendingProvider}\n              disabled={teamName.trim() === \"\" || !acceptedTerms || loading}\n            />\n          )}\n        </>\n      )}\n\n      {onSignInInstead && (\n        <p className=\"text-center text-sm text-secondary\">\n          {strings.haveAccount}{\" \"}\n          <Button type=\"button\" variant=\"link\" onClick={onSignInInstead}>\n            {strings.signIn}\n          </Button>\n        </p>\n      )}\n    </form>\n  );\n}\n"],"names":["SignupCard","props","initialCode","onValidateCode","passwordRules","termsHref","onOpenTerms","initialValues","loading","error","onSignInInstead","verifiedIdentity","providers","onContinueWithProvider","pendingProvider","className","strings","useUiStrings","providerStrings","code","setCode","useState","codeState","setCodeState","name","setName","username","setUsername","email","setEmail","teamName","setTeamName","password","setPassword","acceptedTerms","setAcceptedTerms","checkSeq","useRef","checkCode","candidate","seq","result","cause","useEffect","valid","emailLock","linkCodeLocked","needsPassword","emailValue","emailReadOnly","emailLockConflict","rules","allRulesMet","rule","canSubmit","handleSubmit","event","account","jsxs","jsx","Callout","Field","Input","Button","Fragment","emphasis","PasswordInput","PasswordRequirements","TermsAcceptance","SignInProviders","id"],"mappings":"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"}

package/dist/components/auth/TermsAcceptance.js

@@ -0,0 +1,43 @@
+import { jsx as r, jsxs as m, Fragment as s } from "react/jsx-runtime";
+import { CheckboxField as f } from "../Choice.js";
+import { useUiStrings as d } from "../../lib/i18n/provider.js";
+function h({
+  checked: n,
+  onCheckedChange: t,
+  termsHref: o,
+  onOpenTerms: i,
+  disabled: c,
+  error: l,
+  className: a
+}) {
+  const { agreement: e } = d().termsAcceptance;
+  return /* @__PURE__ */ r(
+    f,
+    {
+      checked: n,
+      onCheckedChange: t,
+      disabled: c,
+      error: l,
+      fieldClassName: a,
+      label: /* @__PURE__ */ m(s, { children: [
+        e.before,
+        /* @__PURE__ */ r(
+          "a",
+          {
+            href: o,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            onClick: i,
+            className: "font-medium text-accent-text underline underline-offset-4 hover:no-underline",
+            children: e.link
+          }
+        ),
+        e.after
+      ] })
+    }
+  );
+}
+export {
+  h as TermsAcceptance
+};
+//# sourceMappingURL=TermsAcceptance.js.map

package/dist/components/auth/TermsAcceptance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TermsAcceptance.js","sources":["../../../src/components/auth/TermsAcceptance.tsx"],"sourcesContent":["import type { MouseEvent, ReactNode } from \"react\";\nimport { CheckboxField } from \"../Choice\";\nimport { useUiStrings } from \"../../lib/i18n\";\n\n/* ============================================================================\n   TERMS ACCEPTANCE — the required \"I agree\" row. DX-4023.\n\n   A person agrees to the Terms of Use by ticking a box they can see, beside a\n   link to the words they are agreeing to. This is that row and nothing more:\n   it holds no state (the consumer owns `checked`, because the form it sits in\n   decides what an unticked box blocks) and knows nothing about which version\n   of the terms is current or how an acceptance is recorded.\n\n   THE LINK OPENS IN A NEW TAB. The row sits inside a half-filled form (an\n   invitation's name, username, password); a same-tab navigation to the terms\n   would throw that away. A single-page app that would rather open the terms in\n   its own router passes `onOpenTerms` and suppresses the browser's jump there.\n   ========================================================================= */\n\nexport interface TermsAcceptanceProps {\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n  /** Where the Terms of Use are read. Opens in a new tab so a half-filled form is not lost. */\n  termsHref: string;\n  /** Runs on the link's click. Call `event.preventDefault()` to open the terms in the app's own router. */\n  onOpenTerms?: (event: MouseEvent<HTMLAnchorElement>) => void;\n  disabled?: boolean;\n  /** A message that marks the row invalid, e.g. \"You must accept the Terms of Use to continue\". */\n  error?: ReactNode;\n  className?: string;\n}\n\nexport function TermsAcceptance({\n  checked,\n  onCheckedChange,\n  termsHref,\n  onOpenTerms,\n  disabled,\n  error,\n  className,\n}: TermsAcceptanceProps) {\n  const { agreement } = useUiStrings().termsAcceptance;\n  return (\n    <CheckboxField\n      checked={checked}\n      onCheckedChange={onCheckedChange}\n      disabled={disabled}\n      error={error}\n      fieldClassName={className}\n      label={\n        <>\n          {agreement.before}\n          <a\n            href={termsHref}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            onClick={onOpenTerms}\n            className=\"font-medium text-accent-text underline underline-offset-4 hover:no-underline\"\n          >\n            {agreement.link}\n          </a>\n          {agreement.after}\n        </>\n      }\n    />\n  );\n}\n"],"names":["TermsAcceptance","checked","onCheckedChange","termsHref","onOpenTerms","disabled","error","className","agreement","useUiStrings","jsx","CheckboxField","jsxs","Fragment"],"mappings":";;;AAgCO,SAASA,EAAgB;AAAA,EAC9B,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAAyB;AACvB,QAAM,EAAE,WAAAC,EAAA,IAAcC,EAAA,EAAe;AACrC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAV;AAAA,MACA,iBAAAC;AAAA,MACA,UAAAG;AAAA,MACA,OAAAC;AAAA,MACA,gBAAgBC;AAAA,MAChB,OACE,gBAAAK,EAAAC,GAAA,EACG,UAAA;AAAA,QAAAL,EAAU;AAAA,QACX,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAMP;AAAA,YACN,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,SAASC;AAAA,YACT,WAAU;AAAA,YAET,UAAAI,EAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZA,EAAU;AAAA,MAAA,EAAA,CACb;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/board/context.js

@@ -0,0 +1,32 @@
+import { createContext as e, useContext as n } from "react";
+const a = e(!1);
+function i() {
+  return n(a);
+}
+const t = e(null), d = e(null), u = e(null), C = t.Provider, c = d.Provider, l = u.Provider;
+function B(o) {
+  const r = n(t);
+  if (!r) throw new Error(`<${o}> must be rendered inside a <Board>.`);
+  return r;
+}
+function f(o) {
+  const r = n(d);
+  if (!r) throw new Error(`<${o}> must be rendered inside a <BoardColumn>.`);
+  return r;
+}
+function x(o) {
+  const r = n(u);
+  if (!r) throw new Error(`<${o}> must be rendered inside a <BoardCard>.`);
+  return r;
+}
+export {
+  l as BoardCardProvider,
+  a as BoardCardSurfaceContext,
+  c as BoardColumnProvider,
+  C as BoardProvider,
+  x as useBoardCardContext,
+  i as useBoardCardIsDragSource,
+  f as useBoardColumnContext,
+  B as useBoardContext
+};
+//# sourceMappingURL=context.js.map