@cgi-learning-hub/ui 1.7.0-dev.1754301696 → 1.7.0-dev.1754384740

package/dist/{Grid-Dal_bzkG.js → Grid-vM--ojbL.js}

@@ -1,37 +1,29 @@
 import { P as e } from "./index-Sy88PpwE.js";
-import { u as K } from "./useTheme-Bjns7t5p.js";
+import { u as K } from "./useTheme-CH7DA5fq.js";
 import * as w from "react";
-import { H as Q, Q as Y } from "./generateUtilityClasses-32ARRWdA.js";
-import { jsx as J } from "react/jsx-runtime";
-import { s as X, c as Z, g as ee } from "./composeClasses-CZaHK87I.js";
-import { u as ne } from "./useTheme-CMVVKo4v.js";
-import { e as re } from "./extendSxProp-e_bx8m3Z.js";
-import { u as oe } from "./useThemeProps-lFVeX-f0.js";
-import { s as te, u as se } from "./DefaultPropsProvider-BrNsAtD3.js";
-function ie(n, r) {
-  var o, t, s;
-  return /* @__PURE__ */ w.isValidElement(n) && r.indexOf(
-    // For server components `muiName` is avaialble in element.type._payload.value.muiName
-    // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
-    // eslint-disable-next-line no-underscore-dangle
-    n.type.muiName ?? ((s = (t = (o = n.type) == null ? void 0 : o._payload) == null ? void 0 : t.value) == null ? void 0 : s.muiName)
-  ) !== -1;
-}
+import { H as Q, G as Y, Q as J } from "./identifier-Dnc8T93Z.js";
+import { jsx as X } from "react/jsx-runtime";
+import { s as Z } from "./styled-JnAdiSL5.js";
+import { u as ee } from "./useTheme-VH02z7nF.js";
+import { e as ne } from "./extendSxProp-XouBF-Ct.js";
+import { i as re } from "./isMuiElement-DnSE4qG4.js";
+import { u as oe } from "./useThemeProps-DZ05-54P.js";
+import { c as te, s as se, u as ie } from "./DefaultPropsProvider-nxIPd34m.js";
 const ce = (n, r) => n.filter((o) => r.includes(o)), T = (n, r, o) => {
   const t = n.keys[0];
-  Array.isArray(r) ? r.forEach((s, i) => {
+  Array.isArray(r) ? r.forEach((i, s) => {
     o((c, y) => {
-      i <= n.keys.length - 1 && (i === 0 ? Object.assign(c, y) : c[n.up(n.keys[i])] = y);
-    }, s);
-  }) : r && typeof r == "object" ? (Object.keys(r).length > n.keys.length ? n.keys : ce(n.keys, Object.keys(r))).forEach((i) => {
-    if (n.keys.includes(i)) {
-      const c = r[i];
+      s <= n.keys.length - 1 && (s === 0 ? Object.assign(c, y) : c[n.up(n.keys[s])] = y);
+    }, i);
+  }) : r && typeof r == "object" ? (Object.keys(r).length > n.keys.length ? n.keys : ce(n.keys, Object.keys(r))).forEach((s) => {
+    if (n.keys.includes(s)) {
+      const c = r[s];
       c !== void 0 && o((y, d) => {
-        t === i ? Object.assign(y, d) : y[n.up(i)] = d;
+        t === s ? Object.assign(y, d) : y[n.up(s)] = d;
       }, c);
     }
-  }) : (typeof r == "number" || typeof r == "string") && o((s, i) => {
-    Object.assign(s, i);
+  }) : (typeof r == "number" || typeof r == "string") && o((i, s) => {
+    Object.assign(i, s);
   }, r);
 };
 function h(n) {
@@ -45,36 +37,36 @@ const C = "--Grid-columns", O = "--Grid-parent-columns", ae = ({
   ownerState: r
 }) => {
   const o = {};
-  return T(n.breakpoints, r.size, (t, s) => {
-    let i = {};
-    s === "grow" && (i = {
+  return T(n.breakpoints, r.size, (t, i) => {
+    let s = {};
+    i === "grow" && (s = {
       flexBasis: 0,
       flexGrow: 1,
       maxWidth: "100%"
-    }), s === "auto" && (i = {
+    }), i === "auto" && (s = {
       flexBasis: "auto",
       flexGrow: 0,
       flexShrink: 0,
       maxWidth: "none",
       width: "auto"
-    }), typeof s == "number" && (i = {
+    }), typeof i == "number" && (s = {
       flexGrow: 0,
       flexBasis: "auto",
-      width: `calc(100% * ${s} / var(${O}) - (var(${O}) - ${s}) * (var(${S("column")}) / var(${O})))`
-    }), t(o, i);
+      width: `calc(100% * ${i} / var(${O}) - (var(${O}) - ${i}) * (var(${S("column")}) / var(${O})))`
+    }), t(o, s);
   }), o;
 }, fe = ({
   theme: n,
   ownerState: r
 }) => {
   const o = {};
-  return T(n.breakpoints, r.offset, (t, s) => {
-    let i = {};
-    s === "auto" && (i = {
+  return T(n.breakpoints, r.offset, (t, i) => {
+    let s = {};
+    i === "auto" && (s = {
       marginLeft: "auto"
-    }), typeof s == "number" && (i = {
-      marginLeft: s === 0 ? "0px" : `calc(100% * ${s} / var(${O}) + var(${S("column")}) * ${s} / var(${O}))`
-    }), t(o, i);
+    }), typeof i == "number" && (s = {
+      marginLeft: i === 0 ? "0px" : `calc(100% * ${i} / var(${O}) + var(${S("column")}) * ${i} / var(${O}))`
+    }), t(o, s);
   }), o;
 }, ue = ({
   theme: n,
@@ -85,12 +77,12 @@ const C = "--Grid-columns", O = "--Grid-parent-columns", ae = ({
   const o = {
     [C]: 12
   };
-  return T(n.breakpoints, r.columns, (t, s) => {
-    const i = s ?? 12;
+  return T(n.breakpoints, r.columns, (t, i) => {
+    const s = i ?? 12;
     t(o, {
-      [C]: i,
+      [C]: s,
       "> *": {
-        [O]: i
+        [O]: s
       }
     });
   }), o;
@@ -101,13 +93,13 @@ const C = "--Grid-columns", O = "--Grid-parent-columns", ae = ({
   if (!r.container)
     return {};
   const o = {};
-  return T(n.breakpoints, r.rowSpacing, (t, s) => {
+  return T(n.breakpoints, r.rowSpacing, (t, i) => {
     var c;
-    const i = typeof s == "string" ? s : (c = n.spacing) == null ? void 0 : c.call(n, s);
+    const s = typeof i == "string" ? i : (c = n.spacing) == null ? void 0 : c.call(n, i);
     t(o, {
-      [h("row")]: i,
+      [h("row")]: s,
       "> *": {
-        [S("row")]: i
+        [S("row")]: s
       }
     });
   }), o;
@@ -118,13 +110,13 @@ const C = "--Grid-columns", O = "--Grid-parent-columns", ae = ({
   if (!r.container)
     return {};
   const o = {};
-  return T(n.breakpoints, r.columnSpacing, (t, s) => {
+  return T(n.breakpoints, r.columnSpacing, (t, i) => {
     var c;
-    const i = typeof s == "string" ? s : (c = n.spacing) == null ? void 0 : c.call(n, s);
+    const s = typeof i == "string" ? i : (c = n.spacing) == null ? void 0 : c.call(n, i);
     t(o, {
-      [h("column")]: i,
+      [h("column")]: s,
       "> *": {
-        [S("column")]: i
+        [S("column")]: s
       }
     });
   }), o;
@@ -135,9 +127,9 @@ const C = "--Grid-columns", O = "--Grid-parent-columns", ae = ({
   if (!r.container)
     return {};
   const o = {};
-  return T(n.breakpoints, r.direction, (t, s) => {
+  return T(n.breakpoints, r.direction, (t, i) => {
     t(o, {
-      flexDirection: s
+      flexDirection: i
     });
   }), o;
 }, ye = ({
@@ -166,8 +158,8 @@ const C = "--Grid-columns", O = "--Grid-parent-columns", ae = ({
     return [`spacing-${r}-${String(n)}`];
   if (typeof n == "object" && !Array.isArray(n)) {
     const t = [];
-    return Object.entries(n).forEach(([s, i]) => {
-      o(i) && t.push(`spacing-${s}-${String(i)}`);
+    return Object.entries(n).forEach(([i, s]) => {
+      o(s) && t.push(`spacing-${i}-${String(s)}`);
     }), t;
   }
   return [];
@@ -181,7 +173,7 @@ function Te(n, r) {
 `));
   });
 }
-const we = Y(), he = X("div", {
+const we = J(), he = Z("div", {
   name: "MuiGrid",
   slot: "Root"
 });
@@ -197,19 +189,19 @@ function $e(n = {}) {
     // This will allow adding custom styled fn (for example for custom sx style function)
     createStyledComponent: r = he,
     useThemeProps: o = Se,
-    useTheme: t = ne,
-    componentName: s = "MuiGrid"
-  } = n, i = (p, a) => {
+    useTheme: t = ee,
+    componentName: i = "MuiGrid"
+  } = n, s = (p, a) => {
     const {
       container: m,
       direction: f,
       spacing: l,
       wrap: u,
       size: $
-    } = p, j = {
+    } = p, G = {
       root: ["root", m && "container", u !== "wrap" && `wrap-xs-${String(u)}`, ...be(f), ...de($), ...m ? ge(l, a.breakpoints.keys[0]) : []]
     };
-    return Z(j, (G) => ee(s, G), {});
+    return te(G, (j) => Y(i, j), {});
   };
   function c(p, a, m = () => !0) {
     const f = {};
@@ -221,45 +213,45 @@ function $e(n = {}) {
     }) : f[a.keys[0]] = p), f;
   }
   const y = r(ue, le, pe, ae, me, ye, fe), d = /* @__PURE__ */ w.forwardRef(function(a, m) {
-    const f = t(), l = o(a), u = re(l);
+    const f = t(), l = o(a), u = ne(l);
     Te(u, f.breakpoints);
     const {
       className: $,
-      children: j,
-      columns: G = 12,
+      children: G,
+      columns: j = 12,
       container: E = !1,
       component: M = "div",
-      direction: v = "row",
-      wrap: W = "wrap",
+      direction: W = "row",
+      wrap: v = "wrap",
       size: D = {},
-      offset: _ = {},
+      offset: R = {},
       spacing: x = 0,
-      rowSpacing: R = x,
+      rowSpacing: _ = x,
       columnSpacing: A = x,
       unstable_level: b = 0,
       ...B
-    } = u, V = c(D, f.breakpoints, (g) => g !== !1), L = c(_, f.breakpoints), q = a.columns ?? (b ? void 0 : G), U = a.spacing ?? (b ? void 0 : x), F = a.rowSpacing ?? a.spacing ?? (b ? void 0 : R), H = a.columnSpacing ?? a.spacing ?? (b ? void 0 : A), N = {
+    } = u, V = c(D, f.breakpoints, (g) => g !== !1), L = c(R, f.breakpoints), q = a.columns ?? (b ? void 0 : j), U = a.spacing ?? (b ? void 0 : x), F = a.rowSpacing ?? a.spacing ?? (b ? void 0 : _), H = a.columnSpacing ?? a.spacing ?? (b ? void 0 : A), N = {
       ...u,
       level: b,
       columns: q,
       container: E,
-      direction: v,
-      wrap: W,
+      direction: W,
+      wrap: v,
       spacing: U,
       rowSpacing: F,
       columnSpacing: H,
       size: V,
       offset: L
-    }, I = i(N, f);
-    return /* @__PURE__ */ J(y, {
+    }, I = s(N, f);
+    return /* @__PURE__ */ X(y, {
       ref: m,
       as: M,
       ownerState: N,
       className: Q(I.root, $),
       ...B,
-      children: w.Children.map(j, (g) => {
+      children: w.Children.map(G, (g) => {
         var k;
-        return /* @__PURE__ */ w.isValidElement(g) && ie(g, ["Grid"]) && E && g.props.container ? /* @__PURE__ */ w.cloneElement(g, {
+        return /* @__PURE__ */ w.isValidElement(g) && re(g, ["Grid"]) && E && g.props.container ? /* @__PURE__ */ w.cloneElement(g, {
           unstable_level: ((k = g.props) == null ? void 0 : k.unstable_level) ?? b + 1
         }) : g;
       })
@@ -281,24 +273,24 @@ function $e(n = {}) {
     wrap: e.oneOf(["nowrap", "wrap-reverse", "wrap"])
   }), d.muiName = "Grid", d;
 }
-function je(n, r) {
+function Ge(n, r) {
   if (process.env.NODE_ENV === "production")
     return () => () => null;
   const o = r ? {
     ...r.propTypes
   } : null;
-  return (s) => (i, c, y, d, p, ...a) => {
+  return (i) => (s, c, y, d, p, ...a) => {
     const m = p || c, f = o == null ? void 0 : o[m];
     if (f) {
-      const l = f(i, c, y, d, p, ...a);
+      const l = f(s, c, y, d, p, ...a);
       if (l)
         return l;
     }
-    return typeof i[c] < "u" && !i[s] ? new Error(`The prop \`${m}\` of \`${n}\` can only be used together with the \`${s}\` prop.`) : null;
+    return typeof s[c] < "u" && !s[i] ? new Error(`The prop \`${m}\` of \`${n}\` can only be used together with the \`${i}\` prop.`) : null;
   };
 }
 const z = $e({
-  createStyledComponent: te("div", {
+  createStyledComponent: se("div", {
     name: "MuiGrid",
     slot: "Root",
     overridesResolver: (n, r) => {
@@ -309,7 +301,7 @@ const z = $e({
     }
   }),
   componentName: "MuiGrid",
-  useThemeProps: (n) => se({
+  useThemeProps: (n) => ie({
     props: n,
     name: "MuiGrid"
   }),
@@ -405,7 +397,7 @@ process.env.NODE_ENV !== "production" && (z.propTypes = {
   wrap: e.oneOf(["nowrap", "wrap-reverse", "wrap"])
 });
 if (process.env.NODE_ENV !== "production") {
-  const n = z, r = je("Grid", n);
+  const n = z, r = Ge("Grid", n);
   n.propTypes = {
     // eslint-disable-next-line react/forbid-foreign-prop-types
     ...n.propTypes,

package/dist/{Grow-BpiZp6xU.js → Grow-DE5x7F5S.js}

@@ -1,6 +1,6 @@
 import * as f from "react";
 import { P as n } from "./index-Sy88PpwE.js";
-import { u as V } from "./useTheme-Bjns7t5p.js";
+import { u as V } from "./useTheme-CH7DA5fq.js";
 import { jsx as W } from "react/jsx-runtime";
 import { T as k, g as v, r as B } from "./utils-BQenyzDz.js";
 import { u as J } from "./useTimeout-CrCYVizI.js";

package/dist/{Grow-DPkmt9jI.cjs → Grow-ovNT7Sot.cjs}

@@ -1 +1 @@
-"use strict";const V=require("react"),e=require("./index-DLnSn8GT.cjs"),W=require("./useTheme-BxDf8E3o.cjs"),B=require("react/jsx-runtime"),g=require("./utils-ByXw_ZY1.cjs"),J=require("./useTimeout-COCrDKz-.cjs"),Q=require("./useForkRef-CFhhTu-Q.cjs"),v=require("./elementAcceptingRef-BZ42cOGO.cjs");function U(o){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const a in o)if(a!=="default"){const f=Object.getOwnPropertyDescriptor(o,a);Object.defineProperty(d,a,f.get?f:{enumerable:!0,get:()=>o[a]})}}return d.default=o,Object.freeze(d)}const T=U(V);function R(o){return`scale(${o}, ${o**2})`}const X={entering:{opacity:1,transform:R(1)},entered:{opacity:1,transform:"none"}},x=typeof navigator<"u"&&/^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent)&&/(os |version\/)15(.|_)4/i.test(navigator.userAgent),m=T.forwardRef(function(d,a){const{addEndListener:f,appear:w=!0,children:E,easing:b,in:j,onEnter:q,onEntered:A,onEntering:D,onExit:O,onExited:S,onExiting:_,style:P,timeout:i="auto",TransitionComponent:F=g.Transition,...H}=d,L=J.useTimeout(),h=T.useRef(),u=W.useTheme(),l=T.useRef(null),G=Q.useForkRef(l,v.getReactElementRef(E),a),c=t=>s=>{if(t){const n=l.current;s===void 0?t(n):t(n,s)}},N=c(D),k=c((t,s)=>{g.reflow(t);const{duration:n,delay:y,easing:r}=g.getTransitionProps({style:P,timeout:i,easing:b},{mode:"enter"});let p;i==="auto"?(p=u.transitions.getAutoHeightDuration(t.clientHeight),h.current=p):p=n,t.style.transition=[u.transitions.create("opacity",{duration:p,delay:y}),u.transitions.create("transform",{duration:x?p:p*.666,delay:y,easing:r})].join(","),q&&q(t,s)}),z=c(A),C=c(_),$=c(t=>{const{duration:s,delay:n,easing:y}=g.getTransitionProps({style:P,timeout:i,easing:b},{mode:"exit"});let r;i==="auto"?(r=u.transitions.getAutoHeightDuration(t.clientHeight),h.current=r):r=s,t.style.transition=[u.transitions.create("opacity",{duration:r,delay:n}),u.transitions.create("transform",{duration:x?r:r*.666,delay:x?n:n||r*.333,easing:y})].join(","),t.style.opacity=0,t.style.transform=R(.75),O&&O(t)}),K=c(S),M=t=>{i==="auto"&&L.start(h.current||0,t),f&&f(l.current,t)};return B.jsx(F,{appear:w,in:j,nodeRef:l,onEnter:k,onEntered:z,onEntering:N,onExit:$,onExited:K,onExiting:C,addEndListener:M,timeout:i==="auto"?null:i,...H,children:(t,{ownerState:s,...n})=>T.cloneElement(E,{style:{opacity:0,transform:R(.75),visibility:t==="exited"&&!j?"hidden":void 0,...X[t],...P,...E.props.style},ref:G,...n})})});process.env.NODE_ENV!=="production"&&(m.propTypes={addEndListener:e.PropTypes.func,appear:e.PropTypes.bool,children:v.elementAcceptingRef.isRequired,easing:e.PropTypes.oneOfType([e.PropTypes.shape({enter:e.PropTypes.string,exit:e.PropTypes.string}),e.PropTypes.string]),in:e.PropTypes.bool,onEnter:e.PropTypes.func,onEntered:e.PropTypes.func,onEntering:e.PropTypes.func,onExit:e.PropTypes.func,onExited:e.PropTypes.func,onExiting:e.PropTypes.func,style:e.PropTypes.object,timeout:e.PropTypes.oneOfType([e.PropTypes.oneOf(["auto"]),e.PropTypes.number,e.PropTypes.shape({appear:e.PropTypes.number,enter:e.PropTypes.number,exit:e.PropTypes.number})])});m&&(m.muiSupportAuto=!0);exports.Grow=m;
+"use strict";const V=require("react"),e=require("./index-DLnSn8GT.cjs"),W=require("./useTheme-DkiCyF-9.cjs"),B=require("react/jsx-runtime"),g=require("./utils-ByXw_ZY1.cjs"),J=require("./useTimeout-COCrDKz-.cjs"),Q=require("./useForkRef-CFhhTu-Q.cjs"),v=require("./elementAcceptingRef-BZ42cOGO.cjs");function U(o){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const a in o)if(a!=="default"){const f=Object.getOwnPropertyDescriptor(o,a);Object.defineProperty(d,a,f.get?f:{enumerable:!0,get:()=>o[a]})}}return d.default=o,Object.freeze(d)}const T=U(V);function R(o){return`scale(${o}, ${o**2})`}const X={entering:{opacity:1,transform:R(1)},entered:{opacity:1,transform:"none"}},x=typeof navigator<"u"&&/^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent)&&/(os |version\/)15(.|_)4/i.test(navigator.userAgent),m=T.forwardRef(function(d,a){const{addEndListener:f,appear:w=!0,children:E,easing:b,in:j,onEnter:q,onEntered:A,onEntering:D,onExit:O,onExited:S,onExiting:_,style:P,timeout:i="auto",TransitionComponent:F=g.Transition,...H}=d,L=J.useTimeout(),h=T.useRef(),u=W.useTheme(),l=T.useRef(null),G=Q.useForkRef(l,v.getReactElementRef(E),a),c=t=>s=>{if(t){const n=l.current;s===void 0?t(n):t(n,s)}},N=c(D),k=c((t,s)=>{g.reflow(t);const{duration:n,delay:y,easing:r}=g.getTransitionProps({style:P,timeout:i,easing:b},{mode:"enter"});let p;i==="auto"?(p=u.transitions.getAutoHeightDuration(t.clientHeight),h.current=p):p=n,t.style.transition=[u.transitions.create("opacity",{duration:p,delay:y}),u.transitions.create("transform",{duration:x?p:p*.666,delay:y,easing:r})].join(","),q&&q(t,s)}),z=c(A),C=c(_),$=c(t=>{const{duration:s,delay:n,easing:y}=g.getTransitionProps({style:P,timeout:i,easing:b},{mode:"exit"});let r;i==="auto"?(r=u.transitions.getAutoHeightDuration(t.clientHeight),h.current=r):r=s,t.style.transition=[u.transitions.create("opacity",{duration:r,delay:n}),u.transitions.create("transform",{duration:x?r:r*.666,delay:x?n:n||r*.333,easing:y})].join(","),t.style.opacity=0,t.style.transform=R(.75),O&&O(t)}),K=c(S),M=t=>{i==="auto"&&L.start(h.current||0,t),f&&f(l.current,t)};return B.jsx(F,{appear:w,in:j,nodeRef:l,onEnter:k,onEntered:z,onEntering:N,onExit:$,onExited:K,onExiting:C,addEndListener:M,timeout:i==="auto"?null:i,...H,children:(t,{ownerState:s,...n})=>T.cloneElement(E,{style:{opacity:0,transform:R(.75),visibility:t==="exited"&&!j?"hidden":void 0,...X[t],...P,...E.props.style},ref:G,...n})})});process.env.NODE_ENV!=="production"&&(m.propTypes={addEndListener:e.PropTypes.func,appear:e.PropTypes.bool,children:v.elementAcceptingRef.isRequired,easing:e.PropTypes.oneOfType([e.PropTypes.shape({enter:e.PropTypes.string,exit:e.PropTypes.string}),e.PropTypes.string]),in:e.PropTypes.bool,onEnter:e.PropTypes.func,onEntered:e.PropTypes.func,onEntering:e.PropTypes.func,onExit:e.PropTypes.func,onExited:e.PropTypes.func,onExiting:e.PropTypes.func,style:e.PropTypes.object,timeout:e.PropTypes.oneOfType([e.PropTypes.oneOf(["auto"]),e.PropTypes.number,e.PropTypes.shape({appear:e.PropTypes.number,enter:e.PropTypes.number,exit:e.PropTypes.number})])});m&&(m.muiSupportAuto=!0);exports.Grow=m;

package/dist/IconButton-DCQiOq7W.cjs

@@ -0,0 +1,2 @@
+"use strict";const j=require("react"),o=require("./index-DLnSn8GT.cjs"),n=require("./identifier-DBvccNCw.cjs"),B=require("./memoTheme-Dv-rDqFz.cjs"),z=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),l=require("react/jsx-runtime"),p=require("./DefaultPropsProvider-BFTLy05-.cjs"),x=require("./useId-DNXtOFeX.cjs"),q=require("./ButtonBase-DPIkh47Q.cjs"),w=require("./CircularProgress-BMVNeiSf.cjs"),k=require("./chainPropTypes-CEUi6Jb4.cjs");function M(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const f=M(j);function R(e){return n.generateUtilityClass("MuiIconButton",e)}const b=n.generateUtilityClasses("MuiIconButton",["root","disabled","colorInherit","colorPrimary","colorSecondary","colorError","colorInfo","colorSuccess","colorWarning","edgeStart","edgeEnd","sizeSmall","sizeMedium","sizeLarge","loading","loadingIndicator","loadingWrapper"]),N=e=>{const{classes:t,disabled:r,color:a,edge:i,size:c,loading:d}=e,u={root:["root",d&&"loading",r&&"disabled",a!=="default"&&`color${n.capitalize(a)}`,i&&`edge${n.capitalize(i)}`,`size${n.capitalize(c)}`],loadingIndicator:["loadingIndicator"],loadingWrapper:["loadingWrapper"]};return p.composeClasses(u,R,t)},$=p.styled(q.ButtonBase,{name:"MuiIconButton",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.loading&&t.loading,r.color!=="default"&&t[`color${n.capitalize(r.color)}`],r.edge&&t[`edge${n.capitalize(r.edge)}`],t[`size${n.capitalize(r.size)}`]]}})(B.memoTheme(({theme:e})=>({textAlign:"center",flex:"0 0 auto",fontSize:e.typography.pxToRem(24),padding:8,borderRadius:"50%",color:(e.vars||e).palette.action.active,transition:e.transitions.create("background-color",{duration:e.transitions.duration.shortest}),variants:[{props:t=>!t.disableRipple,style:{"--IconButton-hoverBg":e.alpha((e.vars||e).palette.action.active,(e.vars||e).palette.action.hoverOpacity),"&:hover":{backgroundColor:"var(--IconButton-hoverBg)","@media (hover: none)":{backgroundColor:"transparent"}}}},{props:{edge:"start"},style:{marginLeft:-12}},{props:{edge:"start",size:"small"},style:{marginLeft:-3}},{props:{edge:"end"},style:{marginRight:-12}},{props:{edge:"end",size:"small"},style:{marginRight:-3}}]})),B.memoTheme(({theme:e})=>({variants:[{props:{color:"inherit"},style:{color:"inherit"}},...Object.entries(e.palette).filter(z.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t},style:{color:(e.vars||e).palette[t].main}})),...Object.entries(e.palette).filter(z.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t},style:{"--IconButton-hoverBg":e.alpha((e.vars||e).palette[t].main,(e.vars||e).palette.action.hoverOpacity)}})),{props:{size:"small"},style:{padding:5,fontSize:e.typography.pxToRem(18)}},{props:{size:"large"},style:{padding:12,fontSize:e.typography.pxToRem(28)}}],[`&.${b.disabled}`]:{backgroundColor:"transparent",color:(e.vars||e).palette.action.disabled},[`&.${b.loading}`]:{color:"transparent"}}))),E=p.styled("span",{name:"MuiIconButton",slot:"LoadingIndicator"})(({theme:e})=>({display:"none",position:"absolute",visibility:"visible",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:(e.vars||e).palette.action.disabled,variants:[{props:{loading:!0},style:{display:"flex"}}]})),O=f.forwardRef(function(t,r){const a=p.useDefaultProps({props:t,name:"MuiIconButton"}),{edge:i=!1,children:c,className:d,color:u="default",disabled:P=!1,disableFocusRipple:T=!1,size:h="medium",id:v,loading:s=null,loadingIndicator:C,...S}=a,m=x.useId(v),I=C??l.jsx(w.CircularProgress,{"aria-labelledby":m,color:"inherit",size:16}),g={...a,edge:i,color:u,disabled:P,disableFocusRipple:T,loading:s,loadingIndicator:I,size:h},y=N(g);return l.jsxs($,{id:s?m:v,className:n.clsx(y.root,d),centerRipple:!0,focusRipple:!T,disabled:P||s,ref:r,...S,ownerState:g,children:[typeof s=="boolean"&&l.jsx("span",{className:y.loadingWrapper,style:{display:"contents"},children:l.jsx(E,{className:y.loadingIndicator,ownerState:g,children:s&&I})}),c]})});process.env.NODE_ENV!=="production"&&(O.propTypes={children:k.chainPropTypes(o.PropTypes.node,e=>f.Children.toArray(e.children).some(r=>f.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]),id:o.PropTypes.string,loading:o.PropTypes.bool,loadingIndicator:o.PropTypes.node,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])});exports.IconButton=O;exports.getIconButtonUtilityClass=R;exports.iconButtonClasses=b;

package/dist/{IconButton-BrEiwZs1.js → IconButton-f9EZgwvD.js}

@@ -1,42 +1,41 @@
 import * as f from "react";
 import { P as e } from "./index-Sy88PpwE.js";
-import { F as $, G as x, H as P, n as B } from "./generateUtilityClasses-32ARRWdA.js";
-import { m as z } from "./memoTheme-BBxIYGG7.js";
-import { c as R } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { F as T, G as x, H as P, K as t } from "./identifier-Dnc8T93Z.js";
+import { m as B } from "./memoTheme-K37vidlb.js";
+import { c as z } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
 import { jsxs as w, jsx as u } from "react/jsx-runtime";
-import { u as j, s as O, c as k } from "./DefaultPropsProvider-BrNsAtD3.js";
-import { u as M } from "./useId-CK6Kn3Tn.js";
-import { c as r } from "./capitalize-CgHuXq7I.js";
-import { B as N } from "./ButtonBase-C1FIHWcD.js";
-import { C as E } from "./CircularProgress-ByBabaUG.js";
-import { c as L } from "./chainPropTypes-D9lkm76m.js";
-function U(o) {
+import { u as j, s as C, c as $ } from "./DefaultPropsProvider-nxIPd34m.js";
+import { u as k } from "./useId-CK6Kn3Tn.js";
+import { B as M } from "./ButtonBase-CJYV8wgs.js";
+import { C as N } from "./CircularProgress-CrWnCGqN.js";
+import { c as E } from "./chainPropTypes-D9lkm76m.js";
+function L(o) {
   return x("MuiIconButton", o);
 }
-const C = $("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), W = (o) => {
+const R = T("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), U = (o) => {
   const {
-    classes: a,
-    disabled: t,
+    classes: r,
+    disabled: a,
     color: n,
-    edge: s,
+    edge: i,
     size: l,
     loading: c
-  } = o, p = {
-    root: ["root", c && "loading", t && "disabled", n !== "default" && `color${r(n)}`, s && `edge${r(s)}`, `size${r(l)}`],
+  } = o, d = {
+    root: ["root", c && "loading", a && "disabled", n !== "default" && `color${t(n)}`, i && `edge${t(i)}`, `size${t(l)}`],
     loadingIndicator: ["loadingIndicator"],
     loadingWrapper: ["loadingWrapper"]
   };
-  return k(p, U, a);
-}, F = O(N, {
+  return $(d, L, r);
+}, W = C(M, {
   name: "MuiIconButton",
   slot: "Root",
-  overridesResolver: (o, a) => {
+  overridesResolver: (o, r) => {
     const {
-      ownerState: t
+      ownerState: a
     } = o;
-    return [a.root, t.loading && a.loading, t.color !== "default" && a[`color${r(t.color)}`], t.edge && a[`edge${r(t.edge)}`], a[`size${r(t.size)}`]];
+    return [r.root, a.loading && r.loading, a.color !== "default" && r[`color${t(a.color)}`], a.edge && r[`edge${t(a.edge)}`], r[`size${t(a.size)}`]];
   }
-})(z(({
+})(B(({
   theme: o
 }) => ({
   textAlign: "center",
@@ -49,9 +48,9 @@ const C = $("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     duration: o.transitions.duration.shortest
   }),
   variants: [{
-    props: (a) => !a.disableRipple,
+    props: (r) => !r.disableRipple,
     style: {
-      "--IconButton-hoverBg": o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : B(o.palette.action.active, o.palette.action.hoverOpacity),
+      "--IconButton-hoverBg": o.alpha((o.vars || o).palette.action.active, (o.vars || o).palette.action.hoverOpacity),
       "&:hover": {
         backgroundColor: "var(--IconButton-hoverBg)",
         // Reset on touch devices, it doesn't add specificity
@@ -91,7 +90,7 @@ const C = $("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       marginRight: -3
     }
   }]
-})), z(({
+})), B(({
   theme: o
 }) => ({
   variants: [{
@@ -101,19 +100,19 @@ const C = $("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     style: {
       color: "inherit"
     }
-  }, ...Object.entries(o.palette).filter(R()).map(([a]) => ({
+  }, ...Object.entries(o.palette).filter(z()).map(([r]) => ({
     props: {
-      color: a
+      color: r
     },
     style: {
-      color: (o.vars || o).palette[a].main
+      color: (o.vars || o).palette[r].main
     }
-  })), ...Object.entries(o.palette).filter(R()).map(([a]) => ({
+  })), ...Object.entries(o.palette).filter(z()).map(([r]) => ({
     props: {
-      color: a
+      color: r
     },
     style: {
-      "--IconButton-hoverBg": o.vars ? `rgba(${(o.vars || o).palette[a].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : B((o.vars || o).palette[a].main, o.palette.action.hoverOpacity)
+      "--IconButton-hoverBg": o.alpha((o.vars || o).palette[r].main, (o.vars || o).palette.action.hoverOpacity)
     }
   })), {
     props: {
@@ -132,14 +131,14 @@ const C = $("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       fontSize: o.typography.pxToRem(28)
     }
   }],
-  [`&.${C.disabled}`]: {
+  [`&.${R.disabled}`]: {
     backgroundColor: "transparent",
     color: (o.vars || o).palette.action.disabled
   },
-  [`&.${C.loading}`]: {
+  [`&.${R.loading}`]: {
     color: "transparent"
   }
-}))), V = O("span", {
+}))), F = C("span", {
   name: "MuiIconButton",
   slot: "LoadingIndicator"
 })(({
@@ -160,60 +159,60 @@ const C = $("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       display: "flex"
     }
   }]
-})), A = /* @__PURE__ */ f.forwardRef(function(a, t) {
+})), V = /* @__PURE__ */ f.forwardRef(function(r, a) {
   const n = j({
-    props: a,
+    props: r,
     name: "MuiIconButton"
   }), {
-    edge: s = !1,
+    edge: i = !1,
     children: l,
     className: c,
-    color: p = "default",
-    disabled: y = !1,
-    disableFocusRipple: m = !1,
+    color: d = "default",
+    disabled: m = !1,
+    disableFocusRipple: y = !1,
     size: h = "medium",
     id: b,
-    loading: i = null,
-    loadingIndicator: S,
-    ...T
-  } = n, v = M(b), I = S ?? /* @__PURE__ */ u(E, {
+    loading: s = null,
+    loadingIndicator: O,
+    ...S
+  } = n, v = k(b), I = O ?? /* @__PURE__ */ u(N, {
     "aria-labelledby": v,
     color: "inherit",
     size: 16
-  }), d = {
+  }), p = {
     ...n,
-    edge: s,
-    color: p,
-    disabled: y,
-    disableFocusRipple: m,
-    loading: i,
+    edge: i,
+    color: d,
+    disabled: m,
+    disableFocusRipple: y,
+    loading: s,
     loadingIndicator: I,
     size: h
-  }, g = W(d);
-  return /* @__PURE__ */ w(F, {
-    id: i ? v : b,
+  }, g = U(p);
+  return /* @__PURE__ */ w(W, {
+    id: s ? v : b,
     className: P(g.root, c),
     centerRipple: !0,
-    focusRipple: !m,
-    disabled: y || i,
-    ref: t,
-    ...T,
-    ownerState: d,
-    children: [typeof i == "boolean" && // use plain HTML span to minimize the runtime overhead
+    focusRipple: !y,
+    disabled: m || s,
+    ref: a,
+    ...S,
+    ownerState: p,
+    children: [typeof s == "boolean" && // use plain HTML span to minimize the runtime overhead
     /* @__PURE__ */ u("span", {
       className: g.loadingWrapper,
       style: {
         display: "contents"
       },
-      children: /* @__PURE__ */ u(V, {
+      children: /* @__PURE__ */ u(F, {
         className: g.loadingIndicator,
-        ownerState: d,
-        children: i && I
+        ownerState: p,
+        children: s && I
       })
     }), l]
   });
 });
-process.env.NODE_ENV !== "production" && (A.propTypes = {
+process.env.NODE_ENV !== "production" && (V.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -221,7 +220,7 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
   /**
    * The icon to display.
    */
-  children: L(e.node, (o) => f.Children.toArray(o.children).some((t) => /* @__PURE__ */ f.isValidElement(t) && t.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(`
+  children: E(e.node, (o) => f.Children.toArray(o.children).some((a) => /* @__PURE__ */ f.isValidElement(a) && a.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),
   /**
    * Override or extend the styles applied to the component.
@@ -293,7 +292,7 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
 export {
-  A as I,
-  U as g,
-  C as i
+  V as I,
+  L as g,
+  R as i
 };