@alepha/ui 0.12.1 → 0.13.1

package/dist/auth/Register-HP3rP71B.cjs

@@ -1,323 +0,0 @@
-const require_core = require('./core-rDZ9d92K.cjs');
-const require_IconGoogle = require('./IconGoogle-B17BTQyD.cjs');
-let __alepha_react_auth = require("@alepha/react/auth");
-let __alepha_react_i18n = require("@alepha/react/i18n");
-let __alepha_react_form = require("@alepha/react/form");
-let alepha = require("alepha");
-let __alepha_react = require("@alepha/react");
-let __mantine_core = require("@mantine/core");
-let __tabler_icons_react = require("@tabler/icons-react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-
-//#region src/auth/components/Register.tsx
-const Register = (props) => {
-	const auth = (0, __alepha_react_auth.useAuth)();
-	const userCtrl = (0, __alepha_react.useClient)();
-	const router = (0, __alepha_react.useRouter)();
-	const { tr } = (0, __alepha_react_i18n.useI18n)();
-	const redirect = router.query.redirect || "/";
-	const [registrationState, setRegistrationState] = (0, react.useState)({ phase: "form" });
-	const [emailCode, setEmailCode] = (0, react.useState)("");
-	const [phoneCode, setPhoneCode] = (0, react.useState)("");
-	const [verificationError, setVerificationError] = (0, react.useState)(null);
-	const [isSubmitting, setIsSubmitting] = (0, react.useState)(false);
-	const hasUsernamePassword = props.realmConfig.authenticationMethods.find((it) => it.type === "CREDENTIALS");
-	const settings = props.realmConfig.settings || {};
-	const isRegistrationAllowed = settings.registrationAllowed !== false;
-	const form = (0, __alepha_react_form.useForm)({
-		schema: (0, react.useMemo)(() => {
-			const registerSchema = alepha.t.object({
-				username: alepha.t.optional(alepha.t.text()),
-				email: alepha.t.optional(alepha.t.email()),
-				phoneNumber: alepha.t.optional(alepha.t.e164()),
-				password: alepha.t.string({ minLength: 8 }),
-				confirmPassword: alepha.t.string({ minLength: 8 })
-			});
-			const required = registerSchema.required;
-			if (settings.usernameRequired) required.push("username");
-			if (settings.emailRequired) required.push("email");
-			if (settings.phoneRequired) required.push("phoneNumber");
-			return registerSchema;
-		}, []),
-		handler: async (data) => {
-			if (data.password !== data.confirmPassword) throw new alepha.TypeBoxError({
-				message: "Passwords do not match",
-				instancePath: "/confirmPassword",
-				keyword: "not",
-				schemaPath: "",
-				params: {}
-			});
-			const intent = await userCtrl.createRegistrationIntent({ body: {
-				username: data.username,
-				email: data.email,
-				phoneNumber: data.phoneNumber,
-				password: data.password
-			} });
-			const identifier = data.username ?? data.email ?? data.phoneNumber;
-			if (intent.expectEmailVerification || intent.expectPhoneVerification || intent.expectCaptcha) {
-				setRegistrationState({
-					phase: "verification",
-					intent,
-					credentials: identifier ? {
-						identifier,
-						password: data.password
-					} : void 0
-				});
-				return;
-			}
-			await userCtrl.createUserFromIntent({ body: { intentId: intent.intentId } });
-			if (identifier) await auth.login("credentials", {
-				username: identifier,
-				password: data.password
-			});
-			await router.go(router.query.r || "/");
-		}
-	});
-	const handleVerificationSubmit = async () => {
-		if (!registrationState.intent) return;
-		setIsSubmitting(true);
-		setVerificationError(null);
-		try {
-			await userCtrl.createUserFromIntent({ body: {
-				intentId: registrationState.intent.intentId,
-				emailCode: registrationState.intent.expectEmailVerification ? emailCode : void 0,
-				phoneCode: registrationState.intent.expectPhoneVerification ? phoneCode : void 0
-			} });
-			if (registrationState.credentials) await auth.login("credentials", {
-				username: registrationState.credentials.identifier,
-				password: registrationState.credentials.password
-			});
-			await router.go(router.query.r || "/");
-		} catch (error) {
-			setVerificationError(error instanceof Error ? error.message : "Verification failed");
-		} finally {
-			setIsSubmitting(false);
-		}
-	};
-	const canSubmitVerification = () => {
-		if (!registrationState.intent) return false;
-		if (registrationState.intent.expectEmailVerification && emailCode.length !== 6) return false;
-		if (registrationState.intent.expectPhoneVerification && phoneCode.length !== 6) return false;
-		return true;
-	};
-	if (registrationState.phase === "verification" && registrationState.intent) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Flex, {
-		flex: 1,
-		justify: "center",
-		align: "center",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Stack, {
-			gap: "sm",
-			w: 360,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Card, {
-				withBorder: true,
-				p: "lg",
-				bg: "var(--alepha-elevated)",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
-					gap: "md",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
-							size: "lg",
-							fw: 500,
-							ta: "center",
-							children: tr("registerVerifyTitle") ?? "Verify your account"
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
-							size: "sm",
-							c: "dimmed",
-							ta: "center",
-							children: tr("registerVerifyDescription") ?? "Please enter the verification code(s) sent to you."
-						}),
-						verificationError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Alert, {
-							variant: "light",
-							color: "red",
-							icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconAlertCircle, {}),
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
-								size: "sm",
-								children: verificationError
-							})
-						}),
-						registrationState.intent.expectEmailVerification && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
-							gap: "xs",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
-								size: "sm",
-								fw: 500,
-								children: tr("registerEmailCode") ?? "Email verification code"
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Flex, {
-								justify: "center",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.PinInput, {
-									length: 6,
-									value: emailCode,
-									onChange: setEmailCode,
-									type: "number",
-									oneTimeCode: true,
-									"aria-label": "Email verification code"
-								})
-							})]
-						}),
-						registrationState.intent.expectPhoneVerification && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
-							gap: "xs",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
-								size: "sm",
-								fw: 500,
-								children: tr("registerPhoneCode") ?? "Phone verification code"
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Flex, {
-								justify: "center",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.PinInput, {
-									length: 6,
-									value: phoneCode,
-									onChange: setPhoneCode,
-									type: "number",
-									oneTimeCode: true,
-									"aria-label": "Phone verification code"
-								})
-							})]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
-							onClick: handleVerificationSubmit,
-							loading: isSubmitting,
-							disabled: !canSubmitVerification(),
-							children: tr("registerVerifySubmit") ?? "Complete Registration"
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
-							variant: "subtle",
-							onClick: () => setRegistrationState({
-								phase: "form",
-								intent: void 0
-							}),
-							children: tr("registerVerifyBack") ?? "Back to registration"
-						})
-					]
-				})
-			})
-		})
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Flex, {
-		flex: 1,
-		justify: "center",
-		align: "center",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
-			gap: "sm",
-			w: 360,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Card, {
-				withBorder: true,
-				p: "lg",
-				bg: "var(--alepha-elevated)",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
-					gap: "md",
-					children: [!isRegistrationAllowed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Alert, {
-						variant: "light",
-						color: "yellow",
-						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconAlertCircle, {}),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
-							size: "sm",
-							children: tr("registerDisabled")
-						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
-						href: router.path("login"),
-						children: tr("registerBackToSignIn")
-					})] }) : hasUsernamePassword ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
-						...form.props,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
-							flex: 1,
-							gap: "md",
-							children: [
-								settings.usernameEnabled !== false && form.input.username && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.Control_default, {
-									title: tr("registerUsername"),
-									input: form.input.username,
-									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconUser, {}),
-									text: { autoComplete: "username" }
-								}),
-								settings.emailEnabled !== false && form.input.email && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.Control_default, {
-									title: tr("registerEmail"),
-									input: form.input.email,
-									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconMail, {}),
-									text: { autoComplete: "email" }
-								}),
-								settings.phoneEnabled === true && form.input.phoneNumber && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.Control_default, {
-									title: tr("registerPhone"),
-									input: form.input.phoneNumber,
-									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconPhone, {}),
-									text: { autoComplete: "tel" }
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.Control_default, {
-									title: tr("registerPassword"),
-									input: form.input.password,
-									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconLock, {}),
-									password: { autoComplete: "new-password" }
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.Control_default, {
-									title: tr("registerConfirmPassword"),
-									input: form.input.confirmPassword,
-									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconLock, {}),
-									password: { autoComplete: "new-password" }
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
-									form,
-									children: tr("registerCreateAccount")
-								})
-							]
-						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Group, {
-						align: "center",
-						justify: "center",
-						gap: "md",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Flex, {
-								flex: 1,
-								h: "1px",
-								bg: "var(--alepha-text-muted)"
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
-								size: "xs",
-								children: tr("registerOr")
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Flex, {
-								flex: 1,
-								h: "1px",
-								bg: "var(--alepha-text-muted)"
-							})
-						]
-					})] }) : null, isRegistrationAllowed && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Stack, {
-						gap: "sm",
-						children: props.realmConfig.authenticationMethods.map((method) => method.type !== "CREDENTIALS" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
-							variant: "default",
-							leftSection: leftSection(method.name.toLowerCase()),
-							onClick: () => auth.login(method.name, { redirect }),
-							children: tr("registerContinueWith", { args: [require_core.capitalize(method.name)] })
-						}, method.type))
-					}), props.realmConfig.authenticationMethods.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Text, {
-						size: "sm",
-						ta: "center",
-						children: [
-							tr("registerHaveAccount"),
-							" ",
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
-								href: router.path("login"),
-								anchorProps: { inherit: true },
-								children: tr("registerSignIn")
-							})
-						]
-					})] })]
-				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
-				variant: "subtle",
-				href: redirect,
-				children: tr("registerCancel")
-			})]
-		})
-	});
-};
-var Register_default = Register;
-const leftSection = (name) => {
-	if (name === "google") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconGoogle.IconGoogle_default, {});
-	if (name === "github") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconGoogle.IconGithub_default, {});
-};
-
-//#endregion
-Object.defineProperty(exports, 'Register_default', {
-  enumerable: true,
-  get: function () {
-    return Register_default;
-  }
-});
-//# sourceMappingURL=Register-HP3rP71B.cjs.map

package/dist/auth/Register-HP3rP71B.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Register-HP3rP71B.cjs","names":["t","TypeBoxError","Flex","Stack","Card","Text","Alert","IconAlertCircle","PinInput","ActionButton","Control","IconUser","IconMail","IconPhone","IconLock","Group","capitalize","IconGoogle","IconGithub"],"sources":["../../src/auth/components/Register.tsx"],"sourcesContent":["import { useClient, useRouter } from \"@alepha/react\";\nimport { useAuth } from \"@alepha/react/auth\";\nimport { useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport { Alert, Card, Flex, Group, PinInput, Stack, Text } from \"@mantine/core\";\nimport {\n  IconAlertCircle,\n  IconLock,\n  IconMail,\n  IconPhone,\n  IconUser,\n} from \"@tabler/icons-react\";\nimport { TypeBoxError, t } from \"alepha\";\nimport type {\n  RegistrationIntentResponse,\n  UserController,\n  UserRealmConfig,\n} from \"alepha/api/users\";\nimport { useMemo, useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\nimport IconGithub from \"./icons/IconGithub.tsx\";\nimport IconGoogle from \"./icons/IconGoogle.tsx\";\n\nexport interface RegisterProps {\n  realmConfig: UserRealmConfig;\n}\n\ntype RegistrationPhase = \"form\" | \"verification\";\n\ninterface RegistrationState {\n  phase: RegistrationPhase;\n  intent?: RegistrationIntentResponse;\n  credentials?: {\n    identifier: string;\n    password: string;\n  };\n}\n\nconst Register = (props: RegisterProps) => {\n  const auth = useAuth();\n  const userCtrl = useClient<UserController>();\n  const router = useRouter<AuthRouter>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const redirect = router.query.redirect || \"/\";\n\n  const [registrationState, setRegistrationState] = useState<RegistrationState>(\n    {\n      phase: \"form\",\n    },\n  );\n  const [emailCode, setEmailCode] = useState(\"\");\n  const [phoneCode, setPhoneCode] = useState(\"\");\n  const [verificationError, setVerificationError] = useState<string | null>(\n    null,\n  );\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const hasUsernamePassword = props.realmConfig.authenticationMethods.find(\n    (it) => it.type === \"CREDENTIALS\",\n  );\n\n  const settings = props.realmConfig.settings || {};\n  const isRegistrationAllowed = settings.registrationAllowed !== false;\n\n  const registerSchema = useMemo(() => {\n    const registerSchema = t.object({\n      username: t.optional(t.text()),\n      email: t.optional(t.email()),\n      phoneNumber: t.optional(t.e164()),\n      password: t.string({ minLength: 8 }),\n      confirmPassword: t.string({ minLength: 8 }),\n    });\n\n    const required = registerSchema.required as string[];\n\n    if (settings.usernameRequired) required.push(\"username\");\n    if (settings.emailRequired) required.push(\"email\");\n    if (settings.phoneRequired) required.push(\"phoneNumber\");\n\n    return registerSchema;\n  }, []);\n\n  const form = useForm({\n    schema: registerSchema,\n    handler: async (data) => {\n      if (data.password !== data.confirmPassword) {\n        throw new TypeBoxError({\n          message: \"Passwords do not match\",\n          instancePath: \"/confirmPassword\",\n          keyword: \"not\",\n          schemaPath: \"\",\n          params: {},\n        });\n      }\n\n      // Phase 1: Create registration intent\n      const intent = await userCtrl.createRegistrationIntent({\n        body: {\n          username: data.username,\n          email: data.email,\n          phoneNumber: data.phoneNumber,\n          password: data.password,\n        },\n      });\n\n      const identifier = data.username ?? data.email ?? data.phoneNumber;\n\n      // Check if verification is needed\n      if (\n        intent.expectEmailVerification ||\n        intent.expectPhoneVerification ||\n        intent.expectCaptcha\n      ) {\n        // Move to verification phase\n        setRegistrationState({\n          phase: \"verification\",\n          intent,\n          credentials: identifier\n            ? { identifier, password: data.password }\n            : undefined,\n        });\n        return;\n      }\n\n      // No verification needed - complete registration immediately\n      await userCtrl.createUserFromIntent({\n        body: { intentId: intent.intentId },\n      });\n\n      // Auto-login after registration\n      if (identifier) {\n        await auth.login(\"credentials\", {\n          username: identifier,\n          password: data.password,\n        });\n      }\n\n      await router.go(router.query.r || \"/\");\n    },\n  });\n\n  const handleVerificationSubmit = async () => {\n    if (!registrationState.intent) return;\n\n    setIsSubmitting(true);\n    setVerificationError(null);\n\n    try {\n      // Phase 2: Complete registration with verification codes\n      await userCtrl.createUserFromIntent({\n        body: {\n          intentId: registrationState.intent.intentId,\n          emailCode: registrationState.intent.expectEmailVerification\n            ? emailCode\n            : undefined,\n          phoneCode: registrationState.intent.expectPhoneVerification\n            ? phoneCode\n            : undefined,\n        },\n      });\n\n      // Auto-login after registration\n      if (registrationState.credentials) {\n        await auth.login(\"credentials\", {\n          username: registrationState.credentials.identifier,\n          password: registrationState.credentials.password,\n        });\n      }\n\n      await router.go(router.query.r || \"/\");\n    } catch (error) {\n      setVerificationError(\n        error instanceof Error ? error.message : \"Verification failed\",\n      );\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  const canSubmitVerification = () => {\n    if (!registrationState.intent) return false;\n\n    if (\n      registrationState.intent.expectEmailVerification &&\n      emailCode.length !== 6\n    ) {\n      return false;\n    }\n\n    if (\n      registrationState.intent.expectPhoneVerification &&\n      phoneCode.length !== 6\n    ) {\n      return false;\n    }\n\n    return true;\n  };\n\n  // Verification phase UI\n  if (registrationState.phase === \"verification\" && registrationState.intent) {\n    return (\n      <Flex flex={1} justify={\"center\"} align={\"center\"}>\n        <Stack gap={\"sm\"} w={360}>\n          <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n            <Stack gap={\"md\"}>\n              <Text size=\"lg\" fw={500} ta=\"center\">\n                {tr(\"registerVerifyTitle\") ?? \"Verify your account\"}\n              </Text>\n              <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                {tr(\"registerVerifyDescription\") ??\n                  \"Please enter the verification code(s) sent to you.\"}\n              </Text>\n\n              {verificationError && (\n                <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                  <Text size=\"sm\">{verificationError}</Text>\n                </Alert>\n              )}\n\n              {registrationState.intent.expectEmailVerification && (\n                <Stack gap={\"xs\"}>\n                  <Text size=\"sm\" fw={500}>\n                    {tr(\"registerEmailCode\") ?? \"Email verification code\"}\n                  </Text>\n                  <Flex justify=\"center\">\n                    <PinInput\n                      length={6}\n                      value={emailCode}\n                      onChange={setEmailCode}\n                      type=\"number\"\n                      oneTimeCode\n                      aria-label=\"Email verification code\"\n                    />\n                  </Flex>\n                </Stack>\n              )}\n\n              {registrationState.intent.expectPhoneVerification && (\n                <Stack gap={\"xs\"}>\n                  <Text size=\"sm\" fw={500}>\n                    {tr(\"registerPhoneCode\") ?? \"Phone verification code\"}\n                  </Text>\n                  <Flex justify=\"center\">\n                    <PinInput\n                      length={6}\n                      value={phoneCode}\n                      onChange={setPhoneCode}\n                      type=\"number\"\n                      oneTimeCode\n                      aria-label=\"Phone verification code\"\n                    />\n                  </Flex>\n                </Stack>\n              )}\n\n              <ActionButton\n                onClick={handleVerificationSubmit}\n                loading={isSubmitting}\n                disabled={!canSubmitVerification()}\n              >\n                {tr(\"registerVerifySubmit\") ?? \"Complete Registration\"}\n              </ActionButton>\n\n              <ActionButton\n                variant=\"subtle\"\n                onClick={() =>\n                  setRegistrationState({ phase: \"form\", intent: undefined })\n                }\n              >\n                {tr(\"registerVerifyBack\") ?? \"Back to registration\"}\n              </ActionButton>\n            </Stack>\n          </Card>\n        </Stack>\n      </Flex>\n    );\n  }\n\n  // Registration form phase UI\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Stack gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Stack gap={\"md\"}>\n            {!isRegistrationAllowed ? (\n              <>\n                <Alert\n                  variant=\"light\"\n                  color=\"yellow\"\n                  icon={<IconAlertCircle />}\n                >\n                  <Text size=\"sm\">{tr(\"registerDisabled\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")}>\n                  {tr(\"registerBackToSignIn\")}\n                </ActionButton>\n              </>\n            ) : hasUsernamePassword ? (\n              <>\n                <form {...form.props}>\n                  <Stack flex={1} gap={\"md\"}>\n                    {settings.usernameEnabled !== false &&\n                      form.input.username && (\n                        <Control\n                          title={tr(\"registerUsername\")}\n                          input={form.input.username}\n                          icon={<IconUser />}\n                          text={{\n                            autoComplete: \"username\",\n                          }}\n                        />\n                      )}\n                    {settings.emailEnabled !== false && form.input.email && (\n                      <Control\n                        title={tr(\"registerEmail\")}\n                        input={form.input.email}\n                        icon={<IconMail />}\n                        text={{\n                          autoComplete: \"email\",\n                        }}\n                      />\n                    )}\n                    {settings.phoneEnabled === true &&\n                      form.input.phoneNumber && (\n                        <Control\n                          title={tr(\"registerPhone\")}\n                          input={form.input.phoneNumber}\n                          icon={<IconPhone />}\n                          text={{\n                            autoComplete: \"tel\",\n                          }}\n                        />\n                      )}\n                    <Control\n                      title={tr(\"registerPassword\")}\n                      input={form.input.password}\n                      icon={<IconLock />}\n                      password={{\n                        autoComplete: \"new-password\",\n                      }}\n                    />\n                    <Control\n                      title={tr(\"registerConfirmPassword\")}\n                      input={form.input.confirmPassword}\n                      icon={<IconLock />}\n                      password={{\n                        autoComplete: \"new-password\",\n                      }}\n                    />\n                    <ActionButton form={form}>\n                      {tr(\"registerCreateAccount\")}\n                    </ActionButton>\n                  </Stack>\n                </form>\n                <Group align=\"center\" justify=\"center\" gap={\"md\"}>\n                  <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-text-muted)\"} />\n                  <Text size=\"xs\">{tr(\"registerOr\")}</Text>\n                  <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-text-muted)\"} />\n                </Group>\n              </>\n            ) : null}\n            {isRegistrationAllowed && (\n              <>\n                <Stack gap={\"sm\"}>\n                  {props.realmConfig.authenticationMethods.map(\n                    (method) =>\n                      method.type !== \"CREDENTIALS\" && (\n                        <ActionButton\n                          variant={\"default\"}\n                          key={method.type}\n                          leftSection={leftSection(method.name.toLowerCase())}\n                          onClick={() =>\n                            auth.login(method.name, {\n                              redirect,\n                            })\n                          }\n                        >\n                          {tr(\"registerContinueWith\", {\n                            args: [capitalize(method.name)],\n                          })}\n                        </ActionButton>\n                      ),\n                  )}\n                </Stack>\n                {props.realmConfig.authenticationMethods.length > 0 && (\n                  <Text size=\"sm\" ta=\"center\">\n                    {tr(\"registerHaveAccount\")}{\" \"}\n                    <ActionButton\n                      href={router.path(\"login\")}\n                      anchorProps={{ inherit: true }}\n                    >\n                      {tr(\"registerSignIn\")}\n                    </ActionButton>\n                  </Text>\n                )}\n              </>\n            )}\n          </Stack>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={redirect}>\n          {tr(\"registerCancel\")}\n        </ActionButton>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default Register;\n\nconst leftSection = (name: string) => {\n  if (name === \"google\") {\n    return <IconGoogle />;\n  }\n\n  if (name === \"github\") {\n    return <IconGithub />;\n  }\n};\n"],"mappings":"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"}

package/dist/auth/ResetPassword-B-tkzV7g.cjs

@@ -1,248 +0,0 @@
-const require_core = require('./core-rDZ9d92K.cjs');
-let __alepha_react_i18n = require("@alepha/react/i18n");
-let __alepha_react_form = require("@alepha/react/form");
-let alepha = require("alepha");
-let __alepha_react = require("@alepha/react");
-let __mantine_core = require("@mantine/core");
-let __tabler_icons_react = require("@tabler/icons-react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-let alepha_api_users = require("alepha/api/users");
-
-//#region src/auth/components/ResetPassword.tsx
-const ResetPassword = (props) => {
-	const router = (0, __alepha_react.useRouter)();
-	const userCtrl = (0, __alepha_react.useClient)();
-	const { tr } = (0, __alepha_react_i18n.useI18n)();
-	const [resetState, setResetState] = (0, react.useState)({ step: "email" });
-	const [error, setError] = (0, react.useState)(null);
-	const [isSubmitting, setIsSubmitting] = (0, react.useState)(false);
-	const redirect = router.query.redirect || "/";
-	const isResetPasswordAllowed = props.realmConfig.settings?.resetPasswordAllowed !== false;
-	const emailForm = (0, __alepha_react_form.useForm)({
-		schema: alepha_api_users.resetPasswordRequestSchema,
-		handler: async (data) => {
-			setError(null);
-			setResetState({
-				step: "code",
-				intent: await userCtrl.createPasswordResetIntent({ body: { email: data.email } }),
-				email: data.email
-			});
-		}
-	});
-	const passwordForm = (0, __alepha_react_form.useForm)({
-		schema: alepha.t.object({
-			password: alepha.t.string({ minLength: 8 }),
-			confirmPassword: alepha.t.string({ minLength: 8 })
-		}),
-		handler: async (data) => {
-			if (data.password !== data.confirmPassword) throw new alepha.AlephaError("Passwords do not match");
-			if (!resetState.intent || !resetState.code) throw new alepha.AlephaError("Invalid reset state");
-			await userCtrl.completePasswordReset({ body: {
-				intentId: resetState.intent.intentId,
-				code: resetState.code,
-				newPassword: data.password
-			} });
-			setResetState({ step: "success" });
-		}
-	}, [resetState.intent, resetState.code]);
-	const handleCodeComplete = (value) => {
-		if (value.length === 6) setResetState((prev) => ({
-			...prev,
-			step: "password",
-			code: value
-		}));
-	};
-	const handleResendCode = async () => {
-		if (!resetState.email) return;
-		setIsSubmitting(true);
-		setError(null);
-		try {
-			const intent = await userCtrl.createPasswordResetIntent({ body: { email: resetState.email } });
-			setResetState((prev) => ({
-				...prev,
-				intent
-			}));
-		} catch (err) {
-			setError(err instanceof Error ? err.message : "Failed to resend code");
-		} finally {
-			setIsSubmitting(false);
-		}
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Flex, {
-		flex: 1,
-		justify: "center",
-		align: "center",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
-			gap: "sm",
-			w: 360,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Card, {
-				withBorder: true,
-				p: "lg",
-				bg: "var(--alepha-elevated)",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
-					gap: "md",
-					children: [error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Alert, {
-						variant: "light",
-						color: "red",
-						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconAlertCircle, {}),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
-							size: "sm",
-							children: error
-						})
-					}), !isResetPasswordAllowed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Alert, {
-						variant: "light",
-						color: "yellow",
-						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconAlertCircle, {}),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
-							size: "sm",
-							children: tr("resetPasswordDisabled")
-						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
-						href: router.path("login"),
-						children: tr("resetPasswordBackToSignIn")
-					})] }) : resetState.step === "email" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
-						...emailForm.props,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
-							flex: 1,
-							gap: "md",
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
-									size: "lg",
-									fw: 500,
-									ta: "center",
-									children: tr("resetPasswordTitle")
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
-									size: "sm",
-									c: "dimmed",
-									children: tr("resetPasswordEnterEmail")
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.Control_default, {
-									title: tr("resetPasswordEmail"),
-									input: emailForm.input.email,
-									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconMail, {}),
-									text: {
-										autoComplete: "email",
-										autoFocus: true,
-										disabled: !isResetPasswordAllowed
-									}
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
-									form: emailForm,
-									disabled: !isResetPasswordAllowed,
-									children: tr("resetPasswordSendCode")
-								})
-							]
-						})
-					}) : resetState.step === "code" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
-						gap: "md",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
-								size: "lg",
-								fw: 500,
-								ta: "center",
-								children: tr("resetPasswordTitle")
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Alert, {
-								variant: "light",
-								color: "blue",
-								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconInfoCircle, {}),
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
-									size: "sm",
-									children: tr("resetPasswordCodeSent")
-								})
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
-								size: "sm",
-								c: "dimmed",
-								ta: "center",
-								children: tr("resetPasswordEnterCode")
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Flex, {
-								justify: "center",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.PinInput, {
-									length: 6,
-									type: "number",
-									autoFocus: true,
-									oneTimeCode: true,
-									onComplete: handleCodeComplete,
-									"aria-label": "Password reset verification code"
-								})
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
-								variant: "subtle",
-								onClick: handleResendCode,
-								loading: isSubmitting,
-								children: tr("resetPasswordResendCode")
-							})
-						]
-					}) : resetState.step === "password" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
-						...passwordForm.props,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
-							flex: 1,
-							gap: "md",
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
-									size: "lg",
-									fw: 500,
-									ta: "center",
-									children: tr("resetPasswordTitle")
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
-									size: "sm",
-									c: "dimmed",
-									children: tr("resetPasswordEnterNewPassword")
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.Control_default, {
-									title: tr("resetPasswordNewPassword"),
-									input: passwordForm.input.password,
-									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconLock, {}),
-									password: {
-										autoComplete: "new-password",
-										autoFocus: true
-									}
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.Control_default, {
-									title: tr("resetPasswordConfirmPassword"),
-									input: passwordForm.input.confirmPassword,
-									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconLock, {}),
-									password: { autoComplete: "new-password" }
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
-									form: passwordForm,
-									children: tr("resetPasswordSetNewPassword")
-								})
-							]
-						})
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Alert, {
-						variant: "light",
-						color: "green",
-						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconCheck, {}),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
-							size: "sm",
-							children: tr("resetPasswordSuccess")
-						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
-						href: router.path("login"),
-						children: tr("resetPasswordBackToSignIn")
-					})] })]
-				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
-				variant: "subtle",
-				href: redirect,
-				children: tr("resetPasswordCancel")
-			})]
-		})
-	});
-};
-var ResetPassword_default = ResetPassword;
-
-//#endregion
-Object.defineProperty(exports, 'ResetPassword_default', {
-  enumerable: true,
-  get: function () {
-    return ResetPassword_default;
-  }
-});
-//# sourceMappingURL=ResetPassword-B-tkzV7g.cjs.map

package/dist/auth/ResetPassword-B-tkzV7g.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResetPassword-B-tkzV7g.cjs","names":["resetPasswordRequestSchema","t","AlephaError","Flex","Stack","Card","Alert","IconAlertCircle","Text","ActionButton","Control","IconMail","IconInfoCircle","PinInput","IconLock","IconCheck"],"sources":["../../src/auth/components/ResetPassword.tsx"],"sourcesContent":["import { useClient, useRouter } from \"@alepha/react\";\nimport { useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, Control } from \"@alepha/ui\";\nimport { Alert, Card, Flex, PinInput, Stack, Text } from \"@mantine/core\";\nimport {\n  IconAlertCircle,\n  IconCheck,\n  IconInfoCircle,\n  IconLock,\n  IconMail,\n} from \"@tabler/icons-react\";\nimport { AlephaError, t } from \"alepha\";\nimport type {\n  PasswordResetIntentResponse,\n  UserController,\n  UserRealmConfig,\n} from \"alepha/api/users\";\nimport { resetPasswordRequestSchema } from \"alepha/api/users\";\nimport { useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\n\nexport interface ResetPasswordProps {\n  realmConfig: UserRealmConfig;\n}\n\ntype Step = \"email\" | \"code\" | \"password\" | \"success\";\n\ninterface ResetState {\n  step: Step;\n  intent?: PasswordResetIntentResponse;\n  email?: string;\n  code?: string;\n}\n\nconst ResetPassword = (props: ResetPasswordProps) => {\n  const router = useRouter<AuthRouter>();\n  const userCtrl = useClient<UserController>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const [resetState, setResetState] = useState<ResetState>({ step: \"email\" });\n  const [error, setError] = useState<string | null>(null);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const redirect = router.query.redirect || \"/\";\n\n  const isResetPasswordAllowed =\n    props.realmConfig.settings?.resetPasswordAllowed !== false;\n\n  // Phase 1: Request password reset intent\n  const emailForm = useForm({\n    schema: resetPasswordRequestSchema,\n    handler: async (data) => {\n      setError(null);\n      const intent = await userCtrl.createPasswordResetIntent({\n        body: { email: data.email },\n      });\n\n      setResetState({\n        step: \"code\",\n        intent,\n        email: data.email,\n      });\n    },\n  });\n\n  // Phase 2: Complete password reset\n  const passwordForm = useForm(\n    {\n      schema: t.object({\n        password: t.string({ minLength: 8 }),\n        confirmPassword: t.string({ minLength: 8 }),\n      }),\n      handler: async (data) => {\n        if (data.password !== data.confirmPassword) {\n          throw new AlephaError(\"Passwords do not match\");\n        }\n\n        if (!resetState.intent || !resetState.code) {\n          throw new AlephaError(\"Invalid reset state\");\n        }\n\n        await userCtrl.completePasswordReset({\n          body: {\n            intentId: resetState.intent.intentId,\n            code: resetState.code,\n            newPassword: data.password,\n          },\n        });\n\n        setResetState({ step: \"success\" });\n      },\n    },\n    [resetState.intent, resetState.code],\n  );\n\n  const handleCodeComplete = (value: string) => {\n    if (value.length === 6) {\n      setResetState((prev) => ({\n        ...prev,\n        step: \"password\",\n        code: value,\n      }));\n    }\n  };\n\n  const handleResendCode = async () => {\n    if (!resetState.email) return;\n\n    setIsSubmitting(true);\n    setError(null);\n\n    try {\n      const intent = await userCtrl.createPasswordResetIntent({\n        body: { email: resetState.email },\n      });\n\n      setResetState((prev) => ({\n        ...prev,\n        intent,\n      }));\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"Failed to resend code\");\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Stack gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Stack gap={\"md\"}>\n            {error && (\n              <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                <Text size=\"sm\">{error}</Text>\n              </Alert>\n            )}\n\n            {!isResetPasswordAllowed ? (\n              <>\n                <Alert\n                  variant=\"light\"\n                  color=\"yellow\"\n                  icon={<IconAlertCircle />}\n                >\n                  <Text size=\"sm\">{tr(\"resetPasswordDisabled\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")}>\n                  {tr(\"resetPasswordBackToSignIn\")}\n                </ActionButton>\n              </>\n            ) : resetState.step === \"email\" ? (\n              <form {...emailForm.props}>\n                <Stack flex={1} gap={\"md\"}>\n                  <Text size=\"lg\" fw={500} ta=\"center\">\n                    {tr(\"resetPasswordTitle\")}\n                  </Text>\n                  <Text size=\"sm\" c=\"dimmed\">\n                    {tr(\"resetPasswordEnterEmail\")}\n                  </Text>\n                  <Control\n                    title={tr(\"resetPasswordEmail\")}\n                    input={emailForm.input.email}\n                    icon={<IconMail />}\n                    text={{\n                      autoComplete: \"email\",\n                      autoFocus: true,\n                      disabled: !isResetPasswordAllowed,\n                    }}\n                  />\n                  <ActionButton\n                    form={emailForm}\n                    disabled={!isResetPasswordAllowed}\n                  >\n                    {tr(\"resetPasswordSendCode\")}\n                  </ActionButton>\n                </Stack>\n              </form>\n            ) : resetState.step === \"code\" ? (\n              <Stack gap={\"md\"}>\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"resetPasswordTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"blue\" icon={<IconInfoCircle />}>\n                  <Text size=\"sm\">{tr(\"resetPasswordCodeSent\")}</Text>\n                </Alert>\n                <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                  {tr(\"resetPasswordEnterCode\")}\n                </Text>\n                <Flex justify=\"center\">\n                  <PinInput\n                    length={6}\n                    type=\"number\"\n                    autoFocus\n                    oneTimeCode\n                    onComplete={handleCodeComplete}\n                    aria-label=\"Password reset verification code\"\n                  />\n                </Flex>\n                <ActionButton\n                  variant=\"subtle\"\n                  onClick={handleResendCode}\n                  loading={isSubmitting}\n                >\n                  {tr(\"resetPasswordResendCode\")}\n                </ActionButton>\n              </Stack>\n            ) : resetState.step === \"password\" ? (\n              <form {...passwordForm.props}>\n                <Stack flex={1} gap={\"md\"}>\n                  <Text size=\"lg\" fw={500} ta=\"center\">\n                    {tr(\"resetPasswordTitle\")}\n                  </Text>\n                  <Text size=\"sm\" c=\"dimmed\">\n                    {tr(\"resetPasswordEnterNewPassword\")}\n                  </Text>\n                  <Control\n                    title={tr(\"resetPasswordNewPassword\")}\n                    input={passwordForm.input.password}\n                    icon={<IconLock />}\n                    password={{\n                      autoComplete: \"new-password\",\n                      autoFocus: true,\n                    }}\n                  />\n                  <Control\n                    title={tr(\"resetPasswordConfirmPassword\")}\n                    input={passwordForm.input.confirmPassword}\n                    icon={<IconLock />}\n                    password={{\n                      autoComplete: \"new-password\",\n                    }}\n                  />\n                  <ActionButton form={passwordForm}>\n                    {tr(\"resetPasswordSetNewPassword\")}\n                  </ActionButton>\n                </Stack>\n              </form>\n            ) : (\n              <>\n                <Alert variant=\"light\" color=\"green\" icon={<IconCheck />}>\n                  <Text size=\"sm\">{tr(\"resetPasswordSuccess\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")}>\n                  {tr(\"resetPasswordBackToSignIn\")}\n                </ActionButton>\n              </>\n            )}\n          </Stack>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={redirect}>\n          {tr(\"resetPasswordCancel\")}\n        </ActionButton>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default ResetPassword;\n"],"mappings":"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"}

package/dist/auth/ResetPassword-BlK3xEpU.js

@@ -1,4 +0,0 @@
-import "./core-D1MHij1j.js";
-import { t as ResetPassword_default } from "./ResetPassword-BzUjGG_-.js";
-
-export { ResetPassword_default as default };