@fayz-ai/ui 0.2.0 → 0.5.0

package/dist/chunk-CZ6X6PZT.js

@@ -0,0 +1,1237 @@
+import { useCrossModuleBack, useBackHandler, SaveBarProvider, SaveBar } from './chunk-E526FHZ4.js';
+import { cn } from './chunk-DNYVEOAX.js';
+import * as React3 from 'react';
+import { Workflow, Star, MessageSquare, LayoutDashboard, Award, Zap, Mic, UsersRound, Disc3, ListMusic, Eye, Music, Layers, Banknote, CalendarDays, Radio, PartyPopper, Wheat, Egg, Apple, LeafyGreen, LayoutTemplate, Heart, PawPrint, Cat, Dog, Search, List, Plus, Filter, Building2, Contact, Handshake, MapPin, UtensilsCrossed, Camera, Tag, Percent, Globe, MessageCircle, BookOpen, UserCog, Briefcase, ClipboardList, Wrench, Target, ShoppingCart, Megaphone, DollarSign, Mail, FileText, BarChart3, Package, Calendar, Bell, CreditCard, Settings, Users, Home, PanelLeftClose, PanelLeft, Menu, ChevronRight, ChevronLeft, TreePalm, UserPlus, ArrowDownRight, ArrowUpRight, Ruler, Warehouse, Wallet, Sparkles, AlertTriangle, Clock, CircleDollarSign, TrendingUp, Receipt, Landmark, TableProperties, SlidersHorizontal, Plug, ArrowLeftRight, ArrowUpCircle, ArrowDownCircle, ChevronDown } from 'lucide-react';
+import * as Tooltip from '@radix-ui/react-tooltip';
+import { create } from 'zustand';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as Popover from '@radix-ui/react-popover';
+import { createPortal } from 'react-dom';
+import { useTranslation } from '@fayz-ai/core';
+
+var useLayoutStore = create((set) => ({
+  sidebarOpen: true,
+  sidebarCollapsed: false,
+  mobileDrawerOpen: false,
+  commandPaletteOpen: false,
+  toggleSidebar: () => set((state) => ({ sidebarOpen: !state.sidebarOpen })),
+  setSidebarCollapsed: (collapsed) => set({ sidebarCollapsed: collapsed }),
+  toggleMobileDrawer: () => set((state) => ({ mobileDrawerOpen: !state.mobileDrawerOpen })),
+  setCommandPaletteOpen: (open) => set({ commandPaletteOpen: open })
+}));
+var ICON_MAP = {
+  Home,
+  Users,
+  Settings,
+  CreditCard,
+  Bell,
+  Calendar,
+  Package,
+  BarChart3,
+  FileText,
+  Mail,
+  DollarSign,
+  Megaphone,
+  ShoppingCart,
+  Target,
+  Wrench,
+  ClipboardList,
+  Briefcase,
+  UserCog,
+  BookOpen,
+  MessageCircle,
+  Globe,
+  Percent,
+  Tag,
+  Camera,
+  UtensilsCrossed,
+  MapPin,
+  Handshake,
+  Contact,
+  Building2,
+  Filter,
+  Plus,
+  List,
+  Search,
+  Dog,
+  Cat,
+  PawPrint,
+  Heart,
+  LayoutTemplate,
+  LeafyGreen,
+  Apple,
+  Egg,
+  Wheat,
+  PartyPopper,
+  Radio,
+  CalendarDays,
+  Banknote,
+  Layers,
+  Music,
+  Eye,
+  ListMusic,
+  Disc3,
+  UsersRound,
+  Mic,
+  Zap,
+  Award,
+  LayoutDashboard,
+  MessageSquare,
+  Star,
+  Workflow
+};
+function getIcon(name) {
+  return ICON_MAP[name] ?? Home;
+}
+function NavItem({
+  item,
+  collapsed,
+  isActive,
+  onNavigate
+}) {
+  const Icon = getIcon(item.icon);
+  const content = /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick: () => onNavigate(item.route),
+      className: 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",
+        collapsed && "justify-center px-2"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0" }),
+        !collapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left", children: item.label }),
+          item.badge !== void 0 && /* @__PURE__ */ jsx("span", { className: "ml-auto rounded-full bg-primary px-2 py-0.5 text-xs font-semibold text-primary-foreground", children: item.badge })
+        ] })
+      ]
+    }
+  );
+  if (collapsed) {
+    return /* @__PURE__ */ jsxs(Tooltip.Root, { delayDuration: 0, children: [
+      /* @__PURE__ */ jsx(Tooltip.Trigger, { asChild: true, children: content }),
+      /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsxs(
+        Tooltip.Content,
+        {
+          side: "right",
+          sideOffset: 8,
+          className: "fayz-glass-surface z-50 rounded-md bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md",
+          children: [
+            item.label,
+            item.badge !== void 0 && /* @__PURE__ */ jsx("span", { className: "ml-2 rounded-full bg-primary px-1.5 py-0.5 text-xs text-primary-foreground", children: item.badge }),
+            /* @__PURE__ */ jsx(Tooltip.Arrow, { className: "fill-popover" })
+          ]
+        }
+      ) })
+    ] });
+  }
+  return content;
+}
+function NavGroup({
+  item,
+  collapsed,
+  currentPath,
+  onNavigate
+}) {
+  const [open, setOpen] = React3.useState(
+    () => item.children?.some((c) => currentPath === c.route || currentPath.startsWith(c.route + "/")) ?? false
+  );
+  const Icon = getIcon(item.icon);
+  const isChildActive = item.children?.some(
+    (c) => currentPath === c.route || currentPath.startsWith(c.route + "/")
+  );
+  if (collapsed) {
+    return /* @__PURE__ */ jsxs(Tooltip.Root, { delayDuration: 0, children: [
+      /* @__PURE__ */ jsx(Tooltip.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => onNavigate(item.route),
+          className: 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"
+          ),
+          children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0" })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsxs(Tooltip.Content, { side: "right", sideOffset: 8, className: "fayz-glass-surface z-50 rounded-md bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md", children: [
+        item.label,
+        /* @__PURE__ */ jsx(Tooltip.Arrow, { className: "fill-popover" })
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setOpen(!open),
+        className: 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"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0" }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left", children: item.label }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: cn("h-3.5 w-3.5 shrink-0 transition-transform", open && "rotate-180") })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ 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 + "/");
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => onNavigate(child.route),
+          className: 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"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(ChildIcon, { className: "h-3.5 w-3.5 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: child.label })
+          ]
+        },
+        child.id
+      );
+    }) })
+  ] });
+}
+function Sidebar({
+  navigation,
+  logo,
+  collapsed,
+  onToggle,
+  onNavigate,
+  currentPath: currentPathProp = "/",
+  user: _user,
+  orgSwitcher,
+  topContent,
+  footerContent,
+  borderless,
+  userMenuSlot,
+  notificationSlot,
+  unreadCount = 0
+}) {
+  const currentPath = currentPathProp;
+  const setCommandPaletteOpen = useLayoutStore((s) => s.setCommandPaletteOpen);
+  const mainItems = navigation.filter((item) => item.section === "main");
+  const secondaryItems = navigation.filter((item) => item.section === "secondary");
+  const settingsItems = navigation.filter((item) => item.section === "settings");
+  const handleNavigate = (route) => {
+    onNavigate?.(route);
+  };
+  return /* @__PURE__ */ jsx(Tooltip.Provider, { children: /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      "data-print": "hide",
+      className: 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"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex h-14 items-center justify-between px-4",
+              !borderless && "border-b border-sidebar-border",
+              collapsed && "justify-center px-2"
+            ),
+            children: [
+              !collapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
+                logo ?? /* @__PURE__ */ jsx("span", { className: "text-lg font-bold", children: "App" }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: onToggle,
+                    className: "ml-auto rounded-md p-1.5 text-sidebar-muted transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+                    "aria-label": "Collapse sidebar",
+                    children: /* @__PURE__ */ jsx(PanelLeftClose, { className: "h-4 w-4" })
+                  }
+                )
+              ] }),
+              collapsed && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: onToggle,
+                  className: "rounded-md p-1.5 text-sidebar-muted transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+                  "aria-label": "Expand sidebar",
+                  children: /* @__PURE__ */ jsx(PanelLeft, { className: "h-4 w-4" })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("nav", { className: "flex-1 space-y-1 overflow-y-auto p-2", children: [
+          topContent && /* @__PURE__ */ jsx("div", { className: "mb-4 space-y-2", children: topContent }),
+          mainItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-1", children: mainItems.map(
+            (item) => item.children && item.children.length > 0 ? /* @__PURE__ */ jsx(NavGroup, { item, collapsed, currentPath, onNavigate: handleNavigate }, item.id) : /* @__PURE__ */ jsx(
+              NavItem,
+              {
+                item,
+                collapsed,
+                isActive: currentPath === item.route || currentPath.startsWith(item.route + "/"),
+                onNavigate: handleNavigate
+              },
+              item.id
+            )
+          ) }),
+          secondaryItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-6 space-y-1", children: secondaryItems.map(
+            (item) => item.children && item.children.length > 0 ? /* @__PURE__ */ jsx(NavGroup, { item, collapsed, currentPath, onNavigate: handleNavigate }, item.id) : /* @__PURE__ */ jsx(
+              NavItem,
+              {
+                item,
+                collapsed,
+                isActive: currentPath === item.route || currentPath.startsWith(item.route + "/"),
+                onNavigate: handleNavigate
+              },
+              item.id
+            )
+          ) })
+        ] }),
+        settingsItems.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("p-2 space-y-1", !borderless && "border-t border-sidebar-border"), children: settingsItems.map((item) => /* @__PURE__ */ jsx(
+          NavItem,
+          {
+            item,
+            collapsed,
+            isActive: currentPath === item.route || currentPath.startsWith(item.route + "/"),
+            onNavigate: handleNavigate
+          },
+          item.id
+        )) }),
+        footerContent && /* @__PURE__ */ jsx("div", { className: cn("p-2", !borderless && "border-t border-sidebar-border"), children: /* @__PURE__ */ jsx("div", { className: "space-y-2", children: footerContent }) }),
+        orgSwitcher && React3.isValidElement(orgSwitcher) ? React3.cloneElement(orgSwitcher, { collapsed }) : orgSwitcher,
+        /* @__PURE__ */ jsx("div", { className: cn("p-2", !borderless && "border-t border-sidebar-border"), children: /* @__PURE__ */ jsxs("div", { className: cn(
+          "flex items-center rounded-md",
+          collapsed ? "flex-col gap-1" : "gap-1 px-1"
+        ), children: [
+          userMenuSlot,
+          !collapsed && /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setCommandPaletteOpen(true),
+              className: "inline-flex shrink-0 items-center justify-center rounded-md p-2 text-sidebar-muted transition-colors hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
+              "aria-label": "Search",
+              children: /* @__PURE__ */ jsx(Search, { className: "h-4 w-4" })
+            }
+          ),
+          notificationSlot ?? /* @__PURE__ */ jsxs(
+            "button",
+            {
+              className: "relative inline-flex shrink-0 items-center justify-center rounded-md p-2 text-sidebar-muted transition-colors hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
+              "aria-label": unreadCount > 0 ? `${unreadCount} unread notifications` : "Notifications",
+              children: [
+                /* @__PURE__ */ jsx(Bell, { className: "h-4 w-4" }),
+                unreadCount > 0 && /* @__PURE__ */ jsx("span", { className: "absolute right-1 top-1 h-2 w-2 rounded-full bg-destructive" })
+              ]
+            }
+          )
+        ] }) })
+      ]
+    }
+  ) });
+}
+function TopbarUserMenu({
+  user,
+  onSignOut,
+  onProfile,
+  onSettings,
+  onBilling,
+  userMenuExtras
+}) {
+  const [open, setOpen] = React3.useState(false);
+  if (!user) return null;
+  const initial = (user.fullName?.trim()?.[0] ?? user.email?.[0] ?? "?").toUpperCase();
+  const item = (label, onClick, Icon) => onClick ? /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick: () => {
+        setOpen(false);
+        onClick();
+      },
+      className: "flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-sm text-popover-foreground transition-colors hover:bg-muted/70",
+      children: [
+        Icon && /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { children: label })
+      ]
+    },
+    label
+  ) : null;
+  return /* @__PURE__ */ jsxs(Popover.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        "aria-label": "User menu",
+        className: "ml-1 flex h-9 w-9 items-center justify-center overflow-hidden rounded-full bg-primary text-xs font-semibold text-primary-foreground ring-2 ring-transparent transition hover:ring-sidebar-border",
+        children: user.avatarUrl ? (
+          // eslint-disable-next-line @next/next/no-img-element
+          /* @__PURE__ */ jsx("img", { src: user.avatarUrl, alt: "", className: "h-full w-full object-cover" })
+        ) : initial
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(
+      Popover.Content,
+      {
+        align: "end",
+        sideOffset: 8,
+        className: "fayz-glass-surface z-50 min-w-[220px] rounded-xl border border-border bg-popover p-1.5 shadow-lg animate-in fade-in-0 zoom-in-95",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "border-b border-border px-3 py-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-foreground", children: user.fullName || user.email }),
+            /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: user.email })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-1 space-y-0.5", children: [
+            item("Perfil", onProfile, UserCog),
+            item("Configura\xE7\xF5es", onSettings, Settings),
+            item("Cobran\xE7a", onBilling, CreditCard),
+            userMenuExtras?.map((e) => item(e.label, e.onClick)),
+            onSignOut && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-border" }),
+              item("Sair", onSignOut)
+            ] })
+          ] })
+        ]
+      }
+    ) })
+  ] });
+}
+var ICON_MAP2 = {
+  Home: Home,
+  Users: Users,
+  Settings: Settings,
+  CreditCard: CreditCard,
+  Bell: Bell,
+  Calendar: Calendar,
+  Package: Package,
+  BarChart3: BarChart3,
+  FileText: FileText,
+  Mail: Mail,
+  DollarSign: DollarSign,
+  Megaphone: Megaphone,
+  ShoppingCart: ShoppingCart,
+  Target: Target,
+  Wrench: Wrench,
+  ClipboardList: ClipboardList,
+  Briefcase: Briefcase,
+  UserCog: UserCog,
+  BookOpen: BookOpen,
+  MessageCircle: MessageCircle,
+  Globe: Globe,
+  Percent: Percent,
+  Tag: Tag,
+  Camera: Camera,
+  UtensilsCrossed: UtensilsCrossed,
+  Search: Search,
+  MapPin: MapPin,
+  Handshake: Handshake,
+  Contact: Contact,
+  Building2: Building2,
+  ChevronDown: ChevronDown,
+  Filter: Filter,
+  Plus: Plus,
+  List: List,
+  Dog: Dog,
+  Cat: Cat,
+  PawPrint: PawPrint,
+  Heart: Heart,
+  LayoutTemplate: LayoutTemplate,
+  LeafyGreen: LeafyGreen,
+  Apple: Apple,
+  Egg: Egg,
+  Wheat: Wheat,
+  ArrowDownCircle,
+  ArrowUpCircle,
+  ArrowLeftRight,
+  Plug,
+  SlidersHorizontal,
+  TableProperties,
+  Landmark,
+  Receipt,
+  TrendingUp,
+  CircleDollarSign,
+  Clock,
+  AlertTriangle,
+  Sparkles,
+  Wallet,
+  Warehouse,
+  Ruler,
+  ArrowUpRight,
+  ArrowDownRight,
+  UserPlus,
+  TreePalm,
+  PartyPopper: PartyPopper,
+  Radio: Radio,
+  CalendarDays: CalendarDays,
+  Banknote: Banknote,
+  Layers: Layers,
+  Music: Music,
+  Eye: Eye,
+  ListMusic: ListMusic,
+  Disc3: Disc3,
+  UsersRound: UsersRound,
+  Mic: Mic
+};
+function getIcon2(name) {
+  return ICON_MAP2[name] ?? Home;
+}
+function NavDropdown({ item, currentPath, onNavigate }) {
+  const [open, setOpen] = React3.useState(false);
+  const Icon = getIcon2(item.icon);
+  const isChildActive = item.children?.some(
+    (child) => currentPath === child.route || currentPath.startsWith(child.route + "/")
+  );
+  return /* @__PURE__ */ jsxs(Popover.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        "data-nav-active": isChildActive || void 0,
+        className: 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__ */ jsx(Icon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: item.label }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: cn("h-3 w-3 transition-transform", open && "rotate-180") })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
+      Popover.Content,
+      {
+        align: "start",
+        sideOffset: 4,
+        className: "fayz-glass-surface z-50 min-w-[200px] rounded-xl border border-border bg-popover p-1.5 shadow-lg animate-in fade-in-0 zoom-in-95",
+        children: item.children?.map((child) => {
+          const ChildIcon = getIcon2(child.icon);
+          const isActive = currentPath === child.route || currentPath.startsWith(child.route + "/");
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => {
+                onNavigate(child.route);
+                setOpen(false);
+              },
+              className: 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"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(ChildIcon, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx("span", { children: child.label })
+              ]
+            },
+            child.id
+          );
+        })
+      }
+    ) })
+  ] });
+}
+function Topbar({
+  navigation,
+  logo,
+  user,
+  onMenuClick,
+  leftContent,
+  rightContent,
+  currentPath = "/",
+  onNavigate,
+  searchPlaceholder = "Search...",
+  onSignOut,
+  onProfile,
+  onSettings,
+  onBilling,
+  userMenuExtras
+}) {
+  const setCommandPaletteOpen = useLayoutStore((s) => s.setCommandPaletteOpen);
+  const mainNav = navigation.filter((item) => item.section === "main");
+  const secondaryNav = navigation.filter((item) => item.section === "secondary");
+  const allNav = [...mainNav, ...secondaryNav];
+  const handleNavigate = (route) => {
+    onNavigate?.(route);
+  };
+  return /* @__PURE__ */ jsxs("header", { "data-print": "hide", className: "sticky top-0 z-50 w-full shrink-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "border-b border-sidebar-border bg-sidebar text-sidebar-foreground", children: /* @__PURE__ */ jsxs("div", { className: "flex h-14 w-full items-center justify-between px-4 md:px-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onMenuClick,
+            className: "inline-flex items-center justify-center rounded-md p-2 text-sidebar-foreground/70 hover:bg-sidebar/30 hover:text-sidebar-foreground md:hidden",
+            "aria-label": "Open menu",
+            children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "hidden shrink-0 items-center md:flex", children: logo ?? /* @__PURE__ */ jsx("span", { className: "text-lg font-bold", children: "App" }) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mx-8 hidden max-w-sm flex-1 md:flex", children: /* @__PURE__ */ jsxs(
+        "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",
+          children: [
+            /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-sidebar-muted" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs", children: searchPlaceholder }),
+            /* @__PURE__ */ jsx("kbd", { className: "ml-auto hidden rounded border border-sidebar-border bg-sidebar-accent px-1.5 py-0.5 text-[10px] font-medium text-sidebar-muted sm:inline-block", children: "\u2318K" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        leftContent,
+        rightContent,
+        /* @__PURE__ */ jsx(
+          TopbarUserMenu,
+          {
+            user,
+            onSignOut,
+            onProfile,
+            onSettings,
+            onBilling,
+            userMenuExtras
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "hidden md:block bg-sidebar", children: /* @__PURE__ */ jsx("div", { className: "flex h-11 w-full items-center px-4 md:px-6", children: /* @__PURE__ */ jsx("nav", { ref: (el) => {
+      if (!el) return;
+      const active = el.querySelector('[data-nav-active="true"]');
+      if (active) {
+        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) => {
+      if (item.children && item.children.length > 0) {
+        return /* @__PURE__ */ jsx(
+          NavDropdown,
+          {
+            item,
+            currentPath,
+            onNavigate: handleNavigate
+          },
+          item.id
+        );
+      }
+      const Icon = getIcon2(item.icon);
+      const isActive = item.route === "/" ? currentPath === "/" : currentPath === item.route || currentPath.startsWith(item.route + "/");
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          "data-nav-active": isActive || void 0,
+          onClick: () => handleNavigate(item.route),
+          className: 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"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { children: item.label }),
+            item.badge !== void 0 && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-primary px-1.5 py-0.5 text-[10px] font-semibold text-primary-foreground", children: item.badge })
+          ]
+        },
+        item.id
+      );
+    }) }) }) })
+  ] });
+}
+var ModuleHeaderSlotContext = React3.createContext(null);
+function useModuleHeaderSlot() {
+  return React3.useContext(ModuleHeaderSlotContext);
+}
+var ModuleHeaderActionsSlotContext = React3.createContext(null);
+function useModuleHeaderActionsSlot() {
+  return React3.useContext(ModuleHeaderActionsSlotContext);
+}
+function SidebarLayout({
+  navigation = [],
+  logo,
+  user,
+  children,
+  onNavigate,
+  onSignOut,
+  onProfile,
+  onSettings,
+  onBilling,
+  userMenuExtras: _userMenuExtras,
+  orgSwitcher,
+  sidebarTopContent,
+  sidebarFooterContent,
+  frame,
+  currentPath,
+  pageTitle,
+  topbarStart,
+  topbarEnd,
+  userMenuSlot,
+  notificationSlot,
+  unreadCount = 0
+}) {
+  const sidebarCollapsed = useLayoutStore((s) => s.sidebarCollapsed);
+  const setSidebarCollapsed = useLayoutStore((s) => s.setSidebarCollapsed);
+  const [mobileMenuOpen, setMobileMenuOpen] = React3.useState(false);
+  const [headerSlot, setHeaderSlot] = React3.useState(null);
+  const [actionsSlot, setActionsSlot] = React3.useState(null);
+  return /* @__PURE__ */ jsx(SaveBarProvider, { children: /* @__PURE__ */ jsx(ModuleHeaderSlotContext.Provider, { value: headerSlot, children: /* @__PURE__ */ jsx(ModuleHeaderActionsSlotContext.Provider, { value: actionsSlot, children: /* @__PURE__ */ jsxs("div", { className: "flex h-screen overflow-hidden bg-background", children: [
+    /* @__PURE__ */ jsx("div", { className: "hidden md:flex", children: /* @__PURE__ */ jsx(
+      Sidebar,
+      {
+        navigation,
+        logo,
+        collapsed: sidebarCollapsed,
+        onToggle: () => setSidebarCollapsed(!sidebarCollapsed),
+        onNavigate,
+        currentPath,
+        user,
+        onSignOut,
+        onProfile,
+        onSettings,
+        onBilling,
+        orgSwitcher,
+        topContent: sidebarTopContent,
+        footerContent: sidebarFooterContent,
+        borderless: false,
+        userMenuSlot,
+        notificationSlot,
+        unreadCount
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: 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__ */ 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__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setMobileMenuOpen(true),
+              className: "inline-flex items-center justify-center rounded-md p-2 text-muted-foreground hover:bg-accent md:hidden",
+              "aria-label": "Open menu",
+              children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
+            }
+          ),
+          pageTitle && /* @__PURE__ */ jsx("h2", { className: "font-semibold text-lg", children: pageTitle }),
+          topbarStart,
+          /* @__PURE__ */ jsx("div", { ref: setHeaderSlot, className: "flex min-w-0 flex-1 items-center" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsx("div", { ref: setActionsSlot, className: "flex items-center gap-2" }),
+          topbarEnd
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-y-auto", children }),
+      /* @__PURE__ */ jsx(SaveBar, {})
+    ] }),
+    mobileMenuOpen && /* @__PURE__ */ jsx(
+      MobileOverlay,
+      {
+        navigation,
+        logo,
+        user,
+        currentPath,
+        onNavigate,
+        onSignOut,
+        onProfile,
+        onSettings,
+        onBilling,
+        orgSwitcher,
+        topContent: sidebarTopContent,
+        footerContent: sidebarFooterContent,
+        userMenuSlot,
+        notificationSlot,
+        unreadCount,
+        onClose: () => setMobileMenuOpen(false)
+      }
+    )
+  ] }) }) }) });
+}
+function TopbarLayout({
+  navigation = [],
+  logo,
+  user,
+  children,
+  onNavigate,
+  onSignOut,
+  onProfile,
+  onSettings,
+  onBilling,
+  userMenuExtras,
+  frame,
+  currentPath,
+  topbarStart,
+  topbarEnd
+}) {
+  const [mobileMenuOpen, setMobileMenuOpen] = React3.useState(false);
+  return /* @__PURE__ */ jsx(SaveBarProvider, { children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-screen flex-col overflow-hidden bg-background", children: [
+    /* @__PURE__ */ jsx(
+      Topbar,
+      {
+        navigation,
+        logo,
+        user,
+        currentPath,
+        onNavigate,
+        onSignOut,
+        onProfile,
+        onSettings,
+        onBilling,
+        userMenuExtras,
+        leftContent: topbarStart,
+        rightContent: topbarEnd,
+        onMenuClick: () => setMobileMenuOpen(true)
+      }
+    ),
+    /* @__PURE__ */ jsx("main", { className: cn("flex-1 overflow-y-auto", frame && "md:p-2"), children: /* @__PURE__ */ jsx("div", { className: cn("min-h-full", frame && "md:rounded-xl md:border md:border-border md:bg-card"), children }) }),
+    /* @__PURE__ */ jsx(SaveBar, {}),
+    mobileMenuOpen && /* @__PURE__ */ jsx(
+      MobileOverlay,
+      {
+        navigation,
+        logo,
+        user,
+        currentPath,
+        onNavigate,
+        onSignOut,
+        onProfile,
+        onSettings,
+        onBilling,
+        userMenuSlot: user ? /* @__PURE__ */ jsx(DrawerUserRow, { user }) : void 0,
+        onClose: () => setMobileMenuOpen(false)
+      }
+    )
+  ] }) });
+}
+function DrawerUserRow({ user }) {
+  const label = user.fullName || user.email;
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2 px-1", children: [
+    user.avatarUrl ? /* @__PURE__ */ jsx("img", { src: user.avatarUrl, alt: "", className: "h-7 w-7 shrink-0 rounded-full object-cover" }) : /* @__PURE__ */ jsx("span", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-primary text-xs font-semibold text-primary-foreground", children: (label || "?").charAt(0).toUpperCase() }),
+    /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-sidebar-foreground", children: label })
+  ] });
+}
+function MinimalLayout({
+  logo,
+  user: _user,
+  children,
+  headerEnd
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-screen flex-col", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex h-14 shrink-0 items-center justify-between border-b border-border bg-card px-4 md:px-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: logo ?? /* @__PURE__ */ jsx("span", { className: "text-lg font-bold", children: "App" }) }),
+      headerEnd && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: headerEnd })
+    ] }),
+    /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-y-auto", children })
+  ] });
+}
+function MobileOverlay({ onClose, onNavigate, ...sidebarProps }) {
+  const [visible, setVisible] = React3.useState(false);
+  React3.useEffect(() => {
+    const id = requestAnimationFrame(() => setVisible(true));
+    return () => cancelAnimationFrame(id);
+  }, []);
+  const close = React3.useCallback(() => {
+    setVisible(false);
+    window.setTimeout(onClose, 250);
+  }, [onClose]);
+  React3.useEffect(() => {
+    const previous = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = previous;
+    };
+  }, []);
+  React3.useEffect(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") close();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [close]);
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[60] md:hidden", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "absolute inset-0 bg-black/50 transition-opacity duration-300 ease-out",
+          visible ? "opacity-100" : "opacity-0"
+        ),
+        onClick: close
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: 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"
+        ),
+        children: /* @__PURE__ */ jsx(
+          Sidebar,
+          {
+            ...sidebarProps,
+            collapsed: false,
+            onToggle: close,
+            borderless: true,
+            onNavigate: (route) => {
+              onNavigate?.(route);
+              close();
+            }
+          }
+        )
+      }
+    )
+  ] });
+}
+function AppShell({
+  variant,
+  contentFrame,
+  navigation = [],
+  logo,
+  user,
+  children,
+  onNavigate,
+  onSignOut,
+  onProfile,
+  onSettings,
+  onBilling,
+  pageTitle,
+  currentPath,
+  userMenuExtras,
+  orgSwitcher,
+  topbarStart,
+  topbarEnd,
+  sidebarTopContent,
+  sidebarFooterContent,
+  userMenuSlot,
+  notificationSlot,
+  unreadCount = 0
+}) {
+  switch (variant) {
+    case "sidebar":
+      return /* @__PURE__ */ jsx(
+        SidebarLayout,
+        {
+          navigation,
+          logo,
+          user,
+          onNavigate,
+          onSignOut,
+          onProfile,
+          onSettings,
+          onBilling,
+          userMenuExtras,
+          orgSwitcher,
+          sidebarTopContent,
+          sidebarFooterContent,
+          frame: contentFrame,
+          currentPath,
+          pageTitle,
+          topbarStart,
+          topbarEnd,
+          userMenuSlot,
+          notificationSlot,
+          unreadCount,
+          children
+        }
+      );
+    case "topbar":
+      return /* @__PURE__ */ jsx(
+        TopbarLayout,
+        {
+          navigation,
+          logo,
+          user,
+          onNavigate,
+          onSignOut,
+          onProfile,
+          onSettings,
+          onBilling,
+          userMenuExtras,
+          frame: contentFrame,
+          currentPath,
+          topbarStart,
+          topbarEnd,
+          children
+        }
+      );
+    case "minimal":
+      return /* @__PURE__ */ jsx(MinimalLayout, { logo, user, headerEnd: topbarEnd, children });
+    default: {
+      return null;
+    }
+  }
+}
+var NavTransitionContext = React3.createContext("slide");
+function NavTransitionProvider({ value, children }) {
+  return /* @__PURE__ */ jsx(NavTransitionContext.Provider, { value, children });
+}
+function useNavTransition() {
+  return React3.useContext(NavTransitionContext);
+}
+function resolveTransitionClass(transition, direction) {
+  if (transition === "none") return "";
+  if (transition === "fade") return "saas-page-enter";
+  if (direction === "back") return "saas-nav-back";
+  if (direction === "forward") return "saas-nav-forward";
+  return "saas-page-enter";
+}
+function PageTransition({
+  transitionKey,
+  direction,
+  className,
+  children
+}) {
+  const transition = useNavTransition();
+  const animClass = resolveTransitionClass(transition, direction);
+  return /* @__PURE__ */ jsx("div", { className: cn(animClass, className), children }, transitionKey);
+}
+function PageHeaderActions({ children }) {
+  const slot = useModuleHeaderActionsSlot();
+  if (slot) return createPortal(children, slot);
+  return /* @__PURE__ */ jsx("div", { className: "mb-4 flex items-center justify-end gap-2", children });
+}
+var ModuleLayoutContext = React3.createContext("rail");
+function ModuleLayoutProvider({ variant, children }) {
+  return /* @__PURE__ */ jsx(ModuleLayoutContext.Provider, { value: variant, children });
+}
+function useModuleLayout() {
+  return React3.useContext(ModuleLayoutContext);
+}
+function NavItem2({ item }) {
+  const [expanded, setExpanded] = React3.useState(true);
+  const Icon = item.icon ? ICON_MAP2[item.icon] ?? null : null;
+  const hasChildren = item.children && item.children.length > 0;
+  const hasActiveChild = hasChildren && item.children.some((c) => c.active);
+  const isActive = item.active || hasActiveChild;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => hasChildren ? setExpanded(!expanded) : item.onClick?.(),
+        className: 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"
+        ),
+        children: [
+          Icon && /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0" }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 text-left truncate", children: item.label }),
+          hasChildren && (expanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5 shrink-0 opacity-50" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5 shrink-0 opacity-50" }))
+        ]
+      }
+    ),
+    hasChildren && expanded && /* @__PURE__ */ jsx("div", { className: "ml-4 mt-0.5 space-y-0.5 border-l pl-2", children: item.children.map((child) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: child.onClick,
+        className: 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"
+        ),
+        children: child.label
+      },
+      child.id
+    )) })
+  ] });
+}
+function MobileTabs({ nav }) {
+  const scrollRef = React3.useRef(null);
+  const [expandedId, setExpandedId] = React3.useState(null);
+  React3.useEffect(() => {
+    const container = scrollRef.current;
+    if (!container) return;
+    const activeEl = container.querySelector('[data-active="true"]');
+    if (activeEl) {
+      const left = activeEl.offsetLeft - container.offsetWidth / 2 + activeEl.offsetWidth / 2;
+      container.scrollTo({ left: Math.max(0, left), behavior: "smooth" });
+    }
+  }, [nav]);
+  return /* @__PURE__ */ jsxs("div", { className: "md:hidden -mx-1 mb-4 no-print", children: [
+    /* @__PURE__ */ jsx("div", { ref: scrollRef, className: "flex gap-1 px-1 pb-2 overflow-x-auto scrollbar-hide", 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);
+      const isExpanded = expandedId === item.id;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "data-active": isActive || void 0,
+          onClick: () => {
+            if (hasChildren) {
+              setExpandedId(isExpanded ? null : item.id);
+            } else {
+              item.onClick?.();
+              setExpandedId(null);
+            }
+          },
+          className: 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__ */ jsx(Icon, { className: "h-3 w-3" }),
+            item.label,
+            hasChildren && /* @__PURE__ */ jsx(ChevronDown, { className: cn("h-2.5 w-2.5 transition-transform", isExpanded && "rotate-180") })
+          ]
+        },
+        item.id
+      );
+    }) }),
+    expandedId && (() => {
+      const item = nav.find((n) => n.id === expandedId);
+      if (!item?.children) return null;
+      return /* @__PURE__ */ jsx("div", { className: "flex gap-1 px-2 pb-2 animate-in fade-in-0 slide-in-from-top-1", children: item.children.map((child) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            child.onClick?.();
+            setExpandedId(null);
+          },
+          className: 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"
+          ),
+          children: child.label
+        },
+        child.id
+      )) });
+    })()
+  ] });
+}
+var BackStyleContext = React3.createContext("link");
+function BackStyleProvider({ style, children }) {
+  return /* @__PURE__ */ jsx(BackStyleContext.Provider, { value: style, children });
+}
+function useBackStyle() {
+  return React3.useContext(BackStyleContext);
+}
+function SubpageHeader({ title, subtitle, icon, onBack, parentLabel, actions, backStyle }) {
+  const t = useTranslation();
+  const appStyle = useBackStyle();
+  const { onBack: effectiveOnBack, parentLabel: effectiveParentLabel } = useCrossModuleBack(onBack, parentLabel);
+  useBackHandler(effectiveOnBack);
+  const Icon = icon ? ICON_MAP2[icon] ?? null : null;
+  const style = !effectiveOnBack ? "icon" : backStyle ?? appStyle;
+  const effectiveStyle = style !== "icon" && !effectiveParentLabel ? "icon" : style;
+  const titleBlock = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      effectiveStyle === "icon" && effectiveOnBack && /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: effectiveOnBack,
+          className: "flex h-8 w-8 items-center justify-center rounded-lg border hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors",
+          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+        }
+      ),
+      Icon && /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl bg-muted", children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold", children: title }),
+        subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle })
+      ] })
+    ] }),
+    actions && /* @__PURE__ */ jsx("div", { className: "no-print", children: actions })
+  ] });
+  if (effectiveStyle === "breadcrumb") {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4 mb-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("button", { onClick: effectiveOnBack, className: "hover:text-foreground transition-colors", children: effectiveParentLabel }),
+          /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium", children: title })
+        ] }),
+        actions && /* @__PURE__ */ jsx("div", { className: "no-print", children: actions })
+      ] }),
+      subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground -mt-2", children: subtitle })
+    ] });
+  }
+  if (effectiveStyle === "link") {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-3 mb-6", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: effectiveOnBack,
+          className: "inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors",
+          children: [
+            /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
+            t("crud.detail.backTo", { entities: effectiveParentLabel })
+          ]
+        }
+      ),
+      titleBlock
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "space-y-4 mb-6", children: titleBlock });
+}
+function ModuleHeader({ nav }) {
+  const slot = useModuleHeaderSlot();
+  function defaultChild(item) {
+    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__ */ jsx("div", { className: "flex w-full min-w-0 items-center gap-4", children: /* @__PURE__ */ jsx("div", { className: "flex min-w-0 items-center gap-0.5 overflow-x-auto scrollbar-hide", 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);
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => hasChildren ? defaultChild(item)?.onClick?.() : item.onClick?.(),
+        className: 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"
+        ),
+        children: [
+          Icon && /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
+          item.label
+        ]
+      },
+      item.id
+    );
+  }) }) });
+  if (slot) return createPortal(content, slot);
+  return /* @__PURE__ */ jsx("div", { className: "mb-5 border-b border-border pb-2", children: content });
+}
+function ModulePage({ title, subtitle, nav, children, className, headerAction, showHeader = true, sidebarFooter, navVariant, viewKey, direction }) {
+  const ctxVariant = useModuleLayout();
+  const variant = navVariant ?? ctxVariant;
+  const transitionKey = viewKey ?? "view";
+  if (variant === "tabs") {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(ModuleHeader, { nav }),
+      showHeader && headerAction && /* @__PURE__ */ jsx(PageHeaderActions, { children: headerAction }),
+      /* @__PURE__ */ jsx(PageTransition, { transitionKey, direction, className: cn("min-w-0", className), children })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex gap-6 -mt-2", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "w-48 shrink-0 hidden md:block no-print", children: /* @__PURE__ */ jsxs("div", { className: cn(sidebarFooter && "sticky top-4 flex flex-col"), style: sidebarFooter ? { height: "calc(100vh - 8rem)" } : void 0, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider px-2.5 mb-2", children: title }),
+        /* @__PURE__ */ jsx("nav", { className: "space-y-0.5", children: nav.map((item) => /* @__PURE__ */ jsx(NavItem2, { item }, item.id)) })
+      ] }),
+      sidebarFooter && /* @__PURE__ */ jsx("div", { className: "mt-auto", children: sidebarFooter })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+      showHeader && /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-start justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: title }),
+          subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle })
+        ] }),
+        headerAction
+      ] }),
+      /* @__PURE__ */ jsx(MobileTabs, { nav }),
+      /* @__PURE__ */ jsx(PageTransition, { transitionKey, direction, children })
+    ] })
+  ] });
+}
+
+export { AppShell, BackStyleProvider, ICON_MAP, ModuleLayoutProvider, ModulePage, NavTransitionProvider, PageHeaderActions, PageTransition, Sidebar, SubpageHeader, Topbar, useBackStyle, useLayoutStore, useModuleHeaderActionsSlot, useModuleHeaderSlot, useModuleLayout, useNavTransition };
+//# sourceMappingURL=chunk-CZ6X6PZT.js.map
+//# sourceMappingURL=chunk-CZ6X6PZT.js.map