@eifi1/ui-kit 0.28.1 → 0.30.0

package/dist/auth/email-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/auth/email-tag.ts"],"sourcesContent":["/**\n * The address tag: `you@example.com` → `you+kastlan@example.com`, the app's own name as\n * a sub-address of the address a person types for themselves (docs/auth-harmonization.md\n * §4.5, Marcel 2026-10-05). Lifted from keksdose (`features/auth/email-tag.ts`, feedback\n * dev#481), where the tag was the constant `keksdose`; here it is the app's.\n *\n * **Structurally valid is not the same as deliverable.** `+` is an ordinary character in\n * the local part under RFC 5322, and sub-addressing — `user+tag@host` delivered to\n * `user@host` — is specified (RFC 5233). But it is specified as a convention the\n * RECEIVING server may implement: Gmail, Outlook, iCloud, Fastmail and Proton do; many\n * Exchange installs, small hosters and corporate filters do not, and some web forms\n * refuse the character outright.\n *\n * Which is why every caller OFFERS the result and never applies it. Silently registering\n * somebody as `you+kastlan@example.com` would send the verification mail — the one\n * message the account depends on — down a delivery path nobody checked, and make the\n * address they sign in with one they never typed. The tag is a convenience for the\n * person who wants it: one click, with the exact resulting address on the button\n * (`RegisterForm` does this with its `emailTag`).\n *\n * The tagged address is then the identity. The server trims and lower-cases an address\n * at every entry and never strips a tag, so `you@…` and `you+kastlan@…` are two\n * different accounts; sign-in stays exact (§4.5), which is why `SignInForm`'s hint after\n * a failed sign-in names the tagged address rather than trying it.\n *\n * Offer it only where a person types an address FOR THEMSELVES — sign-up, a later email\n * change in the profile — never in a field for someone else's (an invite dialog, a\n * share), where the tag would be a guess about another person's mail server.\n */\n\n/** What a tag may be: the app's name, lower case — letters, digits, `.`, `_`, `-`. A\n *  space, `@` or `+` would make the result something other than a sub-address. */\nconst TAG_SHAPE = /^[a-z0-9][a-z0-9._-]*$/;\n\n/**\n * `taggedEmail(\"you@example.com\", \"kastlan\")` → `\"you+kastlan@example.com\"`, or `null`\n * when there is nothing to offer:\n *\n *  - the address is not complete enough to split — no local part, no domain, or a\n *    domain without an inner dot (the shape the field's own `type=\"email\"` accepts), so\n *    the offer cannot appear before the address is plausible or linger once it stops\n *    being one;\n *  - the address already carries a `+` — the person's own scheme wins, and stacking a\n *    second tag on it would be wrong;\n *  - the tag is empty or not a plain name (see `TAG_SHAPE`).\n *\n * The tag is the app's name in lower case (`keksdose`, `kastlan`, `kurvenschmiede`); it\n * is trimmed and lower-cased here, so `\"Kastlan\"` gives the same answer. The address is\n * trimmed and otherwise kept as typed — normalising it is the server's job (server-kit's\n * `normalise_email`).\n */\nexport function taggedEmail(email: string, tag: string): string | null {\n  const name = tag.trim().toLowerCase();\n  if (!TAG_SHAPE.test(name)) return null;\n  const parts = emailParts(email);\n  if (!parts || parts.local.includes(\"+\")) return null;\n  return `${parts.local}+${name}@${parts.domain}`;\n}\n\n/**\n * The trimmed address split at its last `@`, or `null` while it is not complete enough\n * to split: no local part, no domain, or a domain without an inner dot — the shape the\n * field's own `type=\"email\"` accepts.\n *\n * @internal `RegisterForm` gates its submit on it; not part of the barrel.\n */\nexport function emailParts(email: string): { local: string; domain: string } | null {\n  const trimmed = email.trim();\n  const at = trimmed.lastIndexOf(\"@\");\n  if (at <= 0 || at === trimmed.length - 1) return null;\n  const local = trimmed.slice(0, at);\n  const domain = trimmed.slice(at + 1);\n  if (!domain.includes(\".\") || domain.startsWith(\".\") || domain.endsWith(\".\")) return null;\n  return { local, domain };\n}\n"],"mappings":";AAgCA,MAAM,YAAY;AAmBX,SAAS,YAAY,OAAe,KAA4B;AACrE,QAAM,OAAO,IAAI,KAAK,EAAE,YAAY;AACpC,MAAI,CAAC,UAAU,KAAK,IAAI,EAAG,QAAO;AAClC,QAAM,QAAQ,WAAW,KAAK;AAC9B,MAAI,CAAC,SAAS,MAAM,MAAM,SAAS,GAAG,EAAG,QAAO;AAChD,SAAO,GAAG,MAAM,KAAK,IAAI,IAAI,IAAI,MAAM,MAAM;AAC/C;AASO,SAAS,WAAW,OAAyD;AAClF,QAAM,UAAU,MAAM,KAAK;AAC3B,QAAM,KAAK,QAAQ,YAAY,GAAG;AAClC,MAAI,MAAM,KAAK,OAAO,QAAQ,SAAS,EAAG,QAAO;AACjD,QAAM,QAAQ,QAAQ,MAAM,GAAG,EAAE;AACjC,QAAM,SAAS,QAAQ,MAAM,KAAK,CAAC;AACnC,MAAI,CAAC,OAAO,SAAS,GAAG,KAAK,OAAO,WAAW,GAAG,KAAK,OAAO,SAAS,GAAG,EAAG,QAAO;AACpF,SAAO,EAAE,OAAO,OAAO;AACzB;","names":[]}

package/dist/auth/forgot-password-form.d.ts

@@ -0,0 +1,86 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { AuthHeadingLevel } from './status-parts.js';
+
+/** Every string the form renders — the `forgotPassword` namespace. keksdose's words
+ *  (`auth.forgot.*`), which kastlan took over unchanged. */
+interface ForgotPasswordLabels {
+    /** The heading. */
+    title: string;
+    /** Under the heading, before the field. */
+    intro: string;
+    /** The email field's label. */
+    email: string;
+    submit: string;
+    /** The one answer, whatever the server knows — given the address as typed. */
+    sent: (email: string) => string;
+    /** Under it: how long the link lives, and where else to look. */
+    sentHint: string;
+    /** The link back to the sign-in page, on both states. */
+    backToSignIn: string;
+    /** A request that did not go through: a throttle, an outage. Never "unknown
+     *  address" — the endpoint does not say. */
+    error: string;
+    /** 0.30.0: the request was throttled — HTTP 429 ({@link isRateLimited}) — given the
+     *  `Retry-After` wait in seconds, or `undefined` without one. OPTIONAL, like every key
+     *  added to a shipped interface; the provider's `forgotPassword`, then English, fill
+     *  it. */
+    rateLimited?: (seconds?: number) => string;
+}
+/** `Required`: every key, the 0.30 one included, has its English here. */
+declare const DEFAULT_FORGOT_PASSWORD_LABELS: Required<ForgotPasswordLabels>;
+interface ForgotPasswordFormProps extends Omit<ComponentPropsWithoutRef<"div">, "onSubmit" | "children" | "title"> {
+    /**
+     * The address was submitted, trimmed: send `POST /auth/password-reset/request`.
+     * Resolve when the server answered — whatever it answered: it is `204` whether or not
+     * an account exists. Reject only when the request did not go through (a throttle, an
+     * outage); the form then stays, with the address, and says so. The form never sends a
+     * request itself (§8).
+     */
+    onSubmit: (email: string) => Promise<unknown> | void;
+    /** "Back to sign in" — the app's `/login`. Default `/login`. */
+    signInHref?: string;
+    /** The field's start value — the address the sign-in form already had, so someone
+     *  whose password just failed need not type it twice. */
+    defaultEmail?: string;
+    /**
+     * The app's words for a failed request ("Too many requests — try again in an hour"),
+     * or `undefined` for the kit's: `rateLimited` for a bare `429` (0.30.0), else `error`.
+     * The same hook as `SignInForm`'s.
+     */
+    describeError?: (error: unknown) => ReactNode | undefined;
+    /** App content under the intro — a notice, a support address. */
+    formContent?: ReactNode;
+    /** The heading. Default `labels.title`; `null` draws none, for a page that puts it
+     *  in `AuthLayout`'s `title` instead. */
+    title?: ReactNode;
+    /** The heading's level. Default `h2`, under the page's `h1`. */
+    headingAs?: AuthHeadingLevel;
+    labels?: Partial<ForgotPasswordLabels>;
+}
+/**
+ * "I forgot my password" for every app (docs/auth-harmonization.md §7): one field, then
+ * the same sentence whatever the answer — keksdose's `ForgotPasswordPage`
+ * (features/auth/forgot-password-page.tsx), kastlan's copy of it, as one component.
+ *
+ * **It always ends on the same message**: "If an account exists for …, the link is on
+ * its way." The server answers `204` whether or not the address has an account — so the
+ * page cannot be used to find out who has one — and the page must not undo that by
+ * saying more than the server knows. Worded as a promise ("we sent you a link"), a typo
+ * would look like a mail-delivery problem and send the person waiting instead of trying
+ * their other address (keksdose #198). The address shown is the one they typed, so a
+ * typo is visible.
+ *
+ * The only failure it can show is a request that did not go through (throttled, the
+ * server down), never "unknown address". §4.5's fallback to a tagged address
+ * (`you+kastlan@…` when `you@…` has no account) is the server's and changes nothing here.
+ *
+ * The submit is not disabled while the field is empty — a browser that autofills
+ * withholds the value until the first interaction, and a disabled button would swallow
+ * that first click; the field's own `required` answers an empty submit instead. After a
+ * submit the confirmation takes focus, because the button that had it is gone with the
+ * form.
+ */
+declare function ForgotPasswordForm({ onSubmit, signInHref, defaultEmail, describeError, formContent, title, headingAs: Heading, labels: labelsProp, className, ...rest }: ForgotPasswordFormProps): react.JSX.Element;
+
+export { DEFAULT_FORGOT_PASSWORD_LABELS, ForgotPasswordForm, type ForgotPasswordFormProps, type ForgotPasswordLabels };

package/dist/auth/forgot-password-form.js

@@ -0,0 +1,123 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId, useRef, useState } from "react";
+import { MailCheck } from "lucide-react";
+import { cn } from "../lib/cn.js";
+import { useKitLabels } from "../i18n/kit-labels.js";
+import { AlertBanner } from "../components/alert-banner.js";
+import { TextLink } from "../components/text-link.js";
+import { Button, Input } from "../components/ui.js";
+import { englishRateLimited, isRateLimited, retryAfterSeconds } from "./auth-errors.js";
+import { FORM_HEADING_CLASS, INTRO_CLASS, OutcomeMessage, isThenable, useFocusWhen } from "./status-parts.js";
+const DEFAULT_FORGOT_PASSWORD_LABELS = {
+  title: "Forgot password",
+  intro: "Enter your account\u2019s email address. We\u2019ll send you a link to choose a new password.",
+  email: "Email",
+  submit: "Send the link",
+  sent: (email) => `If an account exists for ${email}, the link is on its way.`,
+  sentHint: "The link is valid for one hour and works exactly once. Check your spam folder too.",
+  backToSignIn: "Back to sign in",
+  error: "The request failed. Please try again later.",
+  rateLimited: englishRateLimited
+};
+function ForgotPasswordForm({
+  onSubmit,
+  signInHref = "/login",
+  defaultEmail = "",
+  describeError,
+  formContent,
+  title,
+  headingAs: Heading = "h2",
+  labels: labelsProp,
+  className,
+  ...rest
+}) {
+  const labels = useKitLabels("forgotPassword", DEFAULT_FORGOT_PASSWORD_LABELS, labelsProp);
+  const [email, setEmail] = useState(defaultEmail);
+  const [pending, setPending] = useState(false);
+  const [failure, setFailure] = useState(null);
+  const [sentTo, setSentTo] = useState(null);
+  const headingId = useId();
+  const sentRef = useRef(null);
+  useFocusWhen(sentTo !== null, sentRef);
+  const heading = title === null ? null : /* @__PURE__ */ jsx(Heading, { id: headingId, className: FORM_HEADING_CLASS, children: title ?? labels.title });
+  const back = /* @__PURE__ */ jsx("p", { className: "text-center text-sm", children: /* @__PURE__ */ jsx(TextLink, { href: signInHref, tone: "primary", children: labels.backToSignIn }) });
+  if (sentTo !== null) {
+    return /* @__PURE__ */ jsxs("div", { ...rest, "data-state": "sent", className: cn("space-y-3", className), children: [
+      heading,
+      /* @__PURE__ */ jsxs(OutcomeMessage, { icon: /* @__PURE__ */ jsx(MailCheck, { className: "text-[var(--success)]" }), focusRef: sentRef, children: [
+        /* @__PURE__ */ jsx("p", { className: INTRO_CLASS, children: labels.sent(sentTo) }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-muted)]", children: labels.sentHint })
+      ] }),
+      back
+    ] });
+  }
+  const failureFor = (error) => describeError?.(error) ?? (isRateLimited(error) ? (labels.rateLimited ?? DEFAULT_FORGOT_PASSWORD_LABELS.rateLimited)(retryAfterSeconds(error)) : labels.error);
+  const submit = (e) => {
+    e.preventDefault();
+    const address = email.trim();
+    if (pending || address === "") return;
+    setFailure(null);
+    let result;
+    try {
+      result = onSubmit(address);
+    } catch (error) {
+      setFailure(failureFor(error));
+      return;
+    }
+    if (!isThenable(result)) {
+      setSentTo(address);
+      return;
+    }
+    setPending(true);
+    result.then(
+      () => {
+        setPending(false);
+        setSentTo(address);
+      },
+      (error) => {
+        setPending(false);
+        setFailure(failureFor(error));
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs("div", { ...rest, "data-state": "form", className: cn("space-y-3", className), children: [
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        className: "space-y-3",
+        "aria-labelledby": title === null ? void 0 : headingId,
+        onSubmit: submit,
+        children: [
+          heading,
+          /* @__PURE__ */ jsx("p", { className: INTRO_CLASS, children: labels.intro }),
+          formContent,
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "email",
+              name: "email",
+              autoComplete: "email",
+              label: labels.email,
+              value: email,
+              onChange: (e) => {
+                setEmail(e.target.value);
+                if (failure) setFailure(null);
+              },
+              readOnly: pending,
+              required: true
+            }
+          ),
+          failure != null && /* @__PURE__ */ jsx(AlertBanner, { tone: "danger", size: "sm", role: "alert", children: failure }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", className: "w-full", pending, children: labels.submit })
+        ]
+      }
+    ),
+    back
+  ] });
+}
+export {
+  DEFAULT_FORGOT_PASSWORD_LABELS,
+  ForgotPasswordForm
+};
+//# sourceMappingURL=forgot-password-form.js.map

package/dist/auth/forgot-password-form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/auth/forgot-password-form.tsx"],"sourcesContent":["import { useId, useRef, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, FormEvent, ReactNode } from \"react\";\nimport { MailCheck } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { AlertBanner } from \"../components/alert-banner\";\nimport { TextLink } from \"../components/text-link\";\nimport { Button, Input } from \"../components/ui\";\nimport { englishRateLimited, isRateLimited, retryAfterSeconds } from \"./auth-errors\";\nimport { FORM_HEADING_CLASS, INTRO_CLASS, OutcomeMessage, isThenable, useFocusWhen } from \"./status-parts\";\nimport type { AuthHeadingLevel } from \"./status-parts\";\n\n/* ── Labels ──────────────────────────────────────────────────────────────── */\n\n/** Every string the form renders — the `forgotPassword` namespace. keksdose's words\n *  (`auth.forgot.*`), which kastlan took over unchanged. */\nexport interface ForgotPasswordLabels {\n  /** The heading. */\n  title: string;\n  /** Under the heading, before the field. */\n  intro: string;\n  /** The email field's label. */\n  email: string;\n  submit: string;\n  /** The one answer, whatever the server knows — given the address as typed. */\n  sent: (email: string) => string;\n  /** Under it: how long the link lives, and where else to look. */\n  sentHint: string;\n  /** The link back to the sign-in page, on both states. */\n  backToSignIn: string;\n  /** A request that did not go through: a throttle, an outage. Never \"unknown\n   *  address\" — the endpoint does not say. */\n  error: string;\n  /** 0.30.0: the request was throttled — HTTP 429 ({@link isRateLimited}) — given the\n   *  `Retry-After` wait in seconds, or `undefined` without one. OPTIONAL, like every key\n   *  added to a shipped interface; the provider's `forgotPassword`, then English, fill\n   *  it. */\n  rateLimited?: (seconds?: number) => string;\n}\n\n/** `Required`: every key, the 0.30 one included, has its English here. */\nexport const DEFAULT_FORGOT_PASSWORD_LABELS: Required<ForgotPasswordLabels> = {\n  title: \"Forgot password\",\n  intro: \"Enter your account’s email address. We’ll send you a link to choose a new password.\",\n  email: \"Email\",\n  submit: \"Send the link\",\n  sent: (email) => `If an account exists for ${email}, the link is on its way.`,\n  sentHint: \"The link is valid for one hour and works exactly once. Check your spam folder too.\",\n  backToSignIn: \"Back to sign in\",\n  error: \"The request failed. Please try again later.\",\n  rateLimited: englishRateLimited,\n};\n\n/* ── The form ────────────────────────────────────────────────────────────── */\n\nexport interface ForgotPasswordFormProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"onSubmit\" | \"children\" | \"title\"> {\n  /**\n   * The address was submitted, trimmed: send `POST /auth/password-reset/request`.\n   * Resolve when the server answered — whatever it answered: it is `204` whether or not\n   * an account exists. Reject only when the request did not go through (a throttle, an\n   * outage); the form then stays, with the address, and says so. The form never sends a\n   * request itself (§8).\n   */\n  onSubmit: (email: string) => Promise<unknown> | void;\n  /** \"Back to sign in\" — the app's `/login`. Default `/login`. */\n  signInHref?: string;\n  /** The field's start value — the address the sign-in form already had, so someone\n   *  whose password just failed need not type it twice. */\n  defaultEmail?: string;\n  /**\n   * The app's words for a failed request (\"Too many requests — try again in an hour\"),\n   * or `undefined` for the kit's: `rateLimited` for a bare `429` (0.30.0), else `error`.\n   * The same hook as `SignInForm`'s.\n   */\n  describeError?: (error: unknown) => ReactNode | undefined;\n  /** App content under the intro — a notice, a support address. */\n  formContent?: ReactNode;\n  /** The heading. Default `labels.title`; `null` draws none, for a page that puts it\n   *  in `AuthLayout`'s `title` instead. */\n  title?: ReactNode;\n  /** The heading's level. Default `h2`, under the page's `h1`. */\n  headingAs?: AuthHeadingLevel;\n  labels?: Partial<ForgotPasswordLabels>;\n}\n\n/**\n * \"I forgot my password\" for every app (docs/auth-harmonization.md §7): one field, then\n * the same sentence whatever the answer — keksdose's `ForgotPasswordPage`\n * (features/auth/forgot-password-page.tsx), kastlan's copy of it, as one component.\n *\n * **It always ends on the same message**: \"If an account exists for …, the link is on\n * its way.\" The server answers `204` whether or not the address has an account — so the\n * page cannot be used to find out who has one — and the page must not undo that by\n * saying more than the server knows. Worded as a promise (\"we sent you a link\"), a typo\n * would look like a mail-delivery problem and send the person waiting instead of trying\n * their other address (keksdose #198). The address shown is the one they typed, so a\n * typo is visible.\n *\n * The only failure it can show is a request that did not go through (throttled, the\n * server down), never \"unknown address\". §4.5's fallback to a tagged address\n * (`you+kastlan@…` when `you@…` has no account) is the server's and changes nothing here.\n *\n * The submit is not disabled while the field is empty — a browser that autofills\n * withholds the value until the first interaction, and a disabled button would swallow\n * that first click; the field's own `required` answers an empty submit instead. After a\n * submit the confirmation takes focus, because the button that had it is gone with the\n * form.\n */\nexport function ForgotPasswordForm({\n  onSubmit,\n  signInHref = \"/login\",\n  defaultEmail = \"\",\n  describeError,\n  formContent,\n  title,\n  headingAs: Heading = \"h2\",\n  labels: labelsProp,\n  className,\n  ...rest\n}: ForgotPasswordFormProps) {\n  const labels = useKitLabels(\"forgotPassword\", DEFAULT_FORGOT_PASSWORD_LABELS, labelsProp);\n  const [email, setEmail] = useState(defaultEmail);\n  const [pending, setPending] = useState(false);\n  const [failure, setFailure] = useState<ReactNode>(null);\n  const [sentTo, setSentTo] = useState<string | null>(null);\n  const headingId = useId();\n  const sentRef = useRef<HTMLDivElement>(null);\n  useFocusWhen(sentTo !== null, sentRef);\n\n  const heading =\n    title === null ? null : (\n      <Heading id={headingId} className={FORM_HEADING_CLASS}>\n        {title ?? labels.title}\n      </Heading>\n    );\n  const back = (\n    <p className=\"text-center text-sm\">\n      <TextLink href={signInHref} tone=\"primary\">\n        {labels.backToSignIn}\n      </TextLink>\n    </p>\n  );\n\n  if (sentTo !== null) {\n    return (\n      <div {...rest} data-state=\"sent\" className={cn(\"space-y-3\", className)}>\n        {heading}\n        <OutcomeMessage icon={<MailCheck className=\"text-[var(--success)]\" />} focusRef={sentRef}>\n          <p className={INTRO_CLASS}>{labels.sent(sentTo)}</p>\n          <p className=\"text-xs text-[var(--text-muted)]\">{labels.sentHint}</p>\n        </OutcomeMessage>\n        {back}\n      </div>\n    );\n  }\n\n  // The app's words first, then the throttle's, then the kit's catch-all.\n  const failureFor = (error: unknown): ReactNode =>\n    describeError?.(error) ??\n    (isRateLimited(error)\n      ? (labels.rateLimited ?? DEFAULT_FORGOT_PASSWORD_LABELS.rateLimited)(retryAfterSeconds(error))\n      : labels.error);\n\n  const submit = (e: FormEvent) => {\n    e.preventDefault();\n    const address = email.trim();\n    if (pending || address === \"\") return;\n    setFailure(null);\n    let result: unknown;\n    try {\n      result = onSubmit(address);\n    } catch (error) {\n      setFailure(failureFor(error));\n      return;\n    }\n    if (!isThenable(result)) {\n      setSentTo(address);\n      return;\n    }\n    setPending(true);\n    result.then(\n      () => {\n        setPending(false);\n        setSentTo(address);\n      },\n      (error: unknown) => {\n        setPending(false);\n        setFailure(failureFor(error));\n      },\n    );\n  };\n\n  return (\n    <div {...rest} data-state=\"form\" className={cn(\"space-y-3\", className)}>\n      <form\n        className=\"space-y-3\"\n        aria-labelledby={title === null ? undefined : headingId}\n        onSubmit={submit}\n      >\n        {heading}\n        <p className={INTRO_CLASS}>{labels.intro}</p>\n        {formContent}\n        <Input\n          type=\"email\"\n          name=\"email\"\n          autoComplete=\"email\"\n          label={labels.email}\n          value={email}\n          onChange={(e) => {\n            setEmail(e.target.value);\n            if (failure) setFailure(null);\n          }}\n          readOnly={pending}\n          required\n        />\n        {failure != null && (\n          <AlertBanner tone=\"danger\" size=\"sm\" role=\"alert\">\n            {failure}\n          </AlertBanner>\n        )}\n        <Button type=\"submit\" className=\"w-full\" pending={pending}>\n          {labels.submit}\n        </Button>\n      </form>\n      {back}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/auth/form-rules.d.ts

@@ -0,0 +1,27 @@
+/**
+ * The few hard rules of the sign-up and sign-in forms, in one place — and the only ones
+ * (docs/auth-harmonization.md §3.1, §8). The servers check the same; the kit adds no
+ * rule of its own, and everything the strength meter shows beyond these is advice.
+ *
+ * @internal Shared by RegisterForm, SignInForm and CompleteNameDialog; the coordinator
+ * decides whether the constants join the barrel.
+ */
+/** At least 8 characters. */
+declare const PASSWORD_MIN_LENGTH = 8;
+/** At most 72 BYTES — bcrypt reads no further, so a longer password would be silently
+ *  cut. "ü" is two bytes, an emoji four. */
+declare const PASSWORD_MAX_BYTES = 72;
+/** A first or last name: 1–120 characters after trimming — the old `display_name`
+ *  limit, so a migrated name fits (§3.1). */
+declare const PERSON_NAME_MAX_LENGTH = 120;
+/** 1–120 characters after trimming. */
+declare function personNameOk(value: string): boolean;
+/**
+ * Why a new password and its confirmation may not be submitted yet, or `null` when they
+ * may — keksdose's `passwordPairError` (features/auth/password-fields.tsx). Characters
+ * are counted as code points, as the strength meter counts them: an emoji is one
+ * character to the person typing it.
+ */
+declare function newPasswordProblem(password: string, confirm: string): "length" | "bytes" | "mismatch" | null;
+
+export { PASSWORD_MAX_BYTES, PASSWORD_MIN_LENGTH, PERSON_NAME_MAX_LENGTH, newPasswordProblem, personNameOk };

package/dist/auth/form-rules.js

@@ -0,0 +1,23 @@
+"use client";
+import { passwordByteLength } from "../components/password-strength.js";
+const PASSWORD_MIN_LENGTH = 8;
+const PASSWORD_MAX_BYTES = 72;
+const PERSON_NAME_MAX_LENGTH = 120;
+function personNameOk(value) {
+  const length = value.trim().length;
+  return length >= 1 && length <= PERSON_NAME_MAX_LENGTH;
+}
+function newPasswordProblem(password, confirm) {
+  if ([...password].length < PASSWORD_MIN_LENGTH) return "length";
+  if (passwordByteLength(password) > PASSWORD_MAX_BYTES) return "bytes";
+  if (password !== confirm) return "mismatch";
+  return null;
+}
+export {
+  PASSWORD_MAX_BYTES,
+  PASSWORD_MIN_LENGTH,
+  PERSON_NAME_MAX_LENGTH,
+  newPasswordProblem,
+  personNameOk
+};
+//# sourceMappingURL=form-rules.js.map

package/dist/auth/form-rules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/auth/form-rules.ts"],"sourcesContent":["import { passwordByteLength } from \"../components/password-strength\";\n\n/**\n * The few hard rules of the sign-up and sign-in forms, in one place — and the only ones\n * (docs/auth-harmonization.md §3.1, §8). The servers check the same; the kit adds no\n * rule of its own, and everything the strength meter shows beyond these is advice.\n *\n * @internal Shared by RegisterForm, SignInForm and CompleteNameDialog; the coordinator\n * decides whether the constants join the barrel.\n */\n\n/** At least 8 characters. */\nexport const PASSWORD_MIN_LENGTH = 8;\n\n/** At most 72 BYTES — bcrypt reads no further, so a longer password would be silently\n *  cut. \"ü\" is two bytes, an emoji four. */\nexport const PASSWORD_MAX_BYTES = 72;\n\n/** A first or last name: 1–120 characters after trimming — the old `display_name`\n *  limit, so a migrated name fits (§3.1). */\nexport const PERSON_NAME_MAX_LENGTH = 120;\n\n/** 1–120 characters after trimming. */\nexport function personNameOk(value: string): boolean {\n  const length = value.trim().length;\n  return length >= 1 && length <= PERSON_NAME_MAX_LENGTH;\n}\n\n/**\n * Why a new password and its confirmation may not be submitted yet, or `null` when they\n * may — keksdose's `passwordPairError` (features/auth/password-fields.tsx). Characters\n * are counted as code points, as the strength meter counts them: an emoji is one\n * character to the person typing it.\n */\nexport function newPasswordProblem(password: string, confirm: string): \"length\" | \"bytes\" | \"mismatch\" | null {\n  if ([...password].length < PASSWORD_MIN_LENGTH) return \"length\";\n  if (passwordByteLength(password) > PASSWORD_MAX_BYTES) return \"bytes\";\n  if (password !== confirm) return \"mismatch\";\n  return null;\n}\n"],"mappings":";AAAA,SAAS,0BAA0B;AAY5B,MAAM,sBAAsB;AAI5B,MAAM,qBAAqB;AAI3B,MAAM,yBAAyB;AAG/B,SAAS,aAAa,OAAwB;AACnD,QAAM,SAAS,MAAM,KAAK,EAAE;AAC5B,SAAO,UAAU,KAAK,UAAU;AAClC;AAQO,SAAS,mBAAmB,UAAkB,SAAyD;AAC5G,MAAI,CAAC,GAAG,QAAQ,EAAE,SAAS,oBAAqB,QAAO;AACvD,MAAI,mBAAmB,QAAQ,IAAI,mBAAoB,QAAO;AAC9D,MAAI,aAAa,QAAS,QAAO;AACjC,SAAO;AACT;","names":[]}

package/dist/auth/new-password-fields.d.ts

@@ -0,0 +1,38 @@
+import * as react from 'react';
+import { ReactNode, Ref } from 'react';
+
+/** @internal The words the fields show — the host form's own labels. */
+interface NewPasswordFieldsText {
+    password: ReactNode;
+    confirm: ReactNode;
+    mismatch: ReactNode;
+}
+/** @internal */
+interface NewPasswordFieldsProps {
+    password: string;
+    confirm: string;
+    onPasswordChange: (value: string) => void;
+    onConfirmChange: (value: string) => void;
+    text: NewPasswordFieldsText;
+    /** A request is running: both fields `readOnly` (not `disabled`, which would drop
+     *  the focus of the one being typed in). */
+    busy?: boolean;
+    passwordRef?: Ref<HTMLInputElement>;
+}
+/**
+ * "Choose a password": the field, the strength meter with its advisory checklist, and
+ * the confirmation — keksdose's `PasswordFields`, which its register form, its reset
+ * page and its forced-change step share so that every screen choosing a password does
+ * it under the same rules and the same feedback. Here `RegisterForm` and
+ * `SignInForm`'s set-a-new-password step share it.
+ *
+ * Both fields are `new-password`: a password manager offers to generate one and never
+ * fills in the current one. The confirmation carries the mismatch as its own `error`,
+ * attached with `aria-describedby`; the key is always passed, so the message coming and
+ * going never remounts the field under the typist.
+ *
+ * @internal Not part of the barrel; the forms are.
+ */
+declare function NewPasswordFields({ password, confirm, onPasswordChange, onConfirmChange, text, busy, passwordRef, }: NewPasswordFieldsProps): react.JSX.Element;
+
+export { NewPasswordFields, type NewPasswordFieldsProps, type NewPasswordFieldsText };

package/dist/auth/new-password-fields.js

@@ -0,0 +1,54 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { PasswordStrengthMeter } from "../components/password-strength.js";
+import { Input } from "../components/ui.js";
+import { PASSWORD_MAX_BYTES, PASSWORD_MIN_LENGTH } from "./form-rules.js";
+function NewPasswordFields({
+  password,
+  confirm,
+  onPasswordChange,
+  onConfirmChange,
+  text,
+  busy = false,
+  passwordRef
+}) {
+  const mismatch = confirm !== "" && confirm !== password;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          ref: passwordRef,
+          type: "password",
+          name: "new-password",
+          autoComplete: "new-password",
+          label: text.password,
+          value: password,
+          onChange: (e) => onPasswordChange(e.target.value),
+          minLength: PASSWORD_MIN_LENGTH,
+          readOnly: busy,
+          required: true
+        }
+      ),
+      /* @__PURE__ */ jsx(PasswordStrengthMeter, { value: password, minLength: PASSWORD_MIN_LENGTH, maxBytes: PASSWORD_MAX_BYTES })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        type: "password",
+        name: "confirm-password",
+        autoComplete: "new-password",
+        label: text.confirm,
+        value: confirm,
+        onChange: (e) => onConfirmChange(e.target.value),
+        readOnly: busy,
+        error: mismatch ? text.mismatch : void 0,
+        required: true
+      }
+    )
+  ] });
+}
+export {
+  NewPasswordFields
+};
+//# sourceMappingURL=new-password-fields.js.map

package/dist/auth/new-password-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/auth/new-password-fields.tsx"],"sourcesContent":["import type { ReactNode, Ref } from \"react\";\nimport { PasswordStrengthMeter } from \"../components/password-strength\";\nimport { Input } from \"../components/ui\";\nimport { PASSWORD_MAX_BYTES, PASSWORD_MIN_LENGTH } from \"./form-rules\";\n\n/** @internal The words the fields show — the host form's own labels. */\nexport interface NewPasswordFieldsText {\n  password: ReactNode;\n  confirm: ReactNode;\n  mismatch: ReactNode;\n}\n\n/** @internal */\nexport interface NewPasswordFieldsProps {\n  password: string;\n  confirm: string;\n  onPasswordChange: (value: string) => void;\n  onConfirmChange: (value: string) => void;\n  text: NewPasswordFieldsText;\n  /** A request is running: both fields `readOnly` (not `disabled`, which would drop\n   *  the focus of the one being typed in). */\n  busy?: boolean;\n  passwordRef?: Ref<HTMLInputElement>;\n}\n\n/**\n * \"Choose a password\": the field, the strength meter with its advisory checklist, and\n * the confirmation — keksdose's `PasswordFields`, which its register form, its reset\n * page and its forced-change step share so that every screen choosing a password does\n * it under the same rules and the same feedback. Here `RegisterForm` and\n * `SignInForm`'s set-a-new-password step share it.\n *\n * Both fields are `new-password`: a password manager offers to generate one and never\n * fills in the current one. The confirmation carries the mismatch as its own `error`,\n * attached with `aria-describedby`; the key is always passed, so the message coming and\n * going never remounts the field under the typist.\n *\n * @internal Not part of the barrel; the forms are.\n */\nexport function NewPasswordFields({\n  password,\n  confirm,\n  onPasswordChange,\n  onConfirmChange,\n  text,\n  busy = false,\n  passwordRef,\n}: NewPasswordFieldsProps) {\n  const mismatch = confirm !== \"\" && confirm !== password;\n  return (\n    <>\n      <div>\n        <Input\n          ref={passwordRef}\n          type=\"password\"\n          name=\"new-password\"\n          autoComplete=\"new-password\"\n          label={text.password}\n          value={password}\n          onChange={(e) => onPasswordChange(e.target.value)}\n          minLength={PASSWORD_MIN_LENGTH}\n          readOnly={busy}\n          required\n        />\n        {/* The 72-byte cap is passed because a SIGN-IN password has one (bcrypt); the\n            minimum is passed rather than left to the meter's own default 8, so the two\n            cannot drift apart. */}\n        <PasswordStrengthMeter value={password} minLength={PASSWORD_MIN_LENGTH} maxBytes={PASSWORD_MAX_BYTES} />\n      </div>\n      {/* A typo'd password costs a reset mail — and under keksdose's end-to-end\n          encryption, data (feedback #124) — so it is typed twice. */}\n      <Input\n        type=\"password\"\n        name=\"confirm-password\"\n        autoComplete=\"new-password\"\n        label={text.confirm}\n        value={confirm}\n        onChange={(e) => onConfirmChange(e.target.value)}\n        readOnly={busy}\n        error={mismatch ? text.mismatch : undefined}\n        required\n      />\n    </>\n  );\n}\n"],"mappings":";AAkDI,mBAEI,KADF,YADF;AAjDJ,SAAS,6BAA6B;AACtC,SAAS,aAAa;AACtB,SAAS,oBAAoB,2BAA2B;AAoCjD,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAA2B;AACzB,QAAM,WAAW,YAAY,MAAM,YAAY;AAC/C,SACE,iCACE;AAAA,yBAAC,SACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA,UACL,MAAK;AAAA,UACL,cAAa;AAAA,UACb,OAAO,KAAK;AAAA,UACZ,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,iBAAiB,EAAE,OAAO,KAAK;AAAA,UAChD,WAAW;AAAA,UACX,UAAU;AAAA,UACV,UAAQ;AAAA;AAAA,MACV;AAAA,MAIA,oBAAC,yBAAsB,OAAO,UAAU,WAAW,qBAAqB,UAAU,oBAAoB;AAAA,OACxG;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,cAAa;AAAA,QACb,OAAO,KAAK;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,gBAAgB,EAAE,OAAO,KAAK;AAAA,QAC/C,UAAU;AAAA,QACV,OAAO,WAAW,KAAK,WAAW;AAAA,QAClC,UAAQ;AAAA;AAAA,IACV;AAAA,KACF;AAEJ;","names":[]}

package/dist/auth/not-found-page.d.ts

@@ -0,0 +1,57 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { AuthHeadingLevel } from './status-parts.js';
+
+/** Every string the page renders — the `notFound` namespace. keksdose's words
+ *  (`error.not_found_*`), which kastlan took over. */
+interface NotFoundLabels {
+    /** The heading. */
+    title: string;
+    /** Under it. */
+    body: string;
+    /** The way out for everyone — to `homeHref`. */
+    home: string;
+    /** The second way out for someone signed in — to `appHref`. */
+    app: string;
+}
+declare const DEFAULT_NOT_FOUND_LABELS: NotFoundLabels;
+interface NotFoundPageProps extends Omit<ComponentPropsWithoutRef<"div">, "children" | "title"> {
+    /** "Go to the start page". Default `/`, which takes a signed-in user into the app and
+     *  anyone else to sign-in in all three apps. */
+    homeHref?: string;
+    /**
+     * "Back to the app", beside it — pass it while someone is signed in. A LITERAL page
+     * (keksdose's `/budget`), never the "last visited page" an app restores on start: a
+     * stale one of those pointing at a route that is gone is the likeliest way a
+     * signed-in user lands here (keksdose's not-found-page.tsx).
+     */
+    appHref?: string;
+    /** App content under the text — a search field, a support address. */
+    children?: ReactNode;
+    /** `false` adds no `noindex` — for a preview inside another page. Default `true`. */
+    noIndex?: boolean;
+    /** The heading's level. Default `h2`, under `AuthLayout`'s `h1`; `h1` where the page
+     *  stands alone (inside the app shell). */
+    headingAs?: AuthHeadingLevel;
+    labels?: Partial<NotFoundLabels>;
+}
+/**
+ * What an unknown address renders (the router's catch-all), signed out and signed in —
+ * keksdose's `NotFoundPage` (app/not-found-page.tsx, feedback #129), which kastlan took
+ * over on `AuthLayout` (docs/auth-harmonization.md §7).
+ *
+ * In place of the silent `<Navigate to="/">` keksdose had: bouncing every typo, dead link
+ * and fabricated URL to the start page is what Search Console reports as a soft 404, and
+ * it hid broken links. An SPA cannot send a real 404 status — the web server answers
+ * every path with index.html — so the page says it in words and calls
+ * {@link useNoIndex}, which makes a crawler drop it (the server's `X-Robots-Tag` is the
+ * authoritative half).
+ *
+ * It is the page's CONTENT, not a frame, so it sits in either: as `AuthLayout`'s child
+ * for a visitor (`headingAs` default `h2`, under the layout's title), or bare inside the
+ * app shell for someone signed in (`headingAs="h1"`, and `appHref`). The large "404" is
+ * decoration — the heading says it in words — and hidden from a screen reader.
+ */
+declare function NotFoundPage({ homeHref, appHref, children, noIndex, headingAs: Heading, labels: labelsProp, className, ...rest }: NotFoundPageProps): react.JSX.Element;
+
+export { DEFAULT_NOT_FOUND_LABELS, type NotFoundLabels, NotFoundPage, type NotFoundPageProps };

package/dist/auth/not-found-page.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/cn.js";
+import { useKitLabels } from "../i18n/kit-labels.js";
+import { useNoIndex } from "../hooks/use-noindex.js";
+import { Button } from "../components/ui.js";
+const DEFAULT_NOT_FOUND_LABELS = {
+  title: "Page not found",
+  body: "This address doesn\u2019t exist (any more). It may be a typo, or the page has moved.",
+  home: "Go to the start page",
+  app: "Back to the app"
+};
+function NotFoundPage({
+  homeHref = "/",
+  appHref,
+  children,
+  noIndex = true,
+  headingAs: Heading = "h2",
+  labels: labelsProp,
+  className,
+  ...rest
+}) {
+  const labels = useKitLabels("notFound", DEFAULT_NOT_FOUND_LABELS, labelsProp);
+  useNoIndex(noIndex);
+  return /* @__PURE__ */ jsxs("div", { ...rest, className: cn("flex flex-col items-center gap-2 py-4 text-center", className), children: [
+    /* @__PURE__ */ jsx("p", { "aria-hidden": true, className: "text-6xl font-bold leading-none tracking-tight text-[var(--text-placeholder)]", children: "404" }),
+    /* @__PURE__ */ jsx(Heading, { className: "mt-2 text-xl font-semibold text-[var(--text-primary)]", children: labels.title }),
+    /* @__PURE__ */ jsx("p", { className: "max-w-prose text-sm text-[var(--text-secondary)]", children: labels.body }),
+    children,
+    /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap justify-center gap-3", children: [
+      /* @__PURE__ */ jsx(Button, { href: homeHref, variant: "brand", children: labels.home }),
+      appHref !== void 0 && /* @__PURE__ */ jsx(Button, { href: appHref, variant: "secondary", children: labels.app })
+    ] })
+  ] });
+}
+export {
+  DEFAULT_NOT_FOUND_LABELS,
+  NotFoundPage
+};
+//# sourceMappingURL=not-found-page.js.map

package/dist/auth/not-found-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/auth/not-found-page.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { useNoIndex } from \"../hooks/use-noindex\";\nimport { Button } from \"../components/ui\";\nimport type { AuthHeadingLevel } from \"./status-parts\";\n\n/** Every string the page renders — the `notFound` namespace. keksdose's words\n *  (`error.not_found_*`), which kastlan took over. */\nexport interface NotFoundLabels {\n  /** The heading. */\n  title: string;\n  /** Under it. */\n  body: string;\n  /** The way out for everyone — to `homeHref`. */\n  home: string;\n  /** The second way out for someone signed in — to `appHref`. */\n  app: string;\n}\n\nexport const DEFAULT_NOT_FOUND_LABELS: NotFoundLabels = {\n  title: \"Page not found\",\n  body: \"This address doesn’t exist (any more). It may be a typo, or the page has moved.\",\n  home: \"Go to the start page\",\n  app: \"Back to the app\",\n};\n\nexport interface NotFoundPageProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"title\"> {\n  /** \"Go to the start page\". Default `/`, which takes a signed-in user into the app and\n   *  anyone else to sign-in in all three apps. */\n  homeHref?: string;\n  /**\n   * \"Back to the app\", beside it — pass it while someone is signed in. A LITERAL page\n   * (keksdose's `/budget`), never the \"last visited page\" an app restores on start: a\n   * stale one of those pointing at a route that is gone is the likeliest way a\n   * signed-in user lands here (keksdose's not-found-page.tsx).\n   */\n  appHref?: string;\n  /** App content under the text — a search field, a support address. */\n  children?: ReactNode;\n  /** `false` adds no `noindex` — for a preview inside another page. Default `true`. */\n  noIndex?: boolean;\n  /** The heading's level. Default `h2`, under `AuthLayout`'s `h1`; `h1` where the page\n   *  stands alone (inside the app shell). */\n  headingAs?: AuthHeadingLevel;\n  labels?: Partial<NotFoundLabels>;\n}\n\n/**\n * What an unknown address renders (the router's catch-all), signed out and signed in —\n * keksdose's `NotFoundPage` (app/not-found-page.tsx, feedback #129), which kastlan took\n * over on `AuthLayout` (docs/auth-harmonization.md §7).\n *\n * In place of the silent `<Navigate to=\"/\">` keksdose had: bouncing every typo, dead link\n * and fabricated URL to the start page is what Search Console reports as a soft 404, and\n * it hid broken links. An SPA cannot send a real 404 status — the web server answers\n * every path with index.html — so the page says it in words and calls\n * {@link useNoIndex}, which makes a crawler drop it (the server's `X-Robots-Tag` is the\n * authoritative half).\n *\n * It is the page's CONTENT, not a frame, so it sits in either: as `AuthLayout`'s child\n * for a visitor (`headingAs` default `h2`, under the layout's title), or bare inside the\n * app shell for someone signed in (`headingAs=\"h1\"`, and `appHref`). The large \"404\" is\n * decoration — the heading says it in words — and hidden from a screen reader.\n */\nexport function NotFoundPage({\n  homeHref = \"/\",\n  appHref,\n  children,\n  noIndex = true,\n  headingAs: Heading = \"h2\",\n  labels: labelsProp,\n  className,\n  ...rest\n}: NotFoundPageProps) {\n  const labels = useKitLabels(\"notFound\", DEFAULT_NOT_FOUND_LABELS, labelsProp);\n  useNoIndex(noIndex);\n  return (\n    <div {...rest} className={cn(\"flex flex-col items-center gap-2 py-4 text-center\", className)}>\n      <p aria-hidden className=\"text-6xl font-bold leading-none tracking-tight text-[var(--text-placeholder)]\">\n        404\n      </p>\n      <Heading className=\"mt-2 text-xl font-semibold text-[var(--text-primary)]\">{labels.title}</Heading>\n      <p className=\"max-w-prose text-sm text-[var(--text-secondary)]\">{labels.body}</p>\n      {children}\n      <div className=\"mt-4 flex flex-wrap justify-center gap-3\">\n        <Button href={homeHref} variant=\"brand\">\n          {labels.home}\n        </Button>\n        {appHref !== undefined && (\n          <Button href={appHref} variant=\"secondary\">\n            {labels.app}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA+EM,cAMA,YANA;AA9EN,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAgBhB,MAAM,2BAA2C;AAAA,EACtD,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AACP;AAwCO,SAAS,aAAa;AAAA,EAC3B,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,WAAW,UAAU;AAAA,EACrB,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,SAAS,aAAa,YAAY,0BAA0B,UAAU;AAC5E,aAAW,OAAO;AAClB,SACE,qBAAC,SAAK,GAAG,MAAM,WAAW,GAAG,qDAAqD,SAAS,GACzF;AAAA,wBAAC,OAAE,eAAW,MAAC,WAAU,iFAAgF,iBAEzG;AAAA,IACA,oBAAC,WAAQ,WAAU,yDAAyD,iBAAO,OAAM;AAAA,IACzF,oBAAC,OAAE,WAAU,oDAAoD,iBAAO,MAAK;AAAA,IAC5E;AAAA,IACD,qBAAC,SAAI,WAAU,4CACb;AAAA,0BAAC,UAAO,MAAM,UAAU,SAAQ,SAC7B,iBAAO,MACV;AAAA,MACC,YAAY,UACX,oBAAC,UAAO,MAAM,SAAS,SAAQ,aAC5B,iBAAO,KACV;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/auth/register-form.d.ts

@@ -0,0 +1,91 @@
+import 'react';
+export { cB as DEFAULT_REGISTER_LABELS, ei as RegisterForm, ej as RegisterFormProps, ek as RegisterLabels, el as RegisterValues } from '../delete-account-setting-CGVMckMw.js';
+import '../components/tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
+import '../data-table-labels-DUELeXpa.js';
+import '../components/data-table-sort.js';
+import '../components/swipeable-row.js';
+import '../components/mini-calendar.js';
+import '../components/calendar-heatmap.js';
+import '../components/popover.js';
+import '../components/chip.js';
+import 'lucide-react';
+import '../components/field-sync.js';
+import '../wizard/types.js';
+import '../tour/tour.js';
+import '../search/command-palette.js';
+import '../search/global-search.js';
+import '../search/search-index.js';
+import '../components/month-picker.js';
+import '../components/page-contents.js';
+import '../components/series-chart-labels.js';
+import '../components/pie-chart-labels.js';
+import '../components/sparkline.js';
+import '../components/stat-tile.js';
+import '../components/signature-pad.js';
+import '../components/password-strength.js';
+import '../components/swatch-picker.js';
+import '../components/tile-radio.js';
+import '../components/icon-picker.js';
+import '../components/dialog-frame.js';
+import '../components/modal.js';
+import '../hooks/use-search-param-state.js';
+import '../components/measured-grid.js';
+import '../components/user-avatar.js';
+import '../lib/person-name.js';
+import '../components/status-dot.js';
+import '../components/progress-bar.js';
+import '../components/signed-amount.js';
+import '../shell/topbar-action-menu.js';
+import '../components/menu-item.js';
+import '../components/floating-panel.js';
+import '../hooks/use-authed-src.js';
+import '../components/account-settings-labels.js';
+import '../components/bulk-action-bar.js';
+import '../components/list.js';
+import '../components/breadcrumbs.js';
+import '../components/toast.js';
+import '../components/description-list.js';
+import '../components/line-items.js';
+import '../components/error-boundary.js';
+import '../components/authed-image.js';
+import '../components/image-grid.js';
+import '../components/lightbox.js';
+import '../components/write-lock.js';
+import './sign-in-form.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
+import './complete-name-dialog.js';
+import './forgot-password-form.js';
+import './status-parts.js';
+import './reset-password-form.js';
+import './verify-email.js';
+import './not-found-page.js';
+import './accept-invitation.js';
+import '../shell/company-switcher.js';
+import '../account/email-change-setting.js';
+import '../account/sessions-setting.js';
+import '../lib/format.js';
+import '../account/data-export-setting.js';
+import '../components/account-chips.js';
+import '../admin/admin-parts.js';
+import '../admin/admin-action-log.js';
+import '../components/reauth-dialog.js';
+import '../components/server-wake.js';
+import '../lib/server-wake.js';
+import '../components/translation-review-labels.js';
+import '../lib/translation-review.js';
+import '../components/country-select.js';
+import '../components/inline-edit-field.js';
+import '../lib/iban.js';
+import '../lib/phone.js';
+import '../components/sign-chip.js';
+import '../components/column-mapper.js';
+import '../lib/column-mapping.js';
+import '../lib/table-text.js';
+import '../components/field-parts.js';