@amateescu/portal-ui-components 0.0.32-beta1 → 0.0.33

package/dist/components/CustomPagination/CustomPagination.js

@@ -1,83 +1,83 @@
-import { jsx as l, jsxs as ot } from "react/jsx-runtime";
-import * as d from "react";
+import { jsx as s, jsxs as ot } from "react/jsx-runtime";
+import * as p from "react";
 import { GridPagination as nt } from "@mui/x-data-grid";
 import { g as Q, a as X, u as Y, s as R, c as A, b as T, d as Z, m as F, i as S, e as _, P as e } from "../../createSimplePaletteValueFilter-evt-Xthj.js";
-import { u as st, a as rt, b as j, i as B } from "../../useSlot-Baxtq84W.js";
+import { u as rt, a as st, b as j, i as B } from "../../useSlot-Baxtq84W.js";
 import { c as E } from "../../createSvgIcon-CgFXfzFk.js";
 import { B as it } from "../../ButtonBase-DUKuDCWw.js";
-const H = (t) => /* @__PURE__ */ d.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ d.createElement("g", { id: "arrow/chevron/</default-first" }, /* @__PURE__ */ d.createElement("path", { id: "vector", d: "M17.5 5L10.5 12L17.5 19M7.5 5L7.5 19", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }))), q = (t) => /* @__PURE__ */ d.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ d.createElement("g", { id: "arrow/chevron/>/end" }, /* @__PURE__ */ d.createElement("path", { id: "vector", d: "M7.5 4.99998L14.5 12L7.5 19M17.5 4.99998L17.5 19", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }))), J = (t) => /* @__PURE__ */ d.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ d.createElement("path", { d: "M1.5 1L8.5 8L1.5 15", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), K = (t) => /* @__PURE__ */ d.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ d.createElement("path", { d: "M8.5 15L1.5 8L8.5 1", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
+const H = (t) => /* @__PURE__ */ p.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ p.createElement("g", { id: "arrow/chevron/</default-first" }, /* @__PURE__ */ p.createElement("path", { id: "vector", d: "M17.5 5L10.5 12L17.5 19M7.5 5L7.5 19", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }))), q = (t) => /* @__PURE__ */ p.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ p.createElement("g", { id: "arrow/chevron/>/end" }, /* @__PURE__ */ p.createElement("path", { id: "vector", d: "M7.5 4.99998L14.5 12L7.5 19M17.5 4.99998L17.5 19", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }))), J = (t) => /* @__PURE__ */ p.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ p.createElement("path", { d: "M1.5 1L8.5 8L1.5 15", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), K = (t) => /* @__PURE__ */ p.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ p.createElement("path", { d: "M8.5 15L1.5 8L8.5 1", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
 function lt(t) {
   return Q("MuiPagination", t);
 }
 X("MuiPagination", ["root", "ul", "outlined", "text"]);
-function pt(t = {}) {
+function ct(t = {}) {
   const {
     boundaryCount: a = 1,
     componentName: o = "usePagination",
     count: n = 1,
-    defaultPage: f = 1,
-    disabled: x = !1,
-    hideNextButton: p = !1,
-    hidePrevButton: c = !1,
+    defaultPage: v = 1,
+    disabled: c = !1,
+    hideNextButton: f = !1,
+    hidePrevButton: y = !1,
     onChange: b,
     page: P,
-    showFirstButton: $ = !1,
+    showFirstButton: L = !1,
     showLastButton: z = !1,
     siblingCount: C = 1,
     ...w
-  } = t, [u, g] = st({
+  } = t, [d, u] = rt({
     controlled: P,
-    default: f,
+    default: v,
     name: o,
     state: "page"
-  }), O = (s, r) => {
-    P || g(r), b && b(s, r);
-  }, h = (s, r) => {
-    const I = r - s + 1;
+  }), O = (r, i) => {
+    P || u(i), b && b(r, i);
+  }, $ = (r, i) => {
+    const I = i - r + 1;
     return Array.from({
       length: I
-    }, (V, W) => s + W);
-  }, v = h(1, Math.min(a, n)), M = h(Math.max(n - a + 1, a + 1), n), m = Math.max(
+    }, (V, W) => r + W);
+  }, g = $(1, Math.min(a, n)), M = $(Math.max(n - a + 1, a + 1), n), m = Math.max(
     Math.min(
       // Natural start
-      u - C,
+      d - C,
       // Lower boundary when page is high
       n - a - C * 2 - 1
     ),
     // Greater than startPages
     a + 2
-  ), y = Math.min(
+  ), x = Math.min(
     Math.max(
       // Natural end
-      u + C,
+      d + C,
       // Upper boundary when page is low
       a + C * 2 + 2
     ),
     // Less than endPages
     n - a - 1
   ), N = [
-    ...$ ? ["first"] : [],
-    ...c ? [] : ["previous"],
-    ...v,
+    ...L ? ["first"] : [],
+    ...y ? [] : ["previous"],
+    ...g,
     // Start ellipsis
     // eslint-disable-next-line no-nested-ternary
     ...m > a + 2 ? ["start-ellipsis"] : a + 1 < n - a ? [a + 1] : [],
     // Sibling pages
-    ...h(m, y),
+    ...$(m, x),
     // End ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...y < n - a - 1 ? ["end-ellipsis"] : n - a > a ? [n - a] : [],
+    ...x < n - a - 1 ? ["end-ellipsis"] : n - a > a ? [n - a] : [],
     ...M,
-    ...p ? [] : ["next"],
+    ...f ? [] : ["next"],
     ...z ? ["last"] : []
-  ], L = (s) => {
-    switch (s) {
+  ], h = (r) => {
+    switch (r) {
       case "first":
         return 1;
       case "previous":
-        return u - 1;
+        return d - 1;
       case "next":
-        return u + 1;
+        return d + 1;
       case "last":
         return n;
       default:
@@ -85,37 +85,37 @@ function pt(t = {}) {
     }
   };
   return {
-    items: N.map((s) => typeof s == "number" ? {
-      onClick: (r) => {
-        O(r, s);
+    items: N.map((r) => typeof r == "number" ? {
+      onClick: (i) => {
+        O(i, r);
       },
       type: "page",
-      page: s,
-      selected: s === u,
-      disabled: x,
-      "aria-current": s === u ? "page" : void 0
+      page: r,
+      selected: r === d,
+      disabled: c,
+      "aria-current": r === d ? "page" : void 0
     } : {
-      onClick: (r) => {
-        O(r, L(s));
+      onClick: (i) => {
+        O(i, h(r));
       },
-      type: s,
-      page: L(s),
+      type: r,
+      page: h(r),
       selected: !1,
-      disabled: x || !s.includes("ellipsis") && (s === "next" || s === "last" ? u >= n : u <= 1)
+      disabled: c || !r.includes("ellipsis") && (r === "next" || r === "last" ? d >= n : d <= 1)
     }),
     ...w
   };
 }
-function ct(t) {
+function pt(t) {
   return Q("MuiPaginationItem", t);
 }
-const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), dt = E(/* @__PURE__ */ l("path", {
+const l = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), dt = E(/* @__PURE__ */ s("path", {
   d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
-}), "FirstPage"), ut = E(/* @__PURE__ */ l("path", {
+}), "FirstPage"), ut = E(/* @__PURE__ */ s("path", {
   d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
-}), "LastPage"), gt = E(/* @__PURE__ */ l("path", {
+}), "LastPage"), gt = E(/* @__PURE__ */ s("path", {
   d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-}), "NavigateBefore"), vt = E(/* @__PURE__ */ l("path", {
+}), "NavigateBefore"), vt = E(/* @__PURE__ */ s("path", {
   d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
 }), "NavigateNext"), tt = (t, a) => {
   const {
@@ -127,13 +127,13 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     classes: a,
     color: o,
     disabled: n,
-    selected: f,
-    size: x,
-    shape: p,
-    type: c,
+    selected: v,
+    size: c,
+    shape: f,
+    type: y,
     variant: b
   } = t, P = {
-    root: ["root", `size${T(x)}`, b, p, o !== "standard" && `color${T(o)}`, o !== "standard" && `${b}${T(o)}`, n && "disabled", f && "selected", {
+    root: ["root", `size${T(c)}`, b, f, o !== "standard" && `color${T(o)}`, o !== "standard" && `${b}${T(o)}`, n && "disabled", v && "selected", {
       page: "page",
       first: "firstLast",
       last: "firstLast",
@@ -141,11 +141,11 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       "end-ellipsis": "ellipsis",
       previous: "previousNext",
       next: "previousNext"
-    }[c]],
+    }[y]],
     icon: ["icon"]
   };
-  return Z(P, ct, a);
-}, bt = R("div", {
+  return Z(P, pt, a);
+}, yt = R("div", {
   name: "MuiPaginationItem",
   slot: "Root",
   overridesResolver: tt
@@ -161,7 +161,7 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
   margin: "0 3px",
   color: (t.vars || t).palette.text.primary,
   height: "auto",
-  [`&.${i.disabled}`]: {
+  [`&.${l.disabled}`]: {
     opacity: (t.vars || t).palette.action.disabledOpacity
   },
   variants: [{
@@ -185,7 +185,7 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       fontSize: t.typography.pxToRem(15)
     }
   }]
-}))), yt = R(it, {
+}))), bt = R(it, {
   name: "MuiPaginationItem",
   slot: "Root",
   overridesResolver: tt
@@ -201,10 +201,10 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
   padding: "0 6px",
   margin: "0 3px",
   color: (t.vars || t).palette.text.primary,
-  [`&.${i.focusVisible}`]: {
+  [`&.${l.focusVisible}`]: {
     backgroundColor: (t.vars || t).palette.action.focus
   },
-  [`&.${i.disabled}`]: {
+  [`&.${l.disabled}`]: {
     opacity: (t.vars || t).palette.action.disabledOpacity
   },
   transition: t.transitions.create(["color", "background-color"], {
@@ -217,7 +217,7 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       backgroundColor: "transparent"
     }
   },
-  [`&.${i.selected}`]: {
+  [`&.${l.selected}`]: {
     backgroundColor: (t.vars || t).palette.action.selected,
     "&:hover": {
       backgroundColor: t.vars ? `rgba(${t.vars.palette.action.selectedChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))` : S(t.palette.action.selected, t.palette.action.selectedOpacity + t.palette.action.hoverOpacity),
@@ -226,10 +226,10 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
         backgroundColor: (t.vars || t).palette.action.selected
       }
     },
-    [`&.${i.focusVisible}`]: {
+    [`&.${l.focusVisible}`]: {
       backgroundColor: t.vars ? `rgba(${t.vars.palette.action.selectedChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))` : S(t.palette.action.selected, t.palette.action.selectedOpacity + t.palette.action.focusOpacity)
     },
-    [`&.${i.disabled}`]: {
+    [`&.${l.disabled}`]: {
       opacity: 1,
       color: (t.vars || t).palette.action.disabled,
       backgroundColor: (t.vars || t).palette.action.selected
@@ -270,8 +270,8 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     },
     style: {
       border: t.vars ? `1px solid rgba(${t.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${t.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)"}`,
-      [`&.${i.selected}`]: {
-        [`&.${i.disabled}`]: {
+      [`&.${l.selected}`]: {
+        [`&.${l.disabled}`]: {
           borderColor: (t.vars || t).palette.action.disabledBackground,
           color: (t.vars || t).palette.action.disabled
         }
@@ -282,8 +282,8 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       variant: "text"
     },
     style: {
-      [`&.${i.selected}`]: {
-        [`&.${i.disabled}`]: {
+      [`&.${l.selected}`]: {
+        [`&.${l.disabled}`]: {
           color: (t.vars || t).palette.action.disabled
         }
       }
@@ -294,7 +294,7 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       color: a
     },
     style: {
-      [`&.${i.selected}`]: {
+      [`&.${l.selected}`]: {
         color: (t.vars || t).palette[a].contrastText,
         backgroundColor: (t.vars || t).palette[a].main,
         "&:hover": {
@@ -304,10 +304,10 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
             backgroundColor: (t.vars || t).palette[a].main
           }
         },
-        [`&.${i.focusVisible}`]: {
+        [`&.${l.focusVisible}`]: {
           backgroundColor: (t.vars || t).palette[a].dark
         },
-        [`&.${i.disabled}`]: {
+        [`&.${l.disabled}`]: {
           color: (t.vars || t).palette.action.disabled
         }
       }
@@ -318,7 +318,7 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       color: a
     },
     style: {
-      [`&.${i.selected}`]: {
+      [`&.${l.selected}`]: {
         color: (t.vars || t).palette[a].main,
         border: `1px solid ${t.vars ? `rgba(${t.vars.palette[a].mainChannel} / 0.5)` : S(t.palette[a].main, 0.5)}`,
         backgroundColor: t.vars ? `rgba(${t.vars.palette[a].mainChannel} / ${t.vars.palette.action.activatedOpacity})` : S(t.palette[a].main, t.palette.action.activatedOpacity),
@@ -329,7 +329,7 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
             backgroundColor: "transparent"
           }
         },
-        [`&.${i.focusVisible}`]: {
+        [`&.${l.focusVisible}`]: {
           backgroundColor: t.vars ? `rgba(${t.vars.palette[a].mainChannel} / calc(${t.vars.palette.action.activatedOpacity} + ${t.vars.palette.action.focusOpacity}))` : S(t.palette[a].main, t.palette.action.activatedOpacity + t.palette.action.focusOpacity)
         }
       }
@@ -358,87 +358,87 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       fontSize: t.typography.pxToRem(22)
     }
   }]
-}))), U = /* @__PURE__ */ d.forwardRef(function(a, o) {
+}))), U = /* @__PURE__ */ p.forwardRef(function(a, o) {
   const n = Y({
     props: a,
     name: "MuiPaginationItem"
   }), {
-    className: f,
-    color: x = "standard",
-    component: p,
-    components: c = {},
+    className: v,
+    color: c = "standard",
+    component: f,
+    components: y = {},
     disabled: b = !1,
     page: P,
-    selected: $ = !1,
+    selected: L = !1,
     shape: z = "circular",
     size: C = "medium",
     slots: w = {},
-    slotProps: u = {},
-    type: g = "page",
+    slotProps: d = {},
+    type: u = "page",
     variant: O = "text",
-    ...h
-  } = n, v = {
+    ...$
+  } = n, g = {
     ...n,
-    color: x,
+    color: c,
     disabled: b,
-    selected: $,
+    selected: L,
     shape: z,
     size: C,
-    type: g,
+    type: u,
     variant: O
-  }, M = rt(), m = ft(v), y = {
+  }, M = st(), m = ft(g), x = {
     slots: {
-      previous: w.previous ?? c.previous,
-      next: w.next ?? c.next,
-      first: w.first ?? c.first,
-      last: w.last ?? c.last
+      previous: w.previous ?? y.previous,
+      next: w.next ?? y.next,
+      first: w.first ?? y.first,
+      last: w.last ?? y.last
     },
-    slotProps: u
-  }, [N, L] = j("previous", {
+    slotProps: d
+  }, [N, h] = j("previous", {
     elementType: gt,
-    externalForwardedProps: y,
-    ownerState: v
-  }), [k, s] = j("next", {
+    externalForwardedProps: x,
+    ownerState: g
+  }), [k, r] = j("next", {
     elementType: vt,
-    externalForwardedProps: y,
-    ownerState: v
-  }), [r, I] = j("first", {
+    externalForwardedProps: x,
+    ownerState: g
+  }), [i, I] = j("first", {
     elementType: dt,
-    externalForwardedProps: y,
-    ownerState: v
+    externalForwardedProps: x,
+    ownerState: g
   }), [V, W] = j("last", {
     elementType: ut,
-    externalForwardedProps: y,
-    ownerState: v
+    externalForwardedProps: x,
+    ownerState: g
   }), D = M ? {
     previous: "next",
     next: "previous",
     first: "last",
     last: "first"
-  }[g] : g, G = {
+  }[u] : u, G = {
     previous: N,
     next: k,
-    first: r,
+    first: i,
     last: V
   }[D], at = {
-    previous: L,
-    next: s,
+    previous: h,
+    next: r,
     first: I,
     last: W
   }[D];
-  return g === "start-ellipsis" || g === "end-ellipsis" ? /* @__PURE__ */ l(bt, {
+  return u === "start-ellipsis" || u === "end-ellipsis" ? /* @__PURE__ */ s(yt, {
     ref: o,
-    ownerState: v,
-    className: A(m.root, f),
+    ownerState: g,
+    className: A(m.root, v),
     children: "…"
-  }) : /* @__PURE__ */ ot(yt, {
+  }) : /* @__PURE__ */ ot(bt, {
     ref: o,
-    ownerState: v,
-    component: p,
+    ownerState: g,
+    component: f,
     disabled: b,
-    className: A(m.root, f),
-    ...h,
-    children: [g === "page" && P, G ? /* @__PURE__ */ l(xt, {
+    className: A(m.root, v),
+    ...$,
+    children: [u === "page" && P, G ? /* @__PURE__ */ s(xt, {
       ...at,
       className: m.icon,
       as: G
@@ -580,72 +580,72 @@ const mt = (t) => {
 function wt(t, a, o) {
   return t === "page" ? `${o ? "" : "Go to "}page ${a}` : `Go to ${t} page`;
 }
-const et = /* @__PURE__ */ d.forwardRef(function(a, o) {
+const et = /* @__PURE__ */ p.forwardRef(function(a, o) {
   const n = Y({
     props: a,
     name: "MuiPagination"
   }), {
-    boundaryCount: f = 1,
-    className: x,
-    color: p = "standard",
-    count: c = 1,
+    boundaryCount: v = 1,
+    className: c,
+    color: f = "standard",
+    count: y = 1,
     defaultPage: b = 1,
     disabled: P = !1,
-    getItemAriaLabel: $ = wt,
+    getItemAriaLabel: L = wt,
     hideNextButton: z = !1,
     hidePrevButton: C = !1,
     onChange: w,
-    page: u,
-    renderItem: g = (r) => /* @__PURE__ */ l(U, {
-      ...r
+    page: d,
+    renderItem: u = (i) => /* @__PURE__ */ s(U, {
+      ...i
     }),
     shape: O = "circular",
-    showFirstButton: h = !1,
-    showLastButton: v = !1,
+    showFirstButton: $ = !1,
+    showLastButton: g = !1,
     siblingCount: M = 1,
     size: m = "medium",
-    variant: y = "text",
+    variant: x = "text",
     ...N
   } = n, {
-    items: L
-  } = pt({
+    items: h
+  } = ct({
     ...n,
     componentName: "Pagination"
   }), k = {
     ...n,
-    boundaryCount: f,
-    color: p,
-    count: c,
+    boundaryCount: v,
+    color: f,
+    count: y,
     defaultPage: b,
     disabled: P,
-    getItemAriaLabel: $,
+    getItemAriaLabel: L,
     hideNextButton: z,
     hidePrevButton: C,
-    renderItem: g,
+    renderItem: u,
     shape: O,
-    showFirstButton: h,
-    showLastButton: v,
+    showFirstButton: $,
+    showLastButton: g,
     siblingCount: M,
     size: m,
-    variant: y
-  }, s = mt(k);
-  return /* @__PURE__ */ l(Pt, {
+    variant: x
+  }, r = mt(k);
+  return /* @__PURE__ */ s(Pt, {
     "aria-label": "pagination navigation",
-    className: A(s.root, x),
+    className: A(r.root, c),
     ownerState: k,
     ref: o,
     ...N,
-    children: /* @__PURE__ */ l(Ct, {
-      className: s.ul,
+    children: /* @__PURE__ */ s(Ct, {
+      className: r.ul,
       ownerState: k,
-      children: L.map((r, I) => /* @__PURE__ */ l("li", {
-        children: g({
-          ...r,
-          color: p,
-          "aria-label": $(r.type, r.page, r.selected),
+      children: h.map((i, I) => /* @__PURE__ */ s("li", {
+        children: u({
+          ...i,
+          color: f,
+          "aria-label": L(i.type, i.page, i.selected),
           shape: O,
           size: m,
-          variant: y
+          variant: x
         })
       }, I))
     })
@@ -770,26 +770,31 @@ function Ot({
   pageCount: a,
   page: o,
   onPageChange: n,
-  className: f
+  className: v
 }) {
-  return localStorage.getItem("theme") === "portal-theme" ? import("../../portal-theme-BarSJQdA.js") : import("../../theme-94RKb7HE.js"), /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     et,
     {
       showFirstButton: !0,
       showLastButton: !0,
-      className: f,
+      className: v,
       count: a,
       page: o + 1,
-      onChange: (p, c) => {
-        n(p, c - 1);
+      onChange: (c, f) => {
+        n(c, f - 1);
       },
       boundaryCount: 0,
       siblingCount: 1,
-      renderItem: (p) => /* @__PURE__ */ l(
+      renderItem: (c) => /* @__PURE__ */ s(
         U,
         {
-          slots: { previous: t ? J : K, next: t ? K : J, first: t ? q : H, last: t ? H : q },
-          ...p
+          slots: {
+            previous: () => t ? /* @__PURE__ */ s(J, { color: "var(--color-primary)" }) : /* @__PURE__ */ s(K, { color: "var(--color-primary)" }),
+            next: () => t ? /* @__PURE__ */ s(K, { color: "var(--color-primary)" }) : /* @__PURE__ */ s(J, { color: "var(--color-primary)" }),
+            first: () => t ? /* @__PURE__ */ s(q, { color: "var(--color-primary)" }) : /* @__PURE__ */ s(H, { color: "var(--color-primary)" }),
+            last: () => t ? /* @__PURE__ */ s(H, { color: "var(--color-primary)" }) : /* @__PURE__ */ s(q, { color: "var(--color-primary)" })
+          },
+          ...c
         }
       ),
       sx: {
@@ -809,7 +814,7 @@ function Ot({
   );
 }
 function zt({ isRtl: t, pageCount: a }) {
-  return /* @__PURE__ */ l(nt, { ActionsComponent: (o) => /* @__PURE__ */ l(Ot, { isRtl: t, pageCount: a, ...o }) });
+  return /* @__PURE__ */ s(nt, { ActionsComponent: (o) => /* @__PURE__ */ s(Ot, { isRtl: t, pageCount: a, ...o }) });
 }
 export {
   zt as CustomPagination,

package/dist/components/ErrorModal/ErrorModal.js

@@ -1,23 +1,22 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useState as i } from "react";
-import { M as m } from "../../index-Dz00OoV7.js";
-import '../../assets/ErrorModal.css';const p = "_flexRowCenter_1wx1z_85", x = "_text18_1wx1z_99", d = "_content_1wx1z_103", t = {
-  flexRowCenter: p,
+import { useState as h } from "react";
+import { M as p } from "../../index-Dz00OoV7.js";
+import '../../assets/ErrorModal.css';const d = "_flexRowCenter_ufgj5_1", x = "_text18_ufgj5_15", f = "_content_ufgj5_19", t = {
+  flexRowCenter: d,
   text18: x,
-  content: d
-}, _ = ({ error: o, resetErrorBoundary: n, title: r, tryAgain: l, cancel: c }) => {
-  localStorage.getItem("theme") === "portal-theme" ? import("../../portal-theme-BarSJQdA.js") : import("../../theme-94RKb7HE.js");
-  const [s, a] = i(!0), h = () => {
+  content: f
+}, C = ({ error: o, resetErrorBoundary: n, title: r, tryAgain: l, cancel: c }) => {
+  const [s, a] = h(!0), i = () => {
     a(!1);
   };
   return /* @__PURE__ */ e(
-    m,
+    p,
     {
       title: /* @__PURE__ */ e("span", { className: t.flexRowCenter, children: /* @__PURE__ */ e("p", { className: t.text18, children: r }) }),
       centered: !0,
       open: s,
       onOk: n,
-      onCancel: h,
+      onCancel: i,
       closeIcon: !0,
       okText: /* @__PURE__ */ e("span", { className: t.flexRowCenter, children: /* @__PURE__ */ e("span", { children: l }) }),
       okButtonProps: {
@@ -37,5 +36,5 @@ import '../../assets/ErrorModal.css';const p = "_flexRowCenter_1wx1z_85", x = "_
   );
 };
 export {
-  _ as ErrorModal
+  C as ErrorModal
 };