@jobber/components 9.4.0 → 9.5.0

package/dist/SelectGroupLabel-cjs.js

@@ -1,18 +1,12 @@
 'use strict';
 
 var React = require('react');
-var useButton = require('./useButton-cjs.js');
-var useRenderElement = require('./useRenderElement-cjs.js');
 var useScrollLock = require('./useScrollLock-cjs.js');
-var isElementDisabled = require('./isElementDisabled-cjs.js');
-var useLabelableId = require('./useLabelableId-cjs.js');
-var resolveAriaLabelledBy = require('./resolveAriaLabelledBy-cjs.js');
+var useRenderElement = require('./useRenderElement-cjs.js');
+var useCompositeListItem = require('./useCompositeListItem-cjs.js');
 var scrollEdges = require('./scrollEdges-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
-var useCompositeListItem = require('./useCompositeListItem-cjs.js');
 var floatingUi_utils = require('./floating-ui.utils-cjs.js');
-var clamp = require('./clamp-cjs.js');
-var floatingUi_utils_dom = require('./floating-ui.utils.dom-cjs.js');
 var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
 
 function _interopNamespaceDefault(e) {
@@ -34,6 +28,16 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
+const ToolbarRootContext = /*#__PURE__*/React__namespace.createContext(undefined);
+if (process.env.NODE_ENV !== "production") ToolbarRootContext.displayName = "ToolbarRootContext";
+function useToolbarRootContext(optional) {
+  const context = React__namespace.useContext(ToolbarRootContext);
+  if (context === undefined && !optional) {
+    throw new Error(process.env.NODE_ENV !== "production" ? 'Base UI: ToolbarRootContext is missing. Toolbar parts must be placed within <Toolbar.Root>.' : useRenderElement.formatErrorMessage(69));
+  }
+  return context;
+}
+
 /**
  * Returns a previous value of its argument.
  * @param value Current value.
@@ -53,6 +57,10 @@ function usePreviousValue(value) {
   return state.previous;
 }
 
+function isElementDisabled(element) {
+  return element == null || element.hasAttribute('disabled') || element.getAttribute('aria-disabled') === 'true';
+}
+
 const SelectRootContext = /*#__PURE__*/React__namespace.createContext(null);
 if (process.env.NODE_ENV !== "production") SelectRootContext.displayName = "SelectRootContext";
 const SelectFloatingContext = /*#__PURE__*/React__namespace.createContext(null);
@@ -94,10 +102,10 @@ const selectors = {
     if (multiple && Array.isArray(value)) {
       return value.length > 0;
     }
-    return resolveAriaLabelledBy.stringifyAsValue(value, itemToStringValue) !== '';
+    return useCompositeListItem.stringifyAsValue(value, itemToStringValue) !== '';
   }),
   hasNullItemLabel: useScrollLock.createSelector((state, enabled) => {
-    return enabled ? resolveAriaLabelledBy.hasNullItemLabel(state.items) : false;
+    return enabled ? useCompositeListItem.hasNullItemLabel(state.items) : false;
   }),
   open: useScrollLock.createSelector(state => state.open),
   mounted: useScrollLock.createSelector(state => state.mounted),
@@ -111,13 +119,13 @@ const selectors = {
     const comparer = state.isItemEqualToValue;
     const storeValue = state.value;
     if (state.multiple) {
-      return Array.isArray(storeValue) && storeValue.some(selectedItem => resolveAriaLabelledBy.compareItemEquality(itemValue, selectedItem, comparer));
+      return Array.isArray(storeValue) && storeValue.some(selectedItem => useCompositeListItem.compareItemEquality(itemValue, selectedItem, comparer));
     }
 
     // The value is the source of truth: a stale `selectedIndex` (e.g. the controlled
     // value changes while the popup is open, where the index sync is deferred) must not
     // keep a previously selected item marked as selected.
-    return resolveAriaLabelledBy.compareItemEquality(itemValue, storeValue, comparer);
+    return useCompositeListItem.compareItemEquality(itemValue, storeValue, comparer);
   }),
   isSelectedByFocus: useScrollLock.createSelector((state, index) => {
     return state.selectedIndex === index;
@@ -156,13 +164,13 @@ function SelectRoot(props) {
     multiple = false,
     itemToStringLabel,
     itemToStringValue,
-    isItemEqualToValue = resolveAriaLabelledBy.defaultItemEquality,
+    isItemEqualToValue = useCompositeListItem.defaultItemEquality,
     highlightItemOnHover = true,
     children
   } = props;
   const {
     clearErrors
-  } = useLabelableId.useFormContext();
+  } = useCompositeListItem.useFormContext();
   const {
     setDirty,
     setTouched,
@@ -173,19 +181,19 @@ function SelectRoot(props) {
     disabled: fieldDisabled,
     validation,
     validationMode
-  } = useLabelableId.useFieldRootContext();
-  const generatedId = useLabelableId.useLabelableId({
+  } = useCompositeListItem.useFieldRootContext();
+  const generatedId = useCompositeListItem.useLabelableId({
     id
   });
   const disabled = fieldDisabled || disabledProp;
   const name = fieldName ?? nameProp;
-  const [value, setValueUnwrapped] = useButton.useControlled({
+  const [value, setValueUnwrapped] = useScrollLock.useControlled({
     controlled: valueProp,
     default: multiple ? defaultValue ?? useRenderElement.EMPTY_ARRAY : defaultValue,
     name: 'Select',
     state: 'value'
   });
-  const [open, setOpenUnwrapped] = useButton.useControlled({
+  const [open, setOpenUnwrapped] = useScrollLock.useControlled({
     controlled: openProp,
     default: defaultOpen,
     name: 'Select',
@@ -211,7 +219,7 @@ function SelectRoot(props) {
     mounted,
     setMounted,
     transitionStatus
-  } = useButton.useTransitionStatus(open);
+  } = useScrollLock.useTransitionStatus(open);
   const {
     openMethod,
     triggerProps: interactionTypeProps
@@ -256,31 +264,31 @@ function SelectRoot(props) {
     if (multiple) {
       return '';
     }
-    return resolveAriaLabelledBy.stringifyAsValue(value, itemToStringValue);
+    return useCompositeListItem.stringifyAsValue(value, itemToStringValue);
   }, [multiple, value, itemToStringValue]);
   const fieldStringValue = React__namespace.useMemo(() => {
     if (multiple && Array.isArray(value)) {
-      return value.map(currentValue => resolveAriaLabelledBy.stringifyAsValue(currentValue, itemToStringValue));
+      return value.map(currentValue => useCompositeListItem.stringifyAsValue(currentValue, itemToStringValue));
     }
-    return resolveAriaLabelledBy.stringifyAsValue(value, itemToStringValue);
+    return useCompositeListItem.stringifyAsValue(value, itemToStringValue);
   }, [multiple, value, itemToStringValue]);
-  const controlRef = useButton.useValueAsRef(store.state.triggerElement);
-  const getStringifiedValueForForm = useButton.useStableCallback(() => fieldStringValue);
-  useLabelableId.useRegisterFieldControl(controlRef, generatedId, value, getStringifiedValueForForm, !disabled, nameProp);
+  const controlRef = useScrollLock.useValueAsRef(store.state.triggerElement);
+  const getStringifiedValueForForm = useScrollLock.useStableCallback(() => fieldStringValue);
+  useCompositeListItem.useRegisterFieldControl(controlRef, generatedId, value, getStringifiedValueForForm, !disabled, nameProp);
   const initialValueRef = React__namespace.useRef(value);
   // Mirror the `hasSelectedValue` store selector so the Field's filled state agrees with the
   // trigger/value placeholder semantics (a value serializing to `''` counts as empty).
-  const hasSelectedValue = multiple ? Array.isArray(value) && value.length > 0 : value != null && resolveAriaLabelledBy.stringifyAsValue(value, itemToStringValue) !== '';
-  useButton.useIsoLayoutEffect(() => {
+  const hasSelectedValue = multiple ? Array.isArray(value) && value.length > 0 : value != null && useCompositeListItem.stringifyAsValue(value, itemToStringValue) !== '';
+  useScrollLock.useIsoLayoutEffect(() => {
     // Ensure the values and labels are registered for programmatic value changes.
     if (value !== initialValueRef.current) {
       store.set('forceMount', true);
     }
   }, [store, value]);
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     setFilled(hasSelectedValue);
   }, [hasSelectedValue, setFilled]);
-  useButton.useIsoLayoutEffect(function syncSelectedIndex() {
+  useScrollLock.useIsoLayoutEffect(function syncSelectedIndex() {
     const registry = valuesRef.current;
     let nextIndex;
     if (multiple) {
@@ -289,11 +297,11 @@ function SelectRoot(props) {
         nextIndex = null;
       } else {
         const lastValue = currentValue[currentValue.length - 1];
-        const lastIndex = resolveAriaLabelledBy.findItemIndex(registry, lastValue, isItemEqualToValue);
+        const lastIndex = useCompositeListItem.findItemIndex(registry, lastValue, isItemEqualToValue);
         nextIndex = lastIndex === -1 ? null : lastIndex;
       }
     } else {
-      const index = resolveAriaLabelledBy.findItemIndex(registry, value, isItemEqualToValue);
+      const index = useCompositeListItem.findItemIndex(registry, value, isItemEqualToValue);
       nextIndex = index === -1 ? null : index;
     }
     if (nextIndex === null) {
@@ -307,22 +315,22 @@ function SelectRoot(props) {
   function isSelectedValueDirty(currentValue) {
     const initialValue = validityData.initialValue;
     if (Array.isArray(currentValue) && Array.isArray(initialValue)) {
-      return !resolveAriaLabelledBy.areArraysEqual(currentValue, initialValue, (itemValue, initialItemValue) => resolveAriaLabelledBy.compareItemEquality(itemValue, initialItemValue, isItemEqualToValue));
+      return !useCompositeListItem.areArraysEqual(currentValue, initialValue, (itemValue, initialItemValue) => useCompositeListItem.compareItemEquality(itemValue, initialItemValue, isItemEqualToValue));
     }
     return currentValue !== initialValue;
   }
-  useButton.useValueChanged(value, () => {
+  useScrollLock.useValueChanged(value, () => {
     clearErrors(name);
     setDirty(isSelectedValueDirty(value));
     validation.change(value);
   });
-  const setOpen = useButton.useStableCallback((nextOpen, eventDetails) => {
+  const setOpen = useScrollLock.useStableCallback((nextOpen, eventDetails) => {
     onOpenChange?.(nextOpen, eventDetails);
     if (eventDetails.isCanceled) {
       return;
     }
     setOpenUnwrapped(nextOpen);
-    if (!nextOpen && (eventDetails.reason === useButton.focusOut || eventDetails.reason === useButton.outsidePress)) {
+    if (!nextOpen && (eventDetails.reason === useScrollLock.focusOut || eventDetails.reason === useScrollLock.outsidePress)) {
       setTouched(true);
       setFocused(false);
       if (validationMode === 'onBlur') {
@@ -330,7 +338,7 @@ function SelectRoot(props) {
       }
     }
   });
-  const handleUnmount = useButton.useStableCallback(() => {
+  const handleUnmount = useScrollLock.useStableCallback(() => {
     setMounted(false);
     store.update({
       activeIndex: null,
@@ -338,7 +346,7 @@ function SelectRoot(props) {
     });
     onOpenChangeComplete?.(false);
   });
-  useButton.useOpenChangeComplete({
+  useScrollLock.useOpenChangeComplete({
     enabled: !actionsRef,
     open,
     ref: popupRef,
@@ -351,14 +359,14 @@ function SelectRoot(props) {
   React__namespace.useImperativeHandle(actionsRef, () => ({
     unmount: handleUnmount
   }), [handleUnmount]);
-  const setValue = useButton.useStableCallback((nextValue, eventDetails) => {
+  const setValue = useScrollLock.useStableCallback((nextValue, eventDetails) => {
     onValueChange?.(nextValue, eventDetails);
     if (eventDetails.isCanceled) {
       return;
     }
     setValueUnwrapped(nextValue);
   });
-  const handleScrollArrowVisibility = useButton.useStableCallback(() => {
+  const handleScrollArrowVisibility = useScrollLock.useStableCallback(() => {
     const scroller = store.state.listElement || popupRef.current;
     if (!scroller) {
       return;
@@ -412,12 +420,12 @@ function SelectRoot(props) {
     // the disabled state from the element via the attribute-only `isElementDisabled` so the
     // hidden, force-mounted items used for closed-trigger typeahead aren't dropped by the
     // `elementsRef`/visibility filter that `disabledIndices` deliberately sidesteps.
-    disabledIndices: index => isElementDisabled.isElementDisabled(listRef.current[index]),
+    disabledIndices: index => isElementDisabled(listRef.current[index]),
     onMatch(index) {
       if (open) {
         store.set('activeIndex', index);
       } else {
-        setValue(valuesRef.current[index], useButton.createChangeEventDetails('none'));
+        setValue(valuesRef.current[index], useScrollLock.createChangeEventDetails('none'));
       }
     },
     onTyping(typing) {
@@ -439,7 +447,7 @@ function SelectRoot(props) {
       triggerProps: mergedTriggerProps
     });
   });
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     store.update({
       id: generatedId,
       modal,
@@ -493,7 +501,7 @@ function SelectRoot(props) {
       return null;
     }
     return value.map(v => {
-      const currentSerializedValue = resolveAriaLabelledBy.stringifyAsValue(v, itemToStringValue);
+      const currentSerializedValue = useCompositeListItem.stringifyAsValue(v, itemToStringValue);
       return /*#__PURE__*/jsxRuntime.jsx("input", {
         type: "hidden",
         form: form,
@@ -523,7 +531,7 @@ function SelectRoot(props) {
               return;
             }
             const nextValue = event.currentTarget.value;
-            const details = useButton.createChangeEventDetails(useButton.none, event.nativeEvent);
+            const details = useScrollLock.createChangeEventDetails(useScrollLock.none, event.nativeEvent);
             function handleChange() {
               if (multiple) {
                 // Browser autofill only writes a single scalar value.
@@ -533,7 +541,7 @@ function SelectRoot(props) {
               // Preserve the original serialized matching, then fall back to rendered text,
               // which browsers can autofill for primitive values like `value="US">United States`.
               const nextValueLower = nextValue.toLowerCase();
-              let matchingIndex = valuesRef.current.findIndex(candidate => resolveAriaLabelledBy.stringifyAsValue(candidate, itemToStringValue).toLowerCase() === nextValueLower || resolveAriaLabelledBy.stringifyAsLabel(candidate, itemToStringLabel).toLowerCase() === nextValueLower);
+              let matchingIndex = valuesRef.current.findIndex(candidate => useCompositeListItem.stringifyAsValue(candidate, itemToStringValue).toLowerCase() === nextValueLower || useCompositeListItem.stringifyAsLabel(candidate, itemToStringLabel).toLowerCase() === nextValueLower);
               if (matchingIndex === -1) {
                 matchingIndex = valuesRef.current.findIndex((_, index) => {
                   const renderedLabel = labelsRef.current[index];
@@ -560,7 +568,7 @@ function SelectRoot(props) {
         required: required && !hasMultipleSelection,
         readOnly: readOnly,
         ref: ref,
-        style: name ? useButton.visuallyHiddenInput : useButton.visuallyHidden,
+        style: name ? useScrollLock.visuallyHiddenInput : useScrollLock.visuallyHidden,
         tabIndex: -1,
         "aria-hidden": true,
         suppressHydrationWarning: true
@@ -573,7 +581,7 @@ const BOUNDARY_OFFSET = 2;
 const SELECTED_DELAY = 400;
 const stateAttributesMapping$2 = {
   ...useScrollLock.pressableTriggerOpenStateMapping,
-  ...useLabelableId.fieldValidityMapping,
+  ...useCompositeListItem.fieldValidityMapping,
   popupSide: side => side ? {
     'data-popup-side': side
   } : null,
@@ -602,10 +610,10 @@ const SelectTrigger = /*#__PURE__*/React__namespace.forwardRef(function SelectTr
     validationMode,
     state: fieldState,
     disabled: fieldDisabled
-  } = useLabelableId.useFieldRootContext();
+  } = useCompositeListItem.useFieldRootContext();
   const {
     labelId: fieldLabelId
-  } = useLabelableId.useLabelableContext();
+  } = useCompositeListItem.useLabelableContext();
   const {
     store,
     setOpen,
@@ -629,25 +637,25 @@ const SelectTrigger = /*#__PURE__*/React__namespace.forwardRef(function SelectTr
   const hasSelectedValue = useScrollLock.useStore(store, selectors.hasSelectedValue);
   const popupSide = mounted && positionerElement ? popupSideValue : null;
   const id = idProp ?? rootId;
-  const ariaLabelledBy = resolveAriaLabelledBy.resolveAriaLabelledBy(fieldLabelId, selectLabelId);
-  useLabelableId.useLabelableId({
+  const ariaLabelledBy = useCompositeListItem.resolveAriaLabelledBy(fieldLabelId, selectLabelId);
+  useCompositeListItem.useLabelableId({
     id
   });
-  const positionerRef = useButton.useValueAsRef(positionerElement);
+  const positionerRef = useScrollLock.useValueAsRef(positionerElement);
   const triggerRef = React__namespace.useRef(null);
   const {
     getButtonProps,
     buttonRef
-  } = useButton.useButton({
+  } = useScrollLock.useButton({
     disabled,
     native: nativeButton
   });
-  const setTriggerElement = useButton.useStableCallback(element => {
+  const setTriggerElement = useScrollLock.useStableCallback(element => {
     store.set('triggerElement', element);
   });
-  const timeoutFocus = useButton.useTimeout();
-  const timeoutMouseDown = useButton.useTimeout();
-  const selectedDelayTimeout = useButton.useTimeout();
+  const timeoutFocus = useScrollLock.useTimeout();
+  const timeoutMouseDown = useScrollLock.useTimeout();
+  const selectedDelayTimeout = useScrollLock.useTimeout();
   React__namespace.useEffect(() => {
     if (open) {
       // A mousedown on the trigger can open the popup under the cursor. Keep mouseup selection
@@ -685,7 +693,7 @@ const SelectTrigger = /*#__PURE__*/React__namespace.forwardRef(function SelectTr
 
       // The popup element shouldn't obscure the focused trigger.
       if (open && alignItemWithTriggerActiveRef.current) {
-        setOpen(false, useButton.createChangeEventDetails(useButton.none, event.nativeEvent));
+        setOpen(false, useScrollLock.createChangeEventDetails(useScrollLock.none, event.nativeEvent));
       }
 
       // Saves a re-render on initial click: `forceMount === true` mounts
@@ -697,7 +705,7 @@ const SelectTrigger = /*#__PURE__*/React__namespace.forwardRef(function SelectTr
     },
     onBlur(event) {
       // If focus is moving into the popup, don't count it as a blur.
-      if (useButton.contains(positionerElement, event.relatedTarget)) {
+      if (useScrollLock.contains(positionerElement, event.relatedTarget)) {
         return;
       }
       setTouched(true);
@@ -710,7 +718,7 @@ const SelectTrigger = /*#__PURE__*/React__namespace.forwardRef(function SelectTr
       if (open) {
         return;
       }
-      const doc = useButton.ownerDocument(event.currentTarget);
+      const doc = useScrollLock.ownerDocument(event.currentTarget);
       function handleMouseUp(mouseEvent) {
         if (!triggerRef.current) {
           return;
@@ -719,14 +727,14 @@ const SelectTrigger = /*#__PURE__*/React__namespace.forwardRef(function SelectTr
 
         // Don't treat the release as an outside press when it lands on the trigger or inside
         // the popup positioner (or their children).
-        if (useButton.contains(triggerRef.current, mouseUpTarget) || useButton.contains(positionerRef.current, mouseUpTarget)) {
+        if (useScrollLock.contains(triggerRef.current, mouseUpTarget) || useScrollLock.contains(positionerRef.current, mouseUpTarget)) {
           return;
         }
         const bounds = useCompositeListItem.getPseudoElementBounds(triggerRef.current);
         if (mouseEvent.clientX >= bounds.left - BOUNDARY_OFFSET && mouseEvent.clientX <= bounds.right + BOUNDARY_OFFSET && mouseEvent.clientY >= bounds.top - BOUNDARY_OFFSET && mouseEvent.clientY <= bounds.bottom + BOUNDARY_OFFSET) {
           return;
         }
-        setOpen(false, useButton.createChangeEventDetails(useButton.cancelOpen, mouseEvent));
+        setOpen(false, useScrollLock.createChangeEventDetails(useScrollLock.cancelOpen, mouseEvent));
       }
 
       // Firefox can fire this upon mousedown
@@ -801,9 +809,9 @@ const SelectValue = /*#__PURE__*/React__namespace.forwardRef(function SelectValu
   } else if (!hasSelectedValue && placeholder != null && !hasNullLabel) {
     children = placeholder;
   } else if (Array.isArray(value)) {
-    children = resolveAriaLabelledBy.resolveMultipleLabels(value, items, itemToStringLabel);
+    children = useCompositeListItem.resolveMultipleLabels(value, items, itemToStringLabel);
   } else {
-    children = resolveAriaLabelledBy.resolveSelectedLabel(value, items, itemToStringLabel);
+    children = useCompositeListItem.resolveSelectedLabel(value, items, itemToStringLabel);
   }
   const element = useRenderElement.useRenderElement('span', componentProps, {
     state,
@@ -920,7 +928,7 @@ const SelectPositioner = /*#__PURE__*/React__namespace.forwardRef(function Selec
   if (!mounted && controlledAlignItemWithTrigger !== alignItemWithTrigger) {
     setControlledAlignItemWithTrigger(alignItemWithTrigger);
   }
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     if (!mounted) {
       if (selectors.scrollUpArrowVisible(store.state)) {
         store.set('scrollUpArrowVisible', false);
@@ -957,10 +965,10 @@ const SelectPositioner = /*#__PURE__*/React__namespace.forwardRef(function Selec
     align: positioning.align,
     anchorHidden: positioning.anchorHidden
   };
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     store.set('popupSide', positioning.side);
   }, [store, positioning.side]);
-  const setPositionerElement = useButton.useStableCallback(element => {
+  const setPositionerElement = useScrollLock.useStableCallback(element => {
     store.set('positionerElement', element);
   });
   const element = useCompositeListItem.usePositioner(componentProps, state, {
@@ -972,7 +980,7 @@ const SelectPositioner = /*#__PURE__*/React__namespace.forwardRef(function Selec
     inert: !open
   });
   const prevMapSizeRef = React__namespace.useRef(0);
-  const onMapChange = useButton.useStableCallback(map => {
+  const onMapChange = useScrollLock.useStableCallback(map => {
     if (map.size === 0 && prevMapSizeRef.current === 0) {
       return;
     }
@@ -984,12 +992,12 @@ const SelectPositioner = /*#__PURE__*/React__namespace.forwardRef(function Selec
     if (map.size === prevSize) {
       return;
     }
-    const eventDetails = useButton.createChangeEventDetails(useButton.none);
+    const eventDetails = useScrollLock.createChangeEventDetails(useScrollLock.none);
     if (prevSize !== 0 && !store.state.multiple && value !== null) {
-      const selectedValueIndex = resolveAriaLabelledBy.findItemIndex(valuesRef.current, value, isItemEqualToValue);
+      const selectedValueIndex = useCompositeListItem.findItemIndex(valuesRef.current, value, isItemEqualToValue);
       if (selectedValueIndex === -1) {
         const initialSelectedValue = initialValueRef.current;
-        const hasInitial = initialSelectedValue != null && resolveAriaLabelledBy.findItemIndex(valuesRef.current, initialSelectedValue, isItemEqualToValue) !== -1;
+        const hasInitial = initialSelectedValue != null && useCompositeListItem.findItemIndex(valuesRef.current, initialSelectedValue, isItemEqualToValue) !== -1;
         const nextValue = hasInitial ? initialSelectedValue : null;
         setValue(nextValue, eventDetails);
         if (nextValue === null) {
@@ -999,9 +1007,9 @@ const SelectPositioner = /*#__PURE__*/React__namespace.forwardRef(function Selec
       }
     }
     if (prevSize !== 0 && store.state.multiple && Array.isArray(value)) {
-      const hasVisibleItem = selectedItemValue => resolveAriaLabelledBy.findItemIndex(valuesRef.current, selectedItemValue, isItemEqualToValue) !== -1;
+      const hasVisibleItem = selectedItemValue => useCompositeListItem.findItemIndex(valuesRef.current, selectedItemValue, isItemEqualToValue) !== -1;
       const nextValue = value.filter(selectedItemValue => hasVisibleItem(selectedItemValue));
-      if (nextValue.length !== value.length || nextValue.some(selectedItemValue => !resolveAriaLabelledBy.selectedValueIncludes(value, selectedItemValue, isItemEqualToValue))) {
+      if (nextValue.length !== value.length || nextValue.some(selectedItemValue => !useCompositeListItem.selectedValueIncludes(value, selectedItemValue, isItemEqualToValue))) {
         setValue(nextValue, eventDetails);
         if (nextValue.length === 0) {
           store.set('selectedIndex', null);
@@ -1046,7 +1054,7 @@ if (process.env.NODE_ENV !== "production") SelectPositioner.displayName = "Selec
 
 const stateAttributesMapping = {
   ...useScrollLock.popupStateMapping,
-  ...useButton.transitionStatusMapping
+  ...useScrollLock.transitionStatusMapping
 };
 
 /**
@@ -1084,7 +1092,7 @@ const SelectPopup = /*#__PURE__*/React__namespace.forwardRef(function SelectPopu
     isPositioned,
     setControlledAlignItemWithTrigger
   } = useSelectPositionerContext();
-  const insideToolbar = isElementDisabled.useToolbarRootContext(true) != null;
+  const insideToolbar = useToolbarRootContext(true) != null;
   const floatingRootContext = useSelectFloatingContext();
   const direction = useScrollLock.useDirection();
   const {
@@ -1103,8 +1111,8 @@ const SelectPopup = /*#__PURE__*/React__namespace.forwardRef(function SelectPopu
   const reachedMaxHeightRef = React__namespace.useRef(false);
   const initialPlacedRef = React__namespace.useRef(false);
   const originalPositionerStylesRef = React__namespace.useRef({});
-  const scrollArrowFrame = useButton.useAnimationFrame();
-  const handleScroll = useButton.useStableCallback(scroller => {
+  const scrollArrowFrame = useScrollLock.useAnimationFrame();
+  const handleScroll = useScrollLock.useStableCallback(scroller => {
     if (!positionerElement || !popupRef.current || !initialPlacedRef.current) {
       return;
     }
@@ -1120,8 +1128,8 @@ const SelectPopup = /*#__PURE__*/React__namespace.forwardRef(function SelectPopu
     }
     const scale = getScale(positionerElement);
     const currentHeight = normalizeSize(positionerElement.getBoundingClientRect().height, 'y', scale);
-    const doc = useButton.ownerDocument(positionerElement);
-    const win = floatingUi_utils_dom.getWindow(positionerElement);
+    const doc = useScrollLock.ownerDocument(positionerElement);
+    const win = floatingUi_utils.getWindow(positionerElement);
     const positionerStyles = win.getComputedStyle(positionerElement);
     const marginTop = parseFloat(positionerStyles.marginTop);
     const marginBottom = parseFloat(positionerStyles.marginBottom);
@@ -1137,7 +1145,7 @@ const SelectPopup = /*#__PURE__*/React__namespace.forwardRef(function SelectPopu
       positionerElement.style.height = `${height}px`;
     };
     const handleSmallDiff = (diff, targetScrollTop) => {
-      const heightDelta = clamp.clamp(diff, 0, maxAvailableHeight - currentHeight);
+      const heightDelta = scrollEdges.clamp(diff, 0, maxAvailableHeight - currentHeight);
       if (heightDelta > 0) {
         // Consume the remaining scroll in height.
         setHeight(currentHeight + heightDelta);
@@ -1175,7 +1183,7 @@ const SelectPopup = /*#__PURE__*/React__namespace.forwardRef(function SelectPopu
     if (scrollToMax || nextScrollTop != null) {
       // Recompute bounds after resizing (clientHeight likely changed).
       const nextMaxScrollTop = getMaxScrollTop(scroller);
-      const target = scrollToMax ? nextMaxScrollTop : clamp.clamp(nextScrollTop, 0, nextMaxScrollTop);
+      const target = scrollToMax ? nextMaxScrollTop : scrollEdges.clamp(nextScrollTop, 0, nextMaxScrollTop);
 
       // Avoid adjustments that re-trigger scroll events forever.
       if (Math.abs(scroller.scrollTop - target) > scrollEdges.SCROLL_EDGE_TOLERANCE_PX) {
@@ -1188,7 +1196,7 @@ const SelectPopup = /*#__PURE__*/React__namespace.forwardRef(function SelectPopu
     handleScrollArrowVisibility();
   });
   React__namespace.useImperativeHandle(scrollHandlerRef, () => handleScroll, [handleScroll]);
-  useButton.useOpenChangeComplete({
+  useScrollLock.useOpenChangeComplete({
     open,
     ref: popupRef,
     onComplete() {
@@ -1203,7 +1211,7 @@ const SelectPopup = /*#__PURE__*/React__namespace.forwardRef(function SelectPopu
     side,
     align
   };
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     if (!positionerElement || !popupRef.current || Object.keys(originalPositionerStylesRef.current).length) {
       return;
     }
@@ -1219,7 +1227,7 @@ const SelectPopup = /*#__PURE__*/React__namespace.forwardRef(function SelectPopu
       marginBottom: positionerElement.style.marginBottom
     };
   }, [popupRef, positionerElement]);
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     if (open || alignItemWithTriggerActive) {
       return;
     }
@@ -1227,7 +1235,7 @@ const SelectPopup = /*#__PURE__*/React__namespace.forwardRef(function SelectPopu
     reachedMaxHeightRef.current = false;
     clearStyles(positionerElement, originalPositionerStylesRef.current);
   }, [open, alignItemWithTriggerActive, positionerElement, popupRef]);
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     const popupElement = popupRef.current;
 
     // Wait for Floating UI's first positioning pass before reading DOM geometry.
@@ -1254,10 +1262,10 @@ const SelectPopup = /*#__PURE__*/React__namespace.forwardRef(function SelectPopu
         textElement = !hasSelectedValue && firstItemTextRef.current?.isConnected ? firstItemTextRef.current : null;
       }
       const valueElement = valueRef.current;
-      const win = floatingUi_utils_dom.getWindow(positionerElement);
+      const win = floatingUi_utils.getWindow(positionerElement);
       const positionerStyles = win.getComputedStyle(positionerElement);
       const popupStyles = win.getComputedStyle(popupElement);
-      const doc = useButton.ownerDocument(triggerElement);
+      const doc = useScrollLock.ownerDocument(triggerElement);
       const scale = getScale(triggerElement);
       const triggerRect = normalizeRect(triggerElement.getBoundingClientRect(), scale);
       const positionerRect = normalizeRect(positionerElement.getBoundingClientRect(), scale);
@@ -1294,7 +1302,7 @@ const SelectPopup = /*#__PURE__*/React__namespace.forwardRef(function SelectPopu
       const maxHeight = viewportHeight - marginTop - marginBottom;
       const scrollTop = idealHeight - height;
       const maxRight = viewportWidth - paddingRight;
-      positionerElement.style.left = `${clamp.clamp(alignedLeft, paddingLeft, maxRight - positionerRect.width)}px`;
+      positionerElement.style.left = `${scrollEdges.clamp(alignedLeft, paddingLeft, maxRight - positionerRect.width)}px`;
       positionerElement.style.height = `${height}px`;
       // `none` (not the invalid `auto`) so the explicit height governs in align mode and isn't
       // clamped by a `max-height` from user CSS.
@@ -1335,7 +1343,7 @@ const SelectPopup = /*#__PURE__*/React__namespace.forwardRef(function SelectPopu
         const popupHeight = positionerRect.height;
         const textCenterY = textRect.top + textRect.height / 2;
         const transformOriginY = popupHeight > 0 ? (textCenterY - popupTop) / popupHeight * 100 : 50;
-        const clampedY = clamp.clamp(transformOriginY, 0, 100);
+        const clampedY = scrollEdges.clamp(transformOriginY, 0, 100);
         popupElement.style.setProperty('--transform-origin', `50% ${clampedY}%`);
       }
       if (initialHeight === viewportHeight || height >= maxPopupHeight) {
@@ -1354,11 +1362,11 @@ const SelectPopup = /*#__PURE__*/React__namespace.forwardRef(function SelectPopu
     if (!alignItemWithTriggerActive || !positionerElement || !open) {
       return undefined;
     }
-    const win = floatingUi_utils_dom.getWindow(positionerElement);
+    const win = floatingUi_utils.getWindow(positionerElement);
     function handleResize(event) {
-      setOpen(false, useButton.createChangeEventDetails(useButton.windowResize, event));
+      setOpen(false, useScrollLock.createChangeEventDetails(useScrollLock.windowResize, event));
     }
-    return useButton.addEventListener(win, 'resize', handleResize);
+    return useScrollLock.addEventListener(win, 'resize', handleResize);
   }, [setOpen, alignItemWithTriggerActive, positionerElement, open]);
   const defaultProps = {
     ...(listElement ? {
@@ -1487,7 +1495,7 @@ const SelectList = /*#__PURE__*/React__namespace.forwardRef(function SelectList(
     }),
     className: hasScrollArrows && openMethod !== 'touch' ? scrollEdges.styleDisableScrollbar.className : undefined
   };
-  const setListElement = useButton.useStableCallback(element => {
+  const setListElement = useScrollLock.useStableCallback(element => {
     store.set('listElement', element);
   });
   return useRenderElement.useRenderElement('div', componentProps, {
@@ -1545,7 +1553,7 @@ const SelectItem = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
   const index = listItem.index;
   const hasRegistered = index !== -1;
   const itemRef = React__namespace.useRef(null);
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     if (!hasRegistered) {
       return undefined;
     }
@@ -1555,7 +1563,7 @@ const SelectItem = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
       delete values[index];
     };
   }, [hasRegistered, index, itemValue, valuesRef]);
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     if (!hasRegistered) {
       return;
     }
@@ -1566,7 +1574,7 @@ const SelectItem = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
       // the raw array, which a custom `isItemEqualToValue` isn't expected to receive.
       selectedCandidate = selectedValue.length > 0 ? selectedValue[selectedValue.length - 1] : undefined;
     }
-    if (selectedCandidate !== undefined && resolveAriaLabelledBy.compareItemEquality(itemValue, selectedCandidate, isItemEqualToValue)) {
+    if (selectedCandidate !== undefined && useCompositeListItem.compareItemEquality(itemValue, selectedCandidate, isItemEqualToValue)) {
       store.set('selectedIndex', index);
       // Make sure SelectPopup can measure the selected item on first open.
       // SelectItemText can still update this ref later when focus moves.
@@ -1581,7 +1589,7 @@ const SelectItem = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
   const {
     getButtonProps,
     buttonRef
-  } = useButton.useButton({
+  } = useScrollLock.useButton({
     disabled,
     focusableWhenDisabled: true,
     native: nativeButton,
@@ -1601,11 +1609,11 @@ const SelectItem = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
     const selectedValue = store.state.value;
     if (multiple) {
       const currentValue = Array.isArray(selectedValue) ? selectedValue : [];
-      const nextValue = selected ? resolveAriaLabelledBy.removeItem(currentValue, itemValue, isItemEqualToValue) : [...currentValue, itemValue];
-      setValue(nextValue, useButton.createChangeEventDetails(useButton.itemPress, event));
+      const nextValue = selected ? useCompositeListItem.removeItem(currentValue, itemValue, isItemEqualToValue) : [...currentValue, itemValue];
+      setValue(nextValue, useScrollLock.createChangeEventDetails(useScrollLock.itemPress, event));
     } else {
-      setValue(itemValue, useButton.createChangeEventDetails(useButton.itemPress, event));
-      setOpen(false, useButton.createChangeEventDetails(useButton.itemPress, event));
+      setValue(itemValue, useScrollLock.createChangeEventDetails(useScrollLock.itemPress, event));
+      setOpen(false, useScrollLock.createChangeEventDetails(useScrollLock.itemPress, event));
     }
   }
   function resetDragMovement() {
@@ -1625,7 +1633,7 @@ const SelectItem = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
     onClick(event) {
       const isMouseClick = event.type === 'click' && pointerTypeRef.current !== 'touch';
       const clickPointerType = event.nativeEvent.pointerType;
-      const isVirtualMouseClick = isMouseClick && useButton.isVirtualClick(event.nativeEvent) && (
+      const isVirtualMouseClick = isMouseClick && useScrollLock.isVirtualClick(event.nativeEvent) && (
       // Generic no-pointer `detail === 0` clicks stay tied to highlight state. Virtual
       // clicks that carry browser pointer data, including an empty string from assistive
       // technology, can activate unhighlighted items.
@@ -1736,7 +1744,7 @@ const Inner = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
   const {
     transitionStatus,
     setMounted
-  } = useButton.useTransitionStatus(selected);
+  } = useScrollLock.useTransitionStatus(selected);
   const state = {
     selected,
     transitionStatus
@@ -1748,9 +1756,9 @@ const Inner = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
       'aria-hidden': true,
       children: '✔️'
     }, elementProps],
-    stateAttributesMapping: useButton.transitionStatusMapping
+    stateAttributesMapping: useScrollLock.transitionStatusMapping
   });
-  useButton.useOpenChangeComplete({
+  useScrollLock.useOpenChangeComplete({
     open: selected,
     ref: indicatorRef,
     onComplete() {
@@ -1858,8 +1866,8 @@ const SelectGroupLabel = /*#__PURE__*/React__namespace.forwardRef(function Selec
   const {
     setLabelId
   } = useSelectGroupContext();
-  const id = useButton.useBaseUiId(idProp);
-  useButton.useIsoLayoutEffect(() => {
+  const id = useScrollLock.useBaseUiId(idProp);
+  useScrollLock.useIsoLayoutEffect(() => {
     setLabelId(id);
   }, [id, setLabelId]);
   const element = useRenderElement.useRenderElement('div', componentProps, {
@@ -1884,7 +1892,9 @@ exports.SelectPositioner = SelectPositioner;
 exports.SelectRoot = SelectRoot;
 exports.SelectTrigger = SelectTrigger;
 exports.SelectValue = SelectValue;
+exports.isElementDisabled = isElementDisabled;
 exports.selectors = selectors;
 exports.usePreviousValue = usePreviousValue;
 exports.useSelectPositionerContext = useSelectPositionerContext;
 exports.useSelectRootContext = useSelectRootContext;
+exports.useToolbarRootContext = useToolbarRootContext;