@cgi-learning-hub/ui 1.2.0-dev.1725030880 → 1.2.0-dev.1725451328

package/dist/Box-BDMtAH2P.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./identifier-7NboR24y.cjs"),y=require("react"),T=require("react/jsx-runtime"),P=require("./useTheme-Zq6D7sUp.cjs"),h=require("./extendSxProp-DVE8Tgj8.cjs");function b(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:()=>o[s]})}}return t.default=o,Object.freeze(t)}const B=b(y);function N(o={}){const{themeId:t,defaultTheme:s,defaultClassName:r="MuiBox-root",generateClassName:c}=o,l=e.styled("div",{shouldForwardProp:n=>n!=="theme"&&n!=="sx"&&n!=="as"})(e.styleFunctionSx);return B.forwardRef(function(i,d){const a=P.useTheme(s),{className:f,component:m="div",...x}=h.extendSxProp(i);return T.jsx(l,{as:m,ref:d,className:e.clsx(f,c?c(r):r),theme:t&&a[t]||a,...x})})}const g=e.generateUtilityClasses("MuiBox",["root"]),p=g,C=e.createTheme(),u=N({themeId:e.THEME_ID,defaultTheme:C,defaultClassName:p.root,generateClassName:e.ClassNameGenerator.generate});process.env.NODE_ENV!=="production"&&(u.propTypes={children:e.PropTypes.node,component:e.PropTypes.elementType,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])});const O=u;exports.Box=O;exports.boxClasses=p;

package/dist/{Box-BJvmuM0Y.js → Box-CONPkck2.js}

@@ -1,37 +1,39 @@
-import { s as h, t as T, z as y, _ as B, m as N, y as C, w as b, d as _, T as P, C as g, P as e } from "./identifier-CAQ9PWqs.js";
-import * as j from "react";
-import { u as v } from "./useTheme-1gSw-INq.js";
-import { jsx as E } from "react/jsx-runtime";
-const O = ["className", "component"];
-function w(m = {}) {
+import { N as p, O as h, L as T, J as B, u as N, T as y, Q as C, P as e } from "./identifier-Bsv46xiT.js";
+import * as b from "react";
+import { jsx as O } from "react/jsx-runtime";
+import { u as g } from "./useTheme-DzMeSzHc.js";
+import { e as v } from "./extendSxProp-BpSXIdup.js";
+function E(m = {}) {
   const {
     themeId: t,
-    defaultTheme: l,
+    defaultTheme: c,
     defaultClassName: a = "MuiBox-root",
-    generateClassName: n
-  } = m, x = h("div", {
+    generateClassName: r
+  } = m, l = p("div", {
     shouldForwardProp: (o) => o !== "theme" && o !== "sx" && o !== "as"
-  })(T);
-  return /* @__PURE__ */ j.forwardRef(function(d, u) {
-    const s = v(l), r = y(d), {
-      className: f,
-      component: i = "div"
-    } = r, p = B(r, O);
-    return /* @__PURE__ */ E(x, N({
-      as: i,
-      ref: u,
-      className: C(f, n ? n(a) : a),
-      theme: t && s[t] || s
-    }, p));
+  })(h);
+  return /* @__PURE__ */ b.forwardRef(function(f, x) {
+    const s = g(c), {
+      className: u,
+      component: d = "div",
+      ...i
+    } = v(f);
+    return /* @__PURE__ */ O(l, {
+      as: d,
+      ref: x,
+      className: T(u, r ? r(a) : a),
+      theme: t && s[t] || s,
+      ...i
+    });
   });
 }
-const I = b("MuiBox", ["root"]), M = I, R = _(), c = w({
-  themeId: P,
-  defaultTheme: R,
-  defaultClassName: M.root,
-  generateClassName: g.generate
+const P = B("MuiBox", ["root"]), j = P, I = N(), n = E({
+  themeId: y,
+  defaultTheme: I,
+  defaultClassName: j.root,
+  generateClassName: C.generate
 });
-process.env.NODE_ENV !== "production" && (c.propTypes = {
+process.env.NODE_ENV !== "production" && (n.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -50,8 +52,8 @@ process.env.NODE_ENV !== "production" && (c.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-const z = c;
+const S = n;
 export {
-  z as B,
-  M as b
+  S as B,
+  j as b
 };

package/dist/Button-By3A0teb.js

@@ -0,0 +1,454 @@
+import * as u from "react";
+import { I as j, J as D, K as e, n as c, L as I, P as a } from "./identifier-Bsv46xiT.js";
+import { s as b, b as G, m as F, r as U, u as _, c as H } from "./DefaultPropsProvider-QV6PDjPd.js";
+import { jsxs as A, jsx as $ } from "react/jsx-runtime";
+import { B as J } from "./ButtonBase-D0vqeM8I.js";
+function K(o) {
+  return j("MuiButton", o);
+}
+const q = D("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"]), l = q, w = /* @__PURE__ */ u.createContext({});
+process.env.NODE_ENV !== "production" && (w.displayName = "ButtonGroupContext");
+const m = /* @__PURE__ */ u.createContext(void 0);
+process.env.NODE_ENV !== "production" && (m.displayName = "ButtonGroupButtonContext");
+const Q = (o) => {
+  const {
+    color: n,
+    disableElevation: r,
+    fullWidth: s,
+    size: i,
+    variant: t,
+    classes: d
+  } = o, g = {
+    root: ["root", t, `${t}${e(n)}`, `size${e(i)}`, `${t}Size${e(i)}`, `color${e(n)}`, r && "disableElevation", s && "fullWidth"],
+    label: ["label"],
+    startIcon: ["icon", "startIcon", `iconSize${e(i)}`],
+    endIcon: ["icon", "endIcon", `iconSize${e(i)}`]
+  }, x = H(g, K, d);
+  return {
+    ...d,
+    // forward the focused, disabled, etc. classes to the ButtonBase
+    ...x
+  };
+}, O = [{
+  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
+    }
+  }
+}], X = b(J, {
+  shouldForwardProp: (o) => G(o) || o === "classes",
+  name: "MuiButton",
+  slot: "Root",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: r
+    } = o;
+    return [n.root, n[r.variant], n[`${r.variant}${e(r.color)}`], n[`size${e(r.size)}`], n[`${r.variant}Size${e(r.size)}`], r.color === "inherit" && n.colorInherit, r.disableElevation && n.disableElevation, r.fullWidth && n.fullWidth];
+  }
+})(F(({
+  theme: o
+}) => {
+  var s, i;
+  const n = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], r = 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"
+    },
+    [`&.${l.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],
+          // Reset on touch devices, it doesn't add specificity
+          "@media (hover: none)": {
+            boxShadow: (o.vars || o).shadows[2]
+          }
+        },
+        "&:active": {
+          boxShadow: (o.vars || o).shadows[8]
+        },
+        [`&.${l.focusVisible}`]: {
+          boxShadow: (o.vars || o).shadows[6]
+        },
+        [`&.${l.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)",
+        [`&.${l.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(([, t]) => t && t.main && t.dark && t.contrastText).map(([t]) => ({
+      props: {
+        color: t
+      },
+      style: {
+        "--variant-textColor": (o.vars || o).palette[t].main,
+        "--variant-outlinedColor": (o.vars || o).palette[t].main,
+        "--variant-outlinedBorder": o.vars ? `rgba(${o.vars.palette[t].mainChannel} / 0.5)` : c(o.palette[t].main, 0.5),
+        "--variant-containedColor": (o.vars || o).palette[t].contrastText,
+        "--variant-containedBg": (o.vars || o).palette[t].main,
+        "@media (hover: hover)": {
+          "&:hover": {
+            "--variant-containedBg": (o.vars || o).palette[t].dark,
+            "--variant-textBg": o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : c(o.palette[t].main, o.palette.action.hoverOpacity),
+            "--variant-outlinedBorder": (o.vars || o).palette[t].main,
+            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : c(o.palette[t].main, o.palette.action.hoverOpacity)
+          }
+        }
+      }
+    })), {
+      props: {
+        color: "inherit"
+      },
+      style: {
+        "--variant-containedColor": o.vars ? (
+          // this is safe because grey does not change between default light/dark mode
+          o.vars.palette.text.primary
+        ) : (i = (s = o.palette).getContrastText) == null ? void 0 : i.call(s, n),
+        "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedBg : n,
+        "@media (hover: hover)": {
+          "&:hover": {
+            "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedHoverBg : r,
+            "--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)
+          }
+        }
+      }
+    }, {
+      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"
+        },
+        [`&.${l.focusVisible}`]: {
+          boxShadow: "none"
+        },
+        "&:active": {
+          boxShadow: "none"
+        },
+        [`&.${l.disabled}`]: {
+          boxShadow: "none"
+        }
+      }
+    }, {
+      props: {
+        fullWidth: !0
+      },
+      style: {
+        width: "100%"
+      }
+    }]
+  };
+})), Y = b("span", {
+  name: "MuiButton",
+  slot: "StartIcon",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: r
+    } = o;
+    return [n.startIcon, n[`iconSize${e(r.size)}`]];
+  }
+})({
+  display: "inherit",
+  marginRight: 8,
+  marginLeft: -4,
+  variants: [{
+    props: {
+      size: "small"
+    },
+    style: {
+      marginLeft: -2
+    }
+  }, ...O]
+}), Z = b("span", {
+  name: "MuiButton",
+  slot: "EndIcon",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: r
+    } = o;
+    return [n.endIcon, n[`iconSize${e(r.size)}`]];
+  }
+})({
+  display: "inherit",
+  marginRight: -4,
+  marginLeft: 8,
+  variants: [{
+    props: {
+      size: "small"
+    },
+    style: {
+      marginRight: -2
+    }
+  }, ...O]
+}), R = /* @__PURE__ */ u.forwardRef(function(n, r) {
+  const s = u.useContext(w), i = u.useContext(m), t = U(s, n), d = _({
+    props: t,
+    name: "MuiButton"
+  }), {
+    children: g,
+    color: x = "primary",
+    component: y = "button",
+    className: E,
+    disabled: f = !1,
+    disableElevation: N = !1,
+    disableFocusRipple: S = !1,
+    endIcon: z,
+    focusVisibleClassName: T,
+    fullWidth: P = !1,
+    size: h = "medium",
+    startIcon: C,
+    type: B,
+    variant: W = "text",
+    ...k
+  } = d, v = {
+    ...d,
+    color: x,
+    component: y,
+    disabled: f,
+    disableElevation: N,
+    disableFocusRipple: S,
+    fullWidth: P,
+    size: h,
+    type: B,
+    variant: W
+  }, p = Q(v), M = C && /* @__PURE__ */ $(Y, {
+    className: p.startIcon,
+    ownerState: v,
+    children: C
+  }), V = z && /* @__PURE__ */ $(Z, {
+    className: p.endIcon,
+    ownerState: v,
+    children: z
+  }), L = i || "";
+  return /* @__PURE__ */ A(X, {
+    ownerState: v,
+    className: I(s.className, p.root, E, L),
+    component: y,
+    disabled: f,
+    focusRipple: !S,
+    focusVisibleClassName: I(p.focusVisible, T),
+    ref: r,
+    type: B,
+    ...k,
+    classes: p,
+    children: [M, g, V]
+  });
+});
+process.env.NODE_ENV !== "production" && (R.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: a.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: a.object,
+  /**
+   * @ignore
+   */
+  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: 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: a.elementType,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: a.bool,
+  /**
+   * If `true`, no elevation is used.
+   * @default false
+   */
+  disableElevation: a.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: a.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: a.bool,
+  /**
+   * Element placed after the children.
+   */
+  endIcon: a.node,
+  /**
+   * @ignore
+   */
+  focusVisibleClassName: a.string,
+  /**
+   * If `true`, the button will take up the full width of its container.
+   * @default false
+   */
+  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: a.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]),
+  /**
+   * Element placed before the children.
+   */
+  startIcon: a.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]),
+  /**
+   * @ignore
+   */
+  type: a.oneOfType([a.oneOf(["button", "reset", "submit"]), a.string]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: a.oneOfType([a.oneOf(["contained", "outlined", "text"]), a.string])
+});
+const ro = R;
+export {
+  ro as B,
+  w as a,
+  l as b,
+  K as g
+};

package/dist/Button-CBAa7bmK.cjs

@@ -0,0 +1 @@
+"use strict";const j=require("react"),t=require("./identifier-7NboR24y.cjs"),s=require("./DefaultPropsProvider-B6IbLm7M.cjs"),g=require("react/jsx-runtime"),V=require("./ButtonBase-DePtV_m6.cjs");function D(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(a,e,r.get?r:{enumerable:!0,get:()=>o[e]})}}return a.default=o,Object.freeze(a)}const d=D(j);function P(o){return t.generateUtilityClass("MuiButton",o)}const L=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"]),l=L,b=d.createContext({});process.env.NODE_ENV!=="production"&&(b.displayName="ButtonGroupContext");const B=d.createContext(void 0);process.env.NODE_ENV!=="production"&&(B.displayName="ButtonGroupButtonContext");const q=o=>{const{color:a,disableElevation:e,fullWidth:r,size:i,variant:n,classes:p}=o,v={root:["root",n,`${n}${t.capitalize(a)}`,`size${t.capitalize(i)}`,`${n}Size${t.capitalize(i)}`,`color${t.capitalize(a)}`,e&&"disableElevation",r&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${t.capitalize(i)}`],endIcon:["icon","endIcon",`iconSize${t.capitalize(i)}`]},y=s.composeClasses(v,P,p);return{...p,...y}},$=[{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=s.styled(V.ButtonBase,{shouldForwardProp:o=>s.rootShouldForwardProp(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,a)=>{const{ownerState:e}=o;return[a.root,a[e.variant],a[`${e.variant}${t.capitalize(e.color)}`],a[`size${t.capitalize(e.size)}`],a[`${e.variant}Size${t.capitalize(e.size)}`],e.color==="inherit"&&a.colorInherit,e.disableElevation&&a.disableElevation,e.fullWidth&&a.fullWidth]}})(s.memoTheme(({theme:o})=>{var r,i;const a=o.palette.mode==="light"?o.palette.grey[300]:o.palette.grey[800],e=o.palette.mode==="light"?o.palette.grey.A100:o.palette.grey[700];return{...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"},[`&.${l.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]},[`&.${l.focusVisible}`]:{boxShadow:(o.vars||o).shadows[6]},[`&.${l.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)",[`&.${l.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(([,n])=>n&&n.main&&n.dark&&n.contrastText).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:{"--variant-containedColor":o.vars?o.vars.palette.text.primary:(i=(r=o.palette).getContrastText)==null?void 0:i.call(r,a),"--variant-containedBg":o.vars?o.vars.palette.Button.inheritContainedBg:a,"@media (hover: hover)":{"&:hover":{"--variant-containedBg":o.vars?o.vars.palette.Button.inheritContainedHoverBg:e,"--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"},[`&.${l.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${l.disabled}`]:{boxShadow:"none"}}},{props:{fullWidth:!0},style:{width:"100%"}}]}})),_=s.styled("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,a)=>{const{ownerState:e}=o;return[a.startIcon,a[`iconSize${t.capitalize(e.size)}`]]}})({display:"inherit",marginRight:8,marginLeft:-4,variants:[{props:{size:"small"},style:{marginLeft:-2}},...$]}),U=s.styled("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,a)=>{const{ownerState:e}=o;return[a.endIcon,a[`iconSize${t.capitalize(e.size)}`]]}})({display:"inherit",marginRight:-4,marginLeft:8,variants:[{props:{size:"small"},style:{marginRight:-2}},...$]}),I=d.forwardRef(function(a,e){const r=d.useContext(b),i=d.useContext(B),n=s.resolveProps(r,a),p=s.useDefaultProps({props:n,name:"MuiButton"}),{children:v,color:y="primary",component:x="button",className:w,disabled:f=!1,disableElevation:O=!1,disableFocusRipple:S=!1,endIcon:z,focusVisibleClassName:R,fullWidth:E=!1,size:N="medium",startIcon:T,type:C,variant:h="text",...m}=p,u={...p,color:y,component:x,disabled:f,disableElevation:O,disableFocusRipple:S,fullWidth:E,size:N,type:C,variant:h},c=q(u),W=T&&g.jsx(_,{className:c.startIcon,ownerState:u,children:T}),k=z&&g.jsx(U,{className:c.endIcon,ownerState:u,children:z}),M=i||"";return g.jsxs(G,{ownerState:u,className:t.clsx(r.className,c.root,w,M),component:x,disabled:f,focusRipple:!S,focusVisibleClassName:t.clsx(c.focusVisible,R),ref:e,type:C,...m,classes:c,children:[W,v,k]})});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])});const F=I;exports.Button=F;exports.ButtonGroupContext=b;exports.buttonClasses=l;exports.getButtonUtilityClass=P;