@m5kdev/web-ui 0.8.2 → 0.8.3

package/dist/src/modules/app/components/AppSidebar.mjs

@@ -0,0 +1,18 @@
+import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarRail } from "../../../components/ui/sidebar.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/modules/app/components/AppSidebar.tsx
+function AppSidebar({ header, content, footer }) {
+	return /* @__PURE__ */ jsxs(Sidebar, {
+		collapsible: "icon",
+		children: [
+			/* @__PURE__ */ jsx(SidebarHeader, { children: header }),
+			/* @__PURE__ */ jsx(SidebarContent, { children: content }),
+			/* @__PURE__ */ jsx(SidebarFooter, { children: footer }),
+			/* @__PURE__ */ jsx(SidebarRail, {})
+		]
+	});
+}
+//#endregion
+export { AppSidebar };
+
+//# sourceMappingURL=AppSidebar.mjs.map

package/dist/src/modules/app/components/AppSidebar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebar.mjs","names":[],"sources":["../../../../../src/modules/app/components/AppSidebar.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\r\nimport {\r\n  Sidebar,\r\n  SidebarContent,\r\n  SidebarFooter,\r\n  SidebarHeader,\r\n  SidebarRail,\r\n} from \"../../../components/ui/sidebar\";\r\n\r\nexport type AppSidebarProps = {\r\n  header: ReactNode;\r\n  content?: ReactNode;\r\n\r\n  footer?: ReactNode;\r\n};\r\n\r\nexport function AppSidebar({ header, content, footer }: AppSidebarProps) {\r\n  return (\r\n    <Sidebar collapsible=\"icon\">\r\n      <SidebarHeader>{header}</SidebarHeader>\r\n      <SidebarContent>{content}</SidebarContent>\r\n      <SidebarFooter>{footer}</SidebarFooter>\r\n      <SidebarRail />\r\n    </Sidebar>\r\n  );\r\n}\r\n"],"mappings":";;;AAgBA,SAAgB,WAAW,EAAE,QAAQ,SAAS,UAA2B;AACvE,QACE,qBAAC,SAAD;EAAS,aAAY;YAArB;GACE,oBAAC,eAAD,EAAA,UAAgB,QAAuB,CAAA;GACvC,oBAAC,gBAAD,EAAA,UAAiB,SAAyB,CAAA;GAC1C,oBAAC,eAAD,EAAA,UAAgB,QAAuB,CAAA;GACvC,oBAAC,aAAD,EAAe,CAAA;GACP"}

package/dist/src/modules/app/components/AppSidebarContent.d.mts

@@ -0,0 +1,25 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/app/components/AppSidebarContent.d.ts
+type NavigationItem = {
+  label: string;
+  icon: React.ReactNode;
+  link: string;
+  badge?: React.ReactNode;
+};
+type AppSidebarContentProps = {
+  navigationItems: (NavigationItem & {
+    defaultOpen?: boolean;
+    subItems?: NavigationItem[];
+  })[];
+  navigationState: Record<string, boolean>;
+  onNavigationStateChange: (state: Record<string, boolean>) => void;
+};
+declare function AppSidebarContent({
+  navigationItems,
+  navigationState,
+  onNavigationStateChange
+}: AppSidebarContentProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AppSidebarContent, AppSidebarContentProps };
+//# sourceMappingURL=AppSidebarContent.d.mts.map

package/dist/src/modules/app/components/AppSidebarContent.mjs

@@ -0,0 +1,36 @@
+import { SidebarGroup, SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "../../../components/ui/sidebar.mjs";
+import { CollapsibleSidebarMenuItem } from "../../../components/CollapsibleSidebarMenuItem.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "react-router";
+//#region src/modules/app/components/AppSidebarContent.tsx
+function AppSidebarContent({ navigationItems, navigationState, onNavigationStateChange }) {
+	return /* @__PURE__ */ jsx(SidebarGroup, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: navigationItems.map((item) => item.subItems ? /* @__PURE__ */ jsx(CollapsibleSidebarMenuItem, {
+		defaultOpen: item.defaultOpen,
+		open: navigationState[item.label],
+		label: item.label,
+		icon: item.icon,
+		link: item.link,
+		badge: item.badge,
+		onOpenChange: (open) => onNavigationStateChange({
+			...navigationState,
+			[item.label]: open
+		}),
+		children: item.subItems.map((subItem) => /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Link, {
+				to: subItem.link,
+				children: [subItem.icon, /* @__PURE__ */ jsx("span", { children: subItem.label })]
+			})
+		}) }, subItem.label))
+	}, item.label) : /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(Link, {
+			to: item.link,
+			children: [item.icon, /* @__PURE__ */ jsx("span", { children: item.label })]
+		})
+	}) }, item.label)) }) });
+}
+//#endregion
+export { AppSidebarContent };
+
+//# sourceMappingURL=AppSidebarContent.mjs.map

package/dist/src/modules/app/components/AppSidebarContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebarContent.mjs","names":[],"sources":["../../../../../src/modules/app/components/AppSidebarContent.tsx"],"sourcesContent":["import { Link } from \"react-router\";\r\nimport { CollapsibleSidebarMenuItem } from \"../../../components/CollapsibleSidebarMenuItem\";\r\nimport {\r\n  SidebarGroup,\r\n  SidebarMenu,\r\n  SidebarMenuButton,\r\n  SidebarMenuItem,\r\n} from \"../../../components/ui/sidebar\";\r\n\r\ntype NavigationItem = {\r\n  label: string;\r\n  icon: React.ReactNode;\r\n  link: string;\r\n  badge?: React.ReactNode;\r\n};\r\n\r\nexport type AppSidebarContentProps = {\r\n  navigationItems: (NavigationItem & {\r\n    defaultOpen?: boolean;\r\n    subItems?: NavigationItem[];\r\n  })[];\r\n  navigationState: Record<string, boolean>;\r\n  onNavigationStateChange: (state: Record<string, boolean>) => void;\r\n};\r\n\r\nexport function AppSidebarContent({\r\n  navigationItems,\r\n  navigationState,\r\n  onNavigationStateChange,\r\n}: AppSidebarContentProps) {\r\n  return (\r\n    <SidebarGroup>\r\n      <SidebarMenu>\r\n        {navigationItems.map((item) =>\r\n          item.subItems ? (\r\n            <CollapsibleSidebarMenuItem\r\n              key={item.label}\r\n              defaultOpen={item.defaultOpen}\r\n              open={navigationState[item.label]}\r\n              label={item.label}\r\n              icon={item.icon}\r\n              link={item.link}\r\n              badge={item.badge}\r\n              onOpenChange={(open) =>\r\n                onNavigationStateChange({ ...navigationState, [item.label]: open })\r\n              }\r\n            >\r\n              {item.subItems.map((subItem) => (\r\n                <SidebarMenuItem key={subItem.label}>\r\n                  <SidebarMenuButton asChild>\r\n                    <Link to={subItem.link}>\r\n                      {subItem.icon}\r\n                      <span>{subItem.label}</span>\r\n                    </Link>\r\n                  </SidebarMenuButton>\r\n                </SidebarMenuItem>\r\n              ))}\r\n            </CollapsibleSidebarMenuItem>\r\n          ) : (\r\n            <SidebarMenuItem key={item.label}>\r\n              <SidebarMenuButton asChild>\r\n                <Link to={item.link}>\r\n                  {item.icon}\r\n                  <span>{item.label}</span>\r\n                </Link>\r\n              </SidebarMenuButton>\r\n            </SidebarMenuItem>\r\n          )\r\n        )}\r\n      </SidebarMenu>\r\n    </SidebarGroup>\r\n  );\r\n}\r\n"],"mappings":";;;;;AAyBA,SAAgB,kBAAkB,EAChC,iBACA,iBACA,2BACyB;AACzB,QACE,oBAAC,cAAD,EAAA,UACE,oBAAC,aAAD,EAAA,UACG,gBAAgB,KAAK,SACpB,KAAK,WACH,oBAAC,4BAAD;EAEE,aAAa,KAAK;EAClB,MAAM,gBAAgB,KAAK;EAC3B,OAAO,KAAK;EACZ,MAAM,KAAK;EACX,MAAM,KAAK;EACX,OAAO,KAAK;EACZ,eAAe,SACb,wBAAwB;GAAE,GAAG;IAAkB,KAAK,QAAQ;GAAM,CAAC;YAGpE,KAAK,SAAS,KAAK,YAClB,oBAAC,iBAAD,EAAA,UACE,oBAAC,mBAAD;GAAmB,SAAA;aACjB,qBAAC,MAAD;IAAM,IAAI,QAAQ;cAAlB,CACG,QAAQ,MACT,oBAAC,QAAD,EAAA,UAAO,QAAQ,OAAa,CAAA,CACvB;;GACW,CAAA,EACJ,EAPI,QAAQ,MAOZ,CAClB;EACyB,EArBtB,KAAK,MAqBiB,GAE7B,oBAAC,iBAAD,EAAA,UACE,oBAAC,mBAAD;EAAmB,SAAA;YACjB,qBAAC,MAAD;GAAM,IAAI,KAAK;aAAf,CACG,KAAK,MACN,oBAAC,QAAD,EAAA,UAAO,KAAK,OAAa,CAAA,CACpB;;EACW,CAAA,EACJ,EAPI,KAAK,MAOT,CAErB,EACW,CAAA,EACD,CAAA"}

package/dist/src/modules/app/components/AppSidebarHeader.d.mts

@@ -0,0 +1,18 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/app/components/AppSidebarHeader.d.ts
+declare function AppSidebarHeader({
+  logo,
+  title,
+  size
+}: {
+  logo: {
+    src: string;
+    alt: string;
+  };
+  title: string;
+  size?: number;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AppSidebarHeader };
+//# sourceMappingURL=AppSidebarHeader.d.mts.map

package/dist/src/modules/app/components/AppSidebarHeader.mjs

@@ -0,0 +1,41 @@
+import { Button } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronsLeftIcon, ChevronsRightIcon } from "lucide-react";
+import { Link as Link$1 } from "react-router";
+import { useSidebar } from "@m5kdev/web-ui/components/ui/sidebar";
+import { cn } from "@m5kdev/web-ui/utils";
+//#region src/modules/app/components/AppSidebarHeader.tsx
+function AppSidebarHeader({ logo, title, size = 30 }) {
+	const { open, toggleSidebar } = useSidebar();
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex  justify-between items-center overflow-hidden gap-2", open ? "w-[239px] px-2 flex-row" : "w-auto flex-col"),
+		children: [/* @__PURE__ */ jsxs(Link$1, {
+			to: "/",
+			className: cn("flex items-center font-medium overflow-hidden gap-2", open ? "w-[239px] px-2" : "w-auto"),
+			style: { height: size },
+			children: [/* @__PURE__ */ jsx("img", {
+				className: "shrink-0",
+				src: logo.src,
+				alt: logo.alt,
+				style: {
+					width: size,
+					height: size
+				}
+			}), /* @__PURE__ */ jsx("span", {
+				className: "group-data-[collapsible=icon]:hidden font-semibold text-lg text-neutral-900",
+				children: title
+			})]
+		}), /* @__PURE__ */ jsx(Button, {
+			isIconOnly: true,
+			variant: "faded",
+			size: "sm",
+			className: "w-4 h-6",
+			onPress: () => toggleSidebar(),
+			children: open ? /* @__PURE__ */ jsx(ChevronsLeftIcon, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx(ChevronsRightIcon, { className: "w-4 h-4" })
+		})]
+	});
+}
+//#endregion
+export { AppSidebarHeader };
+
+//# sourceMappingURL=AppSidebarHeader.mjs.map

package/dist/src/modules/app/components/AppSidebarHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebarHeader.mjs","names":["Link"],"sources":["../../../../../src/modules/app/components/AppSidebarHeader.tsx"],"sourcesContent":["import { Button } from \"@heroui/react\";\r\nimport { useSidebar } from \"@m5kdev/web-ui/components/ui/sidebar\";\r\nimport { cn } from \"@m5kdev/web-ui/utils\";\r\nimport { ChevronsLeftIcon, ChevronsRightIcon } from \"lucide-react\";\r\nimport { Link } from \"react-router\";\r\n\r\nexport function AppSidebarHeader({\r\n  logo,\r\n  title,\r\n  size = 30,\r\n}: {\r\n  logo: { src: string; alt: string };\r\n  title: string;\r\n  size?: number;\r\n}) {\r\n  const { open, toggleSidebar } = useSidebar();\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"flex  justify-between items-center overflow-hidden gap-2\",\r\n        open ? \"w-[239px] px-2 flex-row\" : \"w-auto flex-col\"\r\n      )}\r\n    >\r\n      <Link\r\n        to=\"/\"\r\n        className={cn(\r\n          \"flex items-center font-medium overflow-hidden gap-2\",\r\n          open ? \"w-[239px] px-2\" : \"w-auto\"\r\n        )}\r\n        style={{ height: size }}\r\n      >\r\n        <img\r\n          className=\"shrink-0\"\r\n          src={logo.src}\r\n          alt={logo.alt}\r\n          style={{ width: size, height: size }}\r\n        />\r\n        <span className=\"group-data-[collapsible=icon]:hidden font-semibold text-lg text-neutral-900\">\r\n          {title}\r\n        </span>\r\n      </Link>\r\n      <Button\r\n        isIconOnly\r\n        variant=\"faded\"\r\n        size=\"sm\"\r\n        className=\"w-4 h-6\"\r\n        onPress={() => toggleSidebar()}\r\n      >\r\n        {open ? (\r\n          <ChevronsLeftIcon className=\"w-4 h-4\" />\r\n        ) : (\r\n          <ChevronsRightIcon className=\"w-4 h-4\" />\r\n        )}\r\n      </Button>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;AAMA,SAAgB,iBAAiB,EAC/B,MACA,OACA,OAAO,MAKN;CACD,MAAM,EAAE,MAAM,kBAAkB,YAAY;AAC5C,QACE,qBAAC,OAAD;EACE,WAAW,GACT,4DACA,OAAO,4BAA4B,kBACpC;YAJH,CAME,qBAACA,QAAD;GACE,IAAG;GACH,WAAW,GACT,uDACA,OAAO,mBAAmB,SAC3B;GACD,OAAO,EAAE,QAAQ,MAAM;aANzB,CAQE,oBAAC,OAAD;IACE,WAAU;IACV,KAAK,KAAK;IACV,KAAK,KAAK;IACV,OAAO;KAAE,OAAO;KAAM,QAAQ;KAAM;IACpC,CAAA,EACF,oBAAC,QAAD;IAAM,WAAU;cACb;IACI,CAAA,CACF;MACP,oBAAC,QAAD;GACE,YAAA;GACA,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,eAAe;aAE7B,OACC,oBAAC,kBAAD,EAAkB,WAAU,WAAY,CAAA,GAExC,oBAAC,mBAAD,EAAmB,WAAU,WAAY,CAAA;GAEpC,CAAA,CACL"}

package/dist/src/modules/app/components/AppSidebarInvites.d.mts

@@ -0,0 +1,11 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/app/components/AppSidebarInvites.d.ts
+declare function AppSidebarInvites({
+  count
+}: {
+  count: number;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AppSidebarInvites };
+//# sourceMappingURL=AppSidebarInvites.d.mts.map

package/dist/src/modules/app/components/AppSidebarInvites.mjs

@@ -0,0 +1,43 @@
+import { Badge, Button, Tooltip } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { GiftIcon } from "lucide-react";
+import { useTranslation } from "react-i18next";
+import { Link as Link$1 } from "react-router";
+import { useSidebar } from "@m5kdev/web-ui/components/ui/sidebar";
+import { cn } from "@m5kdev/web-ui/utils";
+//#region src/modules/app/components/AppSidebarInvites.tsx
+function AppSidebarInvites({ count }) {
+	const { open } = useSidebar();
+	const { t } = useTranslation("web-ui");
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex justify-center w-auto"),
+		children: /* @__PURE__ */ jsx(Tooltip, {
+			content: t("sidebar.invites.title"),
+			placement: "right",
+			isDisabled: open,
+			children: /* @__PURE__ */ jsx(Badge, {
+				color: "primary",
+				variant: "faded",
+				content: count,
+				size: "sm",
+				isOneChar: true,
+				children: /* @__PURE__ */ jsxs(Button, {
+					as: Link$1,
+					to: "/invites",
+					className: cn("flex items-center gap-2"),
+					isIconOnly: !open,
+					size: "sm",
+					variant: "light",
+					children: [/* @__PURE__ */ jsx(GiftIcon, { className: "w-4 h-4 text-neutral-500" }), /* @__PURE__ */ jsx("span", {
+						className: "group-data-[collapsible=icon]:hidden text-sm text-neutral-500",
+						children: t("sidebar.invites.title")
+					})]
+				})
+			})
+		})
+	});
+}
+//#endregion
+export { AppSidebarInvites };
+
+//# sourceMappingURL=AppSidebarInvites.mjs.map

package/dist/src/modules/app/components/AppSidebarInvites.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebarInvites.mjs","names":["Link"],"sources":["../../../../../src/modules/app/components/AppSidebarInvites.tsx"],"sourcesContent":["import { Badge, Button, Tooltip } from \"@heroui/react\";\r\nimport { useSidebar } from \"@m5kdev/web-ui/components/ui/sidebar\";\r\nimport { cn } from \"@m5kdev/web-ui/utils\";\r\nimport { GiftIcon } from \"lucide-react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\n\r\nexport function AppSidebarInvites({ count }: { count: number }) {\r\n  const { open } = useSidebar();\r\n  const { t } = useTranslation(\"web-ui\");\r\n  return (\r\n    <div className={cn(\"flex justify-center w-auto\")}>\r\n      <Tooltip content={t(\"sidebar.invites.title\")} placement=\"right\" isDisabled={open}>\r\n        <Badge color=\"primary\" variant=\"faded\" content={count} size=\"sm\" isOneChar>\r\n          <Button\r\n            as={Link}\r\n            to=\"/invites\"\r\n            className={cn(\"flex items-center gap-2\")}\r\n            isIconOnly={!open}\r\n            size=\"sm\"\r\n            variant=\"light\"\r\n          >\r\n            <GiftIcon className=\"w-4 h-4 text-neutral-500\" />\r\n            <span className=\"group-data-[collapsible=icon]:hidden text-sm text-neutral-500\">\r\n              {t(\"sidebar.invites.title\")}\r\n            </span>\r\n          </Button>\r\n        </Badge>\r\n      </Tooltip>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;AAOA,SAAgB,kBAAkB,EAAE,SAA4B;CAC9D,MAAM,EAAE,SAAS,YAAY;CAC7B,MAAM,EAAE,MAAM,eAAe,SAAS;AACtC,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,6BAA6B;YAC9C,oBAAC,SAAD;GAAS,SAAS,EAAE,wBAAwB;GAAE,WAAU;GAAQ,YAAY;aAC1E,oBAAC,OAAD;IAAO,OAAM;IAAU,SAAQ;IAAQ,SAAS;IAAO,MAAK;IAAK,WAAA;cAC/D,qBAAC,QAAD;KACE,IAAIA;KACJ,IAAG;KACH,WAAW,GAAG,0BAA0B;KACxC,YAAY,CAAC;KACb,MAAK;KACL,SAAQ;eANV,CAQE,oBAAC,UAAD,EAAU,WAAU,4BAA6B,CAAA,EACjD,oBAAC,QAAD;MAAM,WAAU;gBACb,EAAE,wBAAwB;MACtB,CAAA,CACA;;IACH,CAAA;GACA,CAAA;EACN,CAAA"}

package/dist/src/modules/app/components/AppSidebarUser.d.mts

@@ -0,0 +1,21 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/app/components/AppSidebarUser.d.ts
+type AppSidebarUserProps = {
+  user?: {
+    name: string;
+    email: string;
+    image?: string | null;
+    role?: string | null;
+  };
+  onSignOut: () => void;
+  organizationSettingsPath?: string;
+};
+declare function AppSidebarUser({
+  user,
+  onSignOut,
+  organizationSettingsPath
+}: AppSidebarUserProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AppSidebarUser, AppSidebarUserProps };
+//# sourceMappingURL=AppSidebarUser.d.mts.map

package/dist/src/modules/app/components/AppSidebarUser.mjs

@@ -0,0 +1,125 @@
+import { Avatar, AvatarFallback, AvatarImage } from "../../../components/ui/avatar.mjs";
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from "../../../components/ui/sidebar.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "../../../components/ui/dropdown-menu.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Building2, ChevronsUpDown, CreditCard, LogOut, Settings, Sparkles, User } from "lucide-react";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router";
+//#region src/modules/app/components/AppSidebarUser.tsx
+function AppSidebarUser({ user, onSignOut, organizationSettingsPath }) {
+	const { name = "User", email = "email@example.com", image, role } = user || {};
+	const isAdmin = role === "admin";
+	const { isMobile } = useSidebar();
+	const { t } = useTranslation("web-ui");
+	return /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
+			size: "lg",
+			className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
+			children: [
+				/* @__PURE__ */ jsxs(Avatar, {
+					className: "h-8 w-8 rounded-lg",
+					children: [/* @__PURE__ */ jsx(AvatarImage, {
+						src: image ?? void 0,
+						alt: name
+					}), /* @__PURE__ */ jsx(AvatarFallback, {
+						className: "rounded-lg",
+						children: "CN"
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "grid flex-1 text-left text-sm leading-tight",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "truncate font-semibold",
+						children: name
+					}), /* @__PURE__ */ jsx("span", {
+						className: "truncate text-xs",
+						children: email
+					})]
+				}),
+				/* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-auto size-4" })
+			]
+		})
+	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+		className: "w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg",
+		side: isMobile ? "bottom" : "right",
+		align: "end",
+		sideOffset: 4,
+		children: [
+			/* @__PURE__ */ jsx(DropdownMenuLabel, {
+				className: "p-0 font-normal",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm",
+					children: [/* @__PURE__ */ jsxs(Avatar, {
+						className: "h-8 w-8 rounded-lg",
+						children: [/* @__PURE__ */ jsx(AvatarImage, {
+							src: image ?? void 0,
+							alt: name
+						}), /* @__PURE__ */ jsx(AvatarFallback, {
+							className: "rounded-lg",
+							children: "CN"
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "grid flex-1 text-left text-sm leading-tight",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "truncate font-semibold",
+							children: name
+						}), /* @__PURE__ */ jsx("span", {
+							className: "truncate text-xs",
+							children: email
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+			/* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(Link, {
+				to: "/billing",
+				children: /* @__PURE__ */ jsxs(DropdownMenuItem, {
+					className: "cursor-pointer",
+					children: [/* @__PURE__ */ jsx(Sparkles, {}), t("web-ui:sidebar.user.upgradeToPro")]
+				})
+			}) }),
+			/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+			/* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
+				isAdmin && /* @__PURE__ */ jsx(Link, {
+					to: "/admin",
+					children: /* @__PURE__ */ jsxs(DropdownMenuItem, {
+						className: "cursor-pointer",
+						children: [/* @__PURE__ */ jsx(Settings, {}), t("web-ui:sidebar.user.adminDashboard")]
+					})
+				}),
+				organizationSettingsPath && /* @__PURE__ */ jsx(Link, {
+					to: organizationSettingsPath,
+					children: /* @__PURE__ */ jsxs(DropdownMenuItem, {
+						className: "cursor-pointer",
+						children: [/* @__PURE__ */ jsx(Building2, {}), t("web-ui:sidebar.user.organizationSettings", { defaultValue: "Organization settings" })]
+					})
+				}),
+				/* @__PURE__ */ jsx(Link, {
+					to: "/profile",
+					children: /* @__PURE__ */ jsxs(DropdownMenuItem, {
+						className: "cursor-pointer",
+						children: [/* @__PURE__ */ jsx(User, {}), t("web-ui:sidebar.user.account")]
+					})
+				}),
+				/* @__PURE__ */ jsx(Link, {
+					to: "/billing",
+					children: /* @__PURE__ */ jsxs(DropdownMenuItem, {
+						className: "cursor-pointer",
+						children: [/* @__PURE__ */ jsx(CreditCard, {}), t("web-ui:sidebar.user.billing")]
+					})
+				})
+			] }),
+			/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+			/* @__PURE__ */ jsxs(DropdownMenuItem, {
+				className: "cursor-pointer",
+				onClick: onSignOut,
+				children: [/* @__PURE__ */ jsx(LogOut, {}), t("web-ui:sidebar.user.logout")]
+			})
+		]
+	})] }) }) });
+}
+//#endregion
+export { AppSidebarUser };
+
+//# sourceMappingURL=AppSidebarUser.mjs.map

package/dist/src/modules/app/components/AppSidebarUser.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebarUser.mjs","names":[],"sources":["../../../../../src/modules/app/components/AppSidebarUser.tsx"],"sourcesContent":["import { Building2, ChevronsUpDown, CreditCard, LogOut, Settings, Sparkles, User } from \"lucide-react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\nimport { Avatar, AvatarFallback, AvatarImage } from \"../../../components/ui/avatar\";\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuGroup,\r\n  DropdownMenuItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuTrigger,\r\n} from \"../../../components/ui/dropdown-menu\";\r\nimport {\r\n  SidebarMenu,\r\n  SidebarMenuButton,\r\n  SidebarMenuItem,\r\n  useSidebar,\r\n} from \"../../../components/ui/sidebar\";\r\n\r\nexport type AppSidebarUserProps = {\r\n  user?: {\r\n    name: string;\r\n    email: string;\r\n    image?: string | null;\r\n    role?: string | null;\r\n  };\r\n  onSignOut: () => void;\r\n  organizationSettingsPath?: string;\r\n};\r\n\r\nexport function AppSidebarUser({ user, onSignOut, organizationSettingsPath }: AppSidebarUserProps) {\r\n  const { name = \"User\", email = \"email@example.com\", image, role } = user || {};\r\n  const isAdmin = role === \"admin\";\r\n  const { isMobile } = useSidebar();\r\n  const { t } = useTranslation(\"web-ui\");\r\n\r\n  return (\r\n    <SidebarMenu>\r\n      <SidebarMenuItem>\r\n        <DropdownMenu>\r\n          <DropdownMenuTrigger asChild>\r\n            <SidebarMenuButton\r\n              size=\"lg\"\r\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\r\n            >\r\n              <Avatar className=\"h-8 w-8 rounded-lg\">\r\n                <AvatarImage src={image ?? undefined} alt={name} />\r\n                <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\r\n              </Avatar>\r\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\r\n                <span className=\"truncate font-semibold\">{name}</span>\r\n                <span className=\"truncate text-xs\">{email}</span>\r\n              </div>\r\n              <ChevronsUpDown className=\"ml-auto size-4\" />\r\n            </SidebarMenuButton>\r\n          </DropdownMenuTrigger>\r\n          <DropdownMenuContent\r\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\r\n            side={isMobile ? \"bottom\" : \"right\"}\r\n            align=\"end\"\r\n            sideOffset={4}\r\n          >\r\n            <DropdownMenuLabel className=\"p-0 font-normal\">\r\n              <div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\r\n                <Avatar className=\"h-8 w-8 rounded-lg\">\r\n                  <AvatarImage src={image ?? undefined} alt={name} />\r\n                  <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\r\n                </Avatar>\r\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\r\n                  <span className=\"truncate font-semibold\">{name}</span>\r\n                  <span className=\"truncate text-xs\">{email}</span>\r\n                </div>\r\n              </div>\r\n            </DropdownMenuLabel>\r\n            <DropdownMenuSeparator />\r\n            <DropdownMenuGroup>\r\n              <Link to=\"/billing\">\r\n                <DropdownMenuItem className=\"cursor-pointer\">\r\n                  <Sparkles />\r\n                  {t(\"web-ui:sidebar.user.upgradeToPro\")}\r\n                </DropdownMenuItem>\r\n              </Link>\r\n            </DropdownMenuGroup>\r\n            <DropdownMenuSeparator />\r\n            <DropdownMenuGroup>\r\n              {isAdmin && (\r\n                <Link to=\"/admin\">\r\n                  <DropdownMenuItem className=\"cursor-pointer\">\r\n                    <Settings />\r\n                    {t(\"web-ui:sidebar.user.adminDashboard\")}\r\n                  </DropdownMenuItem>\r\n                </Link>\r\n              )}\r\n              {organizationSettingsPath && (\r\n                <Link to={organizationSettingsPath}>\r\n                  <DropdownMenuItem className=\"cursor-pointer\">\r\n                    <Building2 />\r\n                    {t(\"web-ui:sidebar.user.organizationSettings\", {\r\n                      defaultValue: \"Organization settings\",\r\n                    })}\r\n                  </DropdownMenuItem>\r\n                </Link>\r\n              )}\r\n              <Link to=\"/profile\">\r\n                <DropdownMenuItem className=\"cursor-pointer\">\r\n                  <User />\r\n                  {t(\"web-ui:sidebar.user.account\")}\r\n                </DropdownMenuItem>\r\n              </Link>\r\n              <Link to=\"/billing\">\r\n                <DropdownMenuItem className=\"cursor-pointer\">\r\n                  <CreditCard />\r\n                  {t(\"web-ui:sidebar.user.billing\")}\r\n                </DropdownMenuItem>\r\n              </Link>\r\n            </DropdownMenuGroup>\r\n            <DropdownMenuSeparator />\r\n            <DropdownMenuItem className=\"cursor-pointer\" onClick={onSignOut}>\r\n              <LogOut />\r\n              {t(\"web-ui:sidebar.user.logout\")}\r\n            </DropdownMenuItem>\r\n          </DropdownMenuContent>\r\n        </DropdownMenu>\r\n      </SidebarMenuItem>\r\n    </SidebarMenu>\r\n  );\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/auth/components/AdminUserManagement.d.mts

@@ -0,0 +1,13 @@
+import { UseBackendTRPC } from "../../../types.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/AdminUserManagement.d.ts
+interface AdminUserManagementProps {
+  useTRPC?: UseBackendTRPC;
+}
+declare function AdminUserManagement({
+  useTRPC
+}: AdminUserManagementProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AdminUserManagement };
+//# sourceMappingURL=AdminUserManagement.d.mts.map