@ark-ui/[email protected]

Added

• Added TreeView component
• Updated @zag-js dependencies to their latest versions, enhancing performance for all components.

Changed

• Breaking Change: Renamed the root types for all components to <ComponentName>RootProps. Like shown for the Avatar component below:

- import type { AvatarProps } from "@ark-ui/react"
+ import type { AvatarRootProps } from "@ark-ui/react"

• Breaking Change: Removed the .Root suffix for provider component like Presence and Environment.

- <Presence.Root>...</Presence.Root>
+ <Presence>...</Presence>

• Breaking Change: Renamed the indicator part to view in the Progress component to more accurately reflect its functionality.

• Added the ItemPreview component to the TagsInput component. See the example below:

<TagsInput.Item key={index} index={index} value={value}>
+  <TagsInput.ItemPreview>
    <TagsInput.ItemText>{value}</TagsInput.ItemText>
    <TagsInput.ItemDeleteTrigger>Delete</TagsInput.ItemDeleteTrigger>
+ </TagsInput.ItemPreview>
  <TagsInput.ItemInput />
</TagsInput.Item>

• Refactored the Progress component to use div elements instead of nav for semantic correctness.

Fixed

• Fixed an issue on touch devices where selecting an item within Combobox, Menu, or Select triggered a click event on the element behind the portalled content.
• Fixed an issue in PinInput where pasting a value filled all inputs instead of populating them one per input.