npm - @alepha/ui - Versions diffs - 0.19.0 → 0.19.1 - Mend

@alepha/ui 0.19.0 → 0.19.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (151) hide show

package/dist/demo/{DemoRegister-Q6sg2xuV.js → DemoRegister-DVcZl04m.js} RENAMED Viewed

@@ -1,11 +1,11 @@
-import "./core-DRtQklr3.js";
+import "./core-B4LVHzPn.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 "./Login-pwMF4TUj.js";
+import { t as Register } from "./Register-CiwAT7Hy.js";
+import "./ResetPassword-l9Vg4JE-.js";
+import "./VerifyEmail-CAB-OS7i.js";
+import "./auth-uegJAdKu.js";
+import { t as Showcase } from "./Showcase-CX6bDgwe.js";
 import { t } from "alepha";
 import { jsx } from "react/jsx-runtime";
 //#region ../../src/demo/components/auth/DemoRegister.tsx
@@ -106,6 +106,11 @@ const buildRealmConfig = (props) => {
 				requireLowercase: true,
 				requireNumbers: true,
 				requireSpecialCharacters: false
+			},
+			loginRateLimit: {
+				ipMaxAttempts: 15,
+				accountMaxAttempts: 5,
+				windowMs: 900 * 1e3
 			}
 		}
 	};
@@ -135,4 +140,4 @@ const DemoRegister = () => {
 //#endregion
 export { DemoRegister as default };
-//# sourceMappingURL=DemoRegister-Q6sg2xuV.js.map
+//# sourceMappingURL=DemoRegister-DVcZl04m.js.map

package/dist/demo/{DemoRegister-Q6sg2xuV.js.map → DemoRegister-DVcZl04m.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DemoRegister-~~Q6sg2xuV~~.js","names":[],"sources":["../../src/demo/components/auth/DemoRegister.tsx"],"sourcesContent":["import { Register } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport type { FieldRequirement, RealmConfig } from \"alepha/api/users\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n variant: t.string({\n title: \"Variant\",\n default: \"card\",\n enum: [\"card\", \"split\"],\n }),\n showCredentials: t.boolean({\n title: \"Credentials\",\n default: true,\n $control: { switch: true },\n }),\n showGoogleOAuth: t.boolean({\n title: \"Google OAuth\",\n default: true,\n $control: { switch: true },\n }),\n showGithubOAuth: t.boolean({\n title: \"GitHub OAuth\",\n default: false,\n $control: { switch: true },\n }),\n username: t.string({\n title: \"Username\",\n default: \"none\",\n enum: [\"none\", \"optional\", \"required\"],\n }),\n email: t.string({\n title: \"Email\",\n default: \"required\",\n enum: [\"none\", \"optional\", \"required\"],\n }),\n phoneNumber: t.string({\n title: \"Phone Number\",\n default: \"none\",\n enum: [\"none\", \"optional\", \"required\"],\n }),\n registrationAllowed: t.boolean({\n title: \"Registration Allowed\",\n default: true,\n $control: { switch: true },\n }),\n showBranding: t.boolean({\n title: \"Show Branding\",\n default: true,\n $control: { switch: true },\n }),\n});\n\nconst buildRealmConfig = (props: {\n showCredentials: boolean;\n showGoogleOAuth: boolean;\n showGithubOAuth: boolean;\n username: string;\n email: string;\n phoneNumber: string;\n registrationAllowed: boolean;\n showBranding: boolean;\n}): RealmConfig => {\n const authMethods: RealmConfig[\"authenticationMethods\"] = [];\n\n if (props.showCredentials) {\n authMethods.push({ name: \"credentials\", type: \"CREDENTIALS\" });\n }\n if (props.showGoogleOAuth) {\n authMethods.push({ name: \"google\", type: \"OAUTH2\" });\n }\n if (props.showGithubOAuth) {\n authMethods.push({ name: \"github\", type: \"OAUTH2\" });\n }\n\n return {\n realmName: \"demo\",\n authenticationMethods: authMethods,\n settings: {\n displayName: props.showBranding ? \"Demo App\" : undefined,\n description: props.showBranding ? \"Create your account\" : undefined,\n logoUrl: undefined,\n registrationAllowed: props.registrationAllowed,\n email: props.email as FieldRequirement,\n username: props.username as FieldRequirement,\n usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n phoneNumber: props.phoneNumber as FieldRequirement,\n verifyEmailRequired: false,\n verifyPhoneRequired: false,\n firstNameLastName: \"none\" as FieldRequirement,\n resetPasswordAllowed: true,\n adminEmails: [],\n adminUsernames: [],\n passwordPolicy: {\n minLength: 8,\n requireUppercase: true,\n requireLowercase: true,\n requireNumbers: true,\n requireSpecialCharacters: false,\n },\n },\n };\n};\n\nconst DemoRegister = () => {\n return (\n <Showcase\n title=\"Register\"\n schema={showcaseSchema}\n initialValues={{\n variant: \"card\",\n showCredentials: true,\n showGoogleOAuth: true,\n showGithubOAuth: false,\n username: \"none\",\n email: \"required\",\n phoneNumber: \"none\",\n registrationAllowed: true,\n showBranding: true,\n }}\n columns={1}\n >\n {(props) => (\n <Register\n realmConfig={buildRealmConfig(props)}\n variant={props.variant as \"card\" \| \"split\"}\n />\n )}\n </Showcase>\n );\n};\n\nexport default DemoRegister;\n"],"mappings":";;;;;;;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,SAAS,EAAE,OAAO;EAChB,OAAO;EACP,SAAS;EACT,MAAM,CAAC,QAAQ,QAAQ;EACxB,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,UAAU,EAAE,OAAO;EACjB,OAAO;EACP,SAAS;EACT,MAAM;GAAC;GAAQ;GAAY;GAAW;EACvC,CAAC;CACF,OAAO,EAAE,OAAO;EACd,OAAO;EACP,SAAS;EACT,MAAM;GAAC;GAAQ;GAAY;GAAW;EACvC,CAAC;CACF,aAAa,EAAE,OAAO;EACpB,OAAO;EACP,SAAS;EACT,MAAM;GAAC;GAAQ;GAAY;GAAW;EACvC,CAAC;CACF,qBAAqB,EAAE,QAAQ;EAC7B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,oBAAoB,UASP;CACjB,MAAM,cAAoD,EAAE;AAE5D,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAe,MAAM;EAAe,CAAC;AAEhE,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAEtD,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAGtD,QAAO;EACL,WAAW;EACX,uBAAuB;EACvB,UAAU;GACR,aAAa,MAAM,eAAe,aAAa,KAAA;GAC/C,aAAa,MAAM,eAAe,wBAAwB,KAAA;GAC1D,SAAS,KAAA;GACT,qBAAqB,MAAM;GAC3B,OAAO,MAAM;GACb,UAAU,MAAM;GAChB,gBAAgB;GAChB,aAAa,MAAM;GACnB,qBAAqB;GACrB,qBAAqB;GACrB,mBAAmB;GACnB,sBAAsB;GACtB,aAAa,EAAE;GACf,gBAAgB,EAAE;GAClB,gBAAgB;IACd,WAAW;IACX,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,0BAA0B;IAC3B;GACF;EACF;;AAGH,MAAM,qBAAqB;AACzB,QACE,oBAAC,UAAD;EACE,OAAM;EACN,QAAQ;EACR,eAAe;GACb,SAAS;GACT,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,UAAU;GACV,OAAO;GACP,aAAa;GACb,qBAAqB;GACrB,cAAc;GACf;EACD,SAAS;aAEP,UACA,oBAAC,UAAD;GACE,aAAa,iBAAiB,MAAM;GACpC,SAAS,MAAM;GACf,CAAA;EAEK,CAAA"}
1	+ {"version":3,"file":"DemoRegister-DVcZl04m.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 loginRateLimit: {\n ipMaxAttempts: 15,\n accountMaxAttempts: 5,\n windowMs: 15 * 60 * 1000,\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;GACD,gBAAgB;IACd,eAAe;IACf,oBAAoB;IACpB,UAAU,MAAU;IACrB;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-DrqZfmEw.js → DemoResetPassword-CPENlZH5.js} RENAMED Viewed

@@ -1,11 +1,11 @@
-import "./core-DRtQklr3.js";
+import "./core-B4LVHzPn.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 "./Login-pwMF4TUj.js";
+import "./Register-CiwAT7Hy.js";
+import { t as ResetPassword } from "./ResetPassword-l9Vg4JE-.js";
+import "./VerifyEmail-CAB-OS7i.js";
+import "./auth-uegJAdKu.js";
+import { t as Showcase } from "./Showcase-CX6bDgwe.js";
 import { t } from "alepha";
 import { jsx } from "react/jsx-runtime";
 //#region ../../src/demo/components/auth/DemoResetPassword.tsx
@@ -49,6 +49,11 @@ const buildRealmConfig = (props) => {
 				requireLowercase: true,
 				requireNumbers: true,
 				requireSpecialCharacters: false
+			},
+			loginRateLimit: {
+				ipMaxAttempts: 15,
+				accountMaxAttempts: 5,
+				windowMs: 900 * 1e3
 			}
 		}
 	};
@@ -68,4 +73,4 @@ const DemoResetPassword = () => {
 //#endregion
 export { DemoResetPassword as default };
-//# sourceMappingURL=DemoResetPassword-DrqZfmEw.js.map
+//# sourceMappingURL=DemoResetPassword-CPENlZH5.js.map

package/dist/demo/{DemoResetPassword-DrqZfmEw.js.map → DemoResetPassword-CPENlZH5.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DemoResetPassword-~~DrqZfmEw~~.js","names":[],"sources":["../../src/demo/components/auth/DemoResetPassword.tsx"],"sourcesContent":["import { ResetPassword } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport type { FieldRequirement, RealmConfig } from \"alepha/api/users\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n resetPasswordAllowed: t.boolean({\n title: \"Reset Allowed\",\n default: true,\n $control: { switch: true },\n }),\n showBranding: t.boolean({\n title: \"Show Branding\",\n default: true,\n $control: { switch: true },\n }),\n});\n\nconst buildRealmConfig = (props: {\n resetPasswordAllowed: boolean;\n showBranding: boolean;\n}): RealmConfig => {\n return {\n realmName: \"demo\",\n authenticationMethods: [{ name: \"credentials\", type: \"CREDENTIALS\" }],\n settings: {\n displayName: props.showBranding ? \"Demo App\" : undefined,\n description: props.showBranding ? \"Reset your password\" : undefined,\n logoUrl: undefined,\n registrationAllowed: true,\n email: \"required\" as FieldRequirement,\n username: \"none\" as FieldRequirement,\n usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n phoneNumber: \"none\" as FieldRequirement,\n verifyEmailRequired: false,\n verifyPhoneRequired: false,\n firstNameLastName: \"none\" as FieldRequirement,\n resetPasswordAllowed: props.resetPasswordAllowed,\n adminEmails: [],\n adminUsernames: [],\n passwordPolicy: {\n minLength: 8,\n requireUppercase: true,\n requireLowercase: true,\n requireNumbers: true,\n requireSpecialCharacters: false,\n },\n },\n };\n};\n\nconst DemoResetPassword = () => {\n return (\n <Showcase\n title=\"ResetPassword\"\n schema={showcaseSchema}\n initialValues={{\n resetPasswordAllowed: true,\n showBranding: true,\n }}\n columns={1}\n >\n {(props) => <ResetPassword realmConfig={buildRealmConfig(props)} />}\n </Showcase>\n );\n};\n\nexport default DemoResetPassword;\n"],"mappings":";;;;;;;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,sBAAsB,EAAE,QAAQ;EAC9B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,oBAAoB,UAGP;AACjB,QAAO;EACL,WAAW;EACX,uBAAuB,CAAC;GAAE,MAAM;GAAe,MAAM;GAAe,CAAC;EACrE,UAAU;GACR,aAAa,MAAM,eAAe,aAAa,KAAA;GAC/C,aAAa,MAAM,eAAe,wBAAwB,KAAA;GAC1D,SAAS,KAAA;GACT,qBAAqB;GACrB,OAAO;GACP,UAAU;GACV,gBAAgB;GAChB,aAAa;GACb,qBAAqB;GACrB,qBAAqB;GACrB,mBAAmB;GACnB,sBAAsB,MAAM;GAC5B,aAAa,EAAE;GACf,gBAAgB,EAAE;GAClB,gBAAgB;IACd,WAAW;IACX,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,0BAA0B;IAC3B;GACF;EACF;;AAGH,MAAM,0BAA0B;AAC9B,QACE,oBAAC,UAAD;EACE,OAAM;EACN,QAAQ;EACR,eAAe;GACb,sBAAsB;GACtB,cAAc;GACf;EACD,SAAS;aAEP,UAAU,oBAAC,eAAD,EAAe,aAAa,iBAAiB,MAAM,EAAI,CAAA;EAC1D,CAAA"}
1	+ {"version":3,"file":"DemoResetPassword-CPENlZH5.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 loginRateLimit: {\n ipMaxAttempts: 15,\n accountMaxAttempts: 5,\n windowMs: 15 * 60 * 1000,\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;GACD,gBAAgB;IACd,eAAe;IACf,oBAAoB;IACpB,UAAU,MAAU;IACrB;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-CfKS6w1o.js → DemoSidebar-CGu7DZeM.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { c as Sidebar } from "./core-DRtQklr3.js";
-import { t as Showcase } from "./Showcase-D49Wud2v.js";
+import { u as Sidebar } from "./core-B4LVHzPn.js";
+import { t as Showcase } from "./Showcase-CX6bDgwe.js";
 import { t } from "alepha";
 import { Flex } from "@mantine/core";
 import { jsx } from "react/jsx-runtime";
@@ -74,4 +74,4 @@ const DemoSidebar = () => {
 //#endregion
 export { DemoSidebar as default };
-//# sourceMappingURL=DemoSidebar-CfKS6w1o.js.map
+//# sourceMappingURL=DemoSidebar-CGu7DZeM.js.map

package/dist/demo/{DemoSidebar-CfKS6w1o.js.map → DemoSidebar-CGu7DZeM.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"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"}
1	+ {"version":3,"file":"DemoSidebar-CGu7DZeM.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-pT6Gi5b5.js → DemoText-DYUJ7bY_.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { f as Flex, l as Text } from "./core-DRtQklr3.js";
-import { t as Showcase } from "./Showcase-D49Wud2v.js";
+import { d as Text, p as Flex } from "./core-B4LVHzPn.js";
+import { t as Showcase } from "./Showcase-CX6bDgwe.js";
 import { t } from "alepha";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../../src/demo/components/core/DemoText.tsx
@@ -120,4 +120,4 @@ const DemoText = () => {
 //#endregion
 export { DemoText as default };
-//# sourceMappingURL=DemoText-pT6Gi5b5.js.map
+//# sourceMappingURL=DemoText-DYUJ7bY_.js.map

package/dist/demo/{DemoText-pT6Gi5b5.js.map → DemoText-DYUJ7bY_.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"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"}
1	+ {"version":3,"file":"DemoText-DYUJ7bY_.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-I13NBzQQ.js → DemoToast-CgdnZNvx.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { f as Flex, h as ActionButton, l as Text, v as useToast } from "./core-DRtQklr3.js";
+import { d as Text, g as ActionButton, p as Flex, y as useToast } from "./core-B4LVHzPn.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { IconCheck, IconExclamationMark, IconInfoCircle, IconX } from "@tabler/icons-react";
 //#region ../../src/demo/components/layout/DemoToast.tsx
@@ -91,4 +91,4 @@ const DemoToast = () => {
 //#endregion
 export { DemoToast as default };
-//# sourceMappingURL=DemoToast-I13NBzQQ.js.map
+//# sourceMappingURL=DemoToast-CgdnZNvx.js.map

package/dist/demo/{DemoToast-I13NBzQQ.js.map → DemoToast-CgdnZNvx.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"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"}
1	+ {"version":3,"file":"DemoToast-CgdnZNvx.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-BqzcrtvN.js → DemoTypeForm-Pims-cGa.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { a as TypeForm, m as useDialog } from "./core-DRtQklr3.js";
-import { t as Showcase } from "./Showcase-D49Wud2v.js";
+import { a as TypeForm, h as useDialog } from "./core-B4LVHzPn.js";
+import { t as Showcase } from "./Showcase-CX6bDgwe.js";
 import { t } from "alepha";
 import { useForm } from "alepha/react/form";
 import { jsx } from "react/jsx-runtime";
@@ -82,4 +82,4 @@ const DemoTypeForm = () => {
 //#endregion
 export { DemoTypeForm as default };
-//# sourceMappingURL=DemoTypeForm-BqzcrtvN.js.map
+//# sourceMappingURL=DemoTypeForm-Pims-cGa.js.map

package/dist/demo/{DemoTypeForm-BqzcrtvN.js.map → DemoTypeForm-Pims-cGa.js.map} RENAMED Viewed

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

package/dist/demo/{DemoVerifyEmail-HwD8xfQw.js → DemoVerifyEmail-C7B3xxch.js} RENAMED Viewed

@@ -1,11 +1,11 @@
-import "./core-DRtQklr3.js";
+import "./core-B4LVHzPn.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 "./Login-pwMF4TUj.js";
+import "./Register-CiwAT7Hy.js";
+import "./ResetPassword-l9Vg4JE-.js";
+import { t as VerifyEmail } from "./VerifyEmail-CAB-OS7i.js";
+import "./auth-uegJAdKu.js";
+import { t as Showcase } from "./Showcase-CX6bDgwe.js";
 import { t } from "alepha";
 import { jsx } from "react/jsx-runtime";
 //#region ../../src/demo/components/auth/DemoVerifyEmail.tsx
@@ -30,4 +30,4 @@ const DemoVerifyEmail = () => {
 //#endregion
 export { DemoVerifyEmail as default };
-//# sourceMappingURL=DemoVerifyEmail-HwD8xfQw.js.map
+//# sourceMappingURL=DemoVerifyEmail-C7B3xxch.js.map

package/dist/demo/{DemoVerifyEmail-HwD8xfQw.js.map → DemoVerifyEmail-C7B3xxch.js.map} RENAMED Viewed

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

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-CiIaOW0V.js";
-import { h as ActionButton, n as capitalize, o as Control } from "./core-DRtQklr3.js";
+import { g as ActionButton, n as capitalize, o as Control } from "./core-B4LVHzPn.js";
 import { n as IconGithub, t as IconGoogle } from "./IconGoogle-CwQy4G9y.js";
 import { AlephaError, t } from "alepha";
 import { FormValidationError, useForm } from "alepha/react/form";
@@ -271,4 +271,4 @@ const leftSection = (name) => {
 //#endregion
 export { Login_exports as n, Login as t };
-//# sourceMappingURL=Login-CqG1iJbn.js.map
+//# sourceMappingURL=Login-pwMF4TUj.js.map

package/dist/{auth/Login-DJyweoPS.js.map → demo/Login-pwMF4TUj.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Login-DJyweoPS.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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"}
1	+ {"version":3,"file":"Login-pwMF4TUj.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-Cy93pNTw.js → demo/Profile-BliZapZS.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { i as ActionButton } from "./core-C6D3pazL.js";
+import { g as ActionButton } from "./core-B4LVHzPn.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";
@@ -154,4 +154,4 @@ const Profile = () => {
 //#endregion
 export { Profile as default };
-//# sourceMappingURL=Profile-Cy93pNTw.js.map
+//# sourceMappingURL=Profile-BliZapZS.js.map

package/dist/demo/{Profile-C0ojJCaG.js.map → Profile-BliZapZS.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"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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"}
1	+ {"version":3,"file":"Profile-BliZapZS.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-KKZwr_lL.js → Register-CiwAT7Hy.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-CiIaOW0V.js";
-import { h as ActionButton, n as capitalize, o as Control } from "./core-DRtQklr3.js";
+import { g as ActionButton, n as capitalize, o as Control } from "./core-B4LVHzPn.js";
 import { n as IconGithub, t as IconGoogle } from "./IconGoogle-CwQy4G9y.js";
 import { TypeBoxError, t } from "alepha";
 import { useForm } from "alepha/react/form";
@@ -427,4 +427,4 @@ const leftSection = (name) => {
 //#endregion
 export { Register_exports as n, Register as t };
-//# sourceMappingURL=Register-KKZwr_lL.js.map
+//# sourceMappingURL=Register-CiwAT7Hy.js.map