Update dependency @ariakit/react to ^0.4.24

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence	Diffend
@ariakit/react (source)	^0.4.22 → ^0.4.24					Diff

---

Release Notes

ariakit/ariakit (@​ariakit/react)

v0.4.24

Compare Source

This release improves React combobox and form reliability, including preserved combobox input and popover scroll position during result updates, more predictable focus behavior after filtering selects on iOS Safari, proper isolation of FormRadio groups inside nested composite widgets, safer handling of explicitly undefined id props, and better generic typing for CheckboxProvider wrappers.

Improved CheckboxProvider generic typing

This fixes TypeScript errors when wrapping CheckboxProvider in generic React components. Controlled and uncontrolled checkbox group wrappers now type-check correctly without requiring non-null assertions on values such as defaultValue.

Before, generic wrappers often needed a non-null assertion to satisfy the provider props:

interface CheckboxCardGridProps<T extends string | number> extends Pick<
  Ariakit.CheckboxProviderProps<T>,
  "value" | "setValue" | "defaultValue"
> {}

function CheckboxCardGrid<T extends string | number>({
  value,
  setValue,
  defaultValue,
}: CheckboxCardGridProps<T>) {
  return (
    <CheckboxProvider
      value={value}
      setValue={setValue}
      defaultValue={defaultValue!}
    />
  );
}

Now the same wrapper can type-check without the workaround:

<CheckboxProvider
  value={value}
  setValue={setValue}
  defaultValue={defaultValue}
/>

Fixed Combobox input scroll position resetting

When a Combobox input's text overflowed its width, the input's horizontal scroll position reset to the beginning each time the results changed. This happened because the virtual focus mechanism briefly moved DOM focus to the active item and back when autoSelect was enabled, causing browsers to reset the input's internal scrollLeft.

The scroll position is now preserved across these focus transitions.

Fixed FormRadio registering to ancestor composite stores

FormRadio items nested inside components like TabPanel were incorrectly registering to the tab store, causing arrow keys in the tab list to navigate to radio items instead of other tabs. FormRadioGroup now resets the composite context for its children, preventing form radio items from being picked up by unrelated parent stores.

Other updates

• Fixed ComboboxPopover scroll position resetting when items change in multi-select mode (e.g., during infinite scroll).
• Fixed SelectItem stealing focus from the combobox input when the selected item reappears after filtering, which dismissed the keyboard on iOS Safari.
• Fixed components crashing with "Maximum call stack size exceeded" when the id prop is explicitly passed as undefined.
• Updated dependencies: @ariakit/react-core@0.4.24

v0.4.23

Compare Source

• Fixed ComboboxDisclosure so pressing Escape closes ComboboxPopover when the popover starts open and the Combobox input is auto-focused.
• Updated dependencies: @ariakit/react-core@0.4.23

---

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 is behind base branch, 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.

[github-actions]

GitLab Pipeline Action

General information

Link to pipeline: https://gitlab.com/code0-tech/development/pictor/-/pipelines/2400616899

Status: Passed
Duration: 3 minutes

Job summaries

storybook:build

Storybook available at https://code0-tech.gitlab.io/-/development/pictor/-/jobs/13595311423/artifacts/storybook-static/index.html