@mui/material 7.0.0 → 7.0.2

package/modern/Badge/useBadge.types.js

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

package/modern/BottomNavigation/BottomNavigation.js

@@ -1,123 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { isFragment } from 'react-is';
-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 { getBottomNavigationUtilityClass } from "./bottomNavigationClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, getBottomNavigationUtilityClass, classes);
-};
-const BottomNavigationRoot = styled('div', {
-  name: 'MuiBottomNavigation',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(memoTheme(({
-  theme
-}) => ({
-  display: 'flex',
-  justifyContent: 'center',
-  height: 56,
-  backgroundColor: (theme.vars || theme).palette.background.paper
-})));
-const BottomNavigation = /*#__PURE__*/React.forwardRef(function BottomNavigation(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiBottomNavigation'
-  });
-  const {
-    children,
-    className,
-    component = 'div',
-    onChange,
-    showLabels = false,
-    value,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    component,
-    showLabels
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(BottomNavigationRoot, {
-    as: component,
-    className: clsx(classes.root, className),
-    ref: ref,
-    ownerState: ownerState,
-    ...other,
-    children: React.Children.map(children, (child, childIndex) => {
-      if (! /*#__PURE__*/React.isValidElement(child)) {
-        return null;
-      }
-      if (process.env.NODE_ENV !== 'production') {
-        if (isFragment(child)) {
-          console.error(["MUI: The BottomNavigation component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
-        }
-      }
-      const childValue = child.props.value === undefined ? childIndex : child.props.value;
-      return /*#__PURE__*/React.cloneElement(child, {
-        selected: childValue === value,
-        showLabel: child.props.showLabel !== undefined ? child.props.showLabel : showLabels,
-        value: childValue,
-        onChange
-      });
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? BottomNavigation.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 component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * Callback fired when the value changes.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
-   * @param {any} value We default to the index of the child.
-   */
-  onChange: PropTypes.func,
-  /**
-   * If `true`, all `BottomNavigationAction`s will show their labels.
-   * By default, only the selected `BottomNavigationAction` will show its label.
-   * @default false
-   */
-  showLabels: 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]),
-  /**
-   * The value of the currently selected `BottomNavigationAction`.
-   */
-  value: PropTypes.any
-} : void 0;
-export default BottomNavigation;

package/modern/BottomNavigation/bottomNavigationClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getBottomNavigationUtilityClass(slot) {
-  return generateUtilityClass('MuiBottomNavigation', slot);
-}
-const bottomNavigationClasses = generateUtilityClasses('MuiBottomNavigation', ['root']);
-export default bottomNavigationClasses;

package/modern/BottomNavigation/index.js

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

package/modern/BottomNavigationAction/BottomNavigationAction.js

@@ -1,187 +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 ButtonBase from "../ButtonBase/index.js";
-import unsupportedProp from "../utils/unsupportedProp.js";
-import bottomNavigationActionClasses, { getBottomNavigationActionUtilityClass } from "./bottomNavigationActionClasses.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    showLabel,
-    selected
-  } = ownerState;
-  const slots = {
-    root: ['root', !showLabel && !selected && 'iconOnly', selected && 'selected'],
-    label: ['label', !showLabel && !selected && 'iconOnly', selected && 'selected']
-  };
-  return composeClasses(slots, getBottomNavigationActionUtilityClass, classes);
-};
-const BottomNavigationActionRoot = styled(ButtonBase, {
-  name: 'MuiBottomNavigationAction',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, !ownerState.showLabel && !ownerState.selected && styles.iconOnly];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  transition: theme.transitions.create(['color', 'padding-top'], {
-    duration: theme.transitions.duration.short
-  }),
-  padding: '0px 12px',
-  minWidth: 80,
-  maxWidth: 168,
-  color: (theme.vars || theme).palette.text.secondary,
-  flexDirection: 'column',
-  flex: '1',
-  [`&.${bottomNavigationActionClasses.selected}`]: {
-    color: (theme.vars || theme).palette.primary.main
-  },
-  variants: [{
-    props: ({
-      showLabel,
-      selected
-    }) => !showLabel && !selected,
-    style: {
-      paddingTop: 14
-    }
-  }, {
-    props: ({
-      showLabel,
-      selected,
-      label
-    }) => !showLabel && !selected && !label,
-    style: {
-      paddingTop: 0
-    }
-  }]
-})));
-const BottomNavigationActionLabel = styled('span', {
-  name: 'MuiBottomNavigationAction',
-  slot: 'Label',
-  overridesResolver: (props, styles) => styles.label
-})(memoTheme(({
-  theme
-}) => ({
-  fontFamily: theme.typography.fontFamily,
-  fontSize: theme.typography.pxToRem(12),
-  opacity: 1,
-  transition: 'font-size 0.2s, opacity 0.2s',
-  transitionDelay: '0.1s',
-  [`&.${bottomNavigationActionClasses.selected}`]: {
-    fontSize: theme.typography.pxToRem(14)
-  },
-  variants: [{
-    props: ({
-      showLabel,
-      selected
-    }) => !showLabel && !selected,
-    style: {
-      opacity: 0,
-      transitionDelay: '0s'
-    }
-  }]
-})));
-const BottomNavigationAction = /*#__PURE__*/React.forwardRef(function BottomNavigationAction(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiBottomNavigationAction'
-  });
-  const {
-    className,
-    icon,
-    label,
-    onChange,
-    onClick,
-    // eslint-disable-next-line react/prop-types -- private, always overridden by BottomNavigation
-    selected,
-    showLabel,
-    value,
-    ...other
-  } = props;
-  const ownerState = props;
-  const classes = useUtilityClasses(ownerState);
-  const handleChange = event => {
-    if (onChange) {
-      onChange(event, value);
-    }
-    if (onClick) {
-      onClick(event);
-    }
-  };
-  return /*#__PURE__*/_jsxs(BottomNavigationActionRoot, {
-    ref: ref,
-    className: clsx(classes.root, className),
-    focusRipple: true,
-    onClick: handleChange,
-    ownerState: ownerState,
-    ...other,
-    children: [icon, /*#__PURE__*/_jsx(BottomNavigationActionLabel, {
-      className: classes.label,
-      ownerState: ownerState,
-      children: label
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? BottomNavigationAction.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * This prop isn't supported.
-   * Use the `component` prop if you need to change the children structure.
-   */
-  children: unsupportedProp,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The icon to display.
-   */
-  icon: PropTypes.node,
-  /**
-   * The label element.
-   */
-  label: PropTypes.node,
-  /**
-   * @ignore
-   */
-  onChange: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onClick: PropTypes.func,
-  /**
-   * If `true`, the `BottomNavigationAction` will show its label.
-   * By default, only the selected `BottomNavigationAction`
-   * inside `BottomNavigation` will show its label.
-   *
-   * The prop defaults to the value (`false`) inherited from the parent BottomNavigation component.
-   */
-  showLabel: 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]),
-  /**
-   * You can provide your own value. Otherwise, we fallback to the child position index.
-   */
-  value: PropTypes.any
-} : void 0;
-export default BottomNavigationAction;

package/modern/BottomNavigationAction/bottomNavigationActionClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getBottomNavigationActionUtilityClass(slot) {
-  return generateUtilityClass('MuiBottomNavigationAction', slot);
-}
-const bottomNavigationActionClasses = generateUtilityClasses('MuiBottomNavigationAction', ['root', 'iconOnly', 'selected', 'label']);
-export default bottomNavigationActionClasses;

package/modern/BottomNavigationAction/index.js

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

package/modern/Box/Box.js

@@ -1,35 +0,0 @@
-'use client';
-
-import { createBox } from '@mui/system';
-import PropTypes from 'prop-types';
-import { unstable_ClassNameGenerator as ClassNameGenerator } from "../className/index.js";
-import { createTheme } from "../styles/index.js";
-import THEME_ID from "../styles/identifier.js";
-import boxClasses from "./boxClasses.js";
-const defaultTheme = createTheme();
-const Box = createBox({
-  themeId: THEME_ID,
-  defaultTheme,
-  defaultClassName: boxClasses.root,
-  generateClassName: ClassNameGenerator.generate
-});
-process.env.NODE_ENV !== "production" ? Box.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,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: 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 Box;

package/modern/Box/boxClasses.js

@@ -1,3 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-const boxClasses = generateUtilityClasses('MuiBox', ['root']);
-export default boxClasses;

package/modern/Box/index.js

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

package/modern/Breadcrumbs/BreadcrumbCollapsed.js

@@ -1,90 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { emphasize } from '@mui/system/colorManipulator';
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import MoreHorizIcon from "../internal/svg-icons/MoreHoriz.js";
-import ButtonBase from "../ButtonBase/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const BreadcrumbCollapsedButton = styled(ButtonBase)(memoTheme(({
-  theme
-}) => ({
-  display: 'flex',
-  marginLeft: `calc(${theme.spacing(1)} * 0.5)`,
-  marginRight: `calc(${theme.spacing(1)} * 0.5)`,
-  ...(theme.palette.mode === 'light' ? {
-    backgroundColor: theme.palette.grey[100],
-    color: theme.palette.grey[700]
-  } : {
-    backgroundColor: theme.palette.grey[700],
-    color: theme.palette.grey[100]
-  }),
-  borderRadius: 2,
-  '&:hover, &:focus': {
-    ...(theme.palette.mode === 'light' ? {
-      backgroundColor: theme.palette.grey[200]
-    } : {
-      backgroundColor: theme.palette.grey[600]
-    })
-  },
-  '&:active': {
-    boxShadow: theme.shadows[0],
-    ...(theme.palette.mode === 'light' ? {
-      backgroundColor: emphasize(theme.palette.grey[200], 0.12)
-    } : {
-      backgroundColor: emphasize(theme.palette.grey[600], 0.12)
-    })
-  }
-})));
-const BreadcrumbCollapsedIcon = styled(MoreHorizIcon)({
-  width: 24,
-  height: 16
-});
-
-/**
- * @ignore - internal component.
- */
-function BreadcrumbCollapsed(props) {
-  const {
-    slots = {},
-    slotProps = {},
-    ...otherProps
-  } = props;
-  const ownerState = props;
-  return /*#__PURE__*/_jsx("li", {
-    children: /*#__PURE__*/_jsx(BreadcrumbCollapsedButton, {
-      focusRipple: true,
-      ...otherProps,
-      ownerState: ownerState,
-      children: /*#__PURE__*/_jsx(BreadcrumbCollapsedIcon, {
-        as: slots.CollapsedIcon,
-        ownerState: ownerState,
-        ...slotProps.collapsedIcon
-      })
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? BreadcrumbCollapsed.propTypes = {
-  /**
-   * The props used for the CollapsedIcon slot.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    collapsedIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside the BreadcumbCollapsed.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    CollapsedIcon: PropTypes.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.object
-} : void 0;
-export default BreadcrumbCollapsed;