@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

package/dist/components/composed/DataAppShell/DataAppShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataAppShell.js","sources":["../../../../src/components/composed/DataAppShell/DataAppShell.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport {\n  ArrowLeft,\n  HelpCircle,\n  Menu,\n  type LucideIcon,\n} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { TDPLink } from \"@/components/composed/tdp-link\";\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface NavPage {\n  /** Unique identifier */\n  id: string;\n  /** Display label */\n  label: string;\n  /** Lucide icon or custom React SVG component */\n  icon?: LucideIcon | React.FC<React.SVGProps<SVGSVGElement>>;\n  /** Whether this page is currently active */\n  isActive?: boolean;\n  /** Click handler */\n  onClick?: () => void;\n}\n\nexport interface NavGroup {\n  /** Optional group label shown as a section header in expanded nav */\n  label?: string;\n  /** Page entries in this group */\n  pages: NavPage[];\n}\n\nexport interface BreadcrumbItemConfig {\n  /** Display label */\n  label: string;\n  /** If provided, renders as a link */\n  href?: string;\n  /** Click handler (used when no href is provided) */\n  onClick?: () => void;\n}\n\nexport interface DataAppShellProps {\n  // -- Sidebar --\n  /** Application name/abbreviation shown in the logo button */\n  appName: string;\n  /** Full application name shown in the app dropdown and mobile nav header */\n  appFullName?: string;\n  /** Custom icon element shown in the logo area */\n  appIcon?: React.ReactNode;\n  /** Optional version string shown below the app name/icon in the sidebar header */\n  version?: string;\n  /** Navigation groups; each group contains one or more pages */\n  navGroups: NavGroup[];\n  /** Callback when the app name / icon is clicked in the dropdown */\n  onAppNameClick?: () => void;\n  /** TDP path to navigate to when \"Back to TDP Platform\" is clicked (uses TDPLink — requires TdpNavigationProvider) */\n  backToPlatformPath?: string;\n  /** Fallback callback when \"Back to TDP Platform\" is clicked and no backToPlatformPath is set */\n  onBackToPlatform?: () => void;\n  /** Slot rendered at the bottom of the sidebar (e.g. user avatar + menu) */\n  userMenu?: React.ReactNode;\n\n  // -- Top nav --\n  /** Breadcrumb items from root to current page */\n  breadcrumbs?: BreadcrumbItemConfig[];\n  /** Callback when the help button is clicked; omit to hide the button */\n  onHelpClick?: () => void;\n  /** Slot for right-side actions in the top nav (e.g. data count pills, next button) */\n  headerActions?: React.ReactNode;\n\n  // -- Shell --\n  /** Slot rendered between the icon rail and the content (e.g. WorkflowPanel) */\n  sidebarPanel?: React.ReactNode;\n  /** Show the desktop icon nav rail. Set false to reclaim width when the panel is collapsed. */\n  showNavRail?: boolean; // default true\n  /** Main content area */\n  children: React.ReactNode;\n  /** Additional className for the root container */\n  className?: string;\n}\n\n// =============================================================================\n// Sidebar shared body (used by desktop rail + mobile Sheet)\n// =============================================================================\n\ninterface SidebarBodyProps\n  extends Pick<\n    DataAppShellProps,\n    | \"appName\"\n    | \"appFullName\"\n    | \"appIcon\"\n    | \"version\"\n    | \"navGroups\"\n    | \"onAppNameClick\"\n    | \"backToPlatformPath\"\n    | \"onBackToPlatform\"\n    | \"userMenu\"\n  > {\n  /**\n   * compact=true  → narrow icon rail (60px): icons + tiny labels stacked, tooltips on hover\n   * compact=false → expanded mobile sheet (220px): icon + label side-by-side rows\n   */\n  compact: boolean;\n  /** Called after a nav page item is clicked — used by mobile sheet to close itself */\n  onAfterNavClick?: () => void;\n}\n\nconst pageIconVariants = cva(\n  \"flex items-center justify-center rounded-lg transition-colors duration-150\",\n  {\n    variants: {\n      active: {\n        true: \"bg-primary/10\",\n        false: \"bg-transparent\",\n      },\n      compact: {\n        true: \"w-9 h-9 hover:bg-accent\",\n        false: \"w-8 h-8\",\n      },\n    },\n    defaultVariants: { active: false, compact: true },\n  }\n);\n\nfunction SidebarBody({\n  appName,\n  appFullName,\n  appIcon,\n  version,\n  navGroups,\n  onAppNameClick,\n  backToPlatformPath,\n  onBackToPlatform,\n  userMenu,\n  compact,\n  onAfterNavClick,\n}: SidebarBodyProps) {\n  return (\n    <TooltipProvider>\n      {/* ── Header: app icon / name + version ──────────────────────────────── */}\n      <div\n        className={cn(\n          \"shrink-0 flex\",\n          // Expanded: full-width header border. Collapsed: no full-width border —\n          // a short centered divider (below) aligns under the icon column instead.\n          compact ? \"justify-center py-2\" : \"px-3 py-2.5 border-b border-sidebar-border\"\n        )}\n      >\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <button\n              type=\"button\"\n              className={cn(\n                \"cursor-pointer bg-transparent border-none p-0\",\n                !compact && \"flex items-center gap-3 w-full text-left\"\n              )}\n            >\n              {/* Icon */}\n              <span\n                className={cn(\n                  \"flex items-center justify-center rounded-lg bg-sidebar-accent border border-sidebar-border font-bold text-foreground shrink-0\",\n                  compact ? \"w-9 h-9 text-[11px]\" : \"w-8 h-8 text-[10px]\"\n                )}\n              >\n                {appIcon ?? appName}\n              </span>\n\n              {/* Name (expanded only — no version here) */}\n              {!compact && (\n                <span className=\"text-sm font-semibold text-foreground truncate leading-snug\">\n                  {appFullName ?? appName}\n                </span>\n              )}\n            </button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent side=\"right\" align=\"start\" className=\"min-w-[220px]\">\n            <div\n              className=\"flex items-center gap-3 px-3 py-2.5 cursor-pointer\"\n              onClick={onAppNameClick}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\") onAppNameClick?.();\n              }}\n            >\n              <div className=\"w-8 h-8 rounded-lg bg-sidebar-accent border border-sidebar-border flex items-center justify-center shrink-0\">\n                <span className=\"text-[10px] font-bold text-foreground\">\n                  {appIcon ?? appName}\n                </span>\n              </div>\n              <div className=\"flex flex-col min-w-0\">\n                <span className=\"text-sm font-semibold text-foreground truncate\">\n                  {appFullName ?? appName}\n                </span>\n                {version && (\n                  <span className=\"text-[10px] text-muted-foreground/70 font-mono leading-none mt-0.5\">\n                    {version}\n                  </span>\n                )}\n              </div>\n            </div>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem className=\"gap-2.5 p-0\" asChild>\n              {backToPlatformPath ? (\n                <TDPLink\n                  path={backToPlatformPath}\n                  navigationOptions={{ newTab: false }}\n                  className=\"flex items-center gap-2.5 w-full px-2 py-1.5 !no-underline hover:!no-underline\"\n                >\n                  <ArrowLeft className=\"w-4 h-4 text-muted-foreground\" />\n                  Back to TDP Platform\n                </TDPLink>\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"flex items-center gap-2.5 w-full px-2 py-1.5 bg-transparent border-none cursor-pointer\"\n                  onClick={onBackToPlatform}\n                >\n                  <ArrowLeft className=\"w-4 h-4 text-muted-foreground\" />\n                  Back to TDP Platform\n                </button>\n              )}\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n\n      {/* Collapsed: short centered divider aligned under the icon column\n          (matches the nav-group dividers). Expanded uses the header's border-b. */}\n      {compact && <div className=\"shrink-0 mx-auto w-8 border-t border-sidebar-border\" />}\n\n      {/* ── Nav groups ──────────────────────────────────────────────────────── */}\n      <div\n        className={cn(\n          \"flex-1 min-h-0\",\n          compact\n            ? \"flex flex-col items-center gap-1 px-2 pt-3 overflow-y-auto\"\n            : \"flex flex-col py-2 overflow-y-auto\"\n        )}\n      >\n        {navGroups.map((group, groupIndex) => (\n          <React.Fragment key={`${groupIndex}-${group.label ?? \"\"}`}>\n            {groupIndex > 0 && (\n              <div\n                className={cn(\n                  \"border-t border-sidebar-border\",\n                  compact ? \"w-8 my-2\" : \"mx-3 my-1\"\n                )}\n              />\n            )}\n            {!compact && group.label && (\n              <span className=\"px-3 py-1 text-[10px] uppercase tracking-widest text-muted-foreground/60 font-semibold\">\n                {group.label}\n              </span>\n            )}\n            <div\n              className={cn(\n                \"flex flex-col\",\n                compact ? \"items-center gap-3 w-full\" : \"gap-0.5\"\n              )}\n            >\n              {group.pages.map((page) => {\n                const Icon = page.icon;\n                const iconEl = Icon ? (\n                  <Icon\n                    className={cn(\n                      \"w-5 h-5\",\n                      page.isActive ? \"text-primary\" : \"text-muted-foreground\"\n                    )}\n                  />\n                ) : (\n                  <div\n                    className={cn(\n                      \"w-2 h-2 rounded-full\",\n                      page.isActive ? \"bg-primary\" : \"bg-muted-foreground/40\"\n                    )}\n                  />\n                );\n\n                const handleClick = () => {\n                  page.onClick?.();\n                  onAfterNavClick?.();\n                };\n\n                if (compact) {\n                  return (\n                    <Tooltip key={page.id}>\n                      <TooltipTrigger asChild>\n                        <button\n                          type=\"button\"\n                          className=\"flex flex-col items-center gap-0.5 cursor-pointer bg-transparent border-none p-0 w-full\"\n                          onClick={handleClick}\n                        >\n                          <div className={cn(pageIconVariants({ active: page.isActive ?? false, compact: true }))}>\n                            {iconEl}\n                          </div>\n                          <span\n                            className={cn(\n                              \"text-[10px] font-medium leading-tight text-center\",\n                              page.isActive\n                                ? \"text-foreground font-semibold\"\n                                : \"text-muted-foreground\"\n                            )}\n                          >\n                            {page.label}\n                          </span>\n                        </button>\n                      </TooltipTrigger>\n                      <TooltipContent side=\"right\">{page.label}</TooltipContent>\n                    </Tooltip>\n                  );\n                }\n\n                // Expanded (mobile) row\n                return (\n                  <button\n                    key={page.id}\n                    type=\"button\"\n                    className={cn(\n                      \"flex items-center gap-3 w-full px-3 py-2 text-sm cursor-pointer bg-transparent border-none text-left transition-colors duration-150 rounded-md mx-1\",\n                      page.isActive\n                        ? \"bg-sidebar-accent text-sidebar-foreground font-medium\"\n                        : \"text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground\"\n                    )}\n                    onClick={handleClick}\n                  >\n                    <div className={cn(pageIconVariants({ active: page.isActive ?? false, compact: false }))}>\n                      {iconEl}\n                    </div>\n                    <span>{page.label}</span>\n                  </button>\n                );\n              })}\n            </div>\n          </React.Fragment>\n        ))}\n      </div>\n\n      {/* ── Bottom: user menu slot ──────────────────────────────────────────── */}\n      {userMenu && (\n        <>\n          {/* Collapsed: short centered divider aligned under the icon column.\n              Expanded uses the full-width border on the wrapper below. */}\n          {compact && (\n            <div className=\"shrink-0 mx-auto w-8 border-t border-sidebar-border\" />\n          )}\n          <div\n            className={cn(\n              \"shrink-0\",\n              compact\n                ? \"flex flex-col items-center py-2\"\n                : \"p-2 border-t border-sidebar-border\"\n            )}\n          >\n            {userMenu}\n          </div>\n        </>\n      )}\n    </TooltipProvider>\n  );\n}\n\n// =============================================================================\n// Icon rail sidebar (desktop only — hidden on mobile)\n// =============================================================================\n\nfunction IconRailSidebar(props: Omit<SidebarBodyProps, \"compact\" | \"onAfterNavClick\">) {\n  return (\n    <nav\n      data-slot=\"data-app-sidebar-rail\"\n      aria-label=\"Application navigation\"\n      className=\"hidden md:flex w-[60px] flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50\"\n    >\n      <SidebarBody compact {...props} />\n    </nav>\n  );\n}\n\n// =============================================================================\n// Top nav\n// =============================================================================\n\nfunction TopNav({\n  breadcrumbs = [],\n  onHelpClick,\n  headerActions,\n  mobileTrigger,\n}: {\n  breadcrumbs?: BreadcrumbItemConfig[];\n  onHelpClick?: () => void;\n  headerActions?: React.ReactNode;\n  mobileTrigger?: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"data-app-top-nav\"\n      className=\"flex items-center h-10 px-3 bg-sidebar border-b border-sidebar-border sticky top-0 z-40 w-full gap-2\"\n    >\n      {/* Mobile hamburger (hidden on md+) */}\n      {mobileTrigger}\n\n      {/* Left: Breadcrumbs */}\n      <Breadcrumb className=\"flex-1 min-w-0\">\n        <BreadcrumbList>\n          {breadcrumbs.map((item, index) => {\n            const isLast = index === breadcrumbs.length - 1;\n            const isClickable = !isLast && (!!item.href || !!item.onClick);\n            return (\n              <React.Fragment key={`${item.label}-${index}`}>\n                {index > 0 && <BreadcrumbSeparator>/</BreadcrumbSeparator>}\n                <BreadcrumbItem>\n                  {isLast ? (\n                    <BreadcrumbPage>{item.label}</BreadcrumbPage>\n                  ) : isClickable && item.href ? (\n                    <BreadcrumbLink href={item.href}>{item.label}</BreadcrumbLink>\n                  ) : isClickable && item.onClick ? (\n                    <button\n                      type=\"button\"\n                      className=\"text-[13px] text-primary hover:underline cursor-pointer bg-transparent border-none p-0 font-normal\"\n                      onClick={item.onClick}\n                    >\n                      {item.label}\n                    </button>\n                  ) : (\n                    <span className=\"text-[13px] text-muted-foreground\">{item.label}</span>\n                  )}\n                </BreadcrumbItem>\n              </React.Fragment>\n            );\n          })}\n        </BreadcrumbList>\n      </Breadcrumb>\n\n      {/* Right: header actions + help */}\n      <div className=\"flex items-center gap-2 shrink-0\">\n        {headerActions}\n\n        {onHelpClick && (\n          <TooltipProvider>\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  className=\"w-7 h-7 text-muted-foreground\"\n                  onClick={onHelpClick}\n                  aria-label=\"Help\"\n                >\n                  <HelpCircle className=\"w-4 h-4\" />\n                </Button>\n              </TooltipTrigger>\n              <TooltipContent side=\"bottom\">Help</TooltipContent>\n            </Tooltip>\n          </TooltipProvider>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// =============================================================================\n// DataAppShell\n// =============================================================================\n\nfunction DataAppShell({\n  appName,\n  appFullName,\n  appIcon,\n  version,\n  navGroups,\n  onAppNameClick,\n  backToPlatformPath,\n  onBackToPlatform,\n  userMenu,\n  breadcrumbs = [],\n  onHelpClick,\n  headerActions,\n  sidebarPanel,\n  showNavRail = true,\n  children,\n  className,\n}: DataAppShellProps) {\n  const [mobileNavOpen, setMobileNavOpen] = React.useState(false);\n\n  const sidebarProps = {\n    appName,\n    appFullName,\n    appIcon,\n    version,\n    navGroups,\n    onAppNameClick,\n    backToPlatformPath,\n    onBackToPlatform,\n    userMenu,\n  };\n\n  return (\n    <Sheet open={mobileNavOpen} onOpenChange={setMobileNavOpen}>\n      <div\n        data-slot=\"data-app-shell\"\n        className={cn(\"flex flex-row w-full h-screen overflow-hidden\", className)}\n      >\n        {/* Desktop icon rail (hidden on mobile, or when showNavRail is false) */}\n        {showNavRail && <IconRailSidebar {...sidebarProps} />}\n\n        {/* Mobile sidebar Sheet */}\n        <SheetContent\n          side=\"left\"\n          showCloseButton={false}\n          className=\"p-0 bg-sidebar border-r border-sidebar-border data-[side=left]:w-[220px] data-[side=left]:sm:w-[220px] data-[side=left]:sm:max-w-[220px] flex flex-col\"\n        >\n          <SheetTitle className=\"sr-only\">Navigation</SheetTitle>\n          <SheetDescription className=\"sr-only\">\n            Application navigation menu\n          </SheetDescription>\n          <nav aria-label=\"Application navigation\" className=\"flex flex-col h-full\">\n            <SidebarBody\n              compact={false}\n              onAfterNavClick={() => setMobileNavOpen(false)}\n              {...sidebarProps}\n            />\n          </nav>\n        </SheetContent>\n\n        {/* Right: top nav + panel + content */}\n        <div className=\"flex flex-1 flex-col min-w-0 overflow-hidden\">\n          <TopNav\n            breadcrumbs={breadcrumbs}\n            onHelpClick={onHelpClick}\n            headerActions={headerActions}\n            mobileTrigger={\n              <SheetTrigger asChild>\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  aria-label=\"Open navigation menu\"\n                  className=\"md:hidden w-7 h-7 shrink-0 text-muted-foreground\"\n                >\n                  <Menu className=\"w-4 h-4\" />\n                </Button>\n              </SheetTrigger>\n            }\n          />\n\n          <div className=\"flex flex-1 min-h-0 overflow-hidden\">\n            {/* Sidebar panel slot (e.g. WorkflowPanel) */}\n            {sidebarPanel}\n\n            {/* Content area */}\n            <main\n              data-slot=\"data-app-shell-content\"\n              className=\"flex-1 overflow-auto bg-background\"\n            >\n              {children}\n            </main>\n          </div>\n        </div>\n      </div>\n    </Sheet>\n  );\n}\n\nexport default DataAppShell;\nexport { DataAppShell };\n"],"names":["pageIconVariants","cva","SidebarBody","appName","appFullName","appIcon","version","navGroups","onAppNameClick","backToPlatformPath","onBackToPlatform","userMenu","compact","onAfterNavClick","TooltipProvider","jsx","cn","DropdownMenu","DropdownMenuTrigger","jsxs","DropdownMenuContent","e","DropdownMenuSeparator","DropdownMenuItem","TDPLink","ArrowLeft","group","groupIndex","React","page","Icon","iconEl","handleClick","Tooltip","TooltipTrigger","TooltipContent","Fragment","IconRailSidebar","props","TopNav","breadcrumbs","onHelpClick","headerActions","mobileTrigger","Breadcrumb","BreadcrumbList","item","index","isLast","isClickable","BreadcrumbSeparator","BreadcrumbItem","BreadcrumbPage","BreadcrumbLink","Button","HelpCircle","DataAppShell","sidebarPanel","showNavRail","children","className","mobileNavOpen","setMobileNavOpen","sidebarProps","Sheet","SheetContent","SheetTitle","SheetDescription","SheetTrigger","Menu"],"mappings":"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"}
+{"version":3,"file":"DataAppShell.js","sources":["../../../../src/components/composed/DataAppShell/DataAppShell.tsx"],"sourcesContent":["import { ArrowLeft, ChevronRight, Menu } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { ShellCollapseButton } from \"./CollapseButton\";\nimport { DataAppShellPrimaryNav } from \"./PrimaryNav\";\nimport { DataAppShellProvider, type DataAppShellNavVariant } from \"./ShellContext\";\n\nimport type { NavGroup } from \"./PrimaryNav\";\n\nimport { TDPLink } from \"@/components/composed/tdp-link\";\nimport { TopBar } from \"@/components/composed/TopBar\";\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\";\nimport { cn } from \"@/lib/utils\";\n\n// =============================================================================\n// Types\n// =============================================================================\n\n// Nav item types live with the nav engine — re-exported here for back-compat.\nexport type { NavPage, NavGroup } from \"./PrimaryNav\";\n\nexport interface BreadcrumbItemConfig {\n  /** Display label */\n  label: string;\n  /** If provided, renders as a link */\n  href?: string;\n  /** Click handler (used when no href is provided) */\n  onClick?: () => void;\n}\n\nexport interface DataAppShellProps {\n  // -- Sidebar --\n  /** Application name/abbreviation shown in the logo button */\n  appName: string;\n  /** Full application name shown in the app dropdown and mobile nav header */\n  appFullName?: string;\n  /** Custom icon element shown in the logo area */\n  appIcon?: React.ReactNode;\n  /** Optional version string shown below the app name/icon in the sidebar header */\n  version?: string;\n  /** Navigation groups; each group contains one or more pages */\n  navGroups: NavGroup[];\n  /** Callback when the app name / icon is clicked in the dropdown */\n  onAppNameClick?: () => void;\n  /** TDP path to navigate to when \"Back to TDP Platform\" is clicked (uses TDPLink — requires TdpNavigationProvider) */\n  backToPlatformPath?: string;\n  /** Fallback callback when \"Back to TDP Platform\" is clicked and no backToPlatformPath is set */\n  onBackToPlatform?: () => void;\n  /** Slot rendered at the bottom of the sidebar (e.g. user avatar + menu) */\n  userMenu?: React.ReactNode;\n\n  // -- Top nav --\n  /** Breadcrumb items from root to current page */\n  breadcrumbs?: BreadcrumbItemConfig[];\n  /** Slot rendered after the breadcrumbs in the top bar's left group\n   *  (e.g. a collapsed horizontal workflow's step dropdown) */\n  headerLeft?: React.ReactNode;\n  /** Center \"context\" slot in the top bar (e.g. a version / status selector) */\n  headerCenter?: React.ReactNode;\n  /** Slot for right-side actions in the top nav (e.g. data count pills, next button) */\n  headerActions?: React.ReactNode;\n\n  // -- Shell zones --\n  /** Primary nav axis — `vertical` (sidebar/rail, default) or `horizontal` (top nav row) */\n  navVariant?: DataAppShellNavVariant;\n  /**\n   * Vertical primary nav presentation:\n   * - `rail` (default) — permanent 48px icon-only rail.\n   * - `sidebar` — collapsible 220px sidebar with labels; its brand-row chevron\n   *   collapses it to an icon rail (with an expand chevron under the logo),\n   *   driven by the shell's `collapsed` state.\n   */\n  primaryNav?: \"rail\" | \"sidebar\";\n  /** Slot rendered between the primary nav and the content (e.g. a vertical `DataAppShellSecondaryNav`) */\n  sidebarPanel?: React.ReactNode;\n  /** Full-width zone between the top bar and the content row (e.g. a horizontal `DataAppShellSecondaryNav`) */\n  secondaryBar?: React.ReactNode;\n  /** Slot rendered after the content (e.g. a DataAppShellRightPanel) — its FAB anchors to the content row */\n  rightPanel?: React.ReactNode;\n  /** Show the primary nav zone. Set false to hide it entirely. */\n  showNavRail?: boolean; // default true\n  /** Show the top bar zone. Set false to hide it entirely. */\n  showTopBar?: boolean; // default true\n\n  // -- Collapse (vertical nav only) --\n  /** Controlled collapse state — drives the secondary zone (via ShellContext)\n   *  and, with `hideNavOnCollapse`, the primary rail */\n  collapsed?: boolean;\n  /** Uncontrolled initial collapse state */\n  defaultCollapsed?: boolean;\n  /** Called whenever the shell collapse state flips */\n  onCollapsedChange?: (collapsed: boolean) => void;\n  /** Collapsing also hides the primary rail, leaving one icon rail (the secondary\n   *  nav) with an expand affordance — or a floating expand button if there is none. */\n  hideNavOnCollapse?: boolean;\n  /** Media query that auto-collapses the shell while it matches.\n   *  Pass `false` to disable. Defaults to `\"(max-width: 1023px)\"`. */\n  autoCollapse?: string | false;\n\n  /** Main content area */\n  children: React.ReactNode;\n  /** Additional className for the root container */\n  className?: string;\n}\n\n// =============================================================================\n// Sidebar shared body (used by desktop rail + mobile Sheet)\n// =============================================================================\n\ninterface SidebarBodyProps\n  extends Pick<\n    DataAppShellProps,\n    | \"appName\"\n    | \"appFullName\"\n    | \"appIcon\"\n    | \"version\"\n    | \"navGroups\"\n    | \"onAppNameClick\"\n    | \"backToPlatformPath\"\n    | \"onBackToPlatform\"\n    | \"userMenu\"\n  > {\n  /**\n   * compact=true  → narrow icon rail (48px): icon-only nav buttons, tooltips on hover\n   * compact=false → expanded mobile sheet (220px): icon + label side-by-side rows\n   */\n  compact: boolean;\n  /** Called after a nav page item is clicked — used by mobile sheet to close itself */\n  onAfterNavClick?: () => void;\n}\n\n// =============================================================================\n// App header menu — logo/name button opening the app dropdown\n// =============================================================================\n\ninterface AppHeaderMenuProps\n  extends Pick<\n    DataAppShellProps,\n    | \"appName\"\n    | \"appFullName\"\n    | \"appIcon\"\n    | \"version\"\n    | \"onAppNameClick\"\n    | \"backToPlatformPath\"\n    | \"onBackToPlatform\"\n  > {\n  /** compact=true → icon-only trigger (rail); compact=false → icon + name row */\n  compact: boolean;\n  /** Which side of the trigger the dropdown opens on — `right` beside a rail, `bottom` under a top bar */\n  menuSide?: \"right\" | \"bottom\";\n}\n\nfunction AppHeaderMenu({\n  appName,\n  appFullName,\n  appIcon,\n  version,\n  onAppNameClick,\n  backToPlatformPath,\n  onBackToPlatform,\n  compact,\n  menuSide = \"right\",\n}: AppHeaderMenuProps) {\n  return (\n    <DropdownMenu modal={false}>\n          <DropdownMenuTrigger asChild>\n            <button\n              type=\"button\"\n              className={cn(\n                \"cursor-pointer bg-transparent border-none p-0\",\n                !compact && \"flex items-center gap-3 w-full text-left\"\n              )}\n            >\n              {/* Icon */}\n              <span\n                className={cn(\n                  \"flex items-center justify-center rounded-lg bg-sidebar-accent border border-sidebar-border font-bold text-foreground shrink-0 w-8 h-8 text-[10px]\"\n                )}\n              >\n                {appIcon ?? appName}\n              </span>\n\n              {/* Name (expanded only — no version here) */}\n              {!compact && (\n                <span className=\"text-sm font-semibold text-foreground truncate leading-snug\">\n                  {appFullName ?? appName}\n                </span>\n              )}\n            </button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent side={menuSide} align=\"start\" className=\"min-w-[220px]\">\n            <DropdownMenuItem\n              className=\"gap-3 px-3 py-2.5\"\n              onSelect={() => onAppNameClick?.()}\n            >\n              <div className=\"w-8 h-8 rounded-lg bg-sidebar-accent border border-sidebar-border flex items-center justify-center shrink-0\">\n                <span className=\"text-[10px] font-bold text-foreground\">\n                  {appIcon ?? appName}\n                </span>\n              </div>\n              <div className=\"flex flex-col min-w-0\">\n                <span className=\"text-sm font-semibold text-foreground truncate\">\n                  {appFullName ?? appName}\n                </span>\n                {version && (\n                  <span className=\"text-[10px] text-muted-foreground/70 font-mono leading-none mt-0.5\">\n                    {version}\n                  </span>\n                )}\n              </div>\n            </DropdownMenuItem>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem className=\"gap-2.5 p-0\" asChild>\n              {backToPlatformPath ? (\n                <TDPLink\n                  path={backToPlatformPath}\n                  navigationOptions={{ newTab: false }}\n                  className=\"flex items-center gap-2.5 w-full px-2 py-1.5 !no-underline hover:!no-underline\"\n                >\n                  <ArrowLeft className=\"w-4 h-4 text-muted-foreground\" />\n                  Back to TDP Platform\n                </TDPLink>\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"flex items-center gap-2.5 w-full px-2 py-1.5 bg-transparent border-none cursor-pointer\"\n                  onClick={onBackToPlatform}\n                >\n                  <ArrowLeft className=\"w-4 h-4 text-muted-foreground\" />\n                  Back to TDP Platform\n                </button>\n              )}\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n// =============================================================================\n// Sidebar shared body — the PrimaryNav engine with the app header + user slots\n// =============================================================================\n\nfunction SidebarBody({\n  appName,\n  appFullName,\n  appIcon,\n  version,\n  navGroups,\n  onAppNameClick,\n  backToPlatformPath,\n  onBackToPlatform,\n  userMenu,\n  compact,\n  onAfterNavClick,\n}: SidebarBodyProps) {\n  return (\n    <DataAppShellPrimaryNav\n      variant={compact ? \"rail\" : \"sidebar\"}\n      aria-label=\"Application navigation\"\n      navGroups={navGroups}\n      onSelect={() => onAfterNavClick?.()}\n      header={\n        <AppHeaderMenu\n          appName={appName}\n          appFullName={appFullName}\n          appIcon={appIcon}\n          version={version}\n          onAppNameClick={onAppNameClick}\n          backToPlatformPath={backToPlatformPath}\n          onBackToPlatform={onBackToPlatform}\n          compact={compact}\n        />\n      }\n      user={userMenu}\n      className=\"h-full w-full\"\n    />\n  );\n}\n\n// =============================================================================\n// Icon rail sidebar (desktop only — hidden on mobile)\n// =============================================================================\n\nfunction IconRailSidebar(props: Omit<SidebarBodyProps, \"compact\" | \"onAfterNavClick\">) {\n  return (\n    <div\n      data-slot=\"data-app-sidebar-rail\"\n      className=\"hidden md:flex w-12 flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50\"\n    >\n      <SidebarBody compact {...props} />\n    </div>\n  );\n}\n\n// =============================================================================\n// Collapsible primary sidebar (desktop only — hidden on mobile). Expanded, it\n// shows the app name, labelled nav, and a collapse chevron in the brand row;\n// collapsed, it becomes an icon rail with the expand chevron directly under\n// the logo (mirrors the SW-2118 playground).\n// =============================================================================\n\ninterface PrimarySidebarProps extends Omit<SidebarBodyProps, \"compact\" | \"onAfterNavClick\"> {\n  collapsed: boolean;\n  onCollapsedChange: (collapsed: boolean) => void;\n}\n\nfunction PrimarySidebar({ collapsed, onCollapsedChange, ...sidebarProps }: PrimarySidebarProps) {\n  const { appName, appFullName, appIcon, version, onAppNameClick, backToPlatformPath, onBackToPlatform } =\n    sidebarProps;\n  const headerMenuProps = {\n    appName,\n    appFullName,\n    appIcon,\n    version,\n    onAppNameClick,\n    backToPlatformPath,\n    onBackToPlatform,\n  };\n\n  if (collapsed) {\n    return (\n      <div\n        data-slot=\"data-app-sidebar-rail\"\n        data-collapsed=\"true\"\n        className=\"hidden md:flex w-12 flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50\"\n      >\n        <DataAppShellPrimaryNav\n          variant=\"rail\"\n          aria-label=\"Application navigation\"\n          navGroups={sidebarProps.navGroups}\n          header={\n            <div className=\"flex flex-col items-center gap-2\">\n              <AppHeaderMenu {...headerMenuProps} compact />\n              <ShellCollapseButton\n                direction=\"right\"\n                label=\"Expand navigation\"\n                onClick={() => onCollapsedChange(false)}\n              />\n            </div>\n          }\n          user={sidebarProps.userMenu}\n          className=\"h-full w-full\"\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-slot=\"data-app-sidebar\"\n      data-collapsed=\"false\"\n      className=\"hidden md:flex w-[220px] flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50\"\n    >\n      <DataAppShellPrimaryNav\n        variant=\"sidebar\"\n        aria-label=\"Application navigation\"\n        navGroups={sidebarProps.navGroups}\n        header={\n          <div className=\"flex items-center gap-2 w-full min-w-0\">\n            <div className=\"flex-1 min-w-0\">\n              <AppHeaderMenu {...headerMenuProps} compact={false} />\n            </div>\n            <ShellCollapseButton\n              direction=\"left\"\n              label=\"Collapse navigation\"\n              onClick={() => onCollapsedChange(true)}\n            />\n          </div>\n        }\n        user={sidebarProps.userMenu}\n        className=\"h-full w-full\"\n      />\n    </div>\n  );\n}\n\n// =============================================================================\n// Breadcrumb trail — rendered from the shell's breadcrumb config\n// =============================================================================\n\nfunction TopNavBreadcrumb({ items }: { items: BreadcrumbItemConfig[] }) {\n  return (\n    // min-w-0 lets the trail shrink inside the top bar's flex-1 left group;\n    // flex-nowrap keeps it one line instead of Breadcrumb's default wrap\n    // (which, combined with a squeezed left group, wrapped mid-trail and\n    // pushed the rest of the top bar around — SW-2118).\n    <Breadcrumb className=\"min-w-0\">\n      <BreadcrumbList className=\"flex-nowrap min-w-0\">\n        {items.map((item, index) => {\n          const isLast = index === items.length - 1;\n          const isClickable = !isLast && (!!item.href || !!item.onClick);\n          // Only the current (last) crumb truncates — earlier crumbs keep\n          // their natural width so the trail reads left-to-right.\n          const itemClassName = isLast ? \"min-w-0\" : \"shrink-0\";\n          return (\n            <React.Fragment key={`${item.label}-${index}`}>\n              {index > 0 && <BreadcrumbSeparator className=\"shrink-0\">/</BreadcrumbSeparator>}\n              <BreadcrumbItem className={itemClassName}>\n                {isLast ? (\n                  <BreadcrumbPage className=\"truncate\">{item.label}</BreadcrumbPage>\n                ) : isClickable && item.href ? (\n                  <BreadcrumbLink href={item.href} className=\"whitespace-nowrap\">\n                    {item.label}\n                  </BreadcrumbLink>\n                ) : isClickable && item.onClick ? (\n                  <button\n                    type=\"button\"\n                    className=\"text-sm text-primary hover:underline cursor-pointer bg-transparent border-none p-0 font-normal whitespace-nowrap\"\n                    onClick={item.onClick}\n                  >\n                    {item.label}\n                  </button>\n                ) : (\n                  <span className=\"text-sm text-muted-foreground whitespace-nowrap\">\n                    {item.label}\n                  </span>\n                )}\n              </BreadcrumbItem>\n            </React.Fragment>\n          );\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  );\n}\n\n// =============================================================================\n// Top nav — maps shell props onto the reusable TopBar (left/center/right)\n// =============================================================================\n\nfunction TopNav({\n  breadcrumbs = [],\n  headerLeft,\n  headerCenter,\n  headerActions,\n  mobileTrigger,\n}: {\n  breadcrumbs?: BreadcrumbItemConfig[];\n  headerLeft?: React.ReactNode;\n  headerCenter?: React.ReactNode;\n  headerActions?: React.ReactNode;\n  mobileTrigger?: React.ReactNode;\n}) {\n  return (\n    <TopBar\n      data-slot=\"data-app-top-nav\"\n      left={\n        <>\n          {/* Mobile hamburger (hidden on md+). shrink-0 — only the\n              breadcrumb trail gives up width when the left group is tight. */}\n          {mobileTrigger && <div className=\"shrink-0\">{mobileTrigger}</div>}\n          <TopNavBreadcrumb items={breadcrumbs} />\n          {headerLeft != null && <div className=\"shrink-0\">{headerLeft}</div>}\n        </>\n      }\n      center={headerCenter}\n      right={headerActions}\n    />\n  );\n}\n\n// =============================================================================\n// DataAppShell\n// =============================================================================\n\nfunction DataAppShell({\n  appName,\n  appFullName,\n  appIcon,\n  version,\n  navGroups,\n  onAppNameClick,\n  backToPlatformPath,\n  onBackToPlatform,\n  userMenu,\n  breadcrumbs = [],\n  headerLeft,\n  headerCenter,\n  headerActions,\n  navVariant = \"vertical\",\n  primaryNav = \"rail\",\n  sidebarPanel,\n  secondaryBar,\n  rightPanel,\n  showNavRail = true,\n  showTopBar = true,\n  collapsed: collapsedProp,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  hideNavOnCollapse = false,\n  autoCollapse = \"(max-width: 1023px)\",\n  children,\n  className,\n}: DataAppShellProps) {\n  const [mobileNavOpen, setMobileNavOpen] = React.useState(false);\n\n  // ── Single collapse toggle (controlled/uncontrolled) ───────────────────────\n  const [internalCollapsed, setInternalCollapsed] = React.useState(defaultCollapsed);\n  const collapsed = collapsedProp ?? internalCollapsed;\n  const collapsedRef = React.useRef(collapsed);\n  collapsedRef.current = collapsed;\n  // Set when the media query (not the user) collapsed the shell, so leaving\n  // the breakpoint restores the expanded state without fighting manual toggles.\n  const autoCollapsedRef = React.useRef(false);\n\n  const setCollapsed = React.useCallback(\n    (next: boolean) => {\n      autoCollapsedRef.current = false;\n      if (collapsedProp === undefined) setInternalCollapsed(next);\n      onCollapsedChange?.(next);\n    },\n    [collapsedProp, onCollapsedChange],\n  );\n\n  // ── Responsive auto-collapse below the breakpoint ───────────────────────────\n  // The media-query handler lives in a ref so the subscription survives\n  // re-renders without re-running for every collapse/callback change.\n  const applyAutoCollapseRef = React.useRef((matches: boolean) => void matches);\n  applyAutoCollapseRef.current = (matches: boolean) => {\n    if (matches && !collapsedRef.current) {\n      if (collapsedProp === undefined) setInternalCollapsed(true);\n      onCollapsedChange?.(true);\n      autoCollapsedRef.current = true;\n    } else if (!matches && autoCollapsedRef.current) {\n      autoCollapsedRef.current = false;\n      if (collapsedProp === undefined) setInternalCollapsed(false);\n      onCollapsedChange?.(false);\n    }\n  };\n\n  React.useEffect(() => {\n    if (autoCollapse === false || navVariant !== \"vertical\") return;\n    const mql = window.matchMedia(autoCollapse);\n    applyAutoCollapseRef.current(mql.matches);\n    const onChange = (e: MediaQueryListEvent) => applyAutoCollapseRef.current(e.matches);\n    mql.addEventListener(\"change\", onChange);\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, [autoCollapse, navVariant]);\n\n  const sidebarProps = {\n    appName,\n    appFullName,\n    appIcon,\n    version,\n    navGroups,\n    onAppNameClick,\n    backToPlatformPath,\n    onBackToPlatform,\n    userMenu,\n  };\n\n  const isVertical = navVariant === \"vertical\";\n  // A collapsible sidebar renders its own collapsed rail, so it is never\n  // hidden by collapse. hideNavOnCollapse only removes the permanent icon rail.\n  const isCollapsibleSidebar = isVertical && primaryNav === \"sidebar\";\n  const navHidden =\n    !showNavRail || (hideNavOnCollapse && collapsed && !isCollapsibleSidebar);\n\n  // CSS-grid template areas per navVariant — the shell knows zones, never\n  // domain concepts. Zones absent from the tree simply collapse their track.\n  // The secondary (side) zone starts below the top bar / secondary bar, so\n  // breadcrumbs span the full width beside the primary nav.\n  const gridClass = isVertical\n    ? \"grid h-screen w-full overflow-hidden [grid-template-columns:auto_auto_minmax(0,1fr)] [grid-template-rows:auto_auto_minmax(0,1fr)] [grid-template-areas:'nav_top_top'_'nav_sub_sub'_'nav_side_body']\"\n    : \"grid h-screen w-full overflow-hidden [grid-template-columns:auto_minmax(0,1fr)] [grid-template-rows:auto_auto_auto_minmax(0,1fr)] [grid-template-areas:'pnav_pnav'_'top_top'_'sub_sub'_'side_body']\";\n\n  return (\n    <DataAppShellProvider value={{ navVariant, collapsed, setCollapsed, hideNavOnCollapse }}>\n      <Sheet open={mobileNavOpen} onOpenChange={setMobileNavOpen}>\n        <div\n          data-slot=\"data-app-shell\"\n          data-nav-variant={navVariant}\n          data-collapsed={collapsed || undefined}\n          className={cn(gridClass, className)}\n        >\n          {/* Primary nav zone */}\n          {!navHidden &&\n            (isVertical ? (\n              <div className=\"[grid-area:nav] min-h-0\">\n                {isCollapsibleSidebar ? (\n                  <PrimarySidebar\n                    collapsed={collapsed}\n                    onCollapsedChange={setCollapsed}\n                    {...sidebarProps}\n                  />\n                ) : (\n                  <IconRailSidebar {...sidebarProps} />\n                )}\n              </div>\n            ) : (\n              <div className=\"[grid-area:pnav] hidden md:block border-b border-sidebar-border bg-sidebar px-3 py-1.5\">\n                <DataAppShellPrimaryNav\n                  variant=\"top\"\n                  aria-label=\"Application navigation\"\n                  navGroups={navGroups}\n                  header={<AppHeaderMenu {...sidebarProps} compact menuSide=\"bottom\" />}\n                  user={userMenu}\n                />\n              </div>\n            ))}\n\n          {/* Floating expand affordance — hideNavOnCollapse with no secondary rail */}\n          {hideNavOnCollapse && collapsed && !sidebarPanel && (\n            <Button\n              data-slot=\"data-app-shell-expand-fab\"\n              variant=\"outline\"\n              size=\"icon-sm\"\n              aria-label=\"Expand navigation\"\n              className=\"absolute left-2 top-2 z-50 shadow-elevation-2\"\n              onClick={() => setCollapsed(false)}\n            >\n              <ChevronRight className=\"w-4 h-4\" />\n            </Button>\n          )}\n\n          {/* Mobile sidebar Sheet */}\n          <SheetContent\n            side=\"left\"\n            showCloseButton={false}\n            className=\"p-0 bg-sidebar border-r border-sidebar-border data-[side=left]:w-[220px] data-[side=left]:sm:w-[220px] data-[side=left]:sm:max-w-[220px] flex flex-col\"\n          >\n            <SheetTitle className=\"sr-only\">Navigation</SheetTitle>\n            <SheetDescription className=\"sr-only\">\n              Application navigation menu\n            </SheetDescription>\n            <SidebarBody\n              compact={false}\n              onAfterNavClick={() => setMobileNavOpen(false)}\n              {...sidebarProps}\n            />\n          </SheetContent>\n\n          {/* Secondary (side) zone — e.g. a vertical DataAppShellSecondaryNav */}\n          {sidebarPanel && <div className=\"[grid-area:side] min-h-0 flex\">{sidebarPanel}</div>}\n\n          {/* Top bar zone */}\n          {showTopBar && (\n            <div className=\"[grid-area:top] min-w-0\">\n              <TopNav\n                breadcrumbs={breadcrumbs}\n                headerLeft={headerLeft}\n                headerCenter={headerCenter}\n                headerActions={headerActions}\n                mobileTrigger={\n                  <SheetTrigger asChild>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      aria-label=\"Open navigation menu\"\n                      className=\"md:hidden w-7 h-7 shrink-0 text-muted-foreground\"\n                    >\n                      <Menu className=\"w-4 h-4\" />\n                    </Button>\n                  </SheetTrigger>\n                }\n              />\n            </div>\n          )}\n\n          {/* Secondary bar zone — e.g. a horizontal DataAppShellSecondaryNav */}\n          {secondaryBar && <div className=\"[grid-area:sub] min-w-0\">{secondaryBar}</div>}\n\n          {/* Body zone: content + right panel. relative — anchors the right\n              panel's floating FAB trigger */}\n          <div className=\"[grid-area:body] relative flex min-h-0 min-w-0 overflow-hidden\">\n            <main\n              data-slot=\"data-app-shell-content\"\n              className=\"flex-1 min-w-0 overflow-auto bg-background\"\n            >\n              {children}\n            </main>\n\n            {/* Right panel slot (e.g. DataAppShellRightPanel) */}\n            {rightPanel}\n          </div>\n        </div>\n      </Sheet>\n    </DataAppShellProvider>\n  );\n}\n\nexport default DataAppShell;\nexport { AppHeaderMenu, DataAppShell };\n"],"names":["AppHeaderMenu","appName","appFullName","appIcon","version","onAppNameClick","backToPlatformPath","onBackToPlatform","compact","menuSide","jsxs","DropdownMenu","jsx","DropdownMenuTrigger","cn","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","TDPLink","ArrowLeft","SidebarBody","navGroups","userMenu","onAfterNavClick","DataAppShellPrimaryNav","IconRailSidebar","props","PrimarySidebar","collapsed","onCollapsedChange","sidebarProps","headerMenuProps","ShellCollapseButton","TopNavBreadcrumb","items","Breadcrumb","BreadcrumbList","item","index","isLast","isClickable","itemClassName","React","BreadcrumbSeparator","BreadcrumbItem","BreadcrumbPage","BreadcrumbLink","TopNav","breadcrumbs","headerLeft","headerCenter","headerActions","mobileTrigger","TopBar","Fragment","DataAppShell","navVariant","primaryNav","sidebarPanel","secondaryBar","rightPanel","showNavRail","showTopBar","collapsedProp","defaultCollapsed","hideNavOnCollapse","autoCollapse","children","className","mobileNavOpen","setMobileNavOpen","internalCollapsed","setInternalCollapsed","collapsedRef","autoCollapsedRef","setCollapsed","next","applyAutoCollapseRef","matches","mql","onChange","e","isVertical","isCollapsibleSidebar","navHidden","DataAppShellProvider","Sheet","Button","ChevronRight","SheetContent","SheetTitle","SheetDescription","SheetTrigger","Menu"],"mappings":"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"}

package/dist/components/composed/DataAppShell/PrimaryNav.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("class-variance-authority"),V=require("react"),b=require("../../../ui/badge.cjs"),x=require("../../../ui/tooltip.cjs"),i=require("../../../lib/utils.cjs");function k(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const y=k(V),j=l.cva("flex min-w-0",{variants:{variant:{rail:"flex-col",sidebar:"flex-col",top:"flex-row items-center w-full gap-2"}},defaultVariants:{variant:"rail"}}),A=l.cva("shrink-0 flex",{variants:{variant:{rail:"justify-center py-2",sidebar:"px-3 py-2.5 border-b border-sidebar-border",top:"items-center"}},defaultVariants:{variant:"rail"}}),S=l.cva("flex min-h-0",{variants:{variant:{rail:"flex-1 flex-col items-center gap-1 px-2 pt-2 overflow-y-auto",sidebar:"flex-1 flex-col px-1 py-2 overflow-y-auto",top:"flex-1 flex-row items-center gap-1 min-w-0 overflow-x-auto"}},defaultVariants:{variant:"rail"}}),P=l.cva("flex",{variants:{variant:{rail:"flex-col items-center gap-3 w-full",sidebar:"flex-col gap-0.5",top:"flex-row items-center gap-1"}},defaultVariants:{variant:"rail"}}),C=l.cva("border-sidebar-border",{variants:{variant:{rail:"border-t w-8 my-2",sidebar:"border-t mx-3 my-1",top:"border-l h-5 mx-1 self-center"}},defaultVariants:{variant:"rail"}}),T=l.cva("shrink-0",{variants:{variant:{rail:"flex flex-col items-center py-2",sidebar:"p-2 border-t border-sidebar-border",top:"flex items-center gap-2"}},defaultVariants:{variant:"rail"}}),v=l.cva("cursor-pointer bg-transparent border-none transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",{variants:{variant:{rail:"flex flex-col items-center p-0 w-full",sidebar:"flex items-center gap-3 w-full px-3 py-2 text-sm text-left rounded-md",top:"flex items-center gap-2 h-7 px-2.5 text-sm rounded-md whitespace-nowrap focus-visible:ring-inset"},active:{true:"",false:""}},compoundVariants:[{variant:"sidebar",active:!0,class:"bg-sidebar-accent text-sidebar-foreground font-medium"},{variant:"sidebar",active:!1,class:"text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground"},{variant:"top",active:!0,class:"bg-primary/10 text-primary font-medium"},{variant:"top",active:!1,class:"text-muted-foreground hover:bg-accent hover:text-foreground"}],defaultVariants:{variant:"rail",active:!1}}),q=l.cva("relative flex items-center justify-center rounded-lg transition-colors duration-150",{variants:{active:{true:"bg-primary/10",false:"bg-transparent"},variant:{rail:"w-[30px] h-[30px] hover:bg-accent",sidebar:"w-8 h-8",top:""}},defaultVariants:{active:!1,variant:"rail"}});function O({page:e,variant:t,active:r,onSelect:o}){const s=e.icon,c=()=>{e.onClick?.(),o?.(e.id,e)};if(t==="top")return a.jsxs("button",{type:"button","data-slot":"data-app-shell-primary-nav-item","aria-current":r?"page":void 0,className:i.cn(v({variant:t,active:r})),onClick:c,children:[s&&a.jsx(s,{className:"w-4 h-4"}),a.jsx("span",{children:e.label}),e.badge!=null&&a.jsx(b.Badge,{variant:"secondary",className:"h-4 px-1.5 text-[10px]",children:e.badge})]});const p=s?a.jsx(s,{className:i.cn("w-4 h-4",r?"text-primary":"text-muted-foreground")}):a.jsx("div",{className:i.cn("w-2 h-2 rounded-full",r?"bg-primary":"bg-muted-foreground/40")}),u=a.jsxs("div",{className:i.cn(q({active:r,variant:t})),children:[p,t==="rail"&&e.badge!=null&&a.jsx(b.Badge,{className:"absolute -top-1 -right-1 h-3.5 min-w-3.5 px-1 text-[9px] leading-none",children:e.badge})]});return t==="rail"?a.jsxs(x.Tooltip,{children:[a.jsx(x.TooltipTrigger,{asChild:!0,children:a.jsx("button",{type:"button","data-slot":"data-app-shell-primary-nav-item","aria-label":e.label,"aria-current":r?"page":void 0,className:i.cn(v({variant:t,active:r})),onClick:c,children:u})}),a.jsx(x.TooltipContent,{side:"right",children:e.label})]}):a.jsxs("button",{type:"button","data-slot":"data-app-shell-primary-nav-item","aria-current":r?"page":void 0,className:i.cn(v({variant:t,active:r})),onClick:c,children:[u,a.jsx("span",{className:"truncate",children:e.label}),e.badge!=null&&a.jsx(b.Badge,{variant:"secondary",className:"ml-auto h-4 px-1.5 text-[10px]",children:e.badge})]})}function _({variant:e,navGroups:t,activeKey:r,onSelect:o,header:s,user:c,actions:p,renderItem:u,className:N,...w}){const n=e??"rail",f=n==="rail";return a.jsx("nav",{"data-slot":"data-app-shell-primary-nav","data-variant":n,className:i.cn(j({variant:n}),N),...w,children:a.jsxs(x.TooltipProvider,{children:[s!=null&&a.jsx("div",{"data-slot":"data-app-shell-primary-nav-header",className:i.cn(A({variant:n})),children:s}),f&&s!=null&&a.jsx("div",{className:"shrink-0 mx-auto w-8 border-t border-sidebar-border"}),a.jsx("div",{"data-slot":"data-app-shell-primary-nav-items",className:i.cn(S({variant:n})),children:t.map((m,h)=>a.jsxs(y.Fragment,{children:[h>0&&a.jsx("div",{className:i.cn(C({variant:n}))}),n==="sidebar"&&m.label&&a.jsx("span",{className:"px-3 py-1 text-[10px] uppercase tracking-widest text-muted-foreground/60 font-semibold",children:m.label}),a.jsx("div",{className:i.cn(P({variant:n})),children:m.pages.map(d=>{const g=r==null?d.isActive??!1:d.id===r;return u?a.jsx(y.Fragment,{children:u(d,{active:g,variant:n})},d.id):a.jsx(O,{page:d,variant:n,active:g,onSelect:o},d.id)})})]},`${h}-${m.label??""}`))}),(c!=null||p!=null)&&a.jsxs(a.Fragment,{children:[f&&a.jsx("div",{className:"shrink-0 mx-auto w-8 border-t border-sidebar-border"}),a.jsxs("div",{"data-slot":"data-app-shell-primary-nav-user",className:i.cn(T({variant:n})),children:[p,c]})]})]})})}exports.DataAppShellPrimaryNav=_;exports.dataAppShellPrimaryNavItemVariants=v;exports.dataAppShellPrimaryNavVariants=j;
+//# sourceMappingURL=PrimaryNav.cjs.map

package/dist/components/composed/DataAppShell/PrimaryNav.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryNav.cjs","sources":["../../../../src/components/composed/DataAppShell/PrimaryNav.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { type LucideIcon } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface NavPage {\n  /** Unique identifier */\n  id: string;\n  /** Display label */\n  label: string;\n  /** Lucide icon or custom React SVG component */\n  icon?: LucideIcon | React.FC<React.SVGProps<SVGSVGElement>>;\n  /** Optional count/status badge — overlaid on the icon in `rail`, inline in `sidebar`/`top` */\n  badge?: React.ReactNode;\n  /** Whether this page is currently active (ignored when `activeKey` is set on the nav) */\n  isActive?: boolean;\n  /** Click handler */\n  onClick?: () => void;\n}\n\nexport interface NavGroup {\n  /** Optional group label shown as a section header in the `sidebar` variant */\n  label?: string;\n  /** Page entries in this group */\n  pages: NavPage[];\n}\n\nexport type DataAppShellPrimaryNavVariant = \"rail\" | \"sidebar\" | \"top\";\n\n// =============================================================================\n// CVA variants — one placement per `variant`\n// =============================================================================\n\nconst dataAppShellPrimaryNavVariants = cva(\"flex min-w-0\", {\n  variants: {\n    variant: {\n      /** Vertical icon-only rail — tooltips on hover, user slot at the bottom */\n      rail: \"flex-col\",\n      /** Vertical icon + label panel — group labels, user slot at the bottom */\n      sidebar: \"flex-col\",\n      /** Horizontal bar — labels inline, user/actions slot on the right */\n      top: \"flex-row items-center w-full gap-2\",\n    },\n  },\n  defaultVariants: { variant: \"rail\" },\n});\n\nconst headerAreaVariants = cva(\"shrink-0 flex\", {\n  variants: {\n    variant: {\n      rail: \"justify-center py-2\",\n      sidebar: \"px-3 py-2.5 border-b border-sidebar-border\",\n      top: \"items-center\",\n    },\n  },\n  defaultVariants: { variant: \"rail\" },\n});\n\nconst itemsAreaVariants = cva(\"flex min-h-0\", {\n  variants: {\n    variant: {\n      rail: \"flex-1 flex-col items-center gap-1 px-2 pt-2 overflow-y-auto\",\n      // px-1 — the inset previously lived on each row as `mx-1` alongside\n      // `w-full`, which made every row 8px wider than its container and got\n      // clipped by this scroll area (SW-2118 sidebar row cut-off).\n      sidebar: \"flex-1 flex-col px-1 py-2 overflow-y-auto\",\n      top: \"flex-1 flex-row items-center gap-1 min-w-0 overflow-x-auto\",\n    },\n  },\n  defaultVariants: { variant: \"rail\" },\n});\n\nconst groupItemsVariants = cva(\"flex\", {\n  variants: {\n    variant: {\n      rail: \"flex-col items-center gap-3 w-full\",\n      sidebar: \"flex-col gap-0.5\",\n      top: \"flex-row items-center gap-1\",\n    },\n  },\n  defaultVariants: { variant: \"rail\" },\n});\n\nconst groupSeparatorVariants = cva(\"border-sidebar-border\", {\n  variants: {\n    variant: {\n      rail: \"border-t w-8 my-2\",\n      sidebar: \"border-t mx-3 my-1\",\n      top: \"border-l h-5 mx-1 self-center\",\n    },\n  },\n  defaultVariants: { variant: \"rail\" },\n});\n\nconst userAreaVariants = cva(\"shrink-0\", {\n  variants: {\n    variant: {\n      rail: \"flex flex-col items-center py-2\",\n      sidebar: \"p-2 border-t border-sidebar-border\",\n      top: \"flex items-center gap-2\",\n    },\n  },\n  defaultVariants: { variant: \"rail\" },\n});\n\nconst dataAppShellPrimaryNavItemVariants = cva(\n  \"cursor-pointer bg-transparent border-none transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n  {\n    variants: {\n      variant: {\n        rail: \"flex flex-col items-center p-0 w-full\",\n        sidebar: \"flex items-center gap-3 w-full px-3 py-2 text-sm text-left rounded-md\",\n        // ring-inset — the items row is an overflow-x-auto scroll container,\n        // which would clip an outset ring at the row's edges\n        top: \"flex items-center gap-2 h-7 px-2.5 text-sm rounded-md whitespace-nowrap focus-visible:ring-inset\",\n      },\n      active: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        variant: \"sidebar\",\n        active: true,\n        class: \"bg-sidebar-accent text-sidebar-foreground font-medium\",\n      },\n      {\n        variant: \"sidebar\",\n        active: false,\n        class: \"text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground\",\n      },\n      {\n        variant: \"top\",\n        active: true,\n        class: \"bg-primary/10 text-primary font-medium\",\n      },\n      {\n        variant: \"top\",\n        active: false,\n        class: \"text-muted-foreground hover:bg-accent hover:text-foreground\",\n      },\n    ],\n    defaultVariants: { variant: \"rail\", active: false },\n  }\n);\n\nconst pageIconVariants = cva(\n  \"relative flex items-center justify-center rounded-lg transition-colors duration-150\",\n  {\n    variants: {\n      active: {\n        true: \"bg-primary/10\",\n        false: \"bg-transparent\",\n      },\n      variant: {\n        rail: \"w-[30px] h-[30px] hover:bg-accent\",\n        sidebar: \"w-8 h-8\",\n        top: \"\",\n      },\n    },\n    defaultVariants: { active: false, variant: \"rail\" },\n  }\n);\n\n// =============================================================================\n// Props\n// =============================================================================\n\nexport interface DataAppShellPrimaryNavProps\n  extends Omit<React.ComponentProps<\"nav\">, \"children\" | \"onSelect\">,\n    VariantProps<typeof dataAppShellPrimaryNavVariants> {\n  /** Navigation groups; each group contains one or more pages */\n  navGroups: NavGroup[];\n  /** Controlled active page id — takes precedence over per-page `isActive` */\n  activeKey?: string;\n  /** Called with the selected page id after the page's own `onClick` */\n  onSelect?: (key: string, page: NavPage) => void;\n  /** Slot above the items in `rail`/`sidebar`, left of the items in `top` (e.g. app logo) */\n  header?: React.ReactNode;\n  /** User slot (e.g. `<UserMenu/>`) — bottom in `rail`/`sidebar`, right in `top` */\n  user?: React.ReactNode;\n  /** Action slot rendered alongside `user` */\n  actions?: React.ReactNode;\n  /** Escape hatch — full control over an item's rendering */\n  renderItem?: (\n    page: NavPage,\n    state: { active: boolean; variant: DataAppShellPrimaryNavVariant }\n  ) => React.ReactNode;\n}\n\n// =============================================================================\n// NavItem\n// =============================================================================\n\ninterface NavItemProps {\n  page: NavPage;\n  variant: DataAppShellPrimaryNavVariant;\n  active: boolean;\n  onSelect?: (key: string, page: NavPage) => void;\n}\n\nfunction NavItem({ page, variant, active, onSelect }: NavItemProps) {\n  const Icon = page.icon;\n\n  const handleClick = () => {\n    page.onClick?.();\n    onSelect?.(page.id, page);\n  };\n\n  if (variant === \"top\") {\n    return (\n      <button\n        type=\"button\"\n        data-slot=\"data-app-shell-primary-nav-item\"\n        aria-current={active ? \"page\" : undefined}\n        className={cn(dataAppShellPrimaryNavItemVariants({ variant, active }))}\n        onClick={handleClick}\n      >\n        {Icon && <Icon className=\"w-4 h-4\" />}\n        <span>{page.label}</span>\n        {page.badge != null && (\n          <Badge variant=\"secondary\" className=\"h-4 px-1.5 text-[10px]\">\n            {page.badge}\n          </Badge>\n        )}\n      </button>\n    );\n  }\n\n  const iconEl = Icon ? (\n    <Icon\n      className={cn(\"w-4 h-4\", active ? \"text-primary\" : \"text-muted-foreground\")}\n    />\n  ) : (\n    <div\n      className={cn(\n        \"w-2 h-2 rounded-full\",\n        active ? \"bg-primary\" : \"bg-muted-foreground/40\"\n      )}\n    />\n  );\n\n  const iconBox = (\n    <div className={cn(pageIconVariants({ active, variant }))}>\n      {iconEl}\n      {variant === \"rail\" && page.badge != null && (\n        <Badge className=\"absolute -top-1 -right-1 h-3.5 min-w-3.5 px-1 text-[9px] leading-none\">\n          {page.badge}\n        </Badge>\n      )}\n    </div>\n  );\n\n  if (variant === \"rail\") {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <button\n            type=\"button\"\n            data-slot=\"data-app-shell-primary-nav-item\"\n            aria-label={page.label}\n            aria-current={active ? \"page\" : undefined}\n            className={cn(dataAppShellPrimaryNavItemVariants({ variant, active }))}\n            onClick={handleClick}\n          >\n            {iconBox}\n          </button>\n        </TooltipTrigger>\n        <TooltipContent side=\"right\">{page.label}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  // sidebar — icon + label row\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"data-app-shell-primary-nav-item\"\n      aria-current={active ? \"page\" : undefined}\n      className={cn(dataAppShellPrimaryNavItemVariants({ variant, active }))}\n      onClick={handleClick}\n    >\n      {iconBox}\n      <span className=\"truncate\">{page.label}</span>\n      {page.badge != null && (\n        <Badge variant=\"secondary\" className=\"ml-auto h-4 px-1.5 text-[10px]\">\n          {page.badge}\n        </Badge>\n      )}\n    </button>\n  );\n}\n\n// =============================================================================\n// DataAppShellPrimaryNav\n// =============================================================================\n\n/**\n * The Data App Shell's nav engine — one `navGroups` model rendered in three\n * placements via `variant`:\n *\n * - **rail** — vertical icon-only (48px rail); labels via tooltip, user slot at the bottom\n * - **sidebar** — vertical icon + label with group headers, user slot at the bottom\n * - **top** — horizontal bar; user/actions slot on the right\n *\n * Active state is either controlled via `activeKey` or per-page `isActive`.\n * Width/background chrome is owned by the container (the shell's rail wrapper,\n * a Sheet, or a TopBar) — this component is layout-neutral.\n */\nfunction DataAppShellPrimaryNav({\n  variant,\n  navGroups,\n  activeKey,\n  onSelect,\n  header,\n  user,\n  actions,\n  renderItem,\n  className,\n  ...props\n}: DataAppShellPrimaryNavProps) {\n  const resolvedVariant: DataAppShellPrimaryNavVariant = variant ?? \"rail\";\n  const isRail = resolvedVariant === \"rail\";\n\n  return (\n    <nav\n      data-slot=\"data-app-shell-primary-nav\"\n      data-variant={resolvedVariant}\n      className={cn(dataAppShellPrimaryNavVariants({ variant: resolvedVariant }), className)}\n      {...props}\n    >\n      <TooltipProvider>\n        {header != null && (\n          <div\n            data-slot=\"data-app-shell-primary-nav-header\"\n            className={cn(headerAreaVariants({ variant: resolvedVariant }))}\n          >\n            {header}\n          </div>\n        )}\n        {/* Rail: short centered divider under the header, aligned with the icon column */}\n        {isRail && header != null && (\n          <div className=\"shrink-0 mx-auto w-8 border-t border-sidebar-border\" />\n        )}\n\n        <div\n          data-slot=\"data-app-shell-primary-nav-items\"\n          className={cn(itemsAreaVariants({ variant: resolvedVariant }))}\n        >\n          {navGroups.map((group, groupIndex) => (\n            <React.Fragment key={`${groupIndex}-${group.label ?? \"\"}`}>\n              {groupIndex > 0 && (\n                <div className={cn(groupSeparatorVariants({ variant: resolvedVariant }))} />\n              )}\n              {resolvedVariant === \"sidebar\" && group.label && (\n                <span className=\"px-3 py-1 text-[10px] uppercase tracking-widest text-muted-foreground/60 font-semibold\">\n                  {group.label}\n                </span>\n              )}\n              <div className={cn(groupItemsVariants({ variant: resolvedVariant }))}>\n                {group.pages.map((page) => {\n                  const active =\n                    activeKey == null ? (page.isActive ?? false) : page.id === activeKey;\n                  if (renderItem) {\n                    return (\n                      <React.Fragment key={page.id}>\n                        {renderItem(page, { active, variant: resolvedVariant })}\n                      </React.Fragment>\n                    );\n                  }\n                  return (\n                    <NavItem\n                      key={page.id}\n                      page={page}\n                      variant={resolvedVariant}\n                      active={active}\n                      onSelect={onSelect}\n                    />\n                  );\n                })}\n              </div>\n            </React.Fragment>\n          ))}\n        </div>\n\n        {(user != null || actions != null) && (\n          <>\n            {/* Rail: short centered divider above the user slot */}\n            {isRail && (\n              <div className=\"shrink-0 mx-auto w-8 border-t border-sidebar-border\" />\n            )}\n            <div\n              data-slot=\"data-app-shell-primary-nav-user\"\n              className={cn(userAreaVariants({ variant: resolvedVariant }))}\n            >\n              {actions}\n              {user}\n            </div>\n          </>\n        )}\n      </TooltipProvider>\n    </nav>\n  );\n}\n\nexport {\n  DataAppShellPrimaryNav,\n  dataAppShellPrimaryNavVariants,\n  dataAppShellPrimaryNavItemVariants,\n};\n"],"names":["dataAppShellPrimaryNavVariants","cva","headerAreaVariants","itemsAreaVariants","groupItemsVariants","groupSeparatorVariants","userAreaVariants","dataAppShellPrimaryNavItemVariants","pageIconVariants","NavItem","page","variant","active","onSelect","Icon","handleClick","jsxs","cn","jsx","Badge","iconEl","iconBox","Tooltip","TooltipTrigger","TooltipContent","DataAppShellPrimaryNav","navGroups","activeKey","header","user","actions","renderItem","className","props","resolvedVariant","isRail","TooltipProvider","group","groupIndex","React","Fragment"],"mappings":"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"}

package/dist/components/composed/DataAppShell/PrimaryNav.d.ts

@@ -0,0 +1,64 @@
+import { VariantProps } from 'class-variance-authority';
+import { LucideIcon } from 'lucide-react';
+import * as React from "react";
+export interface NavPage {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Lucide icon or custom React SVG component */
+    icon?: LucideIcon | React.FC<React.SVGProps<SVGSVGElement>>;
+    /** Optional count/status badge — overlaid on the icon in `rail`, inline in `sidebar`/`top` */
+    badge?: React.ReactNode;
+    /** Whether this page is currently active (ignored when `activeKey` is set on the nav) */
+    isActive?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+}
+export interface NavGroup {
+    /** Optional group label shown as a section header in the `sidebar` variant */
+    label?: string;
+    /** Page entries in this group */
+    pages: NavPage[];
+}
+export type DataAppShellPrimaryNavVariant = "rail" | "sidebar" | "top";
+declare const dataAppShellPrimaryNavVariants: (props?: ({
+    variant?: "top" | "rail" | "sidebar" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const dataAppShellPrimaryNavItemVariants: (props?: ({
+    variant?: "top" | "rail" | "sidebar" | null | undefined;
+    active?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface DataAppShellPrimaryNavProps extends Omit<React.ComponentProps<"nav">, "children" | "onSelect">, VariantProps<typeof dataAppShellPrimaryNavVariants> {
+    /** Navigation groups; each group contains one or more pages */
+    navGroups: NavGroup[];
+    /** Controlled active page id — takes precedence over per-page `isActive` */
+    activeKey?: string;
+    /** Called with the selected page id after the page's own `onClick` */
+    onSelect?: (key: string, page: NavPage) => void;
+    /** Slot above the items in `rail`/`sidebar`, left of the items in `top` (e.g. app logo) */
+    header?: React.ReactNode;
+    /** User slot (e.g. `<UserMenu/>`) — bottom in `rail`/`sidebar`, right in `top` */
+    user?: React.ReactNode;
+    /** Action slot rendered alongside `user` */
+    actions?: React.ReactNode;
+    /** Escape hatch — full control over an item's rendering */
+    renderItem?: (page: NavPage, state: {
+        active: boolean;
+        variant: DataAppShellPrimaryNavVariant;
+    }) => React.ReactNode;
+}
+/**
+ * The Data App Shell's nav engine — one `navGroups` model rendered in three
+ * placements via `variant`:
+ *
+ * - **rail** — vertical icon-only (48px rail); labels via tooltip, user slot at the bottom
+ * - **sidebar** — vertical icon + label with group headers, user slot at the bottom
+ * - **top** — horizontal bar; user/actions slot on the right
+ *
+ * Active state is either controlled via `activeKey` or per-page `isActive`.
+ * Width/background chrome is owned by the container (the shell's rail wrapper,
+ * a Sheet, or a TopBar) — this component is layout-neutral.
+ */
+declare function DataAppShellPrimaryNav({ variant, navGroups, activeKey, onSelect, header, user, actions, renderItem, className, ...props }: DataAppShellPrimaryNavProps): import("react/jsx-runtime").JSX.Element;
+export { DataAppShellPrimaryNav, dataAppShellPrimaryNavVariants, dataAppShellPrimaryNavItemVariants, };

package/dist/components/composed/DataAppShell/PrimaryNav.js

@@ -0,0 +1,268 @@
+import { jsx as a, jsxs as s, Fragment as V } from "react/jsx-runtime";
+import { cva as o } from "class-variance-authority";
+import * as y from "react";
+import { Badge as b } from "../../../ui/badge.js";
+import { TooltipProvider as k, Tooltip as A, TooltipTrigger as C, TooltipContent as T } from "../../../ui/tooltip.js";
+import { cn as t } from "../../../lib/utils.js";
+const j = o("flex min-w-0", {
+  variants: {
+    variant: {
+      /** Vertical icon-only rail — tooltips on hover, user slot at the bottom */
+      rail: "flex-col",
+      /** Vertical icon + label panel — group labels, user slot at the bottom */
+      sidebar: "flex-col",
+      /** Horizontal bar — labels inline, user/actions slot on the right */
+      top: "flex-row items-center w-full gap-2"
+    }
+  },
+  defaultVariants: { variant: "rail" }
+}), P = o("shrink-0 flex", {
+  variants: {
+    variant: {
+      rail: "justify-center py-2",
+      sidebar: "px-3 py-2.5 border-b border-sidebar-border",
+      top: "items-center"
+    }
+  },
+  defaultVariants: { variant: "rail" }
+}), S = o("flex min-h-0", {
+  variants: {
+    variant: {
+      rail: "flex-1 flex-col items-center gap-1 px-2 pt-2 overflow-y-auto",
+      // px-1 — the inset previously lived on each row as `mx-1` alongside
+      // `w-full`, which made every row 8px wider than its container and got
+      // clipped by this scroll area (SW-2118 sidebar row cut-off).
+      sidebar: "flex-1 flex-col px-1 py-2 overflow-y-auto",
+      top: "flex-1 flex-row items-center gap-1 min-w-0 overflow-x-auto"
+    }
+  },
+  defaultVariants: { variant: "rail" }
+}), F = o("flex", {
+  variants: {
+    variant: {
+      rail: "flex-col items-center gap-3 w-full",
+      sidebar: "flex-col gap-0.5",
+      top: "flex-row items-center gap-1"
+    }
+  },
+  defaultVariants: { variant: "rail" }
+}), I = o("border-sidebar-border", {
+  variants: {
+    variant: {
+      rail: "border-t w-8 my-2",
+      sidebar: "border-t mx-3 my-1",
+      top: "border-l h-5 mx-1 self-center"
+    }
+  },
+  defaultVariants: { variant: "rail" }
+}), B = o("shrink-0", {
+  variants: {
+    variant: {
+      rail: "flex flex-col items-center py-2",
+      sidebar: "p-2 border-t border-sidebar-border",
+      top: "flex items-center gap-2"
+    }
+  },
+  defaultVariants: { variant: "rail" }
+}), v = o(
+  "cursor-pointer bg-transparent border-none transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+  {
+    variants: {
+      variant: {
+        rail: "flex flex-col items-center p-0 w-full",
+        sidebar: "flex items-center gap-3 w-full px-3 py-2 text-sm text-left rounded-md",
+        // ring-inset — the items row is an overflow-x-auto scroll container,
+        // which would clip an outset ring at the row's edges
+        top: "flex items-center gap-2 h-7 px-2.5 text-sm rounded-md whitespace-nowrap focus-visible:ring-inset"
+      },
+      active: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        variant: "sidebar",
+        active: !0,
+        class: "bg-sidebar-accent text-sidebar-foreground font-medium"
+      },
+      {
+        variant: "sidebar",
+        active: !1,
+        class: "text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground"
+      },
+      {
+        variant: "top",
+        active: !0,
+        class: "bg-primary/10 text-primary font-medium"
+      },
+      {
+        variant: "top",
+        active: !1,
+        class: "text-muted-foreground hover:bg-accent hover:text-foreground"
+      }
+    ],
+    defaultVariants: { variant: "rail", active: !1 }
+  }
+), R = o(
+  "relative flex items-center justify-center rounded-lg transition-colors duration-150",
+  {
+    variants: {
+      active: {
+        true: "bg-primary/10",
+        false: "bg-transparent"
+      },
+      variant: {
+        rail: "w-[30px] h-[30px] hover:bg-accent",
+        sidebar: "w-8 h-8",
+        top: ""
+      }
+    },
+    defaultVariants: { active: !1, variant: "rail" }
+  }
+);
+function $({ page: r, variant: l, active: e, onSelect: f }) {
+  const n = r.icon, d = () => {
+    r.onClick?.(), f?.(r.id, r);
+  };
+  if (l === "top")
+    return /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        "data-slot": "data-app-shell-primary-nav-item",
+        "aria-current": e ? "page" : void 0,
+        className: t(v({ variant: l, active: e })),
+        onClick: d,
+        children: [
+          n && /* @__PURE__ */ a(n, { className: "w-4 h-4" }),
+          /* @__PURE__ */ a("span", { children: r.label }),
+          r.badge != null && /* @__PURE__ */ a(b, { variant: "secondary", className: "h-4 px-1.5 text-[10px]", children: r.badge })
+        ]
+      }
+    );
+  const p = n ? /* @__PURE__ */ a(
+    n,
+    {
+      className: t("w-4 h-4", e ? "text-primary" : "text-muted-foreground")
+    }
+  ) : /* @__PURE__ */ a(
+    "div",
+    {
+      className: t(
+        "w-2 h-2 rounded-full",
+        e ? "bg-primary" : "bg-muted-foreground/40"
+      )
+    }
+  ), m = /* @__PURE__ */ s("div", { className: t(R({ active: e, variant: l })), children: [
+    p,
+    l === "rail" && r.badge != null && /* @__PURE__ */ a(b, { className: "absolute -top-1 -right-1 h-3.5 min-w-3.5 px-1 text-[9px] leading-none", children: r.badge })
+  ] });
+  return l === "rail" ? /* @__PURE__ */ s(A, { children: [
+    /* @__PURE__ */ a(C, { asChild: !0, children: /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        "data-slot": "data-app-shell-primary-nav-item",
+        "aria-label": r.label,
+        "aria-current": e ? "page" : void 0,
+        className: t(v({ variant: l, active: e })),
+        onClick: d,
+        children: m
+      }
+    ) }),
+    /* @__PURE__ */ a(T, { side: "right", children: r.label })
+  ] }) : /* @__PURE__ */ s(
+    "button",
+    {
+      type: "button",
+      "data-slot": "data-app-shell-primary-nav-item",
+      "aria-current": e ? "page" : void 0,
+      className: t(v({ variant: l, active: e })),
+      onClick: d,
+      children: [
+        m,
+        /* @__PURE__ */ a("span", { className: "truncate", children: r.label }),
+        r.badge != null && /* @__PURE__ */ a(b, { variant: "secondary", className: "ml-auto h-4 px-1.5 text-[10px]", children: r.badge })
+      ]
+    }
+  );
+}
+function H({
+  variant: r,
+  navGroups: l,
+  activeKey: e,
+  onSelect: f,
+  header: n,
+  user: d,
+  actions: p,
+  renderItem: m,
+  className: w,
+  ...N
+}) {
+  const i = r ?? "rail", x = i === "rail";
+  return /* @__PURE__ */ a(
+    "nav",
+    {
+      "data-slot": "data-app-shell-primary-nav",
+      "data-variant": i,
+      className: t(j({ variant: i }), w),
+      ...N,
+      children: /* @__PURE__ */ s(k, { children: [
+        n != null && /* @__PURE__ */ a(
+          "div",
+          {
+            "data-slot": "data-app-shell-primary-nav-header",
+            className: t(P({ variant: i })),
+            children: n
+          }
+        ),
+        x && n != null && /* @__PURE__ */ a("div", { className: "shrink-0 mx-auto w-8 border-t border-sidebar-border" }),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            "data-slot": "data-app-shell-primary-nav-items",
+            className: t(S({ variant: i })),
+            children: l.map((u, h) => /* @__PURE__ */ s(y.Fragment, { children: [
+              h > 0 && /* @__PURE__ */ a("div", { className: t(I({ variant: i })) }),
+              i === "sidebar" && u.label && /* @__PURE__ */ a("span", { className: "px-3 py-1 text-[10px] uppercase tracking-widest text-muted-foreground/60 font-semibold", children: u.label }),
+              /* @__PURE__ */ a("div", { className: t(F({ variant: i })), children: u.pages.map((c) => {
+                const g = e == null ? c.isActive ?? !1 : c.id === e;
+                return m ? /* @__PURE__ */ a(y.Fragment, { children: m(c, { active: g, variant: i }) }, c.id) : /* @__PURE__ */ a(
+                  $,
+                  {
+                    page: c,
+                    variant: i,
+                    active: g,
+                    onSelect: f
+                  },
+                  c.id
+                );
+              }) })
+            ] }, `${h}-${u.label ?? ""}`))
+          }
+        ),
+        (d != null || p != null) && /* @__PURE__ */ s(V, { children: [
+          x && /* @__PURE__ */ a("div", { className: "shrink-0 mx-auto w-8 border-t border-sidebar-border" }),
+          /* @__PURE__ */ s(
+            "div",
+            {
+              "data-slot": "data-app-shell-primary-nav-user",
+              className: t(B({ variant: i })),
+              children: [
+                p,
+                d
+              ]
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  H as DataAppShellPrimaryNav,
+  v as dataAppShellPrimaryNavItemVariants,
+  j as dataAppShellPrimaryNavVariants
+};
+//# sourceMappingURL=PrimaryNav.js.map

package/dist/components/composed/DataAppShell/PrimaryNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryNav.js","sources":["../../../../src/components/composed/DataAppShell/PrimaryNav.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { type LucideIcon } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface NavPage {\n  /** Unique identifier */\n  id: string;\n  /** Display label */\n  label: string;\n  /** Lucide icon or custom React SVG component */\n  icon?: LucideIcon | React.FC<React.SVGProps<SVGSVGElement>>;\n  /** Optional count/status badge — overlaid on the icon in `rail`, inline in `sidebar`/`top` */\n  badge?: React.ReactNode;\n  /** Whether this page is currently active (ignored when `activeKey` is set on the nav) */\n  isActive?: boolean;\n  /** Click handler */\n  onClick?: () => void;\n}\n\nexport interface NavGroup {\n  /** Optional group label shown as a section header in the `sidebar` variant */\n  label?: string;\n  /** Page entries in this group */\n  pages: NavPage[];\n}\n\nexport type DataAppShellPrimaryNavVariant = \"rail\" | \"sidebar\" | \"top\";\n\n// =============================================================================\n// CVA variants — one placement per `variant`\n// =============================================================================\n\nconst dataAppShellPrimaryNavVariants = cva(\"flex min-w-0\", {\n  variants: {\n    variant: {\n      /** Vertical icon-only rail — tooltips on hover, user slot at the bottom */\n      rail: \"flex-col\",\n      /** Vertical icon + label panel — group labels, user slot at the bottom */\n      sidebar: \"flex-col\",\n      /** Horizontal bar — labels inline, user/actions slot on the right */\n      top: \"flex-row items-center w-full gap-2\",\n    },\n  },\n  defaultVariants: { variant: \"rail\" },\n});\n\nconst headerAreaVariants = cva(\"shrink-0 flex\", {\n  variants: {\n    variant: {\n      rail: \"justify-center py-2\",\n      sidebar: \"px-3 py-2.5 border-b border-sidebar-border\",\n      top: \"items-center\",\n    },\n  },\n  defaultVariants: { variant: \"rail\" },\n});\n\nconst itemsAreaVariants = cva(\"flex min-h-0\", {\n  variants: {\n    variant: {\n      rail: \"flex-1 flex-col items-center gap-1 px-2 pt-2 overflow-y-auto\",\n      // px-1 — the inset previously lived on each row as `mx-1` alongside\n      // `w-full`, which made every row 8px wider than its container and got\n      // clipped by this scroll area (SW-2118 sidebar row cut-off).\n      sidebar: \"flex-1 flex-col px-1 py-2 overflow-y-auto\",\n      top: \"flex-1 flex-row items-center gap-1 min-w-0 overflow-x-auto\",\n    },\n  },\n  defaultVariants: { variant: \"rail\" },\n});\n\nconst groupItemsVariants = cva(\"flex\", {\n  variants: {\n    variant: {\n      rail: \"flex-col items-center gap-3 w-full\",\n      sidebar: \"flex-col gap-0.5\",\n      top: \"flex-row items-center gap-1\",\n    },\n  },\n  defaultVariants: { variant: \"rail\" },\n});\n\nconst groupSeparatorVariants = cva(\"border-sidebar-border\", {\n  variants: {\n    variant: {\n      rail: \"border-t w-8 my-2\",\n      sidebar: \"border-t mx-3 my-1\",\n      top: \"border-l h-5 mx-1 self-center\",\n    },\n  },\n  defaultVariants: { variant: \"rail\" },\n});\n\nconst userAreaVariants = cva(\"shrink-0\", {\n  variants: {\n    variant: {\n      rail: \"flex flex-col items-center py-2\",\n      sidebar: \"p-2 border-t border-sidebar-border\",\n      top: \"flex items-center gap-2\",\n    },\n  },\n  defaultVariants: { variant: \"rail\" },\n});\n\nconst dataAppShellPrimaryNavItemVariants = cva(\n  \"cursor-pointer bg-transparent border-none transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n  {\n    variants: {\n      variant: {\n        rail: \"flex flex-col items-center p-0 w-full\",\n        sidebar: \"flex items-center gap-3 w-full px-3 py-2 text-sm text-left rounded-md\",\n        // ring-inset — the items row is an overflow-x-auto scroll container,\n        // which would clip an outset ring at the row's edges\n        top: \"flex items-center gap-2 h-7 px-2.5 text-sm rounded-md whitespace-nowrap focus-visible:ring-inset\",\n      },\n      active: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        variant: \"sidebar\",\n        active: true,\n        class: \"bg-sidebar-accent text-sidebar-foreground font-medium\",\n      },\n      {\n        variant: \"sidebar\",\n        active: false,\n        class: \"text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground\",\n      },\n      {\n        variant: \"top\",\n        active: true,\n        class: \"bg-primary/10 text-primary font-medium\",\n      },\n      {\n        variant: \"top\",\n        active: false,\n        class: \"text-muted-foreground hover:bg-accent hover:text-foreground\",\n      },\n    ],\n    defaultVariants: { variant: \"rail\", active: false },\n  }\n);\n\nconst pageIconVariants = cva(\n  \"relative flex items-center justify-center rounded-lg transition-colors duration-150\",\n  {\n    variants: {\n      active: {\n        true: \"bg-primary/10\",\n        false: \"bg-transparent\",\n      },\n      variant: {\n        rail: \"w-[30px] h-[30px] hover:bg-accent\",\n        sidebar: \"w-8 h-8\",\n        top: \"\",\n      },\n    },\n    defaultVariants: { active: false, variant: \"rail\" },\n  }\n);\n\n// =============================================================================\n// Props\n// =============================================================================\n\nexport interface DataAppShellPrimaryNavProps\n  extends Omit<React.ComponentProps<\"nav\">, \"children\" | \"onSelect\">,\n    VariantProps<typeof dataAppShellPrimaryNavVariants> {\n  /** Navigation groups; each group contains one or more pages */\n  navGroups: NavGroup[];\n  /** Controlled active page id — takes precedence over per-page `isActive` */\n  activeKey?: string;\n  /** Called with the selected page id after the page's own `onClick` */\n  onSelect?: (key: string, page: NavPage) => void;\n  /** Slot above the items in `rail`/`sidebar`, left of the items in `top` (e.g. app logo) */\n  header?: React.ReactNode;\n  /** User slot (e.g. `<UserMenu/>`) — bottom in `rail`/`sidebar`, right in `top` */\n  user?: React.ReactNode;\n  /** Action slot rendered alongside `user` */\n  actions?: React.ReactNode;\n  /** Escape hatch — full control over an item's rendering */\n  renderItem?: (\n    page: NavPage,\n    state: { active: boolean; variant: DataAppShellPrimaryNavVariant }\n  ) => React.ReactNode;\n}\n\n// =============================================================================\n// NavItem\n// =============================================================================\n\ninterface NavItemProps {\n  page: NavPage;\n  variant: DataAppShellPrimaryNavVariant;\n  active: boolean;\n  onSelect?: (key: string, page: NavPage) => void;\n}\n\nfunction NavItem({ page, variant, active, onSelect }: NavItemProps) {\n  const Icon = page.icon;\n\n  const handleClick = () => {\n    page.onClick?.();\n    onSelect?.(page.id, page);\n  };\n\n  if (variant === \"top\") {\n    return (\n      <button\n        type=\"button\"\n        data-slot=\"data-app-shell-primary-nav-item\"\n        aria-current={active ? \"page\" : undefined}\n        className={cn(dataAppShellPrimaryNavItemVariants({ variant, active }))}\n        onClick={handleClick}\n      >\n        {Icon && <Icon className=\"w-4 h-4\" />}\n        <span>{page.label}</span>\n        {page.badge != null && (\n          <Badge variant=\"secondary\" className=\"h-4 px-1.5 text-[10px]\">\n            {page.badge}\n          </Badge>\n        )}\n      </button>\n    );\n  }\n\n  const iconEl = Icon ? (\n    <Icon\n      className={cn(\"w-4 h-4\", active ? \"text-primary\" : \"text-muted-foreground\")}\n    />\n  ) : (\n    <div\n      className={cn(\n        \"w-2 h-2 rounded-full\",\n        active ? \"bg-primary\" : \"bg-muted-foreground/40\"\n      )}\n    />\n  );\n\n  const iconBox = (\n    <div className={cn(pageIconVariants({ active, variant }))}>\n      {iconEl}\n      {variant === \"rail\" && page.badge != null && (\n        <Badge className=\"absolute -top-1 -right-1 h-3.5 min-w-3.5 px-1 text-[9px] leading-none\">\n          {page.badge}\n        </Badge>\n      )}\n    </div>\n  );\n\n  if (variant === \"rail\") {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <button\n            type=\"button\"\n            data-slot=\"data-app-shell-primary-nav-item\"\n            aria-label={page.label}\n            aria-current={active ? \"page\" : undefined}\n            className={cn(dataAppShellPrimaryNavItemVariants({ variant, active }))}\n            onClick={handleClick}\n          >\n            {iconBox}\n          </button>\n        </TooltipTrigger>\n        <TooltipContent side=\"right\">{page.label}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  // sidebar — icon + label row\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"data-app-shell-primary-nav-item\"\n      aria-current={active ? \"page\" : undefined}\n      className={cn(dataAppShellPrimaryNavItemVariants({ variant, active }))}\n      onClick={handleClick}\n    >\n      {iconBox}\n      <span className=\"truncate\">{page.label}</span>\n      {page.badge != null && (\n        <Badge variant=\"secondary\" className=\"ml-auto h-4 px-1.5 text-[10px]\">\n          {page.badge}\n        </Badge>\n      )}\n    </button>\n  );\n}\n\n// =============================================================================\n// DataAppShellPrimaryNav\n// =============================================================================\n\n/**\n * The Data App Shell's nav engine — one `navGroups` model rendered in three\n * placements via `variant`:\n *\n * - **rail** — vertical icon-only (48px rail); labels via tooltip, user slot at the bottom\n * - **sidebar** — vertical icon + label with group headers, user slot at the bottom\n * - **top** — horizontal bar; user/actions slot on the right\n *\n * Active state is either controlled via `activeKey` or per-page `isActive`.\n * Width/background chrome is owned by the container (the shell's rail wrapper,\n * a Sheet, or a TopBar) — this component is layout-neutral.\n */\nfunction DataAppShellPrimaryNav({\n  variant,\n  navGroups,\n  activeKey,\n  onSelect,\n  header,\n  user,\n  actions,\n  renderItem,\n  className,\n  ...props\n}: DataAppShellPrimaryNavProps) {\n  const resolvedVariant: DataAppShellPrimaryNavVariant = variant ?? \"rail\";\n  const isRail = resolvedVariant === \"rail\";\n\n  return (\n    <nav\n      data-slot=\"data-app-shell-primary-nav\"\n      data-variant={resolvedVariant}\n      className={cn(dataAppShellPrimaryNavVariants({ variant: resolvedVariant }), className)}\n      {...props}\n    >\n      <TooltipProvider>\n        {header != null && (\n          <div\n            data-slot=\"data-app-shell-primary-nav-header\"\n            className={cn(headerAreaVariants({ variant: resolvedVariant }))}\n          >\n            {header}\n          </div>\n        )}\n        {/* Rail: short centered divider under the header, aligned with the icon column */}\n        {isRail && header != null && (\n          <div className=\"shrink-0 mx-auto w-8 border-t border-sidebar-border\" />\n        )}\n\n        <div\n          data-slot=\"data-app-shell-primary-nav-items\"\n          className={cn(itemsAreaVariants({ variant: resolvedVariant }))}\n        >\n          {navGroups.map((group, groupIndex) => (\n            <React.Fragment key={`${groupIndex}-${group.label ?? \"\"}`}>\n              {groupIndex > 0 && (\n                <div className={cn(groupSeparatorVariants({ variant: resolvedVariant }))} />\n              )}\n              {resolvedVariant === \"sidebar\" && group.label && (\n                <span className=\"px-3 py-1 text-[10px] uppercase tracking-widest text-muted-foreground/60 font-semibold\">\n                  {group.label}\n                </span>\n              )}\n              <div className={cn(groupItemsVariants({ variant: resolvedVariant }))}>\n                {group.pages.map((page) => {\n                  const active =\n                    activeKey == null ? (page.isActive ?? false) : page.id === activeKey;\n                  if (renderItem) {\n                    return (\n                      <React.Fragment key={page.id}>\n                        {renderItem(page, { active, variant: resolvedVariant })}\n                      </React.Fragment>\n                    );\n                  }\n                  return (\n                    <NavItem\n                      key={page.id}\n                      page={page}\n                      variant={resolvedVariant}\n                      active={active}\n                      onSelect={onSelect}\n                    />\n                  );\n                })}\n              </div>\n            </React.Fragment>\n          ))}\n        </div>\n\n        {(user != null || actions != null) && (\n          <>\n            {/* Rail: short centered divider above the user slot */}\n            {isRail && (\n              <div className=\"shrink-0 mx-auto w-8 border-t border-sidebar-border\" />\n            )}\n            <div\n              data-slot=\"data-app-shell-primary-nav-user\"\n              className={cn(userAreaVariants({ variant: resolvedVariant }))}\n            >\n              {actions}\n              {user}\n            </div>\n          </>\n        )}\n      </TooltipProvider>\n    </nav>\n  );\n}\n\nexport {\n  DataAppShellPrimaryNav,\n  dataAppShellPrimaryNavVariants,\n  dataAppShellPrimaryNavItemVariants,\n};\n"],"names":["dataAppShellPrimaryNavVariants","cva","headerAreaVariants","itemsAreaVariants","groupItemsVariants","groupSeparatorVariants","userAreaVariants","dataAppShellPrimaryNavItemVariants","pageIconVariants","NavItem","page","variant","active","onSelect","Icon","handleClick","jsxs","cn","jsx","Badge","iconEl","iconBox","Tooltip","TooltipTrigger","TooltipContent","DataAppShellPrimaryNav","navGroups","activeKey","header","user","actions","renderItem","className","props","resolvedVariant","isRail","TooltipProvider","group","groupIndex","React","Fragment"],"mappings":"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"}