@amateescu/portal-ui-components 0.0.35-beta0 → 0.0.37-beta1

package/dist/{CircularProgress-DpvktFBW.js → CircularProgress-BlQFR6DW.js}

@@ -1,12 +1,13 @@
 import * as O from "react";
-import { g as T, a as N, u as R, 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-CwLqlaaZ.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);
+import { g as N, a as j, u as R, s as p, c as U, b as l, d as E, m as g, P as e } from "./DefaultPropsProvider-BtPfTrMq.js";
+import { c as I, a as z } from "./createSimplePaletteValueFilter-Bz8RuRaa.js";
+import { jsx as y, jsxs as F } from "react/jsx-runtime";
+import { css as w, keyframes as T } from "@emotion/react";
+function V(r) {
+  return N("MuiCircularProgress", r);
 }
-N("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
-const a = 44, y = w`
+j("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "track", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
+const a = 44, k = T`
   0% {
     transform: rotate(0deg);
   }
@@ -14,7 +15,7 @@ const a = 44, y = w`
   100% {
     transform: rotate(360deg);
   }
-`, v = w`
+`, v = T`
   0% {
     stroke-dasharray: 1px, 200px;
     stroke-dashoffset: 0;
@@ -29,33 +30,34 @@ const a = 44, y = w`
     stroke-dasharray: 1px, 200px;
     stroke-dashoffset: -126px;
   }
-`, F = typeof y != "string" ? x`
-        animation: ${y} 1.4s linear infinite;
-      ` : null, V = typeof v != "string" ? x`
+`, A = typeof k != "string" ? w`
+        animation: ${k} 1.4s linear infinite;
+      ` : null, K = typeof v != "string" ? w`
         animation: ${v} 1.4s ease-in-out infinite;
-      ` : null, A = (e) => {
+      ` : null, W = (r) => {
   const {
     classes: t,
     variant: s,
-    color: i,
-    disableShrink: l
-  } = e, p = {
-    root: ["root", s, `color${c(i)}`],
+    color: n,
+    disableShrink: m
+  } = r, u = {
+    root: ["root", s, `color${l(n)}`],
     svg: ["svg"],
-    circle: ["circle", `circle${c(s)}`, l && "circleDisableShrink"]
+    track: ["track"],
+    circle: ["circle", `circle${l(s)}`, m && "circleDisableShrink"]
   };
-  return U(p, z, t);
-}, K = g("span", {
+  return E(u, V, t);
+}, B = p("span", {
   name: "MuiCircularProgress",
   slot: "Root",
-  overridesResolver: (e, t) => {
+  overridesResolver: (r, t) => {
     const {
       ownerState: s
-    } = e;
-    return [t.root, t[s.variant], t[`color${c(s.color)}`]];
+    } = r;
+    return [t.root, t[s.variant], t[`color${l(s.color)}`]];
   }
-})(P(({
-  theme: e
+})(g(({
+  theme: r
 }) => ({
   display: "inline-block",
   variants: [{
@@ -63,40 +65,40 @@ const a = 44, y = w`
       variant: "determinate"
     },
     style: {
-      transition: e.transitions.create("transform")
+      transition: r.transitions.create("transform")
     }
   }, {
     props: {
       variant: "indeterminate"
     },
-    style: F || {
-      animation: `${y} 1.4s linear infinite`
+    style: A || {
+      animation: `${k} 1.4s linear infinite`
     }
-  }, ...Object.entries(e.palette).filter(E()).map(([t]) => ({
+  }, ...Object.entries(r.palette).filter(I()).map(([t]) => ({
     props: {
       color: t
     },
     style: {
-      color: (e.vars || e).palette[t].main
+      color: (r.vars || r).palette[t].main
     }
   }))]
-}))), B = g("svg", {
+}))), G = p("svg", {
   name: "MuiCircularProgress",
   slot: "Svg"
 })({
   display: "block"
   // Keeps the progress centered
-}), G = g("circle", {
+}), Y = p("circle", {
   name: "MuiCircularProgress",
   slot: "Circle",
-  overridesResolver: (e, t) => {
+  overridesResolver: (r, t) => {
     const {
       ownerState: s
-    } = e;
-    return [t.circle, t[`circle${c(s.variant)}`], s.disableShrink && t.circleDisableShrink];
+    } = r;
+    return [t.circle, t[`circle${l(s.variant)}`], s.disableShrink && t.circleDisableShrink];
   }
-})(P(({
-  theme: e
+})(g(({
+  theme: r
 }) => ({
   stroke: "currentColor",
   variants: [{
@@ -104,7 +106,7 @@ const a = 44, y = w`
       variant: "determinate"
     },
     style: {
-      transition: e.transitions.create("stroke-dashoffset")
+      transition: r.transitions.create("stroke-dashoffset")
     }
   }, {
     props: {
@@ -120,69 +122,88 @@ const a = 44, y = w`
     props: ({
       ownerState: t
     }) => t.variant === "indeterminate" && !t.disableShrink,
-    style: V || {
+    style: K || {
       // 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(t, s) {
-  const i = R({
+}))), Z = p("circle", {
+  name: "MuiCircularProgress",
+  slot: "Track"
+})(g(({
+  theme: r
+}) => ({
+  stroke: "currentColor",
+  opacity: (r.vars || r).palette.action.activatedOpacity
+}))), _ = /* @__PURE__ */ O.forwardRef(function(t, s) {
+  const n = R({
     props: t,
     name: "MuiCircularProgress"
   }), {
-    className: l,
-    color: p = "primary",
+    className: m,
+    color: u = "primary",
     disableShrink: $ = !1,
-    size: m = 40,
+    enableTrackSlot: b = !1,
+    size: d = 40,
     style: D,
     thickness: o = 3.6,
     value: f = 0,
-    variant: k = "indeterminate",
+    variant: S = "indeterminate",
     ...M
-  } = i, n = {
-    ...i,
-    color: p,
+  } = n, i = {
+    ...n,
+    color: u,
     disableShrink: $,
-    size: m,
+    size: d,
     thickness: o,
     value: f,
-    variant: k
-  }, u = A(n), d = {}, b = {}, S = {};
-  if (k === "determinate") {
-    const C = 2 * Math.PI * ((a - o) / 2);
-    d.strokeDasharray = C.toFixed(3), S["aria-valuenow"] = Math.round(f), d.strokeDashoffset = `${((100 - f) / 100 * C).toFixed(3)}px`, b.transform = "rotate(-90deg)";
+    variant: S,
+    enableTrackSlot: b
+  }, c = W(i), h = {}, C = {}, P = {};
+  if (S === "determinate") {
+    const x = 2 * Math.PI * ((a - o) / 2);
+    h.strokeDasharray = x.toFixed(3), P["aria-valuenow"] = Math.round(f), h.strokeDashoffset = `${((100 - f) / 100 * x).toFixed(3)}px`, C.transform = "rotate(-90deg)";
   }
-  return /* @__PURE__ */ h(K, {
-    className: j(u.root, l),
+  return /* @__PURE__ */ y(B, {
+    className: U(c.root, m),
     style: {
-      width: m,
-      height: m,
-      ...b,
+      width: d,
+      height: d,
+      ...C,
       ...D
     },
-    ownerState: n,
+    ownerState: i,
     ref: s,
     role: "progressbar",
-    ...S,
+    ...P,
     ...M,
-    children: /* @__PURE__ */ h(B, {
-      className: u.svg,
-      ownerState: n,
+    children: /* @__PURE__ */ F(G, {
+      className: c.svg,
+      ownerState: i,
       viewBox: `${a / 2} ${a / 2} ${a} ${a}`,
-      children: /* @__PURE__ */ h(G, {
-        className: u.circle,
-        style: d,
-        ownerState: n,
+      children: [b ? /* @__PURE__ */ y(Z, {
+        className: c.track,
+        ownerState: i,
+        cx: a,
+        cy: a,
+        r: (a - o) / 2,
+        fill: "none",
+        strokeWidth: o,
+        "aria-hidden": "true"
+      }) : null, /* @__PURE__ */ y(Y, {
+        className: c.circle,
+        style: h,
+        ownerState: i,
         cx: a,
         cy: a,
         r: (a - o) / 2,
         fill: "none",
         strokeWidth: o
-      })
+      })]
     })
   });
 });
-process.env.NODE_ENV !== "production" && (W.propTypes = {
+process.env.NODE_ENV !== "production" && (_.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -190,57 +211,63 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: r.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: r.string,
+  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: r.oneOfType([r.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
+  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: 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),
+  disableShrink: z(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),
+  /**
+   * If `true`, a track circle slot is mounted to show a subtle background for the progress.
+   * The `size` and `thickness` apply to the track slot to be consistent with the progress circle.
+   * @default false
+   */
+  enableTrackSlot: e.bool,
   /**
    * 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]),
+  size: e.oneOfType([e.number, e.string]),
   /**
    * @ignore
    */
-  style: r.object,
+  style: e.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]),
+  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: r.number,
+  thickness: e.number,
   /**
    * The value of the progress indicator for the determinate variant.
    * Value between 0 and 100.
    * @default 0
    */
-  value: r.number,
+  value: e.number,
   /**
    * The variant to use.
    * Use indeterminate when there is no progress value.
    * @default 'indeterminate'
    */
-  variant: r.oneOf(["determinate", "indeterminate"])
+  variant: e.oneOf(["determinate", "indeterminate"])
 });
 export {
-  W as C
+  _ as C
 };

package/dist/Clear-BauR3cPE.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as r } from "./createSvgIcon-B-eIQ7rU.js";
+const c = r(/* @__PURE__ */ o("path", {
+  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}), "Clear");
+export {
+  c as C
+};