@dartcom/ui-kit 3.0.0 → 3.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../../../node_modules/@mui/material/esm/Checkbox/Checkbox.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 SwitchBase from \"../internal/SwitchBase.js\";\nimport CheckBoxOutlineBlankIcon from \"../internal/svg-icons/CheckBoxOutlineBlank.js\";\nimport CheckBoxIcon from \"../internal/svg-icons/CheckBox.js\";\nimport IndeterminateCheckBoxIcon from \"../internal/svg-icons/IndeterminateCheckBox.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport rootShouldForwardProp from \"../styles/rootShouldForwardProp.js\";\nimport checkboxClasses, { getCheckboxUtilityClass } from \"./checkboxClasses.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport createSimplePaletteValueFilter from \"../utils/createSimplePaletteValueFilter.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { mergeSlotProps } from \"../utils/index.js\";\nimport useSlot from \"../utils/useSlot.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    indeterminate,\n    color,\n    size\n  } = ownerState;\n  const slots = {\n    root: ['root', indeterminate && 'indeterminate', `color${capitalize(color)}`, `size${capitalize(size)}`]\n  };\n  const composedClasses = composeClasses(slots, getCheckboxUtilityClass, classes);\n  return {\n    ...classes,\n    // forward the disabled and checked classes to the SwitchBase\n    ...composedClasses\n  };\n};\nconst CheckboxRoot = styled(SwitchBase, {\n  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n  name: 'MuiCheckbox',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.indeterminate && styles.indeterminate, styles[`size${capitalize(ownerState.size)}`], ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  color: (theme.vars || theme).palette.text.secondary,\n  variants: [{\n    props: {\n      color: 'default',\n      disableRipple: false\n    },\n    style: {\n      '&:hover': {\n        backgroundColor: theme.alpha((theme.vars || theme).palette.action.active, (theme.vars || theme).palette.action.hoverOpacity)\n      }\n    }\n  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({\n    props: {\n      color,\n      disableRipple: false\n    },\n    style: {\n      '&:hover': {\n        backgroundColor: theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.hoverOpacity)\n      }\n    }\n  })), ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({\n    props: {\n      color\n    },\n    style: {\n      [`&.${checkboxClasses.checked}, &.${checkboxClasses.indeterminate}`]: {\n        color: (theme.vars || theme).palette[color].main\n      },\n      [`&.${checkboxClasses.disabled}`]: {\n        color: (theme.vars || theme).palette.action.disabled\n      }\n    }\n  })), {\n    // Should be last to override other colors\n    props: {\n      disableRipple: false\n    },\n    style: {\n      // Reset on touch devices, it doesn't add specificity\n      '&:hover': {\n        '@media (hover: none)': {\n          backgroundColor: 'transparent'\n        }\n      }\n    }\n  }]\n})));\nconst defaultCheckedIcon = /*#__PURE__*/_jsx(CheckBoxIcon, {});\nconst defaultIcon = /*#__PURE__*/_jsx(CheckBoxOutlineBlankIcon, {});\nconst defaultIndeterminateIcon = /*#__PURE__*/_jsx(IndeterminateCheckBoxIcon, {});\nconst Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiCheckbox'\n  });\n  const {\n    checkedIcon = defaultCheckedIcon,\n    color = 'primary',\n    icon: iconProp = defaultIcon,\n    indeterminate = false,\n    indeterminateIcon: indeterminateIconProp = defaultIndeterminateIcon,\n    inputProps,\n    size = 'medium',\n    disableRipple = false,\n    className,\n    slots = {},\n    slotProps = {},\n    ...other\n  } = props;\n  const icon = indeterminate ? indeterminateIconProp : iconProp;\n  const indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;\n  const ownerState = {\n    ...props,\n    disableRipple,\n    color,\n    indeterminate,\n    size\n  };\n  const classes = useUtilityClasses(ownerState);\n  const externalInputProps = slotProps.input ?? inputProps;\n  const [RootSlot, rootSlotProps] = useSlot('root', {\n    ref,\n    elementType: CheckboxRoot,\n    className: clsx(classes.root, className),\n    shouldForwardComponentProp: true,\n    externalForwardedProps: {\n      slots,\n      slotProps,\n      ...other\n    },\n    ownerState,\n    additionalProps: {\n      type: 'checkbox',\n      icon: /*#__PURE__*/React.cloneElement(icon, {\n        fontSize: icon.props.fontSize ?? size\n      }),\n      checkedIcon: /*#__PURE__*/React.cloneElement(indeterminateIcon, {\n        fontSize: indeterminateIcon.props.fontSize ?? size\n      }),\n      disableRipple,\n      slots,\n      slotProps: {\n        input: mergeSlotProps(typeof externalInputProps === 'function' ? externalInputProps(ownerState) : externalInputProps, {\n          'data-indeterminate': indeterminate\n        })\n      }\n    }\n  });\n  return /*#__PURE__*/_jsx(RootSlot, {\n    ...rootSlotProps,\n    classes: classes\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Checkbox.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   * If `true`, the component is checked.\n   */\n  checked: PropTypes.bool,\n  /**\n   * The icon to display when the component is checked.\n   * @default <CheckBoxIcon />\n   */\n  checkedIcon: 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(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The default checked state. Use when the component is not controlled.\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the ripple effect is disabled.\n   * @default false\n   */\n  disableRipple: PropTypes.bool,\n  /**\n   * The icon to display when the component is unchecked.\n   * @default <CheckBoxOutlineBlankIcon />\n   */\n  icon: PropTypes.node,\n  /**\n   * The id of the `input` element.\n   */\n  id: PropTypes.string,\n  /**\n   * If `true`, the component appears indeterminate.\n   * This does not set the native input element to indeterminate due\n   * to inconsistent behavior across browsers.\n   * However, we set a `data-indeterminate` attribute on the `input`.\n   * @default false\n   */\n  indeterminate: PropTypes.bool,\n  /**\n   * The icon to display when the component is indeterminate.\n   * @default <IndeterminateCheckBoxIcon />\n   */\n  indeterminateIcon: PropTypes.node,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.\n   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   */\n  inputProps: PropTypes.object,\n  /**\n   * Callback fired when the state is changed.\n   *\n   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.\n   * You can pull out the new checked state by accessing `event.target.checked` (boolean).\n   */\n  onChange: PropTypes.func,\n  /**\n   * If `true`, the `input` element is required.\n   * @default false\n   */\n  required: PropTypes.bool,\n  /**\n   * The size of the component.\n   * `small` is equivalent to the dense checkbox styling.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * The props used for each slot inside.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    input: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    input: PropTypes.elementType,\n    root: PropTypes.elementType\n  }),\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 value of the component. The DOM API casts this to a string.\n   * The browser uses \"on\" as the default value.\n   */\n  value: PropTypes.any\n} : void 0;\nexport default Checkbox;"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"Checkbox.js","sources":["../../../../../../../node_modules/@mui/material/esm/Checkbox/Checkbox.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 SwitchBase from \"../internal/SwitchBase.js\";\nimport CheckBoxOutlineBlankIcon from \"../internal/svg-icons/CheckBoxOutlineBlank.js\";\nimport CheckBoxIcon from \"../internal/svg-icons/CheckBox.js\";\nimport IndeterminateCheckBoxIcon from \"../internal/svg-icons/IndeterminateCheckBox.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport rootShouldForwardProp from \"../styles/rootShouldForwardProp.js\";\nimport checkboxClasses, { getCheckboxUtilityClass } from \"./checkboxClasses.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport createSimplePaletteValueFilter from \"../utils/createSimplePaletteValueFilter.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { mergeSlotProps } from \"../utils/index.js\";\nimport useSlot from \"../utils/useSlot.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    indeterminate,\n    color,\n    size\n  } = ownerState;\n  const slots = {\n    root: ['root', indeterminate && 'indeterminate', `color${capitalize(color)}`, `size${capitalize(size)}`]\n  };\n  const composedClasses = composeClasses(slots, getCheckboxUtilityClass, classes);\n  return {\n    ...classes,\n    // forward the disabled and checked classes to the SwitchBase\n    ...composedClasses\n  };\n};\nconst CheckboxRoot = styled(SwitchBase, {\n  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n  name: 'MuiCheckbox',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.indeterminate && styles.indeterminate, styles[`size${capitalize(ownerState.size)}`], ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  color: (theme.vars || theme).palette.text.secondary,\n  variants: [{\n    props: {\n      color: 'default',\n      disableRipple: false\n    },\n    style: {\n      '&:hover': {\n        backgroundColor: theme.alpha((theme.vars || theme).palette.action.active, (theme.vars || theme).palette.action.hoverOpacity)\n      }\n    }\n  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({\n    props: {\n      color,\n      disableRipple: false\n    },\n    style: {\n      '&:hover': {\n        backgroundColor: theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.hoverOpacity)\n      }\n    }\n  })), ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({\n    props: {\n      color\n    },\n    style: {\n      [`&.${checkboxClasses.checked}, &.${checkboxClasses.indeterminate}`]: {\n        color: (theme.vars || theme).palette[color].main\n      },\n      [`&.${checkboxClasses.disabled}`]: {\n        color: (theme.vars || theme).palette.action.disabled\n      }\n    }\n  })), {\n    // Should be last to override other colors\n    props: {\n      disableRipple: false\n    },\n    style: {\n      // Reset on touch devices, it doesn't add specificity\n      '&:hover': {\n        '@media (hover: none)': {\n          backgroundColor: 'transparent'\n        }\n      }\n    }\n  }]\n})));\nconst defaultCheckedIcon = /*#__PURE__*/_jsx(CheckBoxIcon, {});\nconst defaultIcon = /*#__PURE__*/_jsx(CheckBoxOutlineBlankIcon, {});\nconst defaultIndeterminateIcon = /*#__PURE__*/_jsx(IndeterminateCheckBoxIcon, {});\nconst Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiCheckbox'\n  });\n  const {\n    checkedIcon = defaultCheckedIcon,\n    color = 'primary',\n    icon: iconProp = defaultIcon,\n    indeterminate = false,\n    indeterminateIcon: indeterminateIconProp = defaultIndeterminateIcon,\n    inputProps,\n    size = 'medium',\n    disableRipple = false,\n    className,\n    slots = {},\n    slotProps = {},\n    ...other\n  } = props;\n  const icon = indeterminate ? indeterminateIconProp : iconProp;\n  const indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;\n  const ownerState = {\n    ...props,\n    disableRipple,\n    color,\n    indeterminate,\n    size\n  };\n  const classes = useUtilityClasses(ownerState);\n  const externalInputProps = slotProps.input ?? inputProps;\n  const [RootSlot, rootSlotProps] = useSlot('root', {\n    ref,\n    elementType: CheckboxRoot,\n    className: clsx(classes.root, className),\n    shouldForwardComponentProp: true,\n    externalForwardedProps: {\n      slots,\n      slotProps,\n      ...other\n    },\n    ownerState,\n    additionalProps: {\n      type: 'checkbox',\n      icon: /*#__PURE__*/React.cloneElement(icon, {\n        fontSize: icon.props.fontSize ?? size\n      }),\n      checkedIcon: /*#__PURE__*/React.cloneElement(indeterminateIcon, {\n        fontSize: indeterminateIcon.props.fontSize ?? size\n      }),\n      disableRipple,\n      slots,\n      slotProps: {\n        input: mergeSlotProps(typeof externalInputProps === 'function' ? externalInputProps(ownerState) : externalInputProps, {\n          'data-indeterminate': indeterminate\n        })\n      }\n    }\n  });\n  return /*#__PURE__*/_jsx(RootSlot, {\n    ...rootSlotProps,\n    classes: classes\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Checkbox.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   * If `true`, the component is checked.\n   */\n  checked: PropTypes.bool,\n  /**\n   * The icon to display when the component is checked.\n   * @default <CheckBoxIcon />\n   */\n  checkedIcon: 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(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The default checked state. Use when the component is not controlled.\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the ripple effect is disabled.\n   * @default false\n   */\n  disableRipple: PropTypes.bool,\n  /**\n   * The icon to display when the component is unchecked.\n   * @default <CheckBoxOutlineBlankIcon />\n   */\n  icon: PropTypes.node,\n  /**\n   * The id of the `input` element.\n   */\n  id: PropTypes.string,\n  /**\n   * If `true`, the component appears indeterminate.\n   * This does not set the native input element to indeterminate due\n   * to inconsistent behavior across browsers.\n   * However, we set a `data-indeterminate` attribute on the `input`.\n   * @default false\n   */\n  indeterminate: PropTypes.bool,\n  /**\n   * The icon to display when the component is indeterminate.\n   * @default <IndeterminateCheckBoxIcon />\n   */\n  indeterminateIcon: PropTypes.node,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.\n   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   */\n  inputProps: PropTypes.object,\n  /**\n   * Callback fired when the state is changed.\n   *\n   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.\n   * You can pull out the new checked state by accessing `event.target.checked` (boolean).\n   */\n  onChange: PropTypes.func,\n  /**\n   * If `true`, the `input` element is required.\n   * @default false\n   */\n  required: PropTypes.bool,\n  /**\n   * The size of the component.\n   * `small` is equivalent to the dense checkbox styling.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * The props used for each slot inside.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    input: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    input: PropTypes.elementType,\n    root: PropTypes.elementType\n  }),\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 value of the component. The DOM API casts this to a string.\n   * The browser uses \"on\" as the default value.\n   */\n  value: PropTypes.any\n} : void 0;\nexport default Checkbox;"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@mui/material/esm/Checkbox/checkboxClasses.js

@@ -2,15 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var generateUtilityClass = require('../../../utils/esm/generateUtilityClass/generateUtilityClass.js');
 var generateUtilityClasses = require('../../../utils/esm/generateUtilityClasses/generateUtilityClasses.js');
+var generateUtilityClass = require('../../../utils/esm/generateUtilityClass/generateUtilityClass.js');
 
 function getCheckboxUtilityClass(slot) {
-  return generateUtilityClass["default"]('MuiCheckbox', slot);
+  return generateUtilityClass.default('MuiCheckbox', slot);
 }
-const checkboxClasses = generateUtilityClasses["default"]('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium']);
-var checkboxClasses$1 = checkboxClasses;
+const checkboxClasses = generateUtilityClasses.default('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium']);
 
-exports["default"] = checkboxClasses$1;
+exports.default = checkboxClasses;
 exports.getCheckboxUtilityClass = getCheckboxUtilityClass;
 //# sourceMappingURL=checkboxClasses.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkboxClasses.js","sources":["../../../../../../../node_modules/@mui/material/esm/Checkbox/checkboxClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getCheckboxUtilityClass(slot) {\n  return generateUtilityClass('MuiCheckbox', slot);\n}\nconst checkboxClasses = generateUtilityClasses('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium']);\nexport default checkboxClasses;"],"names":["generateUtilityClass","generateUtilityClasses"],"mappings":";;;;;;;AAEO,SAAS,uBAAuB,CAAC,IAAI,EAAE;AAC9C,EAAE,OAAOA,+BAAoB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;AACnD,CAAC;AACD,MAAM,eAAe,GAAGC,iCAAsB,CAAC,aAAa,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;AAC7K,wBAAe,eAAe;;;;;"}
+{"version":3,"file":"checkboxClasses.js","sources":["../../../../../../../node_modules/@mui/material/esm/Checkbox/checkboxClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getCheckboxUtilityClass(slot) {\n  return generateUtilityClass('MuiCheckbox', slot);\n}\nconst checkboxClasses = generateUtilityClasses('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium']);\nexport default checkboxClasses;"],"names":["generateUtilityClass","generateUtilityClasses"],"mappings":";;;;;;;AAEO,SAAS,uBAAuB,CAAC,IAAI,EAAE;AAC9C,EAAE,OAAOA,4BAAoB,CAAC,aAAa,EAAE,IAAI,CAAC;AAClD;AACK,MAAC,eAAe,GAAGC,8BAAsB,CAAC,aAAa,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,CAAC;;;;;","x_google_ignoreList":[0]}

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

@@ -4,7 +4,7 @@
 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 Cancel = require('../internal/svg-icons/Cancel.js');
 var memoTheme = require('../utils/memoTheme.js');
@@ -12,16 +12,15 @@ var createSimplePaletteValueFilter = require('../utils/createSimplePaletteValueF
 var chipClasses = require('./chipClasses.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 useForkRef = require('../../../utils/esm/useForkRef/useForkRef.js');
 var ButtonBase = require('../ButtonBase/ButtonBase.js');
-var unsupportedProp = require('../../../utils/esm/unsupportedProp/unsupportedProp.js');
-var composeClasses = require('../../../utils/esm/composeClasses/composeClasses.js');
+var styled = require('../styles/styled.js');
 var capitalize = require('../../../utils/esm/capitalize/capitalize.js');
-var useForkRef = require('../../../utils/esm/useForkRef/useForkRef.js');
+var composeClasses = require('../../../utils/esm/composeClasses/composeClasses.js');
+var unsupportedProp = require('../../../utils/esm/unsupportedProp/unsupportedProp.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) {
@@ -34,11 +33,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 {
@@ -52,15 +51,15 @@ const useUtilityClasses = ownerState => {
     variant
   } = ownerState;
   const slots = {
-    root: ['root', variant, disabled && 'disabled', `size${capitalize["default"](size)}`, `color${capitalize["default"](color)}`, clickable && 'clickable', clickable && `clickableColor${capitalize["default"](color)}`, onDelete && 'deletable', onDelete && `deletableColor${capitalize["default"](color)}`, `${variant}${capitalize["default"](color)}`],
-    label: ['label', `label${capitalize["default"](size)}`],
-    avatar: ['avatar', `avatar${capitalize["default"](size)}`, `avatarColor${capitalize["default"](color)}`],
-    icon: ['icon', `icon${capitalize["default"](size)}`, `iconColor${capitalize["default"](iconColor)}`],
-    deleteIcon: ['deleteIcon', `deleteIcon${capitalize["default"](size)}`, `deleteIconColor${capitalize["default"](color)}`, `deleteIcon${capitalize["default"](variant)}Color${capitalize["default"](color)}`]
+    root: ['root', variant, disabled && 'disabled', `size${capitalize.default(size)}`, `color${capitalize.default(color)}`, clickable && 'clickable', clickable && `clickableColor${capitalize.default(color)}`, onDelete && 'deletable', onDelete && `deletableColor${capitalize.default(color)}`, `${variant}${capitalize.default(color)}`],
+    label: ['label', `label${capitalize.default(size)}`],
+    avatar: ['avatar', `avatar${capitalize.default(size)}`, `avatarColor${capitalize.default(color)}`],
+    icon: ['icon', `icon${capitalize.default(size)}`, `iconColor${capitalize.default(iconColor)}`],
+    deleteIcon: ['deleteIcon', `deleteIcon${capitalize.default(size)}`, `deleteIconColor${capitalize.default(color)}`, `deleteIcon${capitalize.default(variant)}Color${capitalize.default(color)}`]
   };
-  return composeClasses["default"](slots, chipClasses.getChipUtilityClass, classes);
+  return composeClasses.default(slots, chipClasses.getChipUtilityClass, classes);
 };
-const ChipRoot = styled["default"]('div', {
+const ChipRoot = styled.default('div', {
   name: 'MuiChip',
   slot: 'Root',
   overridesResolver: (props, styles) => {
@@ -76,28 +75,28 @@ const ChipRoot = styled["default"]('div', {
       variant
     } = ownerState;
     return [{
-      [`& .${chipClasses["default"].avatar}`]: styles.avatar
+      [`& .${chipClasses.default.avatar}`]: styles.avatar
     }, {
-      [`& .${chipClasses["default"].avatar}`]: styles[`avatar${capitalize["default"](size)}`]
+      [`& .${chipClasses.default.avatar}`]: styles[`avatar${capitalize.default(size)}`]
     }, {
-      [`& .${chipClasses["default"].avatar}`]: styles[`avatarColor${capitalize["default"](color)}`]
+      [`& .${chipClasses.default.avatar}`]: styles[`avatarColor${capitalize.default(color)}`]
     }, {
-      [`& .${chipClasses["default"].icon}`]: styles.icon
+      [`& .${chipClasses.default.icon}`]: styles.icon
     }, {
-      [`& .${chipClasses["default"].icon}`]: styles[`icon${capitalize["default"](size)}`]
+      [`& .${chipClasses.default.icon}`]: styles[`icon${capitalize.default(size)}`]
     }, {
-      [`& .${chipClasses["default"].icon}`]: styles[`iconColor${capitalize["default"](iconColor)}`]
+      [`& .${chipClasses.default.icon}`]: styles[`iconColor${capitalize.default(iconColor)}`]
     }, {
-      [`& .${chipClasses["default"].deleteIcon}`]: styles.deleteIcon
+      [`& .${chipClasses.default.deleteIcon}`]: styles.deleteIcon
     }, {
-      [`& .${chipClasses["default"].deleteIcon}`]: styles[`deleteIcon${capitalize["default"](size)}`]
+      [`& .${chipClasses.default.deleteIcon}`]: styles[`deleteIcon${capitalize.default(size)}`]
     }, {
-      [`& .${chipClasses["default"].deleteIcon}`]: styles[`deleteIconColor${capitalize["default"](color)}`]
+      [`& .${chipClasses.default.deleteIcon}`]: styles[`deleteIconColor${capitalize.default(color)}`]
     }, {
-      [`& .${chipClasses["default"].deleteIcon}`]: styles[`deleteIcon${capitalize["default"](variant)}Color${capitalize["default"](color)}`]
-    }, styles.root, styles[`size${capitalize["default"](size)}`], styles[`color${capitalize["default"](color)}`], clickable && styles.clickable, clickable && color !== 'default' && styles[`clickableColor${capitalize["default"](color)})`], onDelete && styles.deletable, onDelete && color !== 'default' && styles[`deletableColor${capitalize["default"](color)}`], styles[variant], styles[`${variant}${capitalize["default"](color)}`]];
+      [`& .${chipClasses.default.deleteIcon}`]: styles[`deleteIcon${capitalize.default(variant)}Color${capitalize.default(color)}`]
+    }, styles.root, styles[`size${capitalize.default(size)}`], styles[`color${capitalize.default(color)}`], clickable && styles.clickable, clickable && color !== 'default' && styles[`clickableColor${capitalize.default(color)})`], onDelete && styles.deletable, onDelete && color !== 'default' && styles[`deletableColor${capitalize.default(color)}`], styles[variant], styles[`${variant}${capitalize.default(color)}`]];
   }
-})(memoTheme["default"](({
+})(memoTheme.default(({
   theme
 }) => {
   const textColor = theme.palette.mode === 'light' ? theme.palette.grey[700] : theme.palette.grey[300];
@@ -126,11 +125,11 @@ const ChipRoot = styled["default"]('div', {
     // Remove `button` padding
     verticalAlign: 'middle',
     boxSizing: 'border-box',
-    [`&.${chipClasses["default"].disabled}`]: {
+    [`&.${chipClasses.default.disabled}`]: {
       opacity: (theme.vars || theme).palette.action.disabledOpacity,
       pointerEvents: 'none'
     },
-    [`& .${chipClasses["default"].avatar}`]: {
+    [`& .${chipClasses.default.avatar}`]: {
       marginLeft: 5,
       marginRight: -6,
       width: 24,
@@ -138,26 +137,26 @@ const ChipRoot = styled["default"]('div', {
       color: theme.vars ? theme.vars.palette.Chip.defaultAvatarColor : textColor,
       fontSize: theme.typography.pxToRem(12)
     },
-    [`& .${chipClasses["default"].avatarColorPrimary}`]: {
+    [`& .${chipClasses.default.avatarColorPrimary}`]: {
       color: (theme.vars || theme).palette.primary.contrastText,
       backgroundColor: (theme.vars || theme).palette.primary.dark
     },
-    [`& .${chipClasses["default"].avatarColorSecondary}`]: {
+    [`& .${chipClasses.default.avatarColorSecondary}`]: {
       color: (theme.vars || theme).palette.secondary.contrastText,
       backgroundColor: (theme.vars || theme).palette.secondary.dark
     },
-    [`& .${chipClasses["default"].avatarSmall}`]: {
+    [`& .${chipClasses.default.avatarSmall}`]: {
       marginLeft: 4,
       marginRight: -4,
       width: 18,
       height: 18,
       fontSize: theme.typography.pxToRem(10)
     },
-    [`& .${chipClasses["default"].icon}`]: {
+    [`& .${chipClasses.default.icon}`]: {
       marginLeft: 5,
       marginRight: -6
     },
-    [`& .${chipClasses["default"].deleteIcon}`]: {
+    [`& .${chipClasses.default.deleteIcon}`]: {
       WebkitTapHighlightColor: 'transparent',
       color: theme.alpha((theme.vars || theme).palette.text.primary, 0.26),
       fontSize: 22,
@@ -173,18 +172,18 @@ const ChipRoot = styled["default"]('div', {
       },
       style: {
         height: 24,
-        [`& .${chipClasses["default"].icon}`]: {
+        [`& .${chipClasses.default.icon}`]: {
           fontSize: 18,
           marginLeft: 4,
           marginRight: -4
         },
-        [`& .${chipClasses["default"].deleteIcon}`]: {
+        [`& .${chipClasses.default.deleteIcon}`]: {
           fontSize: 16,
           marginRight: 4,
           marginLeft: -4
         }
       }
-    }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter["default"](['contrastText'])).map(([color]) => {
+    }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter.default(['contrastText'])).map(([color]) => {
       return {
         props: {
           color
@@ -192,7 +191,7 @@ const ChipRoot = styled["default"]('div', {
         style: {
           backgroundColor: (theme.vars || theme).palette[color].main,
           color: (theme.vars || theme).palette[color].contrastText,
-          [`& .${chipClasses["default"].deleteIcon}`]: {
+          [`& .${chipClasses.default.deleteIcon}`]: {
             color: theme.alpha((theme.vars || theme).palette[color].contrastText, 0.7),
             '&:hover, &:active': {
               color: (theme.vars || theme).palette[color].contrastText
@@ -203,14 +202,14 @@ const ChipRoot = styled["default"]('div', {
     }), {
       props: props => props.iconColor === props.color,
       style: {
-        [`& .${chipClasses["default"].icon}`]: {
+        [`& .${chipClasses.default.icon}`]: {
           color: theme.vars ? theme.vars.palette.Chip.defaultIconColor : textColor
         }
       }
     }, {
       props: props => props.iconColor === props.color && props.color !== 'default',
       style: {
-        [`& .${chipClasses["default"].icon}`]: {
+        [`& .${chipClasses.default.icon}`]: {
           color: 'inherit'
         }
       }
@@ -219,18 +218,18 @@ const ChipRoot = styled["default"]('div', {
         onDelete: true
       },
       style: {
-        [`&.${chipClasses["default"].focusVisible}`]: {
+        [`&.${chipClasses.default.focusVisible}`]: {
           backgroundColor: theme.alpha((theme.vars || theme).palette.action.selected, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.focusOpacity}`)
         }
       }
-    }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter["default"](['dark'])).map(([color]) => {
+    }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter.default(['dark'])).map(([color]) => {
       return {
         props: {
           color,
           onDelete: true
         },
         style: {
-          [`&.${chipClasses["default"].focusVisible}`]: {
+          [`&.${chipClasses.default.focusVisible}`]: {
             background: (theme.vars || theme).palette[color].dark
           }
         }
@@ -246,20 +245,20 @@ const ChipRoot = styled["default"]('div', {
         '&:hover': {
           backgroundColor: theme.alpha((theme.vars || theme).palette.action.selected, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.hoverOpacity}`)
         },
-        [`&.${chipClasses["default"].focusVisible}`]: {
+        [`&.${chipClasses.default.focusVisible}`]: {
           backgroundColor: theme.alpha((theme.vars || theme).palette.action.selected, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.focusOpacity}`)
         },
         '&:active': {
           boxShadow: (theme.vars || theme).shadows[1]
         }
       }
-    }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter["default"](['dark'])).map(([color]) => ({
+    }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter.default(['dark'])).map(([color]) => ({
       props: {
         color,
         clickable: true
       },
       style: {
-        [`&:hover, &.${chipClasses["default"].focusVisible}`]: {
+        [`&:hover, &.${chipClasses.default.focusVisible}`]: {
           backgroundColor: (theme.vars || theme).palette[color].dark
         }
       }
@@ -270,32 +269,32 @@ const ChipRoot = styled["default"]('div', {
       style: {
         backgroundColor: 'transparent',
         border: theme.vars ? `1px solid ${theme.vars.palette.Chip.defaultBorder}` : `1px solid ${theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[700]}`,
-        [`&.${chipClasses["default"].clickable}:hover`]: {
+        [`&.${chipClasses.default.clickable}:hover`]: {
           backgroundColor: (theme.vars || theme).palette.action.hover
         },
-        [`&.${chipClasses["default"].focusVisible}`]: {
+        [`&.${chipClasses.default.focusVisible}`]: {
           backgroundColor: (theme.vars || theme).palette.action.focus
         },
-        [`& .${chipClasses["default"].avatar}`]: {
+        [`& .${chipClasses.default.avatar}`]: {
           marginLeft: 4
         },
-        [`& .${chipClasses["default"].avatarSmall}`]: {
+        [`& .${chipClasses.default.avatarSmall}`]: {
           marginLeft: 2
         },
-        [`& .${chipClasses["default"].icon}`]: {
+        [`& .${chipClasses.default.icon}`]: {
           marginLeft: 4
         },
-        [`& .${chipClasses["default"].iconSmall}`]: {
+        [`& .${chipClasses.default.iconSmall}`]: {
           marginLeft: 2
         },
-        [`& .${chipClasses["default"].deleteIcon}`]: {
+        [`& .${chipClasses.default.deleteIcon}`]: {
           marginRight: 5
         },
-        [`& .${chipClasses["default"].deleteIconSmall}`]: {
+        [`& .${chipClasses.default.deleteIconSmall}`]: {
           marginRight: 3
         }
       }
-    }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter["default"]()) // no need to check for mainChannel as it's calculated from main
+    }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter.default()) // no need to check for mainChannel as it's calculated from main
     .map(([color]) => ({
       props: {
         variant: 'outlined',
@@ -304,13 +303,13 @@ const ChipRoot = styled["default"]('div', {
       style: {
         color: (theme.vars || theme).palette[color].main,
         border: `1px solid ${theme.alpha((theme.vars || theme).palette[color].main, 0.7)}`,
-        [`&.${chipClasses["default"].clickable}:hover`]: {
+        [`&.${chipClasses.default.clickable}:hover`]: {
           backgroundColor: theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.hoverOpacity)
         },
-        [`&.${chipClasses["default"].focusVisible}`]: {
+        [`&.${chipClasses.default.focusVisible}`]: {
           backgroundColor: theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.focusOpacity)
         },
-        [`& .${chipClasses["default"].deleteIcon}`]: {
+        [`& .${chipClasses.default.deleteIcon}`]: {
           color: theme.alpha((theme.vars || theme).palette[color].main, 0.7),
           '&:hover, &:active': {
             color: (theme.vars || theme).palette[color].main
@@ -320,7 +319,7 @@ const ChipRoot = styled["default"]('div', {
     }))]
   };
 }));
-const ChipLabel = styled["default"]('span', {
+const ChipLabel = styled.default('span', {
   name: 'MuiChip',
   slot: 'Label',
   overridesResolver: (props, styles) => {
@@ -330,7 +329,7 @@ const ChipLabel = styled["default"]('span', {
     const {
       size
     } = ownerState;
-    return [styles.label, styles[`label${capitalize["default"](size)}`]];
+    return [styles.label, styles[`label${capitalize.default(size)}`]];
   }
 })({
   overflow: 'hidden',
@@ -401,7 +400,7 @@ const Chip = /*#__PURE__*/React__namespace.forwardRef(function Chip(inProps, ref
     ...other
   } = props;
   const chipRef = React__namespace.useRef(null);
-  const handleRef = useForkRef["default"](chipRef, ref);
+  const handleRef = useForkRef.default(chipRef, ref);
   const handleDeleteIconClick = event => {
     // Stop the event from bubbling up to the `Chip`
     event.stopPropagation();
@@ -432,7 +431,7 @@ const Chip = /*#__PURE__*/React__namespace.forwardRef(function Chip(inProps, ref
     }
   };
   const clickable = clickableProp !== false && onClick ? true : clickableProp;
-  const component = clickable || onDelete ? ButtonBase["default"] : ComponentProp || 'div';
+  const component = clickable || onDelete ? ButtonBase.default : ComponentProp || 'div';
   const ownerState = {
     ...props,
     component,
@@ -445,7 +444,7 @@ const Chip = /*#__PURE__*/React__namespace.forwardRef(function Chip(inProps, ref
     variant
   };
   const classes = useUtilityClasses(ownerState);
-  const moreProps = component === ButtonBase["default"] ? {
+  const moreProps = component === ButtonBase.default ? {
     component: ComponentProp || 'div',
     focusVisibleClassName: classes.focusVisible,
     ...(onDelete && {
@@ -457,7 +456,7 @@ const Chip = /*#__PURE__*/React__namespace.forwardRef(function Chip(inProps, ref
     deleteIcon = deleteIconProp && /*#__PURE__*/React__namespace.isValidElement(deleteIconProp) ? (/*#__PURE__*/React__namespace.cloneElement(deleteIconProp, {
       className: clsx.clsx(deleteIconProp.props.className, classes.deleteIcon),
       onClick: handleDeleteIconClick
-    })) : /*#__PURE__*/jsxRuntime.jsx(Cancel["default"], {
+    })) : /*#__PURE__*/jsxRuntime.jsx(Cancel.default, {
       className: classes.deleteIcon,
       onClick: handleDeleteIconClick
     });
@@ -483,7 +482,7 @@ const Chip = /*#__PURE__*/React__namespace.forwardRef(function Chip(inProps, ref
     slots,
     slotProps
   };
-  const [RootSlot, rootProps] = useSlot["default"]('root', {
+  const [RootSlot, rootProps] = useSlot.default('root', {
     elementType: ChipRoot,
     externalForwardedProps: {
       ...externalForwardedProps,
@@ -507,15 +506,15 @@ const Chip = /*#__PURE__*/React__namespace.forwardRef(function Chip(inProps, ref
       },
       onKeyDown: event => {
         handlers.onKeyDown?.(event);
-        handleKeyDown?.(event);
+        handleKeyDown(event);
       },
       onKeyUp: event => {
         handlers.onKeyUp?.(event);
-        handleKeyUp?.(event);
+        handleKeyUp(event);
       }
     })
   });
-  const [LabelSlot, labelProps] = useSlot["default"]('label', {
+  const [LabelSlot, labelProps] = useSlot.default('label', {
     elementType: ChipLabel,
     externalForwardedProps,
     ownerState,
@@ -538,20 +537,20 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes /* remove-proptypes */ =
   /**
    * The Avatar element to display.
    */
-  avatar: index["default"].element,
+  avatar: index.default.element,
   /**
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
    */
-  children: unsupportedProp["default"],
+  children: unsupportedProp.default,
   /**
    * 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,
   /**
    * If `true`, the chip will appear clickable, and will raise when pressed,
    * even if the onClick prop is not defined.
@@ -560,95 +559,94 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes /* remove-proptypes */ =
    * along with the component prop to indicate an anchor Chip is clickable.
    * Note: this controls the UI and does not affect the onClick event.
    */
-  clickable: index["default"].bool,
+  clickable: index.default.bool,
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'default'
    */
-  color: index["default"] /* @typescript-to-proptypes-ignore */.oneOfType([index["default"].oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), index["default"].string]),
+  color: index.default /* @typescript-to-proptypes-ignore */.oneOfType([index.default.oneOf(['default', '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,
   /**
    * Override the default delete icon element. Shown only if `onDelete` is set.
    */
-  deleteIcon: index["default"].element,
+  deleteIcon: index.default.element,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: index["default"].bool,
+  disabled: index.default.bool,
   /**
    * Icon element.
    */
-  icon: index["default"].element,
+  icon: index.default.element,
   /**
    * The content of the component.
    */
-  label: index["default"].node,
+  label: index.default.node,
   /**
    * @ignore
    */
-  onClick: index["default"].func,
+  onClick: index.default.func,
   /**
    * Callback fired when the delete icon is clicked.
    * If set, the delete icon will be shown.
    */
-  onDelete: index["default"].func,
+  onDelete: index.default.func,
   /**
    * @ignore
    */
-  onKeyDown: index["default"].func,
+  onKeyDown: index.default.func,
   /**
    * @ignore
    */
-  onKeyUp: index["default"].func,
+  onKeyUp: index.default.func,
   /**
    * 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]),
   /**
    * If `true`, allows the disabled chip to escape focus.
    * If `false`, allows the disabled chip to receive focus.
    * @default false
    */
-  skipFocusWhenDisabled: index["default"].bool,
+  skipFocusWhenDisabled: index.default.bool,
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: index["default"].shape({
-    label: index["default"].oneOfType([index["default"].func, index["default"].object]),
-    root: index["default"].oneOfType([index["default"].func, index["default"].object])
+  slotProps: index.default.shape({
+    label: index.default.oneOfType([index.default.func, index.default.object]),
+    root: index.default.oneOfType([index.default.func, index.default.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: index["default"].shape({
-    label: index["default"].elementType,
-    root: index["default"].elementType
+  slots: index.default.shape({
+    label: index.default.elementType,
+    root: 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]),
   /**
    * @ignore
    */
-  tabIndex: index["default"].number,
+  tabIndex: index.default.number,
   /**
    * The variant to use.
    * @default 'filled'
    */
-  variant: index["default"] /* @typescript-to-proptypes-ignore */.oneOfType([index["default"].oneOf(['filled', 'outlined']), index["default"].string])
+  variant: index.default /* @typescript-to-proptypes-ignore */.oneOfType([index.default.oneOf(['filled', 'outlined']), index.default.string])
 } : void 0;
-var Chip$1 = Chip;
 
-exports["default"] = Chip$1;
+exports.default = Chip;
 //# sourceMappingURL=Chip.js.map