@ark-ui/vue 5.18.3 → 5.19.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 (89) hide show
  1. package/dist/components/combobox/use-combobox-context.cjs +1 -4
  2. package/dist/components/combobox/use-combobox-context.js +1 -4
  3. package/dist/components/field/field-required-indicator.vue.cjs +1 -1
  4. package/dist/components/field/field-required-indicator.vue.js +1 -1
  5. package/dist/components/index.cjs +27 -0
  6. package/dist/components/index.d.cts +1 -0
  7. package/dist/components/index.d.ts +1 -0
  8. package/dist/components/index.js +13 -0
  9. package/dist/components/scroll-area/index.cjs +34 -0
  10. package/dist/components/scroll-area/index.d.cts +13 -0
  11. package/dist/components/scroll-area/index.d.ts +13 -0
  12. package/dist/components/scroll-area/index.js +13 -0
  13. package/dist/components/scroll-area/scroll-area-content.vue.cjs +29 -0
  14. package/dist/components/scroll-area/scroll-area-content.vue.d.cts +19 -0
  15. package/dist/components/scroll-area/scroll-area-content.vue.d.ts +19 -0
  16. package/dist/components/scroll-area/scroll-area-content.vue.js +25 -0
  17. package/dist/components/scroll-area/scroll-area-content.vue2.cjs +9 -0
  18. package/dist/components/scroll-area/scroll-area-content.vue2.js +5 -0
  19. package/dist/components/scroll-area/scroll-area-context.vue.cjs +18 -0
  20. package/dist/components/scroll-area/scroll-area-context.vue.d.cts +17 -0
  21. package/dist/components/scroll-area/scroll-area-context.vue.d.ts +17 -0
  22. package/dist/components/scroll-area/scroll-area-context.vue.js +14 -0
  23. package/dist/components/scroll-area/scroll-area-context.vue2.cjs +9 -0
  24. package/dist/components/scroll-area/scroll-area-context.vue2.js +5 -0
  25. package/dist/components/scroll-area/scroll-area-corner.vue.cjs +29 -0
  26. package/dist/components/scroll-area/scroll-area-corner.vue.d.cts +19 -0
  27. package/dist/components/scroll-area/scroll-area-corner.vue.d.ts +19 -0
  28. package/dist/components/scroll-area/scroll-area-corner.vue.js +25 -0
  29. package/dist/components/scroll-area/scroll-area-corner.vue2.cjs +9 -0
  30. package/dist/components/scroll-area/scroll-area-corner.vue2.js +5 -0
  31. package/dist/components/scroll-area/scroll-area-root-provider.vue.cjs +31 -0
  32. package/dist/components/scroll-area/scroll-area-root-provider.vue.d.cts +21 -0
  33. package/dist/components/scroll-area/scroll-area-root-provider.vue.d.ts +21 -0
  34. package/dist/components/scroll-area/scroll-area-root-provider.vue.js +27 -0
  35. package/dist/components/scroll-area/scroll-area-root-provider.vue2.cjs +9 -0
  36. package/dist/components/scroll-area/scroll-area-root-provider.vue2.js +5 -0
  37. package/dist/components/scroll-area/scroll-area-root.vue.cjs +34 -0
  38. package/dist/components/scroll-area/scroll-area-root.vue.d.cts +20 -0
  39. package/dist/components/scroll-area/scroll-area-root.vue.d.ts +20 -0
  40. package/dist/components/scroll-area/scroll-area-root.vue.js +30 -0
  41. package/dist/components/scroll-area/scroll-area-root.vue2.cjs +9 -0
  42. package/dist/components/scroll-area/scroll-area-root.vue2.js +5 -0
  43. package/dist/components/scroll-area/scroll-area-scrollbar.vue.cjs +33 -0
  44. package/dist/components/scroll-area/scroll-area-scrollbar.vue.d.cts +23 -0
  45. package/dist/components/scroll-area/scroll-area-scrollbar.vue.d.ts +23 -0
  46. package/dist/components/scroll-area/scroll-area-scrollbar.vue.js +29 -0
  47. package/dist/components/scroll-area/scroll-area-scrollbar.vue2.cjs +9 -0
  48. package/dist/components/scroll-area/scroll-area-scrollbar.vue2.js +5 -0
  49. package/dist/components/scroll-area/scroll-area-thumb.vue.cjs +31 -0
  50. package/dist/components/scroll-area/scroll-area-thumb.vue.d.cts +19 -0
  51. package/dist/components/scroll-area/scroll-area-thumb.vue.d.ts +19 -0
  52. package/dist/components/scroll-area/scroll-area-thumb.vue.js +27 -0
  53. package/dist/components/scroll-area/scroll-area-thumb.vue2.cjs +9 -0
  54. package/dist/components/scroll-area/scroll-area-thumb.vue2.js +5 -0
  55. package/dist/components/scroll-area/scroll-area-viewport.vue.cjs +29 -0
  56. package/dist/components/scroll-area/scroll-area-viewport.vue.d.cts +19 -0
  57. package/dist/components/scroll-area/scroll-area-viewport.vue.d.ts +19 -0
  58. package/dist/components/scroll-area/scroll-area-viewport.vue.js +25 -0
  59. package/dist/components/scroll-area/scroll-area-viewport.vue2.cjs +9 -0
  60. package/dist/components/scroll-area/scroll-area-viewport.vue2.js +5 -0
  61. package/dist/components/scroll-area/scroll-area.anatomy.d.cts +1 -0
  62. package/dist/components/scroll-area/scroll-area.anatomy.d.ts +1 -0
  63. package/dist/components/scroll-area/scroll-area.cjs +23 -0
  64. package/dist/components/scroll-area/scroll-area.d.cts +9 -0
  65. package/dist/components/scroll-area/scroll-area.d.ts +9 -0
  66. package/dist/components/scroll-area/scroll-area.js +8 -0
  67. package/dist/components/scroll-area/scroll-area.types.d.cts +17 -0
  68. package/dist/components/scroll-area/scroll-area.types.d.ts +17 -0
  69. package/dist/components/scroll-area/use-scroll-area-context.cjs +10 -0
  70. package/dist/components/scroll-area/use-scroll-area-context.d.cts +4 -0
  71. package/dist/components/scroll-area/use-scroll-area-context.d.ts +4 -0
  72. package/dist/components/scroll-area/use-scroll-area-context.js +5 -0
  73. package/dist/components/scroll-area/use-scroll-area-scrollbar-props-context.cjs +10 -0
  74. package/dist/components/scroll-area/use-scroll-area-scrollbar-props-context.d.cts +3 -0
  75. package/dist/components/scroll-area/use-scroll-area-scrollbar-props-context.d.ts +3 -0
  76. package/dist/components/scroll-area/use-scroll-area-scrollbar-props-context.js +5 -0
  77. package/dist/components/scroll-area/use-scroll-area.cjs +48 -0
  78. package/dist/components/scroll-area/use-scroll-area.d.cts +9 -0
  79. package/dist/components/scroll-area/use-scroll-area.d.ts +9 -0
  80. package/dist/components/scroll-area/use-scroll-area.js +25 -0
  81. package/dist/components/tags-input/index.d.cts +1 -1
  82. package/dist/components/tags-input/index.d.ts +1 -1
  83. package/dist/components/tags-input/tags-input.d.cts +1 -1
  84. package/dist/components/tags-input/tags-input.d.ts +1 -1
  85. package/dist/index.cjs +27 -0
  86. package/dist/index.js +13 -0
  87. package/dist/utils/use-forward-expose.cjs +5 -2
  88. package/dist/utils/use-forward-expose.js +5 -2
  89. package/package.json +70 -69
@@ -0,0 +1,27 @@
1
+ import { defineComponent, computed, createBlock, openBlock, unref, withCtx, renderSlot } from 'vue';
2
+ import { useForwardExpose } from '../../utils/use-forward-expose.js';
3
+ import { ark } from '../factory.js';
4
+ import { ScrollAreaProvider } from './use-scroll-area-context.js';
5
+
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
7
+ __name: "scroll-area-root-provider",
8
+ props: {
9
+ value: {},
10
+ asChild: { type: Boolean }
11
+ },
12
+ setup(__props) {
13
+ const props = __props;
14
+ ScrollAreaProvider(computed(() => props.value));
15
+ useForwardExpose();
16
+ return (_ctx, _cache) => {
17
+ return openBlock(), createBlock(unref(ark).div, { "as-child": _ctx.asChild }, {
18
+ default: withCtx(() => [
19
+ renderSlot(_ctx.$slots, "default")
20
+ ]),
21
+ _: 3
22
+ }, 8, ["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 scrollAreaRootProvider_vue_vue_type_script_setup_true_lang = require('./scroll-area-root-provider.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = scrollAreaRootProvider_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './scroll-area-root-provider.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
@@ -0,0 +1,34 @@
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 useScrollArea = require('./use-scroll-area.cjs');
9
+ const useScrollAreaContext = require('./use-scroll-area-context.cjs');
10
+
11
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
12
+ __name: "scroll-area-root",
13
+ props: {
14
+ id: {},
15
+ ids: {},
16
+ asChild: { type: Boolean }
17
+ },
18
+ setup(__props) {
19
+ const props = __props;
20
+ const scrollArea = useScrollArea.useScrollArea(props);
21
+ useScrollAreaContext.ScrollAreaProvider(scrollArea);
22
+ useForwardExpose.useForwardExpose();
23
+ return (_ctx, _cache) => {
24
+ return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(scrollArea).getRootProps(), { "as-child": _ctx.asChild }), {
25
+ default: vue.withCtx(() => [
26
+ vue.renderSlot(_ctx.$slots, "default")
27
+ ]),
28
+ _: 3
29
+ }, 16, ["as-child"]);
30
+ };
31
+ }
32
+ });
33
+
34
+ exports.default = _sfc_main;
@@ -0,0 +1,20 @@
1
+ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { PolymorphicProps } from '../factory';
3
+ import { RootProps } from './scroll-area.types';
4
+ export interface ScrollAreaRootBaseProps extends RootProps, PolymorphicProps {
5
+ }
6
+ export interface ScrollAreaRootProps extends ScrollAreaRootBaseProps,
7
+ /**
8
+ * @vue-ignore
9
+ */
10
+ HTMLAttributes {
11
+ }
12
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<ScrollAreaRootBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollAreaRootBaseProps> & 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 { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { PolymorphicProps } from '../factory';
3
+ import { RootProps } from './scroll-area.types';
4
+ export interface ScrollAreaRootBaseProps extends RootProps, PolymorphicProps {
5
+ }
6
+ export interface ScrollAreaRootProps extends ScrollAreaRootBaseProps,
7
+ /**
8
+ * @vue-ignore
9
+ */
10
+ HTMLAttributes {
11
+ }
12
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<ScrollAreaRootBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollAreaRootBaseProps> & 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,30 @@
1
+ import { defineComponent, 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 { useScrollArea } from './use-scroll-area.js';
5
+ import { ScrollAreaProvider } from './use-scroll-area-context.js';
6
+
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
8
+ __name: "scroll-area-root",
9
+ props: {
10
+ id: {},
11
+ ids: {},
12
+ asChild: { type: Boolean }
13
+ },
14
+ setup(__props) {
15
+ const props = __props;
16
+ const scrollArea = useScrollArea(props);
17
+ ScrollAreaProvider(scrollArea);
18
+ useForwardExpose();
19
+ return (_ctx, _cache) => {
20
+ return openBlock(), createBlock(unref(ark).div, mergeProps(unref(scrollArea).getRootProps(), { "as-child": _ctx.asChild }), {
21
+ default: withCtx(() => [
22
+ renderSlot(_ctx.$slots, "default")
23
+ ]),
24
+ _: 3
25
+ }, 16, ["as-child"]);
26
+ };
27
+ }
28
+ });
29
+
30
+ 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 scrollAreaRoot_vue_vue_type_script_setup_true_lang = require('./scroll-area-root.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = scrollAreaRoot_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './scroll-area-root.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
@@ -0,0 +1,33 @@
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 useScrollAreaContext = require('./use-scroll-area-context.cjs');
9
+ const useScrollAreaScrollbarPropsContext = require('./use-scroll-area-scrollbar-props-context.cjs');
10
+
11
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
12
+ __name: "scroll-area-scrollbar",
13
+ props: {
14
+ orientation: {},
15
+ asChild: { type: Boolean }
16
+ },
17
+ setup(__props) {
18
+ const props = __props;
19
+ const scrollArea = useScrollAreaContext.useScrollAreaContext();
20
+ useScrollAreaScrollbarPropsContext.ScrollAreaScrollbarPropsProvider(vue.computed(() => props));
21
+ useForwardExpose.useForwardExpose();
22
+ return (_ctx, _cache) => {
23
+ return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(scrollArea).getScrollbarProps({ orientation: props.orientation }), { "as-child": _ctx.asChild }), {
24
+ default: vue.withCtx(() => [
25
+ vue.renderSlot(_ctx.$slots, "default")
26
+ ]),
27
+ _: 3
28
+ }, 16, ["as-child"]);
29
+ };
30
+ }
31
+ });
32
+
33
+ exports.default = _sfc_main;
@@ -0,0 +1,23 @@
1
+ import { Orientation } from '@zag-js/types';
2
+ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ import { PolymorphicProps } from '../factory';
4
+ interface ScrollbarProps {
5
+ orientation?: Orientation;
6
+ }
7
+ export interface ScrollAreaScrollbarBaseProps extends ScrollbarProps, PolymorphicProps {
8
+ }
9
+ export interface ScrollAreaScrollbarProps extends ScrollAreaScrollbarBaseProps,
10
+ /**
11
+ * @vue-ignore
12
+ */
13
+ HTMLAttributes {
14
+ }
15
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<ScrollAreaScrollbarBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollAreaScrollbarBaseProps> & 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 { Orientation } from '@zag-js/types';
2
+ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ import { PolymorphicProps } from '../factory';
4
+ interface ScrollbarProps {
5
+ orientation?: Orientation;
6
+ }
7
+ export interface ScrollAreaScrollbarBaseProps extends ScrollbarProps, PolymorphicProps {
8
+ }
9
+ export interface ScrollAreaScrollbarProps extends ScrollAreaScrollbarBaseProps,
10
+ /**
11
+ * @vue-ignore
12
+ */
13
+ HTMLAttributes {
14
+ }
15
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<ScrollAreaScrollbarBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollAreaScrollbarBaseProps> & 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,29 @@
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 { useScrollAreaContext } from './use-scroll-area-context.js';
5
+ import { ScrollAreaScrollbarPropsProvider } from './use-scroll-area-scrollbar-props-context.js';
6
+
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
8
+ __name: "scroll-area-scrollbar",
9
+ props: {
10
+ orientation: {},
11
+ asChild: { type: Boolean }
12
+ },
13
+ setup(__props) {
14
+ const props = __props;
15
+ const scrollArea = useScrollAreaContext();
16
+ ScrollAreaScrollbarPropsProvider(computed(() => props));
17
+ useForwardExpose();
18
+ return (_ctx, _cache) => {
19
+ return openBlock(), createBlock(unref(ark).div, mergeProps(unref(scrollArea).getScrollbarProps({ orientation: props.orientation }), { "as-child": _ctx.asChild }), {
20
+ default: withCtx(() => [
21
+ renderSlot(_ctx.$slots, "default")
22
+ ]),
23
+ _: 3
24
+ }, 16, ["as-child"]);
25
+ };
26
+ }
27
+ });
28
+
29
+ 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 scrollAreaScrollbar_vue_vue_type_script_setup_true_lang = require('./scroll-area-scrollbar.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = scrollAreaScrollbar_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './scroll-area-scrollbar.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 useForwardExpose = require('../../utils/use-forward-expose.cjs');
7
+ const factory = require('../factory.cjs');
8
+ const useScrollAreaContext = require('./use-scroll-area-context.cjs');
9
+ const useScrollAreaScrollbarPropsContext = require('./use-scroll-area-scrollbar-props-context.cjs');
10
+
11
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
12
+ __name: "scroll-area-thumb",
13
+ props: {
14
+ asChild: { type: Boolean }
15
+ },
16
+ setup(__props) {
17
+ const scrollArea = useScrollAreaContext.useScrollAreaContext();
18
+ const scrollbarProps = useScrollAreaScrollbarPropsContext.useScrollAreaScrollbarPropsContext();
19
+ useForwardExpose.useForwardExpose();
20
+ return (_ctx, _cache) => {
21
+ return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(scrollArea).getThumbProps(vue.unref(scrollbarProps)), { "as-child": _ctx.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,19 @@
1
+ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { PolymorphicProps } from '../factory';
3
+ export interface ScrollAreaThumbBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface ScrollAreaThumbProps extends ScrollAreaThumbBaseProps,
6
+ /**
7
+ * @vue-ignore
8
+ */
9
+ HTMLAttributes {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<ScrollAreaThumbBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollAreaThumbBaseProps> & 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 ScrollAreaThumbBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface ScrollAreaThumbProps extends ScrollAreaThumbBaseProps,
6
+ /**
7
+ * @vue-ignore
8
+ */
9
+ HTMLAttributes {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<ScrollAreaThumbBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollAreaThumbBaseProps> & 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,27 @@
1
+ import { defineComponent, 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 { useScrollAreaContext } from './use-scroll-area-context.js';
5
+ import { useScrollAreaScrollbarPropsContext } from './use-scroll-area-scrollbar-props-context.js';
6
+
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
8
+ __name: "scroll-area-thumb",
9
+ props: {
10
+ asChild: { type: Boolean }
11
+ },
12
+ setup(__props) {
13
+ const scrollArea = useScrollAreaContext();
14
+ const scrollbarProps = useScrollAreaScrollbarPropsContext();
15
+ useForwardExpose();
16
+ return (_ctx, _cache) => {
17
+ return openBlock(), createBlock(unref(ark).div, mergeProps(unref(scrollArea).getThumbProps(unref(scrollbarProps)), { "as-child": _ctx.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 scrollAreaThumb_vue_vue_type_script_setup_true_lang = require('./scroll-area-thumb.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = scrollAreaThumb_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './scroll-area-thumb.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 useForwardExpose = require('../../utils/use-forward-expose.cjs');
7
+ const factory = require('../factory.cjs');
8
+ const useScrollAreaContext = require('./use-scroll-area-context.cjs');
9
+
10
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
11
+ __name: "scroll-area-viewport",
12
+ props: {
13
+ asChild: { type: Boolean }
14
+ },
15
+ setup(__props) {
16
+ const scrollArea = useScrollAreaContext.useScrollAreaContext();
17
+ useForwardExpose.useForwardExpose();
18
+ return (_ctx, _cache) => {
19
+ return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(scrollArea).getViewportProps(), { "as-child": _ctx.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 ScrollAreaViewportBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface ScrollAreaViewportProps extends ScrollAreaViewportBaseProps,
6
+ /**
7
+ * @vue-ignore
8
+ */
9
+ HTMLAttributes {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<ScrollAreaViewportProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollAreaViewportProps> & 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 ScrollAreaViewportBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface ScrollAreaViewportProps extends ScrollAreaViewportBaseProps,
6
+ /**
7
+ * @vue-ignore
8
+ */
9
+ HTMLAttributes {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<ScrollAreaViewportProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollAreaViewportProps> & 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 { useForwardExpose } from '../../utils/use-forward-expose.js';
3
+ import { ark } from '../factory.js';
4
+ import { useScrollAreaContext } from './use-scroll-area-context.js';
5
+
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
7
+ __name: "scroll-area-viewport",
8
+ props: {
9
+ asChild: { type: Boolean }
10
+ },
11
+ setup(__props) {
12
+ const scrollArea = useScrollAreaContext();
13
+ useForwardExpose();
14
+ return (_ctx, _cache) => {
15
+ return openBlock(), createBlock(unref(ark).div, mergeProps(unref(scrollArea).getViewportProps(), { "as-child": _ctx.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 scrollAreaViewport_vue_vue_type_script_setup_true_lang = require('./scroll-area-viewport.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = scrollAreaViewport_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './scroll-area-viewport.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
@@ -0,0 +1 @@
1
+ export { anatomy as scrollAreaAnatomy } from '@zag-js/scroll-area';
@@ -0,0 +1 @@
1
+ export { anatomy as scrollAreaAnatomy } from '@zag-js/scroll-area';
@@ -0,0 +1,23 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const scrollAreaContext_vue_vue_type_script_setup_true_lang = require('./scroll-area-context.vue.cjs');
6
+ const scrollAreaContent_vue_vue_type_script_setup_true_lang = require('./scroll-area-content.vue.cjs');
7
+ const scrollAreaCorner_vue_vue_type_script_setup_true_lang = require('./scroll-area-corner.vue.cjs');
8
+ const scrollAreaRoot_vue_vue_type_script_setup_true_lang = require('./scroll-area-root.vue.cjs');
9
+ const scrollAreaRootProvider_vue_vue_type_script_setup_true_lang = require('./scroll-area-root-provider.vue.cjs');
10
+ const scrollAreaScrollbar_vue_vue_type_script_setup_true_lang = require('./scroll-area-scrollbar.vue.cjs');
11
+ const scrollAreaThumb_vue_vue_type_script_setup_true_lang = require('./scroll-area-thumb.vue.cjs');
12
+ const scrollAreaViewport_vue_vue_type_script_setup_true_lang = require('./scroll-area-viewport.vue.cjs');
13
+
14
+
15
+
16
+ exports.Context = scrollAreaContext_vue_vue_type_script_setup_true_lang.default;
17
+ exports.Content = scrollAreaContent_vue_vue_type_script_setup_true_lang.default;
18
+ exports.Corner = scrollAreaCorner_vue_vue_type_script_setup_true_lang.default;
19
+ exports.Root = scrollAreaRoot_vue_vue_type_script_setup_true_lang.default;
20
+ exports.RootProvider = scrollAreaRootProvider_vue_vue_type_script_setup_true_lang.default;
21
+ exports.Scrollbar = scrollAreaScrollbar_vue_vue_type_script_setup_true_lang.default;
22
+ exports.Thumb = scrollAreaThumb_vue_vue_type_script_setup_true_lang.default;
23
+ exports.Viewport = scrollAreaViewport_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,9 @@
1
+ export type { ElementIds, ScrollToDetails, ScrollToEdgeDetails } from '@zag-js/scroll-area';
2
+ export { default as Context, type ScrollAreaContextProps as ContextProps } from './scroll-area-context.vue';
3
+ export { default as Content, type ScrollAreaContentBaseProps as ContentBaseProps, type ScrollAreaContentProps as ContentProps, } from './scroll-area-content.vue';
4
+ export { default as Corner, type ScrollAreaCornerBaseProps as CornerBaseProps, type ScrollAreaCornerProps as CornerProps, } from './scroll-area-corner.vue';
5
+ export { default as Root, type ScrollAreaRootBaseProps as RootBaseProps, type ScrollAreaRootProps as RootProps, } from './scroll-area-root.vue';
6
+ export { default as RootProvider, type ScrollAreaRootProviderBaseProps as RootProviderBaseProps, type ScrollAreaRootProviderProps as RootProviderProps, } from './scroll-area-root-provider.vue';
7
+ export { default as Scrollbar, type ScrollAreaScrollbarBaseProps as ScrollbarBaseProps, type ScrollAreaScrollbarProps as ScrollbarProps, } from './scroll-area-scrollbar.vue';
8
+ export { default as Thumb, type ScrollAreaThumbBaseProps as ThumbBaseProps, type ScrollAreaThumbProps as ThumbProps, } from './scroll-area-thumb.vue';
9
+ export { default as Viewport, type ScrollAreaViewportBaseProps as ViewportBaseProps, type ScrollAreaViewportProps as ViewportProps, } from './scroll-area-viewport.vue';
@@ -0,0 +1,9 @@
1
+ export type { ElementIds, ScrollToDetails, ScrollToEdgeDetails } from '@zag-js/scroll-area';
2
+ export { default as Context, type ScrollAreaContextProps as ContextProps } from './scroll-area-context.vue';
3
+ export { default as Content, type ScrollAreaContentBaseProps as ContentBaseProps, type ScrollAreaContentProps as ContentProps, } from './scroll-area-content.vue';
4
+ export { default as Corner, type ScrollAreaCornerBaseProps as CornerBaseProps, type ScrollAreaCornerProps as CornerProps, } from './scroll-area-corner.vue';
5
+ export { default as Root, type ScrollAreaRootBaseProps as RootBaseProps, type ScrollAreaRootProps as RootProps, } from './scroll-area-root.vue';
6
+ export { default as RootProvider, type ScrollAreaRootProviderBaseProps as RootProviderBaseProps, type ScrollAreaRootProviderProps as RootProviderProps, } from './scroll-area-root-provider.vue';
7
+ export { default as Scrollbar, type ScrollAreaScrollbarBaseProps as ScrollbarBaseProps, type ScrollAreaScrollbarProps as ScrollbarProps, } from './scroll-area-scrollbar.vue';
8
+ export { default as Thumb, type ScrollAreaThumbBaseProps as ThumbBaseProps, type ScrollAreaThumbProps as ThumbProps, } from './scroll-area-thumb.vue';
9
+ export { default as Viewport, type ScrollAreaViewportBaseProps as ViewportBaseProps, type ScrollAreaViewportProps as ViewportProps, } from './scroll-area-viewport.vue';
@@ -0,0 +1,8 @@
1
+ export { default as Context } from './scroll-area-context.vue.js';
2
+ export { default as Content } from './scroll-area-content.vue.js';
3
+ export { default as Corner } from './scroll-area-corner.vue.js';
4
+ export { default as Root } from './scroll-area-root.vue.js';
5
+ export { default as RootProvider } from './scroll-area-root-provider.vue.js';
6
+ export { default as Scrollbar } from './scroll-area-scrollbar.vue.js';
7
+ export { default as Thumb } from './scroll-area-thumb.vue.js';
8
+ export { default as Viewport } from './scroll-area-viewport.vue.js';
@@ -0,0 +1,17 @@
1
+ export interface RootProps {
2
+ /**
3
+ * The unique identifier of the machine.
4
+ */
5
+ id?: string;
6
+ /**
7
+ * The ids of the scroll area elements
8
+ */
9
+ ids?: Partial<{
10
+ root: string;
11
+ viewport: string;
12
+ content: string;
13
+ scrollbar: string;
14
+ thumb: string;
15
+ }>;
16
+ }
17
+ export type RootEmits = {};
@@ -0,0 +1,17 @@
1
+ export interface RootProps {
2
+ /**
3
+ * The unique identifier of the machine.
4
+ */
5
+ id?: string;
6
+ /**
7
+ * The ids of the scroll area elements
8
+ */
9
+ ids?: Partial<{
10
+ root: string;
11
+ viewport: string;
12
+ content: string;
13
+ scrollbar: string;
14
+ thumb: string;
15
+ }>;
16
+ }
17
+ export type RootEmits = {};