@cgi-learning-hub/ui 1.3.5-dev.1739206891 → 1.3.5-dev.1739269730

package/dist/Button-C-bZSJCq.cjs

@@ -0,0 +1,28 @@
+"use strict";const a=require("react/jsx-runtime"),s=require("./DefaultPropsProvider-PRhNsS_3.cjs"),D=require("react"),t=require("./generateUtilityClasses-0dYt6eGZ.cjs"),k=require("./Button-COTy9ASL.cjs"),E=require("./useId-DNXtOFeX.cjs"),u=require("./capitalize-Cq3s4y8R.cjs"),C=require("./memoTheme-D1tPxCd9.cjs"),N=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),M=require("./chainPropTypes-CEUi6Jb4.cjs"),S=require("@emotion/react");function U(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:()=>o[r]})}}return e.default=o,Object.freeze(e)}const $=U(D);function z(o){return t.generateUtilityClass("MuiCircularProgress",o)}const q=t.generateUtilityClasses("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]),p=44,j=S.keyframes`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`,w=S.keyframes`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`,F=typeof j!="string"?S.css`
+        animation: ${j} 1.4s linear infinite;
+      `:null,W=typeof w!="string"?S.css`
+        animation: ${w} 1.4s ease-in-out infinite;
+      `:null,V=o=>{const{classes:e,variant:r,color:n,disableShrink:g}=o,l={root:["root",r,`color${u.capitalize(n)}`],svg:["svg"],circle:["circle",`circle${u.capitalize(r)}`,g&&"circleDisableShrink"]};return s.composeClasses(l,z,e)},_=s.styled("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:r}=o;return[e.root,e[r.variant],e[`color${u.capitalize(r.color)}`]]}})(C.memoTheme(({theme:o})=>({display:"inline-block",variants:[{props:{variant:"determinate"},style:{transition:o.transitions.create("transform")}},{props:{variant:"indeterminate"},style:F||{animation:`${j} 1.4s linear infinite`}},...Object.entries(o.palette).filter(N.createSimplePaletteValueFilter()).map(([e])=>({props:{color:e},style:{color:(o.vars||o).palette[e].main}}))]}))),A=s.styled("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(o,e)=>e.svg})({display:"block"}),G=s.styled("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(o,e)=>{const{ownerState:r}=o;return[e.circle,e[`circle${u.capitalize(r.variant)}`],r.disableShrink&&e.circleDisableShrink]}})(C.memoTheme(({theme:o})=>({stroke:"currentColor",variants:[{props:{variant:"determinate"},style:{transition:o.transitions.create("stroke-dashoffset")}},{props:{variant:"indeterminate"},style:{strokeDasharray:"80px, 200px",strokeDashoffset:0}},{props:({ownerState:e})=>e.variant==="indeterminate"&&!e.disableShrink,style:W||{animation:`${w} 1.4s ease-in-out infinite`}}]}))),B=$.forwardRef(function(e,r){const n=s.useDefaultProps({props:e,name:"MuiCircularProgress"}),{className:g,color:l="primary",disableShrink:T=!1,size:P=40,style:L,thickness:c=3.6,value:b=0,variant:I="indeterminate",...x}=n,f={...n,color:l,disableShrink:T,size:P,thickness:c,value:b,variant:I},m=V(f),h={},d={},y={};if(I==="determinate"){const v=2*Math.PI*((p-c)/2);h.strokeDasharray=v.toFixed(3),y["aria-valuenow"]=Math.round(b),h.strokeDashoffset=`${((100-b)/100*v).toFixed(3)}px`,d.transform="rotate(-90deg)"}return a.jsx(_,{className:t.clsx(m.root,g),style:{width:P,height:P,...d,...L},ownerState:f,ref:r,role:"progressbar",...y,...x,children:a.jsx(A,{className:m.svg,ownerState:f,viewBox:`${p/2} ${p/2} ${p} ${p}`,children:a.jsx(G,{className:m.circle,style:h,ownerState:f,cx:p,cy:p,r:(p-c)/2,fill:"none",strokeWidth:c})})})});process.env.NODE_ENV!=="production"&&(B.propTypes={classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOfType([t.PropTypes.oneOf(["inherit","primary","secondary","error","info","success","warning"]),t.PropTypes.string]),disableShrink:M.chainPropTypes(t.PropTypes.bool,o=>o.disableShrink&&o.variant&&o.variant!=="indeterminate"?new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect."):null),size:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]),style:t.PropTypes.object,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]),thickness:t.PropTypes.number,value:t.PropTypes.number,variant:t.PropTypes.oneOf(["determinate","indeterminate"])});function K(o){return t.generateUtilityClass("MuiLoadingButton",o)}const i=t.generateUtilityClasses("MuiLoadingButton",["root","label","loading","loadingIndicator","loadingIndicatorCenter","loadingIndicatorStart","loadingIndicatorEnd","endIconLoadingEnd","startIconLoadingStart"]),H=o=>{const{loading:e,loadingPosition:r,classes:n}=o,g={root:["root",e&&"loading"],label:["label"],startIcon:[e&&`startIconLoading${u.capitalize(r)}`],endIcon:[e&&`endIconLoading${u.capitalize(r)}`],loadingIndicator:["loadingIndicator",e&&`loadingIndicator${u.capitalize(r)}`]},l=s.composeClasses(g,K,n);return{...n,...l}},Y=o=>o!=="ownerState"&&o!=="theme"&&o!=="sx"&&o!=="as"&&o!=="classes",Z=s.styled(k.Button,{shouldForwardProp:o=>Y(o)||o==="classes",name:"MuiLoadingButton",slot:"Root",overridesResolver:(o,e)=>[e.root,e.startIconLoadingStart&&{[`& .${i.startIconLoadingStart}`]:e.startIconLoadingStart},e.endIconLoadingEnd&&{[`& .${i.endIconLoadingEnd}`]:e.endIconLoadingEnd}]})(C.memoTheme(({theme:o})=>({display:"inline-flex",[`& .${i.startIconLoadingStart}, & .${i.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0},variants:[{props:{loadingPosition:"center"},style:{transition:o.transitions.create(["background-color","box-shadow","border-color"],{duration:o.transitions.duration.short}),[`&.${i.loading}`]:{color:"transparent"}}},{props:({ownerState:e})=>e.loadingPosition==="start"&&e.fullWidth,style:{[`& .${i.startIconLoadingStart}, & .${i.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0,marginRight:-8}}},{props:({ownerState:e})=>e.loadingPosition==="end"&&e.fullWidth,style:{[`& .${i.startIconLoadingStart}, & .${i.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0,marginLeft:-8}}}]}))),J=s.styled("span",{name:"MuiLoadingButton",slot:"LoadingIndicator",overridesResolver:(o,e)=>{const{ownerState:r}=o;return[e.loadingIndicator,e[`loadingIndicator${u.capitalize(r.loadingPosition)}`]]}})(C.memoTheme(({theme:o})=>({position:"absolute",visibility:"visible",display:"flex",variants:[{props:{loadingPosition:"start",size:"small"},style:{left:10}},{props:({loadingPosition:e,ownerState:r})=>e==="start"&&r.size!=="small",style:{left:14}},{props:{variant:"text",loadingPosition:"start"},style:{left:6}},{props:{loadingPosition:"center"},style:{left:"50%",transform:"translate(-50%)",color:(o.vars||o).palette.action.disabled}},{props:{loadingPosition:"end",size:"small"},style:{right:10}},{props:({loadingPosition:e,ownerState:r})=>e==="end"&&r.size!=="small",style:{right:14}},{props:{variant:"text",loadingPosition:"end"},style:{right:6}},{props:({ownerState:e})=>e.loadingPosition==="start"&&e.fullWidth,style:{position:"relative",left:-10}},{props:({ownerState:e})=>e.loadingPosition==="end"&&e.fullWidth,style:{position:"relative",right:-10}}]}))),O=s.styled("span",{name:"MuiLoadingButton",slot:"Label",overridesResolver:(o,e)=>[e.label]})({display:"inherit",alignItems:"inherit",justifyContent:"inherit"}),R=$.forwardRef(function(e,r){const n=$.useContext(k.ButtonGroupContext),g=k.resolveProps(n,e),l=s.useDefaultProps({props:g,name:"MuiLoadingButton"}),{children:T,disabled:P=!1,id:L,loading:c=!1,loadingIndicator:b,loadingPosition:I="center",variant:x="text",...f}=l,m=E.useId(L),h=b??a.jsx(B,{"aria-labelledby":m,color:"inherit",size:16}),d={...l,disabled:P,loading:c,loadingIndicator:h,loadingPosition:I,variant:x},y=H(d),v=c?a.jsx(J,{className:y.loadingIndicator,ownerState:d,children:h}):null;return a.jsxs(Z,{disabled:P||c,id:m,ref:r,...f,variant:x,classes:y,ownerState:d,children:[d.loadingPosition==="end"?a.jsx(O,{className:y.label,children:T}):v,d.loadingPosition==="end"?v:a.jsx(O,{className:y.label,children:T})]})});process.env.NODE_ENV!=="production"&&(R.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:M.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 Q=s.styled(R)(({color:o,theme:e})=>({minHeight:38,textTransform:"none",transition:"all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","&.MuiButton-outlined":{borderRadius:5,borderWidth:2}})),X=({variant:o="outlined",...e})=>a.jsx(Q,{variant:o,...e});exports.Button=X;exports.CircularProgress=B;exports.circularProgressClasses=q;exports.getCircularProgressUtilityClass=z;

package/dist/Button-CSNPv43f.js

@@ -0,0 +1,542 @@
+import { jsx as d, jsxs as U } from "react/jsx-runtime";
+import { u as M, s as f, c as E } from "./DefaultPropsProvider-CmOKr9hq.js";
+import * as k from "react";
+import { I as O, H as R, G as W, P as n } from "./generateUtilityClasses-v9KcqdK1.js";
+import { a as F, r as V, B as G } from "./Button-DovfjBkz.js";
+import { u as A } from "./useId-CK6Kn3Tn.js";
+import { c as u } from "./capitalize-yX_QSknw.js";
+import { m as S } from "./memoTheme-D-rebSfX.js";
+import { c as H } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { c as T } from "./chainPropTypes-D9lkm76m.js";
+import { css as D, keyframes as N } from "@emotion/react";
+function K(o) {
+  return O("MuiCircularProgress", o);
+}
+const ho = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]), c = 44, $ = N`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`, w = N`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`, _ = typeof $ != "string" ? D`
+        animation: ${$} 1.4s linear infinite;
+      ` : null, Y = typeof w != "string" ? D`
+        animation: ${w} 1.4s ease-in-out infinite;
+      ` : null, Z = (o) => {
+  const {
+    classes: t,
+    variant: r,
+    color: i,
+    disableShrink: g
+  } = o, a = {
+    root: ["root", r, `color${u(i)}`],
+    svg: ["svg"],
+    circle: ["circle", `circle${u(r)}`, g && "circleDisableShrink"]
+  };
+  return E(a, K, t);
+}, q = f("span", {
+  name: "MuiCircularProgress",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: r
+    } = o;
+    return [t.root, t[r.variant], t[`color${u(r.color)}`]];
+  }
+})(S(({
+  theme: o
+}) => ({
+  display: "inline-block",
+  variants: [{
+    props: {
+      variant: "determinate"
+    },
+    style: {
+      transition: o.transitions.create("transform")
+    }
+  }, {
+    props: {
+      variant: "indeterminate"
+    },
+    style: _ || {
+      animation: `${$} 1.4s linear infinite`
+    }
+  }, ...Object.entries(o.palette).filter(H()).map(([t]) => ({
+    props: {
+      color: t
+    },
+    style: {
+      color: (o.vars || o).palette[t].main
+    }
+  }))]
+}))), J = f("svg", {
+  name: "MuiCircularProgress",
+  slot: "Svg",
+  overridesResolver: (o, t) => t.svg
+})({
+  display: "block"
+  // Keeps the progress centered
+}), Q = f("circle", {
+  name: "MuiCircularProgress",
+  slot: "Circle",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: r
+    } = o;
+    return [t.circle, t[`circle${u(r.variant)}`], r.disableShrink && t.circleDisableShrink];
+  }
+})(S(({
+  theme: o
+}) => ({
+  stroke: "currentColor",
+  variants: [{
+    props: {
+      variant: "determinate"
+    },
+    style: {
+      transition: o.transitions.create("stroke-dashoffset")
+    }
+  }, {
+    props: {
+      variant: "indeterminate"
+    },
+    style: {
+      // 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.
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.variant === "indeterminate" && !t.disableShrink,
+    style: Y || {
+      // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
+      animation: `${w} 1.4s ease-in-out infinite`
+    }
+  }]
+}))), j = /* @__PURE__ */ k.forwardRef(function(t, r) {
+  const i = M({
+    props: t,
+    name: "MuiCircularProgress"
+  }), {
+    className: g,
+    color: a = "primary",
+    disableShrink: P = !1,
+    size: m = 40,
+    style: C,
+    thickness: s = 3.6,
+    value: b = 0,
+    variant: L = "indeterminate",
+    ...x
+  } = i, h = {
+    ...i,
+    color: a,
+    disableShrink: P,
+    size: m,
+    thickness: s,
+    value: b,
+    variant: L
+  }, y = Z(h), v = {}, l = {}, p = {};
+  if (L === "determinate") {
+    const I = 2 * Math.PI * ((c - s) / 2);
+    v.strokeDasharray = I.toFixed(3), p["aria-valuenow"] = Math.round(b), v.strokeDashoffset = `${((100 - b) / 100 * I).toFixed(3)}px`, l.transform = "rotate(-90deg)";
+  }
+  return /* @__PURE__ */ d(q, {
+    className: W(y.root, g),
+    style: {
+      width: m,
+      height: m,
+      ...l,
+      ...C
+    },
+    ownerState: h,
+    ref: r,
+    role: "progressbar",
+    ...p,
+    ...x,
+    children: /* @__PURE__ */ d(J, {
+      className: y.svg,
+      ownerState: h,
+      viewBox: `${c / 2} ${c / 2} ${c} ${c}`,
+      children: /* @__PURE__ */ d(Q, {
+        className: y.circle,
+        style: v,
+        ownerState: h,
+        cx: c,
+        cy: c,
+        r: (c - s) / 2,
+        fill: "none",
+        strokeWidth: s
+      })
+    })
+  });
+});
+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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * 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", "error", "info", "success", "warning"]), n.string]),
+  /**
+   * If `true`, the shrink animation is disabled.
+   * This only works if variant is `indeterminate`.
+   * @default false
+   */
+  disableShrink: T(n.bool, (o) => o.disableShrink && o.variant && o.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, for example '3rem'.
+   * @default 40
+   */
+  size: n.oneOfType([n.number, n.string]),
+  /**
+   * @ignore
+   */
+  style: n.object,
+  /**
+   * 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]),
+  /**
+   * The thickness of the circle.
+   * @default 3.6
+   */
+  thickness: n.number,
+  /**
+   * The value of the progress indicator for the determinate variant.
+   * Value between 0 and 100.
+   * @default 0
+   */
+  value: n.number,
+  /**
+   * The variant to use.
+   * Use indeterminate when there is no progress value.
+   * @default 'indeterminate'
+   */
+  variant: n.oneOf(["determinate", "indeterminate"])
+});
+function X(o) {
+  return O("MuiLoadingButton", o);
+}
+const e = R("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), oo = (o) => {
+  const {
+    loading: t,
+    loadingPosition: r,
+    classes: i
+  } = o, g = {
+    root: ["root", t && "loading"],
+    label: ["label"],
+    startIcon: [t && `startIconLoading${u(r)}`],
+    endIcon: [t && `endIconLoading${u(r)}`],
+    loadingIndicator: ["loadingIndicator", t && `loadingIndicator${u(r)}`]
+  }, a = E(g, X, i);
+  return {
+    ...i,
+    // forward the outlined, color, etc. classes to Button
+    ...a
+  };
+}, to = (o) => o !== "ownerState" && o !== "theme" && o !== "sx" && o !== "as" && o !== "classes", no = f(G, {
+  shouldForwardProp: (o) => to(o) || o === "classes",
+  name: "MuiLoadingButton",
+  slot: "Root",
+  overridesResolver: (o, t) => [t.root, t.startIconLoadingStart && {
+    [`& .${e.startIconLoadingStart}`]: t.startIconLoadingStart
+  }, t.endIconLoadingEnd && {
+    [`& .${e.endIconLoadingEnd}`]: t.endIconLoadingEnd
+  }]
+})(S(({
+  theme: o
+}) => ({
+  display: "inline-flex",
+  [`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]: {
+    transition: o.transitions.create(["opacity"], {
+      duration: o.transitions.duration.short
+    }),
+    opacity: 0
+  },
+  variants: [{
+    props: {
+      loadingPosition: "center"
+    },
+    style: {
+      transition: o.transitions.create(["background-color", "box-shadow", "border-color"], {
+        duration: o.transitions.duration.short
+      }),
+      [`&.${e.loading}`]: {
+        color: "transparent"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.loadingPosition === "start" && t.fullWidth,
+    style: {
+      [`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]: {
+        transition: o.transitions.create(["opacity"], {
+          duration: o.transitions.duration.short
+        }),
+        opacity: 0,
+        marginRight: -8
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.loadingPosition === "end" && t.fullWidth,
+    style: {
+      [`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]: {
+        transition: o.transitions.create(["opacity"], {
+          duration: o.transitions.duration.short
+        }),
+        opacity: 0,
+        marginLeft: -8
+      }
+    }
+  }]
+}))), ro = f("span", {
+  name: "MuiLoadingButton",
+  slot: "LoadingIndicator",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: r
+    } = o;
+    return [t.loadingIndicator, t[`loadingIndicator${u(r.loadingPosition)}`]];
+  }
+})(S(({
+  theme: o
+}) => ({
+  position: "absolute",
+  visibility: "visible",
+  display: "flex",
+  variants: [{
+    props: {
+      loadingPosition: "start",
+      size: "small"
+    },
+    style: {
+      left: 10
+    }
+  }, {
+    props: ({
+      loadingPosition: t,
+      ownerState: r
+    }) => t === "start" && r.size !== "small",
+    style: {
+      left: 14
+    }
+  }, {
+    props: {
+      variant: "text",
+      loadingPosition: "start"
+    },
+    style: {
+      left: 6
+    }
+  }, {
+    props: {
+      loadingPosition: "center"
+    },
+    style: {
+      left: "50%",
+      transform: "translate(-50%)",
+      color: (o.vars || o).palette.action.disabled
+    }
+  }, {
+    props: {
+      loadingPosition: "end",
+      size: "small"
+    },
+    style: {
+      right: 10
+    }
+  }, {
+    props: ({
+      loadingPosition: t,
+      ownerState: r
+    }) => t === "end" && r.size !== "small",
+    style: {
+      right: 14
+    }
+  }, {
+    props: {
+      variant: "text",
+      loadingPosition: "end"
+    },
+    style: {
+      right: 6
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.loadingPosition === "start" && t.fullWidth,
+    style: {
+      position: "relative",
+      left: -10
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.loadingPosition === "end" && t.fullWidth,
+    style: {
+      position: "relative",
+      right: -10
+    }
+  }]
+}))), B = f("span", {
+  name: "MuiLoadingButton",
+  slot: "Label",
+  overridesResolver: (o, t) => [t.label]
+})({
+  display: "inherit",
+  alignItems: "inherit",
+  justifyContent: "inherit"
+}), z = /* @__PURE__ */ k.forwardRef(function(t, r) {
+  const i = k.useContext(F), g = V(i, t), a = M({
+    props: g,
+    name: "MuiLoadingButton"
+  }), {
+    children: P,
+    disabled: m = !1,
+    id: C,
+    loading: s = !1,
+    loadingIndicator: b,
+    loadingPosition: L = "center",
+    variant: x = "text",
+    ...h
+  } = a, y = A(C), v = b ?? /* @__PURE__ */ d(j, {
+    "aria-labelledby": y,
+    color: "inherit",
+    size: 16
+  }), l = {
+    ...a,
+    disabled: m,
+    loading: s,
+    loadingIndicator: v,
+    loadingPosition: L,
+    variant: x
+  }, p = oo(l), I = s ? /* @__PURE__ */ d(ro, {
+    className: p.loadingIndicator,
+    ownerState: l,
+    children: v
+  }) : null;
+  return /* @__PURE__ */ U(no, {
+    disabled: m || s,
+    id: y,
+    ref: r,
+    ...h,
+    variant: x,
+    classes: p,
+    ownerState: l,
+    children: [l.loadingPosition === "end" ? /* @__PURE__ */ d(B, {
+      className: p.label,
+      children: P
+    }) : I, l.loadingPosition === "end" ? I : /* @__PURE__ */ d(B, {
+      className: p.label,
+      children: P
+    })]
+  });
+});
+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: n.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: n.object,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: n.bool,
+  /**
+   * @ignore
+   */
+  id: n.string,
+  /**
+   * If `true`, the loading indicator is shown and the button becomes disabled.
+   * @default false
+   */
+  loading: n.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: n.node,
+  /**
+   * The loading indicator can be positioned on the start, end, or the center of the button.
+   * @default 'center'
+   */
+  loadingPosition: T(n.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),
+  /**
+   * 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]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: n.oneOfType([n.oneOf(["contained", "outlined", "text"]), n.string])
+});
+const io = f(z)(({ color: o, theme: t }) => ({
+  minHeight: 38,
+  textTransform: "none",
+  transition: "all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+  "&.MuiButton-outlined": {
+    borderRadius: 5,
+    borderWidth: 2
+    /* "&:hover": {
+      //backgroundColor: theme.palette[color].main,
+      color: theme.palette.common.white,
+    },*/
+  }
+})), yo = ({
+  variant: o = "outlined",
+  ...t
+}) => /* @__PURE__ */ d(io, { variant: o, ...t });
+export {
+  yo as B,
+  j as C,
+  ho as c,
+  K as g
+};

package/dist/CloseRounded-Cu-sn6XC.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),c=require("./createSvgIcon-CWNQW6u6.cjs"),s=c.createSvgIcon(e.jsx("path",{d:"M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"}),"CloseRounded");exports.CloseRounded=s;

package/dist/CloseRounded-Df8vYhLX.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c } from "./createSvgIcon-Cd6y8E9W.js";
+const a = c(/* @__PURE__ */ o("path", {
+  d: "M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
+}), "CloseRounded");
+export {
+  a as C
+};

package/dist/components/Button/Button.cjs.js

@@ -1 +1 @@
-"use strict";const a=require("react/jsx-runtime"),r=require("../../DefaultPropsProvider-PRhNsS_3.cjs"),S=require("react"),n=require("../../generateUtilityClasses-0dYt6eGZ.cjs"),y=require("../../Button-COTy9ASL.cjs"),z=require("../../useId-DNXtOFeX.cjs"),p=require("../../capitalize-Cq3s4y8R.cjs"),v=require("../../memoTheme-D1tPxCd9.cjs"),E=require("../../CircularProgress-nxAXvjY0.cjs"),O=require("../../chainPropTypes-CEUi6Jb4.cjs");function R(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const i in o)if(i!=="default"){const s=Object.getOwnPropertyDescriptor(o,i);Object.defineProperty(t,i,s.get?s:{enumerable:!0,get:()=>o[i]})}}return t.default=o,Object.freeze(t)}const m=R(S);function q(o){return n.generateUtilityClass("MuiLoadingButton",o)}const e=n.generateUtilityClasses("MuiLoadingButton",["root","label","loading","loadingIndicator","loadingIndicatorCenter","loadingIndicatorStart","loadingIndicatorEnd","endIconLoadingEnd","startIconLoadingStart"]),w=o=>{const{loading:t,loadingPosition:i,classes:s}=o,u={root:["root",t&&"loading"],label:["label"],startIcon:[t&&`startIconLoading${p.capitalize(i)}`],endIcon:[t&&`endIconLoading${p.capitalize(i)}`],loadingIndicator:["loadingIndicator",t&&`loadingIndicator${p.capitalize(i)}`]},l=r.composeClasses(u,q,s);return{...s,...l}},M=o=>o!=="ownerState"&&o!=="theme"&&o!=="sx"&&o!=="as"&&o!=="classes",U=r.styled(y.Button,{shouldForwardProp:o=>M(o)||o==="classes",name:"MuiLoadingButton",slot:"Root",overridesResolver:(o,t)=>[t.root,t.startIconLoadingStart&&{[`& .${e.startIconLoadingStart}`]:t.startIconLoadingStart},t.endIconLoadingEnd&&{[`& .${e.endIconLoadingEnd}`]:t.endIconLoadingEnd}]})(v.memoTheme(({theme:o})=>({display:"inline-flex",[`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0},variants:[{props:{loadingPosition:"center"},style:{transition:o.transitions.create(["background-color","box-shadow","border-color"],{duration:o.transitions.duration.short}),[`&.${e.loading}`]:{color:"transparent"}}},{props:({ownerState:t})=>t.loadingPosition==="start"&&t.fullWidth,style:{[`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0,marginRight:-8}}},{props:({ownerState:t})=>t.loadingPosition==="end"&&t.fullWidth,style:{[`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0,marginLeft:-8}}}]}))),N=r.styled("span",{name:"MuiLoadingButton",slot:"LoadingIndicator",overridesResolver:(o,t)=>{const{ownerState:i}=o;return[t.loadingIndicator,t[`loadingIndicator${p.capitalize(i.loadingPosition)}`]]}})(v.memoTheme(({theme:o})=>({position:"absolute",visibility:"visible",display:"flex",variants:[{props:{loadingPosition:"start",size:"small"},style:{left:10}},{props:({loadingPosition:t,ownerState:i})=>t==="start"&&i.size!=="small",style:{left:14}},{props:{variant:"text",loadingPosition:"start"},style:{left:6}},{props:{loadingPosition:"center"},style:{left:"50%",transform:"translate(-50%)",color:(o.vars||o).palette.action.disabled}},{props:{loadingPosition:"end",size:"small"},style:{right:10}},{props:({loadingPosition:t,ownerState:i})=>t==="end"&&i.size!=="small",style:{right:14}},{props:{variant:"text",loadingPosition:"end"},style:{right:6}},{props:({ownerState:t})=>t.loadingPosition==="start"&&t.fullWidth,style:{position:"relative",left:-10}},{props:({ownerState:t})=>t.loadingPosition==="end"&&t.fullWidth,style:{position:"relative",right:-10}}]}))),T=r.styled("span",{name:"MuiLoadingButton",slot:"Label",overridesResolver:(o,t)=>[t.label]})({display:"inherit",alignItems:"inherit",justifyContent:"inherit"}),x=m.forwardRef(function(t,i){const s=m.useContext(y.ButtonGroupContext),u=y.resolveProps(s,t),l=r.useDefaultProps({props:u,name:"MuiLoadingButton"}),{children:P,disabled:I=!1,id:B,loading:g=!1,loadingIndicator:j,loadingPosition:C="center",variant:f="text",...$}=l,b=z.useId(B),L=j??a.jsx(E.CircularProgress,{"aria-labelledby":b,color:"inherit",size:16}),d={...l,disabled:I,loading:g,loadingIndicator:L,loadingPosition:C,variant:f},c=w(d),h=g?a.jsx(N,{className:c.loadingIndicator,ownerState:d,children:L}):null;return a.jsxs(U,{disabled:I||g,id:b,ref:i,...$,variant:f,classes:c,ownerState:d,children:[d.loadingPosition==="end"?a.jsx(T,{className:c.label,children:P}):h,d.loadingPosition==="end"?h:a.jsx(T,{className:c.label,children:P})]})});process.env.NODE_ENV!=="production"&&(x.propTypes={children:n.PropTypes.node,classes:n.PropTypes.object,disabled:n.PropTypes.bool,id:n.PropTypes.string,loading:n.PropTypes.bool,loadingIndicator:n.PropTypes.node,loadingPosition:O.chainPropTypes(n.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:n.PropTypes.oneOfType([n.PropTypes.arrayOf(n.PropTypes.oneOfType([n.PropTypes.func,n.PropTypes.object,n.PropTypes.bool])),n.PropTypes.func,n.PropTypes.object]),variant:n.PropTypes.oneOfType([n.PropTypes.oneOf(["contained","outlined","text"]),n.PropTypes.string])});const D=r.styled(x)(({color:o,theme:t})=>({minHeight:38,textTransform:"none",transition:"all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","&.MuiButton-outlined":{borderRadius:5,borderWidth:2}})),W=({variant:o="outlined",...t})=>a.jsx(D,{variant:o,...t});module.exports=W;
+"use strict";require("react/jsx-runtime");require("../../DefaultPropsProvider-PRhNsS_3.cjs");const t=require("../../Button-C-bZSJCq.cjs");module.exports=t.Button;