@base-ui/react 1.4.0 → 1.4.1

package/esm/combobox/input-group/ComboboxInputGroupDataAttributes.js

@@ -21,11 +21,11 @@ export let ComboboxInputGroupDataAttributes = /*#__PURE__*/function (ComboboxInp
    */
   ComboboxInputGroupDataAttributes["popupSide"] = "data-popup-side";
   /**
-   * Present when the component is in valid state (when wrapped in Field.Root).
+   * Present when the component is in a valid state (when wrapped in Field.Root).
    */
   ComboboxInputGroupDataAttributes["valid"] = "data-valid";
   /**
-   * Present when the component is in invalid state (when wrapped in Field.Root).
+   * Present when the component is in an invalid state (when wrapped in Field.Root).
    */
   ComboboxInputGroupDataAttributes["invalid"] = "data-invalid";
   /**

package/esm/combobox/item/ComboboxItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIComponentProps, NonNativeButtonProps } from "../../utils/types.js";
+import type { BaseUIComponentProps, NonNativeButtonProps } from "../../internals/types.js";
 /**
  * An individual item in the list.
  * Renders a `<div>` element.

package/esm/combobox/item/ComboboxItem.js

@@ -5,13 +5,13 @@ import * as ReactDOM from 'react-dom';
 import { useStore } from '@base-ui/utils/store';
 import { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';
 import { useComboboxRootContext, useComboboxDerivedItemsContext } from "../root/ComboboxRootContext.js";
-import { useCompositeListItem, IndexGuessBehavior } from "../../composite/list/useCompositeListItem.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useCompositeListItem, IndexGuessBehavior } from "../../internals/composite/list/useCompositeListItem.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { ComboboxItemContext } from "./ComboboxItemContext.js";
 import { selectors } from "../store.js";
-import { useButton } from "../../use-button/index.js";
+import { useButton } from "../../internals/use-button/index.js";
 import { useComboboxRowContext } from "../row/ComboboxRowContext.js";
-import { compareItemEquality, findItemIndex } from "../../utils/itemEquality.js";
+import { compareItemEquality, findItemIndex } from "../../internals/itemEquality.js";
 
 /**
  * An individual item in the list.

package/esm/combobox/item-indicator/ComboboxItemIndicator.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
-import { type TransitionStatus } from "../../utils/useTransitionStatus.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
+import { type TransitionStatus } from "../../internals/useTransitionStatus.js";
 /**
  * Indicates whether the item is selected.
  * Renders a `<span>` element.

package/esm/combobox/item-indicator/ComboboxItemIndicator.js

@@ -2,10 +2,10 @@
 
 import * as React from 'react';
 import { useComboboxItemContext } from "../item/ComboboxItemContext.js";
-import { useTransitionStatus } from "../../utils/useTransitionStatus.js";
-import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
-import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+import { useTransitionStatus } from "../../internals/useTransitionStatus.js";
+import { useOpenChangeComplete } from "../../internals/useOpenChangeComplete.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { transitionStatusMapping } from "../../internals/stateAttributesMapping.js";
 
 /**
  * Indicates whether the item is selected.

package/esm/combobox/item-indicator/ComboboxItemIndicatorDataAttributes.js

@@ -1,4 +1,4 @@
-import { TransitionStatusDataAttributes } from "../../utils/stateAttributesMapping.js";
+import { TransitionStatusDataAttributes } from "../../internals/stateAttributesMapping.js";
 export let ComboboxItemIndicatorDataAttributes = function (ComboboxItemIndicatorDataAttributes) {
   /**
    * Present when the indicator is animating in.

package/esm/combobox/label/ComboboxLabel.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
 import type { FieldRoot } from "../../field/root/FieldRoot.js";
 /**
  * An accessible label that is automatically associated with the combobox trigger.

package/esm/combobox/label/ComboboxLabel.js

@@ -4,10 +4,10 @@ import * as React from 'react';
 import { error } from '@base-ui/utils/error';
 import { SafeReact } from '@base-ui/utils/safeReact';
 import { useStore } from '@base-ui/utils/store';
-import { useRenderElement } from "../../utils/useRenderElement.js";
-import { useFieldRootContext } from "../../field/root/FieldRootContext.js";
-import { fieldValidityMapping } from "../../field/utils/constants.js";
-import { useLabel } from "../../labelable-provider/useLabel.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { useFieldRootContext } from "../../internals/field-root-context/FieldRootContext.js";
+import { fieldValidityMapping } from "../../internals/field-constants/constants.js";
+import { useLabel } from "../../internals/labelable-provider/useLabel.js";
 import { getDefaultLabelId } from "../../utils/resolveAriaLabelledBy.js";
 import { useComboboxRootContext } from "../root/ComboboxRootContext.js";
 import { selectors } from "../store.js";

package/esm/combobox/list/ComboboxList.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * A list container for the items.
  * Renders a `<div>` element.

package/esm/combobox/list/ComboboxList.js

@@ -3,12 +3,12 @@
 import * as React from 'react';
 import { useStore } from '@base-ui/utils/store';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { useComboboxDerivedItemsContext, useComboboxFloatingContext, useComboboxRootContext } from "../root/ComboboxRootContext.js";
 import { useComboboxPositionerContext } from "../positioner/ComboboxPositionerContext.js";
 import { selectors } from "../store.js";
 import { ComboboxCollection } from "../collection/ComboboxCollection.js";
-import { CompositeList } from "../../composite/list/CompositeList.js";
+import { CompositeList } from "../../internals/composite/list/CompositeList.js";
 import { stopEvent } from "../../floating-ui-react/utils.js";
 
 /**

package/esm/combobox/popup/ComboboxPopup.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { InteractionType } from '@base-ui/utils/useEnhancedClickHandler';
-import { BaseUIComponentProps } from "../../utils/types.js";
+import { BaseUIComponentProps } from "../../internals/types.js";
 import type { Side, Align } from "../../utils/useAnchorPositioning.js";
-import type { TransitionStatus } from "../../utils/useTransitionStatus.js";
+import type { TransitionStatus } from "../../internals/useTransitionStatus.js";
 /**
  * A container for the list.
  * Renders a `<div>` element.

package/esm/combobox/popup/ComboboxPopup.js

@@ -3,13 +3,13 @@
 import * as React from 'react';
 import { useStore } from '@base-ui/utils/store';
 import { FloatingFocusManager } from "../../floating-ui-react/index.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { useComboboxFloatingContext, useComboboxRootContext, useComboboxDerivedItemsContext } from "../root/ComboboxRootContext.js";
 import { selectors } from "../store.js";
 import { popupStateMapping } from "../../utils/popupStateMapping.js";
 import { useComboboxPositionerContext } from "../positioner/ComboboxPositionerContext.js";
-import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
-import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+import { useOpenChangeComplete } from "../../internals/useOpenChangeComplete.js";
+import { transitionStatusMapping } from "../../internals/stateAttributesMapping.js";
 import { contains, getTarget } from "../../floating-ui-react/utils.js";
 import { getDisabledMountTransitionStyles } from "../../utils/getDisabledMountTransitionStyles.js";
 import { ComboboxInternalDismissButton } from "../utils/ComboboxInternalDismissButton.js";

package/esm/combobox/positioner/ComboboxPositioner.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type Side, type Align, type UseAnchorPositioningSharedParameters } from "../../utils/useAnchorPositioning.js";
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * Positions the popup against the trigger.
  * Renders a `<div>` element.

package/esm/combobox/positioner/ComboboxPositioner.js

@@ -9,7 +9,7 @@ import { useComboboxFloatingContext, useComboboxRootContext, useComboboxDerivedI
 import { ComboboxPositionerContext } from "./ComboboxPositionerContext.js";
 import { useAnchorPositioning } from "../../utils/useAnchorPositioning.js";
 import { useComboboxPortalContext } from "../portal/ComboboxPortalContext.js";
-import { DROPDOWN_COLLISION_AVOIDANCE } from "../../utils/constants.js";
+import { DROPDOWN_COLLISION_AVOIDANCE } from "../../internals/constants.js";
 import { selectors } from "../store.js";
 import { InternalBackdrop } from "../../utils/InternalBackdrop.js";
 import { usePositioner } from "../../utils/usePositioner.js";

package/esm/combobox/root/AriaCombobox.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { type BaseUIChangeEventDetails, type BaseUIGenericEventDetails } from "../../utils/createBaseUIEventDetails.js";
-import { REASONS } from "../../utils/reasons.js";
-import { Group } from "../../utils/resolveValueLabel.js";
+import { type BaseUIChangeEventDetails, type BaseUIGenericEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import { REASONS } from "../../internals/reasons.js";
+import { Group } from "../../internals/resolveValueLabel.js";
 /**
  * @internal
  */

package/esm/combobox/root/AriaCombobox.js

@@ -10,26 +10,26 @@ import { useValueAsRef } from '@base-ui/utils/useValueAsRef';
 import { visuallyHidden, visuallyHiddenInput } from '@base-ui/utils/visuallyHidden';
 import { useRefWithInit } from '@base-ui/utils/useRefWithInit';
 import { Store, useStore } from '@base-ui/utils/store';
+import { EMPTY_ARRAY, EMPTY_OBJECT } from '@base-ui/utils/empty';
 import { useDismiss, useFloatingRootContext, useInteractions, useListNavigation, useClick } from "../../floating-ui-react/index.js";
 import { contains, getTarget } from "../../floating-ui-react/utils.js";
-import { createChangeEventDetails, createGenericEventDetails } from "../../utils/createBaseUIEventDetails.js";
-import { REASONS } from "../../utils/reasons.js";
+import { createChangeEventDetails, createGenericEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import { REASONS } from "../../internals/reasons.js";
 import { ComboboxFloatingContext, ComboboxDerivedItemsContext, ComboboxRootContext, ComboboxInputValueContext } from "./ComboboxRootContext.js";
 import { selectors } from "../store.js";
-import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
-import { useFieldRootContext } from "../../field/root/FieldRootContext.js";
-import { useRegisterFieldControl } from "../../field/root/useRegisterFieldControl.js";
-import { useFormContext } from "../../form/FormContext.js";
-import { useLabelableId } from "../../labelable-provider/useLabelableId.js";
+import { useOpenChangeComplete } from "../../internals/useOpenChangeComplete.js";
+import { useFieldRootContext } from "../../internals/field-root-context/FieldRootContext.js";
+import { useRegisterFieldControl } from "../../internals/field-register-control/useRegisterFieldControl.js";
+import { useFormContext } from "../../internals/form-context/FormContext.js";
+import { useLabelableId } from "../../internals/labelable-provider/useLabelableId.js";
 import { createCollatorItemFilter, createSingleSelectionCollatorFilter } from "./utils/index.js";
 import { useCoreFilter } from "./utils/useFilter.js";
-import { useTransitionStatus } from "../../utils/useTransitionStatus.js";
-import { EMPTY_ARRAY, EMPTY_OBJECT } from "../../utils/constants.js";
+import { useTransitionStatus } from "../../internals/useTransitionStatus.js";
 import { useOpenInteractionType } from "../../utils/useOpenInteractionType.js";
-import { useValueChanged } from "../../utils/useValueChanged.js";
-import { NOOP } from "../../utils/noop.js";
-import { stringifyAsLabel, stringifyAsValue, isGroupedItems } from "../../utils/resolveValueLabel.js";
-import { compareItemEquality, defaultItemEquality, findItemIndex, removeItem, selectedValueIncludes } from "../../utils/itemEquality.js";
+import { useValueChanged } from "../../internals/useValueChanged.js";
+import { NOOP } from "../../internals/noop.js";
+import { stringifyAsLabel, stringifyAsValue, isGroupedItems } from "../../internals/resolveValueLabel.js";
+import { compareItemEquality, defaultItemEquality, findItemIndex, removeItem, selectedValueIncludes } from "../../internals/itemEquality.js";
 import { INITIAL_LAST_HIGHLIGHT, NO_ACTIVE_VALUE } from "./utils/constants.js";
 
 /**

package/esm/combobox/root/utils/index.js

@@ -1,4 +1,4 @@
-import { stringifyAsLabel } from "../../../utils/resolveValueLabel.js";
+import { stringifyAsLabel } from "../../../internals/resolveValueLabel.js";
 /**
  * Enhanced filter using Intl.Collator for more robust string matching.
  * Uses the provided `itemToStringLabel` function if available, otherwise falls back to:

package/esm/combobox/root/utils/useFilter.d.ts

@@ -1,25 +1,5 @@
-export interface UseFilterOptions extends Intl.CollatorOptions {
-  /**
-   * The locale to use for string comparison.
-   * Defaults to the user's runtime locale.
-   */
-  locale?: Intl.LocalesArgument | undefined;
-}
-export interface Filter {
-  /**
-   * Returns whether the item matches the query anywhere.
-   */
-  contains: <Item>(item: Item, query: string, itemToString?: (item: Item) => string) => boolean;
-  /**
-   * Returns whether the item starts with the query.
-   */
-  startsWith: <Item>(item: Item, query: string, itemToString?: (item: Item) => string) => boolean;
-  /**
-   * Returns whether the item ends with the query.
-   */
-  endsWith: <Item>(item: Item, query: string, itemToString?: (item: Item) => string) => boolean;
-}
-declare function getFilter(options?: UseFilterOptions): Filter;
+import { type Filter, type GetFilterParameters as UseFilterOptions, getFilter } from "../../../internals/filter.js";
+export type { Filter, UseFilterOptions };
 /**
  * Matches items against a query using `Intl.Collator` for robust string matching.
  */
@@ -38,5 +18,4 @@ export interface UseComboboxFilterOptions extends UseFilterOptions {
 /**
  * Matches items against a query using `Intl.Collator` for robust string matching.
  */
-export declare function useComboboxFilter(options?: UseComboboxFilterOptions): Filter;
-export {};
+export declare function useComboboxFilter(options?: UseComboboxFilterOptions): Filter;

package/esm/combobox/root/utils/useFilter.js

@@ -2,63 +2,7 @@
 
 import * as React from 'react';
 import { createCollatorItemFilter, createSingleSelectionCollatorFilter } from "./index.js";
-import { stringifyAsLabel } from "../../../utils/resolveValueLabel.js";
-const filterCache = new Map();
-function stringifyLocale(locale) {
-  if (Array.isArray(locale)) {
-    return locale.map(value => stringifyLocale(value)).join(',');
-  }
-  if (locale == null) {
-    return '';
-  }
-  return String(locale);
-}
-function getFilter(options = {}) {
-  const mergedOptions = {
-    usage: 'search',
-    sensitivity: 'base',
-    ignorePunctuation: true,
-    ...options
-  };
-  const cacheKey = `${stringifyLocale(options.locale)}|${JSON.stringify(mergedOptions)}`;
-  const cachedFilter = filterCache.get(cacheKey);
-  if (cachedFilter) {
-    return cachedFilter;
-  }
-  const collator = new Intl.Collator(options.locale, mergedOptions);
-  const filter = {
-    contains(item, query, itemToString) {
-      if (!query) {
-        return true;
-      }
-      const itemString = stringifyAsLabel(item, itemToString);
-      for (let i = 0; i <= itemString.length - query.length; i += 1) {
-        if (collator.compare(itemString.slice(i, i + query.length), query) === 0) {
-          return true;
-        }
-      }
-      return false;
-    },
-    startsWith(item, query, itemToString) {
-      if (!query) {
-        return true;
-      }
-      const itemString = stringifyAsLabel(item, itemToString);
-      return collator.compare(itemString.slice(0, query.length), query) === 0;
-    },
-    endsWith(item, query, itemToString) {
-      if (!query) {
-        return true;
-      }
-      const itemString = stringifyAsLabel(item, itemToString);
-      const queryLength = query.length;
-      return itemString.length >= queryLength && collator.compare(itemString.slice(itemString.length - queryLength), query) === 0;
-    }
-  };
-  filterCache.set(cacheKey, filter);
-  return filter;
-}
-
+import { getFilter } from "../../../internals/filter.js";
 /**
  * Matches items against a query using `Intl.Collator` for robust string matching.
  */

package/esm/combobox/row/ComboboxRow.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BaseUIComponentProps } from "../../utils/types.js";
+import { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * Displays a single row of items in a grid list.
  * Enable `grid` on the root component to turn the listbox into a grid.

package/esm/combobox/row/ComboboxRow.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { ComboboxRowContext } from "./ComboboxRowContext.js";
 
 /**

package/esm/combobox/status/ComboboxStatus.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BaseUIComponentProps } from "../../utils/types.js";
+import { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * Displays a status message whose content changes are announced politely to screen readers.
  * Useful for conveying the status of an asynchronously loaded list.

package/esm/combobox/status/ComboboxStatus.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { useInitialLiveRegionTextMutation } from "../utils/useInitialLiveRegionTextMutation.js";
 
 /**

package/esm/combobox/store.d.ts

@@ -1,7 +1,7 @@
 import { Store } from '@base-ui/utils/store';
 import type { InteractionType } from '@base-ui/utils/useEnhancedClickHandler';
-import type { TransitionStatus } from "../utils/useTransitionStatus.js";
-import type { HTMLProps } from "../utils/types.js";
+import type { TransitionStatus } from "../internals/useTransitionStatus.js";
+import type { HTMLProps } from "../internals/types.js";
 import type { Side } from "../utils/useAnchorPositioning.js";
 import type { AriaCombobox } from "./root/AriaCombobox.js";
 export type State = {

package/esm/combobox/store.js

@@ -1,6 +1,6 @@
 import { createSelector } from '@base-ui/utils/store';
-import { compareItemEquality } from "../utils/itemEquality.js";
-import { hasNullItemLabel } from "../utils/resolveValueLabel.js";
+import { compareItemEquality } from "../internals/itemEquality.js";
+import { hasNullItemLabel } from "../internals/resolveValueLabel.js";
 export const selectors = {
   id: createSelector(state => state.id),
   labelId: createSelector(state => state.labelId),

package/esm/combobox/trigger/ComboboxTrigger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BaseUIComponentProps, NativeButtonProps } from "../../utils/types.js";
+import { BaseUIComponentProps, NativeButtonProps } from "../../internals/types.js";
 import type { FieldRootState } from "../../field/root/FieldRoot.js";
 import type { Side } from "../../utils/useAnchorPositioning.js";
 /**

package/esm/combobox/trigger/ComboboxTrigger.js

@@ -5,19 +5,19 @@ import { useStore } from '@base-ui/utils/store';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
 import { useTimeout } from '@base-ui/utils/useTimeout';
 import { ownerDocument } from '@base-ui/utils/owner';
-import { useRenderElement } from "../../utils/useRenderElement.js";
-import { useButton } from "../../use-button/index.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { useButton } from "../../internals/use-button/index.js";
 import { useComboboxFloatingContext, useComboboxDerivedItemsContext, useComboboxInputValueContext, useComboboxRootContext } from "../root/ComboboxRootContext.js";
 import { triggerStateAttributesMapping } from "../utils/stateAttributesMapping.js";
 import { selectors } from "../store.js";
-import { useFieldRootContext } from "../../field/root/FieldRootContext.js";
-import { useLabelableContext } from "../../labelable-provider/LabelableContext.js";
+import { useFieldRootContext } from "../../internals/field-root-context/FieldRootContext.js";
+import { useLabelableContext } from "../../internals/labelable-provider/LabelableContext.js";
 import { stopEvent, contains, getTarget } from "../../floating-ui-react/utils.js";
 import { getPseudoElementBounds } from "../../utils/getPseudoElementBounds.js";
-import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
-import { REASONS } from "../../utils/reasons.js";
+import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import { REASONS } from "../../internals/reasons.js";
 import { useClick, useTypeahead } from "../../floating-ui-react/index.js";
-import { useLabelableId } from "../../labelable-provider/useLabelableId.js";
+import { useLabelableId } from "../../internals/labelable-provider/useLabelableId.js";
 import { resolveAriaLabelledBy } from "../../utils/resolveAriaLabelledBy.js";
 const BOUNDARY_OFFSET = 2;
 

package/esm/combobox/trigger/ComboboxTriggerDataAttributes.d.ts

@@ -25,11 +25,11 @@ export declare enum ComboboxTriggerDataAttributes {
    */
   required = "data-required",
   /**
-   * Present when the component is in valid state (when wrapped in Field.Root).
+   * Present when the component is in a valid state (when wrapped in Field.Root).
    */
   valid = "data-valid",
   /**
-   * Present when the component is in invalid state (when wrapped in Field.Root).
+   * Present when the component is in an invalid state (when wrapped in Field.Root).
    */
   invalid = "data-invalid",
   /**

package/esm/combobox/trigger/ComboboxTriggerDataAttributes.js

@@ -26,11 +26,11 @@ export let ComboboxTriggerDataAttributes = function (ComboboxTriggerDataAttribut
    */
   ComboboxTriggerDataAttributes["required"] = "data-required";
   /**
-   * Present when the component is in valid state (when wrapped in Field.Root).
+   * Present when the component is in a valid state (when wrapped in Field.Root).
    */
   ComboboxTriggerDataAttributes["valid"] = "data-valid";
   /**
-   * Present when the component is in invalid state (when wrapped in Field.Root).
+   * Present when the component is in an invalid state (when wrapped in Field.Root).
    */
   ComboboxTriggerDataAttributes["invalid"] = "data-invalid";
   /**

package/esm/combobox/utils/ComboboxInternalDismissButton.js

@@ -4,9 +4,9 @@ import * as React from 'react';
 import { useMergedRefs } from '@base-ui/utils/useMergedRefs';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
 import { visuallyHiddenInput } from '@base-ui/utils/visuallyHidden';
-import { useButton } from "../../use-button/index.js";
-import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
-import { REASONS } from "../../utils/reasons.js";
+import { useButton } from "../../internals/use-button/index.js";
+import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import { REASONS } from "../../internals/reasons.js";
 import { useComboboxRootContext } from "../root/ComboboxRootContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**

package/esm/combobox/utils/handleInputPress.js

@@ -1,6 +1,6 @@
 import { isElement } from '@floating-ui/utils/dom';
-import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
-import { REASONS } from "../../utils/reasons.js";
+import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import { REASONS } from "../../internals/reasons.js";
 import { getTarget, isInteractiveElement } from "../../floating-ui-react/utils/element.js";
 export function handleInputPress(event, store, disabled, readOnly, shouldIgnoreTarget) {
   if (event.baseUIHandlerPrevented || readOnly) {

package/esm/combobox/utils/stateAttributesMapping.js

@@ -1,5 +1,5 @@
 import { pressableTriggerOpenStateMapping } from "../../utils/popupStateMapping.js";
-import { fieldValidityMapping } from "../../field/utils/constants.js";
+import { fieldValidityMapping } from "../../internals/field-constants/constants.js";
 export const triggerStateAttributesMapping = {
   ...pressableTriggerOpenStateMapping,
   ...fieldValidityMapping,

package/esm/combobox/value/ComboboxValue.js

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import { useStore } from '@base-ui/utils/store';
 import { useComboboxRootContext } from "../root/ComboboxRootContext.js";
-import { resolveMultipleLabels, resolveSelectedLabel } from "../../utils/resolveValueLabel.js";
+import { resolveMultipleLabels, resolveSelectedLabel } from "../../internals/resolveValueLabel.js";
 import { selectors } from "../store.js";
 
 /**

package/esm/context-menu/trigger/ContextMenuTrigger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * An area that opens the menu on right click or long press.
  * Renders a `<div>` element.

package/esm/context-menu/trigger/ContextMenuTrigger.js

@@ -7,10 +7,10 @@ import { useTimeout } from '@base-ui/utils/useTimeout';
 import { contains, getTarget, stopEvent } from "../../floating-ui-react/utils.js";
 import { useContextMenuRootContext } from "../root/ContextMenuRootContext.js";
 import { useMenuRootContext } from "../../menu/root/MenuRootContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
-import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
 import { pressableTriggerOpenStateMapping } from "../../utils/popupStateMapping.js";
-import { REASONS } from "../../utils/reasons.js";
+import { REASONS } from "../../internals/reasons.js";
 import { findRootOwnerId } from "../../menu/utils/findRootOwnerId.js";
 const LONG_PRESS_DELAY = 500;
 

package/esm/dialog/backdrop/DialogBackdrop.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type TransitionStatus } from "../../utils/useTransitionStatus.js";
-import { type BaseUIComponentProps } from "../../utils/types.js";
+import { type TransitionStatus } from "../../internals/useTransitionStatus.js";
+import { type BaseUIComponentProps } from "../../internals/types.js";
 /**
  * An overlay displayed beneath the popup.
  * Renders a `<div>` element.

package/esm/dialog/backdrop/DialogBackdrop.js

@@ -2,9 +2,9 @@
 
 import * as React from 'react';
 import { useDialogRootContext } from "../root/DialogRootContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { popupStateMapping as baseMapping } from "../../utils/popupStateMapping.js";
-import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+import { transitionStatusMapping } from "../../internals/stateAttributesMapping.js";
 const stateAttributesMapping = {
   ...baseMapping,
   ...transitionStatusMapping

package/esm/dialog/close/DialogClose.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIComponentProps, NativeButtonProps } from "../../utils/types.js";
+import type { BaseUIComponentProps, NativeButtonProps } from "../../internals/types.js";
 /**
  * A button that closes the dialog.
  * Renders a `<button>` element.

package/esm/dialog/close/DialogClose.js

@@ -2,10 +2,10 @@
 
 import * as React from 'react';
 import { useDialogRootContext } from "../root/DialogRootContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
-import { useButton } from "../../use-button/index.js";
-import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
-import { REASONS } from "../../utils/reasons.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { useButton } from "../../internals/use-button/index.js";
+import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import { REASONS } from "../../internals/reasons.js";
 
 /**
  * A button that closes the dialog.

package/esm/dialog/description/DialogDescription.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * A paragraph with additional information about the dialog.
  * Renders a `<p>` element.

package/esm/dialog/description/DialogDescription.js

@@ -2,8 +2,8 @@
 
 import * as React from 'react';
 import { useDialogRootContext } from "../root/DialogRootContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
-import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { useBaseUiId } from "../../internals/useBaseUiId.js";
 /**
  * A paragraph with additional information about the dialog.
  * Renders a `<p>` element.

package/esm/dialog/popup/DialogPopup.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { InteractionType } from '@base-ui/utils/useEnhancedClickHandler';
-import { type BaseUIComponentProps } from "../../utils/types.js";
-import { type TransitionStatus } from "../../utils/useTransitionStatus.js";
+import { type BaseUIComponentProps } from "../../internals/types.js";
+import { type TransitionStatus } from "../../internals/useTransitionStatus.js";
 /**
  * A container for the dialog contents.
  * Renders a `<div>` element.