@m5kdev/web-ui 0.8.7 → 0.8.9

package/dist/src/lib/utils.js

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.js");
+let clsx = require("clsx");
+let tailwind_merge = require("tailwind-merge");
+//#region src/lib/utils.ts
+function cn(...inputs) {
+	return (0, tailwind_merge.twMerge)((0, clsx.clsx)(inputs));
+}
+//#endregion
+exports.cn = cn;
+
+//# sourceMappingURL=utils.js.map

package/dist/src/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}\r\n"],"mappings":";;;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,SAAA,GAAA,eAAA,UAAA,GAAA,KAAA,MAAoB,OAAO,CAAC"}

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

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { SpinnerProps } from "@heroui/react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/modules/app/components/AppLoader.d.ts
 declare function AppLoader(props: SpinnerProps): _$react_jsx_runtime0.JSX.Element;

package/dist/src/modules/app/components/AppLoader.d.ts

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

package/dist/src/modules/app/components/AppLoader.js

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/modules/app/components/AppLoader.tsx
+function AppLoader(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex h-screen w-full justify-center align-center",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Spinner, {
+			size: "lg",
+			...props
+		})
+	});
+}
+//#endregion
+exports.AppLoader = AppLoader;
+
+//# sourceMappingURL=AppLoader.js.map

package/dist/src/modules/app/components/AppLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppLoader.js","names":["Spinner"],"sources":["../../../../../src/modules/app/components/AppLoader.tsx"],"sourcesContent":["import { Spinner, type SpinnerProps } from \"@heroui/react\";\r\n\r\nexport function AppLoader(props: SpinnerProps) {\r\n  return (\r\n    <div className=\"flex h-screen w-full justify-center align-center\">\r\n      <Spinner size=\"lg\" {...props} />\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;AAEA,SAAgB,UAAU,OAAqB;AAC7C,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,KAACA,cAAAA,SAAD;GAAS,MAAK;GAAK,GAAI;GAAS,CAAA;EAC5B,CAAA"}

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

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { Spinner } from "@heroui/react";
+import { jsx } from "react/jsx-runtime";
 //#region src/modules/app/components/AppLoader.tsx
 function AppLoader(props) {
 	return /* @__PURE__ */ jsx("div", {

package/dist/src/modules/app/components/AppShell.d.ts

@@ -0,0 +1,16 @@
+import { AppSidebarProps } from "./AppSidebar.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/modules/app/components/AppShell.d.ts
+type AppShellProps = {
+  header?: ReactNode;
+  sidebar: AppSidebarProps;
+};
+declare function AppShell({
+  header,
+  sidebar
+}: AppShellProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AppShell, AppShellProps };
+//# sourceMappingURL=AppShell.d.ts.map

package/dist/src/modules/app/components/AppShell.js

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_modules_app_components_AppSidebar = require("./AppSidebar.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_router = require("react-router");
+let _m5kdev_web_ui_components_ui_sidebar = require("@m5kdev/web-ui/components/ui/sidebar");
+//#region src/modules/app/components/AppShell.tsx
+function AppShell({ header, sidebar }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_m5kdev_web_ui_components_ui_sidebar.SidebarProvider, { children: [
+		header,
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_app_components_AppSidebar.AppSidebar, { ...sidebar }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_m5kdev_web_ui_components_ui_sidebar.SidebarInset, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Outlet, {}) })
+	] });
+}
+//#endregion
+exports.AppShell = AppShell;
+
+//# sourceMappingURL=AppShell.js.map

package/dist/src/modules/app/components/AppShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.js","names":["SidebarProvider","AppSidebar","SidebarInset","Outlet"],"sources":["../../../../../src/modules/app/components/AppShell.tsx"],"sourcesContent":["import { SidebarInset, SidebarProvider } from \"@m5kdev/web-ui/components/ui/sidebar\";\r\nimport type { ReactNode } from \"react\";\r\nimport { Outlet } from \"react-router\";\r\nimport { AppSidebar, type AppSidebarProps } from \"./AppSidebar\";\r\n\r\nexport type AppShellProps = {\r\n  header?: ReactNode;\r\n  sidebar: AppSidebarProps;\r\n};\r\n\r\nexport function AppShell({ header, sidebar }: AppShellProps) {\r\n  return (\r\n    <SidebarProvider>\r\n      {header}\r\n      <AppSidebar {...sidebar} />\r\n      <SidebarInset>\r\n        <Outlet />\r\n      </SidebarInset>\r\n    </SidebarProvider>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;AAUA,SAAgB,SAAS,EAAE,QAAQ,WAA0B;AAC3D,QACE,iBAAA,GAAA,kBAAA,MAACA,qCAAAA,iBAAD,EAAA,UAAA;EACG;EACD,iBAAA,GAAA,kBAAA,KAACC,8CAAAA,YAAD,EAAY,GAAI,SAAW,CAAA;EAC3B,iBAAA,GAAA,kBAAA,KAACC,qCAAAA,cAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,QAAD,EAAU,CAAA,EACG,CAAA;EACC,EAAA,CAAA"}

package/dist/src/modules/app/components/AppSidebar.d.ts

@@ -0,0 +1,17 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/modules/app/components/AppSidebar.d.ts
+type AppSidebarProps = {
+  header: ReactNode;
+  content?: ReactNode;
+  footer?: ReactNode;
+};
+declare function AppSidebar({
+  header,
+  content,
+  footer
+}: AppSidebarProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AppSidebar, AppSidebarProps };
+//# sourceMappingURL=AppSidebar.d.ts.map

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

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_components_ui_sidebar = require("../../../components/ui/sidebar.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/modules/app/components/AppSidebar.tsx
+function AppSidebar({ header, content, footer }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_sidebar.Sidebar, {
+		collapsible: "icon",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_sidebar.SidebarHeader, { children: header }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_sidebar.SidebarContent, { children: content }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_sidebar.SidebarFooter, { children: footer }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_sidebar.SidebarRail, {})
+		]
+	});
+}
+//#endregion
+exports.AppSidebar = AppSidebar;
+
+//# sourceMappingURL=AppSidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebar.js","names":["Sidebar","SidebarHeader","SidebarContent","SidebarFooter","SidebarRail"],"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,iBAAA,GAAA,kBAAA,MAACA,kCAAAA,SAAD;EAAS,aAAY;YAArB;GACE,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,eAAD,EAAA,UAAgB,QAAuB,CAAA;GACvC,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,gBAAD,EAAA,UAAiB,SAAyB,CAAA;GAC1C,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,eAAD,EAAA,UAAgB,QAAuB,CAAA;GACvC,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,aAAD,EAAe,CAAA;GACP"}

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

@@ -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.ts.map

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

@@ -0,0 +1,38 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_components_ui_sidebar = require("../../../components/ui/sidebar.js");
+const require_src_components_CollapsibleSidebarMenuItem = require("../../../components/CollapsibleSidebarMenuItem.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_router = require("react-router");
+//#region src/modules/app/components/AppSidebarContent.tsx
+function AppSidebarContent({ navigationItems, navigationState, onNavigationStateChange }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_sidebar.SidebarGroup, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_sidebar.SidebarMenu, { children: navigationItems.map((item) => item.subItems ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_CollapsibleSidebarMenuItem.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__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_sidebar.SidebarMenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_sidebar.SidebarMenuButton, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_router.Link, {
+				to: subItem.link,
+				children: [subItem.icon, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: subItem.label })]
+			})
+		}) }, subItem.label))
+	}, item.label) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_sidebar.SidebarMenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_sidebar.SidebarMenuButton, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_router.Link, {
+			to: item.link,
+			children: [item.icon, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: item.label })]
+		})
+	}) }, item.label)) }) });
+}
+//#endregion
+exports.AppSidebarContent = AppSidebarContent;
+
+//# sourceMappingURL=AppSidebarContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebarContent.js","names":["SidebarGroup","SidebarMenu","CollapsibleSidebarMenuItem","SidebarMenuItem","SidebarMenuButton","Link"],"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,iBAAA,GAAA,kBAAA,KAACA,kCAAAA,cAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,aAAD,EAAA,UACG,gBAAgB,KAAK,SACpB,KAAK,WACH,iBAAA,GAAA,kBAAA,KAACC,kDAAAA,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,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,iBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,mBAAD;GAAmB,SAAA;aACjB,iBAAA,GAAA,kBAAA,MAACC,aAAAA,MAAD;IAAM,IAAI,QAAQ;cAAlB,CACG,QAAQ,MACT,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UAAO,QAAQ,OAAa,CAAA,CACvB;;GACW,CAAA,EACJ,EAPI,QAAQ,MAOZ,CAClB;EACyB,EArBtB,KAAK,MAqBiB,GAE7B,iBAAA,GAAA,kBAAA,KAACF,kCAAAA,iBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,mBAAD;EAAmB,SAAA;YACjB,iBAAA,GAAA,kBAAA,MAACC,aAAAA,MAAD;GAAM,IAAI,KAAK;aAAf,CACG,KAAK,MACN,iBAAA,GAAA,kBAAA,KAAC,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.ts

@@ -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.ts.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebarHeader.js","names":["Link","Button","ChevronsLeftIcon","ChevronsRightIcon"],"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,mBAAA,GAAA,qCAAA,aAA8B;AAC5C,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,YAAA,GAAA,qBAAA,IACE,4DACA,OAAO,4BAA4B,kBACpC;YAJH,CAME,iBAAA,GAAA,kBAAA,MAACA,aAAAA,MAAD;GACE,IAAG;GACH,YAAA,GAAA,qBAAA,IACE,uDACA,OAAO,mBAAmB,SAC3B;GACD,OAAO,EAAE,QAAQ,MAAM;aANzB,CAQE,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACE,WAAU;IACV,KAAK,KAAK;IACV,KAAK,KAAK;IACV,OAAO;KAAE,OAAO;KAAM,QAAQ;KAAM;IACpC,CAAA,EACF,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,WAAU;cACb;IACI,CAAA,CACF;MACP,iBAAA,GAAA,kBAAA,KAACC,cAAAA,QAAD;GACE,YAAA;GACA,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,eAAe;aAE7B,OACC,iBAAA,GAAA,kBAAA,KAACC,aAAAA,kBAAD,EAAkB,WAAU,WAAY,CAAA,GAExC,iBAAA,GAAA,kBAAA,KAACC,aAAAA,mBAAD,EAAmB,WAAU,WAAY,CAAA;GAEpC,CAAA,CACL"}

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

@@ -1,7 +1,7 @@
-import { ChevronsLeftIcon, ChevronsRightIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Link } from "react-router";
 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
@@ -9,7 +9,7 @@ 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, {
+		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 },

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

@@ -1 +1 @@
-{"version":3,"file":"AppSidebarHeader.mjs","names":[],"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,qBAAC,MAAD;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"}
+{"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.ts

@@ -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.ts.map

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

@@ -0,0 +1,45 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let react_i18next = require("react-i18next");
+let react_router = require("react-router");
+let _m5kdev_web_ui_components_ui_sidebar = require("@m5kdev/web-ui/components/ui/sidebar");
+let _m5kdev_web_ui_utils = require("@m5kdev/web-ui/utils");
+//#region src/modules/app/components/AppSidebarInvites.tsx
+function AppSidebarInvites({ count }) {
+	const { open } = (0, _m5kdev_web_ui_components_ui_sidebar.useSidebar)();
+	const { t } = (0, react_i18next.useTranslation)("web-ui");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, _m5kdev_web_ui_utils.cn)("flex justify-center w-auto"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Tooltip, {
+			content: t("sidebar.invites.title"),
+			placement: "right",
+			isDisabled: open,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Badge, {
+				color: "primary",
+				variant: "faded",
+				content: count,
+				size: "sm",
+				isOneChar: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Button, {
+					as: react_router.Link,
+					to: "/invites",
+					className: (0, _m5kdev_web_ui_utils.cn)("flex items-center gap-2"),
+					isIconOnly: !open,
+					size: "sm",
+					variant: "light",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.GiftIcon, { className: "w-4 h-4 text-neutral-500" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "group-data-[collapsible=icon]:hidden text-sm text-neutral-500",
+						children: t("sidebar.invites.title")
+					})]
+				})
+			})
+		})
+	});
+}
+//#endregion
+exports.AppSidebarInvites = AppSidebarInvites;
+
+//# sourceMappingURL=AppSidebarInvites.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebarInvites.js","names":["Tooltip","Badge","Button","Link","GiftIcon"],"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,UAAA,GAAA,qCAAA,aAAqB;CAC7B,MAAM,EAAE,OAAA,GAAA,cAAA,gBAAqB,SAAS;AACtC,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,YAAA,GAAA,qBAAA,IAAc,6BAA6B;YAC9C,iBAAA,GAAA,kBAAA,KAACA,cAAAA,SAAD;GAAS,SAAS,EAAE,wBAAwB;GAAE,WAAU;GAAQ,YAAY;aAC1E,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;IAAO,OAAM;IAAU,SAAQ;IAAQ,SAAS;IAAO,MAAK;IAAK,WAAA;cAC/D,iBAAA,GAAA,kBAAA,MAACC,cAAAA,QAAD;KACE,IAAIC,aAAAA;KACJ,IAAG;KACH,YAAA,GAAA,qBAAA,IAAc,0BAA0B;KACxC,YAAY,CAAC;KACb,MAAK;KACL,SAAQ;eANV,CAQE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,UAAD,EAAU,WAAU,4BAA6B,CAAA,EACjD,iBAAA,GAAA,kBAAA,KAAC,QAAD;MAAM,WAAU;gBACb,EAAE,wBAAwB;MACtB,CAAA,CACA;;IACH,CAAA;GACA,CAAA;EACN,CAAA"}

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

@@ -1,8 +1,8 @@
+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 { jsx, jsxs } from "react/jsx-runtime";
-import { Link } from "react-router";
-import { Badge, Button, Tooltip } from "@heroui/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/AppSidebarInvites.tsx
@@ -22,7 +22,7 @@ function AppSidebarInvites({ count }) {
 				size: "sm",
 				isOneChar: true,
 				children: /* @__PURE__ */ jsxs(Button, {
-					as: Link,
+					as: Link$1,
 					to: "/invites",
 					className: cn("flex items-center gap-2"),
 					isIconOnly: !open,

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

@@ -1 +1 @@
-{"version":3,"file":"AppSidebarInvites.mjs","names":[],"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,IAAI;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"}
+{"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.ts

@@ -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.ts.map

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

@@ -0,0 +1,127 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_components_ui_avatar = require("../../../components/ui/avatar.js");
+const require_src_components_ui_sidebar = require("../../../components/ui/sidebar.js");
+const require_src_components_ui_dropdown_menu = require("../../../components/ui/dropdown-menu.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let react_i18next = require("react-i18next");
+let react_router = require("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 } = require_src_components_ui_sidebar.useSidebar();
+	const { t } = (0, react_i18next.useTranslation)("web-ui");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_sidebar.SidebarMenu, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_sidebar.SidebarMenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_dropdown_menu.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_sidebar.SidebarMenuButton, {
+			size: "lg",
+			className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_avatar.Avatar, {
+					className: "h-8 w-8 rounded-lg",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_avatar.AvatarImage, {
+						src: image ?? void 0,
+						alt: name
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_avatar.AvatarFallback, {
+						className: "rounded-lg",
+						children: "CN"
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "grid flex-1 text-left text-sm leading-tight",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "truncate font-semibold",
+						children: name
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "truncate text-xs",
+						children: email
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsUpDown, { className: "ml-auto size-4" })
+			]
+		})
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_dropdown_menu.DropdownMenuContent, {
+		className: "w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg",
+		side: isMobile ? "bottom" : "right",
+		align: "end",
+		sideOffset: 4,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuLabel, {
+				className: "p-0 font-normal",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_avatar.Avatar, {
+						className: "h-8 w-8 rounded-lg",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_avatar.AvatarImage, {
+							src: image ?? void 0,
+							alt: name
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_avatar.AvatarFallback, {
+							className: "rounded-lg",
+							children: "CN"
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "grid flex-1 text-left text-sm leading-tight",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "truncate font-semibold",
+							children: name
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "truncate text-xs",
+							children: email
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuSeparator, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuGroup, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Link, {
+				to: "/billing",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_dropdown_menu.DropdownMenuItem, {
+					className: "cursor-pointer",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Sparkles, {}), t("web-ui:sidebar.user.upgradeToPro")]
+				})
+			}) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuSeparator, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_dropdown_menu.DropdownMenuGroup, { children: [
+				isAdmin && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Link, {
+					to: "/admin",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_dropdown_menu.DropdownMenuItem, {
+						className: "cursor-pointer",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Settings, {}), t("web-ui:sidebar.user.adminDashboard")]
+					})
+				}),
+				organizationSettingsPath && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Link, {
+					to: organizationSettingsPath,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_dropdown_menu.DropdownMenuItem, {
+						className: "cursor-pointer",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Building2, {}), t("web-ui:sidebar.user.organizationSettings", { defaultValue: "Organization settings" })]
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Link, {
+					to: "/profile",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_dropdown_menu.DropdownMenuItem, {
+						className: "cursor-pointer",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.User, {}), t("web-ui:sidebar.user.account")]
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Link, {
+					to: "/billing",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_dropdown_menu.DropdownMenuItem, {
+						className: "cursor-pointer",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CreditCard, {}), t("web-ui:sidebar.user.billing")]
+					})
+				})
+			] }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuSeparator, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_dropdown_menu.DropdownMenuItem, {
+				className: "cursor-pointer",
+				onClick: onSignOut,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LogOut, {}), t("web-ui:sidebar.user.logout")]
+			})
+		]
+	})] }) }) });
+}
+//#endregion
+exports.AppSidebarUser = AppSidebarUser;
+
+//# sourceMappingURL=AppSidebarUser.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebarUser.js","names":["useSidebar","SidebarMenu","SidebarMenuItem","DropdownMenu","DropdownMenuTrigger","SidebarMenuButton","Avatar","AvatarImage","AvatarFallback","ChevronsUpDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","Link","DropdownMenuItem","Sparkles","Settings","Building2","User","CreditCard","LogOut"],"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":";;;;;;;;;;AA+BA,SAAgB,eAAe,EAAE,MAAM,WAAW,4BAAiD;CACjG,MAAM,EAAE,OAAO,QAAQ,QAAQ,qBAAqB,OAAO,SAAS,QAAQ,EAAE;CAC9E,MAAM,UAAU,SAAS;CACzB,MAAM,EAAE,aAAaA,kCAAAA,YAAY;CACjC,MAAM,EAAE,OAAA,GAAA,cAAA,gBAAqB,SAAS;AAEtC,QACE,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,aAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,iBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAACC,wCAAAA,cAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,wCAAAA,qBAAD;EAAqB,SAAA;YACnB,iBAAA,GAAA,kBAAA,MAACC,kCAAAA,mBAAD;GACE,MAAK;GACL,WAAU;aAFZ;IAIE,iBAAA,GAAA,kBAAA,MAACC,iCAAAA,QAAD;KAAQ,WAAU;eAAlB,CACE,iBAAA,GAAA,kBAAA,KAACC,iCAAAA,aAAD;MAAa,KAAK,SAAS,KAAA;MAAW,KAAK;MAAQ,CAAA,EACnD,iBAAA,GAAA,kBAAA,KAACC,iCAAAA,gBAAD;MAAgB,WAAU;gBAAa;MAAmB,CAAA,CACnD;;IACT,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;MAAM,WAAU;gBAA0B;MAAY,CAAA,EACtD,iBAAA,GAAA,kBAAA,KAAC,QAAD;MAAM,WAAU;gBAAoB;MAAa,CAAA,CAC7C;;IACN,iBAAA,GAAA,kBAAA,KAACC,aAAAA,gBAAD,EAAgB,WAAU,kBAAmB,CAAA;IAC3B;;EACA,CAAA,EACtB,iBAAA,GAAA,kBAAA,MAACC,wCAAAA,qBAAD;EACE,WAAU;EACV,MAAM,WAAW,WAAW;EAC5B,OAAM;EACN,YAAY;YAJd;GAME,iBAAA,GAAA,kBAAA,KAACC,wCAAAA,mBAAD;IAAmB,WAAU;cAC3B,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,MAACL,iCAAAA,QAAD;MAAQ,WAAU;gBAAlB,CACE,iBAAA,GAAA,kBAAA,KAACC,iCAAAA,aAAD;OAAa,KAAK,SAAS,KAAA;OAAW,KAAK;OAAQ,CAAA,EACnD,iBAAA,GAAA,kBAAA,KAACC,iCAAAA,gBAAD;OAAgB,WAAU;iBAAa;OAAmB,CAAA,CACnD;SACT,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;OAAM,WAAU;iBAA0B;OAAY,CAAA,EACtD,iBAAA,GAAA,kBAAA,KAAC,QAAD;OAAM,WAAU;iBAAoB;OAAa,CAAA,CAC7C;QACF;;IACY,CAAA;GACpB,iBAAA,GAAA,kBAAA,KAACI,wCAAAA,uBAAD,EAAyB,CAAA;GACzB,iBAAA,GAAA,kBAAA,KAACC,wCAAAA,mBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;IAAM,IAAG;cACP,iBAAA,GAAA,kBAAA,MAACC,wCAAAA,kBAAD;KAAkB,WAAU;eAA5B,CACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,UAAD,EAAY,CAAA,EACX,EAAE,mCAAmC,CACrB;;IACd,CAAA,EACW,CAAA;GACpB,iBAAA,GAAA,kBAAA,KAACJ,wCAAAA,uBAAD,EAAyB,CAAA;GACzB,iBAAA,GAAA,kBAAA,MAACC,wCAAAA,mBAAD,EAAA,UAAA;IACG,WACC,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;KAAM,IAAG;eACP,iBAAA,GAAA,kBAAA,MAACC,wCAAAA,kBAAD;MAAkB,WAAU;gBAA5B,CACE,iBAAA,GAAA,kBAAA,KAACE,aAAAA,UAAD,EAAY,CAAA,EACX,EAAE,qCAAqC,CACvB;;KACd,CAAA;IAER,4BACC,iBAAA,GAAA,kBAAA,KAACH,aAAAA,MAAD;KAAM,IAAI;eACR,iBAAA,GAAA,kBAAA,MAACC,wCAAAA,kBAAD;MAAkB,WAAU;gBAA5B,CACE,iBAAA,GAAA,kBAAA,KAACG,aAAAA,WAAD,EAAa,CAAA,EACZ,EAAE,4CAA4C,EAC7C,cAAc,yBACf,CAAC,CACe;;KACd,CAAA;IAET,iBAAA,GAAA,kBAAA,KAACJ,aAAAA,MAAD;KAAM,IAAG;eACP,iBAAA,GAAA,kBAAA,MAACC,wCAAAA,kBAAD;MAAkB,WAAU;gBAA5B,CACE,iBAAA,GAAA,kBAAA,KAACI,aAAAA,MAAD,EAAQ,CAAA,EACP,EAAE,8BAA8B,CAChB;;KACd,CAAA;IACP,iBAAA,GAAA,kBAAA,KAACL,aAAAA,MAAD;KAAM,IAAG;eACP,iBAAA,GAAA,kBAAA,MAACC,wCAAAA,kBAAD;MAAkB,WAAU;gBAA5B,CACE,iBAAA,GAAA,kBAAA,KAACK,aAAAA,YAAD,EAAc,CAAA,EACb,EAAE,8BAA8B,CAChB;;KACd,CAAA;IACW,EAAA,CAAA;GACpB,iBAAA,GAAA,kBAAA,KAACR,wCAAAA,uBAAD,EAAyB,CAAA;GACzB,iBAAA,GAAA,kBAAA,MAACG,wCAAAA,kBAAD;IAAkB,WAAU;IAAiB,SAAS;cAAtD,CACE,iBAAA,GAAA,kBAAA,KAACM,aAAAA,QAAD,EAAU,CAAA,EACT,EAAE,6BAA6B,CACf;;GACC;IACT,EAAA,CAAA,EACC,CAAA,EACN,CAAA"}