@loke/design-system/dist/components/pagination/index.js

A design system with individually importable components

var __create=Object.create;var{getPrototypeOf:__getProtoOf,defineProperty:__defProp,getOwnPropertyNames:__getOwnPropNames,getOwnPropertyDescriptor:__getOwnPropDesc}=Object,__hasOwnProp=Object.prototype.hasOwnProperty;function __accessProp(key){return this[key]}var __reExport=(target,mod,secondTarget)=>{var keys=__getOwnPropNames(mod);for(let key of keys)if(!__hasOwnProp.call(target,key)&&key!=="default")__defProp(target,key,{get:__accessProp.bind(mod,key),enumerable:!0});if(secondTarget){for(let key of keys)if(!__hasOwnProp.call(secondTarget,key)&&key!=="default")__defProp(secondTarget,key,{get:__accessProp.bind(mod,key),enumerable:!0});return secondTarget}},__toESMCache_node,__toESMCache_esm,__toESM=(mod,isNodeMode,target)=>{var canCache=mod!=null&&typeof mod==="object";if(canCache){var cache=isNodeMode?__toESMCache_node??=new WeakMap:__toESMCache_esm??=new WeakMap,cached=cache.get(mod);if(cached)return cached}target=mod!=null?__create(__getProtoOf(mod)):{};let to=isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target;for(let key of __getOwnPropNames(mod))if(!__hasOwnProp.call(to,key))__defProp(to,key,{get:__accessProp.bind(mod,key),enumerable:!0});if(canCache)cache.set(mod,to);return to},__toCommonJS=(from)=>{var entry=(__moduleCache??=new WeakMap).get(from),desc;if(entry)return entry;if(entry=__defProp({},"__esModule",{value:!0}),from&&typeof from==="object"||typeof from==="function"){for(var key of __getOwnPropNames(from))if(!__hasOwnProp.call(entry,key))__defProp(entry,key,{get:__accessProp.bind(from,key),enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable})}return __moduleCache.set(from,entry),entry},__moduleCache;var __returnValue=(v)=>v;function __exportSetter(name,newValue){this[name]=__returnValue.bind(null,newValue)}var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0,configurable:!0,set:__exportSetter.bind(all,name)})};var exports_pagination={};__export(exports_pagination,{PaginationPrevious:()=>PaginationPrevious,PaginationNext:()=>PaginationNext,PaginationLink:()=>PaginationLink,PaginationItem:()=>PaginationItem,PaginationEllipsis:()=>PaginationEllipsis,PaginationContent:()=>PaginationContent,Pagination:()=>Pagination});module.exports=__toCommonJS(exports_pagination);var import_button=require("@loke/design-system/button"),import_cn=require("@loke/design-system/cn"),import_icons=require("@loke/icons"),import_react=require("react"),jsx_runtime=require("react/jsx-runtime"),Pagination=({className,...props})=>jsx_runtime.jsx("nav",{"aria-label":"pagination",className:import_cn.cn("mx-auto flex w-full justify-center",className),...props});Pagination.displayName="Pagination";var PaginationContent=import_react.forwardRef(({className,...props},ref)=>jsx_runtime.jsx("ul",{className:import_cn.cn("flex flex-row items-center gap-1",className),ref,...props}));PaginationContent.displayName="PaginationContent";var PaginationItem=import_react.forwardRef(({className,...props},ref)=>jsx_runtime.jsx("li",{className:import_cn.cn("",className),ref,...props}));PaginationItem.displayName="PaginationItem";var PaginationLink=({className,isActive,size="sm",disabled,...props})=>jsx_runtime.jsx("a",{"aria-current":isActive?"page":void 0,className:import_cn.cn(import_button.buttonVariants({size,variant:isActive?"outline":"ghost"}),disabled&&"pointer-events-none opacity-50",className),...props});PaginationLink.displayName="PaginationLink";var PaginationPrevious=({className,...props})=>jsx_runtime.jsxs(PaginationLink,{"aria-label":"Go to previous page",className:import_cn.cn("gap-1 pl-2.5",className),size:"default",...props,children:[jsx_runtime.jsx(import_icons.ChevronLeft,{className:"h-4 w-4"}),jsx_runtime.jsx("span",{children:"Previous"})]});PaginationPrevious.displayName="PaginationPrevious";var PaginationNext=({className,...props})=>jsx_runtime.jsxs(PaginationLink,{"aria-label":"Go to next page",className:import_cn.cn("gap-1 pr-2.5",className),size:"default",...props,children:[jsx_runtime.jsx("span",{children:"Next"}),jsx_runtime.jsx(import_icons.ChevronRight,{className:"h-4 w-4"})]});PaginationNext.displayName="PaginationNext";var PaginationEllipsis=({className,...props})=>jsx_runtime.jsxs("span",{"aria-hidden":!0,className:import_cn.cn("flex h-9 w-9 items-center justify-center",className),...props,children:[jsx_runtime.jsx(import_icons.Ellipsis,{className:"h-4 w-4"}),jsx_runtime.jsx("span",{className:"sr-only",children:"More pages"})]});PaginationEllipsis.displayName="PaginationEllipsis";