@base-ui/react 1.2.0 → 1.4.0

package/collapsible/root/CollapsibleRoot.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseUIComponentProps } from "../../utils/types.js";
-import { useCollapsibleRoot } from "./useCollapsibleRoot.js";
+import { type UseCollapsibleRootReturnValue } from "./useCollapsibleRoot.js";
 import type { BaseUIChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
 import { REASONS } from "../../utils/reasons.js";
 /**
@@ -10,8 +10,8 @@ import { REASONS } from "../../utils/reasons.js";
  * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)
  */
 export declare const CollapsibleRoot: React.ForwardRefExoticComponent<Omit<CollapsibleRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface CollapsibleRootState extends Pick<useCollapsibleRoot.ReturnValue, 'open' | 'disabled'> {}
-export interface CollapsibleRootProps extends BaseUIComponentProps<'div', CollapsibleRoot.State> {
+export interface CollapsibleRootState extends Pick<UseCollapsibleRootReturnValue, 'open' | 'disabled'> {}
+export interface CollapsibleRootProps extends BaseUIComponentProps<'div', CollapsibleRootState> {
   /**
    * Whether the collapsible panel is currently open.
    *

package/collapsible/root/CollapsibleRoot.js

@@ -27,6 +27,7 @@ const CollapsibleRoot = exports.CollapsibleRoot = /*#__PURE__*/React.forwardRef(
     disabled = false,
     onOpenChange: onOpenChangeProp,
     open,
+    style,
     ...elementProps
   } = componentProps;
   const onOpenChange = (0, _useStableCallback.useStableCallback)(onOpenChangeProp);

package/collapsible/root/CollapsibleRootContext.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import type { useCollapsibleRoot } from "./useCollapsibleRoot.js";
-import type { CollapsibleRoot } from "./CollapsibleRoot.js";
+import type { UseCollapsibleRootReturnValue } from "./useCollapsibleRoot.js";
+import type { CollapsibleRoot, CollapsibleRootState } from "./CollapsibleRoot.js";
 import type { TransitionStatus } from "../../utils/useTransitionStatus.js";
-export interface CollapsibleRootContext extends useCollapsibleRoot.ReturnValue {
+export interface CollapsibleRootContext extends UseCollapsibleRootReturnValue {
   onOpenChange: (open: boolean, eventDetails: CollapsibleRoot.ChangeEventDetails) => void;
-  state: CollapsibleRoot.State;
+  state: CollapsibleRootState;
   transitionStatus: TransitionStatus;
 }
 export declare const CollapsibleRootContext: React.Context<CollapsibleRootContext | undefined>;

package/collapsible/root/stateAttributesMapping.d.ts

@@ -1,3 +1,3 @@
 import type { StateAttributesMapping } from "../../utils/getStateAttributesProps.js";
-import type { CollapsibleRoot } from "./CollapsibleRoot.js";
-export declare const collapsibleStateAttributesMapping: StateAttributesMapping<CollapsibleRoot.State>;
+import type { CollapsibleRootState } from "./CollapsibleRoot.js";
+export declare const collapsibleStateAttributesMapping: StateAttributesMapping<CollapsibleRootState>;

package/collapsible/root/useCollapsibleRoot.d.ts

@@ -6,7 +6,7 @@ export interface Dimensions {
   height: number | undefined;
   width: number | undefined;
 }
-export declare function useCollapsibleRoot(parameters: useCollapsibleRoot.Parameters): useCollapsibleRoot.ReturnValue;
+export declare function useCollapsibleRoot(parameters: UseCollapsibleRootParameters): UseCollapsibleRootReturnValue;
 export interface UseCollapsibleRootParameters {
   /**
    * Whether the collapsible panel is currently open.
@@ -44,7 +44,9 @@ export interface UseCollapsibleRootReturnValue {
    */
   height: number | undefined;
   /**
-   * Whether the collapsible panel is currently mounted.
+   * Whether the collapsible panel is mounted for transition and hidden-state
+   * purposes. This can be `false` while the element remains in the DOM when
+   * `keepMounted` or `hiddenUntilFound` is enabled.
    */
   mounted: boolean;
   /**
@@ -57,7 +59,7 @@ export interface UseCollapsibleRootReturnValue {
   setDimensions: React.Dispatch<React.SetStateAction<Dimensions>>;
   setHiddenUntilFound: React.Dispatch<React.SetStateAction<boolean>>;
   setKeepMounted: React.Dispatch<React.SetStateAction<boolean>>;
-  setMounted: (open: boolean) => void;
+  setMounted: (nextMounted: boolean) => void;
   setOpen: (open: boolean) => void;
   setPanelIdState: (id: string | undefined) => void;
   setVisible: React.Dispatch<React.SetStateAction<boolean>>;
@@ -73,7 +75,4 @@ export interface UseCollapsibleRootReturnValue {
    */
   width: number | undefined;
 }
-export declare namespace useCollapsibleRoot {
-  type Parameters = UseCollapsibleRootParameters;
-  type ReturnValue = UseCollapsibleRootReturnValue;
-}
+export interface UseCollapsibleRootState {}

package/collapsible/root/useCollapsibleRoot.js

@@ -85,13 +85,14 @@ function useCollapsibleRoot(parameters) {
   });
   (0, _useIsoLayoutEffect.useIsoLayoutEffect)(() => {
     /**
-     * Unmount immediately when closing in controlled mode and keepMounted={false}
-     * and no CSS animations or transitions are applied
+     * Close immediately in controlled mode when no CSS animations or
+     * transitions are applied. `keepMounted` only keeps the element in the
+     * DOM; `mounted` must still become `false` so the panel regains `hidden`.
      */
-    if (isControlled && animationTypeRef.current === 'none' && !keepMounted && !open) {
+    if (isControlled && animationTypeRef.current === 'none' && !open) {
       setMounted(false);
     }
-  }, [isControlled, keepMounted, open, openParam, setMounted]);
+  }, [isControlled, open, openParam, setMounted]);
   return React.useMemo(() => ({
     abortControllerRef,
     animationTypeRef,

package/collapsible/trigger/CollapsibleTrigger.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseUIComponentProps, NativeButtonProps } from "../../utils/types.js";
-import { CollapsibleRoot } from "../root/CollapsibleRoot.js";
+import { type CollapsibleRootState } from "../root/CollapsibleRoot.js";
 /**
  * A button that opens and closes the collapsible panel.
  * Renders a `<button>` element.
@@ -8,7 +8,9 @@ import { CollapsibleRoot } from "../root/CollapsibleRoot.js";
  * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)
  */
 export declare const CollapsibleTrigger: React.ForwardRefExoticComponent<Omit<CollapsibleTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export interface CollapsibleTriggerProps extends NativeButtonProps, BaseUIComponentProps<'button', CollapsibleRoot.State> {}
+export interface CollapsibleTriggerState extends CollapsibleRootState {}
+export interface CollapsibleTriggerProps extends NativeButtonProps, BaseUIComponentProps<'button', CollapsibleTriggerState> {}
 export declare namespace CollapsibleTrigger {
+  type State = CollapsibleTriggerState;
   type Props = CollapsibleTriggerProps;
 }

package/collapsible/trigger/CollapsibleTrigger.js

@@ -37,6 +37,7 @@ const CollapsibleTrigger = exports.CollapsibleTrigger = /*#__PURE__*/React.forwa
     id,
     render,
     nativeButton = true,
+    style,
     ...elementProps
   } = componentProps;
   const {

package/combobox/arrow/ComboboxArrow.d.ts

@@ -4,6 +4,8 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
 /**
  * Displays an element positioned against the anchor.
  * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 export declare const ComboboxArrow: React.ForwardRefExoticComponent<Omit<ComboboxArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface ComboboxArrowState {
@@ -11,11 +13,20 @@ export interface ComboboxArrowState {
    * Whether the popup is currently open.
    */
   open: boolean;
+  /**
+   * The side of the anchor the component is placed on.
+   */
   side: Side;
+  /**
+   * The alignment of the component relative to the anchor.
+   */
   align: Align;
+  /**
+   * Whether the arrow cannot be centered on the anchor.
+   */
   uncentered: boolean;
 }
-export interface ComboboxArrowProps extends BaseUIComponentProps<'div', ComboboxArrow.State> {}
+export interface ComboboxArrowProps extends BaseUIComponentProps<'div', ComboboxArrowState> {}
 export declare namespace ComboboxArrow {
   type State = ComboboxArrowState;
   type Props = ComboboxArrowProps;

package/combobox/arrow/ComboboxArrow.js

@@ -16,11 +16,14 @@ var _popupStateMapping = require("../../utils/popupStateMapping");
 /**
  * Displays an element positioned against the anchor.
  * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 const ComboboxArrow = exports.ComboboxArrow = /*#__PURE__*/React.forwardRef(function ComboboxArrow(componentProps, forwardedRef) {
   const {
     className,
     render,
+    style,
     ...elementProps
   } = componentProps;
   const store = (0, _ComboboxRootContext.useComboboxRootContext)();

package/combobox/backdrop/ComboboxBackdrop.d.ts

@@ -4,14 +4,19 @@ import type { TransitionStatus } from "../../utils/useTransitionStatus.js";
 /**
  * An overlay displayed beneath the popup.
  * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 export declare const ComboboxBackdrop: React.ForwardRefExoticComponent<Omit<ComboboxBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface ComboboxBackdropProps extends BaseUIComponentProps<'div', ComboboxBackdrop.State> {}
+export interface ComboboxBackdropProps extends BaseUIComponentProps<'div', ComboboxBackdropState> {}
 export interface ComboboxBackdropState {
   /**
    * Whether the popup is currently open.
    */
   open: boolean;
+  /**
+   * The transition status of the component.
+   */
   transitionStatus: TransitionStatus;
 }
 export declare namespace ComboboxBackdrop {

package/combobox/backdrop/ComboboxBackdrop.js

@@ -21,11 +21,14 @@ const stateAttributesMapping = {
 /**
  * An overlay displayed beneath the popup.
  * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 const ComboboxBackdrop = exports.ComboboxBackdrop = /*#__PURE__*/React.forwardRef(function ComboboxBackdrop(componentProps, forwardedRef) {
   const {
     className,
     render,
+    style,
     ...elementProps
   } = componentProps;
   const store = (0, _ComboboxRootContext.useComboboxRootContext)();

package/combobox/chip/ComboboxChip.d.ts

@@ -3,6 +3,8 @@ import { BaseUIComponentProps } from "../../utils/types.js";
 /**
  * An individual chip that represents a value in a multiselectable input.
  * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 export declare const ComboboxChip: React.ForwardRefExoticComponent<Omit<ComboboxChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface ComboboxChipState {
@@ -11,7 +13,7 @@ export interface ComboboxChipState {
    */
   disabled: boolean;
 }
-export interface ComboboxChipProps extends BaseUIComponentProps<'div', ComboboxChip.State> {}
+export interface ComboboxChipProps extends BaseUIComponentProps<'div', ComboboxChipState> {}
 export declare namespace ComboboxChip {
   type State = ComboboxChipState;
   type Props = ComboboxChipProps;

package/combobox/chip/ComboboxChip.js

@@ -22,11 +22,14 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * An individual chip that represents a value in a multiselectable input.
  * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 const ComboboxChip = exports.ComboboxChip = /*#__PURE__*/React.forwardRef(function ComboboxChip(componentProps, forwardedRef) {
   const {
     render,
     className,
+    style,
     ...elementProps
   } = componentProps;
   const store = (0, _ComboboxRootContext.useComboboxRootContext)();
@@ -52,7 +55,7 @@ const ComboboxChip = exports.ComboboxChip = /*#__PURE__*/React.forwardRef(functi
       }
     } else if (event.key === 'ArrowRight') {
       event.preventDefault();
-      if (index < selectedValue.length - 1) {
+      if (index < chipsRef.current.length - 1) {
         nextIndex = index + 1;
       } else {
         nextIndex = undefined;
@@ -104,16 +107,6 @@ const ComboboxChip = exports.ComboboxChip = /*#__PURE__*/React.forwardRef(functi
         } else {
           chipsRef.current[nextIndex]?.focus();
         }
-      },
-      onMouseDown(event) {
-        if (readOnly) {
-          return;
-        }
-        event.preventDefault();
-        if (disabled) {
-          return;
-        }
-        store.state.inputRef.current?.focus();
       }
     }, elementProps]
   });

package/combobox/chip-remove/ComboboxChipRemove.d.ts

@@ -3,6 +3,8 @@ import { BaseUIComponentProps, NativeButtonProps } from "../../utils/types.js";
 /**
  * A button to remove a chip.
  * Renders a `<button>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 export declare const ComboboxChipRemove: React.ForwardRefExoticComponent<Omit<ComboboxChipRemoveProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export interface ComboboxChipRemoveState {
@@ -11,7 +13,7 @@ export interface ComboboxChipRemoveState {
    */
   disabled: boolean;
 }
-export interface ComboboxChipRemoveProps extends NativeButtonProps, BaseUIComponentProps<'button', ComboboxChipRemove.State> {}
+export interface ComboboxChipRemoveProps extends NativeButtonProps, BaseUIComponentProps<'button', ComboboxChipRemoveState> {}
 export declare namespace ComboboxChipRemove {
   type State = ComboboxChipRemoveState;
   type Props = ComboboxChipRemoveProps;

package/combobox/chip-remove/ComboboxChipRemove.js

@@ -20,6 +20,8 @@ var _itemEquality = require("../../utils/itemEquality");
 /**
  * A button to remove a chip.
  * Renders a `<button>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 const ComboboxChipRemove = exports.ComboboxChipRemove = /*#__PURE__*/React.forwardRef(function ComboboxChipRemove(componentProps, forwardedRef) {
   const {
@@ -27,6 +29,7 @@ const ComboboxChipRemove = exports.ComboboxChipRemove = /*#__PURE__*/React.forwa
     className,
     disabled: disabledProp = false,
     nativeButton = true,
+    style,
     ...elementProps
   } = componentProps;
   const store = (0, _ComboboxRootContext.useComboboxRootContext)();
@@ -78,6 +81,9 @@ const ComboboxChipRemove = exports.ComboboxChipRemove = /*#__PURE__*/React.forwa
     state,
     props: [{
       tabIndex: -1,
+      onMouseDown(event) {
+        event.preventDefault();
+      },
       onClick(event) {
         if (disabled || readOnly) {
           return;

package/combobox/chips/ComboboxChips.d.ts

@@ -1,12 +1,14 @@
 import * as React from 'react';
-import { BaseUIComponentProps } from "../../utils/types.js";
+import type { BaseUIComponentProps } from "../../utils/types.js";
 /**
  * A container for the chips in a multiselectable input.
  * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 export declare const ComboboxChips: React.ForwardRefExoticComponent<Omit<ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface ComboboxChipsState {}
-export interface ComboboxChipsProps extends BaseUIComponentProps<'div', ComboboxChips.State> {}
+export interface ComboboxChipsProps extends BaseUIComponentProps<'div', ComboboxChipsState> {}
 export declare namespace ComboboxChips {
   type State = ComboboxChipsState;
   type Props = ComboboxChipsProps;

package/combobox/chips/ComboboxChips.js

@@ -14,15 +14,19 @@ var _CompositeList = require("../../composite/list/CompositeList");
 var _ComboboxRootContext = require("../root/ComboboxRootContext");
 var _store2 = require("../store");
 var _constants = require("../../utils/constants");
+var _handleInputPress = require("../utils/handleInputPress");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * A container for the chips in a multiselectable input.
  * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 const ComboboxChips = exports.ComboboxChips = /*#__PURE__*/React.forwardRef(function ComboboxChips(componentProps, forwardedRef) {
   const {
     render,
     className,
+    style,
     ...elementProps
   } = componentProps;
   const store = (0, _ComboboxRootContext.useComboboxRootContext)();
@@ -39,7 +43,11 @@ const ComboboxChips = exports.ComboboxChips = /*#__PURE__*/React.forwardRef(func
     // arrow keys inside a container unless it has a toolbar role.
     props: [hasSelectionChips ? {
       role: 'toolbar'
-    } : _constants.EMPTY_OBJECT, elementProps]
+    } : _constants.EMPTY_OBJECT, {
+      onMouseDown(event) {
+        (0, _handleInputPress.handleInputPress)(event, store, store.state.disabled, store.state.readOnly);
+      }
+    }, elementProps]
   });
   const contextValue = React.useMemo(() => ({
     highlightedChipIndex,

package/combobox/clear/ComboboxClear.d.ts

@@ -4,6 +4,8 @@ import { TransitionStatus } from "../../utils/useTransitionStatus.js";
 /**
  * Clears the value when clicked.
  * Renders a `<button>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 export declare const ComboboxClear: React.ForwardRefExoticComponent<Omit<ComboboxClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export interface ComboboxClearState {
@@ -15,9 +17,12 @@ export interface ComboboxClearState {
    * Whether the component should ignore user interaction.
    */
   disabled: boolean;
+  /**
+   * The transition status of the component.
+   */
   transitionStatus: TransitionStatus;
 }
-export interface ComboboxClearProps extends NativeButtonProps, BaseUIComponentProps<'button', ComboboxClear.State> {
+export interface ComboboxClearProps extends NativeButtonProps, BaseUIComponentProps<'button', ComboboxClearState> {
   /**
    * Whether the component should ignore user interaction.
    * @default false

package/combobox/clear/ComboboxClear.js

@@ -27,6 +27,8 @@ const stateAttributesMapping = {
 /**
  * Clears the value when clicked.
  * Renders a `<button>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 const ComboboxClear = exports.ComboboxClear = /*#__PURE__*/React.forwardRef(function ComboboxClear(componentProps, forwardedRef) {
   const {
@@ -35,6 +37,7 @@ const ComboboxClear = exports.ComboboxClear = /*#__PURE__*/React.forwardRef(func
     disabled: disabledProp = false,
     nativeButton = true,
     keepMounted = false,
+    style,
     ...elementProps
   } = componentProps;
   const {

package/combobox/collection/ComboboxCollection.d.ts

@@ -4,11 +4,15 @@ import * as React from 'react';
  * Doesn't render its own HTML element.
  *
  * If rendering a flat list, pass a function child to the `List` component instead, which implicitly wraps it.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 export declare function ComboboxCollection(props: ComboboxCollection.Props): React.JSX.Element | null;
+export interface ComboboxCollectionState {}
 export interface ComboboxCollectionProps {
   children: (item: any, index: number) => React.ReactNode;
 }
 export declare namespace ComboboxCollection {
+  type State = ComboboxCollectionState;
   type Props = ComboboxCollectionProps;
 }

package/combobox/collection/ComboboxCollection.js

@@ -15,6 +15,8 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Doesn't render its own HTML element.
  *
  * If rendering a flat list, pass a function child to the `List` component instead, which implicitly wraps it.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 function ComboboxCollection(props) {
   const {

package/combobox/empty/ComboboxEmpty.d.ts

@@ -4,11 +4,17 @@ import { BaseUIComponentProps } from "../../utils/types.js";
  * Renders its children only when the list is empty.
  * Requires the `items` prop on the root component.
  * Announces changes politely to screen readers.
+ * This component's root element must remain mounted in the DOM to announce
+ * changes consistently across screen readers. Avoid hiding or removing the
+ * component itself with `display: none`, `hidden`, `aria-hidden`, or conditional
+ * rendering. Prefer updating or conditionally rendering its children instead.
  * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 export declare const ComboboxEmpty: React.ForwardRefExoticComponent<Omit<ComboboxEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface ComboboxEmptyState {}
-export interface ComboboxEmptyProps extends BaseUIComponentProps<'div', ComboboxEmpty.State> {}
+export interface ComboboxEmptyProps extends BaseUIComponentProps<'div', ComboboxEmptyState> {}
 export declare namespace ComboboxEmpty {
   type State = ComboboxEmptyState;
   type Props = ComboboxEmptyProps;

package/combobox/empty/ComboboxEmpty.js

@@ -9,16 +9,24 @@ exports.ComboboxEmpty = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _useRenderElement = require("../../utils/useRenderElement");
 var _ComboboxRootContext = require("../root/ComboboxRootContext");
+var _useInitialLiveRegionTextMutation = require("../utils/useInitialLiveRegionTextMutation");
 /**
  * Renders its children only when the list is empty.
  * Requires the `items` prop on the root component.
  * Announces changes politely to screen readers.
+ * This component's root element must remain mounted in the DOM to announce
+ * changes consistently across screen readers. Avoid hiding or removing the
+ * component itself with `display: none`, `hidden`, `aria-hidden`, or conditional
+ * rendering. Prefer updating or conditionally rendering its children instead.
  * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 const ComboboxEmpty = exports.ComboboxEmpty = /*#__PURE__*/React.forwardRef(function ComboboxEmpty(componentProps, forwardedRef) {
   const {
     render,
     className,
+    style,
     children: childrenProp,
     ...elementProps
   } = componentProps;
@@ -26,9 +34,10 @@ const ComboboxEmpty = exports.ComboboxEmpty = /*#__PURE__*/React.forwardRef(func
     filteredItems
   } = (0, _ComboboxRootContext.useComboboxDerivedItemsContext)();
   const store = (0, _ComboboxRootContext.useComboboxRootContext)();
+  const emptyRef = (0, _useInitialLiveRegionTextMutation.useInitialLiveRegionTextMutation)();
   const children = filteredItems.length === 0 ? childrenProp : null;
   return (0, _useRenderElement.useRenderElement)('div', componentProps, {
-    ref: [forwardedRef, store.state.emptyRef],
+    ref: [forwardedRef, store.state.emptyRef, emptyRef],
     props: [{
       children,
       role: 'status',

package/combobox/group/ComboboxGroup.d.ts

@@ -3,10 +3,12 @@ import { BaseUIComponentProps } from "../../utils/types.js";
 /**
  * Groups related items with the corresponding label.
  * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 export declare const ComboboxGroup: React.ForwardRefExoticComponent<Omit<ComboboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface ComboboxGroupState {}
-export interface ComboboxGroupProps extends BaseUIComponentProps<'div', ComboboxGroup.State> {
+export interface ComboboxGroupProps extends BaseUIComponentProps<'div', ComboboxGroupState> {
   /**
    * Items to be rendered within this group.
    * When provided, child `Collection` components will use these items.

package/combobox/group/ComboboxGroup.js

@@ -14,11 +14,14 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Groups related items with the corresponding label.
  * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 const ComboboxGroup = exports.ComboboxGroup = /*#__PURE__*/React.forwardRef(function ComboboxGroup(componentProps, forwardedRef) {
   const {
     render,
     className,
+    style,
     items,
     ...elementProps
   } = componentProps;

package/combobox/group-label/ComboboxGroupLabel.d.ts

@@ -3,10 +3,12 @@ import { BaseUIComponentProps } from "../../utils/types.js";
 /**
  * An accessible label that is automatically associated with its parent group.
  * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 export declare const ComboboxGroupLabel: React.ForwardRefExoticComponent<Omit<ComboboxGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface ComboboxGroupLabelState {}
-export interface ComboboxGroupLabelProps extends BaseUIComponentProps<'div', ComboboxGroupLabel.State> {}
+export interface ComboboxGroupLabelProps extends BaseUIComponentProps<'div', ComboboxGroupLabelState> {}
 export declare namespace ComboboxGroupLabel {
   type State = ComboboxGroupLabelState;
   type Props = ComboboxGroupLabelProps;

package/combobox/group-label/ComboboxGroupLabel.js

@@ -14,11 +14,14 @@ var _useRenderElement = require("../../utils/useRenderElement");
 /**
  * An accessible label that is automatically associated with its parent group.
  * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 const ComboboxGroupLabel = exports.ComboboxGroupLabel = /*#__PURE__*/React.forwardRef(function ComboboxGroupLabel(componentProps, forwardedRef) {
   const {
     render,
     className,
+    style,
     id: idProp,
     ...elementProps
   } = componentProps;

package/combobox/icon/ComboboxIcon.d.ts

@@ -3,10 +3,12 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
 /**
  * An icon that indicates that the trigger button opens the popup.
  * Renders a `<span>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 export declare const ComboboxIcon: React.ForwardRefExoticComponent<Omit<ComboboxIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export interface ComboboxIconState {}
-export interface ComboboxIconProps extends BaseUIComponentProps<'span', ComboboxIcon.State> {}
+export interface ComboboxIconProps extends BaseUIComponentProps<'span', ComboboxIconState> {}
 export declare namespace ComboboxIcon {
   type State = ComboboxIconState;
   type Props = ComboboxIconProps;

package/combobox/icon/ComboboxIcon.js

@@ -11,11 +11,14 @@ var _useRenderElement = require("../../utils/useRenderElement");
 /**
  * An icon that indicates that the trigger button opens the popup.
  * Renders a `<span>` element.
+ *
+ * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
  */
 const ComboboxIcon = exports.ComboboxIcon = /*#__PURE__*/React.forwardRef(function ComboboxIcon(componentProps, forwardedRef) {
   const {
     className,
     render,
+    style,
     ...elementProps
   } = componentProps;
   const element = (0, _useRenderElement.useRenderElement)('span', componentProps, {

package/combobox/index.d.ts

@@ -1,7 +1,9 @@
 export * as Combobox from "./index.parts.js";
 export type * from "./root/ComboboxRoot.js";
+export type * from "./label/ComboboxLabel.js";
 export type * from "./trigger/ComboboxTrigger.js";
 export type * from "./input/ComboboxInput.js";
+export type * from "./input-group/ComboboxInputGroup.js";
 export type * from "./popup/ComboboxPopup.js";
 export type * from "./positioner/ComboboxPositioner.js";
 export type * from "./list/ComboboxList.js";

package/combobox/index.parts.d.ts

@@ -1,6 +1,8 @@
 export { ComboboxRoot as Root } from "./root/ComboboxRoot.js";
+export { ComboboxLabel as Label } from "./label/ComboboxLabel.js";
 export { ComboboxValue as Value } from "./value/ComboboxValue.js";
 export { ComboboxInput as Input } from "./input/ComboboxInput.js";
+export { ComboboxInputGroup as InputGroup } from "./input-group/ComboboxInputGroup.js";
 export { ComboboxTrigger as Trigger } from "./trigger/ComboboxTrigger.js";
 export { ComboboxList as List } from "./list/ComboboxList.js";
 export { ComboboxStatus as Status } from "./status/ComboboxStatus.js";