@amateescu/portal-ui-components 0.0.15 → 0.0.16-beta0

package/dist/{PurePanel-CEtW2cn_.js → PurePanel-Dm4YQiOw.js}

@@ -1,6 +1,7 @@
 import * as $ from "react";
 import L, { useContext as Oe, useRef as ce, forwardRef as ke, useState as Ke, useEffect as Me, useMemo as be, createRef as nn, Children as an } from "react";
-import { I as on, R as Nt, r as Vt, e as ee, b as T, ae as sn, af as ln, ag as cn, w as Ye, l as Fr, c as ne, a2 as _t, C as _e, i as It, a5 as un, Z as dn, g as Er, m as je, z as wr, t as Sr, f as m, V as Lt, W as Ce, X as Ht, k as De, Y as Fe, a as de, p as xr, D as fn, K as ue, ah as ot, x as gn, u as Be, O as hn, ai as mn, o as vn, n as re, aj as pn, ak as yn, _ as j, al as He, am as pe, an as ve, a8 as tr, Q as bn } from "./useId-D0OLY2mt.js";
+import { I as on, R as Nt, r as Vt, e as ee, b as T, ad as sn, ae as ln, w as Ye, l as Fr, c as ne, a1 as _t, C as _e, i as It, a4 as cn, Z as un, g as Er, m as je, z as wr, t as Sr, f as m, V as Lt, W as Ce, X as Ht, k as De, Y as Fe, a as de, p as xr, D as dn, K as ue, af as ot, x as fn, u as Be, O as gn, ag as hn, o as mn, n as re, ah as vn, ai as pn, _ as j, aj as He, ak as pe, al as ve, a7 as tr, Q as yn } from "./useId-twUOzmH-.js";
+import { R as bn } from "./index-1vDmwq0E.js";
 import { a as $e } from "./objectWithoutPropertiesLoose-CIT-1_kH.js";
 import { _ as Or, a as W } from "./assertThisInitialized-BUtkG-md.js";
 function Cn(e) {
@@ -37,7 +38,7 @@ const ge = 100, Sn = 10, xn = ge * Sn, On = xn + ge, Nr = {
 function Pn(e) {
   return e in Nr;
 }
-const lo = (e, t) => {
+const co = (e, t) => {
   const [, r] = Nt(), i = L.useContext(Rr), n = Pn(e);
   let a;
   if (t !== void 0)
@@ -361,7 +362,7 @@ function Ee(e) {
     });
   };
 }
-var ze = T({}, sn), Rn = ze.version, Nn = ze.render, Vn = ze.unmountComponentAtNode, Je;
+var ze = T({}, bn), Rn = ze.version, Nn = ze.render, Vn = ze.unmountComponentAtNode, Je;
 try {
   var _n = Number((Rn || "").split(".")[0]);
   _n >= 18 && (Je = ze.createRoot);
@@ -458,7 +459,7 @@ const Bn = (e) => {
       }
     }
   };
-}, jn = ln("Wave", (e) => [Bn(e)]), Vr = `${cn}-wave-target`;
+}, jn = sn("Wave", (e) => [Bn(e)]), Vr = `${ln}-wave-target`;
 function st(e) {
   return e && e !== "#fff" && e !== "#ffffff" && e !== "rgb(255, 255, 255)" && e !== "rgba(255, 255, 255, 1)" && !/rgba\((?:\d*, ){3}0\)/.test(e) && // any transparent rgba color
   e !== "transparent";
@@ -590,7 +591,7 @@ const zn = (e) => {
     if (!l || l.nodeType !== 1 || r)
       return;
     const f = (g) => {
-      !un(g.target) || // No need wave
+      !cn(g.target) || // No need wave
       !l.getAttribute || l.getAttribute("disabled") || l.disabled || l.className.includes("disabled") || l.className.includes("-leave") || c(g);
     };
     return l.addEventListener("click", f, !0), () => {
@@ -598,7 +599,7 @@ const zn = (e) => {
     };
   }, [r]), !/* @__PURE__ */ L.isValidElement(t))
     return t ?? null;
-  const u = dn(t) ? _t(t.ref, a) : a;
+  const u = un(t) ? _t(t.ref, a) : a;
   return $r(t, {
     ref: u
   });
@@ -736,7 +737,7 @@ const Qe = /* @__PURE__ */ $.createContext(null), Zn = (e, t) => {
   return /* @__PURE__ */ $.createElement(Qe.Provider, {
     value: r
   }, t);
-}, co = (e) => {
+}, uo = (e) => {
   const {
     getPrefixCls: t,
     direction: r
@@ -805,7 +806,7 @@ const Lr = /* @__PURE__ */ $.createContext(void 0), Qn = (e) => {
     className: l
   })));
 }, ir = /^[\u4E00-\u9FA5]{2}$/, yt = ir.test.bind(ir);
-function uo(e) {
+function fo(e) {
   return e === "danger" ? {
     danger: !0
   } : {
@@ -1897,14 +1898,14 @@ const Fi = new ue("antZoomIn", {
     inKeyframes: Ri,
     outKeyframes: Ni
   }
-}, fo = (e, t) => {
+}, go = (e, t) => {
   const {
     antCls: r
   } = e, i = `${r}-${t}`, {
     inKeyframes: n,
     outKeyframes: a
   } = Vi[t];
-  return [fn(i, n, a, t === "zoom-big-fast" ? e.motionDurationFast : e.motionDurationMid), {
+  return [dn(i, n, a, t === "zoom-big-fast" ? e.motionDurationFast : e.motionDurationMid), {
     [`
         ${i}-enter,
         ${i}-appear
@@ -2023,7 +2024,7 @@ const Fi = new ue("antZoomIn", {
       "> a": {
         color: "currentColor"
       },
-      "&:not(:disabled)": Object.assign({}, gn(e)),
+      "&:not(:disabled)": Object.assign({}, fn(e)),
       [`&${t}-two-chinese-chars::first-letter`]: {
         letterSpacing: "0.34em"
       },
@@ -2478,7 +2479,7 @@ const ta = (e) => {
       }
     }
   };
-}, ra = hn(["Button", "compact"], (e) => {
+}, ra = gn(["Button", "compact"], (e) => {
   const t = zr(e);
   return [
     // Space Compact
@@ -2547,7 +2548,7 @@ const aa = {
     getPrefixCls: y,
     direction: E,
     button: x
-  } = Oe(_e), H = (r = I ?? (x == null ? void 0 : x.autoInsertSpace)) !== null && r !== void 0 ? r : !0, N = y("btn", s), [U, Y, q] = Yi(N), te = Oe(mn), k = p ?? te, ae = Oe(Lr), Ie = be(() => ia(o), [o]), [me, qt] = Ke(Ie.loading), [rt, Gt] = Ke(!1), we = _t(t, /* @__PURE__ */ nn()), Ut = an.count(h) === 1 && !b && !Ge(A);
+  } = Oe(_e), H = (r = I ?? (x == null ? void 0 : x.autoInsertSpace)) !== null && r !== void 0 ? r : !0, N = y("btn", s), [U, Y, q] = Yi(N), te = Oe(hn), k = p ?? te, ae = Oe(Lr), Ie = be(() => ia(o), [o]), [me, qt] = Ke(Ie.loading), [rt, Gt] = Ke(!1), we = _t(t, /* @__PURE__ */ nn()), Ut = an.count(h) === 1 && !b && !Ge(A);
   Me(() => {
     let J = null;
     Ie.delay > 0 ? J = setTimeout(() => {
@@ -2585,7 +2586,7 @@ const aa = {
   }, Zt = wr((J) => {
     var fe, at;
     return (at = (fe = O ?? Jr) !== null && fe !== void 0 ? fe : ae) !== null && at !== void 0 ? at : J;
-  }), Xt = Zt && (i = Qr[Zt]) !== null && i !== void 0 ? i : "", en = me ? "loading" : b, nt = vn(M, ["navigate"]), kt = ne(N, Y, q, {
+  }), Xt = Zt && (i = Qr[Zt]) !== null && i !== void 0 ? i : "", en = me ? "loading" : b, nt = mn(M, ["navigate"]), kt = ne(N, Y, q, {
     [`${N}-${g}`]: g !== "default" && g,
     // line(253 - 254): Compatible with versions earlier than 5.21.0
     [`${N}-${z}`]: z,
@@ -2742,7 +2743,7 @@ function la(e) {
   }
 }
 function ca(e, t, r) {
-  if (pn()) return Reflect.construct.apply(null, arguments);
+  if (vn()) return Reflect.construct.apply(null, arguments);
   var i = [null];
   i.push.apply(i, t);
   var n = new (e.bind.apply(e, i))();
@@ -2758,7 +2759,7 @@ function Et(e) {
       t.set(i, n);
     }
     function n() {
-      return ca(i, arguments, yn(this).constructor);
+      return ca(i, arguments, pn(this).constructor);
     }
     return n.prototype = Object.create(i.prototype, {
       constructor: {
@@ -4694,7 +4695,7 @@ const to = (e) => {
   return /* @__PURE__ */ $.createElement(Rt.Provider, {
     value: a
   }, t);
-}, go = (e) => {
+}, ho = (e) => {
   const {
     space: t,
     form: r,
@@ -4709,7 +4710,7 @@ const to = (e) => {
   }, n)), t && (n = /* @__PURE__ */ L.createElement(Xn, null, n)), n;
 };
 function ro(e) {
-  return (t) => /* @__PURE__ */ $.createElement(bn, {
+  return (t) => /* @__PURE__ */ $.createElement(yn, {
     theme: {
       token: {
         motion: !1,
@@ -4718,7 +4719,7 @@ function ro(e) {
     }
   }, /* @__PURE__ */ $.createElement(e, Object.assign({}, t)));
 }
-const ho = (e, t, r, i) => ro((a) => {
+const mo = (e, t, r, i) => ro((a) => {
   const {
     prefixCls: o,
     style: s
@@ -4763,19 +4764,19 @@ const ho = (e, t, r, i) => ro((a) => {
 });
 export {
   zt as B,
-  go as C,
+  ho as C,
   xn as a,
   Mn as b,
-  uo as c,
+  fo as c,
   Cn as d,
   $r as e,
   Yn as f,
-  ho as g,
-  co as h,
-  fo as i,
+  mo as g,
+  uo as h,
+  go as i,
   Zn as j,
   Hn as r,
-  lo as u,
+  co as u,
   ro as w,
   Rr as z
 };

package/dist/{Skeleton-CxzINLDP.js → Skeleton-BUGeiKb5.js}

@@ -1,6 +1,6 @@
 import { a as F } from "./objectWithoutPropertiesLoose-CIT-1_kH.js";
 import * as i from "react";
-import { I as G, c as p, g as W, m as _, K as D, u as X, C as k, o as z, _ as K } from "./useId-D0OLY2mt.js";
+import { I as G, c as p, g as W, m as _, K as D, u as X, C as k, o as z, _ as K } from "./useId-twUOzmH-.js";
 var J = { 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" }, Q = function(t, s) {
   return /* @__PURE__ */ i.createElement(G, F({}, t, {
     ref: s,

package/dist/{UserInfoDropdown-B4K8MPdS.js → UserInfoDropdown-CTLrKtZM.js}

@@ -1,11 +1,11 @@
 import { jsx as he, jsxs as Ft } from "react/jsx-runtime";
 import * as a from "react";
 import gt, { useRef as Ie, forwardRef as De, useImperativeHandle as ft, useContext as Ke, useState as Ze, useEffect as Te, createContext as qt } from "react";
-import Gt from "./utils/cn.js";
+import { cn as Gt } from "./utils/cn.js";
 import { a as Ee } from "./objectWithoutPropertiesLoose-CIT-1_kH.js";
-import { I as He, D as Yt, K as re, R as Ae, a1 as Ut, g as le, m as ae, s as ge, u as B, a2 as Kt, C as J, z as Zt, r as fe, y as Pe, c as M, k as Qt, b as Jt, _ as Qe, p as Le, q as vt, h as eo, t as ke, o as ve, a9 as to, j as oo, aa as no, v as ro, A as Je, ab as io, ac as et, i as bt, ad as ao, x as tt } from "./useId-D0OLY2mt.js";
-import { R as lo, T as so, c as co, M as uo, a as ye, u as mo, S as po, E as go, b as ht, d as fo, s as vo, e as bo, f as ho, g as $o, D as Co } from "./EllipsisOutlined-Cm0_b9Em.js";
-import { i as Be, C as $t, d as yo, u as Ve, e as se, z as Ct, g as wo, f as xo, h as So, j as Oo, B as ot } from "./PurePanel-CEtW2cn_.js";
+import { I as He, D as Yt, K as re, R as Ae, a0 as Ut, g as le, m as ae, s as ge, u as B, a1 as Kt, C as J, z as Zt, r as fe, y as Pe, c as M, k as Qt, b as Jt, _ as Qe, p as Le, q as vt, h as eo, t as ke, o as ve, a8 as to, j as oo, a9 as no, v as ro, A as Je, aa as io, ab as et, i as bt, ac as ao, x as tt } from "./useId-twUOzmH-.js";
+import { R as lo, T as so, c as co, M as uo, a as ye, u as mo, S as po, E as go, b as ht, d as fo, s as vo, e as bo, f as ho, g as $o, D as Co } from "./EllipsisOutlined-CbXvjafK.js";
+import { i as Be, C as $t, d as yo, u as Ve, e as se, z as Ct, g as wo, f as xo, h as So, j as Oo, B as ot } from "./PurePanel-Dm4YQiOw.js";
 import './assets/UserInfoDropdown.css';const pe = ["blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];
 function Io(e, t) {
   return pe.reduce((o, n) => {

package/dist/components/ConfirmationModal/ConfirmationModal.js

@@ -1,7 +1,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-BJyEP8DX.js";
+import { M as d } from "../../index-BUkgekw_.js";
 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,

package/dist/components/CustomButton/CustomButton.js

@@ -1,369 +1,19 @@
-import { jsx as f, jsxs as D } from "react/jsx-runtime";
-import { _ as F, a as t } from "../../objectWithoutPropertiesLoose-CIT-1_kH.js";
-import * as p from "react";
-import { g as G, a as U, r as A, u as H, c as r, b as q, s as y, d as J, e as v, f as E, P as a } from "../../generateUtilityClasses-CBdP3bZj.js";
-import { B as K } from "../../ButtonBase-Dv90LYxj.js";
-function Q(o) {
-  return G("MuiButton", o);
-}
-const b = U("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), R = /* @__PURE__ */ p.createContext({});
-process.env.NODE_ENV !== "production" && (R.displayName = "ButtonGroupContext");
-const h = /* @__PURE__ */ p.createContext(void 0);
-process.env.NODE_ENV !== "production" && (h.displayName = "ButtonGroupButtonContext");
-const X = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], Y = (o) => {
-  const {
-    color: n,
-    disableElevation: i,
-    fullWidth: e,
-    size: s,
-    variant: l,
-    classes: c
-  } = o, x = {
-    root: ["root", l, `${l}${r(n)}`, `size${r(s)}`, `${l}Size${r(s)}`, `color${r(n)}`, i && "disableElevation", e && "fullWidth"],
-    label: ["label"],
-    startIcon: ["icon", "startIcon", `iconSize${r(s)}`],
-    endIcon: ["icon", "endIcon", `iconSize${r(s)}`]
-  }, g = q(x, Q, c);
-  return t({}, c, g);
-}, N = (o) => t({}, o.size === "small" && {
-  "& > *:nth-of-type(1)": {
-    fontSize: 18
-  }
-}, o.size === "medium" && {
-  "& > *:nth-of-type(1)": {
-    fontSize: 20
-  }
-}, o.size === "large" && {
-  "& > *:nth-of-type(1)": {
-    fontSize: 22
-  }
-}), Z = y(K, {
-  shouldForwardProp: (o) => J(o) || o === "classes",
-  name: "MuiButton",
-  slot: "Root",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: i
-    } = o;
-    return [n.root, n[i.variant], n[`${i.variant}${r(i.color)}`], n[`size${r(i.size)}`], n[`${i.variant}Size${r(i.size)}`], i.color === "inherit" && n.colorInherit, i.disableElevation && n.disableElevation, i.fullWidth && n.fullWidth];
-  }
-})(({
-  theme: o,
-  ownerState: n
-}) => {
-  var i, e;
-  const s = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], l = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
-  return t({}, o.typography.button, {
-    minWidth: 64,
-    padding: "6px 16px",
-    borderRadius: (o.vars || o).shape.borderRadius,
-    transition: o.transitions.create(["background-color", "box-shadow", "border-color", "color"], {
-      duration: o.transitions.duration.short
-    }),
-    "&:hover": t({
-      textDecoration: "none",
-      backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette.text.primary, o.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, n.variant === "text" && n.color !== "inherit" && {
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[n.color].main, o.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, n.variant === "outlined" && n.color !== "inherit" && {
-      border: `1px solid ${(o.vars || o).palette[n.color].main}`,
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[n.color].main, o.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, n.variant === "contained" && {
-      backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedHoverBg : l,
-      boxShadow: (o.vars || o).shadows[4],
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        boxShadow: (o.vars || o).shadows[2],
-        backgroundColor: (o.vars || o).palette.grey[300]
-      }
-    }, n.variant === "contained" && n.color !== "inherit" && {
-      backgroundColor: (o.vars || o).palette[n.color].dark,
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: (o.vars || o).palette[n.color].main
-      }
-    }),
-    "&:active": t({}, n.variant === "contained" && {
-      boxShadow: (o.vars || o).shadows[8]
-    }),
-    [`&.${b.focusVisible}`]: t({}, n.variant === "contained" && {
-      boxShadow: (o.vars || o).shadows[6]
-    }),
-    [`&.${b.disabled}`]: t({
-      color: (o.vars || o).palette.action.disabled
-    }, n.variant === "outlined" && {
-      border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
-    }, n.variant === "contained" && {
-      color: (o.vars || o).palette.action.disabled,
-      boxShadow: (o.vars || o).shadows[0],
-      backgroundColor: (o.vars || o).palette.action.disabledBackground
-    })
-  }, n.variant === "text" && {
-    padding: "6px 8px"
-  }, n.variant === "text" && n.color !== "inherit" && {
-    color: (o.vars || o).palette[n.color].main
-  }, n.variant === "outlined" && {
-    padding: "5px 15px",
-    border: "1px solid currentColor"
-  }, n.variant === "outlined" && n.color !== "inherit" && {
-    color: (o.vars || o).palette[n.color].main,
-    border: o.vars ? `1px solid rgba(${o.vars.palette[n.color].mainChannel} / 0.5)` : `1px solid ${v(o.palette[n.color].main, 0.5)}`
-  }, n.variant === "contained" && {
-    color: o.vars ? (
-      // this is safe because grey does not change between default light/dark mode
-      o.vars.palette.text.primary
-    ) : (i = (e = o.palette).getContrastText) == null ? void 0 : i.call(e, o.palette.grey[300]),
-    backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedBg : s,
-    boxShadow: (o.vars || o).shadows[2]
-  }, n.variant === "contained" && n.color !== "inherit" && {
-    color: (o.vars || o).palette[n.color].contrastText,
-    backgroundColor: (o.vars || o).palette[n.color].main
-  }, n.color === "inherit" && {
-    color: "inherit",
-    borderColor: "currentColor"
-  }, n.size === "small" && n.variant === "text" && {
-    padding: "4px 5px",
-    fontSize: o.typography.pxToRem(13)
-  }, n.size === "large" && n.variant === "text" && {
-    padding: "8px 11px",
-    fontSize: o.typography.pxToRem(15)
-  }, n.size === "small" && n.variant === "outlined" && {
-    padding: "3px 9px",
-    fontSize: o.typography.pxToRem(13)
-  }, n.size === "large" && n.variant === "outlined" && {
-    padding: "7px 21px",
-    fontSize: o.typography.pxToRem(15)
-  }, n.size === "small" && n.variant === "contained" && {
-    padding: "4px 10px",
-    fontSize: o.typography.pxToRem(13)
-  }, n.size === "large" && n.variant === "contained" && {
-    padding: "8px 22px",
-    fontSize: o.typography.pxToRem(15)
-  }, n.fullWidth && {
-    width: "100%"
-  });
-}, ({
-  ownerState: o
-}) => o.disableElevation && {
-  boxShadow: "none",
-  "&:hover": {
-    boxShadow: "none"
-  },
-  [`&.${b.focusVisible}`]: {
-    boxShadow: "none"
-  },
-  "&:active": {
-    boxShadow: "none"
-  },
-  [`&.${b.disabled}`]: {
-    boxShadow: "none"
-  }
-}), w = y("span", {
-  name: "MuiButton",
-  slot: "StartIcon",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: i
-    } = o;
-    return [n.startIcon, n[`iconSize${r(i.size)}`]];
-  }
-})(({
-  ownerState: o
-}) => t({
-  display: "inherit",
-  marginRight: 8,
-  marginLeft: -4
-}, o.size === "small" && {
-  marginLeft: -2
-}, N(o))), oo = y("span", {
-  name: "MuiButton",
-  slot: "EndIcon",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: i
-    } = o;
-    return [n.endIcon, n[`iconSize${r(i.size)}`]];
-  }
-})(({
-  ownerState: o
-}) => t({
-  display: "inherit",
-  marginRight: -4,
-  marginLeft: 8
-}, o.size === "small" && {
-  marginRight: -2
-}, N(o))), O = /* @__PURE__ */ p.forwardRef(function(n, i) {
-  const e = p.useContext(R), s = p.useContext(h), l = A(e, n), c = H({
-    props: l,
-    name: "MuiButton"
-  }), {
-    children: x,
-    color: g = "primary",
-    component: z = "button",
-    className: k,
-    disabled: C = !1,
-    disableElevation: T = !1,
-    disableFocusRipple: I = !1,
-    endIcon: B,
-    focusVisibleClassName: P,
-    fullWidth: W = !1,
-    size: S = "medium",
-    startIcon: $,
-    type: m,
-    variant: M = "text"
-  } = c, V = F(c, X), u = t({}, c, {
-    color: g,
-    component: z,
-    disabled: C,
-    disableElevation: T,
-    disableFocusRipple: I,
-    fullWidth: W,
-    size: S,
-    type: m,
-    variant: M
-  }), d = Y(u), _ = $ && /* @__PURE__ */ f(w, {
-    className: d.startIcon,
-    ownerState: u,
-    children: $
-  }), L = B && /* @__PURE__ */ f(oo, {
-    className: d.endIcon,
-    ownerState: u,
-    children: B
-  }), j = s || "";
-  return /* @__PURE__ */ D(Z, t({
-    ownerState: u,
-    className: E(e.className, d.root, k, j),
-    component: z,
-    disabled: C,
-    focusRipple: !I,
-    focusVisibleClassName: E(d.focusVisible, P),
-    ref: i,
-    type: m
-  }, V, {
-    classes: d,
-    children: [_, x, L]
-  }));
-});
-process.env.NODE_ENV !== "production" && (O.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: a.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: a.object,
-  /**
-   * @ignore
-   */
-  className: a.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: a.oneOfType([a.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), a.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: a.elementType,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: a.bool,
-  /**
-   * If `true`, no elevation is used.
-   * @default false
-   */
-  disableElevation: a.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: a.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   *
-   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
-   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
-   * @default false
-   */
-  disableRipple: a.bool,
-  /**
-   * Element placed after the children.
-   */
-  endIcon: a.node,
-  /**
-   * @ignore
-   */
-  focusVisibleClassName: a.string,
-  /**
-   * If `true`, the button will take up the full width of its container.
-   * @default false
-   */
-  fullWidth: a.bool,
-  /**
-   * The URL to link to when the button is clicked.
-   * If defined, an `a` element will be used as the root node.
-   */
-  href: a.string,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense button styling.
-   * @default 'medium'
-   */
-  size: a.oneOfType([a.oneOf(["small", "medium", "large"]), a.string]),
-  /**
-   * Element placed before the children.
-   */
-  startIcon: a.node,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
-  /**
-   * @ignore
-   */
-  type: a.oneOfType([a.oneOf(["button", "reset", "submit"]), a.string]),
-  /**
-   * The variant to use.
-   * @default 'text'
-   */
-  variant: a.oneOfType([a.oneOf(["contained", "outlined", "text"]), a.string])
-});
-const to = ({ content: o, height: n = "40px", width: i = "120px", direction: e = "left", ...s }) => /* @__PURE__ */ f(
-  O,
+import { jsx as i } from "react/jsx-runtime";
+import { B as a } from "../../Button-BT8r3F_d.js";
+const d = ({ content: o, height: r = "40px", width: t = "120px", direction: n = "left", ...e }) => /* @__PURE__ */ i(
+  a,
   {
     variant: "outlined",
     disableElevation: !0,
     color: "primary",
     sx: {
-      float: e,
-      height: n,
+      float: n,
+      height: r,
       borderRadius: 2,
       border: "1px solid #E0E0E0",
       color: "#48464A",
       fontWeight: "400",
-      width: i,
+      width: t,
       textTransform: "none",
       // '& .MuiButton-endIcon': {
       //   marginInlineStart: '10px',
@@ -376,10 +26,10 @@ const to = ({ content: o, height: n = "40px", width: i = "120px", direction: e =
         border: "1px solid #E0E0E0"
       }
     },
-    ...s,
+    ...e,
     children: o
   }
 );
 export {
-  to as CustomButton
+  d as CustomButton
 };

package/dist/components/CustomFooter/CustomFooter.js

@@ -1,7 +1,7 @@
 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 { getPageCount as 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