@cgi-learning-hub/ui 0.0.1-dev.1709569189 → 0.0.1-dev.1709646249

package/dist/{DefaultButton-DbpZOb47.js → DefaultButton-B-2UppUm.js}

@@ -1,38 +1,36 @@
-import { jsx as b, jsxs as N } from "react/jsx-runtime";
-import * as C from "react";
-import V from "./components/buttons/DefaultButton/DefaultButtonIcon.es.js";
-import { g as M, c as T, b as S, s as eo } from "./styled-BU8dAebc.js";
-import { g as W, c as e, _ as a, r as K, a as _, P as i } from "./clamp-BGJvJ0FN.js";
-import { s as I, r as lo } from "./styled-DP6LeBLQ.js";
-import { a as R, u as D } from "./useThemeProps-63SNG58r.js";
-import { B as co } from "./ButtonBase-aujiNoUb.js";
-import { u as uo } from "./useId-BW-oWmul.js";
-import { c as A } from "./refType-CoCfCK--.js";
-import { keyframes as Y, css as Z } from "@emotion/react";
-import { u as po } from "./useTheme-C132tQV-.js";
-function go(o) {
-  return W("MuiButton", o);
+import { jsx as b, jsxs as O } from "react/jsx-runtime";
+import * as p from "react";
+import N from "./components/buttons/DefaultButton/DefaultButtonIcon.es.js";
+import { g as W, s as f, r as Y, c as k, a as M } from "./styled-D8lXwcQy.js";
+import { g as V, c as l, _ as a, a as E, r as _, b as j, e as D, P as i } from "./useThemeProps-CZzcR_pm.js";
+import { B as Z } from "./ButtonBase-C14ZYs6z.js";
+import { u as w } from "./useId-BW-oWmul.js";
+import { c as oo } from "./refType-BBFUe6fu.js";
+import { C as no } from "./CircularProgress-Bf46-VRs.js";
+import { u as io } from "./useTheme-Bo1inEHN.js";
+function to(o) {
+  return V("MuiButton", o);
 }
-const vo = M("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), E = vo, q = /* @__PURE__ */ C.createContext({});
-process.env.NODE_ENV !== "production" && (q.displayName = "ButtonGroupContext");
-const J = q, Q = /* @__PURE__ */ C.createContext(void 0);
-process.env.NODE_ENV !== "production" && (Q.displayName = "ButtonGroupButtonContext");
-const fo = Q, bo = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], xo = (o) => {
+const ao = W("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), R = ao, F = /* @__PURE__ */ p.createContext({});
+process.env.NODE_ENV !== "production" && (F.displayName = "ButtonGroupContext");
+const G = F, U = /* @__PURE__ */ p.createContext(void 0);
+process.env.NODE_ENV !== "production" && (U.displayName = "ButtonGroupButtonContext");
+const ro = U, so = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], lo = (o) => {
   const {
     color: n,
     disableElevation: t,
-    fullWidth: r,
-    size: s,
-    variant: l,
+    fullWidth: s,
+    size: r,
+    variant: e,
     classes: d
-  } = o, u = {
-    root: ["root", l, `${l}${e(n)}`, `size${e(s)}`, `${l}Size${e(s)}`, n === "inherit" && "colorInherit", t && "disableElevation", r && "fullWidth"],
+  } = o, g = {
+    root: ["root", e, `${e}${l(n)}`, `size${l(r)}`, `${e}Size${l(r)}`, n === "inherit" && "colorInherit", t && "disableElevation", s && "fullWidth"],
     label: ["label"],
-    startIcon: ["startIcon", `iconSize${e(s)}`],
-    endIcon: ["endIcon", `iconSize${e(s)}`]
-  }, $ = S(u, go, d);
-  return a({}, d, $);
-}, X = (o) => a({}, o.size === "small" && {
+    startIcon: ["startIcon", `iconSize${l(r)}`],
+    endIcon: ["endIcon", `iconSize${l(r)}`]
+  }, x = M(g, to, d);
+  return a({}, d, x);
+}, S = (o) => a({}, o.size === "small" && {
   "& > *:nth-of-type(1)": {
     fontSize: 18
   }
@@ -44,22 +42,22 @@ const fo = Q, bo = ["children", "color", "component", "className", "disabled", "
   "& > *:nth-of-type(1)": {
     fontSize: 22
   }
-}), yo = I(co, {
-  shouldForwardProp: (o) => lo(o) || o === "classes",
+}), eo = f(Z, {
+  shouldForwardProp: (o) => Y(o) || o === "classes",
   name: "MuiButton",
   slot: "Root",
   overridesResolver: (o, n) => {
     const {
       ownerState: t
     } = o;
-    return [n.root, n[t.variant], n[`${t.variant}${e(t.color)}`], n[`size${e(t.size)}`], n[`${t.variant}Size${e(t.size)}`], t.color === "inherit" && n.colorInherit, t.disableElevation && n.disableElevation, t.fullWidth && n.fullWidth];
+    return [n.root, n[t.variant], n[`${t.variant}${l(t.color)}`], n[`size${l(t.size)}`], n[`${t.variant}Size${l(t.size)}`], t.color === "inherit" && n.colorInherit, t.disableElevation && n.disableElevation, t.fullWidth && n.fullWidth];
   }
 })(({
   theme: o,
   ownerState: n
 }) => {
-  var t, r;
-  const s = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], l = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
+  var t, s;
+  const r = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], e = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
   return a({}, o.typography.button, {
     minWidth: 64,
     padding: "6px 16px",
@@ -69,26 +67,26 @@ const fo = Q, bo = ["children", "color", "component", "className", "disabled", "
     }),
     "&:hover": a({
       textDecoration: "none",
-      backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : R(o.palette.text.primary, o.palette.action.hoverOpacity),
+      backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : E(o.palette.text.primary, o.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
         backgroundColor: "transparent"
       }
     }, n.variant === "text" && n.color !== "inherit" && {
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : R(o.palette[n.color].main, o.palette.action.hoverOpacity),
+      backgroundColor: o.vars ? `rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : E(o.palette[n.color].main, o.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
         backgroundColor: "transparent"
       }
     }, n.variant === "outlined" && n.color !== "inherit" && {
       border: `1px solid ${(o.vars || o).palette[n.color].main}`,
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : R(o.palette[n.color].main, o.palette.action.hoverOpacity),
+      backgroundColor: o.vars ? `rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : E(o.palette[n.color].main, o.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
         backgroundColor: "transparent"
       }
     }, n.variant === "contained" && {
-      backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedHoverBg : l,
+      backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedHoverBg : e,
       boxShadow: (o.vars || o).shadows[4],
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
@@ -105,10 +103,10 @@ const fo = Q, bo = ["children", "color", "component", "className", "disabled", "
     "&:active": a({}, n.variant === "contained" && {
       boxShadow: (o.vars || o).shadows[8]
     }),
-    [`&.${E.focusVisible}`]: a({}, n.variant === "contained" && {
+    [`&.${R.focusVisible}`]: a({}, n.variant === "contained" && {
       boxShadow: (o.vars || o).shadows[6]
     }),
-    [`&.${E.disabled}`]: a({
+    [`&.${R.disabled}`]: a({
       color: (o.vars || o).palette.action.disabled
     }, n.variant === "outlined" && {
       border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
@@ -126,13 +124,13 @@ const fo = Q, bo = ["children", "color", "component", "className", "disabled", "
     border: "1px solid currentColor"
   }, n.variant === "outlined" && n.color !== "inherit" && {
     color: (o.vars || o).palette[n.color].main,
-    border: o.vars ? `1px solid rgba(${o.vars.palette[n.color].mainChannel} / 0.5)` : `1px solid ${R(o.palette[n.color].main, 0.5)}`
+    border: o.vars ? `1px solid rgba(${o.vars.palette[n.color].mainChannel} / 0.5)` : `1px solid ${E(o.palette[n.color].main, 0.5)}`
   }, n.variant === "contained" && {
     color: o.vars ? (
       // this is safe because grey does not change between default light/dark mode
       o.vars.palette.text.primary
-    ) : (t = (r = o.palette).getContrastText) == null ? void 0 : t.call(r, o.palette.grey[300]),
-    backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedBg : s,
+    ) : (t = (s = o.palette).getContrastText) == null ? void 0 : t.call(s, o.palette.grey[300]),
+    backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedBg : r,
     boxShadow: (o.vars || o).shadows[2]
   }, n.variant === "contained" && n.color !== "inherit" && {
     color: (o.vars || o).palette[n.color].contrastText,
@@ -168,23 +166,23 @@ const fo = Q, bo = ["children", "color", "component", "className", "disabled", "
   "&:hover": {
     boxShadow: "none"
   },
-  [`&.${E.focusVisible}`]: {
+  [`&.${R.focusVisible}`]: {
     boxShadow: "none"
   },
   "&:active": {
     boxShadow: "none"
   },
-  [`&.${E.disabled}`]: {
+  [`&.${R.disabled}`]: {
     boxShadow: "none"
   }
-}), ho = I("span", {
+}), co = f("span", {
   name: "MuiButton",
   slot: "StartIcon",
   overridesResolver: (o, n) => {
     const {
       ownerState: t
     } = o;
-    return [n.startIcon, n[`iconSize${e(t.size)}`]];
+    return [n.startIcon, n[`iconSize${l(t.size)}`]];
   }
 })(({
   ownerState: o
@@ -194,14 +192,14 @@ const fo = Q, bo = ["children", "color", "component", "className", "disabled", "
   marginLeft: -4
 }, o.size === "small" && {
   marginLeft: -2
-}, X(o))), mo = I("span", {
+}, S(o))), uo = f("span", {
   name: "MuiButton",
   slot: "EndIcon",
   overridesResolver: (o, n) => {
     const {
       ownerState: t
     } = o;
-    return [n.endIcon, n[`iconSize${e(t.size)}`]];
+    return [n.endIcon, n[`iconSize${l(t.size)}`]];
   }
 })(({
   ownerState: o
@@ -211,59 +209,59 @@ const fo = Q, bo = ["children", "color", "component", "className", "disabled", "
   marginLeft: 8
 }, o.size === "small" && {
   marginRight: -2
-}, X(o))), w = /* @__PURE__ */ C.forwardRef(function(n, t) {
-  const r = C.useContext(J), s = C.useContext(fo), l = K(r, n), d = D({
-    props: l,
+}, S(o))), H = /* @__PURE__ */ p.forwardRef(function(n, t) {
+  const s = p.useContext(G), r = p.useContext(ro), e = _(s, n), d = j({
+    props: e,
     name: "MuiButton"
   }), {
-    children: u,
-    color: $ = "primary",
-    component: c = "button",
-    className: x,
+    children: g,
+    color: x = "primary",
+    component: v = "button",
+    className: h,
     disabled: z = !1,
-    disableElevation: B = !1,
-    disableFocusRipple: g = !1,
-    endIcon: v,
-    focusVisibleClassName: y,
-    fullWidth: p = !1,
+    disableElevation: $ = !1,
+    disableFocusRipple: B = !1,
+    endIcon: I,
+    focusVisibleClassName: m,
+    fullWidth: u = !1,
     size: P = "medium",
-    startIcon: h,
-    type: j,
-    variant: io = "text"
-  } = d, to = _(d, bo), L = a({}, d, {
-    color: $,
-    component: c,
+    startIcon: y,
+    type: T,
+    variant: q = "text"
+  } = d, J = D(d, so), L = a({}, d, {
+    color: x,
+    component: v,
     disabled: z,
-    disableElevation: B,
-    disableFocusRipple: g,
-    fullWidth: p,
+    disableElevation: $,
+    disableFocusRipple: B,
+    fullWidth: u,
     size: P,
-    type: j,
-    variant: io
-  }), k = xo(L), ao = h && /* @__PURE__ */ b(ho, {
-    className: k.startIcon,
+    type: T,
+    variant: q
+  }), C = lo(L), K = y && /* @__PURE__ */ b(co, {
+    className: C.startIcon,
     ownerState: L,
-    children: h
-  }), ro = v && /* @__PURE__ */ b(mo, {
-    className: k.endIcon,
+    children: y
+  }), Q = I && /* @__PURE__ */ b(uo, {
+    className: C.endIcon,
     ownerState: L,
-    children: v
-  }), so = s || "";
-  return /* @__PURE__ */ N(yo, a({
+    children: I
+  }), X = r || "";
+  return /* @__PURE__ */ O(eo, a({
     ownerState: L,
-    className: T(r.className, k.root, x, so),
-    component: c,
+    className: k(s.className, C.root, h, X),
+    component: v,
     disabled: z,
-    focusRipple: !g,
-    focusVisibleClassName: T(k.focusVisible, y),
+    focusRipple: !B,
+    focusVisibleClassName: k(C.focusVisible, m),
     ref: t,
-    type: j
-  }, to, {
-    classes: k,
-    children: [ao, u, ro]
+    type: T
+  }, J, {
+    classes: C,
+    children: [K, g, Q]
   }));
 });
-process.env.NODE_ENV !== "production" && (w.propTypes = {
+process.env.NODE_ENV !== "production" && (H.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -357,243 +355,36 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
    */
   variant: i.oneOfType([i.oneOf(["contained", "outlined", "text"]), i.string])
 });
-const Co = w;
-function Io(o) {
-  return W("MuiCircularProgress", o);
-}
-M("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
-const $o = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
-let O = (o) => o, U, F, G, H;
-const m = 44, zo = Y(U || (U = O`
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-`)), Po = Y(F || (F = O`
-  0% {
-    stroke-dasharray: 1px, 200px;
-    stroke-dashoffset: 0;
-  }
-
-  50% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -15px;
-  }
-
-  100% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -125px;
-  }
-`)), Bo = (o) => {
-  const {
-    classes: n,
-    variant: t,
-    color: r,
-    disableShrink: s
-  } = o, l = {
-    root: ["root", t, `color${e(r)}`],
-    svg: ["svg"],
-    circle: ["circle", `circle${e(t)}`, s && "circleDisableShrink"]
-  };
-  return S(l, Io, n);
-}, ko = I("span", {
-  name: "MuiCircularProgress",
-  slot: "Root",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: t
-    } = o;
-    return [n.root, n[t.variant], n[`color${e(t.color)}`]];
-  }
-})(({
-  ownerState: o,
-  theme: n
-}) => a({
-  display: "inline-block"
-}, o.variant === "determinate" && {
-  transition: n.transitions.create("transform")
-}, o.color !== "inherit" && {
-  color: (n.vars || n).palette[o.color].main
-}), ({
-  ownerState: o
-}) => o.variant === "indeterminate" && Z(G || (G = O`
-      animation: ${0} 1.4s linear infinite;
-    `), zo)), Lo = I("svg", {
-  name: "MuiCircularProgress",
-  slot: "Svg",
-  overridesResolver: (o, n) => n.svg
-})({
-  display: "block"
-  // Keeps the progress centered
-}), Ro = I("circle", {
-  name: "MuiCircularProgress",
-  slot: "Circle",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: t
-    } = o;
-    return [n.circle, n[`circle${e(t.variant)}`], t.disableShrink && n.circleDisableShrink];
-  }
-})(({
-  ownerState: o,
-  theme: n
-}) => a({
-  stroke: "currentColor"
-}, o.variant === "determinate" && {
-  transition: n.transitions.create("stroke-dashoffset")
-}, o.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: o
-}) => o.variant === "indeterminate" && !o.disableShrink && Z(H || (H = O`
-      animation: ${0} 1.4s ease-in-out infinite;
-    `), Po)), oo = /* @__PURE__ */ C.forwardRef(function(n, t) {
-  const r = D({
-    props: n,
-    name: "MuiCircularProgress"
-  }), {
-    className: s,
-    color: l = "primary",
-    disableShrink: d = !1,
-    size: u = 40,
-    style: $,
-    thickness: c = 3.6,
-    value: x = 0,
-    variant: z = "indeterminate"
-  } = r, B = _(r, $o), g = a({}, r, {
-    color: l,
-    disableShrink: d,
-    size: u,
-    thickness: c,
-    value: x,
-    variant: z
-  }), v = Bo(g), y = {}, p = {}, P = {};
-  if (z === "determinate") {
-    const h = 2 * Math.PI * ((m - c) / 2);
-    y.strokeDasharray = h.toFixed(3), P["aria-valuenow"] = Math.round(x), y.strokeDashoffset = `${((100 - x) / 100 * h).toFixed(3)}px`, p.transform = "rotate(-90deg)";
-  }
-  return /* @__PURE__ */ b(ko, a({
-    className: T(v.root, s),
-    style: a({
-      width: u,
-      height: u
-    }, p, $),
-    ownerState: g,
-    ref: t,
-    role: "progressbar"
-  }, P, B, {
-    children: /* @__PURE__ */ b(Lo, {
-      className: v.svg,
-      ownerState: g,
-      viewBox: `${m / 2} ${m / 2} ${m} ${m}`,
-      children: /* @__PURE__ */ b(Ro, {
-        className: v.circle,
-        style: y,
-        ownerState: g,
-        cx: m,
-        cy: m,
-        r: (m - c) / 2,
-        fill: "none",
-        strokeWidth: c
-      })
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" && (oo.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: i.object,
-  /**
-   * @ignore
-   */
-  className: i.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: i.oneOfType([i.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), i.string]),
-  /**
-   * If `true`, the shrink animation is disabled.
-   * This only works if variant is `indeterminate`.
-   * @default false
-   */
-  disableShrink: A(i.bool, (o) => o.disableShrink && o.variant && o.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: i.oneOfType([i.number, i.string]),
-  /**
-   * @ignore
-   */
-  style: i.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object]),
-  /**
-   * The thickness of the circle.
-   * @default 3.6
-   */
-  thickness: i.number,
-  /**
-   * The value of the progress indicator for the determinate variant.
-   * Value between 0 and 100.
-   * @default 0
-   */
-  value: i.number,
-  /**
-   * The variant to use.
-   * Use indeterminate when there is no progress value.
-   * @default 'indeterminate'
-   */
-  variant: i.oneOf(["determinate", "indeterminate"])
-});
-const Eo = oo;
-function Oo(o) {
-  return W("MuiLoadingButton", o);
+const po = H;
+function go(o) {
+  return V("MuiLoadingButton", o);
 }
-const To = M("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), f = To, No = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"], Mo = (o) => {
+const vo = W("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), c = vo, bo = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"], fo = (o) => {
   const {
     loading: n,
     loadingPosition: t,
-    classes: r
-  } = o, s = {
+    classes: s
+  } = o, r = {
     root: ["root", n && "loading"],
-    startIcon: [n && `startIconLoading${e(t)}`],
-    endIcon: [n && `endIconLoading${e(t)}`],
-    loadingIndicator: ["loadingIndicator", n && `loadingIndicator${e(t)}`]
-  }, l = S(s, Oo, r);
-  return a({}, r, l);
-}, So = (o) => o !== "ownerState" && o !== "theme" && o !== "sx" && o !== "as" && o !== "classes", Wo = I(Co, {
-  shouldForwardProp: (o) => So(o) || o === "classes",
+    startIcon: [n && `startIconLoading${l(t)}`],
+    endIcon: [n && `endIconLoading${l(t)}`],
+    loadingIndicator: ["loadingIndicator", n && `loadingIndicator${l(t)}`]
+  }, e = M(r, go, s);
+  return a({}, s, e);
+}, xo = (o) => o !== "ownerState" && o !== "theme" && o !== "sx" && o !== "as" && o !== "classes", Io = f(po, {
+  shouldForwardProp: (o) => xo(o) || o === "classes",
   name: "MuiLoadingButton",
   slot: "Root",
   overridesResolver: (o, n) => [n.root, n.startIconLoadingStart && {
-    [`& .${f.startIconLoadingStart}`]: n.startIconLoadingStart
+    [`& .${c.startIconLoadingStart}`]: n.startIconLoadingStart
   }, n.endIconLoadingEnd && {
-    [`& .${f.endIconLoadingEnd}`]: n.endIconLoadingEnd
+    [`& .${c.endIconLoadingEnd}`]: n.endIconLoadingEnd
   }]
 })(({
   ownerState: o,
   theme: n
 }) => a({
-  [`& .${f.startIconLoadingStart}, & .${f.endIconLoadingEnd}`]: {
+  [`& .${c.startIconLoadingStart}, & .${c.endIconLoadingEnd}`]: {
     transition: n.transitions.create(["opacity"], {
       duration: n.transitions.duration.short
     }),
@@ -603,11 +394,11 @@ const To = M("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadin
   transition: n.transitions.create(["background-color", "box-shadow", "border-color"], {
     duration: n.transitions.duration.short
   }),
-  [`&.${f.loading}`]: {
+  [`&.${c.loading}`]: {
     color: "transparent"
   }
 }, o.loadingPosition === "start" && o.fullWidth && {
-  [`& .${f.startIconLoadingStart}, & .${f.endIconLoadingEnd}`]: {
+  [`& .${c.startIconLoadingStart}, & .${c.endIconLoadingEnd}`]: {
     transition: n.transitions.create(["opacity"], {
       duration: n.transitions.duration.short
     }),
@@ -615,21 +406,21 @@ const To = M("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadin
     marginRight: -8
   }
 }, o.loadingPosition === "end" && o.fullWidth && {
-  [`& .${f.startIconLoadingStart}, & .${f.endIconLoadingEnd}`]: {
+  [`& .${c.startIconLoadingStart}, & .${c.endIconLoadingEnd}`]: {
     transition: n.transitions.create(["opacity"], {
       duration: n.transitions.duration.short
     }),
     opacity: 0,
     marginLeft: -8
   }
-})), _o = I("span", {
+})), yo = f("span", {
   name: "MuiLoadingButton",
   slot: "LoadingIndicator",
   overridesResolver: (o, n) => {
     const {
       ownerState: t
     } = o;
-    return [n.loadingIndicator, n[`loadingIndicator${e(t.loadingPosition)}`]];
+    return [n.loadingIndicator, n[`loadingIndicator${l(t.loadingPosition)}`]];
   }
 })(({
   theme: o,
@@ -656,45 +447,45 @@ const To = M("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadin
 }, n.loadingPosition === "end" && n.fullWidth && {
   position: "relative",
   right: -10
-})), no = /* @__PURE__ */ C.forwardRef(function(n, t) {
-  const r = C.useContext(J), s = K(r, n), l = D({
-    props: s,
+})), A = /* @__PURE__ */ p.forwardRef(function(n, t) {
+  const s = p.useContext(G), r = _(s, n), e = j({
+    props: r,
     name: "MuiLoadingButton"
   }), {
     children: d,
-    disabled: u = !1,
-    id: $,
-    loading: c = !1,
-    loadingIndicator: x,
+    disabled: g = !1,
+    id: x,
+    loading: v = !1,
+    loadingIndicator: h,
     loadingPosition: z = "center",
-    variant: B = "text"
-  } = l, g = _(l, No), v = uo($), y = x ?? /* @__PURE__ */ b(Eo, {
-    "aria-labelledby": v,
+    variant: $ = "text"
+  } = e, B = D(e, bo), I = w(x), m = h ?? /* @__PURE__ */ b(no, {
+    "aria-labelledby": I,
     color: "inherit",
     size: 16
-  }), p = a({}, l, {
-    disabled: u,
-    loading: c,
-    loadingIndicator: y,
+  }), u = a({}, e, {
+    disabled: g,
+    loading: v,
+    loadingIndicator: m,
     loadingPosition: z,
-    variant: B
-  }), P = Mo(p), h = c ? /* @__PURE__ */ b(_o, {
+    variant: $
+  }), P = fo(u), y = v ? /* @__PURE__ */ b(yo, {
     className: P.loadingIndicator,
-    ownerState: p,
-    children: y
+    ownerState: u,
+    children: m
   }) : null;
-  return /* @__PURE__ */ N(Wo, a({
-    disabled: u || c,
-    id: v,
+  return /* @__PURE__ */ O(Io, a({
+    disabled: g || v,
+    id: I,
     ref: t
-  }, g, {
-    variant: B,
+  }, B, {
+    variant: $,
     classes: P,
-    ownerState: p,
-    children: [p.loadingPosition === "end" ? d : h, p.loadingPosition === "end" ? h : d]
+    ownerState: u,
+    children: [u.loadingPosition === "end" ? d : y, u.loadingPosition === "end" ? y : d]
   }));
 });
-process.env.NODE_ENV !== "production" && (no.propTypes = {
+process.env.NODE_ENV !== "production" && (A.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -732,7 +523,7 @@ process.env.NODE_ENV !== "production" && (no.propTypes = {
    * The loading indicator can be positioned on the start, end, or the center of the button.
    * @default 'center'
    */
-  loadingPosition: A(i.oneOf(["start", "end", "center"]), (o) => o.loadingPosition === "start" && !o.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : o.loadingPosition === "end" && !o.endIcon ? new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.') : null),
+  loadingPosition: oo(i.oneOf(["start", "end", "center"]), (o) => o.loadingPosition === "start" && !o.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : o.loadingPosition === "end" && !o.endIcon ? new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.') : null),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -743,7 +534,7 @@ process.env.NODE_ENV !== "production" && (no.propTypes = {
    */
   variant: i.oneOfType([i.oneOf(["contained", "outlined", "text"]), i.string])
 });
-const Do = no, jo = eo(Do, {
+const Co = A, ho = f(Co, {
   shouldForwardProp: (o) => o !== "contentColor" && o !== "hoverColor"
 })(({ contentColor: o, hoverColor: n, theme: t }) => ({
   justifyContent: "center",
@@ -763,28 +554,28 @@ const Do = no, jo = eo(Do, {
     borderColor: n,
     borderWidth: 2
   }
-})), Qo = ({
+})), To = ({
   icon: o,
   text: n,
   ...t
 }) => {
-  const r = po(), s = t.contentColor ?? r.palette.primary.main;
-  return /* @__PURE__ */ N(
-    jo,
+  const s = io(), r = t.contentColor ?? s.palette.primary.main;
+  return /* @__PURE__ */ O(
+    ho,
     {
       ...t,
       variant: "outlined",
-      contentColor: s,
-      hoverColor: t.hoverColor ?? s,
+      contentColor: r,
+      hoverColor: t.hoverColor ?? r,
       children: [
-        (o == null ? void 0 : o.position) === "left" ? /* @__PURE__ */ b(V, { ...o }) : null,
+        (o == null ? void 0 : o.position) === "left" ? /* @__PURE__ */ b(N, { ...o }) : null,
         n,
-        (o == null ? void 0 : o.position) === "right" ? /* @__PURE__ */ b(V, { ...o }) : null
+        (o == null ? void 0 : o.position) === "right" ? /* @__PURE__ */ b(N, { ...o }) : null
       ]
     }
   );
 };
 export {
-  Co as B,
-  Qo as D
+  po as B,
+  To as D
 };