@mui/material 7.0.0-alpha.0 → 7.0.0-alpha.1

package/FormHelperText/FormHelperText.d.ts

@@ -1,12 +1,10 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { OverridableStringUnion } from '@mui/types';
-import { OverridableComponent, OverrideProps } from '../OverridableComponent';
-import { Theme } from '../styles';
-import { FormHelperTextClasses } from './formHelperTextClasses';
-
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { Theme } from "../styles/index.js";
+import { FormHelperTextClasses } from "./formHelperTextClasses.js";
 export interface FormHelperTextPropsVariantOverrides {}
-
 export interface FormHelperTextOwnProps {
   /**
    * The content of the component.
@@ -50,16 +48,9 @@ export interface FormHelperTextOwnProps {
   /**
    * The variant to use.
    */
-  variant?: OverridableStringUnion<
-    'standard' | 'outlined' | 'filled',
-    FormHelperTextPropsVariantOverrides
-  >;
+  variant?: OverridableStringUnion<'standard' | 'outlined' | 'filled', FormHelperTextPropsVariantOverrides>;
 }
-
-export interface FormHelperTextTypeMap<
-  AdditionalProps = {},
-  RootComponent extends React.ElementType = 'p',
-> {
+export interface FormHelperTextTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'p'> {
   props: AdditionalProps & FormHelperTextOwnProps;
   defaultComponent: RootComponent;
 }
@@ -74,12 +65,7 @@ export interface FormHelperTextTypeMap<
  * - [FormHelperText API](https://next.mui.com/material-ui/api/form-helper-text/)
  */
 declare const FormHelperText: OverridableComponent<FormHelperTextTypeMap>;
-
-export type FormHelperTextProps<
-  RootComponent extends React.ElementType = FormHelperTextTypeMap['defaultComponent'],
-  AdditionalProps = {},
-> = OverrideProps<FormHelperTextTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+export type FormHelperTextProps<RootComponent extends React.ElementType = FormHelperTextTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<FormHelperTextTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
   component?: React.ElementType;
 };
-
-export default FormHelperText;
+export default FormHelperText;

package/FormHelperText/FormHelperText.js

@@ -1,18 +1,25 @@
+"use strict";
 'use client';
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
+var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
+var _zeroStyled = require("../zero-styled");
+var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
+var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
+var _formHelperTextClasses = _interopRequireWildcard(require("./formHelperTextClasses"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _span;
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import formControlState from "../FormControl/formControlState.js";
-import useFormControl from "../FormControl/useFormControl.js";
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import capitalize from "../utils/capitalize.js";
-import formHelperTextClasses, { getFormHelperTextUtilityClasses } from "./formHelperTextClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -25,20 +32,20 @@ const useUtilityClasses = ownerState => {
     required
   } = ownerState;
   const slots = {
-    root: ['root', disabled && 'disabled', error && 'error', size && `size${capitalize(size)}`, contained && 'contained', focused && 'focused', filled && 'filled', required && 'required']
+    root: ['root', disabled && 'disabled', error && 'error', size && `size${(0, _capitalize.default)(size)}`, contained && 'contained', focused && 'focused', filled && 'filled', required && 'required']
   };
-  return composeClasses(slots, getFormHelperTextUtilityClasses, classes);
+  return (0, _composeClasses.default)(slots, _formHelperTextClasses.getFormHelperTextUtilityClasses, classes);
 };
-const FormHelperTextRoot = styled('p', {
+const FormHelperTextRoot = (0, _zeroStyled.styled)('p', {
   name: 'MuiFormHelperText',
   slot: 'Root',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.size && styles[`size${capitalize(ownerState.size)}`], ownerState.contained && styles.contained, ownerState.filled && styles.filled];
+    return [styles.root, ownerState.size && styles[`size${(0, _capitalize.default)(ownerState.size)}`], ownerState.contained && styles.contained, ownerState.filled && styles.filled];
   }
-})(memoTheme(({
+})((0, _memoTheme.default)(({
   theme
 }) => ({
   color: (theme.vars || theme).palette.text.secondary,
@@ -48,10 +55,10 @@ const FormHelperTextRoot = styled('p', {
   marginRight: 0,
   marginBottom: 0,
   marginLeft: 0,
-  [`&.${formHelperTextClasses.disabled}`]: {
+  [`&.${_formHelperTextClasses.default.disabled}`]: {
     color: (theme.vars || theme).palette.text.disabled
   },
-  [`&.${formHelperTextClasses.error}`]: {
+  [`&.${_formHelperTextClasses.default.error}`]: {
     color: (theme.vars || theme).palette.error.main
   },
   variants: [{
@@ -72,7 +79,7 @@ const FormHelperTextRoot = styled('p', {
   }]
 })));
 const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inProps, ref) {
-  const props = useDefaultProps({
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiFormHelperText'
   });
@@ -89,8 +96,8 @@ const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inP
     variant,
     ...other
   } = props;
-  const muiFormControl = useFormControl();
-  const fcs = formControlState({
+  const muiFormControl = (0, _useFormControl.default)();
+  const fcs = (0, _formControlState.default)({
     props,
     muiFormControl,
     states: ['variant', 'size', 'disabled', 'error', 'filled', 'focused', 'required']
@@ -111,14 +118,14 @@ const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inP
   // This issue explains why this is required: https://github.com/mui/material-ui/issues/42184
   delete ownerState.ownerState;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(FormHelperTextRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormHelperTextRoot, {
     as: component,
-    className: clsx(classes.root, className),
+    className: (0, _clsx.default)(classes.root, className),
     ref: ref,
     ...other,
     ownerState: ownerState,
     children: children === ' ' ? // notranslate needed while Google Translate will not fix zero-width space issue
-    _span || (_span = /*#__PURE__*/_jsx("span", {
+    _span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "notranslate",
       "aria-hidden": true,
       children: "\u200B"
@@ -135,52 +142,52 @@ process.env.NODE_ENV !== "production" ? FormHelperText.propTypes /* remove-propt
    *
    * If `' '` is provided, the component reserves one line height for displaying a future message.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
   /**
    * @ignore
    */
-  className: PropTypes.string,
+  className: _propTypes.default.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: PropTypes.elementType,
+  component: _propTypes.default.elementType,
   /**
    * If `true`, the helper text should be displayed in a disabled state.
    */
-  disabled: PropTypes.bool,
+  disabled: _propTypes.default.bool,
   /**
    * If `true`, helper text should be displayed in an error state.
    */
-  error: PropTypes.bool,
+  error: _propTypes.default.bool,
   /**
    * If `true`, the helper text should use filled classes key.
    */
-  filled: PropTypes.bool,
+  filled: _propTypes.default.bool,
   /**
    * If `true`, the helper text should use focused classes key.
    */
-  focused: PropTypes.bool,
+  focused: _propTypes.default.bool,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
    */
-  margin: PropTypes.oneOf(['dense']),
+  margin: _propTypes.default.oneOf(['dense']),
   /**
    * If `true`, the helper text should use required classes key.
    */
-  required: PropTypes.bool,
+  required: _propTypes.default.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]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   /**
    * The variant to use.
    */
-  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['filled', 'outlined', 'standard']), PropTypes.string])
+  variant: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['filled', 'outlined', 'standard']), _propTypes.default.string])
 } : void 0;
-export default FormHelperText;
+var _default = exports.default = FormHelperText;

package/FormHelperText/formHelperTextClasses.d.ts

@@ -1,22 +1,22 @@
 export interface FormHelperTextClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if `error={true}`. */
-    error: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `variant="filled"` or `variant="outlined"`. */
-    contained: string;
-    /** State class applied to the root element if `focused={true}`. */
-    focused: string;
-    /** State class applied to the root element if `filled={true}`. */
-    filled: string;
-    /** State class applied to the root element if `required={true}`. */
-    required: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** State class applied to the root element if `error={true}`. */
+  error: string;
+  /** State class applied to the root element if `disabled={true}`. */
+  disabled: string;
+  /** Styles applied to the root element if `size="small"`. */
+  sizeSmall: string;
+  /** Styles applied to the root element if `variant="filled"` or `variant="outlined"`. */
+  contained: string;
+  /** State class applied to the root element if `focused={true}`. */
+  focused: string;
+  /** State class applied to the root element if `filled={true}`. */
+  filled: string;
+  /** State class applied to the root element if `required={true}`. */
+  required: string;
 }
 export type FormHelperTextClassKey = keyof FormHelperTextClasses;
 export declare function getFormHelperTextUtilityClasses(slot: string): string;
 declare const formHelperTextClasses: FormHelperTextClasses;
-export default formHelperTextClasses;
+export default formHelperTextClasses;

package/FormHelperText/formHelperTextClasses.js

@@ -1,7 +1,15 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getFormHelperTextUtilityClasses(slot) {
-  return generateUtilityClass('MuiFormHelperText', slot);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getFormHelperTextUtilityClasses = getFormHelperTextUtilityClasses;
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+function getFormHelperTextUtilityClasses(slot) {
+  return (0, _generateUtilityClass.default)('MuiFormHelperText', slot);
 }
-const formHelperTextClasses = generateUtilityClasses('MuiFormHelperText', ['root', 'error', 'disabled', 'sizeSmall', 'sizeMedium', 'contained', 'focused', 'filled', 'required']);
-export default formHelperTextClasses;
+const formHelperTextClasses = (0, _generateUtilityClasses.default)('MuiFormHelperText', ['root', 'error', 'disabled', 'sizeSmall', 'sizeMedium', 'contained', 'focused', 'filled', 'required']);
+var _default = exports.default = formHelperTextClasses;

package/FormHelperText/index.d.ts

@@ -1,5 +1,4 @@
-export { default } from './FormHelperText';
-export * from './FormHelperText';
-
-export { default as formHelperTextClasses } from './formHelperTextClasses';
-export * from './formHelperTextClasses';
+export { default } from "./FormHelperText.js";
+export * from "./FormHelperText.js";
+export { default as formHelperTextClasses } from "./formHelperTextClasses.js";
+export * from "./formHelperTextClasses.js";

package/FormHelperText/index.js

@@ -1,3 +1,35 @@
-export { default } from "./FormHelperText.js";
-export { default as formHelperTextClasses } from "./formHelperTextClasses.js";
-export * from "./formHelperTextClasses.js";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  formHelperTextClasses: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _FormHelperText.default;
+  }
+});
+Object.defineProperty(exports, "formHelperTextClasses", {
+  enumerable: true,
+  get: function () {
+    return _formHelperTextClasses.default;
+  }
+});
+var _FormHelperText = _interopRequireDefault(require("./FormHelperText"));
+var _formHelperTextClasses = _interopRequireWildcard(require("./formHelperTextClasses"));
+Object.keys(_formHelperTextClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _formHelperTextClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _formHelperTextClasses[key];
+    }
+  });
+});

package/FormLabel/FormLabel.d.ts

@@ -1,17 +1,15 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { OverridableStringUnion } from '@mui/types';
-import { Theme } from '../styles';
-import { OverridableComponent, OverrideProps, OverridableTypeMap } from '../OverridableComponent';
-import { FormLabelClasses } from './formLabelClasses';
-
+import { Theme } from "../styles/index.js";
+import { OverridableComponent, OverrideProps, OverridableTypeMap } from "../OverridableComponent/index.js";
+import { FormLabelClasses } from "./formLabelClasses.js";
 export interface FormLabelPropsColorOverrides {}
 
 /**
  * This type is kept for compatibility. Use `FormLabelOwnProps` instead.
  */
 export type FormLabelBaseProps = React.LabelHTMLAttributes<HTMLLabelElement>;
-
 export interface FormLabelOwnProps {
   /**
    * The content of the component.
@@ -26,10 +24,7 @@ export interface FormLabelOwnProps {
    * 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).
    */
-  color?: OverridableStringUnion<
-    'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning',
-    FormLabelPropsColorOverrides
-  >;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', FormLabelPropsColorOverrides>;
   /**
    * If `true`, the label should be displayed in a disabled state.
    */
@@ -55,11 +50,7 @@ export interface FormLabelOwnProps {
    */
   sx?: SxProps<Theme>;
 }
-
-export interface FormLabelTypeMap<
-  AdditionalProps = {},
-  RootComponent extends React.ElementType = 'label',
-> {
+export interface FormLabelTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'label'> {
   props: AdditionalProps & FormLabelBaseProps & FormLabelOwnProps;
   defaultComponent: RootComponent;
 }
@@ -77,17 +68,11 @@ export interface FormLabelTypeMap<
  * - [FormLabel API](https://next.mui.com/material-ui/api/form-label/)
  */
 declare const FormLabel: OverridableComponent<FormLabelTypeMap>;
-
 export interface ExtendFormLabelTypeMap<TypeMap extends OverridableTypeMap> {
   props: TypeMap['props'] & Pick<FormLabelOwnProps, 'filled' | 'color'>;
   defaultComponent: TypeMap['defaultComponent'];
 }
-
-export type FormLabelProps<
-  RootComponent extends React.ElementType = FormLabelTypeMap['defaultComponent'],
-  AdditionalProps = {},
-> = OverrideProps<FormLabelTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+export type FormLabelProps<RootComponent extends React.ElementType = FormLabelTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<FormLabelTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
   component?: React.ElementType;
 };
-
-export default FormLabel;
+export default FormLabel;

package/FormLabel/FormLabel.js

@@ -1,18 +1,25 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import formControlState from "../FormControl/formControlState.js";
-import useFormControl from "../FormControl/useFormControl.js";
-import capitalize from "../utils/capitalize.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 formLabelClasses, { getFormLabelUtilityClasses } from "./formLabelClasses.js";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FormLabelRoot = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
+var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
+var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
+var _zeroStyled = require("../zero-styled");
+var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
+var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/createSimplePaletteValueFilter"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
+var _formLabelClasses = _interopRequireWildcard(require("./formLabelClasses"));
+var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -24,12 +31,12 @@ const useUtilityClasses = ownerState => {
     required
   } = ownerState;
   const slots = {
-    root: ['root', `color${capitalize(color)}`, disabled && 'disabled', error && 'error', filled && 'filled', focused && 'focused', required && 'required'],
+    root: ['root', `color${(0, _capitalize.default)(color)}`, disabled && 'disabled', error && 'error', filled && 'filled', focused && 'focused', required && 'required'],
     asterisk: ['asterisk', error && 'error']
   };
-  return composeClasses(slots, getFormLabelUtilityClasses, classes);
+  return (0, _composeClasses.default)(slots, _formLabelClasses.getFormLabelUtilityClasses, classes);
 };
-export const FormLabelRoot = styled('label', {
+const FormLabelRoot = exports.FormLabelRoot = (0, _zeroStyled.styled)('label', {
   name: 'MuiFormLabel',
   slot: 'Root',
   overridesResolver: (props, styles) => {
@@ -38,7 +45,7 @@ export const FormLabelRoot = styled('label', {
     } = props;
     return [styles.root, ownerState.color === 'secondary' && styles.colorSecondary, ownerState.filled && styles.filled];
   }
-})(memoTheme(({
+})((0, _memoTheme.default)(({
   theme
 }) => ({
   color: (theme.vars || theme).palette.text.secondary,
@@ -46,40 +53,40 @@ export const FormLabelRoot = styled('label', {
   lineHeight: '1.4375em',
   padding: 0,
   position: 'relative',
-  variants: [...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
+  variants: [...Object.entries(theme.palette).filter((0, _createSimplePaletteValueFilter.default)()).map(([color]) => ({
     props: {
       color
     },
     style: {
-      [`&.${formLabelClasses.focused}`]: {
+      [`&.${_formLabelClasses.default.focused}`]: {
         color: (theme.vars || theme).palette[color].main
       }
     }
   })), {
     props: {},
     style: {
-      [`&.${formLabelClasses.disabled}`]: {
+      [`&.${_formLabelClasses.default.disabled}`]: {
         color: (theme.vars || theme).palette.text.disabled
       },
-      [`&.${formLabelClasses.error}`]: {
+      [`&.${_formLabelClasses.default.error}`]: {
         color: (theme.vars || theme).palette.error.main
       }
     }
   }]
 })));
-const AsteriskComponent = styled('span', {
+const AsteriskComponent = (0, _zeroStyled.styled)('span', {
   name: 'MuiFormLabel',
   slot: 'Asterisk',
   overridesResolver: (props, styles) => styles.asterisk
-})(memoTheme(({
+})((0, _memoTheme.default)(({
   theme
 }) => ({
-  [`&.${formLabelClasses.error}`]: {
+  [`&.${_formLabelClasses.default.error}`]: {
     color: (theme.vars || theme).palette.error.main
   }
 })));
 const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref) {
-  const props = useDefaultProps({
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiFormLabel'
   });
@@ -95,8 +102,8 @@ const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref)
     required,
     ...other
   } = props;
-  const muiFormControl = useFormControl();
-  const fcs = formControlState({
+  const muiFormControl = (0, _useFormControl.default)();
+  const fcs = (0, _formControlState.default)({
     props,
     muiFormControl,
     states: ['color', 'required', 'focused', 'disabled', 'error', 'filled']
@@ -112,13 +119,13 @@ const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref)
     required: fcs.required
   };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(FormLabelRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FormLabelRoot, {
     as: component,
     ownerState: ownerState,
-    className: clsx(classes.root, className),
+    className: (0, _clsx.default)(classes.root, className),
     ref: ref,
     ...other,
-    children: [children, fcs.required && /*#__PURE__*/_jsxs(AsteriskComponent, {
+    children: [children, fcs.required && /*#__PURE__*/(0, _jsxRuntime.jsxs)(AsteriskComponent, {
       ownerState: ownerState,
       "aria-hidden": true,
       className: classes.asterisk,
@@ -134,49 +141,49 @@ process.env.NODE_ENV !== "production" ? FormLabel.propTypes /* remove-proptypes
   /**
    * The content of the component.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
   /**
    * @ignore
    */
-  className: PropTypes.string,
+  className: _propTypes.default.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).
    */
-  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),
+  color: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']), _propTypes.default.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: PropTypes.elementType,
+  component: _propTypes.default.elementType,
   /**
    * If `true`, the label should be displayed in a disabled state.
    */
-  disabled: PropTypes.bool,
+  disabled: _propTypes.default.bool,
   /**
    * If `true`, the label is displayed in an error state.
    */
-  error: PropTypes.bool,
+  error: _propTypes.default.bool,
   /**
    * If `true`, the label should use filled classes key.
    */
-  filled: PropTypes.bool,
+  filled: _propTypes.default.bool,
   /**
    * If `true`, the input of this label is focused (used by `FormGroup` components).
    */
-  focused: PropTypes.bool,
+  focused: _propTypes.default.bool,
   /**
    * If `true`, the label will indicate that the `input` is required.
    */
-  required: PropTypes.bool,
+  required: _propTypes.default.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])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
-export default FormLabel;
+var _default = exports.default = FormLabel;