@ark-ui/react 5.15.0 → 5.15.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 (28) hide show
  1. package/README.md +1 -0
  2. package/dist/components/index.cjs +4 -2
  3. package/dist/components/index.js +2 -1
  4. package/dist/components/listbox/index.cjs +4 -2
  5. package/dist/components/listbox/index.d.cts +2 -1
  6. package/dist/components/listbox/index.d.ts +2 -1
  7. package/dist/components/listbox/index.js +2 -1
  8. package/dist/components/listbox/listbox-item-context.cjs +10 -0
  9. package/dist/components/listbox/listbox-item-context.d.cts +6 -0
  10. package/dist/components/listbox/listbox-item-context.d.ts +6 -0
  11. package/dist/components/listbox/listbox-item-context.js +6 -0
  12. package/dist/components/listbox/listbox.cjs +2 -0
  13. package/dist/components/listbox/listbox.d.cts +1 -0
  14. package/dist/components/listbox/listbox.d.ts +1 -0
  15. package/dist/components/listbox/listbox.js +1 -0
  16. package/dist/index.cjs +4 -2
  17. package/dist/index.js +2 -1
  18. package/package.json +59 -59
  19. package/dist/components/accordion/examples/context/focusedValue.d.cts +0 -1
  20. package/dist/components/accordion/examples/context/focusedValue.d.ts +0 -1
  21. package/dist/components/accordion/examples/context/getItemState.d.cts +0 -1
  22. package/dist/components/accordion/examples/context/getItemState.d.ts +0 -1
  23. package/dist/components/accordion/examples/context/setValue.d.cts +0 -1
  24. package/dist/components/accordion/examples/context/setValue.d.ts +0 -1
  25. package/dist/components/accordion/examples/context/value.d.cts +0 -1
  26. package/dist/components/accordion/examples/context/value.d.ts +0 -1
  27. package/dist/use-debugger.d.cts +0 -9
  28. package/dist/use-debugger.d.ts +0 -9
package/README.md CHANGED
@@ -16,6 +16,7 @@ Ark UI is available for the following JavaScript frameworks:
16
16
  - **React**: `@ark-ui/react`
17
17
  - **Solid**: `@ark-ui/solid`
18
18
  - **Vue**: `@ark-ui/vue`
19
+ - **Svelte**: `@ark-ui/svelte`
19
20
 
20
21
  ## Available Components
21
22
 
@@ -281,10 +281,11 @@ const hoverCardTrigger = require('./hover-card/hover-card-trigger.cjs');
281
281
  const useHoverCard = require('./hover-card/use-hover-card.cjs');
282
282
  const useHoverCardContext = require('./hover-card/use-hover-card-context.cjs');
283
283
  const hoverCard$1 = require('./hover-card/hover-card.cjs');
284
- const listboxContext = require('./listbox/listbox-context.cjs');
285
284
  const listboxContent = require('./listbox/listbox-content.cjs');
285
+ const listboxContext = require('./listbox/listbox-context.cjs');
286
286
  const listboxInput = require('./listbox/listbox-input.cjs');
287
287
  const listboxItem = require('./listbox/listbox-item.cjs');
288
+ const listboxItemContext = require('./listbox/listbox-item-context.cjs');
288
289
  const listboxItemGroup = require('./listbox/listbox-item-group.cjs');
289
290
  const listboxItemGroupLabel = require('./listbox/listbox-item-group-label.cjs');
290
291
  const listboxItemIndicator = require('./listbox/listbox-item-indicator.cjs');
@@ -999,10 +1000,11 @@ exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
999
1000
  exports.useHoverCard = useHoverCard.useHoverCard;
1000
1001
  exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
1001
1002
  exports.HoverCard = hoverCard$1;
1002
- exports.ListboxContext = listboxContext.ListboxContext;
1003
1003
  exports.ListboxContent = listboxContent.ListboxContent;
1004
+ exports.ListboxContext = listboxContext.ListboxContext;
1004
1005
  exports.ListboxInput = listboxInput.ListboxInput;
1005
1006
  exports.ListboxItem = listboxItem.ListboxItem;
1007
+ exports.ListboxItemContext = listboxItemContext.ListboxItemContext;
1006
1008
  exports.ListboxItemGroup = listboxItemGroup.ListboxItemGroup;
1007
1009
  exports.ListboxItemGroupLabel = listboxItemGroupLabel.ListboxItemGroupLabel;
1008
1010
  exports.ListboxItemIndicator = listboxItemIndicator.ListboxItemIndicator;
@@ -295,10 +295,11 @@ export { useHoverCard } from './hover-card/use-hover-card.js';
295
295
  export { useHoverCardContext } from './hover-card/use-hover-card-context.js';
296
296
  import * as hoverCard from './hover-card/hover-card.js';
297
297
  export { hoverCard as HoverCard };
298
- export { ListboxContext } from './listbox/listbox-context.js';
299
298
  export { ListboxContent } from './listbox/listbox-content.js';
299
+ export { ListboxContext } from './listbox/listbox-context.js';
300
300
  export { ListboxInput } from './listbox/listbox-input.js';
301
301
  export { ListboxItem } from './listbox/listbox-item.js';
302
+ export { ListboxItemContext } from './listbox/listbox-item-context.js';
302
303
  export { ListboxItemGroup } from './listbox/listbox-item-group.js';
303
304
  export { ListboxItemGroupLabel } from './listbox/listbox-item-group-label.js';
304
305
  export { ListboxItemIndicator } from './listbox/listbox-item-indicator.js';
@@ -3,10 +3,11 @@
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
5
  const listCollection = require('../collection/list-collection.cjs');
6
- const listboxContext = require('./listbox-context.cjs');
7
6
  const listboxContent = require('./listbox-content.cjs');
7
+ const listboxContext = require('./listbox-context.cjs');
8
8
  const listboxInput = require('./listbox-input.cjs');
9
9
  const listboxItem = require('./listbox-item.cjs');
10
+ const listboxItemContext = require('./listbox-item-context.cjs');
10
11
  const listboxItemGroup = require('./listbox-item-group.cjs');
11
12
  const listboxItemGroupLabel = require('./listbox-item-group-label.cjs');
12
13
  const listboxItemIndicator = require('./listbox-item-indicator.cjs');
@@ -24,10 +25,11 @@ const listbox = require('@zag-js/listbox');
24
25
 
25
26
 
26
27
  exports.createListCollection = listCollection.createListCollection;
27
- exports.ListboxContext = listboxContext.ListboxContext;
28
28
  exports.ListboxContent = listboxContent.ListboxContent;
29
+ exports.ListboxContext = listboxContext.ListboxContext;
29
30
  exports.ListboxInput = listboxInput.ListboxInput;
30
31
  exports.ListboxItem = listboxItem.ListboxItem;
32
+ exports.ListboxItemContext = listboxItemContext.ListboxItemContext;
31
33
  exports.ListboxItemGroup = listboxItemGroup.ListboxItemGroup;
32
34
  exports.ListboxItemGroupLabel = listboxItemGroupLabel.ListboxItemGroupLabel;
33
35
  exports.ListboxItemIndicator = listboxItemIndicator.ListboxItemIndicator;
@@ -1,9 +1,10 @@
1
1
  export type { HighlightChangeDetails as ListboxHighlightChangeDetails, ScrollToIndexDetails as ListboxScrollToIndexDetails, SelectionDetails as ListboxSelectionDetails, SelectionMode as ListboxSelectionMode, ValueChangeDetails as ListboxValueChangeDetails, } from '@zag-js/listbox';
2
2
  export { createListCollection, type CollectionItem, type ListCollection } from '../collection';
3
- export { ListboxContext, type ListboxContextProps } from './listbox-context';
4
3
  export { ListboxContent, type ListboxContentBaseProps, type ListboxContentProps } from './listbox-content';
4
+ export { ListboxContext, type ListboxContextProps } from './listbox-context';
5
5
  export { ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input';
6
6
  export { ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item';
7
+ export { ListboxItemContext, type ListboxItemContextProps } from './listbox-item-context';
7
8
  export { ListboxItemGroup, type ListboxItemGroupBaseProps, type ListboxItemGroupProps } from './listbox-item-group';
8
9
  export { ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type ListboxItemGroupLabelProps, } from './listbox-item-group-label';
9
10
  export { ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, } from './listbox-item-indicator';
@@ -1,9 +1,10 @@
1
1
  export type { HighlightChangeDetails as ListboxHighlightChangeDetails, ScrollToIndexDetails as ListboxScrollToIndexDetails, SelectionDetails as ListboxSelectionDetails, SelectionMode as ListboxSelectionMode, ValueChangeDetails as ListboxValueChangeDetails, } from '@zag-js/listbox';
2
2
  export { createListCollection, type CollectionItem, type ListCollection } from '../collection';
3
- export { ListboxContext, type ListboxContextProps } from './listbox-context';
4
3
  export { ListboxContent, type ListboxContentBaseProps, type ListboxContentProps } from './listbox-content';
4
+ export { ListboxContext, type ListboxContextProps } from './listbox-context';
5
5
  export { ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input';
6
6
  export { ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item';
7
+ export { ListboxItemContext, type ListboxItemContextProps } from './listbox-item-context';
7
8
  export { ListboxItemGroup, type ListboxItemGroupBaseProps, type ListboxItemGroupProps } from './listbox-item-group';
8
9
  export { ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type ListboxItemGroupLabelProps, } from './listbox-item-group-label';
9
10
  export { ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, } from './listbox-item-indicator';
@@ -1,8 +1,9 @@
1
1
  export { createListCollection } from '../collection/list-collection.js';
2
- export { ListboxContext } from './listbox-context.js';
3
2
  export { ListboxContent } from './listbox-content.js';
3
+ export { ListboxContext } from './listbox-context.js';
4
4
  export { ListboxInput } from './listbox-input.js';
5
5
  export { ListboxItem } from './listbox-item.js';
6
+ export { ListboxItemContext } from './listbox-item-context.js';
6
7
  export { ListboxItemGroup } from './listbox-item-group.js';
7
8
  export { ListboxItemGroupLabel } from './listbox-item-group-label.js';
8
9
  export { ListboxItemIndicator } from './listbox-item-indicator.js';
@@ -0,0 +1,10 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
+
6
+ const useListboxItemContext = require('./use-listbox-item-context.cjs');
7
+
8
+ const ListboxItemContext = (props) => props.children(useListboxItemContext.useListboxItemContext());
9
+
10
+ exports.ListboxItemContext = ListboxItemContext;
@@ -0,0 +1,6 @@
1
+ import { ReactNode } from 'react';
2
+ import { UseListboxItemContext } from './use-listbox-item-context';
3
+ export interface ListboxItemContextProps {
4
+ children: (context: UseListboxItemContext) => ReactNode;
5
+ }
6
+ export declare const ListboxItemContext: (props: ListboxItemContextProps) => ReactNode;
@@ -0,0 +1,6 @@
1
+ import { ReactNode } from 'react';
2
+ import { UseListboxItemContext } from './use-listbox-item-context';
3
+ export interface ListboxItemContextProps {
4
+ children: (context: UseListboxItemContext) => ReactNode;
5
+ }
6
+ export declare const ListboxItemContext: (props: ListboxItemContextProps) => ReactNode;
@@ -0,0 +1,6 @@
1
+ 'use client';
2
+ import { useListboxItemContext } from './use-listbox-item-context.js';
3
+
4
+ const ListboxItemContext = (props) => props.children(useListboxItemContext());
5
+
6
+ export { ListboxItemContext };
@@ -6,6 +6,7 @@ const listboxContext = require('./listbox-context.cjs');
6
6
  const listboxContent = require('./listbox-content.cjs');
7
7
  const listboxInput = require('./listbox-input.cjs');
8
8
  const listboxItem = require('./listbox-item.cjs');
9
+ const listboxItemContext = require('./listbox-item-context.cjs');
9
10
  const listboxItemGroup = require('./listbox-item-group.cjs');
10
11
  const listboxItemGroupLabel = require('./listbox-item-group-label.cjs');
11
12
  const listboxItemIndicator = require('./listbox-item-indicator.cjs');
@@ -21,6 +22,7 @@ exports.Context = listboxContext.ListboxContext;
21
22
  exports.Content = listboxContent.ListboxContent;
22
23
  exports.Input = listboxInput.ListboxInput;
23
24
  exports.Item = listboxItem.ListboxItem;
25
+ exports.ItemContext = listboxItemContext.ListboxItemContext;
24
26
  exports.ItemGroup = listboxItemGroup.ListboxItemGroup;
25
27
  exports.ItemGroupLabel = listboxItemGroupLabel.ListboxItemGroupLabel;
26
28
  exports.ItemIndicator = listboxItemIndicator.ListboxItemIndicator;
@@ -3,6 +3,7 @@ export { ListboxContext as Context, type ListboxContextProps as ContextProps } f
3
3
  export { ListboxContent as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content';
4
4
  export { ListboxInput as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, } from './listbox-input';
5
5
  export { ListboxItem as Item, type ListboxItemBaseProps as ItemBaseProps, type ListboxItemProps as ItemProps, } from './listbox-item';
6
+ export { ListboxItemContext as ItemContext, type ListboxItemContextProps as ItemContextProps, } from './listbox-item-context';
6
7
  export { ListboxItemGroup as ItemGroup, type ListboxItemGroupBaseProps as ItemGroupBaseProps, type ListboxItemGroupProps as ItemGroupProps, } from './listbox-item-group';
7
8
  export { ListboxItemGroupLabel as ItemGroupLabel, type ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ListboxItemGroupLabelProps as ItemGroupLabelProps, } from './listbox-item-group-label';
8
9
  export { ListboxItemIndicator as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, } from './listbox-item-indicator';
@@ -3,6 +3,7 @@ export { ListboxContext as Context, type ListboxContextProps as ContextProps } f
3
3
  export { ListboxContent as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content';
4
4
  export { ListboxInput as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, } from './listbox-input';
5
5
  export { ListboxItem as Item, type ListboxItemBaseProps as ItemBaseProps, type ListboxItemProps as ItemProps, } from './listbox-item';
6
+ export { ListboxItemContext as ItemContext, type ListboxItemContextProps as ItemContextProps, } from './listbox-item-context';
6
7
  export { ListboxItemGroup as ItemGroup, type ListboxItemGroupBaseProps as ItemGroupBaseProps, type ListboxItemGroupProps as ItemGroupProps, } from './listbox-item-group';
7
8
  export { ListboxItemGroupLabel as ItemGroupLabel, type ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ListboxItemGroupLabelProps as ItemGroupLabelProps, } from './listbox-item-group-label';
8
9
  export { ListboxItemIndicator as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, } from './listbox-item-indicator';
@@ -2,6 +2,7 @@ export { ListboxContext as Context } from './listbox-context.js';
2
2
  export { ListboxContent as Content } from './listbox-content.js';
3
3
  export { ListboxInput as Input } from './listbox-input.js';
4
4
  export { ListboxItem as Item } from './listbox-item.js';
5
+ export { ListboxItemContext as ItemContext } from './listbox-item-context.js';
5
6
  export { ListboxItemGroup as ItemGroup } from './listbox-item-group.js';
6
7
  export { ListboxItemGroupLabel as ItemGroupLabel } from './listbox-item-group-label.js';
7
8
  export { ListboxItemIndicator as ItemIndicator } from './listbox-item-indicator.js';
package/dist/index.cjs CHANGED
@@ -281,10 +281,11 @@ const hoverCardTrigger = require('./components/hover-card/hover-card-trigger.cjs
281
281
  const useHoverCard = require('./components/hover-card/use-hover-card.cjs');
282
282
  const useHoverCardContext = require('./components/hover-card/use-hover-card-context.cjs');
283
283
  const hoverCard$1 = require('./components/hover-card/hover-card.cjs');
284
- const listboxContext = require('./components/listbox/listbox-context.cjs');
285
284
  const listboxContent = require('./components/listbox/listbox-content.cjs');
285
+ const listboxContext = require('./components/listbox/listbox-context.cjs');
286
286
  const listboxInput = require('./components/listbox/listbox-input.cjs');
287
287
  const listboxItem = require('./components/listbox/listbox-item.cjs');
288
+ const listboxItemContext = require('./components/listbox/listbox-item-context.cjs');
288
289
  const listboxItemGroup = require('./components/listbox/listbox-item-group.cjs');
289
290
  const listboxItemGroupLabel = require('./components/listbox/listbox-item-group-label.cjs');
290
291
  const listboxItemIndicator = require('./components/listbox/listbox-item-indicator.cjs');
@@ -1004,10 +1005,11 @@ exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
1004
1005
  exports.useHoverCard = useHoverCard.useHoverCard;
1005
1006
  exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
1006
1007
  exports.HoverCard = hoverCard$1;
1007
- exports.ListboxContext = listboxContext.ListboxContext;
1008
1008
  exports.ListboxContent = listboxContent.ListboxContent;
1009
+ exports.ListboxContext = listboxContext.ListboxContext;
1009
1010
  exports.ListboxInput = listboxInput.ListboxInput;
1010
1011
  exports.ListboxItem = listboxItem.ListboxItem;
1012
+ exports.ListboxItemContext = listboxItemContext.ListboxItemContext;
1011
1013
  exports.ListboxItemGroup = listboxItemGroup.ListboxItemGroup;
1012
1014
  exports.ListboxItemGroupLabel = listboxItemGroupLabel.ListboxItemGroupLabel;
1013
1015
  exports.ListboxItemIndicator = listboxItemIndicator.ListboxItemIndicator;
package/dist/index.js CHANGED
@@ -295,10 +295,11 @@ export { useHoverCard } from './components/hover-card/use-hover-card.js';
295
295
  export { useHoverCardContext } from './components/hover-card/use-hover-card-context.js';
296
296
  import * as hoverCard from './components/hover-card/hover-card.js';
297
297
  export { hoverCard as HoverCard };
298
- export { ListboxContext } from './components/listbox/listbox-context.js';
299
298
  export { ListboxContent } from './components/listbox/listbox-content.js';
299
+ export { ListboxContext } from './components/listbox/listbox-context.js';
300
300
  export { ListboxInput } from './components/listbox/listbox-input.js';
301
301
  export { ListboxItem } from './components/listbox/listbox-item.js';
302
+ export { ListboxItemContext } from './components/listbox/listbox-item-context.js';
302
303
  export { ListboxItemGroup } from './components/listbox/listbox-item-group.js';
303
304
  export { ListboxItemGroupLabel } from './components/listbox/listbox-item-group-label.js';
304
305
  export { ListboxItemIndicator } from './components/listbox/listbox-item-indicator.js';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ark-ui/react",
3
3
  "type": "module",
4
- "version": "5.15.0",
4
+ "version": "5.15.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",
@@ -141,63 +141,63 @@
141
141
  "sideEffects": false,
142
142
  "dependencies": {
143
143
  "@internationalized/date": "3.8.2",
144
- "@zag-js/accordion": "1.17.0",
145
- "@zag-js/angle-slider": "1.17.0",
146
- "@zag-js/anatomy": "1.17.0",
147
- "@zag-js/auto-resize": "1.17.0",
148
- "@zag-js/avatar": "1.17.0",
149
- "@zag-js/carousel": "1.17.0",
150
- "@zag-js/checkbox": "1.17.0",
151
- "@zag-js/clipboard": "1.17.0",
152
- "@zag-js/collapsible": "1.17.0",
153
- "@zag-js/collection": "1.17.0",
154
- "@zag-js/color-picker": "1.17.0",
155
- "@zag-js/color-utils": "1.17.0",
156
- "@zag-js/combobox": "1.17.0",
157
- "@zag-js/core": "1.17.0",
158
- "@zag-js/date-picker": "1.17.0",
159
- "@zag-js/date-utils": "1.17.0",
160
- "@zag-js/dialog": "1.17.0",
161
- "@zag-js/dom-query": "1.17.0",
162
- "@zag-js/editable": "1.17.0",
163
- "@zag-js/file-upload": "1.17.0",
164
- "@zag-js/file-utils": "1.17.0",
165
- "@zag-js/focus-trap": "1.17.0",
166
- "@zag-js/floating-panel": "1.17.0",
167
- "@zag-js/highlight-word": "1.17.0",
168
- "@zag-js/hover-card": "1.17.0",
169
- "@zag-js/i18n-utils": "1.17.0",
170
- "@zag-js/listbox": "1.17.0",
171
- "@zag-js/menu": "1.17.0",
172
- "@zag-js/number-input": "1.17.0",
173
- "@zag-js/pagination": "1.17.0",
174
- "@zag-js/password-input": "1.17.0",
175
- "@zag-js/pin-input": "1.17.0",
176
- "@zag-js/popover": "1.17.0",
177
- "@zag-js/presence": "1.17.0",
178
- "@zag-js/progress": "1.17.0",
179
- "@zag-js/qr-code": "1.17.0",
180
- "@zag-js/radio-group": "1.17.0",
181
- "@zag-js/rating-group": "1.17.0",
182
- "@zag-js/react": "1.17.0",
183
- "@zag-js/select": "1.17.0",
184
- "@zag-js/signature-pad": "1.17.0",
185
- "@zag-js/slider": "1.17.0",
186
- "@zag-js/splitter": "1.17.0",
187
- "@zag-js/steps": "1.17.0",
188
- "@zag-js/switch": "1.17.0",
189
- "@zag-js/tabs": "1.17.0",
190
- "@zag-js/tags-input": "1.17.0",
191
- "@zag-js/time-picker": "1.17.0",
192
- "@zag-js/timer": "1.17.0",
193
- "@zag-js/toast": "1.17.0",
194
- "@zag-js/toggle": "1.17.0",
195
- "@zag-js/toggle-group": "1.17.0",
196
- "@zag-js/tooltip": "1.17.0",
197
- "@zag-js/tour": "1.17.0",
198
- "@zag-js/tree-view": "1.17.0",
199
- "@zag-js/types": "1.17.0",
200
- "@zag-js/utils": "1.17.0"
144
+ "@zag-js/accordion": "1.17.2",
145
+ "@zag-js/angle-slider": "1.17.2",
146
+ "@zag-js/anatomy": "1.17.2",
147
+ "@zag-js/auto-resize": "1.17.2",
148
+ "@zag-js/avatar": "1.17.2",
149
+ "@zag-js/carousel": "1.17.2",
150
+ "@zag-js/checkbox": "1.17.2",
151
+ "@zag-js/clipboard": "1.17.2",
152
+ "@zag-js/collapsible": "1.17.2",
153
+ "@zag-js/collection": "1.17.2",
154
+ "@zag-js/color-picker": "1.17.2",
155
+ "@zag-js/color-utils": "1.17.2",
156
+ "@zag-js/combobox": "1.17.2",
157
+ "@zag-js/core": "1.17.2",
158
+ "@zag-js/date-picker": "1.17.2",
159
+ "@zag-js/date-utils": "1.17.2",
160
+ "@zag-js/dialog": "1.17.2",
161
+ "@zag-js/dom-query": "1.17.2",
162
+ "@zag-js/editable": "1.17.2",
163
+ "@zag-js/file-upload": "1.17.2",
164
+ "@zag-js/file-utils": "1.17.2",
165
+ "@zag-js/focus-trap": "1.17.2",
166
+ "@zag-js/floating-panel": "1.17.2",
167
+ "@zag-js/highlight-word": "1.17.2",
168
+ "@zag-js/hover-card": "1.17.2",
169
+ "@zag-js/i18n-utils": "1.17.2",
170
+ "@zag-js/listbox": "1.17.2",
171
+ "@zag-js/menu": "1.17.2",
172
+ "@zag-js/number-input": "1.17.2",
173
+ "@zag-js/pagination": "1.17.2",
174
+ "@zag-js/password-input": "1.17.2",
175
+ "@zag-js/pin-input": "1.17.2",
176
+ "@zag-js/popover": "1.17.2",
177
+ "@zag-js/presence": "1.17.2",
178
+ "@zag-js/progress": "1.17.2",
179
+ "@zag-js/qr-code": "1.17.2",
180
+ "@zag-js/radio-group": "1.17.2",
181
+ "@zag-js/rating-group": "1.17.2",
182
+ "@zag-js/react": "1.17.2",
183
+ "@zag-js/select": "1.17.2",
184
+ "@zag-js/signature-pad": "1.17.2",
185
+ "@zag-js/slider": "1.17.2",
186
+ "@zag-js/splitter": "1.17.2",
187
+ "@zag-js/steps": "1.17.2",
188
+ "@zag-js/switch": "1.17.2",
189
+ "@zag-js/tabs": "1.17.2",
190
+ "@zag-js/tags-input": "1.17.2",
191
+ "@zag-js/time-picker": "1.17.2",
192
+ "@zag-js/timer": "1.17.2",
193
+ "@zag-js/toast": "1.17.2",
194
+ "@zag-js/toggle": "1.17.2",
195
+ "@zag-js/toggle-group": "1.17.2",
196
+ "@zag-js/tooltip": "1.17.2",
197
+ "@zag-js/tour": "1.17.2",
198
+ "@zag-js/tree-view": "1.17.2",
199
+ "@zag-js/types": "1.17.2",
200
+ "@zag-js/utils": "1.17.2"
201
201
  },
202
202
  "devDependencies": {
203
203
  "@biomejs/biome": "1.9.4",
@@ -211,7 +211,6 @@
211
211
  "@types/react": "19.1.8",
212
212
  "@types/react-dom": "19.1.6",
213
213
  "@vitejs/plugin-react": "4.5.2",
214
- "@zag-js/stringify-state": "1.17.0",
215
214
  "clean-package": "2.2.0",
216
215
  "globby": "14.1.0",
217
216
  "happy-dom": "18.0.1",
@@ -219,6 +218,7 @@
219
218
  "react": "19.1.0",
220
219
  "react-dom": "19.1.0",
221
220
  "react-shadow": "20.6.0",
221
+ "react-use": "17.6.0",
222
222
  "react-frame-component": "5.2.7",
223
223
  "react-hook-form": "7.57.0",
224
224
  "resize-observer-polyfill": "1.5.1",
@@ -1 +0,0 @@
1
- export declare const ContextFocusedValue: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const ContextFocusedValue: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const ContextGetItemState: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const ContextGetItemState: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const ContextSetValue: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const ContextSetValue: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const ContextValue: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const ContextValue: () => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- interface Service {
2
- initialContext: {
3
- id: string;
4
- };
5
- state: Record<string, any>;
6
- subscribe: (callback: () => void) => () => void;
7
- }
8
- export declare const useDebugger: (service: Service) => void;
9
- export {};
@@ -1,9 +0,0 @@
1
- interface Service {
2
- initialContext: {
3
- id: string;
4
- };
5
- state: Record<string, any>;
6
- subscribe: (callback: () => void) => () => void;
7
- }
8
- export declare const useDebugger: (service: Service) => void;
9
- export {};