@tradalab/lyra 1.0.0 → 1.3.0

package/dist/shell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shell/app-shell.tsx","../../src/shell/nav-group.tsx","../../src/shell/use-active-route.ts","../../src/shell/nav-item.tsx","../../src/shell/breadcrumbs.tsx"],"names":["jsx","jsxs","Link"],"mappings":"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","file":"index.js","sourcesContent":["\"use client\"\n\nimport type { ComponentProps, ReactNode } from \"react\"\nimport {\n  SidebarInset,\n  SidebarProvider,\n} from \"~/ui/primitives/sidebar.js\"\nimport { cn } from \"~/utils/cn.js\"\n\nexport interface AppShellProps\n  extends Omit<ComponentProps<typeof SidebarProvider>, \"children\"> {\n  children: ReactNode\n}\n\n/**\n * App shell composition root. Wires `SidebarProvider`. Pair with\n * `<Sidebar>` from `@tradalab/lyra/ui` and `<AppShellMain>` for the\n * right-hand pane.\n *\n * @example\n * import { AppShell, AppShellMain, AppShellHeader, AppShellBody, NavGroup, NavItem, Breadcrumbs } from \"@tradalab/lyra/shell\"\n * import { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarTrigger } from \"@tradalab/lyra/ui\"\n *\n * <AppShell>\n *   <Sidebar collapsible=\"icon\">\n *     <SidebarHeader>{logo}</SidebarHeader>\n *     <SidebarContent>\n *       <NavGroup label=\"Primitives\">{...}</NavGroup>\n *     </SidebarContent>\n *     <SidebarFooter>{user}</SidebarFooter>\n *   </Sidebar>\n *   <AppShellMain>\n *     <AppShellHeader><SidebarTrigger /><Breadcrumbs /></AppShellHeader>\n *     <AppShellBody>{children}</AppShellBody>\n *   </AppShellMain>\n * </AppShell>\n */\nexport function AppShell({ children, ...rest }: AppShellProps) {\n  return <SidebarProvider {...rest}>{children}</SidebarProvider>\n}\n\n/** Right-hand pane container. Alias for `SidebarInset`. */\nexport const AppShellMain = SidebarInset\n\n/** Top bar inside `<AppShellMain>`. Standardizes h-12 + border-b + flex row. */\nexport function AppShellHeader({\n  className,\n  children,\n  ...rest\n}: ComponentProps<\"header\">) {\n  return (\n    <header\n      className={cn(\n        \"flex h-12 shrink-0 items-center gap-2 border-b px-3\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </header>\n  )\n}\n\n/** Scroll body inside `<AppShellMain>`. Sibling of `<AppShellHeader>`. */\nexport function AppShellBody({\n  className,\n  children,\n  ...rest\n}: ComponentProps<\"div\">) {\n  return (\n    <div className={cn(\"flex-1 overflow-auto\", className)} {...rest}>\n      {children}\n    </div>\n  )\n}\n","\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n} from \"~/ui/primitives/sidebar.js\"\n\nexport interface NavGroupProps {\n  label?: ReactNode\n  children: ReactNode\n}\n\nexport function NavGroup({ label, children }: NavGroupProps) {\n  return (\n    <SidebarGroup>\n      {label != null ? <SidebarGroupLabel>{label}</SidebarGroupLabel> : null}\n      <SidebarGroupContent>\n        <SidebarMenu>{children}</SidebarMenu>\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n","\"use client\"\n\nimport { usePathname } from \"next/navigation\"\n\nexport type MatchMode = \"exact\" | \"prefix\"\n\nexport interface UseActiveRoute {\n  pathname: string\n  isActive: (href: string, mode?: MatchMode) => boolean\n}\n\n/**\n * App-Router pathname helper. Default `mode` is `\"prefix\"`.\n *\n * Root (`/`) is always exact-matched regardless of `mode` — otherwise the\n * root nav item would light up on every nested page.\n */\nexport function useActiveRoute(): UseActiveRoute {\n  const pathname = usePathname() ?? \"/\"\n  return {\n    pathname,\n    isActive: (href, mode = \"prefix\") => {\n      if (mode === \"exact\" || href === \"/\") return pathname === href\n      return pathname === href || pathname.startsWith(`${href}/`)\n    },\n  }\n}\n","\"use client\"\n\nimport Link from \"next/link\"\nimport type { ReactNode } from \"react\"\nimport {\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"~/ui/primitives/sidebar.js\"\nimport { useActiveRoute, type MatchMode } from \"./use-active-route.js\"\n\nexport type NavIcon = ReactNode\n\nexport interface NavItemProps {\n  href: string\n  label: string\n  /** Pre-rendered icon element, e.g. `<Globe />`. Element form so the prop is serializable across the RSC boundary. */\n  icon?: NavIcon\n  /** Sidebar tooltip; visible in collapsed icon mode. */\n  tooltip?: string\n  /** Default `\"prefix\"` — matches `href` and any nested path. */\n  matchMode?: MatchMode\n}\n\n/** Sidebar nav row. Must be rendered inside a {@link NavGroup}. */\nexport function NavItem({\n  href,\n  label,\n  icon,\n  tooltip,\n  matchMode = \"prefix\",\n}: NavItemProps) {\n  const { isActive } = useActiveRoute()\n  return (\n    <SidebarMenuItem>\n      <SidebarMenuButton\n        asChild\n        isActive={isActive(href, matchMode)}\n        tooltip={tooltip}\n      >\n        <Link href={href}>\n          {icon}\n          <span>{label}</span>\n        </Link>\n      </SidebarMenuButton>\n    </SidebarMenuItem>\n  )\n}\n","\"use client\"\n\nimport { Fragment, type ComponentProps, type ReactNode } from \"react\"\nimport Link from \"next/link\"\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"~/ui/primitives/breadcrumb.js\"\nimport { useActiveRoute } from \"./use-active-route.js\"\n\nexport interface BreadcrumbsProps extends ComponentProps<typeof Breadcrumb> {\n  /** Separator content. Falls back to shadcn's chevron when omitted. */\n  separator?: ReactNode\n  /** Segment-id → display-label map. Unmapped segments render raw. */\n  labels?: Record<string, string>\n}\n\n/** Pathname-derived breadcrumbs. Renders nothing on the root route. */\nexport function Breadcrumbs({ separator, labels, ...rest }: BreadcrumbsProps) {\n  const { pathname } = useActiveRoute()\n  const segments = pathname.split(\"/\").filter(Boolean)\n  if (segments.length === 0) return null\n  const last = segments.length - 1\n  return (\n    <Breadcrumb {...rest}>\n      <BreadcrumbList>\n        {segments.map((seg, i) => {\n          const href = \"/\" + segments.slice(0, i + 1).join(\"/\")\n          const label = labels?.[seg] ?? seg\n          return (\n            <Fragment key={href}>\n              {i > 0 ? (\n                <BreadcrumbSeparator>{separator}</BreadcrumbSeparator>\n              ) : null}\n              <BreadcrumbItem>\n                {i === last ? (\n                  <BreadcrumbPage>{label}</BreadcrumbPage>\n                ) : (\n                  <BreadcrumbLink asChild>\n                    <Link href={href}>{label}</Link>\n                  </BreadcrumbLink>\n                )}\n              </BreadcrumbItem>\n            </Fragment>\n          )\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  )\n}\n"]}
+{"version":3,"sources":["../../src/shell/app-shell.tsx","../../src/shell/stacked-sidebar.tsx","../../src/shell/nav-group.tsx","../../src/shell/use-active-route.ts","../../src/shell/nav-item.tsx","../../src/shell/nav-section.tsx","../../src/shell/nav-user.tsx","../../src/shell/tab-bar.tsx","../../src/shell/breadcrumbs.tsx"],"names":["jsx","jsxs","Fragment","Link"],"mappings":"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","file":"index.js","sourcesContent":["\"use client\"\n\nimport type { ComponentProps, ReactNode } from \"react\"\nimport {\n  SidebarInset,\n  SidebarProvider,\n} from \"~/ui/primitives/sidebar.js\"\nimport { cn } from \"~/utils/cn.js\"\n\nexport interface AppShellProps\n  extends Omit<ComponentProps<typeof SidebarProvider>, \"children\"> {\n  children: ReactNode\n}\n\n/**\n * App shell composition root. Wires `SidebarProvider`. Pair with\n * `<Sidebar>` from `@tradalab/lyra/ui` and `<AppShellMain>` for the\n * right-hand pane.\n *\n * @example\n * import { AppShell, AppShellMain, AppShellHeader, AppShellBody, NavGroup, NavItem, Breadcrumbs } from \"@tradalab/lyra/shell\"\n * import { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarTrigger } from \"@tradalab/lyra/ui\"\n *\n * <AppShell>\n *   <Sidebar collapsible=\"icon\">\n *     <SidebarHeader>{logo}</SidebarHeader>\n *     <SidebarContent>\n *       <NavGroup label=\"Primitives\">{...}</NavGroup>\n *     </SidebarContent>\n *     <SidebarFooter>{user}</SidebarFooter>\n *   </Sidebar>\n *   <AppShellMain>\n *     <AppShellHeader><SidebarTrigger /><Breadcrumbs /></AppShellHeader>\n *     <AppShellBody>{children}</AppShellBody>\n *   </AppShellMain>\n * </AppShell>\n */\nexport function AppShell({ children, ...rest }: AppShellProps) {\n  return <SidebarProvider {...rest}>{children}</SidebarProvider>\n}\n\n/** Right-hand pane container. Alias for `SidebarInset`. */\nexport const AppShellMain = SidebarInset\n\n/** Top bar inside `<AppShellMain>`. Standardizes h-12 + border-b + flex row. */\nexport function AppShellHeader({\n  className,\n  children,\n  ...rest\n}: ComponentProps<\"header\">) {\n  return (\n    <header\n      className={cn(\n        \"flex h-12 shrink-0 items-center gap-2 border-b px-3\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </header>\n  )\n}\n\n/** Scroll body inside `<AppShellMain>`. Sibling of `<AppShellHeader>`. */\nexport function AppShellBody({\n  className,\n  children,\n  ...rest\n}: ComponentProps<\"div\">) {\n  return (\n    <div className={cn(\"flex-1 overflow-auto\", className)} {...rest}>\n      {children}\n    </div>\n  )\n}\n","\"use client\"\n\nimport type { ComponentProps } from \"react\"\nimport { Sidebar } from \"~/ui/primitives/sidebar.js\"\nimport { cn } from \"~/utils/cn.js\"\n\n/**\n * Dual / stacked sidebar wrapper — an icon rail plus one or more content\n * panels rendered side-by-side inside a single `<Sidebar>`. This is the\n * shadcn \"sidebar-07\" pattern.\n *\n * The `*:data-[sidebar=sidebar]:flex-row` trick lays the inner\n * `[data-sidebar=sidebar]` wrappers of the nested {@link SidebarDock} /\n * {@link SidebarPanel} columns out horizontally. `variant`/`collapsible`\n * default to `\"sidebar\"`/`\"icon\"` but can be overridden.\n *\n * @example\n * import { AppShell, AppShellMain, StackedSidebar, SidebarDock, SidebarPanel } from \"@tradalab/lyra/shell\"\n * import { SidebarHeader, SidebarContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton } from \"@tradalab/lyra/ui\"\n *\n * <AppShell>\n *   <StackedSidebar>\n *     <SidebarDock>\n *       <SidebarHeader>{logo}</SidebarHeader>\n *       <SidebarContent>{iconButtons}</SidebarContent>\n *     </SidebarDock>\n *     {tab === \"files\" ? <SidebarPanel>{tree}</SidebarPanel> : null}\n *   </StackedSidebar>\n *   <AppShellMain>{children}</AppShellMain>\n * </AppShell>\n */\nexport function StackedSidebar({\n  className,\n  ...rest\n}: ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar\n      variant=\"sidebar\"\n      collapsible=\"icon\"\n      {...rest}\n      className={cn(\n        \"overflow-hidden *:data-[sidebar=sidebar]:flex-row\",\n        className,\n      )}\n    />\n  )\n}\n\n/**\n * Narrow icon-rail column inside a {@link StackedSidebar}. Fixed to the icon\n * width, never collapses on its own (the parent `StackedSidebar` owns the\n * icon-mode toggle).\n *\n * Named `SidebarDock` — not `SidebarRail` — because `SidebarRail` already\n * exists in `@tradalab/lyra/ui` as shadcn's drag-to-resize edge handle.\n */\nexport function SidebarDock({\n  className,\n  ...rest\n}: ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar\n      {...rest}\n      collapsible=\"none\"\n      className={cn(\n        \"w-[calc(var(--sidebar-width-icon)+1px)]! overflow-hidden border-r\",\n        className,\n      )}\n    />\n  )\n}\n\n/**\n * Wider content column inside a {@link StackedSidebar} (tree, list, …).\n * Fills remaining width; render conditionally to show/hide per app state.\n */\nexport function SidebarPanel({\n  className,\n  ...rest\n}: ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar\n      {...rest}\n      collapsible=\"none\"\n      className={cn(\"flex-1 overflow-hidden\", className)}\n    />\n  )\n}\n","\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n} from \"~/ui/primitives/sidebar.js\"\n\nexport interface NavGroupProps {\n  label?: ReactNode\n  children: ReactNode\n}\n\nexport function NavGroup({ label, children }: NavGroupProps) {\n  return (\n    <SidebarGroup>\n      {label != null ? <SidebarGroupLabel>{label}</SidebarGroupLabel> : null}\n      <SidebarGroupContent>\n        <SidebarMenu>{children}</SidebarMenu>\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n","\"use client\"\n\nimport { usePathname } from \"next/navigation\"\n\nexport type MatchMode = \"exact\" | \"prefix\"\n\nexport interface UseActiveRoute {\n  pathname: string\n  isActive: (href: string, mode?: MatchMode) => boolean\n}\n\n/**\n * App-Router pathname helper. Default `mode` is `\"prefix\"`.\n *\n * Root (`/`) is always exact-matched regardless of `mode` — otherwise the\n * root nav item would light up on every nested page.\n */\nexport function useActiveRoute(): UseActiveRoute {\n  const pathname = usePathname() ?? \"/\"\n  return {\n    pathname,\n    isActive: (href, mode = \"prefix\") => {\n      if (mode === \"exact\" || href === \"/\") return pathname === href\n      return pathname === href || pathname.startsWith(`${href}/`)\n    },\n  }\n}\n","\"use client\"\n\nimport Link from \"next/link\"\nimport type { ReactNode } from \"react\"\nimport {\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"~/ui/primitives/sidebar.js\"\nimport { useActiveRoute, type MatchMode } from \"./use-active-route.js\"\n\nexport type NavIcon = ReactNode\n\nexport interface NavItemProps {\n  href: string\n  label: string\n  /** Pre-rendered icon element, e.g. `<Globe />`. Element form so the prop is serializable across the RSC boundary. */\n  icon?: NavIcon\n  /** Sidebar tooltip; visible in collapsed icon mode. */\n  tooltip?: string\n  /** Default `\"prefix\"` — matches `href` and any nested path. */\n  matchMode?: MatchMode\n}\n\n/** Sidebar nav row. Must be rendered inside a {@link NavGroup}. */\nexport function NavItem({\n  href,\n  label,\n  icon,\n  tooltip,\n  matchMode = \"prefix\",\n}: NavItemProps) {\n  const { isActive } = useActiveRoute()\n  return (\n    <SidebarMenuItem>\n      <SidebarMenuButton\n        asChild\n        isActive={isActive(href, matchMode)}\n        tooltip={tooltip}\n      >\n        <Link href={href}>\n          {icon}\n          <span>{label}</span>\n        </Link>\n      </SidebarMenuButton>\n    </SidebarMenuItem>\n  )\n}\n","\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport { NavGroup } from \"./nav-group.js\"\nimport { NavItem, type NavItemProps } from \"./nav-item.js\"\n\nexport interface NavSectionProps {\n  /** Optional group heading. */\n  label?: ReactNode\n  /** Nav rows — each rendered as a {@link NavItem}. */\n  items: NavItemProps[]\n}\n\n/**\n * Config-driven convenience over {@link NavGroup} + {@link NavItem}: pass a\n * data array instead of hand-mapping JSX. For dynamic or conditional rows,\n * compose `NavGroup`/`NavItem` directly.\n *\n * @example\n * const NAV = [\n *   { href: \"/files\", label: \"Files\", icon: <Folder /> },\n *   { href: \"/trash\", label: \"Trash\", icon: <Trash2 /> },\n * ]\n * <NavSection label=\"Workspace\" items={NAV} />\n */\nexport function NavSection({ label, items }: NavSectionProps) {\n  return (\n    <NavGroup label={label}>\n      {items.map((item) => (\n        <NavItem key={item.href} {...item} />\n      ))}\n    </NavGroup>\n  )\n}\n","\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport {\n  ChevronsUpDown,\n  LogOut,\n  Monitor,\n  Moon,\n  Palette,\n  Sun,\n  UserRoundCog,\n} from \"lucide-react\"\nimport { useTheme } from \"next-themes\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"~/ui/primitives/avatar.js\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"~/ui/primitives/dropdown-menu.js\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"~/ui/primitives/sidebar.js\"\nimport {\n  defaultAccountMenuLabels,\n  initialsOf,\n  type AccountMenuLabels,\n  type AccountMenuUser,\n} from \"~/ui/account-menu.js\"\n\nexport interface NavUserThemeLabels {\n  theme: string\n  light: string\n  dark: string\n  system: string\n}\n\n/** Default English theme-submenu labels — spread + override for i18n. */\nexport const defaultNavUserThemeLabels: NavUserThemeLabels = {\n  theme: \"Theme\",\n  light: \"Light\",\n  dark: \"Dark\",\n  system: \"System\",\n}\n\nexport interface NavUserProps {\n  /** Signed-in user. Renders nothing when `null`/`undefined`. */\n  user?: AccountMenuUser | null\n  /** Account-action labels — reuses lyra's {@link AccountMenuLabels}. */\n  labels?: Partial<AccountMenuLabels>\n  /** Switch-account handler. Item hidden if omitted. */\n  onSwitchAccount?: () => void\n  /** Sign-out handler. Item hidden if omitted. */\n  onSignOut?: () => void\n  /** Render the light/dark/system theme submenu. Default `true`. */\n  showTheme?: boolean\n  /** Theme-submenu labels. */\n  themeLabels?: Partial<NavUserThemeLabels>\n  /** Extra menu content inserted below the theme submenu. */\n  children?: ReactNode\n}\n\nconst THEMES = [\n  { value: \"light\", key: \"light\", icon: Sun },\n  { value: \"dark\", key: \"dark\", icon: Moon },\n  { value: \"system\", key: \"system\", icon: Monitor },\n] as const\n\n/**\n * Sidebar-footer account menu — the standardized NavUser for app shells.\n * Avatar trigger (size `lg`) + name/email opening a dropdown with an optional\n * theme switcher and switch-account / sign-out actions. Auth flows stay in the\n * app (callbacks); labels are props for i18n.\n *\n * Differs from {@link AccountMenu} in `@tradalab/lyra/ui`: that one is a\n * generic header dropdown; this is styled for the collapsible sidebar footer\n * and follows `useSidebar()` for mobile placement.\n *\n * Must render inside an `AppShell`/SidebarProvider, and below a\n * `TooltipProvider` (the avatar button's collapsed-mode tooltip requires one —\n * app root providers normally mount it). The theme submenu needs a\n * `next-themes` provider mounted (it no-ops without one); pass\n * `showTheme={false}` for apps with a fixed theme.\n *\n * @example\n * import { NavUser } from \"@tradalab/lyra/shell\"\n * import { SidebarFooter } from \"@tradalab/lyra/ui\"\n *\n * <SidebarFooter>\n *   <NavUser\n *     user={session.user}\n *     onSwitchAccount={() => signIn(\"zitadel\", { redirectTo: \"/\" }, { prompt: \"select_account\" })}\n *     onSignOut={() => signOut({ redirectTo: \"/\" })}\n *   />\n * </SidebarFooter>\n */\nexport function NavUser({\n  user,\n  labels,\n  onSwitchAccount,\n  onSignOut,\n  showTheme = true,\n  themeLabels,\n  children,\n}: NavUserProps) {\n  const { isMobile } = useSidebar()\n  const { theme, setTheme } = useTheme()\n  const l = { ...defaultAccountMenuLabels, ...labels }\n  const t = { ...defaultNavUserThemeLabels, ...themeLabels }\n\n  if (!user) return null\n\n  const name = user.name ?? user.email ?? l.account\n  const email = user.email ?? \"\"\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              tooltip={name}\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <Avatar className=\"size-8 rounded-lg\">\n                {user.image ? <AvatarImage src={user.image} alt={name} /> : null}\n                <AvatarFallback className=\"rounded-lg\">\n                  {initialsOf(name)}\n                </AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-medium\">{name}</span>\n                {email ? (\n                  <span className=\"text-muted-foreground truncate text-xs\">\n                    {email}\n                  </span>\n                ) : null}\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-(--radix-dropdown-menu-trigger-width) min-w-56\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"end\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"flex flex-col gap-0.5\">\n              <span className=\"truncate text-sm font-medium leading-tight\">\n                {name}\n              </span>\n              {email ? (\n                <span className=\"text-muted-foreground truncate text-xs font-normal leading-tight\">\n                  {email}\n                </span>\n              ) : null}\n            </DropdownMenuLabel>\n\n            {showTheme ? (\n              <>\n                <DropdownMenuSeparator />\n                <DropdownMenuSub>\n                  <DropdownMenuSubTrigger>\n                    <Palette className=\"mr-2 size-4\" />\n                    {t.theme}\n                  </DropdownMenuSubTrigger>\n                  <DropdownMenuSubContent>\n                    <DropdownMenuRadioGroup\n                      value={theme ?? \"system\"}\n                      onValueChange={setTheme}\n                    >\n                      {THEMES.map(({ value, key, icon: Icon }) => (\n                        <DropdownMenuRadioItem key={value} value={value}>\n                          <Icon className=\"mr-2 size-4\" />\n                          {t[key]}\n                        </DropdownMenuRadioItem>\n                      ))}\n                    </DropdownMenuRadioGroup>\n                  </DropdownMenuSubContent>\n                </DropdownMenuSub>\n              </>\n            ) : null}\n\n            {children ? (\n              <>\n                <DropdownMenuSeparator />\n                {children}\n              </>\n            ) : null}\n\n            {onSwitchAccount || onSignOut ? <DropdownMenuSeparator /> : null}\n\n            {onSwitchAccount ? (\n              <DropdownMenuItem onSelect={onSwitchAccount}>\n                <UserRoundCog className=\"mr-2 size-4\" />\n                {l.switchAccount}\n              </DropdownMenuItem>\n            ) : null}\n            {onSignOut ? (\n              <DropdownMenuItem variant=\"destructive\" onSelect={onSignOut}>\n                <LogOut className=\"mr-2 size-4\" />\n                {l.signOut}\n              </DropdownMenuItem>\n            ) : null}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n","\"use client\"\n\nimport { useEffect, useRef, type ReactNode, type WheelEvent } from \"react\"\nimport { ChevronDown, ListX, Pin, PinOff, Trash2, X } from \"lucide-react\"\nimport { Button } from \"~/ui/primitives/button.js\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"~/ui/primitives/dropdown-menu.js\"\nimport { ScrollArea, ScrollBar } from \"~/ui/primitives/scroll-area.js\"\nimport {\n  ContextMenu,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuSeparator,\n  ContextMenuTrigger,\n} from \"~/ui/primitives/context-menu.js\"\nimport { cn } from \"~/utils/cn.js\"\n\nexport interface TabItem {\n  id: string\n  title: string\n  /** Secondary line under the title (e.g. connection/db, file path). */\n  subtitle?: ReactNode\n  /** Leading icon element — the app maps its own tab type → icon. */\n  icon?: ReactNode\n  pinned?: boolean\n}\n\nexport interface TabBarLabels {\n  close: string\n  pinTab: string\n  unpinTab: string\n  closeOthers: string\n  closeAll: string\n}\n\n/** Default English labels — spread + override for i18n. */\nexport const defaultTabBarLabels: TabBarLabels = {\n  close: \"Close\",\n  pinTab: \"Pin tab\",\n  unpinTab: \"Unpin tab\",\n  closeOthers: \"Close others\",\n  closeAll: \"Close all\",\n}\n\nexport interface TabBarProps {\n  tabs: TabItem[]\n  activeId: string | null\n  onSelect: (id: string) => void\n  onClose: (id: string) => void\n  /** Pin row in the context menu is hidden when omitted. */\n  onTogglePin?: (id: string) => void\n  /** \"Close others\" row is hidden when omitted. */\n  onCloseOthers?: (id: string) => void\n  /** \"Close all\" row is hidden when omitted. */\n  onCloseAll?: () => void\n  labels?: Partial<TabBarLabels>\n}\n\n/**\n * Horizontal tab strip for the content area of stacked-sidebar apps\n * (redishub, loom). Presentational + store-agnostic: the app owns tab state\n * and passes `tabs` + callbacks; `icon`/`subtitle` are per-tab so apps map\n * their own tab types, and labels are props for i18n. Renders nothing when\n * `tabs` is empty.\n *\n * Sizes rows from the `--tab-height` CSS var — set it in your globals.\n *\n * @example\n * const s = useTabStore()\n * <TabBar\n *   tabs={s.tabs.map(t => ({ id: t.id, title: t.title, pinned: t.pinned, icon: <Icon t={t.type}/>, subtitle: fmt(t) }))}\n *   activeId={s.activeTabId}\n *   onSelect={s.setActiveTabId}\n *   onClose={s.removeTab}\n *   onTogglePin={s.togglePin}\n *   onCloseOthers={s.closeOthers}\n *   onCloseAll={s.closeAll}\n * />\n */\nexport function TabBar({\n  tabs,\n  activeId,\n  onSelect,\n  onClose,\n  onTogglePin,\n  onCloseOthers,\n  onCloseAll,\n  labels,\n}: TabBarProps) {\n  const l = { ...defaultTabBarLabels, ...labels }\n  const activeTabRef = useRef<HTMLDivElement>(null)\n\n  // Scroll the active tab into view when it changes.\n  useEffect(() => {\n    if (activeId && activeTabRef.current) {\n      activeTabRef.current.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"nearest\",\n        inline: \"nearest\",\n      })\n    }\n  }, [activeId])\n\n  // Map vertical wheel scroll to horizontal scroll over the tab strip.\n  const handleWheel = (e: WheelEvent<HTMLDivElement>) => {\n    if (Math.abs(e.deltaY) > Math.abs(e.deltaX)) {\n      const viewport = e.currentTarget.querySelector(\n        '[data-slot=\"scroll-area-viewport\"]',\n      )\n      if (viewport) viewport.scrollLeft += e.deltaY * 0.5\n    }\n  }\n\n  if (tabs.length === 0) return null\n\n  const hasContextActions = Boolean(onTogglePin || onCloseOthers || onCloseAll)\n\n  return (\n    <div\n      className=\"group/tabbar flex w-full shrink-0 items-center overflow-hidden border-b bg-muted/30\"\n      style={{ height: \"var(--tab-height)\" }}\n    >\n      <ScrollArea\n        type=\"hover\"\n        className=\"min-w-0 flex-1 overflow-hidden [&_[data-orientation=vertical]]:hidden\"\n        onWheel={handleWheel}\n      >\n        <div\n          className=\"flex w-max items-center gap-0\"\n          style={{ height: \"var(--tab-height)\" }}\n        >\n          {tabs.map((tab) => {\n            const isActive = activeId === tab.id\n            return (\n              <ContextMenu key={tab.id}>\n                <ContextMenuTrigger asChild>\n                  <div\n                    ref={isActive ? activeTabRef : null}\n                    onClick={() => onSelect(tab.id)}\n                    title={tab.title}\n                    className={cn(\n                      \"group relative flex min-w-[140px] max-w-[240px] shrink-0 cursor-pointer select-none items-center gap-2 border-r px-3 transition-colors\",\n                      isActive\n                        ? \"border-t-2 border-t-primary bg-background\"\n                        : \"border-t-2 border-t-transparent bg-transparent text-muted-foreground hover:bg-muted/50\",\n                      tab.pinned && \"min-w-[100px] bg-primary/5\",\n                    )}\n                    style={{ height: \"var(--tab-height)\" }}\n                  >\n                    {tab.icon ? (\n                      <div className=\"relative shrink-0\">\n                        <span\n                          className={cn(\n                            \"flex [&_svg]:size-3.5\",\n                            isActive && \"text-primary\",\n                          )}\n                        >\n                          {tab.icon}\n                        </span>\n                        {tab.pinned ? (\n                          <div className=\"absolute -right-1.5 -top-1.5 rounded-full bg-background p-0.5 shadow-sm\">\n                            <Pin className=\"size-2 fill-primary text-primary\" />\n                          </div>\n                        ) : null}\n                      </div>\n                    ) : null}\n                    <div className=\"flex min-w-0 flex-1 flex-col items-start justify-center overflow-hidden py-1\">\n                      <span\n                        className={cn(\n                          \"w-full truncate text-xs leading-tight\",\n                          isActive && \"font-medium text-foreground\",\n                        )}\n                      >\n                        {tab.title}\n                      </span>\n                      {tab.subtitle ? (\n                        <span className=\"mt-0.5 w-full truncate text-[10px] leading-none text-muted-foreground/70\">\n                          {tab.subtitle}\n                        </span>\n                      ) : null}\n                    </div>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      title={l.close}\n                      className={cn(\n                        \"size-5 shrink-0 rounded-md opacity-0 transition-opacity hover:bg-muted-foreground/20 group-hover:opacity-100\",\n                        isActive && \"opacity-100\",\n                      )}\n                      onClick={(e) => {\n                        e.stopPropagation()\n                        onClose(tab.id)\n                      }}\n                    >\n                      <X className=\"size-3\" />\n                    </Button>\n                    {isActive ? (\n                      <div className=\"absolute bottom-0 left-0 right-0 z-10 h-[2px] bg-background\" />\n                    ) : null}\n                  </div>\n                </ContextMenuTrigger>\n                {hasContextActions ? (\n                  <ContextMenuContent className=\"w-48\">\n                    {onTogglePin ? (\n                      <>\n                        <ContextMenuItem onClick={() => onTogglePin(tab.id)}>\n                          {tab.pinned ? (\n                            <>\n                              <PinOff className=\"mr-2 size-4\" />\n                              <span>{l.unpinTab}</span>\n                            </>\n                          ) : (\n                            <>\n                              <Pin className=\"mr-2 size-4\" />\n                              <span>{l.pinTab}</span>\n                            </>\n                          )}\n                        </ContextMenuItem>\n                        <ContextMenuSeparator />\n                      </>\n                    ) : null}\n                    <ContextMenuItem onClick={() => onClose(tab.id)}>\n                      <X className=\"mr-2 size-4\" />\n                      <span>{l.close}</span>\n                    </ContextMenuItem>\n                    {onCloseOthers ? (\n                      <ContextMenuItem onClick={() => onCloseOthers(tab.id)}>\n                        <ListX className=\"mr-2 size-4\" />\n                        <span>{l.closeOthers}</span>\n                      </ContextMenuItem>\n                    ) : null}\n                    {onCloseAll ? (\n                      <ContextMenuItem onClick={() => onCloseAll()}>\n                        <Trash2 className=\"mr-2 size-4\" />\n                        <span>{l.closeAll}</span>\n                      </ContextMenuItem>\n                    ) : null}\n                  </ContextMenuContent>\n                ) : null}\n              </ContextMenu>\n            )\n          })}\n        </div>\n        <ScrollBar orientation=\"horizontal\" className=\"z-20 h-1.5 hover:h-2\" />\n      </ScrollArea>\n\n      <div\n        className=\"flex shrink-0 items-center border-l bg-muted/30 px-1\"\n        style={{ height: \"var(--tab-height)\" }}\n      >\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <Button variant=\"ghost\" size=\"icon\" className=\"size-8 shrink-0 rounded-sm\">\n              <ChevronDown className=\"size-4\" />\n            </Button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            align=\"end\"\n            className=\"max-h-[400px] w-[260px] overflow-y-auto\"\n          >\n            {tabs.map((tab) => (\n              <DropdownMenuItem\n                key={tab.id}\n                onClick={() => onSelect(tab.id)}\n                title={tab.title}\n                className={cn(\n                  \"cursor-pointer gap-2 py-2\",\n                  activeId === tab.id && \"bg-accent\",\n                )}\n              >\n                {tab.icon ? (\n                  <div className=\"relative shrink-0\">\n                    <span className=\"flex text-muted-foreground [&_svg]:size-4\">\n                      {tab.icon}\n                    </span>\n                    {tab.pinned ? (\n                      <Pin className=\"absolute -right-1 -top-1 size-2 fill-primary text-primary\" />\n                    ) : null}\n                  </div>\n                ) : null}\n                <div className=\"flex flex-1 flex-col items-start overflow-hidden leading-tight\">\n                  <span className=\"w-full flex-1 truncate text-sm\">{tab.title}</span>\n                  {tab.subtitle ? (\n                    <span className=\"w-full truncate text-[10px] text-muted-foreground\">\n                      {tab.subtitle}\n                    </span>\n                  ) : null}\n                </div>\n                <X\n                  className=\"size-4 shrink-0 rounded-sm p-0.5 hover:bg-red-50 hover:text-red-500\"\n                  onClick={(e) => {\n                    e.stopPropagation()\n                    onClose(tab.id)\n                  }}\n                />\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n    </div>\n  )\n}\n","\"use client\"\n\nimport { Fragment, type ComponentProps, type ReactNode } from \"react\"\nimport Link from \"next/link\"\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"~/ui/primitives/breadcrumb.js\"\nimport { useActiveRoute } from \"./use-active-route.js\"\n\nexport interface BreadcrumbsProps extends ComponentProps<typeof Breadcrumb> {\n  /** Separator content. Falls back to shadcn's chevron when omitted. */\n  separator?: ReactNode\n  /** Segment-id → display-label map. Unmapped segments render raw. */\n  labels?: Record<string, string>\n}\n\n/** Pathname-derived breadcrumbs. Renders nothing on the root route. */\nexport function Breadcrumbs({ separator, labels, ...rest }: BreadcrumbsProps) {\n  const { pathname } = useActiveRoute()\n  const segments = pathname.split(\"/\").filter(Boolean)\n  if (segments.length === 0) return null\n  const last = segments.length - 1\n  return (\n    <Breadcrumb {...rest}>\n      <BreadcrumbList>\n        {segments.map((seg, i) => {\n          const href = \"/\" + segments.slice(0, i + 1).join(\"/\")\n          const label = labels?.[seg] ?? seg\n          return (\n            <Fragment key={href}>\n              {i > 0 ? (\n                <BreadcrumbSeparator>{separator}</BreadcrumbSeparator>\n              ) : null}\n              <BreadcrumbItem>\n                {i === last ? (\n                  <BreadcrumbPage>{label}</BreadcrumbPage>\n                ) : (\n                  <BreadcrumbLink asChild>\n                    <Link href={href}>{label}</Link>\n                  </BreadcrumbLink>\n                )}\n              </BreadcrumbItem>\n            </Fragment>\n          )\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  )\n}\n"]}

package/dist/ui/index.d.ts

@@ -2,8 +2,8 @@ import * as React$1 from 'react';
 import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, AspectRatio as AspectRatio$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Dialog as Dialog$1, ContextMenu as ContextMenu$1, DropdownMenu as DropdownMenu$1, Label as Label$1, HoverCard as HoverCard$1, Menubar as Menubar$1, NavigationMenu as NavigationMenu$1, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Select as Select$1, Slider as Slider$1, Switch as Switch$1, Tabs as Tabs$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1 } from 'radix-ui';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { b as Button, c as Separator } from '../breadcrumb-CGzHbSCd.js';
-export { B as Breadcrumb, d as BreadcrumbEllipsis, e as BreadcrumbItem, f as BreadcrumbLink, g as BreadcrumbList, h as BreadcrumbPage, i as BreadcrumbSeparator, I as Input, j as Sidebar, k as SidebarContent, l as SidebarFooter, m as SidebarGroup, n as SidebarGroupAction, o as SidebarGroupContent, p as SidebarGroupLabel, q as SidebarHeader, r as SidebarInput, a as SidebarInset, s as SidebarMenu, t as SidebarMenuAction, u as SidebarMenuBadge, v as SidebarMenuButton, w as SidebarMenuItem, x as SidebarMenuSkeleton, y as SidebarMenuSub, z as SidebarMenuSubButton, A as SidebarMenuSubItem, S as SidebarProvider, C as SidebarRail, D as SidebarSeparator, E as SidebarTrigger, T as Tooltip, F as TooltipContent, G as TooltipProvider, H as TooltipTrigger, J as buttonVariants, K as useSidebar } from '../breadcrumb-CGzHbSCd.js';
+import { d as Button, e as Separator } from '../breadcrumb-CgEcSonR.js';
+export { f as AccountMenu, c as AccountMenuLabels, g as AccountMenuProps, A as AccountMenuUser, B as Breadcrumb, h as BreadcrumbEllipsis, i as BreadcrumbItem, j as BreadcrumbLink, k as BreadcrumbList, l as BreadcrumbPage, m as BreadcrumbSeparator, I as Input, b as Sidebar, n as SidebarContent, o as SidebarFooter, p as SidebarGroup, q as SidebarGroupAction, r as SidebarGroupContent, s as SidebarGroupLabel, t as SidebarHeader, u as SidebarInput, a as SidebarInset, v as SidebarMenu, w as SidebarMenuAction, x as SidebarMenuBadge, y as SidebarMenuButton, z as SidebarMenuItem, C as SidebarMenuSkeleton, D as SidebarMenuSub, E as SidebarMenuSubButton, F as SidebarMenuSubItem, S as SidebarProvider, G as SidebarRail, H as SidebarSeparator, J as SidebarTrigger, T as Tooltip, K as TooltipContent, L as TooltipProvider, M as TooltipTrigger, N as buttonVariants, O as defaultAccountMenuLabels, P as initialsOf, Q as useSidebar } from '../breadcrumb-CgEcSonR.js';
 import { Command as Command$1 } from 'cmdk';
 import { Drawer as Drawer$1 } from 'vaul';
 import { OTPInput } from 'input-otp';
@@ -374,43 +374,4 @@ declare function ToggleGroup({ className, variant, size, spacing, orientation, c
 }): React$1.JSX.Element;
 declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): React$1.JSX.Element;
 
-type AccountMenuUser = {
-    name?: string | null;
-    email?: string | null;
-    image?: string | null;
-};
-type AccountMenuLabels = {
-    account: string;
-    guest: string;
-    signIn: string;
-    switchAccount: string;
-    signOut: string;
-};
-/** Default English labels — spread + override, or reference directly. */
-declare const defaultAccountMenuLabels: AccountMenuLabels;
-interface AccountMenuProps {
-    /** Current user, or `null`/`undefined` for a guest. */
-    user?: AccountMenuUser | null;
-    /** Override labels — pass translated strings if your app is localized. */
-    labels?: Partial<AccountMenuLabels>;
-    /** Sign-out handler (signed-in only). Item hidden if omitted. */
-    onSignOut?: () => void;
-    /** Switch-account handler (signed-in only). Item hidden if omitted. */
-    onSwitchAccount?: () => void;
-    /** Sign-in handler (guest only). Item hidden if omitted. */
-    onSignIn?: () => void;
-    /** Dropdown alignment. Default `"end"`. */
-    align?: "start" | "center" | "end";
-    /** Extra menu content (e.g. theme/language submenus) above the account actions. */
-    children?: React$1.ReactNode;
-}
-/**
- * Account dropdown built on lyra's standardized session shape. Signed-in users
- * get an avatar trigger + switch-account / sign-out; guests get a neutral icon +
- * sign-in. All actions are callbacks and all labels are props, so the component
- * stays framework- and i18n-agnostic. Use `children` to inject app preferences
- * (theme, language, …) above the account actions.
- */
-declare function AccountMenu({ user, labels, onSignOut, onSwitchAccount, onSignIn, align, children, }: AccountMenuProps): React$1.JSX.Element;
-
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountMenu, type AccountMenuLabels, type AccountMenuProps, type AccountMenuUser, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, badgeVariants, buttonGroupVariants, defaultAccountMenuLabels, navigationMenuTriggerStyle, tabsListVariants, toggleVariants };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, badgeVariants, buttonGroupVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants };