@mui/material 7.0.0-alpha.1 → 7.0.0-alpha.2

package/esm/PigmentHidden/PigmentHidden.d.ts

@@ -1,100 +0,0 @@
-import * as React from 'react';
-import { Breakpoint } from '@mui/system';
-export interface HiddenProps {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * Specify which implementation to use.  'js' is the default, 'css' works better for
-   * server-side rendering.
-   * @default 'js'
-   */
-  implementation?: 'js' | 'css';
-  /**
-   * You can use this prop when choosing the `js` implementation with server-side rendering.
-   *
-   * As `window.innerWidth` is unavailable on the server,
-   * we default to rendering an empty component during the first mount.
-   * You might want to use a heuristic to approximate
-   * the screen width of the client browser screen width.
-   *
-   * For instance, you could be using the user-agent or the client-hints.
-   * https://caniuse.com/#search=client%20hint
-   */
-  initialWidth?: Breakpoint;
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  lgDown?: boolean;
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  lgUp?: boolean;
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  mdDown?: boolean;
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  mdUp?: boolean;
-  /**
-   * Hide the given breakpoint(s).
-   */
-  only?: Breakpoint | Breakpoint[];
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  smDown?: boolean;
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  smUp?: boolean;
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  xlDown?: boolean;
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  xlUp?: boolean;
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  xsDown?: boolean;
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  xsUp?: boolean;
-}
-/**
- *
- * Demos:
- *
- * - [Hidden](https://next.mui.com/material-ui/react-hidden/)
- *
- * API:
- *
- * - [PigmentHidden API](https://next.mui.com/material-ui/api/pigment-hidden/)
- */
-declare function PigmentHidden({
-  implementation,
-  ...props
-}: HiddenProps & {
-  className?: string;
-}): React.JSX.Element;
-declare namespace PigmentHidden {
-  var propTypes: any;
-}
-export default PigmentHidden;

package/esm/PigmentHidden/PigmentHidden.js

@@ -1,279 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-// @ts-ignore
-import Hidden from '@mui/material-pigment-css/Hidden';
-import capitalize from '@mui/utils/capitalize';
-import composeClasses from '@mui/utils/composeClasses';
-import HiddenJs from "../Hidden/HiddenJs.js";
-import { getHiddenCssUtilityClass } from "../Hidden/hiddenCssClasses.js";
-import { useTheme } from "../zero-styled/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    breakpoints
-  } = ownerState;
-  const slots = {
-    root: ['root', ...breakpoints.map(({
-      breakpoint,
-      dir
-    }) => {
-      return dir === 'only' ? `${dir}${capitalize(breakpoint)}` : `${breakpoint}${capitalize(dir)}`;
-    })]
-  };
-  return composeClasses(slots, getHiddenCssUtilityClass, classes);
-};
-function HiddenCss(props) {
-  const theme = useTheme();
-  const {
-    children,
-    className,
-    only,
-    ...other
-  } = props;
-  if (process.env.NODE_ENV !== 'production') {
-    const unknownProps = Object.keys(other).filter(propName => {
-      const isUndeclaredBreakpoint = !theme.breakpoints.keys.some(breakpoint => {
-        return `${breakpoint}Up` === propName || `${breakpoint}Down` === propName;
-      });
-      return !['classes', 'theme', 'isRtl', 'sx'].includes(propName) && isUndeclaredBreakpoint;
-    });
-    if (unknownProps.length > 0) {
-      console.error(`MUI: Unsupported props received by \`<Hidden implementation="css" />\`: ${unknownProps.join(', ')}. Did you forget to wrap this component in a ThemeProvider declaring these breakpoints?`);
-    }
-  }
-  const breakpoints = [];
-  for (let i = 0; i < theme.breakpoints.keys.length; i += 1) {
-    const breakpoint = theme.breakpoints.keys[i];
-    const breakpointUp = other[`${breakpoint}Up`];
-    const breakpointDown = other[`${breakpoint}Down`];
-    if (breakpointUp) {
-      breakpoints.push({
-        breakpoint,
-        dir: 'up'
-      });
-    }
-    if (breakpointDown) {
-      breakpoints.push({
-        breakpoint,
-        dir: 'down'
-      });
-    }
-  }
-  if (only) {
-    const onlyBreakpoints = Array.isArray(only) ? only : [only];
-    onlyBreakpoints.forEach(breakpoint => {
-      breakpoints.push({
-        breakpoint,
-        dir: 'only'
-      });
-    });
-  }
-  const ownerState = {
-    ...props,
-    classes: {},
-    breakpoints
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(Hidden, {
-    className: clsx(classes.root, className),
-    ...props
-  });
-}
-process.env.NODE_ENV !== "production" ? HiddenCss.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  className: PropTypes.string,
-  /**
-   * Specify which implementation to use.  'js' is the default, 'css' works better for
-   * server-side rendering.
-   * @default 'js'
-   */
-  implementation: PropTypes.oneOf(['css', 'js']),
-  /**
-   * You can use this prop when choosing the `js` implementation with server-side rendering.
-   *
-   * As `window.innerWidth` is unavailable on the server,
-   * we default to rendering an empty component during the first mount.
-   * You might want to use a heuristic to approximate
-   * the screen width of the client browser screen width.
-   *
-   * For instance, you could be using the user-agent or the client-hints.
-   * https://caniuse.com/#search=client%20hint
-   */
-  initialWidth: PropTypes.oneOf(['lg', 'md', 'sm', 'xl', 'xs']),
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  lgDown: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  lgUp: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  mdDown: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  mdUp: PropTypes.bool,
-  /**
-   * Hide the given breakpoint(s).
-   */
-  only: PropTypes.oneOfType([PropTypes.oneOf(['lg', 'md', 'sm', 'xl', 'xs']), PropTypes.arrayOf(PropTypes.oneOf(['lg', 'md', 'sm', 'xl', 'xs']).isRequired)]),
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  smDown: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  smUp: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  xlDown: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  xlUp: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  xsDown: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  xsUp: PropTypes.bool
-} : void 0;
-
-/**
- *
- * Demos:
- *
- * - [Hidden](https://next.mui.com/material-ui/react-hidden/)
- *
- * API:
- *
- * - [PigmentHidden API](https://next.mui.com/material-ui/api/pigment-hidden/)
- */
-function PigmentHidden({
-  implementation = 'js',
-  ...props
-}) {
-  if (implementation === 'js') {
-    return /*#__PURE__*/_jsx(HiddenJs, {
-      ...props
-    });
-  }
-  return /*#__PURE__*/_jsx(HiddenCss, {
-    ...props
-  });
-}
-process.env.NODE_ENV !== "production" ? PigmentHidden.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * Specify which implementation to use.  'js' is the default, 'css' works better for
-   * server-side rendering.
-   * @default 'js'
-   */
-  implementation: PropTypes.oneOf(['css', 'js']),
-  /**
-   * You can use this prop when choosing the `js` implementation with server-side rendering.
-   *
-   * As `window.innerWidth` is unavailable on the server,
-   * we default to rendering an empty component during the first mount.
-   * You might want to use a heuristic to approximate
-   * the screen width of the client browser screen width.
-   *
-   * For instance, you could be using the user-agent or the client-hints.
-   * https://caniuse.com/#search=client%20hint
-   */
-  initialWidth: PropTypes.oneOf(['lg', 'md', 'sm', 'xl', 'xs']),
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  lgDown: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  lgUp: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  mdDown: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  mdUp: PropTypes.bool,
-  /**
-   * Hide the given breakpoint(s).
-   */
-  only: PropTypes.oneOfType([PropTypes.oneOf(['lg', 'md', 'sm', 'xl', 'xs']), PropTypes.arrayOf(PropTypes.oneOf(['lg', 'md', 'sm', 'xl', 'xs']).isRequired)]),
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  smDown: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  smUp: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  xlDown: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  xlUp: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  xsDown: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  xsUp: PropTypes.bool
-} : void 0;
-export default PigmentHidden;

package/esm/PigmentHidden/index.d.ts

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

package/esm/PigmentHidden/index.js

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

package/modern/Hidden/Hidden.d.ts

@@ -1,96 +0,0 @@
-import * as React from 'react';
-import { Breakpoint } from '@mui/system';
-export interface HiddenProps {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * Specify which implementation to use.  'js' is the default, 'css' works better for
-   * server-side rendering.
-   * @default 'js'
-   */
-  implementation?: 'js' | 'css';
-  /**
-   * You can use this prop when choosing the `js` implementation with server-side rendering.
-   *
-   * As `window.innerWidth` is unavailable on the server,
-   * we default to rendering an empty component during the first mount.
-   * You might want to use a heuristic to approximate
-   * the screen width of the client browser screen width.
-   *
-   * For instance, you could be using the user-agent or the client-hints.
-   * https://caniuse.com/#search=client%20hint
-   */
-  initialWidth?: Breakpoint;
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  lgDown?: boolean;
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  lgUp?: boolean;
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  mdDown?: boolean;
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  mdUp?: boolean;
-  /**
-   * Hide the given breakpoint(s).
-   */
-  only?: Breakpoint | Breakpoint[];
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  smDown?: boolean;
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  smUp?: boolean;
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  xlDown?: boolean;
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  xlUp?: boolean;
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  xsDown?: boolean;
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  xsUp?: boolean;
-}
-
-/**
- * Responsively hides children based on the selected implementation.
- *
- * Demos:
- *
- * - [Hidden](https://next.mui.com/material-ui/react-hidden/)
- *
- * API:
- *
- * - [Hidden API](https://next.mui.com/material-ui/api/hidden/)
- *
- * @deprecated The Hidden component was deprecated in Material UI v5. To learn more, see [the Hidden section](https://mui.com/material-ui/migration/v5-component-changes/#hidden) of the migration docs.
- */
-declare const Hidden: React.JSXElementConstructor<HiddenProps>;
-export default Hidden;

package/modern/Hidden/Hidden.js

@@ -1,140 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import HiddenJs from "./HiddenJs.js";
-import HiddenCss from "./HiddenCss.js";
-
-/**
- * Responsively hides children based on the selected implementation.
- *
- * @deprecated The Hidden component was deprecated in Material UI v5. To learn more, see [the Hidden section](https://mui.com/material-ui/migration/v5-component-changes/#hidden) of the migration docs.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-function Hidden(props) {
-  const {
-    implementation = 'js',
-    lgDown = false,
-    lgUp = false,
-    mdDown = false,
-    mdUp = false,
-    smDown = false,
-    smUp = false,
-    xlDown = false,
-    xlUp = false,
-    xsDown = false,
-    xsUp = false,
-    ...other
-  } = props;
-  if (implementation === 'js') {
-    return /*#__PURE__*/_jsx(HiddenJs, {
-      lgDown: lgDown,
-      lgUp: lgUp,
-      mdDown: mdDown,
-      mdUp: mdUp,
-      smDown: smDown,
-      smUp: smUp,
-      xlDown: xlDown,
-      xlUp: xlUp,
-      xsDown: xsDown,
-      xsUp: xsUp,
-      ...other
-    });
-  }
-  return /*#__PURE__*/_jsx(HiddenCss, {
-    lgDown: lgDown,
-    lgUp: lgUp,
-    mdDown: mdDown,
-    mdUp: mdUp,
-    smDown: smDown,
-    smUp: smUp,
-    xlDown: xlDown,
-    xlUp: xlUp,
-    xsDown: xsDown,
-    xsUp: xsUp,
-    ...other
-  });
-}
-process.env.NODE_ENV !== "production" ? Hidden.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,
-  /**
-   * Specify which implementation to use.  'js' is the default, 'css' works better for
-   * server-side rendering.
-   * @default 'js'
-   */
-  implementation: PropTypes.oneOf(['css', 'js']),
-  /**
-   * You can use this prop when choosing the `js` implementation with server-side rendering.
-   *
-   * As `window.innerWidth` is unavailable on the server,
-   * we default to rendering an empty component during the first mount.
-   * You might want to use a heuristic to approximate
-   * the screen width of the client browser screen width.
-   *
-   * For instance, you could be using the user-agent or the client-hints.
-   * https://caniuse.com/#search=client%20hint
-   */
-  initialWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  lgDown: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  lgUp: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  mdDown: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  mdUp: PropTypes.bool,
-  /**
-   * Hide the given breakpoint(s).
-   */
-  only: PropTypes.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), PropTypes.arrayOf(PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']).isRequired)]),
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  smDown: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  smUp: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  xlDown: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  xlUp: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  xsDown: PropTypes.bool,
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  xsUp: PropTypes.bool
-} : void 0;
-export default Hidden;

package/modern/Hidden/HiddenCss.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { Breakpoint } from '@mui/system';
-export interface HiddenCssProps {
-  lgDown?: boolean;
-  lgUp?: boolean;
-  mdDown?: boolean;
-  mdUp?: boolean;
-  only?: Breakpoint | Breakpoint[];
-  smDown?: boolean;
-  smUp?: boolean;
-  xlDown?: boolean;
-  xlUp?: boolean;
-  xsDown?: boolean;
-  xsUp?: boolean;
-}
-declare const HiddenCss: React.JSXElementConstructor<HiddenCssProps>;
-export default HiddenCss;