@alepha/ui 0.18.2 → 0.19.0

package/dist/demo/{Showcase-BtEU0pY9.js → Showcase-D49Wud2v.js}

@@ -1,10 +1,9 @@
-import { a as TypeForm, g as ui } from "./core-B7LNjM78.js";
+import { a as TypeForm, f as Flex$1, l as Text$1 } from "./core-DRtQklr3.js";
 import { useForm } from "alepha/react/form";
-import { Card, Flex, Portal, SegmentedControl, Text, Tooltip } from "@mantine/core";
+import { Portal, SegmentedControl, Tooltip } from "@mantine/core";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { IconArrowsMaximize, IconDeviceDesktop, IconDeviceMobile, IconDeviceTablet } from "@tabler/icons-react";
-
 //#region ../../src/demo/components/shared/MacWindow.tsx
 const DEVICE_WIDTHS = {
 	phone: "375px",
@@ -15,7 +14,7 @@ const DEVICE_WIDTHS = {
 const MacWindow = ({ children, title, containerProps }) => {
 	const [device, setDevice] = useState("desktop");
 	const isFullPage = device === "full";
-	const header = /* @__PURE__ */ jsxs(Flex, {
+	const header = /* @__PURE__ */ jsxs(Flex$1, {
 		h: 36,
 		px: "sm",
 		align: "center",
@@ -25,10 +24,10 @@ const MacWindow = ({ children, title, containerProps }) => {
 			borderBottom: "1px solid var(--mantine-color-default-border)"
 		},
 		children: [
-			/* @__PURE__ */ jsxs(Flex, {
+			/* @__PURE__ */ jsxs(Flex$1, {
 				gap: 6,
 				children: [
-					/* @__PURE__ */ jsx(Flex, {
+					/* @__PURE__ */ jsx(Flex$1, {
 						w: 12,
 						h: 12,
 						style: {
@@ -36,7 +35,7 @@ const MacWindow = ({ children, title, containerProps }) => {
 							background: "#ff5f57"
 						}
 					}),
-					/* @__PURE__ */ jsx(Flex, {
+					/* @__PURE__ */ jsx(Flex$1, {
 						w: 12,
 						h: 12,
 						style: {
@@ -44,7 +43,7 @@ const MacWindow = ({ children, title, containerProps }) => {
 							background: "#febc2e"
 						}
 					}),
-					/* @__PURE__ */ jsx(Flex, {
+					/* @__PURE__ */ jsx(Flex$1, {
 						w: 12,
 						h: 12,
 						style: {
@@ -54,7 +53,7 @@ const MacWindow = ({ children, title, containerProps }) => {
 					})
 				]
 			}),
-			/* @__PURE__ */ jsx(Flex, {
+			/* @__PURE__ */ jsx(Flex$1, {
 				style: {
 					flex: 1,
 					textAlign: "center",
@@ -72,7 +71,7 @@ const MacWindow = ({ children, title, containerProps }) => {
 						label: /* @__PURE__ */ jsx(Tooltip, {
 							label: "Phone (375px)",
 							openDelay: 400,
-							children: /* @__PURE__ */ jsx(Flex, {
+							children: /* @__PURE__ */ jsx(Flex$1, {
 								align: "center",
 								children: /* @__PURE__ */ jsx(IconDeviceMobile, { size: 14 })
 							})
@@ -83,7 +82,7 @@ const MacWindow = ({ children, title, containerProps }) => {
 						label: /* @__PURE__ */ jsx(Tooltip, {
 							label: "Tablet (768px)",
 							openDelay: 400,
-							children: /* @__PURE__ */ jsx(Flex, {
+							children: /* @__PURE__ */ jsx(Flex$1, {
 								align: "center",
 								children: /* @__PURE__ */ jsx(IconDeviceTablet, { size: 14 })
 							})
@@ -94,7 +93,7 @@ const MacWindow = ({ children, title, containerProps }) => {
 						label: /* @__PURE__ */ jsx(Tooltip, {
 							label: "Desktop (100%)",
 							openDelay: 400,
-							children: /* @__PURE__ */ jsx(Flex, {
+							children: /* @__PURE__ */ jsx(Flex$1, {
 								align: "center",
 								children: /* @__PURE__ */ jsx(IconDeviceDesktop, { size: 14 })
 							})
@@ -105,7 +104,7 @@ const MacWindow = ({ children, title, containerProps }) => {
 						label: /* @__PURE__ */ jsx(Tooltip, {
 							label: "Full page",
 							openDelay: 400,
-							children: /* @__PURE__ */ jsx(Flex, {
+							children: /* @__PURE__ */ jsx(Flex$1, {
 								align: "center",
 								children: /* @__PURE__ */ jsx(IconArrowsMaximize, { size: 14 })
 							})
@@ -116,15 +115,15 @@ const MacWindow = ({ children, title, containerProps }) => {
 			})
 		]
 	});
-	const body = /* @__PURE__ */ jsx(Flex, {
+	const body = /* @__PURE__ */ jsx(Flex$1, {
+		overflow: true,
 		direction: "column",
 		flex: 1,
 		p: "md",
-		style: { overflow: "auto" },
 		...containerProps,
 		children
 	});
-	if (isFullPage) return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(Flex, {
+	if (isFullPage) return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(Flex$1, {
 		direction: "column",
 		style: {
 			position: "fixed",
@@ -134,29 +133,30 @@ const MacWindow = ({ children, title, containerProps }) => {
 		},
 		children: [header, body]
 	}) });
-	return /* @__PURE__ */ jsxs(Flex, {
-		direction: "column",
+	return /* @__PURE__ */ jsxs(Flex$1, {
+		col: true,
+		overflow: true,
+		h: "100%",
 		bdrs: "md",
 		style: {
 			width: DEVICE_WIDTHS[device],
 			maxWidth: "100%",
 			border: "1px solid var(--mantine-color-default-border)",
 			overflow: "hidden",
-			background: "var(--mantine-color-body)",
 			boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
 			transition: "width 0.3s ease"
 		},
 		children: [header, body]
 	});
 };
-
 //#endregion
 //#region ../../src/demo/components/shared/Showcase.tsx
 /**
 * Showcase component for demonstrating UI components with interactive props configuration.
 * Uses TypeForm to render a form based on the props schema and displays the component preview.
 */
-const Showcase = ({ title, schema, initialValues, columns = 3, children, windowProps }) => {
+const Showcase = (props) => {
+	const { title, schema, initialValues, columns = 3, children, windowProps } = props;
 	const [values, setValues] = useState(initialValues ?? {});
 	const form = useForm({
 		schema,
@@ -168,65 +168,62 @@ const Showcase = ({ title, schema, initialValues, columns = 3, children, windowP
 			return form.submit();
 		}
 	}, [schema]);
-	return /* @__PURE__ */ jsxs(Flex, {
-		flex: 1,
-		px: "md",
+	return /* @__PURE__ */ jsxs(Flex$1, {
+		fill: true,
+		p: "md",
+		pt: 0,
 		gap: "md",
-		children: [/* @__PURE__ */ jsx(Flex, {
-			flex: 1,
-			bg: ui.colors.background,
+		overflow: true,
+		children: [/* @__PURE__ */ jsx(Flex$1, {
+			fill: true,
+			overflow: true,
+			ground: true,
 			h: "100%",
 			justify: "center",
 			align: "flex-start",
-			style: {
-				flex: 1,
-				minWidth: 0,
-				overflow: "auto"
-			},
 			children: /* @__PURE__ */ jsx(MacWindow, {
 				title,
 				...windowProps,
 				children: children(values)
 			})
-		}), /* @__PURE__ */ jsx(Flex, {
+		}), /* @__PURE__ */ jsxs(Flex$1, {
 			h: "100%",
-			style: {
-				flex: "0 0 300px",
-				overflow: "auto"
-			},
-			children: /* @__PURE__ */ jsxs(Card, {
-				shadow: "sm",
-				radius: "md",
-				children: [/* @__PURE__ */ jsx(Card.Section, {
-					withBorder: true,
-					py: "xs",
-					inheritPadding: true,
-					children: /* @__PURE__ */ jsxs(Text, {
-						size: "xs",
-						fw: 500,
-						children: [title, " Props"]
-					})
-				}), /* @__PURE__ */ jsx(Card.Section, {
-					p: "sm",
-					children: /* @__PURE__ */ jsx(TypeForm, {
-						form,
-						columns: {
-							base: 1,
-							xs: 1,
-							sm: 1,
-							md: 1,
-							lg: 1,
-							xl: 1
-						},
-						skipSubmitButton: true,
-						skipFormElement: true
-					})
-				})]
-			})
+			col: true,
+			surface: true,
+			bordered: true,
+			rounded: true,
+			shadowed: true,
+			w: 300,
+			children: [/* @__PURE__ */ jsx(Flex$1, {
+				p: "xs",
+				borderedBottom: true,
+				children: /* @__PURE__ */ jsxs(Text$1, {
+					size: "xs",
+					fw: 500,
+					children: [title, " Props"]
+				})
+			}), /* @__PURE__ */ jsx(Flex$1, {
+				px: "md",
+				py: "xs",
+				children: /* @__PURE__ */ jsx(TypeForm, {
+					fill: true,
+					form,
+					columns: {
+						base: 1,
+						xs: 1,
+						sm: 1,
+						md: 1,
+						lg: 1,
+						xl: 1
+					},
+					skipSubmitButton: true,
+					skipFormElement: true
+				})
+			})]
 		})]
 	});
 };
-
 //#endregion
 export { Showcase as t };
-//# sourceMappingURL=Showcase-BtEU0pY9.js.map
+
+//# sourceMappingURL=Showcase-D49Wud2v.js.map

package/dist/demo/Showcase-D49Wud2v.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Showcase-D49Wud2v.js","names":["Flex","Flex","Text"],"sources":["../../src/demo/components/shared/MacWindow.tsx","../../src/demo/components/shared/Showcase.tsx"],"sourcesContent":["import { Flex } from \"@alepha/ui\";\nimport {\n  type FlexProps,\n  Portal,\n  SegmentedControl,\n  Tooltip,\n} from \"@mantine/core\";\nimport {\n  IconArrowsMaximize,\n  IconDeviceDesktop,\n  IconDeviceMobile,\n  IconDeviceTablet,\n} from \"@tabler/icons-react\";\nimport { type ReactNode, useState } from \"react\";\nexport interface MacWindowProps {\n  children: ReactNode;\n  title?: string;\n  containerProps?: FlexProps;\n}\n\ntype DeviceSize = \"phone\" | \"tablet\" | \"desktop\" | \"full\";\n\nconst DEVICE_WIDTHS: Record<DeviceSize, string> = {\n  phone: \"375px\",\n  tablet: \"768px\",\n  desktop: \"100%\",\n  full: \"100%\",\n};\n\nconst MacWindow = ({ children, title, containerProps }: MacWindowProps) => {\n  const [device, setDevice] = useState<DeviceSize>(\"desktop\");\n  const isFullPage = device === \"full\";\n\n  const controls = (\n    <SegmentedControl\n      size=\"xs\"\n      value={device}\n      onChange={(v) => setDevice(v as DeviceSize)}\n      data={[\n        {\n          label: (\n            <Tooltip label=\"Phone (375px)\" openDelay={400}>\n              <Flex align=\"center\">\n                <IconDeviceMobile size={14} />\n              </Flex>\n            </Tooltip>\n          ),\n          value: \"phone\",\n        },\n        {\n          label: (\n            <Tooltip label=\"Tablet (768px)\" openDelay={400}>\n              <Flex align=\"center\">\n                <IconDeviceTablet size={14} />\n              </Flex>\n            </Tooltip>\n          ),\n          value: \"tablet\",\n        },\n        {\n          label: (\n            <Tooltip label=\"Desktop (100%)\" openDelay={400}>\n              <Flex align=\"center\">\n                <IconDeviceDesktop size={14} />\n              </Flex>\n            </Tooltip>\n          ),\n          value: \"desktop\",\n        },\n        {\n          label: (\n            <Tooltip label=\"Full page\" openDelay={400}>\n              <Flex align=\"center\">\n                <IconArrowsMaximize size={14} />\n              </Flex>\n            </Tooltip>\n          ),\n          value: \"full\",\n        },\n      ]}\n    />\n  );\n\n  const header = (\n    <Flex\n      h={36}\n      px=\"sm\"\n      align=\"center\"\n      gap={8}\n      style={{\n        background: \"var(--mantine-color-default)\",\n        borderBottom: \"1px solid var(--mantine-color-default-border)\",\n      }}\n    >\n      <Flex gap={6}>\n        <Flex\n          w={12}\n          h={12}\n          style={{ borderRadius: \"50%\", background: \"#ff5f57\" }}\n        />\n        <Flex\n          w={12}\n          h={12}\n          style={{ borderRadius: \"50%\", background: \"#febc2e\" }}\n        />\n        <Flex\n          w={12}\n          h={12}\n          style={{ borderRadius: \"50%\", background: \"#28c840\" }}\n        />\n      </Flex>\n\n      <Flex\n        style={{\n          flex: 1,\n          textAlign: \"center\",\n          fontSize: 13,\n          color: \"var(--mantine-color-dimmed)\",\n        }}\n      >\n        {title}\n      </Flex>\n\n      {controls}\n    </Flex>\n  );\n\n  const body = (\n    <Flex overflow direction={\"column\"} flex={1} p=\"md\" {...containerProps}>\n      {children}\n    </Flex>\n  );\n\n  if (isFullPage) {\n    return (\n      <Portal>\n        <Flex\n          direction=\"column\"\n          style={{\n            position: \"fixed\",\n            inset: 0,\n            zIndex: 1000,\n            background: \"var(--mantine-color-body)\",\n          }}\n        >\n          {header}\n          {body}\n        </Flex>\n      </Portal>\n    );\n  }\n\n  return (\n    <Flex\n      col\n      overflow\n      h={\"100%\"}\n      bdrs={\"md\"}\n      style={{\n        width: DEVICE_WIDTHS[device],\n        maxWidth: \"100%\",\n        border: \"1px solid var(--mantine-color-default-border)\",\n        overflow: \"hidden\",\n        boxShadow: \"0 4px 12px rgba(0, 0, 0, 0.15)\",\n        transition: \"width 0.3s ease\",\n      }}\n    >\n      {header}\n      {body}\n    </Flex>\n  );\n};\n\nexport default MacWindow;\n","import { Flex, Text, TypeForm } from \"@alepha/ui\";\nimport type { Static, TObject } from \"alepha\";\nimport { useForm } from \"alepha/react/form\";\nimport { type ReactNode, useState } from \"react\";\nimport MacWindow, { type MacWindowProps } from \"./MacWindow.tsx\";\n\nexport interface ShowcaseProps<T extends TObject> {\n  /**\n   * Component title\n   */\n  title: string;\n  /**\n   * Schema for the props configuration\n   */\n  schema: T;\n  /**\n   * Initial values for the props\n   */\n  initialValues?: Partial<Static<T>>;\n  /**\n   * Number of columns for the props form\n   */\n  columns?: number;\n  /**\n   * Render function that receives the current props values\n   */\n  children: (props: Static<T>) => ReactNode;\n  /**\n   * Additional props for the MacWindow container\n   */\n  windowProps?: Partial<MacWindowProps>;\n}\n\n/**\n * Showcase component for demonstrating UI components with interactive props configuration.\n * Uses TypeForm to render a form based on the props schema and displays the component preview.\n */\nconst Showcase = <T extends TObject>(props: ShowcaseProps<T>) => {\n  const {\n    title,\n    schema,\n    initialValues,\n    columns = 3,\n    children,\n    windowProps,\n  } = props;\n\n  const [values, setValues] = useState<Record<string, any>>(\n    initialValues ?? {},\n  );\n\n  const form = useForm(\n    {\n      schema,\n      initialValues,\n      handler: (values) => {\n        setValues(values as Record<string, any>);\n      },\n      onChange: (key, value) => {\n        return form.submit();\n      },\n    },\n    [schema],\n  );\n\n  return (\n    <Flex fill p={\"md\"} pt={0} gap={\"md\"} overflow>\n      <Flex fill overflow ground h={\"100%\"} justify=\"center\" align=\"flex-start\">\n        <MacWindow title={title} {...windowProps}>\n          {children(values as Static<T>)}\n        </MacWindow>\n      </Flex>\n\n      <Flex h={\"100%\"} col surface bordered rounded shadowed w={300}>\n        <Flex p={\"xs\"} borderedBottom>\n          <Text size={\"xs\"} fw={500}>\n            {title} Props\n          </Text>\n        </Flex>\n        <Flex px={\"md\"} py={\"xs\"}>\n          <TypeForm\n            fill\n            form={form}\n            columns={{ base: 1, xs: 1, sm: 1, md: 1, lg: 1, xl: 1 }}\n            skipSubmitButton\n            skipFormElement\n          />\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default Showcase;\n"],"mappings":";;;;;;;AAsBA,MAAM,gBAA4C;CAChD,OAAO;CACP,QAAQ;CACR,SAAS;CACT,MAAM;CACP;AAED,MAAM,aAAa,EAAE,UAAU,OAAO,qBAAqC;CACzE,MAAM,CAAC,QAAQ,aAAa,SAAqB,UAAU;CAC3D,MAAM,aAAa,WAAW;CAoD9B,MAAM,SACJ,qBAACA,QAAD;EACE,GAAG;EACH,IAAG;EACH,OAAM;EACN,KAAK;EACL,OAAO;GACL,YAAY;GACZ,cAAc;GACf;YARH;GAUE,qBAACA,QAAD;IAAM,KAAK;cAAX;KACE,oBAACA,QAAD;MACE,GAAG;MACH,GAAG;MACH,OAAO;OAAE,cAAc;OAAO,YAAY;OAAW;MACrD,CAAA;KACF,oBAACA,QAAD;MACE,GAAG;MACH,GAAG;MACH,OAAO;OAAE,cAAc;OAAO,YAAY;OAAW;MACrD,CAAA;KACF,oBAACA,QAAD;MACE,GAAG;MACH,GAAG;MACH,OAAO;OAAE,cAAc;OAAO,YAAY;OAAW;MACrD,CAAA;KACG;;GAEP,oBAACA,QAAD;IACE,OAAO;KACL,MAAM;KACN,WAAW;KACX,UAAU;KACV,OAAO;KACR;cAEA;IACI,CAAA;GAvFT,oBAAC,kBAAD;IACE,MAAK;IACL,OAAO;IACP,WAAW,MAAM,UAAU,EAAgB;IAC3C,MAAM;KACJ;MACE,OACE,oBAAC,SAAD;OAAS,OAAM;OAAgB,WAAW;iBACxC,oBAACA,QAAD;QAAM,OAAM;kBACV,oBAAC,kBAAD,EAAkB,MAAM,IAAM,CAAA;QACzB,CAAA;OACC,CAAA;MAEZ,OAAO;MACR;KACD;MACE,OACE,oBAAC,SAAD;OAAS,OAAM;OAAiB,WAAW;iBACzC,oBAACA,QAAD;QAAM,OAAM;kBACV,oBAAC,kBAAD,EAAkB,MAAM,IAAM,CAAA;QACzB,CAAA;OACC,CAAA;MAEZ,OAAO;MACR;KACD;MACE,OACE,oBAAC,SAAD;OAAS,OAAM;OAAiB,WAAW;iBACzC,oBAACA,QAAD;QAAM,OAAM;kBACV,oBAAC,mBAAD,EAAmB,MAAM,IAAM,CAAA;QAC1B,CAAA;OACC,CAAA;MAEZ,OAAO;MACR;KACD;MACE,OACE,oBAAC,SAAD;OAAS,OAAM;OAAY,WAAW;iBACpC,oBAACA,QAAD;QAAM,OAAM;kBACV,oBAAC,oBAAD,EAAoB,MAAM,IAAM,CAAA;QAC3B,CAAA;OACC,CAAA;MAEZ,OAAO;MACR;KACF;IACD,CAAA;GA4CK;;CAGT,MAAM,OACJ,oBAACA,QAAD;EAAM,UAAA;EAAS,WAAW;EAAU,MAAM;EAAG,GAAE;EAAK,GAAI;EACrD;EACI,CAAA;AAGT,KAAI,WACF,QACE,oBAAC,QAAD,EAAA,UACE,qBAACA,QAAD;EACE,WAAU;EACV,OAAO;GACL,UAAU;GACV,OAAO;GACP,QAAQ;GACR,YAAY;GACb;YAPH,CASG,QACA,KACI;KACA,CAAA;AAIb,QACE,qBAACA,QAAD;EACE,KAAA;EACA,UAAA;EACA,GAAG;EACH,MAAM;EACN,OAAO;GACL,OAAO,cAAc;GACrB,UAAU;GACV,QAAQ;GACR,UAAU;GACV,WAAW;GACX,YAAY;GACb;YAZH,CAcG,QACA,KACI;;;;;;;;;ACpIX,MAAM,YAA+B,UAA4B;CAC/D,MAAM,EACJ,OACA,QACA,eACA,UAAU,GACV,UACA,gBACE;CAEJ,MAAM,CAAC,QAAQ,aAAa,SAC1B,iBAAiB,EAAE,CACpB;CAED,MAAM,OAAO,QACX;EACE;EACA;EACA,UAAU,WAAW;AACnB,aAAU,OAA8B;;EAE1C,WAAW,KAAK,UAAU;AACxB,UAAO,KAAK,QAAQ;;EAEvB,EACD,CAAC,OAAO,CACT;AAED,QACE,qBAACC,QAAD;EAAM,MAAA;EAAK,GAAG;EAAM,IAAI;EAAG,KAAK;EAAM,UAAA;YAAtC,CACE,oBAACA,QAAD;GAAM,MAAA;GAAK,UAAA;GAAS,QAAA;GAAO,GAAG;GAAQ,SAAQ;GAAS,OAAM;aAC3D,oBAAC,WAAD;IAAkB;IAAO,GAAI;cAC1B,SAAS,OAAoB;IACpB,CAAA;GACP,CAAA,EAEP,qBAACA,QAAD;GAAM,GAAG;GAAQ,KAAA;GAAI,SAAA;GAAQ,UAAA;GAAS,SAAA;GAAQ,UAAA;GAAS,GAAG;aAA1D,CACE,oBAACA,QAAD;IAAM,GAAG;IAAM,gBAAA;cACb,qBAACC,QAAD;KAAM,MAAM;KAAM,IAAI;eAAtB,CACG,OAAM,SACF;;IACF,CAAA,EACP,oBAACD,QAAD;IAAM,IAAI;IAAM,IAAI;cAClB,oBAAC,UAAD;KACE,MAAA;KACM;KACN,SAAS;MAAE,MAAM;MAAG,IAAI;MAAG,IAAI;MAAG,IAAI;MAAG,IAAI;MAAG,IAAI;MAAG;KACvD,kBAAA;KACA,iBAAA;KACA,CAAA;IACG,CAAA,CACF;KACF"}

package/dist/{auth/VerifyEmail-Z80Ubajk.js → demo/VerifyEmail-BFCAFz6T.js}

@@ -1,17 +1,15 @@
-import { t as __exportAll } from "./rolldown-runtime-CjeV3_4I.js";
-import { i as ActionButton } from "./core-DyfeVr5c.js";
+import { t as __exportAll } from "./rolldown-runtime-CiIaOW0V.js";
+import { h as ActionButton } from "./core-DRtQklr3.js";
 import { useI18n } from "alepha/react/i18n";
 import { Alert, Card, Flex, Loader, Text } from "@mantine/core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { IconAlertCircle, IconCheck, IconMailCheck } from "@tabler/icons-react";
-import { useRouter, useRouterState } from "alepha/react/router";
+import { useRouterState } from "alepha/react/router";
 import { useClient } from "alepha/react";
-
 //#region ../../src/auth/components/VerifyEmail.tsx
 var VerifyEmail_exports = /* @__PURE__ */ __exportAll({ default: () => VerifyEmail });
-const VerifyEmail = (_props) => {
-	const router = useRouter();
+const VerifyEmailStateful = (props) => {
 	const state = useRouterState();
 	const userCtrl = useClient();
 	const { tr } = useI18n();
@@ -39,6 +37,15 @@ const VerifyEmail = (_props) => {
 		};
 		verify();
 	}, [email, token]);
+	return /* @__PURE__ */ jsx(VerifyEmailView, {
+		step,
+		error,
+		loginPath: props.loginPath
+	});
+};
+const VerifyEmailView = (props) => {
+	const { tr } = useI18n();
+	const { step } = props;
 	return /* @__PURE__ */ jsx(Flex, {
 		flex: 1,
 		justify: "center",
@@ -92,7 +99,7 @@ const VerifyEmail = (_props) => {
 								})
 							}),
 							/* @__PURE__ */ jsx(ActionButton, {
-								href: router.path("login"),
+								href: props.loginPath ?? "/auth/login",
 								fullWidth: true,
 								children: tr("verifyEmailSignIn")
 							})
@@ -114,11 +121,11 @@ const VerifyEmail = (_props) => {
 								icon: /* @__PURE__ */ jsx(IconAlertCircle, {}),
 								children: /* @__PURE__ */ jsx(Text, {
 									size: "sm",
-									children: error || tr("verifyEmailFailed")
+									children: props.error || tr("verifyEmailFailed")
 								})
 							}),
 							/* @__PURE__ */ jsx(ActionButton, {
-								href: router.path("login"),
+								href: props.loginPath ?? "/auth/login",
 								fullWidth: true,
 								children: tr("verifyEmailBackToSignIn")
 							})
@@ -129,7 +136,14 @@ const VerifyEmail = (_props) => {
 		})
 	});
 };
-
+const VerifyEmail = (props) => {
+	if (props.step) return /* @__PURE__ */ jsx(VerifyEmailView, {
+		step: props.step,
+		loginPath: props.loginPath
+	});
+	return /* @__PURE__ */ jsx(VerifyEmailStateful, { ...props });
+};
 //#endregion
 export { VerifyEmail_exports as n, VerifyEmail as t };
-//# sourceMappingURL=VerifyEmail-Z80Ubajk.js.map
+
+//# sourceMappingURL=VerifyEmail-BFCAFz6T.js.map

package/dist/demo/VerifyEmail-BFCAFz6T.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerifyEmail-BFCAFz6T.js","names":[],"sources":["../../src/auth/components/VerifyEmail.tsx"],"sourcesContent":["import { ActionButton } from \"@alepha/ui\";\nimport { Alert, Card, Flex, Loader, Text } from \"@mantine/core\";\nimport { IconAlertCircle, IconCheck, IconMailCheck } from \"@tabler/icons-react\";\nimport type { UserController } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouterState } from \"alepha/react/router\";\nimport { useEffect, useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\n\nexport type VerifyEmailStep = \"verifying\" | \"success\" | \"error\";\n\nexport interface VerifyEmailProps {\n  loginPath?: string;\n  step?: VerifyEmailStep;\n}\n\nconst VerifyEmailStateful = (props: VerifyEmailProps) => {\n  const state = useRouterState();\n  const userCtrl = useClient<UserController>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n\n  const [step, setStep] = useState<VerifyEmailStep>(\"verifying\");\n  const [error, setError] = useState<string | null>(null);\n\n  const email = state.query.email as string | undefined;\n  const token = state.query.token as string | undefined;\n\n  useEffect(() => {\n    const verify = async () => {\n      if (!email || !token) {\n        setError(tr(\"verifyEmailMissingParams\"));\n        setStep(\"error\");\n        return;\n      }\n\n      try {\n        await userCtrl.verifyEmail({\n          body: { email, token },\n        });\n        setStep(\"success\");\n      } catch (err) {\n        setError(err instanceof Error ? err.message : tr(\"verifyEmailFailed\"));\n        setStep(\"error\");\n      }\n    };\n\n    verify();\n  }, [email, token]);\n\n  return (\n    <VerifyEmailView step={step} error={error} loginPath={props.loginPath} />\n  );\n};\n\ninterface VerifyEmailViewProps {\n  step: VerifyEmailStep;\n  error?: string | null;\n  loginPath?: string;\n}\n\nconst VerifyEmailView = (props: VerifyEmailViewProps) => {\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const { step } = props;\n\n  return (\n    <Flex flex={1} justify=\"center\" align=\"center\">\n      <Flex direction=\"column\" gap=\"sm\" w={400}>\n        <Card withBorder p=\"lg\" bg=\"var(--alepha-elevated)\">\n          <Flex direction=\"column\" gap=\"md\" align=\"center\">\n            {step === \"verifying\" && (\n              <>\n                <Loader size=\"lg\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailVerifying\")}\n                </Text>\n                <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                  {tr(\"verifyEmailPleaseWait\")}\n                </Text>\n              </>\n            )}\n\n            {step === \"success\" && (\n              <>\n                <IconMailCheck size={48} color=\"var(--mantine-color-green-6)\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"green\" icon={<IconCheck />}>\n                  <Text size=\"sm\">{tr(\"verifyEmailSuccess\")}</Text>\n                </Alert>\n                <ActionButton href={props.loginPath ?? \"/auth/login\"} fullWidth>\n                  {tr(\"verifyEmailSignIn\")}\n                </ActionButton>\n              </>\n            )}\n\n            {step === \"error\" && (\n              <>\n                <IconAlertCircle size={48} color=\"var(--mantine-color-red-6)\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                  <Text size=\"sm\">\n                    {props.error || tr(\"verifyEmailFailed\")}\n                  </Text>\n                </Alert>\n                <ActionButton href={props.loginPath ?? \"/auth/login\"} fullWidth>\n                  {tr(\"verifyEmailBackToSignIn\")}\n                </ActionButton>\n              </>\n            )}\n          </Flex>\n        </Card>\n      </Flex>\n    </Flex>\n  );\n};\n\nconst VerifyEmail = (props: VerifyEmailProps) => {\n  if (props.step) {\n    return <VerifyEmailView step={props.step} loginPath={props.loginPath} />;\n  }\n  return <VerifyEmailStateful {...props} />;\n};\n\nexport default VerifyEmail;\n"],"mappings":"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"}

package/dist/demo/{auth-Djd7SKiw.js → auth-D9qTZzCa.js}

@@ -1,14 +1,13 @@
-import { t as AlephaUI } from "./core-B7LNjM78.js";
-import { $context, $inject, $module, AlephaError, t } from "alepha";
+import { t as AlephaUI } from "./core-DRtQklr3.js";
+import { $inject, $module, AlephaError, t } from "alepha";
 import { $dictionary, AlephaReactI18n } from "alepha/react/i18n";
-import { Avatar } from "@mantine/core";
-import { jsx } from "react/jsx-runtime";
-import { IconLogin2, IconLogout2, IconMailCheck, IconPasswordUser, IconSettings, IconUser, IconUserPlus } from "@tabler/icons-react";
-import { $page, Redirection, useRouter } from "alepha/react/router";
-import { useClient, useInject } from "alepha/react";
-import { AlephaReactAuth, ReactAuth, useAuth } from "alepha/react/auth";
+import "@mantine/core";
+import "react/jsx-runtime";
+import { IconLogin2, IconLogout2, IconMailCheck, IconPasswordUser, IconUser, IconUserPlus } from "@tabler/icons-react";
+import { $page, Redirection } from "alepha/react/router";
+import "alepha/react";
+import { AlephaReactAuth, ReactAuth } from "alepha/react/auth";
 import { $client } from "alepha/server/links";
-
 //#region ../../src/auth/AuthI18n.ts
 var AuthI18n = class {
 	en = $dictionary({
@@ -125,7 +124,6 @@ var AuthI18n = class {
 		verifyEmailBackToSignIn: "Retour à la connexion"
 	} }) });
 };
-
 //#endregion
 //#region ../../src/auth/AuthRouter.ts
 /**
@@ -141,7 +139,7 @@ var AuthRouter = class {
 	authLayout = $page({
 		label: "Auth",
 		path: "/auth",
-		lazy: () => import("./AuthLayout-DN-ClJQk.js"),
+		lazy: () => import("./AuthLayout-Dq5tSLSc.js"),
 		children: () => [
 			this.login,
 			this.register,
@@ -156,7 +154,7 @@ var AuthRouter = class {
 		description: "Sign in to your account",
 		path: "/login",
 		schema: { query: realmQuerySchema },
-		lazy: () => import("./Login-CoYf_P_F.js").then((n) => n.n),
+		lazy: () => import("./Login-CqG1iJbn.js").then((n) => n.n),
 		loader: async ({ query, user }) => {
 			if (user) throw new Redirection(query.r || "/");
 			return { realmConfig: await this.loadRealmConfig(query.realm) };
@@ -168,7 +166,7 @@ var AuthRouter = class {
 		description: "Create a new account",
 		path: "/register",
 		schema: { query: realmQuerySchema },
-		lazy: () => import("./Register-fXHmBpr3.js").then((n) => n.n),
+		lazy: () => import("./Register-KKZwr_lL.js").then((n) => n.n),
 		loader: async ({ query, user }) => {
 			if (user) throw new Redirection(query.r || "/");
 			return { realmConfig: await this.loadRealmConfig(query.realm) };
@@ -180,7 +178,7 @@ var AuthRouter = class {
 		description: "Reset your account password",
 		path: "/reset-password",
 		schema: { query: realmQuerySchema },
-		lazy: () => import("./ResetPassword-CAPj8MO3.js").then((n) => n.n),
+		lazy: () => import("./ResetPassword-DMrLFEtr.js").then((n) => n.n),
 		loader: async ({ query, user }) => {
 			if (user) throw new Redirection(query.r || "/");
 			return { realmConfig: await this.loadRealmConfig(query.realm) };
@@ -195,7 +193,7 @@ var AuthRouter = class {
 			email: t.optional(t.string()),
 			token: t.optional(t.string())
 		}) },
-		lazy: () => import("./VerifyEmail-DFmdCdYs.js").then((n) => n.n)
+		lazy: () => import("./VerifyEmail-BFCAFz6T.js").then((n) => n.n)
 	});
 	logout = $page({
 		icon: IconLogout2,
@@ -215,7 +213,7 @@ var AuthRouter = class {
 		description: "View your profile",
 		path: "/profile",
 		can: () => !!this.auth.user,
-		lazy: () => import("./Profile-BE_Y3co2.js")
+		lazy: () => import("./Profile-C0ojJCaG.js")
 	});
 	async loadRealmConfig(realmName) {
 		try {
@@ -226,22 +224,7 @@ var AuthRouter = class {
 		}
 	}
 };
-
-//#endregion
-//#region ../../src/auth/index.ts
-/**
-* Authentication UI components.
-*
-* **Features:**
-* - Login page component
-* - Register page component
-* - Reset password page component
-* - Email verification page component
-* - UserButton for user menu
-*
-* @module alepha.ui.auth
-*/
-const AlephaUIAuth = $module({
+$module({
 	name: "alepha.ui.auth",
 	services: [
 		AlephaUI,
@@ -251,7 +234,7 @@ const AlephaUIAuth = $module({
 		AuthI18n
 	]
 });
-
 //#endregion
-export {  };
-//# sourceMappingURL=auth-Djd7SKiw.js.map
+export {};
+
+//# sourceMappingURL=auth-D9qTZzCa.js.map

package/dist/demo/{auth-Djd7SKiw.js.map → auth-D9qTZzCa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"auth-Djd7SKiw.js","names":[],"sources":["../../src/auth/AuthI18n.ts","../../src/auth/AuthRouter.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 { 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 * 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":"auth-D9qTZzCa.js","names":[],"sources":["../../src/auth/AuthI18n.ts","../../src/auth/AuthRouter.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 { 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 type { VerifyEmailStep } from \"./components/VerifyEmail.tsx\";\nexport { default as VerifyEmail } from \"./components/VerifyEmail.tsx\";\nexport * from \"./primitives/$uiAuth.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\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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"}