@ark-ui/react 4.5.0 → 4.7.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 (117) hide show
  1. package/dist/components/carousel/carousel-autoplay-trigger.cjs +21 -0
  2. package/dist/components/carousel/carousel-autoplay-trigger.d.cts +7 -0
  3. package/dist/components/carousel/carousel-autoplay-trigger.d.ts +7 -0
  4. package/dist/components/carousel/carousel-autoplay-trigger.js +17 -0
  5. package/dist/components/carousel/carousel-control.cjs +7 -2
  6. package/dist/components/carousel/carousel-control.js +7 -2
  7. package/dist/components/carousel/carousel-item.cjs +1 -1
  8. package/dist/components/carousel/carousel-item.js +1 -1
  9. package/dist/components/carousel/carousel-root.cjs +15 -6
  10. package/dist/components/carousel/carousel-root.js +15 -6
  11. package/dist/components/carousel/carousel.anatomy.d.cts +1 -2
  12. package/dist/components/carousel/carousel.anatomy.d.ts +1 -2
  13. package/dist/components/carousel/carousel.cjs +2 -2
  14. package/dist/components/carousel/carousel.d.cts +11 -11
  15. package/dist/components/carousel/carousel.d.ts +11 -11
  16. package/dist/components/carousel/carousel.js +1 -1
  17. package/dist/components/carousel/index.cjs +9 -6
  18. package/dist/components/carousel/index.d.cts +2 -2
  19. package/dist/components/carousel/index.d.ts +2 -2
  20. package/dist/components/carousel/index.js +2 -2
  21. package/dist/components/carousel/use-carousel.cjs +3 -3
  22. package/dist/components/carousel/use-carousel.d.cts +2 -2
  23. package/dist/components/carousel/use-carousel.d.ts +2 -2
  24. package/dist/components/carousel/use-carousel.js +3 -3
  25. package/dist/components/checkbox/checkbox.anatomy.d.cts +1 -1
  26. package/dist/components/checkbox/checkbox.anatomy.d.ts +1 -1
  27. package/dist/components/checkbox/use-checkbox-group.cjs +3 -3
  28. package/dist/components/checkbox/use-checkbox-group.js +3 -3
  29. package/dist/components/clipboard/clipboard-value-text.cjs +19 -0
  30. package/dist/components/clipboard/clipboard-value-text.d.cts +7 -0
  31. package/dist/components/clipboard/clipboard-value-text.d.ts +7 -0
  32. package/dist/components/clipboard/clipboard-value-text.js +15 -0
  33. package/dist/components/clipboard/clipboard.cjs +2 -0
  34. package/dist/components/clipboard/clipboard.d.cts +1 -0
  35. package/dist/components/clipboard/clipboard.d.ts +1 -0
  36. package/dist/components/clipboard/clipboard.js +1 -0
  37. package/dist/components/clipboard/index.cjs +2 -0
  38. package/dist/components/clipboard/index.d.cts +2 -1
  39. package/dist/components/clipboard/index.d.ts +2 -1
  40. package/dist/components/clipboard/index.js +1 -0
  41. package/dist/components/collection.d.cts +1 -1
  42. package/dist/components/collection.d.ts +1 -1
  43. package/dist/components/combobox/combobox-root.cjs +1 -0
  44. package/dist/components/combobox/combobox-root.js +1 -0
  45. package/dist/components/date-picker/date-picker.anatomy.d.cts +1 -1
  46. package/dist/components/date-picker/date-picker.anatomy.d.ts +1 -1
  47. package/dist/components/field/use-field.d.cts +1 -1
  48. package/dist/components/field/use-field.d.ts +1 -1
  49. package/dist/components/fieldset/use-fieldset.d.cts +1 -1
  50. package/dist/components/fieldset/use-fieldset.d.ts +1 -1
  51. package/dist/components/file-upload/file-upload-root.cjs +1 -0
  52. package/dist/components/file-upload/file-upload-root.js +1 -0
  53. package/dist/components/index.cjs +17 -10
  54. package/dist/components/index.js +6 -4
  55. package/dist/components/menu/menu-root.cjs +1 -0
  56. package/dist/components/menu/menu-root.js +1 -0
  57. package/dist/components/portal/portal.d.cts +1 -1
  58. package/dist/components/portal/portal.d.ts +1 -1
  59. package/dist/components/presence/use-presence.cjs +1 -3
  60. package/dist/components/presence/use-presence.js +1 -3
  61. package/dist/components/progress/examples/circular/controlled.d.cts +1 -0
  62. package/dist/components/progress/examples/circular/controlled.d.ts +1 -0
  63. package/dist/components/progress/examples/linear/controlled.d.cts +1 -0
  64. package/dist/components/progress/examples/linear/controlled.d.ts +1 -0
  65. package/dist/components/progress/examples/linear/root-provider.d.cts +1 -1
  66. package/dist/components/progress/examples/linear/root-provider.d.ts +1 -1
  67. package/dist/components/progress/progress-root.cjs +2 -0
  68. package/dist/components/progress/progress-root.d.cts +2 -1
  69. package/dist/components/progress/progress-root.d.ts +2 -1
  70. package/dist/components/progress/progress-root.js +2 -0
  71. package/dist/components/progress/use-progress.cjs +4 -1
  72. package/dist/components/progress/use-progress.d.cts +5 -0
  73. package/dist/components/progress/use-progress.d.ts +5 -0
  74. package/dist/components/progress/use-progress.js +4 -1
  75. package/dist/components/qr-code/index.cjs +2 -0
  76. package/dist/components/qr-code/index.d.cts +1 -0
  77. package/dist/components/qr-code/index.d.ts +1 -0
  78. package/dist/components/qr-code/index.js +1 -0
  79. package/dist/components/qr-code/qr-code-download-trigger.cjs +27 -0
  80. package/dist/components/qr-code/qr-code-download-trigger.d.cts +8 -0
  81. package/dist/components/qr-code/qr-code-download-trigger.d.ts +8 -0
  82. package/dist/components/qr-code/qr-code-download-trigger.js +23 -0
  83. package/dist/components/qr-code/qr-code-root.cjs +2 -0
  84. package/dist/components/qr-code/qr-code-root.d.cts +2 -1
  85. package/dist/components/qr-code/qr-code-root.d.ts +2 -1
  86. package/dist/components/qr-code/qr-code-root.js +2 -0
  87. package/dist/components/qr-code/qr-code.cjs +2 -0
  88. package/dist/components/qr-code/qr-code.d.cts +6 -5
  89. package/dist/components/qr-code/qr-code.d.ts +6 -5
  90. package/dist/components/qr-code/qr-code.js +1 -0
  91. package/dist/components/qr-code/use-qr-code.cjs +10 -2
  92. package/dist/components/qr-code/use-qr-code.d.cts +5 -0
  93. package/dist/components/qr-code/use-qr-code.d.ts +5 -0
  94. package/dist/components/qr-code/use-qr-code.js +10 -2
  95. package/dist/components/segment-group/segment-group.anatomy.d.cts +2 -2
  96. package/dist/components/segment-group/segment-group.anatomy.d.ts +2 -2
  97. package/dist/components/tabs/tab-content.cjs +2 -1
  98. package/dist/components/tabs/tab-content.js +2 -1
  99. package/dist/components/tabs/tabs-root.cjs +1 -0
  100. package/dist/components/tabs/tabs-root.js +1 -0
  101. package/dist/components/timer/index.cjs +4 -4
  102. package/dist/components/timer/index.d.cts +2 -2
  103. package/dist/components/timer/index.d.ts +2 -2
  104. package/dist/components/timer/index.js +2 -2
  105. package/dist/components/tree-view/tree-view-root-provider.d.cts +1 -0
  106. package/dist/components/tree-view/tree-view-root-provider.d.ts +1 -0
  107. package/dist/components/tree-view/tree-view-root.d.cts +1 -0
  108. package/dist/components/tree-view/tree-view-root.d.ts +1 -0
  109. package/dist/index.cjs +17 -10
  110. package/dist/index.js +6 -4
  111. package/package.json +61 -61
  112. package/dist/components/carousel/carousel-viewport.cjs +0 -19
  113. package/dist/components/carousel/carousel-viewport.d.cts +0 -7
  114. package/dist/components/carousel/carousel-viewport.d.ts +0 -7
  115. package/dist/components/carousel/carousel-viewport.js +0 -15
  116. package/dist/components/carousel/carousel.anatomy.cjs +0 -10
  117. package/dist/components/carousel/carousel.anatomy.js +0 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ark-ui/react",
3
- "version": "4.5.0",
3
+ "version": "4.7.0",
4
4
  "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
5
5
  "keywords": [
6
6
  "accordion",
@@ -161,55 +161,55 @@
161
161
  "sideEffects": false,
162
162
  "dependencies": {
163
163
  "@internationalized/date": "3.6.0",
164
- "@zag-js/accordion": "0.78.2",
165
- "@zag-js/anatomy": "0.78.2",
166
- "@zag-js/auto-resize": "0.78.2",
167
- "@zag-js/avatar": "0.78.2",
168
- "@zag-js/carousel": "0.78.2",
169
- "@zag-js/checkbox": "0.78.2",
170
- "@zag-js/clipboard": "0.78.2",
171
- "@zag-js/collapsible": "0.78.2",
172
- "@zag-js/collection": "0.78.2",
173
- "@zag-js/color-picker": "0.78.2",
174
- "@zag-js/color-utils": "0.78.2",
175
- "@zag-js/combobox": "0.78.2",
176
- "@zag-js/core": "0.78.2",
177
- "@zag-js/date-picker": "0.78.2",
178
- "@zag-js/date-utils": "0.78.2",
179
- "@zag-js/dialog": "0.78.2",
180
- "@zag-js/dom-query": "0.78.2",
181
- "@zag-js/editable": "0.78.2",
182
- "@zag-js/file-upload": "0.78.2",
183
- "@zag-js/file-utils": "0.78.2",
184
- "@zag-js/highlight-word": "0.78.2",
185
- "@zag-js/hover-card": "0.78.2",
186
- "@zag-js/i18n-utils": "0.78.2",
187
- "@zag-js/menu": "0.78.2",
188
- "@zag-js/number-input": "0.78.2",
189
- "@zag-js/pagination": "0.78.2",
190
- "@zag-js/pin-input": "0.78.2",
191
- "@zag-js/popover": "0.78.2",
192
- "@zag-js/presence": "0.78.2",
193
- "@zag-js/progress": "0.78.2",
194
- "@zag-js/qr-code": "0.78.2",
195
- "@zag-js/radio-group": "0.78.2",
196
- "@zag-js/rating-group": "0.78.2",
197
- "@zag-js/react": "0.78.2",
198
- "@zag-js/select": "0.78.2",
199
- "@zag-js/signature-pad": "0.78.2",
200
- "@zag-js/slider": "0.78.2",
201
- "@zag-js/splitter": "0.78.2",
202
- "@zag-js/steps": "0.78.2",
203
- "@zag-js/switch": "0.78.2",
204
- "@zag-js/tabs": "0.78.2",
205
- "@zag-js/tags-input": "0.78.2",
206
- "@zag-js/time-picker": "0.78.2",
207
- "@zag-js/timer": "0.78.2",
208
- "@zag-js/toast": "0.78.2",
209
- "@zag-js/toggle-group": "0.78.2",
210
- "@zag-js/tooltip": "0.78.2",
211
- "@zag-js/tree-view": "0.78.2",
212
- "@zag-js/types": "0.78.2"
164
+ "@zag-js/accordion": "0.81.0",
165
+ "@zag-js/anatomy": "0.81.0",
166
+ "@zag-js/auto-resize": "0.81.0",
167
+ "@zag-js/avatar": "0.81.0",
168
+ "@zag-js/carousel": "0.81.0",
169
+ "@zag-js/checkbox": "0.81.0",
170
+ "@zag-js/clipboard": "0.81.0",
171
+ "@zag-js/collapsible": "0.81.0",
172
+ "@zag-js/collection": "0.81.0",
173
+ "@zag-js/color-picker": "0.81.0",
174
+ "@zag-js/color-utils": "0.81.0",
175
+ "@zag-js/combobox": "0.81.0",
176
+ "@zag-js/core": "0.81.0",
177
+ "@zag-js/date-picker": "0.81.0",
178
+ "@zag-js/date-utils": "0.81.0",
179
+ "@zag-js/dialog": "0.81.0",
180
+ "@zag-js/dom-query": "0.81.0",
181
+ "@zag-js/editable": "0.81.0",
182
+ "@zag-js/file-upload": "0.81.0",
183
+ "@zag-js/file-utils": "0.81.0",
184
+ "@zag-js/highlight-word": "0.81.0",
185
+ "@zag-js/hover-card": "0.81.0",
186
+ "@zag-js/i18n-utils": "0.81.0",
187
+ "@zag-js/menu": "0.81.0",
188
+ "@zag-js/number-input": "0.81.0",
189
+ "@zag-js/pagination": "0.81.0",
190
+ "@zag-js/pin-input": "0.81.0",
191
+ "@zag-js/popover": "0.81.0",
192
+ "@zag-js/presence": "0.81.0",
193
+ "@zag-js/progress": "0.81.0",
194
+ "@zag-js/qr-code": "0.81.0",
195
+ "@zag-js/radio-group": "0.81.0",
196
+ "@zag-js/rating-group": "0.81.0",
197
+ "@zag-js/react": "0.81.0",
198
+ "@zag-js/select": "0.81.0",
199
+ "@zag-js/signature-pad": "0.81.0",
200
+ "@zag-js/slider": "0.81.0",
201
+ "@zag-js/splitter": "0.81.0",
202
+ "@zag-js/steps": "0.81.0",
203
+ "@zag-js/switch": "0.81.0",
204
+ "@zag-js/tabs": "0.81.0",
205
+ "@zag-js/tags-input": "0.81.0",
206
+ "@zag-js/time-picker": "0.81.0",
207
+ "@zag-js/timer": "0.81.0",
208
+ "@zag-js/toast": "0.81.0",
209
+ "@zag-js/toggle-group": "0.81.0",
210
+ "@zag-js/tooltip": "0.81.0",
211
+ "@zag-js/tree-view": "0.81.0",
212
+ "@zag-js/types": "0.81.0"
213
213
  },
214
214
  "devDependencies": {
215
215
  "@biomejs/biome": "1.9.4",
@@ -220,27 +220,27 @@
220
220
  "@storybook/react": "8.4.7",
221
221
  "@testing-library/dom": "10.4.0",
222
222
  "@testing-library/jest-dom": "6.6.3",
223
- "@testing-library/react": "16.0.1",
223
+ "@testing-library/react": "16.1.0",
224
224
  "@testing-library/user-event": "14.5.2",
225
225
  "@types/jsdom": "21.1.7",
226
- "@types/react": "18.3.16",
227
- "@types/react-dom": "18.3.5",
226
+ "@types/react": "19.0.2",
227
+ "@types/react-dom": "19.0.2",
228
228
  "@vitejs/plugin-react": "4.3.4",
229
- "@zag-js/stringify-state": "0.78.2",
229
+ "@zag-js/stringify-state": "0.81.0",
230
230
  "clean-package": "2.2.0",
231
231
  "globby": "14.0.2",
232
232
  "jsdom": "25.0.1",
233
- "lucide-react": "0.462.0",
234
- "react": "18.3.1",
235
- "react-dom": "18.3.1",
233
+ "lucide-react": "0.469.0",
234
+ "react": "19.0.0",
235
+ "react-dom": "19.0.0",
236
236
  "react-frame-component": "5.2.7",
237
- "react-hook-form": "7.54.0",
238
- "release-it": "17.10.0",
237
+ "react-hook-form": "7.54.2",
238
+ "release-it": "17.11.0",
239
239
  "resize-observer-polyfill": "1.5.1",
240
240
  "storybook": "8.4.7",
241
- "typescript": "5.6.3",
241
+ "typescript": "5.7.2",
242
242
  "vite": "5.4.11",
243
- "vite-plugin-dts": "4.3.0",
243
+ "vite-plugin-dts": "4.4.0",
244
244
  "vitest": "2.1.8",
245
245
  "vitest-axe": "1.0.0-pre.3"
246
246
  },
@@ -1,19 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
-
6
- const jsxRuntime = require('react/jsx-runtime');
7
- const react$1 = require('@zag-js/react');
8
- const react = require('react');
9
- const factory = require('../factory.cjs');
10
- const useCarouselContext = require('./use-carousel-context.cjs');
11
-
12
- const CarouselViewport = react.forwardRef((props, ref) => {
13
- const carousel = useCarouselContext.useCarouselContext();
14
- const mergedProps = react$1.mergeProps(carousel.getViewportProps(), props);
15
- return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
16
- });
17
- CarouselViewport.displayName = "CarouselViewport";
18
-
19
- exports.CarouselViewport = CarouselViewport;
@@ -1,7 +0,0 @@
1
- import { HTMLProps, PolymorphicProps } from '../factory';
2
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
- export interface CarouselViewportBaseProps extends PolymorphicProps {
4
- }
5
- export interface CarouselViewportProps extends HTMLProps<'div'>, CarouselViewportBaseProps {
6
- }
7
- export declare const CarouselViewport: ForwardRefExoticComponent<CarouselViewportProps & RefAttributes<HTMLDivElement>>;
@@ -1,7 +0,0 @@
1
- import { HTMLProps, PolymorphicProps } from '../factory';
2
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
- export interface CarouselViewportBaseProps extends PolymorphicProps {
4
- }
5
- export interface CarouselViewportProps extends HTMLProps<'div'>, CarouselViewportBaseProps {
6
- }
7
- export declare const CarouselViewport: ForwardRefExoticComponent<CarouselViewportProps & RefAttributes<HTMLDivElement>>;
@@ -1,15 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { mergeProps } from '@zag-js/react';
4
- import { forwardRef } from 'react';
5
- import { ark } from '../factory.js';
6
- import { useCarouselContext } from './use-carousel-context.js';
7
-
8
- const CarouselViewport = forwardRef((props, ref) => {
9
- const carousel = useCarouselContext();
10
- const mergedProps = mergeProps(carousel.getViewportProps(), props);
11
- return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
12
- });
13
- CarouselViewport.displayName = "CarouselViewport";
14
-
15
- export { CarouselViewport };
@@ -1,10 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
-
6
- const carousel = require('@zag-js/carousel');
7
-
8
- const carouselAnatomy = carousel.anatomy.extendWith("control");
9
-
10
- exports.carouselAnatomy = carouselAnatomy;
@@ -1,6 +0,0 @@
1
- 'use client';
2
- import { anatomy } from '@zag-js/carousel';
3
-
4
- const carouselAnatomy = anatomy.extendWith("control");
5
-
6
- export { carouselAnatomy };