@base-ui/react 1.4.0 → 1.4.1

package/esm/{field/root → internals/field-root-context}/FieldRootContext.js

@@ -2,9 +2,9 @@
 
 import _formatErrorMessage from "@base-ui/utils/formatErrorMessage";
 import * as React from 'react';
-import { NOOP } from "../../utils/noop.js";
-import { DEFAULT_FIELD_ROOT_STATE, DEFAULT_FIELD_STATE_ATTRIBUTES, DEFAULT_VALIDITY_STATE } from "../utils/constants.js";
-import { EMPTY_OBJECT } from "../../utils/constants.js";
+import { EMPTY_OBJECT } from '@base-ui/utils/empty';
+import { NOOP } from "../noop.js";
+import { DEFAULT_FIELD_ROOT_STATE, DEFAULT_FIELD_STATE_ATTRIBUTES, DEFAULT_VALIDITY_STATE } from "../field-constants/constants.js";
 export const FieldRootContext = /*#__PURE__*/React.createContext({
   invalid: undefined,
   name: undefined,

package/esm/internals/field-root-context/index.d.ts

@@ -0,0 +1,2 @@
+export { FieldRootContext, useFieldRootContext } from "./FieldRootContext.js";
+export type { FieldRootContext as FieldRootContextType } from "./FieldRootContext.js";

package/esm/internals/field-root-context/index.js

@@ -0,0 +1 @@
+export { FieldRootContext, useFieldRootContext } from "./FieldRootContext.js";

package/esm/internals/filter.d.ts

@@ -0,0 +1,16 @@
+export declare function getFilter(options?: GetFilterParameters): Filter;
+export interface GetFilterParameters 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;
+}

package/esm/internals/filter.js

@@ -0,0 +1,56 @@
+import { stringifyAsLabel } from "./resolveValueLabel.js";
+const filterCache = new Map();
+export 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;
+}
+function stringifyLocale(locale) {
+  if (Array.isArray(locale)) {
+    return locale.map(value => stringifyLocale(value)).join(',');
+  }
+  if (locale == null) {
+    return '';
+  }
+  return String(locale);
+}

package/esm/{form → internals/form-context}/FormContext.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { FieldValidityData } from "../field/root/FieldRoot.js";
-import type { Form } from "./Form.js";
+import type { FieldValidityData } from "../../field/root/FieldRoot.js";
+import type { Form } from "../../form/Form.js";
 export type Errors = Record<string, string | string[]>;
 export interface FormContext {
   errors: Errors;

package/esm/{form → internals/form-context}/FormContext.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { NOOP } from "../utils/noop.js";
+import { NOOP } from "../noop.js";
 export const FormContext = /*#__PURE__*/React.createContext({
   formRef: {
     current: {

package/esm/internals/form-context/index.d.ts

@@ -0,0 +1,2 @@
+export { FormContext, useFormContext } from "./FormContext.js";
+export type { Errors } from "./FormContext.js";

package/esm/internals/form-context/index.js

@@ -0,0 +1 @@
+export { FormContext, useFormContext } from "./FormContext.js";

package/esm/{labelable-provider → internals/labelable-provider}/LabelableContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HTMLProps } from "../utils/types.js";
+import { HTMLProps } from "../types.js";
 export interface LabelableContext {
   /**
    * The `id` of the labelable element.

package/esm/{labelable-provider → internals/labelable-provider}/LabelableContext.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { NOOP } from "../utils/noop.js";
+import { NOOP } from "../noop.js";
 /**
  * A context for providing [labelable elements](https://html.spec.whatwg.org/multipage/forms.html#category-label)\
  * with an accessible name (label) and description.

package/esm/{labelable-provider → internals/labelable-provider}/LabelableProvider.js

@@ -3,8 +3,8 @@
 import * as React from 'react';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
 import { useRefWithInit } from '@base-ui/utils/useRefWithInit';
-import { mergeProps } from "../merge-props/index.js";
-import { useBaseUiId } from "../utils/useBaseUiId.js";
+import { mergeProps } from "../../merge-props/index.js";
+import { useBaseUiId } from "../useBaseUiId.js";
 import { LabelableContext, useLabelableContext } from "./LabelableContext.js";
 
 /**

package/esm/internals/labelable-provider/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./LabelableProvider.js";
+export { useAriaLabelledBy } from "./useAriaLabelledBy.js";
+export { useLabelableContext } from "./LabelableContext.js";
+export { useLabelableId } from "./useLabelableId.js";
+export { useLabel } from "./useLabel.js";
+export type { UseLabelParameters, UseLabelReturnValue } from "./useLabel.js";

package/esm/internals/labelable-provider/index.js

@@ -0,0 +1,5 @@
+export * from "./LabelableProvider.js";
+export { useAriaLabelledBy } from "./useAriaLabelledBy.js";
+export { useLabelableContext } from "./LabelableContext.js";
+export { useLabelableId } from "./useLabelableId.js";
+export { useLabel } from "./useLabel.js";

package/esm/{labelable-provider → internals/labelable-provider}/useAriaLabelledBy.js

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';
-import { useBaseUiId } from "../utils/useBaseUiId.js";
+import { useBaseUiId } from "../useBaseUiId.js";
 
 /**
  * @internal

package/esm/{labelable-provider → internals/labelable-provider}/useLabel.js

@@ -3,8 +3,8 @@
 import { isHTMLElement } from '@floating-ui/utils/dom';
 import { ownerDocument } from '@base-ui/utils/owner';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
-import { getTarget } from "../floating-ui-react/utils.js";
-import { useRegisteredLabelId } from "../utils/useRegisteredLabelId.js";
+import { getTarget } from "../../floating-ui-react/utils.js";
+import { useRegisteredLabelId } from "../../utils/useRegisteredLabelId.js";
 import { useLabelableContext } from "./LabelableContext.js";
 export function useLabel(params = {}) {
   const {

package/esm/{labelable-provider → internals/labelable-provider}/useLabelableId.js

@@ -5,8 +5,8 @@ import { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
 import { useRefWithInit } from '@base-ui/utils/useRefWithInit';
 import { isElement } from '@floating-ui/utils/dom';
-import { NOOP } from "../utils/noop.js";
-import { useBaseUiId } from "../utils/useBaseUiId.js";
+import { NOOP } from "../noop.js";
+import { useBaseUiId } from "../useBaseUiId.js";
 import { useLabelableContext } from "./LabelableContext.js";
 export function useLabelableId(params = {}) {
   const {

package/esm/{utils → internals}/reason-parts.d.ts

@@ -30,7 +30,4 @@ export declare const siblingOpen: "sibling-open";
 export declare const disabled: "disabled";
 export declare const imperativeAction: "imperative-action";
 export declare const swipe: "swipe";
-export declare const windowResize: "window-resize";
-export declare const dayPress: "day-press";
-export declare const monthChange: "month-change";
-export declare const valuePropChange: "value-prop-change";
+export declare const windowResize: "window-resize";

package/esm/{utils → internals}/reason-parts.js

@@ -30,7 +30,4 @@ export const siblingOpen = 'sibling-open';
 export const disabled = 'disabled';
 export const imperativeAction = 'imperative-action';
 export const swipe = 'swipe';
-export const windowResize = 'window-resize';
-export const dayPress = 'day-press';
-export const monthChange = 'month-change';
-export const valuePropChange = 'value-prop-change';
+export const windowResize = 'window-resize';

package/esm/{types → internals}/temporal/temporal.d.ts

@@ -3,7 +3,7 @@
  *
  * ```
  * // Example taken from the TemporalAdapterDateFns.ts file.
- * declare module '@base-ui/react/types' {
+ * declare module '@base-ui/react/internals/temporal' {
  *   interface TemporalSupportedObjectLookup {
  *     'date-fns': Date;
  *   }

package/esm/{temporal-adapter-date-fns → internals/temporal-adapter-date-fns}/TemporalAdapterDateFns.d.ts

@@ -1,6 +1,6 @@
 import { Locale as DateFnsLocale } from 'date-fns/locale';
-import { TemporalAdapterFormats, DateBuilderReturnType, TemporalTimezone, TemporalAdapter } from "../types/temporal/index.js";
-declare module '@base-ui/react/types/temporal' {
+import { TemporalAdapterFormats, DateBuilderReturnType, TemporalTimezone, TemporalAdapter } from "../temporal/index.js";
+declare module '@base-ui/react/internals/temporal' {
   interface TemporalSupportedObjectLookup {
     'date-fns': Date;
   }

package/esm/{temporal-adapter-date-fns → internals/temporal-adapter-date-fns}/TemporalAdapterDateFns.js

@@ -82,9 +82,6 @@ const FORMATS = {
   localizedDateWithFullMonthAndWeekDay: 'PPPP',
   localizedNumericDate: 'P' // Note: Day and month are padded on enUS unlike Luxon
 };
-
-// TODO Temporal: Replace with `@base-ui/react/types` path when Temporal components will become public.
-
 export class TemporalAdapterDateFns {
   isTimezoneCompatible = true;
   lib = 'date-fns';
@@ -109,13 +106,22 @@ export class TemporalAdapterDateFns {
       return null;
     }
     const date = new Date(value);
+
+    // Date-only strings (e.g. "2026-04-06") are parsed as UTC midnight by the JS spec,
+    // so we must use UTC getters to extract the intended face-value components.
+    // Datetime strings (e.g. "2026-04-06T14:30") are parsed as local time,
+    // so local getters correctly return the face-value components.
+    const isDateOnly = typeof value === 'string' && !value.includes('T');
     if (timezone === 'system' || timezone === 'default') {
+      if (isDateOnly) {
+        return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
+      }
       return date;
     }
 
     // `new TZDate(value, timezone)` returns a date with the same timestamp `new Date(value)` would return,
-    // whereas we want to create that represents the string in the given timezone.
-    return new TZDate(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds(), timezone);
+    // whereas we want to create a date that represents the string in the given timezone.
+    return new TZDate(isDateOnly ? date.getUTCFullYear() : date.getFullYear(), isDateOnly ? date.getUTCMonth() : date.getMonth(), isDateOnly ? date.getUTCDate() : date.getDate(), isDateOnly ? date.getUTCHours() : date.getHours(), isDateOnly ? date.getUTCMinutes() : date.getMinutes(), isDateOnly ? date.getUTCSeconds() : date.getSeconds(), isDateOnly ? date.getUTCMilliseconds() : date.getMilliseconds(), timezone);
   };
   parse = (value, format, timezone) => {
     const date = parse(value, format, new Date(), {
@@ -137,14 +143,12 @@ export class TemporalAdapterDateFns {
   };
   setTimezone = (value, timezone) => {
     const isSystemTimezone = timezone === 'system' || timezone === 'default';
-    if (value instanceof TZDate) {
-      if (isSystemTimezone) {
-        return this.toJsDate(value);
-      }
-      return value.withTimeZone(timezone);
-    }
+    const canChangeTz = typeof value?.withTimeZone === 'function';
     if (isSystemTimezone) {
-      return value;
+      return this.toJsDate(value);
+    }
+    if (canChangeTz) {
+      return value.withTimeZone(timezone);
     }
     return new TZDate(value, timezone);
   };

package/{temporal-adapter-luxon → esm/internals/temporal-adapter-luxon}/TemporalAdapterLuxon.d.ts

@@ -1,5 +1,5 @@
 import { DateTime } from 'luxon';
-import { TemporalAdapterFormats, DateBuilderReturnType, TemporalTimezone, TemporalAdapter } from "../types/index.js";
+import { TemporalAdapterFormats, DateBuilderReturnType, TemporalTimezone, TemporalAdapter } from "../temporal/index.js";
 export declare class TemporalAdapterLuxon implements TemporalAdapter {
   isTimezoneCompatible: boolean;
   lib: string;

package/esm/{temporal-adapter-luxon → internals/temporal-adapter-luxon}/TemporalAdapterLuxon.js

@@ -32,7 +32,7 @@ const FORMATS = {
 };
 
 // Temporarily disabled to avoid docs being built with `| DateTime`
-// declare module '@base-ui/react/types' {
+// declare module '@base-ui/react/internals/temporal' {
 //   interface TemporalSupportedObjectLookup {
 //     luxon: DateTime;
 //   }

package/esm/{use-button → internals/use-button}/useButton.js

@@ -6,9 +6,9 @@ import { useStableCallback } from '@base-ui/utils/useStableCallback';
 import { error } from '@base-ui/utils/error';
 import { SafeReact } from '@base-ui/utils/safeReact';
 import { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';
-import { makeEventPreventable, mergeProps } from "../merge-props/index.js";
+import { makeEventPreventable, mergeProps } from "../../merge-props/index.js";
 import { useCompositeRootContext } from "../composite/root/CompositeRootContext.js";
-import { useFocusableWhenDisabled } from "../utils/useFocusableWhenDisabled.js";
+import { useFocusableWhenDisabled } from "../../utils/useFocusableWhenDisabled.js";
 export function useButton(parameters = {}) {
   const {
     disabled = false,

package/esm/{utils → internals}/useAnimationsFinished.js

@@ -3,7 +3,7 @@
 import * as ReactDOM from 'react-dom';
 import { useAnimationFrame } from '@base-ui/utils/useAnimationFrame';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
-import { resolveRef } from "./resolveRef.js";
+import { resolveRef } from "../utils/resolveRef.js";
 import { TransitionStatusDataAttributes } from "./stateAttributesMapping.js";
 
 /**

package/esm/{utils → internals}/useRenderElement.js

@@ -4,11 +4,11 @@ import { useMergedRefs, useMergedRefsN } from '@base-ui/utils/useMergedRefs';
 import { getReactElementRef } from '@base-ui/utils/getReactElementRef';
 import { mergeObjects } from '@base-ui/utils/mergeObjects';
 import { warn } from '@base-ui/utils/warn';
+import { EMPTY_OBJECT } from '@base-ui/utils/empty';
 import { getStateAttributesProps } from "./getStateAttributesProps.js";
-import { resolveClassName } from "./resolveClassName.js";
-import { resolveStyle } from "./resolveStyle.js";
+import { resolveClassName } from "../utils/resolveClassName.js";
+import { resolveStyle } from "../utils/resolveStyle.js";
 import { mergeProps, mergePropsN, mergeClassNames } from "../merge-props/index.js";
-import { EMPTY_OBJECT } from "./constants.js";
 import { createElement as _createElement } from "react";
 /**
  * Renders a Base UI element.

package/esm/menu/arrow/MenuArrow.d.ts

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

package/esm/menu/arrow/MenuArrow.js

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import { useMenuPositionerContext } from "../positioner/MenuPositionerContext.js";
 import { useMenuRootContext } from "../root/MenuRootContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { popupStateMapping } from "../../utils/popupStateMapping.js";
 
 /**

package/esm/menu/backdrop/MenuBackdrop.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";
 /**
  * An overlay displayed beneath the menu popup.
  * Renders a `<div>` element.

package/esm/menu/backdrop/MenuBackdrop.js

@@ -2,11 +2,11 @@
 
 import * as React from 'react';
 import { useMenuRootContext } from "../root/MenuRootContext.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";
 import { useContextMenuRootContext } from "../../context-menu/root/ContextMenuRootContext.js";
-import { REASONS } from "../../utils/reasons.js";
+import { REASONS } from "../../internals/reasons.js";
 const stateAttributesMapping = {
   ...baseMapping,
   ...transitionStatusMapping

package/esm/menu/checkbox-item/MenuCheckboxItem.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";
 import type { MenuRoot } from "../root/MenuRoot.js";
 /**
  * A menu item that toggles a setting on or off.

package/esm/menu/checkbox-item/MenuCheckboxItem.js

@@ -5,14 +5,14 @@ import { useStableCallback } from '@base-ui/utils/useStableCallback';
 import { useControlled } from '@base-ui/utils/useControlled';
 import { MenuCheckboxItemContext } from "./MenuCheckboxItemContext.js";
 import { REGULAR_ITEM, useMenuItem } from "../item/useMenuItem.js";
-import { useCompositeListItem } from "../../composite/list/useCompositeListItem.js";
+import { useCompositeListItem } from "../../internals/composite/list/useCompositeListItem.js";
 import { useMenuRootContext } from "../root/MenuRootContext.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";
 import { itemMapping } from "../utils/stateAttributesMapping.js";
 import { useMenuPositionerContext } from "../positioner/MenuPositionerContext.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 { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A menu item that toggles a setting on or off.

package/esm/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.d.ts

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

package/esm/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.js

@@ -2,10 +2,10 @@
 
 import * as React from 'react';
 import { useMenuCheckboxItemContext } from "../checkbox-item/MenuCheckboxItemContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { itemMapping } from "../utils/stateAttributesMapping.js";
-import { useTransitionStatus } from "../../utils/useTransitionStatus.js";
-import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
+import { useTransitionStatus } from "../../internals/useTransitionStatus.js";
+import { useOpenChangeComplete } from "../../internals/useOpenChangeComplete.js";
 
 /**
  * Indicates whether the checkbox item is ticked.

package/esm/menu/checkbox-item-indicator/MenuCheckboxItemIndicatorDataAttributes.js

@@ -1,4 +1,4 @@
-import { TransitionStatusDataAttributes } from "../../utils/stateAttributesMapping.js";
+import { TransitionStatusDataAttributes } from "../../internals/stateAttributesMapping.js";
 export let MenuCheckboxItemIndicatorDataAttributes = function (MenuCheckboxItemIndicatorDataAttributes) {
   /**
    * Present when the menu checkbox item is checked.

package/esm/menu/group/MenuGroup.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BaseUIComponentProps } from "../../utils/types.js";
+import { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * Groups related menu items with the corresponding label.
  * Renders a `<div>` element.

package/esm/menu/group/MenuGroup.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 { MenuGroupContext } from "./MenuGroupContext.js";
 
 /**

package/esm/menu/group-label/MenuGroupLabel.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 accessible label that is automatically associated with its parent group.
  * Renders a `<div>` element.

package/esm/menu/group-label/MenuGroupLabel.js

@@ -2,8 +2,8 @@
 
 import * as React from 'react';
 import { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';
-import { useRenderElement } from "../../utils/useRenderElement.js";
-import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { useBaseUiId } from "../../internals/useBaseUiId.js";
 import { useMenuGroupRootContext } from "../group/MenuGroupContext.js";
 
 /**

package/esm/menu/item/MenuItem.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 interactive item in the menu.
  * Renders a `<div>` element.

package/esm/menu/item/MenuItem.js

@@ -3,9 +3,9 @@
 import * as React from 'react';
 import { REGULAR_ITEM, useMenuItem } from "./useMenuItem.js";
 import { useMenuRootContext } from "../root/MenuRootContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
-import { useBaseUiId } from "../../utils/useBaseUiId.js";
-import { useCompositeListItem } from "../../composite/list/useCompositeListItem.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { useBaseUiId } from "../../internals/useBaseUiId.js";
+import { useCompositeListItem } from "../../internals/composite/list/useCompositeListItem.js";
 import { useMenuPositionerContext } from "../positioner/MenuPositionerContext.js";
 
 /**

package/esm/menu/item/useMenuItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HTMLProps } from "../../utils/types.js";
+import { HTMLProps } from "../../internals/types.js";
 import { MenuStore } from "../store/MenuStore.js";
 export declare const REGULAR_ITEM: {
   type: "regular-item";

package/esm/menu/item/useMenuItem.js

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { useMergedRefs } from '@base-ui/utils/useMergedRefs';
-import { useButton } from "../../use-button/index.js";
+import { useButton } from "../../internals/use-button/index.js";
 import { mergeProps } from "../../merge-props/index.js";
 import { useMenuItemCommonProps } from "./useMenuItemCommonProps.js";
 export const REGULAR_ITEM = {

package/esm/menu/item/useMenuItemCommonProps.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HTMLProps } from "../../utils/types.js";
+import { HTMLProps } from "../../internals/types.js";
 import { MenuStore } from "../store/MenuStore.js";
 import type { UseMenuItemMetadata } from "./useMenuItem.js";
 export interface UseMenuItemCommonPropsParameters {

package/esm/menu/item/useMenuItemCommonProps.js

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { isMac } from '@base-ui/utils/detectBrowser';
-import { REASONS } from "../../utils/reasons.js";
+import { REASONS } from "../../internals/reasons.js";
 import { useContextMenuRootContext } from "../../context-menu/root/ContextMenuRootContext.js";
 /**
  * Returns common props shared by all menu item types.

package/esm/menu/link-item/MenuLinkItem.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 link in the menu that can be used to navigate to a different page or section.
  * Renders an `<a>` element.

package/esm/menu/link-item/MenuLinkItem.js

@@ -2,12 +2,12 @@
 
 import * as React from 'react';
 import { useMenuRootContext } from "../root/MenuRootContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
-import { useBaseUiId } from "../../utils/useBaseUiId.js";
-import { useCompositeListItem } from "../../composite/list/useCompositeListItem.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { useBaseUiId } from "../../internals/useBaseUiId.js";
+import { useCompositeListItem } from "../../internals/composite/list/useCompositeListItem.js";
 import { useMenuPositionerContext } from "../positioner/MenuPositionerContext.js";
 import { useMenuItemCommonProps } from "../item/useMenuItemCommonProps.js";
-import { useButton } from "../../use-button/index.js";
+import { useButton } from "../../internals/use-button/index.js";
 import { mergeProps } from "../../merge-props/index.js";
 
 /**

package/esm/menu/popup/MenuPopup.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import type { InteractionType } from '@base-ui/utils/useEnhancedClickHandler';
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import type { 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 menu items.
  * Renders a `<div>` element.