{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "adminlte-modal",
  "title": "AdminLTE Modal",
  "description": "Modal dialog with colored header variants (primary/info/success/warning/danger), three sizes, and header/body/footer sections.",
  "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-button.json"
  ],
  "files": [
    {
      "path": "registry/new-york/adminlte-modal/ui/adminlte-modal.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"@/registry/new-york/adminlte-theme/lib/cn\"\n\ntype ModalVariant = \"default\" | \"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"\n\nconst modalHeaderStyles: Record<ModalVariant, string> = {\n  default: \"bg-white border-b border-b-[#e5e5e5]\",\n  primary: \"bg-[#3c8dbc] text-white border-b-0\",\n  info: \"bg-[#00c0ef] text-white border-b-0\",\n  success: \"bg-[#00a65a] text-white border-b-0\",\n  warning: \"bg-[#f39c12] text-white border-b-0\",\n  danger: \"bg-[#dd4b39] text-white border-b-0\",\n}\n\ninterface AdminLTEModalProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean\n  onClose: () => void\n  variant?: ModalVariant\n  size?: \"sm\" | \"md\" | \"lg\"\n}\n\nconst AdminLTEModal = React.forwardRef<HTMLDivElement, AdminLTEModalProps>(\n  (\n    { className, open, onClose, variant = \"default\", size = \"md\", children, ...props },\n    ref\n  ) => {\n    React.useEffect(() => {\n      const handleEsc = (e: KeyboardEvent) => {\n        if (e.key === \"Escape\") onClose()\n      }\n      if (open) {\n        document.addEventListener(\"keydown\", handleEsc)\n        document.body.style.overflow = \"hidden\"\n      }\n      return () => {\n        document.removeEventListener(\"keydown\", handleEsc)\n        document.body.style.overflow = \"\"\n      }\n    }, [open, onClose])\n\n    if (!open) return null\n\n    const sizeClass = {\n      sm: \"max-w-[300px]\",\n      md: \"max-w-[600px]\",\n      lg: \"max-w-[900px]\",\n    }[size]\n\n    return (\n      <>\n        <div\n          className=\"fixed inset-0 z-[1040] bg-black/50\"\n          onClick={onClose}\n        />\n        <div\n          ref={ref}\n          className={cn(\n            \"fixed inset-0 z-[1050] overflow-x-hidden overflow-y-auto outline-none\",\n            className\n          )}\n          onClick={(e) => {\n            if (e.target === e.currentTarget) onClose()\n          }}\n          {...props}\n        >\n          <div\n            className={cn(\n              \"relative mx-auto mt-[30px] mb-[30px] w-auto\",\n              sizeClass\n            )}\n          >\n            <div className=\"relative bg-white border border-solid border-[#999] rounded-[6px] shadow-[0_3px_9px_rgba(0,0,0,0.5)] outline-none bg-clip-padding\">\n              {children}\n            </div>\n          </div>\n        </div>\n      </>\n    )\n  }\n)\nAdminLTEModal.displayName = \"AdminLTEModal\"\n\ninterface ModalHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: ModalVariant\n  onClose?: () => void\n}\n\nconst ModalHeader = React.forwardRef<HTMLDivElement, ModalHeaderProps>(\n  ({ className, variant = \"default\", onClose, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"p-[15px] rounded-t-[6px]\",\n          modalHeaderStyles[variant],\n          className\n        )}\n        {...props}\n      >\n        {onClose && (\n          <button\n            type=\"button\"\n            className={cn(\n              \"float-right p-0 bg-transparent border-none text-[21px] font-bold leading-none cursor-pointer opacity-50 hover:opacity-100\",\n              variant === \"default\" ? \"text-black\" : \"text-white\"\n            )}\n            onClick={onClose}\n            aria-label=\"Close\"\n          >\n            &times;\n          </button>\n        )}\n        <h4 className=\"m-0 text-[18px] leading-[1.42857] font-medium\">\n          {children}\n        </h4>\n      </div>\n    )\n  }\n)\nModalHeader.displayName = \"ModalHeader\"\n\ninterface ModalBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst ModalBody = React.forwardRef<HTMLDivElement, ModalBodyProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\"relative p-[15px]\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nModalBody.displayName = \"ModalBody\"\n\ninterface ModalFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst ModalFooter = React.forwardRef<HTMLDivElement, ModalFooterProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"p-[15px] text-right border-t border-t-[#e5e5e5] rounded-b-[6px]\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nModalFooter.displayName = \"ModalFooter\"\n\nexport { AdminLTEModal, ModalHeader, ModalBody, ModalFooter }\nexport type { AdminLTEModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ModalVariant }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}