@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.
- package/dist/components/carousel/carousel-autoplay-trigger.cjs +21 -0
- package/dist/components/carousel/carousel-autoplay-trigger.d.cts +7 -0
- package/dist/components/carousel/carousel-autoplay-trigger.d.ts +7 -0
- package/dist/components/carousel/carousel-autoplay-trigger.js +17 -0
- package/dist/components/carousel/carousel-control.cjs +7 -2
- package/dist/components/carousel/carousel-control.js +7 -2
- package/dist/components/carousel/carousel-item.cjs +1 -1
- package/dist/components/carousel/carousel-item.js +1 -1
- package/dist/components/carousel/carousel-root.cjs +15 -6
- package/dist/components/carousel/carousel-root.js +15 -6
- package/dist/components/carousel/carousel.anatomy.d.cts +1 -2
- package/dist/components/carousel/carousel.anatomy.d.ts +1 -2
- package/dist/components/carousel/carousel.cjs +2 -2
- package/dist/components/carousel/carousel.d.cts +11 -11
- package/dist/components/carousel/carousel.d.ts +11 -11
- package/dist/components/carousel/carousel.js +1 -1
- package/dist/components/carousel/index.cjs +9 -6
- package/dist/components/carousel/index.d.cts +2 -2
- package/dist/components/carousel/index.d.ts +2 -2
- package/dist/components/carousel/index.js +2 -2
- package/dist/components/carousel/use-carousel.cjs +3 -3
- package/dist/components/carousel/use-carousel.d.cts +2 -2
- package/dist/components/carousel/use-carousel.d.ts +2 -2
- package/dist/components/carousel/use-carousel.js +3 -3
- package/dist/components/checkbox/checkbox.anatomy.d.cts +1 -1
- package/dist/components/checkbox/checkbox.anatomy.d.ts +1 -1
- package/dist/components/checkbox/use-checkbox-group.cjs +3 -3
- package/dist/components/checkbox/use-checkbox-group.js +3 -3
- package/dist/components/clipboard/clipboard-value-text.cjs +19 -0
- package/dist/components/clipboard/clipboard-value-text.d.cts +7 -0
- package/dist/components/clipboard/clipboard-value-text.d.ts +7 -0
- package/dist/components/clipboard/clipboard-value-text.js +15 -0
- package/dist/components/clipboard/clipboard.cjs +2 -0
- package/dist/components/clipboard/clipboard.d.cts +1 -0
- package/dist/components/clipboard/clipboard.d.ts +1 -0
- package/dist/components/clipboard/clipboard.js +1 -0
- package/dist/components/clipboard/index.cjs +2 -0
- package/dist/components/clipboard/index.d.cts +2 -1
- package/dist/components/clipboard/index.d.ts +2 -1
- package/dist/components/clipboard/index.js +1 -0
- package/dist/components/collection.d.cts +1 -1
- package/dist/components/collection.d.ts +1 -1
- package/dist/components/combobox/combobox-root.cjs +1 -0
- package/dist/components/combobox/combobox-root.js +1 -0
- package/dist/components/date-picker/date-picker.anatomy.d.cts +1 -1
- package/dist/components/date-picker/date-picker.anatomy.d.ts +1 -1
- package/dist/components/field/use-field.d.cts +1 -1
- package/dist/components/field/use-field.d.ts +1 -1
- package/dist/components/fieldset/use-fieldset.d.cts +1 -1
- package/dist/components/fieldset/use-fieldset.d.ts +1 -1
- package/dist/components/file-upload/file-upload-root.cjs +1 -0
- package/dist/components/file-upload/file-upload-root.js +1 -0
- package/dist/components/index.cjs +17 -10
- package/dist/components/index.js +6 -4
- package/dist/components/menu/menu-root.cjs +1 -0
- package/dist/components/menu/menu-root.js +1 -0
- package/dist/components/portal/portal.d.cts +1 -1
- package/dist/components/portal/portal.d.ts +1 -1
- package/dist/components/presence/use-presence.cjs +1 -3
- package/dist/components/presence/use-presence.js +1 -3
- package/dist/components/progress/examples/circular/controlled.d.cts +1 -0
- package/dist/components/progress/examples/circular/controlled.d.ts +1 -0
- package/dist/components/progress/examples/linear/controlled.d.cts +1 -0
- package/dist/components/progress/examples/linear/controlled.d.ts +1 -0
- package/dist/components/progress/examples/linear/root-provider.d.cts +1 -1
- package/dist/components/progress/examples/linear/root-provider.d.ts +1 -1
- package/dist/components/progress/progress-root.cjs +2 -0
- package/dist/components/progress/progress-root.d.cts +2 -1
- package/dist/components/progress/progress-root.d.ts +2 -1
- package/dist/components/progress/progress-root.js +2 -0
- package/dist/components/progress/use-progress.cjs +4 -1
- package/dist/components/progress/use-progress.d.cts +5 -0
- package/dist/components/progress/use-progress.d.ts +5 -0
- package/dist/components/progress/use-progress.js +4 -1
- package/dist/components/qr-code/index.cjs +2 -0
- package/dist/components/qr-code/index.d.cts +1 -0
- package/dist/components/qr-code/index.d.ts +1 -0
- package/dist/components/qr-code/index.js +1 -0
- package/dist/components/qr-code/qr-code-download-trigger.cjs +27 -0
- package/dist/components/qr-code/qr-code-download-trigger.d.cts +8 -0
- package/dist/components/qr-code/qr-code-download-trigger.d.ts +8 -0
- package/dist/components/qr-code/qr-code-download-trigger.js +23 -0
- package/dist/components/qr-code/qr-code-root.cjs +2 -0
- package/dist/components/qr-code/qr-code-root.d.cts +2 -1
- package/dist/components/qr-code/qr-code-root.d.ts +2 -1
- package/dist/components/qr-code/qr-code-root.js +2 -0
- package/dist/components/qr-code/qr-code.cjs +2 -0
- package/dist/components/qr-code/qr-code.d.cts +6 -5
- package/dist/components/qr-code/qr-code.d.ts +6 -5
- package/dist/components/qr-code/qr-code.js +1 -0
- package/dist/components/qr-code/use-qr-code.cjs +10 -2
- package/dist/components/qr-code/use-qr-code.d.cts +5 -0
- package/dist/components/qr-code/use-qr-code.d.ts +5 -0
- package/dist/components/qr-code/use-qr-code.js +10 -2
- package/dist/components/segment-group/segment-group.anatomy.d.cts +2 -2
- package/dist/components/segment-group/segment-group.anatomy.d.ts +2 -2
- package/dist/components/tabs/tab-content.cjs +2 -1
- package/dist/components/tabs/tab-content.js +2 -1
- package/dist/components/tabs/tabs-root.cjs +1 -0
- package/dist/components/tabs/tabs-root.js +1 -0
- package/dist/components/timer/index.cjs +4 -4
- package/dist/components/timer/index.d.cts +2 -2
- package/dist/components/timer/index.d.ts +2 -2
- package/dist/components/timer/index.js +2 -2
- package/dist/components/tree-view/tree-view-root-provider.d.cts +1 -0
- package/dist/components/tree-view/tree-view-root-provider.d.ts +1 -0
- package/dist/components/tree-view/tree-view-root.d.cts +1 -0
- package/dist/components/tree-view/tree-view-root.d.ts +1 -0
- package/dist/index.cjs +17 -10
- package/dist/index.js +6 -4
- package/package.json +61 -61
- package/dist/components/carousel/carousel-viewport.cjs +0 -19
- package/dist/components/carousel/carousel-viewport.d.cts +0 -7
- package/dist/components/carousel/carousel-viewport.d.ts +0 -7
- package/dist/components/carousel/carousel-viewport.js +0 -15
- package/dist/components/carousel/carousel.anatomy.cjs +0 -10
- 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.
|
|
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.
|
|
165
|
-
"@zag-js/anatomy": "0.
|
|
166
|
-
"@zag-js/auto-resize": "0.
|
|
167
|
-
"@zag-js/avatar": "0.
|
|
168
|
-
"@zag-js/carousel": "0.
|
|
169
|
-
"@zag-js/checkbox": "0.
|
|
170
|
-
"@zag-js/clipboard": "0.
|
|
171
|
-
"@zag-js/collapsible": "0.
|
|
172
|
-
"@zag-js/collection": "0.
|
|
173
|
-
"@zag-js/color-picker": "0.
|
|
174
|
-
"@zag-js/color-utils": "0.
|
|
175
|
-
"@zag-js/combobox": "0.
|
|
176
|
-
"@zag-js/core": "0.
|
|
177
|
-
"@zag-js/date-picker": "0.
|
|
178
|
-
"@zag-js/date-utils": "0.
|
|
179
|
-
"@zag-js/dialog": "0.
|
|
180
|
-
"@zag-js/dom-query": "0.
|
|
181
|
-
"@zag-js/editable": "0.
|
|
182
|
-
"@zag-js/file-upload": "0.
|
|
183
|
-
"@zag-js/file-utils": "0.
|
|
184
|
-
"@zag-js/highlight-word": "0.
|
|
185
|
-
"@zag-js/hover-card": "0.
|
|
186
|
-
"@zag-js/i18n-utils": "0.
|
|
187
|
-
"@zag-js/menu": "0.
|
|
188
|
-
"@zag-js/number-input": "0.
|
|
189
|
-
"@zag-js/pagination": "0.
|
|
190
|
-
"@zag-js/pin-input": "0.
|
|
191
|
-
"@zag-js/popover": "0.
|
|
192
|
-
"@zag-js/presence": "0.
|
|
193
|
-
"@zag-js/progress": "0.
|
|
194
|
-
"@zag-js/qr-code": "0.
|
|
195
|
-
"@zag-js/radio-group": "0.
|
|
196
|
-
"@zag-js/rating-group": "0.
|
|
197
|
-
"@zag-js/react": "0.
|
|
198
|
-
"@zag-js/select": "0.
|
|
199
|
-
"@zag-js/signature-pad": "0.
|
|
200
|
-
"@zag-js/slider": "0.
|
|
201
|
-
"@zag-js/splitter": "0.
|
|
202
|
-
"@zag-js/steps": "0.
|
|
203
|
-
"@zag-js/switch": "0.
|
|
204
|
-
"@zag-js/tabs": "0.
|
|
205
|
-
"@zag-js/tags-input": "0.
|
|
206
|
-
"@zag-js/time-picker": "0.
|
|
207
|
-
"@zag-js/timer": "0.
|
|
208
|
-
"@zag-js/toast": "0.
|
|
209
|
-
"@zag-js/toggle-group": "0.
|
|
210
|
-
"@zag-js/tooltip": "0.
|
|
211
|
-
"@zag-js/tree-view": "0.
|
|
212
|
-
"@zag-js/types": "0.
|
|
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
|
|
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": "
|
|
227
|
-
"@types/react-dom": "
|
|
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.
|
|
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.
|
|
234
|
-
"react": "
|
|
235
|
-
"react-dom": "
|
|
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.
|
|
238
|
-
"release-it": "17.
|
|
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.
|
|
241
|
+
"typescript": "5.7.2",
|
|
242
242
|
"vite": "5.4.11",
|
|
243
|
-
"vite-plugin-dts": "4.
|
|
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;
|