@cgi-learning-hub/ui 1.9.0 → 1.10.0

package/dist/Link-T11NCxGd.cjs

@@ -1 +0,0 @@
-"use strict";const V=require("react"),t=require("./index-kjfz41UI.cjs"),n=require("./generateUtilityClasses-CENS22bI.cjs"),F=require("./useTheme-BrGF2Vm0.cjs"),R=require("react/jsx-runtime"),y=require("./DefaultPropsProvider-C1g4BXET.cjs"),$=require("./memoTheme-Bi1UNdyO.cjs"),A=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),v=require("./capitalize-3OjkeP9i.cjs"),N=require("./Typography-DHjq4GzQ.cjs"),x=require("./isFocusVisible-DlSijby6.cjs"),z=require("./elementTypeAcceptingRef-vjR5jGLx.cjs");function M(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const h=M(V);function k(e){return n.generateUtilityClass("MuiLink",e)}const w=n.generateUtilityClasses("MuiLink",["root","underlineNone","underlineHover","underlineAlways","button","focusVisible"]),U=({theme:e,ownerState:o})=>{const r=o.color;if("colorSpace"in e&&e.colorSpace){const l=n.getPath(e,`palette.${r}.main`)||n.getPath(e,`palette.${r}`)||o.color;return e.alpha(l,.4)}const s=n.getPath(e,`palette.${r}.main`,!1)||n.getPath(e,`palette.${r}`,!1)||o.color,i=n.getPath(e,`palette.${r}.mainChannel`)||n.getPath(e,`palette.${r}Channel`);return"vars"in e&&i?`rgba(${i} / 0.4)`:n.alpha(s,.4)},m={primary:!0,secondary:!0,error:!0,info:!0,success:!0,warning:!0,textPrimary:!0,textSecondary:!0,textDisabled:!0},B=e=>{const{classes:o,component:r,focusVisible:s,underline:i}=e,l={root:["root",`underline${v.capitalize(i)}`,r==="button"&&"button",s&&"focusVisible"]};return y.composeClasses(l,k,o)},_=y.styled(N.Typography,{name:"MuiLink",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:r}=e;return[o.root,o[`underline${v.capitalize(r.underline)}`],r.component==="button"&&o.button]}})($.memoTheme(({theme:e})=>({variants:[{props:{underline:"none"},style:{textDecoration:"none"}},{props:{underline:"hover"},style:{textDecoration:"none","&:hover":{textDecoration:"underline"}}},{props:{underline:"always"},style:{textDecoration:"underline","&:hover":{textDecorationColor:"inherit"}}},{props:({underline:o,ownerState:r})=>o==="always"&&r.color!=="inherit",style:{textDecorationColor:"var(--Link-underlineColor)"}},{props:({underline:o,ownerState:r})=>o==="always"&&r.color==="inherit",style:e.colorSpace?{textDecorationColor:e.alpha("currentColor",.4)}:null},...Object.entries(e.palette).filter(A.createSimplePaletteValueFilter()).map(([o])=>({props:{underline:"always",color:o},style:{"--Link-underlineColor":e.alpha((e.vars||e).palette[o].main,.4)}})),{props:{underline:"always",color:"textPrimary"},style:{"--Link-underlineColor":e.alpha((e.vars||e).palette.text.primary,.4)}},{props:{underline:"always",color:"textSecondary"},style:{"--Link-underlineColor":e.alpha((e.vars||e).palette.text.secondary,.4)}},{props:{underline:"always",color:"textDisabled"},style:{"--Link-underlineColor":(e.vars||e).palette.text.disabled}},{props:{component:"button"},style:{position:"relative",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none","&::-moz-focus-inner":{borderStyle:"none"},[`&.${w.focusVisible}`]:{outline:"auto"}}}]}))),D=h.forwardRef(function(o,r){const s=y.useDefaultProps({props:o,name:"MuiLink"}),i=F.useTheme(),{className:l,color:a="primary",component:d="a",onBlur:f,onFocus:b,TypographyClasses:L,underline:T="always",variant:P="inherit",sx:p,...g}=s,[O,C]=h.useState(!1),S=c=>{x.isFocusVisible(c.target)||C(!1),f&&f(c)},j=c=>{x.isFocusVisible(c.target)&&C(!0),b&&b(c)},u={...s,color:a,component:d,focusVisible:O,underline:T,variant:P},q=B(u);return R.jsx(_,{color:a,className:n.clsx(q.root,l),classes:L,component:d,onBlur:S,onFocus:j,ref:r,ownerState:u,variant:P,...g,sx:[...m[a]===void 0?[{color:a}]:[],...Array.isArray(p)?p:[p]],style:{...g.style,...T==="always"&&a!=="inherit"&&!m[a]&&{"--Link-underlineColor":U({theme:i,ownerState:u})}}})});process.env.NODE_ENV!=="production"&&(D.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOfType([t.PropTypes.oneOf(["primary","secondary","success","error","info","warning","textPrimary","textSecondary","textDisabled"]),t.PropTypes.string]),component:z.elementTypeAcceptingRef,onBlur:t.PropTypes.func,onFocus:t.PropTypes.func,style:t.PropTypes.object,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),TypographyClasses:t.PropTypes.object,underline:t.PropTypes.oneOf(["always","hover","none"]),variant:t.PropTypes.oneOfType([t.PropTypes.oneOf(["body1","body2","button","caption","h1","h2","h3","h4","h5","h6","inherit","overline","subtitle1","subtitle2"]),t.PropTypes.string])});exports.Link=D;exports.getLinkUtilityClass=k;exports.linkClasses=w;

package/dist/Link-hWCqsQiI.js

@@ -1,281 +0,0 @@
-import * as g from "react";
-import { P as e } from "./index-B9vkf41S.js";
-import { F as O, G as $, S as i, n as V, H as F } from "./generateUtilityClasses-B_xKAflz.js";
-import { u as P } from "./useTheme-0AkY41zn.js";
-import { jsx as j } from "react/jsx-runtime";
-import { u as A, s as R, c as N } from "./DefaultPropsProvider-BrmlvPWg.js";
-import { m as M } from "./memoTheme-C-PaH-Cy.js";
-import { c as B } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { c as h } from "./capitalize-BHEX83JQ.js";
-import { T as U } from "./Typography-Cr-aIusw.js";
-import { i as v } from "./isFocusVisible-CPZqtjv2.js";
-import { e as z } from "./elementTypeAcceptingRef-vRb2iI4O.js";
-function H(o) {
-  return $("MuiLink", o);
-}
-const E = O("MuiLink", ["root", "underlineNone", "underlineHover", "underlineAlways", "button", "focusVisible"]), W = ({
-  theme: o,
-  ownerState: r
-}) => {
-  const n = r.color;
-  if ("colorSpace" in o && o.colorSpace) {
-    const l = i(o, `palette.${n}.main`) || i(o, `palette.${n}`) || r.color;
-    return o.alpha(l, 0.4);
-  }
-  const t = i(o, `palette.${n}.main`, !1) || i(o, `palette.${n}`, !1) || r.color, s = i(o, `palette.${n}.mainChannel`) || i(o, `palette.${n}Channel`);
-  return "vars" in o && s ? `rgba(${s} / 0.4)` : V(t, 0.4);
-}, k = {
-  primary: !0,
-  secondary: !0,
-  error: !0,
-  info: !0,
-  success: !0,
-  warning: !0,
-  textPrimary: !0,
-  textSecondary: !0,
-  textDisabled: !0
-}, G = (o) => {
-  const {
-    classes: r,
-    component: n,
-    focusVisible: t,
-    underline: s
-  } = o, l = {
-    root: ["root", `underline${h(s)}`, n === "button" && "button", t && "focusVisible"]
-  };
-  return N(l, H, r);
-}, _ = R(U, {
-  name: "MuiLink",
-  slot: "Root",
-  overridesResolver: (o, r) => {
-    const {
-      ownerState: n
-    } = o;
-    return [r.root, r[`underline${h(n.underline)}`], n.component === "button" && r.button];
-  }
-})(M(({
-  theme: o
-}) => ({
-  variants: [{
-    props: {
-      underline: "none"
-    },
-    style: {
-      textDecoration: "none"
-    }
-  }, {
-    props: {
-      underline: "hover"
-    },
-    style: {
-      textDecoration: "none",
-      "&:hover": {
-        textDecoration: "underline"
-      }
-    }
-  }, {
-    props: {
-      underline: "always"
-    },
-    style: {
-      textDecoration: "underline",
-      "&:hover": {
-        textDecorationColor: "inherit"
-      }
-    }
-  }, {
-    props: ({
-      underline: r,
-      ownerState: n
-    }) => r === "always" && n.color !== "inherit",
-    style: {
-      textDecorationColor: "var(--Link-underlineColor)"
-    }
-  }, {
-    props: ({
-      underline: r,
-      ownerState: n
-    }) => r === "always" && n.color === "inherit",
-    style: o.colorSpace ? {
-      textDecorationColor: o.alpha("currentColor", 0.4)
-    } : null
-  }, ...Object.entries(o.palette).filter(B()).map(([r]) => ({
-    props: {
-      underline: "always",
-      color: r
-    },
-    style: {
-      "--Link-underlineColor": o.alpha((o.vars || o).palette[r].main, 0.4)
-    }
-  })), {
-    props: {
-      underline: "always",
-      color: "textPrimary"
-    },
-    style: {
-      "--Link-underlineColor": o.alpha((o.vars || o).palette.text.primary, 0.4)
-    }
-  }, {
-    props: {
-      underline: "always",
-      color: "textSecondary"
-    },
-    style: {
-      "--Link-underlineColor": o.alpha((o.vars || o).palette.text.secondary, 0.4)
-    }
-  }, {
-    props: {
-      underline: "always",
-      color: "textDisabled"
-    },
-    style: {
-      "--Link-underlineColor": (o.vars || o).palette.text.disabled
-    }
-  }, {
-    props: {
-      component: "button"
-    },
-    style: {
-      position: "relative",
-      WebkitTapHighlightColor: "transparent",
-      backgroundColor: "transparent",
-      // Reset default value
-      // We disable the focus ring for mouse, touch and keyboard users.
-      outline: 0,
-      border: 0,
-      margin: 0,
-      // Remove the margin in Safari
-      borderRadius: 0,
-      padding: 0,
-      // Remove the padding in Firefox
-      cursor: "pointer",
-      userSelect: "none",
-      verticalAlign: "middle",
-      MozAppearance: "none",
-      // Reset
-      WebkitAppearance: "none",
-      // Reset
-      "&::-moz-focus-inner": {
-        borderStyle: "none"
-        // Remove Firefox dotted outline.
-      },
-      [`&.${E.focusVisible}`]: {
-        outline: "auto"
-      }
-    }
-  }]
-}))), q = /* @__PURE__ */ g.forwardRef(function(r, n) {
-  const t = A({
-    props: r,
-    name: "MuiLink"
-  }), s = P(), {
-    className: l,
-    color: a = "primary",
-    component: y = "a",
-    onBlur: d,
-    onFocus: f,
-    TypographyClasses: w,
-    underline: m = "always",
-    variant: b = "inherit",
-    sx: p,
-    ...x
-  } = t, [L, C] = g.useState(!1), T = (c) => {
-    v(c.target) || C(!1), d && d(c);
-  }, D = (c) => {
-    v(c.target) && C(!0), f && f(c);
-  }, u = {
-    ...t,
-    color: a,
-    component: y,
-    focusVisible: L,
-    underline: m,
-    variant: b
-  }, S = G(u);
-  return /* @__PURE__ */ j(_, {
-    color: a,
-    className: F(S.root, l),
-    classes: w,
-    component: y,
-    onBlur: T,
-    onFocus: D,
-    ref: n,
-    ownerState: u,
-    variant: b,
-    ...x,
-    sx: [...k[a] === void 0 ? [{
-      color: a
-    }] : [], ...Array.isArray(p) ? p : [p]],
-    style: {
-      ...x.style,
-      ...m === "always" && a !== "inherit" && !k[a] && {
-        "--Link-underlineColor": W({
-          theme: s,
-          ownerState: u
-        })
-      }
-    }
-  });
-});
-process.env.NODE_ENV !== "production" && (q.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: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The color of the link.
-   * @default 'primary'
-   */
-  color: e.oneOfType([e.oneOf(["primary", "secondary", "success", "error", "info", "warning", "textPrimary", "textSecondary", "textDisabled"]), e.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: z,
-  /**
-   * @ignore
-   */
-  onBlur: e.func,
-  /**
-   * @ignore
-   */
-  onFocus: e.func,
-  /**
-   * @ignore
-   */
-  style: e.object,
-  /**
-   * 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]),
-  /**
-   * `classes` prop applied to the [`Typography`](https://mui.com/material-ui/api/typography/) element.
-   */
-  TypographyClasses: e.object,
-  /**
-   * Controls when the link should have an underline.
-   * @default 'always'
-   */
-  underline: e.oneOf(["always", "hover", "none"]),
-  /**
-   * Applies the theme typography styles.
-   * @default 'inherit'
-   */
-  variant: e.oneOfType([e.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), e.string])
-});
-export {
-  q as L,
-  H as g,
-  E as l
-};

package/dist/List-CmJ1jCss.js

@@ -1,131 +0,0 @@
-import * as i from "react";
-import { P as s } from "./index-B9vkf41S.js";
-import { F as h, G as y, H as L } from "./generateUtilityClasses-B_xKAflz.js";
-import { jsx as v, jsxs as x } from "react/jsx-runtime";
-import { u as C, s as P, c as N } from "./DefaultPropsProvider-BrmlvPWg.js";
-const p = /* @__PURE__ */ i.createContext({});
-process.env.NODE_ENV !== "production" && (p.displayName = "ListContext");
-function T(e) {
-  return y("MuiList", e);
-}
-const U = 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,
-  U as l
-};

package/dist/List-eQ4D0MvJ.cjs

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

package/dist/ListItem-CgWgbZ_g.cjs

@@ -1 +0,0 @@
-"use strict";const $=require("react"),t=require("./index-kjfz41UI.cjs"),i=require("./generateUtilityClasses-CENS22bI.cjs"),N=require("./isHostComponent-PydJW4A4.cjs"),z=require("./memoTheme-Bi1UNdyO.cjs"),C=require("./List-eQ4D0MvJ.cjs"),l=require("react/jsx-runtime"),p=require("./DefaultPropsProvider-C1g4BXET.cjs"),U=require("./isMuiElement-BzDAj3yJ.cjs"),Y=require("./useForkRef-CFhhTu-Q.cjs"),J=require("./elementTypeAcceptingRef-vjR5jGLx.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 O(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,O,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&&U.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(U.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=O;exports.listItemButtonClasses=G;exports.listItemClasses=W;