@ark-ui/vue 5.27.1 → 5.29.0

package/dist/index.cjs

@@ -48,6 +48,8 @@ const bottomSheetTrigger_vue_vue_type_script_setup_true_lang = require('./compon
 const useBottomSheet = require('./components/bottom-sheet/use-bottom-sheet.cjs');
 const useBottomSheetContext = require('./components/bottom-sheet/use-bottom-sheet-context.cjs');
 const bottomSheet$1 = require('./components/bottom-sheet/bottom-sheet.cjs');
+const carouselAutoplayIndicator_vue_vue_type_script_setup_true_lang = require('./components/carousel/carousel-autoplay-indicator.vue.cjs');
+const carouselProgressText_vue_vue_type_script_setup_true_lang = require('./components/carousel/carousel-progress-text.vue.cjs');
 const carouselAutoplayTrigger_vue_vue_type_script_setup_true_lang = require('./components/carousel/carousel-autoplay-trigger.vue.cjs');
 const carouselContext_vue_vue_type_script_setup_true_lang = require('./components/carousel/carousel-context.vue.cjs');
 const carouselControl_vue_vue_type_script_setup_true_lang = require('./components/carousel/carousel-control.vue.cjs');
@@ -59,9 +61,10 @@ const carouselNextTrigger_vue_vue_type_script_setup_true_lang = require('./compo
 const carouselPrevTrigger_vue_vue_type_script_setup_true_lang = require('./components/carousel/carousel-prev-trigger.vue.cjs');
 const carouselRootProvider_vue_vue_type_script_setup_true_lang = require('./components/carousel/carousel-root-provider.vue.cjs');
 const carouselRoot_vue_vue_type_script_setup_true_lang = require('./components/carousel/carousel-root.vue.cjs');
+const carousel_anatomy = require('./components/carousel/carousel.anatomy.cjs');
 const useCarousel = require('./components/carousel/use-carousel.cjs');
 const useCarouselContext = require('./components/carousel/use-carousel-context.cjs');
-const carousel$1 = require('./components/carousel/carousel.cjs');
+const carousel = require('./components/carousel/carousel.cjs');
 const checkboxContext_vue_vue_type_script_setup_true_lang = require('./components/checkbox/checkbox-context.vue.cjs');
 const checkboxControl_vue_vue_type_script_setup_true_lang = require('./components/checkbox/checkbox-control.vue.cjs');
 const checkboxGroup_vue_vue_type_script_setup_true_lang = require('./components/checkbox/checkbox-group.vue.cjs');
@@ -300,6 +303,18 @@ 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 imageCropperContext_vue_vue_type_script_setup_true_lang = require('./components/image-cropper/image-cropper-context.vue.cjs');
+const imageCropperGrid_vue_vue_type_script_setup_true_lang = require('./components/image-cropper/image-cropper-grid.vue.cjs');
+const imageCropperHandle_vue_vue_type_script_setup_true_lang = require('./components/image-cropper/image-cropper-handle.vue.cjs');
+const imageCropperImage_vue_vue_type_script_setup_true_lang = require('./components/image-cropper/image-cropper-image.vue.cjs');
+const imageCropperRoot_vue_vue_type_script_setup_true_lang = require('./components/image-cropper/image-cropper-root.vue.cjs');
+const imageCropperRootProvider_vue_vue_type_script_setup_true_lang = require('./components/image-cropper/image-cropper-root-provider.vue.cjs');
+const imageCropperSelection_vue_vue_type_script_setup_true_lang = require('./components/image-cropper/image-cropper-selection.vue.cjs');
+const imageCropperViewport_vue_vue_type_script_setup_true_lang = require('./components/image-cropper/image-cropper-viewport.vue.cjs');
+const useImageCropper = require('./components/image-cropper/use-image-cropper.cjs');
+const useImageCropperContext = require('./components/image-cropper/use-image-cropper-context.cjs');
+const imageCropper_anatomy = require('./components/image-cropper/image-cropper.anatomy.cjs');
+const imageCropper = require('./components/image-cropper/image-cropper.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');
@@ -549,9 +564,11 @@ const sliderValueText_vue_vue_type_script_setup_true_lang = require('./component
 const useSlider = require('./components/slider/use-slider.cjs');
 const useSliderContext = require('./components/slider/use-slider-context.cjs');
 const slider$1 = require('./components/slider/slider.cjs');
+const splitter = require('@zag-js/splitter');
 const splitterContext_vue_vue_type_script_setup_true_lang = require('./components/splitter/splitter-context.vue.cjs');
 const splitterPanel_vue_vue_type_script_setup_true_lang = require('./components/splitter/splitter-panel.vue.cjs');
 const splitterResizeTrigger_vue_vue_type_script_setup_true_lang = require('./components/splitter/splitter-resize-trigger.vue.cjs');
+const splitterResizeTriggerIndicator_vue_vue_type_script_setup_true_lang = require('./components/splitter/splitter-resize-trigger-indicator.vue.cjs');
 const splitterRootProvider_vue_vue_type_script_setup_true_lang = require('./components/splitter/splitter-root-provider.vue.cjs');
 const splitterRoot_vue_vue_type_script_setup_true_lang = require('./components/splitter/splitter-root.vue.cjs');
 const useSplitter = require('./components/splitter/use-splitter.cjs');
@@ -718,7 +735,6 @@ const accordion = require('@zag-js/accordion');
 const angleSlider = require('@zag-js/angle-slider');
 const avatar = require('@zag-js/avatar');
 const bottomSheet = require('@zag-js/bottom-sheet');
-const carousel = require('@zag-js/carousel');
 const clipboard = require('@zag-js/clipboard');
 const collapsible = require('@zag-js/collapsible');
 const dialog = require('@zag-js/dialog');
@@ -741,7 +757,6 @@ const scrollArea = require('@zag-js/scroll-area');
 const select = require('@zag-js/select');
 const signaturepad = require('@zag-js/signature-pad');
 const slider = require('@zag-js/slider');
-const splitter = require('@zag-js/splitter');
 const steps = require('@zag-js/steps');
 const zagSwitch = require('@zag-js/switch');
 const tabs = require('@zag-js/tabs');
@@ -800,6 +815,8 @@ exports.BottomSheetTrigger = bottomSheetTrigger_vue_vue_type_script_setup_true_l
 exports.useBottomSheet = useBottomSheet.useBottomSheet;
 exports.useBottomSheetContext = useBottomSheetContext.useBottomSheetContext;
 exports.BottomSheet = bottomSheet$1;
+exports.CarouselAutoplayIndicator = carouselAutoplayIndicator_vue_vue_type_script_setup_true_lang.default;
+exports.CarouselProgressText = carouselProgressText_vue_vue_type_script_setup_true_lang.default;
 exports.CarouselAutoplayTrigger = carouselAutoplayTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.CarouselContext = carouselContext_vue_vue_type_script_setup_true_lang.default;
 exports.CarouselControl = carouselControl_vue_vue_type_script_setup_true_lang.default;
@@ -811,9 +828,10 @@ exports.CarouselNextTrigger = carouselNextTrigger_vue_vue_type_script_setup_true
 exports.CarouselPrevTrigger = carouselPrevTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.CarouselRootProvider = carouselRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.CarouselRoot = carouselRoot_vue_vue_type_script_setup_true_lang.default;
+exports.carouselAnatomy = carousel_anatomy.carouselAnatomy;
 exports.useCarousel = useCarousel.useCarousel;
 exports.useCarouselContext = useCarouselContext.useCarouselContext;
-exports.Carousel = carousel$1;
+exports.Carousel = carousel;
 exports.CheckboxContext = checkboxContext_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxControl = checkboxControl_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxGroup = checkboxGroup_vue_vue_type_script_setup_true_lang.default;
@@ -1060,6 +1078,18 @@ exports.HoverCardTrigger = hoverCardTrigger_vue_vue_type_script_setup_true_lang.
 exports.useHoverCard = useHoverCard.useHoverCard;
 exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
 exports.HoverCard = hoverCard$1;
+exports.ImageCropperContext = imageCropperContext_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperGrid = imageCropperGrid_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperHandle = imageCropperHandle_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperImage = imageCropperImage_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperRoot = imageCropperRoot_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperRootProvider = imageCropperRootProvider_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperSelection = imageCropperSelection_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperViewport = imageCropperViewport_vue_vue_type_script_setup_true_lang.default;
+exports.useImageCropper = useImageCropper.useImageCropper;
+exports.useImageCropperContext = useImageCropperContext.useImageCropperContext;
+exports.imageCropperAnatomy = imageCropper_anatomy.imageCropperAnatomy;
+exports.ImageCropper = imageCropper;
 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;
@@ -1310,9 +1340,18 @@ exports.SliderValueText = sliderValueText_vue_vue_type_script_setup_true_lang.de
 exports.useSlider = useSlider.useSlider;
 exports.useSliderContext = useSliderContext.useSliderContext;
 exports.Slider = slider$1;
+Object.defineProperty(exports, "getSplitterLayout", {
+	enumerable: true,
+	get: () => splitter.layout
+});
+Object.defineProperty(exports, "splitterAnatomy", {
+	enumerable: true,
+	get: () => splitter.anatomy
+});
 exports.SplitterContext = splitterContext_vue_vue_type_script_setup_true_lang.default;
 exports.SplitterPanel = splitterPanel_vue_vue_type_script_setup_true_lang.default;
 exports.SplitterResizeTrigger = splitterResizeTrigger_vue_vue_type_script_setup_true_lang.default;
+exports.SplitterResizeTriggerIndicator = splitterResizeTriggerIndicator_vue_vue_type_script_setup_true_lang.default;
 exports.SplitterRootProvider = splitterRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.SplitterRoot = splitterRoot_vue_vue_type_script_setup_true_lang.default;
 exports.useSplitter = useSplitter.useSplitter;
@@ -1496,10 +1535,6 @@ Object.defineProperty(exports, "bottomSheetAnatomy", {
 	enumerable: true,
 	get: () => bottomSheet.anatomy
 });
-Object.defineProperty(exports, "carouselAnatomy", {
-	enumerable: true,
-	get: () => carousel.anatomy
-});
 Object.defineProperty(exports, "clipboardAnatomy", {
 	enumerable: true,
 	get: () => clipboard.anatomy
@@ -1588,10 +1623,6 @@ Object.defineProperty(exports, "sliderAnatomy", {
 	enumerable: true,
 	get: () => slider.anatomy
 });
-Object.defineProperty(exports, "splitterAnatomy", {
-	enumerable: true,
-	get: () => splitter.anatomy
-});
 Object.defineProperty(exports, "stepsAnatomy", {
 	enumerable: true,
 	get: () => steps.anatomy

package/dist/index.js

@@ -48,6 +48,8 @@ export { useBottomSheet } from './components/bottom-sheet/use-bottom-sheet.js';
 export { useBottomSheetContext } from './components/bottom-sheet/use-bottom-sheet-context.js';
 import * as bottomSheet from './components/bottom-sheet/bottom-sheet.js';
 export { bottomSheet as BottomSheet };
+export { default as CarouselAutoplayIndicator } from './components/carousel/carousel-autoplay-indicator.vue.js';
+export { default as CarouselProgressText } from './components/carousel/carousel-progress-text.vue.js';
 export { default as CarouselAutoplayTrigger } from './components/carousel/carousel-autoplay-trigger.vue.js';
 export { default as CarouselContext } from './components/carousel/carousel-context.vue.js';
 export { default as CarouselControl } from './components/carousel/carousel-control.vue.js';
@@ -59,6 +61,7 @@ export { default as CarouselNextTrigger } from './components/carousel/carousel-n
 export { default as CarouselPrevTrigger } from './components/carousel/carousel-prev-trigger.vue.js';
 export { default as CarouselRootProvider } from './components/carousel/carousel-root-provider.vue.js';
 export { default as CarouselRoot } from './components/carousel/carousel-root.vue.js';
+export { carouselAnatomy } from './components/carousel/carousel.anatomy.js';
 export { useCarousel } from './components/carousel/use-carousel.js';
 export { useCarouselContext } from './components/carousel/use-carousel-context.js';
 import * as carousel from './components/carousel/carousel.js';
@@ -315,6 +318,19 @@ 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 ImageCropperContext } from './components/image-cropper/image-cropper-context.vue.js';
+export { default as ImageCropperGrid } from './components/image-cropper/image-cropper-grid.vue.js';
+export { default as ImageCropperHandle } from './components/image-cropper/image-cropper-handle.vue.js';
+export { default as ImageCropperImage } from './components/image-cropper/image-cropper-image.vue.js';
+export { default as ImageCropperRoot } from './components/image-cropper/image-cropper-root.vue.js';
+export { default as ImageCropperRootProvider } from './components/image-cropper/image-cropper-root-provider.vue.js';
+export { default as ImageCropperSelection } from './components/image-cropper/image-cropper-selection.vue.js';
+export { default as ImageCropperViewport } from './components/image-cropper/image-cropper-viewport.vue.js';
+export { useImageCropper } from './components/image-cropper/use-image-cropper.js';
+export { useImageCropperContext } from './components/image-cropper/use-image-cropper-context.js';
+export { imageCropperAnatomy } from './components/image-cropper/image-cropper.anatomy.js';
+import * as imageCropper from './components/image-cropper/image-cropper.js';
+export { imageCropper as ImageCropper };
 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';
@@ -582,9 +598,11 @@ export { useSlider } from './components/slider/use-slider.js';
 export { useSliderContext } from './components/slider/use-slider-context.js';
 import * as slider from './components/slider/slider.js';
 export { slider as Slider };
+export { layout as getSplitterLayout, anatomy as splitterAnatomy } from '@zag-js/splitter';
 export { default as SplitterContext } from './components/splitter/splitter-context.vue.js';
 export { default as SplitterPanel } from './components/splitter/splitter-panel.vue.js';
 export { default as SplitterResizeTrigger } from './components/splitter/splitter-resize-trigger.vue.js';
+export { default as SplitterResizeTriggerIndicator } from './components/splitter/splitter-resize-trigger-indicator.vue.js';
 export { default as SplitterRootProvider } from './components/splitter/splitter-root-provider.vue.js';
 export { default as SplitterRoot } from './components/splitter/splitter-root.vue.js';
 export { useSplitter } from './components/splitter/use-splitter.js';
@@ -763,7 +781,6 @@ export { anatomy as accordionAnatomy } from '@zag-js/accordion';
 export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
 export { anatomy as avatarAnatomy } from '@zag-js/avatar';
 export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';
-export { anatomy as carouselAnatomy } from '@zag-js/carousel';
 export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
 export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
 export { anatomy as dialogAnatomy } from '@zag-js/dialog';
@@ -786,7 +803,6 @@ export { anatomy as scrollAreaAnatomy } from '@zag-js/scroll-area';
 export { anatomy as selectAnatomy } from '@zag-js/select';
 export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';
 export { anatomy as sliderAnatomy } from '@zag-js/slider';
-export { anatomy as splitterAnatomy } from '@zag-js/splitter';
 export { anatomy as stepsAnatomy } from '@zag-js/steps';
 export { anatomy as switchAnatomy } from '@zag-js/switch';
 export { anatomy as tabsAnatomy } from '@zag-js/tabs';

package/dist/utils/use-scope-id.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const utils = require('@zag-js/utils');
+const vue = require('vue');
+
+function hasVnodeScopeId(vnode) {
+  if (vnode === null || typeof vnode !== "object") return false;
+  const vnodeObj = vnode;
+  return utils.hasProp(vnodeObj, "scopeId") && utils.isString(vnodeObj.scopeId);
+}
+function hasTypeScopeId(type) {
+  if (type === null || typeof type !== "object") return false;
+  const typeObj = type;
+  return utils.hasProp(typeObj, "__scopeId") && utils.isString(typeObj.__scopeId);
+}
+function getScopeIdFromInstance(instance) {
+  if (hasVnodeScopeId(instance.vnode)) return instance.vnode.scopeId;
+  if (hasTypeScopeId(instance.type)) return instance.type.__scopeId;
+}
+function useScopeId() {
+  const instance = vue.getCurrentInstance();
+  if (!instance) return;
+  let scopeId = getScopeIdFromInstance(instance);
+  if (!scopeId && instance.parent) {
+    let parent = instance.parent;
+    while (parent && !scopeId) {
+      scopeId = getScopeIdFromInstance(parent);
+      parent = parent.parent;
+    }
+  }
+  return scopeId;
+}
+
+exports.useScopeId = useScopeId;

package/dist/utils/use-scope-id.d.cts

@@ -0,0 +1,5 @@
+/**
+ * Access scope ID for scoped styles from parent component.
+ * We need to traverse up the component tree to find a parent with scoped styles.
+ */
+export declare function useScopeId(): string | undefined;

package/dist/utils/use-scope-id.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Access scope ID for scoped styles from parent component.
+ * We need to traverse up the component tree to find a parent with scoped styles.
+ */
+export declare function useScopeId(): string | undefined;

package/dist/utils/use-scope-id.js

@@ -0,0 +1,32 @@
+import { hasProp, isString } from '@zag-js/utils';
+import { getCurrentInstance } from 'vue';
+
+function hasVnodeScopeId(vnode) {
+  if (vnode === null || typeof vnode !== "object") return false;
+  const vnodeObj = vnode;
+  return hasProp(vnodeObj, "scopeId") && isString(vnodeObj.scopeId);
+}
+function hasTypeScopeId(type) {
+  if (type === null || typeof type !== "object") return false;
+  const typeObj = type;
+  return hasProp(typeObj, "__scopeId") && isString(typeObj.__scopeId);
+}
+function getScopeIdFromInstance(instance) {
+  if (hasVnodeScopeId(instance.vnode)) return instance.vnode.scopeId;
+  if (hasTypeScopeId(instance.type)) return instance.type.__scopeId;
+}
+function useScopeId() {
+  const instance = getCurrentInstance();
+  if (!instance) return;
+  let scopeId = getScopeIdFromInstance(instance);
+  if (!scopeId && instance.parent) {
+    let parent = instance.parent;
+    while (parent && !scopeId) {
+      scopeId = getScopeIdFromInstance(parent);
+      parent = parent.parent;
+    }
+  }
+  return scopeId;
+}
+
+export { useScopeId };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/vue",
   "type": "module",
-  "version": "5.27.1",
+  "version": "5.29.0",
   "description": "A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -149,72 +149,73 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.10.0",
-    "@zag-js/accordion": "1.27.0",
-    "@zag-js/anatomy": "1.27.0",
-    "@zag-js/angle-slider": "1.27.0",
-    "@zag-js/async-list": "1.27.0",
-    "@zag-js/auto-resize": "1.27.0",
-    "@zag-js/avatar": "1.27.0",
-    "@zag-js/bottom-sheet": "1.27.0",
-    "@zag-js/carousel": "1.27.0",
-    "@zag-js/checkbox": "1.27.0",
-    "@zag-js/clipboard": "1.27.0",
-    "@zag-js/collapsible": "1.27.0",
-    "@zag-js/collection": "1.27.0",
-    "@zag-js/color-picker": "1.27.0",
-    "@zag-js/color-utils": "1.27.0",
-    "@zag-js/combobox": "1.27.0",
-    "@zag-js/core": "1.27.0",
-    "@zag-js/date-picker": "1.27.0",
-    "@zag-js/date-utils": "1.27.0",
-    "@zag-js/dialog": "1.27.0",
-    "@zag-js/dom-query": "1.27.0",
-    "@zag-js/editable": "1.27.0",
-    "@zag-js/file-upload": "1.27.0",
-    "@zag-js/file-utils": "1.27.0",
-    "@zag-js/floating-panel": "1.27.0",
-    "@zag-js/focus-trap": "1.27.0",
-    "@zag-js/highlight-word": "1.27.0",
-    "@zag-js/hover-card": "1.27.0",
-    "@zag-js/i18n-utils": "1.27.0",
-    "@zag-js/json-tree-utils": "1.27.0",
-    "@zag-js/listbox": "1.27.0",
-    "@zag-js/marquee": "1.27.0",
-    "@zag-js/menu": "1.27.0",
-    "@zag-js/number-input": "1.27.0",
-    "@zag-js/pagination": "1.27.0",
-    "@zag-js/password-input": "1.27.0",
-    "@zag-js/pin-input": "1.27.0",
-    "@zag-js/popover": "1.27.0",
-    "@zag-js/presence": "1.27.0",
-    "@zag-js/progress": "1.27.0",
-    "@zag-js/qr-code": "1.27.0",
-    "@zag-js/radio-group": "1.27.0",
-    "@zag-js/rating-group": "1.27.0",
-    "@zag-js/scroll-area": "1.27.0",
-    "@zag-js/select": "1.27.0",
-    "@zag-js/signature-pad": "1.27.0",
-    "@zag-js/slider": "1.27.0",
-    "@zag-js/splitter": "1.27.0",
-    "@zag-js/steps": "1.27.0",
-    "@zag-js/switch": "1.27.0",
-    "@zag-js/tabs": "1.27.0",
-    "@zag-js/tags-input": "1.27.0",
-    "@zag-js/timer": "1.27.0",
-    "@zag-js/toast": "1.27.0",
-    "@zag-js/toggle": "1.27.0",
-    "@zag-js/toggle-group": "1.27.0",
-    "@zag-js/tooltip": "1.27.0",
-    "@zag-js/tour": "1.27.0",
-    "@zag-js/tree-view": "1.27.0",
-    "@zag-js/types": "1.27.0",
-    "@zag-js/utils": "1.27.0",
-    "@zag-js/vue": "1.27.0"
+    "@zag-js/accordion": "1.29.0",
+    "@zag-js/anatomy": "1.29.0",
+    "@zag-js/angle-slider": "1.29.0",
+    "@zag-js/async-list": "1.29.0",
+    "@zag-js/auto-resize": "1.29.0",
+    "@zag-js/avatar": "1.29.0",
+    "@zag-js/bottom-sheet": "1.29.0",
+    "@zag-js/carousel": "1.29.0",
+    "@zag-js/checkbox": "1.29.0",
+    "@zag-js/clipboard": "1.29.0",
+    "@zag-js/collapsible": "1.29.0",
+    "@zag-js/collection": "1.29.0",
+    "@zag-js/color-picker": "1.29.0",
+    "@zag-js/color-utils": "1.29.0",
+    "@zag-js/combobox": "1.29.0",
+    "@zag-js/core": "1.29.0",
+    "@zag-js/date-picker": "1.29.0",
+    "@zag-js/date-utils": "1.29.0",
+    "@zag-js/dialog": "1.29.0",
+    "@zag-js/dom-query": "1.29.0",
+    "@zag-js/editable": "1.29.0",
+    "@zag-js/file-upload": "1.29.0",
+    "@zag-js/file-utils": "1.29.0",
+    "@zag-js/floating-panel": "1.29.0",
+    "@zag-js/focus-trap": "1.29.0",
+    "@zag-js/highlight-word": "1.29.0",
+    "@zag-js/hover-card": "1.29.0",
+    "@zag-js/image-cropper": "1.29.0",
+    "@zag-js/i18n-utils": "1.29.0",
+    "@zag-js/json-tree-utils": "1.29.0",
+    "@zag-js/listbox": "1.29.0",
+    "@zag-js/marquee": "1.29.0",
+    "@zag-js/menu": "1.29.0",
+    "@zag-js/number-input": "1.29.0",
+    "@zag-js/pagination": "1.29.0",
+    "@zag-js/password-input": "1.29.0",
+    "@zag-js/pin-input": "1.29.0",
+    "@zag-js/popover": "1.29.0",
+    "@zag-js/presence": "1.29.0",
+    "@zag-js/progress": "1.29.0",
+    "@zag-js/qr-code": "1.29.0",
+    "@zag-js/radio-group": "1.29.0",
+    "@zag-js/rating-group": "1.29.0",
+    "@zag-js/scroll-area": "1.29.0",
+    "@zag-js/select": "1.29.0",
+    "@zag-js/signature-pad": "1.29.0",
+    "@zag-js/slider": "1.29.0",
+    "@zag-js/splitter": "1.29.0",
+    "@zag-js/steps": "1.29.0",
+    "@zag-js/switch": "1.29.0",
+    "@zag-js/tabs": "1.29.0",
+    "@zag-js/tags-input": "1.29.0",
+    "@zag-js/timer": "1.29.0",
+    "@zag-js/toast": "1.29.0",
+    "@zag-js/toggle": "1.29.0",
+    "@zag-js/toggle-group": "1.29.0",
+    "@zag-js/tooltip": "1.29.0",
+    "@zag-js/tour": "1.29.0",
+    "@zag-js/tree-view": "1.29.0",
+    "@zag-js/types": "1.29.0",
+    "@zag-js/utils": "1.29.0",
+    "@zag-js/vue": "1.29.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.1",
-    "@storybook/addon-a11y": "9.1.15",
-    "@storybook/vue3-vite": "9.1.15",
+    "@biomejs/biome": "2.3.6",
+    "@storybook/addon-a11y": "9.1.16",
+    "@storybook/vue3-vite": "9.1.16",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/user-event": "14.6.1",
@@ -222,24 +223,24 @@
     "@types/jsdom": "21.1.7",
     "@vitejs/plugin-vue": "6.0.1",
     "@vitejs/plugin-vue-jsx": "5.1.1",
-    "@vitest/coverage-v8": "3.2.4",
-    "@vue/compiler-sfc": "3.5.22",
+    "@vitest/coverage-v8": "^4.0.0",
+    "@vue/compiler-sfc": "3.5.24",
     "ajv": "8.17.1",
     "check-password-strength": "3.0.0",
     "clean-package": "2.2.0",
     "globby": "15.0.0",
     "image-conversion": "2.1.1",
     "jsdom": "26.1.0",
-    "lucide-vue-next": "0.548.0",
+    "lucide-vue-next": "0.554.0",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "9.1.15",
+    "storybook": "9.1.16",
     "typescript": "5.9.3",
     "vee-validate": "4.15.1",
-    "vite": "7.1.12",
+    "vite": "7.2.2",
     "vite-plugin-dts": "4.5.4",
-    "vitest": "3.2.4",
-    "vue": "3.5.22",
-    "vue-tsc": "3.1.2"
+    "vitest": "^4.0.0",
+    "vue": "3.5.24",
+    "vue-tsc": "3.1.4"
   },
   "peerDependencies": {
     "vue": ">=3.5.0"