chore(deps): update dependency @ark-ui/vue to v5.30.0

[renovate]

This PR contains the following updates:

Package	Change	Age	Confidence
@ark-ui/vue (source)	5.25.1 → 5.30.0

---

Release Notes

chakra-ui/ark (@​ark-ui/vue)

v5.30.0

Compare Source

Added

• Date Picker: Added required and invalid props
• Number Input: Added onValueCommit callback that fires when the input loses focus or Enter is pressed
• Pagination:
  • Added FirstTrigger and LastTrigger components for navigating to first/last page
  • Added boundaryCount parameter for controlling boundary pages (start/end)
  • Implemented balanced pagination algorithm for consistent UI with max 7 elements
• Radio Group: Added invalid and required props with corresponding data-* and aria-* attributes
• Tree View: Added scrollToIndexFn prop to enable keyboard navigation in virtualized trees

Fixed

• Accordion, Menu: Fixed issue where querying elements by aria-controls attribute could fail when lazy mounting the content
• Color Picker: Added role="dialog" to content and aria-haspopup="dialog" to trigger when not inline for better accessibility
• Date Picker: Fixed issue where date picker input does not update format when locale changes
• Floating Panel:
  • Fixed dir prop now properly delegated to all panel parts
  • Fixed double-click behavior improvements and to check event.defaultPrevented for custom behavior
• Listbox:
  • Fixed issue where data-highlighted wasn't applied to the first item when using autoHighlight with input filtering
• Number Input:
  • Fixed improved controlled usage sync
  • Fixed issue where input element doesn't sync when formatOptions changes dynamically
  • Ensured cursor position is preserved when Enter key is pressed and formatting is triggered
  • Fixed cursor jumping to start when value is changed externally via props while user is typing
• Pagination: Fixed ellipsis showing when only 1 page gap
• Rating Group: Fixed issue where rating group becomes unfocusable via keyboard when value is 0
• Tooltip: Fixed tooltip not showing when scrolling with pointer over trigger

Changed

• Tree View: getVisibleNodes() now returns { node, indexPath }[] instead of node[]

v5.29.1

Compare Source

Fixed

• Fieldset: Fixed aria-describedby resolution to correctly reference helper text and error text IDs, and corrected
  aria-labelledby to use legend ID instead of label ID
• Floating Panel:
  • Fixed resize trigger issue with n axis by explicitly setting top: 0
  • Fixed draggable and resizable options not being respected when set to false
• Presence: Fixed regression where UNMOUNT transition might not be called consistently

v5.29.0

Compare Source

Added

• Carousel, Color Picker, Combobox, Date Picker, Select: Added value to OpenChangeDetails for better context
  when handling open state changes
• Carousel: Added support for autoSize prop to allow variable width/height slide items
• Splitter:
  • Added Splitter.ResizeTriggerIndicator to render an indicator when resizing
  • Exported getLayout and getSplitterLayout functions for calculating splitter panel layouts
• Toast: Exposed viewport offset as CSS variables on the toast group element

Fixed

• Carousel:
  • Fixed dragging behavior that stops working after switching browser tabs or scrolling the page
  • Fixed dragging not working after scrolling with mouse wheel when allowMouseDrag is enabled
• Combobox: Fixed onHighlightChange not being invoked when collection is filtered to empty
• Date Picker: Fixed issue where the range date picker crashes when typing the end date first and blurring the input
  field multiple times
• File Upload: Fixed issue where clicking on non-interactive children inside the dropzone doesn't open the file
  picker
• Presence: Fixed a bug where elements get stuck in unmountSuspended state during rapid state updates
• Radio Group:
  • Fixed inconsistent application of data-focus-visible and data-focus attributes
• Splitter: Fixed disabled splitter showing resize cursor and allowing dragging
• Tabs:
  • Fixed tabs indicator position not updating when inactive tabs change size
• Tags Input: Fixed issue where item delete trigger doesn't have data-* attached

v5.28.0

Compare Source

Added

• General: Exported InteractOutsideEvent, FocusOutsideEvent, and PointerDownOutsideEvent types for better type
  safety
• Carousel:
  • Added Carousel.AutoplayIndicator component for conditionally rendering content based on autoplay state
  • Added Carousel.ProgressText component for displaying current page progress (e.g., "1 / 5")
• Toast: Exported ToastOptions and ToastStoreProps types for better type safety

Changed

• useListCollection: Updated initialItems to accept readonly arrays for better compatibility with immutable data
  patterns.

Fixed

• Combobox:
  • Fixed focus stealing in controlled open mode
  • Removed problematic aria-hidden behavior to allow interaction with other page elements
• Marquee: Fixed Marquee.Content not receiving data-v-* attribute for scoped styles when using v-for at the
  root level.

v5.27.1

Compare Source

Fixed

• Dialog, Popover: Improved shadow DOM support for interact outside and focus trap detection
• Marquee: Fixed Firefox flicker and added GPU acceleration
• Dialog: Fixed layout shift issue when using scrollbar-gutter: stable in CSS
• Slider: Fixed onValueChangeEnd callback not triggering for programmatic value changes

v5.27.0

Compare Source

Added

• Marquee [New]: Initial release of marquee component for continuously scrolling content

Fixed

• Angle Slider: Resolved an issue where dragging the thumb from non-center positions caused unexpected value jumps.
  The thumb now maintains consistent positioning relative to the initial click point.

• Slider: Fixed a problem where the thumb offset shifted dynamically during dragging, resulting in value jumps. The
  offset now remains constant from the pointer throughout the drag operation.

• Dialog: Fix issue where Dialog.Backdrop does not respect exit animations when closing. The backdrop now properly
  uses the presence composable to enable CSS transitions and animations on close.

• Bottom Sheet: Fix issue where BottomSheet.Backdrop does not respect exit animations when closing.

• Tour: Fix issue where Tour.Backdrop does not respect exit animations when closing.

• Tabs: Fix issue where Tab.Content does not respect exit animations when switching tabs.

• Date Picker: Resolved a crash in the range date picker occurring when users typed the end date first by
  implementing null/undefined checks for date property access.

• Radio Group: Reverted to offsetLeft/offsetTop calculations to restore correct indicator positioning within
  scrollable container contexts.

• Tour:

  • Corrected improper effect cleanup procedures
  • Fixed wait step functionality
  • Added step validation on mount to verify configuration validity

v5.26.2

Compare Source

Fixed

• Angle Slider: Fix accessibility violation where the slider thumb element lacked an accessible name. The thumb now
  supports aria-label and aria-labelledby props, and automatically falls back to the label element's ID for proper
  ARIA labeling.

• Select: Fix accessibility violation where the required state was not set correctly to on the trigger.

• Tags Input: Fix issue where entering a custom tag with combobox integration required pressing Enter twice. The
  tags-input now correctly handles custom values when the combobox has no highlighted item (aria-activedescendant is
  empty), allowing the tag to be added on the first Enter press.

v5.26.1

Compare Source

Fixed

• Checkbox

  • Fix issue where setting initial checked state to indeterminate doesn't work
  • Ensure api.checkedState returns the correct checked state (boolean | "indeterminate")

• Collapsible: Fix issue where dir prop value was hardcoded to ltr instead of using the provided value

• Combobox: Fix issue where controlled single-select combobox does not propagate its initial value to inputValue

• Listbox: Fix issue where pressing Enter key when no highlighted item still calls event.preventDefault()

• Radio Group: Refactor to use getBoundingClientRect() for precise indicator positioning

• Slider

  • Fix issue where slider could stop abruptly when scrubbing thumb
  • Fix issue where range slider thumbs become stuck when dragged to the same position without minStepsBetweenThumbs

• Tabs: Refactor to use getBoundingClientRect() for precise indicator positioning

• Tags Input: Fix issue where maxLength doesn't apply to the edit input as well

v5.26.0

Compare Source

Added

• Collapsible: Add support for collapsedHeight and collapsedWidth props to control the dimensions of the
  collapsible content when in its collapsed state.

• Focus Trap: Allow elements referenced by aria-controls to be included in the trap scope. This makes it possible
  for menus, popovers, etc. to be portalled and work correctly.

• Pagination: Add getPageUrl prop for generating href attributes when using pagination as links.

const service = useMachine(pagination.machine, {
  type: 'link',
  getPageUrl: ({ page, pageSize }) => `/products?page=${page}&size=${pageSize}`,
})

• Select: Add SelectRootComponentProps type export for better component type composition.

• Listbox: Add ListboxRootComponentProps type export for better component type composition.

• Combobox: Add ComboboxRootComponentProps type export for better component type composition.

• TreeView:

  • Add TreeViewRootComponentProps type export for better component type composition.
  • (Experimental) Add support for node renaming functionality:
    • Add TreeViewNodeRenameInput component for inline node label editing
    • Add canRename prop to control which nodes can be renamed
    • Add renameStart, beforeRename, and renameComplete event emitters for rename lifecycle
    • Add CheckedChangeDetails, LoadChildrenErrorDetails, RenameStartDetails, and RenameCompleteDetails type
      exports

Fixed

• Scroll Area: Fix RTL horizontal scrollbar positioning on Safari

• Slider: Fix issue where slider continues dragging when disabled during drag operation.

• Switch: Fix issue where data-active is inconsistently applied when disabled state changes at runtime

---

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 was generated by Mend Renovate. View the repository job log.

[github-actions]

Bundle Stats

Hey there, this message comes from a GitHub action that helps you and reviewers to understand how these changes affect the size of this project's bundle.

As this PR is updated, I'll keep you updated on how the bundle size is impacted.

Total

Files count	Total bundle size	% Changed
20	1.35 MB → 1.37 MB (+16.32 kB)	+1.18%

Changeset

File	Δ	Size
node_modules/@zag-js/utils/dist/index.mjs	📈 +2.48 kB (+40.95%)	6.05 kB → 8.52 kB
node_modules/@zag-js/dom-query/dist/index.mjs	📈 +8.09 kB (+34.02%)	23.78 kB → 31.87 kB
node_modules/@zag-js/remove-scroll/dist/index.mjs	📈 +539 B (+30.68%)	1.72 kB → 2.24 kB
node_modules/@ark-ui/vue/dist/components/tabs/tab-content.vue.js	📈 +182 B (+22.17%)	821 B → 1003 B
node_modules/@ark-ui/vue/dist/components/dialog/dialog-backdrop.vue.js	📈 +150 B (+20.13%)	745 B → 895 B
node_modules/@zag-js/focus-trap/dist/index.mjs	📈 +2.86 kB (+13.83%)	20.67 kB → 23.53 kB
node_modules/@zag-js/presence/dist/index.mjs	📈 +377 B (+7.07%)	5.21 kB → 5.58 kB
node_modules/@zag-js/aria-hidden/dist/index.mjs	📈 +303 B (+6.60%)	4.48 kB → 4.78 kB
node_modules/@zag-js/toast/dist/index.mjs	📈 +1.61 kB (+5.35%)	30.08 kB → 31.69 kB
node_modules/@zag-js/interact-outside/dist/index.mjs	📈 +250 B (+3.38%)	7.22 kB → 7.47 kB
node_modules/@zag-js/focus-visible/dist/index.mjs	📈 +159 B (+3.07%)	5.06 kB → 5.22 kB
node_modules/@zag-js/number-input/dist/index.mjs	📈 +525 B (+1.72%)	29.86 kB → 30.38 kB
node_modules/@zag-js/tooltip/dist/index.mjs	📈 +215 B (+1.42%)	14.78 kB → 14.99 kB
node_modules/@ark-ui/vue/dist/components/tabs/tab-list.vue.js	📈 +5 B (+0.99%)	503 B → 508 B
node_modules/@ark-ui/vue/dist/components/dialog/dialog-title.vue.js	📈 +5 B (+0.97%)	513 B → 518 B
node_modules/@ark-ui/vue/dist/components/tabs/tab-indicator.vue.js	📈 +5 B (+0.97%)	513 B → 518 B
node_modules/@ark-ui/vue/dist/components/tabs/tab-trigger.vue.js	📈 +5 B (+0.84%)	592 B → 597 B
node_modules/@ark-ui/vue/dist/components/field/field-input.vue.js	📈 +6 B (+0.79%)	764 B → 770 B
node_modules/@ark-ui/vue/dist/components/field/field-select.vue.js	📈 +6 B (+0.78%)	768 B → 774 B
node_modules/@zag-js/popper/dist/index.mjs	📈 +77 B (+0.67%)	11.15 kB → 11.23 kB
node_modules/@ark-ui/vue/dist/components/tabs/tabs-root-provider.vue.js	📈 +5 B (+0.64%)	780 B → 785 B
node_modules/@ark-ui/vue/dist/components/dialog/dialog-positioner.vue.js	📈 +5 B (+0.61%)	826 B → 831 B
node_modules/@ark-ui/vue/dist/components/toast/toast-title.vue.js	📈 +3 B (+0.59%)	512 B → 515 B
node_modules/@ark-ui/vue/dist/components/field/field-label.vue.js	📈 +3 B (+0.59%)	512 B → 515 B
node_modules/@ark-ui/vue/dist/components/qr-code/qr-code-frame.vue.js	📈 +3 B (+0.58%)	515 B → 518 B
node_modules/@ark-ui/vue/dist/components/switch/switch-label.vue.js	📈 +3 B (+0.58%)	517 B → 520 B
node_modules/@ark-ui/vue/dist/components/switch/switch-thumb.vue.js	📈 +3 B (+0.58%)	517 B → 520 B
node_modules/@ark-ui/vue/dist/components/tooltip/tooltip-arrow.vue.js	📈 +3 B (+0.58%)	518 B → 521 B
node_modules/@ark-ui/vue/dist/components/qr-code/qr-code-overlay.vue.js	📈 +3 B (+0.58%)	519 B → 522 B
node_modules/@ark-ui/vue/dist/components/qr-code/qr-code-pattern.vue.js	📈 +3 B (+0.58%)	520 B → 523 B
node_modules/@ark-ui/vue/dist/components/switch/switch-control.vue.js	📈 +3 B (+0.58%)	521 B → 524 B
node_modules/@ark-ui/vue/dist/components/field/field-helper-text.vue.js	📈 +3 B (+0.57%)	522 B → 525 B
node_modules/@ark-ui/vue/dist/components/toast/toast-description.vue.js	📈 +3 B (+0.57%)	524 B → 527 B
node_modules/@ark-ui/vue/dist/components/tooltip/tooltip-arrow-tip.vue.js	📈 +3 B (+0.57%)	525 B → 528 B
node_modules/@ark-ui/vue/dist/components/tooltip/tooltip-trigger.vue.js	📈 +3 B (+0.57%)	525 B → 528 B
node_modules/@ark-ui/vue/dist/components/pin-input/pin-input-label.vue.js	📈 +3 B (+0.57%)	525 B → 528 B
node_modules/@ark-ui/vue/dist/components/pin-input/pin-input-control.vue.js	📈 +3 B (+0.57%)	527 B → 530 B
node_modules/@ark-ui/vue/dist/components/toast/toast-close-trigger.vue.js	📈 +3 B (+0.57%)	530 B → 533 B
node_modules/@ark-ui/vue/dist/components/dialog/dialog-close-trigger.vue.js	📈 +3 B (+0.56%)	532 B → 535 B
node_modules/@ark-ui/vue/dist/components/number-input/number-input-label.vue.js	📈 +3 B (+0.56%)	537 B → 540 B
node_modules/@ark-ui/vue/dist/components/number-input/number-input-control.vue.js	📈 +3 B (+0.56%)	539 B → 542 B
node_modules/@ark-ui/vue/dist/components/number-input/number-input-scrubber.vue.js	📈 +3 B (+0.55%)	541 B → 544 B
node_modules/@ark-ui/vue/dist/components/number-input/number-input-value-text.vue.js	📈 +3 B (+0.55%)	545 B → 548 B
node_modules/@ark-ui/vue/dist/components/number-input/number-input-decrement-trigger.vue.js	📈 +3 B (+0.53%)	561 B → 564 B
node_modules/@ark-ui/vue/dist/components/number-input/number-input-increment-trigger.vue.js	📈 +3 B (+0.53%)	561 B → 564 B
node_modules/@ark-ui/vue/dist/components/pin-input/pin-input-input.vue.js	📈 +3 B (+0.52%)	572 B → 575 B
node_modules/@ark-ui/vue/dist/components/field/field-error-text.vue.js	📈 +3 B (+0.51%)	588 B → 591 B
node_modules/@ark-ui/vue/dist/components/field/field-root-provider.vue.js	📈 +3 B (+0.51%)	594 B → 597 B
node_modules/@ark-ui/vue/dist/components/qr-code/qr-code-root-provider.vue.js	📈 +3 B (+0.50%)	600 B → 603 B
node_modules/@ark-ui/vue/dist/components/pin-input/pin-input-root-provider.vue.js	📈 +3 B (+0.49%)	610 B → 613 B
node_modules/@ark-ui/vue/dist/components/field/field-textarea.vue.js	📈 +6 B (+0.48%)	1.21 kB → 1.21 kB
node_modules/@ark-ui/vue/dist/components/qr-code/qr-code-download-trigger.vue.js	📈 +3 B (+0.48%)	624 B → 627 B
node_modules/@ark-ui/vue/dist/components/number-input/number-input-root-provider.vue.js	📈 +3 B (+0.48%)	625 B → 628 B
node_modules/@zag-js/switch/dist/index.mjs	📈 +38 B (+0.46%)	8 kB → 8.04 kB
node_modules/@ark-ui/vue/dist/components/switch/switch-hidden-input.vue.js	📈 +3 B (+0.46%)	657 B → 660 B
node_modules/@ark-ui/vue/dist/components/number-input/number-input-input.vue.js	📈 +3 B (+0.45%)	663 B → 666 B
node_modules/@ark-ui/vue/dist/components/pin-input/pin-input-hidden-input.vue.js	📈 +3 B (+0.45%)	664 B → 667 B
node_modules/@ark-ui/vue/dist/components/qr-code/qr-code-root.vue.js	📈 +3 B (+0.45%)	670 B → 673 B
node_modules/@ark-ui/vue/dist/components/field/field-required-indicator.vue.js	📈 +3 B (+0.42%)	713 B → 716 B
node_modules/@ark-ui/vue/dist/components/dialog/dialog-content.vue.js	📈 +3 B (+0.41%)	737 B → 740 B
node_modules/@ark-ui/vue/dist/components/tooltip/tooltip-content.vue.js	📈 +3 B (+0.40%)	741 B → 744 B
node_modules/@ark-ui/vue/dist/components/tabs/tabs-root.vue.js	📈 +5 B (+0.40%)	1.21 kB → 1.21 kB
node_modules/@ark-ui/vue/dist/components/toast/toast-root.vue.js	📈 +3 B (+0.40%)	745 B → 748 B
node_modules/@ark-ui/vue/dist/components/tooltip/tooltip-positioner.vue.js	📈 +3 B (+0.36%)	831 B → 834 B
node_modules/@ark-ui/vue/dist/components/field/field-root.vue.js	📈 +3 B (+0.34%)	893 B → 896 B
node_modules/@zag-js/dialog/dist/index.mjs	📈 +31 B (+0.33%)	9.3 kB → 9.33 kB
node_modules/@ark-ui/vue/dist/components/switch/switch-root.vue.js	📈 +3 B (+0.27%)	1.1 kB → 1.1 kB
node_modules/@ark-ui/vue/dist/components/pin-input/pin-input-root.vue.js	📈 +3 B (+0.21%)	1.4 kB → 1.4 kB
node_modules/@ark-ui/vue/dist/components/number-input/number-input-root.vue.js	📈 +3 B (+0.19%)	1.52 kB → 1.52 kB
node_modules/@zag-js/core/dist/index.mjs	📈 +4 B (+0.12%)	3.26 kB → 3.27 kB
node_modules/@zag-js/tabs/dist/index.mjs	📉 -568 B (-3.45%)	16.1 kB → 15.54 kB
node_modules/@ark-ui/vue/dist/components/presence/presence.vue.js	🔥 -1.12 kB (-100%)	1.12 kB → 0 B

View detailed bundle breakdown

Added

Asset	File Size	% Changed
chunks/index-B8P08eU5.js	0 B → 261.06 kB (+261.06 kB)	-
chunks/main-BB5Y0an7.js	0 B → 250.01 kB (+250.01 kB)	-
chunks/options@fab-BiRZ7TJd.js	0 B → 96.8 kB (+96.8 kB)	-
chunks/preferences-6AkzRuxH.js	0 B → 80.41 kB (+80.41 kB)	-
chunks/popup-CY8VfpUi.js	0 B → 76.55 kB (+76.55 kB)	-
chunks/options-BdUq2bLS.js	0 B → 7.3 kB (+7.3 kB)	-
chunks/options-BIzl_2_g.js	0 B → 6.69 kB (+6.69 kB)	-
chunks/index-E7v20wGK.js	0 B → 5.22 kB (+5.22 kB)	-
chunks/account-4XmcLmVj.js	0 B → 1.68 kB (+1.68 kB)	-
chunks/use-field-context-nHFCtcmv.js	0 B → 71 B (+71 B)	-
chunks/options-q5c9-Z4c.js	0 B	0%
chunks/popup-q5c9-Z4c.js	0 B	0%

Removed

Asset	File Size	% Changed
chunks/index-kO9m0LRa.js	260.76 kB → 0 B (-260.76 kB)	-100%
chunks/main-BxTEcK1X.js	237.58 kB → 0 B (-237.58 kB)	-100%
chunks/options@fab-CUwxzTjn.js	96.73 kB → 0 B (-96.73 kB)	-100%
chunks/preferences-BeNohA-E.js	79.82 kB → 0 B (-79.82 kB)	-100%
chunks/popup-CeiCEkcW.js	73.79 kB → 0 B (-73.79 kB)	-100%
chunks/options-DcrIVJ3t.js	7.3 kB → 0 B (-7.3 kB)	-100%
chunks/options-DVYxjzTA.js	6.69 kB → 0 B (-6.69 kB)	-100%
chunks/index-BsIZu-dY.js	5.06 kB → 0 B (-5.06 kB)	-100%
chunks/account-n3te4ypz.js	1.68 kB → 0 B (-1.68 kB)	-100%
chunks/use-field-context-B857E7HE.js	71 B → 0 B (-71 B)	-100%
chunks/options-BBZgUUAn.js	0 B	0%
chunks/popup-BBZgUUAn.js	0 B	0%

Bigger

No assets were bigger

Smaller

No assets were smaller

Unchanged

Asset	File Size	% Changed
background.js	183.16 kB	0%
chunks/_virtual_wxt-plugins-CTZHCtDH.js	222.56 kB	0%
chunks/default-DSy5N2ww.js	615 B	0%
chunks/time-Dlir8RSU.js	107 kB	0%
chunks/ofetch.03887fc3-CQu2Ux2r.js	17.65 kB	0%
chunks/browser-polyfill-DxU86wVm.js	54.25 kB	0%
chunks/clean-props-CP9s--K6.js	187 B	0%
chunks/storage-s7OR0LLs.js	27.17 kB	0%