@ark-ui/vue 5.27.1 → 5.29.0

package/dist/components/accordion/accordion-item-content.vue.cjs

@@ -7,6 +7,7 @@ const useAccordionContext = require('./use-accordion-context.cjs');
 const collapsible = require('../collapsible/collapsible.cjs');
 require('@zag-js/color-picker');
 require('@zag-js/date-picker');
+require('@zag-js/splitter');
 require('@zag-js/core');
 const useForwardExpose = require('../../utils/use-forward-expose.cjs');
 const createSplitProps = require('../create-split-props.cjs');

package/dist/components/accordion/accordion-item-content.vue.js

@@ -3,6 +3,7 @@ import { useAccordionContext } from './use-accordion-context.js';
 import * as collapsible from '../collapsible/collapsible.js';
 import '@zag-js/color-picker';
 import '@zag-js/date-picker';
+import '@zag-js/splitter';
 import '@zag-js/core';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { createSplitProps } from '../create-split-props.js';

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-root.vue.cjs

@@ -13,6 +13,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: /* @__PURE__ */ vue.mergeDefaults({
     allowMouseDrag: { type: Boolean },
     autoplay: { type: [Boolean, Object] },
+    autoSize: { type: Boolean },
     defaultPage: {},
     id: {},
     ids: {},
@@ -31,7 +32,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }, {
     allowMouseDrag: void 0,
     loop: void 0,
-    autoplay: void 0
+    autoplay: void 0,
+    autoSize: void 0
   }),
   emits: ["autoplayStatusChange", "dragStatusChange", "pageChange", "update:page"],
   setup(__props, { emit: __emit }) {

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

@@ -27,6 +27,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<CarouselRootPro
         delay: number;
     };
     loop: boolean;
+    autoSize: boolean;
     allowMouseDrag: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;

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

@@ -27,6 +27,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<CarouselRootPro
         delay: number;
     };
     loop: boolean;
+    autoSize: boolean;
     allowMouseDrag: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;

package/dist/components/carousel/carousel-root.vue.js

@@ -9,6 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeDefaults({
     allowMouseDrag: { type: Boolean },
     autoplay: { type: [Boolean, Object] },
+    autoSize: { type: Boolean },
     defaultPage: {},
     id: {},
     ids: {},
@@ -27,7 +28,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }, {
     allowMouseDrag: void 0,
     loop: void 0,
-    autoplay: void 0
+    autoplay: void 0,
+    autoSize: void 0
   }),
   emits: ["autoplayStatusChange", "dragStatusChange", "pageChange", "update:page"],
   setup(__props, { emit: __emit }) {

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/carousel.types.d.cts

@@ -12,6 +12,11 @@ export interface RootProps {
     autoplay?: boolean | {
         delay: number;
     };
+    /**
+     * Whether to enable variable width slides.
+     * @default false
+     */
+    autoSize?: boolean;
     /**
      * The initial page to scroll to when rendered.
      * Use when you don't need to control the page of the carousel.

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

@@ -12,6 +12,11 @@ export interface RootProps {
     autoplay?: boolean | {
         delay: number;
     };
+    /**
+     * Whether to enable variable width slides.
+     * @default false
+     */
+    autoSize?: boolean;
     /**
      * The initial page to scroll to when rendered.
      * Use when you don't need to control the page of the carousel.

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.
      */