@cgi-learning-hub/ui 1.2.0-dev.1730802047 → 1.2.0-dev.1730814068

package/dist/{identifier-C_jicJ2R.js → identifier-Bu3vgTzE.js}

@@ -662,18 +662,40 @@ if (process.env.NODE_ENV !== "production") {
   ir.exports = lt()();
 var pt = ir.exports;
 const Ce = /* @__PURE__ */ ot(pt);
+function Lr(e) {
+  var r, t, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var o = e.length;
+    for (r = 0; r < o; r++) e[r] && (t = Lr(e[r])) && (n && (n += " "), n += t);
+  } else for (t in e) e[t] && (n && (n += " "), n += t);
+  return n;
+}
+function yo() {
+  for (var e, r, t = 0, n = "", o = arguments.length; t < o; t++) (e = arguments[t]) && (r = Lr(e)) && (n && (n += " "), n += r);
+  return n;
+}
+function de(e, ...r) {
+  const t = new URL(`https://mui.com/production-error/?code=${e}`);
+  return r.forEach((n) => t.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${t} for the full message.`;
+}
+function Vr(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : de(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
 function le(e) {
   if (typeof e != "object" || e === null)
     return !1;
   const r = Object.getPrototypeOf(e);
   return (r === null || r === Object.prototype || Object.getPrototypeOf(r) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
 }
-function Lr(e) {
+function zr(e) {
   if (!le(e))
     return e;
   const r = {};
   return Object.keys(e).forEach((t) => {
-    r[t] = Lr(e[t]);
+    r[t] = zr(e[t]);
   }), r;
 }
 function Q(e, r, t = {
@@ -684,71 +706,9 @@ function Q(e, r, t = {
   } : e;
   return le(e) && le(r) && Object.keys(r).forEach((o) => {
     le(r[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && le(e[o]) ? n[o] = Q(e[o], r[o], t) : t.clone ? n[o] = le(r[o]) ? Lr(r[o]) : r[o] : n[o] = r[o];
-  }), n;
-}
-function de(e, ...r) {
-  const t = new URL(`https://mui.com/production-error/?code=${e}`);
-  return r.forEach((n) => t.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${t} for the full message.`;
-}
-function Vr(e) {
-  if (typeof e != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : de(7));
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}
-const Er = (e) => e, gt = () => {
-  let e = Er;
-  return {
-    configure(r) {
-      e = r;
-    },
-    generate(r) {
-      return e(r);
-    },
-    reset() {
-      e = Er;
-    }
-  };
-}, mt = gt(), ht = {
-  active: "active",
-  checked: "checked",
-  completed: "completed",
-  disabled: "disabled",
-  error: "error",
-  expanded: "expanded",
-  focused: "focused",
-  focusVisible: "focusVisible",
-  open: "open",
-  readOnly: "readOnly",
-  required: "required",
-  selected: "selected"
-};
-function zr(e, r, t = "Mui") {
-  const n = ht[r];
-  return n ? `${t}-${n}` : `${mt.generate(e)}-${r}`;
-}
-function yo(e, r, t = "Mui") {
-  const n = {};
-  return r.forEach((o) => {
-    n[o] = zr(e, o, t);
+    Object.prototype.hasOwnProperty.call(e, o) && le(e[o]) ? n[o] = Q(e[o], r[o], t) : t.clone ? n[o] = le(r[o]) ? zr(r[o]) : r[o] : n[o] = r[o];
   }), n;
 }
-function yt(e, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
-  return Math.max(r, Math.min(e, t));
-}
-function Gr(e) {
-  var r, t, n = "";
-  if (typeof e == "string" || typeof e == "number") n += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var o = e.length;
-    for (r = 0; r < o; r++) e[r] && (t = Gr(e[r])) && (n && (n += " "), n += t);
-  } else for (t in e) e[t] && (n && (n += " "), n += t);
-  return n;
-}
-function bo() {
-  for (var e, r, t = 0, n = "", o = arguments.length; t < o; t++) (e = arguments[t]) && (r = Gr(e)) && (n && (n += " "), n += r);
-  return n;
-}
 function xe(e, r) {
   return r ? Q(e, r, {
     clone: !1
@@ -756,7 +716,7 @@ function xe(e, r) {
   }) : e;
 }
 const pe = process.env.NODE_ENV !== "production" ? Ce.oneOfType([Ce.number, Ce.string, Ce.object, Ce.array]) : {};
-function bt(e, r) {
+function gt(e, r) {
   if (!e.containerQueries)
     return r;
   const t = Object.keys(r).filter((n) => n.startsWith("@container")).sort((n, o) => {
@@ -771,10 +731,10 @@ function bt(e, r) {
     ...r
   }) : r;
 }
-function vt(e, r) {
+function mt(e, r) {
   return r === "@" || r.startsWith("@") && (e.some((t) => r.startsWith(`@${t}`)) || !!r.match(/^@\d/));
 }
-function St(e, r) {
+function ht(e, r) {
   const t = r.match(/^@([^/]+)?\/?(.+)?$/);
   if (!t) {
     if (process.env.NODE_ENV !== "production")
@@ -785,7 +745,7 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : de(18, `(${r})`));
   const [, n, o] = t, a = Number.isNaN(+n) ? n || 0 : +n;
   return e.containerQueries(o).up(a);
 }
-function Ct(e) {
+function yt(e) {
   const r = (a, s) => a.replace("@media", s ? `@container ${s}` : "@container");
   function t(a, s) {
     a.up = (...c) => r(e.breakpoints.up(...c), s), a.down = (...c) => r(e.breakpoints.down(...c), s), a.between = (...c) => r(e.breakpoints.between(...c), s), a.only = (...c) => r(e.breakpoints.only(...c), s), a.not = (...c) => {
@@ -810,12 +770,12 @@ const Ne = {
   // desktop
   xl: 1536
   // large screen
-}, xr = {
+}, Er = {
   // Sorted ASC by size. That's important.
   // It can't be configured as it's used statically for propTypes.
   keys: ["xs", "sm", "md", "lg", "xl"],
   up: (e) => `@media (min-width:${Ne[e]}px)`
-}, Tt = {
+}, bt = {
   containerQueries: (e) => ({
     up: (r) => {
       let t = typeof r == "number" ? r : Ne[r] || r;
@@ -826,14 +786,14 @@ const Ne = {
 function se(e, r, t) {
   const n = e.theme || {};
   if (Array.isArray(r)) {
-    const a = n.breakpoints || xr;
+    const a = n.breakpoints || Er;
     return r.reduce((s, c, l) => (s[a.up(a.keys[l])] = t(r[l]), s), {});
   }
   if (typeof r == "object") {
-    const a = n.breakpoints || xr;
+    const a = n.breakpoints || Er;
     return Object.keys(r).reduce((s, c) => {
-      if (vt(a.keys, c)) {
-        const l = St(n.containerQueries ? n : Tt, c);
+      if (mt(a.keys, c)) {
+        const l = ht(n.containerQueries ? n : bt, c);
         l && (s[l] = t(r[c], c));
       } else if (Object.keys(a.values || Ne).includes(c)) {
         const l = a.up(c);
@@ -847,24 +807,24 @@ function se(e, r, t) {
   }
   return t(r);
 }
-function Yr(e = {}) {
+function Gr(e = {}) {
   var t;
   return ((t = e.keys) == null ? void 0 : t.reduce((n, o) => {
     const a = e.up(o);
     return n[a] = {}, n;
   }, {})) || {};
 }
-function Kr(e, r) {
+function Yr(e, r) {
   return e.reduce((t, n) => {
     const o = t[n];
     return (!o || Object.keys(o).length === 0) && delete t[n], t;
   }, r);
 }
-function vo(e, ...r) {
-  const t = Yr(e), n = [t, ...r].reduce((o, a) => Q(o, a), {});
-  return Kr(Object.keys(t), n);
+function bo(e, ...r) {
+  const t = Gr(e), n = [t, ...r].reduce((o, a) => Q(o, a), {});
+  return Yr(Object.keys(t), n);
 }
-function wt(e, r) {
+function vt(e, r) {
   if (typeof e != "object")
     return {};
   const t = {}, n = Object.keys(r);
@@ -874,12 +834,12 @@ function wt(e, r) {
     e[o] != null && (t[o] = !0);
   }), t;
 }
-function So({
+function vo({
   values: e,
   breakpoints: r,
   base: t
 }) {
-  const n = t || wt(e, r), o = Object.keys(n);
+  const n = t || vt(e, r), o = Object.keys(n);
   if (o.length === 0)
     return e;
   let a;
@@ -920,34 +880,34 @@ function G(e) {
     [r]: pe
   } : {}, a.filterProps = [r], a;
 }
-function Et(e) {
+function St(e) {
   const r = {};
   return (t) => (r[t] === void 0 && (r[t] = e(t)), r[t]);
 }
-const xt = {
+const Ct = {
   m: "margin",
   p: "padding"
-}, Ot = {
+}, Tt = {
   t: "Top",
   r: "Right",
   b: "Bottom",
   l: "Left",
   x: ["Left", "Right"],
   y: ["Top", "Bottom"]
-}, Or = {
+}, xr = {
   marginX: "mx",
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
-}, $t = Et((e) => {
+}, wt = St((e) => {
   if (e.length > 2)
-    if (Or[e])
-      e = Or[e];
+    if (xr[e])
+      e = xr[e];
     else
       return [e];
-  const [r, t] = e.split(""), n = xt[r], o = Ot[t] || "";
+  const [r, t] = e.split(""), n = Ct[r], o = Tt[t] || "";
   return Array.isArray(o) ? o.map((a) => n + a) : [n + o];
-}), We = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Fe = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], At = [...We, ...Fe];
+}), We = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Fe = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Et = [...We, ...Fe];
 function $e(e, r, t, n) {
   const o = De(e, r, !0) ?? t;
   return typeof o == "number" || typeof o == "string" ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && typeof a != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${a}.`), typeof o == "string" ? `calc(${a} * ${o})` : o * a) : Array.isArray(o) ? (a) => {
@@ -969,30 +929,30 @@ function cr(e) {
 function Ae(e, r) {
   return typeof r == "string" || r == null ? r : e(r);
 }
-function kt(e, r) {
+function xt(e, r) {
   return (t) => e.reduce((n, o) => (n[o] = Ae(r, t), n), {});
 }
-function _t(e, r, t, n) {
+function Ot(e, r, t, n) {
   if (!r.includes(t))
     return null;
-  const o = $t(t), a = kt(o, n), s = e[t];
+  const o = wt(t), a = xt(o, n), s = e[t];
   return se(e, s, a);
 }
-function qr(e, r) {
+function Kr(e, r) {
   const t = cr(e.theme);
-  return Object.keys(e).map((n) => _t(e, r, n, t)).reduce(xe, {});
+  return Object.keys(e).map((n) => Ot(e, r, n, t)).reduce(xe, {});
 }
 function V(e) {
-  return qr(e, We);
+  return Kr(e, We);
 }
 V.propTypes = process.env.NODE_ENV !== "production" ? We.reduce((e, r) => (e[r] = pe, e), {}) : {};
 V.filterProps = We;
 function z(e) {
-  return qr(e, Fe);
+  return Kr(e, Fe);
 }
 z.propTypes = process.env.NODE_ENV !== "production" ? Fe.reduce((e, r) => (e[r] = pe, e), {}) : {};
 z.filterProps = Fe;
-process.env.NODE_ENV !== "production" && At.reduce((e, r) => (e[r] = pe, e), {});
+process.env.NODE_ENV !== "production" && Et.reduce((e, r) => (e[r] = pe, e), {});
 function Ue(...e) {
   const r = e.reduce((n, o) => (o.filterProps.forEach((a) => {
     n[a] = o;
@@ -1009,7 +969,7 @@ function ee(e, r) {
     transform: r
   });
 }
-const Pt = ee("border", Z), Rt = ee("borderTop", Z), It = ee("borderRight", Z), Bt = ee("borderBottom", Z), jt = ee("borderLeft", Z), Mt = ee("borderColor"), Nt = ee("borderTopColor"), Dt = ee("borderRightColor"), Wt = ee("borderBottomColor"), Ft = ee("borderLeftColor"), Ut = ee("outline", Z), Lt = ee("outlineColor"), Le = (e) => {
+const $t = ee("border", Z), At = ee("borderTop", Z), kt = ee("borderRight", Z), _t = ee("borderBottom", Z), Pt = ee("borderLeft", Z), Rt = ee("borderColor"), It = ee("borderTopColor"), Bt = ee("borderRightColor"), jt = ee("borderBottomColor"), Mt = ee("borderLeftColor"), Nt = ee("outline", Z), Dt = ee("outlineColor"), Le = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
     const r = $e(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
       borderRadius: Ae(r, n)
@@ -1022,7 +982,7 @@ Le.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: pe
 } : {};
 Le.filterProps = ["borderRadius"];
-Ue(Pt, Rt, It, Bt, jt, Mt, Nt, Dt, Wt, Ft, Le, Ut, Lt);
+Ue($t, At, kt, _t, Pt, Rt, It, Bt, jt, Mt, Le, Nt, Dt);
 const Ve = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
     const r = $e(e.theme, "spacing", 8, "gap"), t = (n) => ({
@@ -1062,48 +1022,48 @@ Ge.propTypes = process.env.NODE_ENV !== "production" ? {
   rowGap: pe
 } : {};
 Ge.filterProps = ["rowGap"];
-const Vt = G({
+const Wt = G({
   prop: "gridColumn"
-}), zt = G({
+}), Ft = G({
   prop: "gridRow"
-}), Gt = G({
+}), Ut = G({
   prop: "gridAutoFlow"
-}), Yt = G({
+}), Lt = G({
   prop: "gridAutoColumns"
-}), Kt = G({
+}), Vt = G({
   prop: "gridAutoRows"
-}), qt = G({
+}), zt = G({
   prop: "gridTemplateColumns"
-}), Ht = G({
+}), Gt = G({
   prop: "gridTemplateRows"
-}), Qt = G({
+}), Yt = G({
   prop: "gridTemplateAreas"
-}), Jt = G({
+}), Kt = G({
   prop: "gridArea"
 });
-Ue(Ve, ze, Ge, Vt, zt, Gt, Yt, Kt, qt, Ht, Qt, Jt);
+Ue(Ve, ze, Ge, Wt, Ft, Ut, Lt, Vt, zt, Gt, Yt, Kt);
 function Se(e, r) {
   return r === "grey" ? r : e;
 }
-const Xt = G({
+const qt = G({
   prop: "color",
   themeKey: "palette",
   transform: Se
-}), Zt = G({
+}), Ht = G({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
   transform: Se
-}), en = G({
+}), Qt = G({
   prop: "backgroundColor",
   themeKey: "palette",
   transform: Se
 });
-Ue(Xt, Zt, en);
+Ue(qt, Ht, Qt);
 function J(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const rn = G({
+const Jt = G({
   prop: "width",
   transform: J
 }), ur = (e) => {
@@ -1124,16 +1084,16 @@ const rn = G({
   return null;
 };
 ur.filterProps = ["maxWidth"];
-const tn = G({
+const Xt = G({
   prop: "minWidth",
   transform: J
-}), nn = G({
+}), Zt = G({
   prop: "height",
   transform: J
-}), on = G({
+}), en = G({
   prop: "maxHeight",
   transform: J
-}), an = G({
+}), rn = G({
   prop: "minHeight",
   transform: J
 });
@@ -1147,10 +1107,10 @@ G({
   cssProperty: "height",
   transform: J
 });
-const sn = G({
+const tn = G({
   prop: "boxSizing"
 });
-Ue(rn, ur, tn, nn, on, an, sn);
+Ue(Jt, ur, Xt, Zt, en, rn, tn);
 const Ye = {
   // borders
   border: {
@@ -1439,14 +1399,14 @@ const Ye = {
     themeKey: "typography"
   }
 };
-function cn(...e) {
+function nn(...e) {
   const r = e.reduce((n, o) => n.concat(Object.keys(o)), []), t = new Set(r);
   return e.every((n) => t.size === Object.keys(n).length);
 }
-function un(e, r) {
+function on(e, r) {
   return typeof e == "function" ? e(r) : e;
 }
-function ln() {
+function an() {
   function e(t, n, o, a) {
     const s = {
       [t]: n,
@@ -1492,10 +1452,10 @@ function ln() {
         return c;
       if (!l)
         return null;
-      const f = Yr(o.breakpoints), h = Object.keys(f);
+      const f = Gr(o.breakpoints), h = Object.keys(f);
       let d = f;
       return Object.keys(l).forEach((p) => {
-        const S = un(l[p], o);
+        const S = on(l[p], o);
         if (S != null)
           if (typeof S == "object")
             if (a[p])
@@ -1506,22 +1466,22 @@ function ln() {
               }, S, (b) => ({
                 [p]: b
               }));
-              cn(T, S) ? d[p] = r({
+              nn(T, S) ? d[p] = r({
                 sx: S,
                 theme: o
               }) : d = xe(d, T);
             }
           else
             d = xe(d, e(p, S, o, a));
-      }), bt(o, Kr(h, d));
+      }), gt(o, Yr(h, d));
     }
     return Array.isArray(n) ? n.map(s) : s(n);
   }
   return r;
 }
-const Ke = ln();
+const Ke = an();
 Ke.filterProps = ["sx"];
-function fn(e) {
+function sn(e) {
   for (var r = 0, t, n = 0, o = e.length; o >= 4; ++n, o -= 4)
     t = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, t = /* Math.imul(k, m): */
     (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
@@ -1540,7 +1500,7 @@ function fn(e) {
   return r ^= r >>> 13, r = /* Math.imul(h, m): */
   (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
 }
-var dn = {
+var cn = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1590,24 +1550,24 @@ var dn = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-function pn(e) {
+function un(e) {
   var r = /* @__PURE__ */ Object.create(null);
   return function(t) {
     return r[t] === void 0 && (r[t] = e(t)), r[t];
   };
 }
-var gn = !1, mn = /[A-Z]|^ms/g, hn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Hr = function(r) {
+var ln = !1, fn = /[A-Z]|^ms/g, dn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, qr = function(r) {
   return r.charCodeAt(1) === 45;
-}, $r = function(r) {
+}, Or = function(r) {
   return r != null && typeof r != "boolean";
-}, tr = /* @__PURE__ */ pn(function(e) {
-  return Hr(e) ? e : e.replace(mn, "-$&").toLowerCase();
-}), Ar = function(r, t) {
+}, tr = /* @__PURE__ */ un(function(e) {
+  return qr(e) ? e : e.replace(fn, "-$&").toLowerCase();
+}), $r = function(r, t) {
   switch (r) {
     case "animation":
     case "animationName":
       if (typeof t == "string")
-        return t.replace(hn, function(n, o, a) {
+        return t.replace(dn, function(n, o, a) {
           return fe = {
             name: o,
             styles: a,
@@ -1615,8 +1575,8 @@ var gn = !1, mn = /[A-Z]|^ms/g, hn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Hr = functio
           }, o;
         });
   }
-  return dn[r] !== 1 && !Hr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
-}, yn = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+  return cn[r] !== 1 && !qr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
+}, pn = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
 function je(e, r, t) {
   if (t == null)
     return "";
@@ -1647,13 +1607,13 @@ function je(e, r, t) {
         var c = a.styles + ";";
         return c;
       }
-      return bn(e, r, t);
+      return gn(e, r, t);
     }
   }
   var l = t;
   return l;
 }
-function bn(e, r, t) {
+function gn(e, r, t) {
   var n = "";
   if (Array.isArray(t))
     for (var o = 0; o < t.length; o++)
@@ -1663,13 +1623,13 @@ function bn(e, r, t) {
       var s = t[a];
       if (typeof s != "object") {
         var c = s;
-        $r(c) && (n += tr(a) + ":" + Ar(a, c) + ";");
+        Or(c) && (n += tr(a) + ":" + $r(a, c) + ";");
       } else {
-        if (a === "NO_COMPONENT_SELECTOR" && gn)
-          throw new Error(yn);
+        if (a === "NO_COMPONENT_SELECTOR" && ln)
+          throw new Error(pn);
         if (Array.isArray(s) && typeof s[0] == "string" && r == null)
           for (var l = 0; l < s.length; l++)
-            $r(s[l]) && (n += tr(a) + ":" + Ar(a, s[l]) + ";");
+            Or(s[l]) && (n += tr(a) + ":" + $r(a, s[l]) + ";");
         else {
           var f = je(e, r, s);
           switch (a) {
@@ -1686,8 +1646,8 @@ function bn(e, r, t) {
     }
   return n;
 }
-var kr = /label:\s*([^\s;{]+)\s*(;|$)/g, fe;
-function vn(e, r, t) {
+var Ar = /label:\s*([^\s;{]+)\s*(;|$)/g, fe;
+function mn(e, r, t) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var n = !0, o = "";
@@ -1704,10 +1664,10 @@ function vn(e, r, t) {
       var l = a;
       o += l[c];
     }
-  kr.lastIndex = 0;
-  for (var f = "", h; (h = kr.exec(o)) !== null; )
+  Ar.lastIndex = 0;
+  for (var f = "", h; (h = Ar.exec(o)) !== null; )
     f += "-" + h[1];
-  var d = fn(o) + f;
+  var d = sn(o) + f;
   return {
     name: d,
     styles: o,
@@ -1721,7 +1681,7 @@ function vn(e, r, t) {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-function Co(e, r) {
+function So(e, r) {
   const t = nt(e, r);
   return process.env.NODE_ENV !== "production" ? (...n) => {
     const o = typeof e == "string" ? `"${e}"` : "component";
@@ -1729,14 +1689,14 @@ function Co(e, r) {
 `)) : n.some((a) => a === void 0) && console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`), t(...n);
   } : t;
 }
-function To(e, r) {
+function Co(e, r) {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = r(e.__emotion_styles));
 }
-const _r = [];
-function wo(e) {
-  return _r[0] = e, vn(_r);
+const kr = [];
+function To(e) {
+  return kr[0] = e, mn(kr);
 }
-const Sn = (e) => {
+const hn = (e) => {
   const r = Object.keys(e).map((t) => ({
     key: t,
     val: e[t]
@@ -1746,7 +1706,7 @@ const Sn = (e) => {
     [n.key]: n.val
   }), {});
 };
-function Cn(e) {
+function yn(e) {
   const {
     // The breakpoint **start** at this value.
     // For instance with the first breakpoint xs: [xs, sm).
@@ -1765,7 +1725,7 @@ function Cn(e) {
     unit: t = "px",
     step: n = 5,
     ...o
-  } = e, a = Sn(r), s = Object.keys(a);
+  } = e, a = hn(r), s = Object.keys(a);
   function c(p) {
     return `@media (min-width:${typeof r[p] == "number" ? r[p] : p}${t})`;
   }
@@ -1795,10 +1755,10 @@ function Cn(e) {
     ...o
   };
 }
-const Tn = {
+const bn = {
   borderRadius: 4
 };
-function Qr(e = 8, r = cr({
+function Hr(e = 8, r = cr({
   spacing: e
 })) {
   if (e.mui)
@@ -1809,7 +1769,7 @@ function Qr(e = 8, r = cr({
   }).join(" "));
   return t.mui = !0, t;
 }
-function wn(e, r) {
+function vn(e, r) {
   var n;
   const t = this;
   if (t.vars) {
@@ -1822,14 +1782,14 @@ function wn(e, r) {
   }
   return t.palette.mode === e ? r : {};
 }
-function En(e = {}, ...r) {
+function Sn(e = {}, ...r) {
   const {
     breakpoints: t = {},
     palette: n = {},
     spacing: o,
     shape: a = {},
     ...s
-  } = e, c = Cn(t), l = Qr(o);
+  } = e, c = yn(t), l = Hr(o);
   let f = Q({
     breakpoints: c,
     direction: "ltr",
@@ -1841,11 +1801,11 @@ function En(e = {}, ...r) {
     },
     spacing: l,
     shape: {
-      ...Tn,
+      ...bn,
       ...a
     }
   }, s);
-  return f = Ct(f), f.applyStyles = wn, f = r.reduce((h, d) => Q(h, d), f), f.unstable_sxConfig = {
+  return f = yt(f), f.applyStyles = vn, f = r.reduce((h, d) => Q(h, d), f), f.unstable_sxConfig = {
     ...Ye,
     ...s == null ? void 0 : s.unstable_sxConfig
   }, f.unstable_sx = function(d) {
@@ -1855,8 +1815,48 @@ function En(e = {}, ...r) {
     });
   }, f;
 }
+const _r = (e) => e, Cn = () => {
+  let e = _r;
+  return {
+    configure(r) {
+      e = r;
+    },
+    generate(r) {
+      return e(r);
+    },
+    reset() {
+      e = _r;
+    }
+  };
+}, Tn = Cn(), wn = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  open: "open",
+  readOnly: "readOnly",
+  required: "required",
+  selected: "selected"
+};
+function Qr(e, r, t = "Mui") {
+  const n = wn[r];
+  return n ? `${t}-${n}` : `${Tn.generate(e)}-${r}`;
+}
+function wo(e, r, t = "Mui") {
+  const n = {};
+  return r.forEach((o) => {
+    n[o] = Qr(e, o, t);
+  }), n;
+}
+function En(e, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
+  return Math.max(r, Math.min(e, t));
+}
 function lr(e, r = 0, t = 1) {
-  return process.env.NODE_ENV !== "production" && (e < r || e > t) && console.error(`MUI: The value provided ${e} is out of range [${r}, ${t}].`), yt(e, r, t);
+  return process.env.NODE_ENV !== "production" && (e < r || e > t) && console.error(`MUI: The value provided ${e} is out of range [${r}, ${t}].`), En(e, r, t);
 }
 function xn(e) {
   e = e.slice(1);
@@ -2723,7 +2723,7 @@ function Me(e = {}, ...r) {
   } = e;
   if (e.vars)
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : de(20));
-  const h = pr(a), d = En(e);
+  const h = pr(a), d = Sn(e);
   let p = Q(d, {
     mixins: zn(d.breakpoints, n),
     palette: h,
@@ -2742,7 +2742,7 @@ function Me(e = {}, ...r) {
         const Y = b[$];
         if (S.includes($) && Object.keys(Y).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const E = zr("", $);
+            const E = Qr("", $);
             console.error([`MUI: The \`${x}\` component increases the CSS specificity of the \`${$}\` internal state.`, "You can not override it like this: ", JSON.stringify(b, null, 2), "", `Instead, you need to use the '&.${E}' syntax:`, JSON.stringify({
               root: {
                 [`&.${E}`]: Y
@@ -2988,7 +2988,7 @@ function po(e = {}, ...r) {
   return w.vars = K, Object.entries(w.colorSchemes[w.defaultColorScheme]).forEach(([q, i]) => {
     w[q] = i;
   }), w.generateThemeVars = X, w.generateStyleSheets = ie, w.generateSpacing = function() {
-    return Qr(f.spacing, cr(this));
+    return Hr(f.spacing, cr(this));
   }, w.getColorSchemeSelector = Bn(c), w.spacing = w.generateSpacing(), w.shouldSkipGeneratingVar = s, w.unstable_sxConfig = {
     ...Ye,
     ...f == null ? void 0 : f.unstable_sxConfig
@@ -3055,7 +3055,7 @@ function Oo(e = {}, ...r) {
 }
 const $o = "$$material";
 export {
-  To as $,
+  Co as $,
   po as A,
   no as B,
   ao as C,
@@ -3064,27 +3064,27 @@ export {
   so as F,
   Ye as G,
   le as H,
-  zr as I,
-  yo as J,
+  Qr as I,
+  wo as J,
   Vr as K,
-  bo as L,
-  En as M,
-  Co as N,
+  yo as L,
+  Sn as M,
+  So as N,
   Ke as O,
   Ce as P,
-  mt as Q,
+  Tn as Q,
   se as R,
-  So as S,
+  vo as S,
   $o as T,
   cr as U,
   Q as V,
-  vo as W,
+  bo as W,
   Ae as X,
   ho as Y,
   de as Z,
-  wo as _,
+  To as _,
   jn as a,
-  Qr as a0,
+  Hr as a0,
   De as a1,
   ot as a2,
   ye as b,
@@ -3105,7 +3105,7 @@ export {
   fr as q,
   he as r,
   dr as s,
-  Cn as t,
+  yn as t,
   Oo as u,
   xo as v,
   eo as w,