chakra-ui/ark @ark-ui/vue@0.11.0

on GitHub

Added

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

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/vue"
+ import type { AvatarRootProps } from "@ark-ui/vue"

• 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>

• Changed Dialog.Description and Popover.Description from p to div to allow for multiple paragraphs.

Fixed

• Added the missing minStepsBetweenThumbs prop to Slider component.
• Fixed an issue where emitted event caused "not declared" warning
• 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.
• Fix issue where Select component submits its first option when used in a form, even if there is no value selected.