@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,10 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const createContext = require('../../utils/create-context.cjs');
6
+
7
+ const [ScrollAreaProvider, useScrollAreaContext] = createContext.createContext("ScrollAreaContext");
8
+
9
+ exports.ScrollAreaProvider = ScrollAreaProvider;
10
+ exports.useScrollAreaContext = useScrollAreaContext;
@@ -0,0 +1,4 @@
1
+ import { UseScrollAreaReturn } from './use-scroll-area';
2
+ export interface UseScrollAreaContext extends UseScrollAreaReturn {
3
+ }
4
+ export declare const ScrollAreaProvider: (opts: UseScrollAreaContext) => void, useScrollAreaContext: (fallback?: UseScrollAreaContext | undefined) => UseScrollAreaContext;
@@ -0,0 +1,4 @@
1
+ import { UseScrollAreaReturn } from './use-scroll-area';
2
+ export interface UseScrollAreaContext extends UseScrollAreaReturn {
3
+ }
4
+ export declare const ScrollAreaProvider: (opts: UseScrollAreaContext) => void, useScrollAreaContext: (fallback?: UseScrollAreaContext | undefined) => UseScrollAreaContext;
@@ -0,0 +1,5 @@
1
+ import { createContext } from '../../utils/create-context.js';
2
+
3
+ const [ScrollAreaProvider, useScrollAreaContext] = createContext("ScrollAreaContext");
4
+
5
+ export { ScrollAreaProvider, useScrollAreaContext };
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const createContext = require('../../utils/create-context.cjs');
6
+
7
+ const [ScrollAreaScrollbarPropsProvider, useScrollAreaScrollbarPropsContext] = createContext.createContext("ScrollAreaScrollbarPropsContext");
8
+
9
+ exports.ScrollAreaScrollbarPropsProvider = ScrollAreaScrollbarPropsProvider;
10
+ exports.useScrollAreaScrollbarPropsContext = useScrollAreaScrollbarPropsContext;
@@ -0,0 +1,3 @@
1
+ import { ScrollbarProps } from '@zag-js/scroll-area';
2
+ import { ComputedRef } from 'vue';
3
+ export declare const ScrollAreaScrollbarPropsProvider: (opts: ComputedRef<ScrollbarProps>) => void, useScrollAreaScrollbarPropsContext: (fallback?: ComputedRef<ScrollbarProps> | undefined) => ComputedRef<ScrollbarProps>;
@@ -0,0 +1,3 @@
1
+ import { ScrollbarProps } from '@zag-js/scroll-area';
2
+ import { ComputedRef } from 'vue';
3
+ export declare const ScrollAreaScrollbarPropsProvider: (opts: ComputedRef<ScrollbarProps>) => void, useScrollAreaScrollbarPropsContext: (fallback?: ComputedRef<ScrollbarProps> | undefined) => ComputedRef<ScrollbarProps>;
@@ -0,0 +1,5 @@
1
+ import { createContext } from '../../utils/create-context.js';
2
+
3
+ const [ScrollAreaScrollbarPropsProvider, useScrollAreaScrollbarPropsContext] = createContext("ScrollAreaScrollbarPropsContext");
4
+
5
+ export { ScrollAreaScrollbarPropsProvider, useScrollAreaScrollbarPropsContext };
@@ -0,0 +1,48 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const scrollArea = require('@zag-js/scroll-area');
6
+ const vue$1 = require('@zag-js/vue');
7
+ const vue = require('vue');
8
+ const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
9
+ const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
10
+ const cleanProps = require('../../utils/clean-props.cjs');
11
+
12
+ function _interopNamespaceDefault(e) {
13
+ const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
14
+ if (e) {
15
+ for (const k in e) {
16
+ if (k !== 'default') {
17
+ const d = Object.getOwnPropertyDescriptor(e, k);
18
+ Object.defineProperty(n, k, d.get ? d : {
19
+ enumerable: true,
20
+ get: () => e[k]
21
+ });
22
+ }
23
+ }
24
+ }
25
+ n.default = e;
26
+ return Object.freeze(n);
27
+ }
28
+
29
+ const scrollArea__namespace = /*#__PURE__*/_interopNamespaceDefault(scrollArea);
30
+
31
+ const useScrollArea = (props = {}) => {
32
+ const id = vue.useId();
33
+ const env = useEnvironmentContext.useEnvironmentContext(useEnvironmentContext.DEFAULT_ENVIRONMENT);
34
+ const locale = useLocaleContext.useLocaleContext(useLocaleContext.DEFAULT_LOCALE);
35
+ const context = vue.computed(() => {
36
+ const localProps = vue.toValue(props);
37
+ return {
38
+ id,
39
+ dir: locale.value.dir,
40
+ getRootNode: env?.value.getRootNode,
41
+ ...cleanProps.cleanProps(localProps)
42
+ };
43
+ });
44
+ const service = vue$1.useMachine(scrollArea__namespace.machine, context);
45
+ return vue.computed(() => scrollArea__namespace.connect(service, vue$1.normalizeProps));
46
+ };
47
+
48
+ exports.useScrollArea = useScrollArea;
@@ -0,0 +1,9 @@
1
+ import { PropTypes } from '@zag-js/vue';
2
+ import { ComputedRef, MaybeRef } from 'vue';
3
+ import { Optional } from '../../types';
4
+ import * as scrollArea from '@zag-js/scroll-area';
5
+ export interface UseScrollAreaProps extends Optional<Omit<scrollArea.Props, 'dir' | 'getRootNode'>, 'id'> {
6
+ }
7
+ export interface UseScrollAreaReturn extends ComputedRef<scrollArea.Api<PropTypes>> {
8
+ }
9
+ export declare const useScrollArea: (props?: MaybeRef<UseScrollAreaProps>) => UseScrollAreaReturn;
@@ -0,0 +1,9 @@
1
+ import { PropTypes } from '@zag-js/vue';
2
+ import { ComputedRef, MaybeRef } from 'vue';
3
+ import { Optional } from '../../types';
4
+ import * as scrollArea from '@zag-js/scroll-area';
5
+ export interface UseScrollAreaProps extends Optional<Omit<scrollArea.Props, 'dir' | 'getRootNode'>, 'id'> {
6
+ }
7
+ export interface UseScrollAreaReturn extends ComputedRef<scrollArea.Api<PropTypes>> {
8
+ }
9
+ export declare const useScrollArea: (props?: MaybeRef<UseScrollAreaProps>) => UseScrollAreaReturn;
@@ -0,0 +1,25 @@
1
+ import * as scrollArea from '@zag-js/scroll-area';
2
+ import { useMachine, normalizeProps } from '@zag-js/vue';
3
+ import { useId, computed, toValue } from 'vue';
4
+ import { useEnvironmentContext, DEFAULT_ENVIRONMENT } from '../../providers/environment/use-environment-context.js';
5
+ import { useLocaleContext, DEFAULT_LOCALE } from '../../providers/locale/use-locale-context.js';
6
+ import { cleanProps } from '../../utils/clean-props.js';
7
+
8
+ const useScrollArea = (props = {}) => {
9
+ const id = useId();
10
+ const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
11
+ const locale = useLocaleContext(DEFAULT_LOCALE);
12
+ const context = computed(() => {
13
+ const localProps = toValue(props);
14
+ return {
15
+ id,
16
+ dir: locale.value.dir,
17
+ getRootNode: env?.value.getRootNode,
18
+ ...cleanProps(localProps)
19
+ };
20
+ });
21
+ const service = useMachine(scrollArea.machine, context);
22
+ return computed(() => scrollArea.connect(service, normalizeProps));
23
+ };
24
+
25
+ export { useScrollArea };
@@ -1,4 +1,4 @@
1
- export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, } from '@zag-js/tags-input';
1
+ export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, InputValueChangeDetails as TagsInputInputValueChangeDetails, } from '@zag-js/tags-input';
2
2
  export { default as TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, } from './tags-input-clear-trigger.vue';
3
3
  export { default as TagsInputContext, type TagsInputContextProps } from './tags-input-context.vue';
4
4
  export { default as TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps, } from './tags-input-control.vue';
@@ -1,4 +1,4 @@
1
- export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, } from '@zag-js/tags-input';
1
+ export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, InputValueChangeDetails as TagsInputInputValueChangeDetails, } from '@zag-js/tags-input';
2
2
  export { default as TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, } from './tags-input-clear-trigger.vue';
3
3
  export { default as TagsInputContext, type TagsInputContextProps } from './tags-input-context.vue';
4
4
  export { default as TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps, } from './tags-input-control.vue';
@@ -1,4 +1,4 @@
1
- export type { HighlightChangeDetails, ValidityChangeDetails, ValueChangeDetails } from '@zag-js/tags-input';
1
+ export type { HighlightChangeDetails, ValidityChangeDetails, ValueChangeDetails, InputValueChangeDetails, } from '@zag-js/tags-input';
2
2
  export { default as ClearTrigger, type TagsInputClearTriggerProps as ClearTriggerProps, type TagsInputClearTriggerBaseProps as ClearTriggerBaseProps, } from './tags-input-clear-trigger.vue';
3
3
  export { default as Context, type TagsInputContextProps as ContextProps } from './tags-input-context.vue';
4
4
  export { default as Control, type TagsInputControlProps as ControlProps, type TagsInputControlBaseProps as ControlBaseProps, } from './tags-input-control.vue';
@@ -1,4 +1,4 @@
1
- export type { HighlightChangeDetails, ValidityChangeDetails, ValueChangeDetails } from '@zag-js/tags-input';
1
+ export type { HighlightChangeDetails, ValidityChangeDetails, ValueChangeDetails, InputValueChangeDetails, } from '@zag-js/tags-input';
2
2
  export { default as ClearTrigger, type TagsInputClearTriggerProps as ClearTriggerProps, type TagsInputClearTriggerBaseProps as ClearTriggerBaseProps, } from './tags-input-clear-trigger.vue';
3
3
  export { default as Context, type TagsInputContextProps as ContextProps } from './tags-input-context.vue';
4
4
  export { default as Control, type TagsInputControlProps as ControlProps, type TagsInputControlBaseProps as ControlBaseProps, } from './tags-input-control.vue';
package/dist/index.cjs CHANGED
@@ -442,6 +442,17 @@ const useRatingGroup = require('./components/rating-group/use-rating-group.cjs')
442
442
  const useRatingGroupContext = require('./components/rating-group/use-rating-group-context.cjs');
443
443
  const useRatingGroupItemContext = require('./components/rating-group/use-rating-group-item-context.cjs');
444
444
  const ratingGroup$1 = require('./components/rating-group/rating-group.cjs');
445
+ const scrollAreaContext_vue_vue_type_script_setup_true_lang = require('./components/scroll-area/scroll-area-context.vue.cjs');
446
+ const scrollAreaContent_vue_vue_type_script_setup_true_lang = require('./components/scroll-area/scroll-area-content.vue.cjs');
447
+ const scrollAreaCorner_vue_vue_type_script_setup_true_lang = require('./components/scroll-area/scroll-area-corner.vue.cjs');
448
+ const scrollAreaRoot_vue_vue_type_script_setup_true_lang = require('./components/scroll-area/scroll-area-root.vue.cjs');
449
+ const scrollAreaRootProvider_vue_vue_type_script_setup_true_lang = require('./components/scroll-area/scroll-area-root-provider.vue.cjs');
450
+ const scrollAreaScrollbar_vue_vue_type_script_setup_true_lang = require('./components/scroll-area/scroll-area-scrollbar.vue.cjs');
451
+ const scrollAreaThumb_vue_vue_type_script_setup_true_lang = require('./components/scroll-area/scroll-area-thumb.vue.cjs');
452
+ const scrollAreaViewport_vue_vue_type_script_setup_true_lang = require('./components/scroll-area/scroll-area-viewport.vue.cjs');
453
+ const useScrollArea = require('./components/scroll-area/use-scroll-area.cjs');
454
+ const useScrollAreaContext = require('./components/scroll-area/use-scroll-area-context.cjs');
455
+ const scrollArea$1 = require('./components/scroll-area/scroll-area.cjs');
445
456
  const segmentGroupContext_vue_vue_type_script_setup_true_lang = require('./components/segment-group/segment-group-context.vue.cjs');
446
457
  const segmentGroupIndicator_vue_vue_type_script_setup_true_lang = require('./components/segment-group/segment-group-indicator.vue.cjs');
447
458
  const segmentGroupItemContext_vue_vue_type_script_setup_true_lang = require('./components/segment-group/segment-group-item-context.vue.cjs');
@@ -709,6 +720,7 @@ const progress = require('@zag-js/progress');
709
720
  const qrcode = require('@zag-js/qr-code');
710
721
  const radioGroup = require('@zag-js/radio-group');
711
722
  const ratingGroup = require('@zag-js/rating-group');
723
+ const scrollArea = require('@zag-js/scroll-area');
712
724
  const select = require('@zag-js/select');
713
725
  const signaturepad = require('@zag-js/signature-pad');
714
726
  const slider = require('@zag-js/slider');
@@ -1175,6 +1187,17 @@ exports.useRatingGroup = useRatingGroup.useRatingGroup;
1175
1187
  exports.useRatingGroupContext = useRatingGroupContext.useRatingGroupContext;
1176
1188
  exports.useRatingGroupItemContext = useRatingGroupItemContext.useRatingGroupItemContext;
1177
1189
  exports.RatingGroup = ratingGroup$1;
1190
+ exports.ScrollAreaContext = scrollAreaContext_vue_vue_type_script_setup_true_lang.default;
1191
+ exports.ScrollAreaContent = scrollAreaContent_vue_vue_type_script_setup_true_lang.default;
1192
+ exports.ScrollAreaCorner = scrollAreaCorner_vue_vue_type_script_setup_true_lang.default;
1193
+ exports.ScrollAreaRoot = scrollAreaRoot_vue_vue_type_script_setup_true_lang.default;
1194
+ exports.ScrollAreaRootProvider = scrollAreaRootProvider_vue_vue_type_script_setup_true_lang.default;
1195
+ exports.ScrollAreaScrollbar = scrollAreaScrollbar_vue_vue_type_script_setup_true_lang.default;
1196
+ exports.ScrollAreaThumb = scrollAreaThumb_vue_vue_type_script_setup_true_lang.default;
1197
+ exports.ScrollAreaViewport = scrollAreaViewport_vue_vue_type_script_setup_true_lang.default;
1198
+ exports.useScrollArea = useScrollArea.useScrollArea;
1199
+ exports.useScrollAreaContext = useScrollAreaContext.useScrollAreaContext;
1200
+ exports.ScrollArea = scrollArea$1;
1178
1201
  exports.SegmentGroupContext = segmentGroupContext_vue_vue_type_script_setup_true_lang.default;
1179
1202
  exports.SegmentGroupIndicator = segmentGroupIndicator_vue_vue_type_script_setup_true_lang.default;
1180
1203
  exports.SegmentGroupItemContext = segmentGroupItemContext_vue_vue_type_script_setup_true_lang.default;
@@ -1516,6 +1539,10 @@ Object.defineProperty(exports, "ratingGroupAnatomy", {
1516
1539
  enumerable: true,
1517
1540
  get: () => ratingGroup.anatomy
1518
1541
  });
1542
+ Object.defineProperty(exports, "scrollAreaAnatomy", {
1543
+ enumerable: true,
1544
+ get: () => scrollArea.anatomy
1545
+ });
1519
1546
  Object.defineProperty(exports, "selectAnatomy", {
1520
1547
  enumerable: true,
1521
1548
  get: () => select.anatomy
package/dist/index.js CHANGED
@@ -468,6 +468,18 @@ export { useRatingGroupContext } from './components/rating-group/use-rating-grou
468
468
  export { useRatingGroupItemContext } from './components/rating-group/use-rating-group-item-context.js';
469
469
  import * as ratingGroup from './components/rating-group/rating-group.js';
470
470
  export { ratingGroup as RatingGroup };
471
+ export { default as ScrollAreaContext } from './components/scroll-area/scroll-area-context.vue.js';
472
+ export { default as ScrollAreaContent } from './components/scroll-area/scroll-area-content.vue.js';
473
+ export { default as ScrollAreaCorner } from './components/scroll-area/scroll-area-corner.vue.js';
474
+ export { default as ScrollAreaRoot } from './components/scroll-area/scroll-area-root.vue.js';
475
+ export { default as ScrollAreaRootProvider } from './components/scroll-area/scroll-area-root-provider.vue.js';
476
+ export { default as ScrollAreaScrollbar } from './components/scroll-area/scroll-area-scrollbar.vue.js';
477
+ export { default as ScrollAreaThumb } from './components/scroll-area/scroll-area-thumb.vue.js';
478
+ export { default as ScrollAreaViewport } from './components/scroll-area/scroll-area-viewport.vue.js';
479
+ export { useScrollArea } from './components/scroll-area/use-scroll-area.js';
480
+ export { useScrollAreaContext } from './components/scroll-area/use-scroll-area-context.js';
481
+ import * as scrollArea from './components/scroll-area/scroll-area.js';
482
+ export { scrollArea as ScrollArea };
471
483
  export { default as SegmentGroupContext } from './components/segment-group/segment-group-context.vue.js';
472
484
  export { default as SegmentGroupIndicator } from './components/segment-group/segment-group-indicator.vue.js';
473
485
  export { default as SegmentGroupItemContext } from './components/segment-group/segment-group-item-context.vue.js';
@@ -752,6 +764,7 @@ export { anatomy as progressAnatomy } from '@zag-js/progress';
752
764
  export { anatomy as qrCodeAnatomy } from '@zag-js/qr-code';
753
765
  export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
754
766
  export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';
767
+ export { anatomy as scrollAreaAnatomy } from '@zag-js/scroll-area';
755
768
  export { anatomy as selectAnatomy } from '@zag-js/select';
756
769
  export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';
757
770
  export { anatomy as sliderAnatomy } from '@zag-js/slider';
@@ -5,7 +5,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  const vue = require('vue');
6
6
  const unrefElement = require('./unref-element.cjs');
7
7
 
8
- const isElement = (el) => Object.prototype.hasOwnProperty.call(el, "nodeName") && typeof el.nodeName === "string";
8
+ const isElement = (el) => (
9
+ // biome-ignore lint/suspicious/noPrototypeBuiltins: <explanation>
10
+ Object.prototype.hasOwnProperty.call(el, "nodeName") && typeof el.nodeName === "string"
11
+ );
9
12
  function useForwardExpose() {
10
13
  const instance = vue.getCurrentInstance();
11
14
  const currentRef = vue.ref();
@@ -32,7 +35,7 @@ function useForwardExpose() {
32
35
  Object.defineProperty(ret, key, {
33
36
  enumerable: true,
34
37
  configurable: true,
35
- // biome-ignore lint/style/noNonNullAssertion: <explanation>
38
+ // biome-ignore lint/style/noNonNullAssertion: intentional
36
39
  get: () => localExpose[key]
37
40
  });
38
41
  }
@@ -1,7 +1,10 @@
1
1
  import { getCurrentInstance, ref, computed } from 'vue';
2
2
  import { unrefElement } from './unref-element.js';
3
3
 
4
- const isElement = (el) => Object.prototype.hasOwnProperty.call(el, "nodeName") && typeof el.nodeName === "string";
4
+ const isElement = (el) => (
5
+ // biome-ignore lint/suspicious/noPrototypeBuiltins: <explanation>
6
+ Object.prototype.hasOwnProperty.call(el, "nodeName") && typeof el.nodeName === "string"
7
+ );
5
8
  function useForwardExpose() {
6
9
  const instance = getCurrentInstance();
7
10
  const currentRef = ref();
@@ -28,7 +31,7 @@ function useForwardExpose() {
28
31
  Object.defineProperty(ret, key, {
29
32
  enumerable: true,
30
33
  configurable: true,
31
- // biome-ignore lint/style/noNonNullAssertion: <explanation>
34
+ // biome-ignore lint/style/noNonNullAssertion: intentional
32
35
  get: () => localExpose[key]
33
36
  });
34
37
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ark-ui/vue",
3
3
  "type": "module",
4
- "version": "5.18.3",
4
+ "version": "5.19.0",
5
5
  "description": "A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.",
6
6
  "keywords": [
7
7
  "accordion",
@@ -140,90 +140,91 @@
140
140
  "sideEffects": false,
141
141
  "dependencies": {
142
142
  "@internationalized/date": "3.8.2",
143
- "@zag-js/accordion": "1.21.1",
144
- "@zag-js/angle-slider": "1.21.1",
145
- "@zag-js/anatomy": "1.21.1",
146
- "@zag-js/auto-resize": "1.21.1",
147
- "@zag-js/avatar": "1.21.1",
148
- "@zag-js/carousel": "1.21.1",
149
- "@zag-js/checkbox": "1.21.1",
150
- "@zag-js/clipboard": "1.21.1",
151
- "@zag-js/collapsible": "1.21.1",
152
- "@zag-js/collection": "1.21.1",
153
- "@zag-js/color-picker": "1.21.1",
154
- "@zag-js/color-utils": "1.21.1",
155
- "@zag-js/combobox": "1.21.1",
156
- "@zag-js/core": "1.21.1",
157
- "@zag-js/date-picker": "1.21.1",
158
- "@zag-js/date-utils": "1.21.1",
159
- "@zag-js/dialog": "1.21.1",
160
- "@zag-js/dom-query": "1.21.1",
161
- "@zag-js/editable": "1.21.1",
162
- "@zag-js/file-upload": "1.21.1",
163
- "@zag-js/file-utils": "1.21.1",
164
- "@zag-js/focus-trap": "1.21.1",
165
- "@zag-js/floating-panel": "1.21.1",
166
- "@zag-js/highlight-word": "1.21.1",
167
- "@zag-js/hover-card": "1.21.1",
168
- "@zag-js/i18n-utils": "1.21.1",
169
- "@zag-js/json-tree-utils": "1.21.1",
170
- "@zag-js/listbox": "1.21.1",
171
- "@zag-js/menu": "1.21.1",
172
- "@zag-js/number-input": "1.21.1",
173
- "@zag-js/pagination": "1.21.1",
174
- "@zag-js/password-input": "1.21.1",
175
- "@zag-js/pin-input": "1.21.1",
176
- "@zag-js/popover": "1.21.1",
177
- "@zag-js/presence": "1.21.1",
178
- "@zag-js/progress": "1.21.1",
179
- "@zag-js/qr-code": "1.21.1",
180
- "@zag-js/radio-group": "1.21.1",
181
- "@zag-js/rating-group": "1.21.1",
182
- "@zag-js/select": "1.21.1",
183
- "@zag-js/signature-pad": "1.21.1",
184
- "@zag-js/slider": "1.21.1",
185
- "@zag-js/splitter": "1.21.1",
186
- "@zag-js/switch": "1.21.1",
187
- "@zag-js/tabs": "1.21.1",
188
- "@zag-js/tags-input": "1.21.1",
189
- "@zag-js/time-picker": "1.21.1",
190
- "@zag-js/timer": "1.21.1",
191
- "@zag-js/toast": "1.21.1",
192
- "@zag-js/toggle": "1.21.1",
193
- "@zag-js/toggle-group": "1.21.1",
194
- "@zag-js/tooltip": "1.21.1",
195
- "@zag-js/tour": "1.21.1",
196
- "@zag-js/tree-view": "1.21.1",
197
- "@zag-js/types": "1.21.1",
198
- "@zag-js/utils": "1.21.1",
199
- "@zag-js/steps": "1.21.1",
200
- "@zag-js/vue": "1.21.1"
143
+ "@zag-js/accordion": "1.21.6",
144
+ "@zag-js/anatomy": "1.21.6",
145
+ "@zag-js/angle-slider": "1.21.6",
146
+ "@zag-js/auto-resize": "1.21.6",
147
+ "@zag-js/avatar": "1.21.6",
148
+ "@zag-js/carousel": "1.21.6",
149
+ "@zag-js/checkbox": "1.21.6",
150
+ "@zag-js/clipboard": "1.21.6",
151
+ "@zag-js/collapsible": "1.21.6",
152
+ "@zag-js/collection": "1.21.6",
153
+ "@zag-js/color-picker": "1.21.6",
154
+ "@zag-js/color-utils": "1.21.6",
155
+ "@zag-js/combobox": "1.21.6",
156
+ "@zag-js/core": "1.21.6",
157
+ "@zag-js/date-picker": "1.21.6",
158
+ "@zag-js/date-utils": "1.21.6",
159
+ "@zag-js/dialog": "1.21.6",
160
+ "@zag-js/dom-query": "1.21.6",
161
+ "@zag-js/editable": "1.21.6",
162
+ "@zag-js/file-upload": "1.21.6",
163
+ "@zag-js/file-utils": "1.21.6",
164
+ "@zag-js/floating-panel": "1.21.6",
165
+ "@zag-js/focus-trap": "1.21.6",
166
+ "@zag-js/highlight-word": "1.21.6",
167
+ "@zag-js/hover-card": "1.21.6",
168
+ "@zag-js/i18n-utils": "1.21.6",
169
+ "@zag-js/json-tree-utils": "1.21.6",
170
+ "@zag-js/listbox": "1.21.6",
171
+ "@zag-js/menu": "1.21.6",
172
+ "@zag-js/number-input": "1.21.6",
173
+ "@zag-js/pagination": "1.21.6",
174
+ "@zag-js/password-input": "1.21.6",
175
+ "@zag-js/pin-input": "1.21.6",
176
+ "@zag-js/popover": "1.21.6",
177
+ "@zag-js/presence": "1.21.6",
178
+ "@zag-js/progress": "1.21.6",
179
+ "@zag-js/qr-code": "1.21.6",
180
+ "@zag-js/radio-group": "1.21.6",
181
+ "@zag-js/rating-group": "1.21.6",
182
+ "@zag-js/scroll-area": "1.21.6",
183
+ "@zag-js/select": "1.21.6",
184
+ "@zag-js/signature-pad": "1.21.6",
185
+ "@zag-js/slider": "1.21.6",
186
+ "@zag-js/splitter": "1.21.6",
187
+ "@zag-js/steps": "1.21.6",
188
+ "@zag-js/switch": "1.21.6",
189
+ "@zag-js/tabs": "1.21.6",
190
+ "@zag-js/tags-input": "1.21.6",
191
+ "@zag-js/time-picker": "1.21.6",
192
+ "@zag-js/timer": "1.21.6",
193
+ "@zag-js/toast": "1.21.6",
194
+ "@zag-js/toggle": "1.21.6",
195
+ "@zag-js/toggle-group": "1.21.6",
196
+ "@zag-js/tooltip": "1.21.6",
197
+ "@zag-js/tour": "1.21.6",
198
+ "@zag-js/tree-view": "1.21.6",
199
+ "@zag-js/types": "1.21.6",
200
+ "@zag-js/utils": "1.21.6",
201
+ "@zag-js/vue": "1.21.6"
201
202
  },
202
203
  "devDependencies": {
203
- "@biomejs/biome": "1.9.4",
204
+ "@biomejs/biome": "2.2.0",
204
205
  "@histoire/plugin-vue": "0.17.17",
205
- "@testing-library/dom": "10.4.0",
206
- "@testing-library/jest-dom": "6.6.3",
206
+ "@testing-library/dom": "10.4.1",
207
+ "@testing-library/jest-dom": "6.7.0",
207
208
  "@testing-library/user-event": "14.6.1",
208
209
  "@testing-library/vue": "8.1.0",
209
210
  "@types/jsdom": "21.1.7",
210
- "@vitejs/plugin-vue": "6.0.0",
211
+ "@vitejs/plugin-vue": "6.0.1",
211
212
  "@vitejs/plugin-vue-jsx": "5.0.1",
212
- "@vue/compiler-sfc": "3.5.17",
213
+ "@vue/compiler-sfc": "3.5.18",
213
214
  "clean-package": "2.2.0",
214
215
  "image-conversion": "2.1.1",
215
216
  "globby": "14.1.0",
216
217
  "histoire": "0.17.17",
217
218
  "jsdom": "26.1.0",
218
- "lucide-vue-next": "0.525.0",
219
+ "lucide-vue-next": "0.539.0",
219
220
  "resize-observer-polyfill": "1.5.1",
220
- "typescript": "5.8.3",
221
- "vite": "7.0.5",
221
+ "typescript": "5.9.2",
222
+ "vite": "7.1.2",
222
223
  "vite-plugin-dts": "4.5.4",
223
224
  "vitest": "3.2.4",
224
225
  "@vitest/coverage-v8": "3.2.4",
225
- "vue": "3.5.17",
226
- "vue-tsc": "3.0.3"
226
+ "vue": "3.5.18",
227
+ "vue-tsc": "3.0.5"
227
228
  },
228
229
  "peerDependencies": {
229
230
  "vue": ">=3.5.0"