@ark-ui/react 5.9.0 → 5.9.2

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 (15) hide show
  1. package/dist/components/collection.d.cts +1 -1
  2. package/dist/components/collection.d.ts +1 -1
  3. package/dist/components/combobox/combobox-root.cjs +0 -1
  4. package/dist/components/combobox/combobox-root.js +0 -1
  5. package/dist/components/combobox/combobox-trigger.cjs +3 -1
  6. package/dist/components/combobox/combobox-trigger.js +3 -1
  7. package/dist/components/fieldset/index.cjs +2 -0
  8. package/dist/components/fieldset/index.d.cts +1 -0
  9. package/dist/components/fieldset/index.d.ts +1 -0
  10. package/dist/components/fieldset/index.js +1 -0
  11. package/dist/components/index.cjs +2 -0
  12. package/dist/components/index.js +1 -0
  13. package/dist/index.cjs +2 -0
  14. package/dist/index.js +1 -0
  15. package/package.json +58 -58
package/dist/components/collection.d.cts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { CollectionItem, CollectionOptions, FilePathTreeNode, ListCollection, TreeCollection, TreeCollectionOptions, TreeNode } from '@zag-js/collection';
2
- export type { CollectionItem, ListCollection, SelectionMode } from '@zag-js/collection';
3
2
  export declare const createListCollection: <T extends CollectionItem>(options: CollectionOptions<T>) => ListCollection<T>;
4
3
  export type { TreeCollection, TreeNode } from '@zag-js/collection';
5
4
  export declare const createTreeCollection: <T extends TreeNode>(options: TreeCollectionOptions<T>) => TreeCollection<T>;
6
5
  export declare const createFileTreeCollection: (paths: string[]) => TreeCollection<FilePathTreeNode>;
6
+ export type { CollectionItem, ListCollection, SelectionMode, CollectionOptions, TreeCollectionOptions, GridCollectionOptions, } from '@zag-js/collection';
package/dist/components/collection.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { CollectionItem, CollectionOptions, FilePathTreeNode, ListCollection, TreeCollection, TreeCollectionOptions, TreeNode } from '@zag-js/collection';
2
- export type { CollectionItem, ListCollection, SelectionMode } from '@zag-js/collection';
3
2
  export declare const createListCollection: <T extends CollectionItem>(options: CollectionOptions<T>) => ListCollection<T>;
4
3
  export type { TreeCollection, TreeNode } from '@zag-js/collection';
5
4
  export declare const createTreeCollection: <T extends TreeNode>(options: TreeCollectionOptions<T>) => TreeCollection<T>;
6
5
  export declare const createFileTreeCollection: (paths: string[]) => TreeCollection<FilePathTreeNode>;
6
+ export type { CollectionItem, ListCollection, SelectionMode, CollectionOptions, TreeCollectionOptions, GridCollectionOptions, } from '@zag-js/collection';
package/dist/components/combobox/combobox-root.cjs CHANGED
@@ -44,7 +44,6 @@ const ComboboxImpl = (props, ref) => {
44
44
  "onInputValueChange",
45
45
  "onInteractOutside",
46
46
  "onOpenChange",
47
- "onOpenChange",
48
47
  "onPointerDownOutside",
49
48
  "onSelect",
50
49
  "onValueChange",
package/dist/components/combobox/combobox-root.js CHANGED
@@ -40,7 +40,6 @@ const ComboboxImpl = (props, ref) => {
40
40
  "onInputValueChange",
41
41
  "onInteractOutside",
42
42
  "onOpenChange",
43
- "onOpenChange",
44
43
  "onPointerDownOutside",
45
44
  "onSelect",
46
45
  "onValueChange",
package/dist/components/combobox/combobox-trigger.cjs CHANGED
@@ -6,12 +6,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
6
6
  const jsxRuntime = require('react/jsx-runtime');
7
7
  const react$1 = require('@zag-js/react');
8
8
  const react = require('react');
9
+ const createSplitProps = require('../../utils/create-split-props.cjs');
9
10
  const factory = require('../factory.cjs');
10
11
  const useComboboxContext = require('./use-combobox-context.cjs');
11
12
 
12
13
  const ComboboxTrigger = react.forwardRef((props, ref) => {
14
+ const [triggerProps, localProps] = createSplitProps.createSplitProps()(props, ["focusable"]);
13
15
  const combobox = useComboboxContext.useComboboxContext();
14
- const mergedProps = react$1.mergeProps(combobox.getTriggerProps(), props);
16
+ const mergedProps = react$1.mergeProps(combobox.getTriggerProps(triggerProps), localProps);
15
17
  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
16
18
  });
17
19
  ComboboxTrigger.displayName = "ComboboxTrigger";
package/dist/components/combobox/combobox-trigger.js CHANGED
@@ -2,12 +2,14 @@
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { mergeProps } from '@zag-js/react';
4
4
  import { forwardRef } from 'react';
5
+ import { createSplitProps } from '../../utils/create-split-props.js';
5
6
  import { ark } from '../factory.js';
6
7
  import { useComboboxContext } from './use-combobox-context.js';
7
8
 
8
9
  const ComboboxTrigger = forwardRef((props, ref) => {
10
+ const [triggerProps, localProps] = createSplitProps()(props, ["focusable"]);
9
11
  const combobox = useComboboxContext();
10
- const mergedProps = mergeProps(combobox.getTriggerProps(), props);
12
+ const mergedProps = mergeProps(combobox.getTriggerProps(triggerProps), localProps);
11
13
  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
12
14
  });
13
15
  ComboboxTrigger.displayName = "ComboboxTrigger";
package/dist/components/fieldset/index.cjs CHANGED
@@ -9,6 +9,7 @@ const fieldsetLegend = require('./fieldset-legend.cjs');
9
9
  const fieldsetRoot = require('./fieldset-root.cjs');
10
10
  const fieldsetRootProvider = require('./fieldset-root-provider.cjs');
11
11
  const fieldset_anatomy = require('./fieldset.anatomy.cjs');
12
+ const useFieldset = require('./use-fieldset.cjs');
12
13
  const useFieldsetContext = require('./use-fieldset-context.cjs');
13
14
  const fieldset = require('./fieldset.cjs');
14
15
 
@@ -21,5 +22,6 @@ exports.FieldsetLegend = fieldsetLegend.FieldsetLegend;
21
22
  exports.FieldsetRoot = fieldsetRoot.FieldsetRoot;
22
23
  exports.FieldsetRootProvider = fieldsetRootProvider.FieldsetRootProvider;
23
24
  exports.fieldsetAnatomy = fieldset_anatomy.fieldsetAnatomy;
25
+ exports.useFieldset = useFieldset.useFieldset;
24
26
  exports.useFieldsetContext = useFieldsetContext.useFieldsetContext;
25
27
  exports.Fieldset = fieldset;
package/dist/components/fieldset/index.d.cts CHANGED
@@ -5,5 +5,6 @@ export { FieldsetLegend, type FieldsetLegendBaseProps, type FieldsetLegendProps
5
5
  export { FieldsetRoot, type FieldsetRootBaseProps, type FieldsetRootProps } from './fieldset-root';
6
6
  export { FieldsetRootProvider, type FieldsetRootProviderBaseProps, type FieldsetRootProviderProps, } from './fieldset-root-provider';
7
7
  export { fieldsetAnatomy } from './fieldset.anatomy';
8
+ export { useFieldset, type UseFieldsetProps, type UseFieldsetReturn } from './use-fieldset';
8
9
  export { useFieldsetContext, type UseFieldsetContext } from './use-fieldset-context';
9
10
  export * as Fieldset from './fieldset';
package/dist/components/fieldset/index.d.ts CHANGED
@@ -5,5 +5,6 @@ export { FieldsetLegend, type FieldsetLegendBaseProps, type FieldsetLegendProps
5
5
  export { FieldsetRoot, type FieldsetRootBaseProps, type FieldsetRootProps } from './fieldset-root';
6
6
  export { FieldsetRootProvider, type FieldsetRootProviderBaseProps, type FieldsetRootProviderProps, } from './fieldset-root-provider';
7
7
  export { fieldsetAnatomy } from './fieldset.anatomy';
8
+ export { useFieldset, type UseFieldsetProps, type UseFieldsetReturn } from './use-fieldset';
8
9
  export { useFieldsetContext, type UseFieldsetContext } from './use-fieldset-context';
9
10
  export * as Fieldset from './fieldset';
package/dist/components/fieldset/index.js CHANGED
@@ -5,6 +5,7 @@ export { FieldsetLegend } from './fieldset-legend.js';
5
5
  export { FieldsetRoot } from './fieldset-root.js';
6
6
  export { FieldsetRootProvider } from './fieldset-root-provider.js';
7
7
  export { fieldsetAnatomy } from './fieldset.anatomy.js';
8
+ export { useFieldset } from './use-fieldset.js';
8
9
  export { useFieldsetContext } from './use-fieldset-context.js';
9
10
  import * as fieldset from './fieldset.js';
10
11
  export { fieldset as Fieldset };
package/dist/components/index.cjs CHANGED
@@ -222,6 +222,7 @@ const fieldsetLegend = require('./fieldset/fieldset-legend.cjs');
222
222
  const fieldsetRoot = require('./fieldset/fieldset-root.cjs');
223
223
  const fieldsetRootProvider = require('./fieldset/fieldset-root-provider.cjs');
224
224
  const fieldset_anatomy = require('./fieldset/fieldset.anatomy.cjs');
225
+ const useFieldset = require('./fieldset/use-fieldset.cjs');
225
226
  const useFieldsetContext = require('./fieldset/use-fieldset-context.cjs');
226
227
  const fieldset = require('./fieldset/fieldset.cjs');
227
228
  const fileUploadClearTrigger = require('./file-upload/file-upload-clear-trigger.cjs');
@@ -921,6 +922,7 @@ exports.FieldsetLegend = fieldsetLegend.FieldsetLegend;
921
922
  exports.FieldsetRoot = fieldsetRoot.FieldsetRoot;
922
923
  exports.FieldsetRootProvider = fieldsetRootProvider.FieldsetRootProvider;
923
924
  exports.fieldsetAnatomy = fieldset_anatomy.fieldsetAnatomy;
925
+ exports.useFieldset = useFieldset.useFieldset;
924
926
  exports.useFieldsetContext = useFieldsetContext.useFieldsetContext;
925
927
  exports.Fieldset = fieldset;
926
928
  exports.FileUploadClearTrigger = fileUploadClearTrigger.FileUploadClearTrigger;
package/dist/components/index.js CHANGED
@@ -231,6 +231,7 @@ export { FieldsetLegend } from './fieldset/fieldset-legend.js';
231
231
  export { FieldsetRoot } from './fieldset/fieldset-root.js';
232
232
  export { FieldsetRootProvider } from './fieldset/fieldset-root-provider.js';
233
233
  export { fieldsetAnatomy } from './fieldset/fieldset.anatomy.js';
234
+ export { useFieldset } from './fieldset/use-fieldset.js';
234
235
  export { useFieldsetContext } from './fieldset/use-fieldset-context.js';
235
236
  import * as fieldset from './fieldset/fieldset.js';
236
237
  export { fieldset as Fieldset };
package/dist/index.cjs CHANGED
@@ -222,6 +222,7 @@ const fieldsetLegend = require('./components/fieldset/fieldset-legend.cjs');
222
222
  const fieldsetRoot = require('./components/fieldset/fieldset-root.cjs');
223
223
  const fieldsetRootProvider = require('./components/fieldset/fieldset-root-provider.cjs');
224
224
  const fieldset_anatomy = require('./components/fieldset/fieldset.anatomy.cjs');
225
+ const useFieldset = require('./components/fieldset/use-fieldset.cjs');
225
226
  const useFieldsetContext = require('./components/fieldset/use-fieldset-context.cjs');
226
227
  const fieldset = require('./components/fieldset/fieldset.cjs');
227
228
  const fileUploadClearTrigger = require('./components/file-upload/file-upload-clear-trigger.cjs');
@@ -926,6 +927,7 @@ exports.FieldsetLegend = fieldsetLegend.FieldsetLegend;
926
927
  exports.FieldsetRoot = fieldsetRoot.FieldsetRoot;
927
928
  exports.FieldsetRootProvider = fieldsetRootProvider.FieldsetRootProvider;
928
929
  exports.fieldsetAnatomy = fieldset_anatomy.fieldsetAnatomy;
930
+ exports.useFieldset = useFieldset.useFieldset;
929
931
  exports.useFieldsetContext = useFieldsetContext.useFieldsetContext;
930
932
  exports.Fieldset = fieldset;
931
933
  exports.FileUploadClearTrigger = fileUploadClearTrigger.FileUploadClearTrigger;
package/dist/index.js CHANGED
@@ -231,6 +231,7 @@ export { FieldsetLegend } from './components/fieldset/fieldset-legend.js';
231
231
  export { FieldsetRoot } from './components/fieldset/fieldset-root.js';
232
232
  export { FieldsetRootProvider } from './components/fieldset/fieldset-root-provider.js';
233
233
  export { fieldsetAnatomy } from './components/fieldset/fieldset.anatomy.js';
234
+ export { useFieldset } from './components/fieldset/use-fieldset.js';
234
235
  export { useFieldsetContext } from './components/fieldset/use-fieldset-context.js';
235
236
  import * as fieldset from './components/fieldset/fieldset.js';
236
237
  export { fieldset as Fieldset };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ark-ui/react",
3
3
  "type": "module",
4
- "version": "5.9.0",
4
+ "version": "5.9.2",
5
5
  "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
6
6
  "keywords": [
7
7
  "accordion",
@@ -150,62 +150,62 @@
150
150
  "sideEffects": false,
151
151
  "dependencies": {
152
152
  "@internationalized/date": "3.8.0",
153
- "@zag-js/accordion": "1.12.0",
154
- "@zag-js/angle-slider": "1.12.0",
155
- "@zag-js/anatomy": "1.12.0",
156
- "@zag-js/auto-resize": "1.12.0",
157
- "@zag-js/avatar": "1.12.0",
158
- "@zag-js/carousel": "1.12.0",
159
- "@zag-js/checkbox": "1.12.0",
160
- "@zag-js/clipboard": "1.12.0",
161
- "@zag-js/collapsible": "1.12.0",
162
- "@zag-js/collection": "1.12.0",
163
- "@zag-js/color-picker": "1.12.0",
164
- "@zag-js/color-utils": "1.12.0",
165
- "@zag-js/combobox": "1.12.0",
166
- "@zag-js/core": "1.12.0",
167
- "@zag-js/date-picker": "1.12.0",
168
- "@zag-js/date-utils": "1.12.0",
169
- "@zag-js/dialog": "1.12.0",
170
- "@zag-js/dom-query": "1.12.0",
171
- "@zag-js/editable": "1.12.0",
172
- "@zag-js/file-upload": "1.12.0",
173
- "@zag-js/file-utils": "1.12.0",
174
- "@zag-js/focus-trap": "1.12.0",
175
- "@zag-js/floating-panel": "1.12.0",
176
- "@zag-js/highlight-word": "1.12.0",
177
- "@zag-js/hover-card": "1.12.0",
178
- "@zag-js/i18n-utils": "1.12.0",
179
- "@zag-js/listbox": "1.12.0",
180
- "@zag-js/menu": "1.12.0",
181
- "@zag-js/number-input": "1.12.0",
182
- "@zag-js/pagination": "1.12.0",
183
- "@zag-js/pin-input": "1.12.0",
184
- "@zag-js/popover": "1.12.0",
185
- "@zag-js/presence": "1.12.0",
186
- "@zag-js/progress": "1.12.0",
187
- "@zag-js/qr-code": "1.12.0",
188
- "@zag-js/radio-group": "1.12.0",
189
- "@zag-js/rating-group": "1.12.0",
190
- "@zag-js/react": "1.12.0",
191
- "@zag-js/select": "1.12.0",
192
- "@zag-js/signature-pad": "1.12.0",
193
- "@zag-js/slider": "1.12.0",
194
- "@zag-js/splitter": "1.12.0",
195
- "@zag-js/steps": "1.12.0",
196
- "@zag-js/switch": "1.12.0",
197
- "@zag-js/tabs": "1.12.0",
198
- "@zag-js/tags-input": "1.12.0",
199
- "@zag-js/time-picker": "1.12.0",
200
- "@zag-js/timer": "1.12.0",
201
- "@zag-js/toast": "1.12.0",
202
- "@zag-js/toggle": "1.12.0",
203
- "@zag-js/toggle-group": "1.12.0",
204
- "@zag-js/tooltip": "1.12.0",
205
- "@zag-js/tour": "1.12.0",
206
- "@zag-js/tree-view": "1.12.0",
207
- "@zag-js/types": "1.12.0",
208
- "@zag-js/utils": "1.12.0"
153
+ "@zag-js/accordion": "1.12.4",
154
+ "@zag-js/angle-slider": "1.12.4",
155
+ "@zag-js/anatomy": "1.12.4",
156
+ "@zag-js/auto-resize": "1.12.4",
157
+ "@zag-js/avatar": "1.12.4",
158
+ "@zag-js/carousel": "1.12.4",
159
+ "@zag-js/checkbox": "1.12.4",
160
+ "@zag-js/clipboard": "1.12.4",
161
+ "@zag-js/collapsible": "1.12.4",
162
+ "@zag-js/collection": "1.12.4",
163
+ "@zag-js/color-picker": "1.12.4",
164
+ "@zag-js/color-utils": "1.12.4",
165
+ "@zag-js/combobox": "1.12.4",
166
+ "@zag-js/core": "1.12.4",
167
+ "@zag-js/date-picker": "1.12.4",
168
+ "@zag-js/date-utils": "1.12.4",
169
+ "@zag-js/dialog": "1.12.4",
170
+ "@zag-js/dom-query": "1.12.4",
171
+ "@zag-js/editable": "1.12.4",
172
+ "@zag-js/file-upload": "1.12.4",
173
+ "@zag-js/file-utils": "1.12.4",
174
+ "@zag-js/focus-trap": "1.12.4",
175
+ "@zag-js/floating-panel": "1.12.4",
176
+ "@zag-js/highlight-word": "1.12.4",
177
+ "@zag-js/hover-card": "1.12.4",
178
+ "@zag-js/i18n-utils": "1.12.4",
179
+ "@zag-js/listbox": "1.12.4",
180
+ "@zag-js/menu": "1.12.4",
181
+ "@zag-js/number-input": "1.12.4",
182
+ "@zag-js/pagination": "1.12.4",
183
+ "@zag-js/pin-input": "1.12.4",
184
+ "@zag-js/popover": "1.12.4",
185
+ "@zag-js/presence": "1.12.4",
186
+ "@zag-js/progress": "1.12.4",
187
+ "@zag-js/qr-code": "1.12.4",
188
+ "@zag-js/radio-group": "1.12.4",
189
+ "@zag-js/rating-group": "1.12.4",
190
+ "@zag-js/react": "1.12.4",
191
+ "@zag-js/select": "1.12.4",
192
+ "@zag-js/signature-pad": "1.12.4",
193
+ "@zag-js/slider": "1.12.4",
194
+ "@zag-js/splitter": "1.12.4",
195
+ "@zag-js/steps": "1.12.4",
196
+ "@zag-js/switch": "1.12.4",
197
+ "@zag-js/tabs": "1.12.4",
198
+ "@zag-js/tags-input": "1.12.4",
199
+ "@zag-js/time-picker": "1.12.4",
200
+ "@zag-js/timer": "1.12.4",
201
+ "@zag-js/toast": "1.12.4",
202
+ "@zag-js/toggle": "1.12.4",
203
+ "@zag-js/toggle-group": "1.12.4",
204
+ "@zag-js/tooltip": "1.12.4",
205
+ "@zag-js/tour": "1.12.4",
206
+ "@zag-js/tree-view": "1.12.4",
207
+ "@zag-js/types": "1.12.4",
208
+ "@zag-js/utils": "1.12.4"
209
209
  },
210
210
  "devDependencies": {
211
211
  "@biomejs/biome": "1.9.4",
@@ -221,7 +221,7 @@
221
221
  "@types/react": "19.1.2",
222
222
  "@types/react-dom": "19.1.3",
223
223
  "@vitejs/plugin-react": "4.4.1",
224
- "@zag-js/stringify-state": "1.12.0",
224
+ "@zag-js/stringify-state": "1.12.4",
225
225
  "clean-package": "2.2.0",
226
226
  "globby": "14.1.0",
227
227
  "happy-dom": "17.4.6",