@jobber/components 7.10.0 → 7.11.0

package/dist/DrawerRoot-cjs.js

@@ -2,8 +2,10 @@
 
 var React = require('react');
 var useRenderElement = require('./useRenderElement-cjs.js');
+var useValueChanged = require('./useValueChanged-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 var index_esm = require('./index.esm-cjs.js');
+var floatingUi_utils_dom = require('./floating-ui.utils.dom-cjs.js');
 var ReactDOM = require('react-dom');
 
 function _interopNamespaceDefault(e) {
@@ -76,35 +78,6 @@ const ownerVisuallyHidden = {
   left: 0
 };
 
-let TransitionStatusDataAttributes = /*#__PURE__*/function (TransitionStatusDataAttributes) {
-  /**
-   * Present when the component is animating in.
-   */
-  TransitionStatusDataAttributes["startingStyle"] = "data-starting-style";
-  /**
-   * Present when the component is animating out.
-   */
-  TransitionStatusDataAttributes["endingStyle"] = "data-ending-style";
-  return TransitionStatusDataAttributes;
-}({});
-const STARTING_HOOK = {
-  [TransitionStatusDataAttributes.startingStyle]: ''
-};
-const ENDING_HOOK = {
-  [TransitionStatusDataAttributes.endingStyle]: ''
-};
-const transitionStatusMapping = {
-  transitionStatus(value) {
-    if (value === 'starting') {
-      return STARTING_HOOK;
-    }
-    if (value === 'ending') {
-      return ENDING_HOOK;
-    }
-    return null;
-  }
-};
-
 let CommonPopupDataAttributes = function (CommonPopupDataAttributes) {
   /**
    * Present when the popup is open.
@@ -117,11 +90,11 @@ let CommonPopupDataAttributes = function (CommonPopupDataAttributes) {
   /**
    * Present when the popup is animating in.
    */
-  CommonPopupDataAttributes[CommonPopupDataAttributes["startingStyle"] = TransitionStatusDataAttributes.startingStyle] = "startingStyle";
+  CommonPopupDataAttributes[CommonPopupDataAttributes["startingStyle"] = useValueChanged.TransitionStatusDataAttributes.startingStyle] = "startingStyle";
   /**
    * Present when the popup is animating out.
    */
-  CommonPopupDataAttributes[CommonPopupDataAttributes["endingStyle"] = TransitionStatusDataAttributes.endingStyle] = "endingStyle";
+  CommonPopupDataAttributes[CommonPopupDataAttributes["endingStyle"] = useValueChanged.TransitionStatusDataAttributes.endingStyle] = "endingStyle";
   /**
    * Present when the anchor is hidden.
    */
@@ -246,7 +219,7 @@ let DrawerBackdropCssVars = /*#__PURE__*/function (DrawerBackdropCssVars) {
 
 const stateAttributesMapping$1 = {
   ...popupStateMapping,
-  ...transitionStatusMapping
+  ...useValueChanged.transitionStatusMapping
 };
 
 /**
@@ -293,131 +266,6 @@ const DrawerBackdrop = /*#__PURE__*/React__namespace.forwardRef(function DrawerB
 });
 if (process.env.NODE_ENV !== "production") DrawerBackdrop.displayName = "DrawerBackdrop";
 
-// https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379
-const useInsertionEffect = React__namespace[`useInsertionEffect${Math.random().toFixed(1)}`.slice(0, -3)];
-const useSafeInsertionEffect =
-// React 17 doesn't have useInsertionEffect.
-useInsertionEffect &&
-// Preact replaces useInsertionEffect with useLayoutEffect and fires too late.
-useInsertionEffect !== React__namespace.useLayoutEffect ? useInsertionEffect : fn => fn();
-/**
- * Stabilizes the function passed so it's always the same between renders.
- *
- * The function becomes non-reactive to any values it captures.
- * It can safely be passed as a dependency of `React.useMemo` and `React.useEffect` without re-triggering them if its captured values change.
- *
- * The function must only be called inside effects and event handlers, never during render (which throws an error).
- *
- * This hook is a more permissive version of React 19.2's `React.useEffectEvent` in that it can be passed through contexts and called in event handler props, not just effects.
- */
-function useStableCallback(callback) {
-  const stable = useRenderElement.useRefWithInit(createStableCallback).current;
-  stable.next = callback;
-  useSafeInsertionEffect(stable.effect);
-  return stable.trampoline;
-}
-function createStableCallback() {
-  const stable = {
-    next: undefined,
-    callback: assertNotCalled,
-    trampoline: (...args) => stable.callback?.(...args),
-    effect: () => {
-      stable.callback = stable.next;
-    }
-  };
-  return stable;
-}
-function assertNotCalled() {
-  if (process.env.NODE_ENV !== 'production') {
-    throw /* minify-error-disabled */new Error('Base UI: Cannot call an event handler while rendering.');
-  }
-}
-
-// https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379
-const SafeReact = {
-  ...React__namespace
-};
-
-const noop = () => {};
-const useIsoLayoutEffect = typeof document !== 'undefined' ? React__namespace.useLayoutEffect : noop;
-
-const none = 'none';
-const triggerPress = 'trigger-press';
-const triggerHover = 'trigger-hover';
-const triggerFocus = 'trigger-focus';
-const outsidePress = 'outside-press';
-const itemPress = 'item-press';
-const closePress = 'close-press';
-const clearPress = 'clear-press';
-const chipRemovePress = 'chip-remove-press';
-const incrementPress = 'increment-press';
-const decrementPress = 'decrement-press';
-const inputChange = 'input-change';
-const inputClear = 'input-clear';
-const inputBlur = 'input-blur';
-const inputPaste = 'input-paste';
-const inputPress = 'input-press';
-const focusOut = 'focus-out';
-const escapeKey = 'escape-key';
-const closeWatcher = 'close-watcher';
-const listNavigation = 'list-navigation';
-const keyboard = 'keyboard';
-const scrub = 'scrub';
-const cancelOpen = 'cancel-open';
-const siblingOpen = 'sibling-open';
-const imperativeAction = 'imperative-action';
-const swipe = 'swipe';
-
-/**
- * Maps a change `reason` string to the corresponding native event type.
- */
-
-/**
- * Details of custom change events emitted by Base UI components.
- */
-
-/**
- * Details of custom generic events emitted by Base UI components.
- */
-
-/**
- * Creates a Base UI event details object with the given reason and utilities
- * for preventing Base UI's internal event handling.
- */
-function createChangeEventDetails(reason, event, trigger, customProperties) {
-  let canceled = false;
-  let allowPropagation = false;
-  const custom = customProperties ?? useRenderElement.EMPTY_OBJECT;
-  const details = {
-    reason,
-    event: event ?? new Event('base-ui'),
-    cancel() {
-      canceled = true;
-    },
-    allowPropagation() {
-      allowPropagation = true;
-    },
-    get isCanceled() {
-      return canceled;
-    },
-    get isPropagationAllowed() {
-      return allowPropagation;
-    },
-    trigger,
-    ...custom
-  };
-  return details;
-}
-function createGenericEventDetails(reason, event, customProperties) {
-  const custom = customProperties ?? useRenderElement.EMPTY_OBJECT;
-  const details = {
-    reason,
-    event: event ?? new Event('base-ui'),
-    ...custom
-  };
-  return details;
-}
-
 const DRAWER_CONTENT_ATTRIBUTE = 'data-drawer-content';
 
 /**
@@ -442,44 +290,6 @@ const DrawerContent = /*#__PURE__*/React__namespace.forwardRef(function DrawerCo
 });
 if (process.env.NODE_ENV !== "production") DrawerContent.displayName = "DrawerContent";
 
-let globalId = 0;
-
-// TODO React 17: Remove `useGlobalId` once React 17 support is removed
-function useGlobalId(idOverride, prefix = 'mui') {
-  const [defaultId, setDefaultId] = React__namespace.useState(idOverride);
-  const id = idOverride || defaultId;
-  React__namespace.useEffect(() => {
-    if (defaultId == null) {
-      // Fallback to this default id when possible.
-      // Use the incrementing value for client-side rendering only.
-      // We can't use it server-side.
-      // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem
-      globalId += 1;
-      setDefaultId(`${prefix}-${globalId}`);
-    }
-  }, [defaultId, prefix]);
-  return id;
-}
-const maybeReactUseId = SafeReact.useId;
-
-/**
- *
- * @example <div id={useId()} />
- * @param idOverride
- * @returns {string}
- */
-function useId(idOverride, prefix) {
-  // React.useId() is only available from React 17.0.0.
-  if (maybeReactUseId !== undefined) {
-    const reactId = maybeReactUseId();
-    return idOverride ?? (prefix ? `${prefix}-${reactId}` : reactId);
-  }
-
-  // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler
-  // eslint-disable-next-line react-hooks/rules-of-hooks -- `React.useId` is invariant at runtime.
-  return useGlobalId(idOverride, prefix);
-}
-
 const DrawerProviderContext = /*#__PURE__*/React__namespace.createContext(undefined);
 if (process.env.NODE_ENV !== "production") DrawerProviderContext.displayName = "DrawerProviderContext";
 function useDrawerProviderContext(optional) {
@@ -487,116 +297,6 @@ function useDrawerProviderContext(optional) {
   return context;
 }
 
-const EMPTY$2 = [];
-
-/**
- * A React.useEffect equivalent that runs once, when the component is mounted.
- */
-function useOnMount(fn) {
-  // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler -- no need to put `fn` in the dependency array
-  /* eslint-disable react-hooks/exhaustive-deps */
-  React__namespace.useEffect(fn, EMPTY$2);
-  /* eslint-enable react-hooks/exhaustive-deps */
-}
-
-const EMPTY$1 = 0;
-class Timeout {
-  static create() {
-    return new Timeout();
-  }
-  currentId = EMPTY$1;
-
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
-   */
-  start(delay, fn) {
-    this.clear();
-    this.currentId = setTimeout(() => {
-      this.currentId = EMPTY$1;
-      fn();
-    }, delay); /* Node.js types are enabled in development */
-  }
-  isStarted() {
-    return this.currentId !== EMPTY$1;
-  }
-  clear = () => {
-    if (this.currentId !== EMPTY$1) {
-      clearTimeout(this.currentId);
-      this.currentId = EMPTY$1;
-    }
-  };
-  disposeEffect = () => {
-    return this.clear;
-  };
-}
-
-/**
- * A `setTimeout` with automatic cleanup and guard.
- */
-function useTimeout() {
-  const timeout = useRenderElement.useRefWithInit(Timeout.create).current;
-  useOnMount(timeout.disposeEffect);
-  return timeout;
-}
-
-const hasNavigator = typeof navigator !== 'undefined';
-const nav = getNavigatorData();
-const platform = getPlatform();
-const userAgent = getUserAgent();
-const isWebKit = typeof CSS === 'undefined' || !CSS.supports ? false : CSS.supports('-webkit-backdrop-filter:none');
-const isIOS =
-// iPads can claim to be MacIntel
-nav.platform === 'MacIntel' && nav.maxTouchPoints > 1 ? true : /iP(hone|ad|od)|iOS/.test(nav.platform);
-const isFirefox = hasNavigator && /firefox/i.test(userAgent);
-const isSafari = hasNavigator && /apple/i.test(navigator.vendor);
-const isAndroid = hasNavigator && /android/i.test(platform) || /android/i.test(userAgent);
-const isMac = hasNavigator && platform.toLowerCase().startsWith('mac') && !navigator.maxTouchPoints;
-const isJSDOM = userAgent.includes('jsdom/');
-
-// Avoid Chrome DevTools blue warning.
-function getNavigatorData() {
-  if (!hasNavigator) {
-    return {
-      platform: '',
-      maxTouchPoints: -1
-    };
-  }
-  const uaData = navigator.userAgentData;
-  if (uaData?.platform) {
-    return {
-      platform: uaData.platform,
-      maxTouchPoints: navigator.maxTouchPoints
-    };
-  }
-  return {
-    platform: navigator.platform ?? '',
-    maxTouchPoints: navigator.maxTouchPoints ?? -1
-  };
-}
-function getUserAgent() {
-  if (!hasNavigator) {
-    return '';
-  }
-  const uaData = navigator.userAgentData;
-  if (uaData && Array.isArray(uaData.brands)) {
-    return uaData.brands.map(({
-      brand,
-      version
-    }) => `${brand}/${version}`).join(' ');
-  }
-  return navigator.userAgent;
-}
-function getPlatform() {
-  if (!hasNavigator) {
-    return '';
-  }
-  const uaData = navigator.userAgentData;
-  if (uaData?.platform) {
-    return uaData.platform;
-  }
-  return navigator.platform ?? '';
-}
-
 const FOCUSABLE_ATTRIBUTE = 'data-base-ui-focusable';
 const ACTIVE_KEY = 'active';
 const SELECTED_KEY = 'selected';
@@ -625,7 +325,7 @@ function contains(parent, child) {
   }
 
   // then fallback to custom implementation with Shadow DOM support
-  if (rootNode && index_esm.isShadowRoot(rootNode)) {
+  if (rootNode && floatingUi_utils_dom.isShadowRoot(rootNode)) {
     let next = child;
     while (next) {
       if (parent === next) {
@@ -639,7 +339,7 @@ function contains(parent, child) {
   return false;
 }
 function isTargetInsideEnabledTrigger(target, triggerElements) {
-  if (!index_esm.isElement(target)) {
+  if (!floatingUi_utils_dom.isElement(target)) {
     return false;
   }
   const targetElement = target;
@@ -678,7 +378,7 @@ function isRootElement(element) {
   return element.matches('html,body');
 }
 function isTypeableElement(element) {
-  return index_esm.isHTMLElement(element) && element.matches(TYPEABLE_SELECTOR);
+  return floatingUi_utils_dom.isHTMLElement(element) && element.matches(TYPEABLE_SELECTOR);
 }
 function isTypeableCombobox(element) {
   if (!element) {
@@ -689,7 +389,7 @@ function isTypeableCombobox(element) {
 function matchesFocusVisible(element) {
   // We don't want to block focus from working with `visibleOnly`
   // (JSDOM doesn't match `:focus-visible` when the element has `:focus`)
-  if (!element || isJSDOM) {
+  if (!element || useValueChanged.isJSDOM) {
     return true;
   }
   try {
@@ -728,46 +428,6 @@ function getNodeAncestors(nodes, id) {
   return allAncestors;
 }
 
-function stopEvent(event) {
-  event.preventDefault();
-  event.stopPropagation();
-}
-function isReactEvent(event) {
-  return 'nativeEvent' in event;
-}
-
-// License: https://github.com/adobe/react-spectrum/blob/main/packages/@react-aria/utils/src/isVirtualEvent.ts
-function isVirtualClick(event) {
-  if (event.pointerType === '' && event.isTrusted) {
-    return true;
-  }
-  if (isAndroid && event.pointerType) {
-    return event.type === 'click' && event.buttons === 1;
-  }
-  return event.detail === 0 && !event.pointerType;
-}
-function isVirtualPointerEvent(event) {
-  if (isJSDOM) {
-    return false;
-  }
-  return !isAndroid && event.width === 0 && event.height === 0 || isAndroid && event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === 'mouse' ||
-  // iOS VoiceOver returns 0.333• for width/height.
-  event.width < 1 && event.height < 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === 'touch';
-}
-function isMouseLikePointerType(pointerType, strict) {
-  // On some Linux machines with Chromium, mouse inputs return a `pointerType`
-  // of "pen": https://github.com/floating-ui/floating-ui/issues/2015
-  const values = ['mouse', 'pen'];
-  if (!strict) {
-    values.push('', undefined);
-  }
-  return values.includes(pointerType);
-}
-function isClickLikeEvent(event) {
-  const type = event.type;
-  return type === 'click' || type === 'mousedown' || type === 'keydown' || type === 'keyup';
-}
-
 function isDifferentGridRow(index, cols, prevRow) {
   return Math.floor(index / cols) !== prevRow;
 }
@@ -914,7 +574,7 @@ function getGridNavigatedIndex(listRef, {
       return undefined;
     };
     if (stop) {
-      stopEvent(event);
+      useValueChanged.stopEvent(event);
     }
     const verticalCandidate = navigateVertically(verticalDirection) ?? navigateVerticallyWithInferredRows(verticalDirection);
     if (verticalCandidate !== undefined) {
@@ -958,7 +618,7 @@ function getGridNavigatedIndex(listRef, {
     const prevRow = index_esm.floor(prevIndex / cols);
     if (event.key === (rtl ? ARROW_LEFT$1 : ARROW_RIGHT$1)) {
       if (stop) {
-        stopEvent(event);
+        useValueChanged.stopEvent(event);
       }
       if (prevIndex % cols !== cols - 1) {
         nextIndex = findNonDisabledListIndex(listRef, {
@@ -983,7 +643,7 @@ function getGridNavigatedIndex(listRef, {
     }
     if (event.key === (rtl ? ARROW_RIGHT$1 : ARROW_LEFT$1)) {
       if (stop) {
-        stopEvent(event);
+        useValueChanged.stopEvent(event);
       }
       if (prevIndex % cols !== 0) {
         nextIndex = findNonDisabledListIndex(listRef, {
@@ -1106,11 +766,7 @@ function isListIndexDisabled(listRef, index, disabledIndices) {
   return !disabledIndices && (element.hasAttribute('disabled') || element.getAttribute('aria-disabled') === 'true');
 }
 function isElementVisible(element) {
-  return index_esm.getComputedStyle(element).display !== 'none';
-}
-
-function ownerDocument(node) {
-  return node?.ownerDocument || document;
+  return floatingUi_utils_dom.getComputedStyle(element).display !== 'none';
 }
 
 const getTabbableOptions = () => ({
@@ -1127,23 +783,23 @@ function getTabbableIn(container, dir) {
   if (len === 0) {
     return undefined;
   }
-  const active = activeElement(ownerDocument(container));
+  const active = activeElement(useValueChanged.ownerDocument(container));
   const index = list.indexOf(active);
   // eslint-disable-next-line no-nested-ternary
   const nextIndex = index === -1 ? dir === 1 ? 0 : len - 1 : index + dir;
   return list[nextIndex];
 }
 function getNextTabbable(referenceElement) {
-  return getTabbableIn(ownerDocument(referenceElement).body, 1) || referenceElement;
+  return getTabbableIn(useValueChanged.ownerDocument(referenceElement).body, 1) || referenceElement;
 }
 function getPreviousTabbable(referenceElement) {
-  return getTabbableIn(ownerDocument(referenceElement).body, -1) || referenceElement;
+  return getTabbableIn(useValueChanged.ownerDocument(referenceElement).body, -1) || referenceElement;
 }
 function getTabbableNearElement(referenceElement, dir) {
   if (!referenceElement) {
     return null;
   }
-  const list = index_esm.tabbable(ownerDocument(referenceElement).body, getTabbableOptions());
+  const list = index_esm.tabbable(useValueChanged.ownerDocument(referenceElement).body, getTabbableOptions());
   const elementCount = list.length;
   if (elementCount === 0) {
     return null;
@@ -1186,158 +842,10 @@ function enableFocusInside(container) {
   });
 }
 
-/**
- * Untracks the provided value by turning it into a ref to remove its reactivity.
- *
- * Used to access the passed value inside `React.useEffect` without causing the effect to re-run when the value changes.
- */
-function useValueAsRef(value) {
-  const latest = useRenderElement.useRefWithInit(createLatestRef, value).current;
-  latest.next = value;
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useIsoLayoutEffect(latest.effect);
-  return latest;
-}
-function createLatestRef(value) {
-  const latest = {
-    current: value,
-    next: value,
-    effect: () => {
-      latest.current = latest.next;
-    }
-  };
-  return latest;
-}
-
-/** Unlike `setTimeout`, rAF doesn't guarantee a positive integer return value, so we can't have
- * a monomorphic `uint` type with `0` meaning empty.
- * See warning note at:
- * https://developer.mozilla.org/en-US/docs/Web/API/Window/requestAnimationFrame#return_value */
-const EMPTY = null;
-let LAST_RAF = globalThis.requestAnimationFrame;
-class Scheduler {
-  /* This implementation uses an array as a backing data-structure for frame callbacks.
-   * It allows `O(1)` callback cancelling by inserting a `null` in the array, though it
-   * never calls the native `cancelAnimationFrame` if there are no frames left. This can
-   * be much more efficient if there is a call pattern that alterns as
-   * "request-cancel-request-cancel-…".
-   * But in the case of "request-request-…-cancel-cancel-…", it leaves the final animation
-   * frame to run anyway. We turn that frame into a `O(1)` no-op via `callbacksCount`. */
-
-  callbacks = [];
-  callbacksCount = 0;
-  nextId = 1;
-  startId = 1;
-  isScheduled = false;
-  tick = timestamp => {
-    this.isScheduled = false;
-    const currentCallbacks = this.callbacks;
-    const currentCallbacksCount = this.callbacksCount;
-
-    // Update these before iterating, callbacks could call `requestAnimationFrame` again.
-    this.callbacks = [];
-    this.callbacksCount = 0;
-    this.startId = this.nextId;
-    if (currentCallbacksCount > 0) {
-      for (let i = 0; i < currentCallbacks.length; i += 1) {
-        currentCallbacks[i]?.(timestamp);
-      }
-    }
-  };
-  request(fn) {
-    const id = this.nextId;
-    this.nextId += 1;
-    this.callbacks.push(fn);
-    this.callbacksCount += 1;
-
-    /* In a test environment with fake timers, a fake `requestAnimationFrame` can be called
-     * but there's no guarantee that the animation frame will actually run before the fake
-     * timers are teared, which leaves `isScheduled` set, but won't run our `tick()`. */
-    const didRAFChange = process.env.NODE_ENV !== 'production' && LAST_RAF !== requestAnimationFrame && (LAST_RAF = requestAnimationFrame, true);
-    if (!this.isScheduled || didRAFChange) {
-      requestAnimationFrame(this.tick);
-      this.isScheduled = true;
-    }
-    return id;
-  }
-  cancel(id) {
-    const index = id - this.startId;
-    if (index < 0 || index >= this.callbacks.length) {
-      return;
-    }
-    this.callbacks[index] = null;
-    this.callbacksCount -= 1;
-  }
-}
-const scheduler = new Scheduler();
-class AnimationFrame {
-  static create() {
-    return new AnimationFrame();
-  }
-  static request(fn) {
-    return scheduler.request(fn);
-  }
-  static cancel(id) {
-    return scheduler.cancel(id);
-  }
-  currentId = EMPTY;
-
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
-   */
-  request(fn) {
-    this.cancel();
-    this.currentId = scheduler.request(() => {
-      this.currentId = EMPTY;
-      fn();
-    });
-  }
-  cancel = () => {
-    if (this.currentId !== EMPTY) {
-      scheduler.cancel(this.currentId);
-      this.currentId = EMPTY;
-    }
-  };
-  disposeEffect = () => {
-    return this.cancel;
-  };
-}
-
-/**
- * A `requestAnimationFrame` with automatic cleanup and guard.
- */
-function useAnimationFrame() {
-  const timeout = useRenderElement.useRefWithInit(AnimationFrame.create).current;
-  useOnMount(timeout.disposeEffect);
-  return timeout;
-}
-
-const visuallyHiddenBase = {
-  clipPath: 'inset(50%)',
-  overflow: 'hidden',
-  whiteSpace: 'nowrap',
-  border: 0,
-  padding: 0,
-  width: 1,
-  height: 1,
-  margin: -1
-};
-const visuallyHidden = {
-  ...visuallyHiddenBase,
-  position: 'fixed',
-  top: 0,
-  left: 0
-};
-const visuallyHiddenInput = {
-  ...visuallyHiddenBase,
-  position: 'absolute'
-};
-
 const FocusGuard = /*#__PURE__*/React__namespace.forwardRef(function FocusGuard(props, ref) {
   const [role, setRole] = React__namespace.useState();
-  useIsoLayoutEffect(() => {
-    if (isSafari) {
+  useValueChanged.useIsoLayoutEffect(() => {
+    if (useValueChanged.isSafari) {
       // Unlike other screen readers such as NVDA and JAWS, the virtual cursor
       // on VoiceOver does trigger the onFocus event, so we can use the focus
       // trap element. On Safari, only buttons trigger the onFocus event.
@@ -1352,7 +860,7 @@ const FocusGuard = /*#__PURE__*/React__namespace.forwardRef(function FocusGuard(
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     ...props,
     ref: ref,
-    style: visuallyHidden,
+    style: useValueChanged.visuallyHidden,
     "aria-hidden": role ? undefined : true,
     ...restProps,
     "data-base-ui-focus-guard": ""
@@ -1404,7 +912,7 @@ function unwrapHost(node) {
   if (!node) {
     return null;
   }
-  return index_esm.isShadowRoot(node) ? node.host : unwrapHost(node.parentNode);
+  return floatingUi_utils_dom.isShadowRoot(node) ? node.host : unwrapHost(node.parentNode);
 }
 const correctElements = (parent, targets) => targets.map(target => {
   if (parent.contains(target)) {
@@ -1434,7 +942,7 @@ const collectOutsideElements = (root, keepElements, stopElements) => {
       return;
     }
     Array.from(parent.children).forEach(node => {
-      if (index_esm.getNodeName(node) === 'script') {
+      if (floatingUi_utils_dom.getNodeName(node) === 'script') {
         return;
       }
       if (keepElements.has(node)) {
@@ -1534,7 +1042,7 @@ function markOthers(avoidElements, options = {}) {
     mark = true,
     markerIgnoreElements = []
   } = options;
-  const body = ownerDocument(avoidElements[0]).body;
+  const body = useValueChanged.ownerDocument(avoidElements[0]).body;
   return applyAttributeToOthers(avoidElements, body, ariaHidden, inert, {
     mark,
     markerIgnoreElements
@@ -1552,12 +1060,12 @@ function useFloatingPortalNode(props = {}) {
     componentProps = useRenderElement.EMPTY_OBJECT,
     elementProps
   } = props;
-  const uniqueId = useId();
+  const uniqueId = useValueChanged.useId();
   const portalContext = usePortalContext();
   const parentPortalNode = portalContext?.portalNode;
   const [containerElement, setContainerElement] = React__namespace.useState(null);
   const [portalNode, setPortalNode] = React__namespace.useState(null);
-  const setPortalNodeRef = useStableCallback(node => {
+  const setPortalNodeRef = useValueChanged.useStableCallback(node => {
     if (node !== null) {
       // the useIsoLayoutEffect below watching containerProp / parentPortalNode
       // sets setPortalNode(null) when the container becomes null or changes.
@@ -1566,7 +1074,7 @@ function useFloatingPortalNode(props = {}) {
     }
   });
   const containerRef = React__namespace.useRef(null);
-  useIsoLayoutEffect(() => {
+  useValueChanged.useIsoLayoutEffect(() => {
     // Wait for the container to be resolved if explicitly `null`.
     if (containerProp === null) {
       if (containerRef.current) {
@@ -1581,7 +1089,7 @@ function useFloatingPortalNode(props = {}) {
     if (uniqueId == null) {
       return;
     }
-    const resolvedContainer = (containerProp && (index_esm.isNode(containerProp) ? containerProp : containerProp.current)) ?? parentPortalNode ?? document.body;
+    const resolvedContainer = (containerProp && (floatingUi_utils_dom.isNode(containerProp) ? containerProp : containerProp.current)) ?? parentPortalNode ?? document.body;
     if (resolvedContainer == null) {
       if (containerRef.current) {
         containerRef.current = null;
@@ -1718,7 +1226,7 @@ const FloatingPortal = /*#__PURE__*/React__namespace.forwardRef(function Floatin
             const nextTabbable = getNextTabbable(domReference);
             nextTabbable?.focus();
             if (focusManagerState?.closeOnFocusOut) {
-              focusManagerState?.onOpenChange(false, createChangeEventDetails(focusOut, event.nativeEvent));
+              focusManagerState?.onOpenChange(false, useValueChanged.createChangeEventDetails(useValueChanged.focusOut, event.nativeEvent));
             }
           }
         }
@@ -1790,10 +1298,10 @@ const useFloatingTree = externalTree => {
  * @see https://floating-ui.com/docs/FloatingTree
  */
 function useFloatingNodeId(externalTree) {
-  const id = useId();
+  const id = useValueChanged.useId();
   const tree = useFloatingTree(externalTree);
   const parentId = useFloatingParentNodeId();
-  useIsoLayoutEffect(() => {
+  useValueChanged.useIsoLayoutEffect(() => {
     if (!id) {
       return undefined;
     }
@@ -1850,19 +1358,8 @@ function FloatingTree(props) {
   });
 }
 
-/**
- * If the provided argument is a ref object, returns its `current` value.
- * Otherwise, returns the argument itself.
- */
-function resolveRef(maybeRef) {
-  if (maybeRef == null) {
-    return maybeRef;
-  }
-  return 'current' in maybeRef ? maybeRef.current : maybeRef;
-}
-
 function getEventType(event, lastInteractionType) {
-  const win = index_esm.getWindow(event.target);
+  const win = floatingUi_utils_dom.getWindow(event.target);
   if (event instanceof win.KeyboardEvent) {
     return 'keyboard';
   }
@@ -1892,7 +1389,7 @@ function clearDisconnectedPreviouslyFocusedElements() {
 }
 function addPreviouslyFocusedElement(element) {
   clearDisconnectedPreviouslyFocusedElements();
-  if (element && index_esm.getNodeName(element) !== 'body') {
+  if (element && floatingUi_utils_dom.getNodeName(element) !== 'body') {
     previouslyFocusedElements.push(new WeakRef(element));
     if (previouslyFocusedElements.length > LIST_LIMIT) {
       previouslyFocusedElements = previouslyFocusedElements.slice(-LIST_LIMIT);
@@ -1972,7 +1469,7 @@ function FloatingFocusManager(props) {
     events,
     dataRef
   } = store.context;
-  const getNodeId = useStableCallback(() => dataRef.current.floatingContext?.nodeId);
+  const getNodeId = useValueChanged.useStableCallback(() => dataRef.current.floatingContext?.nodeId);
   const ignoreInitialFocus = initialFocus === false;
   // If the reference is a combobox and is typeable (e.g. input/textarea),
   // there are different focus semantics. The guards should not be rendered, but
@@ -1981,9 +1478,9 @@ function FloatingFocusManager(props) {
   // start.
   const isUntrappedTypeableCombobox = isTypeableCombobox(domReference) && ignoreInitialFocus;
   const orderRef = React__namespace.useRef(['content']);
-  const initialFocusRef = useValueAsRef(initialFocus);
-  const returnFocusRef = useValueAsRef(returnFocus);
-  const openInteractionTypeRef = useValueAsRef(openInteractionType);
+  const initialFocusRef = useValueChanged.useValueAsRef(initialFocus);
+  const returnFocusRef = useValueChanged.useValueAsRef(returnFocus);
+  const openInteractionTypeRef = useValueChanged.useValueAsRef(openInteractionType);
   const tree = useFloatingTree(externalTree);
   const portalContext = usePortalContext();
   const preventReturnFocusRef = React__namespace.useRef(false);
@@ -1996,16 +1493,16 @@ function FloatingFocusManager(props) {
   const afterGuardRef = React__namespace.useRef(null);
   const mergedBeforeGuardRef = useRenderElement.useMergedRefs(beforeGuardRef, beforeContentFocusGuardRef, portalContext?.beforeInsideRef);
   const mergedAfterGuardRef = useRenderElement.useMergedRefs(afterGuardRef, portalContext?.afterInsideRef);
-  const blurTimeout = useTimeout();
-  const pointerDownTimeout = useTimeout();
-  const restoreFocusFrame = useAnimationFrame();
+  const blurTimeout = useValueChanged.useTimeout();
+  const pointerDownTimeout = useValueChanged.useTimeout();
+  const restoreFocusFrame = useValueChanged.useAnimationFrame();
   const isInsidePortal = portalContext != null;
   const floatingFocusElement = getFloatingFocusElement(floating);
-  const getTabbableContent = useStableCallback((container = floatingFocusElement) => {
+  const getTabbableContent = useValueChanged.useStableCallback((container = floatingFocusElement) => {
     return container ? index_esm.tabbable(container, getTabbableOptions()) : [];
   });
-  const getResolvedInsideElements = useStableCallback(() => getInsideElements?.().filter(element => element != null) ?? []);
-  const getTabbableElements = useStableCallback(container => {
+  const getResolvedInsideElements = useValueChanged.useStableCallback(() => getInsideElements?.().filter(element => element != null) ?? []);
+  const getTabbableElements = useValueChanged.useStableCallback(container => {
     const content = getTabbableContent(container);
     return orderRef.current.map(() => content).filter(Boolean).flat();
   });
@@ -2018,12 +1515,12 @@ function FloatingFocusManager(props) {
     function onKeyDown(event) {
       if (event.key === 'Tab') {
         // The focus guards have nothing to focus, so we need to stop the event.
-        if (contains(floatingFocusElement, activeElement(ownerDocument(floatingFocusElement))) && getTabbableContent().length === 0 && !isUntrappedTypeableCombobox) {
-          stopEvent(event);
+        if (contains(floatingFocusElement, activeElement(useValueChanged.ownerDocument(floatingFocusElement))) && getTabbableContent().length === 0 && !isUntrappedTypeableCombobox) {
+          useValueChanged.stopEvent(event);
         }
       }
     }
-    const doc = ownerDocument(floatingFocusElement);
+    const doc = useValueChanged.ownerDocument(floatingFocusElement);
     doc.addEventListener('keydown', onKeyDown);
     return () => {
       doc.removeEventListener('keydown', onKeyDown);
@@ -2035,7 +1532,7 @@ function FloatingFocusManager(props) {
     if (disabled || !open) {
       return undefined;
     }
-    const doc = ownerDocument(floatingFocusElement);
+    const doc = useValueChanged.ownerDocument(floatingFocusElement);
     function clearPointerDownOutside() {
       pointerDownOutsideRef.current = false;
     }
@@ -2069,7 +1566,7 @@ function FloatingFocusManager(props) {
     if (disabled || !closeOnFocusOut) {
       return undefined;
     }
-    const doc = ownerDocument(floatingFocusElement);
+    const doc = useValueChanged.ownerDocument(floatingFocusElement);
 
     // In Safari, buttons lose focus when pressing them.
     function handlePointerDown() {
@@ -2094,7 +1591,7 @@ function FloatingFocusManager(props) {
         const nodeId = getNodeId();
         const triggers = store.context.triggerElements;
         const insideElements = getResolvedInsideElements();
-        const isRelatedFocusGuard = relatedTarget?.hasAttribute(createAttribute('focus-guard')) && [beforeGuardRef.current, afterGuardRef.current, portalContext?.beforeInsideRef.current, portalContext?.afterInsideRef.current, portalContext?.beforeOutsideRef.current, portalContext?.afterOutsideRef.current, resolveRef(previousFocusableElement), resolveRef(nextFocusableElement)].includes(relatedTarget);
+        const isRelatedFocusGuard = relatedTarget?.hasAttribute(createAttribute('focus-guard')) && [beforeGuardRef.current, afterGuardRef.current, portalContext?.beforeInsideRef.current, portalContext?.afterInsideRef.current, portalContext?.beforeOutsideRef.current, portalContext?.afterOutsideRef.current, useValueChanged.resolveRef(previousFocusableElement), useValueChanged.resolveRef(nextFocusableElement)].includes(relatedTarget);
         const movedToUnrelatedNode = !(contains(domReference, relatedTarget) || contains(floating, relatedTarget) || contains(relatedTarget, floating) || contains(portalContext?.portalNode, relatedTarget) || insideElements.some(element => element === relatedTarget || contains(element, relatedTarget)) || relatedTarget != null && triggers.hasElement(relatedTarget) || triggers.hasMatchingElement(trigger => contains(trigger, relatedTarget)) || isRelatedFocusGuard || tree && (getNodeChildren(tree.nodesRef.current, nodeId).find(node => contains(node.context?.elements.floating, relatedTarget) || contains(node.context?.elements.domReference, relatedTarget)) || getNodeAncestors(tree.nodesRef.current, nodeId).find(node => [node.context?.elements.floating, getFloatingFocusElement(node.context?.elements.floating)].includes(relatedTarget) || node.context?.elements.domReference === relatedTarget)));
         if (currentTarget === domReference && floatingFocusElement) {
           handleTabIndex(floatingFocusElement, orderRef);
@@ -2105,7 +1602,7 @@ function FloatingFocusManager(props) {
         if (restoreFocus && currentTarget !== domReference && !isFocusable(target) && activeElement(doc) === doc.body) {
           // Let `FloatingPortal` effect knows that focus is still inside the
           // floating tree.
-          if (index_esm.isHTMLElement(floatingFocusElement)) {
+          if (floatingUi_utils_dom.isHTMLElement(floatingFocusElement)) {
             floatingFocusElement.focus();
             // If explicitly requested to restore focus to the popup container, do not search
             // for the next/previous tabbable element.
@@ -2123,7 +1620,7 @@ function FloatingFocusManager(props) {
           const prevTabbableIndex = tabbableIndexRef.current;
           const tabbableContent = getTabbableContent();
           const nodeToFocus = tabbableContent[prevTabbableIndex] || tabbableContent[tabbableContent.length - 1] || floatingFocusElement;
-          if (index_esm.isHTMLElement(nodeToFocus)) {
+          if (floatingUi_utils_dom.isHTMLElement(nodeToFocus)) {
             nodeToFocus.focus();
           }
         }
@@ -2146,7 +1643,7 @@ function FloatingFocusManager(props) {
         // Allow closing when `isUntrappedTypeableCombobox` regardless of the previously focused element.
         isUntrappedTypeableCombobox || relatedTarget !== getPreviouslyFocusedElement())) {
           preventReturnFocusRef.current = true;
-          store.setOpen(false, createChangeEventDetails(focusOut, event));
+          store.setOpen(false, useValueChanged.createChangeEventDetails(useValueChanged.focusOut, event));
         }
       });
     }
@@ -2159,7 +1656,7 @@ function FloatingFocusManager(props) {
         dataRef.current.insideReactTree = false;
       });
     }
-    const domReferenceElement = index_esm.isHTMLElement(domReference) ? domReference : null;
+    const domReferenceElement = floatingUi_utils_dom.isHTMLElement(domReference) ? domReference : null;
     const cleanups = [];
     if (!floating && !domReferenceElement) {
       return undefined;
@@ -2204,7 +1701,7 @@ function FloatingFocusManager(props) {
     const ancestors = tree ? getNodeAncestors(tree.nodesRef.current, getNodeId()) : [];
     const rootAncestorComboboxDomReference = ancestors.find(node => isTypeableCombobox(node.context?.elements.domReference || null))?.context?.elements.domReference;
     const controlInsideElements = [floating, ...portalNodes, beforeGuardRef.current, afterGuardRef.current, portalContext?.beforeOutsideRef.current, portalContext?.afterOutsideRef.current, ...getResolvedInsideElements()];
-    const insideElements = [...controlInsideElements, rootAncestorComboboxDomReference, resolveRef(previousFocusableElement), resolveRef(nextFocusableElement), isUntrappedTypeableCombobox ? domReference : null].filter(x => x != null);
+    const insideElements = [...controlInsideElements, rootAncestorComboboxDomReference, useValueChanged.resolveRef(previousFocusableElement), useValueChanged.resolveRef(nextFocusableElement), isUntrappedTypeableCombobox ? domReference : null].filter(x => x != null);
     const ariaHiddenCleanup = markOthers(insideElements, {
       ariaHidden: modal || isUntrappedTypeableCombobox,
       mark: false
@@ -2218,11 +1715,11 @@ function FloatingFocusManager(props) {
   }, [open, disabled, domReference, floating, modal, orderRef, portalContext, isUntrappedTypeableCombobox, tree, getNodeId, nextFocusableElement, previousFocusableElement, getResolvedInsideElements]);
 
   // Focus the initial element when the floating element opens.
-  useIsoLayoutEffect(() => {
-    if (!open || disabled || !index_esm.isHTMLElement(floatingFocusElement)) {
+  useValueChanged.useIsoLayoutEffect(() => {
+    if (!open || disabled || !floatingUi_utils_dom.isHTMLElement(floatingFocusElement)) {
       return;
     }
-    const doc = ownerDocument(floatingFocusElement);
+    const doc = useValueChanged.ownerDocument(floatingFocusElement);
     const previouslyFocusedElement = activeElement(doc);
 
     // Wait for any layout effect state setters to execute to set `tabIndex`.
@@ -2239,7 +1736,7 @@ function FloatingFocusManager(props) {
       if (resolvedInitialFocus === true || resolvedInitialFocus === null) {
         elToFocus = focusableElements[0] || floatingFocusElement;
       } else {
-        elToFocus = resolveRef(resolvedInitialFocus);
+        elToFocus = useValueChanged.resolveRef(resolvedInitialFocus);
       }
       elToFocus = elToFocus || focusableElements[0] || floatingFocusElement;
       const focusAlreadyInsideFloatingEl = contains(floatingFocusElement, previouslyFocusedElement);
@@ -2253,11 +1750,11 @@ function FloatingFocusManager(props) {
   }, [disabled, open, floatingFocusElement, ignoreInitialFocus, getTabbableElements, initialFocusRef, openInteractionTypeRef]);
 
   // Track return focus targets and restore focus on unmount/close.
-  useIsoLayoutEffect(() => {
+  useValueChanged.useIsoLayoutEffect(() => {
     if (disabled || !floatingFocusElement) {
       return undefined;
     }
-    const doc = ownerDocument(floatingFocusElement);
+    const doc = useValueChanged.ownerDocument(floatingFocusElement);
     const previouslyFocusedElement = activeElement(doc);
     addPreviouslyFocusedElement(previouslyFocusedElement);
 
@@ -2267,15 +1764,15 @@ function FloatingFocusManager(props) {
       if (!details.open) {
         closeTypeRef.current = getEventType(details.nativeEvent, lastInteractionTypeRef.current);
       }
-      if (details.reason === triggerHover && details.nativeEvent.type === 'mouseleave') {
+      if (details.reason === useValueChanged.triggerHover && details.nativeEvent.type === 'mouseleave') {
         preventReturnFocusRef.current = true;
       }
-      if (details.reason !== outsidePress) {
+      if (details.reason !== useValueChanged.outsidePress) {
         return;
       }
       if (details.nested) {
         preventReturnFocusRef.current = false;
-      } else if (isVirtualClick(details.nativeEvent) || isVirtualPointerEvent(details.nativeEvent)) {
+      } else if (useValueChanged.isVirtualClick(details.nativeEvent) || useValueChanged.isVirtualPointerEvent(details.nativeEvent)) {
         preventReturnFocusRef.current = false;
       } else {
         let isPreventScrollSupported = false;
@@ -2309,7 +1806,7 @@ function FloatingFocusManager(props) {
         return el && el.isConnected ? el : null;
       }
       const fallback = domReference || getPreviouslyFocusedElement();
-      return resolveRef(resolvedReturnFocusValue) || fallback || null;
+      return useValueChanged.resolveRef(resolvedReturnFocusValue) || fallback || null;
     }
     return () => {
       events.off('openchange', onOpenChangeLocal);
@@ -2323,7 +1820,7 @@ function FloatingFocusManager(props) {
         const hasExplicitReturnFocus = typeof returnFocusRef.current !== 'boolean';
         if (
         // eslint-disable-next-line react-hooks/exhaustive-deps
-        returnFocusRef.current && !preventReturnFocusRef.current && index_esm.isHTMLElement(tabbableReturnElement) && (
+        returnFocusRef.current && !preventReturnFocusRef.current && floatingUi_utils_dom.isHTMLElement(tabbableReturnElement) && (
         // If the focus moved somewhere else after mount, avoid returning focus
         // since it likely entered a different element which should be
         // respected: https://github.com/floating-ui/floating-ui/issues/2607
@@ -2340,12 +1837,12 @@ function FloatingFocusManager(props) {
   // Safari may randomly scroll to the bottom of the page if an input inside a popup has focus
   // when the popup unmounts from the DOM.
   // By blurring it before the popup unmounts, we can prevent this behavior.
-  useIsoLayoutEffect(() => {
-    if (!isWebKit || open || !floating) {
+  useValueChanged.useIsoLayoutEffect(() => {
+    if (!useValueChanged.isWebKit || open || !floating) {
       return;
     }
-    const activeEl = activeElement(ownerDocument(floating));
-    if (!index_esm.isHTMLElement(activeEl) || !isTypeableElement(activeEl)) {
+    const activeEl = activeElement(useValueChanged.ownerDocument(floating));
+    if (!floatingUi_utils_dom.isHTMLElement(activeEl) || !isTypeableElement(activeEl)) {
       return;
     }
     if (contains(floating, activeEl)) {
@@ -2354,7 +1851,7 @@ function FloatingFocusManager(props) {
   }, [open, floating]);
   // Synchronize the `context` & `modal` value to the FloatingPortal context.
   // It will decide whether or not it needs to render its own guards.
-  useIsoLayoutEffect(() => {
+  useValueChanged.useIsoLayoutEffect(() => {
     if (disabled || !portalContext) {
       return undefined;
     }
@@ -2371,7 +1868,7 @@ function FloatingFocusManager(props) {
   }, [disabled, portalContext, modal, open, store, closeOnFocusOut, domReference]);
 
   // Keep the floating element tabIndex in sync and clear stale focus records.
-  useIsoLayoutEffect(() => {
+  useValueChanged.useIsoLayoutEffect(() => {
     if (disabled || !floatingFocusElement) {
       return undefined;
     }
@@ -2395,7 +1892,7 @@ function FloatingFocusManager(props) {
             const nextTabbable = getNextTabbable(domReference);
             nextTabbable?.focus();
           } else {
-            resolveRef(previousFocusableElement ?? portalContext.beforeOutsideRef)?.focus();
+            useValueChanged.resolveRef(previousFocusableElement ?? portalContext.beforeOutsideRef)?.focus();
           }
         }
       }
@@ -2413,7 +1910,7 @@ function FloatingFocusManager(props) {
             const prevTabbable = getPreviousTabbable(domReference);
             prevTabbable?.focus();
           } else {
-            resolveRef(nextFocusableElement ?? portalContext.afterOutsideRef)?.focus();
+            useValueChanged.resolveRef(nextFocusableElement ?? portalContext.afterOutsideRef)?.focus();
           }
         }
       }
@@ -2448,7 +1945,7 @@ function useDismiss(context, props = {}) {
   } = store.context;
   const {
     enabled = true,
-    escapeKey: escapeKey$1 = true,
+    escapeKey = true,
     outsidePress: outsidePressProp = true,
     outsidePressEvent = 'sloppy',
     referencePress = alwaysFalse,
@@ -2457,10 +1954,10 @@ function useDismiss(context, props = {}) {
     externalTree
   } = props;
   const tree = useFloatingTree(externalTree);
-  const outsidePressFn = useStableCallback(typeof outsidePressProp === 'function' ? outsidePressProp : () => false);
-  const outsidePress$1 = typeof outsidePressProp === 'function' ? outsidePressFn : outsidePressProp;
-  const outsidePressEnabled = outsidePress$1 !== false;
-  const getOutsidePressEventProp = useStableCallback(() => outsidePressEvent);
+  const outsidePressFn = useValueChanged.useStableCallback(typeof outsidePressProp === 'function' ? outsidePressProp : () => false);
+  const outsidePress = typeof outsidePressProp === 'function' ? outsidePressFn : outsidePressProp;
+  const outsidePressEnabled = outsidePress !== false;
+  const getOutsidePressEventProp = useValueChanged.useStableCallback(() => outsidePressEvent);
   const pressStartedInsideRef = React__namespace.useRef(false);
   const pressStartPreventedRef = React__namespace.useRef(false);
   // Ignore only the very next outside click after dragging from inside to outside.
@@ -2470,17 +1967,17 @@ function useDismiss(context, props = {}) {
     outsidePress: outsidePressBubbles
   } = normalizeProp(bubbles);
   const touchStateRef = React__namespace.useRef(null);
-  const cancelDismissOnEndTimeout = useTimeout();
-  const clearInsideReactTreeTimeout = useTimeout();
-  const clearInsideReactTree = useStableCallback(() => {
+  const cancelDismissOnEndTimeout = useValueChanged.useTimeout();
+  const clearInsideReactTreeTimeout = useValueChanged.useTimeout();
+  const clearInsideReactTree = useValueChanged.useStableCallback(() => {
     clearInsideReactTreeTimeout.clear();
     dataRef.current.insideReactTree = false;
   });
   const isComposingRef = React__namespace.useRef(false);
   const currentPointerTypeRef = React__namespace.useRef('');
-  const isReferencePressEnabled = useStableCallback(referencePress);
-  const closeOnEscapeKeyDown = useStableCallback(event => {
-    if (!open || !enabled || !escapeKey$1 || event.key !== 'Escape') {
+  const isReferencePressEnabled = useValueChanged.useStableCallback(referencePress);
+  const closeOnEscapeKeyDown = useValueChanged.useStableCallback(event => {
+    if (!open || !enabled || !escapeKey || event.key !== 'Escape') {
       return;
     }
 
@@ -2504,14 +2001,14 @@ function useDismiss(context, props = {}) {
         }
       }
     }
-    const native = isReactEvent(event) ? event.nativeEvent : event;
-    const eventDetails = createChangeEventDetails(escapeKey, native);
+    const native = useValueChanged.isReactEvent(event) ? event.nativeEvent : event;
+    const eventDetails = useValueChanged.createChangeEventDetails(useValueChanged.escapeKey, native);
     store.setOpen(false, eventDetails);
     if (!escapeKeyBubbles && !eventDetails.isPropagationAllowed) {
       event.stopPropagation();
     }
   });
-  const markInsideReactTree = useStableCallback(() => {
+  const markInsideReactTree = useValueChanged.useStableCallback(() => {
     dataRef.current.insideReactTree = true;
     clearInsideReactTreeTimeout.start(0, clearInsideReactTree);
   });
@@ -2521,8 +2018,8 @@ function useDismiss(context, props = {}) {
     }
     dataRef.current.__escapeKeyBubbles = escapeKeyBubbles;
     dataRef.current.__outsidePressBubbles = outsidePressBubbles;
-    const compositionTimeout = new Timeout();
-    const preventedPressSuppressionTimeout = new Timeout();
+    const compositionTimeout = new useValueChanged.Timeout();
+    const preventedPressSuppressionTimeout = new useValueChanged.Timeout();
     function handleCompositionStart() {
       compositionTimeout.clear();
       isComposingRef.current = true;
@@ -2534,7 +2031,7 @@ function useDismiss(context, props = {}) {
       compositionTimeout.start(
       // 0ms or 1ms don't work in Safari. 5ms appears to consistently work.
       // Only apply to WebKit for the test to remain 0ms.
-      index_esm.isWebKit() ? 5 : 0, () => {
+      floatingUi_utils_dom.isWebKit() ? 5 : 0, () => {
         isComposingRef.current = false;
       });
     }
@@ -2580,9 +2077,9 @@ function useDismiss(context, props = {}) {
       }
       const target = getTarget(event);
       const inertSelector = `[${createAttribute('inert')}]`;
-      let markers = Array.from(ownerDocument(store.select('floatingElement')).querySelectorAll(inertSelector));
-      const targetRoot = index_esm.isElement(target) ? target.getRootNode() : null;
-      if (index_esm.isShadowRoot(targetRoot)) {
+      let markers = Array.from(useValueChanged.ownerDocument(store.select('floatingElement')).querySelectorAll(inertSelector));
+      const targetRoot = floatingUi_utils_dom.isElement(target) ? target.getRootNode() : null;
+      if (floatingUi_utils_dom.isShadowRoot(targetRoot)) {
         markers = markers.concat(Array.from(targetRoot.querySelectorAll(inertSelector)));
       }
       const triggers = store.context.triggerElements;
@@ -2591,10 +2088,10 @@ function useDismiss(context, props = {}) {
       if (target && (triggers.hasElement(target) || triggers.hasMatchingElement(trigger => contains(trigger, target)))) {
         return;
       }
-      let targetRootAncestor = index_esm.isElement(target) ? target : null;
-      while (targetRootAncestor && !index_esm.isLastTraversableNode(targetRootAncestor)) {
-        const nextParent = index_esm.getParentNode(targetRootAncestor);
-        if (index_esm.isLastTraversableNode(nextParent) || !index_esm.isElement(nextParent)) {
+      let targetRootAncestor = floatingUi_utils_dom.isElement(target) ? target : null;
+      while (targetRootAncestor && !floatingUi_utils_dom.isLastTraversableNode(targetRootAncestor)) {
+        const nextParent = floatingUi_utils_dom.getParentNode(targetRootAncestor);
+        if (floatingUi_utils_dom.isLastTraversableNode(nextParent) || !floatingUi_utils_dom.isElement(nextParent)) {
           break;
         }
         targetRootAncestor = nextParent;
@@ -2602,7 +2099,7 @@ function useDismiss(context, props = {}) {
 
       // Check if the click occurred on a third-party element injected after the
       // floating element rendered.
-      if (markers.length && index_esm.isElement(target) && !isRootElement(target) &&
+      if (markers.length && floatingUi_utils_dom.isElement(target) && !isRootElement(target) &&
       // Clicked on a direct ancestor (e.g. FloatingOverlay).
       !contains(target, store.select('floatingElement')) &&
       // If the target root element contains none of the markers, then the
@@ -2613,9 +2110,9 @@ function useDismiss(context, props = {}) {
 
       // Check if the click occurred on the scrollbar
       // Skip for touch events: scrollbars don't receive touch events on most platforms
-      if (index_esm.isHTMLElement(target) && !('touches' in event)) {
-        const lastTraversableNode = index_esm.isLastTraversableNode(target);
-        const style = index_esm.getComputedStyle(target);
+      if (floatingUi_utils_dom.isHTMLElement(target) && !('touches' in event)) {
+        const lastTraversableNode = floatingUi_utils_dom.isLastTraversableNode(target);
+        const style = floatingUi_utils_dom.getComputedStyle(target);
         const scrollRe = /auto|scroll/;
         const isScrollableX = lastTraversableNode || scrollRe.test(style.overflowX);
         const isScrollableY = lastTraversableNode || scrollRe.test(style.overflowY);
@@ -2646,7 +2143,7 @@ function useDismiss(context, props = {}) {
         suppressNextOutsideClickRef.current = false;
         return;
       }
-      if (typeof outsidePress$1 === 'function' && !outsidePress$1(event)) {
+      if (typeof outsidePress === 'function' && !outsidePress(event)) {
         return;
       }
       const nodeId = dataRef.current.floatingContext?.nodeId;
@@ -2662,7 +2159,7 @@ function useDismiss(context, props = {}) {
           return;
         }
       }
-      store.setOpen(false, createChangeEventDetails(outsidePress, event));
+      store.setOpen(false, useValueChanged.createChangeEventDetails(useValueChanged.outsidePress, event));
       clearInsideReactTree();
     }
     function handlePointerDown(event) {
@@ -2749,7 +2246,7 @@ function useDismiss(context, props = {}) {
       }
 
       // Avoid suppressing when outsidePress explicitly ignores this target.
-      if (typeof outsidePress$1 === 'function' && !outsidePress$1(event)) {
+      if (typeof outsidePress === 'function' && !outsidePress(event)) {
         return;
       }
       preventedPressSuppressionTimeout.clear();
@@ -2802,8 +2299,8 @@ function useDismiss(context, props = {}) {
       }
       target?.addEventListener(event.type, callback);
     }
-    const doc = ownerDocument(floatingElement);
-    if (escapeKey$1) {
+    const doc = useValueChanged.ownerDocument(floatingElement);
+    if (escapeKey) {
       doc.addEventListener('keydown', closeOnEscapeKeyDown);
       doc.addEventListener('compositionstart', handleCompositionStart);
       doc.addEventListener('compositionend', handleCompositionEnd);
@@ -2820,7 +2317,7 @@ function useDismiss(context, props = {}) {
       doc.addEventListener('touchend', handleTouchEndCapture, true);
     }
     return () => {
-      if (escapeKey$1) {
+      if (escapeKey) {
         doc.removeEventListener('keydown', closeOnEscapeKeyDown);
         doc.removeEventListener('compositionstart', handleCompositionStart);
         doc.removeEventListener('compositionend', handleCompositionEnd);
@@ -2841,26 +2338,26 @@ function useDismiss(context, props = {}) {
       resetPressStartState();
       suppressNextOutsideClickRef.current = false;
     };
-  }, [dataRef, floatingElement, escapeKey$1, outsidePressEnabled, outsidePress$1, open, enabled, escapeKeyBubbles, outsidePressBubbles, closeOnEscapeKeyDown, clearInsideReactTree, getOutsidePressEventProp, tree, store, cancelDismissOnEndTimeout]);
-  React__namespace.useEffect(clearInsideReactTree, [outsidePress$1, clearInsideReactTree]);
+  }, [dataRef, floatingElement, escapeKey, outsidePressEnabled, outsidePress, open, enabled, escapeKeyBubbles, outsidePressBubbles, closeOnEscapeKeyDown, clearInsideReactTree, getOutsidePressEventProp, tree, store, cancelDismissOnEndTimeout]);
+  React__namespace.useEffect(clearInsideReactTree, [outsidePress, clearInsideReactTree]);
   const reference = React__namespace.useMemo(() => ({
     onKeyDown: closeOnEscapeKeyDown,
     [bubbleHandlerKeys[referencePressEvent]]: event => {
       if (!isReferencePressEnabled()) {
         return;
       }
-      store.setOpen(false, createChangeEventDetails(triggerPress, event.nativeEvent));
+      store.setOpen(false, useValueChanged.createChangeEventDetails(useValueChanged.triggerPress, event.nativeEvent));
     },
     ...(referencePressEvent !== 'intentional' && {
       onClick(event) {
         if (!isReferencePressEnabled()) {
           return;
         }
-        store.setOpen(false, createChangeEventDetails(triggerPress, event.nativeEvent));
+        store.setOpen(false, useValueChanged.createChangeEventDetails(useValueChanged.triggerPress, event.nativeEvent));
       }
     })
   }), [closeOnEscapeKeyDown, store, referencePressEvent, isReferencePressEnabled]);
-  const markPressStartedInsideReactTree = useStableCallback(event => {
+  const markPressStartedInsideReactTree = useValueChanged.useStableCallback(event => {
     if (!open || !enabled || event.button !== 0) {
       return;
     }
@@ -2875,7 +2372,7 @@ function useDismiss(context, props = {}) {
       pressStartPreventedRef.current = false;
     }
   });
-  const markInsidePressStartPrevented = useStableCallback(event => {
+  const markInsidePressStartPrevented = useValueChanged.useStableCallback(event => {
     if (!open || !enabled) {
       return;
     }
@@ -4101,7 +3598,7 @@ class ReactStore extends Store {
    */
   useSyncedValue(key, value) {
     React__namespace.useDebugValue(key);
-    useIsoLayoutEffect(() => {
+    useValueChanged.useIsoLayoutEffect(() => {
       if (this.state[key] !== value) {
         this.set(key, value);
       }
@@ -4118,7 +3615,7 @@ class ReactStore extends Store {
   useSyncedValueWithCleanup(key, value) {
     // eslint-disable-next-line consistent-this
     const store = this;
-    useIsoLayoutEffect(() => {
+    useValueChanged.useIsoLayoutEffect(() => {
       if (store.state[key] !== value) {
         store.set(key, value);
       }
@@ -4147,7 +3644,7 @@ class ReactStore extends Store {
       }
     }
     const dependencies = Object.values(statePart);
-    useIsoLayoutEffect(() => {
+    useValueChanged.useIsoLayoutEffect(() => {
       store.update(statePart);
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [store, ...dependencies]);
@@ -4160,7 +3657,7 @@ class ReactStore extends Store {
   useControlledProp(key, controlled) {
     React__namespace.useDebugValue(key);
     const isControlled = controlled !== undefined;
-    useIsoLayoutEffect(() => {
+    useValueChanged.useIsoLayoutEffect(() => {
       if (isControlled && !Object.is(this.state[key], controlled)) {
         // Set the internal state to match the controlled value.
         super.setState({
@@ -4214,7 +3711,7 @@ class ReactStore extends Store {
    */
   useContextCallback(key, fn) {
     React__namespace.useDebugValue(key);
-    const stableFunction = useStableCallback(fn ?? useRenderElement.NOOP);
+    const stableFunction = useValueChanged.useStableCallback(fn ?? useRenderElement.NOOP);
     this.context[key] = stableFunction;
   }
 
@@ -4303,7 +3800,7 @@ class FloatingRootStore extends ReactStore {
     if (!newOpen || !this.state.open ||
     // Prevent a pending hover-open from overwriting a click-open event, while allowing
     // click events to upgrade a hover-open.
-    isClickLikeEvent(eventDetails.event)) {
+    useValueChanged.isClickLikeEvent(eventDetails.event)) {
       this.context.dataRef.current.openEvent = newOpen ? eventDetails.event : undefined;
     }
     if (!this.context.noEmit) {
@@ -4320,178 +3817,6 @@ class FloatingRootStore extends ReactStore {
   };
 }
 
-/**
- * Provides a status string for CSS animations.
- * @param open - a boolean that determines if the element is open.
- * @param enableIdleState - a boolean that enables the `'idle'` state between `'starting'` and `'ending'`
- */
-function useTransitionStatus(open, enableIdleState = false, deferEndingState = false) {
-  const [transitionStatus, setTransitionStatus] = React__namespace.useState(open && enableIdleState ? 'idle' : undefined);
-  const [mounted, setMounted] = React__namespace.useState(open);
-  if (open && !mounted) {
-    setMounted(true);
-    setTransitionStatus('starting');
-  }
-  if (!open && mounted && transitionStatus !== 'ending' && !deferEndingState) {
-    setTransitionStatus('ending');
-  }
-  if (!open && !mounted && transitionStatus === 'ending') {
-    setTransitionStatus(undefined);
-  }
-  useIsoLayoutEffect(() => {
-    if (!open && mounted && transitionStatus !== 'ending' && deferEndingState) {
-      const frame = AnimationFrame.request(() => {
-        setTransitionStatus('ending');
-      });
-      return () => {
-        AnimationFrame.cancel(frame);
-      };
-    }
-    return undefined;
-  }, [open, mounted, transitionStatus, deferEndingState]);
-  useIsoLayoutEffect(() => {
-    if (!open || enableIdleState) {
-      return undefined;
-    }
-    const frame = AnimationFrame.request(() => {
-      // Avoid `flushSync` here due to Firefox.
-      // See https://github.com/mui/base-ui/pull/3424
-      setTransitionStatus(undefined);
-    });
-    return () => {
-      AnimationFrame.cancel(frame);
-    };
-  }, [enableIdleState, open]);
-  useIsoLayoutEffect(() => {
-    if (!open || !enableIdleState) {
-      return undefined;
-    }
-    if (open && mounted && transitionStatus !== 'idle') {
-      setTransitionStatus('starting');
-    }
-    const frame = AnimationFrame.request(() => {
-      setTransitionStatus('idle');
-    });
-    return () => {
-      AnimationFrame.cancel(frame);
-    };
-  }, [enableIdleState, open, mounted, setTransitionStatus, transitionStatus]);
-  return React__namespace.useMemo(() => ({
-    mounted,
-    setMounted,
-    transitionStatus
-  }), [mounted, transitionStatus]);
-}
-
-/**
- * Executes a function once all animations have finished on the provided element.
- * @param elementOrRef - The element to watch for animations.
- * @param waitForStartingStyleRemoved - Whether to wait for [data-starting-style] to be removed before checking for animations.
- * @param treatAbortedAsFinished - Whether to treat aborted animations as finished. If `false`, and there are aborted animations,
- *   the function will check again if any new animations have started and wait for them to finish.
- * @returns A function that takes a callback to execute once all animations have finished, and an optional AbortSignal to abort the callback
- */
-function useAnimationsFinished(elementOrRef, waitForStartingStyleRemoved = false, treatAbortedAsFinished = true) {
-  const frame = useAnimationFrame();
-  return useStableCallback((fnToExecute,
-  /**
-   * An optional [AbortSignal](https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal) that
-   * can be used to abort `fnToExecute` before all the animations have finished.
-   * @default null
-   */
-  signal = null) => {
-    frame.cancel();
-    function done() {
-      // Synchronously flush the unmounting of the component so that the browser doesn't
-      // paint: https://github.com/mui/base-ui/issues/979
-      ReactDOM__namespace.flushSync(fnToExecute);
-    }
-    const element = resolveRef(elementOrRef);
-    if (element == null) {
-      return;
-    }
-    const resolvedElement = element;
-    if (typeof resolvedElement.getAnimations !== 'function' || globalThis.BASE_UI_ANIMATIONS_DISABLED) {
-      fnToExecute();
-    } else {
-      function execWaitForStartingStyleRemoved() {
-        const startingStyleAttribute = TransitionStatusDataAttributes.startingStyle;
-
-        // If `[data-starting-style]` isn't present, fall back to waiting one more frame
-        // to give "open" animations a chance to be registered.
-        if (!resolvedElement.hasAttribute(startingStyleAttribute)) {
-          frame.request(exec);
-          return;
-        }
-
-        // Wait for `[data-starting-style]` to have been removed.
-        const attributeObserver = new MutationObserver(() => {
-          if (!resolvedElement.hasAttribute(startingStyleAttribute)) {
-            attributeObserver.disconnect();
-            exec();
-          }
-        });
-        attributeObserver.observe(resolvedElement, {
-          attributes: true,
-          attributeFilter: [startingStyleAttribute]
-        });
-        signal?.addEventListener('abort', () => attributeObserver.disconnect(), {
-          once: true
-        });
-      }
-      function exec() {
-        Promise.all(resolvedElement.getAnimations().map(anim => anim.finished)).then(() => {
-          if (signal?.aborted) {
-            return;
-          }
-          done();
-        }).catch(() => {
-          const currentAnimations = resolvedElement.getAnimations();
-          if (treatAbortedAsFinished) {
-            if (signal?.aborted) {
-              return;
-            }
-            done();
-          } else if (currentAnimations.length > 0 && currentAnimations.some(anim => anim.pending || anim.playState !== 'finished')) {
-            // Sometimes animations can be aborted because a property they depend on changes while the animation plays.
-            // In such cases, we need to re-check if any new animations have started.
-            exec();
-          }
-        });
-      }
-      if (waitForStartingStyleRemoved) {
-        execWaitForStartingStyleRemoved();
-        return;
-      }
-      frame.request(exec);
-    }
-  });
-}
-
-/**
- * Calls the provided function when the CSS open/close animation or transition completes.
- */
-function useOpenChangeComplete(parameters) {
-  const {
-    enabled = true,
-    open,
-    ref,
-    onComplete: onCompleteParam
-  } = parameters;
-  const onComplete = useStableCallback(onCompleteParam);
-  const runOnceAnimationsFinish = useAnimationsFinished(ref, open, false);
-  React__namespace.useEffect(() => {
-    if (!enabled) {
-      return undefined;
-    }
-    const abortController = new AbortController();
-    runOnceAnimationsFinish(onComplete, abortController.signal);
-    return () => {
-      abortController.abort();
-    };
-  }, [enabled, open, onComplete, runOnceAnimationsFinish]);
-}
-
 /**
  * Returns a callback ref that registers/unregisters the trigger element in the store.
  *
@@ -4534,7 +3859,7 @@ function useTriggerRegistration(id, store) {
 function useTriggerDataForwarding(triggerId, triggerElementRef, store, stateUpdates) {
   const isMountedByThisTrigger = store.useState('isMountedByTrigger', triggerId);
   const baseRegisterTrigger = useTriggerRegistration(triggerId, store);
-  const registerTrigger = useStableCallback(element => {
+  const registerTrigger = useValueChanged.useStableCallback(element => {
     baseRegisterTrigger(element);
     if (!element || !store.select('open')) {
       return;
@@ -4559,7 +3884,7 @@ function useTriggerDataForwarding(triggerId, triggerElementRef, store, stateUpda
       });
     }
   });
-  useIsoLayoutEffect(() => {
+  useValueChanged.useIsoLayoutEffect(() => {
     if (isMountedByThisTrigger) {
       store.update({
         activeTriggerElement: triggerElementRef.current,
@@ -4585,7 +3910,7 @@ function useTriggerDataForwarding(triggerId, triggerElementRef, store, stateUpda
  */
 function useImplicitActiveTrigger(store) {
   const open = store.useState('open');
-  useIsoLayoutEffect(() => {
+  useValueChanged.useIsoLayoutEffect(() => {
     if (open && !store.select('activeTriggerId') && store.context.triggerElements.size === 1) {
       const iteratorResult = store.context.triggerElements.entries().next();
       if (!iteratorResult.done) {
@@ -4615,12 +3940,12 @@ function useOpenStateTransitions(open, store, onUnmount) {
     mounted,
     setMounted,
     transitionStatus
-  } = useTransitionStatus(open);
+  } = useValueChanged.useTransitionStatus(open);
   store.useSyncedValues({
     mounted,
     transitionStatus
   });
-  const forceUnmount = useStableCallback(() => {
+  const forceUnmount = useValueChanged.useStableCallback(() => {
     setMounted(false);
     store.update({
       activeTriggerId: null,
@@ -4631,7 +3956,7 @@ function useOpenStateTransitions(open, store, onUnmount) {
     store.context.onOpenChangeComplete?.(false);
   });
   const preventUnmountingOnClose = store.useState('preventUnmountingOnClose');
-  useOpenChangeComplete({
+  useValueChanged.useOpenChangeComplete({
     enabled: !preventUnmountingOnClose,
     open,
     ref: store.context.popupRef,
@@ -4815,7 +4140,7 @@ function useSyncedFloatingRootContext(options) {
     treatPopupAsFloatingElement = false,
     onOpenChange
   } = options;
-  const floatingId = useId();
+  const floatingId = useValueChanged.useId();
   const nested = useFloatingParentNodeId() != null;
   const open = popupStore.useState('open');
   const referenceElement = popupStore.useState('activeTriggerElement');
@@ -4831,14 +4156,14 @@ function useSyncedFloatingRootContext(options) {
     nested,
     noEmit
   })).current;
-  useIsoLayoutEffect(() => {
+  useValueChanged.useIsoLayoutEffect(() => {
     const valuesToSync = {
       open,
       floatingId,
       referenceElement,
       floatingElement
     };
-    if (index_esm.isElement(referenceElement)) {
+    if (floatingUi_utils_dom.isElement(referenceElement)) {
       valuesToSync.domReferenceElement = referenceElement;
     }
     if (store.state.positionReference === store.state.referenceElement) {
@@ -4957,7 +4282,7 @@ function useRole(context, props = {}) {
   const {
     role = 'dialog'
   } = props;
-  const defaultReferenceId = useId();
+  const defaultReferenceId = useValueChanged.useId();
   const referenceId = domReference?.id || defaultReferenceId;
   const floatingId = React__namespace.useMemo(() => getFloatingFocusElement(floatingElement)?.id || defaultFloatingId, [floatingElement, defaultFloatingId]);
   const ariaRole = componentRoleToAriaRoleMap.get(role) ?? role;
@@ -5126,10 +4451,6 @@ function useDrawerRootContext(optional) {
   return drawerRootContext;
 }
 
-function clamp(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
-  return Math.max(min, Math.min(val, max));
-}
-
 function resolveSnapPointValue(snapPoint, viewportHeight, rootFontSize) {
   if (!Number.isFinite(viewportHeight) || viewportHeight <= 0) {
     return null;
@@ -5139,7 +4460,7 @@ function resolveSnapPointValue(snapPoint, viewportHeight, rootFontSize) {
       return null;
     }
     if (snapPoint <= 1) {
-      return clamp(snapPoint, 0, 1) * viewportHeight;
+      return useValueChanged.clamp(snapPoint, 0, 1) * viewportHeight;
     }
     return snapPoint;
   }
@@ -5179,8 +4500,8 @@ function useDrawerSnapPoints() {
   const viewportElement = store.useState('viewportElement');
   const [viewportHeight, setViewportHeight] = React__namespace.useState(0);
   const [rootFontSize, setRootFontSize] = React__namespace.useState(16);
-  const measureViewportHeight = useStableCallback(() => {
-    const doc = ownerDocument(viewportElement);
+  const measureViewportHeight = useValueChanged.useStableCallback(() => {
+    const doc = useValueChanged.ownerDocument(viewportElement);
     const html = doc.documentElement;
     if (viewportElement) {
       setViewportHeight(viewportElement.offsetHeight);
@@ -5193,7 +4514,7 @@ function useDrawerSnapPoints() {
       setRootFontSize(fontSize);
     }
   });
-  useIsoLayoutEffect(() => {
+  useValueChanged.useIsoLayoutEffect(() => {
     measureViewportHeight();
     if (!viewportElement || typeof ResizeObserver !== 'function') {
       return undefined;
@@ -5217,7 +4538,7 @@ function useDrawerSnapPoints() {
       if (resolvedHeight === null || !Number.isFinite(resolvedHeight)) {
         return null;
       }
-      const clampedHeight = clamp(resolvedHeight, 0, maxHeight);
+      const clampedHeight = useValueChanged.clamp(resolvedHeight, 0, maxHeight);
       return {
         value,
         height: clampedHeight,
@@ -5257,7 +4578,7 @@ function useDrawerSnapPoints() {
     if (resolvedHeight === null || !Number.isFinite(resolvedHeight)) {
       return undefined;
     }
-    const clampedHeight = clamp(resolvedHeight, 0, maxHeight);
+    const clampedHeight = useValueChanged.clamp(resolvedHeight, 0, maxHeight);
     return findClosestSnapPoint(clampedHeight, resolvedSnapPoints) ?? undefined;
   }, [activeSnapPoint, popupHeight, resolvedSnapPoints, rootFontSize, viewportHeight]);
   return {
@@ -5335,7 +4656,7 @@ function removeCSSVariableInheritance() {
 }
 const stateAttributesMapping = {
   ...popupStateMapping,
-  ...transitionStatusMapping,
+  ...useValueChanged.transitionStatusMapping,
   expanded(value) {
     return value ? {
       [DrawerPopupDataAttributes.expanded]: ''
@@ -5415,7 +4736,7 @@ const DrawerPopup = /*#__PURE__*/React__namespace.forwardRef(function DrawerPopu
   useDialogPortalContext();
   const [popupHeight, setPopupHeight] = React__namespace.useState(0);
   const popupHeightRef = React__namespace.useRef(0);
-  const measureHeight = useStableCallback(() => {
+  const measureHeight = useValueChanged.useStableCallback(() => {
     const popupElement = store.context.popupRef.current;
     if (!popupElement) {
       return;
@@ -5441,7 +4762,7 @@ const DrawerPopup = /*#__PURE__*/React__namespace.forwardRef(function DrawerPopu
     setPopupHeight(nextHeight);
     onPopupHeightChange(nextHeight);
   });
-  useIsoLayoutEffect(() => {
+  useValueChanged.useIsoLayoutEffect(() => {
     if (!mounted) {
       popupHeightRef.current = 0;
       setPopupHeight(0);
@@ -5463,7 +4784,7 @@ const DrawerPopup = /*#__PURE__*/React__namespace.forwardRef(function DrawerPopu
       resizeObserver.disconnect();
     };
   }, [measureHeight, mounted, nestedDrawerOpen, onPopupHeightChange, store.context.popupRef]);
-  useIsoLayoutEffect(() => {
+  useValueChanged.useIsoLayoutEffect(() => {
     const popupRef = store.context.popupRef;
     const syncNestedSwipeProgress = () => {
       const popupElement = popupRef.current;
@@ -5506,7 +4827,7 @@ const DrawerPopup = /*#__PURE__*/React__namespace.forwardRef(function DrawerPopu
       notifyParentHasNestedDrawer(false);
     };
   }, [notifyParentHasNestedDrawer, open, transitionStatus]);
-  useOpenChangeComplete({
+  useValueChanged.useOpenChangeComplete({
     open,
     ref: store.context.popupRef,
     onComplete() {
@@ -5684,42 +5005,6 @@ if (process.env.NODE_ENV !== "production") DialogPortal.displayName = "DialogPor
  */
 const DrawerPortal = DialogPortal;
 
-function useControlled({
-  controlled,
-  default: defaultProp,
-  name,
-  state = 'value'
-}) {
-  // isControlled is ignored in the hook dependency lists as it should never change.
-  const {
-    current: isControlled
-  } = React__namespace.useRef(controlled !== undefined);
-  const [valueState, setValue] = React__namespace.useState(defaultProp);
-  const value = isControlled ? controlled : valueState;
-  if (process.env.NODE_ENV !== 'production') {
-    React__namespace.useEffect(() => {
-      if (isControlled !== (controlled !== undefined)) {
-        console.error([`Base UI: A component is changing the ${isControlled ? '' : 'un'}controlled ${state} state of ${name} to be ${isControlled ? 'un' : ''}controlled.`, 'Elements should not switch from uncontrolled to controlled (or vice versa).', `Decide between using a controlled or uncontrolled ${name} ` + 'element for the lifetime of the component.', "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", 'More info: https://fb.me/react-controlled-components'].join('\n'));
-      }
-    }, [state, name, controlled]);
-    const {
-      current: defaultValue
-    } = React__namespace.useRef(defaultProp);
-    React__namespace.useEffect(() => {
-      // See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is for more details.
-      if (!isControlled && JSON.stringify(defaultValue) !== JSON.stringify(defaultProp)) {
-        console.error([`Base UI: 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)]);
-  }
-  const setValueIfUncontrolled = React__namespace.useCallback(newValue => {
-    if (!isControlled) {
-      setValue(newValue);
-    }
-  }, []);
-  return [value, setValueIfUncontrolled];
-}
-
 function useOnFirstRender(fn) {
   const ref = React__namespace.useRef(true);
   if (ref.current) {
@@ -5735,8 +5020,8 @@ function hasInsetScrollbars(referenceElement) {
   if (typeof document === 'undefined') {
     return false;
   }
-  const doc = ownerDocument(referenceElement);
-  const win = index_esm.getWindow(doc);
+  const doc = useValueChanged.ownerDocument(referenceElement);
+  const win = floatingUi_utils_dom.getWindow(doc);
   return win.innerWidth - doc.documentElement.clientWidth > 0;
 }
 function supportsStableScrollbarGutter(referenceElement) {
@@ -5744,10 +5029,10 @@ function supportsStableScrollbarGutter(referenceElement) {
   if (!supported || typeof document === 'undefined') {
     return false;
   }
-  const doc = ownerDocument(referenceElement);
+  const doc = useValueChanged.ownerDocument(referenceElement);
   const html = doc.documentElement;
   const body = doc.body;
-  const scrollContainer = index_esm.isOverflowElement(html) ? html : body;
+  const scrollContainer = floatingUi_utils_dom.isOverflowElement(html) ? html : body;
   const originalScrollContainerOverflowY = scrollContainer.style.overflowY;
   const originalHtmlStyleGutter = html.style.scrollbarGutter;
   html.style.scrollbarGutter = 'stable';
@@ -5760,7 +5045,7 @@ function supportsStableScrollbarGutter(referenceElement) {
   return before === after;
 }
 function preventScrollOverlayScrollbars(referenceElement) {
-  const doc = ownerDocument(referenceElement);
+  const doc = useValueChanged.ownerDocument(referenceElement);
   const html = doc.documentElement;
   const body = doc.body;
 
@@ -5768,7 +5053,7 @@ function preventScrollOverlayScrollbars(referenceElement) {
   // won't have any effect.
   // But if <body> has an `overflow` style (like `overflow-x: hidden`), we need to lock it
   // instead, as sticky elements shift otherwise.
-  const elementToLock = index_esm.isOverflowElement(html) ? html : body;
+  const elementToLock = floatingUi_utils_dom.isOverflowElement(html) ? html : body;
   const originalElementToLockStyles = {
     overflowY: elementToLock.style.overflowY,
     overflowX: elementToLock.style.overflowX
@@ -5782,17 +5067,17 @@ function preventScrollOverlayScrollbars(referenceElement) {
   };
 }
 function preventScrollInsetScrollbars(referenceElement) {
-  const doc = ownerDocument(referenceElement);
+  const doc = useValueChanged.ownerDocument(referenceElement);
   const html = doc.documentElement;
   const body = doc.body;
-  const win = index_esm.getWindow(html);
+  const win = floatingUi_utils_dom.getWindow(html);
   let scrollTop = 0;
   let scrollLeft = 0;
   let updateGutterOnly = false;
-  const resizeFrame = AnimationFrame.create();
+  const resizeFrame = useValueChanged.AnimationFrame.create();
 
   // Pinch-zoom in Safari causes a shift. Just don't lock scroll if there's any pinch-zoom.
-  if (isWebKit && (win.visualViewport?.scale ?? 1) !== 1) {
+  if (useValueChanged.isWebKit && (win.visualViewport?.scale ?? 1) !== 1) {
     return () => {};
   }
   function lockScroll() {
@@ -5833,7 +5118,7 @@ function preventScrollInsetScrollbars(referenceElement) {
     // with whitespace. Warn if <body> has margins?
     const marginY = parseFloat(bodyStyles.marginTop) + parseFloat(bodyStyles.marginBottom);
     const marginX = parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight);
-    const elementToLock = index_esm.isOverflowElement(html) ? html : body;
+    const elementToLock = floatingUi_utils_dom.isOverflowElement(html) ? html : body;
     updateGutterOnly = supportsStableScrollbarGutter(referenceElement);
 
     /*
@@ -5902,8 +5187,8 @@ function preventScrollInsetScrollbars(referenceElement) {
 class ScrollLocker {
   lockCount = 0;
   restore = null;
-  timeoutLock = Timeout.create();
-  timeoutUnlock = Timeout.create();
+  timeoutLock = useValueChanged.Timeout.create();
+  timeoutUnlock = useValueChanged.Timeout.create();
   acquire(referenceElement) {
     this.lockCount += 1;
     if (this.lockCount === 1 && this.restore === null) {
@@ -5927,16 +5212,16 @@ class ScrollLocker {
     if (this.lockCount === 0 || this.restore !== null) {
       return;
     }
-    const doc = ownerDocument(referenceElement);
+    const doc = useValueChanged.ownerDocument(referenceElement);
     const html = doc.documentElement;
-    const htmlOverflowY = index_esm.getWindow(html).getComputedStyle(html).overflowY;
+    const htmlOverflowY = floatingUi_utils_dom.getWindow(html).getComputedStyle(html).overflowY;
 
     // If the site author already hid overflow on <html>, respect it and bail out.
     if (htmlOverflowY === 'hidden' || htmlOverflowY === 'clip') {
       this.restore = useRenderElement.NOOP;
       return;
     }
-    const hasOverlayScrollbars = isIOS || !hasInsetScrollbars(referenceElement);
+    const hasOverlayScrollbars = useValueChanged.isIOS || !hasInsetScrollbars(referenceElement);
 
     // On iOS, scroll locking does not work if the navbar is collapsed. Due to numerous
     // side effects and bugs that arise on iOS, it must be researched extensively before
@@ -5956,7 +5241,7 @@ const SCROLL_LOCKER = new ScrollLocker();
  * @param referenceElement - Element to use as a reference for lock calculations.
  */
 function useScrollLock(enabled = true, referenceElement = null) {
-  useIsoLayoutEffect(() => {
+  useValueChanged.useIsoLayoutEffect(() => {
     if (!enabled) {
       return undefined;
     }
@@ -6000,20 +5285,6 @@ function useEnhancedClickHandler(handler) {
   };
 }
 
-function useValueChanged(value, onChange) {
-  const valueRef = React__namespace.useRef(value);
-  const onChangeCallback = useStableCallback(onChange);
-  useIsoLayoutEffect(() => {
-    if (valueRef.current === value) {
-      return;
-    }
-    onChangeCallback(valueRef.current);
-  }, [value, onChangeCallback]);
-  useIsoLayoutEffect(() => {
-    valueRef.current = value;
-  }, [value]);
-}
-
 /**
  * Determines the interaction type (keyboard, mouse, touch, etc.) that opened the component.
  *
@@ -6021,16 +5292,16 @@ function useValueChanged(value, onChange) {
  */
 function useOpenInteractionType(open) {
   const [openMethod, setOpenMethod] = React__namespace.useState(null);
-  const handleTriggerClick = useStableCallback((_, interactionType) => {
+  const handleTriggerClick = useValueChanged.useStableCallback((_, interactionType) => {
     if (!open) {
       setOpenMethod(interactionType || (
       // On iOS Safari, the hitslop around touch targets means tapping outside an element's
       // bounds does not fire `pointerdown` but does fire `mousedown`. The `interactionType`
       // will be "" in that case.
-      isIOS ? 'touch' : ''));
+      useValueChanged.isIOS ? 'touch' : ''));
     }
   });
-  useValueChanged(open, previousOpen => {
+  useValueChanged.useValueChanged(open, previousOpen => {
     if (previousOpen && !open) {
       setOpenMethod(null);
     }
@@ -6066,15 +5337,15 @@ function useDialogRoot(params) {
   const {
     forceUnmount
   } = useOpenStateTransitions(open, store);
-  const createDialogEventDetails = useStableCallback(reason => {
-    const details = createChangeEventDetails(reason);
+  const createDialogEventDetails = useValueChanged.useStableCallback(reason => {
+    const details = useValueChanged.createChangeEventDetails(reason);
     details.preventUnmountOnClose = () => {
       store.set('preventUnmountingOnClose', true);
     };
     return details;
   });
   const handleImperativeClose = React__namespace.useCallback(() => {
-    store.setOpen(false, createDialogEventDetails(imperativeAction));
+    store.setOpen(false, createDialogEventDetails(useValueChanged.imperativeAction));
   }, [store, createDialogEventDetails]);
   React__namespace.useImperativeHandle(actionsRef, () => ({
     unmount: forceUnmount,
@@ -6346,7 +5617,7 @@ function DrawerRoot(props) {
     defaultSnapPoint,
     onSnapPointChange: onSnapPointChangeProp
   } = props;
-  const onSnapPointChange = useStableCallback(onSnapPointChangeProp);
+  const onSnapPointChange = useValueChanged.useStableCallback(onSnapPointChangeProp);
   const parentDrawerRootContext = useDrawerRootContext(true);
   const notifyParentSwipeProgressChange = parentDrawerRootContext?.onNestedSwipeProgressChange;
   const notifyParentFrontmostHeight = parentDrawerRootContext?.onNestedFrontmostHeightChange;
@@ -6359,15 +5630,15 @@ function DrawerRoot(props) {
   const [nestedSwipeProgressStore] = React__namespace.useState(createNestedSwipeProgressStore);
   const resolvedDefaultSnapPoint = defaultSnapPoint !== undefined ? defaultSnapPoint : snapPoints?.[0] ?? null;
   const isSnapPointControlled = snapPointProp !== undefined;
-  const [activeSnapPoint, setActiveSnapPointUnwrapped] = useControlled({
+  const [activeSnapPoint, setActiveSnapPointUnwrapped] = useValueChanged.useControlled({
     controlled: snapPointProp,
     default: resolvedDefaultSnapPoint,
     name: 'Drawer',
     state: 'snapPoint'
   });
   const isNestedDrawerOpenRef = React__namespace.useRef(false);
-  const setActiveSnapPoint = useStableCallback((nextSnapPoint, eventDetails) => {
-    const resolvedEventDetails = eventDetails ?? createChangeEventDetails(none);
+  const setActiveSnapPoint = useValueChanged.useStableCallback((nextSnapPoint, eventDetails) => {
+    const resolvedEventDetails = eventDetails ?? useValueChanged.createChangeEventDetails(useValueChanged.none);
     onSnapPointChange?.(nextSnapPoint, resolvedEventDetails);
     if (resolvedEventDetails.isCanceled) {
       return;
@@ -6386,13 +5657,13 @@ function DrawerRoot(props) {
     }
     return activeSnapPoint;
   }, [activeSnapPoint, isSnapPointControlled, resolvedDefaultSnapPoint, snapPoints]);
-  const onPopupHeightChange = useStableCallback(height => {
+  const onPopupHeightChange = useValueChanged.useStableCallback(height => {
     setPopupHeight(height);
     if (!isNestedDrawerOpenRef.current && height > 0) {
       setFrontmostHeight(height);
     }
   });
-  const onNestedFrontmostHeightChange = useStableCallback(height => {
+  const onNestedFrontmostHeightChange = useValueChanged.useStableCallback(height => {
     if (height > 0) {
       isNestedDrawerOpenRef.current = true;
       setFrontmostHeight(height);
@@ -6403,24 +5674,24 @@ function DrawerRoot(props) {
       setFrontmostHeight(popupHeight);
     }
   });
-  const onNestedDrawerPresenceChange = useStableCallback(present => {
+  const onNestedDrawerPresenceChange = useValueChanged.useStableCallback(present => {
     setHasNestedDrawer(present);
   });
-  const onNestedSwipeProgressChange = useStableCallback(progress => {
+  const onNestedSwipeProgressChange = useValueChanged.useStableCallback(progress => {
     nestedSwipeProgressStore.set(progress);
     notifyParentSwipeProgressChange?.(progress);
   });
-  const onNestedSwipingChange = useStableCallback(swiping => {
+  const onNestedSwipingChange = useValueChanged.useStableCallback(swiping => {
     setNestedSwiping(swiping);
     notifyParentSwipingChange?.(swiping);
   });
-  const handleOpenChange = useStableCallback((nextOpen, eventDetails) => {
+  const handleOpenChange = useValueChanged.useStableCallback((nextOpen, eventDetails) => {
     onOpenChange?.(nextOpen, eventDetails);
     if (eventDetails.isCanceled) {
       return;
     }
     if (!nextOpen && snapPoints && snapPoints.length > 0) {
-      setActiveSnapPoint(resolvedDefaultSnapPoint, createChangeEventDetails(eventDetails.reason, eventDetails.event, eventDetails.trigger));
+      setActiveSnapPoint(resolvedDefaultSnapPoint, useValueChanged.createChangeEventDetails(eventDetails.reason, eventDetails.event, eventDetails.trigger));
     }
   });
   const contextValue = React__namespace.useMemo(() => ({
@@ -6490,7 +5761,7 @@ function createNestedSwipeProgressStore() {
   };
 }
 function DrawerProviderReporter() {
-  const drawerId = useId();
+  const drawerId = useValueChanged.useId();
   const providerContext = useDrawerProviderContext();
   const dialogRootContext = useDialogRootContext(false);
   const open = dialogRootContext.store.useState('open');
@@ -6514,10 +5785,10 @@ function DrawerProviderReporter() {
   React__namespace.useEffect(() => {
     // CloseWatcher enables the Android back gesture (Chromium-only).
     // Keep this Android-only for now to avoid interfering with Escape/nesting semantics on desktop due to `useDismiss`.
-    if (!open || !isTopmost || !isAndroid) {
+    if (!open || !isTopmost || !useValueChanged.isAndroid) {
       return undefined;
     }
-    const win = index_esm.getWindow(popupElement);
+    const win = floatingUi_utils_dom.getWindow(popupElement);
     const CloseWatcherCtor = win.CloseWatcher;
     if (!CloseWatcherCtor) {
       return undefined;
@@ -6526,13 +5797,13 @@ function DrawerProviderReporter() {
       if (!dialogRootContext.store.select('open')) {
         return;
       }
-      dialogRootContext.store.setOpen(false, createChangeEventDetails(closeWatcher, event));
+      dialogRootContext.store.setOpen(false, useValueChanged.createChangeEventDetails(useValueChanged.closeWatcher, event));
     }
-    const closeWatcher$1 = new CloseWatcherCtor();
-    closeWatcher$1.addEventListener('close', handleCloseWatcher);
+    const closeWatcher = new CloseWatcherCtor();
+    closeWatcher.addEventListener('close', handleCloseWatcher);
     return () => {
-      closeWatcher$1.removeEventListener('close', handleCloseWatcher);
-      closeWatcher$1.destroy();
+      closeWatcher.removeEventListener('close', handleCloseWatcher);
+      closeWatcher.destroy();
     };
   }, [dialogRootContext.store, isTopmost, open, popupElement]);
   return null;
@@ -6572,32 +5843,19 @@ exports.PATIENT_CLICK_THRESHOLD = PATIENT_CLICK_THRESHOLD;
 exports.POPUP_COLLISION_AVOIDANCE = POPUP_COLLISION_AVOIDANCE;
 exports.PopupTriggerMap = PopupTriggerMap;
 exports.ReactStore = ReactStore;
-exports.SafeReact = SafeReact;
 exports.Store = Store;
 exports.TYPEABLE_SELECTOR = TYPEABLE_SELECTOR;
 exports.TYPEAHEAD_RESET_MS = TYPEAHEAD_RESET_MS;
-exports.Timeout = Timeout;
-exports.TransitionStatusDataAttributes = TransitionStatusDataAttributes;
 exports.activeElement = activeElement;
-exports.cancelOpen = cancelOpen;
-exports.chipRemovePress = chipRemovePress;
-exports.clamp = clamp;
-exports.clearPress = clearPress;
-exports.closePress = closePress;
 exports.contains = contains;
 exports.createAttribute = createAttribute;
-exports.createChangeEventDetails = createChangeEventDetails;
-exports.createGenericEventDetails = createGenericEventDetails;
 exports.createGridCellMap = createGridCellMap;
 exports.createInitialPopupStoreState = createInitialPopupStoreState;
 exports.createSelector = createSelector;
-exports.decrementPress = decrementPress;
 exports.enqueueFocus = enqueueFocus;
-exports.escapeKey = escapeKey;
 exports.fastComponent = fastComponent;
 exports.fastComponentRef = fastComponentRef;
 exports.findNonDisabledListIndex = findNonDisabledListIndex;
-exports.focusOut = focusOut;
 exports.getFloatingFocusElement = getFloatingFocusElement;
 exports.getGridCellIndexOfCorner = getGridCellIndexOfCorner;
 exports.getGridCellIndices = getGridCellIndices;
@@ -6609,53 +5867,19 @@ exports.getNodeChildren = getNodeChildren;
 exports.getTabbableAfterElement = getTabbableAfterElement;
 exports.getTabbableBeforeElement = getTabbableBeforeElement;
 exports.getTarget = getTarget;
-exports.imperativeAction = imperativeAction;
-exports.incrementPress = incrementPress;
 exports.inertValue = inertValue;
-exports.inputBlur = inputBlur;
-exports.inputChange = inputChange;
-exports.inputClear = inputClear;
-exports.inputPaste = inputPaste;
-exports.inputPress = inputPress;
-exports.isAndroid = isAndroid;
-exports.isClickLikeEvent = isClickLikeEvent;
 exports.isElementVisible = isElementVisible;
-exports.isFirefox = isFirefox;
-exports.isIOS = isIOS;
 exports.isIndexOutOfListBounds = isIndexOutOfListBounds;
 exports.isListIndexDisabled = isListIndexDisabled;
-exports.isMac = isMac;
-exports.isMouseLikePointerType = isMouseLikePointerType;
 exports.isOutsideEvent = isOutsideEvent;
-exports.isSafari = isSafari;
 exports.isTargetInsideEnabledTrigger = isTargetInsideEnabledTrigger;
 exports.isTypeableCombobox = isTypeableCombobox;
 exports.isTypeableElement = isTypeableElement;
-exports.isVirtualClick = isVirtualClick;
-exports.isVirtualPointerEvent = isVirtualPointerEvent;
-exports.isWebKit = isWebKit;
-exports.itemPress = itemPress;
-exports.keyboard = keyboard;
-exports.listNavigation = listNavigation;
 exports.matchesFocusVisible = matchesFocusVisible;
-exports.none = none;
-exports.outsidePress = outsidePress;
-exports.ownerDocument = ownerDocument;
 exports.popupStateMapping = popupStateMapping;
 exports.popupStoreSelectors = popupStoreSelectors;
 exports.pressableTriggerOpenStateMapping = pressableTriggerOpenStateMapping;
-exports.scrub = scrub;
-exports.siblingOpen = siblingOpen;
-exports.stopEvent = stopEvent;
-exports.swipe = swipe;
-exports.transitionStatusMapping = transitionStatusMapping;
-exports.triggerFocus = triggerFocus;
-exports.triggerHover = triggerHover;
 exports.triggerOpenStateMapping = triggerOpenStateMapping;
-exports.triggerPress = triggerPress;
-exports.useAnimationFrame = useAnimationFrame;
-exports.useAnimationsFinished = useAnimationsFinished;
-exports.useControlled = useControlled;
 exports.useDialogPortalContext = useDialogPortalContext;
 exports.useDialogRootContext = useDialogRootContext;
 exports.useDismiss = useDismiss;
@@ -6665,25 +5889,14 @@ exports.useDrawerSnapPoints = useDrawerSnapPoints;
 exports.useFloatingNodeId = useFloatingNodeId;
 exports.useFloatingParentNodeId = useFloatingParentNodeId;
 exports.useFloatingTree = useFloatingTree;
-exports.useId = useId;
 exports.useImplicitActiveTrigger = useImplicitActiveTrigger;
 exports.useInteractions = useInteractions;
-exports.useIsoLayoutEffect = useIsoLayoutEffect;
 exports.useOnFirstRender = useOnFirstRender;
-exports.useOnMount = useOnMount;
-exports.useOpenChangeComplete = useOpenChangeComplete;
 exports.useOpenInteractionType = useOpenInteractionType;
 exports.useOpenStateTransitions = useOpenStateTransitions;
 exports.useRole = useRole;
 exports.useScrollLock = useScrollLock;
-exports.useStableCallback = useStableCallback;
 exports.useStore = useStore;
 exports.useSyncedFloatingRootContext = useSyncedFloatingRootContext;
-exports.useTimeout = useTimeout;
-exports.useTransitionStatus = useTransitionStatus;
 exports.useTriggerDataForwarding = useTriggerDataForwarding;
 exports.useTriggerRegistration = useTriggerRegistration;
-exports.useValueAsRef = useValueAsRef;
-exports.useValueChanged = useValueChanged;
-exports.visuallyHidden = visuallyHidden;
-exports.visuallyHiddenInput = visuallyHiddenInput;