@ark-ui/svelte 5.1.1 → 5.3.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 (64) hide show
  1. package/dist/components/checkbox/checkbox-group-provider.svelte +24 -0
  2. package/dist/components/checkbox/checkbox-group-provider.svelte.d.ts +10 -0
  3. package/dist/components/checkbox/checkbox-group.svelte +2 -2
  4. package/dist/components/checkbox/checkbox.d.ts +1 -0
  5. package/dist/components/checkbox/checkbox.js +1 -0
  6. package/dist/components/checkbox/index.d.ts +2 -1
  7. package/dist/components/checkbox/index.js +2 -1
  8. package/dist/components/checkbox/use-checkbox-group-context.d.ts +1 -1
  9. package/dist/components/checkbox/use-checkbox-group-context.js +1 -1
  10. package/dist/components/collection/index.d.ts +2 -1
  11. package/dist/components/collection/index.js +2 -1
  12. package/dist/components/collection/use-list-selection.svelte.d.ts +104 -0
  13. package/dist/components/collection/use-list-selection.svelte.js +91 -0
  14. package/dist/components/combobox/combobox-context.svelte.d.ts +10 -3
  15. package/dist/components/combobox/combobox-root-provider.svelte.d.ts +10 -3
  16. package/dist/components/combobox/combobox-root.svelte.d.ts +10 -3
  17. package/dist/components/factory/factory.svelte.d.ts +11 -4
  18. package/dist/components/factory/svg-factory.svelte.d.ts +11 -4
  19. package/dist/components/file-upload/file-upload-root.svelte +8 -1
  20. package/dist/components/file-upload/file-upload-root.svelte.d.ts +1 -1
  21. package/dist/components/file-upload/file-upload.d.ts +1 -1
  22. package/dist/components/file-upload/index.d.ts +1 -1
  23. package/dist/components/index.d.ts +1 -0
  24. package/dist/components/index.js +1 -0
  25. package/dist/components/json-tree-view/get-branch-value.d.ts +3 -0
  26. package/dist/components/json-tree-view/get-branch-value.js +13 -0
  27. package/dist/components/json-tree-view/index.d.ts +5 -0
  28. package/dist/components/json-tree-view/index.js +5 -0
  29. package/dist/components/json-tree-view/json-tree-view-key-node.svelte +23 -0
  30. package/dist/components/json-tree-view/json-tree-view-key-node.svelte.d.ts +14 -0
  31. package/dist/components/json-tree-view/json-tree-view-node.svelte +102 -0
  32. package/dist/components/json-tree-view/json-tree-view-node.svelte.d.ts +24 -0
  33. package/dist/components/json-tree-view/json-tree-view-props-context.d.ts +8 -0
  34. package/dist/components/json-tree-view/json-tree-view-props-context.js +6 -0
  35. package/dist/components/json-tree-view/json-tree-view-root-provider.svelte +12 -0
  36. package/dist/components/json-tree-view/json-tree-view-root-provider.svelte.d.ts +7 -0
  37. package/dist/components/json-tree-view/json-tree-view-root.svelte +54 -0
  38. package/dist/components/json-tree-view/json-tree-view-root.svelte.d.ts +18 -0
  39. package/dist/components/json-tree-view/json-tree-view-tree.svelte +23 -0
  40. package/dist/components/json-tree-view/json-tree-view-tree.svelte.d.ts +9 -0
  41. package/dist/components/json-tree-view/json-tree-view-value-node.svelte +31 -0
  42. package/dist/components/json-tree-view/json-tree-view-value-node.svelte.d.ts +10 -0
  43. package/dist/components/json-tree-view/json-tree-view.d.ts +3 -0
  44. package/dist/components/json-tree-view/json-tree-view.js +3 -0
  45. package/dist/components/json-tree-view/use-json-tree-view.svelte.d.ts +10 -0
  46. package/dist/components/json-tree-view/use-json-tree-view.svelte.js +23 -0
  47. package/dist/components/listbox/listbox-context.svelte.d.ts +10 -3
  48. package/dist/components/listbox/listbox-root-provider.svelte.d.ts +10 -3
  49. package/dist/components/listbox/listbox-root.svelte.d.ts +10 -3
  50. package/dist/components/portal/portal.svelte +38 -3
  51. package/dist/components/portal/portal.svelte.d.ts +10 -0
  52. package/dist/components/select/select-context.svelte.d.ts +10 -3
  53. package/dist/components/select/select-item.svelte.d.ts +10 -3
  54. package/dist/components/select/select-root-provider.svelte.d.ts +10 -3
  55. package/dist/components/select/select-root.svelte.d.ts +10 -3
  56. package/dist/components/signature-pad/signature-pad-root.svelte +10 -3
  57. package/dist/components/signature-pad/signature-pad-root.svelte.d.ts +1 -1
  58. package/dist/components/tour/tour.anatomy.d.ts +1 -1
  59. package/dist/components/tree-view/tree-view-node-context.svelte.d.ts +10 -3
  60. package/dist/components/tree-view/tree-view-node-provider.svelte.d.ts +10 -3
  61. package/dist/components/tree-view/tree-view-root-provider.svelte.d.ts +10 -3
  62. package/dist/components/tree-view/tree-view-root.svelte.d.ts +10 -3
  63. package/dist/components/tree-view/tree-view-split-props.d.ts +1 -1
  64. package/package.json +69 -68
@@ -4,10 +4,17 @@ import type { TreeNode } from '@zag-js/collection';
4
4
  export interface TreeViewNodeContextProps {
5
5
  render: Snippet<[UseTreeViewNodeContext]>;
6
6
  }
7
+ declare function $$render<T extends TreeNode>(): {
8
+ props: TreeViewNodeContextProps;
9
+ exports: {};
10
+ bindings: "";
11
+ slots: {};
12
+ events: {};
13
+ };
7
14
  declare class __sveltets_Render<T extends TreeNode> {
8
- props(): TreeViewNodeContextProps;
9
- events(): {};
10
- slots(): {};
15
+ props(): ReturnType<typeof $$render<T>>['props'];
16
+ events(): ReturnType<typeof $$render<T>>['events'];
17
+ slots(): ReturnType<typeof $$render<T>>['slots'];
11
18
  bindings(): "";
12
19
  exports(): {};
13
20
  }
@@ -8,10 +8,17 @@ export interface TreeViewNodeProviderProps<T extends TreeNode> extends TreeViewN
8
8
  children?: Snippet;
9
9
  }
10
10
  import { TreeViewNodeProvider } from './use-tree-view-node-context';
11
+ declare function $$render<T extends TreeNode>(): {
12
+ props: TreeViewNodeProviderProps<T>;
13
+ exports: {};
14
+ bindings: "";
15
+ slots: {};
16
+ events: {};
17
+ };
11
18
  declare class __sveltets_Render<T extends TreeNode> {
12
- props(): TreeViewNodeProviderProps<T>;
13
- events(): {};
14
- slots(): {};
19
+ props(): ReturnType<typeof $$render<T>>['props'];
20
+ events(): ReturnType<typeof $$render<T>>['events'];
21
+ slots(): ReturnType<typeof $$render<T>>['slots'];
15
22
  bindings(): "";
16
23
  exports(): {};
17
24
  }
@@ -7,10 +7,17 @@ export interface TreeViewRootProviderBaseProps<T extends TreeNode> extends Rende
7
7
  export interface TreeViewRootProviderProps<T extends TreeNode> extends Assign<HTMLProps<'div'>, TreeViewRootProviderBaseProps<T>> {
8
8
  }
9
9
  import { type RenderStrategyProps } from '../../utils/render-strategy';
10
+ declare function $$render<T extends TreeNode>(): {
11
+ props: TreeViewRootProviderProps<T>;
12
+ exports: {};
13
+ bindings: "ref";
14
+ slots: {};
15
+ events: {};
16
+ };
10
17
  declare class __sveltets_Render<T extends TreeNode> {
11
- props(): TreeViewRootProviderProps<T>;
12
- events(): {};
13
- slots(): {};
18
+ props(): ReturnType<typeof $$render<T>>['props'];
19
+ events(): ReturnType<typeof $$render<T>>['events'];
20
+ slots(): ReturnType<typeof $$render<T>>['slots'];
14
21
  bindings(): "ref";
15
22
  exports(): {};
16
23
  }
@@ -6,10 +6,17 @@ export interface TreeViewRootBaseProps<T extends TreeNode> extends UseTreeViewPr
6
6
  export interface TreeViewRootProps<T extends TreeNode> extends Assign<HTMLProps<'div'>, TreeViewRootBaseProps<T>> {
7
7
  }
8
8
  import { type RenderStrategyProps } from '../../utils/render-strategy';
9
+ declare function $$render<T extends TreeNode>(): {
10
+ props: TreeViewRootProps<T>;
11
+ exports: {};
12
+ bindings: "ref" | "focusedValue" | "expandedValue" | "selectedValue" | "checkedValue";
13
+ slots: {};
14
+ events: {};
15
+ };
9
16
  declare class __sveltets_Render<T extends TreeNode> {
10
- props(): TreeViewRootProps<T>;
11
- events(): {};
12
- slots(): {};
17
+ props(): ReturnType<typeof $$render<T>>['props'];
18
+ events(): ReturnType<typeof $$render<T>>['events'];
19
+ slots(): ReturnType<typeof $$render<T>>['slots'];
13
20
  bindings(): "ref" | "focusedValue" | "expandedValue" | "selectedValue" | "checkedValue";
14
21
  exports(): {};
15
22
  }
@@ -1,3 +1,3 @@
1
1
  import type { TreeNode } from '../collection';
2
2
  import type { UseTreeViewProps } from './use-tree-view.svelte';
3
- export declare function splitTreeViewProps<T extends UseTreeViewProps<TreeNode>>(props: T): [UseTreeViewProps<any>, Omit<T, "ids" | "id" | "onFocusChange" | "onCheckedChange" | "collection" | "focusedValue" | "defaultFocusedValue" | "selectionMode" | "typeahead" | "expandedValue" | "defaultExpandedValue" | "selectedValue" | "defaultSelectedValue" | "defaultCheckedValue" | "checkedValue" | "onExpandedChange" | "onSelectionChange" | "onLoadChildrenComplete" | "onLoadChildrenError" | "expandOnClick" | "loadChildren">];
3
+ export declare function splitTreeViewProps<T extends UseTreeViewProps<TreeNode>>(props: T): [UseTreeViewProps<any>, Omit<T, "ids" | "id" | "onFocusChange" | "onCheckedChange" | "collection" | "selectionMode" | "focusedValue" | "defaultFocusedValue" | "expandedValue" | "defaultExpandedValue" | "selectedValue" | "defaultSelectedValue" | "defaultCheckedValue" | "checkedValue" | "onExpandedChange" | "onSelectionChange" | "onLoadChildrenComplete" | "onLoadChildrenError" | "expandOnClick" | "typeahead" | "loadChildren">];
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ark-ui/svelte",
3
3
  "type": "module",
4
- "version": "5.1.1",
4
+ "version": "5.3.0",
5
5
  "description": "A collection of unstyled, accessible UI components for Svelte",
6
6
  "keywords": [
7
7
  "accordion",
@@ -120,84 +120,85 @@
120
120
  "sideEffects": false,
121
121
  "dependencies": {
122
122
  "@internationalized/date": "3.8.2",
123
- "@zag-js/accordion": "1.18.2",
124
- "@zag-js/angle-slider": "1.18.2",
125
- "@zag-js/anatomy": "1.18.2",
126
- "@zag-js/auto-resize": "1.18.2",
127
- "@zag-js/avatar": "1.18.2",
128
- "@zag-js/carousel": "1.18.2",
129
- "@zag-js/checkbox": "1.18.2",
130
- "@zag-js/clipboard": "1.18.2",
131
- "@zag-js/collapsible": "1.18.2",
132
- "@zag-js/collection": "1.18.2",
133
- "@zag-js/color-picker": "1.18.2",
134
- "@zag-js/color-utils": "1.18.2",
135
- "@zag-js/combobox": "1.18.2",
136
- "@zag-js/core": "1.18.2",
137
- "@zag-js/date-picker": "1.18.2",
138
- "@zag-js/date-utils": "1.18.2",
139
- "@zag-js/dialog": "1.18.2",
140
- "@zag-js/dom-query": "1.18.2",
141
- "@zag-js/editable": "1.18.2",
142
- "@zag-js/file-upload": "1.18.2",
143
- "@zag-js/file-utils": "1.18.2",
144
- "@zag-js/focus-trap": "1.18.2",
145
- "@zag-js/floating-panel": "1.18.2",
146
- "@zag-js/highlight-word": "1.18.2",
147
- "@zag-js/hover-card": "1.18.2",
148
- "@zag-js/i18n-utils": "1.18.2",
149
- "@zag-js/listbox": "1.18.2",
150
- "@zag-js/menu": "1.18.2",
151
- "@zag-js/number-input": "1.18.2",
152
- "@zag-js/pagination": "1.18.2",
153
- "@zag-js/password-input": "1.18.2",
154
- "@zag-js/pin-input": "1.18.2",
155
- "@zag-js/popover": "1.18.2",
156
- "@zag-js/presence": "1.18.2",
157
- "@zag-js/progress": "1.18.2",
158
- "@zag-js/qr-code": "1.18.2",
159
- "@zag-js/radio-group": "1.18.2",
160
- "@zag-js/rating-group": "1.18.2",
161
- "@zag-js/svelte": "1.18.2",
162
- "@zag-js/select": "1.18.2",
163
- "@zag-js/signature-pad": "1.18.2",
164
- "@zag-js/slider": "1.18.2",
165
- "@zag-js/splitter": "1.18.2",
166
- "@zag-js/steps": "1.18.2",
167
- "@zag-js/switch": "1.18.2",
168
- "@zag-js/tabs": "1.18.2",
169
- "@zag-js/tags-input": "1.18.2",
170
- "@zag-js/time-picker": "1.18.2",
171
- "@zag-js/timer": "1.18.2",
172
- "@zag-js/toast": "1.18.2",
173
- "@zag-js/toggle": "1.18.2",
174
- "@zag-js/toggle-group": "1.18.2",
175
- "@zag-js/tooltip": "1.18.2",
176
- "@zag-js/tour": "1.18.2",
177
- "@zag-js/tree-view": "1.18.2",
178
- "@zag-js/types": "1.18.2",
179
- "@zag-js/utils": "1.18.2"
123
+ "@zag-js/accordion": "1.20.0",
124
+ "@zag-js/angle-slider": "1.20.0",
125
+ "@zag-js/anatomy": "1.20.0",
126
+ "@zag-js/auto-resize": "1.20.0",
127
+ "@zag-js/avatar": "1.20.0",
128
+ "@zag-js/carousel": "1.20.0",
129
+ "@zag-js/checkbox": "1.20.0",
130
+ "@zag-js/clipboard": "1.20.0",
131
+ "@zag-js/collapsible": "1.20.0",
132
+ "@zag-js/collection": "1.20.0",
133
+ "@zag-js/color-picker": "1.20.0",
134
+ "@zag-js/color-utils": "1.20.0",
135
+ "@zag-js/combobox": "1.20.0",
136
+ "@zag-js/core": "1.20.0",
137
+ "@zag-js/date-picker": "1.20.0",
138
+ "@zag-js/date-utils": "1.20.0",
139
+ "@zag-js/dialog": "1.20.0",
140
+ "@zag-js/dom-query": "1.20.0",
141
+ "@zag-js/editable": "1.20.0",
142
+ "@zag-js/file-upload": "1.20.0",
143
+ "@zag-js/file-utils": "1.20.0",
144
+ "@zag-js/focus-trap": "1.20.0",
145
+ "@zag-js/floating-panel": "1.20.0",
146
+ "@zag-js/highlight-word": "1.20.0",
147
+ "@zag-js/hover-card": "1.20.0",
148
+ "@zag-js/i18n-utils": "1.20.0",
149
+ "@zag-js/json-tree-utils": "1.20.0",
150
+ "@zag-js/listbox": "1.20.0",
151
+ "@zag-js/menu": "1.20.0",
152
+ "@zag-js/number-input": "1.20.0",
153
+ "@zag-js/pagination": "1.20.0",
154
+ "@zag-js/password-input": "1.20.0",
155
+ "@zag-js/pin-input": "1.20.0",
156
+ "@zag-js/popover": "1.20.0",
157
+ "@zag-js/presence": "1.20.0",
158
+ "@zag-js/progress": "1.20.0",
159
+ "@zag-js/qr-code": "1.20.0",
160
+ "@zag-js/radio-group": "1.20.0",
161
+ "@zag-js/rating-group": "1.20.0",
162
+ "@zag-js/svelte": "1.20.0",
163
+ "@zag-js/select": "1.20.0",
164
+ "@zag-js/signature-pad": "1.20.0",
165
+ "@zag-js/slider": "1.20.0",
166
+ "@zag-js/splitter": "1.20.0",
167
+ "@zag-js/steps": "1.20.0",
168
+ "@zag-js/switch": "1.20.0",
169
+ "@zag-js/tabs": "1.20.0",
170
+ "@zag-js/tags-input": "1.20.0",
171
+ "@zag-js/time-picker": "1.20.0",
172
+ "@zag-js/timer": "1.20.0",
173
+ "@zag-js/toast": "1.20.0",
174
+ "@zag-js/toggle": "1.20.0",
175
+ "@zag-js/toggle-group": "1.20.0",
176
+ "@zag-js/tooltip": "1.20.0",
177
+ "@zag-js/tour": "1.20.0",
178
+ "@zag-js/tree-view": "1.20.0",
179
+ "@zag-js/types": "1.20.0",
180
+ "@zag-js/utils": "1.20.0"
180
181
  },
181
182
  "devDependencies": {
182
- "@storybook/addon-a11y": "9.0.15",
183
- "@storybook/sveltekit": "9.0.15",
183
+ "@storybook/addon-a11y": "9.0.18",
184
+ "@storybook/sveltekit": "9.0.18",
184
185
  "@sveltejs/adapter-auto": "6.0.1",
185
- "@sveltejs/kit": "2.22.2",
186
- "@sveltejs/package": "2.3.12",
187
- "@sveltejs/vite-plugin-svelte": "5.1.0",
188
- "@tanstack/svelte-form": "1.12.4",
186
+ "@sveltejs/kit": "2.25.1",
187
+ "@sveltejs/package": "2.4.0",
188
+ "@sveltejs/vite-plugin-svelte": "6.1.0",
189
+ "@tanstack/svelte-form": "1.14.2",
189
190
  "@testing-library/jest-dom": "6.6.3",
190
191
  "@testing-library/svelte": "5.2.8",
191
192
  "@testing-library/user-event": "14.6.1",
192
193
  "@vitest/coverage-v8": "3.2.4",
193
194
  "clean-package": "2.2.0",
194
195
  "lucide-svelte": "0.525.0",
195
- "storybook": "9.0.15",
196
- "svelte": "5.35.2",
197
- "svelte-check": "4.2.2",
196
+ "storybook": "9.0.18",
197
+ "svelte": "5.36.13",
198
+ "svelte-check": "4.3.0",
198
199
  "tslib": "2.8.1",
199
200
  "typescript": "5.8.3",
200
- "vite": "7.0.2",
201
+ "vite": "7.0.5",
201
202
  "vitest": "3.2.4"
202
203
  },
203
204
  "peerDependencies": {