chore(deps): update dependency @zag-js/store to ^0.34.0

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@zag-js/store	^0.21.0 -> ^0.34.0

---

Release Notes

chakra-ui/zag (@​zag-js/store)

v0.34.0

Compare Source

Fixed

• All components: Fix issue where positioning doesn't work as expected when combined with entry/exit animations in
  the presence component

Changed

• Radio, Tabs: Make it possible to override indicator's transition duration by setting the --transition-duration
  css variable.

v0.33.2

Compare Source

Fixed

• React: Fix context reactivity issue where updates were not sent to the machine

Added

Changed

v0.33.1

Compare Source

Fixed

= Core: Fix issue where context mutation updates were missed due to the underlying proxy-compare regression.

• TreeView: Fix issue where tree view machine types were not exported.

Added

• Select: Add data-disabled, data-invalid, and data-readonly to indicator props

v0.33.0

Compare Source

Fixed

• All Machines:
  • Improve runtime performance by only creating a machine instance once, and updating the context with
    setContext(...) instead of withContext(...).
  • Fix issue on touch devices where selecting an item within combobox, menu, select triggers click event on element
    behind the portalled content.

PinInput: Fix an issue where paste in pin input would fill the input with all pasted characters instead of 1 per
input

Added

• TreeView: Add new TreeView component to render a tree view of items. This component is useful for rendering
  nested data structures like a file system.

  This component is still in beta and is subject to change.

Changed

• TagsInput:Improve TagsInput component design by introducing a new item-preview part. See the diff below for
  more details.

<div {...api.rootProps}>
  {api.value.map((value, index) => (
-    <span key={index}>
+    <span key={index} {...api.getItemProps({ index, value })}>
-     <div {...api.getItemProps({ index, value })}>
+     <div {...api.getItemPreviewProps({ index, value })}>
        <span>{value} </span>
        <button {...api.getItemDeleteTriggerProps({ index, value })}>&#x2715;</button>
      </div>
      <input {...api.getItemInputProps({ index, value })} />
    </span>
  ))}
  <input placeholder="Add tag..." {...api.inputProps} />
</div>

• Progress: Rename indicator part to view to better communicate the purpose of the part.

v0.32.1

Compare Source

Fixed

• ColorPicker: Fix issue where some change details typings were no exported
• Combobox:
  • Fix an issue that breaks the combobox when clicking on the input while the menu is open
  • Fix issue where some change details typings were no exported

v0.32.0

Compare Source

Patch Changes

• Updated dependencies []:
  • @​zag-js/anatomy@​0.32.0
  • @​zag-js/core@​0.32.0
  • @​zag-js/types@​0.32.0
  • @​zag-js/aria-hidden@​0.32.0
  • @​zag-js/utils@​0.32.0
  • @​zag-js/dismissable@​0.32.0
  • @​zag-js/dom-query@​0.32.0
  • @​zag-js/remove-scroll@​0.32.0

v0.31.1

Compare Source

Fixed

• NumberInput: Fix issue where formatting on blur doesn't work as expected

v0.31.0

Fixed

• ColorPicker: Fix issue where swatch indicator had incorrect data attributes

• NumberInput:

  • Fix issue when value updates due to intl formatting does not trigger onValueChange
  • Fix issue where increment and decrement buttons doesn't respect locales (esp. when locales uses decimal commas and
    not decimal points)

• Menu: Fix issue in non-portalled, nested menus where keyboard interactions within submenu bubble to parent menu

Added

• FileUpload
  • Add support for onFileAccept and onFileReject callbacks.
  • Add support customizing ids and aria labels using messages context property.
  • Add item preview image part
  • Breaking: Update file error types
    • TOO_MANY_FILES_REJECTION > TOO_MANY_FILES
    • TOO_LARGE > FILE_TOO_LARGE
    • TOO_SMALL > FILE_TOO_SMALL

Changed

• DatePicker: Rename messages context property to translations. This property was previously unused

v0.30.0

Fixed

• RadioGroup: Fix issue where indicator isn't positioned relative to the root

Added

• ColorPicker:

  • Add support for setting the desired output format. This format will be used in the details.valueAsString for
    onValueChange callback
  • Add support for format trigger and select parts to help control the format of the output value
  • Add onFormatChange callback to listen for format changes
  • Add closeOnSelect prop to control whether the color picker should close when a swatch color is selected

• Toast: Add generic support to toast types to support framework-specific types.

v0.29.0

Compare Source

Minor Changes

• b34c87f3 Thanks
  @​segunadebayo! - Expose more internal for better DX when building component
  libraries.

Patch Changes

• Updated dependencies []:
  • @​zag-js/anatomy@​0.29.0
  • @​zag-js/core@​0.29.0
  • @​zag-js/types@​0.29.0
  • @​zag-js/utils@​0.29.0
  • @​zag-js/dom-query@​0.29.0
  • @​zag-js/mutation-observer@​0.29.0

v0.28.1

Compare Source

Fixed

• Dialog: Fix issue where dialog positioner applied the hidden attribute when closed leading to pre-mature exit of
  css animations applied to the dialog content.

  Only the backdrop and content should use the hidden attribute.

• Combobox: Fix a case where item highlight was looping even though loop property was false

v0.28.0

Compare Source

Fixed

• Menu: Fix issue issue where link is not clickable on mobile
• Accordion: Fix issue where onValueChange is not called when multiple is set to true
• NumberInput
  • Fix issue where "." cannot be entered due to virtual dom timing between frameworks
  • Fix issue where decrement and increment triggers don't work for touch devices
• ColorPicker, DatePicker: Fix issue where aria-controls was not added to trigger
• Combobox: Fix autocomplete input behavior not working in Vue.js
• Select: Fix issue where the loop property is not respected
• Slider: Fix issue where slider thumb throws if index is not provided. We now set 0 as the default index.

Added

• Menu: Add support for controlling menu's open state via the open context property

v0.27.1

Compare Source

Patch Changes

• Updated dependencies []:
  • @​zag-js/core@​0.27.1
  • @​zag-js/types@​0.27.1

v0.27.0

Compare Source

Fixed

• ColorPicker:
  • Fix issue where entering empty value in alpha sets value to NaN. Now, it reverts back to the previous alpha value
  • Fix issue where channel inputs within control and content have similar ids, violating the accessibility tree
• Select: Fix issue where collection is not returned in the api
• React: Refactor types to reference react use directly
• DatePicker: Fix issue where api.isOpen returned undefined in some cases

Added

• RadioGroup: Set default orientation to vertical

Changed

• Slider: Rename output part to valueText to match naming convention
• DatePicker
  • Remove support for inline in datepicker and replace with closeOnSelect for API consistency.
  • Add data-placement to trigger and content parts for position-aware styling.

v0.26.0

Compare Source

Patch Changes

• 041a9e00 Thanks
  @​segunadebayo! - Fix issue where dir attribute was not applied to all element
  parts

• Updated dependencies []:

  • @​zag-js/anatomy@​0.26.0
  • @​zag-js/core@​0.26.0
  • @​zag-js/types@​0.26.0
  • @​zag-js/utils@​0.26.0
  • @​zag-js/dom-query@​0.26.0
  • @​zag-js/mutation-observer@​0.26.0

v0.25.0

Compare Source

Fixed

• ColorPicker

  • Fix issue where channel inputs within control doesn't get synced
  • Fix issue where area selection doesn't work when the value is not hsl
  • Add default 12px size for transparency grid

• RadioGroup: Fix issue where indicator stays visibile when the value is null

• Combobox: Fix issue where combobox positioner is hidden when combobox is not open

Changed

• Toast: Redesign toast render apis to allow for framework control.

  • defaultOptions can now be passed directly to the toast.group machine context.
  • You can now pass the default render function to the toast.group machine context.
  • Removed api.render in favor of userland control. This eliminates the bug in Solid.js for custom toasts.

• Carousel: Rename onSlideChange to onIndexChange

• Slider, RangeSlider: Merge the slider and range slider machines into one to prevent logic duplication.

  • value and onValueChange type has been updated to be number[]
  • Update api.getThumbProps(index) to api.getThumbProps({ index })

• Dialog: Rename dialog container to dialog positioner for better API consistency. This means api.containerProps
  is now api.positionerProps

v0.24.0

Compare Source

Fixed

• FileUpload: Issue where api.setFiles and api.clearFiles does not work
• NumberInput: Fix issue where before input gets called with incorrect event data
• Popover: Fix issue where popover shows a DOMException warning when third party iframes are present

Added

• DatePickcer: Add new table head component to allow for customizing the table head

Changed

💥 Breaking changes

• Combobox, Select, HoverCard: Rename api.setPositioning(...) to api.reposition(...)

• Carousel: Refactor components to ensure consistent naming convention

  • slideGroupProps -> itemGroupProps
  • getSlideProps -> getItemProps
  • nextSlideTrigger -> nextTrigger
  • prevSlideTrigger -> prevTrigger

• ColorPicker:

  • Redesigned components to ensure consistent naming convention
  • Added support for trigger and content parts to control the open/close behavior
  • Add new api.getChannelValue API to get the value of a specific color channel

• Pagination: Rename component anatomy and parts

  • getPageTriggerProps => getTriggerProps
  • getNextPageTriggerProps => getNextTriggerProps
  • getPrevPageTriggerProps => getPrevTriggerProps

v0.23.0

Fixed

• All Machines: Ensure dir is applied to all positioner elements
• FileUpload: Fix reopening the system file picker in file-upload on browsers other than Chrome
• PinInput: Fix issue where multiple values can be entered in a single input

Changed

💥 Breaking changes

• FileUpload:

  • Redesign the file-upload component to include new parts:
    • Item: The element that represents a file
    • ItemSizeText: The element that represents the size of a file
    • ItemName: The element that represents the name of a file
    • ItemDeleteTrigger: The buttonelement used to delete a file
  • Added new api.getFileSize method to get the size of a file in a human readable format

• RatingGroup:

  • Rename api.sizeArray to api.items
  • Rename max to count

v0.22.0

Fixed

• All machines: Ensure the dir attribute is applied consistently across all component parts.
• ColorPicker:
  • Fix issue where color area changes format when you type custom hex values
  • Fix issue where alpha channel input resets to 1 after blurring hex channel input
• Dialog:
  • Fix issue where focusing outside closes the dialog despite closeOnInteractOutside being set to false
• Editable:
  • Fix issue where the input value doesn't get synced correctly when controlled

Added

• Combobox: Add support for api.setPositioning(...) to allow for repositioning the combobox content
• Menu:
  • Add new optionItemIndicator and optionItemText part
  • Add api.optionItemIndicatorProps(...), api.optionItemTextProps(...) support
  • Add api.getOptionItemState and api.getItemState
  • Export OptionItemState and ItemState types
• ColorPicker: Add support for entering native color names (e.g. red, blue, green, etc.)

Changed

• Menu:
  • Removed api.isOptionChecked in favor of api.getOptionItemState
• NumberInput:
  • Refactor number input machine to handle number parsing correctly
  • Fix issue where value doesn't listen to form reset events
  • BREAKING: Removed the following context properties in favor of the new formatOptions: validateCharacter,
    parse, format, minFractionDigits, maxFractionDigits
• Dialog:
  • Fix issue where modal: false doesn't disable focus trap
  • Rename closeOnEsc to closeOnEscapeKeyDown
  • Rename onEsc to onEscapeKeyDown
  • Rename closeOnOutsideClick to closeOnInteractOutside
• Editable:
  • Hide submit and cancel trigger when not in editing mode
  • Hide edit trigger when in editing mode

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR has been generated by Mend Renovate. View repository job log here.

[changeset-bot]

⚠️ No Changeset found

Latest commit: a995338

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[github-actions]

Deploy preview for ui-storybook ready!

✅ Preview
https://ui-storybook-blkm3ycbx-animareflection.vercel.app

Built with commit 4a3643f.
This pull request is being automatically deployed with vercel-action