{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "adminlte-pagination",
  "title": "AdminLTE Pagination",
  "description": "Pagination component with flat variant, three sizes, and ellipsis for large page counts.",
  "registryDependencies": [
    "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/adminlte-theme.json"
  ],
  "files": [
    {
      "path": "registry/new-york/adminlte-pagination/ui/adminlte-pagination.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"@/registry/new-york/adminlte-theme/lib/cn\"\n\ninterface AdminLTEPaginationProps\n  extends React.HTMLAttributes<HTMLUListElement> {\n  currentPage: number\n  totalPages: number\n  onPageChange: (page: number) => void\n  size?: \"sm\" | \"md\" | \"lg\"\n  flat?: boolean\n}\n\nconst AdminLTEPagination = React.forwardRef<\n  HTMLUListElement,\n  AdminLTEPaginationProps\n>(\n  (\n    {\n      className,\n      currentPage,\n      totalPages,\n      onPageChange,\n      size = \"md\",\n      flat = false,\n      ...props\n    },\n    ref\n  ) => {\n    const pages = React.useMemo(() => {\n      const p: (number | \"...\")[] = []\n      if (totalPages <= 7) {\n        for (let i = 1; i <= totalPages; i++) p.push(i)\n      } else {\n        p.push(1)\n        if (currentPage > 3) p.push(\"...\")\n        for (\n          let i = Math.max(2, currentPage - 1);\n          i <= Math.min(totalPages - 1, currentPage + 1);\n          i++\n        ) {\n          p.push(i)\n        }\n        if (currentPage < totalPages - 2) p.push(\"...\")\n        p.push(totalPages)\n      }\n      return p\n    }, [currentPage, totalPages])\n\n    const sizeClass = {\n      sm: \"[&_a]:px-[10px] [&_a]:py-[5px] [&_a]:text-[12px]\",\n      md: \"\",\n      lg: \"[&_a]:px-[16px] [&_a]:py-[10px] [&_a]:text-[18px]\",\n    }[size]\n\n    return (\n      <ul\n        ref={ref}\n        className={cn(\n          \"inline-flex list-none m-0 p-0\",\n          flat && \"[&_a]:rounded-none [&_a]:border-[#00c0ef]\",\n          sizeClass,\n          className\n        )}\n        {...props}\n      >\n        <li\n          className={cn(\n            currentPage === 1 && \"opacity-50 pointer-events-none\"\n          )}\n        >\n          <a\n            className={cn(\n              \"relative block px-[12px] py-[6px] leading-[1.42857] text-[#3c8dbc] bg-white border border-solid border-[#ddd] no-underline cursor-pointer hover:bg-[#eee] hover:text-[#23527c]\",\n              \"rounded-l-[3px] -ml-[1px]\",\n              flat && \"bg-transparent border-[#00c0ef] text-[#00c0ef]\"\n            )}\n            onClick={() => onPageChange(currentPage - 1)}\n          >\n            &laquo;\n          </a>\n        </li>\n        {pages.map((page, i) => (\n          <li\n            key={i}\n            className={cn(\n              page === currentPage && \"z-[2]\",\n              page === \"...\" && \"pointer-events-none\"\n            )}\n          >\n            <a\n              className={cn(\n                \"relative block px-[12px] py-[6px] leading-[1.42857] border border-solid border-[#ddd] no-underline cursor-pointer -ml-[1px]\",\n                page === currentPage\n                  ? cn(\n                      \"text-white cursor-default\",\n                      flat\n                        ? \"bg-[#00c0ef] border-[#00c0ef]\"\n                        : \"bg-[#3c8dbc] border-[#3c8dbc]\"\n                    )\n                  : cn(\n                      \"bg-white hover:bg-[#eee]\",\n                      flat\n                        ? \"text-[#00c0ef] border-[#00c0ef] hover:text-[#00a7d0]\"\n                        : \"text-[#3c8dbc] hover:text-[#23527c]\"\n                    )\n              )}\n              onClick={() =>\n                typeof page === \"number\" && onPageChange(page)\n              }\n            >\n              {page}\n            </a>\n          </li>\n        ))}\n        <li\n          className={cn(\n            currentPage === totalPages && \"opacity-50 pointer-events-none\"\n          )}\n        >\n          <a\n            className={cn(\n              \"relative block px-[12px] py-[6px] leading-[1.42857] text-[#3c8dbc] bg-white border border-solid border-[#ddd] no-underline cursor-pointer hover:bg-[#eee] hover:text-[#23527c]\",\n              \"rounded-r-[3px] -ml-[1px]\",\n              flat && \"bg-transparent border-[#00c0ef] text-[#00c0ef]\"\n            )}\n            onClick={() => onPageChange(currentPage + 1)}\n          >\n            &raquo;\n          </a>\n        </li>\n      </ul>\n    )\n  }\n)\nAdminLTEPagination.displayName = \"AdminLTEPagination\"\n\nexport { AdminLTEPagination }\nexport type { AdminLTEPaginationProps }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}