@alepha/ui 0.17.2 → 0.18.1

package/dist/admin/AdminUserSessions-srgFHrqy.js

@@ -1,129 +0,0 @@
-import { ActionButton, DataTable, Flex, Text } from "@alepha/ui";
-import { t } from "alepha";
-import { IconDeviceDesktop, IconDeviceMobile, IconDeviceTablet, IconTrash } from "@tabler/icons-react";
-import { useRouterState } from "alepha/react/router";
-import { Badge } from "@mantine/core";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useClient } from "alepha/react";
-import { useI18n } from "alepha/react/i18n";
-import { useState } from "react";
-
-//#region ../../src/admin/components/users/AdminUserSessions.tsx
-const AdminUserSessions = (props) => {
-	const state = useRouterState();
-	const client = useClient();
-	const { l } = useI18n();
-	const userId = state.params.userId;
-	const [refreshKey, setRefreshKey] = useState(0);
-	const getDeviceIcon = (device) => {
-		switch (device) {
-			case "MOBILE": return /* @__PURE__ */ jsx(IconDeviceMobile, { size: 14 });
-			case "TABLET": return /* @__PURE__ */ jsx(IconDeviceTablet, { size: 14 });
-			default: return /* @__PURE__ */ jsx(IconDeviceDesktop, { size: 14 });
-		}
-	};
-	const isExpired = (expiresAt) => {
-		return new Date(expiresAt) < /* @__PURE__ */ new Date();
-	};
-	const handleDelete = async (sessionId) => {
-		await client.deleteSession({
-			params: { id: sessionId },
-			query: { userRealmName: props.userRealmName }
-		});
-		setRefreshKey((k) => k + 1);
-	};
-	return /* @__PURE__ */ jsx(Flex, {
-		flex: 1,
-		direction: "column",
-		children: /* @__PURE__ */ jsx(DataTable, {
-			submitOnInit: true,
-			defaultSize: 10,
-			filters: t.object({}),
-			tableProps: {
-				horizontalSpacing: "xs",
-				verticalSpacing: "xs"
-			},
-			tableTrProps: (item) => {
-				if (isExpired(item.expiresAt)) return { opacity: .5 };
-				return {};
-			},
-			items: async (filters) => {
-				return await client.findSessions({ query: {
-					...filters,
-					userId,
-					userRealmName: props.userRealmName
-				} });
-			},
-			columns: {
-				userAgent: {
-					label: "Device",
-					value: (item) => /* @__PURE__ */ jsx(Flex, {
-						gap: 4,
-						children: item.userAgent ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Badge, {
-							size: "xs",
-							variant: "light",
-							leftSection: getDeviceIcon(item.userAgent.device),
-							children: item.userAgent.device
-						}), /* @__PURE__ */ jsxs(Text, {
-							size: "xs",
-							c: "dimmed",
-							children: [
-								item.userAgent.browser,
-								" / ",
-								item.userAgent.os
-							]
-						})] }) : /* @__PURE__ */ jsx(Text, {
-							size: "xs",
-							c: "dimmed",
-							children: "-"
-						})
-					})
-				},
-				ip: {
-					label: "IP Address",
-					fit: true,
-					value: (item) => /* @__PURE__ */ jsx(Text, {
-						size: "xs",
-						ff: "monospace",
-						c: "dimmed",
-						children: item.ip || "-"
-					})
-				},
-				expiresAt: {
-					label: "Status",
-					fit: true,
-					value: (item) => /* @__PURE__ */ jsx(Badge, {
-						size: "sm",
-						variant: "light",
-						color: isExpired(item.expiresAt) ? "red" : "green",
-						children: isExpired(item.expiresAt) ? "Expired" : "Active"
-					})
-				},
-				createdAt: {
-					label: "Created",
-					fit: true,
-					value: (item) => /* @__PURE__ */ jsx(Text, {
-						size: "xs",
-						c: "dimmed",
-						children: l(item.createdAt, { date: "fromNow" })
-					})
-				},
-				actions: {
-					label: "",
-					fit: true,
-					value: (item) => /* @__PURE__ */ jsx(ActionButton, {
-						size: "xs",
-						variant: "subtle",
-						color: "red",
-						onClick: () => handleDelete(item.id),
-						children: /* @__PURE__ */ jsx(IconTrash, { size: 14 })
-					})
-				}
-			}
-		}, refreshKey)
-	});
-};
-
-//#endregion
-export { AdminUserSessions as default };
-//# sourceMappingURL=AdminUserSessions-srgFHrqy.js.map

package/dist/admin/AdminUserSessions-srgFHrqy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminUserSessions-srgFHrqy.js","names":[],"sources":["../../src/admin/components/users/AdminUserSessions.tsx"],"sourcesContent":["import { ActionButton, DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge } from \"@mantine/core\";\nimport {\n  IconDeviceDesktop,\n  IconDeviceMobile,\n  IconDeviceTablet,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { AdminSessionController, SessionEntity } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouterState } from \"alepha/react/router\";\nimport { useState } from \"react\";\n\nexport interface AdminUserSessionsProps {\n  userRealmName?: string;\n}\n\nconst AdminUserSessions = (props: AdminUserSessionsProps) => {\n  const state = useRouterState();\n  const client = useClient<AdminSessionController>();\n  const { l } = useI18n();\n  const userId = state.params.userId as string;\n  const [refreshKey, setRefreshKey] = useState(0);\n\n  const getDeviceIcon = (device?: string) => {\n    switch (device) {\n      case \"MOBILE\":\n        return <IconDeviceMobile size={14} />;\n      case \"TABLET\":\n        return <IconDeviceTablet size={14} />;\n      default:\n        return <IconDeviceDesktop size={14} />;\n    }\n  };\n\n  const isExpired = (expiresAt: Date | string) => {\n    return new Date(expiresAt) < new Date();\n  };\n\n  const handleDelete = async (sessionId: string) => {\n    await client.deleteSession({\n      params: { id: sessionId },\n      query: { userRealmName: props.userRealmName },\n    });\n    setRefreshKey((k) => k + 1);\n  };\n\n  const filters = t.object({});\n\n  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<SessionEntity, typeof filters>\n        key={refreshKey}\n        submitOnInit\n        defaultSize={10}\n        filters={filters}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        tableTrProps={(item) => {\n          if (isExpired(item.expiresAt)) {\n            return {\n              opacity: 0.5,\n            };\n          }\n          return {};\n        }}\n        items={async (filters) => {\n          const response = await client.findSessions({\n            query: {\n              ...filters,\n              userId,\n              userRealmName: props.userRealmName,\n            },\n          });\n\n          return response as Page<SessionEntity>;\n        }}\n        columns={{\n          userAgent: {\n            label: \"Device\",\n            value: (item) => (\n              <Flex gap={4}>\n                {item.userAgent ? (\n                  <>\n                    <Badge\n                      size=\"xs\"\n                      variant=\"light\"\n                      leftSection={getDeviceIcon(item.userAgent.device)}\n                    >\n                      {item.userAgent.device}\n                    </Badge>\n                    <Text size=\"xs\" c=\"dimmed\">\n                      {item.userAgent.browser} / {item.userAgent.os}\n                    </Text>\n                  </>\n                ) : (\n                  <Text size=\"xs\" c=\"dimmed\">\n                    -\n                  </Text>\n                )}\n              </Flex>\n            ),\n          },\n          ip: {\n            label: \"IP Address\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" ff=\"monospace\" c=\"dimmed\">\n                {item.ip || \"-\"}\n              </Text>\n            ),\n          },\n          expiresAt: {\n            label: \"Status\",\n            fit: true,\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={isExpired(item.expiresAt) ? \"red\" : \"green\"}\n              >\n                {isExpired(item.expiresAt) ? \"Expired\" : \"Active\"}\n              </Badge>\n            ),\n          },\n          createdAt: {\n            label: \"Created\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {l(item.createdAt, { date: \"fromNow\" })}\n              </Text>\n            ),\n          },\n          actions: {\n            label: \"\",\n            fit: true,\n            value: (item) => (\n              <ActionButton\n                size=\"xs\"\n                variant=\"subtle\"\n                color=\"red\"\n                onClick={() => handleDelete(item.id)}\n              >\n                <IconTrash size={14} />\n              </ActionButton>\n            ),\n          },\n        }}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminUserSessions;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAM,qBAAqB,UAAkC;CAC3D,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,SAAS,WAAmC;CAClD,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,SAAS,MAAM,OAAO;CAC5B,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAE/C,MAAM,iBAAiB,WAAoB;AACzC,UAAQ,QAAR;GACE,KAAK,SACH,QAAO,oBAAC,oBAAiB,MAAM,KAAM;GACvC,KAAK,SACH,QAAO,oBAAC,oBAAiB,MAAM,KAAM;GACvC,QACE,QAAO,oBAAC,qBAAkB,MAAM,KAAM;;;CAI5C,MAAM,aAAa,cAA6B;AAC9C,SAAO,IAAI,KAAK,UAAU,mBAAG,IAAI,MAAM;;CAGzC,MAAM,eAAe,OAAO,cAAsB;AAChD,QAAM,OAAO,cAAc;GACzB,QAAQ,EAAE,IAAI,WAAW;GACzB,OAAO,EAAE,eAAe,MAAM,eAAe;GAC9C,CAAC;AACF,iBAAe,MAAM,IAAI,EAAE;;AAK7B,QACE,oBAAC;EAAK,MAAM;EAAG,WAAU;YACvB,oBAAC;GAEC;GACA,aAAa;GACb,SARU,EAAE,OAAO,EAAE,CAAC;GAStB,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IAClB;GACD,eAAe,SAAS;AACtB,QAAI,UAAU,KAAK,UAAU,CAC3B,QAAO,EACL,SAAS,IACV;AAEH,WAAO,EAAE;;GAEX,OAAO,OAAO,YAAY;AASxB,WARiB,MAAM,OAAO,aAAa,EACzC,OAAO;KACL,GAAG;KACH;KACA,eAAe,MAAM;KACtB,EACF,CAAC;;GAIJ,SAAS;IACP,WAAW;KACT,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,KAAK;gBACR,KAAK,YACJ,4CACE,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,aAAa,cAAc,KAAK,UAAU,OAAO;iBAEhD,KAAK,UAAU;QACV,EACR,qBAAC;OAAK,MAAK;OAAK,GAAE;;QACf,KAAK,UAAU;QAAQ;QAAI,KAAK,UAAU;;QACtC,IACN,GAEH,oBAAC;OAAK,MAAK;OAAK,GAAE;iBAAS;QAEpB;OAEJ;KAEV;IACD,IAAI;KACF,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,IAAG;MAAY,GAAE;gBAC9B,KAAK,MAAM;OACP;KAEV;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAO,UAAU,KAAK,UAAU,GAAG,QAAQ;gBAE1C,UAAU,KAAK,UAAU,GAAG,YAAY;OACnC;KAEX;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACD,SAAS;KACP,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAM;MACN,eAAe,aAAa,KAAK,GAAG;gBAEpC,oBAAC,aAAU,MAAM,KAAM;OACV;KAElB;IACF;KAlGI,WAmGL;GACG"}

package/dist/admin/AdminUserSettings-BFuxl-xT.js

@@ -1,167 +0,0 @@
-import { ActionButton, Flex, Text } from "@alepha/ui";
-import { IconAlertCircle, IconCheck, IconMail, IconTrash } from "@tabler/icons-react";
-import { useRouter, useRouterState } from "alepha/react/router";
-import { Alert, Card, Loader } from "@mantine/core";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useClient } from "alepha/react";
-import { useEffect, useState } from "react";
-
-//#region ../../src/admin/components/users/AdminUserSettings.tsx
-const AdminUserSettings = (props) => {
-	const router = useRouter();
-	const state = useRouterState();
-	const adminClient = useClient();
-	const userClient = useClient();
-	const userId = state.params.userId;
-	const [user, setUser] = useState(null);
-	const [loading, setLoading] = useState(true);
-	const [deleteLoading, setDeleteLoading] = useState(false);
-	const [verifyLoading, setVerifyLoading] = useState(false);
-	const [verifySuccess, setVerifySuccess] = useState(false);
-	useEffect(() => {
-		const loadUser = async () => {
-			try {
-				setUser(await adminClient.getUser({
-					params: { id: userId },
-					query: { userRealmName: props.userRealmName }
-				}));
-			} finally {
-				setLoading(false);
-			}
-		};
-		loadUser();
-	}, [userId]);
-	const handleDelete = async () => {
-		if (!confirm("Are you sure you want to delete this user?")) return;
-		setDeleteLoading(true);
-		try {
-			await adminClient.deleteUser({
-				params: { id: userId },
-				query: { userRealmName: props.userRealmName }
-			});
-			await router.push("adminUsers");
-		} finally {
-			setDeleteLoading(false);
-		}
-	};
-	const handleTriggerEmailVerification = async () => {
-		if (!user?.email) return;
-		setVerifyLoading(true);
-		setVerifySuccess(false);
-		try {
-			await userClient.requestEmailVerification({
-				query: {
-					userRealmName: props.userRealmName,
-					method: "link",
-					verifyUrl: `${window.location.origin}/auth/verify-email`
-				},
-				body: { email: user.email }
-			});
-			setVerifySuccess(true);
-		} finally {
-			setVerifyLoading(false);
-		}
-	};
-	if (loading) return /* @__PURE__ */ jsx(Flex, {
-		flex: 1,
-		justify: "center",
-		align: "center",
-		children: /* @__PURE__ */ jsx(Loader, {})
-	});
-	if (!user) return /* @__PURE__ */ jsx(Flex, {
-		flex: 1,
-		justify: "center",
-		align: "center",
-		children: /* @__PURE__ */ jsx(Text, {
-			c: "dimmed",
-			children: "User not found"
-		})
-	});
-	return /* @__PURE__ */ jsxs(Flex, {
-		flex: 1,
-		direction: "column",
-		gap: "md",
-		children: [user.email && !user.emailVerified && /* @__PURE__ */ jsx(Card, {
-			withBorder: true,
-			p: "lg",
-			children: /* @__PURE__ */ jsxs(Flex, {
-				direction: "column",
-				gap: "md",
-				children: [
-					/* @__PURE__ */ jsx(Text, {
-						size: "lg",
-						fw: 500,
-						children: "Email Verification"
-					}),
-					/* @__PURE__ */ jsx(Alert, {
-						variant: "light",
-						color: "yellow",
-						icon: /* @__PURE__ */ jsx(IconMail, {}),
-						children: /* @__PURE__ */ jsxs(Text, {
-							size: "sm",
-							children: [
-								"This user's email (",
-								user.email,
-								") is not verified. You can send a verification link to the user."
-							]
-						})
-					}),
-					verifySuccess && /* @__PURE__ */ jsx(Alert, {
-						variant: "light",
-						color: "green",
-						icon: /* @__PURE__ */ jsx(IconCheck, {}),
-						children: /* @__PURE__ */ jsxs(Text, {
-							size: "sm",
-							children: [
-								"Verification link sent successfully to ",
-								user.email,
-								"."
-							]
-						})
-					}),
-					/* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(ActionButton, {
-						leftSection: /* @__PURE__ */ jsx(IconMail, { size: 16 }),
-						loading: verifyLoading,
-						onClick: handleTriggerEmailVerification,
-						children: "Send Verification Link"
-					}) })
-				]
-			})
-		}), /* @__PURE__ */ jsx(Card, {
-			withBorder: true,
-			p: "lg",
-			children: /* @__PURE__ */ jsxs(Flex, {
-				direction: "column",
-				gap: "md",
-				children: [
-					/* @__PURE__ */ jsx(Text, {
-						size: "lg",
-						fw: 500,
-						c: "red",
-						children: "Danger Zone"
-					}),
-					/* @__PURE__ */ jsx(Alert, {
-						variant: "light",
-						color: "red",
-						icon: /* @__PURE__ */ jsx(IconAlertCircle, {}),
-						children: /* @__PURE__ */ jsx(Text, {
-							size: "sm",
-							children: "Deleting this user will permanently remove their account and all associated data. This action cannot be undone."
-						})
-					}),
-					/* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(ActionButton, {
-						color: "red",
-						leftSection: /* @__PURE__ */ jsx(IconTrash, { size: 16 }),
-						loading: deleteLoading,
-						onClick: handleDelete,
-						children: "Delete User"
-					}) })
-				]
-			})
-		})]
-	});
-};
-
-//#endregion
-export { AdminUserSettings as default };
-//# sourceMappingURL=AdminUserSettings-BFuxl-xT.js.map

package/dist/admin/AdminUserSettings-BFuxl-xT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminUserSettings-BFuxl-xT.js","names":[],"sources":["../../src/admin/components/users/AdminUserSettings.tsx"],"sourcesContent":["import { ActionButton, Flex, Text } from \"@alepha/ui\";\nimport { Alert, Card, Loader } from \"@mantine/core\";\nimport {\n  IconAlertCircle,\n  IconCheck,\n  IconMail,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport type {\n  AdminUserController,\n  UserController,\n  UserEntity,\n} from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useRouter, useRouterState } from \"alepha/react/router\";\nimport { useEffect, useState } from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\nexport interface AdminUserSettingsProps {\n  userRealmName?: string;\n}\n\nconst AdminUserSettings = (props: AdminUserSettingsProps) => {\n  const router = useRouter<AdminRouter>();\n  const state = useRouterState();\n  const adminClient = useClient<AdminUserController>();\n  const userClient = useClient<UserController>();\n  const userId = state.params.userId as string;\n\n  const [user, setUser] = useState<UserEntity | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [deleteLoading, setDeleteLoading] = useState(false);\n  const [verifyLoading, setVerifyLoading] = useState(false);\n  const [verifySuccess, setVerifySuccess] = useState(false);\n\n  useEffect(() => {\n    const loadUser = async () => {\n      try {\n        const data = await adminClient.getUser({\n          params: { id: userId },\n          query: { userRealmName: props.userRealmName },\n        });\n        setUser(data);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    loadUser();\n  }, [userId]);\n\n  const handleDelete = async () => {\n    if (!confirm(\"Are you sure you want to delete this user?\")) {\n      return;\n    }\n\n    setDeleteLoading(true);\n    try {\n      await adminClient.deleteUser({\n        params: { id: userId },\n        query: { userRealmName: props.userRealmName },\n      });\n      await router.push(\"adminUsers\");\n    } finally {\n      setDeleteLoading(false);\n    }\n  };\n\n  const handleTriggerEmailVerification = async () => {\n    if (!user?.email) return;\n\n    setVerifyLoading(true);\n    setVerifySuccess(false);\n    try {\n      await userClient.requestEmailVerification({\n        query: {\n          userRealmName: props.userRealmName,\n          method: \"link\",\n          verifyUrl: `${window.location.origin}/auth/verify-email`,\n        },\n        body: { email: user.email },\n      });\n      setVerifySuccess(true);\n    } finally {\n      setVerifyLoading(false);\n    }\n  };\n\n  if (loading) {\n    return (\n      <Flex flex={1} justify=\"center\" align=\"center\">\n        <Loader />\n      </Flex>\n    );\n  }\n\n  if (!user) {\n    return (\n      <Flex flex={1} justify=\"center\" align=\"center\">\n        <Text c=\"dimmed\">User not found</Text>\n      </Flex>\n    );\n  }\n\n  return (\n    <Flex flex={1} direction=\"column\" gap=\"md\">\n      {user.email && !user.emailVerified && (\n        <Card withBorder p=\"lg\">\n          <Flex direction=\"column\" gap=\"md\">\n            <Text size=\"lg\" fw={500}>\n              Email Verification\n            </Text>\n\n            <Alert variant=\"light\" color=\"yellow\" icon={<IconMail />}>\n              <Text size=\"sm\">\n                This user's email ({user.email}) is not verified. You can send a\n                verification link to the user.\n              </Text>\n            </Alert>\n\n            {verifySuccess && (\n              <Alert variant=\"light\" color=\"green\" icon={<IconCheck />}>\n                <Text size=\"sm\">\n                  Verification link sent successfully to {user.email}.\n                </Text>\n              </Alert>\n            )}\n\n            <Flex>\n              <ActionButton\n                leftSection={<IconMail size={16} />}\n                loading={verifyLoading}\n                onClick={handleTriggerEmailVerification}\n              >\n                Send Verification Link\n              </ActionButton>\n            </Flex>\n          </Flex>\n        </Card>\n      )}\n\n      <Card withBorder p=\"lg\">\n        <Flex direction=\"column\" gap=\"md\">\n          <Text size=\"lg\" fw={500} c=\"red\">\n            Danger Zone\n          </Text>\n\n          <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n            <Text size=\"sm\">\n              Deleting this user will permanently remove their account and all\n              associated data. This action cannot be undone.\n            </Text>\n          </Alert>\n\n          <Flex>\n            <ActionButton\n              color=\"red\"\n              leftSection={<IconTrash size={16} />}\n              loading={deleteLoading}\n              onClick={handleDelete}\n            >\n              Delete User\n            </ActionButton>\n          </Flex>\n        </Flex>\n      </Card>\n    </Flex>\n  );\n};\n\nexport default AdminUserSettings;\n"],"mappings":";;;;;;;;;AAsBA,MAAM,qBAAqB,UAAkC;CAC3D,MAAM,SAAS,WAAwB;CACvC,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,cAAc,WAAgC;CACpD,MAAM,aAAa,WAA2B;CAC9C,MAAM,SAAS,MAAM,OAAO;CAE5B,MAAM,CAAC,MAAM,WAAW,SAA4B,KAAK;CACzD,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CACzD,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CACzD,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;AAEzD,iBAAgB;EACd,MAAM,WAAW,YAAY;AAC3B,OAAI;AAKF,YAJa,MAAM,YAAY,QAAQ;KACrC,QAAQ,EAAE,IAAI,QAAQ;KACtB,OAAO,EAAE,eAAe,MAAM,eAAe;KAC9C,CAAC,CACW;aACL;AACR,eAAW,MAAM;;;AAIrB,YAAU;IACT,CAAC,OAAO,CAAC;CAEZ,MAAM,eAAe,YAAY;AAC/B,MAAI,CAAC,QAAQ,6CAA6C,CACxD;AAGF,mBAAiB,KAAK;AACtB,MAAI;AACF,SAAM,YAAY,WAAW;IAC3B,QAAQ,EAAE,IAAI,QAAQ;IACtB,OAAO,EAAE,eAAe,MAAM,eAAe;IAC9C,CAAC;AACF,SAAM,OAAO,KAAK,aAAa;YACvB;AACR,oBAAiB,MAAM;;;CAI3B,MAAM,iCAAiC,YAAY;AACjD,MAAI,CAAC,MAAM,MAAO;AAElB,mBAAiB,KAAK;AACtB,mBAAiB,MAAM;AACvB,MAAI;AACF,SAAM,WAAW,yBAAyB;IACxC,OAAO;KACL,eAAe,MAAM;KACrB,QAAQ;KACR,WAAW,GAAG,OAAO,SAAS,OAAO;KACtC;IACD,MAAM,EAAE,OAAO,KAAK,OAAO;IAC5B,CAAC;AACF,oBAAiB,KAAK;YACd;AACR,oBAAiB,MAAM;;;AAI3B,KAAI,QACF,QACE,oBAAC;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,oBAAC,WAAS;GACL;AAIX,KAAI,CAAC,KACH,QACE,oBAAC;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,oBAAC;GAAK,GAAE;aAAS;IAAqB;GACjC;AAIX,QACE,qBAAC;EAAK,MAAM;EAAG,WAAU;EAAS,KAAI;aACnC,KAAK,SAAS,CAAC,KAAK,iBACnB,oBAAC;GAAK;GAAW,GAAE;aACjB,qBAAC;IAAK,WAAU;IAAS,KAAI;;KAC3B,oBAAC;MAAK,MAAK;MAAK,IAAI;gBAAK;OAElB;KAEP,oBAAC;MAAM,SAAQ;MAAQ,OAAM;MAAS,MAAM,oBAAC,aAAW;gBACtD,qBAAC;OAAK,MAAK;;QAAK;QACM,KAAK;QAAM;;QAE1B;OACD;KAEP,iBACC,oBAAC;MAAM,SAAQ;MAAQ,OAAM;MAAQ,MAAM,oBAAC,cAAY;gBACtD,qBAAC;OAAK,MAAK;;QAAK;QAC0B,KAAK;QAAM;;QAC9C;OACD;KAGV,oBAAC,kBACC,oBAAC;MACC,aAAa,oBAAC,YAAS,MAAM,KAAM;MACnC,SAAS;MACT,SAAS;gBACV;OAEc,GACV;;KACF;IACF,EAGT,oBAAC;GAAK;GAAW,GAAE;aACjB,qBAAC;IAAK,WAAU;IAAS,KAAI;;KAC3B,oBAAC;MAAK,MAAK;MAAK,IAAI;MAAK,GAAE;gBAAM;OAE1B;KAEP,oBAAC;MAAM,SAAQ;MAAQ,OAAM;MAAM,MAAM,oBAAC,oBAAkB;gBAC1D,oBAAC;OAAK,MAAK;iBAAK;QAGT;OACD;KAER,oBAAC,kBACC,oBAAC;MACC,OAAM;MACN,aAAa,oBAAC,aAAU,MAAM,KAAM;MACpC,SAAS;MACT,SAAS;gBACV;OAEc,GACV;;KACF;IACF;GACF"}

package/dist/admin/AdminUsers-D1pDpiwK.js

@@ -1,118 +0,0 @@
-import { DataTable, Text } from "@alepha/ui";
-import { t } from "alepha";
-import { IconCheck, IconUsersPlus, IconX } from "@tabler/icons-react";
-import { useRouter } from "alepha/react/router";
-import { Badge, Flex as Flex$1 } from "@mantine/core";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useClient } from "alepha/react";
-import { useI18n } from "alepha/react/i18n";
-import { users } from "alepha/api/users";
-
-//#region ../../src/admin/components/users/AdminUsers.tsx
-const AdminUsers = (props) => {
-	const client = useClient();
-	const router = useRouter();
-	const { l } = useI18n();
-	const filters = t.object({ query: t.optional(t.string({ $control: { query: t.omit(users.schema, ["id", "version"]) } })) });
-	return /* @__PURE__ */ jsx(Flex$1, {
-		flex: 1,
-		direction: "column",
-		children: /* @__PURE__ */ jsx(DataTable, {
-			submitOnInit: true,
-			actions: [{
-				icon: IconUsersPlus,
-				href: router.path("adminUserCreate"),
-				label: "Create User"
-			}],
-			defaultSize: 10,
-			typeFormProps: {
-				skipSubmitButton: true,
-				columns: 3
-			},
-			tableProps: {
-				horizontalSpacing: "xs",
-				verticalSpacing: "xs",
-				striped: false,
-				highlightOnHover: true
-			},
-			onFilterChange: (key, value, form) => {
-				if (key === "query") return form.submit();
-			},
-			filters,
-			tableTrProps: (item) => {
-				const baseProps = {
-					style: { cursor: "pointer" },
-					onClick: () => router.push("adminUserDetails", { params: { userId: item.id } })
-				};
-				if (!item.enabled) baseProps.opacity = .5;
-				return baseProps;
-			},
-			items: async (filters) => {
-				return await client.findUsers({ query: {
-					...filters,
-					userRealmName: props.userRealmName
-				} });
-			},
-			columns: {
-				username: {
-					label: "Username",
-					value: (item) => /* @__PURE__ */ jsx(Text, {
-						size: "sm",
-						fw: 500,
-						children: item.username || "-"
-					})
-				},
-				email: {
-					label: "Email",
-					value: (item) => /* @__PURE__ */ jsxs(Flex$1, {
-						gap: "xs",
-						children: [/* @__PURE__ */ jsx(Text, {
-							size: "sm",
-							children: item.email || "-"
-						}), item.email && /* @__PURE__ */ jsx(Badge, {
-							size: "xs",
-							variant: "light",
-							color: item.emailVerified ? "green" : "gray",
-							leftSection: item.emailVerified ? /* @__PURE__ */ jsx(IconCheck, { size: 10 }) : /* @__PURE__ */ jsx(IconX, { size: 10 }),
-							children: item.emailVerified ? "Verified" : "Unverified"
-						})]
-					})
-				},
-				roles: {
-					label: "Roles",
-					value: (item) => /* @__PURE__ */ jsx(Flex$1, {
-						gap: 4,
-						children: item.roles.map((role) => /* @__PURE__ */ jsx(Badge, {
-							size: "xs",
-							variant: "outline",
-							children: role
-						}, role))
-					})
-				},
-				enabled: {
-					label: "Status",
-					fit: true,
-					value: (item) => /* @__PURE__ */ jsx(Badge, {
-						size: "sm",
-						variant: "light",
-						color: item.enabled ? "green" : "red",
-						children: item.enabled ? "Active" : "Disabled"
-					})
-				},
-				createdAt: {
-					label: "Created",
-					fit: true,
-					value: (item) => /* @__PURE__ */ jsx(Text, {
-						size: "xs",
-						c: "dimmed",
-						children: l(item.createdAt, { date: "fromNow" })
-					})
-				}
-			}
-		})
-	});
-};
-
-//#endregion
-export { AdminUsers as default };
-//# sourceMappingURL=AdminUsers-D1pDpiwK.js.map

package/dist/admin/AdminUsers-D1pDpiwK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminUsers-D1pDpiwK.js","names":["Flex"],"sources":["../../src/admin/components/users/AdminUsers.tsx"],"sourcesContent":["import { DataTable, Text } from \"@alepha/ui\";\nimport { Badge, Flex } from \"@mantine/core\";\nimport { IconCheck, IconUsersPlus, IconX } from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport {\n  type AdminUserController,\n  type UserEntity,\n  users,\n} from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\nexport interface AdminUsersProps {\n  userRealmName?: string;\n}\n\nconst AdminUsers = (props: AdminUsersProps) => {\n  const client = useClient<AdminUserController>();\n  const router = useRouter<AdminRouter>();\n  const { l } = useI18n();\n\n  const filters = t.object({\n    query: t.optional(\n      t.string({\n        $control: {\n          query: t.omit(users.schema, [\"id\", \"version\"]),\n        },\n      }),\n    ),\n  });\n\n  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<UserEntity, typeof filters>\n        submitOnInit\n        actions={[\n          {\n            icon: IconUsersPlus,\n            href: router.path(\"adminUserCreate\"),\n            label: \"Create User\",\n          },\n        ]}\n        defaultSize={10}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 3,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n          striped: false,\n          highlightOnHover: true,\n        }}\n        onFilterChange={(key, value, form) => {\n          if (key === \"query\") {\n            return form.submit();\n          }\n        }}\n        filters={filters}\n        tableTrProps={(item) => {\n          const baseProps: Record<string, any> = {\n            style: { cursor: \"pointer\" },\n            onClick: () =>\n              router.push(\"adminUserDetails\", {\n                params: { userId: item.id },\n              }),\n          };\n\n          if (!item.enabled) {\n            baseProps.opacity = 0.5;\n          }\n\n          return baseProps;\n        }}\n        items={async (filters) => {\n          const response = await client.findUsers({\n            query: {\n              ...filters,\n              userRealmName: props.userRealmName,\n            },\n          });\n\n          return response as Page<UserEntity>;\n        }}\n        columns={{\n          username: {\n            label: \"Username\",\n            value: (item) => (\n              <Text size=\"sm\" fw={500}>\n                {item.username || \"-\"}\n              </Text>\n            ),\n          },\n          email: {\n            label: \"Email\",\n            value: (item) => (\n              <Flex gap=\"xs\">\n                <Text size=\"sm\">{item.email || \"-\"}</Text>\n                {item.email && (\n                  <Badge\n                    size=\"xs\"\n                    variant=\"light\"\n                    color={item.emailVerified ? \"green\" : \"gray\"}\n                    leftSection={\n                      item.emailVerified ? (\n                        <IconCheck size={10} />\n                      ) : (\n                        <IconX size={10} />\n                      )\n                    }\n                  >\n                    {item.emailVerified ? \"Verified\" : \"Unverified\"}\n                  </Badge>\n                )}\n              </Flex>\n            ),\n          },\n          roles: {\n            label: \"Roles\",\n            value: (item) => (\n              <Flex gap={4}>\n                {item.roles.map((role: string) => (\n                  <Badge key={role} size=\"xs\" variant=\"outline\">\n                    {role}\n                  </Badge>\n                ))}\n              </Flex>\n            ),\n          },\n          enabled: {\n            label: \"Status\",\n            fit: true,\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={item.enabled ? \"green\" : \"red\"}\n              >\n                {item.enabled ? \"Active\" : \"Disabled\"}\n              </Badge>\n            ),\n          },\n          createdAt: {\n            label: \"Created\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {l(item.createdAt, { date: \"fromNow\" })}\n              </Text>\n            ),\n          },\n        }}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminUsers;\n"],"mappings":";;;;;;;;;;;AAkBA,MAAM,cAAc,UAA2B;CAC7C,MAAM,SAAS,WAAgC;CAC/C,MAAM,SAAS,WAAwB;CACvC,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,UAAU,EAAE,OAAO,EACvB,OAAO,EAAE,SACP,EAAE,OAAO,EACP,UAAU,EACR,OAAO,EAAE,KAAK,MAAM,QAAQ,CAAC,MAAM,UAAU,CAAC,EAC/C,EACF,CAAC,CACH,EACF,CAAC;AAEF,QACE,oBAACA;EAAK,MAAM;EAAG,WAAU;YACvB,oBAAC;GACC;GACA,SAAS,CACP;IACE,MAAM;IACN,MAAM,OAAO,KAAK,kBAAkB;IACpC,OAAO;IACR,CACF;GACD,aAAa;GACb,eAAe;IACb,kBAAkB;IAClB,SAAS;IACV;GACD,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IACjB,SAAS;IACT,kBAAkB;IACnB;GACD,iBAAiB,KAAK,OAAO,SAAS;AACpC,QAAI,QAAQ,QACV,QAAO,KAAK,QAAQ;;GAGf;GACT,eAAe,SAAS;IACtB,MAAM,YAAiC;KACrC,OAAO,EAAE,QAAQ,WAAW;KAC5B,eACE,OAAO,KAAK,oBAAoB,EAC9B,QAAQ,EAAE,QAAQ,KAAK,IAAI,EAC5B,CAAC;KACL;AAED,QAAI,CAAC,KAAK,QACR,WAAU,UAAU;AAGtB,WAAO;;GAET,OAAO,OAAO,YAAY;AAQxB,WAPiB,MAAM,OAAO,UAAU,EACtC,OAAO;KACL,GAAG;KACH,eAAe,MAAM;KACtB,EACF,CAAC;;GAIJ,SAAS;IACP,UAAU;KACR,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,IAAI;gBACjB,KAAK,YAAY;OACb;KAEV;IACD,OAAO;KACL,OAAO;KACP,QAAQ,SACN,qBAACA;MAAK,KAAI;iBACR,oBAAC;OAAK,MAAK;iBAAM,KAAK,SAAS;QAAW,EACzC,KAAK,SACJ,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,OAAO,KAAK,gBAAgB,UAAU;OACtC,aACE,KAAK,gBACH,oBAAC,aAAU,MAAM,KAAM,GAEvB,oBAAC,SAAM,MAAM,KAAM;iBAItB,KAAK,gBAAgB,aAAa;QAC7B;OAEL;KAEV;IACD,OAAO;KACL,OAAO;KACP,QAAQ,SACN,oBAACA;MAAK,KAAK;gBACR,KAAK,MAAM,KAAK,SACf,oBAAC;OAAiB,MAAK;OAAK,SAAQ;iBACjC;SADS,KAEJ,CACR;OACG;KAEV;IACD,SAAS;KACP,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAO,KAAK,UAAU,UAAU;gBAE/B,KAAK,UAAU,WAAW;OACrB;KAEX;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACF;IACD;GACG"}

package/dist/demo/DemoDataTable-lnBKWBf8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DemoDataTable-lnBKWBf8.js","names":[],"sources":["../../src/demo/components/core/DemoDataTable.tsx"],"sourcesContent":["import { DataTable, Text } from \"@alepha/ui\";\nimport { Badge, Code, Flex, Paper } from \"@mantine/core\";\nimport {\n  IconDownload,\n  IconEdit,\n  IconPlus,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\ninterface User {\n  id: number;\n  name: string;\n  email: string;\n  role: \"admin\" | \"user\" | \"guest\";\n  status: \"active\" | \"inactive\";\n  notes?: string;\n}\n\nconst sampleUsers: User[] = [\n  {\n    id: 1,\n    name: \"Alice Johnson\",\n    email: \"alice@example.com\",\n    role: \"admin\",\n    status: \"active\",\n    notes: \"Team lead for the backend team.\",\n  },\n  {\n    id: 2,\n    name: \"Bob Smith\",\n    email: \"bob@example.com\",\n    role: \"user\",\n    status: \"active\",\n  },\n  {\n    id: 3,\n    name: \"Charlie Brown\",\n    email: \"charlie@example.com\",\n    role: \"user\",\n    status: \"inactive\",\n    notes: \"On leave until March.\",\n  },\n  {\n    id: 4,\n    name: \"Diana Prince\",\n    email: \"diana@example.com\",\n    role: \"admin\",\n    status: \"active\",\n  },\n  {\n    id: 5,\n    name: \"Eve Wilson\",\n    email: \"eve@example.com\",\n    role: \"guest\",\n    status: \"active\",\n    notes: \"External consultant, limited access.\",\n  },\n  {\n    id: 6,\n    name: \"Frank Castle\",\n    email: \"frank@example.com\",\n    role: \"user\",\n    status: \"inactive\",\n  },\n  {\n    id: 7,\n    name: \"Grace Hopper\",\n    email: \"grace@example.com\",\n    role: \"admin\",\n    status: \"active\",\n    notes: \"Pioneered compiler development.\",\n  },\n  {\n    id: 8,\n    name: \"Hank Pym\",\n    email: \"hank@example.com\",\n    role: \"user\",\n    status: \"active\",\n  },\n];\n\nconst filters = t.object({\n  search: t.optional(t.text({ title: \"Search\" })),\n  role: t.optional(t.enum([\"admin\", \"user\", \"guest\"], { title: \"Role\" })),\n  status: t.optional(t.enum([\"active\", \"inactive\"], { title: \"Status\" })),\n});\n\nconst showcaseSchema = t.object({\n  withCheckbox: t.boolean({\n    title: \"Checkbox\",\n    default: true,\n    $control: { switch: true },\n  }),\n  withExport: t.boolean({\n    title: \"Export\",\n    default: true,\n    $control: { switch: true },\n  }),\n  withPanel: t.boolean({\n    title: \"Panel\",\n    default: true,\n    $control: { switch: true },\n  }),\n  withDrawer: t.boolean({\n    title: \"Drawer\",\n    default: true,\n    $control: { switch: true },\n  }),\n  defaultSize: t.integer({\n    title: \"Page Size\",\n    default: 5,\n    minimum: 1,\n    maximum: 20,\n    $control: { slider: true },\n  }),\n});\n\nconst DemoDataTable = () => {\n  return (\n    <Showcase\n      title=\"DataTable\"\n      schema={showcaseSchema}\n      initialValues={{\n        withCheckbox: true,\n        withExport: true,\n        withPanel: true,\n        withDrawer: true,\n        defaultSize: 5,\n      }}\n      columns={1}\n    >\n      {(props) => (\n        <DataTable<User, typeof filters>\n          key={JSON.stringify(props)}\n          filters={filters}\n          defaultFilters={[\"search\", \"role\"]}\n          submitOnInit\n          defaultSize={props.defaultSize}\n          withCheckbox={props.withCheckbox}\n          withExport={props.withExport}\n          getItemKey={(u) => String(u.id)}\n          onFilterChange={(key, _value, form) => {\n            if (key === \"role\" || key === \"status\") {\n              return form.submit();\n            }\n          }}\n          typeFormProps={{\n            skipSubmitButton: true,\n            columns: 3,\n          }}\n          items={async (params) => {\n            let filtered = [...sampleUsers];\n            if (params.search) {\n              const s = params.search.toLowerCase();\n              filtered = filtered.filter(\n                (u) =>\n                  u.name.toLowerCase().includes(s) ||\n                  u.email.toLowerCase().includes(s),\n              );\n            }\n            if (params.role) {\n              filtered = filtered.filter((u) => u.role === params.role);\n            }\n            if (params.status) {\n              filtered = filtered.filter((u) => u.status === params.status);\n            }\n            const start = params.page * params.size;\n            const content = filtered.slice(start, start + params.size);\n            return {\n              content,\n              page: {\n                totalElements: filtered.length,\n                totalPages: Math.ceil(filtered.length / params.size),\n              },\n            };\n          }}\n          actions={[\n            {\n              tooltip: \"Add User\",\n              icon: IconPlus,\n              variant: \"light\",\n              size: \"xs\",\n              onClick: () => alert(\"Add user clicked\"),\n            },\n          ]}\n          checkboxActions={[\n            {\n              label: \"Export Selected\",\n              icon: <IconDownload size={14} />,\n              intent: \"primary\",\n              onClick: ({ selectedItems, clearSelection }) => {\n                alert(`Exporting ${selectedItems.length} users`);\n                clearSelection();\n              },\n            },\n            {\n              label: \"Delete Selected\",\n              icon: <IconTrash size={14} />,\n              intent: \"danger\",\n              onClick: ({ selectedItems, clearSelection }) => {\n                alert(`Deleting ${selectedItems.length} users`);\n                clearSelection();\n              },\n            },\n          ]}\n          columns={{\n            id: {\n              label: \"ID\",\n              value: (u) => <Text size=\"sm\">{u.id}</Text>,\n              sortable: true,\n              fit: true,\n            },\n            name: {\n              label: \"Name\",\n              value: (u) => (\n                <Text size=\"sm\" fw={500}>\n                  {u.name}\n                </Text>\n              ),\n              sortable: true,\n            },\n            email: {\n              label: \"Email\",\n              value: (u) => (\n                <Text size=\"sm\" c=\"dimmed\">\n                  {u.email}\n                </Text>\n              ),\n            },\n            role: {\n              label: \"Role\",\n              value: (u) => (\n                <Badge\n                  size=\"sm\"\n                  color={\n                    u.role === \"admin\"\n                      ? \"blue\"\n                      : u.role === \"user\"\n                        ? \"green\"\n                        : \"gray\"\n                  }\n                >\n                  {u.role}\n                </Badge>\n              ),\n            },\n            status: {\n              label: \"Status\",\n              value: (u) => (\n                <Badge\n                  size=\"sm\"\n                  color={u.status === \"active\" ? \"green\" : \"red\"}\n                  variant=\"light\"\n                >\n                  {u.status}\n                </Badge>\n              ),\n            },\n            notes: {\n              label: \"Notes\",\n              defaultHidden: true,\n              value: (u) => (\n                <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n                  {u.notes ?? \"—\"}\n                </Text>\n              ),\n            },\n            actions: {\n              label: \"\",\n              fit: true,\n              actions: (u) => [\n                {\n                  tooltip: \"Edit\",\n                  icon: IconEdit,\n                  color: \"blue\",\n                  onClick: () => alert(`Edit ${u.name}`),\n                },\n                {\n                  tooltip: \"Delete\",\n                  icon: IconTrash,\n                  color: \"red\",\n                  onClick: () => alert(`Delete ${u.name}`),\n                  visible: u.role !== \"admin\",\n                },\n              ],\n            },\n          }}\n          panel={\n            props.withPanel\n              ? {\n                  can: (u) => Boolean(u.notes),\n                  render: (u) => (\n                    <Flex direction=\"column\" gap=\"xs\" p=\"sm\">\n                      <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n                        Notes\n                      </Text>\n                      <Text size=\"sm\">{u.notes}</Text>\n                    </Flex>\n                  ),\n                }\n              : undefined\n          }\n          drawer={\n            props.withDrawer\n              ? (u) => (\n                  <Flex direction=\"column\" gap=\"md\">\n                    <Text size=\"lg\" fw={600}>\n                      {u.name}\n                    </Text>\n                    <Paper p=\"sm\" radius=\"md\" withBorder>\n                      <Flex direction=\"column\" gap=\"xs\">\n                        <Flex gap=\"xs\">\n                          <Text size=\"sm\" c=\"dimmed\" w={60}>\n                            Email\n                          </Text>\n                          <Text size=\"sm\">{u.email}</Text>\n                        </Flex>\n                        <Flex gap=\"xs\">\n                          <Text size=\"sm\" c=\"dimmed\" w={60}>\n                            Role\n                          </Text>\n                          <Badge\n                            size=\"sm\"\n                            color={\n                              u.role === \"admin\"\n                                ? \"blue\"\n                                : u.role === \"user\"\n                                  ? \"green\"\n                                  : \"gray\"\n                            }\n                          >\n                            {u.role}\n                          </Badge>\n                        </Flex>\n                        <Flex gap=\"xs\">\n                          <Text size=\"sm\" c=\"dimmed\" w={60}>\n                            Status\n                          </Text>\n                          <Badge\n                            size=\"sm\"\n                            color={u.status === \"active\" ? \"green\" : \"red\"}\n                            variant=\"light\"\n                          >\n                            {u.status}\n                          </Badge>\n                        </Flex>\n                      </Flex>\n                    </Paper>\n                    {u.notes && (\n                      <Paper p=\"sm\" radius=\"md\" withBorder>\n                        <Text size=\"sm\" fw={600} mb=\"xs\">\n                          Notes\n                        </Text>\n                        <Text size=\"sm\">{u.notes}</Text>\n                      </Paper>\n                    )}\n                    <Paper p=\"sm\" radius=\"md\" withBorder>\n                      <Text size=\"sm\" fw={600} mb=\"xs\">\n                        Raw Data\n                      </Text>\n                      <Code block>{JSON.stringify(u, null, 2)}</Code>\n                    </Paper>\n                  </Flex>\n                )\n              : undefined\n          }\n          tableProps={{\n            highlightOnHover: true,\n          }}\n        />\n      )}\n    </Showcase>\n  );\n};\n\nexport default DemoDataTable;\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"DemoHome-CUMZsYaH.js","names":[],"sources":["../../src/demo/components/DemoHome.tsx"],"sourcesContent":["import { Flex, Text, Title } from \"@mantine/core\";\nimport { IconBraces } from \"@tabler/icons-react\";\n\nconst components = [\n  {\n    name: \"JsonViewer\",\n    description:\n      \"Interactive JSON viewer with syntax highlighting, expand/collapse, and copy functionality.\",\n    icon: IconBraces,\n    href: \"/demo/json-viewer\",\n  },\n];\n\nconst DemoHome = () => {\n  return (\n    <Flex direction=\"column\" gap=\"xl\" p=\"xl\">\n      <Flex>\n        <Title order={1} mb=\"xs\">\n          Component Showcase\n        </Title>\n        <Text c=\"dimmed\" size=\"lg\">\n          Interactive demos and documentation for @alepha/ui components.\n        </Text>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default DemoHome;\n"],"mappings":";;;;;AAaA,MAAM,iBAAiB;AACrB,QACE,oBAAC;EAAK,WAAU;EAAS,KAAI;EAAK,GAAE;YAClC,qBAAC,mBACC,oBAAC;GAAM,OAAO;GAAG,IAAG;aAAK;IAEjB,EACR,oBAAC;GAAK,GAAE;GAAS,MAAK;aAAK;IAEpB,IACF;GACF"}