@cgi-learning-hub/ui 1.3.5-dev.1736346072 → 1.3.5

package/dist/{Button-By0vfP8J.js → Button-BnNYfQ3E.js}

@@ -1,37 +1,70 @@
-import * as u from "react";
-import { I as L, H as j, L as e, n as c, G as I, P as a } from "./identifier-DuQ8Gjnk.js";
-import { s as b, r as G, a as D, u as F, c as U } from "./DefaultPropsProvider-DEufUd_C.js";
-import { m as H } from "./memoTheme-BX806g-H.js";
+import * as g from "react";
+import { I as L, H as G, n as v, G as m, P as t } from "./generateUtilityClasses-Bssl7BA_.js";
+import { s as f, r as D, u as F, c as U } from "./DefaultPropsProvider-CvJPQJmL.js";
+import { m as H } from "./memoTheme-D7Fyh_3C.js";
 import { c as _ } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { jsxs as A, jsx as m } from "react/jsx-runtime";
-import { B as q } from "./ButtonBase-ZtXnS9gg.js";
-function J(o) {
-  return j("MuiButton", o);
+import { jsxs as A, jsx as I } from "react/jsx-runtime";
+import { B as K } from "./ButtonBase-DAWDecOk.js";
+import { c as s } from "./capitalize-CkF8kU4n.js";
+function w(o, n) {
+  const a = {
+    ...n
+  };
+  for (const e in o)
+    if (Object.prototype.hasOwnProperty.call(o, e)) {
+      const r = e;
+      if (r === "components" || r === "slots")
+        a[r] = {
+          ...o[r],
+          ...a[r]
+        };
+      else if (r === "componentsProps" || r === "slotProps") {
+        const i = o[r], l = n[r];
+        if (!l)
+          a[r] = i || {};
+        else if (!i)
+          a[r] = l;
+        else {
+          a[r] = {
+            ...l
+          };
+          for (const c in i)
+            if (Object.prototype.hasOwnProperty.call(i, c)) {
+              const p = c;
+              a[r][p] = w(i[p], l[p]);
+            }
+        }
+      } else a[r] === void 0 && (a[r] = o[r]);
+    }
+  return a;
+}
+function q(o) {
+  return G("MuiButton", o);
 }
-const s = L("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", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), $ = /* @__PURE__ */ u.createContext({});
+const d = L("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", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), $ = /* @__PURE__ */ g.createContext({});
 process.env.NODE_ENV !== "production" && ($.displayName = "ButtonGroupContext");
-const w = /* @__PURE__ */ u.createContext(void 0);
-process.env.NODE_ENV !== "production" && (w.displayName = "ButtonGroupButtonContext");
-const K = (o) => {
+const O = /* @__PURE__ */ g.createContext(void 0);
+process.env.NODE_ENV !== "production" && (O.displayName = "ButtonGroupButtonContext");
+const J = (o) => {
   const {
-    color: t,
-    disableElevation: n,
-    fullWidth: r,
-    size: i,
-    variant: l,
-    classes: d
-  } = o, g = {
-    root: ["root", l, `${l}${e(t)}`, `size${e(i)}`, `${l}Size${e(i)}`, `color${e(t)}`, n && "disableElevation", r && "fullWidth"],
+    color: n,
+    disableElevation: a,
+    fullWidth: e,
+    size: r,
+    variant: i,
+    classes: l
+  } = o, c = {
+    root: ["root", i, `${i}${s(n)}`, `size${s(r)}`, `${i}Size${s(r)}`, `color${s(n)}`, a && "disableElevation", e && "fullWidth"],
     label: ["label"],
-    startIcon: ["icon", "startIcon", `iconSize${e(i)}`],
-    endIcon: ["icon", "endIcon", `iconSize${e(i)}`]
-  }, x = U(g, J, d);
+    startIcon: ["icon", "startIcon", `iconSize${s(r)}`],
+    endIcon: ["icon", "endIcon", `iconSize${s(r)}`]
+  }, p = U(c, q, l);
   return {
-    ...d,
+    ...l,
     // forward the focused, disabled, etc. classes to the ButtonBase
-    ...x
+    ...p
   };
-}, O = [{
+}, R = [{
   props: {
     size: "small"
   },
@@ -58,20 +91,20 @@ const K = (o) => {
       fontSize: 22
     }
   }
-}], Q = b(q, {
-  shouldForwardProp: (o) => G(o) || o === "classes",
+}], Q = f(K, {
+  shouldForwardProp: (o) => D(o) || o === "classes",
   name: "MuiButton",
   slot: "Root",
-  overridesResolver: (o, t) => {
+  overridesResolver: (o, n) => {
     const {
-      ownerState: n
+      ownerState: a
     } = o;
-    return [t.root, t[n.variant], t[`${n.variant}${e(n.color)}`], t[`size${e(n.size)}`], t[`${n.variant}Size${e(n.size)}`], n.color === "inherit" && t.colorInherit, n.disableElevation && t.disableElevation, n.fullWidth && t.fullWidth];
+    return [n.root, n[a.variant], n[`${a.variant}${s(a.color)}`], n[`size${s(a.size)}`], n[`${a.variant}Size${s(a.size)}`], a.color === "inherit" && n.colorInherit, a.disableElevation && n.disableElevation, a.fullWidth && n.fullWidth];
   }
 })(H(({
   theme: o
 }) => {
-  const t = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], n = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
+  const n = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], a = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
   return {
     ...o.typography.button,
     minWidth: 64,
@@ -84,7 +117,7 @@ const K = (o) => {
     "&:hover": {
       textDecoration: "none"
     },
-    [`&.${s.disabled}`]: {
+    [`&.${d.disabled}`]: {
       color: (o.vars || o).palette.action.disabled
     },
     variants: [{
@@ -105,10 +138,10 @@ const K = (o) => {
         "&:active": {
           boxShadow: (o.vars || o).shadows[8]
         },
-        [`&.${s.focusVisible}`]: {
+        [`&.${d.focusVisible}`]: {
           boxShadow: (o.vars || o).shadows[6]
         },
-        [`&.${s.disabled}`]: {
+        [`&.${d.disabled}`]: {
           color: (o.vars || o).palette.action.disabled,
           boxShadow: (o.vars || o).shadows[0],
           backgroundColor: (o.vars || o).palette.action.disabledBackground
@@ -124,7 +157,7 @@ const K = (o) => {
         borderColor: "var(--variant-outlinedBorder, currentColor)",
         backgroundColor: "var(--variant-outlinedBg)",
         color: "var(--variant-outlinedColor)",
-        [`&.${s.disabled}`]: {
+        [`&.${d.disabled}`]: {
           border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
         }
       }
@@ -137,22 +170,22 @@ const K = (o) => {
         color: "var(--variant-textColor)",
         backgroundColor: "var(--variant-textBg)"
       }
-    }, ...Object.entries(o.palette).filter(_()).map(([r]) => ({
+    }, ...Object.entries(o.palette).filter(_()).map(([e]) => ({
       props: {
-        color: r
+        color: e
       },
       style: {
-        "--variant-textColor": (o.vars || o).palette[r].main,
-        "--variant-outlinedColor": (o.vars || o).palette[r].main,
-        "--variant-outlinedBorder": o.vars ? `rgba(${o.vars.palette[r].mainChannel} / 0.5)` : c(o.palette[r].main, 0.5),
-        "--variant-containedColor": (o.vars || o).palette[r].contrastText,
-        "--variant-containedBg": (o.vars || o).palette[r].main,
+        "--variant-textColor": (o.vars || o).palette[e].main,
+        "--variant-outlinedColor": (o.vars || o).palette[e].main,
+        "--variant-outlinedBorder": o.vars ? `rgba(${o.vars.palette[e].mainChannel} / 0.5)` : v(o.palette[e].main, 0.5),
+        "--variant-containedColor": (o.vars || o).palette[e].contrastText,
+        "--variant-containedBg": (o.vars || o).palette[e].main,
         "@media (hover: hover)": {
           "&:hover": {
-            "--variant-containedBg": (o.vars || o).palette[r].dark,
-            "--variant-textBg": o.vars ? `rgba(${o.vars.palette[r].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : c(o.palette[r].main, o.palette.action.hoverOpacity),
-            "--variant-outlinedBorder": (o.vars || o).palette[r].main,
-            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette[r].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : c(o.palette[r].main, o.palette.action.hoverOpacity)
+            "--variant-containedBg": (o.vars || o).palette[e].dark,
+            "--variant-textBg": o.vars ? `rgba(${o.vars.palette[e].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[e].main, o.palette.action.hoverOpacity),
+            "--variant-outlinedBorder": (o.vars || o).palette[e].main,
+            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette[e].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[e].main, o.palette.action.hoverOpacity)
           }
         }
       }
@@ -163,12 +196,12 @@ const K = (o) => {
       style: {
         color: "inherit",
         borderColor: "currentColor",
-        "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedBg : t,
+        "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedBg : n,
         "@media (hover: hover)": {
           "&:hover": {
-            "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedHoverBg : n,
-            "--variant-textBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : c(o.palette.text.primary, o.palette.action.hoverOpacity),
-            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : c(o.palette.text.primary, o.palette.action.hoverOpacity)
+            "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedHoverBg : a,
+            "--variant-textBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette.text.primary, o.palette.action.hoverOpacity),
+            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette.text.primary, o.palette.action.hoverOpacity)
           }
         }
       }
@@ -235,13 +268,13 @@ const K = (o) => {
         "&:hover": {
           boxShadow: "none"
         },
-        [`&.${s.focusVisible}`]: {
+        [`&.${d.focusVisible}`]: {
           boxShadow: "none"
         },
         "&:active": {
           boxShadow: "none"
         },
-        [`&.${s.disabled}`]: {
+        [`&.${d.disabled}`]: {
           boxShadow: "none"
         }
       }
@@ -254,14 +287,14 @@ const K = (o) => {
       }
     }]
   };
-})), X = b("span", {
+})), X = f("span", {
   name: "MuiButton",
   slot: "StartIcon",
-  overridesResolver: (o, t) => {
+  overridesResolver: (o, n) => {
     const {
-      ownerState: n
+      ownerState: a
     } = o;
-    return [t.startIcon, t[`iconSize${e(n.size)}`]];
+    return [n.startIcon, n[`iconSize${s(a.size)}`]];
   }
 })({
   display: "inherit",
@@ -274,15 +307,15 @@ const K = (o) => {
     style: {
       marginLeft: -2
     }
-  }, ...O]
-}), Y = b("span", {
+  }, ...R]
+}), Y = f("span", {
   name: "MuiButton",
   slot: "EndIcon",
-  overridesResolver: (o, t) => {
+  overridesResolver: (o, n) => {
     const {
-      ownerState: n
+      ownerState: a
     } = o;
-    return [t.endIcon, t[`iconSize${e(n.size)}`]];
+    return [n.endIcon, n[`iconSize${s(a.size)}`]];
   }
 })({
   display: "inherit",
@@ -295,59 +328,59 @@ const K = (o) => {
     style: {
       marginRight: -2
     }
-  }, ...O]
-}), Z = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = u.useContext($), i = u.useContext(w), l = D(r, t), d = F({
-    props: l,
+  }, ...R]
+}), Z = /* @__PURE__ */ g.forwardRef(function(n, a) {
+  const e = g.useContext($), r = g.useContext(O), i = w(e, n), l = F({
+    props: i,
     name: "MuiButton"
   }), {
-    children: g,
-    color: x = "primary",
-    component: y = "button",
-    className: R,
-    disabled: f = !1,
-    disableElevation: E = !1,
+    children: c,
+    color: p = "primary",
+    component: b = "button",
+    className: N,
+    disabled: x = !1,
+    disableElevation: h = !1,
     disableFocusRipple: S = !1,
     endIcon: z,
-    focusVisibleClassName: N,
-    fullWidth: h = !1,
+    focusVisibleClassName: E,
+    fullWidth: P = !1,
     size: T = "medium",
     startIcon: C,
     type: B,
-    variant: P = "text",
-    ...W
-  } = d, v = {
-    ...d,
-    color: x,
-    component: y,
-    disabled: f,
-    disableElevation: E,
+    variant: W = "text",
+    ...k
+  } = l, y = {
+    ...l,
+    color: p,
+    component: b,
+    disabled: x,
+    disableElevation: h,
     disableFocusRipple: S,
-    fullWidth: h,
+    fullWidth: P,
     size: T,
     type: B,
-    variant: P
-  }, p = K(v), M = C && /* @__PURE__ */ m(X, {
-    className: p.startIcon,
-    ownerState: v,
+    variant: W
+  }, u = J(y), M = C && /* @__PURE__ */ I(X, {
+    className: u.startIcon,
+    ownerState: y,
     children: C
-  }), V = z && /* @__PURE__ */ m(Y, {
-    className: p.endIcon,
-    ownerState: v,
+  }), V = z && /* @__PURE__ */ I(Y, {
+    className: u.endIcon,
+    ownerState: y,
     children: z
-  }), k = i || "";
+  }), j = r || "";
   return /* @__PURE__ */ A(Q, {
-    ownerState: v,
-    className: I(r.className, p.root, R, k),
-    component: y,
-    disabled: f,
+    ownerState: y,
+    className: m(e.className, u.root, N, j),
+    component: b,
+    disabled: x,
     focusRipple: !S,
-    focusVisibleClassName: I(p.focusVisible, N),
-    ref: n,
+    focusVisibleClassName: m(u.focusVisible, E),
+    ref: a,
     type: B,
-    ...W,
-    classes: p,
-    children: [M, g, V]
+    ...k,
+    classes: u,
+    children: [M, c, V]
   });
 });
 process.env.NODE_ENV !== "production" && (Z.propTypes = {
@@ -358,42 +391,42 @@ process.env.NODE_ENV !== "production" && (Z.propTypes = {
   /**
    * The content of the component.
    */
-  children: a.node,
+  children: t.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: a.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: a.string,
+  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: a.oneOfType([a.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), a.string]),
+  color: t.oneOfType([t.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), t.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: a.elementType,
+  component: t.elementType,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: a.bool,
+  disabled: t.bool,
   /**
    * If `true`, no elevation is used.
    * @default false
    */
-  disableElevation: a.bool,
+  disableElevation: t.bool,
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
-  disableFocusRipple: a.bool,
+  disableFocusRipple: t.bool,
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -401,50 +434,51 @@ process.env.NODE_ENV !== "production" && (Z.propTypes = {
    * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
    * @default false
    */
-  disableRipple: a.bool,
+  disableRipple: t.bool,
   /**
    * Element placed after the children.
    */
-  endIcon: a.node,
+  endIcon: t.node,
   /**
    * @ignore
    */
-  focusVisibleClassName: a.string,
+  focusVisibleClassName: t.string,
   /**
    * If `true`, the button will take up the full width of its container.
    * @default false
    */
-  fullWidth: a.bool,
+  fullWidth: t.bool,
   /**
    * The URL to link to when the button is clicked.
    * If defined, an `a` element will be used as the root node.
    */
-  href: a.string,
+  href: t.string,
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
    * @default 'medium'
    */
-  size: a.oneOfType([a.oneOf(["small", "medium", "large"]), a.string]),
+  size: t.oneOfType([t.oneOf(["small", "medium", "large"]), t.string]),
   /**
    * Element placed before the children.
    */
-  startIcon: a.node,
+  startIcon: t.node,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
   /**
    * @ignore
    */
-  type: a.oneOfType([a.oneOf(["button", "reset", "submit"]), a.string]),
+  type: t.oneOfType([t.oneOf(["button", "reset", "submit"]), t.string]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: a.oneOfType([a.oneOf(["contained", "outlined", "text"]), a.string])
+  variant: t.oneOfType([t.oneOf(["contained", "outlined", "text"]), t.string])
 });
 export {
   Z as B,
-  $ as a
+  $ as a,
+  w as r
 };

package/dist/ButtonBase-BXtyQVDC.cjs

@@ -0,0 +1,74 @@
+"use strict";var ve=Object.defineProperty;var Se=(o,t,n)=>t in o?ve(o,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):o[t]=n;var le=(o,t,n)=>Se(o,typeof t!="symbol"?t+"":t,n);const m=require("react"),e=require("./generateUtilityClasses-B_H9HEmg.cjs"),L=require("react/jsx-runtime"),$=require("./DefaultPropsProvider-3KMGupjb.cjs"),ce=require("./useTimeout-COCrDKz-.cjs"),W=require("./TransitionGroupContext-DbXD5xqS.cjs"),ne=require("@emotion/react"),ue=require("./useForkRef-CTI33h-3.cjs"),H=require("./useEventCallback-C0-Qw3Sm.cjs"),ae=require("./isFocusVisible-DlSijby6.cjs"),Oe=require("./refType-CoaxQOPt.cjs"),we=require("./elementTypeAcceptingRef-DZsNbuLU.cjs");function Be(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const u=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(t,n,u.get?u:{enumerable:!0,get:()=>o[n]})}}return t.default=o,Object.freeze(t)}const d=Be(m);function J(){return J=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var u in n)({}).hasOwnProperty.call(n,u)&&(o[u]=n[u])}return o},J.apply(null,arguments)}function Le(o){if(o===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return o}function oe(o,t){var n=function(s){return t&&m.isValidElement(s)?t(s):s},u=Object.create(null);return o&&m.Children.map(o,function(r){return r}).forEach(function(r){u[r.key]=n(r)}),u}function Fe(o,t){o=o||{},t=t||{};function n(h){return h in t?t[h]:o[h]}var u=Object.create(null),r=[];for(var s in o)s in t?r.length&&(u[s]=r,r=[]):r.push(s);var i,p={};for(var a in t){if(u[a])for(i=0;i<u[a].length;i++){var f=u[a][i];p[u[a][i]]=n(f)}p[a]=n(a)}for(i=0;i<r.length;i++)p[r[i]]=n(r[i]);return p}function B(o,t,n){return n[t]!=null?n[t]:o.props[t]}function qe(o,t){return oe(o.children,function(n){return m.cloneElement(n,{onExited:t.bind(null,n),in:!0,appear:B(n,"appear",o),enter:B(n,"enter",o),exit:B(n,"exit",o)})})}function Ue(o,t,n){var u=oe(o.children),r=Fe(t,u);return Object.keys(r).forEach(function(s){var i=r[s];if(m.isValidElement(i)){var p=s in t,a=s in u,f=t[s],h=m.isValidElement(f)&&!f.props.in;a&&(!p||h)?r[s]=m.cloneElement(i,{onExited:n.bind(null,i),in:!0,exit:B(i,"exit",o),enter:B(i,"enter",o)}):!a&&p&&!h?r[s]=m.cloneElement(i,{in:!1}):a&&p&&m.isValidElement(f)&&(r[s]=m.cloneElement(i,{onExited:n.bind(null,i),in:f.props.in,exit:B(i,"exit",o),enter:B(i,"enter",o)}))}}),r}var $e=Object.values||function(o){return Object.keys(o).map(function(t){return o[t]})},Ie={component:"div",childFactory:function(t){return t}},Z=function(o){W._inheritsLoose(t,o);function t(u,r){var s;s=o.call(this,u,r)||this;var i=s.handleExited.bind(Le(s));return s.state={contextValue:{isMounting:!0},handleExited:i,firstRender:!0},s}var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(r,s){var i=s.children,p=s.handleExited,a=s.firstRender;return{children:a?qe(r,p):Ue(r,i,p),firstRender:!1}},n.handleExited=function(r,s){var i=oe(this.props.children);r.key in i||(r.props.onExited&&r.props.onExited(s),this.mounted&&this.setState(function(p){var a=J({},p.children);return delete a[r.key],{children:a}}))},n.render=function(){var r=this.props,s=r.component,i=r.childFactory,p=W._objectWithoutPropertiesLoose(r,["component","childFactory"]),a=this.state.contextValue,f=$e(this.state.children).map(i);return delete p.appear,delete p.enter,delete p.exit,s===null?m.createElement(W.TransitionGroupContext.Provider,{value:a},f):m.createElement(W.TransitionGroupContext.Provider,{value:a},m.createElement(s,p,f))},t}(m.Component);Z.propTypes=process.env.NODE_ENV!=="production"?{component:e.PropTypes.any,children:e.PropTypes.node,appear:e.PropTypes.bool,enter:e.PropTypes.bool,exit:e.PropTypes.bool,childFactory:e.PropTypes.func}:{};Z.defaultProps=Ie;class Q{constructor(){le(this,"mountEffect",()=>{this.shouldMount&&!this.didMount&&this.ref.current!==null&&(this.didMount=!0,this.mounted.resolve())});this.ref={current:null},this.mounted=null,this.didMount=!1,this.shouldMount=!1,this.setShouldMount=null}static create(){return new Q}static use(){const t=ce.useLazyRef(Q.create).current,[n,u]=d.useState(!1);return t.shouldMount=n,t.setShouldMount=u,d.useEffect(t.mountEffect,[n]),t}mount(){return this.mounted||(this.mounted=_e(),this.shouldMount=!0,this.setShouldMount(this.shouldMount)),this.mounted}start(...t){this.mount().then(()=>{var n;return(n=this.ref.current)==null?void 0:n.start(...t)})}stop(...t){this.mount().then(()=>{var n;return(n=this.ref.current)==null?void 0:n.stop(...t)})}pulsate(...t){this.mount().then(()=>{var n;return(n=this.ref.current)==null?void 0:n.pulsate(...t)})}}function ze(){return Q.use()}function _e(){let o,t;const n=new Promise((u,r)=>{o=u,t=r});return n.resolve=o,n.reject=t,n}function pe(o){const{className:t,classes:n,pulsate:u=!1,rippleX:r,rippleY:s,rippleSize:i,in:p,onExited:a,timeout:f}=o,[h,g]=d.useState(!1),b=e.clsx(t,n.ripple,n.rippleVisible,u&&n.ripplePulsate),D={width:i,height:i,top:-(i/2)+s,left:-(i/2)+r},y=e.clsx(n.child,h&&n.childLeaving,u&&n.childPulsate);return!p&&!h&&g(!0),d.useEffect(()=>{if(!p&&a!=null){const v=setTimeout(a,f);return()=>{clearTimeout(v)}}},[a,p,f]),L.jsx("span",{className:b,style:D,children:L.jsx("span",{className:y})})}process.env.NODE_ENV!=="production"&&(pe.propTypes={classes:e.PropTypes.object.isRequired,className:e.PropTypes.string,in:e.PropTypes.bool,onExited:e.PropTypes.func,pulsate:e.PropTypes.bool,rippleSize:e.PropTypes.number,rippleX:e.PropTypes.number,rippleY:e.PropTypes.number,timeout:e.PropTypes.number.isRequired});const T=e.generateUtilityClasses("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),te=550,Ae=80,Xe=ne.keyframes`
+  0% {
+    transform: scale(0);
+    opacity: 0.1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.3;
+  }
+`,Ye=ne.keyframes`
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+`,Ke=ne.keyframes`
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.92);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+`,Ge=$.styled("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),We=$.styled(pe,{name:"MuiTouchRipple",slot:"Ripple"})`
+  opacity: 0;
+  position: absolute;
+
+  &.${T.rippleVisible} {
+    opacity: 0.3;
+    transform: scale(1);
+    animation-name: ${Xe};
+    animation-duration: ${te}ms;
+    animation-timing-function: ${({theme:o})=>o.transitions.easing.easeInOut};
+  }
+
+  &.${T.ripplePulsate} {
+    animation-duration: ${({theme:o})=>o.transitions.duration.shorter}ms;
+  }
+
+  & .${T.child} {
+    opacity: 1;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: currentColor;
+  }
+
+  & .${T.childLeaving} {
+    opacity: 0;
+    animation-name: ${Ye};
+    animation-duration: ${te}ms;
+    animation-timing-function: ${({theme:o})=>o.transitions.easing.easeInOut};
+  }
+
+  & .${T.childPulsate} {
+    position: absolute;
+    /* @noflip */
+    left: 0px;
+    top: 0;
+    animation-name: ${Ke};
+    animation-duration: 2500ms;
+    animation-timing-function: ${({theme:o})=>o.transitions.easing.easeInOut};
+    animation-iteration-count: infinite;
+    animation-delay: 200ms;
+  }
+`,fe=d.forwardRef(function(t,n){const u=$.useDefaultProps({props:t,name:"MuiTouchRipple"}),{center:r=!1,classes:s={},className:i,...p}=u,[a,f]=d.useState([]),h=d.useRef(0),g=d.useRef(null);d.useEffect(()=>{g.current&&(g.current(),g.current=null)},[a]);const b=d.useRef(!1),D=ce.useTimeout(),y=d.useRef(null),v=d.useRef(null),x=d.useCallback(c=>{const{pulsate:R,rippleX:P,rippleY:U,rippleSize:S,cb:I}=c;f(M=>[...M,L.jsx(We,{classes:{ripple:e.clsx(s.ripple,T.ripple),rippleVisible:e.clsx(s.rippleVisible,T.rippleVisible),ripplePulsate:e.clsx(s.ripplePulsate,T.ripplePulsate),child:e.clsx(s.child,T.child),childLeaving:e.clsx(s.childLeaving,T.childLeaving),childPulsate:e.clsx(s.childPulsate,T.childPulsate)},timeout:te,pulsate:R,rippleX:P,rippleY:U,rippleSize:S},h.current)]),h.current+=1,g.current=I},[s]),F=d.useCallback((c={},R={},P=()=>{})=>{const{pulsate:U=!1,center:S=r||R.pulsate,fakeElement:I=!1}=R;if((c==null?void 0:c.type)==="mousedown"&&b.current){b.current=!1;return}(c==null?void 0:c.type)==="touchstart"&&(b.current=!0);const M=I?null:v.current,N=M?M.getBoundingClientRect():{width:0,height:0,left:0,top:0};let j,E,k;if(S||c===void 0||c.clientX===0&&c.clientY===0||!c.clientX&&!c.touches)j=Math.round(N.width/2),E=Math.round(N.height/2);else{const{clientX:z,clientY:O}=c.touches&&c.touches.length>0?c.touches[0]:c;j=Math.round(z-N.left),E=Math.round(O-N.top)}if(S)k=Math.sqrt((2*N.width**2+N.height**2)/3),k%2===0&&(k+=1);else{const z=Math.max(Math.abs((M?M.clientWidth:0)-j),j)*2+2,O=Math.max(Math.abs((M?M.clientHeight:0)-E),E)*2+2;k=Math.sqrt(z**2+O**2)}c!=null&&c.touches?y.current===null&&(y.current=()=>{x({pulsate:U,rippleX:j,rippleY:E,rippleSize:k,cb:P})},D.start(Ae,()=>{y.current&&(y.current(),y.current=null)})):x({pulsate:U,rippleX:j,rippleY:E,rippleSize:k,cb:P})},[r,x,D]),Y=d.useCallback(()=>{F({},{pulsate:!0})},[F]),q=d.useCallback((c,R)=>{if(D.clear(),(c==null?void 0:c.type)==="touchend"&&y.current){y.current(),y.current=null,D.start(0,()=>{q(c,R)});return}y.current=null,f(P=>P.length>0?P.slice(1):P),g.current=R},[D]);return d.useImperativeHandle(n,()=>({pulsate:Y,start:F,stop:q}),[Y,F,q]),L.jsx(Ge,{className:e.clsx(T.root,s.root,i),ref:v,...p,children:L.jsx(Z,{component:null,exit:!0,children:a})})});process.env.NODE_ENV!=="production"&&(fe.propTypes={center:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string});function He(o){return e.generateUtilityClass("MuiButtonBase",o)}const Je=e.generateUtilityClasses("MuiButtonBase",["root","disabled","focusVisible"]),Qe=o=>{const{disabled:t,focusVisible:n,focusVisibleClassName:u,classes:r}=o,s={root:["root",t&&"disabled",n&&"focusVisible"]},i=$.composeClasses(s,He,r);return n&&u&&(i.root+=` ${u}`),i},Ze=$.styled("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(o,t)=>t.root})({display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},[`&.${Je.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),de=d.forwardRef(function(t,n){const u=$.useDefaultProps({props:t,name:"MuiButtonBase"}),{action:r,centerRipple:s=!1,children:i,className:p,component:a="button",disabled:f=!1,disableRipple:h=!1,disableTouchRipple:g=!1,focusRipple:b=!1,focusVisibleClassName:D,LinkComponent:y="a",onBlur:v,onClick:x,onContextMenu:F,onDragLeave:Y,onFocus:q,onFocusVisible:c,onKeyDown:R,onKeyUp:P,onMouseDown:U,onMouseLeave:S,onMouseUp:I,onTouchEnd:M,onTouchMove:N,onTouchStart:j,tabIndex:E=0,TouchRippleProps:k,touchRippleRef:z,type:O,..._}=u,A=d.useRef(null),C=ze(),he=ue.useForkRef(C.ref,z),[w,K]=d.useState(!1);f&&w&&K(!1),d.useImperativeHandle(r,()=>({focusVisible:()=>{K(!0),A.current.focus()}}),[]);const me=C.shouldMount&&!h&&!f;d.useEffect(()=>{w&&b&&!h&&C.pulsate()},[h,b,w,C]);function V(l,re,ke=g){return H.useEventCallback(ie=>(re&&re(ie),ke||C[l](ie),!0))}const ye=V("start",U),Te=V("stop",F),be=V("stop",Y),Pe=V("stop",I),ge=V("stop",l=>{w&&l.preventDefault(),S&&S(l)}),Re=V("start",j),Me=V("stop",M),xe=V("stop",N),Ee=V("stop",l=>{ae.isFocusVisible(l.target)||K(!1),v&&v(l)},!1),Ce=H.useEventCallback(l=>{A.current||(A.current=l.currentTarget),ae.isFocusVisible(l.target)&&(K(!0),c&&c(l)),q&&q(l)}),ee=()=>{const l=A.current;return a&&a!=="button"&&!(l.tagName==="A"&&l.href)},Ve=H.useEventCallback(l=>{b&&!l.repeat&&w&&l.key===" "&&C.stop(l,()=>{C.start(l)}),l.target===l.currentTarget&&ee()&&l.key===" "&&l.preventDefault(),R&&R(l),l.target===l.currentTarget&&ee()&&l.key==="Enter"&&!f&&(l.preventDefault(),x&&x(l))}),De=H.useEventCallback(l=>{b&&l.key===" "&&w&&!l.defaultPrevented&&C.stop(l,()=>{C.pulsate(l)}),P&&P(l),x&&l.target===l.currentTarget&&ee()&&l.key===" "&&!l.defaultPrevented&&x(l)});let G=a;G==="button"&&(_.href||_.to)&&(G=y);const X={};G==="button"?(X.type=O===void 0?"button":O,X.disabled=f):(!_.href&&!_.to&&(X.role="button"),f&&(X["aria-disabled"]=f));const Ne=ue.useForkRef(n,A),se={...u,centerRipple:s,component:a,disabled:f,disableRipple:h,disableTouchRipple:g,focusRipple:b,tabIndex:E,focusVisible:w},je=Qe(se);return L.jsxs(Ze,{as:G,className:e.clsx(je.root,p),ownerState:se,onBlur:Ee,onClick:x,onContextMenu:Te,onFocus:Ce,onKeyDown:Ve,onKeyUp:De,onMouseDown:ye,onMouseLeave:ge,onMouseUp:Pe,onDragLeave:be,onTouchEnd:Me,onTouchMove:xe,onTouchStart:Re,ref:Ne,tabIndex:f?-1:E,type:O,...X,..._,children:[i,me?L.jsx(fe,{ref:he,center:s,...k}):null]})});process.env.NODE_ENV!=="production"&&(de.propTypes={action:Oe.refType,centerRipple:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:we.elementTypeAcceptingRef,disabled:e.PropTypes.bool,disableRipple:e.PropTypes.bool,disableTouchRipple:e.PropTypes.bool,focusRipple:e.PropTypes.bool,focusVisibleClassName:e.PropTypes.string,href:e.PropTypes.any,LinkComponent:e.PropTypes.elementType,onBlur:e.PropTypes.func,onClick:e.PropTypes.func,onContextMenu:e.PropTypes.func,onDragLeave:e.PropTypes.func,onFocus:e.PropTypes.func,onFocusVisible:e.PropTypes.func,onKeyDown:e.PropTypes.func,onKeyUp:e.PropTypes.func,onMouseDown:e.PropTypes.func,onMouseLeave:e.PropTypes.func,onMouseUp:e.PropTypes.func,onTouchEnd:e.PropTypes.func,onTouchMove:e.PropTypes.func,onTouchStart:e.PropTypes.func,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),tabIndex:e.PropTypes.number,TouchRippleProps:e.PropTypes.object,touchRippleRef:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.shape({current:e.PropTypes.shape({pulsate:e.PropTypes.func.isRequired,start:e.PropTypes.func.isRequired,stop:e.PropTypes.func.isRequired})})]),type:e.PropTypes.oneOfType([e.PropTypes.oneOf(["button","reset","submit"]),e.PropTypes.string])});exports.ButtonBase=de;exports.TransitionGroup=Z;exports._extends=J;