@cgi-learning-hub/ui 0.0.1-dev.1708959157 → 0.0.1-dev.1708959744

package/dist/{Button-C5ROgtyW.js → Button-CmBnwwn3.js}

@@ -1,7 +1,7 @@
-import { g as G, c as F, s as f, r as D, e as r, a as t, l as v, x as U, f as H, _ as A, h, P as n, j as q } from "./useThemeProps-CHytz5pp.js";
+import { g as G, c as F, s as f, r as D, e as r, a as t, x as v, l as U, f as H, _ as A, h, P as n, j as q } from "./useThemeProps-kb_vU-1P.js";
 import * as p from "react";
 import { jsx as m, jsxs as J } from "react/jsx-runtime";
-import { B as K } from "./ButtonBase-C5_-KI-D.js";
+import { B as K } from "./ButtonBase-Bw43M3TO.js";
 function Q(o) {
   return F("MuiButton", o);
 }

package/dist/{ButtonBase-C5_-KI-D.js → ButtonBase-Bw43M3TO.js}

@@ -1,4 +1,4 @@
-import { a as Y, _ as ie, P as e, h as x, g as ye, s as re, f as Te, c as Xe, j as Ye } from "./useThemeProps-CHytz5pp.js";
+import { a as Y, _ as ie, P as e, h as x, g as ye, s as re, f as Te, c as Xe, j as Ye } from "./useThemeProps-kb_vU-1P.js";
 import * as p from "react";
 import W, { Children as Ae, isValidElement as G, cloneElement as J } from "react";
 import { jsx as I, jsxs as qe } from "react/jsx-runtime";
@@ -7,7 +7,7 @@ import { _ as He, T as de } from "./TransitionGroupContext-C7wWJ6l7.js";
 import { keyframes as se } from "@emotion/react";
 import { a as he } from "./useForkRef-DwN_Iz9R.js";
 import { u as Ge } from "./useIsFocusVisible-D8ksiuhS.js";
-import { r as Je, e as Qe } from "./refType-hKctx4k0.js";
+import { r as Je, e as Qe } from "./refType-CMQbzE37.js";
 function Ze(t) {
   if (t === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");

package/dist/CircularProgress-BCdQaPFF.cjs

@@ -0,0 +1,28 @@
+"use strict";const e=require("./useThemeProps-C6ClLEqN.cjs"),j=require("react"),h=require("react/jsx-runtime"),D=require("./refType-dllUCpD8.cjs"),c=require("@emotion/react");function w(r){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(s,t,o.get?o:{enumerable:!0,get:()=>r[t]})}}return s.default=r,Object.freeze(s)}const M=w(j);function N(r){return e.generateUtilityClass("MuiCircularProgress",r)}e.generateUtilityClasses("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);const R=["className","color","disableShrink","size","style","thickness","value","variant"];let l=r=>r,T,b,x,C;const i=44,z=c.keyframes(T||(T=l`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`)),q=c.keyframes(b||(b=l`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`)),U=r=>{const{classes:s,variant:t,color:o,disableShrink:p}=r,u={root:["root",t,`color${e.capitalize(o)}`],svg:["svg"],circle:["circle",`circle${e.capitalize(t)}`,p&&"circleDisableShrink"]};return e.composeClasses(u,N,s)},E=e.styled("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(r,s)=>{const{ownerState:t}=r;return[s.root,s[t.variant],s[`color${e.capitalize(t.color)}`]]}})(({ownerState:r,theme:s})=>e._extends({display:"inline-block"},r.variant==="determinate"&&{transition:s.transitions.create("transform")},r.color!=="inherit"&&{color:(s.vars||s).palette[r.color].main}),({ownerState:r})=>r.variant==="indeterminate"&&c.css(x||(x=l`
+      animation: ${0} 1.4s linear infinite;
+    `),z)),I=e.styled("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(r,s)=>s.svg})({display:"block"}),F=e.styled("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(r,s)=>{const{ownerState:t}=r;return[s.circle,s[`circle${e.capitalize(t.variant)}`],t.disableShrink&&s.circleDisableShrink]}})(({ownerState:r,theme:s})=>e._extends({stroke:"currentColor"},r.variant==="determinate"&&{transition:s.transitions.create("stroke-dashoffset")},r.variant==="indeterminate"&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:r})=>r.variant==="indeterminate"&&!r.disableShrink&&c.css(C||(C=l`
+      animation: ${0} 1.4s ease-in-out infinite;
+    `),q)),S=M.forwardRef(function(s,t){const o=e.useThemeProps({props:s,name:"MuiCircularProgress"}),{className:p,color:u="primary",disableShrink:_=!1,size:d=40,style:$,thickness:a=3.6,value:y=0,variant:P="indeterminate"}=o,O=e._objectWithoutPropertiesLoose(o,R),n=e._extends({},o,{color:u,disableShrink:_,size:d,thickness:a,value:y,variant:P}),f=U(n),m={},v={},g={};if(P==="determinate"){const k=2*Math.PI*((i-a)/2);m.strokeDasharray=k.toFixed(3),g["aria-valuenow"]=Math.round(y),m.strokeDashoffset=`${((100-y)/100*k).toFixed(3)}px`,v.transform="rotate(-90deg)"}return h.jsx(E,e._extends({className:e.clsx(f.root,p),style:e._extends({width:d,height:d},v,$),ownerState:n,ref:t,role:"progressbar"},g,O,{children:h.jsx(I,{className:f.svg,ownerState:n,viewBox:`${i/2} ${i/2} ${i} ${i}`,children:h.jsx(F,{className:f.circle,style:m,ownerState:n,cx:i,cy:i,r:(i-a)/2,fill:"none",strokeWidth:a})})}))});process.env.NODE_ENV!=="production"&&(S.propTypes={classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["inherit","primary","secondary","error","info","success","warning"]),e.PropTypes.string]),disableShrink:D.chainPropTypes(e.PropTypes.bool,r=>r.disableShrink&&r.variant&&r.variant!=="indeterminate"?new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect."):null),size:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),style:e.PropTypes.object,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]),thickness:e.PropTypes.number,value:e.PropTypes.number,variant:e.PropTypes.oneOf(["determinate","indeterminate"])});const K=S;exports.CircularProgress=K;

package/dist/CircularProgress-DRE9BLTL.js

@@ -0,0 +1,215 @@
+import { c as R, g as j, s as y, e as l, a as i, f as U, _ as z, h as E, P as e, j as I } from "./useThemeProps-kb_vU-1P.js";
+import * as F from "react";
+import { jsx as g } from "react/jsx-runtime";
+import { c as K } from "./refType-CMQbzE37.js";
+import { keyframes as D, css as _ } from "@emotion/react";
+function V(r) {
+  return R("MuiCircularProgress", r);
+}
+j("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
+const W = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
+let d = (r) => r, P, S, $, w;
+const o = 44, B = D(P || (P = d`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`)), G = D(S || (S = d`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`)), L = (r) => {
+  const {
+    classes: s,
+    variant: t,
+    color: a,
+    disableShrink: m
+  } = r, u = {
+    root: ["root", t, `color${l(a)}`],
+    svg: ["svg"],
+    circle: ["circle", `circle${l(t)}`, m && "circleDisableShrink"]
+  };
+  return I(u, V, s);
+}, Y = y("span", {
+  name: "MuiCircularProgress",
+  slot: "Root",
+  overridesResolver: (r, s) => {
+    const {
+      ownerState: t
+    } = r;
+    return [s.root, s[t.variant], s[`color${l(t.color)}`]];
+  }
+})(({
+  ownerState: r,
+  theme: s
+}) => i({
+  display: "inline-block"
+}, r.variant === "determinate" && {
+  transition: s.transitions.create("transform")
+}, r.color !== "inherit" && {
+  color: (s.vars || s).palette[r.color].main
+}), ({
+  ownerState: r
+}) => r.variant === "indeterminate" && _($ || ($ = d`
+      animation: ${0} 1.4s linear infinite;
+    `), B)), Z = y("svg", {
+  name: "MuiCircularProgress",
+  slot: "Svg",
+  overridesResolver: (r, s) => s.svg
+})({
+  display: "block"
+  // Keeps the progress centered
+}), q = y("circle", {
+  name: "MuiCircularProgress",
+  slot: "Circle",
+  overridesResolver: (r, s) => {
+    const {
+      ownerState: t
+    } = r;
+    return [s.circle, s[`circle${l(t.variant)}`], t.disableShrink && s.circleDisableShrink];
+  }
+})(({
+  ownerState: r,
+  theme: s
+}) => i({
+  stroke: "currentColor"
+}, r.variant === "determinate" && {
+  transition: s.transitions.create("stroke-dashoffset")
+}, r.variant === "indeterminate" && {
+  // Some default value that looks fine waiting for the animation to kicks in.
+  strokeDasharray: "80px, 200px",
+  strokeDashoffset: 0
+  // Add the unit to fix a Edge 16 and below bug.
+}), ({
+  ownerState: r
+}) => r.variant === "indeterminate" && !r.disableShrink && _(w || (w = d`
+      animation: ${0} 1.4s ease-in-out infinite;
+    `), G)), M = /* @__PURE__ */ F.forwardRef(function(s, t) {
+  const a = U({
+    props: s,
+    name: "MuiCircularProgress"
+  }), {
+    className: m,
+    color: u = "primary",
+    disableShrink: T = !1,
+    size: f = 40,
+    style: N,
+    thickness: n = 3.6,
+    value: p = 0,
+    variant: k = "indeterminate"
+  } = a, O = z(a, W), c = i({}, a, {
+    color: u,
+    disableShrink: T,
+    size: f,
+    thickness: n,
+    value: p,
+    variant: k
+  }), h = L(c), v = {}, b = {}, C = {};
+  if (k === "determinate") {
+    const x = 2 * Math.PI * ((o - n) / 2);
+    v.strokeDasharray = x.toFixed(3), C["aria-valuenow"] = Math.round(p), v.strokeDashoffset = `${((100 - p) / 100 * x).toFixed(3)}px`, b.transform = "rotate(-90deg)";
+  }
+  return /* @__PURE__ */ g(Y, i({
+    className: E(h.root, m),
+    style: i({
+      width: f,
+      height: f
+    }, b, N),
+    ownerState: c,
+    ref: t,
+    role: "progressbar"
+  }, C, O, {
+    children: /* @__PURE__ */ g(Z, {
+      className: h.svg,
+      ownerState: c,
+      viewBox: `${o / 2} ${o / 2} ${o} ${o}`,
+      children: /* @__PURE__ */ g(q, {
+        className: h.circle,
+        style: v,
+        ownerState: c,
+        cx: o,
+        cy: o,
+        r: (o - n) / 2,
+        fill: "none",
+        strokeWidth: n
+      })
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (M.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.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: e.oneOfType([e.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * If `true`, the shrink animation is disabled.
+   * This only works if variant is `indeterminate`.
+   * @default false
+   */
+  disableShrink: K(e.bool, (r) => r.disableShrink && r.variant && r.variant !== "indeterminate" ? new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect.") : null),
+  /**
+   * The size of the component.
+   * If using a number, the pixel unit is assumed.
+   * If using a string, you need to provide the CSS unit, e.g. '3rem'.
+   * @default 40
+   */
+  size: e.oneOfType([e.number, e.string]),
+  /**
+   * @ignore
+   */
+  style: e.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The thickness of the circle.
+   * @default 3.6
+   */
+  thickness: e.number,
+  /**
+   * The value of the progress indicator for the determinate variant.
+   * Value between 0 and 100.
+   * @default 0
+   */
+  value: e.number,
+  /**
+   * The variant to use.
+   * Use indeterminate when there is no progress value.
+   * @default 'indeterminate'
+   */
+  variant: e.oneOf(["determinate", "indeterminate"])
+});
+const X = M;
+export {
+  X as C
+};

package/dist/{Input-CGU1Xw4s.js → Input-Dk-cN0Fb.js}

@@ -1,8 +1,8 @@
-import { a, g as j, c as B, s as g, r as U, f as _, _ as w, k as M, P as o, j as S } from "./useThemeProps-CHytz5pp.js";
+import { a, g as j, c as B, s as g, r as U, f as _, _ as w, k as M, P as o, j as S } from "./useThemeProps-kb_vU-1P.js";
 import * as W from "react";
-import { i as E, I as F, r as N, a as X, b as k, c as A } from "./InputBase-D8YZOKOt.js";
+import { i as E, I as F, r as N, a as X, b as k, c as A } from "./InputBase-BbXy6VDy.js";
 import { jsx as L } from "react/jsx-runtime";
-import { r as V } from "./refType-hKctx4k0.js";
+import { r as V } from "./refType-CMQbzE37.js";
 function q(t) {
   return B("MuiInput", t);
 }

package/dist/{InputBase-D8YZOKOt.js → InputBase-BbXy6VDy.js}

@@ -1,10 +1,10 @@
-import { P as e, u as Pe, _ as ge, a as c, b as De, T as We, g as Ve, c as _e, s as we, f as Le, h as fe, e as ee, j as je, y as Ue } from "./useThemeProps-CHytz5pp.js";
+import { P as e, u as Pe, _ as ge, a as c, b as De, T as We, g as Ve, c as _e, s as we, f as Le, h as fe, e as ee, j as je, y as Ue } from "./useThemeProps-kb_vU-1P.js";
 import * as s from "react";
 import { jsx as R, jsxs as ne } from "react/jsx-runtime";
 import { a as ve, u as oe } from "./useForkRef-DwN_Iz9R.js";
 import * as $e from "react-dom";
 import { o as me, d as Ge } from "./ownerWindow-BoRkeomM.js";
-import { e as Ke, r as qe } from "./refType-hKctx4k0.js";
+import { e as Ke, r as qe } from "./refType-CMQbzE37.js";
 import { Global as Ye } from "@emotion/react";
 function Ze(n) {
   return n == null || Object.keys(n).length === 0;

package/dist/{Tab-Dgd9jYEq.js → Tab-CWxCqAvH.js}

@@ -1,8 +1,8 @@
-import { g as _, c as E, s as M, e as R, a as x, f as U, _ as H, h as F, P as i, j as z } from "./useThemeProps-CHytz5pp.js";
+import { g as _, c as E, s as M, e as R, a as x, f as U, _ as H, h as F, P as i, j as z } from "./useThemeProps-kb_vU-1P.js";
 import * as p from "react";
 import { jsxs as C } from "react/jsx-runtime";
-import { B as D } from "./ButtonBase-C5_-KI-D.js";
-import { u as L } from "./createSvgIcon-D3HDfwCm.js";
+import { B as D } from "./ButtonBase-Bw43M3TO.js";
+import { u as L } from "./createSvgIcon-9NfUaq9H.js";
 function V(o) {
   return E("MuiTab", o);
 }

package/dist/{Typography-Di0hlj32.js → Typography-B1bdo7yt.js}

@@ -1,7 +1,7 @@
-import { c as W, g as j, s as C, e as f, a as s, f as M, _ as O, h as P, P as t, j as N } from "./useThemeProps-CHytz5pp.js";
+import { c as W, g as j, s as C, e as f, a as s, f as M, _ as O, h as P, P as t, j as N } from "./useThemeProps-kb_vU-1P.js";
 import * as R from "react";
 import { jsx as _ } from "react/jsx-runtime";
-import { e as U } from "./extendSxProp-DCdWqtQk.js";
+import { e as U } from "./extendSxProp-CVD6j4mA.js";
 function $(a) {
   return W("MuiTypography", a);
 }

package/dist/components/AnotherComponent/AnotherComponent.es.js

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { u as r } from "../../useTheme-BZek68TX.js";
-import { B as n } from "../../ButtonBase-C5_-KI-D.js";
-import { I as m } from "../../Input-CGU1Xw4s.js";
+import { u as r } from "../../useTheme-BSwuVDD3.js";
+import { B as n } from "../../ButtonBase-Bw43M3TO.js";
+import { I as m } from "../../Input-Dk-cN0Fb.js";
 const i = () => {
   const o = r();
   return /* @__PURE__ */ t("div", { children: [

package/dist/components/BasicButtons/BasicButtons.es.js

@@ -1,9 +1,9 @@
 import { jsx as l, jsxs as D } from "react/jsx-runtime";
 import * as v from "react";
-import { m as F, P as e, n as w, a as k, o as b, p as f, q as E, k as _, t as G, _ as M, h as $, v as U, j as A, c as L, w as T, s as j, f as q } from "../../useThemeProps-CHytz5pp.js";
-import { u as I } from "../../useTheme-BZek68TX.js";
-import { e as W } from "../../extendSxProp-DCdWqtQk.js";
-import { B as y } from "../../Button-C5ROgtyW.js";
+import { m as F, P as e, n as w, a as k, o as b, p as f, q as E, k as _, t as G, _ as M, h as $, v as U, j as A, c as L, w as T, s as j, f as q } from "../../useThemeProps-kb_vU-1P.js";
+import { u as I } from "../../useTheme-BSwuVDD3.js";
+import { e as W } from "../../extendSxProp-CVD6j4mA.js";
+import { B as y } from "../../Button-CmBnwwn3.js";
 const z = F(), H = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], J = w(), K = z("div", {
   name: "MuiStack",
   slot: "Root",

package/dist/components/Dropzone/Dropzone.es.js

@@ -1,8 +1,8 @@
 import nr, { jsxs as ve, jsx as T, Fragment as Ue } from "react/jsx-runtime";
-import { r as or, i as ir, B as xr } from "../../createSvgIcon-D3HDfwCm.js";
+import { r as or, i as ir, B as xr } from "../../createSvgIcon-9NfUaq9H.js";
 import Fr, { useMemo as I, useRef as Q, useReducer as _r, useEffect as ye, useCallback as A, forwardRef as jr, useImperativeHandle as Sr, Fragment as Pr } from "react";
-import { P as f, s as Tr } from "../../useThemeProps-CHytz5pp.js";
-import { T as be } from "../../Typography-Di0hlj32.js";
+import { P as f, s as Tr } from "../../useThemeProps-kb_vU-1P.js";
+import { T as be } from "../../Typography-B1bdo7yt.js";
 var xe = {}, Ir = ir;
 Object.defineProperty(xe, "__esModule", {
   value: !0

package/dist/components/buttons/DefaultButton/DefaultButton.cjs.js

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime");require("react");require("./DefaultButtonIcon.cjs.js");require("../../../useThemeProps-C6ClLEqN.cjs");const e=require("../../../DefaultButton-BD9W4fvr.cjs");require("../../../useTheme-C-LTLVMt.cjs");module.exports=e.DefaultButton;
+"use strict";const s=require("react/jsx-runtime"),C=require("react"),h=require("./DefaultButtonIcon.cjs.js"),t=require("../../../useThemeProps-C6ClLEqN.cjs"),T=require("../../../Button-wMPAZpnO.cjs"),$=require("../../../useId-Cw0TtD-8.cjs"),j=require("../../../refType-dllUCpD8.cjs"),_=require("../../../CircularProgress-BCdQaPFF.cjs"),E=require("../../../useTheme-C-LTLVMt.cjs");function O(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const i in o)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(o,i);Object.defineProperty(n,i,a.get?a:{enumerable:!0,get:()=>o[i]})}}return n.default=o,Object.freeze(n)}const L=O(C);function q(o){return t.generateUtilityClass("MuiLoadingButton",o)}const R=t.generateUtilityClasses("MuiLoadingButton",["root","loading","loadingIndicator","loadingIndicatorCenter","loadingIndicatorStart","loadingIndicatorEnd","endIconLoadingEnd","startIconLoadingStart"]),e=R,z=["children","disabled","id","loading","loadingIndicator","loadingPosition","variant"],M=o=>{const{loading:n,loadingPosition:i,classes:a}=o,r={root:["root",n&&"loading"],startIcon:[n&&`startIconLoading${t.capitalize(i)}`],endIcon:[n&&`endIconLoading${t.capitalize(i)}`],loadingIndicator:["loadingIndicator",n&&`loadingIndicator${t.capitalize(i)}`]},d=t.composeClasses(r,q,a);return t._extends({},a,d)},W=o=>o!=="ownerState"&&o!=="theme"&&o!=="sx"&&o!=="as"&&o!=="classes",D=t.styled(T.Button,{shouldForwardProp:o=>W(o)||o==="classes",name:"MuiLoadingButton",slot:"Root",overridesResolver:(o,n)=>[n.root,n.startIconLoadingStart&&{[`& .${e.startIconLoadingStart}`]:n.startIconLoadingStart},n.endIconLoadingEnd&&{[`& .${e.endIconLoadingEnd}`]:n.endIconLoadingEnd}]})(({ownerState:o,theme:n})=>t._extends({[`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0}},o.loadingPosition==="center"&&{transition:n.transitions.create(["background-color","box-shadow","border-color"],{duration:n.transitions.duration.short}),[`&.${e.loading}`]:{color:"transparent"}},o.loadingPosition==="start"&&o.fullWidth&&{[`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0,marginRight:-8}},o.loadingPosition==="end"&&o.fullWidth&&{[`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0,marginLeft:-8}})),U=t.styled("span",{name:"MuiLoadingButton",slot:"LoadingIndicator",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.loadingIndicator,n[`loadingIndicator${t.capitalize(i.loadingPosition)}`]]}})(({theme:o,ownerState:n})=>t._extends({position:"absolute",visibility:"visible",display:"flex"},n.loadingPosition==="start"&&(n.variant==="outlined"||n.variant==="contained")&&{left:n.size==="small"?10:14},n.loadingPosition==="start"&&n.variant==="text"&&{left:6},n.loadingPosition==="center"&&{left:"50%",transform:"translate(-50%)",color:(o.vars||o).palette.action.disabled},n.loadingPosition==="end"&&(n.variant==="outlined"||n.variant==="contained")&&{right:n.size==="small"?10:14},n.loadingPosition==="end"&&n.variant==="text"&&{right:6},n.loadingPosition==="start"&&n.fullWidth&&{position:"relative",left:-10},n.loadingPosition==="end"&&n.fullWidth&&{position:"relative",right:-10})),v=L.forwardRef(function(n,i){const a=L.useContext(T.ButtonGroupContext),r=t.resolveProps(a,n),d=t.useThemeProps({props:r,name:"MuiLoadingButton"}),{children:u,disabled:g=!1,id:x,loading:c=!1,loadingIndicator:p,loadingPosition:m="center",variant:P="text"}=d,B=t._objectWithoutPropertiesLoose(d,z),I=$.useId(x),f=p??s.jsx(_.CircularProgress,{"aria-labelledby":I,color:"inherit",size:16}),l=t._extends({},d,{disabled:g,loading:c,loadingIndicator:f,loadingPosition:m,variant:P}),y=M(l),b=c?s.jsx(U,{className:y.loadingIndicator,ownerState:l,children:f}):null;return s.jsxs(D,t._extends({disabled:g||c,id:I,ref:i},B,{variant:P,classes:y,ownerState:l,children:[l.loadingPosition==="end"?u:b,l.loadingPosition==="end"?b:u]}))});process.env.NODE_ENV!=="production"&&(v.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,disabled:t.PropTypes.bool,id:t.PropTypes.string,loading:t.PropTypes.bool,loadingIndicator:t.PropTypes.node,loadingPosition:j.chainPropTypes(t.PropTypes.oneOf(["start","end","center"]),o=>o.loadingPosition==="start"&&!o.startIcon?new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.'):o.loadingPosition==="end"&&!o.endIcon?new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.'):null),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]),variant:t.PropTypes.oneOfType([t.PropTypes.oneOf(["contained","outlined","text"]),t.PropTypes.string])});const N=v,k=t.styled(N,{shouldForwardProp:o=>o!=="contentColor"&&o!=="hoverColor"})(({contentColor:o,hoverColor:n,theme:i})=>({justifyContent:"center",alignItems:"center",columnGap:8,minHeight:38,paddingLeft:12,paddingRight:12,textTransform:"none",color:o,borderColor:o,borderRadius:5,borderWidth:2,"&:hover":{color:i.palette.common.white,backgroundColor:n,borderColor:n,borderWidth:2}})),F=({icon:o,text:n,...i})=>{const a=E.useTheme(),r=i.contentColor??a.palette.primary.main;return s.jsxs(k,{...i,variant:"outlined",contentColor:r,hoverColor:i.hoverColor??r,children:[(o==null?void 0:o.position)==="left"?s.jsx(h,{...o}):null,n,(o==null?void 0:o.position)==="right"?s.jsx(h,{...o}):null]})};module.exports=F;

package/dist/components/buttons/DefaultButton/DefaultButton.es.js

@@ -1,9 +1,231 @@
-import "react/jsx-runtime";
-import "react";
-import "./DefaultButtonIcon.es.js";
-import "../../../useThemeProps-CHytz5pp.js";
-import { D as e } from "../../../DefaultButton-BlGFPRC7.js";
-import "../../../useTheme-BZek68TX.js";
+import { jsx as g, jsxs as y } from "react/jsx-runtime";
+import * as C from "react";
+import B from "./DefaultButtonIcon.es.js";
+import { g as R, c as j, s as f, a as l, e as c, l as M, f as O, _ as W, P as t, j as U } from "../../../useThemeProps-kb_vU-1P.js";
+import { B as _, a as z } from "../../../Button-CmBnwwn3.js";
+import { u as D } from "../../../useId-BW-oWmul.js";
+import { c as F } from "../../../refType-CMQbzE37.js";
+import { C as N } from "../../../CircularProgress-DRE9BLTL.js";
+import { u as k } from "../../../useTheme-BSwuVDD3.js";
+function G(n) {
+  return j("MuiLoadingButton", n);
+}
+const H = R("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), a = H, V = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"], q = (n) => {
+  const {
+    loading: o,
+    loadingPosition: i,
+    classes: r
+  } = n, s = {
+    root: ["root", o && "loading"],
+    startIcon: [o && `startIconLoading${c(i)}`],
+    endIcon: [o && `endIconLoading${c(i)}`],
+    loadingIndicator: ["loadingIndicator", o && `loadingIndicator${c(i)}`]
+  }, d = U(s, G, r);
+  return l({}, r, d);
+}, A = (n) => n !== "ownerState" && n !== "theme" && n !== "sx" && n !== "as" && n !== "classes", J = f(_, {
+  shouldForwardProp: (n) => A(n) || n === "classes",
+  name: "MuiLoadingButton",
+  slot: "Root",
+  overridesResolver: (n, o) => [o.root, o.startIconLoadingStart && {
+    [`& .${a.startIconLoadingStart}`]: o.startIconLoadingStart
+  }, o.endIconLoadingEnd && {
+    [`& .${a.endIconLoadingEnd}`]: o.endIconLoadingEnd
+  }]
+})(({
+  ownerState: n,
+  theme: o
+}) => l({
+  [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
+    transition: o.transitions.create(["opacity"], {
+      duration: o.transitions.duration.short
+    }),
+    opacity: 0
+  }
+}, n.loadingPosition === "center" && {
+  transition: o.transitions.create(["background-color", "box-shadow", "border-color"], {
+    duration: o.transitions.duration.short
+  }),
+  [`&.${a.loading}`]: {
+    color: "transparent"
+  }
+}, n.loadingPosition === "start" && n.fullWidth && {
+  [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
+    transition: o.transitions.create(["opacity"], {
+      duration: o.transitions.duration.short
+    }),
+    opacity: 0,
+    marginRight: -8
+  }
+}, n.loadingPosition === "end" && n.fullWidth && {
+  [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
+    transition: o.transitions.create(["opacity"], {
+      duration: o.transitions.duration.short
+    }),
+    opacity: 0,
+    marginLeft: -8
+  }
+})), K = f("span", {
+  name: "MuiLoadingButton",
+  slot: "LoadingIndicator",
+  overridesResolver: (n, o) => {
+    const {
+      ownerState: i
+    } = n;
+    return [o.loadingIndicator, o[`loadingIndicator${c(i.loadingPosition)}`]];
+  }
+})(({
+  theme: n,
+  ownerState: o
+}) => l({
+  position: "absolute",
+  visibility: "visible",
+  display: "flex"
+}, o.loadingPosition === "start" && (o.variant === "outlined" || o.variant === "contained") && {
+  left: o.size === "small" ? 10 : 14
+}, o.loadingPosition === "start" && o.variant === "text" && {
+  left: 6
+}, o.loadingPosition === "center" && {
+  left: "50%",
+  transform: "translate(-50%)",
+  color: (n.vars || n).palette.action.disabled
+}, o.loadingPosition === "end" && (o.variant === "outlined" || o.variant === "contained") && {
+  right: o.size === "small" ? 10 : 14
+}, o.loadingPosition === "end" && o.variant === "text" && {
+  right: 6
+}, o.loadingPosition === "start" && o.fullWidth && {
+  position: "relative",
+  left: -10
+}, o.loadingPosition === "end" && o.fullWidth && {
+  position: "relative",
+  right: -10
+})), x = /* @__PURE__ */ C.forwardRef(function(o, i) {
+  const r = C.useContext(z), s = M(r, o), d = O({
+    props: s,
+    name: "MuiLoadingButton"
+  }), {
+    children: I,
+    disabled: p = !1,
+    id: $,
+    loading: u = !1,
+    loadingIndicator: h,
+    loadingPosition: E = "center",
+    variant: m = "text"
+  } = d, T = W(d, V), L = D($), P = h ?? /* @__PURE__ */ g(N, {
+    "aria-labelledby": L,
+    color: "inherit",
+    size: 16
+  }), e = l({}, d, {
+    disabled: p,
+    loading: u,
+    loadingIndicator: P,
+    loadingPosition: E,
+    variant: m
+  }), b = q(e), v = u ? /* @__PURE__ */ g(K, {
+    className: b.loadingIndicator,
+    ownerState: e,
+    children: P
+  }) : null;
+  return /* @__PURE__ */ y(J, l({
+    disabled: p || u,
+    id: L,
+    ref: i
+  }, T, {
+    variant: m,
+    classes: b,
+    ownerState: e,
+    children: [e.loadingPosition === "end" ? I : v, e.loadingPosition === "end" ? v : I]
+  }));
+});
+process.env.NODE_ENV !== "production" && (x.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: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: t.bool,
+  /**
+   * @ignore
+   */
+  id: t.string,
+  /**
+   * If `true`, the loading indicator is shown and the button becomes disabled.
+   * @default false
+   */
+  loading: t.bool,
+  /**
+   * Element placed before the children if the button is in loading state.
+   * The node should contain an element with `role="progressbar"` with an accessible name.
+   * By default we render a `CircularProgress` that is labelled by the button itself.
+   * @default <CircularProgress color="inherit" size={16} />
+   */
+  loadingIndicator: t.node,
+  /**
+   * The loading indicator can be positioned on the start, end, or the center of the button.
+   * @default 'center'
+   */
+  loadingPosition: F(t.oneOf(["start", "end", "center"]), (n) => n.loadingPosition === "start" && !n.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : n.loadingPosition === "end" && !n.endIcon ? new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.') : null),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: t.oneOfType([t.oneOf(["contained", "outlined", "text"]), t.string])
+});
+const Q = x, X = f(Q, {
+  shouldForwardProp: (n) => n !== "contentColor" && n !== "hoverColor"
+})(({ contentColor: n, hoverColor: o, theme: i }) => ({
+  justifyContent: "center",
+  alignItems: "center",
+  columnGap: 8,
+  minHeight: 38,
+  paddingLeft: 12,
+  paddingRight: 12,
+  textTransform: "none",
+  color: n,
+  borderColor: n,
+  borderRadius: 5,
+  borderWidth: 2,
+  "&:hover": {
+    color: i.palette.common.white,
+    backgroundColor: o,
+    borderColor: o,
+    borderWidth: 2
+  }
+})), ao = ({
+  icon: n,
+  text: o,
+  ...i
+}) => {
+  const r = k(), s = i.contentColor ?? r.palette.primary.main;
+  return /* @__PURE__ */ y(
+    X,
+    {
+      ...i,
+      variant: "outlined",
+      contentColor: s,
+      hoverColor: i.hoverColor ?? s,
+      children: [
+        (n == null ? void 0 : n.position) === "left" ? /* @__PURE__ */ g(B, { ...n }) : null,
+        o,
+        (n == null ? void 0 : n.position) === "right" ? /* @__PURE__ */ g(B, { ...n }) : null
+      ]
+    }
+  );
+};
 export {
-  e as default
+  ao as default
 };

package/dist/components/buttons/DefaultButton/DefaultButtonIcon.es.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as S from "react";
-import { c as v, g as z, s as b, e as t, f as I, _ as x, a as f, h as T, P as e, j as N } from "../../../useThemeProps-CHytz5pp.js";
+import { c as v, g as z, s as b, e as t, f as I, _ as x, a as f, h as T, P as e, j as N } from "../../../useThemeProps-kb_vU-1P.js";
 function C(o) {
   return v("MuiIcon", o);
 }

package/dist/components/buttons/DefaultButton/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../DefaultButton-BD9W4fvr.cjs");exports.DefaultButton=t.DefaultButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./DefaultButton.cjs.js");exports.DefaultButton=t;

package/dist/components/buttons/DefaultButton/index.es.js

@@ -1,4 +1,4 @@
-import { D as a } from "../../../DefaultButton-BlGFPRC7.js";
+import { default as e } from "./DefaultButton.es.js";
 export {
-  a as DefaultButton
+  e as DefaultButton
 };

package/dist/components/buttons/PrimaryButton/PrimaryButton.cjs.js

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime");require("react");const o=require("../../../DefaultButton-BD9W4fvr.cjs"),u=require("../../../useTheme-C-LTLVMt.cjs"),n=t=>{const e=u.useTheme();return r.jsx(o.DefaultButton,{contentColor:e.palette.primary.main,hoverColor:e.palette.primary.dark,...t})};module.exports=n;
+"use strict";const r=require("react/jsx-runtime");require("react");const o=require("../DefaultButton/DefaultButton.cjs.js"),n=require("../../../useTheme-C-LTLVMt.cjs"),u=t=>{const e=n.useTheme();return r.jsx(o,{contentColor:e.palette.primary.main,hoverColor:e.palette.primary.dark,...t})};module.exports=u;