{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pagination",
  "type": "registry:ui",
  "dependencies": ["@ark-ui/react", "class-variance-authority", "lucide-react"],
  "registryDependencies": ["https://ui.shipbase.xyz/r/react/button.json"],
  "files": [
    {
      "path": "./src/components/ui/pagination.tsx",
      "content": "\"use client\"\n\nimport { type HTMLArkProps, ark } from \"@ark-ui/react/factory\"\nimport {\n  Pagination as PaginationPrimitive,\n  paginationAnatomy,\n} from \"@ark-ui/react/pagination\"\nimport type { VariantProps } from \"class-variance-authority\"\nimport { MoreHorizontal } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { buttonVariants } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\nconst parts = paginationAnatomy.extendWith(\"content\").build()\n\nconst Pagination = React.forwardRef<\n  React.ElementRef<typeof PaginationPrimitive.Root>,\n  Omit<PaginationPrimitive.RootProps, \"type\">\n>(({ className, ...props }, ref) => (\n  <PaginationPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"mx-auto flex w-full flex-row items-center justify-center gap-1\",\n      className\n    )}\n    {...props}\n  />\n))\nPagination.displayName = \"Pagination\"\n\nconst PaginationContent = React.forwardRef<\n  HTMLUListElement,\n  HTMLArkProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ark.ul\n    ref={ref}\n    {...parts.content.attrs}\n    className={cn(\"flex flex-row items-center gap-1\", className)}\n    {...props}\n  />\n))\nPaginationContent.displayName = \"PaginationContent\"\n\nconst PaginationContext = PaginationPrimitive.Context\n\nconst PaginationEllipsis = React.forwardRef<\n  React.ElementRef<typeof PaginationPrimitive.Ellipsis>,\n  PaginationPrimitive.EllipsisProps\n>(({ className, ...props }, ref) => (\n  <ark.li>\n    <PaginationPrimitive.Ellipsis\n      ref={ref}\n      aria-hidden\n      className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"h-4 w-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </PaginationPrimitive.Ellipsis>\n  </ark.li>\n))\nPaginationEllipsis.displayName = \"PaginationEllipsis\"\n\nexport interface PaginationItemProps\n  extends PaginationPrimitive.ItemProps,\n    VariantProps<typeof buttonVariants> {}\n\nconst PaginationItem = React.forwardRef<\n  React.ElementRef<typeof PaginationPrimitive.Item>,\n  PaginationItemProps\n>(({ className, variant = \"outline\", size, ...props }, ref) => (\n  <ark.li>\n    <PaginationPrimitive.Item\n      ref={ref}\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...props}\n    />\n  </ark.li>\n))\nPaginationItem.displayName = \"PaginationItem\"\n\nexport interface PaginationNextTriggerProps\n  extends PaginationPrimitive.NextTriggerProps,\n    VariantProps<typeof buttonVariants> {}\n\nconst PaginationNextTrigger = React.forwardRef<\n  React.ElementRef<typeof PaginationPrimitive.NextTrigger>,\n  PaginationNextTriggerProps\n>(({ className, variant = \"outline\", size, ...props }, ref) => (\n  <ark.li>\n    <PaginationPrimitive.NextTrigger\n      ref={ref}\n      aria-label=\"Go to next page\"\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...props}\n    />\n  </ark.li>\n))\nPaginationNextTrigger.displayName = \"PaginationNextTrigger\"\n\nexport interface PaginationPrevTriggerProps\n  extends PaginationPrimitive.PrevTriggerProps,\n    VariantProps<typeof buttonVariants> {}\n\nconst PaginationPrevTrigger = React.forwardRef<\n  React.ElementRef<typeof PaginationPrimitive.PrevTrigger>,\n  PaginationPrevTriggerProps\n>(({ className, variant = \"outline\", size, ...props }, ref) => (\n  <ark.li>\n    <PaginationPrimitive.PrevTrigger\n      ref={ref}\n      aria-label=\"Go to previous page\"\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...props}\n    />\n  </ark.li>\n))\nPaginationPrevTrigger.displayName = \"PaginationPrevTrigger\"\n\nconst PaginationRootProvider = PaginationPrimitive.RootProvider\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationContext,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationNextTrigger,\n  PaginationPrevTrigger,\n  PaginationRootProvider,\n}\n\nexport { usePagination } from \"@ark-ui/react/pagination\"\n",
      "type": "registry:ui"
    }
  ]
}