@mui/material 7.0.1 → 7.1.0

package/modern/Collapse/index.js

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

package/modern/Container/Container.d.ts

@@ -1,55 +0,0 @@
-import * as React from 'react';
-import { SxProps, Breakpoint } from '@mui/system';
-import { Theme } from "../styles/index.js";
-import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { ContainerClasses } from "./containerClasses.js";
-export interface ContainerOwnProps {
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<ContainerClasses>;
-  /**
-   * If `true`, the left and right padding is removed.
-   * @default false
-   */
-  disableGutters?: boolean;
-  /**
-   * Set the max-width to match the min-width of the current breakpoint.
-   * This is useful if you'd prefer to design for a fixed set of sizes
-   * instead of trying to accommodate a fully fluid viewport.
-   * It's fluid by default.
-   * @default false
-   */
-  fixed?: boolean;
-  /**
-   * Determine the max-width of the container.
-   * The container width grows with the size of the screen.
-   * Set to `false` to disable `maxWidth`.
-   * @default 'lg'
-   */
-  maxWidth?: Breakpoint | false;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export interface ContainerTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
-  props: AdditionalProps & ContainerOwnProps;
-  defaultComponent: RootComponent;
-}
-/**
- *
- * Demos:
- *
- * - [Container](https://mui.com/material-ui/react-container/)
- *
- * API:
- *
- * - [Container API](https://mui.com/material-ui/api/container/)
- */
-declare const Container: OverridableComponent<ContainerTypeMap>;
-export type ContainerProps<RootComponent extends React.ElementType = ContainerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ContainerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default Container;

package/modern/Container/Container.js

@@ -1,67 +0,0 @@
-'use client';
-
-import PropTypes from 'prop-types';
-import { createContainer } from '@mui/system';
-import capitalize from "../utils/capitalize.js";
-import styled from "../styles/styled.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-const Container = createContainer({
-  createStyledComponent: styled('div', {
-    name: 'MuiContainer',
-    slot: 'Root',
-    overridesResolver: (props, styles) => {
-      const {
-        ownerState
-      } = props;
-      return [styles.root, styles[`maxWidth${capitalize(String(ownerState.maxWidth))}`], ownerState.fixed && styles.fixed, ownerState.disableGutters && styles.disableGutters];
-    }
-  }),
-  useThemeProps: inProps => useDefaultProps({
-    props: inProps,
-    name: 'MuiContainer'
-  })
-});
-process.env.NODE_ENV !== "production" ? Container.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * If `true`, the left and right padding is removed.
-   * @default false
-   */
-  disableGutters: PropTypes.bool,
-  /**
-   * Set the max-width to match the min-width of the current breakpoint.
-   * This is useful if you'd prefer to design for a fixed set of sizes
-   * instead of trying to accommodate a fully fluid viewport.
-   * It's fluid by default.
-   * @default false
-   */
-  fixed: PropTypes.bool,
-  /**
-   * Determine the max-width of the container.
-   * The container width grows with the size of the screen.
-   * Set to `false` to disable `maxWidth`.
-   * @default 'lg'
-   */
-  maxWidth: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), PropTypes.string]),
-  /**
-   * 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 Container;

package/modern/Container/containerClasses.d.ts

@@ -1,6 +0,0 @@
-import { ContainerClasses } from '@mui/system';
-export type { ContainerClassKey } from '@mui/system';
-export type { ContainerClasses };
-export declare function getContainerUtilityClass(slot: string): string;
-declare const containerClasses: ContainerClasses;
-export default containerClasses;

package/modern/Container/containerClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getContainerUtilityClass(slot) {
-  return generateUtilityClass('MuiContainer', slot);
-}
-const containerClasses = generateUtilityClasses('MuiContainer', ['root', 'disableGutters', 'fixed', 'maxWidthXs', 'maxWidthSm', 'maxWidthMd', 'maxWidthLg', 'maxWidthXl']);
-export default containerClasses;

package/modern/Container/index.d.ts

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

package/modern/Container/index.js

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

package/modern/CssBaseline/CssBaseline.d.ts

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import { StyledComponentProps } from "../styles/index.js";
-export interface CssBaselineProps extends StyledComponentProps<never> {
-  /**
-   * You can wrap a node.
-   */
-  children?: React.ReactNode;
-  /**
-   * Enable `color-scheme` CSS property to use `theme.palette.mode`.
-   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
-   * For browser support, check out https://caniuse.com/?search=color-scheme
-   * @default false
-   */
-  enableColorScheme?: boolean;
-}
-
-/**
- * Kickstart an elegant, consistent, and simple baseline to build upon.
- *
- * Demos:
- *
- * - [CSS Baseline](https://mui.com/material-ui/react-css-baseline/)
- *
- * API:
- *
- * - [CssBaseline API](https://mui.com/material-ui/api/css-baseline/)
- */
-export default function CssBaseline(props: CssBaselineProps): React.JSX.Element;

package/modern/CssBaseline/CssBaseline.js

@@ -1,161 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { globalCss } from "../zero-styled/index.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-
-// to determine if the global styles are static or dynamic
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const isDynamicSupport = typeof globalCss({}) === 'function';
-export const html = (theme, enableColorScheme) => ({
-  WebkitFontSmoothing: 'antialiased',
-  // Antialiasing.
-  MozOsxFontSmoothing: 'grayscale',
-  // Antialiasing.
-  // Change from `box-sizing: content-box` so that `width`
-  // is not affected by `padding` or `border`.
-  boxSizing: 'border-box',
-  // Fix font resize problem in iOS
-  WebkitTextSizeAdjust: '100%',
-  // When used under CssVarsProvider, colorScheme should not be applied dynamically because it will generate the stylesheet twice for server-rendered applications.
-  ...(enableColorScheme && !theme.vars && {
-    colorScheme: theme.palette.mode
-  })
-});
-export const body = theme => ({
-  color: (theme.vars || theme).palette.text.primary,
-  ...theme.typography.body1,
-  backgroundColor: (theme.vars || theme).palette.background.default,
-  '@media print': {
-    // Save printer ink.
-    backgroundColor: (theme.vars || theme).palette.common.white
-  }
-});
-export const styles = (theme, enableColorScheme = false) => {
-  const colorSchemeStyles = {};
-  if (enableColorScheme && theme.colorSchemes && typeof theme.getColorSchemeSelector === 'function') {
-    Object.entries(theme.colorSchemes).forEach(([key, scheme]) => {
-      const selector = theme.getColorSchemeSelector(key);
-      if (selector.startsWith('@')) {
-        // for @media (prefers-color-scheme), we need to target :root
-        colorSchemeStyles[selector] = {
-          ':root': {
-            colorScheme: scheme.palette?.mode
-          }
-        };
-      } else {
-        // else, it's likely that the selector already target an element with a class or data attribute
-        colorSchemeStyles[selector.replace(/\s*&/, '')] = {
-          colorScheme: scheme.palette?.mode
-        };
-      }
-    });
-  }
-  let defaultStyles = {
-    html: html(theme, enableColorScheme),
-    '*, *::before, *::after': {
-      boxSizing: 'inherit'
-    },
-    'strong, b': {
-      fontWeight: theme.typography.fontWeightBold
-    },
-    body: {
-      margin: 0,
-      // Remove the margin in all browsers.
-      ...body(theme),
-      // Add support for document.body.requestFullScreen().
-      // Other elements, if background transparent, are not supported.
-      '&::backdrop': {
-        backgroundColor: (theme.vars || theme).palette.background.default
-      }
-    },
-    ...colorSchemeStyles
-  };
-  const themeOverrides = theme.components?.MuiCssBaseline?.styleOverrides;
-  if (themeOverrides) {
-    defaultStyles = [defaultStyles, themeOverrides];
-  }
-  return defaultStyles;
-};
-
-// `ecs` stands for enableColorScheme. This is internal logic to make it work with Pigment CSS, so shorter is better.
-const SELECTOR = 'mui-ecs';
-const staticStyles = theme => {
-  const result = styles(theme, false);
-  const baseStyles = Array.isArray(result) ? result[0] : result;
-  if (!theme.vars && baseStyles) {
-    baseStyles.html[`:root:has(${SELECTOR})`] = {
-      colorScheme: theme.palette.mode
-    };
-  }
-  if (theme.colorSchemes) {
-    Object.entries(theme.colorSchemes).forEach(([key, scheme]) => {
-      const selector = theme.getColorSchemeSelector(key);
-      if (selector.startsWith('@')) {
-        // for @media (prefers-color-scheme), we need to target :root
-        baseStyles[selector] = {
-          [`:root:not(:has(.${SELECTOR}))`]: {
-            colorScheme: scheme.palette?.mode
-          }
-        };
-      } else {
-        // else, it's likely that the selector already target an element with a class or data attribute
-        baseStyles[selector.replace(/\s*&/, '')] = {
-          [`&:not(:has(.${SELECTOR}))`]: {
-            colorScheme: scheme.palette?.mode
-          }
-        };
-      }
-    });
-  }
-  return result;
-};
-const GlobalStyles = globalCss(isDynamicSupport ? ({
-  theme,
-  enableColorScheme
-}) => styles(theme, enableColorScheme) : ({
-  theme
-}) => staticStyles(theme));
-
-/**
- * Kickstart an elegant, consistent, and simple baseline to build upon.
- */
-function CssBaseline(inProps) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiCssBaseline'
-  });
-  const {
-    children,
-    enableColorScheme = false
-  } = props;
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [isDynamicSupport && /*#__PURE__*/_jsx(GlobalStyles, {
-      enableColorScheme: enableColorScheme
-    }), !isDynamicSupport && !enableColorScheme && /*#__PURE__*/_jsx("span", {
-      className: SELECTOR,
-      style: {
-        display: 'none'
-      }
-    }), children]
-  });
-}
-process.env.NODE_ENV !== "production" ? CssBaseline.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * You can wrap a node.
-   */
-  children: PropTypes.node,
-  /**
-   * Enable `color-scheme` CSS property to use `theme.palette.mode`.
-   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
-   * For browser support, check out https://caniuse.com/?search=color-scheme
-   * @default false
-   */
-  enableColorScheme: PropTypes.bool
-} : void 0;
-export default CssBaseline;

package/modern/CssBaseline/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./CssBaseline.js";
-export * from "./CssBaseline.js";

package/modern/CssBaseline/index.js

@@ -1 +0,0 @@
-export { default } from "./CssBaseline.js";

package/modern/DefaultPropsProvider/DefaultPropsProvider.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import type { ComponentsPropsList } from "../styles/props.js";
-declare function DefaultPropsProvider(props: React.PropsWithChildren<{
-  value: { [P in keyof ComponentsPropsList]?: Partial<ComponentsPropsList[P]> };
-}>): React.JSX.Element;
-declare namespace DefaultPropsProvider {
-  var propTypes: any;
-}
-export default DefaultPropsProvider;
-export declare function useDefaultProps<Props extends Record<string, any>>(params: {
-  props: Props;
-  name: string;
-}): Props;

package/modern/DefaultPropsProvider/DefaultPropsProvider.js

@@ -1,29 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import SystemDefaultPropsProvider, { useDefaultProps as useSystemDefaultProps } from '@mui/system/DefaultPropsProvider';
-import { jsx as _jsx } from "react/jsx-runtime";
-function DefaultPropsProvider(props) {
-  return /*#__PURE__*/_jsx(SystemDefaultPropsProvider, {
-    ...props
-  });
-}
-process.env.NODE_ENV !== "production" ? DefaultPropsProvider.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  value: PropTypes.object.isRequired
-} : void 0;
-export default DefaultPropsProvider;
-export function useDefaultProps(params) {
-  return useSystemDefaultProps(params);
-}

package/modern/DefaultPropsProvider/index.d.ts

@@ -1 +0,0 @@
-export { default, useDefaultProps } from "./DefaultPropsProvider.js";

package/modern/DefaultPropsProvider/index.js

@@ -1 +0,0 @@
-export { default, useDefaultProps } from "./DefaultPropsProvider.js";

package/modern/Dialog/Dialog.d.ts

@@ -1,184 +0,0 @@
-import * as React from 'react';
-import { SxProps, Breakpoint } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
-import { BackdropProps } from "../Backdrop/index.js";
-import { PaperProps } from "../Paper/index.js";
-import { ModalProps } from "../Modal/index.js";
-import { TransitionProps } from "../transitions/transition.js";
-import { DialogClasses } from "./dialogClasses.js";
-import { CreateSlotsAndSlotProps, SlotComponentProps, SlotProps } from "../utils/types.js";
-export interface DialogSlots {
-  /**
-   * The component that renders the transition.
-   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Collapse
-   */
-  transition?: React.ElementType;
-  /**
-   * The component that renders the paper.
-   * @default Paper
-   */
-  paper?: React.ElementType;
-  /**
-   * The component that renders the container.
-   */
-  container?: React.ElementType;
-  /**
-   * The component that renders the backdrop.
-   */
-  backdrop?: React.ElementType;
-  /**
-   * The component that renders the root.
-   */
-  root?: React.ElementType;
-}
-export interface DialogTransitionSlotPropsOverrides {}
-export interface DialogPaperSlotPropsOverrides {}
-export interface DialogContainerSlotPropsOverrides {}
-export interface DialogBackdropSlotPropsOverrides {}
-export interface DialogRootSlotPropsOverrides {}
-export type DialogSlotsAndSlotProps = CreateSlotsAndSlotProps<DialogSlots, {
-  /**
-   * Props forwarded to the root slot.
-   * By default, the avaible props are based on the [Modal](https://mui.com/material-ui/api/modal/#props) component.
-   */
-  root: SlotProps<React.ElementType<ModalProps>, DialogRootSlotPropsOverrides, DialogOwnerState>;
-  /**
-   * Props forwarded to the backdrop slot.
-   * By default, the avaible props are based on the [Backdrop](https://mui.com/material-ui/api/backdrop/#props) component.
-   */
-  backdrop: SlotProps<React.ElementType<BackdropProps>, DialogBackdropSlotPropsOverrides, DialogOwnerState>;
-  /**
-   * Props forwarded to the container slot.
-   * By default, the avaible props are based on a div element.
-   */
-  container: SlotProps<'div', DialogContainerSlotPropsOverrides, DialogOwnerState>;
-  /**
-   * Props forwarded to the transition slot.
-   * By default, the avaible props are based on the [Fade](https://mui.com/material-ui/api/fade/#props) component.
-   */
-  transition: SlotComponentProps<React.ElementType, TransitionProps & DialogTransitionSlotPropsOverrides, DialogOwnerState>;
-  /**
-   * Props forwarded to the paper slot.
-   * By default, the avaible props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
-   */
-  paper: SlotProps<React.ElementType<PaperProps>, DialogPaperSlotPropsOverrides, DialogOwnerState>;
-}>;
-export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>, 'slots' | 'slotProps'>, DialogSlotsAndSlotProps {
-  /**
-   * The id(s) of the element(s) that describe the dialog.
-   */
-  'aria-describedby'?: string;
-  /**
-   * The id(s) of the element(s) that label the dialog.
-   */
-  'aria-labelledby'?: string;
-  /**
-   * Informs assistive technologies that the element is modal.
-   * It's added on the element with role="dialog".
-   * @default true
-   */
-  'aria-modal'?: boolean | 'true' | 'false';
-  /**
-   * Dialog children, usually the included sub-components.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<DialogClasses>;
-  /**
-   * If `true`, hitting escape will not fire the `onClose` callback.
-   * @default false
-   */
-  disableEscapeKeyDown?: boolean;
-  /**
-   * If `true`, the dialog is full-screen.
-   * @default false
-   */
-  fullScreen?: boolean;
-  /**
-   * If `true`, the dialog stretches to `maxWidth`.
-   *
-   * Notice that the dialog width grow is limited by the default margin.
-   * @default false
-   */
-  fullWidth?: boolean;
-  /**
-   * Determine the max-width of the dialog.
-   * The dialog width grows with the size of the screen.
-   * Set to `false` to disable `maxWidth`.
-   * @default 'sm'
-   */
-  maxWidth?: Breakpoint | false;
-  /**
-   * Callback fired when the component requests to be closed.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
-   */
-  onClose?: ModalProps['onClose'];
-  /**
-   * If `true`, the component is shown.
-   */
-  open: ModalProps['open'];
-  /**
-   * The component used to render the body of the dialog.
-   * @default Paper
-   */
-  PaperComponent?: React.JSXElementConstructor<PaperProps>;
-  /**
-   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
-   * @default {}
-   * @deprecated Use `slotProps.paper` 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.
-   */
-  PaperProps?: Partial<PaperProps<React.ElementType>>;
-  /**
-   * Determine the container for scrolling the dialog.
-   * @default 'paper'
-   */
-  scroll?: 'body' | 'paper';
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * The component used for the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Fade
-   * @deprecated Use `slots.transition` 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.
-   */
-  TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
-    children: React.ReactElement<unknown, any>;
-  }>;
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   * @default {
-   *   enter: theme.transitions.duration.enteringScreen,
-   *   exit: theme.transitions.duration.leavingScreen,
-   * }
-   */
-  transitionDuration?: TransitionProps['timeout'];
-  /**
-   * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   * @deprecated Use `slotProps.transition` 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.
-   */
-  TransitionProps?: TransitionProps;
-}
-
-/**
- * Dialogs are overlaid modal paper based components with a backdrop.
- *
- * Demos:
- *
- * - [Dialog](https://mui.com/material-ui/react-dialog/)
- *
- * API:
- *
- * - [Dialog API](https://mui.com/material-ui/api/dialog/)
- * - inherits [Modal API](https://mui.com/material-ui/api/modal/)
- */
-export default function Dialog(props: DialogProps): React.JSX.Element;
-export interface DialogOwnerState extends Omit<DialogProps, 'slots' | 'slotProps'> {}