themelia-react-ui 1.0.1 → 2.0.0

package/dist/sidebar-DPR7fmqN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-DPR7fmqN.js","names":["React","SidebarProvider","SidebarTrigger","SidebarRail","SidebarInset","SidebarInput","SidebarHeader","SidebarFooter","SidebarSeparator","SidebarContent","SidebarGroup","SidebarGroupLabel","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","SidebarMenuButton","SidebarMenuAction","SidebarMenuBadge","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton","React","SidebarProviderPrimitive","useSidebarPrimitive","SidebarHeaderPrimitive","SidebarFooterPrimitive","SidebarContentPrimitive","SidebarGroupPrimitive","SidebarGroupContentPrimitive","SidebarGroupActionPrimitive","SidebarInputPrimitive","SidebarSeparatorPrimitive","SidebarMenuPrimitive","SidebarMenuItemPrimitive","SidebarMenuActionPrimitive","SidebarMenuBadgePrimitive","SidebarMenuSubPrimitive","SidebarMenuSubItemPrimitive","SidebarInsetPrimitive","SidebarRailPrimitive","SidebarTriggerPrimitive","SidebarMenuButtonPrimitive","SidebarMenuSubButtonPrimitive","SidebarGroupLabelPrimitive","SheetDescription","SheetTitle","SheetHeader","Sheet","Separator","TooltipContent","TooltipTrigger","Text","DisplayLabel","Button","Skeleton","Input","useIsMobile","navigationRowDensityRecipes","navigationRowInlineClasses","navigationChildInsetClasses","React$1","SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","useSidebar","context","SidebarProvider$1","forwardedRef","openProp","setOpenProp","props","viewportMobile","hostRef","containerMobile","setContainerMobile","host","adaptTo","update","observer","isMobile","openMobile","setOpenMobile","_open","_setOpen","defaultOpen","open","setOpen","openState","value","toggleSidebar","handleKeyDown","event","state","contextValue","useRender","style","cn","className","SidebarTrigger$1","onClick","PanelLeftIcon","SidebarRail$1","SidebarInset$1","SidebarInput$1","SidebarHeader$1","SidebarFooter$1","SidebarSeparator$1","SidebarContent$1","SidebarGroup$1","SidebarGroupLabel$1","mergeProps","SidebarGroupAction$1","SidebarGroupContent$1","SidebarMenu$1","SidebarMenuItem$1","sidebarMenuButtonVariants","cva","SidebarMenuButton$1","tooltipRender","tooltip","render","comp","isActive","Tooltip","SidebarMenuAction$1","showOnHover","SidebarMenuBadge$1","SidebarMenuSub$1","SidebarMenuSubItem$1","SidebarMenuSubButton$1","defaultSidebarStrings","sidebarMenuButtonStateClasses","sidebarMenuSubButtonStateClasses","SidebarMenuDensityContext","sidebarMenuDensityRecipes","paddedCollapsedSidebarWidthClass","renderSidebarMenuText","children","renderSidebarTooltipText","normalizeSidebarMenuTooltip","getSidebarMenuButtonHeightClass","size","SidebarProvider","menuDensity","Sidebar","stringsProp","strings","useStrings","collapsible","surfaceClassName","rootClassName","SheetContent","contained","variant","side","SidebarHeader","SidebarFooter","SidebarContent","SidebarGroup","SidebarGroupContent","SidebarGroupAction","SidebarInput","SidebarSeparator","SidebarMenu","inheritedDensity","density","recipe","SidebarMenuItem","SidebarMenuAction","SidebarMenuBadge","content","inline","SidebarMenuSkeleton","resolvedWidth","width","showIcon","SidebarMenuSub","SidebarMenuSubItem","SidebarInset","SidebarRail","SidebarTrigger","SidebarMenuButton","normalizedRender","normalizedTooltip","resolvedSize","primitiveSize","active","SidebarMenuSubButton","SidebarGroupLabel","useBaseSidebarContext","useBaseSidebarMenuDensity"],"sources":["../src/components/ui/sidebar.tsx","../src/components/base/sidebar/sidebar.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { PanelLeftIcon } from \"lucide-react\"\nimport * as React from \"react\"\nimport { Button } from \"./button\"\nimport { Input } from \"./input\"\nimport { Separator } from \"./separator\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"./sheet\"\nimport { Skeleton } from \"./skeleton\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"./tooltip\"\nimport { MOBILE_BREAKPOINT, useIsMobile } from \"../../hooks/use-mobile\"\nimport { cn } from \"../../lib/utils\"\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = \"16rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\"\nconst SIDEBAR_WIDTH_ICON = \"3rem\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\n\ntype SidebarContextProps = {\n  state: \"expanded\" | \"collapsed\"\n  open: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  isMobile: boolean\n  toggleSidebar: () => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext)\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\")\n  }\n\n  return context\n}\n\nfunction SidebarProvider({\n  defaultOpen = true,\n  adaptTo = \"viewport\",\n  ref: forwardedRef,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  className,\n  style,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  defaultOpen?: boolean\n  adaptTo?: \"viewport\" | \"container\"\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n}) {\n  const viewportMobile = useIsMobile()\n  const hostRef = React.useRef<HTMLDivElement>(null)\n  const [containerMobile, setContainerMobile] = React.useState<boolean>()\n  React.useEffect(() => {\n    const host = hostRef.current\n    if (adaptTo !== \"container\" || !host || typeof ResizeObserver === \"undefined\") return\n    const update = () => setContainerMobile(host.getBoundingClientRect().width < MOBILE_BREAKPOINT)\n    update()\n    const observer = new ResizeObserver(update)\n    observer.observe(host)\n    return () => observer.disconnect()\n  }, [adaptTo])\n  const isMobile = viewportMobile || (adaptTo === \"container\" && (containerMobile ?? false))\n  const [openMobile, setOpenMobile] = React.useState(false)\n\n  // This is the internal state of the sidebar.\n  // We use openProp and setOpenProp for control from outside the component.\n  const [_open, _setOpen] = React.useState(defaultOpen)\n  const open = openProp ?? _open\n  const setOpen = React.useCallback(\n    (value: boolean | ((value: boolean) => boolean)) => {\n      const openState = typeof value === \"function\" ? value(open) : value\n      if (setOpenProp) {\n        setOpenProp(openState)\n      } else {\n        _setOpen(openState)\n      }\n\n      // This sets the cookie to keep the sidebar state.\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n    },\n    [setOpenProp, open]\n  )\n\n  // Helper to toggle the sidebar.\n  const toggleSidebar = React.useCallback(() => {\n    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)\n  }, [isMobile, setOpen, setOpenMobile])\n\n  // Adds a keyboard shortcut to toggle the sidebar.\n  React.useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (\n        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n        (event.metaKey || event.ctrlKey)\n      ) {\n        event.preventDefault()\n        toggleSidebar()\n      }\n    }\n\n    window.addEventListener(\"keydown\", handleKeyDown)\n    return () => window.removeEventListener(\"keydown\", handleKeyDown)\n  }, [toggleSidebar])\n\n  // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n  // This makes it easier to style the sidebar with Tailwind classes.\n  const state = open ? \"expanded\" : \"collapsed\"\n\n  const contextValue = React.useMemo<SidebarContextProps>(\n    () => ({\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      setOpenMobile,\n      toggleSidebar,\n    }),\n    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n  )\n\n  const host = useRender({\n    defaultTagName: \"div\",\n    ref: forwardedRef ? [hostRef, forwardedRef] : hostRef,\n    props: {\n      ...props,\n      \"data-slot\": \"sidebar-wrapper\",\n      \"data-mobile\": isMobile,\n      style: {\n        \"--sidebar-width\": SIDEBAR_WIDTH,\n        \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n        ...style,\n      } as React.CSSProperties,\n      className: cn(\"group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full\", className),\n      children,\n    },\n  })\n  return <SidebarContext.Provider value={contextValue}>{host}</SidebarContext.Provider>\n\n}\n\nfunction Sidebar({\n  side = \"left\",\n  variant = \"sidebar\",\n  collapsible = \"offcanvas\",\n  className,\n  children,\n  dir,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  side?: \"left\" | \"right\"\n  variant?: \"sidebar\" | \"floating\" | \"inset\"\n  collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n}) {\n  const { isMobile, state, openMobile, setOpenMobile } = useSidebar()\n\n  if (collapsible === \"none\") {\n    return (\n      <div\n        data-slot=\"sidebar\"\n        className={cn(\n          \"bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n\n  if (isMobile) {\n    return (\n      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n        <SheetContent\n          dir={dir}\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar\"\n          data-mobile=\"true\"\n          className=\"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden\"\n          style={\n            {\n              \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\n            } as React.CSSProperties\n          }\n          side={side}\n        >\n          <SheetHeader className=\"sr-only\">\n            <SheetTitle>Sidebar</SheetTitle>\n            <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n          </SheetHeader>\n          <div className=\"flex h-full w-full flex-col\">{children}</div>\n        </SheetContent>\n      </Sheet>\n    )\n  }\n\n  return (\n    <div\n      className=\"group peer text-sidebar-foreground hidden md:block\"\n      data-state={state}\n      data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n      data-variant={variant}\n      data-side={side}\n      data-slot=\"sidebar\"\n    >\n      {/* This is what handles the sidebar gap on desktop */}\n      <div\n        data-slot=\"sidebar-gap\"\n        className={cn(\n          \"transition-[width] duration-200 ease-linear relative w-(--sidebar-width) bg-transparent\",\n          \"group-data-[collapsible=offcanvas]:w-0\",\n          \"group-data-[side=right]:rotate-180\",\n          variant === \"floating\" || variant === \"inset\"\n            ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n            : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n        )}\n      />\n      <div\n        data-slot=\"sidebar-container\"\n        data-side={side}\n        className={cn(\n          \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex\",\n          // Adjust the padding for floating and inset variants.\n          variant === \"floating\" || variant === \"inset\"\n            ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n            : \"border-border group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n          className\n        )}\n        {...props}\n      >\n        <div\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar-inner\"\n          className=\"bg-sidebar group-data-[variant=floating]:ring-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 flex size-full flex-col\"\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction SidebarTrigger({\n  className,\n  onClick,\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { toggleSidebar } = useSidebar()\n\n  return (\n    <Button\n      data-sidebar=\"trigger\"\n      data-slot=\"sidebar-trigger\"\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      className={cn(className)}\n      onClick={(event) => {\n        onClick?.(event)\n        toggleSidebar()\n      }}\n      {...props}\n    >\n      <PanelLeftIcon />\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </Button>\n  )\n}\n\nfunction SidebarRail({ className, ...props }: React.ComponentProps<\"button\">) {\n  const { toggleSidebar } = useSidebar()\n\n  return (\n    <button\n      data-sidebar=\"rail\"\n      data-slot=\"sidebar-rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        \"hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2\",\n        \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n        \"hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full\",\n        \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n        \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarInset({ className, ...props }: React.ComponentProps<\"main\">) {\n  return (\n    <main\n      data-slot=\"sidebar-inset\"\n      className={cn(\n        \"bg-background md:peer-data-[variant=inset]:m-space-md md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-space-md relative flex w-full flex-1 flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof Input>) {\n  return (\n    <Input\n      data-slot=\"sidebar-input\"\n      data-sidebar=\"input\"\n      className={cn(\"bg-background h-8 w-full shadow-none\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-header\"\n      data-sidebar=\"header\"\n      className={cn(\"gap-2 px-2 flex flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-footer\"\n      data-sidebar=\"footer\"\n      className={cn(\"gap-2 p-2 flex flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"sidebar-separator\"\n      data-sidebar=\"separator\"\n      className={cn(\"bg-sidebar-border mx-space-md w-auto\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-content\"\n      data-sidebar=\"content\"\n      className={cn(\n        \"gap-space-md flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-group\"\n      data-sidebar=\"group\"\n      className={cn(\n        \"p-2 relative flex w-full min-w-0 flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarGroupLabel({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\"> & React.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 flex shrink-0 items-center outline-hidden [&>svg]:shrink-0\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"sidebar-group-label\",\n      sidebar: \"group-label\",\n    },\n  })\n}\n\nfunction SidebarGroupAction({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"button\"> & React.ComponentProps<\"button\">) {\n  return useRender({\n    defaultTagName: \"button\",\n    props: mergeProps<\"button\">(\n      {\n        className: cn(\n          \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 w-5 rounded-md p-0 focus-visible:ring-2 [&>svg]:size-4 flex aspect-square items-center justify-center outline-hidden transition-transform [&>svg]:shrink-0 after:absolute after:-inset-2 md:after:hidden group-data-[collapsible=icon]:hidden\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"sidebar-group-action\",\n      sidebar: \"group-action\",\n    },\n  })\n}\n\nfunction SidebarGroupContent({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-group-content\"\n      data-sidebar=\"group-content\"\n      className={cn(\"text-sm w-full\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu\"\n      data-sidebar=\"menu\"\n      className={cn(\"gap-1 flex w-full min-w-0 flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-item\"\n      data-sidebar=\"menu-item\"\n      className={cn(\"group/menu-item relative\", className)}\n      {...props}\n    />\n  )\n}\n\nconst sidebarMenuButtonVariants = cva(\n  \"ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium peer/menu-button flex w-full items-center overflow-hidden outline-hidden group/menu-button disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n        outline: \"bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\",\n      },\n      size: {\n        default: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction SidebarMenuButton({\n  render,\n  isActive = false,\n  variant = \"default\",\n  size = \"default\",\n  tooltip,\n  className,\n  ...props\n}: useRender.ComponentProps<\"button\"> &\n  React.ComponentProps<\"button\"> & {\n    isActive?: boolean\n    tooltip?: string | React.ComponentProps<typeof TooltipContent>\n  } & VariantProps<typeof sidebarMenuButtonVariants>) {\n  const { isMobile, state } = useSidebar()\n  // When tooltip is enabled AND a custom render element is provided (e.g. <Link>),\n  // compose them: render as TooltipTrigger but forward the custom render element\n  // so the trigger renders as the Link instead of a plain <button>.\n  const tooltipRender = tooltip\n    ? render\n      ? <TooltipTrigger render={render} />\n      : TooltipTrigger\n    : undefined\n\n  const comp = useRender({\n    defaultTagName: \"button\",\n    props: mergeProps<\"button\">(\n      {\n        className: cn(sidebarMenuButtonVariants({ variant, size }), className),\n      },\n      props\n    ),\n    render: tooltip ? tooltipRender : render,\n    state: {\n      slot: \"sidebar-menu-button\",\n      sidebar: \"menu-button\",\n      size,\n      active: isActive,\n    },\n  })\n\n  if (!tooltip) {\n    return comp\n  }\n\n  if (typeof tooltip === \"string\") {\n    tooltip = {\n      children: tooltip,\n    }\n  }\n\n  return (\n    <Tooltip disabled={state !== \"collapsed\" || isMobile}>\n      {comp}\n      <TooltipContent\n        side=\"right\"\n        align=\"center\"\n        {...tooltip}\n      />\n    </Tooltip>\n  )\n}\n\nfunction SidebarMenuAction({\n  className,\n  render,\n  showOnHover = false,\n  ...props\n}: useRender.ComponentProps<\"button\"> &\n  React.ComponentProps<\"button\"> & {\n    showOnHover?: boolean\n  }) {\n  return useRender({\n    defaultTagName: \"button\",\n    props: mergeProps<\"button\">(\n      {\n        className: cn(\n          \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 aspect-square w-5 rounded-md p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>svg]:size-4 flex items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0\",\n          showOnHover &&\n            \"peer-data-active/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-open:opacity-100 md:opacity-0\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"sidebar-menu-action\",\n      sidebar: \"menu-action\",\n    },\n  })\n}\n\nfunction SidebarMenuBadge({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-menu-badge\"\n      data-sidebar=\"menu-badge\"\n      className={cn(\n        \"text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 rounded-md px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 flex items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenuSkeleton({\n  className,\n  showIcon = false,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  showIcon?: boolean\n}) {\n  // Random width between 50 to 90%.\n  const [width] = React.useState(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`\n  })\n\n  return (\n    <div\n      data-slot=\"sidebar-menu-skeleton\"\n      data-sidebar=\"menu-skeleton\"\n      className={cn(\"h-8 gap-2 rounded-md px-2 flex items-center\", className)}\n      {...props}\n    >\n      {!!showIcon && (\n        <Skeleton\n          className=\"size-4 rounded-md\"\n          data-sidebar=\"menu-skeleton-icon\"\n        />\n      )}\n      <Skeleton\n        className=\"h-4 max-w-(--skeleton-width) flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            \"--skeleton-width\": width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  )\n}\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu-sub\"\n      data-sidebar=\"menu-sub\"\n      className={cn(\"border-sidebar-border mx-space-lg translate-x-px gap-space-xs border-l px-row-x py-row-y group-data-[collapsible=icon]:hidden flex min-w-0 flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenuSubItem({\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-sub-item\"\n      data-sidebar=\"menu-sub-item\"\n      className={cn(\"group/menu-sub-item relative\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenuSubButton({\n  render,\n  size = \"md\",\n  isActive = false,\n  className,\n  ...props\n}: useRender.ComponentProps<\"a\"> &\n  React.ComponentProps<\"a\"> & {\n    size?: \"sm\" | \"md\"\n    isActive?: boolean\n  }) {\n  return useRender({\n    defaultTagName: \"a\",\n    props: mergeProps<\"a\">(\n      {\n        className: cn(\n          \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-7 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 flex min-w-0 -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"sidebar-menu-sub-button\",\n      sidebar: \"menu-sub-button\",\n      size,\n      active: isActive,\n    },\n  })\n}\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n}\n","/**\n * base/sidebar — tokenized wrapper around the shadcn `Sidebar` compound component.\n *\n * The shadcn source stays untouched. This layer applies the package shell,\n * density, spacing, typography, focus, and stable DOM-hook contracts while\n * preserving every compound part and polymorphic `render` seam.\n */\nimport * as React from 'react';\n\nimport {\n\tSidebarContent as SidebarContentPrimitive,\n\tSidebarFooter as SidebarFooterPrimitive,\n\tSidebarGroup as SidebarGroupPrimitive,\n\tSidebarGroupAction as SidebarGroupActionPrimitive,\n\tSidebarGroupContent as SidebarGroupContentPrimitive,\n\tSidebarGroupLabel as SidebarGroupLabelPrimitive,\n\tSidebarHeader as SidebarHeaderPrimitive,\n\tSidebarInput as SidebarInputPrimitive,\n\tSidebarInset as SidebarInsetPrimitive,\n\tSidebarMenu as SidebarMenuPrimitive,\n\tSidebarMenuAction as SidebarMenuActionPrimitive,\n\tSidebarMenuBadge as SidebarMenuBadgePrimitive,\n\tSidebarMenuButton as SidebarMenuButtonPrimitive,\n\tSidebarMenuItem as SidebarMenuItemPrimitive,\n\tSidebarMenuSub as SidebarMenuSubPrimitive,\n\tSidebarMenuSubButton as SidebarMenuSubButtonPrimitive,\n\tSidebarMenuSubItem as SidebarMenuSubItemPrimitive,\n\tSidebarProvider as SidebarProviderPrimitive,\n\tSidebarRail as SidebarRailPrimitive,\n\tSidebarSeparator as SidebarSeparatorPrimitive,\n\tSidebarTrigger as SidebarTriggerPrimitive,\n\tuseSidebar as useSidebarPrimitive,\n} from '../../ui/sidebar';\nimport {\n\tSheet,\n\tSheetContent,\n\tSheetDescription,\n\tSheetHeader,\n\tSheetTitle,\n} from '../sheet';\nimport { Skeleton } from '../skeleton';\nimport { DisplayLabel, Text } from '../../typography';\nimport type { ComponentScale } from '../../../lib/component-vocabulary';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { navigationChildInsetClasses, navigationRowDensityRecipes, navigationRowInlineClasses } from '../../../lib/navigation-row-recipes';\n\nexport interface SidebarStrings {\n\tmobileTitle: string;\n\tmobileDescription: string;\n}\n\nexport const defaultSidebarStrings: SidebarStrings = {\n\tmobileTitle: 'Sidebar',\n\tmobileDescription: 'Displays the mobile sidebar.',\n};\n\nexport interface SidebarProps extends React.ComponentProps<'div'> {\n\t/** Edge where the desktop rail and mobile sheet are anchored. */\n\tside?: 'left' | 'right';\n\t/** Surface treatment and inset behavior for the desktop shell. */\n\tvariant?: 'sidebar' | 'floating' | 'inset';\n\t/** Desktop collapse mode. `none` renders a permanently expanded panel. */\n\tcollapsible?: 'offcanvas' | 'icon' | 'none';\n\t/** Keeps the desktop sidebar in its parent layout instead of fixing it to the viewport. */\n\tcontained?: boolean;\n\t/** Classes for the visible sidebar surface, separate from the positioning container. */\n\tsurfaceClassName?: string;\n\t/** Classes for the responsive positioning root. */\n\trootClassName?: string;\n\t/** Copy for the visually hidden mobile sheet title and description. */\n\tstrings?: StringsProp<SidebarStrings>;\n}\ntype SidebarContentProps = React.ComponentProps<typeof SidebarContentPrimitive>;\ntype SidebarFooterProps = React.ComponentProps<typeof SidebarFooterPrimitive>;\ntype SidebarGroupProps = React.ComponentProps<typeof SidebarGroupPrimitive>;\ntype SidebarGroupActionProps = React.ComponentProps<typeof SidebarGroupActionPrimitive>;\ntype SidebarGroupContentProps = React.ComponentProps<typeof SidebarGroupContentPrimitive>;\ntype SidebarGroupLabelProps = React.ComponentProps<typeof SidebarGroupLabelPrimitive>;\ntype SidebarHeaderProps = React.ComponentProps<typeof SidebarHeaderPrimitive>;\nexport interface SidebarInputProps extends React.ComponentProps<typeof SidebarInputPrimitive> {\n\t/** Accessible name when no visible label is associated with the navigation search. */\n\t'aria-label'?: string;\n\t/** Search or filter hint. */\n\tplaceholder?: string;\n\t/** Controlled input value. */\n\tvalue?: React.InputHTMLAttributes<HTMLInputElement>['value'];\n\t/** Disables the navigation input. */\n\tdisabled?: boolean;\n\t/** Native input change callback. */\n\tonChange?: React.ChangeEventHandler<HTMLInputElement>;\n\t/** Additional classes merged with the tokenized control defaults. */\n\tclassName?: string;\n}\ntype SidebarInsetProps = React.ComponentProps<typeof SidebarInsetPrimitive>;\nexport type SidebarMenuDensity = 'compact' | 'default' | 'comfortable';\n\nexport interface SidebarMenuProps extends React.ComponentProps<typeof SidebarMenuPrimitive> {\n\t/** Row and child-list rhythm. Inherits the nearest sidebar menu/provider. */\n\tmenuDensity?: SidebarMenuDensity;\n}\ntype SidebarMenuActionProps = React.ComponentProps<typeof SidebarMenuActionPrimitive>;\nexport interface SidebarMenuBadgeProps extends React.ComponentProps<typeof SidebarMenuBadgePrimitive> {\n\t/** Render in normal flow, for example inside a nested menu button. */\n\tinline?: boolean;\n\t/** Count-bubble size. @default \"md\" */\n\tsize?: ComponentScale;\n}\nexport interface SidebarMenuButtonProps extends Omit<React.ComponentProps<typeof SidebarMenuButtonPrimitive>, 'size' | 'isActive'> {\n\t/** Explicit row scale. Otherwise follows menuDensity, or md in an unconfigured base menu. */\n\tsize?: ComponentScale;\n\t/** Marks the navigation item as current. */\n\tactive?: boolean;\n}\ntype SidebarMenuItemProps = React.ComponentProps<typeof SidebarMenuItemPrimitive>;\nexport interface SidebarMenuSkeletonProps extends React.ComponentProps<'div'> {\n\t/** Show the leading icon placeholder. */\n\tshowIcon?: boolean;\n\t/** Deterministic text-bar width. @default \"72%\" */\n\twidth?: string;\n}\ntype SidebarMenuSubProps = React.ComponentProps<typeof SidebarMenuSubPrimitive>;\nexport interface SidebarMenuSubButtonProps extends Omit<React.ComponentProps<typeof SidebarMenuSubButtonPrimitive>, 'isActive'> {\n\t/** Marks the nested navigation item as current. */\n\tactive?: boolean;\n}\ntype SidebarMenuSubItemProps = React.ComponentProps<typeof SidebarMenuSubItemPrimitive>;\nexport interface SidebarProviderProps extends React.ComponentProps<'div'> {\n\t/** Use the provider width for drawers in embedded workspaces; viewport remains the default. */\n\tadaptTo?: 'viewport' | 'container';\n\t/** Initial expanded state for uncontrolled sidebars. @default true */\n\tdefaultOpen?: boolean;\n\t/** Controlled expanded state. */\n\topen?: boolean;\n\t/** Controlled state callback. */\n\tonOpenChange?: (open: boolean) => void;\n\t/** Default menu rhythm; individual menus may override it. */\n\tmenuDensity?: SidebarMenuDensity;\n\t/** Sidebar shell contents. */\n\tchildren?: React.ReactNode;\n\t/** Scoped shell token overrides and other root styles. */\n\tstyle?: React.CSSProperties;\n\t/** Additional classes merged with the provider root. */\n\tclassName?: string;\n}\ntype SidebarRailProps = React.ComponentProps<typeof SidebarRailPrimitive>;\ntype SidebarSeparatorProps = React.ComponentProps<typeof SidebarSeparatorPrimitive>;\ntype SidebarTriggerProps = React.ComponentProps<typeof SidebarTriggerPrimitive>;\n\nconst sidebarMenuButtonStateClasses =\n\t'font-medium text-sidebar-foreground transition-[background-color,color] hover:bg-sidebar-accent hover:text-sidebar-foreground focus-visible:ring-2 focus-visible:ring-sidebar-ring data-active:bg-sidebar-accent data-active:text-sidebar-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-foreground';\n\nconst sidebarMenuSubButtonStateClasses =\n\t'font-medium text-sidebar-foreground/80 transition-[background-color,color] hover:bg-transparent hover:text-sidebar-foreground focus-visible:ring-2 focus-visible:ring-sidebar-ring data-active:bg-transparent data-active:text-primary-accent data-[active=true]:bg-transparent data-[active=true]:text-primary-accent';\n\n// One token-backed recipe covers both composed navigation and raw menu anatomy.\n// No density configured preserves the raw menu button's established md scale.\nconst SidebarMenuDensityContext = React.createContext<SidebarMenuDensity | undefined>(undefined);\nconst sidebarMenuDensityRecipes = navigationRowDensityRecipes;\n\nconst paddedCollapsedSidebarWidthClass =\n\t'group-data-[collapsible=icon]:w-shell-sidebar-icon-padded';\n\nfunction renderSidebarMenuText(children: React.ReactNode) {\n\tif (typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint') {\n\t\treturn (\n\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t{children}\n\t\t\t</Text>\n\t\t);\n\t}\n\treturn children;\n}\n\nfunction renderSidebarTooltipText(children: React.ReactNode) {\n\tif (typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint') {\n\t\treturn (\n\t\t\t<Text\n\t\t\t\ttag=\"span\"\n\t\t\t\tsize=\"inherit\"\n\t\t\t\tlineHeight=\"snug\"\n\t\t\t\tclassName=\"sidebar-menu-button--tooltip-text text-inherit\"\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</Text>\n\t\t);\n\t}\n\treturn children;\n}\n\nfunction normalizeSidebarMenuTooltip(tooltip: SidebarMenuButtonProps['tooltip']) {\n\tif (!tooltip) return tooltip;\n\n\tif (typeof tooltip === 'string') {\n\t\treturn { children: renderSidebarTooltipText(tooltip) };\n\t}\n\n\treturn {\n\t\t...tooltip,\n\t\tchildren: renderSidebarTooltipText(tooltip.children),\n\t};\n}\n\nfunction getSidebarMenuButtonHeightClass(size: SidebarMenuButtonProps['size']) {\n\tif (size === 'sm') {\n\t\treturn 'h-action-sm group-data-[collapsible=icon]:size-action-sm!';\n\t}\n\tif (size === 'lg') {\n\t\treturn 'h-action-lg group-data-[collapsible=icon]:size-action-lg!';\n\t}\n\treturn 'h-action group-data-[collapsible=icon]:size-action!';\n}\n\nfunction SidebarProvider({ className, style, menuDensity, ...props }: SidebarProviderProps) {\n\treturn (\n\t\t<SidebarMenuDensityContext.Provider value={menuDensity}>\n\t\t\t<SidebarProviderPrimitive\n\t\t\t\tclassName={cn('sidebar-provider--component shell-sidebar-vars', className)}\n\t\t\t\tstyle={{\n\t\t\t\t\t'--sidebar-width': 'var(--shell-sidebar-width)',\n\t\t\t\t\t'--sidebar-width-icon': 'calc(3.75rem * var(--density-scale))',\n\t\t\t\t\t...style,\n\t\t\t\t} as React.CSSProperties}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</SidebarMenuDensityContext.Provider>\n\t);\n}\n\n/** Tokenized responsive sidebar shell with contained and viewport-fixed modes. */\nfunction Sidebar({\n\tside = 'left',\n\tvariant = 'sidebar',\n\tcollapsible = 'offcanvas',\n\tcontained = false,\n\tclassName,\n\tsurfaceClassName,\n\trootClassName,\n\tchildren,\n\tdir,\n\tstrings: stringsProp,\n\t...props\n}: SidebarProps) {\n\tconst { isMobile, state, openMobile, setOpenMobile } = useSidebarPrimitive();\n\tconst strings = useStrings(defaultSidebarStrings, stringsProp);\n\n\tif (collapsible === 'none') {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tdata-slot=\"sidebar\"\n\t\t\t\tdir={dir}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'sidebar--component shell-sidebar-vars flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground',\n\t\t\t\t\tsurfaceClassName,\n\t\t\t\t\trootClassName,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (isMobile) {\n\t\treturn (\n\t\t\t<Sheet open={openMobile} onOpenChange={setOpenMobile}>\n\t\t\t\t<SheetContent\n\t\t\t\t\tdir={dir}\n\t\t\t\t\tdata-sidebar=\"sidebar\"\n\t\t\t\t\tdata-slot=\"sidebar\"\n\t\t\t\t\tdata-mobile=\"true\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'sidebar--component shell-sidebar-vars w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden',\n\t\t\t\t\t\tsurfaceClassName,\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\trootClassName,\n\t\t\t\t\t)}\n\t\t\t\t\tstyle={{ '--sidebar-width': 'min(20rem, calc(100vw - 2rem))' } as React.CSSProperties}\n\t\t\t\t\tside={side}\n\t\t\t\t\t{...props}\n\t\t\t\t>\n\t\t\t\t\t<SheetHeader className=\"sr-only\">\n\t\t\t\t\t\t<SheetTitle>{strings.mobileTitle}</SheetTitle>\n\t\t\t\t\t\t<SheetDescription>{strings.mobileDescription}</SheetDescription>\n\t\t\t\t\t</SheetHeader>\n\t\t\t\t\t<div className=\"sidebar--surface flex h-full w-full flex-col\">{children}</div>\n\t\t\t\t</SheetContent>\n\t\t\t</Sheet>\n\t\t);\n\t}\n\n\tif (contained) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'sidebar--component shell-sidebar-vars group peer sticky top-0 hidden h-full w-(--sidebar-width) shrink-0 text-sidebar-foreground transition-[width] duration-200 ease-linear md:block',\n\t\t\t\t\t'data-[collapsible=offcanvas]:w-0',\n\t\t\t\t\tvariant === 'floating' || variant === 'inset'\n\t\t\t\t\t\t? 'data-[collapsible=icon]:w-shell-sidebar-icon-padded'\n\t\t\t\t\t\t: 'data-[collapsible=icon]:w-(--sidebar-width-icon)',\n\t\t\t\t\trootClassName,\n\t\t\t\t)}\n\t\t\t\tdata-state={state}\n\t\t\t\tdata-collapsible={state === 'collapsed' ? collapsible : ''}\n\t\t\t\tdata-variant={variant}\n\t\t\t\tdata-side={side}\n\t\t\t\tdata-slot=\"sidebar\"\n\t\t\t\tdir={dir}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'absolute inset-y-0 z-10 hidden h-full w-(--sidebar-width) transition-[transform,width] duration-200 ease-linear md:flex',\n\t\t\t\t\t\tside === 'left'\n\t\t\t\t\t\t\t? 'left-0 group-data-[collapsible=offcanvas]:-translate-x-full'\n\t\t\t\t\t\t\t: 'right-0 group-data-[collapsible=offcanvas]:translate-x-full',\n\t\t\t\t\t\tvariant === 'floating' || variant === 'inset'\n\t\t\t\t\t\t\t? cn('px-space-md py-space-lg', paddedCollapsedSidebarWidthClass)\n\t\t\t\t\t\t\t: 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\t{...props}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tdata-sidebar=\"sidebar\"\n\t\t\t\t\t\tdata-slot=\"sidebar-inner\"\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'sidebar--surface flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-radius-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border',\n\t\t\t\t\t\t\tsurfaceClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('sidebar--component shell-sidebar-vars group peer hidden text-sidebar-foreground md:block', rootClassName)}\n\t\t\tdata-state={state}\n\t\t\tdata-collapsible={state === 'collapsed' ? collapsible : ''}\n\t\t\tdata-variant={variant}\n\t\t\tdata-side={side}\n\t\t\tdata-slot=\"sidebar\"\n\t\t\tdir={dir}\n\t\t>\n\t\t\t<div\n\t\t\t\tdata-slot=\"sidebar-gap\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear',\n\t\t\t\t\t'group-data-[collapsible=offcanvas]:w-0',\n\t\t\t\t\t'group-data-[side=right]:rotate-180',\n\t\t\t\t\tvariant === 'floating' || variant === 'inset'\n\t\t\t\t\t\t? paddedCollapsedSidebarWidthClass\n\t\t\t\t\t\t: 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tdata-slot=\"sidebar-container\"\n\t\t\t\tdata-side={side}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex',\n\t\t\t\t\tvariant === 'floating' || variant === 'inset'\n\t\t\t\t\t\t? cn('p-space-md', paddedCollapsedSidebarWidthClass)\n\t\t\t\t\t\t: 'border-border group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tdata-sidebar=\"sidebar\"\n\t\t\t\t\tdata-slot=\"sidebar-inner\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'sidebar--surface flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-radius-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border',\n\t\t\t\t\t\tsurfaceClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nfunction SidebarHeader({ className, ...props }: SidebarHeaderProps) {\n\treturn <SidebarHeaderPrimitive className={cn('sidebar-header--component gap-space-sm px-surface-xs pt-surface-xs', className)} {...props} />;\n}\n\nfunction SidebarFooter({ className, ...props }: SidebarFooterProps) {\n\treturn <SidebarFooterPrimitive className={cn('sidebar-footer--component gap-space-sm p-surface-xs', className)} {...props} />;\n}\n\nfunction SidebarContent({ className, ...props }: SidebarContentProps) {\n\treturn <SidebarContentPrimitive className={cn('sidebar-content--component min-w-0 gap-space-sm overflow-x-hidden', className)} {...props} />;\n}\n\nfunction SidebarGroup({ className, ...props }: SidebarGroupProps) {\n\treturn <SidebarGroupPrimitive className={cn('sidebar-group--component px-surface-xs py-space-2xs', className)} {...props} />;\n}\n\nfunction SidebarGroupContent({ className, ...props }: SidebarGroupContentProps) {\n\treturn <SidebarGroupContentPrimitive className={cn('sidebar-group-content--component', className)} {...props} />;\n}\n\nfunction SidebarGroupAction({ className, ...props }: SidebarGroupActionProps) {\n\treturn <SidebarGroupActionPrimitive className={cn('sidebar-group-action--component top-space-xs size-action-xs', className)} {...props} />;\n}\n\nfunction SidebarInput({ className, ...props }: SidebarInputProps) {\n\treturn <SidebarInputPrimitive className={cn('sidebar-input--component h-control-sm px-control-sm text-pxs', className)} {...props} />;\n}\n\nfunction SidebarSeparator({ className, ...props }: SidebarSeparatorProps) {\n\treturn <SidebarSeparatorPrimitive className={cn('sidebar-separator--component mx-space-lg', className)} {...props} />;\n}\n\nfunction SidebarMenu({ className, menuDensity, ...props }: SidebarMenuProps) {\n\tconst inheritedDensity = React.useContext(SidebarMenuDensityContext);\n\tconst density = menuDensity ?? inheritedDensity;\n\tconst recipe = sidebarMenuDensityRecipes[density ?? 'default'];\n\treturn (\n\t\t<SidebarMenuDensityContext.Provider value={density}>\n\t\t\t<SidebarMenuPrimitive className={cn('sidebar-menu--component', recipe.gap, className)} {...props} />\n\t\t</SidebarMenuDensityContext.Provider>\n\t);\n}\n\nfunction SidebarMenuItem({ className, ...props }: SidebarMenuItemProps) {\n\treturn <SidebarMenuItemPrimitive className={cn('sidebar-menu-item--component', className)} {...props} />;\n}\n\nfunction SidebarMenuAction({ className, ...props }: SidebarMenuActionProps) {\n\tconst density = React.useContext(SidebarMenuDensityContext) ?? 'default';\n\treturn <SidebarMenuActionPrimitive className={cn(\n\t\t'sidebar-menu-action--component size-action-xs right-auto end-space-2xs! top-action-center! -translate-y-1/2 peer-data-[size=sm]/menu-button:top-action-sm-center! peer-data-[size=lg]/menu-button:top-action-lg-center!',\n\t\tdensity === 'comfortable'\n\t\t\t? 'peer-data-[sidebar=menu-sub-button]/menu-sub-button:top-action-sm-center!'\n\t\t\t: 'peer-data-[sidebar=menu-sub-button]/menu-sub-button:top-action-xs-center!',\n\t\tclassName,\n\t)} {...props} />;\n}\n\n\nfunction SidebarMenuBadge({ className, inline = false, size = 'md', children, ...props }: SidebarMenuBadgeProps) {\n\tconst content = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint'\n\t\t? (\n\t\t\t<Text tag=\"span\" size=\"xxs\" weight=\"semibold\" lineHeight=\"none\" className=\"text-inherit tabular-nums\">\n\t\t\t\t{children}\n\t\t\t</Text>\n\t\t)\n\t\t: children;\n\n\treturn (\n\t\t<SidebarMenuBadgePrimitive\n\t\t\tclassName={cn(\n\t\t\t\t'sidebar-menu-badge--component shrink-0 text-sidebar-foreground',\n\t\t\t\tsize === 'sm' ? 'h-4 min-w-4' : size === 'lg' ? 'h-6 min-w-6' : 'h-5 min-w-5',\n\t\t\t\tinline\n\t\t\t\t\t? 'static ms-auto translate-y-0'\n\t\t\t\t\t: 'top-action-center! -translate-y-1/2 peer-data-[size=sm]/menu-button:top-action-sm-center! peer-data-[size=lg]/menu-button:top-action-lg-center!',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{content}\n\t\t</SidebarMenuBadgePrimitive>\n\t);\n}\n\n\nfunction SidebarMenuSkeleton({ className, showIcon = false, style, width, ...props }: SidebarMenuSkeletonProps) {\n\tconst resolvedWidth = width ?? '72%';\n\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sidebar-menu-skeleton\"\n\t\t\tdata-sidebar=\"menu-skeleton\"\n\t\t\tclassName={cn(\n\t\t\t\t'sidebar-menu-skeleton--component flex h-action items-center gap-space-md rounded-radius px-control-sm',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={style}\n\t\t\t{...props}\n\t\t>\n\t\t\t{showIcon ? (\n\t\t\t\t<Skeleton\n\t\t\t\t\tclassName=\"size-icon rounded-radius-sm\"\n\t\t\t\t\tdata-sidebar=\"menu-skeleton-icon\"\n\t\t\t\t/>\n\t\t\t) : null}\n\t\t\t<Skeleton\n\t\t\t\tclassName=\"h-icon-sm flex-1\"\n\t\t\t\tdata-sidebar=\"menu-skeleton-text\"\n\t\t\t\tstyle={{ maxWidth: resolvedWidth }}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nfunction SidebarMenuSub({ className, ...props }: SidebarMenuSubProps) {\n\tconst density = React.useContext(SidebarMenuDensityContext) ?? 'default';\n\treturn <SidebarMenuSubPrimitive className={cn('sidebar-menu-sub--component border-l-0 border-s! border-sidebar-border', navigationChildInsetClasses, sidebarMenuDensityRecipes[density].childGap, className)} {...props} />;\n}\n\nfunction SidebarMenuSubItem({ className, ...props }: SidebarMenuSubItemProps) {\n\treturn <SidebarMenuSubItemPrimitive className={cn('sidebar-menu-sub-item--component', className)} {...props} />;\n}\n\nfunction SidebarInset({ className, ...props }: SidebarInsetProps) {\n\treturn <SidebarInsetPrimitive className={cn('sidebar-inset--component', className)} {...props} />;\n}\n\nfunction SidebarRail({ className, ...props }: SidebarRailProps) {\n\treturn <SidebarRailPrimitive className={cn('sidebar-rail--component', className)} {...props} />;\n}\n\nfunction SidebarTrigger({ className, ...props }: SidebarTriggerProps) {\n\treturn <SidebarTriggerPrimitive className={cn('sidebar-trigger--component size-action-sm active:translate-y-0!', className)} {...props} />;\n}\n\nfunction SidebarMenuButton({\n\tclassName,\n\trender,\n\tsize,\n\ttooltip,\n\tchildren,\n\tactive = false,\n\t...props\n}: SidebarMenuButtonProps) {\n\tconst normalizedRender = tooltip && !render\n\t\t? <button type=\"button\" />\n\t\t: render;\n\tconst normalizedTooltip = normalizeSidebarMenuTooltip(tooltip);\n\tconst density = React.useContext(SidebarMenuDensityContext);\n\tconst resolvedSize = size ?? (density ? sidebarMenuDensityRecipes[density].size : 'md');\n\tconst primitiveSize = resolvedSize === 'md' ? 'default' : resolvedSize;\n\n\treturn (\n\t\t<SidebarMenuButtonPrimitive\n\t\t\tclassName={cn(\n\t\t\t\t'sidebar-menu-button--component group-data-[collapsible=icon]:size-action-sm! group-data-[collapsible=icon]:p-space-sm!',\n\t\t\t\tnavigationRowInlineClasses,\n\t\t\t\t'group-has-data-[sidebar=menu-action]/menu-item:px-control-sm! group-has-[>[data-sidebar=menu-action]]/menu-item:pe-[calc(var(--spacing-action-xs)+var(--spacing-control-px))]!',\n\t\t\t\tgetSidebarMenuButtonHeightClass(resolvedSize),\n\t\t\t\tsidebarMenuButtonStateClasses,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\trender={normalizedRender}\n\t\t\tsize={primitiveSize}\n\t\t\ttooltip={normalizedTooltip}\n\t\t\tisActive={active}\n\t\t\t{...props}\n\t\t>\n\t\t\t{renderSidebarMenuText(children)}\n\t\t</SidebarMenuButtonPrimitive>\n\t);\n}\n\nfunction SidebarMenuSubButton({\n\tclassName,\n\tchildren,\n\tactive = false,\n\t...props\n}: SidebarMenuSubButtonProps) {\n\tconst density = React.useContext(SidebarMenuDensityContext) ?? 'default';\n\treturn (\n\t\t<SidebarMenuSubButtonPrimitive\n\t\t\tclassName={cn(\n\t\t\t\t'sidebar-menu-sub-button--component peer/menu-sub-button translate-x-0 group-has-[>[data-sidebar=menu-action]]/menu-sub-item:pe-[calc(var(--spacing-action-xs)+var(--spacing-control-px))]!',\n\t\t\t\tnavigationRowInlineClasses,\n\t\t\t\tsidebarMenuDensityRecipes[density].childHeight,\n\t\t\t\tsidebarMenuSubButtonStateClasses,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tisActive={active}\n\t\t\t{...props}\n\t\t>\n\t\t\t{renderSidebarMenuText(children)}\n\t\t</SidebarMenuSubButtonPrimitive>\n\t);\n}\n\nfunction SidebarGroupLabel({\n\tclassName,\n\tchildren,\n\t...props\n}: SidebarGroupLabelProps) {\n\tconst content =\n\t\ttypeof children === 'string' || typeof children === 'number' || typeof children === 'bigint'\n\t\t\t? <DisplayLabel>{children}</DisplayLabel>\n\t\t\t: children;\n\n\treturn (\n\t\t<SidebarGroupLabelPrimitive\n\t\t\tclassName={cn('sidebar-group-label--component h-action-sm px-control-sm group-data-[collapsible=icon]:pointer-events-none', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{content}\n\t\t</SidebarGroupLabelPrimitive>\n\t);\n}\n\nexport {\n\tSidebar,\n\tSidebarContent,\n\tSidebarFooter,\n\tSidebarGroup,\n\tSidebarGroupAction,\n\tSidebarGroupContent,\n\tSidebarGroupLabel,\n\tSidebarHeader,\n\tSidebarInput,\n\tSidebarInset,\n\tSidebarMenu,\n\tSidebarMenuAction,\n\tSidebarMenuBadge,\n\tSidebarMenuButton,\n\tSidebarMenuItem,\n\tSidebarMenuSkeleton,\n\tSidebarMenuSub,\n\tSidebarMenuSubButton,\n\tSidebarMenuSubItem,\n\tSidebarProvider,\n\tSidebarRail,\n\tSidebarSeparator,\n\tSidebarTrigger,\n};\n\n/** Internal bridge for the layout layer; not part of the base package entrypoint. */\nexport const useBaseSidebarContext = useSidebarPrimitive;\n\n/** Internal density bridge for composed navigation; not a base entrypoint export. */\nexport function useBaseSidebarMenuDensity() {\n\treturn React.useContext(SidebarMenuDensityContext);\n}\n"],"mappings":"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"}