@mui/material 7.0.1 → 7.1.0

package/modern/CardMedia/index.js

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

package/modern/Checkbox/Checkbox.d.ts

@@ -1,131 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { OverridableStringUnion } from '@mui/types';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
-import { SwitchBaseProps } from "../internal/SwitchBase.js";
-import { CheckboxClasses } from "./checkboxClasses.js";
-export interface CheckboxPropsSizeOverrides {}
-export interface CheckboxPropsColorOverrides {}
-export interface CheckboxRootSlotPropsOverrides {}
-export interface CheckboxInputSlotPropsOverrides {}
-export interface CheckboxSlots {
-  /**
-   * The component that renders the root slot.
-   * @default SwitchBase
-   */
-  root: React.ElementType;
-  /**
-   * The component that renders the input slot.
-   * @default SwitchBase's input
-   */
-  input: React.ElementType;
-}
-export type CheckboxSlotsAndSlotProps = CreateSlotsAndSlotProps<CheckboxSlots, {
-  /**
-   * Props forwarded to the root slot.
-   * By default, the avaible props are based on the div element.
-   */
-  root: SlotProps<React.ElementType<SwitchBaseProps>, CheckboxRootSlotPropsOverrides, CheckboxOwnerState>;
-  /**
-   * Props forwarded to the input slot.
-   * By default, the avaible props are based on the input element.
-   */
-  input: SlotProps<'input', CheckboxInputSlotPropsOverrides, CheckboxOwnerState>;
-}>;
-export interface CheckboxProps extends StandardProps<SwitchBaseProps, 'checkedIcon' | 'color' | 'icon' | 'type' | 'slots' | 'slotProps'>, CheckboxSlotsAndSlotProps {
-  /**
-   * If `true`, the component is checked.
-   */
-  checked?: SwitchBaseProps['checked'];
-  /**
-   * The icon to display when the component is checked.
-   * @default <CheckBoxIcon />
-   */
-  checkedIcon?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<CheckboxClasses>;
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'default', CheckboxPropsColorOverrides>;
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled?: SwitchBaseProps['disabled'];
-  /**
-   * If `true`, the ripple effect is disabled.
-   * @default false
-   */
-  disableRipple?: SwitchBaseProps['disableRipple'];
-  /**
-   * The icon to display when the component is unchecked.
-   * @default <CheckBoxOutlineBlankIcon />
-   */
-  icon?: React.ReactNode;
-  /**
-   * The id of the `input` element.
-   */
-  id?: SwitchBaseProps['id'];
-  /**
-   * If `true`, the component appears indeterminate.
-   * This does not set the native input element to indeterminate due
-   * to inconsistent behavior across browsers.
-   * However, we set a `data-indeterminate` attribute on the `input`.
-   * @default false
-   */
-  indeterminate?: boolean;
-  /**
-   * The icon to display when the component is indeterminate.
-   * @default <IndeterminateCheckBoxIcon />
-   */
-  indeterminateIcon?: React.ReactNode;
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange?: SwitchBaseProps['onChange'];
-  /**
-   * If `true`, the `input` element is required.
-   * @default false
-   */
-  required?: SwitchBaseProps['required'];
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense checkbox styling.
-   * @default 'medium'
-   */
-  size?: OverridableStringUnion<'small' | 'medium' | 'large', CheckboxPropsSizeOverrides>;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * The value of the component. The DOM API casts this to a string.
-   * The browser uses "on" as the default value.
-   */
-  value?: SwitchBaseProps['value'];
-}
-export interface CheckboxOwnerState extends Omit<CheckboxProps, 'slots' | 'slotProps'> {}
-
-/**
- *
- * Demos:
- *
- * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
- * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
- *
- * API:
- *
- * - [Checkbox API](https://mui.com/material-ui/api/checkbox/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
- */
-export default function Checkbox(props: CheckboxProps): React.JSX.Element;

package/modern/Checkbox/Checkbox.js

@@ -1,280 +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 { alpha } from '@mui/system/colorManipulator';
-import SwitchBase from "../internal/SwitchBase.js";
-import CheckBoxOutlineBlankIcon from "../internal/svg-icons/CheckBoxOutlineBlank.js";
-import CheckBoxIcon from "../internal/svg-icons/CheckBox.js";
-import IndeterminateCheckBoxIcon from "../internal/svg-icons/IndeterminateCheckBox.js";
-import capitalize from "../utils/capitalize.js";
-import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
-import checkboxClasses, { getCheckboxUtilityClass } from "./checkboxClasses.js";
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import createSimplePaletteValueFilter from "../utils/createSimplePaletteValueFilter.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import { mergeSlotProps } from "../utils/index.js";
-import useSlot from "../utils/useSlot.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    indeterminate,
-    color,
-    size
-  } = ownerState;
-  const slots = {
-    root: ['root', indeterminate && 'indeterminate', `color${capitalize(color)}`, `size${capitalize(size)}`]
-  };
-  const composedClasses = composeClasses(slots, getCheckboxUtilityClass, classes);
-  return {
-    ...classes,
-    // forward the disabled and checked classes to the SwitchBase
-    ...composedClasses
-  };
-};
-const CheckboxRoot = styled(SwitchBase, {
-  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
-  name: 'MuiCheckbox',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, ownerState.indeterminate && styles.indeterminate, styles[`size${capitalize(ownerState.size)}`], ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  color: (theme.vars || theme).palette.text.secondary,
-  variants: [{
-    props: {
-      color: 'default',
-      disableRipple: false
-    },
-    style: {
-      '&:hover': {
-        backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.action.active, theme.palette.action.hoverOpacity)
-      }
-    }
-  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
-    props: {
-      color,
-      disableRipple: false
-    },
-    style: {
-      '&:hover': {
-        backgroundColor: theme.vars ? `rgba(${theme.vars.palette[color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[color].main, theme.palette.action.hoverOpacity)
-      }
-    }
-  })), ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
-    props: {
-      color
-    },
-    style: {
-      [`&.${checkboxClasses.checked}, &.${checkboxClasses.indeterminate}`]: {
-        color: (theme.vars || theme).palette[color].main
-      },
-      [`&.${checkboxClasses.disabled}`]: {
-        color: (theme.vars || theme).palette.action.disabled
-      }
-    }
-  })), {
-    // Should be last to override other colors
-    props: {
-      disableRipple: false
-    },
-    style: {
-      // Reset on touch devices, it doesn't add specificity
-      '&:hover': {
-        '@media (hover: none)': {
-          backgroundColor: 'transparent'
-        }
-      }
-    }
-  }]
-})));
-const defaultCheckedIcon = /*#__PURE__*/_jsx(CheckBoxIcon, {});
-const defaultIcon = /*#__PURE__*/_jsx(CheckBoxOutlineBlankIcon, {});
-const defaultIndeterminateIcon = /*#__PURE__*/_jsx(IndeterminateCheckBoxIcon, {});
-const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiCheckbox'
-  });
-  const {
-    checkedIcon = defaultCheckedIcon,
-    color = 'primary',
-    icon: iconProp = defaultIcon,
-    indeterminate = false,
-    indeterminateIcon: indeterminateIconProp = defaultIndeterminateIcon,
-    inputProps,
-    size = 'medium',
-    disableRipple = false,
-    className,
-    slots = {},
-    slotProps = {},
-    ...other
-  } = props;
-  const icon = indeterminate ? indeterminateIconProp : iconProp;
-  const indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;
-  const ownerState = {
-    ...props,
-    disableRipple,
-    color,
-    indeterminate,
-    size
-  };
-  const classes = useUtilityClasses(ownerState);
-  const externalInputProps = slotProps.input ?? inputProps;
-  const [RootSlot, rootSlotProps] = useSlot('root', {
-    ref,
-    elementType: CheckboxRoot,
-    className: clsx(classes.root, className),
-    shouldForwardComponentProp: true,
-    externalForwardedProps: {
-      slots,
-      slotProps,
-      ...other
-    },
-    ownerState,
-    additionalProps: {
-      type: 'checkbox',
-      icon: /*#__PURE__*/React.cloneElement(icon, {
-        fontSize: icon.props.fontSize ?? size
-      }),
-      checkedIcon: /*#__PURE__*/React.cloneElement(indeterminateIcon, {
-        fontSize: indeterminateIcon.props.fontSize ?? size
-      }),
-      disableRipple,
-      slots,
-      slotProps: {
-        input: mergeSlotProps(typeof externalInputProps === 'function' ? externalInputProps(ownerState) : externalInputProps, {
-          'data-indeterminate': indeterminate
-        })
-      }
-    }
-  });
-  return /*#__PURE__*/_jsx(RootSlot, {
-    ...rootSlotProps,
-    classes: classes
-  });
-});
-process.env.NODE_ENV !== "production" ? Checkbox.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: PropTypes.bool,
-  /**
-   * The icon to display when the component is checked.
-   * @default <CheckBoxIcon />
-   */
-  checkedIcon: 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 both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
-  /**
-   * The default checked state. Use when the component is not controlled.
-   */
-  defaultChecked: PropTypes.bool,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: PropTypes.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   * @default false
-   */
-  disableRipple: PropTypes.bool,
-  /**
-   * The icon to display when the component is unchecked.
-   * @default <CheckBoxOutlineBlankIcon />
-   */
-  icon: PropTypes.node,
-  /**
-   * The id of the `input` element.
-   */
-  id: PropTypes.string,
-  /**
-   * If `true`, the component appears indeterminate.
-   * This does not set the native input element to indeterminate due
-   * to inconsistent behavior across browsers.
-   * However, we set a `data-indeterminate` attribute on the `input`.
-   * @default false
-   */
-  indeterminate: PropTypes.bool,
-  /**
-   * The icon to display when the component is indeterminate.
-   * @default <IndeterminateCheckBoxIcon />
-   */
-  indeterminateIcon: PropTypes.node,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   * @deprecated Use `slotProps.input` 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.
-   */
-  inputProps: PropTypes.object,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: PropTypes.func,
-  /**
-   * If `true`, the `input` element is required.
-   * @default false
-   */
-  required: PropTypes.bool,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense checkbox styling.
-   * @default 'medium'
-   */
-  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    input: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    input: PropTypes.elementType,
-    root: 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]),
-  /**
-   * The value of the component. The DOM API casts this to a string.
-   * The browser uses "on" as the default value.
-   */
-  value: PropTypes.any
-} : void 0;
-export default Checkbox;

package/modern/Checkbox/checkboxClasses.d.ts

@@ -1,22 +0,0 @@
-export interface CheckboxClasses {
-  /** Class name applied to the root element. */
-  root: string;
-  /** State class applied to the root element if `checked={true}`. */
-  checked: string;
-  /** State class applied to the root element if `disabled={true}`. */
-  disabled: string;
-  /** State class applied to the root element if `indeterminate={true}`. */
-  indeterminate: string;
-  /** State class applied to the root element if `color="primary"`. */
-  colorPrimary: string;
-  /** State class applied to the root element if `color="secondary"`. */
-  colorSecondary: string;
-  /** State class applied to the root element if `size="small"`. */
-  sizeSmall: string;
-  /** State class applied to the root element if `size="medium"`. */
-  sizeMedium: string;
-}
-export type CheckboxClassKey = keyof CheckboxClasses;
-export declare function getCheckboxUtilityClass(slot: string): string;
-declare const checkboxClasses: CheckboxClasses;
-export default checkboxClasses;

package/modern/Checkbox/checkboxClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getCheckboxUtilityClass(slot) {
-  return generateUtilityClass('MuiCheckbox', slot);
-}
-const checkboxClasses = generateUtilityClasses('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium']);
-export default checkboxClasses;

package/modern/Checkbox/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./Checkbox.js";
-export * from "./Checkbox.js";
-export { default as checkboxClasses } from "./checkboxClasses.js";
-export * from "./checkboxClasses.js";

package/modern/Checkbox/index.js

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

package/modern/Chip/Chip.d.ts

@@ -1,107 +0,0 @@
-import * as React from 'react';
-import { OverridableStringUnion } from '@mui/types';
-import { SxProps } from '@mui/system';
-import { Theme } from "../index.js";
-import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { ChipClasses } from "./chipClasses.js";
-export interface ChipPropsVariantOverrides {}
-export interface ChipPropsSizeOverrides {}
-export interface ChipPropsColorOverrides {}
-export interface ChipOwnProps {
-  /**
-   * The Avatar element to display.
-   */
-  avatar?: React.ReactElement<unknown>;
-  /**
-   * This prop isn't supported.
-   * Use the `component` prop if you need to change the children structure.
-   */
-  children?: null;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<ChipClasses>;
-  /**
-   * If `true`, the chip will appear clickable, and will raise when pressed,
-   * even if the onClick prop is not defined.
-   * If `false`, the chip will not appear clickable, even if onClick prop is defined.
-   * This can be used, for example,
-   * along with the component prop to indicate an anchor Chip is clickable.
-   * Note: this controls the UI and does not affect the onClick event.
-   */
-  clickable?: boolean;
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'default'
-   */
-  color?: OverridableStringUnion<'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', ChipPropsColorOverrides>;
-  /**
-   * Override the default delete icon element. Shown only if `onDelete` is set.
-   */
-  deleteIcon?: React.ReactElement<unknown>;
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled?: boolean;
-  /**
-   * Icon element.
-   */
-  icon?: React.ReactElement<unknown>;
-  /**
-   * The content of the component.
-   */
-  label?: React.ReactNode;
-  /**
-   * Callback fired when the delete icon is clicked.
-   * If set, the delete icon will be shown.
-   */
-  onDelete?: React.EventHandler<any>;
-  /**
-   * The size of the component.
-   * @default 'medium'
-   */
-  size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides>;
-  /**
-   * If `true`, allows the disabled chip to escape focus.
-   * If `false`, allows the disabled chip to receive focus.
-   * @default false
-   */
-  skipFocusWhenDisabled?: boolean;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   *  @ignore
-   */
-  tabIndex?: number;
-  /**
-   * The variant to use.
-   * @default 'filled'
-   */
-  variant?: OverridableStringUnion<'filled' | 'outlined', ChipPropsVariantOverrides>;
-}
-export interface ChipTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
-  props: AdditionalProps & ChipOwnProps;
-  defaultComponent: RootComponent;
-}
-
-/**
- * Chips represent complex entities in small blocks, such as a contact.
- *
- * Demos:
- *
- * - [Chip](https://mui.com/material-ui/react-chip/)
- *
- * API:
- *
- * - [Chip API](https://mui.com/material-ui/api/chip/)
- */
-declare const Chip: OverridableComponent<ChipTypeMap>;
-export type ChipProps<RootComponent extends React.ElementType = ChipTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ChipTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default Chip;