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

package/dist/components/KpiCard/index.js

@@ -3,8 +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 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-DAEfQTU0.js";
+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);
 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) {
@@ -587,7 +588,7 @@ function ro(e) {
 function ao() {
   var e = i.useRef(null), t = function(r) {
     e.current || (e.current = [], ro(function() {
-      ma.unstable_batchedUpdates(function() {
+      wa.unstable_batchedUpdates(function() {
         e.current.forEach(function(a) {
           a();
         }), e.current = null;
@@ -1039,7 +1040,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) && !ha(n))
+      if (Ze === 0 || Re === 0 || vr(n) && !ma(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;
@@ -1172,7 +1173,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] : ga, t = /* @__PURE__ */ i.forwardRef(function(n, r) {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ha, 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());
@@ -1358,7 +1359,7 @@ function wo() {
   });
   return process.env.NODE_ENV !== "production" && (t.displayName = "Trigger"), t;
 }
-const ka = wo(ga);
+const ka = wo(ha);
 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() {
@@ -1520,7 +1521,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] || !ba(l[1], s[1], !0));
+    return !n && (l[0] !== s[0] || !ga(l[1], s[1], !0));
   });
   return /* @__PURE__ */ i.createElement(xt.Provider, {
     value: o
@@ -1540,7 +1541,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 (ha(e)) {
+  if (ma(e)) {
     var n = e.nodeName.toLowerCase(), r = (
       // Focusable element
       ["input", "select", "textarea", "button"].includes(n) || // Editable element
@@ -2262,7 +2263,7 @@ var ul = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
     function tt() {
       We(ge), le == null || le(ge);
     }
-    $e ? ma.flushSync(tt) : tt();
+    $e ? wa.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];
@@ -2345,7 +2346,7 @@ var ul = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
         return !tt.has(Qe);
       });
     }
-    ba(he, $e, !0) || Xe($e, !0);
+    ga(he, $e, !0) || Xe($e, !0);
   }), Ft = function(ge, $e) {
     var tt = $e ?? !he.includes(ge);
     Dt(ge, tt);
@@ -2446,14 +2447,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(pa, de({}, t, {
+  return /* @__PURE__ */ i.createElement(ba, 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(pa, de({}, t, {
+  return /* @__PURE__ */ i.createElement(ba, de({}, t, {
     ref: n,
     icon: ml
   }));
@@ -3777,7 +3778,7 @@ const kl = (e) => {
         "&:focus:not(:focus-visible), &:active": {
           color: n
         }
-      }, Sa(e)),
+      }, Ca(e)),
       "&-btn": {
         outline: "none",
         transition: `all ${e.motionDurationSlow}`,
@@ -4027,7 +4028,7 @@ const kl = (e) => {
           "&:active, &:focus:not(:focus-visible)": {
             color: l
           }
-        }, Sa(e))
+        }, Ca(e))
       },
       [`${t}-extra-content`]: {
         flex: "none"
@@ -4097,8 +4098,8 @@ const kl = (e) => {
     itemActiveColor: e.colorPrimaryActive,
     cardGutter: e.marginXXS / 2
   };
-}, Ul = ya("Tabs", (e) => {
-  const t = Ca(e, {
+}, Ul = pa("Tabs", (e) => {
+  const t = ya(e, {
     // `cardPadding` is empty by default, so we could calculate with dynamic `cardHeight`
     tabsCardPadding: e.cardPadding,
     dropdownEdgeChildVerticalPadding: e.paddingXXS,
@@ -4165,7 +4166,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 = wa(S), X = Al(R, E), Z = Dl(D, k), fe = Object.assign(Object.assign({}, w == null ? void 0 : w.style), N), me = {
+  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 = {
     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
   };
@@ -4521,8 +4522,8 @@ const oi = (e) => {
   actionsLiMargin: `${e.paddingSM}px 0`,
   tabsMarginBottom: -e.padding - e.lineWidth,
   extraColor: e.colorText
-}), is = ya("Card", (e) => {
-  const t = Ca(e, {
+}), is = pa("Card", (e) => {
+  const t = ya(e, {
     cardShadow: e.boxShadowCard,
     cardHeadPadding: e.padding,
     cardPaddingBase: e.paddingLG,
@@ -4625,7 +4626,7 @@ const os = (e) => {
     tabBarExtraContent: $
   });
   let T;
-  const B = wa(f), J = !B || B === "default" ? "large" : B, ae = p ? /* @__PURE__ */ i.createElement(Ar, Object.assign({
+  const B = Sa(f), J = !B || B === "default" ? "large" : B, ae = p ? /* @__PURE__ */ i.createElement(Ar, Object.assign({
     size: J
   }, A, {
     className: `${w}-head-tabs`,
@@ -4722,7 +4723,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: [
@@ -4732,5 +4733,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,48 +1,38 @@
-import { jsx as m } from "react/jsx-runtime";
-import { T as U, c as z, s as F, a as V, e as G, b as j, g as w, C as H, d as K, f as L, P as r, h as W, u as A, i as y, j as Y, k as b, l as M, m as R, n as Z } from "../../generateUtilityClasses-BjilB7Gl.js";
-import { _ as B, a as d } from "../../index-kNWC7pFF.js";
-import * as C from "react";
-function q(e) {
-  return Object.keys(e).length === 0;
-}
-function J(e = null) {
-  const t = C.useContext(U);
-  return !t || q(t) ? e : t;
-}
-const Q = z();
-function X(e = Q) {
-  return J(e);
-}
-const ee = ["className", "component"];
-function re(e = {}) {
+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 = {}) {
   const {
-    themeId: t,
-    defaultTheme: s,
-    defaultClassName: o = "MuiBox-root",
-    generateClassName: c
-  } = e, f = F("div", {
-    shouldForwardProp: (a) => a !== "theme" && a !== "sx" && a !== "as"
-  })(V);
-  return /* @__PURE__ */ C.forwardRef(function(x, l) {
-    const i = X(s), h = G(x), {
-      className: g,
-      component: u = "div"
-    } = h, p = B(h, ee);
-    return /* @__PURE__ */ m(f, d({
-      as: u,
-      ref: l,
-      className: j(g, c ? c(o) : o),
-      theme: t && i[t] || i
-    }, p));
+    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));
   });
 }
-const te = w("MuiBox", ["root"]), se = K(), E = re({
-  themeId: L,
-  defaultTheme: se,
-  defaultClassName: te.root,
-  generateClassName: H.generate
+const R = g("MuiBox", ["root"]), S = P(), m = M({
+  themeId: _,
+  defaultTheme: S,
+  defaultClassName: R.root,
+  generateClassName: B.generate
 });
-process.env.NODE_ENV !== "production" && (E.propTypes = {
+process.env.NODE_ENV !== "production" && (m.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -50,226 +40,20 @@ process.env.NODE_ENV !== "production" && (E.propTypes = {
   /**
    * @ignore
    */
-  children: r.node,
+  children: e.node,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  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 W("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 = R($ || ($ = v`
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-`)), ie = R(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 Y(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" && M(O || (O = v`
-      animation: ${0} 1.4s linear infinite;
-    `), ne)), ue = b("svg", {
-  name: "MuiCircularProgress",
-  slot: "Svg",
-  overridesResolver: (e, t) => t.svg
-})({
-  display: "block"
-  // Keeps the progress centered
-}), me = 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 && M(_ || (_ = v`
-      animation: ${0} 1.4s ease-in-out infinite;
-    `), ie)), I = /* @__PURE__ */ C.forwardRef(function(t, s) {
-  const o = A({
-    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 = B(o, ae), u = d({}, o, {
-    color: f,
-    disableShrink: P,
-    size: a,
-    thickness: l,
-    value: i,
-    variant: h
-  }), p = ce(u), 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__ */ m(le, d({
-    className: j(p.root, c),
-    style: d({
-      width: a,
-      height: a
-    }, T, x),
-    ownerState: u,
-    ref: s,
-    role: "progressbar"
-  }, S, g, {
-    children: /* @__PURE__ */ m(ue, {
-      className: p.svg,
-      ownerState: u,
-      viewBox: `${n / 2} ${n / 2} ${n} ${n}`,
-      children: /* @__PURE__ */ m(me, {
-        className: p.circle,
-        style: k,
-        ownerState: u,
-        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: Z(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,
+  component: e.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]),
-  /**
-   * 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"])
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function pe() {
-  return /* @__PURE__ */ m(E, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100%", children: /* @__PURE__ */ m(I, {}) });
+function A() {
+  return /* @__PURE__ */ s(m, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100%", children: /* @__PURE__ */ s(I, {}) });
 }
 export {
-  pe as LoadingAnimation
+  A as LoadingAnimation
 };

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

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