@fayz-ai/ui 0.2.0 → 0.2.1

package/dist/chunk-GE6XUREM.cjs

@@ -0,0 +1,1277 @@
+'use strict';
+
+var chunkW4XXXJRW_cjs = require('./chunk-W4XXXJRW.cjs');
+var chunkVVVZO2LE_cjs = require('./chunk-VVVZO2LE.cjs');
+var React3 = require('react');
+var lucideReact = require('lucide-react');
+var Tooltip = require('@radix-ui/react-tooltip');
+var zustand = require('zustand');
+var jsxRuntime = require('react/jsx-runtime');
+var Popover = require('@radix-ui/react-popover');
+var reactDom = require('react-dom');
+var core = require('@fayz-ai/core');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
+var Tooltip__namespace = /*#__PURE__*/_interopNamespace(Tooltip);
+var Popover__namespace = /*#__PURE__*/_interopNamespace(Popover);
+
+var useLayoutStore = zustand.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: lucideReact.Home,
+  Users: lucideReact.Users,
+  Settings: lucideReact.Settings,
+  CreditCard: lucideReact.CreditCard,
+  Bell: lucideReact.Bell,
+  Calendar: lucideReact.Calendar,
+  Package: lucideReact.Package,
+  BarChart3: lucideReact.BarChart3,
+  FileText: lucideReact.FileText,
+  Mail: lucideReact.Mail,
+  DollarSign: lucideReact.DollarSign,
+  Megaphone: lucideReact.Megaphone,
+  ShoppingCart: lucideReact.ShoppingCart,
+  Target: lucideReact.Target,
+  Wrench: lucideReact.Wrench,
+  ClipboardList: lucideReact.ClipboardList,
+  Briefcase: lucideReact.Briefcase,
+  UserCog: lucideReact.UserCog,
+  BookOpen: lucideReact.BookOpen,
+  MessageCircle: lucideReact.MessageCircle,
+  Globe: lucideReact.Globe,
+  Percent: lucideReact.Percent,
+  Tag: lucideReact.Tag,
+  Camera: lucideReact.Camera,
+  UtensilsCrossed: lucideReact.UtensilsCrossed,
+  MapPin: lucideReact.MapPin,
+  Handshake: lucideReact.Handshake,
+  Contact: lucideReact.Contact,
+  Building2: lucideReact.Building2,
+  Filter: lucideReact.Filter,
+  Plus: lucideReact.Plus,
+  List: lucideReact.List,
+  Search: lucideReact.Search,
+  Dog: lucideReact.Dog,
+  Cat: lucideReact.Cat,
+  PawPrint: lucideReact.PawPrint,
+  Heart: lucideReact.Heart,
+  LayoutTemplate: lucideReact.LayoutTemplate,
+  LeafyGreen: lucideReact.LeafyGreen,
+  Apple: lucideReact.Apple,
+  Egg: lucideReact.Egg,
+  Wheat: lucideReact.Wheat,
+  PartyPopper: lucideReact.PartyPopper,
+  Radio: lucideReact.Radio,
+  CalendarDays: lucideReact.CalendarDays,
+  Banknote: lucideReact.Banknote,
+  Layers: lucideReact.Layers,
+  Music: lucideReact.Music,
+  Eye: lucideReact.Eye,
+  ListMusic: lucideReact.ListMusic,
+  Disc3: lucideReact.Disc3,
+  UsersRound: lucideReact.UsersRound,
+  Mic: lucideReact.Mic,
+  Zap: lucideReact.Zap,
+  Award: lucideReact.Award,
+  LayoutDashboard: lucideReact.LayoutDashboard,
+  MessageSquare: lucideReact.MessageSquare,
+  Star: lucideReact.Star,
+  Workflow: lucideReact.Workflow
+};
+function getIcon(name) {
+  return ICON_MAP[name] ?? lucideReact.Home;
+}
+function NavItem({
+  item,
+  collapsed,
+  isActive,
+  onNavigate
+}) {
+  const Icon = getIcon(item.icon);
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      onClick: () => onNavigate(item.route),
+      className: chunkVVVZO2LE_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",
+        collapsed && "justify-center px-2"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4 shrink-0" }),
+        !collapsed && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate text-left", children: item.label }),
+          item.badge !== void 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(Tooltip__namespace.Root, { delayDuration: 0, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Tooltip__namespace.Trigger, { asChild: true, children: content }),
+      /* @__PURE__ */ jsxRuntime.jsx(Tooltip__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        Tooltip__namespace.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__ */ jsxRuntime.jsx("span", { className: "ml-2 rounded-full bg-primary px-1.5 py-0.5 text-xs text-primary-foreground", children: item.badge }),
+            /* @__PURE__ */ jsxRuntime.jsx(Tooltip__namespace.Arrow, { className: "fill-popover" })
+          ]
+        }
+      ) })
+    ] });
+  }
+  return content;
+}
+function NavGroup({
+  item,
+  collapsed,
+  currentPath,
+  onNavigate
+}) {
+  const [open, setOpen] = React3__namespace.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__ */ 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(
+            "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__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4 shrink-0" })
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Tooltip__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip__namespace.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__ */ jsxRuntime.jsx(Tooltip__namespace.Arrow, { className: "fill-popover" })
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        onClick: () => setOpen(!open),
+        className: chunkVVVZO2LE_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"
+        ),
+        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") })
+        ]
+      }
+    ),
+    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 + "/");
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: () => onNavigate(child.route),
+          className: chunkVVVZO2LE_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"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ChildIcon, { className: "h-3.5 w-3.5 shrink-0" }),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Tooltip__namespace.Provider, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "aside",
+    {
+      "data-print": "hide",
+      className: chunkVVVZO2LE_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"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: chunkVVVZO2LE_cjs.cn(
+              "flex h-14 items-center justify-between px-4",
+              !borderless && "border-b border-sidebar-border",
+              collapsed && "justify-center px-2"
+            ),
+            children: [
+              !collapsed && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                logo ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-bold", children: "App" }),
+                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.PanelLeftClose, { className: "h-4 w-4" })
+                  }
+                )
+              ] }),
+              collapsed && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.PanelLeft, { className: "h-4 w-4" })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__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(
+              NavItem,
+              {
+                item,
+                collapsed,
+                isActive: currentPath === item.route || currentPath.startsWith(item.route + "/"),
+                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(
+              NavItem,
+              {
+                item,
+                collapsed,
+                isActive: currentPath === item.route || currentPath.startsWith(item.route + "/"),
+                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(
+          NavItem,
+          {
+            item,
+            collapsed,
+            isActive: currentPath === item.route || currentPath.startsWith(item.route + "/"),
+            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 }) }),
+        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(
+          "flex items-center rounded-md",
+          collapsed ? "flex-col gap-1" : "gap-1 px-1"
+        ), children: [
+          userMenuSlot,
+          !collapsed && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-4 w-4" })
+            }
+          ),
+          notificationSlot ?? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Bell, { className: "h-4 w-4" }),
+                unreadCount > 0 && /* @__PURE__ */ jsxRuntime.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__namespace.useState(false);
+  if (!user) return null;
+  const initial = (user.fullName?.trim()?.[0] ?? user.email?.[0] ?? "?").toUpperCase();
+  const item = (label, onClick, Icon) => onClick ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+      ]
+    },
+    label
+  ) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Popover__namespace.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Popover__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("img", { src: user.avatarUrl, alt: "", className: "h-full w-full object-cover" })
+        ) : initial
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Popover__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      Popover__namespace.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__ */ jsxRuntime.jsxs("div", { className: "border-b border-border px-3 py-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-medium text-foreground", children: user.fullName || user.email }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-muted-foreground", children: user.email })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 space-y-0.5", children: [
+            item("Perfil", onProfile, lucideReact.UserCog),
+            item("Configura\xE7\xF5es", onSettings, lucideReact.Settings),
+            item("Cobran\xE7a", onBilling, lucideReact.CreditCard),
+            userMenuExtras?.map((e) => item(e.label, e.onClick)),
+            onSignOut && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-1 border-t border-border" }),
+              item("Sair", onSignOut)
+            ] })
+          ] })
+        ]
+      }
+    ) })
+  ] });
+}
+var ICON_MAP2 = {
+  Home: lucideReact.Home,
+  Users: lucideReact.Users,
+  Settings: lucideReact.Settings,
+  CreditCard: lucideReact.CreditCard,
+  Bell: lucideReact.Bell,
+  Calendar: lucideReact.Calendar,
+  Package: lucideReact.Package,
+  BarChart3: lucideReact.BarChart3,
+  FileText: lucideReact.FileText,
+  Mail: lucideReact.Mail,
+  DollarSign: lucideReact.DollarSign,
+  Megaphone: lucideReact.Megaphone,
+  ShoppingCart: lucideReact.ShoppingCart,
+  Target: lucideReact.Target,
+  Wrench: lucideReact.Wrench,
+  ClipboardList: lucideReact.ClipboardList,
+  Briefcase: lucideReact.Briefcase,
+  UserCog: lucideReact.UserCog,
+  BookOpen: lucideReact.BookOpen,
+  MessageCircle: lucideReact.MessageCircle,
+  Globe: lucideReact.Globe,
+  Percent: lucideReact.Percent,
+  Tag: lucideReact.Tag,
+  Camera: lucideReact.Camera,
+  UtensilsCrossed: lucideReact.UtensilsCrossed,
+  Search: lucideReact.Search,
+  MapPin: lucideReact.MapPin,
+  Handshake: lucideReact.Handshake,
+  Contact: lucideReact.Contact,
+  Building2: lucideReact.Building2,
+  ChevronDown: lucideReact.ChevronDown,
+  Filter: lucideReact.Filter,
+  Plus: lucideReact.Plus,
+  List: lucideReact.List,
+  Dog: lucideReact.Dog,
+  Cat: lucideReact.Cat,
+  PawPrint: lucideReact.PawPrint,
+  Heart: lucideReact.Heart,
+  LayoutTemplate: lucideReact.LayoutTemplate,
+  LeafyGreen: lucideReact.LeafyGreen,
+  Apple: lucideReact.Apple,
+  Egg: lucideReact.Egg,
+  Wheat: lucideReact.Wheat,
+  ArrowDownCircle: lucideReact.ArrowDownCircle,
+  ArrowUpCircle: lucideReact.ArrowUpCircle,
+  ArrowLeftRight: lucideReact.ArrowLeftRight,
+  Plug: lucideReact.Plug,
+  SlidersHorizontal: lucideReact.SlidersHorizontal,
+  TableProperties: lucideReact.TableProperties,
+  Landmark: lucideReact.Landmark,
+  Receipt: lucideReact.Receipt,
+  TrendingUp: lucideReact.TrendingUp,
+  CircleDollarSign: lucideReact.CircleDollarSign,
+  Clock: lucideReact.Clock,
+  AlertTriangle: lucideReact.AlertTriangle,
+  Sparkles: lucideReact.Sparkles,
+  Wallet: lucideReact.Wallet,
+  Warehouse: lucideReact.Warehouse,
+  Ruler: lucideReact.Ruler,
+  ArrowUpRight: lucideReact.ArrowUpRight,
+  ArrowDownRight: lucideReact.ArrowDownRight,
+  UserPlus: lucideReact.UserPlus,
+  TreePalm: lucideReact.TreePalm,
+  PartyPopper: lucideReact.PartyPopper,
+  Radio: lucideReact.Radio,
+  CalendarDays: lucideReact.CalendarDays,
+  Banknote: lucideReact.Banknote,
+  Layers: lucideReact.Layers,
+  Music: lucideReact.Music,
+  Eye: lucideReact.Eye,
+  ListMusic: lucideReact.ListMusic,
+  Disc3: lucideReact.Disc3,
+  UsersRound: lucideReact.UsersRound,
+  Mic: lucideReact.Mic
+};
+function getIcon2(name) {
+  return ICON_MAP2[name] ?? lucideReact.Home;
+}
+function NavDropdown({ item, currentPath, onNavigate }) {
+  const [open, setOpen] = React3__namespace.useState(false);
+  const Icon = getIcon2(item.icon);
+  const isChildActive = item.children?.some(
+    (child) => currentPath === child.route || currentPath.startsWith(child.route + "/")
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(Popover__namespace.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Popover__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        "data-nav-active": isChildActive || void 0,
+        className: chunkVVVZO2LE_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(Popover__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      Popover__namespace.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__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              onClick: () => {
+                onNavigate(child.route);
+                setOpen(false);
+              },
+              className: chunkVVVZO2LE_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"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ChildIcon, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsxRuntime.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__ */ 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(
+          "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__ */ jsxRuntime.jsx(lucideReact.Menu, { className: "h-5 w-5" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden shrink-0 items-center md:flex", children: logo ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-bold", children: "App" }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-8 hidden max-w-sm flex-1 md:flex", children: /* @__PURE__ */ jsxRuntime.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__ */ 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 }),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+        leftContent,
+        rightContent,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TopbarUserMenu,
+          {
+            user,
+            onSignOut,
+            onProfile,
+            onSettings,
+            onBilling,
+            userMenuExtras
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden md:block bg-sidebar", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-full items-center px-4 md:px-6", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          "data-nav-active": isActive || void 0,
+          onClick: () => handleNavigate(item.route),
+          className: chunkVVVZO2LE_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"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label }),
+            item.badge !== void 0 && /* @__PURE__ */ jsxRuntime.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__namespace.createContext(null);
+function useModuleHeaderSlot() {
+  return React3__namespace.useContext(ModuleHeaderSlotContext);
+}
+var ModuleHeaderActionsSlotContext = React3__namespace.createContext(null);
+function useModuleHeaderActionsSlot() {
+  return React3__namespace.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__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: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden md:flex", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: chunkVVVZO2LE_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: "flex min-w-0 flex-1 items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Menu, { className: "h-5 w-5" })
+            }
+          ),
+          pageTitle && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-semibold text-lg", children: pageTitle }),
+          topbarStart,
+          /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setHeaderSlot, className: "flex min-w-0 flex-1 items-center" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setActionsSlot, className: "flex items-center gap-2" }),
+          topbarEnd
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-y-auto", children }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkW4XXXJRW_cjs.SaveBar, {})
+    ] }),
+    mobileMenuOpen && /* @__PURE__ */ jsxRuntime.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__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: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Topbar,
+      {
+        navigation,
+        logo,
+        user,
+        currentPath,
+        onNavigate,
+        onSignOut,
+        onProfile,
+        onSettings,
+        onBilling,
+        userMenuExtras,
+        leftContent: topbarStart,
+        rightContent: topbarEnd,
+        onMenuClick: () => 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, {}),
+    mobileMenuOpen && /* @__PURE__ */ jsxRuntime.jsx(
+      MobileOverlay,
+      {
+        navigation,
+        logo,
+        user,
+        currentPath,
+        onNavigate,
+        onSignOut,
+        onProfile,
+        onSettings,
+        onBilling,
+        userMenuSlot: user ? /* @__PURE__ */ jsxRuntime.jsx(DrawerUserRow, { user }) : void 0,
+        onClose: () => setMobileMenuOpen(false)
+      }
+    )
+  ] }) });
+}
+function DrawerUserRow({ user }) {
+  const label = user.fullName || user.email;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2 px-1", children: [
+    user.avatarUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: user.avatarUrl, alt: "", className: "h-7 w-7 shrink-0 rounded-full object-cover" }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-medium text-sidebar-foreground", children: label })
+  ] });
+}
+function MinimalLayout({
+  logo,
+  user: _user,
+  children,
+  headerEnd
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-screen flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.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__ */ 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 })
+  ] });
+}
+function MobileOverlay({ onClose, onNavigate, ...sidebarProps }) {
+  const [visible, setVisible] = React3__namespace.useState(false);
+  React3__namespace.useEffect(() => {
+    const id = requestAnimationFrame(() => setVisible(true));
+    return () => cancelAnimationFrame(id);
+  }, []);
+  const close = React3__namespace.useCallback(() => {
+    setVisible(false);
+    window.setTimeout(onClose, 250);
+  }, [onClose]);
+  React3__namespace.useEffect(() => {
+    const previous = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = previous;
+    };
+  }, []);
+  React3__namespace.useEffect(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") close();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [close]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-[60] md:hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: chunkVVVZO2LE_cjs.cn(
+          "absolute inset-0 bg-black/50 transition-opacity duration-300 ease-out",
+          visible ? "opacity-100" : "opacity-0"
+        ),
+        onClick: close
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: chunkVVVZO2LE_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"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+        TopbarLayout,
+        {
+          navigation,
+          logo,
+          user,
+          onNavigate,
+          onSignOut,
+          onProfile,
+          onSettings,
+          onBilling,
+          userMenuExtras,
+          frame: contentFrame,
+          currentPath,
+          topbarStart,
+          topbarEnd,
+          children
+        }
+      );
+    case "minimal":
+      return /* @__PURE__ */ jsxRuntime.jsx(MinimalLayout, { logo, user, headerEnd: topbarEnd, children });
+    default: {
+      return null;
+    }
+  }
+}
+var NavTransitionContext = React3__namespace.createContext("slide");
+function NavTransitionProvider({ value, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(NavTransitionContext.Provider, { value, children });
+}
+function useNavTransition() {
+  return React3__namespace.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__ */ jsxRuntime.jsx("div", { className: chunkVVVZO2LE_cjs.cn(animClass, className), children }, transitionKey);
+}
+function PageHeaderActions({ children }) {
+  const slot = useModuleHeaderActionsSlot();
+  if (slot) return reactDom.createPortal(children, slot);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 flex items-center justify-end gap-2", children });
+}
+var ModuleLayoutContext = React3__namespace.createContext("rail");
+function ModuleLayoutProvider({ variant, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ModuleLayoutContext.Provider, { value: variant, children });
+}
+function useModuleLayout() {
+  return React3__namespace.useContext(ModuleLayoutContext);
+}
+function NavItem2({ item }) {
+  const [expanded, setExpanded] = React3__namespace.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__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => hasChildren ? setExpanded(!expanded) : item.onClick?.(),
+        className: chunkVVVZO2LE_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"
+        ),
+        children: [
+          Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4 shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left truncate", children: item.label }),
+          hasChildren && (expanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-3.5 w-3.5 shrink-0 opacity-50" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-3.5 w-3.5 shrink-0 opacity-50" }))
+        ]
+      }
+    ),
+    hasChildren && expanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-4 mt-0.5 space-y-0.5 border-l pl-2", children: item.children.map((child) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: child.onClick,
+        className: chunkVVVZO2LE_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"
+        ),
+        children: child.label
+      },
+      child.id
+    )) })
+  ] });
+}
+function MobileTabs({ nav }) {
+  const scrollRef = React3__namespace.useRef(null);
+  const [expandedId, setExpandedId] = React3__namespace.useState(null);
+  React3__namespace.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__ */ 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) => {
+      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__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          "data-active": isActive || void 0,
+          onClick: () => {
+            if (hasChildren) {
+              setExpandedId(isExpanded ? null : item.id);
+            } else {
+              item.onClick?.();
+              setExpandedId(null);
+            }
+          },
+          className: chunkVVVZO2LE_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") })
+          ]
+        },
+        item.id
+      );
+    }) }),
+    expandedId && (() => {
+      const item = nav.find((n) => n.id === expandedId);
+      if (!item?.children) return null;
+      return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            child.onClick?.();
+            setExpandedId(null);
+          },
+          className: chunkVVVZO2LE_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"
+          ),
+          children: child.label
+        },
+        child.id
+      )) });
+    })()
+  ] });
+}
+var BackStyleContext = React3__namespace.createContext("link");
+function BackStyleProvider({ style, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(BackStyleContext.Provider, { value: style, children });
+}
+function useBackStyle() {
+  return React3__namespace.useContext(BackStyleContext);
+}
+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 Icon = icon ? ICON_MAP2[icon] ?? null : null;
+  const style = !effectiveOnBack ? "icon" : backStyle ?? appStyle;
+  const effectiveStyle = style !== "icon" && !effectiveParentLabel ? "icon" : style;
+  const titleBlock = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+      effectiveStyle === "icon" && effectiveOnBack && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" })
+        }
+      ),
+      Icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-5 w-5 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold", children: title }),
+        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: subtitle })
+      ] })
+    ] }),
+    actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "no-print", children: actions })
+  ] });
+  if (effectiveStyle === "breadcrumb") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 mb-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: effectiveOnBack, className: "hover:text-foreground transition-colors", children: effectiveParentLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: title })
+        ] }),
+        actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "no-print", children: actions })
+      ] }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground -mt-2", children: subtitle })
+    ] });
+  }
+  if (effectiveStyle === "link") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 mb-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: effectiveOnBack,
+          className: "inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" }),
+            t("crud.detail.backTo", { entities: effectiveParentLabel })
+          ]
+        }
+      ),
+      titleBlock
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.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__ */ 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 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__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => hasChildren ? defaultChild(item)?.onClick?.() : item.onClick?.(),
+        className: chunkVVVZO2LE_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"
+        ),
+        children: [
+          Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4" }),
+          item.label
+        ]
+      },
+      item.id
+    );
+  }) }) });
+  if (slot) return reactDom.createPortal(content, slot);
+  return /* @__PURE__ */ jsxRuntime.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__ */ 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 })
+    ] });
+  }
+  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: [
+      /* @__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)) })
+      ] }),
+      sidebarFooter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto", children: sidebarFooter })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+      showHeader && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 flex items-start justify-between gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold", children: title }),
+          subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: subtitle })
+        ] }),
+        headerAction
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(MobileTabs, { nav }),
+      /* @__PURE__ */ jsxRuntime.jsx(PageTransition, { transitionKey, direction, children })
+    ] })
+  ] });
+}
+
+exports.AppShell = AppShell;
+exports.BackStyleProvider = BackStyleProvider;
+exports.ICON_MAP = ICON_MAP;
+exports.ModuleLayoutProvider = ModuleLayoutProvider;
+exports.ModulePage = ModulePage;
+exports.NavTransitionProvider = NavTransitionProvider;
+exports.PageHeaderActions = PageHeaderActions;
+exports.PageTransition = PageTransition;
+exports.Sidebar = Sidebar;
+exports.SubpageHeader = SubpageHeader;
+exports.Topbar = Topbar;
+exports.useBackStyle = useBackStyle;
+exports.useLayoutStore = useLayoutStore;
+exports.useModuleHeaderActionsSlot = useModuleHeaderActionsSlot;
+exports.useModuleHeaderSlot = useModuleHeaderSlot;
+exports.useModuleLayout = useModuleLayout;
+exports.useNavTransition = useNavTransition;
+//# sourceMappingURL=chunk-GE6XUREM.cjs.map
+//# sourceMappingURL=chunk-GE6XUREM.cjs.map