@ark-ui/vue 5.26.2 → 5.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/dist/components/anatomy.cjs +5 -0
  2. package/dist/components/anatomy.d.cts +2 -1
  3. package/dist/components/anatomy.d.ts +2 -1
  4. package/dist/components/anatomy.js +1 -0
  5. package/dist/components/bottom-sheet/bottom-sheet-backdrop.vue.cjs +12 -7
  6. package/dist/components/bottom-sheet/bottom-sheet-backdrop.vue.js +13 -8
  7. package/dist/components/dialog/dialog-backdrop.vue.cjs +12 -7
  8. package/dist/components/dialog/dialog-backdrop.vue.js +13 -8
  9. package/dist/components/index.cjs +23 -0
  10. package/dist/components/index.d.cts +1 -0
  11. package/dist/components/index.d.ts +1 -0
  12. package/dist/components/index.js +11 -0
  13. package/dist/components/marquee/index.cjs +30 -0
  14. package/dist/components/marquee/index.d.cts +11 -0
  15. package/dist/components/marquee/index.d.ts +11 -0
  16. package/dist/components/marquee/index.js +11 -0
  17. package/dist/components/marquee/marquee-content.vue.cjs +31 -0
  18. package/dist/components/marquee/marquee-content.vue.d.cts +19 -0
  19. package/dist/components/marquee/marquee-content.vue.d.ts +19 -0
  20. package/dist/components/marquee/marquee-content.vue.js +27 -0
  21. package/dist/components/marquee/marquee-content.vue2.cjs +9 -0
  22. package/dist/components/marquee/marquee-content.vue2.js +5 -0
  23. package/dist/components/marquee/marquee-context.vue.cjs +18 -0
  24. package/dist/components/marquee/marquee-context.vue.d.cts +41 -0
  25. package/dist/components/marquee/marquee-context.vue.d.ts +41 -0
  26. package/dist/components/marquee/marquee-context.vue.js +14 -0
  27. package/dist/components/marquee/marquee-context.vue2.cjs +9 -0
  28. package/dist/components/marquee/marquee-context.vue2.js +5 -0
  29. package/dist/components/marquee/marquee-edge.vue.cjs +31 -0
  30. package/dist/components/marquee/marquee-edge.vue.d.cts +20 -0
  31. package/dist/components/marquee/marquee-edge.vue.d.ts +20 -0
  32. package/dist/components/marquee/marquee-edge.vue.js +27 -0
  33. package/dist/components/marquee/marquee-edge.vue2.cjs +9 -0
  34. package/dist/components/marquee/marquee-edge.vue2.js +5 -0
  35. package/dist/components/marquee/marquee-root-provider.vue.cjs +32 -0
  36. package/dist/components/marquee/marquee-root-provider.vue.d.cts +23 -0
  37. package/dist/components/marquee/marquee-root-provider.vue.d.ts +23 -0
  38. package/dist/components/marquee/marquee-root-provider.vue.js +28 -0
  39. package/dist/components/marquee/marquee-root-provider.vue2.cjs +9 -0
  40. package/dist/components/marquee/marquee-root-provider.vue2.js +5 -0
  41. package/dist/components/marquee/marquee-root.vue.cjs +53 -0
  42. package/dist/components/marquee/marquee-root.vue.d.cts +37 -0
  43. package/dist/components/marquee/marquee-root.vue.d.ts +37 -0
  44. package/dist/components/marquee/marquee-root.vue.js +49 -0
  45. package/dist/components/marquee/marquee-root.vue2.cjs +9 -0
  46. package/dist/components/marquee/marquee-root.vue2.js +5 -0
  47. package/dist/components/marquee/marquee-viewport.vue.cjs +29 -0
  48. package/dist/components/marquee/marquee-viewport.vue.d.cts +19 -0
  49. package/dist/components/marquee/marquee-viewport.vue.d.ts +19 -0
  50. package/dist/components/marquee/marquee-viewport.vue.js +25 -0
  51. package/dist/components/marquee/marquee-viewport.vue2.cjs +9 -0
  52. package/dist/components/marquee/marquee-viewport.vue2.js +5 -0
  53. package/dist/components/marquee/marquee.anatomy.d.cts +1 -0
  54. package/dist/components/marquee/marquee.anatomy.d.ts +1 -0
  55. package/dist/components/marquee/marquee.cjs +19 -0
  56. package/dist/components/marquee/marquee.d.cts +7 -0
  57. package/dist/components/marquee/marquee.d.ts +7 -0
  58. package/dist/components/marquee/marquee.js +6 -0
  59. package/dist/components/marquee/marquee.types.d.cts +83 -0
  60. package/dist/components/marquee/marquee.types.d.ts +83 -0
  61. package/dist/components/marquee/use-marquee-context.cjs +10 -0
  62. package/dist/components/marquee/use-marquee-context.d.cts +4 -0
  63. package/dist/components/marquee/use-marquee-context.d.ts +4 -0
  64. package/dist/components/marquee/use-marquee-context.js +5 -0
  65. package/dist/components/marquee/use-marquee.cjs +60 -0
  66. package/dist/components/marquee/use-marquee.d.cts +10 -0
  67. package/dist/components/marquee/use-marquee.d.ts +10 -0
  68. package/dist/components/marquee/use-marquee.js +37 -0
  69. package/dist/components/tabs/tab-content.vue.cjs +15 -8
  70. package/dist/components/tabs/tab-content.vue.js +16 -9
  71. package/dist/components/tour/tour-backdrop.vue.cjs +12 -8
  72. package/dist/components/tour/tour-backdrop.vue.js +13 -9
  73. package/dist/index.cjs +23 -0
  74. package/dist/index.js +11 -0
  75. package/package.json +72 -69
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const marqueeContext_vue_vue_type_script_setup_true_lang = require('./marquee-context.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = marqueeContext_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './marquee-context.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
@@ -0,0 +1,31 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const vue = require('vue');
6
+ const factory = require('../factory.cjs');
7
+ const useForwardExpose = require('../../utils/use-forward-expose.cjs');
8
+ const useMarqueeContext = require('./use-marquee-context.cjs');
9
+
10
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
11
+ __name: "marquee-edge",
12
+ props: {
13
+ side: {},
14
+ asChild: { type: Boolean }
15
+ },
16
+ setup(__props) {
17
+ const props = __props;
18
+ const marquee = useMarqueeContext.useMarqueeContext();
19
+ useForwardExpose.useForwardExpose();
20
+ return (_ctx, _cache) => {
21
+ return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(marquee).getEdgeProps({ side: props.side }), { "as-child": __props.asChild }), {
22
+ default: vue.withCtx(() => [
23
+ vue.renderSlot(_ctx.$slots, "default")
24
+ ]),
25
+ _: 3
26
+ }, 16, ["as-child"]);
27
+ };
28
+ }
29
+ });
30
+
31
+ exports.default = _sfc_main;
@@ -0,0 +1,20 @@
1
+ import { EdgeProps } from '@zag-js/marquee';
2
+ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ import { PolymorphicProps } from '../factory';
4
+ export interface MarqueeEdgeBaseProps extends EdgeProps, PolymorphicProps {
5
+ }
6
+ export interface MarqueeEdgeProps extends MarqueeEdgeBaseProps,
7
+ /**
8
+ * @vue-ignore
9
+ */
10
+ HTMLAttributes {
11
+ }
12
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MarqueeEdgeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MarqueeEdgeProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
13
+ default?(_: {}): any;
14
+ }>;
15
+ export default _default;
16
+ type __VLS_WithTemplateSlots<T, S> = T & {
17
+ new (): {
18
+ $slots: S;
19
+ };
20
+ };
@@ -0,0 +1,20 @@
1
+ import { EdgeProps } from '@zag-js/marquee';
2
+ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ import { PolymorphicProps } from '../factory';
4
+ export interface MarqueeEdgeBaseProps extends EdgeProps, PolymorphicProps {
5
+ }
6
+ export interface MarqueeEdgeProps extends MarqueeEdgeBaseProps,
7
+ /**
8
+ * @vue-ignore
9
+ */
10
+ HTMLAttributes {
11
+ }
12
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MarqueeEdgeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MarqueeEdgeProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
13
+ default?(_: {}): any;
14
+ }>;
15
+ export default _default;
16
+ type __VLS_WithTemplateSlots<T, S> = T & {
17
+ new (): {
18
+ $slots: S;
19
+ };
20
+ };
@@ -0,0 +1,27 @@
1
+ import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
2
+ import { ark } from '../factory.js';
3
+ import { useForwardExpose } from '../../utils/use-forward-expose.js';
4
+ import { useMarqueeContext } from './use-marquee-context.js';
5
+
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
7
+ __name: "marquee-edge",
8
+ props: {
9
+ side: {},
10
+ asChild: { type: Boolean }
11
+ },
12
+ setup(__props) {
13
+ const props = __props;
14
+ const marquee = useMarqueeContext();
15
+ useForwardExpose();
16
+ return (_ctx, _cache) => {
17
+ return openBlock(), createBlock(unref(ark).div, mergeProps(unref(marquee).getEdgeProps({ side: props.side }), { "as-child": __props.asChild }), {
18
+ default: withCtx(() => [
19
+ renderSlot(_ctx.$slots, "default")
20
+ ]),
21
+ _: 3
22
+ }, 16, ["as-child"]);
23
+ };
24
+ }
25
+ });
26
+
27
+ export { _sfc_main as default };
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const marqueeEdge_vue_vue_type_script_setup_true_lang = require('./marquee-edge.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = marqueeEdge_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './marquee-edge.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const vue = require('vue');
6
+ const useForwardExpose = require('../../utils/use-forward-expose.cjs');
7
+ const factory = require('../factory.cjs');
8
+ const useMarqueeContext = require('./use-marquee-context.cjs');
9
+
10
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
11
+ __name: "marquee-root-provider",
12
+ props: {
13
+ value: {},
14
+ asChild: { type: Boolean }
15
+ },
16
+ setup(__props) {
17
+ const props = __props;
18
+ const marquee = vue.computed(() => props.value);
19
+ useMarqueeContext.MarqueeProvider(marquee);
20
+ useForwardExpose.useForwardExpose();
21
+ return (_ctx, _cache) => {
22
+ return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(marquee.value.getRootProps(), { "as-child": __props.asChild }), {
23
+ default: vue.withCtx(() => [
24
+ vue.renderSlot(_ctx.$slots, "default")
25
+ ]),
26
+ _: 3
27
+ }, 16, ["as-child"]);
28
+ };
29
+ }
30
+ });
31
+
32
+ exports.default = _sfc_main;
@@ -0,0 +1,23 @@
1
+ import { HTMLAttributes, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { PolymorphicProps } from '../factory';
3
+ import { UseMarqueeReturn } from './use-marquee';
4
+ interface RootProviderProps {
5
+ value: UnwrapRef<UseMarqueeReturn>;
6
+ }
7
+ export interface MarqueeRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
8
+ }
9
+ export interface MarqueeRootProviderProps extends MarqueeRootProviderBaseProps,
10
+ /**
11
+ * @vue-ignore
12
+ */
13
+ HTMLAttributes {
14
+ }
15
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MarqueeRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MarqueeRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
16
+ default?(_: {}): any;
17
+ }>;
18
+ export default _default;
19
+ type __VLS_WithTemplateSlots<T, S> = T & {
20
+ new (): {
21
+ $slots: S;
22
+ };
23
+ };
@@ -0,0 +1,23 @@
1
+ import { HTMLAttributes, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { PolymorphicProps } from '../factory';
3
+ import { UseMarqueeReturn } from './use-marquee';
4
+ interface RootProviderProps {
5
+ value: UnwrapRef<UseMarqueeReturn>;
6
+ }
7
+ export interface MarqueeRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
8
+ }
9
+ export interface MarqueeRootProviderProps extends MarqueeRootProviderBaseProps,
10
+ /**
11
+ * @vue-ignore
12
+ */
13
+ HTMLAttributes {
14
+ }
15
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MarqueeRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MarqueeRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
16
+ default?(_: {}): any;
17
+ }>;
18
+ export default _default;
19
+ type __VLS_WithTemplateSlots<T, S> = T & {
20
+ new (): {
21
+ $slots: S;
22
+ };
23
+ };
@@ -0,0 +1,28 @@
1
+ import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
2
+ import { useForwardExpose } from '../../utils/use-forward-expose.js';
3
+ import { ark } from '../factory.js';
4
+ import { MarqueeProvider } from './use-marquee-context.js';
5
+
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
7
+ __name: "marquee-root-provider",
8
+ props: {
9
+ value: {},
10
+ asChild: { type: Boolean }
11
+ },
12
+ setup(__props) {
13
+ const props = __props;
14
+ const marquee = computed(() => props.value);
15
+ MarqueeProvider(marquee);
16
+ useForwardExpose();
17
+ return (_ctx, _cache) => {
18
+ return openBlock(), createBlock(unref(ark).div, mergeProps(marquee.value.getRootProps(), { "as-child": __props.asChild }), {
19
+ default: withCtx(() => [
20
+ renderSlot(_ctx.$slots, "default")
21
+ ]),
22
+ _: 3
23
+ }, 16, ["as-child"]);
24
+ };
25
+ }
26
+ });
27
+
28
+ export { _sfc_main as default };
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const marqueeRootProvider_vue_vue_type_script_setup_true_lang = require('./marquee-root-provider.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = marqueeRootProvider_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './marquee-root-provider.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
@@ -0,0 +1,53 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const vue = require('vue');
6
+ const useForwardExpose = require('../../utils/use-forward-expose.cjs');
7
+ const factory = require('../factory.cjs');
8
+ const useMarquee = require('./use-marquee.cjs');
9
+ const useMarqueeContext = require('./use-marquee-context.cjs');
10
+
11
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
12
+ __name: "marquee-root",
13
+ props: /* @__PURE__ */ vue.mergeDefaults({
14
+ autoFill: { type: Boolean },
15
+ defaultPaused: { type: Boolean },
16
+ delay: {},
17
+ id: {},
18
+ ids: {},
19
+ loopCount: {},
20
+ pauseOnInteraction: { type: Boolean },
21
+ paused: { type: Boolean },
22
+ reverse: { type: Boolean },
23
+ side: {},
24
+ spacing: {},
25
+ speed: {},
26
+ translations: {},
27
+ asChild: { type: Boolean }
28
+ }, {
29
+ autoFill: void 0,
30
+ defaultPaused: void 0,
31
+ pauseOnInteraction: void 0,
32
+ paused: void 0,
33
+ reverse: void 0
34
+ }),
35
+ emits: ["complete", "loopComplete", "pauseChange"],
36
+ setup(__props, { emit: __emit }) {
37
+ const props = __props;
38
+ const emits = __emit;
39
+ const marquee = useMarquee.useMarquee(props, emits);
40
+ useMarqueeContext.MarqueeProvider(marquee);
41
+ useForwardExpose.useForwardExpose();
42
+ return (_ctx, _cache) => {
43
+ return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(marquee).getRootProps(), { "as-child": __props.asChild }), {
44
+ default: vue.withCtx(() => [
45
+ vue.renderSlot(_ctx.$slots, "default")
46
+ ]),
47
+ _: 3
48
+ }, 16, ["as-child"]);
49
+ };
50
+ }
51
+ });
52
+
53
+ exports.default = _sfc_main;
@@ -0,0 +1,37 @@
1
+ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { PolymorphicProps } from '../factory';
3
+ import { RootEmits, RootProps } from './marquee.types';
4
+ import { PauseStatusDetails } from '@zag-js/marquee';
5
+ export interface MarqueeRootBaseProps extends RootProps, PolymorphicProps {
6
+ }
7
+ export interface MarqueeRootProps extends MarqueeRootBaseProps,
8
+ /**
9
+ * @vue-ignore
10
+ */
11
+ HTMLAttributes {
12
+ }
13
+ export interface MarqueeRootEmits extends RootEmits {
14
+ }
15
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MarqueeRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
16
+ pauseChange: (details: PauseStatusDetails) => any;
17
+ complete: () => any;
18
+ loopComplete: () => any;
19
+ }, string, PublicProps, Readonly<MarqueeRootProps> & Readonly<{
20
+ onPauseChange?: ((details: PauseStatusDetails) => any) | undefined;
21
+ onComplete?: (() => any) | undefined;
22
+ onLoopComplete?: (() => any) | undefined;
23
+ }>, {
24
+ reverse: boolean;
25
+ autoFill: boolean;
26
+ pauseOnInteraction: boolean;
27
+ paused: boolean;
28
+ defaultPaused: boolean;
29
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
30
+ default?(_: {}): any;
31
+ }>;
32
+ export default _default;
33
+ type __VLS_WithTemplateSlots<T, S> = T & {
34
+ new (): {
35
+ $slots: S;
36
+ };
37
+ };
@@ -0,0 +1,37 @@
1
+ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { PolymorphicProps } from '../factory';
3
+ import { RootEmits, RootProps } from './marquee.types';
4
+ import { PauseStatusDetails } from '@zag-js/marquee';
5
+ export interface MarqueeRootBaseProps extends RootProps, PolymorphicProps {
6
+ }
7
+ export interface MarqueeRootProps extends MarqueeRootBaseProps,
8
+ /**
9
+ * @vue-ignore
10
+ */
11
+ HTMLAttributes {
12
+ }
13
+ export interface MarqueeRootEmits extends RootEmits {
14
+ }
15
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MarqueeRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
16
+ pauseChange: (details: PauseStatusDetails) => any;
17
+ complete: () => any;
18
+ loopComplete: () => any;
19
+ }, string, PublicProps, Readonly<MarqueeRootProps> & Readonly<{
20
+ onPauseChange?: ((details: PauseStatusDetails) => any) | undefined;
21
+ onComplete?: (() => any) | undefined;
22
+ onLoopComplete?: (() => any) | undefined;
23
+ }>, {
24
+ reverse: boolean;
25
+ autoFill: boolean;
26
+ pauseOnInteraction: boolean;
27
+ paused: boolean;
28
+ defaultPaused: boolean;
29
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
30
+ default?(_: {}): any;
31
+ }>;
32
+ export default _default;
33
+ type __VLS_WithTemplateSlots<T, S> = T & {
34
+ new (): {
35
+ $slots: S;
36
+ };
37
+ };
@@ -0,0 +1,49 @@
1
+ import { defineComponent, mergeDefaults, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
2
+ import { useForwardExpose } from '../../utils/use-forward-expose.js';
3
+ import { ark } from '../factory.js';
4
+ import { useMarquee } from './use-marquee.js';
5
+ import { MarqueeProvider } from './use-marquee-context.js';
6
+
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
8
+ __name: "marquee-root",
9
+ props: /* @__PURE__ */ mergeDefaults({
10
+ autoFill: { type: Boolean },
11
+ defaultPaused: { type: Boolean },
12
+ delay: {},
13
+ id: {},
14
+ ids: {},
15
+ loopCount: {},
16
+ pauseOnInteraction: { type: Boolean },
17
+ paused: { type: Boolean },
18
+ reverse: { type: Boolean },
19
+ side: {},
20
+ spacing: {},
21
+ speed: {},
22
+ translations: {},
23
+ asChild: { type: Boolean }
24
+ }, {
25
+ autoFill: void 0,
26
+ defaultPaused: void 0,
27
+ pauseOnInteraction: void 0,
28
+ paused: void 0,
29
+ reverse: void 0
30
+ }),
31
+ emits: ["complete", "loopComplete", "pauseChange"],
32
+ setup(__props, { emit: __emit }) {
33
+ const props = __props;
34
+ const emits = __emit;
35
+ const marquee = useMarquee(props, emits);
36
+ MarqueeProvider(marquee);
37
+ useForwardExpose();
38
+ return (_ctx, _cache) => {
39
+ return openBlock(), createBlock(unref(ark).div, mergeProps(unref(marquee).getRootProps(), { "as-child": __props.asChild }), {
40
+ default: withCtx(() => [
41
+ renderSlot(_ctx.$slots, "default")
42
+ ]),
43
+ _: 3
44
+ }, 16, ["as-child"]);
45
+ };
46
+ }
47
+ });
48
+
49
+ export { _sfc_main as default };
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const marqueeRoot_vue_vue_type_script_setup_true_lang = require('./marquee-root.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = marqueeRoot_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './marquee-root.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
@@ -0,0 +1,29 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const vue = require('vue');
6
+ const factory = require('../factory.cjs');
7
+ const useForwardExpose = require('../../utils/use-forward-expose.cjs');
8
+ const useMarqueeContext = require('./use-marquee-context.cjs');
9
+
10
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
11
+ __name: "marquee-viewport",
12
+ props: {
13
+ asChild: { type: Boolean }
14
+ },
15
+ setup(__props) {
16
+ const marquee = useMarqueeContext.useMarqueeContext();
17
+ useForwardExpose.useForwardExpose();
18
+ return (_ctx, _cache) => {
19
+ return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(marquee).getViewportProps(), { "as-child": __props.asChild }), {
20
+ default: vue.withCtx(() => [
21
+ vue.renderSlot(_ctx.$slots, "default")
22
+ ]),
23
+ _: 3
24
+ }, 16, ["as-child"]);
25
+ };
26
+ }
27
+ });
28
+
29
+ exports.default = _sfc_main;
@@ -0,0 +1,19 @@
1
+ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { PolymorphicProps } from '../factory';
3
+ export interface MarqueeViewportBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface MarqueeViewportProps extends MarqueeViewportBaseProps,
6
+ /**
7
+ * @vue-ignore
8
+ */
9
+ HTMLAttributes {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MarqueeViewportProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MarqueeViewportProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
12
+ default?(_: {}): any;
13
+ }>;
14
+ export default _default;
15
+ type __VLS_WithTemplateSlots<T, S> = T & {
16
+ new (): {
17
+ $slots: S;
18
+ };
19
+ };
@@ -0,0 +1,19 @@
1
+ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { PolymorphicProps } from '../factory';
3
+ export interface MarqueeViewportBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface MarqueeViewportProps extends MarqueeViewportBaseProps,
6
+ /**
7
+ * @vue-ignore
8
+ */
9
+ HTMLAttributes {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MarqueeViewportProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MarqueeViewportProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
12
+ default?(_: {}): any;
13
+ }>;
14
+ export default _default;
15
+ type __VLS_WithTemplateSlots<T, S> = T & {
16
+ new (): {
17
+ $slots: S;
18
+ };
19
+ };
@@ -0,0 +1,25 @@
1
+ import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
2
+ import { ark } from '../factory.js';
3
+ import { useForwardExpose } from '../../utils/use-forward-expose.js';
4
+ import { useMarqueeContext } from './use-marquee-context.js';
5
+
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
7
+ __name: "marquee-viewport",
8
+ props: {
9
+ asChild: { type: Boolean }
10
+ },
11
+ setup(__props) {
12
+ const marquee = useMarqueeContext();
13
+ useForwardExpose();
14
+ return (_ctx, _cache) => {
15
+ return openBlock(), createBlock(unref(ark).div, mergeProps(unref(marquee).getViewportProps(), { "as-child": __props.asChild }), {
16
+ default: withCtx(() => [
17
+ renderSlot(_ctx.$slots, "default")
18
+ ]),
19
+ _: 3
20
+ }, 16, ["as-child"]);
21
+ };
22
+ }
23
+ });
24
+
25
+ export { _sfc_main as default };
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const marqueeViewport_vue_vue_type_script_setup_true_lang = require('./marquee-viewport.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = marqueeViewport_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './marquee-viewport.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
@@ -0,0 +1 @@
1
+ export { anatomy as marqueeAnatomy } from '@zag-js/marquee';
@@ -0,0 +1 @@
1
+ export { anatomy as marqueeAnatomy } from '@zag-js/marquee';
@@ -0,0 +1,19 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const marqueeContent_vue_vue_type_script_setup_true_lang = require('./marquee-content.vue.cjs');
6
+ const marqueeContext_vue_vue_type_script_setup_true_lang = require('./marquee-context.vue.cjs');
7
+ const marqueeEdge_vue_vue_type_script_setup_true_lang = require('./marquee-edge.vue.cjs');
8
+ const marqueeRoot_vue_vue_type_script_setup_true_lang = require('./marquee-root.vue.cjs');
9
+ const marqueeRootProvider_vue_vue_type_script_setup_true_lang = require('./marquee-root-provider.vue.cjs');
10
+ const marqueeViewport_vue_vue_type_script_setup_true_lang = require('./marquee-viewport.vue.cjs');
11
+
12
+
13
+
14
+ exports.Content = marqueeContent_vue_vue_type_script_setup_true_lang.default;
15
+ exports.Context = marqueeContext_vue_vue_type_script_setup_true_lang.default;
16
+ exports.Edge = marqueeEdge_vue_vue_type_script_setup_true_lang.default;
17
+ exports.Root = marqueeRoot_vue_vue_type_script_setup_true_lang.default;
18
+ exports.RootProvider = marqueeRootProvider_vue_vue_type_script_setup_true_lang.default;
19
+ exports.Viewport = marqueeViewport_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,7 @@
1
+ export type { PauseStatusDetails, Side } from '@zag-js/marquee';
2
+ export { default as Content, type MarqueeContentBaseProps as ContentBaseProps, type MarqueeContentProps as ContentProps, } from './marquee-content.vue';
3
+ export { default as Context, type MarqueeContextProps as ContextProps } from './marquee-context.vue';
4
+ export { default as Edge, type MarqueeEdgeBaseProps as EdgeBaseProps, type MarqueeEdgeProps as EdgeProps, } from './marquee-edge.vue';
5
+ export { default as Root, type MarqueeRootBaseProps as RootBaseProps, type MarqueeRootEmits as RootEmits, type MarqueeRootProps as RootProps, } from './marquee-root.vue';
6
+ export { default as RootProvider, type MarqueeRootProviderBaseProps as RootProviderBaseProps, type MarqueeRootProviderProps as RootProviderProps, } from './marquee-root-provider.vue';
7
+ export { default as Viewport, type MarqueeViewportBaseProps as ViewportBaseProps, type MarqueeViewportProps as ViewportProps, } from './marquee-viewport.vue';
@@ -0,0 +1,7 @@
1
+ export type { PauseStatusDetails, Side } from '@zag-js/marquee';
2
+ export { default as Content, type MarqueeContentBaseProps as ContentBaseProps, type MarqueeContentProps as ContentProps, } from './marquee-content.vue';
3
+ export { default as Context, type MarqueeContextProps as ContextProps } from './marquee-context.vue';
4
+ export { default as Edge, type MarqueeEdgeBaseProps as EdgeBaseProps, type MarqueeEdgeProps as EdgeProps, } from './marquee-edge.vue';
5
+ export { default as Root, type MarqueeRootBaseProps as RootBaseProps, type MarqueeRootEmits as RootEmits, type MarqueeRootProps as RootProps, } from './marquee-root.vue';
6
+ export { default as RootProvider, type MarqueeRootProviderBaseProps as RootProviderBaseProps, type MarqueeRootProviderProps as RootProviderProps, } from './marquee-root-provider.vue';
7
+ export { default as Viewport, type MarqueeViewportBaseProps as ViewportBaseProps, type MarqueeViewportProps as ViewportProps, } from './marquee-viewport.vue';
@@ -0,0 +1,6 @@
1
+ export { default as Content } from './marquee-content.vue.js';
2
+ export { default as Context } from './marquee-context.vue.js';
3
+ export { default as Edge } from './marquee-edge.vue.js';
4
+ export { default as Root } from './marquee-root.vue.js';
5
+ export { default as RootProvider } from './marquee-root-provider.vue.js';
6
+ export { default as Viewport } from './marquee-viewport.vue.js';