@base-ui/react 1.4.0 → 1.5.0

package/esm/floating-ui-react/utils/element.d.ts

@@ -1,5 +1,5 @@
 import { type PopupTriggerMap } from "../../utils/popups/index.js";
-import { activeElement, contains, getTarget } from "./shadowDom.js";
+import { activeElement, contains, getTarget } from "../../internals/shadowDom.js";
 export { activeElement, contains, getTarget };
 export declare function isTargetInsideEnabledTrigger(target: EventTarget | null, triggerElements: PopupTriggerMap): boolean;
 export declare function isEventTargetWithin(event: Event, node: Node | null | undefined): boolean;

package/esm/floating-ui-react/utils/element.js

@@ -1,7 +1,7 @@
 import { isElement, isHTMLElement } from '@floating-ui/utils/dom';
 import { isJSDOM } from '@base-ui/utils/detectBrowser';
 import { FOCUSABLE_ATTRIBUTE, TYPEABLE_SELECTOR } from "./constants.js";
-import { activeElement, contains, getTarget } from "./shadowDom.js";
+import { activeElement, contains, getTarget } from "../../internals/shadowDom.js";
 export { activeElement, contains, getTarget };
 export function isTargetInsideEnabledTrigger(target, triggerElements) {
   if (!isElement(target)) {

package/esm/floating-ui-react/utils/enqueueFocus.d.ts

@@ -1,9 +1,9 @@
+import { NOOP } from '@base-ui/utils/empty';
 import type { FocusableElement } from "./tabbable.js";
-import { NOOP } from "../../utils/noop.js";
 interface Options {
   preventScroll?: boolean | undefined;
-  cancelPrevious?: boolean | undefined;
   sync?: boolean | undefined;
+  shouldFocus?: (() => boolean) | undefined;
 }
 export declare function enqueueFocus(el: FocusableElement | null, options?: Options): typeof NOOP;
 export {};

package/esm/floating-ui-react/utils/enqueueFocus.js

@@ -1,17 +1,20 @@
-import { NOOP } from "../../utils/noop.js";
+import { NOOP } from '@base-ui/utils/empty';
 let rafId = 0;
 export function enqueueFocus(el, options = {}) {
   const {
     preventScroll = false,
-    cancelPrevious = true,
-    sync = false
+    sync = false,
+    shouldFocus
   } = options;
-  if (cancelPrevious) {
-    cancelAnimationFrame(rafId);
+  cancelAnimationFrame(rafId);
+  function exec() {
+    if (shouldFocus && !shouldFocus()) {
+      return;
+    }
+    el?.focus({
+      preventScroll
+    });
   }
-  const exec = () => el?.focus({
-    preventScroll
-  });
   if (sync) {
     exec();
     return NOOP;

package/esm/floating-ui-react/utils/getEmptyRootContext.js

@@ -7,7 +7,7 @@ export function getEmptyRootContext() {
     floatingElement: null,
     referenceElement: null,
     triggerElements: new PopupTriggerMap(),
-    floatingId: '',
+    floatingId: undefined,
     syncOnly: false,
     nested: false,
     onOpenChange: undefined

package/esm/floating-ui-react/utils/tabbable.js

@@ -1,4 +1,4 @@
-import { getNodeName, isHTMLElement, isShadowRoot } from '@floating-ui/utils/dom';
+import { getComputedStyle, getNodeName, isHTMLElement, isShadowRoot } from '@floating-ui/utils/dom';
 import { ownerDocument } from '@base-ui/utils/owner';
 import { activeElement, contains } from "./element.js";
 import { isElementVisible } from "./composite.js";
@@ -35,16 +35,24 @@ function isFocusableElement(element) {
     return false;
   }
   for (let current = element; current; current = getParentElement(current)) {
+    const isAncestor = current !== element;
     const isSlot = getNodeName(current) === 'slot';
     if (current.hasAttribute('inert')) {
       return false;
     }
-    if (current !== element && getNodeName(current) === 'details' && !current.open && !isWithinOpenDetailsSummary(element, current) || current.hasAttribute('hidden') || !isSlot && !isElementVisible(current)) {
+    if (isAncestor && getNodeName(current) === 'details' && !current.open && !isWithinOpenDetailsSummary(element, current) || current.hasAttribute('hidden') || !isSlot && !isVisibleInTabbableTree(current, isAncestor)) {
       return false;
     }
   }
   return true;
 }
+function isVisibleInTabbableTree(element, isAncestor) {
+  const styles = getComputedStyle(element);
+  if (!isAncestor) {
+    return isElementVisible(element, styles);
+  }
+  return styles.display !== 'none';
+}
 function getTabIndex(element) {
   const tabIndex = element.tabIndex;
   if (tabIndex < 0) {

package/esm/form/Form.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { type BaseUIGenericEventDetails } from "../utils/createBaseUIEventDetails.js";
-import { REASONS } from "../utils/reasons.js";
-import type { BaseUIComponentProps } from "../utils/types.js";
-import { FormContext } from "./FormContext.js";
+import { type BaseUIGenericEventDetails } from "../internals/createBaseUIEventDetails.js";
+import { REASONS } from "../internals/reasons.js";
+import type { BaseUIComponentProps } from "../internals/types.js";
+import { FormContext } from "../internals/form-context/FormContext.js";
 /**
  * A native form element with consolidated error handling.
  * Renders a `<form>` element.

package/esm/form/Form.js

@@ -2,12 +2,12 @@
 
 import * as React from 'react';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
-import { createGenericEventDetails } from "../utils/createBaseUIEventDetails.js";
-import { REASONS } from "../utils/reasons.js";
-import { FormContext } from "./FormContext.js";
-import { useRenderElement } from "../utils/useRenderElement.js";
-import { EMPTY_OBJECT } from "../utils/constants.js";
-import { useValueChanged } from "../utils/useValueChanged.js";
+import { EMPTY_OBJECT } from '@base-ui/utils/empty';
+import { createGenericEventDetails } from "../internals/createBaseUIEventDetails.js";
+import { REASONS } from "../internals/reasons.js";
+import { FormContext } from "../internals/form-context/FormContext.js";
+import { useRenderElement } from "../internals/useRenderElement.js";
+import { useValueChanged } from "../internals/useValueChanged.js";
 
 /**
  * A native form element with consolidated error handling.
@@ -61,11 +61,11 @@ export const Form = /*#__PURE__*/React.forwardRef(function Form(componentProps,
     if (fieldName) {
       const namedField = values.find(field => field.name === fieldName);
       if (namedField) {
-        namedField.validate(false);
+        namedField.validate();
       }
     } else {
       values.forEach(field => {
-        field.validate(false);
+        field.validate();
       });
     }
   }, []);

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @base-ui/react v1.4.0
+ * @base-ui/react v1.5.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -10,8 +10,6 @@ export * from "./alert-dialog/index.js";
 export * from "./autocomplete/index.js";
 export * from "./avatar/index.js";
 export * from "./button/index.js";
-// TODO Temporal: enable before public release
-// export * from './calendar';
 export * from "./checkbox/index.js";
 export * from "./checkbox-group/index.js";
 export * from "./collapsible/index.js";
@@ -43,8 +41,6 @@ export * from "./separator/index.js";
 export * from "./slider/index.js";
 export * from "./switch/index.js";
 export * from "./tabs/index.js";
-// TODO Temporal: enable before public release
-// export * from './localization-provider';
 export * from "./toast/index.js";
 export * from "./toggle/index.js";
 export * from "./toggle-group/index.js";

package/esm/input/Input.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 { Field, type FieldControlState } from "../field/index.js";
 /**
  * A native input element that automatically works with [Field](https://base-ui.com/react/components/field).

package/esm/input/InputDataAttributes.d.ts

@@ -4,11 +4,11 @@ export declare enum InputDataAttributes {
    */
   disabled = "data-disabled",
   /**
-   * Present when the input is in valid state (when wrapped in Field.Root).
+   * Present when the input is in a valid state (when wrapped in Field.Root).
    */
   valid = "data-valid",
   /**
-   * Present when the input is in invalid state (when wrapped in Field.Root).
+   * Present when the input is in an invalid state (when wrapped in Field.Root).
    */
   invalid = "data-invalid",
   /**

package/esm/input/InputDataAttributes.js

@@ -4,11 +4,11 @@ export let InputDataAttributes = /*#__PURE__*/function (InputDataAttributes) {
    */
   InputDataAttributes["disabled"] = "data-disabled";
   /**
-   * Present when the input is in valid state (when wrapped in Field.Root).
+   * Present when the input is in a valid state (when wrapped in Field.Root).
    */
   InputDataAttributes["valid"] = "data-valid";
   /**
-   * Present when the input is in invalid state (when wrapped in Field.Root).
+   * Present when the input is in an invalid state (when wrapped in Field.Root).
    */
   InputDataAttributes["invalid"] = "data-invalid";
   /**

package/esm/internals/RequestQueue.d.ts

@@ -0,0 +1,42 @@
+export type RequestStatus = 'queued' | 'pending' | 'unknown';
+export interface RequestQueueOptions<TKey> {
+  /**
+   * The function to call when a queued key is ready to be fetched.
+   */
+  fetchFn: (key: TKey) => Promise<void>;
+  /**
+   * The maximum number of concurrent requests.
+   * @default Infinity
+   */
+  maxConcurrentRequests?: number | undefined;
+  /**
+   * Serialize a key to a string for use as a map key.
+   * Required for complex key types (e.g., objects).
+   * @default String(key)
+   */
+  getKeyId?: ((key: TKey) => string) | undefined;
+}
+/**
+ * Manages concurrent fetching with a queue system.
+ * Tracks request lifecycle through queued → pending states
+ * and limits concurrency to prevent overwhelming the server.
+ */
+export declare class RequestQueue<TKey> {
+  protected pendingRequests: Map<string, TKey>;
+  protected queuedRequests: Map<string, TKey>;
+  protected fetchFn: (key: TKey) => Promise<void>;
+  protected maxConcurrentRequests: number;
+  protected getKeyId: (key: TKey) => string;
+  constructor(options: RequestQueueOptions<TKey>);
+  /**
+   * Returns the next `count` entries to process from the queue.
+   * Default is FIFO (oldest first). Subclasses can override for different ordering.
+   */
+  protected pickEntries(count: number): [string, TKey][];
+  protected processQueue: () => Promise<void>;
+  queue: (keys: TKey[]) => Promise<void>;
+  setRequestSettled: (key: TKey) => Promise<void>;
+  clear: () => void;
+  clearPendingRequest: (key: TKey) => Promise<void>;
+  getRequestStatus: (key: TKey) => RequestStatus;
+}

package/esm/internals/RequestQueue.js

@@ -0,0 +1,84 @@
+/**
+ * Manages concurrent fetching with a queue system.
+ * Tracks request lifecycle through queued → pending states
+ * and limits concurrency to prevent overwhelming the server.
+ */
+export class RequestQueue {
+  pendingRequests = new Map();
+  queuedRequests = new Map();
+  constructor(options) {
+    this.fetchFn = options.fetchFn;
+    this.maxConcurrentRequests = options.maxConcurrentRequests ?? Infinity;
+    this.getKeyId = options.getKeyId ?? String;
+  }
+
+  /**
+   * Returns the next `count` entries to process from the queue.
+   * Default is FIFO (oldest first). Subclasses can override for different ordering.
+   */
+  pickEntries(count) {
+    const result = [];
+    const iterator = this.queuedRequests.entries();
+    for (let i = 0; i < count; i += 1) {
+      const {
+        value
+      } = iterator.next();
+      result.push(value);
+    }
+    return result;
+  }
+  processQueue = async () => {
+    if (this.queuedRequests.size === 0 || this.pendingRequests.size >= this.maxConcurrentRequests) {
+      return;
+    }
+    const loopLength = Math.min(this.maxConcurrentRequests - this.pendingRequests.size, this.queuedRequests.size);
+    if (loopLength === 0) {
+      return;
+    }
+    const fetchPromises = [];
+    for (const [keyId, key] of this.pickEntries(loopLength)) {
+      this.queuedRequests.delete(keyId);
+      this.pendingRequests.set(keyId, key);
+      fetchPromises.push(this.fetchFn(key).catch(() => {
+        this.pendingRequests.delete(keyId);
+      }));
+    }
+    await Promise.all(fetchPromises);
+    if (this.queuedRequests.size > 0) {
+      await this.processQueue();
+    }
+  };
+  queue = async keys => {
+    for (const key of keys) {
+      const keyId = this.getKeyId(key);
+      if (!this.pendingRequests.has(keyId)) {
+        this.queuedRequests.set(keyId, key);
+      }
+    }
+    await this.processQueue();
+  };
+  setRequestSettled = async key => {
+    const keyId = this.getKeyId(key);
+    this.pendingRequests.delete(keyId);
+    await this.processQueue();
+  };
+  clear = () => {
+    this.queuedRequests.clear();
+    this.pendingRequests.clear();
+  };
+  clearPendingRequest = async key => {
+    const keyId = this.getKeyId(key);
+    this.pendingRequests.delete(keyId);
+    await this.processQueue();
+  };
+  getRequestStatus = key => {
+    const keyId = this.getKeyId(key);
+    if (this.pendingRequests.has(keyId)) {
+      return 'pending';
+    }
+    if (this.queuedRequests.has(keyId)) {
+      return 'queued';
+    }
+    return 'unknown';
+  };
+}

package/esm/internals/TimeoutManager.d.ts

@@ -0,0 +1,9 @@
+/**
+ * A utility class to manage multiple timeouts.
+ */
+export declare class TimeoutManager {
+  private ids;
+  start: (key: string, delay: number, fn: () => void) => void;
+  clear: (key: string) => void;
+  clearAll: () => void;
+}

package/esm/internals/TimeoutManager.js

@@ -0,0 +1,26 @@
+/**
+ * A utility class to manage multiple timeouts.
+ */
+export class TimeoutManager {
+  ids = new Map();
+  start = (key, delay, fn) => {
+    this.clear(key);
+    const id = setTimeout(() => {
+      this.ids.delete(key);
+      fn();
+    }, delay); /* Node.js types are enabled in development */
+
+    this.ids.set(key, id);
+  };
+  clear = key => {
+    const id = this.ids.get(key);
+    if (id != null) {
+      clearTimeout(id);
+      this.ids.delete(key);
+    }
+  };
+  clearAll = () => {
+    this.ids.forEach(clearTimeout);
+    this.ids.clear();
+  };
+}

package/esm/{composite → internals/composite}/composite.d.ts

@@ -1,5 +1,5 @@
-import type { TextDirection } from "../direction-provider/DirectionContext.js";
-export { stopEvent, isIndexOutOfListBounds, isListIndexDisabled, createGridCellMap, findNonDisabledListIndex, getGridCellIndexOfCorner, getGridCellIndices, getGridNavigatedIndex, getMaxListIndex, getMinListIndex } from "../floating-ui-react/utils.js";
+import type { TextDirection } from "../direction-context/DirectionContext.js";
+export { stopEvent, isIndexOutOfListBounds, isListIndexDisabled, createGridCellMap, findNonDisabledListIndex, getGridCellIndexOfCorner, getGridCellIndices, getGridNavigatedIndex, getMaxListIndex, getMinListIndex } from "../../floating-ui-react/utils.js";
 export interface Dimensions {
   width: number;
   height: number;
@@ -17,7 +17,6 @@ export declare const HORIZONTAL_KEYS_WITH_EXTRA_KEYS: Set<string>;
 export declare const VERTICAL_KEYS: Set<string>;
 export declare const VERTICAL_KEYS_WITH_EXTRA_KEYS: Set<string>;
 export declare const ARROW_KEYS: Set<string>;
-export declare const ALL_KEYS: Set<string>;
 export declare const COMPOSITE_KEYS: Set<string>;
 export declare const SHIFT: "Shift";
 export declare const CONTROL: "Control";

package/esm/{composite → internals/composite}/composite.js

@@ -1,5 +1,5 @@
 import { isHTMLElement } from '@floating-ui/utils/dom';
-export { stopEvent, isIndexOutOfListBounds, isListIndexDisabled, createGridCellMap, findNonDisabledListIndex, getGridCellIndexOfCorner, getGridCellIndices, getGridNavigatedIndex, getMaxListIndex, getMinListIndex } from "../floating-ui-react/utils.js";
+export { stopEvent, isIndexOutOfListBounds, isListIndexDisabled, createGridCellMap, findNonDisabledListIndex, getGridCellIndexOfCorner, getGridCellIndices, getGridNavigatedIndex, getMaxListIndex, getMinListIndex } from "../../floating-ui-react/utils.js";
 export const ARROW_UP = 'ArrowUp';
 export const ARROW_DOWN = 'ArrowDown';
 export const ARROW_LEFT = 'ArrowLeft';
@@ -13,8 +13,7 @@ export const HORIZONTAL_KEYS_WITH_EXTRA_KEYS = new Set([ARROW_LEFT, ARROW_RIGHT,
 export const VERTICAL_KEYS = new Set([ARROW_UP, ARROW_DOWN]);
 export const VERTICAL_KEYS_WITH_EXTRA_KEYS = new Set([ARROW_UP, ARROW_DOWN, HOME, END]);
 export const ARROW_KEYS = new Set([...HORIZONTAL_KEYS, ...VERTICAL_KEYS]);
-export const ALL_KEYS = new Set([...ARROW_KEYS, HOME, END]);
-export const COMPOSITE_KEYS = new Set([ARROW_UP, ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, HOME, END]);
+export const COMPOSITE_KEYS = new Set([...ARROW_KEYS, HOME, END]);
 export const SHIFT = 'Shift';
 export const CONTROL = 'Control';
 export const ALT = 'Alt';

package/esm/internals/composite/index.d.ts

@@ -0,0 +1,11 @@
+export { CompositeItem } from "./item/CompositeItem.js";
+export { CompositeList } from "./list/CompositeList.js";
+export type { CompositeMetadata } from "./list/CompositeList.js";
+export { CompositeRoot } from "./root/CompositeRoot.js";
+export { useCompositeListItem } from "./list/useCompositeListItem.js";
+export type { UseCompositeListItemParameters } from "./list/useCompositeListItem.js";
+export { IndexGuessBehavior } from "./list/useCompositeListItem.js";
+export { useCompositeRoot } from "./root/useCompositeRoot.js";
+export type { UseCompositeRootParameters } from "./root/useCompositeRoot.js";
+export { scrollIntoViewIfNeeded } from "./composite.js";
+export { findNonDisabledListIndex, isListIndexDisabled } from "../../floating-ui-react/utils.js";

package/esm/internals/composite/index.js

@@ -0,0 +1,8 @@
+export { CompositeItem } from "./item/CompositeItem.js";
+export { CompositeList } from "./list/CompositeList.js";
+export { CompositeRoot } from "./root/CompositeRoot.js";
+export { useCompositeListItem } from "./list/useCompositeListItem.js";
+export { IndexGuessBehavior } from "./list/useCompositeListItem.js";
+export { useCompositeRoot } from "./root/useCompositeRoot.js";
+export { scrollIntoViewIfNeeded } from "./composite.js";
+export { findNonDisabledListIndex, isListIndexDisabled } from "../../floating-ui-react/utils.js";

package/esm/{composite → internals/composite}/item/CompositeItem.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
-import { StateAttributesMapping } from "../../utils/getStateAttributesProps.js";
+import type { BaseUIComponentProps } from "../../types.js";
+import { StateAttributesMapping } from "../../getStateAttributesProps.js";
 /**
  * @internal
  */

package/esm/{composite → internals/composite}/item/CompositeItem.js

@@ -1,8 +1,8 @@
 'use client';
 
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { EMPTY_OBJECT, EMPTY_ARRAY } from '@base-ui/utils/empty';
+import { useRenderElement } from "../../useRenderElement.js";
 import { useCompositeItem } from "./useCompositeItem.js";
-import { EMPTY_OBJECT, EMPTY_ARRAY } from "../../utils/constants.js";
 /**
  * @internal
  */

package/esm/{composite → internals/composite}/item/useCompositeItem.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type UseCompositeListItemParameters } from "../list/useCompositeListItem.js";
-import { HTMLProps } from "../../utils/types.js";
+import { HTMLProps } from "../../types.js";
 export interface UseCompositeItemParameters<Metadata> extends Pick<UseCompositeListItemParameters<Metadata>, 'metadata' | 'indexGuessBehavior'> {}
 export declare function useCompositeItem<Metadata>(params?: UseCompositeItemParameters<Metadata>): {
   compositeProps: HTMLProps;

package/esm/{composite → internals/composite}/root/CompositeRoot.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { type CompositeMetadata } from "../list/CompositeList.js";
-import type { BaseUIComponentProps, BaseUIEvent } from "../../utils/types.js";
+import type { BaseUIComponentProps, BaseUIEvent } from "../../types.js";
 import type { Dimensions, ModifierKey } from "../composite.js";
-import { StateAttributesMapping } from "../../utils/getStateAttributesProps.js";
+import { StateAttributesMapping } from "../../getStateAttributesProps.js";
 /**
  * @internal
  */

package/esm/{composite → internals/composite}/root/CompositeRoot.js

@@ -1,12 +1,12 @@
 'use client';
 
 import * as React from 'react';
+import { EMPTY_ARRAY, EMPTY_OBJECT } from '@base-ui/utils/empty';
 import { CompositeList } from "../list/CompositeList.js";
 import { useCompositeRoot } from "./useCompositeRoot.js";
 import { CompositeRootContext } from "./CompositeRootContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
-import { useDirection } from "../../direction-provider/DirectionContext.js";
-import { EMPTY_ARRAY, EMPTY_OBJECT } from "../../utils/constants.js";
+import { useRenderElement } from "../../useRenderElement.js";
+import { useDirection } from "../../direction-context/DirectionContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * @internal

package/{composite → esm/internals/composite}/root/useCompositeRoot.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import type { TextDirection } from "../../direction-provider/DirectionContext.js";
+import type { TextDirection } from "../../direction-context/DirectionContext.js";
 import { type Dimensions, type ModifierKey } from "../composite.js";
 import { CompositeMetadata } from "../list/CompositeList.js";
-import { HTMLProps } from "../../utils/types.js";
+import { HTMLProps } from "../../types.js";
 export interface UseCompositeRootParameters {
   orientation?: 'horizontal' | 'vertical' | 'both' | undefined;
   cols?: number | undefined;

package/esm/{composite → internals/composite}/root/useCompositeRoot.js

@@ -4,9 +4,9 @@ import * as React from 'react';
 import { isElementDisabled } from '@base-ui/utils/isElementDisabled';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
 import { useMergedRefs } from '@base-ui/utils/useMergedRefs';
-import { ALL_KEYS, ARROW_DOWN, ARROW_KEYS, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, END, HOME, HORIZONTAL_KEYS, HORIZONTAL_KEYS_WITH_EXTRA_KEYS, MODIFIER_KEYS, VERTICAL_KEYS, VERTICAL_KEYS_WITH_EXTRA_KEYS, createGridCellMap, findNonDisabledListIndex, getGridCellIndexOfCorner, getGridCellIndices, getGridNavigatedIndex, getMaxListIndex, getMinListIndex, isListIndexDisabled, isIndexOutOfListBounds, isNativeInput, scrollIntoViewIfNeeded } from "../composite.js";
+import { COMPOSITE_KEYS, ARROW_DOWN, ARROW_KEYS, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, END, HOME, HORIZONTAL_KEYS, HORIZONTAL_KEYS_WITH_EXTRA_KEYS, MODIFIER_KEYS, VERTICAL_KEYS, VERTICAL_KEYS_WITH_EXTRA_KEYS, createGridCellMap, findNonDisabledListIndex, getGridCellIndexOfCorner, getGridCellIndices, getGridNavigatedIndex, getMaxListIndex, getMinListIndex, isListIndexDisabled, isIndexOutOfListBounds, isNativeInput, scrollIntoViewIfNeeded } from "../composite.js";
 import { ACTIVE_COMPOSITE_ITEM } from "../constants.js";
-import { getTarget } from "../../floating-ui-react/utils.js";
+import { getTarget } from "../../../floating-ui-react/utils.js";
 const EMPTY_ARRAY = [];
 export function useCompositeRoot(params) {
   const {
@@ -71,7 +71,7 @@ export function useCompositeRoot(params) {
       target.setSelectionRange(0, target.value.length ?? 0);
     },
     onKeyDown(event) {
-      const RELEVANT_KEYS = enableHomeAndEndKeys ? ALL_KEYS : ARROW_KEYS;
+      const RELEVANT_KEYS = enableHomeAndEndKeys ? COMPOSITE_KEYS : ARROW_KEYS;
       if (!RELEVANT_KEYS.has(event.key)) {
         return;
       }

package/{utils → esm/internals}/constants.d.ts

@@ -1,3 +1,4 @@
+import type * as React from 'react';
 export declare const TYPEAHEAD_RESET_MS = 500;
 export declare const PATIENT_CLICK_THRESHOLD = 500;
 export declare const DISABLED_TRANSITIONS_STYLE: {
@@ -5,7 +6,6 @@ export declare const DISABLED_TRANSITIONS_STYLE: {
     transition: string;
   };
 };
-export { EMPTY_OBJECT, EMPTY_ARRAY } from '@base-ui/utils/empty';
 export declare const CLICK_TRIGGER_IDENTIFIER = "data-base-ui-click-trigger";
 export declare const BASE_UI_SWIPE_IGNORE_ATTRIBUTE = "data-base-ui-swipe-ignore";
 export declare const LEGACY_SWIPE_IGNORE_ATTRIBUTE = "data-swipe-ignore";

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

@@ -5,7 +5,6 @@ export const DISABLED_TRANSITIONS_STYLE = {
     transition: 'none'
   }
 };
-export { EMPTY_OBJECT, EMPTY_ARRAY } from '@base-ui/utils/empty';
 export const CLICK_TRIGGER_IDENTIFIER = 'data-base-ui-click-trigger';
 export const BASE_UI_SWIPE_IGNORE_ATTRIBUTE = 'data-base-ui-swipe-ignore';
 export const LEGACY_SWIPE_IGNORE_ATTRIBUTE = 'data-swipe-ignore';

package/esm/{utils → internals}/createBaseUIEventDetails.d.ts

@@ -31,6 +31,8 @@ interface ReasonToEventMap {
   [REASONS.cancelOpen]: MouseEvent;
   [REASONS.siblingOpen]: Event;
   [REASONS.disabled]: Event;
+  [REASONS.missing]: Event;
+  [REASONS.initial]: Event;
   [REASONS.imperativeAction]: Event;
   [REASONS.windowResize]: UIEvent;
 }

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

@@ -1,4 +1,4 @@
-import { EMPTY_OBJECT } from "./constants.js";
+import { EMPTY_OBJECT } from '@base-ui/utils/empty';
 import { REASONS } from "./reasons.js";
 
 /**

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

@@ -0,0 +1,2 @@
+export { CSPContext, useCSPContext } from "./CSPContext.js";
+export type { CSPContextValue } from "./CSPContext.js";

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

@@ -0,0 +1 @@
+export { CSPContext, useCSPContext } from "./CSPContext.js";

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

@@ -0,0 +1,2 @@
+export { DirectionContext, useDirection } from "./DirectionContext.js";
+export type { TextDirection, DirectionContext as DirectionContextType } from "./DirectionContext.js";

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

@@ -0,0 +1 @@
+export { DirectionContext, useDirection } from "./DirectionContext.js";

package/esm/{field/utils → internals/field-constants}/constants.d.ts

@@ -1,4 +1,4 @@
-import type { FieldRootState } from "../root/FieldRoot.js";
+import type { FieldRootState } from "../../field/root/FieldRoot.js";
 export declare const DEFAULT_VALIDITY_STATE: {
   badInput: boolean;
   customError: boolean;

package/esm/{field/utils → internals/field-constants}/constants.js

@@ -1,4 +1,4 @@
-import { FieldControlDataAttributes } from "../control/FieldControlDataAttributes.js";
+import { FieldControlDataAttributes } from "../../field/control/FieldControlDataAttributes.js";
 export const DEFAULT_VALIDITY_STATE = {
   badInput: false,
   customError: false,

package/esm/internals/field-constants/index.d.ts

@@ -0,0 +1 @@
+export { DEFAULT_VALIDITY_STATE, DEFAULT_FIELD_STATE_ATTRIBUTES, DEFAULT_FIELD_ROOT_STATE, fieldValidityMapping } from "./constants.js";

package/esm/internals/field-constants/index.js

@@ -0,0 +1 @@
+export { DEFAULT_VALIDITY_STATE, DEFAULT_FIELD_STATE_ATTRIBUTES, DEFAULT_FIELD_ROOT_STATE, fieldValidityMapping } from "./constants.js";

package/esm/internals/field-register-control/index.d.ts

@@ -0,0 +1,3 @@
+export { useRegisterFieldControl } from "./useRegisterFieldControl.js";
+export { useFieldControlRegistration } from "./useFieldControlRegistration.js";
+export type { FieldControlRegistration, UseFieldControlRegistrationParameters } from "./useFieldControlRegistration.js";

package/esm/internals/field-register-control/index.js

@@ -0,0 +1,2 @@
+export { useRegisterFieldControl } from "./useRegisterFieldControl.js";
+export { useFieldControlRegistration } from "./useFieldControlRegistration.js";