@ark-ui/vue 5.17.0 → 5.18.1

package/dist/components/json-tree-view/use-json-tree-view.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsonTreeUtils = require('@zag-js/json-tree-utils');
+const vue = require('vue');
+const treeCollection = require('../collection/tree-collection.cjs');
+const useTreeView = require('../tree-view/use-tree-view.cjs');
+const getBranchValue = require('./get-branch-value.cjs');
+
+const useJsonTreeView = (props) => {
+  const machineProps = vue.computed(() => {
+    const { data, defaultExpandedDepth, ...restProps } = vue.toValue(props);
+    const collection = treeCollection.createTreeCollection({
+      nodeToValue: jsonTreeUtils.nodeToValue,
+      nodeToString: jsonTreeUtils.nodeToString,
+      rootNode: jsonTreeUtils.getRootNode(data)
+    });
+    const defaultExpandedValue = defaultExpandedDepth != null ? getBranchValue.getBranchValues(collection, defaultExpandedDepth) : void 0;
+    return {
+      defaultExpandedValue,
+      ...restProps,
+      collection,
+      typeahead: false
+    };
+  });
+  return useTreeView.useTreeView(machineProps);
+};
+
+exports.useJsonTreeView = useJsonTreeView;

package/dist/components/json-tree-view/use-json-tree-view.d.cts

@@ -0,0 +1,10 @@
+import { JsonNode } from '@zag-js/json-tree-utils';
+import { MaybeRef } from 'vue';
+import { UseTreeViewProps, UseTreeViewReturn } from '../tree-view';
+export interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, 'collection'> {
+    data: unknown;
+    defaultExpandedDepth?: number;
+}
+export interface UseJsonTreeViewReturn extends UseTreeViewReturn<JsonNode> {
+}
+export declare const useJsonTreeView: (props: MaybeRef<UseJsonTreeViewProps>) => UseJsonTreeViewReturn;

package/dist/components/json-tree-view/use-json-tree-view.d.ts

@@ -0,0 +1,10 @@
+import { JsonNode } from '@zag-js/json-tree-utils';
+import { MaybeRef } from 'vue';
+import { UseTreeViewProps, UseTreeViewReturn } from '../tree-view';
+export interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, 'collection'> {
+    data: unknown;
+    defaultExpandedDepth?: number;
+}
+export interface UseJsonTreeViewReturn extends UseTreeViewReturn<JsonNode> {
+}
+export declare const useJsonTreeView: (props: MaybeRef<UseJsonTreeViewProps>) => UseJsonTreeViewReturn;

package/dist/components/json-tree-view/use-json-tree-view.js

@@ -0,0 +1,26 @@
+import { getRootNode, nodeToString, nodeToValue } from '@zag-js/json-tree-utils';
+import { computed, toValue } from 'vue';
+import { createTreeCollection } from '../collection/tree-collection.js';
+import { useTreeView } from '../tree-view/use-tree-view.js';
+import { getBranchValues } from './get-branch-value.js';
+
+const useJsonTreeView = (props) => {
+  const machineProps = computed(() => {
+    const { data, defaultExpandedDepth, ...restProps } = toValue(props);
+    const collection = createTreeCollection({
+      nodeToValue,
+      nodeToString,
+      rootNode: getRootNode(data)
+    });
+    const defaultExpandedValue = defaultExpandedDepth != null ? getBranchValues(collection, defaultExpandedDepth) : void 0;
+    return {
+      defaultExpandedValue,
+      ...restProps,
+      collection,
+      typeahead: false
+    };
+  });
+  return useTreeView(machineProps);
+};
+
+export { useJsonTreeView };

package/dist/components/menu/menu-separator.vue.cjs

@@ -16,12 +16,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const menu = useMenuContext.useMenuContext();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).hr, vue.mergeProps(vue.unref(menu).getSeparatorProps(), { "as-child": _ctx.asChild }), {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["as-child"]);
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).hr, vue.mergeProps(vue.unref(menu).getSeparatorProps(), { "as-child": _ctx.asChild }), null, 16, ["as-child"]);
     };
   }
 });

package/dist/components/menu/menu-separator.vue.d.cts

@@ -8,12 +8,5 @@ export interface MenuSeparatorProps extends MenuSeparatorBaseProps,
  */
 HTMLAttributes {
 }
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<MenuSeparatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MenuSeparatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-}>;
+declare const _default: DefineComponent<MenuSeparatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MenuSeparatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/menu/menu-separator.vue.d.ts

@@ -8,12 +8,5 @@ export interface MenuSeparatorProps extends MenuSeparatorBaseProps,
  */
 HTMLAttributes {
 }
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<MenuSeparatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MenuSeparatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-}>;
+declare const _default: DefineComponent<MenuSeparatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MenuSeparatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/menu/menu-separator.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, mergeProps } from 'vue';
 import { ark } from '../factory.js';
 import { useMenuContext } from './use-menu-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
@@ -12,12 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const menu = useMenuContext();
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).hr, mergeProps(unref(menu).getSeparatorProps(), { "as-child": _ctx.asChild }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["as-child"]);
+      return openBlock(), createBlock(unref(ark).hr, mergeProps(unref(menu).getSeparatorProps(), { "as-child": _ctx.asChild }), null, 16, ["as-child"]);
     };
   }
 });

package/dist/components/password-input/password-input-context.vue.d.cts

@@ -8,21 +8,21 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PasswordInputCo
         visible: boolean;
         disabled: boolean;
         invalid: boolean;
-        focus(): void;
-        setVisible(value: boolean): void;
-        toggleVisible(): void;
-        getRootProps(): HTMLAttributes & {
+        focus: VoidFunction;
+        setVisible: (value: boolean) => void;
+        toggleVisible: VoidFunction;
+        getRootProps: () => HTMLAttributes & {
             key?: string | number | symbol | undefined;
             ref?: VNodeRef | undefined;
         };
-        getLabelProps(): LabelHTMLAttributes & ReservedProps;
-        getInputProps(): InputHTMLAttributes & ReservedProps;
-        getVisibilityTriggerProps(): ButtonHTMLAttributes & ReservedProps;
-        getIndicatorProps(): HTMLAttributes & {
+        getLabelProps: () => LabelHTMLAttributes & ReservedProps;
+        getInputProps: () => InputHTMLAttributes & ReservedProps;
+        getVisibilityTriggerProps: () => ButtonHTMLAttributes & ReservedProps;
+        getIndicatorProps: () => HTMLAttributes & {
             key?: string | number | symbol | undefined;
             ref?: VNodeRef | undefined;
         };
-        getControlProps(): HTMLAttributes & {
+        getControlProps: () => HTMLAttributes & {
             key?: string | number | symbol | undefined;
             ref?: VNodeRef | undefined;
         };

package/dist/components/password-input/password-input-context.vue.d.ts

@@ -8,21 +8,21 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PasswordInputCo
         visible: boolean;
         disabled: boolean;
         invalid: boolean;
-        focus(): void;
-        setVisible(value: boolean): void;
-        toggleVisible(): void;
-        getRootProps(): HTMLAttributes & {
+        focus: VoidFunction;
+        setVisible: (value: boolean) => void;
+        toggleVisible: VoidFunction;
+        getRootProps: () => HTMLAttributes & {
             key?: string | number | symbol | undefined;
             ref?: VNodeRef | undefined;
         };
-        getLabelProps(): LabelHTMLAttributes & ReservedProps;
-        getInputProps(): InputHTMLAttributes & ReservedProps;
-        getVisibilityTriggerProps(): ButtonHTMLAttributes & ReservedProps;
-        getIndicatorProps(): HTMLAttributes & {
+        getLabelProps: () => LabelHTMLAttributes & ReservedProps;
+        getInputProps: () => InputHTMLAttributes & ReservedProps;
+        getVisibilityTriggerProps: () => ButtonHTMLAttributes & ReservedProps;
+        getIndicatorProps: () => HTMLAttributes & {
             key?: string | number | symbol | undefined;
             ref?: VNodeRef | undefined;
         };
-        getControlProps(): HTMLAttributes & {
+        getControlProps: () => HTMLAttributes & {
             key?: string | number | symbol | undefined;
             ref?: VNodeRef | undefined;
         };

package/dist/components/signature-pad/signature-pad-root.vue.cjs

@@ -13,6 +13,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: /* @__PURE__ */ vue.mergeDefaults({
     disabled: { type: Boolean },
     drawing: {},
+    defaultPaths: {},
     id: {},
     ids: {},
     name: {},
@@ -25,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     disabled: void 0,
     required: void 0
   }),
-  emits: ["draw", "drawEnd"],
+  emits: ["update:paths", "draw", "drawEnd"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;

package/dist/components/signature-pad/signature-pad-root.vue.d.cts

@@ -13,9 +13,11 @@ HTMLAttributes {
 export interface SignaturePadRootEmits extends RootEmits {
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<SignaturePadRootBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:paths": (paths: string[]) => any;
     draw: (details: DrawDetails) => any;
     drawEnd: (details: DrawEndDetails) => any;
 }, string, PublicProps, Readonly<SignaturePadRootBaseProps> & Readonly<{
+    "onUpdate:paths"?: ((paths: string[]) => any) | undefined;
     onDraw?: ((details: DrawDetails) => any) | undefined;
     onDrawEnd?: ((details: DrawEndDetails) => any) | undefined;
 }>, {

package/dist/components/signature-pad/signature-pad-root.vue.d.ts

@@ -13,9 +13,11 @@ HTMLAttributes {
 export interface SignaturePadRootEmits extends RootEmits {
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<SignaturePadRootBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:paths": (paths: string[]) => any;
     draw: (details: DrawDetails) => any;
     drawEnd: (details: DrawEndDetails) => any;
 }, string, PublicProps, Readonly<SignaturePadRootBaseProps> & Readonly<{
+    "onUpdate:paths"?: ((paths: string[]) => any) | undefined;
     onDraw?: ((details: DrawDetails) => any) | undefined;
     onDrawEnd?: ((details: DrawEndDetails) => any) | undefined;
 }>, {

package/dist/components/signature-pad/signature-pad-root.vue.js

@@ -9,6 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeDefaults({
     disabled: { type: Boolean },
     drawing: {},
+    defaultPaths: {},
     id: {},
     ids: {},
     name: {},
@@ -21,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: void 0,
     required: void 0
   }),
-  emits: ["draw", "drawEnd"],
+  emits: ["update:paths", "draw", "drawEnd"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;

package/dist/components/signature-pad/signature-pad.types.d.cts

@@ -9,6 +9,10 @@ export interface RootProps {
      * @default '{ size: 2, simulatePressure: true }'
      */
     drawing?: signaturePad.DrawingOptions;
+    /**
+     * The default paths of the signature pad.
+     */
+    defaultPaths?: string[];
     /**
      * The unique identifier of the machine.
      */
@@ -40,6 +44,10 @@ export interface RootProps {
     translations?: signaturePad.IntlTranslations;
 }
 export type RootEmits = {
+    /**
+     * Callback when the paths change.
+     */
+    'update:paths': [paths: string[]];
     /**
      * Callback when the signature pad is drawing.
      */

package/dist/components/signature-pad/signature-pad.types.d.ts

@@ -9,6 +9,10 @@ export interface RootProps {
      * @default '{ size: 2, simulatePressure: true }'
      */
     drawing?: signaturePad.DrawingOptions;
+    /**
+     * The default paths of the signature pad.
+     */
+    defaultPaths?: string[];
     /**
      * The unique identifier of the machine.
      */
@@ -40,6 +44,10 @@ export interface RootProps {
     translations?: signaturePad.IntlTranslations;
 }
 export type RootEmits = {
+    /**
+     * Callback when the paths change.
+     */
+    'update:paths': [paths: string[]];
     /**
      * Callback when the signature pad is drawing.
      */

package/dist/components/signature-pad/use-signature-pad.cjs

@@ -49,6 +49,7 @@ const useSignaturePad = (props = {}, emit) => {
       getRootNode: env?.value.getRootNode,
       ...cleanProps.cleanProps(localProps),
       onDraw: (details) => {
+        emit?.("update:paths", details.paths);
         emit?.("draw", details);
         localProps.onDraw?.(details);
       },

package/dist/components/signature-pad/use-signature-pad.js

@@ -26,6 +26,7 @@ const useSignaturePad = (props = {}, emit) => {
       getRootNode: env?.value.getRootNode,
       ...cleanProps(localProps),
       onDraw: (details) => {
+        emit?.("update:paths", details.paths);
         emit?.("draw", details);
         localProps.onDraw?.(details);
       },

package/dist/components/tabs/tabs-root.vue.d.cts

@@ -22,9 +22,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<TabsRootProps,
     onValueChange?: ((details: ValueChangeDetails) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    deselectable: boolean;
     composite: boolean;
     loopFocus: boolean;
-    deselectable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/components/tabs/tabs-root.vue.d.ts

@@ -22,9 +22,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<TabsRootProps,
     onValueChange?: ((details: ValueChangeDetails) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    deselectable: boolean;
     composite: boolean;
     loopFocus: boolean;
-    deselectable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/components/toggle-group/toggle-group-root.vue.d.cts

@@ -21,8 +21,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<ToggleGroupRoot
 }>, {
     disabled: boolean;
     multiple: boolean;
-    loopFocus: boolean;
     deselectable: boolean;
+    loopFocus: boolean;
     rovingFocus: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;

package/dist/components/toggle-group/toggle-group-root.vue.d.ts

@@ -21,8 +21,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<ToggleGroupRoot
 }>, {
     disabled: boolean;
     multiple: boolean;
-    loopFocus: boolean;
     deselectable: boolean;
+    loopFocus: boolean;
     rovingFocus: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;

package/dist/components/tree-view/tree-view-root.vue.cjs

@@ -32,7 +32,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     asChild: { type: Boolean }
   }, {
     expandOnClick: void 0,
-    typeahead: void 0
+    typeahead: void 0,
+    lazyMount: void 0,
+    unmountOnExit: void 0,
+    asChild: void 0
   }),
   emits: ["expandedChange", "focusChange", "selectionChange", "checkedChange", "loadChildrenComplete", "loadChildrenError", "update:expandedValue", "update:focusedValue", "update:selectedValue", "update:checkedValue"],
   setup(__props, { emit: __emit }) {

package/dist/components/tree-view/tree-view-root.vue.js

@@ -28,7 +28,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     asChild: { type: Boolean }
   }, {
     expandOnClick: void 0,
-    typeahead: void 0
+    typeahead: void 0,
+    lazyMount: void 0,
+    unmountOnExit: void 0,
+    asChild: void 0
   }),
   emits: ["expandedChange", "focusChange", "selectionChange", "checkedChange", "loadChildrenComplete", "loadChildrenError", "update:expandedValue", "update:focusedValue", "update:selectedValue", "update:checkedValue"],
   setup(__props, { emit: __emit }) {

package/dist/index.cjs

@@ -282,6 +282,11 @@ const hoverCardTrigger_vue_vue_type_script_setup_true_lang = require('./componen
 const useHoverCard = require('./components/hover-card/use-hover-card.cjs');
 const useHoverCardContext = require('./components/hover-card/use-hover-card-context.cjs');
 const hoverCard$1 = require('./components/hover-card/hover-card.cjs');
+const jsonTreeViewRoot_vue_vue_type_script_setup_true_lang = require('./components/json-tree-view/json-tree-view-root.vue.cjs');
+const jsonTreeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./components/json-tree-view/json-tree-view-root-provider.vue.cjs');
+const jsonTreeViewTree_vue_vue_type_script_setup_true_lang = require('./components/json-tree-view/json-tree-view-tree.vue.cjs');
+const useJsonTreeView = require('./components/json-tree-view/use-json-tree-view.cjs');
+const jsonTreeView = require('./components/json-tree-view/json-tree-view.cjs');
 const listboxContext_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-context.vue.cjs');
 const listboxContent_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-content.vue.cjs');
 const listboxInput_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-input.vue.cjs');
@@ -1009,6 +1014,11 @@ exports.HoverCardTrigger = hoverCardTrigger_vue_vue_type_script_setup_true_lang.
 exports.useHoverCard = useHoverCard.useHoverCard;
 exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
 exports.HoverCard = hoverCard$1;
+exports.JsonTreeViewRoot = jsonTreeViewRoot_vue_vue_type_script_setup_true_lang.default;
+exports.JsonTreeViewRootProvider = jsonTreeViewRootProvider_vue_vue_type_script_setup_true_lang.default;
+exports.JsonTreeViewTree = jsonTreeViewTree_vue_vue_type_script_setup_true_lang.default;
+exports.useJsonTreeView = useJsonTreeView.useJsonTreeView;
+exports.JsonTreeView = jsonTreeView;
 exports.ListboxContext = listboxContext_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxContent = listboxContent_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxInput = listboxInput_vue_vue_type_script_setup_true_lang.default;

package/dist/index.js

@@ -296,6 +296,12 @@ export { useHoverCard } from './components/hover-card/use-hover-card.js';
 export { useHoverCardContext } from './components/hover-card/use-hover-card-context.js';
 import * as hoverCard from './components/hover-card/hover-card.js';
 export { hoverCard as HoverCard };
+export { default as JsonTreeViewRoot } from './components/json-tree-view/json-tree-view-root.vue.js';
+export { default as JsonTreeViewRootProvider } from './components/json-tree-view/json-tree-view-root-provider.vue.js';
+export { default as JsonTreeViewTree } from './components/json-tree-view/json-tree-view-tree.vue.js';
+export { useJsonTreeView } from './components/json-tree-view/use-json-tree-view.js';
+import * as jsonTreeView from './components/json-tree-view/json-tree-view.js';
+export { jsonTreeView as JsonTreeView };
 export { default as ListboxContext } from './components/listbox/listbox-context.vue.js';
 export { default as ListboxContent } from './components/listbox/listbox-content.vue.js';
 export { default as ListboxInput } from './components/listbox/listbox-input.vue.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/vue",
   "type": "module",
-  "version": "5.17.0",
+  "version": "5.18.1",
   "description": "A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -140,63 +140,64 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.8.2",
-    "@zag-js/accordion": "1.18.4",
-    "@zag-js/angle-slider": "1.18.4",
-    "@zag-js/anatomy": "1.18.4",
-    "@zag-js/auto-resize": "1.18.4",
-    "@zag-js/avatar": "1.18.4",
-    "@zag-js/carousel": "1.18.4",
-    "@zag-js/checkbox": "1.18.4",
-    "@zag-js/clipboard": "1.18.4",
-    "@zag-js/collapsible": "1.18.4",
-    "@zag-js/collection": "1.18.4",
-    "@zag-js/color-picker": "1.18.4",
-    "@zag-js/color-utils": "1.18.4",
-    "@zag-js/combobox": "1.18.4",
-    "@zag-js/core": "1.18.4",
-    "@zag-js/date-picker": "1.18.4",
-    "@zag-js/date-utils": "1.18.4",
-    "@zag-js/dialog": "1.18.4",
-    "@zag-js/dom-query": "1.18.4",
-    "@zag-js/editable": "1.18.4",
-    "@zag-js/file-upload": "1.18.4",
-    "@zag-js/file-utils": "1.18.4",
-    "@zag-js/focus-trap": "1.18.4",
-    "@zag-js/floating-panel": "1.18.4",
-    "@zag-js/highlight-word": "1.18.4",
-    "@zag-js/hover-card": "1.18.4",
-    "@zag-js/i18n-utils": "1.18.4",
-    "@zag-js/listbox": "1.18.4",
-    "@zag-js/menu": "1.18.4",
-    "@zag-js/number-input": "1.18.4",
-    "@zag-js/pagination": "1.18.4",
-    "@zag-js/password-input": "1.18.4",
-    "@zag-js/pin-input": "1.18.4",
-    "@zag-js/popover": "1.18.4",
-    "@zag-js/presence": "1.18.4",
-    "@zag-js/progress": "1.18.4",
-    "@zag-js/qr-code": "1.18.4",
-    "@zag-js/radio-group": "1.18.4",
-    "@zag-js/rating-group": "1.18.4",
-    "@zag-js/select": "1.18.4",
-    "@zag-js/signature-pad": "1.18.4",
-    "@zag-js/slider": "1.18.4",
-    "@zag-js/splitter": "1.18.4",
-    "@zag-js/switch": "1.18.4",
-    "@zag-js/tabs": "1.18.4",
-    "@zag-js/tags-input": "1.18.4",
-    "@zag-js/time-picker": "1.18.4",
-    "@zag-js/timer": "1.18.4",
-    "@zag-js/toast": "1.18.4",
-    "@zag-js/toggle": "1.18.4",
-    "@zag-js/toggle-group": "1.18.4",
-    "@zag-js/tooltip": "1.18.4",
-    "@zag-js/tour": "1.18.4",
-    "@zag-js/tree-view": "1.18.4",
-    "@zag-js/types": "1.18.4",
-    "@zag-js/utils": "1.18.4",
-    "@zag-js/steps": "1.18.4",
-    "@zag-js/vue": "1.18.4"
+    "@zag-js/accordion": "1.20.1",
+    "@zag-js/angle-slider": "1.20.1",
+    "@zag-js/anatomy": "1.20.1",
+    "@zag-js/auto-resize": "1.20.1",
+    "@zag-js/avatar": "1.20.1",
+    "@zag-js/carousel": "1.20.1",
+    "@zag-js/checkbox": "1.20.1",
+    "@zag-js/clipboard": "1.20.1",
+    "@zag-js/collapsible": "1.20.1",
+    "@zag-js/collection": "1.20.1",
+    "@zag-js/color-picker": "1.20.1",
+    "@zag-js/color-utils": "1.20.1",
+    "@zag-js/combobox": "1.20.1",
+    "@zag-js/core": "1.20.1",
+    "@zag-js/date-picker": "1.20.1",
+    "@zag-js/date-utils": "1.20.1",
+    "@zag-js/dialog": "1.20.1",
+    "@zag-js/dom-query": "1.20.1",
+    "@zag-js/editable": "1.20.1",
+    "@zag-js/file-upload": "1.20.1",
+    "@zag-js/file-utils": "1.20.1",
+    "@zag-js/focus-trap": "1.20.1",
+    "@zag-js/floating-panel": "1.20.1",
+    "@zag-js/highlight-word": "1.20.1",
+    "@zag-js/hover-card": "1.20.1",
+    "@zag-js/i18n-utils": "1.20.1",
+    "@zag-js/json-tree-utils": "1.20.1",
+    "@zag-js/listbox": "1.20.1",
+    "@zag-js/menu": "1.20.1",
+    "@zag-js/number-input": "1.20.1",
+    "@zag-js/pagination": "1.20.1",
+    "@zag-js/password-input": "1.20.1",
+    "@zag-js/pin-input": "1.20.1",
+    "@zag-js/popover": "1.20.1",
+    "@zag-js/presence": "1.20.1",
+    "@zag-js/progress": "1.20.1",
+    "@zag-js/qr-code": "1.20.1",
+    "@zag-js/radio-group": "1.20.1",
+    "@zag-js/rating-group": "1.20.1",
+    "@zag-js/select": "1.20.1",
+    "@zag-js/signature-pad": "1.20.1",
+    "@zag-js/slider": "1.20.1",
+    "@zag-js/splitter": "1.20.1",
+    "@zag-js/switch": "1.20.1",
+    "@zag-js/tabs": "1.20.1",
+    "@zag-js/tags-input": "1.20.1",
+    "@zag-js/time-picker": "1.20.1",
+    "@zag-js/timer": "1.20.1",
+    "@zag-js/toast": "1.20.1",
+    "@zag-js/toggle": "1.20.1",
+    "@zag-js/toggle-group": "1.20.1",
+    "@zag-js/tooltip": "1.20.1",
+    "@zag-js/tour": "1.20.1",
+    "@zag-js/tree-view": "1.20.1",
+    "@zag-js/types": "1.20.1",
+    "@zag-js/utils": "1.20.1",
+    "@zag-js/steps": "1.20.1",
+    "@zag-js/vue": "1.20.1"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -221,7 +222,7 @@
     "vitest": "3.2.4",
     "@vitest/coverage-v8": "3.2.4",
     "vue": "3.5.17",
-    "vue-tsc": "3.0.2"
+    "vue-tsc": "3.0.3"
   },
   "peerDependencies": {
     "vue": ">=3.5.0"