@mui/x-data-grid 8.0.0-alpha.11 → 8.0.0-alpha.13

package/material/index.js

@@ -1,93 +1,265 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["inert", "iconStart", "iconEnd", "children"],
-  _excluded2 = ["slotProps"];
-import * as React from 'react';
-import MUIBadge from '@mui/material/Badge';
-import MUICheckbox from '@mui/material/Checkbox';
-import MUIChip from '@mui/material/Chip';
-import MUICircularProgress from '@mui/material/CircularProgress';
-import MUIDivider from '@mui/material/Divider';
-import MUILinearProgress from '@mui/material/LinearProgress';
-import MUIListItemIcon from '@mui/material/ListItemIcon';
-import MUIListItemText from '@mui/material/ListItemText';
-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 MUISelect from '@mui/material/Select';
-import MUIButton from '@mui/material/Button';
-import MUIIconButton from '@mui/material/IconButton';
-import MUIInputAdornment from '@mui/material/InputAdornment';
-import MUITooltip from '@mui/material/Tooltip';
-import MUIPopper from '@mui/material/Popper';
-import MUIInputLabel from '@mui/material/InputLabel';
-import MUISkeleton from '@mui/material/Skeleton';
-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 MUISelectOption from "./components/MUISelectOption.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "useMaterialCSSVariables", {
+  enumerable: true,
+  get: function () {
+    return _variables.useMaterialCSSVariables;
+  }
+});
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _styles = require("@mui/material/styles");
+var _Autocomplete = _interopRequireDefault(require("@mui/material/Autocomplete"));
+var _Badge = _interopRequireDefault(require("@mui/material/Badge"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
+var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
+var _InputBase = _interopRequireDefault(require("@mui/material/InputBase"));
+var _Unstable_TrapFocus = _interopRequireDefault(require("@mui/material/Unstable_TrapFocus"));
+var _LinearProgress = _interopRequireDefault(require("@mui/material/LinearProgress"));
+var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
+var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
+var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _FormControlLabel = _interopRequireWildcard(require("@mui/material/FormControlLabel"));
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _IconButton = _interopRequireWildcard(require("@mui/material/IconButton"));
+var _InputAdornment = _interopRequireWildcard(require("@mui/material/InputAdornment"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
+var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAwayListener"));
+var _Grow = _interopRequireDefault(require("@mui/material/Grow"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
+var _forwardRef = require("@mui/x-internals/forwardRef");
+var _GridColumnUnsortedIcon = require("./icons/GridColumnUnsortedIcon");
+var _icons = require("./icons");
+var _useGridRootProps = require("../hooks/utils/useGridRootProps");
+var _jsxRuntime = require("react/jsx-runtime");
+var _variables = require("./variables");
+const _excluded = ["id", "label", "labelId", "disabled", "slotProps", "onChange", "onKeyDown", "onOpen", "onClose", "size", "style", "fullWidth"],
+  _excluded2 = ["autoFocus", "label", "fullWidth", "slotProps", "className"],
+  _excluded3 = ["inert", "iconStart", "iconEnd", "children"],
+  _excluded4 = ["slotProps"],
+  _excluded5 = ["id", "multiple", "freeSolo", "options", "getOptionLabel", "isOptionEqualToValue", "value", "onChange", "label", "placeholder", "slotProps"],
+  _excluded6 = ["key"],
+  _excluded7 = ["inputProps", "InputProps", "InputLabelProps"],
+  _excluded8 = ["slotProps"],
+  _excluded9 = ["native"];
+const ClickAwayListener = (0, _forwardRef.forwardRef)(_ClickAwayListener.default);
+const InputAdornment = (0, _styles.styled)(_InputAdornment.default)({
+  [`&.${_InputAdornment.inputAdornmentClasses.positionEnd} .${_IconButton.iconButtonClasses.sizeSmall}`]: {
+    marginRight: '-7px'
+  }
+});
+const FormControlLabel = (0, _styles.styled)(_FormControlLabel.default, {
+  shouldForwardProp: prop => prop !== 'fullWidth'
+})(({
+  theme
+}) => ({
+  gap: theme.spacing(0.5),
+  margin: 0,
+  [`& .${_FormControlLabel.formControlLabelClasses.label}`]: {
+    fontSize: theme.typography.pxToRem(14)
+  },
+  variants: [{
+    props: {
+      fullWidth: true
+    },
+    style: {
+      width: '100%'
+    }
+  }]
+}));
+const Checkbox = (0, _styles.styled)(_Checkbox.default, {
+  shouldForwardProp: prop => prop !== 'density'
+})(({
+  theme
+}) => ({
+  variants: [{
+    props: {
+      density: 'compact'
+    },
+    style: {
+      padding: theme.spacing(0.5)
+    }
+  }]
+}));
+const BaseSelect = (0, _forwardRef.forwardRef)(function BaseSelect(props, ref) {
+  const {
+      id,
+      label,
+      labelId,
+      disabled,
+      slotProps,
+      onChange,
+      onKeyDown,
+      onOpen,
+      onClose,
+      size,
+      style,
+      fullWidth
+    } = props,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const menuProps = {
+    PaperProps: {
+      onKeyDown
+    }
+  };
+  if (onClose) {
+    menuProps.onClose = onClose;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FormControl.default, {
+    size: size,
+    fullWidth: fullWidth,
+    style: style,
+    disabled: disabled,
+    ref: ref,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputLabel.default, {
+      id: labelId,
+      htmlFor: id,
+      shrink: true,
+      variant: "outlined",
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, (0, _extends2.default)({
+      id: id,
+      labelId: labelId,
+      label: label,
+      displayEmpty: true,
+      onChange: onChange
+    }, rest, {
+      variant: "outlined",
+      notched: true,
+      inputProps: slotProps?.htmlInput,
+      onOpen: onOpen,
+      MenuProps: menuProps,
+      size: size
+    }))]
+  });
+});
+
+/* eslint-disable material-ui/disallow-react-api-in-server-components */
+
 const iconSlots = {
-  booleanCellTrueIcon: GridCheckIcon,
-  booleanCellFalseIcon: GridCloseIcon,
-  columnMenuIcon: GridTripleDotsVerticalIcon,
-  openFilterButtonIcon: GridFilterListIcon,
-  filterPanelDeleteIcon: GridCloseIcon,
-  columnFilteredIcon: GridFilterAltIcon,
-  columnSelectorIcon: GridColumnIcon,
-  columnUnsortedIcon: GridColumnUnsortedIcon,
-  columnSortedAscendingIcon: GridArrowUpwardIcon,
-  columnSortedDescendingIcon: GridArrowDownwardIcon,
-  columnResizeIcon: GridSeparatorIcon,
-  densityCompactIcon: GridViewHeadlineIcon,
-  densityStandardIcon: GridTableRowsIcon,
-  densityComfortableIcon: GridViewStreamIcon,
-  exportIcon: GridSaveAltIcon,
-  moreActionsIcon: GridMoreVertIcon,
-  treeDataCollapseIcon: GridExpandMoreIcon,
-  treeDataExpandIcon: GridKeyboardArrowRight,
-  groupingCriteriaCollapseIcon: GridExpandMoreIcon,
-  groupingCriteriaExpandIcon: GridKeyboardArrowRight,
-  detailPanelExpandIcon: GridAddIcon,
-  detailPanelCollapseIcon: GridRemoveIcon,
-  rowReorderIcon: GridDragIcon,
-  quickFilterIcon: GridSearchIcon,
-  quickFilterClearIcon: GridCloseIcon,
-  columnMenuHideIcon: GridVisibilityOffIcon,
-  columnMenuSortAscendingIcon: GridArrowUpwardIcon,
-  columnMenuSortDescendingIcon: GridArrowDownwardIcon,
-  columnMenuFilterIcon: GridFilterAltIcon,
-  columnMenuManageColumnsIcon: GridViewColumnIcon,
-  columnMenuClearIcon: GridClearIcon,
-  loadIcon: GridLoadIcon,
-  filterPanelAddIcon: GridAddIcon,
-  filterPanelRemoveAllIcon: GridDeleteForeverIcon,
-  columnReorderIcon: GridDragIcon,
-  menuItemCheckIcon: GridCheckIcon
+  booleanCellTrueIcon: _icons.GridCheckIcon,
+  booleanCellFalseIcon: _icons.GridCloseIcon,
+  columnMenuIcon: _icons.GridTripleDotsVerticalIcon,
+  openFilterButtonIcon: _icons.GridFilterListIcon,
+  filterPanelDeleteIcon: _icons.GridCloseIcon,
+  columnFilteredIcon: _icons.GridFilterAltIcon,
+  columnSelectorIcon: _icons.GridColumnIcon,
+  columnUnsortedIcon: _GridColumnUnsortedIcon.GridColumnUnsortedIcon,
+  columnSortedAscendingIcon: _icons.GridArrowUpwardIcon,
+  columnSortedDescendingIcon: _icons.GridArrowDownwardIcon,
+  columnResizeIcon: _icons.GridSeparatorIcon,
+  densityCompactIcon: _icons.GridViewHeadlineIcon,
+  densityStandardIcon: _icons.GridTableRowsIcon,
+  densityComfortableIcon: _icons.GridViewStreamIcon,
+  exportIcon: _icons.GridSaveAltIcon,
+  moreActionsIcon: _icons.GridMoreVertIcon,
+  treeDataCollapseIcon: _icons.GridExpandMoreIcon,
+  treeDataExpandIcon: _icons.GridKeyboardArrowRight,
+  groupingCriteriaCollapseIcon: _icons.GridExpandMoreIcon,
+  groupingCriteriaExpandIcon: _icons.GridKeyboardArrowRight,
+  detailPanelExpandIcon: _icons.GridAddIcon,
+  detailPanelCollapseIcon: _icons.GridRemoveIcon,
+  rowReorderIcon: _icons.GridDragIcon,
+  quickFilterIcon: _icons.GridSearchIcon,
+  quickFilterClearIcon: _icons.GridCloseIcon,
+  columnMenuHideIcon: _icons.GridVisibilityOffIcon,
+  columnMenuSortAscendingIcon: _icons.GridArrowUpwardIcon,
+  columnMenuSortDescendingIcon: _icons.GridArrowDownwardIcon,
+  columnMenuFilterIcon: _icons.GridFilterAltIcon,
+  columnMenuManageColumnsIcon: _icons.GridViewColumnIcon,
+  columnMenuClearIcon: _icons.GridClearIcon,
+  loadIcon: _icons.GridLoadIcon,
+  filterPanelAddIcon: _icons.GridAddIcon,
+  filterPanelRemoveAllIcon: _icons.GridDeleteForeverIcon,
+  columnReorderIcon: _icons.GridDragIcon,
+  menuItemCheckIcon: _icons.GridCheckIcon
 };
 const baseSlots = {
-  baseBadge: MUIBadge,
-  baseCheckbox: MUICheckbox,
-  baseCircularProgress: MUICircularProgress,
-  baseDivider: MUIDivider,
-  baseLinearProgress: MUILinearProgress,
-  baseMenuList: MUIMenuList,
+  baseAutocomplete: BaseAutocomplete,
+  baseBadge: _Badge.default,
+  baseCheckbox: /*#__PURE__*/React.forwardRef(BaseCheckbox),
+  baseCircularProgress: _CircularProgress.default,
+  baseDivider: _Divider.default,
+  baseInput: BaseInput,
+  baseLinearProgress: _LinearProgress.default,
+  baseMenuList: BaseMenuList,
   baseMenuItem: BaseMenuItem,
   baseTextField: BaseTextField,
-  baseFormControl: MUIFormControl,
-  baseSelect: MUISelect,
-  baseButton: MUIButton,
-  baseIconButton: MUIIconButton,
-  baseInputAdornment: MUIInputAdornment,
-  baseTooltip: MUITooltip,
-  basePopper: MUIPopper,
-  baseInputLabel: MUIInputLabel,
-  baseSelectOption: MUISelectOption,
-  baseSkeleton: MUISkeleton,
-  baseChip: MUIChip
+  baseButton: _Button.default,
+  baseIconButton: _IconButton.default,
+  baseTooltip: _Tooltip.default,
+  basePopper: BasePopper,
+  baseSelect: BaseSelect,
+  baseSelectOption: BaseSelectOption,
+  baseSkeleton: _Skeleton.default,
+  baseSwitch: _Switch.default
 };
-const materialSlots = _extends({}, baseSlots, iconSlots);
-export default materialSlots;
+const materialSlots = (0, _extends2.default)({}, baseSlots, iconSlots);
+var _default = exports.default = materialSlots;
+function BaseCheckbox(props, ref) {
+  const {
+      autoFocus,
+      label,
+      fullWidth,
+      slotProps,
+      className
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
+  const elementRef = React.useRef(null);
+  const handleRef = (0, _useForkRef.default)(elementRef, ref);
+  const rippleRef = React.useRef(null);
+  React.useEffect(() => {
+    if (autoFocus) {
+      const input = elementRef.current?.querySelector('input');
+      input?.focus({
+        preventScroll: true
+      });
+    } else if (autoFocus === false && rippleRef.current) {
+      // Only available in @mui/material v5.4.1 or later
+      // @ts-ignore
+      rippleRef.current.stop({});
+    }
+  }, [autoFocus]);
+  if (!label) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Checkbox, (0, _extends2.default)({}, other, {
+      className: className,
+      inputProps: slotProps?.htmlInput,
+      ref: handleRef,
+      touchRippleRef: rippleRef
+    }));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormControlLabel, {
+    className: className,
+    control: /*#__PURE__*/(0, _jsxRuntime.jsx)(Checkbox, (0, _extends2.default)({}, other, {
+      inputProps: slotProps?.htmlInput,
+      ref: handleRef,
+      touchRippleRef: rippleRef
+    })),
+    label: label,
+    fullWidth: fullWidth
+  });
+}
+function BaseMenuList(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuList.default, (0, _extends2.default)({}, props));
+}
 function BaseMenuItem(props) {
   const {
       inert,
@@ -95,15 +267,15 @@ function BaseMenuItem(props) {
       iconEnd,
       children
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded3);
   if (inert) {
     other.disableRipple = true;
   }
-  return /*#__PURE__*/React.createElement(MUIMenuItem, other, [iconStart && /*#__PURE__*/_jsx(MUIListItemIcon, {
+  return /*#__PURE__*/React.createElement(_MenuItem.default, other, [iconStart && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
     children: iconStart
-  }, "1"), /*#__PURE__*/_jsx(MUIListItemText, {
+  }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
     children: children
-  }, "2"), iconEnd && /*#__PURE__*/_jsx(MUIListItemIcon, {
+  }, "2"), iconEnd && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
     children: iconEnd
   }, "3")]);
 }
@@ -113,14 +285,214 @@ function BaseTextField(props) {
   const {
       slotProps
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded2);
-  return /*#__PURE__*/_jsx(MUITextField, _extends({
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded4);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, (0, _extends2.default)({
     variant: "outlined"
   }, rest, {
     inputProps: slotProps?.htmlInput,
-    InputProps: slotProps?.input,
-    InputLabelProps: _extends({
+    InputProps: transformInputProps(slotProps?.input),
+    InputLabelProps: (0, _extends2.default)({
       shrink: true
     }, slotProps?.inputLabel)
   }));
+}
+function BaseAutocomplete(props) {
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const {
+      id,
+      multiple,
+      freeSolo,
+      options,
+      getOptionLabel,
+      isOptionEqualToValue,
+      value,
+      onChange,
+      label,
+      placeholder,
+      slotProps
+    } = props,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded5);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Autocomplete.default, (0, _extends2.default)({
+    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 = (0, _objectWithoutPropertiesLoose2.default)(_getTagProps, _excluded6);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, (0, _extends2.default)({
+        variant: "outlined",
+        size: "small",
+        label: typeof option === 'string' ? option : getOptionLabel?.(option)
+      }, tagProps), key);
+    }),
+    renderInput: params => {
+      const {
+          inputProps,
+          InputProps,
+          InputLabelProps
+        } = params,
+        inputRest = (0, _objectWithoutPropertiesLoose2.default)(params, _excluded7);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseTextField, (0, _extends2.default)({}, inputRest, {
+        label: label,
+        placeholder: placeholder,
+        slotProps: {
+          input: InputProps,
+          inputLabel: InputLabelProps,
+          htmlInput: inputProps
+        }
+      }, slotProps?.textField, rootProps.slotProps?.baseTextField));
+    }
+  }, rest));
+}
+function BaseInput(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, (0, _extends2.default)({}, transformInputProps(props)));
+}
+function transformInputProps(props) {
+  if (!props) {
+    return undefined;
+  }
+  const {
+      slotProps
+    } = props,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded8);
+  const result = rest;
+  if (result.startAdornment) {
+    result.startAdornment = /*#__PURE__*/(0, _jsxRuntime.jsx)(InputAdornment, {
+      position: "start",
+      children: result.startAdornment
+    });
+  }
+  if (result.endAdornment) {
+    result.endAdornment = /*#__PURE__*/(0, _jsxRuntime.jsx)(InputAdornment, {
+      position: "end",
+      children: result.endAdornment
+    });
+  }
+  if (slotProps?.htmlInput) {
+    if (result.inputProps) {
+      result.inputProps = (0, _extends2.default)({}, result.inputProps, slotProps?.htmlInput);
+    } else {
+      result.inputProps = slotProps?.htmlInput;
+    }
+  }
+  return result;
+}
+const transformOrigin = {
+  'bottom-start': 'top left',
+  'bottom-end': 'top right'
+};
+function BasePopper(props) {
+  const {
+    flip,
+    onDidShow,
+    onDidHide
+  } = props;
+  const modifiers = React.useMemo(() => {
+    const result = [];
+    if (flip) {
+      result.push({
+        name: 'flip',
+        enabled: true,
+        options: {
+          rootBoundary: 'document'
+        }
+      });
+    }
+    if (onDidShow || onDidHide) {
+      result.push({
+        name: 'isPlaced',
+        enabled: true,
+        phase: 'main',
+        fn: () => {
+          onDidShow?.();
+        },
+        effect: () => () => {
+          onDidHide?.();
+        }
+      });
+    }
+    return result;
+  }, [flip, onDidShow, onDidHide]);
+  let content;
+  if (!props.transition) {
+    content = wrappers(props, props.children);
+  } else {
+    const handleExited = popperOnExited => node => {
+      if (popperOnExited) {
+        popperOnExited();
+      }
+      if (props.onExited) {
+        props.onExited(node);
+      }
+    };
+    content = ({
+      TransitionProps,
+      placement
+    }) => wrappers(props, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grow.default, (0, _extends2.default)({}, TransitionProps, {
+      style: {
+        transformOrigin: transformOrigin[placement]
+      },
+      onExited: handleExited(TransitionProps?.onExited),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paper.default, {
+        children: props.children
+      })
+    })));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popper.default, {
+    id: props.id,
+    className: props.className,
+    open: props.open,
+    anchorEl: props.target,
+    transition: props.transition,
+    placement: props.placement,
+    modifiers: modifiers,
+    children: content
+  });
+}
+function wrappers(props, content) {
+  return focusTrapWrapper(props, clickAwayWrapper(props, content));
+}
+function clickAwayWrapper(props, content) {
+  if (props.onClickAway === undefined) {
+    return content;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ClickAwayListener, {
+    onClickAway: props.onClickAway,
+    touchEvent: props.clickAwayTouchEvent,
+    mouseEvent: props.clickAwayMouseEvent,
+    children: content
+  });
+}
+function focusTrapWrapper(props, content) {
+  if (props.focusTrap === undefined) {
+    return content;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Unstable_TrapFocus.default, {
+    open: true,
+    disableEnforceFocus: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      tabIndex: -1,
+      children: content
+    })
+  });
+}
+function BaseSelectOption(_ref) {
+  let {
+      native
+    } = _ref,
+    props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded9);
+  if (native) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", (0, _extends2.default)({}, props));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, (0, _extends2.default)({}, props));
 }

package/material/variables.d.ts

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