@mui/x-data-grid 8.0.0-alpha.12 → 8.0.0-alpha.14

package/esm/locales/huHU.js

@@ -4,9 +4,8 @@ const huHUGrid = {
   // Root
   noRowsLabel: 'Nincsenek sorok',
   noResultsOverlayLabel: 'Nincs találat.',
-  // noColumnsOverlayLabel: 'No columns',
-  // noColumnsOverlayManageColumns: 'Manage columns',
-
+  noColumnsOverlayLabel: 'Nincsenek oszlopok',
+  noColumnsOverlayManageColumns: 'Oszlopok kezelése',
   // Density selector toolbar button text
   toolbarDensity: 'Sormagasság',
   toolbarDensityLabel: 'Sormagasság',
@@ -48,8 +47,7 @@ const huHUGrid = {
   columnsManagementNoColumns: 'Nincsenek oszlopok',
   columnsManagementShowHideAllText: 'Összes',
   columnsManagementReset: 'Visszavon',
-  // columnsManagementDeleteIconLabel: 'Clear',
-
+  columnsManagementDeleteIconLabel: 'Törlés',
   // Filter panel text
   filterPanelAddFilter: 'Szűrő hozzáadása',
   filterPanelRemoveAll: 'Összes törlése',
@@ -63,9 +61,9 @@ const huHUGrid = {
   filterPanelInputPlaceholder: 'Érték szűrése',
   // Filter operators text
   filterOperatorContains: 'tartalmazza:',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: 'nem tartalmazza',
   filterOperatorEquals: 'egyenlő ezzel:',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: 'nem egyenlő',
   filterOperatorStartsWith: 'ezzel kezdődik:',
   filterOperatorEndsWith: 'ezzel végződik:',
   filterOperatorIs: 'a következő:',
@@ -85,13 +83,13 @@ const huHUGrid = {
   'filterOperator<=': '<=',
   // Header filter operators text
   headerFilterOperatorContains: 'Tartalmazza:',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: 'Nem tartalmazza',
   headerFilterOperatorEquals: 'Egyenlő ezzel:',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: 'Nem egyenlő',
   headerFilterOperatorStartsWith: 'Ezzel kezdődik:',
   headerFilterOperatorEndsWith: 'Ezzel végződik:',
-  // headerFilterOperatorIs: 'Is',
-  // headerFilterOperatorNot: 'Is not',
+  headerFilterOperatorIs: 'Megegyezik',
+  headerFilterOperatorNot: 'Nem egyezik meg',
   headerFilterOperatorAfter: 'Ezutáni:',
   headerFilterOperatorOnOrAfter: 'Ekkori vagy ezutáni:',
   headerFilterOperatorBefore: 'Ezelőtti:',
@@ -105,8 +103,7 @@ const huHUGrid = {
   'headerFilterOperator>=': 'Nagyobb vagy egyenlő',
   'headerFilterOperator<': 'Kisebb mint',
   'headerFilterOperator<=': 'Kisebb vagy egyenlő',
-  // headerFilterClear: 'Clear filter',
-
+  headerFilterClear: 'Szűrő ürítése',
   // Filter values text
   filterValueAny: 'bármilyen',
   filterValueTrue: 'igaz',

package/esm/locales/index.d.ts

@@ -1,6 +1,7 @@
 export * from "./arSD.js";
 export * from "./beBY.js";
 export * from "./bgBG.js";
+export * from "./bnBD.js";
 export * from "./csCZ.js";
 export * from "./daDK.js";
 export * from "./deDE.js";

package/esm/locales/index.js

@@ -2,6 +2,7 @@
 export * from "./arSD.js";
 export * from "./beBY.js";
 export * from "./bgBG.js";
+export * from "./bnBD.js";
 export * from "./csCZ.js";
 export * from "./daDK.js";
 export * from "./deDE.js";

package/esm/locales/ruRU.js

@@ -15,9 +15,8 @@ const ruRUGrid = {
   // Root
   noRowsLabel: 'Нет строк',
   noResultsOverlayLabel: 'Данные не найдены.',
-  // noColumnsOverlayLabel: 'No columns',
-  // noColumnsOverlayManageColumns: 'Manage columns',
-
+  noColumnsOverlayLabel: 'Нет столбцов',
+  noColumnsOverlayManageColumns: 'Управление столбцами',
   // Density selector toolbar button text
   toolbarDensity: 'Высота строки',
   toolbarDensityLabel: 'Высота строки',
@@ -42,16 +41,15 @@ const ruRUGrid = {
   toolbarQuickFilterLabel: 'Поиск',
   toolbarQuickFilterDeleteIconLabel: 'Очистить',
   // Prompt toolbar field
-  // toolbarPromptControlPlaceholder: 'Type a prompt…',
-  // toolbarPromptControlWithRecordingPlaceholder: 'Type or record a prompt…',
-  // toolbarPromptControlRecordingPlaceholder: 'Listening for prompt…',
-  // toolbarPromptControlLabel: 'Prompt input',
-  // toolbarPromptControlRecordButtonDefaultLabel: 'Record',
-  // toolbarPromptControlRecordButtonActiveLabel: 'Stop recording',
-  // toolbarPromptControlSendActionLabel: 'Send',
-  // toolbarPromptControlSendActionAriaLabel: 'Send prompt',
-  // toolbarPromptControlErrorMessage: 'An error occurred while processing the request. Please try again with a different prompt.',
-
+  toolbarPromptControlPlaceholder: 'Введите запрос…',
+  toolbarPromptControlWithRecordingPlaceholder: 'Введите или запишите запрос…',
+  toolbarPromptControlRecordingPlaceholder: 'Прослушивание запроса…',
+  toolbarPromptControlLabel: 'Ввод запроса',
+  toolbarPromptControlRecordButtonDefaultLabel: 'Запись',
+  toolbarPromptControlRecordButtonActiveLabel: 'Остановить запись',
+  toolbarPromptControlSendActionLabel: 'Отправить',
+  toolbarPromptControlSendActionAriaLabel: 'Отправить запрос',
+  toolbarPromptControlErrorMessage: 'При обработке запроса произошла ошибка. Пожалуйста, повторите попытку с другим запросом.',
   // Export selector toolbar button text
   toolbarExport: 'Экспорт',
   toolbarExportLabel: 'Экспорт',
@@ -63,8 +61,7 @@ const ruRUGrid = {
   columnsManagementNoColumns: 'Нет столбцов',
   columnsManagementShowHideAllText: 'Показать/Скрыть Всё',
   columnsManagementReset: 'Сбросить',
-  // columnsManagementDeleteIconLabel: 'Clear',
-
+  columnsManagementDeleteIconLabel: 'Очистить',
   // Filter panel text
   filterPanelAddFilter: 'Добавить фильтр',
   filterPanelRemoveAll: 'Очистить фильтр',
@@ -78,9 +75,9 @@ const ruRUGrid = {
   filterPanelInputPlaceholder: 'Значение фильтра',
   // Filter operators text
   filterOperatorContains: 'содержит',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: 'не содержит',
   filterOperatorEquals: 'равен',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: 'не равен',
   filterOperatorStartsWith: 'начинается с',
   filterOperatorEndsWith: 'заканчивается на',
   filterOperatorIs: 'равен',
@@ -100,9 +97,9 @@ const ruRUGrid = {
   'filterOperator<=': '<=',
   // Header filter operators text
   headerFilterOperatorContains: 'содержит',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: 'не содержит',
   headerFilterOperatorEquals: 'равен',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: 'не равен',
   headerFilterOperatorStartsWith: 'начинается с',
   headerFilterOperatorEndsWith: 'заканчивается на',
   headerFilterOperatorIs: 'равен',
@@ -120,8 +117,7 @@ const ruRUGrid = {
   'headerFilterOperator>=': 'больше или равно',
   'headerFilterOperator<': 'меньше чем',
   'headerFilterOperator<=': 'меньше или равно',
-  // headerFilterClear: 'Clear filter',
-
+  headerFilterClear: 'Очистить фильтр',
   // Filter values text
   filterValueAny: 'любой',
   filterValueTrue: 'истина',

package/esm/material/icons/index.d.ts

@@ -58,9 +58,6 @@ export declare const GridLoadIcon: import("@mui/material/OverridableComponent").
 export declare const GridDragIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
-export declare const GridSaveAltIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
 export declare const GridCheckIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
@@ -81,4 +78,7 @@ export declare const GridDeleteIcon: import("@mui/material/OverridableComponent"
 };
 export declare const GridDeleteForeverIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
+};
+export declare const GridDownloadIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+  muiName: string;
 };

package/esm/material/icons/index.js

@@ -29,7 +29,7 @@ export const GridCheckCircleIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
 }), 'CheckCircle');
 export const GridColumnIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
-  d: "M6 5H3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1zm14 0h-3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1zm-7 0h-3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1z"
+  d: "M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z"
 }), 'ColumnIcon');
 export const GridSeparatorIcon = createSvgIcon(/*#__PURE__*/_jsx("rect", {
   width: "1",
@@ -64,9 +64,6 @@ export const GridLoadIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
 export const GridDragIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
 }), 'Drag');
-export const GridSaveAltIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
-  d: "M19 12v7H5v-7H3v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zm-6 .67l2.59-2.58L17 11.5l-5 5-5-5 1.41-1.41L11 12.67V3h2z"
-}), 'SaveAlt');
 export const GridCheckIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
 }), 'Check');
@@ -82,11 +79,14 @@ export const GridViewColumnIcon = createSvgIcon(/*#__PURE__*/_jsx("g", {
   })
 }), 'ViewColumn');
 export const GridClearIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
-  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+  d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
 }), 'Clear');
 export const GridDeleteIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
 }), 'Delete');
 export const GridDeleteForeverIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"
-}), 'Delete');
+}), 'Delete');
+export const GridDownloadIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+  d: "M5 20h14v-2H5zM19 9h-4V3H9v6H5l7 7z"
+}), 'Download');

package/esm/material/index.d.ts

@@ -1,4 +1,5 @@
 import type { GridIconSlotsComponent } from '../models';
 import type { GridBaseSlots } from '../models/gridSlotsComponent';
+export { useMaterialCSSVariables } from "./variables.js";
 declare const materialSlots: GridBaseSlots & GridIconSlotsComponent;
 export default materialSlots;

package/esm/material/index.js

@@ -1,13 +1,18 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["id", "label", "labelId", "disabled", "slotProps", "onChange", "onKeyDown", "onOpen", "onClose", "size", "style", "fullWidth"],
-  _excluded2 = ["autoFocus", "label", "fullWidth", "slotProps", "className", "density"],
+  _excluded2 = ["autoFocus", "label", "fullWidth", "slotProps", "className"],
   _excluded3 = ["inert", "iconStart", "iconEnd", "children"],
   _excluded4 = ["slotProps"],
-  _excluded5 = ["slotProps"],
-  _excluded6 = ["native"];
+  _excluded5 = ["id", "multiple", "freeSolo", "options", "getOptionLabel", "isOptionEqualToValue", "value", "onChange", "label", "placeholder", "slotProps"],
+  _excluded6 = ["key"],
+  _excluded7 = ["inputProps", "InputProps", "InputLabelProps"],
+  _excluded8 = ["slotProps"],
+  _excluded9 = ["native"];
 import * as React from 'react';
 import useForkRef from '@mui/utils/useForkRef';
+import { styled } from '@mui/material/styles';
+import MUIAutocomplete from '@mui/material/Autocomplete';
 import MUIBadge from '@mui/material/Badge';
 import MUICheckbox from '@mui/material/Checkbox';
 import MUIChip from '@mui/material/Chip';
@@ -22,12 +27,12 @@ import MUIMenuList from '@mui/material/MenuList';
 import MUIMenuItem from '@mui/material/MenuItem';
 import MUITextField from '@mui/material/TextField';
 import MUIFormControl from '@mui/material/FormControl';
-import MUIFormControlLabel from '@mui/material/FormControlLabel';
+import MUIFormControlLabel, { formControlLabelClasses } from '@mui/material/FormControlLabel';
 import MUISelect from '@mui/material/Select';
 import MUISwitch from '@mui/material/Switch';
 import MUIButton from '@mui/material/Button';
-import MUIIconButton from '@mui/material/IconButton';
-import MUIInputAdornment from '@mui/material/InputAdornment';
+import MUIIconButton, { iconButtonClasses } from '@mui/material/IconButton';
+import MUIInputAdornment, { inputAdornmentClasses } from '@mui/material/InputAdornment';
 import MUITooltip from '@mui/material/Tooltip';
 import MUIPopper from '@mui/material/Popper';
 import MUIClickAwayListener from '@mui/material/ClickAwayListener';
@@ -37,12 +42,50 @@ import MUIInputLabel from '@mui/material/InputLabel';
 import MUISkeleton from '@mui/material/Skeleton';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { GridColumnUnsortedIcon } from "./icons/GridColumnUnsortedIcon.js";
-import { GridAddIcon, GridArrowDownwardIcon, GridArrowUpwardIcon, GridCheckIcon, GridCloseIcon, GridColumnIcon, GridDragIcon, GridExpandMoreIcon, GridFilterAltIcon, GridFilterListIcon, GridKeyboardArrowRight, GridMoreVertIcon, GridRemoveIcon, GridSaveAltIcon, GridSearchIcon, GridSeparatorIcon, GridTableRowsIcon, GridTripleDotsVerticalIcon, GridViewHeadlineIcon, GridViewStreamIcon, GridVisibilityOffIcon, GridViewColumnIcon, GridClearIcon, GridLoadIcon, GridDeleteForeverIcon } from "./icons/index.js";
+import { GridAddIcon, GridArrowDownwardIcon, GridArrowUpwardIcon, GridCheckIcon, GridCloseIcon, GridColumnIcon, GridDragIcon, GridExpandMoreIcon, GridFilterAltIcon, GridFilterListIcon, GridKeyboardArrowRight, GridMoreVertIcon, GridRemoveIcon, GridSearchIcon, GridSeparatorIcon, GridTableRowsIcon, GridTripleDotsVerticalIcon, GridViewHeadlineIcon, GridViewStreamIcon, GridVisibilityOffIcon, GridViewColumnIcon, GridClearIcon, GridLoadIcon, GridDeleteForeverIcon, GridDownloadIcon } from "./icons/index.js";
 import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export { useMaterialCSSVariables } from "./variables.js";
 const ClickAwayListener = forwardRef(MUIClickAwayListener);
+const InputAdornment = styled(MUIInputAdornment)({
+  [`&.${inputAdornmentClasses.positionEnd} .${iconButtonClasses.sizeSmall}`]: {
+    marginRight: '-7px'
+  }
+});
+const FormControlLabel = styled(MUIFormControlLabel, {
+  shouldForwardProp: prop => prop !== 'fullWidth'
+})(({
+  theme
+}) => ({
+  gap: theme.spacing(0.5),
+  margin: 0,
+  [`& .${formControlLabelClasses.label}`]: {
+    fontSize: theme.typography.pxToRem(14)
+  },
+  variants: [{
+    props: {
+      fullWidth: true
+    },
+    style: {
+      width: '100%'
+    }
+  }]
+}));
+const Checkbox = styled(MUICheckbox, {
+  shouldForwardProp: prop => prop !== 'density'
+})(({
+  theme
+}) => ({
+  variants: [{
+    props: {
+      density: 'compact'
+    },
+    style: {
+      padding: theme.spacing(0.5)
+    }
+  }]
+}));
 const BaseSelect = forwardRef(function BaseSelect(props, ref) {
-  const rootProps = useGridRootProps();
   const {
       id,
       label,
@@ -58,21 +101,27 @@ const BaseSelect = forwardRef(function BaseSelect(props, ref) {
       fullWidth
     } = props,
     rest = _objectWithoutPropertiesLoose(props, _excluded);
-  return /*#__PURE__*/_jsxs(MUIFormControl, _extends({
+  const menuProps = {
+    PaperProps: {
+      onKeyDown
+    }
+  };
+  if (onClose) {
+    menuProps.onClose = onClose;
+  }
+  return /*#__PURE__*/_jsxs(MUIFormControl, {
     size: size,
     fullWidth: fullWidth,
     style: style,
-    disabled: disabled
-  }, rootProps.slotProps?.baseFormControl, {
+    disabled: disabled,
     ref: ref,
-    children: [/*#__PURE__*/_jsx(MUIInputLabel, _extends({
+    children: [/*#__PURE__*/_jsx(MUIInputLabel, {
       id: labelId,
       htmlFor: id,
       shrink: true,
-      variant: "outlined"
-    }, rootProps.slotProps?.baseInputLabel, {
+      variant: "outlined",
       children: label
-    })), /*#__PURE__*/_jsx(MUISelect, _extends({
+    }), /*#__PURE__*/_jsx(MUISelect, _extends({
       id: id,
       labelId: labelId,
       label: label,
@@ -83,15 +132,10 @@ const BaseSelect = forwardRef(function BaseSelect(props, ref) {
       notched: true,
       inputProps: slotProps?.htmlInput,
       onOpen: onOpen,
-      MenuProps: {
-        onClose,
-        PaperProps: {
-          onKeyDown
-        }
-      },
+      MenuProps: menuProps,
       size: size
     }))]
-  }));
+  });
 });
 
 /* eslint-disable material-ui/disallow-react-api-in-server-components */
@@ -111,7 +155,7 @@ const iconSlots = {
   densityCompactIcon: GridViewHeadlineIcon,
   densityStandardIcon: GridTableRowsIcon,
   densityComfortableIcon: GridViewStreamIcon,
-  exportIcon: GridSaveAltIcon,
+  exportIcon: GridDownloadIcon,
   moreActionsIcon: GridMoreVertIcon,
   treeDataCollapseIcon: GridExpandMoreIcon,
   treeDataExpandIcon: GridKeyboardArrowRight,
@@ -121,7 +165,7 @@ const iconSlots = {
   detailPanelCollapseIcon: GridRemoveIcon,
   rowReorderIcon: GridDragIcon,
   quickFilterIcon: GridSearchIcon,
-  quickFilterClearIcon: GridCloseIcon,
+  quickFilterClearIcon: GridClearIcon,
   columnMenuHideIcon: GridVisibilityOffIcon,
   columnMenuSortAscendingIcon: GridArrowUpwardIcon,
   columnMenuSortDescendingIcon: GridArrowDownwardIcon,
@@ -135,6 +179,7 @@ const iconSlots = {
   menuItemCheckIcon: GridCheckIcon
 };
 const baseSlots = {
+  baseAutocomplete: BaseAutocomplete,
   baseBadge: MUIBadge,
   baseCheckbox: /*#__PURE__*/React.forwardRef(BaseCheckbox),
   baseCircularProgress: MUICircularProgress,
@@ -144,38 +189,29 @@ const baseSlots = {
   baseMenuList: BaseMenuList,
   baseMenuItem: BaseMenuItem,
   baseTextField: BaseTextField,
-  baseFormControl: MUIFormControl,
   baseButton: MUIButton,
   baseIconButton: MUIIconButton,
-  baseInputAdornment: MUIInputAdornment,
   baseTooltip: MUITooltip,
   basePopper: BasePopper,
-  baseInputLabel: MUIInputLabel,
   baseSelect: BaseSelect,
   baseSelectOption: BaseSelectOption,
   baseSkeleton: MUISkeleton,
-  baseSwitch: MUISwitch,
-  baseChip: MUIChip
+  baseSwitch: MUISwitch
 };
 const materialSlots = _extends({}, baseSlots, iconSlots);
 export default materialSlots;
-const CHECKBOX_COMPACT = {
-  p: 0.5
-};
 function BaseCheckbox(props, ref) {
   const {
       autoFocus,
       label,
       fullWidth,
       slotProps,
-      className,
-      density
+      className
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded2);
   const elementRef = React.useRef(null);
   const handleRef = useForkRef(elementRef, ref);
   const rippleRef = React.useRef(null);
-  const sx = density === 'compact' ? CHECKBOX_COMPACT : undefined;
   React.useEffect(() => {
     if (autoFocus) {
       const input = elementRef.current?.querySelector('input');
@@ -189,27 +225,22 @@ function BaseCheckbox(props, ref) {
     }
   }, [autoFocus]);
   if (!label) {
-    return /*#__PURE__*/_jsx(MUICheckbox, _extends({}, other, {
+    return /*#__PURE__*/_jsx(Checkbox, _extends({}, other, {
       className: className,
       inputProps: slotProps?.htmlInput,
       ref: handleRef,
-      sx: sx,
       touchRippleRef: rippleRef
     }));
   }
-  return /*#__PURE__*/_jsx(MUIFormControlLabel, {
+  return /*#__PURE__*/_jsx(FormControlLabel, {
     className: className,
-    control: /*#__PURE__*/_jsx(MUICheckbox, _extends({}, other, {
+    control: /*#__PURE__*/_jsx(Checkbox, _extends({}, other, {
       inputProps: slotProps?.htmlInput,
       ref: handleRef,
-      sx: sx,
       touchRippleRef: rippleRef
     })),
     label: label,
-    sx: fullWidth ? {
-      width: '100%',
-      margin: 0
-    } : undefined
+    fullWidth: fullWidth
   });
 }
 function BaseMenuList(props) {
@@ -245,20 +276,102 @@ function BaseTextField(props) {
     variant: "outlined"
   }, rest, {
     inputProps: slotProps?.htmlInput,
-    InputProps: slotProps?.input,
+    InputProps: transformInputProps(slotProps?.input),
     InputLabelProps: _extends({
       shrink: true
     }, slotProps?.inputLabel)
   }));
 }
-function BaseInput(props) {
+function BaseAutocomplete(props) {
+  const rootProps = useGridRootProps();
   const {
+      id,
+      multiple,
+      freeSolo,
+      options,
+      getOptionLabel,
+      isOptionEqualToValue,
+      value,
+      onChange,
+      label,
+      placeholder,
       slotProps
     } = props,
     rest = _objectWithoutPropertiesLoose(props, _excluded5);
-  return /*#__PURE__*/_jsx(MUIInputBase, _extends({}, rest, {
-    inputProps: slotProps?.htmlInput
-  }));
+  return /*#__PURE__*/_jsx(MUIAutocomplete, _extends({
+    id: id,
+    multiple: multiple,
+    freeSolo: freeSolo,
+    options: options,
+    getOptionLabel: getOptionLabel,
+    isOptionEqualToValue: isOptionEqualToValue,
+    value: value,
+    onChange: onChange,
+    renderTags: (currentValue, getTagProps) => currentValue.map((option, index) => {
+      const _getTagProps = getTagProps({
+          index
+        }),
+        {
+          key
+        } = _getTagProps,
+        tagProps = _objectWithoutPropertiesLoose(_getTagProps, _excluded6);
+      return /*#__PURE__*/_jsx(MUIChip, _extends({
+        variant: "outlined",
+        size: "small",
+        label: typeof option === 'string' ? option : getOptionLabel?.(option)
+      }, tagProps), key);
+    }),
+    renderInput: params => {
+      const {
+          inputProps,
+          InputProps,
+          InputLabelProps
+        } = params,
+        inputRest = _objectWithoutPropertiesLoose(params, _excluded7);
+      return /*#__PURE__*/_jsx(rootProps.slots.baseTextField, _extends({}, inputRest, {
+        label: label,
+        placeholder: placeholder,
+        slotProps: {
+          input: InputProps,
+          inputLabel: InputLabelProps,
+          htmlInput: inputProps
+        }
+      }, slotProps?.textField, rootProps.slotProps?.baseTextField));
+    }
+  }, rest));
+}
+function BaseInput(props) {
+  return /*#__PURE__*/_jsx(MUIInputBase, _extends({}, transformInputProps(props)));
+}
+function transformInputProps(props) {
+  if (!props) {
+    return undefined;
+  }
+  const {
+      slotProps
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded8);
+  const result = rest;
+  if (result.startAdornment) {
+    result.startAdornment = /*#__PURE__*/_jsx(InputAdornment, {
+      position: "start",
+      children: result.startAdornment
+    });
+  }
+  if (result.endAdornment) {
+    result.endAdornment = /*#__PURE__*/_jsx(InputAdornment, {
+      position: "end",
+      children: result.endAdornment
+    });
+  }
+  if (slotProps?.htmlInput) {
+    if (result.inputProps) {
+      result.inputProps = _extends({}, result.inputProps, slotProps?.htmlInput);
+    } else {
+      result.inputProps = slotProps?.htmlInput;
+    }
+  }
+  return result;
 }
 const transformOrigin = {
   'bottom-start': 'top left',
@@ -353,15 +466,17 @@ function focusTrapWrapper(props, content) {
   return /*#__PURE__*/_jsx(MUIFocusTrap, {
     open: true,
     disableEnforceFocus: true,
-    isEnabled: () => props.focusTrapEnabled ?? true,
-    children: content
+    children: /*#__PURE__*/_jsx("div", {
+      tabIndex: -1,
+      children: content
+    })
   });
 }
 function BaseSelectOption(_ref) {
   let {
       native
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded6);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded9);
   if (native) {
     return /*#__PURE__*/_jsx("option", _extends({}, props));
   }

package/esm/material/variables.d.ts

@@ -0,0 +1,5 @@
+import { type GridCSSVariablesInterface } from "../constants/cssVariables.js";
+export declare function useMaterialCSSVariables(): {
+  id: string;
+  variables: GridCSSVariablesInterface;
+};