fix(deps): update dependency @ariakit/react to v0.4.11

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@ariakit/react (source)	0.4.7 -> 0.4.11

---

Release Notes

ariakit/ariakit (@​ariakit/react)

v0.4.11

Compare Source

Tabs inside animated Combobox or Select

When rendering Tab inside Combobox or Select, it now waits for the closing animation to finish before restoring the tab with the selected item. This should prevent an inconsistent UI where the tab is restored immediately while the content is still animating out. See Select with Combobox and Tabs.

Other updates

• Updated Combobox to immediately reset the activeId upon closing the popover.
• Removed delay when applying the data-focus-visible attribute.
• Fixed mouse down on MenuButton hiding the menu on Safari.
• Improved JSDocs.
• Updated dependencies: @ariakit/[email protected]

v0.4.10

Compare Source

• Fixed a regression introduced in v0.4.8 that set the default value of the accessibleWhenDisabled prop to false on Tab.
• Updated dependencies: @ariakit/[email protected]

v0.4.9

Compare Source

New useStoreState hook

The useStoreState hook is now part of the public API. Previously used internally by dynamic useState hooks from Ariakit store objects, it is now available in the @ariakit/react package to ensure compatibility with the new React Compiler.

The following snippets are equivalent:

const combobox = useComboboxStore();
const value = combobox.useState("value");

const combobox = useComboboxStore();
const value = useStoreState(combobox, "value");

Besides working better with the new React Compiler, useStoreState is more flexible than store.useState as it accepts a store that is null or undefined, in which case the returned value will be undefined. This is useful when you're reading a store from a context that may not always be available:

const combobox = useComboboxContext();
const value = useStoreState(combobox, "value");

New ComboboxValue component

A ComboboxValue component is now available. This value component displays the current value of the combobox input without rendering any DOM elements or taking any HTML props. You can optionally pass a function as a child returning any React node based on the current value:

<ComboboxProvider>
  <Combobox />
  <ComboboxValue>{(value) => `Current value: ${value}`}</ComboboxValue>
</ComboboxProvider>

aria-selected on composite items

Composite items like ComboboxItem no longer have the aria-selected attribute automatically set when focused. This attribute was previously used to address an old bug in Google Chrome, but it's no longer needed. Now, it's only set when the item is actually selected, such as in a select widget or a multi-selectable combobox.

This change shouldn't affect most users since the aria-selected attribute is not part of the public API and is not recommended as a CSS selector (use [data-active-item] instead). However, if you have snapshot tests, you may need to update them.

Other updates

• Added userValue prop to ComboboxItemValue.
• Improved JSDocs.
• Updated dependencies: @ariakit/[email protected]

v0.4.8

Compare Source

Accessing selected tabs when disabled

A Tab component that is both selected and disabled will now remain accessible to keyboard focus even if the accessibleWhenDisabled prop is set to false. This ensures users can navigate to other tabs using the keyboard.

Other updates

• Fixed Dialog to prevent smooth scrolling on hide.
• Fixed Hovercard unexpectedly hiding when scrolling in Safari.
• Improved JSDocs.
• Updated dependencies: @ariakit/[email protected]

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Skipped Deployment

Name	Status	Preview	Updated (UTC)
shoreline-docs	⬜️ Ignored (Inspect)	Visit Preview	Sep 20, 2024 8:19pm