@cgi-learning-hub/ui 1.6.0-dev.1747921171 → 1.6.0-dev.1749207390

package/dist/components/stories/TabList.stories.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("react"),o=require("../../Tab-zTI8Z8pR.cjs"),s=t=>{const[a,l]=i.useState("1"),r=(b,n)=>l(n);return e.jsxs(o.TabContext,{value:a,children:[e.jsxs(o.TabList,{...t,onChange:r,"aria-label":"lib tablist example",children:[e.jsx(o.Tab,{label:"Item one",value:"1"}),e.jsx(o.Tab,{label:"Item two",value:"2"}),e.jsx(o.Tab,{label:"Item three",value:"3"})]}),e.jsx(o.TabPanel,{value:"1",children:"Item one"}),e.jsx(o.TabPanel,{value:"2",children:"Item two"}),e.jsx(o.TabPanel,{value:"3",children:"Item three"})]})},c={title:"Components/TabList",component:s,argTypes:{allowScrollButtonsMobile:{control:"boolean"},centered:{control:"boolean"},indicatorColor:{control:"radio",options:["primary","secondary"]},orientation:{control:"radio",options:["horizontal","vertical"]},scrollButtons:{control:"radio",options:["auto",!0,!1]},textColor:{control:"radio",options:["inherit","primary","secondary"]},variant:{control:"radio",options:["fullWidth","scrollable","standard"]},visibleScrollbar:{control:"boolean"}}},u={args:{allowScrollButtonsMobile:!1,centered:!1,indicatorColor:"primary",orientation:"horizontal",scrollButtons:"auto",textColor:"primary",variant:"standard",visibleScrollbar:!1}};exports.Default=u;exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("react"),o=require("../../Tab-DaJQbLHr.cjs"),s=t=>{const[a,l]=i.useState("1"),r=(b,n)=>l(n);return e.jsxs(o.TabContext,{value:a,children:[e.jsxs(o.TabList,{...t,onChange:r,"aria-label":"lib tablist example",children:[e.jsx(o.Tab,{label:"Item one",value:"1"}),e.jsx(o.Tab,{label:"Item two",value:"2"}),e.jsx(o.Tab,{label:"Item three",value:"3"})]}),e.jsx(o.TabPanel,{value:"1",children:"Item one"}),e.jsx(o.TabPanel,{value:"2",children:"Item two"}),e.jsx(o.TabPanel,{value:"3",children:"Item three"})]})},c={title:"Components/TabList",component:s,argTypes:{allowScrollButtonsMobile:{control:"boolean"},centered:{control:"boolean"},indicatorColor:{control:"radio",options:["primary","secondary"]},orientation:{control:"radio",options:["horizontal","vertical"]},scrollButtons:{control:"radio",options:["auto",!0,!1]},textColor:{control:"radio",options:["inherit","primary","secondary"]},variant:{control:"radio",options:["fullWidth","scrollable","standard"]},visibleScrollbar:{control:"boolean"}}},u={args:{allowScrollButtonsMobile:!1,centered:!1,indicatorColor:"primary",orientation:"horizontal",scrollButtons:"auto",textColor:"primary",variant:"standard",visibleScrollbar:!1}};exports.Default=u;exports.default=c;

package/dist/components/stories/TabList.stories.es.js

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { useState as s } from "react";
-import { T as c, a as d, c as t, b as a } from "../../Tab-DXSeiuQu.js";
+import { T as c, a as d, c as t, b as a } from "../../Tab-fionqt7a.js";
 const b = (l) => {
   const [r, n] = s("1");
   return /* @__PURE__ */ e(c, { value: r, children: [

package/dist/components/stories/TextField.stories.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),t=require("../../TextField-C8gcAU1R.cjs"),o=e=>l.jsx(t.TextField,{...e}),r={title:"Components/TextField",component:o,argTypes:{color:{control:"select",options:["primary","secondary","error","info","success","warning"]},disabled:{control:"boolean"},error:{control:"boolean"},fullWidth:{control:"boolean"},helperText:{control:"text"},label:{control:"text"},multiline:{control:"boolean"},placeholder:{control:"text"},variant:{control:"select",options:["standard","outlined","filled"]}},args:{color:"primary",disabled:!1,error:!1,fullWidth:!1,helperText:void 0,label:"Label",multiline:!1,placeholder:void 0,variant:"outlined"}},a={args:{}},n={args:{variant:"filled"}},i={args:{variant:"standard"}},s={args:{disabled:!0}};exports.Default=a;exports.Disabled=s;exports.Filled=n;exports.Standard=i;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),t=require("../../TextField-BD5v4wWW.cjs"),o=e=>l.jsx(t.TextField,{...e}),r={title:"Components/TextField",component:o,argTypes:{color:{control:"select",options:["primary","secondary","error","info","success","warning"]},disabled:{control:"boolean"},error:{control:"boolean"},fullWidth:{control:"boolean"},helperText:{control:"text"},label:{control:"text"},multiline:{control:"boolean"},placeholder:{control:"text"},variant:{control:"select",options:["standard","outlined","filled"]}},args:{color:"primary",disabled:!1,error:!1,fullWidth:!1,helperText:void 0,label:"Label",multiline:!1,placeholder:void 0,variant:"outlined"}},a={args:{}},n={args:{variant:"filled"}},i={args:{variant:"standard"}},s={args:{disabled:!0}};exports.Default=a;exports.Disabled=s;exports.Filled=n;exports.Standard=i;exports.default=r;

package/dist/components/stories/TextField.stories.es.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { T as l } from "../../TextField-EWjMXgtu.js";
+import { T as l } from "../../TextField-CbcJBZMa.js";
 const t = (e) => /* @__PURE__ */ o(l, { ...e }), n = {
   title: "Components/TextField",
   component: t,

package/dist/components/stories/Tooltip.stories.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),e=require("../../Tooltip-DXI1DHeO.cjs"),l=require("../../Button-y1LmxqGA.cjs"),r=o=>t.jsx(e.Tooltip,{...o,children:t.jsx(l.Button,{children:"Hover to display tooltip"})}),n={title:"Components/Tooltip",component:r,argTypes:{arrow:{control:"boolean"},followCursor:{control:"boolean"},placement:{control:"select",options:["bottom-end","bottom-start","bottom","left-end","left-start","left","right-end","right-start","right","top-end","top-start","top"]},title:{control:"text"}}},s={args:{arrow:!1,followCursor:!1,placement:"bottom",title:"Title"}};exports.Default=s;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),e=require("../../Tooltip-B-G3ZA40.cjs"),l=require("../../Button-qSgmSSw2.cjs"),r=o=>t.jsx(e.Tooltip,{...o,children:t.jsx(l.Button,{children:"Hover to display tooltip"})}),n={title:"Components/Tooltip",component:r,argTypes:{arrow:{control:"boolean"},followCursor:{control:"boolean"},placement:{control:"select",options:["bottom-end","bottom-start","bottom","left-end","left-start","left","right-end","right-start","right","top-end","top-start","top"]},title:{control:"text"}}},s={args:{arrow:!1,followCursor:!1,placement:"bottom",title:"Title"}};exports.Default=s;exports.default=n;

package/dist/components/stories/Tooltip.stories.es.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
-import { T as e } from "../../Tooltip-Cl2Ew6vp.js";
-import { B as r } from "../../Button-D974vesA.js";
+import { T as e } from "../../Tooltip-KsV9NFU9.js";
+import { B as r } from "../../Button-WTdCmXYm.js";
 const l = (o) => /* @__PURE__ */ t(e, { ...o, children: /* @__PURE__ */ t(r, { children: "Hover to display tooltip" }) }), i = {
   title: "Components/Tooltip",
   component: l,

package/dist/components/stories/TreeView.stories.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),O=require("../../createSvgIcon-BgBODH2F.cjs"),u=require("react"),h=require("../TreeView/TreeView.cjs.js"),t=require("../TreeView/types.cjs.js"),l=require("../../Box-DYD6q-6M.cjs"),a=require("../../Typography-De-21leI.cjs"),m=require("../../ListItemText-C4HujomF.cjs"),I=require("../../Paper-DWhwBCNx.cjs"),g=require("../../Button-y1LmxqGA.cjs"),P=require("../../Divider-Cshcr5kR.cjs"),N=require("../../Tooltip-DXI1DHeO.cjs"),B=require("../../IconButton-BKwDNYJl.cjs"),L=require("../../List-BH_S4Hqm.cjs"),_=require("../../ListItem-D33t-hkx.cjs"),R=O.createSvgIcon(e.jsx("path",{d:"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2"}),"Bookmark"),D=O.createSvgIcon(e.jsx("path",{d:"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm2 16H8v-2h8zm0-4H8v-2h8zm-3-5V3.5L18.5 9z"}),"Description"),V=O.createSvgIcon(e.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"}),"Info"),q=O.createSvgIcon(e.jsx("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"}),"Person"),F={title:"Components/TreeView",component:h,argTypes:{items:{description:"**[Requis]** Liste des éléments à afficher dans le TreeView.",control:"object",table:{required:!0,type:{summary:"CustomTreeViewItem[]"}}},selectedItemId:{description:"**[Requis]** Identifiant de l'élément sélectionné.",control:"text",table:{required:!0,type:{summary:"string"}}},handleSelectedItemChange:{description:"**[Requis]** Fonction appelée lorsqu'un élément est sélectionné.",table:{required:!0,type:{summary:"(event: React.SyntheticEvent, itemIds: string | null) => void"}}},iconColor:{description:"**[Optionnel]** Couleur des icônes.",control:"select",options:["primary","secondary","success","error","info","warning"],defaultValue:"primary",table:{required:!1,type:{summary:"string"},defaultValue:{summary:"primary"}}},maxHeight:{description:"**[Optionnel]** Hauteur du TreeView avec gestion automatique du défilement.",control:"number",table:{required:!1,type:{summary:"number | string"},defaultValue:{summary:"auto"}}}},parameters:{docs:{description:{component:`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),O=require("../../createSvgIcon-r-LuM8rr.cjs"),u=require("react"),m=require("../TreeView/TreeView.cjs.js"),t=require("../TreeView/types.cjs.js"),l=require("../../Box-xgRKDOV1.cjs"),a=require("../../Typography-CTc5xI5k.cjs"),h=require("../../Grid-D0L0VF_j.cjs"),I=require("../../Paper-Dy4nClba.cjs"),g=require("../../Button-qSgmSSw2.cjs"),R=require("../../Divider-DPIWZuaX.cjs"),B=require("../../Tooltip-B-G3ZA40.cjs"),L=require("../../IconButton-BzvVYvTv.cjs"),_=require("../../List-DNAAO5Md.cjs"),V=require("../../ListItem-DNNO5emo.cjs"),P=require("../../ListItemText-DTJBvetJ.cjs"),Y=O.createSvgIcon(e.jsx("path",{d:"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2"}),"Bookmark"),D=O.createSvgIcon(e.jsx("path",{d:"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm2 16H8v-2h8zm0-4H8v-2h8zm-3-5V3.5L18.5 9z"}),"Description"),q=O.createSvgIcon(e.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"}),"Info"),F=O.createSvgIcon(e.jsx("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"}),"Person"),z={title:"Components/TreeView",component:m,argTypes:{items:{description:"**[Requis]** Liste des éléments à afficher dans le TreeView.",control:"object",table:{required:!0,type:{summary:"CustomTreeViewItem[]"}}},selectedItemId:{description:"**[Requis]** Identifiant de l'élément sélectionné.",control:"text",table:{required:!0,type:{summary:"string"}}},handleSelectedItemChange:{description:"**[Requis]** Fonction appelée lorsqu'un élément est sélectionné.",table:{required:!0,type:{summary:"(event: React.SyntheticEvent, itemIds: string | null) => void"}}},iconColor:{description:"**[Optionnel]** Couleur des icônes.",control:"select",options:["primary","secondary","success","error","info","warning"],defaultValue:"primary",table:{required:!1,type:{summary:"string"},defaultValue:{summary:"primary"}}},maxHeight:{description:"**[Optionnel]** Hauteur du TreeView avec gestion automatique du défilement.",control:"number",table:{required:!1,type:{summary:"number | string"},defaultValue:{summary:"auto"}}}},parameters:{docs:{description:{component:`
 ## TreeView
 
 Un composant pour afficher des données hiérarchiques sous forme d'arborescence.
@@ -47,7 +47,7 @@ interface CustomTreeViewItemProps {
 
 type CustomTreeViewItem = TreeViewBaseItem<CustomTreeViewItemProps>;
 \`\`\`
-        `}}}},w=i=>{const n=[],o=s=>{n.push(s),s.children&&s.children.forEach(r=>o(r))};return i.forEach(s=>o(s)),n},z=({items:i,selectedItemId:n,onItemSelect:o})=>{const s=w(i);return e.jsxs(I.Paper,{sx:{width:"100%",maxHeight:300,overflow:"auto"},children:[e.jsx(a.Typography,{variant:"h6",sx:{p:2},children:"Sélection externe"}),e.jsx(P.Divider,{}),e.jsx(L.List,{children:s.map(r=>e.jsx(_.ListItem,{disablePadding:!0,children:e.jsx(m.ListItemButton,{selected:n===r.internalId,onClick:()=>o(r.internalId),children:e.jsx(m.ListItemText,{primary:r.label})})},r.internalId))})]})},k=({items:i,onRandomSelect:n})=>{const o=w(i),s=()=>{const r=Math.floor(Math.random()*o.length);n(o[r].internalId)};return e.jsx(l.Box,{sx:{mt:2,mb:2},children:e.jsx(g.Button,{variant:"contained",color:"primary",onClick:s,children:"Sélection aléatoire"})})},H=({id:i,label:n})=>e.jsx(l.Box,{draggable:!0,onDragStart:o=>{o.dataTransfer.setData("application/json",JSON.stringify({id:i,label:n}))},sx:{padding:1,margin:1,backgroundColor:"grey.100",borderRadius:1,display:"inline-block",cursor:"grab","&:hover":{backgroundColor:"grey.200"}},children:e.jsxs(a.Typography,{variant:"body2",display:"flex",alignItems:"center",children:[e.jsx(D,{fontSize:"small",sx:{mr:1}}),n]})}),j=[{internalId:"documents",label:"Mes formulaires",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"folder1",label:"Premier dossier",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"subfolder1",label:"Sous-dossier 1",iconType:t.ICON_TYPE.FOLDER},{internalId:"subfolder2",label:"Sous-dossier 2",iconType:t.ICON_TYPE.FOLDER}]},{internalId:"folder2",label:"Deuxième dossier",iconType:t.ICON_TYPE.FOLDER},{internalId:"folder3",label:"Troisième dossier",iconType:t.ICON_TYPE.FOLDER}]},{internalId:"shared",label:"Formulaires partagés avec moi",iconType:t.ICON_TYPE.SHARE},{internalId:"trash",label:"Corbeille",iconType:t.ICON_TYPE.TRASH}],Y=[{internalId:"bookmarks",label:"Favoris",iconType:R,children:[{internalId:"important",label:"Important",iconType:t.ICON_TYPE.CUSTOM,customIcon:q}]},...j],S=[{internalId:"documents",label:"Documents",iconType:t.ICON_TYPE.SHARE,children:[{internalId:"reports",label:"Rapports",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"report1",label:"Rapport Janvier",iconType:t.ICON_TYPE.FOLDER},{internalId:"report2",label:"Rapport Février",iconType:t.ICON_TYPE.FOLDER},{internalId:"report3",label:"Rapport Mars",iconType:t.ICON_TYPE.FOLDER}]},{internalId:"invoices",label:"Factures",iconType:t.ICON_TYPE.FOLDER}]},{internalId:"media",label:"Médias",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"images",label:"Images",iconType:t.ICON_TYPE.FOLDER},{internalId:"videos",label:"Vidéos",iconType:t.ICON_TYPE.FOLDER}]},{internalId:"downloads",label:"Téléchargements",iconType:t.ICON_TYPE.FOLDER}],A={render:()=>{const[i,n]=u.useState(""),o=u.useCallback((s,r)=>{console.log(`Élément sélectionné: ${r}`),r&&n(r)},[]);return e.jsx(l.Box,{sx:{maxWidth:300,overflowY:"hidden"},children:e.jsx(h,{items:j,selectedItemId:i,handleSelectedItemChange:o})})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Exemple de base avec des icônes standard et démonstration de sélection."}}}},M={args:{items:j,selectedItemId:"folder1",handleSelectedItemChange:(i,n)=>{console.log(`Élément sélectionné: ${n}`)},iconColor:"success"},render:i=>e.jsx(l.Box,{sx:{maxWidth:300,overflowY:"hidden"},children:e.jsx(h,{...i})}),parameters:{docs:{description:{story:"Cette story permet de contrôler les propriétés du TreeView directement via le panneau de contrôle de Storybook. Essayez de changer la couleur des icônes pour voir l'effet en temps réel."}}}},$={render:()=>{const[i,n]=u.useState("bookmarks"),o=u.useCallback((s,r)=>{console.log(`Élément sélectionné: ${r}`),r&&n(r)},[]);return e.jsx(l.Box,{sx:{maxWidth:300,overflowY:"hidden"},children:e.jsx(h,{items:Y,selectedItemId:i,handleSelectedItemChange:o})})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Exemple utilisant à la fois des icônes prédéfinies et des icônes personnalisées."}}}},G={render:()=>{const[i,n]=u.useState("item1"),o=u.useCallback((s,r)=>{console.log(`Élément sélectionné: ${r}`),r&&n(r)},[]);return e.jsx(l.Box,{sx:{maxWidth:300,overflowY:"hidden"},children:e.jsx(h,{items:Y,selectedItemId:i,handleSelectedItemChange:o,hasNoIcons:!0})})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Exemple d'arborescence sans icônes, utilisant la prop hasNoIcons."}}}},U={render:()=>{const i=[{internalId:"root",label:"Structure imbriquée complexe",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"level1-1",label:"Niveau 1.1",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"level2-1",label:"Niveau 2.1",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"level3-1V",label:"VOUS M'AVEZ TROUVÉ HIHIHI",iconType:t.ICON_TYPE.FOLDER},{internalId:"level3-2",label:"Niveau 3.2",iconType:t.ICON_TYPE.SHARE}]},{internalId:"level2-2",label:"Niveau 2.2",iconType:t.ICON_TYPE.TRASH}]},{internalId:"level1-2",label:"Niveau 1.2",iconType:t.ICON_TYPE.CUSTOM,customIcon:R}]}],[n,o]=u.useState("level2-1"),s=u.useCallback((r,d)=>{console.log(`Élément sélectionné: ${d}`),d&&o(d)},[]);return e.jsx(l.Box,{sx:{maxWidth:400,overflowY:"hidden"},children:e.jsx(h,{items:i,selectedItemId:n,handleSelectedItemChange:s})})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Exemple d'une structure profondément imbriquée."}}}},W={render:()=>{const i=["primary","secondary","info"],[n,o]=u.useState({primary:"",secondary:"",info:""});return e.jsx(l.Box,{sx:{display:"flex",flexDirection:"row",gap:3,overflowY:"hidden"},children:i.map(s=>e.jsxs(l.Box,{sx:{maxWidth:250,overflowY:"hidden"},children:[e.jsxs(a.Typography,{variant:"subtitle2",gutterBottom:!0,children:["Icônes ",s]}),e.jsx(h,{items:j,selectedItemId:n[s],handleSelectedItemChange:(r,d)=>{d&&o(p=>({...p,[s]:d}))},iconColor:s})]},s))})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Démonstration des principales options de couleurs disponibles pour les icônes."}}}},J={render:()=>{const i=()=>{var p,y;const d=[];for(let x=1;x<=5;x++){const f={internalId:`main-folder-${x}`,label:`Dossier principal ${x}`,iconType:t.ICON_TYPE.FOLDER,children:[]};for(let c=1;c<=10;c++){const T={internalId:`subfolder-${x}-${c}`,label:`Sous-dossier ${x}.${c}`,iconType:t.ICON_TYPE.FOLDER,children:[]};for(let b=1;b<=5;b++)(p=T.children)==null||p.push({internalId:`item-${x}-${c}-${b}`,label:`Élément ${x}.${c}.${b}`,iconType:t.ICON_TYPE.CUSTOM,customIcon:D});(y=f.children)==null||y.push(T)}d.push(f)}return d},[n,o]=u.useState(""),s=i(),r=u.useCallback((d,p)=>{p&&o(p)},[]);return e.jsxs(l.Box,{children:[e.jsx(a.Typography,{variant:"h6",gutterBottom:!0,children:"TreeView avec hauteur limitée et défilement vertical"}),e.jsxs(m.Grid,{container:!0,spacing:3,children:[e.jsx(m.Grid,{size:{xs:12,md:6},children:e.jsxs(I.Paper,{sx:{p:2},children:[e.jsx(a.Typography,{variant:"subtitle2",gutterBottom:!0,children:"Hauteur maximale de 300px avec overflow"}),e.jsxs(l.Box,{sx:{border:"1px solid #e0e0e0",borderRadius:1},children:[e.jsx(h,{items:s,selectedItemId:n,handleSelectedItemChange:r,maxHeight:300}),e.jsx(l.Box,{sx:{p:2,bgcolor:"primary.light",color:"primary.contrastText",borderTop:"1px solid #e0e0e0"},children:e.jsx(a.Typography,{variant:"body2",children:"Cet élément reste collé sous le TreeView, même avec défilement"})})]})]})}),e.jsx(m.Grid,{size:{xs:12,md:6},children:e.jsxs(I.Paper,{sx:{p:2},children:[e.jsx(a.Typography,{variant:"subtitle2",gutterBottom:!0,children:"Hauteur maximale de 500px avec overflow"}),e.jsxs(l.Box,{sx:{border:"1px solid #e0e0e0",borderRadius:1},children:[e.jsx(h,{items:s,selectedItemId:n,handleSelectedItemChange:r,maxHeight:500}),e.jsxs(l.Box,{sx:{display:"flex",justifyContent:"space-between",p:1.5,bgcolor:"background.default",borderTop:"1px solid #e0e0e0"},children:[e.jsx(g.Button,{size:"small",variant:"outlined",children:"Annuler"}),e.jsx(g.Button,{size:"small",variant:"contained",children:"Confirmer"})]})]})]})})]}),e.jsx(l.Box,{mt:4,children:e.jsxs(I.Paper,{sx:{p:2},children:[e.jsx(a.Typography,{variant:"subtitle2",gutterBottom:!0,children:"TreeView expansé manuellement"}),e.jsxs(l.Box,{sx:{display:"flex",mb:2},children:[e.jsx(g.Button,{variant:"outlined",onClick:()=>o("subfolder-1-1"),sx:{mr:1},children:"Sélectionner Sous-dossier 1.1"}),e.jsx(g.Button,{variant:"outlined",onClick:()=>o("item-3-5-2"),children:"Sélectionner Élément 3.5.2"})]}),e.jsxs(l.Box,{sx:{borderRadius:1,border:"1px solid #e0e0e0"},children:[e.jsx(h,{items:s,selectedItemId:n,handleSelectedItemChange:r,maxHeight:400}),e.jsx(P.Divider,{}),e.jsxs(l.Box,{sx:{p:2,display:"flex",alignItems:"center"},children:[e.jsx(a.Typography,{variant:"body2",sx:{flexGrow:1},children:n?`Élément sélectionné: ${n}`:"Aucun élément sélectionné"}),e.jsx(N.Tooltip,{title:"Ce bandeau reste fixé sous l'arborescence",children:e.jsx(B.IconButton,{size:"small",color:"info",children:e.jsx(V,{fontSize:"small"})})})]})]})]})})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Cette story démontre l'utilisation de la prop `maxHeight` pour contrôler la hauteur maximale du TreeView. Elle permet de vérifier le comportement du défilement (overflow) lorsque le contenu dépasse la hauteur définie. Des éléments sont placés en dessous de chaque TreeView pour montrer que ceux-ci restent bien collés, tandis que seul le contenu de l'arborescence défile."}}}},X={render:()=>{const[i,n]=u.useState("reports"),o=(d,p)=>{console.log("TreeView sélection:",p),p&&n(p)},s=d=>{console.log("Sélection externe:",d),n(d)},r=()=>{const p=w(S).find(y=>y.internalId===i);return p?p.label:"Aucun élément sélectionné"};return e.jsxs(l.Box,{sx:{width:"100%",overflowY:"hidden"},children:[e.jsxs(a.Typography,{variant:"subtitle1",gutterBottom:!0,children:["Élément sélectionné: ",e.jsx("strong",{children:r()})," (ID:"," ",i,")"]}),e.jsx(k,{items:S,onRandomSelect:s}),e.jsxs(m.Grid,{container:!0,spacing:3,sx:{overflowY:"hidden"},children:[e.jsx(m.Grid,{size:{xs:12,md:6},children:e.jsxs(I.Paper,{sx:{p:2,overflowY:"hidden"},children:[e.jsx(a.Typography,{variant:"h6",gutterBottom:!0,children:"TreeView"}),e.jsx(h,{items:S,selectedItemId:i,handleSelectedItemChange:o})]})}),e.jsx(m.Grid,{size:{xs:12,md:6},children:e.jsx(z,{items:S,selectedItemId:i,onItemSelect:s})})]})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Démonstration de la synchronisation entre le TreeView et d'autres composants. Cette story montre comment le TreeView peut être intégré dans une interface complexe où la sélection peut provenir de différentes sources mais reste synchronisée."}}}},Z={render:()=>{var x,f;const[i,n]=u.useState([...j]),[o,s]=u.useState("folder1"),[r,d]=u.useState(null),p=[{id:"doc1",label:"Document 1"},{id:"doc2",label:"Document 2"},{id:"doc3",label:"Document 3"}],y=c=>{c.preventDefault();const T=c.target,b=T.closest("[data-treeview-item]");let v=null,E=null;b?(v=b.getAttribute("data-treeview-item"),E=b.getAttribute("data-treeview-item-label")):T.closest("[data-treeview-root]")&&(v=null,E="Racine du TreeView");try{const C=JSON.parse(c.dataTransfer.getData("application/json"));d({itemId:v,itemLabel:E,droppedItem:C}),v&&s(v)}catch(C){console.error("Erreur lors de la récupération des données",C)}};return e.jsxs(l.Box,{sx:{maxWidth:700,overflowY:"hidden"},children:[e.jsx(a.Typography,{variant:"h6",gutterBottom:!0,children:"Exemple de Drag & Drop avec le TreeView"}),e.jsx(a.Typography,{variant:"body2",gutterBottom:!0,children:"Glissez-déposez un des documents ci-dessous sur un élément du TreeView."}),e.jsx(l.Box,{sx:{display:"flex",mb:2},children:p.map(c=>e.jsx(H,{id:c.id,label:c.label},c.id))}),e.jsxs(m.Grid,{container:!0,spacing:3,children:[e.jsx(m.Grid,{size:{xs:12,md:6},children:e.jsxs(l.Box,{sx:{p:2,border:"1px dashed gray",borderRadius:1,minHeight:300,overflowY:"hidden",backgroundColor:"background.paper"},onDragOver:c=>c.preventDefault(),onDrop:y,children:[e.jsx(a.Typography,{variant:"subtitle1",gutterBottom:!0,children:"Zone de drop"}),e.jsx(h,{items:i,selectedItemId:o,handleSelectedItemChange:(c,T)=>{T&&s(T)}})]})}),e.jsx(m.Grid,{size:{xs:12,md:6},children:e.jsxs(I.Paper,{sx:{p:2,minHeight:300},children:[e.jsx(a.Typography,{variant:"subtitle1",gutterBottom:!0,children:"Informations du dernier drop"}),r?e.jsxs(l.Box,{children:[e.jsxs(a.Typography,{variant:"body2",children:[e.jsx("strong",{children:"Élément cible :"})," ",r.itemLabel," ",r.itemId&&`(ID: ${r.itemId})`]}),e.jsxs(a.Typography,{variant:"body2",children:[e.jsx("strong",{children:"Élément déposé :"})," ",(x=r.droppedItem)==null?void 0:x.label," (ID:"," ",(f=r.droppedItem)==null?void 0:f.id,")"]}),e.jsxs(l.Box,{sx:{mt:2},children:[e.jsx(a.Typography,{variant:"body2",children:e.jsx("strong",{children:"Code pour gérer ce drop :"})}),e.jsx(I.Paper,{sx:{p:1,mt:1,backgroundColor:"grey.100"},children:e.jsx("pre",{style:{margin:0,fontSize:"0.8rem",whiteSpace:"pre-wrap"},children:`// Dans votre gestionnaire d'événements
+        `}}}},w=i=>{const n=[],o=s=>{n.push(s),s.children&&s.children.forEach(r=>o(r))};return i.forEach(s=>o(s)),n},k=({items:i,selectedItemId:n,onItemSelect:o})=>{const s=w(i);return e.jsxs(I.Paper,{sx:{width:"100%",maxHeight:300,overflow:"auto"},children:[e.jsx(a.Typography,{variant:"h6",sx:{p:2},children:"Sélection externe"}),e.jsx(R.Divider,{}),e.jsx(_.List,{children:s.map(r=>e.jsx(V.ListItem,{disablePadding:!0,children:e.jsx(P.ListItemButton,{selected:n===r.internalId,onClick:()=>o(r.internalId),children:e.jsx(P.ListItemText,{primary:r.label})})},r.internalId))})]})},H=({items:i,onRandomSelect:n})=>{const o=w(i),s=()=>{const r=Math.floor(Math.random()*o.length);n(o[r].internalId)};return e.jsx(l.Box,{sx:{mt:2,mb:2},children:e.jsx(g.Button,{variant:"contained",color:"primary",onClick:s,children:"Sélection aléatoire"})})},A=({id:i,label:n})=>e.jsx(l.Box,{draggable:!0,onDragStart:o=>{o.dataTransfer.setData("application/json",JSON.stringify({id:i,label:n}))},sx:{padding:1,margin:1,backgroundColor:"grey.100",borderRadius:1,display:"inline-block",cursor:"grab","&:hover":{backgroundColor:"grey.200"}},children:e.jsxs(a.Typography,{variant:"body2",display:"flex",alignItems:"center",children:[e.jsx(D,{fontSize:"small",sx:{mr:1}}),n]})}),j=[{internalId:"documents",label:"Mes formulaires",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"folder1",label:"Premier dossier",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"subfolder1",label:"Sous-dossier 1",iconType:t.ICON_TYPE.FOLDER},{internalId:"subfolder2",label:"Sous-dossier 2",iconType:t.ICON_TYPE.FOLDER}]},{internalId:"folder2",label:"Deuxième dossier",iconType:t.ICON_TYPE.FOLDER},{internalId:"folder3",label:"Troisième dossier",iconType:t.ICON_TYPE.FOLDER}]},{internalId:"shared",label:"Formulaires partagés avec moi",iconType:t.ICON_TYPE.SHARE},{internalId:"trash",label:"Corbeille",iconType:t.ICON_TYPE.TRASH}],N=[{internalId:"bookmarks",label:"Favoris",iconType:Y,children:[{internalId:"important",label:"Important",iconType:t.ICON_TYPE.CUSTOM,customIcon:F}]},...j],S=[{internalId:"documents",label:"Documents",iconType:t.ICON_TYPE.SHARE,children:[{internalId:"reports",label:"Rapports",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"report1",label:"Rapport Janvier",iconType:t.ICON_TYPE.FOLDER},{internalId:"report2",label:"Rapport Février",iconType:t.ICON_TYPE.FOLDER},{internalId:"report3",label:"Rapport Mars",iconType:t.ICON_TYPE.FOLDER}]},{internalId:"invoices",label:"Factures",iconType:t.ICON_TYPE.FOLDER}]},{internalId:"media",label:"Médias",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"images",label:"Images",iconType:t.ICON_TYPE.FOLDER},{internalId:"videos",label:"Vidéos",iconType:t.ICON_TYPE.FOLDER}]},{internalId:"downloads",label:"Téléchargements",iconType:t.ICON_TYPE.FOLDER}],M={render:()=>{const[i,n]=u.useState(""),o=u.useCallback((s,r)=>{console.log(`Élément sélectionné: ${r}`),r&&n(r)},[]);return e.jsx(l.Box,{sx:{maxWidth:300,overflowY:"hidden"},children:e.jsx(m,{items:j,selectedItemId:i,handleSelectedItemChange:o})})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Exemple de base avec des icônes standard et démonstration de sélection."}}}},$={args:{items:j,selectedItemId:"folder1",handleSelectedItemChange:(i,n)=>{console.log(`Élément sélectionné: ${n}`)},iconColor:"success"},render:i=>e.jsx(l.Box,{sx:{maxWidth:300,overflowY:"hidden"},children:e.jsx(m,{...i})}),parameters:{docs:{description:{story:"Cette story permet de contrôler les propriétés du TreeView directement via le panneau de contrôle de Storybook. Essayez de changer la couleur des icônes pour voir l'effet en temps réel."}}}},G={render:()=>{const[i,n]=u.useState("bookmarks"),o=u.useCallback((s,r)=>{console.log(`Élément sélectionné: ${r}`),r&&n(r)},[]);return e.jsx(l.Box,{sx:{maxWidth:300,overflowY:"hidden"},children:e.jsx(m,{items:N,selectedItemId:i,handleSelectedItemChange:o})})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Exemple utilisant à la fois des icônes prédéfinies et des icônes personnalisées."}}}},U={render:()=>{const[i,n]=u.useState("item1"),o=u.useCallback((s,r)=>{console.log(`Élément sélectionné: ${r}`),r&&n(r)},[]);return e.jsx(l.Box,{sx:{maxWidth:300,overflowY:"hidden"},children:e.jsx(m,{items:N,selectedItemId:i,handleSelectedItemChange:o,hasNoIcons:!0})})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Exemple d'arborescence sans icônes, utilisant la prop hasNoIcons."}}}},W={render:()=>{const i=[{internalId:"root",label:"Structure imbriquée complexe",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"level1-1",label:"Niveau 1.1",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"level2-1",label:"Niveau 2.1",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"level3-1V",label:"VOUS M'AVEZ TROUVÉ HIHIHI",iconType:t.ICON_TYPE.FOLDER},{internalId:"level3-2",label:"Niveau 3.2",iconType:t.ICON_TYPE.SHARE}]},{internalId:"level2-2",label:"Niveau 2.2",iconType:t.ICON_TYPE.TRASH}]},{internalId:"level1-2",label:"Niveau 1.2",iconType:t.ICON_TYPE.CUSTOM,customIcon:Y}]}],[n,o]=u.useState("level2-1"),s=u.useCallback((r,d)=>{console.log(`Élément sélectionné: ${d}`),d&&o(d)},[]);return e.jsx(l.Box,{sx:{maxWidth:400,overflowY:"hidden"},children:e.jsx(m,{items:i,selectedItemId:n,handleSelectedItemChange:s})})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Exemple d'une structure profondément imbriquée."}}}},J={render:()=>{const i=["primary","secondary","info"],[n,o]=u.useState({primary:"",secondary:"",info:""});return e.jsx(l.Box,{sx:{display:"flex",flexDirection:"row",gap:3,overflowY:"hidden"},children:i.map(s=>e.jsxs(l.Box,{sx:{maxWidth:250,overflowY:"hidden"},children:[e.jsxs(a.Typography,{variant:"subtitle2",gutterBottom:!0,children:["Icônes ",s]}),e.jsx(m,{items:j,selectedItemId:n[s],handleSelectedItemChange:(r,d)=>{d&&o(p=>({...p,[s]:d}))},iconColor:s})]},s))})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Démonstration des principales options de couleurs disponibles pour les icônes."}}}},X={render:()=>{const i=()=>{var p,y;const d=[];for(let x=1;x<=5;x++){const f={internalId:`main-folder-${x}`,label:`Dossier principal ${x}`,iconType:t.ICON_TYPE.FOLDER,children:[]};for(let c=1;c<=10;c++){const T={internalId:`subfolder-${x}-${c}`,label:`Sous-dossier ${x}.${c}`,iconType:t.ICON_TYPE.FOLDER,children:[]};for(let b=1;b<=5;b++)(p=T.children)==null||p.push({internalId:`item-${x}-${c}-${b}`,label:`Élément ${x}.${c}.${b}`,iconType:t.ICON_TYPE.CUSTOM,customIcon:D});(y=f.children)==null||y.push(T)}d.push(f)}return d},[n,o]=u.useState(""),s=i(),r=u.useCallback((d,p)=>{p&&o(p)},[]);return e.jsxs(l.Box,{children:[e.jsx(a.Typography,{variant:"h6",gutterBottom:!0,children:"TreeView avec hauteur limitée et défilement vertical"}),e.jsxs(h.Grid,{container:!0,spacing:3,children:[e.jsx(h.Grid,{size:{xs:12,md:6},children:e.jsxs(I.Paper,{sx:{p:2},children:[e.jsx(a.Typography,{variant:"subtitle2",gutterBottom:!0,children:"Hauteur maximale de 300px avec overflow"}),e.jsxs(l.Box,{sx:{border:"1px solid #e0e0e0",borderRadius:1},children:[e.jsx(m,{items:s,selectedItemId:n,handleSelectedItemChange:r,maxHeight:300}),e.jsx(l.Box,{sx:{p:2,bgcolor:"primary.light",color:"primary.contrastText",borderTop:"1px solid #e0e0e0"},children:e.jsx(a.Typography,{variant:"body2",children:"Cet élément reste collé sous le TreeView, même avec défilement"})})]})]})}),e.jsx(h.Grid,{size:{xs:12,md:6},children:e.jsxs(I.Paper,{sx:{p:2},children:[e.jsx(a.Typography,{variant:"subtitle2",gutterBottom:!0,children:"Hauteur maximale de 500px avec overflow"}),e.jsxs(l.Box,{sx:{border:"1px solid #e0e0e0",borderRadius:1},children:[e.jsx(m,{items:s,selectedItemId:n,handleSelectedItemChange:r,maxHeight:500}),e.jsxs(l.Box,{sx:{display:"flex",justifyContent:"space-between",p:1.5,bgcolor:"background.default",borderTop:"1px solid #e0e0e0"},children:[e.jsx(g.Button,{size:"small",variant:"outlined",children:"Annuler"}),e.jsx(g.Button,{size:"small",variant:"contained",children:"Confirmer"})]})]})]})})]}),e.jsx(l.Box,{mt:4,children:e.jsxs(I.Paper,{sx:{p:2},children:[e.jsx(a.Typography,{variant:"subtitle2",gutterBottom:!0,children:"TreeView expansé manuellement"}),e.jsxs(l.Box,{sx:{display:"flex",mb:2},children:[e.jsx(g.Button,{variant:"outlined",onClick:()=>o("subfolder-1-1"),sx:{mr:1},children:"Sélectionner Sous-dossier 1.1"}),e.jsx(g.Button,{variant:"outlined",onClick:()=>o("item-3-5-2"),children:"Sélectionner Élément 3.5.2"})]}),e.jsxs(l.Box,{sx:{borderRadius:1,border:"1px solid #e0e0e0"},children:[e.jsx(m,{items:s,selectedItemId:n,handleSelectedItemChange:r,maxHeight:400}),e.jsx(R.Divider,{}),e.jsxs(l.Box,{sx:{p:2,display:"flex",alignItems:"center"},children:[e.jsx(a.Typography,{variant:"body2",sx:{flexGrow:1},children:n?`Élément sélectionné: ${n}`:"Aucun élément sélectionné"}),e.jsx(B.Tooltip,{title:"Ce bandeau reste fixé sous l'arborescence",children:e.jsx(L.IconButton,{size:"small",color:"info",children:e.jsx(q,{fontSize:"small"})})})]})]})]})})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Cette story démontre l'utilisation de la prop `maxHeight` pour contrôler la hauteur maximale du TreeView. Elle permet de vérifier le comportement du défilement (overflow) lorsque le contenu dépasse la hauteur définie. Des éléments sont placés en dessous de chaque TreeView pour montrer que ceux-ci restent bien collés, tandis que seul le contenu de l'arborescence défile."}}}},Z={render:()=>{const[i,n]=u.useState("reports"),o=(d,p)=>{console.log("TreeView sélection:",p),p&&n(p)},s=d=>{console.log("Sélection externe:",d),n(d)},r=()=>{const p=w(S).find(y=>y.internalId===i);return p?p.label:"Aucun élément sélectionné"};return e.jsxs(l.Box,{sx:{width:"100%",overflowY:"hidden"},children:[e.jsxs(a.Typography,{variant:"subtitle1",gutterBottom:!0,children:["Élément sélectionné: ",e.jsx("strong",{children:r()})," (ID:"," ",i,")"]}),e.jsx(H,{items:S,onRandomSelect:s}),e.jsxs(h.Grid,{container:!0,spacing:3,sx:{overflowY:"hidden"},children:[e.jsx(h.Grid,{size:{xs:12,md:6},children:e.jsxs(I.Paper,{sx:{p:2,overflowY:"hidden"},children:[e.jsx(a.Typography,{variant:"h6",gutterBottom:!0,children:"TreeView"}),e.jsx(m,{items:S,selectedItemId:i,handleSelectedItemChange:o})]})}),e.jsx(h.Grid,{size:{xs:12,md:6},children:e.jsx(k,{items:S,selectedItemId:i,onItemSelect:s})})]})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Démonstration de la synchronisation entre le TreeView et d'autres composants. Cette story montre comment le TreeView peut être intégré dans une interface complexe où la sélection peut provenir de différentes sources mais reste synchronisée."}}}},Q={render:()=>{var x,f;const[i,n]=u.useState([...j]),[o,s]=u.useState("folder1"),[r,d]=u.useState(null),p=[{id:"doc1",label:"Document 1"},{id:"doc2",label:"Document 2"},{id:"doc3",label:"Document 3"}],y=c=>{c.preventDefault();const T=c.target,b=T.closest("[data-treeview-item]");let v=null,E=null;b?(v=b.getAttribute("data-treeview-item"),E=b.getAttribute("data-treeview-item-label")):T.closest("[data-treeview-root]")&&(v=null,E="Racine du TreeView");try{const C=JSON.parse(c.dataTransfer.getData("application/json"));d({itemId:v,itemLabel:E,droppedItem:C}),v&&s(v)}catch(C){console.error("Erreur lors de la récupération des données",C)}};return e.jsxs(l.Box,{sx:{maxWidth:700,overflowY:"hidden"},children:[e.jsx(a.Typography,{variant:"h6",gutterBottom:!0,children:"Exemple de Drag & Drop avec le TreeView"}),e.jsx(a.Typography,{variant:"body2",gutterBottom:!0,children:"Glissez-déposez un des documents ci-dessous sur un élément du TreeView."}),e.jsx(l.Box,{sx:{display:"flex",mb:2},children:p.map(c=>e.jsx(A,{id:c.id,label:c.label},c.id))}),e.jsxs(h.Grid,{container:!0,spacing:3,children:[e.jsx(h.Grid,{size:{xs:12,md:6},children:e.jsxs(l.Box,{sx:{p:2,border:"1px dashed gray",borderRadius:1,minHeight:300,overflowY:"hidden",backgroundColor:"background.paper"},onDragOver:c=>c.preventDefault(),onDrop:y,children:[e.jsx(a.Typography,{variant:"subtitle1",gutterBottom:!0,children:"Zone de drop"}),e.jsx(m,{items:i,selectedItemId:o,handleSelectedItemChange:(c,T)=>{T&&s(T)}})]})}),e.jsx(h.Grid,{size:{xs:12,md:6},children:e.jsxs(I.Paper,{sx:{p:2,minHeight:300},children:[e.jsx(a.Typography,{variant:"subtitle1",gutterBottom:!0,children:"Informations du dernier drop"}),r?e.jsxs(l.Box,{children:[e.jsxs(a.Typography,{variant:"body2",children:[e.jsx("strong",{children:"Élément cible :"})," ",r.itemLabel," ",r.itemId&&`(ID: ${r.itemId})`]}),e.jsxs(a.Typography,{variant:"body2",children:[e.jsx("strong",{children:"Élément déposé :"})," ",(x=r.droppedItem)==null?void 0:x.label," (ID:"," ",(f=r.droppedItem)==null?void 0:f.id,")"]}),e.jsxs(l.Box,{sx:{mt:2},children:[e.jsx(a.Typography,{variant:"body2",children:e.jsx("strong",{children:"Code pour gérer ce drop :"})}),e.jsx(I.Paper,{sx:{p:1,mt:1,backgroundColor:"grey.100"},children:e.jsx("pre",{style:{margin:0,fontSize:"0.8rem",whiteSpace:"pre-wrap"},children:`// Dans votre gestionnaire d'événements
 const handleDrop = (e) => {
   e.preventDefault();
   
@@ -66,4 +66,4 @@ const handleDrop = (e) => {
     
     // Votre logique pour traiter le drop...
   }
-};`})})]})]}):e.jsx(a.Typography,{variant:"body2",children:"Aucun élément déposé pour le moment. Glissez un document sur le TreeView pour voir les informations ici."})]})})]})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Cette story démontre comment utiliser les attributs `data-` du TreeView pour implémenter une fonctionnalité de drag and drop. Glissez un document sur un élément du TreeView pour voir comment accéder aux informations de l'élément cible."}}}},Q={render:()=>{const i=[{internalId:"root-1",label:"Dossier principal",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"folder-1-1",label:"Sous-dossier avec un nom très long pour tester",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"file-1-1-1",label:"Document A",iconType:t.ICON_TYPE.CUSTOM,customIcon:D},{internalId:"folder-1-1-2",label:"Sous-sous-dossier",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"file-1-1-2-1",label:"Image.jpg",iconType:t.ICON_TYPE.CUSTOM},{internalId:"file-1-1-2-2",label:"Document.pdf",iconType:t.ICON_TYPE.CUSTOM,children:[{internalId:"file-1-1-2-7",label:"Image.jpg",iconType:t.ICON_TYPE.CUSTOM},{internalId:"file-1-1-2-18",label:"Document.pdf",iconType:t.ICON_TYPE.CUSTOM}]}]}]},{internalId:"folder-1-2",label:"Court",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"file-1-2-1",label:"Fichier",iconType:t.ICON_TYPE.CUSTOM}]}]},{internalId:"root-2",label:"Second dossier principal",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"folder-2-1",label:"Sous-dossier A",iconType:t.ICON_TYPE.FOLDER},{internalId:"folder-2-2",label:"Sous-dossier B",iconType:t.ICON_TYPE.FOLDER,children:[]}]},{internalId:"root-3",label:"Troisième dossier principal",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"folder-3-1",label:"Sous-dossier X",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"file-3-1-1",label:"Fichier X-1",iconType:t.ICON_TYPE.CUSTOM},{internalId:"file-3-1-2",label:"Fichier X-2",iconType:t.ICON_TYPE.CUSTOM}]}]}],[n,o]=u.useState(""),s=u.useCallback((r,d)=>{d&&o(d)},[]);return e.jsxs(l.Box,{sx:{p:2},children:[e.jsx(a.Typography,{variant:"h5",gutterBottom:!0,children:"Test d'alignement des lignes verticales"}),e.jsx(a.Typography,{variant:"body2",color:"text.secondary",paragraph:!0,children:"Cette story permet de vérifier si les lignes verticales s'arrêtent toutes au même niveau, indépendamment de la taille des éléments. Essayez d'expandre et de collapser les différents niveaux."}),e.jsxs(m.Grid,{container:!0,spacing:3,children:[e.jsx(m.Grid,{size:{xs:12,md:6},children:e.jsxs(I.Paper,{sx:{p:2},children:[e.jsx(a.Typography,{variant:"subtitle1",gutterBottom:!0,children:"TreeView avec plusieurs niveaux imbriqués"}),e.jsx(l.Box,{sx:{border:"1px solid #e0e0e0",borderRadius:1},children:e.jsx(h,{items:i,selectedItemId:n,handleSelectedItemChange:s,maxHeight:400})})]})}),e.jsx(m.Grid,{size:{xs:12,md:6},children:e.jsxs(I.Paper,{sx:{p:2},children:[e.jsx(a.Typography,{variant:"subtitle1",gutterBottom:!0,children:"Détails de l'élément sélectionné"}),e.jsx(l.Box,{sx:{p:2,backgroundColor:"#f5f5f5",borderRadius:1,minHeight:100},children:n?e.jsxs(a.Typography,{children:["Élément sélectionné: ",e.jsx("strong",{children:n})]}):e.jsx(a.Typography,{color:"text.secondary",children:"Aucun élément sélectionné. Cliquez sur un élément dans l'arborescence."})}),e.jsxs(l.Box,{sx:{mt:2},children:[e.jsx(g.Button,{variant:"outlined",onClick:()=>o("file-1-1-2-1"),sx:{mr:1},children:'Sélectionner "Image.jpg"'}),e.jsx(g.Button,{variant:"outlined",onClick:()=>o("folder-3-1"),children:'Sélectionner "Sous-dossier X"'})]})]})})]})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Cette story permet de tester si les lignes verticales du TreeView s'alignent correctement. Elle utilise une arborescence à plusieurs niveaux avec des éléments de différentes tailles et labels de différentes longueurs pour mettre en évidence le comportement des lignes. Vérifiez que toutes les lignes verticales s'arrêtent au même niveau, créant ainsi une structure d'arborescence propre et cohérente."}}}};exports.AvecDragAndDrop=Z;exports.AvecIconesPersonnalisees=$;exports.Controlable=M;exports.Default=A;exports.GrandeHauteurLimitee=J;exports.OptionsDeCouleurs=W;exports.SansIcones=G;exports.StructureImbriquee=U;exports.Synchronicite=X;exports.TestAlignementLignes=Q;exports.default=F;
+};`})})]})]}):e.jsx(a.Typography,{variant:"body2",children:"Aucun élément déposé pour le moment. Glissez un document sur le TreeView pour voir les informations ici."})]})})]})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Cette story démontre comment utiliser les attributs `data-` du TreeView pour implémenter une fonctionnalité de drag and drop. Glissez un document sur un élément du TreeView pour voir comment accéder aux informations de l'élément cible."}}}},K={render:()=>{const i=[{internalId:"root-1",label:"Dossier principal",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"folder-1-1",label:"Sous-dossier avec un nom très long pour tester",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"file-1-1-1",label:"Document A",iconType:t.ICON_TYPE.CUSTOM,customIcon:D},{internalId:"folder-1-1-2",label:"Sous-sous-dossier",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"file-1-1-2-1",label:"Image.jpg",iconType:t.ICON_TYPE.CUSTOM},{internalId:"file-1-1-2-2",label:"Document.pdf",iconType:t.ICON_TYPE.CUSTOM,children:[{internalId:"file-1-1-2-7",label:"Image.jpg",iconType:t.ICON_TYPE.CUSTOM},{internalId:"file-1-1-2-18",label:"Document.pdf",iconType:t.ICON_TYPE.CUSTOM}]}]}]},{internalId:"folder-1-2",label:"Court",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"file-1-2-1",label:"Fichier",iconType:t.ICON_TYPE.CUSTOM}]}]},{internalId:"root-2",label:"Second dossier principal",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"folder-2-1",label:"Sous-dossier A",iconType:t.ICON_TYPE.FOLDER},{internalId:"folder-2-2",label:"Sous-dossier B",iconType:t.ICON_TYPE.FOLDER,children:[]}]},{internalId:"root-3",label:"Troisième dossier principal",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"folder-3-1",label:"Sous-dossier X",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"file-3-1-1",label:"Fichier X-1",iconType:t.ICON_TYPE.CUSTOM},{internalId:"file-3-1-2",label:"Fichier X-2",iconType:t.ICON_TYPE.CUSTOM}]}]}],[n,o]=u.useState(""),s=u.useCallback((r,d)=>{d&&o(d)},[]);return e.jsxs(l.Box,{sx:{p:2},children:[e.jsx(a.Typography,{variant:"h5",gutterBottom:!0,children:"Test d'alignement des lignes verticales"}),e.jsx(a.Typography,{variant:"body2",color:"text.secondary",paragraph:!0,children:"Cette story permet de vérifier si les lignes verticales s'arrêtent toutes au même niveau, indépendamment de la taille des éléments. Essayez d'expandre et de collapser les différents niveaux."}),e.jsxs(h.Grid,{container:!0,spacing:3,children:[e.jsx(h.Grid,{size:{xs:12,md:6},children:e.jsxs(I.Paper,{sx:{p:2},children:[e.jsx(a.Typography,{variant:"subtitle1",gutterBottom:!0,children:"TreeView avec plusieurs niveaux imbriqués"}),e.jsx(l.Box,{sx:{border:"1px solid #e0e0e0",borderRadius:1},children:e.jsx(m,{items:i,selectedItemId:n,handleSelectedItemChange:s,maxHeight:400})})]})}),e.jsx(h.Grid,{size:{xs:12,md:6},children:e.jsxs(I.Paper,{sx:{p:2},children:[e.jsx(a.Typography,{variant:"subtitle1",gutterBottom:!0,children:"Détails de l'élément sélectionné"}),e.jsx(l.Box,{sx:{p:2,backgroundColor:"#f5f5f5",borderRadius:1,minHeight:100},children:n?e.jsxs(a.Typography,{children:["Élément sélectionné: ",e.jsx("strong",{children:n})]}):e.jsx(a.Typography,{color:"text.secondary",children:"Aucun élément sélectionné. Cliquez sur un élément dans l'arborescence."})}),e.jsxs(l.Box,{sx:{mt:2},children:[e.jsx(g.Button,{variant:"outlined",onClick:()=>o("file-1-1-2-1"),sx:{mr:1},children:'Sélectionner "Image.jpg"'}),e.jsx(g.Button,{variant:"outlined",onClick:()=>o("folder-3-1"),children:'Sélectionner "Sous-dossier X"'})]})]})})]})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Cette story permet de tester si les lignes verticales du TreeView s'alignent correctement. Elle utilise une arborescence à plusieurs niveaux avec des éléments de différentes tailles et labels de différentes longueurs pour mettre en évidence le comportement des lignes. Vérifiez que toutes les lignes verticales s'arrêtent au même niveau, créant ainsi une structure d'arborescence propre et cohérente."}}}};exports.AvecDragAndDrop=Q;exports.AvecIconesPersonnalisees=G;exports.Controlable=$;exports.Default=M;exports.GrandeHauteurLimitee=X;exports.OptionsDeCouleurs=J;exports.SansIcones=U;exports.StructureImbriquee=W;exports.Synchronicite=Z;exports.TestAlignementLignes=K;exports.default=z;

package/dist/components/stories/TreeView.stories.es.js

@@ -1,18 +1,19 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { c as O } from "../../createSvgIcon-BlKmtOkV.js";
+import { c as O } from "../../createSvgIcon-BWru5SCV.js";
 import { useState as b, useCallback as x } from "react";
 import p from "../TreeView/TreeView.es.js";
 import { ICON_TYPE as t } from "../TreeView/types.es.js";
-import { B as a } from "../../Box-o7Tjjyko.js";
-import { T as d } from "../../Typography-DwMlN0K5.js";
-import { G as h, L as H, a as k } from "../../ListItemText-CpNLkk9h.js";
-import { P as f } from "../../Paper-fiQZbcci.js";
-import { B as y } from "../../Button-D974vesA.js";
-import { D as F } from "../../Divider-CJwnMdVg.js";
-import { T as B } from "../../Tooltip-Cl2Ew6vp.js";
-import { I as A } from "../../IconButton-CgwURB2g.js";
-import { L as M } from "../../List-BjfdkeEI.js";
-import { L as $ } from "../../ListItem-B0EiObKw.js";
+import { B as a } from "../../Box-DjbKEblU.js";
+import { T as d } from "../../Typography-CYUXO-Vm.js";
+import { G as h } from "../../Grid-CpuW2Xrl.js";
+import { P as f } from "../../Paper-yeP8q4RO.js";
+import { B as y } from "../../Button-WTdCmXYm.js";
+import { D as F } from "../../Divider-Bsr4YOx4.js";
+import { T as H } from "../../Tooltip-KsV9NFU9.js";
+import { I as k } from "../../IconButton-ZOYYBKrY.js";
+import { L as B } from "../../List-4Tnjo8WV.js";
+import { L as A } from "../../ListItem-CeosJHtu.js";
+import { L as M, a as $ } from "../../ListItemText-BlTklQGT.js";
 const z = O(/* @__PURE__ */ e("path", {
   d: "M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2"
 }), "Bookmark"), L = O(/* @__PURE__ */ e("path", {
@@ -21,7 +22,7 @@ const z = O(/* @__PURE__ */ e("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"
 }), "Info"), P = O(/* @__PURE__ */ e("path", {
   d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"
-}), "Person"), se = {
+}), "Person"), ae = {
   title: "Components/TreeView",
   component: p,
   argTypes: {
@@ -143,12 +144,12 @@ type CustomTreeViewItem = TreeViewBaseItem<CustomTreeViewItemProps>;
   return /* @__PURE__ */ i(f, { sx: { width: "100%", maxHeight: 300, overflow: "auto" }, children: [
     /* @__PURE__ */ e(d, { variant: "h6", sx: { p: 2 }, children: "Sélection externe" }),
     /* @__PURE__ */ e(F, {}),
-    /* @__PURE__ */ e(M, { children: s.map((n) => /* @__PURE__ */ e($, { disablePadding: !0, children: /* @__PURE__ */ e(
-      H,
+    /* @__PURE__ */ e(B, { children: s.map((n) => /* @__PURE__ */ e(A, { disablePadding: !0, children: /* @__PURE__ */ e(
+      M,
       {
         selected: r === n.internalId,
         onClick: () => o(n.internalId),
-        children: /* @__PURE__ */ e(k, { primary: n.label })
+        children: /* @__PURE__ */ e($, { primary: n.label })
       }
     ) }, n.internalId)) })
   ] });
@@ -292,7 +293,7 @@ type CustomTreeViewItem = TreeViewBaseItem<CustomTreeViewItemProps>;
     label: "Téléchargements",
     iconType: t.FOLDER
   }
-], ae = {
+], de = {
   render: () => {
     const [l, r] = b(""), o = x(
       (s, n) => {
@@ -318,7 +319,7 @@ type CustomTreeViewItem = TreeViewBaseItem<CustomTreeViewItemProps>;
       }
     }
   }
-}, de = {
+}, ce = {
   args: {
     items: w,
     selectedItemId: "folder1",
@@ -335,7 +336,7 @@ type CustomTreeViewItem = TreeViewBaseItem<CustomTreeViewItemProps>;
       }
     }
   }
-}, ce = {
+}, me = {
   render: () => {
     const [l, r] = b("bookmarks"), o = x(
       (s, n) => {
@@ -361,7 +362,7 @@ type CustomTreeViewItem = TreeViewBaseItem<CustomTreeViewItemProps>;
       }
     }
   }
-}, me = {
+}, ue = {
   render: () => {
     const [l, r] = b("item1"), o = x(
       (s, n) => {
@@ -388,7 +389,7 @@ type CustomTreeViewItem = TreeViewBaseItem<CustomTreeViewItemProps>;
       }
     }
   }
-}, ue = {
+}, pe = {
   render: () => {
     const l = [
       {
@@ -457,7 +458,7 @@ type CustomTreeViewItem = TreeViewBaseItem<CustomTreeViewItemProps>;
       }
     }
   }
-}, pe = {
+}, he = {
   render: () => {
     const l = ["primary", "secondary", "info"], [r, o] = b({
       primary: "",
@@ -512,7 +513,7 @@ type CustomTreeViewItem = TreeViewBaseItem<CustomTreeViewItemProps>;
       }
     }
   }
-}, he = {
+}, Ie = {
   render: () => {
     const l = () => {
       var u, T;
@@ -643,7 +644,7 @@ type CustomTreeViewItem = TreeViewBaseItem<CustomTreeViewItemProps>;
           /* @__PURE__ */ e(F, {}),
           /* @__PURE__ */ i(a, { sx: { p: 2, display: "flex", alignItems: "center" }, children: [
             /* @__PURE__ */ e(d, { variant: "body2", sx: { flexGrow: 1 }, children: r ? `Élément sélectionné: ${r}` : "Aucun élément sélectionné" }),
-            /* @__PURE__ */ e(B, { title: "Ce bandeau reste fixé sous l'arborescence", children: /* @__PURE__ */ e(A, { size: "small", color: "info", children: /* @__PURE__ */ e(U, { fontSize: "small" }) }) })
+            /* @__PURE__ */ e(H, { title: "Ce bandeau reste fixé sous l'arborescence", children: /* @__PURE__ */ e(k, { size: "small", color: "info", children: /* @__PURE__ */ e(U, { fontSize: "small" }) }) })
           ] })
         ] })
       ] }) })
@@ -658,7 +659,7 @@ type CustomTreeViewItem = TreeViewBaseItem<CustomTreeViewItemProps>;
       }
     }
   }
-}, Ie = {
+}, be = {
   render: () => {
     const [l, r] = b("reports"), o = (c, u) => {
       console.log("TreeView sélection:", u), u && r(u);
@@ -718,7 +719,7 @@ type CustomTreeViewItem = TreeViewBaseItem<CustomTreeViewItemProps>;
       }
     }
   }
-}, be = {
+}, fe = {
   render: () => {
     var I, S;
     const [l, r] = b([
@@ -842,7 +843,7 @@ const handleDrop = (e) => {
       }
     }
   }
-}, fe = {
+}, ge = {
   render: () => {
     const l = [
       {
@@ -1021,15 +1022,15 @@ const handleDrop = (e) => {
   }
 };
 export {
-  be as AvecDragAndDrop,
-  ce as AvecIconesPersonnalisees,
-  de as Controlable,
-  ae as Default,
-  he as GrandeHauteurLimitee,
-  pe as OptionsDeCouleurs,
-  me as SansIcones,
-  ue as StructureImbriquee,
-  Ie as Synchronicite,
-  fe as TestAlignementLignes,
-  se as default
+  fe as AvecDragAndDrop,
+  me as AvecIconesPersonnalisees,
+  ce as Controlable,
+  de as Default,
+  Ie as GrandeHauteurLimitee,
+  he as OptionsDeCouleurs,
+  ue as SansIcones,
+  pe as StructureImbriquee,
+  be as Synchronicite,
+  ge as TestAlignementLignes,
+  ae as default
 };

package/dist/components/stories/Typography.stories.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../Typography-De-21leI.cjs"),e={title:"Components/Typography",component:t.Typography,argTypes:{align:{control:"select",options:["center","inherit","justify","left","right"]},children:{control:"text"},color:{control:"select",options:["primary","secondary","success","error","info","warning","textPrimary","textSecondary","textDisabled"]},gutterBottom:{control:"boolean"},noWrap:{control:"boolean"},variant:{control:"select",options:["body1","body2","button","caption","h1","h2","h3","h4","h5","h6","inherit","overline","subtitle1","subtitle2"]}}},o={args:{align:"inherit",children:"CGI Learning Hub",gutterBottom:!1,noWrap:!1,variant:"body1"}};exports.Default=o;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../Typography-CTc5xI5k.cjs"),e={title:"Components/Typography",component:t.Typography,argTypes:{align:{control:"select",options:["center","inherit","justify","left","right"]},children:{control:"text"},color:{control:"select",options:["primary","secondary","success","error","info","warning","textPrimary","textSecondary","textDisabled"]},gutterBottom:{control:"boolean"},noWrap:{control:"boolean"},variant:{control:"select",options:["body1","body2","button","caption","h1","h2","h3","h4","h5","h6","inherit","overline","subtitle1","subtitle2"]}}},o={args:{align:"inherit",children:"CGI Learning Hub",gutterBottom:!1,noWrap:!1,variant:"body1"}};exports.Default=o;exports.default=e;

package/dist/components/stories/Typography.stories.es.js

@@ -1,4 +1,4 @@
-import { T as t } from "../../Typography-DwMlN0K5.js";
+import { T as t } from "../../Typography-CYUXO-Vm.js";
 const e = {
   title: "Components/Typography",
   component: t,

package/dist/{composeClasses-CWgX5SFD.cjs → composeClasses-6Jh42fnW.cjs}

@@ -1 +1 @@
-"use strict";const u=require("./DefaultPropsProvider-B1crdkTC.cjs"),i=e=>e,f=()=>{let e=i;return{configure(t){e=t},generate(t){return e(t)},reset(){e=i}}},p=f(),g={active:"active",checked:"checked",completed:"completed",disabled:"disabled",error:"error",expanded:"expanded",focused:"focused",focusVisible:"focusVisible",open:"open",readOnly:"readOnly",required:"required",selected:"selected"};function C(e,t,r="Mui"){const s=g[t];return s?`${r}-${s}`:`${p.generate(e)}-${t}`}const b=u.createStyled();function m(e,t,r=void 0){const s={};for(const l in e){const c=e[l];let o="",d=!0;for(let a=0;a<c.length;a+=1){const n=c[a];n&&(o+=(d===!0?"":" ")+t(n),d=!1,r&&r[n]&&(o+=" "+r[n]))}s[l]=o}return s}exports.composeClasses=m;exports.generateUtilityClass=C;exports.styled=b;
+"use strict";const u=require("./DefaultPropsProvider-CsTuCVNC.cjs"),i=e=>e,f=()=>{let e=i;return{configure(t){e=t},generate(t){return e(t)},reset(){e=i}}},p=f(),g={active:"active",checked:"checked",completed:"completed",disabled:"disabled",error:"error",expanded:"expanded",focused:"focused",focusVisible:"focusVisible",open:"open",readOnly:"readOnly",required:"required",selected:"selected"};function C(e,t,r="Mui"){const s=g[t];return s?`${r}-${s}`:`${p.generate(e)}-${t}`}const b=u.createStyled();function m(e,t,r=void 0){const s={};for(const l in e){const c=e[l];let o="",d=!0;for(let a=0;a<c.length;a+=1){const n=c[a];n&&(o+=(d===!0?"":" ")+t(n),d=!1,r&&r[n]&&(o+=" "+r[n]))}s[l]=o}return s}exports.composeClasses=m;exports.generateUtilityClass=C;exports.styled=b;

package/dist/{composeClasses-CJKlIaRn.js → composeClasses-PwLhKFRx.js}

@@ -1,4 +1,4 @@
-import { b as u } from "./DefaultPropsProvider-hFv1J_xl.js";
+import { b as u } from "./DefaultPropsProvider-CRQ3Gr22.js";
 const i = (e) => e, f = () => {
   let e = i;
   return {

package/dist/{createSvgIcon-BlKmtOkV.js → createSvgIcon-BWru5SCV.js}

@@ -1,10 +1,10 @@
 import * as h from "react";
 import { jsxs as b, jsx as I } from "react/jsx-runtime";
 import { P as e } from "./index-Sy88PpwE.js";
-import { G as w, F as C, H as N } from "./generateUtilityClasses-DngCqveO.js";
-import { m as O } from "./memoTheme-nmt7i1dS.js";
-import { u as T, s as R, c as E } from "./DefaultPropsProvider-hFv1J_xl.js";
-import { c as z } from "./capitalize-BHFotl9B.js";
+import { G as w, F as C, H as N } from "./generateUtilityClasses-BbL5PyhJ.js";
+import { m as O } from "./memoTheme-C2ZnVSVg.js";
+import { u as T, s as R, c as E } from "./DefaultPropsProvider-CRQ3Gr22.js";
+import { c as z } from "./capitalize-3mO2QYxZ.js";
 function j(o) {
   return w("MuiSvgIcon", o);
 }

package/dist/{createSvgIcon-BgBODH2F.cjs → createSvgIcon-r-LuM8rr.cjs}

@@ -1 +1 @@
-"use strict";const O=require("react"),h=require("react/jsx-runtime"),o=require("./index-DLnSn8GT.cjs"),b=require("./generateUtilityClasses-CMlilM6r.cjs"),C=require("./memoTheme-BAbn60Cb.cjs"),I=require("./DefaultPropsProvider-B1crdkTC.cjs"),P=require("./capitalize-CKLkSyDO.cjs");function w(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const z=w(O);function x(e){return b.generateUtilityClass("MuiSvgIcon",e)}const N=b.generateUtilityClasses("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]),j=e=>{const{color:r,fontSize:t,classes:s}=e,n={root:["root",r!=="inherit"&&`color${P.capitalize(r)}`,`fontSize${P.capitalize(t)}`]};return I.composeClasses(n,x,s)},R=I.styled("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:t}=e;return[r.root,t.color!=="inherit"&&r[`color${P.capitalize(t.color)}`],r[`fontSize${P.capitalize(t.fontSize)}`]]}})(C.memoTheme(({theme:e})=>{var r,t,s,n,p,m,c,S,a,u,l,y,v,f;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:(n=(r=e.transitions)==null?void 0:r.create)==null?void 0:n.call(r,"fill",{duration:(s=(t=(e.vars??e).transitions)==null?void 0:t.duration)==null?void 0:s.shorter}),variants:[{props:i=>!i.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:((m=(p=e.typography)==null?void 0:p.pxToRem)==null?void 0:m.call(p,20))||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:((S=(c=e.typography)==null?void 0:c.pxToRem)==null?void 0:S.call(c,24))||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:((u=(a=e.typography)==null?void 0:a.pxToRem)==null?void 0:u.call(a,35))||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter(([,i])=>i&&i.main).map(([i])=>{var d,T;return{props:{color:i},style:{color:(T=(d=(e.vars??e).palette)==null?void 0:d[i])==null?void 0:T.main}}}),{props:{color:"action"},style:{color:(y=(l=(e.vars??e).palette)==null?void 0:l.action)==null?void 0:y.active}},{props:{color:"disabled"},style:{color:(f=(v=(e.vars??e).palette)==null?void 0:v.action)==null?void 0:f.disabled}},{props:{color:"inherit"},style:{color:void 0}}]}})),g=z.forwardRef(function(r,t){const s=I.useDefaultProps({props:r,name:"MuiSvgIcon"}),{children:n,className:p,color:m="inherit",component:c="svg",fontSize:S="medium",htmlColor:a,inheritViewBox:u=!1,titleAccess:l,viewBox:y="0 0 24 24",...v}=s,f=z.isValidElement(n)&&n.type==="svg",i={...s,color:m,component:c,fontSize:S,instanceFontSize:r.fontSize,inheritViewBox:u,viewBox:y,hasSvgAsChild:f},d={};u||(d.viewBox=y);const T=j(i);return h.jsxs(R,{as:c,className:b.clsx(T.root,p),focusable:"false",color:a,"aria-hidden":l?void 0:!0,role:l?"img":void 0,ref:t,...d,...v,...f&&n.props,ownerState:i,children:[f?n.props.children:n,l?h.jsx("title",{children:l}):null]})});process.env.NODE_ENV!=="production"&&(g.propTypes={children:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","action","disabled","primary","secondary","error","info","success","warning"]),o.PropTypes.string]),component:o.PropTypes.elementType,fontSize:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","large","medium","small"]),o.PropTypes.string]),htmlColor:o.PropTypes.string,inheritViewBox:o.PropTypes.bool,shapeRendering:o.PropTypes.string,sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object]),titleAccess:o.PropTypes.string,viewBox:o.PropTypes.string});g.muiName="SvgIcon";function D(e,r){function t(s,n){return h.jsx(g,{"data-testid":process.env.NODE_ENV!=="production"?`${r}Icon`:void 0,ref:n,...s,children:e})}return process.env.NODE_ENV!=="production"&&(t.displayName=`${r}Icon`),t.muiName=g.muiName,z.memo(z.forwardRef(t))}exports.SvgIcon=g;exports.createSvgIcon=D;exports.getSvgIconUtilityClass=x;exports.svgIconClasses=N;
+"use strict";const O=require("react"),h=require("react/jsx-runtime"),o=require("./index-DLnSn8GT.cjs"),b=require("./generateUtilityClasses-CEM-EnA0.cjs"),C=require("./memoTheme-BvyhrtrO.cjs"),I=require("./DefaultPropsProvider-CsTuCVNC.cjs"),P=require("./capitalize-jkeaHv-a.cjs");function w(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const z=w(O);function x(e){return b.generateUtilityClass("MuiSvgIcon",e)}const N=b.generateUtilityClasses("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]),j=e=>{const{color:r,fontSize:t,classes:s}=e,n={root:["root",r!=="inherit"&&`color${P.capitalize(r)}`,`fontSize${P.capitalize(t)}`]};return I.composeClasses(n,x,s)},R=I.styled("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:t}=e;return[r.root,t.color!=="inherit"&&r[`color${P.capitalize(t.color)}`],r[`fontSize${P.capitalize(t.fontSize)}`]]}})(C.memoTheme(({theme:e})=>{var r,t,s,n,p,m,c,S,a,u,l,y,v,f;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:(n=(r=e.transitions)==null?void 0:r.create)==null?void 0:n.call(r,"fill",{duration:(s=(t=(e.vars??e).transitions)==null?void 0:t.duration)==null?void 0:s.shorter}),variants:[{props:i=>!i.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:((m=(p=e.typography)==null?void 0:p.pxToRem)==null?void 0:m.call(p,20))||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:((S=(c=e.typography)==null?void 0:c.pxToRem)==null?void 0:S.call(c,24))||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:((u=(a=e.typography)==null?void 0:a.pxToRem)==null?void 0:u.call(a,35))||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter(([,i])=>i&&i.main).map(([i])=>{var d,T;return{props:{color:i},style:{color:(T=(d=(e.vars??e).palette)==null?void 0:d[i])==null?void 0:T.main}}}),{props:{color:"action"},style:{color:(y=(l=(e.vars??e).palette)==null?void 0:l.action)==null?void 0:y.active}},{props:{color:"disabled"},style:{color:(f=(v=(e.vars??e).palette)==null?void 0:v.action)==null?void 0:f.disabled}},{props:{color:"inherit"},style:{color:void 0}}]}})),g=z.forwardRef(function(r,t){const s=I.useDefaultProps({props:r,name:"MuiSvgIcon"}),{children:n,className:p,color:m="inherit",component:c="svg",fontSize:S="medium",htmlColor:a,inheritViewBox:u=!1,titleAccess:l,viewBox:y="0 0 24 24",...v}=s,f=z.isValidElement(n)&&n.type==="svg",i={...s,color:m,component:c,fontSize:S,instanceFontSize:r.fontSize,inheritViewBox:u,viewBox:y,hasSvgAsChild:f},d={};u||(d.viewBox=y);const T=j(i);return h.jsxs(R,{as:c,className:b.clsx(T.root,p),focusable:"false",color:a,"aria-hidden":l?void 0:!0,role:l?"img":void 0,ref:t,...d,...v,...f&&n.props,ownerState:i,children:[f?n.props.children:n,l?h.jsx("title",{children:l}):null]})});process.env.NODE_ENV!=="production"&&(g.propTypes={children:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","action","disabled","primary","secondary","error","info","success","warning"]),o.PropTypes.string]),component:o.PropTypes.elementType,fontSize:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","large","medium","small"]),o.PropTypes.string]),htmlColor:o.PropTypes.string,inheritViewBox:o.PropTypes.bool,shapeRendering:o.PropTypes.string,sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object]),titleAccess:o.PropTypes.string,viewBox:o.PropTypes.string});g.muiName="SvgIcon";function D(e,r){function t(s,n){return h.jsx(g,{"data-testid":process.env.NODE_ENV!=="production"?`${r}Icon`:void 0,ref:n,...s,children:e})}return process.env.NODE_ENV!=="production"&&(t.displayName=`${r}Icon`),t.muiName=g.muiName,z.memo(z.forwardRef(t))}exports.SvgIcon=g;exports.createSvgIcon=D;exports.getSvgIconUtilityClass=x;exports.svgIconClasses=N;

package/dist/{dividerClasses-Glz8RJdF.js → dividerClasses-Brli9oB2.js}

@@ -1,4 +1,4 @@
-import { F as t, G as e } from "./generateUtilityClasses-DngCqveO.js";
+import { F as t, G as e } from "./generateUtilityClasses-BbL5PyhJ.js";
 function l(i) {
   return e("MuiDivider", i);
 }

package/dist/{dividerClasses-D3gnW6kZ.cjs → dividerClasses-MIs6pQ1h.cjs}

@@ -1 +1 @@
-"use strict";const i=require("./generateUtilityClasses-CMlilM6r.cjs");function t(e){return i.generateUtilityClass("MuiDivider",e)}const l=i.generateUtilityClasses("MuiDivider",["root","absolute","fullWidth","inset","middle","flexItem","light","vertical","withChildren","withChildrenVertical","textAlignRight","textAlignLeft","wrapper","wrapperVertical"]);exports.dividerClasses=l;exports.getDividerUtilityClass=t;
+"use strict";const i=require("./generateUtilityClasses-CEM-EnA0.cjs");function t(e){return i.generateUtilityClass("MuiDivider",e)}const l=i.generateUtilityClasses("MuiDivider",["root","absolute","fullWidth","inset","middle","flexItem","light","vertical","withChildren","withChildrenVertical","textAlignRight","textAlignLeft","wrapper","wrapperVertical"]);exports.dividerClasses=l;exports.getDividerUtilityClass=t;

package/dist/{extendSxProp-BouzOuB6.js → extendSxProp-DPYS2LeU.js}

@@ -1,4 +1,4 @@
-import { J as c, K as l } from "./generateUtilityClasses-DngCqveO.js";
+import { J as c, K as l } from "./generateUtilityClasses-BbL5PyhJ.js";
 const a = (t) => {
   var s;
   const e = {

package/dist/{extendSxProp-Cm-DtZe3.cjs → extendSxProp-DjoHuUqk.cjs}

@@ -1 +1 @@
-"use strict";const c=require("./generateUtilityClasses-CMlilM6r.cjs"),l=t=>{var s;const e={systemProps:{},otherProps:{}},i=((s=t==null?void 0:t.theme)==null?void 0:s.unstable_sxConfig)??c.defaultSxConfig;return Object.keys(t).forEach(n=>{i[n]?e.systemProps[n]=t[n]:e.otherProps[n]=t[n]}),e};function u(t){const{sx:e,...i}=t,{systemProps:s,otherProps:n}=l(i);let r;return Array.isArray(e)?r=[s,...e]:typeof e=="function"?r=(...f)=>{const o=e(...f);return c.isPlainObject(o)?{...s,...o}:s}:r={...s,...e},{...n,sx:r}}exports.extendSxProp=u;
+"use strict";const c=require("./generateUtilityClasses-CEM-EnA0.cjs"),l=t=>{var s;const e={systemProps:{},otherProps:{}},i=((s=t==null?void 0:t.theme)==null?void 0:s.unstable_sxConfig)??c.defaultSxConfig;return Object.keys(t).forEach(n=>{i[n]?e.systemProps[n]=t[n]:e.otherProps[n]=t[n]}),e};function u(t){const{sx:e,...i}=t,{systemProps:s,otherProps:n}=l(i);let r;return Array.isArray(e)?r=[s,...e]:typeof e=="function"?r=(...f)=>{const o=e(...f);return c.isPlainObject(o)?{...s,...o}:s}:r={...s,...e},{...n,sx:r}}exports.extendSxProp=u;

package/dist/{generateUtilityClasses-DngCqveO.js → generateUtilityClasses-BbL5PyhJ.js}

@@ -1164,7 +1164,7 @@ function Or(e, t, r) {
   };
 }
 /**
- * @mui/styled-engine v7.1.0
+ * @mui/styled-engine v7.1.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/dist/{generateUtilityClasses-CMlilM6r.cjs → generateUtilityClasses-CEM-EnA0.cjs}

@@ -19,7 +19,7 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.`:$e(18,`(${t})`));return
 `)):console.error([`MUI: The \`theme.${t}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${t}\` as a number.`].join(`
 `)));const c=o[l];return a>=0?c:typeof c=="number"?-c:typeof c=="string"&&c.startsWith("var(")?`calc(-1 * ${c})`:`-${c}`}:typeof o=="function"?o:(process.env.NODE_ENV!=="production"&&console.error([`MUI: The \`theme.${t}\` value (${o}) is invalid.`,"It should be a number, an array or a function."].join(`
 `)),()=>{})}function Re(e){return me(e,"spacing",8,"spacing")}function ie(e,t){return typeof t=="string"||t==null?t:e(t)}function cr(e,t){return r=>e.reduce((n,o)=>(n[o]=ie(t,r),n),{})}function ur(e,t,r,n){if(!t.includes(r))return null;const o=sr(r),a=cr(o,n),l=e[r];return L(e,l,a)}function bt(e,t){const r=Re(e.theme);return Object.keys(e).map(n=>ur(e,t,n,r)).reduce(ue,{})}function _(e){return bt(e,_e)}_.propTypes=process.env.NODE_ENV!=="production"?_e.reduce((e,t)=>(e[t]=q,e),{}):{};_.filterProps=_e;function k(e){return bt(e,ke)}k.propTypes=process.env.NODE_ENV!=="production"?ke.reduce((e,t)=>(e[t]=q,e),{}):{};k.filterProps=ke;process.env.NODE_ENV!=="production"&&lr.reduce((e,t)=>(e[t]=q,e),{});function Ie(...e){const t=e.reduce((n,o)=>(o.filterProps.forEach(a=>{n[a]=o}),n),{}),r=n=>Object.keys(n).reduce((o,a)=>t[a]?ue(o,t[a](n)):o,{});return r.propTypes=process.env.NODE_ENV!=="production"?e.reduce((n,o)=>Object.assign(n,o.propTypes),{}):{},r.filterProps=e.reduce((n,o)=>n.concat(o.filterProps),[]),r}function B(e){return typeof e!="number"?e:`${e}px solid`}function M(e,t){return R({prop:e,themeKey:"borders",transform:t})}const fr=M("border",B),dr=M("borderTop",B),pr=M("borderRight",B),mr=M("borderBottom",B),gr=M("borderLeft",B),hr=M("borderColor"),yr=M("borderTopColor"),br=M("borderRightColor"),Sr=M("borderBottomColor"),Cr=M("borderLeftColor"),Er=M("outline",B),Tr=M("outlineColor"),Ne=e=>{if(e.borderRadius!==void 0&&e.borderRadius!==null){const t=me(e.theme,"shape.borderRadius",4,"borderRadius"),r=n=>({borderRadius:ie(t,n)});return L(e,e.borderRadius,r)}return null};Ne.propTypes=process.env.NODE_ENV!=="production"?{borderRadius:q}:{};Ne.filterProps=["borderRadius"];Ie(fr,dr,pr,mr,gr,hr,yr,br,Sr,Cr,Ne,Er,Tr);const Pe=e=>{if(e.gap!==void 0&&e.gap!==null){const t=me(e.theme,"spacing",8,"gap"),r=n=>({gap:ie(t,n)});return L(e,e.gap,r)}return null};Pe.propTypes=process.env.NODE_ENV!=="production"?{gap:q}:{};Pe.filterProps=["gap"];const Be=e=>{if(e.columnGap!==void 0&&e.columnGap!==null){const t=me(e.theme,"spacing",8,"columnGap"),r=n=>({columnGap:ie(t,n)});return L(e,e.columnGap,r)}return null};Be.propTypes=process.env.NODE_ENV!=="production"?{columnGap:q}:{};Be.filterProps=["columnGap"];const Me=e=>{if(e.rowGap!==void 0&&e.rowGap!==null){const t=me(e.theme,"spacing",8,"rowGap"),r=n=>({rowGap:ie(t,n)});return L(e,e.rowGap,r)}return null};Me.propTypes=process.env.NODE_ENV!=="production"?{rowGap:q}:{};Me.filterProps=["rowGap"];const $r=R({prop:"gridColumn"}),Ar=R({prop:"gridRow"}),xr=R({prop:"gridAutoFlow"}),vr=R({prop:"gridAutoColumns"}),wr=R({prop:"gridAutoRows"}),Or=R({prop:"gridTemplateColumns"}),_r=R({prop:"gridTemplateRows"}),kr=R({prop:"gridTemplateAreas"}),Rr=R({prop:"gridArea"});Ie(Pe,Be,Me,$r,Ar,xr,vr,wr,Or,_r,kr,Rr);function ne(e,t){return t==="grey"?t:e}const Ir=R({prop:"color",themeKey:"palette",transform:ne}),Nr=R({prop:"bgcolor",cssProperty:"backgroundColor",themeKey:"palette",transform:ne}),Pr=R({prop:"backgroundColor",themeKey:"palette",transform:ne});Ie(Ir,Nr,Pr);function P(e){return e<=1&&e!==0?`${e*100}%`:e}const Br=R({prop:"width",transform:P}),ze=e=>{if(e.maxWidth!==void 0&&e.maxWidth!==null){const t=r=>{var o,a,l,c,f;const n=((l=(a=(o=e.theme)==null?void 0:o.breakpoints)==null?void 0:a.values)==null?void 0:l[r])||Oe[r];return n?((f=(c=e.theme)==null?void 0:c.breakpoints)==null?void 0:f.unit)!=="px"?{maxWidth:`${n}${e.theme.breakpoints.unit}`}:{maxWidth:n}:{maxWidth:P(r)}};return L(e,e.maxWidth,t)}return null};ze.filterProps=["maxWidth"];const Mr=R({prop:"minWidth",transform:P}),Dr=R({prop:"height",transform:P}),Vr=R({prop:"maxHeight",transform:P}),Fr=R({prop:"minHeight",transform:P});R({prop:"size",cssProperty:"width",transform:P});R({prop:"size",cssProperty:"height",transform:P});const Lr=R({prop:"boxSizing"});Ie(Br,ze,Mr,Dr,Vr,Fr,Lr);const ge={border:{themeKey:"borders",transform:B},borderTop:{themeKey:"borders",transform:B},borderRight:{themeKey:"borders",transform:B},borderBottom:{themeKey:"borders",transform:B},borderLeft:{themeKey:"borders",transform:B},borderColor:{themeKey:"palette"},borderTopColor:{themeKey:"palette"},borderRightColor:{themeKey:"palette"},borderBottomColor:{themeKey:"palette"},borderLeftColor:{themeKey:"palette"},outline:{themeKey:"borders",transform:B},outlineColor:{themeKey:"palette"},borderRadius:{themeKey:"shape.borderRadius",style:Ne},color:{themeKey:"palette",transform:ne},bgcolor:{themeKey:"palette",cssProperty:"backgroundColor",transform:ne},backgroundColor:{themeKey:"palette",transform:ne},p:{style:k},pt:{style:k},pr:{style:k},pb:{style:k},pl:{style:k},px:{style:k},py:{style:k},padding:{style:k},paddingTop:{style:k},paddingRight:{style:k},paddingBottom:{style:k},paddingLeft:{style:k},paddingX:{style:k},paddingY:{style:k},paddingInline:{style:k},paddingInlineStart:{style:k},paddingInlineEnd:{style:k},paddingBlock:{style:k},paddingBlockStart:{style:k},paddingBlockEnd:{style:k},m:{style:_},mt:{style:_},mr:{style:_},mb:{style:_},ml:{style:_},mx:{style:_},my:{style:_},margin:{style:_},marginTop:{style:_},marginRight:{style:_},marginBottom:{style:_},marginLeft:{style:_},marginX:{style:_},marginY:{style:_},marginInline:{style:_},marginInlineStart:{style:_},marginInlineEnd:{style:_},marginBlock:{style:_},marginBlockStart:{style:_},marginBlockEnd:{style:_},displayPrint:{cssProperty:!1,transform:e=>({"@media print":{display:e}})},display:{},overflow:{},textOverflow:{},visibility:{},whiteSpace:{},flexBasis:{},flexDirection:{},flexWrap:{},justifyContent:{},alignItems:{},alignContent:{},order:{},flex:{},flexGrow:{},flexShrink:{},alignSelf:{},justifyItems:{},justifySelf:{},gap:{style:Pe},rowGap:{style:Me},columnGap:{style:Be},gridColumn:{},gridRow:{},gridAutoFlow:{},gridAutoColumns:{},gridAutoRows:{},gridTemplateColumns:{},gridTemplateRows:{},gridTemplateAreas:{},gridArea:{},position:{},zIndex:{themeKey:"zIndex"},top:{},right:{},bottom:{},left:{},boxShadow:{themeKey:"shadows"},width:{transform:P},maxWidth:{style:ze},minWidth:{transform:P},height:{transform:P},maxHeight:{transform:P},minHeight:{transform:P},boxSizing:{},font:{themeKey:"font"},fontFamily:{themeKey:"typography"},fontSize:{themeKey:"typography"},fontStyle:{themeKey:"typography"},fontWeight:{themeKey:"typography"},letterSpacing:{},textTransform:{},lineHeight:{},textAlign:{},typography:{cssProperty:!1,themeKey:"typography"}};function jr(...e){const t=e.reduce((n,o)=>n.concat(Object.keys(o)),[]),r=new Set(t);return e.every(n=>r.size===Object.keys(n).length)}function Ur(e,t){return typeof e=="function"?e(t):e}function Wr(){function e(r,n,o,a){const l={[r]:n,theme:o},c=a[r];if(!c)return{[r]:n};const{cssProperty:f=r,themeKey:d,transform:h,style:m}=c;if(n==null)return null;if(d==="typography"&&n==="inherit")return{[r]:n};const p=pe(o,d)||{};return m?m(l):L(l,n,g=>{let s=Ae(p,h,g);return g===s&&typeof g=="string"&&(s=Ae(p,h,`${r}${g==="default"?"":Ge(g)}`,g)),f===!1?s:{[f]:s}})}function t(r){const{sx:n,theme:o={}}=r||{};if(!n)return null;const a=o.unstable_sxConfig??ge;function l(c){let f=c;if(typeof c=="function")f=c(o);else if(typeof c!="object")return c;if(!f)return null;const d=ht(o.breakpoints),h=Object.keys(d);let m=d;return Object.keys(f).forEach(p=>{const b=Ur(f[p],o);if(b!=null)if(typeof b=="object")if(a[p])m=ue(m,e(p,b,o,a));else{const g=L({theme:o},b,s=>({[p]:s}));jr(g,b)?m[p]=t({sx:b,theme:o}):m=ue(m,g)}else m=ue(m,e(p,b,o,a))}),Qt(o,yt(h,m))}return Array.isArray(n)?n.map(l):l(n)}return t}const he=Wr();he.filterProps=["sx"];function Gr(e){for(var t=0,r,n=0,o=e.length;o>=4;++n,o-=4)r=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(o){case 3:t^=(e.charCodeAt(n+2)&255)<<16;case 2:t^=(e.charCodeAt(n+1)&255)<<8;case 1:t^=e.charCodeAt(n)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var zr={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function Yr(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var Kr=/[A-Z]|^ms/g,Hr=/_EMO_([^_]+?)_([^]*?)_EMO_/g,St=function(t){return t.charCodeAt(1)===45},rt=function(t){return t!=null&&typeof t!="boolean"},Fe=Yr(function(e){return St(e)?e:e.replace(Kr,"-$&").toLowerCase()}),nt=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(Hr,function(n,o,a){return K={name:o,styles:a,next:K},o})}return zr[t]!==1&&!St(t)&&typeof r=="number"&&r!==0?r+"px":r};function xe(e,t,r){if(r==null)return"";var n=r;if(n.__emotion_styles!==void 0)return n;switch(typeof r){case"boolean":return"";case"object":{var o=r;if(o.anim===1)return K={name:o.name,styles:o.styles,next:K},o.name;var a=r;if(a.styles!==void 0){var l=a.next;if(l!==void 0)for(;l!==void 0;)K={name:l.name,styles:l.styles,next:K},l=l.next;var c=a.styles+";";return c}return qr(e,t,r)}}var f=r;return f}function qr(e,t,r){var n="";if(Array.isArray(r))for(var o=0;o<r.length;o++)n+=xe(e,t,r[o])+";";else for(var a in r){var l=r[a];if(typeof l!="object"){var c=l;rt(c)&&(n+=Fe(a)+":"+nt(a,c)+";")}else if(Array.isArray(l)&&typeof l[0]=="string"&&t==null)for(var f=0;f<l.length;f++)rt(l[f])&&(n+=Fe(a)+":"+nt(a,l[f])+";");else{var d=xe(e,t,l);switch(a){case"animation":case"animationName":{n+=Fe(a)+":"+d+";";break}default:n+=a+"{"+d+"}"}}}return n}var ot=/label:\s*([^\s;{]+)\s*(;|$)/g,K;function Qr(e,t,r){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var n=!0,o="";K=void 0;var a=e[0];if(a==null||a.raw===void 0)n=!1,o+=xe(r,t,a);else{var l=a;o+=l[0]}for(var c=1;c<e.length;c++)if(o+=xe(r,t,e[c]),n){var f=a;o+=f[c]}ot.lastIndex=0;for(var d="",h;(h=ot.exec(o))!==null;)d+="-"+h[1];var m=Gr(o)+d;return{name:m,styles:o,next:K}}/**
- * @mui/styled-engine v7.1.0
+ * @mui/styled-engine v7.1.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/dist/{index-l8yqod25.js → index-Blgqpey-.js}

@@ -1,11 +1,11 @@
 import "react";
 import { jsx as l } from "react/jsx-runtime";
 import { P as e } from "./index-Sy88PpwE.js";
-import { d as f } from "./DefaultPropsProvider-hFv1J_xl.js";
-import { T as i } from "./generateUtilityClasses-DngCqveO.js";
-import { u as c } from "./useTheme-D9cVynB-.js";
+import { d as f } from "./DefaultPropsProvider-CRQ3Gr22.js";
+import { T as i } from "./generateUtilityClasses-BbL5PyhJ.js";
+import { u as c } from "./useTheme-DlWqSSQs.js";
 import { Global as m } from "@emotion/react";
-import { e as y } from "./extendSxProp-BouzOuB6.js";
+import { e as y } from "./extendSxProp-DPYS2LeU.js";
 function b(o) {
   return o == null || Object.keys(o).length === 0;
 }

package/dist/{index-BzsuDIEl.cjs → index-dnUj5rrV.cjs}

@@ -1 +1 @@
-"use strict";require("react");const n=require("react/jsx-runtime"),e=require("./index-DLnSn8GT.cjs"),c=require("./DefaultPropsProvider-B1crdkTC.cjs"),i=require("./generateUtilityClasses-CMlilM6r.cjs"),T=require("./useTheme-CqYtLDbs.cjs"),a=require("@emotion/react"),P=require("./extendSxProp-Cm-DtZe3.cjs");function f(r){return r==null||Object.keys(r).length===0}function l(r){const{styles:o,defaultTheme:t={}}=r,s=typeof o=="function"?p=>o(f(p)?t:p):o;return n.jsx(a.Global,{styles:s})}process.env.NODE_ENV!=="production"&&(l.propTypes={defaultTheme:e.PropTypes.object,styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.string,e.PropTypes.object,e.PropTypes.func])});function u({styles:r,themeId:o,defaultTheme:t={}}){const s=T.useTheme(t),p=typeof r=="function"?r(o&&s[o]||s):r;return n.jsx(l,{styles:p})}process.env.NODE_ENV!=="production"&&(u.propTypes={defaultTheme:e.PropTypes.object,styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool]),themeId:e.PropTypes.string});function y(r){return n.jsx(u,{...r,defaultTheme:c.defaultTheme,themeId:i.THEME_ID})}process.env.NODE_ENV!=="production"&&(y.propTypes={styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool])});function d(r){return function(t){return n.jsx(y,{styles:typeof r=="function"?s=>r({theme:s,...t}):r})}}function b(){return P.extendSxProp}exports.GlobalStyles=y;exports.GlobalStyles$1=l;exports.globalCss=d;exports.internal_createExtendSxProp=b;
+"use strict";require("react");const n=require("react/jsx-runtime"),e=require("./index-DLnSn8GT.cjs"),c=require("./DefaultPropsProvider-CsTuCVNC.cjs"),i=require("./generateUtilityClasses-CEM-EnA0.cjs"),T=require("./useTheme-CwVFTV8w.cjs"),a=require("@emotion/react"),P=require("./extendSxProp-DjoHuUqk.cjs");function f(r){return r==null||Object.keys(r).length===0}function l(r){const{styles:o,defaultTheme:t={}}=r,s=typeof o=="function"?p=>o(f(p)?t:p):o;return n.jsx(a.Global,{styles:s})}process.env.NODE_ENV!=="production"&&(l.propTypes={defaultTheme:e.PropTypes.object,styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.string,e.PropTypes.object,e.PropTypes.func])});function u({styles:r,themeId:o,defaultTheme:t={}}){const s=T.useTheme(t),p=typeof r=="function"?r(o&&s[o]||s):r;return n.jsx(l,{styles:p})}process.env.NODE_ENV!=="production"&&(u.propTypes={defaultTheme:e.PropTypes.object,styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool]),themeId:e.PropTypes.string});function y(r){return n.jsx(u,{...r,defaultTheme:c.defaultTheme,themeId:i.THEME_ID})}process.env.NODE_ENV!=="production"&&(y.propTypes={styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool])});function d(r){return function(t){return n.jsx(y,{styles:typeof r=="function"?s=>r({theme:s,...t}):r})}}function b(){return P.extendSxProp}exports.GlobalStyles=y;exports.GlobalStyles$1=l;exports.globalCss=d;exports.internal_createExtendSxProp=b;