@classytic/fluid 0.4.1 → 0.5.0

package/dist/dashboard.mjs

@@ -1,25 +1,186 @@
 "use client";
 
 import { t as cn } from "./utils-DQ5SCVoW.mjs";
-import { t as useIsMobile } from "./use-mobile-BX3SQVo2.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Skeleton } from "@/components/ui/skeleton";
+import { t as useIsMobile } from "./use-mobile-CnEmFiQx.mjs";
 import * as React$1 from "react";
-import React, { Suspense, useState } from "react";
+import React, { Suspense, useEffect, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Building2, Check, ChevronLeft, ChevronRight, ChevronsUpDown, CircleUserRound, LogOut, Menu } from "lucide-react";
 import { Button } from "@/components/ui/button";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Badge } from "@/components/ui/badge";
+import { Skeleton } from "@/components/ui/skeleton";
+import { usePathname } from "next/navigation";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
-import { Badge } from "@/components/ui/badge";
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { Sheet, SheetContent, SheetDescription, SheetTitle, SheetTrigger } from "@/components/ui/sheet";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { Separator } from "@/components/ui/separator";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarTrigger, useSidebar } from "@/components/ui/sidebar";
 import Link from "next/link";
 import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "@/components/ui/breadcrumb";
-import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarRail, SidebarTrigger, useSidebar } from "@/components/ui/sidebar";
 
+//#region src/components/client-only.tsx
+/**
+* Renders children only on the client after hydration.
+* Use for components with Base UI auto-generated IDs that cause hydration mismatches.
+*/
+function ClientOnly({ children, fallback = null }) {
+	const [mounted, setMounted] = useState(false);
+	useEffect(() => setMounted(true), []);
+	if (!mounted) return fallback;
+	return children;
+}
+
+//#endregion
+//#region src/hooks/use-dashboard-breadcrumbs.ts
+function humanize(slug) {
+	return slug.replace(/[-_]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+}
+function useDashboardBreadcrumbs(basePath, options = {}) {
+	const pathname = usePathname();
+	const { labelOverrides = {}, hideSegments = [], baseLabel = "Home" } = options;
+	return useMemo(() => {
+		const normalizedBase = basePath.replace(/\/+$/, "");
+		const visibleSegments = (pathname.startsWith(normalizedBase) ? pathname.slice(normalizedBase.length) : pathname).split("/").filter(Boolean).filter((s) => !hideSegments.includes(s));
+		const crumbs = [{
+			label: baseLabel,
+			href: normalizedBase || "/"
+		}];
+		let cumulativePath = normalizedBase;
+		for (let i = 0; i < visibleSegments.length; i++) {
+			const segment = visibleSegments[i];
+			cumulativePath += `/${segment}`;
+			const isLast = i === visibleSegments.length - 1;
+			crumbs.push({
+				label: labelOverrides[segment] ?? humanize(segment),
+				href: isLast ? void 0 : cumulativePath,
+				current: isLast
+			});
+		}
+		return crumbs;
+	}, [
+		pathname,
+		basePath,
+		labelOverrides,
+		hideSegments,
+		baseLabel
+	]);
+}
+
+//#endregion
+//#region src/dashboard/dashboard-content.tsx
+const PADDING = {
+	none: "",
+	sm: "px-2",
+	md: "px-4",
+	lg: "px-6 lg:px-8"
+};
+/**
+* DashboardContent — Safe content wrapper for sidebar layouts.
+*
+* Prevents the classic flexbox overflow bug where children with
+* `max-w-*` or grid layouts extend beyond the available space
+* (behind the sidebar) by propagating `min-w-0` through the
+* flex chain.
+*
+* **Important**: `SidebarInset` also needs `min-w-0` for the
+* width constraint to propagate correctly from the flex parent.
+* Pass `className="min-w-0"` to `SidebarInset`.
+*
+* @example
+* ```tsx
+* <SidebarProvider>
+*   <AppSidebar />
+*   <SidebarInset className="min-w-0">
+*     <DashboardContent>
+*       <PageHeader items={breadcrumbs} />
+*       <MyPageContent />
+*     </DashboardContent>
+*   </SidebarInset>
+* </SidebarProvider>
+* ```
+*/
+function DashboardContent({ children, className, container = true, padding = "md" }) {
+	const containerClass = container === true ? "@container/main" : typeof container === "string" ? `@container/${container}` : "";
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-1 flex-col min-w-0", className),
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("flex flex-1 flex-col gap-2 min-w-0", containerClass, PADDING[padding]),
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/dashboard/dashboard-header.tsx
+function BreadcrumbNav({ items }) {
+	return /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: items.map((item, index) => /* @__PURE__ */ jsxs(React$1.Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, {
+		className: item.current ? "" : "hidden md:block",
+		children: item.current ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, {
+			render: /* @__PURE__ */ jsx(Link, { href: item.href || "#" }),
+			children: item.label
+		})
+	}), index < items.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, { className: "hidden md:block" })] }, `breadcrumb-${index}`)) }) });
+}
+/**
+* DashboardHeader - Top header bar for dashboard pages.
+* Includes sidebar trigger, breadcrumbs, and action slots.
+*/
+function DashboardHeader({ breadcrumbs, leftContent, rightContent, showSidebarTrigger = true, customTrigger, className, children }) {
+	return /* @__PURE__ */ jsxs("header", {
+		className: cn("flex h-12 shrink-0 items-center justify-between gap-2 px-4", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [
+				showSidebarTrigger && !customTrigger && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SidebarTrigger, { className: "-ml-1" }), /* @__PURE__ */ jsx(Separator, {
+					orientation: "vertical",
+					className: "mx-2 !h-4 !self-auto"
+				})] }),
+				customTrigger,
+				children ? children : /* @__PURE__ */ jsxs(Fragment$1, { children: [breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(BreadcrumbNav, { items: breadcrumbs }), leftContent] })
+			]
+		}), rightContent && /* @__PURE__ */ jsx("div", {
+			className: "flex items-center gap-2",
+			children: rightContent
+		})]
+	});
+}
+
+//#endregion
 //#region src/dashboard/nav-utils.ts
+/**
+* matchRoute — Check if a pathname matches a URL.
+* Exact match or prefix match with trailing slash boundary.
+*/
+function matchRoute(pathname, url) {
+	return pathname === url || url !== "/" && pathname.startsWith(url + "/");
+}
+/**
+* findActiveItem — Find the most specific matching item from a flat list.
+* Returns the item with the longest matching URL (avoids `/settings` matching `/settings/users`).
+*/
+function findActiveItem(items, pathname) {
+	let best = null;
+	for (const item of items) if (matchRoute(pathname, item.url) && (!best || item.url.length > best.url.length)) best = item;
+	return best;
+}
+/**
+* findActiveCategory — Find the category containing the best-matching item.
+* Returns { category, item } or null.
+*/
+function findActiveCategory(categories, pathname) {
+	let best = null;
+	for (const category of categories) for (const item of category.items) if (matchRoute(pathname, item.url) && (!best || item.url.length > best.length)) best = {
+		category,
+		item,
+		length: item.url.length
+	};
+	return best ? {
+		category: best.category,
+		item: best.item
+	} : null;
+}
 /** Check hidden flag, then canAccess(ctx) */
 function isItemVisible(item, ctx) {
 	if (item.hidden) return false;
@@ -109,429 +270,459 @@ function resolveCategories(categories, ctx) {
 }
 
 //#endregion
-//#region src/dashboard/header-section.tsx
-const variants = {
-	default: {
-		wrapper: "px-6 py-5 rounded-xl shadow-sm border bg-background hover:shadow-md",
-		title: "text-2xl font-semibold tracking-tight",
-		description: "text-sm text-muted-foreground",
-		iconSize: "size-10",
-		iconInner: "size-5",
-		spacing: "space-y-1"
-	},
-	compact: {
-		wrapper: "px-4 py-3 rounded-lg border bg-background/50",
-		title: "text-lg font-semibold",
-		description: "text-xs text-muted-foreground",
-		iconSize: "size-8",
-		iconInner: "size-4",
-		spacing: "space-y-0.5"
-	},
-	hero: {
-		wrapper: "px-8 py-8 rounded-2xl shadow-lg border bg-gradient-to-br from-background to-muted/20",
-		title: "text-3xl font-bold tracking-tight bg-gradient-to-r from-foreground to-foreground/70 bg-clip-text text-transparent",
-		description: "text-base text-muted-foreground mt-2",
-		iconSize: "size-14",
-		iconInner: "size-7",
-		spacing: "space-y-2"
-	},
-	minimal: {
-		wrapper: "px-0 py-2",
-		title: "text-xl font-medium",
-		description: "text-sm text-muted-foreground",
-		iconSize: "size-8",
-		iconInner: "size-4",
-		spacing: "space-y-0.5"
-	}
+//#region src/dashboard/presets/dual-sidebar/constants.ts
+const SIDEBAR_RAIL_WIDTH = "3.5rem";
+const SIDEBAR_PANEL_WIDTH = "13rem";
+const SIDEBAR_WIDTH_EXPANDED = "16.5rem";
+const SIDEBAR_WIDTH_COLLAPSED = "3.5rem";
+const SIDEBAR_PADDING = "0.5rem";
+const RAIL_STYLE = {
+	width: SIDEBAR_RAIL_WIDTH,
+	minWidth: SIDEBAR_RAIL_WIDTH
 };
-function HeaderSection({ title, description, actions = null, icon: Icon = null, iconClassName, loading = false, variant = "default", className, badge, breadcrumbs, metadata, children }) {
-	const currentVariant = variants[variant] || variants.default;
-	const isBadgeObject = (badge) => {
-		return typeof badge === "object" && badge !== null && "text" in badge;
-	};
-	if (loading && !title) return /* @__PURE__ */ jsx("div", {
-		className: cn(currentVariant.wrapper, "transition-all duration-300", className),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col sm:flex-row sm:items-center sm:justify-between",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-4",
-				children: [Icon && /* @__PURE__ */ jsx(Skeleton, { className: cn(currentVariant.iconSize, "rounded-lg") }), /* @__PURE__ */ jsxs("div", {
-					className: currentVariant.spacing,
-					children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-48" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-64 mt-1" })]
-				})]
-			}), actions && /* @__PURE__ */ jsxs("div", {
-				className: "flex gap-2 mt-4 sm:mt-0",
-				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24" })]
-			})]
-		})
+const railVariants$1 = {
+	default: "bg-sidebar",
+	dark: "bg-zinc-900 dark:bg-zinc-950",
+	primary: "bg-primary",
+	muted: "bg-muted"
+};
+const railTextVariants$1 = {
+	default: "text-sidebar-foreground",
+	dark: "text-zinc-100",
+	primary: "text-primary-foreground",
+	muted: "text-muted-foreground"
+};
+const railBorderVariants$1 = {
+	default: "border-sidebar-border",
+	dark: "border-zinc-700 dark:border-zinc-800",
+	primary: "border-primary/30",
+	muted: "border-border"
+};
+
+//#endregion
+//#region src/dashboard/sidebar-user-menu.tsx
+function getUserInitials$1(name) {
+	if (!name) return "?";
+	const names = name.trim().split(" ");
+	if (names.length === 1) return names[0].slice(0, 2).toUpperCase();
+	return (names[0][0] + names[names.length - 1][0]).toUpperCase();
+}
+function UserAvatar({ user, className }) {
+	return /* @__PURE__ */ jsxs(Avatar, {
+		className: cn("h-8 w-8 rounded-lg", className),
+		children: [/* @__PURE__ */ jsx(AvatarImage, {
+			src: user.avatar,
+			alt: user.name
+		}), /* @__PURE__ */ jsx(AvatarFallback, {
+			className: "rounded-lg bg-sidebar-primary text-sidebar-primary-foreground",
+			children: getUserInitials$1(user.name)
+		})]
 	});
+}
+function UserInfo({ user }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("transition-all duration-300", currentVariant.wrapper, className),
-		children: [
-			breadcrumbs && /* @__PURE__ */ jsx("nav", {
-				className: "mb-3 text-sm text-muted-foreground",
-				children: breadcrumbs
+		className: "grid flex-1 text-left text-sm leading-tight",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "truncate font-semibold",
+			children: user.name
+		}), /* @__PURE__ */ jsx("span", {
+			className: "truncate text-xs text-muted-foreground",
+			children: user.email
+		})]
+	});
+}
+/**
+* SidebarUserMenu - User avatar and dropdown menu for sidebar footer.
+* Accepts handlers for logout and custom menu items.
+*/
+function SidebarUserMenu({ user, menuItems = [], onLogout, className }) {
+	const { isMobile, state } = useSidebar();
+	const isCollapsed = state === "collapsed";
+	const defaultItems = [{
+		label: "Account",
+		icon: CircleUserRound,
+		href: "/dashboard/profile"
+	}];
+	const items = menuItems.length > 0 ? menuItems : defaultItems;
+	return /* @__PURE__ */ jsx(SidebarMenu, {
+		className,
+		children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsxs(DropdownMenuTrigger, {
+			render: /* @__PURE__ */ jsx(SidebarMenuButton, {
+				size: "lg",
+				tooltip: isCollapsed ? user.name : void 0,
+				className: cn("data-open:bg-sidebar-accent data-open:text-sidebar-accent-foreground", isCollapsed && !isMobile && "justify-center")
 			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex items-start sm:items-center gap-4",
-					children: [Icon && /* @__PURE__ */ jsx("div", {
-						className: cn("flex aspect-square items-center justify-center rounded-lg flex-shrink-0", "bg-primary/10 text-primary", currentVariant.iconSize, iconClassName),
-						children: /* @__PURE__ */ jsx(Icon, { className: currentVariant.iconInner })
-					}), /* @__PURE__ */ jsxs("div", {
-						className: cn("flex-1", currentVariant.spacing),
-						children: [
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2 flex-wrap",
-								children: [/* @__PURE__ */ jsx("h1", {
-									className: cn("leading-none", currentVariant.title),
-									children: title
-								}), badge && (isBadgeObject(badge) ? /* @__PURE__ */ jsx(Badge, {
-									variant: badge.variant || "secondary",
-									className: cn("ml-2", badge.className),
-									children: badge.text
-								}) : badge)]
-							}),
-							description && /* @__PURE__ */ jsx("p", {
-								className: currentVariant.description,
-								children: description
-							}),
-							metadata && /* @__PURE__ */ jsx("div", {
-								className: "flex items-center gap-4 mt-2 text-xs text-muted-foreground",
-								children: metadata.map((item, index) => /* @__PURE__ */ jsxs("div", {
-									className: "flex items-center gap-1",
-									children: [item.icon && /* @__PURE__ */ jsx(item.icon, { className: "size-3" }), /* @__PURE__ */ jsx("span", { children: item.text })]
-								}, index))
-							})
-						]
+			children: [/* @__PURE__ */ jsx(UserAvatar, { user }), (!isCollapsed || isMobile) && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(UserInfo, { user }), /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-auto size-4" })] })]
+		}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+			className: "w-(--anchor-width) min-w-56 rounded-lg",
+			side: isMobile ? "bottom" : "right",
+			align: "end",
+			sideOffset: 4,
+			children: [
+				/* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(DropdownMenuLabel, {
+					className: "p-0 font-normal",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm",
+						children: [/* @__PURE__ */ jsx(UserAvatar, { user }), /* @__PURE__ */ jsx(UserInfo, { user })]
+					})
+				}) }),
+				/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+				/* @__PURE__ */ jsx(DropdownMenuGroup, { children: items.map((item, index) => /* @__PURE__ */ jsxs(React$1.Fragment, { children: [item.separator && index > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}), item.href ? /* @__PURE__ */ jsxs(DropdownMenuItem, {
+					render: /* @__PURE__ */ jsx(Link, { href: item.href }),
+					className: "w-full flex items-center",
+					children: [item.icon && /* @__PURE__ */ jsx(item.icon, { className: "mr-2 h-4 w-4" }), item.label]
+				}) : /* @__PURE__ */ jsxs(DropdownMenuItem, {
+					onClick: item.onClick,
+					className: "w-full flex items-center",
+					children: [item.icon && /* @__PURE__ */ jsx(item.icon, { className: "mr-2 h-4 w-4" }), item.label]
+				})] }, item.label)) }),
+				onLogout && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsxs(DropdownMenuItem, {
+					onClick: onLogout,
+					className: "w-full flex items-center",
+					children: [/* @__PURE__ */ jsx(LogOut, { className: "mr-2 h-4 w-4" }), "Log out"]
+				})] })
+			]
+		})] }) })
+	});
+}
+
+//#endregion
+//#region src/dashboard/presets/dual-sidebar/dual-sidebar-expanded-panel.tsx
+function DualSidebarExpandedPanel({ activeCategoryData, user, isItemActive, variant, isExpanded, onItemClick, headerContent, footerContent }) {
+	const isDesktop = variant === "desktop";
+	const panelStyles = isDesktop ? {
+		className: cn("flex flex-col bg-sidebar overflow-hidden transition-[width,opacity] duration-200 ease-linear", isExpanded ? "opacity-100" : "opacity-0 w-0"),
+		style: { width: isExpanded ? SIDEBAR_PANEL_WIDTH : 0 }
+	} : {
+		className: "flex-1 flex flex-col bg-sidebar overflow-hidden",
+		style: void 0
+	};
+	if (!activeCategoryData) return /* @__PURE__ */ jsx("div", {
+		...panelStyles,
+		style: panelStyles.style,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex-1 flex items-center justify-center text-sidebar-foreground/60 text-sm",
+			children: "Select a category"
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: panelStyles.className,
+		style: panelStyles.style,
+		children: [
+			/* @__PURE__ */ jsx(SidebarHeader, {
+				className: "h-12 border-b border-sidebar-border px-4 flex items-center shrink-0",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx(activeCategoryData.icon, { className: "h-5 w-5 text-sidebar-foreground" }), /* @__PURE__ */ jsx("span", {
+						className: "font-semibold text-sidebar-foreground truncate",
+						children: activeCategoryData.name
 					})]
-				}), actions && /* @__PURE__ */ jsx("div", {
-					className: "flex flex-wrap gap-2 mt-4 sm:mt-0",
-					children: actions.map((action, index) => {
-						const isActionLoading = action.loading ?? false;
-						const isDisabled = loading || action.disabled || isActionLoading;
-						const displayText = isActionLoading ? action.loadingText || action.text : action.text;
-						return /* @__PURE__ */ jsxs(Button, {
-							onClick: action.onClick,
-							disabled: isDisabled,
-							variant: action.variant || "default",
-							size: action.size || (variant === "compact" ? "sm" : "default"),
-							className: cn(variant === "hero" && "shadow-md hover:shadow-lg", action.className),
+				})
+			}),
+			headerContent && /* @__PURE__ */ jsx("div", {
+				className: "px-3 py-2 border-b border-sidebar-border shrink-0",
+				children: headerContent
+			}),
+			/* @__PURE__ */ jsx(SidebarContent, {
+				className: "flex-1 overflow-y-auto",
+				children: /* @__PURE__ */ jsxs(SidebarGroup, {
+					className: "p-2",
+					children: [isDesktop && /* @__PURE__ */ jsxs(SidebarGroupLabel, {
+						className: "px-2 text-xs text-sidebar-foreground/60",
+						children: [activeCategoryData.name, " Menu"]
+					}), /* @__PURE__ */ jsx(SidebarMenu, { children: activeCategoryData.items.map((item, idx) => {
+						const Icon = item.icon;
+						const keyPrefix = isDesktop ? "" : "mobile-";
+						return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
+							isActive: isItemActive(item),
+							render: /* @__PURE__ */ jsx(Link, {
+								href: item.url,
+								onClick: onItemClick
+							}),
 							children: [
-								action.icon && action.iconPosition !== "right" && /* @__PURE__ */ jsx(action.icon, { className: "size-4 mr-2" }),
-								/* @__PURE__ */ jsx("span", { children: displayText }),
-								action.icon && action.iconPosition === "right" && /* @__PURE__ */ jsx(action.icon, { className: "size-4 ml-2" })
+								Icon && /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
+								/* @__PURE__ */ jsx("span", {
+									className: "truncate",
+									children: item.title
+								}),
+								item.badge && /* @__PURE__ */ jsx("span", {
+									className: "ml-auto text-xs bg-sidebar-accent text-sidebar-accent-foreground px-1.5 py-0.5 rounded shrink-0",
+									children: item.badge
+								})
 							]
-						}, index);
-					})
-				})]
+						}) }, `${keyPrefix}${activeCategoryData.id}-${item.title}-${idx}`);
+					}) })]
+				})
 			}),
-			children && /* @__PURE__ */ jsx("div", {
-				className: cn("mt-4 pt-4 border-t", variant === "minimal" && "border-0 pt-2"),
-				children
+			footerContent && /* @__PURE__ */ jsx("div", {
+				className: "px-3 py-2 border-t border-sidebar-border shrink-0",
+				children: footerContent
+			}),
+			user && /* @__PURE__ */ jsx(SidebarFooter, {
+				className: "border-t border-sidebar-border shrink-0",
+				children: /* @__PURE__ */ jsx(SidebarUserMenu, {
+					user: user.data,
+					menuItems: user.menuItems,
+					onLogout: user.onLogout
+				})
 			})
 		]
 	});
 }
 
 //#endregion
-//#region src/dashboard/page-header.tsx
-function PageHeader({ items, className, actions }) {
-	return /* @__PURE__ */ jsxs("header", {
-		className: cn("flex h-12 shrink-0 items-center justify-between gap-2", className),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [
-				/* @__PURE__ */ jsx(SidebarTrigger, { className: "-ml-1" }),
-				/* @__PURE__ */ jsx(Separator, {
-					orientation: "vertical",
-					className: "!self-center h-4"
-				}),
-				/* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: items.map((item, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, {
-					className: item.current ? "" : "hidden md:block",
-					children: item.current ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, {
-						render: /* @__PURE__ */ jsx(Link, { href: item.href || "#" }),
-						children: item.label
-					})
-				}), index < items.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, { className: "hidden md:block" })] }, `breadcrumb-${index}`)) }) })
-			]
-		}), actions]
-	});
-}
-
-//#endregion
-//#region src/dashboard/dashboard-content.tsx
-const PADDING = {
-	none: "",
-	sm: "px-2",
-	md: "px-4",
-	lg: "px-6 lg:px-8"
-};
+//#region src/dashboard/presets/dual-sidebar/rail-tooltip.tsx
 /**
-* DashboardContent — Safe content wrapper for sidebar layouts.
-*
-* Prevents the classic flexbox overflow bug where children with
-* `max-w-*` or grid layouts extend beyond the available space
-* (behind the sidebar) by propagating `min-w-0` through the
-* flex chain.
-*
-* **Important**: `SidebarInset` also needs `min-w-0` for the
-* width constraint to propagate correctly from the flex parent.
-* Pass `className="min-w-0"` to `SidebarInset`.
+* RailTooltip — Pure CSS/Tailwind tooltip for sidebar icon rails.
 *
-* @example
-* ```tsx
-* <SidebarProvider>
-*   <AppSidebar />
-*   <SidebarInset className="min-w-0">
-*     <DashboardContent>
-*       <PageHeader items={breadcrumbs} />
-*       <MyPageContent />
-*     </DashboardContent>
-*   </SidebarInset>
-* </SidebarProvider>
-* ```
+* - SSR-safe: no Base UI, no auto-generated IDs, no hydration mismatch
+* - Accessible: aria-label on wrapper for screen readers
+* - Shows on hover with delay, hides on click/active
+* - Styled to match shadcn's tooltip (bg-foreground, text-background, arrow)
 */
-function DashboardContent({ children, className, container = true, padding = "md" }) {
-	const containerClass = container === true ? "@container/main" : typeof container === "string" ? `@container/${container}` : "";
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex flex-1 flex-col min-w-0", className),
-		children: /* @__PURE__ */ jsx("div", {
-			className: cn("flex flex-1 flex-col gap-2 min-w-0", containerClass, PADDING[padding]),
-			children
-		})
+function RailTooltip({ label, children, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("group/tip relative", className),
+		"aria-label": label,
+		children: [children, /* @__PURE__ */ jsxs("div", {
+			role: "tooltip",
+			"aria-hidden": true,
+			className: cn("pointer-events-none absolute left-full top-1/2 -translate-y-1/2 ml-3 z-50", "rounded-md bg-foreground px-3 py-1.5 text-xs font-medium text-background", "shadow-md whitespace-nowrap", "opacity-0 scale-95 origin-left", "transition-[opacity,transform] duration-100", "group-hover/tip:opacity-100 group-hover/tip:scale-100 group-hover/tip:delay-300", "group-active/tip:opacity-0 group-active/tip:scale-95 group-active/tip:delay-0"),
+			children: [label, /* @__PURE__ */ jsx("div", {
+				className: "absolute right-full top-1/2 -translate-y-1/2 -mr-[3px]",
+				children: /* @__PURE__ */ jsx("div", { className: "size-2 rotate-45 bg-foreground rounded-[1px]" })
+			})]
+		})]
 	});
 }
 
 //#endregion
-//#region src/dashboard/dashboard-page-layout.tsx
-const defaultFallback = /* @__PURE__ */ jsx("div", {
-	className: "flex items-center justify-center py-12",
-	children: /* @__PURE__ */ jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-primary border-t-transparent" })
-});
-/**
-* DashboardPageLayout — Standard page shell for dashboard pages.
-* Combines PageHeader (breadcrumbs + actions) with optional Suspense boundary.
-*
-* @example
-* ```tsx
-* <DashboardPageLayout
-*   breadcrumbs={[
-*     { label: "Dashboard", href: "/dashboard" },
-*     { label: "Posts", current: true },
-*   ]}
-*   actions={<Button>New Post</Button>}
-*   fallback={<SkeletonTable rows={5} />}
-* >
-*   <PostsList />
-* </DashboardPageLayout>
-* ```
-*/
-function DashboardPageLayout({ breadcrumbs, actions, suspense = true, fallback = defaultFallback, className, children }) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(PageHeader, {
-		items: breadcrumbs,
-		actions
-	}), /* @__PURE__ */ jsx("div", {
-		className: cn("flex-1", className),
-		children: suspense ? /* @__PURE__ */ jsx(Suspense, {
-			fallback,
-			children
-		}) : children
-	})] });
+//#region src/dashboard/presets/dual-sidebar/dual-sidebar-icon-rail.tsx
+function DualSidebarIconRail({ brand, categories, activeCategory, railVariant, isExpanded, variant, onCategorySelect, onToggleExpanded, onBrandClick }) {
+	const isDarkOrPrimary = railVariant === "dark" || railVariant === "primary";
+	const brandButtonClasses = cn("flex items-center justify-center h-10 w-10 rounded-lg shadow-sm transition-colors", isDarkOrPrimary ? "bg-white/10 hover:bg-white/20 text-inherit" : "bg-sidebar-primary text-sidebar-primary-foreground");
+	const brandElement = /* @__PURE__ */ jsx(Link, {
+		href: brand.href || "/",
+		className: brandButtonClasses,
+		onClick: onBrandClick,
+		children: brand.icon
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col shrink-0", variant === "desktop" && "transition-colors", railVariants$1[railVariant], railTextVariants$1[railVariant], variant === "mobile" ? cn("border-r", railBorderVariants$1[railVariant]) : isExpanded && cn("border-r", railBorderVariants$1[railVariant])),
+		style: RAIL_STYLE,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "flex items-center justify-center p-2 h-12",
+				children: variant === "desktop" ? /* @__PURE__ */ jsx(RailTooltip, {
+					label: brand.title,
+					children: brandElement
+				}) : brandElement
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex-1 flex flex-col gap-1 p-2",
+				children: categories.map((category) => {
+					const Icon = category.icon;
+					const button = /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => onCategorySelect(category.id),
+						className: cn("flex items-center justify-center h-10 w-10 rounded-lg transition-colors", activeCategory === category.id ? isDarkOrPrimary ? "bg-white/20" : "bg-sidebar-accent text-sidebar-accent-foreground" : isDarkOrPrimary ? "hover:bg-white/10" : "hover:bg-sidebar-accent/50"),
+						children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5" })
+					});
+					if (variant === "desktop") return /* @__PURE__ */ jsx(RailTooltip, {
+						label: category.name,
+						children: button
+					}, category.id);
+					return /* @__PURE__ */ jsx("div", { children: button }, category.id);
+				})
+			}),
+			variant === "desktop" && onToggleExpanded && /* @__PURE__ */ jsx("div", {
+				className: "p-2",
+				children: /* @__PURE__ */ jsx(RailTooltip, {
+					label: isExpanded ? "Collapse sidebar" : "Expand sidebar",
+					children: /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: onToggleExpanded,
+						className: cn("flex items-center justify-center h-10 w-10 rounded-lg transition-colors", isDarkOrPrimary ? "hover:bg-white/10" : "hover:bg-sidebar-accent/50"),
+						children: isExpanded ? /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5" })
+					})
+				})
+			})
+		]
+	});
 }
 
 //#endregion
-//#region src/dashboard/sidebar-brand.tsx
-/**
-* SidebarBrand - Logo and title section for dashboard sidebar.
-* Automatically handles collapsed state styling.
-*/
-function SidebarBrand({ title, icon, href = "/", className, tooltip }) {
-	const { isMobile, state } = useSidebar();
-	const isCollapsed = state === "collapsed";
-	return /* @__PURE__ */ jsx(SidebarMenu, {
-		className,
-		children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
-			size: "lg",
-			className: "group-data-[collapsible=icon]:p-0!",
-			tooltip: isCollapsed ? tooltip || title : void 0,
-			render: /* @__PURE__ */ jsx(Link, {
-				href,
-				className: cn("flex items-center text-sidebar-foreground", isCollapsed && !isMobile && "justify-center")
+//#region src/dashboard/presets/dual-sidebar/dual-sidebar-mobile.tsx
+function DualSidebarMobile({ brand, categories, user, activeCategory, activeCategoryData, railVariant, ariaLabel, mobileOpen, isControlledMobile, isItemActive, onMobileOpenChange, onCategorySelect, headerContent, footerContent }) {
+	return /* @__PURE__ */ jsxs(Sheet, {
+		open: mobileOpen,
+		onOpenChange: onMobileOpenChange,
+		children: [!isControlledMobile && /* @__PURE__ */ jsx(SheetTrigger, {
+			render: /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				size: "icon",
+				className: "md:hidden fixed top-2 left-2 z-40 h-9 w-9 bg-background/80 backdrop-blur-sm shadow-sm",
+				"aria-label": "Open navigation"
 			}),
-			children: [/* @__PURE__ */ jsx("div", {
-				className: cn("rounded-lg flex items-center justify-center bg-sidebar-primary text-sidebar-primary-foreground shadow-sm flex-shrink-0 transition-[width,height]", isCollapsed && !isMobile ? "h-6 w-6" : "h-8 w-8"),
-				children: icon
-			}), /* @__PURE__ */ jsx("span", {
-				className: cn("ml-2 font-semibold tracking-tight truncate", !isMobile && isCollapsed && "hidden"),
-				children: title
-			})]
-		}) })
+			children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
+		}), /* @__PURE__ */ jsxs(SheetContent, {
+			side: "left",
+			className: "w-72 p-0",
+			children: [
+				/* @__PURE__ */ jsx(SheetTitle, {
+					className: "sr-only",
+					children: ariaLabel
+				}),
+				/* @__PURE__ */ jsx(SheetDescription, {
+					className: "sr-only",
+					children: "Navigation menu with category icons and expanded content"
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex h-full flex-row",
+					children: [/* @__PURE__ */ jsx(DualSidebarIconRail, {
+						brand,
+						categories,
+						activeCategory,
+						railVariant,
+						variant: "mobile",
+						onCategorySelect,
+						onBrandClick: () => onMobileOpenChange(false)
+					}), /* @__PURE__ */ jsx(DualSidebarExpandedPanel, {
+						activeCategoryData,
+						user,
+						isItemActive,
+						variant: "mobile",
+						onItemClick: () => onMobileOpenChange(false),
+						headerContent,
+						footerContent
+					})]
+				})
+			]
+		})]
 	});
 }
 
 //#endregion
-//#region src/dashboard/sidebar-nav.tsx
+//#region src/dashboard/presets/dual-sidebar/dual-sidebar.tsx
 /**
-* SidebarNavItem - Single navigation item with optional sub-items.
+* DualSidebar - A sidebar with icon rail and collapsible expanded panel.
+* Mimics the inset sidebar variant structure for consistent styling.
 */
-function SidebarNavItem({ item, onClick }) {
-	const hasSubItems = item.items && item.items.length > 0;
-	const Icon = item.icon;
-	const [open, setOpen] = useState(item.defaultOpen ?? item.isActive ?? false);
-	if (hasSubItems) return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(Collapsible, {
-		open,
-		onOpenChange: setOpen,
-		className: "group/collapsible",
-		children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
-			render: /* @__PURE__ */ jsx(SidebarMenuButton, {}),
-			children: [
-				Icon && /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
-				/* @__PURE__ */ jsx("span", { children: item.title }),
-				item.badge && /* @__PURE__ */ jsx("span", {
-					className: "ml-auto text-xs bg-sidebar-accent text-sidebar-accent-foreground px-1.5 py-0.5 rounded",
-					children: item.badge
-				}),
-				/* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4 transition-transform duration-200 group-data-open/collapsible:rotate-90" })
-			]
-		}), /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx(SidebarMenuSub, { children: item.items.map((subItem, idx) => /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxs(SidebarMenuSubButton, {
-			render: /* @__PURE__ */ jsx(Link, { href: subItem.url }),
-			isActive: subItem.isActive,
-			children: [/* @__PURE__ */ jsx("span", { children: subItem.title }), subItem.badge && /* @__PURE__ */ jsx("span", {
-				className: "ml-auto text-xs opacity-60",
-				children: subItem.badge
-			})]
-		}) }, `${item.title}-${subItem.title}-${idx}`)) }) })]
-	}) });
-	return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(Link, {
-		href: item.url,
-		className: "w-full",
-		children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
-			isActive: item.isActive,
-			onClick,
-			children: [
-				Icon && /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
-				/* @__PURE__ */ jsx("span", { children: item.title }),
-				item.badge && /* @__PURE__ */ jsx("span", {
-					className: "ml-auto text-xs bg-sidebar-accent text-sidebar-accent-foreground px-1.5 py-0.5 rounded",
-					children: item.badge
-				})
-			]
-		})
-	}) });
-}
-/**
-* SidebarNavGroup - A group of navigation items with optional title.
-*/
-function SidebarNavGroup({ title, items, className, onItemClick }) {
-	return /* @__PURE__ */ jsxs(SidebarGroup, {
-		className,
-		children: [title && /* @__PURE__ */ jsx(SidebarGroupLabel, { children: title }), /* @__PURE__ */ jsx(SidebarMenu, { children: items.map((item, idx) => /* @__PURE__ */ jsx(SidebarNavItem, {
-			item,
-			onClick: () => onItemClick?.(item)
-		}, `${item.title}-${idx}`)) })]
-	});
-}
-/**
-* SidebarNav - Complete navigation section with multiple groups.
-*/
-function SidebarNav({ groups, className, onItemClick }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex flex-col gap-2", className),
-		children: groups.map((group, index) => /* @__PURE__ */ jsx(SidebarNavGroup, {
-			title: group.title,
-			items: group.items,
-			onItemClick
-		}, group.title || `nav-group-${index}`))
-	});
-}
-
-//#endregion
-//#region src/dashboard/sidebar-user-menu.tsx
-function getUserInitials$1(name) {
-	if (!name) return "?";
-	const names = name.trim().split(" ");
-	if (names.length === 1) return names[0].slice(0, 2).toUpperCase();
-	return (names[0][0] + names[names.length - 1][0]).toUpperCase();
-}
-function UserAvatar({ user, className }) {
-	return /* @__PURE__ */ jsxs(Avatar, {
-		className: cn("h-8 w-8 rounded-lg", className),
-		children: [/* @__PURE__ */ jsx(AvatarImage, {
-			src: user.avatar,
-			alt: user.name
-		}), /* @__PURE__ */ jsx(AvatarFallback, {
-			className: "rounded-lg bg-sidebar-primary text-sidebar-primary-foreground",
-			children: getUserInitials$1(user.name)
-		})]
-	});
-}
-function UserInfo({ user }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "grid flex-1 text-left text-sm leading-tight",
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "truncate font-semibold",
-			children: user.name
-		}), /* @__PURE__ */ jsx("span", {
-			className: "truncate text-xs text-muted-foreground",
-			children: user.email
+function DualSidebar({ brand, categories, user, defaultCategoryId, activeCategoryId: controlledCategoryId, onCategoryChange, defaultCollapsed = false, collapsed: controlledCollapsed, onCollapsedChange, mobileOpen: controlledMobileOpen, onMobileOpenChange, headerContent, footerContent, railVariant = "default", sidebarStyle = "inset", ariaLabel = "Navigation Menu", className }) {
+	const pathname = usePathname();
+	const [manualOverride, setManualOverride] = React$1.useState(null);
+	const [internalExpanded, setInternalExpanded] = React$1.useState(!defaultCollapsed);
+	const [internalMobileOpen, setInternalMobileOpen] = React$1.useState(false);
+	const { isMobile } = useSidebar();
+	const pathnameMatch = React$1.useMemo(() => findActiveCategory(categories, pathname), [pathname, categories]);
+	const manualCategory = manualOverride && manualOverride.forPathname === pathname ? manualOverride.id : null;
+	const isControlledCategory = controlledCategoryId !== void 0;
+	const activeCategory = isControlledCategory ? controlledCategoryId : manualCategory ?? pathnameMatch?.category.id ?? defaultCategoryId ?? (categories.length > 0 ? categories[0].id : null);
+	const setActiveCategory = React$1.useCallback((id) => {
+		if (isControlledCategory) onCategoryChange?.(id);
+		else {
+			setManualOverride({
+				id,
+				forPathname: pathname
+			});
+			onCategoryChange?.(id);
+		}
+	}, [
+		isControlledCategory,
+		onCategoryChange,
+		pathname
+	]);
+	const isItemActive = React$1.useCallback((item) => {
+		if (item.isActive !== void 0) return item.isActive;
+		return item.url === pathnameMatch?.item.url;
+	}, [pathnameMatch]);
+	const isControlledCollapsed = controlledCollapsed !== void 0;
+	const isExpanded = isControlledCollapsed ? !controlledCollapsed : internalExpanded;
+	const setExpanded = React$1.useCallback((expanded) => {
+		if (isControlledCollapsed) onCollapsedChange?.(!expanded);
+		else {
+			setInternalExpanded(expanded);
+			onCollapsedChange?.(!expanded);
+		}
+	}, [isControlledCollapsed, onCollapsedChange]);
+	const isControlledMobile = controlledMobileOpen !== void 0;
+	const mobileOpen = isControlledMobile ? controlledMobileOpen : internalMobileOpen;
+	const setMobileOpen = React$1.useCallback((open) => {
+		if (isControlledMobile) onMobileOpenChange?.(open);
+		else setInternalMobileOpen(open);
+	}, [isControlledMobile, onMobileOpenChange]);
+	const handleCategorySelect = (id) => {
+		setActiveCategory(id);
+		if (!isExpanded) setExpanded(true);
+	};
+	const handleMobileCategorySelect = (id) => {
+		setActiveCategory(id);
+	};
+	const toggleExpanded = () => {
+		setExpanded(!isExpanded);
+	};
+	const activeCategoryData = categories.find((c) => c.id === activeCategory) || null;
+	const isFlush = sidebarStyle === "flush";
+	const currentWidth = isExpanded ? SIDEBAR_WIDTH_EXPANDED : SIDEBAR_WIDTH_COLLAPSED;
+	const totalWidth = isFlush ? currentWidth : `calc(${currentWidth} + ${SIDEBAR_PADDING} * 2)`;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DualSidebarMobile, {
+		brand,
+		categories,
+		user,
+		activeCategory,
+		activeCategoryData,
+		railVariant,
+		ariaLabel,
+		mobileOpen,
+		isControlledMobile,
+		isItemActive,
+		onMobileOpenChange: setMobileOpen,
+		onCategorySelect: handleMobileCategorySelect,
+		headerContent,
+		footerContent
+	}), /* @__PURE__ */ jsxs("div", {
+		className: "group peer text-sidebar-foreground hidden md:block",
+		"data-state": "expanded",
+		"data-collapsible": "",
+		"data-variant": isFlush ? "sidebar" : "inset",
+		"data-side": "left",
+		"data-slot": "sidebar",
+		children: [/* @__PURE__ */ jsx("div", {
+			"data-slot": "sidebar-gap",
+			className: "relative bg-transparent transition-[width] duration-200 ease-linear",
+			style: { width: totalWidth }
+		}), /* @__PURE__ */ jsx("div", {
+			"data-slot": "sidebar-container",
+			className: cn("fixed inset-y-0 left-0 z-10 hidden h-svh transition-[width] duration-200 ease-linear md:flex", className),
+			style: {
+				width: totalWidth,
+				...isFlush ? {} : { padding: SIDEBAR_PADDING }
+			},
+			children: /* @__PURE__ */ jsxs("div", {
+				"data-sidebar": "sidebar",
+				"data-slot": "sidebar-inner",
+				className: cn("bg-sidebar flex h-full w-full flex-row overflow-hidden", isFlush ? "border-r border-sidebar-border" : "rounded-lg border border-sidebar-border shadow-sm"),
+				children: [/* @__PURE__ */ jsx(DualSidebarIconRail, {
+					brand,
+					categories,
+					activeCategory,
+					railVariant,
+					isExpanded,
+					variant: "desktop",
+					onCategorySelect: handleCategorySelect,
+					onToggleExpanded: toggleExpanded
+				}), /* @__PURE__ */ jsx(DualSidebarExpandedPanel, {
+					activeCategoryData,
+					user,
+					isItemActive,
+					variant: "desktop",
+					isExpanded,
+					headerContent,
+					footerContent
+				})]
+			})
 		})]
-	});
-}
-/**
-* SidebarUserMenu - User avatar and dropdown menu for sidebar footer.
-* Accepts handlers for logout and custom menu items.
-*/
-function SidebarUserMenu({ user, menuItems = [], onLogout, className }) {
-	const { isMobile, state } = useSidebar();
-	const isCollapsed = state === "collapsed";
-	const defaultItems = [{
-		label: "Account",
-		icon: CircleUserRound,
-		href: "/dashboard/profile"
-	}];
-	const items = menuItems.length > 0 ? menuItems : defaultItems;
-	return /* @__PURE__ */ jsx(SidebarMenu, {
-		className,
-		children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsxs(DropdownMenuTrigger, {
-			render: /* @__PURE__ */ jsx(SidebarMenuButton, {
-				size: "lg",
-				tooltip: isCollapsed ? user.name : void 0,
-				className: cn("data-open:bg-sidebar-accent data-open:text-sidebar-accent-foreground", isCollapsed && !isMobile && "justify-center")
-			}),
-			children: [/* @__PURE__ */ jsx(UserAvatar, { user }), (!isCollapsed || isMobile) && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(UserInfo, { user }), /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-auto size-4" })] })]
-		}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-			className: "w-(--anchor-width) min-w-56 rounded-lg",
-			side: isMobile ? "bottom" : "right",
-			align: "end",
-			sideOffset: 4,
-			children: [
-				/* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(DropdownMenuLabel, {
-					className: "p-0 font-normal",
-					children: /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm",
-						children: [/* @__PURE__ */ jsx(UserAvatar, { user }), /* @__PURE__ */ jsx(UserInfo, { user })]
-					})
-				}) }),
-				/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-				/* @__PURE__ */ jsx(DropdownMenuGroup, { children: items.map((item, index) => /* @__PURE__ */ jsxs(React$1.Fragment, { children: [item.separator && index > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}), item.href ? /* @__PURE__ */ jsxs(DropdownMenuItem, {
-					render: /* @__PURE__ */ jsx(Link, { href: item.href }),
-					className: "w-full flex items-center",
-					children: [item.icon && /* @__PURE__ */ jsx(item.icon, { className: "mr-2 h-4 w-4" }), item.label]
-				}) : /* @__PURE__ */ jsxs(DropdownMenuItem, {
-					onClick: item.onClick,
-					className: "w-full flex items-center",
-					children: [item.icon && /* @__PURE__ */ jsx(item.icon, { className: "mr-2 h-4 w-4" }), item.label]
-				})] }, item.label)) }),
-				onLogout && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsxs(DropdownMenuItem, {
-					onClick: onLogout,
-					className: "w-full flex items-center",
-					children: [/* @__PURE__ */ jsx(LogOut, { className: "mr-2 h-4 w-4" }), "Log out"]
-				})] })
-			]
-		})] }) })
-	});
+	})] });
 }
 
 //#endregion
@@ -572,7 +763,7 @@ function DropdownContent({ items, selected, onSelect, label, renderItem, isMobil
 									className: "text-xs text-muted-foreground",
 									children: item.code
 								}),
-								item.type && /* @__PURE__ */ jsxs(Fragment, { children: [item.code && /* @__PURE__ */ jsx("span", {
+								item.type && /* @__PURE__ */ jsxs(Fragment$1, { children: [item.code && /* @__PURE__ */ jsx("span", {
 									className: "text-xs text-muted-foreground",
 									children: "•"
 								}), /* @__PURE__ */ jsx(Badge, {
@@ -613,7 +804,7 @@ function SidebarLoadingSkeleton({ isCollapsed, isMobile }) {
 	}) }) });
 }
 function SidebarProjectDisplay({ project, Icon, isCollapsed, isMobile }) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 text-muted-foreground shrink-0" }), (!isCollapsed || isMobile) && /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 text-muted-foreground shrink-0" }), (!isCollapsed || isMobile) && /* @__PURE__ */ jsxs("div", {
 		className: "flex-1 min-w-0 leading-tight text-left",
 		children: [/* @__PURE__ */ jsx("p", {
 			className: "text-xs font-medium truncate",
@@ -634,7 +825,7 @@ function StandaloneLoadingSkeleton({ size }) {
 	});
 }
 function StandaloneProjectDisplay({ project, Icon, size }) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		/* @__PURE__ */ jsx(Icon, { className: cn("text-muted-foreground shrink-0", size === "sm" ? "h-3.5 w-3.5" : "h-4 w-4") }),
 		/* @__PURE__ */ jsx("span", {
 			className: cn("font-medium truncate max-w-[120px]", size === "sm" ? "text-xs" : "text-sm"),
@@ -755,372 +946,118 @@ function ProjectSwitcher({ items, selected, onSelect, isLoading = false, label =
 }
 
 //#endregion
-//#region src/dashboard/dashboard-header.tsx
-function BreadcrumbNav({ items }) {
-	return /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: items.map((item, index) => /* @__PURE__ */ jsxs(React$1.Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, {
-		className: item.current ? "" : "hidden md:block",
-		children: item.current ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, {
-			render: /* @__PURE__ */ jsx(Link, { href: item.href || "#" }),
-			children: item.label
-		})
-	}), index < items.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, { className: "hidden md:block" })] }, `breadcrumb-${index}`)) }) });
-}
-/**
-* DashboardHeader - Top header bar for dashboard pages.
-* Includes sidebar trigger, breadcrumbs, and action slots.
-*/
-function DashboardHeader({ breadcrumbs, leftContent, rightContent, showSidebarTrigger = true, customTrigger, className, children }) {
-	return /* @__PURE__ */ jsxs("header", {
-		className: cn("flex h-12 shrink-0 items-center justify-between gap-2 px-4", className),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [
-				showSidebarTrigger && !customTrigger && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SidebarTrigger, { className: "-ml-1" }), /* @__PURE__ */ jsx(Separator, {
-					orientation: "vertical",
-					className: "mx-2 !h-4 !self-auto"
-				})] }),
-				customTrigger,
-				children ? children : /* @__PURE__ */ jsxs(Fragment, { children: [breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(BreadcrumbNav, { items: breadcrumbs }), leftContent] })
-			]
-		}), rightContent && /* @__PURE__ */ jsx("div", {
-			className: "flex items-center gap-2",
-			children: rightContent
-		})]
-	});
-}
-
-//#endregion
-//#region src/dashboard/presets/inset-sidebar.tsx
+//#region src/dashboard/sidebar-brand.tsx
 /**
-* InsetSidebar - Complete sidebar preset with inset variant.
-* The standard dashboard sidebar with collapsible to icons.
+* SidebarBrand - Logo and title section for dashboard sidebar.
+* Automatically handles collapsed state styling.
 */
-function InsetSidebar({ brand, navigation, secondaryNavigation, project, user, headerContent, ariaLabel = "Navigation Menu", className, children }) {
-	const { isMobile } = useSidebar();
-	return /* @__PURE__ */ jsxs(Sidebar, {
-		variant: "inset",
-		collapsible: "icon",
+function SidebarBrand({ title, icon, href = "/", className, tooltip }) {
+	const { isMobile, state } = useSidebar();
+	const isCollapsed = state === "collapsed";
+	return /* @__PURE__ */ jsx(SidebarMenu, {
 		className,
-		children: [
-			isMobile && /* @__PURE__ */ jsxs("span", {
-				className: "sr-only",
-				children: [/* @__PURE__ */ jsx(SheetTitle, { children: ariaLabel }), /* @__PURE__ */ jsx(SheetDescription, { children: "Application navigation menu containing links to different sections" })]
-			}),
-			/* @__PURE__ */ jsxs(SidebarHeader, {
-				className: "gap-1",
-				children: [
-					/* @__PURE__ */ jsx(SidebarBrand, {
-						title: brand.title,
-						icon: brand.icon,
-						href: brand.href
-					}),
-					project && /* @__PURE__ */ jsx(ProjectSwitcher, {
-						items: project.items,
-						selected: project.selected,
-						onSelect: project.onSelect,
-						isLoading: project.isLoading,
-						label: project.label,
-						icon: project.icon
-					}),
-					headerContent
-				]
+		children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
+			size: "lg",
+			className: "group-data-[collapsible=icon]:p-0!",
+			tooltip: isCollapsed ? tooltip || title : void 0,
+			render: /* @__PURE__ */ jsx(Link, {
+				href,
+				className: cn("flex items-center text-sidebar-foreground", isCollapsed && !isMobile && "justify-center")
 			}),
-			/* @__PURE__ */ jsx(SidebarContent, { children: children || /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SidebarNav, { groups: navigation }), secondaryNavigation && /* @__PURE__ */ jsx(SidebarNav, {
-				groups: secondaryNavigation,
-				className: "mt-auto"
-			})] }) }),
-			user && /* @__PURE__ */ jsx(SidebarFooter, { children: /* @__PURE__ */ jsx(SidebarUserMenu, {
-				user: user.data,
-				menuItems: user.menuItems,
-				onLogout: user.onLogout
-			}) })
-		]
+			children: [/* @__PURE__ */ jsx("div", {
+				className: cn("rounded-lg flex items-center justify-center bg-sidebar-primary text-sidebar-primary-foreground shadow-sm flex-shrink-0 transition-[width,height]", isCollapsed && !isMobile ? "h-6 w-6" : "h-8 w-8"),
+				children: icon
+			}), /* @__PURE__ */ jsx("span", {
+				className: cn("ml-2 font-semibold tracking-tight truncate", !isMobile && isCollapsed && "hidden"),
+				children: title
+			})]
+		}) })
 	});
 }
 
 //#endregion
-//#region src/dashboard/presets/dual-sidebar.tsx
-const SIDEBAR_RAIL_WIDTH = "3.5rem";
-const SIDEBAR_PANEL_WIDTH = "13rem";
-const SIDEBAR_WIDTH_EXPANDED = "16.5rem";
-const SIDEBAR_WIDTH_COLLAPSED = "3.5rem";
-const SIDEBAR_PADDING = "0.5rem";
-const railVariants$1 = {
-	default: "bg-sidebar",
-	dark: "bg-zinc-900 dark:bg-zinc-950",
-	primary: "bg-primary",
-	muted: "bg-muted"
-};
-const railTextVariants$1 = {
-	default: "text-sidebar-foreground",
-	dark: "text-zinc-100",
-	primary: "text-primary-foreground",
-	muted: "text-muted-foreground"
+//#region src/dashboard/sidebar-nav.tsx
+const DENSITY_CLASSES = {
+	compact: "h-7 text-xs",
+	default: "",
+	comfortable: "h-10 text-sm [&_svg]:size-5"
 };
 /**
-* DualSidebar - A sidebar with icon rail and collapsible expanded panel.
-* Mimics the inset sidebar variant structure for consistent styling.
+* SidebarNavItem - Single navigation item with optional sub-items.
 */
-function DualSidebar({ brand, categories, user, defaultCategoryId, onCategoryChange, defaultCollapsed = false, mobileOpen: controlledMobileOpen, onMobileOpenChange, railVariant = "default", ariaLabel = "Navigation Menu", className }) {
-	const [activeCategory, setActiveCategory] = React$1.useState(defaultCategoryId || (categories.length > 0 ? categories[0].id : null));
-	const [isExpanded, setIsExpanded] = React$1.useState(!defaultCollapsed);
-	const [internalMobileOpen, setInternalMobileOpen] = React$1.useState(false);
-	const { isMobile } = useSidebar();
-	const isControlledMobile = controlledMobileOpen !== void 0;
-	const mobileOpen = isControlledMobile ? controlledMobileOpen : internalMobileOpen;
-	const setMobileOpen = React$1.useCallback((open) => {
-		if (isControlledMobile) onMobileOpenChange?.(open);
-		else setInternalMobileOpen(open);
-	}, [isControlledMobile, onMobileOpenChange]);
-	const handleCategorySelect = (id) => {
-		setActiveCategory(id);
-		onCategoryChange?.(id);
-		if (!isExpanded) setIsExpanded(true);
-	};
-	const handleMobileCategorySelect = (id) => {
-		setActiveCategory(id);
-		onCategoryChange?.(id);
-	};
-	const toggleExpanded = () => {
-		setIsExpanded(!isExpanded);
-	};
-	const activeCategoryData = categories.find((c) => c.id === activeCategory) || null;
-	const totalWidth = `calc(${isExpanded ? SIDEBAR_WIDTH_EXPANDED : SIDEBAR_WIDTH_COLLAPSED} + ${SIDEBAR_PADDING} * 2)`;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Sheet, {
-		open: mobileOpen,
-		onOpenChange: setMobileOpen,
-		children: [!isControlledMobile && /* @__PURE__ */ jsx(SheetTrigger, {
-			render: /* @__PURE__ */ jsx(Button, {
-				variant: "outline",
-				size: "icon",
-				className: "md:hidden fixed top-2 left-2 z-40 h-9 w-9 bg-background/80 backdrop-blur-sm shadow-sm",
-				"aria-label": "Open navigation"
-			}),
-			children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
-		}), /* @__PURE__ */ jsxs(SheetContent, {
-			side: "left",
-			className: "w-72 p-0",
+function SidebarNavItem({ item, density = "default", onClick }) {
+	const densityClass = DENSITY_CLASSES[density];
+	const hasSubItems = item.items && item.items.length > 0;
+	const Icon = item.icon;
+	const [open, setOpen] = useState(item.defaultOpen ?? item.isActive ?? false);
+	if (hasSubItems) return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(Collapsible, {
+		open,
+		onOpenChange: setOpen,
+		className: "group/collapsible",
+		children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
+			render: /* @__PURE__ */ jsx(SidebarMenuButton, { className: densityClass }),
 			children: [
-				/* @__PURE__ */ jsx(SheetTitle, {
-					className: "sr-only",
-					children: ariaLabel
-				}),
-				/* @__PURE__ */ jsx(SheetDescription, {
-					className: "sr-only",
-					children: "Navigation menu with category icons and expanded content"
+				Icon && /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
+				/* @__PURE__ */ jsx("span", { children: item.title }),
+				item.badge && /* @__PURE__ */ jsx("span", {
+					className: "ml-auto text-xs bg-sidebar-accent text-sidebar-accent-foreground px-1.5 py-0.5 rounded",
+					children: item.badge
 				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex h-full flex-row",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: cn("flex flex-col shrink-0", railVariants$1[railVariant], railTextVariants$1[railVariant], "border-r border-sidebar-border"),
-						style: {
-							width: SIDEBAR_RAIL_WIDTH,
-							minWidth: SIDEBAR_RAIL_WIDTH
-						},
-						children: [/* @__PURE__ */ jsx("div", {
-							className: "flex items-center justify-center p-2 h-14",
-							children: /* @__PURE__ */ jsx(Link, {
-								href: brand.href || "/",
-								className: cn("flex items-center justify-center h-10 w-10 rounded-lg shadow-sm transition-colors", railVariant === "dark" || railVariant === "primary" ? "bg-white/10 hover:bg-white/20 text-inherit" : "bg-sidebar-primary text-sidebar-primary-foreground"),
-								onClick: () => setMobileOpen(false),
-								children: brand.icon
-							})
-						}), /* @__PURE__ */ jsx("div", {
-							className: "flex-1 flex flex-col gap-1 p-2",
-							children: categories.map((category) => {
-								const Icon = category.icon;
-								return /* @__PURE__ */ jsx("button", {
-									onClick: () => handleMobileCategorySelect(category.id),
-									className: cn("flex items-center justify-center h-10 w-10 rounded-lg transition-colors", activeCategory === category.id ? railVariant === "dark" || railVariant === "primary" ? "bg-white/20" : "bg-sidebar-accent text-sidebar-accent-foreground" : railVariant === "dark" || railVariant === "primary" ? "hover:bg-white/10" : "hover:bg-sidebar-accent/50"),
-									children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5" })
-								}, category.id);
-							})
-						})]
-					}), /* @__PURE__ */ jsx("div", {
-						className: "flex-1 flex flex-col bg-sidebar overflow-hidden",
-						children: activeCategoryData ? /* @__PURE__ */ jsxs(Fragment, { children: [
-							/* @__PURE__ */ jsx(SidebarHeader, {
-								className: "h-14 border-b border-sidebar-border px-4 flex items-center shrink-0",
-								children: /* @__PURE__ */ jsxs("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ jsx(activeCategoryData.icon, { className: "h-5 w-5 text-sidebar-foreground" }), /* @__PURE__ */ jsx("span", {
-										className: "font-semibold text-sidebar-foreground truncate",
-										children: activeCategoryData.name
-									})]
-								})
-							}),
-							/* @__PURE__ */ jsx(SidebarContent, {
-								className: "flex-1 overflow-y-auto",
-								children: /* @__PURE__ */ jsx(SidebarGroup, {
-									className: "p-2",
-									children: /* @__PURE__ */ jsx(SidebarMenu, { children: activeCategoryData.items.map((item, idx) => {
-										const Icon = item.icon;
-										return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
-											isActive: item.isActive,
-											render: /* @__PURE__ */ jsx(Link, {
-												href: item.url,
-												onClick: () => setMobileOpen(false)
-											}),
-											children: [
-												Icon && /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
-												/* @__PURE__ */ jsx("span", {
-													className: "truncate",
-													children: item.title
-												}),
-												item.badge && /* @__PURE__ */ jsx("span", {
-													className: "ml-auto text-xs bg-sidebar-accent text-sidebar-accent-foreground px-1.5 py-0.5 rounded shrink-0",
-													children: item.badge
-												})
-											]
-										}) }, `mobile-${activeCategoryData.id}-${item.title}-${idx}`);
-									}) })
-								})
-							}),
-							user && /* @__PURE__ */ jsx(SidebarFooter, {
-								className: "border-t border-sidebar-border shrink-0",
-								children: /* @__PURE__ */ jsx(SidebarUserMenu, {
-									user: user.data,
-									menuItems: user.menuItems,
-									onLogout: user.onLogout
-								})
-							})
-						] }) : /* @__PURE__ */ jsx("div", {
-							className: "flex-1 flex items-center justify-center text-sidebar-foreground/60 text-sm",
-							children: "Select a category"
-						})
-					})]
+				/* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4 transition-transform duration-200 group-data-open/collapsible:rotate-90" })
+			]
+		}), /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx(SidebarMenuSub, { children: item.items.map((subItem, idx) => /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxs(SidebarMenuSubButton, {
+			render: /* @__PURE__ */ jsx(Link, { href: subItem.url }),
+			isActive: subItem.isActive,
+			children: [/* @__PURE__ */ jsx("span", { children: subItem.title }), subItem.badge && /* @__PURE__ */ jsx("span", {
+				className: "ml-auto text-xs opacity-60",
+				children: subItem.badge
+			})]
+		}) }, `${item.title}-${subItem.title}-${idx}`)) }) })]
+	}) });
+	return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(Link, {
+		href: item.url,
+		className: "w-full",
+		children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
+			isActive: item.isActive,
+			onClick,
+			className: densityClass,
+			children: [
+				Icon && /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
+				/* @__PURE__ */ jsx("span", { children: item.title }),
+				item.badge && /* @__PURE__ */ jsx("span", {
+					className: "ml-auto text-xs bg-sidebar-accent text-sidebar-accent-foreground px-1.5 py-0.5 rounded",
+					children: item.badge
 				})
 			]
-		})]
-	}), /* @__PURE__ */ jsxs("div", {
-		className: "group peer text-sidebar-foreground hidden md:block",
-		"data-state": "expanded",
-		"data-collapsible": "",
-		"data-variant": "inset",
-		"data-side": "left",
-		"data-slot": "sidebar",
-		children: [/* @__PURE__ */ jsx("div", {
-			"data-slot": "sidebar-gap",
-			className: "relative bg-transparent transition-[width] duration-200 ease-linear",
-			style: { width: totalWidth }
-		}), /* @__PURE__ */ jsx("div", {
-			"data-slot": "sidebar-container",
-			className: cn("fixed inset-y-0 left-0 z-10 hidden h-svh transition-[width] duration-200 ease-linear md:flex", className),
-			style: {
-				width: totalWidth,
-				padding: SIDEBAR_PADDING
-			},
-			children: /* @__PURE__ */ jsxs("div", {
-				"data-sidebar": "sidebar",
-				"data-slot": "sidebar-inner",
-				className: "bg-sidebar flex h-full w-full flex-row overflow-hidden rounded-lg border border-sidebar-border shadow-sm",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: cn("flex flex-col shrink-0 transition-colors", railVariants$1[railVariant], railTextVariants$1[railVariant], isExpanded && "border-r border-sidebar-border"),
-					style: {
-						width: SIDEBAR_RAIL_WIDTH,
-						minWidth: SIDEBAR_RAIL_WIDTH
-					},
-					children: [
-						/* @__PURE__ */ jsx("div", {
-							className: "flex items-center justify-center p-2 h-14",
-							children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-								render: /* @__PURE__ */ jsx(Link, {
-									href: brand.href || "/",
-									className: cn("flex items-center justify-center h-10 w-10 rounded-lg shadow-sm transition-colors", railVariant === "dark" || railVariant === "primary" ? "bg-white/10 hover:bg-white/20 text-inherit" : "bg-sidebar-primary text-sidebar-primary-foreground")
-								}),
-								children: brand.icon
-							}), /* @__PURE__ */ jsx(TooltipContent, {
-								side: "right",
-								children: brand.title
-							})] })
-						}),
-						/* @__PURE__ */ jsx("div", {
-							className: "flex-1 flex flex-col gap-1 p-2",
-							children: categories.map((category) => {
-								const Icon = category.icon;
-								return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-									render: /* @__PURE__ */ jsx("button", {
-										onClick: () => handleCategorySelect(category.id),
-										className: cn("flex items-center justify-center h-10 w-10 rounded-lg transition-colors", activeCategory === category.id ? railVariant === "dark" || railVariant === "primary" ? "bg-white/20" : "bg-sidebar-accent text-sidebar-accent-foreground" : railVariant === "dark" || railVariant === "primary" ? "hover:bg-white/10" : "hover:bg-sidebar-accent/50")
-									}),
-									children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5" })
-								}), /* @__PURE__ */ jsx(TooltipContent, {
-									side: "right",
-									children: category.name
-								})] }, category.id);
-							})
-						}),
-						/* @__PURE__ */ jsx("div", {
-							className: "p-2",
-							children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-								render: /* @__PURE__ */ jsx("button", {
-									onClick: toggleExpanded,
-									className: cn("flex items-center justify-center h-10 w-10 rounded-lg transition-colors", railVariant === "dark" || railVariant === "primary" ? "hover:bg-white/10" : "hover:bg-sidebar-accent/50")
-								}),
-								children: isExpanded ? /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5" })
-							}), /* @__PURE__ */ jsx(TooltipContent, {
-								side: "right",
-								children: isExpanded ? "Collapse sidebar" : "Expand sidebar"
-							})] })
-						})
-					]
-				}), /* @__PURE__ */ jsx("div", {
-					className: cn("flex flex-col bg-sidebar overflow-hidden transition-[width,opacity] duration-200 ease-linear", isExpanded ? "opacity-100" : "opacity-0 w-0"),
-					style: { width: isExpanded ? SIDEBAR_PANEL_WIDTH : 0 },
-					children: activeCategoryData ? /* @__PURE__ */ jsxs(Fragment, { children: [
-						/* @__PURE__ */ jsx(SidebarHeader, {
-							className: "h-14 border-b border-sidebar-border px-4 flex items-center shrink-0",
-							children: /* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ jsx(activeCategoryData.icon, { className: "h-5 w-5 text-sidebar-foreground" }), /* @__PURE__ */ jsx("span", {
-									className: "font-semibold text-sidebar-foreground truncate",
-									children: activeCategoryData.name
-								})]
-							})
-						}),
-						/* @__PURE__ */ jsx(SidebarContent, {
-							className: "flex-1 overflow-y-auto",
-							children: /* @__PURE__ */ jsxs(SidebarGroup, {
-								className: "p-2",
-								children: [/* @__PURE__ */ jsxs(SidebarGroupLabel, {
-									className: "px-2 text-xs text-sidebar-foreground/60",
-									children: [activeCategoryData.name, " Menu"]
-								}), /* @__PURE__ */ jsx(SidebarMenu, { children: activeCategoryData.items.map((item, idx) => {
-									const Icon = item.icon;
-									return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
-										isActive: item.isActive,
-										render: /* @__PURE__ */ jsx(Link, { href: item.url }),
-										children: [
-											Icon && /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
-											/* @__PURE__ */ jsx("span", {
-												className: "truncate",
-												children: item.title
-											}),
-											item.badge && /* @__PURE__ */ jsx("span", {
-												className: "ml-auto text-xs bg-sidebar-accent text-sidebar-accent-foreground px-1.5 py-0.5 rounded shrink-0",
-												children: item.badge
-											})
-										]
-									}) }, `${activeCategoryData.id}-${item.title}-${idx}`);
-								}) })]
-							})
-						}),
-						user && /* @__PURE__ */ jsx(SidebarFooter, {
-							className: "border-t border-sidebar-border shrink-0",
-							children: /* @__PURE__ */ jsx(SidebarUserMenu, {
-								user: user.data,
-								menuItems: user.menuItems,
-								onLogout: user.onLogout
-							})
-						})
-					] }) : /* @__PURE__ */ jsx("div", {
-						className: "flex-1 flex items-center justify-center text-sidebar-foreground/60 text-sm",
-						children: "Select a category"
-					})
-				})]
-			})
-		})]
-	})] });
+		})
+	}) });
+}
+/**
+* SidebarNavGroup - A group of navigation items with optional title.
+*/
+function SidebarNavGroup({ title, items, density, className, onItemClick }) {
+	return /* @__PURE__ */ jsxs(SidebarGroup, {
+		className,
+		children: [title && /* @__PURE__ */ jsx(SidebarGroupLabel, { children: title }), /* @__PURE__ */ jsx(SidebarMenu, { children: items.map((item, idx) => /* @__PURE__ */ jsx(SidebarNavItem, {
+			item,
+			density,
+			onClick: () => onItemClick?.(item)
+		}, `${item.title}-${idx}`)) })]
+	});
+}
+/**
+* SidebarNav - Complete navigation section with multiple groups.
+*/
+function SidebarNav({ groups, density, className, onItemClick }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-2", className),
+		children: groups.map((group, index) => /* @__PURE__ */ jsx(SidebarNavGroup, {
+			title: group.title,
+			items: group.items,
+			density,
+			onItemClick
+		}, group.title || `nav-group-${index}`))
+	});
 }
 
 //#endregion
@@ -1161,8 +1098,62 @@ function FloatingSidebar({ brand, navigation, secondaryNavigation, project, user
 					headerContent
 				]
 			}),
-			/* @__PURE__ */ jsx(SidebarContent, { children: children || /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SidebarNav, { groups: navigation }), secondaryNavigation && /* @__PURE__ */ jsx(SidebarNav, {
+			/* @__PURE__ */ jsx(SidebarContent, { children: children || /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SidebarNav, { groups: navigation }), secondaryNavigation && /* @__PURE__ */ jsx(SidebarNav, {
+				groups: secondaryNavigation,
+				className: "mt-auto"
+			})] }) }),
+			user && /* @__PURE__ */ jsx(SidebarFooter, { children: /* @__PURE__ */ jsx(SidebarUserMenu, {
+				user: user.data,
+				menuItems: user.menuItems,
+				onLogout: user.onLogout
+			}) })
+		]
+	});
+}
+
+//#endregion
+//#region src/dashboard/presets/inset-sidebar.tsx
+/**
+* InsetSidebar - Complete sidebar preset with inset variant.
+* The standard dashboard sidebar with collapsible to icons.
+*/
+function InsetSidebar({ brand, navigation, secondaryNavigation, project, user, headerContent, sidebarStyle = "inset", density = "default", side = "left", ariaLabel = "Navigation Menu", className, children }) {
+	const { isMobile } = useSidebar();
+	return /* @__PURE__ */ jsxs(Sidebar, {
+		variant: sidebarStyle === "flush" ? "sidebar" : "inset",
+		collapsible: "icon",
+		side,
+		className,
+		children: [
+			isMobile && /* @__PURE__ */ jsxs("span", {
+				className: "sr-only",
+				children: [/* @__PURE__ */ jsx(SheetTitle, { children: ariaLabel }), /* @__PURE__ */ jsx(SheetDescription, { children: "Application navigation menu containing links to different sections" })]
+			}),
+			/* @__PURE__ */ jsxs(SidebarHeader, {
+				className: "gap-1",
+				children: [
+					/* @__PURE__ */ jsx(SidebarBrand, {
+						title: brand.title,
+						icon: brand.icon,
+						href: brand.href
+					}),
+					project && /* @__PURE__ */ jsx(ProjectSwitcher, {
+						items: project.items,
+						selected: project.selected,
+						onSelect: project.onSelect,
+						isLoading: project.isLoading,
+						label: project.label,
+						icon: project.icon
+					}),
+					headerContent
+				]
+			}),
+			/* @__PURE__ */ jsx(SidebarContent, { children: children || /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SidebarNav, {
+				groups: navigation,
+				density
+			}), secondaryNavigation && /* @__PURE__ */ jsx(SidebarNav, {
 				groups: secondaryNavigation,
+				density,
 				className: "mt-auto"
 			})] }) }),
 			user && /* @__PURE__ */ jsx(SidebarFooter, { children: /* @__PURE__ */ jsx(SidebarUserMenu, {
@@ -1204,7 +1195,7 @@ function MiniSidebar({ brand, navigation, secondaryNavigation, user, headerConte
 					children: brand.title
 				})]
 			}) }) }), headerContent] }),
-			/* @__PURE__ */ jsx(SidebarContent, { children: children || /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(NavGroups, { groups: navigation }), secondaryNavigation && /* @__PURE__ */ jsx(NavGroups, {
+			/* @__PURE__ */ jsx(SidebarContent, { children: children || /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(NavGroups, { groups: navigation }), secondaryNavigation && /* @__PURE__ */ jsx(NavGroups, {
 				groups: secondaryNavigation,
 				className: "mt-auto"
 			})] }) }),
@@ -1218,7 +1209,7 @@ function MiniSidebar({ brand, navigation, secondaryNavigation, user, headerConte
 	});
 }
 function NavGroups({ groups, className }) {
-	return /* @__PURE__ */ jsx(Fragment, { children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(SidebarGroup, {
+	return /* @__PURE__ */ jsx(Fragment$1, { children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(SidebarGroup, {
 		className: cn(groupIndex === groups.length - 1 && className),
 		children: [group.title && /* @__PURE__ */ jsx(SidebarGroupLabel, { children: group.title }), /* @__PURE__ */ jsx(SidebarMenu, { children: group.items.map((item, itemIndex) => {
 			const Icon = item.icon;
@@ -1259,6 +1250,12 @@ const railTextVariants = {
 	primary: "text-primary-foreground",
 	muted: "text-muted-foreground"
 };
+const railBorderVariants = {
+	default: "border-sidebar-border",
+	dark: "border-zinc-700 dark:border-zinc-800",
+	primary: "border-primary/30",
+	muted: "border-border"
+};
 function getUserInitials(name) {
 	if (!name) return "?";
 	const names = name.trim().split(" ");
@@ -1331,7 +1328,7 @@ function TopbarUserMenu({ user, menuItems = [], onLogout }) {
 				className: "w-full flex items-center",
 				children: [item.icon && /* @__PURE__ */ jsx(item.icon, { className: "mr-2 h-4 w-4" }), item.label]
 			})] }, item.label)) }),
-			onLogout && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsx(DropdownMenuItem, {
+			onLogout && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsx(DropdownMenuItem, {
 				onClick: onLogout,
 				className: "w-full flex items-center",
 				children: "Log out"
@@ -1423,7 +1420,7 @@ function TopbarRail({ brand, categories, user, breadcrumbs, actions, defaultCate
 						children: brand.icon
 					})
 				}),
-				breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Separator, {
+				breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Separator, {
 					orientation: "vertical",
 					className: "mx-2 !h-4 !self-auto hidden md:block"
 				}), /* @__PURE__ */ jsx(TopbarBreadcrumbs, { items: breadcrumbs })] }),
@@ -1442,7 +1439,7 @@ function TopbarRail({ brand, categories, user, breadcrumbs, actions, defaultCate
 			className: "flex flex-1 overflow-hidden",
 			children: [
 				/* @__PURE__ */ jsx("nav", {
-					className: cn("hidden md:flex flex-col shrink-0 border-r", railVariants[railVariant], railTextVariants[railVariant]),
+					className: cn("hidden md:flex flex-col shrink-0 border-r", railVariants[railVariant], railTextVariants[railVariant], railBorderVariants[railVariant]),
 					style: {
 						width: RAIL_WIDTH,
 						minWidth: RAIL_WIDTH
@@ -1454,6 +1451,7 @@ function TopbarRail({ brand, categories, user, breadcrumbs, actions, defaultCate
 							const Icon = category.icon;
 							return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 								render: /* @__PURE__ */ jsx("button", {
+									type: "button",
 									onClick: () => handleCategorySelect(category.id),
 									className: cn("flex items-center justify-center h-10 w-10 rounded-lg transition-colors", activeCategory === category.id ? railVariant === "dark" || railVariant === "primary" ? "bg-white/20" : "bg-sidebar-accent text-sidebar-accent-foreground" : railVariant === "dark" || railVariant === "primary" ? "hover:bg-white/10" : "hover:bg-sidebar-accent/50")
 								}),
@@ -1468,7 +1466,7 @@ function TopbarRail({ brand, categories, user, breadcrumbs, actions, defaultCate
 				/* @__PURE__ */ jsx("aside", {
 					className: cn("hidden md:flex flex-col border-r bg-sidebar overflow-hidden transition-[width,opacity] duration-200 ease-linear", isDrawerOpen ? "opacity-100" : "opacity-0 w-0"),
 					style: { width: isDrawerOpen ? DRAWER_WIDTH : 0 },
-					children: activeCategoryData && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SidebarHeader, {
+					children: activeCategoryData && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SidebarHeader, {
 						className: "h-12 border-b border-sidebar-border px-4 flex items-center shrink-0",
 						children: /* @__PURE__ */ jsxs("div", {
 							className: "flex items-center gap-2",
@@ -1518,7 +1516,7 @@ function MobileNav({ brand, categories, user, activeCategory, onCategorySelect,
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex h-full flex-row",
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: cn("flex flex-col shrink-0", railVariants[railVariant], railTextVariants[railVariant], "border-r border-sidebar-border"),
+			className: cn("flex flex-col shrink-0", railVariants[railVariant], railTextVariants[railVariant], "border-r", railBorderVariants[railVariant]),
 			style: {
 				width: RAIL_WIDTH,
 				minWidth: RAIL_WIDTH
@@ -1536,6 +1534,7 @@ function MobileNav({ brand, categories, user, activeCategory, onCategorySelect,
 				children: categories.map((category) => {
 					const Icon = category.icon;
 					return /* @__PURE__ */ jsx("button", {
+						type: "button",
 						onClick: () => onCategorySelect(category.id),
 						className: cn("flex items-center justify-center h-10 w-10 rounded-lg transition-colors", activeCategory === category.id ? railVariant === "dark" || railVariant === "primary" ? "bg-white/20" : "bg-sidebar-accent text-sidebar-accent-foreground" : railVariant === "dark" || railVariant === "primary" ? "hover:bg-white/10" : "hover:bg-sidebar-accent/50"),
 						children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5" })
@@ -1544,7 +1543,7 @@ function MobileNav({ brand, categories, user, activeCategory, onCategorySelect,
 			})]
 		}), /* @__PURE__ */ jsx("div", {
 			className: "flex-1 flex flex-col bg-sidebar overflow-hidden",
-			children: activeCategoryData ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			children: activeCategoryData ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				/* @__PURE__ */ jsx(SidebarHeader, {
 					className: "h-14 border-b border-sidebar-border px-4 flex items-center shrink-0",
 					children: /* @__PURE__ */ jsxs("div", {
@@ -1614,4 +1613,294 @@ function MobileNav({ brand, categories, user, activeCategory, onCategorySelect,
 }
 
 //#endregion
-export { DashboardContent, DashboardHeader, DashboardPageLayout, DualSidebar, FloatingSidebar, HeaderSection, InsetSidebar, MiniSidebar, PageHeader, ProjectSwitcher, SidebarBrand, SidebarNav, SidebarNavGroup, SidebarNavItem, SidebarUserMenu, TopbarRail, cn, resolveCategories, resolveMiniNavigation, resolveNavigation };
+//#region src/dashboard/dashboard-layout.tsx
+const DualMobileTrigger = React$1.memo(function DualMobileTrigger({ onOpen }) {
+	return /* @__PURE__ */ jsx(Button, {
+		variant: "ghost",
+		size: "icon",
+		className: "md:hidden -ml-1",
+		onClick: onOpen,
+		"aria-label": "Open navigation",
+		children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
+	});
+});
+function renderSidebar(config, mobileOpen, setMobileOpen) {
+	switch (config.variant) {
+		case "dual": return /* @__PURE__ */ jsx(DualSidebar, {
+			brand: config.brand,
+			categories: config.categories,
+			user: config.user,
+			railVariant: config.railVariant,
+			sidebarStyle: config.sidebarStyle,
+			defaultCategoryId: config.defaultCategoryId,
+			activeCategoryId: config.activeCategoryId,
+			onCategoryChange: config.onCategoryChange,
+			defaultCollapsed: config.defaultCollapsed,
+			collapsed: config.collapsed,
+			onCollapsedChange: config.onCollapsedChange,
+			headerContent: config.headerContent,
+			footerContent: config.footerContent,
+			mobileOpen,
+			onMobileOpenChange: setMobileOpen
+		});
+		case "inset": return /* @__PURE__ */ jsx(InsetSidebar, {
+			brand: config.brand,
+			navigation: config.navigation,
+			secondaryNavigation: config.secondaryNavigation,
+			project: config.project,
+			user: config.user,
+			headerContent: config.headerContent,
+			sidebarStyle: config.sidebarStyle,
+			density: config.density,
+			side: config.side
+		});
+		case "floating": return /* @__PURE__ */ jsx(FloatingSidebar, {
+			brand: config.brand,
+			navigation: config.navigation,
+			secondaryNavigation: config.secondaryNavigation,
+			project: config.project,
+			user: config.user,
+			headerContent: config.headerContent,
+			side: config.side
+		});
+		case "mini": return /* @__PURE__ */ jsx(MiniSidebar, {
+			brand: config.brand,
+			navigation: config.navigation,
+			secondaryNavigation: config.secondaryNavigation,
+			user: config.user,
+			headerContent: config.headerContent,
+			side: config.side,
+			showRail: config.showRail
+		});
+		default: return null;
+	}
+}
+function DashboardLayout({ sidebar, breadcrumbs, headerRight, headerLeft, header, stickyHeader = false, headerClassName, className, children }) {
+	const [mobileOpen, setMobileOpen] = React$1.useState(false);
+	const handleMobileOpen = React$1.useCallback(() => setMobileOpen(true), []);
+	const bc = breadcrumbs !== false && breadcrumbs ? breadcrumbs : void 0;
+	const autoBreadcrumbs = useDashboardBreadcrumbs(bc?.basePath ?? "/", bc);
+	const breadcrumbItems = breadcrumbs === false ? void 0 : autoBreadcrumbs;
+	const isDual = sidebar.variant === "dual";
+	const isTopbarRail = sidebar.variant === "topbar-rail";
+	const headerElement = header === false ? null : header ?? /* @__PURE__ */ jsx(DashboardHeader, {
+		breadcrumbs: breadcrumbItems,
+		leftContent: headerLeft,
+		rightContent: headerRight,
+		showSidebarTrigger: !isDual && !isTopbarRail,
+		customTrigger: isDual ? /* @__PURE__ */ jsx(DualMobileTrigger, { onOpen: handleMobileOpen }) : void 0,
+		className: cn(stickyHeader && "sticky top-0 z-10 bg-background/95 backdrop-blur-sm border-b", headerClassName)
+	});
+	if (isTopbarRail && sidebar.variant === "topbar-rail") return /* @__PURE__ */ jsx(ClientOnly, { children: /* @__PURE__ */ jsx(TopbarRail, {
+		brand: sidebar.brand,
+		categories: sidebar.categories,
+		user: sidebar.user,
+		breadcrumbs: breadcrumbItems?.map((b) => ({
+			label: b.label,
+			href: b.href,
+			isCurrentPage: b.current
+		})),
+		actions: headerRight,
+		railVariant: sidebar.railVariant,
+		defaultCategoryId: sidebar.defaultCategoryId,
+		defaultDrawerOpen: sidebar.defaultDrawerOpen,
+		className,
+		children
+	}) });
+	return /* @__PURE__ */ jsxs(SidebarProvider, { children: [renderSidebar(sidebar, mobileOpen, setMobileOpen), /* @__PURE__ */ jsxs(SidebarInset, {
+		className: cn("min-w-0", className),
+		children: [headerElement, /* @__PURE__ */ jsx(DashboardContent, { children })]
+	})] });
+}
+
+//#endregion
+//#region src/dashboard/page-header.tsx
+function PageHeader({ items, className, actions }) {
+	return /* @__PURE__ */ jsxs("header", {
+		className: cn("flex h-12 shrink-0 items-center justify-between gap-2", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ jsx(SidebarTrigger, { className: "-ml-1" }),
+				/* @__PURE__ */ jsx(Separator, {
+					orientation: "vertical",
+					className: "!self-center h-4"
+				}),
+				/* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: items.map((item, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, {
+					className: item.current ? "" : "hidden md:block",
+					children: item.current ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, {
+						render: /* @__PURE__ */ jsx(Link, { href: item.href || "#" }),
+						children: item.label
+					})
+				}), index < items.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, { className: "hidden md:block" })] }, `breadcrumb-${index}`)) }) })
+			]
+		}), actions]
+	});
+}
+
+//#endregion
+//#region src/dashboard/dashboard-page-layout.tsx
+const defaultFallback = /* @__PURE__ */ jsx("div", {
+	className: "flex items-center justify-center py-12",
+	children: /* @__PURE__ */ jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-primary border-t-transparent" })
+});
+/**
+* DashboardPageLayout — Standard page shell for dashboard pages.
+* Combines PageHeader (breadcrumbs + actions) with optional Suspense boundary.
+*
+* @example
+* ```tsx
+* <DashboardPageLayout
+*   breadcrumbs={[
+*     { label: "Dashboard", href: "/dashboard" },
+*     { label: "Posts", current: true },
+*   ]}
+*   actions={<Button>New Post</Button>}
+*   fallback={<SkeletonTable rows={5} />}
+* >
+*   <PostsList />
+* </DashboardPageLayout>
+* ```
+*/
+function DashboardPageLayout({ breadcrumbs, actions, suspense = true, fallback = defaultFallback, className, children }) {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(PageHeader, {
+		items: breadcrumbs,
+		actions
+	}), /* @__PURE__ */ jsx("div", {
+		className: cn("flex-1", className),
+		children: suspense ? /* @__PURE__ */ jsx(Suspense, {
+			fallback,
+			children
+		}) : children
+	})] });
+}
+
+//#endregion
+//#region src/dashboard/header-section.tsx
+const variants = {
+	default: {
+		wrapper: "px-6 py-5 rounded-xl shadow-sm border bg-background hover:shadow-md",
+		title: "text-2xl font-semibold tracking-tight",
+		description: "text-sm text-muted-foreground",
+		iconSize: "size-10",
+		iconInner: "size-5",
+		spacing: "space-y-1"
+	},
+	compact: {
+		wrapper: "px-4 py-3 rounded-lg border bg-background/50",
+		title: "text-lg font-semibold",
+		description: "text-xs text-muted-foreground",
+		iconSize: "size-8",
+		iconInner: "size-4",
+		spacing: "space-y-0.5"
+	},
+	hero: {
+		wrapper: "px-8 py-8 rounded-2xl shadow-lg border bg-gradient-to-br from-background to-muted/20",
+		title: "text-3xl font-bold tracking-tight bg-gradient-to-r from-foreground to-foreground/70 bg-clip-text text-transparent",
+		description: "text-base text-muted-foreground mt-2",
+		iconSize: "size-14",
+		iconInner: "size-7",
+		spacing: "space-y-2"
+	},
+	minimal: {
+		wrapper: "px-0 py-2",
+		title: "text-xl font-medium",
+		description: "text-sm text-muted-foreground",
+		iconSize: "size-8",
+		iconInner: "size-4",
+		spacing: "space-y-0.5"
+	}
+};
+function HeaderSection({ title, description, actions = null, icon: Icon = null, iconClassName, loading = false, variant = "default", className, badge, breadcrumbs, metadata, children }) {
+	const currentVariant = variants[variant] || variants.default;
+	const isBadgeObject = (badge) => {
+		return typeof badge === "object" && badge !== null && "text" in badge;
+	};
+	if (loading && !title) return /* @__PURE__ */ jsx("div", {
+		className: cn(currentVariant.wrapper, "transition-all duration-300", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col sm:flex-row sm:items-center sm:justify-between",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-4",
+				children: [Icon && /* @__PURE__ */ jsx(Skeleton, { className: cn(currentVariant.iconSize, "rounded-lg") }), /* @__PURE__ */ jsxs("div", {
+					className: currentVariant.spacing,
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-48" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-64 mt-1" })]
+				})]
+			}), actions && /* @__PURE__ */ jsxs("div", {
+				className: "flex gap-2 mt-4 sm:mt-0",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24" })]
+			})]
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("transition-all duration-300", currentVariant.wrapper, className),
+		children: [
+			breadcrumbs && /* @__PURE__ */ jsx("nav", {
+				className: "mb-3 text-sm text-muted-foreground",
+				children: breadcrumbs
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-start sm:items-center gap-4",
+					children: [Icon && /* @__PURE__ */ jsx("div", {
+						className: cn("flex aspect-square items-center justify-center rounded-lg flex-shrink-0", "bg-primary/10 text-primary", currentVariant.iconSize, iconClassName),
+						children: /* @__PURE__ */ jsx(Icon, { className: currentVariant.iconInner })
+					}), /* @__PURE__ */ jsxs("div", {
+						className: cn("flex-1", currentVariant.spacing),
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-2 flex-wrap",
+								children: [/* @__PURE__ */ jsx("h1", {
+									className: cn("leading-none", currentVariant.title),
+									children: title
+								}), badge && (isBadgeObject(badge) ? /* @__PURE__ */ jsx(Badge, {
+									variant: badge.variant || "secondary",
+									className: cn("ml-2", badge.className),
+									children: badge.text
+								}) : badge)]
+							}),
+							description && /* @__PURE__ */ jsx("p", {
+								className: currentVariant.description,
+								children: description
+							}),
+							metadata && /* @__PURE__ */ jsx("div", {
+								className: "flex items-center gap-4 mt-2 text-xs text-muted-foreground",
+								children: metadata.map((item, index) => /* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-1",
+									children: [item.icon && /* @__PURE__ */ jsx(item.icon, { className: "size-3" }), /* @__PURE__ */ jsx("span", { children: item.text })]
+								}, index))
+							})
+						]
+					})]
+				}), actions && /* @__PURE__ */ jsx("div", {
+					className: "flex flex-wrap gap-2 mt-4 sm:mt-0",
+					children: actions.map((action, index) => {
+						const isActionLoading = action.loading ?? false;
+						const isDisabled = loading || action.disabled || isActionLoading;
+						const displayText = isActionLoading ? action.loadingText || action.text : action.text;
+						return /* @__PURE__ */ jsxs(Button, {
+							onClick: action.onClick,
+							disabled: isDisabled,
+							variant: action.variant || "default",
+							size: action.size || (variant === "compact" ? "sm" : "default"),
+							className: cn(variant === "hero" && "shadow-md hover:shadow-lg", action.className),
+							children: [
+								action.icon && action.iconPosition !== "right" && /* @__PURE__ */ jsx(action.icon, { className: "size-4 mr-2" }),
+								/* @__PURE__ */ jsx("span", { children: displayText }),
+								action.icon && action.iconPosition === "right" && /* @__PURE__ */ jsx(action.icon, { className: "size-4 ml-2" })
+							]
+						}, index);
+					})
+				})]
+			}),
+			children && /* @__PURE__ */ jsx("div", {
+				className: cn("mt-4 pt-4 border-t", variant === "minimal" && "border-0 pt-2"),
+				children
+			})
+		]
+	});
+}
+
+//#endregion
+export { ClientOnly, DashboardContent, DashboardHeader, DashboardLayout, DashboardPageLayout, DualSidebar, FloatingSidebar, HeaderSection, InsetSidebar, MiniSidebar, PageHeader, ProjectSwitcher, SidebarBrand, SidebarNav, SidebarNavGroup, SidebarNavItem, SidebarUserMenu, TopbarRail, cn, findActiveCategory, findActiveItem, matchRoute, resolveCategories, resolveMiniNavigation, resolveNavigation, useDashboardBreadcrumbs };