@cgi-learning-hub/ui 1.5.1 → 1.6.0

package/dist/ListItemText-afV0BrJL.js

@@ -1,928 +0,0 @@
-import * as O from "react";
-import { G as H, H as K, I as W, U as L, V as D, P as o, n as P } from "./generateUtilityClasses-BpRGbQmY.js";
-import { u as U, s as z, c as F, r as J } from "./DefaultPropsProvider-Ik4eAJdt.js";
-import { u as Q } from "./useTheme-BDL2rp7a.js";
-import { jsx as w, jsxs as X } from "react/jsx-runtime";
-import { e as Y } from "./extendSxProp-DSA-5JvJ.js";
-import { m as ee } from "./memoTheme-44McxcVZ.js";
-import { a as V } from "./List-DJsqHOqv.js";
-import { b as oe, a as C } from "./ListItem-BspNcHM_.js";
-import { u as te } from "./useEnhancedEffect-CJGo-L3B.js";
-import { u as re } from "./useForkRef-C_4o__cU.js";
-import { B as ne } from "./ButtonBase-Bncgzjtp.js";
-import { g as se, l as E } from "./listItemTextClasses-Cy10XsJj.js";
-import { u as _ } from "./useSlot-CYOxsM2I.js";
-import { T as B, t as q } from "./Typography-DBJqhIhB.js";
-function ae(e, t) {
-  if (process.env.NODE_ENV === "production")
-    return () => null;
-  const r = t ? {
-    ...t.propTypes
-  } : null;
-  return (n) => (a, i, p, l, c, ...d) => {
-    const u = c || i, f = r == null ? void 0 : r[u];
-    if (f) {
-      const m = f(a, i, p, l, c, ...d);
-      if (m)
-        return m;
-    }
-    return typeof a[i] < "u" && !a[n] ? new Error(`The prop \`${u}\` of \`${e}\` can only be used together with the \`${n}\` prop.`) : null;
-  };
-}
-const M = /* @__PURE__ */ O.createContext();
-process.env.NODE_ENV !== "production" && (M.displayName = "GridContext");
-function ie(e) {
-  return K("MuiGrid", e);
-}
-const ce = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10], le = ["column-reverse", "column", "row-reverse", "row"], pe = ["nowrap", "wrap-reverse", "wrap"], S = ["auto", !0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], N = H("MuiGrid", [
-  "root",
-  "container",
-  "item",
-  "zeroMinWidth",
-  // spacings
-  ...ce.map((e) => `spacing-xs-${e}`),
-  // direction values
-  ...le.map((e) => `direction-xs-${e}`),
-  // wrap values
-  ...pe.map((e) => `wrap-xs-${e}`),
-  // grid sizes for all breakpoints
-  ...S.map((e) => `grid-xs-${e}`),
-  ...S.map((e) => `grid-sm-${e}`),
-  ...S.map((e) => `grid-md-${e}`),
-  ...S.map((e) => `grid-lg-${e}`),
-  ...S.map((e) => `grid-xl-${e}`)
-]);
-function de({
-  theme: e,
-  ownerState: t
-}) {
-  let r;
-  return e.breakpoints.keys.reduce((s, n) => {
-    let a = {};
-    if (t[n] && (r = t[n]), !r)
-      return s;
-    if (r === !0)
-      a = {
-        flexBasis: 0,
-        flexGrow: 1,
-        maxWidth: "100%"
-      };
-    else if (r === "auto")
-      a = {
-        flexBasis: "auto",
-        flexGrow: 0,
-        flexShrink: 0,
-        maxWidth: "none",
-        width: "auto"
-      };
-    else {
-      const i = L({
-        values: t.columns,
-        breakpoints: e.breakpoints.values
-      }), p = typeof i == "object" ? i[n] : i;
-      if (p == null)
-        return s;
-      const l = `${Math.round(r / p * 1e8) / 1e6}%`;
-      let c = {};
-      if (t.container && t.item && t.columnSpacing !== 0) {
-        const d = e.spacing(t.columnSpacing);
-        if (d !== "0px") {
-          const u = `calc(${l} + ${d})`;
-          c = {
-            flexBasis: u,
-            maxWidth: u
-          };
-        }
-      }
-      a = {
-        flexBasis: l,
-        flexGrow: 0,
-        maxWidth: l,
-        ...c
-      };
-    }
-    return e.breakpoints.values[n] === 0 ? Object.assign(s, a) : s[e.breakpoints.up(n)] = a, s;
-  }, {});
-}
-function ue({
-  theme: e,
-  ownerState: t
-}) {
-  const r = L({
-    values: t.direction,
-    breakpoints: e.breakpoints.values
-  });
-  return D({
-    theme: e
-  }, r, (s) => {
-    const n = {
-      flexDirection: s
-    };
-    return s.startsWith("column") && (n[`& > .${N.item}`] = {
-      maxWidth: "none"
-    }), n;
-  });
-}
-function A({
-  breakpoints: e,
-  values: t
-}) {
-  let r = "";
-  Object.keys(t).forEach((n) => {
-    r === "" && t[n] !== 0 && (r = n);
-  });
-  const s = Object.keys(e).sort((n, a) => e[n] - e[a]);
-  return s.slice(0, s.indexOf(r));
-}
-function fe({
-  theme: e,
-  ownerState: t
-}) {
-  const {
-    container: r,
-    rowSpacing: s
-  } = t;
-  let n = {};
-  if (r && s !== 0) {
-    const a = L({
-      values: s,
-      breakpoints: e.breakpoints.values
-    });
-    let i;
-    typeof a == "object" && (i = A({
-      breakpoints: e.breakpoints.values,
-      values: a
-    })), n = D({
-      theme: e
-    }, a, (p, l) => {
-      const c = e.spacing(p);
-      return c !== "0px" ? {
-        marginTop: `calc(-1 * ${c})`,
-        [`& > .${N.item}`]: {
-          paddingTop: c
-        }
-      } : i != null && i.includes(l) ? {} : {
-        marginTop: 0,
-        [`& > .${N.item}`]: {
-          paddingTop: 0
-        }
-      };
-    });
-  }
-  return n;
-}
-function me({
-  theme: e,
-  ownerState: t
-}) {
-  const {
-    container: r,
-    columnSpacing: s
-  } = t;
-  let n = {};
-  if (r && s !== 0) {
-    const a = L({
-      values: s,
-      breakpoints: e.breakpoints.values
-    });
-    let i;
-    typeof a == "object" && (i = A({
-      breakpoints: e.breakpoints.values,
-      values: a
-    })), n = D({
-      theme: e
-    }, a, (p, l) => {
-      const c = e.spacing(p);
-      if (c !== "0px") {
-        const d = `calc(-1 * ${c})`;
-        return {
-          width: `calc(100% + ${c})`,
-          marginLeft: d,
-          [`& > .${N.item}`]: {
-            paddingLeft: c
-          }
-        };
-      }
-      return i != null && i.includes(l) ? {} : {
-        width: "100%",
-        marginLeft: 0,
-        [`& > .${N.item}`]: {
-          paddingLeft: 0
-        }
-      };
-    });
-  }
-  return n;
-}
-function ye(e, t, r = {}) {
-  if (!e || e <= 0)
-    return [];
-  if (typeof e == "string" && !Number.isNaN(Number(e)) || typeof e == "number")
-    return [r[`spacing-xs-${String(e)}`]];
-  const s = [];
-  return t.forEach((n) => {
-    const a = e[n];
-    Number(a) > 0 && s.push(r[`spacing-${n}-${String(a)}`]);
-  }), s;
-}
-const ge = z("div", {
-  name: "MuiGrid",
-  slot: "Root",
-  overridesResolver: (e, t) => {
-    const {
-      ownerState: r
-    } = e, {
-      container: s,
-      direction: n,
-      item: a,
-      spacing: i,
-      wrap: p,
-      zeroMinWidth: l,
-      breakpoints: c
-    } = r;
-    let d = [];
-    s && (d = ye(i, c, t));
-    const u = [];
-    return c.forEach((f) => {
-      const m = r[f];
-      m && u.push(t[`grid-${f}-${String(m)}`]);
-    }), [t.root, s && t.container, a && t.item, l && t.zeroMinWidth, ...d, n !== "row" && t[`direction-xs-${String(n)}`], p !== "wrap" && t[`wrap-xs-${String(p)}`], ...u];
-  }
-})(
-  // FIXME(romgrk): Can't use memoTheme here
-  ({
-    ownerState: e
-  }) => ({
-    boxSizing: "border-box",
-    ...e.container && {
-      display: "flex",
-      flexWrap: "wrap",
-      width: "100%"
-    },
-    ...e.item && {
-      margin: 0
-      // For instance, it's useful when used with a `figure` element.
-    },
-    ...e.zeroMinWidth && {
-      minWidth: 0
-    },
-    ...e.wrap !== "wrap" && {
-      flexWrap: e.wrap
-    }
-  }),
-  ue,
-  fe,
-  me,
-  de
-);
-function be(e, t) {
-  if (!e || e <= 0)
-    return [];
-  if (typeof e == "string" && !Number.isNaN(Number(e)) || typeof e == "number")
-    return [`spacing-xs-${String(e)}`];
-  const r = [];
-  return t.forEach((s) => {
-    const n = e[s];
-    if (Number(n) > 0) {
-      const a = `spacing-${s}-${String(n)}`;
-      r.push(a);
-    }
-  }), r;
-}
-const ve = (e) => {
-  const {
-    classes: t,
-    container: r,
-    direction: s,
-    item: n,
-    spacing: a,
-    wrap: i,
-    zeroMinWidth: p,
-    breakpoints: l
-  } = e;
-  let c = [];
-  r && (c = be(a, l));
-  const d = [];
-  l.forEach((f) => {
-    const m = e[f];
-    m && d.push(`grid-${f}-${String(m)}`);
-  });
-  const u = {
-    root: ["root", r && "container", n && "item", p && "zeroMinWidth", ...c, s !== "row" && `direction-xs-${String(s)}`, i !== "wrap" && `wrap-xs-${String(i)}`, ...d]
-  };
-  return F(u, ie, t);
-}, R = /* @__PURE__ */ O.forwardRef(function(t, r) {
-  const s = U({
-    props: t,
-    name: "MuiGrid"
-  }), {
-    breakpoints: n
-  } = Q(), a = Y(s), {
-    className: i,
-    columns: p,
-    columnSpacing: l,
-    component: c = "div",
-    container: d = !1,
-    direction: u = "row",
-    item: f = !1,
-    rowSpacing: m,
-    spacing: g = 0,
-    wrap: T = "wrap",
-    zeroMinWidth: b = !1,
-    ...y
-  } = a, v = m || g, x = l || g, h = O.useContext(M), I = d ? p || 12 : h, $ = {}, k = {
-    ...y
-  };
-  n.keys.forEach((G) => {
-    y[G] != null && ($[G] = y[G], delete k[G]);
-  });
-  const j = {
-    ...a,
-    columns: I,
-    container: d,
-    direction: u,
-    item: f,
-    rowSpacing: v,
-    columnSpacing: x,
-    wrap: T,
-    zeroMinWidth: b,
-    spacing: g,
-    ...$,
-    breakpoints: n.keys
-  }, Z = ve(j);
-  return /* @__PURE__ */ w(M.Provider, {
-    value: I,
-    children: /* @__PURE__ */ w(ge, {
-      ownerState: j,
-      className: W(Z.root, i),
-      as: c,
-      ref: r,
-      ...k
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (R.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: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The number of columns.
-   * @default 12
-   */
-  columns: o.oneOfType([o.arrayOf(o.number), o.number, o.object]),
-  /**
-   * Defines the horizontal space between the type `item` components.
-   * It overrides the value of the `spacing` prop.
-   */
-  columnSpacing: o.oneOfType([o.arrayOf(o.oneOfType([o.number, o.string])), o.number, o.object, o.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: o.elementType,
-  /**
-   * If `true`, the component will have the flex *container* behavior.
-   * You should be wrapping *items* with a *container*.
-   * @default false
-   */
-  container: o.bool,
-  /**
-   * Defines the `flex-direction` style property.
-   * It is applied for all screen sizes.
-   * @default 'row'
-   */
-  direction: o.oneOfType([o.oneOf(["column-reverse", "column", "row-reverse", "row"]), o.arrayOf(o.oneOf(["column-reverse", "column", "row-reverse", "row"])), o.object]),
-  /**
-   * If `true`, the component will have the flex *item* behavior.
-   * You should be wrapping *items* with a *container*.
-   * @default false
-   */
-  item: o.bool,
-  /**
-   * If a number, it sets the number of columns the grid item uses.
-   * It can't be greater than the total number of columns of the container (12 by default).
-   * If 'auto', the grid item's width matches its content.
-   * If false, the prop is ignored.
-   * If true, the grid item's width grows to use the space available in the grid container.
-   * The value is applied for the `lg` breakpoint and wider screens if not overridden.
-   * @default false
-   */
-  lg: o.oneOfType([o.oneOf(["auto"]), o.number, o.bool]),
-  /**
-   * If a number, it sets the number of columns the grid item uses.
-   * It can't be greater than the total number of columns of the container (12 by default).
-   * If 'auto', the grid item's width matches its content.
-   * If false, the prop is ignored.
-   * If true, the grid item's width grows to use the space available in the grid container.
-   * The value is applied for the `md` breakpoint and wider screens if not overridden.
-   * @default false
-   */
-  md: o.oneOfType([o.oneOf(["auto"]), o.number, o.bool]),
-  /**
-   * Defines the vertical space between the type `item` components.
-   * It overrides the value of the `spacing` prop.
-   */
-  rowSpacing: o.oneOfType([o.arrayOf(o.oneOfType([o.number, o.string])), o.number, o.object, o.string]),
-  /**
-   * If a number, it sets the number of columns the grid item uses.
-   * It can't be greater than the total number of columns of the container (12 by default).
-   * If 'auto', the grid item's width matches its content.
-   * If false, the prop is ignored.
-   * If true, the grid item's width grows to use the space available in the grid container.
-   * The value is applied for the `sm` breakpoint and wider screens if not overridden.
-   * @default false
-   */
-  sm: o.oneOfType([o.oneOf(["auto"]), o.number, o.bool]),
-  /**
-   * Defines the space between the type `item` components.
-   * It can only be used on a type `container` component.
-   * @default 0
-   */
-  spacing: o.oneOfType([o.arrayOf(o.oneOfType([o.number, o.string])), o.number, o.object, o.string]),
-  /**
-   * 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]),
-  /**
-   * Defines the `flex-wrap` style property.
-   * It's applied for all screen sizes.
-   * @default 'wrap'
-   */
-  wrap: o.oneOf(["nowrap", "wrap-reverse", "wrap"]),
-  /**
-   * If a number, it sets the number of columns the grid item uses.
-   * It can't be greater than the total number of columns of the container (12 by default).
-   * If 'auto', the grid item's width matches its content.
-   * If false, the prop is ignored.
-   * If true, the grid item's width grows to use the space available in the grid container.
-   * The value is applied for the `xl` breakpoint and wider screens if not overridden.
-   * @default false
-   */
-  xl: o.oneOfType([o.oneOf(["auto"]), o.number, o.bool]),
-  /**
-   * If a number, it sets the number of columns the grid item uses.
-   * It can't be greater than the total number of columns of the container (12 by default).
-   * If 'auto', the grid item's width matches its content.
-   * If false, the prop is ignored.
-   * If true, the grid item's width grows to use the space available in the grid container.
-   * The value is applied for all the screen sizes with the lowest priority.
-   * @default false
-   */
-  xs: o.oneOfType([o.oneOf(["auto"]), o.number, o.bool]),
-  /**
-   * If `true`, it sets `min-width: 0` on the item.
-   * Refer to the limitations section of the documentation to better understand the use case.
-   * @default false
-   */
-  zeroMinWidth: o.bool
-});
-if (process.env.NODE_ENV !== "production") {
-  const e = ae("Grid", R);
-  R.propTypes = {
-    // eslint-disable-next-line react/forbid-foreign-prop-types
-    ...R.propTypes,
-    direction: e("container"),
-    lg: e("item"),
-    md: e("item"),
-    sm: e("item"),
-    spacing: e("container"),
-    wrap: e("container"),
-    xs: e("item"),
-    zeroMinWidth: e("item")
-  };
-}
-const xe = (e, t) => {
-  const {
-    ownerState: r
-  } = e;
-  return [t.root, r.dense && t.dense, r.alignItems === "flex-start" && t.alignItemsFlexStart, r.divider && t.divider, !r.disableGutters && t.gutters];
-}, Oe = (e) => {
-  const {
-    alignItems: t,
-    classes: r,
-    dense: s,
-    disabled: n,
-    disableGutters: a,
-    divider: i,
-    selected: p
-  } = e, c = F({
-    root: ["root", s && "dense", !a && "gutters", i && "divider", n && "disabled", t === "flex-start" && "alignItemsFlexStart", p && "selected"]
-  }, oe, r);
-  return {
-    ...r,
-    ...c
-  };
-}, Te = z(ne, {
-  shouldForwardProp: (e) => J(e) || e === "classes",
-  name: "MuiListItemButton",
-  slot: "Root",
-  overridesResolver: xe
-})(ee(({
-  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,
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      backgroundColor: "transparent"
-    }
-  },
-  [`&.${C.selected}`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : P(e.palette.primary.main, e.palette.action.selectedOpacity),
-    [`&.${C.focusVisible}`]: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : P(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
-    }
-  },
-  [`&.${C.selected}:hover`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : P(e.palette.primary.main, e.palette.action.selectedOpacity + e.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})` : P(e.palette.primary.main, e.palette.action.selectedOpacity)
-    }
-  },
-  [`&.${C.focusVisible}`]: {
-    backgroundColor: (e.vars || e).palette.action.focus
-  },
-  [`&.${C.disabled}`]: {
-    opacity: (e.vars || e).palette.action.disabledOpacity
-  },
-  variants: [{
-    props: ({
-      ownerState: t
-    }) => t.divider,
-    style: {
-      borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
-      backgroundClip: "padding-box"
-    }
-  }, {
-    props: {
-      alignItems: "flex-start"
-    },
-    style: {
-      alignItems: "flex-start"
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => !t.disableGutters,
-    style: {
-      paddingLeft: 16,
-      paddingRight: 16
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.dense,
-    style: {
-      paddingTop: 4,
-      paddingBottom: 4
-    }
-  }]
-}))), $e = /* @__PURE__ */ O.forwardRef(function(t, r) {
-  const s = U({
-    props: t,
-    name: "MuiListItemButton"
-  }), {
-    alignItems: n = "center",
-    autoFocus: a = !1,
-    component: i = "div",
-    children: p,
-    dense: l = !1,
-    disableGutters: c = !1,
-    divider: d = !1,
-    focusVisibleClassName: u,
-    selected: f = !1,
-    className: m,
-    ...g
-  } = s, T = O.useContext(V), b = O.useMemo(() => ({
-    dense: l || T.dense || !1,
-    alignItems: n,
-    disableGutters: c
-  }), [n, T.dense, l, c]), y = O.useRef(null);
-  te(() => {
-    a && (y.current ? y.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a ListItemButton whose component has not been rendered."));
-  }, [a]);
-  const v = {
-    ...s,
-    alignItems: n,
-    dense: b.dense,
-    disableGutters: c,
-    divider: d,
-    selected: f
-  }, x = Oe(v), h = re(y, r);
-  return /* @__PURE__ */ w(V.Provider, {
-    value: b,
-    children: /* @__PURE__ */ w(Te, {
-      ref: h,
-      href: g.href || g.to,
-      component: (g.href || g.to) && i === "div" ? "button" : i,
-      focusVisibleClassName: W(x.focusVisible, u),
-      ownerState: v,
-      className: W(x.root, m),
-      ...g,
-      classes: x,
-      children: p
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && ($e.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: o.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,
-  /**
-   * The content of the component if a `ListItemSecondaryAction` is used it must
-   * be the last child.
-   */
-  children: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: o.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,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: o.bool,
-  /**
-   * If `true`, the left and right padding is removed.
-   * @default false
-   */
-  disableGutters: o.bool,
-  /**
-   * If `true`, a 1px light border is added to the bottom of the list item.
-   * @default false
-   */
-  divider: o.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.
-   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
-   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
-   * 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,
-  /**
-   * @ignore
-   */
-  href: o.string,
-  /**
-   * Use to apply selected styling.
-   * @default false
-   */
-  selected: o.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])
-});
-const he = (e) => {
-  const {
-    classes: t,
-    inset: r,
-    primary: s,
-    secondary: n,
-    dense: a
-  } = e;
-  return F({
-    root: ["root", r && "inset", a && "dense", s && n && "multiline"],
-    primary: ["primary"],
-    secondary: ["secondary"]
-  }, se, t);
-}, we = z("div", {
-  name: "MuiListItemText",
-  slot: "Root",
-  overridesResolver: (e, t) => {
-    const {
-      ownerState: r
-    } = e;
-    return [{
-      [`& .${E.primary}`]: t.primary
-    }, {
-      [`& .${E.secondary}`]: t.secondary
-    }, t.root, r.inset && t.inset, r.primary && r.secondary && t.multiline, r.dense && t.dense];
-  }
-})({
-  flex: "1 1 auto",
-  minWidth: 0,
-  marginTop: 4,
-  marginBottom: 4,
-  [`.${q.root}:where(& .${E.primary})`]: {
-    display: "block"
-  },
-  [`.${q.root}:where(& .${E.secondary})`]: {
-    display: "block"
-  },
-  variants: [{
-    props: ({
-      ownerState: e
-    }) => e.primary && e.secondary,
-    style: {
-      marginTop: 6,
-      marginBottom: 6
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => e.inset,
-    style: {
-      paddingLeft: 56
-    }
-  }]
-}), Ce = /* @__PURE__ */ O.forwardRef(function(t, r) {
-  const s = U({
-    props: t,
-    name: "MuiListItemText"
-  }), {
-    children: n,
-    className: a,
-    disableTypography: i = !1,
-    inset: p = !1,
-    primary: l,
-    primaryTypographyProps: c,
-    secondary: d,
-    secondaryTypographyProps: u,
-    slots: f = {},
-    slotProps: m = {},
-    ...g
-  } = s, {
-    dense: T
-  } = O.useContext(V);
-  let b = l ?? n, y = d;
-  const v = {
-    ...s,
-    disableTypography: i,
-    inset: p,
-    primary: !!b,
-    secondary: !!y,
-    dense: T
-  }, x = he(v), h = {
-    slots: f,
-    slotProps: {
-      primary: c,
-      secondary: u,
-      ...m
-    }
-  }, [I, $] = _("primary", {
-    className: x.primary,
-    elementType: B,
-    externalForwardedProps: h,
-    ownerState: v
-  }), [k, j] = _("secondary", {
-    className: x.secondary,
-    elementType: B,
-    externalForwardedProps: h,
-    ownerState: v
-  });
-  return b != null && b.type !== B && !i && (b = /* @__PURE__ */ w(I, {
-    variant: T ? "body2" : "body1",
-    component: $ != null && $.variant ? void 0 : "span",
-    ...$,
-    children: b
-  })), y != null && y.type !== B && !i && (y = /* @__PURE__ */ w(k, {
-    variant: "body2",
-    color: "textSecondary",
-    ...j,
-    children: y
-  })), /* @__PURE__ */ X(we, {
-    className: W(x.root, a),
-    ownerState: v,
-    ref: r,
-    ...g,
-    children: [b, y]
-  });
-});
-process.env.NODE_ENV !== "production" && (Ce.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Alias for the `primary` prop.
-   */
-  children: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.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
-   * the `children` (or `primary`) text, and optional `secondary` text
-   * with the Typography component.
-   * @default false
-   */
-  disableTypography: o.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,
-  /**
-   * The main content element.
-   */
-  primary: o.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 v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  primaryTypographyProps: o.object,
-  /**
-   * The secondary content element.
-   */
-  secondary: o.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 v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  secondaryTypographyProps: o.object,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: o.shape({
-    primary: o.oneOfType([o.func, o.object]),
-    secondary: o.oneOfType([o.func, o.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: o.shape({
-    primary: o.elementType,
-    secondary: o.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])
-});
-export {
-  R as G,
-  $e as L,
-  Ce as a,
-  ie as b,
-  N as g
-};