@base-ui/react 1.6.0 → 1.7.0

package/combobox/root/utils/index.js

@@ -27,8 +27,7 @@ function createCollatorItemFilter(collatorFilter, itemToStringLabel) {
     if (item == null) {
       return false;
     }
-    const itemString = (0, _resolveValueLabel.stringifyAsLabel)(item, itemToStringLabel);
-    return collatorFilter.contains(itemString, query);
+    return collatorFilter.contains(item, query, itemToStringLabel);
   };
 }
 
@@ -44,13 +43,12 @@ function createSingleSelectionCollatorFilter(collatorFilter, itemToStringLabel,
     if (!query) {
       return true;
     }
-    const itemString = (0, _resolveValueLabel.stringifyAsLabel)(item, itemToStringLabel);
     const selectedString = selectedValue != null ? (0, _resolveValueLabel.stringifyAsLabel)(selectedValue, itemToStringLabel) : '';
 
     // Handle case-insensitive matching consistently
     if (selectedString && collatorFilter.contains(selectedString, query) && selectedString.length === query.length) {
       return true;
     }
-    return collatorFilter.contains(itemString, query);
+    return collatorFilter.contains(item, query, itemToStringLabel);
   };
 }

package/combobox/root/utils/index.mjs

@@ -19,8 +19,7 @@ export function createCollatorItemFilter(collatorFilter, itemToStringLabel) {
     if (item == null) {
       return false;
     }
-    const itemString = stringifyAsLabel(item, itemToStringLabel);
-    return collatorFilter.contains(itemString, query);
+    return collatorFilter.contains(item, query, itemToStringLabel);
   };
 }
 
@@ -36,13 +35,12 @@ export function createSingleSelectionCollatorFilter(collatorFilter, itemToString
     if (!query) {
       return true;
     }
-    const itemString = stringifyAsLabel(item, itemToStringLabel);
     const selectedString = selectedValue != null ? stringifyAsLabel(selectedValue, itemToStringLabel) : '';
 
     // Handle case-insensitive matching consistently
     if (selectedString && collatorFilter.contains(selectedString, query) && selectedString.length === query.length) {
       return true;
     }
-    return collatorFilter.contains(itemString, query);
+    return collatorFilter.contains(item, query, itemToStringLabel);
   };
 }

package/combobox/root/utils/useFilter.js

@@ -31,8 +31,7 @@ function useComboboxFilter(options = {}) {
     return (0, _index.createSingleSelectionCollatorFilter)(coreFilter, itemToString, value)(item, query);
   }, [coreFilter, value, multiple]);
   return React.useMemo(() => ({
-    contains,
-    startsWith: coreFilter.startsWith,
-    endsWith: coreFilter.endsWith
+    ...coreFilter,
+    contains
   }), [contains, coreFilter]);
 }

package/combobox/root/utils/useFilter.mjs

@@ -24,8 +24,7 @@ export function useComboboxFilter(options = {}) {
     return createSingleSelectionCollatorFilter(coreFilter, itemToString, value)(item, query);
   }, [coreFilter, value, multiple]);
   return React.useMemo(() => ({
-    contains,
-    startsWith: coreFilter.startsWith,
-    endsWith: coreFilter.endsWith
+    ...coreFilter,
+    contains
   }), [contains, coreFilter]);
 }

package/combobox/separator/ComboboxSeparator.d.mts

@@ -0,0 +1,26 @@
+import type * as React from 'react';
+import type { BaseUIComponentProps, Orientation } from "../../internals/types.mjs";
+export interface ComboboxSeparatorProps extends BaseUIComponentProps<'div', ComboboxSeparatorState> {
+  /**
+   * The orientation of the separator.
+   * @default 'horizontal'
+   */
+  orientation?: Orientation | undefined;
+}
+export interface ComboboxSeparatorState {
+  /**
+   * The orientation of the separator.
+   */
+  orientation: Orientation;
+}
+/**
+ * A visual separator between items or groups.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
+ */
+export declare const ComboboxSeparator: React.ForwardRefExoticComponent<ComboboxSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export declare namespace ComboboxSeparator {
+  type Props = ComboboxSeparatorProps;
+  type State = ComboboxSeparatorState;
+}

package/combobox/separator/ComboboxSeparator.d.ts

@@ -0,0 +1,26 @@
+import type * as React from 'react';
+import type { BaseUIComponentProps, Orientation } from "../../internals/types.js";
+export interface ComboboxSeparatorProps extends BaseUIComponentProps<'div', ComboboxSeparatorState> {
+  /**
+   * The orientation of the separator.
+   * @default 'horizontal'
+   */
+  orientation?: Orientation | undefined;
+}
+export interface ComboboxSeparatorState {
+  /**
+   * The orientation of the separator.
+   */
+  orientation: Orientation;
+}
+/**
+ * A visual separator between items or groups.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
+ */
+export declare const ComboboxSeparator: React.ForwardRefExoticComponent<ComboboxSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export declare namespace ComboboxSeparator {
+  type Props = ComboboxSeparatorProps;
+  type State = ComboboxSeparatorState;
+}

package/combobox/separator/ComboboxSeparator.js

@@ -0,0 +1,15 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComboboxSeparator = void 0;
+var _ListboxSeparator = require("../../utils/listbox-separator/ListboxSeparator");
+/**
+ * A visual separator between items or groups.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
+ */
+const ComboboxSeparator = exports.ComboboxSeparator = _ListboxSeparator.ListboxSeparator;

package/combobox/separator/ComboboxSeparator.mjs

@@ -0,0 +1,10 @@
+'use client';
+
+import { ListboxSeparator } from "../../utils/listbox-separator/ListboxSeparator.mjs";
+/**
+ * A visual separator between items or groups.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
+ */
+export const ComboboxSeparator = ListboxSeparator;

package/combobox/store.d.mts

@@ -2,13 +2,11 @@ import { Store } from '@base-ui/utils/store';
 import type { InteractionType } from '@base-ui/utils/useEnhancedClickHandler';
 import type { TransitionStatus } from "../internals/useTransitionStatus.mjs";
 import type { HTMLProps } from "../internals/types.mjs";
-import type { Side } from "../utils/useAnchorPositioning.mjs";
+import type { Side } from "../internals/useAnchorPositioning.mjs";
 import type { AriaCombobox } from "./root/AriaCombobox.mjs";
 export type State = {
   id: string | undefined;
   labelId: string | undefined;
-  query: string;
-  filter: (item: any, query: string) => boolean;
   items: readonly any[] | undefined;
   selectedValue: any;
   open: boolean;
@@ -19,6 +17,7 @@ export type State = {
   activeIndex: number | null;
   selectedIndex: number | null;
   popupProps: HTMLProps;
+  listProps: HTMLProps;
   inputProps: HTMLProps;
   triggerProps: HTMLProps;
   itemProps: HTMLProps;
@@ -44,7 +43,7 @@ export type State = {
   chipsContainerRef: React.RefObject<HTMLDivElement | null>;
   clearRef: React.RefObject<HTMLButtonElement | null>;
   valuesRef: React.RefObject<Array<any>>;
-  allValuesRef: React.RefObject<Array<any>>;
+  pointerDownItemRef: React.RefObject<Element | null>;
   selectionEventRef: React.RefObject<MouseEvent | PointerEvent | KeyboardEvent | null>;
   setOpen: (open: boolean, eventDetails: AriaCombobox.ChangeEventDetails) => void;
   setInputValue: (value: string, eventDetails: AriaCombobox.ChangeEventDetails) => void;
@@ -52,11 +51,10 @@ export type State = {
   setIndices: (indices: {
     activeIndex?: number | null | undefined;
     selectedIndex?: number | null | undefined;
-    type?: 'keyboard' | 'pointer' | 'none' | undefined;
+    type?: AriaCombobox.HighlightEventReason | undefined;
   }) => void;
-  onItemHighlighted: (item: any, eventDetails: AriaCombobox.HighlightEventDetails) => void;
   forceMount: () => void;
-  handleSelection: (event: MouseEvent | PointerEvent | KeyboardEvent, passedValue?: any) => void;
+  handleSelection: (event: MouseEvent | PointerEvent | KeyboardEvent, itemValue: any) => void;
   requestSubmit: () => void;
   name: string | undefined;
   form: string | undefined;
@@ -64,7 +62,6 @@ export type State = {
   readOnly: boolean;
   required: boolean;
   grid: boolean;
-  isGrouped: boolean;
   virtualized: boolean;
   onOpenChangeComplete: (open: boolean) => void;
   openOnInputClick: boolean;
@@ -94,6 +91,7 @@ export declare const selectors: {
   isSelected: (state: State, itemValue: any) => boolean;
   transitionStatus: (state: State) => TransitionStatus;
   popupProps: (state: State) => HTMLProps;
+  listProps: (state: State) => HTMLProps;
   inputProps: (state: State) => HTMLProps;
   triggerProps: (state: State) => HTMLProps;
   itemProps: (state: State) => HTMLProps;
@@ -119,5 +117,4 @@ export declare const selectors: {
   isItemEqualToValue: (state: State) => (itemValue: any, selectedValue: any) => boolean;
   modal: (state: State) => boolean;
   autoHighlight: (state: State) => "always" | "input-change" | false;
-  submitOnItemClick: (state: State) => boolean;
 };

package/combobox/store.d.ts

@@ -2,13 +2,11 @@ import { Store } from '@base-ui/utils/store';
 import type { InteractionType } from '@base-ui/utils/useEnhancedClickHandler';
 import type { TransitionStatus } from "../internals/useTransitionStatus.js";
 import type { HTMLProps } from "../internals/types.js";
-import type { Side } from "../utils/useAnchorPositioning.js";
+import type { Side } from "../internals/useAnchorPositioning.js";
 import type { AriaCombobox } from "./root/AriaCombobox.js";
 export type State = {
   id: string | undefined;
   labelId: string | undefined;
-  query: string;
-  filter: (item: any, query: string) => boolean;
   items: readonly any[] | undefined;
   selectedValue: any;
   open: boolean;
@@ -19,6 +17,7 @@ export type State = {
   activeIndex: number | null;
   selectedIndex: number | null;
   popupProps: HTMLProps;
+  listProps: HTMLProps;
   inputProps: HTMLProps;
   triggerProps: HTMLProps;
   itemProps: HTMLProps;
@@ -44,7 +43,7 @@ export type State = {
   chipsContainerRef: React.RefObject<HTMLDivElement | null>;
   clearRef: React.RefObject<HTMLButtonElement | null>;
   valuesRef: React.RefObject<Array<any>>;
-  allValuesRef: React.RefObject<Array<any>>;
+  pointerDownItemRef: React.RefObject<Element | null>;
   selectionEventRef: React.RefObject<MouseEvent | PointerEvent | KeyboardEvent | null>;
   setOpen: (open: boolean, eventDetails: AriaCombobox.ChangeEventDetails) => void;
   setInputValue: (value: string, eventDetails: AriaCombobox.ChangeEventDetails) => void;
@@ -52,11 +51,10 @@ export type State = {
   setIndices: (indices: {
     activeIndex?: number | null | undefined;
     selectedIndex?: number | null | undefined;
-    type?: 'keyboard' | 'pointer' | 'none' | undefined;
+    type?: AriaCombobox.HighlightEventReason | undefined;
   }) => void;
-  onItemHighlighted: (item: any, eventDetails: AriaCombobox.HighlightEventDetails) => void;
   forceMount: () => void;
-  handleSelection: (event: MouseEvent | PointerEvent | KeyboardEvent, passedValue?: any) => void;
+  handleSelection: (event: MouseEvent | PointerEvent | KeyboardEvent, itemValue: any) => void;
   requestSubmit: () => void;
   name: string | undefined;
   form: string | undefined;
@@ -64,7 +62,6 @@ export type State = {
   readOnly: boolean;
   required: boolean;
   grid: boolean;
-  isGrouped: boolean;
   virtualized: boolean;
   onOpenChangeComplete: (open: boolean) => void;
   openOnInputClick: boolean;
@@ -94,6 +91,7 @@ export declare const selectors: {
   isSelected: (state: State, itemValue: any) => boolean;
   transitionStatus: (state: State) => TransitionStatus;
   popupProps: (state: State) => HTMLProps;
+  listProps: (state: State) => HTMLProps;
   inputProps: (state: State) => HTMLProps;
   triggerProps: (state: State) => HTMLProps;
   itemProps: (state: State) => HTMLProps;
@@ -119,5 +117,4 @@ export declare const selectors: {
   isItemEqualToValue: (state: State) => (itemValue: any, selectedValue: any) => boolean;
   modal: (state: State) => boolean;
   autoHighlight: (state: State) => "always" | "input-change" | false;
-  submitOnItemClick: (state: State) => boolean;
 };

package/combobox/store.js

@@ -4,19 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectors = void 0;
-var _store = require("@base-ui/utils/store");
 var _itemEquality = require("../internals/itemEquality");
 var _resolveValueLabel = require("../internals/resolveValueLabel");
 const selectors = exports.selectors = {
-  id: (0, _store.createSelector)(state => state.id),
-  labelId: (0, _store.createSelector)(state => state.labelId),
-  items: (0, _store.createSelector)(state => state.items),
-  selectedValue: (0, _store.createSelector)(state => state.selectedValue),
-  hasSelectionChips: (0, _store.createSelector)(state => {
+  id: state => state.id,
+  labelId: state => state.labelId,
+  items: state => state.items,
+  selectedValue: state => state.selectedValue,
+  hasSelectionChips: state => {
     const selectedValue = state.selectedValue;
     return Array.isArray(selectedValue) && selectedValue.length > 0;
-  }),
-  hasSelectedValue: (0, _store.createSelector)(state => {
+  },
+  hasSelectedValue: state => {
     const {
       selectedValue,
       selectionMode
@@ -28,51 +27,51 @@ const selectors = exports.selectors = {
       return selectedValue.length > 0;
     }
     return true;
-  }),
-  hasNullItemLabel: (0, _store.createSelector)((state, enabled) => {
+  },
+  hasNullItemLabel: (state, enabled) => {
     return enabled ? (0, _resolveValueLabel.hasNullItemLabel)(state.items) : false;
-  }),
-  open: (0, _store.createSelector)(state => state.open),
-  mounted: (0, _store.createSelector)(state => state.mounted),
-  forceMounted: (0, _store.createSelector)(state => state.forceMounted),
-  inline: (0, _store.createSelector)(state => state.inline),
-  activeIndex: (0, _store.createSelector)(state => state.activeIndex),
-  selectedIndex: (0, _store.createSelector)(state => state.selectedIndex),
-  isActive: (0, _store.createSelector)((state, index) => state.activeIndex === index),
-  isSelected: (0, _store.createSelector)((state, itemValue) => {
+  },
+  open: state => state.open,
+  mounted: state => state.mounted,
+  forceMounted: state => state.forceMounted,
+  inline: state => state.inline,
+  activeIndex: state => state.activeIndex,
+  selectedIndex: state => state.selectedIndex,
+  isActive: (state, index) => state.activeIndex === index,
+  isSelected: (state, itemValue) => {
     const comparer = state.isItemEqualToValue;
     const selectedValue = state.selectedValue;
     if (Array.isArray(selectedValue)) {
       return selectedValue.some(selectedItem => (0, _itemEquality.compareItemEquality)(itemValue, selectedItem, comparer));
     }
     return (0, _itemEquality.compareItemEquality)(itemValue, selectedValue, comparer);
-  }),
-  transitionStatus: (0, _store.createSelector)(state => state.transitionStatus),
-  popupProps: (0, _store.createSelector)(state => state.popupProps),
-  inputProps: (0, _store.createSelector)(state => state.inputProps),
-  triggerProps: (0, _store.createSelector)(state => state.triggerProps),
-  itemProps: (0, _store.createSelector)(state => state.itemProps),
-  positionerElement: (0, _store.createSelector)(state => state.positionerElement),
-  listElement: (0, _store.createSelector)(state => state.listElement),
-  popupId: (0, _store.createSelector)(state => state.popupId),
-  triggerElement: (0, _store.createSelector)(state => state.triggerElement),
-  inputElement: (0, _store.createSelector)(state => state.inputElement),
-  inputGroupElement: (0, _store.createSelector)(state => state.inputGroupElement),
-  popupSide: (0, _store.createSelector)(state => state.popupSide),
-  openMethod: (0, _store.createSelector)(state => state.openMethod),
-  inputInsidePopup: (0, _store.createSelector)(state => state.inputInsidePopup),
-  inputOwnsFormValue: (0, _store.createSelector)(state => state.inputOwnsFormValue),
-  selectionMode: (0, _store.createSelector)(state => state.selectionMode),
-  name: (0, _store.createSelector)(state => state.name),
-  form: (0, _store.createSelector)(state => state.form),
-  disabled: (0, _store.createSelector)(state => state.disabled),
-  readOnly: (0, _store.createSelector)(state => state.readOnly),
-  required: (0, _store.createSelector)(state => state.required),
-  grid: (0, _store.createSelector)(state => state.grid),
-  virtualized: (0, _store.createSelector)(state => state.virtualized),
-  itemToStringLabel: (0, _store.createSelector)(state => state.itemToStringLabel),
-  isItemEqualToValue: (0, _store.createSelector)(state => state.isItemEqualToValue),
-  modal: (0, _store.createSelector)(state => state.modal),
-  autoHighlight: (0, _store.createSelector)(state => state.autoHighlight),
-  submitOnItemClick: (0, _store.createSelector)(state => state.submitOnItemClick)
+  },
+  transitionStatus: state => state.transitionStatus,
+  popupProps: state => state.popupProps,
+  listProps: state => state.listProps,
+  inputProps: state => state.inputProps,
+  triggerProps: state => state.triggerProps,
+  itemProps: state => state.itemProps,
+  positionerElement: state => state.positionerElement,
+  listElement: state => state.listElement,
+  popupId: state => state.popupId,
+  triggerElement: state => state.triggerElement,
+  inputElement: state => state.inputElement,
+  inputGroupElement: state => state.inputGroupElement,
+  popupSide: state => state.popupSide,
+  openMethod: state => state.openMethod,
+  inputInsidePopup: state => state.inputInsidePopup,
+  inputOwnsFormValue: state => state.inputOwnsFormValue,
+  selectionMode: state => state.selectionMode,
+  name: state => state.name,
+  form: state => state.form,
+  disabled: state => state.disabled,
+  readOnly: state => state.readOnly,
+  required: state => state.required,
+  grid: state => state.grid,
+  virtualized: state => state.virtualized,
+  itemToStringLabel: state => state.itemToStringLabel,
+  isItemEqualToValue: state => state.isItemEqualToValue,
+  modal: state => state.modal,
+  autoHighlight: state => state.autoHighlight
 };

package/combobox/store.mjs

@@ -1,16 +1,15 @@
-import { createSelector } from '@base-ui/utils/store';
 import { compareItemEquality } from "../internals/itemEquality.mjs";
 import { hasNullItemLabel } from "../internals/resolveValueLabel.mjs";
 export const selectors = {
-  id: createSelector(state => state.id),
-  labelId: createSelector(state => state.labelId),
-  items: createSelector(state => state.items),
-  selectedValue: createSelector(state => state.selectedValue),
-  hasSelectionChips: createSelector(state => {
+  id: state => state.id,
+  labelId: state => state.labelId,
+  items: state => state.items,
+  selectedValue: state => state.selectedValue,
+  hasSelectionChips: state => {
     const selectedValue = state.selectedValue;
     return Array.isArray(selectedValue) && selectedValue.length > 0;
-  }),
-  hasSelectedValue: createSelector(state => {
+  },
+  hasSelectedValue: state => {
     const {
       selectedValue,
       selectionMode
@@ -22,51 +21,51 @@ export const selectors = {
       return selectedValue.length > 0;
     }
     return true;
-  }),
-  hasNullItemLabel: createSelector((state, enabled) => {
+  },
+  hasNullItemLabel: (state, enabled) => {
     return enabled ? hasNullItemLabel(state.items) : false;
-  }),
-  open: createSelector(state => state.open),
-  mounted: createSelector(state => state.mounted),
-  forceMounted: createSelector(state => state.forceMounted),
-  inline: createSelector(state => state.inline),
-  activeIndex: createSelector(state => state.activeIndex),
-  selectedIndex: createSelector(state => state.selectedIndex),
-  isActive: createSelector((state, index) => state.activeIndex === index),
-  isSelected: createSelector((state, itemValue) => {
+  },
+  open: state => state.open,
+  mounted: state => state.mounted,
+  forceMounted: state => state.forceMounted,
+  inline: state => state.inline,
+  activeIndex: state => state.activeIndex,
+  selectedIndex: state => state.selectedIndex,
+  isActive: (state, index) => state.activeIndex === index,
+  isSelected: (state, itemValue) => {
     const comparer = state.isItemEqualToValue;
     const selectedValue = state.selectedValue;
     if (Array.isArray(selectedValue)) {
       return selectedValue.some(selectedItem => compareItemEquality(itemValue, selectedItem, comparer));
     }
     return compareItemEquality(itemValue, selectedValue, comparer);
-  }),
-  transitionStatus: createSelector(state => state.transitionStatus),
-  popupProps: createSelector(state => state.popupProps),
-  inputProps: createSelector(state => state.inputProps),
-  triggerProps: createSelector(state => state.triggerProps),
-  itemProps: createSelector(state => state.itemProps),
-  positionerElement: createSelector(state => state.positionerElement),
-  listElement: createSelector(state => state.listElement),
-  popupId: createSelector(state => state.popupId),
-  triggerElement: createSelector(state => state.triggerElement),
-  inputElement: createSelector(state => state.inputElement),
-  inputGroupElement: createSelector(state => state.inputGroupElement),
-  popupSide: createSelector(state => state.popupSide),
-  openMethod: createSelector(state => state.openMethod),
-  inputInsidePopup: createSelector(state => state.inputInsidePopup),
-  inputOwnsFormValue: createSelector(state => state.inputOwnsFormValue),
-  selectionMode: createSelector(state => state.selectionMode),
-  name: createSelector(state => state.name),
-  form: createSelector(state => state.form),
-  disabled: createSelector(state => state.disabled),
-  readOnly: createSelector(state => state.readOnly),
-  required: createSelector(state => state.required),
-  grid: createSelector(state => state.grid),
-  virtualized: createSelector(state => state.virtualized),
-  itemToStringLabel: createSelector(state => state.itemToStringLabel),
-  isItemEqualToValue: createSelector(state => state.isItemEqualToValue),
-  modal: createSelector(state => state.modal),
-  autoHighlight: createSelector(state => state.autoHighlight),
-  submitOnItemClick: createSelector(state => state.submitOnItemClick)
+  },
+  transitionStatus: state => state.transitionStatus,
+  popupProps: state => state.popupProps,
+  listProps: state => state.listProps,
+  inputProps: state => state.inputProps,
+  triggerProps: state => state.triggerProps,
+  itemProps: state => state.itemProps,
+  positionerElement: state => state.positionerElement,
+  listElement: state => state.listElement,
+  popupId: state => state.popupId,
+  triggerElement: state => state.triggerElement,
+  inputElement: state => state.inputElement,
+  inputGroupElement: state => state.inputGroupElement,
+  popupSide: state => state.popupSide,
+  openMethod: state => state.openMethod,
+  inputInsidePopup: state => state.inputInsidePopup,
+  inputOwnsFormValue: state => state.inputOwnsFormValue,
+  selectionMode: state => state.selectionMode,
+  name: state => state.name,
+  form: state => state.form,
+  disabled: state => state.disabled,
+  readOnly: state => state.readOnly,
+  required: state => state.required,
+  grid: state => state.grid,
+  virtualized: state => state.virtualized,
+  itemToStringLabel: state => state.itemToStringLabel,
+  isItemEqualToValue: state => state.isItemEqualToValue,
+  modal: state => state.modal,
+  autoHighlight: state => state.autoHighlight
 };

package/combobox/trigger/ComboboxTrigger.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { BaseUIComponentProps, NativeButtonProps } from "../../internals/types.mjs";
 import type { FieldRootState } from "../../field/root/FieldRoot.mjs";
-import type { Side } from "../../utils/useAnchorPositioning.mjs";
+import type { Side } from "../../internals/useAnchorPositioning.mjs";
 /**
  * A button that opens the popup.
  * Renders a `<button>` element.

package/combobox/trigger/ComboboxTrigger.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { BaseUIComponentProps, NativeButtonProps } from "../../internals/types.js";
 import type { FieldRootState } from "../../field/root/FieldRoot.js";
-import type { Side } from "../../utils/useAnchorPositioning.js";
+import type { Side } from "../../internals/useAnchorPositioning.js";
 /**
  * A button that opens the popup.
  * Renders a `<button>` element.