@questpie/admin 1.1.1 → 3.0.0

package/dist/client/views/layout/admin-sidebar.mjs

@@ -0,0 +1,1379 @@
+import { useResolveText, useSafeI18n, useTranslation } from "../../i18n/hooks.mjs";
+import { cn, formatLabel } from "../../lib/utils.mjs";
+import { selectAdmin, selectBasePath, selectContentLocale, selectNavigate, selectSetContentLocale, useAdminStore } from "../../runtime/provider.mjs";
+import { useSafeContentLocales } from "../../runtime/content-locales-provider.mjs";
+import { ComponentRenderer } from "../../components/component-renderer.mjs";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../components/ui/tooltip.mjs";
+import { useAdminConfig } from "../../hooks/use-admin-config.mjs";
+import { getFlagUrl } from "../../utils/locale-to-flag.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../../components/ui/dropdown-menu.mjs";
+import { useAuthClientSafe } from "../../hooks/use-auth.mjs";
+import { useCurrentUser, useSessionState } from "../../hooks/use-current-user.mjs";
+import { Skeleton } from "../../components/ui/skeleton.mjs";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuItem, SidebarSeparator, useSidebar } from "../../components/ui/sidebar.mjs";
+import { getAdminPreferenceQueryKey, useAdminPreference, useSetAdminPreference } from "../../hooks/use-admin-preferences.mjs";
+import { c } from "react/compiler-runtime";
+import { Icon } from "@iconify/react";
+import * as React from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+
+//#region src/client/views/layout/admin-sidebar.tsx
+/**
+* AdminSidebar Component
+*
+* Navigation sidebar for the admin UI using shadcn sidebar primitives.
+* Automatically reads from AdminProvider context when props are not provided.
+*/
+/**
+* Extract typed props from untyped sidebar config items.
+* Server sidebar items come as plain objects without strict typing.
+*/
+function getSidebarItemProps(item) {
+	const i = item;
+	return {
+		collection: i.collection,
+		global: i.global,
+		pageId: i.pageId,
+		label: i.label,
+		icon: i.icon,
+		href: i.href
+	};
+}
+/**
+* Build NavigationGroup[] from server sidebar config, using server
+* collection/global metadata for labels/icons and local navigation
+* only for page items (which are client-only).
+*/
+function useServerNavigation() {
+	const $ = c(6);
+	const { data: serverConfig } = useAdminConfig();
+	const storeNavigation = useAdminStore(_temp);
+	const basePath = useAdminStore(selectBasePath);
+	let t0;
+	bb0: {
+		const sections = serverConfig?.sidebar?.sections;
+		if (!sections?.length) {
+			t0 = void 0;
+			break bb0;
+		}
+		let t1;
+		if ($[0] !== basePath || $[1] !== sections || $[2] !== serverConfig?.collections || $[3] !== serverConfig?.globals || $[4] !== storeNavigation) {
+			const pageMap = /* @__PURE__ */ new Map();
+			for (const group of storeNavigation ?? []) for (const element of group.items ?? []) if (element.type !== "divider" && "id" in element) {
+				const navItem = element;
+				if (navItem.type === "page") pageMap.set(navItem.id, navItem);
+			}
+			const convertItem = function convertItem$1(item) {
+				const props = getSidebarItemProps(item);
+				switch (item.type) {
+					case "collection": {
+						const collectionName = props.collection;
+						const meta_0 = serverConfig?.collections?.[collectionName];
+						return {
+							id: `collection:${collectionName}`,
+							label: props.label ?? meta_0?.label ?? formatLabel(collectionName),
+							href: `${basePath}/collections/${collectionName}`,
+							icon: props.icon ?? meta_0?.icon,
+							type: "collection",
+							order: 0
+						};
+					}
+					case "global": {
+						const globalName = props.global;
+						const meta = serverConfig?.globals?.[globalName];
+						return {
+							id: `global:${globalName}`,
+							label: props.label ?? meta?.label ?? formatLabel(globalName),
+							href: `${basePath}/globals/${globalName}`,
+							icon: props.icon ?? meta?.icon,
+							type: "global",
+							order: 0
+						};
+					}
+					case "page": {
+						const found = pageMap.get(`page:${props.pageId}`);
+						if (!found) return;
+						return {
+							...found,
+							label: props.label ?? found.label,
+							icon: props.icon ?? found.icon
+						};
+					}
+					case "link": return {
+						id: `link:${props.href}`,
+						label: props.label ?? "",
+						href: props.href,
+						icon: props.icon,
+						type: "link",
+						order: 0
+					};
+					case "divider": return { type: "divider" };
+					default: return;
+				}
+			};
+			function convertSection(section) {
+				return {
+					id: section.id,
+					label: section.title,
+					icon: section.icon,
+					collapsible: section.collapsible,
+					items: (section.items ?? []).map(convertItem).filter(_temp2),
+					sections: section.sections?.map(convertSection)
+				};
+			}
+			t1 = sections.map(convertSection);
+			$[0] = basePath;
+			$[1] = sections;
+			$[2] = serverConfig?.collections;
+			$[3] = serverConfig?.globals;
+			$[4] = storeNavigation;
+			$[5] = t1;
+		} else t1 = $[5];
+		t0 = t1;
+	}
+	return t0;
+}
+function _temp2(i) {
+	return i !== void 0;
+}
+function _temp(s) {
+	return s.navigation;
+}
+function useSidebarProps(props) {
+	const $ = c(6);
+	const storeNavigation = useAdminStore(_temp3);
+	const storeBrandName = useAdminStore(_temp4);
+	const serverNavigation = useServerNavigation();
+	let t0;
+	if ($[0] !== serverNavigation || $[1] !== storeNavigation) {
+		t0 = serverNavigation ?? storeNavigation ?? [];
+		$[0] = serverNavigation;
+		$[1] = storeNavigation;
+		$[2] = t0;
+	} else t0 = $[2];
+	const t1 = props.brandName ?? storeBrandName ?? "Admin";
+	let t2;
+	if ($[3] !== t0 || $[4] !== t1) {
+		t2 = {
+			navigation: t0,
+			brandName: t1
+		};
+		$[3] = t0;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+}
+/**
+* Render an icon - handles ComponentReference and React components.
+*
+* @example
+* ```tsx
+* // React component
+* <RenderIcon icon={UsersIcon} />
+*
+* // Server-defined reference
+* <RenderIcon icon={{ type: "icon", props: { name: "ph:users" } }} />
+* ```
+*/
+function _temp4(s_0) {
+	return s_0.brandName;
+}
+function _temp3(s) {
+	return s.navigation;
+}
+function areIconValuesEqual(a, b) {
+	if (a === b) return true;
+	if (!a || !b) return false;
+	if (typeof a === "object" && typeof b === "object" && "type" in a && "type" in b) {
+		const aRef = a;
+		const bRef = b;
+		if (aRef.type !== bRef.type) return false;
+		const aProps = aRef.props ?? {};
+		const bProps = bRef.props ?? {};
+		const aKeys = Object.keys(aProps);
+		const bKeys = Object.keys(bProps);
+		if (aKeys.length !== bKeys.length) return false;
+		for (const key of aKeys) if (aProps[key] !== bProps[key]) return false;
+		return true;
+	}
+	return false;
+}
+const RenderIcon = React.memo(function RenderIcon$1(props) {
+	const $ = c(10);
+	const { icon, className } = props;
+	let t0;
+	if ($[0] !== className) {
+		t0 = cn("size-4 shrink-0", className);
+		$[0] = className;
+		$[1] = t0;
+	} else t0 = $[1];
+	const mergedClassName = t0;
+	let t1;
+	if ($[2] !== mergedClassName) {
+		t1 = { className: mergedClassName };
+		$[2] = mergedClassName;
+		$[3] = t1;
+	} else t1 = $[3];
+	const additionalProps = t1;
+	if (!icon) return null;
+	if (typeof icon === "object" && icon !== null && "type" in icon) {
+		const t2$1 = icon;
+		let t3;
+		if ($[4] !== additionalProps || $[5] !== t2$1) {
+			t3 = /* @__PURE__ */ jsx(ComponentRenderer, {
+				reference: t2$1,
+				additionalProps
+			});
+			$[4] = additionalProps;
+			$[5] = t2$1;
+			$[6] = t3;
+		} else t3 = $[6];
+		return t3;
+	}
+	const IconComp = icon;
+	let t2;
+	if ($[7] !== IconComp || $[8] !== mergedClassName) {
+		t2 = /* @__PURE__ */ jsx(IconComp, { className: mergedClassName });
+		$[7] = IconComp;
+		$[8] = mergedClassName;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}, (prev, next) => {
+	if (prev.className !== next.className) return false;
+	return areIconValuesEqual(prev.icon, next.icon);
+});
+function QuestpieSymbol(t0) {
+	const $ = c(7);
+	const { className } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = cn("size-6 shrink-0", className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	let t3;
+	let t4;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx("title", { children: "QUESTPIE" });
+		t3 = /* @__PURE__ */ jsx("path", {
+			d: "M22 10V2H2V22H10",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "square",
+			className: "text-[#0a0a0a] dark:text-white"
+		});
+		t4 = /* @__PURE__ */ jsx("path", {
+			d: "M23 13H13V23H23V13Z",
+			fill: "#B700FF"
+		});
+		$[2] = t2;
+		$[3] = t3;
+		$[4] = t4;
+	} else {
+		t2 = $[2];
+		t3 = $[3];
+		t4 = $[4];
+	}
+	let t5;
+	if ($[5] !== t1) {
+		t5 = /* @__PURE__ */ jsxs("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			className: t1,
+			children: [
+				t2,
+				t3,
+				t4
+			]
+		});
+		$[5] = t1;
+		$[6] = t5;
+	} else t5 = $[6];
+	return t5;
+}
+/**
+* Check if element is a navigation item (not divider)
+*/
+function isNavigationItem(element) {
+	return element.type !== "divider";
+}
+function normalizeRoute(route) {
+	return route?.replace(/\/+$/, "");
+}
+function isRouteActive(activeRoute, itemHref, basePath, exact = false) {
+	if (!activeRoute) return false;
+	const normalizedActive = normalizeRoute(activeRoute);
+	const normalizedItem = normalizeRoute(itemHref);
+	const normalizedBase = normalizeRoute(basePath);
+	if (!normalizedActive || !normalizedItem) return false;
+	if (normalizedActive === normalizedItem) return true;
+	if (exact || normalizedItem === normalizedBase) return false;
+	return normalizedActive.startsWith(`${normalizedItem}/`);
+}
+/**
+* Menu button styles - QUESTPIE design: clean, technical look
+*/
+const menuButtonStyles = cn("flex w-full items-center gap-2.5 px-3 py-2 text-sm font-medium transition-colors duration-150", "text-sidebar-foreground hover:text-sidebar-foreground hover:bg-sidebar-accent", "focus-visible:ring-sidebar-ring focus-visible:ring-1 focus-visible:outline-none", "group-data-[collapsible=icon]:size-8 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-2");
+const menuButtonActiveStyles = cn("bg-sidebar-primary/10 text-sidebar-primary");
+/**
+* Active indicator bar positioned at the sidebar group edge.
+* Uses negative left offset to compensate for SidebarGroupContent nesting padding.
+*/
+function ActiveIndicator(t0) {
+	const $ = c(2);
+	const { depth } = t0;
+	const t1 = `${-depth * .75}rem`;
+	let t2;
+	if ($[0] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: "bg-sidebar-primary absolute top-0 bottom-0 w-0.5",
+			style: { left: t1 },
+			"aria-hidden": "true"
+		});
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	return t2;
+}
+function NavItem(t0) {
+	const $ = c(66);
+	const { item, isActive, LinkComponent, renderNavItem, useActiveProps, className, depth: t1 } = t0;
+	const depth = t1 === void 0 ? 0 : t1;
+	const { state, isMobile, setOpenMobile } = useSidebar();
+	const collapsed = state === "collapsed";
+	const resolveText = useResolveText();
+	let t2;
+	if ($[0] !== isMobile || $[1] !== setOpenMobile) {
+		t2 = () => {
+			if (isMobile) setOpenMobile(false);
+		};
+		$[0] = isMobile;
+		$[1] = setOpenMobile;
+		$[2] = t2;
+	} else t2 = $[2];
+	const handleClick = t2;
+	if (renderNavItem) {
+		const NavItemRenderer = renderNavItem;
+		let t3$1;
+		if ($[3] !== NavItemRenderer || $[4] !== collapsed || $[5] !== isActive || $[6] !== item) {
+			t3$1 = /* @__PURE__ */ jsx(NavItemRenderer, {
+				item,
+				isActive,
+				collapsed
+			});
+			$[3] = NavItemRenderer;
+			$[4] = collapsed;
+			$[5] = isActive;
+			$[6] = item;
+			$[7] = t3$1;
+		} else t3$1 = $[7];
+		return t3$1;
+	}
+	let t3;
+	if ($[8] !== item.label || $[9] !== resolveText) {
+		t3 = resolveText(item.label);
+		$[8] = item.label;
+		$[9] = resolveText;
+		$[10] = t3;
+	} else t3 = $[10];
+	const label = t3;
+	const shouldUseExact = item.type === "link" || item.type === "page";
+	let t4;
+	if ($[11] !== shouldUseExact || $[12] !== useActiveProps) {
+		t4 = useActiveProps ? {
+			activeProps: { className: menuButtonActiveStyles },
+			activeOptions: { exact: shouldUseExact }
+		} : {};
+		$[11] = shouldUseExact;
+		$[12] = useActiveProps;
+		$[13] = t4;
+	} else t4 = $[13];
+	const linkActiveProps = t4;
+	const ariaCurrent = isActive ? "page" : void 0;
+	const t5 = item.href;
+	const t6 = collapsed ? label : void 0;
+	const t7 = isActive && "qa-sidebar__nav-link--active";
+	const t8 = isActive && menuButtonActiveStyles;
+	let t9;
+	if ($[14] !== t7 || $[15] !== t8) {
+		t9 = cn("qa-sidebar__nav-link", menuButtonStyles, t7, t8);
+		$[14] = t7;
+		$[15] = t8;
+		$[16] = t9;
+	} else t9 = $[16];
+	let t10;
+	if ($[17] !== item.icon) {
+		t10 = item.icon && /* @__PURE__ */ jsx(RenderIcon, {
+			icon: item.icon,
+			className: "qa-sidebar__nav-icon"
+		});
+		$[17] = item.icon;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] !== label) {
+		t11 = /* @__PURE__ */ jsx("span", {
+			className: "qa-sidebar__nav-label truncate group-data-[collapsible=icon]:hidden",
+			children: label
+		});
+		$[19] = label;
+		$[20] = t11;
+	} else t11 = $[20];
+	let t12;
+	if ($[21] !== LinkComponent || $[22] !== item.href || $[23] !== linkActiveProps || $[24] !== t10 || $[25] !== t11 || $[26] !== t6 || $[27] !== t9) {
+		t12 = /* @__PURE__ */ jsxs(LinkComponent, {
+			to: t5,
+			"aria-label": t6,
+			className: t9,
+			...linkActiveProps,
+			children: [t10, t11]
+		});
+		$[21] = LinkComponent;
+		$[22] = item.href;
+		$[23] = linkActiveProps;
+		$[24] = t10;
+		$[25] = t11;
+		$[26] = t6;
+		$[27] = t9;
+		$[28] = t12;
+	} else t12 = $[28];
+	const linkContent = t12;
+	if (collapsed && !isMobile) {
+		let t13$1;
+		if ($[29] !== isActive) {
+			t13$1 = isActive && /* @__PURE__ */ jsx(ActiveIndicator, { depth: 0 });
+			$[29] = isActive;
+			$[30] = t13$1;
+		} else t13$1 = $[30];
+		const t14$1 = item.href;
+		const t15$1 = isActive && "qa-sidebar__nav-link--active";
+		const t16 = isActive && menuButtonActiveStyles;
+		let t17;
+		if ($[31] !== t15$1 || $[32] !== t16) {
+			t17 = cn("qa-sidebar__nav-link", menuButtonStyles, t15$1, t16);
+			$[31] = t15$1;
+			$[32] = t16;
+			$[33] = t17;
+		} else t17 = $[33];
+		let t18;
+		if ($[34] !== item.icon) {
+			t18 = item.icon && /* @__PURE__ */ jsx(RenderIcon, { icon: item.icon });
+			$[34] = item.icon;
+			$[35] = t18;
+		} else t18 = $[35];
+		let t19;
+		if ($[36] !== label) {
+			t19 = /* @__PURE__ */ jsx("span", {
+				className: "truncate group-data-[collapsible=icon]:hidden",
+				children: label
+			});
+			$[36] = label;
+			$[37] = t19;
+		} else t19 = $[37];
+		let t20;
+		if ($[38] !== LinkComponent || $[39] !== item.href || $[40] !== linkActiveProps || $[41] !== t17 || $[42] !== t18 || $[43] !== t19) {
+			t20 = /* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs(LinkComponent, {
+				to: t14$1,
+				className: t17,
+				...linkActiveProps,
+				children: [t18, t19]
+			}) });
+			$[38] = LinkComponent;
+			$[39] = item.href;
+			$[40] = linkActiveProps;
+			$[41] = t17;
+			$[42] = t18;
+			$[43] = t19;
+			$[44] = t20;
+		} else t20 = $[44];
+		let t21;
+		if ($[45] !== label) {
+			t21 = /* @__PURE__ */ jsx(TooltipContent, {
+				side: "right",
+				align: "center",
+				children: label
+			});
+			$[45] = label;
+			$[46] = t21;
+		} else t21 = $[46];
+		let t22;
+		if ($[47] !== t20 || $[48] !== t21) {
+			t22 = /* @__PURE__ */ jsxs(Tooltip, { children: [t20, t21] });
+			$[47] = t20;
+			$[48] = t21;
+			$[49] = t22;
+		} else t22 = $[49];
+		let t23;
+		if ($[50] !== ariaCurrent || $[51] !== handleClick || $[52] !== t13$1 || $[53] !== t22) {
+			t23 = /* @__PURE__ */ jsxs(SidebarMenuItem, {
+				className: "qa-sidebar__nav-item",
+				onClickCapture: handleClick,
+				"aria-current": ariaCurrent,
+				children: [t13$1, t22]
+			});
+			$[50] = ariaCurrent;
+			$[51] = handleClick;
+			$[52] = t13$1;
+			$[53] = t22;
+			$[54] = t23;
+		} else t23 = $[54];
+		return t23;
+	}
+	let t13;
+	if ($[55] !== className) {
+		t13 = cn("qa-sidebar__nav-item", className);
+		$[55] = className;
+		$[56] = t13;
+	} else t13 = $[56];
+	let t14;
+	if ($[57] !== depth || $[58] !== isActive) {
+		t14 = isActive && /* @__PURE__ */ jsx(ActiveIndicator, { depth });
+		$[57] = depth;
+		$[58] = isActive;
+		$[59] = t14;
+	} else t14 = $[59];
+	let t15;
+	if ($[60] !== ariaCurrent || $[61] !== handleClick || $[62] !== linkContent || $[63] !== t13 || $[64] !== t14) {
+		t15 = /* @__PURE__ */ jsxs(SidebarMenuItem, {
+			className: t13,
+			onClickCapture: handleClick,
+			"aria-current": ariaCurrent,
+			children: [t14, linkContent]
+		});
+		$[60] = ariaCurrent;
+		$[61] = handleClick;
+		$[62] = linkContent;
+		$[63] = t13;
+		$[64] = t14;
+		$[65] = t15;
+	} else t15 = $[65];
+	return t15;
+}
+const SIDEBAR_COLLAPSED_SECTIONS_KEY = "sidebar:collapsed-sections";
+/**
+* Hook to manage sidebar section collapse state, persisted in admin preferences.
+* Returns the collapsed map and a toggle function.
+* Collapsible sections default to collapsed (true) when no preference is stored.
+*/
+function useSidebarCollapsedSections() {
+	const $ = c(13);
+	const user = useCurrentUser();
+	const queryClient = useQueryClient();
+	const { data: stored, isLoading } = useAdminPreference(SIDEBAR_COLLAPSED_SECTIONS_KEY);
+	const { mutate: persist } = useSetAdminPreference(SIDEBAR_COLLAPSED_SECTIONS_KEY);
+	const t0 = user?.id;
+	let t1;
+	if ($[0] !== t0) {
+		t1 = getAdminPreferenceQueryKey(t0, SIDEBAR_COLLAPSED_SECTIONS_KEY);
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const queryKey = t1;
+	let t2;
+	if ($[2] !== stored) {
+		t2 = (sectionId, collapsible) => {
+			if (!collapsible || !sectionId) return false;
+			return stored?.[sectionId] ?? false;
+		};
+		$[2] = stored;
+		$[3] = t2;
+	} else t2 = $[3];
+	const isSectionCollapsed = t2;
+	let t3;
+	if ($[4] !== persist || $[5] !== queryClient || $[6] !== queryKey || $[7] !== stored) {
+		t3 = (sectionId_0) => {
+			const current = stored ?? {};
+			const isCurrentlyCollapsed = current[sectionId_0] ?? false;
+			const next = {
+				...current,
+				[sectionId_0]: !isCurrentlyCollapsed
+			};
+			queryClient.setQueryData(queryKey, next);
+			persist(next);
+		};
+		$[4] = persist;
+		$[5] = queryClient;
+		$[6] = queryKey;
+		$[7] = stored;
+		$[8] = t3;
+	} else t3 = $[8];
+	const toggleSection = t3;
+	let t4;
+	if ($[9] !== isLoading || $[10] !== isSectionCollapsed || $[11] !== toggleSection) {
+		t4 = {
+			isSectionCollapsed,
+			toggleSection,
+			isLoading
+		};
+		$[9] = isLoading;
+		$[10] = isSectionCollapsed;
+		$[11] = toggleSection;
+		$[12] = t4;
+	} else t4 = $[12];
+	return t4;
+}
+function NavGroup(t0) {
+	const $ = c(26);
+	const { group, activeRoute, LinkComponent, renderNavItem, basePath, useActiveProps, isSectionCollapsed, toggleSection, depth: t1 } = t0;
+	const depth = t1 === void 0 ? 0 : t1;
+	const isCollapsed = isSectionCollapsed(group.id, group.collapsible);
+	const resolveText = useResolveText();
+	let t2;
+	if ($[0] !== group.label || $[1] !== resolveText) {
+		t2 = resolveText(group.label);
+		$[0] = group.label;
+		$[1] = resolveText;
+		$[2] = t2;
+	} else t2 = $[2];
+	const groupLabel = t2;
+	let t3;
+	if ($[3] !== group.items) {
+		t3 = group.items ?? [];
+		$[3] = group.items;
+		$[4] = t3;
+	} else t3 = $[4];
+	const items = t3;
+	let t4;
+	if ($[5] !== group.sections) {
+		t4 = group.sections ?? [];
+		$[5] = group.sections;
+		$[6] = t4;
+	} else t4 = $[6];
+	const sections = t4;
+	const hasContent = items.length > 0 || sections.length > 0;
+	const T0 = SidebarGroup;
+	const t5 = "qa-sidebar__group";
+	const t6 = groupLabel && /* @__PURE__ */ jsxs(SidebarGroupLabel, {
+		className: cn("qa-sidebar__group-label mt-2 gap-2 px-3", group.collapsible && "hover:text-sidebar-foreground cursor-pointer", depth > 0 && "pl-6"),
+		role: group.collapsible ? "button" : void 0,
+		tabIndex: group.collapsible ? 0 : void 0,
+		"aria-expanded": group.collapsible ? !isCollapsed : void 0,
+		onClick: group.collapsible && group.id ? () => toggleSection(group.id) : void 0,
+		onKeyDown: group.collapsible && group.id ? (e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				toggleSection(group.id);
+			}
+		} : void 0,
+		children: [
+			group.icon && /* @__PURE__ */ jsx(RenderIcon, {
+				icon: group.icon,
+				className: "size-3.5"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "flex-1 text-left font-mono",
+				children: groupLabel
+			}),
+			group.collapsible && /* @__PURE__ */ jsx(Icon, {
+				icon: "ph:caret-down",
+				className: cn("size-3.5 transition-transform", isCollapsed && "-rotate-90"),
+				"aria-hidden": "true"
+			})
+		]
+	});
+	let t7;
+	if ($[7] !== LinkComponent || $[8] !== activeRoute || $[9] !== basePath || $[10] !== depth || $[11] !== group.id || $[12] !== groupLabel || $[13] !== hasContent || $[14] !== isCollapsed || $[15] !== isSectionCollapsed || $[16] !== items || $[17] !== renderNavItem || $[18] !== sections || $[19] !== toggleSection || $[20] !== useActiveProps) {
+		t7 = !isCollapsed && hasContent && /* @__PURE__ */ jsxs(SidebarGroupContent, {
+			className: cn(depth > 0 && "pl-3"),
+			children: [items.length > 0 && /* @__PURE__ */ jsx(SidebarMenu, { children: items.map((element, elementIndex) => {
+				if (!isNavigationItem(element)) return /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" }, `${group.id ?? groupLabel ?? "group"}-divider-${elementIndex}`);
+				const shouldUseExact = element.type === "link" || element.type === "page";
+				return /* @__PURE__ */ jsx(NavItem, {
+					item: element,
+					isActive: isRouteActive(activeRoute, element.href, basePath, shouldUseExact),
+					LinkComponent,
+					renderNavItem,
+					useActiveProps,
+					depth
+				}, element.id);
+			}) }), sections.map((subSection) => /* @__PURE__ */ jsx(NavGroup, {
+				group: subSection,
+				activeRoute,
+				LinkComponent,
+				renderNavItem,
+				basePath,
+				useActiveProps,
+				isSectionCollapsed,
+				toggleSection,
+				depth: depth + 1
+			}, subSection.id))]
+		});
+		$[7] = LinkComponent;
+		$[8] = activeRoute;
+		$[9] = basePath;
+		$[10] = depth;
+		$[11] = group.id;
+		$[12] = groupLabel;
+		$[13] = hasContent;
+		$[14] = isCollapsed;
+		$[15] = isSectionCollapsed;
+		$[16] = items;
+		$[17] = renderNavItem;
+		$[18] = sections;
+		$[19] = toggleSection;
+		$[20] = useActiveProps;
+		$[21] = t7;
+	} else t7 = $[21];
+	let t8;
+	if ($[22] !== T0 || $[23] !== t6 || $[24] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(T0, {
+			className: t5,
+			children: [t6, t7]
+		});
+		$[22] = T0;
+		$[23] = t6;
+		$[24] = t7;
+		$[25] = t8;
+	} else t8 = $[25];
+	return t8;
+}
+/**
+* Loading skeleton for UserFooter
+*/
+function UserFooterSkeleton(t0) {
+	const $ = c(8);
+	const { collapsed } = t0;
+	const t1 = collapsed && "justify-center";
+	let t2;
+	if ($[0] !== t1) {
+		t2 = cn("flex items-center gap-2.5 p-2", t1);
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Skeleton, { className: "size-8 shrink-0" });
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== collapsed) {
+		t4 = !collapsed && /* @__PURE__ */ jsxs("div", {
+			className: "grid flex-1 gap-1",
+			children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-2 w-32" })]
+		});
+		$[3] = collapsed;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== t2 || $[6] !== t4) {
+		t5 = /* @__PURE__ */ jsx(SidebarFooter, {
+			className: "border-sidebar-border border-t p-2",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: t2,
+				children: [t3, t4]
+			})
+		});
+		$[5] = t2;
+		$[6] = t4;
+		$[7] = t5;
+	} else t5 = $[7];
+	return t5;
+}
+function UserFooter() {
+	const $ = c(84);
+	const { state, isMobile, setOpenMobile } = useSidebar();
+	const collapsed = state === "collapsed";
+	const authClient = useAuthClientSafe();
+	const { user, isPending } = useSessionState();
+	const navigate = useAdminStore(selectNavigate);
+	const basePath = useAdminStore(selectBasePath);
+	const admin = useAdminStore(selectAdmin);
+	const { t, locale: uiLocale, setLocale: setUiLocale, getLocaleName } = useTranslation();
+	const i18nAdapter = useSafeI18n();
+	const localeConfig = admin.getLocale();
+	const uiLocales = i18nAdapter?.locales ?? localeConfig.supported ?? ["en"];
+	const hasMultipleUiLocales = uiLocales.length > 1;
+	let t0;
+	if ($[0] !== getLocaleName) {
+		t0 = (code) => ({
+			code,
+			label: getLocaleName(code)
+		});
+		$[0] = getLocaleName;
+		$[1] = t0;
+	} else t0 = $[1];
+	const uiLocaleOptions = uiLocales.map(t0);
+	const contentLocales = useSafeContentLocales();
+	const contentLocale = useAdminStore(selectContentLocale);
+	const setContentLocale = useAdminStore(selectSetContentLocale);
+	const hasMultipleContentLocales = (contentLocales?.locales?.length ?? 0) > 1;
+	let t1;
+	if ($[2] !== isMobile || $[3] !== setOpenMobile) {
+		t1 = () => {
+			if (isMobile) setOpenMobile(false);
+		};
+		$[2] = isMobile;
+		$[3] = setOpenMobile;
+		$[4] = t1;
+	} else t1 = $[4];
+	const closeSidebarOnMobile = t1;
+	let t2;
+	if ($[5] !== authClient || $[6] !== basePath || $[7] !== closeSidebarOnMobile || $[8] !== navigate || $[9] !== t) {
+		t2 = async () => {
+			if (!authClient) return;
+			try {
+				await authClient.signOut();
+				closeSidebarOnMobile();
+				navigate(`${basePath}/login`);
+			} catch (t3$1) {
+				toast.error(t("auth.logoutFailed"));
+			}
+		};
+		$[5] = authClient;
+		$[6] = basePath;
+		$[7] = closeSidebarOnMobile;
+		$[8] = navigate;
+		$[9] = t;
+		$[10] = t2;
+	} else t2 = $[10];
+	const handleLogout = t2;
+	let t3;
+	if ($[11] !== basePath || $[12] !== closeSidebarOnMobile || $[13] !== navigate || $[14] !== user) {
+		t3 = () => {
+			if (user?.id) {
+				closeSidebarOnMobile();
+				navigate(`${basePath}/collections/user/${user.id}`);
+			}
+		};
+		$[11] = basePath;
+		$[12] = closeSidebarOnMobile;
+		$[13] = navigate;
+		$[14] = user;
+		$[15] = t3;
+	} else t3 = $[15];
+	const handleMyAccount = t3;
+	if (isPending) {
+		let t4$1;
+		if ($[16] !== collapsed) {
+			t4$1 = /* @__PURE__ */ jsx(UserFooterSkeleton, { collapsed });
+			$[16] = collapsed;
+			$[17] = t4$1;
+		} else t4$1 = $[17];
+		return t4$1;
+	}
+	if (!authClient || !user) return null;
+	let t4;
+	if ($[18] !== user.email || $[19] !== user.name) {
+		t4 = user.name || user.email?.split("@")[0] || "User";
+		$[18] = user.email;
+		$[19] = user.name;
+		$[20] = t4;
+	} else t4 = $[20];
+	const displayName = t4;
+	const displayEmail = user.email || "";
+	const T0 = SidebarFooter;
+	const t5 = "qa-sidebar__footer border-sidebar-border border-t p-2";
+	const T1 = SidebarMenu;
+	const T2 = SidebarMenuItem;
+	const T3 = DropdownMenu;
+	const t6 = collapsed && "justify-center";
+	let t7;
+	if ($[21] !== t6) {
+		t7 = cn("flex w-full items-center gap-2.5 p-2 text-left transition-colors duration-150", "hover:bg-sidebar-accent text-sidebar-foreground", "focus-visible:ring-sidebar-ring focus-visible:ring-1 focus-visible:outline-none", t6);
+		$[21] = t6;
+		$[22] = t7;
+	} else t7 = $[22];
+	let t8;
+	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx("div", {
+			className: "qa-sidebar__user-avatar bg-sidebar-primary/10 text-sidebar-primary border-sidebar-primary/20 flex size-8 shrink-0 items-center justify-center border",
+			children: /* @__PURE__ */ jsx(Icon, {
+				icon: "ph:user-bold",
+				className: "size-4"
+			})
+		});
+		$[23] = t8;
+	} else t8 = $[23];
+	let t9;
+	if ($[24] !== collapsed || $[25] !== displayEmail || $[26] !== displayName) {
+		t9 = !collapsed && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+			className: "grid flex-1 text-left leading-tight",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "qa-sidebar__user-name truncate text-xs font-medium",
+				children: displayName
+			}), /* @__PURE__ */ jsx("span", {
+				className: "qa-sidebar__user-email text-sidebar-foreground/70 truncate text-[10px]",
+				children: displayEmail
+			})]
+		}), /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:caret-up-down",
+			className: "text-sidebar-foreground/60 ml-auto size-3.5",
+			"aria-hidden": "true"
+		})] });
+		$[24] = collapsed;
+		$[25] = displayEmail;
+		$[26] = displayName;
+		$[27] = t9;
+	} else t9 = $[27];
+	let t10;
+	if ($[28] !== t7 || $[29] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(DropdownMenuTrigger, {
+			className: t7,
+			children: [t8, t9]
+		});
+		$[28] = t7;
+		$[29] = t9;
+		$[30] = t10;
+	} else t10 = $[30];
+	const T4 = DropdownMenuContent;
+	const t11 = collapsed ? "right" : "top";
+	const t12 = collapsed ? "start" : "start";
+	const t13 = "w-56";
+	let t14;
+	if ($[31] !== displayName) {
+		t14 = /* @__PURE__ */ jsx("p", {
+			className: "text-xs font-medium",
+			children: displayName
+		});
+		$[31] = displayName;
+		$[32] = t14;
+	} else t14 = $[32];
+	let t15;
+	if ($[33] !== displayEmail) {
+		t15 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-[10px]",
+			children: displayEmail
+		});
+		$[33] = displayEmail;
+		$[34] = t15;
+	} else t15 = $[34];
+	let t16;
+	if ($[35] !== user.role) {
+		t16 = user.role && /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mt-0.5 text-[10px] capitalize",
+			children: user.role
+		});
+		$[35] = user.role;
+		$[36] = t16;
+	} else t16 = $[36];
+	let t17;
+	if ($[37] !== t14 || $[38] !== t15 || $[39] !== t16) {
+		t17 = /* @__PURE__ */ jsxs("div", {
+			className: "px-2 py-1.5",
+			children: [
+				t14,
+				t15,
+				t16
+			]
+		});
+		$[37] = t14;
+		$[38] = t15;
+		$[39] = t16;
+		$[40] = t17;
+	} else t17 = $[40];
+	let t18;
+	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+		t18 = /* @__PURE__ */ jsx(DropdownMenuSeparator, {});
+		$[41] = t18;
+	} else t18 = $[41];
+	let t19;
+	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
+		t19 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:user-circle",
+			className: "size-4"
+		});
+		$[42] = t19;
+	} else t19 = $[42];
+	let t20;
+	if ($[43] !== t) {
+		t20 = t("auth.myAccount");
+		$[43] = t;
+		$[44] = t20;
+	} else t20 = $[44];
+	let t21;
+	if ($[45] !== handleMyAccount || $[46] !== t20) {
+		t21 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
+			onClick: handleMyAccount,
+			children: [t19, t20]
+		});
+		$[45] = handleMyAccount;
+		$[46] = t20;
+		$[47] = t21;
+	} else t21 = $[47];
+	const t22 = hasMultipleUiLocales && /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [/* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:globe" }), t("locale.uiLanguage")] }), /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: uiLocaleOptions.map((locale) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+		onClick: () => setUiLocale(locale.code),
+		children: [
+			/* @__PURE__ */ jsx("img", {
+				src: getFlagUrl(locale.code),
+				alt: locale.code,
+				className: "h-3 w-4 object-cover",
+				onError: _temp5
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "w-6 text-xs font-medium uppercase",
+				children: locale.code
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "flex-1",
+				children: locale.label
+			}),
+			locale.code === uiLocale && /* @__PURE__ */ jsx(Icon, {
+				icon: "ph:check",
+				className: "text-primary size-4"
+			})
+		]
+	}, locale.code)) })] });
+	let t23;
+	if ($[48] !== contentLocale || $[49] !== contentLocales || $[50] !== hasMultipleContentLocales || $[51] !== setContentLocale || $[52] !== t) {
+		t23 = hasMultipleContentLocales && /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [/* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:translate" }), t("locale.contentLanguage")] }), /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: contentLocales.locales.map((locale_0) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+			onClick: () => setContentLocale(locale_0.code),
+			children: [
+				/* @__PURE__ */ jsx("img", {
+					src: getFlagUrl(locale_0.flagCountryCode ?? locale_0.code),
+					alt: locale_0.code,
+					className: "h-3 w-4 object-cover",
+					onError: _temp6
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "w-6 text-xs font-medium uppercase",
+					children: locale_0.code
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "flex-1",
+					children: locale_0.label ?? locale_0.code
+				}),
+				locale_0.code === contentLocale && /* @__PURE__ */ jsx(Icon, {
+					icon: "ph:check",
+					className: "text-primary size-4"
+				})
+			]
+		}, locale_0.code)) })] });
+		$[48] = contentLocale;
+		$[49] = contentLocales;
+		$[50] = hasMultipleContentLocales;
+		$[51] = setContentLocale;
+		$[52] = t;
+		$[53] = t23;
+	} else t23 = $[53];
+	let t24;
+	if ($[54] === Symbol.for("react.memo_cache_sentinel")) {
+		t24 = /* @__PURE__ */ jsx(DropdownMenuSeparator, {});
+		$[54] = t24;
+	} else t24 = $[54];
+	let t25;
+	if ($[55] === Symbol.for("react.memo_cache_sentinel")) {
+		t25 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:sign-out",
+			className: "size-4"
+		});
+		$[55] = t25;
+	} else t25 = $[55];
+	let t26;
+	if ($[56] !== t) {
+		t26 = t("auth.logout");
+		$[56] = t;
+		$[57] = t26;
+	} else t26 = $[57];
+	let t27;
+	if ($[58] !== handleLogout || $[59] !== t26) {
+		t27 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
+			variant: "destructive",
+			onClick: handleLogout,
+			children: [t25, t26]
+		});
+		$[58] = handleLogout;
+		$[59] = t26;
+		$[60] = t27;
+	} else t27 = $[60];
+	let t28;
+	if ($[61] !== T4 || $[62] !== t11 || $[63] !== t12 || $[64] !== t17 || $[65] !== t18 || $[66] !== t21 || $[67] !== t22 || $[68] !== t23 || $[69] !== t27) {
+		t28 = /* @__PURE__ */ jsxs(T4, {
+			side: t11,
+			align: t12,
+			className: t13,
+			children: [
+				t17,
+				t18,
+				t21,
+				t22,
+				t23,
+				t24,
+				t27
+			]
+		});
+		$[61] = T4;
+		$[62] = t11;
+		$[63] = t12;
+		$[64] = t17;
+		$[65] = t18;
+		$[66] = t21;
+		$[67] = t22;
+		$[68] = t23;
+		$[69] = t27;
+		$[70] = t28;
+	} else t28 = $[70];
+	let t29;
+	if ($[71] !== T3 || $[72] !== t10 || $[73] !== t28) {
+		t29 = /* @__PURE__ */ jsxs(T3, { children: [t10, t28] });
+		$[71] = T3;
+		$[72] = t10;
+		$[73] = t28;
+		$[74] = t29;
+	} else t29 = $[74];
+	let t30;
+	if ($[75] !== T2 || $[76] !== t29) {
+		t30 = /* @__PURE__ */ jsx(T2, { children: t29 });
+		$[75] = T2;
+		$[76] = t29;
+		$[77] = t30;
+	} else t30 = $[77];
+	let t31;
+	if ($[78] !== T1 || $[79] !== t30) {
+		t31 = /* @__PURE__ */ jsx(T1, { children: t30 });
+		$[78] = T1;
+		$[79] = t30;
+		$[80] = t31;
+	} else t31 = $[80];
+	let t32;
+	if ($[81] !== T0 || $[82] !== t31) {
+		t32 = /* @__PURE__ */ jsx(T0, {
+			className: t5,
+			children: t31
+		});
+		$[81] = T0;
+		$[82] = t31;
+		$[83] = t32;
+	} else t32 = $[83];
+	return t32;
+}
+/**
+* AdminSidebar Component
+*
+* When used inside AdminProvider, navigation and brandName are automatically
+* read from context if not provided as props.
+*
+* @example
+* ```tsx
+* // With AdminProvider (automatic)
+* <AdminProvider admin={admin} client={client}>
+*   <SidebarProvider>
+*     <AdminSidebar LinkComponent={Link} activeRoute="/admin/posts" />
+*   </SidebarProvider>
+* </AdminProvider>
+*
+* // Without AdminProvider (manual)
+* <SidebarProvider>
+*   <AdminSidebar
+*     LinkComponent={Link}
+*     activeRoute="/admin/posts"
+*     brandName="My App"
+*   />
+* </SidebarProvider>
+* ```
+*/
+function _temp6(e_0) {
+	e_0.currentTarget.style.display = "none";
+}
+function _temp5(e) {
+	e.currentTarget.style.display = "none";
+}
+function AdminSidebar(t0) {
+	const $ = c(63);
+	const { LinkComponent, activeRoute, basePath: t1, brandName: brandNameProp, className, renderBrand, renderNavItem, footer, afterBrand, beforeFooter, useActiveProps: t2 } = t0;
+	const basePath = t1 === void 0 ? "/admin" : t1;
+	const useActiveProps = t2 === void 0 ? true : t2;
+	let t3;
+	if ($[0] !== brandNameProp) {
+		t3 = { brandName: brandNameProp };
+		$[0] = brandNameProp;
+		$[1] = t3;
+	} else t3 = $[1];
+	const { navigation, brandName } = useSidebarProps(t3);
+	const { state, isMobile, setOpenMobile } = useSidebar();
+	const collapsed = state === "collapsed";
+	const { isSectionCollapsed, toggleSection } = useSidebarCollapsedSections();
+	let t4;
+	if ($[2] !== isMobile || $[3] !== setOpenMobile) {
+		t4 = () => {
+			if (isMobile) setOpenMobile(false);
+		};
+		$[2] = isMobile;
+		$[3] = setOpenMobile;
+		$[4] = t4;
+	} else t4 = $[4];
+	const handleBrandClick = t4;
+	let t5;
+	if ($[5] !== brandName || $[6] !== collapsed || $[7] !== renderBrand) {
+		t5 = renderBrand ? renderBrand({
+			name: brandName,
+			collapsed
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(QuestpieSymbol, {}), !collapsed && /* @__PURE__ */ jsx("div", {
+			className: "grid flex-1 text-left leading-tight",
+			children: /* @__PURE__ */ jsx("span", {
+				className: "truncate font-bold tracking-tight",
+				children: brandName
+			})
+		})] });
+		$[5] = brandName;
+		$[6] = collapsed;
+		$[7] = renderBrand;
+		$[8] = t5;
+	} else t5 = $[8];
+	const brandContent = t5;
+	const t6 = collapsed && "justify-center";
+	let t7;
+	if ($[9] !== t6) {
+		t7 = cn("qa-sidebar__brand flex items-center gap-2.5 p-2 transition-colors duration-150", "hover:bg-sidebar-accent", t6);
+		$[9] = t6;
+		$[10] = t7;
+	} else t7 = $[10];
+	let t8;
+	if ($[11] !== LinkComponent || $[12] !== basePath || $[13] !== brandContent || $[14] !== t7) {
+		t8 = /* @__PURE__ */ jsx(LinkComponent, {
+			to: basePath,
+			className: t7,
+			children: brandContent
+		});
+		$[11] = LinkComponent;
+		$[12] = basePath;
+		$[13] = brandContent;
+		$[14] = t7;
+		$[15] = t8;
+	} else t8 = $[15];
+	const brandLink = t8;
+	let t9;
+	if ($[16] !== className) {
+		t9 = cn("qa-sidebar", className);
+		$[16] = className;
+		$[17] = t9;
+	} else t9 = $[17];
+	let t10;
+	if ($[18] !== LinkComponent || $[19] !== basePath || $[20] !== brandLink || $[21] !== brandName || $[22] !== collapsed || $[23] !== isMobile || $[24] !== renderBrand) {
+		t10 = collapsed && !isMobile ? /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(LinkComponent, {
+			to: basePath,
+			className: cn("flex items-center gap-2.5 p-2 transition-colors duration-150", "hover:bg-sidebar-accent", "justify-center"),
+			children: renderBrand ? renderBrand({
+				name: brandName,
+				collapsed: true
+			}) : /* @__PURE__ */ jsx(QuestpieSymbol, {})
+		}) }), /* @__PURE__ */ jsx(TooltipContent, {
+			side: "right",
+			children: brandName
+		})] }) : brandLink;
+		$[18] = LinkComponent;
+		$[19] = basePath;
+		$[20] = brandLink;
+		$[21] = brandName;
+		$[22] = collapsed;
+		$[23] = isMobile;
+		$[24] = renderBrand;
+		$[25] = t10;
+	} else t10 = $[25];
+	let t11;
+	if ($[26] !== handleBrandClick || $[27] !== t10) {
+		t11 = /* @__PURE__ */ jsx(SidebarHeader, {
+			className: "qa-sidebar__header border-sidebar-border border-b p-2",
+			children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, {
+				onClickCapture: handleBrandClick,
+				children: t10
+			}) })
+		});
+		$[26] = handleBrandClick;
+		$[27] = t10;
+		$[28] = t11;
+	} else t11 = $[28];
+	let t12;
+	if ($[29] !== afterBrand || $[30] !== collapsed) {
+		t12 = afterBrand && !collapsed && /* @__PURE__ */ jsx("div", {
+			className: "qa-sidebar__after-brand border-sidebar-border border-b px-3 py-2",
+			children: afterBrand
+		});
+		$[29] = afterBrand;
+		$[30] = collapsed;
+		$[31] = t12;
+	} else t12 = $[31];
+	let t13;
+	if ($[32] !== LinkComponent || $[33] !== activeRoute || $[34] !== basePath || $[35] !== isSectionCollapsed || $[36] !== navigation || $[37] !== renderNavItem || $[38] !== toggleSection || $[39] !== useActiveProps) {
+		let t14$1;
+		if ($[41] !== LinkComponent || $[42] !== activeRoute || $[43] !== basePath || $[44] !== isSectionCollapsed || $[45] !== renderNavItem || $[46] !== toggleSection || $[47] !== useActiveProps) {
+			t14$1 = (group, index) => /* @__PURE__ */ jsx(NavGroup, {
+				group,
+				activeRoute,
+				LinkComponent,
+				renderNavItem,
+				basePath,
+				useActiveProps,
+				isSectionCollapsed,
+				toggleSection
+			}, group.id ?? `group-${index}`);
+			$[41] = LinkComponent;
+			$[42] = activeRoute;
+			$[43] = basePath;
+			$[44] = isSectionCollapsed;
+			$[45] = renderNavItem;
+			$[46] = toggleSection;
+			$[47] = useActiveProps;
+			$[48] = t14$1;
+		} else t14$1 = $[48];
+		t13 = navigation.map(t14$1);
+		$[32] = LinkComponent;
+		$[33] = activeRoute;
+		$[34] = basePath;
+		$[35] = isSectionCollapsed;
+		$[36] = navigation;
+		$[37] = renderNavItem;
+		$[38] = toggleSection;
+		$[39] = useActiveProps;
+		$[40] = t13;
+	} else t13 = $[40];
+	let t14;
+	if ($[49] !== t13) {
+		t14 = /* @__PURE__ */ jsx(SidebarContent, {
+			className: "qa-sidebar__content",
+			children: /* @__PURE__ */ jsx("nav", {
+				"aria-label": "Admin navigation",
+				className: "qa-sidebar__nav",
+				children: t13
+			})
+		});
+		$[49] = t13;
+		$[50] = t14;
+	} else t14 = $[50];
+	let t15;
+	if ($[51] !== beforeFooter || $[52] !== collapsed) {
+		t15 = beforeFooter && !collapsed && /* @__PURE__ */ jsx("div", {
+			className: "qa-sidebar__before-footer border-sidebar-border border-t px-3 py-2",
+			children: beforeFooter
+		});
+		$[51] = beforeFooter;
+		$[52] = collapsed;
+		$[53] = t15;
+	} else t15 = $[53];
+	let t16;
+	if ($[54] !== footer) {
+		t16 = footer ?? /* @__PURE__ */ jsx(UserFooter, {});
+		$[54] = footer;
+		$[55] = t16;
+	} else t16 = $[55];
+	let t17;
+	if ($[56] !== t11 || $[57] !== t12 || $[58] !== t14 || $[59] !== t15 || $[60] !== t16 || $[61] !== t9) {
+		t17 = /* @__PURE__ */ jsxs(Sidebar, {
+			collapsible: "icon",
+			className: t9,
+			children: [
+				t11,
+				t12,
+				t14,
+				t15,
+				t16
+			]
+		});
+		$[56] = t11;
+		$[57] = t12;
+		$[58] = t14;
+		$[59] = t15;
+		$[60] = t16;
+		$[61] = t9;
+		$[62] = t17;
+	} else t17 = $[62];
+	return t17;
+}
+
+//#endregion
+export { AdminSidebar };