50: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T1eaf,'use client'; import { ChevronLeft, ChevronRight } from 'lucide-react'; import { ComponentProps, createContext, useContext, useMemo } from 'react'; import { Label2 } from '@/components/ui/typography'; import { cn } from '@/lib/utils'; type TPaginationSize = 'sm' | 'md' | 'lg'; /** * `flat` is UX4G's pagination: separate 32px rounded squares. `joined` is the * Bootstrap-style shared-border row, which UX4G does not define; `default` is * kept as a deprecated alias for it. */ type TPaginationVariant = 'flat' | 'joined' | 'default'; type TResolvedVariant = 'flat' | 'joined'; /** Maps the deprecated `default` value onto `joined`. */ function resolveVariant(variant: TPaginationVariant): TResolvedVariant { return variant === 'default' ? 'joined' : variant; } const PAGINATION_CONTEXT = createContext<{ size: TPaginationSize; variant: TResolvedVariant }>({ size: 'md', variant: 'flat', }); /* * UX4G pagination: 32px pages at radius 8px, px-2 py-1.5, 2px gaps. Inactive is * plain neutral-600 text; selected is white with a primary border at weight 500; * hover draws a neutral-300 border. The `joined` variant's shared borders are a * Bootstrap pattern with no UX4G counterpart, so it borrows the same 28/32/40px * heights rather than sizing itself from its own text. */ /** Navigation pagination component. */ function Pagination({ className, size = 'md', variant = 'flat', ...props }: ComponentProps<'nav'> & { size?: TPaginationSize; variant?: TPaginationVariant }) { const resolved = resolveVariant(variant); const contextValue = useMemo(() => ({ size, variant: resolved }), [size, resolved]); return (