@base-ui/react 1.6.0 → 1.7.0

package/collapsible/root/useCollapsibleRoot.d.mts

@@ -27,6 +27,7 @@ export interface UseCollapsibleRootParameters {
   disabled: boolean;
 }
 export interface UseCollapsibleRootReturnValue {
+  defaultPanelId: React.HTMLAttributes<Element>['id'];
   /**
    * Whether the component should ignore user interaction.
    */
@@ -45,7 +46,7 @@ export interface UseCollapsibleRootReturnValue {
   panelId: React.HTMLAttributes<Element>['id'];
   setMounted: (nextMounted: boolean) => void;
   setOpen: (open: boolean) => void;
-  setPanelIdState: (id: string | undefined) => void;
+  setPanelIdState: React.Dispatch<React.SetStateAction<string | null | undefined>>;
   transitionStatus: TransitionStatus;
 }
 export interface UseCollapsibleRootState {}

package/collapsible/root/useCollapsibleRoot.d.ts

@@ -27,6 +27,7 @@ export interface UseCollapsibleRootParameters {
   disabled: boolean;
 }
 export interface UseCollapsibleRootReturnValue {
+  defaultPanelId: React.HTMLAttributes<Element>['id'];
   /**
    * Whether the component should ignore user interaction.
    */
@@ -45,7 +46,7 @@ export interface UseCollapsibleRootReturnValue {
   panelId: React.HTMLAttributes<Element>['id'];
   setMounted: (nextMounted: boolean) => void;
   setOpen: (open: boolean) => void;
-  setPanelIdState: (id: string | undefined) => void;
+  setPanelIdState: React.Dispatch<React.SetStateAction<string | null | undefined>>;
   transitionStatus: TransitionStatus;
 }
 export interface UseCollapsibleRootState {}

package/collapsible/root/useCollapsibleRoot.js

@@ -32,8 +32,9 @@ function useCollapsibleRoot(parameters) {
     transitionStatus
   } = (0, _useTransitionStatus.useTransitionStatus)(open, true, true);
   const defaultPanelId = (0, _useBaseUiId.useBaseUiId)();
-  const [panelIdState, setPanelIdState] = React.useState();
-  const panelId = panelIdState ?? defaultPanelId;
+  // `undefined` uses the initial generated fallback; `null` means the panel unmounted.
+  const [registeredPanelId, setPanelIdState] = React.useState();
+  const panelId = registeredPanelId === null ? undefined : registeredPanelId ?? defaultPanelId;
   const handleTrigger = (0, _useStableCallback.useStableCallback)(event => {
     const nextOpen = !open;
     const eventDetails = (0, _createBaseUIEventDetails.createChangeEventDetails)(_reasons.REASONS.triggerPress, event.nativeEvent);
@@ -44,6 +45,7 @@ function useCollapsibleRoot(parameters) {
     setOpen(nextOpen);
   });
   return React.useMemo(() => ({
+    defaultPanelId,
     disabled,
     handleTrigger,
     mounted,
@@ -53,5 +55,5 @@ function useCollapsibleRoot(parameters) {
     setOpen,
     setPanelIdState,
     transitionStatus
-  }), [disabled, handleTrigger, mounted, open, panelId, setMounted, setOpen, setPanelIdState, transitionStatus]);
+  }), [defaultPanelId, disabled, handleTrigger, mounted, open, panelId, setMounted, setOpen, setPanelIdState, transitionStatus]);
 }

package/collapsible/root/useCollapsibleRoot.mjs

@@ -26,8 +26,9 @@ export function useCollapsibleRoot(parameters) {
     transitionStatus
   } = useTransitionStatus(open, true, true);
   const defaultPanelId = useBaseUiId();
-  const [panelIdState, setPanelIdState] = React.useState();
-  const panelId = panelIdState ?? defaultPanelId;
+  // `undefined` uses the initial generated fallback; `null` means the panel unmounted.
+  const [registeredPanelId, setPanelIdState] = React.useState();
+  const panelId = registeredPanelId === null ? undefined : registeredPanelId ?? defaultPanelId;
   const handleTrigger = useStableCallback(event => {
     const nextOpen = !open;
     const eventDetails = createChangeEventDetails(REASONS.triggerPress, event.nativeEvent);
@@ -38,6 +39,7 @@ export function useCollapsibleRoot(parameters) {
     setOpen(nextOpen);
   });
   return React.useMemo(() => ({
+    defaultPanelId,
     disabled,
     handleTrigger,
     mounted,
@@ -47,5 +49,5 @@ export function useCollapsibleRoot(parameters) {
     setOpen,
     setPanelIdState,
     transitionStatus
-  }), [disabled, handleTrigger, mounted, open, panelId, setMounted, setOpen, setPanelIdState, transitionStatus]);
+  }), [defaultPanelId, disabled, handleTrigger, mounted, open, panelId, setMounted, setOpen, setPanelIdState, transitionStatus]);
 }

package/combobox/arrow/ComboboxArrow.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { Side, Align } from "../../utils/useAnchorPositioning.mjs";
+import type { Side, Align } from "../../internals/useAnchorPositioning.mjs";
 import type { BaseUIComponentProps } from "../../internals/types.mjs";
 /**
  * Displays an element positioned against the anchor.

package/combobox/arrow/ComboboxArrow.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { Side, Align } from "../../utils/useAnchorPositioning.js";
+import type { Side, Align } from "../../internals/useAnchorPositioning.js";
 import type { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * Displays an element positioned against the anchor.

package/combobox/backdrop/ComboboxBackdropDataAttributes.d.mts

@@ -8,7 +8,7 @@ export declare enum ComboboxBackdropDataAttributes {
    */
   closed = "data-closed",
   /**
-   * Present when the popup is animating in.
+   * Present when the popup begins animating in.
    */
   startingStyle = "data-starting-style",
   /**

package/combobox/backdrop/ComboboxBackdropDataAttributes.d.ts

@@ -8,7 +8,7 @@ export declare enum ComboboxBackdropDataAttributes {
    */
   closed = "data-closed",
   /**
-   * Present when the popup is animating in.
+   * Present when the popup begins animating in.
    */
   startingStyle = "data-starting-style",
   /**

package/combobox/backdrop/ComboboxBackdropDataAttributes.js

@@ -15,7 +15,7 @@ let ComboboxBackdropDataAttributes = exports.ComboboxBackdropDataAttributes = fu
    */
   ComboboxBackdropDataAttributes[ComboboxBackdropDataAttributes["closed"] = _popupStateMapping.CommonPopupDataAttributes.closed] = "closed";
   /**
-   * Present when the popup is animating in.
+   * Present when the popup begins animating in.
    */
   ComboboxBackdropDataAttributes[ComboboxBackdropDataAttributes["startingStyle"] = _popupStateMapping.CommonPopupDataAttributes.startingStyle] = "startingStyle";
   /**

package/combobox/backdrop/ComboboxBackdropDataAttributes.mjs

@@ -9,7 +9,7 @@ export let ComboboxBackdropDataAttributes = function (ComboboxBackdropDataAttrib
    */
   ComboboxBackdropDataAttributes[ComboboxBackdropDataAttributes["closed"] = CommonPopupDataAttributes.closed] = "closed";
   /**
-   * Present when the popup is animating in.
+   * Present when the popup begins animating in.
    */
   ComboboxBackdropDataAttributes[ComboboxBackdropDataAttributes["startingStyle"] = CommonPopupDataAttributes.startingStyle] = "startingStyle";
   /**

package/combobox/chip/ComboboxChip.js

@@ -19,6 +19,7 @@ var _store2 = require("../store");
 var _createBaseUIEventDetails = require("../../internals/createBaseUIEventDetails");
 var _reasons = require("../../internals/reasons");
 var _DirectionContext = require("../../internals/direction-context/DirectionContext");
+var _parts = require("../utils/parts");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * An individual chip that represents a value in a multiselectable input.
@@ -48,9 +49,7 @@ const ComboboxChip = exports.ComboboxChip = /*#__PURE__*/React.forwardRef(functi
   } = (0, _useCompositeListItem.useCompositeListItem)();
   function handleKeyDown(event) {
     let nextIndex = index;
-    const isRtl = direction === 'rtl';
-    const previousChipKey = isRtl ? 'ArrowRight' : 'ArrowLeft';
-    const nextChipKey = isRtl ? 'ArrowLeft' : 'ArrowRight';
+    const [previousChipKey, nextChipKey] = (0, _parts.getChipNavigationKeys)(direction);
     if (event.key === previousChipKey) {
       event.preventDefault();
       if (index > 0) {
@@ -66,13 +65,12 @@ const ComboboxChip = exports.ComboboxChip = /*#__PURE__*/React.forwardRef(functi
         nextIndex = undefined;
       }
     } else if (event.key === 'Backspace' || event.key === 'Delete') {
-      const computedNextIndex = index >= selectedValue.length - 1 ? selectedValue.length - 2 : index;
-      nextIndex = computedNextIndex >= 0 ? computedNextIndex : undefined;
+      nextIndex = (0, _parts.getIndexAfterChipRemoval)(index, selectedValue.length);
       (0, _utils.stopEvent)(event);
       store.state.setIndices({
         activeIndex: null,
         selectedIndex: null,
-        type: 'keyboard'
+        type: _reasons.REASONS.keyboard
       });
       store.state.setSelectedValue(selectedValue.filter((_, i) => i !== index), (0, _createBaseUIEventDetails.createChangeEventDetails)(_reasons.REASONS.none, event.nativeEvent));
     } else if (event.key === 'Enter' || event.key === ' ') {

package/combobox/chip/ComboboxChip.mjs

@@ -13,6 +13,7 @@ import { selectors } from "../store.mjs";
 import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.mjs";
 import { REASONS } from "../../internals/reasons.mjs";
 import { useDirection } from "../../internals/direction-context/DirectionContext.mjs";
+import { getChipNavigationKeys, getIndexAfterChipRemoval } from "../utils/parts.mjs";
 
 /**
  * An individual chip that represents a value in a multiselectable input.
@@ -43,9 +44,7 @@ export const ComboboxChip = /*#__PURE__*/React.forwardRef(function ComboboxChip(
   } = useCompositeListItem();
   function handleKeyDown(event) {
     let nextIndex = index;
-    const isRtl = direction === 'rtl';
-    const previousChipKey = isRtl ? 'ArrowRight' : 'ArrowLeft';
-    const nextChipKey = isRtl ? 'ArrowLeft' : 'ArrowRight';
+    const [previousChipKey, nextChipKey] = getChipNavigationKeys(direction);
     if (event.key === previousChipKey) {
       event.preventDefault();
       if (index > 0) {
@@ -61,13 +60,12 @@ export const ComboboxChip = /*#__PURE__*/React.forwardRef(function ComboboxChip(
         nextIndex = undefined;
       }
     } else if (event.key === 'Backspace' || event.key === 'Delete') {
-      const computedNextIndex = index >= selectedValue.length - 1 ? selectedValue.length - 2 : index;
-      nextIndex = computedNextIndex >= 0 ? computedNextIndex : undefined;
+      nextIndex = getIndexAfterChipRemoval(index, selectedValue.length);
       stopEvent(event);
       store.state.setIndices({
         activeIndex: null,
         selectedIndex: null,
-        type: 'keyboard'
+        type: REASONS.keyboard
       });
       store.state.setSelectedValue(selectedValue.filter((_, i) => i !== index), createChangeEventDetails(REASONS.none, event.nativeEvent));
     } else if (event.key === 'Enter' || event.key === ' ') {

package/combobox/chip-remove/ComboboxChipRemove.js

@@ -64,7 +64,7 @@ const ComboboxChipRemove = exports.ComboboxChipRemove = /*#__PURE__*/React.forwa
     if (removedIndex !== -1 && activeIndex === removedIndex) {
       store.state.setIndices({
         activeIndex: null,
-        type: store.state.keyboardActiveRef.current ? 'keyboard' : 'pointer'
+        type: store.state.keyboardActiveRef.current ? _reasons.REASONS.keyboard : _reasons.REASONS.pointer
       });
     }
   }
@@ -85,18 +85,12 @@ const ComboboxChipRemove = exports.ComboboxChipRemove = /*#__PURE__*/React.forwa
         event.preventDefault();
       },
       onClick(event) {
-        if (disabled || readOnly) {
-          return;
-        }
         const eventDetails = removeChip(event);
         if (!eventDetails.isPropagationAllowed) {
           event.stopPropagation();
         }
       },
       onKeyDown(event) {
-        if (disabled || readOnly) {
-          return;
-        }
         if (event.key === 'Enter' || event.key === ' ') {
           const eventDetails = removeChip(event);
           if (!eventDetails.isPropagationAllowed) {

package/combobox/chip-remove/ComboboxChipRemove.mjs

@@ -59,7 +59,7 @@ export const ComboboxChipRemove = /*#__PURE__*/React.forwardRef(function Combobo
     if (removedIndex !== -1 && activeIndex === removedIndex) {
       store.state.setIndices({
         activeIndex: null,
-        type: store.state.keyboardActiveRef.current ? 'keyboard' : 'pointer'
+        type: store.state.keyboardActiveRef.current ? REASONS.keyboard : REASONS.pointer
       });
     }
   }
@@ -80,18 +80,12 @@ export const ComboboxChipRemove = /*#__PURE__*/React.forwardRef(function Combobo
         event.preventDefault();
       },
       onClick(event) {
-        if (disabled || readOnly) {
-          return;
-        }
         const eventDetails = removeChip(event);
         if (!eventDetails.isPropagationAllowed) {
           event.stopPropagation();
         }
       },
       onKeyDown(event) {
-        if (disabled || readOnly) {
-          return;
-        }
         if (event.key === 'Enter' || event.key === ' ') {
           const eventDetails = removeChip(event);
           if (!eventDetails.isPropagationAllowed) {

package/combobox/clear/ComboboxClear.js

@@ -101,19 +101,21 @@ const ComboboxClear = exports.ComboboxClear = /*#__PURE__*/React.forwardRef(func
         if (disabled || readOnly) {
           return;
         }
-        const keyboardActiveRef = store.state.keyboardActiveRef;
+        const type = store.state.keyboardActiveRef.current ? _reasons.REASONS.keyboard : _reasons.REASONS.pointer;
         store.state.setInputValue('', (0, _createBaseUIEventDetails.createChangeEventDetails)(_reasons.REASONS.clearPress, event.nativeEvent));
         if (selectionMode !== 'none') {
           store.state.setSelectedValue(Array.isArray(selectedValue) ? [] : null, (0, _createBaseUIEventDetails.createChangeEventDetails)(_reasons.REASONS.clearPress, event.nativeEvent));
+          // A distinct object shape: `Store.update` iterates own keys, so passing an explicit
+          // `selectedIndex: undefined` would overwrite the state instead of leaving it alone.
           store.state.setIndices({
             activeIndex: null,
             selectedIndex: null,
-            type: keyboardActiveRef.current ? 'keyboard' : 'pointer'
+            type
           });
         } else {
           store.state.setIndices({
             activeIndex: null,
-            type: keyboardActiveRef.current ? 'keyboard' : 'pointer'
+            type
           });
         }
         store.state.inputRef.current?.focus();

package/combobox/clear/ComboboxClear.mjs

@@ -95,19 +95,21 @@ export const ComboboxClear = /*#__PURE__*/React.forwardRef(function ComboboxClea
         if (disabled || readOnly) {
           return;
         }
-        const keyboardActiveRef = store.state.keyboardActiveRef;
+        const type = store.state.keyboardActiveRef.current ? REASONS.keyboard : REASONS.pointer;
         store.state.setInputValue('', createChangeEventDetails(REASONS.clearPress, event.nativeEvent));
         if (selectionMode !== 'none') {
           store.state.setSelectedValue(Array.isArray(selectedValue) ? [] : null, createChangeEventDetails(REASONS.clearPress, event.nativeEvent));
+          // A distinct object shape: `Store.update` iterates own keys, so passing an explicit
+          // `selectedIndex: undefined` would overwrite the state instead of leaving it alone.
           store.state.setIndices({
             activeIndex: null,
             selectedIndex: null,
-            type: keyboardActiveRef.current ? 'keyboard' : 'pointer'
+            type
           });
         } else {
           store.state.setIndices({
             activeIndex: null,
-            type: keyboardActiveRef.current ? 'keyboard' : 'pointer'
+            type
           });
         }
         store.state.inputRef.current?.focus();

package/combobox/clear/ComboboxClearDataAttributes.d.mts

@@ -12,7 +12,7 @@ export declare enum ComboboxClearDataAttributes {
    */
   visible = "data-visible",
   /**
-   * Present when the button is animating in.
+   * Present when the button begins animating in.
    */
   startingStyle = "data-starting-style",
   /**

package/combobox/clear/ComboboxClearDataAttributes.d.ts

@@ -12,7 +12,7 @@ export declare enum ComboboxClearDataAttributes {
    */
   visible = "data-visible",
   /**
-   * Present when the button is animating in.
+   * Present when the button begins animating in.
    */
   startingStyle = "data-starting-style",
   /**

package/combobox/clear/ComboboxClearDataAttributes.js

@@ -19,7 +19,7 @@ let ComboboxClearDataAttributes = exports.ComboboxClearDataAttributes = function
    */
   ComboboxClearDataAttributes["visible"] = "data-visible";
   /**
-   * Present when the button is animating in.
+   * Present when the button begins animating in.
    */
   ComboboxClearDataAttributes[ComboboxClearDataAttributes["startingStyle"] = _popupStateMapping.CommonPopupDataAttributes.startingStyle] = "startingStyle";
   /**

package/combobox/clear/ComboboxClearDataAttributes.mjs

@@ -13,7 +13,7 @@ export let ComboboxClearDataAttributes = function (ComboboxClearDataAttributes)
    */
   ComboboxClearDataAttributes["visible"] = "data-visible";
   /**
-   * Present when the button is animating in.
+   * Present when the button begins animating in.
    */
   ComboboxClearDataAttributes[ComboboxClearDataAttributes["startingStyle"] = CommonPopupDataAttributes.startingStyle] = "startingStyle";
   /**

package/combobox/collection/ComboboxCollection.d.mts

@@ -7,7 +7,7 @@ import * as React from 'react';
  *
  * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
-export declare function ComboboxCollection(props: ComboboxCollection.Props): React.JSX.Element | null;
+export declare function ComboboxCollection(props: ComboboxCollection.Props): React.JSX.Element;
 export interface ComboboxCollectionState {}
 export interface ComboboxCollectionProps {
   children: (item: any, index: number) => React.ReactNode;

package/combobox/collection/ComboboxCollection.d.ts

@@ -7,7 +7,7 @@ import * as React from 'react';
  *
  * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
-export declare function ComboboxCollection(props: ComboboxCollection.Props): React.JSX.Element | null;
+export declare function ComboboxCollection(props: ComboboxCollection.Props): React.JSX.Element;
 export interface ComboboxCollectionState {}
 export interface ComboboxCollectionProps {
   children: (item: any, index: number) => React.ReactNode;

package/combobox/collection/ComboboxCollection.js

@@ -27,9 +27,6 @@ function ComboboxCollection(props) {
   } = (0, _ComboboxRootContext.useComboboxDerivedItemsContext)();
   const groupContext = (0, _GroupCollectionContext.useGroupCollectionContext)();
   const itemsToRender = groupContext ? groupContext.items : filteredItems;
-  if (!itemsToRender) {
-    return null;
-  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
     children: itemsToRender.map(children)
   });

package/combobox/collection/ComboboxCollection.mjs

@@ -22,9 +22,6 @@ export function ComboboxCollection(props) {
   } = useComboboxDerivedItemsContext();
   const groupContext = useGroupCollectionContext();
   const itemsToRender = groupContext ? groupContext.items : filteredItems;
-  if (!itemsToRender) {
-    return null;
-  }
   return /*#__PURE__*/_jsx(React.Fragment, {
     children: itemsToRender.map(children)
   });

package/combobox/group-label/ComboboxGroupLabel.js

@@ -32,7 +32,7 @@ const ComboboxGroupLabel = exports.ComboboxGroupLabel = /*#__PURE__*/React.forwa
   (0, _useIsoLayoutEffect.useIsoLayoutEffect)(() => {
     setLabelId(id);
     return () => {
-      setLabelId(undefined);
+      setLabelId(currentId => currentId === id ? undefined : currentId);
     };
   }, [id, setLabelId]);
   const element = (0, _useRenderElement.useRenderElement)('div', componentProps, {

package/combobox/group-label/ComboboxGroupLabel.mjs

@@ -27,7 +27,7 @@ export const ComboboxGroupLabel = /*#__PURE__*/React.forwardRef(function Combobo
   useIsoLayoutEffect(() => {
     setLabelId(id);
     return () => {
-      setLabelId(undefined);
+      setLabelId(currentId => currentId === id ? undefined : currentId);
     };
   }, [id, setLabelId]);
   const element = useRenderElement('div', componentProps, {

package/combobox/index.d.mts

@@ -24,4 +24,5 @@ export type * from "./chip-remove/ComboboxChipRemove.mjs";
 export type * from "./clear/ComboboxClear.mjs";
 export type * from "./status/ComboboxStatus.mjs";
 export type * from "./collection/ComboboxCollection.mjs";
+export type * from "./separator/ComboboxSeparator.mjs";
 export type { Filter as ComboboxFilter, UseComboboxFilterOptions as ComboboxFilterOptions } from "./root/utils/useFilter.mjs";

package/combobox/index.d.ts

@@ -24,4 +24,5 @@ export type * from "./chip-remove/ComboboxChipRemove.js";
 export type * from "./clear/ComboboxClear.js";
 export type * from "./status/ComboboxStatus.js";
 export type * from "./collection/ComboboxCollection.js";
+export type * from "./separator/ComboboxSeparator.js";
 export type { Filter as ComboboxFilter, UseComboboxFilterOptions as ComboboxFilterOptions } from "./root/utils/useFilter.js";

package/combobox/index.parts.d.mts

@@ -23,6 +23,6 @@ export { ComboboxRow as Row } from "./row/ComboboxRow.mjs";
 export { ComboboxCollection as Collection } from "./collection/ComboboxCollection.mjs";
 export { ComboboxEmpty as Empty } from "./empty/ComboboxEmpty.mjs";
 export { ComboboxClear as Clear } from "./clear/ComboboxClear.mjs";
-export { Separator } from "../separator/index.mjs";
+export { ComboboxSeparator as Separator } from "./separator/ComboboxSeparator.mjs";
 export { useComboboxFilter as useFilter } from "./root/utils/useFilter.mjs";
 export { useFilteredItems } from "./root/utils/useFilteredItems.mjs";

package/combobox/index.parts.d.ts

@@ -23,6 +23,6 @@ export { ComboboxRow as Row } from "./row/ComboboxRow.js";
 export { ComboboxCollection as Collection } from "./collection/ComboboxCollection.js";
 export { ComboboxEmpty as Empty } from "./empty/ComboboxEmpty.js";
 export { ComboboxClear as Clear } from "./clear/ComboboxClear.js";
-export { Separator } from "../separator/index.js";
+export { ComboboxSeparator as Separator } from "./separator/ComboboxSeparator.js";
 export { useComboboxFilter as useFilter } from "./root/utils/useFilter.js";
 export { useFilteredItems } from "./root/utils/useFilteredItems.js";

package/combobox/index.parts.js

@@ -138,7 +138,7 @@ Object.defineProperty(exports, "Row", {
 Object.defineProperty(exports, "Separator", {
   enumerable: true,
   get: function () {
-    return _separator.Separator;
+    return _ComboboxSeparator.ComboboxSeparator;
   }
 });
 Object.defineProperty(exports, "Status", {
@@ -196,6 +196,6 @@ var _ComboboxRow = require("./row/ComboboxRow");
 var _ComboboxCollection = require("./collection/ComboboxCollection");
 var _ComboboxEmpty = require("./empty/ComboboxEmpty");
 var _ComboboxClear = require("./clear/ComboboxClear");
-var _separator = require("../separator");
+var _ComboboxSeparator = require("./separator/ComboboxSeparator");
 var _useFilter = require("./root/utils/useFilter");
 var _useFilteredItems = require("./root/utils/useFilteredItems");

package/combobox/index.parts.mjs

@@ -23,6 +23,6 @@ export { ComboboxRow as Row } from "./row/ComboboxRow.mjs";
 export { ComboboxCollection as Collection } from "./collection/ComboboxCollection.mjs";
 export { ComboboxEmpty as Empty } from "./empty/ComboboxEmpty.mjs";
 export { ComboboxClear as Clear } from "./clear/ComboboxClear.mjs";
-export { Separator } from "../separator/index.mjs";
+export { ComboboxSeparator as Separator } from "./separator/ComboboxSeparator.mjs";
 export { useComboboxFilter as useFilter } from "./root/utils/useFilter.mjs";
 export { useFilteredItems } from "./root/utils/useFilteredItems.mjs";

package/combobox/input/ComboboxInput.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { BaseUIComponentProps } 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 text input to search for items in the list.
  * Renders an `<input>` element.

package/combobox/input/ComboboxInput.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { BaseUIComponentProps } 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 text input to search for items in the list.
  * Renders an `<input>` element.