@dartcom/ui-kit 3.0.0 → 3.1.0

package/dist/cjs/node_modules/@mui/material/esm/FormControl/FormControl.js

@@ -4,20 +4,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index = require('../../../../../_virtual/index5.js');
+var index = require('../../../../../_virtual/index.js');
 var clsx = require('../../../../clsx/dist/clsx.js');
 var utils = require('../InputBase/utils.js');
 var FormControlContext = require('./FormControlContext.js');
 var formControlClasses = require('./formControlClasses.js');
 var jsxRuntime = require('react/jsx-runtime');
-var styled = require('../styles/styled.js');
 var DefaultPropsProvider = require('../DefaultPropsProvider/DefaultPropsProvider.js');
-var composeClasses = require('../../../utils/esm/composeClasses/composeClasses.js');
-var capitalize = require('../../../utils/esm/capitalize/capitalize.js');
 var isMuiElement = require('../../../utils/esm/isMuiElement/isMuiElement.js');
+var styled = require('../styles/styled.js');
+var capitalize = require('../../../utils/esm/capitalize/capitalize.js');
+var composeClasses = require('../../../utils/esm/composeClasses/composeClasses.js');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -30,11 +29,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const useUtilityClasses = ownerState => {
   const {
@@ -43,18 +42,18 @@ const useUtilityClasses = ownerState => {
     fullWidth
   } = ownerState;
   const slots = {
-    root: ['root', margin !== 'none' && `margin${capitalize["default"](margin)}`, fullWidth && 'fullWidth']
+    root: ['root', margin !== 'none' && `margin${capitalize.default(margin)}`, fullWidth && 'fullWidth']
   };
-  return composeClasses["default"](slots, formControlClasses.getFormControlUtilityClasses, classes);
+  return composeClasses.default(slots, formControlClasses.getFormControlUtilityClasses, classes);
 };
-const FormControlRoot = styled["default"]('div', {
+const FormControlRoot = styled.default('div', {
   name: 'MuiFormControl',
   slot: 'Root',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.root, styles[`margin${capitalize["default"](ownerState.margin)}`], ownerState.fullWidth && styles.fullWidth];
+    return [styles.root, styles[`margin${capitalize.default(ownerState.margin)}`], ownerState.fullWidth && styles.fullWidth];
   }
 })({
   display: 'inline-flex',
@@ -158,10 +157,10 @@ const FormControl = /*#__PURE__*/React__namespace.forwardRef(function FormContro
     let initialAdornedStart = false;
     if (children) {
       React__namespace.Children.forEach(children, child => {
-        if (!isMuiElement["default"](child, ['Input', 'Select'])) {
+        if (!isMuiElement.default(child, ['Input', 'Select'])) {
           return;
         }
-        const input = isMuiElement["default"](child, ['Select']) ? child.props.input : child;
+        const input = isMuiElement.default(child, ['Select']) ? child.props.input : child;
         if (input && utils.isAdornedStart(input.props)) {
           initialAdornedStart = true;
         }
@@ -175,7 +174,7 @@ const FormControl = /*#__PURE__*/React__namespace.forwardRef(function FormContro
     let initialFilled = false;
     if (children) {
       React__namespace.Children.forEach(children, child => {
-        if (!isMuiElement["default"](child, ['Input', 'Select'])) {
+        if (!isMuiElement.default(child, ['Input', 'Select'])) {
           return;
         }
         if (utils.isFilled(child.props, true) || utils.isFilled(child.props.inputProps, true)) {
@@ -234,7 +233,7 @@ const FormControl = /*#__PURE__*/React__namespace.forwardRef(function FormContro
       variant
     };
   }, [adornedStart, color, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, onEmpty, onFilled, required, size, variant]);
-  return /*#__PURE__*/jsxRuntime.jsx(FormControlContext["default"].Provider, {
+  return /*#__PURE__*/jsxRuntime.jsx(FormControlContext.default.Provider, {
     value: childContext,
     children: /*#__PURE__*/jsxRuntime.jsx(FormControlRoot, {
       as: component,
@@ -254,79 +253,78 @@ process.env.NODE_ENV !== "production" ? FormControl.propTypes /* remove-proptype
   /**
    * The content of the component.
    */
-  children: index["default"].node,
+  children: index.default.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: index["default"].object,
+  classes: index.default.object,
   /**
    * @ignore
    */
-  className: index["default"].string,
+  className: index.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).
    * @default 'primary'
    */
-  color: index["default"] /* @typescript-to-proptypes-ignore */.oneOfType([index["default"].oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']), index["default"].string]),
+  color: index.default /* @typescript-to-proptypes-ignore */.oneOfType([index.default.oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']), index.default.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: index["default"].elementType,
+  component: index.default.elementType,
   /**
    * If `true`, the label, input and helper text should be displayed in a disabled state.
    * @default false
    */
-  disabled: index["default"].bool,
+  disabled: index.default.bool,
   /**
    * If `true`, the label is displayed in an error state.
    * @default false
    */
-  error: index["default"].bool,
+  error: index.default.bool,
   /**
    * If `true`, the component is displayed in focused state.
    */
-  focused: index["default"].bool,
+  focused: index.default.bool,
   /**
    * If `true`, the component will take up the full width of its container.
    * @default false
    */
-  fullWidth: index["default"].bool,
+  fullWidth: index.default.bool,
   /**
    * If `true`, the label is hidden.
    * This is used to increase density for a `FilledInput`.
    * Be sure to add `aria-label` to the `input` element.
    * @default false
    */
-  hiddenLabel: index["default"].bool,
+  hiddenLabel: index.default.bool,
   /**
    * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
    * @default 'none'
    */
-  margin: index["default"].oneOf(['dense', 'none', 'normal']),
+  margin: index.default.oneOf(['dense', 'none', 'normal']),
   /**
    * If `true`, the label will indicate that the `input` is required.
    * @default false
    */
-  required: index["default"].bool,
+  required: index.default.bool,
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size: index["default"] /* @typescript-to-proptypes-ignore */.oneOfType([index["default"].oneOf(['medium', 'small']), index["default"].string]),
+  size: index.default /* @typescript-to-proptypes-ignore */.oneOfType([index.default.oneOf(['medium', 'small']), index.default.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: index["default"].oneOfType([index["default"].arrayOf(index["default"].oneOfType([index["default"].func, index["default"].object, index["default"].bool])), index["default"].func, index["default"].object]),
+  sx: index.default.oneOfType([index.default.arrayOf(index.default.oneOfType([index.default.func, index.default.object, index.default.bool])), index.default.func, index.default.object]),
   /**
    * The variant to use.
    * @default 'outlined'
    */
-  variant: index["default"].oneOf(['filled', 'outlined', 'standard'])
+  variant: index.default.oneOf(['filled', 'outlined', 'standard'])
 } : void 0;
-var FormControl$1 = FormControl;
 
-exports["default"] = FormControl$1;
+exports.default = FormControl;
 //# sourceMappingURL=FormControl.js.map

package/dist/cjs/node_modules/@mui/material/esm/FormControl/FormControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.js","sources":["../../../../../../../node_modules/@mui/material/esm/FormControl/FormControl.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { styled } from \"../zero-styled/index.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { isFilled, isAdornedStart } from \"../InputBase/utils.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport isMuiElement from \"../utils/isMuiElement.js\";\nimport FormControlContext from \"./FormControlContext.js\";\nimport { getFormControlUtilityClasses } from \"./formControlClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    margin,\n    fullWidth\n  } = ownerState;\n  const slots = {\n    root: ['root', margin !== 'none' && `margin${capitalize(margin)}`, fullWidth && 'fullWidth']\n  };\n  return composeClasses(slots, getFormControlUtilityClasses, classes);\n};\nconst FormControlRoot = styled('div', {\n  name: 'MuiFormControl',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[`margin${capitalize(ownerState.margin)}`], ownerState.fullWidth && styles.fullWidth];\n  }\n})({\n  display: 'inline-flex',\n  flexDirection: 'column',\n  position: 'relative',\n  // Reset fieldset default style.\n  minWidth: 0,\n  padding: 0,\n  margin: 0,\n  border: 0,\n  verticalAlign: 'top',\n  // Fix alignment issue on Safari.\n  variants: [{\n    props: {\n      margin: 'normal'\n    },\n    style: {\n      marginTop: 16,\n      marginBottom: 8\n    }\n  }, {\n    props: {\n      margin: 'dense'\n    },\n    style: {\n      marginTop: 8,\n      marginBottom: 4\n    }\n  }, {\n    props: {\n      fullWidth: true\n    },\n    style: {\n      width: '100%'\n    }\n  }]\n});\n\n/**\n * Provides context such as filled/focused/error/required for form inputs.\n * Relying on the context provides high flexibility and ensures that the state always stays\n * consistent across the children of the `FormControl`.\n * This context is used by the following components:\n *\n *  - FormLabel\n *  - FormHelperText\n *  - Input\n *  - InputLabel\n *\n * You can find one composition example below and more going to [the demos](/material-ui/react-text-field/#components).\n *\n * ```jsx\n * <FormControl>\n *   <InputLabel htmlFor=\"my-input\">Email address</InputLabel>\n *   <Input id=\"my-input\" aria-describedby=\"my-helper-text\" />\n *   <FormHelperText id=\"my-helper-text\">We'll never share your email.</FormHelperText>\n * </FormControl>\n * ```\n *\n * ⚠️ Only one `InputBase` can be used within a FormControl because it creates visual inconsistencies.\n * For instance, only one input can be focused at the same time, the state shouldn't be shared.\n */\nconst FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiFormControl'\n  });\n  const {\n    children,\n    className,\n    color = 'primary',\n    component = 'div',\n    disabled = false,\n    error = false,\n    focused: visuallyFocused,\n    fullWidth = false,\n    hiddenLabel = false,\n    margin = 'none',\n    required = false,\n    size = 'medium',\n    variant = 'outlined',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    color,\n    component,\n    disabled,\n    error,\n    fullWidth,\n    hiddenLabel,\n    margin,\n    required,\n    size,\n    variant\n  };\n  const classes = useUtilityClasses(ownerState);\n  const [adornedStart, setAdornedStart] = React.useState(() => {\n    // We need to iterate through the children and find the Input in order\n    // to fully support server-side rendering.\n    let initialAdornedStart = false;\n    if (children) {\n      React.Children.forEach(children, child => {\n        if (!isMuiElement(child, ['Input', 'Select'])) {\n          return;\n        }\n        const input = isMuiElement(child, ['Select']) ? child.props.input : child;\n        if (input && isAdornedStart(input.props)) {\n          initialAdornedStart = true;\n        }\n      });\n    }\n    return initialAdornedStart;\n  });\n  const [filled, setFilled] = React.useState(() => {\n    // We need to iterate through the children and find the Input in order\n    // to fully support server-side rendering.\n    let initialFilled = false;\n    if (children) {\n      React.Children.forEach(children, child => {\n        if (!isMuiElement(child, ['Input', 'Select'])) {\n          return;\n        }\n        if (isFilled(child.props, true) || isFilled(child.props.inputProps, true)) {\n          initialFilled = true;\n        }\n      });\n    }\n    return initialFilled;\n  });\n  const [focusedState, setFocused] = React.useState(false);\n  if (disabled && focusedState) {\n    setFocused(false);\n  }\n  const focused = visuallyFocused !== undefined && !disabled ? visuallyFocused : focusedState;\n  let registerEffect;\n  const registeredInput = React.useRef(false);\n  if (process.env.NODE_ENV !== 'production') {\n    registerEffect = () => {\n      if (registeredInput.current) {\n        console.error(['MUI: There are multiple `InputBase` components inside a FormControl.', 'This creates visual inconsistencies, only use one `InputBase`.'].join('\\n'));\n      }\n      registeredInput.current = true;\n      return () => {\n        registeredInput.current = false;\n      };\n    };\n  }\n  const onFilled = React.useCallback(() => {\n    setFilled(true);\n  }, []);\n  const onEmpty = React.useCallback(() => {\n    setFilled(false);\n  }, []);\n  const childContext = React.useMemo(() => {\n    return {\n      adornedStart,\n      setAdornedStart,\n      color,\n      disabled,\n      error,\n      filled,\n      focused,\n      fullWidth,\n      hiddenLabel,\n      size,\n      onBlur: () => {\n        setFocused(false);\n      },\n      onFocus: () => {\n        setFocused(true);\n      },\n      onEmpty,\n      onFilled,\n      registerEffect,\n      required,\n      variant\n    };\n  }, [adornedStart, color, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, onEmpty, onFilled, required, size, variant]);\n  return /*#__PURE__*/_jsx(FormControlContext.Provider, {\n    value: childContext,\n    children: /*#__PURE__*/_jsx(FormControlRoot, {\n      as: component,\n      ownerState: ownerState,\n      className: clsx(classes.root, className),\n      ref: ref,\n      ...other,\n      children: children\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? FormControl.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'primary'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the label, input and helper text should be displayed in a disabled state.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the label is displayed in an error state.\n   * @default false\n   */\n  error: PropTypes.bool,\n  /**\n   * If `true`, the component is displayed in focused state.\n   */\n  focused: PropTypes.bool,\n  /**\n   * If `true`, the component will take up the full width of its container.\n   * @default false\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * If `true`, the label is hidden.\n   * This is used to increase density for a `FilledInput`.\n   * Be sure to add `aria-label` to the `input` element.\n   * @default false\n   */\n  hiddenLabel: PropTypes.bool,\n  /**\n   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.\n   * @default 'none'\n   */\n  margin: PropTypes.oneOf(['dense', 'none', 'normal']),\n  /**\n   * If `true`, the label will indicate that the `input` is required.\n   * @default false\n   */\n  required: PropTypes.bool,\n  /**\n   * The size of the component.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The variant to use.\n   * @default 'outlined'\n   */\n  variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])\n} : void 0;\nexport default FormControl;"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;"}
+{"version":3,"file":"FormControl.js","sources":["../../../../../../../node_modules/@mui/material/esm/FormControl/FormControl.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { styled } from \"../zero-styled/index.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { isFilled, isAdornedStart } from \"../InputBase/utils.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport isMuiElement from \"../utils/isMuiElement.js\";\nimport FormControlContext from \"./FormControlContext.js\";\nimport { getFormControlUtilityClasses } from \"./formControlClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    margin,\n    fullWidth\n  } = ownerState;\n  const slots = {\n    root: ['root', margin !== 'none' && `margin${capitalize(margin)}`, fullWidth && 'fullWidth']\n  };\n  return composeClasses(slots, getFormControlUtilityClasses, classes);\n};\nconst FormControlRoot = styled('div', {\n  name: 'MuiFormControl',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[`margin${capitalize(ownerState.margin)}`], ownerState.fullWidth && styles.fullWidth];\n  }\n})({\n  display: 'inline-flex',\n  flexDirection: 'column',\n  position: 'relative',\n  // Reset fieldset default style.\n  minWidth: 0,\n  padding: 0,\n  margin: 0,\n  border: 0,\n  verticalAlign: 'top',\n  // Fix alignment issue on Safari.\n  variants: [{\n    props: {\n      margin: 'normal'\n    },\n    style: {\n      marginTop: 16,\n      marginBottom: 8\n    }\n  }, {\n    props: {\n      margin: 'dense'\n    },\n    style: {\n      marginTop: 8,\n      marginBottom: 4\n    }\n  }, {\n    props: {\n      fullWidth: true\n    },\n    style: {\n      width: '100%'\n    }\n  }]\n});\n\n/**\n * Provides context such as filled/focused/error/required for form inputs.\n * Relying on the context provides high flexibility and ensures that the state always stays\n * consistent across the children of the `FormControl`.\n * This context is used by the following components:\n *\n *  - FormLabel\n *  - FormHelperText\n *  - Input\n *  - InputLabel\n *\n * You can find one composition example below and more going to [the demos](/material-ui/react-text-field/#components).\n *\n * ```jsx\n * <FormControl>\n *   <InputLabel htmlFor=\"my-input\">Email address</InputLabel>\n *   <Input id=\"my-input\" aria-describedby=\"my-helper-text\" />\n *   <FormHelperText id=\"my-helper-text\">We'll never share your email.</FormHelperText>\n * </FormControl>\n * ```\n *\n * ⚠️ Only one `InputBase` can be used within a FormControl because it creates visual inconsistencies.\n * For instance, only one input can be focused at the same time, the state shouldn't be shared.\n */\nconst FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiFormControl'\n  });\n  const {\n    children,\n    className,\n    color = 'primary',\n    component = 'div',\n    disabled = false,\n    error = false,\n    focused: visuallyFocused,\n    fullWidth = false,\n    hiddenLabel = false,\n    margin = 'none',\n    required = false,\n    size = 'medium',\n    variant = 'outlined',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    color,\n    component,\n    disabled,\n    error,\n    fullWidth,\n    hiddenLabel,\n    margin,\n    required,\n    size,\n    variant\n  };\n  const classes = useUtilityClasses(ownerState);\n  const [adornedStart, setAdornedStart] = React.useState(() => {\n    // We need to iterate through the children and find the Input in order\n    // to fully support server-side rendering.\n    let initialAdornedStart = false;\n    if (children) {\n      React.Children.forEach(children, child => {\n        if (!isMuiElement(child, ['Input', 'Select'])) {\n          return;\n        }\n        const input = isMuiElement(child, ['Select']) ? child.props.input : child;\n        if (input && isAdornedStart(input.props)) {\n          initialAdornedStart = true;\n        }\n      });\n    }\n    return initialAdornedStart;\n  });\n  const [filled, setFilled] = React.useState(() => {\n    // We need to iterate through the children and find the Input in order\n    // to fully support server-side rendering.\n    let initialFilled = false;\n    if (children) {\n      React.Children.forEach(children, child => {\n        if (!isMuiElement(child, ['Input', 'Select'])) {\n          return;\n        }\n        if (isFilled(child.props, true) || isFilled(child.props.inputProps, true)) {\n          initialFilled = true;\n        }\n      });\n    }\n    return initialFilled;\n  });\n  const [focusedState, setFocused] = React.useState(false);\n  if (disabled && focusedState) {\n    setFocused(false);\n  }\n  const focused = visuallyFocused !== undefined && !disabled ? visuallyFocused : focusedState;\n  let registerEffect;\n  const registeredInput = React.useRef(false);\n  if (process.env.NODE_ENV !== 'production') {\n    registerEffect = () => {\n      if (registeredInput.current) {\n        console.error(['MUI: There are multiple `InputBase` components inside a FormControl.', 'This creates visual inconsistencies, only use one `InputBase`.'].join('\\n'));\n      }\n      registeredInput.current = true;\n      return () => {\n        registeredInput.current = false;\n      };\n    };\n  }\n  const onFilled = React.useCallback(() => {\n    setFilled(true);\n  }, []);\n  const onEmpty = React.useCallback(() => {\n    setFilled(false);\n  }, []);\n  const childContext = React.useMemo(() => {\n    return {\n      adornedStart,\n      setAdornedStart,\n      color,\n      disabled,\n      error,\n      filled,\n      focused,\n      fullWidth,\n      hiddenLabel,\n      size,\n      onBlur: () => {\n        setFocused(false);\n      },\n      onFocus: () => {\n        setFocused(true);\n      },\n      onEmpty,\n      onFilled,\n      registerEffect,\n      required,\n      variant\n    };\n  }, [adornedStart, color, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, onEmpty, onFilled, required, size, variant]);\n  return /*#__PURE__*/_jsx(FormControlContext.Provider, {\n    value: childContext,\n    children: /*#__PURE__*/_jsx(FormControlRoot, {\n      as: component,\n      ownerState: ownerState,\n      className: clsx(classes.root, className),\n      ref: ref,\n      ...other,\n      children: children\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? FormControl.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'primary'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the label, input and helper text should be displayed in a disabled state.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the label is displayed in an error state.\n   * @default false\n   */\n  error: PropTypes.bool,\n  /**\n   * If `true`, the component is displayed in focused state.\n   */\n  focused: PropTypes.bool,\n  /**\n   * If `true`, the component will take up the full width of its container.\n   * @default false\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * If `true`, the label is hidden.\n   * This is used to increase density for a `FilledInput`.\n   * Be sure to add `aria-label` to the `input` element.\n   * @default false\n   */\n  hiddenLabel: PropTypes.bool,\n  /**\n   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.\n   * @default 'none'\n   */\n  margin: PropTypes.oneOf(['dense', 'none', 'normal']),\n  /**\n   * If `true`, the label will indicate that the `input` is required.\n   * @default false\n   */\n  required: PropTypes.bool,\n  /**\n   * The size of the component.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The variant to use.\n   * @default 'outlined'\n   */\n  variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])\n} : void 0;\nexport default FormControl;"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@mui/material/esm/FormControl/FormControlContext.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -19,11 +18,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 /**
  * @ignore - internal component.
@@ -32,7 +31,6 @@ const FormControlContext = /*#__PURE__*/React__namespace.createContext(undefined
 if (process.env.NODE_ENV !== 'production') {
   FormControlContext.displayName = 'FormControlContext';
 }
-var FormControlContext$1 = FormControlContext;
 
-exports["default"] = FormControlContext$1;
+exports.default = FormControlContext;
 //# sourceMappingURL=FormControlContext.js.map

package/dist/cjs/node_modules/@mui/material/esm/FormControl/FormControlContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormControlContext.js","sources":["../../../../../../../node_modules/@mui/material/esm/FormControl/FormControlContext.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n/**\n * @ignore - internal component.\n */\nconst FormControlContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== 'production') {\n  FormControlContext.displayName = 'FormControlContext';\n}\nexport default FormControlContext;"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;"}
+{"version":3,"file":"FormControlContext.js","sources":["../../../../../../../node_modules/@mui/material/esm/FormControl/FormControlContext.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n/**\n * @ignore - internal component.\n */\nconst FormControlContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== 'production') {\n  FormControlContext.displayName = 'FormControlContext';\n}\nexport default FormControlContext;"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACK;AACL;AACA;AACA;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@mui/material/esm/FormControl/formControlClasses.js

@@ -1,14 +1,12 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var generateUtilityClass = require('../../../utils/esm/generateUtilityClass/generateUtilityClass.js');
 var generateUtilityClasses = require('../../../utils/esm/generateUtilityClasses/generateUtilityClasses.js');
 
 function getFormControlUtilityClasses(slot) {
-  return generateUtilityClass["default"]('MuiFormControl', slot);
+  return generateUtilityClass.default('MuiFormControl', slot);
 }
-generateUtilityClasses["default"]('MuiFormControl', ['root', 'marginNone', 'marginNormal', 'marginDense', 'fullWidth', 'disabled']);
+generateUtilityClasses.default('MuiFormControl', ['root', 'marginNone', 'marginNormal', 'marginDense', 'fullWidth', 'disabled']);
 
 exports.getFormControlUtilityClasses = getFormControlUtilityClasses;
 //# sourceMappingURL=formControlClasses.js.map

package/dist/cjs/node_modules/@mui/material/esm/FormControl/formControlClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"formControlClasses.js","sources":["../../../../../../../node_modules/@mui/material/esm/FormControl/formControlClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getFormControlUtilityClasses(slot) {\n  return generateUtilityClass('MuiFormControl', slot);\n}\nconst formControlClasses = generateUtilityClasses('MuiFormControl', ['root', 'marginNone', 'marginNormal', 'marginDense', 'fullWidth', 'disabled']);\nexport default formControlClasses;"],"names":["generateUtilityClass","generateUtilityClasses"],"mappings":";;;;;;;AAEO,SAAS,4BAA4B,CAAC,IAAI,EAAE;AACnD,EAAE,OAAOA,+BAAoB,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;AACtD,CAAC;AAC0BC,iCAAsB,CAAC,gBAAgB,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,CAAC;;;;"}
+{"version":3,"file":"formControlClasses.js","sources":["../../../../../../../node_modules/@mui/material/esm/FormControl/formControlClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getFormControlUtilityClasses(slot) {\n  return generateUtilityClass('MuiFormControl', slot);\n}\nconst formControlClasses = generateUtilityClasses('MuiFormControl', ['root', 'marginNone', 'marginNormal', 'marginDense', 'fullWidth', 'disabled']);\nexport default formControlClasses;"],"names":["generateUtilityClass","generateUtilityClasses"],"mappings":";;;;;AAEO,SAAS,4BAA4B,CAAC,IAAI,EAAE;AACnD,EAAE,OAAOA,4BAAoB,CAAC,gBAAgB,EAAE,IAAI,CAAC;AACrD;AAC2BC,8BAAsB,CAAC,gBAAgB,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,CAAC;;;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@mui/material/esm/FormControl/formControlState.js

@@ -18,5 +18,5 @@ function formControlState({
   }, {});
 }
 
-exports["default"] = formControlState;
+exports.default = formControlState;
 //# sourceMappingURL=formControlState.js.map

package/dist/cjs/node_modules/@mui/material/esm/FormControl/formControlState.js.map

@@ -1 +1 @@
-{"version":3,"file":"formControlState.js","sources":["../../../../../../../node_modules/@mui/material/esm/FormControl/formControlState.js"],"sourcesContent":["export default function formControlState({\n  props,\n  states,\n  muiFormControl\n}) {\n  return states.reduce((acc, state) => {\n    acc[state] = props[state];\n    if (muiFormControl) {\n      if (typeof props[state] === 'undefined') {\n        acc[state] = muiFormControl[state];\n      }\n    }\n    return acc;\n  }, {});\n}"],"names":[],"mappings":";;;;AAAe,SAAS,gBAAgB,CAAC;AACzC,EAAE,KAAK;AACP,EAAE,MAAM;AACR,EAAE,cAAc;AAChB,CAAC,EAAE;AACH,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK;AACvC,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;AAC9B,IAAI,IAAI,cAAc,EAAE;AACxB,MAAM,IAAI,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,WAAW,EAAE;AAC/C,QAAQ,GAAG,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC3C,OAAO;AACP,KAAK;AACL,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT;;;;"}
+{"version":3,"file":"formControlState.js","sources":["../../../../../../../node_modules/@mui/material/esm/FormControl/formControlState.js"],"sourcesContent":["export default function formControlState({\n  props,\n  states,\n  muiFormControl\n}) {\n  return states.reduce((acc, state) => {\n    acc[state] = props[state];\n    if (muiFormControl) {\n      if (typeof props[state] === 'undefined') {\n        acc[state] = muiFormControl[state];\n      }\n    }\n    return acc;\n  }, {});\n}"],"names":[],"mappings":";;;;AAAe,SAAS,gBAAgB,CAAC;AACzC,EAAE,KAAK;AACP,EAAE,MAAM;AACR,EAAE;AACF,CAAC,EAAE;AACH,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK;AACvC,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC;AAC7B,IAAI,IAAI,cAAc,EAAE;AACxB,MAAM,IAAI,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,WAAW,EAAE;AAC/C,QAAQ,GAAG,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC;AAC1C,MAAM;AACN,IAAI;AACJ,IAAI,OAAO,GAAG;AACd,EAAE,CAAC,EAAE,EAAE,CAAC;AACR;;;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@mui/material/esm/FormControl/useFormControl.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var FormControlContext = require('./FormControlContext.js');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -20,15 +19,15 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 function useFormControl() {
-  return React__namespace.useContext(FormControlContext["default"]);
+  return React__namespace.useContext(FormControlContext.default);
 }
 
-exports["default"] = useFormControl;
+exports.default = useFormControl;
 //# sourceMappingURL=useFormControl.js.map

package/dist/cjs/node_modules/@mui/material/esm/FormControl/useFormControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormControl.js","sources":["../../../../../../../node_modules/@mui/material/esm/FormControl/useFormControl.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport FormControlContext from \"./FormControlContext.js\";\nexport default function useFormControl() {\n  return React.useContext(FormControlContext);\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIe;AACf;AACA;;"}
+{"version":3,"file":"useFormControl.js","sources":["../../../../../../../node_modules/@mui/material/esm/FormControl/useFormControl.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport FormControlContext from \"./FormControlContext.js\";\nexport default function useFormControl() {\n  return React.useContext(FormControlContext);\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIe;AACf;AACA;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@mui/material/esm/FormControlLabel/FormControlLabel.js

@@ -4,23 +4,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index = require('../../../../../_virtual/index5.js');
+var index = require('../../../../../_virtual/index.js');
 var clsx = require('../../../../clsx/dist/clsx.js');
 var memoTheme = require('../utils/memoTheme.js');
 var formControlLabelClasses = require('./formControlLabelClasses.js');
 var formControlState = require('../FormControl/formControlState.js');
 var useSlot = require('../utils/useSlot.js');
 var jsxRuntime = require('react/jsx-runtime');
-var styled = require('../styles/styled.js');
 var DefaultPropsProvider = require('../DefaultPropsProvider/DefaultPropsProvider.js');
 var useFormControl = require('../FormControl/useFormControl.js');
 var Typography = require('../Typography/Typography.js');
-var refType = require('../../../utils/esm/refType/refType.js');
-var composeClasses = require('../../../utils/esm/composeClasses/composeClasses.js');
+var styled = require('../styles/styled.js');
 var capitalize = require('../../../utils/esm/capitalize/capitalize.js');
+var composeClasses = require('../../../utils/esm/composeClasses/composeClasses.js');
+var refType = require('../../../utils/esm/refType/refType.js');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -33,11 +32,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const useUtilityClasses = ownerState => {
   const {
@@ -48,13 +47,13 @@ const useUtilityClasses = ownerState => {
     required
   } = ownerState;
   const slots = {
-    root: ['root', disabled && 'disabled', `labelPlacement${capitalize["default"](labelPlacement)}`, error && 'error', required && 'required'],
+    root: ['root', disabled && 'disabled', `labelPlacement${capitalize.default(labelPlacement)}`, error && 'error', required && 'required'],
     label: ['label', disabled && 'disabled'],
     asterisk: ['asterisk', error && 'error']
   };
-  return composeClasses["default"](slots, formControlLabelClasses.getFormControlLabelUtilityClasses, classes);
+  return composeClasses.default(slots, formControlLabelClasses.getFormControlLabelUtilityClasses, classes);
 };
-const FormControlLabelRoot = styled["default"]('label', {
+const FormControlLabelRoot = styled.default('label', {
   name: 'MuiFormControlLabel',
   slot: 'Root',
   overridesResolver: (props, styles) => {
@@ -62,10 +61,10 @@ const FormControlLabelRoot = styled["default"]('label', {
       ownerState
     } = props;
     return [{
-      [`& .${formControlLabelClasses["default"].label}`]: styles.label
-    }, styles.root, styles[`labelPlacement${capitalize["default"](ownerState.labelPlacement)}`]];
+      [`& .${formControlLabelClasses.default.label}`]: styles.label
+    }, styles.root, styles[`labelPlacement${capitalize.default(ownerState.labelPlacement)}`]];
   }
-})(memoTheme["default"](({
+})(memoTheme.default(({
   theme
 }) => ({
   display: 'inline-flex',
@@ -77,11 +76,11 @@ const FormControlLabelRoot = styled["default"]('label', {
   marginLeft: -11,
   marginRight: 16,
   // used for row presentation of radio/checkbox
-  [`&.${formControlLabelClasses["default"].disabled}`]: {
+  [`&.${formControlLabelClasses.default.disabled}`]: {
     cursor: 'default'
   },
-  [`& .${formControlLabelClasses["default"].label}`]: {
-    [`&.${formControlLabelClasses["default"].disabled}`]: {
+  [`& .${formControlLabelClasses.default.label}`]: {
+    [`&.${formControlLabelClasses.default.disabled}`]: {
       color: (theme.vars || theme).palette.text.disabled
     }
   },
@@ -116,13 +115,13 @@ const FormControlLabelRoot = styled["default"]('label', {
     }
   }]
 })));
-const AsteriskComponent = styled["default"]('span', {
+const AsteriskComponent = styled.default('span', {
   name: 'MuiFormControlLabel',
   slot: 'Asterisk'
-})(memoTheme["default"](({
+})(memoTheme.default(({
   theme
 }) => ({
-  [`&.${formControlLabelClasses["default"].error}`]: {
+  [`&.${formControlLabelClasses.default.error}`]: {
     color: (theme.vars || theme).palette.error.main
   }
 })));
@@ -154,7 +153,7 @@ const FormControlLabel = /*#__PURE__*/React__namespace.forwardRef(function FormC
     value,
     ...other
   } = props;
-  const muiFormControl = useFormControl["default"]();
+  const muiFormControl = useFormControl.default();
   const disabled = disabledProp ?? control.props.disabled ?? muiFormControl?.disabled;
   const required = requiredProp ?? control.props.required;
   const controlProps = {
@@ -166,7 +165,7 @@ const FormControlLabel = /*#__PURE__*/React__namespace.forwardRef(function FormC
       controlProps[key] = props[key];
     }
   });
-  const fcs = formControlState["default"]({
+  const fcs = formControlState.default({
     props,
     muiFormControl,
     states: ['error']
@@ -186,13 +185,13 @@ const FormControlLabel = /*#__PURE__*/React__namespace.forwardRef(function FormC
       ...slotProps
     }
   };
-  const [TypographySlot, typographySlotProps] = useSlot["default"]('typography', {
-    elementType: Typography["default"],
+  const [TypographySlot, typographySlotProps] = useSlot.default('typography', {
+    elementType: Typography.default,
     externalForwardedProps,
     ownerState
   });
   let label = labelProp;
-  if (label != null && label.type !== Typography["default"] && !disableTypography) {
+  if (label != null && label.type !== Typography.default && !disableTypography) {
     label = /*#__PURE__*/jsxRuntime.jsx(TypographySlot, {
       component: "span",
       ...typographySlotProps,
@@ -223,88 +222,87 @@ process.env.NODE_ENV !== "production" ? FormControlLabel.propTypes /* remove-pro
   /**
    * If `true`, the component appears selected.
    */
-  checked: index["default"].bool,
+  checked: index.default.bool,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: index["default"].object,
+  classes: index.default.object,
   /**
    * @ignore
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * The props used for each slot inside.
    * @default {}
    * @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.
    */
-  componentsProps: index["default"].shape({
-    typography: index["default"].object
+  componentsProps: index.default.shape({
+    typography: index.default.object
   }),
   /**
    * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
    */
-  control: index["default"].element.isRequired,
+  control: index.default.element.isRequired,
   /**
    * If `true`, the control is disabled.
    */
-  disabled: index["default"].bool,
+  disabled: index.default.bool,
   /**
    * If `true`, the label is rendered as it is passed without an additional typography node.
    */
-  disableTypography: index["default"].bool,
+  disableTypography: index.default.bool,
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: refType["default"],
+  inputRef: refType.default,
   /**
    * A text or an element to be used in an enclosing label element.
    */
-  label: index["default"].node,
+  label: index.default.node,
   /**
    * The position of the label.
    * @default 'end'
    */
-  labelPlacement: index["default"].oneOf(['bottom', 'end', 'start', 'top']),
+  labelPlacement: index.default.oneOf(['bottom', 'end', 'start', 'top']),
   /**
    * @ignore
    */
-  name: index["default"].string,
+  name: index.default.string,
   /**
    * Callback fired when the state is changed.
    *
    * @param {React.SyntheticEvent} event The event source of the callback.
    * You can pull out the new checked state by accessing `event.target.checked` (boolean).
    */
-  onChange: index["default"].func,
+  onChange: index.default.func,
   /**
    * If `true`, the label will indicate that the `input` is required.
    */
-  required: index["default"].bool,
+  required: index.default.bool,
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: index["default"].shape({
-    typography: index["default"].oneOfType([index["default"].func, index["default"].object])
+  slotProps: index.default.shape({
+    typography: index.default.oneOfType([index.default.func, index.default.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: index["default"].shape({
-    typography: index["default"].elementType
+  slots: index.default.shape({
+    typography: index.default.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: index["default"].oneOfType([index["default"].arrayOf(index["default"].oneOfType([index["default"].func, index["default"].object, index["default"].bool])), index["default"].func, index["default"].object]),
+  sx: index.default.oneOfType([index.default.arrayOf(index.default.oneOfType([index.default.func, index.default.object, index.default.bool])), index.default.func, index.default.object]),
   /**
    * The value of the component.
    */
-  value: index["default"].any
+  value: index.default.any
 } : void 0;
-var FormControlLabel$1 = FormControlLabel;
 
 exports.FormControlLabelRoot = FormControlLabelRoot;
-exports["default"] = FormControlLabel$1;
+exports.default = FormControlLabel;
 //# sourceMappingURL=FormControlLabel.js.map