@cgi-learning-hub/ui 1.4.0-dev.1742033609 → 1.4.0-dev.1742203139

package/dist/List-BTPrBGqY.js

@@ -1,130 +0,0 @@
-import * as i from "react";
-import { G as h, H as y, I as L, P as s } from "./generateUtilityClasses-EXBFO7eY.js";
-import { jsx as v, jsxs as x } from "react/jsx-runtime";
-import { u as C, s as P, c as N } from "./DefaultPropsProvider-CQixa6JQ.js";
-const p = /* @__PURE__ */ i.createContext({});
-process.env.NODE_ENV !== "production" && (p.displayName = "ListContext");
-function T(e) {
-  return y("MuiList", e);
-}
-const S = h("MuiList", ["root", "padding", "dense", "subheader"]), j = (e) => {
-  const {
-    classes: o,
-    disablePadding: t,
-    dense: a,
-    subheader: n
-  } = e;
-  return N({
-    root: ["root", !t && "padding", a && "dense", n && "subheader"]
-  }, T, o);
-}, M = P("ul", {
-  name: "MuiList",
-  slot: "Root",
-  overridesResolver: (e, o) => {
-    const {
-      ownerState: t
-    } = e;
-    return [o.root, !t.disablePadding && o.padding, t.dense && o.dense, t.subheader && o.subheader];
-  }
-})({
-  listStyle: "none",
-  margin: 0,
-  padding: 0,
-  position: "relative",
-  variants: [{
-    props: ({
-      ownerState: e
-    }) => !e.disablePadding,
-    style: {
-      paddingTop: 8,
-      paddingBottom: 8
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => e.subheader,
-    style: {
-      paddingTop: 0
-    }
-  }]
-}), O = /* @__PURE__ */ i.forwardRef(function(o, t) {
-  const a = C({
-    props: o,
-    name: "MuiList"
-  }), {
-    children: n,
-    className: d,
-    component: l = "ul",
-    dense: r = !1,
-    disablePadding: u = !1,
-    subheader: m,
-    ...b
-  } = a, f = i.useMemo(() => ({
-    dense: r
-  }), [r]), c = {
-    ...a,
-    component: l,
-    dense: r,
-    disablePadding: u
-  }, g = j(c);
-  return /* @__PURE__ */ v(p.Provider, {
-    value: f,
-    children: /* @__PURE__ */ x(M, {
-      as: l,
-      className: L(g.root, d),
-      ref: t,
-      ownerState: c,
-      ...b,
-      children: [m, n]
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (O.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: s.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: s.object,
-  /**
-   * @ignore
-   */
-  className: s.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: s.elementType,
-  /**
-   * If `true`, compact vertical padding designed for keyboard and mouse input is used for
-   * the list and list items.
-   * The prop is available to descendant components as the `dense` context.
-   * @default false
-   */
-  dense: s.bool,
-  /**
-   * If `true`, vertical padding is removed from the list.
-   * @default false
-   */
-  disablePadding: s.bool,
-  /**
-   * The content of the subheader, normally `ListSubheader`.
-   */
-  subheader: s.node,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object])
-});
-export {
-  O as L,
-  p as a,
-  T as g,
-  S as l
-};

package/dist/List-Bo4pzQqG.cjs

@@ -1 +0,0 @@
-"use strict";const C=require("react"),e=require("./generateUtilityClasses-De8NU9_E.cjs"),y=require("react/jsx-runtime"),d=require("./DefaultPropsProvider-wpBXjN8r.cjs");function L(s){const t=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(t,o,n.get?n:{enumerable:!0,get:()=>s[o]})}}return t.default=s,Object.freeze(t)}const p=L(C),c=p.createContext({});process.env.NODE_ENV!=="production"&&(c.displayName="ListContext");function P(s){return e.generateUtilityClass("MuiList",s)}const v=e.generateUtilityClasses("MuiList",["root","padding","dense","subheader"]),j=s=>{const{classes:t,disablePadding:o,dense:n,subheader:r}=s,i={root:["root",!o&&"padding",n&&"dense",r&&"subheader"]};return d.composeClasses(i,P,t)},x=d.styled("ul",{name:"MuiList",slot:"Root",overridesResolver:(s,t)=>{const{ownerState:o}=s;return[t.root,!o.disablePadding&&t.padding,o.dense&&t.dense,o.subheader&&t.subheader]}})({listStyle:"none",margin:0,padding:0,position:"relative",variants:[{props:({ownerState:s})=>!s.disablePadding,style:{paddingTop:8,paddingBottom:8}},{props:({ownerState:s})=>s.subheader,style:{paddingTop:0}}]}),b=p.forwardRef(function(t,o){const n=d.useDefaultProps({props:t,name:"MuiList"}),{children:r,className:i,component:l="ul",dense:a=!1,disablePadding:f=!1,subheader:g,...T}=n,m=p.useMemo(()=>({dense:a}),[a]),u={...n,component:l,dense:a,disablePadding:f},h=j(u);return y.jsx(c.Provider,{value:m,children:y.jsxs(x,{as:l,className:e.clsx(h.root,i),ref:o,ownerState:u,...T,children:[g,r]})})});process.env.NODE_ENV!=="production"&&(b.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,dense:e.PropTypes.bool,disablePadding:e.PropTypes.bool,subheader:e.PropTypes.node,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])});exports.List=b;exports.ListContext=c;exports.getListUtilityClass=P;exports.listClasses=v;

package/dist/ListItem-C9OfYRAP.js

@@ -1,423 +0,0 @@
-import * as r from "react";
-import { G as x, H as L, I as C, P as e } from "./generateUtilityClasses-EXBFO7eY.js";
-import { i as w } from "./isHostComponent-kiaBvYVo.js";
-import { m as q } from "./memoTheme-DJWQ754x.js";
-import { a as h } from "./List-BTPrBGqY.js";
-import { jsx as f, jsxs as O } from "react/jsx-runtime";
-import { u as U, s as A, c as B } from "./DefaultPropsProvider-CQixa6JQ.js";
-import { i as k } from "./isMuiElement-DnSE4qG4.js";
-import { u as J } from "./useForkRef-C_4o__cU.js";
-import { e as K } from "./elementTypeAcceptingRef-B04tk6ag.js";
-import { c as Q } from "./chainPropTypes-D9lkm76m.js";
-function W(o) {
-  return L("MuiListItem", o);
-}
-const bt = x("MuiListItem", ["root", "container", "dense", "alignItemsFlexStart", "divider", "gutters", "padding", "secondaryAction"]);
-function ht(o) {
-  return L("MuiListItemButton", o);
-}
-const X = x("MuiListItemButton", ["root", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "selected"]);
-function Z(o) {
-  return L("MuiListItemSecondaryAction", o);
-}
-x("MuiListItemSecondaryAction", ["root", "disableGutters"]);
-const tt = (o) => {
-  const {
-    disableGutters: t,
-    classes: s
-  } = o;
-  return B({
-    root: ["root", t && "disableGutters"]
-  }, Z, s);
-}, et = A("div", {
-  name: "MuiListItemSecondaryAction",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: s
-    } = o;
-    return [t.root, s.disableGutters && t.disableGutters];
-  }
-})({
-  position: "absolute",
-  right: 16,
-  top: "50%",
-  transform: "translateY(-50%)",
-  variants: [{
-    props: ({
-      ownerState: o
-    }) => o.disableGutters,
-    style: {
-      right: 0
-    }
-  }]
-}), S = /* @__PURE__ */ r.forwardRef(function(t, s) {
-  const n = U({
-    props: t,
-    name: "MuiListItemSecondaryAction"
-  }), {
-    className: i,
-    ...l
-  } = n, p = r.useContext(h), a = {
-    ...n,
-    disableGutters: p.disableGutters
-  }, g = tt(a);
-  return /* @__PURE__ */ f(et, {
-    className: C(g.root, i),
-    ownerState: a,
-    ref: s,
-    ...l
-  });
-});
-process.env.NODE_ENV !== "production" && (S.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component, normally an `IconButton` or selection control.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
-});
-S.muiName = "ListItemSecondaryAction";
-const ot = (o, t) => {
-  const {
-    ownerState: s
-  } = o;
-  return [t.root, s.dense && t.dense, s.alignItems === "flex-start" && t.alignItemsFlexStart, s.divider && t.divider, !s.disableGutters && t.gutters, !s.disablePadding && t.padding, s.hasSecondaryAction && t.secondaryAction];
-}, st = (o) => {
-  const {
-    alignItems: t,
-    classes: s,
-    dense: n,
-    disableGutters: i,
-    disablePadding: l,
-    divider: p,
-    hasSecondaryAction: a
-  } = o;
-  return B({
-    root: ["root", n && "dense", !i && "gutters", !l && "padding", p && "divider", t === "flex-start" && "alignItemsFlexStart", a && "secondaryAction"],
-    container: ["container"]
-  }, W, s);
-}, nt = A("div", {
-  name: "MuiListItem",
-  slot: "Root",
-  overridesResolver: ot
-})(q(({
-  theme: o
-}) => ({
-  display: "flex",
-  justifyContent: "flex-start",
-  alignItems: "center",
-  position: "relative",
-  textDecoration: "none",
-  width: "100%",
-  boxSizing: "border-box",
-  textAlign: "left",
-  variants: [{
-    props: ({
-      ownerState: t
-    }) => !t.disablePadding,
-    style: {
-      paddingTop: 8,
-      paddingBottom: 8
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => !t.disablePadding && t.dense,
-    style: {
-      paddingTop: 4,
-      paddingBottom: 4
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => !t.disablePadding && !t.disableGutters,
-    style: {
-      paddingLeft: 16,
-      paddingRight: 16
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => !t.disablePadding && !!t.secondaryAction,
-    style: {
-      // Add some space to avoid collision as `ListItemSecondaryAction`
-      // is absolutely positioned.
-      paddingRight: 48
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => !!t.secondaryAction,
-    style: {
-      [`& > .${X.root}`]: {
-        paddingRight: 48
-      }
-    }
-  }, {
-    props: {
-      alignItems: "flex-start"
-    },
-    style: {
-      alignItems: "flex-start"
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.divider,
-    style: {
-      borderBottom: `1px solid ${(o.vars || o).palette.divider}`,
-      backgroundClip: "padding-box"
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.button,
-    style: {
-      transition: o.transitions.create("background-color", {
-        duration: o.transitions.duration.shortest
-      }),
-      "&:hover": {
-        textDecoration: "none",
-        backgroundColor: (o.vars || o).palette.action.hover,
-        // Reset on touch devices, it doesn't add specificity
-        "@media (hover: none)": {
-          backgroundColor: "transparent"
-        }
-      }
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.hasSecondaryAction,
-    style: {
-      // Add some space to avoid collision as `ListItemSecondaryAction`
-      // is absolutely positioned.
-      paddingRight: 48
-    }
-  }]
-}))), it = A("li", {
-  name: "MuiListItem",
-  slot: "Container",
-  overridesResolver: (o, t) => t.container
-})({
-  position: "relative"
-}), rt = /* @__PURE__ */ r.forwardRef(function(t, s) {
-  const n = U({
-    props: t,
-    name: "MuiListItem"
-  }), {
-    alignItems: i = "center",
-    children: l,
-    className: p,
-    component: a,
-    components: g = {},
-    componentsProps: E = {},
-    ContainerComponent: P = "li",
-    ContainerProps: {
-      className: F,
-      ...D
-    } = {},
-    dense: R = !1,
-    disableGutters: I = !1,
-    disablePadding: V = !1,
-    divider: $ = !1,
-    secondaryAction: N,
-    slotProps: H = {},
-    slots: Y = {},
-    ..._
-  } = n, T = r.useContext(h), v = r.useMemo(() => ({
-    dense: R || T.dense || !1,
-    alignItems: i,
-    disableGutters: I
-  }), [i, T.dense, R, I]), z = r.useRef(null), c = r.Children.toArray(l), G = c.length && k(c[c.length - 1], ["ListItemSecondaryAction"]), y = {
-    ...n,
-    alignItems: i,
-    dense: v.dense,
-    disableGutters: I,
-    disablePadding: V,
-    divider: $,
-    hasSecondaryAction: G
-  }, M = st(y), j = J(z, s), b = Y.root || g.Root || nt, m = H.root || E.root || {}, u = {
-    className: C(M.root, m.className, p),
-    ..._
-  };
-  let d = a || "li";
-  return G ? (d = !u.component && !a ? "div" : d, P === "li" && (d === "li" ? d = "div" : u.component === "li" && (u.component = "div")), /* @__PURE__ */ f(h.Provider, {
-    value: v,
-    children: /* @__PURE__ */ O(it, {
-      as: P,
-      className: C(M.container, F),
-      ref: j,
-      ownerState: y,
-      ...D,
-      children: [/* @__PURE__ */ f(b, {
-        ...m,
-        ...!w(b) && {
-          as: d,
-          ownerState: {
-            ...y,
-            ...m.ownerState
-          }
-        },
-        ...u,
-        children: c
-      }), c.pop()]
-    })
-  })) : /* @__PURE__ */ f(h.Provider, {
-    value: v,
-    children: /* @__PURE__ */ O(b, {
-      ...m,
-      as: d,
-      ref: j,
-      ...!w(b) && {
-        ownerState: {
-          ...y,
-          ...m.ownerState
-        }
-      },
-      ...u,
-      children: [c, N && /* @__PURE__ */ f(S, {
-        children: N
-      })]
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (rt.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Defines the `align-items` style property.
-   * @default 'center'
-   */
-  alignItems: e.oneOf(["center", "flex-start"]),
-  /**
-   * The content of the component if a `ListItemSecondaryAction` is used it must
-   * be the last child.
-   */
-  children: Q(e.node, (o) => {
-    const t = r.Children.toArray(o.children);
-    let s = -1;
-    for (let n = t.length - 1; n >= 0; n -= 1) {
-      const i = t[n];
-      if (k(i, ["ListItemSecondaryAction"])) {
-        s = n;
-        break;
-      }
-    }
-    return s !== -1 && s !== t.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;
-  }),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated Use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default {}
-   */
-  components: e.shape({
-    Root: e.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated Use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default {}
-   */
-  componentsProps: e.shape({
-    root: e.object
-  }),
-  /**
-   * The container component used when a `ListItemSecondaryAction` is the last child.
-   * @default 'li'
-   * @deprecated Use the `component` or `slots.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  ContainerComponent: K,
-  /**
-   * Props applied to the container component if used.
-   * @default {}
-   * @deprecated Use the `slotProps.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  ContainerProps: e.object,
-  /**
-   * 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: e.bool,
-  /**
-   * If `true`, the left and right padding is removed.
-   * @default false
-   */
-  disableGutters: e.bool,
-  /**
-   * If `true`, all padding is removed.
-   * @default false
-   */
-  disablePadding: e.bool,
-  /**
-   * If `true`, a 1px light border is added to the bottom of the list item.
-   * @default false
-   */
-  divider: e.bool,
-  /**
-   * The element to display at the end of ListItem.
-   */
-  secondaryAction: e.node,
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @default {}
-   */
-  slotProps: e.shape({
-    root: e.object
-  }),
-  /**
-   * The components used for each slot inside.
-   *
-   * @default {}
-   */
-  slots: e.shape({
-    root: e.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
-});
-export {
-  rt as L,
-  X as a,
-  ht as b,
-  W as g,
-  bt as l
-};

package/dist/ListItem-CB4JyjSb.cjs

@@ -1 +0,0 @@
-"use strict";const V=require("react"),t=require("./generateUtilityClasses-De8NU9_E.cjs"),M=require("./isHostComponent-PydJW4A4.cjs"),$=require("./memoTheme-DrjvJtTP.cjs"),T=require("./List-Bo4pzQqG.cjs"),c=require("react/jsx-runtime"),l=require("./DefaultPropsProvider-wpBXjN8r.cjs"),N=require("./isMuiElement-BzDAj3yJ.cjs"),z=require("./useForkRef-CTI33h-3.cjs"),Y=require("./elementTypeAcceptingRef-BjgxF5Bq.cjs"),J=require("./chainPropTypes-CEUi6Jb4.cjs");function K(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 i=K(V);function U(s){return t.generateUtilityClass("MuiListItem",s)}const Q=t.generateUtilityClasses("MuiListItem",["root","container","dense","alignItemsFlexStart","divider","gutters","padding","secondaryAction"]);function W(s){return t.generateUtilityClass("MuiListItemButton",s)}const O=t.generateUtilityClasses("MuiListItemButton",["root","focusVisible","dense","alignItemsFlexStart","disabled","divider","gutters","selected"]);function X(s){return t.generateUtilityClass("MuiListItemSecondaryAction",s)}t.generateUtilityClasses("MuiListItemSecondaryAction",["root","disableGutters"]);const Z=s=>{const{disableGutters:e,classes:o}=s,n={root:["root",e&&"disableGutters"]};return l.composeClasses(n,X,o)},ee=l.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}}]}),h=i.forwardRef(function(e,o){const n=l.useDefaultProps({props:e,name:"MuiListItemSecondaryAction"}),{className:r,...u}=n,y=i.useContext(T.ListContext),a={...n,disableGutters:y.disableGutters},m=Z(a);return c.jsx(ee,{className:t.clsx(m.root,r),ownerState:a,ref:o,...u})});process.env.NODE_ENV!=="production"&&(h.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])});h.muiName="ListItemSecondaryAction";const te=(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]},se=s=>{const{alignItems:e,classes:o,dense:n,disableGutters:r,disablePadding:u,divider:y,hasSecondaryAction:a}=s,m={root:["root",n&&"dense",!r&&"gutters",!u&&"padding",y&&"divider",e==="flex-start"&&"alignItemsFlexStart",a&&"secondaryAction"],container:["container"]};return l.composeClasses(m,U,o)},oe=l.styled("div",{name:"MuiListItem",slot:"Root",overridesResolver:te})($.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:{[`& > .${O.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}}]}))),ne=l.styled("li",{name:"MuiListItem",slot:"Container",overridesResolver:(s,e)=>e.container})({position:"relative"}),G=i.forwardRef(function(e,o){const n=l.useDefaultProps({props:e,name:"MuiListItem"}),{alignItems:r="center",children:u,className:y,component:a,components:m={},componentsProps:w={},ContainerComponent:x="li",ContainerProps:{className:q,...B}={},dense:v=!1,disableGutters:C=!1,disablePadding:D=!1,divider:k=!1,secondaryAction:L,slotProps:E={},slots:F={},..._}=n,S=i.useContext(T.ListContext),I=i.useMemo(()=>({dense:v||S.dense||!1,alignItems:r,disableGutters:C}),[r,S.dense,v,C]),H=i.useRef(null),p=i.Children.toArray(u),A=p.length&&N.isMuiElement(p[p.length-1],["ListItemSecondaryAction"]),P={...n,alignItems:r,dense:I.dense,disableGutters:C,disablePadding:D,divider:k,hasSecondaryAction:A},R=se(P),j=z.useForkRef(H,o),b=F.root||m.Root||oe,g=E.root||w.root||{},f={className:t.clsx(R.root,g.className,y),..._};let d=a||"li";return A?(d=!f.component&&!a?"div":d,x==="li"&&(d==="li"?d="div":f.component==="li"&&(f.component="div")),c.jsx(T.ListContext.Provider,{value:I,children:c.jsxs(ne,{as:x,className:t.clsx(R.container,q),ref:j,ownerState:P,...B,children:[c.jsx(b,{...g,...!M.isHostComponent(b)&&{as:d,ownerState:{...P,...g.ownerState}},...f,children:p}),p.pop()]})})):c.jsx(T.ListContext.Provider,{value:I,children:c.jsxs(b,{...g,as:d,ref:j,...!M.isHostComponent(b)&&{ownerState:{...P,...g.ownerState}},...f,children:[p,L&&c.jsx(h,{children:L})]})})});process.env.NODE_ENV!=="production"&&(G.propTypes={alignItems:t.PropTypes.oneOf(["center","flex-start"]),children:J.chainPropTypes(t.PropTypes.node,s=>{const e=i.Children.toArray(s.children);let o=-1;for(let n=e.length-1;n>=0;n-=1){const r=e[n];if(N.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:Y.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=G;exports.getListItemButtonUtilityClass=W;exports.getListItemUtilityClass=U;exports.listItemButtonClasses=O;exports.listItemClasses=Q;