@mui/material 7.0.1 → 7.1.0

package/modern/Badge/useBadge.js

@@ -1,41 +0,0 @@
-'use client';
-
-import { usePreviousProps } from '@mui/utils';
-/**
- *
- * Demos:
- *
- * - [Badge](https://mui.com/base-ui/react-badge/#hook)
- *
- * API:
- *
- * - [useBadge API](https://mui.com/base-ui/react-badge/hooks-api/#use-badge)
- */
-function useBadge(parameters) {
-  const {
-    badgeContent: badgeContentProp,
-    invisible: invisibleProp = false,
-    max: maxProp = 99,
-    showZero = false
-  } = parameters;
-  const prevProps = usePreviousProps({
-    badgeContent: badgeContentProp,
-    max: maxProp
-  });
-  let invisible = invisibleProp;
-  if (invisibleProp === false && badgeContentProp === 0 && !showZero) {
-    invisible = true;
-  }
-  const {
-    badgeContent,
-    max = maxProp
-  } = invisible ? prevProps : parameters;
-  const displayValue = badgeContent && Number(badgeContent) > max ? `${max}+` : badgeContent;
-  return {
-    badgeContent,
-    invisible,
-    max,
-    displayValue
-  };
-}
-export default useBadge;

package/modern/Badge/useBadge.types.d.ts

@@ -1,39 +0,0 @@
-export interface UseBadgeParameters {
-  /**
-   * The content rendered within the badge.
-   */
-  badgeContent?: React.ReactNode;
-  /**
-   * If `true`, the badge is invisible.
-   * @default false
-   */
-  invisible?: boolean;
-  /**
-   * Max count to show.
-   * @default 99
-   */
-  max?: number;
-  /**
-   * Controls whether the badge is hidden when `badgeContent` is zero.
-   * @default false
-   */
-  showZero?: boolean;
-}
-export interface UseBadgeReturnValue {
-  /**
-   * Defines the content that's displayed inside the badge.
-   */
-  badgeContent: React.ReactNode;
-  /**
-   * If `true`, the component will not be visible.
-   */
-  invisible: boolean;
-  /**
-   * Maximum number to be displayed in the badge.
-   */
-  max: number;
-  /**
-   * Value to be displayed in the badge. If `badgeContent` is greater than `max`, it will return `max+`.
-   */
-  displayValue: React.ReactNode;
-}

package/modern/Badge/useBadge.types.js

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

package/modern/BottomNavigation/BottomNavigation.d.ts

@@ -1,55 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from "../index.js";
-import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { BottomNavigationClasses } from "./bottomNavigationClasses.js";
-export interface BottomNavigationOwnProps {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<BottomNavigationClasses>;
-  /**
-   * 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?: (event: React.SyntheticEvent, value: any) => void;
-  /**
-   * If `true`, all `BottomNavigationAction`s will show their labels.
-   * By default, only the selected `BottomNavigationAction` will show its label.
-   * @default false
-   */
-  showLabels?: boolean;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * The value of the currently selected `BottomNavigationAction`.
-   */
-  value?: any;
-}
-export interface BottomNavigationTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
-  props: AdditionalProps & BottomNavigationOwnProps;
-  defaultComponent: RootComponent;
-}
-/**
- *
- * Demos:
- *
- * - [Bottom Navigation](https://mui.com/material-ui/react-bottom-navigation/)
- *
- * API:
- *
- * - [BottomNavigation API](https://mui.com/material-ui/api/bottom-navigation/)
- */
-declare const BottomNavigation: OverridableComponent<BottomNavigationTypeMap>;
-export type BottomNavigationProps<RootComponent extends React.ElementType = BottomNavigationTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BottomNavigationTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default BottomNavigation;

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.d.ts

@@ -1,8 +0,0 @@
-export interface BottomNavigationClasses {
-  /** Styles applied to the root element. */
-  root: string;
-}
-export type BottomNavigationClassKey = keyof BottomNavigationClasses;
-export declare function getBottomNavigationUtilityClass(slot: string): string;
-declare const bottomNavigationClasses: BottomNavigationClasses;
-export default bottomNavigationClasses;

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.d.ts

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

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.d.ts

@@ -1,62 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from "../index.js";
-import { ButtonBaseTypeMap, ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
-import { OverrideProps } from "../OverridableComponent/index.js";
-import { BottomNavigationActionClasses } from "./bottomNavigationActionClasses.js";
-export interface BottomNavigationActionOwnProps {
-  /**
-   * This prop isn't supported.
-   * Use the `component` prop if you need to change the children structure.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<BottomNavigationActionClasses>;
-  /**
-   * The icon to display.
-   */
-  icon?: React.ReactNode;
-  /**
-   * The label element.
-   */
-  label?: React.ReactNode;
-  /**
-   * 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?: boolean;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * You can provide your own value. Otherwise, we fallback to the child position index.
-   */
-  value?: any;
-}
-export type BottomNavigationActionTypeMap<AdditionalProps, RootComponent extends React.ElementType> = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & BottomNavigationActionOwnProps;
-  defaultComponent: RootComponent;
-}>;
-
-/**
- *
- * Demos:
- *
- * - [Bottom Navigation](https://mui.com/material-ui/react-bottom-navigation/)
- *
- * API:
- *
- * - [BottomNavigationAction API](https://mui.com/material-ui/api/bottom-navigation-action/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
- */
-declare const BottomNavigationAction: ExtendButtonBase<BottomNavigationActionTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
-export type BottomNavigationActionProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BottomNavigationActionTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default BottomNavigationAction;

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.d.ts

@@ -1,14 +0,0 @@
-export interface BottomNavigationActionClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** State class applied to the root element if selected. */
-  selected: string;
-  /** State class applied to the root element if `showLabel={false}` and not selected. */
-  iconOnly: string;
-  /** Styles applied to the label's span element. */
-  label: string;
-}
-export type BottomNavigationActionClassKey = keyof BottomNavigationActionClasses;
-export declare function getBottomNavigationActionUtilityClass(slot: string): string;
-declare const bottomNavigationActionClasses: BottomNavigationActionClasses;
-export default bottomNavigationActionClasses;

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.d.ts

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

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.d.ts

@@ -1,20 +0,0 @@
-import { BoxTypeMap } from '@mui/system';
-import { OverridableComponent } from '@mui/types';
-import { OverrideProps } from "../OverridableComponent/index.js";
-import { Theme as MaterialTheme } from "../styles/index.js";
-
-/**
- *
- * Demos:
- *
- * - [Box](https://mui.com/material-ui/react-box/)
- *
- * API:
- *
- * - [Box API](https://mui.com/material-ui/api/box/)
- */
-declare const Box: OverridableComponent<BoxTypeMap<{}, 'div', MaterialTheme>>;
-export type BoxProps<RootComponent extends React.ElementType = BoxTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BoxTypeMap<AdditionalProps, RootComponent, MaterialTheme>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default Box;

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.d.ts

@@ -1,7 +0,0 @@
-export interface BoxClasses {
-  /** Styles applied to the root element. */
-  root: string;
-}
-export type BoxClassKey = keyof BoxClasses;
-declare const boxClasses: BoxClasses;
-export default boxClasses;

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.d.ts

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

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";