{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "adminlte-dropdown",
  "title": "AdminLTE Dropdown",
  "description": "Dropdown menu with trigger element, items, headers, footers, and dividers.",
  "registryDependencies": [
    "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/adminlte-theme.json"
  ],
  "files": [
    {
      "path": "registry/new-york/adminlte-dropdown/ui/adminlte-dropdown.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"@/registry/new-york/adminlte-theme/lib/cn\"\n\ninterface AdminLTEDropdownProps extends React.HTMLAttributes<HTMLDivElement> {\n  trigger: React.ReactNode\n  align?: \"left\" | \"right\"\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n}\n\nconst AdminLTEDropdown = React.forwardRef<HTMLDivElement, AdminLTEDropdownProps>(\n  (\n    {\n      className,\n      trigger,\n      align = \"left\",\n      open: controlledOpen,\n      onOpenChange,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalOpen, setInternalOpen] = React.useState(false)\n    const isOpen = controlledOpen ?? internalOpen\n    const containerRef = React.useRef<HTMLDivElement>(null)\n\n    const setOpen = React.useCallback(\n      (value: boolean) => {\n        setInternalOpen(value)\n        onOpenChange?.(value)\n      },\n      [onOpenChange]\n    )\n\n    React.useEffect(() => {\n      const handleClickOutside = (e: MouseEvent) => {\n        if (\n          containerRef.current &&\n          !containerRef.current.contains(e.target as Node)\n        ) {\n          setOpen(false)\n        }\n      }\n      if (isOpen) {\n        document.addEventListener(\"mousedown\", handleClickOutside)\n      }\n      return () => document.removeEventListener(\"mousedown\", handleClickOutside)\n    }, [isOpen, setOpen])\n\n    return (\n      <div\n        ref={(node) => {\n          ;(containerRef as React.MutableRefObject<HTMLDivElement | null>).current = node\n          if (typeof ref === \"function\") ref(node)\n          else if (ref) ref.current = node\n        }}\n        className={cn(\"relative inline-block\", isOpen && \"open\", className)}\n        {...props}\n      >\n        <div onClick={() => setOpen(!isOpen)} className=\"cursor-pointer\">\n          {trigger}\n        </div>\n        {isOpen && (\n          <ul\n            className={cn(\n              \"absolute z-[1000] min-w-[160px] py-[5px] mt-[2px] bg-white border border-solid border-[#ccc] rounded-[3px] shadow-[0_6px_12px_rgba(0,0,0,0.175)] list-none\",\n              align === \"right\" ? \"right-0\" : \"left-0\"\n            )}\n          >\n            {children}\n          </ul>\n        )}\n      </div>\n    )\n  }\n)\nAdminLTEDropdown.displayName = \"AdminLTEDropdown\"\n\ninterface DropdownItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  divider?: boolean\n  header?: boolean\n  active?: boolean\n  disabled?: boolean\n}\n\nconst DropdownItem = React.forwardRef<HTMLLIElement, DropdownItemProps>(\n  (\n    { className, divider, header, active, disabled, children, onClick, ...props },\n    ref\n  ) => {\n    if (divider) {\n      return (\n        <li\n          ref={ref}\n          className={cn(\"h-[1px] my-[9px] overflow-hidden bg-[#e5e5e5]\", className)}\n          {...props}\n        />\n      )\n    }\n\n    if (header) {\n      return (\n        <li\n          ref={ref}\n          className={cn(\n            \"px-[20px] py-[3px] text-[12px] leading-[1.42857] text-[#777]\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </li>\n      )\n    }\n\n    return (\n      <li\n        ref={ref}\n        className={cn(\n          active && \"bg-[#f5f5f5]\",\n          disabled && \"opacity-65 pointer-events-none\",\n          className\n        )}\n        {...props}\n      >\n        <a\n          className=\"block px-[20px] py-[3px] text-[14px] text-[#333] no-underline whitespace-nowrap hover:bg-[#f5f5f5] hover:text-[#262626] cursor-pointer\"\n          onClick={disabled ? undefined : onClick as React.MouseEventHandler<HTMLAnchorElement>}\n        >\n          {children}\n        </a>\n      </li>\n    )\n  }\n)\nDropdownItem.displayName = \"DropdownItem\"\n\ninterface DropdownHeaderProps extends React.LiHTMLAttributes<HTMLLIElement> {}\n\nconst DropdownHeader = React.forwardRef<HTMLLIElement, DropdownHeaderProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <li\n        ref={ref}\n        className={cn(\n          \"px-[10px] py-[10px] bg-[#ffffff] text-[14px] font-bold text-center border-b border-b-[#f4f4f4]\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </li>\n    )\n  }\n)\nDropdownHeader.displayName = \"DropdownHeader\"\n\ninterface DropdownFooterProps extends React.LiHTMLAttributes<HTMLLIElement> {}\n\nconst DropdownFooter = React.forwardRef<HTMLLIElement, DropdownFooterProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <li\n        ref={ref}\n        className={cn(\n          \"px-[10px] py-[10px] bg-[#f4f4f4] text-center border-t border-t-[#f4f4f4]\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </li>\n    )\n  }\n)\nDropdownFooter.displayName = \"DropdownFooter\"\n\nexport {\n  AdminLTEDropdown,\n  DropdownItem,\n  DropdownHeader,\n  DropdownFooter,\n}\nexport type { AdminLTEDropdownProps, DropdownItemProps }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}