@ariakit/react 0.4.28 → 0.4.29

package/{CHANGELOG-035.md → CHANGELOG-0314.md}

@@ -1,3 +1,208 @@
+# @ariakit/react
+
+## 0.3.14
+
+- Fixed a regression introduced in `v0.3.13` where dialogs wouldn't close when clicking outside on iOS.
+- Updated dependencies: `@ariakit/react-core@0.3.14`
+
+## 0.3.13
+
+### Improved performance of large collections
+
+Components like [`MenuItem`](https://ariakit.org/reference/menu-item), [`ComboboxItem`](https://ariakit.org/reference/combobox-item), and [`SelectItem`](https://ariakit.org/reference/select-item) should now offer improved performance when rendering large collections.
+
+### New `FormControl` component
+
+This version introduces a new [`FormControl`](https://ariakit.org/reference/form-control) component. In future versions, this will replace the [`FormField`](https://ariakit.org/reference/form-field) component.
+
+### Other updates
+
+- Adjusted the focus behavior in Safari to occur prior to the `pointerup` event instead of `mouseup`.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/react-core@0.3.13`
+
+## 0.3.12
+
+- The auto-select feature on [Combobox](https://ariakit.org/components/combobox) now resets with each keystroke.
+- Fixed [`Combobox`](https://ariakit.org/reference/combobox) with the [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) prop calling `onFocus` with every input change.
+- Fixed [`Hovercard`](https://ariakit.org/reference/hovercard) flickering when used with shadow DOM.
+- Fixed [`Select`](https://ariakit.org/reference/select) with [`Combobox`](https://ariakit.org/reference/combobox) scroll jumping when opening using keyboard navigation.
+- Fixed [`CompositeItem`](https://ariakit.org/reference/composite-item) triggering blur on focus.
+- Fixed [`ComboboxItem`](https://ariakit.org/reference/combobox-item) not triggering the `onClick` event when the item is partially visible.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/react-core@0.3.12`
+
+## 0.3.11
+
+### Modal Combobox
+
+The [Combobox](https://ariakit.org/components/combobox) components now support the [`modal`](https://ariakit.org/reference/combobox-popover#modal) prop on [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover).
+
+When a modal combobox is expanded, users can interact with and tab through all the combobox controls, including [`Combobox`](https://ariakit.org/reference/combobox), [`ComboboxDisclosure`](https://ariakit.org/reference/combobox-disclosure), and [`ComboboxCancel`](https://ariakit.org/reference/combobox-cancel), even if they're rendered outside the popover. The rest of the page will be inert.
+
+### Controlling the auto-select functionality of Combobox
+
+The [`Combobox`](https://ariakit.org/reference/combobox) component now includes a new [`getAutoSelectId`](https://ariakit.org/reference/combobox#getautoselectid) prop. This allows you to specify the [`ComboboxItem`](https://ariakit.org/reference/combobox-item) that should be auto-selected if the [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) prop is `true`.
+
+By default, the first _enabled_ item is auto-selected. Now you can customize this behavior by returning the id of another item from [`getAutoSelectId`](https://ariakit.org/reference/combobox#getautoselectid):
+
+```jsx
+<Combobox
+  autoSelect
+  getAutoSelectId={(items) => {
+    // Auto select the first enabled item with a value
+    const item = items.find((item) => {
+      if (item.disabled) return false;
+      if (!item.value) return false;
+      return true;
+    });
+    return item?.id;
+  }}
+/>
+```
+
+### Styling Combobox without an active descendant
+
+The [`Combobox`](https://ariakit.org/reference/combobox) component now includes a [`data-active-item`](https://ariakit.org/guide/styling#data-active-item) attribute when it's the only active item in the composite widget. In other words, when no [`ComboboxItem`](https://ariakit.org/reference/combobox-item) is active and the focus is solely on the combobox input.
+
+You can use this as a CSS selector to style the combobox differently, providing additional affordance to users who pressed <kbd>↑</kbd> on the first item or <kbd>↓</kbd> on the last item. This action would place both virtual and actual DOM focus on the combobox input.
+
+```css
+.combobox[data-active-item] {
+  outline-width: 2px;
+}
+```
+
+### Other updates
+
+- Fixed [`useTabStore`](https://ariakit.org/reference/use-tab-store) return value not updating its own reference.
+- Fixed keyboard navigation on [Combobox](https://ariakit.org/components/combobox) when the content element is a grid.
+- Fixed [`ComboboxDisclosure`](https://ariakit.org/reference/combobox-disclosure) to update its `aria-expanded` attribute when the combobox expands.
+- Fixed `Maximum update depth exceeded` warning when rendering multiple collection items on the page.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/react-core@0.3.11`
+
+## 0.3.10
+
+### Overwriting `aria-selected` value on `ComboboxItem`
+
+It's now possible to pass a custom `aria-selected` value to the [`ComboboxItem`](https://ariakit.org/reference/combobox-item) component, overwriting the internal behavior.
+
+### Limiting `slide` on popovers
+
+When components like [Popover](https://ariakit.org/components/popover) and [Menu](https://ariakit.org/components/menu) with the [`slide`](https://ariakit.org/reference/popover#slide) prop are positioned to the right or left of the anchor element, they will now cease to slide across the screen, disengaged from the anchor element, upon reaching the edge of said element.
+
+### Other updates
+
+- Fixed [`blurOnHoverEnd`](https://ariakit.org/reference/menu-item#bluronhoverend) set to `false` not keeping submenus open.
+- Fixed scroll jump on Safari when selecting a [`CompositeItem`](https://ariakit.org/reference/composite-item).
+- Fixed [`preserveTabOrderAnchor`](https://ariakit.org/reference/menu#preservetaborderanchor) on nested menus.
+- Fixed focus behavior when using the [`preserveTabOrder`](https://ariakit.org/reference/portal#preservetaborder) prop.
+- Updated dependencies: `@ariakit/react-core@0.3.10`
+
+## 0.3.9
+
+### Automatic role on ComboboxGroup
+
+The [`ComboboxGroup`](https://ariakit.org/reference/combobox-group) component now automatically assigns the `role` attribute as `rowgroup` if it's nestled within a [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover) or [`ComboboxList`](https://ariakit.org/reference/combobox-list) wrapper that has the `role` attribute set to `grid`.
+
+### Custom submenu auto focus
+
+When opening nested [Menu](https://ariakit.org/components/menu) components with <kbd>Enter</kbd>, <kbd>Space</kbd>, or arrow keys, the first tabbable element will now receive focus, even if it's not a [`MenuItem`](https://ariakit.org/reference/menu-item) element. This should enable custom popups that behave like submenus, but use different semantics.
+
+### Hovercard display timeout
+
+The [Hovercard](https://ariakit.org/components/hovercard), [Menu](https://ariakit.org/components/menu), and [Tooltip](https://ariakit.org/components/tooltip) components now display synchronously when the [`timeout`](https://ariakit.org/reference/hovercard-provider#timeout) or [`showTimeout`](https://ariakit.org/reference/hovercard-provider#showtimeout) states are set to `0`. This should stop submenus from vanishing for a few frames prior to displaying a new menu when hovering over menu items in sequence.
+
+### Other updates
+
+- Fixed [`CollectionItem`](https://ariakit.org/reference/collection-item) elements getting out of order when composing stores.
+- Fixed [`MenuButton`](https://ariakit.org/reference/menu-button) not assigning the correct `role` attribute when used within a [`ComboboxList`](https://ariakit.org/reference/combobox-list) element.
+- Fixed [`MenuItem`](https://ariakit.org/reference/menu-item) with an explicit [`focusOnHover`](https://ariakit.org/reference/menu-item#focusonhover) prop not moving focus properly.
+- Fixed [`blurOnHoverEnd`](https://ariakit.org/reference/menu-item#bluronhoverend) not working on submenu triggers.
+- Fixed [Dialog](https://ariakit.org/components/dialog) not respecting the controlled [`open`](https://ariakit.org/reference/use-dialog-store#open) state.
+- Fixed unmounted [`SelectPopover`](https://ariakit.org/reference/select-popover) not re-opening when its [`open`](https://ariakit.org/reference/select-provider#open) state is initially set to `true`.
+- Fixed TypeScript build errors.
+- Fixed focus order when using [Popover](https://ariakit.org/components/popover) with the [`portal`](https://ariakit.org/reference/popover#portal) prop with VoiceOver.
+- Updated dependencies: `@ariakit/react-core@0.3.9`
+
+## 0.3.8
+
+### Multi-selectable Combobox
+
+We've added support for the [Combobox](https://ariakit.org/components/combobox) with multiple selection capabilities using a new [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue) prop, along with [`defaultSelectedValue`](https://ariakit.org/reference/combobox-provider#defaultselectedvalue) and [`setSelectedValue`](https://ariakit.org/reference/combobox-provider#setselectedvalue).
+
+This works similarly to the [`value`](https://ariakit.org/reference/select-provider#value) prop on [Select](https://ariakit.org/components/select) components. If it receives an array, the combobox will allow multiple selections. By default, it's a string that represents the selected value in a single-select combobox.
+
+Check out the [Multi-selectable Combobox](https://ariakit.org/examples/combobox-multiple) example to see it in action.
+
+### New Combobox components
+
+This version introduces new [Combobox](https://ariakit.org/components/combobox) components:
+
+- [`ComboboxLabel`](https://ariakit.org/reference/combobox-label): This renders a `label` element for a [`Combobox`](https://ariakit.org/reference/combobox), with the `htmlFor` prop set automatically.
+- [`ComboboxItemCheck`](https://ariakit.org/reference/combobox-item-check): This displays a checkmark for a [`ComboboxItem`](https://ariakit.org/reference/combobox-item) when the item is selected.
+
+### Other updates
+
+- Added [`resetValueOnSelect`](https://ariakit.org/reference/combobox-provider#resetvalueonselect) state to [Combobox](https://ariakit.org/components/combobox) components.
+- Added [`selectValueOnClick`](https://ariakit.org/reference/combobox-item#selectvalueonclick) prop to [`ComboboxItem`](https://ariakit.org/reference/combobox-item).
+- Fixed [`SelectItem`](https://ariakit.org/reference/select-item) rendering an `aria-selected` attribute even when the [`value`](https://ariakit.org/reference/select-item#value) prop is omitted.
+- Updated dependencies: `@ariakit/react-core@0.3.8`
+
+## 0.3.7
+
+### Expanding Menubar
+
+The [Menubar](https://ariakit.org/components/menubar) component will now only expand if there's another menu already expanded in the same menubar.
+
+### Internal data attribute changes
+
+Just like the change in v0.3.6 that removed the `data-command` and `data-disclosure` attributes from elements, this update stops the `data-composite-hover` attribute from infiltrating composite item elements in the DOM. We're mentioning this in the changelog as some users might have snapshot tests that require updating.
+
+### Other updates
+
+- Fixed `setSelectionRange` error when used with [unsupported](https://html.spec.whatwg.org/multipage/input.html#concept-input-apply) input types.
+- Fixed [`MenuButton`](https://ariakit.org/reference/menu-button) with [`showOnHover`](https://ariakit.org/reference/menu-button#showonhover) not updating the `activeId` state when hovered.
+- Updated [`onFocusVisible`](https://ariakit.org/reference/focusable#onfocusvisible) element type on [`Focusable`](https://ariakit.org/reference/focusable) from `Element` to `HTMLElement`.
+- Updated dependencies: `@ariakit/react-core@0.3.7`
+
+## 0.3.6
+
+### Data attributes for duplicate components
+
+The internal logic that identifies duplicate components has been refined. This implies that some internal `data-*` attributes will no longer seep into the rendered DOM elements. If you're doing snapshot tests on the DOM generated by Ariakit components, you should see the `data-command` and `data-disclosure` attributes removed.
+
+### Multiple disclosure and anchor elements
+
+The `disclosureElement` and `anchorElement` states on [Disclosure](https://ariakit.org/components/disclosure), [Popover](https://ariakit.org/components/popover), and [Menu](https://ariakit.org/components/menu), along with related components, are now set only upon interaction.
+
+This change enables us to support multiple disclosure/anchor elements for the same `contentElement` (typically the popup element) when triggered by hover or focus.
+
+### Expanding Menubar with focus
+
+Adjacent [`Menu`](https://ariakit.org/reference/menu) popups will now open when the focus moves through [`MenuItem`](https://ariakit.org/reference/menu-item) elements in a [Menubar](https://ariakit.org/components/menubar). Before, they would only open when another [`Menu`](https://ariakit.org/reference/menu) was already visible.
+
+### Maintaining Popover tab order
+
+[`Popover`](https://ariakit.org/reference/popover) and related components now automatically set the new [`preserveTabOrderAnchor`](https://ariakit.org/reference/portal#preservetaborderanchor) prop as the disclosure element.
+
+This ensures that, when the [`portal`](https://ariakit.org/reference/popover#portal) prop is enabled, the tab order will be preserved from the disclosure to the content element even when the [`Popover`](https://ariakit.org/reference/popover) component is rendered in a different location in the React tree.
+
+### New Menubar components
+
+This version introduces a new [Menubar](https://ariakit.org/components/menubar) module that can be used without the [`MenubarProvider`](https://ariakit.org/reference/menubar-provider) wrapper.
+
+### Other updates
+
+- Fixed [Hovercard](https://ariakit.org/components/hovercard) when used with multiple [`HovercardAnchor`](https://ariakit.org/reference/hovercard-anchor) elements.
+- Added new [`preserveTabOrderAnchor`](https://ariakit.org/reference/portal#preservetaborderanchor) prop to [`Portal`](https://ariakit.org/reference/portal) and related components.
+- Added new [`tabbable`](https://ariakit.org/reference/composite-item#tabbable) prop to [`CompositeItem`](https://ariakit.org/reference/composite-item) and related components.
+- Added new [`blurOnHoverEnd`](https://ariakit.org/reference/composite-hover#bluronhoverend) prop to [`CompositeHover`](https://ariakit.org/reference/composite-hover) and related components.
+- Updated dependencies: `@ariakit/react-core@0.3.6`
+
+---
+
 # @ariakit/ariakit
 
 ## 0.3.5

package/CHANGELOG.md

@@ -1,5 +1,52 @@
 # @ariakit/react
 
+## 0.4.29
+
+### Fixed `Combobox` dropping characters when the popover resizes while typing
+
+The [`Combobox`](https://ariakit.com/reference/combobox) component with [`autoSelect`](https://ariakit.com/reference/combobox#autoselect) enabled no longer loses typed characters when the popover is resized as the user types.
+
+This could happen with a virtualized list on mobile devices, where the keyboard's autocomplete bar repeatedly changes the available viewport height. Each resize re-rendered the list and re-applied the auto-selection, briefly moving focus away from the input and dropping keystrokes.
+
+### Composite items keep their enclosing store
+
+Fixed [`CompositeItem`](https://ariakit.com/reference/composite-item) to register on the enclosing [`Composite`](https://ariakit.com/reference/composite) store when rendered as the same element as a component that sets its own composite context, such as a [`MenuButton`](https://ariakit.com/reference/menu-button) inside a [`MenuProvider`](https://ariakit.com/reference/menu-provider). This keeps the item reachable with the arrow keys in one- and two-dimensional composite widgets.
+
+The [`CompositeItem`](https://ariakit.com/reference/composite-item) can now omit the explicit `store` prop and still register on the enclosing composite:
+
+```tsx {5-7}
+const composite = Ariakit.useCompositeStore();
+
+<Ariakit.Composite store={composite}>
+  <Ariakit.MenuProvider>
+    <Ariakit.CompositeItem render={<Ariakit.MenuButton />}>
+      Menu
+    </Ariakit.CompositeItem>
+    <Ariakit.Menu>
+      <Ariakit.MenuItem>Edit</Ariakit.MenuItem>
+    </Ariakit.Menu>
+  </Ariakit.MenuProvider>
+</Ariakit.Composite>;
+```
+
+### Components no longer throw on events with a non-element target
+
+Several components attach global event listeners that read `event.target`/`event.relatedTarget` and call methods like `contains()` and `hasAttribute()` on them. When third-party code dispatched an event whose target was a non-element `EventTarget` (such as `window` or an `XMLHttpRequest`), those calls threw a `TypeError`.
+
+This affected [`Dialog`](https://ariakit.com/reference/dialog) (its interact-outside and Escape-to-close listeners), [`HovercardDisclosure`](https://ariakit.com/reference/hovercard-disclosure) (its focusout listener), and the shared `isFocusEventOutside` and `isPortalEvent` helpers used by [`Focusable`](https://ariakit.com/reference/focusable), [`Combobox`](https://ariakit.com/reference/combobox), [`Composite`](https://ariakit.com/reference/composite), and [`Portal`](https://ariakit.com/reference/portal).
+
+### Other updates
+
+- Improved performance of components that subscribe to internal store state by upgrading the underlying [`@ariakit/store`](https://www.npmjs.com/package/@ariakit/store) package.
+- Fixed [`Button`](https://ariakit.com/reference/button) to preserve React form pending state when submitted with the keyboard.
+- Fixed [`Dialog`](https://ariakit.com/reference/dialog) to preserve closing animations when using [`unmountOnHide`](https://ariakit.com/reference/dialog#unmountonhide) with the controlled [`open`](https://ariakit.com/reference/dialog#open) and [`onClose`](https://ariakit.com/reference/dialog#onclose) props and no explicit store.
+- Documented that [`removeValue`](https://ariakit.com/reference/use-form-store#removevalue) preserves array length by replacing removed items with `null`.
+- Fixed runtime `process.env.NODE_ENV` checks in published package output, including test-only behavior and development warnings.
+- Fixed rendering many [`Menu`](https://ariakit.com/reference/menu) components on the same page potentially causing a "Maximum update depth exceeded" error. [`MenuItem`](https://ariakit.com/reference/menu-item) elements now register only while the menu is visible, instead of registering on mount even while it's hidden.
+- Fixed [`Tab`](https://ariakit.com/reference/tab) to move focus to the selected tab after a controlled [`selectedId`](https://ariakit.com/reference/tab-provider#selectedid) update while a tab has DOM focus.
+- Fixed [`TooltipProvider`](https://ariakit.com/reference/tooltip-provider) to avoid a re-entrant loop when multiple tooltips are forced open at the same time.
+- Updated dependencies: `@ariakit/react-components@0.1.2`
+
 ## 0.4.28
 
 - Release artifacts now include npm trusted publishing provenance.
@@ -726,207 +773,6 @@ You can learn more about these new features in the [Composition guide](https://a
 - Added new [`disclosure`](https://ariakit.org/reference/use-disclosure-store#disclosure-1) property to disclosure stores.
 - Updated dependencies: `@ariakit/react-core@0.4.0`
 
-## 0.3.14
-
-- Fixed a regression introduced in `v0.3.13` where dialogs wouldn't close when clicking outside on iOS.
-- Updated dependencies: `@ariakit/react-core@0.3.14`
-
-## 0.3.13
-
-### Improved performance of large collections
-
-Components like [`MenuItem`](https://ariakit.org/reference/menu-item), [`ComboboxItem`](https://ariakit.org/reference/combobox-item), and [`SelectItem`](https://ariakit.org/reference/select-item) should now offer improved performance when rendering large collections.
-
-### New `FormControl` component
-
-This version introduces a new [`FormControl`](https://ariakit.org/reference/form-control) component. In future versions, this will replace the [`FormField`](https://ariakit.org/reference/form-field) component.
-
-### Other updates
-
-- Adjusted the focus behavior in Safari to occur prior to the `pointerup` event instead of `mouseup`.
-- Improved JSDocs.
-- Updated dependencies: `@ariakit/react-core@0.3.13`
-
-## 0.3.12
-
-- The auto-select feature on [Combobox](https://ariakit.org/components/combobox) now resets with each keystroke.
-- Fixed [`Combobox`](https://ariakit.org/reference/combobox) with the [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) prop calling `onFocus` with every input change.
-- Fixed [`Hovercard`](https://ariakit.org/reference/hovercard) flickering when used with shadow DOM.
-- Fixed [`Select`](https://ariakit.org/reference/select) with [`Combobox`](https://ariakit.org/reference/combobox) scroll jumping when opening using keyboard navigation.
-- Fixed [`CompositeItem`](https://ariakit.org/reference/composite-item) triggering blur on focus.
-- Fixed [`ComboboxItem`](https://ariakit.org/reference/combobox-item) not triggering the `onClick` event when the item is partially visible.
-- Improved JSDocs.
-- Updated dependencies: `@ariakit/react-core@0.3.12`
-
-## 0.3.11
-
-### Modal Combobox
-
-The [Combobox](https://ariakit.org/components/combobox) components now support the [`modal`](https://ariakit.org/reference/combobox-popover#modal) prop on [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover).
-
-When a modal combobox is expanded, users can interact with and tab through all the combobox controls, including [`Combobox`](https://ariakit.org/reference/combobox), [`ComboboxDisclosure`](https://ariakit.org/reference/combobox-disclosure), and [`ComboboxCancel`](https://ariakit.org/reference/combobox-cancel), even if they're rendered outside the popover. The rest of the page will be inert.
-
-### Controlling the auto-select functionality of Combobox
-
-The [`Combobox`](https://ariakit.org/reference/combobox) component now includes a new [`getAutoSelectId`](https://ariakit.org/reference/combobox#getautoselectid) prop. This allows you to specify the [`ComboboxItem`](https://ariakit.org/reference/combobox-item) that should be auto-selected if the [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) prop is `true`.
-
-By default, the first _enabled_ item is auto-selected. Now you can customize this behavior by returning the id of another item from [`getAutoSelectId`](https://ariakit.org/reference/combobox#getautoselectid):
-
-```jsx
-<Combobox
-  autoSelect
-  getAutoSelectId={(items) => {
-    // Auto select the first enabled item with a value
-    const item = items.find((item) => {
-      if (item.disabled) return false;
-      if (!item.value) return false;
-      return true;
-    });
-    return item?.id;
-  }}
-/>
-```
-
-### Styling Combobox without an active descendant
-
-The [`Combobox`](https://ariakit.org/reference/combobox) component now includes a [`data-active-item`](https://ariakit.org/guide/styling#data-active-item) attribute when it's the only active item in the composite widget. In other words, when no [`ComboboxItem`](https://ariakit.org/reference/combobox-item) is active and the focus is solely on the combobox input.
-
-You can use this as a CSS selector to style the combobox differently, providing additional affordance to users who pressed <kbd>↑</kbd> on the first item or <kbd>↓</kbd> on the last item. This action would place both virtual and actual DOM focus on the combobox input.
-
-```css
-.combobox[data-active-item] {
-  outline-width: 2px;
-}
-```
-
-### Other updates
-
-- Fixed [`useTabStore`](https://ariakit.org/reference/use-tab-store) return value not updating its own reference.
-- Fixed keyboard navigation on [Combobox](https://ariakit.org/components/combobox) when the content element is a grid.
-- Fixed [`ComboboxDisclosure`](https://ariakit.org/reference/combobox-disclosure) to update its `aria-expanded` attribute when the combobox expands.
-- Fixed `Maximum update depth exceeded` warning when rendering multiple collection items on the page.
-- Improved JSDocs.
-- Updated dependencies: `@ariakit/react-core@0.3.11`
-
-## 0.3.10
-
-### Overwriting `aria-selected` value on `ComboboxItem`
-
-It's now possible to pass a custom `aria-selected` value to the [`ComboboxItem`](https://ariakit.org/reference/combobox-item) component, overwriting the internal behavior.
-
-### Limiting `slide` on popovers
-
-When components like [Popover](https://ariakit.org/components/popover) and [Menu](https://ariakit.org/components/menu) with the [`slide`](https://ariakit.org/reference/popover#slide) prop are positioned to the right or left of the anchor element, they will now cease to slide across the screen, disengaged from the anchor element, upon reaching the edge of said element.
-
-### Other updates
-
-- Fixed [`blurOnHoverEnd`](https://ariakit.org/reference/menu-item#bluronhoverend) set to `false` not keeping submenus open.
-- Fixed scroll jump on Safari when selecting a [`CompositeItem`](https://ariakit.org/reference/composite-item).
-- Fixed [`preserveTabOrderAnchor`](https://ariakit.org/reference/menu#preservetaborderanchor) on nested menus.
-- Fixed focus behavior when using the [`preserveTabOrder`](https://ariakit.org/reference/portal#preservetaborder) prop.
-- Updated dependencies: `@ariakit/react-core@0.3.10`
-
-## 0.3.9
-
-### Automatic role on ComboboxGroup
-
-The [`ComboboxGroup`](https://ariakit.org/reference/combobox-group) component now automatically assigns the `role` attribute as `rowgroup` if it's nestled within a [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover) or [`ComboboxList`](https://ariakit.org/reference/combobox-list) wrapper that has the `role` attribute set to `grid`.
-
-### Custom submenu auto focus
-
-When opening nested [Menu](https://ariakit.org/components/menu) components with <kbd>Enter</kbd>, <kbd>Space</kbd>, or arrow keys, the first tabbable element will now receive focus, even if it's not a [`MenuItem`](https://ariakit.org/reference/menu-item) element. This should enable custom popups that behave like submenus, but use different semantics.
-
-### Hovercard display timeout
-
-The [Hovercard](https://ariakit.org/components/hovercard), [Menu](https://ariakit.org/components/menu), and [Tooltip](https://ariakit.org/components/tooltip) components now display synchronously when the [`timeout`](https://ariakit.org/reference/hovercard-provider#timeout) or [`showTimeout`](https://ariakit.org/reference/hovercard-provider#showtimeout) states are set to `0`. This should stop submenus from vanishing for a few frames prior to displaying a new menu when hovering over menu items in sequence.
-
-### Other updates
-
-- Fixed [`CollectionItem`](https://ariakit.org/reference/collection-item) elements getting out of order when composing stores.
-- Fixed [`MenuButton`](https://ariakit.org/reference/menu-button) not assigning the correct `role` attribute when used within a [`ComboboxList`](https://ariakit.org/reference/combobox-list) element.
-- Fixed [`MenuItem`](https://ariakit.org/reference/menu-item) with an explicit [`focusOnHover`](https://ariakit.org/reference/menu-item#focusonhover) prop not moving focus properly.
-- Fixed [`blurOnHoverEnd`](https://ariakit.org/reference/menu-item#bluronhoverend) not working on submenu triggers.
-- Fixed [Dialog](https://ariakit.org/components/dialog) not respecting the controlled [`open`](https://ariakit.org/reference/use-dialog-store#open) state.
-- Fixed unmounted [`SelectPopover`](https://ariakit.org/reference/select-popover) not re-opening when its [`open`](https://ariakit.org/reference/select-provider#open) state is initially set to `true`.
-- Fixed TypeScript build errors.
-- Fixed focus order when using [Popover](https://ariakit.org/components/popover) with the [`portal`](https://ariakit.org/reference/popover#portal) prop with VoiceOver.
-- Updated dependencies: `@ariakit/react-core@0.3.9`
-
-## 0.3.8
-
-### Multi-selectable Combobox
-
-We've added support for the [Combobox](https://ariakit.org/components/combobox) with multiple selection capabilities using a new [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue) prop, along with [`defaultSelectedValue`](https://ariakit.org/reference/combobox-provider#defaultselectedvalue) and [`setSelectedValue`](https://ariakit.org/reference/combobox-provider#setselectedvalue).
-
-This works similarly to the [`value`](https://ariakit.org/reference/select-provider#value) prop on [Select](https://ariakit.org/components/select) components. If it receives an array, the combobox will allow multiple selections. By default, it's a string that represents the selected value in a single-select combobox.
-
-Check out the [Multi-selectable Combobox](https://ariakit.org/examples/combobox-multiple) example to see it in action.
-
-### New Combobox components
-
-This version introduces new [Combobox](https://ariakit.org/components/combobox) components:
-
-- [`ComboboxLabel`](https://ariakit.org/reference/combobox-label): This renders a `label` element for a [`Combobox`](https://ariakit.org/reference/combobox), with the `htmlFor` prop set automatically.
-- [`ComboboxItemCheck`](https://ariakit.org/reference/combobox-item-check): This displays a checkmark for a [`ComboboxItem`](https://ariakit.org/reference/combobox-item) when the item is selected.
-
-### Other updates
-
-- Added [`resetValueOnSelect`](https://ariakit.org/reference/combobox-provider#resetvalueonselect) state to [Combobox](https://ariakit.org/components/combobox) components.
-- Added [`selectValueOnClick`](https://ariakit.org/reference/combobox-item#selectvalueonclick) prop to [`ComboboxItem`](https://ariakit.org/reference/combobox-item).
-- Fixed [`SelectItem`](https://ariakit.org/reference/select-item) rendering an `aria-selected` attribute even when the [`value`](https://ariakit.org/reference/select-item#value) prop is omitted.
-- Updated dependencies: `@ariakit/react-core@0.3.8`
-
-## 0.3.7
-
-### Expanding Menubar
-
-The [Menubar](https://ariakit.org/components/menubar) component will now only expand if there's another menu already expanded in the same menubar.
-
-### Internal data attribute changes
-
-Just like the change in v0.3.6 that removed the `data-command` and `data-disclosure` attributes from elements, this update stops the `data-composite-hover` attribute from infiltrating composite item elements in the DOM. We're mentioning this in the changelog as some users might have snapshot tests that require updating.
-
-### Other updates
-
-- Fixed `setSelectionRange` error when used with [unsupported](https://html.spec.whatwg.org/multipage/input.html#concept-input-apply) input types.
-- Fixed [`MenuButton`](https://ariakit.org/reference/menu-button) with [`showOnHover`](https://ariakit.org/reference/menu-button#showonhover) not updating the `activeId` state when hovered.
-- Updated [`onFocusVisible`](https://ariakit.org/reference/focusable#onfocusvisible) element type on [`Focusable`](https://ariakit.org/reference/focusable) from `Element` to `HTMLElement`.
-- Updated dependencies: `@ariakit/react-core@0.3.7`
-
-## 0.3.6
-
-### Data attributes for duplicate components
-
-The internal logic that identifies duplicate components has been refined. This implies that some internal `data-*` attributes will no longer seep into the rendered DOM elements. If you're doing snapshot tests on the DOM generated by Ariakit components, you should see the `data-command` and `data-disclosure` attributes removed.
-
-### Multiple disclosure and anchor elements
-
-The `disclosureElement` and `anchorElement` states on [Disclosure](https://ariakit.org/components/disclosure), [Popover](https://ariakit.org/components/popover), and [Menu](https://ariakit.org/components/menu), along with related components, are now set only upon interaction.
-
-This change enables us to support multiple disclosure/anchor elements for the same `contentElement` (typically the popup element) when triggered by hover or focus.
-
-### Expanding Menubar with focus
-
-Adjacent [`Menu`](https://ariakit.org/reference/menu) popups will now open when the focus moves through [`MenuItem`](https://ariakit.org/reference/menu-item) elements in a [Menubar](https://ariakit.org/components/menubar). Before, they would only open when another [`Menu`](https://ariakit.org/reference/menu) was already visible.
-
-### Maintaining Popover tab order
-
-[`Popover`](https://ariakit.org/reference/popover) and related components now automatically set the new [`preserveTabOrderAnchor`](https://ariakit.org/reference/portal#preservetaborderanchor) prop as the disclosure element.
-
-This ensures that, when the [`portal`](https://ariakit.org/reference/popover#portal) prop is enabled, the tab order will be preserved from the disclosure to the content element even when the [`Popover`](https://ariakit.org/reference/popover) component is rendered in a different location in the React tree.
-
-### New Menubar components
-
-This version introduces a new [Menubar](https://ariakit.org/components/menubar) module that can be used without the [`MenubarProvider`](https://ariakit.org/reference/menubar-provider) wrapper.
-
-### Other updates
-
-- Fixed [Hovercard](https://ariakit.org/components/hovercard) when used with multiple [`HovercardAnchor`](https://ariakit.org/reference/hovercard-anchor) elements.
-- Added new [`preserveTabOrderAnchor`](https://ariakit.org/reference/portal#preservetaborderanchor) prop to [`Portal`](https://ariakit.org/reference/portal) and related components.
-- Added new [`tabbable`](https://ariakit.org/reference/composite-item#tabbable) prop to [`CompositeItem`](https://ariakit.org/reference/composite-item) and related components.
-- Added new [`blurOnHoverEnd`](https://ariakit.org/reference/composite-hover#bluronhoverend) prop to [`CompositeHover`](https://ariakit.org/reference/composite-hover) and related components.
-- Updated dependencies: `@ariakit/react-core@0.3.6`
-
 ---
 
-[Previous versions](https://github.com/ariakit/ariakit/blob/main/packages/ariakit-react/CHANGELOG-035.md)
+[Previous versions](https://github.com/ariakit/ariakit/blob/main/packages/ariakit-react/CHANGELOG-0314.md)

package/cjs/__chunks/{SXAPGTJ4.cjs → 2ENQD3AS.cjs}

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _UV7CXZEMcjs = require('./UV7CXZEM.cjs');
+var _RZJLQJQMcjs = require('./RZJLQJQM.cjs');
 
 
 
 
-var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
 
 // ../ariakit-react-components/dist/popover/popover-description.js
 var TagName = "p";
-var usePopoverDescription = _QAUJZR6Ycjs.createHook.call(void 0, function usePopoverDescription2(props) {
-  props = _UV7CXZEMcjs.useDialogDescription.call(void 0, props);
+var usePopoverDescription = _JBOLBTVUcjs.createHook.call(void 0, function usePopoverDescription2(props) {
+  props = _RZJLQJQMcjs.useDialogDescription.call(void 0, props);
   return props;
 });
-var PopoverDescription = _QAUJZR6Ycjs.forwardRef.call(void 0, function PopoverDescription2(props) {
-  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, usePopoverDescription(props));
+var PopoverDescription = _JBOLBTVUcjs.forwardRef.call(void 0, function PopoverDescription2(props) {
+  return _JBOLBTVUcjs.createElement.call(void 0, TagName, usePopoverDescription(props));
 });
 
 

package/cjs/__chunks/{L2IFVMDU.cjs → 2WBRQ3I7.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _XPQIHUQ7cjs = require('./XPQIHUQ7.cjs');
+var _42GL4LKIcjs = require('./42GL4LKI.cjs');
 
 
 
 
-var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
 
 // ../ariakit-react-components/dist/composite/composite-context.js
 var _react = require('react');
-var ctx = _QAUJZR6Ycjs.createStoreContext.call(void 0, [_XPQIHUQ7cjs.CollectionContextProvider], [_XPQIHUQ7cjs.CollectionScopedContextProvider]);
+var ctx = _JBOLBTVUcjs.createStoreContext.call(void 0, [_42GL4LKIcjs.CollectionContextProvider], [_42GL4LKIcjs.CollectionScopedContextProvider]);
 var useCompositeContext = ctx.useContext;
 var useCompositeScopedContext = ctx.useScopedContext;
 var useCompositeProviderContext = ctx.useProviderContext;
@@ -52,9 +52,9 @@ function groupItemsByRows(items) {
   return rows;
 }
 function selectTextField(element, collapseToEnd = false) {
-  if (_QAUJZR6Ycjs.isTextField.call(void 0, element)) element.setSelectionRange(collapseToEnd ? element.value.length : 0, element.value.length);
+  if (_JBOLBTVUcjs.isTextField.call(void 0, element)) element.setSelectionRange(collapseToEnd ? element.value.length : 0, element.value.length);
   else if (element.isContentEditable) {
-    const selection = _QAUJZR6Ycjs.getDocument.call(void 0, element).getSelection();
+    const selection = _JBOLBTVUcjs.getDocument.call(void 0, element).getSelection();
     selection == null ? void 0 : selection.selectAllChildren(element);
     if (collapseToEnd) selection == null ? void 0 : selection.collapseToEnd();
   }
@@ -93,4 +93,5 @@ function isItem(store, element, exclude) {
 
 
 
-exports.useCompositeContext = useCompositeContext; exports.useCompositeProviderContext = useCompositeProviderContext; exports.CompositeContextProvider = CompositeContextProvider; exports.CompositeScopedContextProvider = CompositeScopedContextProvider; exports.CompositeItemContext = CompositeItemContext; exports.CompositeRowContext = CompositeRowContext; exports.flipItems = flipItems; exports.findFirstEnabledItem = findFirstEnabledItem; exports.getEnabledItem = getEnabledItem; exports.groupItemsByRows = groupItemsByRows; exports.selectTextField = selectTextField; exports.focusSilently = focusSilently; exports.silentlyFocused = silentlyFocused; exports.isItem = isItem;
+
+exports.useCompositeContext = useCompositeContext; exports.useCompositeScopedContext = useCompositeScopedContext; exports.useCompositeProviderContext = useCompositeProviderContext; exports.CompositeContextProvider = CompositeContextProvider; exports.CompositeScopedContextProvider = CompositeScopedContextProvider; exports.CompositeItemContext = CompositeItemContext; exports.CompositeRowContext = CompositeRowContext; exports.flipItems = flipItems; exports.findFirstEnabledItem = findFirstEnabledItem; exports.getEnabledItem = getEnabledItem; exports.groupItemsByRows = groupItemsByRows; exports.selectTextField = selectTextField; exports.focusSilently = focusSilently; exports.silentlyFocused = silentlyFocused; exports.isItem = isItem;

package/cjs/__chunks/{N3DLR7OL.cjs → 3B6TF7HK.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _RGH2H3WLcjs = require('./RGH2H3WL.cjs');
+var _OP2QHIHDcjs = require('./OP2QHIHD.cjs');
 
 
 
 
-var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
 
 // ../ariakit-react-components/dist/focus-trap/focus-trap.js
 var TagName = "span";
-var useFocusTrap = _QAUJZR6Ycjs.createHook.call(void 0, function useFocusTrap2(props) {
+var useFocusTrap = _JBOLBTVUcjs.createHook.call(void 0, function useFocusTrap2(props) {
   props = {
     "data-focus-trap": "",
     tabIndex: 0,
@@ -22,11 +22,11 @@ var useFocusTrap = _QAUJZR6Ycjs.createHook.call(void 0, function useFocusTrap2(p
       ...props.style
     }
   };
-  props = _RGH2H3WLcjs.useVisuallyHidden.call(void 0, props);
+  props = _OP2QHIHDcjs.useVisuallyHidden.call(void 0, props);
   return props;
 });
-var FocusTrap = _QAUJZR6Ycjs.forwardRef.call(void 0, function FocusTrap2(props) {
-  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useFocusTrap(props));
+var FocusTrap = _JBOLBTVUcjs.forwardRef.call(void 0, function FocusTrap2(props) {
+  return _JBOLBTVUcjs.createElement.call(void 0, TagName, useFocusTrap(props));
 });