@amateescu/portal-ui-components 0.0.10-beta2 → 0.0.11

package/dist/assets/CustomFooter.css

@@ -0,0 +1 @@
+._container_1py0o_1{padding-top:10px;height:7%}

package/dist/assets/ErrorModal.css

@@ -0,0 +1 @@
+._flexRowCenter_14ewh_1{display:flex!important;flex-direction:row;align-items:center}html[dir=rtl] ._mr10_14ewh_7{margin-right:10px}html[dir=ltr] ._mr10_14ewh_7{margin-left:10px}._text18_14ewh_15{font-size:18px}._content_14ewh_19{position:relative;top:-10px}

package/dist/assets/index2.css

@@ -1 +1 @@
-._flexRowCenter_14ewh_1{display:flex!important;flex-direction:row;align-items:center}html[dir=rtl] ._mr10_14ewh_7{margin-right:10px}html[dir=ltr] ._mr10_14ewh_7{margin-left:10px}._text18_14ewh_15{font-size:18px}._content_14ewh_19{position:relative;top:-10px}
+._kpiCard_aruiy_1{height:147px;background-color:#f0f0f0;border-radius:8px}._width430_aruiy_7{width:430px}@media (max-width: 1500px){._width430_aruiy_7{width:200px}}._width384_aruiy_16{width:384px}._flexCol_aruiy_20{display:flex;flex-direction:column}._flexRow_aruiy_25{display:flex;flex-direction:row}._title_aruiy_30{font-size:32px;font-weight:500;color:#12121a}@media (max-width: 900px){._title_aruiy_30{font-size:12px}}@media (max-width: 1100px){._title_aruiy_30{font-size:16px}}@media (max-width: 1400px){._title_aruiy_30{font-size:20px}}@media (max-width: 1600px){._title_aruiy_30{font-size:22px}}._content_aruiy_56{font-size:21px;font-weight:400;color:#626367;margin-top:-10px}@media (max-width: 900px){._content_aruiy_56{font-size:8px}}@media (max-width: 1100px){._content_aruiy_56{font-size:12px}}@media (max-width: 1400px){._content_aruiy_56{font-size:14px}}

package/dist/components/ConfirmationModal/ConfirmationModal.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import * as o from "react";
 import { S as m } from "../../VModalIcon-D7L4bQLO.js";
 import { M as d } from "../../index-BczMuCik.js";
-import '../../assets/index2.css';const w = (n) => /* @__PURE__ */ o.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ o.createElement("path", { d: "M7 10L9 12L13 8M19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10Z", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), p = (n) => /* @__PURE__ */ o.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ o.createElement("path", { d: "M6 18L18 6M6 6L18 18", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), x = "_flexRowCenter_14ewh_1", f = "_mr10_14ewh_7", C = "_text18_14ewh_15", k = "_content_14ewh_19", t = {
+import '../../assets/ErrorModal.css';const w = (n) => /* @__PURE__ */ o.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ o.createElement("path", { d: "M7 10L9 12L13 8M19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10Z", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), p = (n) => /* @__PURE__ */ o.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ o.createElement("path", { d: "M6 18L18 6M6 6L18 18", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), x = "_flexRowCenter_14ewh_1", f = "_mr10_14ewh_7", C = "_text18_14ewh_15", k = "_content_14ewh_19", t = {
   flexRowCenter: x,
   mr10: f,
   text18: C,

package/dist/components/CustomFooter/CustomFooter.d.ts

@@ -1 +1,2 @@
-export declare function CustomFooter({ total, columnsDefinitions, isRtl }: any): import("react/jsx-runtime").JSX.Element;
+import { default as CustomFooterProps } from './CustomFooter.types';
+export declare function CustomFooter({ total, columnsDefinitions, isRtl }: CustomFooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/CustomFooter/CustomFooter.js

@@ -1,33 +1,31 @@
-import { jsxs as h, Fragment as l, jsx as r } from "react/jsx-runtime";
-import * as t from "react";
-import { CustomPagination as w } from "../CustomPagination/CustomPagination.js";
-import { TotalDataGrid as p } from "../TotalDataGrid/TotalDataGrid.js";
-import { useGridApiContext as m, useGridSelector as i, gridFilteredTopLevelRowCountSelector as v, useGridRootProps as u, gridPageSizeSelector as L, GridFooterContainer as k } from "@mui/x-data-grid";
-const f = (e) => /* @__PURE__ */ t.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("g", { id: "arrow/chevron/</default-first" }, /* @__PURE__ */ t.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" }))), x = (e) => /* @__PURE__ */ t.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("g", { id: "arrow/chevron/>/end" }, /* @__PURE__ */ t.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" }))), E = (e) => /* @__PURE__ */ t.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M1.5 1L8.5 8L1.5 15", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), C = (e) => /* @__PURE__ */ t.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M8.5 15L1.5 8L8.5 1", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), S = (e, o) => o > 0 && e > 0 ? Math.ceil(e / o) : 0;
-function G({ total: e, columnsDefinitions: o, isRtl: s }) {
-  const n = m(), c = i(n, v), d = u(), a = i(n, L), g = S(d.rowCount ?? c, a);
-  return /* @__PURE__ */ h(l, { children: [
-    /* @__PURE__ */ r("div", { style: { paddingTop: "10px", height: "7%" }, children: (e == null ? void 0 : e.length) > 0 && /* @__PURE__ */ r(
-      p,
+import { jsxs as m, Fragment as d, jsx as e } from "react/jsx-runtime";
+import { CustomPagination as u } from "../CustomPagination/CustomPagination.js";
+import { TotalDataGrid as g } from "../TotalDataGrid/TotalDataGrid.js";
+import l from "../../utils/pageCount.js";
+import { useGridApiContext as C, useGridSelector as n, gridFilteredTopLevelRowCountSelector as f, useGridRootProps as h, gridPageSizeSelector as F, GridFooterContainer as G } from "@mui/x-data-grid";
+import '../../assets/CustomFooter.css';const P = "_container_1py0o_1", S = {
+  container: P
+};
+function _({ total: o, columnsDefinitions: t, isRtl: i }) {
+  const r = C(), s = n(r, f), c = h(), a = n(r, F), p = l(c.rowCount ?? s, a);
+  return /* @__PURE__ */ m(d, { children: [
+    /* @__PURE__ */ e("div", { className: S.container, children: (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ e(
+      g,
       {
-        rows: e,
+        rows: o,
         isFetching: !1,
-        columnsDefinitions: o
+        columnsDefinitions: t
       }
     ) }),
-    /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(
-      w,
+    /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
+      u,
       {
-        isRtl: s,
-        pageCount: g,
-        arrowFirstIcon: f,
-        arrowLastIcon: x,
-        nextIcon: E,
-        previousIcon: C
+        isRtl: i,
+        pageCount: p
       }
     ) })
   ] });
 }
 export {
-  G as CustomFooter
+  _ as CustomFooter
 };

package/dist/components/CustomFooter/CustomFooter.types.d.ts

@@ -0,0 +1,7 @@
+import { GridColDef } from '@mui/x-data-grid';
+interface CustomFooterProps {
+    total: any[];
+    columnsDefinitions: GridColDef[];
+    isRtl: boolean;
+}
+export default CustomFooterProps;

package/dist/components/CustomFooter/CustomFooter.types.js

@@ -0,0 +1 @@
+

package/dist/components/CustomPagination/CustomPagination.d.ts

@@ -1,11 +1,6 @@
-import { default as CustomSvg } from '../../types/CustomSvg';
 type ExternalPaginationProps = {
     isRtl: boolean;
     pageCount: number;
-    arrowFirstIcon: CustomSvg;
-    arrowLastIcon: CustomSvg;
-    nextIcon: CustomSvg;
-    previousIcon: CustomSvg;
 };
-export declare function CustomPagination({ isRtl, pageCount, arrowFirstIcon, arrowLastIcon, nextIcon, previousIcon }: ExternalPaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomPagination({ isRtl, pageCount }: ExternalPaginationProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CustomPagination/CustomPagination.js

@@ -1,10 +1,10 @@
-import { jsxs as Q, jsx as b } from "react/jsx-runtime";
-import { GridPagination as ne } from "@mui/x-data-grid";
-import { _ as w, a as f } from "../../objectWithoutPropertiesLoose-CIT-1_kH.js";
-import * as m from "react";
-import { P as t, g as U, a as D, u as F, c as O, b as W, s as B, f as V, e as S } from "../../generateUtilityClasses-CBdP3bZj.js";
-import { B as ae } from "../../ButtonBase-Dv90LYxj.js";
-function ie({
+import { jsxs as ee, jsx as y } from "react/jsx-runtime";
+import * as s from "react";
+import { GridPagination as se } from "@mui/x-data-grid";
+import { _ as V, a as v } from "../../objectWithoutPropertiesLoose-CIT-1_kH.js";
+import { P as t, g as W, a as U, u as D, c as N, b as F, s as T, f as E, e as k } from "../../generateUtilityClasses-CBdP3bZj.js";
+import { B as le } from "../../ButtonBase-Dv90LYxj.js";
+function ce({
   controlled: e,
   default: o,
   name: n,
@@ -12,26 +12,26 @@ function ie({
 }) {
   const {
     current: i
-  } = m.useRef(e !== void 0), [l, u] = m.useState(o), s = i ? e : l;
+  } = s.useRef(e !== void 0), [c, g] = s.useState(o), l = i ? e : c;
   if (process.env.NODE_ENV !== "production") {
-    m.useEffect(() => {
+    s.useEffect(() => {
       i !== (e !== void 0) && console.error([`MUI: A component is changing the ${i ? "" : "un"}controlled ${a} state of ${n} to be ${i ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${n} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
 `));
     }, [a, n, e]);
     const {
-      current: c
-    } = m.useRef(o);
-    m.useEffect(() => {
-      !i && !Object.is(c, o) && console.error([`MUI: A component is changing the default ${a} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
+      current: u
+    } = s.useRef(o);
+    s.useEffect(() => {
+      !i && !Object.is(u, o) && console.error([`MUI: A component is changing the default ${a} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
 `));
     }, [JSON.stringify(o)]);
   }
-  const g = m.useCallback((c) => {
-    i || u(c);
+  const f = s.useCallback((u) => {
+    i || g(u);
   }, []);
-  return [s, g];
+  return [l, f];
 }
-function re(e) {
+function de(e) {
   const o = typeof e;
   switch (o) {
     case "number":
@@ -42,59 +42,59 @@ function re(e) {
       return o;
   }
 }
-function se(e) {
+function pe(e) {
   return typeof e == "number" && isFinite(e) && Math.floor(e) === e;
 }
-const le = Number.isInteger || se;
-function X(e, o, n, a) {
+const ue = Number.isInteger || pe;
+function oe(e, o, n, a) {
   const i = e[o];
-  if (i == null || !le(i)) {
-    const l = re(i);
-    return new RangeError(`Invalid ${a} \`${o}\` of type \`${l}\` supplied to \`${n}\`, expected \`integer\`.`);
+  if (i == null || !ue(i)) {
+    const c = de(i);
+    return new RangeError(`Invalid ${a} \`${o}\` of type \`${c}\` supplied to \`${n}\`, expected \`integer\`.`);
   }
   return null;
 }
-function Y(e, o, ...n) {
-  return e[o] === void 0 ? null : X(e, o, ...n);
+function te(e, o, ...n) {
+  return e[o] === void 0 ? null : oe(e, o, ...n);
 }
-function j() {
+function A() {
   return null;
 }
-Y.isRequired = X;
-j.isRequired = j;
-const L = process.env.NODE_ENV === "production" ? j : Y, ce = /* @__PURE__ */ m.createContext();
+te.isRequired = oe;
+A.isRequired = A;
+const R = process.env.NODE_ENV === "production" ? A : te, ge = /* @__PURE__ */ s.createContext();
 process.env.NODE_ENV !== "production" && (t.node, t.bool);
-const de = () => {
-  const e = m.useContext(ce);
+const fe = () => {
+  const e = s.useContext(ge);
   return e ?? !1;
-};
-function pe(e) {
-  return U("MuiSvgIcon", e);
+}, q = (e) => /* @__PURE__ */ s.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ s.createElement("g", { id: "arrow/chevron/</default-first" }, /* @__PURE__ */ s.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" }))), H = (e) => /* @__PURE__ */ s.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ s.createElement("g", { id: "arrow/chevron/>/end" }, /* @__PURE__ */ s.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 = (e) => /* @__PURE__ */ s.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ s.createElement("path", { d: "M1.5 1L8.5 8L1.5 15", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), K = (e) => /* @__PURE__ */ s.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ s.createElement("path", { d: "M8.5 15L1.5 8L8.5 1", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
+function ve(e) {
+  return W("MuiSvgIcon", e);
 }
-D("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const ue = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], ge = (e) => {
+U("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const be = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], ye = (e) => {
   const {
     color: o,
     fontSize: n,
     classes: a
   } = e, i = {
-    root: ["root", o !== "inherit" && `color${O(o)}`, `fontSize${O(n)}`]
+    root: ["root", o !== "inherit" && `color${N(o)}`, `fontSize${N(n)}`]
   };
-  return W(i, pe, a);
-}, fe = B("svg", {
+  return F(i, ve, a);
+}, me = T("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, o) => {
     const {
       ownerState: n
     } = e;
-    return [o.root, n.color !== "inherit" && o[`color${O(n.color)}`], o[`fontSize${O(n.fontSize)}`]];
+    return [o.root, n.color !== "inherit" && o[`color${N(n.color)}`], o[`fontSize${N(n.fontSize)}`]];
   }
 })(({
   theme: e,
   ownerState: o
 }) => {
-  var n, a, i, l, u, s, g, c, y, x, v, d, r;
+  var n, a, i, c, g, l, f, u, h, m, b, d, r;
   return {
     userSelect: "none",
     width: "1em",
@@ -109,58 +109,58 @@ const ue = ["children", "className", "color", "component", "fontSize", "htmlColo
     }),
     fontSize: {
       inherit: "inherit",
-      small: ((l = e.typography) == null || (u = l.pxToRem) == null ? void 0 : u.call(l, 20)) || "1.25rem",
-      medium: ((s = e.typography) == null || (g = s.pxToRem) == null ? void 0 : g.call(s, 24)) || "1.5rem",
-      large: ((c = e.typography) == null || (y = c.pxToRem) == null ? void 0 : y.call(c, 35)) || "2.1875rem"
+      small: ((c = e.typography) == null || (g = c.pxToRem) == null ? void 0 : g.call(c, 20)) || "1.25rem",
+      medium: ((l = e.typography) == null || (f = l.pxToRem) == null ? void 0 : f.call(l, 24)) || "1.5rem",
+      large: ((u = e.typography) == null || (h = u.pxToRem) == null ? void 0 : h.call(u, 35)) || "2.1875rem"
     }[o.fontSize],
     // TODO v5 deprecate, v6 remove for sx
-    color: (x = (v = (e.vars || e).palette) == null || (v = v[o.color]) == null ? void 0 : v.main) != null ? x : {
+    color: (m = (b = (e.vars || e).palette) == null || (b = b[o.color]) == null ? void 0 : b.main) != null ? m : {
       action: (d = (e.vars || e).palette) == null || (d = d.action) == null ? void 0 : d.active,
       disabled: (r = (e.vars || e).palette) == null || (r = r.action) == null ? void 0 : r.disabled,
       inherit: void 0
     }[o.color]
   };
-}), E = /* @__PURE__ */ m.forwardRef(function(o, n) {
-  const a = F({
+}), _ = /* @__PURE__ */ s.forwardRef(function(o, n) {
+  const a = D({
     props: o,
     name: "MuiSvgIcon"
   }), {
     children: i,
-    className: l,
-    color: u = "inherit",
-    component: s = "svg",
-    fontSize: g = "medium",
-    htmlColor: c,
-    inheritViewBox: y = !1,
-    titleAccess: x,
-    viewBox: v = "0 0 24 24"
-  } = a, d = w(a, ue), r = /* @__PURE__ */ m.isValidElement(i) && i.type === "svg", P = f({}, a, {
-    color: u,
-    component: s,
-    fontSize: g,
+    className: c,
+    color: g = "inherit",
+    component: l = "svg",
+    fontSize: f = "medium",
+    htmlColor: u,
+    inheritViewBox: h = !1,
+    titleAccess: m,
+    viewBox: b = "0 0 24 24"
+  } = a, d = V(a, be), r = /* @__PURE__ */ s.isValidElement(i) && i.type === "svg", P = v({}, a, {
+    color: g,
+    component: l,
+    fontSize: f,
     instanceFontSize: o.fontSize,
-    inheritViewBox: y,
-    viewBox: v,
+    inheritViewBox: h,
+    viewBox: b,
     hasSvgAsChild: r
-  }), N = {};
-  y || (N.viewBox = v);
-  const h = ge(P);
-  return /* @__PURE__ */ Q(fe, f({
-    as: s,
-    className: V(h.root, l),
+  }), O = {};
+  h || (O.viewBox = b);
+  const x = ye(P);
+  return /* @__PURE__ */ ee(me, v({
+    as: l,
+    className: E(x.root, c),
     focusable: "false",
-    color: c,
-    "aria-hidden": x ? void 0 : !0,
-    role: x ? "img" : void 0,
+    color: u,
+    "aria-hidden": m ? void 0 : !0,
+    role: m ? "img" : void 0,
     ref: n
-  }, N, d, r && i.props, {
+  }, O, d, r && i.props, {
     ownerState: P,
-    children: [r ? i.props.children : i, x ? /* @__PURE__ */ b("title", {
-      children: x
+    children: [r ? i.props.children : i, m ? /* @__PURE__ */ y("title", {
+      children: m
     }) : null]
   }));
 });
-process.env.NODE_ENV !== "production" && (E.propTypes = {
+process.env.NODE_ENV !== "production" && (_.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -232,83 +232,83 @@ process.env.NODE_ENV !== "production" && (E.propTypes = {
    */
   viewBox: t.string
 });
-E.muiName = "SvgIcon";
-function A(e, o) {
+_.muiName = "SvgIcon";
+function j(e, o) {
   function n(a, i) {
-    return /* @__PURE__ */ b(E, f({
+    return /* @__PURE__ */ y(_, v({
       "data-testid": `${o}Icon`,
       ref: i
     }, a, {
       children: e
     }));
   }
-  return process.env.NODE_ENV !== "production" && (n.displayName = `${o}Icon`), n.muiName = E.muiName, /* @__PURE__ */ m.memo(/* @__PURE__ */ m.forwardRef(n));
+  return process.env.NODE_ENV !== "production" && (n.displayName = `${o}Icon`), n.muiName = _.muiName, /* @__PURE__ */ s.memo(/* @__PURE__ */ s.forwardRef(n));
 }
-function ve(e) {
-  return U("MuiPagination", e);
+function he(e) {
+  return W("MuiPagination", e);
 }
-D("MuiPagination", ["root", "ul", "outlined", "text"]);
-const be = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
-function ye(e = {}) {
+U("MuiPagination", ["root", "ul", "outlined", "text"]);
+const xe = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
+function $e(e = {}) {
   const {
     boundaryCount: o = 1,
     componentName: n = "usePagination",
     count: a = 1,
     defaultPage: i = 1,
-    disabled: l = !1,
-    hideNextButton: u = !1,
-    hidePrevButton: s = !1,
-    onChange: g,
-    page: c,
-    showFirstButton: y = !1,
-    showLastButton: x = !1,
-    siblingCount: v = 1
-  } = e, d = w(e, be), [r, P] = ie({
-    controlled: c,
+    disabled: c = !1,
+    hideNextButton: g = !1,
+    hidePrevButton: l = !1,
+    onChange: f,
+    page: u,
+    showFirstButton: h = !1,
+    showLastButton: m = !1,
+    siblingCount: b = 1
+  } = e, d = V(e, xe), [r, P] = ce({
+    controlled: u,
     default: i,
     name: n,
     state: "page"
-  }), N = (p, I) => {
-    c || P(I), g && g(p, I);
-  }, h = (p, I) => {
-    const oe = I - p + 1;
+  }), O = (p, z) => {
+    u || P(z), f && f(p, z);
+  }, x = (p, z) => {
+    const ie = z - p + 1;
     return Array.from({
-      length: oe
-    }, (Se, te) => p + te);
-  }, R = h(1, Math.min(o, a)), C = h(Math.max(a - o + 1, o + 1), a), M = Math.max(
+      length: ie
+    }, (Me, re) => p + re);
+  }, L = x(1, Math.min(o, a)), C = x(Math.max(a - o + 1, o + 1), a), S = Math.max(
     Math.min(
       // Natural start
-      r - v,
+      r - b,
       // Lower boundary when page is high
-      a - o - v * 2 - 1
+      a - o - b * 2 - 1
     ),
     // Greater than startPages
     o + 2
-  ), T = Math.min(
+  ), w = Math.min(
     Math.max(
       // Natural end
-      r + v,
+      r + b,
       // Upper boundary when page is low
-      o + v * 2 + 2
+      o + b * 2 + 2
     ),
     // Less than endPages
     C.length > 0 ? C[0] - 2 : a - 1
-  ), _ = [
-    ...y ? ["first"] : [],
-    ...s ? [] : ["previous"],
-    ...R,
+  ), B = [
+    ...h ? ["first"] : [],
+    ...l ? [] : ["previous"],
+    ...L,
     // Start ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...M > o + 2 ? ["start-ellipsis"] : o + 1 < a - o ? [o + 1] : [],
+    ...S > o + 2 ? ["start-ellipsis"] : o + 1 < a - o ? [o + 1] : [],
     // Sibling pages
-    ...h(M, T),
+    ...x(S, w),
     // End ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...T < a - o - 1 ? ["end-ellipsis"] : a - o > o ? [a - o] : [],
+    ...w < a - o - 1 ? ["end-ellipsis"] : a - o > o ? [a - o] : [],
     ...C,
-    ...u ? [] : ["next"],
-    ...x ? ["last"] : []
-  ], k = (p) => {
+    ...g ? [] : ["next"],
+    ...m ? ["last"] : []
+  ], M = (p) => {
     switch (p) {
       case "first":
         return 1;
@@ -321,56 +321,56 @@ function ye(e = {}) {
       default:
         return null;
     }
-  }, z = _.map((p) => typeof p == "number" ? {
-    onClick: (I) => {
-      N(I, p);
+  }, I = B.map((p) => typeof p == "number" ? {
+    onClick: (z) => {
+      O(z, p);
     },
     type: "page",
     page: p,
     selected: p === r,
-    disabled: l,
+    disabled: c,
     "aria-current": p === r ? "true" : void 0
   } : {
-    onClick: (I) => {
-      N(I, k(p));
+    onClick: (z) => {
+      O(z, M(p));
     },
     type: p,
-    page: k(p),
+    page: M(p),
     selected: !1,
-    disabled: l || p.indexOf("ellipsis") === -1 && (p === "next" || p === "last" ? r >= a : r <= 1)
+    disabled: c || p.indexOf("ellipsis") === -1 && (p === "next" || p === "last" ? r >= a : r <= 1)
   });
-  return f({
-    items: z
+  return v({
+    items: I
   }, d);
 }
-function me(e) {
-  return U("MuiPaginationItem", e);
+function Ce(e) {
+  return W("MuiPaginationItem", e);
 }
-const $ = D("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), q = A(/* @__PURE__ */ b("path", {
+const $ = U("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), Q = j(/* @__PURE__ */ y("path", {
   d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
-}), "FirstPage"), H = A(/* @__PURE__ */ b("path", {
+}), "FirstPage"), X = j(/* @__PURE__ */ y("path", {
   d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
-}), "LastPage"), J = A(/* @__PURE__ */ b("path", {
+}), "LastPage"), Y = j(/* @__PURE__ */ y("path", {
   d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-}), "NavigateBefore"), K = A(/* @__PURE__ */ b("path", {
+}), "NavigateBefore"), Z = j(/* @__PURE__ */ y("path", {
   d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "NavigateNext"), xe = ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"], Z = (e, o) => {
+}), "NavigateNext"), Ne = ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"], ne = (e, o) => {
   const {
     ownerState: n
   } = e;
-  return [o.root, o[n.variant], o[`size${O(n.size)}`], n.variant === "text" && o[`text${O(n.color)}`], n.variant === "outlined" && o[`outlined${O(n.color)}`], n.shape === "rounded" && o.rounded, n.type === "page" && o.page, (n.type === "start-ellipsis" || n.type === "end-ellipsis") && o.ellipsis, (n.type === "previous" || n.type === "next") && o.previousNext, (n.type === "first" || n.type === "last") && o.firstLast];
-}, he = (e) => {
+  return [o.root, o[n.variant], o[`size${N(n.size)}`], n.variant === "text" && o[`text${N(n.color)}`], n.variant === "outlined" && o[`outlined${N(n.color)}`], n.shape === "rounded" && o.rounded, n.type === "page" && o.page, (n.type === "start-ellipsis" || n.type === "end-ellipsis") && o.ellipsis, (n.type === "previous" || n.type === "next") && o.previousNext, (n.type === "first" || n.type === "last") && o.firstLast];
+}, Oe = (e) => {
   const {
     classes: o,
     color: n,
     disabled: a,
     selected: i,
-    size: l,
-    shape: u,
-    type: s,
-    variant: g
-  } = e, c = {
-    root: ["root", `size${O(l)}`, g, u, n !== "standard" && `color${O(n)}`, n !== "standard" && `${g}${O(n)}`, a && "disabled", i && "selected", {
+    size: c,
+    shape: g,
+    type: l,
+    variant: f
+  } = e, u = {
+    root: ["root", `size${N(c)}`, f, g, n !== "standard" && `color${N(n)}`, n !== "standard" && `${f}${N(n)}`, a && "disabled", i && "selected", {
       page: "page",
       first: "firstLast",
       last: "firstLast",
@@ -378,18 +378,18 @@ const $ = D("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       "end-ellipsis": "ellipsis",
       previous: "previousNext",
       next: "previousNext"
-    }[s]],
+    }[l]],
     icon: ["icon"]
   };
-  return W(c, me, o);
-}, $e = B("div", {
+  return F(u, Ce, o);
+}, Pe = T("div", {
   name: "MuiPaginationItem",
   slot: "Root",
-  overridesResolver: Z
+  overridesResolver: ne
 })(({
   theme: e,
   ownerState: o
-}) => f({}, e.typography.body2, {
+}) => v({}, e.typography.body2, {
   borderRadius: 32 / 2,
   textAlign: "center",
   boxSizing: "border-box",
@@ -411,14 +411,14 @@ const $ = D("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
   borderRadius: 40 / 2,
   padding: "0 10px",
   fontSize: e.typography.pxToRem(15)
-})), Ce = B(ae, {
+})), Ie = T(le, {
   name: "MuiPaginationItem",
   slot: "Root",
-  overridesResolver: Z
+  overridesResolver: ne
 })(({
   theme: e,
   ownerState: o
-}) => f({}, e.typography.body2, {
+}) => v({}, e.typography.body2, {
   borderRadius: 32 / 2,
   textAlign: "center",
   boxSizing: "border-box",
@@ -446,14 +446,14 @@ const $ = D("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
   [`&.${$.selected}`]: {
     backgroundColor: (e.vars || e).palette.action.selected,
     "&:hover": {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : S(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : k(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
         backgroundColor: (e.vars || e).palette.action.selected
       }
     },
     [`&.${$.focusVisible}`]: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : S(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : k(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
     },
     [`&.${$.disabled}`]: {
       opacity: 1,
@@ -478,8 +478,8 @@ const $ = D("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
 }), ({
   theme: e,
   ownerState: o
-}) => f({}, o.variant === "text" && {
-  [`&.${$.selected}`]: f({}, o.color !== "standard" && {
+}) => v({}, o.variant === "text" && {
+  [`&.${$.selected}`]: v({}, o.color !== "standard" && {
     color: (e.vars || e).palette[o.color].contrastText,
     backgroundColor: (e.vars || e).palette[o.color].main,
     "&:hover": {
@@ -499,19 +499,19 @@ const $ = D("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
   })
 }, o.variant === "outlined" && {
   border: e.vars ? `1px solid rgba(${e.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${e.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)"}`,
-  [`&.${$.selected}`]: f({}, o.color !== "standard" && {
+  [`&.${$.selected}`]: v({}, o.color !== "standard" && {
     color: (e.vars || e).palette[o.color].main,
-    border: `1px solid ${e.vars ? `rgba(${e.vars.palette[o.color].mainChannel} / 0.5)` : S(e.palette[o.color].main, 0.5)}`,
-    backgroundColor: e.vars ? `rgba(${e.vars.palette[o.color].mainChannel} / ${e.vars.palette.action.activatedOpacity})` : S(e.palette[o.color].main, e.palette.action.activatedOpacity),
+    border: `1px solid ${e.vars ? `rgba(${e.vars.palette[o.color].mainChannel} / 0.5)` : k(e.palette[o.color].main, 0.5)}`,
+    backgroundColor: e.vars ? `rgba(${e.vars.palette[o.color].mainChannel} / ${e.vars.palette.action.activatedOpacity})` : k(e.palette[o.color].main, e.palette.action.activatedOpacity),
     "&:hover": {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette[o.color].mainChannel} / calc(${e.vars.palette.action.activatedOpacity} + ${e.vars.palette.action.focusOpacity}))` : S(e.palette[o.color].main, e.palette.action.activatedOpacity + e.palette.action.focusOpacity),
+      backgroundColor: e.vars ? `rgba(${e.vars.palette[o.color].mainChannel} / calc(${e.vars.palette.action.activatedOpacity} + ${e.vars.palette.action.focusOpacity}))` : k(e.palette[o.color].main, e.palette.action.activatedOpacity + e.palette.action.focusOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
         backgroundColor: "transparent"
       }
     },
     [`&.${$.focusVisible}`]: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette[o.color].mainChannel} / calc(${e.vars.palette.action.activatedOpacity} + ${e.vars.palette.action.focusOpacity}))` : S(e.palette[o.color].main, e.palette.action.activatedOpacity + e.palette.action.focusOpacity)
+      backgroundColor: e.vars ? `rgba(${e.vars.palette[o.color].mainChannel} / calc(${e.vars.palette.action.activatedOpacity} + ${e.vars.palette.action.focusOpacity}))` : k(e.palette[o.color].main, e.palette.action.activatedOpacity + e.palette.action.focusOpacity)
     }
   }, {
     [`&.${$.disabled}`]: {
@@ -519,71 +519,71 @@ const $ = D("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       color: (e.vars || e).palette.action.disabled
     }
   })
-})), Oe = B("div", {
+})), ze = T("div", {
   name: "MuiPaginationItem",
   slot: "Icon",
   overridesResolver: (e, o) => o.icon
 })(({
   theme: e,
   ownerState: o
-}) => f({
+}) => v({
   fontSize: e.typography.pxToRem(20),
   margin: "0 -8px"
 }, o.size === "small" && {
   fontSize: e.typography.pxToRem(18)
 }, o.size === "large" && {
   fontSize: e.typography.pxToRem(22)
-})), G = /* @__PURE__ */ m.forwardRef(function(o, n) {
-  const a = F({
+})), G = /* @__PURE__ */ s.forwardRef(function(o, n) {
+  const a = D({
     props: o,
     name: "MuiPaginationItem"
   }), {
     className: i,
-    color: l = "standard",
-    component: u,
-    components: s = {},
-    disabled: g = !1,
-    page: c,
-    selected: y = !1,
-    shape: x = "circular",
-    size: v = "medium",
+    color: c = "standard",
+    component: g,
+    components: l = {},
+    disabled: f = !1,
+    page: u,
+    selected: h = !1,
+    shape: m = "circular",
+    size: b = "medium",
     slots: d = {},
     type: r = "page",
     variant: P = "text"
-  } = a, N = w(a, xe), h = f({}, a, {
-    color: l,
-    disabled: g,
-    selected: y,
-    shape: x,
-    size: v,
+  } = a, O = V(a, Ne), x = v({}, a, {
+    color: c,
+    disabled: f,
+    selected: h,
+    shape: m,
+    size: b,
     type: r,
     variant: P
-  }), R = de(), C = he(h), T = (R ? {
-    previous: d.next || s.next || K,
-    next: d.previous || s.previous || J,
-    last: d.first || s.first || q,
-    first: d.last || s.last || H
+  }), L = fe(), C = Oe(x), w = (L ? {
+    previous: d.next || l.next || Z,
+    next: d.previous || l.previous || Y,
+    last: d.first || l.first || Q,
+    first: d.last || l.last || X
   } : {
-    previous: d.previous || s.previous || J,
-    next: d.next || s.next || K,
-    first: d.first || s.first || q,
-    last: d.last || s.last || H
+    previous: d.previous || l.previous || Y,
+    next: d.next || l.next || Z,
+    first: d.first || l.first || Q,
+    last: d.last || l.last || X
   })[r];
-  return r === "start-ellipsis" || r === "end-ellipsis" ? /* @__PURE__ */ b($e, {
+  return r === "start-ellipsis" || r === "end-ellipsis" ? /* @__PURE__ */ y(Pe, {
     ref: n,
-    ownerState: h,
-    className: V(C.root, i),
+    ownerState: x,
+    className: E(C.root, i),
     children: "…"
-  }) : /* @__PURE__ */ Q(Ce, f({
+  }) : /* @__PURE__ */ ee(Ie, v({
     ref: n,
-    ownerState: h,
-    component: u,
-    disabled: g,
-    className: V(C.root, i)
-  }, N, {
-    children: [r === "page" && c, T ? /* @__PURE__ */ b(Oe, {
-      as: T,
-      ownerState: h,
+    ownerState: x,
+    component: g,
+    disabled: f,
+    className: E(C.root, i)
+  }, O, {
+    children: [r === "page" && u, w ? /* @__PURE__ */ y(ze, {
+      as: w,
+      ownerState: x,
       className: C.icon
     }) : null]
   }));
@@ -683,16 +683,16 @@ process.env.NODE_ENV !== "production" && (G.propTypes = {
    */
   variant: t.oneOfType([t.oneOf(["outlined", "text"]), t.string])
 });
-const Ne = ["boundaryCount", "className", "color", "count", "defaultPage", "disabled", "getItemAriaLabel", "hideNextButton", "hidePrevButton", "onChange", "page", "renderItem", "shape", "showFirstButton", "showLastButton", "siblingCount", "size", "variant"], Pe = (e) => {
+const we = ["boundaryCount", "className", "color", "count", "defaultPage", "disabled", "getItemAriaLabel", "hideNextButton", "hidePrevButton", "onChange", "page", "renderItem", "shape", "showFirstButton", "showLastButton", "siblingCount", "size", "variant"], Le = (e) => {
   const {
     classes: o,
     variant: n
   } = e;
-  return W({
+  return F({
     root: ["root", n],
     ul: ["ul"]
-  }, ve, o);
-}, ze = B("nav", {
+  }, he, o);
+}, ke = T("nav", {
   name: "MuiPagination",
   slot: "Root",
   overridesResolver: (e, o) => {
@@ -701,7 +701,7 @@ const Ne = ["boundaryCount", "className", "color", "count", "defaultPage", "disa
     } = e;
     return [o.root, o[n.variant]];
   }
-})({}), Ie = B("ul", {
+})({}), Te = T("ul", {
   name: "MuiPagination",
   slot: "Ul",
   overridesResolver: (e, o) => o.ul
@@ -713,73 +713,73 @@ const Ne = ["boundaryCount", "className", "color", "count", "defaultPage", "disa
   margin: 0,
   listStyle: "none"
 });
-function Te(e, o, n) {
+function Se(e, o, n) {
   return e === "page" ? `${n ? "" : "Go to "}page ${o}` : `Go to ${e} page`;
 }
-const ee = /* @__PURE__ */ m.forwardRef(function(o, n) {
-  const a = F({
+const ae = /* @__PURE__ */ s.forwardRef(function(o, n) {
+  const a = D({
     props: o,
     name: "MuiPagination"
   }), {
     boundaryCount: i = 1,
-    className: l,
-    color: u = "standard",
-    count: s = 1,
-    defaultPage: g = 1,
-    disabled: c = !1,
-    getItemAriaLabel: y = Te,
-    hideNextButton: x = !1,
-    hidePrevButton: v = !1,
-    renderItem: d = (z) => /* @__PURE__ */ b(G, f({}, z)),
+    className: c,
+    color: g = "standard",
+    count: l = 1,
+    defaultPage: f = 1,
+    disabled: u = !1,
+    getItemAriaLabel: h = Se,
+    hideNextButton: m = !1,
+    hidePrevButton: b = !1,
+    renderItem: d = (I) => /* @__PURE__ */ y(G, v({}, I)),
     shape: r = "circular",
     showFirstButton: P = !1,
-    showLastButton: N = !1,
-    siblingCount: h = 1,
-    size: R = "medium",
+    showLastButton: O = !1,
+    siblingCount: x = 1,
+    size: L = "medium",
     variant: C = "text"
-  } = a, M = w(a, Ne), {
-    items: T
-  } = ye(f({}, a, {
+  } = a, S = V(a, we), {
+    items: w
+  } = $e(v({}, a, {
     componentName: "Pagination"
-  })), _ = f({}, a, {
+  })), B = v({}, a, {
     boundaryCount: i,
-    color: u,
-    count: s,
-    defaultPage: g,
-    disabled: c,
-    getItemAriaLabel: y,
-    hideNextButton: x,
-    hidePrevButton: v,
+    color: g,
+    count: l,
+    defaultPage: f,
+    disabled: u,
+    getItemAriaLabel: h,
+    hideNextButton: m,
+    hidePrevButton: b,
     renderItem: d,
     shape: r,
     showFirstButton: P,
-    showLastButton: N,
-    siblingCount: h,
-    size: R,
+    showLastButton: O,
+    siblingCount: x,
+    size: L,
     variant: C
-  }), k = Pe(_);
-  return /* @__PURE__ */ b(ze, f({
+  }), M = Le(B);
+  return /* @__PURE__ */ y(ke, v({
     "aria-label": "pagination navigation",
-    className: V(k.root, l),
-    ownerState: _,
+    className: E(M.root, c),
+    ownerState: B,
     ref: n
-  }, M, {
-    children: /* @__PURE__ */ b(Ie, {
-      className: k.ul,
-      ownerState: _,
-      children: T.map((z, p) => /* @__PURE__ */ b("li", {
-        children: d(f({}, z, {
-          color: u,
-          "aria-label": y(z.type, z.page, z.selected),
+  }, S, {
+    children: /* @__PURE__ */ y(Te, {
+      className: M.ul,
+      ownerState: B,
+      children: w.map((I, p) => /* @__PURE__ */ y("li", {
+        children: d(v({}, I, {
+          color: g,
+          "aria-label": h(I.type, I.page, I.selected),
           shape: r,
-          size: R,
+          size: L,
           variant: C
         }))
       }, p))
     })
   }));
 });
-process.env.NODE_ENV !== "production" && (ee.propTypes = {
+process.env.NODE_ENV !== "production" && (ae.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -788,7 +788,7 @@ process.env.NODE_ENV !== "production" && (ee.propTypes = {
    * Number of always visible pages at the beginning and end.
    * @default 1
    */
-  boundaryCount: L,
+  boundaryCount: R,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -808,12 +808,12 @@ process.env.NODE_ENV !== "production" && (ee.propTypes = {
    * The total number of pages.
    * @default 1
    */
-  count: L,
+  count: R,
   /**
    * The page selected by default when the component is uncontrolled.
    * @default 1
    */
-  defaultPage: L,
+  defaultPage: R,
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -850,7 +850,7 @@ process.env.NODE_ENV !== "production" && (ee.propTypes = {
   /**
    * The current page. Unlike `TablePagination`, which starts numbering from `0`, this pagination starts from `1`.
    */
-  page: L,
+  page: R,
   /**
    * Render the item.
    * @param {PaginationRenderItemParams} params The props to spread on a PaginationItem.
@@ -877,7 +877,7 @@ process.env.NODE_ENV !== "production" && (ee.propTypes = {
    * Number of always visible pages before and after the current page.
    * @default 1
    */
-  siblingCount: L,
+  siblingCount: R,
   /**
    * The size of the component.
    * @default 'medium'
@@ -893,34 +893,30 @@ process.env.NODE_ENV !== "production" && (ee.propTypes = {
    */
   variant: t.oneOfType([t.oneOf(["outlined", "text"]), t.string])
 });
-function Re({
+function Be({
   isRtl: e,
   pageCount: o,
-  arrowFirstIcon: n,
-  arrowLastIcon: a,
-  nextIcon: i,
-  previousIcon: l,
-  page: u,
-  onPageChange: s,
-  className: g
+  page: n,
+  onPageChange: a,
+  className: i
 }) {
-  return /* @__PURE__ */ b(
-    ee,
+  return /* @__PURE__ */ y(
+    ae,
     {
       showFirstButton: !0,
       showLastButton: !0,
-      className: g,
+      className: i,
       count: o,
-      page: u + 1,
-      onChange: (c, y) => {
-        s(c, y - 1);
+      page: n + 1,
+      onChange: (c, g) => {
+        a(c, g - 1);
       },
       boundaryCount: 0,
       siblingCount: 1,
-      renderItem: (c) => /* @__PURE__ */ b(
+      renderItem: (c) => /* @__PURE__ */ y(
         G,
         {
-          slots: { previous: e ? i : l, next: e ? l : i, first: e ? a : n, last: e ? n : a },
+          slots: { previous: e ? J : K, next: e ? K : J, first: e ? H : q, last: e ? q : H },
           ...c
         }
       ),
@@ -940,9 +936,9 @@ function Re({
     }
   );
 }
-function Ve({ isRtl: e, pageCount: o, arrowFirstIcon: n, arrowLastIcon: a, nextIcon: i, previousIcon: l }) {
-  return /* @__PURE__ */ b(ne, { ActionsComponent: (u) => /* @__PURE__ */ b(Re, { isRtl: e, pageCount: o, arrowFirstIcon: n, arrowLastIcon: a, nextIcon: i, previousIcon: l, ...u }) });
+function Ae({ isRtl: e, pageCount: o }) {
+  return /* @__PURE__ */ y(se, { ActionsComponent: (n) => /* @__PURE__ */ y(Be, { isRtl: e, pageCount: o, ...n }) });
 }
 export {
-  Ve as CustomPagination
+  Ae as CustomPagination
 };

package/dist/components/CustomPagination/CustomPagination.types.d.ts

@@ -0,0 +1,8 @@
+import { TablePaginationProps } from '@mui/material';
+type BasePaginationProps = Pick<TablePaginationProps, 'page' | 'onPageChange' | 'className'>;
+export type ExternalPaginationProps = {
+    isRtl: boolean;
+    pageCount: number;
+};
+export type ExtendedPaginationProps = BasePaginationProps & ExternalPaginationProps;
+export {};

package/dist/components/CustomPagination/CustomPagination.types.js

@@ -0,0 +1 @@
+

package/dist/components/ErrorModal/ErrorModal.js

@@ -1,20 +1,25 @@
 import { jsx as e } from "react/jsx-runtime";
 import { useState as d } from "react";
-import { M as i } from "../../index-BczMuCik.js";
-const n = {}, x = ({ error: o, resetErrorBoundary: r, title: t, tryAgain: s, cancel: l }) => {
-  const [c, a] = d(!0), p = () => {
+import { M as m } from "../../index-BczMuCik.js";
+import '../../assets/ErrorModal.css';const x = "_flexRowCenter_14ewh_1", h = "_mr10_14ewh_7", i = "_text18_14ewh_15", _ = "_content_14ewh_19", t = {
+  flexRowCenter: x,
+  mr10: h,
+  text18: i,
+  content: _
+}, u = ({ error: n, resetErrorBoundary: o, title: r, tryAgain: s, cancel: c }) => {
+  const [l, a] = d(!0), p = () => {
     a(!1);
   };
   return /* @__PURE__ */ e(
-    i,
+    m,
     {
-      title: /* @__PURE__ */ e("span", { className: n.flexRowCenter, children: /* @__PURE__ */ e("p", { className: n.text18, children: t }) }),
+      title: /* @__PURE__ */ e("span", { className: t.flexRowCenter, children: /* @__PURE__ */ e("p", { className: t.text18, children: r }) }),
       centered: !0,
-      open: c,
-      onOk: r,
+      open: l,
+      onOk: o,
       onCancel: p,
       closeIcon: !0,
-      okText: /* @__PURE__ */ e("span", { className: n.flexRowCenter, children: /* @__PURE__ */ e("span", { children: s }) }),
+      okText: /* @__PURE__ */ e("span", { className: t.flexRowCenter, children: /* @__PURE__ */ e("span", { children: s }) }),
       okButtonProps: {
         style: {
           backgroundColor: "#05A952"
@@ -25,11 +30,11 @@ const n = {}, x = ({ error: o, resetErrorBoundary: r, title: t, tryAgain: s, can
           borderColor: "#05A952"
         }
       },
-      cancelText: /* @__PURE__ */ e("span", { className: n.flexRowCenter, children: /* @__PURE__ */ e("span", { children: l }) }),
-      children: /* @__PURE__ */ e("p", { className: n.content, children: o.toString() })
+      cancelText: /* @__PURE__ */ e("span", { className: t.flexRowCenter, children: /* @__PURE__ */ e("span", { children: c }) }),
+      children: /* @__PURE__ */ e("p", { className: t.content, children: n.toString() })
     }
   );
 };
 export {
-  x as ErrorModal
+  u as ErrorModal
 };

package/dist/components/InfoModal/index.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import * as s from "react";
 import { S as i } from "../../VModalIcon-D7L4bQLO.js";
 import { M as m } from "../../index-BczMuCik.js";
-import '../../assets/index2.css';const d = (o) => /* @__PURE__ */ s.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ s.createElement("path", { d: "M13 16H12V12H11M12 8H12.01M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), p = "_flexRowCenter_14ewh_1", h = "_mr10_14ewh_7", x = "_text18_14ewh_15", f = "_content_14ewh_19", t = {
+import '../../assets/ErrorModal.css';const d = (o) => /* @__PURE__ */ s.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ s.createElement("path", { d: "M13 16H12V12H11M12 8H12.01M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), p = "_flexRowCenter_14ewh_1", h = "_mr10_14ewh_7", x = "_text18_14ewh_15", f = "_content_14ewh_19", t = {
   flexRowCenter: p,
   mr10: h,
   text18: x,

package/dist/components/KpiCard/index.js

@@ -5,7 +5,7 @@ import * as i from "react";
 import ot, { useState as qe, useMemo as Nn, useCallback as Qt, forwardRef as ci, useRef as Fe, useImperativeHandle as ui, createContext as di, useEffect as Mt } from "react";
 import { _ as ua, a as da, b as fa, c as va, s as Xn, u as Jn, f as dr, d as Tn, e as V, t as xr, w as fr, i as fi, K as Zt, g as Ke, h as te, j as At, r as ma, k as O, l as zt, m as $t, C as Qn, n as Er, o as vi, p as vr, q as ha, v as _t, x as mr, y as mi, P as ga, z as je, A as ce, B as hi, D as ba, E as nn, F as bn, G as Zn, I as pa, H as gi, J as bi, L as Rr, M as ya, N as Ca, O as L, Q as Mr, R as Pr, S as Sa, T as Yn, U as pi, V as yi, W as wa, X as er, Y as Ci } from "../../Skeleton-g81JQrtl.js";
 import { a as de } from "../../objectWithoutPropertiesLoose-CIT-1_kH.js";
-import '../../assets/index3.css';var hr = /* @__PURE__ */ i.createContext(null);
+import '../../assets/index2.css';var hr = /* @__PURE__ */ i.createContext(null);
 function Si(e) {
   var t = e.children, n = e.onBatchResize, r = i.useRef(0), a = i.useRef([]), o = i.useContext(hr), l = i.useCallback(function(s, c, u) {
     r.current += 1;

package/dist/utils/pageCount.d.ts

@@ -0,0 +1,2 @@
+declare const getPageCount: (rowCount: number, pageSize: number) => number;
+export default getPageCount;

package/dist/utils/pageCount.js

@@ -0,0 +1,4 @@
+const r = (t, e) => e > 0 && t > 0 ? Math.ceil(t / e) : 0;
+export {
+  r as default
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@amateescu/portal-ui-components",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
-  "version": "0.0.10-beta2",
+  "version": "0.0.11",
   "type": "module",
   "files": [
     "dist"

package/dist/assets/index3.css

@@ -1 +0,0 @@
-._kpiCard_aruiy_1{height:147px;background-color:#f0f0f0;border-radius:8px}._width430_aruiy_7{width:430px}@media (max-width: 1500px){._width430_aruiy_7{width:200px}}._width384_aruiy_16{width:384px}._flexCol_aruiy_20{display:flex;flex-direction:column}._flexRow_aruiy_25{display:flex;flex-direction:row}._title_aruiy_30{font-size:32px;font-weight:500;color:#12121a}@media (max-width: 900px){._title_aruiy_30{font-size:12px}}@media (max-width: 1100px){._title_aruiy_30{font-size:16px}}@media (max-width: 1400px){._title_aruiy_30{font-size:20px}}@media (max-width: 1600px){._title_aruiy_30{font-size:22px}}._content_aruiy_56{font-size:21px;font-weight:400;color:#626367;margin-top:-10px}@media (max-width: 900px){._content_aruiy_56{font-size:8px}}@media (max-width: 1100px){._content_aruiy_56{font-size:12px}}@media (max-width: 1400px){._content_aruiy_56{font-size:14px}}