@cgi-learning-hub/ui 1.5.0 → 1.5.1-dev.1744639457

package/dist/{Checkbox-1Zr36vDa.js → Checkbox-DMnS1qrF.js}

@@ -1,39 +1,39 @@
-import * as m from "react";
-import { G as S, H as P, I as R, n as x, P as e } from "./generateUtilityClasses-CqzQXpT_.js";
-import { S as $ } from "./SwitchBase-QwOXoy8f.js";
-import { c as u } from "./createSvgIcon-BFqOnlgU.js";
-import { jsx as r } from "react/jsx-runtime";
-import { u as B, s as w, c as M, r as T } from "./DefaultPropsProvider-CXfMJdg8.js";
-import { m as j } from "./memoTheme-B0xVysYu.js";
-import { c as z } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { c } from "./capitalize-Bs7Xs33U.js";
-import { r as H } from "./refType-BvSJNaoq.js";
-const V = u(/* @__PURE__ */ r("path", {
+import * as f from "react";
+import { F as j, G as w, H as B, K as c, n as I, P as e } from "./identifier-BJqC6EXa.js";
+import { S as M } from "./SwitchBase-BHC3uchj.js";
+import { c as h } from "./createSvgIcon-CCutbgLb.js";
+import { jsx as s } from "react/jsx-runtime";
+import { u as F, s as H, c as V, r as N } from "./DefaultPropsProvider-Bg-6nX-u.js";
+import { m as E } from "./memoTheme-D_Qap2ZW.js";
+import { c as O } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { u as U } from "./useSlot-DhC6EPU2.js";
+import { m as D } from "./mergeSlotProps-BSFlgsYC.js";
+const L = h(/* @__PURE__ */ s("path", {
   d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-}), "CheckBoxOutlineBlank"), N = u(/* @__PURE__ */ r("path", {
+}), "CheckBoxOutlineBlank"), q = h(/* @__PURE__ */ s("path", {
   d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), E = u(/* @__PURE__ */ r("path", {
+}), "CheckBox"), G = h(/* @__PURE__ */ s("path", {
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
 }), "IndeterminateCheckBox");
-function U(o) {
-  return P("MuiCheckbox", o);
+function K(o) {
+  return w("MuiCheckbox", o);
 }
-const f = S("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), F = (o) => {
+const b = j("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), _ = (o) => {
   const {
     classes: t,
     indeterminate: a,
-    color: s,
+    color: n,
     size: i
   } = o, l = {
-    root: ["root", a && "indeterminate", `color${c(s)}`, `size${c(i)}`]
-  }, p = M(l, U, t);
+    root: ["root", a && "indeterminate", `color${c(n)}`, `size${c(i)}`]
+  }, p = V(l, K, t);
   return {
     ...t,
     // forward the disabled and checked classes to the SwitchBase
     ...p
   };
-}, D = w($, {
-  shouldForwardProp: (o) => T(o) || o === "classes",
+}, A = H(M, {
+  shouldForwardProp: (o) => N(o) || o === "classes",
   name: "MuiCheckbox",
   slot: "Root",
   overridesResolver: (o, t) => {
@@ -42,7 +42,7 @@ const f = S("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     } = o;
     return [t.root, a.indeterminate && t.indeterminate, t[`size${c(a.size)}`], a.color !== "default" && t[`color${c(a.color)}`]];
   }
-})(j(({
+})(E(({
   theme: o
 }) => ({
   color: (o.vars || o).palette.text.secondary,
@@ -53,28 +53,28 @@ const f = S("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : x(o.palette.action.active, o.palette.action.hoverOpacity)
+        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : I(o.palette.action.active, o.palette.action.hoverOpacity)
       }
     }
-  }, ...Object.entries(o.palette).filter(z()).map(([t]) => ({
+  }, ...Object.entries(o.palette).filter(O()).map(([t]) => ({
     props: {
       color: t,
       disableRipple: !1
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : x(o.palette[t].main, o.palette.action.hoverOpacity)
+        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : I(o.palette[t].main, o.palette.action.hoverOpacity)
       }
     }
-  })), ...Object.entries(o.palette).filter(z()).map(([t]) => ({
+  })), ...Object.entries(o.palette).filter(O()).map(([t]) => ({
     props: {
       color: t
     },
     style: {
-      [`&.${f.checked}, &.${f.indeterminate}`]: {
+      [`&.${b.checked}, &.${b.indeterminate}`]: {
         color: (o.vars || o).palette[t].main
       },
-      [`&.${f.disabled}`]: {
+      [`&.${b.disabled}`]: {
         color: (o.vars || o).palette.action.disabled
       }
     }
@@ -92,49 +92,63 @@ const f = S("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       }
     }
   }]
-}))), L = /* @__PURE__ */ r(N, {}), q = /* @__PURE__ */ r(V, {}), G = /* @__PURE__ */ r(E, {}), _ = /* @__PURE__ */ m.forwardRef(function(t, a) {
-  const s = B({
+}))), J = /* @__PURE__ */ s(q, {}), Q = /* @__PURE__ */ s(L, {}), W = /* @__PURE__ */ s(G, {}), X = /* @__PURE__ */ f.forwardRef(function(t, a) {
+  const n = F({
     props: t,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: i = L,
+    checkedIcon: i = J,
     color: l = "primary",
-    icon: p = q,
-    indeterminate: n = !1,
-    indeterminateIcon: b = G,
-    inputProps: I,
+    icon: p = Q,
+    indeterminate: r = !1,
+    indeterminateIcon: v = W,
+    inputProps: g,
     size: d = "medium",
-    disableRipple: h = !1,
-    className: g,
-    ...O
-  } = s, v = n ? b : p, C = n ? b : i, k = {
-    ...s,
-    disableRipple: h,
+    disableRipple: y = !1,
+    className: S,
+    slots: C = {},
+    slotProps: k = {},
+    ...T
+  } = n, x = r ? v : p, P = r ? v : i, m = {
+    ...n,
+    disableRipple: y,
     color: l,
-    indeterminate: n,
+    indeterminate: r,
     size: d
-  }, y = F(k);
-  return /* @__PURE__ */ r(D, {
-    type: "checkbox",
-    inputProps: {
-      "data-indeterminate": n,
-      ...I
-    },
-    icon: /* @__PURE__ */ m.cloneElement(v, {
-      fontSize: v.props.fontSize ?? d
-    }),
-    checkedIcon: /* @__PURE__ */ m.cloneElement(C, {
-      fontSize: C.props.fontSize ?? d
-    }),
-    ownerState: k,
+  }, z = _(m), u = k.input ?? g, [R, $] = U("root", {
     ref: a,
-    className: R(y.root, g),
-    disableRipple: h,
-    ...O,
-    classes: y
+    elementType: A,
+    className: B(z.root, S),
+    shouldForwardComponentProp: !0,
+    externalForwardedProps: {
+      slots: C,
+      slotProps: k,
+      ...T
+    },
+    ownerState: m,
+    additionalProps: {
+      type: "checkbox",
+      icon: /* @__PURE__ */ f.cloneElement(x, {
+        fontSize: x.props.fontSize ?? d
+      }),
+      checkedIcon: /* @__PURE__ */ f.cloneElement(P, {
+        fontSize: P.props.fontSize ?? d
+      }),
+      disableRipple: y,
+      slots: C,
+      slotProps: {
+        input: D(typeof u == "function" ? u(m) : u, {
+          "data-indeterminate": r
+        })
+      }
+    }
+  });
+  return /* @__PURE__ */ s(R, {
+    ...$,
+    classes: z
   });
 });
-process.env.NODE_ENV !== "production" && (_.propTypes = {
+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`.     │
@@ -201,12 +215,9 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
   indeterminateIcon: e.node,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps: e.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: H,
   /**
    * Callback fired when the state is changed.
    *
@@ -225,6 +236,22 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
    * @default 'medium'
    */
   size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    input: e.oneOfType([e.func, e.object]),
+    root: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    input: e.elementType,
+    root: e.elementType
+  }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -236,7 +263,7 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
   value: e.any
 });
 export {
-  _ as C,
-  f as c,
-  U as g
+  X as C,
+  b as c,
+  K as g
 };

package/dist/Checkbox-Dsa-pj_7.cjs

@@ -0,0 +1 @@
+"use strict";const w=require("react"),e=require("./identifier-gJdGmHeC.cjs"),$=require("./SwitchBase-DA079uiU.cjs"),f=require("./createSvgIcon-DPiiTkVU.cjs"),n=require("react/jsx-runtime"),p=require("./DefaultPropsProvider-DLSItMqn.cjs"),B=require("./memoTheme-GOMOSdXJ.cjs"),g=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),M=require("./useSlot-zJFQDOgm.cjs"),V=require("./mergeSlotProps-BCz8yLkw.cjs");function F(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>o[r]})}}return t.default=o,Object.freeze(t)}const T=F(w),N=f.createSvgIcon(n.jsx("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),D=f.createSvgIcon(n.jsx("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),H=f.createSvgIcon(n.jsx("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox");function S(o){return e.generateUtilityClass("MuiCheckbox",o)}const a=e.generateUtilityClasses("MuiCheckbox",["root","checked","disabled","indeterminate","colorPrimary","colorSecondary","sizeSmall","sizeMedium"]),U=o=>{const{classes:t,indeterminate:r,color:s,size:i}=o,l={root:["root",r&&"indeterminate",`color${e.capitalize(s)}`,`size${e.capitalize(i)}`]},d=p.composeClasses(l,S,t);return{...t,...d}},E=p.styled($.SwitchBase,{shouldForwardProp:o=>p.rootShouldForwardProp(o)||o==="classes",name:"MuiCheckbox",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:r}=o;return[t.root,r.indeterminate&&t.indeterminate,t[`size${e.capitalize(r.size)}`],r.color!=="default"&&t[`color${e.capitalize(r.color)}`]]}})(B.memoTheme(({theme:o})=>({color:(o.vars||o).palette.text.secondary,variants:[{props:{color:"default",disableRipple:!1},style:{"&:hover":{backgroundColor:o.vars?`rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})`:e.alpha(o.palette.action.active,o.palette.action.hoverOpacity)}}},...Object.entries(o.palette).filter(g.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t,disableRipple:!1},style:{"&:hover":{backgroundColor:o.vars?`rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:e.alpha(o.palette[t].main,o.palette.action.hoverOpacity)}}})),...Object.entries(o.palette).filter(g.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t},style:{[`&.${a.checked}, &.${a.indeterminate}`]:{color:(o.vars||o).palette[t].main},[`&.${a.disabled}`]:{color:(o.vars||o).palette.action.disabled}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:"transparent"}}}}]}))),_=n.jsx(D,{}),L=n.jsx(N,{}),A=n.jsx(H,{}),O=T.forwardRef(function(t,r){const s=p.useDefaultProps({props:t,name:"MuiCheckbox"}),{checkedIcon:i=_,color:l="primary",icon:d=L,indeterminate:c=!1,indeterminateIcon:b=A,inputProps:z,size:u="medium",disableRipple:m=!1,className:I,slots:h={},slotProps:v={},...j}=s,C=c?b:d,k=c?b:i,y={...s,disableRipple:m,color:l,indeterminate:c,size:u},x=U(y),P=v.input??z,[R,q]=M.useSlot("root",{ref:r,elementType:E,className:e.clsx(x.root,I),shouldForwardComponentProp:!0,externalForwardedProps:{slots:h,slotProps:v,...j},ownerState:y,additionalProps:{type:"checkbox",icon:T.cloneElement(C,{fontSize:C.props.fontSize??u}),checkedIcon:T.cloneElement(k,{fontSize:k.props.fontSize??u}),disableRipple:m,slots:h,slotProps:{input:V.mergeSlotProps(typeof P=="function"?P(y):P,{"data-indeterminate":c})}}});return n.jsx(R,{...q,classes:x})});process.env.NODE_ENV!=="production"&&(O.propTypes={checked:e.PropTypes.bool,checkedIcon:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),e.PropTypes.string]),defaultChecked:e.PropTypes.bool,disabled:e.PropTypes.bool,disableRipple:e.PropTypes.bool,icon:e.PropTypes.node,id:e.PropTypes.string,indeterminate:e.PropTypes.bool,indeterminateIcon:e.PropTypes.node,inputProps:e.PropTypes.object,onChange:e.PropTypes.func,required:e.PropTypes.bool,size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),e.PropTypes.string]),slotProps:e.PropTypes.shape({input:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({input:e.PropTypes.elementType,root:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),value:e.PropTypes.any});exports.Checkbox=O;exports.checkboxClasses=a;exports.getCheckboxUtilityClass=S;

package/dist/Chip-BJSNxQBQ.cjs

@@ -0,0 +1 @@
+"use strict";const A=require("react"),a=require("./identifier-gJdGmHeC.cjs"),H=require("./createSvgIcon-DPiiTkVU.cjs"),C=require("react/jsx-runtime"),G=require("./memoTheme-GOMOSdXJ.cjs"),g=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),$=require("./DefaultPropsProvider-DLSItMqn.cjs"),J=require("./useForkRef-CFhhTu-Q.cjs"),w=require("./ButtonBase-DDgwUJIY.cjs"),Q=require("./unsupportedProp-Bn6XWqwH.cjs");function X(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(l,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return l.default=e,Object.freeze(l)}const s=X(A),Y=H.createSvgIcon(C.jsx("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel");function j(e){return a.generateUtilityClass("MuiChip",e)}const t=a.generateUtilityClasses("MuiChip",["root","sizeSmall","sizeMedium","colorDefault","colorError","colorInfo","colorPrimary","colorSecondary","colorSuccess","colorWarning","disabled","clickable","clickableColorPrimary","clickableColorSecondary","deletable","deletableColorPrimary","deletableColorSecondary","outlined","filled","outlinedPrimary","outlinedSecondary","filledPrimary","filledSecondary","avatar","avatarSmall","avatarMedium","avatarColorPrimary","avatarColorSecondary","icon","iconSmall","iconMedium","iconColorPrimary","iconColorSecondary","label","labelSmall","labelMedium","deleteIcon","deleteIconSmall","deleteIconMedium","deleteIconColorPrimary","deleteIconColorSecondary","deleteIconOutlinedColorPrimary","deleteIconOutlinedColorSecondary","deleteIconFilledColorPrimary","deleteIconFilledColorSecondary","focusVisible"]),Z=e=>{const{classes:l,disabled:o,size:r,color:i,iconColor:f,onDelete:d,clickable:c,variant:p}=e,b={root:["root",p,o&&"disabled",`size${a.capitalize(r)}`,`color${a.capitalize(i)}`,c&&"clickable",c&&`clickableColor${a.capitalize(i)}`,d&&"deletable",d&&`deletableColor${a.capitalize(i)}`,`${p}${a.capitalize(i)}`],label:["label",`label${a.capitalize(r)}`],avatar:["avatar",`avatar${a.capitalize(r)}`,`avatarColor${a.capitalize(i)}`],icon:["icon",`icon${a.capitalize(r)}`,`iconColor${a.capitalize(f)}`],deleteIcon:["deleteIcon",`deleteIcon${a.capitalize(r)}`,`deleteIconColor${a.capitalize(i)}`,`deleteIcon${a.capitalize(p)}Color${a.capitalize(i)}`]};return $.composeClasses(b,j,l)},ee=$.styled("div",{name:"MuiChip",slot:"Root",overridesResolver:(e,l)=>{const{ownerState:o}=e,{color:r,iconColor:i,clickable:f,onDelete:d,size:c,variant:p}=o;return[{[`& .${t.avatar}`]:l.avatar},{[`& .${t.avatar}`]:l[`avatar${a.capitalize(c)}`]},{[`& .${t.avatar}`]:l[`avatarColor${a.capitalize(r)}`]},{[`& .${t.icon}`]:l.icon},{[`& .${t.icon}`]:l[`icon${a.capitalize(c)}`]},{[`& .${t.icon}`]:l[`iconColor${a.capitalize(i)}`]},{[`& .${t.deleteIcon}`]:l.deleteIcon},{[`& .${t.deleteIcon}`]:l[`deleteIcon${a.capitalize(c)}`]},{[`& .${t.deleteIcon}`]:l[`deleteIconColor${a.capitalize(r)}`]},{[`& .${t.deleteIcon}`]:l[`deleteIcon${a.capitalize(p)}Color${a.capitalize(r)}`]},l.root,l[`size${a.capitalize(c)}`],l[`color${a.capitalize(r)}`],f&&l.clickable,f&&r!=="default"&&l[`clickableColor${a.capitalize(r)})`],d&&l.deletable,d&&r!=="default"&&l[`deletableColor${a.capitalize(r)}`],l[p],l[`${p}${a.capitalize(r)}`]]}})(G.memoTheme(({theme:e})=>{const l=e.palette.mode==="light"?e.palette.grey[700]:e.palette.grey[300];return{maxWidth:"100%",fontFamily:e.typography.fontFamily,fontSize:e.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:(e.vars||e).palette.text.primary,backgroundColor:(e.vars||e).palette.action.selected,borderRadius:32/2,whiteSpace:"nowrap",transition:e.transitions.create(["background-color","box-shadow"]),cursor:"unset",outline:0,textDecoration:"none",border:0,padding:0,verticalAlign:"middle",boxSizing:"border-box",[`&.${t.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity,pointerEvents:"none"},[`& .${t.avatar}`]:{marginLeft:5,marginRight:-6,width:24,height:24,color:e.vars?e.vars.palette.Chip.defaultAvatarColor:l,fontSize:e.typography.pxToRem(12)},[`& .${t.avatarColorPrimary}`]:{color:(e.vars||e).palette.primary.contrastText,backgroundColor:(e.vars||e).palette.primary.dark},[`& .${t.avatarColorSecondary}`]:{color:(e.vars||e).palette.secondary.contrastText,backgroundColor:(e.vars||e).palette.secondary.dark},[`& .${t.avatarSmall}`]:{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:e.typography.pxToRem(10)},[`& .${t.icon}`]:{marginLeft:5,marginRight:-6},[`& .${t.deleteIcon}`]:{WebkitTapHighlightColor:"transparent",color:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / 0.26)`:a.alpha(e.palette.text.primary,.26),fontSize:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / 0.4)`:a.alpha(e.palette.text.primary,.4)}},variants:[{props:{size:"small"},style:{height:24,[`& .${t.icon}`]:{fontSize:18,marginLeft:4,marginRight:-4},[`& .${t.deleteIcon}`]:{fontSize:16,marginRight:4,marginLeft:-4}}},...Object.entries(e.palette).filter(g.createSimplePaletteValueFilter(["contrastText"])).map(([o])=>({props:{color:o},style:{backgroundColor:(e.vars||e).palette[o].main,color:(e.vars||e).palette[o].contrastText,[`& .${t.deleteIcon}`]:{color:e.vars?`rgba(${e.vars.palette[o].contrastTextChannel} / 0.7)`:a.alpha(e.palette[o].contrastText,.7),"&:hover, &:active":{color:(e.vars||e).palette[o].contrastText}}}})),{props:o=>o.iconColor===o.color,style:{[`& .${t.icon}`]:{color:e.vars?e.vars.palette.Chip.defaultIconColor:l}}},{props:o=>o.iconColor===o.color&&o.color!=="default",style:{[`& .${t.icon}`]:{color:"inherit"}}},{props:{onDelete:!0},style:{[`&.${t.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:a.alpha(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}}},...Object.entries(e.palette).filter(g.createSimplePaletteValueFilter(["dark"])).map(([o])=>({props:{color:o,onDelete:!0},style:{[`&.${t.focusVisible}`]:{background:(e.vars||e).palette[o].dark}}})),{props:{clickable:!0},style:{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))`:a.alpha(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity)},[`&.${t.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:a.alpha(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)},"&:active":{boxShadow:(e.vars||e).shadows[1]}}},...Object.entries(e.palette).filter(g.createSimplePaletteValueFilter(["dark"])).map(([o])=>({props:{color:o,clickable:!0},style:{[`&:hover, &.${t.focusVisible}`]:{backgroundColor:(e.vars||e).palette[o].dark}}})),{props:{variant:"outlined"},style:{backgroundColor:"transparent",border:e.vars?`1px solid ${e.vars.palette.Chip.defaultBorder}`:`1px solid ${e.palette.mode==="light"?e.palette.grey[400]:e.palette.grey[700]}`,[`&.${t.clickable}:hover`]:{backgroundColor:(e.vars||e).palette.action.hover},[`&.${t.focusVisible}`]:{backgroundColor:(e.vars||e).palette.action.focus},[`& .${t.avatar}`]:{marginLeft:4},[`& .${t.avatarSmall}`]:{marginLeft:2},[`& .${t.icon}`]:{marginLeft:4},[`& .${t.iconSmall}`]:{marginLeft:2},[`& .${t.deleteIcon}`]:{marginRight:5},[`& .${t.deleteIconSmall}`]:{marginRight:3}}},...Object.entries(e.palette).filter(g.createSimplePaletteValueFilter()).map(([o])=>({props:{variant:"outlined",color:o},style:{color:(e.vars||e).palette[o].main,border:`1px solid ${e.vars?`rgba(${e.vars.palette[o].mainChannel} / 0.7)`:a.alpha(e.palette[o].main,.7)}`,[`&.${t.clickable}:hover`]:{backgroundColor:e.vars?`rgba(${e.vars.palette[o].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:a.alpha(e.palette[o].main,e.palette.action.hoverOpacity)},[`&.${t.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette[o].mainChannel} / ${e.vars.palette.action.focusOpacity})`:a.alpha(e.palette[o].main,e.palette.action.focusOpacity)},[`& .${t.deleteIcon}`]:{color:e.vars?`rgba(${e.vars.palette[o].mainChannel} / 0.7)`:a.alpha(e.palette[o].main,.7),"&:hover, &:active":{color:(e.vars||e).palette[o].main}}}}))]}})),ae=$.styled("span",{name:"MuiChip",slot:"Label",overridesResolver:(e,l)=>{const{ownerState:o}=e,{size:r}=o;return[l.label,l[`label${a.capitalize(r)}`]]}})({overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap",variants:[{props:{variant:"outlined"},style:{paddingLeft:11,paddingRight:11}},{props:{size:"small"},style:{paddingLeft:8,paddingRight:8}},{props:{size:"small",variant:"outlined"},style:{paddingLeft:7,paddingRight:7}}]});function V(e){return e.key==="Backspace"||e.key==="Delete"}const N=s.forwardRef(function(l,o){const r=$.useDefaultProps({props:l,name:"MuiChip"}),{avatar:i,className:f,clickable:d,color:c="default",component:p,deleteIcon:b,disabled:P=!1,icon:v,label:L,onClick:x,onDelete:u,onKeyDown:O,onKeyUp:m,size:E="medium",variant:F="filled",tabIndex:M,skipFocusWhenDisabled:q=!1,...U}=r,K=s.useRef(null),h=J.useForkRef(K,o),R=n=>{n.stopPropagation(),u&&u(n)},B=n=>{n.currentTarget===n.target&&V(n)&&n.preventDefault(),O&&O(n)},W=n=>{n.currentTarget===n.target&&u&&V(n)&&u(n),m&&m(n)},T=d!==!1&&x?!0:d,k=T||u?w.ButtonBase:p||"div",z={...r,component:k,disabled:P,size:E,color:c,iconColor:s.isValidElement(v)&&v.props.color||c,onDelete:!!u,clickable:T,variant:F},y=Z(z),_=k===w.ButtonBase?{component:p||"div",focusVisibleClassName:y.focusVisible,...u&&{disableRipple:!0}}:{};let D=null;u&&(D=b&&s.isValidElement(b)?s.cloneElement(b,{className:a.clsx(b.props.className,y.deleteIcon),onClick:R}):C.jsx(Y,{className:a.clsx(y.deleteIcon),onClick:R}));let S=null;i&&s.isValidElement(i)&&(S=s.cloneElement(i,{className:a.clsx(y.avatar,i.props.className)}));let I=null;return v&&s.isValidElement(v)&&(I=s.cloneElement(v,{className:a.clsx(y.icon,v.props.className)})),process.env.NODE_ENV!=="production"&&S&&I&&console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one."),C.jsxs(ee,{as:k,className:a.clsx(y.root,f),disabled:T&&P?!0:void 0,onClick:x,onKeyDown:B,onKeyUp:W,ref:h,tabIndex:q&&P?-1:M,ownerState:z,..._,...U,children:[S||I,C.jsx(ae,{className:a.clsx(y.label),ownerState:z,children:L}),D]})});process.env.NODE_ENV!=="production"&&(N.propTypes={avatar:a.PropTypes.element,children:Q.unsupportedProp,classes:a.PropTypes.object,className:a.PropTypes.string,clickable:a.PropTypes.bool,color:a.PropTypes.oneOfType([a.PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),a.PropTypes.string]),component:a.PropTypes.elementType,deleteIcon:a.PropTypes.element,disabled:a.PropTypes.bool,icon:a.PropTypes.element,label:a.PropTypes.node,onClick:a.PropTypes.func,onDelete:a.PropTypes.func,onKeyDown:a.PropTypes.func,onKeyUp:a.PropTypes.func,size:a.PropTypes.oneOfType([a.PropTypes.oneOf(["medium","small"]),a.PropTypes.string]),skipFocusWhenDisabled:a.PropTypes.bool,sx:a.PropTypes.oneOfType([a.PropTypes.arrayOf(a.PropTypes.oneOfType([a.PropTypes.func,a.PropTypes.object,a.PropTypes.bool])),a.PropTypes.func,a.PropTypes.object]),tabIndex:a.PropTypes.number,variant:a.PropTypes.oneOfType([a.PropTypes.oneOf(["filled","outlined"]),a.PropTypes.string])});exports.Chip=N;exports.chipClasses=t;exports.getChipUtilityClass=j;

package/dist/{Chip-BsErraqe.js → Chip-CacnC2L1.js}

@@ -1,23 +1,22 @@
 import * as u from "react";
-import { G as q, H as J, I as y, n as d, P as r } from "./generateUtilityClasses-CqzQXpT_.js";
-import { c as Q } from "./createSvgIcon-BFqOnlgU.js";
+import { F as q, G as J, H as y, K as t, n as d, P as l } from "./identifier-BJqC6EXa.js";
+import { c as Q } from "./createSvgIcon-CCutbgLb.js";
 import { jsx as P, jsxs as X } from "react/jsx-runtime";
-import { m as Y } from "./memoTheme-B0xVysYu.js";
+import { m as Y } from "./memoTheme-D_Qap2ZW.js";
 import { c as k } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { u as Z, s as E, c as h } from "./DefaultPropsProvider-CXfMJdg8.js";
-import { u as aa } from "./useForkRef-C_4o__cU.js";
-import { B as N } from "./ButtonBase-CZFKUUHD.js";
-import { c as t } from "./capitalize-Bs7Xs33U.js";
+import { u as Z, s as E, c as h } from "./DefaultPropsProvider-Bg-6nX-u.js";
+import { u as aa } from "./useForkRef-u29GSuCu.js";
+import { B as N } from "./ButtonBase-BZXGvriS.js";
 import { u as ea } from "./unsupportedProp-BuVD30Gh.js";
 const oa = Q(/* @__PURE__ */ P("path", {
   d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
 }), "Cancel");
-function ra(a) {
+function la(a) {
   return J("MuiChip", a);
 }
-const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), la = (a) => {
+const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), ra = (a) => {
   const {
-    classes: l,
+    classes: r,
     disabled: e,
     size: n,
     color: i,
@@ -32,11 +31,11 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
     icon: ["icon", `icon${t(n)}`, `iconColor${t(g)}`],
     deleteIcon: ["deleteIcon", `deleteIcon${t(n)}`, `deleteIconColor${t(i)}`, `deleteIcon${t(p)}Color${t(i)}`]
   };
-  return h(C, ra, l);
+  return h(C, la, r);
 }, ta = E("div", {
   name: "MuiChip",
   slot: "Root",
-  overridesResolver: (a, l) => {
+  overridesResolver: (a, r) => {
     const {
       ownerState: e
     } = a, {
@@ -48,31 +47,31 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
       variant: p
     } = e;
     return [{
-      [`& .${o.avatar}`]: l.avatar
+      [`& .${o.avatar}`]: r.avatar
     }, {
-      [`& .${o.avatar}`]: l[`avatar${t(s)}`]
+      [`& .${o.avatar}`]: r[`avatar${t(s)}`]
     }, {
-      [`& .${o.avatar}`]: l[`avatarColor${t(n)}`]
+      [`& .${o.avatar}`]: r[`avatarColor${t(n)}`]
     }, {
-      [`& .${o.icon}`]: l.icon
+      [`& .${o.icon}`]: r.icon
     }, {
-      [`& .${o.icon}`]: l[`icon${t(s)}`]
+      [`& .${o.icon}`]: r[`icon${t(s)}`]
     }, {
-      [`& .${o.icon}`]: l[`iconColor${t(i)}`]
+      [`& .${o.icon}`]: r[`iconColor${t(i)}`]
     }, {
-      [`& .${o.deleteIcon}`]: l.deleteIcon
+      [`& .${o.deleteIcon}`]: r.deleteIcon
     }, {
-      [`& .${o.deleteIcon}`]: l[`deleteIcon${t(s)}`]
+      [`& .${o.deleteIcon}`]: r[`deleteIcon${t(s)}`]
     }, {
-      [`& .${o.deleteIcon}`]: l[`deleteIconColor${t(n)}`]
+      [`& .${o.deleteIcon}`]: r[`deleteIconColor${t(n)}`]
     }, {
-      [`& .${o.deleteIcon}`]: l[`deleteIcon${t(p)}Color${t(n)}`]
-    }, l.root, l[`size${t(s)}`], l[`color${t(n)}`], g && l.clickable, g && n !== "default" && l[`clickableColor${t(n)})`], f && l.deletable, f && n !== "default" && l[`deletableColor${t(n)}`], l[p], l[`${p}${t(n)}`]];
+      [`& .${o.deleteIcon}`]: r[`deleteIcon${t(p)}Color${t(n)}`]
+    }, r.root, r[`size${t(s)}`], r[`color${t(n)}`], g && r.clickable, g && n !== "default" && r[`clickableColor${t(n)})`], f && r.deletable, f && n !== "default" && r[`deletableColor${t(n)}`], r[p], r[`${p}${t(n)}`]];
   }
 })(Y(({
   theme: a
 }) => {
-  const l = a.palette.mode === "light" ? a.palette.grey[700] : a.palette.grey[300];
+  const r = a.palette.mode === "light" ? a.palette.grey[700] : a.palette.grey[300];
   return {
     maxWidth: "100%",
     fontFamily: a.typography.fontFamily,
@@ -106,7 +105,7 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
       marginRight: -6,
       width: 24,
       height: 24,
-      color: a.vars ? a.vars.palette.Chip.defaultAvatarColor : l,
+      color: a.vars ? a.vars.palette.Chip.defaultAvatarColor : r,
       fontSize: a.typography.pxToRem(12)
     },
     [`& .${o.avatarColorPrimary}`]: {
@@ -173,7 +172,7 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
       props: (e) => e.iconColor === e.color,
       style: {
         [`& .${o.icon}`]: {
-          color: a.vars ? a.vars.palette.Chip.defaultIconColor : l
+          color: a.vars ? a.vars.palette.Chip.defaultIconColor : r
         }
       }
     }, {
@@ -288,13 +287,13 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
 })), na = E("span", {
   name: "MuiChip",
   slot: "Label",
-  overridesResolver: (a, l) => {
+  overridesResolver: (a, r) => {
     const {
       ownerState: e
     } = a, {
       size: n
     } = e;
-    return [l.label, l[`label${t(n)}`]];
+    return [r.label, r[`label${t(n)}`]];
   }
 })({
   overflow: "hidden",
@@ -332,9 +331,9 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
 function V(a) {
   return a.key === "Backspace" || a.key === "Delete";
 }
-const ia = /* @__PURE__ */ u.forwardRef(function(l, e) {
+const ia = /* @__PURE__ */ u.forwardRef(function(r, e) {
   const n = Z({
-    props: l,
+    props: r,
     name: "MuiChip"
   }), {
     avatar: i,
@@ -352,8 +351,8 @@ const ia = /* @__PURE__ */ u.forwardRef(function(l, e) {
     onKeyUp: z,
     size: j = "medium",
     variant: K = "filled",
-    tabIndex: U,
-    skipFocusWhenDisabled: F = !1,
+    tabIndex: F,
+    skipFocusWhenDisabled: U = !1,
     // TODO v6: Rename to `focusableWhenDisabled`.
     ...W
   } = n, B = u.useRef(null), H = aa(B, e), D = (c) => {
@@ -372,7 +371,7 @@ const ia = /* @__PURE__ */ u.forwardRef(function(l, e) {
     onDelete: !!v,
     clickable: I,
     variant: K
-  }, b = la(x), G = S === N ? {
+  }, b = ra(x), G = S === N ? {
     component: p || "div",
     focusVisibleClassName: b.focusVisible,
     ...v && {
@@ -402,7 +401,7 @@ const ia = /* @__PURE__ */ u.forwardRef(function(l, e) {
     onKeyDown: A,
     onKeyUp: _,
     ref: H,
-    tabIndex: F && m ? -1 : U,
+    tabIndex: U && m ? -1 : F,
     ownerState: x,
     ...G,
     ...W,
@@ -421,7 +420,7 @@ process.env.NODE_ENV !== "production" && (ia.propTypes = {
   /**
    * The Avatar element to display.
    */
-  avatar: r.element,
+  avatar: l.element,
   /**
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
@@ -430,11 +429,11 @@ process.env.NODE_ENV !== "production" && (ia.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: r.object,
+  classes: l.object,
   /**
    * @ignore
    */
-  className: r.string,
+  className: l.string,
   /**
    * If `true`, the chip will appear clickable, and will raise when pressed,
    * even if the onClick prop is not defined.
@@ -443,80 +442,80 @@ process.env.NODE_ENV !== "production" && (ia.propTypes = {
    * along with the component prop to indicate an anchor Chip is clickable.
    * Note: this controls the UI and does not affect the onClick event.
    */
-  clickable: r.bool,
+  clickable: l.bool,
   /**
    * 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 'default'
    */
-  color: r.oneOfType([r.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
+  color: l.oneOfType([l.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), l.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: r.elementType,
+  component: l.elementType,
   /**
    * Override the default delete icon element. Shown only if `onDelete` is set.
    */
-  deleteIcon: r.element,
+  deleteIcon: l.element,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: r.bool,
+  disabled: l.bool,
   /**
    * Icon element.
    */
-  icon: r.element,
+  icon: l.element,
   /**
    * The content of the component.
    */
-  label: r.node,
+  label: l.node,
   /**
    * @ignore
    */
-  onClick: r.func,
+  onClick: l.func,
   /**
    * Callback fired when the delete icon is clicked.
    * If set, the delete icon will be shown.
    */
-  onDelete: r.func,
+  onDelete: l.func,
   /**
    * @ignore
    */
-  onKeyDown: r.func,
+  onKeyDown: l.func,
   /**
    * @ignore
    */
-  onKeyUp: r.func,
+  onKeyUp: l.func,
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size: r.oneOfType([r.oneOf(["medium", "small"]), r.string]),
+  size: l.oneOfType([l.oneOf(["medium", "small"]), l.string]),
   /**
    * If `true`, allows the disabled chip to escape focus.
    * If `false`, allows the disabled chip to receive focus.
    * @default false
    */
-  skipFocusWhenDisabled: r.bool,
+  skipFocusWhenDisabled: l.bool,
   /**
    * 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: l.oneOfType([l.arrayOf(l.oneOfType([l.func, l.object, l.bool])), l.func, l.object]),
   /**
    * @ignore
    */
-  tabIndex: r.number,
+  tabIndex: l.number,
   /**
    * The variant to use.
    * @default 'filled'
    */
-  variant: r.oneOfType([r.oneOf(["filled", "outlined"]), r.string])
+  variant: l.oneOfType([l.oneOf(["filled", "outlined"]), l.string])
 });
 export {
   ia as C,
   o as c,
-  ra as g
+  la as g
 };

package/dist/CircularProgress-XGMwsxSL.cjs

@@ -0,0 +1,28 @@
+"use strict";const j=require("react"),e=require("./identifier-gJdGmHeC.cjs"),C=require("./memoTheme-GOMOSdXJ.cjs"),$=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),P=require("react/jsx-runtime"),a=require("./DefaultPropsProvider-DLSItMqn.cjs"),M=require("./chainPropTypes-CEUi6Jb4.cjs"),l=require("@emotion/react");function R(r){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(s,t,i.get?i:{enumerable:!0,get:()=>r[t]})}}return s.default=r,Object.freeze(s)}const q=R(j);function S(r){return e.generateUtilityClass("MuiCircularProgress",r)}const N=e.generateUtilityClasses("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]),o=44,h=l.keyframes`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`,g=l.keyframes`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: -126px;
+  }
+`,z=typeof h!="string"?l.css`
+        animation: ${h} 1.4s linear infinite;
+      `:null,U=typeof g!="string"?l.css`
+        animation: ${g} 1.4s ease-in-out infinite;
+      `:null,E=r=>{const{classes:s,variant:t,color:i,disableShrink:p}=r,u={root:["root",t,`color${e.capitalize(i)}`],svg:["svg"],circle:["circle",`circle${e.capitalize(t)}`,p&&"circleDisableShrink"]};return a.composeClasses(u,S,s)},F=a.styled("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(r,s)=>{const{ownerState:t}=r;return[s.root,s[t.variant],s[`color${e.capitalize(t.color)}`]]}})(C.memoTheme(({theme:r})=>({display:"inline-block",variants:[{props:{variant:"determinate"},style:{transition:r.transitions.create("transform")}},{props:{variant:"indeterminate"},style:z||{animation:`${h} 1.4s linear infinite`}},...Object.entries(r.palette).filter($.createSimplePaletteValueFilter()).map(([s])=>({props:{color:s},style:{color:(r.vars||r).palette[s].main}}))]}))),I=a.styled("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(r,s)=>s.svg})({display:"block"}),V=a.styled("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(r,s)=>{const{ownerState:t}=r;return[s.circle,s[`circle${e.capitalize(t.variant)}`],t.disableShrink&&s.circleDisableShrink]}})(C.memoTheme(({theme:r})=>({stroke:"currentColor",variants:[{props:{variant:"determinate"},style:{transition:r.transitions.create("stroke-dashoffset")}},{props:{variant:"indeterminate"},style:{strokeDasharray:"80px, 200px",strokeDashoffset:0}},{props:({ownerState:s})=>s.variant==="indeterminate"&&!s.disableShrink,style:U||{animation:`${g} 1.4s ease-in-out infinite`}}]}))),x=q.forwardRef(function(s,t){const i=a.useDefaultProps({props:s,name:"MuiCircularProgress"}),{className:p,color:u="primary",disableShrink:w=!1,size:y=40,style:D,thickness:n=3.6,value:d=0,variant:v="indeterminate",...O}=i,c={...i,color:u,disableShrink:w,size:y,thickness:n,value:d,variant:v},f=E(c),m={},T={},k={};if(v==="determinate"){const b=2*Math.PI*((o-n)/2);m.strokeDasharray=b.toFixed(3),k["aria-valuenow"]=Math.round(d),m.strokeDashoffset=`${((100-d)/100*b).toFixed(3)}px`,T.transform="rotate(-90deg)"}return P.jsx(F,{className:e.clsx(f.root,p),style:{width:y,height:y,...T,...D},ownerState:c,ref:t,role:"progressbar",...k,...O,children:P.jsx(I,{className:f.svg,ownerState:c,viewBox:`${o/2} ${o/2} ${o} ${o}`,children:P.jsx(V,{className:f.circle,style:m,ownerState:c,cx:o,cy:o,r:(o-n)/2,fill:"none",strokeWidth:n})})})});process.env.NODE_ENV!=="production"&&(x.propTypes={classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["inherit","primary","secondary","error","info","success","warning"]),e.PropTypes.string]),disableShrink:M.chainPropTypes(e.PropTypes.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),size:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),style:e.PropTypes.object,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),thickness:e.PropTypes.number,value:e.PropTypes.number,variant:e.PropTypes.oneOf(["determinate","indeterminate"])});exports.CircularProgress=x;exports.circularProgressClasses=N;exports.getCircularProgressUtilityClass=S;