@ark-ui/vue 5.26.1 → 5.27.0

package/dist/components/anatomy.cjs

@@ -25,6 +25,7 @@ const editable = require('@zag-js/editable');
 const fileUpload = require('@zag-js/file-upload');
 const floatingPanel = require('@zag-js/floating-panel');
 const hoverCard = require('@zag-js/hover-card');
+const marquee = require('@zag-js/marquee');
 const menu = require('@zag-js/menu');
 const numberInput = require('@zag-js/number-input');
 const pagination = require('@zag-js/pagination');
@@ -110,6 +111,10 @@ Object.defineProperty(exports, "hoverCardAnatomy", {
 	enumerable: true,
 	get: () => hoverCard.anatomy
 });
+Object.defineProperty(exports, "marqueeAnatomy", {
+	enumerable: true,
+	get: () => marquee.anatomy
+});
 Object.defineProperty(exports, "menuAnatomy", {
 	enumerable: true,
 	get: () => menu.anatomy

package/dist/components/anatomy.d.cts

@@ -18,6 +18,7 @@ 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 { listboxAnatomy } from './listbox/listbox.anatomy';
+export { marqueeAnatomy } from './marquee/marquee.anatomy';
 export { menuAnatomy } from './menu/menu.anatomy';
 export { numberInputAnatomy } from './number-input/number-input.anatomy';
 export { paginationAnatomy } from './pagination/pagination.anatomy';
@@ -40,8 +41,8 @@ export { tabsAnatomy } from './tabs/tabs.anatomy';
 export { tagsInputAnatomy } from './tags-input/tags-input.anatomy';
 export { timerAnatomy } from './timer/timer.anatomy';
 export { toastAnatomy } from './toast/toast.anatomy';
-export { toggleAnatomy } from './toggle/toggle.anatomy';
 export { toggleGroupAnatomy } from './toggle-group/toggle-group.anatomy';
+export { toggleAnatomy } from './toggle/toggle.anatomy';
 export { tooltipAnatomy } from './tooltip/tooltip.anatomy';
 export { tourAnatomy } from './tour/tour.anatomy';
 export { treeViewAnatomy } from './tree-view/tree-view.anatomy';

package/dist/components/anatomy.d.ts

@@ -18,6 +18,7 @@ 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 { listboxAnatomy } from './listbox/listbox.anatomy';
+export { marqueeAnatomy } from './marquee/marquee.anatomy';
 export { menuAnatomy } from './menu/menu.anatomy';
 export { numberInputAnatomy } from './number-input/number-input.anatomy';
 export { paginationAnatomy } from './pagination/pagination.anatomy';
@@ -40,8 +41,8 @@ export { tabsAnatomy } from './tabs/tabs.anatomy';
 export { tagsInputAnatomy } from './tags-input/tags-input.anatomy';
 export { timerAnatomy } from './timer/timer.anatomy';
 export { toastAnatomy } from './toast/toast.anatomy';
-export { toggleAnatomy } from './toggle/toggle.anatomy';
 export { toggleGroupAnatomy } from './toggle-group/toggle-group.anatomy';
+export { toggleAnatomy } from './toggle/toggle.anatomy';
 export { tooltipAnatomy } from './tooltip/tooltip.anatomy';
 export { tourAnatomy } from './tour/tour.anatomy';
 export { treeViewAnatomy } from './tree-view/tree-view.anatomy';

package/dist/components/anatomy.js

@@ -21,6 +21,7 @@ export { anatomy as editableAnatomy } from '@zag-js/editable';
 export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
 export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';
 export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
+export { anatomy as marqueeAnatomy } from '@zag-js/marquee';
 export { anatomy as menuAnatomy } from '@zag-js/menu';
 export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
 export { anatomy as paginationAnatomy } from '@zag-js/pagination';

package/dist/components/angle-slider/angle-slider-root.vue.cjs

@@ -22,6 +22,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: {},
     readOnly: { type: Boolean },
     step: {},
+    "aria-label": {},
+    "aria-labelledby": {},
     asChild: { type: Boolean }
   }, {
     disabled: void 0,

package/dist/components/angle-slider/angle-slider-root.vue.js

@@ -18,6 +18,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     name: {},
     readOnly: { type: Boolean },
     step: {},
+    "aria-label": {},
+    "aria-labelledby": {},
     asChild: { type: Boolean }
   }, {
     disabled: void 0,

package/dist/components/angle-slider/angle-slider.types.d.cts

@@ -55,6 +55,14 @@ export interface RootProps {
      * @default 1
      */
     step?: number;
+    /**
+     * The aria-label of the slider.
+     */
+    'aria-label'?: string;
+    /**
+     * The aria-labelledby of the slider.
+     */
+    'aria-labelledby'?: string;
 }
 export type RootEmits = {
     /**

package/dist/components/angle-slider/angle-slider.types.d.ts

@@ -55,6 +55,14 @@ export interface RootProps {
      * @default 1
      */
     step?: number;
+    /**
+     * The aria-label of the slider.
+     */
+    'aria-label'?: string;
+    /**
+     * The aria-labelledby of the slider.
+     */
+    'aria-labelledby'?: string;
 }
 export type RootEmits = {
     /**

package/dist/components/bottom-sheet/bottom-sheet-backdrop.vue.cjs

@@ -3,9 +3,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
+const vue$1 = require('@zag-js/vue');
 const useForwardExpose = require('../../utils/use-forward-expose.cjs');
 const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
-const presence_vue_vue_type_script_setup_true_lang = require('../presence/presence.vue.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const factory = require('../factory.cjs');
 const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -16,18 +18,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const bottomSheet = useBottomSheetContext.useBottomSheetContext();
     const renderStrategy = useRenderStrategy.useRenderStrategyProps();
+    const presence = usePresence.usePresence(
+      vue.computed(() => ({
+        ...renderStrategy.value,
+        present: bottomSheet.value.open
+      }))
+    );
+    const mergedProps = vue.computed(() => vue$1.mergeProps(bottomSheet.value.getBackdropProps(), presence.value.presenceProps));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(presence_vue_vue_type_script_setup_true_lang.default), vue.mergeProps(vue.unref(bottomSheet).getBackdropProps(), {
-        present: vue.unref(bottomSheet).open,
-        "lazy-mount": vue.unref(renderStrategy).lazyMount,
-        "unmount-on-exit": vue.unref(renderStrategy).unmountOnExit
-      }), {
+      return !vue.unref(presence).unmounted ? (vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16, ["present", "lazy-mount", "unmount-on-exit"]);
+      }, 16, ["as-child"])) : vue.createCommentVNode("", true);
     };
   }
 });

package/dist/components/bottom-sheet/bottom-sheet-backdrop.vue.js

@@ -1,7 +1,9 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, createBlock, createCommentVNode, unref, openBlock, mergeProps as mergeProps$1, withCtx, renderSlot } from 'vue';
+import { mergeProps } from '@zag-js/vue';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { useRenderStrategyProps } from '../../utils/use-render-strategy.js';
-import _sfc_main$1 from '../presence/presence.vue.js';
+import { usePresence } from '../presence/use-presence.js';
+import { ark } from '../factory.js';
 import { useBottomSheetContext } from './use-bottom-sheet-context.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -12,18 +14,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const bottomSheet = useBottomSheetContext();
     const renderStrategy = useRenderStrategyProps();
+    const presence = usePresence(
+      computed(() => ({
+        ...renderStrategy.value,
+        present: bottomSheet.value.open
+      }))
+    );
+    const mergedProps = computed(() => mergeProps(bottomSheet.value.getBackdropProps(), presence.value.presenceProps));
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps(unref(bottomSheet).getBackdropProps(), {
-        present: unref(bottomSheet).open,
-        "lazy-mount": unref(renderStrategy).lazyMount,
-        "unmount-on-exit": unref(renderStrategy).unmountOnExit
-      }), {
+      return !unref(presence).unmounted ? (openBlock(), createBlock(unref(ark).div, mergeProps$1({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16, ["present", "lazy-mount", "unmount-on-exit"]);
+      }, 16, ["as-child"])) : createCommentVNode("", true);
     };
   }
 });

package/dist/components/dialog/dialog-backdrop.vue.cjs

@@ -3,9 +3,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
+const vue$1 = require('@zag-js/vue');
 const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
 const useForwardExpose = require('../../utils/use-forward-expose.cjs');
-const presence_vue_vue_type_script_setup_true_lang = require('../presence/presence.vue.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const factory = require('../factory.cjs');
 const useDialogContext = require('./use-dialog-context.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -16,18 +18,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const dialog = useDialogContext.useDialogContext();
     const renderStrategy = useRenderStrategy.useRenderStrategyProps();
+    const presence = usePresence.usePresence(
+      vue.computed(() => ({
+        ...renderStrategy.value,
+        present: dialog.value.open
+      }))
+    );
+    const mergedProps = vue.computed(() => vue$1.mergeProps(dialog.value.getBackdropProps(), presence.value.presenceProps));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(presence_vue_vue_type_script_setup_true_lang.default), vue.mergeProps(vue.unref(dialog).getBackdropProps(), {
-        present: vue.unref(dialog).open,
-        "lazy-mount": vue.unref(renderStrategy).lazyMount,
-        "unmount-on-exit": vue.unref(renderStrategy).unmountOnExit
-      }), {
+      return !vue.unref(presence).unmounted ? (vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16, ["present", "lazy-mount", "unmount-on-exit"]);
+      }, 16, ["as-child"])) : vue.createCommentVNode("", true);
     };
   }
 });

package/dist/components/dialog/dialog-backdrop.vue.js

@@ -1,7 +1,9 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, createBlock, createCommentVNode, unref, openBlock, mergeProps as mergeProps$1, withCtx, renderSlot } from 'vue';
+import { mergeProps } from '@zag-js/vue';
 import { useRenderStrategyProps } from '../../utils/use-render-strategy.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
-import _sfc_main$1 from '../presence/presence.vue.js';
+import { usePresence } from '../presence/use-presence.js';
+import { ark } from '../factory.js';
 import { useDialogContext } from './use-dialog-context.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -12,18 +14,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const dialog = useDialogContext();
     const renderStrategy = useRenderStrategyProps();
+    const presence = usePresence(
+      computed(() => ({
+        ...renderStrategy.value,
+        present: dialog.value.open
+      }))
+    );
+    const mergedProps = computed(() => mergeProps(dialog.value.getBackdropProps(), presence.value.presenceProps));
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps(unref(dialog).getBackdropProps(), {
-        present: unref(dialog).open,
-        "lazy-mount": unref(renderStrategy).lazyMount,
-        "unmount-on-exit": unref(renderStrategy).unmountOnExit
-      }), {
+      return !unref(presence).unmounted ? (openBlock(), createBlock(unref(ark).div, mergeProps$1({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16, ["present", "lazy-mount", "unmount-on-exit"]);
+      }, 16, ["as-child"])) : createCommentVNode("", true);
     };
   }
 });

package/dist/components/index.cjs

@@ -324,6 +324,15 @@ const useListbox = require('./listbox/use-listbox.cjs');
 const useListboxContext = require('./listbox/use-listbox-context.cjs');
 const useListboxItemContext = require('./listbox/use-listbox-item-context.cjs');
 const listbox = require('./listbox/listbox.cjs');
+const marqueeContent_vue_vue_type_script_setup_true_lang = require('./marquee/marquee-content.vue.cjs');
+const marqueeContext_vue_vue_type_script_setup_true_lang = require('./marquee/marquee-context.vue.cjs');
+const marqueeEdge_vue_vue_type_script_setup_true_lang = require('./marquee/marquee-edge.vue.cjs');
+const marqueeRoot_vue_vue_type_script_setup_true_lang = require('./marquee/marquee-root.vue.cjs');
+const marqueeRootProvider_vue_vue_type_script_setup_true_lang = require('./marquee/marquee-root-provider.vue.cjs');
+const marqueeViewport_vue_vue_type_script_setup_true_lang = require('./marquee/marquee-viewport.vue.cjs');
+const useMarquee = require('./marquee/use-marquee.cjs');
+const useMarqueeContext = require('./marquee/use-marquee-context.cjs');
+const marquee$1 = require('./marquee/marquee.cjs');
 const menuArrowTip_vue_vue_type_script_setup_true_lang = require('./menu/menu-arrow-tip.vue.cjs');
 const menuArrow_vue_vue_type_script_setup_true_lang = require('./menu/menu-arrow.vue.cjs');
 const menuCheckboxItem_vue_vue_type_script_setup_true_lang = require('./menu/menu-checkbox-item.vue.cjs');
@@ -704,6 +713,7 @@ const editable = require('@zag-js/editable');
 const fileUpload = require('@zag-js/file-upload');
 const floatingPanel = require('@zag-js/floating-panel');
 const hoverCard = require('@zag-js/hover-card');
+const marquee = require('@zag-js/marquee');
 const menu = require('@zag-js/menu');
 const numberInput = require('@zag-js/number-input');
 const pagination = require('@zag-js/pagination');
@@ -1061,6 +1071,15 @@ exports.useListbox = useListbox.useListbox;
 exports.useListboxContext = useListboxContext.useListboxContext;
 exports.useListboxItemContext = useListboxItemContext.useListboxItemContext;
 exports.Listbox = listbox;
+exports.MarqueeContent = marqueeContent_vue_vue_type_script_setup_true_lang.default;
+exports.MarqueeContext = marqueeContext_vue_vue_type_script_setup_true_lang.default;
+exports.MarqueeEdge = marqueeEdge_vue_vue_type_script_setup_true_lang.default;
+exports.MarqueeRoot = marqueeRoot_vue_vue_type_script_setup_true_lang.default;
+exports.MarqueeRootProvider = marqueeRootProvider_vue_vue_type_script_setup_true_lang.default;
+exports.MarqueeViewport = marqueeViewport_vue_vue_type_script_setup_true_lang.default;
+exports.useMarquee = useMarquee.useMarquee;
+exports.useMarqueeContext = useMarqueeContext.useMarqueeContext;
+exports.Marquee = marquee$1;
 exports.MenuArrowTip = menuArrowTip_vue_vue_type_script_setup_true_lang.default;
 exports.MenuArrow = menuArrow_vue_vue_type_script_setup_true_lang.default;
 exports.MenuCheckboxItem = menuCheckboxItem_vue_vue_type_script_setup_true_lang.default;
@@ -1478,6 +1497,10 @@ Object.defineProperty(exports, "hoverCardAnatomy", {
 	enumerable: true,
 	get: () => hoverCard.anatomy
 });
+Object.defineProperty(exports, "marqueeAnatomy", {
+	enumerable: true,
+	get: () => marquee.anatomy
+});
 Object.defineProperty(exports, "menuAnatomy", {
 	enumerable: true,
 	get: () => menu.anatomy

package/dist/components/index.d.cts

@@ -26,6 +26,7 @@ export * from './highlight';
 export * from './hover-card';
 export * from './json-tree-view';
 export * from './listbox';
+export * from './marquee';
 export * from './menu';
 export * from './number-input';
 export * from './pagination';

package/dist/components/index.d.ts

@@ -26,6 +26,7 @@ export * from './highlight';
 export * from './hover-card';
 export * from './json-tree-view';
 export * from './listbox';
+export * from './marquee';
 export * from './menu';
 export * from './number-input';
 export * from './pagination';

package/dist/components/index.js

@@ -341,6 +341,16 @@ export { useListboxContext } from './listbox/use-listbox-context.js';
 export { useListboxItemContext } from './listbox/use-listbox-item-context.js';
 import * as listbox from './listbox/listbox.js';
 export { listbox as Listbox };
+export { default as MarqueeContent } from './marquee/marquee-content.vue.js';
+export { default as MarqueeContext } from './marquee/marquee-context.vue.js';
+export { default as MarqueeEdge } from './marquee/marquee-edge.vue.js';
+export { default as MarqueeRoot } from './marquee/marquee-root.vue.js';
+export { default as MarqueeRootProvider } from './marquee/marquee-root-provider.vue.js';
+export { default as MarqueeViewport } from './marquee/marquee-viewport.vue.js';
+export { useMarquee } from './marquee/use-marquee.js';
+export { useMarqueeContext } from './marquee/use-marquee-context.js';
+import * as marquee from './marquee/marquee.js';
+export { marquee as Marquee };
 export { default as MenuArrowTip } from './menu/menu-arrow-tip.vue.js';
 export { default as MenuArrow } from './menu/menu-arrow.vue.js';
 export { default as MenuCheckboxItem } from './menu/menu-checkbox-item.vue.js';
@@ -748,6 +758,7 @@ export { anatomy as editableAnatomy } from '@zag-js/editable';
 export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
 export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';
 export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
+export { anatomy as marqueeAnatomy } from '@zag-js/marquee';
 export { anatomy as menuAnatomy } from '@zag-js/menu';
 export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
 export { anatomy as paginationAnatomy } from '@zag-js/pagination';

package/dist/components/marquee/index.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const marqueeContent_vue_vue_type_script_setup_true_lang = require('./marquee-content.vue.cjs');
+const marqueeContext_vue_vue_type_script_setup_true_lang = require('./marquee-context.vue.cjs');
+const marqueeEdge_vue_vue_type_script_setup_true_lang = require('./marquee-edge.vue.cjs');
+const marqueeRoot_vue_vue_type_script_setup_true_lang = require('./marquee-root.vue.cjs');
+const marqueeRootProvider_vue_vue_type_script_setup_true_lang = require('./marquee-root-provider.vue.cjs');
+const marqueeViewport_vue_vue_type_script_setup_true_lang = require('./marquee-viewport.vue.cjs');
+const useMarquee = require('./use-marquee.cjs');
+const useMarqueeContext = require('./use-marquee-context.cjs');
+const marquee$1 = require('./marquee.cjs');
+const marquee = require('@zag-js/marquee');
+
+
+
+exports.MarqueeContent = marqueeContent_vue_vue_type_script_setup_true_lang.default;
+exports.MarqueeContext = marqueeContext_vue_vue_type_script_setup_true_lang.default;
+exports.MarqueeEdge = marqueeEdge_vue_vue_type_script_setup_true_lang.default;
+exports.MarqueeRoot = marqueeRoot_vue_vue_type_script_setup_true_lang.default;
+exports.MarqueeRootProvider = marqueeRootProvider_vue_vue_type_script_setup_true_lang.default;
+exports.MarqueeViewport = marqueeViewport_vue_vue_type_script_setup_true_lang.default;
+exports.useMarquee = useMarquee.useMarquee;
+exports.useMarqueeContext = useMarqueeContext.useMarqueeContext;
+exports.Marquee = marquee$1;
+Object.defineProperty(exports, "marqueeAnatomy", {
+  enumerable: true,
+  get: () => marquee.anatomy
+});

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

@@ -0,0 +1,11 @@
+export type { PauseStatusDetails as MarqueePauseStatusDetails, Side as MarqueeSide } from '@zag-js/marquee';
+export { default as MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps, } from './marquee-content.vue';
+export { default as MarqueeContext, type MarqueeContextProps } from './marquee-context.vue';
+export { default as MarqueeEdge, type MarqueeEdgeBaseProps, type MarqueeEdgeProps } from './marquee-edge.vue';
+export { default as MarqueeRoot, type MarqueeRootBaseProps, type MarqueeRootEmits, type MarqueeRootProps, } from './marquee-root.vue';
+export { default as MarqueeRootProvider, type MarqueeRootProviderBaseProps, type MarqueeRootProviderProps, } from './marquee-root-provider.vue';
+export { default as MarqueeViewport, type MarqueeViewportBaseProps, type MarqueeViewportProps, } from './marquee-viewport.vue';
+export { marqueeAnatomy } from './marquee.anatomy';
+export { useMarquee, type UseMarqueeProps, type UseMarqueeReturn } from './use-marquee';
+export { useMarqueeContext, type UseMarqueeContext } from './use-marquee-context';
+export * as Marquee from './marquee';

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

@@ -0,0 +1,11 @@
+export type { PauseStatusDetails as MarqueePauseStatusDetails, Side as MarqueeSide } from '@zag-js/marquee';
+export { default as MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps, } from './marquee-content.vue';
+export { default as MarqueeContext, type MarqueeContextProps } from './marquee-context.vue';
+export { default as MarqueeEdge, type MarqueeEdgeBaseProps, type MarqueeEdgeProps } from './marquee-edge.vue';
+export { default as MarqueeRoot, type MarqueeRootBaseProps, type MarqueeRootEmits, type MarqueeRootProps, } from './marquee-root.vue';
+export { default as MarqueeRootProvider, type MarqueeRootProviderBaseProps, type MarqueeRootProviderProps, } from './marquee-root-provider.vue';
+export { default as MarqueeViewport, type MarqueeViewportBaseProps, type MarqueeViewportProps, } from './marquee-viewport.vue';
+export { marqueeAnatomy } from './marquee.anatomy';
+export { useMarquee, type UseMarqueeProps, type UseMarqueeReturn } from './use-marquee';
+export { useMarqueeContext, type UseMarqueeContext } from './use-marquee-context';
+export * as Marquee from './marquee';

package/dist/components/marquee/index.js

@@ -0,0 +1,11 @@
+export { default as MarqueeContent } from './marquee-content.vue.js';
+export { default as MarqueeContext } from './marquee-context.vue.js';
+export { default as MarqueeEdge } from './marquee-edge.vue.js';
+export { default as MarqueeRoot } from './marquee-root.vue.js';
+export { default as MarqueeRootProvider } from './marquee-root-provider.vue.js';
+export { default as MarqueeViewport } from './marquee-viewport.vue.js';
+export { useMarquee } from './use-marquee.js';
+export { useMarqueeContext } from './use-marquee-context.js';
+import * as marquee from './marquee.js';
+export { marquee as Marquee };
+export { anatomy as marqueeAnatomy } from '@zag-js/marquee';

package/dist/components/marquee/marquee-content.vue.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const factory = require('../factory.cjs');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const useMarqueeContext = require('./use-marquee-context.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "marquee-content",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const marquee = useMarqueeContext.useMarqueeContext();
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Array.from({ length: vue.unref(marquee).contentCount }), (_, index) => {
+        return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: index }, { ref_for: true }, vue.unref(marquee).getContentProps({ index }), { "as-child": __props.asChild }), {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["as-child"]);
+      }), 128);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/components/marquee/marquee-content.vue.d.cts

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

package/dist/components/marquee/marquee-content.vue.d.ts

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

package/dist/components/marquee/marquee-content.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent, createElementBlock, openBlock, Fragment, renderList, unref, createBlock, mergeProps, withCtx, renderSlot } from 'vue';
+import { ark } from '../factory.js';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { useMarqueeContext } from './use-marquee-context.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "marquee-content",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const marquee = useMarqueeContext();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(Array.from({ length: unref(marquee).contentCount }), (_, index) => {
+        return openBlock(), createBlock(unref(ark).div, mergeProps({ key: index }, { ref_for: true }, unref(marquee).getContentProps({ index }), { "as-child": __props.asChild }), {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["as-child"]);
+      }), 128);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/marquee/marquee-content.vue2.cjs

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

package/dist/components/marquee/marquee-content.vue2.js

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

package/dist/components/marquee/marquee-context.vue.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const useMarqueeContext = require('./use-marquee-context.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "marquee-context",
+  setup(__props) {
+    const api = useMarqueeContext.useMarqueeContext();
+    return (_ctx, _cache) => {
+      return vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(api))));
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/components/marquee/marquee-context.vue.d.cts

@@ -0,0 +1,41 @@
+import { UseMarqueeContext } from './use-marquee-context';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, HTMLAttributes, VNodeRef } from 'vue';
+import { Side, ContentProps, EdgeProps } from '@zag-js/marquee';
+export interface MarqueeContextProps {
+    children: (context: UseMarqueeContext) => any;
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+    default?(_: {
+        paused: boolean;
+        orientation: "horizontal" | "vertical";
+        side: Side;
+        multiplier: number;
+        contentCount: number;
+        pause: VoidFunction;
+        resume: VoidFunction;
+        togglePause: VoidFunction;
+        restart: VoidFunction;
+        getRootProps: () => HTMLAttributes & {
+            key?: string | number | symbol | undefined;
+            ref?: VNodeRef | undefined;
+        };
+        getViewportProps: () => HTMLAttributes & {
+            key?: string | number | symbol | undefined;
+            ref?: VNodeRef | undefined;
+        };
+        getContentProps: (props: ContentProps) => HTMLAttributes & {
+            key?: string | number | symbol | undefined;
+            ref?: VNodeRef | undefined;
+        };
+        getEdgeProps: (props: EdgeProps) => HTMLAttributes & {
+            key?: string | number | symbol | undefined;
+            ref?: VNodeRef | undefined;
+        };
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};