@amateescu/portal-ui-components 0.0.26-beta1 → 0.0.28

package/dist/components/CustomPagination/CustomPagination.js

@@ -1,20 +1,20 @@
-import { jsx as c, jsxs as ot } from "react/jsx-runtime";
+import { jsx as c, jsxs as oa } from "react/jsx-runtime";
 import * as g from "react";
 import '../../assets/theme.css';/* empty css                   */
-import { GridPagination as et } from "@mui/x-data-grid";
+import { GridPagination as ea } from "@mui/x-data-grid";
 import { _ as A, a as l } from "../../objectWithoutPropertiesLoose-DYizGgyG.js";
-import { g as J, a as K, u as Q, s as E, c as j, b as N, d as X, h as z, P as o } from "../../generateUtilityClasses-B5BV6O-J.js";
-import { u as nt, c as W, a as st, i as R } from "../../createSvgIcon-C53fLlQy.js";
-import { B as it } from "../../ButtonBase-OBo-BQii.js";
-const F = (t) => /* @__PURE__ */ g.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ g.createElement("g", { id: "arrow/chevron/</default-first" }, /* @__PURE__ */ g.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" }))), S = (t) => /* @__PURE__ */ g.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ g.createElement("g", { id: "arrow/chevron/>/end" }, /* @__PURE__ */ g.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" }))), U = (t) => /* @__PURE__ */ g.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ g.createElement("path", { d: "M1.5 1L8.5 8L1.5 15", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), V = (t) => /* @__PURE__ */ g.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ g.createElement("path", { d: "M8.5 15L1.5 8L8.5 1", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
-function rt(t) {
-  return J("MuiPagination", t);
+import { g as J, a as K, u as Q, s as E, c as j, b as N, d as X, h as z, P as o } from "../../generateUtilityClasses-DY-qyzNG.js";
+import { u as na, c as W, a as sa, i as R } from "../../createSvgIcon-Db107M0j.js";
+import { B as ia } from "../../ButtonBase-BeQnmGXr.js";
+const S = (a) => /* @__PURE__ */ g.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ g.createElement("g", { id: "arrow/chevron/</default-first" }, /* @__PURE__ */ g.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" }))), _ = (a) => /* @__PURE__ */ g.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ g.createElement("g", { id: "arrow/chevron/>/end" }, /* @__PURE__ */ g.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" }))), U = (a) => /* @__PURE__ */ g.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ g.createElement("path", { d: "M1.5 1L8.5 8L1.5 15", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), V = (a) => /* @__PURE__ */ g.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ g.createElement("path", { d: "M8.5 15L1.5 8L8.5 1", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
+function ra(a) {
+  return J("MuiPagination", a);
 }
 K("MuiPagination", ["root", "ul", "outlined", "text"]);
-const lt = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
-function ct(t = {}) {
+const la = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
+function ca(a = {}) {
   const {
-    boundaryCount: a = 1,
+    boundaryCount: t = 1,
     componentName: e = "usePagination",
     count: n = 1,
     defaultPage: v = 1,
@@ -25,8 +25,8 @@ function ct(t = {}) {
     page: m,
     showFirstButton: O = !1,
     showLastButton: B = !1,
-    siblingCount: P = 1
-  } = t, d = A(t, lt), [i, w] = nt({
+    siblingCount: h = 1
+  } = a, d = A(a, la), [i, w] = na({
     controlled: m,
     default: v,
     name: e,
@@ -34,25 +34,25 @@ function ct(t = {}) {
   }), $ = (s, C) => {
     m || w(C), b && b(s, C);
   }, y = (s, C) => {
-    const tt = C - s + 1;
+    const aa = C - s + 1;
     return Array.from({
-      length: tt
-    }, (Ct, at) => s + at);
-  }, k = y(1, Math.min(a, n)), x = y(Math.max(n - a + 1, a + 1), n), I = Math.max(
+      length: aa
+    }, (Ca, ta) => s + ta);
+  }, k = y(1, Math.min(t, n)), x = y(Math.max(n - t + 1, t + 1), n), I = Math.max(
     Math.min(
       // Natural start
-      i - P,
+      i - h,
       // Lower boundary when page is high
-      n - a - P * 2 - 1
+      n - t - h * 2 - 1
     ),
     // Greater than startPages
-    a + 2
+    t + 2
   ), L = Math.min(
     Math.max(
       // Natural end
-      i + P,
+      i + h,
       // Upper boundary when page is low
-      a + P * 2 + 2
+      t + h * 2 + 2
     ),
     // Less than endPages
     x.length > 0 ? x[0] - 2 : n - 1
@@ -62,12 +62,12 @@ function ct(t = {}) {
     ...k,
     // Start ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...I > a + 2 ? ["start-ellipsis"] : a + 1 < n - a ? [a + 1] : [],
+    ...I > t + 2 ? ["start-ellipsis"] : t + 1 < n - t ? [t + 1] : [],
     // Sibling pages
     ...y(I, L),
     // End ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...L < n - a - 1 ? ["end-ellipsis"] : n - a > a ? [n - a] : [],
+    ...L < n - t - 1 ? ["end-ellipsis"] : n - t > t ? [n - t] : [],
     ...x,
     ...f ? [] : ["next"],
     ...B ? ["last"] : []
@@ -84,7 +84,7 @@ function ct(t = {}) {
       default:
         return null;
     }
-  }, h = M.map((s) => typeof s == "number" ? {
+  }, P = M.map((s) => typeof s == "number" ? {
     onClick: (C) => {
       $(C, s);
     },
@@ -103,11 +103,11 @@ function ct(t = {}) {
     disabled: p || s.indexOf("ellipsis") === -1 && (s === "next" || s === "last" ? i >= n : i <= 1)
   });
   return l({
-    items: h
+    items: P
   }, d);
 }
-function dt(t) {
-  return J("MuiPaginationItem", t);
+function da(a) {
+  return J("MuiPaginationItem", a);
 }
 const u = K("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), D = W(/* @__PURE__ */ c("path", {
   d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
@@ -117,14 +117,14 @@ const u = K("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
   d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
 }), "NavigateBefore"), q = W(/* @__PURE__ */ c("path", {
   d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "NavigateNext"), pt = ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"], Y = (t, a) => {
+}), "NavigateNext"), pa = ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"], Y = (a, t) => {
   const {
     ownerState: e
-  } = t;
-  return [a.root, a[e.variant], a[`size${N(e.size)}`], e.variant === "text" && a[`text${N(e.color)}`], e.variant === "outlined" && a[`outlined${N(e.color)}`], e.shape === "rounded" && a.rounded, e.type === "page" && a.page, (e.type === "start-ellipsis" || e.type === "end-ellipsis") && a.ellipsis, (e.type === "previous" || e.type === "next") && a.previousNext, (e.type === "first" || e.type === "last") && a.firstLast];
-}, ut = (t) => {
+  } = a;
+  return [t.root, t[e.variant], t[`size${N(e.size)}`], e.variant === "text" && t[`text${N(e.color)}`], e.variant === "outlined" && t[`outlined${N(e.color)}`], e.shape === "rounded" && t.rounded, e.type === "page" && t.page, (e.type === "start-ellipsis" || e.type === "end-ellipsis") && t.ellipsis, (e.type === "previous" || e.type === "next") && t.previousNext, (e.type === "first" || e.type === "last") && t.firstLast];
+}, ua = (a) => {
   const {
-    classes: a,
+    classes: t,
     color: e,
     disabled: n,
     selected: v,
@@ -132,7 +132,7 @@ const u = K("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     shape: f,
     type: r,
     variant: b
-  } = t, m = {
+  } = a, m = {
     root: ["root", `size${N(p)}`, b, f, e !== "standard" && `color${N(e)}`, e !== "standard" && `${b}${N(e)}`, n && "disabled", v && "selected", {
       page: "page",
       first: "firstLast",
@@ -144,44 +144,44 @@ const u = K("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     }[r]],
     icon: ["icon"]
   };
-  return X(m, dt, a);
-}, gt = E("div", {
+  return X(m, da, t);
+}, ga = E("div", {
   name: "MuiPaginationItem",
   slot: "Root",
   overridesResolver: Y
 })(({
-  theme: t,
-  ownerState: a
-}) => l({}, t.typography.body2, {
+  theme: a,
+  ownerState: t
+}) => l({}, a.typography.body2, {
   borderRadius: 32 / 2,
   textAlign: "center",
   boxSizing: "border-box",
   minWidth: 32,
   padding: "0 6px",
   margin: "0 3px",
-  color: (t.vars || t).palette.text.primary,
+  color: (a.vars || a).palette.text.primary,
   height: "auto",
   [`&.${u.disabled}`]: {
-    opacity: (t.vars || t).palette.action.disabledOpacity
+    opacity: (a.vars || a).palette.action.disabledOpacity
   }
-}, a.size === "small" && {
+}, t.size === "small" && {
   minWidth: 26,
   borderRadius: 26 / 2,
   margin: "0 1px",
   padding: "0 4px"
-}, a.size === "large" && {
+}, t.size === "large" && {
   minWidth: 40,
   borderRadius: 40 / 2,
   padding: "0 10px",
-  fontSize: t.typography.pxToRem(15)
-})), vt = E(it, {
+  fontSize: a.typography.pxToRem(15)
+})), va = E(ia, {
   name: "MuiPaginationItem",
   slot: "Root",
   overridesResolver: Y
 })(({
-  theme: t,
-  ownerState: a
-}) => l({}, t.typography.body2, {
+  theme: a,
+  ownerState: t
+}) => l({}, a.typography.body2, {
   borderRadius: 32 / 2,
   textAlign: "center",
   boxSizing: "border-box",
@@ -189,116 +189,116 @@ const u = K("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
   height: 32,
   padding: "0 6px",
   margin: "0 3px",
-  color: (t.vars || t).palette.text.primary,
+  color: (a.vars || a).palette.text.primary,
   [`&.${u.focusVisible}`]: {
-    backgroundColor: (t.vars || t).palette.action.focus
+    backgroundColor: (a.vars || a).palette.action.focus
   },
   [`&.${u.disabled}`]: {
-    opacity: (t.vars || t).palette.action.disabledOpacity
+    opacity: (a.vars || a).palette.action.disabledOpacity
   },
-  transition: t.transitions.create(["color", "background-color"], {
-    duration: t.transitions.duration.short
+  transition: a.transitions.create(["color", "background-color"], {
+    duration: a.transitions.duration.short
   }),
   "&:hover": {
-    backgroundColor: (t.vars || t).palette.action.hover,
+    backgroundColor: (a.vars || a).palette.action.hover,
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
     }
   },
   [`&.${u.selected}`]: {
-    backgroundColor: (t.vars || t).palette.action.selected,
+    backgroundColor: (a.vars || a).palette.action.selected,
     "&:hover": {
-      backgroundColor: t.vars ? `rgba(${t.vars.palette.action.selectedChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))` : z(t.palette.action.selected, t.palette.action.selectedOpacity + t.palette.action.hoverOpacity),
+      backgroundColor: a.vars ? `rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.hoverOpacity}))` : z.alpha(a.palette.action.selected, a.palette.action.selectedOpacity + a.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
-        backgroundColor: (t.vars || t).palette.action.selected
+        backgroundColor: (a.vars || a).palette.action.selected
       }
     },
     [`&.${u.focusVisible}`]: {
-      backgroundColor: t.vars ? `rgba(${t.vars.palette.action.selectedChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))` : z(t.palette.action.selected, t.palette.action.selectedOpacity + t.palette.action.focusOpacity)
+      backgroundColor: a.vars ? `rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))` : z.alpha(a.palette.action.selected, a.palette.action.selectedOpacity + a.palette.action.focusOpacity)
     },
     [`&.${u.disabled}`]: {
       opacity: 1,
-      color: (t.vars || t).palette.action.disabled,
-      backgroundColor: (t.vars || t).palette.action.selected
+      color: (a.vars || a).palette.action.disabled,
+      backgroundColor: (a.vars || a).palette.action.selected
     }
   }
-}, a.size === "small" && {
+}, t.size === "small" && {
   minWidth: 26,
   height: 26,
   borderRadius: 26 / 2,
   margin: "0 1px",
   padding: "0 4px"
-}, a.size === "large" && {
+}, t.size === "large" && {
   minWidth: 40,
   height: 40,
   borderRadius: 40 / 2,
   padding: "0 10px",
-  fontSize: t.typography.pxToRem(15)
-}, a.shape === "rounded" && {
-  borderRadius: (t.vars || t).shape.borderRadius
+  fontSize: a.typography.pxToRem(15)
+}, t.shape === "rounded" && {
+  borderRadius: (a.vars || a).shape.borderRadius
 }), ({
-  theme: t,
-  ownerState: a
-}) => l({}, a.variant === "text" && {
-  [`&.${u.selected}`]: l({}, a.color !== "standard" && {
-    color: (t.vars || t).palette[a.color].contrastText,
-    backgroundColor: (t.vars || t).palette[a.color].main,
+  theme: a,
+  ownerState: t
+}) => l({}, t.variant === "text" && {
+  [`&.${u.selected}`]: l({}, t.color !== "standard" && {
+    color: (a.vars || a).palette[t.color].contrastText,
+    backgroundColor: (a.vars || a).palette[t.color].main,
     "&:hover": {
-      backgroundColor: (t.vars || t).palette[a.color].dark,
+      backgroundColor: (a.vars || a).palette[t.color].dark,
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
-        backgroundColor: (t.vars || t).palette[a.color].main
+        backgroundColor: (a.vars || a).palette[t.color].main
       }
     },
     [`&.${u.focusVisible}`]: {
-      backgroundColor: (t.vars || t).palette[a.color].dark
+      backgroundColor: (a.vars || a).palette[t.color].dark
     }
   }, {
     [`&.${u.disabled}`]: {
-      color: (t.vars || t).palette.action.disabled
+      color: (a.vars || a).palette.action.disabled
     }
   })
-}, a.variant === "outlined" && {
-  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)"}`,
-  [`&.${u.selected}`]: l({}, a.color !== "standard" && {
-    color: (t.vars || t).palette[a.color].main,
-    border: `1px solid ${t.vars ? `rgba(${t.vars.palette[a.color].mainChannel} / 0.5)` : z(t.palette[a.color].main, 0.5)}`,
-    backgroundColor: t.vars ? `rgba(${t.vars.palette[a.color].mainChannel} / ${t.vars.palette.action.activatedOpacity})` : z(t.palette[a.color].main, t.palette.action.activatedOpacity),
+}, t.variant === "outlined" && {
+  border: a.vars ? `1px solid rgba(${a.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${a.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)"}`,
+  [`&.${u.selected}`]: l({}, t.color !== "standard" && {
+    color: (a.vars || a).palette[t.color].main,
+    border: `1px solid ${a.vars ? `rgba(${a.vars.palette[t.color].mainChannel} / 0.5)` : z.alpha(a.palette[t.color].main, 0.5)}`,
+    backgroundColor: a.vars ? `rgba(${a.vars.palette[t.color].mainChannel} / ${a.vars.palette.action.activatedOpacity})` : z.alpha(a.palette[t.color].main, a.palette.action.activatedOpacity),
     "&:hover": {
-      backgroundColor: t.vars ? `rgba(${t.vars.palette[a.color].mainChannel} / calc(${t.vars.palette.action.activatedOpacity} + ${t.vars.palette.action.focusOpacity}))` : z(t.palette[a.color].main, t.palette.action.activatedOpacity + t.palette.action.focusOpacity),
+      backgroundColor: a.vars ? `rgba(${a.vars.palette[t.color].mainChannel} / calc(${a.vars.palette.action.activatedOpacity} + ${a.vars.palette.action.focusOpacity}))` : z.alpha(a.palette[t.color].main, a.palette.action.activatedOpacity + a.palette.action.focusOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
         backgroundColor: "transparent"
       }
     },
     [`&.${u.focusVisible}`]: {
-      backgroundColor: t.vars ? `rgba(${t.vars.palette[a.color].mainChannel} / calc(${t.vars.palette.action.activatedOpacity} + ${t.vars.palette.action.focusOpacity}))` : z(t.palette[a.color].main, t.palette.action.activatedOpacity + t.palette.action.focusOpacity)
+      backgroundColor: a.vars ? `rgba(${a.vars.palette[t.color].mainChannel} / calc(${a.vars.palette.action.activatedOpacity} + ${a.vars.palette.action.focusOpacity}))` : z.alpha(a.palette[t.color].main, a.palette.action.activatedOpacity + a.palette.action.focusOpacity)
     }
   }, {
     [`&.${u.disabled}`]: {
-      borderColor: (t.vars || t).palette.action.disabledBackground,
-      color: (t.vars || t).palette.action.disabled
+      borderColor: (a.vars || a).palette.action.disabledBackground,
+      color: (a.vars || a).palette.action.disabled
     }
   })
-})), ft = E("div", {
+})), fa = E("div", {
   name: "MuiPaginationItem",
   slot: "Icon",
-  overridesResolver: (t, a) => a.icon
+  overridesResolver: (a, t) => t.icon
 })(({
-  theme: t,
-  ownerState: a
+  theme: a,
+  ownerState: t
 }) => l({
-  fontSize: t.typography.pxToRem(20),
+  fontSize: a.typography.pxToRem(20),
   margin: "0 -8px"
-}, a.size === "small" && {
-  fontSize: t.typography.pxToRem(18)
-}, a.size === "large" && {
-  fontSize: t.typography.pxToRem(22)
-})), _ = /* @__PURE__ */ g.forwardRef(function(a, e) {
+}, t.size === "small" && {
+  fontSize: a.typography.pxToRem(18)
+}, t.size === "large" && {
+  fontSize: a.typography.pxToRem(22)
+})), F = /* @__PURE__ */ g.forwardRef(function(t, e) {
   const n = Q({
-    props: a,
+    props: t,
     name: "MuiPaginationItem"
   }), {
     className: v,
@@ -309,19 +309,19 @@ const u = K("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     page: m,
     selected: O = !1,
     shape: B = "circular",
-    size: P = "medium",
+    size: h = "medium",
     slots: d = {},
     type: i = "page",
     variant: w = "text"
-  } = n, $ = A(n, pt), y = l({}, n, {
+  } = n, $ = A(n, pa), y = l({}, n, {
     color: p,
     disabled: b,
     selected: O,
     shape: B,
-    size: P,
+    size: h,
     type: i,
     variant: w
-  }), k = st(), x = ut(y), L = (k ? {
+  }), k = sa(), x = ua(y), L = (k ? {
     previous: d.next || r.next || q,
     next: d.previous || r.previous || H,
     last: d.first || r.first || D,
@@ -332,26 +332,26 @@ const u = K("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     first: d.first || r.first || D,
     last: d.last || r.last || G
   })[i];
-  return i === "start-ellipsis" || i === "end-ellipsis" ? /* @__PURE__ */ c(gt, {
+  return i === "start-ellipsis" || i === "end-ellipsis" ? /* @__PURE__ */ c(ga, {
     ref: e,
     ownerState: y,
     className: j(x.root, v),
     children: "…"
-  }) : /* @__PURE__ */ ot(vt, l({
+  }) : /* @__PURE__ */ oa(va, l({
     ref: e,
     ownerState: y,
     component: f,
     disabled: b,
     className: j(x.root, v)
   }, $, {
-    children: [i === "page" && m, L ? /* @__PURE__ */ c(ft, {
+    children: [i === "page" && m, L ? /* @__PURE__ */ c(fa, {
       as: L,
       ownerState: y,
       className: x.icon
     }) : null]
   }));
 });
-process.env.NODE_ENV !== "production" && (_.propTypes = {
+process.env.NODE_ENV !== "production" && (F.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -446,28 +446,28 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
    */
   variant: o.oneOfType([o.oneOf(["outlined", "text"]), o.string])
 });
-const bt = ["boundaryCount", "className", "color", "count", "defaultPage", "disabled", "getItemAriaLabel", "hideNextButton", "hidePrevButton", "onChange", "page", "renderItem", "shape", "showFirstButton", "showLastButton", "siblingCount", "size", "variant"], yt = (t) => {
+const ba = ["boundaryCount", "className", "color", "count", "defaultPage", "disabled", "getItemAriaLabel", "hideNextButton", "hidePrevButton", "onChange", "page", "renderItem", "shape", "showFirstButton", "showLastButton", "siblingCount", "size", "variant"], ya = (a) => {
   const {
-    classes: a,
+    classes: t,
     variant: e
-  } = t;
+  } = a;
   return X({
     root: ["root", e],
     ul: ["ul"]
-  }, rt, a);
-}, xt = E("nav", {
+  }, ra, t);
+}, xa = E("nav", {
   name: "MuiPagination",
   slot: "Root",
-  overridesResolver: (t, a) => {
+  overridesResolver: (a, t) => {
     const {
       ownerState: e
-    } = t;
-    return [a.root, a[e.variant]];
+    } = a;
+    return [t.root, t[e.variant]];
   }
-})({}), mt = E("ul", {
+})({}), ma = E("ul", {
   name: "MuiPagination",
   slot: "Ul",
-  overridesResolver: (t, a) => a.ul
+  overridesResolver: (a, t) => t.ul
 })({
   display: "flex",
   flexWrap: "wrap",
@@ -476,12 +476,12 @@ const bt = ["boundaryCount", "className", "color", "count", "defaultPage", "disa
   margin: 0,
   listStyle: "none"
 });
-function Pt(t, a, e) {
-  return t === "page" ? `${e ? "" : "Go to "}page ${a}` : `Go to ${t} page`;
+function ha(a, t, e) {
+  return a === "page" ? `${e ? "" : "Go to "}page ${t}` : `Go to ${a} page`;
 }
-const Z = /* @__PURE__ */ g.forwardRef(function(a, e) {
+const Z = /* @__PURE__ */ g.forwardRef(function(t, e) {
   const n = Q({
-    props: a,
+    props: t,
     name: "MuiPagination"
   }), {
     boundaryCount: v = 1,
@@ -490,19 +490,19 @@ const Z = /* @__PURE__ */ g.forwardRef(function(a, e) {
     count: r = 1,
     defaultPage: b = 1,
     disabled: m = !1,
-    getItemAriaLabel: O = Pt,
+    getItemAriaLabel: O = ha,
     hideNextButton: B = !1,
-    hidePrevButton: P = !1,
-    renderItem: d = (h) => /* @__PURE__ */ c(_, l({}, h)),
+    hidePrevButton: h = !1,
+    renderItem: d = (P) => /* @__PURE__ */ c(F, l({}, P)),
     shape: i = "circular",
     showFirstButton: w = !1,
     showLastButton: $ = !1,
     siblingCount: y = 1,
     size: k = "medium",
     variant: x = "text"
-  } = n, I = A(n, bt), {
+  } = n, I = A(n, ba), {
     items: L
-  } = ct(l({}, n, {
+  } = ca(l({}, n, {
     componentName: "Pagination"
   })), M = l({}, n, {
     boundaryCount: v,
@@ -512,7 +512,7 @@ const Z = /* @__PURE__ */ g.forwardRef(function(a, e) {
     disabled: m,
     getItemAriaLabel: O,
     hideNextButton: B,
-    hidePrevButton: P,
+    hidePrevButton: h,
     renderItem: d,
     shape: i,
     showFirstButton: w,
@@ -520,20 +520,20 @@ const Z = /* @__PURE__ */ g.forwardRef(function(a, e) {
     siblingCount: y,
     size: k,
     variant: x
-  }), T = yt(M);
-  return /* @__PURE__ */ c(xt, l({
+  }), T = ya(M);
+  return /* @__PURE__ */ c(xa, l({
     "aria-label": "pagination navigation",
     className: j(T.root, p),
     ownerState: M,
     ref: e
   }, I, {
-    children: /* @__PURE__ */ c(mt, {
+    children: /* @__PURE__ */ c(ma, {
       className: T.ul,
       ownerState: M,
-      children: L.map((h, s) => /* @__PURE__ */ c("li", {
-        children: d(l({}, h, {
+      children: L.map((P, s) => /* @__PURE__ */ c("li", {
+        children: d(l({}, P, {
           color: f,
-          "aria-label": O(h.type, h.page, h.selected),
+          "aria-label": O(P.type, P.page, P.selected),
           shape: i,
           size: k,
           variant: x
@@ -656,9 +656,9 @@ process.env.NODE_ENV !== "production" && (Z.propTypes = {
    */
   variant: o.oneOfType([o.oneOf(["outlined", "text"]), o.string])
 });
-function ht({
-  isRtl: t,
-  pageCount: a,
+function Pa({
+  isRtl: a,
+  pageCount: t,
   page: e,
   onPageChange: n,
   className: v
@@ -669,7 +669,7 @@ function ht({
       showFirstButton: !0,
       showLastButton: !0,
       className: v,
-      count: a,
+      count: t,
       page: e + 1,
       onChange: (p, f) => {
         n(p, f - 1);
@@ -677,9 +677,9 @@ function ht({
       boundaryCount: 0,
       siblingCount: 1,
       renderItem: (p) => /* @__PURE__ */ c(
-        _,
+        F,
         {
-          slots: { previous: t ? U : V, next: t ? V : U, first: t ? S : F, last: t ? F : S },
+          slots: { previous: a ? U : V, next: a ? V : U, first: a ? _ : S, last: a ? S : _ },
           ...p
         }
       ),
@@ -699,10 +699,10 @@ function ht({
     }
   );
 }
-function wt({ isRtl: t, pageCount: a }) {
-  return /* @__PURE__ */ c(et, { ActionsComponent: (e) => /* @__PURE__ */ c(ht, { isRtl: t, pageCount: a, ...e }) });
+function wa({ isRtl: a, pageCount: t }) {
+  return /* @__PURE__ */ c(ea, { ActionsComponent: (e) => /* @__PURE__ */ c(Pa, { isRtl: a, pageCount: t, ...e }) });
 }
 export {
-  wt as CustomPagination,
-  ht as Pagination
+  wa as CustomPagination,
+  Pa as Pagination
 };

package/dist/components/ErrorModal/ErrorModal.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import '../../assets/theme.css';import '../../assets/ErrorModal.css';/* empty css                   */
 import { useState as x } from "react";
-import { M as h } from "../../index-Cfhdtvoc.js";
+import { M as h } from "../../index-BxiDYyNJ.js";
 const p = "_flexRowCenter_1ixx3_43", d = "_text18_1ixx3_57", m = "_content_1ixx3_61", t = {
   flexRowCenter: p,
   text18: d,

package/dist/components/ErrorModal/ErrorModal.stories.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { ErrorModal as t } from "./ErrorModal.js";
-import { C as e } from "../../context-DcMzUd6b.js";
+import { C as e } from "../../context-Crxhk7DD.js";
 const a = ({ isRtl: o }) => /* @__PURE__ */ r(e, { direction: o ? "rtl" : "ltr", children: /* @__PURE__ */ r(
   t,
   {

package/dist/components/InfoModal/InfoModal.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import * as r from "react";
 import { S as i } from "../../VModalIcon-D7L4bQLO.js";
 import '../../assets/theme.css';import '../../assets/ErrorModal.css';/* empty css                   */
-import { M as x } from "../../index-Cfhdtvoc.js";
+import { M as x } from "../../index-BxiDYyNJ.js";
 const m = (o) => /* @__PURE__ */ r.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ r.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" })), d = "_flexRowCenter_1ixx3_43", p = "_mr10_1ixx3_49", f = "_text18_1ixx3_57", h = "_content_1ixx3_61", t = {
   flexRowCenter: d,
   mr10: p,

package/dist/components/InfoModal/InfoModal.stories.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { InfoModal as e } from "./InfoModal.js";
-import { C as r } from "../../context-DcMzUd6b.js";
+import { C as r } from "../../context-Crxhk7DD.js";
 const n = ({ isRtl: t }) => /* @__PURE__ */ o(r, { direction: t ? "rtl" : "ltr", children: /* @__PURE__ */ o(
   e,
   {