4d: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"] 4e:I[544296,["/_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"],"ItemStyles"] 4f:I[34002,["/_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"],"CodeEditor"] 50: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"] 51:T1e24,"use client"; import * as React from "react"; import { cva } from "class-variance-authority"; import { cn } from "@/lib/utils"; import { Button } from "@/components/ui/button"; import { Icon } from "@/components/ui/icon"; import { Input } from "@/components/ui/input"; export const paginationVariants = cva("v-pager"); export type PaginationProps = React.ComponentProps<"nav"> & { page?: number; defaultPage?: number; totalPages?: number; onPageChange?: (page: number) => void; /** Direct pages, a reading position, or exact entry for a large collection. */ appearance?: "pages" | "chapter" | "jump"; }; export function Pagination({ ref, className, page, defaultPage = 1, totalPages, onPageChange, children, appearance = "pages", ...props }: PaginationProps) { const [local, setLocal] = React.useState(defaultPage); const total = Math.max( 1, Math.floor(Number.isFinite(totalPages) ? totalPages! : 1), ); const current = Math.min( total, Math.max( 1, Math.floor(Number.isFinite(page ?? local) ? (page ?? local) : 1), ), ); // A fixed seven-slot window does not move the next/previous hit targets. const pages: (number | "start-gap" | "end-gap")[] = total <= 7 ? Array.from({ length: total }, (_, index) => index + 1) : current <= 4 ? [1, 2, 3, 4, 5, "end-gap", total] : current >= total - 3 ? [1, "start-gap", total - 4, total - 3, total - 2, total - 1, total] : [ 1, "start-gap", current - 1, current, current + 1, "end-gap", total, ]; const change = (next: number) => { const clamped = Math.max(1, Math.min(total, next)); if (page === undefined) setLocal(clamped); if (clamped !== current) onPageChange?.(clamped); }; return (

{children ?? ( <> change(current - 1)} /> {appearance === "pages" ? (

{pages.map((n) => typeof n === "number" ? ( change(n)} > {n} ) : ( ), )}

) : appearance === "chapter" ? ( ) : ( )} change(current + 1)} /> Page {current} of {total} )}

); } function PaginationJump({ current, total, onChange, }: { current: number; total: number; onChange: (page: number) => void; }) { const input = React.useRef(null); const id = React.useId(); const [error, setError] = React.useState(""); React.useEffect(() => { if (input.current) input.current.value = String(current); }, [current]); const submit = () => { const value = input.current?.valueAsNumber; if (!Number.isInteger(value) || value! < 1 || value! > total) { setError(`Choose a whole page from 1 to ${total}.`); input.current?.focus(); return; } setError(""); onChange(value!); }; return (

Go to page

setError("")} onKeyDown={(event) => { if (event.key === "Enter") { event.preventDefault(); submit(); } }} /> of {total}

{error || "Enter an exact page number."}

); } export type PaginationContentProps = React.ComponentProps<"ul">; export function PaginationContent({ className, ...props }: PaginationContentProps) { return (

); } export type PaginationLinkProps = React.ComponentProps & { isActive?: boolean; }; export function PaginationLink({ className, isActive, variant, style, ...props }: PaginationLinkProps) { return (