@cgi-learning-hub/ui 1.2.0-dev.1725455018 → 1.2.0-dev.1725543340

package/dist/Button-By3A0teb.js

@@ -1,454 +0,0 @@
-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

@@ -1 +0,0 @@
-"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;