@cgi-learning-hub/ui 1.7.0-dev.1754301696 → 1.7.0-dev.1754384740

package/dist/ListItem-qTKJTg7f.cjs

@@ -0,0 +1 @@
+"use strict";const $=require("react"),t=require("./index-DLnSn8GT.cjs"),i=require("./identifier-DBvccNCw.cjs"),N=require("./isHostComponent-PydJW4A4.cjs"),z=require("./memoTheme-Dv-rDqFz.cjs"),C=require("./List-E_TAQ1jJ.cjs"),l=require("react/jsx-runtime"),p=require("./DefaultPropsProvider-BFTLy05-.cjs"),O=require("./isMuiElement-BzDAj3yJ.cjs"),Y=require("./useForkRef-CFhhTu-Q.cjs"),J=require("./elementTypeAcceptingRef-BwZv9xBI.cjs"),K=require("./chainPropTypes-CEUi6Jb4.cjs");function Q(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const o in s)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(s,o);Object.defineProperty(e,o,n.get?n:{enumerable:!0,get:()=>s[o]})}}return e.default=s,Object.freeze(e)}const a=Q($);function U(s){return i.generateUtilityClass("MuiListItem",s)}const W=i.generateUtilityClasses("MuiListItem",["root","container","dense","alignItemsFlexStart","divider","gutters","padding","secondaryAction"]);function X(s){return i.generateUtilityClass("MuiListItemButton",s)}const G=i.generateUtilityClasses("MuiListItemButton",["root","focusVisible","dense","alignItemsFlexStart","disabled","divider","gutters","selected"]);function Z(s){return i.generateUtilityClass("MuiListItemSecondaryAction",s)}i.generateUtilityClasses("MuiListItemSecondaryAction",["root","disableGutters"]);const ee=s=>{const{disableGutters:e,classes:o}=s,n={root:["root",e&&"disableGutters"]};return p.composeClasses(n,Z,o)},te=p.styled("div",{name:"MuiListItemSecondaryAction",slot:"Root",overridesResolver:(s,e)=>{const{ownerState:o}=s;return[e.root,o.disableGutters&&e.disableGutters]}})({position:"absolute",right:16,top:"50%",transform:"translateY(-50%)",variants:[{props:({ownerState:s})=>s.disableGutters,style:{right:0}}]}),x=a.forwardRef(function(e,o){const n=p.useDefaultProps({props:e,name:"MuiListItemSecondaryAction"}),{className:r,...y}=n,m=a.useContext(C.ListContext),c={...n,disableGutters:m.disableGutters},g=ee(c);return l.jsx(te,{className:i.clsx(g.root,r),ownerState:c,ref:o,...y})});process.env.NODE_ENV!=="production"&&(x.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object])});x.muiName="ListItemSecondaryAction";const se=(s,e)=>{const{ownerState:o}=s;return[e.root,o.dense&&e.dense,o.alignItems==="flex-start"&&e.alignItemsFlexStart,o.divider&&e.divider,!o.disableGutters&&e.gutters,!o.disablePadding&&e.padding,o.hasSecondaryAction&&e.secondaryAction]},oe=s=>{const{alignItems:e,classes:o,dense:n,disableGutters:r,disablePadding:y,divider:m,hasSecondaryAction:c}=s,g={root:["root",n&&"dense",!r&&"gutters",!y&&"padding",m&&"divider",e==="flex-start"&&"alignItemsFlexStart",c&&"secondaryAction"],container:["container"]};return p.composeClasses(g,U,o)},ne=p.styled("div",{name:"MuiListItem",slot:"Root",overridesResolver:se})(z.memoTheme(({theme:s})=>({display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",width:"100%",boxSizing:"border-box",textAlign:"left",variants:[{props:({ownerState:e})=>!e.disablePadding,style:{paddingTop:8,paddingBottom:8}},{props:({ownerState:e})=>!e.disablePadding&&e.dense,style:{paddingTop:4,paddingBottom:4}},{props:({ownerState:e})=>!e.disablePadding&&!e.disableGutters,style:{paddingLeft:16,paddingRight:16}},{props:({ownerState:e})=>!e.disablePadding&&!!e.secondaryAction,style:{paddingRight:48}},{props:({ownerState:e})=>!!e.secondaryAction,style:{[`& > .${G.root}`]:{paddingRight:48}}},{props:{alignItems:"flex-start"},style:{alignItems:"flex-start"}},{props:({ownerState:e})=>e.divider,style:{borderBottom:`1px solid ${(s.vars||s).palette.divider}`,backgroundClip:"padding-box"}},{props:({ownerState:e})=>e.button,style:{transition:s.transitions.create("background-color",{duration:s.transitions.duration.shortest}),"&:hover":{textDecoration:"none",backgroundColor:(s.vars||s).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}}}},{props:({ownerState:e})=>e.hasSecondaryAction,style:{paddingRight:48}}]}))),re=p.styled("li",{name:"MuiListItem",slot:"Container"})({position:"relative"}),q=a.forwardRef(function(e,o){const n=p.useDefaultProps({props:e,name:"MuiListItem"}),{alignItems:r="center",children:y,className:m,component:c,components:g={},componentsProps:w={},ContainerComponent:v="li",ContainerProps:{className:B,...D}={},dense:L=!1,disableGutters:I=!1,disablePadding:k=!1,divider:E=!1,secondaryAction:S,slotProps:F={},slots:_={},...H}=n,A=a.useContext(C.ListContext),h=a.useMemo(()=>({dense:L||A.dense||!1,alignItems:r,disableGutters:I}),[r,A.dense,L,I]),V=a.useRef(null),d=a.Children.toArray(y),R=d.length&&O.isMuiElement(d[d.length-1],["ListItemSecondaryAction"]),b={...n,alignItems:r,dense:h.dense,disableGutters:I,disablePadding:k,divider:E,hasSecondaryAction:R},j=oe(b),M=Y.useForkRef(V,o),T=_.root||g.Root||ne,f=F.root||w.root||{},P={className:i.clsx(j.root,f.className,m),...H};let u=c||"li";return R?(u=!P.component&&!c?"div":u,v==="li"&&(u==="li"?u="div":P.component==="li"&&(P.component="div")),l.jsx(C.ListContext.Provider,{value:h,children:l.jsxs(re,{as:v,className:i.clsx(j.container,B),ref:M,ownerState:b,...D,children:[l.jsx(T,{...f,...!N.isHostComponent(T)&&{as:u,ownerState:{...b,...f.ownerState}},...P,children:d}),d.pop()]})})):l.jsx(C.ListContext.Provider,{value:h,children:l.jsxs(T,{...f,as:u,ref:M,...!N.isHostComponent(T)&&{ownerState:{...b,...f.ownerState}},...P,children:[d,S&&l.jsx(x,{children:S})]})})});process.env.NODE_ENV!=="production"&&(q.propTypes={alignItems:t.PropTypes.oneOf(["center","flex-start"]),children:K.chainPropTypes(t.PropTypes.node,s=>{const e=a.Children.toArray(s.children);let o=-1;for(let n=e.length-1;n>=0;n-=1){const r=e[n];if(O.isMuiElement(r,["ListItemSecondaryAction"])){o=n;break}}return o!==-1&&o!==e.length-1?new Error("MUI: You used an element after ListItemSecondaryAction. For ListItem to detect that it has a secondary action you must pass it as the last child to ListItem."):null}),classes:t.PropTypes.object,className:t.PropTypes.string,component:t.PropTypes.elementType,components:t.PropTypes.shape({Root:t.PropTypes.elementType}),componentsProps:t.PropTypes.shape({root:t.PropTypes.object}),ContainerComponent:J.elementTypeAcceptingRef,ContainerProps:t.PropTypes.object,dense:t.PropTypes.bool,disableGutters:t.PropTypes.bool,disablePadding:t.PropTypes.bool,divider:t.PropTypes.bool,secondaryAction:t.PropTypes.node,slotProps:t.PropTypes.shape({root:t.PropTypes.object}),slots:t.PropTypes.shape({root:t.PropTypes.elementType}),sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object])});exports.ListItem=q;exports.getListItemButtonUtilityClass=X;exports.getListItemUtilityClass=U;exports.listItemButtonClasses=G;exports.listItemClasses=W;

package/dist/ListItemText-B3z5dHrQ.cjs

@@ -0,0 +1 @@
+"use strict";const V=require("react"),s=require("./index-DLnSn8GT.cjs"),N=require("./identifier-DBvccNCw.cjs"),M=require("./memoTheme-Dv-rDqFz.cjs"),m=require("./DefaultPropsProvider-BFTLy05-.cjs"),R=require("./List-E_TAQ1jJ.cjs"),f=require("./ListItem-qTKJTg7f.cjs"),I=require("react/jsx-runtime"),G=require("./useEventCallback-BxpcFap0.cjs"),U=require("./useForkRef-CFhhTu-Q.cjs"),_=require("./ButtonBase-DPIkh47Q.cjs"),C=require("./listItemTextClasses-Cxo4anAo.cjs"),S=require("./useSlot-ONna5RyM.cjs"),P=require("./Typography-BvRUTdLD.cjs");function z(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const b=z(V),W=(e,o)=>{const{ownerState:t}=e;return[o.root,t.dense&&o.dense,t.alignItems==="flex-start"&&o.alignItemsFlexStart,t.divider&&o.divider,!t.disableGutters&&o.gutters]},A=e=>{const{alignItems:o,classes:t,dense:r,disabled:p,disableGutters:l,divider:n,selected:g}=e,c={root:["root",r&&"dense",!l&&"gutters",n&&"divider",p&&"disabled",o==="flex-start"&&"alignItemsFlexStart",g&&"selected"]},d=m.composeClasses(c,f.getListItemButtonUtilityClass,t);return{...t,...d}},H=m.styled(_.ButtonBase,{shouldForwardProp:e=>m.rootShouldForwardProp(e)||e==="classes",name:"MuiListItemButton",slot:"Root",overridesResolver:W})(M.memoTheme(({theme:e})=>({display:"flex",flexGrow:1,justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",minWidth:0,boxSizing:"border-box",textAlign:"left",paddingTop:8,paddingBottom:8,transition:e.transitions.create("background-color",{duration:e.transitions.duration.shortest}),"&:hover":{textDecoration:"none",backgroundColor:(e.vars||e).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${f.listItemButtonClasses.selected}`]:{backgroundColor:e.alpha((e.vars||e).palette.primary.main,(e.vars||e).palette.action.selectedOpacity),[`&.${f.listItemButtonClasses.focusVisible}`]:{backgroundColor:e.alpha((e.vars||e).palette.primary.main,`${(e.vars||e).palette.action.selectedOpacity} + ${(e.vars||e).palette.action.focusOpacity}`)}},[`&.${f.listItemButtonClasses.selected}:hover`]:{backgroundColor:e.alpha((e.vars||e).palette.primary.main,`${(e.vars||e).palette.action.selectedOpacity} + ${(e.vars||e).palette.action.hoverOpacity}`),"@media (hover: none)":{backgroundColor:e.alpha((e.vars||e).palette.primary.main,(e.vars||e).palette.action.selectedOpacity)}},[`&.${f.listItemButtonClasses.focusVisible}`]:{backgroundColor:(e.vars||e).palette.action.focus},[`&.${f.listItemButtonClasses.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity},variants:[{props:({ownerState:o})=>o.divider,style:{borderBottom:`1px solid ${(e.vars||e).palette.divider}`,backgroundClip:"padding-box"}},{props:{alignItems:"flex-start"},style:{alignItems:"flex-start"}},{props:({ownerState:o})=>!o.disableGutters,style:{paddingLeft:16,paddingRight:16}},{props:({ownerState:o})=>o.dense,style:{paddingTop:4,paddingBottom:4}}]}))),$=b.forwardRef(function(o,t){const r=m.useDefaultProps({props:o,name:"MuiListItemButton"}),{alignItems:p="center",autoFocus:l=!1,component:n="div",children:g,dense:c=!1,disableGutters:d=!1,divider:h=!1,focusVisibleClassName:j,selected:B=!1,className:L,...y}=r,x=b.useContext(R.ListContext),i=b.useMemo(()=>({dense:c||x.dense||!1,alignItems:p,disableGutters:d}),[p,x.dense,c,d]),a=b.useRef(null);G.useEnhancedEffect(()=>{l&&(a.current?a.current.focus():process.env.NODE_ENV!=="production"&&console.error("MUI: Unable to set focus to a ListItemButton whose component has not been rendered."))},[l]);const u={...r,alignItems:p,dense:i.dense,disableGutters:d,divider:h,selected:B},T=A(u),v=U.useForkRef(a,t);return I.jsx(R.ListContext.Provider,{value:i,children:I.jsx(H,{ref:v,href:y.href||y.to,component:(y.href||y.to)&&n==="div"?"button":n,focusVisibleClassName:N.clsx(T.focusVisible,j),ownerState:u,className:N.clsx(T.root,L),...y,classes:T,children:g})})});process.env.NODE_ENV!=="production"&&($.propTypes={alignItems:s.PropTypes.oneOf(["center","flex-start"]),autoFocus:s.PropTypes.bool,children:s.PropTypes.node,classes:s.PropTypes.object,className:s.PropTypes.string,component:s.PropTypes.elementType,dense:s.PropTypes.bool,disabled:s.PropTypes.bool,disableGutters:s.PropTypes.bool,divider:s.PropTypes.bool,focusVisibleClassName:s.PropTypes.string,href:s.PropTypes.string,selected:s.PropTypes.bool,sx:s.PropTypes.oneOfType([s.PropTypes.arrayOf(s.PropTypes.oneOfType([s.PropTypes.func,s.PropTypes.object,s.PropTypes.bool])),s.PropTypes.func,s.PropTypes.object])});const J=e=>{const{classes:o,inset:t,primary:r,secondary:p,dense:l}=e,n={root:["root",t&&"inset",l&&"dense",r&&p&&"multiline"],primary:["primary"],secondary:["secondary"]};return m.composeClasses(n,C.getListItemTextUtilityClass,o)},K=m.styled("div",{name:"MuiListItemText",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:t}=e;return[{[`& .${C.listItemTextClasses.primary}`]:o.primary},{[`& .${C.listItemTextClasses.secondary}`]:o.secondary},o.root,t.inset&&o.inset,t.primary&&t.secondary&&o.multiline,t.dense&&o.dense]}})({flex:"1 1 auto",minWidth:0,marginTop:4,marginBottom:4,[`.${P.typographyClasses.root}:where(& .${C.listItemTextClasses.primary})`]:{display:"block"},[`.${P.typographyClasses.root}:where(& .${C.listItemTextClasses.secondary})`]:{display:"block"},variants:[{props:({ownerState:e})=>e.primary&&e.secondary,style:{marginTop:6,marginBottom:6}},{props:({ownerState:e})=>e.inset,style:{paddingLeft:56}}]}),k=b.forwardRef(function(o,t){const r=m.useDefaultProps({props:o,name:"MuiListItemText"}),{children:p,className:l,disableTypography:n=!1,inset:g=!1,primary:c,primaryTypographyProps:d,secondary:h,secondaryTypographyProps:j,slots:B={},slotProps:L={},...y}=r,{dense:x}=b.useContext(R.ListContext);let i=c??p,a=h;const u={...r,disableTypography:n,inset:g,primary:!!i,secondary:!!a,dense:x},T=J(u),v={slots:B,slotProps:{primary:d,secondary:j,...L}},[w,q]=S.useSlot("root",{className:N.clsx(T.root,l),elementType:K,externalForwardedProps:{...v,...y},ownerState:u,ref:t}),[D,O]=S.useSlot("primary",{className:T.primary,elementType:P.Typography,externalForwardedProps:v,ownerState:u}),[F,E]=S.useSlot("secondary",{className:T.secondary,elementType:P.Typography,externalForwardedProps:v,ownerState:u});return i!=null&&i.type!==P.Typography&&!n&&(i=I.jsx(D,{variant:x?"body2":"body1",component:O!=null&&O.variant?void 0:"span",...O,children:i})),a!=null&&a.type!==P.Typography&&!n&&(a=I.jsx(F,{variant:"body2",color:"textSecondary",...E,children:a})),I.jsxs(w,{...q,children:[i,a]})});process.env.NODE_ENV!=="production"&&(k.propTypes={children:s.PropTypes.node,classes:s.PropTypes.object,className:s.PropTypes.string,disableTypography:s.PropTypes.bool,inset:s.PropTypes.bool,primary:s.PropTypes.node,primaryTypographyProps:s.PropTypes.object,secondary:s.PropTypes.node,secondaryTypographyProps:s.PropTypes.object,slotProps:s.PropTypes.shape({primary:s.PropTypes.oneOfType([s.PropTypes.func,s.PropTypes.object]),root:s.PropTypes.oneOfType([s.PropTypes.func,s.PropTypes.object]),secondary:s.PropTypes.oneOfType([s.PropTypes.func,s.PropTypes.object])}),slots:s.PropTypes.shape({primary:s.PropTypes.elementType,root:s.PropTypes.elementType,secondary:s.PropTypes.elementType}),sx:s.PropTypes.oneOfType([s.PropTypes.arrayOf(s.PropTypes.oneOfType([s.PropTypes.func,s.PropTypes.object,s.PropTypes.bool])),s.PropTypes.func,s.PropTypes.object])});exports.ListItemButton=$;exports.ListItemText=k;

package/dist/{ListItemText-7p6JHq3z.js → ListItemText-BbrPf29n.js}

@@ -1,45 +1,45 @@
 import * as f from "react";
-import { P as o } from "./index-Sy88PpwE.js";
-import { H as R, n as C } from "./generateUtilityClasses-32ARRWdA.js";
-import { m as U } from "./memoTheme-BBxIYGG7.js";
-import { u as w, s as k, c as F, r as _ } from "./DefaultPropsProvider-BrNsAtD3.js";
-import { a as S } from "./List-q9c0EQIN.js";
-import { b as W, a as x } from "./ListItem-iH38wGFD.js";
-import { jsx as $, jsxs as z } from "react/jsx-runtime";
-import { u as A } from "./useEventCallback-Y2KwRxBw.js";
-import { u as H } from "./useForkRef-u29GSuCu.js";
-import { B as q } from "./ButtonBase-C1FIHWcD.js";
-import { g as J, l as I } from "./listItemTextClasses-D1H_8v-c.js";
-import { u as B } from "./useSlot-DnOTNYbF.js";
-import { T as O, t as j } from "./Typography-Bdfl0Alf.js";
-const K = (e, t) => {
+import { P as e } from "./index-Sy88PpwE.js";
+import { H as B } from "./identifier-Dnc8T93Z.js";
+import { m as M } from "./memoTheme-K37vidlb.js";
+import { u as j, s as w, c as k, r as U } from "./DefaultPropsProvider-nxIPd34m.js";
+import { a as R } from "./List-DZkddOsr.js";
+import { b as _, a as x } from "./ListItem-CMoibMI7.js";
+import { jsx as O, jsxs as W } from "react/jsx-runtime";
+import { u as z } from "./useEventCallback-Y2KwRxBw.js";
+import { u as A } from "./useForkRef-u29GSuCu.js";
+import { B as H } from "./ButtonBase-CJYV8wgs.js";
+import { g as q, l as I } from "./listItemTextClasses-4p_83pwn.js";
+import { u as h } from "./useSlot-GooGQrej.js";
+import { T as C, t as S } from "./Typography-o0iALAVg.js";
+const J = (o, s) => {
   const {
-    ownerState: s
-  } = e;
-  return [t.root, s.dense && t.dense, s.alignItems === "flex-start" && t.alignItemsFlexStart, s.divider && t.divider, !s.disableGutters && t.gutters];
-}, Q = (e) => {
+    ownerState: t
+  } = o;
+  return [s.root, t.dense && s.dense, t.alignItems === "flex-start" && s.alignItemsFlexStart, t.divider && s.divider, !t.disableGutters && s.gutters];
+}, K = (o) => {
   const {
-    alignItems: t,
-    classes: s,
+    alignItems: s,
+    classes: t,
     dense: a,
     disabled: n,
     disableGutters: c,
     divider: i,
     selected: b
-  } = e, p = F({
-    root: ["root", a && "dense", !c && "gutters", i && "divider", n && "disabled", t === "flex-start" && "alignItemsFlexStart", b && "selected"]
-  }, W, s);
+  } = o, p = k({
+    root: ["root", a && "dense", !c && "gutters", i && "divider", n && "disabled", s === "flex-start" && "alignItemsFlexStart", b && "selected"]
+  }, _, t);
   return {
-    ...s,
+    ...t,
     ...p
   };
-}, X = k(q, {
-  shouldForwardProp: (e) => _(e) || e === "classes",
+}, Q = w(H, {
+  shouldForwardProp: (o) => U(o) || o === "classes",
   name: "MuiListItemButton",
   slot: "Root",
-  overridesResolver: K
-})(U(({
-  theme: e
+  overridesResolver: J
+})(M(({
+  theme: o
 }) => ({
   display: "flex",
   flexGrow: 1,
@@ -52,42 +52,42 @@ const K = (e, t) => {
   textAlign: "left",
   paddingTop: 8,
   paddingBottom: 8,
-  transition: e.transitions.create("background-color", {
-    duration: e.transitions.duration.shortest
+  transition: o.transitions.create("background-color", {
+    duration: o.transitions.duration.shortest
   }),
   "&:hover": {
     textDecoration: "none",
-    backgroundColor: (e.vars || e).palette.action.hover,
+    backgroundColor: (o.vars || o).palette.action.hover,
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
     }
   },
   [`&.${x.selected}`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : C(e.palette.primary.main, e.palette.action.selectedOpacity),
+    backgroundColor: o.alpha((o.vars || o).palette.primary.main, (o.vars || o).palette.action.selectedOpacity),
     [`&.${x.focusVisible}`]: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : C(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+      backgroundColor: o.alpha((o.vars || o).palette.primary.main, `${(o.vars || o).palette.action.selectedOpacity} + ${(o.vars || o).palette.action.focusOpacity}`)
     }
   },
   [`&.${x.selected}:hover`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : C(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+    backgroundColor: o.alpha((o.vars || o).palette.primary.main, `${(o.vars || o).palette.action.selectedOpacity} + ${(o.vars || o).palette.action.hoverOpacity}`),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : C(e.palette.primary.main, e.palette.action.selectedOpacity)
+      backgroundColor: o.alpha((o.vars || o).palette.primary.main, (o.vars || o).palette.action.selectedOpacity)
     }
   },
   [`&.${x.focusVisible}`]: {
-    backgroundColor: (e.vars || e).palette.action.focus
+    backgroundColor: (o.vars || o).palette.action.focus
   },
   [`&.${x.disabled}`]: {
-    opacity: (e.vars || e).palette.action.disabledOpacity
+    opacity: (o.vars || o).palette.action.disabledOpacity
   },
   variants: [{
     props: ({
-      ownerState: t
-    }) => t.divider,
+      ownerState: s
+    }) => s.divider,
     style: {
-      borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
+      borderBottom: `1px solid ${(o.vars || o).palette.divider}`,
       backgroundClip: "padding-box"
     }
   }, {
@@ -99,24 +99,24 @@ const K = (e, t) => {
     }
   }, {
     props: ({
-      ownerState: t
-    }) => !t.disableGutters,
+      ownerState: s
+    }) => !s.disableGutters,
     style: {
       paddingLeft: 16,
       paddingRight: 16
     }
   }, {
     props: ({
-      ownerState: t
-    }) => t.dense,
+      ownerState: s
+    }) => s.dense,
     style: {
       paddingTop: 4,
       paddingBottom: 4
     }
   }]
-}))), Y = /* @__PURE__ */ f.forwardRef(function(t, s) {
-  const a = w({
-    props: t,
+}))), X = /* @__PURE__ */ f.forwardRef(function(s, t) {
+  const a = j({
+    props: s,
     name: "MuiListItemButton"
   }), {
     alignItems: n = "center",
@@ -126,16 +126,16 @@ const K = (e, t) => {
     dense: u = !1,
     disableGutters: p = !1,
     divider: P = !1,
-    focusVisibleClassName: h,
-    selected: L = !1,
-    className: N,
+    focusVisibleClassName: L,
+    selected: N = !1,
+    className: $,
     ...d
-  } = a, g = f.useContext(S), l = f.useMemo(() => ({
+  } = a, g = f.useContext(R), l = f.useMemo(() => ({
     dense: u || g.dense || !1,
     alignItems: n,
     disableGutters: p
   }), [n, g.dense, u, p]), r = f.useRef(null);
-  A(() => {
+  z(() => {
     c && (r.current ? r.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a ListItemButton whose component has not been rendered."));
   }, [c]);
   const y = {
@@ -144,24 +144,24 @@ const K = (e, t) => {
     dense: l.dense,
     disableGutters: p,
     divider: P,
-    selected: L
-  }, m = Q(y), v = H(r, s);
-  return /* @__PURE__ */ $(S.Provider, {
+    selected: N
+  }, m = K(y), v = A(r, t);
+  return /* @__PURE__ */ O(R.Provider, {
     value: l,
-    children: /* @__PURE__ */ $(X, {
+    children: /* @__PURE__ */ O(Q, {
       ref: v,
       href: d.href || d.to,
       component: (d.href || d.to) && i === "div" ? "button" : i,
-      focusVisibleClassName: R(m.focusVisible, h),
+      focusVisibleClassName: B(m.focusVisible, L),
       ownerState: y,
-      className: R(m.root, N),
+      className: B(m.root, $),
       ...d,
       classes: m,
       children: b
     })
   });
 });
-process.env.NODE_ENV !== "production" && (Y.propTypes = {
+process.env.NODE_ENV !== "production" && (X.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -170,52 +170,52 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
    * Defines the `align-items` style property.
    * @default 'center'
    */
-  alignItems: o.oneOf(["center", "flex-start"]),
+  alignItems: e.oneOf(["center", "flex-start"]),
   /**
    * If `true`, the list item is focused during the first mount.
    * Focus will also be triggered if the value changes from false to true.
    * @default false
    */
-  autoFocus: o.bool,
+  autoFocus: e.bool,
   /**
    * The content of the component if a `ListItemSecondaryAction` is used it must
    * be the last child.
    */
-  children: o.node,
+  children: e.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: o.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: o.string,
+  className: e.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: o.elementType,
+  component: e.elementType,
   /**
    * If `true`, compact vertical padding designed for keyboard and mouse input is used.
    * The prop defaults to the value inherited from the parent List component.
    * @default false
    */
-  dense: o.bool,
+  dense: e.bool,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: o.bool,
+  disabled: e.bool,
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
-  disableGutters: o.bool,
+  disableGutters: e.bool,
   /**
    * If `true`, a 1px light border is added to the bottom of the list item.
    * @default false
    */
-  divider: o.bool,
+  divider: e.bool,
   /**
    * This prop can help identify which element has keyboard focus.
    * The class name will be applied when the element gains the focus through keyboard interaction.
@@ -224,77 +224,77 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
    * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
    * if needed.
    */
-  focusVisibleClassName: o.string,
+  focusVisibleClassName: e.string,
   /**
    * @ignore
    */
-  href: o.string,
+  href: e.string,
   /**
    * Use to apply selected styling.
    * @default false
    */
-  selected: o.bool,
+  selected: e.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-const Z = (e) => {
+const Y = (o) => {
   const {
-    classes: t,
-    inset: s,
+    classes: s,
+    inset: t,
     primary: a,
     secondary: n,
     dense: c
-  } = e;
-  return F({
-    root: ["root", s && "inset", c && "dense", a && n && "multiline"],
+  } = o;
+  return k({
+    root: ["root", t && "inset", c && "dense", a && n && "multiline"],
     primary: ["primary"],
     secondary: ["secondary"]
-  }, J, t);
-}, ee = k("div", {
+  }, q, s);
+}, Z = w("div", {
   name: "MuiListItemText",
   slot: "Root",
-  overridesResolver: (e, t) => {
+  overridesResolver: (o, s) => {
     const {
-      ownerState: s
-    } = e;
+      ownerState: t
+    } = o;
     return [{
-      [`& .${I.primary}`]: t.primary
+      [`& .${I.primary}`]: s.primary
     }, {
-      [`& .${I.secondary}`]: t.secondary
-    }, t.root, s.inset && t.inset, s.primary && s.secondary && t.multiline, s.dense && t.dense];
+      [`& .${I.secondary}`]: s.secondary
+    }, s.root, t.inset && s.inset, t.primary && t.secondary && s.multiline, t.dense && s.dense];
   }
 })({
   flex: "1 1 auto",
   minWidth: 0,
   marginTop: 4,
   marginBottom: 4,
-  [`.${j.root}:where(& .${I.primary})`]: {
+  [`.${S.root}:where(& .${I.primary})`]: {
     display: "block"
   },
-  [`.${j.root}:where(& .${I.secondary})`]: {
+  [`.${S.root}:where(& .${I.secondary})`]: {
     display: "block"
   },
   variants: [{
     props: ({
-      ownerState: e
-    }) => e.primary && e.secondary,
+      ownerState: o
+    }) => o.primary && o.secondary,
     style: {
       marginTop: 6,
       marginBottom: 6
     }
   }, {
     props: ({
-      ownerState: e
-    }) => e.inset,
+      ownerState: o
+    }) => o.inset,
     style: {
       paddingLeft: 56
     }
   }]
-}), oe = /* @__PURE__ */ f.forwardRef(function(t, s) {
-  const a = w({
-    props: t,
+}), oo = /* @__PURE__ */ f.forwardRef(function(s, t) {
+  const a = j({
+    props: s,
     name: "MuiListItemText"
   }), {
     children: n,
@@ -304,13 +304,13 @@ const Z = (e) => {
     primary: u,
     primaryTypographyProps: p,
     secondary: P,
-    secondaryTypographyProps: h,
-    slots: L = {},
-    slotProps: N = {},
+    secondaryTypographyProps: L,
+    slots: N = {},
+    slotProps: $ = {},
     ...d
   } = a, {
     dense: g
-  } = f.useContext(S);
+  } = f.useContext(R);
   let l = u ?? n, r = P;
   const y = {
     ...a,
@@ -319,49 +319,49 @@ const Z = (e) => {
     primary: !!l,
     secondary: !!r,
     dense: g
-  }, m = Z(y), v = {
-    slots: L,
+  }, m = Y(y), v = {
+    slots: N,
     slotProps: {
       primary: p,
-      secondary: h,
-      ...N
+      secondary: L,
+      ...$
     }
-  }, [V, E] = B("root", {
-    className: R(m.root, c),
-    elementType: ee,
+  }, [F, V] = h("root", {
+    className: B(m.root, c),
+    elementType: Z,
     externalForwardedProps: {
       ...v,
       ...d
     },
     ownerState: y,
-    ref: s
-  }), [D, T] = B("primary", {
+    ref: t
+  }), [E, T] = h("primary", {
     className: m.primary,
-    elementType: O,
+    elementType: C,
     externalForwardedProps: v,
     ownerState: y
-  }), [G, M] = B("secondary", {
+  }), [D, G] = h("secondary", {
     className: m.secondary,
-    elementType: O,
+    elementType: C,
     externalForwardedProps: v,
     ownerState: y
   });
-  return l != null && l.type !== O && !i && (l = /* @__PURE__ */ $(D, {
+  return l != null && l.type !== C && !i && (l = /* @__PURE__ */ O(E, {
     variant: g ? "body2" : "body1",
     component: T != null && T.variant ? void 0 : "span",
     ...T,
     children: l
-  })), r != null && r.type !== O && !i && (r = /* @__PURE__ */ $(G, {
+  })), r != null && r.type !== C && !i && (r = /* @__PURE__ */ O(D, {
     variant: "body2",
     color: "textSecondary",
-    ...M,
+    ...G,
     children: r
-  })), /* @__PURE__ */ z(V, {
-    ...E,
+  })), /* @__PURE__ */ W(F, {
+    ...V,
     children: [l, r]
   });
 });
-process.env.NODE_ENV !== "production" && (oe.propTypes = {
+process.env.NODE_ENV !== "production" && (oo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -369,15 +369,15 @@ process.env.NODE_ENV !== "production" && (oe.propTypes = {
   /**
    * Alias for the `primary` prop.
    */
-  children: o.node,
+  children: e.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: o.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: o.string,
+  className: e.string,
   /**
    * If `true`, the children won't be wrapped by a Typography component.
    * This can be useful to render an alternative Typography variant by wrapping
@@ -385,57 +385,57 @@ process.env.NODE_ENV !== "production" && (oe.propTypes = {
    * with the Typography component.
    * @default false
    */
-  disableTypography: o.bool,
+  disableTypography: e.bool,
   /**
    * If `true`, the children are indented.
    * This should be used if there is no left avatar or left icon.
    * @default false
    */
-  inset: o.bool,
+  inset: e.bool,
   /**
    * The main content element.
    */
-  primary: o.node,
+  primary: e.node,
   /**
    * These props will be forwarded to the primary typography component
    * (as long as disableTypography is not `true`).
    * @deprecated Use `slotProps.primary` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  primaryTypographyProps: o.object,
+  primaryTypographyProps: e.object,
   /**
    * The secondary content element.
    */
-  secondary: o.node,
+  secondary: e.node,
   /**
    * These props will be forwarded to the secondary typography component
    * (as long as disableTypography is not `true`).
    * @deprecated Use `slotProps.secondary` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  secondaryTypographyProps: o.object,
+  secondaryTypographyProps: e.object,
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: o.shape({
-    primary: o.oneOfType([o.func, o.object]),
-    root: o.oneOfType([o.func, o.object]),
-    secondary: o.oneOfType([o.func, o.object])
+  slotProps: e.shape({
+    primary: e.oneOfType([e.func, e.object]),
+    root: e.oneOfType([e.func, e.object]),
+    secondary: e.oneOfType([e.func, e.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: o.shape({
-    primary: o.elementType,
-    root: o.elementType,
-    secondary: o.elementType
+  slots: e.shape({
+    primary: e.elementType,
+    root: e.elementType,
+    secondary: e.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
 export {
-  Y as L,
-  oe as a
+  X as L,
+  oo as a
 };