@alepha/ui 0.15.5 → 0.16.1

package/dist/admin/AdminLayout-BqZiXx4H.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminLayout-BqZiXx4H.js","names":[],"sources":["../../src/admin/components/AdminLayout.tsx"],"sourcesContent":["import {\n  ActionButton,\n  AdminShell,\n  type AdminShellProps,\n  AlephaMantineProvider,\n  OmnibarButton,\n} from \"@alepha/ui\";\nimport { UserButton } from \"@alepha/ui/auth\";\nimport { IconArrowLeft } from \"@tabler/icons-react\";\nimport \"../../core/styles.css\";\n\nexport interface AdminLayoutProps {\n  adminShellProps?: AdminShellProps;\n}\n\nconst AdminLayout = (props: AdminLayoutProps) => {\n  return (\n    <AlephaMantineProvider>\n      <AdminShell\n        appBarProps={{\n          items: [\n            {\n              element: (\n                <ActionButton\n                  variant={\"subtle\"}\n                  icon={IconArrowLeft}\n                  href={\"/\"}\n                />\n              ),\n              position: \"left\",\n            },\n            {\n              element: <OmnibarButton />,\n              position: \"center\",\n            },\n            {\n              element: <UserButton />,\n              position: \"right\",\n            },\n            {\n              type: \"dark\",\n              position: \"right\",\n            },\n          ],\n        }}\n        sidebarResizable\n        sidebarProps={{\n          autoPopulateMenu: {\n            startsWith: \"/admin\",\n          },\n        }}\n        {...props.adminShellProps}\n      />\n    </AlephaMantineProvider>\n  );\n};\n\nexport default AdminLayout;\n"],"mappings":";;;;;;AAeA,MAAM,eAAe,UAA4B;AAC/C,QACE,oBAAC,mCACC,oBAAC;EACC,aAAa,EACX,OAAO;GACL;IACE,SACE,oBAAC;KACC,SAAS;KACT,MAAM;KACN,MAAM;MACN;IAEJ,UAAU;IACX;GACD;IACE,SAAS,oBAAC,kBAAgB;IAC1B,UAAU;IACX;GACD;IACE,SAAS,oBAAC,eAAa;IACvB,UAAU;IACX;GACD;IACE,MAAM;IACN,UAAU;IACX;GACF,EACF;EACD;EACA,cAAc,EACZ,kBAAkB,EAChB,YAAY,UACb,EACF;EACD,GAAI,MAAM;GACV,GACoB;;AAI5B,0BAAe"}
+{"version":3,"file":"AdminLayout-BqZiXx4H.js","names":[],"sources":["../../src/admin/components/AdminLayout.tsx"],"sourcesContent":["import {\n  ActionButton,\n  AdminShell,\n  type AdminShellProps,\n  AlephaMantineProvider,\n  OmnibarButton,\n} from \"@alepha/ui\";\nimport { UserButton } from \"@alepha/ui/auth\";\nimport { IconArrowLeft } from \"@tabler/icons-react\";\n\nexport interface AdminLayoutProps {\n  adminShellProps?: AdminShellProps;\n}\n\nconst AdminLayout = (props: AdminLayoutProps) => {\n  return (\n    <AlephaMantineProvider>\n      <AdminShell\n        appBarProps={{\n          items: [\n            {\n              element: (\n                <ActionButton\n                  variant={\"subtle\"}\n                  icon={IconArrowLeft}\n                  href={\"/\"}\n                />\n              ),\n              position: \"left\",\n            },\n            {\n              element: <OmnibarButton />,\n              position: \"center\",\n            },\n            {\n              element: <UserButton />,\n              position: \"right\",\n            },\n            {\n              type: \"dark\",\n              position: \"right\",\n            },\n          ],\n        }}\n        sidebarResizable\n        sidebarProps={{\n          autoPopulateMenu: {\n            startsWith: \"/admin\",\n          },\n        }}\n        {...props.adminShellProps}\n      />\n    </AlephaMantineProvider>\n  );\n};\n\nexport default AdminLayout;\n"],"mappings":";;;;;;AAcA,MAAM,eAAe,UAA4B;AAC/C,QACE,oBAAC,mCACC,oBAAC;EACC,aAAa,EACX,OAAO;GACL;IACE,SACE,oBAAC;KACC,SAAS;KACT,MAAM;KACN,MAAM;MACN;IAEJ,UAAU;IACX;GACD;IACE,SAAS,oBAAC,kBAAgB;IAC1B,UAAU;IACX;GACD;IACE,SAAS,oBAAC,eAAa;IACvB,UAAU;IACX;GACD;IACE,MAAM;IACN,UAAU;IACX;GACF,EACF;EACD;EACA,cAAc,EACZ,kBAAkB,EAChB,YAAY,UACb,EACF;EACD,GAAI,MAAM;GACV,GACoB;;AAI5B,0BAAe"}

package/dist/admin/index.d.ts

@@ -1,4 +1,4 @@
-import { AdminShellProps } from "@alepha/ui";
+import { AdminShellProps, SidebarNode } from "@alepha/ui";
 import { AuthRouter } from "@alepha/ui/auth";
 import * as alepha0 from "alepha";
 import { ReactAuth } from "alepha/react/auth";
@@ -27,6 +27,8 @@ declare class AdminRouter {
   protected readonly auditCtrl: alepha_server_links0.HttpVirtualClient<AdminAuditController>;
   protected readonly jobCtrl: alepha_server_links0.HttpVirtualClient<AdminJobController>;
   protected readonly apiKeyCtrl: alepha_server_links0.HttpVirtualClient<AdminApiKeyController>;
+  configFn?: (adminRouter: AdminRouter) => AdminShellProps;
+  getDefaultSidebarItems(): SidebarNode[];
   protected adminShellProps(): AdminShellProps;
   protected onNotAuthorized(url: URL): Redirection;
   readonly adminLayout: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, {}, alepha_react_router0.TPropsParentDefault>;
@@ -118,11 +120,17 @@ declare const AdminUsers: (props: AdminUsersProps) => react_jsx_runtime0.JSX.Ele
 //#region ../../src/admin/components/verifications/AdminVerifications.d.ts
 declare const AdminVerifications: () => react_jsx_runtime0.JSX.Element;
 //#endregion
+//#region ../../src/admin/primitives/$uiAdmin.d.ts
+/**
+ * Register Admin UI components and get the AdminRouter instance.
+ */
+declare const $uiAdmin: (optsFn?: (a: AdminRouter) => AdminShellProps) => AdminRouter;
+//#endregion
 //#region ../../src/admin/index.d.ts
 /**
- * | type | quality | stability |
- * |------|---------|-----------|
- * | frontend | rare | experimental |
+ * | Stability | Since | Runtime |
+ * |-----------|-------|---------|
+ * | 2 - beta | 0.12.0 | node, bun, workerd, browser|
  *
  * Admin panel UI components.
  *
@@ -140,10 +148,6 @@ declare const AdminVerifications: () => react_jsx_runtime0.JSX.Element;
  * @module alepha.ui.admin
  */
 declare const AlephaUIAdmin: alepha0.Service<alepha0.Module>;
-/**
- * Register Admin UI components and get the AdminRouter instance.
- */
-declare const $uiAdmin: () => AdminRouter;
 //#endregion
 export { $uiAdmin, AdminApiKeys, AdminAudits, AdminFiles, AdminJobs, AdminNotifications, AdminParameters, AdminRouter, AdminSessions, AdminUserAudits, AdminUserCreate, AdminUserDetails, AdminUserLayout, AdminUserSessions, AdminUserSettings, AdminUsers, AdminVerifications, AlephaUIAdmin };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/admin/AdminRouter.ts","../../src/admin/components/audits/AdminAudits.tsx","../../src/admin/components/files/AdminFiles.tsx","../../src/admin/components/jobs/AdminJobs.tsx","../../src/admin/components/keys/AdminApiKeys.tsx","../../src/admin/components/notifications/AdminNotifications.tsx","../../src/admin/components/parameters/AdminParameters.tsx","../../src/admin/components/sessions/AdminSessions.tsx","../../src/admin/components/users/AdminUserAudits.tsx","../../src/admin/components/users/AdminUserCreate.tsx","../../src/admin/components/users/AdminUserDetails.tsx","../../src/admin/components/users/AdminUserLayout.tsx","../../src/admin/components/users/AdminUserSessions.tsx","../../src/admin/components/users/AdminUserSettings.tsx","../../src/admin/components/users/AdminUsers.tsx","../../src/admin/components/verifications/AdminVerifications.tsx","../../src/admin/index.ts"],"mappings":"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"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/admin/AdminRouter.ts","../../src/admin/components/audits/AdminAudits.tsx","../../src/admin/components/files/AdminFiles.tsx","../../src/admin/components/jobs/AdminJobs.tsx","../../src/admin/components/keys/AdminApiKeys.tsx","../../src/admin/components/notifications/AdminNotifications.tsx","../../src/admin/components/parameters/AdminParameters.tsx","../../src/admin/components/sessions/AdminSessions.tsx","../../src/admin/components/users/AdminUserAudits.tsx","../../src/admin/components/users/AdminUserCreate.tsx","../../src/admin/components/users/AdminUserDetails.tsx","../../src/admin/components/users/AdminUserLayout.tsx","../../src/admin/components/users/AdminUserSessions.tsx","../../src/admin/components/users/AdminUserSettings.tsx","../../src/admin/components/users/AdminUsers.tsx","../../src/admin/components/verifications/AdminVerifications.tsx","../../src/admin/primitives/$uiAdmin.ts","../../src/admin/index.ts"],"mappings":";;;;;;;;;;;;;;;;;cA6Ba,WAAA;EAAA,mBACQ,MAAA,EAAM,WAAA,CAAA,WAAA;EAAA,mBACN,UAAA,EAAU,UAAA;EAAA,mBACV,IAAA,EAAI,SAAA;EAAA,mBACJ,QAAA,EAAQ,oBAAA,CAAA,iBAAA,CAAA,mBAAA;EAAA,mBACR,WAAA,EAAW,oBAAA,CAAA,iBAAA,CAAA,sBAAA;EAAA,mBACX,gBAAA,EAAgB,oBAAA,CAAA,iBAAA,CAAA,2BAAA;EAAA,mBAChB,QAAA,EAAQ,oBAAA,CAAA,iBAAA,CAAA,cAAA;EAAA,mBACR,UAAA,EAAU,oBAAA,CAAA,iBAAA,CAAA,qBAAA;EAAA,mBACV,SAAA,EAAS,oBAAA,CAAA,iBAAA,CAAA,oBAAA;EAAA,mBACT,OAAA,EAAO,oBAAA,CAAA,iBAAA,CAAA,kBAAA;EAAA,mBACP,UAAA,EAAU,oBAAA,CAAA,iBAAA,CAAA,qBAAA;EAEtB,QAAA,IAAY,WAAA,EAAa,WAAA,KAAgB,eAAA;EASzC,sBAAA,CAAA,GAA0B,WAAA;EAAA,UA+DvB,eAAA,CAAA,GAAmB,eAAA;EAAA,UAOnB,eAAA,CAAgB,GAAA,EAAK,GAAA,GAAG,WAAA;EAAA,SAclB,WAAA,EAAW,oBAAA,CAAA,aAAA,CAdO,oBAAA,CAcP,gBAAA,MAAA,oBAAA,CAAA,mBAAA;EAAA,SAoBX,UAAA,EAAU,oBAAA,CAAA,aAAA,CApBC,oBAAA,CAoBD,gBAAA;EAAA,SAUV,eAAA,EAAe,oBAAA,CAAA,aAAA,CAVL,oBAAA,CAUK,gBAAA;EAAA,SAUf,eAAA,EAAe,oBAAA,CAAA,aAAA,CAVA,oBAAA,CAUA,gBAAA;EAAA,SASf,gBAAA,EAAgB,oBAAA,CAAA,aAAA,CATD,oBAAA,CASC,gBAAA;EAAA,SAOhB,iBAAA,EAAiB,oBAAA,CAAA,aAAA,CAPD,oBAAA,CAOC,gBAAA;EAAA,SAOjB,iBAAA,EAAiB,oBAAA,CAAA,aAAA,CAPA,oBAAA,CAOA,gBAAA;EAAA,SAOjB,eAAA,EAAe,oBAAA,CAAA,aAAA,CAPE,oBAAA,CAOF,gBAAA;EAAA,SAYf,WAAA,EAAW,oBAAA,CAAA,aAAA,CAZI,oBAAA,CAYJ,gBAAA;EAAA,SAcX,aAAA,EAAa,oBAAA,CAAA,aAAA,CAdF,oBAAA,CAcE,gBAAA;EAAA,SAcb,kBAAA,EAAkB,oBAAA,CAAA,aAAA,CAdL,oBAAA,CAcK,gBAAA;EAAA,SAclB,UAAA,EAAU,oBAAA,CAAA,aAAA,CAdQ,oBAAA,CAcR,gBAAA;EAAA,SAcV,eAAA,EAAe,oBAAA,CAAA,aAAA,CAdL,oBAAA,CAcK,gBAAA;EAAA,SAcf,SAAA,EAAS,oBAAA,CAAA,aAAA,CAdM,oBAAA,CAcN,gBAAA;EAAA,SAcT,YAAA,EAAY,oBAAA,CAAA,aAAA,CAdH,oBAAA,CAcG,gBAAA;AAAA;;;UC7Rb,gBAAA;EACf,aAAA;AAAA;AAAA,cA8CI,WAAA,GAAe,KAAA,EAAO,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCxDtC,UAAA,QAAU,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCoVV,SAAA,QAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC7IT,YAAA,QAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC7LZ,kBAAA,QAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCFlB,eAAA,QAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCKJ,kBAAA;EACf,aAAA;AAAA;AAAA,cAGI,aAAA,GAAiB,KAAA,EAAO,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCV/B,oBAAA;EACf,aAAA;AAAA;AAAA,cAyBI,eAAA,GAAmB,MAAA,EAAQ,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UC/BpC,oBAAA;EACf,aAAA;AAAA;AAAA,cAGI,eAAA,GAAmB,KAAA,EAAO,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCqBnC,qBAAA;EACf,aAAA;AAAA;AAAA,cAgEI,gBAAA,GAAoB,KAAA,EAAO,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UC9ErC,oBAAA;EACf,aAAA;AAAA;AAAA,cAGI,eAAA,GAAmB,KAAA,EAAO,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCVnC,sBAAA;EACf,aAAA;AAAA;AAAA,cAGI,iBAAA,GAAqB,KAAA,EAAO,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCDvC,sBAAA;EACf,aAAA;AAAA;AAAA,cAGI,iBAAA,GAAqB,KAAA,EAAO,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCRvC,eAAA;EACf,aAAA;AAAA;AAAA,cAGI,UAAA,GAAc,KAAA,EAAO,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCdpC,kBAAA,QAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;cCGX,QAAA,GAAY,MAAA,IAAU,CAAA,EAAG,WAAA,KAAgB,eAAA,KAAe,WAAA;;;AhBsBrE;;;;;;;;;;;;;;;;;;;;AAAA,ciB2Ba,aAAA,EAAa,OAAA,CAAA,OAAA,CAMxB,OAAA,CANwB,MAAA"}

package/dist/admin/index.js

@@ -35,7 +35,69 @@ var AdminRouter = class {
 	auditCtrl = $client();
 	jobCtrl = $client();
 	apiKeyCtrl = $client();
+	configFn = () => {
+		return {
+			sidebarResizable: true,
+			sidebarProps: { items: this.getDefaultSidebarItems() }
+		};
+	};
+	getDefaultSidebarItems() {
+		return [
+			{
+				label: "Identity",
+				icon: IconUsers,
+				children: [
+					{
+						...this.router.node(this.adminUsers.name),
+						can: () => this.userCtrl.findUsers.can()
+					},
+					{
+						...this.router.node(this.adminSessions.name),
+						can: () => this.sessionCtrl.findSessions.can()
+					},
+					{
+						...this.router.node(this.adminApiKeys.name),
+						can: () => this.apiKeyCtrl.findApiKeys.can()
+					}
+				]
+			},
+			{
+				label: "Content",
+				icon: IconFile,
+				children: [{
+					...this.router.node(this.adminFiles.name),
+					can: () => this.fileCtrl.findFiles.can()
+				}, {
+					...this.router.node(this.adminNotifications.name),
+					can: () => this.notificationCtrl.findNotifications.can()
+				}]
+			},
+			{
+				label: "System",
+				icon: IconSettings,
+				children: [
+					{
+						...this.router.node(this.adminJobs.name),
+						can: () => this.jobCtrl.getJobs.can()
+					},
+					{
+						...this.router.node(this.adminAudits.name),
+						can: () => this.auditCtrl.findAudits.can()
+					},
+					{
+						...this.router.node(this.adminParameters.name),
+						can: () => this.configCtrl.getConfigTree.can()
+					}
+				]
+			},
+			{
+				type: "toggle",
+				position: "bottom"
+			}
+		];
+	}
 	adminShellProps() {
+		if (this.configFn) return this.configFn(this);
 		return {};
 	}
 	onNotAuthorized(url) {
@@ -44,7 +106,7 @@ var AdminRouter = class {
 	adminLayout = $page({
 		path: "/admin",
 		label: "Admin",
-		can: () => this.userCtrl.findUsers.can(),
+		can: () => this.auth.can("admin:*"),
 		lazy: () => import("./AdminLayout-BqZiXx4H.js"),
 		props: () => ({ adminShellProps: this.adminShellProps() }),
 		loader: ({ user, url }) => {
@@ -201,12 +263,24 @@ const AdminVerifications = () => {
 };
 var AdminVerifications_default = AdminVerifications;
 
+//#endregion
+//#region ../../src/admin/primitives/$uiAdmin.ts
+/**
+* Register Admin UI components and get the AdminRouter instance.
+*/
+const $uiAdmin = (optsFn) => {
+	const { alepha } = $context();
+	const adminRouter = alepha.inject(AdminRouter);
+	if (optsFn) adminRouter.configFn = optsFn;
+	return adminRouter;
+};
+
 //#endregion
 //#region ../../src/admin/index.ts
 /**
-* | type | quality | stability |
-* |------|---------|-----------|
-* | frontend | rare | experimental |
+* | Stability | Since | Runtime |
+* |-----------|-------|---------|
+* | 2 - beta | 0.12.0 | node, bun, workerd, browser|
 *
 * Admin panel UI components.
 *
@@ -234,13 +308,6 @@ const AlephaUIAdmin = $module({
 		alepha.with(AdminRouter);
 	}
 });
-/**
-* Register Admin UI components and get the AdminRouter instance.
-*/
-const $uiAdmin = () => {
-	const { alepha } = $context();
-	return alepha.inject(AdminRouter);
-};
 
 //#endregion
 export { $uiAdmin, AdminApiKeys_default as AdminApiKeys, AdminAudits_default as AdminAudits, AdminFiles_default as AdminFiles, AdminJobs_default as AdminJobs, AdminNotifications_default as AdminNotifications, AdminParameters_default as AdminParameters, AdminRouter, AdminSessions_default as AdminSessions, AdminUserAudits_default as AdminUserAudits, AdminUserCreate_default as AdminUserCreate, AdminUserDetails_default as AdminUserDetails, AdminUserLayout_default as AdminUserLayout, AdminUserSessions_default as AdminUserSessions, AdminUserSettings_default as AdminUserSettings, AdminUsers_default as AdminUsers, AdminVerifications_default as AdminVerifications, AlephaUIAdmin };

package/dist/admin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/admin/AdminRouter.ts","../../src/admin/components/verifications/AdminVerifications.tsx","../../src/admin/index.ts"],"sourcesContent":["import type { AdminShellProps } from \"@alepha/ui\";\nimport { AuthRouter } from \"@alepha/ui/auth\";\nimport {\n  IconBell,\n  IconDevices,\n  IconFile,\n  IconHistory,\n  IconKey,\n  IconPlus,\n  IconSettings,\n  IconTerminal2,\n  IconUser,\n  IconUsers,\n} from \"@tabler/icons-react\";\nimport { $inject } from \"alepha\";\nimport type { AdminAuditController } from \"alepha/api/audits\";\nimport type { FileController } from \"alepha/api/files\";\nimport type { AdminJobController } from \"alepha/api/jobs\";\nimport type { AdminApiKeyController } from \"alepha/api/keys\";\nimport type { AdminNotificationController } from \"alepha/api/notifications\";\nimport type { AdminConfigController } from \"alepha/api/parameters\";\nimport type {\n  AdminSessionController,\n  AdminUserController,\n} from \"alepha/api/users\";\nimport { ReactAuth } from \"alepha/react/auth\";\nimport { $page, ReactRouter, Redirection } from \"alepha/react/router\";\nimport { $client } from \"alepha/server/links\";\n\nexport class AdminRouter {\n  protected readonly router = $inject(ReactRouter<AdminRouter>);\n  protected readonly authRouter = $inject(AuthRouter);\n  protected readonly auth = $inject(ReactAuth);\n  protected readonly userCtrl = $client<AdminUserController>();\n  protected readonly sessionCtrl = $client<AdminSessionController>();\n  protected readonly notificationCtrl = $client<AdminNotificationController>();\n  protected readonly fileCtrl = $client<FileController>();\n  protected readonly configCtrl = $client<AdminConfigController>();\n  protected readonly auditCtrl = $client<AdminAuditController>();\n  protected readonly jobCtrl = $client<AdminJobController>();\n  protected readonly apiKeyCtrl = $client<AdminApiKeyController>();\n\n  protected adminShellProps(): AdminShellProps {\n    return {};\n  }\n\n  protected onNotAuthorized(url: URL) {\n    return new Redirection(\n      this.router.path(this.authRouter.login.name, {\n        query: {\n          r: url.pathname,\n        },\n      }),\n    );\n  }\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Layout\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminLayout = $page({\n    path: \"/admin\",\n    label: \"Admin\",\n    can: () => this.userCtrl.findUsers.can(),\n    lazy: () => import(\"./components/AdminLayout.tsx\"),\n    props: () => ({\n      adminShellProps: this.adminShellProps(),\n    }),\n    loader: ({ user, url }) => {\n      if (!user) {\n        throw this.onNotAuthorized(url);\n      }\n      return {};\n    },\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Users\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminUsers = $page({\n    icon: IconUsers,\n    parent: this.adminLayout,\n    path: \"/users\",\n    label: \"Users\",\n    description: \"Manage application users and their roles.\",\n    lazy: () => import(\"./components/users/AdminUsers.tsx\"),\n    can: () => this.userCtrl.findUsers.can(),\n  });\n\n  public readonly adminUserCreate = $page({\n    icon: IconPlus,\n    parent: this.adminLayout,\n    path: \"/users/create\",\n    label: \"Create User\",\n    description: \"Create a new user account\",\n    lazy: () => import(\"./components/users/AdminUserCreate.tsx\"),\n    can: () => this.userCtrl.createUser.can(),\n  });\n\n  public readonly adminUserLayout = $page({\n    icon: IconUser,\n    parent: this.adminLayout,\n    path: \"/users/:userId\",\n    label: \"User\",\n    lazy: () => import(\"./components/users/AdminUserLayout.tsx\"),\n    can: () => this.userCtrl.getUser.can(),\n  });\n\n  public readonly adminUserDetails = $page({\n    parent: this.adminUserLayout,\n    path: \"/details\",\n    label: \"Details\",\n    lazy: () => import(\"./components/users/AdminUserDetails.tsx\"),\n  });\n\n  public readonly adminUserSessions = $page({\n    parent: this.adminUserLayout,\n    path: \"/sessions\",\n    label: \"Sessions\",\n    lazy: () => import(\"./components/users/AdminUserSessions.tsx\"),\n  });\n\n  public readonly adminUserSettings = $page({\n    parent: this.adminUserLayout,\n    path: \"/settings\",\n    label: \"Settings\",\n    lazy: () => import(\"./components/users/AdminUserSettings.tsx\"),\n  });\n\n  public readonly adminUserAudits = $page({\n    parent: this.adminUserLayout,\n    path: \"/audits\",\n    label: \"Audit Log\",\n    lazy: () => import(\"./components/users/AdminUserAudits.tsx\"),\n    can: () => this.auditCtrl.findByUser.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Audits (Global)\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminAudits = $page({\n    icon: IconHistory,\n    parent: this.adminLayout,\n    path: \"/audits\",\n    label: \"Audit Log\",\n    description: \"View system-wide audit trail and activity logs.\",\n    lazy: () => import(\"./components/audits/AdminAudits.tsx\"),\n    can: () => this.auditCtrl.findAudits.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Sessions\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminSessions = $page({\n    icon: IconDevices,\n    parent: this.adminLayout,\n    path: \"/sessions\",\n    label: \"Sessions\",\n    description: \"View and manage all active sessions.\",\n    lazy: () => import(\"./components/sessions/AdminSessions.tsx\"),\n    can: () => this.sessionCtrl.findSessions.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Notifications\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminNotifications = $page({\n    icon: IconBell,\n    parent: this.adminLayout,\n    path: \"/notifications\",\n    label: \"Notifications\",\n    description: \"View notification history and status.\",\n    lazy: () => import(\"./components/notifications/AdminNotifications.tsx\"),\n    can: () => this.notificationCtrl.findNotifications.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Files\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminFiles = $page({\n    icon: IconFile,\n    parent: this.adminLayout,\n    path: \"/files\",\n    label: \"Files\",\n    description: \"Manage uploaded files and storage.\",\n    lazy: () => import(\"./components/files/AdminFiles.tsx\"),\n    can: () => this.fileCtrl.findFiles.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Parameters\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminParameters = $page({\n    icon: IconSettings,\n    parent: this.adminLayout,\n    path: \"/parameters\",\n    label: \"Parameters\",\n    description: \"View and manage application configuration parameters.\",\n    lazy: () => import(\"./components/parameters/AdminParameters.tsx\"),\n    can: () => this.configCtrl.getConfigTree.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Jobs\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminJobs = $page({\n    icon: IconTerminal2,\n    parent: this.adminLayout,\n    path: \"/jobs\",\n    label: \"Jobs\",\n    description: \"Monitor and manage background jobs and scheduled tasks.\",\n    lazy: () => import(\"./components/jobs/AdminJobs.tsx\"),\n    can: () => this.jobCtrl.getJobs.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // API Keys\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminApiKeys = $page({\n    icon: IconKey,\n    parent: this.adminLayout,\n    path: \"/api-keys\",\n    label: \"API Keys\",\n    description: \"View and manage API keys for programmatic access.\",\n    lazy: () => import(\"./components/keys/AdminApiKeys.tsx\"),\n    can: () => this.apiKeyCtrl.findApiKeys.can(),\n  });\n}\n","import { Flex, Text } from \"@alepha/ui\";\nimport { Stack } from \"@mantine/core\";\nimport { IconShieldCheck } from \"@tabler/icons-react\";\n\nconst AdminVerifications = () => {\n  return (\n    <Flex flex={1} justify=\"center\" align=\"center\">\n      <Stack align=\"center\" gap=\"xs\">\n        <IconShieldCheck\n          size={48}\n          stroke={1.5}\n          color=\"var(--mantine-color-dimmed)\"\n        />\n        <Text c=\"dimmed\">Verification Management</Text>\n        <Text size=\"xs\" c=\"dimmed\" ta=\"center\" maw={400}>\n          Verifications are automatically managed by the system. Email and SMS\n          verification codes are generated and validated through the\n          verification API endpoints.\n        </Text>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default AdminVerifications;\n","import { AlephaUI } from \"@alepha/ui\";\nimport { AlephaUIAuth } from \"@alepha/ui/auth\";\nimport { $context, $module } from \"alepha\";\nimport { AdminRouter } from \"./AdminRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport { AdminRouter } from \"./AdminRouter.ts\";\n// Audits\nexport { default as AdminAudits } from \"./components/audits/AdminAudits.tsx\";\n// Files\nexport { default as AdminFiles } from \"./components/files/AdminFiles.tsx\";\n// Jobs\nexport { default as AdminJobs } from \"./components/jobs/AdminJobs.tsx\";\n// API Keys\nexport { default as AdminApiKeys } from \"./components/keys/AdminApiKeys.tsx\";\n// Notifications\nexport { default as AdminNotifications } from \"./components/notifications/AdminNotifications.tsx\";\n// Parameters\nexport { default as AdminParameters } from \"./components/parameters/AdminParameters.tsx\";\n// Sessions\nexport { default as AdminSessions } from \"./components/sessions/AdminSessions.tsx\";\n// Users\nexport { default as AdminUserAudits } from \"./components/users/AdminUserAudits.tsx\";\nexport { default as AdminUserCreate } from \"./components/users/AdminUserCreate.tsx\";\nexport { default as AdminUserDetails } from \"./components/users/AdminUserDetails.tsx\";\nexport { default as AdminUserLayout } from \"./components/users/AdminUserLayout.tsx\";\nexport { default as AdminUserSessions } from \"./components/users/AdminUserSessions.tsx\";\nexport { default as AdminUserSettings } from \"./components/users/AdminUserSettings.tsx\";\nexport { default as AdminUsers } from \"./components/users/AdminUsers.tsx\";\n// Verifications\nexport { default as AdminVerifications } from \"./components/verifications/AdminVerifications.tsx\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * | type | quality | stability |\n * |------|---------|-----------|\n * | frontend | rare | experimental |\n *\n * Admin panel UI components.\n *\n * **Features:**\n * - AdminLayout for admin pages\n * - AdminUsers with user list, create, details, settings, sessions, audits\n * - AdminFiles for file management\n * - AdminJobs for job monitoring\n * - AdminNotifications for notification management\n * - AdminParameters for configuration management\n * - AdminSessions for session management\n * - AdminAudits for audit log viewing\n * - AdminVerifications for verification management\n *\n * @module alepha.ui.admin\n */\nexport const AlephaUIAdmin = $module({\n  name: \"alepha.ui.admin\",\n  services: [AlephaUI, AlephaUIAuth, AdminRouter],\n  register: (alepha) => {\n    alepha.with(AdminRouter);\n  },\n});\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * Register Admin UI components and get the AdminRouter instance.\n */\nexport const $uiAdmin = () => {\n  const { alepha } = $context();\n  return alepha.inject(AdminRouter);\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/admin/AdminRouter.ts","../../src/admin/components/verifications/AdminVerifications.tsx","../../src/admin/primitives/$uiAdmin.ts","../../src/admin/index.ts"],"sourcesContent":["import type { AdminShellProps, SidebarNode } from \"@alepha/ui\";\nimport { AuthRouter } from \"@alepha/ui/auth\";\nimport {\n  IconBell,\n  IconDevices,\n  IconFile,\n  IconHistory,\n  IconKey,\n  IconPlus,\n  IconSettings,\n  IconTerminal2,\n  IconUser,\n  IconUsers,\n} from \"@tabler/icons-react\";\nimport { $inject } from \"alepha\";\nimport type { AdminAuditController } from \"alepha/api/audits\";\nimport type { FileController } from \"alepha/api/files\";\nimport type { AdminJobController } from \"alepha/api/jobs\";\nimport type { AdminApiKeyController } from \"alepha/api/keys\";\nimport type { AdminNotificationController } from \"alepha/api/notifications\";\nimport type { AdminConfigController } from \"alepha/api/parameters\";\nimport type {\n  AdminSessionController,\n  AdminUserController,\n} from \"alepha/api/users\";\nimport { ReactAuth } from \"alepha/react/auth\";\nimport { $page, ReactRouter, Redirection } from \"alepha/react/router\";\nimport { $client } from \"alepha/server/links\";\n\nexport class AdminRouter {\n  protected readonly router = $inject(ReactRouter<AdminRouter>);\n  protected readonly authRouter = $inject(AuthRouter);\n  protected readonly auth = $inject(ReactAuth);\n  protected readonly userCtrl = $client<AdminUserController>();\n  protected readonly sessionCtrl = $client<AdminSessionController>();\n  protected readonly notificationCtrl = $client<AdminNotificationController>();\n  protected readonly fileCtrl = $client<FileController>();\n  protected readonly configCtrl = $client<AdminConfigController>();\n  protected readonly auditCtrl = $client<AdminAuditController>();\n  protected readonly jobCtrl = $client<AdminJobController>();\n  protected readonly apiKeyCtrl = $client<AdminApiKeyController>();\n\n  public configFn?: (adminRouter: AdminRouter) => AdminShellProps = () => {\n    return {\n      sidebarResizable: true,\n      sidebarProps: {\n        items: this.getDefaultSidebarItems(),\n      },\n    };\n  };\n\n  public getDefaultSidebarItems(): SidebarNode[] {\n    return [\n      // Identity & Access\n      {\n        label: \"Identity\",\n        icon: IconUsers,\n        children: [\n          {\n            ...this.router.node(this.adminUsers.name),\n            can: () => this.userCtrl.findUsers.can(),\n          },\n          {\n            ...this.router.node(this.adminSessions.name),\n            can: () => this.sessionCtrl.findSessions.can(),\n          },\n          {\n            ...this.router.node(this.adminApiKeys.name),\n            can: () => this.apiKeyCtrl.findApiKeys.can(),\n          },\n        ],\n      },\n\n      // Content & Storage\n      {\n        label: \"Content\",\n        icon: IconFile,\n        children: [\n          {\n            ...this.router.node(this.adminFiles.name),\n            can: () => this.fileCtrl.findFiles.can(),\n          },\n          {\n            ...this.router.node(this.adminNotifications.name),\n            can: () => this.notificationCtrl.findNotifications.can(),\n          },\n        ],\n      },\n\n      // System\n      {\n        label: \"System\",\n        icon: IconSettings,\n        children: [\n          {\n            ...this.router.node(this.adminJobs.name),\n            can: () => this.jobCtrl.getJobs.can(),\n          },\n          {\n            ...this.router.node(this.adminAudits.name),\n            can: () => this.auditCtrl.findAudits.can(),\n          },\n          {\n            ...this.router.node(this.adminParameters.name),\n            can: () => this.configCtrl.getConfigTree.can(),\n          },\n        ],\n      },\n\n      // Bottom\n      { type: \"toggle\", position: \"bottom\" },\n    ];\n  }\n\n  protected adminShellProps(): AdminShellProps {\n    if (this.configFn) {\n      return this.configFn(this);\n    }\n    return {};\n  }\n\n  protected onNotAuthorized(url: URL) {\n    return new Redirection(\n      this.router.path(this.authRouter.login.name, {\n        query: {\n          r: url.pathname,\n        },\n      }),\n    );\n  }\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Layout\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminLayout = $page({\n    path: \"/admin\",\n    label: \"Admin\",\n    can: () => this.auth.can(\"admin:*\"),\n    lazy: () => import(\"./components/AdminLayout.tsx\"),\n    props: () => ({\n      adminShellProps: this.adminShellProps(),\n    }),\n    loader: ({ user, url }) => {\n      if (!user) {\n        throw this.onNotAuthorized(url);\n      }\n      return {};\n    },\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Users\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminUsers = $page({\n    icon: IconUsers,\n    parent: this.adminLayout,\n    path: \"/users\",\n    label: \"Users\",\n    description: \"Manage application users and their roles.\",\n    lazy: () => import(\"./components/users/AdminUsers.tsx\"),\n    can: () => this.userCtrl.findUsers.can(),\n  });\n\n  public readonly adminUserCreate = $page({\n    icon: IconPlus,\n    parent: this.adminLayout,\n    path: \"/users/create\",\n    label: \"Create User\",\n    description: \"Create a new user account\",\n    lazy: () => import(\"./components/users/AdminUserCreate.tsx\"),\n    can: () => this.userCtrl.createUser.can(),\n  });\n\n  public readonly adminUserLayout = $page({\n    icon: IconUser,\n    parent: this.adminLayout,\n    path: \"/users/:userId\",\n    label: \"User\",\n    lazy: () => import(\"./components/users/AdminUserLayout.tsx\"),\n    can: () => this.userCtrl.getUser.can(),\n  });\n\n  public readonly adminUserDetails = $page({\n    parent: this.adminUserLayout,\n    path: \"/details\",\n    label: \"Details\",\n    lazy: () => import(\"./components/users/AdminUserDetails.tsx\"),\n  });\n\n  public readonly adminUserSessions = $page({\n    parent: this.adminUserLayout,\n    path: \"/sessions\",\n    label: \"Sessions\",\n    lazy: () => import(\"./components/users/AdminUserSessions.tsx\"),\n  });\n\n  public readonly adminUserSettings = $page({\n    parent: this.adminUserLayout,\n    path: \"/settings\",\n    label: \"Settings\",\n    lazy: () => import(\"./components/users/AdminUserSettings.tsx\"),\n  });\n\n  public readonly adminUserAudits = $page({\n    parent: this.adminUserLayout,\n    path: \"/audits\",\n    label: \"Audit Log\",\n    lazy: () => import(\"./components/users/AdminUserAudits.tsx\"),\n    can: () => this.auditCtrl.findByUser.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Audits (Global)\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminAudits = $page({\n    icon: IconHistory,\n    parent: this.adminLayout,\n    path: \"/audits\",\n    label: \"Audit Log\",\n    description: \"View system-wide audit trail and activity logs.\",\n    lazy: () => import(\"./components/audits/AdminAudits.tsx\"),\n    can: () => this.auditCtrl.findAudits.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Sessions\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminSessions = $page({\n    icon: IconDevices,\n    parent: this.adminLayout,\n    path: \"/sessions\",\n    label: \"Sessions\",\n    description: \"View and manage all active sessions.\",\n    lazy: () => import(\"./components/sessions/AdminSessions.tsx\"),\n    can: () => this.sessionCtrl.findSessions.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Notifications\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminNotifications = $page({\n    icon: IconBell,\n    parent: this.adminLayout,\n    path: \"/notifications\",\n    label: \"Notifications\",\n    description: \"View notification history and status.\",\n    lazy: () => import(\"./components/notifications/AdminNotifications.tsx\"),\n    can: () => this.notificationCtrl.findNotifications.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Files\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminFiles = $page({\n    icon: IconFile,\n    parent: this.adminLayout,\n    path: \"/files\",\n    label: \"Files\",\n    description: \"Manage uploaded files and storage.\",\n    lazy: () => import(\"./components/files/AdminFiles.tsx\"),\n    can: () => this.fileCtrl.findFiles.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Parameters\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminParameters = $page({\n    icon: IconSettings,\n    parent: this.adminLayout,\n    path: \"/parameters\",\n    label: \"Parameters\",\n    description: \"View and manage application configuration parameters.\",\n    lazy: () => import(\"./components/parameters/AdminParameters.tsx\"),\n    can: () => this.configCtrl.getConfigTree.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Jobs\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminJobs = $page({\n    icon: IconTerminal2,\n    parent: this.adminLayout,\n    path: \"/jobs\",\n    label: \"Jobs\",\n    description: \"Monitor and manage background jobs and scheduled tasks.\",\n    lazy: () => import(\"./components/jobs/AdminJobs.tsx\"),\n    can: () => this.jobCtrl.getJobs.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // API Keys\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminApiKeys = $page({\n    icon: IconKey,\n    parent: this.adminLayout,\n    path: \"/api-keys\",\n    label: \"API Keys\",\n    description: \"View and manage API keys for programmatic access.\",\n    lazy: () => import(\"./components/keys/AdminApiKeys.tsx\"),\n    can: () => this.apiKeyCtrl.findApiKeys.can(),\n  });\n}\n","import { Flex, Text } from \"@alepha/ui\";\nimport { Stack } from \"@mantine/core\";\nimport { IconShieldCheck } from \"@tabler/icons-react\";\n\nconst AdminVerifications = () => {\n  return (\n    <Flex flex={1} justify=\"center\" align=\"center\">\n      <Stack align=\"center\" gap=\"xs\">\n        <IconShieldCheck\n          size={48}\n          stroke={1.5}\n          color=\"var(--mantine-color-dimmed)\"\n        />\n        <Text c=\"dimmed\">Verification Management</Text>\n        <Text size=\"xs\" c=\"dimmed\" ta=\"center\" maw={400}>\n          Verifications are automatically managed by the system. Email and SMS\n          verification codes are generated and validated through the\n          verification API endpoints.\n        </Text>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default AdminVerifications;\n","import type { AdminShellProps } from \"@alepha/ui\";\nimport { $context } from \"alepha\";\nimport { AdminRouter } from \"../AdminRouter.ts\";\n\n/**\n * Register Admin UI components and get the AdminRouter instance.\n */\nexport const $uiAdmin = (optsFn?: (a: AdminRouter) => AdminShellProps) => {\n  const { alepha } = $context();\n  const adminRouter = alepha.inject(AdminRouter);\n\n  if (optsFn) {\n    adminRouter.configFn = optsFn;\n  }\n\n  return adminRouter;\n};\n","import { AlephaUI } from \"@alepha/ui\";\nimport { AlephaUIAuth } from \"@alepha/ui/auth\";\nimport { $module } from \"alepha\";\nimport { AdminRouter } from \"./AdminRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport { AdminRouter } from \"./AdminRouter.ts\";\n// Audits\nexport { default as AdminAudits } from \"./components/audits/AdminAudits.tsx\";\n// Files\nexport { default as AdminFiles } from \"./components/files/AdminFiles.tsx\";\n// Jobs\nexport { default as AdminJobs } from \"./components/jobs/AdminJobs.tsx\";\n// API Keys\nexport { default as AdminApiKeys } from \"./components/keys/AdminApiKeys.tsx\";\n// Notifications\nexport { default as AdminNotifications } from \"./components/notifications/AdminNotifications.tsx\";\n// Parameters\nexport { default as AdminParameters } from \"./components/parameters/AdminParameters.tsx\";\n// Sessions\nexport { default as AdminSessions } from \"./components/sessions/AdminSessions.tsx\";\n// Users\nexport { default as AdminUserAudits } from \"./components/users/AdminUserAudits.tsx\";\nexport { default as AdminUserCreate } from \"./components/users/AdminUserCreate.tsx\";\nexport { default as AdminUserDetails } from \"./components/users/AdminUserDetails.tsx\";\nexport { default as AdminUserLayout } from \"./components/users/AdminUserLayout.tsx\";\nexport { default as AdminUserSessions } from \"./components/users/AdminUserSessions.tsx\";\nexport { default as AdminUserSettings } from \"./components/users/AdminUserSettings.tsx\";\nexport { default as AdminUsers } from \"./components/users/AdminUsers.tsx\";\n// Verifications\nexport { default as AdminVerifications } from \"./components/verifications/AdminVerifications.tsx\";\nexport * from \"./primitives/$uiAdmin.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * | Stability | Since | Runtime |\n * |-----------|-------|---------|\n * | 2 - beta | 0.12.0 | node, bun, workerd, browser|\n *\n * Admin panel UI components.\n *\n * **Features:**\n * - AdminLayout for admin pages\n * - AdminUsers with user list, create, details, settings, sessions, audits\n * - AdminFiles for file management\n * - AdminJobs for job monitoring\n * - AdminNotifications for notification management\n * - AdminParameters for configuration management\n * - AdminSessions for session management\n * - AdminAudits for audit log viewing\n * - AdminVerifications for verification management\n *\n * @module alepha.ui.admin\n */\nexport const AlephaUIAdmin = $module({\n  name: \"alepha.ui.admin\",\n  services: [AlephaUI, AlephaUIAuth, AdminRouter],\n  register: (alepha) => {\n    alepha.with(AdminRouter);\n  },\n});\n\n// ---------------------------------------------------------------------------------------------------------------------\n"],"mappings":"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"}

package/dist/auth/AuthLayout-Dj5K4SIN.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthLayout-Dj5K4SIN.js","names":[],"sources":["../../src/auth/components/AuthLayout.tsx"],"sourcesContent":["import { AlephaMantineProvider } from \"@alepha/ui\";\nimport { Flex } from \"@mantine/core\";\nimport { NestedView } from \"alepha/react/router\";\nimport \"../../core/styles.css\";\n\nconst AuthLayout = () => {\n  return (\n    <AlephaMantineProvider omnibar={false}>\n      <Flex flex={1} align={\"center\"} h={\"100vh\"} justify={\"center\"}>\n        <NestedView />\n      </Flex>\n    </AlephaMantineProvider>\n  );\n};\n\nexport default AuthLayout;\n"],"mappings":";;;;;;AAKA,MAAM,mBAAmB;AACvB,QACE,oBAAC;EAAsB,SAAS;YAC9B,oBAAC;GAAK,MAAM;GAAG,OAAO;GAAU,GAAG;GAAS,SAAS;aACnD,oBAAC,eAAa;IACT;GACe;;AAI5B,yBAAe"}
+{"version":3,"file":"AuthLayout-Dj5K4SIN.js","names":[],"sources":["../../src/auth/components/AuthLayout.tsx"],"sourcesContent":["import { AlephaMantineProvider } from \"@alepha/ui\";\nimport { Flex } from \"@mantine/core\";\nimport { NestedView } from \"alepha/react/router\";\n\nconst AuthLayout = () => {\n  return (\n    <AlephaMantineProvider omnibar={false}>\n      <Flex flex={1} align={\"center\"} h={\"100vh\"} justify={\"center\"}>\n        <NestedView />\n      </Flex>\n    </AlephaMantineProvider>\n  );\n};\n\nexport default AuthLayout;\n"],"mappings":";;;;;;AAIA,MAAM,mBAAmB;AACvB,QACE,oBAAC;EAAsB,SAAS;YAC9B,oBAAC;GAAK,MAAM;GAAG,OAAO;GAAU,GAAG;GAAS,SAAS;aACnD,oBAAC,eAAa;IACT;GACe;;AAI5B,yBAAe"}

package/dist/auth/index.d.ts

@@ -226,11 +226,17 @@ declare const ResetPassword: (props: ResetPasswordProps) => react_jsx_runtime0.J
 type VerifyEmailProps = {};
 declare const VerifyEmail: (_props: VerifyEmailProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
+//#region ../../src/auth/primitives/$uiAuth.d.ts
+/**
+ * Register Auth UI components and get the AuthRouter instance.
+ */
+declare const $uiAuth: () => AuthRouter;
+//#endregion
 //#region ../../src/auth/index.d.ts
 /**
- * | type | quality | stability |
- * |------|---------|-----------|
- * | frontend | rare | experimental |
+ * | Stability | Since | Runtime |
+ * |-----------|-------|---------|
+ * | 2 - beta | 0.12.0 | node, bun, workerd, browser|
  *
  * Authentication UI components.
  *
@@ -244,10 +250,6 @@ declare const VerifyEmail: (_props: VerifyEmailProps) => react_jsx_runtime0.JSX.
  * @module alepha.ui.auth
  */
 declare const AlephaUIAuth: alepha1.Service<alepha1.Module>;
-/**
- * Register Auth UI components and get the AuthRouter instance.
- */
-declare const $uiAuth: () => AuthRouter;
 //#endregion
 export { $uiAuth, AlephaUIAuth, AuthRouter, Login, Register, ResetPassword, UserButton, type UserButtonProps, VerifyEmail };
 //# sourceMappingURL=index.d.ts.map

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":";;;;;;;;;;cAwBa,UAAA;EAAA,mBACQ,WAAA,EAAW,oBAAA,CAAA,iBAAA,CAAA,eAAA;EAAA,mBACX,IAAA,EAAI,SAAA;EAEvB,UAAA,EAAU,oBAAA,CAAA,aAAA,CAFa,oBAAA,CAEb,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAYV,KAAA,uBAAK,aAAA;;2BAZK,OAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BV,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;EAaN,OAAA,EAAO,oBAAA,CAAA,aAAA,CAbD,oBAAA,CAaC,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAAA,UAUS,eAAA,CAAgB,SAAA,YAAkB,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UC3GnC,eAAA,SACP,IAAA,CAAK,WAAA;;;;EAIb,SAAA,GAAY,cAAA;;;;EAKZ,WAAA;EDPqB;;;ECYrB,UAAA,GAAa,OAAA,CAAQ,IAAA,CAAK,gBAAA;EDVH;;;ECevB,iBAAA;EDbU;;;ECkBV,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,UAAA,GAAc,KAAA,EAAO,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCjCzB,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;;;;;ALS7C;;;;;;;;;;;;;;cMWa,YAAA,EAAY,OAAA,CAAA,OAAA,CAGvB,OAAA,CAHuB,MAAA;;;;cAUZ,OAAA,QAAO,UAAA"}
+{"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/primitives/$uiAuth.ts","../../src/auth/index.ts"],"mappings":";;;;;;;;;;cAwBa,UAAA;EAAA,mBACQ,WAAA,EAAW,oBAAA,CAAA,iBAAA,CAAA,eAAA;EAAA,mBACX,IAAA,EAAI,SAAA;EAEvB,UAAA,EAAU,oBAAA,CAAA,aAAA,CAFa,oBAAA,CAEb,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAYV,KAAA,uBAAK,aAAA;;2BAZK,OAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BV,QAAA,uBAAQ,aAAA;;2BAnBH,OAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCL,aAAA,uBAAa,aAAA;;2BAnBL,OAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCR,WAAA,uBAAW,aAAA;;+BAnBE,OAAA,CAAA,OAAA;;;;EAiCb,MAAA,EAAM,oBAAA,CAAA,aAAA,CAdK,oBAAA,CAcL,gBAAA,MAAA,oBAAA,CAAA,mBAAA;EAYN,OAAA,EAAO,oBAAA,CAAA,aAAA,CAZD,oBAAA,CAYC,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAAA,UAUS,eAAA,CAAgB,SAAA,YAAkB,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UChHnC,eAAA,SACP,IAAA,CAAK,WAAA;;;;EAIb,SAAA,GAAY,cAAA;;;;EAKZ,WAAA;EDPqB;;;ECYrB,UAAA,GAAa,OAAA,CAAQ,IAAA,CAAK,gBAAA;EDVH;;;ECevB,iBAAA;EDbU;;;ECkBV,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,UAAA,GAAc,KAAA,EAAO,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCjCzB,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;;;;;;cCThC,OAAA,QAAO,UAAA;;;;;ANkBpB;;;;;;;;;;;;;;cOYa,YAAA,EAAY,OAAA,CAAA,OAAA,CAGvB,OAAA,CAHuB,MAAA"}

package/dist/auth/index.js

@@ -8,7 +8,7 @@ import { $context, $inject, $module, AlephaError, t } from "alepha";
 import { AlephaReactAuth, ReactAuth, useAuth } from "alepha/react/auth";
 import { $dictionary, AlephaReactI18n } from "alepha/react/i18n";
 import { IconLogin2, IconLogout, IconLogout2, IconMailCheck, IconPasswordUser, IconSettings, IconUser, IconUserPlus } from "@tabler/icons-react";
-import { $page, ReactPageProvider, useRouter } from "alepha/react/router";
+import { $page, ReactPageProvider, Redirection, useRouter } from "alepha/react/router";
 import { $client } from "alepha/server/links";
 import { Avatar } from "@mantine/core";
 import { useClient, useInject } from "alepha/react";
@@ -160,9 +160,9 @@ var AuthRouter = class {
 		description: "Sign in to your account",
 		path: "/login",
 		schema: { query: realmQuerySchema },
-		can: () => !this.auth.user,
 		lazy: () => import("./Login-CoU63mMR.js"),
-		loader: async ({ query }) => {
+		loader: async ({ query, user }) => {
+			if (user) throw new Redirection(query.r || "/");
 			return { realmConfig: await this.loadRealmConfig(query.realm) };
 		}
 	});
@@ -172,9 +172,9 @@ var AuthRouter = class {
 		description: "Create a new account",
 		path: "/register",
 		schema: { query: realmQuerySchema },
-		can: () => !this.auth.user,
 		lazy: () => import("./Register-BV_oa_AK.js"),
-		loader: async ({ query }) => {
+		loader: async ({ query, user }) => {
+			if (user) throw new Redirection(query.r || "/");
 			return { realmConfig: await this.loadRealmConfig(query.realm) };
 		}
 	});
@@ -184,9 +184,9 @@ var AuthRouter = class {
 		description: "Reset your account password",
 		path: "/reset-password",
 		schema: { query: realmQuerySchema },
-		can: () => !this.auth.user,
 		lazy: () => import("./ResetPassword-D5wC8GAA.js"),
-		loader: async ({ query }) => {
+		loader: async ({ query, user }) => {
+			if (user) throw new Redirection(query.r || "/");
 			return { realmConfig: await this.loadRealmConfig(query.realm) };
 		}
 	});
@@ -205,7 +205,6 @@ var AuthRouter = class {
 		icon: IconLogout2,
 		label: "Sign Out",
 		description: "Sign out of your account",
-		can: () => !!this.auth.user,
 		path: "/logout",
 		component: () => null,
 		loader: () => {
@@ -294,12 +293,22 @@ const UserButton = (props) => {
 };
 var UserButton_default = UserButton;
 
+//#endregion
+//#region ../../src/auth/primitives/$uiAuth.ts
+/**
+* Register Auth UI components and get the AuthRouter instance.
+*/
+const $uiAuth = () => {
+	const { alepha } = $context();
+	return alepha.inject(AuthRouter);
+};
+
 //#endregion
 //#region ../../src/auth/index.ts
 /**
-* | type | quality | stability |
-* |------|---------|-----------|
-* | frontend | rare | experimental |
+* | Stability | Since | Runtime |
+* |-----------|-------|---------|
+* | 2 - beta | 0.12.0 | node, bun, workerd, browser|
 *
 * Authentication UI components.
 *
@@ -322,13 +331,6 @@ const AlephaUIAuth = $module({
 		AuthI18n
 	]
 });
-/**
-* Register Auth UI components and get the AuthRouter instance.
-*/
-const $uiAuth = () => {
-	const { alepha } = $context();
-	return alepha.inject(AuthRouter);
-};
 
 //#endregion
 export { $uiAuth, AlephaUIAuth, AuthRouter, Login_default as Login, Register_default as Register, ResetPassword_default as ResetPassword, UserButton_default as UserButton, VerifyEmail_default as VerifyEmail };

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 {\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 } 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 }) => {\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  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 { AlephaUI } from \"@alepha/ui\";\nimport { $context, $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\n// ---------------------------------------------------------------------------------------------------------------------\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"],"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    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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"}