@ark-ui/vue 5.26.2 → 5.27.1

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 (81) 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 +25 -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 +12 -0
  13. package/dist/components/marquee/index.cjs +32 -0
  14. package/dist/components/marquee/index.d.cts +12 -0
  15. package/dist/components/marquee/index.d.ts +12 -0
  16. package/dist/components/marquee/index.js +12 -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 +45 -0
  25. package/dist/components/marquee/marquee-context.vue.d.ts +45 -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-item.vue.cjs +29 -0
  36. package/dist/components/marquee/marquee-item.vue.d.cts +19 -0
  37. package/dist/components/marquee/marquee-item.vue.d.ts +19 -0
  38. package/dist/components/marquee/marquee-item.vue.js +25 -0
  39. package/dist/components/marquee/marquee-item.vue2.cjs +9 -0
  40. package/dist/components/marquee/marquee-item.vue2.js +5 -0
  41. package/dist/components/marquee/marquee-root-provider.vue.cjs +32 -0
  42. package/dist/components/marquee/marquee-root-provider.vue.d.cts +23 -0
  43. package/dist/components/marquee/marquee-root-provider.vue.d.ts +23 -0
  44. package/dist/components/marquee/marquee-root-provider.vue.js +28 -0
  45. package/dist/components/marquee/marquee-root-provider.vue2.cjs +9 -0
  46. package/dist/components/marquee/marquee-root-provider.vue2.js +5 -0
  47. package/dist/components/marquee/marquee-root.vue.cjs +53 -0
  48. package/dist/components/marquee/marquee-root.vue.d.cts +37 -0
  49. package/dist/components/marquee/marquee-root.vue.d.ts +37 -0
  50. package/dist/components/marquee/marquee-root.vue.js +49 -0
  51. package/dist/components/marquee/marquee-root.vue2.cjs +9 -0
  52. package/dist/components/marquee/marquee-root.vue2.js +5 -0
  53. package/dist/components/marquee/marquee-viewport.vue.cjs +29 -0
  54. package/dist/components/marquee/marquee-viewport.vue.d.cts +19 -0
  55. package/dist/components/marquee/marquee-viewport.vue.d.ts +19 -0
  56. package/dist/components/marquee/marquee-viewport.vue.js +25 -0
  57. package/dist/components/marquee/marquee-viewport.vue2.cjs +9 -0
  58. package/dist/components/marquee/marquee-viewport.vue2.js +5 -0
  59. package/dist/components/marquee/marquee.anatomy.d.cts +1 -0
  60. package/dist/components/marquee/marquee.anatomy.d.ts +1 -0
  61. package/dist/components/marquee/marquee.cjs +21 -0
  62. package/dist/components/marquee/marquee.d.cts +8 -0
  63. package/dist/components/marquee/marquee.d.ts +8 -0
  64. package/dist/components/marquee/marquee.js +7 -0
  65. package/dist/components/marquee/marquee.types.d.cts +83 -0
  66. package/dist/components/marquee/marquee.types.d.ts +83 -0
  67. package/dist/components/marquee/use-marquee-context.cjs +10 -0
  68. package/dist/components/marquee/use-marquee-context.d.cts +4 -0
  69. package/dist/components/marquee/use-marquee-context.d.ts +4 -0
  70. package/dist/components/marquee/use-marquee-context.js +5 -0
  71. package/dist/components/marquee/use-marquee.cjs +60 -0
  72. package/dist/components/marquee/use-marquee.d.cts +10 -0
  73. package/dist/components/marquee/use-marquee.d.ts +10 -0
  74. package/dist/components/marquee/use-marquee.js +37 -0
  75. package/dist/components/tabs/tab-content.vue.cjs +15 -8
  76. package/dist/components/tabs/tab-content.vue.js +16 -9
  77. package/dist/components/tour/tour-backdrop.vue.cjs +12 -8
  78. package/dist/components/tour/tour-backdrop.vue.js +13 -9
  79. package/dist/index.cjs +25 -0
  80. package/dist/index.js +12 -0
  81. package/package.json +72 -69
@@ -0,0 +1,14 @@
1
+ import { defineComponent, renderSlot, normalizeProps, guardReactiveProps, unref } from 'vue';
2
+ import { useMarqueeContext } from './use-marquee-context.js';
3
+
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "marquee-context",
6
+ setup(__props) {
7
+ const api = useMarqueeContext();
8
+ return (_ctx, _cache) => {
9
+ return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(api))));
10
+ };
11
+ }
12
+ });
13
+
14
+ 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 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,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-item",
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).getItemProps(), { "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 MarqueeItemBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface MarqueeItemProps extends MarqueeItemBaseProps,
6
+ /**
7
+ * @vue-ignore
8
+ */
9
+ HTMLAttributes {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MarqueeItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MarqueeItemProps> & 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 MarqueeItemBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface MarqueeItemProps extends MarqueeItemBaseProps,
6
+ /**
7
+ * @vue-ignore
8
+ */
9
+ HTMLAttributes {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MarqueeItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MarqueeItemProps> & 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-item",
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).getItemProps(), { "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 marqueeItem_vue_vue_type_script_setup_true_lang = require('./marquee-item.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = marqueeItem_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './marquee-item.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
+ };