@mui/utils 9.0.0 → 9.1.0

package/isEventHandler/isEventHandler.mjs

@@ -0,0 +1,7 @@
+// Brought from [Base UI](https://github.com/mui/base-ui/blob/master/packages/react/src/merge-props/mergeProps.ts#L119)
+// Use it directly from Base UI once it's a package dependency.
+export default function isEventHandler(key, value) {
+  // This approach is more efficient than using a regex.
+  const thirdCharCode = key.charCodeAt(2);
+  return key[0] === 'o' && key[1] === 'n' && thirdCharCode >= 65 /* A */ && thirdCharCode <= 90 /* Z */ && typeof value === 'function';
+}

package/isHostComponent/isHostComponent.d.mts

@@ -2,5 +2,5 @@ import * as React from 'react';
 /**
  * Determines if a given element is a DOM element name (i.e. not a React component).
  */
-declare function isHostComponent(element: React.ElementType): element is "symbol" | "object" | "search" | "big" | "link" | "small" | "sub" | "sup" | "map" | "filter" | "input" | "set" | "base" | "code" | "data" | "time" | "progress" | "stop" | "track" | "source" | "button" | "address" | "center" | "view" | "clipPath" | "marker" | "mask" | "a" | "abbr" | "area" | "article" | "aside" | "audio" | "b" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "caption" | "cite" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "keygen" | "menuitem" | "param" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "noindex" | "webview";
+declare function isHostComponent(element: React.ElementType): element is "symbol" | "object" | "search" | "big" | "link" | "small" | "sub" | "sup" | "map" | "filter" | "input" | "set" | "base" | "code" | "data" | "time" | "source" | "progress" | "stop" | "track" | "button" | "address" | "center" | "view" | "clipPath" | "marker" | "mask" | "a" | "abbr" | "area" | "article" | "aside" | "audio" | "b" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "caption" | "cite" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "keygen" | "menuitem" | "param" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "noindex" | "webview";
 export default isHostComponent;

package/isHostComponent/isHostComponent.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 /**
  * Determines if a given element is a DOM element name (i.e. not a React component).
  */
-declare function isHostComponent(element: React.ElementType): element is "symbol" | "object" | "search" | "big" | "link" | "small" | "sub" | "sup" | "map" | "filter" | "input" | "set" | "base" | "code" | "data" | "time" | "progress" | "stop" | "track" | "source" | "button" | "address" | "center" | "view" | "clipPath" | "marker" | "mask" | "a" | "abbr" | "area" | "article" | "aside" | "audio" | "b" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "caption" | "cite" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "keygen" | "menuitem" | "param" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "noindex" | "webview";
+declare function isHostComponent(element: React.ElementType): element is "symbol" | "object" | "search" | "big" | "link" | "small" | "sub" | "sup" | "map" | "filter" | "input" | "set" | "base" | "code" | "data" | "time" | "source" | "progress" | "stop" | "track" | "button" | "address" | "center" | "view" | "clipPath" | "marker" | "mask" | "a" | "abbr" | "area" | "article" | "aside" | "audio" | "b" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "caption" | "cite" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "keygen" | "menuitem" | "param" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "noindex" | "webview";
 export default isHostComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/utils",
-  "version": "9.0.0",
+  "version": "9.1.0",
   "author": "MUI Team",
   "description": "Utility functions for React components.",
   "license": "MIT",
@@ -28,7 +28,7 @@
     "@types/prop-types": "^15.7.15",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "react-is": "^19.2.4",
+    "react-is": "^19.2.6",
     "@mui/types": "^9.0.0"
   },
   "peerDependencies": {
@@ -162,6 +162,20 @@
         "default": "./composeClasses/index.mjs"
       }
     },
+    "./contains": {
+      "import": {
+        "types": "./contains/index.d.mts",
+        "default": "./contains/index.mjs"
+      },
+      "require": {
+        "types": "./contains/index.d.ts",
+        "default": "./contains/index.js"
+      },
+      "default": {
+        "types": "./contains/index.d.mts",
+        "default": "./contains/index.mjs"
+      }
+    },
     "./createChainedFunction": {
       "import": {
         "types": "./createChainedFunction/index.d.mts",
@@ -372,6 +386,20 @@
         "default": "./getDisplayName/index.mjs"
       }
     },
+    "./getEventTarget": {
+      "import": {
+        "types": "./getEventTarget/index.d.mts",
+        "default": "./getEventTarget/index.mjs"
+      },
+      "require": {
+        "types": "./getEventTarget/index.d.ts",
+        "default": "./getEventTarget/index.js"
+      },
+      "default": {
+        "types": "./getEventTarget/index.d.mts",
+        "default": "./getEventTarget/index.mjs"
+      }
+    },
     "./getReactElementRef": {
       "import": {
         "types": "./getReactElementRef/index.d.mts",
@@ -442,6 +470,20 @@
         "default": "./integerPropType/index.mjs"
       }
     },
+    "./isEventHandler": {
+      "import": {
+        "types": "./isEventHandler/index.d.mts",
+        "default": "./isEventHandler/index.mjs"
+      },
+      "require": {
+        "types": "./isEventHandler/index.d.ts",
+        "default": "./isEventHandler/index.js"
+      },
+      "default": {
+        "types": "./isEventHandler/index.d.mts",
+        "default": "./isEventHandler/index.mjs"
+      }
+    },
     "./isFocusVisible": {
       "import": {
         "types": "./isFocusVisible/index.d.mts",
@@ -708,6 +750,20 @@
         "default": "./useEventCallback/index.mjs"
       }
     },
+    "./useForcedRerendering": {
+      "import": {
+        "types": "./useForcedRerendering/index.d.mts",
+        "default": "./useForcedRerendering/index.mjs"
+      },
+      "require": {
+        "types": "./useForcedRerendering/index.d.ts",
+        "default": "./useForcedRerendering/index.js"
+      },
+      "default": {
+        "types": "./useForcedRerendering/index.d.mts",
+        "default": "./useForcedRerendering/index.mjs"
+      }
+    },
     "./useForkRef": {
       "import": {
         "types": "./useForkRef/index.d.mts",
@@ -848,6 +904,20 @@
         "default": "./useTimeout/index.mjs"
       }
     },
+    "./useValueAsRef": {
+      "import": {
+        "types": "./useValueAsRef/index.d.mts",
+        "default": "./useValueAsRef/index.mjs"
+      },
+      "require": {
+        "types": "./useValueAsRef/index.d.ts",
+        "default": "./useValueAsRef/index.js"
+      },
+      "default": {
+        "types": "./useValueAsRef/index.d.mts",
+        "default": "./useValueAsRef/index.mjs"
+      }
+    },
     "./visuallyHidden": {
       "import": {
         "types": "./visuallyHidden/index.d.mts",

package/resolveProps/resolveProps.js

@@ -45,7 +45,7 @@ function resolveProps(defaultProps, props, mergeClassNameAndStyle = false) {
             }
           }
         }
-      } else if (propName === 'className' && mergeClassNameAndStyle && props.className) {
+      } else if (propName === 'className' && mergeClassNameAndStyle && props.className !== undefined) {
         output.className = (0, _clsx.default)(defaultProps?.className, props?.className);
       } else if (propName === 'style' && mergeClassNameAndStyle && props.style) {
         output.style = {

package/resolveProps/resolveProps.mjs

@@ -39,7 +39,7 @@ export default function resolveProps(defaultProps, props, mergeClassNameAndStyle
             }
           }
         }
-      } else if (propName === 'className' && mergeClassNameAndStyle && props.className) {
+      } else if (propName === 'className' && mergeClassNameAndStyle && props.className !== undefined) {
         output.className = clsx(defaultProps?.className, props?.className);
       } else if (propName === 'style' && mergeClassNameAndStyle && props.style) {
         output.style = {

package/useForcedRerendering/index.d.mts

@@ -0,0 +1 @@
+export { default } from "./useForcedRerendering.mjs";

package/useForcedRerendering/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./useForcedRerendering.js";

package/useForcedRerendering/index.js

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

package/useForcedRerendering/index.mjs

@@ -0,0 +1 @@
+export { default } from "./useForcedRerendering.mjs";

package/useForcedRerendering/useForcedRerendering.d.mts

@@ -0,0 +1,6 @@
+/**
+ * Copied from @base-ui/utils
+ *
+ * Returns a function that forces a rerender.
+ */
+export default function useForcedRerendering(): () => void;

package/useForcedRerendering/useForcedRerendering.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copied from @base-ui/utils
+ *
+ * Returns a function that forces a rerender.
+ */
+export default function useForcedRerendering(): () => void;

package/useForcedRerendering/useForcedRerendering.js

@@ -0,0 +1,20 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useForcedRerendering;
+var React = _interopRequireWildcard(require("react"));
+/**
+ * Copied from @base-ui/utils
+ *
+ * Returns a function that forces a rerender.
+ */
+function useForcedRerendering() {
+  const [, setState] = React.useState({});
+  return React.useCallback(() => {
+    setState({});
+  }, []);
+}

package/useForcedRerendering/useForcedRerendering.mjs

@@ -0,0 +1,15 @@
+'use client';
+
+import * as React from 'react';
+
+/**
+ * Copied from @base-ui/utils
+ *
+ * Returns a function that forces a rerender.
+ */
+export default function useForcedRerendering() {
+  const [, setState] = React.useState({});
+  return React.useCallback(() => {
+    setState({});
+  }, []);
+}

package/useIsFocusVisible/useIsFocusVisible.js

@@ -134,7 +134,7 @@ function useIsFocusVisible() {
     // checking against potential state variable does not suffice if we focus and blur synchronously.
     // React wouldn't have time to trigger a re-render so `focusVisible` would be stale.
     // Ideally we would adjust `isFocusVisible(event)` to look at `relatedTarget` for blur events.
-    // This doesn't work in IE11 due to https://github.com/facebook/react/issues/3751
+    // This doesn't work in IE 11 due to https://github.com/facebook/react/issues/3751
     // TODO: check again if React releases their internal changes to focus event handling (https://github.com/facebook/react/pull/19186).
     if (isFocusVisibleRef.current) {
       // To detect a tab/window switch, we look for a blur event followed

package/useIsFocusVisible/useIsFocusVisible.mjs

@@ -127,7 +127,7 @@ export default function useIsFocusVisible() {
     // checking against potential state variable does not suffice if we focus and blur synchronously.
     // React wouldn't have time to trigger a re-render so `focusVisible` would be stale.
     // Ideally we would adjust `isFocusVisible(event)` to look at `relatedTarget` for blur events.
-    // This doesn't work in IE11 due to https://github.com/facebook/react/issues/3751
+    // This doesn't work in IE 11 due to https://github.com/facebook/react/issues/3751
     // TODO: check again if React releases their internal changes to focus event handling (https://github.com/facebook/react/pull/19186).
     if (isFocusVisibleRef.current) {
       // To detect a tab/window switch, we look for a blur event followed

package/useRovingTabIndex/useRovingTabIndex.js

@@ -36,10 +36,10 @@ function useRovingTabIndexRoot(params) {
     wrap = true
   } = params;
   const [activeItemIdState, setActiveItemIdState] = React.useState(activeItemIdProp);
-  const previousActiveItemIdPropRef = React.useRef(activeItemIdProp);
+  const [previousActiveItemIdProp, setPreviousActiveItemIdProp] = React.useState(activeItemIdProp);
   let activeItemIdCandidate = activeItemIdState;
-  if (activeItemIdProp !== previousActiveItemIdPropRef.current) {
-    previousActiveItemIdPropRef.current = activeItemIdProp;
+  if (activeItemIdProp !== previousActiveItemIdProp) {
+    setPreviousActiveItemIdProp(activeItemIdProp);
     if (activeItemIdProp !== undefined && activeItemIdProp !== activeItemIdState) {
       activeItemIdCandidate = activeItemIdProp;
       setActiveItemIdState(activeItemIdProp);

package/useRovingTabIndex/useRovingTabIndex.mjs

@@ -27,10 +27,10 @@ export function useRovingTabIndexRoot(params) {
     wrap = true
   } = params;
   const [activeItemIdState, setActiveItemIdState] = React.useState(activeItemIdProp);
-  const previousActiveItemIdPropRef = React.useRef(activeItemIdProp);
+  const [previousActiveItemIdProp, setPreviousActiveItemIdProp] = React.useState(activeItemIdProp);
   let activeItemIdCandidate = activeItemIdState;
-  if (activeItemIdProp !== previousActiveItemIdPropRef.current) {
-    previousActiveItemIdPropRef.current = activeItemIdProp;
+  if (activeItemIdProp !== previousActiveItemIdProp) {
+    setPreviousActiveItemIdProp(activeItemIdProp);
     if (activeItemIdProp !== undefined && activeItemIdProp !== activeItemIdState) {
       activeItemIdCandidate = activeItemIdProp;
       setActiveItemIdState(activeItemIdProp);

package/useValueAsRef/index.d.mts

@@ -0,0 +1 @@
+export { default } from "./useValueAsRef.mjs";

package/useValueAsRef/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./useValueAsRef.js";

package/useValueAsRef/index.js

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

package/useValueAsRef/index.mjs

@@ -0,0 +1 @@
+export { default } from "./useValueAsRef.mjs";

package/useValueAsRef/useValueAsRef.d.mts

@@ -0,0 +1,14 @@
+interface ValueRef<T> {
+  current: T;
+  next: T;
+  effect: () => void;
+}
+/**
+ * Copied from `@base-ui/utils/useValueAsRef`.
+ *
+ * Stores the latest value in a stable ref. The ref updates after React commits,
+ * so effects and delayed callbacks can read the current value without depending
+ * on it and rerunning.
+ */
+export default function useValueAsRef<T>(value: T): ValueRef<T>;
+export {};

package/useValueAsRef/useValueAsRef.d.ts

@@ -0,0 +1,14 @@
+interface ValueRef<T> {
+  current: T;
+  next: T;
+  effect: () => void;
+}
+/**
+ * Copied from `@base-ui/utils/useValueAsRef`.
+ *
+ * Stores the latest value in a stable ref. The ref updates after React commits,
+ * so effects and delayed callbacks can read the current value without depending
+ * on it and rerunning.
+ */
+export default function useValueAsRef<T>(value: T): ValueRef<T>;
+export {};

package/useValueAsRef/useValueAsRef.js

@@ -0,0 +1,35 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useValueAsRef;
+var _useEnhancedEffect = _interopRequireDefault(require("../useEnhancedEffect/useEnhancedEffect"));
+var _useLazyRef = _interopRequireDefault(require("../useLazyRef/useLazyRef"));
+/**
+ * Copied from `@base-ui/utils/useValueAsRef`.
+ *
+ * Stores the latest value in a stable ref. The ref updates after React commits,
+ * so effects and delayed callbacks can read the current value without depending
+ * on it and rerunning.
+ */
+function useValueAsRef(value) {
+  const latest = (0, _useLazyRef.default)(() => createValueRef(value)).current;
+  latest.next = value;
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps -- effect never changes; it reads latest.next.
+  (0, _useEnhancedEffect.default)(latest.effect);
+  return latest;
+}
+function createValueRef(value) {
+  const latest = {
+    current: value,
+    next: value,
+    effect: () => {
+      latest.current = latest.next;
+    }
+  };
+  return latest;
+}

package/useValueAsRef/useValueAsRef.mjs

@@ -0,0 +1,29 @@
+'use client';
+
+import useEnhancedEffect from "../useEnhancedEffect/useEnhancedEffect.mjs";
+import useLazyRef from "../useLazyRef/useLazyRef.mjs";
+/**
+ * Copied from `@base-ui/utils/useValueAsRef`.
+ *
+ * Stores the latest value in a stable ref. The ref updates after React commits,
+ * so effects and delayed callbacks can read the current value without depending
+ * on it and rerunning.
+ */
+export default function useValueAsRef(value) {
+  const latest = useLazyRef(() => createValueRef(value)).current;
+  latest.next = value;
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps -- effect never changes; it reads latest.next.
+  useEnhancedEffect(latest.effect);
+  return latest;
+}
+function createValueRef(value) {
+  const latest = {
+    current: value,
+    next: value,
+    effect: () => {
+      latest.current = latest.next;
+    }
+  };
+  return latest;
+}

package/visuallyHidden/visuallyHidden.d.mts

@@ -1,2 +1,3 @@
-declare const visuallyHidden: import('react').CSSProperties;
+import type * as React from 'react';
+declare const visuallyHidden: React.CSSProperties;
 export default visuallyHidden;

package/visuallyHidden/visuallyHidden.d.ts

@@ -1,2 +1,3 @@
-declare const visuallyHidden: import('react').CSSProperties;
+import type * as React from 'react';
+declare const visuallyHidden: React.CSSProperties;
 export default visuallyHidden;