@cgi-learning-hub/ui 0.0.1-dev.1709558390 → 0.0.1-dev.1709568003

package/dist/FileListItem-ChKTjDnV.js

@@ -0,0 +1,254 @@
+import D, { jsx as a, jsxs as _ } from "react/jsx-runtime";
+import { i as z } from "./useThemeProps-63SNG58r.js";
+import { r as w } from "./createSvgIcon-BSYat4nx.js";
+import * as V from "react";
+import B from "react";
+import { B as H } from "./Box-erN4AuKs.js";
+import { T as $ } from "./Typography-B90UzlQW.js";
+import { I as G } from "./IconButton-DE5JOshS.js";
+import { g as K, c as d, _ as c, a as W, P as t } from "./clamp-BGJvJ0FN.js";
+import { g as A, s as y, u as Y, c as Z, b as J } from "./styled-BU8dAebc.js";
+import { c as Q } from "./refType-CoCfCK--.js";
+import { keyframes as T, css as O } from "@emotion/react";
+var k = {}, X = z;
+Object.defineProperty(k, "__esModule", {
+  value: !0
+});
+var N = k.default = void 0, rr = X(w()), er = D;
+N = k.default = (0, rr.default)(/* @__PURE__ */ (0, er.jsx)("path", {
+  d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
+}), "Delete");
+var x = {}, tr = z;
+Object.defineProperty(x, "__esModule", {
+  value: !0
+});
+var F = x.default = void 0, sr = tr(w()), ar = D;
+F = x.default = (0, sr.default)(/* @__PURE__ */ (0, ar.jsx)("path", {
+  d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z"
+}), "InsertDriveFile");
+function or(r) {
+  return K("MuiCircularProgress", r);
+}
+const ir = A("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]), Ir = ir, nr = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
+let m = (r) => r, I, M, R, j;
+const o = 44, cr = T(I || (I = m`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`)), lr = T(M || (M = m`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`)), ur = (r) => {
+  const {
+    classes: e,
+    variant: s,
+    color: i,
+    disableShrink: n
+  } = r, f = {
+    root: ["root", s, `color${d(i)}`],
+    svg: ["svg"],
+    circle: ["circle", `circle${d(s)}`, n && "circleDisableShrink"]
+  };
+  return J(f, or, e);
+}, dr = y("span", {
+  name: "MuiCircularProgress",
+  slot: "Root",
+  overridesResolver: (r, e) => {
+    const {
+      ownerState: s
+    } = r;
+    return [e.root, e[s.variant], e[`color${d(s.color)}`]];
+  }
+})(({
+  ownerState: r,
+  theme: e
+}) => c({
+  display: "inline-block"
+}, r.variant === "determinate" && {
+  transition: e.transitions.create("transform")
+}, r.color !== "inherit" && {
+  color: (e.vars || e).palette[r.color].main
+}), ({
+  ownerState: r
+}) => r.variant === "indeterminate" && O(R || (R = m`
+      animation: ${0} 1.4s linear infinite;
+    `), cr)), mr = y("svg", {
+  name: "MuiCircularProgress",
+  slot: "Svg",
+  overridesResolver: (r, e) => e.svg
+})({
+  display: "block"
+  // Keeps the progress centered
+}), fr = y("circle", {
+  name: "MuiCircularProgress",
+  slot: "Circle",
+  overridesResolver: (r, e) => {
+    const {
+      ownerState: s
+    } = r;
+    return [e.circle, e[`circle${d(s.variant)}`], s.disableShrink && e.circleDisableShrink];
+  }
+})(({
+  ownerState: r,
+  theme: e
+}) => c({
+  stroke: "currentColor"
+}, r.variant === "determinate" && {
+  transition: e.transitions.create("stroke-dashoffset")
+}, r.variant === "indeterminate" && {
+  // Some default value that looks fine waiting for the animation to kicks in.
+  strokeDasharray: "80px, 200px",
+  strokeDashoffset: 0
+  // Add the unit to fix a Edge 16 and below bug.
+}), ({
+  ownerState: r
+}) => r.variant === "indeterminate" && !r.disableShrink && O(j || (j = m`
+      animation: ${0} 1.4s ease-in-out infinite;
+    `), lr)), q = /* @__PURE__ */ V.forwardRef(function(e, s) {
+  const i = Y({
+    props: e,
+    name: "MuiCircularProgress"
+  }), {
+    className: n,
+    color: f = "primary",
+    disableShrink: E = !1,
+    size: p = 40,
+    style: L,
+    thickness: l = 3.6,
+    value: v = 0,
+    variant: b = "indeterminate"
+  } = i, U = W(i, nr), u = c({}, i, {
+    color: f,
+    disableShrink: E,
+    size: p,
+    thickness: l,
+    value: v,
+    variant: b
+  }), h = ur(u), g = {}, C = {}, P = {};
+  if (b === "determinate") {
+    const S = 2 * Math.PI * ((o - l) / 2);
+    g.strokeDasharray = S.toFixed(3), P["aria-valuenow"] = Math.round(v), g.strokeDashoffset = `${((100 - v) / 100 * S).toFixed(3)}px`, C.transform = "rotate(-90deg)";
+  }
+  return /* @__PURE__ */ a(dr, c({
+    className: Z(h.root, n),
+    style: c({
+      width: p,
+      height: p
+    }, C, L),
+    ownerState: u,
+    ref: s,
+    role: "progressbar"
+  }, P, U, {
+    children: /* @__PURE__ */ a(mr, {
+      className: h.svg,
+      ownerState: u,
+      viewBox: `${o / 2} ${o / 2} ${o} ${o}`,
+      children: /* @__PURE__ */ a(fr, {
+        className: h.circle,
+        style: g,
+        ownerState: u,
+        cx: o,
+        cy: o,
+        r: (o - l) / 2,
+        fill: "none",
+        strokeWidth: l
+      })
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (q.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color: t.oneOfType([t.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), t.string]),
+  /**
+   * If `true`, the shrink animation is disabled.
+   * This only works if variant is `indeterminate`.
+   * @default false
+   */
+  disableShrink: Q(t.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),
+  /**
+   * The size of the component.
+   * If using a number, the pixel unit is assumed.
+   * If using a string, you need to provide the CSS unit, e.g. '3rem'.
+   * @default 40
+   */
+  size: t.oneOfType([t.number, t.string]),
+  /**
+   * @ignore
+   */
+  style: t.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  /**
+   * The thickness of the circle.
+   * @default 3.6
+   */
+  thickness: t.number,
+  /**
+   * The value of the progress indicator for the determinate variant.
+   * Value between 0 and 100.
+   * @default 0
+   */
+  value: t.number,
+  /**
+   * The variant to use.
+   * Use indeterminate when there is no progress value.
+   * @default 'indeterminate'
+   */
+  variant: t.oneOf(["determinate", "indeterminate"])
+});
+const pr = q, vr = ({
+  file: r,
+  uploading: e,
+  onDelete: s
+}) => {
+  const i = `${r.size} octets`, n = () => s == null ? void 0 : s(r);
+  return /* @__PURE__ */ _(H, { sx: { display: "flex", alignItems: "center", columnGap: "1rem" }, children: [
+    /* @__PURE__ */ a(F, { color: "primary" }),
+    /* @__PURE__ */ _("div", { className: "text-start w-full", children: [
+      /* @__PURE__ */ a($, { children: r.name }),
+      /* @__PURE__ */ a($, { fontSize: "0.875rem", color: "grey", children: i })
+    ] }),
+    /* @__PURE__ */ a(G, { onClick: n, disabled: e, children: e ? /* @__PURE__ */ a(pr, { size: 24 }) : /* @__PURE__ */ a(N, {}) })
+  ] });
+}, Mr = B.memo(vr);
+export {
+  pr as C,
+  Mr as F,
+  Ir as c,
+  or as g
+};

package/dist/FileListItem-CjFIZgYg.cjs

@@ -0,0 +1,28 @@
+"use strict";const o=require("react/jsx-runtime"),q=require("./useThemeProps-CVatCXfo.cjs"),I=require("./createSvgIcon-doNQ5emq.cjs"),z=require("react"),L=require("./Box-CjHm9A9L.cjs"),C=require("./Typography-KFjBz5Hm.cjs"),U=require("./IconButton-CHXclgOn.cjs"),r=require("./clamp-0LjYbpE_.cjs"),n=require("./styled-DGjsLYEN.cjs"),B=require("./refType-Bt58K9Sk.cjs"),u=require("@emotion/react");function V(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(s,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const H=V(z);var g={},G=q.interopRequireDefaultExports;Object.defineProperty(g,"__esModule",{value:!0});var D=g.default=void 0,K=G(I.requireCreateSvgIcon()),W=o;D=g.default=(0,K.default)((0,W.jsx)("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"}),"Delete");var P={},A=q.interopRequireDefaultExports;Object.defineProperty(P,"__esModule",{value:!0});var M=P.default=void 0,Y=A(I.requireCreateSvgIcon()),Z=o;M=P.default=(0,Y.default)((0,Z.jsx)("path",{d:"M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z"}),"InsertDriveFile");function O(e){return r.generateUtilityClass("MuiCircularProgress",e)}const J=n.generateUtilityClasses("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]),Q=J,X=["className","color","disableShrink","size","style","thickness","value","variant"];let d=e=>e,S,_,j,$;const a=44,ee=u.keyframes(S||(S=d`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`)),re=u.keyframes(_||(_=d`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`)),se=e=>{const{classes:s,variant:t,color:i,disableShrink:c}=e,y={root:["root",t,`color${r.capitalize(i)}`],svg:["svg"],circle:["circle",`circle${r.capitalize(t)}`,c&&"circleDisableShrink"]};return n.composeClasses(y,O,s)},te=n.styled("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(e,s)=>{const{ownerState:t}=e;return[s.root,s[t.variant],s[`color${r.capitalize(t.color)}`]]}})(({ownerState:e,theme:s})=>r._extends({display:"inline-block"},e.variant==="determinate"&&{transition:s.transitions.create("transform")},e.color!=="inherit"&&{color:(s.vars||s).palette[e.color].main}),({ownerState:e})=>e.variant==="indeterminate"&&u.css(j||(j=d`
+      animation: ${0} 1.4s linear infinite;
+    `),ee)),oe=n.styled("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(e,s)=>s.svg})({display:"block"}),ie=n.styled("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(e,s)=>{const{ownerState:t}=e;return[s.circle,s[`circle${r.capitalize(t.variant)}`],t.disableShrink&&s.circleDisableShrink]}})(({ownerState:e,theme:s})=>r._extends({stroke:"currentColor"},e.variant==="determinate"&&{transition:s.transitions.create("stroke-dashoffset")},e.variant==="indeterminate"&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:e})=>e.variant==="indeterminate"&&!e.disableShrink&&u.css($||($=d`
+      animation: ${0} 1.4s ease-in-out infinite;
+    `),re)),R=H.forwardRef(function(s,t){const i=n.useThemeProps({props:s,name:"MuiCircularProgress"}),{className:c,color:y="primary",disableShrink:N=!1,size:f=40,style:F,thickness:l=3.6,value:m=0,variant:x="indeterminate"}=i,E=r._objectWithoutPropertiesLoose(i,X),p=r._extends({},i,{color:y,disableShrink:N,size:f,thickness:l,value:m,variant:x}),v=se(p),h={},T={},b={};if(x==="determinate"){const k=2*Math.PI*((a-l)/2);h.strokeDasharray=k.toFixed(3),b["aria-valuenow"]=Math.round(m),h.strokeDashoffset=`${((100-m)/100*k).toFixed(3)}px`,T.transform="rotate(-90deg)"}return o.jsx(te,r._extends({className:n.clsx(v.root,c),style:r._extends({width:f,height:f},T,F),ownerState:p,ref:t,role:"progressbar"},b,E,{children:o.jsx(oe,{className:v.svg,ownerState:p,viewBox:`${a/2} ${a/2} ${a} ${a}`,children:o.jsx(ie,{className:v.circle,style:h,ownerState:p,cx:a,cy:a,r:(a-l)/2,fill:"none",strokeWidth:l})})}))});process.env.NODE_ENV!=="production"&&(R.propTypes={classes:r.PropTypes.object,className:r.PropTypes.string,color:r.PropTypes.oneOfType([r.PropTypes.oneOf(["inherit","primary","secondary","error","info","success","warning"]),r.PropTypes.string]),disableShrink:B.chainPropTypes(r.PropTypes.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),size:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]),style:r.PropTypes.object,sx:r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.oneOfType([r.PropTypes.func,r.PropTypes.object,r.PropTypes.bool])),r.PropTypes.func,r.PropTypes.object]),thickness:r.PropTypes.number,value:r.PropTypes.number,variant:r.PropTypes.oneOf(["determinate","indeterminate"])});const w=R,ae=({file:e,uploading:s,onDelete:t})=>{const i=`${e.size} octets`,c=()=>t==null?void 0:t(e);return o.jsxs(L.Box,{sx:{display:"flex",alignItems:"center",columnGap:"1rem"},children:[o.jsx(M,{color:"primary"}),o.jsxs("div",{className:"text-start w-full",children:[o.jsx(C.Typography,{children:e.name}),o.jsx(C.Typography,{fontSize:"0.875rem",color:"grey",children:i})]}),o.jsx(U.IconButton,{onClick:c,disabled:s,children:s?o.jsx(w,{size:24}):o.jsx(D,{})})]})},ne=z.memo(ae);exports.CircularProgress=w;exports.FileListItem=ne;exports.circularProgressClasses=Q;exports.getCircularProgressUtilityClass=O;

package/dist/IconButton-CHXclgOn.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("./clamp-0LjYbpE_.cjs"),z=require("react"),n=require("./styled-DGjsLYEN.cjs"),m=require("react/jsx-runtime"),h=require("./ButtonBase-CGcs8Gbj.cjs"),B=require("./refType-Bt58K9Sk.cjs");function C(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const c=C(z);function y(e){return o.generateUtilityClass("MuiIconButton",e)}const R=n.generateUtilityClasses("MuiIconButton",["root","disabled","colorInherit","colorPrimary","colorSecondary","colorError","colorInfo","colorSuccess","colorWarning","edgeStart","edgeEnd","sizeSmall","sizeMedium","sizeLarge"]),g=R,O=["edge","children","className","color","disabled","disableFocusRipple","size"],x=e=>{const{classes:t,disabled:r,color:s,edge:a,size:i}=e,l={root:["root",r&&"disabled",s!=="default"&&`color${o.capitalize(s)}`,a&&`edge${o.capitalize(a)}`,`size${o.capitalize(i)}`]};return n.composeClasses(l,y,t)},I=n.styled(h.ButtonBase,{name:"MuiIconButton",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.color!=="default"&&t[`color${o.capitalize(r.color)}`],r.edge&&t[`edge${o.capitalize(r.edge)}`],t[`size${o.capitalize(r.size)}`]]}})(({theme:e,ownerState:t})=>o._extends({textAlign:"center",flex:"0 0 auto",fontSize:e.typography.pxToRem(24),padding:8,borderRadius:"50%",overflow:"visible",color:(e.vars||e).palette.action.active,transition:e.transitions.create("background-color",{duration:e.transitions.duration.shortest})},!t.disableRipple&&{"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})`:n.alpha(e.palette.action.active,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},t.edge==="start"&&{marginLeft:t.size==="small"?-3:-12},t.edge==="end"&&{marginRight:t.size==="small"?-3:-12}),({theme:e,ownerState:t})=>{var r;const s=(r=(e.vars||e).palette)==null?void 0:r[t.color];return o._extends({},t.color==="inherit"&&{color:"inherit"},t.color!=="inherit"&&t.color!=="default"&&o._extends({color:s==null?void 0:s.main},!t.disableRipple&&{"&:hover":o._extends({},s&&{backgroundColor:e.vars?`rgba(${s.mainChannel} / ${e.vars.palette.action.hoverOpacity})`:n.alpha(s.main,e.palette.action.hoverOpacity)},{"@media (hover: none)":{backgroundColor:"transparent"}})}),t.size==="small"&&{padding:5,fontSize:e.typography.pxToRem(18)},t.size==="large"&&{padding:12,fontSize:e.typography.pxToRem(28)},{[`&.${g.disabled}`]:{backgroundColor:"transparent",color:(e.vars||e).palette.action.disabled}})}),f=c.forwardRef(function(t,r){const s=n.useThemeProps({props:t,name:"MuiIconButton"}),{edge:a=!1,children:i,className:l,color:b="default",disabled:p=!1,disableFocusRipple:d=!1,size:T="medium"}=s,v=o._objectWithoutPropertiesLoose(s,O),u=o._extends({},s,{edge:a,color:b,disabled:p,disableFocusRipple:d,size:T}),P=x(u);return m.jsx(I,o._extends({className:n.clsx(P.root,l),centerRipple:!0,focusRipple:!d,disabled:p,ref:r,ownerState:u},v,{children:i}))});process.env.NODE_ENV!=="production"&&(f.propTypes={children:B.chainPropTypes(o.PropTypes.node,e=>c.Children.toArray(e.children).some(r=>c.isValidElement(r)&&r.props.onClick)?new Error(["MUI: You are providing an onClick event listener to a child of a button element.","Prefer applying it to the IconButton directly.","This guarantees that the whole <button> will be responsive to click events."].join(`
+`)):null),classes:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","default","primary","secondary","error","info","success","warning"]),o.PropTypes.string]),disabled:o.PropTypes.bool,disableFocusRipple:o.PropTypes.bool,disableRipple:o.PropTypes.bool,edge:o.PropTypes.oneOf(["end","start",!1]),size:o.PropTypes.oneOfType([o.PropTypes.oneOf(["small","medium","large"]),o.PropTypes.string]),sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object])});const $=f;exports.IconButton=$;exports.getIconButtonUtilityClass=y;exports.iconButtonClasses=g;

package/dist/{IconButton-1URziYlU.js → IconButton-DE5JOshS.js}

@@ -1,13 +1,13 @@
-import { g as z, c as n, _ as t, a as f, b as R, e as C, P as r } from "./useThemeProps-CZzcR_pm.js";
+import { g as z, c as n, _ as t, a as R, P as r } from "./clamp-BGJvJ0FN.js";
 import * as d from "react";
-import { g as B, s as I, c as O, a as $ } from "./styled-D8lXwcQy.js";
+import { g as C, s as B, a as f, u as I, c as O, b as $ } from "./styled-BU8dAebc.js";
 import { jsx as T } from "react/jsx-runtime";
-import { B as x } from "./ButtonBase-C14ZYs6z.js";
-import { c as k } from "./refType-BBFUe6fu.js";
+import { B as x } from "./ButtonBase-V1pwsMMs.js";
+import { c as k } from "./refType-CoCfCK--.js";
 function P(o) {
   return z("MuiIconButton", o);
 }
-const j = B("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), E = j, M = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], N = (o) => {
+const j = C("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), E = j, M = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], N = (o) => {
   const {
     classes: e,
     disabled: s,
@@ -18,7 +18,7 @@ const j = B("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     root: ["root", s && "disabled", a !== "default" && `color${n(a)}`, i && `edge${n(i)}`, `size${n(l)}`]
   };
   return $(c, P, e);
-}, _ = I(x, {
+}, _ = B(x, {
   name: "MuiIconButton",
   slot: "Root",
   overridesResolver: (o, e) => {
@@ -86,7 +86,7 @@ const j = B("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     }
   });
 }), b = /* @__PURE__ */ d.forwardRef(function(e, s) {
-  const a = R({
+  const a = I({
     props: e,
     name: "MuiIconButton"
   }), {
@@ -97,7 +97,7 @@ const j = B("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     disabled: p = !1,
     disableFocusRipple: u = !1,
     size: m = "medium"
-  } = a, y = C(a, M), g = t({}, a, {
+  } = a, y = R(a, M), g = t({}, a, {
     edge: i,
     color: v,
     disabled: p,