@alepha/ui 0.17.2 → 0.18.1

package/dist/demo/{DemoHome-CUMZsYaH.js → DemoHome-Clbn8AmS.js}

@@ -1,25 +1,22 @@
-import { IconBraces } from "@tabler/icons-react";
-import { Flex, Text, Title } from "@mantine/core";
+import { c as Text, p as Flex } from "./core-RCUw1Q-a.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { IconBraces } from "@tabler/icons-react";
 
 //#region ../../src/demo/components/DemoHome.tsx
 const DemoHome = () => {
-	return /* @__PURE__ */ jsx(Flex, {
-		direction: "column",
-		gap: "xl",
-		p: "xl",
-		children: /* @__PURE__ */ jsxs(Flex, { children: [/* @__PURE__ */ jsx(Title, {
-			order: 1,
-			mb: "xs",
+	return /* @__PURE__ */ jsxs(Flex, {
+		p: "lg",
+		col: true,
+		children: [/* @__PURE__ */ jsx(Text, {
+			title: true,
 			children: "Component Showcase"
 		}), /* @__PURE__ */ jsx(Text, {
 			c: "dimmed",
-			size: "lg",
 			children: "Interactive demos and documentation for @alepha/ui components."
-		})] })
+		})]
 	});
 };
 
 //#endregion
 export { DemoHome as default };
-//# sourceMappingURL=DemoHome-CUMZsYaH.js.map
+//# sourceMappingURL=DemoHome-Clbn8AmS.js.map

package/dist/demo/DemoHome-Clbn8AmS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoHome-Clbn8AmS.js","names":[],"sources":["../../src/demo/components/DemoHome.tsx"],"sourcesContent":["import { Flex, Text } from \"@alepha/ui\";\nimport { IconBraces } from \"@tabler/icons-react\";\n\nconst components = [\n  {\n    name: \"JsonViewer\",\n    description:\n      \"Interactive JSON viewer with syntax highlighting, expand/collapse, and copy functionality.\",\n    icon: IconBraces,\n    href: \"/demo/json-viewer\",\n  },\n];\n\nconst DemoHome = () => {\n  return (\n    <Flex p={\"lg\"} col>\n      <Text title>Component Showcase</Text>\n      <Text c=\"dimmed\">\n        Interactive demos and documentation for @alepha/ui components.\n      </Text>\n    </Flex>\n  );\n};\n\nexport default DemoHome;\n"],"mappings":";;;;;AAaA,MAAM,iBAAiB;AACrB,QACE,qBAAC;EAAK,GAAG;EAAM;aACb,oBAAC;GAAK;aAAM;IAAyB,EACrC,oBAAC;GAAK,GAAE;aAAS;IAEV;GACF"}

package/dist/demo/DemoJsonViewer-DkIX_ky2.js

@@ -0,0 +1,109 @@
+import { i as JsonViewer } from "./core-RCUw1Q-a.js";
+import { t as Showcase } from "./Showcase-Dq3MISpd.js";
+import { t } from "alepha";
+import { useI18n } from "alepha/react/i18n";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../../src/demo/components/json/DemoJsonViewer.tsx
+const sampleData = {
+	name: "Sample Project",
+	createdAt: "2024-01-15T10:30:00.000Z",
+	updatedAt: "2024-06-20T14:45:30.000Z",
+	count: 42,
+	price: 99.99,
+	isActive: true,
+	nullValue: null,
+	tags: [
+		"typescript",
+		"react",
+		"json"
+	],
+	nested: { level1: { level2: { deepValue: "Found me!" } } },
+	users: [{
+		id: 1,
+		name: "Alice",
+		role: "admin"
+	}, {
+		id: 2,
+		name: "Bob",
+		role: "user"
+	}],
+	emptyArray: [],
+	emptyObject: {},
+	longText: "This is a very long text that should be truncated when it exceeds the maximum string length configured in the viewer options."
+};
+const jsonViewerSchema = t.object({
+	showQuotes: t.boolean({
+		title: "Show Quotes",
+		default: false,
+		$control: { switch: true }
+	}),
+	showCopyButton: t.boolean({
+		title: "Show Copy Button",
+		default: true,
+		$control: { switch: true }
+	}),
+	useFormatValue: t.boolean({
+		title: "Format Dates",
+		default: true,
+		$control: { switch: true }
+	}),
+	defaultExpandedDepth: t.integer({
+		title: "Expand Depth",
+		default: 2,
+		minimum: 0,
+		maximum: 10,
+		$control: { slider: true }
+	}),
+	maxDepth: t.integer({
+		title: "Max Depth",
+		default: 10,
+		minimum: 1,
+		maximum: 20,
+		$control: { slider: true }
+	}),
+	size: t.enum([
+		"xs",
+		"sm",
+		"md",
+		"lg",
+		"xl"
+	], {
+		title: "Size",
+		default: "sm",
+		$control: { segmented: true }
+	})
+});
+const DemoJsonViewer = () => {
+	const i18n = useI18n();
+	const formatValue = (key, value) => {
+		if (key === "createdAt") return i18n.l(value, { date: "LLL" });
+		if (key === "updatedAt") return i18n.l(value, { date: "fromNow" });
+	};
+	return /* @__PURE__ */ jsx(Showcase, {
+		title: "JsonViewer",
+		schema: jsonViewerSchema,
+		initialValues: {
+			showQuotes: false,
+			showCopyButton: true,
+			useFormatValue: true,
+			defaultExpandedDepth: 2,
+			maxDepth: 10,
+			size: "sm"
+		},
+		columns: 1,
+		children: (props) => /* @__PURE__ */ jsx(JsonViewer, {
+			data: sampleData,
+			defaultExpandedDepth: props.defaultExpandedDepth,
+			showQuotes: props.showQuotes,
+			showCopyButton: props.showCopyButton,
+			formatValue: props.useFormatValue ? formatValue : void 0,
+			maxDepth: props.maxDepth,
+			size: props.size
+		}, props.defaultExpandedDepth)
+	});
+};
+
+//#endregion
+export { DemoJsonViewer as default };
+//# sourceMappingURL=DemoJsonViewer-DkIX_ky2.js.map

package/dist/demo/DemoJsonViewer-DkIX_ky2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoJsonViewer-DkIX_ky2.js","names":[],"sources":["../../src/demo/components/json/DemoJsonViewer.tsx"],"sourcesContent":["import { JsonViewer } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst sampleData = {\n  name: \"Sample Project\",\n  createdAt: \"2024-01-15T10:30:00.000Z\",\n  updatedAt: \"2024-06-20T14:45:30.000Z\",\n  count: 42,\n  price: 99.99,\n  isActive: true,\n  nullValue: null,\n  tags: [\"typescript\", \"react\", \"json\"],\n  nested: {\n    level1: {\n      level2: {\n        deepValue: \"Found me!\",\n      },\n    },\n  },\n  users: [\n    { id: 1, name: \"Alice\", role: \"admin\" },\n    { id: 2, name: \"Bob\", role: \"user\" },\n  ],\n  emptyArray: [],\n  emptyObject: {},\n  longText:\n    \"This is a very long text that should be truncated when it exceeds the maximum string length configured in the viewer options.\",\n};\n\nconst $control = {\n  switch: true,\n  slider: true,\n  segmented: true,\n};\n\nconst jsonViewerSchema = t.object({\n  showQuotes: t.boolean({\n    title: \"Show Quotes\",\n    default: false,\n    $control: {\n      switch: true,\n    },\n  }),\n  showCopyButton: t.boolean({\n    title: \"Show Copy Button\",\n    default: true,\n    $control: {\n      switch: true,\n    },\n  }),\n  useFormatValue: t.boolean({\n    title: \"Format Dates\",\n    default: true,\n    $control: {\n      switch: true,\n    },\n  }),\n  defaultExpandedDepth: t.integer({\n    title: \"Expand Depth\",\n    default: 2,\n    minimum: 0,\n    maximum: 10,\n    $control: { slider: true },\n  }),\n  maxDepth: t.integer({\n    title: \"Max Depth\",\n    default: 10,\n    minimum: 1,\n    maximum: 20,\n    $control: { slider: true },\n  }),\n  size: t.enum([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"], {\n    title: \"Size\",\n    default: \"sm\",\n    $control: {\n      segmented: true,\n    },\n  }),\n});\n\nconst DemoJsonViewer = () => {\n  const i18n = useI18n();\n  const formatValue = (\n    key: string | undefined,\n    value: any,\n  ): string | number | undefined => {\n    if (key === \"createdAt\") {\n      return i18n.l(value, { date: \"LLL\" });\n    }\n    if (key === \"updatedAt\") {\n      return i18n.l(value, { date: \"fromNow\" });\n    }\n    return undefined;\n  };\n\n  return (\n    <Showcase\n      title=\"JsonViewer\"\n      schema={jsonViewerSchema}\n      initialValues={{\n        showQuotes: false,\n        showCopyButton: true,\n        useFormatValue: true,\n        defaultExpandedDepth: 2,\n        maxDepth: 10,\n        size: \"sm\",\n      }}\n      columns={1}\n    >\n      {(props) => (\n        <JsonViewer\n          key={props.defaultExpandedDepth}\n          data={sampleData}\n          defaultExpandedDepth={props.defaultExpandedDepth}\n          showQuotes={props.showQuotes}\n          showCopyButton={props.showCopyButton}\n          formatValue={props.useFormatValue ? formatValue : undefined}\n          maxDepth={props.maxDepth}\n          size={props.size}\n        />\n      )}\n    </Showcase>\n  );\n};\n\nexport default DemoJsonViewer;\n"],"mappings":";;;;;;;AAKA,MAAM,aAAa;CACjB,MAAM;CACN,WAAW;CACX,WAAW;CACX,OAAO;CACP,OAAO;CACP,UAAU;CACV,WAAW;CACX,MAAM;EAAC;EAAc;EAAS;EAAO;CACrC,QAAQ,EACN,QAAQ,EACN,QAAQ,EACN,WAAW,aACZ,EACF,EACF;CACD,OAAO,CACL;EAAE,IAAI;EAAG,MAAM;EAAS,MAAM;EAAS,EACvC;EAAE,IAAI;EAAG,MAAM;EAAO,MAAM;EAAQ,CACrC;CACD,YAAY,EAAE;CACd,aAAa,EAAE;CACf,UACE;CACH;AAQD,MAAM,mBAAmB,EAAE,OAAO;CAChC,YAAY,EAAE,QAAQ;EACpB,OAAO;EACP,SAAS;EACT,UAAU,EACR,QAAQ,MACT;EACF,CAAC;CACF,gBAAgB,EAAE,QAAQ;EACxB,OAAO;EACP,SAAS;EACT,UAAU,EACR,QAAQ,MACT;EACF,CAAC;CACF,gBAAgB,EAAE,QAAQ;EACxB,OAAO;EACP,SAAS;EACT,UAAU,EACR,QAAQ,MACT;EACF,CAAC;CACF,sBAAsB,EAAE,QAAQ;EAC9B,OAAO;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,UAAU,EAAE,QAAQ;EAClB,OAAO;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,MAAM,EAAE,KAAK;EAAC;EAAM;EAAM;EAAM;EAAM;EAAK,EAAE;EAC3C,OAAO;EACP,SAAS;EACT,UAAU,EACR,WAAW,MACZ;EACF,CAAC;CACH,CAAC;AAEF,MAAM,uBAAuB;CAC3B,MAAM,OAAO,SAAS;CACtB,MAAM,eACJ,KACA,UACgC;AAChC,MAAI,QAAQ,YACV,QAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAI,QAAQ,YACV,QAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;;AAK7C,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,YAAY;GACZ,gBAAgB;GAChB,gBAAgB;GAChB,sBAAsB;GACtB,UAAU;GACV,MAAM;GACP;EACD,SAAS;aAEP,UACA,oBAAC;GAEC,MAAM;GACN,sBAAsB,MAAM;GAC5B,YAAY,MAAM;GAClB,gBAAgB,MAAM;GACtB,aAAa,MAAM,iBAAiB,cAAc;GAClD,UAAU,MAAM;GAChB,MAAM,MAAM;KAPP,MAAM,qBAQX;GAEK"}

package/dist/demo/DemoLayout-C56xb5EE.js

@@ -0,0 +1,73 @@
+import { _ as AlephaMantineProvider, d as Breadcrumb, g as ui, l as DashboardShell, m as ToggleSidebarButton } from "./core-RCUw1Q-a.js";
+import { jsx } from "react/jsx-runtime";
+import { useRouter } from "alepha/react/router";
+
+//#region ../../src/demo/components/DemoLayout.tsx
+const DemoLayout = () => {
+	const router = useRouter();
+	return /* @__PURE__ */ jsx(AlephaMantineProvider, { children: /* @__PURE__ */ jsx(DashboardShell, {
+		appShellProps: {
+			withBorder: false,
+			bg: ui.colors.background
+		},
+		appShellHeaderProps: { bg: "transparent" },
+		appBarProps: { items: [
+			{
+				type: "burger",
+				position: "left"
+			},
+			{
+				element: /* @__PURE__ */ jsx(Breadcrumb, {}),
+				position: "left"
+			},
+			{
+				type: "dark",
+				position: "right"
+			}
+		] },
+		sidebarProps: { items: [
+			router.node("demoHome"),
+			{
+				...router.node("demoCore"),
+				children: [
+					router.node("demoFlex"),
+					router.node("demoText"),
+					router.node("demoHeading"),
+					router.node("demoButton")
+				]
+			},
+			{
+				...router.node("demoLayoutSection"),
+				children: [
+					router.node("demoSidebar"),
+					router.node("demoDialog"),
+					router.node("demoToast")
+				]
+			},
+			{
+				...router.node("demoForm"),
+				children: [router.node("demoTypeForm")]
+			},
+			{
+				...router.node("demoTable"),
+				children: [router.node("demoDataTable")]
+			},
+			{
+				...router.node("demoJson"),
+				children: [router.node("demoJsonViewer")]
+			},
+			{
+				...router.node("demoAuth"),
+				children: [router.node("demoLogin"), router.node("demoRegister")]
+			},
+			{
+				position: "bottom",
+				element: /* @__PURE__ */ jsx(ToggleSidebarButton, {})
+			}
+		] }
+	}) });
+};
+
+//#endregion
+export { DemoLayout as default };
+//# sourceMappingURL=DemoLayout-C56xb5EE.js.map

package/dist/demo/DemoLayout-C56xb5EE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoLayout-C56xb5EE.js","names":["Breadcrumbs","SidebarCollapseButton"],"sources":["../../src/demo/components/DemoLayout.tsx"],"sourcesContent":["import {\n  AlephaMantineProvider,\n  Breadcrumbs,\n  DashboardShell,\n  SidebarCollapseButton,\n  ui,\n} from \"@alepha/ui\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { DemoRouter } from \"../DemoRouter.ts\";\n\nconst DemoLayout = () => {\n  const router = useRouter<DemoRouter>();\n  return (\n    <AlephaMantineProvider>\n      <DashboardShell\n        appShellProps={{\n          withBorder: false,\n          bg: ui.colors.background,\n        }}\n        appShellHeaderProps={{\n          bg: \"transparent\",\n        }}\n        appBarProps={{\n          items: [\n            {\n              type: \"burger\",\n              position: \"left\",\n            },\n            {\n              element: <Breadcrumbs />,\n              position: \"left\",\n            },\n            {\n              type: \"dark\",\n              position: \"right\",\n            },\n          ],\n        }}\n        sidebarProps={{\n          items: [\n            router.node(\"demoHome\"),\n            {\n              ...router.node(\"demoCore\"),\n              children: [\n                router.node(\"demoFlex\"),\n                router.node(\"demoText\"),\n                router.node(\"demoHeading\"),\n                router.node(\"demoButton\"),\n              ],\n            },\n            {\n              ...router.node(\"demoLayoutSection\"),\n              children: [\n                router.node(\"demoSidebar\"),\n                router.node(\"demoDialog\"),\n                router.node(\"demoToast\"),\n              ],\n            },\n            {\n              ...router.node(\"demoForm\"),\n              children: [router.node(\"demoTypeForm\")],\n            },\n            {\n              ...router.node(\"demoTable\"),\n              children: [router.node(\"demoDataTable\")],\n            },\n            {\n              ...router.node(\"demoJson\"),\n              children: [router.node(\"demoJsonViewer\")],\n            },\n            {\n              ...router.node(\"demoAuth\"),\n              children: [router.node(\"demoLogin\"), router.node(\"demoRegister\")],\n            },\n            {\n              position: \"bottom\",\n              element: <SidebarCollapseButton />,\n            },\n          ],\n        }}\n      />\n    </AlephaMantineProvider>\n  );\n};\n\nexport default DemoLayout;\n"],"mappings":";;;;;AAUA,MAAM,mBAAmB;CACvB,MAAM,SAAS,WAAuB;AACtC,QACE,oBAAC,mCACC,oBAAC;EACC,eAAe;GACb,YAAY;GACZ,IAAI,GAAG,OAAO;GACf;EACD,qBAAqB,EACnB,IAAI,eACL;EACD,aAAa,EACX,OAAO;GACL;IACE,MAAM;IACN,UAAU;IACX;GACD;IACE,SAAS,oBAACA,eAAc;IACxB,UAAU;IACX;GACD;IACE,MAAM;IACN,UAAU;IACX;GACF,EACF;EACD,cAAc,EACZ,OAAO;GACL,OAAO,KAAK,WAAW;GACvB;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU;KACR,OAAO,KAAK,WAAW;KACvB,OAAO,KAAK,WAAW;KACvB,OAAO,KAAK,cAAc;KAC1B,OAAO,KAAK,aAAa;KAC1B;IACF;GACD;IACE,GAAG,OAAO,KAAK,oBAAoB;IACnC,UAAU;KACR,OAAO,KAAK,cAAc;KAC1B,OAAO,KAAK,aAAa;KACzB,OAAO,KAAK,YAAY;KACzB;IACF;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CAAC,OAAO,KAAK,eAAe,CAAC;IACxC;GACD;IACE,GAAG,OAAO,KAAK,YAAY;IAC3B,UAAU,CAAC,OAAO,KAAK,gBAAgB,CAAC;IACzC;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CAAC,OAAO,KAAK,iBAAiB,CAAC;IAC1C;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CAAC,OAAO,KAAK,YAAY,EAAE,OAAO,KAAK,eAAe,CAAC;IAClE;GACD;IACE,UAAU;IACV,SAAS,oBAACC,wBAAwB;IACnC;GACF,EACF;GACD,GACoB"}

package/dist/demo/DemoLogin-BZwpicOS.js

@@ -0,0 +1,128 @@
+import "./core-RCUw1Q-a.js";
+import "./IconGoogle-CSQLPYwX.js";
+import { t as Login } from "./Login-hSOU3jZc.js";
+import "./Register-a70LPgs2.js";
+import "./ResetPassword-DWN0lzr5.js";
+import "./VerifyEmail-DZWL72K4.js";
+import "./auth-d6n3xbug.js";
+import { t as Showcase } from "./Showcase-Dq3MISpd.js";
+import { t } from "alepha";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../../src/demo/components/auth/DemoLogin.tsx
+const showcaseSchema = t.object({
+	showCredentials: t.boolean({
+		title: "Credentials",
+		default: true,
+		$control: { switch: true }
+	}),
+	showGoogleOAuth: t.boolean({
+		title: "Google OAuth",
+		default: true,
+		$control: { switch: true }
+	}),
+	showGithubOAuth: t.boolean({
+		title: "GitHub OAuth",
+		default: false,
+		$control: { switch: true }
+	}),
+	usernameEnabled: t.boolean({
+		title: "Username Login",
+		default: true,
+		$control: { switch: true }
+	}),
+	emailEnabled: t.boolean({
+		title: "Email Login",
+		default: true,
+		$control: { switch: true }
+	}),
+	phoneEnabled: t.boolean({
+		title: "Phone Login",
+		default: false,
+		$control: { switch: true }
+	}),
+	registrationAllowed: t.boolean({
+		title: "Show Sign Up",
+		default: true,
+		$control: { switch: true }
+	}),
+	resetPasswordAllowed: t.boolean({
+		title: "Forgot Password",
+		default: true,
+		$control: { switch: true }
+	}),
+	showBranding: t.boolean({
+		title: "Show Branding",
+		default: true,
+		$control: { switch: true }
+	})
+});
+const buildRealmConfig = (props) => {
+	const authMethods = [];
+	if (props.showCredentials) authMethods.push({
+		name: "credentials",
+		type: "CREDENTIALS"
+	});
+	if (props.showGoogleOAuth) authMethods.push({
+		name: "google",
+		type: "OAUTH2"
+	});
+	if (props.showGithubOAuth) authMethods.push({
+		name: "github",
+		type: "OAUTH2"
+	});
+	return {
+		realmName: "demo",
+		authenticationMethods: authMethods,
+		settings: {
+			displayName: props.showBranding ? "Demo App" : void 0,
+			description: props.showBranding ? "Sign in to continue" : void 0,
+			logoUrl: void 0,
+			registrationAllowed: props.registrationAllowed,
+			emailEnabled: props.emailEnabled,
+			emailRequired: false,
+			usernameEnabled: props.usernameEnabled,
+			usernameRegExp: "^[a-zA-Z0-9_]{3,30}$",
+			usernameRequired: false,
+			phoneEnabled: props.phoneEnabled,
+			phoneRequired: false,
+			verifyEmailRequired: false,
+			verifyPhoneRequired: false,
+			firstNameLastNameEnabled: false,
+			firstNameLastNameRequired: false,
+			resetPasswordAllowed: props.resetPasswordAllowed,
+			adminEmails: [],
+			adminUsernames: [],
+			passwordPolicy: {
+				minLength: 8,
+				requireUppercase: true,
+				requireLowercase: true,
+				requireNumbers: true,
+				requireSpecialCharacters: false
+			}
+		}
+	};
+};
+const DemoLogin = () => {
+	return /* @__PURE__ */ jsx(Showcase, {
+		title: "Login",
+		schema: showcaseSchema,
+		initialValues: {
+			showCredentials: true,
+			showGoogleOAuth: true,
+			showGithubOAuth: false,
+			usernameEnabled: true,
+			emailEnabled: true,
+			phoneEnabled: false,
+			registrationAllowed: true,
+			resetPasswordAllowed: true,
+			showBranding: true
+		},
+		columns: 1,
+		children: (props) => /* @__PURE__ */ jsx(Login, { realmConfig: buildRealmConfig(props) })
+	});
+};
+
+//#endregion
+export { DemoLogin as default };
+//# sourceMappingURL=DemoLogin-BZwpicOS.js.map

package/dist/demo/DemoLogin-BZwpicOS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoLogin-BZwpicOS.js","names":[],"sources":["../../src/demo/components/auth/DemoLogin.tsx"],"sourcesContent":["import { Login } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  showCredentials: t.boolean({\n    title: \"Credentials\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showGoogleOAuth: t.boolean({\n    title: \"Google OAuth\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showGithubOAuth: t.boolean({\n    title: \"GitHub OAuth\",\n    default: false,\n    $control: { switch: true },\n  }),\n  usernameEnabled: t.boolean({\n    title: \"Username Login\",\n    default: true,\n    $control: { switch: true },\n  }),\n  emailEnabled: t.boolean({\n    title: \"Email Login\",\n    default: true,\n    $control: { switch: true },\n  }),\n  phoneEnabled: t.boolean({\n    title: \"Phone Login\",\n    default: false,\n    $control: { switch: true },\n  }),\n  registrationAllowed: t.boolean({\n    title: \"Show Sign Up\",\n    default: true,\n    $control: { switch: true },\n  }),\n  resetPasswordAllowed: t.boolean({\n    title: \"Forgot Password\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showBranding: t.boolean({\n    title: \"Show Branding\",\n    default: true,\n    $control: { switch: true },\n  }),\n});\n\nconst buildRealmConfig = (props: {\n  showCredentials: boolean;\n  showGoogleOAuth: boolean;\n  showGithubOAuth: boolean;\n  usernameEnabled: boolean;\n  emailEnabled: boolean;\n  phoneEnabled: boolean;\n  registrationAllowed: boolean;\n  resetPasswordAllowed: boolean;\n  showBranding: boolean;\n}): RealmConfig => {\n  const authMethods: RealmConfig[\"authenticationMethods\"] = [];\n\n  if (props.showCredentials) {\n    authMethods.push({ name: \"credentials\", type: \"CREDENTIALS\" });\n  }\n  if (props.showGoogleOAuth) {\n    authMethods.push({ name: \"google\", type: \"OAUTH2\" });\n  }\n  if (props.showGithubOAuth) {\n    authMethods.push({ name: \"github\", type: \"OAUTH2\" });\n  }\n\n  return {\n    realmName: \"demo\",\n    authenticationMethods: authMethods,\n    settings: {\n      displayName: props.showBranding ? \"Demo App\" : undefined,\n      description: props.showBranding ? \"Sign in to continue\" : undefined,\n      logoUrl: undefined,\n      registrationAllowed: props.registrationAllowed,\n      emailEnabled: props.emailEnabled,\n      emailRequired: false,\n      usernameEnabled: props.usernameEnabled,\n      usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n      usernameRequired: false,\n      phoneEnabled: props.phoneEnabled,\n      phoneRequired: false,\n      verifyEmailRequired: false,\n      verifyPhoneRequired: false,\n      firstNameLastNameEnabled: false,\n      firstNameLastNameRequired: false,\n      resetPasswordAllowed: props.resetPasswordAllowed,\n      adminEmails: [],\n      adminUsernames: [],\n      passwordPolicy: {\n        minLength: 8,\n        requireUppercase: true,\n        requireLowercase: true,\n        requireNumbers: true,\n        requireSpecialCharacters: false,\n      },\n    },\n  };\n};\n\nconst DemoLogin = () => {\n  return (\n    <Showcase\n      title=\"Login\"\n      schema={showcaseSchema}\n      initialValues={{\n        showCredentials: true,\n        showGoogleOAuth: true,\n        showGithubOAuth: false,\n        usernameEnabled: true,\n        emailEnabled: true,\n        phoneEnabled: false,\n        registrationAllowed: true,\n        resetPasswordAllowed: true,\n        showBranding: true,\n      }}\n      columns={1}\n    >\n      {(props) => <Login realmConfig={buildRealmConfig(props)} />}\n    </Showcase>\n  );\n};\n\nexport default DemoLogin;\n"],"mappings":";;;;;;;;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,qBAAqB,EAAE,QAAQ;EAC7B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,sBAAsB,EAAE,QAAQ;EAC9B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,oBAAoB,UAUP;CACjB,MAAM,cAAoD,EAAE;AAE5D,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAe,MAAM;EAAe,CAAC;AAEhE,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAEtD,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAGtD,QAAO;EACL,WAAW;EACX,uBAAuB;EACvB,UAAU;GACR,aAAa,MAAM,eAAe,aAAa;GAC/C,aAAa,MAAM,eAAe,wBAAwB;GAC1D,SAAS;GACT,qBAAqB,MAAM;GAC3B,cAAc,MAAM;GACpB,eAAe;GACf,iBAAiB,MAAM;GACvB,gBAAgB;GAChB,kBAAkB;GAClB,cAAc,MAAM;GACpB,eAAe;GACf,qBAAqB;GACrB,qBAAqB;GACrB,0BAA0B;GAC1B,2BAA2B;GAC3B,sBAAsB,MAAM;GAC5B,aAAa,EAAE;GACf,gBAAgB,EAAE;GAClB,gBAAgB;IACd,WAAW;IACX,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,0BAA0B;IAC3B;GACF;EACF;;AAGH,MAAM,kBAAkB;AACtB,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,cAAc;GACd,cAAc;GACd,qBAAqB;GACrB,sBAAsB;GACtB,cAAc;GACf;EACD,SAAS;aAEP,UAAU,oBAAC,SAAM,aAAa,iBAAiB,MAAM,GAAI;GAClD"}

package/dist/demo/DemoRegister-C7_qc4MJ.js

@@ -0,0 +1,140 @@
+import "./core-RCUw1Q-a.js";
+import "./IconGoogle-CSQLPYwX.js";
+import "./Login-hSOU3jZc.js";
+import { t as Register } from "./Register-a70LPgs2.js";
+import "./ResetPassword-DWN0lzr5.js";
+import "./VerifyEmail-DZWL72K4.js";
+import "./auth-d6n3xbug.js";
+import { t as Showcase } from "./Showcase-Dq3MISpd.js";
+import { t } from "alepha";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../../src/demo/components/auth/DemoRegister.tsx
+const showcaseSchema = t.object({
+	showCredentials: t.boolean({
+		title: "Credentials",
+		default: true,
+		$control: { switch: true }
+	}),
+	showGoogleOAuth: t.boolean({
+		title: "Google OAuth",
+		default: true,
+		$control: { switch: true }
+	}),
+	showGithubOAuth: t.boolean({
+		title: "GitHub OAuth",
+		default: false,
+		$control: { switch: true }
+	}),
+	usernameEnabled: t.boolean({
+		title: "Username Field",
+		default: true,
+		$control: { switch: true }
+	}),
+	usernameRequired: t.boolean({
+		title: "Username Required",
+		default: false,
+		$control: { switch: true }
+	}),
+	emailEnabled: t.boolean({
+		title: "Email Field",
+		default: true,
+		$control: { switch: true }
+	}),
+	emailRequired: t.boolean({
+		title: "Email Required",
+		default: true,
+		$control: { switch: true }
+	}),
+	phoneEnabled: t.boolean({
+		title: "Phone Field",
+		default: false,
+		$control: { switch: true }
+	}),
+	phoneRequired: t.boolean({
+		title: "Phone Required",
+		default: false,
+		$control: { switch: true }
+	}),
+	registrationAllowed: t.boolean({
+		title: "Registration Allowed",
+		default: true,
+		$control: { switch: true }
+	}),
+	showBranding: t.boolean({
+		title: "Show Branding",
+		default: true,
+		$control: { switch: true }
+	})
+});
+const buildRealmConfig = (props) => {
+	const authMethods = [];
+	if (props.showCredentials) authMethods.push({
+		name: "credentials",
+		type: "CREDENTIALS"
+	});
+	if (props.showGoogleOAuth) authMethods.push({
+		name: "google",
+		type: "OAUTH2"
+	});
+	if (props.showGithubOAuth) authMethods.push({
+		name: "github",
+		type: "OAUTH2"
+	});
+	return {
+		realmName: "demo",
+		authenticationMethods: authMethods,
+		settings: {
+			displayName: props.showBranding ? "Demo App" : void 0,
+			description: props.showBranding ? "Create your account" : void 0,
+			logoUrl: void 0,
+			registrationAllowed: props.registrationAllowed,
+			emailEnabled: props.emailEnabled,
+			emailRequired: props.emailRequired,
+			usernameEnabled: props.usernameEnabled,
+			usernameRequired: props.usernameRequired,
+			usernameRegExp: "^[a-zA-Z0-9_]{3,30}$",
+			phoneEnabled: props.phoneEnabled,
+			phoneRequired: props.phoneRequired,
+			verifyEmailRequired: false,
+			verifyPhoneRequired: false,
+			firstNameLastNameEnabled: false,
+			firstNameLastNameRequired: false,
+			resetPasswordAllowed: true,
+			adminEmails: [],
+			adminUsernames: [],
+			passwordPolicy: {
+				minLength: 8,
+				requireUppercase: true,
+				requireLowercase: true,
+				requireNumbers: true,
+				requireSpecialCharacters: false
+			}
+		}
+	};
+};
+const DemoRegister = () => {
+	return /* @__PURE__ */ jsx(Showcase, {
+		title: "Register",
+		schema: showcaseSchema,
+		initialValues: {
+			showCredentials: true,
+			showGoogleOAuth: true,
+			showGithubOAuth: false,
+			usernameEnabled: true,
+			usernameRequired: false,
+			emailEnabled: true,
+			emailRequired: true,
+			phoneEnabled: false,
+			phoneRequired: false,
+			registrationAllowed: true,
+			showBranding: true
+		},
+		columns: 1,
+		children: (props) => /* @__PURE__ */ jsx(Register, { realmConfig: buildRealmConfig(props) })
+	});
+};
+
+//#endregion
+export { DemoRegister as default };
+//# sourceMappingURL=DemoRegister-C7_qc4MJ.js.map

package/dist/demo/DemoRegister-C7_qc4MJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoRegister-C7_qc4MJ.js","names":[],"sources":["../../src/demo/components/auth/DemoRegister.tsx"],"sourcesContent":["import { Register } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  showCredentials: t.boolean({\n    title: \"Credentials\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showGoogleOAuth: t.boolean({\n    title: \"Google OAuth\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showGithubOAuth: t.boolean({\n    title: \"GitHub OAuth\",\n    default: false,\n    $control: { switch: true },\n  }),\n  usernameEnabled: t.boolean({\n    title: \"Username Field\",\n    default: true,\n    $control: { switch: true },\n  }),\n  usernameRequired: t.boolean({\n    title: \"Username Required\",\n    default: false,\n    $control: { switch: true },\n  }),\n  emailEnabled: t.boolean({\n    title: \"Email Field\",\n    default: true,\n    $control: { switch: true },\n  }),\n  emailRequired: t.boolean({\n    title: \"Email Required\",\n    default: true,\n    $control: { switch: true },\n  }),\n  phoneEnabled: t.boolean({\n    title: \"Phone Field\",\n    default: false,\n    $control: { switch: true },\n  }),\n  phoneRequired: t.boolean({\n    title: \"Phone Required\",\n    default: false,\n    $control: { switch: true },\n  }),\n  registrationAllowed: t.boolean({\n    title: \"Registration Allowed\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showBranding: t.boolean({\n    title: \"Show Branding\",\n    default: true,\n    $control: { switch: true },\n  }),\n});\n\nconst buildRealmConfig = (props: {\n  showCredentials: boolean;\n  showGoogleOAuth: boolean;\n  showGithubOAuth: boolean;\n  usernameEnabled: boolean;\n  usernameRequired: boolean;\n  emailEnabled: boolean;\n  emailRequired: boolean;\n  phoneEnabled: boolean;\n  phoneRequired: boolean;\n  registrationAllowed: boolean;\n  showBranding: boolean;\n}): RealmConfig => {\n  const authMethods: RealmConfig[\"authenticationMethods\"] = [];\n\n  if (props.showCredentials) {\n    authMethods.push({ name: \"credentials\", type: \"CREDENTIALS\" });\n  }\n  if (props.showGoogleOAuth) {\n    authMethods.push({ name: \"google\", type: \"OAUTH2\" });\n  }\n  if (props.showGithubOAuth) {\n    authMethods.push({ name: \"github\", type: \"OAUTH2\" });\n  }\n\n  return {\n    realmName: \"demo\",\n    authenticationMethods: authMethods,\n    settings: {\n      displayName: props.showBranding ? \"Demo App\" : undefined,\n      description: props.showBranding ? \"Create your account\" : undefined,\n      logoUrl: undefined,\n      registrationAllowed: props.registrationAllowed,\n      emailEnabled: props.emailEnabled,\n      emailRequired: props.emailRequired,\n      usernameEnabled: props.usernameEnabled,\n      usernameRequired: props.usernameRequired,\n      usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n      phoneEnabled: props.phoneEnabled,\n      phoneRequired: props.phoneRequired,\n      verifyEmailRequired: false,\n      verifyPhoneRequired: false,\n      firstNameLastNameEnabled: false,\n      firstNameLastNameRequired: false,\n      resetPasswordAllowed: true,\n      adminEmails: [],\n      adminUsernames: [],\n      passwordPolicy: {\n        minLength: 8,\n        requireUppercase: true,\n        requireLowercase: true,\n        requireNumbers: true,\n        requireSpecialCharacters: false,\n      },\n    },\n  };\n};\n\nconst DemoRegister = () => {\n  return (\n    <Showcase\n      title=\"Register\"\n      schema={showcaseSchema}\n      initialValues={{\n        showCredentials: true,\n        showGoogleOAuth: true,\n        showGithubOAuth: false,\n        usernameEnabled: true,\n        usernameRequired: false,\n        emailEnabled: true,\n        emailRequired: true,\n        phoneEnabled: false,\n        phoneRequired: false,\n        registrationAllowed: true,\n        showBranding: true,\n      }}\n      columns={1}\n    >\n      {(props) => <Register realmConfig={buildRealmConfig(props)} />}\n    </Showcase>\n  );\n};\n\nexport default DemoRegister;\n"],"mappings":";;;;;;;;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,kBAAkB,EAAE,QAAQ;EAC1B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,eAAe,EAAE,QAAQ;EACvB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,eAAe,EAAE,QAAQ;EACvB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,qBAAqB,EAAE,QAAQ;EAC7B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,oBAAoB,UAYP;CACjB,MAAM,cAAoD,EAAE;AAE5D,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAe,MAAM;EAAe,CAAC;AAEhE,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAEtD,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAGtD,QAAO;EACL,WAAW;EACX,uBAAuB;EACvB,UAAU;GACR,aAAa,MAAM,eAAe,aAAa;GAC/C,aAAa,MAAM,eAAe,wBAAwB;GAC1D,SAAS;GACT,qBAAqB,MAAM;GAC3B,cAAc,MAAM;GACpB,eAAe,MAAM;GACrB,iBAAiB,MAAM;GACvB,kBAAkB,MAAM;GACxB,gBAAgB;GAChB,cAAc,MAAM;GACpB,eAAe,MAAM;GACrB,qBAAqB;GACrB,qBAAqB;GACrB,0BAA0B;GAC1B,2BAA2B;GAC3B,sBAAsB;GACtB,aAAa,EAAE;GACf,gBAAgB,EAAE;GAClB,gBAAgB;IACd,WAAW;IACX,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,0BAA0B;IAC3B;GACF;EACF;;AAGH,MAAM,qBAAqB;AACzB,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,kBAAkB;GAClB,cAAc;GACd,eAAe;GACf,cAAc;GACd,eAAe;GACf,qBAAqB;GACrB,cAAc;GACf;EACD,SAAS;aAEP,UAAU,oBAAC,YAAS,aAAa,iBAAiB,MAAM,GAAI;GACrD"}

package/dist/demo/DemoResetPassword-BI1Ct4Dw.js

@@ -0,0 +1,76 @@
+import "./core-RCUw1Q-a.js";
+import "./IconGoogle-CSQLPYwX.js";
+import "./Login-hSOU3jZc.js";
+import "./Register-a70LPgs2.js";
+import { t as ResetPassword } from "./ResetPassword-DWN0lzr5.js";
+import "./VerifyEmail-DZWL72K4.js";
+import "./auth-d6n3xbug.js";
+import { t as Showcase } from "./Showcase-Dq3MISpd.js";
+import { t } from "alepha";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../../src/demo/components/auth/DemoResetPassword.tsx
+const showcaseSchema = t.object({
+	resetPasswordAllowed: t.boolean({
+		title: "Reset Allowed",
+		default: true,
+		$control: { switch: true }
+	}),
+	showBranding: t.boolean({
+		title: "Show Branding",
+		default: true,
+		$control: { switch: true }
+	})
+});
+const buildRealmConfig = (props) => {
+	return {
+		realmName: "demo",
+		authenticationMethods: [{
+			name: "credentials",
+			type: "CREDENTIALS"
+		}],
+		settings: {
+			displayName: props.showBranding ? "Demo App" : void 0,
+			description: props.showBranding ? "Reset your password" : void 0,
+			logoUrl: void 0,
+			registrationAllowed: true,
+			emailEnabled: true,
+			emailRequired: true,
+			usernameEnabled: false,
+			usernameRequired: false,
+			usernameRegExp: "^[a-zA-Z0-9_]{3,30}$",
+			phoneEnabled: false,
+			phoneRequired: false,
+			verifyEmailRequired: false,
+			verifyPhoneRequired: false,
+			firstNameLastNameEnabled: false,
+			firstNameLastNameRequired: false,
+			resetPasswordAllowed: props.resetPasswordAllowed,
+			adminEmails: [],
+			adminUsernames: [],
+			passwordPolicy: {
+				minLength: 8,
+				requireUppercase: true,
+				requireLowercase: true,
+				requireNumbers: true,
+				requireSpecialCharacters: false
+			}
+		}
+	};
+};
+const DemoResetPassword = () => {
+	return /* @__PURE__ */ jsx(Showcase, {
+		title: "ResetPassword",
+		schema: showcaseSchema,
+		initialValues: {
+			resetPasswordAllowed: true,
+			showBranding: true
+		},
+		columns: 1,
+		children: (props) => /* @__PURE__ */ jsx(ResetPassword, { realmConfig: buildRealmConfig(props) })
+	});
+};
+
+//#endregion
+export { DemoResetPassword as default };
+//# sourceMappingURL=DemoResetPassword-BI1Ct4Dw.js.map

package/dist/demo/DemoResetPassword-BI1Ct4Dw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoResetPassword-BI1Ct4Dw.js","names":[],"sources":["../../src/demo/components/auth/DemoResetPassword.tsx"],"sourcesContent":["import { ResetPassword } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  resetPasswordAllowed: t.boolean({\n    title: \"Reset Allowed\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showBranding: t.boolean({\n    title: \"Show Branding\",\n    default: true,\n    $control: { switch: true },\n  }),\n});\n\nconst buildRealmConfig = (props: {\n  resetPasswordAllowed: boolean;\n  showBranding: boolean;\n}): RealmConfig => {\n  return {\n    realmName: \"demo\",\n    authenticationMethods: [{ name: \"credentials\", type: \"CREDENTIALS\" }],\n    settings: {\n      displayName: props.showBranding ? \"Demo App\" : undefined,\n      description: props.showBranding ? \"Reset your password\" : undefined,\n      logoUrl: undefined,\n      registrationAllowed: true,\n      emailEnabled: true,\n      emailRequired: true,\n      usernameEnabled: false,\n      usernameRequired: false,\n      usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n      phoneEnabled: false,\n      phoneRequired: false,\n      verifyEmailRequired: false,\n      verifyPhoneRequired: false,\n      firstNameLastNameEnabled: false,\n      firstNameLastNameRequired: false,\n      resetPasswordAllowed: props.resetPasswordAllowed,\n      adminEmails: [],\n      adminUsernames: [],\n      passwordPolicy: {\n        minLength: 8,\n        requireUppercase: true,\n        requireLowercase: true,\n        requireNumbers: true,\n        requireSpecialCharacters: false,\n      },\n    },\n  };\n};\n\nconst DemoResetPassword = () => {\n  return (\n    <Showcase\n      title=\"ResetPassword\"\n      schema={showcaseSchema}\n      initialValues={{\n        resetPasswordAllowed: true,\n        showBranding: true,\n      }}\n      columns={1}\n    >\n      {(props) => <ResetPassword realmConfig={buildRealmConfig(props)} />}\n    </Showcase>\n  );\n};\n\nexport default DemoResetPassword;\n"],"mappings":";;;;;;;;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,sBAAsB,EAAE,QAAQ;EAC9B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,oBAAoB,UAGP;AACjB,QAAO;EACL,WAAW;EACX,uBAAuB,CAAC;GAAE,MAAM;GAAe,MAAM;GAAe,CAAC;EACrE,UAAU;GACR,aAAa,MAAM,eAAe,aAAa;GAC/C,aAAa,MAAM,eAAe,wBAAwB;GAC1D,SAAS;GACT,qBAAqB;GACrB,cAAc;GACd,eAAe;GACf,iBAAiB;GACjB,kBAAkB;GAClB,gBAAgB;GAChB,cAAc;GACd,eAAe;GACf,qBAAqB;GACrB,qBAAqB;GACrB,0BAA0B;GAC1B,2BAA2B;GAC3B,sBAAsB,MAAM;GAC5B,aAAa,EAAE;GACf,gBAAgB,EAAE;GAClB,gBAAgB;IACd,WAAW;IACX,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,0BAA0B;IAC3B;GACF;EACF;;AAGH,MAAM,0BAA0B;AAC9B,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,sBAAsB;GACtB,cAAc;GACf;EACD,SAAS;aAEP,UAAU,oBAAC,iBAAc,aAAa,iBAAiB,MAAM,GAAI;GAC1D"}

package/dist/demo/{DemoSidebar-C1csnGhX.js → DemoSidebar-CcBo4ltC.js}

@@ -1,11 +1,11 @@
-import { t as Showcase } from "./Showcase-BzoXNlCn.js";
-import { Sidebar } from "@alepha/ui";
+import { u as Sidebar } from "./core-RCUw1Q-a.js";
+import { t as Showcase } from "./Showcase-Dq3MISpd.js";
 import { t } from "alepha";
-import { IconDashboard, IconFiles, IconSettings, IconUsers } from "@tabler/icons-react";
 import { Flex } from "@mantine/core";
 import { jsx } from "react/jsx-runtime";
+import { IconDashboard, IconFiles, IconSettings, IconUsers } from "@tabler/icons-react";
 
-//#region ../../src/demo/components/core/DemoSidebar.tsx
+//#region ../../src/demo/components/layout/DemoSidebar.tsx
 const sidebarItems = [
 	{ type: "search" },
 	{ type: "divider" },
@@ -59,10 +59,7 @@ const DemoSidebar = () => {
 			gap: "xs"
 		},
 		columns: 1,
-		windowProps: {
-			fill: true,
-			containerProps: { p: 0 }
-		},
+		windowProps: { containerProps: { p: 0 } },
 		children: (props) => /* @__PURE__ */ jsx(Flex, {
 			h: "100%",
 			w: props.collapsed ? 60 : 240,
@@ -78,4 +75,4 @@ const DemoSidebar = () => {
 
 //#endregion
 export { DemoSidebar as default };
-//# sourceMappingURL=DemoSidebar-C1csnGhX.js.map
+//# sourceMappingURL=DemoSidebar-CcBo4ltC.js.map

package/dist/demo/DemoSidebar-CcBo4ltC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoSidebar-CcBo4ltC.js","names":[],"sources":["../../src/demo/components/layout/DemoSidebar.tsx"],"sourcesContent":["import { Sidebar, type SidebarNode } from \"@alepha/ui\";\nimport { Flex } from \"@mantine/core\";\nimport {\n  IconDashboard,\n  IconFiles,\n  IconSettings,\n  IconUsers,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst sidebarItems = [\n  { type: \"search\" },\n  { type: \"divider\" },\n  {\n    icon: IconDashboard,\n    label: \"Dashboard\",\n  },\n  {\n    icon: IconUsers,\n    label: \"Users\",\n    children: [\n      { label: \"All Users\" },\n      { label: \"Add User\" },\n      { label: \"Roles\" },\n    ],\n  },\n  {\n    icon: IconFiles,\n    label: \"Files\",\n  },\n  { type: \"spacer\" },\n  {\n    position: \"bottom\",\n    icon: IconSettings,\n    label: \"Settings\",\n  },\n] satisfies SidebarNode[];\n\nconst showcaseSchema = t.object({\n  collapsed: t.boolean({\n    title: \"Collapsed\",\n    default: false,\n    $control: { switch: true },\n  }),\n  gap: t.enum([\"xs\", \"sm\", \"md\", \"lg\"], {\n    title: \"Gap\",\n    default: \"xs\",\n    $control: { segmented: true },\n  }),\n});\n\nconst DemoSidebar = () => {\n  return (\n    <Showcase\n      title=\"Sidebar\"\n      schema={showcaseSchema}\n      initialValues={{\n        collapsed: false,\n        gap: \"xs\",\n      }}\n      columns={1}\n      windowProps={{\n        containerProps: { p: 0 },\n      }}\n    >\n      {(props) => (\n        <Flex\n          h={\"100%\"}\n          w={props.collapsed ? 60 : 240}\n          bg=\"var(--alepha-surface)\"\n        >\n          <Sidebar\n            items={sidebarItems}\n            collapsed={props.collapsed}\n            gap={props.gap}\n          />\n        </Flex>\n      )}\n    </Showcase>\n  );\n};\n\nexport default DemoSidebar;\n"],"mappings":";;;;;;;;AAWA,MAAM,eAAe;CACnB,EAAE,MAAM,UAAU;CAClB,EAAE,MAAM,WAAW;CACnB;EACE,MAAM;EACN,OAAO;EACR;CACD;EACE,MAAM;EACN,OAAO;EACP,UAAU;GACR,EAAE,OAAO,aAAa;GACtB,EAAE,OAAO,YAAY;GACrB,EAAE,OAAO,SAAS;GACnB;EACF;CACD;EACE,MAAM;EACN,OAAO;EACR;CACD,EAAE,MAAM,UAAU;CAClB;EACE,UAAU;EACV,MAAM;EACN,OAAO;EACR;CACF;AAED,MAAM,iBAAiB,EAAE,OAAO;CAC9B,WAAW,EAAE,QAAQ;EACnB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,KAAK,EAAE,KAAK;EAAC;EAAM;EAAM;EAAM;EAAK,EAAE;EACpC,OAAO;EACP,SAAS;EACT,UAAU,EAAE,WAAW,MAAM;EAC9B,CAAC;CACH,CAAC;AAEF,MAAM,oBAAoB;AACxB,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,WAAW;GACX,KAAK;GACN;EACD,SAAS;EACT,aAAa,EACX,gBAAgB,EAAE,GAAG,GAAG,EACzB;aAEC,UACA,oBAAC;GACC,GAAG;GACH,GAAG,MAAM,YAAY,KAAK;GAC1B,IAAG;aAEH,oBAAC;IACC,OAAO;IACP,WAAW,MAAM;IACjB,KAAK,MAAM;KACX;IACG;GAEA"}