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:T128f,import React from 'react'; import { getPaginationSizeKey, paginationStyleKeys } from '../lib/core'; import type { PaginationLinkBaseProps } from '../lib/core'; import styles from './pagination.module.scss'; function ChevronLeftIcon(props: React.SVGProps) { return ( ); } function ChevronRightIcon(props: React.SVGProps) { return ( ); } function MoreHorizontalIcon(props: React.SVGProps) { return ( ); } export interface PaginationProps extends React.HTMLAttributes {} const Pagination = React.forwardRef(({ className = '', children, ...props }, ref) => { return ( ); }); Pagination.displayName = 'Pagination'; export interface PaginationContentProps extends React.HTMLAttributes {} const PaginationContent = React.forwardRef(({ className = '', children, ...props }, ref) => { return (

{children} ); }); PaginationContent.displayName = 'PaginationContent'; export interface PaginationItemProps extends React.HTMLAttributes {} const PaginationItem = React.forwardRef(({ className = '', children, ...props }, ref) => { return (

{children}

); }); PaginationItem.displayName = 'PaginationItem'; export interface PaginationLinkProps extends React.AnchorHTMLAttributes, PaginationLinkBaseProps {} const PaginationLink = React.forwardRef(({ className = '', isActive = false, size = 'icon', children, ...props }, ref) => { const classes = [styles[paginationStyleKeys.link], styles[getPaginationSizeKey(size)], isActive ? styles.isActive : '', className].filter(Boolean).join(' '); return ( {children} ); }); PaginationLink.displayName = 'PaginationLink'; export interface PaginationPreviousProps extends Omit {} const PaginationPrevious = React.forwardRef(({ className = '', children, ...props }, ref) => { return ( {children ?? 'Previous'} ); }); PaginationPrevious.displayName = 'PaginationPrevious'; export interface PaginationNextProps extends Omit {} const PaginationNext = React.forwardRef(({ className = '', children, ...props }, ref) => { return ( {children ?? 'Next'} ); }); PaginationNext.displayName = 'PaginationNext'; export interface PaginationEllipsisProps extends React.HTMLAttributes {} const PaginationEllipsis = React.forwardRef(({ className = '', ...props }, ref) => { return ( ); }); PaginationEllipsis.displayName = 'PaginationEllipsis'; export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis }; export default Pagination; 4f:T68d,@use '../../../styles/variables/colors' as *; .root { margin-left: auto; margin-right: auto; display: flex; width: 100%; justify-content: center; } .content { display: flex; flex-direction: row; align-items: center; gap: $spacing-1; } .item { display: list-item; } .link { display: inline-flex; align-items: center; justify-content: center; gap: $spacing-2; height: 2.25rem; min-width: 2.25rem; padding: 0 $spacing-3; border-radius: $radius; font-size: $text-sm; font-weight: $font-medium; white-space: nowrap; color: $foreground; transition: all $transition-fast; outline: none; svg { width: 1rem; height: 1rem; } &.sizeSm { height: 2rem; min-width: 2rem; padding: 0 $spacing-2; border-radius: $radius-sm; font-size: $text-xs; } &.sizeLg { height: 2.5rem; min-width: 2.5rem; padding: 0 $spacing-5; } &.sizeIcon { width: 2.25rem; padding: 0; } &.isActive { border: 1px solid $border; background-color: $background; box-shadow: $shadow-sm; } &:hover { background-color: $accent; color: $accent-foreground; text-decoration: none; } &:focus-visible { box-shadow: 0 0 0 2px $background, 0 0 0 4px $ring; } } .ellipsis { display: flex; width: 2.25rem; height: 2.25rem; align-items: center; justify-content: center; } .ellipsisIcon { width: 1rem; height: 1rem; } .srOnly { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .gapSm { gap: $spacing-1; padding-inline: $spacing-2_5; } .paginationHideSm { display: none; @media (min-width: 640px) { display: block; } } 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":[null,["$","$L4c",null,{"namespace":"@tile-ui","registryDependencies":["@tile-ui/core","@tile-ui/styles"]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"packages/react/src/components/pagination/pagination.tsx","content":"$4e","type":"registry:ui","target":"components/ui/pagination/pagination.tsx"},{"path":"packages/styles/scss/components/pagination.module.scss","content":"$4f","type":"registry:file","target":"components/ui/pagination/pagination.module.scss"},{"path":"packages/react/src/components/pagination/index.ts","content":"export {\n\tPagination,\n\tPaginationContent,\n\tPaginationItem,\n\tPaginationLink,\n\tPaginationPrevious,\n\tPaginationNext,\n\tPaginationEllipsis,\n\ttype PaginationProps,\n\ttype PaginationContentProps,\n\ttype PaginationItemProps,\n\ttype PaginationLinkProps,\n\ttype PaginationPreviousProps,\n\ttype PaginationNextProps,\n\ttype PaginationEllipsisProps,\n} from './pagination';\n","type":"registry:ui","target":"components/ui/pagination/index.ts"}],"className":"h-[70svh] min-h-80"}]]}]