@ark-ui/vue 5.26.1 → 5.27.0

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

@@ -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;
+    };
+};

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

@@ -0,0 +1,14 @@
+import { defineComponent, renderSlot, normalizeProps, guardReactiveProps, unref } from 'vue';
+import { useMarqueeContext } from './use-marquee-context.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "marquee-context",
+  setup(__props) {
+    const api = useMarqueeContext();
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(api))));
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

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

package/dist/components/marquee/marquee-edge.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-edge",
+  props: {
+    side: {},
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const marquee = useMarqueeContext.useMarqueeContext();
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(marquee).getEdgeProps({ side: props.side }), { "as-child": __props.asChild }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

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

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

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

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

@@ -0,0 +1,27 @@
+import { defineComponent, createBlock, openBlock, unref, 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-edge",
+  props: {
+    side: {},
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const marquee = useMarqueeContext();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(marquee).getEdgeProps({ side: props.side }), { "as-child": __props.asChild }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

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

package/dist/components/marquee/marquee-root-provider.vue.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const factory = require('../factory.cjs');
+const useMarqueeContext = require('./use-marquee-context.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "marquee-root-provider",
+  props: {
+    value: {},
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const marquee = vue.computed(() => props.value);
+    useMarqueeContext.MarqueeProvider(marquee);
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(marquee.value.getRootProps(), { "as-child": __props.asChild }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/components/marquee/marquee-root-provider.vue.d.cts

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

package/dist/components/marquee/marquee-root-provider.vue.d.ts

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

package/dist/components/marquee/marquee-root-provider.vue.js

@@ -0,0 +1,28 @@
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { ark } from '../factory.js';
+import { MarqueeProvider } from './use-marquee-context.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "marquee-root-provider",
+  props: {
+    value: {},
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const marquee = computed(() => props.value);
+    MarqueeProvider(marquee);
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(marquee.value.getRootProps(), { "as-child": __props.asChild }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/marquee/marquee-root-provider.vue2.cjs

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

package/dist/components/marquee/marquee-root-provider.vue2.js

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

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

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const factory = require('../factory.cjs');
+const useMarquee = require('./use-marquee.cjs');
+const useMarqueeContext = require('./use-marquee-context.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "marquee-root",
+  props: /* @__PURE__ */ vue.mergeDefaults({
+    autoFill: { type: Boolean },
+    defaultPaused: { type: Boolean },
+    delay: {},
+    id: {},
+    ids: {},
+    loopCount: {},
+    pauseOnInteraction: { type: Boolean },
+    paused: { type: Boolean },
+    reverse: { type: Boolean },
+    side: {},
+    spacing: {},
+    speed: {},
+    translations: {},
+    asChild: { type: Boolean }
+  }, {
+    autoFill: void 0,
+    defaultPaused: void 0,
+    pauseOnInteraction: void 0,
+    paused: void 0,
+    reverse: void 0
+  }),
+  emits: ["complete", "loopComplete", "pauseChange"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const marquee = useMarquee.useMarquee(props, emits);
+    useMarqueeContext.MarqueeProvider(marquee);
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(marquee).getRootProps(), { "as-child": __props.asChild }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,37 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+import { RootEmits, RootProps } from './marquee.types';
+import { PauseStatusDetails } from '@zag-js/marquee';
+export interface MarqueeRootBaseProps extends RootProps, PolymorphicProps {
+}
+export interface MarqueeRootProps extends MarqueeRootBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+export interface MarqueeRootEmits extends RootEmits {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<MarqueeRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    pauseChange: (details: PauseStatusDetails) => any;
+    complete: () => any;
+    loopComplete: () => any;
+}, string, PublicProps, Readonly<MarqueeRootProps> & Readonly<{
+    onPauseChange?: ((details: PauseStatusDetails) => any) | undefined;
+    onComplete?: (() => any) | undefined;
+    onLoopComplete?: (() => any) | undefined;
+}>, {
+    reverse: boolean;
+    autoFill: boolean;
+    pauseOnInteraction: boolean;
+    paused: boolean;
+    defaultPaused: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,37 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+import { RootEmits, RootProps } from './marquee.types';
+import { PauseStatusDetails } from '@zag-js/marquee';
+export interface MarqueeRootBaseProps extends RootProps, PolymorphicProps {
+}
+export interface MarqueeRootProps extends MarqueeRootBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+export interface MarqueeRootEmits extends RootEmits {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<MarqueeRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    pauseChange: (details: PauseStatusDetails) => any;
+    complete: () => any;
+    loopComplete: () => any;
+}, string, PublicProps, Readonly<MarqueeRootProps> & Readonly<{
+    onPauseChange?: ((details: PauseStatusDetails) => any) | undefined;
+    onComplete?: (() => any) | undefined;
+    onLoopComplete?: (() => any) | undefined;
+}>, {
+    reverse: boolean;
+    autoFill: boolean;
+    pauseOnInteraction: boolean;
+    paused: boolean;
+    defaultPaused: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,49 @@
+import { defineComponent, mergeDefaults, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { ark } from '../factory.js';
+import { useMarquee } from './use-marquee.js';
+import { MarqueeProvider } from './use-marquee-context.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "marquee-root",
+  props: /* @__PURE__ */ mergeDefaults({
+    autoFill: { type: Boolean },
+    defaultPaused: { type: Boolean },
+    delay: {},
+    id: {},
+    ids: {},
+    loopCount: {},
+    pauseOnInteraction: { type: Boolean },
+    paused: { type: Boolean },
+    reverse: { type: Boolean },
+    side: {},
+    spacing: {},
+    speed: {},
+    translations: {},
+    asChild: { type: Boolean }
+  }, {
+    autoFill: void 0,
+    defaultPaused: void 0,
+    pauseOnInteraction: void 0,
+    paused: void 0,
+    reverse: void 0
+  }),
+  emits: ["complete", "loopComplete", "pauseChange"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const marquee = useMarquee(props, emits);
+    MarqueeProvider(marquee);
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(marquee).getRootProps(), { "as-child": __props.asChild }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

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

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

@@ -0,0 +1,29 @@
+'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-viewport",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const marquee = useMarqueeContext.useMarqueeContext();
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(marquee).getViewportProps(), { "as-child": __props.asChild }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { defineComponent, createBlock, openBlock, unref, 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-viewport",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const marquee = useMarqueeContext();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(marquee).getViewportProps(), { "as-child": __props.asChild }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

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

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

@@ -0,0 +1 @@
+export { anatomy as marqueeAnatomy } from '@zag-js/marquee';

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

@@ -0,0 +1 @@
+export { anatomy as marqueeAnatomy } from '@zag-js/marquee';