@amateescu/portal-ui-components 0.0.23 → 0.0.25-react19

package/dist/CircularProgress-BOkP0juA.js

@@ -0,0 +1,247 @@
+import * as O from "react";
+import { g as T, a as R, u as N, s as g, c as j, b as c, d as U, m as P, e as E, P as r, f as I } from "./createSimplePaletteValueFilter-CshNo3IR.js";
+import { jsx as h } from "react/jsx-runtime";
+import { css as x, keyframes as w } from "@emotion/react";
+function z(e) {
+  return T("MuiCircularProgress", e);
+}
+R("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
+const a = 44, y = w`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`, v = w`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: -126px;
+  }
+`, F = typeof y != "string" ? x`
+        animation: ${y} 1.4s linear infinite;
+      ` : null, V = typeof v != "string" ? x`
+        animation: ${v} 1.4s ease-in-out infinite;
+      ` : null, A = (e) => {
+  const {
+    classes: s,
+    variant: t,
+    color: i,
+    disableShrink: l
+  } = e, p = {
+    root: ["root", t, `color${c(i)}`],
+    svg: ["svg"],
+    circle: ["circle", `circle${c(t)}`, l && "circleDisableShrink"]
+  };
+  return U(p, z, s);
+}, K = g("span", {
+  name: "MuiCircularProgress",
+  slot: "Root",
+  overridesResolver: (e, s) => {
+    const {
+      ownerState: t
+    } = e;
+    return [s.root, s[t.variant], s[`color${c(t.color)}`]];
+  }
+})(P(({
+  theme: e
+}) => ({
+  display: "inline-block",
+  variants: [{
+    props: {
+      variant: "determinate"
+    },
+    style: {
+      transition: e.transitions.create("transform")
+    }
+  }, {
+    props: {
+      variant: "indeterminate"
+    },
+    style: F || {
+      animation: `${y} 1.4s linear infinite`
+    }
+  }, ...Object.entries(e.palette).filter(E()).map(([s]) => ({
+    props: {
+      color: s
+    },
+    style: {
+      color: (e.vars || e).palette[s].main
+    }
+  }))]
+}))), B = g("svg", {
+  name: "MuiCircularProgress",
+  slot: "Svg",
+  overridesResolver: (e, s) => s.svg
+})({
+  display: "block"
+  // Keeps the progress centered
+}), G = g("circle", {
+  name: "MuiCircularProgress",
+  slot: "Circle",
+  overridesResolver: (e, s) => {
+    const {
+      ownerState: t
+    } = e;
+    return [s.circle, s[`circle${c(t.variant)}`], t.disableShrink && s.circleDisableShrink];
+  }
+})(P(({
+  theme: e
+}) => ({
+  stroke: "currentColor",
+  variants: [{
+    props: {
+      variant: "determinate"
+    },
+    style: {
+      transition: e.transitions.create("stroke-dashoffset")
+    }
+  }, {
+    props: {
+      variant: "indeterminate"
+    },
+    style: {
+      // 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.
+    }
+  }, {
+    props: ({
+      ownerState: s
+    }) => s.variant === "indeterminate" && !s.disableShrink,
+    style: V || {
+      // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
+      animation: `${v} 1.4s ease-in-out infinite`
+    }
+  }]
+}))), W = /* @__PURE__ */ O.forwardRef(function(s, t) {
+  const i = N({
+    props: s,
+    name: "MuiCircularProgress"
+  }), {
+    className: l,
+    color: p = "primary",
+    disableShrink: $ = !1,
+    size: m = 40,
+    style: D,
+    thickness: o = 3.6,
+    value: f = 0,
+    variant: k = "indeterminate",
+    ...M
+  } = i, n = {
+    ...i,
+    color: p,
+    disableShrink: $,
+    size: m,
+    thickness: o,
+    value: f,
+    variant: k
+  }, d = A(n), u = {}, b = {}, S = {};
+  if (k === "determinate") {
+    const C = 2 * Math.PI * ((a - o) / 2);
+    u.strokeDasharray = C.toFixed(3), S["aria-valuenow"] = Math.round(f), u.strokeDashoffset = `${((100 - f) / 100 * C).toFixed(3)}px`, b.transform = "rotate(-90deg)";
+  }
+  return /* @__PURE__ */ h(K, {
+    className: j(d.root, l),
+    style: {
+      width: m,
+      height: m,
+      ...b,
+      ...D
+    },
+    ownerState: n,
+    ref: t,
+    role: "progressbar",
+    ...S,
+    ...M,
+    children: /* @__PURE__ */ h(B, {
+      className: d.svg,
+      ownerState: n,
+      viewBox: `${a / 2} ${a / 2} ${a} ${a}`,
+      children: /* @__PURE__ */ h(G, {
+        className: d.circle,
+        style: u,
+        ownerState: n,
+        cx: a,
+        cy: a,
+        r: (a - o) / 2,
+        fill: "none",
+        strokeWidth: o
+      })
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (W.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: I(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: 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"])
+});
+export {
+  W as C
+};