@humain/ui 2.2.4 → 2.2.6

package/dist/wc-react/Pagination.js

@@ -5,7 +5,7 @@ import { t as C } from "./chevron-left.js";
 import { t as w } from "./chevron-right.js";
 import { t as D } from "./ellipsis.js";
 import { t as j } from "./dist.js";
-import { Fragment as de, jsx as r, jsxs as m } from "react/jsx-runtime";
+import { Fragment as de, jsx as i, jsxs as m } from "react/jsx-runtime";
 var ce = [["path", {
   d: "m11 17-5-5 5-5",
   key: "13zhaf"
@@ -57,10 +57,10 @@ var ce = [["path", {
   }
 }, me = {
   primary: "bg-primary text-primary-foreground",
-  info: "bg-info text-primary-foreground",
-  warning: "bg-warning text-primary-foreground",
-  success: "bg-success text-primary-foreground",
-  destructive: "bg-destructive text-primary-foreground"
+  info: "bg-info text-info-foreground",
+  warning: "bg-warning text-warning-foreground",
+  success: "bg-success text-success-foreground",
+  destructive: "bg-destructive text-destructive-foreground"
 };
 function fe(e) {
   switch (e) {
@@ -94,8 +94,8 @@ function W(e, t) {
 function A(e, t) {
   return typeof e == "number" && Number.isFinite(e) && e >= 0 ? Math.floor(e) : t;
 }
-function H(e, t, i) {
-  return Math.min(i, Math.max(t, Math.floor(e)));
+function H(e, t, r) {
+  return Math.min(r, Math.max(t, Math.floor(e)));
 }
 function K(e, t) {
   return typeof e != "number" || !Number.isFinite(e) ? z : H(e, 1, t);
@@ -105,7 +105,7 @@ function he(e, t) {
 }
 function Ne(e) {
   if (!e) return _;
-  const t = Array.from(new Set(e.filter((i) => Number.isFinite(i) && i > 0).map((i) => Math.floor(i))));
+  const t = Array.from(new Set(e.filter((r) => Number.isFinite(r) && r > 0).map((r) => Math.floor(r))));
   return t.length > 0 ? t : _;
 }
 function ye(e, t) {
@@ -224,9 +224,9 @@ var ge = j("flex items-center justify-center", {
     current: !1
   }
 });
-function Ce({ className: e, total: t = 3, current: i = 0, variant: n = "dot", size: s = "md", framed: a = !1, onDotClick: o, ...d }) {
-  const l = A(t, xe), u = he(i, l);
-  return /* @__PURE__ */ r("div", {
+function Ce({ className: e, total: t = 3, current: r = 0, variant: n = "dot", size: s = "md", framed: a = !1, onDotClick: o, ...d }) {
+  const l = A(t, xe), u = he(r, l);
+  return /* @__PURE__ */ i("div", {
     className: c(ge({
       size: s,
       style: n,
@@ -237,7 +237,7 @@ function Ce({ className: e, total: t = 3, current: i = 0, variant: n = "dot", si
     ...d,
     children: Array.from({ length: l }, (f, p) => p + 1).map((f) => {
       const p = f - 1;
-      return /* @__PURE__ */ r("button", {
+      return /* @__PURE__ */ i("button", {
         type: "button",
         role: "tab",
         "aria-selected": p === u,
@@ -253,8 +253,8 @@ function Ce({ className: e, total: t = 3, current: i = 0, variant: n = "dot", si
   });
 }
 Ce.displayName = "PaginationDots";
-function L(e, t, i) {
-  const n = W(t, z), s = K(e, n), a = A(i, $);
+function L(e, t, r) {
+  const n = W(t, z), s = K(e, n), a = A(r, $);
   if (n <= a * 2 + 5) return Array.from({ length: n }, (f, p) => p + 1);
   const o = Math.max(s - a, 1), d = Math.min(s + a, n), l = o > 2, u = d < n - 1;
   if (!l && u) {
@@ -281,13 +281,13 @@ function L(e, t, i) {
     n
   ];
 }
-function G(e, t, i) {
-  return e !== "ellipsis" ? e : `ellipsis:${t[i - 1] ?? "start"}:${t[i + 1] ?? "end"}`;
+function G(e, t, r) {
+  return e !== "ellipsis" ? e : `ellipsis:${t[r - 1] ?? "start"}:${t[r + 1] ?? "end"}`;
 }
 var h = "relative inline-flex items-center justify-center font-medium shrink-0 select-none outline-none transition-[color,background-color,border-color,box-shadow] duration-150 ease-out focus-visible:ring-2 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50", g = 'before:absolute before:left-1/2 before:top-1/2 before:h-full before:min-h-11 before:w-full before:min-w-11 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-[inherit] before:content-[""]';
-function J({ page: e, isActive: t, size: i, variant: n, shape: s, activeColor: a, onClick: o }) {
-  const d = x[i];
-  return /* @__PURE__ */ r("button", {
+function J({ page: e, isActive: t, size: r, variant: n, shape: s, activeColor: a, onClick: o }) {
+  const d = x[r];
+  return /* @__PURE__ */ i("button", {
     type: "button",
     onClick: o,
     "aria-current": t ? "page" : void 0,
@@ -297,16 +297,16 @@ function J({ page: e, isActive: t, size: i, variant: n, shape: s, activeColor: a
 }
 J.displayName = "PageButton";
 function E({ size: e, shape: t }) {
-  const i = x[e];
-  return /* @__PURE__ */ r("span", {
+  const r = x[e];
+  return /* @__PURE__ */ i("span", {
     "aria-hidden": !0,
-    className: c("inline-flex items-center justify-center text-muted-foreground shrink-0", i.sq, U(t)),
-    children: /* @__PURE__ */ r(D, { className: i.icon })
+    className: c("inline-flex items-center justify-center text-muted-foreground shrink-0", r.sq, U(t)),
+    children: /* @__PURE__ */ i(D, { className: r.icon })
   });
 }
 E.displayName = "EllipsisIndicator";
-function b({ direction: e, disabled: t, size: i, variant: n, prevNextStyle: s, text: a, onClick: o }) {
-  const d = x[i], l = s === "icon-only", u = e === "previous" ? C : w;
+function b({ direction: e, disabled: t, size: r, variant: n, prevNextStyle: s, text: a, onClick: o }) {
+  const d = x[r], l = s === "icon-only", u = e === "previous" ? C : w;
   return /* @__PURE__ */ m("button", {
     type: "button",
     onClick: o,
@@ -318,38 +318,38 @@ function b({ direction: e, disabled: t, size: i, variant: n, prevNextStyle: s, t
       d.gap
     ], d.text, R(n)),
     children: [
-      e === "previous" && /* @__PURE__ */ r(u, { className: c(d.icon, "rtl:rotate-180") }),
-      !l && /* @__PURE__ */ r("span", { children: a }),
-      e === "next" && /* @__PURE__ */ r(u, { className: c(d.icon, "rtl:rotate-180") })
+      e === "previous" && /* @__PURE__ */ i(u, { className: c(d.icon, "rtl:rotate-180") }),
+      !l && /* @__PURE__ */ i("span", { children: a }),
+      e === "next" && /* @__PURE__ */ i(u, { className: c(d.icon, "rtl:rotate-180") })
     ]
   });
 }
 b.displayName = "NavButton";
-function N({ direction: e, disabled: t, size: i, onClick: n, className: s }) {
-  const a = x[i], o = pe[e];
-  return /* @__PURE__ */ r("button", {
+function N({ direction: e, disabled: t, size: r, onClick: n, className: s }) {
+  const a = x[r], o = pe[e];
+  return /* @__PURE__ */ i("button", {
     type: "button",
     onClick: n,
     disabled: t,
     "aria-label": be[e],
     className: c(h, g, "rounded-xl text-secondary-foreground hover:bg-muted", a.sq, s),
-    children: /* @__PURE__ */ r(o, { className: c(a.icon, "rtl:rotate-180") })
+    children: /* @__PURE__ */ i(o, { className: c(a.icon, "rtl:rotate-180") })
   });
 }
 N.displayName = "IconNavButton";
-function I({ currentPage: e, totalPages: t, size: i }) {
-  const n = x[i];
+function I({ currentPage: e, totalPages: t, size: r }) {
+  const n = x[r];
   return /* @__PURE__ */ m("span", {
     className: c("text-muted-foreground whitespace-nowrap", n.text),
     children: [
       "Page ",
-      /* @__PURE__ */ r("span", {
+      /* @__PURE__ */ i("span", {
         className: "text-foreground",
         children: e
       }),
       " of",
       " ",
-      /* @__PURE__ */ r("span", {
+      /* @__PURE__ */ i("span", {
         className: "text-foreground",
         children: t
       })
@@ -357,12 +357,12 @@ function I({ currentPage: e, totalPages: t, size: i }) {
   });
 }
 I.displayName = "PageInfo";
-function k({ currentPage: e, totalPages: t, siblingCount: i, size: n, variant: s, shape: a, activeColor: o, onPageChange: d }) {
-  const l = L(e, t, i);
-  return /* @__PURE__ */ r(de, { children: l.map((u, f) => u === "ellipsis" ? /* @__PURE__ */ r(E, {
+function k({ currentPage: e, totalPages: t, siblingCount: r, size: n, variant: s, shape: a, activeColor: o, onPageChange: d }) {
+  const l = L(e, t, r);
+  return /* @__PURE__ */ i(de, { children: l.map((u, f) => u === "ellipsis" ? /* @__PURE__ */ i(E, {
     size: n,
     shape: a
-  }, G(u, l, f)) : /* @__PURE__ */ r(J, {
+  }, G(u, l, f)) : /* @__PURE__ */ i(J, {
     page: u,
     isActive: u === e,
     size: n,
@@ -372,11 +372,11 @@ function k({ currentPage: e, totalPages: t, siblingCount: i, size: n, variant: s
     onClick: () => d(u)
   }, u)) });
 }
-function Q({ currentPage: e, totalPages: t, siblingCount: i, size: n, variant: s, shape: a, prevNextStyle: o, activeColor: d, previousText: l, nextText: u, onPageChange: f, showPageNumbers: p }) {
+function Q({ currentPage: e, totalPages: t, siblingCount: r, size: n, variant: s, shape: a, prevNextStyle: o, activeColor: d, previousText: l, nextText: u, onPageChange: f, showPageNumbers: p }) {
   return /* @__PURE__ */ m("div", {
     className: "flex items-center gap-1",
     children: [
-      /* @__PURE__ */ r(b, {
+      /* @__PURE__ */ i(b, {
         direction: "previous",
         disabled: e <= 1,
         size: n,
@@ -385,17 +385,17 @@ function Q({ currentPage: e, totalPages: t, siblingCount: i, size: n, variant: s
         text: l,
         onClick: () => f(e - 1)
       }),
-      p && /* @__PURE__ */ r(k, {
+      p && /* @__PURE__ */ i(k, {
         currentPage: e,
         totalPages: t,
-        siblingCount: i,
+        siblingCount: r,
         size: n,
         variant: s,
         shape: a,
         activeColor: d,
         onPageChange: f
       }),
-      /* @__PURE__ */ r(b, {
+      /* @__PURE__ */ i(b, {
         direction: "next",
         disabled: e >= t,
         size: n,
@@ -407,21 +407,21 @@ function Q({ currentPage: e, totalPages: t, siblingCount: i, size: n, variant: s
     ]
   });
 }
-function we({ currentPage: e, totalPages: t, size: i, variant: n, previousText: s, nextText: a, onPageChange: o }) {
+function we({ currentPage: e, totalPages: t, size: r, variant: n, previousText: s, nextText: a, onPageChange: o }) {
   return /* @__PURE__ */ m("div", {
     className: "flex w-full items-center justify-between",
-    children: [/* @__PURE__ */ r(b, {
+    children: [/* @__PURE__ */ i(b, {
       direction: "previous",
       disabled: e <= 1,
-      size: i,
+      size: r,
       variant: n,
       prevNextStyle: "icon-text",
       text: s,
       onClick: () => o(e - 1)
-    }), /* @__PURE__ */ r(b, {
+    }), /* @__PURE__ */ i(b, {
       direction: "next",
       disabled: e >= t,
-      size: i,
+      size: r,
       variant: n,
       prevNextStyle: "icon-text",
       text: a,
@@ -429,11 +429,11 @@ function we({ currentPage: e, totalPages: t, size: i, variant: n, previousText:
     })]
   });
 }
-function Ie({ currentPage: e, totalPages: t, siblingCount: i, size: n, shape: s, activeColor: a, previousText: o, nextText: d, onPageChange: l, showPageNumbers: u }) {
+function Ie({ currentPage: e, totalPages: t, siblingCount: r, size: n, shape: s, activeColor: a, previousText: o, nextText: d, onPageChange: l, showPageNumbers: u }) {
   return /* @__PURE__ */ m("div", {
     className: "flex items-start gap-1.5",
     children: [
-      /* @__PURE__ */ r(b, {
+      /* @__PURE__ */ i(b, {
         direction: "previous",
         disabled: e <= 1,
         size: n,
@@ -442,17 +442,17 @@ function Ie({ currentPage: e, totalPages: t, siblingCount: i, size: n, shape: s,
         text: o,
         onClick: () => l(e - 1)
       }),
-      u && /* @__PURE__ */ r(k, {
+      u && /* @__PURE__ */ i(k, {
         currentPage: e,
         totalPages: t,
-        siblingCount: i,
+        siblingCount: r,
         size: n,
         variant: "outlined",
         shape: s,
         activeColor: a,
         onPageChange: l
       }),
-      /* @__PURE__ */ r(b, {
+      /* @__PURE__ */ i(b, {
         direction: "next",
         disabled: e >= t,
         size: n,
@@ -464,91 +464,91 @@ function Ie({ currentPage: e, totalPages: t, siblingCount: i, size: n, shape: s,
     ]
   });
 }
-function Se({ currentPage: e, totalPages: t, siblingCount: i, size: n, onPageChange: s }) {
-  const a = L(e, t, i), o = x[n], d = c(h, "border-y border-s border-input", o.sq, o.text);
+function Se({ currentPage: e, totalPages: t, siblingCount: r, size: n, onPageChange: s }) {
+  const a = L(e, t, r), o = x[n], d = c(h, "border-y border-s border-input", o.sq, o.text);
   return /* @__PURE__ */ m("div", {
     className: "inline-flex items-start",
     children: [
-      /* @__PURE__ */ r("button", {
+      /* @__PURE__ */ i("button", {
         type: "button",
         onClick: () => s(e - 1),
         disabled: e <= 1,
         "aria-label": "Go to previous page",
         className: c(d, "rounded-s-lg text-secondary-foreground hover:bg-muted"),
-        children: /* @__PURE__ */ r(C, { className: c(o.icon, "rtl:rotate-180") })
+        children: /* @__PURE__ */ i(C, { className: c(o.icon, "rtl:rotate-180") })
       }),
-      a.map((l, u) => /* @__PURE__ */ r("button", {
+      a.map((l, u) => /* @__PURE__ */ i("button", {
         type: "button",
         onClick: () => l !== "ellipsis" && s(l),
         disabled: l === "ellipsis",
         "aria-current": l === e ? "page" : void 0,
         "aria-label": l === "ellipsis" ? "More pages" : `Go to page ${l}`,
         className: c(d, l === e ? "bg-accent text-accent-foreground" : "text-foreground hover:bg-muted", l === "ellipsis" && "pointer-events-none"),
-        children: l === "ellipsis" ? /* @__PURE__ */ r(D, { className: o.icon }) : l
+        children: l === "ellipsis" ? /* @__PURE__ */ i(D, { className: o.icon }) : l
       }, G(l, a, u))),
-      /* @__PURE__ */ r("button", {
+      /* @__PURE__ */ i("button", {
         type: "button",
         onClick: () => s(e + 1),
         disabled: e >= t,
         "aria-label": "Go to next page",
         className: c(d, "rounded-e-lg border-e text-secondary-foreground hover:bg-muted"),
-        children: /* @__PURE__ */ r(w, { className: c(o.icon, "rtl:rotate-180") })
+        children: /* @__PURE__ */ i(w, { className: c(o.icon, "rtl:rotate-180") })
       })
     ]
   });
 }
-function Te({ currentPage: e, totalPages: t, size: i, onPageChange: n }) {
-  const s = x[i], a = c(h, "border-y border-s border-border", s.sq);
+function Te({ currentPage: e, totalPages: t, size: r, onPageChange: n }) {
+  const s = x[r], a = c(h, "border-y border-s border-border", s.sq);
   return /* @__PURE__ */ m("div", {
     className: "inline-flex items-start",
     children: [
-      /* @__PURE__ */ r("button", {
+      /* @__PURE__ */ i("button", {
         type: "button",
         onClick: () => n(e - 1),
         disabled: e <= 1,
         "aria-label": "Go to previous page",
         className: c(a, "rounded-s-md text-secondary-foreground hover:bg-muted"),
-        children: /* @__PURE__ */ r(C, { className: c(s.icon, "rtl:rotate-180") })
+        children: /* @__PURE__ */ i(C, { className: c(s.icon, "rtl:rotate-180") })
       }),
       /* @__PURE__ */ m("div", {
         className: c("inline-flex items-center justify-center border-y border-s border-input", s.h, "px-4", s.text, "font-medium text-foreground"),
-        children: [/* @__PURE__ */ r("span", { children: e }), /* @__PURE__ */ m("span", {
+        children: [/* @__PURE__ */ i("span", { children: e }), /* @__PURE__ */ m("span", {
           className: "text-muted-foreground",
           children: ["/", t]
         })]
       }),
-      /* @__PURE__ */ r("button", {
+      /* @__PURE__ */ i("button", {
         type: "button",
         onClick: () => n(e + 1),
         disabled: e >= t,
         "aria-label": "Go to next page",
         className: c(a, "rounded-e-md border-e text-secondary-foreground hover:bg-muted"),
-        children: /* @__PURE__ */ r(w, { className: c(s.icon, "rtl:rotate-180") })
+        children: /* @__PURE__ */ i(w, { className: c(s.icon, "rtl:rotate-180") })
       })
     ]
   });
 }
-function _e({ currentPage: e, totalPages: t, siblingCount: i, size: n, shape: s, activeColor: a, onPageChange: o, showPageNumbers: d }) {
+function _e({ currentPage: e, totalPages: t, siblingCount: r, size: n, shape: s, activeColor: a, onPageChange: o, showPageNumbers: d }) {
   return /* @__PURE__ */ m("div", {
     className: "flex items-center gap-1.5",
     children: [
-      /* @__PURE__ */ r(N, {
+      /* @__PURE__ */ i(N, {
         direction: "previous",
         disabled: e <= 1,
         size: n,
         onClick: () => o(e - 1)
       }),
-      d && /* @__PURE__ */ r(k, {
+      d && /* @__PURE__ */ i(k, {
         currentPage: e,
         totalPages: t,
-        siblingCount: i,
+        siblingCount: r,
         size: n,
         variant: "default",
         shape: s,
         activeColor: a,
         onPageChange: o
       }),
-      /* @__PURE__ */ r(N, {
+      /* @__PURE__ */ i(N, {
         direction: "next",
         disabled: e >= t,
         size: n,
@@ -557,7 +557,7 @@ function _e({ currentPage: e, totalPages: t, siblingCount: i, size: n, shape: s,
     ]
   });
 }
-function Ae({ currentPage: e, totalPages: t, siblingCount: i, size: n, shape: s, activeColor: a, onPageChange: o, showPageNumbers: d }) {
+function Ae({ currentPage: e, totalPages: t, siblingCount: r, size: n, shape: s, activeColor: a, onPageChange: o, showPageNumbers: d }) {
   const l = x[n];
   return /* @__PURE__ */ m("div", {
     className: "flex items-center gap-1.5",
@@ -567,25 +567,25 @@ function Ae({ currentPage: e, totalPages: t, siblingCount: i, size: n, shape: s,
         onClick: () => o(1),
         disabled: e <= 1,
         className: c(h, g, "rounded-md text-secondary-foreground hover:bg-muted", l.h, l.pxNav, l.gap, l.text),
-        children: [/* @__PURE__ */ r(O, { className: c(l.icon, "rtl:rotate-180") }), /* @__PURE__ */ r("span", { children: "First" })]
+        children: [/* @__PURE__ */ i(O, { className: c(l.icon, "rtl:rotate-180") }), /* @__PURE__ */ i("span", { children: "First" })]
       }),
-      /* @__PURE__ */ r(N, {
+      /* @__PURE__ */ i(N, {
         direction: "previous",
         disabled: e <= 1,
         size: n,
         onClick: () => o(e - 1)
       }),
-      d && /* @__PURE__ */ r(k, {
+      d && /* @__PURE__ */ i(k, {
         currentPage: e,
         totalPages: t,
-        siblingCount: i,
+        siblingCount: r,
         size: n,
         variant: "default",
         shape: s,
         activeColor: a,
         onPageChange: o
       }),
-      /* @__PURE__ */ r(N, {
+      /* @__PURE__ */ i(N, {
         direction: "next",
         disabled: e >= t,
         size: n,
@@ -596,22 +596,22 @@ function Ae({ currentPage: e, totalPages: t, siblingCount: i, size: n, shape: s,
         onClick: () => o(t),
         disabled: e >= t,
         className: c(h, g, "rounded-md text-secondary-foreground hover:bg-muted", l.h, l.pxNav, l.gap, l.text),
-        children: [/* @__PURE__ */ r("span", { children: "Last" }), /* @__PURE__ */ r(V, { className: c(l.icon, "rtl:rotate-180") })]
+        children: [/* @__PURE__ */ i("span", { children: "Last" }), /* @__PURE__ */ i(V, { className: c(l.icon, "rtl:rotate-180") })]
       })
     ]
   });
 }
-function Le({ currentPage: e, totalPages: t, siblingCount: i, size: n, shape: s, activeColor: a, previousText: o, nextText: d, onPageChange: l, showPageNumbers: u }) {
+function Le({ currentPage: e, totalPages: t, siblingCount: r, size: n, shape: s, activeColor: a, previousText: o, nextText: d, onPageChange: l, showPageNumbers: u }) {
   return /* @__PURE__ */ m("div", {
     className: "flex w-full items-center justify-between",
-    children: [/* @__PURE__ */ r(I, {
+    children: [/* @__PURE__ */ i(I, {
       currentPage: e,
       totalPages: t,
       size: n
     }), /* @__PURE__ */ m("div", {
       className: "flex items-center gap-1",
       children: [
-        /* @__PURE__ */ r(b, {
+        /* @__PURE__ */ i(b, {
           direction: "previous",
           disabled: e <= 1,
           size: n,
@@ -620,17 +620,17 @@ function Le({ currentPage: e, totalPages: t, siblingCount: i, size: n, shape: s,
           text: o,
           onClick: () => l(e - 1)
         }),
-        u && /* @__PURE__ */ r(k, {
+        u && /* @__PURE__ */ i(k, {
           currentPage: e,
           totalPages: t,
-          siblingCount: i,
+          siblingCount: r,
           size: n,
           variant: "default",
           shape: s,
           activeColor: a,
           onPageChange: l
         }),
-        /* @__PURE__ */ r(b, {
+        /* @__PURE__ */ i(b, {
           direction: "next",
           disabled: e >= t,
           size: n,
@@ -643,41 +643,41 @@ function Le({ currentPage: e, totalPages: t, siblingCount: i, size: n, shape: s,
     })]
   });
 }
-function Ge({ currentPage: e, totalPages: t, size: i, onPageChange: n }) {
+function Ge({ currentPage: e, totalPages: t, size: r, onPageChange: n }) {
   return /* @__PURE__ */ m("div", {
     className: "flex w-full items-center justify-between gap-1",
     children: [
-      /* @__PURE__ */ r(N, {
+      /* @__PURE__ */ i(N, {
         direction: "previous",
         disabled: e <= 1,
-        size: i,
+        size: r,
         onClick: () => n(e - 1)
       }),
-      /* @__PURE__ */ r(I, {
+      /* @__PURE__ */ i(I, {
         currentPage: e,
         totalPages: t,
-        size: i
+        size: r
       }),
-      /* @__PURE__ */ r(N, {
+      /* @__PURE__ */ i(N, {
         direction: "next",
         disabled: e >= t,
-        size: i,
+        size: r,
         onClick: () => n(e + 1)
       })
     ]
   });
 }
-function Ee({ currentPage: e, totalPages: t, siblingCount: i, size: n, shape: s, activeColor: a, previousText: o, onPageChange: d, showPageNumbers: l, itemsPerPage: u, perPageOptions: f, onPerPageChange: p }) {
+function Ee({ currentPage: e, totalPages: t, siblingCount: r, size: n, shape: s, activeColor: a, previousText: o, onPageChange: d, showPageNumbers: l, itemsPerPage: u, perPageOptions: f, onPerPageChange: p }) {
   const v = x[n];
   return /* @__PURE__ */ m("div", {
     className: "flex items-center gap-1.5",
     children: [
-      /* @__PURE__ */ r(I, {
+      /* @__PURE__ */ i(I, {
         currentPage: e,
         totalPages: t,
         size: n
       }),
-      /* @__PURE__ */ r(b, {
+      /* @__PURE__ */ i(b, {
         direction: "previous",
         disabled: e <= 1,
         size: n,
@@ -686,10 +686,10 @@ function Ee({ currentPage: e, totalPages: t, siblingCount: i, size: n, shape: s,
         text: o,
         onClick: () => d(e - 1)
       }),
-      l && /* @__PURE__ */ r(k, {
+      l && /* @__PURE__ */ i(k, {
         currentPage: e,
         totalPages: t,
-        siblingCount: i,
+        siblingCount: r,
         size: n,
         variant: "default",
         shape: s,
@@ -699,7 +699,7 @@ function Ee({ currentPage: e, totalPages: t, siblingCount: i, size: n, shape: s,
       p && /* @__PURE__ */ m("div", {
         className: c("relative inline-flex items-center justify-center rounded-md border border-border font-medium", v.h, "px-4", v.gap, v.text, "text-foreground"),
         children: [
-          /* @__PURE__ */ r("select", {
+          /* @__PURE__ */ i("select", {
             value: u,
             onChange: (y) => p(Number(y.target.value)),
             className: "absolute inset-0 cursor-pointer opacity-0",
@@ -714,27 +714,27 @@ function Ee({ currentPage: e, totalPages: t, siblingCount: i, size: n, shape: s,
             }, y))
           }),
           /* @__PURE__ */ m("span", { children: [u ?? 10, "/page"] }),
-          /* @__PURE__ */ r(B, { className: v.icon })
+          /* @__PURE__ */ i(B, { className: v.icon })
         ]
       })
     ]
   });
 }
-function Fe({ currentPage: e, totalPages: t, size: i, onPageChange: n }) {
-  const s = x[i];
+function Fe({ currentPage: e, totalPages: t, size: r, onPageChange: n }) {
+  const s = x[r];
   return /* @__PURE__ */ m("div", {
     className: "flex items-center gap-1",
     children: [
-      /* @__PURE__ */ r(N, {
+      /* @__PURE__ */ i(N, {
         direction: "previous",
         disabled: e <= 1,
-        size: i,
+        size: r,
         onClick: () => n(e - 1)
       }),
       /* @__PURE__ */ m("div", {
         className: c("relative inline-flex items-center justify-center rounded-xl border border-border font-medium", s.h, "px-4", s.gap, s.text, "text-foreground"),
         children: [
-          /* @__PURE__ */ r("select", {
+          /* @__PURE__ */ i("select", {
             value: e,
             onChange: (a) => n(Number(a.target.value)),
             className: "absolute inset-0 cursor-pointer opacity-0",
@@ -745,26 +745,26 @@ function Fe({ currentPage: e, totalPages: t, size: i, onPageChange: n }) {
             }, o + 1))
           }),
           /* @__PURE__ */ m("span", { children: ["Page ", e] }),
-          /* @__PURE__ */ r(B, { className: s.icon })
+          /* @__PURE__ */ i(B, { className: s.icon })
         ]
       }),
-      /* @__PURE__ */ r(N, {
+      /* @__PURE__ */ i(N, {
         direction: "next",
         disabled: e >= t,
-        size: i,
+        size: r,
         onClick: () => n(e + 1)
       })
     ]
   });
 }
-function qe({ currentPage: e, totalPages: t, siblingCount: i, size: n, onPageChange: s }) {
-  const a = L(e, t, i), o = x[n];
-  return /* @__PURE__ */ r("div", {
+function qe({ currentPage: e, totalPages: t, siblingCount: r, size: n, onPageChange: s }) {
+  const a = L(e, t, r), o = x[n];
+  return /* @__PURE__ */ i("div", {
     className: "flex items-start gap-1",
-    children: a.map((d, l) => d === "ellipsis" ? /* @__PURE__ */ r(E, {
+    children: a.map((d, l) => d === "ellipsis" ? /* @__PURE__ */ i(E, {
       size: n,
       shape: "square"
-    }, G(d, a, l)) : /* @__PURE__ */ r("button", {
+    }, G(d, a, l)) : /* @__PURE__ */ i("button", {
       type: "button",
       onClick: () => s(d),
       "aria-current": d === e ? "page" : void 0,
@@ -773,21 +773,21 @@ function qe({ currentPage: e, totalPages: t, siblingCount: i, size: n, onPageCha
     }, d))
   });
 }
-function Me({ currentPage: e, totalPages: t, size: i, previousText: n, nextText: s, onPageChange: a }) {
+function Me({ currentPage: e, totalPages: t, size: r, previousText: n, nextText: s, onPageChange: a }) {
   return /* @__PURE__ */ m("div", {
     className: "flex items-center gap-1",
-    children: [/* @__PURE__ */ r(b, {
+    children: [/* @__PURE__ */ i(b, {
       direction: "previous",
       disabled: e <= 1,
-      size: i,
+      size: r,
       variant: "outlined",
       prevNextStyle: "icon-text",
       text: n,
       onClick: () => a(e - 1)
-    }), /* @__PURE__ */ r(b, {
+    }), /* @__PURE__ */ i(b, {
       direction: "next",
       disabled: e >= t,
-      size: i,
+      size: r,
       variant: "outlined",
       prevNextStyle: "icon-text",
       text: s,
@@ -795,17 +795,17 @@ function Me({ currentPage: e, totalPages: t, size: i, previousText: n, nextText:
     })]
   });
 }
-function Be({ currentPage: e, totalPages: t, size: i, previousText: n, nextText: s, onPageChange: a }) {
-  const o = x[i];
+function Be({ currentPage: e, totalPages: t, size: r, previousText: n, nextText: s, onPageChange: a }) {
+  const o = x[r];
   return /* @__PURE__ */ m("div", {
     className: "inline-flex items-center",
-    children: [/* @__PURE__ */ r("button", {
+    children: [/* @__PURE__ */ i("button", {
       type: "button",
       onClick: () => a(e - 1),
       disabled: e <= 1,
       className: c(h, "rounded-s-md border border-border bg-background text-foreground hover:bg-muted", o.h, o.pxNav, o.gap, o.text),
       children: n
-    }), /* @__PURE__ */ r("button", {
+    }), /* @__PURE__ */ i("button", {
       type: "button",
       onClick: () => a(e + 1),
       disabled: e >= t,
@@ -866,8 +866,8 @@ var je = {
   outline: Me,
   "box-style": Be
 };
-function Oe({ className: e, type: t = "default", size: i = "md", variant: n = "default", shape: s = "square", prevNextStyle: a = "icon-text", currentPage: o = 1, totalPages: d = 10, siblingCount: l = 1, onPageChange: u, showPageNumbers: f = !0, previousText: p = "Previous", nextText: v = "Next", itemsPerPage: y, perPageOptions: X, onPerPageChange: Y, activeColor: Z = "primary", ...P }) {
-  const ee = fe(i), S = W(d, ve), te = K(o, S), ne = A(l, $), F = Ne(X), re = ye(y, F), { resolvedType: ie, card: oe, overrideVariant: se } = De(t), ae = {
+function Oe({ className: e, type: t = "default", size: r = "md", variant: n = "default", shape: s = "square", prevNextStyle: a = "icon-text", currentPage: o = 1, totalPages: d = 10, siblingCount: l = 1, onPageChange: u, showPageNumbers: f = !0, previousText: p = "Previous", nextText: v = "Next", itemsPerPage: y, perPageOptions: X, onPerPageChange: Y, activeColor: Z = "primary", ...P }) {
+  const ee = fe(r), S = W(d, ve), te = K(o, S), ne = A(l, $), F = Ne(X), ie = ye(y, F), { resolvedType: re, card: oe, overrideVariant: se } = De(t), ae = {
     currentPage: te,
     totalPages: S,
     siblingCount: ne,
@@ -884,16 +884,16 @@ function Oe({ className: e, type: t = "default", size: i = "md", variant: n = "d
       T >= 1 && T <= S && u(T);
     },
     showPageNumbers: f,
-    itemsPerPage: re,
+    itemsPerPage: ie,
     perPageOptions: F,
     onPerPageChange: Y
-  }, le = je[ie] ?? Q;
-  return /* @__PURE__ */ r("nav", {
+  }, le = je[re] ?? Q;
+  return /* @__PURE__ */ i("nav", {
     "aria-label": "pagination",
     "data-slot": "pagination",
     className: c("flex w-full", oe && "rounded-xl border border-border bg-background p-4 dark:border-border dark:bg-muted", e),
     ...P,
-    children: /* @__PURE__ */ r(le, { ...ae })
+    children: /* @__PURE__ */ i(le, { ...ae })
   });
 }
 Oe.displayName = "Pagination";