Changed

• DatePicker: Added support for index in getLabelProps.

Fixed

• DatePicker:
  • Fixed issue where the selected date doesn't reflect in the input when clicking the trigger and then focusing the input.
  • Fixed SSR issue when using getPresetTrigger.
• Slider: Fixed issue where onValueChangeEnd was called with an incorrect value.
• Fixed an import issue with @internationalized/date.

Changed

• DatePicker: Added support for index in getLabelProps.

Fixed

• DatePicker:
  • Fixed issue where the selected date doesn't reflect in the input when clicking the trigger and then focusing the input.
  • Fixed SSR issue when using getPresetTrigger.
• Slider: Fixed issue where onValueChangeEnd was called with an incorrect value.
• Fixed an import issue with @internationalized/date.

Changed

• DatePicker: Added support for index in getLabelProps.

Fixed

• DatePicker:
  • Fixed issue where the selected date doesn't reflect in the input when clicking the trigger and then focusing the input.
  • Fixed SSR issue when using getPresetTrigger.
• Slider: Fixed issue where onValueChangeEnd was called with an incorrect value.
• Fixed an import issue with @internationalized/date.

Changed

• Highlight:
  • Enabled import from @ark-ui/react/highlight.
  • Exported HighlightChunk type to enhance type inference in userland code.

Fixed

• Select: Fixed HiddenSelect to correctly emit values when a simple string array is used as the value for the Select component.
• ColorPicker: Fixed an issue where an invalid color value was emitted if no default value was provided.

Changed

• Highlight: Exported HighlightChunk type to enhance type inference in userland code.

Fixed

• Select: Fixed HiddenSelect to correctly emit values when a simple string array is used as the value for the Select component.

Changed

• Highlight:
  • Enabled import from @ark-ui/react/highlight.
  • Exported HighlightChunk type to enhance type inference in userland code.

Fixed

• Select: Fixed HiddenSelect to correctly emit values when a simple string array is used as the value for the Select component.

Added

• Fieldset Component: Introduced to help group form fields.

<Fieldset.Root>
  <Fieldset.Legend>Legend</Fieldset.Legend>
  <Fieldset.HelperText>Helper text</Fieldset.HelperText>
  <Fieldset.ErrorText>Error text</Fieldset.ErrorText>
</Fieldset.Root>

Learn more in the documentation.

• Highlight Component: Added to highlight text based on a query.

import { Highlight } from '@ark-ui/react'

export const App = () => (
  <Highlight
    query={['Ark UI', 'exclusive examples']}
    text="Unlock exclusive examples and support the development by getting Ark UI Plus."
  />
)

• Tooltip: Added closeOnClick to control tooltip closure on trigger click.

Changed

• Toast: Exported CreateToasterReturn type to improve type inference.
• Combobox: Enhanced accessibility by removing unnecessary aria-selected and aria-disabled attributes.

Fixed

• Toast: Added missing aria-labelledby and aria-describedby attributes on the root element.
• Combobox: Fixed issue where the input didn't update on selection with a pointer.
• RadioGroup: Corrected misspelt data-readonly attribute.
• Select: Enabled customization of closeOnSelect when multiple is true.
• Tags Input:
  • Fixed issues with repeat pasting and undo.
  • Addressed problem where deleting a pasted value disabled further pasting.
  • Ensured values are always unique by discarding duplicates

Added

• Fieldset Component: Introduced to help group form fields.

<Fieldset.Root>
  <Fieldset.Legend>Legend</Fieldset.Legend>
  <Fieldset.HelperText>Helper text</Fieldset.HelperText>
  <Fieldset.ErrorText>Error text</Fieldset.ErrorText>
</Fieldset.Root>

Learn more in the documentation.

• Highlight Component: Added to highlight text based on a query.

import { Highlight } from '@ark-ui/react'

export const App = () => (
  <Highlight
    query={['Ark UI', 'exclusive examples']}
    text="Unlock exclusive examples and support the development by getting Ark UI Plus."
  />
)

• Tooltip: Added closeOnClick to control tooltip closure on trigger click.

Changed

• Toast: Exported CreateToasterReturn type to improve type inference.
• Combobox: Enhanced accessibility by removing unnecessary aria-selected and aria-disabled attributes.

Fixed

• Toast: Added missing aria-labelledby and aria-describedby attributes on the root element.
• Combobox: Fixed issue where the input didn't update on selection with a pointer.
• RadioGroup: Corrected misspelt data-readonly attribute.
• Select: Enabled customization of closeOnSelect when multiple is true.
• Tags Input:
  • Fixed issues with repeat pasting and undo.
  • Addressed problem where deleting a pasted value disabled further pasting.
  • Ensured values are always unique by discarding duplicates

Added

• Fieldset Component: Introduced to help group form fields.

<Fieldset.Root>
  <Fieldset.Legend>Legend</Fieldset.Legend>
  <Fieldset.HelperText>Helper text</Fieldset.HelperText>
  <Fieldset.ErrorText>Error text</Fieldset.ErrorText>
</Fieldset.Root>

Learn more in the documentation.

• Highlight Component: Added to highlight text based on a query.

import { Highlight } from '@ark-ui/react'

export const App = () => (
  <Highlight
    query={['Ark UI', 'exclusive examples']}
    text="Unlock exclusive examples and support the development by getting Ark UI Plus."
  />
)

• Tooltip: Added closeOnClick to control tooltip closure on trigger click.

Changed

• Toast: Exported CreateToasterReturn type to improve type inference.
• Combobox: Enhanced accessibility by removing unnecessary aria-selected and aria-disabled attributes.

Fixed

• Toast: Added missing aria-labelledby and aria-describedby attributes on the root element.
• Combobox: Fixed issue where the input didn't update on selection with a pointer.
• RadioGroup: Corrected misspelt data-readonly attribute.
• Select: Enabled customization of closeOnSelect when multiple is true.
• Tags Input:
  • Fixed issues with repeat pasting and undo.
  • Addressed problem where deleting a pasted value disabled further pasting.
  • Ensured values are always unique by discarding duplicates.

• All Components: Exported each component's anatomy. For example:

  import { avatarAnatomy } from '@ark-ui/solid'

• NumberInput: Introduced the ValueText part to render the internal state value.

• Checkbox: Added the name prop to Checkbox.Group for setting names within the group.

Fixed

• All Components: Corrected multiple incorrect base export aliases across various components.
• TreeView: Resolved an issue preventing input usage within the tree.
• Progress: Fixed a warning in Circle due to an incorrect viewBox attribute on the <svg>
  element.
• Carousel: Corrected looping behavior for next and previous buttons when both slidesPerView
  and loop are set.
• Menu: Fixed loss of position data in the context menu upon closing.