@cgi-learning-hub/ui 1.2.0 → 1.3.0

package/dist/Backdrop-ZCTs-Ws8.cjs

@@ -0,0 +1 @@
+"use strict";const q=require("react"),e=require("./identifier-B_IiMbpZ.cjs"),U=require("./useTheme-BvsnROiB.cjs"),I=require("./useForkRef-D81w5oMb.cjs"),A=require("react/jsx-runtime"),$=require("./DefaultPropsProvider-eEVEiLDf.cjs"),B=require("./TransitionGroupContext-DbXD5xqS.cjs"),F=require("react-dom");function ie(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const i in o)if(i!=="default"){const r=Object.getOwnPropertyDescriptor(o,i);Object.defineProperty(p,i,r.get?r:{enumerable:!0,get:()=>o[i]})}}return p.default=o,Object.freeze(p)}const L=ie(q);function pe(o){const{prototype:p={}}=o;return!!p.isReactComponent}function K(o,p,i,r,n){const t=o[p],s=n||p;if(t==null||typeof window>"u")return null;let a;const c=t.type;return typeof c=="function"&&!pe(c)&&(a="Did you accidentally use a plain function component for an element instead?"),a!==void 0?new Error(`Invalid ${r} \`${s}\` supplied to \`${i}\`. Expected an element that can hold a ref. ${a} For more information see https://mui.com/r/caveat-with-refs-guide`):null}const H=I.chainPropTypes(e.PropTypes.element,K);H.isRequired=I.chainPropTypes(e.PropTypes.element.isRequired,K);function Q(o){var p;return parseInt(L.version,10)>=19?((p=o==null?void 0:o.props)==null?void 0:p.ref)||null:(o==null?void 0:o.ref)||null}function V(o,p){const{className:i,elementType:r,ownerState:n,externalForwardedProps:t,getSlotOwnerState:s,internalForwardedProps:a,...c}=p,{component:l,slots:d={[o]:void 0},slotProps:E={[o]:void 0},...b}=t,v=d[o]||r,h=U.resolveComponentProps(E[o],n),{props:{component:S,...y},internalRef:x}=U.mergeSlotProps({className:i,...c,externalForwardedProps:o==="root"?b:void 0,externalSlotProps:h}),D=I.useForkRef(x,h==null?void 0:h.ref,p.ref),C=s?s(y):{},P={...n,...C},O=o==="root"?S||l:S,f=U.appendOwnerState(v,{...o==="root"&&!l&&!d[o]&&a,...o!=="root"&&!d[o]&&a,...y,...O&&{as:O},ref:D},P);return Object.keys(C).forEach(w=>{delete f[w]}),[v,f]}const J={disabled:!1};var ae=process.env.NODE_ENV!=="production"?e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.shape({enter:e.PropTypes.number,exit:e.PropTypes.number,appear:e.PropTypes.number}).isRequired]):null,ce=process.env.NODE_ENV!=="production"?e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.shape({enter:e.PropTypes.string,exit:e.PropTypes.string,active:e.PropTypes.string}),e.PropTypes.shape({enter:e.PropTypes.string,enterDone:e.PropTypes.string,enterActive:e.PropTypes.string,exit:e.PropTypes.string,exitDone:e.PropTypes.string,exitActive:e.PropTypes.string})]):null,Y=function(p){return p.scrollTop},M="unmounted",g="exited",R="entering",k="entered",W="exiting",T=function(o){B._inheritsLoose(p,o);function p(r,n){var t;t=o.call(this,r,n)||this;var s=n,a=s&&!s.isMounting?r.enter:r.appear,c;return t.appearStatus=null,r.in?a?(c=g,t.appearStatus=R):c=k:r.unmountOnExit||r.mountOnEnter?c=M:c=g,t.state={status:c},t.nextCallback=null,t}p.getDerivedStateFromProps=function(n,t){var s=n.in;return s&&t.status===M?{status:g}:null};var i=p.prototype;return i.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},i.componentDidUpdate=function(n){var t=null;if(n!==this.props){var s=this.state.status;this.props.in?s!==R&&s!==k&&(t=R):(s===R||s===k)&&(t=W)}this.updateStatus(!1,t)},i.componentWillUnmount=function(){this.cancelNextCallback()},i.getTimeouts=function(){var n=this.props.timeout,t,s,a;return t=s=a=n,n!=null&&typeof n!="number"&&(t=n.exit,s=n.enter,a=n.appear!==void 0?n.appear:s),{exit:t,enter:s,appear:a}},i.updateStatus=function(n,t){if(n===void 0&&(n=!1),t!==null)if(this.cancelNextCallback(),t===R){if(this.props.unmountOnExit||this.props.mountOnEnter){var s=this.props.nodeRef?this.props.nodeRef.current:F.findDOMNode(this);s&&Y(s)}this.performEnter(n)}else this.performExit();else this.props.unmountOnExit&&this.state.status===g&&this.setState({status:M})},i.performEnter=function(n){var t=this,s=this.props.enter,a=this.context?this.context.isMounting:n,c=this.props.nodeRef?[a]:[F.findDOMNode(this),a],l=c[0],d=c[1],E=this.getTimeouts(),b=a?E.appear:E.enter;if(!n&&!s||J.disabled){this.safeSetState({status:k},function(){t.props.onEntered(l)});return}this.props.onEnter(l,d),this.safeSetState({status:R},function(){t.props.onEntering(l,d),t.onTransitionEnd(b,function(){t.safeSetState({status:k},function(){t.props.onEntered(l,d)})})})},i.performExit=function(){var n=this,t=this.props.exit,s=this.getTimeouts(),a=this.props.nodeRef?void 0:F.findDOMNode(this);if(!t||J.disabled){this.safeSetState({status:g},function(){n.props.onExited(a)});return}this.props.onExit(a),this.safeSetState({status:W},function(){n.props.onExiting(a),n.onTransitionEnd(s.exit,function(){n.safeSetState({status:g},function(){n.props.onExited(a)})})})},i.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},i.safeSetState=function(n,t){t=this.setNextCallback(t),this.setState(n,t)},i.setNextCallback=function(n){var t=this,s=!0;return this.nextCallback=function(a){s&&(s=!1,t.nextCallback=null,n(a))},this.nextCallback.cancel=function(){s=!1},this.nextCallback},i.onTransitionEnd=function(n,t){this.setNextCallback(t);var s=this.props.nodeRef?this.props.nodeRef.current:F.findDOMNode(this),a=n==null&&!this.props.addEndListener;if(!s||a){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var c=this.props.nodeRef?[this.nextCallback]:[s,this.nextCallback],l=c[0],d=c[1];this.props.addEndListener(l,d)}n!=null&&setTimeout(this.nextCallback,n)},i.render=function(){var n=this.state.status;if(n===M)return null;var t=this.props,s=t.children;t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef;var a=B._objectWithoutPropertiesLoose(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return q.createElement(B.TransitionGroupContext.Provider,{value:null},typeof s=="function"?s(n,a):q.cloneElement(q.Children.only(s),a))},p}(q.Component);T.contextType=B.TransitionGroupContext;T.propTypes=process.env.NODE_ENV!=="production"?{nodeRef:e.PropTypes.shape({current:typeof Element>"u"?e.PropTypes.any:function(o,p,i,r,n,t){var s=o[p];return e.PropTypes.instanceOf(s&&"ownerDocument"in s?s.ownerDocument.defaultView.Element:Element)(o,p,i,r,n,t)}}),children:e.PropTypes.oneOfType([e.PropTypes.func.isRequired,e.PropTypes.element.isRequired]).isRequired,in:e.PropTypes.bool,mountOnEnter:e.PropTypes.bool,unmountOnExit:e.PropTypes.bool,appear:e.PropTypes.bool,enter:e.PropTypes.bool,exit:e.PropTypes.bool,timeout:function(p){var i=ae;p.addEndListener||(i=i.isRequired);for(var r=arguments.length,n=new Array(r>1?r-1:0),t=1;t<r;t++)n[t-1]=arguments[t];return i.apply(void 0,[p].concat(n))},addEndListener:e.PropTypes.func,onEnter:e.PropTypes.func,onEntering:e.PropTypes.func,onEntered:e.PropTypes.func,onExit:e.PropTypes.func,onExiting:e.PropTypes.func,onExited:e.PropTypes.func}:{};function N(){}T.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:N,onEntering:N,onEntered:N,onExit:N,onExiting:N,onExited:N};T.UNMOUNTED=M;T.EXITED=g;T.ENTERING=R;T.ENTERED=k;T.EXITING=W;const Z=o=>o.scrollTop;function X(o,p){const{timeout:i,easing:r,style:n={}}=o;return{duration:n.transitionDuration??(typeof i=="number"?i:i[p.mode]||0),easing:n.transitionTimingFunction??(typeof r=="object"?r[p.mode]:r),delay:n.transitionDelay}}const ue={entering:{opacity:1},entered:{opacity:1}},z=L.forwardRef(function(p,i){const r=U.useTheme(),n={enter:r.transitions.duration.enteringScreen,exit:r.transitions.duration.leavingScreen},{addEndListener:t,appear:s=!0,children:a,easing:c,in:l,onEnter:d,onEntered:E,onEntering:b,onExit:v,onExited:h,onExiting:S,style:y,timeout:x=n,TransitionComponent:D=T,...C}=p,P=L.useRef(null),O=I.useForkRef(P,Q(a),i),f=u=>m=>{if(u){const j=P.current;m===void 0?u(j):u(j,m)}},w=f(b),_=f((u,m)=>{Z(u);const j=X({style:y,timeout:x,easing:c},{mode:"enter"});u.style.webkitTransition=r.transitions.create("opacity",j),u.style.transition=r.transitions.create("opacity",j),d&&d(u,m)}),G=f(E),ne=f(S),oe=f(u=>{const m=X({style:y,timeout:x,easing:c},{mode:"exit"});u.style.webkitTransition=r.transitions.create("opacity",m),u.style.transition=r.transitions.create("opacity",m),v&&v(u)}),re=f(h),se=u=>{t&&t(P.current,u)};return A.jsx(D,{appear:s,in:l,nodeRef:P,onEnter:_,onEntered:G,onEntering:w,onExit:oe,onExited:re,onExiting:ne,addEndListener:se,timeout:x,...C,children:(u,m)=>L.cloneElement(a,{style:{opacity:0,visibility:u==="exited"&&!l?"hidden":void 0,...ue[u],...y,...a.props.style},ref:O,...m})})});process.env.NODE_ENV!=="production"&&(z.propTypes={addEndListener:e.PropTypes.func,appear:e.PropTypes.bool,children:H.isRequired,easing:e.PropTypes.oneOfType([e.PropTypes.shape({enter:e.PropTypes.string,exit:e.PropTypes.string}),e.PropTypes.string]),in:e.PropTypes.bool,onEnter:e.PropTypes.func,onEntered:e.PropTypes.func,onEntering:e.PropTypes.func,onExit:e.PropTypes.func,onExited:e.PropTypes.func,onExiting:e.PropTypes.func,style:e.PropTypes.object,timeout:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.shape({appear:e.PropTypes.number,enter:e.PropTypes.number,exit:e.PropTypes.number})])});function ee(o){return e.generateUtilityClass("MuiBackdrop",o)}const le=e.generateUtilityClasses("MuiBackdrop",["root","invisible"]),de=o=>{const{ownerState:p,...i}=o;return i},fe=o=>{const{classes:p,invisible:i}=o,r={root:["root",i&&"invisible"]};return $.composeClasses(r,ee,p)},ye=$.styled("div",{name:"MuiBackdrop",slot:"Root",overridesResolver:(o,p)=>{const{ownerState:i}=o;return[p.root,i.invisible&&p.invisible]}})({position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent",variants:[{props:{invisible:!0},style:{backgroundColor:"transparent"}}]}),te=L.forwardRef(function(p,i){const r=$.useDefaultProps({props:p,name:"MuiBackdrop"}),{children:n,className:t,component:s="div",invisible:a=!1,open:c,components:l={},componentsProps:d={},slotProps:E={},slots:b={},TransitionComponent:v,transitionDuration:h,...S}=r,y={...r,component:s,invisible:a},x=fe(y),D={transition:v,root:l.Root,...b},C={...d,...E},P={slots:D,slotProps:C},[O,f]=V("root",{elementType:ye,externalForwardedProps:P,className:e.clsx(x.root,t),ownerState:y}),[w,_]=V("transition",{elementType:z,externalForwardedProps:P,ownerState:y}),G=de(_);return A.jsx(w,{in:c,timeout:h,...S,...G,children:A.jsx(O,{"aria-hidden":!0,...f,classes:x,ref:i,children:n})})});process.env.NODE_ENV!=="production"&&(te.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,components:e.PropTypes.shape({Root:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({root:e.PropTypes.object}),invisible:e.PropTypes.bool,open:e.PropTypes.bool.isRequired,slotProps:e.PropTypes.shape({root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),transition:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({root:e.PropTypes.elementType,transition: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]),TransitionComponent:e.PropTypes.elementType,transitionDuration:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.shape({appear:e.PropTypes.number,enter:e.PropTypes.number,exit:e.PropTypes.number})])});exports.Backdrop=te;exports.Fade=z;exports.Transition=T;exports.backdropClasses=le;exports.classNamesShape=ce;exports.elementAcceptingRef=H;exports.forceReflow=Y;exports.getBackdropUtilityClass=ee;exports.getReactElementRef=Q;exports.getTransitionProps=X;exports.reflow=Z;exports.useSlot=V;

package/dist/Box-D61CmHcZ.cjs

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

package/dist/{Box-Bawb5zHX.js → Box-a6v7fn61.js}

@@ -1,37 +1,39 @@
-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 = {}) {
+import { N as x, O as p, L as h, J as T, u as N, T as y, Q as B, P as e } from "./identifier-Bu3vgTzE.js";
+import * as C from "react";
+import { jsx as b } from "react/jsx-runtime";
+import { u as O } from "./useTheme-DhYab2-0.js";
+import { e as g } from "./extendSxProp-BzTGWWcy.js";
+function v(n = {}) {
   const {
     themeId: t,
-    defaultTheme: l,
+    defaultTheme: m,
     defaultClassName: a = "MuiBox-root",
-    generateClassName: n
-  } = m, x = h("div", {
+    generateClassName: r
+  } = n, c = x("div", {
     shouldForwardProp: (o) => o !== "theme" && o !== "sx" && o !== "as"
-  })(T);
-  return /* @__PURE__ */ g.forwardRef(function(d, u) {
-    const s = j(l), r = B(d), {
-      className: f,
-      component: i = "div"
-    } = r, p = N(r, O);
-    return /* @__PURE__ */ E(x, y({
-      as: i,
-      ref: u,
-      className: C(f, n ? n(a) : a),
-      theme: t && s[t] || s
-    }, p));
+  })(p);
+  return /* @__PURE__ */ C.forwardRef(function(l, f) {
+    const s = O(m), {
+      className: u,
+      component: d = "div",
+      ...i
+    } = g(l);
+    return /* @__PURE__ */ b(c, {
+      as: d,
+      ref: f,
+      className: h(u, r ? r(a) : a),
+      theme: t && s[t] || s,
+      ...i
+    });
   });
 }
-const M = b("MuiBox", ["root"]), R = M, S = _(), c = I({
-  themeId: P,
-  defaultTheme: S,
-  defaultClassName: R.root,
-  generateClassName: v.generate
+const E = T("MuiBox", ["root"]), P = N(), j = v({
+  themeId: y,
+  defaultTheme: P,
+  defaultClassName: E.root,
+  generateClassName: B.generate
 });
-process.env.NODE_ENV !== "production" && (c.propTypes = {
+process.env.NODE_ENV !== "production" && (j.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,7 @@ 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;
 export {
-  z as B,
-  R as b
+  j as B,
+  E as b
 };

package/dist/Button-B8Vr_qVd.js

@@ -0,0 +1,450 @@
+import * as u from "react";
+import { J as L, I as j, K as e, n as c, L as I, P as a } from "./identifier-Bu3vgTzE.js";
+import { s as b, b as D, r as F, u as G, c as U } from "./DefaultPropsProvider-7QnSWHxy.js";
+import { m as _ } from "./memoTheme-C4_nd-x4.js";
+import { c as H } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { jsxs as A, jsx as m } from "react/jsx-runtime";
+import { B as J } from "./ButtonBase-Y5TK5SRu.js";
+function K(o) {
+  return j("MuiButton", o);
+}
+const s = L("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), $ = /* @__PURE__ */ u.createContext({});
+process.env.NODE_ENV !== "production" && ($.displayName = "ButtonGroupContext");
+const w = /* @__PURE__ */ u.createContext(void 0);
+process.env.NODE_ENV !== "production" && (w.displayName = "ButtonGroupButtonContext");
+const q = (o) => {
+  const {
+    color: t,
+    disableElevation: n,
+    fullWidth: r,
+    size: i,
+    variant: l,
+    classes: d
+  } = o, g = {
+    root: ["root", l, `${l}${e(t)}`, `size${e(i)}`, `${l}Size${e(i)}`, `color${e(t)}`, n && "disableElevation", r && "fullWidth"],
+    label: ["label"],
+    startIcon: ["icon", "startIcon", `iconSize${e(i)}`],
+    endIcon: ["icon", "endIcon", `iconSize${e(i)}`]
+  }, x = U(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
+    }
+  }
+}], Q = b(J, {
+  shouldForwardProp: (o) => D(o) || o === "classes",
+  name: "MuiButton",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: n
+    } = o;
+    return [t.root, t[n.variant], t[`${n.variant}${e(n.color)}`], t[`size${e(n.size)}`], t[`${n.variant}Size${e(n.size)}`], n.color === "inherit" && t.colorInherit, n.disableElevation && t.disableElevation, n.fullWidth && t.fullWidth];
+  }
+})(_(({
+  theme: o
+}) => {
+  const t = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], n = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
+  return {
+    ...o.typography.button,
+    minWidth: 64,
+    padding: "6px 16px",
+    border: 0,
+    borderRadius: (o.vars || o).shape.borderRadius,
+    transition: o.transitions.create(["background-color", "box-shadow", "border-color", "color"], {
+      duration: o.transitions.duration.short
+    }),
+    "&:hover": {
+      textDecoration: "none"
+    },
+    [`&.${s.disabled}`]: {
+      color: (o.vars || o).palette.action.disabled
+    },
+    variants: [{
+      props: {
+        variant: "contained"
+      },
+      style: {
+        color: "var(--variant-containedColor)",
+        backgroundColor: "var(--variant-containedBg)",
+        boxShadow: (o.vars || o).shadows[2],
+        "&:hover": {
+          boxShadow: (o.vars || o).shadows[4],
+          // 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]
+        },
+        [`&.${s.focusVisible}`]: {
+          boxShadow: (o.vars || o).shadows[6]
+        },
+        [`&.${s.disabled}`]: {
+          color: (o.vars || o).palette.action.disabled,
+          boxShadow: (o.vars || o).shadows[0],
+          backgroundColor: (o.vars || o).palette.action.disabledBackground
+        }
+      }
+    }, {
+      props: {
+        variant: "outlined"
+      },
+      style: {
+        padding: "5px 15px",
+        border: "1px solid currentColor",
+        borderColor: "var(--variant-outlinedBorder, currentColor)",
+        backgroundColor: "var(--variant-outlinedBg)",
+        color: "var(--variant-outlinedColor)",
+        [`&.${s.disabled}`]: {
+          border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
+        }
+      }
+    }, {
+      props: {
+        variant: "text"
+      },
+      style: {
+        padding: "6px 8px",
+        color: "var(--variant-textColor)",
+        backgroundColor: "var(--variant-textBg)"
+      }
+    }, ...Object.entries(o.palette).filter(H()).map(([r]) => ({
+      props: {
+        color: r
+      },
+      style: {
+        "--variant-textColor": (o.vars || o).palette[r].main,
+        "--variant-outlinedColor": (o.vars || o).palette[r].main,
+        "--variant-outlinedBorder": o.vars ? `rgba(${o.vars.palette[r].mainChannel} / 0.5)` : c(o.palette[r].main, 0.5),
+        "--variant-containedColor": (o.vars || o).palette[r].contrastText,
+        "--variant-containedBg": (o.vars || o).palette[r].main,
+        "@media (hover: hover)": {
+          "&:hover": {
+            "--variant-containedBg": (o.vars || o).palette[r].dark,
+            "--variant-textBg": o.vars ? `rgba(${o.vars.palette[r].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : c(o.palette[r].main, o.palette.action.hoverOpacity),
+            "--variant-outlinedBorder": (o.vars || o).palette[r].main,
+            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette[r].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : c(o.palette[r].main, o.palette.action.hoverOpacity)
+          }
+        }
+      }
+    })), {
+      props: {
+        color: "inherit"
+      },
+      style: {
+        color: "inherit",
+        borderColor: "currentColor",
+        "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedBg : t,
+        "@media (hover: hover)": {
+          "&:hover": {
+            "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedHoverBg : n,
+            "--variant-textBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : c(o.palette.text.primary, o.palette.action.hoverOpacity),
+            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : c(o.palette.text.primary, o.palette.action.hoverOpacity)
+          }
+        }
+      }
+    }, {
+      props: {
+        size: "small",
+        variant: "text"
+      },
+      style: {
+        padding: "4px 5px",
+        fontSize: o.typography.pxToRem(13)
+      }
+    }, {
+      props: {
+        size: "large",
+        variant: "text"
+      },
+      style: {
+        padding: "8px 11px",
+        fontSize: o.typography.pxToRem(15)
+      }
+    }, {
+      props: {
+        size: "small",
+        variant: "outlined"
+      },
+      style: {
+        padding: "3px 9px",
+        fontSize: o.typography.pxToRem(13)
+      }
+    }, {
+      props: {
+        size: "large",
+        variant: "outlined"
+      },
+      style: {
+        padding: "7px 21px",
+        fontSize: o.typography.pxToRem(15)
+      }
+    }, {
+      props: {
+        size: "small",
+        variant: "contained"
+      },
+      style: {
+        padding: "4px 10px",
+        fontSize: o.typography.pxToRem(13)
+      }
+    }, {
+      props: {
+        size: "large",
+        variant: "contained"
+      },
+      style: {
+        padding: "8px 22px",
+        fontSize: o.typography.pxToRem(15)
+      }
+    }, {
+      props: {
+        disableElevation: !0
+      },
+      style: {
+        boxShadow: "none",
+        "&:hover": {
+          boxShadow: "none"
+        },
+        [`&.${s.focusVisible}`]: {
+          boxShadow: "none"
+        },
+        "&:active": {
+          boxShadow: "none"
+        },
+        [`&.${s.disabled}`]: {
+          boxShadow: "none"
+        }
+      }
+    }, {
+      props: {
+        fullWidth: !0
+      },
+      style: {
+        width: "100%"
+      }
+    }]
+  };
+})), X = b("span", {
+  name: "MuiButton",
+  slot: "StartIcon",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: n
+    } = o;
+    return [t.startIcon, t[`iconSize${e(n.size)}`]];
+  }
+})({
+  display: "inherit",
+  marginRight: 8,
+  marginLeft: -4,
+  variants: [{
+    props: {
+      size: "small"
+    },
+    style: {
+      marginLeft: -2
+    }
+  }, ...O]
+}), Y = b("span", {
+  name: "MuiButton",
+  slot: "EndIcon",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: n
+    } = o;
+    return [t.endIcon, t[`iconSize${e(n.size)}`]];
+  }
+})({
+  display: "inherit",
+  marginRight: -4,
+  marginLeft: 8,
+  variants: [{
+    props: {
+      size: "small"
+    },
+    style: {
+      marginRight: -2
+    }
+  }, ...O]
+}), Z = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  const r = u.useContext($), i = u.useContext(w), l = F(r, t), d = G({
+    props: l,
+    name: "MuiButton"
+  }), {
+    children: g,
+    color: x = "primary",
+    component: y = "button",
+    className: R,
+    disabled: f = !1,
+    disableElevation: E = !1,
+    disableFocusRipple: S = !1,
+    endIcon: z,
+    focusVisibleClassName: N,
+    fullWidth: h = !1,
+    size: T = "medium",
+    startIcon: C,
+    type: B,
+    variant: P = "text",
+    ...W
+  } = d, v = {
+    ...d,
+    color: x,
+    component: y,
+    disabled: f,
+    disableElevation: E,
+    disableFocusRipple: S,
+    fullWidth: h,
+    size: T,
+    type: B,
+    variant: P
+  }, p = q(v), M = C && /* @__PURE__ */ m(X, {
+    className: p.startIcon,
+    ownerState: v,
+    children: C
+  }), V = z && /* @__PURE__ */ m(Y, {
+    className: p.endIcon,
+    ownerState: v,
+    children: z
+  }), k = i || "";
+  return /* @__PURE__ */ A(Q, {
+    ownerState: v,
+    className: I(r.className, p.root, R, k),
+    component: y,
+    disabled: f,
+    focusRipple: !S,
+    focusVisibleClassName: I(p.focusVisible, N),
+    ref: n,
+    type: B,
+    ...W,
+    classes: p,
+    children: [M, g, V]
+  });
+});
+process.env.NODE_ENV !== "production" && (Z.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])
+});
+export {
+  Z as B,
+  $ as a
+};

package/dist/Button-elp97nQ8.cjs

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