@cgi-learning-hub/ui 0.0.1-dev.1708424507 → 0.0.1-dev.1708424596

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "0.0.1-dev.1708424507",
+  "version": "0.0.1-dev.1708424596",
   "private": false,
   "author": "CGI Learning-hub Team",
   "description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",
@@ -30,8 +30,6 @@
     "dist"
   ],
   "devDependencies": {
-    "@mui/base": "5.0.0-beta.36",
-    "@mui/icons-material": "5.15.10",
     "@mui/material": "5.15.7",
     "autoprefixer": "10.4.17",
     "postcss": "8.4.33",

package/dist/Button-8coRSZ3M.cjs

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

package/dist/Button-BJMp7Tz3.js

@@ -1,355 +0,0 @@
-import { g as j, b as F, s as f, r as D, f as r, a as t, t as v, v as U, u as H, _ as A, h, P as a, e as q } from "./useThemeProps-Dkkbtzcg.js";
-import * as p from "react";
-import { jsx as m, jsxs as J } from "react/jsx-runtime";
-import { B as K } from "./ButtonBase-DfYGPVje.js";
-function Q(o) {
-  return F("MuiButton", o);
-}
-const X = j("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), b = X, R = /* @__PURE__ */ p.createContext({});
-process.env.NODE_ENV !== "production" && (R.displayName = "ButtonGroupContext");
-const Y = R, N = /* @__PURE__ */ p.createContext(void 0);
-process.env.NODE_ENV !== "production" && (N.displayName = "ButtonGroupButtonContext");
-const Z = N, w = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], oo = (o) => {
-  const {
-    color: n,
-    disableElevation: i,
-    fullWidth: e,
-    size: s,
-    variant: l,
-    classes: c
-  } = o, g = {
-    root: ["root", l, `${l}${r(n)}`, `size${r(s)}`, `${l}Size${r(s)}`, n === "inherit" && "colorInherit", i && "disableElevation", e && "fullWidth"],
-    label: ["label"],
-    startIcon: ["startIcon", `iconSize${r(s)}`],
-    endIcon: ["endIcon", `iconSize${r(s)}`]
-  }, x = q(g, Q, c);
-  return t({}, c, x);
-}, E = (o) => t({}, o.size === "small" && {
-  "& > *:nth-of-type(1)": {
-    fontSize: 18
-  }
-}, o.size === "medium" && {
-  "& > *:nth-of-type(1)": {
-    fontSize: 20
-  }
-}, o.size === "large" && {
-  "& > *:nth-of-type(1)": {
-    fontSize: 22
-  }
-}), no = f(K, {
-  shouldForwardProp: (o) => D(o) || o === "classes",
-  name: "MuiButton",
-  slot: "Root",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: i
-    } = o;
-    return [n.root, n[i.variant], n[`${i.variant}${r(i.color)}`], n[`size${r(i.size)}`], n[`${i.variant}Size${r(i.size)}`], i.color === "inherit" && n.colorInherit, i.disableElevation && n.disableElevation, i.fullWidth && n.fullWidth];
-  }
-})(({
-  theme: o,
-  ownerState: n
-}) => {
-  var i, e;
-  const s = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], l = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
-  return t({}, o.typography.button, {
-    minWidth: 64,
-    padding: "6px 16px",
-    borderRadius: (o.vars || o).shape.borderRadius,
-    transition: o.transitions.create(["background-color", "box-shadow", "border-color", "color"], {
-      duration: o.transitions.duration.short
-    }),
-    "&:hover": t({
-      textDecoration: "none",
-      backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette.text.primary, o.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, n.variant === "text" && n.color !== "inherit" && {
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[n.color].main, o.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, n.variant === "outlined" && n.color !== "inherit" && {
-      border: `1px solid ${(o.vars || o).palette[n.color].main}`,
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[n.color].main, o.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, n.variant === "contained" && {
-      backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedHoverBg : l,
-      boxShadow: (o.vars || o).shadows[4],
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        boxShadow: (o.vars || o).shadows[2],
-        backgroundColor: (o.vars || o).palette.grey[300]
-      }
-    }, n.variant === "contained" && n.color !== "inherit" && {
-      backgroundColor: (o.vars || o).palette[n.color].dark,
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: (o.vars || o).palette[n.color].main
-      }
-    }),
-    "&:active": t({}, n.variant === "contained" && {
-      boxShadow: (o.vars || o).shadows[8]
-    }),
-    [`&.${b.focusVisible}`]: t({}, n.variant === "contained" && {
-      boxShadow: (o.vars || o).shadows[6]
-    }),
-    [`&.${b.disabled}`]: t({
-      color: (o.vars || o).palette.action.disabled
-    }, n.variant === "outlined" && {
-      border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
-    }, n.variant === "contained" && {
-      color: (o.vars || o).palette.action.disabled,
-      boxShadow: (o.vars || o).shadows[0],
-      backgroundColor: (o.vars || o).palette.action.disabledBackground
-    })
-  }, n.variant === "text" && {
-    padding: "6px 8px"
-  }, n.variant === "text" && n.color !== "inherit" && {
-    color: (o.vars || o).palette[n.color].main
-  }, n.variant === "outlined" && {
-    padding: "5px 15px",
-    border: "1px solid currentColor"
-  }, n.variant === "outlined" && n.color !== "inherit" && {
-    color: (o.vars || o).palette[n.color].main,
-    border: o.vars ? `1px solid rgba(${o.vars.palette[n.color].mainChannel} / 0.5)` : `1px solid ${v(o.palette[n.color].main, 0.5)}`
-  }, n.variant === "contained" && {
-    color: o.vars ? (
-      // this is safe because grey does not change between default light/dark mode
-      o.vars.palette.text.primary
-    ) : (i = (e = o.palette).getContrastText) == null ? void 0 : i.call(e, o.palette.grey[300]),
-    backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedBg : s,
-    boxShadow: (o.vars || o).shadows[2]
-  }, n.variant === "contained" && n.color !== "inherit" && {
-    color: (o.vars || o).palette[n.color].contrastText,
-    backgroundColor: (o.vars || o).palette[n.color].main
-  }, n.color === "inherit" && {
-    color: "inherit",
-    borderColor: "currentColor"
-  }, n.size === "small" && n.variant === "text" && {
-    padding: "4px 5px",
-    fontSize: o.typography.pxToRem(13)
-  }, n.size === "large" && n.variant === "text" && {
-    padding: "8px 11px",
-    fontSize: o.typography.pxToRem(15)
-  }, n.size === "small" && n.variant === "outlined" && {
-    padding: "3px 9px",
-    fontSize: o.typography.pxToRem(13)
-  }, n.size === "large" && n.variant === "outlined" && {
-    padding: "7px 21px",
-    fontSize: o.typography.pxToRem(15)
-  }, n.size === "small" && n.variant === "contained" && {
-    padding: "4px 10px",
-    fontSize: o.typography.pxToRem(13)
-  }, n.size === "large" && n.variant === "contained" && {
-    padding: "8px 22px",
-    fontSize: o.typography.pxToRem(15)
-  }, n.fullWidth && {
-    width: "100%"
-  });
-}, ({
-  ownerState: o
-}) => o.disableElevation && {
-  boxShadow: "none",
-  "&:hover": {
-    boxShadow: "none"
-  },
-  [`&.${b.focusVisible}`]: {
-    boxShadow: "none"
-  },
-  "&:active": {
-    boxShadow: "none"
-  },
-  [`&.${b.disabled}`]: {
-    boxShadow: "none"
-  }
-}), ao = f("span", {
-  name: "MuiButton",
-  slot: "StartIcon",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: i
-    } = o;
-    return [n.startIcon, n[`iconSize${r(i.size)}`]];
-  }
-})(({
-  ownerState: o
-}) => t({
-  display: "inherit",
-  marginRight: 8,
-  marginLeft: -4
-}, o.size === "small" && {
-  marginLeft: -2
-}, E(o))), io = f("span", {
-  name: "MuiButton",
-  slot: "EndIcon",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: i
-    } = o;
-    return [n.endIcon, n[`iconSize${r(i.size)}`]];
-  }
-})(({
-  ownerState: o
-}) => t({
-  display: "inherit",
-  marginRight: -4,
-  marginLeft: 8
-}, o.size === "small" && {
-  marginRight: -2
-}, E(o))), O = /* @__PURE__ */ p.forwardRef(function(n, i) {
-  const e = p.useContext(Y), s = p.useContext(Z), l = U(e, n), c = H({
-    props: l,
-    name: "MuiButton"
-  }), {
-    children: g,
-    color: x = "primary",
-    component: y = "button",
-    className: k,
-    disabled: C = !1,
-    disableElevation: T = !1,
-    disableFocusRipple: z = !1,
-    endIcon: B,
-    focusVisibleClassName: P,
-    fullWidth: W = !1,
-    size: M = "medium",
-    startIcon: $,
-    type: I,
-    variant: V = "text"
-  } = c, S = A(c, w), u = t({}, c, {
-    color: x,
-    component: y,
-    disabled: C,
-    disableElevation: T,
-    disableFocusRipple: z,
-    fullWidth: W,
-    size: M,
-    type: I,
-    variant: V
-  }), d = oo(u), L = $ && /* @__PURE__ */ m(ao, {
-    className: d.startIcon,
-    ownerState: u,
-    children: $
-  }), _ = B && /* @__PURE__ */ m(io, {
-    className: d.endIcon,
-    ownerState: u,
-    children: B
-  }), G = s || "";
-  return /* @__PURE__ */ J(no, t({
-    ownerState: u,
-    className: h(e.className, d.root, k, G),
-    component: y,
-    disabled: C,
-    focusRipple: !z,
-    focusVisibleClassName: h(d.focusVisible, P),
-    ref: i,
-    type: I
-  }, S, {
-    classes: d,
-    children: [L, g, _]
-  }));
-});
-process.env.NODE_ENV !== "production" && (O.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 eo = O;
-export {
-  eo as B
-};