4c:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4d:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4e:T105a,import * as React from "react" import { ChevronLeft, ChevronRight } from "lucide-react" import { cn } from "@/lib/utils" export type PaginationLink = { page: number children: React.ReactNode "aria-label"?: string "aria-current"?: "page" className: string } export type PaginationProps = Omit< React.HTMLAttributes, "children" | "onChange" > & { /** One-based. */ page: number pageCount: number onPageChange?: (page: number) => void /** Pages either side of the current one. Defaults to 1. */ siblingCount?: number /** Pages kept at each end. Defaults to 1. */ boundaryCount?: number label?: string /** Renders every page as your own link, for a paginated URL. */ renderLink?: (link: PaginationLink) => React.ReactNode } const GAP = "gap" /** The pages to draw, with gaps where the run is broken. */ export function paginationRange({ page, pageCount, siblingCount = 1, boundaryCount = 1, }: { page: number pageCount: number siblingCount?: number boundaryCount?: number }): (number | typeof GAP)[] { if (pageCount <= 0) return [] const all = Array.from({ length: pageCount }, (_, index) => index + 1) // Every gap costs a slot, so showing them is only worth it past this many. if (pageCount <= boundaryCount * 2 + siblingCount * 2 + 3) return all const start = Math.max( Math.min( page - siblingCount, pageCount - boundaryCount - siblingCount * 2 - 1 ), boundaryCount + 2 ) const end = Math.min( Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2), pageCount - boundaryCount - 1 ) return [ ...all.slice(0, boundaryCount), ...(start > boundaryCount + 1 ? [GAP as typeof GAP] : []), ...all.slice(start - 1, end), ...(end < pageCount - boundaryCount ? [GAP as typeof GAP] : []), ...all.slice(pageCount - boundaryCount), ] } const ITEM = "inline-flex min-h-9 min-w-9 items-center justify-center rounded-md px-2 text-sm no-underline transition-colors duration-150 motion-reduce:transition-none" const IDLE = "text-muted-foreground hover:bg-muted hover:text-foreground" const CURRENT = "border-border bg-card text-foreground border font-medium" export function Pagination({ page, pageCount, onPageChange, siblingCount = 1, boundaryCount = 1, label = "Pagination", renderLink, className, ...rootProps }: PaginationProps) { if (pageCount <= 1) return null const pages = paginationRange({ page, pageCount, siblingCount, boundaryCount, }) function item(link: PaginationLink) { if (renderLink) return renderLink(link) const { page: target, children, className: itemClass, ...rest } = link return ( ) } return (

{page > 1 && item({ page: page - 1, "aria-label": "Previous page", className: cn(ITEM, IDLE), children: , })} {pages.map((entry, index) => entry === GAP ? ( ) : ( {item({ page: entry, "aria-label": `Page ${entry}`, ...(entry === page ? { "aria-current": "page" as const } : {}), className: cn(ITEM, entry === page ? CURRENT : IDLE), children: entry, })} ) )} {page < pageCount && item({ page: page + 1, "aria-label": "Next page", className: cn(ITEM, IDLE), children:

) } 4b:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react@^1.31.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react@^1.31.0"}]]}]}]]}],["$","$L4c",null,{"namespace":"@mischief","registryDependencies":["utils"]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"registry/default/pagination/pagination.tsx","content":"$4e","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]