@boxcustodia/library 2.0.0-alpha.30 → 2.0.0-alpha.32

package/dist/components/pagination/pagination.cjs.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),F=require("../../node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs.js"),v=require("react"),b=require("./pagination.model.cjs.js"),I=require("../../hooks/use-range-pagination/use-range-pagination.cjs.js"),A=require("../../node_modules/lucide-react/dist/esm/icons/chevrons-left.cjs.js"),M=require("../../node_modules/lucide-react/dist/esm/icons/chevron-left.cjs.js"),_=require("../../node_modules/lucide-react/dist/esm/icons/chevron-right.cjs.js"),B=require("../../node_modules/lucide-react/dist/esm/icons/chevrons-right.cjs.js"),O=require("../../node_modules/lucide-react/dist/esm/icons/ellipsis.cjs.js"),l=require("../../lib/cn.cjs.js"),T=require("../button/button.cjs.js"),w={goToFirst:"Ir a primera página",goToPrevious:"Ir a página anterior",goToNext:"Ir a próxima página",goToLast:"Ir a última página",goToPage:a=>`Ir a la página ${a}`,total:a=>`${a} resultados`,pageInfo:(a,n)=>`Página ${a} de ${n}`,range:(a,n,t)=>`${a} - ${n} de ${t}`,morePages:"Más páginas"},L=v.createContext(null);function c(){const a=v.useContext(L);if(!a)throw new Error("Pagination primitives must be used inside <PaginationRoot>");return a}function C({totalItems:a,pageSize:n,defaultPageSize:t=b.PAGINATION_SIZES[0],onPageSizeChange:i,currentPage:o,defaultCurrentPage:s=1,onCurrentPageChange:r,siblingCount:g=1,getPageHref:p,linkComponent:m="a",texts:j,className:h,children:N,...x}){const[d=t,P]=F.useControllableState({prop:n,defaultProp:t,onChange:i}),u=I.useRangePagination({totalItems:a,pageSize:d,page:o,defaultPage:s,onPageChange:r,siblingCount:g}),S=v.useMemo(()=>({...w,...j}),[j]),y=v.useMemo(()=>({...u,currentPage:u.page,maxPage:u.pageCount,pageSize:d,totalItems:a,setPageSize:P,getPageHref:p,linkComponent:m,texts:S}),[u,d,a,P,p,m,S]);return e.jsx(L.Provider,{value:y,children:e.jsx("nav",{role:"navigation","aria-label":"pagination","data-slot":"pagination",className:l.cn("flex items-center gap-x-4",h),...x,children:N})})}function f({page:a,isActive:n,disabled:t,ariaLabel:i,dataSlot:o,children:s,className:r,buttonProps:g}){const{goTo:p,getPageHref:m,pageSize:j,linkComponent:h}=c(),N=h,x=m?.({page:a,pageSize:Number(j)}),d=!!x&&!t,P=()=>{t||p(a)},u={"data-slot":o,"data-active":n?"true":"false","aria-current":n?"page":void 0,"aria-label":i,className:l.cn("hover:bg-accent hover:text-accent-foreground",r)};return d&&x?e.jsx(T.Button,{variant:n?"outline":"ghost",size:"icon",nativeButton:!1,render:e.jsx(N,{href:x,onClick:P,children:s}),...u,...g}):e.jsx(T.Button,{variant:n?"outline":"ghost",size:"icon",disabled:t,onClick:P,...u,...g,children:s})}function q({page:a,isActive:n,className:t,children:i,buttonProps:o}){const{currentPage:s,texts:r}=c(),g=n??a===s;return e.jsx(f,{page:a,isActive:g,ariaLabel:r.goToPage(a),dataSlot:"pagination-link",className:t,buttonProps:o,children:i??a})}function G({className:a,buttonProps:n,children:t}){const{isFirstPage:i,texts:o}=c();return e.jsx(f,{page:1,disabled:i,ariaLabel:o.goToFirst,dataSlot:"pagination-first",className:a,buttonProps:n,children:t??e.jsx(A.default,{"data-slot":"pagination-icon"})})}function z({className:a,buttonProps:n,children:t}){const{currentPage:i,isFirstPage:o,texts:s}=c();return e.jsx(f,{page:Math.max(1,i-1),disabled:o,ariaLabel:s.goToPrevious,dataSlot:"pagination-previous",className:a,buttonProps:n,children:t??e.jsx(M.default,{"data-slot":"pagination-icon"})})}function R({className:a,buttonProps:n,children:t}){const{currentPage:i,maxPage:o,isLastPage:s,texts:r}=c();return e.jsx(f,{page:Math.min(o,i+1),disabled:s,ariaLabel:r.goToNext,dataSlot:"pagination-next",className:a,buttonProps:n,children:t??e.jsx(_.default,{"data-slot":"pagination-icon"})})}function Z({className:a,buttonProps:n,children:t}){const{maxPage:i,isLastPage:o,texts:s}=c();return e.jsx(f,{page:i,disabled:o,ariaLabel:s.goToLast,dataSlot:"pagination-last",className:a,buttonProps:n,children:t??e.jsx(B.default,{"data-slot":"pagination-icon"})})}function k({className:a,...n}){const{texts:t}=c();return e.jsxs("span",{"aria-hidden":!0,"data-slot":"pagination-ellipsis","data-dots":"true",className:l.cn("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4",a),...n,children:[e.jsx(O.default,{}),e.jsx("span",{className:"sr-only",children:t.morePages})]})}function D({className:a,linkClassName:n,ellipsisClassName:t}){const{paginationRange:i}=c();return e.jsx("div",{role:"list","data-slot":"pagination-pages",className:l.cn("flex items-center gap-1",a),children:i.map((o,s)=>o===I.DOTS?e.jsx(k,{className:t},`dots-${s}`):e.jsx(q,{page:o,className:n},o))})}function U({children:a,className:n,...t}){const{totalItems:i,texts:o}=c(),s=typeof a=="function"?a(i):a??o.total(i);return e.jsx("span",{"data-slot":"pagination-total",className:l.cn("text-sm",n),...t,children:s})}function X({children:a,className:n,...t}){const{currentPage:i,maxPage:o,texts:s}=c(),r=typeof a=="function"?a({page:i,max:o}):a??s.pageInfo(i,o);return e.jsx("span",{"data-slot":"pagination-page-info",className:l.cn("text-sm",n),...t,children:r})}function E({children:a,className:n,...t}){const{range:i,totalItems:o,texts:s}=c(),r=typeof a=="function"?a({...i,total:o}):a??s.range(i.start,i.end,o);return e.jsx("span",{"data-slot":"pagination-range",className:l.cn("text-sm",n),...t,children:r})}function $({sizes:a=b.PAGINATION_SIZES,className:n,...t}){const{pageSize:i,setPageSize:o,goTo:s}=c(),r=g=>{const p=Number(g.target.value);o(p),s(1)};return e.jsx("select",{"data-slot":"pagination-size-select",value:i,onChange:r,className:l.cn("border border-input rounded-md w-fit min-w-[3rem] bg-background p-2 ring-offset-background","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",n),...t,children:a.map(g=>e.jsx("option",{value:g,"data-slot":"pagination-size-option",children:g},g))})}function H({sizes:a=b.PAGINATION_SIZES,selectClassName:n,rangeClassName:t,previousClassName:i,nextClassName:o,className:s,...r}){return e.jsxs(C,{className:s,...r,children:[a&&e.jsx($,{sizes:a,className:n}),e.jsx(E,{className:t}),e.jsx(z,{className:i}),e.jsx(R,{className:o})]})}exports.Pagination=H;exports.PaginationEllipsis=k;exports.PaginationFirst=G;exports.PaginationLast=Z;exports.PaginationLink=q;exports.PaginationNext=R;exports.PaginationPageInfo=X;exports.PaginationPages=D;exports.PaginationPrevious=z;exports.PaginationRange=E;exports.PaginationRoot=C;exports.PaginationSizeSelect=$;exports.PaginationTotal=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),F=require("../../node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs.js"),v=require("react"),N=require("./pagination.model.cjs.js"),I=require("../../hooks/use-range-pagination/use-range-pagination.cjs.js"),A=require("../../node_modules/lucide-react/dist/esm/icons/chevrons-left.cjs.js"),M=require("../../node_modules/lucide-react/dist/esm/icons/chevron-left.cjs.js"),O=require("../../node_modules/lucide-react/dist/esm/icons/chevron-right.cjs.js"),_=require("../../node_modules/lucide-react/dist/esm/icons/chevrons-right.cjs.js"),B=require("../../node_modules/lucide-react/dist/esm/icons/ellipsis.cjs.js"),w=require("../select/select.cjs.js"),u=require("../../lib/cn.cjs.js"),T=require("../button/button.cjs.js"),G={goToFirst:"Ir a primera página",goToPrevious:"Ir a página anterior",goToNext:"Ir a próxima página",goToLast:"Ir a última página",goToPage:a=>`Ir a la página ${a}`,total:a=>`${a} resultados`,pageInfo:(a,n)=>`Página ${a} de ${n}`,range:(a,n,t)=>`${a} - ${n} de ${t}`,morePages:"Más páginas"},L=v.createContext(null);function c(){const a=v.useContext(L);if(!a)throw new Error("Pagination primitives must be used inside <PaginationRoot>");return a}function q({totalItems:a,pageSize:n,defaultPageSize:t=N.PAGINATION_SIZES[0],onPageSizeChange:e,currentPage:i,defaultCurrentPage:s=1,onCurrentPageChange:r,siblingCount:l=1,getPageHref:g,linkComponent:m="a",texts:j,className:h,children:S,...x}){const[P=t,d]=F.useControllableState({prop:n,defaultProp:t,onChange:e}),p=I.useRangePagination({totalItems:a,pageSize:P,page:i,defaultPage:s,onPageChange:r,siblingCount:l}),b=v.useMemo(()=>({...G,...j}),[j]),y=v.useMemo(()=>({...p,currentPage:p.page,maxPage:p.pageCount,pageSize:P,totalItems:a,setPageSize:d,getPageHref:g,linkComponent:m,texts:b}),[p,P,a,d,g,m,b]);return o.jsx(L.Provider,{value:y,children:o.jsx("nav",{role:"navigation","aria-label":"pagination","data-slot":"pagination",className:u.cn("flex items-center gap-x-4",h),...x,children:S})})}function f({page:a,isActive:n,disabled:t,ariaLabel:e,dataSlot:i,children:s,className:r,buttonProps:l}){const{goTo:g,getPageHref:m,pageSize:j,linkComponent:h}=c(),S=h,x=m?.({page:a,pageSize:Number(j)}),P=!!x&&!t,d=()=>{t||g(a)},p={"data-slot":i,"data-active":n?"true":"false","aria-current":n?"page":void 0,"aria-label":e,className:u.cn("hover:bg-accent hover:text-accent-foreground",r)};return P&&x?o.jsx(T.Button,{variant:n?"outline":"ghost",size:"icon",nativeButton:!1,render:o.jsx(S,{href:x,onClick:d,children:s}),...p,...l}):o.jsx(T.Button,{variant:n?"outline":"ghost",size:"icon",disabled:t,onClick:d,...p,...l,children:s})}function z({page:a,isActive:n,className:t,children:e,buttonProps:i}){const{currentPage:s,texts:r}=c(),l=n??a===s;return o.jsx(f,{page:a,isActive:l,ariaLabel:r.goToPage(a),dataSlot:"pagination-link",className:t,buttonProps:i,children:e??a})}function Z({className:a,buttonProps:n,children:t}){const{isFirstPage:e,texts:i}=c();return o.jsx(f,{page:1,disabled:e,ariaLabel:i.goToFirst,dataSlot:"pagination-first",className:a,buttonProps:n,children:t??o.jsx(A.default,{"data-slot":"pagination-icon"})})}function C({className:a,buttonProps:n,children:t}){const{currentPage:e,isFirstPage:i,texts:s}=c();return o.jsx(f,{page:Math.max(1,e-1),disabled:i,ariaLabel:s.goToPrevious,dataSlot:"pagination-previous",className:a,buttonProps:n,children:t??o.jsx(M.default,{"data-slot":"pagination-icon"})})}function R({className:a,buttonProps:n,children:t}){const{currentPage:e,maxPage:i,isLastPage:s,texts:r}=c();return o.jsx(f,{page:Math.min(i,e+1),disabled:s,ariaLabel:r.goToNext,dataSlot:"pagination-next",className:a,buttonProps:n,children:t??o.jsx(O.default,{"data-slot":"pagination-icon"})})}function D({className:a,buttonProps:n,children:t}){const{maxPage:e,isLastPage:i,texts:s}=c();return o.jsx(f,{page:e,disabled:i,ariaLabel:s.goToLast,dataSlot:"pagination-last",className:a,buttonProps:n,children:t??o.jsx(_.default,{"data-slot":"pagination-icon"})})}function k({className:a,...n}){const{texts:t}=c();return o.jsxs("span",{"aria-hidden":!0,"data-slot":"pagination-ellipsis","data-dots":"true",className:u.cn("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4",a),...n,children:[o.jsx(B.default,{}),o.jsx("span",{className:"sr-only",children:t.morePages})]})}function U({className:a,linkClassName:n,ellipsisClassName:t}){const{paginationRange:e}=c();return o.jsx("div",{role:"list","data-slot":"pagination-pages",className:u.cn("flex items-center gap-1",a),children:e.map((i,s)=>i===I.DOTS?o.jsx(k,{className:t},`dots-${s}`):o.jsx(z,{page:i,className:n},i))})}function V({children:a,className:n,...t}){const{totalItems:e,texts:i}=c(),s=typeof a=="function"?a(e):a??i.total(e);return o.jsx("span",{"data-slot":"pagination-total",className:u.cn("text-sm",n),...t,children:s})}function X({children:a,className:n,...t}){const{currentPage:e,maxPage:i,texts:s}=c(),r=typeof a=="function"?a({page:e,max:i}):a??s.pageInfo(e,i);return o.jsx("span",{"data-slot":"pagination-page-info",className:u.cn("text-sm",n),...t,children:r})}function E({children:a,className:n,...t}){const{range:e,totalItems:i,texts:s}=c(),r=typeof a=="function"?a({...e,total:i}):a??s.range(e.start,e.end,i);return o.jsx("span",{"data-slot":"pagination-range",className:u.cn("text-sm",n),...t,children:r})}function $({sizes:a=N.PAGINATION_SIZES,className:n,...t}){const{pageSize:e,setPageSize:i,goTo:s}=c(),r=g=>{i(g),s(1)},l=a.map(g=>({label:String(g),value:g}));return o.jsx(w.Select,{items:l,"data-slot":"pagination-size-select",value:e,onValueChange:g=>g!=null&&r(g),className:u.cn("border border-input rounded-md w-fit min-w-[3rem] bg-background p-2 ring-offset-background","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",n),...t})}function H({sizes:a=N.PAGINATION_SIZES,selectClassName:n,rangeClassName:t,previousClassName:e,nextClassName:i,className:s,...r}){return o.jsxs(q,{className:s,...r,children:[a&&o.jsx($,{sizes:a,className:n}),o.jsx(E,{className:t}),o.jsx(C,{className:e}),o.jsx(R,{className:i})]})}exports.Pagination=H;exports.PaginationEllipsis=k;exports.PaginationFirst=Z;exports.PaginationLast=D;exports.PaginationLink=z;exports.PaginationNext=R;exports.PaginationPageInfo=X;exports.PaginationPages=U;exports.PaginationPrevious=C;exports.PaginationRange=E;exports.PaginationRoot=q;exports.PaginationSizeSelect=$;exports.PaginationTotal=V;

package/dist/components/pagination/pagination.es.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as i, jsxs as L } from "react/jsx-runtime";
 import { useControllableState as k } from "../../node_modules/@radix-ui/react-use-controllable-state/dist/index.es.js";
-import { useMemo as S, createContext as $, useContext as R } from "react";
+import { useMemo as T, createContext as $, useContext as R } from "react";
 import { PAGINATION_SIZES as N } from "./pagination.model.es.js";
 import { useRangePagination as E, DOTS as F } from "../../hooks/use-range-pagination/use-range-pagination.es.js";
 import y from "../../node_modules/lucide-react/dist/esm/icons/chevrons-left.es.js";
@@ -9,9 +9,10 @@ import w from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js
 import B from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.es.js";
 import M from "../../node_modules/lucide-react/dist/esm/icons/chevrons-right.es.js";
 import j from "../../node_modules/lucide-react/dist/esm/icons/ellipsis.es.js";
+import { Select as A } from "../select/select.es.js";
 import { cn as l } from "../../lib/cn.es.js";
-import { Button as T } from "../button/button.es.js";
-const A = {
+import { Button as C } from "../button/button.es.js";
+const O = {
   goToFirst: "Ir a primera página",
   goToPrevious: "Ir a página anterior",
   goToNext: "Ir a próxima página",
@@ -22,7 +23,7 @@ const A = {
   range: (a, t, n) => `${a} - ${t} de ${n}`,
   morePages: "Más páginas"
 }, z = $(null);
-function g() {
+function c() {
   const a = R(z);
   if (!a)
     throw new Error(
@@ -38,8 +39,8 @@ function _({
   currentPage: o,
   defaultCurrentPage: s = 1,
   onCurrentPageChange: r,
-  siblingCount: c = 1,
-  getPageHref: p,
+  siblingCount: u = 1,
+  getPageHref: g,
   linkComponent: x = "a",
   texts: h,
   className: v,
@@ -50,36 +51,36 @@ function _({
     prop: t,
     defaultProp: n,
     onChange: e
-  }), u = E({
+  }), p = E({
     totalItems: a,
     pageSize: f,
     page: o,
     defaultPage: s,
     onPageChange: r,
-    siblingCount: c
-  }), C = S(
-    () => ({ ...A, ...h }),
+    siblingCount: u
+  }), S = T(
+    () => ({ ...O, ...h }),
     [h]
-  ), I = S(
+  ), I = T(
     () => ({
-      ...u,
-      currentPage: u.page,
-      maxPage: u.pageCount,
+      ...p,
+      currentPage: p.page,
+      maxPage: p.pageCount,
       pageSize: f,
       totalItems: a,
       setPageSize: d,
-      getPageHref: p,
+      getPageHref: g,
       linkComponent: x,
-      texts: C
+      texts: S
     }),
     [
-      u,
+      p,
       f,
       a,
       d,
-      p,
+      g,
       x,
-      C
+      S
     ]
   );
   return /* @__PURE__ */ i(z.Provider, { value: I, children: /* @__PURE__ */ i(
@@ -102,11 +103,11 @@ function P({
   dataSlot: o,
   children: s,
   className: r,
-  buttonProps: c
+  buttonProps: u
 }) {
-  const { goTo: p, getPageHref: x, pageSize: h, linkComponent: v } = g(), b = v, m = x?.({ page: a, pageSize: Number(h) }), f = !!m && !n, d = () => {
-    n || p(a);
-  }, u = {
+  const { goTo: g, getPageHref: x, pageSize: h, linkComponent: v } = c(), b = v, m = x?.({ page: a, pageSize: Number(h) }), f = !!m && !n, d = () => {
+    n || g(a);
+  }, p = {
     "data-slot": o,
     "data-active": t ? "true" : "false",
     "aria-current": t ? "page" : void 0,
@@ -114,24 +115,24 @@ function P({
     className: l("hover:bg-accent hover:text-accent-foreground", r)
   };
   return f && m ? /* @__PURE__ */ i(
-    T,
+    C,
     {
       variant: t ? "outline" : "ghost",
       size: "icon",
       nativeButton: !1,
       render: /* @__PURE__ */ i(b, { href: m, onClick: d, children: s }),
-      ...u,
-      ...c
+      ...p,
+      ...u
     }
   ) : /* @__PURE__ */ i(
-    T,
+    C,
     {
       variant: t ? "outline" : "ghost",
       size: "icon",
       disabled: n,
       onClick: d,
+      ...p,
       ...u,
-      ...c,
       children: s
     }
   );
@@ -143,7 +144,7 @@ function D({
   children: e,
   buttonProps: o
 }) {
-  const { currentPage: s, texts: r } = g();
+  const { currentPage: s, texts: r } = c();
   return /* @__PURE__ */ i(
     P,
     {
@@ -157,12 +158,12 @@ function D({
     }
   );
 }
-function oa({
+function sa({
   className: a,
   buttonProps: t,
   children: n
 }) {
-  const { isFirstPage: e, texts: o } = g();
+  const { isFirstPage: e, texts: o } = c();
   return /* @__PURE__ */ i(
     P,
     {
@@ -176,12 +177,12 @@ function oa({
     }
   );
 }
-function O({
+function G({
   className: a,
   buttonProps: t,
   children: n
 }) {
-  const { currentPage: e, isFirstPage: o, texts: s } = g();
+  const { currentPage: e, isFirstPage: o, texts: s } = c();
   return /* @__PURE__ */ i(
     P,
     {
@@ -195,12 +196,12 @@ function O({
     }
   );
 }
-function G({
+function U({
   className: a,
   buttonProps: t,
   children: n
 }) {
-  const { currentPage: e, maxPage: o, isLastPage: s, texts: r } = g();
+  const { currentPage: e, maxPage: o, isLastPage: s, texts: r } = c();
   return /* @__PURE__ */ i(
     P,
     {
@@ -214,12 +215,12 @@ function G({
     }
   );
 }
-function ia({
+function ra({
   className: a,
   buttonProps: t,
   children: n
 }) {
-  const { maxPage: e, isLastPage: o, texts: s } = g();
+  const { maxPage: e, isLastPage: o, texts: s } = c();
   return /* @__PURE__ */ i(
     P,
     {
@@ -233,11 +234,11 @@ function ia({
     }
   );
 }
-function U({
+function V({
   className: a,
   ...t
 }) {
-  const { texts: n } = g();
+  const { texts: n } = c();
   return /* @__PURE__ */ L(
     "span",
     {
@@ -256,12 +257,12 @@ function U({
     }
   );
 }
-function sa({
+function ga({
   className: a,
   linkClassName: t,
   ellipsisClassName: n
 }) {
-  const { paginationRange: e } = g();
+  const { paginationRange: e } = c();
   return /* @__PURE__ */ i(
     "div",
     {
@@ -270,7 +271,7 @@ function sa({
       className: l("flex items-center gap-1", a),
       children: e.map(
         (o, s) => o === F ? /* @__PURE__ */ i(
-          U,
+          V,
           {
             className: n
           },
@@ -287,12 +288,12 @@ function sa({
     }
   );
 }
-function ra({
+function ca({
   children: a,
   className: t,
   ...n
 }) {
-  const { totalItems: e, texts: o } = g(), s = typeof a == "function" ? a(e) : a ?? o.total(e);
+  const { totalItems: e, texts: o } = c(), s = typeof a == "function" ? a(e) : a ?? o.total(e);
   return /* @__PURE__ */ i(
     "span",
     {
@@ -303,12 +304,12 @@ function ra({
     }
   );
 }
-function ga({
+function la({
   children: a,
   className: t,
   ...n
 }) {
-  const { currentPage: e, maxPage: o, texts: s } = g(), r = typeof a == "function" ? a({ page: e, max: o }) : a ?? s.pageInfo(e, o);
+  const { currentPage: e, maxPage: o, texts: s } = c(), r = typeof a == "function" ? a({ page: e, max: o }) : a ?? s.pageInfo(e, o);
   return /* @__PURE__ */ i(
     "span",
     {
@@ -324,7 +325,7 @@ function X({
   className: t,
   ...n
 }) {
-  const { range: e, totalItems: o, texts: s } = g(), r = typeof a == "function" ? a({ ...e, total: o }) : a ?? s.range(e.start, e.end, o);
+  const { range: e, totalItems: o, texts: s } = c(), r = typeof a == "function" ? a({ ...e, total: o }) : a ?? s.range(e.start, e.end, o);
   return /* @__PURE__ */ i(
     "span",
     {
@@ -340,27 +341,29 @@ function Z({
   className: t,
   ...n
 }) {
-  const { pageSize: e, setPageSize: o, goTo: s } = g();
+  const { pageSize: e, setPageSize: o, goTo: s } = c(), r = (g) => {
+    o(g), s(1);
+  }, u = a.map((g) => ({
+    label: String(g),
+    value: g
+  }));
   return /* @__PURE__ */ i(
-    "select",
+    A,
     {
+      items: u,
       "data-slot": "pagination-size-select",
       value: e,
-      onChange: (c) => {
-        const p = Number(c.target.value);
-        o(p), s(1);
-      },
+      onValueChange: (g) => g != null && r(g),
       className: l(
         "border border-input rounded-md w-fit min-w-[3rem] bg-background p-2 ring-offset-background",
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
         t
       ),
-      ...n,
-      children: a.map((c) => /* @__PURE__ */ i("option", { value: c, "data-slot": "pagination-size-option", children: c }, c))
+      ...n
     }
   );
 }
-function ca({
+function ua({
   sizes: a = N,
   selectClassName: t,
   rangeClassName: n,
@@ -378,22 +381,22 @@ function ca({
       }
     ),
     /* @__PURE__ */ i(X, { className: n }),
-    /* @__PURE__ */ i(O, { className: e }),
-    /* @__PURE__ */ i(G, { className: o })
+    /* @__PURE__ */ i(G, { className: e }),
+    /* @__PURE__ */ i(U, { className: o })
   ] });
 }
 export {
-  ca as Pagination,
-  U as PaginationEllipsis,
-  oa as PaginationFirst,
-  ia as PaginationLast,
+  ua as Pagination,
+  V as PaginationEllipsis,
+  sa as PaginationFirst,
+  ra as PaginationLast,
   D as PaginationLink,
-  G as PaginationNext,
-  ga as PaginationPageInfo,
-  sa as PaginationPages,
-  O as PaginationPrevious,
+  U as PaginationNext,
+  la as PaginationPageInfo,
+  ga as PaginationPages,
+  G as PaginationPrevious,
   X as PaginationRange,
   _ as PaginationRoot,
   Z as PaginationSizeSelect,
-  ra as PaginationTotal
+  ca as PaginationTotal
 };

package/dist/components/select/select.cjs.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),N=require("../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.cjs.js"),R=require("../../node_modules/@base-ui/react/use-render/useRender.cjs.js"),B=require("../../node_modules/lucide-react/dist/esm/icons/chevron-up.cjs.js"),A=require("../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs.js"),s=require("../../lib/cn.cjs.js"),U=require("../../node_modules/@base-ui/react/select/root/SelectRoot.cjs.js"),M=require("../../node_modules/@base-ui/react/select/trigger/SelectTrigger.cjs.js"),F=require("../../node_modules/@base-ui/react/select/icon/SelectIcon.cjs.js"),O=require("../../node_modules/@base-ui/react/merge-props/mergeProps.cjs.js"),W=require("../../node_modules/@base-ui/react/select/value/SelectValue.cjs.js"),E=require("../../node_modules/@base-ui/react/select/portal/SelectPortal.cjs.js"),H=require("../../node_modules/@base-ui/react/select/positioner/SelectPositioner.cjs.js"),J=require("../../node_modules/@base-ui/react/select/popup/SelectPopup.cjs.js"),K=require("../../node_modules/@base-ui/react/select/scroll-up-arrow/SelectScrollUpArrow.cjs.js"),Q=require("../../node_modules/@base-ui/react/select/list/SelectList.cjs.js"),X=require("../../node_modules/@base-ui/react/select/scroll-down-arrow/SelectScrollDownArrow.cjs.js"),Y=require("../../node_modules/@base-ui/react/select/item/SelectItem.cjs.js"),Z=require("../../node_modules/@base-ui/react/select/item-text/SelectItemText.cjs.js"),ee=require("../../node_modules/@base-ui/react/select/item-indicator/SelectItemIndicator.cjs.js"),te=require("../../node_modules/@base-ui/react/separator/Separator.cjs.js"),re=require("../../node_modules/@base-ui/react/select/group/SelectGroup.cjs.js"),oe=require("../../node_modules/@base-ui/react/select/group-label/SelectGroupLabel.cjs.js"),ne=require("../../node_modules/@base-ui/react/select/label/SelectLabel.cjs.js"),le=require("../input/input.cjs.js"),S=s.cn(le.inputBaseClasses,"relative inline-flex items-center justify-between gap-2 select-none text-left text-foreground","focus-visible:border-ring","aria-invalid:border-error focus-visible:aria-invalid:ring-error/20","has-aria-invalid:border-error has-focus-visible:has-aria-invalid:ring-error/20","data-disabled:cursor-not-allowed data-disabled:opacity-50","[&_svg]:pointer-events-none [&_svg]:shrink-0"),x="-me-1 size-4.5 opacity-80 sm:size-4";function q({...e}){return t.jsx(U.SelectRoot,{...e})}function y({className:e,children:r,icon:n,...a}){return t.jsxs(M.SelectTrigger,{className:s.cn(S,e),"data-slot":"select-trigger",...a,children:[r,t.jsx(F.SelectIcon,{"data-slot":"select-icon",className:"text-muted-foreground hover:text-foreground transition-colors",children:n??t.jsx(N.default,{className:x})})]})}function se({className:e,render:r,children:n,icon:a,...c}){const i=r?void 0:"button",u={children:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"flex-1 truncate in-data-placeholder:text-muted-foreground/72",children:n}),a??t.jsx(N.default,{className:x})]}),className:s.cn(S,"min-w-0",e),"data-slot":"select-button",type:i};return R.useRender({defaultTagName:"button",props:O.mergeProps(u,c),render:r})}function I({className:e,...r}){return t.jsx(W.SelectValue,{className:s.cn("flex-1 truncate data-placeholder:text-muted-foreground",e),"data-slot":"select-value",...r})}function h({className:e,children:r,side:n="bottom",sideOffset:a=4,align:c="start",alignOffset:i=0,alignItemWithTrigger:u=!1,anchor:d,portalProps:f,...p}){return t.jsx(E.SelectPortal,{...f,children:t.jsx(H.SelectPositioner,{align:c,alignItemWithTrigger:u,alignOffset:i,anchor:d,className:"z-50 select-none","data-slot":"select-positioner",side:n,sideOffset:a,children:t.jsxs(J.SelectPopup,{className:"origin-(--transform-origin) text-foreground outline-none duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2","data-slot":"select-popup",...p,children:[t.jsx(K.SelectScrollUpArrow,{className:"top-0 z-50 flex h-6 w-full cursor-default items-center justify-center before:pointer-events-none before:absolute before:inset-x-px before:top-px before:h-[200%] before:rounded-t-[calc(var(--radius-lg)-1px)] before:bg-linear-to-b before:from-50% before:from-popover","data-slot":"select-scroll-up-arrow",children:t.jsx(B.default,{className:"relative size-4.5 sm:size-4"})}),t.jsx("div",{className:"relative h-full min-w-(--anchor-width) rounded-lg border bg-popover not-dark:bg-clip-padding shadow-lg/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]",children:t.jsx(Q.SelectList,{className:s.cn("max-h-[min(24rem,var(--available-height))] overflow-y-auto p-1",e),"data-slot":"select-list",children:r})}),t.jsx(X.SelectScrollDownArrow,{className:"bottom-0 z-50 flex h-6 w-full cursor-default items-center justify-center before:pointer-events-none before:absolute before:inset-x-px before:bottom-px before:h-[200%] before:rounded-b-[calc(var(--radius-lg)-1px)] before:bg-linear-to-t before:from-50% before:from-popover","data-slot":"select-scroll-down-arrow",children:t.jsx(A.default,{className:"relative size-4.5 sm:size-4"})})]})})})}function L({className:e,children:r,...n}){return t.jsxs(Y.SelectItem,{className:s.cn("grid min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default grid-cols-[1fr_1rem] items-center gap-2 rounded-sm py-1 px-2 text-base outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",e),"data-slot":"select-item",...n,children:[t.jsx(Z.SelectItemText,{className:"col-start-1 min-w-0",children:r}),t.jsx(ee.SelectItemIndicator,{className:"col-start-2",children:t.jsx("svg",{"aria-hidden":"true",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M5.252 12.7 10.2 18.63 18.748 5.37"})})})]})}function ae({className:e,...r}){return t.jsx(te.Separator,{className:s.cn("mx-2 my-1 h-px bg-border",e),"data-slot":"select-separator",...r})}function ie(e){return t.jsx(re.SelectGroup,{"data-slot":"select-group",...e})}function ce(e){return t.jsx(oe.SelectGroupLabel,{className:"px-2 py-1.5 font-medium text-muted-foreground text-xs","data-slot":"select-group-label",...e})}function ue({className:e,...r}){return t.jsx(ne.SelectLabel,{className:s.cn("not-in-data-[slot=field]:mb-2 inline-flex cursor-default items-center gap-2 font-medium text-base/4.5 text-foreground sm:text-sm/4",e),"data-slot":"select-label",...r})}function de(e){if(e==null)return"";if(typeof e=="string"||typeof e=="number")return String(e);if(typeof e=="object"){const r=e;if("label"in r)return String(r.label);if("name"in r)return String(r.name);if("title"in r)return String(r.title)}return String(e)}function fe(e){if(e==null)return"";if(typeof e=="string"||typeof e=="number")return String(e);if(typeof e=="object"){const r=e;if("id"in r)return String(r.id);if("value"in r)return String(r.value)}return String(e)}function pe(e){return e!=null&&typeof e=="object"&&"disabled"in e?!!e.disabled:!1}function ge(e){const{items:r,getLabel:n,getId:a,getDisabled:c,renderItem:i,placeholder:u,onValueChange:d,value:f,defaultValue:p,multiple:b,className:z,classNames:v,icon:P,"aria-invalid":j,...T}=e,w=n??de,l=a??fe,G=c??pe,_=b?f?.map(l):f!=null?l(f):void 0,C=b?p?.map(l):p!=null?l(p):void 0,k=o=>{if(b){const m=(o??[]).map(V=>r.find($=>l($)===V)??null).filter(Boolean);d?.(m)}else{if(o==null){d?.(null);return}const g=r.find(m=>l(m)===o)??null;d?.(g)}},D=o=>{const g=r.find(m=>l(m)===o);return g?w(g):o};return t.jsxs(q,{itemToStringLabel:D,multiple:b,value:_,defaultValue:C,onValueChange:k,...T,children:[t.jsx(y,{className:z,icon:P,...j===void 0?{}:{"aria-invalid":j},children:t.jsx(I,{placeholder:u})}),t.jsx(h,{className:v?.popup,children:r.map(o=>t.jsx(L,{value:l(o),disabled:G(o),className:v?.item,children:i?i(o):w(o)},l(o)))})]})}exports.Select=ge;exports.SelectButton=se;exports.SelectContent=h;exports.SelectGroup=ie;exports.SelectGroupLabel=ce;exports.SelectItem=L;exports.SelectLabel=ue;exports.SelectPopup=h;exports.SelectRoot=q;exports.SelectSeparator=ae;exports.SelectTrigger=y;exports.SelectValue=I;exports.selectTriggerClasses=S;exports.selectTriggerIconClassName=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),O=require("react"),P=require("../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.cjs.js"),A=require("../../node_modules/@base-ui/react/use-render/useRender.cjs.js"),M=require("../../node_modules/lucide-react/dist/esm/icons/chevron-up.cjs.js"),U=require("../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs.js"),a=require("../../lib/cn.cjs.js"),E=require("../../node_modules/@base-ui/react/select/root/SelectRoot.cjs.js"),K=require("../../node_modules/@base-ui/react/select/trigger/SelectTrigger.cjs.js"),F=require("../../node_modules/@base-ui/react/select/icon/SelectIcon.cjs.js"),W=require("../../node_modules/@base-ui/react/merge-props/mergeProps.cjs.js"),H=require("../../node_modules/@base-ui/react/select/value/SelectValue.cjs.js"),J=require("../../node_modules/@base-ui/react/select/portal/SelectPortal.cjs.js"),Q=require("../../node_modules/@base-ui/react/select/positioner/SelectPositioner.cjs.js"),X=require("../../node_modules/@base-ui/react/select/popup/SelectPopup.cjs.js"),Y=require("../../node_modules/@base-ui/react/select/scroll-up-arrow/SelectScrollUpArrow.cjs.js"),Z=require("../../node_modules/@base-ui/react/select/list/SelectList.cjs.js"),ee=require("../../node_modules/@base-ui/react/select/scroll-down-arrow/SelectScrollDownArrow.cjs.js"),te=require("../../node_modules/@base-ui/react/select/item/SelectItem.cjs.js"),re=require("../../node_modules/@base-ui/react/select/item-text/SelectItemText.cjs.js"),oe=require("../../node_modules/@base-ui/react/select/item-indicator/SelectItemIndicator.cjs.js"),ne=require("../../node_modules/@base-ui/react/separator/Separator.cjs.js"),se=require("../../node_modules/@base-ui/react/select/group/SelectGroup.cjs.js"),le=require("../../node_modules/@base-ui/react/select/group-label/SelectGroupLabel.cjs.js"),ae=require("../../node_modules/@base-ui/react/select/label/SelectLabel.cjs.js"),ie=require("../input/input.cjs.js");function ce(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const ue=ce(O),v=a.cn(ie.inputBaseClasses,"relative inline-flex items-center justify-between gap-2 select-none text-left text-foreground","focus-visible:border-ring","aria-invalid:border-error focus-visible:aria-invalid:ring-error/20","has-aria-invalid:border-error has-focus-visible:has-aria-invalid:ring-error/20","data-disabled:cursor-not-allowed data-disabled:opacity-50","[&_svg]:pointer-events-none [&_svg]:shrink-0"),j="-me-1 size-4.5 opacity-80 sm:size-4";function z({...e}){return r.jsx(E.SelectRoot,{...e})}function L({className:e,children:t,icon:n,...l}){return r.jsxs(K.SelectTrigger,{className:a.cn(v,e),"data-slot":"select-trigger",...l,children:[t,r.jsx(F.SelectIcon,{"data-slot":"select-icon",className:"text-muted-foreground hover:text-foreground transition-colors",children:n??r.jsx(P.default,{className:j})})]})}function de({className:e,render:t,children:n,icon:l,...u}){const i=t?void 0:"button",d={children:r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"flex-1 truncate in-data-placeholder:text-muted-foreground/72",children:n}),l??r.jsx(P.default,{className:j})]}),className:a.cn(v,"min-w-0",e),"data-slot":"select-button",type:i};return A.useRender({defaultTagName:"button",props:W.mergeProps(d,u),render:t})}function _({className:e,...t}){return r.jsx(H.SelectValue,{className:a.cn("flex-1 truncate data-placeholder:text-muted-foreground",e),"data-slot":"select-value",...t})}function w({className:e,children:t,side:n="bottom",sideOffset:l=4,align:u="start",alignOffset:i=0,alignItemWithTrigger:d=!1,anchor:f,portalProps:c,...p}){return r.jsx(J.SelectPortal,{...c,children:r.jsx(Q.SelectPositioner,{align:u,alignItemWithTrigger:d,alignOffset:i,anchor:f,className:"z-50 select-none","data-slot":"select-positioner",side:n,sideOffset:l,children:r.jsxs(X.SelectPopup,{className:"origin-(--transform-origin) text-foreground outline-none duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2","data-slot":"select-popup",...p,children:[r.jsx(Y.SelectScrollUpArrow,{className:"top-0 z-50 flex h-6 w-full cursor-default items-center justify-center before:pointer-events-none before:absolute before:inset-x-px before:top-px before:h-[200%] before:rounded-t-[calc(var(--radius-lg)-1px)] before:bg-linear-to-b before:from-50% before:from-popover","data-slot":"select-scroll-up-arrow",children:r.jsx(M.default,{className:"relative size-4.5 sm:size-4"})}),r.jsx("div",{className:"relative h-full min-w-(--anchor-width) rounded-lg border bg-popover not-dark:bg-clip-padding shadow-lg/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]",children:r.jsx(Z.SelectList,{className:a.cn("max-h-[min(24rem,var(--available-height))] overflow-y-auto p-1",e),"data-slot":"select-list",children:t})}),r.jsx(ee.SelectScrollDownArrow,{className:"bottom-0 z-50 flex h-6 w-full cursor-default items-center justify-center before:pointer-events-none before:absolute before:inset-x-px before:bottom-px before:h-[200%] before:rounded-b-[calc(var(--radius-lg)-1px)] before:bg-linear-to-t before:from-50% before:from-popover","data-slot":"select-scroll-down-arrow",children:r.jsx(U.default,{className:"relative size-4.5 sm:size-4"})})]})})})}function T({className:e,children:t,...n}){return r.jsxs(te.SelectItem,{className:a.cn("grid min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default grid-cols-[1fr_1rem] items-center gap-2 rounded-sm py-1 px-2 text-base outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",e),"data-slot":"select-item",...n,children:[r.jsx(re.SelectItemText,{className:"col-start-1 min-w-0",children:t}),r.jsx(oe.SelectItemIndicator,{className:"col-start-2",children:r.jsx("svg",{"aria-hidden":"true",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:r.jsx("path",{d:"M5.252 12.7 10.2 18.63 18.748 5.37"})})})]})}function fe({className:e,...t}){return r.jsx(ne.Separator,{className:a.cn("mx-2 my-1 h-px bg-border",e),"data-slot":"select-separator",...t})}function pe(e){return r.jsx(se.SelectGroup,{"data-slot":"select-group",...e})}function ge(e){return r.jsx(le.SelectGroupLabel,{className:"px-2 py-1.5 font-medium text-muted-foreground text-xs","data-slot":"select-group-label",...e})}function me({className:e,...t}){return r.jsx(ae.SelectLabel,{className:a.cn("not-in-data-[slot=field]:mb-2 inline-flex cursor-default items-center gap-2 font-medium text-base/4.5 text-foreground sm:text-sm/4",e),"data-slot":"select-label",...t})}function be(e){if(e==null)return"";if(typeof e=="string"||typeof e=="number")return String(e);if(typeof e=="object"){const t=e;if("label"in t)return String(t.label);if("name"in t)return String(t.name);if("title"in t)return String(t.title)}return String(e)}function Se(e){if(e==null)return"";if(typeof e=="string"||typeof e=="number")return String(e);if(typeof e=="object"){const t=e;if("id"in t)return String(t.id);if("value"in t)return String(t.value)}return String(e)}function xe(e){return e!=null&&typeof e=="object"&&"disabled"in e?!!e.disabled:!1}function he(e){const{items:t,getLabel:n,getId:l,getDisabled:u,renderItem:i,placeholder:d,onValueChange:f,value:c,defaultValue:p,multiple:g,className:k,classNames:N,icon:D,"aria-invalid":y,...G}=e,q=n??be,S=l??Se,R=u??xe,m=o=>String(S(o)),x=o=>t.find(s=>m(s)===o)??null,I=ue.useRef(!1);if(process.env.NODE_ENV!=="production"&&!I.current){const o=new Set,s=new Set;for(const b of t){const h=m(b);o.has(h)&&s.add(h),o.add(h)}s.size>0&&(I.current=!0,console.warn(`[Select] Multiple items resolve to the same id (${[...s].join(", ")}). Provide a \`getId\` that returns a unique value per item.`))}const C=g?c?.map(o=>String(o)):c==null?c:String(c),V=g?p?.map(o=>String(o)):p==null?void 0:String(p),$=o=>{if(g){const b=(o??[]).map(x).filter(Boolean);f?.(b.map(S),b)}else{if(o==null){f?.(null,null);return}const s=x(o);f?.(s?S(s):null,s)}},B=o=>{const s=x(o);return s?q(s):o};return r.jsxs(z,{itemToStringLabel:B,multiple:g,value:C,defaultValue:V,onValueChange:$,...G,children:[r.jsx(L,{className:k,icon:D,...y===void 0?{}:{"aria-invalid":y},children:r.jsx(_,{placeholder:d})}),r.jsx(w,{className:N?.popup,children:t.map(o=>r.jsx(T,{value:m(o),disabled:R(o),className:N?.item,children:i?i(o):q(o)},m(o)))})]})}exports.Select=he;exports.SelectButton=de;exports.SelectContent=w;exports.SelectGroup=pe;exports.SelectGroupLabel=ge;exports.SelectItem=T;exports.SelectLabel=me;exports.SelectPopup=w;exports.SelectRoot=z;exports.SelectSeparator=fe;exports.SelectTrigger=L;exports.SelectValue=_;exports.selectTriggerClasses=v;exports.selectTriggerIconClassName=j;