@jobber/components 9.4.0 → 9.5.0

package/dist/unstyledPrimitives/index.cjs

@@ -2,28 +2,22 @@
 
 var React = require('react');
 var ComboboxChipRemove = require('../ComboboxChipRemove-cjs.js');
-var resolveAriaLabelledBy = require('../resolveAriaLabelledBy-cjs.js');
+var useCompositeListItem = require('../useCompositeListItem-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
-var useButton = require('../useButton-cjs.js');
+var useScrollLock = require('../useScrollLock-cjs.js');
 var Separator = require('../Separator-cjs.js');
 var DrawerDescription = require('../DrawerDescription-cjs.js');
 var DrawerTitle = require('../DrawerTitle-cjs.js');
 var ScrollAreaViewport = require('../ScrollAreaViewport-cjs.js');
 var useRenderElement = require('../useRenderElement-cjs.js');
-var useScrollLock = require('../useScrollLock-cjs.js');
-var floatingUi_utils_dom = require('../floating-ui.utils.dom-cjs.js');
-var clamp = require('../clamp-cjs.js');
+var floatingUi_utils = require('../floating-ui.utils-cjs.js');
+var scrollEdges = require('../scrollEdges-cjs.js');
 var MenuSubmenuTrigger = require('../MenuSubmenuTrigger-cjs.js');
-var useCompositeListItem = require('../useCompositeListItem-cjs.js');
 var ReactDOM = require('react-dom');
 var SelectGroupLabel = require('../SelectGroupLabel-cjs.js');
-var floatingUi_utils = require('../floating-ui.utils-cjs.js');
 var NumberFieldInput = require('../NumberFieldInput-cjs.js');
-var useLabelableId = require('../useLabelableId-cjs.js');
 var useLabel = require('../useLabel-cjs.js');
-var scrollEdges = require('../scrollEdges-cjs.js');
 require('../stringifyLocale-cjs.js');
-require('../isElementDisabled-cjs.js');
 require('../floating-ui.react-dom-cjs.js');
 
 function _interopNamespaceDefault(e) {
@@ -109,14 +103,14 @@ function AutocompleteRoot(props) {
   }
   function handleItemHighlighted(highlightedValue, eventDetails) {
     props.onItemHighlighted?.(highlightedValue, eventDetails);
-    if (eventDetails.reason === useButton.pointer) {
+    if (eventDetails.reason === useScrollLock.pointer) {
       return;
     }
     if (enableInline) {
       if (highlightedValue == null) {
         setInlineInputValue('');
       } else {
-        setInlineInputValue(resolveAriaLabelledBy.stringifyAsLabel(highlightedValue, itemToStringValue));
+        setInlineInputValue(useCompositeListItem.stringifyAsLabel(highlightedValue, itemToStringValue));
       }
     } else {
       setInlineInputValue('');
@@ -252,7 +246,7 @@ const DrawerIndent = /*#__PURE__*/React__namespace.forwardRef(function DrawerInd
   const active = providerContext?.active ?? false;
   const visualStateStore = providerContext?.visualStateStore;
   const indentRef = React__namespace.useRef(null);
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     const element = indentRef.current;
     if (!element || !visualStateStore) {
       return undefined;
@@ -343,7 +337,7 @@ function DrawerProvider(props) {
   } = props;
   const [openById, setOpenById] = React__namespace.useState(() => new Map());
   const [visualStateStore] = React__namespace.useState(createVisualStateStore);
-  const setDrawerOpen = useButton.useStableCallback((drawerId, open) => {
+  const setDrawerOpen = useScrollLock.useStableCallback((drawerId, open) => {
     setOpenById(prev => {
       const prevOpen = prev.get(drawerId);
       if (prevOpen === open) {
@@ -354,7 +348,7 @@ function DrawerProvider(props) {
       return next;
     });
   });
-  const removeDrawer = useButton.useStableCallback(drawerId => {
+  const removeDrawer = useScrollLock.useStableCallback(drawerId => {
     setOpenById(prev => {
       if (!prev.has(drawerId)) {
         return prev;
@@ -511,7 +505,7 @@ const DrawerSwipeArea = /*#__PURE__*/React__namespace.forwardRef(function Drawer
   } = ScrollAreaViewport.useDrawerRootContext();
   const providerContext = ScrollAreaViewport.useDrawerProviderContext();
   const [swipeActive, setSwipeActive] = React__namespace.useState(false);
-  const releaseDismissTimeout = useButton.useTimeout();
+  const releaseDismissTimeout = useScrollLock.useTimeout();
   const swipeAreaRef = React__namespace.useRef(null);
   const swipeStartEventRef = React__namespace.useRef(null);
   const openedBySwipeRef = React__namespace.useRef(false);
@@ -522,10 +516,10 @@ const DrawerSwipeArea = /*#__PURE__*/React__namespace.forwardRef(function Drawer
   const closedOffsetRef = React__namespace.useRef(null);
   const appliedSwipeStylesRef = React__namespace.useRef(false);
   const popupTransitionRef = React__namespace.useRef(null);
-  const swipeAreaId = useButton.useBaseUiId(componentProps.id);
+  const swipeAreaId = useScrollLock.useBaseUiId(componentProps.id);
   const registerTrigger = useScrollLock.useTriggerRegistration(swipeAreaId, store);
   const open = store.useState('open');
-  const resetDragDelta = useButton.useStableCallback(() => {
+  const resetDragDelta = useScrollLock.useStableCallback(() => {
     dragDeltaRef.current.x = 0;
     dragDeltaRef.current.y = 0;
   });
@@ -635,7 +629,7 @@ const DrawerSwipeArea = /*#__PURE__*/React__namespace.forwardRef(function Drawer
     });
     appliedSwipeStylesRef.current = true;
   }
-  const clearSwipeStyles = useButton.useStableCallback(() => {
+  const clearSwipeStyles = useScrollLock.useStableCallback(() => {
     const popupElement = store.context.popupRef.current;
     if (popupElement && appliedSwipeStylesRef.current) {
       popupElement.style.removeProperty(ScrollAreaViewport.DrawerPopupCssVars.swipeMovementX);
@@ -663,13 +657,13 @@ const DrawerSwipeArea = /*#__PURE__*/React__namespace.forwardRef(function Drawer
       return;
     }
     openedBySwipeRef.current = true;
-    store.setOpen(true, useButton.createChangeEventDetails(useButton.swipe, event, swipeAreaRef.current ?? undefined));
+    store.setOpen(true, useScrollLock.createChangeEventDetails(useScrollLock.swipe, event, swipeAreaRef.current ?? undefined));
   }
   function closeDrawer(event) {
     if (!store.select('open')) {
       return;
     }
-    store.setOpen(false, useButton.createChangeEventDetails(useButton.swipe, event, swipeAreaRef.current ?? undefined));
+    store.setOpen(false, useScrollLock.createChangeEventDetails(useScrollLock.swipe, event, swipeAreaRef.current ?? undefined));
   }
   function resetSwipeInteractionState() {
     swipeStartEventRef.current = null;
@@ -871,8 +865,8 @@ function DrawerVirtualKeyboardProvider(props) {
   const keyboardTouchStartRef = React__namespace.useRef(null);
   const focusedKeyboardTargetRef = React__namespace.useRef(null);
   const keyboardScrollAdjustmentRef = React__namespace.useRef(null);
-  const keyboardFocusFrame = useButton.useAnimationFrame();
-  const restoreKeyboardScrollAdjustment = useButton.useStableCallback(() => {
+  const keyboardFocusFrame = useScrollLock.useAnimationFrame();
+  const restoreKeyboardScrollAdjustment = useScrollLock.useStableCallback(() => {
     const adjustment = keyboardScrollAdjustmentRef.current;
     if (!adjustment) {
       return;
@@ -882,7 +876,7 @@ function DrawerVirtualKeyboardProvider(props) {
     adjustment.element.style.scrollPaddingBottom = adjustment.scrollPaddingBottom;
     keyboardScrollAdjustmentRef.current = null;
   });
-  const setKeyboardScrollSlack = useButton.useStableCallback((element, slack) => {
+  const setKeyboardScrollSlack = useScrollLock.useStableCallback((element, slack) => {
     const roundedSlack = Math.max(0, Math.ceil(slack));
     let adjustment = keyboardScrollAdjustmentRef.current;
     if (adjustment && !adjustment.element.isConnected) {
@@ -898,7 +892,7 @@ function DrawerVirtualKeyboardProvider(props) {
       adjustment = null;
     }
     if (!adjustment) {
-      const styles = floatingUi_utils_dom.getComputedStyle(element);
+      const styles = floatingUi_utils.getComputedStyle(element);
       adjustment = {
         element,
         overflowAnchor: element.style.overflowAnchor,
@@ -913,15 +907,15 @@ function DrawerVirtualKeyboardProvider(props) {
     element.style.paddingBottom = `${adjustment.computedPaddingBottom + roundedSlack}px`;
     element.style.scrollPaddingBottom = `${adjustment.computedScrollPaddingBottom + KEYBOARD_VISIBILITY_MARGIN}px`;
   });
-  const animateKeyboardScroll = useButton.useStableCallback((element, scrollTop) => {
-    const win = floatingUi_utils_dom.getWindow(element);
+  const animateKeyboardScroll = useScrollLock.useStableCallback((element, scrollTop) => {
+    const win = floatingUi_utils.getWindow(element);
     const behavior = win.matchMedia?.('(prefers-reduced-motion: reduce)')?.matches ? 'auto' : 'smooth';
     element.scrollTo({
       top: scrollTop,
       behavior
     });
   });
-  const resetTouchTrackingState = useButton.useStableCallback(() => {
+  const resetTouchTrackingState = useScrollLock.useStableCallback(() => {
     pendingKeyboardFocusMovedRef.current = false;
     keyboardTouchStartRef.current = null;
   });
@@ -936,8 +930,8 @@ function DrawerVirtualKeyboardProvider(props) {
       restoreKeyboardScrollAdjustment();
       return undefined;
     }
-    const doc = useButton.ownerDocument(rootElement);
-    const win = floatingUi_utils_dom.getWindow(rootElement);
+    const doc = useScrollLock.ownerDocument(rootElement);
+    const win = floatingUi_utils.getWindow(rootElement);
     const visualViewport = win.visualViewport;
     const setDrawerKeyboardInset = inset => {
       rootElement.style.setProperty(DrawerViewportCssVars.keyboardInset, `${Math.max(0, Math.ceil(inset))}px`);
@@ -957,7 +951,7 @@ function DrawerVirtualKeyboardProvider(props) {
       // conditionally rendered away), any applied scroll slack is restored here on the next
       // focus/viewport event or when the drawer closes. This self-corrects rather than
       // tracking each field's lifecycle.
-      if (nestedDrawerOpen || !target || !useButton.contains(rootElement, target)) {
+      if (nestedDrawerOpen || !target || !useScrollLock.contains(rootElement, target)) {
         resetDrawerKeyboardInset();
         restoreKeyboardScrollAdjustment();
         return;
@@ -974,7 +968,7 @@ function DrawerVirtualKeyboardProvider(props) {
         restoreKeyboardScrollAdjustment();
         return;
       }
-      if (!scrollTarget.isConnected || !useButton.contains(rootElement, scrollTarget)) {
+      if (!scrollTarget.isConnected || !useScrollLock.contains(rootElement, scrollTarget)) {
         resetDrawerKeyboardInset();
         restoreKeyboardScrollAdjustment();
         return;
@@ -997,7 +991,7 @@ function DrawerVirtualKeyboardProvider(props) {
       const targetCenter = (targetRect.top + targetRect.bottom) / 2;
       const visibleCenter = (visibleTop + visibleBottom) / 2;
       const nextScrollTop = scrollTarget.scrollTop + targetCenter - visibleCenter;
-      animateKeyboardScroll(scrollTarget, clamp.clamp(nextScrollTop, 0, maxScrollTop));
+      animateKeyboardScroll(scrollTarget, scrollEdges.clamp(nextScrollTop, 0, maxScrollTop));
     };
     const scheduleKeyboardFocusAlignment = () => {
       keyboardFocusFrame.request(alignFocusedKeyboardTarget);
@@ -1010,14 +1004,14 @@ function DrawerVirtualKeyboardProvider(props) {
       // Resolve through the same path as taps so contentEditable hosts (and labelled
       // controls) are normalized identically for the focus and touch paths.
       const target = resolveKeyboardInputTarget(eventTarget);
-      if (!target || !useButton.contains(rootElement, target)) {
+      if (!target || !useScrollLock.contains(rootElement, target)) {
         return false;
       }
       focusedKeyboardTargetRef.current = target;
       return true;
     };
     const handleFocusIn = event => {
-      if (captureFocusedKeyboardTarget(useButton.getTarget(event))) {
+      if (captureFocusedKeyboardTarget(useScrollLock.getTarget(event))) {
         scheduleKeyboardFocusAlignment();
       }
     };
@@ -1029,16 +1023,16 @@ function DrawerVirtualKeyboardProvider(props) {
       clearFocusedKeyboardTarget();
     };
     const handleViewportUpdate = () => {
-      if (focusedKeyboardTargetRef.current || captureFocusedKeyboardTarget(useButton.activeElement(doc))) {
+      if (focusedKeyboardTargetRef.current || captureFocusedKeyboardTarget(useScrollLock.activeElement(doc))) {
         scheduleKeyboardFocusAlignment();
       }
     };
     const cleanupListeners = [];
     if (visualViewport) {
-      cleanupListeners.push(useButton.addEventListener(visualViewport, 'resize', handleViewportUpdate), useButton.addEventListener(visualViewport, 'scroll', handleViewportUpdate));
+      cleanupListeners.push(useScrollLock.addEventListener(visualViewport, 'resize', handleViewportUpdate), useScrollLock.addEventListener(visualViewport, 'scroll', handleViewportUpdate));
     }
-    cleanupListeners.push(useButton.addEventListener(doc, 'focusin', handleFocusIn, true), useButton.addEventListener(doc, 'focusout', handleFocusOut, true));
-    if (captureFocusedKeyboardTarget(useButton.activeElement(doc))) {
+    cleanupListeners.push(useScrollLock.addEventListener(doc, 'focusin', handleFocusIn, true), useScrollLock.addEventListener(doc, 'focusout', handleFocusOut, true));
+    if (captureFocusedKeyboardTarget(useScrollLock.activeElement(doc))) {
       scheduleKeyboardFocusAlignment();
     }
     return () => {
@@ -1047,7 +1041,7 @@ function DrawerVirtualKeyboardProvider(props) {
       rootElement.style.removeProperty(DrawerViewportCssVars.keyboardInset);
     };
   }, [animateKeyboardScroll, keyboardFocusFrame, mounted, nestedDrawerOpen, open, restoreKeyboardScrollAdjustment, rootElement, setKeyboardScrollSlack]);
-  const onTouchStart = useButton.useStableCallback(event => {
+  const onTouchStart = useScrollLock.useStableCallback(event => {
     if (!open || !mounted || nestedDrawerOpen) {
       resetTouchTrackingState();
       return;
@@ -1062,7 +1056,7 @@ function DrawerVirtualKeyboardProvider(props) {
       y: touch.clientY
     };
   });
-  const onTouchMove = useButton.useStableCallback(event => {
+  const onTouchMove = useScrollLock.useStableCallback(event => {
     const touch = event.touches[0];
     const touchStart = keyboardTouchStartRef.current;
     if (!touch || !touchStart || pendingKeyboardFocusMovedRef.current) {
@@ -1075,14 +1069,14 @@ function DrawerVirtualKeyboardProvider(props) {
       pendingKeyboardFocusMovedRef.current = true;
     }
   });
-  const onTouchEnd = useButton.useStableCallback(event => {
+  const onTouchEnd = useScrollLock.useStableCallback(event => {
     if (!open || !mounted || nestedDrawerOpen || !rootElement || !keyboardTouchStartRef.current || pendingKeyboardFocusMovedRef.current) {
       resetTouchTrackingState();
       return;
     }
     const touch = event.changedTouches[0] ?? event.touches[0];
-    const doc = useButton.ownerDocument(event.currentTarget);
-    const nativeEventTarget = useButton.getTarget(event.nativeEvent);
+    const doc = useScrollLock.ownerDocument(event.currentTarget);
+    const nativeEventTarget = useScrollLock.getTarget(event.nativeEvent);
     const pointTarget = touch ? resolveKeyboardTouchTargetFromPoint(doc, touch.clientX, touch.clientY) : null;
 
     // The lift point landed on another interactive/label element; let its native tap
@@ -1092,7 +1086,7 @@ function DrawerVirtualKeyboardProvider(props) {
       return;
     }
     const keyboardTarget = touch && (pointTarget ?? resolveKeyboardTouchTarget(nativeEventTarget));
-    if (keyboardTarget && (!useButton.contains(rootElement, keyboardTarget.focusTarget) || !useButton.contains(rootElement, keyboardTarget.clickTarget))) {
+    if (keyboardTarget && (!useScrollLock.contains(rootElement, keyboardTarget.focusTarget) || !useScrollLock.contains(rootElement, keyboardTarget.clickTarget))) {
       resetTouchTrackingState();
       return;
     }
@@ -1101,7 +1095,7 @@ function DrawerVirtualKeyboardProvider(props) {
         clickTarget: keyboardClickTarget,
         focusTarget: keyboardFocusTarget
       } = keyboardTarget;
-      const win = floatingUi_utils_dom.getWindow(keyboardFocusTarget);
+      const win = floatingUi_utils.getWindow(keyboardFocusTarget);
 
       // While pinch-zoomed, keyboard alignment is suspended; let native behavior
       // handle focus and caret placement instead of blurring and re-focusing.
@@ -1112,7 +1106,7 @@ function DrawerVirtualKeyboardProvider(props) {
 
       // Already focused with the keyboard up: let the native tap through so it can
       // reposition the caret, rather than blurring and re-focusing the same input.
-      if (useButton.activeElement(useButton.ownerDocument(keyboardFocusTarget)) === keyboardFocusTarget && isKeyboardVisualViewportOpen(win)) {
+      if (useScrollLock.activeElement(useScrollLock.ownerDocument(keyboardFocusTarget)) === keyboardFocusTarget && isKeyboardVisualViewportOpen(win)) {
         resetTouchTrackingState();
         return;
       }
@@ -1145,7 +1139,7 @@ function isKeyboardInputElement(element) {
   if (element.isContentEditable) {
     return true;
   }
-  const win = floatingUi_utils_dom.getWindow(element);
+  const win = floatingUi_utils.getWindow(element);
   if (element instanceof win.HTMLTextAreaElement || element instanceof win.HTMLInputElement && KEYBOARD_INPUT_TYPES.has(element.type)) {
     // Disabled controls can't focus or open the keyboard, so tap-to-focus must skip them —
     // otherwise the dispatched click fires handlers a native tap on a disabled control never would.
@@ -1154,7 +1148,7 @@ function isKeyboardInputElement(element) {
   return false;
 }
 function resolveKeyboardInputTarget(target) {
-  if (!floatingUi_utils_dom.isHTMLElement(target)) {
+  if (!floatingUi_utils.isHTMLElement(target)) {
     return null;
   }
   if (isKeyboardInputElement(target)) {
@@ -1162,7 +1156,7 @@ function resolveKeyboardInputTarget(target) {
   }
   const label = target.closest('label');
   const control = label?.control ?? null;
-  return floatingUi_utils_dom.isHTMLElement(control) && isKeyboardInputElement(control) ? control : null;
+  return floatingUi_utils.isHTMLElement(control) && isKeyboardInputElement(control) ? control : null;
 }
 function resolveKeyboardTouchTarget(target) {
   const focusTarget = resolveKeyboardInputTarget(target);
@@ -1171,7 +1165,7 @@ function resolveKeyboardTouchTarget(target) {
   }
   return {
     focusTarget,
-    clickTarget: floatingUi_utils_dom.isHTMLElement(target) ? target : focusTarget
+    clickTarget: floatingUi_utils.isHTMLElement(target) ? target : focusTarget
   };
 }
 
@@ -1190,7 +1184,7 @@ function resolveKeyboardTouchTargetFromPoint(doc, clientX, clientY) {
   if (exactKeyboardTarget) {
     return {
       focusTarget: exactKeyboardTarget,
-      clickTarget: floatingUi_utils_dom.isHTMLElement(exactTarget) ? exactTarget : exactKeyboardTarget
+      clickTarget: floatingUi_utils.isHTMLElement(exactTarget) ? exactTarget : exactKeyboardTarget
     };
   }
 
@@ -1215,7 +1209,7 @@ function resolveKeyboardTouchTargetFromPoint(doc, clientX, clientY) {
   return null;
 }
 function dispatchKeyboardClick(target, touch) {
-  const win = floatingUi_utils_dom.getWindow(target);
+  const win = floatingUi_utils.getWindow(target);
   const ClickEvent = win.PointerEvent ?? win.MouseEvent;
   target.dispatchEvent(new ClickEvent('click', {
     bubbles: true,
@@ -1227,7 +1221,7 @@ function dispatchKeyboardClick(target, touch) {
   }));
 }
 function focusKeyboardInputWithoutPageScroll(target) {
-  const wasFocused = useButton.activeElement(useButton.ownerDocument(target)) === target;
+  const wasFocused = useScrollLock.activeElement(useScrollLock.ownerDocument(target)) === target;
   const previousOpacity = target.style.opacity;
   const previousTransform = target.style.transform;
   const previousTransition = target.style.transition;
@@ -1257,7 +1251,7 @@ function findKeyboardScrollTarget(target, root) {
   // the drawer body scroller. Prefer an already-scrollable ancestor, then fall back to one
   // that only becomes scrollable once keyboard slack is added (overflow intent without
   // current overflow).
-  const scrollStart = floatingUi_utils_dom.getParentNode(target);
+  const scrollStart = floatingUi_utils.getParentNode(target);
   return ScrollAreaViewport.findScrollableTouchTarget(scrollStart, root, 'vertical') ?? ScrollAreaViewport.findScrollableTouchTarget(scrollStart, root, 'vertical', true);
 }
 function getKeyboardVisualViewport(win) {
@@ -1382,13 +1376,13 @@ const MenuCheckboxItem = /*#__PURE__*/React__namespace.forwardRef(function MenuC
     label
   });
   const menuPositionerContext = MenuSubmenuTrigger.useMenuPositionerContext(true);
-  const id = useButton.useBaseUiId(idProp);
+  const id = useScrollLock.useBaseUiId(idProp);
   const {
     store
   } = MenuSubmenuTrigger.useMenuRootContext();
   const highlighted = store.useState('isActive', listItem.index);
   const itemProps = store.useState('itemProps');
-  const [checked, setChecked] = useButton.useControlled({
+  const [checked, setChecked] = useScrollLock.useControlled({
     controlled: checkedProp,
     default: defaultChecked ?? false,
     name: 'MenuCheckboxItem',
@@ -1413,7 +1407,7 @@ const MenuCheckboxItem = /*#__PURE__*/React__namespace.forwardRef(function MenuC
     checked
   }), [disabled, highlighted, checked]);
   function handleClick(event) {
-    const details = useButton.createChangeEventDetails(useButton.itemPress, event.nativeEvent, undefined, {
+    const details = useScrollLock.createChangeEventDetails(useScrollLock.itemPress, event.nativeEvent, undefined, {
       preventUnmountOnClose() {}
     });
     onCheckedChange?.(!checked, details);
@@ -1458,8 +1452,8 @@ const MenuCheckboxItemIndicator = /*#__PURE__*/React__namespace.forwardRef(funct
   const {
     transitionStatus,
     setMounted
-  } = useButton.useTransitionStatus(item.checked);
-  useButton.useOpenChangeComplete({
+  } = useScrollLock.useTransitionStatus(item.checked);
+  useScrollLock.useOpenChangeComplete({
     open: item.checked,
     ref: indicatorRef,
     onComplete() {
@@ -1489,12 +1483,12 @@ const MenuCheckboxItemIndicator = /*#__PURE__*/React__namespace.forwardRef(funct
 if (process.env.NODE_ENV !== "production") MenuCheckboxItemIndicator.displayName = "MenuCheckboxItemIndicator";
 
 function getCssDimensions(element) {
-  const css = floatingUi_utils_dom.getComputedStyle(element);
+  const css = floatingUi_utils.getComputedStyle(element);
   // In testing environments, the `width` and `height` properties are empty
   // strings for SVG elements, returning NaN. Fallback to `0` in this case.
   let width = parseFloat(css.width) || 0;
   let height = parseFloat(css.height) || 0;
-  const hasOffset = floatingUi_utils_dom.isHTMLElement(element);
+  const hasOffset = floatingUi_utils.isHTMLElement(element);
   const offsetWidth = hasOffset ? element.offsetWidth : width;
   const offsetHeight = hasOffset ? element.offsetHeight : height;
   const shouldFallback = floatingUi_utils.round(width) !== offsetWidth || floatingUi_utils.round(height) !== offsetHeight;
@@ -1522,13 +1516,13 @@ function usePopupAutoResize(parameters) {
     side,
     direction
   } = parameters;
-  const runOnceAnimationsFinish = useButton.useAnimationsFinished(popupElement, true, false);
-  const animationFrame = useButton.useAnimationFrame();
+  const runOnceAnimationsFinish = useScrollLock.useAnimationsFinished(popupElement, true, false);
+  const animationFrame = useScrollLock.useAnimationFrame();
   const committedDimensionsRef = React__namespace.useRef(null);
   const isInitialRenderRef = React__namespace.useRef(true);
   const restoreAnchoringStylesRef = React__namespace.useRef(useRenderElement.NOOP);
-  const onMeasureLayout = useButton.useStableCallback(onMeasureLayoutParam);
-  const onMeasureLayoutComplete = useButton.useStableCallback(onMeasureLayoutCompleteParam);
+  const onMeasureLayout = useScrollLock.useStableCallback(onMeasureLayoutParam);
+  const onMeasureLayoutComplete = useScrollLock.useStableCallback(onMeasureLayoutCompleteParam);
   const anchoringStyles = React__namespace.useMemo(() => {
     // Ensure popup size transitions correctly when anchored to `bottom` (side=top) or `right` (side=left).
     let isOriginSide = side === 'top';
@@ -1546,7 +1540,7 @@ function usePopupAutoResize(parameters) {
       [isPhysicalLeft ? 'right' : 'left']: '0'
     } : useRenderElement.EMPTY_OBJECT;
   }, [side, direction]);
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     // Reset the state when the popup is closed.
     if (!mounted) {
       restoreAnchoringStylesRef.current = useRenderElement.NOOP;
@@ -1678,22 +1672,22 @@ function usePopupViewport(parameters) {
   const [newTriggerOffset, setNewTriggerOffset] = React__namespace.useState(null);
   const currentContainerRef = React__namespace.useRef(null);
   const previousContainerRef = React__namespace.useRef(null);
-  const onAnimationsFinished = useButton.useAnimationsFinished(currentContainerRef, true, false);
-  const cleanupFrame = useButton.useAnimationFrame();
+  const onAnimationsFinished = useScrollLock.useAnimationsFinished(currentContainerRef, true, false);
+  const cleanupFrame = useScrollLock.useAnimationFrame();
   const [previousContentDimensions, setPreviousContentDimensions] = React__namespace.useState(null);
   const [showStartingStyleAttribute, setShowStartingStyleAttribute] = React__namespace.useState(false);
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     store.set('hasViewport', true);
     return () => {
       store.set('hasViewport', false);
     };
   }, [store]);
-  const handleMeasureLayout = useButton.useStableCallback(() => {
+  const handleMeasureLayout = useScrollLock.useStableCallback(() => {
     currentContainerRef.current?.style.setProperty('animation', 'none');
     currentContainerRef.current?.style.setProperty('transition', 'none');
     previousContainerRef.current?.style.setProperty('display', 'none');
   });
-  const handleMeasureLayoutComplete = useButton.useStableCallback(previousDimensions => {
+  const handleMeasureLayoutComplete = useScrollLock.useStableCallback(previousDimensions => {
     currentContainerRef.current?.style.removeProperty('animation');
     currentContainerRef.current?.style.removeProperty('transition');
     previousContainerRef.current?.style.removeProperty('display');
@@ -1702,12 +1696,12 @@ function usePopupViewport(parameters) {
     }
   });
   const lastHandledTriggerRef = React__namespace.useRef(null);
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     if (!open || !mounted) {
       lastHandledTriggerRef.current = null;
     }
   }, [open, mounted]);
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     // When a trigger changes, set the captured children HTML to state,
     // so we can render both new and old content.
     if (activeTrigger && previousActiveTrigger && activeTrigger !== previousActiveTrigger && lastHandledTriggerRef.current !== activeTrigger && capturedNodeRef.current) {
@@ -1734,7 +1728,7 @@ function usePopupViewport(parameters) {
 
   // Capture a clone of the current content DOM subtree when not transitioning.
   // We can't store previous React nodes as they may be stateful; instead we capture DOM clones for visual continuity.
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     // When a transition is in progress, we store the next content in capturedNodeRef.
     // This handles the case where the trigger changes multiple times before the transition finishes.
     // We want to always capture the latest content for the previous snapshot.
@@ -1745,7 +1739,7 @@ function usePopupViewport(parameters) {
     if (!source) {
       return;
     }
-    const wrapper = useButton.ownerDocument(source).createElement('div');
+    const wrapper = useScrollLock.ownerDocument(source).createElement('div');
     for (const child of Array.from(source.childNodes)) {
       wrapper.appendChild(child.cloneNode(true));
     }
@@ -1783,7 +1777,7 @@ function usePopupViewport(parameters) {
   }
 
   // When previousContentNode is present, imperatively populate the previous container with the cloned children.
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     const container = previousContainerRef.current;
     if (!container || !previousContentNode) {
       return;
@@ -1870,7 +1864,7 @@ function usePopupContentKey(activeTriggerId, payload) {
   const previousActiveTriggerIdRef = React__namespace.useRef(activeTriggerId);
   const previousPayloadRef = React__namespace.useRef(payload);
   const pendingPayloadUpdateRef = React__namespace.useRef(false);
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     // Compare against the last committed values to decide whether we need a new DOM subtree.
     const previousActiveTriggerId = previousActiveTriggerIdRef.current;
     const previousPayload = previousPayloadRef.current;
@@ -1984,14 +1978,14 @@ class MenuHandle {
     if (triggerId && !triggerElement) {
       throw new Error(process.env.NODE_ENV !== "production" ? `Base UI: MenuHandle.open: No trigger found with id "${triggerId}".` : useRenderElement.formatErrorMessage(83, triggerId));
     }
-    this.store.setOpen(true, useButton.createChangeEventDetails('imperative-action', undefined, triggerElement));
+    this.store.setOpen(true, useScrollLock.createChangeEventDetails('imperative-action', undefined, triggerElement));
   }
 
   /**
    * Closes the menu.
    */
   close() {
-    this.store.setOpen(false, useButton.createChangeEventDetails('imperative-action', undefined, undefined));
+    this.store.setOpen(false, useScrollLock.createChangeEventDetails('imperative-action', undefined, undefined));
   }
 
   /**
@@ -2148,7 +2142,7 @@ const ScrollAreaScrollbar = /*#__PURE__*/React__namespace.forwardRef(function Sc
         y: viewportEl.scrollTop
       });
     }
-    return useButton.addEventListener(scrollbarEl, 'wheel', handleWheel, {
+    return useScrollLock.addEventListener(scrollbarEl, 'wheel', handleWheel, {
       passive: false
     });
   }, [direction, handleScroll, orientation, scrollbarXRef, scrollbarYRef, shouldRender, viewportRef]);
@@ -2160,12 +2154,12 @@ const ScrollAreaScrollbar = /*#__PURE__*/React__namespace.forwardRef(function Sc
       if (event.button !== 0) {
         return;
       }
-      const target = useButton.getTarget(event.nativeEvent);
+      const target = useScrollLock.getTarget(event.nativeEvent);
       const thumb = orientation === 'vertical' ? thumbYRef.current : thumbXRef.current;
 
       // Ignore clicks on thumb, including cases where React retargets the
       // synthetic event to the track host across a shadow boundary.
-      if (thumb && useButton.contains(thumb, target)) {
+      if (thumb && useScrollLock.contains(thumb, target)) {
         return;
       }
       if (!viewportRef.current) {
@@ -2281,7 +2275,7 @@ const ScrollAreaContent = /*#__PURE__*/React__namespace.forwardRef(function Scro
   } = ScrollAreaViewport.useScrollAreaRootContext();
   const contentWrapperRef = React__namespace.useRef(null);
   const computeOnInitialResizeRef = React__namespace.useRef(hasMeasuredScrollbar);
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     if (typeof ResizeObserver === 'undefined') {
       return undefined;
     }
@@ -2477,7 +2471,7 @@ function useNumberFieldScrubAreaContext() {
 
 // Calculates the bounds the virtual cursor wraps within, as absolute edge coordinates.
 function getViewportRect(teleportDistance, scrubAreaEl) {
-  const win = floatingUi_utils_dom.getWindow(scrubAreaEl);
+  const win = floatingUi_utils.getWindow(scrubAreaEl);
   if (teleportDistance != null) {
     const rect = scrubAreaEl.getBoundingClientRect();
     return {
@@ -2507,7 +2501,7 @@ function getViewportRect(teleportDistance, scrubAreaEl) {
 // This lets us invert the scale of the cursor to match the OS scale, in which the cursor doesn't
 // scale with the content on pinch-zoom.
 function subscribeToVisualViewportResize(element, visualScaleRef) {
-  const vV = floatingUi_utils_dom.getWindow(element).visualViewport;
+  const vV = floatingUi_utils.getWindow(element).visualViewport;
   if (!vV) {
     return () => {};
   }
@@ -2517,7 +2511,7 @@ function subscribeToVisualViewportResize(element, visualScaleRef) {
     }
   }
   handleVisualResize();
-  return useButton.addEventListener(vV, 'resize', handleVisualResize);
+  return useScrollLock.addEventListener(vV, 'resize', handleVisualResize);
 }
 
 const SCRUB_AREA_STYLE = {
@@ -2565,7 +2559,7 @@ const NumberFieldScrubArea = /*#__PURE__*/React__namespace.forwardRef(function N
     y: 0
   });
   const visualScaleRef = React__namespace.useRef(1);
-  const exitPointerLockTimeout = useButton.useTimeout();
+  const exitPointerLockTimeout = useScrollLock.useTimeout();
   const [isTouchInput, setIsTouchInput] = React__namespace.useState(false);
   const [isPointerLockDenied, setIsPointerLockDenied] = React__namespace.useState(false);
   const [isScrubbing, setIsScrubbing] = React__namespace.useState(false);
@@ -2580,7 +2574,7 @@ const NumberFieldScrubArea = /*#__PURE__*/React__namespace.forwardRef(function N
       scrubAreaCursorRef.current.style.transform = `translate3d(${x}px,${y}px,0) scale(${1 / visualScaleRef.current})`;
     }
   }
-  const onScrub = useButton.useStableCallback(({
+  const onScrub = useScrollLock.useStableCallback(({
     movementX,
     movementY
   }) => {
@@ -2610,7 +2604,7 @@ const NumberFieldScrubArea = /*#__PURE__*/React__namespace.forwardRef(function N
     virtualCursorCoords.current = newCoords;
     updateCursorTransform(newCoords.x, newCoords.y);
   });
-  const onScrubbingChange = useButton.useStableCallback((scrubbingValue, {
+  const onScrubbingChange = useScrollLock.useStableCallback((scrubbingValue, {
     clientX,
     clientY
   }) => {
@@ -2638,20 +2632,20 @@ const NumberFieldScrubArea = /*#__PURE__*/React__namespace.forwardRef(function N
     function handleScrubPointerUp(event) {
       function handler() {
         try {
-          useButton.ownerDocument(scrubAreaRef.current).exitPointerLock();
+          useScrollLock.ownerDocument(scrubAreaRef.current).exitPointerLock();
         } catch {
           // Ignore errors.
         } finally {
           isScrubbingRef.current = false;
           onScrubbingChange(false, event);
-          onValueCommitted(lastChangedValueRef.current ?? valueRef.current, useButton.createGenericEventDetails(useButton.scrub, event));
+          onValueCommitted(lastChangedValueRef.current ?? valueRef.current, useScrollLock.createGenericEventDetails(useScrollLock.scrub, event));
 
           // Manually dispatch a click event if no movement happened, since
           // preventDefault on pointerdown prevents the browser click event.
           const pointerDownTarget = pointerDownTargetRef.current;
           const input = inputRef.current;
           if (!didMoveRef.current && pointerDownTarget != null && input) {
-            pointerDownTarget.dispatchEvent(new (floatingUi_utils_dom.getWindow(input).MouseEvent)('click', {
+            pointerDownTarget.dispatchEvent(new (floatingUi_utils.getWindow(input).MouseEvent)('click', {
               bubbles: true,
               cancelable: true
             }));
@@ -2692,13 +2686,13 @@ const NumberFieldScrubArea = /*#__PURE__*/React__namespace.forwardRef(function N
           incrementValue(Math.abs(rawAmount), {
             direction: rawAmount >= 0 ? 1 : -1,
             event,
-            reason: useButton.scrub
+            reason: useScrollLock.scrub
           });
         }
       }
     }
-    const win = floatingUi_utils_dom.getWindow(inputRef.current);
-    const unsubscribe = useScrollLock.mergeCleanups(useButton.addEventListener(win, 'pointerup', handleScrubPointerUp, true), useButton.addEventListener(win, 'pointermove', handleScrubPointerMove, true));
+    const win = floatingUi_utils.getWindow(inputRef.current);
+    const unsubscribe = useScrollLock.mergeCleanups(useScrollLock.addEventListener(win, 'pointerup', handleScrubPointerUp, true), useScrollLock.addEventListener(win, 'pointermove', handleScrubPointerMove, true));
     return () => {
       exitPointerLockTimeout.clear();
       unsubscribe();
@@ -2712,7 +2706,7 @@ const NumberFieldScrubArea = /*#__PURE__*/React__namespace.forwardRef(function N
       isScrubbingRef.current = false;
       setRootScrubbing(false);
       try {
-        useButton.ownerDocument(scrubAreaRef.current).exitPointerLock();
+        useScrollLock.ownerDocument(scrubAreaRef.current).exitPointerLock();
       } catch {
         // Ignore errors.
       }
@@ -2730,7 +2724,7 @@ const NumberFieldScrubArea = /*#__PURE__*/React__namespace.forwardRef(function N
         event.preventDefault();
       }
     }
-    return useButton.addEventListener(element, 'touchstart', handleTouchStart);
+    return useScrollLock.addEventListener(element, 'touchstart', handleTouchStart);
   }, [disabled, readOnly]);
   const defaultProps = {
     role: 'presentation',
@@ -2748,7 +2742,7 @@ const NumberFieldScrubArea = /*#__PURE__*/React__namespace.forwardRef(function N
       }
       isScrubbingRef.current = true;
       didMoveRef.current = false;
-      pointerDownTargetRef.current = useButton.getTarget(event.nativeEvent);
+      pointerDownTargetRef.current = useScrollLock.getTarget(event.nativeEvent);
       onScrubbingChange(true, event.nativeEvent);
 
       // WebKit causes significant layout shift with the native message, so we can't use it.
@@ -2757,7 +2751,7 @@ const NumberFieldScrubArea = /*#__PURE__*/React__namespace.forwardRef(function N
           // Avoid non-deterministic errors in testing environments. This error sometimes
           // appears:
           // "The root document of this element is not valid for pointer lock."
-          await useButton.ownerDocument(scrubAreaRef.current).body.requestPointerLock();
+          await useScrollLock.ownerDocument(scrubAreaRef.current).body.requestPointerLock();
           setIsPointerLockDenied(false);
         } catch (error) {
           setIsPointerLockDenied(true);
@@ -2835,7 +2829,7 @@ const NumberFieldScrubAreaCursor = /*#__PURE__*/React__namespace.forwardRef(func
     }, elementProps],
     stateAttributesMapping: NumberFieldInput.stateAttributesMapping
   });
-  return element && /*#__PURE__*/ReactDOM__namespace.createPortal(element, useButton.ownerDocument(domElement).body);
+  return element && /*#__PURE__*/ReactDOM__namespace.createPortal(element, useScrollLock.ownerDocument(domElement).body);
 });
 if (process.env.NODE_ENV !== "production") NumberFieldScrubAreaCursor.displayName = "NumberFieldScrubAreaCursor";
 
@@ -2866,13 +2860,13 @@ const SelectLabel = /*#__PURE__*/React__namespace.forwardRef(function SelectLabe
   // Keep label id derived from the root and ignore runtime `id` overrides from untyped consumers.
   const elementPropsWithoutId = elementProps;
   delete elementPropsWithoutId.id;
-  const fieldRootContext = useLabelableId.useFieldRootContext();
+  const fieldRootContext = useCompositeListItem.useFieldRootContext();
   const {
     store
   } = SelectGroupLabel.useSelectRootContext();
   const triggerElement = useScrollLock.useStore(store, SelectGroupLabel.selectors.triggerElement);
   const rootId = useScrollLock.useStore(store, SelectGroupLabel.selectors.id);
-  const defaultLabelId = resolveAriaLabelledBy.getDefaultLabelId(rootId);
+  const defaultLabelId = useCompositeListItem.getDefaultLabelId(rootId);
   const labelProps = useLabel.useLabel({
     id: defaultLabelId,
     fallbackControlId: triggerElement?.id ?? rootId,
@@ -2884,7 +2878,7 @@ const SelectLabel = /*#__PURE__*/React__namespace.forwardRef(function SelectLabe
     ref: forwardedRef,
     state: fieldRootContext.state,
     props: [labelProps, elementProps],
-    stateAttributesMapping: useLabelableId.fieldValidityMapping
+    stateAttributesMapping: useCompositeListItem.fieldValidityMapping
   });
 });
 if (process.env.NODE_ENV !== "production") SelectLabel.displayName = "SelectLabel";
@@ -2924,7 +2918,7 @@ if (process.env.NODE_ENV !== "production") SelectIcon.displayName = "SelectIcon"
 
 const stateAttributesMapping$1 = {
   ...useScrollLock.popupStateMapping,
-  ...useButton.transitionStatusMapping
+  ...useScrollLock.transitionStatusMapping
 };
 
 /**
@@ -2969,7 +2963,7 @@ if (process.env.NODE_ENV !== "production") SelectBackdrop.displayName = "SelectB
 
 const stateAttributesMapping = {
   ...useScrollLock.popupStateMapping,
-  ...useButton.transitionStatusMapping
+  ...useScrollLock.transitionStatusMapping
 };
 
 /**
@@ -3050,14 +3044,14 @@ const SelectScrollArrow = /*#__PURE__*/React__namespace.forwardRef(function Sele
 
   // Scroll arrows are disabled for touch modality as they are a hover-only element.
   const visible = stateVisible && openMethod !== 'touch';
-  const timeout = useButton.useTimeout();
+  const timeout = useScrollLock.useTimeout();
   const scrollArrowRef = isUp ? scrollUpArrowRef : scrollDownArrowRef;
   const {
     mounted,
     transitionStatus,
     setMounted
-  } = useButton.useTransitionStatus(visible);
-  useButton.useIsoLayoutEffect(() => {
+  } = useScrollLock.useTransitionStatus(visible);
+  useScrollLock.useIsoLayoutEffect(() => {
     scrollArrowsMountedCountRef.current += 1;
     if (!store.state.hasScrollArrows) {
       store.set('hasScrollArrows', true);
@@ -3069,7 +3063,7 @@ const SelectScrollArrow = /*#__PURE__*/React__namespace.forwardRef(function Sele
       }
     };
   }, [store, scrollArrowsMountedCountRef]);
-  useButton.useOpenChangeComplete({
+  useScrollLock.useOpenChangeComplete({
     open: visible,
     ref: scrollArrowRef,
     onComplete() {
@@ -3134,7 +3128,7 @@ const SelectScrollArrow = /*#__PURE__*/React__namespace.forwardRef(function Sele
     ref: [forwardedRef, scrollArrowRef],
     state,
     props: [defaultProps, elementProps],
-    stateAttributesMapping: useButton.transitionStatusMapping
+    stateAttributesMapping: useScrollLock.transitionStatusMapping
   });
   const shouldRender = mounted || keepMounted;
   if (!shouldRender) {