@base-ui/react 1.4.0 → 1.4.1

package/internals/RequestQueue.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RequestQueue = void 0;
+/**
+ * Manages concurrent fetching with a queue system.
+ * Tracks request lifecycle through queued → pending states
+ * and limits concurrency to prevent overwhelming the server.
+ */
+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';
+  };
+}
+exports.RequestQueue = RequestQueue;

package/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/internals/TimeoutManager.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimeoutManager = void 0;
+/**
+ * A utility class to manage multiple timeouts.
+ */
+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();
+  };
+}
+exports.TimeoutManager = TimeoutManager;

package/{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;

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

@@ -67,7 +67,7 @@ Object.defineProperty(exports, "stopEvent", {
   }
 });
 var _dom = require("@floating-ui/utils/dom");
-var _utils = require("../floating-ui-react/utils");
+var _utils = require("../../floating-ui-react/utils");
 const ARROW_UP = exports.ARROW_UP = 'ArrowUp';
 const ARROW_DOWN = exports.ARROW_DOWN = 'ArrowDown';
 const ARROW_LEFT = exports.ARROW_LEFT = 'ArrowLeft';

package/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/internals/composite/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CompositeItem", {
+  enumerable: true,
+  get: function () {
+    return _CompositeItem.CompositeItem;
+  }
+});
+Object.defineProperty(exports, "CompositeList", {
+  enumerable: true,
+  get: function () {
+    return _CompositeList.CompositeList;
+  }
+});
+Object.defineProperty(exports, "CompositeRoot", {
+  enumerable: true,
+  get: function () {
+    return _CompositeRoot.CompositeRoot;
+  }
+});
+Object.defineProperty(exports, "IndexGuessBehavior", {
+  enumerable: true,
+  get: function () {
+    return _useCompositeListItem.IndexGuessBehavior;
+  }
+});
+Object.defineProperty(exports, "findNonDisabledListIndex", {
+  enumerable: true,
+  get: function () {
+    return _utils.findNonDisabledListIndex;
+  }
+});
+Object.defineProperty(exports, "isListIndexDisabled", {
+  enumerable: true,
+  get: function () {
+    return _utils.isListIndexDisabled;
+  }
+});
+Object.defineProperty(exports, "scrollIntoViewIfNeeded", {
+  enumerable: true,
+  get: function () {
+    return _composite.scrollIntoViewIfNeeded;
+  }
+});
+Object.defineProperty(exports, "useCompositeListItem", {
+  enumerable: true,
+  get: function () {
+    return _useCompositeListItem.useCompositeListItem;
+  }
+});
+Object.defineProperty(exports, "useCompositeRoot", {
+  enumerable: true,
+  get: function () {
+    return _useCompositeRoot.useCompositeRoot;
+  }
+});
+var _CompositeItem = require("./item/CompositeItem");
+var _CompositeList = require("./list/CompositeList");
+var _CompositeRoot = require("./root/CompositeRoot");
+var _useCompositeListItem = require("./list/useCompositeListItem");
+var _useCompositeRoot = require("./root/useCompositeRoot");
+var _composite = require("./composite");
+var _utils = require("../../floating-ui-react/utils");

package/{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/{composite → internals/composite}/item/CompositeItem.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CompositeItem = CompositeItem;
-var _useRenderElement = require("../../utils/useRenderElement");
+var _empty = require("@base-ui/utils/empty");
+var _useRenderElement = require("../../useRenderElement");
 var _useCompositeItem = require("./useCompositeItem");
-var _constants = require("../../utils/constants");
 /**
  * @internal
  */
@@ -16,9 +16,9 @@ function CompositeItem(componentProps) {
     render,
     className,
     style,
-    state = _constants.EMPTY_OBJECT,
-    props = _constants.EMPTY_ARRAY,
-    refs = _constants.EMPTY_ARRAY,
+    state = _empty.EMPTY_OBJECT,
+    props = _empty.EMPTY_ARRAY,
+    refs = _empty.EMPTY_ARRAY,
     metadata,
     stateAttributesMapping,
     tag = 'div',

package/{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/{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/{composite → internals/composite}/root/CompositeRoot.js

@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CompositeRoot = CompositeRoot;
 var React = _interopRequireWildcard(require("react"));
+var _empty = require("@base-ui/utils/empty");
 var _CompositeList = require("../list/CompositeList");
 var _useCompositeRoot = require("./useCompositeRoot");
 var _CompositeRootContext = require("./CompositeRootContext");
-var _useRenderElement = require("../../utils/useRenderElement");
-var _DirectionContext = require("../../direction-provider/DirectionContext");
-var _constants = require("../../utils/constants");
+var _useRenderElement = require("../../useRenderElement");
+var _DirectionContext = require("../../direction-context/DirectionContext");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @internal
@@ -22,9 +22,9 @@ function CompositeRoot(componentProps) {
     render,
     className,
     style,
-    refs = _constants.EMPTY_ARRAY,
-    props = _constants.EMPTY_ARRAY,
-    state = _constants.EMPTY_OBJECT,
+    refs = _empty.EMPTY_ARRAY,
+    props = _empty.EMPTY_ARRAY,
+    state = _empty.EMPTY_OBJECT,
     stateAttributesMapping,
     highlightedIndex: highlightedIndexProp,
     onHighlightedIndexChange: onHighlightedIndexChangeProp,

package/{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/{composite → internals/composite}/root/useCompositeRoot.js

@@ -12,7 +12,7 @@ var _useStableCallback = require("@base-ui/utils/useStableCallback");
 var _useMergedRefs = require("@base-ui/utils/useMergedRefs");
 var _composite = require("../composite");
 var _constants = require("../constants");
-var _utils = require("../../floating-ui-react/utils");
+var _utils = require("../../../floating-ui-react/utils");
 const EMPTY_ARRAY = [];
 function useCompositeRoot(params) {
   const {

package/{esm/utils → 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/{utils → internals}/constants.js

@@ -3,21 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DROPDOWN_COLLISION_AVOIDANCE = exports.DISABLED_TRANSITIONS_STYLE = exports.CLICK_TRIGGER_IDENTIFIER = exports.BASE_UI_SWIPE_IGNORE_SELECTOR = exports.BASE_UI_SWIPE_IGNORE_ATTRIBUTE = void 0;
-Object.defineProperty(exports, "EMPTY_ARRAY", {
-  enumerable: true,
-  get: function () {
-    return _empty.EMPTY_ARRAY;
-  }
-});
-Object.defineProperty(exports, "EMPTY_OBJECT", {
-  enumerable: true,
-  get: function () {
-    return _empty.EMPTY_OBJECT;
-  }
-});
-exports.ownerVisuallyHidden = exports.TYPEAHEAD_RESET_MS = exports.POPUP_COLLISION_AVOIDANCE = exports.PATIENT_CLICK_THRESHOLD = exports.LEGACY_SWIPE_IGNORE_SELECTOR = exports.LEGACY_SWIPE_IGNORE_ATTRIBUTE = void 0;
-var _empty = require("@base-ui/utils/empty");
+exports.ownerVisuallyHidden = exports.TYPEAHEAD_RESET_MS = exports.POPUP_COLLISION_AVOIDANCE = exports.PATIENT_CLICK_THRESHOLD = exports.LEGACY_SWIPE_IGNORE_SELECTOR = exports.LEGACY_SWIPE_IGNORE_ATTRIBUTE = exports.DROPDOWN_COLLISION_AVOIDANCE = exports.DISABLED_TRANSITIONS_STYLE = exports.CLICK_TRIGGER_IDENTIFIER = exports.BASE_UI_SWIPE_IGNORE_SELECTOR = exports.BASE_UI_SWIPE_IGNORE_ATTRIBUTE = void 0;
 const TYPEAHEAD_RESET_MS = exports.TYPEAHEAD_RESET_MS = 500;
 const PATIENT_CLICK_THRESHOLD = exports.PATIENT_CLICK_THRESHOLD = 500;
 const DISABLED_TRANSITIONS_STYLE = exports.DISABLED_TRANSITIONS_STYLE = {

package/{utils → internals}/createBaseUIEventDetails.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createChangeEventDetails = createChangeEventDetails;
 exports.createGenericEventDetails = createGenericEventDetails;
-var _constants = require("./constants");
+var _empty = require("@base-ui/utils/empty");
 var _reasons = require("./reasons");
 /**
  * Maps a change `reason` string to the corresponding native event type.
@@ -26,7 +26,7 @@ var _reasons = require("./reasons");
 function createChangeEventDetails(reason, event, trigger, customProperties) {
   let canceled = false;
   let allowPropagation = false;
-  const custom = customProperties ?? _constants.EMPTY_OBJECT;
+  const custom = customProperties ?? _empty.EMPTY_OBJECT;
   const details = {
     reason,
     event: event ?? new Event('base-ui'),
@@ -48,7 +48,7 @@ function createChangeEventDetails(reason, event, trigger, customProperties) {
   return details;
 }
 function createGenericEventDetails(reason, event, customProperties) {
-  const custom = customProperties ?? _constants.EMPTY_OBJECT;
+  const custom = customProperties ?? _empty.EMPTY_OBJECT;
   const details = {
     reason,
     event: event ?? new Event('base-ui'),

package/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/internals/direction-context/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DirectionContext", {
+  enumerable: true,
+  get: function () {
+    return _DirectionContext.DirectionContext;
+  }
+});
+Object.defineProperty(exports, "useDirection", {
+  enumerable: true,
+  get: function () {
+    return _DirectionContext.useDirection;
+  }
+});
+var _DirectionContext = require("./DirectionContext");

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/{field/utils → internals/field-constants}/constants.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fieldValidityMapping = exports.DEFAULT_VALIDITY_STATE = exports.DEFAULT_FIELD_STATE_ATTRIBUTES = exports.DEFAULT_FIELD_ROOT_STATE = void 0;
-var _FieldControlDataAttributes = require("../control/FieldControlDataAttributes");
+var _FieldControlDataAttributes = require("../../field/control/FieldControlDataAttributes");
 const DEFAULT_VALIDITY_STATE = exports.DEFAULT_VALIDITY_STATE = {
   badInput: false,
   customError: false,

package/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/internals/field-constants/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DEFAULT_FIELD_ROOT_STATE", {
+  enumerable: true,
+  get: function () {
+    return _constants.DEFAULT_FIELD_ROOT_STATE;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_FIELD_STATE_ATTRIBUTES", {
+  enumerable: true,
+  get: function () {
+    return _constants.DEFAULT_FIELD_STATE_ATTRIBUTES;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_VALIDITY_STATE", {
+  enumerable: true,
+  get: function () {
+    return _constants.DEFAULT_VALIDITY_STATE;
+  }
+});
+Object.defineProperty(exports, "fieldValidityMapping", {
+  enumerable: true,
+  get: function () {
+    return _constants.fieldValidityMapping;
+  }
+});
+var _constants = require("./constants");

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

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

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useFieldControlRegistration", {
+  enumerable: true,
+  get: function () {
+    return _useFieldControlRegistration.useFieldControlRegistration;
+  }
+});
+Object.defineProperty(exports, "useRegisterFieldControl", {
+  enumerable: true,
+  get: function () {
+    return _useRegisterFieldControl.useRegisterFieldControl;
+  }
+});
+var _useRegisterFieldControl = require("./useRegisterFieldControl");
+var _useFieldControlRegistration = require("./useFieldControlRegistration");

package/{field/root → internals/field-register-control}/useFieldControlRegistration.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { FieldValidityData } from "./FieldRoot.js";
+import type { FieldValidityData } from "../../field/root/FieldRoot.js";
 export interface FieldControlRegistration {
   controlRef: React.RefObject<any>;
   getValue?: (() => unknown) | undefined;

package/{field/root → internals/field-register-control}/useFieldControlRegistration.js

@@ -10,8 +10,8 @@ var React = _interopRequireWildcard(require("react"));
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
 var _useIsoLayoutEffect = require("@base-ui/utils/useIsoLayoutEffect");
 var _useStableCallback = require("@base-ui/utils/useStableCallback");
-var _getCombinedFieldValidityData = require("../utils/getCombinedFieldValidityData");
-var _FormContext = require("../../form/FormContext");
+var _getCombinedFieldValidityData = require("../../field/utils/getCombinedFieldValidityData");
+var _FormContext = require("../form-context/FormContext");
 function useFieldControlRegistration(params) {
   const {
     commit,

package/{field/root → internals/field-register-control}/useRegisterFieldControl.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useRegisterFieldControl = useRegisterFieldControl;
 var React = _interopRequireWildcard(require("react"));
 var _useIsoLayoutEffect = require("@base-ui/utils/useIsoLayoutEffect");
-var _FieldRootContext = require("./FieldRootContext");
+var _FieldRootContext = require("../field-root-context/FieldRootContext");
 function useRegisterFieldControl(controlRef, params) {
   const {
     enabled = true,

package/{field/root → internals/field-root-context}/FieldRootContext.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import type { FieldValidityData, FieldRootState } from "./FieldRoot.js";
+import type { FieldValidityData, FieldRootState } from "../../field/root/FieldRoot.js";
 import type { Form } from "../../form/index.js";
-import type { UseFieldValidationReturnValue } from "./useFieldValidation.js";
-import type { FieldControlRegistration } from "./useFieldControlRegistration.js";
+import type { UseFieldValidationReturnValue } from "../../field/root/useFieldValidation.js";
+import type { FieldControlRegistration } from "../field-register-control/useFieldControlRegistration.js";
 export interface FieldRootContext {
   invalid: boolean | undefined;
   name: string | undefined;

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

@@ -10,9 +10,9 @@ exports.FieldRootContext = void 0;
 exports.useFieldRootContext = useFieldRootContext;
 var _formatErrorMessage2 = _interopRequireDefault(require("@base-ui/utils/formatErrorMessage"));
 var React = _interopRequireWildcard(require("react"));
-var _noop = require("../../utils/noop");
-var _constants = require("../utils/constants");
-var _constants2 = require("../../utils/constants");
+var _empty = require("@base-ui/utils/empty");
+var _noop = require("../noop");
+var _constants = require("../field-constants/constants");
 const FieldRootContext = exports.FieldRootContext = /*#__PURE__*/React.createContext({
   invalid: undefined,
   name: undefined,
@@ -43,8 +43,8 @@ const FieldRootContext = exports.FieldRootContext = /*#__PURE__*/React.createCon
   },
   registerFieldControl: _noop.NOOP,
   validation: {
-    getValidationProps: (props = _constants2.EMPTY_OBJECT) => props,
-    getInputValidationProps: (props = _constants2.EMPTY_OBJECT) => props,
+    getValidationProps: (props = _empty.EMPTY_OBJECT) => props,
+    getInputValidationProps: (props = _empty.EMPTY_OBJECT) => props,
     inputRef: {
       current: null
     },

package/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/internals/field-root-context/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FieldRootContext", {
+  enumerable: true,
+  get: function () {
+    return _FieldRootContext.FieldRootContext;
+  }
+});
+Object.defineProperty(exports, "useFieldRootContext", {
+  enumerable: true,
+  get: function () {
+    return _FieldRootContext.useFieldRootContext;
+  }
+});
+var _FieldRootContext = require("./FieldRootContext");

package/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;
+}