@fayz-ai/ui 0.6.0 → 0.7.0

package/dist/{chunk-GE6XUREM.cjs → chunk-HG5RH3B3.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkW4XXXJRW_cjs = require('./chunk-W4XXXJRW.cjs');
-var chunkVVVZO2LE_cjs = require('./chunk-VVVZO2LE.cjs');
+var chunkOW73RZOU_cjs = require('./chunk-OW73RZOU.cjs');
+var chunkH6OULCHF_cjs = require('./chunk-H6OULCHF.cjs');
 var React3 = require('react');
 var lucideReact = require('lucide-react');
 var Tooltip = require('@radix-ui/react-tooltip');
@@ -50,7 +50,9 @@ var ICON_MAP = {
   CreditCard: lucideReact.CreditCard,
   Bell: lucideReact.Bell,
   Calendar: lucideReact.Calendar,
+  CalendarClock: lucideReact.CalendarClock,
   Package: lucideReact.Package,
+  Activity: lucideReact.Activity,
   BarChart3: lucideReact.BarChart3,
   FileText: lucideReact.FileText,
   Mail: lucideReact.Mail,
@@ -59,28 +61,39 @@ var ICON_MAP = {
   ShoppingCart: lucideReact.ShoppingCart,
   Target: lucideReact.Target,
   Wrench: lucideReact.Wrench,
+  Receipt: lucideReact.Receipt,
+  ShoppingBag: lucideReact.ShoppingBag,
   ClipboardList: lucideReact.ClipboardList,
+  ListChecks: lucideReact.ListChecks,
   Briefcase: lucideReact.Briefcase,
   UserCog: lucideReact.UserCog,
   BookOpen: lucideReact.BookOpen,
+  BookOpenCheck: lucideReact.BookOpenCheck,
   MessageCircle: lucideReact.MessageCircle,
   Globe: lucideReact.Globe,
   Percent: lucideReact.Percent,
   Tag: lucideReact.Tag,
+  Tags: lucideReact.Tags,
   Camera: lucideReact.Camera,
   UtensilsCrossed: lucideReact.UtensilsCrossed,
   MapPin: lucideReact.MapPin,
+  Map: lucideReact.Map,
   Handshake: lucideReact.Handshake,
   Contact: lucideReact.Contact,
   Building2: lucideReact.Building2,
   Filter: lucideReact.Filter,
   Plus: lucideReact.Plus,
   List: lucideReact.List,
+  ListPlus: lucideReact.ListPlus,
   Search: lucideReact.Search,
+  Shield: lucideReact.Shield,
+  Ban: lucideReact.Ban,
+  Clock: lucideReact.Clock,
   Dog: lucideReact.Dog,
   Cat: lucideReact.Cat,
   PawPrint: lucideReact.PawPrint,
   Heart: lucideReact.Heart,
+  FolderOpen: lucideReact.FolderOpen,
   LayoutTemplate: lucideReact.LayoutTemplate,
   LeafyGreen: lucideReact.LeafyGreen,
   Apple: lucideReact.Apple,
@@ -89,7 +102,12 @@ var ICON_MAP = {
   PartyPopper: lucideReact.PartyPopper,
   Radio: lucideReact.Radio,
   CalendarDays: lucideReact.CalendarDays,
+  CalendarCheck2: lucideReact.CalendarCheck2,
+  CalendarX: lucideReact.CalendarX,
+  BadgeDollarSign: lucideReact.BadgeDollarSign,
   Banknote: lucideReact.Banknote,
+  Landmark: lucideReact.Landmark,
+  CircleDollarSign: lucideReact.CircleDollarSign,
   Layers: lucideReact.Layers,
   Music: lucideReact.Music,
   Eye: lucideReact.Eye,
@@ -101,8 +119,16 @@ var ICON_MAP = {
   Award: lucideReact.Award,
   LayoutDashboard: lucideReact.LayoutDashboard,
   MessageSquare: lucideReact.MessageSquare,
+  Inbox: lucideReact.Inbox,
   Star: lucideReact.Star,
-  Workflow: lucideReact.Workflow
+  TrendingUp: lucideReact.TrendingUp,
+  UserCheck: lucideReact.UserCheck,
+  UserPlus: lucideReact.UserPlus,
+  UserX: lucideReact.UserX,
+  Workflow: lucideReact.Workflow,
+  Boxes: lucideReact.Boxes,
+  Clock3: lucideReact.Clock3,
+  FileCheck2: lucideReact.FileCheck2
 };
 function getIcon(name) {
   return ICON_MAP[name] ?? lucideReact.Home;
@@ -118,7 +144,7 @@ function NavItem({
     "button",
     {
       onClick: () => onNavigate(item.route),
-      className: chunkVVVZO2LE_cjs.cn(
+      className: chunkH6OULCHF_cjs.cn(
         "flex w-full items-center gap-3 rounded-md px-2.5 py-1.5 text-[13px] font-medium transition-colors",
         "hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground",
         isActive ? "bg-sidebar-accent font-semibold text-sidebar-accent-foreground shadow-sm" : "text-sidebar-foreground/80",
@@ -153,26 +179,44 @@ function NavItem({
   }
   return content;
 }
+function routeMatchScore(route, path) {
+  if (path === route) return route.length + 1;
+  if (route !== "/" && path.startsWith(route + "/")) return route.length;
+  return -1;
+}
+function resolveActiveRoute(navigation, path) {
+  let best = null;
+  let bestScore = 0;
+  const consider = (route) => {
+    if (!route) return;
+    const score = routeMatchScore(route, path);
+    if (score > bestScore) {
+      bestScore = score;
+      best = route;
+    }
+  };
+  for (const item of navigation) {
+    consider(item.route);
+    for (const child of item.children ?? []) consider(child.route);
+  }
+  return best;
+}
 function NavGroup({
   item,
   collapsed,
-  currentPath,
+  activeRoute,
   onNavigate
 }) {
-  const [open, setOpen] = React3__namespace.useState(
-    () => item.children?.some((c) => currentPath === c.route || currentPath.startsWith(c.route + "/")) ?? false
-  );
+  const isChildActive = item.children?.some((c) => c.route === activeRoute);
+  const [open, setOpen] = React3__namespace.useState(() => isChildActive ?? false);
   const Icon = getIcon(item.icon);
-  const isChildActive = item.children?.some(
-    (c) => currentPath === c.route || currentPath.startsWith(c.route + "/")
-  );
   if (collapsed) {
     return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip__namespace.Root, { delayDuration: 0, children: [
       /* @__PURE__ */ jsxRuntime.jsx(Tooltip__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           onClick: () => onNavigate(item.route),
-          className: chunkVVVZO2LE_cjs.cn(
+          className: chunkH6OULCHF_cjs.cn(
             "flex w-full items-center justify-center rounded-md px-2 py-2 text-sm font-medium transition-colors",
             "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
             isChildActive ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-muted"
@@ -191,7 +235,7 @@ function NavGroup({
       "button",
       {
         onClick: () => setOpen(!open),
-        className: chunkVVVZO2LE_cjs.cn(
+        className: chunkH6OULCHF_cjs.cn(
           "flex w-full items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors",
           "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
           isChildActive ? "text-sidebar-accent-foreground" : "text-sidebar-muted"
@@ -199,18 +243,18 @@ function NavGroup({
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4 shrink-0" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate text-left", children: item.label }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: chunkVVVZO2LE_cjs.cn("h-3.5 w-3.5 shrink-0 transition-transform", open && "rotate-180") })
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: chunkH6OULCHF_cjs.cn("h-3.5 w-3.5 shrink-0 transition-transform", open && "rotate-180") })
         ]
       }
     ),
     open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-4 mt-0.5 space-y-0.5 border-l border-sidebar-border/50 pl-3", children: item.children?.map((child) => {
       const ChildIcon = getIcon(child.icon);
-      const isActive = currentPath === child.route || currentPath.startsWith(child.route + "/");
+      const isActive = child.route === activeRoute;
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           onClick: () => onNavigate(child.route),
-          className: chunkVVVZO2LE_cjs.cn(
+          className: chunkH6OULCHF_cjs.cn(
             "flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-sm transition-colors",
             isActive ? "font-medium text-sidebar-accent-foreground" : "text-sidebar-muted hover:text-sidebar-accent-foreground"
           ),
@@ -242,6 +286,7 @@ function Sidebar({
 }) {
   const currentPath = currentPathProp;
   const setCommandPaletteOpen = useLayoutStore((s) => s.setCommandPaletteOpen);
+  const activeRoute = resolveActiveRoute(navigation, currentPath);
   const mainItems = navigation.filter((item) => item.section === "main");
   const secondaryItems = navigation.filter((item) => item.section === "secondary");
   const settingsItems = navigation.filter((item) => item.section === "settings");
@@ -252,7 +297,7 @@ function Sidebar({
     "aside",
     {
       "data-print": "hide",
-      className: chunkVVVZO2LE_cjs.cn(
+      className: chunkH6OULCHF_cjs.cn(
         "flex h-full flex-col bg-sidebar text-sidebar-foreground transition-all duration-200",
         !borderless && "border-r border-sidebar-border",
         collapsed ? "w-16" : "w-64"
@@ -261,7 +306,7 @@ function Sidebar({
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: chunkVVVZO2LE_cjs.cn(
+            className: chunkH6OULCHF_cjs.cn(
               "flex h-14 items-center justify-between px-4",
               !borderless && "border-b border-sidebar-border",
               collapsed && "justify-center px-2"
@@ -294,43 +339,43 @@ function Sidebar({
         /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex-1 space-y-1 overflow-y-auto p-2", children: [
           topContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 space-y-2", children: topContent }),
           mainItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: mainItems.map(
-            (item) => item.children && item.children.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(NavGroup, { item, collapsed, currentPath, onNavigate: handleNavigate }, item.id) : /* @__PURE__ */ jsxRuntime.jsx(
+            (item) => item.children && item.children.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(NavGroup, { item, collapsed, activeRoute, onNavigate: handleNavigate }, item.id) : /* @__PURE__ */ jsxRuntime.jsx(
               NavItem,
               {
                 item,
                 collapsed,
-                isActive: currentPath === item.route || currentPath.startsWith(item.route + "/"),
+                isActive: item.route === activeRoute,
                 onNavigate: handleNavigate
               },
               item.id
             )
           ) }),
           secondaryItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 space-y-1", children: secondaryItems.map(
-            (item) => item.children && item.children.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(NavGroup, { item, collapsed, currentPath, onNavigate: handleNavigate }, item.id) : /* @__PURE__ */ jsxRuntime.jsx(
+            (item) => item.children && item.children.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(NavGroup, { item, collapsed, activeRoute, onNavigate: handleNavigate }, item.id) : /* @__PURE__ */ jsxRuntime.jsx(
               NavItem,
               {
                 item,
                 collapsed,
-                isActive: currentPath === item.route || currentPath.startsWith(item.route + "/"),
+                isActive: item.route === activeRoute,
                 onNavigate: handleNavigate
               },
               item.id
             )
           ) })
         ] }),
-        settingsItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkVVVZO2LE_cjs.cn("p-2 space-y-1", !borderless && "border-t border-sidebar-border"), children: settingsItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+        settingsItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH6OULCHF_cjs.cn("p-2 space-y-1", !borderless && "border-t border-sidebar-border"), children: settingsItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
           NavItem,
           {
             item,
             collapsed,
-            isActive: currentPath === item.route || currentPath.startsWith(item.route + "/"),
+            isActive: item.route === activeRoute,
             onNavigate: handleNavigate
           },
           item.id
         )) }),
-        footerContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkVVVZO2LE_cjs.cn("p-2", !borderless && "border-t border-sidebar-border"), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: footerContent }) }),
+        footerContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH6OULCHF_cjs.cn("p-2", !borderless && "border-t border-sidebar-border"), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: footerContent }) }),
         orgSwitcher && React3__namespace.isValidElement(orgSwitcher) ? React3__namespace.cloneElement(orgSwitcher, { collapsed }) : orgSwitcher,
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkVVVZO2LE_cjs.cn("p-2", !borderless && "border-t border-sidebar-border"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVVZO2LE_cjs.cn(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH6OULCHF_cjs.cn("p-2", !borderless && "border-t border-sidebar-border"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH6OULCHF_cjs.cn(
           "flex items-center rounded-md",
           collapsed ? "flex-col gap-1" : "gap-1 px-1"
         ), children: [
@@ -432,23 +477,29 @@ var ICON_MAP2 = {
   CreditCard: lucideReact.CreditCard,
   Bell: lucideReact.Bell,
   Calendar: lucideReact.Calendar,
+  CalendarClock: lucideReact.CalendarClock,
   Package: lucideReact.Package,
+  Activity: lucideReact.Activity,
   BarChart3: lucideReact.BarChart3,
   FileText: lucideReact.FileText,
   Mail: lucideReact.Mail,
   DollarSign: lucideReact.DollarSign,
   Megaphone: lucideReact.Megaphone,
   ShoppingCart: lucideReact.ShoppingCart,
+  ShoppingBag: lucideReact.ShoppingBag,
   Target: lucideReact.Target,
   Wrench: lucideReact.Wrench,
   ClipboardList: lucideReact.ClipboardList,
+  ClipboardCheck: lucideReact.ClipboardCheck,
   Briefcase: lucideReact.Briefcase,
   UserCog: lucideReact.UserCog,
   BookOpen: lucideReact.BookOpen,
   MessageCircle: lucideReact.MessageCircle,
   Globe: lucideReact.Globe,
+  BookOpenCheck: lucideReact.BookOpenCheck,
   Percent: lucideReact.Percent,
   Tag: lucideReact.Tag,
+  Tags: lucideReact.Tags,
   Camera: lucideReact.Camera,
   UtensilsCrossed: lucideReact.UtensilsCrossed,
   Search: lucideReact.Search,
@@ -459,7 +510,10 @@ var ICON_MAP2 = {
   ChevronDown: lucideReact.ChevronDown,
   Filter: lucideReact.Filter,
   Plus: lucideReact.Plus,
+  Shield: lucideReact.Shield,
   List: lucideReact.List,
+  ListChecks: lucideReact.ListChecks,
+  FolderOpen: lucideReact.FolderOpen,
   Dog: lucideReact.Dog,
   Cat: lucideReact.Cat,
   PawPrint: lucideReact.PawPrint,
@@ -488,10 +542,15 @@ var ICON_MAP2 = {
   ArrowUpRight: lucideReact.ArrowUpRight,
   ArrowDownRight: lucideReact.ArrowDownRight,
   UserPlus: lucideReact.UserPlus,
+  UserX: lucideReact.UserX,
   TreePalm: lucideReact.TreePalm,
+  Boxes: lucideReact.Boxes,
+  Box: lucideReact.Box,
+  FileCheck2: lucideReact.FileCheck2,
   PartyPopper: lucideReact.PartyPopper,
   Radio: lucideReact.Radio,
   CalendarDays: lucideReact.CalendarDays,
+  BadgeDollarSign: lucideReact.BadgeDollarSign,
   Banknote: lucideReact.Banknote,
   Layers: lucideReact.Layers,
   Music: lucideReact.Music,
@@ -499,7 +558,18 @@ var ICON_MAP2 = {
   ListMusic: lucideReact.ListMusic,
   Disc3: lucideReact.Disc3,
   UsersRound: lucideReact.UsersRound,
-  Mic: lucideReact.Mic
+  Mic: lucideReact.Mic,
+  CalendarCheck2: lucideReact.CalendarCheck2,
+  CalendarX: lucideReact.CalendarX,
+  ListPlus: lucideReact.ListPlus,
+  Map: lucideReact.Map,
+  Ban: lucideReact.Ban,
+  Clock3: lucideReact.Clock3,
+  Inbox: lucideReact.Inbox,
+  UserCheck: lucideReact.UserCheck,
+  Star: lucideReact.Star,
+  Zap: lucideReact.Zap,
+  Clapperboard: lucideReact.Clapperboard
 };
 function getIcon2(name) {
   return ICON_MAP2[name] ?? lucideReact.Home;
@@ -515,14 +585,14 @@ function NavDropdown({ item, currentPath, onNavigate }) {
       "button",
       {
         "data-nav-active": isChildActive || void 0,
-        className: chunkVVVZO2LE_cjs.cn(
+        className: chunkH6OULCHF_cjs.cn(
           "flex items-center gap-1.5 whitespace-nowrap border-b-2 px-3 py-2 text-sm transition-colors",
           isChildActive ? "border-sidebar-accent-foreground font-semibold text-sidebar-foreground" : "border-transparent text-sidebar-muted hover:text-sidebar-foreground"
         ),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: chunkVVVZO2LE_cjs.cn("h-3 w-3 transition-transform", open && "rotate-180") })
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: chunkH6OULCHF_cjs.cn("h-3 w-3 transition-transform", open && "rotate-180") })
         ]
       }
     ) }),
@@ -542,7 +612,7 @@ function NavDropdown({ item, currentPath, onNavigate }) {
                 onNavigate(child.route);
                 setOpen(false);
               },
-              className: chunkVVVZO2LE_cjs.cn(
+              className: chunkH6OULCHF_cjs.cn(
                 "flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors",
                 isActive ? "bg-muted font-medium text-foreground" : "text-popover-foreground hover:bg-muted/70"
               ),
@@ -584,7 +654,7 @@ function Topbar({
   return /* @__PURE__ */ jsxRuntime.jsxs("header", { "data-print": "hide", className: "sticky top-0 z-50 w-full shrink-0", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-sidebar-border bg-sidebar text-sidebar-foreground", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-14 w-full items-center justify-between px-4 md:px-6", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+        onMenuClick && /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             onClick: onMenuClick,
@@ -599,7 +669,7 @@ function Topbar({
         "button",
         {
           onClick: () => setCommandPaletteOpen(true),
-          className: "relative flex h-8 w-full items-center rounded-md border border-sidebar-border bg-sidebar-accent px-3 pl-8 text-sm text-sidebar-muted shadow-sm transition-colors hover:bg-card",
+          className: "relative flex h-8 w-full items-center rounded-md border border-sidebar-border bg-sidebar-accent px-3 pl-8 text-sm text-sidebar-muted shadow-sm transition-colors hover:border-sidebar-foreground/25 hover:bg-sidebar-foreground/10 hover:text-sidebar-foreground",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-sidebar-muted" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: searchPlaceholder }),
@@ -630,7 +700,7 @@ function Topbar({
         const left = active.offsetLeft - el.offsetWidth / 2 + active.offsetWidth / 2;
         el.scrollTo({ left: Math.max(0, left), behavior: "smooth" });
       }
-    }, className: "flex items-center gap-0.5 overflow-x-auto scrollbar-hide", children: allNav.map((item) => {
+    }, className: "flex items-center gap-0.5 overflow-x-auto scrollbar-none", children: allNav.map((item) => {
       if (item.children && item.children.length > 0) {
         return /* @__PURE__ */ jsxRuntime.jsx(
           NavDropdown,
@@ -649,7 +719,7 @@ function Topbar({
         {
           "data-nav-active": isActive || void 0,
           onClick: () => handleNavigate(item.route),
-          className: chunkVVVZO2LE_cjs.cn(
+          className: chunkH6OULCHF_cjs.cn(
             "flex items-center gap-1.5 whitespace-nowrap border-b-2 px-3 py-2 text-sm transition-colors",
             isActive ? "border-primary font-semibold text-sidebar-foreground" : "border-transparent text-sidebar-muted hover:text-sidebar-foreground"
           ),
@@ -693,14 +763,22 @@ function SidebarLayout({
   topbarEnd,
   userMenuSlot,
   notificationSlot,
-  unreadCount = 0
+  unreadCount = 0,
+  hasBottomNav = false,
+  mobileHeader = "minimal"
 }) {
   const sidebarCollapsed = useLayoutStore((s) => s.sidebarCollapsed);
   const setSidebarCollapsed = useLayoutStore((s) => s.setSidebarCollapsed);
   const [mobileMenuOpen, setMobileMenuOpen] = React3__namespace.useState(false);
   const [headerSlot, setHeaderSlot] = React3__namespace.useState(null);
   const [actionsSlot, setActionsSlot] = React3__namespace.useState(null);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkW4XXXJRW_cjs.SaveBarProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(ModuleHeaderSlotContext.Provider, { value: headerSlot, children: /* @__PURE__ */ jsxRuntime.jsx(ModuleHeaderActionsSlotContext.Provider, { value: actionsSlot, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-screen overflow-hidden bg-background", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkOW73RZOU_cjs.SaveBarProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(ModuleHeaderSlotContext.Provider, { value: headerSlot, children: /* @__PURE__ */ jsxRuntime.jsx(ModuleHeaderActionsSlotContext.Provider, { value: actionsSlot, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH6OULCHF_cjs.cn(
+    "flex h-screen overflow-hidden bg-background",
+    // Frame mode: the inset gap around the framed card takes the sidebar (menu)
+    // color, so the white card reads as a panel floating on the same tone as the
+    // left menu. The card's own md:m-2 margin reveals this behind it.
+    frame && "md:bg-sidebar"
+  ), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden md:flex", children: /* @__PURE__ */ jsxRuntime.jsx(
       Sidebar,
       {
@@ -724,13 +802,16 @@ function SidebarLayout({
         unreadCount
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVVZO2LE_cjs.cn(
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH6OULCHF_cjs.cn(
       "relative flex flex-1 flex-col overflow-hidden",
       frame && "md:m-2 md:rounded-xl md:border md:border-border md:bg-card"
     ), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-14 shrink-0 items-center justify-between gap-3 border-b border-border bg-card px-4 py-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH6OULCHF_cjs.cn(
+        "flex min-h-14 shrink-0 items-center justify-between gap-3 border-b border-border bg-card px-4 py-2",
+        mobileHeader !== "minimal" && "hidden md:flex"
+      ), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+          !hasBottomNav && /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               onClick: () => setMobileMenuOpen(true),
@@ -748,8 +829,8 @@ function SidebarLayout({
           topbarEnd
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-y-auto", children }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkW4XXXJRW_cjs.SaveBar, {})
+      /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-y-auto pb-16 md:pb-0", children }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkOW73RZOU_cjs.SaveBar, {})
     ] }),
     mobileMenuOpen && /* @__PURE__ */ jsxRuntime.jsx(
       MobileOverlay,
@@ -788,10 +869,11 @@ function TopbarLayout({
   frame,
   currentPath,
   topbarStart,
-  topbarEnd
+  topbarEnd,
+  hasBottomNav = false
 }) {
   const [mobileMenuOpen, setMobileMenuOpen] = React3__namespace.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkW4XXXJRW_cjs.SaveBarProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-screen flex-col overflow-hidden bg-background", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkOW73RZOU_cjs.SaveBarProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-screen flex-col overflow-hidden bg-background", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       Topbar,
       {
@@ -807,11 +889,11 @@ function TopbarLayout({
         userMenuExtras,
         leftContent: topbarStart,
         rightContent: topbarEnd,
-        onMenuClick: () => setMobileMenuOpen(true)
+        onMenuClick: hasBottomNav ? void 0 : () => setMobileMenuOpen(true)
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("main", { className: chunkVVVZO2LE_cjs.cn("flex-1 overflow-y-auto", frame && "md:p-2"), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkVVVZO2LE_cjs.cn("min-h-full", frame && "md:rounded-xl md:border md:border-border md:bg-card"), children }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkW4XXXJRW_cjs.SaveBar, {}),
+    /* @__PURE__ */ jsxRuntime.jsx("main", { className: chunkH6OULCHF_cjs.cn("flex-1 overflow-y-auto pb-16 md:pb-0", frame && "md:bg-sidebar md:p-2"), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH6OULCHF_cjs.cn("min-h-full", frame && "md:rounded-xl md:border md:border-border md:bg-card"), children }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkOW73RZOU_cjs.SaveBar, {}),
     mobileMenuOpen && /* @__PURE__ */ jsxRuntime.jsx(
       MobileOverlay,
       {
@@ -848,7 +930,7 @@ function MinimalLayout({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: logo ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-bold", children: "App" }) }),
       headerEnd && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: headerEnd })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-y-auto", children })
+    /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-y-auto pb-16 md:pb-0", children })
   ] });
 }
 function MobileOverlay({ onClose, onNavigate, ...sidebarProps }) {
@@ -879,7 +961,7 @@ function MobileOverlay({ onClose, onNavigate, ...sidebarProps }) {
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunkVVVZO2LE_cjs.cn(
+        className: chunkH6OULCHF_cjs.cn(
           "absolute inset-0 bg-black/50 transition-opacity duration-300 ease-out",
           visible ? "opacity-100" : "opacity-0"
         ),
@@ -889,7 +971,7 @@ function MobileOverlay({ onClose, onNavigate, ...sidebarProps }) {
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunkVVVZO2LE_cjs.cn(
+        className: chunkH6OULCHF_cjs.cn(
           "absolute inset-y-0 left-0 shadow-2xl transition-transform duration-300 ease-out will-change-transform",
           visible ? "translate-x-0" : "-translate-x-full"
         ),
@@ -910,6 +992,82 @@ function MobileOverlay({ onClose, onNavigate, ...sidebarProps }) {
     )
   ] });
 }
+var BOTTOM_NAV_ICONS = {
+  Home: lucideReact.Home,
+  Receipt: lucideReact.Receipt,
+  ArrowLeftRight: lucideReact.ArrowLeftRight,
+  Calendar: lucideReact.Calendar,
+  CreditCard: lucideReact.CreditCard,
+  Settings: lucideReact.Settings,
+  Menu: lucideReact.Menu,
+  MessageCircle: lucideReact.MessageCircle,
+  Wallet: lucideReact.Wallet,
+  PiggyBank: lucideReact.PiggyBank,
+  Plus: lucideReact.Plus
+};
+function FloatingProfileAvatar({ user, onClick }) {
+  if (!user) return null;
+  const label = user.fullName || user.email;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "aria-label": "Profile",
+      className: "fixed right-3 top-3 z-40 md:hidden",
+      children: user.avatarUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: user.avatarUrl,
+          alt: "",
+          className: "h-9 w-9 rounded-full object-cover shadow-md ring-2 ring-background"
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-primary text-sm font-semibold text-primary-foreground shadow-md ring-2 ring-background", children: (label || "?").charAt(0).toUpperCase() })
+    }
+  );
+}
+function MobileBottomNav({
+  items,
+  currentPath,
+  onNavigate,
+  onAction
+}) {
+  const path = currentPath ?? "";
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "fixed inset-x-0 bottom-0 z-50 flex h-16 items-center justify-around border-t border-border bg-background md:hidden", children: items.map((item) => {
+    if (item.kind === "action") {
+      const ActionIcon = BOTTOM_NAV_ICONS[item.icon] ?? lucideReact.Plus;
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 items-start justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onAction?.(item.id),
+          "aria-label": item.label ?? "Add",
+          className: "-mt-6 flex h-14 w-14 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-lg shadow-primary/30 ring-4 ring-background transition-transform active:scale-95",
+          children: /* @__PURE__ */ jsxRuntime.jsx(ActionIcon, { className: "h-6 w-6" })
+        }
+      ) }, item.id);
+    }
+    const isActive = item.route === "/" ? path === "/" || path === "" : path === item.route || path.startsWith(item.route + "/");
+    const Icon = BOTTOM_NAV_ICONS[item.icon] ?? lucideReact.Home;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onNavigate?.(item.route),
+        className: chunkH6OULCHF_cjs.cn(
+          "flex flex-1 flex-col items-center justify-center gap-0.5 px-1 py-1 transition-colors",
+          isActive ? "text-primary" : "text-muted-foreground"
+        ),
+        "aria-current": isActive ? "page" : void 0,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-5 w-5" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: item.label })
+        ]
+      },
+      item.route
+    );
+  }) });
+}
 function AppShell({
   variant,
   contentFrame,
@@ -930,13 +1088,28 @@ function AppShell({
   topbarEnd,
   sidebarTopContent,
   sidebarFooterContent,
+  bottomNav,
+  onBottomNavAction,
+  mobileHeader = "minimal",
   userMenuSlot,
   notificationSlot,
   unreadCount = 0
 }) {
+  const hasBottomNav = !!bottomNav?.length;
+  const bottomBar = hasBottomNav ? /* @__PURE__ */ jsxRuntime.jsx(
+    MobileBottomNav,
+    {
+      items: bottomNav,
+      currentPath,
+      onNavigate,
+      onAction: onBottomNavAction
+    }
+  ) : null;
+  const floatingAvatar = mobileHeader === "transparent" && user ? /* @__PURE__ */ jsxRuntime.jsx(FloatingProfileAvatar, { user, onClick: onProfile }) : null;
+  let layoutElement;
   switch (variant) {
     case "sidebar":
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      layoutElement = /* @__PURE__ */ jsxRuntime.jsx(
         SidebarLayout,
         {
           navigation,
@@ -959,11 +1132,14 @@ function AppShell({
           userMenuSlot,
           notificationSlot,
           unreadCount,
+          hasBottomNav,
+          mobileHeader,
           children
         }
       );
+      break;
     case "topbar":
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      layoutElement = /* @__PURE__ */ jsxRuntime.jsx(
         TopbarLayout,
         {
           navigation,
@@ -979,15 +1155,23 @@ function AppShell({
           currentPath,
           topbarStart,
           topbarEnd,
+          hasBottomNav,
           children
         }
       );
+      break;
     case "minimal":
-      return /* @__PURE__ */ jsxRuntime.jsx(MinimalLayout, { logo, user, headerEnd: topbarEnd, children });
+      layoutElement = /* @__PURE__ */ jsxRuntime.jsx(MinimalLayout, { logo, user, headerEnd: topbarEnd, children });
+      break;
     default: {
       return null;
     }
   }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    layoutElement,
+    floatingAvatar,
+    bottomBar
+  ] });
 }
 var NavTransitionContext = React3__namespace.createContext("slide");
 function NavTransitionProvider({ value, children }) {
@@ -1011,7 +1195,7 @@ function PageTransition({
 }) {
   const transition = useNavTransition();
   const animClass = resolveTransitionClass(transition, direction);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkVVVZO2LE_cjs.cn(animClass, className), children }, transitionKey);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH6OULCHF_cjs.cn(animClass, className), children }, transitionKey);
 }
 function PageHeaderActions({ children }) {
   const slot = useModuleHeaderActionsSlot();
@@ -1037,7 +1221,7 @@ function NavItem2({ item }) {
       {
         type: "button",
         onClick: () => hasChildren ? setExpanded(!expanded) : item.onClick?.(),
-        className: chunkVVVZO2LE_cjs.cn(
+        className: chunkH6OULCHF_cjs.cn(
           "flex items-center gap-2 w-full rounded-md px-2.5 py-1.5 text-sm transition-colors",
           isActive ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"
         ),
@@ -1053,7 +1237,7 @@ function NavItem2({ item }) {
       {
         type: "button",
         onClick: child.onClick,
-        className: chunkVVVZO2LE_cjs.cn(
+        className: chunkH6OULCHF_cjs.cn(
           "flex items-center w-full rounded-md px-2.5 py-1 text-xs transition-colors",
           child.active ? "text-primary font-medium bg-primary/5" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"
         ),
@@ -1076,7 +1260,7 @@ function MobileTabs({ nav }) {
     }
   }, [nav]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:hidden -mx-1 mb-4 no-print", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: scrollRef, className: "flex gap-1 px-1 pb-2 overflow-x-auto scrollbar-hide", children: nav.map((item) => {
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: scrollRef, className: "flex gap-1 px-1 pb-2 overflow-x-auto scrollbar-none", children: nav.map((item) => {
       const Icon = item.icon ? ICON_MAP2[item.icon] ?? null : null;
       const hasChildren = item.children && item.children.length > 0;
       const isActive = item.active || item.children?.some((c) => c.active);
@@ -1094,14 +1278,14 @@ function MobileTabs({ nav }) {
               setExpandedId(null);
             }
           },
-          className: chunkVVVZO2LE_cjs.cn(
+          className: chunkH6OULCHF_cjs.cn(
             "flex items-center gap-1.5 whitespace-nowrap rounded-full px-3 py-1.5 text-xs font-medium transition-colors shrink-0",
             isActive ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:text-foreground"
           ),
           children: [
             Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-3 w-3" }),
             item.label,
-            hasChildren && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: chunkVVVZO2LE_cjs.cn("h-2.5 w-2.5 transition-transform", isExpanded && "rotate-180") })
+            hasChildren && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: chunkH6OULCHF_cjs.cn("h-2.5 w-2.5 transition-transform", isExpanded && "rotate-180") })
           ]
         },
         item.id
@@ -1118,7 +1302,7 @@ function MobileTabs({ nav }) {
             child.onClick?.();
             setExpandedId(null);
           },
-          className: chunkVVVZO2LE_cjs.cn(
+          className: chunkH6OULCHF_cjs.cn(
             "whitespace-nowrap rounded-full px-2.5 py-1 text-[11px] font-medium transition-colors shrink-0",
             child.active ? "bg-foreground/10 text-foreground" : "text-muted-foreground hover:text-foreground"
           ),
@@ -1139,8 +1323,8 @@ function useBackStyle() {
 function SubpageHeader({ title, subtitle, icon, onBack, parentLabel, actions, backStyle }) {
   const t = core.useTranslation();
   const appStyle = useBackStyle();
-  const { onBack: effectiveOnBack, parentLabel: effectiveParentLabel } = chunkW4XXXJRW_cjs.useCrossModuleBack(onBack, parentLabel);
-  chunkW4XXXJRW_cjs.useBackHandler(effectiveOnBack);
+  const { onBack: effectiveOnBack, parentLabel: effectiveParentLabel } = chunkOW73RZOU_cjs.useCrossModuleBack(onBack, parentLabel);
+  chunkOW73RZOU_cjs.useBackHandler(effectiveOnBack);
   const Icon = icon ? ICON_MAP2[icon] ?? null : null;
   const style = !effectiveOnBack ? "icon" : backStyle ?? appStyle;
   const effectiveStyle = style !== "icon" && !effectiveParentLabel ? "icon" : style;
@@ -1199,7 +1383,7 @@ function ModuleHeader({ nav }) {
     const kids = item.children ?? [];
     return kids.find((c) => /list/i.test(c.id) || /^list$/i.test(c.label)) ?? kids[kids.length - 1];
   }
-  const content = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full min-w-0 items-center gap-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 items-center gap-0.5 overflow-x-auto scrollbar-hide", children: nav.map((item) => {
+  const content = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full min-w-0 items-center gap-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 items-center gap-0.5 overflow-x-auto scrollbar-none", children: nav.map((item) => {
     const Icon = item.icon ? ICON_MAP2[item.icon] ?? null : null;
     const hasChildren = item.children && item.children.length > 0;
     const isActive = item.active || item.children?.some((c) => c.active);
@@ -1208,7 +1392,7 @@ function ModuleHeader({ nav }) {
       {
         type: "button",
         onClick: () => hasChildren ? defaultChild(item)?.onClick?.() : item.onClick?.(),
-        className: chunkVVVZO2LE_cjs.cn(
+        className: chunkH6OULCHF_cjs.cn(
           "flex shrink-0 items-center gap-1.5 whitespace-nowrap border-b-2 px-2.5 py-1.5 text-sm font-medium transition-colors",
           isActive ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"
         ),
@@ -1231,11 +1415,11 @@ function ModulePage({ title, subtitle, nav, children, className, headerAction, s
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(ModuleHeader, { nav }),
       showHeader && headerAction && /* @__PURE__ */ jsxRuntime.jsx(PageHeaderActions, { children: headerAction }),
-      /* @__PURE__ */ jsxRuntime.jsx(PageTransition, { transitionKey, direction, className: chunkVVVZO2LE_cjs.cn("min-w-0", className), children })
+      /* @__PURE__ */ jsxRuntime.jsx(PageTransition, { transitionKey, direction, className: chunkH6OULCHF_cjs.cn("min-w-0", className), children })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVVZO2LE_cjs.cn("flex gap-6 -mt-2", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-48 shrink-0 hidden md:block no-print", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVVZO2LE_cjs.cn(sidebarFooter && "sticky top-4 flex flex-col"), style: sidebarFooter ? { height: "calc(100vh - 8rem)" } : void 0, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH6OULCHF_cjs.cn("flex gap-6 -mt-2", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-48 shrink-0 hidden md:block no-print", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH6OULCHF_cjs.cn(sidebarFooter && "sticky top-4 flex flex-col"), style: sidebarFooter ? { height: "calc(100vh - 8rem)" } : void 0, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider px-2.5 mb-2", children: title }),
         /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "space-y-0.5", children: nav.map((item) => /* @__PURE__ */ jsxRuntime.jsx(NavItem2, { item }, item.id)) })
@@ -1255,9 +1439,96 @@ function ModulePage({ title, subtitle, nav, children, className, headerAction, s
     ] })
   ] });
 }
+var ContentSplitContext = React3__namespace.createContext(null);
+function ContentSplit({
+  children,
+  aside,
+  asideTitle,
+  asideDescription,
+  asideWidth = "20rem",
+  asideOpen,
+  onAsideOpenChange,
+  collapsible = false,
+  defaultCollapsed = false,
+  className
+}) {
+  const [internalOpen, setInternalOpen] = React3__namespace.useState(false);
+  const open = asideOpen ?? internalOpen;
+  const setOpen = onAsideOpenChange ?? setInternalOpen;
+  const [collapsed, setCollapsed] = React3__namespace.useState(collapsible && defaultCollapsed);
+  return /* @__PURE__ */ jsxRuntime.jsxs(ContentSplitContext.Provider, { value: { open, setOpen }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: chunkH6OULCHF_cjs.cn("lg:grid lg:items-start lg:gap-6", className),
+        style: { gridTemplateColumns: `minmax(0, 1fr) ${collapsed ? "auto" : asideWidth}` },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children }),
+          /* @__PURE__ */ jsxRuntime.jsx("aside", { className: "hidden lg:block lg:sticky lg:top-4", children: collapsed ? /* @__PURE__ */ jsxRuntime.jsx(
+            chunkH6OULCHF_cjs.Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => setCollapsed(false),
+              className: "h-9 w-9 p-0",
+              "aria-label": typeof asideTitle === "string" ? asideTitle : void 0,
+              title: typeof asideTitle === "string" ? asideTitle : void 0,
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelRightOpen, { className: "h-4 w-4" })
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-card border border-border bg-card", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2 border-b border-border px-4 py-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground", children: asideTitle }),
+                asideDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: asideDescription })
+              ] }),
+              collapsible && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setCollapsed(true),
+                  className: "rounded p-1 text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground",
+                  "aria-label": "collapse",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelRightClose, { className: "h-4 w-4" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: aside })
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(chunkOW73RZOU_cjs.Sheet, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkOW73RZOU_cjs.SheetContent, { width: "max-w-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkOW73RZOU_cjs.SheetHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkOW73RZOU_cjs.SheetTitle, { children: asideTitle }),
+        asideDescription && /* @__PURE__ */ jsxRuntime.jsx(chunkOW73RZOU_cjs.SheetDescription, { children: asideDescription })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkOW73RZOU_cjs.SheetBody, { children: aside })
+    ] }) }) })
+  ] });
+}
+function ContentSplitTrigger({ label, iconOnly, className }) {
+  const ctx = React3__namespace.useContext(ContentSplitContext);
+  if (!ctx) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkH6OULCHF_cjs.Button,
+    {
+      variant: "outline",
+      size: "sm",
+      onClick: () => ctx.setOpen(true),
+      className: chunkH6OULCHF_cjs.cn("lg:hidden", className),
+      "aria-label": typeof label === "string" ? label : void 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelRight, { className: chunkH6OULCHF_cjs.cn("h-4 w-4", !iconOnly && "mr-1.5") }),
+        !iconOnly && label
+      ]
+    }
+  );
+}
 
 exports.AppShell = AppShell;
 exports.BackStyleProvider = BackStyleProvider;
+exports.ContentSplit = ContentSplit;
+exports.ContentSplitTrigger = ContentSplitTrigger;
 exports.ICON_MAP = ICON_MAP;
 exports.ModuleLayoutProvider = ModuleLayoutProvider;
 exports.ModulePage = ModulePage;
@@ -1273,5 +1544,5 @@ exports.useModuleHeaderActionsSlot = useModuleHeaderActionsSlot;
 exports.useModuleHeaderSlot = useModuleHeaderSlot;
 exports.useModuleLayout = useModuleLayout;
 exports.useNavTransition = useNavTransition;
-//# sourceMappingURL=chunk-GE6XUREM.cjs.map
-//# sourceMappingURL=chunk-GE6XUREM.cjs.map
+//# sourceMappingURL=chunk-HG5RH3B3.cjs.map
+//# sourceMappingURL=chunk-HG5RH3B3.cjs.map