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

package/dist/components/select/select.es.js

@@ -1,99 +1,100 @@
 "use client";
-import { jsx as r, jsxs as b, Fragment as G } from "react/jsx-runtime";
-import w from "../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.es.js";
-import { useRender as T } from "../../node_modules/@base-ui/react/use-render/useRender.es.js";
-import D from "../../node_modules/lucide-react/dist/esm/icons/chevron-up.es.js";
-import $ from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.es.js";
-import { cn as n } from "../../lib/cn.es.js";
-import { SelectRoot as V } from "../../node_modules/@base-ui/react/select/root/SelectRoot.es.js";
-import { SelectTrigger as B } from "../../node_modules/@base-ui/react/select/trigger/SelectTrigger.es.js";
-import { SelectIcon as R } from "../../node_modules/@base-ui/react/select/icon/SelectIcon.es.js";
-import { mergeProps as U } from "../../node_modules/@base-ui/react/merge-props/mergeProps.es.js";
-import { SelectValue as A } from "../../node_modules/@base-ui/react/select/value/SelectValue.es.js";
-import { SelectPortal as F } from "../../node_modules/@base-ui/react/select/portal/SelectPortal.es.js";
-import { SelectPositioner as M } from "../../node_modules/@base-ui/react/select/positioner/SelectPositioner.es.js";
-import { SelectPopup as W } from "../../node_modules/@base-ui/react/select/popup/SelectPopup.es.js";
-import { SelectScrollUpArrow as q } from "../../node_modules/@base-ui/react/select/scroll-up-arrow/SelectScrollUpArrow.es.js";
-import { SelectList as E } from "../../node_modules/@base-ui/react/select/list/SelectList.es.js";
-import { SelectScrollDownArrow as H } from "../../node_modules/@base-ui/react/select/scroll-down-arrow/SelectScrollDownArrow.es.js";
-import { SelectItem as J } from "../../node_modules/@base-ui/react/select/item/SelectItem.es.js";
-import { SelectItemText as K } from "../../node_modules/@base-ui/react/select/item-text/SelectItemText.es.js";
-import { SelectItemIndicator as O } from "../../node_modules/@base-ui/react/select/item-indicator/SelectItemIndicator.es.js";
-import { Separator as Q } from "../../node_modules/@base-ui/react/separator/Separator.es.js";
-import { SelectGroup as X } from "../../node_modules/@base-ui/react/select/group/SelectGroup.es.js";
-import { SelectGroupLabel as Y } from "../../node_modules/@base-ui/react/select/group-label/SelectGroupLabel.es.js";
-import { SelectLabel as Z } from "../../node_modules/@base-ui/react/select/label/SelectLabel.es.js";
-import { inputBaseClasses as ee } from "../input/input.es.js";
-const N = n(
-  ee,
+import { jsx as r, jsxs as p, Fragment as T } from "react/jsx-runtime";
+import * as $ from "react";
+import I from "../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.es.js";
+import { useRender as V } from "../../node_modules/@base-ui/react/use-render/useRender.es.js";
+import R from "../../node_modules/lucide-react/dist/esm/icons/chevron-up.es.js";
+import B from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.es.js";
+import { cn as l } from "../../lib/cn.es.js";
+import { SelectRoot as U } from "../../node_modules/@base-ui/react/select/root/SelectRoot.es.js";
+import { SelectTrigger as A } from "../../node_modules/@base-ui/react/select/trigger/SelectTrigger.es.js";
+import { SelectIcon as E } from "../../node_modules/@base-ui/react/select/icon/SelectIcon.es.js";
+import { mergeProps as K } from "../../node_modules/@base-ui/react/merge-props/mergeProps.es.js";
+import { SelectValue as M } from "../../node_modules/@base-ui/react/select/value/SelectValue.es.js";
+import { SelectPortal as q } from "../../node_modules/@base-ui/react/select/portal/SelectPortal.es.js";
+import { SelectPositioner as F } from "../../node_modules/@base-ui/react/select/positioner/SelectPositioner.es.js";
+import { SelectPopup as O } from "../../node_modules/@base-ui/react/select/popup/SelectPopup.es.js";
+import { SelectScrollUpArrow as W } from "../../node_modules/@base-ui/react/select/scroll-up-arrow/SelectScrollUpArrow.es.js";
+import { SelectList as H } from "../../node_modules/@base-ui/react/select/list/SelectList.es.js";
+import { SelectScrollDownArrow as J } from "../../node_modules/@base-ui/react/select/scroll-down-arrow/SelectScrollDownArrow.es.js";
+import { SelectItem as Q } from "../../node_modules/@base-ui/react/select/item/SelectItem.es.js";
+import { SelectItemText as X } from "../../node_modules/@base-ui/react/select/item-text/SelectItemText.es.js";
+import { SelectItemIndicator as Y } from "../../node_modules/@base-ui/react/select/item-indicator/SelectItemIndicator.es.js";
+import { Separator as Z } from "../../node_modules/@base-ui/react/separator/Separator.es.js";
+import { SelectGroup as ee } from "../../node_modules/@base-ui/react/select/group/SelectGroup.es.js";
+import { SelectGroupLabel as te } from "../../node_modules/@base-ui/react/select/group-label/SelectGroupLabel.es.js";
+import { SelectLabel as re } from "../../node_modules/@base-ui/react/select/label/SelectLabel.es.js";
+import { inputBaseClasses as oe } from "../input/input.es.js";
+const L = l(
+  oe,
   "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"
-), y = "-me-1 size-4.5 opacity-80 sm:size-4";
-function te({
+), k = "-me-1 size-4.5 opacity-80 sm:size-4";
+function ae({
   ...e
 }) {
-  return /* @__PURE__ */ r(V, { ...e });
+  return /* @__PURE__ */ r(U, { ...e });
 }
-function re({
+function ne({
   className: e,
   children: t,
-  icon: a,
-  ...i
+  icon: n,
+  ...s
 }) {
-  return /* @__PURE__ */ b(
-    B,
+  return /* @__PURE__ */ p(
+    A,
     {
-      className: n(N, e),
+      className: l(L, e),
       "data-slot": "select-trigger",
-      ...i,
+      ...s,
       children: [
         t,
         /* @__PURE__ */ r(
-          R,
+          E,
           {
             "data-slot": "select-icon",
             className: "text-muted-foreground hover:text-foreground transition-colors",
-            children: a ?? /* @__PURE__ */ r(w, { className: y })
+            children: n ?? /* @__PURE__ */ r(I, { className: k })
           }
         )
       ]
     }
   );
 }
-function Ve({
+function Ue({
   className: e,
   render: t,
-  children: a,
-  icon: i,
-  ...c
+  children: n,
+  icon: s,
+  ...d
 }) {
-  const s = t ? void 0 : "button", d = {
-    children: /* @__PURE__ */ b(G, { children: [
-      /* @__PURE__ */ r("span", { className: "flex-1 truncate in-data-placeholder:text-muted-foreground/72", children: a }),
-      i ?? /* @__PURE__ */ r(w, { className: y })
+  const i = t ? void 0 : "button", u = {
+    children: /* @__PURE__ */ p(T, { children: [
+      /* @__PURE__ */ r("span", { className: "flex-1 truncate in-data-placeholder:text-muted-foreground/72", children: n }),
+      s ?? /* @__PURE__ */ r(I, { className: k })
     ] }),
-    className: n(N, "min-w-0", e),
+    className: l(L, "min-w-0", e),
     "data-slot": "select-button",
-    type: s
+    type: i
   };
-  return T({
+  return V({
     defaultTagName: "button",
-    props: U(d, c),
+    props: K(u, d),
     render: t
   });
 }
-function oe({
+function le({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ r(
-    A,
+    M,
     {
-      className: n(
+      className: l(
         "flex-1 truncate data-placeholder:text-muted-foreground",
         e
       ),
@@ -102,48 +103,48 @@ function oe({
     }
   );
 }
-function ae({
+function se({
   className: e,
   children: t,
-  side: a = "bottom",
-  sideOffset: i = 4,
-  align: c = "start",
-  alignOffset: s = 0,
-  alignItemWithTrigger: d = !1,
-  anchor: u,
-  portalProps: f,
+  side: n = "bottom",
+  sideOffset: s = 4,
+  align: d = "start",
+  alignOffset: i = 0,
+  alignItemWithTrigger: u = !1,
+  anchor: f,
+  portalProps: c,
   ...m
 }) {
-  return /* @__PURE__ */ r(F, { ...f, children: /* @__PURE__ */ r(
-    M,
+  return /* @__PURE__ */ r(q, { ...c, children: /* @__PURE__ */ r(
+    F,
     {
-      align: c,
-      alignItemWithTrigger: d,
-      alignOffset: s,
-      anchor: u,
+      align: d,
+      alignItemWithTrigger: u,
+      alignOffset: i,
+      anchor: f,
       className: "z-50 select-none",
       "data-slot": "select-positioner",
-      side: a,
-      sideOffset: i,
-      children: /* @__PURE__ */ b(
-        W,
+      side: n,
+      sideOffset: s,
+      children: /* @__PURE__ */ p(
+        O,
         {
           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",
           ...m,
           children: [
             /* @__PURE__ */ r(
-              q,
+              W,
               {
                 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: /* @__PURE__ */ r(D, { className: "relative size-4.5 sm:size-4" })
+                children: /* @__PURE__ */ r(R, { className: "relative size-4.5 sm:size-4" })
               }
             ),
             /* @__PURE__ */ r("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: /* @__PURE__ */ r(
-              E,
+              H,
               {
-                className: n(
+                className: l(
                   "max-h-[min(24rem,var(--available-height))] overflow-y-auto p-1",
                   e
                 ),
@@ -152,11 +153,11 @@ function ae({
               }
             ) }),
             /* @__PURE__ */ r(
-              H,
+              J,
               {
                 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: /* @__PURE__ */ r($, { className: "relative size-4.5 sm:size-4" })
+                children: /* @__PURE__ */ r(B, { className: "relative size-4.5 sm:size-4" })
               }
             )
           ]
@@ -165,23 +166,23 @@ function ae({
     }
   ) });
 }
-function le({
+function ie({
   className: e,
   children: t,
-  ...a
+  ...n
 }) {
-  return /* @__PURE__ */ b(
-    J,
+  return /* @__PURE__ */ p(
+    Q,
     {
-      className: n(
+      className: l(
         "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",
-      ...a,
+      ...n,
       children: [
-        /* @__PURE__ */ r(K, { className: "col-start-1 min-w-0", children: t }),
-        /* @__PURE__ */ r(O, { className: "col-start-2", children: /* @__PURE__ */ r(
+        /* @__PURE__ */ r(X, { className: "col-start-1 min-w-0", children: t }),
+        /* @__PURE__ */ r(Y, { className: "col-start-2", children: /* @__PURE__ */ r(
           "svg",
           {
             "aria-hidden": "true",
@@ -201,25 +202,25 @@ function le({
     }
   );
 }
-function Be({
+function Ae({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ r(
-    Q,
+    Z,
     {
-      className: n("mx-2 my-1 h-px bg-border", e),
+      className: l("mx-2 my-1 h-px bg-border", e),
       "data-slot": "select-separator",
       ...t
     }
   );
 }
-function Re(e) {
-  return /* @__PURE__ */ r(X, { "data-slot": "select-group", ...e });
+function Ee(e) {
+  return /* @__PURE__ */ r(ee, { "data-slot": "select-group", ...e });
 }
-function Ue(e) {
+function Ke(e) {
   return /* @__PURE__ */ r(
-    Y,
+    te,
     {
       className: "px-2 py-1.5 font-medium text-muted-foreground text-xs",
       "data-slot": "select-group-label",
@@ -227,14 +228,14 @@ function Ue(e) {
     }
   );
 }
-function Ae({
+function Me({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ r(
-    Z,
+    re,
     {
-      className: n(
+      className: l(
         "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
       ),
@@ -243,7 +244,7 @@ function Ae({
     }
   );
 }
-function ne(e) {
+function ce(e) {
   if (e == null) return "";
   if (typeof e == "string" || typeof e == "number") return String(e);
   if (typeof e == "object") {
@@ -254,7 +255,7 @@ function ne(e) {
   }
   return String(e);
 }
-function ie(e) {
+function de(e) {
   if (e == null) return "";
   if (typeof e == "string" || typeof e == "number") return String(e);
   if (typeof e == "object") {
@@ -264,88 +265,101 @@ function ie(e) {
   }
   return String(e);
 }
-function se(e) {
+function ue(e) {
   return e != null && typeof e == "object" && "disabled" in e ? !!e.disabled : !1;
 }
-function Fe(e) {
+function qe(e) {
   const {
     items: t,
-    getLabel: a,
-    getId: i,
-    getDisabled: c,
-    renderItem: s,
-    placeholder: d,
-    onValueChange: u,
-    value: f,
+    getLabel: n,
+    getId: s,
+    getDisabled: d,
+    renderItem: i,
+    placeholder: u,
+    onValueChange: f,
+    value: c,
     defaultValue: m,
-    multiple: h,
-    className: z,
-    classNames: v,
-    icon: L,
-    "aria-invalid": S,
-    ...I
-  } = e, x = a ?? ne, l = i ?? ie, C = c ?? se, _ = h ? f?.map(l) : f != null ? l(f) : void 0, P = h ? m?.map(l) : m != null ? l(m) : void 0;
-  return /* @__PURE__ */ b(
-    te,
+    multiple: g,
+    className: C,
+    classNames: w,
+    icon: _,
+    "aria-invalid": N,
+    ...P
+  } = e, y = n ?? ce, S = s ?? de, j = d ?? ue, b = (o) => String(S(o)), v = (o) => t.find((a) => b(a) === o) ?? null, z = $.useRef(!1);
+  if (process.env.NODE_ENV !== "production" && !z.current) {
+    const o = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set();
+    for (const h of t) {
+      const x = b(h);
+      o.has(x) && a.add(x), o.add(x);
+    }
+    a.size > 0 && (z.current = !0, console.warn(
+      `[Select] Multiple items resolve to the same id (${[...a].join(", ")}). Provide a \`getId\` that returns a unique value per item.`
+    ));
+  }
+  const D = g ? c?.map((o) => String(o)) : c == null ? c : String(c), G = g ? m?.map(
+    (o) => String(o)
+  ) : m == null ? void 0 : String(m);
+  return /* @__PURE__ */ p(
+    ae,
     {
       itemToStringLabel: (o) => {
-        const p = t.find((g) => l(g) === o);
-        return p ? x(p) : o;
+        const a = v(o);
+        return a ? y(a) : o;
       },
-      multiple: h,
-      value: _,
-      defaultValue: P,
+      multiple: g,
+      value: D,
+      defaultValue: G,
       onValueChange: (o) => {
-        if (h) {
-          const g = (o ?? []).map((j) => t.find((k) => l(k) === j) ?? null).filter(Boolean);
-          u?.(g);
+        if (g) {
+          const h = (o ?? []).map(v).filter(Boolean);
+          f?.(h.map(S), h);
         } else {
           if (o == null) {
-            u?.(null);
+            f?.(null, null);
             return;
           }
-          const p = t.find((g) => l(g) === o) ?? null;
-          u?.(p);
+          const a = v(o);
+          f?.(a ? S(a) : null, a);
         }
       },
-      ...I,
+      ...P,
       children: [
         /* @__PURE__ */ r(
-          re,
+          ne,
           {
-            className: z,
-            icon: L,
-            ...S === void 0 ? {} : { "aria-invalid": S },
-            children: /* @__PURE__ */ r(oe, { placeholder: d })
+            className: C,
+            icon: _,
+            ...N === void 0 ? {} : { "aria-invalid": N },
+            children: /* @__PURE__ */ r(le, { placeholder: u })
           }
         ),
-        /* @__PURE__ */ r(ae, { className: v?.popup, children: t.map((o) => /* @__PURE__ */ r(
-          le,
+        /* @__PURE__ */ r(se, { className: w?.popup, children: t.map((o) => /* @__PURE__ */ r(
+          ie,
           {
-            value: l(o),
-            disabled: C(o),
-            className: v?.item,
-            children: s ? s(o) : x(o)
+            value: b(o),
+            disabled: j(o),
+            className: w?.item,
+            children: i ? i(o) : y(o)
           },
-          l(o)
+          b(o)
         )) })
       ]
     }
   );
 }
 export {
-  Fe as Select,
-  Ve as SelectButton,
-  ae as SelectContent,
-  Re as SelectGroup,
-  Ue as SelectGroupLabel,
-  le as SelectItem,
-  Ae as SelectLabel,
-  ae as SelectPopup,
-  te as SelectRoot,
-  Be as SelectSeparator,
-  re as SelectTrigger,
-  oe as SelectValue,
-  N as selectTriggerClasses,
-  y as selectTriggerIconClassName
+  qe as Select,
+  Ue as SelectButton,
+  se as SelectContent,
+  Ee as SelectGroup,
+  Ke as SelectGroupLabel,
+  ie as SelectItem,
+  Me as SelectLabel,
+  se as SelectPopup,
+  ae as SelectRoot,
+  Ae as SelectSeparator,
+  ne as SelectTrigger,
+  le as SelectValue,
+  L as selectTriggerClasses,
+  k as selectTriggerIconClassName
 };

package/dist/hooks/use-pagination/use-pagination.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),f=require("../internal/use-latest-ref.cjs.js"),G=10,O=1;function m(e,r){return e<=0||Number.isNaN(e)?(process.env.NODE_ENV!=="production"&&(!r||!r.current)&&(r&&(r.current=!0),console.warn(`[usePagination] pageSize must be a positive number, received ${e}. Coercing to 1.`)),1):Math.floor(e)}function U(e,r){return e<=0?0:Math.ceil(e/r)}function d(e,r){return r<=0||Number.isNaN(e)?1:Math.min(Math.max(1,Math.floor(e)),r)}function j({totalItems:e,pageSize:r,defaultPageSize:z=G,onPageSizeChange:b,page:C,defaultPage:A=O,onPageChange:T,onPaginationChange:_}){const[p,R]=n.useState(A),[S,h]=n.useState(z),x=n.useRef(!1),c=m(r??S,x),o=U(e,c),u=d(C??p,o),i=f.useLatestRef(u),y=f.useLatestRef(c),s=f.useLatestRef(o),L=f.useLatestRef(T),N=f.useLatestRef(b),D=f.useLatestRef(_),P=n.useRef(!1),l=n.useRef(null),E=n.useRef(null);n.useEffect(()=>{if(!P.current)return;const t=d(p,s.current);l.current!==t&&(l.current=t,L.current?.(t))},[p]),n.useEffect(()=>{if(!P.current)return;const t=m(S);E.current!==t&&(E.current=t,N.current?.(t))},[S]),n.useEffect(()=>{P.current&&D.current?.({page:u,pageSize:c})},[u,c]),n.useEffect(()=>{P.current=!0},[]);const F=n.useMemo(()=>{const t=g=>{const a=d(g,s.current);a!==i.current&&R(a)};return{goTo:g=>{s.current<=0||t(g)},next:()=>{i.current>=s.current||t(i.current+1)},prev:()=>{i.current<=1||t(i.current-1)},firstPage:()=>{s.current<=0||t(1)},lastPage:()=>{s.current<=0||t(s.current)},setPageSize:g=>{const a=m(g);a!==y.current&&(E.current=a,h(a),N.current?.(a),i.current!==1&&(l.current=1,L.current?.(1)),R(1))}}},[R,h]),v=o<=0?!0:u<=1,M=o<=0?!0:u>=o,q=e<=0?{start:0,end:0}:{start:(u-1)*c+1,end:Math.min(u*c,e)};return{page:u,pageSize:c,pageCount:o,isFirstPage:v,isLastPage:M,hasPrevPage:!v,hasNextPage:!M,range:q,...F}}exports.usePagination=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),o=require("../internal/use-latest-ref.cjs.js"),O=10,U=1;function d(e,r){return e<=0||Number.isNaN(e)?(process.env.NODE_ENV!=="production"&&(!r||!r.current)&&(r&&(r.current=!0),console.warn(`[usePagination] pageSize must be a positive number, received ${e}. Coercing to 1.`)),1):Math.floor(e)}function j(e,r){return e<=0?0:Math.ceil(e/r)}function h(e,r){return r<=0||Number.isNaN(e)?1:Math.min(Math.max(1,Math.floor(e)),r)}function V({totalItems:e,pageSize:r,defaultPageSize:z=O,onPageSizeChange:b,page:C,defaultPage:A=U,onPageChange:T,onPaginationChange:_}){const[P,S]=n.useState(A),[l,L]=n.useState(z),x=n.useRef(!1),s=d(r??l,x),i=j(e,s),c=h(C??P,i),f=o.useLatestRef(c),y=o.useLatestRef(P),D=o.useLatestRef(s),a=o.useLatestRef(i),E=o.useLatestRef(T),N=o.useLatestRef(b),F=o.useLatestRef(_),R=n.useRef(!1),p=n.useRef(null),m=n.useRef(null);n.useEffect(()=>{if(!R.current)return;const t=h(P,a.current);p.current!==t&&(p.current=t,E.current?.(t))},[P]),n.useEffect(()=>{if(!R.current)return;const t=d(l);m.current!==t&&(m.current=t,N.current?.(t))},[l]),n.useEffect(()=>{R.current&&F.current?.({page:c,pageSize:s})},[c,s]),n.useEffect(()=>{R.current=!0},[]);const q=n.useMemo(()=>{const t=g=>{const u=h(g,a.current);u!==f.current&&(y.current===u&&(p.current=u,E.current?.(u)),S(u))};return{goTo:g=>{a.current<=0||t(g)},next:()=>{f.current>=a.current||t(f.current+1)},prev:()=>{f.current<=1||t(f.current-1)},firstPage:()=>{a.current<=0||t(1)},lastPage:()=>{a.current<=0||t(a.current)},setPageSize:g=>{const u=d(g);u!==D.current&&(m.current=u,L(u),N.current?.(u),f.current!==1&&(p.current=1,E.current?.(1)),S(1))}}},[S,L]),v=i<=0?!0:c<=1,M=i<=0?!0:c>=i,G=e<=0?{start:0,end:0}:{start:(c-1)*s+1,end:Math.min(c*s,e)};return{page:c,pageSize:s,pageCount:i,isFirstPage:v,isLastPage:M,hasPrevPage:!v,hasNextPage:!M,range:G,...q}}exports.usePagination=V;

package/dist/hooks/use-pagination/use-pagination.es.js

@@ -1,83 +1,83 @@
-import { useState as b, useRef as P, useEffect as p, useMemo as V } from "react";
-import { useLatestRef as s } from "../internal/use-latest-ref.es.js";
-const Z = 10, $ = 1;
+import { useState as b, useRef as S, useEffect as l, useMemo as Z } from "react";
+import { useLatestRef as o } from "../internal/use-latest-ref.es.js";
+const $ = 10, j = 1;
 function d(e, t) {
   return e <= 0 || Number.isNaN(e) ? (process.env.NODE_ENV !== "production" && (!t || !t.current) && (t && (t.current = !0), console.warn(
     `[usePagination] pageSize must be a positive number, received ${e}. Coercing to 1.`
   )), 1) : Math.floor(e);
 }
-function j(e, t) {
+function k(e, t) {
   return e <= 0 ? 0 : Math.ceil(e / t);
 }
 function N(e, t) {
   return t <= 0 || Number.isNaN(e) ? 1 : Math.min(Math.max(1, Math.floor(e)), t);
 }
-function B({
+function H({
   totalItems: e,
   pageSize: t,
-  defaultPageSize: x = Z,
+  defaultPageSize: x = $,
   onPageSizeChange: A,
   page: L,
-  defaultPage: _ = $,
+  defaultPage: _ = j,
   onPageChange: D,
   onPaginationChange: F
 }) {
-  const [S, l] = b(_), [m, R] = b(x), T = P(!1), u = d(t ?? m, T), o = j(e, u), n = N(L ?? S, o), i = s(n), G = s(u), c = s(o), v = s(D), z = s(A), U = s(F), g = P(!1), h = P(null), E = P(null);
-  p(() => {
-    if (!g.current) return;
-    const r = N(S, c.current);
-    h.current !== r && (h.current = r, v.current?.(r));
-  }, [S]), p(() => {
-    if (!g.current) return;
-    const r = d(m);
-    E.current !== r && (E.current = r, z.current?.(r));
-  }, [m]), p(() => {
-    g.current && U.current?.({ page: n, pageSize: u });
-  }, [n, u]), p(() => {
-    g.current = !0;
+  const [g, m] = b(_), [h, v] = b(x), T = S(!1), c = d(t ?? h, T), i = k(e, c), u = N(L ?? g, i), s = o(u), G = o(g), U = o(c), a = o(i), E = o(D), z = o(A), y = o(F), P = S(!1), p = S(null), R = S(null);
+  l(() => {
+    if (!P.current) return;
+    const r = N(g, a.current);
+    p.current !== r && (p.current = r, E.current?.(r));
+  }, [g]), l(() => {
+    if (!P.current) return;
+    const r = d(h);
+    R.current !== r && (R.current = r, z.current?.(r));
+  }, [h]), l(() => {
+    P.current && y.current?.({ page: u, pageSize: c });
+  }, [u, c]), l(() => {
+    P.current = !0;
   }, []);
-  const y = V(() => {
+  const O = Z(() => {
     const r = (f) => {
-      const a = N(f, c.current);
-      a !== i.current && l(a);
+      const n = N(f, a.current);
+      n !== s.current && (G.current === n && (p.current = n, E.current?.(n)), m(n));
     };
     return {
       goTo: (f) => {
-        c.current <= 0 || r(f);
+        a.current <= 0 || r(f);
       },
       next: () => {
-        i.current >= c.current || r(i.current + 1);
+        s.current >= a.current || r(s.current + 1);
       },
       prev: () => {
-        i.current <= 1 || r(i.current - 1);
+        s.current <= 1 || r(s.current - 1);
       },
       firstPage: () => {
-        c.current <= 0 || r(1);
+        a.current <= 0 || r(1);
       },
       lastPage: () => {
-        c.current <= 0 || r(c.current);
+        a.current <= 0 || r(a.current);
       },
       setPageSize: (f) => {
-        const a = d(f);
-        a !== G.current && (E.current = a, R(a), z.current?.(a), i.current !== 1 && (h.current = 1, v.current?.(1)), l(1));
+        const n = d(f);
+        n !== U.current && (R.current = n, v(n), z.current?.(n), s.current !== 1 && (p.current = 1, E.current?.(1)), m(1));
       }
     };
-  }, [l, R]), M = o <= 0 ? !0 : n <= 1, C = o <= 0 ? !0 : n >= o, O = e <= 0 ? { start: 0, end: 0 } : {
-    start: (n - 1) * u + 1,
-    end: Math.min(n * u, e)
+  }, [m, v]), M = i <= 0 ? !0 : u <= 1, C = i <= 0 ? !0 : u >= i, V = e <= 0 ? { start: 0, end: 0 } : {
+    start: (u - 1) * c + 1,
+    end: Math.min(u * c, e)
   };
   return {
-    page: n,
-    pageSize: u,
-    pageCount: o,
+    page: u,
+    pageSize: c,
+    pageCount: i,
     isFirstPage: M,
     isLastPage: C,
     hasPrevPage: !M,
     hasNextPage: !C,
-    range: O,
-    ...y
+    range: V,
+    ...O
   };
 }
 export {
-  B as usePagination
+  H as usePagination
 };