@alepha/ui 0.18.3 → 0.19.0

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

@@ -1,14 +1,13 @@
-import "./core-DFgB3yU4.js";
-import "./IconGoogle-CSQLPYwX.js";
-import "./Login-C12N4oGs.js";
-import { t as Register } from "./Register-B4hLBeEv.js";
-import "./ResetPassword-D8g9ha1N.js";
-import "./VerifyEmail-BjDo0cZA.js";
-import "./auth-ByVTreDl.js";
-import { t as Showcase } from "./Showcase-D6Fxt4X4.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({
@@ -133,7 +132,7 @@ const DemoRegister = () => {
 		})
 	});
 };
-
 //#endregion
 export { DemoRegister as default };
-//# sourceMappingURL=DemoRegister-BuNE3_-f.js.map
+
+//# sourceMappingURL=DemoRegister-Q6sg2xuV.js.map

package/dist/demo/{DemoRegister-BuNE3_-f.js.map → DemoRegister-Q6sg2xuV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DemoRegister-BuNE3_-f.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;GAC/C,aAAa,MAAM,eAAe,wBAAwB;GAC1D,SAAS;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;EACC,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;GACC,aAAa,iBAAiB,MAAM;GACpC,SAAS,MAAM;IACf;GAEK"}
+{"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-D_IjjjOJ.js → DemoResetPassword-DrqZfmEw.js}

@@ -1,14 +1,13 @@
-import "./core-DFgB3yU4.js";
-import "./IconGoogle-CSQLPYwX.js";
-import "./Login-C12N4oGs.js";
-import "./Register-B4hLBeEv.js";
-import { t as ResetPassword } from "./ResetPassword-D8g9ha1N.js";
-import "./VerifyEmail-BjDo0cZA.js";
-import "./auth-ByVTreDl.js";
-import { t as Showcase } from "./Showcase-D6Fxt4X4.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({
@@ -66,7 +65,7 @@ const DemoResetPassword = () => {
 		children: (props) => /* @__PURE__ */ jsx(ResetPassword, { realmConfig: buildRealmConfig(props) })
 	});
 };
-
 //#endregion
 export { DemoResetPassword as default };
-//# sourceMappingURL=DemoResetPassword-D_IjjjOJ.js.map
+
+//# sourceMappingURL=DemoResetPassword-DrqZfmEw.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DemoResetPassword-D_IjjjOJ.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;GAC/C,aAAa,MAAM,eAAe,wBAAwB;GAC1D,SAAS;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;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,sBAAsB;GACtB,cAAc;GACf;EACD,SAAS;aAEP,UAAU,oBAAC,iBAAc,aAAa,iBAAiB,MAAM,GAAI;GAC1D"}
+{"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-Giy2HRBD.js → DemoSidebar-CfKS6w1o.js}

@@ -1,10 +1,9 @@
-import { c as Sidebar } from "./core-DFgB3yU4.js";
-import { t as Showcase } from "./Showcase-D6Fxt4X4.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-Giy2HRBD.js.map
+
+//# sourceMappingURL=DemoSidebar-CfKS6w1o.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DemoSidebar-Giy2HRBD.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-ubcw-vog.js → DemoText-pT6Gi5b5.js}

@@ -1,8 +1,7 @@
-import { f as Flex, l as Text } from "./core-DFgB3yU4.js";
-import { t as Showcase } from "./Showcase-D6Fxt4X4.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-ubcw-vog.js.map
+
+//# sourceMappingURL=DemoText-pT6Gi5b5.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DemoText-ubcw-vog.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-9die_dYT.js → DemoToast-I13NBzQQ.js}

@@ -1,7 +1,6 @@
-import { f as Flex, h as ActionButton, l as Text, v as useToast } from "./core-DFgB3yU4.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-9die_dYT.js.map
+
+//# sourceMappingURL=DemoToast-I13NBzQQ.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DemoToast-9die_dYT.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-D_d6OVKL.js → DemoTypeForm-BqzcrtvN.js}

@@ -1,9 +1,8 @@
-import { a as TypeForm, m as useDialog } from "./core-DFgB3yU4.js";
-import { t as Showcase } from "./Showcase-D6Fxt4X4.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({
@@ -80,7 +79,7 @@ const DemoTypeForm = () => {
 		})
 	});
 };
-
 //#endregion
 export { DemoTypeForm as default };
-//# sourceMappingURL=DemoTypeForm-D_d6OVKL.js.map
+
+//# sourceMappingURL=DemoTypeForm-BqzcrtvN.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DemoTypeForm-D_d6OVKL.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;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,SAAS;GACT,MAAM;GACN,kBAAkB;GACnB;EACD,SAAS;aAEP,UACA,oBAAC;GACO;GACN,SAAS,MAAM;GACf,MAAM,MAAM;GACZ,kBAAkB,MAAM;GACxB,mBAAmB,EAAE,UAAU,UAAU;IACzC;GAEK"}
+{"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-B43KlF4F.js → DemoVerifyEmail-HwD8xfQw.js}

@@ -1,14 +1,13 @@
-import "./core-DFgB3yU4.js";
-import "./IconGoogle-CSQLPYwX.js";
-import "./Login-C12N4oGs.js";
-import "./Register-B4hLBeEv.js";
-import "./ResetPassword-D8g9ha1N.js";
-import { t as VerifyEmail } from "./VerifyEmail-BjDo0cZA.js";
-import "./auth-ByVTreDl.js";
-import { t as Showcase } from "./Showcase-D6Fxt4X4.js";
+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",
@@ -28,7 +27,7 @@ const DemoVerifyEmail = () => {
 		children: (values) => /* @__PURE__ */ jsx(VerifyEmail, { step: values.step })
 	});
 };
-
 //#endregion
 export { DemoVerifyEmail as default };
-//# sourceMappingURL=DemoVerifyEmail-B43KlF4F.js.map
+
+//# sourceMappingURL=DemoVerifyEmail-HwD8xfQw.js.map

package/dist/demo/{DemoVerifyEmail-B43KlF4F.js.map → DemoVerifyEmail-HwD8xfQw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DemoVerifyEmail-B43KlF4F.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;EACC,OAAM;EACN,QAAQ;EACR,eAAe,EACb,MAAM,WACP;EACD,SAAS;aAEP,WAAW,oBAAC,eAAY,MAAM,OAAO,OAA2B;GACzD"}
+{"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

package/dist/demo/{IconGoogle-CSQLPYwX.js.map → IconGoogle-CwQy4G9y.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconGoogle-CSQLPYwX.js","names":[],"sources":["../../src/auth/components/icons/IconGithub.tsx","../../src/auth/components/icons/IconGoogle.tsx"],"sourcesContent":["const IconGithub = () => {\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 1024 1024\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z\"\n        transform=\"scale(64)\"\n        fill={\"var(--alepha-text)\"}\n      />\n    </svg>\n  );\n};\n\nexport default IconGithub;\n","const IconGoogle = () => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      width=\"24\"\n    >\n      <path\n        d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\n        fill=\"#4285F4\"\n      />\n      <path\n        d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\n        fill=\"#34A853\"\n      />\n      <path\n        d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\n        fill=\"#FBBC05\"\n      />\n      <path\n        d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\n        fill=\"#EA4335\"\n      />\n      <path d=\"M1 1h22v22H1z\" fill=\"none\" />\n    </svg>\n  );\n};\n\nexport default IconGoogle;\n"],"mappings":";;;AAAA,MAAM,mBAAmB;AACvB,QACE,oBAAC;EACC,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,OAAM;YAEN,oBAAC;GACC,UAAS;GACT,UAAS;GACT,GAAE;GACF,WAAU;GACV,MAAM;IACN;GACE;;;;;AChBV,MAAM,mBAAmB;AACvB,QACE,qBAAC;EACC,OAAM;EACN,QAAO;EACP,SAAQ;EACR,OAAM;;GAEN,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IAAK,GAAE;IAAgB,MAAK;KAAS;;GAClC"}
+{"version":3,"file":"IconGoogle-CwQy4G9y.js","names":[],"sources":["../../src/auth/components/icons/IconGithub.tsx","../../src/auth/components/icons/IconGoogle.tsx"],"sourcesContent":["const IconGithub = () => {\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 1024 1024\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z\"\n        transform=\"scale(64)\"\n        fill={\"var(--alepha-text)\"}\n      />\n    </svg>\n  );\n};\n\nexport default IconGithub;\n","const IconGoogle = () => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      width=\"24\"\n    >\n      <path\n        d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\n        fill=\"#4285F4\"\n      />\n      <path\n        d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\n        fill=\"#34A853\"\n      />\n      <path\n        d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\n        fill=\"#FBBC05\"\n      />\n      <path\n        d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\n        fill=\"#EA4335\"\n      />\n      <path d=\"M1 1h22v22H1z\" fill=\"none\" />\n    </svg>\n  );\n};\n\nexport default IconGoogle;\n"],"mappings":";;AAAA,MAAM,mBAAmB;AACvB,QACE,oBAAC,OAAD;EACE,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,OAAM;YAEN,oBAAC,QAAD;GACE,UAAS;GACT,UAAS;GACT,GAAE;GACF,WAAU;GACV,MAAM;GACN,CAAA;EACE,CAAA;;;;AChBV,MAAM,mBAAmB;AACvB,QACE,qBAAC,OAAD;EACE,OAAM;EACN,QAAO;EACP,SAAQ;EACR,OAAM;YAJR;GAME,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,CAAA;GACF,oBAAC,QAAD;IAAM,GAAE;IAAgB,MAAK;IAAS,CAAA;GAClC"}

package/dist/demo/{Login-C12N4oGs.js → Login-CqG1iJbn.js}

@@ -1,6 +1,6 @@
-import { t as __exportAll } from "./rolldown-runtime-CjeV3_4I.js";
-import { h as ActionButton, n as capitalize, o as Control } from "./core-DFgB3yU4.js";
-import { n as IconGithub, t as IconGoogle } from "./IconGoogle-CSQLPYwX.js";
+import { t as __exportAll } from "./rolldown-runtime-CiIaOW0V.js";
+import { h as ActionButton, n as capitalize, o as Control } from "./core-DRtQklr3.js";
+import { n as IconGithub, t as IconGoogle } from "./IconGoogle-CwQy4G9y.js";
 import { AlephaError, t } from "alepha";
 import { FormValidationError, useForm } from "alepha/react/form";
 import { useI18n } from "alepha/react/i18n";
@@ -11,7 +11,6 @@ import { IconLock, IconPhoto, IconUser } from "@tabler/icons-react";
 import { useRouter } from "alepha/react/router";
 import { useAuth } from "alepha/react/auth";
 import { HttpError } from "alepha/server";
-
 //#region ../../src/auth/components/Login.tsx
 var Login_exports = /* @__PURE__ */ __exportAll({ default: () => Login });
 const Login = (props) => {
@@ -269,7 +268,7 @@ const leftSection = (name) => {
 	if (name === "google") return /* @__PURE__ */ jsx(IconGoogle, {});
 	if (name === "github") return /* @__PURE__ */ jsx(IconGithub, {});
 };
-
 //#endregion
 export { Login_exports as n, Login as t };
-//# sourceMappingURL=Login-C12N4oGs.js.map
+
+//# sourceMappingURL=Login-CqG1iJbn.js.map

package/dist/{admin/Login-xtNmQtGh.js.map → demo/Login-CqG1iJbn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Login-xtNmQtGh.js","names":[],"sources":["../../src/auth/components/Login.tsx"],"sourcesContent":["import { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport { Card, Flex, Image, Text, Title } from \"@mantine/core\";\nimport { IconLock, IconPhoto, IconUser } from \"@tabler/icons-react\";\nimport { AlephaError, t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport { useAuth } from \"alepha/react/auth\";\nimport { FormValidationError, useForm } from \"alepha/react/form\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport { HttpError } from \"alepha/server\";\nimport { useMemo } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport IconGithub from \"./icons/IconGithub.tsx\";\nimport IconGoogle from \"./icons/IconGoogle.tsx\";\n\nexport interface LoginProps {\n  realmConfig: RealmConfig;\n  registerPath?: string;\n  resetPasswordPath?: string;\n  variant?: \"card\" | \"split\";\n  image?: string;\n}\n\nconst Login = (props: LoginProps) => {\n  const auth = useAuth();\n  const router = useRouter();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const redirect = router.query.r || \"/\";\n\n  const credentialsProvider = props.realmConfig.authenticationMethods.find(\n    (it) => it.type === \"CREDENTIALS\",\n  );\n\n  const settings = props.realmConfig.settings;\n\n  // Determine what login methods are available\n  const loginMethods = useMemo(() => {\n    const methods = [];\n    if (settings.username !== \"none\") methods.push(\"username\");\n    if (settings.email !== \"none\") methods.push(\"email\");\n    if (settings.phoneNumber !== \"none\") methods.push(\"phone\");\n    return methods;\n  }, [settings]);\n\n  // Create identifier title based on enabled methods\n  const identifierTitle = useMemo(() => {\n    if (loginMethods.length === 0) return tr(\"loginUsername\");\n    if (loginMethods.length === 1) {\n      if (loginMethods[0] === \"username\") return tr(\"loginUsername\");\n      if (loginMethods[0] === \"email\") return tr(\"loginEmail\");\n      if (loginMethods[0] === \"phone\") return tr(\"loginPhone\");\n    }\n    const labels = loginMethods.map((m) => {\n      if (m === \"username\") return tr(\"loginUsername\").toLowerCase();\n      if (m === \"email\") return tr(\"loginEmail\").toLowerCase();\n      if (m === \"phone\") return tr(\"loginPhone\").toLowerCase();\n      return m;\n    });\n    return capitalize(\n      `${labels.slice(0, -1).join(\", \")} or ${labels[labels.length - 1]}`,\n    );\n  }, [loginMethods, tr]);\n\n  const form = useForm({\n    schema: t.object({\n      identifier: t.string({\n        minLength: 1,\n      }),\n      password: t.string({\n        minLength: settings.passwordPolicy?.minLength || 6,\n      }),\n    }),\n    handler: async (data) => {\n      if (!credentialsProvider) {\n        throw new AlephaError(\"Credentials provider not configured\");\n      }\n\n      try {\n        await auth.login(credentialsProvider.name, {\n          username: data.identifier,\n          password: data.password,\n          realm: props.realmConfig.realmName,\n        });\n        await router.push(router.query.r || \"/\");\n      } catch (error) {\n        if (\n          error instanceof HttpError &&\n          error.error === \"InvalidCredentialsError\"\n        ) {\n          throw new FormValidationError({\n            message: \"Invalid identifier or password\",\n            path: \"/password\",\n          });\n        }\n        throw error;\n      }\n    },\n  });\n\n  const getAutoCompleteType = () => {\n    if (loginMethods.includes(\"email\")) {\n      return \"email\";\n    }\n    if (loginMethods.includes(\"username\")) {\n      return \"username\";\n    }\n    if (loginMethods.includes(\"phone\")) {\n      return \"tel\";\n    }\n    return \"username\";\n  };\n\n  const externalLoginMethods = props.realmConfig.authenticationMethods.filter(\n    (method) => method.type !== \"CREDENTIALS\",\n  );\n\n  const showOrDivider = credentialsProvider && externalLoginMethods.length > 0;\n\n  const realmQuery = props.realmConfig.realmName\n    ? `?realm=${encodeURIComponent(props.realmConfig.realmName)}`\n    : \"\";\n\n  const formContent = (\n    <Flex direction=\"column\" gap={\"md\"}>\n      {/* Realm branding */}\n      {(settings.logoUrl || settings.displayName || settings.description) && (\n        <Flex direction=\"column\" gap={\"xs\"} align=\"center\" mb=\"xs\">\n          {settings.logoUrl && (\n            <Image\n              src={settings.logoUrl}\n              alt={settings.displayName || props.realmConfig.realmName}\n              h={48}\n              w=\"auto\"\n              fit=\"contain\"\n            />\n          )}\n          {settings.displayName && (\n            <Title order={4} ta=\"center\">\n              {settings.displayName}\n            </Title>\n          )}\n          {settings.description && (\n            <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n              {settings.description}\n            </Text>\n          )}\n        </Flex>\n      )}\n\n      {/* Credentials login form */}\n      {credentialsProvider && (\n        <>\n          <form {...form.props}>\n            <Flex direction=\"column\" flex={1} gap={\"md\"}>\n              <Control\n                label={identifierTitle}\n                input={form.input.identifier}\n                icon={IconUser}\n                text={{\n                  autoComplete: getAutoCompleteType(),\n                }}\n              />\n              <Control\n                label={tr(\"loginPassword\")}\n                input={form.input.password}\n                icon={IconLock}\n                password={{\n                  autoComplete: \"current-password\",\n                }}\n              />\n              <ActionButton variant={\"filled\"} form={form}>\n                {tr(\"loginSignIn\")}\n              </ActionButton>\n            </Flex>\n          </form>\n          {settings.resetPasswordAllowed && (\n            <Text size=\"sm\" ta=\"center\">\n              <ActionButton\n                href={`${props.resetPasswordPath ?? \"/auth/reset-password\"}${realmQuery}`}\n                anchorProps={{ inherit: true }}\n              >\n                {tr(\"loginForgotPassword\")}\n              </ActionButton>\n            </Text>\n          )}\n        </>\n      )}\n\n      {/* OR divider - only when both credentials AND external methods exist */}\n      {showOrDivider && (\n        <Flex align=\"center\" justify=\"center\" gap={\"md\"}>\n          <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n          <Text size=\"xs\" c={\"dimmed\"}>\n            {tr(\"loginOr\")}\n          </Text>\n          <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n        </Flex>\n      )}\n\n      {/* External login methods */}\n      {externalLoginMethods.length > 0 && (\n        <Flex direction=\"column\" gap={\"sm\"}>\n          {externalLoginMethods.map((method) => (\n            <ActionButton\n              variant={\"default\"}\n              key={method.type}\n              leftSection={leftSection(method.name.toLowerCase())}\n              onClick={() =>\n                auth.login(method.name, {\n                  redirect,\n                  realm: props.realmConfig.realmName,\n                })\n              }\n            >\n              {tr(\"loginContinueWith\", {\n                args: [capitalize(method.name)],\n              })}\n            </ActionButton>\n          ))}\n        </Flex>\n      )}\n\n      {/* Registration link */}\n      {settings.registrationAllowed && (\n        <Text size=\"sm\" ta=\"center\">\n          {tr(\"loginNoAccount\")}{\" \"}\n          <ActionButton\n            href={`${props.registerPath ?? \"/auth/register\"}${realmQuery}`}\n            anchorProps={{ inherit: true }}\n          >\n            {tr(\"loginSignUp\")}\n          </ActionButton>\n        </Text>\n      )}\n    </Flex>\n  );\n\n  if (props.variant === \"split\") {\n    return (\n      <Flex flex={1} justify={\"center\"} align={\"center\"}>\n        <Card\n          withBorder\n          p={0}\n          w={720}\n          bg={\"var(--alepha-elevated)\"}\n          style={{ overflow: \"hidden\" }}\n        >\n          <Flex mih={480}>\n            {props.image ? (\n              <Flex\n                flex={1}\n                style={{\n                  backgroundImage: `url(${props.image})`,\n                  backgroundSize: \"cover\",\n                  backgroundPosition: \"center\",\n                }}\n              />\n            ) : (\n              <Flex\n                flex={1}\n                justify=\"center\"\n                align=\"center\"\n                bg=\"var(--mantine-color-gray-light)\"\n                style={{\n                  borderRight: \"1px solid var(--mantine-color-default-border)\",\n                }}\n              >\n                <Flex\n                  justify=\"center\"\n                  align=\"center\"\n                  w={120}\n                  h={80}\n                  style={{\n                    border: \"2px dashed var(--mantine-color-default-border)\",\n                    borderRadius: \"var(--mantine-radius-sm)\",\n                  }}\n                >\n                  <IconPhoto size={32} style={{ opacity: 0.3 }} />\n                </Flex>\n              </Flex>\n            )}\n            <Flex\n              flex={1}\n              direction=\"column\"\n              gap={\"md\"}\n              p={\"xl\"}\n              justify={\"center\"}\n            >\n              {formContent}\n              <ActionButton variant={\"subtle\"} href={\"/\"}>\n                {tr(\"loginCancel\")}\n              </ActionButton>\n            </Flex>\n          </Flex>\n        </Card>\n      </Flex>\n    );\n  }\n\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Flex direction=\"column\" gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          {formContent}\n        </Card>\n        <ActionButton variant={\"subtle\"} href={\"/\"}>\n          {tr(\"loginCancel\")}\n        </ActionButton>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default Login;\n\nconst leftSection = (name: string) => {\n  if (name === \"google\") {\n    return <IconGoogle />;\n  }\n\n  if (name === \"github\") {\n    return <IconGithub />;\n  }\n};\n"],"mappings":"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"}
+{"version":3,"file":"Login-CqG1iJbn.js","names":[],"sources":["../../src/auth/components/Login.tsx"],"sourcesContent":["import { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport { Card, Flex, Image, Text, Title } from \"@mantine/core\";\nimport { IconLock, IconPhoto, IconUser } from \"@tabler/icons-react\";\nimport { AlephaError, t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport { useAuth } from \"alepha/react/auth\";\nimport { FormValidationError, useForm } from \"alepha/react/form\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport { HttpError } from \"alepha/server\";\nimport { useMemo } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport IconGithub from \"./icons/IconGithub.tsx\";\nimport IconGoogle from \"./icons/IconGoogle.tsx\";\n\nexport interface LoginProps {\n  realmConfig: RealmConfig;\n  registerPath?: string;\n  resetPasswordPath?: string;\n  variant?: \"card\" | \"split\";\n  image?: string;\n}\n\nconst Login = (props: LoginProps) => {\n  const auth = useAuth();\n  const router = useRouter();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const redirect = router.query.r || \"/\";\n\n  const credentialsProvider = props.realmConfig.authenticationMethods.find(\n    (it) => it.type === \"CREDENTIALS\",\n  );\n\n  const settings = props.realmConfig.settings;\n\n  // Determine what login methods are available\n  const loginMethods = useMemo(() => {\n    const methods = [];\n    if (settings.username !== \"none\") methods.push(\"username\");\n    if (settings.email !== \"none\") methods.push(\"email\");\n    if (settings.phoneNumber !== \"none\") methods.push(\"phone\");\n    return methods;\n  }, [settings]);\n\n  // Create identifier title based on enabled methods\n  const identifierTitle = useMemo(() => {\n    if (loginMethods.length === 0) return tr(\"loginUsername\");\n    if (loginMethods.length === 1) {\n      if (loginMethods[0] === \"username\") return tr(\"loginUsername\");\n      if (loginMethods[0] === \"email\") return tr(\"loginEmail\");\n      if (loginMethods[0] === \"phone\") return tr(\"loginPhone\");\n    }\n    const labels = loginMethods.map((m) => {\n      if (m === \"username\") return tr(\"loginUsername\").toLowerCase();\n      if (m === \"email\") return tr(\"loginEmail\").toLowerCase();\n      if (m === \"phone\") return tr(\"loginPhone\").toLowerCase();\n      return m;\n    });\n    return capitalize(\n      `${labels.slice(0, -1).join(\", \")} or ${labels[labels.length - 1]}`,\n    );\n  }, [loginMethods, tr]);\n\n  const form = useForm({\n    schema: t.object({\n      identifier: t.string({\n        minLength: 1,\n      }),\n      password: t.string({\n        minLength: settings.passwordPolicy?.minLength || 6,\n      }),\n    }),\n    handler: async (data) => {\n      if (!credentialsProvider) {\n        throw new AlephaError(\"Credentials provider not configured\");\n      }\n\n      try {\n        await auth.login(credentialsProvider.name, {\n          username: data.identifier,\n          password: data.password,\n          realm: props.realmConfig.realmName,\n        });\n        await router.push(router.query.r || \"/\");\n      } catch (error) {\n        if (\n          error instanceof HttpError &&\n          error.error === \"InvalidCredentialsError\"\n        ) {\n          throw new FormValidationError({\n            message: \"Invalid identifier or password\",\n            path: \"/password\",\n          });\n        }\n        throw error;\n      }\n    },\n  });\n\n  const getAutoCompleteType = () => {\n    if (loginMethods.includes(\"email\")) {\n      return \"email\";\n    }\n    if (loginMethods.includes(\"username\")) {\n      return \"username\";\n    }\n    if (loginMethods.includes(\"phone\")) {\n      return \"tel\";\n    }\n    return \"username\";\n  };\n\n  const externalLoginMethods = props.realmConfig.authenticationMethods.filter(\n    (method) => method.type !== \"CREDENTIALS\",\n  );\n\n  const showOrDivider = credentialsProvider && externalLoginMethods.length > 0;\n\n  const realmQuery = props.realmConfig.realmName\n    ? `?realm=${encodeURIComponent(props.realmConfig.realmName)}`\n    : \"\";\n\n  const formContent = (\n    <Flex direction=\"column\" gap={\"md\"}>\n      {/* Realm branding */}\n      {(settings.logoUrl || settings.displayName || settings.description) && (\n        <Flex direction=\"column\" gap={\"xs\"} align=\"center\" mb=\"xs\">\n          {settings.logoUrl && (\n            <Image\n              src={settings.logoUrl}\n              alt={settings.displayName || props.realmConfig.realmName}\n              h={48}\n              w=\"auto\"\n              fit=\"contain\"\n            />\n          )}\n          {settings.displayName && (\n            <Title order={4} ta=\"center\">\n              {settings.displayName}\n            </Title>\n          )}\n          {settings.description && (\n            <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n              {settings.description}\n            </Text>\n          )}\n        </Flex>\n      )}\n\n      {/* Credentials login form */}\n      {credentialsProvider && (\n        <>\n          <form {...form.props}>\n            <Flex direction=\"column\" flex={1} gap={\"md\"}>\n              <Control\n                label={identifierTitle}\n                input={form.input.identifier}\n                icon={IconUser}\n                text={{\n                  autoComplete: getAutoCompleteType(),\n                }}\n              />\n              <Control\n                label={tr(\"loginPassword\")}\n                input={form.input.password}\n                icon={IconLock}\n                password={{\n                  autoComplete: \"current-password\",\n                }}\n              />\n              <ActionButton variant={\"filled\"} form={form}>\n                {tr(\"loginSignIn\")}\n              </ActionButton>\n            </Flex>\n          </form>\n          {settings.resetPasswordAllowed && (\n            <Text size=\"sm\" ta=\"center\">\n              <ActionButton\n                href={`${props.resetPasswordPath ?? \"/auth/reset-password\"}${realmQuery}`}\n                anchorProps={{ inherit: true }}\n              >\n                {tr(\"loginForgotPassword\")}\n              </ActionButton>\n            </Text>\n          )}\n        </>\n      )}\n\n      {/* OR divider - only when both credentials AND external methods exist */}\n      {showOrDivider && (\n        <Flex align=\"center\" justify=\"center\" gap={\"md\"}>\n          <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n          <Text size=\"xs\" c={\"dimmed\"}>\n            {tr(\"loginOr\")}\n          </Text>\n          <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n        </Flex>\n      )}\n\n      {/* External login methods */}\n      {externalLoginMethods.length > 0 && (\n        <Flex direction=\"column\" gap={\"sm\"}>\n          {externalLoginMethods.map((method) => (\n            <ActionButton\n              variant={\"default\"}\n              key={method.type}\n              leftSection={leftSection(method.name.toLowerCase())}\n              onClick={() =>\n                auth.login(method.name, {\n                  redirect,\n                  realm: props.realmConfig.realmName,\n                })\n              }\n            >\n              {tr(\"loginContinueWith\", {\n                args: [capitalize(method.name)],\n              })}\n            </ActionButton>\n          ))}\n        </Flex>\n      )}\n\n      {/* Registration link */}\n      {settings.registrationAllowed && (\n        <Text size=\"sm\" ta=\"center\">\n          {tr(\"loginNoAccount\")}{\" \"}\n          <ActionButton\n            href={`${props.registerPath ?? \"/auth/register\"}${realmQuery}`}\n            anchorProps={{ inherit: true }}\n          >\n            {tr(\"loginSignUp\")}\n          </ActionButton>\n        </Text>\n      )}\n    </Flex>\n  );\n\n  if (props.variant === \"split\") {\n    return (\n      <Flex flex={1} justify={\"center\"} align={\"center\"}>\n        <Card\n          withBorder\n          p={0}\n          w={720}\n          bg={\"var(--alepha-elevated)\"}\n          style={{ overflow: \"hidden\" }}\n        >\n          <Flex mih={480}>\n            {props.image ? (\n              <Flex\n                flex={1}\n                style={{\n                  backgroundImage: `url(${props.image})`,\n                  backgroundSize: \"cover\",\n                  backgroundPosition: \"center\",\n                }}\n              />\n            ) : (\n              <Flex\n                flex={1}\n                justify=\"center\"\n                align=\"center\"\n                bg=\"var(--mantine-color-gray-light)\"\n                style={{\n                  borderRight: \"1px solid var(--mantine-color-default-border)\",\n                }}\n              >\n                <Flex\n                  justify=\"center\"\n                  align=\"center\"\n                  w={120}\n                  h={80}\n                  style={{\n                    border: \"2px dashed var(--mantine-color-default-border)\",\n                    borderRadius: \"var(--mantine-radius-sm)\",\n                  }}\n                >\n                  <IconPhoto size={32} style={{ opacity: 0.3 }} />\n                </Flex>\n              </Flex>\n            )}\n            <Flex\n              flex={1}\n              direction=\"column\"\n              gap={\"md\"}\n              p={\"xl\"}\n              justify={\"center\"}\n            >\n              {formContent}\n              <ActionButton variant={\"subtle\"} href={\"/\"}>\n                {tr(\"loginCancel\")}\n              </ActionButton>\n            </Flex>\n          </Flex>\n        </Card>\n      </Flex>\n    );\n  }\n\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Flex direction=\"column\" gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          {formContent}\n        </Card>\n        <ActionButton variant={\"subtle\"} href={\"/\"}>\n          {tr(\"loginCancel\")}\n        </ActionButton>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default Login;\n\nconst leftSection = (name: string) => {\n  if (name === \"google\") {\n    return <IconGoogle />;\n  }\n\n  if (name === \"github\") {\n    return <IconGithub />;\n  }\n};\n"],"mappings":"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"}

package/dist/{auth/Profile-YcWdeuFz.js → demo/Profile-C0ojJCaG.js}

@@ -1,10 +1,9 @@
-import { i as ActionButton } from "./core-D5jIAVF2.js";
+import { h as ActionButton } from "./core-DRtQklr3.js";
 import { Avatar, Badge, Card, Flex, Text, Title } from "@mantine/core";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { IconAt, IconCalendar, IconId, IconShield, IconUser } from "@tabler/icons-react";
 import { useRouter } from "alepha/react/router";
 import { useAuth } from "alepha/react/auth";
-
 //#region ../../src/auth/components/ProfileField.tsx
 const ProfileField = (props) => {
 	const { icon, label, children } = props;
@@ -32,7 +31,6 @@ const ProfileField = (props) => {
 		})]
 	});
 };
-
 //#endregion
 //#region ../../src/auth/components/Profile.tsx
 const Profile = () => {
@@ -153,7 +151,7 @@ const Profile = () => {
 		})
 	});
 };
-
 //#endregion
 export { Profile as default };
-//# sourceMappingURL=Profile-YcWdeuFz.js.map
+
+//# sourceMappingURL=Profile-C0ojJCaG.js.map

package/dist/{admin/Profile-_AtPUwAP.js.map → demo/Profile-C0ojJCaG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Profile-_AtPUwAP.js","names":[],"sources":["../../src/auth/components/ProfileField.tsx","../../src/auth/components/Profile.tsx"],"sourcesContent":["import { Flex, Text } from \"@mantine/core\";\nimport type { ReactNode } from \"react\";\n\nexport interface ProfileFieldProps {\n  /**\n   * Icon to display\n   */\n  icon: ReactNode;\n\n  /**\n   * Field label\n   */\n  label: string;\n\n  /**\n   * Field content\n   */\n  children: ReactNode;\n}\n\nconst ProfileField = (props: ProfileFieldProps) => {\n  const { icon, label, children } = props;\n\n  return (\n    <Flex gap=\"sm\" align=\"flex-start\">\n      <Flex c=\"dimmed\" mt={2}>\n        {icon}\n      </Flex>\n      <Flex direction=\"column\" gap={2} flex={1}>\n        <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={500}>\n          {label}\n        </Text>\n        <Text size=\"sm\">{children}</Text>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default ProfileField;\n","import { ActionButton } from \"@alepha/ui\";\nimport { Avatar, Badge, Card, Flex, Text, Title } from \"@mantine/core\";\nimport {\n  IconAt,\n  IconCalendar,\n  IconId,\n  IconShield,\n  IconUser,\n} from \"@tabler/icons-react\";\nimport { useAuth } from \"alepha/react/auth\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\nimport ProfileField from \"./ProfileField.tsx\";\n\nconst Profile = () => {\n  const auth = useAuth();\n  const router = useRouter<AuthRouter>();\n\n  if (!auth.user) {\n    return null;\n  }\n\n  const { id, name, email, username, picture, roles, organizations } =\n    auth.user;\n\n  const displayName = name || username || email || \"User\";\n\n  return (\n    <Flex flex={1} justify=\"center\" align=\"center\">\n      <Flex direction=\"column\" gap=\"md\" w={400}>\n        <Card withBorder p=\"xl\" bg=\"var(--alepha-elevated)\">\n          <Flex direction=\"column\" gap=\"lg\">\n            {/* Avatar and name */}\n            <Flex direction=\"column\" align=\"center\" gap=\"md\">\n              <Avatar\n                src={picture ? `/api/files/${picture}` : undefined}\n                size={96}\n                radius=\"xl\"\n                color=\"blue\"\n              >\n                {!picture && <IconUser size={48} />}\n              </Avatar>\n              <Flex direction=\"column\" gap={4} align=\"center\">\n                <Title order={3}>{displayName}</Title>\n                {email && username && (\n                  <Text size=\"sm\" c=\"dimmed\">\n                    @{username}\n                  </Text>\n                )}\n              </Flex>\n            </Flex>\n\n            {/* User details */}\n            <Flex direction=\"column\" gap=\"sm\">\n              {email && (\n                <ProfileField icon={<IconAt size={18} />} label=\"Email\">\n                  {email}\n                </ProfileField>\n              )}\n\n              {username && (\n                <ProfileField icon={<IconUser size={18} />} label=\"Username\">\n                  {username}\n                </ProfileField>\n              )}\n\n              {id && (\n                <ProfileField icon={<IconId size={18} />} label=\"User ID\">\n                  <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n                    {id}\n                  </Text>\n                </ProfileField>\n              )}\n\n              {/* Roles */}\n              {roles && roles.length > 0 && (\n                <ProfileField icon={<IconShield size={18} />} label=\"Roles\">\n                  <Flex gap=\"xs\">\n                    {roles.map((role) => (\n                      <Badge key={role} size=\"sm\" variant=\"light\">\n                        {role}\n                      </Badge>\n                    ))}\n                  </Flex>\n                </ProfileField>\n              )}\n\n              {/* Organizations */}\n              {organizations && organizations.length > 0 && (\n                <ProfileField\n                  icon={<IconCalendar size={18} />}\n                  label=\"Organizations\"\n                >\n                  <Flex gap=\"xs\">\n                    {organizations.map((org) => (\n                      <Badge key={org} size=\"sm\" variant=\"outline\">\n                        {org}\n                      </Badge>\n                    ))}\n                  </Flex>\n                </ProfileField>\n              )}\n            </Flex>\n\n            {/* Actions */}\n            <Flex direction=\"column\" gap=\"sm\" mt=\"md\">\n              <ActionButton\n                variant=\"light\"\n                color=\"red\"\n                onClick={() => auth.logout()}\n                fullWidth\n              >\n                Sign out\n              </ActionButton>\n            </Flex>\n          </Flex>\n        </Card>\n\n        <ActionButton variant=\"subtle\" href=\"/\">\n          Back to home\n        </ActionButton>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default Profile;\n"],"mappings":";;;;;;;;AAoBA,MAAM,gBAAgB,UAA6B;CACjD,MAAM,EAAE,MAAM,OAAO,aAAa;AAElC,QACE,qBAAC;EAAK,KAAI;EAAK,OAAM;aACnB,oBAAC;GAAK,GAAE;GAAS,IAAI;aAClB;IACI,EACP,qBAAC;GAAK,WAAU;GAAS,KAAK;GAAG,MAAM;cACrC,oBAAC;IAAK,MAAK;IAAK,GAAE;IAAS,IAAG;IAAY,IAAI;cAC3C;KACI,EACP,oBAAC;IAAK,MAAK;IAAM;KAAgB;IAC5B;GACF;;;;;ACpBX,MAAM,gBAAgB;CACpB,MAAM,OAAO,SAAS;AACP,YAAuB;AAEtC,KAAI,CAAC,KAAK,KACR,QAAO;CAGT,MAAM,EAAE,IAAI,MAAM,OAAO,UAAU,SAAS,OAAO,kBACjD,KAAK;CAEP,MAAM,cAAc,QAAQ,YAAY,SAAS;AAEjD,QACE,oBAAC;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,qBAAC;GAAK,WAAU;GAAS,KAAI;GAAK,GAAG;cACnC,oBAAC;IAAK;IAAW,GAAE;IAAK,IAAG;cACzB,qBAAC;KAAK,WAAU;KAAS,KAAI;;MAE3B,qBAAC;OAAK,WAAU;OAAS,OAAM;OAAS,KAAI;kBAC1C,oBAAC;QACC,KAAK,UAAU,cAAc,YAAY;QACzC,MAAM;QACN,QAAO;QACP,OAAM;kBAEL,CAAC,WAAW,oBAAC,YAAS,MAAM,KAAM;SAC5B,EACT,qBAAC;QAAK,WAAU;QAAS,KAAK;QAAG,OAAM;mBACrC,oBAAC;SAAM,OAAO;mBAAI;UAAoB,EACrC,SAAS,YACR,qBAAC;SAAK,MAAK;SAAK,GAAE;oBAAS,KACvB;UACG;SAEJ;QACF;MAGP,qBAAC;OAAK,WAAU;OAAS,KAAI;;QAC1B,SACC,oBAAC;SAAa,MAAM,oBAAC,UAAO,MAAM,KAAM;SAAE,OAAM;mBAC7C;UACY;QAGhB,YACC,oBAAC;SAAa,MAAM,oBAAC,YAAS,MAAM,KAAM;SAAE,OAAM;mBAC/C;UACY;QAGhB,MACC,oBAAC;SAAa,MAAM,oBAAC,UAAO,MAAM,KAAM;SAAE,OAAM;mBAC9C,oBAAC;UAAK,MAAK;UAAK,GAAE;UAAS,IAAG;oBAC3B;WACI;UACM;QAIhB,SAAS,MAAM,SAAS,KACvB,oBAAC;SAAa,MAAM,oBAAC,cAAW,MAAM,KAAM;SAAE,OAAM;mBAClD,oBAAC;UAAK,KAAI;oBACP,MAAM,KAAK,SACV,oBAAC;WAAiB,MAAK;WAAK,SAAQ;qBACjC;aADS,KAEJ,CACR;WACG;UACM;QAIhB,iBAAiB,cAAc,SAAS,KACvC,oBAAC;SACC,MAAM,oBAAC,gBAAa,MAAM,KAAM;SAChC,OAAM;mBAEN,oBAAC;UAAK,KAAI;oBACP,cAAc,KAAK,QAClB,oBAAC;WAAgB,MAAK;WAAK,SAAQ;qBAChC;aADS,IAEJ,CACR;WACG;UACM;;QAEZ;MAGP,oBAAC;OAAK,WAAU;OAAS,KAAI;OAAK,IAAG;iBACnC,oBAAC;QACC,SAAQ;QACR,OAAM;QACN,eAAe,KAAK,QAAQ;QAC5B;kBACD;SAEc;QACV;;MACF;KACF,EAEP,oBAAC;IAAa,SAAQ;IAAS,MAAK;cAAI;KAEzB;IACV;GACF"}
+{"version":3,"file":"Profile-C0ojJCaG.js","names":[],"sources":["../../src/auth/components/ProfileField.tsx","../../src/auth/components/Profile.tsx"],"sourcesContent":["import { Flex, Text } from \"@mantine/core\";\nimport type { ReactNode } from \"react\";\n\nexport interface ProfileFieldProps {\n  /**\n   * Icon to display\n   */\n  icon: ReactNode;\n\n  /**\n   * Field label\n   */\n  label: string;\n\n  /**\n   * Field content\n   */\n  children: ReactNode;\n}\n\nconst ProfileField = (props: ProfileFieldProps) => {\n  const { icon, label, children } = props;\n\n  return (\n    <Flex gap=\"sm\" align=\"flex-start\">\n      <Flex c=\"dimmed\" mt={2}>\n        {icon}\n      </Flex>\n      <Flex direction=\"column\" gap={2} flex={1}>\n        <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={500}>\n          {label}\n        </Text>\n        <Text size=\"sm\">{children}</Text>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default ProfileField;\n","import { ActionButton } from \"@alepha/ui\";\nimport { Avatar, Badge, Card, Flex, Text, Title } from \"@mantine/core\";\nimport {\n  IconAt,\n  IconCalendar,\n  IconId,\n  IconShield,\n  IconUser,\n} from \"@tabler/icons-react\";\nimport { useAuth } from \"alepha/react/auth\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\nimport ProfileField from \"./ProfileField.tsx\";\n\nconst Profile = () => {\n  const auth = useAuth();\n  const router = useRouter<AuthRouter>();\n\n  if (!auth.user) {\n    return null;\n  }\n\n  const { id, name, email, username, picture, roles, organizations } =\n    auth.user;\n\n  const displayName = name || username || email || \"User\";\n\n  return (\n    <Flex flex={1} justify=\"center\" align=\"center\">\n      <Flex direction=\"column\" gap=\"md\" w={400}>\n        <Card withBorder p=\"xl\" bg=\"var(--alepha-elevated)\">\n          <Flex direction=\"column\" gap=\"lg\">\n            {/* Avatar and name */}\n            <Flex direction=\"column\" align=\"center\" gap=\"md\">\n              <Avatar\n                src={picture ? `/api/files/${picture}` : undefined}\n                size={96}\n                radius=\"xl\"\n                color=\"blue\"\n              >\n                {!picture && <IconUser size={48} />}\n              </Avatar>\n              <Flex direction=\"column\" gap={4} align=\"center\">\n                <Title order={3}>{displayName}</Title>\n                {email && username && (\n                  <Text size=\"sm\" c=\"dimmed\">\n                    @{username}\n                  </Text>\n                )}\n              </Flex>\n            </Flex>\n\n            {/* User details */}\n            <Flex direction=\"column\" gap=\"sm\">\n              {email && (\n                <ProfileField icon={<IconAt size={18} />} label=\"Email\">\n                  {email}\n                </ProfileField>\n              )}\n\n              {username && (\n                <ProfileField icon={<IconUser size={18} />} label=\"Username\">\n                  {username}\n                </ProfileField>\n              )}\n\n              {id && (\n                <ProfileField icon={<IconId size={18} />} label=\"User ID\">\n                  <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n                    {id}\n                  </Text>\n                </ProfileField>\n              )}\n\n              {/* Roles */}\n              {roles && roles.length > 0 && (\n                <ProfileField icon={<IconShield size={18} />} label=\"Roles\">\n                  <Flex gap=\"xs\">\n                    {roles.map((role) => (\n                      <Badge key={role} size=\"sm\" variant=\"light\">\n                        {role}\n                      </Badge>\n                    ))}\n                  </Flex>\n                </ProfileField>\n              )}\n\n              {/* Organizations */}\n              {organizations && organizations.length > 0 && (\n                <ProfileField\n                  icon={<IconCalendar size={18} />}\n                  label=\"Organizations\"\n                >\n                  <Flex gap=\"xs\">\n                    {organizations.map((org) => (\n                      <Badge key={org} size=\"sm\" variant=\"outline\">\n                        {org}\n                      </Badge>\n                    ))}\n                  </Flex>\n                </ProfileField>\n              )}\n            </Flex>\n\n            {/* Actions */}\n            <Flex direction=\"column\" gap=\"sm\" mt=\"md\">\n              <ActionButton\n                variant=\"light\"\n                color=\"red\"\n                onClick={() => auth.logout()}\n                fullWidth\n              >\n                Sign out\n              </ActionButton>\n            </Flex>\n          </Flex>\n        </Card>\n\n        <ActionButton variant=\"subtle\" href=\"/\">\n          Back to home\n        </ActionButton>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default Profile;\n"],"mappings":"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"}

package/dist/demo/{Register-B4hLBeEv.js → Register-KKZwr_lL.js}

@@ -1,6 +1,6 @@
-import { t as __exportAll } from "./rolldown-runtime-CjeV3_4I.js";
-import { h as ActionButton, n as capitalize, o as Control } from "./core-DFgB3yU4.js";
-import { n as IconGithub, t as IconGoogle } from "./IconGoogle-CSQLPYwX.js";
+import { t as __exportAll } from "./rolldown-runtime-CiIaOW0V.js";
+import { h as ActionButton, n as capitalize, o as Control } from "./core-DRtQklr3.js";
+import { n as IconGithub, t as IconGoogle } from "./IconGoogle-CwQy4G9y.js";
 import { TypeBoxError, t } from "alepha";
 import { useForm } from "alepha/react/form";
 import { useI18n } from "alepha/react/i18n";
@@ -11,7 +11,6 @@ import { IconAlertCircle, IconLock, IconMail, IconPhone, IconPhoto, IconUser } f
 import { useRouter } from "alepha/react/router";
 import { useClient } from "alepha/react";
 import { useAuth } from "alepha/react/auth";
-
 //#region ../../src/auth/components/Register.tsx
 var Register_exports = /* @__PURE__ */ __exportAll({ default: () => Register });
 const Register = (props) => {
@@ -425,7 +424,7 @@ const leftSection = (name) => {
 	if (name === "google") return /* @__PURE__ */ jsx(IconGoogle, {});
 	if (name === "github") return /* @__PURE__ */ jsx(IconGithub, {});
 };
-
 //#endregion
 export { Register_exports as n, Register as t };
-//# sourceMappingURL=Register-B4hLBeEv.js.map
+
+//# sourceMappingURL=Register-KKZwr_lL.js.map