@amateescu/portal-ui-components 0.0.7 → 0.0.9-beta0

package/dist/components/KpiCard/index.js

@@ -3,10 +3,9 @@ import { LoadingAnimation as li } from "../LoadingAnimation/index.js";
 import si from "../../utils/cn.js";
 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 V, t as xr, w as fr, i as fi, K as Zt, e as Ke, g as te, h as At, j as O, k as zt, l as $t, C as Qn, m as Er, n as vi, o as vr, p as ma, q as _t, r as mr, v as mi, P as ha, x as je, y as ce, z as hi, A as ga, B as nn, D as bn, E as Zn, I as ba, F as gi, G as bi, H as Rr, J as pa, L as ya, M as L, N as Mr, O as Pr, Q as Ca, R as Yn, S as pi, T as yi, U as Sa, V as er, W as Ci } from "../../Skeleton-BB4Y_Her.js";
-import { a as de } from "../../index-kNWC7pFF.js";
-import { _ as Tn, r as wa } from "../../toPropertyKey-DMiYgyB_.js";
-import '../../assets/index2.css';var hr = /* @__PURE__ */ i.createContext(null);
+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);
 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;
@@ -588,7 +587,7 @@ function ro(e) {
 function ao() {
   var e = i.useRef(null), t = function(r) {
     e.current || (e.current = [], ro(function() {
-      wa.unstable_batchedUpdates(function() {
+      ma.unstable_batchedUpdates(function() {
         e.current.forEach(function(a) {
           a();
         }), e.current = null;
@@ -1040,7 +1039,7 @@ function po(e, t, n, r, a, o, l) {
       var re = g.getBoundingClientRect();
       g.style.left = P, g.style.top = I, g.style.right = j, g.style.bottom = ne, g.style.overflow = w, (_ = g.parentElement) === null || _ === void 0 || _.removeChild(q);
       var Ze = In(Math.round(_e / parseFloat(k) * 1e3) / 1e3), Re = In(Math.round(ie / parseFloat(N) * 1e3) / 1e3);
-      if (Ze === 0 || Re === 0 || vr(n) && !ma(n))
+      if (Ze === 0 || Re === 0 || vr(n) && !ha(n))
         return;
       var Ie = H.offset, Ye = H.targetOffset, Ae = Ur(T, Ie), De = O(Ae, 2), Ee = De[0], Me = De[1], Be = Ur(D, Ye), he = O(Be, 2), We = he[0], Xe = he[1];
       D.x -= We, D.y -= Xe;
@@ -1173,7 +1172,7 @@ function Co(e, t, n, r, a, o, l, s) {
 }
 var So = ["prefixCls", "children", "action", "showAction", "hideAction", "popupVisible", "defaultPopupVisible", "onPopupVisibleChange", "afterPopupVisibleChange", "mouseEnterDelay", "mouseLeaveDelay", "focusDelay", "blurDelay", "mask", "maskClosable", "getPopupContainer", "forceRender", "autoDestroy", "destroyPopupOnHide", "popup", "popupClassName", "popupStyle", "popupPlacement", "builtinPlacements", "popupAlign", "zIndex", "stretch", "getPopupClassNameFromAlign", "fresh", "alignPoint", "onPopupClick", "onPopupAlign", "arrow", "popupMotion", "maskMotion", "popupTransitionName", "popupAnimation", "maskTransitionName", "maskAnimation", "className", "getTriggerDOMNode"];
 function wo() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ha, t = /* @__PURE__ */ i.forwardRef(function(n, r) {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ga, t = /* @__PURE__ */ i.forwardRef(function(n, r) {
     var a = n.prefixCls, o = a === void 0 ? "rc-trigger-popup" : a, l = n.children, s = n.action, c = s === void 0 ? "hover" : s, u = n.showAction, v = n.hideAction, d = n.popupVisible, f = n.defaultPopupVisible, m = n.onPopupVisibleChange, C = n.afterPopupVisibleChange, S = n.mouseEnterDelay, p = n.mouseLeaveDelay, b = p === void 0 ? 0.1 : p, h = n.focusDelay, y = n.blurDelay, $ = n.mask, _ = n.maskClosable, g = _ === void 0 ? !0 : _, M = n.getPopupContainer, E = n.forceRender, R = n.autoDestroy, k = n.destroyPopupOnHide, N = n.popup, x = n.popupClassName, P = n.popupStyle, I = n.popupPlacement, j = n.builtinPlacements, ne = j === void 0 ? {} : j, w = n.popupAlign, H = n.zIndex, q = n.stretch, D = n.getPopupClassNameFromAlign, oe = n.fresh, ue = n.alignPoint, A = n.onPopupClick, T = n.onPopupAlign, B = n.arrow, J = n.popupMotion, ae = n.maskMotion, X = n.popupTransitionName, Z = n.popupAnimation, fe = n.maskTransitionName, me = n.maskAnimation, ie = n.className, _e = n.getTriggerDOMNode, G = Ke(n, So), le = R || k || !1, Le = i.useState(!1), Ge = O(Le, 2), Q = Ge[0], Y = Ge[1];
     $t(function() {
       Y(Ia());
@@ -1359,7 +1358,7 @@ function wo() {
   });
   return process.env.NODE_ENV !== "production" && (t.displayName = "Trigger"), t;
 }
-const ka = wo(ha);
+const ka = wo(ga);
 var $o = je.ESC, _o = je.TAB;
 function xo(e) {
   var t = e.visible, n = e.triggerRef, r = e.onVisibleChange, a = e.autoFocus, o = e.overlayRef, l = i.useRef(!1), s = function() {
@@ -1521,7 +1520,7 @@ function On(e) {
   var t = e.children, n = e.locked, r = Ke(e, Io), a = i.useContext(xt), o = hi(function() {
     return Oo(a, r);
   }, [a, r], function(l, s) {
-    return !n && (l[0] !== s[0] || !ga(l[1], s[1], !0));
+    return !n && (l[0] !== s[0] || !ba(l[1], s[1], !0));
   });
   return /* @__PURE__ */ i.createElement(xt.Provider, {
     value: o
@@ -1541,7 +1540,7 @@ function zn(e) {
 var ja = /* @__PURE__ */ i.createContext(null), Nr = /* @__PURE__ */ i.createContext({});
 function Xr(e) {
   var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-  if (ma(e)) {
+  if (ha(e)) {
     var n = e.nodeName.toLowerCase(), r = (
       // Focusable element
       ["input", "select", "textarea", "button"].includes(n) || // Editable element
@@ -2263,7 +2262,7 @@ var ul = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
     function tt() {
       We(ge), le == null || le(ge);
     }
-    $e ? wa.flushSync(tt) : tt();
+    $e ? ma.flushSync(tt) : tt();
   }, yt = i.useState(he), mt = O(yt, 2), ct = mt[0], Et = mt[1], ze = i.useRef(!1), Ve = i.useMemo(function() {
     return (p === "inline" || p === "vertical") && b ? ["vertical", b] : [p, !1];
   }, [p, b]), it = O(Ve, 2), pe = it[0], W = it[1], K = pe === "inline", F = i.useState(pe), Se = O(F, 2), Oe = Se[0], Pt = Se[1], et = i.useState(W), ut = O(et, 2), Ct = ut[0], lt = ut[1];
@@ -2346,7 +2345,7 @@ var ul = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
         return !tt.has(Qe);
       });
     }
-    ga(he, $e, !0) || Xe($e, !0);
+    ba(he, $e, !0) || Xe($e, !0);
   }), Ft = function(ge, $e) {
     var tt = $e ?? !he.includes(ge);
     Dt(ge, tt);
@@ -2447,14 +2446,14 @@ Ln.SubMenu = ar;
 Ln.ItemGroup = zr;
 Ln.Divider = Ja;
 var fl = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, name: "ellipsis", theme: "outlined" }, vl = function(t, n) {
-  return /* @__PURE__ */ i.createElement(ba, de({}, t, {
+  return /* @__PURE__ */ i.createElement(pa, de({}, t, {
     ref: n,
     icon: fl
   }));
 }, Qa = /* @__PURE__ */ i.forwardRef(vl);
 process.env.NODE_ENV !== "production" && (Qa.displayName = "EllipsisOutlined");
 var ml = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" } }, { tag: "path", attrs: { d: "M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z" } }] }, name: "plus", theme: "outlined" }, hl = function(t, n) {
-  return /* @__PURE__ */ i.createElement(ba, de({}, t, {
+  return /* @__PURE__ */ i.createElement(pa, de({}, t, {
     ref: n,
     icon: ml
   }));
@@ -3778,7 +3777,7 @@ const kl = (e) => {
         "&:focus:not(:focus-visible), &:active": {
           color: n
         }
-      }, Ca(e)),
+      }, Sa(e)),
       "&-btn": {
         outline: "none",
         transition: `all ${e.motionDurationSlow}`,
@@ -4028,7 +4027,7 @@ const kl = (e) => {
           "&:active, &:focus:not(:focus-visible)": {
             color: l
           }
-        }, Ca(e))
+        }, Sa(e))
       },
       [`${t}-extra-content`]: {
         flex: "none"
@@ -4098,8 +4097,8 @@ const kl = (e) => {
     itemActiveColor: e.colorPrimaryActive,
     cardGutter: e.marginXXS / 2
   };
-}, Ul = pa("Tabs", (e) => {
-  const t = ya(e, {
+}, Ul = ya("Tabs", (e) => {
+  const t = Ca(e, {
     // `cardPadding` is empty by default, so we could calculate with dynamic `cardHeight`
     tabsCardPadding: e.cardPadding,
     dropdownEdgeChildVerticalPadding: e.paddingXXS,
@@ -4166,7 +4165,7 @@ const Ar = (e) => {
     const ie = Rr("Tabs");
     process.env.NODE_ENV !== "production" && ie(!("onPrevClick" in e) && !("onNextClick" in e), "breaking", "`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead."), process.env.NODE_ENV !== "production" && ie(!(x || w != null && w.indicatorSize), "deprecated", "`indicatorSize` has been deprecated. Please use `indicator={{ size: ... }}` instead.");
   }
-  const ae = Sa(S), X = Al(R, E), Z = Dl(D, k), fe = Object.assign(Object.assign({}, w == null ? void 0 : w.style), N), me = {
+  const ae = wa(S), X = Al(R, E), Z = Dl(D, k), fe = Object.assign(Object.assign({}, w == null ? void 0 : w.style), N), me = {
     align: (n = P == null ? void 0 : P.align) !== null && n !== void 0 ? n : (r = w == null ? void 0 : w.indicator) === null || r === void 0 ? void 0 : r.align,
     size: (s = (o = (a = P == null ? void 0 : P.size) !== null && a !== void 0 ? a : x) !== null && o !== void 0 ? o : (l = w == null ? void 0 : w.indicator) === null || l === void 0 ? void 0 : l.size) !== null && s !== void 0 ? s : w == null ? void 0 : w.indicatorSize
   };
@@ -4522,8 +4521,8 @@ const oi = (e) => {
   actionsLiMargin: `${e.paddingSM}px 0`,
   tabsMarginBottom: -e.padding - e.lineWidth,
   extraColor: e.colorText
-}), is = pa("Card", (e) => {
-  const t = ya(e, {
+}), is = ya("Card", (e) => {
+  const t = Ca(e, {
     cardShadow: e.boxShadowCard,
     cardHeadPadding: e.padding,
     cardPaddingBase: e.paddingLG,
@@ -4626,7 +4625,7 @@ const os = (e) => {
     tabBarExtraContent: $
   });
   let T;
-  const B = Sa(f), J = !B || B === "default" ? "large" : B, ae = p ? /* @__PURE__ */ i.createElement(Ar, Object.assign({
+  const B = wa(f), J = !B || B === "default" ? "large" : B, ae = p ? /* @__PURE__ */ i.createElement(Ar, Object.assign({
     size: J
   }, A, {
     className: `${w}-head-tabs`,
@@ -4723,7 +4722,7 @@ const us = "_kpiCard_aruiy_1", ds = "_width430_aruiy_7", fs = "_width384_aruiy_1
   title: hs,
   content: gs
 };
-function _s({ title: e, content: t, icon: n, menuCollapsed: r }) {
+function $s({ title: e, content: t, icon: n, menuCollapsed: r }) {
   return /* @__PURE__ */ $n(or, { className: si(Jt.kpiCard, r ? Jt.width430 : Jt.width384), children: e && t ? /* @__PURE__ */ $n("div", { className: Jt.flexCol, children: /* @__PURE__ */ Kr("div", { className: Jt.flexRow, children: [
     n,
     /* @__PURE__ */ Kr("div", { className: Jt.flexCol, children: [
@@ -4733,5 +4732,5 @@ function _s({ title: e, content: t, icon: n, menuCollapsed: r }) {
   ] }) }) : /* @__PURE__ */ $n(li, {}) });
 }
 export {
-  _s as KpiCard
+  $s as KpiCard
 };

package/dist/components/LoadingAnimation/index.js

@@ -1,38 +1,49 @@
-import { jsx as s } from "react/jsx-runtime";
-import { s as y, a as C, e as T, c as N, g, C as B, b as P, T as _, P as e } from "../../generateUtilityClasses-sdN6xOVt.js";
-import { _ as b, a as j } from "../../index-kNWC7pFF.js";
-import * as v from "react";
-import { u as E, C as I } from "../../CircularProgress-BsBIRj7X.js";
-const O = ["className", "component"];
-function M(i = {}) {
+import { jsx as u } from "react/jsx-runtime";
+import { h as U, i as z, j as F, k as V, f as j, a as w, C as G, l as H, T as K, P as r, g as L, u as W, c as y, b as A, s as b, m as Y } from "../../generateUtilityClasses-CBdP3bZj.js";
+import { _ as M, a as d } from "../../objectWithoutPropertiesLoose-CIT-1_kH.js";
+import * as C from "react";
+import { ThemeContext as Z, css as R, keyframes as B } from "@emotion/react";
+function q(e) {
+  return Object.keys(e).length === 0;
+}
+function J(e = null) {
+  const t = C.useContext(Z);
+  return !t || q(t) ? e : t;
+}
+const Q = U();
+function X(e = Q) {
+  return J(e);
+}
+const ee = ["className", "component"];
+function re(e = {}) {
   const {
-    themeId: a,
-    defaultTheme: l,
-    defaultClassName: n = "MuiBox-root",
-    generateClassName: r
-  } = i, d = y("div", {
-    shouldForwardProp: (o) => o !== "theme" && o !== "sx" && o !== "as"
-  })(C);
-  return /* @__PURE__ */ v.forwardRef(function(u, f) {
-    const t = E(l), c = T(u), {
-      className: x,
-      component: p = "div"
-    } = c, h = b(c, O);
-    return /* @__PURE__ */ s(d, j({
-      as: p,
-      ref: f,
-      className: N(x, r ? r(n) : n),
-      theme: a && t[a] || t
-    }, h));
+    themeId: t,
+    defaultTheme: s,
+    defaultClassName: o = "MuiBox-root",
+    generateClassName: c
+  } = e, f = z("div", {
+    shouldForwardProp: (a) => a !== "theme" && a !== "sx" && a !== "as"
+  })(F);
+  return /* @__PURE__ */ C.forwardRef(function(x, l) {
+    const i = X(s), h = V(x), {
+      className: g,
+      component: m = "div"
+    } = h, p = M(h, ee);
+    return /* @__PURE__ */ u(f, d({
+      as: m,
+      ref: l,
+      className: j(g, c ? c(o) : o),
+      theme: t && i[t] || i
+    }, p));
   });
 }
-const R = g("MuiBox", ["root"]), S = P(), m = M({
-  themeId: _,
-  defaultTheme: S,
-  defaultClassName: R.root,
-  generateClassName: B.generate
+const te = w("MuiBox", ["root"]), se = H(), E = re({
+  themeId: K,
+  defaultTheme: se,
+  defaultClassName: te.root,
+  generateClassName: G.generate
 });
-process.env.NODE_ENV !== "production" && (m.propTypes = {
+process.env.NODE_ENV !== "production" && (E.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -40,20 +51,226 @@ process.env.NODE_ENV !== "production" && (m.propTypes = {
   /**
    * @ignore
    */
-  children: e.node,
+  children: r.node,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: e.elementType,
+  component: r.elementType,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
+});
+function oe(e) {
+  return L("MuiCircularProgress", e);
+}
+w("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
+const ae = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
+let v = (e) => e, $, D, O, _;
+const n = 44, ne = B($ || ($ = v`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`)), ie = B(D || (D = v`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`)), ce = (e) => {
+  const {
+    classes: t,
+    variant: s,
+    color: o,
+    disableShrink: c
+  } = e, f = {
+    root: ["root", s, `color${y(o)}`],
+    svg: ["svg"],
+    circle: ["circle", `circle${y(s)}`, c && "circleDisableShrink"]
+  };
+  return A(f, oe, t);
+}, le = b("span", {
+  name: "MuiCircularProgress",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: s
+    } = e;
+    return [t.root, t[s.variant], t[`color${y(s.color)}`]];
+  }
+})(({
+  ownerState: e,
+  theme: t
+}) => d({
+  display: "inline-block"
+}, e.variant === "determinate" && {
+  transition: t.transitions.create("transform")
+}, e.color !== "inherit" && {
+  color: (t.vars || t).palette[e.color].main
+}), ({
+  ownerState: e
+}) => e.variant === "indeterminate" && R(O || (O = v`
+      animation: ${0} 1.4s linear infinite;
+    `), ne)), me = b("svg", {
+  name: "MuiCircularProgress",
+  slot: "Svg",
+  overridesResolver: (e, t) => t.svg
+})({
+  display: "block"
+  // Keeps the progress centered
+}), ue = b("circle", {
+  name: "MuiCircularProgress",
+  slot: "Circle",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: s
+    } = e;
+    return [t.circle, t[`circle${y(s.variant)}`], s.disableShrink && t.circleDisableShrink];
+  }
+})(({
+  ownerState: e,
+  theme: t
+}) => d({
+  stroke: "currentColor"
+}, e.variant === "determinate" && {
+  transition: t.transitions.create("stroke-dashoffset")
+}, e.variant === "indeterminate" && {
+  // Some default value that looks fine waiting for the animation to kicks in.
+  strokeDasharray: "80px, 200px",
+  strokeDashoffset: 0
+  // Add the unit to fix a Edge 16 and below bug.
+}), ({
+  ownerState: e
+}) => e.variant === "indeterminate" && !e.disableShrink && R(_ || (_ = v`
+      animation: ${0} 1.4s ease-in-out infinite;
+    `), ie)), I = /* @__PURE__ */ C.forwardRef(function(t, s) {
+  const o = W({
+    props: t,
+    name: "MuiCircularProgress"
+  }), {
+    className: c,
+    color: f = "primary",
+    disableShrink: P = !1,
+    size: a = 40,
+    style: x,
+    thickness: l = 3.6,
+    value: i = 0,
+    variant: h = "indeterminate"
+  } = o, g = M(o, ae), m = d({}, o, {
+    color: f,
+    disableShrink: P,
+    size: a,
+    thickness: l,
+    value: i,
+    variant: h
+  }), p = ce(m), k = {}, T = {}, S = {};
+  if (h === "determinate") {
+    const N = 2 * Math.PI * ((n - l) / 2);
+    k.strokeDasharray = N.toFixed(3), S["aria-valuenow"] = Math.round(i), k.strokeDashoffset = `${((100 - i) / 100 * N).toFixed(3)}px`, T.transform = "rotate(-90deg)";
+  }
+  return /* @__PURE__ */ u(le, d({
+    className: j(p.root, c),
+    style: d({
+      width: a,
+      height: a
+    }, T, x),
+    ownerState: m,
+    ref: s,
+    role: "progressbar"
+  }, S, g, {
+    children: /* @__PURE__ */ u(me, {
+      className: p.svg,
+      ownerState: m,
+      viewBox: `${n / 2} ${n / 2} ${n} ${n}`,
+      children: /* @__PURE__ */ u(ue, {
+        className: p.circle,
+        style: k,
+        ownerState: m,
+        cx: n,
+        cy: n,
+        r: (n - l) / 2,
+        fill: "none",
+        strokeWidth: l
+      })
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (I.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.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: r.oneOfType([r.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
+  /**
+   * If `true`, the shrink animation is disabled.
+   * This only works if variant is `indeterminate`.
+   * @default false
+   */
+  disableShrink: Y(r.bool, (e) => e.disableShrink && e.variant && e.variant !== "indeterminate" ? new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect.") : null),
+  /**
+   * The size of the component.
+   * If using a number, the pixel unit is assumed.
+   * If using a string, you need to provide the CSS unit, for example '3rem'.
+   * @default 40
+   */
+  size: r.oneOfType([r.number, r.string]),
+  /**
+   * @ignore
+   */
+  style: r.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * The thickness of the circle.
+   * @default 3.6
+   */
+  thickness: r.number,
+  /**
+   * The value of the progress indicator for the determinate variant.
+   * Value between 0 and 100.
+   * @default 0
+   */
+  value: r.number,
+  /**
+   * The variant to use.
+   * Use indeterminate when there is no progress value.
+   * @default 'indeterminate'
+   */
+  variant: r.oneOf(["determinate", "indeterminate"])
 });
-function A() {
-  return /* @__PURE__ */ s(m, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100%", children: /* @__PURE__ */ s(I, {}) });
+function ye() {
+  return /* @__PURE__ */ u(E, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100%", children: /* @__PURE__ */ u(I, {}) });
 }
 export {
-  A as LoadingAnimation
+  ye as LoadingAnimation
 };

package/dist/components/TotalDataGrid/TotalDataGrid.d.ts

@@ -0,0 +1,2 @@
+import { default as TotalDataGridProps } from './TotalDataGrid.types';
+export declare const TotalDataGrid: React.FC<TotalDataGridProps>;

package/dist/components/TotalDataGrid/TotalDataGrid.js

@@ -0,0 +1,125 @@
+import { jsx as a } from "react/jsx-runtime";
+import { DataGrid as t, gridClasses as o } from "@mui/x-data-grid";
+const p = ({
+  rows: e,
+  isFetching: n
+  // columnsDefinitions
+}) => /* @__PURE__ */ a(
+  t,
+  {
+    loading: (!e || !e.length) && n,
+    rows: e.map((i, r) => (i.id = r, i)),
+    columns: [],
+    getRowClassName: (i) => i.id === e.length - 1 ? "last-row" : "",
+    sx: {
+      "& .last-row": {
+        "& .MuiDataGrid-cellContent": {
+          fontWeight: "600"
+        }
+      },
+      [`& .${o.main}`]: {
+        backgroundColor: "#F0F0F0",
+        borderRadius: "0px 0px 8px 8px"
+      },
+      [`& .${o.row}`]: {
+        maxHeight: "36px",
+        minHeight: "36px",
+        "&.Mui-selected": {
+          backgroundColor: "#05A9521A !important"
+        }
+      },
+      [`& .${o.cell}`]: {
+        border: "none !important"
+      },
+      [`& .${o.cell}:focus, & .${o.cell}:focus-within`]: {
+        outline: "none"
+      },
+      [`& .${o.columnHeader}:focus, & .${o.columnHeader}:focus-within`]: {
+        outline: "none"
+      },
+      [`& .${o.columnHeaders}`]: {
+        backgroundColor: "#FAFAFA",
+        textTransform: "uppercase",
+        userSelect: "none",
+        border: "none",
+        borderRadius: "16px",
+        minHeight: "0px !important",
+        lineHeight: "0px !important"
+      },
+      [`& .${o.columnHeadersInner}`]: {
+        minHeight: "0px !important",
+        lineHeight: "0px !important"
+      },
+      [`& .${o.columnHeader}`]: {
+        height: "0px !important"
+      },
+      [`& .${o.columnHeaderTitle}`]: {
+        whiteSpace: "normal",
+        lineHeight: "normal",
+        color: "#626367",
+        fontWeight: "500",
+        fontSize: "13px"
+      },
+      [`& .${o.columnHeaderTitleContainer}`]: {
+        alignItems: "center"
+      },
+      [`& .${o.footerContainer}`]: {
+        border: "0",
+        backgroundColor: "#F0F0F0",
+        borderRadius: "8px",
+        marginTop: "10px",
+        display: "none"
+      },
+      [`& .${o.overlay}`]: {
+        backgroundColor: "#F0F0F0"
+      },
+      [`& .${o.toolbarContainer}`]: {
+        backgroundColor: "#F0F0F0",
+        borderRadius: "8px 8px 0 0",
+        padding: "10px"
+      },
+      [`& .${o.columnSeparator}`]: {
+        display: "none"
+      },
+      [`& .${o.root}`]: {
+        border: "0",
+        ".MuiDataGrid-cell:focus-within": {
+          outline: "none !important"
+        }
+      },
+      "&.MuiDataGrid-root": {
+        border: "0"
+      },
+      "& .MuiDataGrid-main": {
+        borderRadius: "8px"
+      },
+      "& .MuiTablePagination-spacer": { order: 0, display: "none" },
+      "& .MuiTablePagination-displayedRows": {
+        order: 1,
+        color: "#12121A",
+        fontWeight: "300",
+        marginInlineEnd: "10px",
+        position: "absolute",
+        right: "10px"
+      },
+      "& .MuiTablePagination-toolbar": {
+        display: "flex",
+        width: "100%"
+      },
+      "& .MuiTablePagination-actions": {
+        marginLeft: "auto !important",
+        marginRight: "auto !important"
+      },
+      "& .MuiTablePagination-root": {
+        width: "100%",
+        display: "none"
+      },
+      "& .MuiDataGrid-virtualScroller": {
+        overflow: "hidden"
+      }
+    }
+  }
+);
+export {
+  p as TotalDataGrid
+};

package/dist/components/TotalDataGrid/TotalDataGrid.types.js

@@ -0,0 +1 @@
+