{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pagination",
  "type": "registry:ui",
  "title": "Pagination",
  "files": [
    {
      "path": "ui/pagination.tsrx",
      "type": "registry:ui",
      "target": "components/ui/pagination.tsrx",
      "content": "// Base UI base pagination — TRANSCRIBED from upstream's `bases/base-ui/ui/pagination.tsx`\n// (maintainer-supplied), class strings verbatim. There is no pagination primitive in any base;\n// the family is host elements plus button styling, and the only base-specific question is how the\n// link acquires that styling.\n//\n// THE LINK GOES THROUGH `Button`, NOT THROUGH `buttonVariants`. The radix base writes\n// `<Button asChild><a/></Button>`, where Slot is a pure prop-merger that layers no button\n// semantics onto the anchor. Base UI has no Slot, so upstream uses the `render` prop plus\n// `nativeButton={false}` — the documented escape for \"this Button is not a native `<button>`\".\n//\n// THE TWO BASES THEREFORE DIVERGE OBSERVABLY, and that is upstream's call, not a porting bug:\n// this base's links carry `role=\"button\"` and `tabindex=\"0\"` (verified by rendering) where the\n// radix base's carry neither. `nativeButton={false}` is what keeps keyboard activation working on\n// a non-button element, which is the trade upstream chose. Do not \"fix\" this toward radix by\n// dropping Button for a bare `buttonVariants()` anchor: it diverges from the source, and it also\n// drops the key handling Base UI attaches.\n//\n// Octane adaptations: lucide-react → @octanejs/lucide, and children are passed explicitly rather\n// than riding along in the props spread — React's `ComponentProps<\"a\">` carries `children`, octane\n// routes it through its own channel.\nimport { createElement, type OctaneNode } from 'octane';\nimport { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from '@octanejs/lucide';\n\nimport { cn } from '@/lib/utils';\nimport { Button, type ButtonProps } from '@/components/ui/button';\n\ntype Props = { className?: string } & Record<string, unknown>;\n\nexport function Pagination({ className, ...props }: Props) @{\n\t<nav\n\t\trole=\"navigation\"\n\t\taria-label=\"pagination\"\n\t\tdata-slot=\"pagination\"\n\t\tclassName={cn('mx-auto flex w-full justify-center', className)}\n\t\t{...props}\n\t/>\n}\n\nexport function PaginationContent({ className, ...props }: Props) @{\n\t<ul\n\t\tdata-slot=\"pagination-content\"\n\t\tclassName={cn('flex items-center gap-0.5', className)}\n\t\t{...props}\n\t/>\n}\n\nexport function PaginationItem(props: Record<string, unknown>) @{\n\t<li data-slot=\"pagination-item\" {...props} />\n}\n\nexport interface PaginationLinkProps extends Record<string, unknown> {\n\tclassName?: string;\n\tisActive?: boolean;\n\tsize?: ButtonProps['size'];\n\tchildren?: OctaneNode;\n}\n\nexport function PaginationLink({\n\tclassName,\n\tisActive,\n\tsize = 'icon',\n\tchildren,\n\t...props\n}: PaginationLinkProps) {\n\treturn createElement(Button, {\n\t\tvariant: isActive ? 'outline' : 'ghost',\n\t\tsize,\n\t\tclassName: cn(className),\n\t\tnativeButton: false,\n\t\trender: createElement('a', {\n\t\t\t'aria-current': isActive ? 'page' : undefined,\n\t\t\t'data-slot': 'pagination-link',\n\t\t\t'data-active': isActive,\n\t\t\t...props,\n\t\t\tchildren,\n\t\t}),\n\t});\n}\n\nexport function PaginationPrevious({\n\tclassName,\n\ttext = 'Previous',\n\t...props\n}: PaginationLinkProps & {\n\ttext?: string;\n}) @{\n\t<PaginationLink\n\t\taria-label=\"Go to previous page\"\n\t\tsize=\"default\"\n\t\tclassName={cn('pl-1.5!', className)}\n\t\t{...props}\n\t>\n\t\t<ChevronLeftIcon data-icon=\"inline-start\" className=\"cn-rtl-flip\" />\n\t\t<span className=\"hidden sm:block\">{text as string}</span>\n\t</PaginationLink>\n}\n\nexport function PaginationNext({ className, text = 'Next', ...props }: PaginationLinkProps & {\n\ttext?: string;\n}) @{\n\t<PaginationLink\n\t\taria-label=\"Go to next page\"\n\t\tsize=\"default\"\n\t\tclassName={cn('pr-1.5!', className)}\n\t\t{...props}\n\t>\n\t\t<span className=\"hidden sm:block\">{text as string}</span>\n\t\t<ChevronRightIcon data-icon=\"inline-end\" className=\"cn-rtl-flip\" />\n\t</PaginationLink>\n}\n\nexport function PaginationEllipsis({ className, ...props }: Props) @{\n\t<span\n\t\taria-hidden=\"true\"\n\t\tdata-slot=\"pagination-ellipsis\"\n\t\tclassName={cn(\n\t\t\t'flex size-8 items-center justify-center [&_svg:not([class*=\\'size-\\'])]:size-4',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t<MoreHorizontalIcon />\n\t\t<span className=\"sr-only\">More pages</span>\n\t</span>\n}\n"
    }
  ],
  "dependencies": [
    "@octanejs/lucide@0.1.33"
  ],
  "registryDependencies": [
    "@octane/button",
    "@octane/utils"
  ]
}