{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sidebar-menu",
  "title": "Sidebar Menu",
  "description": "Sidebar navigation menu with treeview support, section headers, icons, badges, and accordion behavior.",
  "registryDependencies": [
    "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/adminlte-theme.json",
    "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/adminlte-badge.json",
    "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/adminlte-label.json",
    "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/use-treeview.json"
  ],
  "files": [
    {
      "path": "registry/new-york/sidebar-menu/components/sidebar-menu.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { useState, useCallback } from \"react\"\nimport { cn } from \"@/registry/new-york/adminlte-theme/lib/cn\"\n\n/* -------------------------------------------------------------------------- */\n/*  SidebarMenuHeader                                                         */\n/* -------------------------------------------------------------------------- */\n\ninterface SidebarMenuHeaderProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  children?: React.ReactNode\n}\n\nconst SidebarMenuHeader = React.forwardRef<HTMLLIElement, SidebarMenuHeaderProps>(\n  ({ className, children, ...props }, ref) => (\n    <li\n      ref={ref}\n      className={cn(\n        \"px-[15px] pr-[25px] py-[10px] text-[12px] uppercase\",\n        \"text-[var(--adminlte-skin-sidebar-color)]\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </li>\n  )\n)\nSidebarMenuHeader.displayName = \"SidebarMenuHeader\"\n\n/* -------------------------------------------------------------------------- */\n/*  Chevron icon for treeview                                                 */\n/* -------------------------------------------------------------------------- */\n\nfunction TreeviewChevron({ isOpen }: { isOpen: boolean }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn(\n        \"ml-auto h-[14px] w-[14px] shrink-0 transition-transform duration-300\",\n        isOpen && \"rotate-90\"\n      )}\n    >\n      <polyline points=\"9 18 15 12 9 6\" />\n    </svg>\n  )\n}\n\n/* -------------------------------------------------------------------------- */\n/*  SidebarMenuItem                                                           */\n/* -------------------------------------------------------------------------- */\n\ninterface SidebarMenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  label?: string\n  icon?: React.ReactNode\n  href?: string\n  active?: boolean\n  badge?: React.ReactNode\n  children?: React.ReactNode\n  isOpen?: boolean\n  onToggle?: () => void\n}\n\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, SidebarMenuItemProps>(\n  (\n    {\n      className,\n      label,\n      icon,\n      href,\n      active = false,\n      badge,\n      children,\n      isOpen: controlledIsOpen,\n      onToggle: controlledOnToggle,\n      ...props\n    },\n    ref\n  ) => {\n    const hasChildren = React.Children.count(children) > 0\n    const [internalOpen, setInternalOpen] = useState(false)\n\n    const isOpen = controlledIsOpen !== undefined ? controlledIsOpen : internalOpen\n    const handleToggle = useCallback(() => {\n      if (controlledOnToggle) {\n        controlledOnToggle()\n      } else {\n        setInternalOpen((prev) => !prev)\n      }\n    }, [controlledOnToggle])\n\n    const handleClick = useCallback(\n      (e: React.MouseEvent<HTMLAnchorElement>) => {\n        if (hasChildren) {\n          e.preventDefault()\n          handleToggle()\n        }\n      },\n      [hasChildren, handleToggle]\n    )\n\n    return (\n      <li\n        ref={ref}\n        className={cn(\"relative\", className)}\n        {...props}\n      >\n        <a\n          href={hasChildren ? \"#\" : href || \"#\"}\n          onClick={handleClick}\n          className={cn(\n            \"flex items-center py-[12px] pr-[5px] pl-[15px] no-underline transition-colors\",\n            \"text-[var(--adminlte-skin-sidebar-color,#b8c7ce)]\",\n            \"hover:bg-[var(--adminlte-skin-sidebar-hover-bg,#1e282c)] hover:text-[var(--adminlte-skin-sidebar-hover-color,#fff)]\",\n            active && [\n              \"border-l-[3px] border-[var(--adminlte-skin-sidebar-active-border,#3c8dbc)]\",\n              \"bg-[var(--adminlte-skin-sidebar-active-bg,#1a2226)]\",\n              \"pl-[12px]\",\n            ]\n          )}\n        >\n          {/* Icon */}\n          {icon && (\n            <span className=\"w-[20px] text-center mr-[5px] inline-flex items-center justify-center shrink-0\">\n              {icon}\n            </span>\n          )}\n\n          {/* Label */}\n          {label && <span>{label}</span>}\n\n          {/* Badge */}\n          {badge && <span className=\"ml-auto\">{badge}</span>}\n\n          {/* Treeview chevron */}\n          {hasChildren && <TreeviewChevron isOpen={isOpen} />}\n        </a>\n\n        {/* Submenu */}\n        {hasChildren && (\n          <ul\n            className={cn(\n              \"list-none m-0 p-0 overflow-hidden transition-[max-height] duration-500 ease-in-out\",\n              \"bg-[var(--adminlte-skin-sidebar-submenu-bg,#2c3b41)]\"\n            )}\n            style={{\n              maxHeight: isOpen ? \"1000px\" : \"0\",\n            }}\n          >\n            {children}\n          </ul>\n        )}\n      </li>\n    )\n  }\n)\nSidebarMenuItem.displayName = \"SidebarMenuItem\"\n\n/* -------------------------------------------------------------------------- */\n/*  SidebarMenu                                                               */\n/* -------------------------------------------------------------------------- */\n\ninterface SidebarMenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  children?: React.ReactNode\n}\n\nconst SidebarMenu = React.forwardRef<HTMLUListElement, SidebarMenuProps>(\n  ({ className, children, ...props }, ref) => (\n    <ul\n      ref={ref}\n      className={cn(\"list-none p-0 m-0\", className)}\n      {...props}\n    >\n      {children}\n    </ul>\n  )\n)\nSidebarMenu.displayName = \"SidebarMenu\"\n\nexport { SidebarMenu, SidebarMenuItem, SidebarMenuHeader }\nexport type { SidebarMenuProps, SidebarMenuItemProps, SidebarMenuHeaderProps }\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}