@genai-fi/base 4.3.6 → 4.3.8

package/dist/{CircularProgress-DgKnRiq7.js → CircularProgress-DZ8YZ0Dt.js}

@@ -1,41 +1,41 @@
-var Xe = Object.defineProperty;
-var qe = (e, t, n) => t in e ? Xe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var W = (e, t, n) => qe(e, typeof t != "symbol" ? t + "" : t, n);
-import * as c from "react";
-import H, { isValidElement as Q, cloneElement as ee, Children as We } from "react";
-import { P as r, g as Te, a as ne } from "./createTheme-DV959X3d.js";
-import { c as E, g as ce, u as pe, s as z, a as Ce, m as Ee } from "./DefaultPropsProvider-BurgXZzw.js";
-import { jsx as D, jsxs as He } from "react/jsx-runtime";
-import { keyframes as G, css as xe } from "@emotion/react";
-const Ge = typeof window < "u" ? c.useLayoutEffect : c.useEffect;
-let be = 0;
+var We = Object.defineProperty;
+var qe = (e, t, n) => t in e ? We(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var q = (e, t, n) => qe(e, typeof t != "symbol" ? t + "" : t, n);
+import * as u from "react";
+import H, { isValidElement as Q, cloneElement as ee, Children as He } from "react";
+import { P as r, g as Ce, a as ne } from "./createTheme-DnBeI7Zz.js";
+import { c as E, g as ue, u as pe, s as _, a as Ee, m as fe } from "./DefaultPropsProvider-B_x1hwuY.js";
+import { jsx as N, jsxs as ke } from "react/jsx-runtime";
+import { keyframes as G, css as Pe } from "@emotion/react";
+const Ge = typeof window < "u" ? u.useLayoutEffect : u.useEffect;
+let ge = 0;
 function Ze(e) {
-  const [t, n] = c.useState(e), o = e || t;
-  return c.useEffect(() => {
-    t == null && (be += 1, n(`mui-${be}`));
+  const [t, n] = u.useState(e), o = e || t;
+  return u.useEffect(() => {
+    t == null && (ge += 1, n(`mui-${ge}`));
   }, [t]), o;
 }
 const Je = {
-  ...c
-}, ge = Je.useId;
-function Yt(e) {
-  if (ge !== void 0) {
-    const t = ge();
+  ...u
+}, ye = Je.useId;
+function Kt(e) {
+  if (ye !== void 0) {
+    const t = ye();
     return e ?? t;
   }
   return Ze(e);
 }
 function te(e) {
-  const t = c.useRef(e);
+  const t = u.useRef(e);
   return Ge(() => {
     t.current = e;
-  }), c.useRef((...n) => (
+  }), u.useRef((...n) => (
     // @ts-expect-error hide `this`
     (0, t.current)(...n)
   )).current;
 }
-function ye(...e) {
-  const t = c.useRef(void 0), n = c.useCallback((o) => {
+function Me(...e) {
+  const t = u.useRef(void 0), n = u.useCallback((o) => {
     const s = e.map((i) => {
       if (i == null)
         return null;
@@ -53,12 +53,12 @@ function ye(...e) {
       s.forEach((i) => i == null ? void 0 : i());
     };
   }, e);
-  return c.useMemo(() => e.every((o) => o == null) ? null : (o) => {
+  return u.useMemo(() => e.every((o) => o == null) ? null : (o) => {
     t.current && (t.current(), t.current = void 0), o != null && (t.current = n(o));
   }, e);
 }
 const Qe = r.oneOfType([r.func, r.object]);
-function Pe(e, t) {
+function xe(e, t) {
   return process.env.NODE_ENV === "production" ? () => null : function(...o) {
     return e(...o) || t(...o);
   };
@@ -78,26 +78,26 @@ function tt(e, t, n, o, s) {
   typeof window > "u")
     return null;
   let l;
-  return typeof i == "function" && !et(i) && (l = "Did you accidentally provide a plain function component instead?"), l !== void 0 ? new Error(`Invalid ${o} \`${a}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+  return typeof i == "function" && !et(i) && (l = "Did you accidentally provide a plain function component instead?"), i === u.Fragment && (l = "Did you accidentally provide a React.Fragment instead?"), l !== void 0 ? new Error(`Invalid ${o} \`${a}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
 }
-const nt = Pe(r.elementType, tt);
-function Me(e) {
+const nt = xe(r.elementType, tt);
+function Re(e) {
   try {
     return e.matches(":focus-visible");
   } catch {
-    process.env.NODE_ENV !== "production" && !/jsdom/.test(window.navigator.userAgent) && console.warn(["MUI: The `:focus-visible` pseudo class is not supported in this browser.", "Some components rely on this feature to work properly."].join(`
+    process.env.NODE_ENV !== "production" && !window.navigator.userAgent.includes("jsdom") && console.warn(["MUI: The `:focus-visible` pseudo class is not supported in this browser.", "Some components rely on this feature to work properly."].join(`
 `));
   }
   return !1;
 }
-const Re = {};
-function we(e, t) {
-  const n = c.useRef(Re);
-  return n.current === Re && (n.current = e(t)), n;
+const Te = {};
+function Se(e, t) {
+  const n = u.useRef(Te);
+  return n.current === Te && (n.current = e(t)), n;
 }
 class re {
   constructor() {
-    W(this, "mountEffect", () => {
+    q(this, "mountEffect", () => {
       this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());
     });
     this.ref = {
@@ -113,8 +113,8 @@ class re {
     return new re();
   }
   static use() {
-    const t = we(re.create).current, [n, o] = c.useState(!1);
-    return t.shouldMount = n, t.setShouldMount = o, c.useEffect(t.mountEffect, [n]), t;
+    const t = Se(re.create).current, [n, o] = u.useState(!1);
+    return t.shouldMount = n, t.setShouldMount = o, u.useEffect(t.mountEffect, [n]), t;
   }
   mount() {
     return this.mounted || (this.mounted = ot(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
@@ -180,17 +180,17 @@ function at(e) {
   if (e === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
-function fe(e, t) {
+function de(e, t) {
   var n = function(i) {
     return t && Q(i) ? t(i) : i;
   }, o = /* @__PURE__ */ Object.create(null);
-  return e && We.map(e, function(s) {
+  return e && He.map(e, function(s) {
     return s;
   }).forEach(function(s) {
     o[s.key] = n(s);
   }), o;
 }
-function ut(e, t) {
+function ct(e, t) {
   e = e || {}, t = t || {};
   function n(h) {
     return h in t ? t[h] : e[h];
@@ -202,8 +202,8 @@ function ut(e, t) {
   for (var p in t) {
     if (o[p])
       for (a = 0; a < o[p].length; a++) {
-        var f = o[p][a];
-        l[o[p][a]] = n(f);
+        var d = o[p][a];
+        l[o[p][a]] = n(d);
       }
     l[p] = n(p);
   }
@@ -211,38 +211,38 @@ function ut(e, t) {
     l[s[a]] = n(s[a]);
   return l;
 }
-function F(e, t, n) {
+function U(e, t, n) {
   return n[t] != null ? n[t] : e.props[t];
 }
 function lt(e, t) {
-  return fe(e.children, function(n) {
+  return de(e.children, function(n) {
     return ee(n, {
       onExited: t.bind(null, n),
       in: !0,
-      appear: F(n, "appear", e),
-      enter: F(n, "enter", e),
-      exit: F(n, "exit", e)
+      appear: U(n, "appear", e),
+      enter: U(n, "enter", e),
+      exit: U(n, "exit", e)
     });
   });
 }
-function ct(e, t, n) {
-  var o = fe(e.children), s = ut(t, o);
+function ut(e, t, n) {
+  var o = de(e.children), s = ct(t, o);
   return Object.keys(s).forEach(function(i) {
     var a = s[i];
     if (Q(a)) {
-      var l = i in t, p = i in o, f = t[i], h = Q(f) && !f.props.in;
+      var l = i in t, p = i in o, d = t[i], h = Q(d) && !d.props.in;
       p && (!l || h) ? s[i] = ee(a, {
         onExited: n.bind(null, a),
         in: !0,
-        exit: F(a, "exit", e),
-        enter: F(a, "enter", e)
+        exit: U(a, "exit", e),
+        enter: U(a, "enter", e)
       }) : !p && l && !h ? s[i] = ee(a, {
         in: !1
-      }) : p && l && Q(f) && (s[i] = ee(a, {
+      }) : p && l && Q(d) && (s[i] = ee(a, {
         onExited: n.bind(null, a),
-        in: f.props.in,
-        exit: F(a, "exit", e),
-        enter: F(a, "enter", e)
+        in: d.props.in,
+        exit: U(a, "exit", e),
+        enter: U(a, "enter", e)
       }));
     }
   }), s;
@@ -256,7 +256,7 @@ var pt = Object.values || function(e) {
   childFactory: function(t) {
     return t;
   }
-}, de = /* @__PURE__ */ function(e) {
+}, he = /* @__PURE__ */ (function(e) {
   st(t, e);
   function t(o, s) {
     var i;
@@ -282,11 +282,11 @@ var pt = Object.values || function(e) {
   }, t.getDerivedStateFromProps = function(s, i) {
     var a = i.children, l = i.handleExited, p = i.firstRender;
     return {
-      children: p ? lt(s, l) : ct(s, a, l),
+      children: p ? lt(s, l) : ut(s, a, l),
       firstRender: !1
     };
   }, n.handleExited = function(s, i) {
-    var a = fe(this.props.children);
+    var a = de(this.props.children);
     s.key in a || (s.props.onExited && s.props.onExited(i), this.mounted && this.setState(function(l) {
       var p = ie({}, l.children);
       return delete p[s.key], {
@@ -294,15 +294,15 @@ var pt = Object.values || function(e) {
       };
     }));
   }, n.render = function() {
-    var s = this.props, i = s.component, a = s.childFactory, l = it(s, ["component", "childFactory"]), p = this.state.contextValue, f = pt(this.state.children).map(a);
+    var s = this.props, i = s.component, a = s.childFactory, l = it(s, ["component", "childFactory"]), p = this.state.contextValue, d = pt(this.state.children).map(a);
     return delete l.appear, delete l.enter, delete l.exit, i === null ? /* @__PURE__ */ H.createElement(ve.Provider, {
       value: p
-    }, f) : /* @__PURE__ */ H.createElement(ve.Provider, {
+    }, d) : /* @__PURE__ */ H.createElement(ve.Provider, {
       value: p
-    }, /* @__PURE__ */ H.createElement(i, l, f));
+    }, /* @__PURE__ */ H.createElement(i, l, d));
   }, t;
-}(H.Component);
-de.propTypes = process.env.NODE_ENV !== "production" ? {
+})(H.Component);
+he.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * `<TransitionGroup>` renders a `<div>` by default. You can change this
    * behavior by providing a `component` prop.
@@ -355,21 +355,21 @@ de.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   childFactory: r.func
 } : {};
-de.defaultProps = ft;
+he.defaultProps = ft;
 const dt = [];
 function ht(e) {
-  c.useEffect(e, dt);
+  u.useEffect(e, dt);
 }
-class he {
+class me {
   constructor() {
-    W(this, "currentId", null);
-    W(this, "clear", () => {
+    q(this, "currentId", null);
+    q(this, "clear", () => {
       this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
     });
-    W(this, "disposeEffect", () => this.clear);
+    q(this, "disposeEffect", () => this.clear);
   }
   static create() {
-    return new he();
+    return new me();
   }
   /**
    * Executes `fn` after `delay`, clearing any previously scheduled call.
@@ -381,10 +381,10 @@ class he {
   }
 }
 function mt() {
-  const e = we(he.create).current;
+  const e = Se(me.create).current;
   return ht(e.disposeEffect), e;
 }
-function Se(e) {
+function we(e) {
   const {
     className: t,
     classes: n,
@@ -394,29 +394,29 @@ function Se(e) {
     rippleSize: a,
     in: l,
     onExited: p,
-    timeout: f
-  } = e, [h, m] = c.useState(!1), y = E(t, n.ripple, n.rippleVisible, o && n.ripplePulsate), M = {
+    timeout: d
+  } = e, [h, m] = u.useState(!1), y = E(t, n.ripple, n.rippleVisible, o && n.ripplePulsate), k = {
     width: a,
     height: a,
     top: -(a / 2) + i,
     left: -(a / 2) + s
   }, b = E(n.child, h && n.childLeaving, o && n.childPulsate);
-  return !l && !h && m(!0), c.useEffect(() => {
+  return !l && !h && m(!0), u.useEffect(() => {
     if (!l && p != null) {
-      const T = setTimeout(p, f);
+      const R = setTimeout(p, d);
       return () => {
-        clearTimeout(T);
+        clearTimeout(R);
       };
     }
-  }, [p, l, f]), /* @__PURE__ */ D("span", {
+  }, [p, l, d]), /* @__PURE__ */ N("span", {
     className: y,
-    style: M,
-    children: /* @__PURE__ */ D("span", {
+    style: k,
+    children: /* @__PURE__ */ N("span", {
       className: b
     })
   });
 }
-process.env.NODE_ENV !== "production" && (Se.propTypes = {
+process.env.NODE_ENV !== "production" && (we.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
@@ -451,7 +451,7 @@ process.env.NODE_ENV !== "production" && (Se.propTypes = {
    */
   timeout: r.number.isRequired
 });
-const v = ce("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), ae = 550, bt = 80, gt = G`
+const T = ue("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), ae = 550, bt = 80, gt = G`
   0% {
     transform: scale(0);
     opacity: 0.1;
@@ -481,7 +481,7 @@ const v = ce("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   100% {
     transform: scale(1);
   }
-`, Rt = z("span", {
+`, Rt = _("span", {
   name: "MuiTouchRipple",
   slot: "Root"
 })({
@@ -494,14 +494,14 @@ const v = ce("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   bottom: 0,
   left: 0,
   borderRadius: "inherit"
-}), vt = z(Se, {
+}), Tt = _(we, {
   name: "MuiTouchRipple",
   slot: "Ripple"
 })`
   opacity: 0;
   position: absolute;
 
-  &.${v.rippleVisible} {
+  &.${T.rippleVisible} {
     opacity: 0.3;
     transform: scale(1);
     animation-name: ${gt};
@@ -511,13 +511,13 @@ const v = ce("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
 }) => e.transitions.easing.easeInOut};
   }
 
-  &.${v.ripplePulsate} {
+  &.${T.ripplePulsate} {
     animation-duration: ${({
   theme: e
 }) => e.transitions.duration.shorter}ms;
   }
 
-  & .${v.child} {
+  & .${T.child} {
     opacity: 1;
     display: block;
     width: 100%;
@@ -526,7 +526,7 @@ const v = ce("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     background-color: currentColor;
   }
 
-  & .${v.childLeaving} {
+  & .${T.childLeaving} {
     opacity: 0;
     animation-name: ${yt};
     animation-duration: ${ae}ms;
@@ -535,7 +535,7 @@ const v = ce("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
 }) => e.transitions.easing.easeInOut};
   }
 
-  & .${v.childPulsate} {
+  & .${T.childPulsate} {
     position: absolute;
     /* @noflip */
     left: 0px;
@@ -548,7 +548,7 @@ const v = ce("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     animation-iteration-count: infinite;
     animation-delay: 200ms;
   }
-`, ke = /* @__PURE__ */ c.forwardRef(function(t, n) {
+`, De = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const o = pe({
     props: t,
     name: "MuiTouchRipple"
@@ -557,114 +557,114 @@ const v = ce("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     classes: i = {},
     className: a,
     ...l
-  } = o, [p, f] = c.useState([]), h = c.useRef(0), m = c.useRef(null);
-  c.useEffect(() => {
+  } = o, [p, d] = u.useState([]), h = u.useRef(0), m = u.useRef(null);
+  u.useEffect(() => {
     m.current && (m.current(), m.current = null);
   }, [p]);
-  const y = c.useRef(!1), M = mt(), b = c.useRef(null), T = c.useRef(null), R = c.useCallback((d) => {
+  const y = u.useRef(!1), k = mt(), b = u.useRef(null), R = u.useRef(null), M = u.useCallback((f) => {
     const {
-      pulsate: x,
-      rippleX: C,
-      rippleY: _,
-      rippleSize: j,
-      cb: A
-    } = d;
-    f((P) => [...P, /* @__PURE__ */ D(vt, {
+      pulsate: P,
+      rippleX: v,
+      rippleY: z,
+      rippleSize: B,
+      cb: Y
+    } = f;
+    d((x) => [...x, /* @__PURE__ */ N(Tt, {
       classes: {
-        ripple: E(i.ripple, v.ripple),
-        rippleVisible: E(i.rippleVisible, v.rippleVisible),
-        ripplePulsate: E(i.ripplePulsate, v.ripplePulsate),
-        child: E(i.child, v.child),
-        childLeaving: E(i.childLeaving, v.childLeaving),
-        childPulsate: E(i.childPulsate, v.childPulsate)
+        ripple: E(i.ripple, T.ripple),
+        rippleVisible: E(i.rippleVisible, T.rippleVisible),
+        ripplePulsate: E(i.ripplePulsate, T.ripplePulsate),
+        child: E(i.child, T.child),
+        childLeaving: E(i.childLeaving, T.childLeaving),
+        childPulsate: E(i.childPulsate, T.childPulsate)
       },
       timeout: ae,
-      pulsate: x,
-      rippleX: C,
-      rippleY: _,
-      rippleSize: j
-    }, h.current)]), h.current += 1, m.current = A;
-  }, [i]), w = c.useCallback((d = {}, x = {}, C = () => {
+      pulsate: P,
+      rippleX: v,
+      rippleY: z,
+      rippleSize: B
+    }, h.current)]), h.current += 1, m.current = Y;
+  }, [i]), S = u.useCallback((f = {}, P = {}, v = () => {
   }) => {
     const {
-      pulsate: _ = !1,
-      center: j = s || x.pulsate,
-      fakeElement: A = !1
+      pulsate: z = !1,
+      center: B = s || P.pulsate,
+      fakeElement: Y = !1
       // For test purposes
-    } = x;
-    if ((d == null ? void 0 : d.type) === "mousedown" && y.current) {
+    } = P;
+    if ((f == null ? void 0 : f.type) === "mousedown" && y.current) {
       y.current = !1;
       return;
     }
-    (d == null ? void 0 : d.type) === "touchstart" && (y.current = !0);
-    const P = A ? null : T.current, N = P ? P.getBoundingClientRect() : {
+    (f == null ? void 0 : f.type) === "touchstart" && (y.current = !0);
+    const x = Y ? null : R.current, I = x ? x.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
       top: 0
     };
-    let O, S, I;
-    if (j || d === void 0 || d.clientX === 0 && d.clientY === 0 || !d.clientX && !d.touches)
-      O = Math.round(N.width / 2), S = Math.round(N.height / 2);
+    let $, D, V;
+    if (B || f === void 0 || f.clientX === 0 && f.clientY === 0 || !f.clientX && !f.touches)
+      $ = Math.round(I.width / 2), D = Math.round(I.height / 2);
     else {
       const {
-        clientX: Y,
-        clientY: B
-      } = d.touches && d.touches.length > 0 ? d.touches[0] : d;
-      O = Math.round(Y - N.left), S = Math.round(B - N.top);
+        clientX: K,
+        clientY: L
+      } = f.touches && f.touches.length > 0 ? f.touches[0] : f;
+      $ = Math.round(K - I.left), D = Math.round(L - I.top);
     }
-    if (j)
-      I = Math.sqrt((2 * N.width ** 2 + N.height ** 2) / 3), I % 2 === 0 && (I += 1);
+    if (B)
+      V = Math.sqrt((2 * I.width ** 2 + I.height ** 2) / 3), V % 2 === 0 && (V += 1);
     else {
-      const Y = Math.max(Math.abs((P ? P.clientWidth : 0) - O), O) * 2 + 2, B = Math.max(Math.abs((P ? P.clientHeight : 0) - S), S) * 2 + 2;
-      I = Math.sqrt(Y ** 2 + B ** 2);
+      const K = Math.max(Math.abs((x ? x.clientWidth : 0) - $), $) * 2 + 2, L = Math.max(Math.abs((x ? x.clientHeight : 0) - D), D) * 2 + 2;
+      V = Math.sqrt(K ** 2 + L ** 2);
     }
-    d != null && d.touches ? b.current === null && (b.current = () => {
-      R({
-        pulsate: _,
-        rippleX: O,
-        rippleY: S,
-        rippleSize: I,
-        cb: C
+    f != null && f.touches ? b.current === null && (b.current = () => {
+      M({
+        pulsate: z,
+        rippleX: $,
+        rippleY: D,
+        rippleSize: V,
+        cb: v
       });
-    }, M.start(bt, () => {
+    }, k.start(bt, () => {
       b.current && (b.current(), b.current = null);
-    })) : R({
-      pulsate: _,
-      rippleX: O,
-      rippleY: S,
-      rippleSize: I,
-      cb: C
+    })) : M({
+      pulsate: z,
+      rippleX: $,
+      rippleY: D,
+      rippleSize: V,
+      cb: v
     });
-  }, [s, R, M]), V = c.useCallback(() => {
-    w({}, {
+  }, [s, M, k]), j = u.useCallback(() => {
+    S({}, {
       pulsate: !0
     });
-  }, [w]), U = c.useCallback((d, x) => {
-    if (M.clear(), (d == null ? void 0 : d.type) === "touchend" && b.current) {
-      b.current(), b.current = null, M.start(0, () => {
-        U(d, x);
+  }, [S]), w = u.useCallback((f, P) => {
+    if (k.clear(), (f == null ? void 0 : f.type) === "touchend" && b.current) {
+      b.current(), b.current = null, k.start(0, () => {
+        w(f, P);
       });
       return;
     }
-    b.current = null, f((C) => C.length > 0 ? C.slice(1) : C), m.current = x;
-  }, [M]);
-  return c.useImperativeHandle(n, () => ({
-    pulsate: V,
-    start: w,
-    stop: U
-  }), [V, w, U]), /* @__PURE__ */ D(Rt, {
-    className: E(v.root, i.root, a),
-    ref: T,
+    b.current = null, d((v) => v.length > 0 ? v.slice(1) : v), m.current = P;
+  }, [k]);
+  return u.useImperativeHandle(n, () => ({
+    pulsate: j,
+    start: S,
+    stop: w
+  }), [j, S, w]), /* @__PURE__ */ N(Rt, {
+    className: E(T.root, i.root, a),
+    ref: R,
     ...l,
-    children: /* @__PURE__ */ D(de, {
+    children: /* @__PURE__ */ N(he, {
       component: null,
       exit: !0,
       children: p
     })
   });
 });
-process.env.NODE_ENV !== "production" && (ke.propTypes = {
+process.env.NODE_ENV !== "production" && (De.propTypes = {
   /**
    * If `true`, the ripple starts at the center of the component
    * rather than at the point of interaction.
@@ -679,20 +679,20 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
    */
   className: r.string
 });
-function Tt(e) {
-  return Te("MuiButtonBase", e);
+function vt(e) {
+  return Ce("MuiButtonBase", e);
 }
-const Ct = ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), Et = (e) => {
+const Ct = ue("MuiButtonBase", ["root", "disabled", "focusVisible"]), Et = (e) => {
   const {
     disabled: t,
     focusVisible: n,
     focusVisibleClassName: o,
     classes: s
-  } = e, a = Ce({
+  } = e, a = Ee({
     root: ["root", t && "disabled", n && "focusVisible"]
-  }, Tt, s);
+  }, vt, s);
   return n && o && (a.root += ` ${o}`), a;
-}, xt = z("button", {
+}, kt = _("button", {
   name: "MuiButtonBase",
   slot: "Root"
 })({
@@ -734,7 +734,7 @@ const Ct = ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), Et = (e) =
   "@media print": {
     colorAdjust: "exact"
   }
-}), Pt = /* @__PURE__ */ c.forwardRef(function(t, n) {
+}), Pt = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const o = pe({
     props: t,
     name: "MuiButtonBase"
@@ -744,104 +744,108 @@ const Ct = ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), Et = (e) =
     children: a,
     className: l,
     component: p = "button",
-    disabled: f = !1,
+    disabled: d = !1,
     disableRipple: h = !1,
     disableTouchRipple: m = !1,
     focusRipple: y = !1,
-    focusVisibleClassName: M,
+    focusVisibleClassName: k,
     LinkComponent: b = "a",
-    onBlur: T,
-    onClick: R,
-    onContextMenu: w,
-    onDragLeave: V,
-    onFocus: U,
-    onFocusVisible: d,
-    onKeyDown: x,
-    onKeyUp: C,
-    onMouseDown: _,
-    onMouseLeave: j,
-    onMouseUp: A,
-    onTouchEnd: P,
-    onTouchMove: N,
-    onTouchStart: O,
-    tabIndex: S = 0,
-    TouchRippleProps: I,
-    touchRippleRef: Y,
-    type: B,
-    ...K
-  } = o, X = c.useRef(null), g = rt(), De = ye(g.ref, Y), [L, Z] = c.useState(!1);
-  f && L && Z(!1), c.useImperativeHandle(s, () => ({
+    onBlur: R,
+    onClick: M,
+    onContextMenu: S,
+    onDragLeave: j,
+    onFocus: w,
+    onFocusVisible: f,
+    onKeyDown: P,
+    onKeyUp: v,
+    onMouseDown: z,
+    onMouseLeave: B,
+    onMouseUp: Y,
+    onTouchEnd: x,
+    onTouchMove: I,
+    onTouchStart: $,
+    tabIndex: D = 0,
+    TouchRippleProps: V,
+    touchRippleRef: K,
+    type: L,
+    ...A
+  } = o, X = u.useRef(null), g = rt(), Oe = Me(g.ref, K), [F, Z] = u.useState(!1);
+  d && F && Z(!1), u.useImperativeHandle(s, () => ({
     focusVisible: () => {
       Z(!0), X.current.focus();
     }
   }), []);
-  const Ne = g.shouldMount && !h && !f;
-  c.useEffect(() => {
-    L && y && !h && g.pulsate();
-  }, [h, y, L, g]);
-  const Oe = k(g, "start", _, m), Ie = k(g, "stop", w, m), $e = k(g, "stop", V, m), Ve = k(g, "stop", A, m), je = k(g, "stop", (u) => {
-    L && u.preventDefault(), j && j(u);
-  }, m), Be = k(g, "start", O, m), Le = k(g, "stop", P, m), Fe = k(g, "stop", N, m), Ue = k(g, "stop", (u) => {
-    Me(u.target) || Z(!1), T && T(u);
-  }, !1), _e = te((u) => {
-    X.current || (X.current = u.currentTarget), Me(u.target) && (Z(!0), d && d(u)), U && U(u);
+  const Ne = g.shouldMount && !h && !d;
+  u.useEffect(() => {
+    F && y && !h && g.pulsate();
+  }, [h, y, F, g]);
+  const Ie = O(g, "start", z, m), $e = O(g, "stop", S, m), Ve = O(g, "stop", j, m), je = O(g, "stop", Y, m), Be = O(g, "stop", (c) => {
+    F && c.preventDefault(), B && B(c);
+  }, m), Le = O(g, "start", $, m), Fe = O(g, "stop", x, m), Ue = O(g, "stop", I, m), _e = O(g, "stop", (c) => {
+    Re(c.target) || Z(!1), R && R(c);
+  }, !1), ze = te((c) => {
+    X.current || (X.current = c.currentTarget), Re(c.target) && (Z(!0), f && f(c)), w && w(c);
   }), oe = () => {
-    const u = X.current;
-    return p && p !== "button" && !(u.tagName === "A" && u.href);
-  }, ze = te((u) => {
-    y && !u.repeat && L && u.key === " " && g.stop(u, () => {
-      g.start(u);
-    }), u.target === u.currentTarget && oe() && u.key === " " && u.preventDefault(), x && x(u), u.target === u.currentTarget && oe() && u.key === "Enter" && !f && (u.preventDefault(), R && R(u));
-  }), Ae = te((u) => {
-    y && u.key === " " && L && !u.defaultPrevented && g.stop(u, () => {
-      g.pulsate(u);
-    }), C && C(u), R && u.target === u.currentTarget && oe() && u.key === " " && !u.defaultPrevented && R(u);
+    const c = X.current;
+    return p && p !== "button" && !(c.tagName === "A" && c.href);
+  }, Ae = te((c) => {
+    y && !c.repeat && F && c.key === " " && g.stop(c, () => {
+      g.start(c);
+    }), c.target === c.currentTarget && oe() && c.key === " " && c.preventDefault(), P && P(c), c.target === c.currentTarget && oe() && c.key === "Enter" && !d && (c.preventDefault(), M && M(c));
+  }), Ye = te((c) => {
+    y && c.key === " " && F && !c.defaultPrevented && g.stop(c, () => {
+      g.pulsate(c);
+    }), v && v(c), M && c.target === c.currentTarget && oe() && c.key === " " && !c.defaultPrevented && M(c);
   });
   let J = p;
-  J === "button" && (K.href || K.to) && (J = b);
-  const q = {};
-  J === "button" ? (q.type = B === void 0 ? "button" : B, q.disabled = f) : (!K.href && !K.to && (q.role = "button"), f && (q["aria-disabled"] = f));
-  const Ye = ye(n, X), me = {
+  J === "button" && (A.href || A.to) && (J = b);
+  const W = {};
+  if (J === "button") {
+    const c = !!A.formAction;
+    W.type = L === void 0 && !c ? "button" : L, W.disabled = d;
+  } else
+    !A.href && !A.to && (W.role = "button"), d && (W["aria-disabled"] = d);
+  const Ke = Me(n, X), be = {
     ...o,
     centerRipple: i,
     component: p,
-    disabled: f,
+    disabled: d,
     disableRipple: h,
     disableTouchRipple: m,
     focusRipple: y,
-    tabIndex: S,
-    focusVisible: L
-  }, Ke = Et(me);
-  return /* @__PURE__ */ He(xt, {
+    tabIndex: D,
+    focusVisible: F
+  }, Xe = Et(be);
+  return /* @__PURE__ */ ke(kt, {
     as: J,
-    className: E(Ke.root, l),
-    ownerState: me,
-    onBlur: Ue,
-    onClick: R,
-    onContextMenu: Ie,
-    onFocus: _e,
-    onKeyDown: ze,
-    onKeyUp: Ae,
-    onMouseDown: Oe,
-    onMouseLeave: je,
-    onMouseUp: Ve,
-    onDragLeave: $e,
-    onTouchEnd: Le,
-    onTouchMove: Fe,
-    onTouchStart: Be,
-    ref: Ye,
-    tabIndex: f ? -1 : S,
-    type: B,
-    ...q,
-    ...K,
-    children: [a, Ne ? /* @__PURE__ */ D(ke, {
-      ref: De,
+    className: E(Xe.root, l),
+    ownerState: be,
+    onBlur: _e,
+    onClick: M,
+    onContextMenu: $e,
+    onFocus: ze,
+    onKeyDown: Ae,
+    onKeyUp: Ye,
+    onMouseDown: Ie,
+    onMouseLeave: Be,
+    onMouseUp: je,
+    onDragLeave: Ve,
+    onTouchEnd: Fe,
+    onTouchMove: Ue,
+    onTouchStart: Le,
+    ref: Ke,
+    tabIndex: d ? -1 : D,
+    type: L,
+    ...W,
+    ...A,
+    children: [a, Ne ? /* @__PURE__ */ N(De, {
+      ref: Oe,
       center: i,
-      ...I
+      ...V
     }) : null]
   });
 });
-function k(e, t, n, o = !1) {
+function O(e, t, n, o = !1) {
   return te((s) => (n && n(s), o || e[t](s), !0));
 }
 process.env.NODE_ENV !== "production" && (Pt.propTypes = {
@@ -909,6 +913,10 @@ process.env.NODE_ENV !== "production" && (Pt.propTypes = {
    * if needed.
    */
   focusVisibleClassName: r.string,
+  /**
+   * @ignore
+   */
+  formAction: r.oneOfType([r.func, r.string]),
   /**
    * @ignore
    */
@@ -1002,25 +1010,25 @@ process.env.NODE_ENV !== "production" && (Pt.propTypes = {
    */
   type: r.oneOfType([r.oneOf(["button", "reset", "submit"]), r.string])
 });
-function wt(e) {
+function xt(e) {
   return typeof e.main == "string";
 }
 function St(e, t = []) {
-  if (!wt(e))
+  if (!xt(e))
     return !1;
   for (const n of t)
     if (!e.hasOwnProperty(n) || typeof e[n] != "string")
       return !1;
   return !0;
 }
-function kt(e = []) {
+function wt(e = []) {
   return ([, t]) => t && St(t, e);
 }
 function Dt(e) {
-  return Te("MuiCircularProgress", e);
+  return Ce("MuiCircularProgress", e);
 }
-ce("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
-const $ = 44, ue = G`
+ue("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "track", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
+const C = 44, ce = G`
   0% {
     transform: rotate(0deg);
   }
@@ -1043,9 +1051,9 @@ const $ = 44, ue = G`
     stroke-dasharray: 1px, 200px;
     stroke-dashoffset: -126px;
   }
-`, Nt = typeof ue != "string" ? xe`
-        animation: ${ue} 1.4s linear infinite;
-      ` : null, Ot = typeof le != "string" ? xe`
+`, Ot = typeof ce != "string" ? Pe`
+        animation: ${ce} 1.4s linear infinite;
+      ` : null, Nt = typeof le != "string" ? Pe`
         animation: ${le} 1.4s ease-in-out infinite;
       ` : null, It = (e) => {
   const {
@@ -1056,10 +1064,11 @@ const $ = 44, ue = G`
   } = e, i = {
     root: ["root", n, `color${ne(o)}`],
     svg: ["svg"],
+    track: ["track"],
     circle: ["circle", `circle${ne(n)}`, s && "circleDisableShrink"]
   };
-  return Ce(i, Dt, t);
-}, $t = z("span", {
+  return Ee(i, Dt, t);
+}, $t = _("span", {
   name: "MuiCircularProgress",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -1068,7 +1077,7 @@ const $ = 44, ue = G`
     } = e;
     return [t.root, t[n.variant], t[`color${ne(n.color)}`]];
   }
-})(Ee(({
+})(fe(({
   theme: e
 }) => ({
   display: "inline-block",
@@ -1083,10 +1092,10 @@ const $ = 44, ue = G`
     props: {
       variant: "indeterminate"
     },
-    style: Nt || {
-      animation: `${ue} 1.4s linear infinite`
+    style: Ot || {
+      animation: `${ce} 1.4s linear infinite`
     }
-  }, ...Object.entries(e.palette).filter(kt()).map(([t]) => ({
+  }, ...Object.entries(e.palette).filter(wt()).map(([t]) => ({
     props: {
       color: t
     },
@@ -1094,13 +1103,13 @@ const $ = 44, ue = G`
       color: (e.vars || e).palette[t].main
     }
   }))]
-}))), Vt = z("svg", {
+}))), Vt = _("svg", {
   name: "MuiCircularProgress",
   slot: "Svg"
 })({
   display: "block"
   // Keeps the progress centered
-}), jt = z("circle", {
+}), jt = _("circle", {
   name: "MuiCircularProgress",
   slot: "Circle",
   overridesResolver: (e, t) => {
@@ -1109,7 +1118,7 @@ const $ = 44, ue = G`
     } = e;
     return [t.circle, t[`circle${ne(n.variant)}`], n.disableShrink && t.circleDisableShrink];
   }
-})(Ee(({
+})(fe(({
   theme: e
 }) => ({
   stroke: "currentColor",
@@ -1134,12 +1143,20 @@ const $ = 44, ue = G`
     props: ({
       ownerState: t
     }) => t.variant === "indeterminate" && !t.disableShrink,
-    style: Ot || {
+    style: Nt || {
       // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
       animation: `${le} 1.4s ease-in-out infinite`
     }
   }]
-}))), Bt = /* @__PURE__ */ c.forwardRef(function(t, n) {
+}))), Bt = _("circle", {
+  name: "MuiCircularProgress",
+  slot: "Track"
+})(fe(({
+  theme: e
+}) => ({
+  stroke: "currentColor",
+  opacity: (e.vars || e).palette.action.activatedOpacity
+}))), Lt = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const o = pe({
     props: t,
     name: "MuiCircularProgress"
@@ -1147,56 +1164,67 @@ const $ = 44, ue = G`
     className: s,
     color: i = "primary",
     disableShrink: a = !1,
-    size: l = 40,
-    style: p,
-    thickness: f = 3.6,
-    value: h = 0,
-    variant: m = "indeterminate",
-    ...y
-  } = o, M = {
+    enableTrackSlot: l = !1,
+    size: p = 40,
+    style: d,
+    thickness: h = 3.6,
+    value: m = 0,
+    variant: y = "indeterminate",
+    ...k
+  } = o, b = {
     ...o,
     color: i,
     disableShrink: a,
-    size: l,
-    thickness: f,
-    value: h,
-    variant: m
-  }, b = It(M), T = {}, R = {}, w = {};
-  if (m === "determinate") {
-    const V = 2 * Math.PI * (($ - f) / 2);
-    T.strokeDasharray = V.toFixed(3), w["aria-valuenow"] = Math.round(h), T.strokeDashoffset = `${((100 - h) / 100 * V).toFixed(3)}px`, R.transform = "rotate(-90deg)";
+    size: p,
+    thickness: h,
+    value: m,
+    variant: y,
+    enableTrackSlot: l
+  }, R = It(b), M = {}, S = {}, j = {};
+  if (y === "determinate") {
+    const w = 2 * Math.PI * ((C - h) / 2);
+    M.strokeDasharray = w.toFixed(3), j["aria-valuenow"] = Math.round(m), M.strokeDashoffset = `${((100 - m) / 100 * w).toFixed(3)}px`, S.transform = "rotate(-90deg)";
   }
-  return /* @__PURE__ */ D($t, {
-    className: E(b.root, s),
+  return /* @__PURE__ */ N($t, {
+    className: E(R.root, s),
     style: {
-      width: l,
-      height: l,
-      ...R,
-      ...p
+      width: p,
+      height: p,
+      ...S,
+      ...d
     },
-    ownerState: M,
+    ownerState: b,
     ref: n,
     role: "progressbar",
-    ...w,
-    ...y,
-    children: /* @__PURE__ */ D(Vt, {
-      className: b.svg,
-      ownerState: M,
-      viewBox: `${$ / 2} ${$ / 2} ${$} ${$}`,
-      children: /* @__PURE__ */ D(jt, {
-        className: b.circle,
-        style: T,
-        ownerState: M,
-        cx: $,
-        cy: $,
-        r: ($ - f) / 2,
+    ...j,
+    ...k,
+    children: /* @__PURE__ */ ke(Vt, {
+      className: R.svg,
+      ownerState: b,
+      viewBox: `${C / 2} ${C / 2} ${C} ${C}`,
+      children: [l ? /* @__PURE__ */ N(Bt, {
+        className: R.track,
+        ownerState: b,
+        cx: C,
+        cy: C,
+        r: (C - h) / 2,
+        fill: "none",
+        strokeWidth: h,
+        "aria-hidden": "true"
+      }) : null, /* @__PURE__ */ N(jt, {
+        className: R.circle,
+        style: M,
+        ownerState: b,
+        cx: C,
+        cy: C,
+        r: (C - h) / 2,
         fill: "none",
-        strokeWidth: f
-      })
+        strokeWidth: h
+      })]
     })
   });
 });
-process.env.NODE_ENV !== "production" && (Bt.propTypes = {
+process.env.NODE_ENV !== "production" && (Lt.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1221,7 +1249,13 @@ process.env.NODE_ENV !== "production" && (Bt.propTypes = {
    * This only works if variant is `indeterminate`.
    * @default false
    */
-  disableShrink: Pe(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: xe(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),
+  /**
+   * 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: r.bool,
   /**
    * The size of the component.
    * If using a number, the pixel unit is assumed.
@@ -1257,19 +1291,20 @@ process.env.NODE_ENV !== "production" && (Bt.propTypes = {
 });
 export {
   Pt as B,
-  Bt as C,
+  Lt as C,
   ve as T,
   st as _,
-  Pe as a,
-  ye as b,
-  kt as c,
+  xe as a,
+  Me as b,
+  wt as c,
   Ge as d,
   it as e,
   te as f,
   nt as g,
   mt as h,
-  ie as i,
-  we as j,
+  Se as i,
+  ht as j,
+  ie as k,
   Qe as r,
-  Yt as u
+  Kt as u
 };