@mui/utils 6.0.0-alpha.9 → 6.0.0-beta.1

package/{node → esm}/exactProp/exactProp.js

@@ -1,15 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exactProp;
 // This module is based on https://github.com/airbnb/prop-types-exact repository.
 // However, in order to reduce the number of dependencies and to remove some extra safe checks
 // the module was forked.
 
 const specialProperty = 'exact-prop: \u200b';
-function exactProp(propTypes) {
+export default function exactProp(propTypes) {
   if (process.env.NODE_ENV === 'production') {
     return propTypes;
   }

package/esm/exactProp/index.js

@@ -0,0 +1 @@
+export { default } from './exactProp';

package/esm/extractEventHandlers/extractEventHandlers.js

@@ -0,0 +1,18 @@
+/**
+ * Extracts event handlers from a given object.
+ * A prop is considered an event handler if it is a function and its name starts with `on`.
+ *
+ * @param object An object to extract event handlers from.
+ * @param excludeKeys An array of keys to exclude from the returned object.
+ */
+function extractEventHandlers(object, excludeKeys = []) {
+  if (object === undefined) {
+    return {};
+  }
+  const result = {};
+  Object.keys(object).filter(prop => prop.match(/^on[A-Z]/) && typeof object[prop] === 'function' && !excludeKeys.includes(prop)).forEach(prop => {
+    result[prop] = object[prop];
+  });
+  return result;
+}
+export default extractEventHandlers;

package/esm/extractEventHandlers/index.js

@@ -0,0 +1 @@
+export { default } from './extractEventHandlers';

package/{node → esm}/formatMuiErrorMessage/formatMuiErrorMessage.js

@@ -1,15 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = formatMuiErrorMessage;
 /**
  * WARNING: Don't import this directly.
  * Use `MuiError` from `@mui/internal-babel-macros/MuiError.macro` instead.
  * @param {number} code
  */
-function formatMuiErrorMessage(code) {
+export default function formatMuiErrorMessage(code) {
   // Apply babel-plugin-transform-template-literals in loose mode
   // loose mode is safe if we're concatenating primitives
   // see https://babeljs.io/docs/en/babel-plugin-transform-template-literals#loose

package/esm/formatMuiErrorMessage/index.js

@@ -0,0 +1 @@
+export { default } from './formatMuiErrorMessage';

package/esm/generateUtilityClass/generateUtilityClass.js

@@ -0,0 +1,22 @@
+import ClassNameGenerator from '../ClassNameGenerator';
+export const globalStateClasses = {
+  active: 'active',
+  checked: 'checked',
+  completed: 'completed',
+  disabled: 'disabled',
+  error: 'error',
+  expanded: 'expanded',
+  focused: 'focused',
+  focusVisible: 'focusVisible',
+  open: 'open',
+  readOnly: 'readOnly',
+  required: 'required',
+  selected: 'selected'
+};
+export default function generateUtilityClass(componentName, slot, globalStatePrefix = 'Mui') {
+  const globalStateClass = globalStateClasses[slot];
+  return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator.generate(componentName)}-${slot}`;
+}
+export function isGlobalState(slot) {
+  return globalStateClasses[slot] !== undefined;
+}

package/esm/generateUtilityClass/index.js

@@ -0,0 +1,2 @@
+export { default } from './generateUtilityClass';
+export * from './generateUtilityClass';

package/esm/generateUtilityClasses/generateUtilityClasses.js

@@ -0,0 +1,8 @@
+import generateUtilityClass from '../generateUtilityClass';
+export default function generateUtilityClasses(componentName, slots, globalStatePrefix = 'Mui') {
+  const result = {};
+  slots.forEach(slot => {
+    result[slot] = generateUtilityClass(componentName, slot, globalStatePrefix);
+  });
+  return result;
+}

package/esm/generateUtilityClasses/index.js

@@ -0,0 +1 @@
+export { default } from './generateUtilityClasses';

package/{node → esm}/getDisplayName/getDisplayName.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getDisplayName;
-var _reactIs = require("react-is");
+import { ForwardRef, Memo } from 'react-is';
 function getFunctionComponentName(Component, fallback = '') {
   return Component.displayName || Component.name || fallback;
 }
@@ -16,9 +10,9 @@ function getWrappedName(outerType, innerType, wrapperName) {
 /**
  * cherry-pick from
  * https://github.com/facebook/react/blob/769b1f270e1251d9dbdce0fcbd9e92e502d059b8/packages/shared/getComponentName.js
- * originally forked from recompose/getDisplayName with added IE11 support
+ * originally forked from recompose/getDisplayName
  */
-function getDisplayName(Component) {
+export default function getDisplayName(Component) {
   if (Component == null) {
     return undefined;
   }
@@ -32,9 +26,9 @@ function getDisplayName(Component) {
   // TypeScript can't have components as objects but they exist in the form of `memo` or `Suspense`
   if (typeof Component === 'object') {
     switch (Component.$$typeof) {
-      case _reactIs.ForwardRef:
+      case ForwardRef:
         return getWrappedName(Component, Component.render, 'ForwardRef');
-      case _reactIs.Memo:
+      case Memo:
         return getWrappedName(Component, Component.type, 'memo');
       default:
         return undefined;

package/esm/getDisplayName/index.js

@@ -0,0 +1 @@
+export { default } from './getDisplayName';

package/{node → esm}/getScrollbarSize/getScrollbarSize.js

@@ -1,12 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getScrollbarSize;
 // A change of the browser zoom change the scrollbar size.
 // Credit https://github.com/twbs/bootstrap/blob/488fd8afc535ca3a6ad4dc581f5e89217b6a36ac/js/src/util/scrollbar.js#L14-L18
-function getScrollbarSize(doc) {
+export default function getScrollbarSize(doc) {
   // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes
   const documentWidth = doc.documentElement.clientWidth;
   return Math.abs(window.innerWidth - documentWidth);

package/esm/getScrollbarSize/index.js

@@ -0,0 +1 @@
+export { default } from './getScrollbarSize';

package/esm/getValidReactChildren/getValidReactChildren.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+/**
+ * Gets only the valid children of a component,
+ * and ignores any nullish or falsy child.
+ *
+ * @param children the children
+ */
+export default function getValidReactChildren(children) {
+  return React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child));
+}

package/esm/getValidReactChildren/index.js

@@ -0,0 +1 @@
+export { default } from './getValidReactChildren';

package/esm/index.js

@@ -0,0 +1,47 @@
+export { default as chainPropTypes } from './chainPropTypes';
+export { default as deepmerge } from './deepmerge';
+export { isPlainObject } from './deepmerge';
+export { default as elementAcceptingRef } from './elementAcceptingRef';
+export { default as elementTypeAcceptingRef } from './elementTypeAcceptingRef';
+export { default as exactProp } from './exactProp';
+export { default as formatMuiErrorMessage } from './formatMuiErrorMessage';
+export { default as getDisplayName } from './getDisplayName';
+export { default as HTMLElementType } from './HTMLElementType';
+export { default as ponyfillGlobal } from './ponyfillGlobal';
+export { default as refType } from './refType';
+export { default as unstable_capitalize } from './capitalize';
+export { default as unstable_createChainedFunction } from './createChainedFunction';
+export { default as unstable_debounce } from './debounce';
+export { default as unstable_deprecatedPropType } from './deprecatedPropType';
+export { default as unstable_isMuiElement } from './isMuiElement';
+export { default as unstable_ownerDocument } from './ownerDocument';
+export { default as unstable_ownerWindow } from './ownerWindow';
+export { default as unstable_requirePropFactory } from './requirePropFactory';
+export { default as unstable_setRef } from './setRef';
+export { default as unstable_useEnhancedEffect } from './useEnhancedEffect';
+export { default as unstable_useId } from './useId';
+export { default as unstable_unsupportedProp } from './unsupportedProp';
+export { default as unstable_useControlled } from './useControlled';
+export { default as unstable_useEventCallback } from './useEventCallback';
+export { default as unstable_useForkRef } from './useForkRef';
+export { default as unstable_useLazyRef } from './useLazyRef';
+export { default as unstable_useTimeout, Timeout as unstable_Timeout } from './useTimeout';
+export { default as unstable_useOnMount } from './useOnMount';
+export { default as unstable_isFocusVisible } from './isFocusVisible';
+export { default as unstable_getScrollbarSize } from './getScrollbarSize';
+export { default as usePreviousProps } from './usePreviousProps';
+export { default as getValidReactChildren } from './getValidReactChildren';
+export { default as visuallyHidden } from './visuallyHidden';
+export { default as integerPropType } from './integerPropType';
+export { default as internal_resolveProps } from './resolveProps';
+export { default as unstable_composeClasses } from './composeClasses';
+export { default as unstable_generateUtilityClass } from './generateUtilityClass';
+export { isGlobalState as unstable_isGlobalState } from './generateUtilityClass';
+export * from './generateUtilityClass';
+export { default as unstable_generateUtilityClasses } from './generateUtilityClasses';
+export { default as unstable_ClassNameGenerator } from './ClassNameGenerator';
+export { default as clamp } from './clamp';
+export { default as unstable_useSlotProps } from './useSlotProps';
+export { default as unstable_resolveComponentProps } from './resolveComponentProps';
+export { default as unstable_extractEventHandlers } from './extractEventHandlers';
+export * from './types';

package/esm/integerPropType/index.js

@@ -0,0 +1,2 @@
+export { default } from './integerPropType';
+export * from './integerPropType';

package/{node → esm}/integerPropType/integerPropType.js

@@ -1,11 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getTypeByValue = getTypeByValue;
-function getTypeByValue(value) {
+export function getTypeByValue(value) {
   const valueType = typeof value;
   switch (valueType) {
     case 'number':
@@ -48,4 +41,4 @@ function validatorNoop() {
 }
 validator.isRequired = requiredInteger;
 validatorNoop.isRequired = validatorNoop;
-var _default = exports.default = process.env.NODE_ENV === 'production' ? validatorNoop : validator;
+export default process.env.NODE_ENV === 'production' ? validatorNoop : validator;

package/esm/isFocusVisible/index.js

@@ -0,0 +1 @@
+export { default } from './isFocusVisible';

package/esm/isFocusVisible/isFocusVisible.js

@@ -0,0 +1,15 @@
+/**
+ * Returns a boolean indicating if the event's target has :focus-visible
+ */
+export default function isFocusVisible(element) {
+  try {
+    return element.matches(':focus-visible');
+  } catch (error) {
+    // Do not warn on jsdom tests, otherwise all tests that rely on focus have to be skipped
+    // Tests that rely on `:focus-visible` will still have to be skipped in jsdom
+    if (process.env.NODE_ENV !== 'production' && !/jsdom/.test(window.navigator.userAgent)) {
+      console.warn(['MUI: The `:focus-visible` pseudo class is not supported in this browser.', 'Some components rely on this feature to work properly.'].join('\n'));
+    }
+  }
+  return false;
+}

package/esm/isHostComponent/index.js

@@ -0,0 +1 @@
+export { default } from './isHostComponent';

package/esm/isHostComponent/isHostComponent.js

@@ -0,0 +1,7 @@
+/**
+ * Determines if a given element is a DOM element name (i.e. not a React component).
+ */
+function isHostComponent(element) {
+  return typeof element === 'string';
+}
+export default isHostComponent;

package/esm/isMuiElement/index.js

@@ -0,0 +1 @@
+export { default } from './isMuiElement';

package/esm/isMuiElement/isMuiElement.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export default function isMuiElement(element, muiNames) {
+  return /*#__PURE__*/React.isValidElement(element) && muiNames.indexOf(
+  // For server components `muiName` is avaialble in element.type._payload.value.muiName
+  // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
+  // eslint-disable-next-line no-underscore-dangle
+  element.type.muiName ?? element.type?._payload?.value?.muiName) !== -1;
+}

package/esm/mergeSlotProps/index.js

@@ -0,0 +1 @@
+export { default } from './mergeSlotProps';

package/esm/mergeSlotProps/mergeSlotProps.js

@@ -0,0 +1,90 @@
+import clsx from 'clsx';
+import extractEventHandlers from '../extractEventHandlers';
+import omitEventHandlers from '../omitEventHandlers';
+/**
+ * Merges the slot component internal props (usually coming from a hook)
+ * with the externally provided ones.
+ *
+ * The merge order is (the latter overrides the former):
+ * 1. The internal props (specified as a getter function to work with get*Props hook result)
+ * 2. Additional props (specified internally on a Base UI component)
+ * 3. External props specified on the owner component. These should only be used on a root slot.
+ * 4. External props specified in the `slotProps.*` prop.
+ * 5. The `className` prop - combined from all the above.
+ * @param parameters
+ * @returns
+ */
+function mergeSlotProps(parameters) {
+  const {
+    getSlotProps,
+    additionalProps,
+    externalSlotProps,
+    externalForwardedProps,
+    className
+  } = parameters;
+  if (!getSlotProps) {
+    // The simpler case - getSlotProps is not defined, so no internal event handlers are defined,
+    // so we can simply merge all the props without having to worry about extracting event handlers.
+    const joinedClasses = clsx(additionalProps?.className, className, externalForwardedProps?.className, externalSlotProps?.className);
+    const mergedStyle = {
+      ...additionalProps?.style,
+      ...externalForwardedProps?.style,
+      ...externalSlotProps?.style
+    };
+    const props = {
+      ...additionalProps,
+      ...externalForwardedProps,
+      ...externalSlotProps
+    };
+    if (joinedClasses.length > 0) {
+      props.className = joinedClasses;
+    }
+    if (Object.keys(mergedStyle).length > 0) {
+      props.style = mergedStyle;
+    }
+    return {
+      props,
+      internalRef: undefined
+    };
+  }
+
+  // In this case, getSlotProps is responsible for calling the external event handlers.
+  // We don't need to include them in the merged props because of this.
+
+  const eventHandlers = extractEventHandlers({
+    ...externalForwardedProps,
+    ...externalSlotProps
+  });
+  const componentsPropsWithoutEventHandlers = omitEventHandlers(externalSlotProps);
+  const otherPropsWithoutEventHandlers = omitEventHandlers(externalForwardedProps);
+  const internalSlotProps = getSlotProps(eventHandlers);
+
+  // The order of classes is important here.
+  // Emotion (that we use in libraries consuming Base UI) depends on this order
+  // to properly override style. It requires the most important classes to be last
+  // (see https://github.com/mui/material-ui/pull/33205) for the related discussion.
+  const joinedClasses = clsx(internalSlotProps?.className, additionalProps?.className, className, externalForwardedProps?.className, externalSlotProps?.className);
+  const mergedStyle = {
+    ...internalSlotProps?.style,
+    ...additionalProps?.style,
+    ...externalForwardedProps?.style,
+    ...externalSlotProps?.style
+  };
+  const props = {
+    ...internalSlotProps,
+    ...additionalProps,
+    ...otherPropsWithoutEventHandlers,
+    ...componentsPropsWithoutEventHandlers
+  };
+  if (joinedClasses.length > 0) {
+    props.className = joinedClasses;
+  }
+  if (Object.keys(mergedStyle).length > 0) {
+    props.style = mergedStyle;
+  }
+  return {
+    props,
+    internalRef: internalSlotProps.ref
+  };
+}
+export default mergeSlotProps;

package/esm/omitEventHandlers/index.js

@@ -0,0 +1 @@
+export { default } from './omitEventHandlers';

package/esm/omitEventHandlers/omitEventHandlers.js

@@ -0,0 +1,18 @@
+/**
+ * Removes event handlers from the given object.
+ * A field is considered an event handler if it is a function with a name beginning with `on`.
+ *
+ * @param object Object to remove event handlers from.
+ * @returns Object with event handlers removed.
+ */
+function omitEventHandlers(object) {
+  if (object === undefined) {
+    return {};
+  }
+  const result = {};
+  Object.keys(object).filter(prop => !(prop.match(/^on[A-Z]/) && typeof object[prop] === 'function')).forEach(prop => {
+    result[prop] = object[prop];
+  });
+  return result;
+}
+export default omitEventHandlers;

package/esm/ownerDocument/index.js

@@ -0,0 +1 @@
+export { default } from './ownerDocument';

package/esm/ownerDocument/ownerDocument.js

@@ -0,0 +1,3 @@
+export default function ownerDocument(node) {
+  return node && node.ownerDocument || document;
+}

package/esm/ownerWindow/index.js

@@ -0,0 +1 @@
+export { default } from './ownerWindow';

package/esm/ownerWindow/ownerWindow.js

@@ -0,0 +1,5 @@
+import ownerDocument from '../ownerDocument';
+export default function ownerWindow(node) {
+  const doc = ownerDocument(node);
+  return doc.defaultView || window;
+}

package/esm/ponyfillGlobal/index.js

@@ -0,0 +1 @@
+export { default } from './ponyfillGlobal';

package/esm/ponyfillGlobal/ponyfillGlobal.js

@@ -0,0 +1,3 @@
+/* eslint-disable */
+// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
+export default typeof window != 'undefined' && window.Math == Math ? window : typeof self != 'undefined' && self.Math == Math ? self : Function('return this')();

package/esm/refType/index.js

@@ -0,0 +1 @@
+export { default } from './refType';

package/esm/refType/refType.js

@@ -0,0 +1,3 @@
+import PropTypes from 'prop-types';
+const refType = PropTypes.oneOfType([PropTypes.func, PropTypes.object]);
+export default refType;

package/esm/requirePropFactory/index.js

@@ -0,0 +1 @@
+export { default } from './requirePropFactory';

package/{node → esm}/requirePropFactory/requirePropFactory.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = requirePropFactory;
-function requirePropFactory(componentNameInError, Component) {
+export default function requirePropFactory(componentNameInError, Component) {
   if (process.env.NODE_ENV === 'production') {
     return () => null;
   }
@@ -15,7 +9,7 @@ function requirePropFactory(componentNameInError, Component) {
   } : null;
   const requireProp = requiredProp => (props, propName, componentName, location, propFullName, ...args) => {
     const propFullNameSafe = propFullName || propName;
-    const defaultTypeChecker = prevPropTypes == null ? void 0 : prevPropTypes[propFullNameSafe];
+    const defaultTypeChecker = prevPropTypes?.[propFullNameSafe];
     if (defaultTypeChecker) {
       const typeCheckerResult = defaultTypeChecker(props, propName, componentName, location, propFullName, ...args);
       if (typeCheckerResult) {

package/esm/resolveComponentProps/index.js

@@ -0,0 +1 @@
+export { default } from './resolveComponentProps';

package/esm/resolveComponentProps/resolveComponentProps.js

@@ -0,0 +1,11 @@
+/**
+ * If `componentProps` is a function, calls it with the provided `ownerState`.
+ * Otherwise, just returns `componentProps`.
+ */
+function resolveComponentProps(componentProps, ownerState, slotState) {
+  if (typeof componentProps === 'function') {
+    return componentProps(ownerState, slotState);
+  }
+  return componentProps;
+}
+export default resolveComponentProps;

package/esm/resolveProps/index.js

@@ -0,0 +1 @@
+export { default } from './resolveProps';

package/{node → esm}/resolveProps/resolveProps.js

@@ -1,16 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = resolveProps;
 /**
  * Add keys, values of `defaultProps` that does not exist in `props`
  * @param {object} defaultProps
  * @param {object} props
  * @returns {object} resolved props
  */
-function resolveProps(defaultProps, props) {
+export default function resolveProps(defaultProps, props) {
   const output = {
     ...props
   };

package/esm/setRef/index.js

@@ -0,0 +1 @@
+export { default } from './setRef';

package/{node → esm}/setRef/setRef.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = setRef;
 /**
  * TODO v5: consider making it private
  *
@@ -17,7 +11,7 @@ exports.default = setRef;
  * while still using it inside the component.
  * @param ref A ref callback or ref object. If anything falsy, this is a no-op.
  */
-function setRef(ref, value) {
+export default function setRef(ref, value) {
   if (typeof ref === 'function') {
     ref(value);
   } else if (ref) {

package/esm/types.js

@@ -0,0 +1 @@
+export {};

package/esm/unsupportedProp/index.js

@@ -0,0 +1 @@
+export { default } from './unsupportedProp';

package/{node → esm}/unsupportedProp/unsupportedProp.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = unsupportedProp;
-function unsupportedProp(props, propName, componentName, location, propFullName) {
+export default function unsupportedProp(props, propName, componentName, location, propFullName) {
   if (process.env.NODE_ENV === 'production') {
     return null;
   }

package/esm/useControlled/index.js

@@ -0,0 +1 @@
+export { default } from './useControlled';

package/{node → esm}/useControlled/useControlled.js

@@ -1,15 +1,8 @@
-"use strict";
 'use client';
 
 /* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useControlled;
-var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function useControlled({
+import * as React from 'react';
+export default function useControlled({
   controlled,
   default: defaultProp,
   name,
@@ -31,7 +24,9 @@ function useControlled({
       current: defaultValue
     } = React.useRef(defaultProp);
     React.useEffect(() => {
-      if (!isControlled && defaultValue !== defaultProp) {
+      // Object.is() is not equivalent to the === operator.
+      // See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is for more details.
+      if (!isControlled && !Object.is(defaultValue, defaultProp)) {
         console.error([`MUI: A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. ` + `To suppress this warning opt to use a controlled ${name}.`].join('\n'));
       }
     }, [JSON.stringify(defaultProp)]);

package/esm/useEnhancedEffect/index.js

@@ -0,0 +1 @@
+export { default } from './useEnhancedEffect';

package/esm/useEnhancedEffect/useEnhancedEffect.js

@@ -0,0 +1,13 @@
+'use client';
+
+import * as React from 'react';
+
+/**
+ * A version of `React.useLayoutEffect` that does not show a warning when server-side rendering.
+ * This is useful for effects that are only needed for client-side rendering but not for SSR.
+ *
+ * Before you use this hook, make sure to read https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
+ * and confirm it doesn't apply to your use-case.
+ */
+const useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+export default useEnhancedEffect;

package/esm/useEventCallback/index.js

@@ -0,0 +1 @@
+export { default } from './useEventCallback';

package/esm/useEventCallback/useEventCallback.js

@@ -0,0 +1,20 @@
+'use client';
+
+import * as React from 'react';
+import useEnhancedEffect from '../useEnhancedEffect';
+
+/**
+ * Inspired by https://github.com/facebook/react/issues/14099#issuecomment-440013892
+ * See RFC in https://github.com/reactjs/rfcs/pull/220
+ */
+
+function useEventCallback(fn) {
+  const ref = React.useRef(fn);
+  useEnhancedEffect(() => {
+    ref.current = fn;
+  });
+  return React.useRef((...args) =>
+  // @ts-expect-error hide `this`
+  (0, ref.current)(...args)).current;
+}
+export default useEventCallback;

package/esm/useForkRef/index.js

@@ -0,0 +1 @@
+export { default } from './useForkRef';