@amateescu/portal-ui-components 0.0.28 → 0.0.30-beta

package/dist/components/LoadingAnimation/LoadingAnimation.js

@@ -1,218 +1,9 @@
-import { jsx as i } from "react/jsx-runtime";
-import { B as T } from "../../Box-C1OwXVV-.js";
-import { _ as j, a as n } from "../../objectWithoutPropertiesLoose-DYizGgyG.js";
-import * as I from "react";
-import { g as U, a as z, u as E, s as y, c as B, b as d, d as F, P as e, e as K } from "../../generateUtilityClasses-DY-qyzNG.js";
-import { css as w, keyframes as _ } from "@emotion/react";
-function L(r) {
-  return U("MuiCircularProgress", r);
-}
-z("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
-const V = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
-let m = (r) => r, P, S, D, $;
-const o = 44, W = _(P || (P = m`
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-`)), A = _(S || (S = m`
-  0% {
-    stroke-dasharray: 1px, 200px;
-    stroke-dashoffset: 0;
-  }
-
-  50% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -15px;
-  }
-
-  100% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -125px;
-  }
-`)), G = (r) => {
-  const {
-    classes: s,
-    variant: t,
-    color: a,
-    disableShrink: u
-  } = r, f = {
-    root: ["root", t, `color${d(a)}`],
-    svg: ["svg"],
-    circle: ["circle", `circle${d(t)}`, u && "circleDisableShrink"]
-  };
-  return F(f, L, s);
-}, H = y("span", {
-  name: "MuiCircularProgress",
-  slot: "Root",
-  overridesResolver: (r, s) => {
-    const {
-      ownerState: t
-    } = r;
-    return [s.root, s[t.variant], s[`color${d(t.color)}`]];
-  }
-})(({
-  ownerState: r,
-  theme: s
-}) => n({
-  display: "inline-block"
-}, r.variant === "determinate" && {
-  transition: s.transitions.create("transform")
-}, r.color !== "inherit" && {
-  color: (s.vars || s).palette[r.color].main
-}), ({
-  ownerState: r
-}) => r.variant === "indeterminate" && w(D || (D = m`
-      animation: ${0} 1.4s linear infinite;
-    `), W)), Y = y("svg", {
-  name: "MuiCircularProgress",
-  slot: "Svg",
-  overridesResolver: (r, s) => s.svg
-})({
-  display: "block"
-  // Keeps the progress centered
-}), Z = y("circle", {
-  name: "MuiCircularProgress",
-  slot: "Circle",
-  overridesResolver: (r, s) => {
-    const {
-      ownerState: t
-    } = r;
-    return [s.circle, s[`circle${d(t.variant)}`], t.disableShrink && s.circleDisableShrink];
-  }
-})(({
-  ownerState: r,
-  theme: s
-}) => n({
-  stroke: "currentColor"
-}, r.variant === "determinate" && {
-  transition: s.transitions.create("stroke-dashoffset")
-}, r.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: r
-}) => r.variant === "indeterminate" && !r.disableShrink && w($ || ($ = m`
-      animation: ${0} 1.4s ease-in-out infinite;
-    `), A)), M = /* @__PURE__ */ I.forwardRef(function(s, t) {
-  const a = E({
-    props: s,
-    name: "MuiCircularProgress"
-  }), {
-    className: u,
-    color: f = "primary",
-    disableShrink: N = !1,
-    size: p = 40,
-    style: O,
-    thickness: c = 3.6,
-    value: h = 0,
-    variant: k = "indeterminate"
-  } = a, R = j(a, V), l = n({}, a, {
-    color: f,
-    disableShrink: N,
-    size: p,
-    thickness: c,
-    value: h,
-    variant: k
-  }), v = G(l), g = {}, b = {}, x = {};
-  if (k === "determinate") {
-    const C = 2 * Math.PI * ((o - c) / 2);
-    g.strokeDasharray = C.toFixed(3), x["aria-valuenow"] = Math.round(h), g.strokeDashoffset = `${((100 - h) / 100 * C).toFixed(3)}px`, b.transform = "rotate(-90deg)";
-  }
-  return /* @__PURE__ */ i(H, n({
-    className: B(v.root, u),
-    style: n({
-      width: p,
-      height: p
-    }, b, O),
-    ownerState: l,
-    ref: t,
-    role: "progressbar"
-  }, x, R, {
-    children: /* @__PURE__ */ i(Y, {
-      className: v.svg,
-      ownerState: l,
-      viewBox: `${o / 2} ${o / 2} ${o} ${o}`,
-      children: /* @__PURE__ */ i(Z, {
-        className: v.circle,
-        style: g,
-        ownerState: l,
-        cx: o,
-        cy: o,
-        r: (o - c) / 2,
-        fill: "none",
-        strokeWidth: c
-      })
-    })
-  }));
-});
-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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.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: e.oneOfType([e.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
-  /**
-   * If `true`, the shrink animation is disabled.
-   * This only works if variant is `indeterminate`.
-   * @default false
-   */
-  disableShrink: K(e.bool, (r) => r.disableShrink && r.variant && r.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: e.oneOfType([e.number, e.string]),
-  /**
-   * @ignore
-   */
-  style: e.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]),
-  /**
-   * The thickness of the circle.
-   * @default 3.6
-   */
-  thickness: e.number,
-  /**
-   * The value of the progress indicator for the determinate variant.
-   * Value between 0 and 100.
-   * @default 0
-   */
-  value: e.number,
-  /**
-   * The variant to use.
-   * Use indeterminate when there is no progress value.
-   * @default 'indeterminate'
-   */
-  variant: e.oneOf(["determinate", "indeterminate"])
-});
-function er() {
-  return /* @__PURE__ */ i(T, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100%", children: /* @__PURE__ */ i(M, {}) });
+import { jsx as r } from "react/jsx-runtime";
+import { B as i } from "../../Box-ZFRI9JCw.js";
+import { C as t } from "../../CircularProgress-D6RyizwS.js";
+function m() {
+  return /* @__PURE__ */ r(i, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100%", children: /* @__PURE__ */ r(t, {}) });
 }
 export {
-  er as LoadingAnimation
+  m as LoadingAnimation
 };