@ark-ui/react@3.10.0

Fixed

• Steps: Fixed issue where steps context was not exported

Added

• Checkbox: Added invalid prop to Checkbox.Group

@ark-ui/vue@3.10.0

Added

• Editable

  • Add support for controlled the editable's state (edit/preview) using edit and onEditChange

• Pagination

  • Expose api.count property

Changed

• Editable

  • Removed onEdit in favor of onEditChange
  • Removed startsWithEditView in favor of edit prop

Fixed

• Dialog

  • Fix issue where closing a nested dialog focuses the first focusable element in the parent dialog
    instead of the previously focused element.

• Steps: Fixed issue where the steps component was not exported in the index file.

• Select: Fixed issue where Nuxt was not able to resolve the @zag-js/utils package.

@ark-ui/solid@3.9.0

Added

• Editable

  • Add support for controlled the editable's state (edit/preview) using edit and onEditChange

• Pagination

  • Expose api.count property

Changed

• Editable

  • Removed onEdit in favor of onEditChange
  • Removed startsWithEditView in favor of edit prop

Fixed

• Dialog

  • Fix issue where closing a nested dialog focuses the first focusable element in the parent dialog instead of the
    previously focused element.

• Steps: Fixed issue where the steps component was not exported in the index file.

@ark-ui/react@3.9.0

Added

• Editable

  • Add support for controlled the editable's state (edit/preview) using edit and onEditChange

• Pagination

  • Expose api.count property

Changed

• Editable

  • Removed onEdit in favor of onEditChange
  • Removed startsWithEditView in favor of edit prop

Fixed

• Dialog

  • Fix issue where closing a nested dialog focuses the first focusable element in the parent dialog instead of the
    previously focused element.

• Steps: Fixed issue where the steps component was not exported in the index file.

@ark-ui/vue@3.9.0

Added

• Steps (Preview): Added Steps component.

<Steps.Root count={1}>
  <Steps.List>
    <Steps.Item index={0}>
      <Steps.Trigger>
        <Steps.Indicator>1</Steps.Indicator>
        First
      </Steps.Trigger>
      <Steps.Separator />
    </Steps.Item>
  </Steps.List>

  <Steps.Content index={0}>Content</Steps.Content>
  <Steps.CompletedContent>Completed</Steps.CompletedContent>

  <Steps.PrevTrigger>Back</Steps.PrevTrigger>
  <Steps.NextTrigger>Next</Steps.NextTrigger>
</Steps.Root>

• Timer (Preview): Added Timer component.

<Timer.Root>
  <Timer.Item type="days" />
  <Timer.Separator>:</Timer.Separator>
  <Timer.Item type="hours" />
  <Timer.Separator>:</Timer.Separator>
  <Timer.Item type="minutes" />
  <Timer.Separator>:</Timer.Separator>
  <Timer.Item type="seconds" />
</Timer.Root>

@ark-ui/solid@3.8.0

Added

• Steps (Preview): Added Steps component.

<Steps.Root count={1}>
  <Steps.List>
    <Steps.Item index={0}>
      <Steps.Trigger>
        <Steps.Indicator>1</Steps.Indicator>
        First
      </Steps.Trigger>
      <Steps.Separator />
    </Steps.Item>
  </Steps.List>

  <Steps.Content index={0}>Content</Steps.Content>
  <Steps.CompletedContent>Completed</Steps.CompletedContent>

  <Steps.PrevTrigger>Back</Steps.PrevTrigger>
  <Steps.NextTrigger>Next</Steps.NextTrigger>
</Steps.Root>

• Timer (Preview): Added Timer component.

<Timer.Root>
  <Timer.Item type="days" />
  <Timer.Separator>:</Timer.Separator>
  <Timer.Item type="hours" />
  <Timer.Separator>:</Timer.Separator>
  <Timer.Item type="minutes" />
  <Timer.Separator>:</Timer.Separator>
  <Timer.Item type="seconds" />
</Timer.Root>

@ark-ui/react@3.8.0

Added

• Steps (Preview): Added Steps component.

<Steps.Root count={1}>
  <Steps.List>
    <Steps.Item index={0}>
      <Steps.Trigger>
        <Steps.Indicator>1</Steps.Indicator>
        First
      </Steps.Trigger>
      <Steps.Separator />
    </Steps.Item>
  </Steps.List>

  <Steps.Content index={0}>Content</Steps.Content>
  <Steps.CompletedContent>Completed</Steps.CompletedContent>

  <Steps.PrevTrigger>Back</Steps.PrevTrigger>
  <Steps.NextTrigger>Next</Steps.NextTrigger>
</Steps.Root>

• Timer (Preview): Added Timer component.

<Timer.Root>
  <Timer.Item type="days" />
  <Timer.Separator>:</Timer.Separator>
  <Timer.Item type="hours" />
  <Timer.Separator>:</Timer.Separator>
  <Timer.Item type="minutes" />
  <Timer.Separator>:</Timer.Separator>
  <Timer.Item type="seconds" />
</Timer.Root>

@ark-ui/vue@3.8.0

Changed

• Progress: Update Progress.ValueText to render percentage as string.

Fixed

• Field:

  • Fixed issue where id of field parts could not be customized, breaking Zag.js composition.
  • Added data-* attributes to control part to allow for better styling.

• Select: Fixed reactivity issues when items and value are updated.

@ark-ui/solid@3.7.0

Changed

• Progress: Update Progress.ValueText to render percentage as string.

Fixed

• Field:

  • Fixed issue where id of field parts could not be customized, breaking Zag.js composition.
  • Added data-* attributes to control part to allow for better styling.

• Select: Fixed reactivity issues when items and value are updated.

@ark-ui/react@3.7.0

Changed

• Progress: Updated Progress.ValueText to render percentage as string.

Fixed

• Field:

  • Fixed SSR warning related to useLayoutEffect usage.
  • Fixed issue where id of field parts could not be customized, breaking Zag.js composition.
  • Added data-* attributes to control part to allow for better styling.

• Select: Fixed reactivity issues when items and value are updated.