@cgi-learning-hub/ui 1.3.5-dev.1736340751 → 1.3.5-dev.1736345385

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

@@ -1,70 +1,37 @@
-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 * 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 { c as _ } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-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);
+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);
 }
-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({});
+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({});
 process.env.NODE_ENV !== "production" && ($.displayName = "ButtonGroupContext");
-const O = /* @__PURE__ */ g.createContext(void 0);
-process.env.NODE_ENV !== "production" && (O.displayName = "ButtonGroupButtonContext");
-const J = (o) => {
+const w = /* @__PURE__ */ u.createContext(void 0);
+process.env.NODE_ENV !== "production" && (w.displayName = "ButtonGroupButtonContext");
+const K = (o) => {
   const {
-    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"],
+    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"],
     label: ["label"],
-    startIcon: ["icon", "startIcon", `iconSize${s(r)}`],
-    endIcon: ["icon", "endIcon", `iconSize${s(r)}`]
-  }, p = U(c, q, l);
+    startIcon: ["icon", "startIcon", `iconSize${e(i)}`],
+    endIcon: ["icon", "endIcon", `iconSize${e(i)}`]
+  }, x = U(g, J, d);
   return {
-    ...l,
+    ...d,
     // forward the focused, disabled, etc. classes to the ButtonBase
-    ...p
+    ...x
   };
-}, R = [{
+}, O = [{
   props: {
     size: "small"
   },
@@ -91,20 +58,20 @@ const J = (o) => {
       fontSize: 22
     }
   }
-}], Q = f(K, {
-  shouldForwardProp: (o) => D(o) || o === "classes",
+}], Q = b(q, {
+  shouldForwardProp: (o) => G(o) || o === "classes",
   name: "MuiButton",
   slot: "Root",
-  overridesResolver: (o, n) => {
+  overridesResolver: (o, t) => {
     const {
-      ownerState: a
+      ownerState: n
     } = o;
-    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];
+    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];
   }
 })(H(({
   theme: o
 }) => {
-  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];
+  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];
   return {
     ...o.typography.button,
     minWidth: 64,
@@ -117,7 +84,7 @@ const J = (o) => {
     "&:hover": {
       textDecoration: "none"
     },
-    [`&.${d.disabled}`]: {
+    [`&.${s.disabled}`]: {
       color: (o.vars || o).palette.action.disabled
     },
     variants: [{
@@ -138,10 +105,10 @@ const J = (o) => {
         "&:active": {
           boxShadow: (o.vars || o).shadows[8]
         },
-        [`&.${d.focusVisible}`]: {
+        [`&.${s.focusVisible}`]: {
           boxShadow: (o.vars || o).shadows[6]
         },
-        [`&.${d.disabled}`]: {
+        [`&.${s.disabled}`]: {
           color: (o.vars || o).palette.action.disabled,
           boxShadow: (o.vars || o).shadows[0],
           backgroundColor: (o.vars || o).palette.action.disabledBackground
@@ -157,7 +124,7 @@ const J = (o) => {
         borderColor: "var(--variant-outlinedBorder, currentColor)",
         backgroundColor: "var(--variant-outlinedBg)",
         color: "var(--variant-outlinedColor)",
-        [`&.${d.disabled}`]: {
+        [`&.${s.disabled}`]: {
           border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
         }
       }
@@ -170,22 +137,22 @@ const J = (o) => {
         color: "var(--variant-textColor)",
         backgroundColor: "var(--variant-textBg)"
       }
-    }, ...Object.entries(o.palette).filter(_()).map(([e]) => ({
+    }, ...Object.entries(o.palette).filter(_()).map(([r]) => ({
       props: {
-        color: e
+        color: r
       },
       style: {
-        "--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,
+        "--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,
         "@media (hover: hover)": {
           "&:hover": {
-            "--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)
+            "--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)
           }
         }
       }
@@ -196,12 +163,12 @@ const J = (o) => {
       style: {
         color: "inherit",
         borderColor: "currentColor",
-        "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedBg : n,
+        "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedBg : t,
         "@media (hover: hover)": {
           "&:hover": {
-            "--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)
+            "--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)
           }
         }
       }
@@ -268,13 +235,13 @@ const J = (o) => {
         "&:hover": {
           boxShadow: "none"
         },
-        [`&.${d.focusVisible}`]: {
+        [`&.${s.focusVisible}`]: {
           boxShadow: "none"
         },
         "&:active": {
           boxShadow: "none"
         },
-        [`&.${d.disabled}`]: {
+        [`&.${s.disabled}`]: {
           boxShadow: "none"
         }
       }
@@ -287,14 +254,14 @@ const J = (o) => {
       }
     }]
   };
-})), X = f("span", {
+})), X = b("span", {
   name: "MuiButton",
   slot: "StartIcon",
-  overridesResolver: (o, n) => {
+  overridesResolver: (o, t) => {
     const {
-      ownerState: a
+      ownerState: n
     } = o;
-    return [n.startIcon, n[`iconSize${s(a.size)}`]];
+    return [t.startIcon, t[`iconSize${e(n.size)}`]];
   }
 })({
   display: "inherit",
@@ -307,15 +274,15 @@ const J = (o) => {
     style: {
       marginLeft: -2
     }
-  }, ...R]
-}), Y = f("span", {
+  }, ...O]
+}), Y = b("span", {
   name: "MuiButton",
   slot: "EndIcon",
-  overridesResolver: (o, n) => {
+  overridesResolver: (o, t) => {
     const {
-      ownerState: a
+      ownerState: n
     } = o;
-    return [n.endIcon, n[`iconSize${s(a.size)}`]];
+    return [t.endIcon, t[`iconSize${e(n.size)}`]];
   }
 })({
   display: "inherit",
@@ -328,59 +295,59 @@ const J = (o) => {
     style: {
       marginRight: -2
     }
-  }, ...R]
-}), Z = /* @__PURE__ */ g.forwardRef(function(n, a) {
-  const e = g.useContext($), r = g.useContext(O), i = w(e, n), l = F({
-    props: i,
+  }, ...O]
+}), Z = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  const r = u.useContext($), i = u.useContext(w), l = D(r, t), d = F({
+    props: l,
     name: "MuiButton"
   }), {
-    children: c,
-    color: p = "primary",
-    component: b = "button",
-    className: N,
-    disabled: x = !1,
-    disableElevation: h = !1,
+    children: g,
+    color: x = "primary",
+    component: y = "button",
+    className: R,
+    disabled: f = !1,
+    disableElevation: E = !1,
     disableFocusRipple: S = !1,
     endIcon: z,
-    focusVisibleClassName: E,
-    fullWidth: P = !1,
+    focusVisibleClassName: N,
+    fullWidth: h = !1,
     size: T = "medium",
     startIcon: C,
     type: B,
-    variant: W = "text",
-    ...k
-  } = l, y = {
-    ...l,
-    color: p,
-    component: b,
-    disabled: x,
-    disableElevation: h,
+    variant: P = "text",
+    ...W
+  } = d, v = {
+    ...d,
+    color: x,
+    component: y,
+    disabled: f,
+    disableElevation: E,
     disableFocusRipple: S,
-    fullWidth: P,
+    fullWidth: h,
     size: T,
     type: B,
-    variant: W
-  }, u = J(y), M = C && /* @__PURE__ */ I(X, {
-    className: u.startIcon,
-    ownerState: y,
+    variant: P
+  }, p = K(v), M = C && /* @__PURE__ */ m(X, {
+    className: p.startIcon,
+    ownerState: v,
     children: C
-  }), V = z && /* @__PURE__ */ I(Y, {
-    className: u.endIcon,
-    ownerState: y,
+  }), V = z && /* @__PURE__ */ m(Y, {
+    className: p.endIcon,
+    ownerState: v,
     children: z
-  }), j = r || "";
+  }), k = i || "";
   return /* @__PURE__ */ A(Q, {
-    ownerState: y,
-    className: m(e.className, u.root, N, j),
-    component: b,
-    disabled: x,
+    ownerState: v,
+    className: I(r.className, p.root, R, k),
+    component: y,
+    disabled: f,
     focusRipple: !S,
-    focusVisibleClassName: m(u.focusVisible, E),
-    ref: a,
+    focusVisibleClassName: I(p.focusVisible, N),
+    ref: n,
     type: B,
-    ...k,
-    classes: u,
-    children: [M, c, V]
+    ...W,
+    classes: p,
+    children: [M, g, V]
   });
 });
 process.env.NODE_ENV !== "production" && (Z.propTypes = {
@@ -391,42 +358,42 @@ process.env.NODE_ENV !== "production" && (Z.propTypes = {
   /**
    * The content of the component.
    */
-  children: t.node,
+  children: a.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: a.object,
   /**
    * @ignore
    */
-  className: t.string,
+  className: a.string,
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'primary'
    */
-  color: t.oneOfType([t.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), t.string]),
+  color: a.oneOfType([a.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), a.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: t.elementType,
+  component: a.elementType,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: t.bool,
+  disabled: a.bool,
   /**
    * If `true`, no elevation is used.
    * @default false
    */
-  disableElevation: t.bool,
+  disableElevation: a.bool,
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
-  disableFocusRipple: t.bool,
+  disableFocusRipple: a.bool,
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -434,51 +401,50 @@ process.env.NODE_ENV !== "production" && (Z.propTypes = {
    * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
    * @default false
    */
-  disableRipple: t.bool,
+  disableRipple: a.bool,
   /**
    * Element placed after the children.
    */
-  endIcon: t.node,
+  endIcon: a.node,
   /**
    * @ignore
    */
-  focusVisibleClassName: t.string,
+  focusVisibleClassName: a.string,
   /**
    * If `true`, the button will take up the full width of its container.
    * @default false
    */
-  fullWidth: t.bool,
+  fullWidth: a.bool,
   /**
    * The URL to link to when the button is clicked.
    * If defined, an `a` element will be used as the root node.
    */
-  href: t.string,
+  href: a.string,
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
    * @default 'medium'
    */
-  size: t.oneOfType([t.oneOf(["small", "medium", "large"]), t.string]),
+  size: a.oneOfType([a.oneOf(["small", "medium", "large"]), a.string]),
   /**
    * Element placed before the children.
    */
-  startIcon: t.node,
+  startIcon: a.node,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
   /**
    * @ignore
    */
-  type: t.oneOfType([t.oneOf(["button", "reset", "submit"]), t.string]),
+  type: a.oneOfType([a.oneOf(["button", "reset", "submit"]), a.string]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: t.oneOfType([t.oneOf(["contained", "outlined", "text"]), t.string])
+  variant: a.oneOfType([a.oneOf(["contained", "outlined", "text"]), a.string])
 });
 export {
   Z as B,
-  $ as a,
-  w as r
+  $ as a
 };

package/dist/Button-D3qGoavT.cjs

@@ -0,0 +1 @@
+"use strict";const M=require("react"),t=require("./identifier-wZ6XDHde.cjs"),r=require("./DefaultPropsProvider-DS3RzjuS.cjs"),V=require("./memoTheme-BBurdur9.cjs"),k=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),g=require("react/jsx-runtime"),D=require("./ButtonBase-CL4z-tXi.cjs");function L(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const a in o)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(o,a);Object.defineProperty(e,a,n.get?n:{enumerable:!0,get:()=>o[a]})}}return e.default=o,Object.freeze(e)}const d=L(M);function q(o){return t.generateUtilityClass("MuiButton",o)}const s=t.generateUtilityClasses("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"]),b=d.createContext({});process.env.NODE_ENV!=="production"&&(b.displayName="ButtonGroupContext");const C=d.createContext(void 0);process.env.NODE_ENV!=="production"&&(C.displayName="ButtonGroupButtonContext");const F=o=>{const{color:e,disableElevation:a,fullWidth:n,size:i,variant:l,classes:p}=o,v={root:["root",l,`${l}${t.capitalize(e)}`,`size${t.capitalize(i)}`,`${l}Size${t.capitalize(i)}`,`color${t.capitalize(e)}`,a&&"disableElevation",n&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${t.capitalize(i)}`],endIcon:["icon","endIcon",`iconSize${t.capitalize(i)}`]},y=r.composeClasses(v,q,p);return{...p,...y}},B=[{props:{size:"small"},style:{"& > *:nth-of-type(1)":{fontSize:18}}},{props:{size:"medium"},style:{"& > *:nth-of-type(1)":{fontSize:20}}},{props:{size:"large"},style:{"& > *:nth-of-type(1)":{fontSize:22}}}],G=r.styled(D.ButtonBase,{shouldForwardProp:o=>r.rootShouldForwardProp(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:a}=o;return[e.root,e[a.variant],e[`${a.variant}${t.capitalize(a.color)}`],e[`size${t.capitalize(a.size)}`],e[`${a.variant}Size${t.capitalize(a.size)}`],a.color==="inherit"&&e.colorInherit,a.disableElevation&&e.disableElevation,a.fullWidth&&e.fullWidth]}})(V.memoTheme(({theme:o})=>{const e=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,padding:"6px 16px",border:0,borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":{textDecoration:"none"},[`&.${s.disabled}`]:{color:(o.vars||o).palette.action.disabled},variants:[{props:{variant:"contained"},style:{color:"var(--variant-containedColor)",backgroundColor:"var(--variant-containedBg)",boxShadow:(o.vars||o).shadows[2],"&:hover":{boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2]}},"&:active":{boxShadow:(o.vars||o).shadows[8]},[`&.${s.focusVisible}`]:{boxShadow:(o.vars||o).shadows[6]},[`&.${s.disabled}`]:{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground}}},{props:{variant:"outlined"},style:{padding:"5px 15px",border:"1px solid currentColor",borderColor:"var(--variant-outlinedBorder, currentColor)",backgroundColor:"var(--variant-outlinedBg)",color:"var(--variant-outlinedColor)",[`&.${s.disabled}`]:{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`}}},{props:{variant:"text"},style:{padding:"6px 8px",color:"var(--variant-textColor)",backgroundColor:"var(--variant-textBg)"}},...Object.entries(o.palette).filter(k.createSimplePaletteValueFilter()).map(([n])=>({props:{color:n},style:{"--variant-textColor":(o.vars||o).palette[n].main,"--variant-outlinedColor":(o.vars||o).palette[n].main,"--variant-outlinedBorder":o.vars?`rgba(${o.vars.palette[n].mainChannel} / 0.5)`:t.alpha(o.palette[n].main,.5),"--variant-containedColor":(o.vars||o).palette[n].contrastText,"--variant-containedBg":(o.vars||o).palette[n].main,"@media (hover: hover)":{"&:hover":{"--variant-containedBg":(o.vars||o).palette[n].dark,"--variant-textBg":o.vars?`rgba(${o.vars.palette[n].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:t.alpha(o.palette[n].main,o.palette.action.hoverOpacity),"--variant-outlinedBorder":(o.vars||o).palette[n].main,"--variant-outlinedBg":o.vars?`rgba(${o.vars.palette[n].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:t.alpha(o.palette[n].main,o.palette.action.hoverOpacity)}}}})),{props:{color:"inherit"},style:{color:"inherit",borderColor:"currentColor","--variant-containedBg":o.vars?o.vars.palette.Button.inheritContainedBg:e,"@media (hover: hover)":{"&:hover":{"--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})`:t.alpha(o.palette.text.primary,o.palette.action.hoverOpacity),"--variant-outlinedBg":o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:t.alpha(o.palette.text.primary,o.palette.action.hoverOpacity)}}}},{props:{size:"small",variant:"text"},style:{padding:"4px 5px",fontSize:o.typography.pxToRem(13)}},{props:{size:"large",variant:"text"},style:{padding:"8px 11px",fontSize:o.typography.pxToRem(15)}},{props:{size:"small",variant:"outlined"},style:{padding:"3px 9px",fontSize:o.typography.pxToRem(13)}},{props:{size:"large",variant:"outlined"},style:{padding:"7px 21px",fontSize:o.typography.pxToRem(15)}},{props:{size:"small",variant:"contained"},style:{padding:"4px 10px",fontSize:o.typography.pxToRem(13)}},{props:{size:"large",variant:"contained"},style:{padding:"8px 22px",fontSize:o.typography.pxToRem(15)}},{props:{disableElevation:!0},style:{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${s.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${s.disabled}`]:{boxShadow:"none"}}},{props:{fullWidth:!0},style:{width:"100%"}}]}})),_=r.styled("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,e)=>{const{ownerState:a}=o;return[e.startIcon,e[`iconSize${t.capitalize(a.size)}`]]}})({display:"inherit",marginRight:8,marginLeft:-4,variants:[{props:{size:"small"},style:{marginLeft:-2}},...B]}),U=r.styled("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,e)=>{const{ownerState:a}=o;return[e.endIcon,e[`iconSize${t.capitalize(a.size)}`]]}})({display:"inherit",marginRight:-4,marginLeft:8,variants:[{props:{size:"small"},style:{marginRight:-2}},...B]}),I=d.forwardRef(function(e,a){const n=d.useContext(b),i=d.useContext(C),l=r.resolveProps(n,e),p=r.useDefaultProps({props:l,name:"MuiButton"}),{children:v,color:y="primary",component:x="button",className:w,disabled:f=!1,disableElevation:$=!1,disableFocusRipple:S=!1,endIcon:z,focusVisibleClassName:O,fullWidth:m=!1,size:R="medium",startIcon:P,type:T,variant:h="text",...E}=p,u={...p,color:y,component:x,disabled:f,disableElevation:$,disableFocusRipple:S,fullWidth:m,size:R,type:T,variant:h},c=F(u),N=P&&g.jsx(_,{className:c.startIcon,ownerState:u,children:P}),W=z&&g.jsx(U,{className:c.endIcon,ownerState:u,children:z}),j=i||"";return g.jsxs(G,{ownerState:u,className:t.clsx(n.className,c.root,w,j),component:x,disabled:f,focusRipple:!S,focusVisibleClassName:t.clsx(c.focusVisible,O),ref:a,type:T,...E,classes:c,children:[N,v,W]})});process.env.NODE_ENV!=="production"&&(I.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOfType([t.PropTypes.oneOf(["inherit","primary","secondary","success","error","info","warning"]),t.PropTypes.string]),component:t.PropTypes.elementType,disabled:t.PropTypes.bool,disableElevation:t.PropTypes.bool,disableFocusRipple:t.PropTypes.bool,disableRipple:t.PropTypes.bool,endIcon:t.PropTypes.node,focusVisibleClassName:t.PropTypes.string,fullWidth:t.PropTypes.bool,href:t.PropTypes.string,size:t.PropTypes.oneOfType([t.PropTypes.oneOf(["small","medium","large"]),t.PropTypes.string]),startIcon:t.PropTypes.node,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),type:t.PropTypes.oneOfType([t.PropTypes.oneOf(["button","reset","submit"]),t.PropTypes.string]),variant:t.PropTypes.oneOfType([t.PropTypes.oneOf(["contained","outlined","text"]),t.PropTypes.string])});exports.Button=I;exports.ButtonGroupContext=b;

package/dist/ButtonBase-CL4z-tXi.cjs

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