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

• Added Progress anatomy

Added

• Added FileUpload component
• Added SegmentGroup component
• Added ToggleGroup component
• Added ValueText to the ColorPicker component
• Added support to lazy mount the ColorPicker component using the Presence component
• Added entrypoint for the ark factory at @ark-ui/react/factory

Changed

• Revised Accordion component
• Revised Avatar component
• Revised Carousel component
• Revised Checkbox component
• Revised ColorPicker component
• Revised Combobox component
• Revised Editable component
• Revised NumberInput component
• Revised Pagination component
• Revised PinInput component
• Revised RadioGroup component
• Revised RatingGroup component
• Revised Select component
• Revised Switch component

Fixed

• Resolved an issue where the Accordion component would not render its content.
• Resolved an accessibility issue with Select

Removed

• Removed anatomy exports. These exports are now available in @ark-ui/anatomy.

// before
import { accordionAnatomy } from '@ark-ui/vue'
// after
import { accordionAnatomy } from '@ark-ui/anatomy' // or
import { anatomy } from '@ark-ui/anatomy/accordion'

• Removed Pressable component

Added

• Added the ToastGroup component.

Changed

• Revised the FileUpload component. Check out the documentation for more information.

Fixed

• Resolved a problem where Select.Indicator was assigned to the wrong data-part.
• Fixed an issue where keyboard interactions within a submenu would bubble up to the parent Menu.

Fixed

• Resolved an issue where the ark factory type was not being exported correctly.

Added

• Added the ToastGroup component.
• Added entrypoint for the ark factory at @ark-ui/react/factory

Changed

• Revised the FileUpload component. Check out the documentation for more information.

Fixed

• Added an explicit return type for the Portal component to resolve an issue with online code editors.
• Resolved an issue where the present prop in the disclosure-type component was not being respected.
• Resolved an issue where the ark function would log a warning when the asChild prop was set to false.
• Fixed an issue where keyboard interactions within a submenu would bubble up to the parent Menu.
• Fixed an issue with hydration mismatch in the Portal component.

Changed

• Updated @zag-js

Added

• Added render function to the NumberInput component
• Added FileUpload component

Changed

• Revised the ColorPicker component. Check out the documentation for more information.

Fixed

• Resolved a problem where the Dialog.CloseTrigger was assigned to the wrong data-part.
• Fixed various issues for the Toast component that were caused by the API not being wrapped in an Accessor.

// before
const [Toaster, toast] = createToaster({
  placement: 'top-end',
  render(toast) {
    return (
      <Toast.Root>
        <Toast.Title>{toast.title}</Toast.Title>
        <Toast.Description>{toast.description}</Toast.Description>
        <Toast.CloseTrigger>Close</Toast.CloseTrigger>
      </Toast.Root>
    )
  },
})

// after
const [Toaster, toast] = createToaster({
  placement: 'top-end',
  render(toast) {
    return (
      <Toast.Root>
        <Toast.Title>{toast().title}</Toast.Title>
        <Toast.Description>{toast().description}</Toast.Description>
        <Toast.CloseTrigger>Close</Toast.CloseTrigger>
      </Toast.Root>
    )
  },
})

Added

• Added render function to the NumberInput component
• Added FileUpload component

Changed

• Revised the ColorPicker component. Check out the documentation for more information.

Fixed

• Resolved an issue where the Toast component would throw a warning when multiple toasts were rendered at the same time.

Changed

• Added FileUpload anatomy
• Extended ColorPicker with formatTrigger, formatSelect and swatchIndicator parts