@mui/material 7.0.1 → 7.0.2

package/modern/ListItemText/ListItemText.js

@@ -1,227 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import Typography, { typographyClasses } from "../Typography/index.js";
-import ListContext from "../List/ListContext.js";
-import { styled } from "../zero-styled/index.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import listItemTextClasses, { getListItemTextUtilityClass } from "./listItemTextClasses.js";
-import useSlot from "../utils/useSlot.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    inset,
-    primary,
-    secondary,
-    dense
-  } = ownerState;
-  const slots = {
-    root: ['root', inset && 'inset', dense && 'dense', primary && secondary && 'multiline'],
-    primary: ['primary'],
-    secondary: ['secondary']
-  };
-  return composeClasses(slots, getListItemTextUtilityClass, classes);
-};
-const ListItemTextRoot = styled('div', {
-  name: 'MuiListItemText',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [{
-      [`& .${listItemTextClasses.primary}`]: styles.primary
-    }, {
-      [`& .${listItemTextClasses.secondary}`]: styles.secondary
-    }, styles.root, ownerState.inset && styles.inset, ownerState.primary && ownerState.secondary && styles.multiline, ownerState.dense && styles.dense];
-  }
-})({
-  flex: '1 1 auto',
-  minWidth: 0,
-  marginTop: 4,
-  marginBottom: 4,
-  [`.${typographyClasses.root}:where(& .${listItemTextClasses.primary})`]: {
-    display: 'block'
-  },
-  [`.${typographyClasses.root}:where(& .${listItemTextClasses.secondary})`]: {
-    display: 'block'
-  },
-  variants: [{
-    props: ({
-      ownerState
-    }) => ownerState.primary && ownerState.secondary,
-    style: {
-      marginTop: 6,
-      marginBottom: 6
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.inset,
-    style: {
-      paddingLeft: 56
-    }
-  }]
-});
-const ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiListItemText'
-  });
-  const {
-    children,
-    className,
-    disableTypography = false,
-    inset = false,
-    primary: primaryProp,
-    primaryTypographyProps,
-    secondary: secondaryProp,
-    secondaryTypographyProps,
-    slots = {},
-    slotProps = {},
-    ...other
-  } = props;
-  const {
-    dense
-  } = React.useContext(ListContext);
-  let primary = primaryProp != null ? primaryProp : children;
-  let secondary = secondaryProp;
-  const ownerState = {
-    ...props,
-    disableTypography,
-    inset,
-    primary: !!primary,
-    secondary: !!secondary,
-    dense
-  };
-  const classes = useUtilityClasses(ownerState);
-  const externalForwardedProps = {
-    slots,
-    slotProps: {
-      primary: primaryTypographyProps,
-      secondary: secondaryTypographyProps,
-      ...slotProps
-    }
-  };
-  const [RootSlot, rootSlotProps] = useSlot('root', {
-    className: clsx(classes.root, className),
-    elementType: ListItemTextRoot,
-    externalForwardedProps: {
-      ...externalForwardedProps,
-      ...other
-    },
-    ownerState,
-    ref
-  });
-  const [PrimarySlot, primarySlotProps] = useSlot('primary', {
-    className: classes.primary,
-    elementType: Typography,
-    externalForwardedProps,
-    ownerState
-  });
-  const [SecondarySlot, secondarySlotProps] = useSlot('secondary', {
-    className: classes.secondary,
-    elementType: Typography,
-    externalForwardedProps,
-    ownerState
-  });
-  if (primary != null && primary.type !== Typography && !disableTypography) {
-    primary = /*#__PURE__*/_jsx(PrimarySlot, {
-      variant: dense ? 'body2' : 'body1',
-      component: primarySlotProps?.variant ? undefined : 'span',
-      ...primarySlotProps,
-      children: primary
-    });
-  }
-  if (secondary != null && secondary.type !== Typography && !disableTypography) {
-    secondary = /*#__PURE__*/_jsx(SecondarySlot, {
-      variant: "body2",
-      color: "textSecondary",
-      ...secondarySlotProps,
-      children: secondary
-    });
-  }
-  return /*#__PURE__*/_jsxs(RootSlot, {
-    ...rootSlotProps,
-    children: [primary, secondary]
-  });
-});
-process.env.NODE_ENV !== "production" ? ListItemText.propTypes /* remove-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: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.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: PropTypes.bool,
-  /**
-   * If `true`, the children are indented.
-   * This should be used if there is no left avatar or left icon.
-   * @default false
-   */
-  inset: PropTypes.bool,
-  /**
-   * The main content element.
-   */
-  primary: PropTypes.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: PropTypes.object,
-  /**
-   * The secondary content element.
-   */
-  secondary: PropTypes.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: PropTypes.object,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    primary: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    secondary: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    primary: PropTypes.elementType,
-    root: PropTypes.elementType,
-    secondary: PropTypes.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export default ListItemText;

package/modern/ListItemText/index.js

@@ -1,3 +0,0 @@
-export { default } from "./ListItemText.js";
-export { default as listItemTextClasses } from "./listItemTextClasses.js";
-export * from "./listItemTextClasses.js";

package/modern/ListItemText/listItemTextClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getListItemTextUtilityClass(slot) {
-  return generateUtilityClass('MuiListItemText', slot);
-}
-const listItemTextClasses = generateUtilityClasses('MuiListItemText', ['root', 'multiline', 'dense', 'inset', 'primary', 'secondary']);
-export default listItemTextClasses;

package/modern/ListSubheader/ListSubheader.js

@@ -1,167 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import capitalize from "../utils/capitalize.js";
-import { getListSubheaderUtilityClass } from "./listSubheaderClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    color,
-    disableGutters,
-    inset,
-    disableSticky
-  } = ownerState;
-  const slots = {
-    root: ['root', color !== 'default' && `color${capitalize(color)}`, !disableGutters && 'gutters', inset && 'inset', !disableSticky && 'sticky']
-  };
-  return composeClasses(slots, getListSubheaderUtilityClass, classes);
-};
-const ListSubheaderRoot = styled('li', {
-  name: 'MuiListSubheader',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`], !ownerState.disableGutters && styles.gutters, ownerState.inset && styles.inset, !ownerState.disableSticky && styles.sticky];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  boxSizing: 'border-box',
-  lineHeight: '48px',
-  listStyle: 'none',
-  color: (theme.vars || theme).palette.text.secondary,
-  fontFamily: theme.typography.fontFamily,
-  fontWeight: theme.typography.fontWeightMedium,
-  fontSize: theme.typography.pxToRem(14),
-  variants: [{
-    props: {
-      color: 'primary'
-    },
-    style: {
-      color: (theme.vars || theme).palette.primary.main
-    }
-  }, {
-    props: {
-      color: 'inherit'
-    },
-    style: {
-      color: 'inherit'
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => !ownerState.disableGutters,
-    style: {
-      paddingLeft: 16,
-      paddingRight: 16
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.inset,
-    style: {
-      paddingLeft: 72
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => !ownerState.disableSticky,
-    style: {
-      position: 'sticky',
-      top: 0,
-      zIndex: 1,
-      backgroundColor: (theme.vars || theme).palette.background.paper
-    }
-  }]
-})));
-const ListSubheader = /*#__PURE__*/React.forwardRef(function ListSubheader(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiListSubheader'
-  });
-  const {
-    className,
-    color = 'default',
-    component = 'li',
-    disableGutters = false,
-    disableSticky = false,
-    inset = false,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    color,
-    component,
-    disableGutters,
-    disableSticky,
-    inset
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ListSubheaderRoot, {
-    as: component,
-    className: clsx(classes.root, className),
-    ref: ref,
-    ownerState: ownerState,
-    ...other
-  });
-});
-if (ListSubheader) {
-  ListSubheader.muiSkipListHighlight = true;
-}
-process.env.NODE_ENV !== "production" ? ListSubheader.propTypes /* remove-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: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The color of the component. It supports those theme colors that make sense for this component.
-   * @default 'default'
-   */
-  color: PropTypes.oneOf(['default', 'inherit', 'primary']),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * If `true`, the List Subheader will not have gutters.
-   * @default false
-   */
-  disableGutters: PropTypes.bool,
-  /**
-   * If `true`, the List Subheader will not stick to the top during scroll.
-   * @default false
-   */
-  disableSticky: PropTypes.bool,
-  /**
-   * If `true`, the List Subheader is indented.
-   * @default false
-   */
-  inset: PropTypes.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export default ListSubheader;

package/modern/ListSubheader/index.js

@@ -1,3 +0,0 @@
-export { default } from "./ListSubheader.js";
-export { default as listSubheaderClasses } from "./listSubheaderClasses.js";
-export * from "./listSubheaderClasses.js";

package/modern/ListSubheader/listSubheaderClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getListSubheaderUtilityClass(slot) {
-  return generateUtilityClass('MuiListSubheader', slot);
-}
-const listSubheaderClasses = generateUtilityClasses('MuiListSubheader', ['root', 'colorPrimary', 'colorInherit', 'gutters', 'inset', 'sticky']);
-export default listSubheaderClasses;