@mui/material 6.0.0-dev.240424162023-9968b4889d → 6.0.0

package/Unstable_TrapFocus/FocusTrap.types.d.ts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+export interface FocusTrapProps {
+    /**
+     * If `true`, focus is locked.
+     */
+    open: boolean;
+    /**
+     * Returns an array of ordered tabbable nodes (i.e. in tab order) within the root.
+     * For instance, you can provide the "tabbable" npm dependency.
+     * @param {HTMLElement} root
+     */
+    getTabbable?: (root: HTMLElement) => ReadonlyArray<HTMLElement>;
+    /**
+     * This prop extends the `open` prop.
+     * It allows to toggle the open state without having to wait for a rerender when changing the `open` prop.
+     * This prop should be memoized.
+     * It can be used to support multiple focus trap mounted at the same time.
+     * @default function defaultIsEnabled(): boolean {
+     *   return true;
+     * }
+     */
+    isEnabled?: () => boolean;
+    /**
+     * A single child content element.
+     */
+    children: React.ReactElement<any>;
+    /**
+     * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
+     * replace it to the last focused element when it closes.
+     * This also works correctly with any focus trap children that have the `disableAutoFocus` prop.
+     *
+     * Generally this should never be set to `true` as it makes the focus trap less
+     * accessible to assistive technologies, like screen readers.
+     * @default false
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * If `true`, the focus trap will not prevent focus from leaving the focus trap while open.
+     *
+     * Generally this should never be set to `true` as it makes the focus trap less
+     * accessible to assistive technologies, like screen readers.
+     * @default false
+     */
+    disableEnforceFocus?: boolean;
+    /**
+     * If `true`, the focus trap will not restore focus to previously focused element once
+     * focus trap is hidden or unmounted.
+     * @default false
+     */
+    disableRestoreFocus?: boolean;
+}

package/Unstable_TrapFocus/FocusTrap.types.js

@@ -0,0 +1 @@
+export {};

package/Unstable_TrapFocus/index.d.ts

@@ -1,2 +1,2 @@
-export { FocusTrap as default } from '@mui/base/FocusTrap';
-export { FocusTrapProps as TrapFocusProps } from '@mui/base/FocusTrap';
+export { default } from './FocusTrap';
+export { FocusTrapProps as TrapFocusProps } from './FocusTrap.types';

package/Unstable_TrapFocus/index.js

@@ -1 +1 @@
-export { FocusTrap as default } from '@mui/base/FocusTrap';
+export { default } from "./FocusTrap.js";

package/Zoom/Zoom.d.ts

@@ -11,7 +11,7 @@ export interface ZoomProps extends TransitionProps {
   /**
    * A single child content element.
    */
-  children: React.ReactElement<any, any>;
+  children: React.ReactElement<unknown, any>;
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -47,4 +47,4 @@ export interface ZoomProps extends TransitionProps {
  * - [Zoom API](https://mui.com/material-ui/api/zoom/)
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */
-export default function Zoom(props: ZoomProps): JSX.Element;
+export default function Zoom(props: ZoomProps): React.JSX.Element;

package/Zoom/Zoom.js

@@ -1,15 +1,13 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { Transition } from 'react-transition-group';
 import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
-import useTheme from '../styles/useTheme';
-import { reflow, getTransitionProps } from '../transitions/utils';
-import useForkRef from '../utils/useForkRef';
+import getReactNodeRef from '@mui/utils/getReactNodeRef';
+import { useTheme } from "../zero-styled/index.js";
+import { reflow, getTransitionProps } from "../transitions/utils.js";
+import useForkRef from "../utils/useForkRef.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   entering: {
@@ -32,25 +30,25 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     exit: theme.transitions.duration.leavingScreen
   };
   const {
-      addEndListener,
-      appear = true,
-      children,
-      easing,
-      in: inProp,
-      onEnter,
-      onEntered,
-      onEntering,
-      onExit,
-      onExited,
-      onExiting,
-      style,
-      timeout = defaultTimeout,
-      // eslint-disable-next-line react/prop-types
-      TransitionComponent = Transition
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    addEndListener,
+    appear = true,
+    children,
+    easing,
+    in: inProp,
+    onEnter,
+    onEntered,
+    onEntering,
+    onExit,
+    onExited,
+    onExiting,
+    style,
+    timeout = defaultTimeout,
+    // eslint-disable-next-line react/prop-types
+    TransitionComponent = Transition,
+    ...other
+  } = props;
   const nodeRef = React.useRef(null);
-  const handleRef = useForkRef(nodeRef, children.ref, ref);
+  const handleRef = useForkRef(nodeRef, getReactNodeRef(children), ref);
   const normalizedTransitionCallback = callback => maybeIsAppearing => {
     if (callback) {
       const node = nodeRef.current;
@@ -103,7 +101,7 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
       addEndListener(nodeRef.current, next);
     }
   };
-  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
+  return /*#__PURE__*/_jsx(TransitionComponent, {
     appear: appear,
     in: inProp,
     nodeRef: nodeRef,
@@ -114,18 +112,22 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     onExited: handleExited,
     onExiting: handleExiting,
     addEndListener: handleAddEndListener,
-    timeout: timeout
-  }, other, {
+    timeout: timeout,
+    ...other,
     children: (state, childProps) => {
-      return /*#__PURE__*/React.cloneElement(children, _extends({
-        style: _extends({
+      return /*#__PURE__*/React.cloneElement(children, {
+        style: {
           transform: 'scale(0)',
-          visibility: state === 'exited' && !inProp ? 'hidden' : undefined
-        }, styles[state], style, children.props.style),
-        ref: handleRef
-      }, childProps));
+          visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
+          ...styles[state],
+          ...style,
+          ...children.props.style
+        },
+        ref: handleRef,
+        ...childProps
+      });
     }
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? Zoom.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/Zoom/index.js

@@ -1,3 +1,3 @@
 'use client';
 
-export { default } from './Zoom';
+export { default } from "./Zoom.js";

package/colors/index.js

@@ -1,20 +1,20 @@
-export { default as common } from './common';
-export { default as red } from './red';
-export { default as pink } from './pink';
-export { default as purple } from './purple';
-export { default as deepPurple } from './deepPurple';
-export { default as indigo } from './indigo';
-export { default as blue } from './blue';
-export { default as lightBlue } from './lightBlue';
-export { default as cyan } from './cyan';
-export { default as teal } from './teal';
-export { default as green } from './green';
-export { default as lightGreen } from './lightGreen';
-export { default as lime } from './lime';
-export { default as yellow } from './yellow';
-export { default as amber } from './amber';
-export { default as orange } from './orange';
-export { default as deepOrange } from './deepOrange';
-export { default as brown } from './brown';
-export { default as grey } from './grey';
-export { default as blueGrey } from './blueGrey';
+export { default as common } from "./common.js";
+export { default as red } from "./red.js";
+export { default as pink } from "./pink.js";
+export { default as purple } from "./purple.js";
+export { default as deepPurple } from "./deepPurple.js";
+export { default as indigo } from "./indigo.js";
+export { default as blue } from "./blue.js";
+export { default as lightBlue } from "./lightBlue.js";
+export { default as cyan } from "./cyan.js";
+export { default as teal } from "./teal.js";
+export { default as green } from "./green.js";
+export { default as lightGreen } from "./lightGreen.js";
+export { default as lime } from "./lime.js";
+export { default as yellow } from "./yellow.js";
+export { default as amber } from "./amber.js";
+export { default as orange } from "./orange.js";
+export { default as deepOrange } from "./deepOrange.js";
+export { default as brown } from "./brown.js";
+export { default as grey } from "./grey.js";
+export { default as blueGrey } from "./blueGrey.js";

package/index.d.ts

@@ -41,27 +41,9 @@ export type InternalStandardProps<
     style?: React.CSSProperties;
   };
 
-export type PaletteMode = 'light' | 'dark';
-export interface Color {
-  50: string;
-  100: string;
-  200: string;
-  300: string;
-  400: string;
-  500: string;
-  600: string;
-  700: string;
-  800: string;
-  900: string;
-  A100: string;
-  A200: string;
-  A400: string;
-  A700: string;
-}
-
 export namespace PropTypes {
   // keeping the type structure for backwards compat
-  // eslint-disable-next-line @typescript-eslint/no-shadow, @typescript-eslint/no-unused-vars
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   type Color = 'inherit' | 'primary' | 'secondary' | 'default';
 }
 
@@ -222,10 +204,9 @@ export { default as FormLabel } from './FormLabel';
 export * from './FormLabel';
 
 export { default as Grid } from './Grid';
-export * from './Grid';
 
-export { default as Unstable_Grid2 } from './Unstable_Grid2';
-export * from './Unstable_Grid2';
+export { default as Grid2 } from './Grid2';
+export * from './Grid2';
 
 export { default as Grow } from './Grow';
 export * from './Grow';
@@ -476,12 +457,14 @@ export * from './useAutocomplete';
 export { default as GlobalStyles } from './GlobalStyles';
 export * from './GlobalStyles';
 
+export * from './version';
+
 /**
  * @deprecated will be removed in v5.beta, please use StyledEngineProvider from @mui/material/styles instead
  */
 export { StyledEngineProvider } from './styles';
 
-export { unstable_composeClasses } from '@mui/base/composeClasses';
+export { unstable_composeClasses } from '@mui/utils';
 
 export { default as generateUtilityClass } from './generateUtilityClass';
 export * from './generateUtilityClass';