@jobber/components 9.3.0 → 9.5.0

package/dist/MenuSubmenuTrigger-es.js

@@ -1,12 +1,11 @@
 import * as React from 'react';
-import { a as useRefWithInit, f as formatErrorMessage, u as useRenderElement, m as mergeProps, c as useMergedRefs, E as EMPTY_OBJECT, b as EMPTY_ARRAY, w as warn } from './useRenderElement-es.js';
-import { K as mergeCleanups, L as isTypeableElement, M as matchesFocusVisible, N as isTargetInsideEnabledTrigger, O as createAttribute, J as webkit, d as useFloatingTree, u as useFloatingParentNodeId, Q as isInteractiveElement, R as getNodeChildren, p as popupStateMapping, a as FloatingFocusManager, E as FloatingPortal, T as POPUP_COLLISION_AVOIDANCE, I as InternalBackdrop, G as inertValue, U as FloatingNode, H as DROPDOWN_COLLISION_AVOIDANCE, t as createSelector, V as ReactStore, P as PopupTriggerMap, W as FloatingTreeStore, X as fastComponent, Y as useInitialOpenSync, Z as useFloatingNodeId, v as useOpenInteractionType, _ as useImplicitActiveTrigger, $ as useOpenStateTransitions, a0 as attachPreventUnmountOnClose, a1 as setPopupOpenState, a2 as useSyncedFloatingRootContext, y as useDismiss, r as useDirection, a3 as TYPEAHEAD_RESET_MS, F as FOCUSABLE_POPUP_PROPS, a4 as usePopupInteractionProps, a5 as FloatingTree, a6 as getTabbableBeforeElement, a7 as isOutsideEvent, a8 as getTabbableAfterElement, a9 as getNextTabbable, aa as fastComponentRef, ab as useTriggerDataForwarding, x as useClick, B as pressableTriggerOpenStateMapping, ac as FocusGuard, ad as PATIENT_CLICK_THRESHOLD, ae as useTriggerRegistration, af as triggerOpenStateMapping } from './useScrollLock-es.js';
-import { W as isMouseLikePointerType, h as useTimeout, B as addEventListener, g as getTarget, d as createChangeEventDetails, X as triggerFocus, p as activeElement, o as ownerDocument, q as contains, Y as mac, Z as triggerPress, _ as escapeKey, L as useOnMount, T as Timeout, b as useStableCallback, a as useIsoLayoutEffect, $ as triggerHover, m as useValueAsRef, t as transitionStatusMapping, V as itemPress, c as useButton, u as useBaseUiId, f as useOpenChangeComplete, Q as outsidePress, a0 as useAnimationsFinished, a1 as siblingOpen, z as useControlled, k as useTransitionStatus, l as useId, v as focusOut, r as listNavigation, i as imperativeAction, a2 as useCompositeRootContext, R as cancelOpen, S as SafeReact } from './useButton-es.js';
+import { a as useRefWithInit, f as formatErrorMessage, u as useRenderElement, m as mergeProps, b as useMergedRefs, E as EMPTY_OBJECT, c as EMPTY_ARRAY, w as warn } from './useRenderElement-es.js';
+import { aw as isMouseLikePointerType, k as useTimeout, ax as mergeCleanups, s as addEventListener, g as getTarget, ay as isTypeableElement, az as matchesFocusVisible, aA as isTargetInsideEnabledTrigger, d as createChangeEventDetails, aB as triggerFocus, aC as createAttribute, D as activeElement, o as ownerDocument, _ as contains, aD as mac, a6 as webkit, aE as triggerPress, aF as escapeKey, H as useOnMount, T as Timeout, ae as useFloatingTree, ab as useFloatingParentNodeId, b as useStableCallback, a as useIsoLayoutEffect, aG as isInteractiveElement, aH as getNodeChildren, aI as triggerHover, q as useValueAsRef, p as popupStateMapping, t as transitionStatusMapping, a9 as itemPress, c as useButton, u as useBaseUiId, f as useOpenChangeComplete, X as outsidePress, i as FloatingFocusManager, a0 as FloatingPortal, aJ as useAnimationsFinished, aK as POPUP_COLLISION_AVOIDANCE, a1 as InternalBackdrop, a2 as inertValue, aL as FloatingNode, a3 as DROPDOWN_COLLISION_AVOIDANCE, aM as siblingOpen, n as useControlled, m as useTransitionStatus, N as createSelector, aN as ReactStore, ad as PopupTriggerMap, aO as FloatingTreeStore, aP as fastComponent, aQ as useInitialOpenSync, aa as useId, aR as useFloatingNodeId, O as useOpenInteractionType, aS as useImplicitActiveTrigger, aT as useOpenStateTransitions, aU as attachPreventUnmountOnClose, aV as setPopupOpenState, W as focusOut, aj as listNavigation, aW as useSyncedFloatingRootContext, j as imperativeAction, R as useDismiss, a4 as useDirection, aX as TYPEAHEAD_RESET_MS, F as FOCUSABLE_POPUP_PROPS, aY as usePopupInteractionProps, aZ as FloatingTree, a_ as useCompositeRootContext, a$ as getTabbableBeforeElement, b0 as isOutsideEvent, b1 as getTabbableAfterElement, b2 as getNextTabbable, b3 as fastComponentRef, b4 as useTriggerDataForwarding, $ as cancelOpen, Q as useClick, Y as pressableTriggerOpenStateMapping, b5 as FocusGuard, b6 as PATIENT_CLICK_THRESHOLD, b7 as useTriggerRegistration, S as SafeReact, b8 as triggerOpenStateMapping } from './useScrollLock-es.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { h as useCompositeListItem, f as getDisabledMountTransitionStyles, d as useAnchorPositioning, i as adaptiveOrigin, c as useAnchoredPopupScrollLock, e as usePositioner, C as CompositeList, a as useListNavigation, b as useTypeahead, g as getPseudoElementBounds } from './useCompositeListItem-es.js';
-import { u as useToolbarRootContext, i as isElementDisabled } from './isElementDisabled-es.js';
+import { z as useCompositeListItem, y as getDisabledMountTransitionStyles, v as useAnchorPositioning, B as adaptiveOrigin, t as useAnchoredPopupScrollLock, w as usePositioner, C as CompositeList, j as useListNavigation, k as useTypeahead, o as getPseudoElementBounds } from './useCompositeListItem-es.js';
+import { u as useToolbarRootContext, l as isElementDisabled } from './SelectGroupLabel-es.js';
 import { C as COMPOSITE_KEYS } from './scrollEdges-es.js';
-import { o as getWindow, b as isElement, i as isHTMLElement, d as isLastTraversableNode, e as getParentNode } from './floating-ui.utils.dom-es.js';
+import { K as getWindow, b as isElement, i as isHTMLElement, d as isLastTraversableNode, e as getParentNode } from './floating-ui.utils-es.js';
 import { p as popupStoreSelectors, n as createInitialPopupStoreState } from './ScrollAreaViewport-es.js';
 import * as ReactDOM from 'react-dom';
 

package/dist/Modal/index.cjs

@@ -21,7 +21,6 @@ require('react-router-dom');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../_commonjsHelpers-cjs.js');
-require('../floating-ui.utils.dom-cjs.js');
 require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('../floating-ui.react-dom-cjs.js');

package/dist/Modal/index.mjs

@@ -19,7 +19,6 @@ import 'react-router-dom';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../_commonjsHelpers-es.js';
-import '../floating-ui.utils.dom-es.js';
 import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import '../floating-ui.react-dom-es.js';

package/dist/NumberFieldInput-cjs.js

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var useButton = require('./useButton-cjs.js');
+var useScrollLock = require('./useScrollLock-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
-var useLabelableId = require('./useLabelableId-cjs.js');
+var useCompositeListItem = require('./useCompositeListItem-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
-var floatingUi_utils_dom = require('./floating-ui.utils.dom-cjs.js');
+var floatingUi_utils = require('./floating-ui.utils-cjs.js');
 var stringifyLocale = require('./stringifyLocale-cjs.js');
-var clamp = require('./clamp-cjs.js');
+var scrollEdges = require('./scrollEdges-cjs.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -72,7 +72,7 @@ function useNumberFieldRootContext() {
 const stateAttributesMapping = {
   inputValue: () => null,
   value: () => null,
-  ...useLabelableId.fieldValidityMapping
+  ...useCompositeListItem.fieldValidityMapping
 };
 
 const HAN_NUMERALS = ['零', '〇', '一', '二', '三', '四', '五', '六', '七', '八', '九'];
@@ -398,7 +398,7 @@ function toValidatedNumber(value, {
   // `min: 0.6`) is pulled in range first, then clamp again after rounding in case rounding
   // nudges it back out. Both passes are needed for non-integer bounds.
   if (shouldClamp) {
-    nextValue = clamp.clamp(nextValue, minWithDefault, maxWithDefault);
+    nextValue = scrollEdges.clamp(nextValue, minWithDefault, maxWithDefault);
   }
 
   // Non-stepping values — parsed input (typing, paste, blur) and externally-supplied controlled
@@ -410,7 +410,7 @@ function toValidatedNumber(value, {
     return nextValue;
   }
   const roundedValue = removeFloatingPointErrors(nextValue, format);
-  return shouldClamp ? clamp.clamp(roundedValue, minWithDefault, maxWithDefault) : roundedValue;
+  return shouldClamp ? scrollEdges.clamp(roundedValue, minWithDefault, maxWithDefault) : roundedValue;
 }
 
 const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function NumberFieldRoot(componentProps, forwardedRef) {
@@ -450,10 +450,10 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     name: fieldName,
     state: fieldState,
     validation
-  } = useLabelableId.useFieldRootContext();
+  } = useCompositeListItem.useFieldRootContext();
   const {
     clearErrors
-  } = useLabelableId.useFormContext();
+  } = useCompositeListItem.useFormContext();
   const disabled = fieldDisabled || disabledProp;
   const name = fieldName ?? nameProp;
   const step = stepProp === 'any' ? 1 : stepProp;
@@ -464,24 +464,24 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
   const formatStyle = format?.style;
   const inputRef = React__namespace.useRef(null);
   const hiddenInputRef = useRenderElement.useMergedRefs(inputRefProp, validation.inputRef);
-  const id = useLabelableId.useLabelableId({
+  const id = useCompositeListItem.useLabelableId({
     id: idProp
   });
-  const [valueUnwrapped, setValueUnwrapped] = useButton.useControlled({
+  const [valueUnwrapped, setValueUnwrapped] = useScrollLock.useControlled({
     controlled: valueProp,
     default: defaultValue,
     name: 'NumberField',
     state: 'value'
   });
   const value = valueUnwrapped ?? null;
-  const valueRef = useButton.useValueAsRef(value);
-  useButton.useIsoLayoutEffect(() => {
+  const valueRef = useScrollLock.useValueAsRef(value);
+  useScrollLock.useIsoLayoutEffect(() => {
     setFilled(value !== null);
   }, [setFilled, value]);
   const forceRender = useForcedRerendering();
-  const formatOptionsRef = useButton.useValueAsRef(format);
+  const formatOptionsRef = useScrollLock.useValueAsRef(format);
   const hasPendingCommitRef = React__namespace.useRef(false);
-  const onValueCommitted = useButton.useStableCallback((nextValue, eventDetails) => {
+  const onValueCommitted = useScrollLock.useStableCallback((nextValue, eventDetails) => {
     hasPendingCommitRef.current = false;
     onValueCommittedProp?.(nextValue, eventDetails);
   });
@@ -494,7 +494,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
   // can still see the value prior to hydration, even if it's not formatted correctly.
   const [inputValue, setInputValue] = React__namespace.useState(() => formatNumber(value, locale, format));
   const [inputMode, setInputMode] = React__namespace.useState('numeric');
-  const getAllowedNonNumericKeys = useButton.useStableCallback(() => {
+  const getAllowedNonNumericKeys = useScrollLock.useStableCallback(() => {
     const {
       decimal,
       group,
@@ -540,7 +540,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     }
     return keys;
   });
-  const getStepAmount = useButton.useStableCallback(event => {
+  const getStepAmount = useScrollLock.useStableCallback(event => {
     if (event?.altKey) {
       return smallStep;
     }
@@ -549,13 +549,13 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     }
     return step;
   });
-  const setValue = useButton.useStableCallback((unvalidatedValue, details) => {
+  const setValue = useScrollLock.useStableCallback((unvalidatedValue, details) => {
     const eventWithOptionalKeyState = details.event;
     const dir = details.direction;
 
     // Direct text entry (typing, pasting, clearing, autofill) behaves natively; step-based
     // interactions (keyboard arrows, buttons, wheel, scrub) do not.
-    const isInputReason = details.reason === useButton.inputChange || details.reason === useButton.inputClear || details.reason === useButton.inputBlur || details.reason === useButton.inputPaste || details.reason === useButton.none;
+    const isInputReason = details.reason === useScrollLock.inputChange || details.reason === useScrollLock.inputClear || details.reason === useScrollLock.inputBlur || details.reason === useScrollLock.inputPaste || details.reason === useScrollLock.none;
 
     // Only allow out-of-range values for direct text entry. Step-based interactions still clamp.
     const shouldClampValue = !allowOutOfRange || !isInputReason;
@@ -598,7 +598,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     forceRender();
     return shouldFireChange;
   });
-  const incrementValue = useButton.useStableCallback((amount, {
+  const incrementValue = useScrollLock.useStableCallback((amount, {
     direction,
     currentValue,
     event,
@@ -610,9 +610,9 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
       // Seed an empty field with 0; `setValue` clamps it to the in-range value nearest 0
       // (e.g. `max` for a negative range). No `direction`: the seed isn't a step, so it must
       // not be directionally snapped.
-      return setValue(0, useButton.createChangeEventDetails(reason, nativeEvent));
+      return setValue(0, useScrollLock.createChangeEventDetails(reason, nativeEvent));
     }
-    return setValue(prevValue + amount * direction, useButton.createChangeEventDetails(reason, nativeEvent, undefined, {
+    return setValue(prevValue + amount * direction, useScrollLock.createChangeEventDetails(reason, nativeEvent, undefined, {
       direction
     }));
   });
@@ -627,7 +627,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
   // ESLint is disabled because it needs to run even if the parsed value hasn't changed, since the
   // value still can be formatted differently.
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  useButton.useIsoLayoutEffect(function syncFormattedInputValueOnValueChange() {
+  useScrollLock.useIsoLayoutEffect(function syncFormattedInputValueOnValueChange() {
     // This ensures the value is only updated on blur rather than every keystroke, but still
     // allows the input value to be updated when the value is changed externally.
     if (!allowInputSyncRef.current) {
@@ -638,8 +638,8 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
       setInputValue(nextInputValue);
     }
   });
-  useButton.useIsoLayoutEffect(function setDynamicInputModeForIOS() {
-    if (!useButton.ios) {
+  useScrollLock.useIsoLayoutEffect(function setDynamicInputModeForIOS() {
+    if (!useScrollLock.ios) {
       return;
     }
 
@@ -664,7 +664,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     function handleWheel(event) {
       if (
       // Allow pinch-zooming.
-      event.ctrlKey || useButton.activeElement(useButton.ownerDocument(inputRef.current)) !== inputRef.current) {
+      event.ctrlKey || useScrollLock.activeElement(useScrollLock.ownerDocument(inputRef.current)) !== inputRef.current) {
         return;
       }
 
@@ -681,10 +681,10 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
         reason: 'wheel'
       });
       if (changed) {
-        onValueCommitted(lastChangedValueRef.current ?? valueRef.current, useButton.createGenericEventDetails(useButton.wheel, event));
+        onValueCommitted(lastChangedValueRef.current ?? valueRef.current, useScrollLock.createGenericEventDetails(useScrollLock.wheel, event));
       }
     }
-    return useButton.addEventListener(element, 'wheel', handleWheel);
+    return useScrollLock.addEventListener(element, 'wheel', handleWheel);
   }, [allowWheelScrub, incrementValue, disabled, readOnly, getStepAmount, onValueCommitted, lastChangedValueRef, valueRef]);
   const state = React__namespace.useMemo(() => ({
     ...fieldState,
@@ -749,7 +749,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
           // Handle browser autofill.
           const nextValue = event.currentTarget.valueAsNumber;
           const parsedValue = Number.isNaN(nextValue) ? null : nextValue;
-          const details = useButton.createChangeEventDetails(useButton.none, event.nativeEvent);
+          const details = useScrollLock.createChangeEventDetails(useScrollLock.none, event.nativeEvent);
 
           // `setValue` updates the dirty flag from the stored (clamped) value, so validate with
           // that same value rather than the raw autofilled one.
@@ -774,7 +774,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
       required: required,
       "aria-hidden": true,
       tabIndex: -1,
-      style: name ? useButton.visuallyHiddenInput : useButton.visuallyHidden,
+      style: name ? useScrollLock.visuallyHiddenInput : useScrollLock.visuallyHidden,
       suppressHydrationWarning: true
     })]
   });
@@ -811,7 +811,7 @@ const NumberFieldGroup = /*#__PURE__*/React__namespace.forwardRef(function Numbe
 if (process.env.NODE_ENV !== "production") NumberFieldGroup.displayName = "NumberFieldGroup";
 
 const EMPTY = 0;
-class Interval extends useButton.Timeout {
+class Interval extends useScrollLock.Timeout {
   static create() {
     return new Interval();
   }
@@ -838,7 +838,7 @@ class Interval extends useButton.Timeout {
  */
 function useInterval() {
   const timeout = useRenderElement.useRefWithInit(Interval.create).current;
-  useButton.useOnMount(timeout.disposeEffect);
+  useScrollLock.useOnMount(timeout.disposeEffect);
   return timeout;
 }
 
@@ -871,9 +871,9 @@ function usePressAndHold(params) {
     scrollDistance = DEFAULT_SCROLL_DISTANCE,
     elementRef
   } = params;
-  const startTickTimeout = useButton.useTimeout();
+  const startTickTimeout = useScrollLock.useTimeout();
   const tickInterval = useInterval();
-  const intentionalTouchCheckTimeout = useButton.useTimeout();
+  const intentionalTouchCheckTimeout = useScrollLock.useTimeout();
   const isPressedRef = React__namespace.useRef(false);
   const movesAfterTouchRef = React__namespace.useRef(0);
   const downCoordsRef = React__namespace.useRef({
@@ -885,7 +885,7 @@ function usePressAndHold(params) {
   const pointerTypeRef = React__namespace.useRef('');
   const unsubscribeFromGlobalContextMenuRef = React__namespace.useRef(useRenderElement.NOOP);
   const unsubscribeFromGlobalPointerUpRef = React__namespace.useRef(useRenderElement.NOOP);
-  const stopAutoChange = useButton.useStableCallback(() => {
+  const stopAutoChange = useScrollLock.useStableCallback(() => {
     intentionalTouchCheckTimeout.clear();
     startTickTimeout.clear();
     tickInterval.clear();
@@ -898,21 +898,21 @@ function usePressAndHold(params) {
     if (!element) {
       return;
     }
-    const win = floatingUi_utils_dom.getWindow(element);
+    const win = floatingUi_utils.getWindow(element);
     function handleContextMenu(event) {
       event.preventDefault();
     }
 
     // A global context menu listener is necessary to prevent the context menu from
     // appearing when the touch is slightly outside of the element's hit area.
-    unsubscribeFromGlobalContextMenuRef.current = useButton.addEventListener(win, 'contextmenu', handleContextMenu);
+    unsubscribeFromGlobalContextMenuRef.current = useScrollLock.addEventListener(win, 'contextmenu', handleContextMenu);
 
     // The release listener stays registered through `stopAutoChange` so a hold that auto-stops at
     // a boundary (a repeat tick returning `false`) still fires `onStop` on release. Replace any
     // existing one first so a mouseleave/mouseenter cycle during a hold doesn't stack listeners
     // (which would otherwise fire `onStop` more than once on release).
     unsubscribeFromGlobalPointerUpRef.current();
-    unsubscribeFromGlobalPointerUpRef.current = useButton.addEventListener(win, 'pointerup', event => {
+    unsubscribeFromGlobalPointerUpRef.current = useScrollLock.addEventListener(win, 'pointerup', event => {
       isPressedRef.current = false;
       stopAutoChange();
       onStop?.(event);
@@ -1022,7 +1022,7 @@ function usePressAndHold(params) {
       stopAutoChange();
     }
   };
-  const shouldSkipClick = useButton.useStableCallback(event => {
+  const shouldSkipClick = useScrollLock.useStableCallback(event => {
     if (event.defaultPrevented) {
       return true;
     }
@@ -1063,7 +1063,7 @@ function useNumberFieldButton(params) {
     lastChangedValueRef,
     onValueCommitted
   } = params;
-  const pressReason = isIncrement ? useButton.incrementPress : useButton.decrementPress;
+  const pressReason = isIncrement ? useScrollLock.incrementPress : useScrollLock.decrementPress;
   function commitValue(nativeEvent) {
     const shouldCommitInputValue = !allowInputSyncRef.current;
     allowInputSyncRef.current = true;
@@ -1082,7 +1082,7 @@ function useNumberFieldButton(params) {
       // Sync the dirty typed value with no direction so it isn't directionally snapped
       // (`snapOnStep`) before the real increment/decrement runs, which would otherwise emit a
       // spurious intermediate value.
-      const details = useButton.createChangeEventDetails(pressReason, nativeEvent);
+      const details = useScrollLock.createChangeEventDetails(pressReason, nativeEvent);
       setValue(parsedValue, details);
 
       // Only sync the ref base when the commit wasn't canceled, so a subsequent increment in the
@@ -1113,7 +1113,7 @@ function useNumberFieldButton(params) {
       // `onStop` fires on every release; fall back to the current value when no tick changed it.
       // Step interactions never commit `null`, so the `??` can't mask a legitimate null commit.
       const committed = lastChangedValueRef.current ?? valueRef.current;
-      onValueCommitted(committed, useButton.createGenericEventDetails(pressReason, nativeEvent));
+      onValueCommitted(committed, useScrollLock.createGenericEventDetails(pressReason, nativeEvent));
     }
   });
   const props = {
@@ -1141,7 +1141,7 @@ function useNumberFieldButton(params) {
       });
       const committed = lastChangedValueRef.current ?? valueRef.current;
       if (committed !== prev) {
-        onValueCommitted(committed, useButton.createGenericEventDetails(pressReason, event.nativeEvent));
+        onValueCommitted(committed, useScrollLock.createGenericEventDetails(pressReason, event.nativeEvent));
       }
     },
     onPointerDown(event) {
@@ -1220,7 +1220,7 @@ function useNumberFieldStepperButton(componentProps, forwardedRef, isIncrement)
   const {
     getButtonProps,
     buttonRef
-  } = useButton.useButton({
+  } = useScrollLock.useButton({
     // Read-only steppers are exposed as unavailable through button disabled semantics, while
     // `data-readonly` (from `state`) is preserved for styling. `aria-readonly` isn't valid on the
     // `button` role, so it's intentionally not set.
@@ -1306,7 +1306,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
   } = useNumberFieldRootContext();
   const {
     clearErrors
-  } = useLabelableId.useFormContext();
+  } = useCompositeListItem.useFormContext();
   const {
     validationMode,
     setTouched,
@@ -1314,25 +1314,25 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
     invalid,
     shouldValidateOnChange,
     validation
-  } = useLabelableId.useFieldRootContext();
+  } = useCompositeListItem.useFieldRootContext();
   const {
     labelId
-  } = useLabelableId.useLabelableContext();
+  } = useCompositeListItem.useLabelableContext();
   const hasTouchedInputRef = React__namespace.useRef(false);
   const blockRevalidationRef = React__namespace.useRef(false);
   const pendingCaretRef = React__namespace.useRef(null);
-  useLabelableId.useRegisterFieldControl(inputRef, id, value, undefined, !disabled, nameProp);
+  useCompositeListItem.useRegisterFieldControl(inputRef, id, value, undefined, !disabled, nameProp);
 
   // After a paste splices text into the controlled value, the browser would otherwise drop the
   // caret at the end of the new value. Restore it just after the inserted text.
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     if (pendingCaretRef.current != null) {
       const caret = pendingCaretRef.current;
       pendingCaretRef.current = null;
       inputRef.current?.setSelectionRange(caret, caret);
     }
   });
-  useButton.useValueChanged(value, () => {
+  useScrollLock.useValueChanged(value, () => {
     clearErrors(name);
     if (blockRevalidationRef.current && !shouldValidateOnChange()) {
       blockRevalidationRef.current = false;
@@ -1387,7 +1387,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       const hadPendingProgrammaticChange = hasPendingCommitRef.current;
       allowInputSyncRef.current = true;
       if (inputValue.trim() === '') {
-        const clearDetails = useButton.createChangeEventDetails(useButton.inputClear, event.nativeEvent);
+        const clearDetails = useScrollLock.createChangeEventDetails(useScrollLock.inputClear, event.nativeEvent);
         setValue(null, clearDetails);
         // Respect a canceled clear, mirroring the non-empty blur path below.
         if (clearDetails.isCanceled) {
@@ -1399,7 +1399,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
         // Don't report a commit when blurring an already-empty field that the user never
         // interacted with: nothing was cleared and no programmatic change is pending.
         if (hadManualInput || hadPendingProgrammaticChange || value !== null) {
-          onValueCommitted(null, useButton.createGenericEventDetails(useButton.inputClear, event.nativeEvent));
+          onValueCommitted(null, useScrollLock.createGenericEventDetails(useScrollLock.inputClear, event.nativeEvent));
         }
         return;
       }
@@ -1424,14 +1424,14 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       } else {
         committed = parsedValue;
       }
-      const nextEventDetails = useButton.createGenericEventDetails(useButton.inputBlur, event.nativeEvent);
+      const nextEventDetails = useScrollLock.createGenericEventDetails(useScrollLock.inputBlur, event.nativeEvent);
       const shouldUpdateValue = value !== committed;
       const shouldCommit = hadManualInput || shouldUpdateValue || hadPendingProgrammaticChange;
 
       // Use the stored value after `setValue` clamps it.
       let committedValue = committed;
       if (shouldUpdateValue) {
-        const changeDetails = useButton.createChangeEventDetails(useButton.inputBlur, event.nativeEvent);
+        const changeDetails = useScrollLock.createChangeEventDetails(useScrollLock.inputBlur, event.nativeEvent);
         blockRevalidationRef.current = true;
         setValue(committed, changeDetails);
         if (changeDetails.isCanceled) {
@@ -1467,7 +1467,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       const targetValue = event.currentTarget.value;
       if (targetValue.trim() === '') {
         setInputValue(targetValue);
-        setValue(null, useButton.createChangeEventDetails(useButton.inputClear, event.nativeEvent));
+        setValue(null, useScrollLock.createChangeEventDetails(useScrollLock.inputClear, event.nativeEvent));
         return;
       }
 
@@ -1482,7 +1482,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       const parsedValue = parseNumber(targetValue, locale, formatOptionsRef.current);
       setInputValue(targetValue);
       if (parsedValue !== null) {
-        setValue(parsedValue, useButton.createChangeEventDetails(useButton.inputChange, event.nativeEvent));
+        setValue(parsedValue, useScrollLock.createChangeEventDetails(useScrollLock.inputChange, event.nativeEvent));
       }
     },
     onKeyDown(event) {
@@ -1555,8 +1555,8 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       const amount = getStepAmount(event);
 
       // Prevent insertion of text or caret from moving.
-      useButton.stopEvent(event);
-      const commitDetails = useButton.createGenericEventDetails(useButton.keyboard, nativeEvent);
+      useScrollLock.stopEvent(event);
+      const commitDetails = useScrollLock.createGenericEventDetails(useScrollLock.keyboard, nativeEvent);
       let changed = false;
       if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
         allowInputSyncRef.current = true;
@@ -1571,14 +1571,14 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
           direction: event.key === 'ArrowUp' ? 1 : -1,
           currentValue,
           event: nativeEvent,
-          reason: useButton.keyboard
+          reason: useScrollLock.keyboard
         });
       } else if (willSetHome) {
         allowInputSyncRef.current = true;
-        changed = setValue(min, useButton.createChangeEventDetails(useButton.keyboard, nativeEvent));
+        changed = setValue(min, useScrollLock.createChangeEventDetails(useScrollLock.keyboard, nativeEvent));
       } else if (willSetEnd) {
         allowInputSyncRef.current = true;
-        changed = setValue(max, useButton.createChangeEventDetails(useButton.keyboard, nativeEvent));
+        changed = setValue(max, useScrollLock.createChangeEventDetails(useScrollLock.keyboard, nativeEvent));
       }
       if (changed) {
         onValueCommitted(lastChangedValueRef.current ?? valueRef.current, commitDetails);
@@ -1593,7 +1593,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
         pastedData = event.clipboardData?.getData('text/plain') ?? '';
       } catch {
         if (process.env.NODE_ENV !== 'production') {
-          const ownerStackMessage = useButton.SafeReact.captureOwnerStack?.() || '';
+          const ownerStackMessage = useScrollLock.SafeReact.captureOwnerStack?.() || '';
           useRenderElement.warn('<NumberField.Input> could not read clipboard text during paste handling.', ownerStackMessage);
         }
         return;
@@ -1612,7 +1612,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       if (parsedValue !== null) {
         allowInputSyncRef.current = false;
         pendingCaretRef.current = selectionStart + pastedData.length;
-        setValue(parsedValue, useButton.createChangeEventDetails(useButton.inputPaste, event.nativeEvent));
+        setValue(parsedValue, useScrollLock.createChangeEventDetails(useScrollLock.inputPaste, event.nativeEvent));
         setInputValue(nextText);
       }
     }

package/dist/NumberFieldInput-es.js

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { z as useControlled, m as useValueAsRef, a as useIsoLayoutEffect, b as useStableCallback, A as ios, B as addEventListener, d as createChangeEventDetails, C as none, D as visuallyHiddenInput, E as visuallyHidden, F as inputChange, G as inputClear, H as inputBlur, I as inputPaste, p as activeElement, o as ownerDocument, J as createGenericEventDetails, K as wheel, L as useOnMount, T as Timeout, h as useTimeout, M as incrementPress, N as decrementPress, c as useButton, O as useValueChanged, s as stopEvent, P as keyboard, S as SafeReact } from './useButton-es.js';
-import { f as formatErrorMessage, c as useMergedRefs, u as useRenderElement, a as useRefWithInit, N as NOOP, w as warn } from './useRenderElement-es.js';
-import { f as fieldValidityMapping, b as useFieldRootContext, a as useFormContext, c as useLabelableId, u as useLabelableContext, d as useRegisterFieldControl } from './useLabelableId-es.js';
+import { n as useControlled, q as useValueAsRef, a as useIsoLayoutEffect, b as useStableCallback, r as ios, s as addEventListener, d as createChangeEventDetails, v as none, w as visuallyHiddenInput, x as visuallyHidden, y as inputChange, z as inputClear, A as inputBlur, B as inputPaste, D as activeElement, o as ownerDocument, E as createGenericEventDetails, G as wheel, H as useOnMount, T as Timeout, k as useTimeout, I as incrementPress, J as decrementPress, c as useButton, K as useValueChanged, L as stopEvent, M as keyboard, S as SafeReact } from './useScrollLock-es.js';
+import { f as formatErrorMessage, b as useMergedRefs, u as useRenderElement, a as useRefWithInit, N as NOOP, w as warn } from './useRenderElement-es.js';
+import { f as fieldValidityMapping, b as useFieldRootContext, a as useFormContext, c as useLabelableId, u as useLabelableContext, d as useRegisterFieldControl } from './useCompositeListItem-es.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { o as getWindow } from './floating-ui.utils.dom-es.js';
+import { K as getWindow } from './floating-ui.utils-es.js';
 import { s as stringifyLocale } from './stringifyLocale-es.js';
-import { c as clamp } from './clamp-es.js';
+import { c as clamp } from './scrollEdges-es.js';
 
 /**
  * Returns a function that forces a rerender.

package/dist/Page/index.cjs

@@ -5,43 +5,42 @@ require('../tslib.es6-cjs.js');
 require('react');
 require('classnames');
 require('@jobber/hooks');
-require('../Heading-cjs.js');
-require('../Typography-cjs.js');
-require('../Text-cjs.js');
-require('../Content-cjs.js');
-require('../Markdown-cjs.js');
-require('../Emphasis-cjs.js');
-require('react/jsx-runtime');
-require('../_commonjsHelpers-cjs.js');
-require('../Button-cjs.js');
-require('react-router-dom');
-require('../Icon-cjs.js');
-require('@jobber/design');
 require('../Menu-cjs.js');
 require('framer-motion');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils.dom-cjs.js');
 require('../floating-ui.utils-cjs.js');
+require('react/jsx-runtime');
 require('react-dom');
 require('../floating-ui.react-dom-cjs.js');
 require('../useAtlantisI18n-cjs.js');
 require('../AtlantisContext-cjs.js');
+require('../Button-cjs.js');
+require('react-router-dom');
+require('../Icon-cjs.js');
+require('@jobber/design');
+require('../Typography-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
 require('../useRenderElement-cjs.js');
 require('../buttonRenderAdapter-cjs.js');
+require('../OverlaySeparator-cjs.js');
+require('../Separator-cjs.js');
 require('../BottomSheet-cjs.js');
 require('../ScrollAreaViewport-cjs.js');
 require('../useScrollLock-cjs.js');
-require('../useButton-cjs.js');
 require('../scrollEdges-cjs.js');
-require('../clamp-cjs.js');
-require('../OverlaySeparator-cjs.js');
-require('../Separator-cjs.js');
+require('../HelperText-cjs.js');
+require('../Text-cjs.js');
+require('../SelectPrimitive-cjs.js');
+require('../SelectGroupLabel-cjs.js');
+require('../useCompositeListItem-cjs.js');
 require('../DrawerTitle-cjs.js');
 require('../MenuSubmenuTrigger-cjs.js');
-require('../useCompositeListItem-cjs.js');
-require('../isElementDisabled-cjs.js');
+require('../Heading-cjs.js');
+require('../Content-cjs.js');
+require('../Markdown-cjs.js');
+require('../Emphasis-cjs.js');
+require('../_commonjsHelpers-cjs.js');
 require('../filterDataAttributes-cjs.js');
 
 

package/dist/Page/index.mjs

@@ -3,41 +3,40 @@ import '../tslib.es6-es.js';
 import 'react';
 import 'classnames';
 import '@jobber/hooks';
-import '../Heading-es.js';
-import '../Typography-es.js';
-import '../Text-es.js';
-import '../Content-es.js';
-import '../Markdown-es.js';
-import '../Emphasis-es.js';
-import 'react/jsx-runtime';
-import '../_commonjsHelpers-es.js';
-import '../Button-es.js';
-import 'react-router-dom';
-import '../Icon-es.js';
-import '@jobber/design';
 import '../Menu-es.js';
 import 'framer-motion';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils.dom-es.js';
 import '../floating-ui.utils-es.js';
+import 'react/jsx-runtime';
 import 'react-dom';
 import '../floating-ui.react-dom-es.js';
 import '../useAtlantisI18n-es.js';
 import '../AtlantisContext-es.js';
+import '../Button-es.js';
+import 'react-router-dom';
+import '../Icon-es.js';
+import '@jobber/design';
+import '../Typography-es.js';
 import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
 import '../useRenderElement-es.js';
 import '../buttonRenderAdapter-es.js';
+import '../OverlaySeparator-es.js';
+import '../Separator-es.js';
 import '../BottomSheet-es.js';
 import '../ScrollAreaViewport-es.js';
 import '../useScrollLock-es.js';
-import '../useButton-es.js';
 import '../scrollEdges-es.js';
-import '../clamp-es.js';
-import '../OverlaySeparator-es.js';
-import '../Separator-es.js';
+import '../HelperText-es.js';
+import '../Text-es.js';
+import '../SelectPrimitive-es.js';
+import '../SelectGroupLabel-es.js';
+import '../useCompositeListItem-es.js';
 import '../DrawerTitle-es.js';
 import '../MenuSubmenuTrigger-es.js';
-import '../useCompositeListItem-es.js';
-import '../isElementDisabled-es.js';
+import '../Heading-es.js';
+import '../Content-es.js';
+import '../Markdown-es.js';
+import '../Emphasis-es.js';
+import '../_commonjsHelpers-es.js';
 import '../filterDataAttributes-es.js';