@base-ui/react 1.0.0-rc.2 → 1.1.0

package/CHANGELOG.md

@@ -1,16 +1,153 @@
 # Versions
 
-## v1.0.0-rc.2
+## v1.1.0
 
-_Dec 11, 2025_
+_Jan 15, 2026_
+
+### General changes
 
-There are no changes in the library code between RC.1 and RC.2.
+- Fix `onOpenChangeComplete(true)` timing (#3558) by @atomiks
+- Fix touch `openMethod` when tapping outside element bounds on Safari (#3541) by @atomiks
+- Fix visually hidden input styles across form components (#3606) by @atomiks
+- Fix click and drags outside a nested popup component from closing its parents (#3571) by @atomiks
+- Fix forwarded ref types (#3638) by @atomiks
+- Fix detached trigger remounting (#3724) by @atomiks
+- Include `ref` in `BaseUIComponentProps` (#2813) by @atomiks
+- Remove duplicated `disabled` prop (#3650) by @seongminn
+- Allow `actionsRef` to be `null` (#3682) by @mj12albert
 
-## v1.0.0-rc.1
+### Accordion
+
+- Fix keyboard navigation with non-interactive trigger elements (#3684) by @ZeeshanTamboli
+
+### Autocomplete
+
+- Add `data-popup-side` and `data-list-empty` state attributes to `<Autocomplete.Trigger>` (#3491) by @atomiks
+- Add `loopFocus` prop (#3592) by @atomiks
+- Fix hidden input `id` and `required` props (#3640) by @atomiks
+
+### Button
+
+- Remove discriminated props union (#3643) by @atomiks
+
+### Checkbox
+
+- Fix hidden input `id` and `required` props (#3640) by @atomiks
+
+### Combobox
+
+- Add `data-popup-side` and `data-list-empty` state attributes to `<Combobox.Trigger>` (#3491) by @atomiks
+- Add `loopFocus` prop (#3592) by @atomiks
+- Add `toolbar` role to `<Combobox.Chips>` to prevent NVDA from entering browse mode (#3647) by @atomiks
+- Add `placeholder` prop to `<Combobox.Value>` (#3604) by @atomiks
+- Fix controlled `value` prop when `items` change (#3607) by @atomiks
+- Fix `multiple` values label resolution in `<Combobox.Value>` (#3314) by @atomiks
+- Forward root `id` to visible form element (#3722) by @atomiks
+- Do not trigger Field `onBlur` handlers when opening popup (#3609) by @atomiks
+
+### Context Menu
+
+- Avoid creating sibling elements next to trigger (#3645) by @atomiks
+
+### CSP Provider
+
+- Add `CSPProvider` (#3553) by @atomiks
+
+### Dialog
+
+- Fix `Maximum update depth exceeded` error with Suspense (#3700) by @michaldudak
+- Fix `<Dialog.Title>` forwardedRef type (#3736) by @ZeeshanTamboli
+
+### Field
+
+- Add `actionsRef` prop (#3395) by @mj12albert
+- Add `nativeLabel` prop to `<Field.Label>` (#3723) by @atomiks
+- Add missing type export (#3702) by @DiegoAndai
+
+### Form
+
+- Add `actionsRef` prop (#3395) by @mj12albert
+
+### Menu
+
+- Fix focus guard handling (#3654) by @atomiks
+- Avoid disabling modality on click after hover-open (#3455) by @atomiks
+
+### Menubar
+
+- Fix submenu outside-press dismiss on touch (#3556) by @atomiks
+
+### Number Field
+
+- Fix Field `data-focused` state (#3563) by @atomiks
+- Fix hidden input focus on submit (#3581) by @atomiks
+
+### Popover
+
+- Fix popup auto resize glitches (#3591) by @atomiks
+- Fix focus guard handling (#3654) by @atomiks
+- Prevent disabling focus management when clicking trigger before hover delay completes (#3572) by @atomiks
+- Refactor popup auto resize logic. It is no longer necessary to specify `--positioner-width`/`--positioner-height` CSS variables on `<Popover.Positioner>` when using detached triggers unless the `Viewport` part has been added to the JSX. (#3652) by @atomiks
+
+### Preview Card
+
+- Support detached triggers (#3566) by @michaldudak and @atomiks
+
+### Radio Group
+
+- Fix `value` type (#3582) by @atomiks
+- Fix hidden input `id` and `required` props (#3640) by @atomiks
+
+### Scroll Area
+
+- Perf improvements (#3536) by @atomiks
+
+### Select
+
+- Add `placeholder` prop to `<Select.Value>` (#3604) by @atomiks
+- Fix support for transform animations when `alignItemWithTrigger` is active (#3532) by @atomiks
+- Fix support for `max-height` popup style when `alignItemWithTrigger` is active (#3573) by @atomiks
+- Fix `data-filled` state in `multiple` mode (#3608) by @atomiks
+- Fix highlight being removed on popup mouseout when `highlightItemOnHover` is disabled (#3492) by @atomiks
+- Fix support for individual transform animations when `alignItemWithTrigger` is active (#3637) by @atomiks
+- Fix `multiple` values label resolution in `<Select.Value>` (#3314) by @atomiks
+- Forward root `id` to visible form element (#3722) by @atomiks
+- Do not trigger Field `onBlur` handlers when opening popup (#3609) by @atomiks
+
+### Slider
+
+- Fix `onValueCommitted` not called for range sliders (#3600) by @mj12albert
+
+### Switch
+
+- Add `value` prop (#3676) by @Grafikart
+- Fix hidden input `id` and `required` props (#3640) by @atomiks
+
+### Toast
+
+- Fix timers not being rescheduled when updated (#3564) by @atomiks
+
+### Tooltip
+
+- Fix popup auto resize glitches (#3591) by @atomiks
+- Fix `trackCursorAxis` handling (#3679) by @atomiks
+- Refactor popup auto resize logic. It is no longer necessary to specify `--positioner-width`/`--positioner-height` CSS variables on `<Tooltip.Positioner>` when using detached triggers unless the `Viewport` part has been added to the JSX. (#3652) by @atomiks
+
+### mergeProps
+
+- Make `mergeProps` public (#3642) by @michaldudak and @LukasTy
+
+### useRender
+
+- Export missing types (#3565) by @michaldudak
+
+All contributors of this release in alphabetical order: @albertdugba, @atomiks, @brijeshb42, @chuganzy, @colmtuite, @dav-is, @DiegoAndai, @Grafikart, @Janpot, @LukasTy, @michaldudak, @mj12albert, @oliviertassinari, @seongminn, @updbqn, @ZeeshanTamboli
+
+## v1.0.0
 
 _Dec 11, 2025_
 
-### General Changes
+### General changes
 
 - **Breaking change:** Rename packages to use the `@base-ui` org.<br />
   The package name has changed from `@base-ui-components/react` to `@base-ui/react`.
@@ -69,6 +206,20 @@ _Dec 11, 2025_
 
 All contributors of this release in alphabetical order: @atomiks, @LukasTy, @michaldudak, @mj12albert, @mnajdova, @oliviertassinari, @pondorasti, @romgrk, @ZeeshanTamboli
 
+## v1.0.0-rc.2
+
+_Dec 11, 2025_
+
+This release contains the same code as v1.0.0.
+Please refer to that version to see the changes.
+
+## v1.0.0-rc.1
+
+_Dec 11, 2025_
+
+This release contains the same code as v1.0.0.
+Please refer to that version to see the changes.
+
 ## v1.0.0-rc.0
 
 _Dec 4, 2025_

package/README.md

@@ -25,7 +25,7 @@ Use the "base-ui" tag on Stack Overflow to make it easier for the community to
 
 ## Contributing
 
-Read the [contributing guide](/CONTRIBUTING.md) to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.
+Read the [contributing guide](../../CONTRIBUTING.md) to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.
 
 Contributing to Base UI is about more than just issues and pull requests!
 There are many other ways to [support Base UI](https://mui.com/material-ui/getting-started/faq/#mui-is-awesome-how-can-i-support-the-project) beyond contributing to the code base.
@@ -40,8 +40,7 @@ Future plans and high-priority features and enhancements can be found in the [ro
 
 ## License
 
-This project is licensed under the terms of the
-[MIT license](/LICENSE).
+This project is licensed under the terms of the [MIT license](../../LICENSE).
 
 ## Security
 

package/accordion/header/AccordionHeader.d.ts

@@ -7,7 +7,7 @@ import type { AccordionItem } from "../item/AccordionItem.js";
  *
  * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
  */
-export declare const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const AccordionHeader: React.ForwardRefExoticComponent<Omit<AccordionHeaderProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 export interface AccordionHeaderProps extends BaseUIComponentProps<'h3', AccordionItem.State> {}
 export declare namespace AccordionHeader {
   type Props = AccordionHeaderProps;

package/accordion/item/AccordionItem.d.ts

@@ -10,7 +10,7 @@ import { REASONS } from "../../utils/reasons.js";
  *
  * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
  */
-export declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface AccordionItemState extends AccordionRoot.State {
   index: number;
   open: boolean;

package/accordion/panel/AccordionPanel.d.ts

@@ -9,7 +9,7 @@ import type { TransitionStatus } from "../../utils/useTransitionStatus.js";
  *
  * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
  */
-export declare const AccordionPanel: React.ForwardRefExoticComponent<AccordionPanelProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionPanel: React.ForwardRefExoticComponent<Omit<AccordionPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface AccordionPanelState extends AccordionItem.State {
   transitionStatus: TransitionStatus;
 }

package/accordion/root/AccordionRoot.d.ts

@@ -8,7 +8,7 @@ import { REASONS } from "../../utils/reasons.js";
  *
  * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
  */
-export declare const AccordionRoot: React.ForwardRefExoticComponent<AccordionRootProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionRoot: React.ForwardRefExoticComponent<Omit<AccordionRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export type AccordionValue = (any | null)[];
 export interface AccordionRootState {
   value: AccordionValue;

package/accordion/trigger/AccordionTrigger.d.ts

@@ -7,7 +7,7 @@ import type { AccordionItem } from "../item/AccordionItem.js";
  *
  * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
  */
-export declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<Element>>;
+export declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionTriggerProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export interface AccordionTriggerProps extends NativeButtonProps, BaseUIComponentProps<'button', AccordionItem.State> {}
 export declare namespace AccordionTrigger {
   type Props = AccordionTriggerProps;

package/accordion/trigger/AccordionTrigger.js

@@ -25,8 +25,8 @@ function getActiveTriggers(accordionItemRefs) {
   for (let i = 0; i < accordionItemElements.length; i += 1) {
     const section = accordionItemElements[i];
     if (!(0, _isElementDisabled.isElementDisabled)(section)) {
-      const trigger = section?.querySelector('[type="button"]');
-      if (!(0, _isElementDisabled.isElementDisabled)(trigger)) {
+      const trigger = section?.querySelector('[type="button"], [role="button"]');
+      if (trigger && !(0, _isElementDisabled.isElementDisabled)(trigger)) {
         output.push(trigger);
       }
     }
@@ -89,7 +89,6 @@ const AccordionTrigger = exports.AccordionTrigger = /*#__PURE__*/React.forwardRe
   const props = React.useMemo(() => ({
     'aria-controls': open ? panelId : undefined,
     'aria-expanded': open,
-    disabled,
     id,
     onClick: handleTrigger,
     onKeyDown(event) {
@@ -158,7 +157,7 @@ const AccordionTrigger = exports.AccordionTrigger = /*#__PURE__*/React.forwardRe
         triggers[nextIndex].focus();
       }
     }
-  }), [accordionItemRefs, disabled, handleTrigger, id, isHorizontal, isRtl, loopFocus, open, panelId]);
+  }), [accordionItemRefs, handleTrigger, id, isHorizontal, isRtl, loopFocus, open, panelId]);
   const element = (0, _useRenderElement.useRenderElement)('button', componentProps, {
     state,
     ref: [forwardedRef, buttonRef],

package/alert-dialog/root/AlertDialogRoot.d.ts

@@ -21,10 +21,10 @@ export interface AlertDialogRootProps<Payload = unknown> extends Omit<DialogRoot
    * Useful when the dialog's animation is controlled by an external library.
    * - `close`: Closes the dialog imperatively when called.
    */
-  actionsRef?: React.RefObject<AlertDialogRoot.Actions>;
+  actionsRef?: React.RefObject<AlertDialogRoot.Actions | null>;
   /**
-   * A handle to associate the popover with a trigger.
-   * If specified, allows external triggers to control the popover's open state.
+   * A handle to associate the alert dialog with a trigger.
+   * If specified, allows external triggers to control the alert dialog's open state.
    * Can be created with the AlertDialog.createHandle() method.
    */
   handle?: DialogHandle<Payload>;

package/autocomplete/root/AutocompleteRoot.d.ts

@@ -90,7 +90,7 @@ export interface AutocompleteRootProps<ItemValue> extends Omit<AriaCombobox.Prop
    * Instead, the `unmount` function must be called to unmount the autocomplete manually.
    * Useful when the autocomplete's animation is controlled by an external library.
    */
-  actionsRef?: React.RefObject<AutocompleteRootActions>;
+  actionsRef?: React.RefObject<AutocompleteRootActions | null>;
   /**
    * Event handler called when the popup is opened or closed.
    */

package/avatar/fallback/AvatarFallback.d.ts

@@ -7,7 +7,7 @@ import type { AvatarRoot } from "../root/AvatarRoot.js";
  *
  * Documentation: [Base UI Avatar](https://base-ui.com/react/components/avatar)
  */
-export declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarFallbackProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export interface AvatarFallbackProps extends BaseUIComponentProps<'span', AvatarRoot.State> {
   /**
    * How long to wait before showing the fallback. Specified in milliseconds.

package/avatar/image/AvatarImage.d.ts

@@ -8,7 +8,7 @@ import { ImageLoadingStatus } from "./useImageLoadingStatus.js";
  *
  * Documentation: [Base UI Avatar](https://base-ui.com/react/components/avatar)
  */
-export declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
+export declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
 export interface AvatarImageProps extends BaseUIComponentProps<'img', AvatarRoot.State> {
   /**
    * Callback fired when the loading status changes.

package/avatar/root/AvatarRoot.d.ts

@@ -6,7 +6,7 @@ import { BaseUIComponentProps } from "../../utils/types.js";
  *
  * Documentation: [Base UI Avatar](https://base-ui.com/react/components/avatar)
  */
-export declare const AvatarRoot: React.ForwardRefExoticComponent<AvatarRootProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const AvatarRoot: React.ForwardRefExoticComponent<Omit<AvatarRootProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export type ImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
 export interface AvatarRootState {
   imageLoadingStatus: ImageLoadingStatus;

package/button/Button.d.ts

@@ -1,39 +1,26 @@
 import * as React from 'react';
-import type { BaseUIComponentProps, NativeButtonProps, NonNativeButtonProps } from "../utils/types.js";
+import type { BaseUIComponentProps, NativeButtonProps } from "../utils/types.js";
 /**
  * A button component that can be used to trigger actions.
  * Renders a `<button>` element.
  *
  * Documentation: [Base UI Button](https://base-ui.com/react/components/button)
  */
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>;
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export interface ButtonState {
   /**
    * Whether the button should ignore user interaction.
    */
   disabled: boolean;
 }
-interface ButtonCommonProps {
-  /**
-   * Whether the button should ignore user interaction.
-   */
-  disabled?: boolean;
+export interface ButtonProps extends NativeButtonProps, BaseUIComponentProps<'button', ButtonState> {
   /**
    * Whether the button should be focusable when disabled.
    * @default false
    */
   focusableWhenDisabled?: boolean;
 }
-type NonNativeAttributeKeys = 'form' | 'formAction' | 'formEncType' | 'formMethod' | 'formNoValidate' | 'formTarget' | 'name' | 'type' | 'value';
-interface ButtonNativeProps extends NativeButtonProps, ButtonCommonProps, Omit<BaseUIComponentProps<'button', ButtonState>, 'disabled'> {
-  nativeButton?: true;
-}
-interface ButtonNonNativeProps extends NonNativeButtonProps, ButtonCommonProps, Omit<BaseUIComponentProps<'button', ButtonState>, NonNativeAttributeKeys | 'disabled'> {
-  nativeButton: false;
-}
-export type ButtonProps = ButtonNativeProps | ButtonNonNativeProps;
 export declare namespace Button {
   type State = ButtonState;
   type Props = ButtonProps;
-}
-export {};
+}

package/button/Button.js

@@ -19,12 +19,11 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef(function Button(co
   const {
     render,
     className,
-    disabled: disabledProp = false,
+    disabled = false,
     focusableWhenDisabled = false,
     nativeButton = true,
     ...elementProps
   } = componentProps;
-  const disabled = Boolean(disabledProp);
   const {
     getButtonProps,
     buttonRef

package/checkbox/indicator/CheckboxIndicator.d.ts

@@ -8,7 +8,7 @@ import { type TransitionStatus } from "../../utils/useTransitionStatus.js";
  *
  * Documentation: [Base UI Checkbox](https://base-ui.com/react/components/checkbox)
  */
-export declare const CheckboxIndicator: React.ForwardRefExoticComponent<CheckboxIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const CheckboxIndicator: React.ForwardRefExoticComponent<Omit<CheckboxIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export interface CheckboxIndicatorState extends CheckboxRoot.State {
   transitionStatus: TransitionStatus;
 }

package/checkbox/indicator/CheckboxIndicatorDataAttributes.d.ts

@@ -7,6 +7,10 @@ export declare enum CheckboxIndicatorDataAttributes {
    * Present when the checkbox is not checked.
    */
   unchecked = "data-unchecked",
+  /**
+   * Present when the checkbox is in an indeterminate state.
+   */
+  indeterminate = "data-indeterminate",
   /**
    * Present when the checkbox is disabled.
    */

package/checkbox/indicator/CheckboxIndicatorDataAttributes.js

@@ -14,6 +14,10 @@ let CheckboxIndicatorDataAttributes = exports.CheckboxIndicatorDataAttributes =
    * Present when the checkbox is not checked.
    */
   CheckboxIndicatorDataAttributes["unchecked"] = "data-unchecked";
+  /**
+   * Present when the checkbox is in an indeterminate state.
+   */
+  CheckboxIndicatorDataAttributes["indeterminate"] = "data-indeterminate";
   /**
    * Present when the checkbox is disabled.
    */

package/checkbox/root/CheckboxRoot.d.ts

@@ -10,7 +10,7 @@ export declare const PARENT_CHECKBOX = "data-parent";
  *
  * Documentation: [Base UI Checkbox](https://base-ui.com/react/components/checkbox)
  */
-export declare const CheckboxRoot: React.ForwardRefExoticComponent<CheckboxRootProps & React.RefAttributes<HTMLElement>>;
+export declare const CheckboxRoot: React.ForwardRefExoticComponent<Omit<CheckboxRootProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export interface CheckboxRootState extends FieldRoot.State {
   /**
    * Whether the checkbox is currently ticked.

package/checkbox/root/CheckboxRoot.js

@@ -176,11 +176,12 @@ const CheckboxRoot = exports.CheckboxRoot = /*#__PURE__*/React.forwardRef(functi
     disabled,
     // parent checkboxes unset `name` to be excluded from form submission
     name: parent ? undefined : name,
-    // Set `id` to stop Chrome warning about an unassociated input
-    id: inputId ?? undefined,
+    // Set `id` to stop Chrome warning about an unassociated input.
+    // When using a native button, the `id` is applied to the button instead.
+    id: nativeButton ? undefined : inputId ?? undefined,
     required,
     ref: mergedInputRef,
-    style: _visuallyHidden.visuallyHidden,
+    style: name ? _visuallyHidden.visuallyHiddenInput : _visuallyHidden.visuallyHidden,
     tabIndex: -1,
     type: 'checkbox',
     'aria-hidden': true,
@@ -231,7 +232,7 @@ const CheckboxRoot = exports.CheckboxRoot = /*#__PURE__*/React.forwardRef(functi
     state,
     ref: [buttonRef, controlRef, forwardedRef, groupContext?.registerControlRef],
     props: [{
-      id,
+      id: nativeButton ? inputId ?? undefined : id,
       role: 'checkbox',
       'aria-checked': groupIndeterminate ? 'mixed' : checked,
       'aria-readonly': readOnly || undefined,

package/checkbox/root/CheckboxRootDataAttributes.d.ts

@@ -7,6 +7,10 @@ export declare enum CheckboxRootDataAttributes {
    * Present when the checkbox is not checked.
    */
   unchecked = "data-unchecked",
+  /**
+   * Present when the checkbox is in an indeterminate state.
+   */
+  indeterminate = "data-indeterminate",
   /**
    * Present when the checkbox is disabled.
    */

package/checkbox/root/CheckboxRootDataAttributes.js

@@ -13,6 +13,10 @@ let CheckboxRootDataAttributes = exports.CheckboxRootDataAttributes = /*#__PURE_
    * Present when the checkbox is not checked.
    */
   CheckboxRootDataAttributes["unchecked"] = "data-unchecked";
+  /**
+   * Present when the checkbox is in an indeterminate state.
+   */
+  CheckboxRootDataAttributes["indeterminate"] = "data-indeterminate";
   /**
    * Present when the checkbox is disabled.
    */

package/checkbox-group/CheckboxGroup.d.ts

@@ -8,7 +8,7 @@ import { REASONS } from "../utils/reasons.js";
  *
  * Documentation: [Base UI Checkbox Group](https://base-ui.com/react/components/checkbox-group)
  */
-export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<Omit<CheckboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface CheckboxGroupState extends FieldRoot.State {
   /**
    * Whether the component should ignore user interaction.

package/collapsible/panel/CollapsiblePanel.d.ts

@@ -8,7 +8,7 @@ import type { TransitionStatus } from "../../utils/useTransitionStatus.js";
  *
  * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)
  */
-export declare const CollapsiblePanel: React.ForwardRefExoticComponent<CollapsiblePanelProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CollapsiblePanel: React.ForwardRefExoticComponent<Omit<CollapsiblePanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface CollapsiblePanelState extends CollapsibleRoot.State {
   transitionStatus: TransitionStatus;
 }

package/collapsible/root/CollapsibleRoot.d.ts

@@ -9,7 +9,7 @@ import { REASONS } from "../../utils/reasons.js";
  *
  * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)
  */
-export declare const CollapsibleRoot: React.ForwardRefExoticComponent<CollapsibleRootProps & React.RefAttributes<HTMLDivElement>>;
+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> {
   /**

package/collapsible/trigger/CollapsibleTrigger.d.ts

@@ -7,7 +7,7 @@ import { CollapsibleRoot } from "../root/CollapsibleRoot.js";
  *
  * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)
  */
-export declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const CollapsibleTrigger: React.ForwardRefExoticComponent<Omit<CollapsibleTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export interface CollapsibleTriggerProps extends NativeButtonProps, BaseUIComponentProps<'button', CollapsibleRoot.State> {}
 export declare namespace CollapsibleTrigger {
   type Props = CollapsibleTriggerProps;

package/collapsible/trigger/CollapsibleTrigger.js

@@ -50,9 +50,8 @@ const CollapsibleTrigger = exports.CollapsibleTrigger = /*#__PURE__*/React.forwa
   const props = React.useMemo(() => ({
     'aria-controls': open ? panelId : undefined,
     'aria-expanded': open,
-    disabled,
     onClick: handleTrigger
-  }), [panelId, disabled, open, handleTrigger]);
+  }), [panelId, open, handleTrigger]);
   const element = (0, _useRenderElement.useRenderElement)('button', componentProps, {
     state,
     ref: [forwardedRef, buttonRef],

package/combobox/arrow/ComboboxArrow.d.ts

@@ -5,7 +5,7 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
  * Displays an element positioned against the anchor.
  * Renders a `<div>` element.
  */
-export declare const ComboboxArrow: React.ForwardRefExoticComponent<ComboboxArrowProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ComboboxArrow: React.ForwardRefExoticComponent<Omit<ComboboxArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface ComboboxArrowState {
   /**
    * Whether the popup is currently open.

package/combobox/backdrop/ComboboxBackdrop.d.ts

@@ -5,7 +5,7 @@ import type { TransitionStatus } from "../../utils/useTransitionStatus.js";
  * An overlay displayed beneath the popup.
  * Renders a `<div>` element.
  */
-export declare const ComboboxBackdrop: React.ForwardRefExoticComponent<ComboboxBackdropProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ComboboxBackdrop: React.ForwardRefExoticComponent<Omit<ComboboxBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface ComboboxBackdropProps extends BaseUIComponentProps<'div', ComboboxBackdrop.State> {}
 export interface ComboboxBackdropState {
   /**

package/combobox/chip/ComboboxChip.d.ts

@@ -4,7 +4,7 @@ import { BaseUIComponentProps } from "../../utils/types.js";
  * An individual chip that represents a value in a multiselectable input.
  * Renders a `<div>` element.
  */
-export declare const ComboboxChip: React.ForwardRefExoticComponent<ComboboxChipProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ComboboxChip: React.ForwardRefExoticComponent<Omit<ComboboxChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface ComboboxChipState {
   /**
    * Whether the component should ignore user interaction.

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

@@ -4,7 +4,7 @@ import { BaseUIComponentProps, NativeButtonProps } from "../../utils/types.js";
  * A button to remove a chip.
  * Renders a `<button>` element.
  */
-export declare const ComboboxChipRemove: React.ForwardRefExoticComponent<ComboboxChipRemoveProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ComboboxChipRemove: React.ForwardRefExoticComponent<Omit<ComboboxChipRemoveProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export interface ComboboxChipRemoveState {
   /**
    * Whether the component should ignore user interaction.

package/combobox/chip-remove/ComboboxChipRemove.js

@@ -25,6 +25,7 @@ const ComboboxChipRemove = exports.ComboboxChipRemove = /*#__PURE__*/React.forwa
   const {
     render,
     className,
+    disabled: disabledProp = false,
     nativeButton = true,
     ...elementProps
   } = componentProps;
@@ -32,10 +33,11 @@ const ComboboxChipRemove = exports.ComboboxChipRemove = /*#__PURE__*/React.forwa
   const {
     index
   } = (0, _ComboboxChipContext.useComboboxChipContext)();
-  const disabled = (0, _store.useStore)(store, _store2.selectors.disabled);
+  const comboboxDisabled = (0, _store.useStore)(store, _store2.selectors.disabled);
   const readOnly = (0, _store.useStore)(store, _store2.selectors.readOnly);
   const selectedValue = (0, _store.useStore)(store, _store2.selectors.selectedValue);
   const isItemEqualToValue = (0, _store.useStore)(store, _store2.selectors.isItemEqualToValue);
+  const disabled = comboboxDisabled || disabledProp;
   const {
     buttonRef,
     getButtonProps
@@ -52,7 +54,6 @@ const ComboboxChipRemove = exports.ComboboxChipRemove = /*#__PURE__*/React.forwa
     state,
     props: [{
       tabIndex: -1,
-      disabled,
       'aria-readonly': readOnly || undefined,
       onClick(event) {
         if (disabled || readOnly) {

package/combobox/chips/ComboboxChips.d.ts

@@ -4,7 +4,7 @@ import { BaseUIComponentProps } from "../../utils/types.js";
  * A container for the chips in a multiselectable input.
  * Renders a `<div>` element.
  */
-export declare const ComboboxChips: React.ForwardRefExoticComponent<ComboboxChipsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ComboboxChips: React.ForwardRefExoticComponent<Omit<ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface ComboboxChipsState {}
 export interface ComboboxChipsProps extends BaseUIComponentProps<'div', ComboboxChips.State> {}
 export declare namespace ComboboxChips {