@cgi-learning-hub/ui 1.0.0 → 1.1.0

package/dist/Box-5x1F2S3-.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./identifier-4KVhx666.cjs"),T=require("react"),P=require("./useTheme-kqsjFBnC.cjs"),h=require("react/jsx-runtime");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 N=b(T),B=["className","component"];function g(o={}){const{themeId:t,defaultTheme:s,defaultClassName:r="MuiBox-root",generateClassName:a}=o,i=e.styled("div",{shouldForwardProp:n=>n!=="theme"&&n!=="sx"&&n!=="as"})(e.styleFunctionSx);return N.forwardRef(function(d,m){const c=P.useTheme(s),p=e.extendSxProp(d),{className:f,component:x="div"}=p,y=e._objectWithoutPropertiesLoose(p,B);return h.jsx(i,e._extends({as:x,ref:m,className:e.clsx(f,a?a(r):r),theme:t&&c[t]||c},y))})}const C=e.generateUtilityClasses("MuiBox",["root"]),u=C,O=e.createTheme(),l=g({themeId:e.THEME_ID,defaultTheme:O,defaultClassName:u.root,generateClassName:e.ClassNameGenerator.generate});process.env.NODE_ENV!=="production"&&(l.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 _=l;exports.Box=_;exports.boxClasses=u;

package/dist/{Box-BHWJ-D81.js → Box-Bawb5zHX.js}

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

package/dist/Button-C__-QOJY.js

@@ -0,0 +1,359 @@
+import { w as D, v as F, q as r, m as t, y as v, _ as G, x as m, P as n } from "./identifier-D-ng7Qqa.js";
+import * as p from "react";
+import { s as f, a as U, r as H, u as q, c as A } from "./styled-xiAudcD_.js";
+import { jsx as R, jsxs as J } from "react/jsx-runtime";
+import { B as K } from "./ButtonBase-4F5roLHd.js";
+function Q(o) {
+  return D("MuiButton", o);
+}
+const X = F("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 = X, E = /* @__PURE__ */ p.createContext({});
+process.env.NODE_ENV !== "production" && (E.displayName = "ButtonGroupContext");
+const N = /* @__PURE__ */ p.createContext(void 0);
+process.env.NODE_ENV !== "production" && (N.displayName = "ButtonGroupButtonContext");
+const Y = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], Z = (o) => {
+  const {
+    color: a,
+    disableElevation: i,
+    fullWidth: l,
+    size: s,
+    variant: e,
+    classes: c
+  } = o, g = {
+    root: ["root", e, `${e}${r(a)}`, `size${r(s)}`, `${e}Size${r(s)}`, `color${r(a)}`, i && "disableElevation", l && "fullWidth"],
+    label: ["label"],
+    startIcon: ["icon", "startIcon", `iconSize${r(s)}`],
+    endIcon: ["icon", "endIcon", `iconSize${r(s)}`]
+  }, x = A(g, Q, c);
+  return t({}, c, x);
+}, h = (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
+  }
+}), w = f(K, {
+  shouldForwardProp: (o) => U(o) || o === "classes",
+  name: "MuiButton",
+  slot: "Root",
+  overridesResolver: (o, a) => {
+    const {
+      ownerState: i
+    } = o;
+    return [a.root, a[i.variant], a[`${i.variant}${r(i.color)}`], a[`size${r(i.size)}`], a[`${i.variant}Size${r(i.size)}`], i.color === "inherit" && a.colorInherit, i.disableElevation && a.disableElevation, i.fullWidth && a.fullWidth];
+  }
+})(({
+  theme: o,
+  ownerState: a
+}) => {
+  var i, l;
+  const s = 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 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"
+      }
+    }, a.variant === "text" && a.color !== "inherit" && {
+      backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[a.color].main, o.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    }, a.variant === "outlined" && a.color !== "inherit" && {
+      border: `1px solid ${(o.vars || o).palette[a.color].main}`,
+      backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[a.color].main, o.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    }, a.variant === "contained" && {
+      backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedHoverBg : e,
+      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]
+      }
+    }, a.variant === "contained" && a.color !== "inherit" && {
+      backgroundColor: (o.vars || o).palette[a.color].dark,
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: (o.vars || o).palette[a.color].main
+      }
+    }),
+    "&:active": t({}, a.variant === "contained" && {
+      boxShadow: (o.vars || o).shadows[8]
+    }),
+    [`&.${b.focusVisible}`]: t({}, a.variant === "contained" && {
+      boxShadow: (o.vars || o).shadows[6]
+    }),
+    [`&.${b.disabled}`]: t({
+      color: (o.vars || o).palette.action.disabled
+    }, a.variant === "outlined" && {
+      border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
+    }, a.variant === "contained" && {
+      color: (o.vars || o).palette.action.disabled,
+      boxShadow: (o.vars || o).shadows[0],
+      backgroundColor: (o.vars || o).palette.action.disabledBackground
+    })
+  }, a.variant === "text" && {
+    padding: "6px 8px"
+  }, a.variant === "text" && a.color !== "inherit" && {
+    color: (o.vars || o).palette[a.color].main
+  }, a.variant === "outlined" && {
+    padding: "5px 15px",
+    border: "1px solid currentColor"
+  }, a.variant === "outlined" && a.color !== "inherit" && {
+    color: (o.vars || o).palette[a.color].main,
+    border: o.vars ? `1px solid rgba(${o.vars.palette[a.color].mainChannel} / 0.5)` : `1px solid ${v(o.palette[a.color].main, 0.5)}`
+  }, a.variant === "contained" && {
+    color: o.vars ? (
+      // this is safe because grey does not change between default light/dark mode
+      o.vars.palette.text.primary
+    ) : (i = (l = o.palette).getContrastText) == null ? void 0 : i.call(l, o.palette.grey[300]),
+    backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedBg : s,
+    boxShadow: (o.vars || o).shadows[2]
+  }, a.variant === "contained" && a.color !== "inherit" && {
+    color: (o.vars || o).palette[a.color].contrastText,
+    backgroundColor: (o.vars || o).palette[a.color].main
+  }, a.color === "inherit" && {
+    color: "inherit",
+    borderColor: "currentColor"
+  }, a.size === "small" && a.variant === "text" && {
+    padding: "4px 5px",
+    fontSize: o.typography.pxToRem(13)
+  }, a.size === "large" && a.variant === "text" && {
+    padding: "8px 11px",
+    fontSize: o.typography.pxToRem(15)
+  }, a.size === "small" && a.variant === "outlined" && {
+    padding: "3px 9px",
+    fontSize: o.typography.pxToRem(13)
+  }, a.size === "large" && a.variant === "outlined" && {
+    padding: "7px 21px",
+    fontSize: o.typography.pxToRem(15)
+  }, a.size === "small" && a.variant === "contained" && {
+    padding: "4px 10px",
+    fontSize: o.typography.pxToRem(13)
+  }, a.size === "large" && a.variant === "contained" && {
+    padding: "8px 22px",
+    fontSize: o.typography.pxToRem(15)
+  }, a.fullWidth && {
+    width: "100%"
+  });
+}, ({
+  ownerState: o
+}) => o.disableElevation && {
+  boxShadow: "none",
+  "&:hover": {
+    boxShadow: "none"
+  },
+  [`&.${b.focusVisible}`]: {
+    boxShadow: "none"
+  },
+  "&:active": {
+    boxShadow: "none"
+  },
+  [`&.${b.disabled}`]: {
+    boxShadow: "none"
+  }
+}), oo = f("span", {
+  name: "MuiButton",
+  slot: "StartIcon",
+  overridesResolver: (o, a) => {
+    const {
+      ownerState: i
+    } = o;
+    return [a.startIcon, a[`iconSize${r(i.size)}`]];
+  }
+})(({
+  ownerState: o
+}) => t({
+  display: "inherit",
+  marginRight: 8,
+  marginLeft: -4
+}, o.size === "small" && {
+  marginLeft: -2
+}, h(o))), ao = f("span", {
+  name: "MuiButton",
+  slot: "EndIcon",
+  overridesResolver: (o, a) => {
+    const {
+      ownerState: i
+    } = o;
+    return [a.endIcon, a[`iconSize${r(i.size)}`]];
+  }
+})(({
+  ownerState: o
+}) => t({
+  display: "inherit",
+  marginRight: -4,
+  marginLeft: 8
+}, o.size === "small" && {
+  marginRight: -2
+}, h(o))), O = /* @__PURE__ */ p.forwardRef(function(a, i) {
+  const l = p.useContext(E), s = p.useContext(N), e = H(l, a), c = q({
+    props: e,
+    name: "MuiButton"
+  }), {
+    children: g,
+    color: x = "primary",
+    component: y = "button",
+    className: k,
+    disabled: z = !1,
+    disableElevation: T = !1,
+    disableFocusRipple: C = !1,
+    endIcon: I,
+    focusVisibleClassName: P,
+    fullWidth: W = !1,
+    size: S = "medium",
+    startIcon: $,
+    type: B,
+    variant: M = "text"
+  } = c, V = G(c, Y), u = t({}, c, {
+    color: x,
+    component: y,
+    disabled: z,
+    disableElevation: T,
+    disableFocusRipple: C,
+    fullWidth: W,
+    size: S,
+    type: B,
+    variant: M
+  }), d = Z(u), _ = $ && /* @__PURE__ */ R(oo, {
+    className: d.startIcon,
+    ownerState: u,
+    children: $
+  }), L = I && /* @__PURE__ */ R(ao, {
+    className: d.endIcon,
+    ownerState: u,
+    children: I
+  }), j = s || "";
+  return /* @__PURE__ */ J(w, t({
+    ownerState: u,
+    className: m(l.className, d.root, k, j),
+    component: y,
+    disabled: z,
+    focusRipple: !C,
+    focusVisibleClassName: m(d.focusVisible, P),
+    ref: i,
+    type: B
+  }, V, {
+    classes: d,
+    children: [_, g, L]
+  }));
+});
+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: n.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: n.object,
+  /**
+   * @ignore
+   */
+  className: n.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: n.oneOfType([n.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), n.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: n.elementType,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: n.bool,
+  /**
+   * If `true`, no elevation is used.
+   * @default false
+   */
+  disableElevation: n.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: n.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: n.bool,
+  /**
+   * Element placed after the children.
+   */
+  endIcon: n.node,
+  /**
+   * @ignore
+   */
+  focusVisibleClassName: n.string,
+  /**
+   * If `true`, the button will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: n.bool,
+  /**
+   * The URL to link to when the button is clicked.
+   * If defined, an `a` element will be used as the root node.
+   */
+  href: n.string,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: n.oneOfType([n.oneOf(["small", "medium", "large"]), n.string]),
+  /**
+   * Element placed before the children.
+   */
+  startIcon: n.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
+  /**
+   * @ignore
+   */
+  type: n.oneOfType([n.oneOf(["button", "reset", "submit"]), n.string]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: n.oneOfType([n.oneOf(["contained", "outlined", "text"]), n.string])
+});
+const so = O;
+export {
+  so as B,
+  E as a,
+  b,
+  Q as g
+};

package/dist/Button-DKIRmOzf.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./identifier-4KVhx666.cjs"),j=require("react"),s=require("./styled-ZF_yhfMW.cjs"),b=require("react/jsx-runtime"),V=require("./ButtonBase-Bw3wq81v.cjs");function L(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 d=L(j);function $(o){return a.generateUtilityClass("MuiButton",o)}const D=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","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"]),p=D,x=d.createContext({});process.env.NODE_ENV!=="production"&&(x.displayName="ButtonGroupContext");const B=d.createContext(void 0);process.env.NODE_ENV!=="production"&&(B.displayName="ButtonGroupButtonContext");const q=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],G=o=>{const{color:n,disableElevation:i,fullWidth:t,size:r,variant:e,classes:l}=o,v={root:["root",e,`${e}${a.capitalize(n)}`,`size${a.capitalize(r)}`,`${e}Size${a.capitalize(r)}`,`color${a.capitalize(n)}`,i&&"disableElevation",t&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${a.capitalize(r)}`],endIcon:["icon","endIcon",`iconSize${a.capitalize(r)}`]},y=s.composeClasses(v,$,l);return a._extends({},l,y)},I=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}}),F=s.styled(V.ButtonBase,{shouldForwardProp:o=>s.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 r=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 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_1(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_1(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_1(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:e,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]}),[`&.${p.focusVisible}`]:a._extends({},n.variant==="contained"&&{boxShadow:(o.vars||o).shadows[6]}),[`&.${p.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_1(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:r,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"},[`&.${p.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${p.disabled}`]:{boxShadow:"none"}}),U=s.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},I(o))),H=s.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},I(o))),O=d.forwardRef(function(n,i){const t=d.useContext(x),r=d.useContext(B),e=s.resolveProps(t,n),l=s.useDefaultProps({props:e,name:"MuiButton"}),{children:v,color:y="primary",component:g="button",className:_,disabled:f=!1,disableElevation:R=!1,disableFocusRipple:z=!1,endIcon:C,focusVisibleClassName:h,fullWidth:N=!1,size:E="medium",startIcon:T,type:P,variant:k="text"}=l,m=a._objectWithoutPropertiesLoose(l,q),u=a._extends({},l,{color:y,component:g,disabled:f,disableElevation:R,disableFocusRipple:z,fullWidth:N,size:E,type:P,variant:k}),c=G(u),W=T&&b.jsx(U,{className:c.startIcon,ownerState:u,children:T}),S=C&&b.jsx(H,{className:c.endIcon,ownerState:u,children:C}),M=r||"";return b.jsxs(F,a._extends({ownerState:u,className:a.clsx(t.className,c.root,_,M),component:g,disabled:f,focusRipple:!z,focusVisibleClassName:a.clsx(c.focusVisible,h),ref:i,type:P},m,{classes:c,children:[W,v,S]}))});process.env.NODE_ENV!=="production"&&(O.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 A=O;exports.Button=A;exports.ButtonGroupContext=x;exports.buttonClasses=p;exports.getButtonUtilityClass=$;

package/dist/{ButtonBase-BpYorbzW.js → ButtonBase-4F5roLHd.js}

@@ -1,17 +1,16 @@
-import { _ as Y, b as ie, P as e, u as ye, g as Ke } from "./useThemeProps-DJpU2Yr7.js";
+import { m as Y, _ as ie, P as e, x, v as ye, w as Ke } from "./identifier-D-ng7Qqa.js";
 import * as p from "react";
 import W, { Children as Xe, isValidElement as G, cloneElement as J } from "react";
-import { c as x, g as Te, s as re, a as Ye } from "./styled-DSGBDqKV.js";
+import { s as re, u as Te, c as Ye } from "./styled-xiAudcD_.js";
 import { jsx as U, jsxs as Ae } from "react/jsx-runtime";
-import { a as qe, u as H } from "./useTimeout-Dokw0W_A.js";
+import { a as qe, u as H } from "./useTimeout-BdvDipeg.js";
 import { _ as We, T as de } from "./TransitionGroupContext-BkoHK5Kx.js";
 import { keyframes as se } from "@emotion/react";
-import { a as he } from "./useForkRef-CQ5u1_mH.js";
-import { u as He } from "./useIsFocusVisible-BsjI7Zxf.js";
-import { r as Ge, e as Je } from "./refType-CD9RZ5PF.js";
+import { a as he } from "./useForkRef-DwN_Iz9R.js";
+import { u as He } from "./useIsFocusVisible-DhASXQ4o.js";
+import { r as Ge, e as Je } from "./refType-COGEdfch.js";
 function Qe(t) {
-  if (t === void 0)
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  if (t === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t;
 }
 function ae(t, s) {
@@ -257,7 +256,7 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
    */
   timeout: e.number.isRequired
 });
-const b = Te("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), it = ["center", "classes", "className"];
+const b = ye("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), it = ["center", "classes", "className"];
 let Q = (t) => t, me, be, ge, Re;
 const oe = 550, rt = 80, st = se(me || (me = Q`
   0% {
@@ -357,7 +356,7 @@ const oe = 550, rt = 80, st = se(me || (me = Q`
 }) => t.transitions.easing.easeInOut, b.childPulsate, lt, ({
   theme: t
 }) => t.transitions.easing.easeInOut), Ee = /* @__PURE__ */ p.forwardRef(function(s, a) {
-  const l = ye({
+  const l = Te({
     props: s,
     name: "MuiTouchRipple"
   }), {
@@ -372,7 +371,7 @@ const oe = 550, rt = 80, st = se(me || (me = Q`
     const {
       pulsate: M,
       rippleX: E,
-      rippleY: w,
+      rippleY: S,
       rippleSize: I,
       cb: z
     } = d;
@@ -388,13 +387,13 @@ const oe = 550, rt = 80, st = se(me || (me = Q`
       timeout: oe,
       pulsate: M,
       rippleX: E,
-      rippleY: w,
+      rippleY: S,
       rippleSize: I
     }, h.current)]), h.current += 1, y.current = z;
   }, [n]), _ = p.useCallback((d = {}, M = {}, E = () => {
   }) => {
     const {
-      pulsate: w = !1,
+      pulsate: S = !1,
       center: I = o || M.pulsate,
       fakeElement: z = !1
       // For test purposes
@@ -404,43 +403,43 @@ const oe = 550, rt = 80, st = se(me || (me = Q`
       return;
     }
     (d == null ? void 0 : d.type) === "touchstart" && (g.current = !0);
-    const C = z ? null : T.current, D = C ? C.getBoundingClientRect() : {
+    const C = z ? null : T.current, P = C ? C.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
       top: 0
     };
-    let V, B, S;
+    let V, B, w;
     if (I || d === void 0 || d.clientX === 0 && d.clientY === 0 || !d.clientX && !d.touches)
-      V = Math.round(D.width / 2), B = Math.round(D.height / 2);
+      V = Math.round(P.width / 2), B = Math.round(P.height / 2);
     else {
       const {
         clientX: L,
         clientY: N
       } = d.touches && d.touches.length > 0 ? d.touches[0] : d;
-      V = Math.round(L - D.left), B = Math.round(N - D.top);
+      V = Math.round(L - P.left), B = Math.round(N - P.top);
     }
     if (I)
-      S = Math.sqrt((2 * D.width ** 2 + D.height ** 2) / 3), S % 2 === 0 && (S += 1);
+      w = Math.sqrt((2 * P.width ** 2 + P.height ** 2) / 3), w % 2 === 0 && (w += 1);
     else {
       const L = Math.max(Math.abs((C ? C.clientWidth : 0) - V), V) * 2 + 2, N = Math.max(Math.abs((C ? C.clientHeight : 0) - B), B) * 2 + 2;
-      S = Math.sqrt(L ** 2 + N ** 2);
+      w = Math.sqrt(L ** 2 + N ** 2);
     }
     d != null && d.touches ? m.current === null && (m.current = () => {
       $({
-        pulsate: w,
+        pulsate: S,
         rippleX: V,
         rippleY: B,
-        rippleSize: S,
+        rippleSize: w,
         cb: E
       });
     }, v.start(rt, () => {
       m.current && (m.current(), m.current = null);
     })) : $({
-      pulsate: w,
+      pulsate: S,
       rippleX: V,
       rippleY: B,
-      rippleSize: S,
+      rippleSize: w,
       cb: E
     });
   }, [o, $, v]), j = p.useCallback(() => {
@@ -489,7 +488,7 @@ process.env.NODE_ENV !== "production" && (Ee.propTypes = {
 function pt(t) {
   return Ke("MuiButtonBase", t);
 }
-const ft = Te("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"], ht = (t) => {
+const ft = ye("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"], ht = (t) => {
   const {
     disabled: s,
     focusVisible: a,
@@ -543,7 +542,7 @@ const ft = Te("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = ["act
     colorAdjust: "exact"
   }
 }), bt = /* @__PURE__ */ p.forwardRef(function(s, a) {
-  const l = ye({
+  const l = Te({
     props: s,
     name: "MuiButtonBase"
   }), {
@@ -566,16 +565,16 @@ const ft = Te("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = ["act
     onKeyDown: d,
     onKeyUp: M,
     onMouseDown: E,
-    onMouseLeave: w,
+    onMouseLeave: S,
     onMouseUp: I,
     onTouchEnd: z,
     onTouchMove: C,
-    onTouchStart: D,
+    onTouchStart: P,
     tabIndex: V = 0,
     TouchRippleProps: B,
-    touchRippleRef: S,
+    touchRippleRef: w,
     type: L
-  } = l, N = ie(l, dt), K = p.useRef(null), R = p.useRef(null), Ce = he(R, S), {
+  } = l, N = ie(l, dt), K = p.useRef(null), R = p.useRef(null), Ce = he(R, w), {
     isFocusVisibleRef: ue,
     onFocus: xe,
     onBlur: ve,
@@ -594,12 +593,12 @@ const ft = Te("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = ["act
   p.useEffect(() => {
     k && g && !h && Z && R.current.pulsate();
   }, [h, g, k, Z]);
-  function P(r, pe, ze = y) {
+  function D(r, pe, ze = y) {
     return H((fe) => (pe && pe(fe), !ze && R.current && R.current[r](fe), !0));
   }
-  const Pe = P("start", E), De = P("stop", $), Be = P("stop", _), Se = P("stop", I), we = P("stop", (r) => {
-    k && r.preventDefault(), w && w(r);
-  }), Le = P("start", D), ke = P("stop", z), Fe = P("stop", C), _e = P("stop", (r) => {
+  const De = D("start", E), Pe = D("stop", $), Be = D("stop", _), we = D("stop", I), Se = D("stop", (r) => {
+    k && r.preventDefault(), S && S(r);
+  }), Le = D("start", P), ke = D("stop", z), Fe = D("stop", C), _e = D("stop", (r) => {
     ve(r), ue.current === !1 && A(!1), m && m(r);
   }, !1), Oe = H((r) => {
     K.current || (K.current = r.currentTarget), xe(r), ue.current === !0 && (A(!0), O && O(r)), j && j(r);
@@ -640,13 +639,13 @@ const ft = Te("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = ["act
     ownerState: ce,
     onBlur: _e,
     onClick: T,
-    onContextMenu: De,
+    onContextMenu: Pe,
     onFocus: Oe,
     onKeyDown: Ie,
     onKeyUp: Ue,
-    onMouseDown: Pe,
-    onMouseLeave: we,
-    onMouseUp: Se,
+    onMouseDown: De,
+    onMouseLeave: Se,
+    onMouseUp: we,
     onDragLeave: Be,
     onTouchEnd: ke,
     onTouchMove: Fe,