@amateescu/portal-ui-components 0.0.30-beta9 → 0.0.32-beta0

package/dist/{CircularProgress-D6RyizwS.js → CircularProgress-Dq_bUtxt.js}

@@ -1,11 +1,11 @@
 import * as O from "react";
-import { g as T, a as R, u as N, s as g, c as j, b as c, d as U, m as P, e as E, P as r, f as I } from "./createSimplePaletteValueFilter-rq2_biPF.js";
+import { g as T, a as N, u as R, s as g, c as j, b as c, d as U, m as P, e as E, P as r, f as I } from "./createSimplePaletteValueFilter-evt-Xthj.js";
 import { jsx as h } from "react/jsx-runtime";
 import { css as x, keyframes as w } from "@emotion/react";
 function z(e) {
   return T("MuiCircularProgress", e);
 }
-R("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
+N("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
 const a = 44, y = w`
   0% {
     transform: rotate(0deg);
@@ -35,24 +35,24 @@ const a = 44, y = w`
         animation: ${v} 1.4s ease-in-out infinite;
       ` : null, A = (e) => {
   const {
-    classes: s,
-    variant: t,
+    classes: t,
+    variant: s,
     color: i,
     disableShrink: l
   } = e, p = {
-    root: ["root", t, `color${c(i)}`],
+    root: ["root", s, `color${c(i)}`],
     svg: ["svg"],
-    circle: ["circle", `circle${c(t)}`, l && "circleDisableShrink"]
+    circle: ["circle", `circle${c(s)}`, l && "circleDisableShrink"]
   };
-  return U(p, z, s);
+  return U(p, z, t);
 }, K = g("span", {
   name: "MuiCircularProgress",
   slot: "Root",
-  overridesResolver: (e, s) => {
+  overridesResolver: (e, t) => {
     const {
-      ownerState: t
+      ownerState: s
     } = e;
-    return [s.root, s[t.variant], s[`color${c(t.color)}`]];
+    return [t.root, t[s.variant], t[`color${c(s.color)}`]];
   }
 })(P(({
   theme: e
@@ -72,29 +72,28 @@ const a = 44, y = w`
     style: F || {
       animation: `${y} 1.4s linear infinite`
     }
-  }, ...Object.entries(e.palette).filter(E()).map(([s]) => ({
+  }, ...Object.entries(e.palette).filter(E()).map(([t]) => ({
     props: {
-      color: s
+      color: t
     },
     style: {
-      color: (e.vars || e).palette[s].main
+      color: (e.vars || e).palette[t].main
     }
   }))]
 }))), B = g("svg", {
   name: "MuiCircularProgress",
-  slot: "Svg",
-  overridesResolver: (e, s) => s.svg
+  slot: "Svg"
 })({
   display: "block"
   // Keeps the progress centered
 }), G = g("circle", {
   name: "MuiCircularProgress",
   slot: "Circle",
-  overridesResolver: (e, s) => {
+  overridesResolver: (e, t) => {
     const {
-      ownerState: t
+      ownerState: s
     } = e;
-    return [s.circle, s[`circle${c(t.variant)}`], t.disableShrink && s.circleDisableShrink];
+    return [t.circle, t[`circle${c(s.variant)}`], s.disableShrink && t.circleDisableShrink];
   }
 })(P(({
   theme: e
@@ -119,16 +118,16 @@ const a = 44, y = w`
     }
   }, {
     props: ({
-      ownerState: s
-    }) => s.variant === "indeterminate" && !s.disableShrink,
+      ownerState: t
+    }) => t.variant === "indeterminate" && !t.disableShrink,
     style: V || {
       // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
       animation: `${v} 1.4s ease-in-out infinite`
     }
   }]
-}))), W = /* @__PURE__ */ O.forwardRef(function(s, t) {
-  const i = N({
-    props: s,
+}))), W = /* @__PURE__ */ O.forwardRef(function(t, s) {
+  const i = R({
+    props: t,
     name: "MuiCircularProgress"
   }), {
     className: l,
@@ -148,13 +147,13 @@ const a = 44, y = w`
     thickness: o,
     value: f,
     variant: k
-  }, d = A(n), u = {}, b = {}, S = {};
+  }, u = A(n), d = {}, b = {}, S = {};
   if (k === "determinate") {
     const C = 2 * Math.PI * ((a - o) / 2);
-    u.strokeDasharray = C.toFixed(3), S["aria-valuenow"] = Math.round(f), u.strokeDashoffset = `${((100 - f) / 100 * C).toFixed(3)}px`, b.transform = "rotate(-90deg)";
+    d.strokeDasharray = C.toFixed(3), S["aria-valuenow"] = Math.round(f), d.strokeDashoffset = `${((100 - f) / 100 * C).toFixed(3)}px`, b.transform = "rotate(-90deg)";
   }
   return /* @__PURE__ */ h(K, {
-    className: j(d.root, l),
+    className: j(u.root, l),
     style: {
       width: m,
       height: m,
@@ -162,17 +161,17 @@ const a = 44, y = w`
       ...D
     },
     ownerState: n,
-    ref: t,
+    ref: s,
     role: "progressbar",
     ...S,
     ...M,
     children: /* @__PURE__ */ h(B, {
-      className: d.svg,
+      className: u.svg,
       ownerState: n,
       viewBox: `${a / 2} ${a / 2} ${a} ${a}`,
       children: /* @__PURE__ */ h(G, {
-        className: d.circle,
-        style: u,
+        className: u.circle,
+        style: d,
         ownerState: n,
         cx: a,
         cy: a,

package/dist/{EllipsisOutlined-D-3xCg8z.js → EllipsisOutlined-CmR4hXJ_.js}

@@ -1,4 +1,4 @@
-import { a6 as Tr, a7 as Lr, a8 as Ar, a9 as $r, a3 as $n, a4 as zn, n as ur, e as T, ag as Gn, h as zr, x as Vr, M as Zn, K as Lt, H as ba, p as De, c as ke, w as Ht, _ as k, k as Kt, ah as it, q as cr, a2 as fr, ai as pa, aj as Qn, a5 as Wr, l as Rt, ak as Yn, N as Ca, P as Fr, j as st, i as he, al as wa, am as Hr, r as un, s as Dn, o as vr, I as Ma } from "./context-D9BBvKPl.js";
+import { a6 as Tr, a7 as Lr, a8 as Ar, a9 as $r, a3 as $n, a4 as zn, n as ur, e as T, ag as Gn, h as zr, x as Vr, M as Zn, K as Lt, H as ba, p as De, c as ke, w as Ht, _ as k, k as Kt, ah as it, q as cr, a2 as fr, ai as pa, aj as Qn, a5 as Wr, l as Rt, ak as Yn, N as Ca, P as Fr, j as st, i as he, al as wa, am as Hr, r as un, s as Dn, o as vr, I as Ma } from "./context-4ttylmIf.js";
 import * as a from "react";
 import qe, { useState as Jn, useMemo as Xn, useCallback as Tt, forwardRef as Ra, useRef as xn, useImperativeHandle as Ea } from "react";
 import { _ as ae } from "./objectWithoutPropertiesLoose-BTau6TOn.js";

package/dist/{PurePanel-CTG2Gs1r.js → PurePanel-CykVuv66.js}

@@ -1,6 +1,6 @@
 import * as m from "react";
 import c, { useContext as _e, useRef as D, forwardRef as me, useState as je, useEffect as te, useMemo as oe, Children as kt } from "react";
-import { I as eo, U as We, v as Ge, e as M, Z as pt, $ as le, h as vt, Y as to, a0 as oo, a1 as ro, w as ce, q as bt, c as N, a2 as Ct, a as re, k as Fe, a3 as no, a4 as ao, a5 as io, g as ht, m as ne, E as yt, x as so, l as lo, a6 as co, a7 as uo, a8 as St, a9 as xt, p as Et, aa as Ot, _ as J, i as Te, s as $t, H as mo, K as T, ab as Re, u as ue, ac as go, B as fo, ad as po, T as vo, b as bo, ae as Co, n as ho, o as yo, af as So, C as xo } from "./context-D9BBvKPl.js";
+import { I as eo, U as We, v as Ge, e as M, Z as pt, $ as le, h as vt, Y as to, a0 as oo, a1 as ro, w as ce, q as bt, c as N, a2 as Ct, a as re, k as Fe, a3 as no, a4 as ao, a5 as io, g as ht, m as ne, E as yt, x as so, l as lo, a6 as co, a7 as uo, a8 as St, a9 as xt, p as Et, aa as Ot, _ as J, i as Te, s as $t, H as mo, K as T, ab as Re, u as ue, ac as go, B as fo, ad as po, T as vo, b as bo, ae as Co, n as ho, o as yo, af as So, C as xo } from "./context-4ttylmIf.js";
 import { R as It } from "./index-BBBjHj3B.js";
 import { _ as se } from "./objectWithoutPropertiesLoose-BTau6TOn.js";
 const Ve = ["blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];

package/dist/{Skeleton-AxdUhch9.js → Skeleton-BBwDqRB3.js}

@@ -1,6 +1,6 @@
 import { _ as G } from "./objectWithoutPropertiesLoose-BTau6TOn.js";
 import * as r from "react";
-import { I as W, c as p, g as D, m as _, K as X, u as K, a as k, o as M, b as J } from "./context-D9BBvKPl.js";
+import { I as W, c as p, g as D, m as _, K as X, u as K, a as k, o as M, b as J } from "./context-4ttylmIf.js";
 var Q = { icon: { tag: "svg", attrs: { "fill-rule": "evenodd", viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, name: "close", theme: "outlined" }, U = function(t, s) {
   return /* @__PURE__ */ r.createElement(W, G({}, t, {
     ref: s,

package/dist/{UserInfoDropdown-DLPEHXMj.js → UserInfoDropdown-DtadP0e7.js}

@@ -3,9 +3,9 @@ import * as l from "react";
 import $t, { useRef as Be, forwardRef as ke, useImperativeHandle as yt, useContext as tt, useState as ot, useEffect as He, createContext as to } from "react";
 import { cn as oo } from "./portal-utils/cn.js";
 import { _ as ze } from "./objectWithoutPropertiesLoose-BTau6TOn.js";
-import { I as Ve, K as le, H as no, U as We, ah as ro, g as de, m as ce, y as ve, u as O, a2 as io, a as ie, E as ao, v as be, D as je, c as _, p as lo, N as so, e as se, l as nt, b as Xe, s as Fe, t as Ct, j as co, x as qe, o as he, an as uo, n as mo, a4 as po, A as go, z as fo, F as rt, aa as it, ad as vo, k as wt, ao as bo, B as at } from "./context-D9BBvKPl.js";
-import { R as ho, T as $o, c as yo, M as Co, a as Se, u as wo, S as xo, E as So, b as xt, d as Oo, s as Io, e as No, f as Eo, g as Po, D as Bo } from "./EllipsisOutlined-D-3xCg8z.js";
-import { P as fe, i as Te, C as St, b as zo, u as Ge, d as ue, z as Ot, e as jo, f as To, h as _o, j as Ro, B as lt } from "./PurePanel-CTG2Gs1r.js";
+import { I as Ve, K as le, H as no, U as We, ah as ro, g as de, m as ce, y as ve, u as O, a2 as io, a as ie, E as ao, v as be, D as je, c as _, p as lo, N as so, e as se, l as nt, b as Xe, s as Fe, t as Ct, j as co, x as qe, o as he, an as uo, n as mo, a4 as po, A as go, z as fo, F as rt, aa as it, ad as vo, k as wt, ao as bo, B as at } from "./context-4ttylmIf.js";
+import { R as ho, T as $o, c as yo, M as Co, a as Se, u as wo, S as xo, E as So, b as xt, d as Oo, s as Io, e as No, f as Eo, g as Po, D as Bo } from "./EllipsisOutlined-CmR4hXJ_.js";
+import { P as fe, i as Te, C as St, b as zo, u as Ge, d as ue, z as Ot, e as jo, f as To, h as _o, j as Ro, B as lt } from "./PurePanel-CykVuv66.js";
 import './assets/UserInfoDropdown.css';function Mo(e, t) {
   return fe.reduce((o, n) => {
     const r = e[`${n}1`], a = e[`${n}3`], i = e[`${n}6`], s = e[`${n}7`];

package/dist/components/ConfirmationModal/ConfirmationModal.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import * as n from "react";
 import { S as m } from "../../VModalIcon-D7L4bQLO.js";
 import '../../assets/theme.css';import '../../assets/ConfirmationModal.css';/* empty css                   */
-import { M as d } from "../../index-C4jQKFL8.js";
+import { M as d } from "../../index-Dz00OoV7.js";
 const x = (t) => /* @__PURE__ */ n.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ n.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 = (t) => /* @__PURE__ */ n.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ n.createElement("path", { d: "M6 18L18 6M6 6L18 18", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), g = "_flexRowCenter_1mxo7_43", w = "_mr10_1mxo7_49", f = "_text18_1mxo7_61", C = "_content_1mxo7_65", o = {
   flexRowCenter: g,
   mr10: w,

package/dist/components/ConfirmationModal/ConfirmationModal.stories.js

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

package/dist/components/CustomButton/CustomButton.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import '../../assets/theme.css';/* empty css                   */
-import { B as l } from "../../Button-CNfTnafe.js";
+import { B as l } from "../../Button-xgiLW4_3.js";
 const p = ({ content: r, height: o = "40px", width: t = "120px", direction: n = "left", size: a = "small", ...e }) => /* @__PURE__ */ i(
   l,
   {

package/dist/components/CustomButton/CustomButton.stories.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { CustomButton as o } from "./CustomButton.js";
-import { c as n } from "../../createSvgIcon-jB7EUYpq.js";
+import { c as n } from "../../createSvgIcon-CgFXfzFk.js";
 const s = n(/* @__PURE__ */ t("path", {
   d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
 }), "Search"), c = {

package/dist/components/CustomPagination/CustomPagination.js

@@ -2,10 +2,10 @@ import { jsx as l, jsxs as ot } from "react/jsx-runtime";
 import * as c from "react";
 import '../../assets/theme.css';/* empty css                   */
 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-rq2_biPF.js";
-import { u as st, a as rt, b as j, i as B } from "../../useSlot-CT4096EK.js";
-import { c as E } from "../../createSvgIcon-jB7EUYpq.js";
-import { B as it } from "../../ButtonBase-DWpUn0eT.js";
+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 it, b as j, i as B } from "../../useSlot-Baxtq84W.js";
+import { c as E } from "../../createSvgIcon-CgFXfzFk.js";
+import { B as rt } from "../../ButtonBase-DUKuDCWw.js";
 const H = (t) => /* @__PURE__ */ c.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ c.createElement("g", { id: "arrow/chevron/</default-first" }, /* @__PURE__ */ c.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__ */ c.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ c.createElement("g", { id: "arrow/chevron/>/end" }, /* @__PURE__ */ c.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__ */ c.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ c.createElement("path", { d: "M1.5 1L8.5 8L1.5 15", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), K = (t) => /* @__PURE__ */ c.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ c.createElement("path", { d: "M8.5 15L1.5 8L8.5 1", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
 function lt(t) {
   return Q("MuiPagination", t);
@@ -31,10 +31,10 @@ function pt(t = {}) {
     default: v,
     name: o,
     state: "page"
-  }), O = (s, r) => {
-    P || u(r), y && y(s, r);
-  }, $ = (s, r) => {
-    const I = r - s + 1;
+  }), O = (s, i) => {
+    P || u(i), y && y(s, i);
+  }, $ = (s, i) => {
+    const I = i - s + 1;
     return Array.from({
       length: I
     }, (V, W) => s + W);
@@ -87,8 +87,8 @@ function pt(t = {}) {
   };
   return {
     items: N.map((s) => typeof s == "number" ? {
-      onClick: (r) => {
-        O(r, s);
+      onClick: (i) => {
+        O(i, s);
       },
       type: "page",
       page: s,
@@ -96,8 +96,8 @@ function pt(t = {}) {
       disabled: p,
       "aria-current": s === d ? "page" : void 0
     } : {
-      onClick: (r) => {
-        O(r, h(s));
+      onClick: (i) => {
+        O(i, h(s));
       },
       type: s,
       page: h(s),
@@ -110,7 +110,7 @@ function pt(t = {}) {
 function ct(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 r = 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", {
   d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
 }), "FirstPage"), ut = E(/* @__PURE__ */ l("path", {
   d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
@@ -162,7 +162,7 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
   margin: "0 3px",
   color: (t.vars || t).palette.text.primary,
   height: "auto",
-  [`&.${i.disabled}`]: {
+  [`&.${r.disabled}`]: {
     opacity: (t.vars || t).palette.action.disabledOpacity
   },
   variants: [{
@@ -186,7 +186,7 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       fontSize: t.typography.pxToRem(15)
     }
   }]
-}))), yt = R(it, {
+}))), yt = R(rt, {
   name: "MuiPaginationItem",
   slot: "Root",
   overridesResolver: tt
@@ -202,10 +202,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}`]: {
+  [`&.${r.focusVisible}`]: {
     backgroundColor: (t.vars || t).palette.action.focus
   },
-  [`&.${i.disabled}`]: {
+  [`&.${r.disabled}`]: {
     opacity: (t.vars || t).palette.action.disabledOpacity
   },
   transition: t.transitions.create(["color", "background-color"], {
@@ -218,7 +218,7 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       backgroundColor: "transparent"
     }
   },
-  [`&.${i.selected}`]: {
+  [`&.${r.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),
@@ -227,10 +227,10 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
         backgroundColor: (t.vars || t).palette.action.selected
       }
     },
-    [`&.${i.focusVisible}`]: {
+    [`&.${r.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}`]: {
+    [`&.${r.disabled}`]: {
       opacity: 1,
       color: (t.vars || t).palette.action.disabled,
       backgroundColor: (t.vars || t).palette.action.selected
@@ -271,8 +271,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}`]: {
+      [`&.${r.selected}`]: {
+        [`&.${r.disabled}`]: {
           borderColor: (t.vars || t).palette.action.disabledBackground,
           color: (t.vars || t).palette.action.disabled
         }
@@ -283,8 +283,8 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       variant: "text"
     },
     style: {
-      [`&.${i.selected}`]: {
-        [`&.${i.disabled}`]: {
+      [`&.${r.selected}`]: {
+        [`&.${r.disabled}`]: {
           color: (t.vars || t).palette.action.disabled
         }
       }
@@ -295,7 +295,7 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       color: a
     },
     style: {
-      [`&.${i.selected}`]: {
+      [`&.${r.selected}`]: {
         color: (t.vars || t).palette[a].contrastText,
         backgroundColor: (t.vars || t).palette[a].main,
         "&:hover": {
@@ -305,10 +305,10 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
             backgroundColor: (t.vars || t).palette[a].main
           }
         },
-        [`&.${i.focusVisible}`]: {
+        [`&.${r.focusVisible}`]: {
           backgroundColor: (t.vars || t).palette[a].dark
         },
-        [`&.${i.disabled}`]: {
+        [`&.${r.disabled}`]: {
           color: (t.vars || t).palette.action.disabled
         }
       }
@@ -319,7 +319,7 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       color: a
     },
     style: {
-      [`&.${i.selected}`]: {
+      [`&.${r.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),
@@ -330,7 +330,7 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
             backgroundColor: "transparent"
           }
         },
-        [`&.${i.focusVisible}`]: {
+        [`&.${r.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)
         }
       }
@@ -338,8 +338,7 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
   }))]
 }))), xt = R("div", {
   name: "MuiPaginationItem",
-  slot: "Icon",
-  overridesResolver: (t, a) => a.icon
+  slot: "Icon"
 })(F(({
   theme: t
 }) => ({
@@ -388,7 +387,7 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     size: C,
     type: u,
     variant: O
-  }, M = rt(), m = ft(g), x = {
+  }, M = it(), m = ft(g), x = {
     slots: {
       previous: w.previous ?? b.previous,
       next: w.next ?? b.next,
@@ -404,7 +403,7 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     elementType: vt,
     externalForwardedProps: x,
     ownerState: g
-  }), [r, I] = j("first", {
+  }), [i, I] = j("first", {
     elementType: dt,
     externalForwardedProps: x,
     ownerState: g
@@ -420,7 +419,7 @@ const i = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
   }[u] : u, G = {
     previous: N,
     next: k,
-    first: r,
+    first: i,
     last: V
   }[D], at = {
     previous: h,
@@ -570,8 +569,7 @@ const mt = (t) => {
   }
 })({}), Ct = R("ul", {
   name: "MuiPagination",
-  slot: "Ul",
-  overridesResolver: (t, a) => a.ul
+  slot: "Ul"
 })({
   display: "flex",
   flexWrap: "wrap",
@@ -599,8 +597,8 @@ const et = /* @__PURE__ */ c.forwardRef(function(a, o) {
     hidePrevButton: C = !1,
     onChange: w,
     page: d,
-    renderItem: u = (r) => /* @__PURE__ */ l(U, {
-      ...r
+    renderItem: u = (i) => /* @__PURE__ */ l(U, {
+      ...i
     }),
     shape: O = "circular",
     showFirstButton: $ = !1,
@@ -641,11 +639,11 @@ const et = /* @__PURE__ */ c.forwardRef(function(a, o) {
     children: /* @__PURE__ */ l(Ct, {
       className: s.ul,
       ownerState: k,
-      children: h.map((r, I) => /* @__PURE__ */ l("li", {
+      children: h.map((i, I) => /* @__PURE__ */ l("li", {
         children: u({
-          ...r,
+          ...i,
           color: f,
-          "aria-label": L(r.type, r.page, r.selected),
+          "aria-label": L(i.type, i.page, i.selected),
           shape: O,
           size: m,
           variant: x

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-C4jQKFL8.js";
+import { M as h } from "../../index-Dz00OoV7.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-D9BBvKPl.js";
+import { C as e } from "../../context-4ttylmIf.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-C4jQKFL8.js";
+import { M as x } from "../../index-Dz00OoV7.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-D9BBvKPl.js";
+import { C as r } from "../../context-4ttylmIf.js";
 const n = ({ isRtl: t }) => /* @__PURE__ */ o(r, { direction: t ? "rtl" : "ltr", children: /* @__PURE__ */ o(
   e,
   {

package/dist/components/KpiCard/KpiCard.js

@@ -3,9 +3,9 @@ import { LoadingAnimation as ga } from "../LoadingAnimation/LoadingAnimation.js"
 import { cn as pa } from "../../portal-utils/cn.js";
 import * as l from "react";
 import ha, { createContext as $a, useState as Q, useRef as te, useEffect as me, useMemo as Gt } from "react";
-import { a as Me, V as ya, d as Sa, I as _a, _ as L, w as Pt, e as se, f as Ca, h as nt, i as ne, c as W, j as _e, k as xa, l as Tt, n as wa, p as He, q as Ea, r as Pa, s as Nt, t as Ta, v as rt, x as Na, g as Ht, m as Wt, u, y as it, z as ot, A as Vt, B as tt, D as Oa, E as Kt, F as We, o as Ra } from "../../context-D9BBvKPl.js";
-import { R as Ia, S as za } from "../../Skeleton-AxdUhch9.js";
-import { E as Ma, M as La, D as Da, R as et, i as Ba, a as Ot, b as ja } from "../../EllipsisOutlined-D-3xCg8z.js";
+import { a as Me, V as ya, d as Sa, I as _a, _ as L, w as Pt, e as se, f as Ca, h as nt, i as ne, c as W, j as _e, k as xa, l as Tt, n as wa, p as He, q as Ea, r as Pa, s as Nt, t as Ta, v as rt, x as Na, g as Ht, m as Wt, u, y as it, z as ot, A as Vt, B as tt, D as Oa, E as Kt, F as We, o as Ra } from "../../context-4ttylmIf.js";
+import { R as Ia, S as za } from "../../Skeleton-BBwDqRB3.js";
+import { E as Ma, M as La, D as Da, R as et, i as Ba, a as Ot, b as ja } from "../../EllipsisOutlined-CmR4hXJ_.js";
 import { _ as pe } from "../../objectWithoutPropertiesLoose-BTau6TOn.js";
 import '../../assets/KpiCard.css';const Aa = function(e, t) {
   let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : void 0;

package/dist/components/LoadingAnimation/LoadingAnimation.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { B as i } from "../../Box-ZFRI9JCw.js";
-import { C as t } from "../../CircularProgress-D6RyizwS.js";
+import { B as i } from "../../Box-D-aleOLf.js";
+import { C as t } from "../../CircularProgress-Dq_bUtxt.js";
 function m() {
   return /* @__PURE__ */ r(i, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100%", children: /* @__PURE__ */ r(t, {}) });
 }