@jobber/components 8.19.0 → 8.20.1

package/dist/MenuSubmenuTrigger-cjs.js

@@ -245,7 +245,7 @@ function useFocus(context, props = {}) {
     // return to the tab/window.
     function onBlur() {
       const currentDomReference = store.select('domReferenceElement');
-      if (!store.select('open') && floatingUi_utils_dom.isHTMLElement(currentDomReference) && currentDomReference === ScrollAreaViewport.activeElement(clamp.ownerDocument(currentDomReference))) {
+      if (!store.select('open') && floatingUi_utils_dom.isHTMLElement(currentDomReference) && currentDomReference === clamp.activeElement(clamp.ownerDocument(currentDomReference))) {
         blockFocusRef.current = true;
       }
     }
@@ -300,19 +300,19 @@ function useFocus(context, props = {}) {
         blockFocusRef.current = false;
         blockedReferenceRef.current = null;
       }
-      const target = ScrollAreaViewport.getTarget(event.nativeEvent);
+      const target = clamp.getTarget(event.nativeEvent);
       if (floatingUi_utils_dom.isElement(target)) {
         // Safari fails to match `:focus-visible` if focus was initially
         // outside the document.
         if (isMacSafari && !event.relatedTarget) {
-          if (!keyboardModalityRef.current && !ScrollAreaViewport.isTypeableElement(target)) {
+          if (!keyboardModalityRef.current && !clamp.isTypeableElement(target)) {
             return;
           }
-        } else if (!ScrollAreaViewport.matchesFocusVisible(target)) {
+        } else if (!clamp.matchesFocusVisible(target)) {
           return;
         }
       }
-      const movedFromOtherEnabledTrigger = ScrollAreaViewport.isTargetInsideEnabledTrigger(event.relatedTarget, store.context.triggerElements);
+      const movedFromOtherEnabledTrigger = clamp.isTargetInsideEnabledTrigger(event.relatedTarget, store.context.triggerElements);
       const {
         nativeEvent,
         currentTarget
@@ -342,7 +342,7 @@ function useFocus(context, props = {}) {
       // Wait for the window blur listener to fire.
       timeout.start(0, () => {
         const domReference = store.select('domReferenceElement');
-        const activeEl = ScrollAreaViewport.activeElement(domReference ? domReference.ownerDocument : document);
+        const activeEl = clamp.activeElement(domReference ? domReference.ownerDocument : document);
 
         // Focus left the page, keep it open.
         if (!relatedTarget && activeEl === domReference) {
@@ -356,7 +356,7 @@ function useFocus(context, props = {}) {
         // as it will only point to the shadow host of the newly focused element
         // and not the element that actually has received focus if it is located
         // inside a shadow root.
-        if (ScrollAreaViewport.contains(dataRef.current.floatingContext?.refs.floating.current, activeEl) || ScrollAreaViewport.contains(domReference, activeEl) || movedToFocusGuard) {
+        if (clamp.contains(dataRef.current.floatingContext?.refs.floating.current, activeEl) || clamp.contains(domReference, activeEl) || movedToFocusGuard) {
           return;
         }
 
@@ -364,7 +364,7 @@ function useFocus(context, props = {}) {
         // the floating element. The focus handler of that trigger will
         // handle the open state.
         const nextFocusedElement = relatedTarget ?? activeEl;
-        if (ScrollAreaViewport.isTargetInsideEnabledTrigger(nextFocusedElement, store.context.triggerElements)) {
+        if (clamp.isTargetInsideEnabledTrigger(nextFocusedElement, store.context.triggerElements)) {
           return;
         }
         store.setOpen(false, clamp.createChangeEventDetails(clamp.triggerFocus, nativeEvent));
@@ -377,7 +377,7 @@ function useFocus(context, props = {}) {
   } : {}, [enabled, reference]);
 }
 
-const interactiveSelector = `button,a,[role="button"],select,[tabindex]:not([tabindex="-1"]),${ScrollAreaViewport.TYPEABLE_SELECTOR}`;
+const interactiveSelector = `button,a,[role="button"],select,[tabindex]:not([tabindex="-1"]),${clamp.TYPEABLE_SELECTOR}`;
 function isInteractiveElement(element) {
   return element ? Boolean(element.closest(interactiveSelector)) : false;
 }
@@ -470,7 +470,7 @@ function useHoverFloatingInteraction(context, parameters = {}) {
     return type?.includes('mouse') && type !== 'mousedown';
   });
   const isRelatedTargetInsideEnabledTrigger = clamp.useStableCallback(target => {
-    return ScrollAreaViewport.isTargetInsideEnabledTrigger(target, store.context.triggerElements);
+    return clamp.isTargetInsideEnabledTrigger(target, store.context.triggerElements);
   });
   const closeWithDelay = React__namespace.useCallback(event => {
     const closeDelay = getDelay(closeDelayProp, 'close', instance.pointerType);
@@ -489,7 +489,7 @@ function useHoverFloatingInteraction(context, parameters = {}) {
     clearSafePolygonPointerEventsMutation(instance);
   });
   const handleInteractInside = clamp.useStableCallback(event => {
-    const target = ScrollAreaViewport.getTarget(event);
+    const target = clamp.getTarget(event);
     if (!isInteractiveElement(target)) {
       instance.interactedInside = false;
       return;
@@ -631,14 +631,14 @@ function useHoverReferenceInteraction(context, props = {}) {
     return isClickLikeOpenEvent(dataRef.current.openEvent?.type, instance.interactedInside);
   });
   const isRelatedTargetInsideEnabledTrigger = clamp.useStableCallback(target => {
-    return ScrollAreaViewport.isTargetInsideEnabledTrigger(target, store.context.triggerElements);
+    return clamp.isTargetInsideEnabledTrigger(target, store.context.triggerElements);
   });
   const isOverInactiveTrigger = clamp.useStableCallback((currentDomReference, currentTarget, target) => {
     const allTriggers = store.context.triggerElements;
 
     // Fast path for normal usage where handlers are attached directly to triggers.
     if (allTriggers.hasElement(currentTarget)) {
-      return !currentDomReference || !ScrollAreaViewport.contains(currentDomReference, currentTarget);
+      return !currentDomReference || !clamp.contains(currentDomReference, currentTarget);
     }
 
     // Fallback for delegated/wrapper usage where currentTarget may be outside the trigger map.
@@ -646,7 +646,7 @@ function useHoverReferenceInteraction(context, props = {}) {
       return false;
     }
     const targetElement = target;
-    return allTriggers.hasMatchingElement(trigger => ScrollAreaViewport.contains(trigger, targetElement)) && (!currentDomReference || !ScrollAreaViewport.contains(currentDomReference, targetElement));
+    return allTriggers.hasMatchingElement(trigger => clamp.contains(trigger, targetElement)) && (!currentDomReference || !clamp.contains(currentDomReference, targetElement));
   });
   const closeWithDelay = React__namespace.useCallback((event, runElseBranch = true) => {
     const closeDelay = getDelay(delayRef.current, 'close', instance.pointerType);
@@ -772,7 +772,7 @@ function useHoverReferenceInteraction(context, props = {}) {
         instance.handler(event);
         return;
       }
-      const shouldClose = instance.pointerType === 'touch' ? !ScrollAreaViewport.contains(store.select('floatingElement'), event.relatedTarget) : true;
+      const shouldClose = instance.pointerType === 'touch' ? !clamp.contains(store.select('floatingElement'), event.relatedTarget) : true;
       if (shouldClose) {
         closeWithDelay(event);
       }
@@ -861,23 +861,23 @@ function doSwitch(orientation, vertical, horizontal) {
   }
 }
 function isMainOrientationKey(key, orientation) {
-  const vertical = key === ScrollAreaViewport.ARROW_UP || key === ScrollAreaViewport.ARROW_DOWN;
-  const horizontal = key === ScrollAreaViewport.ARROW_LEFT || key === ScrollAreaViewport.ARROW_RIGHT;
+  const vertical = key === clamp.ARROW_UP || key === clamp.ARROW_DOWN;
+  const horizontal = key === clamp.ARROW_LEFT || key === clamp.ARROW_RIGHT;
   return doSwitch(orientation, vertical, horizontal);
 }
 function isMainOrientationToEndKey(key, orientation, rtl) {
-  const vertical = key === ScrollAreaViewport.ARROW_DOWN;
-  const horizontal = rtl ? key === ScrollAreaViewport.ARROW_LEFT : key === ScrollAreaViewport.ARROW_RIGHT;
+  const vertical = key === clamp.ARROW_DOWN;
+  const horizontal = rtl ? key === clamp.ARROW_LEFT : key === clamp.ARROW_RIGHT;
   return doSwitch(orientation, vertical, horizontal) || key === 'Enter' || key === ' ' || key === '';
 }
 function isCrossOrientationOpenKey(key, orientation, rtl) {
-  const vertical = rtl ? key === ScrollAreaViewport.ARROW_LEFT : key === ScrollAreaViewport.ARROW_RIGHT;
-  const horizontal = key === ScrollAreaViewport.ARROW_DOWN;
+  const vertical = rtl ? key === clamp.ARROW_LEFT : key === clamp.ARROW_RIGHT;
+  const horizontal = key === clamp.ARROW_DOWN;
   return doSwitch(orientation, vertical, horizontal);
 }
 function isCrossOrientationCloseKey(key, orientation, rtl, cols) {
-  const vertical = rtl ? key === ScrollAreaViewport.ARROW_RIGHT : key === ScrollAreaViewport.ARROW_LEFT;
-  const horizontal = key === ScrollAreaViewport.ARROW_UP;
+  const vertical = rtl ? key === clamp.ARROW_RIGHT : key === clamp.ARROW_LEFT;
+  const horizontal = key === clamp.ARROW_UP;
   if (orientation === 'both' || orientation === 'horizontal' && cols && cols > 1) {
     return key === ESCAPE;
   }
@@ -929,14 +929,14 @@ function useListNavigation(context, props) {
       console.warn('In grid list navigation mode (`cols` > 1), the `orientation` should', 'be either "horizontal" or "both".');
     }
   }
-  const floatingFocusElement = ScrollAreaViewport.getFloatingFocusElement(floatingElement);
+  const floatingFocusElement = clamp.getFloatingFocusElement(floatingElement);
   const floatingFocusElementRef = clamp.useValueAsRef(floatingFocusElement);
   const parentId = ScrollAreaViewport.useFloatingParentNodeId();
   const tree = ScrollAreaViewport.useFloatingTree(externalTree);
   clamp.useIsoLayoutEffect(() => {
     dataRef.current.orientation = orientation;
   }, [dataRef, orientation]);
-  const typeableComboboxReference = ScrollAreaViewport.isTypeableCombobox(domReferenceElement);
+  const typeableComboboxReference = clamp.isTypeableCombobox(domReferenceElement);
   const focusItemOnOpenRef = React__namespace.useRef(focusItemOnOpen);
   const indexRef = React__namespace.useRef(selectedIndex ?? -1);
   const keyRef = React__namespace.useRef(null);
@@ -1077,8 +1077,8 @@ function useListNavigation(context, props) {
     }
     const nodes = tree.nodesRef.current;
     const parent = nodes.find(node => node.id === parentId)?.context?.elements.floating;
-    const activeEl = ScrollAreaViewport.activeElement(clamp.ownerDocument(floatingElement));
-    const treeContainsActiveEl = nodes.some(node => node.context && ScrollAreaViewport.contains(node.context.elements.floating, activeEl));
+    const activeEl = clamp.activeElement(clamp.ownerDocument(floatingElement));
+    const treeContainsActiveEl = nodes.some(node => node.context && clamp.contains(node.context.elements.floating, activeEl));
     if (parent && !treeContainsActiveEl && isPointerModalityRef.current) {
       parent.focus({
         preventScroll: true
@@ -1145,8 +1145,8 @@ function useListNavigation(context, props) {
         onNavigate(event);
         if (!virtual) {
           const floatingFocusEl = floatingFocusElementRef.current;
-          const activeEl = ScrollAreaViewport.activeElement(clamp.ownerDocument(floatingFocusEl));
-          if (floatingFocusEl && ScrollAreaViewport.contains(floatingFocusEl, activeEl)) {
+          const activeEl = clamp.activeElement(clamp.ownerDocument(floatingFocusEl));
+          if (floatingFocusEl && clamp.contains(floatingFocusEl, activeEl)) {
             floatingFocusEl.focus({
               preventScroll: true
             });
@@ -1241,7 +1241,7 @@ function useListNavigation(context, props) {
         // we're moving in so we don't end up in the same item. Prefer
         // top/left over bottom/right.
         // eslint-disable-next-line no-nested-ternary
-        event.key === ScrollAreaViewport.ARROW_DOWN ? 'bl' : event.key === (rtl ? ScrollAreaViewport.ARROW_LEFT : ScrollAreaViewport.ARROW_RIGHT) ? 'tr' : 'tl'),
+        event.key === clamp.ARROW_DOWN ? 'bl' : event.key === (rtl ? clamp.ARROW_LEFT : clamp.ARROW_RIGHT) ? 'tr' : 'tl'),
         stopEvent: true
       })];
       if (index != null) {
@@ -1256,7 +1256,7 @@ function useListNavigation(context, props) {
       clamp.stopEvent(event);
 
       // Reset the index if no item is focused.
-      if (open && !virtual && ScrollAreaViewport.activeElement(event.currentTarget.ownerDocument) === event.currentTarget) {
+      if (open && !virtual && clamp.activeElement(event.currentTarget.ownerDocument) === event.currentTarget) {
         indexRef.current = isMainOrientationToEndKey(event.key, orientation, rtl) ? minIndex : maxIndex;
         onNavigate(event);
         return;
@@ -1327,8 +1327,8 @@ function useListNavigation(context, props) {
           // If the event originated from within a nested element (e.g., a Dialog opened from
           // within the menu), don't close the menu. The nested element has its own focus
           // management and should handle the Tab key.
-          const target = ScrollAreaViewport.getTarget(event.nativeEvent);
-          if (target && !ScrollAreaViewport.contains(floatingFocusElementRef.current, target)) {
+          const target = clamp.getTarget(event.nativeEvent);
+          if (target && !clamp.contains(floatingFocusElementRef.current, target)) {
             return;
           }
           clamp.stopEvent(event);
@@ -1569,8 +1569,8 @@ function useTypeahead(context, props) {
     const next = event.relatedTarget;
     const currentDomReferenceElement = store.select('domReferenceElement');
     const currentFloatingElement = store.select('floatingElement');
-    const withinReference = ScrollAreaViewport.contains(currentDomReferenceElement, next);
-    const withinFloating = ScrollAreaViewport.contains(currentFloatingElement, next);
+    const withinReference = clamp.contains(currentDomReferenceElement, next);
+    const withinFloating = clamp.contains(currentFloatingElement, next);
 
     // Keep the session if focus moves within the composite (reference <-> floating).
     if (withinReference || withinFloating) {
@@ -1690,10 +1690,10 @@ function safePolygon(options = {}) {
         clientX,
         clientY
       } = event;
-      const target = ScrollAreaViewport.getTarget(event);
+      const target = clamp.getTarget(event);
       const isLeave = event.type === 'mouseleave';
-      const isOverFloatingEl = ScrollAreaViewport.contains(floating, target);
-      const isOverReferenceEl = ScrollAreaViewport.contains(domReference, target);
+      const isOverFloatingEl = clamp.contains(floating, target);
+      const isOverReferenceEl = clamp.contains(domReference, target);
       if (isOverFloatingEl) {
         hasLanded = true;
         if (!isLeave) {
@@ -1710,7 +1710,7 @@ function safePolygon(options = {}) {
 
       // Prevent overlapping floating element from being stuck in an open-close
       // loop: https://github.com/floating-ui/floating-ui/issues/1910
-      if (isLeave && floatingUi_utils_dom.isElement(event.relatedTarget) && ScrollAreaViewport.contains(floating, event.relatedTarget)) {
+      if (isLeave && floatingUi_utils_dom.isElement(event.relatedTarget) && clamp.contains(floating, event.relatedTarget)) {
         return undefined;
       }
       function hasOpenChildNode() {
@@ -4492,7 +4492,7 @@ const MenuTrigger = ScrollAreaViewport.fastComponentRef(function MenuTrigger(com
     allowMouseUpTriggerTimeout.clear();
     store.context.allowMouseUpTriggerRef.current = false;
     const mouseUpTarget = mouseEvent.target;
-    if (ScrollAreaViewport.contains(triggerRef.current, mouseUpTarget) || ScrollAreaViewport.contains(store.select('positionerElement'), mouseUpTarget) || mouseUpTarget === triggerRef.current) {
+    if (clamp.contains(triggerRef.current, mouseUpTarget) || clamp.contains(store.select('positionerElement'), mouseUpTarget) || mouseUpTarget === triggerRef.current) {
       return;
     }
     if (mouseUpTarget != null && findRootOwnerId(mouseUpTarget) === store.select('rootId')) {
@@ -4596,7 +4596,7 @@ const MenuTrigger = ScrollAreaViewport.fastComponentRef(function MenuTrigger(com
         store.setOpen(false, clamp.createChangeEventDetails(clamp.focusOut, event.nativeEvent, event.currentTarget));
       });
       let nextTabbable = ScrollAreaViewport.getTabbableAfterElement(store.context.triggerFocusTargetRef.current || triggerElementRef.current);
-      while (nextTabbable !== null && ScrollAreaViewport.contains(currentPositionerElement, nextTabbable)) {
+      while (nextTabbable !== null && clamp.contains(currentPositionerElement, nextTabbable)) {
         const prevTabbable = nextTabbable;
         nextTabbable = ScrollAreaViewport.getNextTabbable(nextTabbable);
         if (nextTabbable === prevTabbable) {

package/dist/MenuSubmenuTrigger-es.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { u as useFloatingParentNodeId, F as FloatingRootStore, P as PopupTriggerMap, g as useFloatingTree, h as getTarget, i as isTypeableElement, m as matchesFocusVisible, j as isTargetInsideEnabledTrigger, k as createAttribute, l as activeElement, n as contains, T as TYPEABLE_SELECTOR, o as getNodeChildren, p as getFloatingFocusElement, q as isTypeableCombobox, r as isIndexOutOfListBounds, s as getMinListIndex, t as getMaxListIndex, v as createGridCellMap, w as isListIndexDisabled, x as getGridNavigatedIndex, y as getGridCellIndices, z as getGridCellIndexOfCorner, A as ARROW_DOWN, B as ARROW_LEFT, C as ARROW_RIGHT, E as findNonDisabledListIndex, G as enqueueFocus, H as ARROW_UP, I as isElementVisible, J as useDirection, K as DISABLED_TRANSITIONS_STYLE, L as useDialogRootContext, M as popupStateMapping, N as COMPOSITE_KEYS, O as FloatingFocusManager, Q as FloatingPortal, R as POPUP_COLLISION_AVOIDANCE, U as InternalBackdrop, V as inertValue, W as FloatingNode, X as DROPDOWN_COLLISION_AVOIDANCE, Y as popupStoreSelectors, Z as createSelector, _ as ReactStore, $ as createInitialPopupStoreState, a0 as FloatingTreeStore, a1 as fastComponent, a2 as useOnFirstRender, a3 as useFloatingNodeId, a4 as useOpenInteractionType, a5 as useImplicitActiveTrigger, a6 as useOpenStateTransitions, a7 as useScrollLock, a8 as useSyncedFloatingRootContext, a9 as useDismiss, aa as useRole, ab as TYPEAHEAD_RESET_MS, ac as useInteractions, ad as FloatingTree, ae as fastComponentRef, af as useTriggerDataForwarding, ag as useClick, ah as getTabbableBeforeElement, ai as isOutsideEvent, aj as getTabbableAfterElement, ak as getNextTabbable, al as pressableTriggerOpenStateMapping, am as FocusGuard, an as PATIENT_CLICK_THRESHOLD, ao as useTriggerRegistration, ap as triggerOpenStateMapping } from './ScrollAreaViewport-es.js';
+import { u as useFloatingParentNodeId, F as FloatingRootStore, P as PopupTriggerMap, g as useFloatingTree, h as createAttribute, i as getNodeChildren, j as isIndexOutOfListBounds, k as getMinListIndex, l as getMaxListIndex, m as createGridCellMap, n as isListIndexDisabled, o as getGridNavigatedIndex, p as getGridCellIndices, q as getGridCellIndexOfCorner, r as findNonDisabledListIndex, s as enqueueFocus, t as isElementVisible, v as useDirection, w as DISABLED_TRANSITIONS_STYLE, x as useDialogRootContext, y as popupStateMapping, C as COMPOSITE_KEYS, z as FloatingFocusManager, A as FloatingPortal, B as POPUP_COLLISION_AVOIDANCE, I as InternalBackdrop, E as inertValue, G as FloatingNode, H as DROPDOWN_COLLISION_AVOIDANCE, J as popupStoreSelectors, K as createSelector, R as ReactStore, L as createInitialPopupStoreState, M as FloatingTreeStore, N as fastComponent, O as useOnFirstRender, Q as useFloatingNodeId, T as useOpenInteractionType, U as useImplicitActiveTrigger, V as useOpenStateTransitions, W as useScrollLock, X as useSyncedFloatingRootContext, Y as useDismiss, Z as useRole, _ as TYPEAHEAD_RESET_MS, $ as useInteractions, a0 as FloatingTree, a1 as fastComponentRef, a2 as useTriggerDataForwarding, a3 as useClick, a4 as getTabbableBeforeElement, a5 as isOutsideEvent, a6 as getTabbableAfterElement, a7 as getNextTabbable, a8 as pressableTriggerOpenStateMapping, a9 as FocusGuard, aa as PATIENT_CLICK_THRESHOLD, ab as useTriggerRegistration, ac as triggerOpenStateMapping } from './ScrollAreaViewport-es.js';
 import { a as useRefWithInit, E as EMPTY_OBJECT, u as useRenderElement, f as formatErrorMessage, m as mergeProps, b as useMergedRefs, d as EMPTY_ARRAY } from './useRenderElement-es.js';
-import { C as isMouseLikePointerType, D as useId, d as useIsoLayoutEffect, b as useTimeout, k as createChangeEventDetails, E as triggerFocus, F as isMac, G as isSafari, s as ownerDocument, H as triggerPress, I as escapeKey, f as useOnMount, T as Timeout, a as useStableCallback, J as triggerHover, i as useValueAsRef, A as stopEvent, K as listNavigation, L as focusOut, M as isVirtualClick, N as isVirtualPointerEvent, y as useButton, O as closePress, u as useBaseUiId, P as itemPress, t as transitionStatusMapping, e as useOpenChangeComplete, Q as outsidePress, R as useAnimationsFinished, S as siblingOpen, h as useControlled, c as useTransitionStatus, U as imperativeAction, V as useCompositeRootContext, W as cancelOpen } from './clamp-es.js';
+import { E as isMouseLikePointerType, F as useId, d as useIsoLayoutEffect, b as useTimeout, g as getTarget, G as isTypeableElement, H as matchesFocusVisible, I as isTargetInsideEnabledTrigger, m as createChangeEventDetails, J as triggerFocus, K as activeElement, L as contains, M as isMac, N as isSafari, o as ownerDocument, O as triggerPress, P as escapeKey, h as useOnMount, Q as TYPEABLE_SELECTOR, T as Timeout, a as useStableCallback, R as triggerHover, k as useValueAsRef, U as getFloatingFocusElement, V as isTypeableCombobox, C as stopEvent, W as listNavigation, X as ARROW_DOWN, Y as ARROW_LEFT, Z as ARROW_RIGHT, _ as focusOut, $ as isVirtualClick, a0 as isVirtualPointerEvent, a1 as ARROW_UP, A as useButton, a2 as closePress, u as useBaseUiId, a3 as itemPress, t as transitionStatusMapping, f as useOpenChangeComplete, a4 as outsidePress, a5 as useAnimationsFinished, a6 as siblingOpen, j as useControlled, c as useTransitionStatus, a7 as imperativeAction, a8 as useCompositeRootContext, a9 as cancelOpen } from './clamp-es.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { b as isElement, k as getWindow, a as isHTMLElement, d as isLastTraversableNode, e as getParentNode } from './floating-ui.utils.dom-es.js';
 import { e as evaluate, h as getPaddingObject, b as getAlignmentAxis, d as getAlignment, q as getAxisLength, n as clamp, c as getSide, g as getSideAxis } from './index.esm-es.js';

package/dist/NumberFieldInput-cjs.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var React = require('react');
+var floatingUi_utils_dom = require('./floating-ui.utils.dom-cjs.js');
 var clamp = require('./clamp-cjs.js');
+var React = require('react');
 var useRenderElement = require('./useRenderElement-cjs.js');
-var floatingUi_utils_dom = require('./floating-ui.utils.dom-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
 
@@ -330,6 +330,84 @@ function useLabelableId(params = {}) {
   return controlId ?? defaultId;
 }
 
+function useRegisteredLabelId(idProp, setLabelId) {
+  const id = clamp.useBaseUiId(idProp);
+  clamp.useIsoLayoutEffect(() => {
+    setLabelId(id);
+    return () => {
+      setLabelId(undefined);
+    };
+  }, [id, setLabelId]);
+  return id;
+}
+
+function useLabel(params = {}) {
+  const {
+    id: idProp,
+    fallbackControlId,
+    native = false,
+    setLabelId: setLabelIdProp,
+    focusControl: focusControlProp
+  } = params;
+  const {
+    controlId: contextControlId,
+    setLabelId: setContextLabelId
+  } = useLabelableContext();
+  const syncLabelId = clamp.useStableCallback(nextLabelId => {
+    setContextLabelId(nextLabelId);
+    setLabelIdProp?.(nextLabelId);
+  });
+  const id = useRegisteredLabelId(idProp, syncLabelId);
+  const resolvedControlId = contextControlId ?? fallbackControlId;
+  function focusControl(event) {
+    if (focusControlProp) {
+      focusControlProp(event, resolvedControlId);
+      return;
+    }
+    if (!resolvedControlId) {
+      return;
+    }
+    const controlElement = clamp.ownerDocument(event.currentTarget).getElementById(resolvedControlId);
+    if (floatingUi_utils_dom.isHTMLElement(controlElement)) {
+      focusElementWithVisible(controlElement);
+    }
+  }
+  function handleInteraction(event) {
+    const target = clamp.getTarget(event.nativeEvent);
+    if (target?.closest('button,input,select,textarea')) {
+      return;
+    }
+
+    // Prevent text selection when double clicking label.
+    if (!event.defaultPrevented && event.detail > 1) {
+      event.preventDefault();
+    }
+    if (native) {
+      return;
+    }
+    focusControl(event);
+  }
+  return native ? {
+    id,
+    htmlFor: resolvedControlId ?? undefined,
+    onMouseDown: handleInteraction
+  } : {
+    id,
+    onClick: handleInteraction,
+    onPointerDown(event) {
+      event.preventDefault();
+    }
+  };
+}
+function focusElementWithVisible(element) {
+  element.focus({
+    // Available from Chrome 144+ (January 2026).
+    // Safari and Firefox already support it.
+    // @ts-expect-error not available in types yet
+    focusVisible: true
+  });
+}
+
 const cache = new Map();
 function getFormatter(locale, options) {
   const optionsString = JSON.stringify({
@@ -1822,6 +1900,7 @@ exports.stateAttributesMapping = stateAttributesMapping$1;
 exports.useField = useField;
 exports.useFieldRootContext = useFieldRootContext;
 exports.useFormContext = useFormContext;
+exports.useLabel = useLabel;
 exports.useLabelableContext = useLabelableContext;
 exports.useLabelableId = useLabelableId;
 exports.useNumberFieldRootContext = useNumberFieldRootContext;

package/dist/NumberFieldInput-es.js

@@ -1,7 +1,7 @@
+import { b as isElement, a as isHTMLElement, k as getWindow } from './floating-ui.utils.dom-es.js';
+import { a as useStableCallback, d as useIsoLayoutEffect, u as useBaseUiId, g as getTarget, o as ownerDocument, h as useOnMount, T as Timeout, i as clamp, j as useControlled, k as useValueAsRef, b as useTimeout, l as isIOS, m as createChangeEventDetails, n as none, v as visuallyHiddenInput, p as visuallyHidden, q as inputChange, r as inputClear, s as inputBlur, w as inputPaste, x as createGenericEventDetails, y as incrementPress, z as decrementPress, A as useButton, B as useValueChanged, C as stopEvent, D as keyboard } from './clamp-es.js';
 import * as React from 'react';
-import { a as useStableCallback, d as useIsoLayoutEffect, u as useBaseUiId, f as useOnMount, T as Timeout, g as clamp, h as useControlled, i as useValueAsRef, b as useTimeout, j as isIOS, k as createChangeEventDetails, n as none, v as visuallyHiddenInput, l as visuallyHidden, m as inputChange, o as inputClear, p as inputBlur, q as inputPaste, r as createGenericEventDetails, s as ownerDocument, w as incrementPress, x as decrementPress, y as useButton, z as useValueChanged, A as stopEvent, B as keyboard } from './clamp-es.js';
 import { N as NOOP, f as formatErrorMessage, E as EMPTY_OBJECT, a as useRefWithInit, b as useMergedRefs, u as useRenderElement } from './useRenderElement-es.js';
-import { b as isElement, k as getWindow } from './floating-ui.utils.dom-es.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 
@@ -308,6 +308,84 @@ function useLabelableId(params = {}) {
   return controlId ?? defaultId;
 }
 
+function useRegisteredLabelId(idProp, setLabelId) {
+  const id = useBaseUiId(idProp);
+  useIsoLayoutEffect(() => {
+    setLabelId(id);
+    return () => {
+      setLabelId(undefined);
+    };
+  }, [id, setLabelId]);
+  return id;
+}
+
+function useLabel(params = {}) {
+  const {
+    id: idProp,
+    fallbackControlId,
+    native = false,
+    setLabelId: setLabelIdProp,
+    focusControl: focusControlProp
+  } = params;
+  const {
+    controlId: contextControlId,
+    setLabelId: setContextLabelId
+  } = useLabelableContext();
+  const syncLabelId = useStableCallback(nextLabelId => {
+    setContextLabelId(nextLabelId);
+    setLabelIdProp?.(nextLabelId);
+  });
+  const id = useRegisteredLabelId(idProp, syncLabelId);
+  const resolvedControlId = contextControlId ?? fallbackControlId;
+  function focusControl(event) {
+    if (focusControlProp) {
+      focusControlProp(event, resolvedControlId);
+      return;
+    }
+    if (!resolvedControlId) {
+      return;
+    }
+    const controlElement = ownerDocument(event.currentTarget).getElementById(resolvedControlId);
+    if (isHTMLElement(controlElement)) {
+      focusElementWithVisible(controlElement);
+    }
+  }
+  function handleInteraction(event) {
+    const target = getTarget(event.nativeEvent);
+    if (target?.closest('button,input,select,textarea')) {
+      return;
+    }
+
+    // Prevent text selection when double clicking label.
+    if (!event.defaultPrevented && event.detail > 1) {
+      event.preventDefault();
+    }
+    if (native) {
+      return;
+    }
+    focusControl(event);
+  }
+  return native ? {
+    id,
+    htmlFor: resolvedControlId ?? undefined,
+    onMouseDown: handleInteraction
+  } : {
+    id,
+    onClick: handleInteraction,
+    onPointerDown(event) {
+      event.preventDefault();
+    }
+  };
+}
+function focusElementWithVisible(element) {
+  element.focus({
+    // Available from Chrome 144+ (January 2026).
+    // Safari and Firefox already support it.
+    // @ts-expect-error not available in types yet
+    focusVisible: true
+  });
+}
+
 const cache = new Map();
 function getFormatter(locale, options) {
   const optionsString = JSON.stringify({
@@ -1784,4 +1862,4 @@ const NumberFieldInput = /*#__PURE__*/React.forwardRef(function NumberFieldInput
 });
 if (process.env.NODE_ENV !== "production") NumberFieldInput.displayName = "NumberFieldInput";
 
-export { DEFAULT_VALIDITY_STATE as D, FieldRootContext as F, LabelableContext as L, NumberFieldRoot as N, useFormContext as a, useFieldRootContext as b, NumberFieldGroup as c, NumberFieldInput as d, NumberFieldIncrement as e, fieldValidityMapping as f, getCombinedFieldValidityData as g, NumberFieldDecrement as h, useLabelableId as i, useField as j, DEFAULT_FIELD_STATE_ATTRIBUTES as k, useNumberFieldRootContext as l, DEFAULT_STEP as m, stateAttributesMapping$1 as s, useLabelableContext as u };
+export { DEFAULT_VALIDITY_STATE as D, FieldRootContext as F, LabelableContext as L, NumberFieldRoot as N, useFormContext as a, useFieldRootContext as b, useLabel as c, NumberFieldGroup as d, NumberFieldInput as e, fieldValidityMapping as f, getCombinedFieldValidityData as g, NumberFieldIncrement as h, NumberFieldDecrement as i, useLabelableId as j, useField as k, DEFAULT_FIELD_STATE_ATTRIBUTES as l, useNumberFieldRootContext as m, DEFAULT_STEP as n, stateAttributesMapping$1 as s, useLabelableContext as u };