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

package/dist/CircularProgress-CSYOC8B8.js

@@ -0,0 +1,226 @@
+import * as $ from "react";
+import { ThemeContext as N, css as w, keyframes as O } from "@emotion/react";
+import { d as R, f as E, g as U, u as z, h as l, i as I, j as g, c as F, P as t, k as K } from "./generateUtilityClasses-yRWzVVZS.js";
+import { _ as V, a as i } from "./index-kNWC7pFF.js";
+import { jsx as y } from "react/jsx-runtime";
+function W(e) {
+  return Object.keys(e).length === 0;
+}
+function B(e = null) {
+  const r = $.useContext(N);
+  return !r || W(r) ? e : r;
+}
+const G = R();
+function oe(e = G) {
+  return B(e);
+}
+function L(e) {
+  return E("MuiCircularProgress", e);
+}
+U("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
+const Y = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
+let u = (e) => e, P, S, T, D;
+const o = 44, Z = O(P || (P = u`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`)), q = O(S || (S = u`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`)), A = (e) => {
+  const {
+    classes: r,
+    variant: s,
+    color: a,
+    disableShrink: m
+  } = e, d = {
+    root: ["root", s, `color${l(a)}`],
+    svg: ["svg"],
+    circle: ["circle", `circle${l(s)}`, m && "circleDisableShrink"]
+  };
+  return I(d, L, r);
+}, H = g("span", {
+  name: "MuiCircularProgress",
+  slot: "Root",
+  overridesResolver: (e, r) => {
+    const {
+      ownerState: s
+    } = e;
+    return [r.root, r[s.variant], r[`color${l(s.color)}`]];
+  }
+})(({
+  ownerState: e,
+  theme: r
+}) => i({
+  display: "inline-block"
+}, e.variant === "determinate" && {
+  transition: r.transitions.create("transform")
+}, e.color !== "inherit" && {
+  color: (r.vars || r).palette[e.color].main
+}), ({
+  ownerState: e
+}) => e.variant === "indeterminate" && w(T || (T = u`
+      animation: ${0} 1.4s linear infinite;
+    `), Z)), J = g("svg", {
+  name: "MuiCircularProgress",
+  slot: "Svg",
+  overridesResolver: (e, r) => r.svg
+})({
+  display: "block"
+  // Keeps the progress centered
+}), Q = g("circle", {
+  name: "MuiCircularProgress",
+  slot: "Circle",
+  overridesResolver: (e, r) => {
+    const {
+      ownerState: s
+    } = e;
+    return [r.circle, r[`circle${l(s.variant)}`], s.disableShrink && r.circleDisableShrink];
+  }
+})(({
+  ownerState: e,
+  theme: r
+}) => i({
+  stroke: "currentColor"
+}, e.variant === "determinate" && {
+  transition: r.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 && w(D || (D = u`
+      animation: ${0} 1.4s ease-in-out infinite;
+    `), q)), X = /* @__PURE__ */ $.forwardRef(function(r, s) {
+  const a = z({
+    props: r,
+    name: "MuiCircularProgress"
+  }), {
+    className: m,
+    color: d = "primary",
+    disableShrink: _ = !1,
+    size: f = 40,
+    style: j,
+    thickness: n = 3.6,
+    value: h = 0,
+    variant: k = "indeterminate"
+  } = a, M = V(a, Y), c = i({}, a, {
+    color: d,
+    disableShrink: _,
+    size: f,
+    thickness: n,
+    value: h,
+    variant: k
+  }), p = A(c), v = {}, b = {}, x = {};
+  if (k === "determinate") {
+    const C = 2 * Math.PI * ((o - n) / 2);
+    v.strokeDasharray = C.toFixed(3), x["aria-valuenow"] = Math.round(h), v.strokeDashoffset = `${((100 - h) / 100 * C).toFixed(3)}px`, b.transform = "rotate(-90deg)";
+  }
+  return /* @__PURE__ */ y(H, i({
+    className: F(p.root, m),
+    style: i({
+      width: f,
+      height: f
+    }, b, j),
+    ownerState: c,
+    ref: s,
+    role: "progressbar"
+  }, x, M, {
+    children: /* @__PURE__ */ y(J, {
+      className: p.svg,
+      ownerState: c,
+      viewBox: `${o / 2} ${o / 2} ${o} ${o}`,
+      children: /* @__PURE__ */ y(Q, {
+        className: p.circle,
+        style: v,
+        ownerState: c,
+        cx: o,
+        cy: o,
+        r: (o - n) / 2,
+        fill: "none",
+        strokeWidth: n
+      })
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (X.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: t.object,
+  /**
+   * @ignore
+   */
+  className: t.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: t.oneOfType([t.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), t.string]),
+  /**
+   * If `true`, the shrink animation is disabled.
+   * This only works if variant is `indeterminate`.
+   * @default false
+   */
+  disableShrink: K(t.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: t.oneOfType([t.number, t.string]),
+  /**
+   * @ignore
+   */
+  style: t.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  /**
+   * The thickness of the circle.
+   * @default 3.6
+   */
+  thickness: t.number,
+  /**
+   * The value of the progress indicator for the determinate variant.
+   * Value between 0 and 100.
+   * @default 0
+   */
+  value: t.number,
+  /**
+   * The variant to use.
+   * Use indeterminate when there is no progress value.
+   * @default 'indeterminate'
+   */
+  variant: t.oneOf(["determinate", "indeterminate"])
+});
+export {
+  X as C,
+  oe as u
+};