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

package/legacy/Link/Link.js

@@ -1,209 +0,0 @@
-'use client';
-
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
-import composeClasses from '@mui/utils/composeClasses';
-import capitalize from '../utils/capitalize';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
-import useIsFocusVisible from '../utils/useIsFocusVisible';
-import useForkRef from '../utils/useForkRef';
-import Typography from '../Typography';
-import linkClasses, { getLinkUtilityClass } from './linkClasses';
-import getTextDecoration, { colorTransformations } from './getTextDecoration';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    component = ownerState.component,
-    focusVisible = ownerState.focusVisible,
-    underline = ownerState.underline;
-  var slots = {
-    root: ['root', "underline".concat(capitalize(underline)), component === 'button' && 'button', focusVisible && 'focusVisible']
-  };
-  return composeClasses(slots, getLinkUtilityClass, classes);
-};
-var LinkRoot = styled(Typography, {
-  name: 'MuiLink',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, styles["underline".concat(capitalize(ownerState.underline))], ownerState.component === 'button' && styles.button];
-  }
-})(function (_ref) {
-  var theme = _ref.theme,
-    ownerState = _ref.ownerState;
-  return _extends({}, ownerState.underline === 'none' && {
-    textDecoration: 'none'
-  }, ownerState.underline === 'hover' && {
-    textDecoration: 'none',
-    '&:hover': {
-      textDecoration: 'underline'
-    }
-  }, ownerState.underline === 'always' && _extends({
-    textDecoration: 'underline'
-  }, ownerState.color !== 'inherit' && {
-    textDecorationColor: getTextDecoration({
-      theme: theme,
-      ownerState: ownerState
-    })
-  }, {
-    '&:hover': {
-      textDecorationColor: 'inherit'
-    }
-  }), ownerState.component === 'button' && _defineProperty({
-    position: 'relative',
-    WebkitTapHighlightColor: 'transparent',
-    backgroundColor: 'transparent',
-    // Reset default value
-    // We disable the focus ring for mouse, touch and keyboard users.
-    outline: 0,
-    border: 0,
-    margin: 0,
-    // Remove the margin in Safari
-    borderRadius: 0,
-    padding: 0,
-    // Remove the padding in Firefox
-    cursor: 'pointer',
-    userSelect: 'none',
-    verticalAlign: 'middle',
-    MozAppearance: 'none',
-    // Reset
-    WebkitAppearance: 'none',
-    // Reset
-    '&::-moz-focus-inner': {
-      borderStyle: 'none' // Remove Firefox dotted outline.
-    }
-  }, "&.".concat(linkClasses.focusVisible), {
-    outline: 'auto'
-  }));
-});
-var Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiLink'
-  });
-  var className = props.className,
-    _props$color = props.color,
-    color = _props$color === void 0 ? 'primary' : _props$color,
-    _props$component = props.component,
-    component = _props$component === void 0 ? 'a' : _props$component,
-    onBlur = props.onBlur,
-    onFocus = props.onFocus,
-    TypographyClasses = props.TypographyClasses,
-    _props$underline = props.underline,
-    underline = _props$underline === void 0 ? 'always' : _props$underline,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'inherit' : _props$variant,
-    sx = props.sx,
-    other = _objectWithoutProperties(props, ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant", "sx"]);
-  var _useIsFocusVisible = useIsFocusVisible(),
-    isFocusVisibleRef = _useIsFocusVisible.isFocusVisibleRef,
-    handleBlurVisible = _useIsFocusVisible.onBlur,
-    handleFocusVisible = _useIsFocusVisible.onFocus,
-    focusVisibleRef = _useIsFocusVisible.ref;
-  var _React$useState = React.useState(false),
-    focusVisible = _React$useState[0],
-    setFocusVisible = _React$useState[1];
-  var handlerRef = useForkRef(ref, focusVisibleRef);
-  var handleBlur = function handleBlur(event) {
-    handleBlurVisible(event);
-    if (isFocusVisibleRef.current === false) {
-      setFocusVisible(false);
-    }
-    if (onBlur) {
-      onBlur(event);
-    }
-  };
-  var handleFocus = function handleFocus(event) {
-    handleFocusVisible(event);
-    if (isFocusVisibleRef.current === true) {
-      setFocusVisible(true);
-    }
-    if (onFocus) {
-      onFocus(event);
-    }
-  };
-  var ownerState = _extends({}, props, {
-    color: color,
-    component: component,
-    focusVisible: focusVisible,
-    underline: underline,
-    variant: variant
-  });
-  var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(LinkRoot, _extends({
-    color: color,
-    className: clsx(classes.root, className),
-    classes: TypographyClasses,
-    component: component,
-    onBlur: handleBlur,
-    onFocus: handleFocus,
-    ref: handlerRef,
-    ownerState: ownerState,
-    variant: variant,
-    sx: [].concat(_toConsumableArray(!Object.keys(colorTransformations).includes(color) ? [{
-      color: color
-    }] : []), _toConsumableArray(Array.isArray(sx) ? sx : [sx]))
-  }, other));
-});
-process.env.NODE_ENV !== "production" ? Link.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 color of the link.
-   * @default 'primary'
-   */
-  color: PropTypes /* @typescript-to-proptypes-ignore */.any,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: elementTypeAcceptingRef,
-  /**
-   * @ignore
-   */
-  onBlur: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onFocus: PropTypes.func,
-  /**
-   * 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]),
-  /**
-   * `classes` prop applied to the [`Typography`](/material-ui/api/typography/) element.
-   */
-  TypographyClasses: PropTypes.object,
-  /**
-   * Controls when the link should have an underline.
-   * @default 'always'
-   */
-  underline: PropTypes.oneOf(['always', 'hover', 'none']),
-  /**
-   * Applies the theme typography styles.
-   * @default 'inherit'
-   */
-  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['body1', 'body2', 'button', 'caption', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'inherit', 'overline', 'subtitle1', 'subtitle2']), PropTypes.string])
-} : void 0;
-export default Link;

package/legacy/Link/getTextDecoration.js

@@ -1,24 +0,0 @@
-import { getPath } from '@mui/system';
-import { alpha } from '@mui/system/colorManipulator';
-export var colorTransformations = {
-  primary: 'primary.main',
-  textPrimary: 'text.primary',
-  secondary: 'secondary.main',
-  textSecondary: 'text.secondary',
-  error: 'error.main'
-};
-var transformDeprecatedColors = function transformDeprecatedColors(color) {
-  return colorTransformations[color] || color;
-};
-var getTextDecoration = function getTextDecoration(_ref) {
-  var theme = _ref.theme,
-    ownerState = _ref.ownerState;
-  var transformedColor = transformDeprecatedColors(ownerState.color);
-  var color = getPath(theme, "palette.".concat(transformedColor), false) || ownerState.color;
-  var channelColor = getPath(theme, "palette.".concat(transformedColor, "Channel"));
-  if ('vars' in theme && channelColor) {
-    return "rgba(".concat(channelColor, " / 0.4)");
-  }
-  return alpha(color, 0.4);
-};
-export default getTextDecoration;

package/legacy/Link/index.js

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

package/legacy/Link/linkClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getLinkUtilityClass(slot) {
-  return generateUtilityClass('MuiLink', slot);
-}
-var linkClasses = generateUtilityClasses('MuiLink', ['root', 'underlineNone', 'underlineHover', 'underlineAlways', 'button', 'focusVisible']);
-export default linkClasses;

package/legacy/List/List.js

@@ -1,126 +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 clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
-import ListContext from './ListContext';
-import { getListUtilityClass } from './listClasses';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    disablePadding = ownerState.disablePadding,
-    dense = ownerState.dense,
-    subheader = ownerState.subheader;
-  var slots = {
-    root: ['root', !disablePadding && 'padding', dense && 'dense', subheader && 'subheader']
-  };
-  return composeClasses(slots, getListUtilityClass, classes);
-};
-var ListRoot = styled('ul', {
-  name: 'MuiList',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, !ownerState.disablePadding && styles.padding, ownerState.dense && styles.dense, ownerState.subheader && styles.subheader];
-  }
-})(function (_ref) {
-  var ownerState = _ref.ownerState;
-  return _extends({
-    listStyle: 'none',
-    margin: 0,
-    padding: 0,
-    position: 'relative'
-  }, !ownerState.disablePadding && {
-    paddingTop: 8,
-    paddingBottom: 8
-  }, ownerState.subheader && {
-    paddingTop: 0
-  });
-});
-var List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiList'
-  });
-  var children = props.children,
-    className = props.className,
-    _props$component = props.component,
-    component = _props$component === void 0 ? 'ul' : _props$component,
-    _props$dense = props.dense,
-    dense = _props$dense === void 0 ? false : _props$dense,
-    _props$disablePadding = props.disablePadding,
-    disablePadding = _props$disablePadding === void 0 ? false : _props$disablePadding,
-    subheader = props.subheader,
-    other = _objectWithoutProperties(props, ["children", "className", "component", "dense", "disablePadding", "subheader"]);
-  var context = React.useMemo(function () {
-    return {
-      dense: dense
-    };
-  }, [dense]);
-  var ownerState = _extends({}, props, {
-    component: component,
-    dense: dense,
-    disablePadding: disablePadding
-  });
-  var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ListContext.Provider, {
-    value: context,
-    children: /*#__PURE__*/_jsxs(ListRoot, _extends({
-      as: component,
-      className: clsx(classes.root, className),
-      ref: ref,
-      ownerState: ownerState
-    }, other, {
-      children: [subheader, children]
-    }))
-  });
-});
-process.env.NODE_ENV !== "production" ? List.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,
-  /**
-   * If `true`, compact vertical padding designed for keyboard and mouse input is used for
-   * the list and list items.
-   * The prop is available to descendant components as the `dense` context.
-   * @default false
-   */
-  dense: PropTypes.bool,
-  /**
-   * If `true`, vertical padding is removed from the list.
-   * @default false
-   */
-  disablePadding: PropTypes.bool,
-  /**
-   * The content of the subheader, normally `ListSubheader`.
-   */
-  subheader: PropTypes.node,
-  /**
-   * 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 List;

package/legacy/List/ListContext.js

@@ -1,12 +0,0 @@
-'use client';
-
-import * as React from 'react';
-
-/**
- * @ignore - internal component.
- */
-var ListContext = /*#__PURE__*/React.createContext({});
-if (process.env.NODE_ENV !== 'production') {
-  ListContext.displayName = 'ListContext';
-}
-export default ListContext;

package/legacy/List/index.js

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

package/legacy/List/listClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getListUtilityClass(slot) {
-  return generateUtilityClass('MuiList', slot);
-}
-var listClasses = generateUtilityClasses('MuiList', ['root', 'padding', 'dense', 'subheader']);
-export default listClasses;