@alepha/ui 0.16.0 → 0.16.2

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/primitives/$uiAuth.ts","../../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  IconUser,\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, Redirection } 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  authLayout = $page({\n    path: \"/auth\",\n    lazy: () => import(\"./components/AuthLayout.tsx\"),\n    children: () => [\n      this.login,\n      this.register,\n      this.resetPassword,\n      this.verifyEmail,\n      this.profile,\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, user }) => {\n      if (user) {\n        throw new Redirection(query.r || \"/\");\n      }\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, user }) => {\n      if (user) {\n        throw new Redirection(query.r || \"/\");\n      }\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, user }) => {\n      if (user) {\n        throw new Redirection(query.r || \"/\");\n      }\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  profile = $page({\n    name: \"userProfile\",\n    icon: IconUser,\n    label: \"Profile\",\n    description: \"View your profile\",\n    path: \"/profile\",\n    can: () => !!this.auth.user,\n    lazy: () => import(\"./components/Profile.tsx\"),\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 {\n  IconLogin2,\n  IconLogout,\n  IconSettings,\n  IconUser,\n} from \"@tabler/icons-react\";\nimport type { AdminUserController } from \"alepha/api/users\";\nimport { useClient, useInject } from \"alepha/react\";\nimport { useAuth } from \"alepha/react/auth\";\nimport { ReactPageProvider, 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 adminUserCtrl = useClient<AdminUserController>();\n  const pages = useInject(ReactPageProvider);\n\n  const auth = useAuth<{\n    username?: string;\n    email?: string;\n    picture?: string;\n  }>();\n\n  const isConnected = !!auth.user;\n  const isAdmin = isConnected && adminUserCtrl.findUsers.can();\n  const userPage = pages.getPages().find((it) => it.name === \"userProfile\");\n  const adminPage = pages.getPages().find((it) => it.name === \"adminLayout\");\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 profile page link if available\n  if (userPage && isConnected) {\n    items.push({\n      label: \"Profile\",\n      icon: <IconUser size={ui.sizes.icon.md} />,\n      href: authRouter.path(\"userProfile\"),\n    });\n  }\n\n  // Add admin page link if available and user is admin\n  if (adminPage && isAdmin) {\n    items.push({\n      label: \"Admin\",\n      icon: <IconSettings size={ui.sizes.icon.md} />,\n      href: authRouter.path(\"adminLayout\"),\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 { $context } from \"alepha\";\nimport { AuthRouter } from \"../AuthRouter.ts\";\n\n/**\n * Register Auth UI components and get the AuthRouter instance.\n */\nexport const $uiAuth = () => {\n  const { alepha } = $context();\n  return alepha.inject(AuthRouter);\n};\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\";\nexport * from \"./primitives/$uiAuth.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * | Stability | Since | Runtime |\n * |-----------|-------|---------|\n * | 2 - beta | 0.12.0 | node, bun, workerd, browser|\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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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/auth/AuthI18n.ts","../../src/auth/AuthRouter.ts","../../src/auth/components/buttons/UserButton.tsx","../../src/auth/primitives/$uiAuth.ts","../../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  IconUser,\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, Redirection } 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  authLayout = $page({\n    label: \"Auth\",\n    path: \"/auth\",\n    lazy: () => import(\"./components/AuthLayout.tsx\"),\n    children: () => [\n      this.login,\n      this.register,\n      this.resetPassword,\n      this.verifyEmail,\n      this.profile,\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    lazy: () => import(\"./components/Login.tsx\"),\n    loader: async ({ query, user }) => {\n      if (user) {\n        throw new Redirection(query.r || \"/\");\n      }\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    lazy: () => import(\"./components/Register.tsx\"),\n    loader: async ({ query, user }) => {\n      if (user) {\n        throw new Redirection(query.r || \"/\");\n      }\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    lazy: () => import(\"./components/ResetPassword.tsx\"),\n    loader: async ({ query, user }) => {\n      if (user) {\n        throw new Redirection(query.r || \"/\");\n      }\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    path: \"/logout\",\n    component: () => null,\n    loader: () => {\n      this.auth.logout();\n      return {};\n    },\n  });\n\n  profile = $page({\n    name: \"userProfile\",\n    icon: IconUser,\n    label: \"Profile\",\n    description: \"View your profile\",\n    path: \"/profile\",\n    can: () => !!this.auth.user,\n    lazy: () => import(\"./components/Profile.tsx\"),\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 {\n  IconLogin2,\n  IconLogout,\n  IconSettings,\n  IconUser,\n} from \"@tabler/icons-react\";\nimport type { AdminUserController } from \"alepha/api/users\";\nimport { useClient, useInject } from \"alepha/react\";\nimport { useAuth } from \"alepha/react/auth\";\nimport { ReactPageProvider, 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 adminUserCtrl = useClient<AdminUserController>();\n  const pages = useInject(ReactPageProvider);\n\n  const auth = useAuth<{\n    username?: string;\n    email?: string;\n    picture?: string;\n  }>();\n\n  const isConnected = !!auth.user;\n  const isAdmin = isConnected && adminUserCtrl.findUsers.can();\n  const userPage = pages.getPages().find((it) => it.name === \"userProfile\");\n  const adminPage = pages.getPages().find((it) => it.name === \"adminLayout\");\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 profile page link if available\n  if (userPage && isConnected) {\n    items.push({\n      label: \"Profile\",\n      icon: <IconUser size={ui.sizes.icon.md} />,\n      href: authRouter.path(\"userProfile\"),\n    });\n  }\n\n  // Add admin page link if available and user is admin\n  if (adminPage && isAdmin) {\n    items.push({\n      label: \"Admin\",\n      icon: <IconSettings size={ui.sizes.icon.md} />,\n      href: authRouter.path(\"adminLayout\"),\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 { $context } from \"alepha\";\nimport { AuthRouter } from \"../AuthRouter.ts\";\n\n/**\n * Register Auth UI components and get the AuthRouter instance.\n */\nexport const $uiAuth = () => {\n  const { alepha } = $context();\n  return alepha.inject(AuthRouter);\n};\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\";\nexport * from \"./primitives/$uiAuth.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * | Stability | Since | Runtime |\n * |-----------|-------|---------|\n * | 2 - beta | 0.12.0 | node, bun, workerd, browser|\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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"}

package/dist/auth/rolldown-runtime-CjeV3_4I.js

@@ -0,0 +1,18 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (!no_symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
+	return target;
+};
+
+//#endregion
+export { __exportAll as t };

package/dist/core/index.d.ts

@@ -1,12 +1,12 @@
-import * as alepha1 from "alepha";
+import * as alepha from "alepha";
 import { Alepha, Async, Page, PageMetadata, Static, TObject, TProperties } from "alepha";
 import { BaseInputField, FormModel } from "alepha/react/form";
 import * as alepha_react_head0 from "alepha/react/head";
 import * as alepha_server_cookies0 from "alepha/server/cookies";
-import { AnchorProps, AppShellFooterProps, AppShellHeaderProps, AppShellMainProps, AppShellNavbarProps, AppShellProps, AutocompleteProps, BurgerProps, ButtonProps, ColorInputProps, ColorSchemeScriptProps, ContainerProps, FileInputProps, Flex, FlexProps, MantineBreakpoint, MantineProviderProps, MantineThemeOverride, MenuProps, MenuTargetProps, ModalProps, MultiSelectProps, NumberInputProps, PasswordInputProps, SegmentedControlProps, SelectProps, SliderProps, SwitchProps, TableProps, TableTrProps, TagsInputProps, Text, TextInputProps, TextareaProps, ThemeIconProps, TooltipProps } from "@mantine/core";
+import { AnchorProps, AppShellFooterProps, AppShellHeaderProps, AppShellMainProps, AppShellNavbarProps, AppShellProps, AutocompleteProps, BurgerProps, ButtonProps, ColorInputProps, ColorSchemeScriptProps, ContainerProps, FileInputProps, Flex, FlexProps, GroupProps, MantineBreakpoint, MantineProviderProps, MantineThemeOverride, MenuProps, MenuTargetProps, ModalProps, MultiSelectProps, NumberInputProps, PasswordInputProps, SegmentedControlProps, SelectProps, SliderProps, SwitchProps, TableProps, TableTrProps, TagsInputProps, Text, TextInputProps, TextareaProps, ThemeIconProps, TooltipProps } from "@mantine/core";
 import { ModalsProviderProps } from "@mantine/modals";
 import { ComponentType, ReactElement, ReactNode } from "react";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as _mantine_notifications0 from "@mantine/notifications";
 import { NotificationData, NotificationsProps } from "@mantine/notifications";
 import * as alepha_react_router0 from "alepha/react/router";
@@ -17,56 +17,56 @@ import { DateInputProps, DateTimePickerProps, TimeInputProps } from "@mantine/da
 import { DurationLike } from "alepha/datetime";
 
 //#region ../../src/core/atoms/alephaSidebarAtom.d.ts
-declare const alephaSidebarAtom: alepha1.Atom<alepha1.TObject<{
+declare const alephaSidebarAtom: alepha.Atom<alepha.TObject<{
   /**
    * Whether the sidebar is opened or closed (mobile).
    */
-  opened: alepha1.TBoolean;
+  opened: alepha.TBoolean;
   /**
    * Whether the sidebar is collapsed (narrow) or expanded (wide).
    */
-  collapsed: alepha1.TBoolean;
+  collapsed: alepha.TBoolean;
   /**
    * Current width of the sidebar when expanded (can be changed by resizing).
    * @default 300
    */
-  width: alepha1.TNumber;
+  width: alepha.TNumber;
   /**
    * Default width used when expanding from collapsed state or on hover.
    * @default 300
    */
-  defaultWidth: alepha1.TNumber;
+  defaultWidth: alepha.TNumber;
   /**
    * Width of the sidebar when collapsed.
    * @default 78
    */
-  collapsedWidth: alepha1.TNumber;
+  collapsedWidth: alepha.TNumber;
   /**
    * Maximum width when resizing.
    * @default 500
    */
-  maxWidth: alepha1.TNumber;
+  maxWidth: alepha.TNumber;
   /**
    * Minimum width before auto-collapse triggers.
    * @default 150
    */
-  collapseThreshold: alepha1.TNumber;
+  collapseThreshold: alepha.TNumber;
   /**
    * Delay in ms before sidebar expands on hover when collapsed.
    * @default 300
    */
-  hoverDelay: alepha1.TNumber;
+  hoverDelay: alepha.TNumber;
 }>, "alepha.ui.sidebar">;
 type AlephaSidebarState = Static<typeof alephaSidebarAtom.schema>;
 //#endregion
 //#region ../../src/core/atoms/alephaThemeAtom.d.ts
-declare const alephaThemeAtom: alepha1.Atom<alepha1.TObject<{
-  index: alepha1.TInteger;
+declare const alephaThemeAtom: alepha.Atom<alepha.TObject<{
+  index: alepha.TInteger;
 }>, "alepha.ui.theme">;
 type CurrentAlephaTheme = Static<typeof alephaThemeAtom.schema>;
 //#endregion
 //#region ../../src/core/atoms/alephaThemeListAtom.d.ts
-declare const alephaThemeListAtom: alepha1.Atom<alepha1.TArray<alepha1.TRecord<string, alepha1.TAny>>, "alepha.ui.themeList">;
+declare const alephaThemeListAtom: alepha.Atom<alepha.TArray<alepha.TRecord<string, alepha.TAny>>, "alepha.ui.themeList">;
 type AlephaThemeListAtom = Static<typeof alephaThemeListAtom.schema>;
 //#endregion
 //#region ../../src/core/utils/parseInput.d.ts
@@ -132,6 +132,7 @@ interface ControlArrayProps extends GenericControlProps {
  * - Supports arrays of primitives
  * - Grid layout for object items
  * - Min/max constraints
+ * - Syncs with form state (handles external updates and resets)
  *
  * @example
  * ```tsx
@@ -153,7 +154,7 @@ interface ControlArrayProps extends GenericControlProps {
  * />
  * ```
  */
-declare const ControlArray: (props: ControlArrayProps) => react_jsx_runtime11.JSX.Element | null;
+declare const ControlArray: (props: ControlArrayProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region ../../src/core/components/form/ControlNumber.d.ts
 interface ControlNumberProps extends GenericControlProps {
@@ -163,7 +164,7 @@ interface ControlNumberProps extends GenericControlProps {
 /**
  *
  */
-declare const ControlNumber: (props: ControlNumberProps) => react_jsx_runtime11.JSX.Element | null;
+declare const ControlNumber: (props: ControlNumberProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region ../../src/core/components/form/ControlObject.d.ts
 interface ControlObjectProps extends GenericControlProps {
@@ -217,7 +218,7 @@ interface ControlObjectProps extends GenericControlProps {
  * />
  * ```
  */
-declare const ControlObject: (props: ControlObjectProps) => react_jsx_runtime11.JSX.Element | null;
+declare const ControlObject: (props: ControlObjectProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region ../../src/core/components/form/ControlSelect.d.ts
 type SelectValueLabel = string | {
@@ -246,7 +247,7 @@ interface ControlSelectProps extends GenericControlProps {
  *
  * Automatically detects enum values and array types from schema.
  */
-declare const ControlSelect: (props: ControlSelectProps) => react_jsx_runtime11.JSX.Element | null;
+declare const ControlSelect: (props: ControlSelectProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region ../../src/core/components/form/Control.d.ts
 interface ControlProps extends GenericControlProps {
@@ -292,7 +293,7 @@ interface ControlProps extends GenericControlProps {
  *
  * Automatically handles labels, descriptions, error messages, required state, and default icons.
  */
-declare const Control: (_props: ControlProps) => react_jsx_runtime11.JSX.Element | null;
+declare const Control: (_props: ControlProps) => react_jsx_runtime0.JSX.Element | null;
 type CustomControlProps = {
   defaultValue: any;
   onChange: (value: any) => void;
@@ -415,7 +416,7 @@ interface ActionCommonProps extends ButtonProps {
   intent?: "primary" | "success" | "danger" | "warning" | "info" | "none";
 }
 type ActionProps = ActionCommonProps & (ActionNavigationButtonProps | ActionClickButtonProps | ActionSubmitButtonProps | ActionHookButtonProps | {});
-declare const ActionButton: (_props: ActionProps) => react_jsx_runtime11.JSX.Element;
+declare const ActionButton: (_props: ActionProps) => react_jsx_runtime0.JSX.Element;
 interface ActionSubmitButtonProps extends ButtonProps {
   form: FormModel<any>;
   type?: "submit" | "reset";
@@ -438,7 +439,7 @@ interface ActionNavigationButtonProps extends ButtonProps {
 //#endregion
 //#region ../../src/core/components/buttons/BurgerButton.d.ts
 interface BurgerButtonProps extends BurgerProps {}
-declare const BurgerButton: (props: BurgerButtonProps) => react_jsx_runtime11.JSX.Element;
+declare const BurgerButton: (props: BurgerButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/buttons/ClipboardButton.d.ts
 interface ClipboardButtonProps extends Omit<ActionCommonProps, "onClick" | "icon"> {
@@ -459,7 +460,7 @@ interface ClipboardButtonProps extends Omit<ActionCommonProps, "onClick" | "icon
    */
   copiedLabel?: string;
 }
-declare const ClipboardButton: (props: ClipboardButtonProps) => react_jsx_runtime11.JSX.Element;
+declare const ClipboardButton: (props: ClipboardButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/buttons/DarkModeButton.d.ts
 /**
@@ -469,24 +470,24 @@ declare const ClipboardButton: (props: ClipboardButtonProps) => react_jsx_runtim
  * Both icons are rendered, CSS hides the wrong one based on
  * `data-mantine-color-scheme` attribute.
  */
-declare const DarkModeButton: (props: Partial<ActionProps>) => react_jsx_runtime11.JSX.Element;
+declare const DarkModeButton: (props: Partial<ActionProps>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/buttons/LanguageButton.d.ts
-declare const LanguageButton: (props: Partial<ActionProps>) => react_jsx_runtime11.JSX.Element;
+declare const LanguageButton: (props: Partial<ActionProps>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/buttons/OmnibarButton.d.ts
 interface OmnibarButtonProps {
   actionProps?: ActionProps;
   collapsed?: boolean;
 }
-declare const OmnibarButton: (props: OmnibarButtonProps) => react_jsx_runtime11.JSX.Element;
+declare const OmnibarButton: (props: OmnibarButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/buttons/ThemeButton.d.ts
-declare const ThemeButton: (props: Partial<ActionProps>) => react_jsx_runtime11.JSX.Element;
+declare const ThemeButton: (props: Partial<ActionProps>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/buttons/ToggleSidebarButton.d.ts
 type Props = ActionProps;
-declare const ToggleSidebarButton: (props: Props) => react_jsx_runtime11.JSX.Element;
+declare const ToggleSidebarButton: (props: Props) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/services/DialogService.d.ts
 interface BaseDialogOptions extends Partial<ModalProps> {
@@ -573,19 +574,19 @@ declare class DialogService {
 declare const AlertDialog: ({
   options,
   onClose
-}: AlertDialogProps) => react_jsx_runtime11.JSX.Element;
+}: AlertDialogProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/dialogs/ConfirmDialog.d.ts
 declare const ConfirmDialog: ({
   options,
   onConfirm
-}: ConfirmDialogProps) => react_jsx_runtime11.JSX.Element;
+}: ConfirmDialogProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/dialogs/PromptDialog.d.ts
 declare const PromptDialog: ({
   options,
   onSubmit
-}: PromptDialogProps) => react_jsx_runtime11.JSX.Element;
+}: PromptDialogProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/form/ControlDate.d.ts
 interface ControlDateProps extends GenericControlProps {
@@ -603,7 +604,7 @@ interface ControlDateProps extends GenericControlProps {
  *
  * Automatically detects date formats from schema and renders appropriate picker.
  */
-declare const ControlDate: (props: ControlDateProps) => react_jsx_runtime11.JSX.Element | null;
+declare const ControlDate: (props: ControlDateProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region ../../src/core/components/form/ControlQueryBuilder.d.ts
 interface ControlQueryBuilderProps extends Omit<TextInputProps, "value" | "onChange"> {
@@ -622,7 +623,7 @@ declare const ControlQueryBuilder: ({
   onChange,
   placeholder,
   ...textInputProps
-}: ControlQueryBuilderProps) => react_jsx_runtime11.JSX.Element;
+}: ControlQueryBuilderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/form/TypeForm.d.ts
 interface TypeFormProps<T extends TObject> {
@@ -694,7 +695,27 @@ interface TypeFormProps<T extends TObject> {
  * return <TypeForm form={form} columns={2} />;
  * ```
  */
-declare const TypeForm: <T extends TObject>(props: TypeFormProps<T>) => react_jsx_runtime11.JSX.Element | null;
+declare const TypeForm: <T extends TObject>(props: TypeFormProps<T>) => react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region ../../src/core/components/layout/Omnibar.d.ts
+interface OmnibarProps {
+  shortcut?: string | string[];
+  searchPlaceholder?: string;
+  nothingFound?: ReactNode;
+}
+declare const Omnibar: (props: OmnibarProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region ../../src/core/components/layout/AlephaMantineProvider.d.ts
+interface AlephaMantineProviderProps {
+  children?: ReactNode;
+  mantine?: MantineProviderProps;
+  colorSchemeScript?: ColorSchemeScriptProps;
+  navigationProgress?: NavigationProgressProps;
+  notifications?: NotificationsProps;
+  modals?: ModalsProviderProps;
+  omnibar?: OmnibarProps | false;
+}
+declare const AlephaMantineProvider: (props: AlephaMantineProviderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/layout/AppBar.d.ts
 type AppBarItem = AppBarElement | AppBarBurger | AppBarDark | AppBarSearch | AppBarLang | AppBarSpacer | AppBarDivider | AppBarLogo | AppBarBack;
@@ -801,7 +822,42 @@ interface AppBarProps {
    */
   container?: boolean | ContainerProps;
 }
-declare const AppBar: (props: AppBarProps) => react_jsx_runtime11.JSX.Element;
+declare const AppBar: (props: AppBarProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region ../../src/core/components/layout/Breadcrumb.d.ts
+interface BreadcrumbProps extends GroupProps {
+  /**
+   * Label for the home/root crumb. Set to `false` to hide the root crumb.
+   *
+   * @default "Home"
+   */
+  home?: string | false;
+  /**
+   * Custom separator between crumbs.
+   *
+   * @default IconChevronRight
+   */
+  separator?: ReactNode;
+  /**
+   * Size of text and separator icons.
+   *
+   * @default "xs"
+   */
+  size?: string;
+}
+/**
+ * Automatic breadcrumb component that reads the current route hierarchy
+ * from the Alepha router's layer stack.
+ *
+ * Pages should define a `label` in their `$page()` options for best results.
+ * Falls back to the page name converted to Title Case.
+ */
+declare const Breadcrumb: ({
+  home,
+  separator,
+  size,
+  ...groupProps
+}: BreadcrumbProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region ../../src/core/components/layout/Sidebar.d.ts
 interface SidebarProps {
@@ -815,6 +871,11 @@ interface SidebarProps {
   hide?: {
     paths?: string[];
   };
+  /**
+   * Whether the sidebar expands on hover when collapsed.
+   * @default true
+   */
+  expandOnHover?: boolean;
   /**
    * Automatically populate the menu from the router's pages.
    */
@@ -822,7 +883,7 @@ interface SidebarProps {
     startsWith: string;
   };
 }
-declare const Sidebar: (props: SidebarProps) => react_jsx_runtime11.JSX.Element;
+declare const Sidebar: (props: SidebarProps) => react_jsx_runtime0.JSX.Element;
 interface SidebarItemProps {
   item: SidebarMenuItem;
   level: number;
@@ -847,6 +908,7 @@ interface SidebarSpacer extends SidebarAbstractItem {
 }
 interface SidebarDivider extends SidebarAbstractItem {
   type: "divider";
+  fill?: true;
 }
 interface SidebarSearch extends SidebarAbstractItem {
   type: "search";
@@ -858,6 +920,7 @@ interface SidebarSection extends SidebarAbstractItem {
   type: "section";
   label: string;
   icon?: ReactNode | ComponentType;
+  children?: SidebarNode[];
 }
 interface SidebarMenuItem extends SidebarAbstractItem {
   label: string | ReactNode;
@@ -882,8 +945,8 @@ interface SidebarTheme {
   search?: SidebarButtonTheme;
 }
 //#endregion
-//#region ../../src/core/components/layout/AdminShell.d.ts
-interface AdminShellProps {
+//#region ../../src/core/components/layout/DashboardShell.d.ts
+interface DashboardShellProps {
   appShellProps?: Partial<AppShellProps>;
   appShellMainProps?: Partial<AppShellMainProps>;
   appShellHeaderProps?: Partial<AppShellHeaderProps>;
@@ -894,6 +957,30 @@ interface AdminShellProps {
   header?: ReactNode;
   footer?: ReactNode;
   children?: ReactNode;
+  /**
+   * AppShell layout mode.
+   * - "default": header/footer span full width, navbar below header.
+   * - "alt": navbar is full height, header/footer offset by navbar width.
+   */
+  layout?: "default" | "alt";
+  /**
+   * Content rendered above the Sidebar inside the navbar (e.g. logo).
+   */
+  navbarHeader?: ReactNode;
+  /**
+   * Content rendered below the Sidebar inside the navbar (e.g. toggle button).
+   */
+  navbarFooter?: ReactNode;
+  /**
+   * Height of the header bar in pixels.
+   * @default 60
+   */
+  headerHeight?: number;
+  /**
+   * Height of the footer bar in pixels.
+   * @default 24
+   */
+  footerHeight?: number;
   /**
    * Enable drag-to-resize for the sidebar.
    * Width and constraints are configured in alephaSidebarAtom.
@@ -911,27 +998,7 @@ interface AdminShellProps {
    */
   container?: boolean | ContainerProps;
 }
-declare const AdminShell: (props: AdminShellProps) => react_jsx_runtime11.JSX.Element;
-//#endregion
-//#region ../../src/core/components/layout/Omnibar.d.ts
-interface OmnibarProps {
-  shortcut?: string | string[];
-  searchPlaceholder?: string;
-  nothingFound?: ReactNode;
-}
-declare const Omnibar: (props: OmnibarProps) => react_jsx_runtime11.JSX.Element;
-//#endregion
-//#region ../../src/core/components/layout/AlephaMantineProvider.d.ts
-interface AlephaMantineProviderProps {
-  children?: ReactNode;
-  mantine?: MantineProviderProps;
-  colorSchemeScript?: ColorSchemeScriptProps;
-  navigationProgress?: NavigationProgressProps;
-  notifications?: NotificationsProps;
-  modals?: ModalsProviderProps;
-  omnibar?: OmnibarProps | false;
-}
-declare const AlephaMantineProvider: (props: AlephaMantineProviderProps) => react_jsx_runtime11.JSX.Element;
+declare const DashboardShell: (props: DashboardShellProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/table/types.d.ts
 interface ColumnVisibility {
@@ -1053,7 +1120,7 @@ interface DataTableProps<T extends object, Filters extends TObject> {
 }
 //#endregion
 //#region ../../src/core/components/table/DataTable.d.ts
-declare const DataTable: <T extends object, Filters extends TObject>(props: DataTableProps<T, Filters>) => react_jsx_runtime11.JSX.Element;
+declare const DataTable: <T extends object, Filters extends TObject>(props: DataTableProps<T, Filters>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/constants/ui.d.ts
 declare const ui: {
@@ -1126,8 +1193,8 @@ declare const useToast: () => ToastService;
 //#region ../../src/core/providers/ThemeProvider.d.ts
 declare class ThemeProvider {
   protected readonly alepha: Alepha;
-  protected readonly cookie: alepha_server_cookies0.AbstractCookiePrimitive<alepha1.TObject<{
-    index: alepha1.TInteger;
+  protected readonly cookie: alepha_server_cookies0.AbstractCookiePrimitive<alepha.TObject<{
+    index: alepha.TInteger;
   }>>;
   protected readonly head: alepha_react_head0.HeadPrimitive;
   setTheme(index: number): void;
@@ -1185,13 +1252,25 @@ declare const getDefaultIcon: (params: {
  * capitalize("hello") // "Hello"
  */
 declare const capitalize: (str: string) => string;
+/**
+ * Converts camelCase or snake_case to Title Case with spaces.
+ *
+ * @example
+ * toTitleCase("userName") // "User Name"
+ * toTitleCase("first_name") // "First Name"
+ * toTitleCase("email") // "Email"
+ */
+declare const toTitleCase: (str: string) => string;
 /**
  * Converts a path or identifier string into a pretty display name.
- * Removes slashes and capitalizes the first letter.
+ * For paths like "/contacts/0/name", extracts just the field name "Name".
+ * Handles camelCase and snake_case conversion to Title Case.
  *
  * @example
- * prettyName("/userName") // "UserName"
- * prettyName("email") // "Email"
+ * prettyName("/userName") // "User Name"
+ * prettyName("/contacts/0/email") // "Email"
+ * prettyName("/address/streetName") // "Street Name"
+ * prettyName("first_name") // "First Name"
  */
 declare const prettyName: (name: string) => string;
 //#endregion
@@ -1241,7 +1320,7 @@ declare module "alepha/react/router" {
  * - AlertDialog, ConfirmDialog, PromptDialog
  * - Form controls: Control, ControlArray, ControlDate, ControlNumber, ControlObject, ControlSelect, ControlQueryBuilder
  * - TypeForm for automatic form generation from TypeBox schemas
- * - AdminShell layout component
+ * - DashboardShell layout component
  * - AppBar with configurable elements
  * - Sidebar navigation with sections and menu items
  * - Omnibar for command palette / search
@@ -1251,7 +1330,7 @@ declare module "alepha/react/router" {
  *
  * @module alepha.ui
  */
-declare const AlephaUI: alepha1.Service<alepha1.Module>;
+declare const AlephaUI: alepha.Service<alepha.Module>;
 /**
  * Convenience function to configure and inject the UiRouter.
  */
@@ -1259,5 +1338,5 @@ declare const $ui: (options?: {
   themes?: AlephaThemeListAtom;
 }) => UiRouter;
 //#endregion
-export { $ui, ActionButton, type ActionClickButtonProps, type ActionCommonProps, type ActionMenuConfig, type ActionMenuItem, type ActionNavigationButtonProps, type ActionProps, type ActionSubmitButtonProps, AdminShell, type AdminShellProps, AlephaMantineProvider, AlephaSidebarState, AlephaThemeListAtom, AlephaUI, AlertDialog, type AlertDialogOptions, type AlertDialogProps, AppBar, type AppBarBurger, type AppBarDark, type AppBarDivider, type AppBarElement, type AppBarItem, type AppBarLang, type AppBarProps, type AppBarSearch, type AppBarSpacer, type BaseDialogOptions, BurgerButton, type CheckboxAction, type CheckboxActionContext, ClipboardButton, type ClipboardButtonProps, type ColumnVisibility, ConfirmDialog, type ConfirmDialogOptions, type ConfirmDialogProps, Control, ControlArray, ControlDate, ControlNumber, ControlObject, ControlQueryBuilder, ControlSelect, CurrentAlephaTheme, DarkModeButton, DataTable, type DataTableColumn, type DataTableColumnContext, type DataTableProps, type DataTableSubmitContext, DialogService, type FilterVisibility, Flex, IconSize, LanguageButton, type MaybePage, OPERATOR_INFO, Omnibar, OmnibarButton, PromptDialog, type PromptDialogOptions, type PromptDialogProps, SchemaField, Sidebar, type SidebarAbstractItem, type SidebarButtonTheme, type SidebarDivider, type SidebarElement, type SidebarItemProps, type SidebarMenuItem, type SidebarNode, type SidebarProps, type SidebarSearch, type SidebarSection, type SidebarSpacer, type SidebarTheme, Text, ThemeButton, ThemeProvider, ToastService, ToggleSidebarButton, TypeForm, UiRouter, alephaSidebarAtom, alephaThemeAtom, alephaThemeListAtom, capitalize, defaultTheme, extractSchemaFields, getDefaultIcon, getOperatorsForField, midnightTheme, prettyName, ui, useDialog, useToast };
+export { $ui, ActionButton, type ActionClickButtonProps, type ActionCommonProps, type ActionMenuConfig, type ActionMenuItem, type ActionNavigationButtonProps, type ActionProps, type ActionSubmitButtonProps, DashboardShell as AdminShell, DashboardShell, type DashboardShellProps as AdminShellProps, type DashboardShellProps, AlephaMantineProvider, AlephaSidebarState, AlephaThemeListAtom, AlephaUI, AlertDialog, type AlertDialogOptions, type AlertDialogProps, AppBar, type AppBarBurger, type AppBarDark, type AppBarDivider, type AppBarElement, type AppBarItem, type AppBarLang, type AppBarProps, type AppBarSearch, type AppBarSpacer, type BaseDialogOptions, Breadcrumb, type BreadcrumbProps, BurgerButton, type CheckboxAction, type CheckboxActionContext, ClipboardButton, type ClipboardButtonProps, type ColumnVisibility, ConfirmDialog, type ConfirmDialogOptions, type ConfirmDialogProps, Control, ControlArray, ControlDate, ControlNumber, ControlObject, ControlQueryBuilder, ControlSelect, CurrentAlephaTheme, DarkModeButton, DataTable, type DataTableColumn, type DataTableColumnContext, type DataTableProps, type DataTableSubmitContext, DialogService, type FilterVisibility, Flex, IconSize, LanguageButton, type MaybePage, OPERATOR_INFO, Omnibar, OmnibarButton, PromptDialog, type PromptDialogOptions, type PromptDialogProps, SchemaField, Sidebar, type SidebarAbstractItem, type SidebarButtonTheme, type SidebarDivider, type SidebarElement, type SidebarItemProps, type SidebarMenuItem, type SidebarNode, type SidebarProps, type SidebarSearch, type SidebarSection, type SidebarSpacer, type SidebarTheme, Text, ThemeButton, ThemeProvider, ToastService, ToggleSidebarButton, TypeForm, UiRouter, alephaSidebarAtom, alephaThemeAtom, alephaThemeListAtom, capitalize, defaultTheme, extractSchemaFields, getDefaultIcon, getOperatorsForField, midnightTheme, prettyName, toTitleCase, ui, useDialog, useToast };
 //# sourceMappingURL=index.d.ts.map