@mui/material 9.0.0-alpha.3 → 9.0.0-alpha.4

package/Popper/Popper.js

@@ -42,8 +42,6 @@ const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
   const {
     anchorEl,
     component,
-    components,
-    componentsProps,
     container,
     disablePortal,
     keepMounted,
@@ -57,7 +55,6 @@ const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
     slotProps,
     ...other
   } = props;
-  const RootComponent = slots?.root ?? components?.Root;
   const otherProps = {
     anchorEl,
     container,
@@ -74,10 +71,8 @@ const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(PopperRoot, {
     as: component,
     direction: isRtl ? 'rtl' : 'ltr',
-    slots: {
-      root: RootComponent
-    },
-    slotProps: slotProps ?? componentsProps,
+    slots: slots,
+    slotProps: slotProps,
     ...otherProps,
     ref: ref
   });
@@ -103,25 +98,6 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
    * Either a string to use a HTML element or a component.
    */
   component: _propTypes.default.elementType,
-  /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
-   *
-   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   * @default {}
-   */
-  components: _propTypes.default.shape({
-    Root: _propTypes.default.elementType
-  }),
-  /**
-   * The props used for each slot inside the Popper.
-   *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   * @default {}
-   */
-  componentsProps: _propTypes.default.shape({
-    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
-  }),
   /**
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.

package/Popper/Popper.mjs

@@ -35,8 +35,6 @@ const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
   const {
     anchorEl,
     component,
-    components,
-    componentsProps,
     container,
     disablePortal,
     keepMounted,
@@ -50,7 +48,6 @@ const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
     slotProps,
     ...other
   } = props;
-  const RootComponent = slots?.root ?? components?.Root;
   const otherProps = {
     anchorEl,
     container,
@@ -67,10 +64,8 @@ const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
   return /*#__PURE__*/_jsx(PopperRoot, {
     as: component,
     direction: isRtl ? 'rtl' : 'ltr',
-    slots: {
-      root: RootComponent
-    },
-    slotProps: slotProps ?? componentsProps,
+    slots: slots,
+    slotProps: slotProps,
     ...otherProps,
     ref: ref
   });
@@ -96,25 +91,6 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-  /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
-   *
-   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   * @default {}
-   */
-  components: PropTypes.shape({
-    Root: PropTypes.elementType
-  }),
-  /**
-   * The props used for each slot inside the Popper.
-   *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   * @default {}
-   */
-  componentsProps: PropTypes.shape({
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
   /**
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.

package/Popper/index.d.mts

@@ -1,4 +1,5 @@
 export { default } from "./Popper.mjs";
 export * from "./Popper.mjs";
+export { default as popperClasses } from "./popperClasses.mjs";
 export * from "./popperClasses.mjs";
 export { PopperPlacementType } from "./BasePopper.types.mjs";

package/Popper/index.d.ts

@@ -1,4 +1,5 @@
 export { default } from "./Popper.js";
 export * from "./Popper.js";
+export { default as popperClasses } from "./popperClasses.js";
 export * from "./popperClasses.js";
 export { PopperPlacementType } from "./BasePopper.types.js";

package/Popper/index.js

@@ -1,18 +1,27 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {};
+var _exportNames = {
+  popperClasses: true
+};
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
     return _Popper.default;
   }
 });
+Object.defineProperty(exports, "popperClasses", {
+  enumerable: true,
+  get: function () {
+    return _popperClasses.default;
+  }
+});
 var _Popper = _interopRequireDefault(require("./Popper"));
-var _popperClasses = require("./popperClasses");
+var _popperClasses = _interopRequireWildcard(require("./popperClasses"));
 Object.keys(_popperClasses).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/Popper/index.mjs

@@ -1,2 +1,3 @@
 export { default } from "./Popper.mjs";
+export { default as popperClasses } from "./popperClasses.mjs";
 export * from "./popperClasses.mjs";

package/Select/SelectInput.js

@@ -25,6 +25,8 @@ var _slotShouldForwardProp = _interopRequireDefault(require("../styles/slotShoul
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
 var _selectClasses = _interopRequireWildcard(require("./selectClasses"));
+var _utils2 = require("./utils");
+var _SelectFocusSourceContext = require("./utils/SelectFocusSourceContext");
 var _jsxRuntime = require("react/jsx-runtime");
 var _span;
 const SelectSelect = (0, _zeroStyled.styled)(_NativeSelectInput.StyledSelectSelect, {
@@ -81,17 +83,6 @@ const SelectNativeInput = (0, _zeroStyled.styled)('input', {
   width: '100%',
   boxSizing: 'border-box'
 });
-function areEqualValues(a, b) {
-  if (typeof b === 'object' && b !== null) {
-    return a === b;
-  }
-
-  // The value could be a number, the DOM will stringify it anyway.
-  return String(a) === String(b);
-}
-function isEmpty(display) {
-  return display == null || typeof display === 'string' && !display.trim();
-}
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -169,6 +160,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     current: isOpenControlled
   } = React.useRef(openProp != null);
   const [menuMinWidthState, setMenuMinWidthState] = React.useState();
+  const [openInteractionType, setOpenInteractionType] = React.useState(null);
   const handleRef = (0, _useForkRef.default)(ref, inputRefProp);
   const handleDisplayRef = React.useCallback(node => {
     displayRef.current = node;
@@ -237,11 +229,15 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
   }, [labelId]);
   const update = (openParam, event) => {
     if (openParam) {
+      setOpenInteractionType((0, _utils2.getOpenInteractionType)(event));
       if (onOpen) {
         onOpen(event);
       }
-    } else if (onClose) {
-      onClose(event);
+    } else {
+      setOpenInteractionType(null);
+      if (onClose) {
+        onClose(event);
+      }
     }
     if (!isOpenControlled) {
       setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);
@@ -377,12 +373,12 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       if (!Array.isArray(value)) {
         throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: The `value` prop must be an array ' + 'when using the `Select` component with `multiple`.' : (0, _formatMuiErrorMessage.default)(2));
       }
-      selected = value.some(v => areEqualValues(v, child.props.value));
+      selected = value.some(v => (0, _utils2.areEqualValues)(v, child.props.value));
       if (selected && computeDisplay) {
         displayMultiple.push(child.props.children);
       }
     } else {
-      selected = areEqualValues(value, child.props.value);
+      selected = (0, _utils2.areEqualValues)(value, child.props.value);
       if (selected && computeDisplay) {
         displaySingle = child.props.children;
       }
@@ -459,15 +455,10 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     error
   };
   const classes = useUtilityClasses(ownerState);
-  const paperProps = {
-    ...MenuProps.PaperProps,
-    ...(typeof MenuProps.slotProps?.paper === 'function' ? MenuProps.slotProps.paper(ownerState) : MenuProps.slotProps?.paper)
-  };
-  const listProps = {
-    ...MenuProps.MenuListProps,
-    ...(typeof MenuProps.slotProps?.list === 'function' ? MenuProps.slotProps.list(ownerState) : MenuProps.slotProps?.list)
-  };
+  const menuPaperSlotProps = typeof MenuProps.slotProps?.paper === 'function' ? MenuProps.slotProps.paper(ownerState) : MenuProps.slotProps?.paper;
+  const menuListSlotProps = typeof MenuProps.slotProps?.list === 'function' ? MenuProps.slotProps.list(ownerState) : MenuProps.slotProps?.list;
   const listboxId = (0, _useId.default)();
+  const nativeInputId = (0, _useId.default)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SelectSelect, {
       as: "div",
@@ -493,7 +484,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       // The id is required for proper a11y
       ,
       id: buttonId,
-      children: isEmpty(display) ? // notranslate needed while Google Translate will not fix zero-width space issue
+      children: (0, _utils2.isEmpty)(display) ? // notranslate needed while Google Translate will not fix zero-width space issue
       _span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "notranslate",
         "aria-hidden": true,
@@ -512,44 +503,48 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       autoFocus: autoFocus,
       required: required,
       ...other,
+      id: other.id ?? nativeInputId,
       ownerState: ownerState
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectIcon, {
       as: IconComponent,
       className: classes.icon,
       ownerState: ownerState
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
-      id: `menu-${name || ''}`,
-      anchorEl: anchorElement,
-      open: open,
-      onClose: handleClose,
-      anchorOrigin: {
-        vertical: 'bottom',
-        horizontal: 'center'
-      },
-      transformOrigin: {
-        vertical: 'top',
-        horizontal: 'center'
-      },
-      ...MenuProps,
-      slotProps: {
-        ...MenuProps.slotProps,
-        list: {
-          'aria-labelledby': labelId,
-          role: 'listbox',
-          'aria-multiselectable': multiple ? 'true' : undefined,
-          disableListWrap: true,
-          id: listboxId,
-          ...listProps
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectFocusSourceContext.SelectFocusSourceProvider, {
+      value: openInteractionType,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
+        id: `menu-${name || ''}`,
+        anchorEl: anchorElement,
+        open: open,
+        onClose: handleClose,
+        anchorOrigin: {
+          vertical: 'bottom',
+          horizontal: 'center'
+        },
+        transformOrigin: {
+          vertical: 'top',
+          horizontal: 'center'
         },
-        paper: {
-          ...paperProps,
-          style: {
-            minWidth: menuMinWidth,
-            ...(paperProps != null ? paperProps.style : null)
+        ...MenuProps,
+        slotProps: {
+          ...MenuProps.slotProps,
+          list: {
+            'aria-labelledby': labelId,
+            role: 'listbox',
+            'aria-multiselectable': multiple ? 'true' : undefined,
+            disableListWrap: true,
+            id: listboxId,
+            ...menuListSlotProps
+          },
+          paper: {
+            ...menuPaperSlotProps,
+            style: {
+              minWidth: menuMinWidth,
+              ...menuPaperSlotProps?.style
+            }
           }
-        }
-      },
-      children: items
+        },
+        children: items
+      })
     })]
   });
 });

package/Select/SelectInput.mjs

@@ -19,6 +19,8 @@ import slotShouldForwardProp from "../styles/slotShouldForwardProp.mjs";
 import useForkRef from "../utils/useForkRef.mjs";
 import useControlled from "../utils/useControlled.mjs";
 import selectClasses, { getSelectUtilityClasses } from "./selectClasses.mjs";
+import { areEqualValues, isEmpty, getOpenInteractionType } from "./utils/index.mjs";
+import { SelectFocusSourceProvider } from "./utils/SelectFocusSourceContext.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SelectSelect = styled(StyledSelectSelect, {
   name: 'MuiSelect',
@@ -74,17 +76,6 @@ const SelectNativeInput = styled('input', {
   width: '100%',
   boxSizing: 'border-box'
 });
-function areEqualValues(a, b) {
-  if (typeof b === 'object' && b !== null) {
-    return a === b;
-  }
-
-  // The value could be a number, the DOM will stringify it anyway.
-  return String(a) === String(b);
-}
-function isEmpty(display) {
-  return display == null || typeof display === 'string' && !display.trim();
-}
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -162,6 +153,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     current: isOpenControlled
   } = React.useRef(openProp != null);
   const [menuMinWidthState, setMenuMinWidthState] = React.useState();
+  const [openInteractionType, setOpenInteractionType] = React.useState(null);
   const handleRef = useForkRef(ref, inputRefProp);
   const handleDisplayRef = React.useCallback(node => {
     displayRef.current = node;
@@ -230,11 +222,15 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
   }, [labelId]);
   const update = (openParam, event) => {
     if (openParam) {
+      setOpenInteractionType(getOpenInteractionType(event));
       if (onOpen) {
         onOpen(event);
       }
-    } else if (onClose) {
-      onClose(event);
+    } else {
+      setOpenInteractionType(null);
+      if (onClose) {
+        onClose(event);
+      }
     }
     if (!isOpenControlled) {
       setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);
@@ -452,15 +448,10 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     error
   };
   const classes = useUtilityClasses(ownerState);
-  const paperProps = {
-    ...MenuProps.PaperProps,
-    ...(typeof MenuProps.slotProps?.paper === 'function' ? MenuProps.slotProps.paper(ownerState) : MenuProps.slotProps?.paper)
-  };
-  const listProps = {
-    ...MenuProps.MenuListProps,
-    ...(typeof MenuProps.slotProps?.list === 'function' ? MenuProps.slotProps.list(ownerState) : MenuProps.slotProps?.list)
-  };
+  const menuPaperSlotProps = typeof MenuProps.slotProps?.paper === 'function' ? MenuProps.slotProps.paper(ownerState) : MenuProps.slotProps?.paper;
+  const menuListSlotProps = typeof MenuProps.slotProps?.list === 'function' ? MenuProps.slotProps.list(ownerState) : MenuProps.slotProps?.list;
   const listboxId = useId();
+  const nativeInputId = useId();
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/_jsx(SelectSelect, {
       as: "div",
@@ -505,44 +496,48 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       autoFocus: autoFocus,
       required: required,
       ...other,
+      id: other.id ?? nativeInputId,
       ownerState: ownerState
     }), /*#__PURE__*/_jsx(SelectIcon, {
       as: IconComponent,
       className: classes.icon,
       ownerState: ownerState
-    }), /*#__PURE__*/_jsx(Menu, {
-      id: `menu-${name || ''}`,
-      anchorEl: anchorElement,
-      open: open,
-      onClose: handleClose,
-      anchorOrigin: {
-        vertical: 'bottom',
-        horizontal: 'center'
-      },
-      transformOrigin: {
-        vertical: 'top',
-        horizontal: 'center'
-      },
-      ...MenuProps,
-      slotProps: {
-        ...MenuProps.slotProps,
-        list: {
-          'aria-labelledby': labelId,
-          role: 'listbox',
-          'aria-multiselectable': multiple ? 'true' : undefined,
-          disableListWrap: true,
-          id: listboxId,
-          ...listProps
+    }), /*#__PURE__*/_jsx(SelectFocusSourceProvider, {
+      value: openInteractionType,
+      children: /*#__PURE__*/_jsx(Menu, {
+        id: `menu-${name || ''}`,
+        anchorEl: anchorElement,
+        open: open,
+        onClose: handleClose,
+        anchorOrigin: {
+          vertical: 'bottom',
+          horizontal: 'center'
+        },
+        transformOrigin: {
+          vertical: 'top',
+          horizontal: 'center'
         },
-        paper: {
-          ...paperProps,
-          style: {
-            minWidth: menuMinWidth,
-            ...(paperProps != null ? paperProps.style : null)
+        ...MenuProps,
+        slotProps: {
+          ...MenuProps.slotProps,
+          list: {
+            'aria-labelledby': labelId,
+            role: 'listbox',
+            'aria-multiselectable': multiple ? 'true' : undefined,
+            disableListWrap: true,
+            id: listboxId,
+            ...menuListSlotProps
+          },
+          paper: {
+            ...menuPaperSlotProps,
+            style: {
+              minWidth: menuMinWidth,
+              ...menuPaperSlotProps?.style
+            }
           }
-        }
-      },
-      children: items
+        },
+        children: items
+      })
     })]
   });
 });

package/Select/index.d.mts

@@ -1,4 +1,5 @@
 export { default } from "./Select.mjs";
 export * from "./Select.mjs";
+export * from "./utils/index.mjs";
 export { default as selectClasses } from "./selectClasses.mjs";
 export * from "./selectClasses.mjs";

package/Select/index.d.ts

@@ -1,4 +1,5 @@
 export { default } from "./Select.js";
 export * from "./Select.js";
+export * from "./utils/index.js";
 export { default as selectClasses } from "./selectClasses.js";
 export * from "./selectClasses.js";

package/Select/index.js

@@ -21,6 +21,18 @@ Object.defineProperty(exports, "selectClasses", {
   }
 });
 var _Select = _interopRequireDefault(require("./Select"));
+var _utils = require("./utils");
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _utils[key];
+    }
+  });
+});
 var _selectClasses = _interopRequireWildcard(require("./selectClasses"));
 Object.keys(_selectClasses).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/Select/index.mjs

@@ -1,3 +1,4 @@
 export { default } from "./Select.mjs";
+export * from "./utils/index.mjs";
 export { default as selectClasses } from "./selectClasses.mjs";
 export * from "./selectClasses.mjs";

package/Select/utils/SelectFocusSourceContext.d.mts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function useSelectFocusSource(): "touch" | "mouse" | "keyboard" | null;
+declare const SelectFocusSourceProvider: React.Provider<"touch" | "mouse" | "keyboard" | null>;
+export { useSelectFocusSource, SelectFocusSourceProvider };

package/Select/utils/SelectFocusSourceContext.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function useSelectFocusSource(): "touch" | "mouse" | "keyboard" | null;
+declare const SelectFocusSourceProvider: React.Provider<"touch" | "mouse" | "keyboard" | null>;
+export { useSelectFocusSource, SelectFocusSourceProvider };

package/Select/utils/SelectFocusSourceContext.js

@@ -0,0 +1,19 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectFocusSourceProvider = void 0;
+exports.useSelectFocusSource = useSelectFocusSource;
+var React = _interopRequireWildcard(require("react"));
+const SelectFocusSourceContext = /*#__PURE__*/React.createContext(null);
+if (process.env.NODE_ENV !== 'production') {
+  SelectFocusSourceContext.displayName = 'SelectFocusSourceContext';
+}
+function useSelectFocusSource() {
+  const context = React.useContext(SelectFocusSourceContext);
+  return context;
+}
+const SelectFocusSourceProvider = exports.SelectFocusSourceProvider = SelectFocusSourceContext.Provider;

package/Select/utils/SelectFocusSourceContext.mjs

@@ -0,0 +1,13 @@
+'use client';
+
+import * as React from 'react';
+const SelectFocusSourceContext = /*#__PURE__*/React.createContext(null);
+if (process.env.NODE_ENV !== 'production') {
+  SelectFocusSourceContext.displayName = 'SelectFocusSourceContext';
+}
+function useSelectFocusSource() {
+  const context = React.useContext(SelectFocusSourceContext);
+  return context;
+}
+const SelectFocusSourceProvider = SelectFocusSourceContext.Provider;
+export { useSelectFocusSource, SelectFocusSourceProvider };

package/Select/utils/areEqualValues.d.mts

@@ -0,0 +1 @@
+export default function areEqualValues(a: unknown, b: unknown): boolean;

package/Select/utils/areEqualValues.d.ts

@@ -0,0 +1 @@
+export default function areEqualValues(a: unknown, b: unknown): boolean;

package/Select/utils/areEqualValues.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = areEqualValues;
+function areEqualValues(a, b) {
+  if (typeof b === 'object' && b !== null) {
+    return a === b;
+  }
+
+  // The value could be a number, the DOM will stringify it anyway.
+  return String(a) === String(b);
+}

package/Select/utils/areEqualValues.mjs

@@ -0,0 +1,8 @@
+export default function areEqualValues(a, b) {
+  if (typeof b === 'object' && b !== null) {
+    return a === b;
+  }
+
+  // The value could be a number, the DOM will stringify it anyway.
+  return String(a) === String(b);
+}

package/Select/utils/getOpenInteractionType.d.mts

@@ -0,0 +1 @@
+export default function getOpenInteractionType(event: MouseEvent | KeyboardEvent | TouchEvent | PointerEvent | null): 'keyboard' | 'pointer' | null;

package/Select/utils/getOpenInteractionType.d.ts

@@ -0,0 +1 @@
+export default function getOpenInteractionType(event: MouseEvent | KeyboardEvent | TouchEvent | PointerEvent | null): 'keyboard' | 'pointer' | null;

package/Select/utils/getOpenInteractionType.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getOpenInteractionType;
+function getOpenInteractionType(event) {
+  if (!event) {
+    return null;
+  }
+  if (event.type === 'mousedown' || event.type === 'pointerdown' || event.type === 'touchstart') {
+    return 'pointer';
+  }
+  if (event.type === 'keydown' || event.type === 'click' && event.detail === 0) {
+    return 'keyboard';
+  }
+  return null;
+}

package/Select/utils/getOpenInteractionType.mjs

@@ -0,0 +1,12 @@
+export default function getOpenInteractionType(event) {
+  if (!event) {
+    return null;
+  }
+  if (event.type === 'mousedown' || event.type === 'pointerdown' || event.type === 'touchstart') {
+    return 'pointer';
+  }
+  if (event.type === 'keydown' || event.type === 'click' && event.detail === 0) {
+    return 'keyboard';
+  }
+  return null;
+}

package/Select/utils/index.d.mts

@@ -0,0 +1,4 @@
+export { default as getOpenInteractionType } from "./getOpenInteractionType.mjs";
+export { default as isEmpty } from "./isEmpty.mjs";
+export { default as areEqualValues } from "./areEqualValues.mjs";
+export { useSelectFocusSource, SelectFocusSourceProvider } from "./SelectFocusSourceContext.mjs";

package/Select/utils/index.d.ts

@@ -0,0 +1,4 @@
+export { default as getOpenInteractionType } from "./getOpenInteractionType.js";
+export { default as isEmpty } from "./isEmpty.js";
+export { default as areEqualValues } from "./areEqualValues.js";
+export { useSelectFocusSource, SelectFocusSourceProvider } from "./SelectFocusSourceContext.js";