@mui/material 6.0.0-alpha.1 → 6.0.0-alpha.3

package/legacy/BottomNavigation/BottomNavigation.js

@@ -1,124 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-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, createUseThemeProps } from '../zero-styled';
-import { getBottomNavigationUtilityClass } from './bottomNavigationClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiBottomNavigation');
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes;
-  var slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, getBottomNavigationUtilityClass, classes);
-};
-var BottomNavigationRoot = styled('div', {
-  name: 'MuiBottomNavigation',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.root;
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    display: 'flex',
-    justifyContent: 'center',
-    height: 56,
-    backgroundColor: (theme.vars || theme).palette.background.paper
-  };
-});
-var BottomNavigation = /*#__PURE__*/React.forwardRef(function BottomNavigation(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiBottomNavigation'
-  });
-  var children = props.children,
-    className = props.className,
-    _props$component = props.component,
-    component = _props$component === void 0 ? 'div' : _props$component,
-    onChange = props.onChange,
-    _props$showLabels = props.showLabels,
-    showLabels = _props$showLabels === void 0 ? false : _props$showLabels,
-    value = props.value,
-    other = _objectWithoutProperties(props, ["children", "className", "component", "onChange", "showLabels", "value"]);
-  var ownerState = _extends({}, props, {
-    component: component,
-    showLabels: showLabels
-  });
-  var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(BottomNavigationRoot, _extends({
-    as: component,
-    className: clsx(classes.root, className),
-    ref: ref,
-    ownerState: ownerState
-  }, other, {
-    children: React.Children.map(children, function (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'));
-        }
-      }
-      var 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: 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/legacy/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);
-}
-var bottomNavigationClasses = generateUtilityClasses('MuiBottomNavigation', ['root']);
-export default bottomNavigationClasses;

package/legacy/BottomNavigation/index.js

@@ -1,5 +0,0 @@
-'use client';
-
-export { default } from './BottomNavigation';
-export { default as bottomNavigationClasses } from './bottomNavigationClasses';
-export * from './bottomNavigationClasses';

package/legacy/BottomNavigationAction/BottomNavigationAction.js

@@ -1,185 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import { styled, createUseThemeProps } from '../zero-styled';
-import ButtonBase from '../ButtonBase';
-import unsupportedProp from '../utils/unsupportedProp';
-import bottomNavigationActionClasses, { getBottomNavigationActionUtilityClass } from './bottomNavigationActionClasses';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiBottomNavigationAction');
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    showLabel = ownerState.showLabel,
-    selected = ownerState.selected;
-  var slots = {
-    root: ['root', !showLabel && !selected && 'iconOnly', selected && 'selected'],
-    label: ['label', !showLabel && !selected && 'iconOnly', selected && 'selected']
-  };
-  return composeClasses(slots, getBottomNavigationActionUtilityClass, classes);
-};
-var BottomNavigationActionRoot = styled(ButtonBase, {
-  name: 'MuiBottomNavigationAction',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, !ownerState.showLabel && !ownerState.selected && styles.iconOnly];
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  return _defineProperty(_defineProperty({
-    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'
-  }, "&.".concat(bottomNavigationActionClasses.selected), {
-    color: (theme.vars || theme).palette.primary.main
-  }), "variants", [{
-    props: function props(_ref2) {
-      var showLabel = _ref2.showLabel,
-        selected = _ref2.selected;
-      return !showLabel && !selected;
-    },
-    style: {
-      paddingTop: 14
-    }
-  }, {
-    props: function props(_ref3) {
-      var showLabel = _ref3.showLabel,
-        selected = _ref3.selected,
-        label = _ref3.label;
-      return !showLabel && !selected && !label;
-    },
-    style: {
-      paddingTop: 0
-    }
-  }]);
-});
-var BottomNavigationActionLabel = styled('span', {
-  name: 'MuiBottomNavigationAction',
-  slot: 'Label',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.label;
-  }
-})(function (_ref5) {
-  var theme = _ref5.theme;
-  return _defineProperty(_defineProperty({
-    fontFamily: theme.typography.fontFamily,
-    fontSize: theme.typography.pxToRem(12),
-    opacity: 1,
-    transition: 'font-size 0.2s, opacity 0.2s',
-    transitionDelay: '0.1s'
-  }, "&.".concat(bottomNavigationActionClasses.selected), {
-    fontSize: theme.typography.pxToRem(14)
-  }), "variants", [{
-    props: function props(_ref6) {
-      var showLabel = _ref6.showLabel,
-        selected = _ref6.selected;
-      return !showLabel && !selected;
-    },
-    style: {
-      opacity: 0,
-      transitionDelay: '0s'
-    }
-  }]);
-});
-var BottomNavigationAction = /*#__PURE__*/React.forwardRef(function BottomNavigationAction(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiBottomNavigationAction'
-  });
-  var className = props.className,
-    icon = props.icon,
-    label = props.label,
-    onChange = props.onChange,
-    onClick = props.onClick,
-    selected = props.selected,
-    showLabel = props.showLabel,
-    value = props.value,
-    other = _objectWithoutProperties(props, ["className", "icon", "label", "onChange", "onClick", "selected", "showLabel", "value"]);
-  var ownerState = props;
-  var classes = useUtilityClasses(ownerState);
-  var handleChange = function handleChange(event) {
-    if (onChange) {
-      onChange(event, value);
-    }
-    if (onClick) {
-      onClick(event);
-    }
-  };
-  return /*#__PURE__*/_jsxs(BottomNavigationActionRoot, _extends({
-    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/legacy/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);
-}
-var bottomNavigationActionClasses = generateUtilityClasses('MuiBottomNavigationAction', ['root', 'iconOnly', 'selected', 'label']);
-export default bottomNavigationActionClasses;

package/legacy/BottomNavigationAction/index.js

@@ -1,5 +0,0 @@
-'use client';
-
-export { default } from './BottomNavigationAction';
-export { default as bottomNavigationActionClasses } from './bottomNavigationActionClasses';
-export * from './bottomNavigationActionClasses';

package/legacy/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';
-import { createTheme } from '../styles';
-import THEME_ID from '../styles/identifier';
-import boxClasses from './boxClasses';
-var defaultTheme = createTheme();
-var Box = createBox({
-  themeId: THEME_ID,
-  defaultTheme: 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/legacy/Box/boxClasses.js

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

package/legacy/Box/index.js

@@ -1,5 +0,0 @@
-'use client';
-
-export { default } from './Box';
-export { default as boxClasses } from './boxClasses';
-export * from './boxClasses';

package/legacy/Breadcrumbs/BreadcrumbCollapsed.js

@@ -1,88 +0,0 @@
-'use client';
-
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { emphasize } from '@mui/system/colorManipulator';
-import styled from '../styles/styled';
-import MoreHorizIcon from '../internal/svg-icons/MoreHoriz';
-import ButtonBase from '../ButtonBase';
-import { jsx as _jsx } from "react/jsx-runtime";
-var BreadcrumbCollapsedButton = styled(ButtonBase)(function (_ref) {
-  var theme = _ref.theme;
-  return _extends({
-    display: 'flex',
-    marginLeft: "calc(".concat(theme.spacing(1), " * 0.5)"),
-    marginRight: "calc(".concat(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': _extends({}, theme.palette.mode === 'light' ? {
-      backgroundColor: theme.palette.grey[200]
-    } : {
-      backgroundColor: theme.palette.grey[600]
-    }),
-    '&:active': _extends({
-      boxShadow: theme.shadows[0]
-    }, theme.palette.mode === 'light' ? {
-      backgroundColor: emphasize(theme.palette.grey[200], 0.12)
-    } : {
-      backgroundColor: emphasize(theme.palette.grey[600], 0.12)
-    })
-  });
-});
-var BreadcrumbCollapsedIcon = styled(MoreHorizIcon)({
-  width: 24,
-  height: 16
-});
-
-/**
- * @ignore - internal component.
- */
-function BreadcrumbCollapsed(props) {
-  var _props$slots = props.slots,
-    slots = _props$slots === void 0 ? {} : _props$slots,
-    _props$slotProps = props.slotProps,
-    slotProps = _props$slotProps === void 0 ? {} : _props$slotProps,
-    otherProps = _objectWithoutProperties(props, ["slots", "slotProps"]);
-  var ownerState = props;
-  return /*#__PURE__*/_jsx("li", {
-    children: /*#__PURE__*/_jsx(BreadcrumbCollapsedButton, _extends({
-      focusRipple: true
-    }, otherProps, {
-      ownerState: ownerState,
-      children: /*#__PURE__*/_jsx(BreadcrumbCollapsedIcon, _extends({
-        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;