themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/sidebar-CNBKFDRW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-CNBKFDRW.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":";;;;;;;;;;;;;;;;;;;AAyBA,IAAM8D,KAAsB,iBACtBC,KAAyB,QACzBC,KAAgB,SAEhBC,KAAqB,QACrBC,KAA4B,KAY5BC,IAAiBnE,EAAM,cAA0C,IAAI;AAE3E,SAASoE,IAAa;CACpB,IAAMC,IAAUrE,EAAM,WAAWmE,CAAc;CAC/C,IAAI,CAACE,GACH,MAAU,MAAM,mDAAmD;CAGrE,OAAOA;AACT;AAEA,SAASpE,EAAgB,EACvB,iBAAc,IACd,aAAU,YACV,KAAKsE,GACL,MAAMC,GACN,cAAcC,GACd,cACA,UACA,aACA,GAAGC,KAMF;CACD,IAAMC,IAAiBlB,EAAY,GAC7BmB,IAAU5E,EAAM,OAAuB,IAAI,GAC3C,CAAC6E,GAAiBC,KAAsB9E,EAAM,SAAkB;CACtE,EAAM,gBAAgB;EACpB,IAAM+E,IAAOH,EAAQ;EACrB,IAAII,MAAY,eAAe,CAACD,KAAQ,OAAO,iBAAmB,KAAa;EAC/E,IAAME,UAAeH,EAAmBC,EAAK,sBAAsB,CAAC,CAAC,QAAA,GAAyB;EAC9F,EAAO;EACP,IAAMG,IAAW,IAAI,eAAeD,CAAM;EAE1C,OADAC,EAAS,QAAQH,CAAI,SACRG,EAAS,WAAW;CACnC,GAAG,CAACF,CAAO,CAAC;CACZ,IAAMG,IAAWR,KAAmBK,MAAY,gBAAgBH,KAAmB,KAC7E,CAACO,GAAYC,KAAiBrF,EAAM,SAAS,EAAK,GAIlD,CAACsF,GAAOC,KAAYvF,EAAM,SAASwF,CAAW,GAC9CC,IAAOjB,KAAYc,GACnBI,IAAU1F,EAAM,aACnB,MAAmD;EAClD,IAAM2F,IAAY,OAAOC,KAAU,aAAaA,EAAMH,CAAI,IAAIG;EAQ9D,AAPInB,IACFA,EAAYkB,CAAS,IAErBJ,EAASI,CAAS,GAIpB,SAAS,SAAS,GAAG7B,GAAoB,GAAG6B,EAAU,oBAAoB5B;CAC5E,GACA,CAACU,GAAagB,CAAI,CACpB,GAGMI,IAAgB7F,EAAM,kBACnBmF,IAAWE,GAAe,MAAS,CAACI,CAAI,IAAIC,GAAS,MAAS,CAACD,CAAI,GACzE;EAACN;EAAUO;EAASL;CAAa,CAAC;CAGrC,EAAM,gBAAgB;EACpB,IAAMS,KAAiB,MAAyB;GAC9C,AACEC,EAAM,QAAQ7B,OACb6B,EAAM,WAAWA,EAAM,aAExBA,EAAM,eAAe,GACrBF,EAAc;EAElB;EAGA,OADA,OAAO,iBAAiB,WAAWC,CAAa,SACnC,OAAO,oBAAoB,WAAWA,CAAa;CAClE,GAAG,CAACD,CAAa,CAAC;CAIlB,IAAMG,IAAQP,IAAO,aAAa,aAE5BQ,IAAejG,EAAM,eAClB;EACL;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EAACgG;EAAOP;EAAMC;EAASP;EAAUC;EAAYC;EAAeQ;CAAa,CAC3E,GAEMd,IAAOmB,EAAU;EACrB,gBAAgB;EAChB,KAAK3B,IAAe,CAACK,GAASL,CAAY,IAAIK;EAC9C,OAAO;GACL,GAAGF;GACH,aAAa;GACb,eAAeS;GACf,OAAO;IACL,mBAAmBnB;IACnB,wBAAwBC;IACxB,GAAGkC;GACL;GACA,WAAWC,EAAG,mFAAmFC,CAAS;GAC1G;EACF;CACF,CAAC;CACD,OAAO,kBAAClC,EAAe,UAAhB;EAAyB,OAAO8B;EAAe,UAAAlB;CAA8B,CAAA;AAEtF;AAwGA,SAAS7E,GAAe,EACtB,cACA,YACA,GAAGwE,KACmC;CACtC,IAAM,EAAE,qBAAkBN,EAAW;CAErC,OACE,kBAACd,GAAD;EACE,gBAAa;EACb,aAAU;EACV,SAAQ;EACR,MAAK;EACL,WAAW8C,EAAGC,CAAS;EACvB,UAAU,MAAU;GAElB,AADAE,IAAUR,CAAK,GACfF,EAAc;EAChB;EACA,GAAInB;EAVN,UAAA,CAYE,kBAAC8B,GAAD,CAAgB,CAAA,GAChB,kBAAC,QAAD;GAAM,WAAU;GAAU,UAAA;EAAoB,CAAA,CACxC;;AAEZ;AAEA,SAASrG,GAAY,EAAE,cAAW,GAAGuE,KAAyC;CAC5E,IAAM,EAAE,qBAAkBN,EAAW;CAErC,OACE,kBAAC,UAAD;EACE,gBAAa;EACb,aAAU;EACV,cAAW;EACX,UAAU;EACV,SAASyB;EACT,OAAM;EACN,WAAWO,EACT,6QACA,4EACA,0HACA,2JACA,6DACA,6DACAC,CACF;EACA,GAAI3B;CACL,CAAA;AAEL;AAEA,SAAStE,GAAa,EAAE,cAAW,GAAGsE,KAAuC;CAC3E,OACE,kBAAC,QAAD;EACE,aAAU;EACV,WAAW0B,EACT,oRACAC,CACF;EACA,GAAI3B;CACL,CAAA;AAEL;AAEA,SAASrE,EAAa,EACpB,cACA,GAAGqE,KACkC;CACrC,OACE,kBAAClB,GAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW4C,EAAG,wCAAwCC,CAAS;EAC/D,GAAI3B;CACL,CAAA;AAEL;AAEA,SAASpE,EAAc,EAAE,cAAW,GAAGoE,KAAsC;CAC3E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW0B,EAAG,4BAA4BC,CAAS;EACnD,GAAI3B;CACL,CAAA;AAEL;AAEA,SAASnE,EAAc,EAAE,cAAW,GAAGmE,KAAsC;CAC3E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW0B,EAAG,2BAA2BC,CAAS;EAClD,GAAI3B;CACL,CAAA;AAEL;AAEA,SAASlE,EAAiB,EACxB,cACA,GAAGkE,KACsC;CACzC,OACE,kBAACzB,GAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAWmD,EAAG,wCAAwCC,CAAS;EAC/D,GAAI3B;CACL,CAAA;AAEL;AAEA,SAASjE,EAAe,EAAE,cAAW,GAAGiE,KAAsC;CAC5E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW0B,EACT,yGACAC,CACF;EACA,GAAI3B;CACL,CAAA;AAEL;AAEA,SAAShE,EAAa,EAAE,cAAW,GAAGgE,KAAsC;CAC1E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW0B,EACT,6CACAC,CACF;EACA,GAAI3B;CACL,CAAA;AAEL;AAEA,SAAS/D,EAAkB,EACzB,cACA,WACA,GAAG+D,KAC6D;CAChE,OAAOwB,EAAU;EACf,gBAAgB;EAChB,OAAOgB,EACL,EACE,WAAWd,EACT,wTACAC,CACF,EACF,GACA3B,CACF;EACA;EACA,OAAO;GACL,MAAM;GACN,SAAS;EACX;CACF,CAAC;AACH;AAEA,SAAS9D,EAAmB,EAC1B,cACA,WACA,GAAG8D,KACmE;CACtE,OAAOwB,EAAU;EACf,gBAAgB;EAChB,OAAOgB,EACL,EACE,WAAWd,EACT,iXACAC,CACF,EACF,GACA3B,CACF;EACA;EACA,OAAO;GACL,MAAM;GACN,SAAS;EACX;CACF,CAAC;AACH;AAEA,SAAS7D,EAAoB,EAC3B,cACA,GAAG6D,KAC2B;CAC9B,OACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW0B,EAAG,kBAAkBC,CAAS;EACzC,GAAI3B;CACL,CAAA;AAEL;AAEA,SAAS5D,EAAY,EAAE,cAAW,GAAG4D,KAAqC;CACxE,OACE,kBAAC,MAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW0B,EAAG,sCAAsCC,CAAS;EAC7D,GAAI3B;CACL,CAAA;AAEL;AAEA,SAAS3D,EAAgB,EAAE,cAAW,GAAG2D,KAAqC;CAC5E,OACE,kBAAC,MAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW0B,EAAG,4BAA4BC,CAAS;EACnD,GAAI3B;CACL,CAAA;AAEL;AAEA,IAAM6C,IAA4BC,EAChC,kyBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;EACX;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,SAASxG,EAAkB,EACzB,WACA,cAAW,IACX,aAAU,WACV,UAAO,WACP,YACA,cACA,GAAG0D,KAKiD;CACpD,IAAM,EAAE,aAAU,aAAUN,EAAW,GAIjCsD,IAAgBC,IAClBC,IACE,kBAACzE,GAAD,EAAwB,UAAS,CAAA,IACjCA,IACF,KAAA,GAEE0E,IAAO3B,EAAU;EACrB,gBAAgB;EAChB,OAAOgB,EACL,EACE,WAAWd,EAAGmB,EAA0B;GAAE;GAAS;EAAK,CAAC,GAAGlB,CAAS,EACvE,GACA3B,CACF;EACA,QAAQiD,IAAUD,IAAgBE;EAClC,OAAO;GACL,MAAM;GACN,SAAS;GACT;GACA,QAAQE;EACV;CACF,CAAC;CAYD,OAVKH,KAID,OAAOA,KAAY,aACrB,IAAU,EACR,UAAUA,EACZ,IAIA,kBAACI,GAAD;EAAS,UAAU/B,MAAU,eAAeb;EAA5C,UAAA,CACG0C,GACD,kBAAC3E,GAAD;GACE,MAAK;GACL,OAAM;GACN,GAAIyE;EACL,CAAA,CACM;OAjBFE;AAmBX;AAEA,SAAS5G,EAAkB,EACzB,cACA,WACA,iBAAc,IACd,GAAGyD,KAIA;CACH,OAAOwB,EAAU;EACf,gBAAgB;EAChB,OAAOgB,EACL,EACE,WAAWd,EACT,kiBACA6B,KACE,6KACF5B,CACF,EACF,GACA3B,CACF;EACA;EACA,OAAO;GACL,MAAM;GACN,SAAS;EACX;CACF,CAAC;AACH;AAEA,SAASxD,EAAiB,EACxB,cACA,GAAGwD,KAC2B;CAC9B,OACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW0B,EACT,icACAC,CACF;EACA,GAAI3B;CACL,CAAA;AAEL;AAwCA,SAASvD,EAAe,EAAE,cAAW,GAAGuD,KAAqC;CAC3E,OACE,kBAAC,MAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW0B,EAAG,uJAAuJC,CAAS;EAC9K,GAAI3B;CACL,CAAA;AAEL;AAEA,SAAStD,EAAmB,EAC1B,cACA,GAAGsD,KAC0B;CAC7B,OACE,kBAAC,MAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW0B,EAAG,gCAAgCC,CAAS;EACvD,GAAI3B;CACL,CAAA;AAEL;AAEA,SAASrD,GAAqB,EAC5B,WACA,UAAO,MACP,cAAW,IACX,cACA,GAAGqD,KAKA;CACH,OAAOwB,EAAU;EACf,gBAAgB;EAChB,OAAOgB,EACL,EACE,WAAWd,EACT,6oBACAC,CACF,EACF,GACA3B,CACF;EACA;EACA,OAAO;GACL,MAAM;GACN,SAAS;GACT;GACA,QAAQoD;EACV;CACF,CAAC;AACH;;;ACppBA,IAAaQ,IAAwC;CACpD,aAAa;CACb,mBAAmB;AACpB,GA8FMC,KACL,wUAEKC,KACL,0TAIKC,IAA4BnH,EAAM,cAA8C,KAAA,CAAS,GACzFoH,IAA4BhF,GAE5BiF,IACL;AAED,SAASC,EAAsB,GAA2B;CAQzD,OAPI,OAAOC,KAAa,YAAY,OAAOA,KAAa,YAAY,OAAOA,KAAa,WAEtF,kBAACzF,GAAD;EAAM,KAAI;EAAO,MAAK;EAAU,QAAO;EAAS,YAAW;EAAQ,WAAU;EAC3E;CACI,CAAA,IAGDyF;AACR;AAEA,SAASC,EAAyB,GAA2B;CAa5D,OAZI,OAAOD,KAAa,YAAY,OAAOA,KAAa,YAAY,OAAOA,KAAa,WAEtF,kBAACzF,GAAD;EACC,KAAI;EACJ,MAAK;EACL,YAAW;EACX,WAAU;EAET;CACI,CAAA,IAGDyF;AACR;AAEA,SAASE,GAA4B,GAA4C;CAOhF,OANKpB,MAED,OAAOA,KAAY,WACf,EAAE,UAAUmB,EAAyBnB,CAAO,EAAE,IAG/C;EACN,GAAGA;EACH,UAAUmB,EAAyBnB,EAAQ,QAAQ;CACpD;AACD;AAEA,SAASqB,GAAgC,GAAsC;CAO9E,OANIC,MAAS,OACL,8DAEJA,MAAS,OACL,8DAED;AACR;AAEA,SAASC,GAAgB,EAAE,cAAW,UAAO,gBAAa,GAAGxE,KAA+B;CAC3F,OACC,kBAAC+D,EAA0B,UAA3B;EAAoC,OAAOU;EAC1C,UAAA,kBAAC5H,GAAD;GACC,WAAW6E,EAAG,kDAAkDC,CAAS;GACzE,OAAO;IACN,mBAAmB;IACnB,wBAAwB;IACxB,GAAGF;GACJ;GACA,GAAIzB;EACJ,CAAA;CACkC,CAAA;AAEtC;AAGA,SAAS0E,GAAQ,EAChB,UAAO,QACP,aAAU,WACV,iBAAc,aACd,eAAY,IACZ,cACA,qBACA,kBACA,aACA,QACA,SAASC,GACT,GAAG3E,KACa;CAChB,IAAM,EAAE,aAAU,UAAO,eAAY,qBAAkBlD,EAAoB,GACrE8H,IAAUC,EAAWjB,GAAuBe,CAAW;CA8F7D,OA5FIG,MAAgB,SAElB,kBAAC,OAAD;EACC,aAAU;EACL;EACL,WAAWpD,EACV,qHACAqD,GACAC,GACArD,CACD;EACA,GAAI3B;EAEH;CACG,CAAA,IAIHS,IAEF,kBAACnC,GAAD;EAAO,MAAMoC;EAAY,cAAcC;EACtC,UAAA,kBAACsE,GAAD;GACM;GACL,gBAAa;GACb,aAAU;GACV,eAAY;GACZ,WAAWvD,EACV,sHACAqD,GACApD,GACAqD,CACD;GACA,OAAO,EAAE,mBAAmB,iCAAiC;GACvD;GACN,GAAIhF;GAbL,UAAA,CAeC,kBAAC3B,GAAD;IAAa,WAAU;IAAvB,UAAA,CACC,kBAACD,GAAD,EAAA,UAAawG,EAAQ,YAAwB,CAAA,GAC7C,kBAACzG,GAAD,EAAA,UAAmByG,EAAQ,kBAAoC,CAAA,CACnD;GACb,CAAA,GAAA,kBAAC,OAAD;IAAK,WAAU;IAAgD;GAAc,CAAA,CAChE;;CACR,CAAA,IAILM,IAEF,kBAAC,OAAD;EACC,WAAWxD,EACV,yLACA,oCACAyD,MAAY,cAAcA,MAAY,UACnC,wDACA,oDACHH,CACD;EACA,cAAY1D;EACZ,oBAAkBA,MAAU,cAAcwD,IAAc;EACxD,gBAAcK;EACd,aAAWC;EACX,aAAU;EACL;EAEL,UAAA,kBAAC,OAAD;GACC,WAAW1D,EACV,2HACA0D,MAAS,SACN,gEACA,+DACHD,MAAY,cAAcA,MAAY,UACnCzD,EAAG,2BAA2BuC,CAAgC,IAC9D,0DACHtC,CACD;GACA,GAAI3B;GAEJ,UAAA,kBAAC,OAAD;IACC,gBAAa;IACb,aAAU;IACV,WAAW0B,EACV,sOACAqD,CACD;IAEC;GACG,CAAA;EACD,CAAA;CACD,CAAA,IAKN,kBAAC,OAAD;EACC,WAAWrD,EAAG,4FAA4FsD,CAAa;EACvH,cAAY1D;EACZ,oBAAkBA,MAAU,cAAcwD,IAAc;EACxD,gBAAcK;EACd,aAAWC;EACX,aAAU;EACL;EAPN,UAAA,CASC,kBAAC,OAAD;GACC,aAAU;GACV,WAAW1D,EACV,2FACA,0CACA,sCACAyD,MAAY,cAAcA,MAAY,UACnClB,IACA,wDACJ;EACA,CAAA,GACD,kBAAC,OAAD;GACC,aAAU;GACV,aAAWmB;GACX,WAAW1D,EACV,8VACAyD,MAAY,cAAcA,MAAY,UACnCzD,EAAG,cAAcuC,CAAgC,IACjD,yIACHtC,CACD;GACA,GAAI3B;GAEJ,UAAA,kBAAC,OAAD;IACC,gBAAa;IACb,aAAU;IACV,WAAW0B,EACV,sOACAqD,CACD;IAEC;GACG,CAAA;EACD,CAAA,CACD;;AAEP;AAEA,SAASM,GAAc,EAAE,cAAW,GAAGrF,KAA6B;CACnE,OAAO,kBAACjD,GAAD;EAAwB,WAAW2E,EAAG,sEAAsEC,CAAS;EAAG,GAAI3B;CAAQ,CAAA;AAC5I;AAEA,SAASsF,GAAc,EAAE,cAAW,GAAGtF,KAA6B;CACnE,OAAO,kBAAChD,GAAD;EAAwB,WAAW0E,EAAG,uDAAuDC,CAAS;EAAG,GAAI3B;CAAQ,CAAA;AAC7H;AAEA,SAASuF,GAAe,EAAE,cAAW,GAAGvF,KAA8B;CACrE,OAAO,kBAAC/C,GAAD;EAAyB,WAAWyE,EAAG,qEAAqEC,CAAS;EAAG,GAAI3B;CAAQ,CAAA;AAC5I;AAEA,SAASwF,GAAa,EAAE,cAAW,GAAGxF,KAA4B;CACjE,OAAO,kBAAC9C,GAAD;EAAuB,WAAWwE,EAAG,uDAAuDC,CAAS;EAAG,GAAI3B;CAAQ,CAAA;AAC5H;AAEA,SAASyF,GAAoB,EAAE,cAAW,GAAGzF,KAAmC;CAC/E,OAAO,kBAAC7C,GAAD;EAA8B,WAAWuE,EAAG,oCAAoCC,CAAS;EAAG,GAAI3B;CAAQ,CAAA;AAChH;AAEA,SAAS0F,GAAmB,EAAE,cAAW,GAAG1F,KAAkC;CAC7E,OAAO,kBAAC5C,GAAD;EAA6B,WAAWsE,EAAG,+DAA+DC,CAAS;EAAG,GAAI3B;CAAQ,CAAA;AAC1I;AAEA,SAAS2F,GAAa,EAAE,cAAW,GAAG3F,KAA4B;CACjE,OAAO,kBAAC3C,GAAD;EAAuB,WAAWqE,EAAG,gEAAgEC,CAAS;EAAG,GAAI3B;CAAQ,CAAA;AACrI;AAEA,SAAS4F,GAAiB,EAAE,cAAW,GAAG5F,KAAgC;CACzE,OAAO,kBAAC1C,GAAD;EAA2B,WAAWoE,EAAG,4CAA4CC,CAAS;EAAG,GAAI3B;CAAQ,CAAA;AACrH;AAEA,SAAS6F,GAAY,EAAE,cAAW,gBAAa,GAAG7F,KAA2B;CAC5E,IAAM8F,IAAmBlJ,EAAM,WAAWmH,CAAyB,GAC7DgC,IAAUtB,KAAeqB,GACzBE,IAAShC,EAA0B+B,KAAW;CACpD,OACC,kBAAChC,EAA0B,UAA3B;EAAoC,OAAOgC;EAC1C,UAAA,kBAACxI,GAAD;GAAsB,WAAWmE,EAAG,2BAA2BsE,EAAO,KAAKrE,CAAS;GAAG,GAAI3B;EAAQ,CAAA;CAChE,CAAA;AAEtC;AAEA,SAASiG,GAAgB,EAAE,cAAW,GAAGjG,KAA+B;CACvE,OAAO,kBAACxC,GAAD;EAA0B,WAAWkE,EAAG,gCAAgCC,CAAS;EAAG,GAAI3B;CAAQ,CAAA;AACxG;AAEA,SAASkG,GAAkB,EAAE,cAAW,GAAGlG,KAAiC;CAC3E,IAAM+F,IAAUnJ,EAAM,WAAWmH,CAAyB,KAAK;CAC/D,OAAO,kBAACtG,GAAD;EAA4B,WAAWiE,EAC7C,2NACAqE,MAAY,gBACT,8EACA,6EACHpE,CACD;EAAG,GAAI3B;CAAQ,CAAA;AAChB;AAGA,SAASmG,GAAiB,EAAE,cAAW,YAAS,IAAO,UAAO,MAAM,aAAU,GAAGnG,KAAgC;CAChH,IAAMoG,IAAU,OAAOjC,KAAa,YAAY,OAAOA,KAAa,YAAY,OAAOA,KAAa,WAElG,kBAACzF,GAAD;EAAM,KAAI;EAAO,MAAK;EAAM,QAAO;EAAW,YAAW;EAAO,WAAU;EACxE;CACI,CAAA,IAELyF;CAEH,OACC,kBAACzG,GAAD;EACC,WAAWgE,EACV,kEACA6C,MAAS,OAAO,gBAAgBA,MAAS,OAAO,gBAAgB,eAChE8B,IACG,iCACA,mJACH1E,CACD;EACA,GAAI3B;EAEH,UAAAoG;CACyB,CAAA;AAE7B;AAGA,SAASE,GAAoB,EAAE,cAAW,cAAW,IAAO,UAAO,UAAO,GAAGtG,KAAmC;CAC/G,IAAMuG,IAAgBC,KAAS;CAE/B,OACC,kBAAC,OAAD;EACC,aAAU;EACV,gBAAa;EACb,WAAW9E,EACV,yGACAC,CACD;EACO;EACP,GAAI3B;EARL,UAAA,CAUEyG,IACA,kBAAC5H,GAAD;GACC,WAAU;GACV,gBAAa;EACb,CAAA,IACE,MACJ,kBAACA,GAAD;GACC,WAAU;GACV,gBAAa;GACb,OAAO,EAAE,UAAU0H,EAAc;EACjC,CAAA,CACG;;AAEP;AAEA,SAASG,EAAe,EAAE,cAAW,GAAG1G,KAA8B;CACrE,IAAM+F,IAAUnJ,EAAM,WAAWmH,CAAyB,KAAK;CAC/D,OAAO,kBAACpG,GAAD;EAAyB,WAAW+D,EAAG,0EAA0ExC,GAA6B8E,EAA0B+B,EAAQ,CAAC,UAAUpE,CAAS;EAAG,GAAI3B;CAAQ,CAAA;AAC3N;AAEA,SAAS2G,GAAmB,EAAE,cAAW,GAAG3G,KAAkC;CAC7E,OAAO,kBAACpC,GAAD;EAA6B,WAAW8D,EAAG,oCAAoCC,CAAS;EAAG,GAAI3B;CAAQ,CAAA;AAC/G;AAEA,SAAS4G,GAAa,EAAE,cAAW,GAAG5G,KAA4B;CACjE,OAAO,kBAACnC,IAAD;EAAuB,WAAW6D,EAAG,4BAA4BC,CAAS;EAAG,GAAI3B;CAAQ,CAAA;AACjG;AAEA,SAAS6G,GAAY,EAAE,cAAW,GAAG7G,KAA2B;CAC/D,OAAO,kBAAClC,IAAD;EAAsB,WAAW4D,EAAG,2BAA2BC,CAAS;EAAG,GAAI3B;CAAQ,CAAA;AAC/F;AAEA,SAAS8G,GAAe,EAAE,cAAW,GAAG9G,KAA8B;CACrE,OAAO,kBAACjC,IAAD;EAAyB,WAAW2D,EAAG,mEAAmEC,CAAS;EAAG,GAAI3B;CAAQ,CAAA;AAC1I;AAEA,SAAS+G,GAAkB,EAC1B,cACA,WACA,SACA,YACA,aACA,YAAS,IACT,GAAG/G,KACuB;CAC1B,IAAMgH,IAAmB/D,KAAW,CAACC,IAClC,kBAAC,UAAD,EAAQ,MAAK,SAAU,CAAA,IACvBA,GACG+D,IAAoB5C,GAA4BpB,CAAO,GACvD8C,IAAUnJ,EAAM,WAAWmH,CAAyB,GACpDmD,IAAe3C,MAASwB,IAAU/B,EAA0B+B,EAAQ,CAAC,OAAO,OAC5EoB,IAAgBD,MAAiB,OAAO,YAAYA;CAE1D,OACC,kBAAClJ,GAAD;EACC,WAAW0D,EACV,0HACAzC,GACA,kLACAqF,GAAgC4C,CAAY,GAC5CrD,IACAlC,CACD;EACA,QAAQqF;EACR,MAAMG;EACN,SAASF;EACT,UAAUG;EACV,GAAIpH;EAEH,UAAAkE,EAAsBC,CAAQ;CACJ,CAAA;AAE9B;AAEA,SAASkD,GAAqB,EAC7B,cACA,aACA,YAAS,IACT,GAAGrH,KAC0B;CAC7B,IAAM+F,IAAUnJ,EAAM,WAAWmH,CAAyB,KAAK;CAC/D,OACC,kBAAC9F,IAAD;EACC,WAAWyD,EACV,8LACAzC,GACA+E,EAA0B+B,EAAQ,CAAC,aACnCjC,IACAnC,CACD;EACA,UAAUyF;EACV,GAAIpH;EAEH,UAAAkE,EAAsBC,CAAQ;CACD,CAAA;AAEjC;AAEA,SAASmD,GAAkB,EAC1B,cACA,aACA,GAAGtH,KACuB;CAC1B,IAAMoG,IACL,OAAOjC,KAAa,YAAY,OAAOA,KAAa,YAAY,OAAOA,KAAa,WACjF,kBAACxF,GAAD,EAAe,YAAuB,CAAA,IACtCwF;CAEJ,OACC,kBAACjG,GAAD;EACC,WAAWwD,EAAG,8GAA8GC,CAAS;EACrI,GAAI3B;EAEH,UAAAoG;CAC0B,CAAA;AAE9B;AA6BA,IAAamB,KAAwBzK;AAGrC,SAAgB0K,KAA4B;CAC3C,OAAO5K,EAAM,WAAWmH,CAAyB;AAClD"}

package/dist/skeleton-BvRhK8y-.js

@@ -0,0 +1,264 @@
+"use client";
+import { t as e } from "./utils-C2EKeIw3.js";
+import { t } from "./smart-card-B5FcKODh.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/ui/skeleton.tsx
+function a({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "skeleton",
+		className: e("bg-muted rounded-md animate-pulse", t),
+		...n
+	});
+}
+//#endregion
+//#region src/components/base/skeleton/skeleton.tsx
+var o = [
+	"w-full",
+	"w-11/12",
+	"w-10/12",
+	"w-9/12",
+	"w-8/12",
+	"w-7/12"
+], s = [
+	"w-24",
+	"w-36",
+	"w-28",
+	"w-20",
+	"w-32",
+	"w-16"
+], c = (e, t, n = 12, r = !1) => Number.isFinite(e) ? Math.max(+!r, Math.min(Math.floor(e ?? t), n)) : t, l = (e, t) => t?.[e % t.length] ?? o[e % o.length], u = (e) => e["aria-label"] || e["aria-labelledby"] ? void 0 : !0;
+function d({ className: n, contentClassName: i, children: a }) {
+	return /* @__PURE__ */ r(t, {
+		surface: "framed",
+		className: n,
+		contentClassName: e("skeleton-frame--content min-w-0", i),
+		children: a
+	});
+}
+function f({ description: t = !0, action: n = !0, className: a }) {
+	return /* @__PURE__ */ i("div", {
+		className: e("flex min-w-0 items-start justify-between gap-space-md", a),
+		children: [/* @__PURE__ */ i("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-space-sm",
+			children: [/* @__PURE__ */ r(v, { className: "h-4 w-36 max-w-full" }), !!t && /* @__PURE__ */ r(v, { className: "h-3 w-56 max-w-full" })]
+		}), !!n && /* @__PURE__ */ r(v, { className: "h-action-sm w-20 shrink-0" })]
+	});
+}
+function p({ index: t }) {
+	return /* @__PURE__ */ i(d, {
+		contentClassName: "flex min-w-0 flex-col gap-space-md",
+		children: [/* @__PURE__ */ i("div", {
+			className: "flex items-start justify-between gap-space-md",
+			children: [/* @__PURE__ */ i("div", {
+				className: "flex min-w-0 flex-col gap-space-sm",
+				children: [/* @__PURE__ */ r(v, { className: e("h-3 w-20", t % 2 == 0 && "w-24") }), /* @__PURE__ */ r(v, { className: e("h-5 w-24", t % 3 == 0 && "w-28") })]
+			}), /* @__PURE__ */ r(v, { className: "size-8 rounded-radius-md" })]
+		}), /* @__PURE__ */ i("div", {
+			className: "flex items-center gap-space-sm",
+			children: [/* @__PURE__ */ r(v, { className: "h-5 w-16" }), /* @__PURE__ */ r(v, { className: "h-3 w-24" })]
+		})]
+	});
+}
+function m({ index: t }) {
+	return /* @__PURE__ */ i("div", {
+		className: "flex min-w-0 flex-col gap-space-xs",
+		children: [/* @__PURE__ */ r(v, { className: e("h-3 w-20", t % 2 == 0 && "w-24") }), /* @__PURE__ */ r(v, { className: e("h-4 w-36 max-w-full", t % 3 == 0 && "w-44") })]
+	});
+}
+function h({ lines: e = 4, dense: t = !1 }) {
+	let n = c(e, 4, 8);
+	return /* @__PURE__ */ i(d, {
+		contentClassName: "flex min-w-0 flex-col gap-space-lg",
+		children: [/* @__PURE__ */ r(f, {
+			description: !t,
+			action: !t
+		}), /* @__PURE__ */ r("div", {
+			className: "grid min-w-0 gap-space-md sm:grid-cols-2",
+			children: Array.from({ length: n }, (e, t) => /* @__PURE__ */ r(m, { index: t }, `detail-row-${String(t)}`))
+		})]
+	});
+}
+function g({ lines: t = 3 }) {
+	let n = c(t, 3, 5);
+	return /* @__PURE__ */ i(d, {
+		contentClassName: "flex min-w-0 flex-col gap-space-md",
+		children: [/* @__PURE__ */ r(f, {
+			description: !1,
+			action: !1
+		}), /* @__PURE__ */ r("div", {
+			className: "grid min-w-0 gap-space-sm",
+			children: Array.from({ length: n }, (t, n) => /* @__PURE__ */ i("div", {
+				className: "flex min-w-0 items-center justify-between gap-space-md",
+				children: [/* @__PURE__ */ r(v, { className: e("h-3 w-20", n % 2 == 0 && "w-24") }), /* @__PURE__ */ r(v, { className: e("h-4 w-16", n % 3 == 0 && "w-20") })]
+			}, `sidebar-line-${String(n)}`))
+		})]
+	});
+}
+function _({ row: t }) {
+	return /* @__PURE__ */ i("div", {
+		className: "flex min-w-0 items-center gap-space-sm",
+		children: [/* @__PURE__ */ r(v, { className: "size-avatar rounded-full shrink-0" }), /* @__PURE__ */ i("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-space-xs",
+			children: [/* @__PURE__ */ r(v, { className: e("h-4 w-32 max-w-full", t % 2 == 0 && "w-40") }), /* @__PURE__ */ r(v, { className: "h-3 w-24 max-w-full" })]
+		})]
+	});
+}
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ r(a, {
+		"aria-hidden": u(n),
+		className: e("skeleton--component max-w-full rounded-radius-sm motion-reduce:animate-none", t),
+		...n
+	});
+}
+v.displayName = "Skeleton";
+var y = n.forwardRef(function({ lines: t = 3, avatar: n = !1, action: a = !1, lineWidths: o, className: s, ...d }, f) {
+	let p = c(t, 3);
+	return /* @__PURE__ */ i("div", {
+		ref: f,
+		"aria-hidden": u(d),
+		className: e("content-skeleton--component", "flex w-full min-w-0 items-start gap-space-md", s),
+		...d,
+		children: [
+			!!n && /* @__PURE__ */ r(v, { className: "size-avatar rounded-full shrink-0" }),
+			/* @__PURE__ */ r("div", {
+				className: "content-skeleton--body flex min-w-0 flex-1 flex-col gap-space-sm",
+				children: Array.from({ length: p }, (t, n) => /* @__PURE__ */ r(v, { className: e("content-skeleton--line h-4", l(n, o)) }, `content-line-${String(n)}`))
+			}),
+			!!a && /* @__PURE__ */ r(v, { className: "content-skeleton--action h-action-sm w-16 shrink-0" })
+		]
+	});
+});
+y.displayName = "ContentSkeleton";
+var b = n.forwardRef(function({ stats: t = 3, sections: n = 2, sectionLines: a = 4, tabs: o = !0, actions: s = 2, className: l, children: d, ...f }, m) {
+	let g = c(t, 3, 6, !0), _ = c(n, 2, 6, !0), y = c(s, 2, 4, !0);
+	return /* @__PURE__ */ i("div", {
+		ref: m,
+		"aria-hidden": u(f),
+		className: e("page-skeleton--component flex w-full min-w-0 flex-col gap-space-2xl", l),
+		...f,
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "page-skeleton--header flex min-w-0 flex-col gap-space-lg md:flex-row md:items-start md:justify-between",
+				children: [/* @__PURE__ */ i("div", {
+					className: "flex min-w-0 flex-1 items-start gap-space-md",
+					children: [/* @__PURE__ */ r(v, { className: "size-avatar-lg rounded-full shrink-0" }), /* @__PURE__ */ i("div", {
+						className: "flex min-w-0 flex-1 flex-col gap-space-sm",
+						children: [
+							/* @__PURE__ */ r(v, { className: "h-5 w-56 max-w-full" }),
+							/* @__PURE__ */ r(v, { className: "h-4 w-80 max-w-full" }),
+							/* @__PURE__ */ i("div", {
+								className: "flex flex-wrap gap-space-sm pt-space-2xs",
+								children: [
+									/* @__PURE__ */ r(v, { className: "h-6 w-16" }),
+									/* @__PURE__ */ r(v, { className: "h-6 w-20" }),
+									/* @__PURE__ */ r(v, { className: "h-6 w-14" })
+								]
+							})
+						]
+					})]
+				}), /* @__PURE__ */ r("div", {
+					className: "flex min-w-0 flex-wrap items-center gap-space-sm",
+					children: Array.from({ length: y }, (t, n) => /* @__PURE__ */ r(v, { className: e("h-action-sm", n === 0 ? "w-24" : "size-action-sm") }, `page-action-${String(n)}`))
+				})]
+			}),
+			!!o && /* @__PURE__ */ i("div", {
+				className: "page-skeleton--tabs flex min-w-0 flex-wrap gap-space-sm rounded-radius border border-border/70 bg-card p-surface-xs",
+				children: [
+					/* @__PURE__ */ r(v, { className: "h-action-sm w-32" }),
+					/* @__PURE__ */ r(v, { className: "h-action-sm w-28" }),
+					/* @__PURE__ */ r(v, { className: "h-action-sm w-36" })
+				]
+			}),
+			g > 0 && /* @__PURE__ */ r("div", {
+				className: "page-skeleton--stats grid min-w-0 gap-space-lg sm:grid-cols-2 lg:grid-cols-3",
+				children: Array.from({ length: g }, (e, t) => /* @__PURE__ */ r(p, { index: t }, `page-stat-${String(t)}`))
+			}),
+			_ > 0 && /* @__PURE__ */ r("div", {
+				className: "page-skeleton--sections grid min-w-0 gap-space-lg",
+				children: Array.from({ length: _ }, (e, t) => /* @__PURE__ */ r(h, { lines: a }, `page-section-${String(t)}`))
+			}),
+			d
+		]
+	});
+});
+b.displayName = "PageSkeleton";
+var x = n.forwardRef(function({ mainSections: t = 2, sidebarSections: n = 3, mainLines: a = 5, sidebarLines: o = 3, className: s, ...l }, u) {
+	let d = c(t, 2, 5), f = c(n, 3, 5);
+	return /* @__PURE__ */ r(b, {
+		ref: u,
+		stats: 0,
+		sections: 0,
+		tabs: !1,
+		className: e("two-column-page-skeleton--component", s),
+		...l,
+		children: /* @__PURE__ */ i("div", {
+			className: "two-column-page-skeleton--layout grid min-w-0 gap-space-lg lg:grid-cols-3",
+			children: [/* @__PURE__ */ r("div", {
+				className: "two-column-page-skeleton--main grid min-w-0 gap-space-lg lg:col-span-2",
+				children: Array.from({ length: d }, (e, t) => /* @__PURE__ */ r(h, { lines: a }, `two-column-main-${String(t)}`))
+			}), /* @__PURE__ */ r("div", {
+				className: "two-column-page-skeleton--sidebar grid min-w-0 gap-space-lg self-start",
+				children: Array.from({ length: f }, (e, t) => /* @__PURE__ */ r(g, { lines: o }, `two-column-sidebar-${String(t)}`))
+			})]
+		})
+	});
+});
+x.displayName = "TwoColumnPageSkeleton";
+var S = n.forwardRef(function({ rows: n = 6, columns: a = 5, toolbar: o = !0, footer: l = !0, className: d, ...f }, p) {
+	let m = c(n, 6, 20), h = c(a, 5, 8), g = Array.from({ length: h }, (e, t) => t);
+	return /* @__PURE__ */ r("div", {
+		ref: p,
+		"aria-hidden": u(f),
+		className: e("table-skeleton--component", d),
+		...f,
+		children: /* @__PURE__ */ i(t, {
+			surface: "framed",
+			className: "overflow-hidden",
+			contentClassName: "p-0!",
+			children: [
+				!!o && /* @__PURE__ */ i("div", {
+					className: "table-skeleton--toolbar flex min-w-0 items-center justify-between gap-space-md border-b border-border/70 px-surface py-row-y-lg",
+					children: [/* @__PURE__ */ i("div", {
+						className: "flex min-w-0 flex-1 items-center gap-space-sm",
+						children: [/* @__PURE__ */ r(v, { className: "h-control-sm w-56 max-w-full" }), /* @__PURE__ */ r(v, { className: "hidden h-action-sm w-24 sm:block" })]
+					}), /* @__PURE__ */ i("div", {
+						className: "hidden shrink-0 items-center gap-space-sm sm:flex",
+						children: [/* @__PURE__ */ r(v, { className: "h-action-sm w-20" }), /* @__PURE__ */ r(v, { className: "size-action-sm" })]
+					})]
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "table-skeleton--scroll overflow-x-auto",
+					children: /* @__PURE__ */ i("table", {
+						className: "w-full min-w-full table-fixed border-collapse",
+						children: [/* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", {
+							className: "border-b border-border/70",
+							children: g.map((t) => /* @__PURE__ */ r("th", {
+								className: "h-control px-row-x text-left align-middle",
+								children: /* @__PURE__ */ r(v, { className: e("h-4", s[t % s.length]) })
+							}, `table-head-${String(t)}`))
+						}) }), /* @__PURE__ */ r("tbody", { children: Array.from({ length: m }, (t, n) => /* @__PURE__ */ r("tr", {
+							className: "border-b border-border/55 last:border-b-0",
+							children: g.map((t) => /* @__PURE__ */ r("td", {
+								className: "px-row-x py-row-y align-middle",
+								children: t === 0 ? /* @__PURE__ */ r(_, { row: n }) : /* @__PURE__ */ r(v, { className: e("h-4", s[(n + t) % s.length]) })
+							}, `table-cell-${String(n)}-${String(t)}`))
+						}, `table-row-${String(n)}`)) })]
+					})
+				}),
+				!!l && /* @__PURE__ */ i("div", {
+					className: "table-skeleton--footer flex flex-wrap items-center justify-between gap-space-md border-t border-border/70 px-surface py-row-y-lg",
+					children: [/* @__PURE__ */ r(v, { className: "h-4 w-32" }), /* @__PURE__ */ i("div", {
+						className: "flex items-center gap-space-sm",
+						children: [/* @__PURE__ */ r(v, { className: "h-action-sm w-20" }), /* @__PURE__ */ r(v, { className: "h-action-sm w-20" })]
+					})]
+				})
+			]
+		})
+	});
+});
+S.displayName = "TableSkeleton";
+//#endregion
+export { x as a, S as i, b as n, v as r, y as t };
+
+//# sourceMappingURL=skeleton-BvRhK8y-.js.map

package/dist/skeleton-BvRhK8y-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-BvRhK8y-.js","names":["Skeleton","PrimitiveSkeleton","React","cn","React$1","Skeleton$1","props","className","LINE_WIDTHS","TABLE_WIDTHS","clampCount","value","fallback","max","lineWidth","widths","index","skeletonAriaHidden","SkeletonFrame","Card","contentClassName","SkeletonCardHeader","Skeleton","description","action","MetricCardSkeleton","DetailRowSkeleton","DetailCardSkeleton","lineCount","lines","dense","SidebarCardSkeleton","TableResourceCellSkeleton","row","ContentSkeleton","avatar","lineWidths","PageSkeleton","statCount","stats","sectionCount","sections","actionCount","actions","tabs","sectionLines","children","TwoColumnPageSkeleton","mainCount","mainSections","sidebarCount","sidebarSections","mainLines","sidebarLines","TableSkeleton","rowCount","rows","columnCount","columns","columnIndexes","toolbar","column","footer"],"sources":["../src/components/ui/skeleton.tsx","../src/components/base/skeleton/skeleton.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\"\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn(\"bg-muted rounded-md animate-pulse\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n","import * as React from 'react';\n\nimport { Card } from '../cards/smart-card';\nimport { Skeleton as PrimitiveSkeleton } from '../../ui/skeleton';\nimport { cn } from '../../../lib/utils';\n\ntype DivProps = React.ComponentPropsWithoutRef<'div'>;\n\nconst LINE_WIDTHS = [\n\t'w-full',\n\t'w-11/12',\n\t'w-10/12',\n\t'w-9/12',\n\t'w-8/12',\n\t'w-7/12',\n] as const;\n\nconst TABLE_WIDTHS = [\n\t'w-24',\n\t'w-36',\n\t'w-28',\n\t'w-20',\n\t'w-32',\n\t'w-16',\n] as const;\n\nconst clampCount = (value: number | undefined, fallback: number, max = 12, allowZero = false) => {\n\tif (!Number.isFinite(value)) return fallback;\n\tconst count = Math.floor(value ?? fallback);\n\treturn Math.max(allowZero ? 0 : 1, Math.min(count, max));\n};\n\nconst lineWidth = (index: number, widths?: readonly string[]) =>\n\twidths?.[index % widths.length] ?? LINE_WIDTHS[index % LINE_WIDTHS.length];\n\nconst skeletonAriaHidden = (props: Pick<DivProps, 'aria-label' | 'aria-labelledby'>) =>\n\tprops['aria-label'] || props['aria-labelledby'] ? undefined : true;\n\nfunction SkeletonFrame({\n\tclassName,\n\tcontentClassName,\n\tchildren,\n}: {\n\tclassName?: string;\n\t/** Merged onto the content region. */\n\tcontentClassName?: string;\n\tchildren: React.ReactNode;\n}) {\n\treturn (\n\t\t<Card\n\t\t\tsurface=\"framed\"\n\t\t\tclassName={className}\n\t\t\tcontentClassName={cn('skeleton-frame--content min-w-0', contentClassName)}\n\t\t>\n\t\t\t{children}\n\t\t</Card>\n\t);\n}\n\nfunction SkeletonCardHeader({\n\tdescription = true,\n\taction = true,\n\tclassName,\n}: {\n\t/** Supporting copy under the title. */\n\tdescription?: boolean;\n\t/** The action this surface performs. */\n\taction?: boolean;\n\tclassName?: string;\n}) {\n\treturn (\n\t\t<div className={cn('flex min-w-0 items-start justify-between gap-space-md', className)}>\n\t\t\t<div className=\"flex min-w-0 flex-1 flex-col gap-space-sm\">\n\t\t\t\t<Skeleton className=\"h-4 w-36 max-w-full\" />\n\t\t\t\t{!!description && <Skeleton className=\"h-3 w-56 max-w-full\" />}\n\t\t\t</div>\n\t\t\t{!!action && <Skeleton className=\"h-action-sm w-20 shrink-0\" />}\n\t\t</div>\n\t);\n}\n\nfunction MetricCardSkeleton({ index }: { index: number }) {\n\treturn (\n\t\t<SkeletonFrame contentClassName=\"flex min-w-0 flex-col gap-space-md\">\n\t\t\t<div className=\"flex items-start justify-between gap-space-md\">\n\t\t\t\t<div className=\"flex min-w-0 flex-col gap-space-sm\">\n\t\t\t\t\t<Skeleton className={cn('h-3 w-20', index % 2 === 0 && 'w-24')} />\n\t\t\t\t\t<Skeleton className={cn('h-5 w-24', index % 3 === 0 && 'w-28')} />\n\t\t\t\t</div>\n\t\t\t\t<Skeleton className=\"size-8 rounded-radius-md\" />\n\t\t\t</div>\n\t\t\t<div className=\"flex items-center gap-space-sm\">\n\t\t\t\t<Skeleton className=\"h-5 w-16\" />\n\t\t\t\t<Skeleton className=\"h-3 w-24\" />\n\t\t\t</div>\n\t\t</SkeletonFrame>\n\t);\n}\n\nfunction DetailRowSkeleton({ index }: { index: number }) {\n\treturn (\n\t\t<div className=\"flex min-w-0 flex-col gap-space-xs\">\n\t\t\t<Skeleton className={cn('h-3 w-20', index % 2 === 0 && 'w-24')} />\n\t\t\t<Skeleton className={cn('h-4 w-36 max-w-full', index % 3 === 0 && 'w-44')} />\n\t\t</div>\n\t);\n}\n\nfunction DetailCardSkeleton({\n\tlines = 4,\n\tdense = false,\n}: {\n\tlines?: number;\n\tdense?: boolean;\n}) {\n\tconst lineCount = clampCount(lines, 4, 8);\n\n\treturn (\n\t\t<SkeletonFrame contentClassName=\"flex min-w-0 flex-col gap-space-lg\">\n\t\t\t<SkeletonCardHeader description={!dense} action={!dense} />\n\t\t\t<div className=\"grid min-w-0 gap-space-md sm:grid-cols-2\">\n\t\t\t\t{Array.from({ length: lineCount }, (_, index) => (\n\t\t\t\t\t<DetailRowSkeleton key={`detail-row-${String(index)}`} index={index} />\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</SkeletonFrame>\n\t);\n}\n\nfunction SidebarCardSkeleton({ lines = 3 }: { lines?: number }) {\n\tconst lineCount = clampCount(lines, 3, 5);\n\n\treturn (\n\t\t<SkeletonFrame contentClassName=\"flex min-w-0 flex-col gap-space-md\">\n\t\t\t<SkeletonCardHeader description={false} action={false} />\n\t\t\t<div className=\"grid min-w-0 gap-space-sm\">\n\t\t\t\t{Array.from({ length: lineCount }, (_, index) => (\n\t\t\t\t\t<div key={`sidebar-line-${String(index)}`} className=\"flex min-w-0 items-center justify-between gap-space-md\">\n\t\t\t\t\t\t<Skeleton className={cn('h-3 w-20', index % 2 === 0 && 'w-24')} />\n\t\t\t\t\t\t<Skeleton className={cn('h-4 w-16', index % 3 === 0 && 'w-20')} />\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</SkeletonFrame>\n\t);\n}\n\nfunction TableResourceCellSkeleton({ row }: { row: number }) {\n\treturn (\n\t\t<div className=\"flex min-w-0 items-center gap-space-sm\">\n\t\t\t<Skeleton className=\"size-avatar rounded-full shrink-0\" />\n\t\t\t<div className=\"flex min-w-0 flex-1 flex-col gap-space-xs\">\n\t\t\t\t<Skeleton className={cn('h-4 w-32 max-w-full', row % 2 === 0 && 'w-40')} />\n\t\t\t\t<Skeleton className=\"h-3 w-24 max-w-full\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport interface SkeletonProps extends React.ComponentPropsWithoutRef<typeof PrimitiveSkeleton> {}\n\nexport function Skeleton({ className, ...props }: SkeletonProps) {\n\treturn (\n\t\t<PrimitiveSkeleton\n\t\t\taria-hidden={skeletonAriaHidden(props)}\n\t\t\tclassName={cn('skeleton--component max-w-full rounded-radius-sm motion-reduce:animate-none', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nSkeleton.displayName = 'Skeleton';\n\nexport interface ContentSkeletonProps extends DivProps {\n\t/** Number of text rows rendered in the content stack. */\n\tlines?: number;\n\t/** Render an avatar/media placeholder before the text stack. */\n\tavatar?: boolean;\n\t/** Render a small action placeholder aligned to the trailing edge. */\n\taction?: boolean;\n\t/** Optional per-line width classes. Keep these as Tailwind width utilities. */\n\tlineWidths?: readonly string[];\n}\n\nexport const ContentSkeleton = React.forwardRef<HTMLDivElement, ContentSkeletonProps>(\n\tfunction ContentSkeleton({\n\t\tlines = 3,\n\t\tavatar = false,\n\t\taction = false,\n\t\tlineWidths,\n\t\tclassName,\n\t\t...props\n\t}, ref) {\n\t\tconst lineCount = clampCount(lines, 3);\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\taria-hidden={skeletonAriaHidden(props)}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'content-skeleton--component',\n\t\t\t\t\t'flex w-full min-w-0 items-start gap-space-md',\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{!!avatar && <Skeleton className=\"size-avatar rounded-full shrink-0\" />}\n\t\t\t\t<div className=\"content-skeleton--body flex min-w-0 flex-1 flex-col gap-space-sm\">\n\t\t\t\t\t{Array.from({ length: lineCount }, (_, index) => (\n\t\t\t\t\t\t<Skeleton\n\t\t\t\t\t\t\tkey={`content-line-${String(index)}`}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'content-skeleton--line h-4',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlineWidth(index, lineWidths),\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t\t{!!action && <Skeleton className=\"content-skeleton--action h-action-sm w-16 shrink-0\" />}\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nContentSkeleton.displayName = 'ContentSkeleton';\n\nexport interface PageSkeletonProps extends DivProps {\n\t/** Number of compact KPI cards below the page header. */\n\tstats?: number;\n\t/** Number of content cards below the optional stats row. */\n\tsections?: number;\n\t/** Number of skeleton lines in each content card. */\n\tsectionLines?: number;\n\t/** Render tab/filter placeholders between the header and content. */\n\ttabs?: boolean;\n\t/** Number of action button placeholders in the page header. */\n\tactions?: number;\n}\n\nexport const PageSkeleton = React.forwardRef<HTMLDivElement, PageSkeletonProps>(\n\tfunction PageSkeleton({\n\t\tstats = 3,\n\t\tsections = 2,\n\t\tsectionLines = 4,\n\t\ttabs = true,\n\t\tactions = 2,\n\t\tclassName,\n\t\tchildren,\n\t\t...props\n\t}, ref) {\n\t\tconst statCount = clampCount(stats, 3, 6, true);\n\t\tconst sectionCount = clampCount(sections, 2, 6, true);\n\t\tconst actionCount = clampCount(actions, 2, 4, true);\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\taria-hidden={skeletonAriaHidden(props)}\n\t\t\t\tclassName={cn('page-skeleton--component flex w-full min-w-0 flex-col gap-space-2xl', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div className=\"page-skeleton--header flex min-w-0 flex-col gap-space-lg md:flex-row md:items-start md:justify-between\">\n\t\t\t\t\t<div className=\"flex min-w-0 flex-1 items-start gap-space-md\">\n\t\t\t\t\t\t<Skeleton className=\"size-avatar-lg rounded-full shrink-0\" />\n\t\t\t\t\t\t<div className=\"flex min-w-0 flex-1 flex-col gap-space-sm\">\n\t\t\t\t\t\t\t<Skeleton className=\"h-5 w-56 max-w-full\" />\n\t\t\t\t\t\t\t<Skeleton className=\"h-4 w-80 max-w-full\" />\n\t\t\t\t\t\t\t<div className=\"flex flex-wrap gap-space-sm pt-space-2xs\">\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-6 w-16\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-6 w-20\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-6 w-14\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"flex min-w-0 flex-wrap items-center gap-space-sm\">\n\t\t\t\t\t\t{Array.from({ length: actionCount }, (_, index) => (\n\t\t\t\t\t\t\t<Skeleton\n\t\t\t\t\t\t\t\tkey={`page-action-${String(index)}`}\n\t\t\t\t\t\t\t\tclassName={cn('h-action-sm', index === 0 ? 'w-24' : 'size-action-sm')}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{!!tabs && (\n\t\t\t\t\t<div className=\"page-skeleton--tabs flex min-w-0 flex-wrap gap-space-sm rounded-radius border border-border/70 bg-card p-surface-xs\">\n\t\t\t\t\t\t<Skeleton className=\"h-action-sm w-32\" />\n\t\t\t\t\t\t<Skeleton className=\"h-action-sm w-28\" />\n\t\t\t\t\t\t<Skeleton className=\"h-action-sm w-36\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{statCount > 0 && (\n\t\t\t\t\t<div className=\"page-skeleton--stats grid min-w-0 gap-space-lg sm:grid-cols-2 lg:grid-cols-3\">\n\t\t\t\t\t\t{Array.from({ length: statCount }, (_, index) => (\n\t\t\t\t\t\t\t<MetricCardSkeleton key={`page-stat-${String(index)}`} index={index} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{sectionCount > 0 && (\n\t\t\t\t\t<div className=\"page-skeleton--sections grid min-w-0 gap-space-lg\">\n\t\t\t\t\t\t{Array.from({ length: sectionCount }, (_, index) => (\n\t\t\t\t\t\t\t<DetailCardSkeleton key={`page-section-${String(index)}`} lines={sectionLines} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nPageSkeleton.displayName = 'PageSkeleton';\n\nexport interface TwoColumnPageSkeletonProps extends DivProps {\n\t/** Number of primary column cards. */\n\tmainSections?: number;\n\t/** Number of secondary column cards. */\n\tsidebarSections?: number;\n\t/** Lines per primary column card. */\n\tmainLines?: number;\n\t/** Lines per secondary column card. */\n\tsidebarLines?: number;\n}\n\nexport const TwoColumnPageSkeleton = React.forwardRef<HTMLDivElement, TwoColumnPageSkeletonProps>(\n\tfunction TwoColumnPageSkeleton({\n\t\tmainSections = 2,\n\t\tsidebarSections = 3,\n\t\tmainLines = 5,\n\t\tsidebarLines = 3,\n\t\tclassName,\n\t\t...props\n\t}, ref) {\n\t\tconst mainCount = clampCount(mainSections, 2, 5);\n\t\tconst sidebarCount = clampCount(sidebarSections, 3, 5);\n\n\t\treturn (\n\t\t\t<PageSkeleton\n\t\t\t\tref={ref}\n\t\t\t\tstats={0}\n\t\t\t\tsections={0}\n\t\t\t\ttabs={false}\n\t\t\t\tclassName={cn('two-column-page-skeleton--component', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div className=\"two-column-page-skeleton--layout grid min-w-0 gap-space-lg lg:grid-cols-3\">\n\t\t\t\t\t<div className=\"two-column-page-skeleton--main grid min-w-0 gap-space-lg lg:col-span-2\">\n\t\t\t\t\t\t{Array.from({ length: mainCount }, (_, index) => (\n\t\t\t\t\t\t\t<DetailCardSkeleton key={`two-column-main-${String(index)}`} lines={mainLines} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"two-column-page-skeleton--sidebar grid min-w-0 gap-space-lg self-start\">\n\t\t\t\t\t\t{Array.from({ length: sidebarCount }, (_, index) => (\n\t\t\t\t\t\t\t<SidebarCardSkeleton key={`two-column-sidebar-${String(index)}`} lines={sidebarLines} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</PageSkeleton>\n\t\t);\n\t},\n);\n\nTwoColumnPageSkeleton.displayName = 'TwoColumnPageSkeleton';\n\nexport interface TableSkeletonProps extends DivProps {\n\trows?: number;\n\t/** How many columns the grid uses. */\n\tcolumns?: number;\n\ttoolbar?: boolean;\n\t/** Content below the body. */\n\tfooter?: boolean;\n}\n\nexport const TableSkeleton = React.forwardRef<HTMLDivElement, TableSkeletonProps>(\n\tfunction TableSkeleton({\n\t\trows = 6,\n\t\tcolumns = 5,\n\t\ttoolbar = true,\n\t\tfooter = true,\n\t\tclassName,\n\t\t...props\n\t}, ref) {\n\t\tconst rowCount = clampCount(rows, 6, 20);\n\t\tconst columnCount = clampCount(columns, 5, 8);\n\t\tconst columnIndexes = Array.from({ length: columnCount }, (_, index) => index);\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\taria-hidden={skeletonAriaHidden(props)}\n\t\t\t\tclassName={cn('table-skeleton--component', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<Card\n\t\t\t\t\tsurface=\"framed\"\n\t\t\t\t\tclassName=\"overflow-hidden\"\n\t\t\t\t\tcontentClassName=\"p-0!\"\n\t\t\t\t>\n\t\t\t\t\t{!!toolbar && (\n\t\t\t\t\t\t<div className=\"table-skeleton--toolbar flex min-w-0 items-center justify-between gap-space-md border-b border-border/70 px-surface py-row-y-lg\">\n\t\t\t\t\t\t\t<div className=\"flex min-w-0 flex-1 items-center gap-space-sm\">\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-56 max-w-full\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"hidden h-action-sm w-24 sm:block\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"hidden shrink-0 items-center gap-space-sm sm:flex\">\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-action-sm w-20\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"size-action-sm\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className=\"table-skeleton--scroll overflow-x-auto\">\n\t\t\t\t\t\t<table className=\"w-full min-w-full table-fixed border-collapse\">\n\t\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t\t\t<tr className=\"border-b border-border/70\">\n\t\t\t\t\t\t\t\t\t{columnIndexes.map((column) => (\n\t\t\t\t\t\t\t\t\t\t<th key={`table-head-${String(column)}`} className=\"h-control px-row-x text-left align-middle\">\n\t\t\t\t\t\t\t\t\t\t\t<Skeleton className={cn('h-4', TABLE_WIDTHS[column % TABLE_WIDTHS.length])} />\n\t\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t</thead>\n\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t{Array.from({ length: rowCount }, (_, row) => (\n\t\t\t\t\t\t\t\t\t<tr key={`table-row-${String(row)}`} className=\"border-b border-border/55 last:border-b-0\">\n\t\t\t\t\t\t\t\t\t\t{columnIndexes.map((column) => (\n\t\t\t\t\t\t\t\t\t\t\t<td key={`table-cell-${String(row)}-${String(column)}`} className=\"px-row-x py-row-y align-middle\">\n\t\t\t\t\t\t\t\t\t\t\t\t{column === 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<TableResourceCellSkeleton row={row} />\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Skeleton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'h-4',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tTABLE_WIDTHS[(row + column) % TABLE_WIDTHS.length],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!footer && (\n\t\t\t\t\t\t<div className=\"table-skeleton--footer flex flex-wrap items-center justify-between gap-space-md border-t border-border/70 px-surface py-row-y-lg\">\n\t\t\t\t\t\t\t<Skeleton className=\"h-4 w-32\" />\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-space-sm\">\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-action-sm w-20\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-action-sm w-20\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Card>\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nTableSkeleton.displayName = 'TableSkeleton';\n"],"mappings":"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"}

package/dist/slot-CLF9kLrS.js

@@ -0,0 +1,16 @@
+"use client";
+import * as e from "react";
+import { useRender as t } from "@base-ui/react/use-render";
+//#region src/components/ui/slot.tsx
+var n = e.forwardRef(function({ children: n, nativeButton: r, ...i }, a) {
+	return t({
+		render: e.isValidElement(n) ? n : void 0,
+		props: i,
+		ref: a,
+		enabled: e.isValidElement(n)
+	});
+});
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=slot-CLF9kLrS.js.map

package/dist/slot-CLF9kLrS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-CLF9kLrS.js","names":["React","React$1","Slot","_nativeButton","props","useRender","children"],"sources":["../src/components/ui/slot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useRender } from '@base-ui/react/use-render';\n\n/** Compatibility adapter for Themelia's single-child composition API. */\nexport const Slot = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement> & {\n\tchildren?: React.ReactNode;\n\tnativeButton?: boolean;\n}>(function Slot({ children, nativeButton: _nativeButton, ...props }, ref) {\n\tvoid _nativeButton;\n\treturn useRender({\n\t\trender: React.isValidElement(children) ? children : undefined,\n\t\tprops,\n\t\tref,\n\t\tenabled: React.isValidElement(children),\n\t});\n});\n"],"mappings":";;;;AAIA,IAAaE,IAAOF,EAAM,WAGvB,SAAc,EAAE,aAAU,cAAcG,GAAe,GAAGC,KAAS,GAAK;CAE1E,OAAOC,EAAU;EAChB,QAAQL,EAAM,eAAeM,CAAQ,IAAIA,IAAW,KAAA;EACpD;EACA;EACA,SAASN,EAAM,eAAeM,CAAQ;CACvC,CAAC;AACF,CAAC"}