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

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

@@ -1,36 +1,38 @@
-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);
+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);
 }
-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 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 {
     color: n,
     disableElevation: t,
-    fullWidth: s,
-    size: r,
-    variant: e,
+    fullWidth: r,
+    size: s,
+    variant: l,
     classes: d
-  } = o, g = {
-    root: ["root", e, `${e}${l(n)}`, `size${l(r)}`, `${e}Size${l(r)}`, n === "inherit" && "colorInherit", t && "disableElevation", s && "fullWidth"],
+  } = o, u = {
+    root: ["root", l, `${l}${e(n)}`, `size${e(s)}`, `${l}Size${e(s)}`, n === "inherit" && "colorInherit", t && "disableElevation", r && "fullWidth"],
     label: ["label"],
-    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" && {
+    startIcon: ["startIcon", `iconSize${e(s)}`],
+    endIcon: ["endIcon", `iconSize${e(s)}`]
+  }, $ = S(u, go, d);
+  return a({}, d, $);
+}, X = (o) => a({}, o.size === "small" && {
   "& > *:nth-of-type(1)": {
     fontSize: 18
   }
@@ -42,22 +44,22 @@ const ro = U, so = ["children", "color", "component", "className", "disabled", "
   "& > *:nth-of-type(1)": {
     fontSize: 22
   }
-}), eo = f(Z, {
-  shouldForwardProp: (o) => Y(o) || o === "classes",
+}), yo = I(co, {
+  shouldForwardProp: (o) => lo(o) || o === "classes",
   name: "MuiButton",
   slot: "Root",
   overridesResolver: (o, n) => {
     const {
       ownerState: t
     } = o;
-    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];
+    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];
   }
 })(({
   theme: o,
   ownerState: n
 }) => {
-  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];
+  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];
   return a({}, o.typography.button, {
     minWidth: 64,
     padding: "6px 16px",
@@ -67,26 +69,26 @@ const ro = U, so = ["children", "color", "component", "className", "disabled", "
     }),
     "&:hover": a({
       textDecoration: "none",
-      backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : E(o.palette.text.primary, o.palette.action.hoverOpacity),
+      backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : R(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})` : E(o.palette[n.color].main, o.palette.action.hoverOpacity),
+      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),
       // 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})` : E(o.palette[n.color].main, o.palette.action.hoverOpacity),
+      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),
       // 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 : e,
+      backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedHoverBg : l,
       boxShadow: (o.vars || o).shadows[4],
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
@@ -103,10 +105,10 @@ const ro = U, so = ["children", "color", "component", "className", "disabled", "
     "&:active": a({}, n.variant === "contained" && {
       boxShadow: (o.vars || o).shadows[8]
     }),
-    [`&.${R.focusVisible}`]: a({}, n.variant === "contained" && {
+    [`&.${E.focusVisible}`]: a({}, n.variant === "contained" && {
       boxShadow: (o.vars || o).shadows[6]
     }),
-    [`&.${R.disabled}`]: a({
+    [`&.${E.disabled}`]: a({
       color: (o.vars || o).palette.action.disabled
     }, n.variant === "outlined" && {
       border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
@@ -124,13 +126,13 @@ const ro = U, so = ["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 ${E(o.palette[n.color].main, 0.5)}`
+    border: o.vars ? `1px solid rgba(${o.vars.palette[n.color].mainChannel} / 0.5)` : `1px solid ${R(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 = (s = o.palette).getContrastText) == null ? void 0 : t.call(s, o.palette.grey[300]),
-    backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedBg : r,
+    ) : (t = (r = o.palette).getContrastText) == null ? void 0 : t.call(r, o.palette.grey[300]),
+    backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedBg : s,
     boxShadow: (o.vars || o).shadows[2]
   }, n.variant === "contained" && n.color !== "inherit" && {
     color: (o.vars || o).palette[n.color].contrastText,
@@ -166,23 +168,23 @@ const ro = U, so = ["children", "color", "component", "className", "disabled", "
   "&:hover": {
     boxShadow: "none"
   },
-  [`&.${R.focusVisible}`]: {
+  [`&.${E.focusVisible}`]: {
     boxShadow: "none"
   },
   "&:active": {
     boxShadow: "none"
   },
-  [`&.${R.disabled}`]: {
+  [`&.${E.disabled}`]: {
     boxShadow: "none"
   }
-}), co = f("span", {
+}), ho = I("span", {
   name: "MuiButton",
   slot: "StartIcon",
   overridesResolver: (o, n) => {
     const {
       ownerState: t
     } = o;
-    return [n.startIcon, n[`iconSize${l(t.size)}`]];
+    return [n.startIcon, n[`iconSize${e(t.size)}`]];
   }
 })(({
   ownerState: o
@@ -192,14 +194,14 @@ const ro = U, so = ["children", "color", "component", "className", "disabled", "
   marginLeft: -4
 }, o.size === "small" && {
   marginLeft: -2
-}, S(o))), uo = f("span", {
+}, X(o))), mo = I("span", {
   name: "MuiButton",
   slot: "EndIcon",
   overridesResolver: (o, n) => {
     const {
       ownerState: t
     } = o;
-    return [n.endIcon, n[`iconSize${l(t.size)}`]];
+    return [n.endIcon, n[`iconSize${e(t.size)}`]];
   }
 })(({
   ownerState: o
@@ -209,59 +211,59 @@ const ro = U, so = ["children", "color", "component", "className", "disabled", "
   marginLeft: 8
 }, o.size === "small" && {
   marginRight: -2
-}, 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,
+}, 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,
     name: "MuiButton"
   }), {
-    children: g,
-    color: x = "primary",
-    component: v = "button",
-    className: h,
+    children: u,
+    color: $ = "primary",
+    component: c = "button",
+    className: x,
     disabled: z = !1,
-    disableElevation: $ = !1,
-    disableFocusRipple: B = !1,
-    endIcon: I,
-    focusVisibleClassName: m,
-    fullWidth: u = !1,
+    disableElevation: B = !1,
+    disableFocusRipple: g = !1,
+    endIcon: v,
+    focusVisibleClassName: y,
+    fullWidth: p = !1,
     size: P = "medium",
-    startIcon: y,
-    type: T,
-    variant: q = "text"
-  } = d, J = D(d, so), L = a({}, d, {
-    color: x,
-    component: v,
+    startIcon: h,
+    type: j,
+    variant: io = "text"
+  } = d, to = _(d, bo), L = a({}, d, {
+    color: $,
+    component: c,
     disabled: z,
-    disableElevation: $,
-    disableFocusRipple: B,
-    fullWidth: u,
+    disableElevation: B,
+    disableFocusRipple: g,
+    fullWidth: p,
     size: P,
-    type: T,
-    variant: q
-  }), C = lo(L), K = y && /* @__PURE__ */ b(co, {
-    className: C.startIcon,
+    type: j,
+    variant: io
+  }), k = xo(L), ao = h && /* @__PURE__ */ b(ho, {
+    className: k.startIcon,
     ownerState: L,
-    children: y
-  }), Q = I && /* @__PURE__ */ b(uo, {
-    className: C.endIcon,
+    children: h
+  }), ro = v && /* @__PURE__ */ b(mo, {
+    className: k.endIcon,
     ownerState: L,
-    children: I
-  }), X = r || "";
-  return /* @__PURE__ */ O(eo, a({
+    children: v
+  }), so = s || "";
+  return /* @__PURE__ */ N(yo, a({
     ownerState: L,
-    className: k(s.className, C.root, h, X),
-    component: v,
+    className: T(r.className, k.root, x, so),
+    component: c,
     disabled: z,
-    focusRipple: !B,
-    focusVisibleClassName: k(C.focusVisible, m),
+    focusRipple: !g,
+    focusVisibleClassName: T(k.focusVisible, y),
     ref: t,
-    type: T
-  }, J, {
-    classes: C,
-    children: [K, g, Q]
+    type: j
+  }, to, {
+    classes: k,
+    children: [ao, u, ro]
   }));
 });
-process.env.NODE_ENV !== "production" && (H.propTypes = {
+process.env.NODE_ENV !== "production" && (w.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -355,36 +357,243 @@ process.env.NODE_ENV !== "production" && (H.propTypes = {
    */
   variant: i.oneOfType([i.oneOf(["contained", "outlined", "text"]), i.string])
 });
-const po = H;
-function go(o) {
-  return V("MuiLoadingButton", o);
+const Co = w;
+function Io(o) {
+  return W("MuiCircularProgress", 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) => {
+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 To = M("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), f = To, No = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"], Mo = (o) => {
   const {
     loading: n,
     loadingPosition: t,
-    classes: s
-  } = o, r = {
+    classes: r
+  } = o, s = {
     root: ["root", n && "loading"],
-    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",
+    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",
   name: "MuiLoadingButton",
   slot: "Root",
   overridesResolver: (o, n) => [n.root, n.startIconLoadingStart && {
-    [`& .${c.startIconLoadingStart}`]: n.startIconLoadingStart
+    [`& .${f.startIconLoadingStart}`]: n.startIconLoadingStart
   }, n.endIconLoadingEnd && {
-    [`& .${c.endIconLoadingEnd}`]: n.endIconLoadingEnd
+    [`& .${f.endIconLoadingEnd}`]: n.endIconLoadingEnd
   }]
 })(({
   ownerState: o,
   theme: n
 }) => a({
-  [`& .${c.startIconLoadingStart}, & .${c.endIconLoadingEnd}`]: {
+  [`& .${f.startIconLoadingStart}, & .${f.endIconLoadingEnd}`]: {
     transition: n.transitions.create(["opacity"], {
       duration: n.transitions.duration.short
     }),
@@ -394,11 +603,11 @@ const vo = W("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadin
   transition: n.transitions.create(["background-color", "box-shadow", "border-color"], {
     duration: n.transitions.duration.short
   }),
-  [`&.${c.loading}`]: {
+  [`&.${f.loading}`]: {
     color: "transparent"
   }
 }, o.loadingPosition === "start" && o.fullWidth && {
-  [`& .${c.startIconLoadingStart}, & .${c.endIconLoadingEnd}`]: {
+  [`& .${f.startIconLoadingStart}, & .${f.endIconLoadingEnd}`]: {
     transition: n.transitions.create(["opacity"], {
       duration: n.transitions.duration.short
     }),
@@ -406,21 +615,21 @@ const vo = W("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadin
     marginRight: -8
   }
 }, o.loadingPosition === "end" && o.fullWidth && {
-  [`& .${c.startIconLoadingStart}, & .${c.endIconLoadingEnd}`]: {
+  [`& .${f.startIconLoadingStart}, & .${f.endIconLoadingEnd}`]: {
     transition: n.transitions.create(["opacity"], {
       duration: n.transitions.duration.short
     }),
     opacity: 0,
     marginLeft: -8
   }
-})), yo = f("span", {
+})), _o = I("span", {
   name: "MuiLoadingButton",
   slot: "LoadingIndicator",
   overridesResolver: (o, n) => {
     const {
       ownerState: t
     } = o;
-    return [n.loadingIndicator, n[`loadingIndicator${l(t.loadingPosition)}`]];
+    return [n.loadingIndicator, n[`loadingIndicator${e(t.loadingPosition)}`]];
   }
 })(({
   theme: o,
@@ -447,45 +656,45 @@ const vo = W("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadin
 }, n.loadingPosition === "end" && n.fullWidth && {
   position: "relative",
   right: -10
-})), A = /* @__PURE__ */ p.forwardRef(function(n, t) {
-  const s = p.useContext(G), r = _(s, n), e = j({
-    props: r,
+})), no = /* @__PURE__ */ C.forwardRef(function(n, t) {
+  const r = C.useContext(J), s = K(r, n), l = D({
+    props: s,
     name: "MuiLoadingButton"
   }), {
     children: d,
-    disabled: g = !1,
-    id: x,
-    loading: v = !1,
-    loadingIndicator: h,
+    disabled: u = !1,
+    id: $,
+    loading: c = !1,
+    loadingIndicator: x,
     loadingPosition: z = "center",
-    variant: $ = "text"
-  } = e, B = D(e, bo), I = w(x), m = h ?? /* @__PURE__ */ b(no, {
-    "aria-labelledby": I,
+    variant: B = "text"
+  } = l, g = _(l, No), v = uo($), y = x ?? /* @__PURE__ */ b(Eo, {
+    "aria-labelledby": v,
     color: "inherit",
     size: 16
-  }), u = a({}, e, {
-    disabled: g,
-    loading: v,
-    loadingIndicator: m,
+  }), p = a({}, l, {
+    disabled: u,
+    loading: c,
+    loadingIndicator: y,
     loadingPosition: z,
-    variant: $
-  }), P = fo(u), y = v ? /* @__PURE__ */ b(yo, {
+    variant: B
+  }), P = Mo(p), h = c ? /* @__PURE__ */ b(_o, {
     className: P.loadingIndicator,
-    ownerState: u,
-    children: m
+    ownerState: p,
+    children: y
   }) : null;
-  return /* @__PURE__ */ O(Io, a({
-    disabled: g || v,
-    id: I,
+  return /* @__PURE__ */ N(Wo, a({
+    disabled: u || c,
+    id: v,
     ref: t
-  }, B, {
-    variant: $,
+  }, g, {
+    variant: B,
     classes: P,
-    ownerState: u,
-    children: [u.loadingPosition === "end" ? d : y, u.loadingPosition === "end" ? y : d]
+    ownerState: p,
+    children: [p.loadingPosition === "end" ? d : h, p.loadingPosition === "end" ? h : d]
   }));
 });
-process.env.NODE_ENV !== "production" && (A.propTypes = {
+process.env.NODE_ENV !== "production" && (no.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -523,7 +732,7 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
    * The loading indicator can be positioned on the start, end, or the center of the button.
    * @default 'center'
    */
-  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),
+  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),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -534,7 +743,7 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
    */
   variant: i.oneOfType([i.oneOf(["contained", "outlined", "text"]), i.string])
 });
-const Co = A, ho = f(Co, {
+const Do = no, jo = eo(Do, {
   shouldForwardProp: (o) => o !== "contentColor" && o !== "hoverColor"
 })(({ contentColor: o, hoverColor: n, theme: t }) => ({
   justifyContent: "center",
@@ -554,28 +763,28 @@ const Co = A, ho = f(Co, {
     borderColor: n,
     borderWidth: 2
   }
-})), To = ({
+})), Qo = ({
   icon: o,
   text: n,
   ...t
 }) => {
-  const s = io(), r = t.contentColor ?? s.palette.primary.main;
-  return /* @__PURE__ */ O(
-    ho,
+  const r = po(), s = t.contentColor ?? r.palette.primary.main;
+  return /* @__PURE__ */ N(
+    jo,
     {
       ...t,
       variant: "outlined",
-      contentColor: r,
-      hoverColor: t.hoverColor ?? r,
+      contentColor: s,
+      hoverColor: t.hoverColor ?? s,
       children: [
-        (o == null ? void 0 : o.position) === "left" ? /* @__PURE__ */ b(N, { ...o }) : null,
+        (o == null ? void 0 : o.position) === "left" ? /* @__PURE__ */ b(V, { ...o }) : null,
         n,
-        (o == null ? void 0 : o.position) === "right" ? /* @__PURE__ */ b(N, { ...o }) : null
+        (o == null ? void 0 : o.position) === "right" ? /* @__PURE__ */ b(V, { ...o }) : null
       ]
     }
   );
 };
 export {
-  po as B,
-  To as D
+  Co as B,
+  Qo as D
 };