@jobber/components 8.22.0 → 8.23.0

package/dist/ComboboxChipRemove-es.js

@@ -1,11 +1,13 @@
 import * as React from 'react';
-import { E as useControlled, e as useStableCallback, n as useValueAsRef, h as useTransitionStatus, j as useIsoLayoutEffect, N as createGenericEventDetails, K as inputClear, J as inputChange, c as createChangeEventDetails, y as focusOut, a4 as outsidePress, k as getTarget, a3 as itemPress, d as useOpenChangeComplete, Q as useValueChanged, G as none, ar as inputPress, H as visuallyHiddenInput, I as visuallyHidden, r as contains, f as useTimeout, u as useButton, o as ownerDocument, s as stopEvent, v as listNavigation, a as closePress, b as useBaseUiId, ag as isAndroid, ad as isFirefox, a0 as escapeKey, as as clearPress, t as transitionStatusMapping, S as SafeReact, g as error, at as chipRemovePress } from './useButton-es.js';
-import { f as formatErrorMessage, d as EMPTY_ARRAY, a as useRefWithInit, N as NOOP, E as EMPTY_OBJECT, b as useMergedRefs, u as useRenderElement } from './useRenderElement-es.js';
-import { a as useFormContext, b as useFieldRootContext, d as useLabelableId, e as useField, f as fieldValidityMapping, u as useLabelableContext, h as DEFAULT_FIELD_STATE_ATTRIBUTES, c as useLabel } from './useLabel-es.js';
-import { f as useFloatingRootContext, c as useListNavigation, d as useTypeahead, e as getPseudoElementBounds, C as CompositeList, a as useAnchorPositioning, g as getDisabledMountTransitionStyles, u as useCompositeListItem, I as IndexGuessBehavior } from './useCompositeListItem-es.js';
-import { x as createSelector, _ as Store, $ as useStore, E as useOpenInteractionType, M as useClick, H as useDismiss, J as useInteractions, A as useOnFirstRender, U as pressableTriggerOpenStateMapping, n as useDirection, X as triggerOpenStateMapping, r as FloatingPortal, p as popupStateMapping, G as useScrollLock, I as InternalBackdrop, t as inertValue, w as DROPDOWN_COLLISION_AVOIDANCE, F as FloatingFocusManager } from './InternalBackdrop-es.js';
+import { E as useControlled, b as useStableCallback, n as useValueAsRef, k as useTransitionStatus, a as useIsoLayoutEffect, N as createGenericEventDetails, K as inputClear, J as inputChange, d as createChangeEventDetails, y as focusOut, U as outsidePress, g as getTarget, Z as itemPress, f as useOpenChangeComplete, Q as useValueChanged, G as none, ae as inputPress, r as contains, H as visuallyHiddenInput, I as visuallyHidden, h as useTimeout, c as useButton, o as ownerDocument, s as stopEvent, v as listNavigation, e as closePress, u as useBaseUiId, _ as isAndroid, af as isFirefox, a8 as escapeKey, ag as clearPress, t as transitionStatusMapping, S as SafeReact, j as error, ah as chipRemovePress } from './useButton-es.js';
+import { f as formatErrorMessage, c as EMPTY_ARRAY, a as useRefWithInit, N as NOOP, E as EMPTY_OBJECT, b as useMergedRefs, u as useRenderElement } from './useRenderElement-es.js';
+import { a as useFormContext, b as useFieldRootContext, c as useLabelableId, d as useField, f as fieldValidityMapping, u as useLabelableContext, e as DEFAULT_FIELD_STATE_ATTRIBUTES } from './useLabelableId-es.js';
+import { u as useFloatingRootContext, a as useListNavigation, b as useTypeahead, g as getPseudoElementBounds, C as CompositeList, c as useAnchorPositioning, d as getDisabledMountTransitionStyles, e as useCompositeListItem, I as IndexGuessBehavior } from './useCompositeListItem-es.js';
+import { h as hasNullItemLabel, c as compareItemEquality, i as stringifyAsLabel, j as isGroupedItems, s as stringifyAsValue, e as selectedValueIncludes, g as removeItem, f as findItemIndex, d as defaultItemEquality, r as resolveAriaLabelledBy, k as getDefaultLabelId, a as resolveMultipleLabels, b as resolveSelectedLabel } from './resolveAriaLabelledBy-es.js';
+import { o as createSelector, S as Store, r as useStore, q as useOpenInteractionType, s as useClick, t as useDismiss, v as useInteractions, w as useOnFirstRender, x as pressableTriggerOpenStateMapping, n as useDirection, G as triggerOpenStateMapping, y as FloatingPortal, p as popupStateMapping, z as useScrollLock, I as InternalBackdrop, A as inertValue, B as DROPDOWN_COLLISION_AVOIDANCE, F as FloatingFocusManager } from './InternalBackdrop-es.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
+import { u as useLabel } from './useLabel-es.js';
 
 const ComboboxRootContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== "production") ComboboxRootContext.displayName = "ComboboxRootContext";
@@ -42,157 +44,6 @@ function useComboboxInputValueContext() {
   return React.useContext(ComboboxInputValueContext);
 }
 
-const defaultItemEquality = (itemValue, selectedValue) => Object.is(itemValue, selectedValue);
-function compareItemEquality(itemValue, selectedValue, comparer) {
-  if (itemValue == null || selectedValue == null) {
-    return Object.is(itemValue, selectedValue);
-  }
-  return comparer(itemValue, selectedValue);
-}
-function selectedValueIncludes(selectedValues, itemValue, comparer) {
-  if (!selectedValues || selectedValues.length === 0) {
-    return false;
-  }
-  return selectedValues.some(selectedValue => {
-    if (selectedValue === undefined) {
-      return false;
-    }
-    return compareItemEquality(itemValue, selectedValue, comparer);
-  });
-}
-function findItemIndex(itemValues, selectedValue, comparer) {
-  if (!itemValues || itemValues.length === 0) {
-    return -1;
-  }
-  return itemValues.findIndex(itemValue => {
-    if (itemValue === undefined) {
-      return false;
-    }
-    return compareItemEquality(itemValue, selectedValue, comparer);
-  });
-}
-function removeItem(selectedValues, itemValue, comparer) {
-  return selectedValues.filter(selectedValue => !compareItemEquality(itemValue, selectedValue, comparer));
-}
-
-function serializeValue(value) {
-  if (value == null) {
-    return '';
-  }
-  if (typeof value === 'string') {
-    return value;
-  }
-  try {
-    return JSON.stringify(value);
-  } catch {
-    return String(value);
-  }
-}
-
-function isGroupedItems(items) {
-  return items != null && items.length > 0 && typeof items[0] === 'object' && items[0] != null && 'items' in items[0];
-}
-
-/**
- * Checks if the items array contains an item with a null value that has a non-null label.
- */
-function hasNullItemLabel(items) {
-  if (!Array.isArray(items)) {
-    return items != null && 'null' in items;
-  }
-  const arrayItems = items;
-  if (isGroupedItems(arrayItems)) {
-    for (const group of arrayItems) {
-      for (const item of group.items) {
-        if (item && item.value == null && item.label != null) {
-          return true;
-        }
-      }
-    }
-    return false;
-  }
-  for (const item of arrayItems) {
-    if (item && item.value == null && item.label != null) {
-      return true;
-    }
-  }
-  return false;
-}
-function stringifyAsLabel(item, itemToStringLabel) {
-  if (itemToStringLabel && item != null) {
-    return itemToStringLabel(item) ?? '';
-  }
-  if (item && typeof item === 'object') {
-    if ('label' in item && item.label != null) {
-      return String(item.label);
-    }
-    if ('value' in item) {
-      return String(item.value);
-    }
-  }
-  return serializeValue(item);
-}
-function stringifyAsValue(item, itemToStringValue) {
-  if (itemToStringValue && item != null) {
-    return itemToStringValue(item) ?? '';
-  }
-  if (item && typeof item === 'object' && 'value' in item && 'label' in item) {
-    return serializeValue(item.value);
-  }
-  return serializeValue(item);
-}
-function resolveSelectedLabel(value, items, itemToStringLabel) {
-  function fallback() {
-    return stringifyAsLabel(value, itemToStringLabel);
-  }
-  if (itemToStringLabel && value != null) {
-    return itemToStringLabel(value);
-  }
-
-  // Custom object with explicit label takes precedence
-  if (value && typeof value === 'object' && 'label' in value && value.label != null) {
-    return value.label;
-  }
-
-  // Items provided as plain record map
-  if (items && !Array.isArray(items)) {
-    return items[value] ?? fallback();
-  }
-
-  // Items provided as array (flat or grouped)
-  if (Array.isArray(items)) {
-    const arrayItems = items;
-    const flatItems = isGroupedItems(arrayItems) ? arrayItems.flatMap(group => group.items) : arrayItems;
-    if (value == null || typeof value !== 'object') {
-      const match = flatItems.find(item => item.value === value);
-      if (match && match.label != null) {
-        return match.label;
-      }
-      return fallback();
-    }
-
-    // Object without explicit label: try matching by its `value` property
-    if ('value' in value) {
-      const match = flatItems.find(item => item && item.value === value.value);
-      if (match && match.label != null) {
-        return match.label;
-      }
-    }
-  }
-  return fallback();
-}
-function resolveMultipleLabels(values, items, itemToStringLabel) {
-  return values.reduce((acc, value, index) => {
-    if (index > 0) {
-      acc.push(', ');
-    }
-    acc.push(/*#__PURE__*/jsx(React.Fragment, {
-      children: resolveSelectedLabel(value, items, itemToStringLabel)
-    }, index));
-    return acc;
-  }, []);
-}
-
 const selectors = {
   id: createSelector(state => state.id),
   labelId: createSelector(state => state.labelId),
@@ -1393,13 +1244,6 @@ const triggerStateAttributesMapping = {
   } : null
 };
 
-function getDefaultLabelId(id) {
-  return id == null ? undefined : `${id}-label`;
-}
-function resolveAriaLabelledBy(fieldLabelId, localLabelId) {
-  return fieldLabelId ?? localLabelId;
-}
-
 const BOUNDARY_OFFSET = 2;
 
 /**
@@ -3363,4 +3207,4 @@ const ComboboxChipRemove = /*#__PURE__*/React.forwardRef(function ComboboxChipRe
 });
 if (process.env.NODE_ENV !== "production") ComboboxChipRemove.displayName = "ComboboxChipRemove";
 
-export { useCoreFilter as A, AriaCombobox as B, ComboboxRoot as C, stringifyAsLabel as D, useComboboxInputValueContext as E, ComboboxLabel as a, ComboboxValue as b, ComboboxInput as c, ComboboxInputGroup as d, ComboboxTrigger as e, ComboboxList as f, ComboboxStatus as g, ComboboxPortal as h, ComboboxBackdrop as i, ComboboxPositioner as j, ComboboxPopup as k, ComboboxArrow as l, ComboboxIcon as m, ComboboxGroup as n, ComboboxGroupLabel as o, ComboboxItem as p, ComboboxItemIndicator as q, ComboboxChips as r, ComboboxChip as s, ComboboxChipRemove as t, ComboboxRow as u, ComboboxCollection as v, ComboboxEmpty as w, ComboboxClear as x, useComboboxFilter as y, useFilteredItems as z };
+export { useCoreFilter as A, AriaCombobox as B, ComboboxRoot as C, useComboboxInputValueContext as D, ComboboxLabel as a, ComboboxValue as b, ComboboxInput as c, ComboboxInputGroup as d, ComboboxTrigger as e, ComboboxList as f, ComboboxStatus as g, ComboboxPortal as h, ComboboxBackdrop as i, ComboboxPositioner as j, ComboboxPopup as k, ComboboxArrow as l, ComboboxIcon as m, ComboboxGroup as n, ComboboxGroupLabel as o, ComboboxItem as p, ComboboxItemIndicator as q, ComboboxChips as r, ComboboxChip as s, ComboboxChipRemove as t, ComboboxRow as u, ComboboxCollection as v, ComboboxEmpty as w, ComboboxClear as x, useComboboxFilter as y, useFilteredItems as z };

package/dist/DataDump/index.cjs

@@ -28,12 +28,14 @@ require('../BottomSheet-cjs.js');
 require('../ScrollAreaViewport-cjs.js');
 require('../InternalBackdrop-cjs.js');
 require('../useButton-cjs.js');
+require('../CSPContext-cjs.js');
 require('../clamp-cjs.js');
 require('../OverlaySeparator-cjs.js');
 require('../Separator-cjs.js');
 require('../DrawerTitle-cjs.js');
 require('../MenuSubmenuTrigger-cjs.js');
 require('../useCompositeListItem-cjs.js');
+require('../ToolbarRootContext-cjs.js');
 require('../Content-cjs.js');
 require('../Emphasis-cjs.js');
 

package/dist/DataDump/index.mjs

@@ -26,11 +26,13 @@ import '../BottomSheet-es.js';
 import '../ScrollAreaViewport-es.js';
 import '../InternalBackdrop-es.js';
 import '../useButton-es.js';
+import '../CSPContext-es.js';
 import '../clamp-es.js';
 import '../OverlaySeparator-es.js';
 import '../Separator-es.js';
 import '../DrawerTitle-es.js';
 import '../MenuSubmenuTrigger-es.js';
 import '../useCompositeListItem-es.js';
+import '../ToolbarRootContext-es.js';
 import '../Content-es.js';
 import '../Emphasis-es.js';

package/dist/Dialog/index.cjs

@@ -19,6 +19,7 @@ require('../floating-ui.utils.dom-cjs.js');
 require('../useButton-cjs.js');
 require('react-dom');
 require('react/jsx-runtime');
+require('../CSPContext-cjs.js');
 require('../clamp-cjs.js');
 require('../Heading-cjs.js');
 require('../BottomSheet-cjs.js');

package/dist/Dialog/index.mjs

@@ -17,6 +17,7 @@ import '../floating-ui.utils.dom-es.js';
 import '../useButton-es.js';
 import 'react-dom';
 import 'react/jsx-runtime';
+import '../CSPContext-es.js';
 import '../clamp-es.js';
 import '../Heading-es.js';
 import '../BottomSheet-es.js';

package/dist/DrawerDescription-cjs.js

@@ -5,6 +5,7 @@ var ScrollAreaViewport = require('./ScrollAreaViewport-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
 var InternalBackdrop = require('./InternalBackdrop-cjs.js');
 var useButton = require('./useButton-cjs.js');
+var CSPContext = require('./CSPContext-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespaceDefault(e) {
@@ -213,7 +214,7 @@ const DialogPopup = /*#__PURE__*/React__namespace.forwardRef(function DialogPopu
       tabIndex: -1,
       hidden: !mounted,
       onKeyDown(event) {
-        if (ScrollAreaViewport.COMPOSITE_KEYS.has(event.key)) {
+        if (CSPContext.COMPOSITE_KEYS.has(event.key)) {
           event.stopPropagation();
         }
       },

package/dist/DrawerDescription-es.js

@@ -1,8 +1,9 @@
 import * as React from 'react';
-import { u as useDialogRootContext, j as useDialogPortalContext, C as COMPOSITE_KEYS, k as DialogStore } from './ScrollAreaViewport-es.js';
+import { u as useDialogRootContext, j as useDialogPortalContext, k as DialogStore } from './ScrollAreaViewport-es.js';
 import { u as useRenderElement } from './useRenderElement-es.js';
 import { p as popupStateMapping, C as CommonPopupDataAttributes, F as FloatingFocusManager } from './InternalBackdrop-es.js';
-import { t as transitionStatusMapping, b as useBaseUiId, d as useOpenChangeComplete, c as createChangeEventDetails, i as imperativeAction } from './useButton-es.js';
+import { t as transitionStatusMapping, u as useBaseUiId, f as useOpenChangeComplete, d as createChangeEventDetails, i as imperativeAction } from './useButton-es.js';
+import { C as COMPOSITE_KEYS } from './CSPContext-es.js';
 import { jsx } from 'react/jsx-runtime';
 
 const stateAttributesMapping$2 = {

package/dist/DrawerTitle-es.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { u as useDialogRootContext } from './ScrollAreaViewport-es.js';
 import { u as useRenderElement } from './useRenderElement-es.js';
-import { u as useButton, c as createChangeEventDetails, a as closePress, b as useBaseUiId } from './useButton-es.js';
+import { c as useButton, d as createChangeEventDetails, e as closePress, u as useBaseUiId } from './useButton-es.js';
 
 /**
  * A button that closes the dialog.

package/dist/InputNumberExperimental-cjs.js

@@ -8,9 +8,10 @@ var Button = require('./Button-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
 var useButton = require('./useButton-cjs.js');
-var useLabel = require('./useLabel-cjs.js');
+var useLabelableId = require('./useLabelableId-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 var NumberFieldInput = require('./NumberFieldInput-cjs.js');
+var useLabel = require('./useLabel-cjs.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -54,7 +55,7 @@ const LabelableProvider = function LabelableProvider(props) {
   const registrationsRef = useRenderElement.useRefWithInit(() => new Map());
   const {
     messageIds: parentMessageIds
-  } = useLabel.useLabelableContext();
+  } = useLabelableId.useLabelableContext();
   const registerControlId = useButton.useStableCallback((source, nextId) => {
     const registrations = registrationsRef.current;
     if (nextId === undefined) {
@@ -96,14 +97,14 @@ const LabelableProvider = function LabelableProvider(props) {
     setMessageIds,
     getDescriptionProps
   }), [controlId, registerControlId, labelId, setLabelId, messageIds, setMessageIds, getDescriptionProps]);
-  return /*#__PURE__*/jsxRuntime.jsx(useLabel.LabelableContext.Provider, {
+  return /*#__PURE__*/jsxRuntime.jsx(useLabelableId.LabelableContext.Provider, {
     value: contextValue,
     children: props.children
   });
 };
 if (process.env.NODE_ENV !== "production") LabelableProvider.displayName = "LabelableProvider";
 
-const validityKeys = Object.keys(useLabel.DEFAULT_VALIDITY_STATE);
+const validityKeys = Object.keys(useLabelableId.DEFAULT_VALIDITY_STATE);
 function isOnlyValueMissing(state) {
   if (!state || state.valid || !state.valueMissing) {
     return false;
@@ -126,7 +127,7 @@ function useFieldValidation(params) {
   const {
     formRef,
     clearErrors
-  } = useLabel.useFormContext();
+  } = useLabelableId.useFormContext();
   const {
     setValidityData,
     validate,
@@ -141,7 +142,7 @@ function useFieldValidation(params) {
   const {
     controlId,
     getDescriptionProps
-  } = useLabel.useLabelableContext();
+  } = useLabelableId.useLabelableContext();
   const timeout = useButton.useTimeout();
   const inputRef = React__namespace.useRef(null);
   const commit = useButton.useStableCallback(async (value, revalidate = false) => {
@@ -161,7 +162,7 @@ function useFieldValidation(params) {
         const nextValidityData = {
           value,
           state: {
-            ...useLabel.DEFAULT_VALIDITY_STATE,
+            ...useLabelableId.DEFAULT_VALIDITY_STATE,
             valid: true
           },
           error: '',
@@ -174,7 +175,7 @@ function useFieldValidation(params) {
           if (currentFieldData) {
             formRef.current.fields.set(controlId, {
               ...currentFieldData,
-              ...useLabel.getCombinedFieldValidityData(nextValidityData, false) // invalid = false
+              ...useLabelableId.getCombinedFieldValidityData(nextValidityData, false) // invalid = false
             });
           }
         }
@@ -286,7 +287,7 @@ function useFieldValidation(params) {
         formRef.current.fields.set(controlId, {
           ...currentFieldData,
           // Keep Form-level errors part of overall field validity for submit blocking/focus logic.
-          ...useLabel.getCombinedFieldValidityData(nextValidityData, invalid)
+          ...useLabelableId.getCombinedFieldValidityData(nextValidityData, invalid)
         });
       }
     }
@@ -338,7 +339,7 @@ const FieldRootInner = /*#__PURE__*/React__namespace.forwardRef(function FieldRo
     errors,
     validationMode: formValidationMode,
     submitAttemptedRef
-  } = useLabel.useFormContext();
+  } = useLabelableId.useFormContext();
   const {
     render,
     className,
@@ -384,7 +385,7 @@ const FieldRootInner = /*#__PURE__*/React__namespace.forwardRef(function FieldRo
   const hasFormError = !!name && Object.hasOwn(errors, name) && errors[name] !== undefined;
   const invalid = invalidProp === true || hasFormError;
   const [validityData, setValidityData] = React__namespace.useState({
-    state: useLabel.DEFAULT_VALIDITY_STATE,
+    state: useLabelableId.DEFAULT_VALIDITY_STATE,
     error: '',
     errors: [],
     value: null,
@@ -443,9 +444,9 @@ const FieldRootInner = /*#__PURE__*/React__namespace.forwardRef(function FieldRo
     ref: forwardedRef,
     state,
     props: elementProps,
-    stateAttributesMapping: useLabel.fieldValidityMapping
+    stateAttributesMapping: useLabelableId.fieldValidityMapping
   });
-  return /*#__PURE__*/jsxRuntime.jsx(useLabel.FieldRootContext.Provider, {
+  return /*#__PURE__*/jsxRuntime.jsx(useLabelableId.FieldRootContext.Provider, {
     value: contextValue,
     children: element
   });
@@ -482,10 +483,10 @@ const FieldLabel = /*#__PURE__*/React__namespace.forwardRef(function FieldLabel(
     nativeLabel = true,
     ...elementProps
   } = componentProps;
-  const fieldRootContext = useLabel.useFieldRootContext(false);
+  const fieldRootContext = useLabelableId.useFieldRootContext(false);
   const {
     labelId
-  } = useLabel.useLabelableContext();
+  } = useLabelableId.useLabelableContext();
   const labelRef = React__namespace.useRef(null);
   const labelProps = useLabel.useLabel({
     id: labelId ?? idProp,
@@ -515,14 +516,14 @@ const FieldLabel = /*#__PURE__*/React__namespace.forwardRef(function FieldLabel(
     ref: [forwardedRef, labelRef],
     state: fieldRootContext.state,
     props: [labelProps, elementProps],
-    stateAttributesMapping: useLabel.fieldValidityMapping
+    stateAttributesMapping: useLabelableId.fieldValidityMapping
   });
   return element;
 });
 if (process.env.NODE_ENV !== "production") FieldLabel.displayName = "FieldLabel";
 
 const stateAttributesMapping = {
-  ...useLabel.fieldValidityMapping,
+  ...useLabelableId.fieldValidityMapping,
   ...useButton.transitionStatusMapping
 };
 
@@ -545,13 +546,13 @@ const FieldError = /*#__PURE__*/React__namespace.forwardRef(function FieldError(
     validityData,
     state: fieldState,
     name
-  } = useLabel.useFieldRootContext(false);
+  } = useLabelableId.useFieldRootContext(false);
   const {
     setMessageIds
-  } = useLabel.useLabelableContext();
+  } = useLabelableId.useLabelableContext();
   const {
     errors
-  } = useLabel.useFormContext();
+  } = useLabelableId.useFormContext();
   const formError = name ? errors[name] : null;
   let rendered = false;
   if (formError || match === true) {
@@ -637,10 +638,10 @@ const FieldDescription = /*#__PURE__*/React__namespace.forwardRef(function Field
     ...elementProps
   } = componentProps;
   const id = useButton.useBaseUiId(idProp);
-  const fieldRootContext = useLabel.useFieldRootContext(false);
+  const fieldRootContext = useLabelableId.useFieldRootContext(false);
   const {
     setMessageIds
-  } = useLabel.useLabelableContext();
+  } = useLabelableId.useLabelableContext();
   useButton.useIsoLayoutEffect(() => {
     if (!id) {
       return undefined;
@@ -656,7 +657,7 @@ const FieldDescription = /*#__PURE__*/React__namespace.forwardRef(function Field
     props: [{
       id
     }, elementProps],
-    stateAttributesMapping: useLabel.fieldValidityMapping
+    stateAttributesMapping: useLabelableId.fieldValidityMapping
   });
   return element;
 });

package/dist/InputNumberExperimental-es.js

@@ -6,10 +6,11 @@ import { A as ActivityIndicator } from './ActivityIndicator-es.js';
 import { B as Button } from './Button-es.js';
 import { I as Icon } from './Icon-es.js';
 import { f as formatErrorMessage, a as useRefWithInit, m as mergeProps, E as EMPTY_OBJECT, u as useRenderElement } from './useRenderElement-es.js';
-import { b as useBaseUiId, e as useStableCallback, f as useTimeout, S as SafeReact, g as error, t as transitionStatusMapping, h as useTransitionStatus, j as useIsoLayoutEffect, d as useOpenChangeComplete } from './useButton-es.js';
-import { u as useLabelableContext, L as LabelableContext, a as useFormContext, D as DEFAULT_VALIDITY_STATE, g as getCombinedFieldValidityData, f as fieldValidityMapping, F as FieldRootContext, b as useFieldRootContext, c as useLabel } from './useLabel-es.js';
+import { u as useBaseUiId, b as useStableCallback, h as useTimeout, S as SafeReact, j as error, t as transitionStatusMapping, k as useTransitionStatus, a as useIsoLayoutEffect, f as useOpenChangeComplete } from './useButton-es.js';
+import { u as useLabelableContext, L as LabelableContext, a as useFormContext, D as DEFAULT_VALIDITY_STATE, g as getCombinedFieldValidityData, f as fieldValidityMapping, F as FieldRootContext, b as useFieldRootContext } from './useLabelableId-es.js';
 import { jsx } from 'react/jsx-runtime';
 import { N as NumberFieldRoot, a as NumberFieldGroup, b as NumberFieldInput, c as NumberFieldIncrement, d as NumberFieldDecrement } from './NumberFieldInput-es.js';
+import { u as useLabel } from './useLabel-es.js';
 
 const FieldsetRootContext = /*#__PURE__*/React.createContext({
   legendId: undefined,

package/dist/InternalBackdrop-es.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import React__default from 'react';
 import { f as floor, t as tabbable, i as isTabbable, a as focusable } from './index.esm-es.js';
-import { f as getComputedStyle, i as isShadowRoot, g as getNodeName, c as isNode, a as isHTMLElement, k as getWindow, j as isWebKit$1, b as isElement, d as isLastTraversableNode, e as getParentNode, o as isOverflowElement } from './floating-ui.utils.dom-es.js';
+import { f as getComputedStyle, i as isShadowRoot, g as getNodeName, c as isNode, a as isHTMLElement, o as getWindow, j as isWebKit$1, b as isElement, d as isLastTraversableNode, e as getParentNode, m as isOverflowElement } from './floating-ui.utils.dom-es.js';
 import { f as formatErrorMessage, a as useRefWithInit, i as isReactVersionAtLeast, N as NOOP, u as useRenderElement, E as EMPTY_OBJECT, b as useMergedRefs } from './useRenderElement-es.js';
-import { j as useIsoLayoutEffect, e as useStableCallback, C as ARROW_UP, A as ARROW_DOWN, s as stopEvent, w as ARROW_LEFT, x as ARROW_RIGHT, o as ownerDocument, r as contains, q as activeElement, _ as isSafari, I as visuallyHidden, c as createChangeEventDetails, y as focusOut, l as useId, p as isTypeableCombobox, n as useValueAsRef, f as useTimeout, ab as useAnimationFrame, m as getFloatingFocusElement, ai as resolveRef, a2 as triggerHover, a4 as outsidePress, z as isVirtualClick, B as isVirtualPointerEvent, af as isWebKit, V as isTypeableElement, k as getTarget, U as isMouseLikePointerType, aj as isClickLikeEvent, $ as triggerPress, ak as isReactEvent, a0 as escapeKey, T as Timeout, al as isEventTargetWithin, am as isRootElement, an as FOCUSABLE_ATTRIBUTE, ao as ACTIVE_KEY, ap as SELECTED_KEY, F as isIOS, Q as useValueChanged, ac as TransitionStatusDataAttributes, aq as AnimationFrame } from './useButton-es.js';
+import { a as useIsoLayoutEffect, b as useStableCallback, C as ARROW_UP, A as ARROW_DOWN, s as stopEvent, w as ARROW_LEFT, x as ARROW_RIGHT, o as ownerDocument, r as contains, q as activeElement, a6 as isSafari, I as visuallyHidden, d as createChangeEventDetails, y as focusOut, l as useId, p as isTypeableCombobox, n as useValueAsRef, h as useTimeout, W as useAnimationFrame, m as getFloatingFocusElement, ai as resolveRef, aa as triggerHover, U as outsidePress, z as isVirtualClick, B as isVirtualPointerEvent, X as isWebKit, a1 as isTypeableElement, g as getTarget, a0 as isMouseLikePointerType, aj as isClickLikeEvent, a7 as triggerPress, ak as isReactEvent, a8 as escapeKey, T as Timeout, al as isEventTargetWithin, am as isRootElement, an as FOCUSABLE_ATTRIBUTE, ao as ACTIVE_KEY, ap as SELECTED_KEY, F as isIOS, Q as useValueChanged, aq as TransitionStatusDataAttributes, ar as AnimationFrame } from './useButton-es.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 
@@ -4201,4 +4201,4 @@ const InternalBackdrop = /*#__PURE__*/React.forwardRef(function InternalBackdrop
 });
 if (process.env.NODE_ENV !== "production") InternalBackdrop.displayName = "InternalBackdrop";
 
-export { useStore as $, useOnFirstRender as A, useFloatingNodeId as B, CommonPopupDataAttributes as C, DISABLED_TRANSITIONS_STYLE as D, useOpenInteractionType as E, FloatingFocusManager as F, useScrollLock as G, useDismiss as H, InternalBackdrop as I, useInteractions as J, FloatingTree as K, fastComponentRef as L, useClick as M, getTabbableBeforeElement as N, isOutsideEvent as O, PopupTriggerMap as P, getTabbableAfterElement as Q, ReactStore as R, getNextTabbable as S, TYPEAHEAD_RESET_MS as T, pressableTriggerOpenStateMapping as U, FocusGuard as V, PATIENT_CLICK_THRESHOLD as W, triggerOpenStateMapping as X, BASE_UI_SWIPE_IGNORE_SELECTOR as Y, CLICK_TRIGGER_IDENTIFIER as Z, Store as _, FloatingRootStore as a, useFloatingTree as b, getMaxListIndex as c, createGridCellMap as d, isListIndexDisabled as e, getGridNavigatedIndex as f, getMinListIndex as g, getGridCellIndices as h, isIndexOutOfListBounds as i, getGridCellIndexOfCorner as j, findNonDisabledListIndex as k, enqueueFocus as l, isElementVisible as m, useDirection as n, createAttribute as o, popupStateMapping as p, getNodeChildren as q, FloatingPortal as r, POPUP_COLLISION_AVOIDANCE as s, inertValue as t, useFloatingParentNodeId as u, FloatingNode as v, DROPDOWN_COLLISION_AVOIDANCE as w, createSelector as x, FloatingTreeStore as y, fastComponent as z };
+export { BASE_UI_SWIPE_IGNORE_SELECTOR as $, inertValue as A, DROPDOWN_COLLISION_AVOIDANCE as B, CommonPopupDataAttributes as C, DISABLED_TRANSITIONS_STYLE as D, CLICK_TRIGGER_IDENTIFIER as E, FloatingFocusManager as F, triggerOpenStateMapping as G, createAttribute as H, InternalBackdrop as I, getNodeChildren as J, POPUP_COLLISION_AVOIDANCE as K, FloatingNode as L, FloatingTreeStore as M, fastComponent as N, useFloatingNodeId as O, PopupTriggerMap as P, FloatingTree as Q, ReactStore as R, Store as S, TYPEAHEAD_RESET_MS as T, fastComponentRef as U, getTabbableBeforeElement as V, isOutsideEvent as W, getTabbableAfterElement as X, getNextTabbable as Y, FocusGuard as Z, PATIENT_CLICK_THRESHOLD as _, FloatingRootStore as a, useFloatingTree as b, getMaxListIndex as c, createGridCellMap as d, isListIndexDisabled as e, getGridNavigatedIndex as f, getMinListIndex as g, getGridCellIndices as h, isIndexOutOfListBounds as i, getGridCellIndexOfCorner as j, findNonDisabledListIndex as k, enqueueFocus as l, isElementVisible as m, useDirection as n, createSelector as o, popupStateMapping as p, useOpenInteractionType as q, useStore as r, useClick as s, useDismiss as t, useFloatingParentNodeId as u, useInteractions as v, useOnFirstRender as w, pressableTriggerOpenStateMapping as x, FloatingPortal as y, useScrollLock as z };

package/dist/Menu/index.cjs

@@ -25,12 +25,14 @@ require('../BottomSheet-cjs.js');
 require('../ScrollAreaViewport-cjs.js');
 require('../InternalBackdrop-cjs.js');
 require('../useButton-cjs.js');
+require('../CSPContext-cjs.js');
 require('../clamp-cjs.js');
 require('../OverlaySeparator-cjs.js');
 require('../Separator-cjs.js');
 require('../DrawerTitle-cjs.js');
 require('../MenuSubmenuTrigger-cjs.js');
 require('../useCompositeListItem-cjs.js');
+require('../ToolbarRootContext-cjs.js');
 
 
 

package/dist/Menu/index.mjs

@@ -23,9 +23,11 @@ import '../BottomSheet-es.js';
 import '../ScrollAreaViewport-es.js';
 import '../InternalBackdrop-es.js';
 import '../useButton-es.js';
+import '../CSPContext-es.js';
 import '../clamp-es.js';
 import '../OverlaySeparator-es.js';
 import '../Separator-es.js';
 import '../DrawerTitle-es.js';
 import '../MenuSubmenuTrigger-es.js';
 import '../useCompositeListItem-es.js';
+import '../ToolbarRootContext-es.js';

package/dist/Menu-cjs.js

@@ -14,8 +14,8 @@ var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
 var buttonRenderAdapter = require('./buttonRenderAdapter-cjs.js');
 var BottomSheet = require('./BottomSheet-cjs.js');
-var OverlaySeparator = require('./OverlaySeparator-cjs.js');
 var ScrollAreaViewport = require('./ScrollAreaViewport-cjs.js');
+var OverlaySeparator = require('./OverlaySeparator-cjs.js');
 var DrawerTitle = require('./DrawerTitle-cjs.js');
 var MenuSubmenuTrigger$1 = require('./MenuSubmenuTrigger-cjs.js');
 

package/dist/Menu-es.js

@@ -12,8 +12,8 @@ import { o as offset, f as flip, d as size, b as autoUpdate } from './floating-u
 import { m as mergeProps } from './useRenderElement-es.js';
 import { n as normalizeBaseUiButtonProps, i as isAtlantisButtonRenderTarget, s as stripNativeTypeFromButtonRenderTarget, r as renderAtlantisButtonTarget } from './buttonRenderAdapter-es.js';
 import { a as BottomSheet } from './BottomSheet-es.js';
-import { O as OverlaySeparator } from './OverlaySeparator-es.js';
 import { D as DrawerTrigger } from './ScrollAreaViewport-es.js';
+import { O as OverlaySeparator } from './OverlaySeparator-es.js';
 import { D as DrawerTitle, a as DrawerClose } from './DrawerTitle-es.js';
 import { M as MenuTrigger$1, a as MenuLinkItem, b as MenuItem$1, c as MenuRadioItem$1, d as MenuRadioItemIndicator, e as MenuSubmenuTrigger$1, f as MenuRoot, g as MenuPortal$1, h as MenuBackdrop, i as MenuPositioner, j as MenuPopup, k as MenuRadioGroup$1, l as MenuGroup$1, m as MenuSubmenuRoot, n as MenuGroupLabel$1 } from './MenuSubmenuTrigger-es.js';
 

package/dist/MenuSubmenuTrigger-cjs.js

@@ -6,8 +6,10 @@ var InternalBackdrop = require('./InternalBackdrop-cjs.js');
 var useButton = require('./useButton-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 var useCompositeListItem = require('./useCompositeListItem-cjs.js');
-var ScrollAreaViewport = require('./ScrollAreaViewport-cjs.js');
+var ToolbarRootContext = require('./ToolbarRootContext-cjs.js');
+var CSPContext = require('./CSPContext-cjs.js');
 var floatingUi_utils_dom = require('./floating-ui.utils.dom-cjs.js');
+var ScrollAreaViewport = require('./ScrollAreaViewport-cjs.js');
 var ReactDOM = require('react-dom');
 
 function _interopNamespaceDefault(e) {
@@ -1350,16 +1352,6 @@ const MenuLinkItem = /*#__PURE__*/React__namespace.forwardRef(function MenuLinkI
 });
 if (process.env.NODE_ENV !== "production") MenuLinkItem.displayName = "MenuLinkItem";
 
-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;
-}
-
 const stateAttributesMapping = {
   ...InternalBackdrop.popupStateMapping,
   ...useButton.transitionStatusMapping
@@ -1385,7 +1377,7 @@ const MenuPopup = /*#__PURE__*/React__namespace.forwardRef(function MenuPopup(co
     side,
     align
   } = useMenuPositionerContext();
-  const insideToolbar = useToolbarRootContext(true) != null;
+  const insideToolbar = ToolbarRootContext.useToolbarRootContext(true) != null;
   const open = store.useState('open');
   const transitionStatus = store.useState('transitionStatus');
   const popupProps = store.useState('popupProps');
@@ -1441,7 +1433,7 @@ const MenuPopup = /*#__PURE__*/React__namespace.forwardRef(function MenuPopup(co
     stateAttributesMapping,
     props: [popupProps, {
       onKeyDown(event) {
-        if (insideToolbar && ScrollAreaViewport.COMPOSITE_KEYS.has(event.key)) {
+        if (insideToolbar && CSPContext.COMPOSITE_KEYS.has(event.key)) {
           event.stopPropagation();
         }
       }