@alepha/ui 0.13.3 → 0.13.5

package/dist/admin/AdminFiles-B-0UcHVV.js

@@ -0,0 +1,3 @@
+import { t as AdminFiles_default } from "./AdminFiles-B_jfB_Py.js";
+
+export { AdminFiles_default as default };

package/dist/admin/{AdminFiles-BjofP3OC.js → AdminFiles-B_jfB_Py.js}

@@ -1,12 +1,12 @@
 import { DataTable, Flex, Text } from "@alepha/ui";
 import { t } from "alepha";
 import { useClient } from "@alepha/react";
-import { useI18n } from "@alepha/react/i18n";
 import { Badge } from "@mantine/core";
-import { files } from "alepha/api/files";
 import { jsx } from "react/jsx-runtime";
+import { useI18n } from "@alepha/react/i18n";
+import { files } from "alepha/api/files";
 
-//#region src/admin/components/AdminFiles.tsx
+//#region ../../src/admin/components/AdminFiles.tsx
 const AdminFiles = () => {
 	const client = useClient();
 	const { l } = useI18n();
@@ -114,4 +114,4 @@ var AdminFiles_default = AdminFiles;
 
 //#endregion
 export { AdminFiles_default as t };
-//# sourceMappingURL=AdminFiles-BjofP3OC.js.map
+//# sourceMappingURL=AdminFiles-B_jfB_Py.js.map

package/dist/admin/{AdminFiles-BjofP3OC.js.map → AdminFiles-B_jfB_Py.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AdminFiles-BjofP3OC.js","names":["filters"],"sources":["../../src/admin/components/AdminFiles.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge } from \"@mantine/core\";\nimport { type Page, t } from \"alepha\";\nimport { type FileController, type FileEntity, files } from \"alepha/api/files\";\n\nconst AdminFiles = () => {\n  const client = useClient<FileController>();\n  const { l } = useI18n();\n\n  const filters = t.object({\n    bucket: t.optional(t.string()),\n    name: t.optional(\n      t.string({\n        $control: {\n          query: t.pick(files.schema, [\"name\", \"bucket\", \"mimeType\"]),\n        },\n      }),\n    ),\n  });\n\n  const formatFileSize = (bytes: number) => {\n    if (bytes === 0) return \"0 B\";\n    const k = 1024;\n    const sizes = [\"B\", \"KB\", \"MB\", \"GB\"];\n    const i = Math.floor(Math.log(bytes) / Math.log(k));\n    return `${Number.parseFloat((bytes / k ** i).toFixed(1))} ${sizes[i]}`;\n  };\n\n  return (\n    <Flex flex={1}>\n      <DataTable<FileEntity, typeof filters>\n        submitOnInit\n        defaultSize={10}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 3,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        onFilterChange={(key, _value, form) => {\n          if (key === \"name\" || key === \"bucket\") {\n            return form.submit();\n          }\n        }}\n        filters={filters}\n        items={async (filters) => {\n          const response = await client.findFiles({\n            query: filters,\n          });\n\n          return response as Page<FileEntity>;\n        }}\n        columns={{\n          name: {\n            label: \"Name\",\n            value: (item) => (\n              <Text size=\"sm\" fw={500} lineClamp={1}>\n                {item.name}\n              </Text>\n            ),\n          },\n          bucket: {\n            label: \"Bucket\",\n            fit: true,\n            value: (item) => (\n              <Badge size=\"sm\" variant=\"light\" color=\"blue\">\n                {item.bucket}\n              </Badge>\n            ),\n          },\n          mimeType: {\n            label: \"Type\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {item.mimeType}\n              </Text>\n            ),\n          },\n          size: {\n            label: \"Size\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {formatFileSize(item.size)}\n              </Text>\n            ),\n          },\n          creatorName: {\n            label: \"Creator\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {item.creatorName || \"-\"}\n              </Text>\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 AdminFiles;\n"],"mappings":";;;;;;;;;AAOA,MAAM,mBAAmB;CACvB,MAAM,SAAS,WAA2B;CAC1C,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,UAAU,EAAE,OAAO;EACvB,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC;EAC9B,MAAM,EAAE,SACN,EAAE,OAAO,EACP,UAAU,EACR,OAAO,EAAE,KAAK,MAAM,QAAQ;GAAC;GAAQ;GAAU;GAAW,CAAC,EAC5D,EACF,CAAC,CACH;EACF,CAAC;CAEF,MAAM,kBAAkB,UAAkB;AACxC,MAAI,UAAU,EAAG,QAAO;EACxB,MAAM,IAAI;EACV,MAAM,QAAQ;GAAC;GAAK;GAAM;GAAM;GAAK;EACrC,MAAM,IAAI,KAAK,MAAM,KAAK,IAAI,MAAM,GAAG,KAAK,IAAI,EAAE,CAAC;AACnD,SAAO,GAAG,OAAO,YAAY,QAAQ,KAAK,GAAG,QAAQ,EAAE,CAAC,CAAC,GAAG,MAAM;;AAGpE,QACE,oBAAC;EAAK,MAAM;YACV,oBAAC;GACC;GACA,aAAa;GACb,eAAe;IACb,kBAAkB;IAClB,SAAS;IACV;GACD,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IAClB;GACD,iBAAiB,KAAK,QAAQ,SAAS;AACrC,QAAI,QAAQ,UAAU,QAAQ,SAC5B,QAAO,KAAK,QAAQ;;GAGf;GACT,OAAO,OAAO,cAAY;AAKxB,WAJiB,MAAM,OAAO,UAAU,EACtC,OAAOA,WACR,CAAC;;GAIJ,SAAS;IACP,MAAM;KACJ,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,IAAI;MAAK,WAAW;gBACjC,KAAK;OACD;KAEV;IACD,QAAQ;KACN,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAM,MAAK;MAAK,SAAQ;MAAQ,OAAM;gBACpC,KAAK;OACA;KAEX;IACD,UAAU;KACR,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,KAAK;OACD;KAEV;IACD,MAAM;KACJ,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,eAAe,KAAK,KAAK;OACrB;KAEV;IACD,aAAa;KACX,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,KAAK,eAAe;OAChB;KAEV;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;;AAIX,yBAAe"}
+{"version":3,"file":"AdminFiles-B_jfB_Py.js","names":["filters"],"sources":["../../src/admin/components/AdminFiles.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge } from \"@mantine/core\";\nimport { type Page, t } from \"alepha\";\nimport { type FileController, type FileEntity, files } from \"alepha/api/files\";\n\nconst AdminFiles = () => {\n  const client = useClient<FileController>();\n  const { l } = useI18n();\n\n  const filters = t.object({\n    bucket: t.optional(t.string()),\n    name: t.optional(\n      t.string({\n        $control: {\n          query: t.pick(files.schema, [\"name\", \"bucket\", \"mimeType\"]),\n        },\n      }),\n    ),\n  });\n\n  const formatFileSize = (bytes: number) => {\n    if (bytes === 0) return \"0 B\";\n    const k = 1024;\n    const sizes = [\"B\", \"KB\", \"MB\", \"GB\"];\n    const i = Math.floor(Math.log(bytes) / Math.log(k));\n    return `${Number.parseFloat((bytes / k ** i).toFixed(1))} ${sizes[i]}`;\n  };\n\n  return (\n    <Flex flex={1}>\n      <DataTable<FileEntity, typeof filters>\n        submitOnInit\n        defaultSize={10}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 3,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        onFilterChange={(key, _value, form) => {\n          if (key === \"name\" || key === \"bucket\") {\n            return form.submit();\n          }\n        }}\n        filters={filters}\n        items={async (filters) => {\n          const response = await client.findFiles({\n            query: filters,\n          });\n\n          return response as Page<FileEntity>;\n        }}\n        columns={{\n          name: {\n            label: \"Name\",\n            value: (item) => (\n              <Text size=\"sm\" fw={500} lineClamp={1}>\n                {item.name}\n              </Text>\n            ),\n          },\n          bucket: {\n            label: \"Bucket\",\n            fit: true,\n            value: (item) => (\n              <Badge size=\"sm\" variant=\"light\" color=\"blue\">\n                {item.bucket}\n              </Badge>\n            ),\n          },\n          mimeType: {\n            label: \"Type\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {item.mimeType}\n              </Text>\n            ),\n          },\n          size: {\n            label: \"Size\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {formatFileSize(item.size)}\n              </Text>\n            ),\n          },\n          creatorName: {\n            label: \"Creator\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {item.creatorName || \"-\"}\n              </Text>\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 AdminFiles;\n"],"mappings":";;;;;;;;;AAOA,MAAM,mBAAmB;CACvB,MAAM,SAAS,WAA2B;CAC1C,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,UAAU,EAAE,OAAO;EACvB,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC;EAC9B,MAAM,EAAE,SACN,EAAE,OAAO,EACP,UAAU,EACR,OAAO,EAAE,KAAK,MAAM,QAAQ;GAAC;GAAQ;GAAU;GAAW,CAAC,EAC5D,EACF,CAAC,CACH;EACF,CAAC;CAEF,MAAM,kBAAkB,UAAkB;AACxC,MAAI,UAAU,EAAG,QAAO;EACxB,MAAM,IAAI;EACV,MAAM,QAAQ;GAAC;GAAK;GAAM;GAAM;GAAK;EACrC,MAAM,IAAI,KAAK,MAAM,KAAK,IAAI,MAAM,GAAG,KAAK,IAAI,EAAE,CAAC;AACnD,SAAO,GAAG,OAAO,YAAY,QAAQ,KAAK,GAAG,QAAQ,EAAE,CAAC,CAAC,GAAG,MAAM;;AAGpE,QACE,oBAAC;EAAK,MAAM;YACV,oBAAC;GACC;GACA,aAAa;GACb,eAAe;IACb,kBAAkB;IAClB,SAAS;IACV;GACD,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IAClB;GACD,iBAAiB,KAAK,QAAQ,SAAS;AACrC,QAAI,QAAQ,UAAU,QAAQ,SAC5B,QAAO,KAAK,QAAQ;;GAGf;GACT,OAAO,OAAO,cAAY;AAKxB,WAJiB,MAAM,OAAO,UAAU,EACtC,OAAOA,WACR,CAAC;;GAIJ,SAAS;IACP,MAAM;KACJ,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,IAAI;MAAK,WAAW;gBACjC,KAAK;OACD;KAEV;IACD,QAAQ;KACN,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAM,MAAK;MAAK,SAAQ;MAAQ,OAAM;gBACpC,KAAK;OACA;KAEX;IACD,UAAU;KACR,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,KAAK;OACD;KAEV;IACD,MAAM;KACJ,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,eAAe,KAAK,KAAK;OACrB;KAEV;IACD,aAAa;KACX,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,KAAK,eAAe;OAChB;KAEV;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;;AAIX,yBAAe"}

package/dist/admin/{AdminLayout-JakF7ESb.js → AdminLayout-BMtiXAzS.js}

@@ -1,13 +1,13 @@
 import { ActionButton, AdminShell, OmnibarButton, ThemeButton } from "@alepha/ui";
 import { UserButton } from "@alepha/ui/auth";
-import { NestedView, useAction, useActive, useRouter, useStore } from "@alepha/react";
+import { NestedView, useAction, useActive, useInject, useRouter, useStore } from "@alepha/react";
 import { IconArrowLeft, IconCheck, IconChevronRight, IconLayoutSidebarLeftCollapse, IconLayoutSidebarRightCollapse } from "@tabler/icons-react";
+import { Children, createElement, isValidElement } from "react";
+import { useFormState } from "@alepha/react/form";
 import { Anchor, Button, Flex as Flex$1, Menu, ThemeIcon, Tooltip } from "@mantine/core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useFormState } from "@alepha/react/form";
-import { Children, isValidElement } from "react";
 
-//#region src/core/constants/ui.ts
+//#region ../../src/core/constants/ui.ts
 const ui = {
 	colors: {
 		transparent: "transparent",
@@ -26,7 +26,7 @@ const ui = {
 };
 
 //#endregion
-//#region src/core/components/buttons/ActionButton.tsx
+//#region ../../src/core/components/buttons/ActionButton.tsx
 const ActionMenuItem = (props) => {
 	const { item, index } = props;
 	const router = useRouter();
@@ -71,6 +71,7 @@ const ActionButton$1 = (_props) => {
 	};
 	const { tooltip, menu, icon, ...restProps } = props;
 	restProps.color ??= "gray";
+	restProps.c ??= "var(--mantine-color-text)";
 	if (props.icon) {
 		const icon$1 = isComponentType(props.icon) ? /* @__PURE__ */ jsx(props.icon, { size: ui.sizes.icon.md }) : /* @__PURE__ */ jsx(ThemeIcon, {
 			w: 24,
@@ -299,7 +300,7 @@ function isComponentType(param) {
 }
 
 //#endregion
-//#region src/core/components/buttons/ToggleSidebarButton.tsx
+//#region ../../src/core/components/buttons/ToggleSidebarButton.tsx
 const ToggleSidebarButton = () => {
 	const [collapsed, setCollapsed] = useStore("alepha.ui.sidebar.collapsed");
 	return /* @__PURE__ */ jsx(ActionButton_default, {
@@ -316,9 +317,35 @@ const ToggleSidebarButton = () => {
 var ToggleSidebarButton_default = ToggleSidebarButton;
 
 //#endregion
-//#region src/admin/components/AdminLayout.tsx
+//#region ../../src/admin/AdminSidebar.ts
+var AdminSidebar = class {
+	menu = (router) => [
+		{ element: createElement(ToggleSidebarButton_default) },
+		{ type: "spacer" },
+		{
+			...router.node("adminUsers"),
+			description: void 0
+		},
+		{
+			...router.node("adminSessions"),
+			description: void 0
+		},
+		{
+			...router.node("adminNotifications"),
+			description: void 0
+		},
+		{
+			...router.node("adminFiles"),
+			description: void 0
+		}
+	];
+};
+
+//#endregion
+//#region ../../src/admin/components/AdminLayout.tsx
 const AdminLayout = () => {
 	const router = useRouter();
+	const sidebar = useInject(AdminSidebar);
 	return /* @__PURE__ */ jsx(AdminShell, {
 		appShellMainProps: { bg: "var(--alepha-surface)" },
 		appShellHeaderProps: { bg: "var(--alepha-background)" },
@@ -353,26 +380,7 @@ const AdminLayout = () => {
 		] },
 		sidebarProps: {
 			gap: "xs",
-			menu: [
-				{ element: /* @__PURE__ */ jsx(ToggleSidebarButton_default, {}) },
-				{ type: "spacer" },
-				{
-					...router.node("adminUsers"),
-					description: void 0
-				},
-				{
-					...router.node("adminSessions"),
-					description: void 0
-				},
-				{
-					...router.node("adminNotifications"),
-					description: void 0
-				},
-				{
-					...router.node("adminFiles"),
-					description: void 0
-				}
-			]
+			menu: sidebar.menu(router)
 		},
 		children: /* @__PURE__ */ jsx(Flex$1, {
 			flex: 1,
@@ -384,5 +392,5 @@ const AdminLayout = () => {
 var AdminLayout_default = AdminLayout;
 
 //#endregion
-export { AdminLayout_default as t };
-//# sourceMappingURL=AdminLayout-JakF7ESb.js.map
+export { AdminSidebar as n, AdminLayout_default as t };
+//# sourceMappingURL=AdminLayout-BMtiXAzS.js.map

package/dist/admin/AdminLayout-BMtiXAzS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminLayout-BMtiXAzS.js","names":["menuItemProps: MenuItemProps & ButtonHTMLAttributes<unknown>","ActionButton","icon","Flex","defaultTooltipProps: Partial<TooltipProps>","ActionButton","ToggleSidebarButton","Flex"],"sources":["../../src/core/constants/ui.ts","../../src/core/components/buttons/ActionButton.tsx","../../src/core/components/buttons/ToggleSidebarButton.tsx","../../src/admin/AdminSidebar.ts","../../src/admin/components/AdminLayout.tsx"],"sourcesContent":["export const ui = {\n  colors: {\n    transparent: \"transparent\",\n    background: \"var(--alepha-background)\",\n    surface: \"var(--alepha-surface)\",\n    elevated: \"var(--alepha-elevated)\",\n    border: \"var(--alepha-border)\",\n  },\n  sizes: {\n    icon: {\n      xs: 12,\n      sm: 16,\n      md: 20,\n      lg: 24,\n      xl: 32,\n    },\n  },\n};\n","import {\n  type RouterGoOptions,\n  type UseActionReturn,\n  type UseActiveOptions,\n  useAction,\n  useActive,\n  useRouter,\n} from \"@alepha/react\";\nimport { type FormModel, useFormState } from \"@alepha/react/form\";\nimport {\n  Anchor,\n  type AnchorProps,\n  Button,\n  type ButtonProps,\n  Flex,\n  Menu,\n  type MenuItemProps,\n  type MenuProps,\n  type MenuTargetProps,\n  ThemeIcon,\n  type ThemeIconProps,\n  Tooltip,\n  type TooltipProps,\n} from \"@mantine/core\";\nimport { IconCheck, IconChevronRight } from \"@tabler/icons-react\";\nimport {\n  type ButtonHTMLAttributes,\n  Children,\n  type ComponentType,\n  isValidElement,\n  type ReactNode,\n} from \"react\";\nimport { ui } from \"../../constants/ui.ts\";\n\nexport interface ActionMenuItem {\n  /**\n   * Menu item type\n   */\n  type?: \"item\" | \"divider\" | \"label\";\n\n  /**\n   * Label text for the menu item\n   */\n  label?: string | ReactNode;\n\n  /**\n   * Icon element to display before the label\n   */\n  icon?: ReactNode;\n\n  /**\n   * Click handler for menu items\n   */\n  onClick?: () => void;\n\n  /**\n   * Href for navigation menu items\n   */\n  href?: string;\n\n  /**\n   * Color for the menu item (e.g., \"red\" for danger actions)\n   */\n  color?: string;\n\n  /**\n   * Nested submenu items\n   */\n  children?: ActionMenuItem[];\n\n  /**\n   * Whether the menu item is active\n   */\n  active?: boolean;\n}\n\nexport interface ActionMenuConfig {\n  /**\n   * Array of menu items to display\n   */\n  items: ActionMenuItem[];\n\n  /**\n   * Menu position relative to the button\n   */\n  position?:\n    | \"bottom\"\n    | \"bottom-start\"\n    | \"bottom-end\"\n    | \"top\"\n    | \"top-start\"\n    | \"top-end\"\n    | \"left\"\n    | \"right\";\n\n  /**\n   * Menu width\n   */\n  width?: number | string;\n\n  /**\n   * Menu shadow\n   */\n  shadow?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\n  on?: \"hover\" | \"click\";\n\n  targetProps?: MenuTargetProps;\n\n  menuProps?: MenuProps;\n}\n\nexport interface ActionCommonProps extends ButtonProps {\n  children?: ReactNode;\n\n  textVisibleFrom?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\n  /**\n   * Tooltip to display on hover. Can be a string for simple tooltips\n   * or a TooltipProps object for advanced configuration.\n   */\n  tooltip?: string | TooltipProps;\n\n  /**\n   * Menu configuration. When provided, the action will display a dropdown menu.\n   */\n  menu?: ActionMenuConfig;\n\n  /**\n   * If set, a confirmation dialog will be shown before performing the action.\n   * If `true`, a default title and message will be used.\n   * If a string, it will be used as the message with a default title.\n   * If an object, it can contain `title` and `message` properties to customize the dialog.\n   */\n  confirm?: boolean | string | { title?: string; message: string };\n\n  /**\n   * Icon to display on the left side of the button.\n   * If no children are provided, the button will be styled as an icon-only button.\n   */\n  icon?: ReactNode | ComponentType;\n\n  /**\n   * Additional props to pass to the ThemeIcon wrapping the icon.\n   */\n  themeIconProps?: ThemeIconProps;\n\n  /**\n   * Visual intent of the action button.\n   */\n  intent?: \"primary\" | \"success\" | \"danger\" | \"warning\" | \"info\";\n}\n\nexport type ActionProps = ActionCommonProps &\n  (\n    | ActionNavigationButtonProps\n    | ActionClickButtonProps\n    | ActionSubmitButtonProps\n    | ActionHookButtonProps\n    | {}\n  );\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n// Helper function to render menu items recursively\nconst ActionMenuItem = (props: {\n  item: ActionMenuItem;\n  index: number;\n}): ReactNode => {\n  const { item, index } = props;\n\n  const router = useRouter();\n  const action = useAction(\n    {\n      handler: async (e: any) => {\n        await item.onClick?.();\n      },\n    },\n    [item.onClick],\n  );\n\n  // Render divider\n  if (item.type === \"divider\") {\n    return <Menu.Divider key={index} />;\n  }\n\n  // Render label\n  if (item.type === \"label\") {\n    return <Menu.Label key={index}>{item.label}</Menu.Label>;\n  }\n\n  // Render submenu if it has children\n  if (item.children && item.children.length > 0) {\n    return (\n      <Menu key={index} trigger=\"hover\" position=\"right-start\" offset={2}>\n        <Menu.Target>\n          <Menu.Item\n            leftSection={item.icon}\n            rightSection={<IconChevronRight size={14} />}\n          >\n            {item.label}\n          </Menu.Item>\n        </Menu.Target>\n        <Menu.Dropdown>\n          {item.children.map((child, childIndex) => (\n            <ActionMenuItem item={child} index={childIndex} key={childIndex} />\n          ))}\n        </Menu.Dropdown>\n      </Menu>\n    );\n  }\n\n  const menuItemProps: MenuItemProps & ButtonHTMLAttributes<unknown> = {};\n  if (props.item.onClick) {\n    menuItemProps.onClick = action.run;\n  } else if (props.item.href) {\n    Object.assign(menuItemProps, router.anchor(props.item.href));\n  }\n\n  // render regular menu item\n  return (\n    <Menu.Item\n      key={index}\n      leftSection={item.icon}\n      onClick={item.onClick}\n      color={item.color}\n      rightSection={\n        item.active ? (\n          <ThemeIcon size={\"xs\"} variant={\"transparent\"}>\n            <IconCheck />\n          </ThemeIcon>\n        ) : undefined\n      }\n      {...menuItemProps}\n    >\n      {item.label}\n    </Menu.Item>\n  );\n};\n\nconst ActionButton = (_props: ActionProps) => {\n  const props = { variant: \"subtle\", ..._props };\n  const { tooltip, menu, icon, ...restProps } = props;\n\n  // set default color to gray (not colored)\n  restProps.color ??= \"gray\";\n  restProps.c ??= \"var(--mantine-color-text)\";\n\n  if (props.icon) {\n    const icon = isComponentType(props.icon) ? (\n      <props.icon size={ui.sizes.icon.md} />\n    ) : (\n      <ThemeIcon\n        w={24} // TODO: make size configurable\n        variant={\"transparent\"}\n        size={\"sm\"}\n        c={\"var(--mantine-color-text)\"}\n        {...props.themeIconProps}\n      >\n        {props.icon as ReactNode}\n      </ThemeIcon>\n    );\n\n    if (!props.children) {\n      restProps.children = Children.only(icon);\n      restProps.px ??= \"xs\";\n    } else {\n      restProps.leftSection = icon;\n    }\n  }\n\n  if (props.leftSection && !props.children) {\n    restProps.px ??= \"xs\";\n  }\n\n  if (props.textVisibleFrom) {\n    const { children, textVisibleFrom, leftSection, ...rest } = restProps;\n    return (\n      <>\n        <Flex w={\"100%\"} visibleFrom={textVisibleFrom}>\n          <ActionButton\n            flex={1}\n            {...rest}\n            leftSection={leftSection}\n            tooltip={tooltip}\n            menu={menu}\n          >\n            {children}\n          </ActionButton>\n        </Flex>\n        <Flex w={\"100%\"} hiddenFrom={textVisibleFrom}>\n          <ActionButton px={\"xs\"} {...rest} tooltip={tooltip} menu={menu}>\n            {leftSection}\n          </ActionButton>\n        </Flex>\n      </>\n    );\n  }\n\n  const renderAction = () => {\n    if (\"href\" in restProps && restProps.href) {\n      if (restProps.href.startsWith(\"http\") || restProps.target) {\n        return (\n          <ActionHrefButton {...restProps} href={restProps.href}>\n            {restProps.children}\n          </ActionHrefButton>\n        );\n      }\n      return (\n        <ActionNavigationButton {...restProps} href={restProps.href}>\n          {restProps.children}\n        </ActionNavigationButton>\n      );\n    }\n\n    delete (restProps as any).classNameActive;\n    delete (restProps as any).variantActive;\n\n    if (\"action\" in restProps && restProps.action) {\n      return (\n        <ActionHookButton {...restProps} action={restProps.action}>\n          {restProps.children}\n        </ActionHookButton>\n      );\n    }\n\n    if (\"onClick\" in restProps && restProps.onClick) {\n      return (\n        <ActionClickButton {...restProps} onClick={restProps.onClick}>\n          {restProps.children}\n        </ActionClickButton>\n      );\n    }\n\n    if (\"form\" in restProps && restProps.form) {\n      if (restProps.type === \"reset\") {\n        return (\n          <ActionResetButton {...restProps} form={restProps.form}>\n            {restProps.children}\n          </ActionResetButton>\n        );\n      }\n      return (\n        <ActionSubmitButton {...restProps} form={restProps.form}>\n          {restProps.children}\n        </ActionSubmitButton>\n      );\n    }\n\n    return <Button {...(restProps as any)}>{restProps.children}</Button>;\n  };\n\n  let actionElement = renderAction();\n\n  // wrap with Menu if provided\n  if (menu) {\n    actionElement = (\n      <Menu\n        position={menu.position || \"bottom-start\"}\n        width={menu.width || 200}\n        shadow={menu.shadow || \"md\"}\n        trigger={menu.on === \"hover\" ? \"hover\" : \"click\"}\n        {...menu.menuProps}\n      >\n        <Menu.Target {...menu.targetProps}>{actionElement}</Menu.Target>\n        <Menu.Dropdown>\n          {menu.items.map((item, index) => (\n            <ActionMenuItem item={item} index={index} key={index} />\n          ))}\n        </Menu.Dropdown>\n      </Menu>\n    );\n  }\n\n  // Wrap with Tooltip if provided\n  if (tooltip) {\n    // openDelay: 1000 -> like HTML title attribute\n    const defaultTooltipProps: Partial<TooltipProps> = {\n      openDelay: 1000,\n    };\n    const tooltipProps: TooltipProps =\n      typeof tooltip === \"string\"\n        ? {\n            ...defaultTooltipProps,\n            label: tooltip,\n            children: actionElement,\n          }\n        : { ...defaultTooltipProps, ...tooltip, children: actionElement };\n\n    return <Tooltip {...tooltipProps} />;\n  }\n\n  return actionElement;\n};\n\nexport default ActionButton;\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n// Action Submit\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport interface ActionSubmitButtonProps extends ButtonProps {\n  form: FormModel<any>;\n  type?: \"submit\" | \"reset\";\n}\n\n/**\n * Action button that submits a form with loading and disabled state handling.\n */\nconst ActionSubmitButton = (props: ActionSubmitButtonProps) => {\n  const { form, ...buttonProps } = props;\n  const state = useFormState(form);\n  return (\n    <Button\n      {...buttonProps}\n      loading={state.loading}\n      disabled={state.loading}\n      type={\"submit\"}\n    >\n      {props.children}\n    </Button>\n  );\n};\n\nconst ActionResetButton = (props: ActionSubmitButtonProps) => {\n  const { form, ...buttonProps } = props;\n  const state = useFormState(form);\n  return (\n    <Button {...buttonProps} disabled={state.loading} type={\"reset\"}>\n      {props.children}\n    </Button>\n  );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n// Action with useAction Hook\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport interface ActionHookButtonProps extends ButtonProps {\n  action: UseActionReturn<any[], any>;\n}\n\n/**\n * Action button that integrates with useAction hook return value.\n * Automatically handles loading state and executes the action on click.\n *\n * @example\n * ```tsx\n * const saveAction = useAction({\n *   handler: async (data) => {\n *     await api.save(data);\n *   }\n * }, []);\n *\n * <ActionButton action={saveAction}>\n *   Save\n * </ActionButton>\n * ```\n */\nconst ActionHookButton = (props: ActionHookButtonProps) => {\n  const { action, ...buttonProps } = props;\n\n  return (\n    <Button\n      {...buttonProps}\n      disabled={action.loading || props.disabled}\n      loading={action.loading}\n      onClick={() => action.run()}\n    >\n      {props.children}\n    </Button>\n  );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n// Action Click\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport interface ActionClickButtonProps extends ButtonProps {\n  onClick: (e: any) => any;\n}\n\n/**\n * Basic action button that handles click events with loading and error handling.\n *\n * @example\n * ```tsx\n * <ActionButton onClick={() => api.doSomething()}>\n *   Do Something\n * </ActionButton>\n * ```\n */\nconst ActionClickButton = (props: ActionClickButtonProps) => {\n  const action = useAction(\n    {\n      handler: async (e: any) => {\n        await props.onClick(e);\n      },\n    },\n    [props.onClick],\n  );\n\n  return (\n    <Button\n      {...props}\n      disabled={action.loading || props.disabled}\n      loading={action.loading}\n      onClick={action.run}\n    >\n      {props.children}\n    </Button>\n  );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n// Action Navigation\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport interface ActionNavigationButtonProps extends ButtonProps {\n  href: string;\n  active?: Partial<UseActiveOptions> | false;\n  routerGoOptions?: RouterGoOptions;\n  classNameActive?: string;\n  variantActive?: ButtonProps[\"variant\"];\n  target?: string;\n  anchorProps?: AnchorProps;\n}\n\n/**\n * Action for navigation with active state support.\n */\nconst ActionNavigationButton = (props: ActionNavigationButtonProps) => {\n  const {\n    active: options,\n    classNameActive,\n    variantActive,\n    routerGoOptions,\n    ...buttonProps\n  } = props;\n  const router = useRouter();\n  const { isPending, isActive } = useActive(\n    options ? { href: props.href, ...options } : { href: props.href },\n  );\n  const anchorProps = router.anchor(props.href, routerGoOptions);\n\n  const className = buttonProps.className || \"\";\n  if (isActive && options !== false && classNameActive) {\n    buttonProps.className = `${className} ${classNameActive}`.trim();\n  }\n\n  if (props.anchorProps) {\n    return (\n      <Anchor component={\"a\"} {...anchorProps} {...props.anchorProps}>\n        {props.children}\n      </Anchor>\n    );\n  }\n\n  return (\n    <Button\n      component={\"a\"}\n      loading={isPending}\n      {...buttonProps}\n      {...anchorProps}\n      variant={\n        isActive && options !== false\n          ? (variantActive ?? \"filled\")\n          : (buttonProps.variant ?? \"subtle\")\n      }\n    >\n      {props.children}\n    </Button>\n  );\n};\n\nconst ActionHrefButton = (props: ActionNavigationButtonProps) => {\n  const {\n    active: options,\n    classNameActive,\n    variantActive,\n    routerGoOptions,\n    target,\n    ...buttonProps\n  } = props;\n\n  return (\n    <Button component={\"a\"} target={target} {...buttonProps}>\n      {props.children}\n    </Button>\n  );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport function isComponentType(param: any): param is ComponentType<any> {\n  if (isValidElement(param)) return false;\n  return (\n    typeof param === \"function\" ||\n    (typeof param === \"object\" && param !== null && \"$$typeof\" in param)\n  );\n}\n\nexport const renderIcon = (icon: ReactNode | ComponentType): ReactNode => {\n  if (!icon) return null;\n  if (isValidElement(icon)) return icon;\n  if (isComponentType(icon)) {\n    const IconComponent = icon;\n    return <IconComponent size={ui.sizes.icon.md} />;\n  }\n  return icon as ReactNode;\n};\n","import { useStore } from \"@alepha/react\";\nimport {\n  IconLayoutSidebarLeftCollapse,\n  IconLayoutSidebarRightCollapse,\n} from \"@tabler/icons-react\";\nimport ActionButton from \"./ActionButton.tsx\";\n\nconst ToggleSidebarButton = () => {\n  const [collapsed, setCollapsed] = useStore(\"alepha.ui.sidebar.collapsed\");\n\n  return (\n    <ActionButton\n      icon={\n        collapsed ? (\n          <IconLayoutSidebarRightCollapse />\n        ) : (\n          <IconLayoutSidebarLeftCollapse />\n        )\n      }\n      variant={\"subtle\"}\n      size={\"md\"}\n      onClick={() => setCollapsed(!collapsed)}\n      tooltip={{\n        position: \"right\",\n        label: collapsed ? \"Show sidebar\" : \"Hide sidebar\",\n      }}\n    />\n  );\n};\n\nexport default ToggleSidebarButton;\n","import type { ReactRouter } from \"@alepha/react\";\nimport type { SidebarNode } from \"@alepha/ui\";\nimport { createElement } from \"react\";\nimport ToggleSidebarButton from \"../core/components/buttons/ToggleSidebarButton.tsx\";\n\nexport class AdminSidebar {\n  public menu = (router: ReactRouter<any>): SidebarNode[] => [\n    {\n      element: createElement(ToggleSidebarButton),\n    },\n    {\n      type: \"spacer\",\n    },\n    {\n      ...router.node(\"adminUsers\"),\n      description: undefined,\n    },\n    {\n      ...router.node(\"adminSessions\"),\n      description: undefined,\n    },\n    {\n      ...router.node(\"adminNotifications\"),\n      description: undefined,\n    },\n    {\n      ...router.node(\"adminFiles\"),\n      description: undefined,\n    },\n  ];\n}\n","import { NestedView, useInject, useRouter } from \"@alepha/react\";\nimport {\n  ActionButton,\n  AdminShell,\n  OmnibarButton,\n  ThemeButton,\n} from \"@alepha/ui\";\nimport { UserButton } from \"@alepha/ui/auth\";\nimport { Flex } from \"@mantine/core\";\nimport { IconArrowLeft } from \"@tabler/icons-react\";\nimport type { AdminRouter } from \"../AdminRouter.ts\";\nimport { AdminSidebar } from \"../AdminSidebar.ts\";\n\nconst AdminLayout = () => {\n  const router = useRouter<AdminRouter>();\n  const sidebar = useInject(AdminSidebar);\n\n  return (\n    <AdminShell\n      appShellMainProps={{\n        bg: \"var(--alepha-surface)\",\n      }}\n      appShellHeaderProps={{\n        bg: \"var(--alepha-background)\",\n      }}\n      appShellNavbarProps={\n        {\n          //  bg: \"var(--alepha-background)\",\n        }\n      }\n      appShellProps={\n        {\n          // withBorder: false,\n        }\n      }\n      appShellFooterProps={{\n        bg: \"var(--alepha-background)\",\n      }}\n      footer={<Flex h={12} />}\n      appBarProps={{\n        items: [\n          {\n            element: <ActionButton icon={IconArrowLeft} href={\"/\"} />,\n            position: \"left\",\n          },\n          {\n            element: <OmnibarButton actionProps={{ variant: \"outline\" }} />,\n            position: \"right\",\n          },\n          {\n            element: <UserButton />,\n            position: \"right\",\n          },\n          {\n            element: <ThemeButton />,\n            position: \"right\",\n          },\n          {\n            type: \"dark\",\n            position: \"right\",\n          },\n        ],\n      }}\n      sidebarProps={{\n        gap: \"xs\",\n        menu: sidebar.menu(router),\n      }}\n    >\n      <Flex flex={1} bg={\"var(--alepha-surface)\"}>\n        <NestedView />\n      </Flex>\n    </AdminShell>\n  );\n};\n\nexport default AdminLayout;\n"],"mappings":"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"}

package/dist/admin/AdminLayout-BNo3GoHR.js

@@ -0,0 +1,3 @@
+import { t as AdminLayout_default } from "./AdminLayout-BMtiXAzS.js";
+
+export { AdminLayout_default as default };

package/dist/admin/{AdminNotifications-BPrxALdS.js → AdminNotifications-BFEjqpqx.js}

@@ -2,11 +2,11 @@ import { DataTable, Flex, Text } from "@alepha/ui";
 import { t } from "alepha";
 import { useClient } from "@alepha/react";
 import { IconAlertCircle, IconCheck, IconClock, IconMail, IconMessage } from "@tabler/icons-react";
-import { useI18n } from "@alepha/react/i18n";
 import { Badge, Tooltip } from "@mantine/core";
 import { jsx } from "react/jsx-runtime";
+import { useI18n } from "@alepha/react/i18n";
 
-//#region src/admin/components/AdminNotifications.tsx
+//#region ../../src/admin/components/AdminNotifications.tsx
 const AdminNotifications = () => {
 	const client = useClient();
 	const { l } = useI18n();
@@ -151,4 +151,4 @@ var AdminNotifications_default = AdminNotifications;
 
 //#endregion
 export { AdminNotifications_default as t };
-//# sourceMappingURL=AdminNotifications-BPrxALdS.js.map
+//# sourceMappingURL=AdminNotifications-BFEjqpqx.js.map

package/dist/admin/{AdminNotifications-BPrxALdS.js.map → AdminNotifications-BFEjqpqx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AdminNotifications-BPrxALdS.js","names":["filters"],"sources":["../../src/admin/components/AdminNotifications.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Tooltip } from \"@mantine/core\";\nimport {\n  IconAlertCircle,\n  IconCheck,\n  IconClock,\n  IconMail,\n  IconMessage,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type {\n  NotificationController,\n  NotificationEntity,\n} from \"alepha/api/notifications\";\n\nconst AdminNotifications = () => {\n  const client = useClient<NotificationController>();\n  const { l } = useI18n();\n\n  const filters = t.object({\n    type: t.optional(\n      t.enum([\"email\", \"sms\"], {\n        title: \"Type\",\n      }),\n    ),\n    status: t.optional(\n      t.enum([\"pending\", \"sent\", \"failed\"], {\n        title: \"Status\",\n      }),\n    ),\n    template: t.optional(\n      t.string({\n        title: \"Template\",\n      }),\n    ),\n    contact: t.optional(\n      t.string({\n        title: \"Contact\",\n      }),\n    ),\n  });\n\n  const getStatus = (item: NotificationEntity) => {\n    if (item.error) return \"failed\";\n    if (item.sentAt) return \"sent\";\n    return \"pending\";\n  };\n\n  const getStatusBadge = (item: NotificationEntity) => {\n    const status = getStatus(item);\n    switch (status) {\n      case \"sent\":\n        return (\n          <Badge\n            size=\"sm\"\n            variant=\"light\"\n            color=\"green\"\n            leftSection={<IconCheck size={12} />}\n          >\n            Sent\n          </Badge>\n        );\n      case \"failed\":\n        return (\n          <Tooltip label={item.error?.message} multiline maw={300}>\n            <Badge\n              size=\"sm\"\n              variant=\"light\"\n              color=\"red\"\n              leftSection={<IconAlertCircle size={12} />}\n            >\n              Failed\n            </Badge>\n          </Tooltip>\n        );\n      default:\n        return (\n          <Badge\n            size=\"sm\"\n            variant=\"light\"\n            color=\"yellow\"\n            leftSection={<IconClock size={12} />}\n          >\n            Pending\n          </Badge>\n        );\n    }\n  };\n\n  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<NotificationEntity, typeof filters>\n        submitOnInit\n        defaultSize={10}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 4,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        onFilterChange={(_key, _value, form) => {\n          return form.submit();\n        }}\n        filters={filters}\n        tableTrProps={(item) => {\n          const status = getStatus(item);\n          if (status === \"failed\") {\n            return {\n              bg: \"var(--mantine-color-red-light)\",\n            };\n          }\n          return {};\n        }}\n        items={async (filters) => {\n          const response = await client.findNotifications({\n            query: filters,\n          });\n\n          return response as Page<NotificationEntity>;\n        }}\n        columns={{\n          type: {\n            label: \"Type\",\n            fit: true,\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"outline\"\n                leftSection={\n                  item.type === \"email\" ? (\n                    <IconMail size={12} />\n                  ) : (\n                    <IconMessage size={12} />\n                  )\n                }\n              >\n                {item.type.toUpperCase()}\n              </Badge>\n            ),\n          },\n          template: {\n            label: \"Template\",\n            value: (item) => (\n              <Text size=\"sm\" fw={500}>\n                {item.template}\n              </Text>\n            ),\n          },\n          contact: {\n            label: \"Contact\",\n            value: (item) => (\n              <Text size=\"sm\" ff=\"monospace\">\n                {item.contact}\n              </Text>\n            ),\n          },\n          category: {\n            label: \"Category\",\n            fit: true,\n            value: (item) =>\n              item.category ? (\n                <Badge size=\"xs\" variant=\"light\">\n                  {item.category}\n                </Badge>\n              ) : (\n                <Text size=\"xs\" c=\"dimmed\">\n                  -\n                </Text>\n              ),\n          },\n          status: {\n            label: \"Status\",\n            fit: true,\n            value: (item) => getStatusBadge(item),\n          },\n          sentAt: {\n            label: \"Sent\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {item.sentAt ? l(item.sentAt, { date: \"fromNow\" }) : \"-\"}\n              </Text>\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 AdminNotifications;\n"],"mappings":"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"}
+{"version":3,"file":"AdminNotifications-BFEjqpqx.js","names":["filters"],"sources":["../../src/admin/components/AdminNotifications.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Tooltip } from \"@mantine/core\";\nimport {\n  IconAlertCircle,\n  IconCheck,\n  IconClock,\n  IconMail,\n  IconMessage,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type {\n  NotificationController,\n  NotificationEntity,\n} from \"alepha/api/notifications\";\n\nconst AdminNotifications = () => {\n  const client = useClient<NotificationController>();\n  const { l } = useI18n();\n\n  const filters = t.object({\n    type: t.optional(\n      t.enum([\"email\", \"sms\"], {\n        title: \"Type\",\n      }),\n    ),\n    status: t.optional(\n      t.enum([\"pending\", \"sent\", \"failed\"], {\n        title: \"Status\",\n      }),\n    ),\n    template: t.optional(\n      t.string({\n        title: \"Template\",\n      }),\n    ),\n    contact: t.optional(\n      t.string({\n        title: \"Contact\",\n      }),\n    ),\n  });\n\n  const getStatus = (item: NotificationEntity) => {\n    if (item.error) return \"failed\";\n    if (item.sentAt) return \"sent\";\n    return \"pending\";\n  };\n\n  const getStatusBadge = (item: NotificationEntity) => {\n    const status = getStatus(item);\n    switch (status) {\n      case \"sent\":\n        return (\n          <Badge\n            size=\"sm\"\n            variant=\"light\"\n            color=\"green\"\n            leftSection={<IconCheck size={12} />}\n          >\n            Sent\n          </Badge>\n        );\n      case \"failed\":\n        return (\n          <Tooltip label={item.error?.message} multiline maw={300}>\n            <Badge\n              size=\"sm\"\n              variant=\"light\"\n              color=\"red\"\n              leftSection={<IconAlertCircle size={12} />}\n            >\n              Failed\n            </Badge>\n          </Tooltip>\n        );\n      default:\n        return (\n          <Badge\n            size=\"sm\"\n            variant=\"light\"\n            color=\"yellow\"\n            leftSection={<IconClock size={12} />}\n          >\n            Pending\n          </Badge>\n        );\n    }\n  };\n\n  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<NotificationEntity, typeof filters>\n        submitOnInit\n        defaultSize={10}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 4,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        onFilterChange={(_key, _value, form) => {\n          return form.submit();\n        }}\n        filters={filters}\n        tableTrProps={(item) => {\n          const status = getStatus(item);\n          if (status === \"failed\") {\n            return {\n              bg: \"var(--mantine-color-red-light)\",\n            };\n          }\n          return {};\n        }}\n        items={async (filters) => {\n          const response = await client.findNotifications({\n            query: filters,\n          });\n\n          return response as Page<NotificationEntity>;\n        }}\n        columns={{\n          type: {\n            label: \"Type\",\n            fit: true,\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"outline\"\n                leftSection={\n                  item.type === \"email\" ? (\n                    <IconMail size={12} />\n                  ) : (\n                    <IconMessage size={12} />\n                  )\n                }\n              >\n                {item.type.toUpperCase()}\n              </Badge>\n            ),\n          },\n          template: {\n            label: \"Template\",\n            value: (item) => (\n              <Text size=\"sm\" fw={500}>\n                {item.template}\n              </Text>\n            ),\n          },\n          contact: {\n            label: \"Contact\",\n            value: (item) => (\n              <Text size=\"sm\" ff=\"monospace\">\n                {item.contact}\n              </Text>\n            ),\n          },\n          category: {\n            label: \"Category\",\n            fit: true,\n            value: (item) =>\n              item.category ? (\n                <Badge size=\"xs\" variant=\"light\">\n                  {item.category}\n                </Badge>\n              ) : (\n                <Text size=\"xs\" c=\"dimmed\">\n                  -\n                </Text>\n              ),\n          },\n          status: {\n            label: \"Status\",\n            fit: true,\n            value: (item) => getStatusBadge(item),\n          },\n          sentAt: {\n            label: \"Sent\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {item.sentAt ? l(item.sentAt, { date: \"fromNow\" }) : \"-\"}\n              </Text>\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 AdminNotifications;\n"],"mappings":"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"}

package/dist/admin/AdminNotifications-DJs2ZjNj.js

@@ -0,0 +1,3 @@
+import { t as AdminNotifications_default } from "./AdminNotifications-BFEjqpqx.js";
+
+export { AdminNotifications_default as default };

package/dist/admin/{AdminSessions-CMmBtbSw.js → AdminSessions-D7DESfWK.js}

@@ -2,13 +2,13 @@ import { ActionButton, DataTable, Flex, Text } from "@alepha/ui";
 import { t } from "alepha";
 import { useClient, useRouter } from "@alepha/react";
 import { IconDeviceDesktop, IconDeviceMobile, IconDeviceTablet, IconTrash } from "@tabler/icons-react";
-import { useI18n } from "@alepha/react/i18n";
+import { useState } from "react";
 import { Badge, Group } from "@mantine/core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useI18n } from "@alepha/react/i18n";
 import { sessions } from "alepha/api/users";
 
-//#region src/admin/components/AdminSessions.tsx
+//#region ../../src/admin/components/AdminSessions.tsx
 const AdminSessions = (props) => {
 	const client = useClient();
 	const router = useRouter();
@@ -147,4 +147,4 @@ var AdminSessions_default = AdminSessions;
 
 //#endregion
 export { AdminSessions_default as t };
-//# sourceMappingURL=AdminSessions-CMmBtbSw.js.map
+//# sourceMappingURL=AdminSessions-D7DESfWK.js.map

package/dist/admin/{AdminSessions-CMmBtbSw.js.map → AdminSessions-D7DESfWK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AdminSessions-CMmBtbSw.js","names":["filters"],"sources":["../../src/admin/components/AdminSessions.tsx"],"sourcesContent":["import { useClient, useRouter } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Group } from \"@mantine/core\";\nimport {\n  IconDeviceDesktop,\n  IconDeviceMobile,\n  IconDeviceTablet,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport {\n  type SessionController,\n  type SessionEntity,\n  sessions,\n} from \"alepha/api/users\";\nimport { useState } from \"react\";\nimport type { AdminRouter } from \"../AdminRouter.ts\";\n\nexport interface AdminSessionsProps {\n  userRealmName?: string;\n}\n\nconst AdminSessions = (props: AdminSessionsProps) => {\n  const client = useClient<SessionController>();\n  const router = useRouter<AdminRouter>();\n  const { l } = useI18n();\n  const [refreshKey, setRefreshKey] = useState(0);\n\n  const filters = t.object({\n    userId: t.optional(\n      t.uuid({\n        $control: {\n          query: t.pick(sessions.schema, [\"userId\"]),\n        },\n      }),\n    ),\n  });\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  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<SessionEntity, typeof filters>\n        key={refreshKey}\n        submitOnInit\n        defaultSize={10}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 3,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        onFilterChange={(key, _value, form) => {\n          if (key === \"userId\") {\n            return form.submit();\n          }\n        }}\n        filters={filters}\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              userRealmName: props.userRealmName,\n            },\n          });\n\n          return response as Page<SessionEntity>;\n        }}\n        columns={{\n          userId: {\n            label: \"User\",\n            value: (item) => (\n              <ActionButton\n                variant=\"subtle\"\n                size=\"xs\"\n                href={router.path(\"adminUserDetails\", {\n                  params: { userId: item.userId },\n                })}\n              >\n                <Text size=\"xs\" ff=\"monospace\">\n                  {item.userId.slice(0, 8)}...\n                </Text>\n              </ActionButton>\n            ),\n          },\n          userAgent: {\n            label: \"Device\",\n            fit: true,\n            value: (item) => (\n              <Group 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              </Group>\n            ),\n          },\n          ip: {\n            label: \"IP\",\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 AdminSessions;\n"],"mappings":"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"}
+{"version":3,"file":"AdminSessions-D7DESfWK.js","names":["filters"],"sources":["../../src/admin/components/AdminSessions.tsx"],"sourcesContent":["import { useClient, useRouter } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Group } from \"@mantine/core\";\nimport {\n  IconDeviceDesktop,\n  IconDeviceMobile,\n  IconDeviceTablet,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport {\n  type SessionController,\n  type SessionEntity,\n  sessions,\n} from \"alepha/api/users\";\nimport { useState } from \"react\";\nimport type { AdminRouter } from \"../AdminRouter.ts\";\n\nexport interface AdminSessionsProps {\n  userRealmName?: string;\n}\n\nconst AdminSessions = (props: AdminSessionsProps) => {\n  const client = useClient<SessionController>();\n  const router = useRouter<AdminRouter>();\n  const { l } = useI18n();\n  const [refreshKey, setRefreshKey] = useState(0);\n\n  const filters = t.object({\n    userId: t.optional(\n      t.uuid({\n        $control: {\n          query: t.pick(sessions.schema, [\"userId\"]),\n        },\n      }),\n    ),\n  });\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  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<SessionEntity, typeof filters>\n        key={refreshKey}\n        submitOnInit\n        defaultSize={10}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 3,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        onFilterChange={(key, _value, form) => {\n          if (key === \"userId\") {\n            return form.submit();\n          }\n        }}\n        filters={filters}\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              userRealmName: props.userRealmName,\n            },\n          });\n\n          return response as Page<SessionEntity>;\n        }}\n        columns={{\n          userId: {\n            label: \"User\",\n            value: (item) => (\n              <ActionButton\n                variant=\"subtle\"\n                size=\"xs\"\n                href={router.path(\"adminUserDetails\", {\n                  params: { userId: item.userId },\n                })}\n              >\n                <Text size=\"xs\" ff=\"monospace\">\n                  {item.userId.slice(0, 8)}...\n                </Text>\n              </ActionButton>\n            ),\n          },\n          userAgent: {\n            label: \"Device\",\n            fit: true,\n            value: (item) => (\n              <Group 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              </Group>\n            ),\n          },\n          ip: {\n            label: \"IP\",\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 AdminSessions;\n"],"mappings":";;;;;;;;;;;AAuBA,MAAM,iBAAiB,UAA8B;CACnD,MAAM,SAAS,WAA8B;CAC7C,MAAM,SAAS,WAAwB;CACvC,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAE/C,MAAM,UAAU,EAAE,OAAO,EACvB,QAAQ,EAAE,SACR,EAAE,KAAK,EACL,UAAU,EACR,OAAO,EAAE,KAAK,SAAS,QAAQ,CAAC,SAAS,CAAC,EAC3C,EACF,CAAC,CACH,EACF,CAAC;CAEF,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;;AAG7B,QACE,oBAAC;EAAK,MAAM;EAAG,WAAU;YACvB,oBAAC;GAEC;GACA,aAAa;GACb,eAAe;IACb,kBAAkB;IAClB,SAAS;IACV;GACD,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IAClB;GACD,iBAAiB,KAAK,QAAQ,SAAS;AACrC,QAAI,QAAQ,SACV,QAAO,KAAK,QAAQ;;GAGf;GACT,eAAe,SAAS;AACtB,QAAI,UAAU,KAAK,UAAU,CAC3B,QAAO,EACL,SAAS,IACV;AAEH,WAAO,EAAE;;GAEX,OAAO,OAAO,cAAY;AAQxB,WAPiB,MAAM,OAAO,aAAa,EACzC,OAAO;KACL,GAAGA;KACH,eAAe,MAAM;KACtB,EACF,CAAC;;GAIJ,SAAS;IACP,QAAQ;KACN,OAAO;KACP,QAAQ,SACN,oBAAC;MACC,SAAQ;MACR,MAAK;MACL,MAAM,OAAO,KAAK,oBAAoB,EACpC,QAAQ,EAAE,QAAQ,KAAK,QAAQ,EAChC,CAAC;gBAEF,qBAAC;OAAK,MAAK;OAAK,IAAG;kBAChB,KAAK,OAAO,MAAM,GAAG,EAAE,EAAC;QACpB;OACM;KAElB;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAM,KAAK;gBACT,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;OAEH;KAEX;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;KA3HI,WA4HL;GACG;;AAIX,4BAAe"}

package/dist/admin/AdminSessions-PS2M8iXi.js

@@ -0,0 +1,3 @@
+import { t as AdminSessions_default } from "./AdminSessions-D7DESfWK.js";
+
+export { AdminSessions_default as default };

package/dist/admin/{AdminUserCreate-Coa_yi6m.js → AdminUserCreate-Bhxsn92l.js}

@@ -1,11 +1,11 @@
 import { ActionButton, Control, Flex } from "@alepha/ui";
 import { t } from "alepha";
 import { useClient, useRouter } from "@alepha/react";
+import { useForm } from "@alepha/react/form";
 import { Card, Stack, Text as Text$1 } from "@mantine/core";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useForm } from "@alepha/react/form";
 
-//#region src/admin/components/AdminUserCreate.tsx
+//#region ../../src/admin/components/AdminUserCreate.tsx
 const AdminUserCreate = (props) => {
 	const client = useClient();
 	const router = useRouter();
@@ -100,4 +100,4 @@ var AdminUserCreate_default = AdminUserCreate;
 
 //#endregion
 export { AdminUserCreate_default as t };
-//# sourceMappingURL=AdminUserCreate-Coa_yi6m.js.map
+//# sourceMappingURL=AdminUserCreate-Bhxsn92l.js.map

package/dist/admin/{AdminUserCreate-Coa_yi6m.js.map → AdminUserCreate-Bhxsn92l.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AdminUserCreate-Coa_yi6m.js","names":["Text"],"sources":["../../src/admin/components/AdminUserCreate.tsx"],"sourcesContent":["import { useClient, useRouter } from \"@alepha/react\";\nimport { useForm } from \"@alepha/react/form\";\nimport { ActionButton, Control, Flex } from \"@alepha/ui\";\nimport { Card, Stack, Text } from \"@mantine/core\";\nimport { t } from \"alepha\";\nimport type { UserController } from \"alepha/api/users\";\nimport type { AdminRouter } from \"../AdminRouter.ts\";\n\nexport interface AdminUserCreateProps {\n  userRealmName?: string;\n}\n\nconst AdminUserCreate = (props: AdminUserCreateProps) => {\n  const client = useClient<UserController>();\n  const router = useRouter<AdminRouter>();\n\n  const form = useForm({\n    schema: t.object({\n      username: t.optional(\n        t.shortText({\n          minLength: 3,\n          maxLength: 50,\n          pattern: \"^[a-zA-Z0-9._-]+$\",\n        }),\n      ),\n      email: t.optional(t.email()),\n      phoneNumber: t.optional(t.e164()),\n      firstName: t.optional(t.string()),\n      lastName: t.optional(t.string()),\n      roles: t.optional(t.array(t.string())),\n      enabled: t.optional(t.boolean()),\n      password: t.optional(t.string({ minLength: 8 })),\n    }),\n    handler: async (data) => {\n      const user = await client.createUser({\n        query: {\n          userRealmName: props.userRealmName,\n        },\n        body: {\n          ...data,\n          enabled: data.enabled ?? true,\n        },\n      });\n\n      await router.go(\"adminUserDetails\", {\n        params: { userId: user.id },\n      });\n    },\n  });\n\n  return (\n    <Flex flex={1} p=\"md\">\n      <Card withBorder p=\"lg\" maw={600} w=\"100%\">\n        <form {...form.props}>\n          <Stack gap=\"md\">\n            <Text size=\"lg\" fw={500}>\n              Create New User\n            </Text>\n\n            <Control title=\"Username\" input={form.input.username} />\n\n            <Control title=\"Email\" input={form.input.email} />\n\n            <Control title=\"Phone Number\" input={form.input.phoneNumber} />\n\n            <Control title=\"First Name\" input={form.input.firstName} />\n\n            <Control title=\"Last Name\" input={form.input.lastName} />\n\n            <Control title=\"Password\" input={form.input.password} password />\n\n            <Control title=\"Roles\" input={form.input.roles} />\n\n            <Control title=\"Enabled\" input={form.input.enabled} />\n\n            <ActionButton form={form}>Create User</ActionButton>\n          </Stack>\n        </form>\n      </Card>\n    </Flex>\n  );\n};\n\nexport default AdminUserCreate;\n"],"mappings":";;;;;;;;AAYA,MAAM,mBAAmB,UAAgC;CACvD,MAAM,SAAS,WAA2B;CAC1C,MAAM,SAAS,WAAwB;CAEvC,MAAM,OAAO,QAAQ;EACnB,QAAQ,EAAE,OAAO;GACf,UAAU,EAAE,SACV,EAAE,UAAU;IACV,WAAW;IACX,WAAW;IACX,SAAS;IACV,CAAC,CACH;GACD,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC;GAC5B,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC;GACjC,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC;GACjC,UAAU,EAAE,SAAS,EAAE,QAAQ,CAAC;GAChC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;GACtC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;GAChC,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,GAAG,CAAC,CAAC;GACjD,CAAC;EACF,SAAS,OAAO,SAAS;GACvB,MAAM,OAAO,MAAM,OAAO,WAAW;IACnC,OAAO,EACL,eAAe,MAAM,eACtB;IACD,MAAM;KACJ,GAAG;KACH,SAAS,KAAK,WAAW;KAC1B;IACF,CAAC;AAEF,SAAM,OAAO,GAAG,oBAAoB,EAClC,QAAQ,EAAE,QAAQ,KAAK,IAAI,EAC5B,CAAC;;EAEL,CAAC;AAEF,QACE,oBAAC;EAAK,MAAM;EAAG,GAAE;YACf,oBAAC;GAAK;GAAW,GAAE;GAAK,KAAK;GAAK,GAAE;aAClC,oBAAC;IAAK,GAAI,KAAK;cACb,qBAAC;KAAM,KAAI;;MACT,oBAACA;OAAK,MAAK;OAAK,IAAI;iBAAK;QAElB;MAEP,oBAAC;OAAQ,OAAM;OAAW,OAAO,KAAK,MAAM;QAAY;MAExD,oBAAC;OAAQ,OAAM;OAAQ,OAAO,KAAK,MAAM;QAAS;MAElD,oBAAC;OAAQ,OAAM;OAAe,OAAO,KAAK,MAAM;QAAe;MAE/D,oBAAC;OAAQ,OAAM;OAAa,OAAO,KAAK,MAAM;QAAa;MAE3D,oBAAC;OAAQ,OAAM;OAAY,OAAO,KAAK,MAAM;QAAY;MAEzD,oBAAC;OAAQ,OAAM;OAAW,OAAO,KAAK,MAAM;OAAU;QAAW;MAEjE,oBAAC;OAAQ,OAAM;OAAQ,OAAO,KAAK,MAAM;QAAS;MAElD,oBAAC;OAAQ,OAAM;OAAU,OAAO,KAAK,MAAM;QAAW;MAEtD,oBAAC;OAAmB;iBAAM;QAA0B;;MAC9C;KACH;IACF;GACF;;AAIX,8BAAe"}
+{"version":3,"file":"AdminUserCreate-Bhxsn92l.js","names":["Text"],"sources":["../../src/admin/components/AdminUserCreate.tsx"],"sourcesContent":["import { useClient, useRouter } from \"@alepha/react\";\nimport { useForm } from \"@alepha/react/form\";\nimport { ActionButton, Control, Flex } from \"@alepha/ui\";\nimport { Card, Stack, Text } from \"@mantine/core\";\nimport { t } from \"alepha\";\nimport type { UserController } from \"alepha/api/users\";\nimport type { AdminRouter } from \"../AdminRouter.ts\";\n\nexport interface AdminUserCreateProps {\n  userRealmName?: string;\n}\n\nconst AdminUserCreate = (props: AdminUserCreateProps) => {\n  const client = useClient<UserController>();\n  const router = useRouter<AdminRouter>();\n\n  const form = useForm({\n    schema: t.object({\n      username: t.optional(\n        t.shortText({\n          minLength: 3,\n          maxLength: 50,\n          pattern: \"^[a-zA-Z0-9._-]+$\",\n        }),\n      ),\n      email: t.optional(t.email()),\n      phoneNumber: t.optional(t.e164()),\n      firstName: t.optional(t.string()),\n      lastName: t.optional(t.string()),\n      roles: t.optional(t.array(t.string())),\n      enabled: t.optional(t.boolean()),\n      password: t.optional(t.string({ minLength: 8 })),\n    }),\n    handler: async (data) => {\n      const user = await client.createUser({\n        query: {\n          userRealmName: props.userRealmName,\n        },\n        body: {\n          ...data,\n          enabled: data.enabled ?? true,\n        },\n      });\n\n      await router.go(\"adminUserDetails\", {\n        params: { userId: user.id },\n      });\n    },\n  });\n\n  return (\n    <Flex flex={1} p=\"md\">\n      <Card withBorder p=\"lg\" maw={600} w=\"100%\">\n        <form {...form.props}>\n          <Stack gap=\"md\">\n            <Text size=\"lg\" fw={500}>\n              Create New User\n            </Text>\n\n            <Control title=\"Username\" input={form.input.username} />\n\n            <Control title=\"Email\" input={form.input.email} />\n\n            <Control title=\"Phone Number\" input={form.input.phoneNumber} />\n\n            <Control title=\"First Name\" input={form.input.firstName} />\n\n            <Control title=\"Last Name\" input={form.input.lastName} />\n\n            <Control title=\"Password\" input={form.input.password} password />\n\n            <Control title=\"Roles\" input={form.input.roles} />\n\n            <Control title=\"Enabled\" input={form.input.enabled} />\n\n            <ActionButton form={form}>Create User</ActionButton>\n          </Stack>\n        </form>\n      </Card>\n    </Flex>\n  );\n};\n\nexport default AdminUserCreate;\n"],"mappings":";;;;;;;;AAYA,MAAM,mBAAmB,UAAgC;CACvD,MAAM,SAAS,WAA2B;CAC1C,MAAM,SAAS,WAAwB;CAEvC,MAAM,OAAO,QAAQ;EACnB,QAAQ,EAAE,OAAO;GACf,UAAU,EAAE,SACV,EAAE,UAAU;IACV,WAAW;IACX,WAAW;IACX,SAAS;IACV,CAAC,CACH;GACD,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC;GAC5B,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC;GACjC,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC;GACjC,UAAU,EAAE,SAAS,EAAE,QAAQ,CAAC;GAChC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;GACtC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;GAChC,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,GAAG,CAAC,CAAC;GACjD,CAAC;EACF,SAAS,OAAO,SAAS;GACvB,MAAM,OAAO,MAAM,OAAO,WAAW;IACnC,OAAO,EACL,eAAe,MAAM,eACtB;IACD,MAAM;KACJ,GAAG;KACH,SAAS,KAAK,WAAW;KAC1B;IACF,CAAC;AAEF,SAAM,OAAO,GAAG,oBAAoB,EAClC,QAAQ,EAAE,QAAQ,KAAK,IAAI,EAC5B,CAAC;;EAEL,CAAC;AAEF,QACE,oBAAC;EAAK,MAAM;EAAG,GAAE;YACf,oBAAC;GAAK;GAAW,GAAE;GAAK,KAAK;GAAK,GAAE;aAClC,oBAAC;IAAK,GAAI,KAAK;cACb,qBAAC;KAAM,KAAI;;MACT,oBAACA;OAAK,MAAK;OAAK,IAAI;iBAAK;QAElB;MAEP,oBAAC;OAAQ,OAAM;OAAW,OAAO,KAAK,MAAM;QAAY;MAExD,oBAAC;OAAQ,OAAM;OAAQ,OAAO,KAAK,MAAM;QAAS;MAElD,oBAAC;OAAQ,OAAM;OAAe,OAAO,KAAK,MAAM;QAAe;MAE/D,oBAAC;OAAQ,OAAM;OAAa,OAAO,KAAK,MAAM;QAAa;MAE3D,oBAAC;OAAQ,OAAM;OAAY,OAAO,KAAK,MAAM;QAAY;MAEzD,oBAAC;OAAQ,OAAM;OAAW,OAAO,KAAK,MAAM;OAAU;QAAW;MAEjE,oBAAC;OAAQ,OAAM;OAAQ,OAAO,KAAK,MAAM;QAAS;MAElD,oBAAC;OAAQ,OAAM;OAAU,OAAO,KAAK,MAAM;QAAW;MAEtD,oBAAC;OAAmB;iBAAM;QAA0B;;MAC9C;KACH;IACF;GACF;;AAIX,8BAAe"}

package/dist/admin/{AdminUserCreate-DjiCcAk0.js → AdminUserCreate-CYI_xW5T.js}

@@ -1,3 +1,3 @@
-import { t as AdminUserCreate_default } from "./AdminUserCreate-Coa_yi6m.js";
+import { t as AdminUserCreate_default } from "./AdminUserCreate-Bhxsn92l.js";
 
 export { AdminUserCreate_default as default };

package/dist/admin/{AdminUserDetails-BCFwOm9w.js → AdminUserDetails-C2y1Ig4n.js}

@@ -2,13 +2,13 @@ import { ActionButton, Control, Flex, Text } from "@alepha/ui";
 import { t } from "alepha";
 import { useClient, useRouterState } from "@alepha/react";
 import { IconCheck, IconX } from "@tabler/icons-react";
-import { useI18n } from "@alepha/react/i18n";
+import { useEffect, useState } from "react";
+import { useForm } from "@alepha/react/form";
 import { Card, Group, Loader, Stack } from "@mantine/core";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useForm } from "@alepha/react/form";
-import { useEffect, useState } from "react";
+import { useI18n } from "@alepha/react/i18n";
 
-//#region src/admin/components/AdminUserDetails.tsx
+//#region ../../src/admin/components/AdminUserDetails.tsx
 const AdminUserDetails = (props) => {
 	const state = useRouterState();
 	const client = useClient();
@@ -218,4 +218,4 @@ var AdminUserDetails_default = AdminUserDetails;
 
 //#endregion
 export { AdminUserDetails_default as t };
-//# sourceMappingURL=AdminUserDetails-BCFwOm9w.js.map
+//# sourceMappingURL=AdminUserDetails-C2y1Ig4n.js.map

package/dist/admin/{AdminUserDetails-BCFwOm9w.js.map → AdminUserDetails-C2y1Ig4n.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AdminUserDetails-BCFwOm9w.js","names":[],"sources":["../../src/admin/components/AdminUserDetails.tsx"],"sourcesContent":["import { useClient, useRouterState } from \"@alepha/react\";\nimport { useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, Control, Flex, Text } from \"@alepha/ui\";\nimport { Card, Group, Loader, Stack } from \"@mantine/core\";\nimport { IconCheck, IconX } from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport type { UserController, UserEntity } from \"alepha/api/users\";\nimport { useEffect, useState } from \"react\";\n\nexport interface AdminUserDetailsProps {\n  userRealmName?: string;\n}\n\nconst AdminUserDetails = (props: AdminUserDetailsProps) => {\n  const state = useRouterState();\n  const client = useClient<UserController>();\n  const { l } = useI18n();\n  const userId = state.params.userId as string;\n\n  const [user, setUser] = useState<UserEntity | null>(null);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    const loadUser = async () => {\n      try {\n        const data = await client.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 form = useForm({\n    schema: t.object({\n      email: t.optional(t.email()),\n      phoneNumber: t.optional(t.e164()),\n      firstName: t.optional(t.string()),\n      lastName: t.optional(t.string()),\n      roles: t.optional(t.array(t.string())),\n      enabled: t.optional(t.boolean()),\n    }),\n    handler: async (data) => {\n      const updated = await client.updateUser({\n        params: { id: userId },\n        query: { userRealmName: props.userRealmName },\n        body: data,\n      });\n      setUser(updated);\n    },\n  });\n\n  useEffect(() => {\n    if (user) {\n      form.input.email?.set(user.email ?? \"\");\n      form.input.phoneNumber?.set(user.phoneNumber ?? \"\");\n      form.input.firstName?.set(user.firstName ?? \"\");\n      form.input.lastName?.set(user.lastName ?? \"\");\n      form.input.roles?.set(user.roles ?? []);\n      form.input.enabled?.set(user.enabled);\n    }\n  }, [user]);\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      <Card withBorder p=\"lg\">\n        <Stack gap=\"md\">\n          <Text size=\"lg\" fw={500}>\n            User Details\n          </Text>\n\n          <Group gap=\"xl\">\n            <Stack gap={4}>\n              <Text size=\"xs\" c=\"dimmed\">\n                User ID\n              </Text>\n              <Text size=\"sm\" ff=\"monospace\">\n                {user.id}\n              </Text>\n            </Stack>\n\n            <Stack gap={4}>\n              <Text size=\"xs\" c=\"dimmed\">\n                Username\n              </Text>\n              <Text size=\"sm\">{user.username || \"-\"}</Text>\n            </Stack>\n\n            <Stack gap={4}>\n              <Text size=\"xs\" c=\"dimmed\">\n                Email Verified\n              </Text>\n              {user.emailVerified ? (\n                <Group gap={4}>\n                  <IconCheck size={14} color=\"var(--mantine-color-green-6)\" />\n                  <Text size=\"sm\" c=\"green\">\n                    Verified\n                  </Text>\n                </Group>\n              ) : (\n                <Group gap={4}>\n                  <IconX size={14} color=\"var(--mantine-color-red-6)\" />\n                  <Text size=\"sm\" c=\"red\">\n                    Not Verified\n                  </Text>\n                </Group>\n              )}\n            </Stack>\n\n            <Stack gap={4}>\n              <Text size=\"xs\" c=\"dimmed\">\n                Created\n              </Text>\n              <Text size=\"sm\">{l(user.createdAt, { date: \"medium\" })}</Text>\n            </Stack>\n\n            <Stack gap={4}>\n              <Text size=\"xs\" c=\"dimmed\">\n                Updated\n              </Text>\n              <Text size=\"sm\">{l(user.updatedAt, { date: \"medium\" })}</Text>\n            </Stack>\n          </Group>\n        </Stack>\n      </Card>\n\n      <Card withBorder p=\"lg\">\n        <form {...form.props}>\n          <Stack gap=\"md\">\n            <Text size=\"lg\" fw={500}>\n              Edit User\n            </Text>\n\n            <Group grow>\n              <Control title=\"Email\" input={form.input.email} />\n              <Control title=\"Phone Number\" input={form.input.phoneNumber} />\n            </Group>\n\n            <Group grow>\n              <Control title=\"First Name\" input={form.input.firstName} />\n              <Control title=\"Last Name\" input={form.input.lastName} />\n            </Group>\n\n            <Control title=\"Roles\" input={form.input.roles} />\n\n            <Control title=\"Enabled\" input={form.input.enabled} />\n\n            <Group>\n              <ActionButton form={form}>Save Changes</ActionButton>\n            </Group>\n          </Stack>\n        </form>\n      </Card>\n    </Flex>\n  );\n};\n\nexport default AdminUserDetails;\n"],"mappings":"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"}
+{"version":3,"file":"AdminUserDetails-C2y1Ig4n.js","names":[],"sources":["../../src/admin/components/AdminUserDetails.tsx"],"sourcesContent":["import { useClient, useRouterState } from \"@alepha/react\";\nimport { useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, Control, Flex, Text } from \"@alepha/ui\";\nimport { Card, Group, Loader, Stack } from \"@mantine/core\";\nimport { IconCheck, IconX } from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport type { UserController, UserEntity } from \"alepha/api/users\";\nimport { useEffect, useState } from \"react\";\n\nexport interface AdminUserDetailsProps {\n  userRealmName?: string;\n}\n\nconst AdminUserDetails = (props: AdminUserDetailsProps) => {\n  const state = useRouterState();\n  const client = useClient<UserController>();\n  const { l } = useI18n();\n  const userId = state.params.userId as string;\n\n  const [user, setUser] = useState<UserEntity | null>(null);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    const loadUser = async () => {\n      try {\n        const data = await client.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 form = useForm({\n    schema: t.object({\n      email: t.optional(t.email()),\n      phoneNumber: t.optional(t.e164()),\n      firstName: t.optional(t.string()),\n      lastName: t.optional(t.string()),\n      roles: t.optional(t.array(t.string())),\n      enabled: t.optional(t.boolean()),\n    }),\n    handler: async (data) => {\n      const updated = await client.updateUser({\n        params: { id: userId },\n        query: { userRealmName: props.userRealmName },\n        body: data,\n      });\n      setUser(updated);\n    },\n  });\n\n  useEffect(() => {\n    if (user) {\n      form.input.email?.set(user.email ?? \"\");\n      form.input.phoneNumber?.set(user.phoneNumber ?? \"\");\n      form.input.firstName?.set(user.firstName ?? \"\");\n      form.input.lastName?.set(user.lastName ?? \"\");\n      form.input.roles?.set(user.roles ?? []);\n      form.input.enabled?.set(user.enabled);\n    }\n  }, [user]);\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      <Card withBorder p=\"lg\">\n        <Stack gap=\"md\">\n          <Text size=\"lg\" fw={500}>\n            User Details\n          </Text>\n\n          <Group gap=\"xl\">\n            <Stack gap={4}>\n              <Text size=\"xs\" c=\"dimmed\">\n                User ID\n              </Text>\n              <Text size=\"sm\" ff=\"monospace\">\n                {user.id}\n              </Text>\n            </Stack>\n\n            <Stack gap={4}>\n              <Text size=\"xs\" c=\"dimmed\">\n                Username\n              </Text>\n              <Text size=\"sm\">{user.username || \"-\"}</Text>\n            </Stack>\n\n            <Stack gap={4}>\n              <Text size=\"xs\" c=\"dimmed\">\n                Email Verified\n              </Text>\n              {user.emailVerified ? (\n                <Group gap={4}>\n                  <IconCheck size={14} color=\"var(--mantine-color-green-6)\" />\n                  <Text size=\"sm\" c=\"green\">\n                    Verified\n                  </Text>\n                </Group>\n              ) : (\n                <Group gap={4}>\n                  <IconX size={14} color=\"var(--mantine-color-red-6)\" />\n                  <Text size=\"sm\" c=\"red\">\n                    Not Verified\n                  </Text>\n                </Group>\n              )}\n            </Stack>\n\n            <Stack gap={4}>\n              <Text size=\"xs\" c=\"dimmed\">\n                Created\n              </Text>\n              <Text size=\"sm\">{l(user.createdAt, { date: \"medium\" })}</Text>\n            </Stack>\n\n            <Stack gap={4}>\n              <Text size=\"xs\" c=\"dimmed\">\n                Updated\n              </Text>\n              <Text size=\"sm\">{l(user.updatedAt, { date: \"medium\" })}</Text>\n            </Stack>\n          </Group>\n        </Stack>\n      </Card>\n\n      <Card withBorder p=\"lg\">\n        <form {...form.props}>\n          <Stack gap=\"md\">\n            <Text size=\"lg\" fw={500}>\n              Edit User\n            </Text>\n\n            <Group grow>\n              <Control title=\"Email\" input={form.input.email} />\n              <Control title=\"Phone Number\" input={form.input.phoneNumber} />\n            </Group>\n\n            <Group grow>\n              <Control title=\"First Name\" input={form.input.firstName} />\n              <Control title=\"Last Name\" input={form.input.lastName} />\n            </Group>\n\n            <Control title=\"Roles\" input={form.input.roles} />\n\n            <Control title=\"Enabled\" input={form.input.enabled} />\n\n            <Group>\n              <ActionButton form={form}>Save Changes</ActionButton>\n            </Group>\n          </Stack>\n        </form>\n      </Card>\n    </Flex>\n  );\n};\n\nexport default AdminUserDetails;\n"],"mappings":"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"}

package/dist/admin/{AdminUserDetails-C5yeJNa3.js → AdminUserDetails-Cmzx9HxH.js}

@@ -1,3 +1,3 @@
-import { t as AdminUserDetails_default } from "./AdminUserDetails-BCFwOm9w.js";
+import { t as AdminUserDetails_default } from "./AdminUserDetails-C2y1Ig4n.js";
 
 export { AdminUserDetails_default as default };

package/dist/admin/{AdminUserLayout-B8ga5QvP.js → AdminUserLayout-DGSf612u.js}

@@ -1,3 +1,3 @@
-import { t as AdminUserLayout_default } from "./AdminUserLayout-CR2OqV9Z.js";
+import { t as AdminUserLayout_default } from "./AdminUserLayout-sW6cjZL0.js";
 
 export { AdminUserLayout_default as default };

package/dist/admin/{AdminUserLayout-CR2OqV9Z.js → AdminUserLayout-sW6cjZL0.js}

@@ -1,11 +1,11 @@
 import { ActionButton, Flex, Text } from "@alepha/ui";
 import { NestedView, useClient, useRouter, useRouterState } from "@alepha/react";
 import { IconDevices, IconSettings, IconUser } from "@tabler/icons-react";
+import { useEffect, useState } from "react";
 import { Avatar, Badge, Card, Group, Loader, Stack, Tabs } from "@mantine/core";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
 
-//#region src/admin/components/AdminUserLayout.tsx
+//#region ../../src/admin/components/AdminUserLayout.tsx
 const AdminUserLayout = (props) => {
 	const router = useRouter();
 	const state = useRouterState();
@@ -150,4 +150,4 @@ var AdminUserLayout_default = AdminUserLayout;
 
 //#endregion
 export { AdminUserLayout_default as t };
-//# sourceMappingURL=AdminUserLayout-CR2OqV9Z.js.map
+//# sourceMappingURL=AdminUserLayout-sW6cjZL0.js.map

package/dist/admin/{AdminUserLayout-CR2OqV9Z.js.map → AdminUserLayout-sW6cjZL0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AdminUserLayout-CR2OqV9Z.js","names":[],"sources":["../../src/admin/components/AdminUserLayout.tsx"],"sourcesContent":["import {\n  NestedView,\n  useClient,\n  useRouter,\n  useRouterState,\n} from \"@alepha/react\";\nimport { ActionButton, Flex, Text } from \"@alepha/ui\";\nimport { Avatar, Badge, Card, Group, Loader, Stack, Tabs } from \"@mantine/core\";\nimport { IconDevices, IconSettings, IconUser } from \"@tabler/icons-react\";\nimport type { UserController, UserEntity } from \"alepha/api/users\";\nimport { useEffect, useState } from \"react\";\nimport type { AdminRouter } from \"../AdminRouter.ts\";\n\nexport interface AdminUserLayoutProps {\n  userRealmName?: string;\n}\n\nconst AdminUserLayout = (props: AdminUserLayoutProps) => {\n  const router = useRouter<AdminRouter>();\n  const state = useRouterState();\n  const client = 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\n  useEffect(() => {\n    const loadUser = async () => {\n      try {\n        const data = await client.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  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  const currentPath = state.url.pathname;\n  const detailsPath = router.path(\"adminUserDetails\", { params: { userId } });\n  const sessionsPath = router.path(\"adminUserSessions\", { params: { userId } });\n  const settingsPath = router.path(\"adminUserSettings\", { params: { userId } });\n\n  const getActiveTab = () => {\n    if (currentPath.endsWith(\"/sessions\")) return \"sessions\";\n    if (currentPath.endsWith(\"/settings\")) return \"settings\";\n    return \"details\";\n  };\n  const activeTab = getActiveTab();\n\n  const displayName =\n    user.firstName || user.lastName\n      ? `${user.firstName ?? \"\"} ${user.lastName ?? \"\"}`.trim()\n      : user.username || user.email || \"User\";\n\n  return (\n    <Flex flex={1} direction=\"column\" gap=\"md\" p=\"md\">\n      <Card withBorder p=\"md\">\n        <Group>\n          <Avatar size=\"lg\" radius=\"xl\" color=\"blue\">\n            {displayName.charAt(0).toUpperCase()}\n          </Avatar>\n          <Stack gap={4}>\n            <Group gap=\"xs\">\n              <Text size=\"lg\" fw={500}>\n                {displayName}\n              </Text>\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={user.enabled ? \"green\" : \"red\"}\n              >\n                {user.enabled ? \"Active\" : \"Disabled\"}\n              </Badge>\n            </Group>\n            <Text size=\"sm\" c=\"dimmed\">\n              {user.email || user.username || user.id}\n            </Text>\n            {user.roles.length > 0 && (\n              <Group gap={4}>\n                {user.roles.map((role: string) => (\n                  <Badge key={role} size=\"xs\" variant=\"outline\">\n                    {role}\n                  </Badge>\n                ))}\n              </Group>\n            )}\n          </Stack>\n        </Group>\n      </Card>\n\n      <Tabs value={activeTab}>\n        <Tabs.List>\n          <ActionButton\n            variant=\"subtle\"\n            href={detailsPath}\n            leftSection={<IconUser size={16} />}\n            c={activeTab === \"details\" ? undefined : \"dimmed\"}\n            fw={activeTab === \"details\" ? 500 : 400}\n            style={{\n              borderBottom:\n                activeTab === \"details\"\n                  ? \"2px solid var(--mantine-primary-color-filled)\"\n                  : \"2px solid transparent\",\n              borderRadius: 0,\n            }}\n          >\n            Details\n          </ActionButton>\n          <ActionButton\n            variant=\"subtle\"\n            href={sessionsPath}\n            leftSection={<IconDevices size={16} />}\n            c={activeTab === \"sessions\" ? undefined : \"dimmed\"}\n            fw={activeTab === \"sessions\" ? 500 : 400}\n            style={{\n              borderBottom:\n                activeTab === \"sessions\"\n                  ? \"2px solid var(--mantine-primary-color-filled)\"\n                  : \"2px solid transparent\",\n              borderRadius: 0,\n            }}\n          >\n            Sessions\n          </ActionButton>\n          <ActionButton\n            variant=\"subtle\"\n            href={settingsPath}\n            leftSection={<IconSettings size={16} />}\n            c={activeTab === \"settings\" ? undefined : \"dimmed\"}\n            fw={activeTab === \"settings\" ? 500 : 400}\n            style={{\n              borderBottom:\n                activeTab === \"settings\"\n                  ? \"2px solid var(--mantine-primary-color-filled)\"\n                  : \"2px solid transparent\",\n              borderRadius: 0,\n            }}\n          >\n            Settings\n          </ActionButton>\n        </Tabs.List>\n      </Tabs>\n\n      <Flex flex={1}>\n        <NestedView />\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default AdminUserLayout;\n"],"mappings":"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"}
+{"version":3,"file":"AdminUserLayout-sW6cjZL0.js","names":[],"sources":["../../src/admin/components/AdminUserLayout.tsx"],"sourcesContent":["import {\n  NestedView,\n  useClient,\n  useRouter,\n  useRouterState,\n} from \"@alepha/react\";\nimport { ActionButton, Flex, Text } from \"@alepha/ui\";\nimport { Avatar, Badge, Card, Group, Loader, Stack, Tabs } from \"@mantine/core\";\nimport { IconDevices, IconSettings, IconUser } from \"@tabler/icons-react\";\nimport type { UserController, UserEntity } from \"alepha/api/users\";\nimport { useEffect, useState } from \"react\";\nimport type { AdminRouter } from \"../AdminRouter.ts\";\n\nexport interface AdminUserLayoutProps {\n  userRealmName?: string;\n}\n\nconst AdminUserLayout = (props: AdminUserLayoutProps) => {\n  const router = useRouter<AdminRouter>();\n  const state = useRouterState();\n  const client = 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\n  useEffect(() => {\n    const loadUser = async () => {\n      try {\n        const data = await client.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  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  const currentPath = state.url.pathname;\n  const detailsPath = router.path(\"adminUserDetails\", { params: { userId } });\n  const sessionsPath = router.path(\"adminUserSessions\", { params: { userId } });\n  const settingsPath = router.path(\"adminUserSettings\", { params: { userId } });\n\n  const getActiveTab = () => {\n    if (currentPath.endsWith(\"/sessions\")) return \"sessions\";\n    if (currentPath.endsWith(\"/settings\")) return \"settings\";\n    return \"details\";\n  };\n  const activeTab = getActiveTab();\n\n  const displayName =\n    user.firstName || user.lastName\n      ? `${user.firstName ?? \"\"} ${user.lastName ?? \"\"}`.trim()\n      : user.username || user.email || \"User\";\n\n  return (\n    <Flex flex={1} direction=\"column\" gap=\"md\" p=\"md\">\n      <Card withBorder p=\"md\">\n        <Group>\n          <Avatar size=\"lg\" radius=\"xl\" color=\"blue\">\n            {displayName.charAt(0).toUpperCase()}\n          </Avatar>\n          <Stack gap={4}>\n            <Group gap=\"xs\">\n              <Text size=\"lg\" fw={500}>\n                {displayName}\n              </Text>\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={user.enabled ? \"green\" : \"red\"}\n              >\n                {user.enabled ? \"Active\" : \"Disabled\"}\n              </Badge>\n            </Group>\n            <Text size=\"sm\" c=\"dimmed\">\n              {user.email || user.username || user.id}\n            </Text>\n            {user.roles.length > 0 && (\n              <Group gap={4}>\n                {user.roles.map((role: string) => (\n                  <Badge key={role} size=\"xs\" variant=\"outline\">\n                    {role}\n                  </Badge>\n                ))}\n              </Group>\n            )}\n          </Stack>\n        </Group>\n      </Card>\n\n      <Tabs value={activeTab}>\n        <Tabs.List>\n          <ActionButton\n            variant=\"subtle\"\n            href={detailsPath}\n            leftSection={<IconUser size={16} />}\n            c={activeTab === \"details\" ? undefined : \"dimmed\"}\n            fw={activeTab === \"details\" ? 500 : 400}\n            style={{\n              borderBottom:\n                activeTab === \"details\"\n                  ? \"2px solid var(--mantine-primary-color-filled)\"\n                  : \"2px solid transparent\",\n              borderRadius: 0,\n            }}\n          >\n            Details\n          </ActionButton>\n          <ActionButton\n            variant=\"subtle\"\n            href={sessionsPath}\n            leftSection={<IconDevices size={16} />}\n            c={activeTab === \"sessions\" ? undefined : \"dimmed\"}\n            fw={activeTab === \"sessions\" ? 500 : 400}\n            style={{\n              borderBottom:\n                activeTab === \"sessions\"\n                  ? \"2px solid var(--mantine-primary-color-filled)\"\n                  : \"2px solid transparent\",\n              borderRadius: 0,\n            }}\n          >\n            Sessions\n          </ActionButton>\n          <ActionButton\n            variant=\"subtle\"\n            href={settingsPath}\n            leftSection={<IconSettings size={16} />}\n            c={activeTab === \"settings\" ? undefined : \"dimmed\"}\n            fw={activeTab === \"settings\" ? 500 : 400}\n            style={{\n              borderBottom:\n                activeTab === \"settings\"\n                  ? \"2px solid var(--mantine-primary-color-filled)\"\n                  : \"2px solid transparent\",\n              borderRadius: 0,\n            }}\n          >\n            Settings\n          </ActionButton>\n        </Tabs.List>\n      </Tabs>\n\n      <Flex flex={1}>\n        <NestedView />\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default AdminUserLayout;\n"],"mappings":"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"}

package/dist/admin/{AdminUserSessions-Bcf6-rjG.js → AdminUserSessions-CvN15wPe.js}

@@ -2,12 +2,12 @@ import { ActionButton, DataTable, Flex, Text } from "@alepha/ui";
 import { t } from "alepha";
 import { useClient, useRouterState } from "@alepha/react";
 import { IconDeviceDesktop, IconDeviceMobile, IconDeviceTablet, IconTrash } from "@tabler/icons-react";
-import { useI18n } from "@alepha/react/i18n";
+import { useState } from "react";
 import { Badge, Group } from "@mantine/core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useI18n } from "@alepha/react/i18n";
 
-//#region src/admin/components/AdminUserSessions.tsx
+//#region ../../src/admin/components/AdminUserSessions.tsx
 const AdminUserSessions = (props) => {
 	const state = useRouterState();
 	const client = useClient();
@@ -126,4 +126,4 @@ var AdminUserSessions_default = AdminUserSessions;
 
 //#endregion
 export { AdminUserSessions_default as t };
-//# sourceMappingURL=AdminUserSessions-Bcf6-rjG.js.map
+//# sourceMappingURL=AdminUserSessions-CvN15wPe.js.map