@base-ui/react 1.6.0 → 1.7.0

package/CHANGELOG.md

@@ -1,5 +1,234 @@
 # Versions
 
+## v1.7.0
+
+_Aug 4, 2026_
+
+### General changes
+
+- Restore visible focus after keyboard close in Safari and Firefox (#5093) by @lyzno1
+- Type `render` callback props based on the rendered element (#5104) by @atomiks
+- Reduce popup bundle size (#5233) by @atomiks
+- Reduce store bundle size (#5250) by @atomiks
+- Keep unpositioned popups at the viewport origin (#5299) by @flaviendelangle
+- Correct layout and passive effect timing (#5337) by @atomiks
+- Remove redundant lifecycle synchronization (#5341) by @atomiks
+- Prevent stale cleanup from clearing registered part IDs (#5340) by @atomiks
+- Complete popup unmounting after a canceled exit transition (#5401) by @atomiks
+- Fix rendered trigger ID ownership (#5110) by @atomiks
+- Prevent unwanted flip with capped scrollable content (#5120) by @atomiks
+- Fix `collisionPadding` off-by-one on the biased side (#5143) by @atomiks
+- Reduce shared popup bundle size (#5192) by @atomiks
+- Mount popup subtrees synchronously when opening in React 17 (#5309) by @atomiks
+- Fix auto-resize origin for left-anchored popups (#5370) by @sai6855
+- Avoid redundant re-renders during lazy flipping (#5372) by @mdm317
+- Strip implementation-only types from published `.d.ts` files (#5165) by @michaldudak
+- Fix `usePreviousValue` equality comparison (#5264) by @lyzno1
+
+### Accordion
+
+- Remove the implicit `dir` attribute from `<Accordion.Root>` (#5117) by @chuganzy
+
+### Alert Dialog
+
+- Prevent `<AlertDialog.Root>` from reopening after remounting with a reused handle (#5109) by @michaldudak
+
+### Autocomplete
+
+- Respect locale when filtering (#5195) by @atomiks
+- Add `input-press` to change event details (#5356) by @chuganzy
+- Add `cancel-open` to change event details (#5376) by @chuganzy
+- Reset list scroll position on filter (#5231) by @atomiks
+- Remove dead code and deduplicate handlers (#5194) by @atomiks
+- Fix listbox separator semantics (#5399) by @sarthakmalik0810
+
+### Avatar
+
+- Show `<Avatar.Fallback>` immediately when `delay={0}` (#5147) by @chuganzy
+
+### Button
+
+- Fix keyboard click handling for custom elements (#4838) by @atomiks
+
+### Checkbox
+
+- Remove redundant validation input ref (#5188) by @nami8824
+- Stop internal input clicks from reaching ancestors (#5176) by @atomiks
+- Reduce bundle size (#5223) by @atomiks
+
+### Checkbox Group
+
+- Focus invalid checkbox (#5216) by @atomiks
+- Align form values with native submission (#5218) by @atomiks
+- Reduce bundle size (#5223) by @atomiks
+
+### Combobox
+
+- Add `input-press` to change event details (#5356) by @chuganzy
+- Add `cancel-open` to change event details (#5376) by @chuganzy
+- Stop filtering grouped items after limit (#5086) by @lyzno1
+- Remove leaky value registry (#5198) by @atomiks
+- Set initial highlight in inline combobox (#5230) by @atomiks
+- Return highlight to selected item on query clear (#5232) by @atomiks
+- Expose `expanded` state for inline comboboxes (#5332) by @sarthakmalik0810
+- Keep portalled popup content open (#5334) by @obeattie
+- Reset list scroll position on filter (#5231) by @atomiks
+- Fix hovered item stealing highlight when the list scrolls in Safari (#5265) by @arikchakma
+- Inherit the disabled state from `<Combobox.Root>` in `<Combobox.Item>` (#5365) by @chuganzy
+- Widen trigger slip-out release tolerance (#5159) by @atomiks
+- Remove dead code and deduplicate handlers (#5194) by @atomiks
+- Fix listbox separator semantics (#5399) by @sarthakmalik0810
+
+### Composite
+
+- Fix nested list reorder detection (#5156) by @jjenzz
+- Always skip natively disabled items during list navigation (#5185) by @atomiks
+- Fix scroll alignment for RTL direction in `scrollIntoViewIfNeeded` (#5234) by @sai6855
+- Simplify keyboard bookkeeping (#5249) by @atomiks
+
+### Dialog
+
+- Fix touch outside-press dismissal without a backdrop (#5096) by @atomiks
+- Prevent `<Dialog.Root>` from reopening after remounting with a reused handle (#5109) by @michaldudak
+- Fix scroll lock handoff with external overlays (#4665) by @atomiks
+- Reduce bundle size (#5193) by @atomiks
+
+### Drawer
+
+- Prevent `<Drawer.Root>` from reopening after remounting with a reused handle (#5109) by @michaldudak
+- Fix unreliable swipe-to-open gestures (#5105) by @atomiks
+- Fix popup flashing fully open for a frame on swipe area re-grab (#5112) by @atomiks
+- Deduplicate swipe math to reduce bundle size (#5181) by @atomiks
+- Fix scroll handling when focus moves while the virtual keyboard is open (#5179) by @atomiks
+- Fix cross-axis scroll blocked on iOS below the touchmove slop (#5257) by @atomiks
+- Fix snap point jump when pinned pointer moves leave the drag offset unchanged (#5308) by @atomiks
+- Fix Shadow DOM swipe gestures (#5360) by @atomiks
+
+### Field
+
+- Keep invalid state on disabled fields (#5116) by @atomiks
+- Reduce bundle size (#5225) by @atomiks
+- Fix `data-dirty` tracking for null-valued controls (#5290) by @sai6855
+
+### Fieldset
+
+- Reduce bundle size (#5225) by @atomiks
+
+### Form
+
+- Reduce bundle size (#5225) by @atomiks
+- Focus the first invalid field in document order (#5287) by @atomiks
+
+### Menu
+
+- Ignore pinch-zoom shifting (#4485) by @atomiks
+- Cancel stale submenu hover-open when Chrome drops mouseleave (#5153) by @atomiks
+- Fix exit animation not running on uncheck of item (#5252) by @sai6855
+- Fix duplicate `onOpenChange` calls when closing a submenu (#5178) by @atomiks
+- Fix VoiceOver announcement when opening a submenu (#5342) by @atomiks
+- Propagate disabled state to items (#5363) by @chuganzy
+- Open submenus on Android TalkBack press (#5384) by @atomiks
+- Prevent `<Menu.Root>` from reopening after remounting with a reused handle (#5149) by @michaldudak
+- Widen trigger slip-out release tolerance (#5159) by @atomiks
+
+### Meter
+
+- Format clamped values (#5409) by @atomiks
+- Reduce bundle size (#5224) by @atomiks
+
+### Navigation Menu
+
+- Fix frozen menu when the open trigger unmounts (#5240) by @DreierF
+- Ignore pinch-zoom shifting (#4485) by @atomiks
+
+### Number Field
+
+- Fix keyboard editing with multi-character format symbols (#5111) by @atomiks
+- Reduce bundle size (#5220) by @atomiks
+
+### OTP Field
+
+- Keep focus on the invalid field when `autoSubmit` is blocked (#5089) by @lyzno1
+
+### Popover
+
+- Prevent `<Popover.Root>` from reopening after remounting with a reused handle (#5149) by @michaldudak
+- Reduce bundle size (#5193) by @atomiks
+
+### Preview Card
+
+- Prevent `<PreviewCard.Root>` from reopening after remounting with a reused handle (#5149) by @michaldudak
+
+### Progress
+
+- Fix custom `min`/`max` semantics to match the indicator (#5095) by @atomiks
+- Reduce bundle size (#5224) by @atomiks
+
+### Radio Group
+
+- Remove unnecessary ARIA attributes from `<Radio.Root>` (#5213) by @sai6855
+- Stop internal input clicks from reaching ancestors (#5176) by @atomiks
+- Align form values with native submission (#5238) by @atomiks
+- Reduce bundle size (#5223) by @atomiks
+
+### Scroll Area
+
+- Fix thumb-drag divide-by-zero and per-scroll re-render (#5099) by @atomiks
+- Fix scrollbar visibility during touch scrolling on iOS (#5157) by @atomiks
+- Add WebKit overscroll feedback to `<ScrollArea.Thumb>` (#5145) by @atomiks
+- Reduce bundle size (#5217) by @atomiks
+- Prevent scroll snapping while dragging the thumb (#5259) by @atomiks
+- End thumb drag when the primary button is no longer held (#5374) by @atomiks
+
+### Select
+
+- Fix hovered item stealing highlight when the list scrolls in Safari (#5265) by @arikchakma
+- Inherit the disabled state from `<Select.Root>` in `<Select.Item>` (#5365) by @chuganzy
+- Widen trigger slip-out release tolerance (#5159) by @atomiks
+- Do not force-mount the popup on programmatic value changes (#5119) by @atomiks
+- Remove dead code and deduplicate handlers (#5194) by @atomiks
+- Fix listbox separator semantics (#5399) by @sarthakmalik0810
+
+### Slider
+
+- Fix assorted issues (#5097) by @atomiks
+- Reduce bundle size (#5222) by @atomiks
+- Exclude the prehydration script from client bundles (#5003) by @michaldudak
+
+### Switch
+
+- Stop internal input clicks from reaching ancestors (#5176) by @atomiks
+- Reduce bundle size (#5223) by @atomiks
+
+### Tabs
+
+- Position pre-hydration indicator inside streamed Suspense (#5171) by @brijeshb42
+- Exclude the prehydration script from client bundles (#5003) by @michaldudak
+- Reduce bundle size (#5221) by @atomiks
+
+### Toast
+
+- Fix remaining toast timer calculation (#5261) by @sai6855
+- Reduce bundle size (#5219) by @atomiks
+- Render content passed through the `render` prop in `<Toast.Title>`, `<Toast.Description>`, and `<Toast.Action>` (#5210) by @m2na7
+- Fix re-adding a closing toast (#5258) by @atomiks
+- Fix swipe direction locking for two-axis swipes (#5295) by @sai6855
+- Fix `<Toast.Provider>` prop effect ordering (#5338) by @atomiks
+
+### Toggle Group
+
+- Reduce bundle size (#5224) by @atomiks
+
+### Toolbar
+
+- Reduce bundle size (#5221) by @atomiks
+
+### Tooltip
+
+- Prevent `<Tooltip.Root>` from reopening after remounting with a reused handle (#5149) by @michaldudak
+
+All contributors of this release in alphabetical order: @arikchakma, @atomiks, @bernardobelchior, @brijeshb42, @chuganzy, @DiegoAndai, @DreierF, @flaviendelangle, @jjenzz, @lyzno1, @m2na7, @mdm317, @michaldudak, @nami8824, @obeattie, @sai6855, @sarthakmalik0810
+
 ## v1.6.0
 
 _Jun 18, 2026_

package/accordion/item/AccordionItem.js

@@ -48,17 +48,7 @@ const AccordionItem = exports.AccordionItem = /*#__PURE__*/React.forwardRef(func
   const fallbackValue = (0, _useBaseUiId.useBaseUiId)();
   const value = valueProp ?? fallbackValue;
   const disabled = disabledProp || contextDisabled;
-  const isOpen = React.useMemo(() => {
-    if (!openValues) {
-      return false;
-    }
-    for (let i = 0; i < openValues.length; i += 1) {
-      if (openValues[i] === value) {
-        return true;
-      }
-    }
-    return false;
-  }, [openValues, value]);
+  const isOpen = openValues.indexOf(value) !== -1;
   const onOpenChange = (0, _useStableCallback.useStableCallback)((nextOpen, eventDetails) => {
     onOpenChangeProp?.(nextOpen, eventDetails);
     if (eventDetails.isCanceled) {
@@ -89,12 +79,15 @@ const AccordionItem = exports.AccordionItem = /*#__PURE__*/React.forwardRef(func
     open: isOpen
   }), [collapsible.mounted, disabled, index, isOpen, rootState]);
   const defaultTriggerId = (0, _useBaseUiId.useBaseUiId)();
-  const [triggerId, setTriggerId] = React.useState();
+  // `undefined` uses the initial generated fallback; `null` means the trigger unmounted.
+  const [registeredTriggerId, setTriggerId] = React.useState();
+  const triggerId = registeredTriggerId === null ? undefined : registeredTriggerId ?? defaultTriggerId;
   const accordionItemContext = React.useMemo(() => ({
+    defaultTriggerId,
     open: isOpen,
     state,
     setTriggerId,
-    triggerId: triggerId ?? defaultTriggerId
+    triggerId
   }), [defaultTriggerId, isOpen, state, setTriggerId, triggerId]);
   const element = (0, _useRenderElement.useRenderElement)('div', componentProps, {
     state,

package/accordion/item/AccordionItem.mjs

@@ -42,17 +42,7 @@ export const AccordionItem = /*#__PURE__*/React.forwardRef(function AccordionIte
   const fallbackValue = useBaseUiId();
   const value = valueProp ?? fallbackValue;
   const disabled = disabledProp || contextDisabled;
-  const isOpen = React.useMemo(() => {
-    if (!openValues) {
-      return false;
-    }
-    for (let i = 0; i < openValues.length; i += 1) {
-      if (openValues[i] === value) {
-        return true;
-      }
-    }
-    return false;
-  }, [openValues, value]);
+  const isOpen = openValues.indexOf(value) !== -1;
   const onOpenChange = useStableCallback((nextOpen, eventDetails) => {
     onOpenChangeProp?.(nextOpen, eventDetails);
     if (eventDetails.isCanceled) {
@@ -83,12 +73,15 @@ export const AccordionItem = /*#__PURE__*/React.forwardRef(function AccordionIte
     open: isOpen
   }), [collapsible.mounted, disabled, index, isOpen, rootState]);
   const defaultTriggerId = useBaseUiId();
-  const [triggerId, setTriggerId] = React.useState();
+  // `undefined` uses the initial generated fallback; `null` means the trigger unmounted.
+  const [registeredTriggerId, setTriggerId] = React.useState();
+  const triggerId = registeredTriggerId === null ? undefined : registeredTriggerId ?? defaultTriggerId;
   const accordionItemContext = React.useMemo(() => ({
+    defaultTriggerId,
     open: isOpen,
     state,
     setTriggerId,
-    triggerId: triggerId ?? defaultTriggerId
+    triggerId
   }), [defaultTriggerId, isOpen, state, setTriggerId, triggerId]);
   const element = useRenderElement('div', componentProps, {
     state,

package/accordion/item/AccordionItemContext.d.mts

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import type { AccordionItemState } from "./AccordionItem.mjs";
 export interface AccordionItemContext {
+  defaultTriggerId?: string | undefined;
   open: boolean;
   state: AccordionItemState;
-  setTriggerId: (id: string | undefined) => void;
+  setTriggerId: React.Dispatch<React.SetStateAction<string | null | undefined>>;
   triggerId?: string | undefined;
 }
 export declare const AccordionItemContext: React.Context<AccordionItemContext | undefined>;

package/accordion/item/AccordionItemContext.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import type { AccordionItemState } from "./AccordionItem.js";
 export interface AccordionItemContext {
+  defaultTriggerId?: string | undefined;
   open: boolean;
   state: AccordionItemState;
-  setTriggerId: (id: string | undefined) => void;
+  setTriggerId: React.Dispatch<React.SetStateAction<string | null | undefined>>;
   triggerId?: string | undefined;
 }
 export declare const AccordionItemContext: React.Context<AccordionItemContext | undefined>;

package/accordion/item/stateAttributesMapping.js

@@ -9,11 +9,9 @@ var _stateAttributesMapping = require("../../internals/stateAttributesMapping");
 var _AccordionItemDataAttributes = require("./AccordionItemDataAttributes");
 const accordionStateAttributesMapping = exports.accordionStateAttributesMapping = {
   ..._collapsibleOpenStateMapping.collapsibleOpenStateMapping,
-  index: value => {
-    return Number.isInteger(value) ? {
-      [_AccordionItemDataAttributes.AccordionItemDataAttributes.index]: String(value)
-    } : null;
-  },
+  index: value => ({
+    [_AccordionItemDataAttributes.AccordionItemDataAttributes.index]: String(value)
+  }),
   ..._stateAttributesMapping.transitionStatusMapping,
   value: () => null
 };

package/accordion/item/stateAttributesMapping.mjs

@@ -3,11 +3,9 @@ import { transitionStatusMapping } from "../../internals/stateAttributesMapping.
 import { AccordionItemDataAttributes } from "./AccordionItemDataAttributes.mjs";
 export const accordionStateAttributesMapping = {
   ...baseMapping,
-  index: value => {
-    return Number.isInteger(value) ? {
-      [AccordionItemDataAttributes.index]: String(value)
-    } : null;
-  },
+  index: value => ({
+    [AccordionItemDataAttributes.index]: String(value)
+  }),
   ...transitionStatusMapping,
   value: () => null
 };

package/accordion/panel/AccordionPanel.js

@@ -38,10 +38,10 @@ const AccordionPanel = exports.AccordionPanel = /*#__PURE__*/React.forwardRef(fu
     keepMounted: contextKeepMounted
   } = (0, _AccordionRootContext.useAccordionRootContext)();
   const {
+    defaultPanelId,
     mounted,
     onOpenChange,
     open,
-    panelId,
     setMounted,
     setOpen,
     setPanelIdState,
@@ -49,23 +49,24 @@ const AccordionPanel = exports.AccordionPanel = /*#__PURE__*/React.forwardRef(fu
   } = (0, _CollapsibleRootContext.useCollapsibleRootContext)();
   const hiddenUntilFound = hiddenUntilFoundProp ?? contextHiddenUntilFound;
   const keepMounted = keepMountedProp ?? contextKeepMounted;
+  const registeredId = idProp || undefined;
+  const id = idProp ?? defaultPanelId;
+
+  /* istanbul ignore else -- `process.env.NODE_ENV` is a build-time constant under test */
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    (0, _useIsoLayoutEffect.useIsoLayoutEffect)(() => {
+    React.useEffect(() => {
       if (keepMountedProp === false && hiddenUntilFound) {
         (0, _warn.warn)('The `keepMounted={false}` prop on an `Accordion.Panel` is ignored when `hiddenUntilFound` is enabled on the panel or root, since the panel must remain mounted while closed.');
       }
     }, [hiddenUntilFound, keepMountedProp]);
   }
   (0, _useIsoLayoutEffect.useIsoLayoutEffect)(() => {
-    if (idProp) {
-      setPanelIdState(idProp);
-      return () => {
-        setPanelIdState(undefined);
-      };
-    }
-    return undefined;
-  }, [idProp, setPanelIdState]);
+    setPanelIdState(currentId => registeredId ?? (currentId === null ? undefined : currentId));
+    return () => {
+      setPanelIdState(currentId => currentId === registeredId ? null : currentId);
+    };
+  }, [registeredId, setPanelIdState]);
   const {
     height,
     props,
@@ -77,7 +78,7 @@ const AccordionPanel = exports.AccordionPanel = /*#__PURE__*/React.forwardRef(fu
   } = (0, _useCollapsiblePanel.useCollapsiblePanel)({
     externalRef: forwardedRef,
     hiddenUntilFound,
-    id: idProp ?? panelId,
+    id,
     keepMounted,
     mounted,
     onOpenChange,

package/accordion/panel/AccordionPanel.mjs

@@ -32,10 +32,10 @@ export const AccordionPanel = /*#__PURE__*/React.forwardRef(function AccordionPa
     keepMounted: contextKeepMounted
   } = useAccordionRootContext();
   const {
+    defaultPanelId,
     mounted,
     onOpenChange,
     open,
-    panelId,
     setMounted,
     setOpen,
     setPanelIdState,
@@ -43,23 +43,24 @@ export const AccordionPanel = /*#__PURE__*/React.forwardRef(function AccordionPa
   } = useCollapsibleRootContext();
   const hiddenUntilFound = hiddenUntilFoundProp ?? contextHiddenUntilFound;
   const keepMounted = keepMountedProp ?? contextKeepMounted;
+  const registeredId = idProp || undefined;
+  const id = idProp ?? defaultPanelId;
+
+  /* istanbul ignore else -- `process.env.NODE_ENV` is a build-time constant under test */
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    useIsoLayoutEffect(() => {
+    React.useEffect(() => {
       if (keepMountedProp === false && hiddenUntilFound) {
         warn('The `keepMounted={false}` prop on an `Accordion.Panel` is ignored when `hiddenUntilFound` is enabled on the panel or root, since the panel must remain mounted while closed.');
       }
     }, [hiddenUntilFound, keepMountedProp]);
   }
   useIsoLayoutEffect(() => {
-    if (idProp) {
-      setPanelIdState(idProp);
-      return () => {
-        setPanelIdState(undefined);
-      };
-    }
-    return undefined;
-  }, [idProp, setPanelIdState]);
+    setPanelIdState(currentId => registeredId ?? (currentId === null ? undefined : currentId));
+    return () => {
+      setPanelIdState(currentId => currentId === registeredId ? null : currentId);
+    };
+  }, [registeredId, setPanelIdState]);
   const {
     height,
     props,
@@ -71,7 +72,7 @@ export const AccordionPanel = /*#__PURE__*/React.forwardRef(function AccordionPa
   } = useCollapsiblePanel({
     externalRef: forwardedRef,
     hiddenUntilFound,
-    id: idProp ?? panelId,
+    id,
     keepMounted,
     mounted,
     onOpenChange,

package/accordion/panel/AccordionPanelDataAttributes.d.mts

@@ -17,7 +17,7 @@ export declare enum AccordionPanelDataAttributes {
    */
   disabled = "data-disabled",
   /**
-   * Present when the panel is animating in.
+   * Present when the panel begins animating in.
    */
   startingStyle = "data-starting-style",
   /**

package/accordion/panel/AccordionPanelDataAttributes.d.ts

@@ -17,7 +17,7 @@ export declare enum AccordionPanelDataAttributes {
    */
   disabled = "data-disabled",
   /**
-   * Present when the panel is animating in.
+   * Present when the panel begins animating in.
    */
   startingStyle = "data-starting-style",
   /**

package/accordion/panel/AccordionPanelDataAttributes.js

@@ -24,7 +24,7 @@ let AccordionPanelDataAttributes = exports.AccordionPanelDataAttributes = functi
    */
   AccordionPanelDataAttributes["disabled"] = "data-disabled";
   /**
-   * Present when the panel is animating in.
+   * Present when the panel begins animating in.
    */
   AccordionPanelDataAttributes[AccordionPanelDataAttributes["startingStyle"] = _stateAttributesMapping.TransitionStatusDataAttributes.startingStyle] = "startingStyle";
   /**

package/accordion/panel/AccordionPanelDataAttributes.mjs

@@ -18,7 +18,7 @@ export let AccordionPanelDataAttributes = function (AccordionPanelDataAttributes
    */
   AccordionPanelDataAttributes["disabled"] = "data-disabled";
   /**
-   * Present when the panel is animating in.
+   * Present when the panel begins animating in.
    */
   AccordionPanelDataAttributes[AccordionPanelDataAttributes["startingStyle"] = TransitionStatusDataAttributes.startingStyle] = "startingStyle";
   /**

package/accordion/root/AccordionRoot.js

@@ -9,10 +9,8 @@ exports.AccordionRoot = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _useControlled = require("@base-ui/utils/useControlled");
 var _useStableCallback = require("@base-ui/utils/useStableCallback");
-var _useIsoLayoutEffect = require("@base-ui/utils/useIsoLayoutEffect");
 var _warn = require("@base-ui/utils/warn");
 var _CompositeList = require("../../internals/composite/list/CompositeList");
-var _DirectionContext = require("../../internals/direction-context/DirectionContext");
 var _AccordionRootContext = require("./AccordionRootContext");
 var _useRenderElement = require("../../internals/useRenderElement");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -42,10 +40,11 @@ const AccordionRoot = exports.AccordionRoot = /*#__PURE__*/React.forwardRef(func
     style,
     ...elementProps
   } = componentProps;
-  const direction = (0, _DirectionContext.useDirection)();
+
+  /* istanbul ignore else -- `process.env.NODE_ENV` is a build-time constant under test */
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    (0, _useIsoLayoutEffect.useIsoLayoutEffect)(() => {
+    React.useEffect(() => {
       if (hiddenUntilFoundProp && keepMountedProp === false) {
         (0, _warn.warn)('The `keepMounted={false}` prop on `Accordion.Root` is ignored when `hiddenUntilFound` is enabled, since panels must remain mounted while closed.');
       }
@@ -108,9 +107,7 @@ const AccordionRoot = exports.AccordionRoot = /*#__PURE__*/React.forwardRef(func
   const element = (0, _useRenderElement.useRenderElement)('div', componentProps, {
     state,
     ref: forwardedRef,
-    props: [{
-      dir: direction
-    }, elementProps],
+    props: elementProps,
     stateAttributesMapping: rootStateAttributesMapping
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionRootContext.AccordionRootContext.Provider, {

package/accordion/root/AccordionRoot.mjs

@@ -3,10 +3,8 @@
 import * as React from 'react';
 import { useControlled } from '@base-ui/utils/useControlled';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
-import { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';
 import { warn } from '@base-ui/utils/warn';
 import { CompositeList } from "../../internals/composite/list/CompositeList.mjs";
-import { useDirection } from "../../internals/direction-context/DirectionContext.mjs";
 import { AccordionRootContext } from "./AccordionRootContext.mjs";
 import { useRenderElement } from "../../internals/useRenderElement.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -36,10 +34,11 @@ export const AccordionRoot = /*#__PURE__*/React.forwardRef(function AccordionRoo
     style,
     ...elementProps
   } = componentProps;
-  const direction = useDirection();
+
+  /* istanbul ignore else -- `process.env.NODE_ENV` is a build-time constant under test */
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    useIsoLayoutEffect(() => {
+    React.useEffect(() => {
       if (hiddenUntilFoundProp && keepMountedProp === false) {
         warn('The `keepMounted={false}` prop on `Accordion.Root` is ignored when `hiddenUntilFound` is enabled, since panels must remain mounted while closed.');
       }
@@ -102,9 +101,7 @@ export const AccordionRoot = /*#__PURE__*/React.forwardRef(function AccordionRoo
   const element = useRenderElement('div', componentProps, {
     state,
     ref: forwardedRef,
-    props: [{
-      dir: direction
-    }, elementProps],
+    props: elementProps,
     stateAttributesMapping: rootStateAttributesMapping
   });
   return /*#__PURE__*/_jsx(AccordionRootContext.Provider, {

package/accordion/trigger/AccordionTrigger.js

@@ -46,18 +46,18 @@ const AccordionTrigger = exports.AccordionTrigger = /*#__PURE__*/React.forwardRe
     native: nativeButton
   });
   const {
+    defaultTriggerId,
     state,
-    setTriggerId,
-    triggerId: id
+    setTriggerId
   } = (0, _AccordionItemContext.useAccordionItemContext)();
+  const registeredId = idProp || undefined;
+  const id = registeredId ?? defaultTriggerId;
   (0, _useIsoLayoutEffect.useIsoLayoutEffect)(() => {
-    if (idProp) {
-      setTriggerId(idProp);
-    }
+    setTriggerId(currentId => registeredId ?? (currentId === null ? undefined : currentId));
     return () => {
-      setTriggerId(undefined);
+      setTriggerId(currentId => currentId === registeredId ? null : currentId);
     };
-  }, [idProp, setTriggerId]);
+  }, [registeredId, setTriggerId]);
   const props = {
     'aria-controls': open ? panelId : undefined,
     'aria-expanded': open,

package/accordion/trigger/AccordionTrigger.mjs

@@ -41,18 +41,18 @@ export const AccordionTrigger = /*#__PURE__*/React.forwardRef(function Accordion
     native: nativeButton
   });
   const {
+    defaultTriggerId,
     state,
-    setTriggerId,
-    triggerId: id
+    setTriggerId
   } = useAccordionItemContext();
+  const registeredId = idProp || undefined;
+  const id = registeredId ?? defaultTriggerId;
   useIsoLayoutEffect(() => {
-    if (idProp) {
-      setTriggerId(idProp);
-    }
+    setTriggerId(currentId => registeredId ?? (currentId === null ? undefined : currentId));
     return () => {
-      setTriggerId(undefined);
+      setTriggerId(currentId => currentId === registeredId ? null : currentId);
     };
-  }, [idProp, setTriggerId]);
+  }, [registeredId, setTriggerId]);
   const props = {
     'aria-controls': open ? panelId : undefined,
     'aria-expanded': open,

package/alert-dialog/handle.d.mts

@@ -1,16 +1,14 @@
 import { DialogHandle } from "../dialog/store/DialogHandle.mjs";
-import { DialogStore } from "../dialog/store/DialogStore.mjs";
-export declare const alertDialogState: {
-  readonly modal: true;
-  readonly disablePointerDismissal: true;
-  readonly role: 'alertdialog';
-};
 /**
- * A handle to control an Alert Dialog imperatively and to associate detached triggers with it.
+ * Controls an Alert Dialog imperatively and associates detached `AlertDialog.Trigger` components with
+ * an `AlertDialog.Root`. Create one with `AlertDialog.createHandle()` and pass it to the `handle`
+ * prop of the root and of any triggers rendered outside of it.
+ *
+ * The imperative methods take effect only while a root using this handle is mounted; calls made
+ * before a root attaches (or after it unmounts) are ignored.
  */
 export declare class AlertDialogHandle<Payload> extends DialogHandle<Payload> {
   private readonly __alertDialogBrand;
-  constructor(store?: DialogStore<Payload>);
 }
 /**
  * Creates a new handle to connect an AlertDialog.Root with detached AlertDialog.Trigger components.