@mui/codemod 9.0.0-alpha.4 → 9.0.0-beta.0

package/CHANGELOG.md

@@ -1,5 +1,62 @@
 # [Versions](https://mui.com/versions/)
 
+## 9.0.0-beta.0
+
+<!-- generated comparing v9.0.0-alpha.4..master -->
+
+_Mar 25, 2026_
+
+A big thanks to the 8 contributors who made this release possible.
+
+### `@mui/material@9.0.0-beta.0`
+
+#### Breaking Changes
+
+- [linear-progress] Remove deprecated CSS classes (#48068) @mj12albert
+- [list-item, list-item-text] Remove deprecated props (#48042) @siriwatknp
+- [button-group] Remove deprecated classes (#48043) @siriwatknp
+- [card] Remove deprecated CardHeader props (#47995) @silviuaavram
+- [checkbox][radio][switch] Remove deprecated inputProps and inputRef (#48059) @siriwatknp
+- [chip] Remove deprecated classes (#48046) @silviuaavram
+- [dialog][modal][drawer][swipeabledrawer] Remove deprecated props and classes (#48039) @silviuaavram
+- [divider] Remove deprecated CSS classes (#48075) @siriwatknp
+- [drawer] Remove deprecated CSS classes (#48077) @siriwatknp
+- [image-list-item-bar] Remove deprecated CSS classes (#48064) @siriwatknp
+- [inputs] Remove deprecated props & classes (#48071) @mj12albert
+- [material-ui] Remove unnecessary overridesResolvers from styled components (#48082) @ZeeshanTamboli
+- [material-ui][system] Remove deprecated system props from Box, Stack, Typography (#48072) @siriwatknp
+- [pagination-item] Remove deprecated CSS classes (#48076) @siriwatknp
+- [pagination-item] Remove deprecated props (#48038) @siriwatknp
+- [rating] Remove deprecated IconContainerComponent (#48019) @siriwatknp
+- [select] Remove deprecated CSS classes (#48065) @mj12albert
+- [slider] Remove deprecated CSS classes (#48074) @siriwatknp
+- [step-connector][step-content][step-label] Remove deprecated props and classes (#48058) @siriwatknp
+- [tabs][tab] Remove deprecated CSS classes (#48078) @siriwatknp
+- [table-pagination][table-sort-label] Remove deprecated props and classes (#48060) @siriwatknp
+- [toggle-button-group] Remove deprecated classes (#48061) @siriwatknp
+
+#### Changes
+
+- [system] Improve performance when using sx prop (#44254) @romgrk
+
+### `@mui/codemod@9.0.0-beta.0`
+
+- [codemod] Add missing codemod links in upgrade guide (#48069) @silviuaavram
+
+### Docs
+
+- Mention all breaking changes in changelog (#48091) @silviuaavram
+- Fix link to upgrade-to-v9 docs in release CHANGELOG (#48081) @ZeeshanTamboli
+
+### Core
+
+- Update browserslistrc (#48085) @silviuaavram
+- [code-infra] Prevent major version updates of bundler/framework packages in bundling fixtures (#48062) @Copilot
+- [code-infra][icons-material] Avoid material utils barrel in createSvgIcon (#48029) @anchmelev
+- [docs-infra] Migrate more leaf components to mui-docs (#48018) @brijeshb42
+
+All contributors of this release in alphabetical order: @anchmelev, @brijeshb42, @Copilot, @mj12albert, @romgrk, @silviuaavram, @siriwatknp, @ZeeshanTamboli
+
 ## 9.0.0-alpha.4
 
 <!-- generated comparing v9.0.0-alpha.3..master -->
@@ -118,7 +175,7 @@ A big thanks to the 11 contributors who made this release possible.
 - [tablepagination] Format pagination numbers according to locale (#47803) @siriwatknp
 - [textfield] Use non-native label for `<TextField select/>` (#47958) @mj12albert
 
-Check out the [v9 upgrade guide](https://mui.com/material-ui/migration/upgrade-to-v9/).
+Check out the [v9 upgrade guide](https://next.mui.com/material-ui/migration/upgrade-to-v9/).
 
 #### Changes
 
@@ -167,11 +224,16 @@ A big thanks to the 10 contributors who made this release possible. Here are som
 
 ### `@mui/material@9.0.0-alpha.3`
 
+#### Breaking Changes
+
+- [stepper][menulist][tabs] Improve accessibility (#47687) @silviuaavram
+
+#### Changes
+
 - [autocomplete] Add `root` slot (#47852) @GerardasB
 - [autocomplete] Fix popup reopening on window focus regain with openOnFocus (#47790) @aman44444
 - [autocomplete] Support full slots for clearIndicator and popupIndicator (#47891) @silviuaavram
 - [material-ui] Partially revert "[material-ui] Clean up duplicated CSS rules (#47838)" (#47927) @sai6855
-- [stepper][menulist][tabs] Improve accessibility (#47687) @silviuaavram
 
 ### Docs
 
@@ -229,16 +291,21 @@ A big thanks to the 13 contributors who made this release possible. Here are som
 
 ### @mui/material@9.0.0-alpha.1
 
+#### Breaking Changes
+
 - [Autocomplete] Prevents Autocomplete menu from opening on right click (#47797) @silviuaavram
 - [Backdrop] Remove aria-hidden by default (#47798) @silviuaavram
 - [ButtonBase] Ensure that onClick propagates when non-native button is clicked (#47800) @silviuaavram
 - [Dialog][Modal] Remove `disableEscapeKeyDown` prop (#47695) @silviuaavram
 - [Grid] Remove system props support (#47846) @siriwatknp
-- [TableCell][theme] Apply `alpha` before color mixing to border bottom color when nativeColor + cssVariables is used (#47762) @ZeeshanTamboli
 - [theme] Remove MuiTouchRipple from theme component types (#47849) @siriwatknp
-- [Tooltip] Fix error is thrown when wrapping an input which is disabled while focused (#47684) @ZeeshanTamboli
 - [useAutocomplete] Improve isOptionEqualToValue value argument type (#47801) @silviuaavram
 
+#### Changes
+
+- [TableCell][theme] Apply `alpha` before color mixing to border bottom color when nativeColor + cssVariables is used (#47762) @ZeeshanTamboli
+- [Tooltip] Fix error is thrown when wrapping an input which is disabled while focused (#47684) @ZeeshanTamboli
+
 ### Docs
 
 - [docs] Add updated community theme resource (#47847) @PeterTYLiu

package/README.md

@@ -900,6 +900,20 @@ npx @mui/codemod@next deprecations/button-group-classes <path>
 npx @mui/codemod@next deprecations/card-header-props <path>
 ```
 
+#### `checkbox-props`
+
+```diff
+ <Checkbox
+-  inputProps={{ 'aria-label': 'Checkbox' }}
+-  inputRef={ref}
++  slotProps={{ input: { 'aria-label': 'Checkbox', ref } }}
+ />
+```
+
+```bash
+npx @mui/codemod@next deprecations/checkbox-props <path>
+```
+
 #### `chip-classes`
 
 JS transforms:
@@ -1263,6 +1277,46 @@ CSS transforms:
 npx @mui/codemod@next deprecations/drawer-classes <path>
 ```
 
+#### `drawer-props`
+
+```diff
+ <Drawer
+-  BackdropComponent={CustomBackdrop}
+-  BackdropProps={{ transitionDuration: 300 }}
+-  PaperProps={{ elevation: 20 }}
+-  SlideProps={{ direction: 'right' }}
++  slots={{ backdrop: CustomBackdrop }}
++  slotProps={{
++    backdrop: { transitionDuration: 300 },
++    paper: { elevation: 20 },
++    transition: { direction: 'right' },
++  }}
+ />
+```
+
+The same applies to `SwipeableDrawer`.
+
+```diff
+ MuiDrawer: {
+   defaultProps: {
+-    BackdropComponent: CustomBackdrop,
+-    BackdropProps: { transitionDuration: 300 },
+-    PaperProps: { elevation: 20 },
+-    SlideProps: { direction: 'right' },
++    slots: { backdrop: CustomBackdrop },
++    slotProps: {
++      backdrop: { transitionDuration: 300 },
++      paper: { elevation: 20 },
++      transition: { direction: 'right' },
++    },
+   },
+ },
+```
+
+```bash
+npx @mui/codemod@next deprecations/drawer-props <path>
+```
+
 #### `filled-input-props`
 
 ```diff
@@ -1626,6 +1680,40 @@ npx @mui/codemod@next deprecations/modal-props <path>
 npx @mui/codemod@next deprecations/mobile-stepper-props <path>
 ```
 
+#### `menu-props`
+
+```diff
+ <Menu
+-  TransitionComponent={CustomTransition}
+-  MenuListProps={{ disablePadding: true }}
+-  TransitionProps={{ timeout: 200 }}
++  slots={{ transition: CustomTransition }}
++  slotProps={{
++    list: { disablePadding: true },
++    transition: { timeout: 200 },
++  }}
+ />
+```
+
+```diff
+ MuiMenu: {
+   defaultProps: {
+-    TransitionComponent: CustomTransition,
+-    MenuListProps: { disablePadding: true },
+-    TransitionProps: { timeout: 200 },
++    slots: { transition: CustomTransition },
++    slotProps: {
++      list: { disablePadding: true },
++      transition: { timeout: 200 },
++    },
+   },
+ },
+```
+
+```bash
+npx @mui/codemod@next deprecations/menu-props <path>
+```
+
 #### `pagination-item-classes`
 
 JS transforms:
@@ -1712,6 +1800,46 @@ npx @mui/codemod@next deprecations/pagination-item-classes <path>
 npx @mui/codemod@next deprecations/pagination-item-props <path>
 ```
 
+#### `popover-props`
+
+```diff
+ <Popover
+-  BackdropComponent={CustomBackdrop}
+-  BackdropProps={{ timeout: 200 }}
+-  PaperProps={{ elevation: 4 }}
+-  TransitionComponent={CustomTransition}
+-  TransitionProps={{ timeout: 200 }}
++  slots={{ backdrop: CustomBackdrop, transition: CustomTransition }}
++  slotProps={{
++    backdrop: { timeout: 200 },
++    paper: { elevation: 4 },
++    transition: { timeout: 200 },
++  }}
+ />
+```
+
+```diff
+ MuiPopover: {
+   defaultProps: {
+-    BackdropComponent: 'div',
+-    BackdropProps: { timeout: 200 },
+-    PaperProps: { elevation: 8 },
+-    TransitionComponent: 'em',
+-    TransitionProps: { timeout: 200 },
++    slots: { backdrop: 'div', transition: 'em' },
++    slotProps: {
++      backdrop: { timeout: 200 },
++      paper: { elevation: 8 },
++      transition: { timeout: 200 },
++    },
+   },
+ },
+```
+
+```bash
+npx @mui/codemod@next deprecations/popover-props <path>
+```
+
 #### `popper-props`
 
 ```diff
@@ -1781,6 +1909,20 @@ npx @mui/codemod@next deprecations/outlined-input-props <path>
 npx @mui/codemod@next deprecations/rating-props <path>
 ```
 
+#### `radio-props`
+
+```diff
+ <Radio
+-  inputProps={{ 'aria-label': 'Radio' }}
+-  inputRef={ref}
++  slotProps={{ input: { 'aria-label': 'Radio', ref } }}
+ />
+```
+
+```bash
+npx @mui/codemod@next deprecations/radio-props <path>
+```
+
 #### `select-classes`
 
 JS transforms:
@@ -1878,6 +2020,78 @@ npx @mui/codemod@next deprecations/slider-props <path>
 npx @mui/codemod@next deprecations/snackbar-props <path>
 ```
 
+#### `speed-dial-props`
+
+```diff
+ <SpeedDial
+-  TransitionComponent={CustomTransition}
+-  TransitionProps={CustomTransitionProps}
++  slots={{ transition: CustomTransition }}
++  slotProps={{ transition: CustomTransitionProps }}
+ />
+```
+
+```diff
+ MuiSpeedDial: {
+   defaultProps: {
+-    TransitionComponent: CustomTransition,
+-    TransitionProps: CustomTransitionProps,
++    slots: { transition: CustomTransition },
++    slotProps: { transition: CustomTransitionProps },
+   },
+ },
+```
+
+```bash
+npx @mui/codemod@next deprecations/speed-dial-props <path>
+```
+
+#### `speed-dial-action-props`
+
+```diff
+ <SpeedDialAction
+-  FabProps={FabProps}
+-  TooltipClasses={TooltipClasses}
+-  tooltipOpen={true}
+-  tooltipPlacement="top"
+-  tooltipTitle="test"
++  slotProps={{
++    fab: FabProps,
++    tooltip: {
++      classes: TooltipClasses,
++      open: true,
++      placement: 'top',
++      title: 'test',
++    },
++  }}
+ />
+```
+
+```diff
+ MuiSpeedDialAction: {
+   defaultProps: {
+-    FabProps: { id: 'test' },
+-    TooltipClasses: classes,
+-    tooltipOpen: true,
+-    tooltipPlacement: 'top',
+-    tooltipTitle: 'test',
++    slotProps: {
++      fab: { id: 'test' },
++      tooltip: {
++        classes: classes,
++        open: true,
++        placement: 'top',
++        title: 'test',
++      },
++    },
+   },
+ },
+```
+
+```bash
+npx @mui/codemod@next deprecations/speed-dial-action-props <path>
+```
+
 #### `slider-classes`
 
 JS transforms:
@@ -2133,6 +2347,20 @@ npx @mui/codemod@next deprecations/step-content-props <path>
 npx @mui/codemod@next deprecations/step-label-props <path>
 ```
 
+#### `switch-props`
+
+```diff
+ <Switch
+-  inputProps={{ 'aria-label': 'Switch' }}
+-  inputRef={ref}
++  slotProps={{ input: { 'aria-label': 'Switch', ref } }}
+ />
+```
+
+```bash
+npx @mui/codemod@next deprecations/switch-props <path>
+```
+
 #### `text-field-props`
 
 ```diff
@@ -2293,6 +2521,30 @@ npx @mui/codemod@next deprecations/table-sort-label-classes <path>
 npx @mui/codemod@next deprecations/typography-props <path>
 ```
 
+### v9.0.0
+
+#### `system-props`
+
+```bash
+npx @mui/codemod@next v9.0.0/system-props <path>
+```
+
+Remove system props from Box, Stack, Typography, Link, Grid, DialogContentText, TimelineContent, and TimelineOppositeContent components and move them to the `sx` prop.
+
+Compared to the v6 codemod, the v9 version also handles:
+
+- `color="inherit"` on Typography (moved to `sx`)
+- `color="text.secondary"` on Link (moved to `sx`, while keeping named colors like `"primary"` and `"inherit"` as component props)
+- DialogContentText, TimelineContent, and TimelineOppositeContent components
+
+```diff
+-<Typography color="inherit" />
++<Typography sx={{ color: "inherit" }} />
+
+-<Link color="text.secondary" href="#" />
++<Link href="#" sx={{ color: "text.secondary" }} />
+```
+
 ### v7.0.0
 
 #### `theme-color-functions`

package/deprecations/all/deprecations-all.js

@@ -13,6 +13,7 @@ var _avatarGroupProps = _interopRequireDefault(require("../avatar-group-props"))
 var _autocompleteProps = _interopRequireDefault(require("../autocomplete-props"));
 var _avatarProps = _interopRequireDefault(require("../avatar-props"));
 var _backdropProps = _interopRequireDefault(require("../backdrop-props"));
+var _checkboxProps = _interopRequireDefault(require("../checkbox-props"));
 var _buttonClasses = _interopRequireDefault(require("../button-classes"));
 var _buttonGroupClasses = _interopRequireDefault(require("../button-group-classes"));
 var _chipClasses = _interopRequireDefault(require("../chip-classes"));
@@ -32,12 +33,14 @@ var _linearProgressClasses = _interopRequireDefault(require("../linear-progress-
 var _modalProps = _interopRequireDefault(require("../modal-props"));
 var _outlinedInputProps = _interopRequireDefault(require("../outlined-input-props"));
 var _paginationItemProps = _interopRequireDefault(require("../pagination-item-props"));
+var _radioProps = _interopRequireDefault(require("../radio-props"));
 var _paginationItemClasses = _interopRequireDefault(require("../pagination-item-classes"));
 var _popperProps = _interopRequireDefault(require("../popper-props"));
 var _speedDialProps = _interopRequireDefault(require("../speed-dial-props"));
 var _tableSortLabelClasses = _interopRequireDefault(require("../table-sort-label-classes"));
 var _selectClasses = _interopRequireDefault(require("../select-classes"));
 var _stepConnectorClasses = _interopRequireDefault(require("../step-connector-classes"));
+var _switchProps = _interopRequireDefault(require("../switch-props"));
 var _stepContentProps = _interopRequireDefault(require("../step-content-props"));
 var _stepLabelProps = _interopRequireDefault(require("../step-label-props"));
 var _textFieldProps = _interopRequireDefault(require("../text-field-props"));
@@ -70,6 +73,7 @@ function deprecationsAll(file, api, options) {
   file.source = (0, _autocompleteProps.default)(file, api, options);
   file.source = (0, _avatarProps.default)(file, api, options);
   file.source = (0, _backdropProps.default)(file, api, options);
+  file.source = (0, _checkboxProps.default)(file, api, options);
   file.source = (0, _buttonClasses.default)(file, api, options);
   file.source = (0, _buttonGroupClasses.default)(file, api, options);
   file.source = (0, _chipClasses.default)(file, api, options);
@@ -90,8 +94,10 @@ function deprecationsAll(file, api, options) {
   file.source = (0, _outlinedInputProps.default)(file, api, options);
   file.source = (0, _paginationItemClasses.default)(file, api, options);
   file.source = (0, _paginationItemProps.default)(file, api, options);
+  file.source = (0, _radioProps.default)(file, api, options);
   file.source = (0, _popperProps.default)(file, api, options);
   file.source = (0, _speedDialProps.default)(file, api, options);
+  file.source = (0, _switchProps.default)(file, api, options);
   file.source = (0, _stepConnectorClasses.default)(file, api, options);
   file.source = (0, _stepContentProps.default)(file, api, options);
   file.source = (0, _stepLabelProps.default)(file, api, options);

package/deprecations/checkbox-props/checkbox-props.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _movePropIntoSlotProps = _interopRequireDefault(require("../utils/movePropIntoSlotProps"));
+/**
+ * @param {import('jscodeshift').FileInfo} file
+ * @param {import('jscodeshift').API} api
+ */
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions;
+  (0, _movePropIntoSlotProps.default)(j, {
+    root,
+    packageName: options.packageName,
+    componentName: 'Checkbox',
+    propName: 'inputProps',
+    slotName: 'input'
+  });
+  (0, _movePropIntoSlotProps.default)(j, {
+    root,
+    packageName: options.packageName,
+    componentName: 'Checkbox',
+    propName: 'inputRef',
+    slotName: 'input',
+    slotPropName: 'ref'
+  });
+  return root.toSource(printOptions);
+}

package/deprecations/checkbox-props/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _checkboxProps.default;
+  }
+});
+var _checkboxProps = _interopRequireDefault(require("./checkbox-props"));

package/deprecations/checkbox-props/test-cases/actual.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+  inputProps: {
+    'aria-label': 'Checkbox'
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+  inputRef: ref
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+  inputProps: {
+    'aria-label': 'Checkbox'
+  },
+  inputRef: ref
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+  inputProps: {
+    'aria-label': 'Checkbox'
+  },
+  inputRef: ref,
+  slotProps: {
+    root: {
+      id: 'test'
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+  inputProps: {
+    'aria-label': 'Checkbox'
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+  inputRef: ref
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+  inputProps: {
+    'aria-label': 'Checkbox'
+  },
+  inputRef: ref
+});

package/deprecations/checkbox-props/test-cases/expected.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+  slotProps: {
+    input: {
+      'aria-label': 'Checkbox'
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+  slotProps: {
+    input: {
+      ref: ref
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+  slotProps: {
+    input: {
+      'aria-label': 'Checkbox',
+      ref: ref
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+  slotProps: {
+    root: {
+      id: 'test'
+    },
+    input: {
+      'aria-label': 'Checkbox',
+      ref: ref
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+  slotProps: {
+    input: {
+      'aria-label': 'Checkbox'
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+  slotProps: {
+    input: {
+      ref: ref
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+  slotProps: {
+    input: {
+      'aria-label': 'Checkbox',
+      ref: ref
+    }
+  }
+});

package/deprecations/checkbox-props/test-cases/package.actual.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Checkbox = _interopRequireDefault(require("@org/ui/material/Checkbox"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+  inputProps: {
+    'aria-label': 'Checkbox'
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+  inputRef: ref
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+  inputProps: {
+    'aria-label': 'Checkbox'
+  },
+  inputRef: ref
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+  inputProps: {
+    'aria-label': 'Checkbox'
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+  inputRef: ref
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+  inputProps: {
+    'aria-label': 'Checkbox'
+  },
+  inputRef: ref
+});

package/deprecations/checkbox-props/test-cases/package.expected.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Checkbox = _interopRequireDefault(require("@org/ui/material/Checkbox"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+  slotProps: {
+    input: {
+      'aria-label': 'Checkbox'
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+  slotProps: {
+    input: {
+      ref: ref
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+  slotProps: {
+    input: {
+      'aria-label': 'Checkbox',
+      ref: ref
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+  slotProps: {
+    input: {
+      'aria-label': 'Checkbox'
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+  slotProps: {
+    input: {
+      ref: ref
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+  slotProps: {
+    input: {
+      'aria-label': 'Checkbox',
+      ref: ref
+    }
+  }
+});