@ark-ui/vue 5.27.0 → 5.28.0

package/dist/components/anatomy.cjs

@@ -3,12 +3,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const anatomy = require('@zag-js/anatomy');
+const carousel_anatomy = require('./carousel/carousel.anatomy.cjs');
 const checkbox_anatomy = require('./checkbox/checkbox.anatomy.cjs');
 const colorPicker_anatomy = require('./color-picker/color-picker.anatomy.cjs');
 const combobox_anatomy = require('./combobox/combobox.anatomy.cjs');
 const datePicker_anatomy = require('./date-picker/date-picker.anatomy.cjs');
 const field_anatomy = require('./field/field.anatomy.cjs');
 const fieldset_anatomy = require('./fieldset/fieldset.anatomy.cjs');
+const imageCropper_anatomy = require('./image-cropper/image-cropper.anatomy.cjs');
 const listbox_anatomy = require('./listbox/listbox.anatomy.cjs');
 const segmentGroup_anatomy = require('./segment-group/segment-group.anatomy.cjs');
 const toggle_anatomy = require('./toggle/toggle.anatomy.cjs');
@@ -17,7 +19,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');
@@ -53,12 +54,14 @@ const treeView = require('@zag-js/tree-view');
 
 
 
+exports.carouselAnatomy = carousel_anatomy.carouselAnatomy;
 exports.checkboxAnatomy = checkbox_anatomy.checkboxAnatomy;
 exports.colorPickerAnatomy = colorPicker_anatomy.colorPickerAnatomy;
 exports.comboboxAnatomy = combobox_anatomy.comboboxAnatomy;
 exports.datePickerAnatomy = datePicker_anatomy.datePickerAnatomy;
 exports.fieldAnatomy = field_anatomy.fieldAnatomy;
 exports.fieldsetAnatomy = fieldset_anatomy.fieldsetAnatomy;
+exports.imageCropperAnatomy = imageCropper_anatomy.imageCropperAnatomy;
 exports.listboxAnatomy = listbox_anatomy.listboxAnatomy;
 exports.segmentGroupAnatomy = segmentGroup_anatomy.segmentGroupAnatomy;
 exports.toggleAnatomy = toggle_anatomy.toggleAnatomy;
@@ -79,10 +82,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

package/dist/components/anatomy.d.cts

@@ -17,6 +17,7 @@ export { fieldsetAnatomy } from './fieldset/fieldset.anatomy';
 export { fileUploadAnatomy } from './file-upload/file-upload.anatomy';
 export { floatingPanelAnatomy } from './floating-panel/floating-panel.anatomy';
 export { hoverCardAnatomy } from './hover-card/hover-card.anatomy';
+export { imageCropperAnatomy } from './image-cropper/image-cropper.anatomy';
 export { listboxAnatomy } from './listbox/listbox.anatomy';
 export { marqueeAnatomy } from './marquee/marquee.anatomy';
 export { menuAnatomy } from './menu/menu.anatomy';

package/dist/components/anatomy.d.ts

@@ -17,6 +17,7 @@ export { fieldsetAnatomy } from './fieldset/fieldset.anatomy';
 export { fileUploadAnatomy } from './file-upload/file-upload.anatomy';
 export { floatingPanelAnatomy } from './floating-panel/floating-panel.anatomy';
 export { hoverCardAnatomy } from './hover-card/hover-card.anatomy';
+export { imageCropperAnatomy } from './image-cropper/image-cropper.anatomy';
 export { listboxAnatomy } from './listbox/listbox.anatomy';
 export { marqueeAnatomy } from './marquee/marquee.anatomy';
 export { menuAnatomy } from './menu/menu.anatomy';

package/dist/components/anatomy.js

@@ -1,10 +1,12 @@
 export * from '@zag-js/anatomy';
+export { carouselAnatomy } from './carousel/carousel.anatomy.js';
 export { checkboxAnatomy } from './checkbox/checkbox.anatomy.js';
 export { colorPickerAnatomy } from './color-picker/color-picker.anatomy.js';
 export { comboboxAnatomy } from './combobox/combobox.anatomy.js';
 export { datePickerAnatomy } from './date-picker/date-picker.anatomy.js';
 export { fieldAnatomy } from './field/field.anatomy.js';
 export { fieldsetAnatomy } from './fieldset/fieldset.anatomy.js';
+export { imageCropperAnatomy } from './image-cropper/image-cropper.anatomy.js';
 export { listboxAnatomy } from './listbox/listbox.anatomy.js';
 export { segmentGroupAnatomy } from './segment-group/segment-group.anatomy.js';
 export { toggleAnatomy } from './toggle/toggle.anatomy.js';
@@ -13,7 +15,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';

package/dist/components/carousel/carousel-autoplay-indicator.vue.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const factory = require('../factory.cjs');
+const carousel_anatomy = require('./carousel.anatomy.cjs');
+const useCarouselContext = require('./use-carousel-context.cjs');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "carousel-autoplay-indicator",
+  props: {
+    fallback: {},
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const parts = carousel_anatomy.carouselAnatomy.build();
+    const carousel = useCarouselContext.useCarouselContext();
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).span, vue.mergeProps(vue.unref(parts).autoplayIndicator.attrs, { "as-child": __props.asChild }), {
+        default: vue.withCtx(() => [
+          vue.unref(carousel).isPlaying ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.renderSlot(_ctx.$slots, "fallback", {
+            key: 1,
+            fallback: __props.fallback
+          }, () => [
+            vue.createTextVNode(vue.toDisplayString(__props.fallback), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/components/carousel/carousel-autoplay-indicator.vue.d.cts

@@ -0,0 +1,26 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface CarouselAutoplayIndicatorBaseProps extends PolymorphicProps {
+    /**
+     * The fallback content to render when autoplay is paused.
+     */
+    fallback?: string;
+}
+export interface CarouselAutoplayIndicatorProps extends CarouselAutoplayIndicatorBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<CarouselAutoplayIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CarouselAutoplayIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+    fallback?(_: {
+        fallback: string | undefined;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/carousel/carousel-autoplay-indicator.vue.d.ts

@@ -0,0 +1,26 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface CarouselAutoplayIndicatorBaseProps extends PolymorphicProps {
+    /**
+     * The fallback content to render when autoplay is paused.
+     */
+    fallback?: string;
+}
+export interface CarouselAutoplayIndicatorProps extends CarouselAutoplayIndicatorBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<CarouselAutoplayIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CarouselAutoplayIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+    fallback?(_: {
+        fallback: string | undefined;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/carousel/carousel-autoplay-indicator.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { ark } from '../factory.js';
+import { carouselAnatomy } from './carousel.anatomy.js';
+import { useCarouselContext } from './use-carousel-context.js';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "carousel-autoplay-indicator",
+  props: {
+    fallback: {},
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const parts = carouselAnatomy.build();
+    const carousel = useCarouselContext();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).span, mergeProps(unref(parts).autoplayIndicator.attrs, { "as-child": __props.asChild }), {
+        default: withCtx(() => [
+          unref(carousel).isPlaying ? renderSlot(_ctx.$slots, "default", { key: 0 }) : renderSlot(_ctx.$slots, "fallback", {
+            key: 1,
+            fallback: __props.fallback
+          }, () => [
+            createTextVNode(toDisplayString(__props.fallback), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/carousel/carousel-autoplay-indicator.vue2.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const carouselAutoplayIndicator_vue_vue_type_script_setup_true_lang = require('./carousel-autoplay-indicator.vue.cjs');
+
+
+
+exports.default = carouselAutoplayIndicator_vue_vue_type_script_setup_true_lang.default;

package/dist/components/carousel/carousel-autoplay-indicator.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './carousel-autoplay-indicator.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/carousel/carousel-progress-text.vue.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const factory = require('../factory.cjs');
+const carousel_anatomy = require('./carousel.anatomy.cjs');
+const useCarouselContext = require('./use-carousel-context.cjs');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "carousel-progress-text",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const parts = carousel_anatomy.carouselAnatomy.build();
+    const carousel = useCarouselContext.useCarouselContext();
+    const progressText = vue.computed(() => {
+      const currentPage = carousel.value.page + 1;
+      const totalPages = carousel.value.pageSnapPoints.length;
+      return `${currentPage} / ${totalPages}`;
+    });
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).span, vue.mergeProps(vue.unref(parts).progressText.attrs, { "as-child": __props.asChild }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(progressText.value), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/components/carousel/carousel-progress-text.vue.d.cts

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface CarouselProgressTextBaseProps extends PolymorphicProps {
+}
+export interface CarouselProgressTextProps extends CarouselProgressTextBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<CarouselProgressTextProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CarouselProgressTextProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/carousel/carousel-progress-text.vue.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface CarouselProgressTextBaseProps extends PolymorphicProps {
+}
+export interface CarouselProgressTextProps extends CarouselProgressTextBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<CarouselProgressTextProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CarouselProgressTextProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/carousel/carousel-progress-text.vue.js

@@ -0,0 +1,34 @@
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { ark } from '../factory.js';
+import { carouselAnatomy } from './carousel.anatomy.js';
+import { useCarouselContext } from './use-carousel-context.js';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "carousel-progress-text",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const parts = carouselAnatomy.build();
+    const carousel = useCarouselContext();
+    const progressText = computed(() => {
+      const currentPage = carousel.value.page + 1;
+      const totalPages = carousel.value.pageSnapPoints.length;
+      return `${currentPage} / ${totalPages}`;
+    });
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).span, mergeProps(unref(parts).progressText.attrs, { "as-child": __props.asChild }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(progressText.value), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/carousel/carousel-progress-text.vue2.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const carouselProgressText_vue_vue_type_script_setup_true_lang = require('./carousel-progress-text.vue.cjs');
+
+
+
+exports.default = carouselProgressText_vue_vue_type_script_setup_true_lang.default;

package/dist/components/carousel/carousel-progress-text.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './carousel-progress-text.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/carousel/carousel.anatomy.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const carousel = require('@zag-js/carousel');
+
+const carouselAnatomy = carousel.anatomy.extendWith("progressText", "autoplayIndicator");
+
+exports.carouselAnatomy = carouselAnatomy;

package/dist/components/carousel/carousel.anatomy.d.cts

@@ -1 +1,2 @@
-export { anatomy as carouselAnatomy } from '@zag-js/carousel';
+import { AnatomyInstance } from '@zag-js/anatomy';
+export declare const carouselAnatomy: AnatomyInstance<"root" | "itemGroup" | "item" | "control" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "indicator" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;

package/dist/components/carousel/carousel.anatomy.d.ts

@@ -1 +1,2 @@
-export { anatomy as carouselAnatomy } from '@zag-js/carousel';
+import { AnatomyInstance } from '@zag-js/anatomy';
+export declare const carouselAnatomy: AnatomyInstance<"root" | "itemGroup" | "item" | "control" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "indicator" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;

package/dist/components/carousel/carousel.anatomy.js

@@ -0,0 +1,5 @@
+import { anatomy } from '@zag-js/carousel';
+
+const carouselAnatomy = anatomy.extendWith("progressText", "autoplayIndicator");
+
+export { carouselAnatomy };

package/dist/components/carousel/carousel.cjs

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const carouselAutoplayIndicator_vue_vue_type_script_setup_true_lang = require('./carousel-autoplay-indicator.vue.cjs');
+const carouselProgressText_vue_vue_type_script_setup_true_lang = require('./carousel-progress-text.vue.cjs');
 const carouselContext_vue_vue_type_script_setup_true_lang = require('./carousel-context.vue.cjs');
 const carouselControl_vue_vue_type_script_setup_true_lang = require('./carousel-control.vue.cjs');
 const carouselIndicatorGroup_vue_vue_type_script_setup_true_lang = require('./carousel-indicator-group.vue.cjs');
@@ -16,6 +18,8 @@ const carouselAutoplayTrigger_vue_vue_type_script_setup_true_lang = require('./c
 
 
 
+exports.AutoplayIndicator = carouselAutoplayIndicator_vue_vue_type_script_setup_true_lang.default;
+exports.ProgressText = carouselProgressText_vue_vue_type_script_setup_true_lang.default;
 exports.Context = carouselContext_vue_vue_type_script_setup_true_lang.default;
 exports.Control = carouselControl_vue_vue_type_script_setup_true_lang.default;
 exports.IndicatorGroup = carouselIndicatorGroup_vue_vue_type_script_setup_true_lang.default;

package/dist/components/carousel/carousel.d.cts

@@ -1,4 +1,6 @@
 export type { PageChangeDetails, AutoplayStatusDetails, DragStatusDetails } from '@zag-js/carousel';
+export { default as AutoplayIndicator, type CarouselAutoplayIndicatorProps as AutoplayIndicatorProps, type CarouselAutoplayIndicatorBaseProps as AutoplayIndicatorBaseProps, } from './carousel-autoplay-indicator.vue';
+export { default as ProgressText, type CarouselProgressTextProps as ProgressTextProps, type CarouselProgressTextBaseProps as ProgressTextBaseProps, } from './carousel-progress-text.vue';
 export { default as Context, type CarouselContextProps as ContextProps } from './carousel-context.vue';
 export { default as Control, type CarouselControlProps as ControlProps, type CarouselControlBaseProps as ControlBaseProps, } from './carousel-control.vue';
 export { default as IndicatorGroup, type CarouselIndicatorGroupProps as IndicatorGroupProps, type CarouselIndicatorGroupBaseProps as IndicatorGroupBaseProps, } from './carousel-indicator-group.vue';

package/dist/components/carousel/carousel.d.ts

@@ -1,4 +1,6 @@
 export type { PageChangeDetails, AutoplayStatusDetails, DragStatusDetails } from '@zag-js/carousel';
+export { default as AutoplayIndicator, type CarouselAutoplayIndicatorProps as AutoplayIndicatorProps, type CarouselAutoplayIndicatorBaseProps as AutoplayIndicatorBaseProps, } from './carousel-autoplay-indicator.vue';
+export { default as ProgressText, type CarouselProgressTextProps as ProgressTextProps, type CarouselProgressTextBaseProps as ProgressTextBaseProps, } from './carousel-progress-text.vue';
 export { default as Context, type CarouselContextProps as ContextProps } from './carousel-context.vue';
 export { default as Control, type CarouselControlProps as ControlProps, type CarouselControlBaseProps as ControlBaseProps, } from './carousel-control.vue';
 export { default as IndicatorGroup, type CarouselIndicatorGroupProps as IndicatorGroupProps, type CarouselIndicatorGroupBaseProps as IndicatorGroupBaseProps, } from './carousel-indicator-group.vue';

package/dist/components/carousel/carousel.js

@@ -1,3 +1,5 @@
+export { default as AutoplayIndicator } from './carousel-autoplay-indicator.vue.js';
+export { default as ProgressText } from './carousel-progress-text.vue.js';
 export { default as Context } from './carousel-context.vue.js';
 export { default as Control } from './carousel-control.vue.js';
 export { default as IndicatorGroup } from './carousel-indicator-group.vue.js';

package/dist/components/carousel/index.cjs

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const carouselAutoplayIndicator_vue_vue_type_script_setup_true_lang = require('./carousel-autoplay-indicator.vue.cjs');
+const carouselProgressText_vue_vue_type_script_setup_true_lang = require('./carousel-progress-text.vue.cjs');
 const carouselAutoplayTrigger_vue_vue_type_script_setup_true_lang = require('./carousel-autoplay-trigger.vue.cjs');
 const carouselContext_vue_vue_type_script_setup_true_lang = require('./carousel-context.vue.cjs');
 const carouselControl_vue_vue_type_script_setup_true_lang = require('./carousel-control.vue.cjs');
@@ -13,13 +15,15 @@ const carouselNextTrigger_vue_vue_type_script_setup_true_lang = require('./carou
 const carouselPrevTrigger_vue_vue_type_script_setup_true_lang = require('./carousel-prev-trigger.vue.cjs');
 const carouselRootProvider_vue_vue_type_script_setup_true_lang = require('./carousel-root-provider.vue.cjs');
 const carouselRoot_vue_vue_type_script_setup_true_lang = require('./carousel-root.vue.cjs');
+const carousel_anatomy = require('./carousel.anatomy.cjs');
 const useCarousel = require('./use-carousel.cjs');
 const useCarouselContext = require('./use-carousel-context.cjs');
-const carousel$1 = require('./carousel.cjs');
-const carousel = require('@zag-js/carousel');
+const carousel = require('./carousel.cjs');
 
 
 
+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;
@@ -31,10 +35,7 @@ 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;
-Object.defineProperty(exports, "carouselAnatomy", {
-  enumerable: true,
-  get: () => carousel.anatomy
-});
+exports.Carousel = carousel;

package/dist/components/carousel/index.d.cts

@@ -1,4 +1,6 @@
 export type { AutoplayStatusDetails as CarouselAutoplayStatusDetails, DragStatusDetails as CarouselDragStatusDetails, PageChangeDetails as CarouselPageChangeDetails, } from '@zag-js/carousel';
+export { default as CarouselAutoplayIndicator, type CarouselAutoplayIndicatorBaseProps, type CarouselAutoplayIndicatorProps, } from './carousel-autoplay-indicator.vue';
+export { default as CarouselProgressText, type CarouselProgressTextBaseProps, type CarouselProgressTextProps, } from './carousel-progress-text.vue';
 export { default as CarouselAutoplayTrigger, type CarouselAutoplayTriggerBaseProps, type CarouselAutoplayTriggerProps, } from './carousel-autoplay-trigger.vue';
 export { default as CarouselContext, type CarouselContextProps } from './carousel-context.vue';
 export { default as CarouselControl, type CarouselControlBaseProps, type CarouselControlProps, } from './carousel-control.vue';

package/dist/components/carousel/index.d.ts

@@ -1,4 +1,6 @@
 export type { AutoplayStatusDetails as CarouselAutoplayStatusDetails, DragStatusDetails as CarouselDragStatusDetails, PageChangeDetails as CarouselPageChangeDetails, } from '@zag-js/carousel';
+export { default as CarouselAutoplayIndicator, type CarouselAutoplayIndicatorBaseProps, type CarouselAutoplayIndicatorProps, } from './carousel-autoplay-indicator.vue';
+export { default as CarouselProgressText, type CarouselProgressTextBaseProps, type CarouselProgressTextProps, } from './carousel-progress-text.vue';
 export { default as CarouselAutoplayTrigger, type CarouselAutoplayTriggerBaseProps, type CarouselAutoplayTriggerProps, } from './carousel-autoplay-trigger.vue';
 export { default as CarouselContext, type CarouselContextProps } from './carousel-context.vue';
 export { default as CarouselControl, type CarouselControlBaseProps, type CarouselControlProps, } from './carousel-control.vue';

package/dist/components/carousel/index.js

@@ -1,3 +1,5 @@
+export { default as CarouselAutoplayIndicator } from './carousel-autoplay-indicator.vue.js';
+export { default as CarouselProgressText } from './carousel-progress-text.vue.js';
 export { default as CarouselAutoplayTrigger } from './carousel-autoplay-trigger.vue.js';
 export { default as CarouselContext } from './carousel-context.vue.js';
 export { default as CarouselControl } from './carousel-control.vue.js';
@@ -9,8 +11,8 @@ export { default as CarouselNextTrigger } from './carousel-next-trigger.vue.js';
 export { default as CarouselPrevTrigger } from './carousel-prev-trigger.vue.js';
 export { default as CarouselRootProvider } from './carousel-root-provider.vue.js';
 export { default as CarouselRoot } from './carousel-root.vue.js';
+export { carouselAnatomy } from './carousel.anatomy.js';
 export { useCarousel } from './use-carousel.js';
 export { useCarouselContext } from './use-carousel-context.js';
 import * as carousel from './carousel.js';
 export { carousel as Carousel };
-export { anatomy as carouselAnatomy } from '@zag-js/carousel';

package/dist/components/checkbox/checkbox.anatomy.d.cts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const checkboxAnatomy: AnatomyInstance<"root" | "label" | "control" | "indicator" | "group">;
+export declare const checkboxAnatomy: AnatomyInstance<"root" | "control" | "indicator" | "label" | "group">;

package/dist/components/checkbox/checkbox.anatomy.d.ts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const checkboxAnatomy: AnatomyInstance<"root" | "label" | "control" | "indicator" | "group">;
+export declare const checkboxAnatomy: AnatomyInstance<"root" | "control" | "indicator" | "label" | "group">;

package/dist/components/collection/use-list-collection.d.cts

@@ -4,7 +4,7 @@ export interface UseListCollectionProps<T> extends Omit<CollectionOptions<T>, 'i
     /**
      * The initial items to display in the collection.
      */
-    initialItems: T[];
+    initialItems: T[] | readonly T[];
     /**
      * The filter function to use to filter the items.
      */

package/dist/components/collection/use-list-collection.d.ts

@@ -4,7 +4,7 @@ export interface UseListCollectionProps<T> extends Omit<CollectionOptions<T>, 'i
     /**
      * The initial items to display in the collection.
      */
-    initialItems: T[];
+    initialItems: T[] | readonly T[];
     /**
      * The filter function to use to filter the items.
      */

package/dist/components/color-picker/color-picker.anatomy.d.cts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const colorPickerAnatomy: AnatomyInstance<"root" | "label" | "control" | "content" | "area" | "trigger" | "positioner" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect" | "view">;
+export declare const colorPickerAnatomy: AnatomyInstance<"root" | "control" | "label" | "content" | "area" | "trigger" | "positioner" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect" | "view">;

package/dist/components/color-picker/color-picker.anatomy.d.ts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const colorPickerAnatomy: AnatomyInstance<"root" | "label" | "control" | "content" | "area" | "trigger" | "positioner" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect" | "view">;
+export declare const colorPickerAnatomy: AnatomyInstance<"root" | "control" | "label" | "content" | "area" | "trigger" | "positioner" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect" | "view">;

package/dist/components/color-picker/color-picker.d.cts

@@ -1,4 +1,4 @@
-export type { Color, ColorFormat, FormatChangeDetails, OpenChangeDetails, ValueChangeDetails, } from '@zag-js/color-picker';
+export type { Color, ColorFormat, FocusOutsideEvent, FormatChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, ValueChangeDetails, } from '@zag-js/color-picker';
 export { default as AreaBackground, type ColorPickerAreaBackgroundProps as AreaBackgroundProps, type ColorPickerAreaBackgroundBaseProps as AreaBackgroundBaseProps, } from './color-picker-area-background.vue';
 export { default as AreaThumb, type ColorPickerAreaThumbProps as AreaThumbProps, type ColorPickerAreaThumbBaseProps as AreaThumbBaseProps, } from './color-picker-area-thumb.vue';
 export { default as Area, type ColorPickerAreaProps as AreaProps, type ColorPickerAreaBaseProps as AreaBaseProps, } from './color-picker-area.vue';

package/dist/components/color-picker/color-picker.d.ts

@@ -1,4 +1,4 @@
-export type { Color, ColorFormat, FormatChangeDetails, OpenChangeDetails, ValueChangeDetails, } from '@zag-js/color-picker';
+export type { Color, ColorFormat, FocusOutsideEvent, FormatChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, ValueChangeDetails, } from '@zag-js/color-picker';
 export { default as AreaBackground, type ColorPickerAreaBackgroundProps as AreaBackgroundProps, type ColorPickerAreaBackgroundBaseProps as AreaBackgroundBaseProps, } from './color-picker-area-background.vue';
 export { default as AreaThumb, type ColorPickerAreaThumbProps as AreaThumbProps, type ColorPickerAreaThumbBaseProps as AreaThumbBaseProps, } from './color-picker-area-thumb.vue';
 export { default as Area, type ColorPickerAreaProps as AreaProps, type ColorPickerAreaBaseProps as AreaBaseProps, } from './color-picker-area.vue';

package/dist/components/color-picker/index.d.cts

@@ -1,5 +1,5 @@
 export { parse as parseColor } from '@zag-js/color-picker';
-export type { Color, ColorFormat as ColorPickerColorFormat, FormatChangeDetails as ColorPickerFormatChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails, } from '@zag-js/color-picker';
+export type { Color, ColorFormat as ColorPickerColorFormat, FocusOutsideEvent as ColorPickerFocusOutsideEvent, FormatChangeDetails as ColorPickerFormatChangeDetails, InteractOutsideEvent as ColorPickerInteractOutsideEvent, OpenChangeDetails as ColorPickerOpenChangeDetails, PointerDownOutsideEvent as ColorPickerPointerDownOutsideEvent, ValueChangeDetails as ColorPickerValueChangeDetails, } from '@zag-js/color-picker';
 export { default as ColorPickerAreaBackground, type ColorPickerAreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps, } from './color-picker-area-background.vue';
 export { default as ColorPickerAreaThumb, type ColorPickerAreaThumbBaseProps, type ColorPickerAreaThumbProps, } from './color-picker-area-thumb.vue';
 export { default as ColorPickerArea, type ColorPickerAreaBaseProps, type ColorPickerAreaProps, } from './color-picker-area.vue';

package/dist/components/color-picker/index.d.ts

@@ -1,5 +1,5 @@
 export { parse as parseColor } from '@zag-js/color-picker';
-export type { Color, ColorFormat as ColorPickerColorFormat, FormatChangeDetails as ColorPickerFormatChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails, } from '@zag-js/color-picker';
+export type { Color, ColorFormat as ColorPickerColorFormat, FocusOutsideEvent as ColorPickerFocusOutsideEvent, FormatChangeDetails as ColorPickerFormatChangeDetails, InteractOutsideEvent as ColorPickerInteractOutsideEvent, OpenChangeDetails as ColorPickerOpenChangeDetails, PointerDownOutsideEvent as ColorPickerPointerDownOutsideEvent, ValueChangeDetails as ColorPickerValueChangeDetails, } from '@zag-js/color-picker';
 export { default as ColorPickerAreaBackground, type ColorPickerAreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps, } from './color-picker-area-background.vue';
 export { default as ColorPickerAreaThumb, type ColorPickerAreaThumbBaseProps, type ColorPickerAreaThumbProps, } from './color-picker-area-thumb.vue';
 export { default as ColorPickerArea, type ColorPickerAreaBaseProps, type ColorPickerAreaProps, } from './color-picker-area.vue';

package/dist/components/combobox/combobox.anatomy.d.cts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const comboboxAnatomy: AnatomyInstance<"root" | "label" | "control" | "content" | "trigger" | "positioner" | "list" | "input" | "item" | "clearTrigger" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
+export declare const comboboxAnatomy: AnatomyInstance<"root" | "itemGroup" | "item" | "control" | "label" | "content" | "trigger" | "positioner" | "list" | "input" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;

package/dist/components/combobox/combobox.anatomy.d.ts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const comboboxAnatomy: AnatomyInstance<"root" | "label" | "control" | "content" | "trigger" | "positioner" | "list" | "input" | "item" | "clearTrigger" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
+export declare const comboboxAnatomy: AnatomyInstance<"root" | "itemGroup" | "item" | "control" | "label" | "content" | "trigger" | "positioner" | "list" | "input" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;

package/dist/components/combobox/combobox.d.cts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails, InputValueChangeDetails, OpenChangeDetails, ValueChangeDetails, SelectionDetails, } from '@zag-js/combobox';
+export type { FocusOutsideEvent, HighlightChangeDetails, InputValueChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, SelectionDetails, ValueChangeDetails, } from '@zag-js/combobox';
 export { default as ClearTrigger, type ComboboxClearTriggerProps as ClearTriggerProps, type ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, } from './combobox-clear-trigger.vue';
 export { default as Content, type ComboboxContentProps as ContentProps, type ComboboxContentBaseProps as ContentBaseProps, } from './combobox-content.vue';
 export { default as Empty, type ComboboxEmptyProps as EmptyProps, type ComboboxEmptyBaseProps as EmptyBaseProps, } from './combobox-empty.vue';