dgz-ui
Version:
Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript
3 lines (2 loc) • 2.34 kB
JavaScript
;const t=require("react/jsx-runtime"),d=require("react"),r=require("react-i18next"),i=require("./utils-C4d7Ql9-.cjs.js"),f=require("./button-CpKtD3qG.cjs.js"),x=require("./ellipsis-FJjSjEdP.cjs.js"),N=require("./chevron-right-BxyusM7v.cjs.js"),j=require("./chevron-left-B_pqqZqr.cjs.js");function h(n){if(n&&n.__esModule)return n;const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(a,e,s.get?s:{enumerable:!0,get:()=>n[e]})}}return a.default=n,Object.freeze(a)}const c=h(d),l=({className:n,...a})=>t.jsx("nav",{role:"navigation","aria-label":"pagination",className:i.cn("flex w-full justify-center",n),...a});l.displayName="Pagination";const u=c.forwardRef(({className:n,...a},e)=>t.jsx("ul",{ref:e,className:i.cn("flex flex-row items-center gap-1",n),...a}));u.displayName="PaginationContent";const g=c.forwardRef(({className:n,...a},e)=>t.jsx("li",{ref:e,className:i.cn("",n),...a}));g.displayName="PaginationItem";const o=({className:n,isActive:a,size:e="icon",...s})=>t.jsx("a",{"aria-current":a?"page":void 0,className:i.cn(f.buttonVariants({variant:a?"tertiary":"ghost",size:e}),"cursor-pointer",n),...s});o.displayName="PaginationLink";const p=({className:n,...a})=>{const{t:e}=r.useTranslation();return t.jsx(o,{"aria-label":e("Go to previous page"),size:"default",className:i.cn("gap-1 px-2.5",n),...a,children:t.jsx(j.ChevronLeft,{className:"h-4 w-4"})})};p.displayName="PaginationPrevious";const m=({className:n,...a})=>{const{t:e}=r.useTranslation();return t.jsx(o,{"aria-label":e("Go to next page"),size:"default",className:i.cn("gap-1 px-2.5",n),...a,children:t.jsx(N.ChevronRight,{className:"h-4 w-4"})})};m.displayName="PaginationNext";const P=({className:n,...a})=>{const{t:e}=r.useTranslation();return t.jsxs("span",{"aria-hidden":!0,className:i.cn("flex h-9 w-9 items-center justify-center",n),...a,children:[t.jsx(x.Ellipsis,{className:"h-4 w-4"}),t.jsx("span",{className:"sr-only",children:e("More pages")})]})};P.displayName="PaginationEllipsis";exports.Pagination=l;exports.PaginationContent=u;exports.PaginationEllipsis=P;exports.PaginationItem=g;exports.PaginationLink=o;exports.PaginationNext=m;exports.PaginationPrevious=p;
//# sourceMappingURL=pagination-LHTb7tXo.cjs.js.map