@base-ui/react 1.2.0 → 1.4.0

package/CHANGELOG.md

@@ -1,5 +1,283 @@
 # Versions
 
+## v1.4.0
+
+_Apr 13, 2026_
+
+### General Changes
+
+- Improve `render` prop warning accuracy (#4324, #4363) by @atomiks
+- Fix `preventBaseUIHandler` runtime wrapping (#4330) by @atomiks
+- Fix Uncaught TypeError: Converting circular structure to JSON (#4452) by @Profesor08
+- Expose `form` prop on hidden inputs (#4352) by @atomiks
+- Add `suppressHydrationWarning` to hidden inputs (#4482) by @devxoul
+- Fix outside-press dismissal in a shared shadow root (#4333) by @atomiks
+- Fix `Positioner` not repositioning to a different trigger when reopened with `keepMounted` (#4407) by @mdm317
+- Lock scroll of full-width anchored `modal` popups with touch input (#3100) by @atomiks
+
+### Alert Dialog
+
+- Fix detached trigger HMR with recreated handles (#4472) by @atomiks
+
+### Autocomplete
+
+- Fix initial live region announcements (#4286) by @atomiks
+
+### Avatar
+
+- Fix flash when image is cached (#4469) by @mj12albert
+
+### Checkbox
+
+- Fix uncontrolled default initialization (#4535) by @atomiks
+- Prevent input state changes in `readOnly` mode (#4551) by @tsbehlman
+
+### Collapsible
+
+- Fix open state when `keepMounted` has no transitions (#4555) by @mj12albert
+
+### Combobox
+
+- Fix clicks in `Chips`/`InputGroup` areas not focusing the input or opening the popup (#4296) by @CiscoFran10
+- Fix iOS viewport settling (#4351) by @atomiks
+- Fix initial live region announcements (#4286) by @atomiks
+- Prevent scroll lock when a controlled value triggers a re-render (#4507) by @ryanrhee
+- Fix browser autofill with object values when autofill uses the label (#4560) by @mattrothenberg
+- Prevent item taps from blurring the input (#4578) by @atomiks
+- Respect rendered chips for keyboard navigation (#4572) by @atomiks
+
+### Dialog
+
+- Fix detached trigger HMR with recreated handles (#4472) by @atomiks
+
+### Drawer
+
+- Fix touch scroll in portaled popups (#4382) by @atomiks
+- Fix nested swipe cancel state (#4410) by @atomiks
+- Fix interrupted swipe dismiss cleanup (#4467) by @lunaxislu
+- Warn when a popup is missing `Viewport` (#4495) by @atomiks
+- Prevent dialogs from affecting nested drawer stack (#4493) by @atomiks
+
+### Field
+
+- Fix form error matching in `<Field.Error>` (#4494) by @atomiks
+
+### Menu
+
+- Fix `SubmenuTrigger` not respecting disabled state from `render` (#3858) by @CiscoFran10
+- Preserve dialog focus on pointer leave (#4581) by @atomiks
+
+### Navigation Menu
+
+- Remove invalid `aria-orientation` attribute (#4355) by @atomiks
+- Add generic `Value` typing (#4328) by @atomiks
+- Fix initial trigger switch size snap (#4327) by @atomiks
+- Fix top-level trigger pointer events blocking (#4362) by @atomiks
+- Fix reverse <kbd>Shift</kbd>+<kbd>Tab</kbd> submenu re-entry (#4464) by @atomiks
+- Fix nested inline submenu hover handoff (#4413) by @atomiks
+- Fix transition width when reopening (#4587) by @mdm317
+
+### Number Field
+
+- Fix format rounding error on blur (#4557) by @atomiks
+
+### OTP Field
+
+- Add preview `OTPField` component for one-time password and verification code entry (#4365) by @atomiks
+
+### Popover
+
+- Remove stray focus guards around trigger when `modal` (#4350) by @atomiks
+- Sync hover open event state (#4526) by @atomiks
+
+### Preview Card
+
+- Fix hover reopen race conditions across close transitions (#4446) by @arturbien
+
+### Select
+
+- Fix browser autofill with object values when autofill uses the label (#4560) by @mattrothenberg
+- Preserve touch exit animations (#4325) by @atomiks
+- Fix touch reopen highlight (#4356) by @atomiks
+- Fix scroll arrows stopping short of the edges (#4447) by @atomiks
+- Fix RTL-aligned popup positioning with `alignItemWithTrigger` (#4531) by @atomiks
+
+### Slider
+
+- Fix edge thumb alignment after reveal (#4354) by @atomiks
+- Remove extra TalkBack focus targets (#4242) by @atomiks
+- Fix keyboard floating-point rounding (#4548) by @atomiks
+- Skip client-only prehydration scripts (#4530) by @atomiks
+
+### Switch
+
+- Prevent input state changes in `readOnly` mode (#4551) by @tsbehlman
+
+### Tabs
+
+- Fix `activationDirection` not updating on programmatic value changes (#4347) by @LukasTy
+- Fix activation direction on first render (#4532) by @atomiks
+- Skip client-only prehydration scripts (#4530) by @atomiks
+
+### Toast
+
+- Keep viewport expanded while touch swiping (#4411) by @atomiks
+- Add upsert support to `add` method (#4440) by @atomiks
+- Fix timers not resuming after window regains focus (#4438) by @kyrregjerstad
+
+### Toggle Group
+
+- Fix incorrect keyboard nav on cross axis (#4488) by @mj12albert
+
+All contributors of this release in alphabetical order : @arturbien, @atomiks, @CiscoFran10, @devxoul, @flaviendelangle, @kyrregjerstad, @LukasTy, @lunaxislu, @mattrothenberg, @mdm317, @michaldudak, @mj12albert, @Profesor08, @ryanrhee, @sai6855, @tsbehlman
+
+## v1.3.0
+
+_Mar 12, 2026_
+
+### General Changes
+
+- Warn when a component function is rendered directly (#4077) by @atomiks
+- Reset `openMethod` after close transition (#4128) by @atomiks
+- Fire <kbd>Space</kbd> activation on `keydown` in composite widgets (#4053) by @atomiks
+- Skip CSS-hidden items during keyboard navigation in composite widgets (#4195) by @atomiks
+- Optimize hot paths in `useHover` hooks and `safePolygon` (#4199) by @atomiks
+- Snap `--anchor-width` and `--anchor-height` to device pixel grid (#4082) by @flaviendelangle
+- Fix outside press dismissal when a component is portaled into a shadow DOM (#4230) by @dmitri-gb
+- Fix nested hoverable popups (#4206) by @dmitri-gb
+- Apply `data-base-ui-inert` to highest-level node (#3955) by @atomiks
+- Fix portable types (#4058) by @cgatian
+
+### Accordion
+
+- Add generic `Value` typing (#4138) by @atomiks
+
+### Autocomplete
+
+- Respect a `null` `filter` prop (#4117) by @atomiks
+- Add `InputGroup` part (#3745) by @atomiks
+
+### Avatar
+
+- Remove fallback transition logic and prevent premature image display (#4110) by @atomiks
+
+### Button
+
+- Avoid checking `disabled` twice in `onKeyDown` and `onKeyUp` (#4132) by @flaviendelangle
+
+### Checkbox
+
+- Add automatic `aria-labelledby` support (#4142) by @atomiks
+
+### Combobox
+
+- Avoid applying field attributes to input when it is inside popup (#4154) by @atomiks
+- Preserve inline input on `Enter` when nothing is highlighted (#4235) by @atomiks
+- Fix ARIA attributes during SSR (#4179) by @atomiks
+- Fix wrapping in virtualized grid arrow-key navigation (#4164) by @atomiks
+- Add `InputGroup` part (#3745) by @atomiks
+- Add support for a visually hidden close button and improve modal focus trapping (#4084) by @atomiks
+- Add `Label` part (#4167) by @atomiks
+
+### Context Menu
+
+- Ignore `mouseup` on non-Mac platforms (#3944) by @atomiks
+
+### Drawer
+
+- **Breaking change:** `Drawer` is no longer marked as preview<br />
+  `Drawer` is now stable and should be imported as `{ Drawer } from '@base-ui/react/drawer'` (#4293) by @atomiks
+- Fix React 17 support (#4178) by @atomiks
+- Include border in frontmost height variable (#4202) by @atomiks
+- Improve touch selection (#4104) by @atomiks
+- Preserve cross-axis scrolling during touch gestures (#4187) by @atomiks
+- Prevent swipe dismissal when component is controlled (#4133) by @flaviendelangle
+- Add `SwipeArea` part (#4102) by @atomiks
+- Make `data-base-ui-swipe-ignore` explicit for touch interactions (#4295) by @atomiks
+- Disable inheritance for swipe CSS variables (#4099) by @atomiks
+
+### Field
+
+- Fix field validation when `Form` errors or `invalid` prop are present at same time (#4112) by @mj12albert
+
+### Menu
+
+- Prevent `pointerleave` from stealing focus from dialogs (#4125) by @atomiks
+- Optimize `pointer-events` for submenu hover interactions (#4231) by @atomiks
+- Fix `closeDelay` not being applied to `Menu.SubmenuTrigger` (#4134) by @flaviendelangle
+- Implement content transitions with `Viewport` (#4060) by @michaldudak
+
+### Meter
+
+- Fix label announcements in NVDA (#4200) by @mj12albert
+
+### Navigation Menu
+
+- Fix support for nested inline menus (#4198) by @atomiks
+- Fix close propagation in nested hover menus (#4285) by @atomiks
+- Close parent menus when nested link with `closeOnClick` is clicked (#4276) by @CiscoFran10
+- Fix duplicate `aria-orientation` (#4309) by @atomiks
+- Fix delayed trigger switches in Safari (#4310) by @atomiks
+
+### Number Field
+
+- Fix increment/decrement press `reason` values in `onValueCommitted` (#4259) by @jijiseong
+
+### Popover
+
+- Trap focus when `<Popover.Close>` is rendered inside and `modal` is `true`, and add support for a visually hidden close button (#4084) by @atomiks
+- Fix nested hoverable popups (#3798) by @flaviendelangle
+
+### Preview Card
+
+- Fix nested hoverable popups (#3798) by @flaviendelangle
+
+### Progress
+
+- Fix label announcements in NVDA (#4200) by @mj12albert
+
+### Radio Group
+
+- Add automatic `aria-labelledby` support (#4142) by @atomiks
+
+### Scroll Area
+
+- Fix focus trapping with a non-scrollable viewport (#4220) by @atomiks
+- Fix thumb size after remounting (#4107) by @atomiks
+
+### Select
+
+- Fix hidden input `id` fallback (#4135) by @atomiks
+- Fix `Value` placeholder not rendering with `Record` items (#4137) by @vcode-sh
+- Fire `onClick` during drag-to-select (#3969) by @obeattie
+- Fix `items` type definition for groups (#3884) by @aarongarciah
+- Fix `alignItemWithTrigger` fallback with browser zoom (#4292) by @atomiks
+- Add `Label` part (#4167) by @atomiks
+
+### Slider
+
+- Add `Label` part (#4167) by @atomiks
+- Stop committing validation on `touchend` (#4091) by @jijiseong
+
+### Switch
+
+- Add automatic `aria-labelledby` support (#4142) by @atomiks
+
+### Tabs
+
+- Re-render indicator position on tab resize (#4165) by @atomiks
+
+### Toast
+
+- Enable closing all toasts (#3979) by @chuganzy
+- Prevent duplicate `onClose` calls for ending toasts (#4280) by @chuganzy
+
+### Tooltip
+
+- Add `closeOnClick` prop (#4140) by @atomiks
+
+All contributors of this release in alphabetical order : @aarongarciah, @atomiks, @cgatian, @chuganzy, @CiscoFran10, @dmitri-gb, @flaviendelangle, @jijiseong, @michaldudak, @mj12albert, @obeattie, @vcode-sh
+
 ## v1.2.0
 
 _Feb 12, 2026_
@@ -937,7 +1215,7 @@ _Sep 3, 2025_
   ```diff
   -onOpenChange: (open, event, reason) => {
   +onOpenChange: (open, eventDetails) => {
-  -  if (reason === 'escape-key') {
+  - if (reason === 'escape-key') {
   +  if (eventDetails.reason === 'escape-key') {
        // ...
      }

package/accordion/header/AccordionHeader.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseUIComponentProps } from "../../utils/types.js";
-import type { AccordionItem } from "../item/AccordionItem.js";
+import type { AccordionItemState } from "../item/AccordionItem.js";
 /**
  * A heading that labels the corresponding panel.
  * Renders an `<h3>` element.
@@ -8,7 +8,9 @@ import type { AccordionItem } from "../item/AccordionItem.js";
  * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
  */
 export declare const AccordionHeader: React.ForwardRefExoticComponent<Omit<AccordionHeaderProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-export interface AccordionHeaderProps extends BaseUIComponentProps<'h3', AccordionItem.State> {}
+export interface AccordionHeaderState extends AccordionItemState {}
+export interface AccordionHeaderProps extends BaseUIComponentProps<'h3', AccordionHeaderState> {}
 export declare namespace AccordionHeader {
+  type State = AccordionHeaderState;
   type Props = AccordionHeaderProps;
 }

package/accordion/header/AccordionHeader.js

@@ -20,6 +20,7 @@ const AccordionHeader = exports.AccordionHeader = /*#__PURE__*/React.forwardRef(
   const {
     render,
     className,
+    style,
     ...elementProps
   } = componentProps;
   const {

package/accordion/item/AccordionItem.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { BaseUIComponentProps } from "../../utils/types.js";
-import { useCollapsibleRoot } from "../../collapsible/root/useCollapsibleRoot.js";
-import type { AccordionRoot } from "../root/AccordionRoot.js";
+import { type UseCollapsibleRootParameters } from "../../collapsible/root/useCollapsibleRoot.js";
+import type { AccordionRootState } from "../root/AccordionRoot.js";
 import { type BaseUIChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
 import { REASONS } from "../../utils/reasons.js";
 /**
@@ -11,11 +11,17 @@ import { REASONS } from "../../utils/reasons.js";
  * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
  */
 export declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface AccordionItemState extends AccordionRoot.State {
+export interface AccordionItemState extends AccordionRootState {
+  /**
+   * The item index.
+   */
   index: number;
+  /**
+   * Whether the component is open.
+   */
   open: boolean;
 }
-export interface AccordionItemProps extends BaseUIComponentProps<'div', AccordionItem.State>, Partial<Pick<useCollapsibleRoot.Parameters, 'disabled'>> {
+export interface AccordionItemProps extends BaseUIComponentProps<'div', AccordionItemState>, Partial<Pick<UseCollapsibleRootParameters, 'disabled'>> {
   /**
    * A unique value that identifies this accordion item.
    * If no value is provided, a unique ID will be generated automatically.

package/accordion/item/AccordionItem.js

@@ -31,6 +31,7 @@ const AccordionItem = exports.AccordionItem = /*#__PURE__*/React.forwardRef(func
     onOpenChange: onOpenChangeProp,
     render,
     value: valueProp,
+    style,
     ...elementProps
   } = componentProps;
   const {

package/accordion/item/AccordionItemContext.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import type { AccordionItem } from "./AccordionItem.js";
+import type { AccordionItemState } from "./AccordionItem.js";
 export interface AccordionItemContext {
   open: boolean;
-  state: AccordionItem.State;
+  state: AccordionItemState;
   setTriggerId: (id: string | undefined) => void;
   triggerId?: string | undefined;
 }

package/accordion/item/stateAttributesMapping.d.ts

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

package/accordion/panel/AccordionPanel.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { BaseUIComponentProps } from "../../utils/types.js";
 import type { AccordionRoot } from "../root/AccordionRoot.js";
-import type { AccordionItem } from "../item/AccordionItem.js";
+import type { AccordionItemState } from "../item/AccordionItem.js";
 import type { TransitionStatus } from "../../utils/useTransitionStatus.js";
 /**
  * A collapsible panel with the accordion item contents.
@@ -10,10 +10,13 @@ import type { TransitionStatus } from "../../utils/useTransitionStatus.js";
  * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
  */
 export declare const AccordionPanel: React.ForwardRefExoticComponent<Omit<AccordionPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface AccordionPanelState extends AccordionItem.State {
+export interface AccordionPanelState extends AccordionItemState {
+  /**
+   * The transition status of the component.
+   */
   transitionStatus: TransitionStatus;
 }
-export interface AccordionPanelProps extends BaseUIComponentProps<'div', AccordionPanel.State>, Pick<AccordionRoot.Props, 'hiddenUntilFound' | 'keepMounted'> {}
+export interface AccordionPanelProps extends BaseUIComponentProps<'div', AccordionPanelState>, Pick<AccordionRoot.Props, 'hiddenUntilFound' | 'keepMounted'> {}
 export declare namespace AccordionPanel {
   type State = AccordionPanelState;
   type Props = AccordionPanelProps;

package/accordion/panel/AccordionPanel.js

@@ -30,6 +30,7 @@ const AccordionPanel = exports.AccordionPanel = /*#__PURE__*/React.forwardRef(fu
     keepMounted: keepMountedProp,
     id: idProp,
     render,
+    style,
     ...elementProps
   } = componentProps;
   const {
@@ -140,7 +141,7 @@ const AccordionPanel = exports.AccordionPanel = /*#__PURE__*/React.forwardRef(fu
     }, elementProps],
     stateAttributesMapping: _stateAttributesMapping.accordionStateAttributesMapping
   });
-  const shouldRender = keepMounted || hiddenUntilFound || !keepMounted && mounted;
+  const shouldRender = keepMounted || hiddenUntilFound || mounted;
   if (!shouldRender) {
     return null;
   }

package/accordion/root/AccordionRoot.d.ts

@@ -8,36 +8,44 @@ import { REASONS } from "../../utils/reasons.js";
  *
  * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
  */
-export declare const AccordionRoot: React.ForwardRefExoticComponent<Omit<AccordionRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type AccordionValue = (any | null)[];
-export interface AccordionRootState {
-  value: AccordionValue;
+export declare const AccordionRoot: {
+  <Value = any>(props: AccordionRoot.Props<Value>): React.JSX.Element;
+};
+export type AccordionValue<Value = any> = Value[];
+export interface AccordionRootState<Value = any> {
+  /**
+   * The current value.
+   */
+  value: AccordionValue<Value>;
   /**
    * Whether the component should ignore user interaction.
    */
   disabled: boolean;
+  /**
+   * The component orientation.
+   */
   orientation: Orientation;
 }
-export interface AccordionRootProps extends BaseUIComponentProps<'div', AccordionRoot.State> {
+export interface AccordionRootProps<Value = any> extends BaseUIComponentProps<'div', AccordionRoot.State<Value>> {
   /**
    * The controlled value of the item(s) that should be expanded.
    *
    * To render an uncontrolled accordion, use the `defaultValue` prop instead.
    */
-  value?: AccordionValue | undefined;
+  value?: AccordionValue<Value> | undefined;
   /**
    * The uncontrolled value of the item(s) that should be initially expanded.
    *
    * To render a controlled accordion, use the `value` prop instead.
    */
-  defaultValue?: AccordionValue | undefined;
+  defaultValue?: AccordionValue<Value> | undefined;
   /**
    * Whether the component should ignore user interaction.
    * @default false
    */
   disabled?: boolean | undefined;
   /**
-   * Allows the browser’s built-in page search to find and expand the panel contents.
+   * Allows the browser's built-in page search to find and expand the panel contents.
    *
    * Overrides the `keepMounted` prop and uses `hidden="until-found"`
    * to hide the element without removing it from the DOM.
@@ -60,7 +68,7 @@ export interface AccordionRootProps extends BaseUIComponentProps<'div', Accordio
    * Event handler called when an accordion item is expanded or collapsed.
    * Provides the new value as an argument.
    */
-  onValueChange?: ((value: AccordionValue, eventDetails: AccordionRootChangeEventDetails) => void) | undefined;
+  onValueChange?: ((value: AccordionValue<Value>, eventDetails: AccordionRootChangeEventDetails) => void) | undefined;
   /**
    * Whether multiple items can be open at the same time.
    * @default false
@@ -76,8 +84,9 @@ export interface AccordionRootProps extends BaseUIComponentProps<'div', Accordio
 export type AccordionRootChangeEventReason = typeof REASONS.triggerPress | typeof REASONS.none;
 export type AccordionRootChangeEventDetails = BaseUIChangeEventDetails<AccordionRoot.ChangeEventReason>;
 export declare namespace AccordionRoot {
-  type State = AccordionRootState;
-  type Props = AccordionRootProps;
+  type Value<TValue = any> = AccordionValue<TValue>;
+  type State<TValue = any> = AccordionRootState<TValue>;
+  type Props<TValue = any> = AccordionRootProps<TValue>;
   type ChangeEventReason = AccordionRootChangeEventReason;
   type ChangeEventDetails = AccordionRootChangeEventDetails;
 }

package/accordion/root/AccordionRoot.js

@@ -41,6 +41,7 @@ const AccordionRoot = exports.AccordionRoot = /*#__PURE__*/React.forwardRef(func
     orientation = 'vertical',
     value: valueProp,
     defaultValue: defaultValueProp,
+    style,
     ...elementProps
   } = componentProps;
   const direction = (0, _DirectionContext.useDirection)();

package/accordion/root/AccordionRootContext.d.ts

@@ -1,18 +1,18 @@
 import * as React from 'react';
 import type { Orientation } from "../../utils/types.js";
 import type { TextDirection } from "../../direction-provider/index.js";
-import type { AccordionRoot, AccordionValue } from "./AccordionRoot.js";
-export interface AccordionRootContext {
+import type { AccordionRoot } from "./AccordionRoot.js";
+export interface AccordionRootContext<Value = any> {
   accordionItemRefs: React.RefObject<(HTMLElement | null)[]>;
   direction: TextDirection;
   disabled: boolean;
-  handleValueChange: (newValue: number | string, nextOpen: boolean) => void;
+  handleValueChange: (newValue: AccordionRoot.Value<Value>[number], nextOpen: boolean) => void;
   hiddenUntilFound: boolean;
   keepMounted: boolean;
   loopFocus: boolean;
   orientation: Orientation;
-  state: AccordionRoot.State;
-  value: AccordionValue;
+  state: AccordionRoot.State<Value>;
+  value: AccordionRoot.Value<Value>;
 }
-export declare const AccordionRootContext: React.Context<AccordionRootContext | undefined>;
-export declare function useAccordionRootContext(): AccordionRootContext;
+export declare const AccordionRootContext: React.Context<AccordionRootContext<any> | undefined>;
+export declare function useAccordionRootContext<Value = any>(): AccordionRootContext<Value>;

package/accordion/trigger/AccordionTrigger.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseUIComponentProps, NativeButtonProps } from "../../utils/types.js";
-import type { AccordionItem } from "../item/AccordionItem.js";
+import type { AccordionItemState } from "../item/AccordionItem.js";
 /**
  * A button that opens and closes the corresponding panel.
  * Renders a `<button>` element.
@@ -8,7 +8,9 @@ import type { AccordionItem } from "../item/AccordionItem.js";
  * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
  */
 export declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionTriggerProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export interface AccordionTriggerProps extends NativeButtonProps, BaseUIComponentProps<'button', AccordionItem.State> {}
+export interface AccordionTriggerState extends AccordionItemState {}
+export interface AccordionTriggerProps extends NativeButtonProps, BaseUIComponentProps<'button', AccordionTriggerState> {}
 export declare namespace AccordionTrigger {
+  type State = AccordionTriggerState;
   type Props = AccordionTriggerProps;
 }

package/accordion/trigger/AccordionTrigger.js

@@ -48,6 +48,7 @@ const AccordionTrigger = exports.AccordionTrigger = /*#__PURE__*/React.forwardRe
     id: idProp,
     render,
     nativeButton = true,
+    style,
     ...elementProps
   } = componentProps;
   const {
@@ -63,7 +64,8 @@ const AccordionTrigger = exports.AccordionTrigger = /*#__PURE__*/React.forwardRe
   } = (0, _useButton.useButton)({
     disabled,
     focusableWhenDisabled: true,
-    native: nativeButton
+    native: nativeButton,
+    composite: true
   });
   const {
     accordionItemRefs,
@@ -90,6 +92,7 @@ const AccordionTrigger = exports.AccordionTrigger = /*#__PURE__*/React.forwardRe
     'aria-controls': open ? panelId : undefined,
     'aria-expanded': open,
     id,
+    tabIndex: 0,
     onClick: handleTrigger,
     onKeyDown(event) {
       if (!SUPPORTED_KEYS.has(event.key)) {
@@ -100,7 +103,7 @@ const AccordionTrigger = exports.AccordionTrigger = /*#__PURE__*/React.forwardRe
       const numOfEnabledTriggers = triggers.length;
       const lastIndex = numOfEnabledTriggers - 1;
       let nextIndex = -1;
-      const thisIndex = triggers.indexOf(event.target);
+      const thisIndex = triggers.indexOf(event.currentTarget);
       function toNext() {
         if (loopFocus) {
           nextIndex = thisIndex + 1 > lastIndex ? 0 : thisIndex + 1;

package/alert-dialog/index.d.ts

@@ -1,2 +1,10 @@
 export * as AlertDialog from "./index.parts.js";
-export type * from "./root/AlertDialogRoot.js";
+export type * from "./root/AlertDialogRoot.js";
+export type { DialogBackdropProps as AlertDialogBackdropProps, DialogBackdropState as AlertDialogBackdropState } from "../dialog/backdrop/DialogBackdrop.js";
+export type { DialogCloseProps as AlertDialogCloseProps, DialogCloseState as AlertDialogCloseState } from "../dialog/close/DialogClose.js";
+export type { DialogDescriptionProps as AlertDialogDescriptionProps, DialogDescriptionState as AlertDialogDescriptionState } from "../dialog/description/DialogDescription.js";
+export type { DialogPopupProps as AlertDialogPopupProps, DialogPopupState as AlertDialogPopupState } from "../dialog/popup/DialogPopup.js";
+export type { DialogPortalProps as AlertDialogPortalProps, DialogPortalState as AlertDialogPortalState } from "../dialog/portal/DialogPortal.js";
+export type { DialogTitleProps as AlertDialogTitleProps, DialogTitleState as AlertDialogTitleState } from "../dialog/title/DialogTitle.js";
+export type { DialogTriggerProps as AlertDialogTriggerProps, DialogTriggerState as AlertDialogTriggerState } from "../dialog/trigger/DialogTrigger.js";
+export type { DialogViewportProps as AlertDialogViewportProps, DialogViewportState as AlertDialogViewportState } from "../dialog/viewport/DialogViewport.js";

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

@@ -4,11 +4,12 @@ import { DialogHandle } from "../../dialog/store/DialogHandle.js";
 import type { DialogRoot } from "../../dialog/root/DialogRoot.js";
 /**
  * Groups all parts of the alert dialog.
- * Doesn’t render its own HTML element.
+ * Doesn't render its own HTML element.
  *
  * Documentation: [Base UI Alert Dialog](https://base-ui.com/react/components/alert-dialog)
  */
 export declare function AlertDialogRoot<Payload>(props: AlertDialogRoot.Props<Payload>): import("react/jsx-runtime").JSX.Element;
+export interface AlertDialogRootState {}
 export interface AlertDialogRootProps<Payload = unknown> extends Omit<DialogRoot.Props<Payload>, 'modal' | 'disablePointerDismissal' | 'onOpenChange' | 'actionsRef' | 'handle'> {
   /**
    * Event handler called when the dialog is opened or closed.
@@ -35,6 +36,7 @@ export type AlertDialogRootChangeEventDetails = BaseUIChangeEventDetails<AlertDi
   preventUnmountOnClose(): void;
 };
 export declare namespace AlertDialogRoot {
+  type State = AlertDialogRootState;
   type Props<Payload = unknown> = AlertDialogRootProps<Payload>;
   type Actions = AlertDialogRootActions;
   type ChangeEventReason = AlertDialogRootChangeEventReason;