@mui/material 7.0.1 → 7.0.2

package/modern/Backdrop/Backdrop.js

@@ -1,205 +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 { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import useSlot from "../utils/useSlot.js";
-import Fade from "../Fade/index.js";
-import { getBackdropUtilityClass } from "./backdropClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    invisible
-  } = ownerState;
-  const slots = {
-    root: ['root', invisible && 'invisible']
-  };
-  return composeClasses(slots, getBackdropUtilityClass, classes);
-};
-const BackdropRoot = styled('div', {
-  name: 'MuiBackdrop',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, ownerState.invisible && styles.invisible];
-  }
-})({
-  position: 'fixed',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  right: 0,
-  bottom: 0,
-  top: 0,
-  left: 0,
-  backgroundColor: 'rgba(0, 0, 0, 0.5)',
-  WebkitTapHighlightColor: 'transparent',
-  variants: [{
-    props: {
-      invisible: true
-    },
-    style: {
-      backgroundColor: 'transparent'
-    }
-  }]
-});
-const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiBackdrop'
-  });
-  const {
-    children,
-    className,
-    component = 'div',
-    invisible = false,
-    open,
-    components = {},
-    componentsProps = {},
-    slotProps = {},
-    slots = {},
-    TransitionComponent: TransitionComponentProp,
-    transitionDuration,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    component,
-    invisible
-  };
-  const classes = useUtilityClasses(ownerState);
-  const backwardCompatibleSlots = {
-    transition: TransitionComponentProp,
-    root: components.Root,
-    ...slots
-  };
-  const backwardCompatibleSlotProps = {
-    ...componentsProps,
-    ...slotProps
-  };
-  const externalForwardedProps = {
-    slots: backwardCompatibleSlots,
-    slotProps: backwardCompatibleSlotProps
-  };
-  const [RootSlot, rootProps] = useSlot('root', {
-    elementType: BackdropRoot,
-    externalForwardedProps,
-    className: clsx(classes.root, className),
-    ownerState
-  });
-  const [TransitionSlot, transitionProps] = useSlot('transition', {
-    elementType: Fade,
-    externalForwardedProps,
-    ownerState
-  });
-  return /*#__PURE__*/_jsx(TransitionSlot, {
-    in: open,
-    timeout: transitionDuration,
-    ...other,
-    ...transitionProps,
-    children: /*#__PURE__*/_jsx(RootSlot, {
-      "aria-hidden": true,
-      ...rootProps,
-      classes: classes,
-      ref: ref,
-      children: children
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? Backdrop.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,
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  components: PropTypes.shape({
-    Root: PropTypes.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  componentsProps: PropTypes.shape({
-    root: PropTypes.object
-  }),
-  /**
-   * If `true`, the backdrop is invisible.
-   * It can be used when rendering a popover or a custom select component.
-   * @default false
-   */
-  invisible: PropTypes.bool,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: PropTypes.bool.isRequired,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    transition: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    root: PropTypes.elementType,
-    transition: 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]),
-  /**
-   * The component used for the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Fade
-   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TransitionComponent: PropTypes.elementType,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   */
-  transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-    appear: PropTypes.number,
-    enter: PropTypes.number,
-    exit: PropTypes.number
-  })])
-} : void 0;
-export default Backdrop;

package/modern/Backdrop/backdropClasses.js

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

package/modern/Backdrop/index.js

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

package/modern/Badge/Badge.js

@@ -1,428 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import usePreviousProps from '@mui/utils/usePreviousProps';
-import composeClasses from '@mui/utils/composeClasses';
-import useSlotProps from '@mui/utils/useSlotProps';
-import useBadge from "./useBadge.js";
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import createSimplePaletteValueFilter from "../utils/createSimplePaletteValueFilter.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import capitalize from "../utils/capitalize.js";
-import badgeClasses, { getBadgeUtilityClass } from "./badgeClasses.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const RADIUS_STANDARD = 10;
-const RADIUS_DOT = 4;
-const useUtilityClasses = ownerState => {
-  const {
-    color,
-    anchorOrigin,
-    invisible,
-    overlap,
-    variant,
-    classes = {}
-  } = ownerState;
-  const slots = {
-    root: ['root'],
-    badge: ['badge', variant, invisible && 'invisible', `anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}`, `anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}${capitalize(overlap)}`, `overlap${capitalize(overlap)}`, color !== 'default' && `color${capitalize(color)}`]
-  };
-  return composeClasses(slots, getBadgeUtilityClass, classes);
-};
-const BadgeRoot = styled('span', {
-  name: 'MuiBadge',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})({
-  position: 'relative',
-  display: 'inline-flex',
-  // For correct alignment with the text.
-  verticalAlign: 'middle',
-  flexShrink: 0
-});
-const BadgeBadge = styled('span', {
-  name: 'MuiBadge',
-  slot: 'Badge',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.badge, styles[ownerState.variant], styles[`anchorOrigin${capitalize(ownerState.anchorOrigin.vertical)}${capitalize(ownerState.anchorOrigin.horizontal)}${capitalize(ownerState.overlap)}`], ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`], ownerState.invisible && styles.invisible];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  display: 'flex',
-  flexDirection: 'row',
-  flexWrap: 'wrap',
-  justifyContent: 'center',
-  alignContent: 'center',
-  alignItems: 'center',
-  position: 'absolute',
-  boxSizing: 'border-box',
-  fontFamily: theme.typography.fontFamily,
-  fontWeight: theme.typography.fontWeightMedium,
-  fontSize: theme.typography.pxToRem(12),
-  minWidth: RADIUS_STANDARD * 2,
-  lineHeight: 1,
-  padding: '0 6px',
-  height: RADIUS_STANDARD * 2,
-  borderRadius: RADIUS_STANDARD,
-  zIndex: 1,
-  // Render the badge on top of potential ripples.
-  transition: theme.transitions.create('transform', {
-    easing: theme.transitions.easing.easeInOut,
-    duration: theme.transitions.duration.enteringScreen
-  }),
-  variants: [...Object.entries(theme.palette).filter(createSimplePaletteValueFilter(['contrastText'])).map(([color]) => ({
-    props: {
-      color
-    },
-    style: {
-      backgroundColor: (theme.vars || theme).palette[color].main,
-      color: (theme.vars || theme).palette[color].contrastText
-    }
-  })), {
-    props: {
-      variant: 'dot'
-    },
-    style: {
-      borderRadius: RADIUS_DOT,
-      height: RADIUS_DOT * 2,
-      minWidth: RADIUS_DOT * 2,
-      padding: 0
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'rectangular',
-    style: {
-      top: 0,
-      right: 0,
-      transform: 'scale(1) translate(50%, -50%)',
-      transformOrigin: '100% 0%',
-      [`&.${badgeClasses.invisible}`]: {
-        transform: 'scale(0) translate(50%, -50%)'
-      }
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'rectangular',
-    style: {
-      bottom: 0,
-      right: 0,
-      transform: 'scale(1) translate(50%, 50%)',
-      transformOrigin: '100% 100%',
-      [`&.${badgeClasses.invisible}`]: {
-        transform: 'scale(0) translate(50%, 50%)'
-      }
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'rectangular',
-    style: {
-      top: 0,
-      left: 0,
-      transform: 'scale(1) translate(-50%, -50%)',
-      transformOrigin: '0% 0%',
-      [`&.${badgeClasses.invisible}`]: {
-        transform: 'scale(0) translate(-50%, -50%)'
-      }
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'rectangular',
-    style: {
-      bottom: 0,
-      left: 0,
-      transform: 'scale(1) translate(-50%, 50%)',
-      transformOrigin: '0% 100%',
-      [`&.${badgeClasses.invisible}`]: {
-        transform: 'scale(0) translate(-50%, 50%)'
-      }
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'circular',
-    style: {
-      top: '14%',
-      right: '14%',
-      transform: 'scale(1) translate(50%, -50%)',
-      transformOrigin: '100% 0%',
-      [`&.${badgeClasses.invisible}`]: {
-        transform: 'scale(0) translate(50%, -50%)'
-      }
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'circular',
-    style: {
-      bottom: '14%',
-      right: '14%',
-      transform: 'scale(1) translate(50%, 50%)',
-      transformOrigin: '100% 100%',
-      [`&.${badgeClasses.invisible}`]: {
-        transform: 'scale(0) translate(50%, 50%)'
-      }
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'circular',
-    style: {
-      top: '14%',
-      left: '14%',
-      transform: 'scale(1) translate(-50%, -50%)',
-      transformOrigin: '0% 0%',
-      [`&.${badgeClasses.invisible}`]: {
-        transform: 'scale(0) translate(-50%, -50%)'
-      }
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'circular',
-    style: {
-      bottom: '14%',
-      left: '14%',
-      transform: 'scale(1) translate(-50%, 50%)',
-      transformOrigin: '0% 100%',
-      [`&.${badgeClasses.invisible}`]: {
-        transform: 'scale(0) translate(-50%, 50%)'
-      }
-    }
-  }, {
-    props: {
-      invisible: true
-    },
-    style: {
-      transition: theme.transitions.create('transform', {
-        easing: theme.transitions.easing.easeInOut,
-        duration: theme.transitions.duration.leavingScreen
-      })
-    }
-  }]
-})));
-function getAnchorOrigin(anchorOrigin) {
-  return {
-    vertical: anchorOrigin?.vertical ?? 'top',
-    horizontal: anchorOrigin?.horizontal ?? 'right'
-  };
-}
-const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiBadge'
-  });
-  const {
-    anchorOrigin: anchorOriginProp,
-    className,
-    classes: classesProp,
-    component,
-    components = {},
-    componentsProps = {},
-    children,
-    overlap: overlapProp = 'rectangular',
-    color: colorProp = 'default',
-    invisible: invisibleProp = false,
-    max: maxProp = 99,
-    badgeContent: badgeContentProp,
-    slots,
-    slotProps,
-    showZero = false,
-    variant: variantProp = 'standard',
-    ...other
-  } = props;
-  const {
-    badgeContent,
-    invisible: invisibleFromHook,
-    max,
-    displayValue: displayValueFromHook
-  } = useBadge({
-    max: maxProp,
-    invisible: invisibleProp,
-    badgeContent: badgeContentProp,
-    showZero
-  });
-  const prevProps = usePreviousProps({
-    anchorOrigin: getAnchorOrigin(anchorOriginProp),
-    color: colorProp,
-    overlap: overlapProp,
-    variant: variantProp,
-    badgeContent: badgeContentProp
-  });
-  const invisible = invisibleFromHook || badgeContent == null && variantProp !== 'dot';
-  const {
-    color = colorProp,
-    overlap = overlapProp,
-    anchorOrigin: anchorOriginPropProp,
-    variant = variantProp
-  } = invisible ? prevProps : props;
-  const anchorOrigin = getAnchorOrigin(anchorOriginPropProp);
-  const displayValue = variant !== 'dot' ? displayValueFromHook : undefined;
-  const ownerState = {
-    ...props,
-    badgeContent,
-    invisible,
-    max,
-    displayValue,
-    showZero,
-    anchorOrigin,
-    color,
-    overlap,
-    variant
-  };
-  const classes = useUtilityClasses(ownerState);
-
-  // support both `slots` and `components` for backward compatibility
-  const RootSlot = slots?.root ?? components.Root ?? BadgeRoot;
-  const BadgeSlot = slots?.badge ?? components.Badge ?? BadgeBadge;
-  const rootSlotProps = slotProps?.root ?? componentsProps.root;
-  const badgeSlotProps = slotProps?.badge ?? componentsProps.badge;
-  const rootProps = useSlotProps({
-    elementType: RootSlot,
-    externalSlotProps: rootSlotProps,
-    externalForwardedProps: other,
-    additionalProps: {
-      ref,
-      as: component
-    },
-    ownerState,
-    className: clsx(rootSlotProps?.className, classes.root, className)
-  });
-  const badgeProps = useSlotProps({
-    elementType: BadgeSlot,
-    externalSlotProps: badgeSlotProps,
-    ownerState,
-    className: clsx(classes.badge, badgeSlotProps?.className)
-  });
-  return /*#__PURE__*/_jsxs(RootSlot, {
-    ...rootProps,
-    children: [children, /*#__PURE__*/_jsx(BadgeSlot, {
-      ...badgeProps,
-      children: displayValue
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? Badge.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 anchor of the badge.
-   * @default {
-   *   vertical: 'top',
-   *   horizontal: 'right',
-   * }
-   */
-  anchorOrigin: PropTypes.shape({
-    horizontal: PropTypes.oneOf(['left', 'right']),
-    vertical: PropTypes.oneOf(['bottom', 'top'])
-  }),
-  /**
-   * The content rendered within the badge.
-   */
-  badgeContent: PropTypes.node,
-  /**
-   * The badge will be added relative to this node.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'default'
-   */
-  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  components: PropTypes.shape({
-    Badge: PropTypes.elementType,
-    Root: PropTypes.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  componentsProps: PropTypes.shape({
-    badge: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * If `true`, the badge is invisible.
-   * @default false
-   */
-  invisible: PropTypes.bool,
-  /**
-   * Max count to show.
-   * @default 99
-   */
-  max: PropTypes.number,
-  /**
-   * Wrapped shape the badge should overlap.
-   * @default 'rectangular'
-   */
-  overlap: PropTypes.oneOf(['circular', 'rectangular']),
-  /**
-   * Controls whether the badge is hidden when `badgeContent` is zero.
-   * @default false
-   */
-  showZero: PropTypes.bool,
-  /**
-   * The props used for each slot inside the Badge.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    badge: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside the Badge.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    badge: PropTypes.elementType,
-    root: 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]),
-  /**
-   * The variant to use.
-   * @default 'standard'
-   */
-  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['dot', 'standard']), PropTypes.string])
-} : void 0;
-export default Badge;

package/modern/Badge/badgeClasses.js

@@ -1,9 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getBadgeUtilityClass(slot) {
-  return generateUtilityClass('MuiBadge', slot);
-}
-const badgeClasses = generateUtilityClasses('MuiBadge', ['root', 'badge', 'dot', 'standard', 'anchorOriginTopRight', 'anchorOriginBottomRight', 'anchorOriginTopLeft', 'anchorOriginBottomLeft', 'invisible', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'overlapRectangular', 'overlapCircular',
-// TODO: v6 remove the overlap value from these class keys
-'anchorOriginTopLeftCircular', 'anchorOriginTopLeftRectangular', 'anchorOriginTopRightCircular', 'anchorOriginTopRightRectangular', 'anchorOriginBottomLeftCircular', 'anchorOriginBottomLeftRectangular', 'anchorOriginBottomRightCircular', 'anchorOriginBottomRightRectangular']);
-export default badgeClasses;

package/modern/Badge/index.js

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

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;