@alepha/ui 0.18.2 → 0.19.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"DemoLayout-CN_PDCX2.js","names":["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        fill\n        appShellProps={{\n          withBorder: false,\n          bg: ui.colors.background,\n        }}\n        appShellHeaderProps={{\n          bg: \"transparent\",\n          style: { backdropFilter: \"blur(10px)\" },\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: [\n                router.node(\"demoTypeForm\"),\n                router.node(\"demoControlSelect\"),\n              ],\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: [\n                router.node(\"demoLogin\"),\n                router.node(\"demoRegister\"),\n                router.node(\"demoResetPassword\"),\n                router.node(\"demoVerifyEmail\"),\n              ],\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,uBAAD,EAAA,UACE,oBAAC,gBAAD;EACE,MAAA;EACA,eAAe;GACb,YAAY;GACZ,IAAI,GAAG,OAAO;GACf;EACD,qBAAqB;GACnB,IAAI;GACJ,OAAO,EAAE,gBAAgB,cAAc;GACxC;EACD,aAAa,EACX,OAAO;GACL;IACE,MAAM;IACN,UAAU;IACX;GACD;IACE,SAAS,oBAAC,aAAD,EAAe,CAAA;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,CACR,OAAO,KAAK,eAAe,EAC3B,OAAO,KAAK,oBAAoB,CACjC;IACF;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;KACR,OAAO,KAAK,YAAY;KACxB,OAAO,KAAK,eAAe;KAC3B,OAAO,KAAK,oBAAoB;KAChC,OAAO,KAAK,kBAAkB;KAC/B;IACF;GACD;IACE,UAAU;IACV,SAAS,oBAACA,qBAAD,EAAyB,CAAA;IACnC;GACF,EACF;EACD,CAAA,EACoB,CAAA"}

package/dist/demo/{DemoLogin-vqxgTu4P.js → DemoLogin-B5x-ug3Q.js}

@@ -1,16 +1,20 @@
-import "./core-B7LNjM78.js";
-import "./IconGoogle-CSQLPYwX.js";
-import { t as Login } from "./Login-CoYf_P_F.js";
-import "./Register-fXHmBpr3.js";
-import "./ResetPassword-CAPj8MO3.js";
-import "./VerifyEmail-DFmdCdYs.js";
-import "./auth-Djd7SKiw.js";
-import { t as Showcase } from "./Showcase-BtEU0pY9.js";
+import "./core-DRtQklr3.js";
+import "./IconGoogle-CwQy4G9y.js";
+import { t as Login } from "./Login-CqG1iJbn.js";
+import "./Register-KKZwr_lL.js";
+import "./ResetPassword-DMrLFEtr.js";
+import "./VerifyEmail-BFCAFz6T.js";
+import "./auth-D9qTZzCa.js";
+import { t as Showcase } from "./Showcase-D49Wud2v.js";
 import { t } from "alepha";
 import { jsx } from "react/jsx-runtime";
-
 //#region ../../src/demo/components/auth/DemoLogin.tsx
 const showcaseSchema = t.object({
+	variant: t.string({
+		title: "Variant",
+		default: "card",
+		enum: ["card", "split"]
+	}),
 	showCredentials: t.boolean({
 		title: "Credentials",
 		default: true,
@@ -26,20 +30,32 @@ const showcaseSchema = t.object({
 		default: false,
 		$control: { switch: true }
 	}),
-	usernameEnabled: t.boolean({
-		title: "Username Login",
-		default: true,
-		$control: { switch: true }
+	username: t.string({
+		title: "Username",
+		default: "optional",
+		enum: [
+			"none",
+			"optional",
+			"required"
+		]
 	}),
-	emailEnabled: t.boolean({
-		title: "Email Login",
-		default: true,
-		$control: { switch: true }
+	email: t.string({
+		title: "Email",
+		default: "optional",
+		enum: [
+			"none",
+			"optional",
+			"required"
+		]
 	}),
-	phoneEnabled: t.boolean({
-		title: "Phone Login",
-		default: false,
-		$control: { switch: true }
+	phoneNumber: t.string({
+		title: "Phone Number",
+		default: "none",
+		enum: [
+			"none",
+			"optional",
+			"required"
+		]
 	}),
 	registrationAllowed: t.boolean({
 		title: "Show Sign Up",
@@ -79,17 +95,13 @@ const buildRealmConfig = (props) => {
 			description: props.showBranding ? "Sign in to continue" : void 0,
 			logoUrl: void 0,
 			registrationAllowed: props.registrationAllowed,
-			emailEnabled: props.emailEnabled,
-			emailRequired: false,
-			usernameEnabled: props.usernameEnabled,
+			email: props.email,
+			username: props.username,
 			usernameRegExp: "^[a-zA-Z0-9_]{3,30}$",
-			usernameRequired: false,
-			phoneEnabled: props.phoneEnabled,
-			phoneRequired: false,
+			phoneNumber: props.phoneNumber,
 			verifyEmailRequired: false,
 			verifyPhoneRequired: false,
-			firstNameLastNameEnabled: false,
-			firstNameLastNameRequired: false,
+			firstNameLastName: "none",
 			resetPasswordAllowed: props.resetPasswordAllowed,
 			adminEmails: [],
 			adminUsernames: [],
@@ -108,21 +120,25 @@ const DemoLogin = () => {
 		title: "Login",
 		schema: showcaseSchema,
 		initialValues: {
+			variant: "card",
 			showCredentials: true,
 			showGoogleOAuth: true,
 			showGithubOAuth: false,
-			usernameEnabled: true,
-			emailEnabled: true,
-			phoneEnabled: false,
+			username: "optional",
+			email: "optional",
+			phoneNumber: "none",
 			registrationAllowed: true,
 			resetPasswordAllowed: true,
 			showBranding: true
 		},
 		columns: 1,
-		children: (props) => /* @__PURE__ */ jsx(Login, { realmConfig: buildRealmConfig(props) })
+		children: (props) => /* @__PURE__ */ jsx(Login, {
+			realmConfig: buildRealmConfig(props),
+			variant: props.variant
+		})
 	});
 };
-
 //#endregion
 export { DemoLogin as default };
-//# sourceMappingURL=DemoLogin-vqxgTu4P.js.map
+
+//# sourceMappingURL=DemoLogin-B5x-ug3Q.js.map

package/dist/demo/DemoLogin-B5x-ug3Q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoLogin-B5x-ug3Q.js","names":[],"sources":["../../src/demo/components/auth/DemoLogin.tsx"],"sourcesContent":["import { Login } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport type { FieldRequirement, RealmConfig } from \"alepha/api/users\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  variant: t.string({\n    title: \"Variant\",\n    default: \"card\",\n    enum: [\"card\", \"split\"],\n  }),\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  username: t.string({\n    title: \"Username\",\n    default: \"optional\",\n    enum: [\"none\", \"optional\", \"required\"],\n  }),\n  email: t.string({\n    title: \"Email\",\n    default: \"optional\",\n    enum: [\"none\", \"optional\", \"required\"],\n  }),\n  phoneNumber: t.string({\n    title: \"Phone Number\",\n    default: \"none\",\n    enum: [\"none\", \"optional\", \"required\"],\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  username: string;\n  email: string;\n  phoneNumber: string;\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      email: props.email as FieldRequirement,\n      username: props.username as FieldRequirement,\n      usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n      phoneNumber: props.phoneNumber as FieldRequirement,\n      verifyEmailRequired: false,\n      verifyPhoneRequired: false,\n      firstNameLastName: \"none\" as FieldRequirement,\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        variant: \"card\",\n        showCredentials: true,\n        showGoogleOAuth: true,\n        showGithubOAuth: false,\n        username: \"optional\",\n        email: \"optional\",\n        phoneNumber: \"none\",\n        registrationAllowed: true,\n        resetPasswordAllowed: true,\n        showBranding: true,\n      }}\n      columns={1}\n    >\n      {(props) => (\n        <Login\n          realmConfig={buildRealmConfig(props)}\n          variant={props.variant as \"card\" | \"split\"}\n        />\n      )}\n    </Showcase>\n  );\n};\n\nexport default DemoLogin;\n"],"mappings":";;;;;;;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,SAAS,EAAE,OAAO;EAChB,OAAO;EACP,SAAS;EACT,MAAM,CAAC,QAAQ,QAAQ;EACxB,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,UAAU,EAAE,OAAO;EACjB,OAAO;EACP,SAAS;EACT,MAAM;GAAC;GAAQ;GAAY;GAAW;EACvC,CAAC;CACF,OAAO,EAAE,OAAO;EACd,OAAO;EACP,SAAS;EACT,MAAM;GAAC;GAAQ;GAAY;GAAW;EACvC,CAAC;CACF,aAAa,EAAE,OAAO;EACpB,OAAO;EACP,SAAS;EACT,MAAM;GAAC;GAAQ;GAAY;GAAW;EACvC,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,KAAA;GAC/C,aAAa,MAAM,eAAe,wBAAwB,KAAA;GAC1D,SAAS,KAAA;GACT,qBAAqB,MAAM;GAC3B,OAAO,MAAM;GACb,UAAU,MAAM;GAChB,gBAAgB;GAChB,aAAa,MAAM;GACnB,qBAAqB;GACrB,qBAAqB;GACrB,mBAAmB;GACnB,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,UAAD;EACE,OAAM;EACN,QAAQ;EACR,eAAe;GACb,SAAS;GACT,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,UAAU;GACV,OAAO;GACP,aAAa;GACb,qBAAqB;GACrB,sBAAsB;GACtB,cAAc;GACf;EACD,SAAS;aAEP,UACA,oBAAC,OAAD;GACE,aAAa,iBAAiB,MAAM;GACpC,SAAS,MAAM;GACf,CAAA;EAEK,CAAA"}

package/dist/demo/{DemoRegister-YHPvPg77.js → DemoRegister-Q6sg2xuV.js}

@@ -1,16 +1,20 @@
-import "./core-B7LNjM78.js";
-import "./IconGoogle-CSQLPYwX.js";
-import "./Login-CoYf_P_F.js";
-import { t as Register } from "./Register-fXHmBpr3.js";
-import "./ResetPassword-CAPj8MO3.js";
-import "./VerifyEmail-DFmdCdYs.js";
-import "./auth-Djd7SKiw.js";
-import { t as Showcase } from "./Showcase-BtEU0pY9.js";
+import "./core-DRtQklr3.js";
+import "./IconGoogle-CwQy4G9y.js";
+import "./Login-CqG1iJbn.js";
+import { t as Register } from "./Register-KKZwr_lL.js";
+import "./ResetPassword-DMrLFEtr.js";
+import "./VerifyEmail-BFCAFz6T.js";
+import "./auth-D9qTZzCa.js";
+import { t as Showcase } from "./Showcase-D49Wud2v.js";
 import { t } from "alepha";
 import { jsx } from "react/jsx-runtime";
-
 //#region ../../src/demo/components/auth/DemoRegister.tsx
 const showcaseSchema = t.object({
+	variant: t.string({
+		title: "Variant",
+		default: "card",
+		enum: ["card", "split"]
+	}),
 	showCredentials: t.boolean({
 		title: "Credentials",
 		default: true,
@@ -26,35 +30,32 @@ const showcaseSchema = t.object({
 		default: false,
 		$control: { switch: true }
 	}),
-	usernameEnabled: t.boolean({
-		title: "Username Field",
-		default: true,
-		$control: { switch: true }
+	username: t.string({
+		title: "Username",
+		default: "none",
+		enum: [
+			"none",
+			"optional",
+			"required"
+		]
 	}),
-	usernameRequired: t.boolean({
-		title: "Username Required",
-		default: false,
-		$control: { switch: true }
+	email: t.string({
+		title: "Email",
+		default: "required",
+		enum: [
+			"none",
+			"optional",
+			"required"
+		]
 	}),
-	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 }
+	phoneNumber: t.string({
+		title: "Phone Number",
+		default: "none",
+		enum: [
+			"none",
+			"optional",
+			"required"
+		]
 	}),
 	registrationAllowed: t.boolean({
 		title: "Registration Allowed",
@@ -89,17 +90,13 @@ const buildRealmConfig = (props) => {
 			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,
+			email: props.email,
+			username: props.username,
 			usernameRegExp: "^[a-zA-Z0-9_]{3,30}$",
-			phoneEnabled: props.phoneEnabled,
-			phoneRequired: props.phoneRequired,
+			phoneNumber: props.phoneNumber,
 			verifyEmailRequired: false,
 			verifyPhoneRequired: false,
-			firstNameLastNameEnabled: false,
-			firstNameLastNameRequired: false,
+			firstNameLastName: "none",
 			resetPasswordAllowed: true,
 			adminEmails: [],
 			adminUsernames: [],
@@ -118,23 +115,24 @@ const DemoRegister = () => {
 		title: "Register",
 		schema: showcaseSchema,
 		initialValues: {
+			variant: "card",
 			showCredentials: true,
 			showGoogleOAuth: true,
 			showGithubOAuth: false,
-			usernameEnabled: true,
-			usernameRequired: false,
-			emailEnabled: true,
-			emailRequired: true,
-			phoneEnabled: false,
-			phoneRequired: false,
+			username: "none",
+			email: "required",
+			phoneNumber: "none",
 			registrationAllowed: true,
 			showBranding: true
 		},
 		columns: 1,
-		children: (props) => /* @__PURE__ */ jsx(Register, { realmConfig: buildRealmConfig(props) })
+		children: (props) => /* @__PURE__ */ jsx(Register, {
+			realmConfig: buildRealmConfig(props),
+			variant: props.variant
+		})
 	});
 };
-
 //#endregion
 export { DemoRegister as default };
-//# sourceMappingURL=DemoRegister-YHPvPg77.js.map
+
+//# sourceMappingURL=DemoRegister-Q6sg2xuV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DemoRegister-Q6sg2xuV.js","names":[],"sources":["../../src/demo/components/auth/DemoRegister.tsx"],"sourcesContent":["import { Register } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport type { FieldRequirement, RealmConfig } from \"alepha/api/users\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  variant: t.string({\n    title: \"Variant\",\n    default: \"card\",\n    enum: [\"card\", \"split\"],\n  }),\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  username: t.string({\n    title: \"Username\",\n    default: \"none\",\n    enum: [\"none\", \"optional\", \"required\"],\n  }),\n  email: t.string({\n    title: \"Email\",\n    default: \"required\",\n    enum: [\"none\", \"optional\", \"required\"],\n  }),\n  phoneNumber: t.string({\n    title: \"Phone Number\",\n    default: \"none\",\n    enum: [\"none\", \"optional\", \"required\"],\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  username: string;\n  email: string;\n  phoneNumber: string;\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      email: props.email as FieldRequirement,\n      username: props.username as FieldRequirement,\n      usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n      phoneNumber: props.phoneNumber as FieldRequirement,\n      verifyEmailRequired: false,\n      verifyPhoneRequired: false,\n      firstNameLastName: \"none\" as FieldRequirement,\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        variant: \"card\",\n        showCredentials: true,\n        showGoogleOAuth: true,\n        showGithubOAuth: false,\n        username: \"none\",\n        email: \"required\",\n        phoneNumber: \"none\",\n        registrationAllowed: true,\n        showBranding: true,\n      }}\n      columns={1}\n    >\n      {(props) => (\n        <Register\n          realmConfig={buildRealmConfig(props)}\n          variant={props.variant as \"card\" | \"split\"}\n        />\n      )}\n    </Showcase>\n  );\n};\n\nexport default DemoRegister;\n"],"mappings":";;;;;;;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,SAAS,EAAE,OAAO;EAChB,OAAO;EACP,SAAS;EACT,MAAM,CAAC,QAAQ,QAAQ;EACxB,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,UAAU,EAAE,OAAO;EACjB,OAAO;EACP,SAAS;EACT,MAAM;GAAC;GAAQ;GAAY;GAAW;EACvC,CAAC;CACF,OAAO,EAAE,OAAO;EACd,OAAO;EACP,SAAS;EACT,MAAM;GAAC;GAAQ;GAAY;GAAW;EACvC,CAAC;CACF,aAAa,EAAE,OAAO;EACpB,OAAO;EACP,SAAS;EACT,MAAM;GAAC;GAAQ;GAAY;GAAW;EACvC,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,UASP;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,KAAA;GAC/C,aAAa,MAAM,eAAe,wBAAwB,KAAA;GAC1D,SAAS,KAAA;GACT,qBAAqB,MAAM;GAC3B,OAAO,MAAM;GACb,UAAU,MAAM;GAChB,gBAAgB;GAChB,aAAa,MAAM;GACnB,qBAAqB;GACrB,qBAAqB;GACrB,mBAAmB;GACnB,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,UAAD;EACE,OAAM;EACN,QAAQ;EACR,eAAe;GACb,SAAS;GACT,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,UAAU;GACV,OAAO;GACP,aAAa;GACb,qBAAqB;GACrB,cAAc;GACf;EACD,SAAS;aAEP,UACA,oBAAC,UAAD;GACE,aAAa,iBAAiB,MAAM;GACpC,SAAS,MAAM;GACf,CAAA;EAEK,CAAA"}

package/dist/demo/{DemoResetPassword-mOW18Zlm.js → DemoResetPassword-DrqZfmEw.js}

@@ -1,14 +1,13 @@
-import "./core-B7LNjM78.js";
-import "./IconGoogle-CSQLPYwX.js";
-import "./Login-CoYf_P_F.js";
-import "./Register-fXHmBpr3.js";
-import { t as ResetPassword } from "./ResetPassword-CAPj8MO3.js";
-import "./VerifyEmail-DFmdCdYs.js";
-import "./auth-Djd7SKiw.js";
-import { t as Showcase } from "./Showcase-BtEU0pY9.js";
+import "./core-DRtQklr3.js";
+import "./IconGoogle-CwQy4G9y.js";
+import "./Login-CqG1iJbn.js";
+import "./Register-KKZwr_lL.js";
+import { t as ResetPassword } from "./ResetPassword-DMrLFEtr.js";
+import "./VerifyEmail-BFCAFz6T.js";
+import "./auth-D9qTZzCa.js";
+import { t as Showcase } from "./Showcase-D49Wud2v.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({
@@ -34,17 +33,13 @@ const buildRealmConfig = (props) => {
 			description: props.showBranding ? "Reset your password" : void 0,
 			logoUrl: void 0,
 			registrationAllowed: true,
-			emailEnabled: true,
-			emailRequired: true,
-			usernameEnabled: false,
-			usernameRequired: false,
+			email: "required",
+			username: "none",
 			usernameRegExp: "^[a-zA-Z0-9_]{3,30}$",
-			phoneEnabled: false,
-			phoneRequired: false,
+			phoneNumber: "none",
 			verifyEmailRequired: false,
 			verifyPhoneRequired: false,
-			firstNameLastNameEnabled: false,
-			firstNameLastNameRequired: false,
+			firstNameLastName: "none",
 			resetPasswordAllowed: props.resetPasswordAllowed,
 			adminEmails: [],
 			adminUsernames: [],
@@ -70,7 +65,7 @@ const DemoResetPassword = () => {
 		children: (props) => /* @__PURE__ */ jsx(ResetPassword, { realmConfig: buildRealmConfig(props) })
 	});
 };
-
 //#endregion
 export { DemoResetPassword as default };
-//# sourceMappingURL=DemoResetPassword-mOW18Zlm.js.map
+
+//# sourceMappingURL=DemoResetPassword-DrqZfmEw.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DemoResetPassword-DrqZfmEw.js","names":[],"sources":["../../src/demo/components/auth/DemoResetPassword.tsx"],"sourcesContent":["import { ResetPassword } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport type { FieldRequirement, 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      email: \"required\" as FieldRequirement,\n      username: \"none\" as FieldRequirement,\n      usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n      phoneNumber: \"none\" as FieldRequirement,\n      verifyEmailRequired: false,\n      verifyPhoneRequired: false,\n      firstNameLastName: \"none\" as FieldRequirement,\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,KAAA;GAC/C,aAAa,MAAM,eAAe,wBAAwB,KAAA;GAC1D,SAAS,KAAA;GACT,qBAAqB;GACrB,OAAO;GACP,UAAU;GACV,gBAAgB;GAChB,aAAa;GACb,qBAAqB;GACrB,qBAAqB;GACrB,mBAAmB;GACnB,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,UAAD;EACE,OAAM;EACN,QAAQ;EACR,eAAe;GACb,sBAAsB;GACtB,cAAc;GACf;EACD,SAAS;aAEP,UAAU,oBAAC,eAAD,EAAe,aAAa,iBAAiB,MAAM,EAAI,CAAA;EAC1D,CAAA"}

package/dist/demo/{DemoSidebar-od7aLjP_.js → DemoSidebar-CfKS6w1o.js}

@@ -1,10 +1,9 @@
-import { l as Sidebar } from "./core-B7LNjM78.js";
-import { t as Showcase } from "./Showcase-BtEU0pY9.js";
+import { c as Sidebar } from "./core-DRtQklr3.js";
+import { t as Showcase } from "./Showcase-D49Wud2v.js";
 import { t } from "alepha";
 import { Flex } from "@mantine/core";
 import { jsx } from "react/jsx-runtime";
 import { IconDashboard, IconFiles, IconSettings, IconUsers } from "@tabler/icons-react";
-
 //#region ../../src/demo/components/layout/DemoSidebar.tsx
 const sidebarItems = [
 	{ type: "search" },
@@ -72,7 +71,7 @@ const DemoSidebar = () => {
 		})
 	});
 };
-
 //#endregion
 export { DemoSidebar as default };
-//# sourceMappingURL=DemoSidebar-od7aLjP_.js.map
+
+//# sourceMappingURL=DemoSidebar-CfKS6w1o.js.map

package/dist/demo/{DemoSidebar-od7aLjP_.js.map → DemoSidebar-CfKS6w1o.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DemoSidebar-od7aLjP_.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"}
+{"version":3,"file":"DemoSidebar-CfKS6w1o.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,UAAD;EACE,OAAM;EACN,QAAQ;EACR,eAAe;GACb,WAAW;GACX,KAAK;GACN;EACD,SAAS;EACT,aAAa,EACX,gBAAgB,EAAE,GAAG,GAAG,EACzB;aAEC,UACA,oBAAC,MAAD;GACE,GAAG;GACH,GAAG,MAAM,YAAY,KAAK;GAC1B,IAAG;aAEH,oBAAC,SAAD;IACE,OAAO;IACP,WAAW,MAAM;IACjB,KAAK,MAAM;IACX,CAAA;GACG,CAAA;EAEA,CAAA"}

package/dist/demo/{DemoText-DU3JeRS0.js → DemoText-pT6Gi5b5.js}

@@ -1,8 +1,7 @@
-import { f as Flex, s as Text } from "./core-B7LNjM78.js";
-import { t as Showcase } from "./Showcase-BtEU0pY9.js";
+import { f as Flex, l as Text } from "./core-DRtQklr3.js";
+import { t as Showcase } from "./Showcase-D49Wud2v.js";
 import { t } from "alepha";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region ../../src/demo/components/core/DemoText.tsx
 const showcaseSchema = t.object({
 	bold: t.boolean({
@@ -118,7 +117,7 @@ const DemoText = () => {
 		})
 	});
 };
-
 //#endregion
 export { DemoText as default };
-//# sourceMappingURL=DemoText-DU3JeRS0.js.map
+
+//# sourceMappingURL=DemoText-pT6Gi5b5.js.map

package/dist/demo/{DemoText-DU3JeRS0.js.map → DemoText-pT6Gi5b5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DemoText-DU3JeRS0.js","names":[],"sources":["../../src/demo/components/core/DemoText.tsx"],"sourcesContent":["import type { AlephaIntent } from \"@alepha/ui\";\nimport { Flex, Text } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  bold: t.boolean({\n    title: \"bold\",\n    default: false,\n    $control: { switch: true },\n  }),\n  italic: t.boolean({\n    title: \"italic\",\n    default: false,\n    $control: { switch: true },\n  }),\n  light: t.boolean({\n    title: \"light\",\n    default: false,\n    $control: { switch: true },\n  }),\n  muted: t.boolean({\n    title: \"muted\",\n    default: false,\n    $control: { switch: true },\n  }),\n  small: t.boolean({\n    title: \"small\",\n    default: false,\n    $control: { switch: true },\n  }),\n  monospace: t.boolean({\n    title: \"monospace\",\n    default: false,\n    $control: { switch: true },\n  }),\n  uppercase: t.boolean({\n    title: \"uppercase\",\n    default: false,\n    $control: { switch: true },\n  }),\n  capitalize: t.boolean({\n    title: \"capitalize\",\n    default: false,\n    $control: { switch: true },\n  }),\n  center: t.boolean({\n    title: \"center\",\n    default: false,\n    $control: { switch: true },\n  }),\n  intent: t.optional(\n    t.enum([\"primary\", \"info\", \"success\", \"warning\", \"danger\"], {\n      title: \"intent\",\n    }),\n  ),\n});\n\nconst DemoText = () => {\n  return (\n    <Showcase\n      title=\"Text\"\n      schema={showcaseSchema}\n      initialValues={{\n        bold: false,\n        italic: false,\n        light: false,\n        muted: false,\n        small: false,\n        monospace: false,\n        uppercase: false,\n        capitalize: false,\n        center: false,\n        intent: undefined,\n      }}\n      columns={2}\n    >\n      {(props) => (\n        <Flex col gap=\"lg\" p=\"md\" style={{ minWidth: 300 }}>\n          <Text\n            bold={props.bold}\n            italic={props.italic}\n            light={props.light}\n            muted={props.muted}\n            small={props.small}\n            monospace={props.monospace}\n            uppercase={props.uppercase}\n            capitalize={props.capitalize}\n            center={props.center}\n            intent={(props.intent || undefined) as AlephaIntent | undefined}\n          >\n            The quick brown fox jumps over the lazy dog.\n          </Text>\n          <Text muted small>\n            Muted small text for secondary information.\n          </Text>\n          <Text bold intent=\"danger\">\n            Bold danger text for errors.\n          </Text>\n          <Text monospace>console.log(\"monospace text\");</Text>\n          <Text bold uppercase muted>\n            Section header style\n          </Text>\n        </Flex>\n      )}\n    </Showcase>\n  );\n};\n\nexport default DemoText;\n"],"mappings":";;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,MAAM,EAAE,QAAQ;EACd,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,QAAQ,EAAE,QAAQ;EAChB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,OAAO,EAAE,QAAQ;EACf,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,OAAO,EAAE,QAAQ;EACf,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,OAAO,EAAE,QAAQ;EACf,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,WAAW,EAAE,QAAQ;EACnB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,WAAW,EAAE,QAAQ;EACnB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,YAAY,EAAE,QAAQ;EACpB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,QAAQ,EAAE,QAAQ;EAChB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,QAAQ,EAAE,SACR,EAAE,KAAK;EAAC;EAAW;EAAQ;EAAW;EAAW;EAAS,EAAE,EAC1D,OAAO,UACR,CAAC,CACH;CACF,CAAC;AAEF,MAAM,iBAAiB;AACrB,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,MAAM;GACN,QAAQ;GACR,OAAO;GACP,OAAO;GACP,OAAO;GACP,WAAW;GACX,WAAW;GACX,YAAY;GACZ,QAAQ;GACR,QAAQ;GACT;EACD,SAAS;aAEP,UACA,qBAAC;GAAK;GAAI,KAAI;GAAK,GAAE;GAAK,OAAO,EAAE,UAAU,KAAK;;IAChD,oBAAC;KACC,MAAM,MAAM;KACZ,QAAQ,MAAM;KACd,OAAO,MAAM;KACb,OAAO,MAAM;KACb,OAAO,MAAM;KACb,WAAW,MAAM;KACjB,WAAW,MAAM;KACjB,YAAY,MAAM;KAClB,QAAQ,MAAM;KACd,QAAS,MAAM,UAAU;eAC1B;MAEM;IACP,oBAAC;KAAK;KAAM;eAAM;MAEX;IACP,oBAAC;KAAK;KAAK,QAAO;eAAS;MAEpB;IACP,oBAAC;KAAK;eAAU;MAAqC;IACrD,oBAAC;KAAK;KAAK;KAAU;eAAM;MAEpB;;IACF;GAEA"}
+{"version":3,"file":"DemoText-pT6Gi5b5.js","names":[],"sources":["../../src/demo/components/core/DemoText.tsx"],"sourcesContent":["import type { AlephaIntent } from \"@alepha/ui\";\nimport { Flex, Text } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  bold: t.boolean({\n    title: \"bold\",\n    default: false,\n    $control: { switch: true },\n  }),\n  italic: t.boolean({\n    title: \"italic\",\n    default: false,\n    $control: { switch: true },\n  }),\n  light: t.boolean({\n    title: \"light\",\n    default: false,\n    $control: { switch: true },\n  }),\n  muted: t.boolean({\n    title: \"muted\",\n    default: false,\n    $control: { switch: true },\n  }),\n  small: t.boolean({\n    title: \"small\",\n    default: false,\n    $control: { switch: true },\n  }),\n  monospace: t.boolean({\n    title: \"monospace\",\n    default: false,\n    $control: { switch: true },\n  }),\n  uppercase: t.boolean({\n    title: \"uppercase\",\n    default: false,\n    $control: { switch: true },\n  }),\n  capitalize: t.boolean({\n    title: \"capitalize\",\n    default: false,\n    $control: { switch: true },\n  }),\n  center: t.boolean({\n    title: \"center\",\n    default: false,\n    $control: { switch: true },\n  }),\n  intent: t.optional(\n    t.enum([\"primary\", \"info\", \"success\", \"warning\", \"danger\"], {\n      title: \"intent\",\n    }),\n  ),\n});\n\nconst DemoText = () => {\n  return (\n    <Showcase\n      title=\"Text\"\n      schema={showcaseSchema}\n      initialValues={{\n        bold: false,\n        italic: false,\n        light: false,\n        muted: false,\n        small: false,\n        monospace: false,\n        uppercase: false,\n        capitalize: false,\n        center: false,\n        intent: undefined,\n      }}\n      columns={2}\n    >\n      {(props) => (\n        <Flex col gap=\"lg\" p=\"md\" style={{ minWidth: 300 }}>\n          <Text\n            bold={props.bold}\n            italic={props.italic}\n            light={props.light}\n            muted={props.muted}\n            small={props.small}\n            monospace={props.monospace}\n            uppercase={props.uppercase}\n            capitalize={props.capitalize}\n            center={props.center}\n            intent={(props.intent || undefined) as AlephaIntent | undefined}\n          >\n            The quick brown fox jumps over the lazy dog.\n          </Text>\n          <Text muted small>\n            Muted small text for secondary information.\n          </Text>\n          <Text bold intent=\"danger\">\n            Bold danger text for errors.\n          </Text>\n          <Text monospace>console.log(\"monospace text\");</Text>\n          <Text bold uppercase muted>\n            Section header style\n          </Text>\n        </Flex>\n      )}\n    </Showcase>\n  );\n};\n\nexport default DemoText;\n"],"mappings":";;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,MAAM,EAAE,QAAQ;EACd,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,QAAQ,EAAE,QAAQ;EAChB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,OAAO,EAAE,QAAQ;EACf,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,OAAO,EAAE,QAAQ;EACf,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,OAAO,EAAE,QAAQ;EACf,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,WAAW,EAAE,QAAQ;EACnB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,WAAW,EAAE,QAAQ;EACnB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,YAAY,EAAE,QAAQ;EACpB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,QAAQ,EAAE,QAAQ;EAChB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,QAAQ,EAAE,SACR,EAAE,KAAK;EAAC;EAAW;EAAQ;EAAW;EAAW;EAAS,EAAE,EAC1D,OAAO,UACR,CAAC,CACH;CACF,CAAC;AAEF,MAAM,iBAAiB;AACrB,QACE,oBAAC,UAAD;EACE,OAAM;EACN,QAAQ;EACR,eAAe;GACb,MAAM;GACN,QAAQ;GACR,OAAO;GACP,OAAO;GACP,OAAO;GACP,WAAW;GACX,WAAW;GACX,YAAY;GACZ,QAAQ;GACR,QAAQ,KAAA;GACT;EACD,SAAS;aAEP,UACA,qBAAC,MAAD;GAAM,KAAA;GAAI,KAAI;GAAK,GAAE;GAAK,OAAO,EAAE,UAAU,KAAK;aAAlD;IACE,oBAAC,MAAD;KACE,MAAM,MAAM;KACZ,QAAQ,MAAM;KACd,OAAO,MAAM;KACb,OAAO,MAAM;KACb,OAAO,MAAM;KACb,WAAW,MAAM;KACjB,WAAW,MAAM;KACjB,YAAY,MAAM;KAClB,QAAQ,MAAM;KACd,QAAS,MAAM,UAAU,KAAA;eAC1B;KAEM,CAAA;IACP,oBAAC,MAAD;KAAM,OAAA;KAAM,OAAA;eAAM;KAEX,CAAA;IACP,oBAAC,MAAD;KAAM,MAAA;KAAK,QAAO;eAAS;KAEpB,CAAA;IACP,oBAAC,MAAD;KAAM,WAAA;eAAU;KAAqC,CAAA;IACrD,oBAAC,MAAD;KAAM,MAAA;KAAK,WAAA;KAAU,OAAA;eAAM;KAEpB,CAAA;IACF;;EAEA,CAAA"}

package/dist/demo/{DemoToast-CUJEiPRa.js → DemoToast-I13NBzQQ.js}

@@ -1,7 +1,6 @@
-import { f as Flex, h as ActionButton, s as Text, v as useToast } from "./core-B7LNjM78.js";
+import { f as Flex, h as ActionButton, l as Text, v as useToast } from "./core-DRtQklr3.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { IconCheck, IconExclamationMark, IconInfoCircle, IconX } from "@tabler/icons-react";
-
 //#region ../../src/demo/components/layout/DemoToast.tsx
 const DemoToast = () => {
 	const toast = useToast();
@@ -89,7 +88,7 @@ const DemoToast = () => {
 		]
 	});
 };
-
 //#endregion
 export { DemoToast as default };
-//# sourceMappingURL=DemoToast-CUJEiPRa.js.map
+
+//# sourceMappingURL=DemoToast-I13NBzQQ.js.map

package/dist/demo/{DemoToast-CUJEiPRa.js.map → DemoToast-I13NBzQQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DemoToast-CUJEiPRa.js","names":[],"sources":["../../src/demo/components/layout/DemoToast.tsx"],"sourcesContent":["import { ActionButton, Flex, Text, useToast } from \"@alepha/ui\";\nimport {\n  IconCheck,\n  IconExclamationMark,\n  IconInfoCircle,\n  IconX,\n} from \"@tabler/icons-react\";\n\nconst DemoToast = () => {\n  const toast = useToast();\n\n  return (\n    <Flex col gap=\"xl\" p=\"xl\">\n      <Text bold size=\"lg\">\n        Toast Service\n      </Text>\n      <Text muted small>\n        Notification toasts via the ToastService. Fire-and-forget notifications\n        for user feedback.\n      </Text>\n\n      <Flex gap=\"md\" wrap=\"wrap\">\n        <ActionButton\n          icon={IconCheck}\n          variant=\"light\"\n          intent=\"success\"\n          onClick={() => toast.success(\"Operation completed successfully.\")}\n        >\n          Success\n        </ActionButton>\n\n        <ActionButton\n          icon={IconX}\n          variant=\"light\"\n          intent=\"danger\"\n          onClick={() => toast.danger(\"Something went wrong.\")}\n        >\n          Error\n        </ActionButton>\n\n        <ActionButton\n          icon={IconExclamationMark}\n          variant=\"light\"\n          intent=\"warning\"\n          onClick={() => toast.warning(\"Please check your input.\")}\n        >\n          Warning\n        </ActionButton>\n\n        <ActionButton\n          icon={IconInfoCircle}\n          variant=\"light\"\n          intent=\"info\"\n          onClick={() => toast.info(\"Here is some useful information.\")}\n        >\n          Info\n        </ActionButton>\n      </Flex>\n\n      <Flex col gap=\"md\">\n        <Text bold small uppercase muted>\n          With Title\n        </Text>\n        <Flex gap=\"md\" wrap=\"wrap\">\n          <ActionButton\n            variant=\"light\"\n            intent=\"success\"\n            onClick={() =>\n              toast.success({\n                message: \"Your changes have been saved.\",\n                title: \"Saved\",\n              })\n            }\n          >\n            With Title\n          </ActionButton>\n          <ActionButton\n            variant=\"light\"\n            intent=\"danger\"\n            onClick={() =>\n              toast.danger({\n                message: \"Failed to connect to the server.\",\n                title: \"Connection Error\",\n                autoClose: false,\n              })\n            }\n          >\n            Persistent\n          </ActionButton>\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default DemoToast;\n"],"mappings":";;;;;AAQA,MAAM,kBAAkB;CACtB,MAAM,QAAQ,UAAU;AAExB,QACE,qBAAC;EAAK;EAAI,KAAI;EAAK,GAAE;;GACnB,oBAAC;IAAK;IAAK,MAAK;cAAK;KAEd;GACP,oBAAC;IAAK;IAAM;cAAM;KAGX;GAEP,qBAAC;IAAK,KAAI;IAAK,MAAK;;KAClB,oBAAC;MACC,MAAM;MACN,SAAQ;MACR,QAAO;MACP,eAAe,MAAM,QAAQ,oCAAoC;gBAClE;OAEc;KAEf,oBAAC;MACC,MAAM;MACN,SAAQ;MACR,QAAO;MACP,eAAe,MAAM,OAAO,wBAAwB;gBACrD;OAEc;KAEf,oBAAC;MACC,MAAM;MACN,SAAQ;MACR,QAAO;MACP,eAAe,MAAM,QAAQ,2BAA2B;gBACzD;OAEc;KAEf,oBAAC;MACC,MAAM;MACN,SAAQ;MACR,QAAO;MACP,eAAe,MAAM,KAAK,mCAAmC;gBAC9D;OAEc;;KACV;GAEP,qBAAC;IAAK;IAAI,KAAI;eACZ,oBAAC;KAAK;KAAK;KAAM;KAAU;eAAM;MAE1B,EACP,qBAAC;KAAK,KAAI;KAAK,MAAK;gBAClB,oBAAC;MACC,SAAQ;MACR,QAAO;MACP,eACE,MAAM,QAAQ;OACZ,SAAS;OACT,OAAO;OACR,CAAC;gBAEL;OAEc,EACf,oBAAC;MACC,SAAQ;MACR,QAAO;MACP,eACE,MAAM,OAAO;OACX,SAAS;OACT,OAAO;OACP,WAAW;OACZ,CAAC;gBAEL;OAEc;MACV;KACF;;GACF"}
+{"version":3,"file":"DemoToast-I13NBzQQ.js","names":[],"sources":["../../src/demo/components/layout/DemoToast.tsx"],"sourcesContent":["import { ActionButton, Flex, Text, useToast } from \"@alepha/ui\";\nimport {\n  IconCheck,\n  IconExclamationMark,\n  IconInfoCircle,\n  IconX,\n} from \"@tabler/icons-react\";\n\nconst DemoToast = () => {\n  const toast = useToast();\n\n  return (\n    <Flex col gap=\"xl\" p=\"xl\">\n      <Text bold size=\"lg\">\n        Toast Service\n      </Text>\n      <Text muted small>\n        Notification toasts via the ToastService. Fire-and-forget notifications\n        for user feedback.\n      </Text>\n\n      <Flex gap=\"md\" wrap=\"wrap\">\n        <ActionButton\n          icon={IconCheck}\n          variant=\"light\"\n          intent=\"success\"\n          onClick={() => toast.success(\"Operation completed successfully.\")}\n        >\n          Success\n        </ActionButton>\n\n        <ActionButton\n          icon={IconX}\n          variant=\"light\"\n          intent=\"danger\"\n          onClick={() => toast.danger(\"Something went wrong.\")}\n        >\n          Error\n        </ActionButton>\n\n        <ActionButton\n          icon={IconExclamationMark}\n          variant=\"light\"\n          intent=\"warning\"\n          onClick={() => toast.warning(\"Please check your input.\")}\n        >\n          Warning\n        </ActionButton>\n\n        <ActionButton\n          icon={IconInfoCircle}\n          variant=\"light\"\n          intent=\"info\"\n          onClick={() => toast.info(\"Here is some useful information.\")}\n        >\n          Info\n        </ActionButton>\n      </Flex>\n\n      <Flex col gap=\"md\">\n        <Text bold small uppercase muted>\n          With Title\n        </Text>\n        <Flex gap=\"md\" wrap=\"wrap\">\n          <ActionButton\n            variant=\"light\"\n            intent=\"success\"\n            onClick={() =>\n              toast.success({\n                message: \"Your changes have been saved.\",\n                title: \"Saved\",\n              })\n            }\n          >\n            With Title\n          </ActionButton>\n          <ActionButton\n            variant=\"light\"\n            intent=\"danger\"\n            onClick={() =>\n              toast.danger({\n                message: \"Failed to connect to the server.\",\n                title: \"Connection Error\",\n                autoClose: false,\n              })\n            }\n          >\n            Persistent\n          </ActionButton>\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default DemoToast;\n"],"mappings":";;;;AAQA,MAAM,kBAAkB;CACtB,MAAM,QAAQ,UAAU;AAExB,QACE,qBAAC,MAAD;EAAM,KAAA;EAAI,KAAI;EAAK,GAAE;YAArB;GACE,oBAAC,MAAD;IAAM,MAAA;IAAK,MAAK;cAAK;IAEd,CAAA;GACP,oBAAC,MAAD;IAAM,OAAA;IAAM,OAAA;cAAM;IAGX,CAAA;GAEP,qBAAC,MAAD;IAAM,KAAI;IAAK,MAAK;cAApB;KACE,oBAAC,cAAD;MACE,MAAM;MACN,SAAQ;MACR,QAAO;MACP,eAAe,MAAM,QAAQ,oCAAoC;gBAClE;MAEc,CAAA;KAEf,oBAAC,cAAD;MACE,MAAM;MACN,SAAQ;MACR,QAAO;MACP,eAAe,MAAM,OAAO,wBAAwB;gBACrD;MAEc,CAAA;KAEf,oBAAC,cAAD;MACE,MAAM;MACN,SAAQ;MACR,QAAO;MACP,eAAe,MAAM,QAAQ,2BAA2B;gBACzD;MAEc,CAAA;KAEf,oBAAC,cAAD;MACE,MAAM;MACN,SAAQ;MACR,QAAO;MACP,eAAe,MAAM,KAAK,mCAAmC;gBAC9D;MAEc,CAAA;KACV;;GAEP,qBAAC,MAAD;IAAM,KAAA;IAAI,KAAI;cAAd,CACE,oBAAC,MAAD;KAAM,MAAA;KAAK,OAAA;KAAM,WAAA;KAAU,OAAA;eAAM;KAE1B,CAAA,EACP,qBAAC,MAAD;KAAM,KAAI;KAAK,MAAK;eAApB,CACE,oBAAC,cAAD;MACE,SAAQ;MACR,QAAO;MACP,eACE,MAAM,QAAQ;OACZ,SAAS;OACT,OAAO;OACR,CAAC;gBAEL;MAEc,CAAA,EACf,oBAAC,cAAD;MACE,SAAQ;MACR,QAAO;MACP,eACE,MAAM,OAAO;OACX,SAAS;OACT,OAAO;OACP,WAAW;OACZ,CAAC;gBAEL;MAEc,CAAA,CACV;OACF;;GACF"}

package/dist/demo/{DemoTypeForm-C1dNkahD.js → DemoTypeForm-BqzcrtvN.js}

@@ -1,9 +1,8 @@
-import { a as TypeForm } from "./core-B7LNjM78.js";
-import { t as Showcase } from "./Showcase-BtEU0pY9.js";
+import { a as TypeForm, m as useDialog } from "./core-DRtQklr3.js";
+import { t as Showcase } from "./Showcase-D49Wud2v.js";
 import { t } from "alepha";
 import { useForm } from "alepha/react/form";
 import { jsx } from "react/jsx-runtime";
-
 //#region ../../src/demo/components/core/DemoTypeForm.tsx
 const formSchema = t.object({
 	username: t.text({
@@ -52,10 +51,14 @@ const showcaseSchema = t.object({
 	})
 });
 const DemoTypeForm = () => {
+	const dialog = useDialog();
 	const form = useForm({
 		schema: formSchema,
 		handler: (values) => {
-			alert(JSON.stringify(values, null, 2));
+			dialog.alert({
+				title: "Submitted",
+				message: JSON.stringify(values, null, 2)
+			});
 		}
 	}, []);
 	return /* @__PURE__ */ jsx(Showcase, {
@@ -76,7 +79,7 @@ const DemoTypeForm = () => {
 		})
 	});
 };
-
 //#endregion
 export { DemoTypeForm as default };
-//# sourceMappingURL=DemoTypeForm-C1dNkahD.js.map
+
+//# sourceMappingURL=DemoTypeForm-BqzcrtvN.js.map

package/dist/demo/DemoTypeForm-BqzcrtvN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoTypeForm-BqzcrtvN.js","names":[],"sources":["../../src/demo/components/core/DemoTypeForm.tsx"],"sourcesContent":["import { TypeForm, useDialog } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport { useForm } from \"alepha/react/form\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst formSchema = t.object({\n  username: t.text({ title: \"Username\", default: \"\" }),\n  email: t.email({ title: \"Email\", default: \"\" }),\n  age: t.integer({ title: \"Age\", minimum: 0, maximum: 120 }),\n  role: t.enum([\"admin\", \"user\", \"guest\"], { title: \"Role\", default: \"user\" }),\n  subscribe: t.boolean({ title: \"Subscribe\", default: false }),\n});\n\nconst showcaseSchema = t.object({\n  columns: t.integer({\n    title: \"Columns\",\n    default: 1,\n    minimum: 1,\n    maximum: 4,\n    $control: { slider: true },\n  }),\n  fill: t.boolean({\n    title: \"Fill Width\",\n    default: false,\n    $control: { switch: true },\n  }),\n  skipSubmitButton: t.boolean({\n    title: \"Hide Submit\",\n    default: false,\n    $control: { switch: true },\n  }),\n});\n\nconst DemoTypeForm = () => {\n  const dialog = useDialog();\n\n  const form = useForm(\n    {\n      schema: formSchema,\n      handler: (values) => {\n        dialog.alert({\n          title: \"Submitted\",\n          message: JSON.stringify(values, null, 2),\n        });\n      },\n    },\n    [],\n  );\n\n  return (\n    <Showcase\n      title=\"TypeForm\"\n      schema={showcaseSchema}\n      initialValues={{\n        columns: 1,\n        fill: false,\n        skipSubmitButton: false,\n      }}\n      columns={1}\n    >\n      {(props) => (\n        <TypeForm\n          form={form}\n          columns={props.columns}\n          fill={props.fill}\n          skipSubmitButton={props.skipSubmitButton}\n          submitButtonProps={{ children: \"Submit\" }}\n        />\n      )}\n    </Showcase>\n  );\n};\n\nexport default DemoTypeForm;\n"],"mappings":";;;;;;AAKA,MAAM,aAAa,EAAE,OAAO;CAC1B,UAAU,EAAE,KAAK;EAAE,OAAO;EAAY,SAAS;EAAI,CAAC;CACpD,OAAO,EAAE,MAAM;EAAE,OAAO;EAAS,SAAS;EAAI,CAAC;CAC/C,KAAK,EAAE,QAAQ;EAAE,OAAO;EAAO,SAAS;EAAG,SAAS;EAAK,CAAC;CAC1D,MAAM,EAAE,KAAK;EAAC;EAAS;EAAQ;EAAQ,EAAE;EAAE,OAAO;EAAQ,SAAS;EAAQ,CAAC;CAC5E,WAAW,EAAE,QAAQ;EAAE,OAAO;EAAa,SAAS;EAAO,CAAC;CAC7D,CAAC;AAEF,MAAM,iBAAiB,EAAE,OAAO;CAC9B,SAAS,EAAE,QAAQ;EACjB,OAAO;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,MAAM,EAAE,QAAQ;EACd,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;CACH,CAAC;AAEF,MAAM,qBAAqB;CACzB,MAAM,SAAS,WAAW;CAE1B,MAAM,OAAO,QACX;EACE,QAAQ;EACR,UAAU,WAAW;AACnB,UAAO,MAAM;IACX,OAAO;IACP,SAAS,KAAK,UAAU,QAAQ,MAAM,EAAE;IACzC,CAAC;;EAEL,EACD,EAAE,CACH;AAED,QACE,oBAAC,UAAD;EACE,OAAM;EACN,QAAQ;EACR,eAAe;GACb,SAAS;GACT,MAAM;GACN,kBAAkB;GACnB;EACD,SAAS;aAEP,UACA,oBAAC,UAAD;GACQ;GACN,SAAS,MAAM;GACf,MAAM,MAAM;GACZ,kBAAkB,MAAM;GACxB,mBAAmB,EAAE,UAAU,UAAU;GACzC,CAAA;EAEK,CAAA"}

package/dist/demo/DemoVerifyEmail-HwD8xfQw.js

@@ -0,0 +1,33 @@
+import "./core-DRtQklr3.js";
+import "./IconGoogle-CwQy4G9y.js";
+import "./Login-CqG1iJbn.js";
+import "./Register-KKZwr_lL.js";
+import "./ResetPassword-DMrLFEtr.js";
+import { t as VerifyEmail } from "./VerifyEmail-BFCAFz6T.js";
+import "./auth-D9qTZzCa.js";
+import { t as Showcase } from "./Showcase-D49Wud2v.js";
+import { t } from "alepha";
+import { jsx } from "react/jsx-runtime";
+//#region ../../src/demo/components/auth/DemoVerifyEmail.tsx
+const showcaseSchema = t.object({ step: t.string({
+	title: "Step",
+	default: "success",
+	enum: [
+		"verifying",
+		"success",
+		"error"
+	]
+}) });
+const DemoVerifyEmail = () => {
+	return /* @__PURE__ */ jsx(Showcase, {
+		title: "VerifyEmail",
+		schema: showcaseSchema,
+		initialValues: { step: "success" },
+		columns: 1,
+		children: (values) => /* @__PURE__ */ jsx(VerifyEmail, { step: values.step })
+	});
+};
+//#endregion
+export { DemoVerifyEmail as default };
+
+//# sourceMappingURL=DemoVerifyEmail-HwD8xfQw.js.map

package/dist/demo/DemoVerifyEmail-HwD8xfQw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoVerifyEmail-HwD8xfQw.js","names":[],"sources":["../../src/demo/components/auth/DemoVerifyEmail.tsx"],"sourcesContent":["import type { VerifyEmailStep } from \"@alepha/ui/auth\";\nimport { VerifyEmail } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  step: t.string({\n    title: \"Step\",\n    default: \"success\",\n    enum: [\"verifying\", \"success\", \"error\"],\n  }),\n});\n\nconst DemoVerifyEmail = () => {\n  return (\n    <Showcase\n      title=\"VerifyEmail\"\n      schema={showcaseSchema}\n      initialValues={{\n        step: \"success\",\n      }}\n      columns={1}\n    >\n      {(values) => <VerifyEmail step={values.step as VerifyEmailStep} />}\n    </Showcase>\n  );\n};\n\nexport default DemoVerifyEmail;\n"],"mappings":";;;;;;;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO,EAC9B,MAAM,EAAE,OAAO;CACb,OAAO;CACP,SAAS;CACT,MAAM;EAAC;EAAa;EAAW;EAAQ;CACxC,CAAC,EACH,CAAC;AAEF,MAAM,wBAAwB;AAC5B,QACE,oBAAC,UAAD;EACE,OAAM;EACN,QAAQ;EACR,eAAe,EACb,MAAM,WACP;EACD,SAAS;aAEP,WAAW,oBAAC,aAAD,EAAa,MAAM,OAAO,MAA2B,CAAA;EACzD,CAAA"}

package/dist/{auth/IconGoogle-Ch1m3Uzl.js → demo/IconGoogle-CwQy4G9y.js}

@@ -1,5 +1,4 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region ../../src/auth/components/icons/IconGithub.tsx
 const IconGithub = () => {
 	return /* @__PURE__ */ jsx("svg", {
@@ -17,7 +16,6 @@ const IconGithub = () => {
 		})
 	});
 };
-
 //#endregion
 //#region ../../src/auth/components/icons/IconGoogle.tsx
 const IconGoogle = () => {
@@ -50,7 +48,7 @@ const IconGoogle = () => {
 		]
 	});
 };
-
 //#endregion
 export { IconGithub as n, IconGoogle as t };
-//# sourceMappingURL=IconGoogle-Ch1m3Uzl.js.map
+
+//# sourceMappingURL=IconGoogle-CwQy4G9y.js.map