@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
package/dist/index.cjs CHANGED
@@ -324,6 +324,16 @@ const useListbox = require('./components/listbox/use-listbox.cjs');
324
324
  const useListboxContext = require('./components/listbox/use-listbox-context.cjs');
325
325
  const useListboxItemContext = require('./components/listbox/use-listbox-item-context.cjs');
326
326
  const listbox = require('./components/listbox/listbox.cjs');
327
+ const marqueeContent_vue_vue_type_script_setup_true_lang = require('./components/marquee/marquee-content.vue.cjs');
328
+ const marqueeContext_vue_vue_type_script_setup_true_lang = require('./components/marquee/marquee-context.vue.cjs');
329
+ const marqueeEdge_vue_vue_type_script_setup_true_lang = require('./components/marquee/marquee-edge.vue.cjs');
330
+ const marqueeItem_vue_vue_type_script_setup_true_lang = require('./components/marquee/marquee-item.vue.cjs');
331
+ const marqueeRoot_vue_vue_type_script_setup_true_lang = require('./components/marquee/marquee-root.vue.cjs');
332
+ const marqueeRootProvider_vue_vue_type_script_setup_true_lang = require('./components/marquee/marquee-root-provider.vue.cjs');
333
+ const marqueeViewport_vue_vue_type_script_setup_true_lang = require('./components/marquee/marquee-viewport.vue.cjs');
334
+ const useMarquee = require('./components/marquee/use-marquee.cjs');
335
+ const useMarqueeContext = require('./components/marquee/use-marquee-context.cjs');
336
+ const marquee$1 = require('./components/marquee/marquee.cjs');
327
337
  const menuArrowTip_vue_vue_type_script_setup_true_lang = require('./components/menu/menu-arrow-tip.vue.cjs');
328
338
  const menuArrow_vue_vue_type_script_setup_true_lang = require('./components/menu/menu-arrow.vue.cjs');
329
339
  const menuCheckboxItem_vue_vue_type_script_setup_true_lang = require('./components/menu/menu-checkbox-item.vue.cjs');
@@ -716,6 +726,7 @@ const editable = require('@zag-js/editable');
716
726
  const fileUpload = require('@zag-js/file-upload');
717
727
  const floatingPanel = require('@zag-js/floating-panel');
718
728
  const hoverCard = require('@zag-js/hover-card');
729
+ const marquee = require('@zag-js/marquee');
719
730
  const menu = require('@zag-js/menu');
720
731
  const numberInput = require('@zag-js/number-input');
721
732
  const pagination = require('@zag-js/pagination');
@@ -1073,6 +1084,16 @@ exports.useListbox = useListbox.useListbox;
1073
1084
  exports.useListboxContext = useListboxContext.useListboxContext;
1074
1085
  exports.useListboxItemContext = useListboxItemContext.useListboxItemContext;
1075
1086
  exports.Listbox = listbox;
1087
+ exports.MarqueeContent = marqueeContent_vue_vue_type_script_setup_true_lang.default;
1088
+ exports.MarqueeContext = marqueeContext_vue_vue_type_script_setup_true_lang.default;
1089
+ exports.MarqueeEdge = marqueeEdge_vue_vue_type_script_setup_true_lang.default;
1090
+ exports.MarqueeItem = marqueeItem_vue_vue_type_script_setup_true_lang.default;
1091
+ exports.MarqueeRoot = marqueeRoot_vue_vue_type_script_setup_true_lang.default;
1092
+ exports.MarqueeRootProvider = marqueeRootProvider_vue_vue_type_script_setup_true_lang.default;
1093
+ exports.MarqueeViewport = marqueeViewport_vue_vue_type_script_setup_true_lang.default;
1094
+ exports.useMarquee = useMarquee.useMarquee;
1095
+ exports.useMarqueeContext = useMarqueeContext.useMarqueeContext;
1096
+ exports.Marquee = marquee$1;
1076
1097
  exports.MenuArrowTip = menuArrowTip_vue_vue_type_script_setup_true_lang.default;
1077
1098
  exports.MenuArrow = menuArrow_vue_vue_type_script_setup_true_lang.default;
1078
1099
  exports.MenuCheckboxItem = menuCheckboxItem_vue_vue_type_script_setup_true_lang.default;
@@ -1507,6 +1528,10 @@ Object.defineProperty(exports, "hoverCardAnatomy", {
1507
1528
  enumerable: true,
1508
1529
  get: () => hoverCard.anatomy
1509
1530
  });
1531
+ Object.defineProperty(exports, "marqueeAnatomy", {
1532
+ enumerable: true,
1533
+ get: () => marquee.anatomy
1534
+ });
1510
1535
  Object.defineProperty(exports, "menuAnatomy", {
1511
1536
  enumerable: true,
1512
1537
  get: () => menu.anatomy
package/dist/index.js CHANGED
@@ -341,6 +341,17 @@ export { useListboxContext } from './components/listbox/use-listbox-context.js';
341
341
  export { useListboxItemContext } from './components/listbox/use-listbox-item-context.js';
342
342
  import * as listbox from './components/listbox/listbox.js';
343
343
  export { listbox as Listbox };
344
+ export { default as MarqueeContent } from './components/marquee/marquee-content.vue.js';
345
+ export { default as MarqueeContext } from './components/marquee/marquee-context.vue.js';
346
+ export { default as MarqueeEdge } from './components/marquee/marquee-edge.vue.js';
347
+ export { default as MarqueeItem } from './components/marquee/marquee-item.vue.js';
348
+ export { default as MarqueeRoot } from './components/marquee/marquee-root.vue.js';
349
+ export { default as MarqueeRootProvider } from './components/marquee/marquee-root-provider.vue.js';
350
+ export { default as MarqueeViewport } from './components/marquee/marquee-viewport.vue.js';
351
+ export { useMarquee } from './components/marquee/use-marquee.js';
352
+ export { useMarqueeContext } from './components/marquee/use-marquee-context.js';
353
+ import * as marquee from './components/marquee/marquee.js';
354
+ export { marquee as Marquee };
344
355
  export { default as MenuArrowTip } from './components/menu/menu-arrow-tip.vue.js';
345
356
  export { default as MenuArrow } from './components/menu/menu-arrow.vue.js';
346
357
  export { default as MenuCheckboxItem } from './components/menu/menu-checkbox-item.vue.js';
@@ -760,6 +771,7 @@ export { anatomy as editableAnatomy } from '@zag-js/editable';
760
771
  export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
761
772
  export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';
762
773
  export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
774
+ export { anatomy as marqueeAnatomy } from '@zag-js/marquee';
763
775
  export { anatomy as menuAnatomy } from '@zag-js/menu';
764
776
  export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
765
777
  export { anatomy as paginationAnatomy } from '@zag-js/pagination';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ark-ui/vue",
3
3
  "type": "module",
4
- "version": "5.26.2",
4
+ "version": "5.27.1",
5
5
  "description": "A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.",
6
6
  "keywords": [
7
7
  "accordion",
@@ -138,7 +138,7 @@
138
138
  "test:coverage": "vitest run --coverage",
139
139
  "test:ci": "vitest --run",
140
140
  "typecheck": "vue-tsc",
141
- "storybook": "histoire dev",
141
+ "storybook": "storybook dev -p 6006",
142
142
  "prepack": "clean-package",
143
143
  "postpack": "clean-package restore",
144
144
  "release-it": "release-it --config ../../release-it.json"
@@ -149,71 +149,72 @@
149
149
  "sideEffects": false,
150
150
  "dependencies": {
151
151
  "@internationalized/date": "3.10.0",
152
- "@tanstack/vue-form": "1.23.7",
153
- "@zag-js/accordion": "1.26.3",
154
- "@zag-js/anatomy": "1.26.3",
155
- "@zag-js/angle-slider": "1.26.3",
156
- "@zag-js/async-list": "1.26.3",
157
- "@zag-js/auto-resize": "1.26.3",
158
- "@zag-js/avatar": "1.26.3",
159
- "@zag-js/bottom-sheet": "1.26.3",
160
- "@zag-js/carousel": "1.26.3",
161
- "@zag-js/checkbox": "1.26.3",
162
- "@zag-js/clipboard": "1.26.3",
163
- "@zag-js/collapsible": "1.26.3",
164
- "@zag-js/collection": "1.26.3",
165
- "@zag-js/color-picker": "1.26.3",
166
- "@zag-js/color-utils": "1.26.3",
167
- "@zag-js/combobox": "1.26.3",
168
- "@zag-js/core": "1.26.3",
169
- "@zag-js/date-picker": "1.26.3",
170
- "@zag-js/date-utils": "1.26.3",
171
- "@zag-js/dialog": "1.26.3",
172
- "@zag-js/dom-query": "1.26.3",
173
- "@zag-js/editable": "1.26.3",
174
- "@zag-js/file-upload": "1.26.3",
175
- "@zag-js/file-utils": "1.26.3",
176
- "@zag-js/floating-panel": "1.26.3",
177
- "@zag-js/focus-trap": "1.26.3",
178
- "@zag-js/highlight-word": "1.26.3",
179
- "@zag-js/hover-card": "1.26.3",
180
- "@zag-js/i18n-utils": "1.26.3",
181
- "@zag-js/json-tree-utils": "1.26.3",
182
- "@zag-js/listbox": "1.26.3",
183
- "@zag-js/menu": "1.26.3",
184
- "@zag-js/number-input": "1.26.3",
185
- "@zag-js/pagination": "1.26.3",
186
- "@zag-js/password-input": "1.26.3",
187
- "@zag-js/pin-input": "1.26.3",
188
- "@zag-js/popover": "1.26.3",
189
- "@zag-js/presence": "1.26.3",
190
- "@zag-js/progress": "1.26.3",
191
- "@zag-js/qr-code": "1.26.3",
192
- "@zag-js/radio-group": "1.26.3",
193
- "@zag-js/rating-group": "1.26.3",
194
- "@zag-js/scroll-area": "1.26.3",
195
- "@zag-js/select": "1.26.3",
196
- "@zag-js/signature-pad": "1.26.3",
197
- "@zag-js/slider": "1.26.3",
198
- "@zag-js/splitter": "1.26.3",
199
- "@zag-js/steps": "1.26.3",
200
- "@zag-js/switch": "1.26.3",
201
- "@zag-js/tabs": "1.26.3",
202
- "@zag-js/tags-input": "1.26.3",
203
- "@zag-js/timer": "1.26.3",
204
- "@zag-js/toast": "1.26.3",
205
- "@zag-js/toggle": "1.26.3",
206
- "@zag-js/toggle-group": "1.26.3",
207
- "@zag-js/tooltip": "1.26.3",
208
- "@zag-js/tour": "1.26.3",
209
- "@zag-js/tree-view": "1.26.3",
210
- "@zag-js/types": "1.26.3",
211
- "@zag-js/utils": "1.26.3",
212
- "@zag-js/vue": "1.26.3"
152
+ "@zag-js/accordion": "1.27.0",
153
+ "@zag-js/anatomy": "1.27.0",
154
+ "@zag-js/angle-slider": "1.27.0",
155
+ "@zag-js/async-list": "1.27.0",
156
+ "@zag-js/auto-resize": "1.27.0",
157
+ "@zag-js/avatar": "1.27.0",
158
+ "@zag-js/bottom-sheet": "1.27.0",
159
+ "@zag-js/carousel": "1.27.0",
160
+ "@zag-js/checkbox": "1.27.0",
161
+ "@zag-js/clipboard": "1.27.0",
162
+ "@zag-js/collapsible": "1.27.0",
163
+ "@zag-js/collection": "1.27.0",
164
+ "@zag-js/color-picker": "1.27.0",
165
+ "@zag-js/color-utils": "1.27.0",
166
+ "@zag-js/combobox": "1.27.0",
167
+ "@zag-js/core": "1.27.0",
168
+ "@zag-js/date-picker": "1.27.0",
169
+ "@zag-js/date-utils": "1.27.0",
170
+ "@zag-js/dialog": "1.27.0",
171
+ "@zag-js/dom-query": "1.27.0",
172
+ "@zag-js/editable": "1.27.0",
173
+ "@zag-js/file-upload": "1.27.0",
174
+ "@zag-js/file-utils": "1.27.0",
175
+ "@zag-js/floating-panel": "1.27.0",
176
+ "@zag-js/focus-trap": "1.27.0",
177
+ "@zag-js/highlight-word": "1.27.0",
178
+ "@zag-js/hover-card": "1.27.0",
179
+ "@zag-js/i18n-utils": "1.27.0",
180
+ "@zag-js/json-tree-utils": "1.27.0",
181
+ "@zag-js/listbox": "1.27.0",
182
+ "@zag-js/marquee": "1.27.0",
183
+ "@zag-js/menu": "1.27.0",
184
+ "@zag-js/number-input": "1.27.0",
185
+ "@zag-js/pagination": "1.27.0",
186
+ "@zag-js/password-input": "1.27.0",
187
+ "@zag-js/pin-input": "1.27.0",
188
+ "@zag-js/popover": "1.27.0",
189
+ "@zag-js/presence": "1.27.0",
190
+ "@zag-js/progress": "1.27.0",
191
+ "@zag-js/qr-code": "1.27.0",
192
+ "@zag-js/radio-group": "1.27.0",
193
+ "@zag-js/rating-group": "1.27.0",
194
+ "@zag-js/scroll-area": "1.27.0",
195
+ "@zag-js/select": "1.27.0",
196
+ "@zag-js/signature-pad": "1.27.0",
197
+ "@zag-js/slider": "1.27.0",
198
+ "@zag-js/splitter": "1.27.0",
199
+ "@zag-js/steps": "1.27.0",
200
+ "@zag-js/switch": "1.27.0",
201
+ "@zag-js/tabs": "1.27.0",
202
+ "@zag-js/tags-input": "1.27.0",
203
+ "@zag-js/timer": "1.27.0",
204
+ "@zag-js/toast": "1.27.0",
205
+ "@zag-js/toggle": "1.27.0",
206
+ "@zag-js/toggle-group": "1.27.0",
207
+ "@zag-js/tooltip": "1.27.0",
208
+ "@zag-js/tour": "1.27.0",
209
+ "@zag-js/tree-view": "1.27.0",
210
+ "@zag-js/types": "1.27.0",
211
+ "@zag-js/utils": "1.27.0",
212
+ "@zag-js/vue": "1.27.0"
213
213
  },
214
214
  "devDependencies": {
215
- "@biomejs/biome": "2.2.6",
216
- "@histoire/plugin-vue": "0.17.17",
215
+ "@biomejs/biome": "2.3.1",
216
+ "@storybook/addon-a11y": "9.1.15",
217
+ "@storybook/vue3-vite": "9.1.15",
217
218
  "@testing-library/dom": "10.4.1",
218
219
  "@testing-library/jest-dom": "6.9.1",
219
220
  "@testing-library/user-event": "14.6.1",
@@ -223,20 +224,22 @@
223
224
  "@vitejs/plugin-vue-jsx": "5.1.1",
224
225
  "@vitest/coverage-v8": "3.2.4",
225
226
  "@vue/compiler-sfc": "3.5.22",
227
+ "ajv": "8.17.1",
226
228
  "check-password-strength": "3.0.0",
227
229
  "clean-package": "2.2.0",
228
230
  "globby": "15.0.0",
229
- "histoire": "0.17.17",
230
231
  "image-conversion": "2.1.1",
231
232
  "jsdom": "26.1.0",
232
- "lucide-vue-next": "0.545.0",
233
+ "lucide-vue-next": "0.548.0",
233
234
  "resize-observer-polyfill": "1.5.1",
235
+ "storybook": "9.1.15",
234
236
  "typescript": "5.9.3",
235
- "vite": "7.1.9",
237
+ "vee-validate": "4.15.1",
238
+ "vite": "7.1.12",
236
239
  "vite-plugin-dts": "4.5.4",
237
240
  "vitest": "3.2.4",
238
241
  "vue": "3.5.22",
239
- "vue-tsc": "3.1.1"
242
+ "vue-tsc": "3.1.2"
240
243
  },
241
244
  "peerDependencies": {
242
245
  "vue": ">=3.5.0"