@ark-ui/[email protected]

Fixed

• Resolved an issue that for some components the types were not being generated correctly.

@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 asChild to as prop. The as prop now
  accepts a native HTML element or a custom component. For example:

- <Popover.Trigger asChild><Button>Open</Button></Popover.Trigger>
+ <Popover.Trigger as={<Button>Open</Button>} />

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

• 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 index={index} value={value()}>
+  <TagsInput.ItemPreview>
    <TagsInput.ItemText>{value}</TagsInput.ItemText>
    <TagsInput.ItemDeleteTrigger>Delete</TagsInput.ItemDeleteTrigger>
+ </TagsInput.ItemPreview>
  <TagsInput.ItemInput />
</TagsInput.Item>

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.

@ark-ui/[email protected]

Fixed

• Resolved an issue that for some components the types were not being generated correctly.

@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.

@ark-ui/[email protected]

Added

• Added TreeView anatomy

@ark-ui/[email protected]

Addded

• Added the ItemPreview part to the TagsInput component.

Changed

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

@ark-ui/[email protected]

Added

• Added DatePicker component
• Added Progress component
• Added v-model:checked for Checkbox component
• Added v-model:open for Dialog component
• Added v-model:open for HoverCard component
• Added v-model:open for Popover component
• Added valueAsString to onValueChange in DatePicker callback details
• Exported change details typings, for example AccordionValueChangeDetails or DialogOpenChangeDetails

Changed

• Changed ColorPicker.Swatch tag from button to div
• Changed Combobox.ItemText type from button to span
• Changed Combobox.Positioner tag from ul to div
• Changed Popover.Description tag from div to p
• Rewritten all components defineComponent to Function Signature
• Rewritten all components underlying Presence logic
• Revised Dialog component stories and tests
• Revised HoverCard component stories and tests
• Revised Menu component
• Revised Popover component stories and tests
• Revised Select component stories and types
• Revised Splitter component
• Revised Tooltip component
• Revised Tabs component types
• Revised TagsInput component
• Revised Toast component
• Revised ToggleGroup component
• Replaced the styling props for indicator with CSS variables in RadioGroup, SegmentGroup, and Tabs.

Fixed

• Added a missing slot with machine api in Splitter component
• Added a missing slot with machine api in Tabs component
• Added a missing slot with machine api in Tooltip component
• Added missing emits in Dialog component
• Added missing emits in Presence component
• Added missing emits in Slider component
• Fixed Dialog.Trigger aria-controls bug
• Fixed Menu.Trigger aria-controls bug
• Fixed Popover.Trigger aria-controls bug
• Fixed Toast component render bugs
• Fixed lazy mounting in Accordion component
• Fixed lazy mounting in ColorPicker component
• Fixed lazy mounting in Combobox component
• Fixed lazy mounting in HoverCard component
• Fixed lazy mounting in Menu component
• Fixed lazy mounting in Popover component
• Fixed lazy mounting in Tabs component
• Fixed multiple rerenders on Select component using search params
• Fixed the issue where setting disabled on Combobox does not reflect in combobox item
• Fix an issue that breaks the Combobox when clicking on the input while the menu is open
• Fixed the issue where DatePicker initial value isn't set when using controlled context
• Resolved an issue where Tooltip component would not handle open control state
• Resolved an issue that Menu option item could not be activated by keyboard

@ark-ui/[email protected]

Added

• Added the Progress component.
• Added valueAsString to onValueChange in DatePicker callback details
• Exported change details typings, for example AccordionValueChangeDetails or DialogOpenChangeDetails

Changed

• Changed Popover.Description tag from div to p
• Changed PopoverDescriptionProps type from div to p
• Replaced the styling props for indicator with CSS variables in RadioGroup, SegmentGroup, and Tabs.

Fixed

• Fixed multiple rerenders on Select component using search params
• Fixed reactivity with collection in Select and Combobox components
• Fixed the issue where setting disabled on Combobox does not reflect in combobox item
• Fix an issue that breaks the Combobox when clicking on the input while the menu is open
• Fixed the issue where DatePicker initial value isn't set when using controlled context
• Resolved an issue that asChild did not work properly with svg elements.
• Resolved an issue that Menu option item could not be activated by keyboard

@ark-ui/[email protected]

Added

• Added the Progress component.
• Added valueAsString to onValueChange in DatePicker callback details
• Exported change details typings, for example AccordionValueChangeDetails or DialogOpenChangeDetails
• Redesign Portal component to support getRootNode and disabled props

Changed

• Replaced the styling props for indicator with CSS variables in RadioGroup, SegmentGroup, and Tabs.

Fixed

• Added missing placeholder prop to SelectValueTextProps type.
• Changed PopoverDescriptionProps type from div to p
• Fixed multiple rerenders on Select component with Next.js or Remix useSearchParams
• Fixed the issue where setting disabled on Combobox does not reflect in combobox item
• Fix an issue that breaks the Combobox when clicking on the input while the menu is open
• Fixed the issue where DatePicker initial value isn't set when using controlled context
• Resolved an issue that Menu option item could not be activated by keyboard

@ark-ui/[email protected]

• Added Progress anatomy