dgz-ui/dist/pagination-KmGNDLAJ.cjs

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript

"use strict";const t=require("./jsx-runtime-DUiatUiq.cjs"),g=require("react"),j=require("./button-BfuwxVnp.cjs"),i=require("./utils-BeXF6FlA.cjs"),P=require("./ellipsis-COHNmDQQ.cjs"),f=require("./chevron-right-C4aUapAw.cjs"),d=require("./chevron-left-BkVeYH8m.cjs");function N(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const r=N(g),l=({className:e,...n})=>t.jsxRuntimeExports.jsx("nav",{role:"navigation","aria-label":"pagination",className:i.cn("flex w-full justify-center",e),...n});l.displayName="Pagination";const c=r.forwardRef(({className:e,...n},a)=>t.jsxRuntimeExports.jsx("ul",{ref:a,className:i.cn("flex flex-row items-center gap-1",e),...n}));c.displayName="PaginationContent";const u=r.forwardRef(({className:e,...n},a)=>t.jsxRuntimeExports.jsx("li",{ref:a,className:i.cn("",e),...n}));u.displayName="PaginationItem";const o=({className:e,isActive:n,size:a="icon",...s})=>t.jsxRuntimeExports.jsx("a",{"aria-current":n?"page":void 0,className:i.cn(j.buttonVariants({variant:n?"tertiary":"ghost",size:a}),"cursor-pointer",e),...s});o.displayName="PaginationLink";const x=({className:e,...n})=>t.jsxRuntimeExports.jsx(o,{"aria-label":"Go to previous page",size:"default",className:i.cn("gap-1 px-2.5",e),...n,children:t.jsxRuntimeExports.jsx(d.ChevronLeft,{className:"h-4 w-4"})});x.displayName="PaginationPrevious";const p=({className:e,...n})=>t.jsxRuntimeExports.jsx(o,{"aria-label":"Go to next page",size:"default",className:i.cn("gap-1 px-2.5",e),...n,children:t.jsxRuntimeExports.jsx(f.ChevronRight,{className:"h-4 w-4"})});p.displayName="PaginationNext";const m=({className:e,...n})=>t.jsxRuntimeExports.jsxs("span",{"aria-hidden":!0,className:i.cn("flex h-9 w-9 items-center justify-center",e),...n,children:[t.jsxRuntimeExports.jsx(P.Ellipsis,{className:"h-4 w-4"}),t.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"More pages"})]});m.displayName="PaginationEllipsis";exports.Pagination=l;exports.PaginationContent=c;exports.PaginationEllipsis=m;exports.PaginationItem=u;exports.PaginationLink=o;exports.PaginationNext=p;exports.PaginationPrevious=x;