@jobber/components 7.10.0 → 7.11.0

package/dist/DrawerRoot-es.js

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import React__default from 'react';
-import { f as formatErrorMessage, u as useRenderElement, b as useRefWithInit, E as EMPTY_OBJECT, c as useMergedRefs, i as isReactVersionAtLeast, N as NOOP } from './useRenderElement-es.js';
+import { f as formatErrorMessage, u as useRenderElement, E as EMPTY_OBJECT, b as useRefWithInit, c as useMergedRefs, i as isReactVersionAtLeast, N as NOOP } from './useRenderElement-es.js';
+import { X as TransitionStatusDataAttributes, t as transitionStatusMapping, Y as isJSDOM, z as stopEvent, s as ownerDocument, u as useIsoLayoutEffect, I as isSafari, l as visuallyHidden, k as createChangeEventDetails, M as focusOut, b as useId, a as useStableCallback, i as useValueAsRef, c as useTimeout, D as useAnimationFrame, Z as resolveRef, K as triggerHover, Q as outsidePress, N as isVirtualClick, O as isVirtualPointerEvent, _ as isWebKit, $ as isReactEvent, J as escapeKey, F as triggerPress, T as Timeout, E as isClickLikeEvent, d as useTransitionStatus, e as useOpenChangeComplete, g as clamp, j as isIOS, a0 as AnimationFrame, y as useValueChanged, V as imperativeAction, h as useControlled, n as none, a1 as isAndroid, a2 as closeWatcher } from './useValueChanged-es.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { i as isShadowRoot, b as isElement, a as isHTMLElement, k as getComputedStyle$1, f as floor, t as tabbable, g as getNodeName, c as isNode, I as getWindow, d as isTabbable, e as focusable, m as isWebKit$1, h as isLastTraversableNode, j as getParentNode, N as isOverflowElement } from './index.esm-es.js';
+import { f as floor, t as tabbable, i as isTabbable, a as focusable } from './index.esm-es.js';
+import { i as isShadowRoot, b as isElement, a as isHTMLElement, f as getComputedStyle$1, g as getNodeName, c as isNode, k as getWindow, j as isWebKit$1, d as isLastTraversableNode, e as getParentNode, o as isOverflowElement } from './floating-ui.utils.dom-es.js';
 import * as ReactDOM from 'react-dom';
 
 const DialogRootContext = /*#__PURE__*/React.createContext(undefined);
@@ -55,35 +57,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.
@@ -272,131 +245,6 @@ const DrawerBackdrop = /*#__PURE__*/React.forwardRef(function DrawerBackdrop(com
 });
 if (process.env.NODE_ENV !== "production") DrawerBackdrop.displayName = "DrawerBackdrop";
 
-// https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379
-const useInsertionEffect = React[`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.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 = 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
-};
-
-const noop = () => {};
-const useIsoLayoutEffect = typeof document !== 'undefined' ? React.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 ?? 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 ?? EMPTY_OBJECT;
-  const details = {
-    reason,
-    event: event ?? new Event('base-ui'),
-    ...custom
-  };
-  return details;
-}
-
 const DRAWER_CONTENT_ATTRIBUTE = 'data-drawer-content';
 
 /**
@@ -421,44 +269,6 @@ const DrawerContent = /*#__PURE__*/React.forwardRef(function DrawerContent(compo
 });
 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.useState(idOverride);
-  const id = idOverride || defaultId;
-  React.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.createContext(undefined);
 if (process.env.NODE_ENV !== "production") DrawerProviderContext.displayName = "DrawerProviderContext";
 function useDrawerProviderContext(optional) {
@@ -466,116 +276,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.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 = 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';
@@ -707,46 +407,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;
 }
@@ -1088,10 +748,6 @@ function isElementVisible(element) {
   return getComputedStyle$1(element).display !== 'none';
 }
 
-function ownerDocument(node) {
-  return node?.ownerDocument || document;
-}
-
 const getTabbableOptions = () => ({
   getShadowRoot: true,
   displayCheck:
@@ -1165,154 +821,6 @@ 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 = 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 = 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.forwardRef(function FocusGuard(props, ref) {
   const [role, setRole] = React.useState();
   useIsoLayoutEffect(() => {
@@ -1829,17 +1337,6 @@ 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 = getWindow(event.target);
   if (event instanceof win.KeyboardEvent) {
@@ -4299,178 +3796,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.useState(open && enableIdleState ? 'idle' : undefined);
-  const [mounted, setMounted] = React.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.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.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.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.
  *
@@ -5105,10 +4430,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;
@@ -5663,42 +4984,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.useRef(controlled !== undefined);
-  const [valueState, setValue] = React.useState(defaultProp);
-  const value = isControlled ? controlled : valueState;
-  if (process.env.NODE_ENV !== 'production') {
-    React.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.useRef(defaultProp);
-    React.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.useCallback(newValue => {
-    if (!isControlled) {
-      setValue(newValue);
-    }
-  }, []);
-  return [value, setValueIfUncontrolled];
-}
-
 function useOnFirstRender(fn) {
   const ref = React.useRef(true);
   if (ref.current) {
@@ -5979,20 +5264,6 @@ function useEnhancedClickHandler(handler) {
   };
 }
 
-function useValueChanged(value, onChange) {
-  const valueRef = React.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.
  *
@@ -6517,4 +5788,4 @@ function DrawerProviderReporter() {
   return null;
 }
 
-export { ARROW_RIGHT$1 as $, isSafari as A, ownerDocument as B, escapeKey as C, DrawerPortal as D, useOnMount as E, FloatingRootStore as F, Timeout as G, triggerHover as H, getNodeChildren as I, useValueAsRef as J, getFloatingFocusElement as K, isTypeableCombobox as L, isIndexOutOfListBounds as M, getMinListIndex as N, getMaxListIndex as O, PopupTriggerMap as P, stopEvent as Q, listNavigation as R, SafeReact as S, TYPEABLE_SELECTOR as T, createGridCellMap as U, isListIndexDisabled as V, getGridNavigatedIndex as W, getGridCellIndices as X, getGridCellIndexOfCorner as Y, ARROW_DOWN$1 as Z, ARROW_LEFT$1 as _, DrawerBackdrop as a, DialogStore as a$, findNonDisabledListIndex as a0, focusOut as a1, enqueueFocus as a2, isVirtualClick as a3, isVirtualPointerEvent as a4, ARROW_UP$1 as a5, isElementVisible as a6, useTriggerDataForwarding as a7, useInteractions as a8, CLICK_TRIGGER_IDENTIFIER as a9, useFloatingNodeId as aA, useOpenInteractionType as aB, useImplicitActiveTrigger as aC, useOpenStateTransitions as aD, useScrollLock as aE, imperativeAction as aF, useSyncedFloatingRootContext as aG, useDismiss as aH, useRole as aI, TYPEAHEAD_RESET_MS as aJ, FloatingTree as aK, fastComponentRef as aL, cancelOpen as aM, getTabbableBeforeElement as aN, isOutsideEvent as aO, getTabbableAfterElement as aP, getNextTabbable as aQ, pressableTriggerOpenStateMapping as aR, FocusGuard as aS, PATIENT_CLICK_THRESHOLD as aT, useTriggerRegistration as aU, useDrawerProviderContext as aV, DrawerBackdropCssVars as aW, DrawerPopupCssVars as aX, DrawerProviderContext as aY, CommonPopupDataAttributes as aZ, useDialogPortalContext as a_, triggerOpenStateMapping as aa, itemPress as ab, transitionStatusMapping as ac, DISABLED_TRANSITIONS_STYLE as ad, popupStateMapping as ae, useOpenChangeComplete as af, COMPOSITE_KEYS as ag, outsidePress as ah, FloatingFocusManager as ai, FloatingPortal as aj, useAnimationsFinished as ak, POPUP_COLLISION_AVOIDANCE as al, InternalBackdrop as am, inertValue as an, FloatingNode as ao, DROPDOWN_COLLISION_AVOIDANCE as ap, siblingOpen as aq, useControlled as ar, useTransitionStatus as as, popupStoreSelectors as at, createSelector as au, ReactStore as av, createInitialPopupStoreState as aw, FloatingTreeStore as ax, fastComponent as ay, useOnFirstRender as az, DrawerPopup as b, clamp as b0, useDrawerRootContext as b1, DrawerPopupDataAttributes as b2, swipe as b3, useDrawerSnapPoints as b4, DrawerViewportContext as b5, BASE_UI_SWIPE_IGNORE_SELECTOR as b6, TransitionStatusDataAttributes as b7, DRAWER_CONTENT_ATTRIBUTE as b8, useStore as b9, createGenericEventDetails as ba, inputClear as bb, inputChange as bc, useValueChanged as bd, none as be, inputPress as bf, visuallyHiddenInput as bg, visuallyHidden as bh, Store as bi, isAndroid as bj, isFirefox as bk, clearPress as bl, chipRemovePress as bm, isIOS as bn, inputBlur as bo, inputPaste as bp, incrementPress as bq, decrementPress as br, keyboard as bs, scrub as bt, isWebKit as bu, DrawerContent as c, DrawerRoot as d, useStableCallback as e, useDialogRootContext as f, createChangeEventDetails as g, closePress as h, useId as i, isMouseLikePointerType as j, useAnimationFrame as k, useTimeout as l, isTypeableElement as m, isClickLikeEvent as n, useFloatingParentNodeId as o, useFloatingTree as p, getTarget as q, matchesFocusVisible as r, isTargetInsideEnabledTrigger as s, triggerPress as t, useIsoLayoutEffect as u, triggerFocus as v, createAttribute as w, activeElement as x, contains as y, isMac as z };
+export { createInitialPopupStoreState as $, ARROW_DOWN$1 as A, ARROW_RIGHT$1 as B, findNonDisabledListIndex as C, DrawerPortal as D, enqueueFocus as E, FloatingRootStore as F, ARROW_UP$1 as G, isElementVisible as H, useTriggerDataForwarding as I, useInteractions as J, CLICK_TRIGGER_IDENTIFIER as K, triggerOpenStateMapping as L, DISABLED_TRANSITIONS_STYLE as M, popupStateMapping as N, COMPOSITE_KEYS as O, PopupTriggerMap as P, FloatingFocusManager as Q, FloatingPortal as R, POPUP_COLLISION_AVOIDANCE as S, TYPEABLE_SELECTOR as T, InternalBackdrop as U, inertValue as V, FloatingNode as W, DROPDOWN_COLLISION_AVOIDANCE as X, popupStoreSelectors as Y, createSelector as Z, ReactStore as _, DrawerBackdrop as a, FloatingTreeStore as a0, fastComponent as a1, useOnFirstRender as a2, useFloatingNodeId as a3, useOpenInteractionType as a4, useImplicitActiveTrigger as a5, useOpenStateTransitions as a6, useScrollLock as a7, useSyncedFloatingRootContext as a8, useDismiss as a9, Store as aA, useRole as aa, TYPEAHEAD_RESET_MS as ab, FloatingTree as ac, fastComponentRef as ad, getTabbableBeforeElement as ae, isOutsideEvent as af, getTabbableAfterElement as ag, getNextTabbable as ah, pressableTriggerOpenStateMapping as ai, FocusGuard as aj, PATIENT_CLICK_THRESHOLD as ak, useTriggerRegistration as al, useDrawerProviderContext as am, DrawerBackdropCssVars as an, DrawerPopupCssVars as ao, DrawerProviderContext as ap, CommonPopupDataAttributes as aq, useDialogPortalContext as ar, DialogStore as as, useDrawerRootContext as at, DrawerPopupDataAttributes as au, useDrawerSnapPoints as av, DrawerViewportContext as aw, BASE_UI_SWIPE_IGNORE_SELECTOR as ax, DRAWER_CONTENT_ATTRIBUTE as ay, useStore as az, DrawerPopup as b, DrawerContent as c, DrawerRoot as d, useFloatingParentNodeId as e, useFloatingTree as f, getTarget as g, isTargetInsideEnabledTrigger as h, isTypeableElement as i, createAttribute as j, activeElement as k, contains as l, matchesFocusVisible as m, getNodeChildren as n, getFloatingFocusElement as o, isTypeableCombobox as p, isIndexOutOfListBounds as q, getMinListIndex as r, getMaxListIndex as s, createGridCellMap as t, useDialogRootContext as u, isListIndexDisabled as v, getGridNavigatedIndex as w, getGridCellIndices as x, getGridCellIndexOfCorner as y, ARROW_LEFT$1 as z };