@alepha/ui 0.15.1 → 0.15.2

package/dist/auth/Register-CZRXEcWy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Register-CZRXEcWy.js","names":["IconGoogle","IconGithub"],"sources":["../../src/auth/components/Register.tsx"],"sourcesContent":["import { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport {\n  Alert,\n  Card,\n  Flex,\n  Group,\n  Image,\n  PinInput,\n  Stack,\n  Text,\n  Title,\n} 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  RealmConfig,\n  RegistrationIntentResponse,\n  UserController,\n} from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useAuth } from \"alepha/react/auth\";\nimport { useForm } from \"alepha/react/form\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\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: RealmConfig;\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.r || \"/\";\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 credentialsProvider = 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(\n        t.text({\n          trim: true,\n          pattern: settings.usernameRegExp,\n        }),\n      ),\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        query: { userRealmName: props.realmConfig.realmName },\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 && credentialsProvider) {\n        await auth.login(credentialsProvider.name, {\n          username: identifier,\n          password: data.password,\n          realm: props.realmConfig.realmName,\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 && credentialsProvider) {\n        await auth.login(credentialsProvider.name, {\n          username: registrationState.credentials.identifier,\n          password: registrationState.credentials.password,\n          realm: props.realmConfig.realmName,\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\")}\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\")}\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                color={\"blue\"}\n                onClick={handleVerificationSubmit}\n                loading={isSubmitting}\n                disabled={!canSubmitVerification()}\n              >\n                {tr(\"registerVerifySubmit\")}\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  // External login methods\n  const externalMethods = props.realmConfig.authenticationMethods.filter(\n    (method) => method.type !== \"CREDENTIALS\",\n  );\n\n  const showOrDivider = credentialsProvider && externalMethods.length > 0;\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            {/* Realm branding */}\n            {(settings.logoUrl ||\n              settings.displayName ||\n              settings.description) && (\n              <Stack gap={\"xs\"} align=\"center\" mb=\"xs\">\n                {settings.logoUrl && (\n                  <Image\n                    src={settings.logoUrl}\n                    alt={settings.displayName || props.realmConfig.realmName}\n                    h={48}\n                    w=\"auto\"\n                    fit=\"contain\"\n                  />\n                )}\n                {settings.displayName && (\n                  <Title order={4} ta=\"center\">\n                    {settings.displayName}\n                  </Title>\n                )}\n                {settings.description && (\n                  <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                    {settings.description}\n                  </Text>\n                )}\n              </Stack>\n            )}\n\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\n                  href={router.path(\"login\", {\n                    query: { realm: props.realmConfig.realmName },\n                  })}\n                >\n                  {tr(\"registerBackToSignIn\")}\n                </ActionButton>\n              </>\n            ) : (\n              <>\n                {/* Credentials registration form */}\n                {credentialsProvider && (\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\n                        form={form}\n                        color={\"blue\"}\n                        variant={\"filled\"}\n                      >\n                        {tr(\"registerCreateAccount\")}\n                      </ActionButton>\n                    </Stack>\n                  </form>\n                )}\n\n                {/* OR divider - only when both credentials AND external methods exist */}\n                {showOrDivider && (\n                  <Group align=\"center\" justify=\"center\" gap={\"md\"}>\n                    <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n                    <Text size=\"xs\" c=\"dimmed\">\n                      {tr(\"registerOr\")}\n                    </Text>\n                    <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n                  </Group>\n                )}\n\n                {/* External login methods */}\n                {externalMethods.length > 0 && (\n                  <Stack gap={\"sm\"}>\n                    {externalMethods.map((method) => (\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                            realm: props.realmConfig.realmName,\n                          })\n                        }\n                      >\n                        {tr(\"registerContinueWith\", {\n                          args: [capitalize(method.name)],\n                        })}\n                      </ActionButton>\n                    ))}\n                  </Stack>\n                )}\n\n                {/* Sign in link */}\n                <Text size=\"sm\" ta=\"center\">\n                  {tr(\"registerHaveAccount\")}{\" \"}\n                  <ActionButton\n                    href={router.path(\"login\", {\n                      query: { realm: props.realmConfig.realmName },\n                    })}\n                    anchorProps={{ inherit: true }}\n                  >\n                    {tr(\"registerSignIn\")}\n                  </ActionButton>\n                </Text>\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/Register-DMTs5ep_.js

@@ -0,0 +1,4 @@
+import "./IconGoogle-DpSlPZ1u.js";
+import { t as Register_default } from "./Register-CZRXEcWy.js";
+
+export { Register_default as default };

package/dist/auth/ResetPassword-D-mhMtmx.js

@@ -0,0 +1,3 @@
+import { t as ResetPassword_default } from "./ResetPassword-DTYNsBIj.js";
+
+export { ResetPassword_default as default };

package/dist/auth/{ResetPassword-DYJSUC6B.js → ResetPassword-DTYNsBIj.js}

@@ -1,13 +1,13 @@
-import { useI18n } from "@alepha/react/i18n";
 import { ActionButton, Control } from "@alepha/ui";
 import { AlephaError, t } from "alepha";
-import { useRouter } from "@alepha/react/router";
+import { useI18n } from "alepha/react/i18n";
 import { IconAlertCircle, IconCheck, IconInfoCircle, IconLock, IconMail } from "@tabler/icons-react";
+import { useRouter } from "alepha/react/router";
 import { Alert, Card, Flex, Image, PinInput, Stack, Text, Title } from "@mantine/core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useForm } from "@alepha/react/form";
+import { useForm } from "alepha/react/form";
 import { useState } from "react";
-import { useClient } from "@alepha/react";
+import { useClient } from "alepha/react";
 import { resetPasswordRequestSchema } from "alepha/api/users";
 
 //#region ../../src/auth/components/ResetPassword.tsx
@@ -276,4 +276,4 @@ var ResetPassword_default = ResetPassword;
 
 //#endregion
 export { ResetPassword_default as t };
-//# sourceMappingURL=ResetPassword-DYJSUC6B.js.map
+//# sourceMappingURL=ResetPassword-DTYNsBIj.js.map

package/dist/auth/ResetPassword-DTYNsBIj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPassword-DTYNsBIj.js","names":[],"sources":["../../src/auth/components/ResetPassword.tsx"],"sourcesContent":["import { ActionButton, Control } from \"@alepha/ui\";\nimport {\n  Alert,\n  Card,\n  Flex,\n  Image,\n  PinInput,\n  Stack,\n  Text,\n  Title,\n} 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  RealmConfig,\n  UserController,\n} from \"alepha/api/users\";\nimport { resetPasswordRequestSchema } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useForm } from \"alepha/react/form\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport { useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\n\nexport interface ResetPasswordProps {\n  realmConfig: RealmConfig;\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.r || \"/\";\n\n  const settings = props.realmConfig.settings;\n  const isResetPasswordAllowed = 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        query: { userRealmName: props.realmConfig.realmName },\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        query: { userRealmName: props.realmConfig.realmName },\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            {/* Realm branding */}\n            {(settings.logoUrl ||\n              settings.displayName ||\n              settings.description) && (\n              <Stack gap={\"xs\"} align=\"center\" mb=\"xs\">\n                {settings.logoUrl && (\n                  <Image\n                    src={settings.logoUrl}\n                    alt={settings.displayName || props.realmConfig.realmName}\n                    h={48}\n                    w=\"auto\"\n                    fit=\"contain\"\n                  />\n                )}\n                {settings.displayName && (\n                  <Title order={4} ta=\"center\">\n                    {settings.displayName}\n                  </Title>\n                )}\n                {settings.description && (\n                  <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                    {settings.description}\n                  </Text>\n                )}\n              </Stack>\n            )}\n\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\n                  href={router.path(\"login\", {\n                    query: { realm: props.realmConfig.realmName },\n                  })}\n                >\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\n                  href={router.path(\"login\", {\n                    query: { realm: props.realmConfig.realmName },\n                  })}\n                >\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/VerifyEmail-BsrCmncc.js

@@ -0,0 +1,3 @@
+import { t as VerifyEmail_default } from "./VerifyEmail-DolENWGn.js";
+
+export { VerifyEmail_default as default };

package/dist/auth/{VerifyEmail-CNXFIwWW.js → VerifyEmail-DolENWGn.js}

@@ -1,11 +1,11 @@
-import { useI18n } from "@alepha/react/i18n";
 import { ActionButton } from "@alepha/ui";
-import { useRouter, useRouterState } from "@alepha/react/router";
+import { useI18n } from "alepha/react/i18n";
 import { IconAlertCircle, IconCheck, IconMailCheck } from "@tabler/icons-react";
+import { useRouter, useRouterState } from "alepha/react/router";
 import { Alert, Card, Flex, Loader, Stack, Text } from "@mantine/core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { useClient } from "@alepha/react";
+import { useClient } from "alepha/react";
 
 //#region ../../src/auth/components/VerifyEmail.tsx
 const VerifyEmail = (_props) => {
@@ -129,4 +129,4 @@ var VerifyEmail_default = VerifyEmail;
 
 //#endregion
 export { VerifyEmail_default as t };
-//# sourceMappingURL=VerifyEmail-CNXFIwWW.js.map
+//# sourceMappingURL=VerifyEmail-DolENWGn.js.map

package/dist/auth/VerifyEmail-DolENWGn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerifyEmail-DolENWGn.js","names":[],"sources":["../../src/auth/components/VerifyEmail.tsx"],"sourcesContent":["import { ActionButton } from \"@alepha/ui\";\nimport { Alert, Card, Flex, Loader, Stack, Text } from \"@mantine/core\";\nimport { IconAlertCircle, IconCheck, IconMailCheck } from \"@tabler/icons-react\";\nimport type { UserController } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter, useRouterState } from \"alepha/react/router\";\nimport { useEffect, useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\n\nexport type VerifyEmailProps = {};\n\ntype Step = \"verifying\" | \"success\" | \"error\";\n\nconst VerifyEmail = (_props: VerifyEmailProps) => {\n  const router = useRouter<AuthRouter>();\n  const state = useRouterState();\n  const userCtrl = useClient<UserController>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n\n  const [step, setStep] = useState<Step>(\"verifying\");\n  const [error, setError] = useState<string | null>(null);\n\n  const email = state.query.email as string | undefined;\n  const token = state.query.token as string | undefined;\n\n  useEffect(() => {\n    const verify = async () => {\n      if (!email || !token) {\n        setError(tr(\"verifyEmailMissingParams\"));\n        setStep(\"error\");\n        return;\n      }\n\n      try {\n        await userCtrl.verifyEmail({\n          body: { email, token },\n        });\n        setStep(\"success\");\n      } catch (err) {\n        setError(err instanceof Error ? err.message : tr(\"verifyEmailFailed\"));\n        setStep(\"error\");\n      }\n    };\n\n    verify();\n  }, [email, token]);\n\n  return (\n    <Flex flex={1} justify=\"center\" align=\"center\">\n      <Stack gap=\"sm\" w={400}>\n        <Card withBorder p=\"lg\" bg=\"var(--alepha-elevated)\">\n          <Stack gap=\"md\" align=\"center\">\n            {step === \"verifying\" && (\n              <>\n                <Loader size=\"lg\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailVerifying\")}\n                </Text>\n                <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                  {tr(\"verifyEmailPleaseWait\")}\n                </Text>\n              </>\n            )}\n\n            {step === \"success\" && (\n              <>\n                <IconMailCheck size={48} color=\"var(--mantine-color-green-6)\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"green\" icon={<IconCheck />}>\n                  <Text size=\"sm\">{tr(\"verifyEmailSuccess\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")} fullWidth>\n                  {tr(\"verifyEmailSignIn\")}\n                </ActionButton>\n              </>\n            )}\n\n            {step === \"error\" && (\n              <>\n                <IconAlertCircle size={48} color=\"var(--mantine-color-red-6)\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                  <Text size=\"sm\">{error || tr(\"verifyEmailFailed\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")} fullWidth>\n                  {tr(\"verifyEmailBackToSignIn\")}\n                </ActionButton>\n              </>\n            )}\n          </Stack>\n        </Card>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default VerifyEmail;\n"],"mappings":";;;;;;;;;;AAeA,MAAM,eAAe,WAA6B;CAChD,MAAM,SAAS,WAAuB;CACtC,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,WAAW,WAA2B;CAC5C,MAAM,EAAE,OAAO,SAAyB;CAExC,MAAM,CAAC,MAAM,WAAW,SAAe,YAAY;CACnD,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;CAEvD,MAAM,QAAQ,MAAM,MAAM;CAC1B,MAAM,QAAQ,MAAM,MAAM;AAE1B,iBAAgB;EACd,MAAM,SAAS,YAAY;AACzB,OAAI,CAAC,SAAS,CAAC,OAAO;AACpB,aAAS,GAAG,2BAA2B,CAAC;AACxC,YAAQ,QAAQ;AAChB;;AAGF,OAAI;AACF,UAAM,SAAS,YAAY,EACzB,MAAM;KAAE;KAAO;KAAO,EACvB,CAAC;AACF,YAAQ,UAAU;YACX,KAAK;AACZ,aAAS,eAAe,QAAQ,IAAI,UAAU,GAAG,oBAAoB,CAAC;AACtE,YAAQ,QAAQ;;;AAIpB,UAAQ;IACP,CAAC,OAAO,MAAM,CAAC;AAElB,QACE,oBAAC;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,oBAAC;GAAM,KAAI;GAAK,GAAG;aACjB,oBAAC;IAAK;IAAW,GAAE;IAAK,IAAG;cACzB,qBAAC;KAAM,KAAI;KAAK,OAAM;;MACnB,SAAS,eACR;OACE,oBAAC,UAAO,MAAK,OAAO;OACpB,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,uBAAuB;SACtB;OACP,oBAAC;QAAK,MAAK;QAAK,GAAE;QAAS,IAAG;kBAC3B,GAAG,wBAAwB;SACvB;UACN;MAGJ,SAAS,aACR;OACE,oBAAC;QAAc,MAAM;QAAI,OAAM;SAAiC;OAChE,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,mBAAmB;SAClB;OACP,oBAAC;QAAM,SAAQ;QAAQ,OAAM;QAAQ,MAAM,oBAAC,cAAY;kBACtD,oBAAC;SAAK,MAAK;mBAAM,GAAG,qBAAqB;UAAQ;SAC3C;OACR,oBAAC;QAAa,MAAM,OAAO,KAAK,QAAQ;QAAE;kBACvC,GAAG,oBAAoB;SACX;UACd;MAGJ,SAAS,WACR;OACE,oBAAC;QAAgB,MAAM;QAAI,OAAM;SAA+B;OAChE,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,mBAAmB;SAClB;OACP,oBAAC;QAAM,SAAQ;QAAQ,OAAM;QAAM,MAAM,oBAAC,oBAAkB;kBAC1D,oBAAC;SAAK,MAAK;mBAAM,SAAS,GAAG,oBAAoB;UAAQ;SACnD;OACR,oBAAC;QAAa,MAAM,OAAO,KAAK,QAAQ;QAAE;kBACvC,GAAG,0BAA0B;SACjB;UACd;;MAEC;KACH;IACD;GACH;;AAIX,0BAAe"}

package/dist/auth/index.d.ts

@@ -1,9 +1,9 @@
-import { ReactAuth } from "@alepha/react/auth";
 import { ActionMenuConfig, ActionMenuItem, ActionProps } from "@alepha/ui";
 import * as alepha1 from "alepha";
-import * as _alepha_react_router0 from "@alepha/react/router";
+import { ReactAuth } from "alepha/react/auth";
+import * as alepha_react_router0 from "alepha/react/router";
 import * as alepha_server_links0 from "alepha/server/links";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 import { RealmConfig, RealmController } from "alepha/api/users";
 
@@ -11,8 +11,8 @@ import { RealmConfig, RealmController } from "alepha/api/users";
 declare class AuthRouter {
   protected readonly realmClient: alepha_server_links0.HttpVirtualClient<RealmController>;
   protected readonly auth: ReactAuth;
-  layout: _alepha_react_router0.PagePrimitive<_alepha_react_router0.PageConfigSchema, any, _alepha_react_router0.TPropsParentDefault>;
-  login: _alepha_react_router0.PagePrimitive<{
+  layout: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  login: alepha_react_router0.PagePrimitive<{
     query: alepha1.TObject<{
       r: alepha1.TOptional<alepha1.TString>;
       realm: alepha1.TOptional<alepha1.TString>;
@@ -50,8 +50,8 @@ declare class AuthRouter {
         name: string;
       }[];
     };
-  }, _alepha_react_router0.TPropsParentDefault>;
-  register: _alepha_react_router0.PagePrimitive<{
+  }, alepha_react_router0.TPropsParentDefault>;
+  register: alepha_react_router0.PagePrimitive<{
     query: alepha1.TObject<{
       r: alepha1.TOptional<alepha1.TString>;
       realm: alepha1.TOptional<alepha1.TString>;
@@ -89,8 +89,8 @@ declare class AuthRouter {
         name: string;
       }[];
     };
-  }, _alepha_react_router0.TPropsParentDefault>;
-  resetPassword: _alepha_react_router0.PagePrimitive<{
+  }, alepha_react_router0.TPropsParentDefault>;
+  resetPassword: alepha_react_router0.PagePrimitive<{
     query: alepha1.TObject<{
       r: alepha1.TOptional<alepha1.TString>;
       realm: alepha1.TOptional<alepha1.TString>;
@@ -128,14 +128,14 @@ declare class AuthRouter {
         name: string;
       }[];
     };
-  }, _alepha_react_router0.TPropsParentDefault>;
-  verifyEmail: _alepha_react_router0.PagePrimitive<{
+  }, alepha_react_router0.TPropsParentDefault>;
+  verifyEmail: alepha_react_router0.PagePrimitive<{
     query: alepha1.TObject<{
       email: alepha1.TOptional<alepha1.TString>;
       token: alepha1.TOptional<alepha1.TString>;
     }>;
-  }, any, _alepha_react_router0.TPropsParentDefault>;
-  logout: _alepha_react_router0.PagePrimitive<_alepha_react_router0.PageConfigSchema, {}, _alepha_react_router0.TPropsParentDefault>;
+  }, any, alepha_react_router0.TPropsParentDefault>;
+  logout: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, {}, alepha_react_router0.TPropsParentDefault>;
   protected loadRealmConfig(realmName?: string): Promise<{
     realmName: string;
     settings: {
@@ -193,33 +193,44 @@ interface UserButtonProps extends Omit<ActionProps, "menu" | "icon" | "onClick">
    */
   icon?: ReactNode;
 }
-declare const UserButton: (props: UserButtonProps) => react_jsx_runtime1.JSX.Element;
+declare const UserButton: (props: UserButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/auth/components/Login.d.ts
 interface LoginProps {
   realmConfig: RealmConfig;
 }
-declare const Login: (props: LoginProps) => react_jsx_runtime1.JSX.Element;
+declare const Login: (props: LoginProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/auth/components/Register.d.ts
 interface RegisterProps {
   realmConfig: RealmConfig;
 }
-declare const Register: (props: RegisterProps) => react_jsx_runtime1.JSX.Element;
+declare const Register: (props: RegisterProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/auth/components/ResetPassword.d.ts
 interface ResetPasswordProps {
   realmConfig: RealmConfig;
 }
-declare const ResetPassword: (props: ResetPasswordProps) => react_jsx_runtime1.JSX.Element;
+declare const ResetPassword: (props: ResetPasswordProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/auth/components/VerifyEmail.d.ts
 type VerifyEmailProps = {};
-declare const VerifyEmail: (_props: VerifyEmailProps) => react_jsx_runtime1.JSX.Element;
+declare const VerifyEmail: (_props: VerifyEmailProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/auth/index.d.ts
 /**
- * Login UI Module
+ * | type | quality | stability |
+ * |------|---------|-----------|
+ * | frontend | rare | experimental |
+ *
+ * Authentication UI components.
+ *
+ * **Features:**
+ * - Login page component
+ * - Register page component
+ * - Reset password page component
+ * - Email verification page component
+ * - UserButton for user menu
  *
  * @module alepha.ui.auth
  */

package/dist/auth/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/auth/AuthRouter.ts","../../src/auth/components/buttons/UserButton.tsx","../../src/auth/components/Login.tsx","../../src/auth/components/Register.tsx","../../src/auth/components/ResetPassword.tsx","../../src/auth/components/VerifyEmail.tsx","../../src/auth/index.ts"],"mappings":";;;;;;;;;;cAuBa,UAAA;EAAA,mBACQ,WAAA,EAAW,oBAAA,CAAA,iBAAA,CAAA,eAAA;EAAA,mBACX,IAAA,EAAI,SAAA;EAEvB,MAAA,EAAM,qBAAA,CAAA,aAAA,CAFiB,qBAAA,CAEjB,gBAAA,OAAA,qBAAA,CAAA,mBAAA;EAYN,KAAA,wBAAK,aAAA;;2BAZC,OAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BN,QAAA,wBAAQ,aAAA;;2BAjBH,OAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCL,aAAA,wBAAa,aAAA;;2BAjBL,OAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCR,WAAA,wBAAW,aAAA;;+BAjBE,OAAA,CAAA,OAAA;;;;EA+Bb,MAAA,EAAM,qBAAA,CAAA,aAAA,CAdK,qBAAA,CAcL,gBAAA,MAAA,qBAAA,CAAA,mBAAA;EAAA,UAaU,eAAA,CAAgB,SAAA,YAAkB,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UCvGnC,eAAA,SACP,IAAA,CAAK,WAAA;;;;EAIb,SAAA,GAAY,cAAA;;;;EAKZ,WAAA;EDDqB;;;ECMrB,UAAA,GAAa,OAAA,CAAQ,IAAA,CAAK,gBAAA;EDJH;;;ECSvB,iBAAA;EDPM;;;ECYN,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,UAAA,GAAc,KAAA,EAAO,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UC1BzB,UAAA;EACf,WAAA,EAAa,WAAA;AAAA;AAAA,cAGT,KAAA,GAAS,KAAA,EAAO,UAAA,KAAU,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCgBf,aAAA;EACf,WAAA,EAAa,WAAA;AAAA;AAAA,cAcT,QAAA,GAAY,KAAA,EAAO,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UClBrB,kBAAA;EACf,WAAA,EAAa,WAAA;AAAA;AAAA,cAYT,aAAA,GAAiB,KAAA,EAAO,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCnCpC,gBAAA;AAAA,cAIN,WAAA,GAAe,MAAA,EAAQ,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;ALQ7C;;cMCa,YAAA,EAAY,OAAA,CAAA,OAAA,CAGvB,OAAA,CAHuB,MAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/auth/AuthRouter.ts","../../src/auth/components/buttons/UserButton.tsx","../../src/auth/components/Login.tsx","../../src/auth/components/Register.tsx","../../src/auth/components/ResetPassword.tsx","../../src/auth/components/VerifyEmail.tsx","../../src/auth/index.ts"],"mappings":";;;;;;;;;;cAuBa,UAAA;EAAA,mBACQ,WAAA,EAAW,oBAAA,CAAA,iBAAA,CAAA,eAAA;EAAA,mBACX,IAAA,EAAI,SAAA;EAEvB,MAAA,EAAM,oBAAA,CAAA,aAAA,CAFiB,oBAAA,CAEjB,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAYN,KAAA,uBAAK,aAAA;;2BAZC,OAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BN,QAAA,uBAAQ,aAAA;;2BAjBH,OAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCL,aAAA,uBAAa,aAAA;;2BAjBL,OAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCR,WAAA,uBAAW,aAAA;;+BAjBE,OAAA,CAAA,OAAA;;;;EA+Bb,MAAA,EAAM,oBAAA,CAAA,aAAA,CAdK,oBAAA,CAcL,gBAAA,MAAA,oBAAA,CAAA,mBAAA;EAAA,UAaU,eAAA,CAAgB,SAAA,YAAkB,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UCvGnC,eAAA,SACP,IAAA,CAAK,WAAA;;;;EAIb,SAAA,GAAY,cAAA;;;;EAKZ,WAAA;EDDqB;;;ECMrB,UAAA,GAAa,OAAA,CAAQ,IAAA,CAAK,gBAAA;EDJH;;;ECSvB,iBAAA;EDPM;;;ECYN,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,UAAA,GAAc,KAAA,EAAO,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UC1BzB,UAAA;EACf,WAAA,EAAa,WAAA;AAAA;AAAA,cAGT,KAAA,GAAS,KAAA,EAAO,UAAA,KAAU,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCgBf,aAAA;EACf,WAAA,EAAa,WAAA;AAAA;AAAA,cAcT,QAAA,GAAY,KAAA,EAAO,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UClBrB,kBAAA;EACf,WAAA,EAAa,WAAA;AAAA;AAAA,cAYT,aAAA,GAAiB,KAAA,EAAO,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCnCpC,gBAAA;AAAA,cAIN,WAAA,GAAe,MAAA,EAAQ,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;ALQ7C;;;;;;;;;;;;;cMYa,YAAA,EAAY,OAAA,CAAA,OAAA,CAGvB,OAAA,CAHuB,MAAA"}

package/dist/auth/index.js

@@ -1,14 +1,14 @@
 import "./IconGoogle-DpSlPZ1u.js";
-import { t as Login_default } from "./Login-CyvKwy5e.js";
-import { t as Register_default } from "./Register-C7Zp09Ks.js";
-import { t as ResetPassword_default } from "./ResetPassword-DYJSUC6B.js";
-import { t as VerifyEmail_default } from "./VerifyEmail-CNXFIwWW.js";
-import { AlephaReactAuth, ReactAuth, useAuth } from "@alepha/react/auth";
-import { $dictionary, AlephaReactI18n } from "@alepha/react/i18n";
+import { t as Login_default } from "./Login-BAFVcX_J.js";
+import { t as Register_default } from "./Register-CZRXEcWy.js";
+import { t as ResetPassword_default } from "./ResetPassword-DTYNsBIj.js";
+import { t as VerifyEmail_default } from "./VerifyEmail-DolENWGn.js";
 import { ActionButton, AlephaUI, ui } from "@alepha/ui";
 import { $inject, $module, AlephaError, t } from "alepha";
-import { $page, useRouter } from "@alepha/react/router";
+import { AlephaReactAuth, ReactAuth, useAuth } from "alepha/react/auth";
+import { $dictionary, AlephaReactI18n } from "alepha/react/i18n";
 import { IconLogin2, IconLogout, IconLogout2, IconMailCheck, IconPasswordUser, IconUser, IconUserPlus } from "@tabler/icons-react";
+import { $page, useRouter } from "alepha/react/router";
 import { $client } from "alepha/server/links";
 import { Avatar } from "@mantine/core";
 import { jsx } from "react/jsx-runtime";
@@ -145,7 +145,7 @@ var AuthRouter = class {
 	layout = $page({
 		name: "AuthLayout",
 		path: "/auth",
-		lazy: () => import("./AuthLayout-CWzQ8rCe.js"),
+		lazy: () => import("./AuthLayout-Dj5K4SIN.js"),
 		children: () => [
 			this.login,
 			this.register,
@@ -160,7 +160,7 @@ var AuthRouter = class {
 		path: "/login",
 		schema: { query: realmQuerySchema },
 		can: () => !this.auth.user,
-		lazy: () => import("./Login-CxOPyNFP.js"),
+		lazy: () => import("./Login-C5PUsp8I.js"),
 		loader: async ({ query }) => {
 			return { realmConfig: await this.loadRealmConfig(query.realm) };
 		}
@@ -172,7 +172,7 @@ var AuthRouter = class {
 		path: "/register",
 		schema: { query: realmQuerySchema },
 		can: () => !this.auth.user,
-		lazy: () => import("./Register-Cacr7YbA.js"),
+		lazy: () => import("./Register-DMTs5ep_.js"),
 		loader: async ({ query }) => {
 			return { realmConfig: await this.loadRealmConfig(query.realm) };
 		}
@@ -184,7 +184,7 @@ var AuthRouter = class {
 		path: "/reset-password",
 		schema: { query: realmQuerySchema },
 		can: () => !this.auth.user,
-		lazy: () => import("./ResetPassword-CMkx8Ibf.js"),
+		lazy: () => import("./ResetPassword-D-mhMtmx.js"),
 		loader: async ({ query }) => {
 			return { realmConfig: await this.loadRealmConfig(query.realm) };
 		}
@@ -198,7 +198,7 @@ var AuthRouter = class {
 			email: t.optional(t.string()),
 			token: t.optional(t.string())
 		}) },
-		lazy: () => import("./VerifyEmail-DKyDlz96.js")
+		lazy: () => import("./VerifyEmail-BsrCmncc.js")
 	});
 	logout = $page({
 		icon: IconLogout2,
@@ -271,7 +271,18 @@ var UserButton_default = UserButton;
 //#endregion
 //#region ../../src/auth/index.ts
 /**
-* Login UI Module
+* | type | quality | stability |
+* |------|---------|-----------|
+* | frontend | rare | experimental |
+*
+* Authentication UI components.
+*
+* **Features:**
+* - Login page component
+* - Register page component
+* - Reset password page component
+* - Email verification page component
+* - UserButton for user menu
 *
 * @module alepha.ui.auth
 */

package/dist/auth/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/auth/AuthI18n.ts","../../src/auth/AuthRouter.ts","../../src/auth/components/buttons/UserButton.tsx","../../src/auth/index.ts"],"sourcesContent":["import { $dictionary } from \"@alepha/react/i18n\";\n\nexport class AuthI18n {\n  en = $dictionary({\n    name: \"alepha.ui.auth.en\",\n    lazy: () => ({\n      default: {\n        loginSignIn: \"Sign in\",\n        loginContinueWith: \"Continue with $1\",\n        loginOr: \"OR\",\n        loginCancel: \"Cancel\",\n        loginForgotPassword: \"Forgot password?\",\n        loginNoAccount: \"Don't have an account?\",\n        loginSignUp: \"Sign up\",\n        loginUsername: \"Username\",\n        loginEmail: \"Email\",\n        loginPhone: \"Phone number\",\n        loginPassword: \"Password\",\n        registerCreateAccount: \"Create account\",\n        registerContinueWith: \"Continue with $1\",\n        registerOr: \"OR\",\n        registerCancel: \"Cancel\",\n        registerHaveAccount: \"Already have an account?\",\n        registerSignIn: \"Sign in\",\n        registerUsername: \"Username\",\n        registerEmail: \"Email\",\n        registerPhone: \"Phone number\",\n        registerPassword: \"Password\",\n        registerConfirmPassword: \"Confirm password\",\n        registerDisabled:\n          \"Registration is not available. Please contact your administrator.\",\n        registerBackToSignIn: \"Back to sign in\",\n        registerVerifyTitle: \"Verify your account\",\n        registerVerifyDescription:\n          \"Please enter the verification code(s) sent to you.\",\n        registerEmailCode: \"Email verification code\",\n        registerPhoneCode: \"Phone verification code\",\n        registerVerifySubmit: \"Complete Registration\",\n        registerVerifyBack: \"Back to registration\",\n        resetPasswordTitle: \"Reset password\",\n        resetPasswordEmail: \"Email\",\n        resetPasswordEnterEmail:\n          \"Enter your email address to reset your password\",\n        resetPasswordSendCode: \"Send verification code\",\n        resetPasswordCodeSent: \"We've sent a verification code to your email.\",\n        resetPasswordEnterCode: \"Enter the 6-digit code\",\n        resetPasswordResendCode: \"Resend code\",\n        resetPasswordEnterNewPassword: \"Create your new password\",\n        resetPasswordNewPassword: \"New password\",\n        resetPasswordConfirmPassword: \"Confirm password\",\n        resetPasswordSetNewPassword: \"Set new password\",\n        resetPasswordSuccess: \"Your password has been reset successfully.\",\n        resetPasswordBackToSignIn: \"Back to sign in\",\n        resetPasswordCancel: \"Cancel\",\n        resetPasswordDisabled:\n          \"Password reset is not available. Please contact your administrator.\",\n        verifyEmailTitle: \"Email Verification\",\n        verifyEmailVerifying: \"Verifying your email...\",\n        verifyEmailPleaseWait:\n          \"Please wait while we verify your email address.\",\n        verifyEmailSuccess: \"Your email has been verified successfully.\",\n        verifyEmailFailed:\n          \"Failed to verify your email. The link may have expired or is invalid.\",\n        verifyEmailMissingParams:\n          \"Invalid verification link. Email and token are required.\",\n        verifyEmailSignIn: \"Sign in to your account\",\n        verifyEmailBackToSignIn: \"Back to sign in\",\n      },\n    }),\n  });\n\n  fr = $dictionary({\n    lazy: () => ({\n      default: {\n        loginSignIn: \"Se connecter\",\n        loginContinueWith: \"Continuer avec $1\",\n        loginOr: \"OU\",\n        loginCancel: \"Annuler\",\n        loginForgotPassword: \"Mot de passe oublié ?\",\n        loginNoAccount: \"Vous n'avez pas de compte ?\",\n        loginSignUp: \"S'inscrire\",\n        loginUsername: \"Nom d'utilisateur\",\n        loginEmail: \"E-mail\",\n        loginPhone: \"Numéro de téléphone\",\n        loginPassword: \"Mot de passe\",\n        registerCreateAccount: \"Créer un compte\",\n        registerContinueWith: \"Continuer avec $1\",\n        registerOr: \"OU\",\n        registerCancel: \"Annuler\",\n        registerHaveAccount: \"Vous avez déjà un compte ?\",\n        registerSignIn: \"Se connecter\",\n        registerUsername: \"Nom d'utilisateur\",\n        registerEmail: \"E-mail\",\n        registerPhone: \"Numéro de téléphone\",\n        registerPassword: \"Mot de passe\",\n        registerConfirmPassword: \"Confirmer le mot de passe\",\n        registerDisabled:\n          \"L'inscription n'est pas disponible. Veuillez contacter votre administrateur.\",\n        registerBackToSignIn: \"Retour à la connexion\",\n        registerVerifyTitle: \"Vérifiez votre compte\",\n        registerVerifyDescription:\n          \"Veuillez entrer le(s) code(s) de vérification qui vous ont été envoyés.\",\n        registerEmailCode: \"Code de vérification par e-mail\",\n        registerPhoneCode: \"Code de vérification par téléphone\",\n        registerVerifySubmit: \"Terminer l'inscription\",\n        registerVerifyBack: \"Retour à l'inscription\",\n        resetPasswordTitle: \"Réinitialiser le mot de passe\",\n        resetPasswordEmail: \"E-mail\",\n        resetPasswordEnterEmail:\n          \"Entrez votre adresse e-mail pour réinitialiser votre mot de passe\",\n        resetPasswordSendCode: \"Envoyer le code de vérification\",\n        resetPasswordCodeSent:\n          \"Nous avons envoyé un code de vérification à votre e-mail.\",\n        resetPasswordEnterCode: \"Entrez le code à 6 chiffres\",\n        resetPasswordResendCode: \"Renvoyer le code\",\n        resetPasswordEnterNewPassword: \"Créez votre nouveau mot de passe\",\n        resetPasswordNewPassword: \"Nouveau mot de passe\",\n        resetPasswordConfirmPassword: \"Confirmer le mot de passe\",\n        resetPasswordSetNewPassword: \"Définir le nouveau mot de passe\",\n        resetPasswordSuccess:\n          \"Votre mot de passe a été réinitialisé avec succès.\",\n        resetPasswordBackToSignIn: \"Retour à la connexion\",\n        resetPasswordCancel: \"Annuler\",\n        resetPasswordDisabled:\n          \"La réinitialisation du mot de passe n'est pas disponible. Veuillez contacter votre administrateur.\",\n        verifyEmailTitle: \"Vérification de l'e-mail\",\n        verifyEmailVerifying: \"Vérification de votre e-mail...\",\n        verifyEmailPleaseWait:\n          \"Veuillez patienter pendant que nous vérifions votre adresse e-mail.\",\n        verifyEmailSuccess: \"Votre e-mail a été vérifié avec succès.\",\n        verifyEmailFailed:\n          \"Échec de la vérification de votre e-mail. Le lien a peut-être expiré ou est invalide.\",\n        verifyEmailMissingParams:\n          \"Lien de vérification invalide. L'e-mail et le jeton sont requis.\",\n        verifyEmailSignIn: \"Se connecter à votre compte\",\n        verifyEmailBackToSignIn: \"Retour à la connexion\",\n      },\n    }),\n  });\n}\n","import { ReactAuth } from \"@alepha/react/auth\";\nimport { $page } from \"@alepha/react/router\";\nimport {\n  IconLogin2,\n  IconLogout2,\n  IconMailCheck,\n  IconPasswordUser,\n  IconUserPlus,\n} from \"@tabler/icons-react\";\nimport { $inject, AlephaError, t } from \"alepha\";\nimport type { RealmController } from \"alepha/api/users\";\nimport { $client } from \"alepha/server/links\";\n\n/**\n * Schema for realm query parameter used across auth pages.\n */\nconst realmQuerySchema = t.object({\n  r: t.optional(t.string({ description: \"Redirect URL after authentication\" })),\n  realm: t.optional(\n    t.string({ description: \"User realm name for multi-tenant auth\" }),\n  ),\n});\n\nexport class AuthRouter {\n  protected readonly realmClient = $client<RealmController>();\n  protected readonly auth = $inject(ReactAuth);\n\n  layout = $page({\n    name: \"AuthLayout\",\n    path: \"/auth\",\n    lazy: () => import(\"./components/AuthLayout.tsx\"),\n    children: () => [\n      this.login,\n      this.register,\n      this.resetPassword,\n      this.verifyEmail,\n    ],\n  });\n\n  login = $page({\n    icon: IconLogin2,\n    label: \"Sign In\",\n    description: \"Sign in to your account\",\n    path: \"/login\",\n    schema: {\n      query: realmQuerySchema,\n    },\n    can: () => !this.auth.user,\n    lazy: () => import(\"./components/Login.tsx\"),\n    loader: async ({ query }) => {\n      return {\n        realmConfig: await this.loadRealmConfig(query.realm),\n      };\n    },\n  });\n\n  register = $page({\n    icon: IconUserPlus,\n    label: \"Register\",\n    description: \"Create a new account\",\n    path: \"/register\",\n    schema: {\n      query: realmQuerySchema,\n    },\n    can: () => !this.auth.user,\n    lazy: () => import(\"./components/Register.tsx\"),\n    loader: async ({ query }) => {\n      return {\n        realmConfig: await this.loadRealmConfig(query.realm),\n      };\n    },\n  });\n\n  resetPassword = $page({\n    icon: IconPasswordUser,\n    label: \"Reset Password\",\n    description: \"Reset your account password\",\n    path: \"/reset-password\",\n    schema: {\n      query: realmQuerySchema,\n    },\n    can: () => !this.auth.user,\n    lazy: () => import(\"./components/ResetPassword.tsx\"),\n    loader: async ({ query }) => {\n      return {\n        realmConfig: await this.loadRealmConfig(query.realm),\n      };\n    },\n  });\n\n  verifyEmail = $page({\n    icon: IconMailCheck,\n    label: \"Verify Email\",\n    description: \"Verify your email address\",\n    path: \"/verify-email\",\n    schema: {\n      query: t.object({\n        email: t.optional(t.string()),\n        token: t.optional(t.string()),\n      }),\n    },\n    lazy: () => import(\"./components/VerifyEmail.tsx\"),\n  });\n\n  logout = $page({\n    icon: IconLogout2,\n    label: \"Sign Out\",\n    description: \"Sign out of your account\",\n    can: () => !!this.auth.user,\n    path: \"/logout\",\n    component: () => null,\n    loader: () => {\n      this.auth.logout();\n      return {};\n    },\n  });\n\n  protected async loadRealmConfig(realmName?: string) {\n    try {\n      return await this.realmClient.getRealmConfig({\n        query: { realmName },\n      });\n    } catch (e) {\n      if (e instanceof AlephaError) {\n        throw new AlephaError(\n          \"Missing Realm Configuration - Did you forget to add '$realm()' to your application?\",\n          e,\n        );\n      }\n      throw e;\n    }\n  }\n}\n","import { useAuth } from \"@alepha/react/auth\";\nimport { useRouter } from \"@alepha/react/router\";\nimport {\n  ActionButton,\n  type ActionMenuConfig,\n  type ActionMenuItem,\n  type ActionProps,\n  ui,\n} from \"@alepha/ui\";\nimport { Avatar } from \"@mantine/core\";\nimport { IconLogin2, IconLogout, IconUser } from \"@tabler/icons-react\";\nimport type { ReactNode } from \"react\";\nimport type { AuthRouter } from \"../../AuthRouter.ts\";\n\nexport interface UserButtonProps\n  extends Omit<ActionProps, \"menu\" | \"icon\" | \"onClick\"> {\n  /**\n   * Additional menu items to display before the logout option\n   */\n  menuItems?: ActionMenuItem[];\n\n  /**\n   * Custom logout label (default: \"Sign out\")\n   */\n  logoutLabel?: string;\n\n  /**\n   * Menu configuration overrides\n   */\n  menuConfig?: Partial<Omit<ActionMenuConfig, \"items\">>;\n\n  /**\n   * Whether to show a divider before logout (default: true when menuItems provided)\n   */\n  showLogoutDivider?: boolean;\n\n  /**\n   * Custom icon to use instead of user avatar (default: IconUser)\n   */\n  icon?: ReactNode;\n}\n\nconst UserButton = (props: UserButtonProps) => {\n  const {\n    menuItems = [],\n    logoutLabel = \"Sign out\",\n    menuConfig,\n    showLogoutDivider = menuItems.length > 0,\n    icon,\n    children,\n    ...buttonProps\n  } = props;\n\n  buttonProps.variant ??= \"subtle\";\n\n  const auth = useAuth<{\n    username?: string;\n    email?: string;\n    picture?: string;\n  }>();\n\n  const authRouter = useRouter<AuthRouter>();\n\n  if (!auth.user) {\n    return (\n      <ActionButton\n        {...buttonProps}\n        icon={IconLogin2}\n        href={authRouter.path(\"login\")}\n      />\n    );\n  }\n\n  const userLabel = auth.user.username || auth.user.email;\n\n  const items: ActionMenuItem[] = [];\n\n  // Add user info label if available\n  if (auth.user.email && auth.user.username) {\n    items.push({\n      type: \"label\",\n      label: auth.user.email,\n    });\n  }\n\n  // Add custom menu items\n  items.push(...menuItems);\n\n  // Add divider before logout if needed\n  if (showLogoutDivider && items.length > 0) {\n    items.push({ type: \"divider\" });\n  }\n\n  // Add logout item\n  items.push({\n    label: logoutLabel,\n    icon: <IconLogout size={ui.sizes.icon.md} />,\n    color: \"red\",\n    onClick: () => auth.logout(),\n  });\n\n  // Use leftSection for Avatar (JSX element), icon prop for component types\n  const hasAvatar = !icon && auth.user.picture;\n\n  return (\n    <ActionButton\n      {...buttonProps}\n      icon={hasAvatar ? undefined : (icon ?? IconUser)}\n      leftSection={\n        hasAvatar ? (\n          <Avatar\n            src={`/api/files/${auth.user.picture}`}\n            size={24}\n            radius=\"xl\"\n          />\n        ) : undefined\n      }\n      menu={{\n        position: \"bottom-end\",\n        width: 200,\n        ...menuConfig,\n        items,\n      }}\n    >\n      {children ?? userLabel}\n    </ActionButton>\n  );\n};\n\nexport default UserButton;\n","import { AlephaReactAuth } from \"@alepha/react/auth\";\nimport { AlephaReactI18n } from \"@alepha/react/i18n\";\nimport { AlephaUI } from \"@alepha/ui\";\nimport { $module } from \"alepha\";\nimport { AuthI18n } from \"./AuthI18n.ts\";\nimport { AuthRouter } from \"./AuthRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport * from \"./AuthRouter.ts\";\nexport type { UserButtonProps } from \"./components/buttons/UserButton.tsx\";\nexport { default as UserButton } from \"./components/buttons/UserButton.tsx\";\nexport { default as Login } from \"./components/Login.tsx\";\nexport { default as Register } from \"./components/Register.tsx\";\nexport { default as ResetPassword } from \"./components/ResetPassword.tsx\";\nexport { default as VerifyEmail } from \"./components/VerifyEmail.tsx\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * Login UI Module\n *\n * @module alepha.ui.auth\n */\nexport const AlephaUIAuth = $module({\n  name: \"alepha.ui.auth\",\n  services: [AlephaUI, AlephaReactAuth, AlephaReactI18n, AuthRouter, AuthI18n],\n});\n"],"mappings":";;;;;;;;;;;;;;;;AAEA,IAAa,WAAb,MAAsB;CACpB,KAAK,YAAY;EACf,MAAM;EACN,aAAa,EACX,SAAS;GACP,aAAa;GACb,mBAAmB;GACnB,SAAS;GACT,aAAa;GACb,qBAAqB;GACrB,gBAAgB;GAChB,aAAa;GACb,eAAe;GACf,YAAY;GACZ,YAAY;GACZ,eAAe;GACf,uBAAuB;GACvB,sBAAsB;GACtB,YAAY;GACZ,gBAAgB;GAChB,qBAAqB;GACrB,gBAAgB;GAChB,kBAAkB;GAClB,eAAe;GACf,eAAe;GACf,kBAAkB;GAClB,yBAAyB;GACzB,kBACE;GACF,sBAAsB;GACtB,qBAAqB;GACrB,2BACE;GACF,mBAAmB;GACnB,mBAAmB;GACnB,sBAAsB;GACtB,oBAAoB;GACpB,oBAAoB;GACpB,oBAAoB;GACpB,yBACE;GACF,uBAAuB;GACvB,uBAAuB;GACvB,wBAAwB;GACxB,yBAAyB;GACzB,+BAA+B;GAC/B,0BAA0B;GAC1B,8BAA8B;GAC9B,6BAA6B;GAC7B,sBAAsB;GACtB,2BAA2B;GAC3B,qBAAqB;GACrB,uBACE;GACF,kBAAkB;GAClB,sBAAsB;GACtB,uBACE;GACF,oBAAoB;GACpB,mBACE;GACF,0BACE;GACF,mBAAmB;GACnB,yBAAyB;GAC1B,EACF;EACF,CAAC;CAEF,KAAK,YAAY,EACf,aAAa,EACX,SAAS;EACP,aAAa;EACb,mBAAmB;EACnB,SAAS;EACT,aAAa;EACb,qBAAqB;EACrB,gBAAgB;EAChB,aAAa;EACb,eAAe;EACf,YAAY;EACZ,YAAY;EACZ,eAAe;EACf,uBAAuB;EACvB,sBAAsB;EACtB,YAAY;EACZ,gBAAgB;EAChB,qBAAqB;EACrB,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;EACf,eAAe;EACf,kBAAkB;EAClB,yBAAyB;EACzB,kBACE;EACF,sBAAsB;EACtB,qBAAqB;EACrB,2BACE;EACF,mBAAmB;EACnB,mBAAmB;EACnB,sBAAsB;EACtB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,yBACE;EACF,uBAAuB;EACvB,uBACE;EACF,wBAAwB;EACxB,yBAAyB;EACzB,+BAA+B;EAC/B,0BAA0B;EAC1B,8BAA8B;EAC9B,6BAA6B;EAC7B,sBACE;EACF,2BAA2B;EAC3B,qBAAqB;EACrB,uBACE;EACF,kBAAkB;EAClB,sBAAsB;EACtB,uBACE;EACF,oBAAoB;EACpB,mBACE;EACF,0BACE;EACF,mBAAmB;EACnB,yBAAyB;EAC1B,EACF,GACF,CAAC;;;;;;;;AC1HJ,MAAM,mBAAmB,EAAE,OAAO;CAChC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,qCAAqC,CAAC,CAAC;CAC7E,OAAO,EAAE,SACP,EAAE,OAAO,EAAE,aAAa,yCAAyC,CAAC,CACnE;CACF,CAAC;AAEF,IAAa,aAAb,MAAwB;CACtB,AAAmB,cAAc,SAA0B;CAC3D,AAAmB,OAAO,QAAQ,UAAU;CAE5C,SAAS,MAAM;EACb,MAAM;EACN,MAAM;EACN,YAAY,OAAO;EACnB,gBAAgB;GACd,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACN;EACF,CAAC;CAEF,QAAQ,MAAM;EACZ,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,QAAQ,EACN,OAAO,kBACR;EACD,WAAW,CAAC,KAAK,KAAK;EACtB,YAAY,OAAO;EACnB,QAAQ,OAAO,EAAE,YAAY;AAC3B,UAAO,EACL,aAAa,MAAM,KAAK,gBAAgB,MAAM,MAAM,EACrD;;EAEJ,CAAC;CAEF,WAAW,MAAM;EACf,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,QAAQ,EACN,OAAO,kBACR;EACD,WAAW,CAAC,KAAK,KAAK;EACtB,YAAY,OAAO;EACnB,QAAQ,OAAO,EAAE,YAAY;AAC3B,UAAO,EACL,aAAa,MAAM,KAAK,gBAAgB,MAAM,MAAM,EACrD;;EAEJ,CAAC;CAEF,gBAAgB,MAAM;EACpB,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,QAAQ,EACN,OAAO,kBACR;EACD,WAAW,CAAC,KAAK,KAAK;EACtB,YAAY,OAAO;EACnB,QAAQ,OAAO,EAAE,YAAY;AAC3B,UAAO,EACL,aAAa,MAAM,KAAK,gBAAgB,MAAM,MAAM,EACrD;;EAEJ,CAAC;CAEF,cAAc,MAAM;EAClB,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,QAAQ,EACN,OAAO,EAAE,OAAO;GACd,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC;GAC7B,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC;GAC9B,CAAC,EACH;EACD,YAAY,OAAO;EACpB,CAAC;CAEF,SAAS,MAAM;EACb,MAAM;EACN,OAAO;EACP,aAAa;EACb,WAAW,CAAC,CAAC,KAAK,KAAK;EACvB,MAAM;EACN,iBAAiB;EACjB,cAAc;AACZ,QAAK,KAAK,QAAQ;AAClB,UAAO,EAAE;;EAEZ,CAAC;CAEF,MAAgB,gBAAgB,WAAoB;AAClD,MAAI;AACF,UAAO,MAAM,KAAK,YAAY,eAAe,EAC3C,OAAO,EAAE,WAAW,EACrB,CAAC;WACK,GAAG;AACV,OAAI,aAAa,YACf,OAAM,IAAI,YACR,uFACA,EACD;AAEH,SAAM;;;;;;;ACvFZ,MAAM,cAAc,UAA2B;CAC7C,MAAM,EACJ,YAAY,EAAE,EACd,cAAc,YACd,YACA,oBAAoB,UAAU,SAAS,GACvC,MACA,UACA,GAAG,gBACD;AAEJ,aAAY,YAAY;CAExB,MAAM,OAAO,SAIT;CAEJ,MAAM,aAAa,WAAuB;AAE1C,KAAI,CAAC,KAAK,KACR,QACE,oBAAC;EACC,GAAI;EACJ,MAAM;EACN,MAAM,WAAW,KAAK,QAAQ;GAC9B;CAIN,MAAM,YAAY,KAAK,KAAK,YAAY,KAAK,KAAK;CAElD,MAAM,QAA0B,EAAE;AAGlC,KAAI,KAAK,KAAK,SAAS,KAAK,KAAK,SAC/B,OAAM,KAAK;EACT,MAAM;EACN,OAAO,KAAK,KAAK;EAClB,CAAC;AAIJ,OAAM,KAAK,GAAG,UAAU;AAGxB,KAAI,qBAAqB,MAAM,SAAS,EACtC,OAAM,KAAK,EAAE,MAAM,WAAW,CAAC;AAIjC,OAAM,KAAK;EACT,OAAO;EACP,MAAM,oBAAC,cAAW,MAAM,GAAG,MAAM,KAAK,KAAM;EAC5C,OAAO;EACP,eAAe,KAAK,QAAQ;EAC7B,CAAC;CAGF,MAAM,YAAY,CAAC,QAAQ,KAAK,KAAK;AAErC,QACE,oBAAC;EACC,GAAI;EACJ,MAAM,YAAY,SAAa,QAAQ;EACvC,aACE,YACE,oBAAC;GACC,KAAK,cAAc,KAAK,KAAK;GAC7B,MAAM;GACN,QAAO;IACP,GACA;EAEN,MAAM;GACJ,UAAU;GACV,OAAO;GACP,GAAG;GACH;GACD;YAEA,YAAY;GACA;;AAInB,yBAAe;;;;;;;;;ACzGf,MAAa,eAAe,QAAQ;CAClC,MAAM;CACN,UAAU;EAAC;EAAU;EAAiB;EAAiB;EAAY;EAAS;CAC7E,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/auth/AuthI18n.ts","../../src/auth/AuthRouter.ts","../../src/auth/components/buttons/UserButton.tsx","../../src/auth/index.ts"],"sourcesContent":["import { $dictionary } from \"alepha/react/i18n\";\n\nexport class AuthI18n {\n  en = $dictionary({\n    name: \"alepha.ui.auth.en\",\n    lazy: () => ({\n      default: {\n        loginSignIn: \"Sign in\",\n        loginContinueWith: \"Continue with $1\",\n        loginOr: \"OR\",\n        loginCancel: \"Cancel\",\n        loginForgotPassword: \"Forgot password?\",\n        loginNoAccount: \"Don't have an account?\",\n        loginSignUp: \"Sign up\",\n        loginUsername: \"Username\",\n        loginEmail: \"Email\",\n        loginPhone: \"Phone number\",\n        loginPassword: \"Password\",\n        registerCreateAccount: \"Create account\",\n        registerContinueWith: \"Continue with $1\",\n        registerOr: \"OR\",\n        registerCancel: \"Cancel\",\n        registerHaveAccount: \"Already have an account?\",\n        registerSignIn: \"Sign in\",\n        registerUsername: \"Username\",\n        registerEmail: \"Email\",\n        registerPhone: \"Phone number\",\n        registerPassword: \"Password\",\n        registerConfirmPassword: \"Confirm password\",\n        registerDisabled:\n          \"Registration is not available. Please contact your administrator.\",\n        registerBackToSignIn: \"Back to sign in\",\n        registerVerifyTitle: \"Verify your account\",\n        registerVerifyDescription:\n          \"Please enter the verification code(s) sent to you.\",\n        registerEmailCode: \"Email verification code\",\n        registerPhoneCode: \"Phone verification code\",\n        registerVerifySubmit: \"Complete Registration\",\n        registerVerifyBack: \"Back to registration\",\n        resetPasswordTitle: \"Reset password\",\n        resetPasswordEmail: \"Email\",\n        resetPasswordEnterEmail:\n          \"Enter your email address to reset your password\",\n        resetPasswordSendCode: \"Send verification code\",\n        resetPasswordCodeSent: \"We've sent a verification code to your email.\",\n        resetPasswordEnterCode: \"Enter the 6-digit code\",\n        resetPasswordResendCode: \"Resend code\",\n        resetPasswordEnterNewPassword: \"Create your new password\",\n        resetPasswordNewPassword: \"New password\",\n        resetPasswordConfirmPassword: \"Confirm password\",\n        resetPasswordSetNewPassword: \"Set new password\",\n        resetPasswordSuccess: \"Your password has been reset successfully.\",\n        resetPasswordBackToSignIn: \"Back to sign in\",\n        resetPasswordCancel: \"Cancel\",\n        resetPasswordDisabled:\n          \"Password reset is not available. Please contact your administrator.\",\n        verifyEmailTitle: \"Email Verification\",\n        verifyEmailVerifying: \"Verifying your email...\",\n        verifyEmailPleaseWait:\n          \"Please wait while we verify your email address.\",\n        verifyEmailSuccess: \"Your email has been verified successfully.\",\n        verifyEmailFailed:\n          \"Failed to verify your email. The link may have expired or is invalid.\",\n        verifyEmailMissingParams:\n          \"Invalid verification link. Email and token are required.\",\n        verifyEmailSignIn: \"Sign in to your account\",\n        verifyEmailBackToSignIn: \"Back to sign in\",\n      },\n    }),\n  });\n\n  fr = $dictionary({\n    lazy: () => ({\n      default: {\n        loginSignIn: \"Se connecter\",\n        loginContinueWith: \"Continuer avec $1\",\n        loginOr: \"OU\",\n        loginCancel: \"Annuler\",\n        loginForgotPassword: \"Mot de passe oublié ?\",\n        loginNoAccount: \"Vous n'avez pas de compte ?\",\n        loginSignUp: \"S'inscrire\",\n        loginUsername: \"Nom d'utilisateur\",\n        loginEmail: \"E-mail\",\n        loginPhone: \"Numéro de téléphone\",\n        loginPassword: \"Mot de passe\",\n        registerCreateAccount: \"Créer un compte\",\n        registerContinueWith: \"Continuer avec $1\",\n        registerOr: \"OU\",\n        registerCancel: \"Annuler\",\n        registerHaveAccount: \"Vous avez déjà un compte ?\",\n        registerSignIn: \"Se connecter\",\n        registerUsername: \"Nom d'utilisateur\",\n        registerEmail: \"E-mail\",\n        registerPhone: \"Numéro de téléphone\",\n        registerPassword: \"Mot de passe\",\n        registerConfirmPassword: \"Confirmer le mot de passe\",\n        registerDisabled:\n          \"L'inscription n'est pas disponible. Veuillez contacter votre administrateur.\",\n        registerBackToSignIn: \"Retour à la connexion\",\n        registerVerifyTitle: \"Vérifiez votre compte\",\n        registerVerifyDescription:\n          \"Veuillez entrer le(s) code(s) de vérification qui vous ont été envoyés.\",\n        registerEmailCode: \"Code de vérification par e-mail\",\n        registerPhoneCode: \"Code de vérification par téléphone\",\n        registerVerifySubmit: \"Terminer l'inscription\",\n        registerVerifyBack: \"Retour à l'inscription\",\n        resetPasswordTitle: \"Réinitialiser le mot de passe\",\n        resetPasswordEmail: \"E-mail\",\n        resetPasswordEnterEmail:\n          \"Entrez votre adresse e-mail pour réinitialiser votre mot de passe\",\n        resetPasswordSendCode: \"Envoyer le code de vérification\",\n        resetPasswordCodeSent:\n          \"Nous avons envoyé un code de vérification à votre e-mail.\",\n        resetPasswordEnterCode: \"Entrez le code à 6 chiffres\",\n        resetPasswordResendCode: \"Renvoyer le code\",\n        resetPasswordEnterNewPassword: \"Créez votre nouveau mot de passe\",\n        resetPasswordNewPassword: \"Nouveau mot de passe\",\n        resetPasswordConfirmPassword: \"Confirmer le mot de passe\",\n        resetPasswordSetNewPassword: \"Définir le nouveau mot de passe\",\n        resetPasswordSuccess:\n          \"Votre mot de passe a été réinitialisé avec succès.\",\n        resetPasswordBackToSignIn: \"Retour à la connexion\",\n        resetPasswordCancel: \"Annuler\",\n        resetPasswordDisabled:\n          \"La réinitialisation du mot de passe n'est pas disponible. Veuillez contacter votre administrateur.\",\n        verifyEmailTitle: \"Vérification de l'e-mail\",\n        verifyEmailVerifying: \"Vérification de votre e-mail...\",\n        verifyEmailPleaseWait:\n          \"Veuillez patienter pendant que nous vérifions votre adresse e-mail.\",\n        verifyEmailSuccess: \"Votre e-mail a été vérifié avec succès.\",\n        verifyEmailFailed:\n          \"Échec de la vérification de votre e-mail. Le lien a peut-être expiré ou est invalide.\",\n        verifyEmailMissingParams:\n          \"Lien de vérification invalide. L'e-mail et le jeton sont requis.\",\n        verifyEmailSignIn: \"Se connecter à votre compte\",\n        verifyEmailBackToSignIn: \"Retour à la connexion\",\n      },\n    }),\n  });\n}\n","import {\n  IconLogin2,\n  IconLogout2,\n  IconMailCheck,\n  IconPasswordUser,\n  IconUserPlus,\n} from \"@tabler/icons-react\";\nimport { $inject, AlephaError, t } from \"alepha\";\nimport type { RealmController } from \"alepha/api/users\";\nimport { ReactAuth } from \"alepha/react/auth\";\nimport { $page } from \"alepha/react/router\";\nimport { $client } from \"alepha/server/links\";\n\n/**\n * Schema for realm query parameter used across auth pages.\n */\nconst realmQuerySchema = t.object({\n  r: t.optional(t.string({ description: \"Redirect URL after authentication\" })),\n  realm: t.optional(\n    t.string({ description: \"User realm name for multi-tenant auth\" }),\n  ),\n});\n\nexport class AuthRouter {\n  protected readonly realmClient = $client<RealmController>();\n  protected readonly auth = $inject(ReactAuth);\n\n  layout = $page({\n    name: \"AuthLayout\",\n    path: \"/auth\",\n    lazy: () => import(\"./components/AuthLayout.tsx\"),\n    children: () => [\n      this.login,\n      this.register,\n      this.resetPassword,\n      this.verifyEmail,\n    ],\n  });\n\n  login = $page({\n    icon: IconLogin2,\n    label: \"Sign In\",\n    description: \"Sign in to your account\",\n    path: \"/login\",\n    schema: {\n      query: realmQuerySchema,\n    },\n    can: () => !this.auth.user,\n    lazy: () => import(\"./components/Login.tsx\"),\n    loader: async ({ query }) => {\n      return {\n        realmConfig: await this.loadRealmConfig(query.realm),\n      };\n    },\n  });\n\n  register = $page({\n    icon: IconUserPlus,\n    label: \"Register\",\n    description: \"Create a new account\",\n    path: \"/register\",\n    schema: {\n      query: realmQuerySchema,\n    },\n    can: () => !this.auth.user,\n    lazy: () => import(\"./components/Register.tsx\"),\n    loader: async ({ query }) => {\n      return {\n        realmConfig: await this.loadRealmConfig(query.realm),\n      };\n    },\n  });\n\n  resetPassword = $page({\n    icon: IconPasswordUser,\n    label: \"Reset Password\",\n    description: \"Reset your account password\",\n    path: \"/reset-password\",\n    schema: {\n      query: realmQuerySchema,\n    },\n    can: () => !this.auth.user,\n    lazy: () => import(\"./components/ResetPassword.tsx\"),\n    loader: async ({ query }) => {\n      return {\n        realmConfig: await this.loadRealmConfig(query.realm),\n      };\n    },\n  });\n\n  verifyEmail = $page({\n    icon: IconMailCheck,\n    label: \"Verify Email\",\n    description: \"Verify your email address\",\n    path: \"/verify-email\",\n    schema: {\n      query: t.object({\n        email: t.optional(t.string()),\n        token: t.optional(t.string()),\n      }),\n    },\n    lazy: () => import(\"./components/VerifyEmail.tsx\"),\n  });\n\n  logout = $page({\n    icon: IconLogout2,\n    label: \"Sign Out\",\n    description: \"Sign out of your account\",\n    can: () => !!this.auth.user,\n    path: \"/logout\",\n    component: () => null,\n    loader: () => {\n      this.auth.logout();\n      return {};\n    },\n  });\n\n  protected async loadRealmConfig(realmName?: string) {\n    try {\n      return await this.realmClient.getRealmConfig({\n        query: { realmName },\n      });\n    } catch (e) {\n      if (e instanceof AlephaError) {\n        throw new AlephaError(\n          \"Missing Realm Configuration - Did you forget to add '$realm()' to your application?\",\n          e,\n        );\n      }\n      throw e;\n    }\n  }\n}\n","import {\n  ActionButton,\n  type ActionMenuConfig,\n  type ActionMenuItem,\n  type ActionProps,\n  ui,\n} from \"@alepha/ui\";\nimport { Avatar } from \"@mantine/core\";\nimport { IconLogin2, IconLogout, IconUser } from \"@tabler/icons-react\";\nimport { useAuth } from \"alepha/react/auth\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { ReactNode } from \"react\";\nimport type { AuthRouter } from \"../../AuthRouter.ts\";\n\nexport interface UserButtonProps\n  extends Omit<ActionProps, \"menu\" | \"icon\" | \"onClick\"> {\n  /**\n   * Additional menu items to display before the logout option\n   */\n  menuItems?: ActionMenuItem[];\n\n  /**\n   * Custom logout label (default: \"Sign out\")\n   */\n  logoutLabel?: string;\n\n  /**\n   * Menu configuration overrides\n   */\n  menuConfig?: Partial<Omit<ActionMenuConfig, \"items\">>;\n\n  /**\n   * Whether to show a divider before logout (default: true when menuItems provided)\n   */\n  showLogoutDivider?: boolean;\n\n  /**\n   * Custom icon to use instead of user avatar (default: IconUser)\n   */\n  icon?: ReactNode;\n}\n\nconst UserButton = (props: UserButtonProps) => {\n  const {\n    menuItems = [],\n    logoutLabel = \"Sign out\",\n    menuConfig,\n    showLogoutDivider = menuItems.length > 0,\n    icon,\n    children,\n    ...buttonProps\n  } = props;\n\n  buttonProps.variant ??= \"subtle\";\n\n  const auth = useAuth<{\n    username?: string;\n    email?: string;\n    picture?: string;\n  }>();\n\n  const authRouter = useRouter<AuthRouter>();\n\n  if (!auth.user) {\n    return (\n      <ActionButton\n        {...buttonProps}\n        icon={IconLogin2}\n        href={authRouter.path(\"login\")}\n      />\n    );\n  }\n\n  const userLabel = auth.user.username || auth.user.email;\n\n  const items: ActionMenuItem[] = [];\n\n  // Add user info label if available\n  if (auth.user.email && auth.user.username) {\n    items.push({\n      type: \"label\",\n      label: auth.user.email,\n    });\n  }\n\n  // Add custom menu items\n  items.push(...menuItems);\n\n  // Add divider before logout if needed\n  if (showLogoutDivider && items.length > 0) {\n    items.push({ type: \"divider\" });\n  }\n\n  // Add logout item\n  items.push({\n    label: logoutLabel,\n    icon: <IconLogout size={ui.sizes.icon.md} />,\n    color: \"red\",\n    onClick: () => auth.logout(),\n  });\n\n  // Use leftSection for Avatar (JSX element), icon prop for component types\n  const hasAvatar = !icon && auth.user.picture;\n\n  return (\n    <ActionButton\n      {...buttonProps}\n      icon={hasAvatar ? undefined : (icon ?? IconUser)}\n      leftSection={\n        hasAvatar ? (\n          <Avatar\n            src={`/api/files/${auth.user.picture}`}\n            size={24}\n            radius=\"xl\"\n          />\n        ) : undefined\n      }\n      menu={{\n        position: \"bottom-end\",\n        width: 200,\n        ...menuConfig,\n        items,\n      }}\n    >\n      {children ?? userLabel}\n    </ActionButton>\n  );\n};\n\nexport default UserButton;\n","import { AlephaUI } from \"@alepha/ui\";\nimport { $module } from \"alepha\";\nimport { AlephaReactAuth } from \"alepha/react/auth\";\nimport { AlephaReactI18n } from \"alepha/react/i18n\";\nimport { AuthI18n } from \"./AuthI18n.ts\";\nimport { AuthRouter } from \"./AuthRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport * from \"./AuthRouter.ts\";\nexport type { UserButtonProps } from \"./components/buttons/UserButton.tsx\";\nexport { default as UserButton } from \"./components/buttons/UserButton.tsx\";\nexport { default as Login } from \"./components/Login.tsx\";\nexport { default as Register } from \"./components/Register.tsx\";\nexport { default as ResetPassword } from \"./components/ResetPassword.tsx\";\nexport { default as VerifyEmail } from \"./components/VerifyEmail.tsx\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * | type | quality | stability |\n * |------|---------|-----------|\n * | frontend | rare | experimental |\n *\n * Authentication UI components.\n *\n * **Features:**\n * - Login page component\n * - Register page component\n * - Reset password page component\n * - Email verification page component\n * - UserButton for user menu\n *\n * @module alepha.ui.auth\n */\nexport const AlephaUIAuth = $module({\n  name: \"alepha.ui.auth\",\n  services: [AlephaUI, AlephaReactAuth, AlephaReactI18n, AuthRouter, AuthI18n],\n});\n"],"mappings":"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"}