@alepha/ui 0.12.0 → 0.12.1

package/dist/admin/index.js

@@ -0,0 +1,78 @@
+import { t as AlephaUI } from "./core-CzO6aavT.js";
+import { t as AdminFiles_default } from "./AdminFiles-CllAxb1B.js";
+import { t as AdminJobs_default } from "./AdminJobs-BXkFtlVo.js";
+import { t as AdminLayout_default } from "./AdminLayout-CtkVYk-u.js";
+import { t as AdminNotifications_default } from "./AdminNotifications-DnnulNNV.js";
+import { t as AdminParameters_default } from "./AdminParameters-B3hvpLpu.js";
+import { t as AdminSessions_default } from "./AdminSessions-Pjdz-iZx.js";
+import { t as AdminUsers_default } from "./AdminUsers-C1HsrRxn.js";
+import { t as AdminVerifications_default } from "./AdminVerifications-VMpm30mS.js";
+import { $module } from "alepha";
+import { $page } from "@alepha/react";
+
+//#region src/admin/AdminRouter.ts
+var AdminRouter = class {
+	admin = $page({
+		path: "/admin",
+		label: "Admin",
+		lazy: () => import("./AdminLayout-CQpxfko6.js")
+	});
+	adminUsers = $page({
+		parent: this.admin,
+		path: "/users",
+		label: "Users",
+		lazy: () => import("./AdminUsers-BgTL-zSY.js")
+	});
+	adminNotifications = $page({
+		parent: this.admin,
+		path: "/notifications",
+		label: "Notifications",
+		lazy: () => import("./AdminNotifications-DaMu1AQ4.js")
+	});
+	adminSessions = $page({
+		parent: this.admin,
+		path: "/sessions",
+		label: "Sessions",
+		lazy: () => import("./AdminSessions-DqOXOpYR.js")
+	});
+	adminVerifications = $page({
+		parent: this.admin,
+		path: "/verifications",
+		label: "Verifications",
+		lazy: () => import("./AdminVerifications-Df6DRgNo.js")
+	});
+	adminJobs = $page({
+		parent: this.admin,
+		path: "/jobs",
+		label: "Jobs",
+		lazy: () => import("./AdminJobs-yC6DarGO.js")
+	});
+	adminParameters = $page({
+		parent: this.admin,
+		path: "/parameters",
+		label: "Parameters",
+		lazy: () => import("./AdminParameters-prMcCgxf.js")
+	});
+	adminFiles = $page({
+		parent: this.admin,
+		path: "/files",
+		label: "Files",
+		lazy: () => import("./AdminFiles-BaCIMeNt.js")
+	});
+};
+
+//#endregion
+//#region src/admin/index.ts
+/**
+* Admin panel UI Module
+*
+* @module alepha.ui.admin
+*/
+const AlephaUIAdmin = $module({
+	name: "alepha.ui.admin",
+	services: [AlephaUI, AdminRouter]
+});
+
+//#endregion
+export { AdminFiles_default as AdminFiles, AdminJobs_default as AdminJobs, AdminLayout_default as AdminLayout, AdminNotifications_default as AdminNotifications, AdminParameters_default as AdminParameters, AdminRouter, AdminSessions_default as AdminSessions, AdminUsers_default as AdminUsers, AdminVerifications_default as AdminVerifications, AlephaUIAdmin };
+//# sourceMappingURL=index.js.map

package/dist/admin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/admin/AdminRouter.ts","../../src/admin/index.ts"],"sourcesContent":["import { $page } from \"@alepha/react\";\n\nexport class AdminRouter {\n  admin = $page({\n    path: \"/admin\",\n    label: \"Admin\",\n    lazy: () => import(\"./components/AdminLayout.tsx\"),\n  });\n\n  adminUsers = $page({\n    parent: this.admin,\n    path: \"/users\",\n    label: \"Users\",\n    lazy: () => import(\"./components/AdminUsers.tsx\"),\n  });\n\n  adminNotifications = $page({\n    parent: this.admin,\n    path: \"/notifications\",\n    label: \"Notifications\",\n    lazy: () => import(\"./components/AdminNotifications.tsx\"),\n  });\n\n  adminSessions = $page({\n    parent: this.admin,\n    path: \"/sessions\",\n    label: \"Sessions\",\n    lazy: () => import(\"./components/AdminSessions.tsx\"),\n  });\n\n  adminVerifications = $page({\n    parent: this.admin,\n    path: \"/verifications\",\n    label: \"Verifications\",\n    lazy: () => import(\"./components/AdminVerifications.tsx\"),\n  });\n\n  adminJobs = $page({\n    parent: this.admin,\n    path: \"/jobs\",\n    label: \"Jobs\",\n    lazy: () => import(\"./components/AdminJobs.tsx\"),\n  });\n\n  adminParameters = $page({\n    parent: this.admin,\n    path: \"/parameters\",\n    label: \"Parameters\",\n    lazy: () => import(\"./components/AdminParameters.tsx\"),\n  });\n\n  adminFiles = $page({\n    parent: this.admin,\n    path: \"/files\",\n    label: \"Files\",\n    lazy: () => import(\"./components/AdminFiles.tsx\"),\n  });\n}\n","import { AlephaUI } from \"@alepha/ui\";\nimport { $module } from \"alepha\";\nimport { AdminRouter } from \"./AdminRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport { AdminRouter } from \"./AdminRouter.ts\";\nexport { default as AdminFiles } from \"./components/AdminFiles.tsx\";\nexport { default as AdminJobs } from \"./components/AdminJobs.tsx\";\nexport { default as AdminLayout } from \"./components/AdminLayout.tsx\";\nexport { default as AdminNotifications } from \"./components/AdminNotifications.tsx\";\nexport { default as AdminParameters } from \"./components/AdminParameters.tsx\";\nexport type { AdminSessionsProps } from \"./components/AdminSessions.tsx\";\nexport { default as AdminSessions } from \"./components/AdminSessions.tsx\";\nexport type { AdminUsersProps } from \"./components/AdminUsers.tsx\";\nexport { default as AdminUsers } from \"./components/AdminUsers.tsx\";\nexport { default as AdminVerifications } from \"./components/AdminVerifications.tsx\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * Admin panel UI Module\n *\n * @module alepha.ui.admin\n */\nexport const AlephaUIAdmin = $module({\n  name: \"alepha.ui.admin\",\n  services: [AlephaUI, AdminRouter],\n});\n"],"mappings":";;;;;;;;;;;;;AAEA,IAAa,cAAb,MAAyB;CACvB,QAAQ,MAAM;EACZ,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,aAAa,MAAM;EACjB,QAAQ,KAAK;EACb,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,qBAAqB,MAAM;EACzB,QAAQ,KAAK;EACb,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,gBAAgB,MAAM;EACpB,QAAQ,KAAK;EACb,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,qBAAqB,MAAM;EACzB,QAAQ,KAAK;EACb,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,YAAY,MAAM;EAChB,QAAQ,KAAK;EACb,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,kBAAkB,MAAM;EACtB,QAAQ,KAAK;EACb,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,aAAa,MAAM;EACjB,QAAQ,KAAK;EACb,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;;;;;;;;;;AC/BJ,MAAa,gBAAgB,QAAQ;CACnC,MAAM;CACN,UAAU,CAAC,UAAU,YAAY;CAClC,CAAC"}

package/dist/auth/IconGoogle-B17BTQyD.cjs

@@ -0,0 +1,69 @@
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/auth/components/icons/IconGithub.tsx
+const IconGithub = () => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		width: "24",
+		height: "24",
+		viewBox: "0 0 1024 1024",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			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",
+			transform: "scale(64)",
+			fill: "var(--alepha-text)"
+		})
+	});
+};
+var IconGithub_default = IconGithub;
+
+//#endregion
+//#region src/auth/components/icons/IconGoogle.tsx
+const IconGoogle = () => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		height: "24",
+		viewBox: "0 0 24 24",
+		width: "24",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				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",
+				fill: "#4285F4"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				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",
+				fill: "#34A853"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				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",
+				fill: "#FBBC05"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				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",
+				fill: "#EA4335"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M1 1h22v22H1z",
+				fill: "none"
+			})
+		]
+	});
+};
+var IconGoogle_default = IconGoogle;
+
+//#endregion
+Object.defineProperty(exports, 'IconGithub_default', {
+  enumerable: true,
+  get: function () {
+    return IconGithub_default;
+  }
+});
+Object.defineProperty(exports, 'IconGoogle_default', {
+  enumerable: true,
+  get: function () {
+    return IconGoogle_default;
+  }
+});
+//# sourceMappingURL=IconGoogle-B17BTQyD.cjs.map

package/dist/auth/IconGoogle-B17BTQyD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconGoogle-B17BTQyD.cjs","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,2CAAC;EACC,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,OAAM;YAEN,2CAAC;GACC,UAAS;GACT,UAAS;GACT,GAAE;GACF,WAAU;GACV,MAAM;IACN;GACE;;AAIV,yBAAe;;;;ACpBf,MAAM,mBAAmB;AACvB,QACE,4CAAC;EACC,OAAM;EACN,QAAO;EACP,SAAQ;EACR,OAAM;;GAEN,2CAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,2CAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,2CAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,2CAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,2CAAC;IAAK,GAAE;IAAgB,MAAK;KAAS;;GAClC;;AAIV,yBAAe"}

package/dist/auth/IconGoogle-Bfmuv9Rv.js

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/auth/components/icons/IconGithub.tsx
+const IconGithub = () => {
+	return /* @__PURE__ */ jsx("svg", {
+		width: "24",
+		height: "24",
+		viewBox: "0 0 1024 1024",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			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",
+			transform: "scale(64)",
+			fill: "var(--alepha-text)"
+		})
+	});
+};
+var IconGithub_default = IconGithub;
+
+//#endregion
+//#region src/auth/components/icons/IconGoogle.tsx
+const IconGoogle = () => {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		height: "24",
+		viewBox: "0 0 24 24",
+		width: "24",
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				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",
+				fill: "#4285F4"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				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",
+				fill: "#34A853"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				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",
+				fill: "#FBBC05"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				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",
+				fill: "#EA4335"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M1 1h22v22H1z",
+				fill: "none"
+			})
+		]
+	});
+};
+var IconGoogle_default = IconGoogle;
+
+//#endregion
+export { IconGithub_default as n, IconGoogle_default as t };
+//# sourceMappingURL=IconGoogle-Bfmuv9Rv.js.map

package/dist/auth/IconGoogle-Bfmuv9Rv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconGoogle-Bfmuv9Rv.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;;AAIV,yBAAe;;;;ACpBf,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;;AAIV,yBAAe"}

package/dist/auth/Login-BTBmbnWl.cjs

@@ -0,0 +1,181 @@
+const require_core = require('./core-rDZ9d92K.cjs');
+const require_IconGoogle = require('./IconGoogle-B17BTQyD.cjs');
+let __alepha_react_auth = require("@alepha/react/auth");
+let __alepha_react_i18n = require("@alepha/react/i18n");
+let __alepha_react_form = require("@alepha/react/form");
+let alepha = require("alepha");
+let __alepha_react = require("@alepha/react");
+let __mantine_core = require("@mantine/core");
+let __tabler_icons_react = require("@tabler/icons-react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let alepha_server = require("alepha/server");
+
+//#region src/auth/components/Login.tsx
+const Login = (props) => {
+	const auth = (0, __alepha_react_auth.useAuth)();
+	const router = (0, __alepha_react.useRouter)();
+	const { tr } = (0, __alepha_react_i18n.useI18n)();
+	const redirect = router.query.redirect || "/";
+	const hasUsernamePassword = props.realmConfig.authenticationMethods.find((it) => it.type === "CREDENTIALS");
+	const settings = props.realmConfig.settings;
+	const loginMethods = (0, react.useMemo)(() => {
+		const methods = [];
+		if (settings.usernameEnabled !== false) methods.push("username");
+		if (settings.emailEnabled !== false) methods.push("email");
+		if (settings.phoneEnabled === true) methods.push("phone");
+		return methods;
+	}, [settings]);
+	const identifierTitle = (0, react.useMemo)(() => {
+		if (loginMethods.length === 0) return tr("loginUsername");
+		if (loginMethods.length === 1) {
+			if (loginMethods[0] === "username") return tr("loginUsername");
+			if (loginMethods[0] === "email") return tr("loginEmail");
+			if (loginMethods[0] === "phone") return tr("loginPhone");
+		}
+		const labels = loginMethods.map((m) => {
+			if (m === "username") return tr("loginUsername").toLowerCase();
+			if (m === "email") return tr("loginEmail").toLowerCase();
+			if (m === "phone") return tr("loginPhone").toLowerCase();
+			return m;
+		});
+		return require_core.capitalize(`${labels.slice(0, -1).join(", ")} or ${labels[labels.length - 1]}`);
+	}, [loginMethods, tr]);
+	const form = (0, __alepha_react_form.useForm)({
+		schema: alepha.t.object({
+			identifier: alepha.t.string({ minLength: 1 }),
+			password: alepha.t.string({ minLength: settings.passwordPolicy?.minLength || 6 })
+		}),
+		handler: async (data) => {
+			try {
+				await auth.login("credentials", {
+					username: data.identifier,
+					password: data.password
+				});
+				await router.go(router.query.r || "/");
+			} catch (error) {
+				if (error instanceof alepha_server.HttpError && error.error === "InvalidCredentialsError") throw new __alepha_react_form.FormValidationError({
+					message: "Invalid identifier or password",
+					path: "/password"
+				});
+				throw error;
+			}
+		}
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Flex, {
+		flex: 1,
+		justify: "center",
+		align: "center",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
+			gap: "sm",
+			w: 360,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Card, {
+				withBorder: true,
+				p: "lg",
+				bg: "var(--alepha-elevated)",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
+					gap: "md",
+					children: [
+						hasUsernamePassword && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
+							...form.props,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
+								flex: 1,
+								gap: "md",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.Control_default, {
+										title: identifierTitle,
+										input: form.input.identifier,
+										icon: __tabler_icons_react.IconUser,
+										text: { autoComplete: loginMethods.includes("email") ? "email" : "username" }
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.Control_default, {
+										title: tr("loginPassword"),
+										input: form.input.password,
+										icon: __tabler_icons_react.IconLock,
+										password: { autoComplete: "current-password" }
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
+										variant: "filled",
+										form,
+										children: tr("loginSignIn")
+									})
+								]
+							})
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
+							gap: "xs",
+							children: [settings.resetPasswordAllowed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
+								size: "sm",
+								ta: "center",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
+									href: router.path("resetPassword"),
+									anchorProps: { inherit: true },
+									children: tr("loginForgotPassword")
+								})
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Group, {
+								align: "center",
+								justify: "center",
+								gap: "md",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Flex, {
+										flex: 1,
+										h: "1px",
+										bg: "var(--alepha-text-muted)"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
+										size: "xs",
+										children: tr("loginOr")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Flex, {
+										flex: 1,
+										h: "1px",
+										bg: "var(--alepha-text-muted)"
+									})
+								]
+							})]
+						})] }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Stack, {
+							gap: "sm",
+							children: props.realmConfig.authenticationMethods.map((method) => method.type !== "CREDENTIALS" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
+								variant: "default",
+								leftSection: leftSection(method.name.toLowerCase()),
+								onClick: () => auth.login(method.name, { redirect }),
+								children: tr("loginContinueWith", { args: [require_core.capitalize(method.name)] })
+							}, method.type))
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Text, {
+							size: "sm",
+							ta: "center",
+							children: [
+								tr("loginNoAccount"),
+								" ",
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
+									href: router.path("register"),
+									anchorProps: { inherit: true },
+									children: tr("loginSignUp")
+								})
+							]
+						})
+					]
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
+				variant: "subtle",
+				href: redirect,
+				children: tr("loginCancel")
+			})]
+		})
+	});
+};
+var Login_default = Login;
+const leftSection = (name) => {
+	if (name === "google") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconGoogle.IconGoogle_default, {});
+	if (name === "github") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconGoogle.IconGithub_default, {});
+};
+
+//#endregion
+Object.defineProperty(exports, 'Login_default', {
+  enumerable: true,
+  get: function () {
+    return Login_default;
+  }
+});
+//# sourceMappingURL=Login-BTBmbnWl.cjs.map

package/dist/auth/Login-BTBmbnWl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Login-BTBmbnWl.cjs","names":["capitalize","t","HttpError","FormValidationError","Flex","Stack","Card","Control","IconUser","IconLock","ActionButton","Text","Group","IconGoogle","IconGithub"],"sources":["../../src/auth/components/Login.tsx"],"sourcesContent":["import { useRouter } from \"@alepha/react\";\nimport { useAuth } from \"@alepha/react/auth\";\nimport { FormValidationError, useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport { Card, Flex, Group, Stack, Text } from \"@mantine/core\";\nimport { IconLock, IconUser } from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport type { UserRealmConfig } from \"alepha/api/users\";\nimport { HttpError } from \"alepha/server\";\nimport { useMemo } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\nimport IconGithub from \"./icons/IconGithub.tsx\";\nimport IconGoogle from \"./icons/IconGoogle.tsx\";\n\nexport interface LoginProps {\n  realmConfig: UserRealmConfig;\n}\n\nconst Login = (props: LoginProps) => {\n  const auth = useAuth();\n  const router = useRouter<AuthRouter>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const redirect = router.query.redirect || \"/\";\n\n  const hasUsernamePassword = 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.usernameEnabled !== false) methods.push(\"username\");\n    if (settings.emailEnabled !== false) methods.push(\"email\");\n    if (settings.phoneEnabled === true) 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      try {\n        await auth.login(\"credentials\", {\n          username: data.identifier,\n          password: data.password,\n        });\n        await router.go(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  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Stack gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Stack gap={\"md\"}>\n            {hasUsernamePassword && (\n              <>\n                <form {...form.props}>\n                  <Stack flex={1} gap={\"md\"}>\n                    <Control\n                      title={identifierTitle}\n                      input={form.input.identifier}\n                      icon={IconUser}\n                      text={{\n                        autoComplete: loginMethods.includes(\"email\")\n                          ? \"email\"\n                          : \"username\",\n                      }}\n                    />\n                    <Control\n                      title={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                  </Stack>\n                </form>\n                <Stack gap=\"xs\">\n                  {settings.resetPasswordAllowed && (\n                    <Text size=\"sm\" ta=\"center\">\n                      <ActionButton\n                        href={router.path(\"resetPassword\")}\n                        anchorProps={{ inherit: true }}\n                      >\n                        {tr(\"loginForgotPassword\")}\n                      </ActionButton>\n                    </Text>\n                  )}\n                  <Group align=\"center\" justify=\"center\" gap={\"md\"}>\n                    <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-text-muted)\"} />\n                    <Text size=\"xs\">{tr(\"loginOr\")}</Text>\n                    <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-text-muted)\"} />\n                  </Group>\n                </Stack>\n              </>\n            )}\n            <Stack gap={\"sm\"}>\n              {props.realmConfig.authenticationMethods.map(\n                (method) =>\n                  method.type !== \"CREDENTIALS\" && (\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                        })\n                      }\n                    >\n                      {tr(\"loginContinueWith\", {\n                        args: [capitalize(method.name)],\n                      })}\n                    </ActionButton>\n                  ),\n              )}\n            </Stack>\n            <Text size=\"sm\" ta=\"center\">\n              {tr(\"loginNoAccount\")}{\" \"}\n              <ActionButton\n                href={router.path(\"register\")}\n                anchorProps={{ inherit: true }}\n              >\n                {tr(\"loginSignUp\")}\n              </ActionButton>\n            </Text>\n          </Stack>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={redirect}>\n          {tr(\"loginCancel\")}\n        </ActionButton>\n      </Stack>\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/Login-BcQOtG3v.js

@@ -0,0 +1,5 @@
+import "./core-D1MHij1j.js";
+import "./IconGoogle-Bfmuv9Rv.js";
+import { t as Login_default } from "./Login-JeXFsUf5.js";
+
+export { Login_default as default };

package/dist/auth/Login-Btmd70Um.cjs

@@ -0,0 +1,5 @@
+require('./core-rDZ9d92K.cjs');
+require('./IconGoogle-B17BTQyD.cjs');
+const require_Login = require('./Login-BTBmbnWl.cjs');
+
+exports.default = require_Login.Login_default;

package/dist/auth/Login-JeXFsUf5.js

@@ -0,0 +1,176 @@
+import { i as ActionButton_default, n as Control_default, r as capitalize } from "./core-D1MHij1j.js";
+import { n as IconGithub_default, t as IconGoogle_default } from "./IconGoogle-Bfmuv9Rv.js";
+import { useAuth } from "@alepha/react/auth";
+import { useI18n } from "@alepha/react/i18n";
+import { FormValidationError, useForm } from "@alepha/react/form";
+import { t } from "alepha";
+import { useRouter } from "@alepha/react";
+import { Card, Flex, Group, Stack, Text } from "@mantine/core";
+import { IconLock, IconUser } from "@tabler/icons-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { HttpError } from "alepha/server";
+
+//#region src/auth/components/Login.tsx
+const Login = (props) => {
+	const auth = useAuth();
+	const router = useRouter();
+	const { tr } = useI18n();
+	const redirect = router.query.redirect || "/";
+	const hasUsernamePassword = props.realmConfig.authenticationMethods.find((it) => it.type === "CREDENTIALS");
+	const settings = props.realmConfig.settings;
+	const loginMethods = useMemo(() => {
+		const methods = [];
+		if (settings.usernameEnabled !== false) methods.push("username");
+		if (settings.emailEnabled !== false) methods.push("email");
+		if (settings.phoneEnabled === true) methods.push("phone");
+		return methods;
+	}, [settings]);
+	const identifierTitle = useMemo(() => {
+		if (loginMethods.length === 0) return tr("loginUsername");
+		if (loginMethods.length === 1) {
+			if (loginMethods[0] === "username") return tr("loginUsername");
+			if (loginMethods[0] === "email") return tr("loginEmail");
+			if (loginMethods[0] === "phone") return tr("loginPhone");
+		}
+		const labels = loginMethods.map((m) => {
+			if (m === "username") return tr("loginUsername").toLowerCase();
+			if (m === "email") return tr("loginEmail").toLowerCase();
+			if (m === "phone") return tr("loginPhone").toLowerCase();
+			return m;
+		});
+		return capitalize(`${labels.slice(0, -1).join(", ")} or ${labels[labels.length - 1]}`);
+	}, [loginMethods, tr]);
+	const form = useForm({
+		schema: t.object({
+			identifier: t.string({ minLength: 1 }),
+			password: t.string({ minLength: settings.passwordPolicy?.minLength || 6 })
+		}),
+		handler: async (data) => {
+			try {
+				await auth.login("credentials", {
+					username: data.identifier,
+					password: data.password
+				});
+				await router.go(router.query.r || "/");
+			} catch (error) {
+				if (error instanceof HttpError && error.error === "InvalidCredentialsError") throw new FormValidationError({
+					message: "Invalid identifier or password",
+					path: "/password"
+				});
+				throw error;
+			}
+		}
+	});
+	return /* @__PURE__ */ jsx(Flex, {
+		flex: 1,
+		justify: "center",
+		align: "center",
+		children: /* @__PURE__ */ jsxs(Stack, {
+			gap: "sm",
+			w: 360,
+			children: [/* @__PURE__ */ jsx(Card, {
+				withBorder: true,
+				p: "lg",
+				bg: "var(--alepha-elevated)",
+				children: /* @__PURE__ */ jsxs(Stack, {
+					gap: "md",
+					children: [
+						hasUsernamePassword && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("form", {
+							...form.props,
+							children: /* @__PURE__ */ jsxs(Stack, {
+								flex: 1,
+								gap: "md",
+								children: [
+									/* @__PURE__ */ jsx(Control_default, {
+										title: identifierTitle,
+										input: form.input.identifier,
+										icon: IconUser,
+										text: { autoComplete: loginMethods.includes("email") ? "email" : "username" }
+									}),
+									/* @__PURE__ */ jsx(Control_default, {
+										title: tr("loginPassword"),
+										input: form.input.password,
+										icon: IconLock,
+										password: { autoComplete: "current-password" }
+									}),
+									/* @__PURE__ */ jsx(ActionButton_default, {
+										variant: "filled",
+										form,
+										children: tr("loginSignIn")
+									})
+								]
+							})
+						}), /* @__PURE__ */ jsxs(Stack, {
+							gap: "xs",
+							children: [settings.resetPasswordAllowed && /* @__PURE__ */ jsx(Text, {
+								size: "sm",
+								ta: "center",
+								children: /* @__PURE__ */ jsx(ActionButton_default, {
+									href: router.path("resetPassword"),
+									anchorProps: { inherit: true },
+									children: tr("loginForgotPassword")
+								})
+							}), /* @__PURE__ */ jsxs(Group, {
+								align: "center",
+								justify: "center",
+								gap: "md",
+								children: [
+									/* @__PURE__ */ jsx(Flex, {
+										flex: 1,
+										h: "1px",
+										bg: "var(--alepha-text-muted)"
+									}),
+									/* @__PURE__ */ jsx(Text, {
+										size: "xs",
+										children: tr("loginOr")
+									}),
+									/* @__PURE__ */ jsx(Flex, {
+										flex: 1,
+										h: "1px",
+										bg: "var(--alepha-text-muted)"
+									})
+								]
+							})]
+						})] }),
+						/* @__PURE__ */ jsx(Stack, {
+							gap: "sm",
+							children: props.realmConfig.authenticationMethods.map((method) => method.type !== "CREDENTIALS" && /* @__PURE__ */ jsx(ActionButton_default, {
+								variant: "default",
+								leftSection: leftSection(method.name.toLowerCase()),
+								onClick: () => auth.login(method.name, { redirect }),
+								children: tr("loginContinueWith", { args: [capitalize(method.name)] })
+							}, method.type))
+						}),
+						/* @__PURE__ */ jsxs(Text, {
+							size: "sm",
+							ta: "center",
+							children: [
+								tr("loginNoAccount"),
+								" ",
+								/* @__PURE__ */ jsx(ActionButton_default, {
+									href: router.path("register"),
+									anchorProps: { inherit: true },
+									children: tr("loginSignUp")
+								})
+							]
+						})
+					]
+				})
+			}), /* @__PURE__ */ jsx(ActionButton_default, {
+				variant: "subtle",
+				href: redirect,
+				children: tr("loginCancel")
+			})]
+		})
+	});
+};
+var Login_default = Login;
+const leftSection = (name) => {
+	if (name === "google") return /* @__PURE__ */ jsx(IconGoogle_default, {});
+	if (name === "github") return /* @__PURE__ */ jsx(IconGithub_default, {});
+};
+
+//#endregion
+export { Login_default as t };
+//# sourceMappingURL=Login-JeXFsUf5.js.map