@cgi-learning-hub/ui 1.4.0-dev.1742200292 → 1.4.0-dev.1742204063

package/dist/{Tooltip-DgTrUaHJ.js → Tooltip-B1NGvrJP.js}

@@ -1,20 +1,20 @@
 import * as n from "react";
-import { G as Je, H as Qe, I as ge, n as ve, P as e } from "./generateUtilityClasses-EXBFO7eY.js";
-import { u as Ze } from "./index-D_xl88AE.js";
-import { u as eo } from "./useTheme-Czi7oO55.js";
+import { H as Je, I as Qe, G as ge, n as ve, P as e } from "./generateUtilityClasses-DotvgSDH.js";
+import { u as Ze } from "./useSlotProps-C9tsxDNg.js";
+import { u as eo } from "./useTheme-BA7tMglY.js";
 import { jsx as L, jsxs as Te } from "react/jsx-runtime";
-import { u as oo, s as G, c as to } from "./DefaultPropsProvider-CQixa6JQ.js";
-import { m as Y } from "./memoTheme-DJWQ754x.js";
-import { u as I } from "./useSlot-RbAtahZu.js";
+import { u as oo, s as G, c as to } from "./DefaultPropsProvider-Cqcb4sws.js";
+import { m as Y } from "./memoTheme-CqmIydD-.js";
+import { u as I } from "./useSlot-GZu0V5wJ.js";
 import { u as j, T as ro } from "./useTimeout-CrCYVizI.js";
 import { u as po } from "./useControlled-BYdyS7Pn.js";
 import { u as no } from "./useId-CK6Kn3Tn.js";
 import { u as be } from "./useEventCallback-BAQJJ3ye.js";
 import { u as so } from "./useForkRef-C_4o__cU.js";
-import { g as io, e as ao } from "./getReactElementRef-DjLvttrJ.js";
-import { G as lo } from "./Grow-D5UIC41W.js";
-import { P as Re } from "./Popper-BNftxeQ5.js";
-import { c as Oe } from "./capitalize-BJ0FEsU7.js";
+import { g as io, e as ao } from "./utils-CXhh35wP.js";
+import { G as lo } from "./Grow-DKgYCxiY.js";
+import { P as Re } from "./Popper-DjwR55WH.js";
+import { c as Oe } from "./capitalize-3KLkrEtk.js";
 import { i as ye } from "./isFocusVisible-CPZqtjv2.js";
 function co(r) {
   return Qe("MuiTooltip", r);

package/dist/Tooltip-oNmnF7Bc.cjs

@@ -0,0 +1,4 @@
+"use strict";const Je=require("react"),e=require("./generateUtilityClasses-De8NU9_E.cjs"),Qe=require("./useSlotProps-CvOxvhyy.cjs"),Ze=require("./useTheme-CIf2b2wK.cjs"),g=require("react/jsx-runtime"),x=require("./DefaultPropsProvider-wpBXjN8r.cjs"),Y=require("./memoTheme-DrjvJtTP.cjs"),I=require("./useSlot-CC2AaOjN.cjs"),O=require("./useTimeout-COCrDKz-.cjs"),eo=require("./useControlled-Ysk4KqoX.cjs"),oo=require("./useId-DNXtOFeX.cjs"),ye=require("./useEventCallback-C0-Qw3Sm.cjs"),to=require("./useForkRef-CTI33h-3.cjs"),be=require("./utils-CFI_-FMV.cjs"),ro=require("./Grow-Z3KzFaK5.cjs"),Pe=require("./Popper-BVYscbsI.cjs"),we=require("./capitalize-CEByPz9F.cjs"),he=require("./isFocusVisible-DlSijby6.cjs");function po(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const l=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(o,s,l.get?l:{enumerable:!0,get:()=>r[s]})}}return o.default=r,Object.freeze(o)}const n=po(Je);function ve(r){return e.generateUtilityClass("MuiTooltip",r)}const p=e.generateUtilityClasses("MuiTooltip",["popper","popperInteractive","popperArrow","popperClose","tooltip","tooltipArrow","touch","tooltipPlacementLeft","tooltipPlacementRight","tooltipPlacementTop","tooltipPlacementBottom","arrow"]);function so(r){return Math.round(r*1e5)/1e5}const no=r=>{const{classes:o,disableInteractive:s,arrow:l,touch:C,placement:b}=r,G={popper:["popper",!s&&"popperInteractive",l&&"popperArrow"],tooltip:["tooltip",l&&"tooltipArrow",C&&"touch",`tooltipPlacement${we.capitalize(b.split("-")[0])}`],arrow:["arrow"]};return x.composeClasses(G,ve,o)},io=x.styled(Pe.Popper,{name:"MuiTooltip",slot:"Popper",overridesResolver:(r,o)=>{const{ownerState:s}=r;return[o.popper,!s.disableInteractive&&o.popperInteractive,s.arrow&&o.popperArrow,!s.open&&o.popperClose]}})(Y.memoTheme(({theme:r})=>({zIndex:(r.vars||r).zIndex.tooltip,pointerEvents:"none",variants:[{props:({ownerState:o})=>!o.disableInteractive,style:{pointerEvents:"auto"}},{props:({open:o})=>!o,style:{pointerEvents:"none"}},{props:({ownerState:o})=>o.arrow,style:{[`&[data-popper-placement*="bottom"] .${p.arrow}`]:{top:0,marginTop:"-0.71em","&::before":{transformOrigin:"0 100%"}},[`&[data-popper-placement*="top"] .${p.arrow}`]:{bottom:0,marginBottom:"-0.71em","&::before":{transformOrigin:"100% 0"}},[`&[data-popper-placement*="right"] .${p.arrow}`]:{height:"1em",width:"0.71em","&::before":{transformOrigin:"100% 100%"}},[`&[data-popper-placement*="left"] .${p.arrow}`]:{height:"1em",width:"0.71em","&::before":{transformOrigin:"0 0"}}}},{props:({ownerState:o})=>o.arrow&&!o.isRtl,style:{[`&[data-popper-placement*="right"] .${p.arrow}`]:{left:0,marginLeft:"-0.71em"}}},{props:({ownerState:o})=>o.arrow&&!!o.isRtl,style:{[`&[data-popper-placement*="right"] .${p.arrow}`]:{right:0,marginRight:"-0.71em"}}},{props:({ownerState:o})=>o.arrow&&!o.isRtl,style:{[`&[data-popper-placement*="left"] .${p.arrow}`]:{right:0,marginRight:"-0.71em"}}},{props:({ownerState:o})=>o.arrow&&!!o.isRtl,style:{[`&[data-popper-placement*="left"] .${p.arrow}`]:{left:0,marginLeft:"-0.71em"}}}]}))),ao=x.styled("div",{name:"MuiTooltip",slot:"Tooltip",overridesResolver:(r,o)=>{const{ownerState:s}=r;return[o.tooltip,s.touch&&o.touch,s.arrow&&o.tooltipArrow,o[`tooltipPlacement${we.capitalize(s.placement.split("-")[0])}`]]}})(Y.memoTheme(({theme:r})=>({backgroundColor:r.vars?r.vars.palette.Tooltip.bg:e.alpha(r.palette.grey[700],.92),borderRadius:(r.vars||r).shape.borderRadius,color:(r.vars||r).palette.common.white,fontFamily:r.typography.fontFamily,padding:"4px 8px",fontSize:r.typography.pxToRem(11),maxWidth:300,margin:2,wordWrap:"break-word",fontWeight:r.typography.fontWeightMedium,[`.${p.popper}[data-popper-placement*="left"] &`]:{transformOrigin:"right center"},[`.${p.popper}[data-popper-placement*="right"] &`]:{transformOrigin:"left center"},[`.${p.popper}[data-popper-placement*="top"] &`]:{transformOrigin:"center bottom",marginBottom:"14px"},[`.${p.popper}[data-popper-placement*="bottom"] &`]:{transformOrigin:"center top",marginTop:"14px"},variants:[{props:({ownerState:o})=>o.arrow,style:{position:"relative",margin:0}},{props:({ownerState:o})=>o.touch,style:{padding:"8px 16px",fontSize:r.typography.pxToRem(14),lineHeight:`${so(16/14)}em`,fontWeight:r.typography.fontWeightRegular}},{props:({ownerState:o})=>!o.isRtl,style:{[`.${p.popper}[data-popper-placement*="left"] &`]:{marginRight:"14px"},[`.${p.popper}[data-popper-placement*="right"] &`]:{marginLeft:"14px"}}},{props:({ownerState:o})=>!o.isRtl&&o.touch,style:{[`.${p.popper}[data-popper-placement*="left"] &`]:{marginRight:"24px"},[`.${p.popper}[data-popper-placement*="right"] &`]:{marginLeft:"24px"}}},{props:({ownerState:o})=>!!o.isRtl,style:{[`.${p.popper}[data-popper-placement*="left"] &`]:{marginLeft:"14px"},[`.${p.popper}[data-popper-placement*="right"] &`]:{marginRight:"14px"}}},{props:({ownerState:o})=>!!o.isRtl&&o.touch,style:{[`.${p.popper}[data-popper-placement*="left"] &`]:{marginLeft:"24px"},[`.${p.popper}[data-popper-placement*="right"] &`]:{marginRight:"24px"}}},{props:({ownerState:o})=>o.touch,style:{[`.${p.popper}[data-popper-placement*="top"] &`]:{marginBottom:"24px"}}},{props:({ownerState:o})=>o.touch,style:{[`.${p.popper}[data-popper-placement*="bottom"] &`]:{marginTop:"24px"}}}]}))),lo=x.styled("span",{name:"MuiTooltip",slot:"Arrow",overridesResolver:(r,o)=>o.arrow})(Y.memoTheme(({theme:r})=>({overflow:"hidden",position:"absolute",width:"1em",height:"0.71em",boxSizing:"border-box",color:r.vars?r.vars.palette.Tooltip.bg:e.alpha(r.palette.grey[700],.9),"&::before":{content:'""',margin:"auto",display:"block",width:"100%",height:"100%",backgroundColor:"currentColor",transform:"rotate(45deg)"}})));let q=!1;const ge=new O.Timeout;let R={x:0,y:0};function k(r,o){return(s,...l)=>{o&&o(s,...l),r(s,...l)}}const Re=n.forwardRef(function(o,s){const l=x.useDefaultProps({props:o,name:"MuiTooltip"}),{arrow:C=!1,children:b,classes:G,components:S={},componentsProps:E={},describeChild:Oe=!1,disableFocusListener:xe=!1,disableHoverListener:K=!1,disableInteractive:Ce=!1,disableTouchListener:Se=!1,enterDelay:X=100,enterNextDelay:J=0,enterTouchDelay:Ee=700,followCursor:A=!1,id:Me,leaveDelay:Q=0,leaveTouchDelay:je=1500,onClose:Z,onOpen:ee,open:oe,placement:te="bottom",PopperComponent:re,PopperProps:f={},slotProps:T={},slots:$e={},title:y,TransitionComponent:Ne,TransitionProps:Le,...pe}=l,d=n.isValidElement(b)?b:g.jsx("span",{children:b}),se=Ze.useTheme(),De=Qe.useRtl(),[i,ne]=n.useState(),[F,Ie]=n.useState(null),M=n.useRef(!1),U=Ce||A,ie=O.useTimeout(),W=O.useTimeout(),j=O.useTimeout(),ae=O.useTimeout(),[qe,le]=eo.useControlled({controlled:oe,default:!1,name:"Tooltip",state:"open"});let m=qe;if(process.env.NODE_ENV!=="production"){const{current:t}=n.useRef(oe!==void 0);n.useEffect(()=>{i&&i.disabled&&!t&&y!==""&&i.tagName.toLowerCase()==="button"&&console.warn(["MUI: You are providing a disabled `button` child to the Tooltip component.","A disabled element does not fire events.","Tooltip needs to listen to the child element's events to display the title.","","Add a simple wrapper element, such as a `span`."].join(`
+`))},[y,i,t])}const B=oo.useId(Me),P=n.useRef(),$=ye.useEventCallback(()=>{P.current!==void 0&&(document.body.style.WebkitUserSelect=P.current,P.current=void 0),ae.clear()});n.useEffect(()=>$,[$]);const ce=t=>{ge.clear(),q=!0,le(!0),ee&&!m&&ee(t)},N=ye.useEventCallback(t=>{ge.start(800+Q,()=>{q=!1}),le(!1),Z&&m&&Z(t),ie.start(se.transitions.duration.shortest,()=>{M.current=!1})}),L=t=>{M.current&&t.type!=="touchstart"||(i&&i.removeAttribute("title"),W.clear(),j.clear(),X||q&&J?W.start(q?J:X,()=>{ce(t)}):ce(t))},z=t=>{W.clear(),j.start(Q,()=>{N(t)})},[,ue]=n.useState(!1),de=t=>{he.isFocusVisible(t.target)||(ue(!1),z(t))},me=t=>{i||ne(t.currentTarget),he.isFocusVisible(t.target)&&(ue(!0),L(t))},fe=t=>{M.current=!0;const u=d.props;u.onTouchStart&&u.onTouchStart(t)},ke=t=>{fe(t),j.clear(),ie.clear(),$(),P.current=document.body.style.WebkitUserSelect,document.body.style.WebkitUserSelect="none",ae.start(Ee,()=>{document.body.style.WebkitUserSelect=P.current,L(t)})},Ae=t=>{d.props.onTouchEnd&&d.props.onTouchEnd(t),$(),j.start(je,()=>{N(t)})};n.useEffect(()=>{if(!m)return;function t(u){u.key==="Escape"&&N(u)}return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[N,m]);const Fe=to.useForkRef(be.getReactElementRef(d),ne,s);!y&&y!==0&&(m=!1);const V=n.useRef(),Ue=t=>{const u=d.props;u.onMouseMove&&u.onMouseMove(t),R={x:t.clientX,y:t.clientY},V.current&&V.current.update()},w={},_=typeof y=="string";Oe?(w.title=!m&&_&&!K?y:null,w["aria-describedby"]=m?B:null):(w["aria-label"]=_?y:null,w["aria-labelledby"]=m&&!_?B:null);const a={...w,...pe,...d.props,className:e.clsx(pe.className,d.props.className),onTouchStart:fe,ref:Fe,...A?{onMouseMove:Ue}:{}};process.env.NODE_ENV!=="production"&&(a["data-mui-internal-clone-element"]=!0,n.useEffect(()=>{i&&!i.getAttribute("data-mui-internal-clone-element")&&console.error(["MUI: The `children` component of the Tooltip is not forwarding its props correctly.","Please make sure that props are spread on the same element that the ref is applied to."].join(`
+`))},[i]));const v={};Se||(a.onTouchStart=ke,a.onTouchEnd=Ae),K||(a.onMouseOver=k(L,a.onMouseOver),a.onMouseLeave=k(z,a.onMouseLeave),U||(v.onMouseOver=L,v.onMouseLeave=z)),xe||(a.onFocus=k(me,a.onFocus),a.onBlur=k(de,a.onBlur),U||(v.onFocus=me,v.onBlur=de)),process.env.NODE_ENV!=="production"&&d.props.title&&console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.",`Remove this title prop \`${d.props.title}\` or the Tooltip component.`].join(`
+`));const h={...l,isRtl:De,arrow:C,disableInteractive:U,placement:te,PopperComponentProp:re,touch:M.current},c=typeof T.popper=="function"?T.popper(h):T.popper,We=n.useMemo(()=>{var u,Te;let t=[{name:"arrow",enabled:!!F,options:{element:F,padding:4}}];return(u=f.popperOptions)!=null&&u.modifiers&&(t=t.concat(f.popperOptions.modifiers)),(Te=c==null?void 0:c.popperOptions)!=null&&Te.modifiers&&(t=t.concat(c.popperOptions.modifiers)),{...f.popperOptions,...c==null?void 0:c.popperOptions,modifiers:t}},[F,f.popperOptions,c==null?void 0:c.popperOptions]),H=no(h),Be=typeof T.transition=="function"?T.transition(h):T.transition,D={slots:{popper:S.Popper,transition:S.Transition??Ne,tooltip:S.Tooltip,arrow:S.Arrow,...$e},slotProps:{arrow:T.arrow??E.arrow,popper:{...f,...c??E.popper},tooltip:T.tooltip??E.tooltip,transition:{...Le,...Be??E.transition}}},[ze,Ve]=I.useSlot("popper",{elementType:io,externalForwardedProps:D,ownerState:h,className:e.clsx(H.popper,f==null?void 0:f.className)}),[_e,He]=I.useSlot("transition",{elementType:ro.Grow,externalForwardedProps:D,ownerState:h}),[Ye,Ge]=I.useSlot("tooltip",{elementType:ao,className:H.tooltip,externalForwardedProps:D,ownerState:h}),[Ke,Xe]=I.useSlot("arrow",{elementType:lo,className:H.arrow,externalForwardedProps:D,ownerState:h,ref:Ie});return g.jsxs(n.Fragment,{children:[n.cloneElement(d,a),g.jsx(ze,{as:re??Pe.Popper,placement:te,anchorEl:A?{getBoundingClientRect:()=>({top:R.y,left:R.x,right:R.x,bottom:R.y,width:0,height:0})}:i,popperRef:V,open:i?m:!1,id:B,transition:!0,...v,...Ve,popperOptions:We,children:({TransitionProps:t})=>g.jsx(_e,{timeout:se.transitions.duration.shorter,...t,...He,children:g.jsxs(Ye,{...Ge,children:[y,C?g.jsx(Ke,{...Xe}):null]})})})]})});process.env.NODE_ENV!=="production"&&(Re.propTypes={arrow:e.PropTypes.bool,children:be.elementAcceptingRef.isRequired,classes:e.PropTypes.object,className:e.PropTypes.string,components:e.PropTypes.shape({Arrow:e.PropTypes.elementType,Popper:e.PropTypes.elementType,Tooltip:e.PropTypes.elementType,Transition:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({arrow:e.PropTypes.object,popper:e.PropTypes.object,tooltip:e.PropTypes.object,transition:e.PropTypes.object}),describeChild:e.PropTypes.bool,disableFocusListener:e.PropTypes.bool,disableHoverListener:e.PropTypes.bool,disableInteractive:e.PropTypes.bool,disableTouchListener:e.PropTypes.bool,enterDelay:e.PropTypes.number,enterNextDelay:e.PropTypes.number,enterTouchDelay:e.PropTypes.number,followCursor:e.PropTypes.bool,id:e.PropTypes.string,leaveDelay:e.PropTypes.number,leaveTouchDelay:e.PropTypes.number,onClose:e.PropTypes.func,onOpen:e.PropTypes.func,open:e.PropTypes.bool,placement:e.PropTypes.oneOf(["bottom-end","bottom-start","bottom","left-end","left-start","left","right-end","right-start","right","top-end","top-start","top"]),PopperComponent:e.PropTypes.elementType,PopperProps:e.PropTypes.object,slotProps:e.PropTypes.shape({arrow:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),popper:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),tooltip:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),transition:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({arrow:e.PropTypes.elementType,popper:e.PropTypes.elementType,tooltip: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]),title:e.PropTypes.node,TransitionComponent:e.PropTypes.elementType,TransitionProps:e.PropTypes.object});exports.Tooltip=Re;exports.getTooltipUtilityClass=ve;exports.tooltipClasses=p;

package/dist/{Typography-Ct2Sc9KM.js → Typography-SIQ6eleU.js}

@@ -1,11 +1,11 @@
 import * as O from "react";
-import { G as j, H as B, I as C, P as r } from "./generateUtilityClasses-EXBFO7eY.js";
-import { i as S } from "./index-BZ7ldAwE.js";
-import { m as w } from "./memoTheme-DJWQ754x.js";
+import { H as j, I as B, G as C, P as r } from "./generateUtilityClasses-DotvgSDH.js";
+import { i as S } from "./index-DTTmpNYg.js";
+import { m as w } from "./memoTheme-CqmIydD-.js";
 import { c as P } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
 import { jsx as W } from "react/jsx-runtime";
-import { u as M, s as R, c as N } from "./DefaultPropsProvider-CQixa6JQ.js";
-import { c } from "./capitalize-BJ0FEsU7.js";
+import { u as M, s as R, c as N } from "./DefaultPropsProvider-Cqcb4sws.js";
+import { c } from "./capitalize-3KLkrEtk.js";
 function D(e) {
   return B("MuiTypography", e);
 }

package/dist/{capitalize-BJ0FEsU7.js → capitalize-3KLkrEtk.js}

@@ -1,4 +1,4 @@
-import { J as e } from "./generateUtilityClasses-EXBFO7eY.js";
+import { J as e } from "./generateUtilityClasses-DotvgSDH.js";
 function o(r) {
   if (typeof r != "string")
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : e(7));

package/dist/components/Alert/Alert.es.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { b as a } from "../../Alert-BCd1tHk0.js";
+import { b as a } from "../../Alert-DdpAZix8.js";
 export {
   a as default
 };

package/dist/components/Alert/index.es.js

@@ -1,4 +1,4 @@
-import { b as o } from "../../Alert-BCd1tHk0.js";
+import { b as o } from "../../Alert-DdpAZix8.js";
 export {
   o as Alert
 };

package/dist/components/Button/Button.es.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { s as e } from "../../DefaultPropsProvider-CQixa6JQ.js";
-import { B as n } from "../../Button-x5rtZxJN.js";
+import { s as e } from "../../DefaultPropsProvider-Cqcb4sws.js";
+import { B as n } from "../../Button-B7kOjNW1.js";
 const i = e(n)(({ color: t, theme: o }) => ({
   minHeight: 38,
   textTransform: "none",

package/dist/components/DatePicker/DatePicker.cjs.js

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime");const e=require("../../DatePicker-64gpvkmk.cjs");module.exports=e.DatePicker;
+"use strict";require("react/jsx-runtime");const e=require("../../DatePicker-DrLKgvkx.cjs");module.exports=e.DatePicker;

package/dist/components/DatePicker/DatePicker.es.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { D as a } from "../../DatePicker-XdCuICxv.js";
+import { D as a } from "../../DatePicker-fFsWvNFc.js";
 export {
   a as default
 };

package/dist/components/DatePicker/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../DatePicker-64gpvkmk.cjs");exports.DatePicker=e.DatePicker;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../DatePicker-DrLKgvkx.cjs");exports.DatePicker=e.DatePicker;

package/dist/components/DatePicker/index.es.js

@@ -1,4 +1,4 @@
-import { D as a } from "../../DatePicker-XdCuICxv.js";
+import { D as a } from "../../DatePicker-fFsWvNFc.js";
 export {
   a as DatePicker
 };

package/dist/components/Dialog/Dialog.cjs.js

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),t=require("../../CloseRounded-BRXBizmR.cjs"),c=require("@mui/material"),u=require("../../Dialog-CgEvhrbZ.cjs"),a=({children:s,showCloseButton:i=!0,...e})=>{const o=()=>{var l;return(l=e.onClose)==null?void 0:l.call(e,{},"escapeKeyDown")};return n.jsxs(u.Dialog,{...e,children:[i?n.jsx(c.IconButton,{"aria-label":"close",onClick:o,sx:{position:"absolute",right:24,top:24},children:n.jsx(t.CloseRounded,{})}):null,s]})};module.exports=a;
+"use strict";const n=require("react/jsx-runtime"),t=require("../../CloseRounded-BRXBizmR.cjs"),c=require("@mui/material"),u=require("../../Dialog-B1wnk5BT.cjs"),a=({children:s,showCloseButton:i=!0,...e})=>{const o=()=>{var l;return(l=e.onClose)==null?void 0:l.call(e,{},"escapeKeyDown")};return n.jsxs(u.Dialog,{...e,children:[i?n.jsx(c.IconButton,{"aria-label":"close",onClick:o,sx:{position:"absolute",right:24,top:24},children:n.jsx(t.CloseRounded,{})}):null,s]})};module.exports=a;

package/dist/components/Dialog/Dialog.es.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import { C as s } from "../../CloseRounded-pP8asZiP.js";
+import { C as s } from "../../CloseRounded-BMEGLs8y.js";
 import { IconButton as t } from "@mui/material";
-import { D as c } from "../../Dialog-C-Ptqtq-.js";
+import { D as c } from "../../Dialog-CKS7yjT5.js";
 const f = ({
   children: e,
   showCloseButton: a = !0,

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

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as e, Fragment as c } from "react/jsx-runtime";
-import { c as t } from "../../createSvgIcon-B62eln-G.js";
-import { u } from "../../index-DcwdJ8a_.js";
-import { S as g } from "../../Stack-Bm7M81n8.js";
-import { T as o } from "../../Typography-Ct2Sc9KM.js";
+import { c as t } from "../../createSvgIcon-K2ZAdASa.js";
+import { u } from "../../index-B1u7G33_.js";
+import { S as g } from "../../Stack-hbAJHQhq.js";
+import { T as o } from "../../Typography-SIQ6eleU.js";
 const f = t(/* @__PURE__ */ r("path", {
   d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z"
 }), "FileUpload"), z = t(/* @__PURE__ */ r("path", {

package/dist/components/EmptyState/EmptyState.es.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { S as l } from "../../Stack-Bm7M81n8.js";
-import { B as g } from "../../Box-GMNejc_m.js";
-import { T as o } from "../../Typography-Ct2Sc9KM.js";
+import { S as l } from "../../Stack-hbAJHQhq.js";
+import { B as g } from "../../Box-DgqaLb7j.js";
+import { T as o } from "../../Typography-SIQ6eleU.js";
 const y = ({
   image: e,
   imageProps: i,

package/dist/components/FileList/FileIcon.es.js

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import { c as e } from "../../createSvgIcon-B62eln-G.js";
+import { c as e } from "../../createSvgIcon-K2ZAdASa.js";
 const t = e(/* @__PURE__ */ c("path", {
   d: "M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2M8 11H4V6h4zm6 0h-4V6h4zm6 0h-4V6h4zM8 18H4v-5h4zm6 0h-4v-5h4zm6 0h-4v-5h4z"
 }), "CalendarViewMonthRounded"), n = e(/* @__PURE__ */ c("path", {

package/dist/components/FileList/FileListItem.es.js

@@ -4,10 +4,10 @@ import w from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
 import { FileIcon as S } from "./FileIcon.es.js";
 import { FileInfosSeparator as h } from "./FileInfosSeparator.es.js";
 import { displaySize as R, displayExtension as v } from "./utils.es.js";
-import { S as a } from "../../Stack-Bm7M81n8.js";
-import { T as p } from "../../Typography-Ct2Sc9KM.js";
-import { c as C } from "../../createSvgIcon-B62eln-G.js";
-import { C as j } from "../../CloseRounded-pP8asZiP.js";
+import { S as a } from "../../Stack-hbAJHQhq.js";
+import { T as p } from "../../Typography-SIQ6eleU.js";
+import { c as C } from "../../createSvgIcon-K2ZAdASa.js";
+import { C as j } from "../../CloseRounded-BMEGLs8y.js";
 const z = C(/* @__PURE__ */ r("path", {
   d: "M16.59 9H15V4c0-.55-.45-1-1-1h-4c-.55 0-1 .45-1 1v5H7.41c-.89 0-1.34 1.08-.71 1.71l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.63-.63.19-1.71-.7-1.71M5 19c0 .55.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1 .45-1 1"
 }), "DownloadRounded"), H = u(b)(

package/dist/components/FolderCard/FolderCard.cjs.js

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),x=require("../../createSvgIcon-DJMYlO0S.cjs"),h=require("../../MoreVert-CxgmXooO.cjs"),s=require("@mui/material"),p=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),c=require("./styles.cjs.js"),d=require("../ResourceCard/style.cjs.js"),i=require("./types.cjs.js"),m=x.createSvgIcon(r.jsx("path",{d:"M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8z"}),"Folder"),j=({isSelected:o=!1,onSelect:n=()=>{},title:u,subtitle:l,width:y,onClick:t=()=>{}})=>{const a=e=>e.key==="Enter"||e.key===" ";return r.jsx(s.Box,{sx:{width:y||"320px"},children:r.jsxs(d.StyledCard,{selected:o,onClick:t,onKeyDown:e=>{a(e)&&(e.preventDefault(),t==null||t())},role:"button",tabIndex:0,"aria-labelledby":"folder-title folder-subtitle","aria-pressed":o,children:[r.jsx(d.SelectedIcon,{onClick:e=>{e.preventDefault(),e.stopPropagation(),n()},onKeyDown:e=>{a(e)&&(e.preventDefault(),e.stopPropagation(),n())},className:"selected-icon",selected:o,role:"button",tabIndex:0,"aria-label":o?"Unselect folder":"Select folder","aria-pressed":o,children:r.jsx(h.MoreVertIcon,{})}),r.jsxs(s.CardContent,{sx:c.FolderBodyStyle,children:[r.jsx(m,{color:"primary",sx:c.FolderIconStyle,"aria-hidden":"true"}),r.jsxs(s.Box,{children:[r.jsx(p,{typographyProps:i.titleTypographyProps,tooltipProps:{placement:"bottom",arrow:!0},children:u}),l&&r.jsx(p,{typographyProps:i.subtitleTypographyProps,tooltipProps:{placement:"bottom",arrow:!0},children:l})]})]})]})})};module.exports=j;

package/dist/components/FolderCard/FolderCard.d.ts

@@ -0,0 +1,10 @@
+export type FolderCardProps = {
+    isSelected?: boolean;
+    onSelect?: () => void;
+    title: string;
+    subtitle?: string;
+    width?: string;
+    onClick?: () => void;
+};
+declare const FolderCard: React.FunctionComponent<FolderCardProps>;
+export default FolderCard;

package/dist/components/FolderCard/FolderCard.es.js

@@ -0,0 +1,80 @@
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { c as m } from "../../createSvgIcon-K2ZAdASa.js";
+import { M as f } from "../../MoreVert-CrM_1EkN.js";
+import { Box as d, CardContent as y } from "@mui/material";
+import s from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
+import { FolderBodyStyle as h, FolderIconStyle as u } from "./styles.es.js";
+import { StyledCard as b, SelectedIcon as x } from "../ResourceCard/style.es.js";
+import { titleTypographyProps as P, subtitleTypographyProps as g } from "./types.es.js";
+const I = m(/* @__PURE__ */ o("path", {
+  d: "M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8z"
+}), "Folder"), B = ({
+  isSelected: e = !1,
+  onSelect: l = () => {
+  },
+  title: i,
+  subtitle: p,
+  width: c,
+  onClick: t = () => {
+  }
+}) => {
+  const n = (r) => r.key === "Enter" || r.key === " ";
+  return /* @__PURE__ */ o(d, { sx: { width: c || "320px" }, children: /* @__PURE__ */ a(
+    b,
+    {
+      selected: e,
+      onClick: t,
+      onKeyDown: (r) => {
+        n(r) && (r.preventDefault(), t == null || t());
+      },
+      role: "button",
+      tabIndex: 0,
+      "aria-labelledby": "folder-title folder-subtitle",
+      "aria-pressed": e,
+      children: [
+        /* @__PURE__ */ o(
+          x,
+          {
+            onClick: (r) => {
+              r.preventDefault(), r.stopPropagation(), l();
+            },
+            onKeyDown: (r) => {
+              n(r) && (r.preventDefault(), r.stopPropagation(), l());
+            },
+            className: "selected-icon",
+            selected: e,
+            role: "button",
+            tabIndex: 0,
+            "aria-label": e ? "Unselect folder" : "Select folder",
+            "aria-pressed": e,
+            children: /* @__PURE__ */ o(f, {})
+          }
+        ),
+        /* @__PURE__ */ a(y, { sx: h, children: [
+          /* @__PURE__ */ o(I, { color: "primary", sx: u, "aria-hidden": "true" }),
+          /* @__PURE__ */ a(d, { children: [
+            /* @__PURE__ */ o(
+              s,
+              {
+                typographyProps: P,
+                tooltipProps: { placement: "bottom", arrow: !0 },
+                children: i
+              }
+            ),
+            p && /* @__PURE__ */ o(
+              s,
+              {
+                typographyProps: g,
+                tooltipProps: { placement: "bottom", arrow: !0 },
+                children: p
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  ) });
+};
+export {
+  B as default
+};

package/dist/components/FolderCard/index.cjs.js

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

package/dist/components/FolderCard/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FolderCard';
+export { default as FolderCard } from './FolderCard';

package/dist/components/FolderCard/index.es.js

@@ -0,0 +1,4 @@
+import { default as d } from "./FolderCard.es.js";
+export {
+  d as FolderCard
+};

package/dist/components/FolderCard/styles.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={display:"flex",padding:"16px !important",width:"100%",alignItems:"center"},t={marginRight:".8rem",fontSize:"2rem"};exports.FolderBodyStyle=e;exports.FolderIconStyle=t;

package/dist/components/FolderCard/styles.d.ts

@@ -0,0 +1,10 @@
+export declare const FolderBodyStyle: {
+    display: string;
+    padding: string;
+    width: string;
+    alignItems: string;
+};
+export declare const FolderIconStyle: {
+    marginRight: string;
+    fontSize: string;
+};

package/dist/components/FolderCard/styles.es.js

@@ -0,0 +1,13 @@
+const e = {
+  display: "flex",
+  padding: "16px !important",
+  width: "100%",
+  alignItems: "center"
+}, t = {
+  marginRight: ".8rem",
+  fontSize: "2rem"
+};
+export {
+  e as FolderBodyStyle,
+  t as FolderIconStyle
+};

package/dist/components/FolderCard/types.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={fontWeight:"700",fontSize:"1.1rem",id:"folder-title"},e={fontWeight:"400",fontSize:".8rem",fontStyle:"italic",id:"folder-subtitle"};exports.subtitleTypographyProps=e;exports.titleTypographyProps=t;

package/dist/components/FolderCard/types.d.ts

@@ -0,0 +1,11 @@
+export declare const titleTypographyProps: {
+    fontWeight: string;
+    fontSize: string;
+    id: string;
+};
+export declare const subtitleTypographyProps: {
+    fontWeight: string;
+    fontSize: string;
+    fontStyle: string;
+    id: string;
+};

package/dist/components/FolderCard/types.es.js

@@ -0,0 +1,14 @@
+const t = {
+  fontWeight: "700",
+  fontSize: "1.1rem",
+  id: "folder-title"
+}, e = {
+  fontWeight: "400",
+  fontSize: ".8rem",
+  fontStyle: "italic",
+  id: "folder-subtitle"
+};
+export {
+  e as subtitleTypographyProps,
+  t as titleTypographyProps
+};

package/dist/components/Heading/Heading.es.js

@@ -1,6 +1,6 @@
 import { jsxs as x, jsx as m } from "react/jsx-runtime";
-import { S } from "../../Stack-Bm7M81n8.js";
-import { T as b } from "../../Typography-Ct2Sc9KM.js";
+import { S } from "../../Stack-hbAJHQhq.js";
+import { T as b } from "../../Typography-SIQ6eleU.js";
 const y = ({
   title: n,
   IconComponent: g,

package/dist/components/ImagePicker/ImagePicker.cjs.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),h=require("../../createSvgIcon-DJMYlO0S.cjs"),v=require("../../Delete-DmeDAs0n.cjs"),o=require("@mui/material"),p=require("react"),C=require("../../index-CVFzneYe.cjs"),w=require("../../Stack-B82ckLGm.cjs"),i=require("../../Typography-DPij13XT.cjs"),g=h.createSvgIcon(e.jsx("path",{d:"M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z"}),"AddPhotoAlternate"),D=h.createSvgIcon(e.jsx("path",{d:"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"}),"Create"),F=()=>e.jsxs(i.Typography,{textAlign:"center",fontSize:"14px",color:"grey.darker",children:[e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"Glissez-déposez"})," ","ou"," ",e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"cliquez"})," ","pour choisir une image"]}),A=()=>e.jsxs(i.Typography,{textAlign:"center",fontSize:"14px",color:"grey.darker",children:[e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"Glissez"})," ","une image"]}),q=({defaultLabel:x=e.jsx(F,{}),dragLabel:m=e.jsx(A,{}),information:n,onFileChange:l=r=>{},width:u="160px",height:j="160px",initialFile:s=null,...y})=>{const[r,c]=p.useState(s);p.useEffect(()=>{c(s)},[s]);const f=t=>{const d=t[0]||null;c(d),l(d)},b=t=>{t.stopPropagation(),c(null),l(null)},k=t=>{t.stopPropagation(),a()},{open:a,getRootProps:z,getInputProps:I,isDragActive:S}=C.useDropzone({...y,maxFiles:1,onDropAccepted:f,accept:{"image/*":[".png",".jpeg",".jpg",".gif"]},noClick:!0});return e.jsxs(w.Stack,{direction:"column",justifyContent:"center",alignItems:"center",width:u,minWidth:"150px",minHeight:"150px",height:j,borderRadius:1,sx:{cursor:"pointer",position:"relative",background:`${!r&&"linear-gradient(180deg, #F5F7F9 0%, #FFF 100%)"}`,border:`${!r&&"1px dashed"}`,borderColor:t=>!r&&t.palette.grey.main},...z({onClick:a}),children:[e.jsx("input",{...I()}),r?e.jsxs(e.Fragment,{children:[e.jsxs(o.Box,{sx:{position:"absolute",top:"0.5rem",right:"0.5rem",display:"flex",gap:"0.3rem"},children:[e.jsx(o.Box,{onClick:k,sx:{backgroundColor:"common.white",display:"flex",borderRadius:"3px",alignItems:"center",justifyContent:"center",boxShadow:1,width:"2rem",height:"2rem",cursor:"pointer","&:hover":{backgroundColor:"grey.darker","& .MuiSvgIcon-root":{fill:t=>t.palette.common.white}}},children:e.jsx(D,{fontSize:"small"})}),e.jsx(o.Box,{onClick:b,sx:{backgroundColor:"common.white",display:"flex",borderRadius:"3px",alignItems:"center",boxShadow:1,justifyContent:"center",width:"2rem",height:"2rem",cursor:"pointer","&:hover":{backgroundColor:"grey.darker","& .MuiSvgIcon-root":{fill:t=>t.palette.common.white}}},children:e.jsx(v.DeleteIcon,{fontSize:"small"})})]}),e.jsx("img",{src:typeof r=="string"?r:URL.createObjectURL(r),alt:typeof r=="string"?r:r.name,style:{width:"100%",height:"100%",maxWidth:"100%",objectFit:"cover",borderRadius:"5px"}})]}):e.jsx(e.Fragment,{children:S?e.jsxs(e.Fragment,{children:[e.jsx(g,{color:"primary",style:{width:"2.5rem",height:"2.5rem"}}),m,n&&e.jsx(i.Typography,{textAlign:"center",fontSize:"12px",color:"grey",children:n})]}):e.jsxs(o.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",padding:"0.5rem",gap:"0.3rem"},children:[e.jsx(g,{color:"primary",style:{width:"2.5rem",height:"2.5rem"}}),x,n&&e.jsx(i.Typography,{textAlign:"center",fontSize:"12px",color:"grey",children:n})]})})]})};module.exports=q;
+"use strict";const e=require("react/jsx-runtime"),l=require("../../createSvgIcon-DJMYlO0S.cjs"),o=require("@mui/material"),h=require("react"),S=require("../../index-CVFzneYe.cjs"),C=require("../../Stack-B82ckLGm.cjs"),c=require("../../Typography-DPij13XT.cjs"),g=l.createSvgIcon(e.jsx("path",{d:"M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z"}),"AddPhotoAlternate"),w=l.createSvgIcon(e.jsx("path",{d:"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"}),"Create"),D=l.createSvgIcon(e.jsx("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"}),"Delete"),F=()=>e.jsxs(c.Typography,{textAlign:"center",fontSize:"14px",color:"grey.darker",children:[e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"Glissez-déposez"})," ","ou"," ",e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"cliquez"})," ","pour choisir une image"]}),A=()=>e.jsxs(c.Typography,{textAlign:"center",fontSize:"14px",color:"grey.darker",children:[e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"Glissez"})," ","une image"]}),P=({defaultLabel:x=e.jsx(F,{}),dragLabel:m=e.jsx(A,{}),information:n,onFileChange:a=t=>{},width:u="160px",height:j="160px",initialFile:s=null,...y})=>{const[t,i]=h.useState(s);h.useEffect(()=>{i(s)},[s]);const f=r=>{const p=r[0]||null;i(p),a(p)},b=r=>{r.stopPropagation(),i(null),a(null)},k=r=>{r.stopPropagation(),d()},{open:d,getRootProps:z,getInputProps:v,isDragActive:I}=S.useDropzone({...y,maxFiles:1,onDropAccepted:f,accept:{"image/*":[".png",".jpeg",".jpg",".gif"]},noClick:!0});return e.jsxs(C.Stack,{direction:"column",justifyContent:"center",alignItems:"center",width:u,minWidth:"150px",minHeight:"150px",height:j,borderRadius:1,sx:{cursor:"pointer",position:"relative",background:`${!t&&"linear-gradient(180deg, #F5F7F9 0%, #FFF 100%)"}`,border:`${!t&&"1px dashed"}`,borderColor:r=>!t&&r.palette.grey.main},...z({onClick:d}),children:[e.jsx("input",{...v()}),t?e.jsxs(e.Fragment,{children:[e.jsxs(o.Box,{sx:{position:"absolute",top:"0.5rem",right:"0.5rem",display:"flex",gap:"0.3rem"},children:[e.jsx(o.Box,{onClick:k,sx:{backgroundColor:"common.white",display:"flex",borderRadius:"3px",alignItems:"center",justifyContent:"center",boxShadow:1,width:"2rem",height:"2rem",cursor:"pointer","&:hover":{backgroundColor:"grey.darker","& .MuiSvgIcon-root":{fill:r=>r.palette.common.white}}},children:e.jsx(w,{fontSize:"small"})}),e.jsx(o.Box,{onClick:b,sx:{backgroundColor:"common.white",display:"flex",borderRadius:"3px",alignItems:"center",boxShadow:1,justifyContent:"center",width:"2rem",height:"2rem",cursor:"pointer","&:hover":{backgroundColor:"grey.darker","& .MuiSvgIcon-root":{fill:r=>r.palette.common.white}}},children:e.jsx(D,{fontSize:"small"})})]}),e.jsx("img",{src:typeof t=="string"?t:URL.createObjectURL(t),alt:typeof t=="string"?t:t.name,style:{width:"100%",height:"100%",maxWidth:"100%",objectFit:"cover",borderRadius:"5px"}})]}):e.jsx(e.Fragment,{children:I?e.jsxs(e.Fragment,{children:[e.jsx(g,{color:"primary",style:{width:"2.5rem",height:"2.5rem"}}),m,n&&e.jsx(c.Typography,{textAlign:"center",fontSize:"12px",color:"grey",children:n})]}):e.jsxs(o.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",padding:"0.5rem",gap:"0.3rem"},children:[e.jsx(g,{color:"primary",style:{width:"2.5rem",height:"2.5rem"}}),x,n&&e.jsx(c.Typography,{textAlign:"center",fontSize:"12px",color:"grey",children:n})]})})]})};module.exports=P;

package/dist/components/ImagePicker/ImagePicker.es.js

@@ -1,16 +1,17 @@
 import { jsx as e, jsxs as o, Fragment as s } from "react/jsx-runtime";
-import { c as g } from "../../createSvgIcon-B62eln-G.js";
-import { D as w } from "../../Delete-BQA9--_t.js";
+import { c as d } from "../../createSvgIcon-K2ZAdASa.js";
 import { Box as n } from "@mui/material";
-import { useState as D, useEffect as A } from "react";
-import { u as j } from "../../index-DcwdJ8a_.js";
-import { S as F } from "../../Stack-Bm7M81n8.js";
-import { T as l } from "../../Typography-Ct2Sc9KM.js";
-const h = g(/* @__PURE__ */ e("path", {
+import { useState as w, useEffect as D } from "react";
+import { u as A } from "../../index-B1u7G33_.js";
+import { S as j } from "../../Stack-hbAJHQhq.js";
+import { T as l } from "../../Typography-SIQ6eleU.js";
+const g = d(/* @__PURE__ */ e("path", {
   d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z"
-}), "AddPhotoAlternate"), P = g(/* @__PURE__ */ e("path", {
+}), "AddPhotoAlternate"), F = d(/* @__PURE__ */ e("path", {
   d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"
-}), "Create"), R = () => /* @__PURE__ */ o(l, { textAlign: "center", fontSize: "14px", color: "grey.darker", children: [
+}), "Create"), P = d(/* @__PURE__ */ e("path", {
+  d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
+}), "Delete"), M = () => /* @__PURE__ */ o(l, { textAlign: "center", fontSize: "14px", color: "grey.darker", children: [
   /* @__PURE__ */ e(n, { component: "span", fontWeight: "bold", children: "Glissez-déposez" }),
   " ",
   "ou",
@@ -18,45 +19,45 @@ const h = g(/* @__PURE__ */ e("path", {
   /* @__PURE__ */ e(n, { component: "span", fontWeight: "bold", children: "cliquez" }),
   " ",
   "pour choisir une image"
-] }), M = () => /* @__PURE__ */ o(l, { textAlign: "center", fontSize: "14px", color: "grey.darker", children: [
+] }), R = () => /* @__PURE__ */ o(l, { textAlign: "center", fontSize: "14px", color: "grey.darker", children: [
   /* @__PURE__ */ e(n, { component: "span", fontWeight: "bold", children: "Glissez" }),
   " ",
   "une image"
-] }), $ = ({
-  defaultLabel: u = /* @__PURE__ */ e(R, {}),
-  dragLabel: x = /* @__PURE__ */ e(M, {}),
+] }), U = ({
+  defaultLabel: u = /* @__PURE__ */ e(M, {}),
+  dragLabel: x = /* @__PURE__ */ e(R, {}),
   information: i,
-  onFileChange: d = (r) => {
+  onFileChange: p = (t) => {
   },
   width: f = "160px",
   height: y = "160px",
   initialFile: c = null,
   ...b
 }) => {
-  const [r, a] = D(
+  const [t, a] = w(
     c
   );
-  A(() => {
+  D(() => {
     a(c);
   }, [c]);
-  const k = (t) => {
-    const m = t[0] || null;
-    a(m), d(m);
-  }, z = (t) => {
-    t.stopPropagation(), a(null), d(null);
-  }, C = (t) => {
-    t.stopPropagation(), p();
-  }, { open: p, getRootProps: I, getInputProps: S, isDragActive: v } = j({
+  const z = (r) => {
+    const m = r[0] || null;
+    a(m), p(m);
+  }, k = (r) => {
+    r.stopPropagation(), a(null), p(null);
+  }, v = (r) => {
+    r.stopPropagation(), h();
+  }, { open: h, getRootProps: C, getInputProps: I, isDragActive: S } = A({
     ...b,
     maxFiles: 1,
-    onDropAccepted: k,
+    onDropAccepted: z,
     accept: {
       "image/*": [".png", ".jpeg", ".jpg", ".gif"]
     },
     noClick: !0
   });
   return /* @__PURE__ */ o(
-    F,
+    j,
     {
       direction: "column",
       justifyContent: "center",
@@ -69,16 +70,16 @@ const h = g(/* @__PURE__ */ e("path", {
       sx: {
         cursor: "pointer",
         position: "relative",
-        background: `${!r && "linear-gradient(180deg, #F5F7F9 0%, #FFF 100%)"}`,
-        border: `${!r && "1px dashed"}`,
-        borderColor: (t) => !r && t.palette.grey.main
+        background: `${!t && "linear-gradient(180deg, #F5F7F9 0%, #FFF 100%)"}`,
+        border: `${!t && "1px dashed"}`,
+        borderColor: (r) => !t && r.palette.grey.main
       },
-      ...I({
-        onClick: p
+      ...C({
+        onClick: h
       }),
       children: [
-        /* @__PURE__ */ e("input", { ...S() }),
-        r ? /* @__PURE__ */ o(s, { children: [
+        /* @__PURE__ */ e("input", { ...I() }),
+        t ? /* @__PURE__ */ o(s, { children: [
           /* @__PURE__ */ o(
             n,
             {
@@ -93,7 +94,7 @@ const h = g(/* @__PURE__ */ e("path", {
                 /* @__PURE__ */ e(
                   n,
                   {
-                    onClick: C,
+                    onClick: v,
                     sx: {
                       backgroundColor: "common.white",
                       display: "flex",
@@ -107,17 +108,17 @@ const h = g(/* @__PURE__ */ e("path", {
                       "&:hover": {
                         backgroundColor: "grey.darker",
                         "& .MuiSvgIcon-root": {
-                          fill: (t) => t.palette.common.white
+                          fill: (r) => r.palette.common.white
                         }
                       }
                     },
-                    children: /* @__PURE__ */ e(P, { fontSize: "small" })
+                    children: /* @__PURE__ */ e(F, { fontSize: "small" })
                   }
                 ),
                 /* @__PURE__ */ e(
                   n,
                   {
-                    onClick: z,
+                    onClick: k,
                     sx: {
                       backgroundColor: "common.white",
                       display: "flex",
@@ -131,11 +132,11 @@ const h = g(/* @__PURE__ */ e("path", {
                       "&:hover": {
                         backgroundColor: "grey.darker",
                         "& .MuiSvgIcon-root": {
-                          fill: (t) => t.palette.common.white
+                          fill: (r) => r.palette.common.white
                         }
                       }
                     },
-                    children: /* @__PURE__ */ e(w, { fontSize: "small" })
+                    children: /* @__PURE__ */ e(P, { fontSize: "small" })
                   }
                 )
               ]
@@ -144,8 +145,8 @@ const h = g(/* @__PURE__ */ e("path", {
           /* @__PURE__ */ e(
             "img",
             {
-              src: typeof r == "string" ? r : URL.createObjectURL(r),
-              alt: typeof r == "string" ? r : r.name,
+              src: typeof t == "string" ? t : URL.createObjectURL(t),
+              alt: typeof t == "string" ? t : t.name,
               style: {
                 width: "100%",
                 height: "100%",
@@ -155,9 +156,9 @@ const h = g(/* @__PURE__ */ e("path", {
               }
             }
           )
-        ] }) : /* @__PURE__ */ e(s, { children: v ? /* @__PURE__ */ o(s, { children: [
+        ] }) : /* @__PURE__ */ e(s, { children: S ? /* @__PURE__ */ o(s, { children: [
           /* @__PURE__ */ e(
-            h,
+            g,
             {
               color: "primary",
               style: {
@@ -180,7 +181,7 @@ const h = g(/* @__PURE__ */ e("path", {
             },
             children: [
               /* @__PURE__ */ e(
-                h,
+                g,
                 {
                   color: "primary",
                   style: {
@@ -199,5 +200,5 @@ const h = g(/* @__PURE__ */ e("path", {
   );
 };
 export {
-  $ as default
+  U as default
 };