@ark-ui/solid 4.8.0 → 4.10.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/chunk/{UXJGHMFS.js → 22UQ4DZC.js} +1 -1
- package/dist/chunk/{D4XLNL66.jsx → 2ILK4IFM.jsx} +16 -5
- package/dist/chunk/{JTHKX457.js → 2J42A7KM.js} +1 -14
- package/dist/chunk/{MARFWGWI.jsx → 2NEVBQW4.jsx} +1 -1
- package/dist/chunk/{RCK6LCJM.jsx → 34JAVC2R.jsx} +1 -1
- package/dist/chunk/{35R4VP6U.js → 3V3HI6QW.js} +12 -4
- package/dist/chunk/{QLGAAWNC.js → 5EVN6V64.js} +3 -2
- package/dist/chunk/{VQWGXSW6.js → 6ABKGV6Q.js} +1 -1
- package/dist/chunk/{U23DU73Q.js → 6D57YTRH.js} +1 -1
- package/dist/chunk/{ZYF7ARA6.jsx → 7BGOIKYK.jsx} +1 -1
- package/dist/chunk/{T6IREKKO.js → 7KPVYYFT.js} +1 -1
- package/dist/chunk/ANUFR4QW.jsx +36 -0
- package/dist/chunk/{G7GWGK6F.js → AWO62YTJ.js} +1 -1
- package/dist/chunk/CIPYIXIW.js +227 -0
- package/dist/chunk/{6L7HNED6.jsx → CQN5S4C3.jsx} +1 -1
- package/dist/chunk/DOBZPYAN.jsx +18 -0
- package/dist/chunk/{MZPPLECL.js → DUDD2T7G.js} +1 -1
- package/dist/chunk/{VIUEKSBO.js → DUYGPLFV.js} +1 -1
- package/dist/chunk/{YCESXPIN.jsx → EHJDQTTW.jsx} +3 -15
- package/dist/chunk/{VZFG6XYZ.js → FDN5MSFM.js} +1 -1
- package/dist/chunk/{GVRRR27D.jsx → FS3LMJ37.jsx} +1 -1
- package/dist/chunk/FVMQXW27.jsx +265 -0
- package/dist/chunk/{27RTXL55.jsx → HWL7X2QR.jsx} +21 -7
- package/dist/chunk/IL7WZATP.js +25 -0
- package/dist/chunk/{TY6NCPFG.jsx → MSHQY44G.jsx} +22 -22
- package/dist/chunk/{4XC3UALJ.jsx → N73ADPX5.jsx} +1 -1
- package/dist/chunk/{PZ7ZCWGA.js → NDY7YFV2.js} +1 -1
- package/dist/chunk/{4FXOTC23.js → OYIT66CI.js} +1 -1
- package/dist/chunk/{DT5WVDUV.jsx → RH2PDRKN.jsx} +1 -1
- package/dist/chunk/{YVIJOCWC.jsx → RVUYRERH.jsx} +1 -1
- package/dist/chunk/{3NSM24PL.jsx → SBPY26HV.jsx} +1 -1
- package/dist/chunk/{SZH7YUGW.jsx → SUVE6C6L.jsx} +1 -1
- package/dist/chunk/{3EJGSZCP.jsx → TMUQ6SLE.jsx} +1 -1
- package/dist/chunk/XN6EERRM.js +16 -0
- package/dist/chunk/{BUWVAHRG.js → XTV6ZFAA.js} +1 -1
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/avatar/index.jsx +1 -1
- package/dist/components/checkbox/index.js +1 -1
- package/dist/components/checkbox/index.jsx +2 -2
- package/dist/components/color-picker/index.js +1 -1
- package/dist/components/color-picker/index.jsx +2 -2
- package/dist/components/combobox/index.js +1 -1
- package/dist/components/combobox/index.jsx +2 -2
- package/dist/components/date-picker/index.d.ts +11 -9
- package/dist/components/date-picker/index.js +1 -1
- package/dist/components/date-picker/index.jsx +1 -1
- package/dist/components/editable/index.js +1 -1
- package/dist/components/editable/index.jsx +2 -2
- package/dist/components/field/index.d.ts +7 -7
- package/dist/components/field/index.js +1 -1
- package/dist/components/field/index.jsx +1 -1
- package/dist/components/file-upload/index.d.ts +5 -5
- package/dist/components/file-upload/index.js +1 -1
- package/dist/components/file-upload/index.jsx +2 -2
- package/dist/components/focus-trap/index.d.ts +18 -0
- package/dist/components/focus-trap/index.js +1 -0
- package/dist/components/focus-trap/index.jsx +10 -0
- package/dist/components/frame/index.js +1 -1
- package/dist/components/frame/index.jsx +2 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.js +29 -27
- package/dist/components/index.jsx +233 -188
- package/dist/components/number-input/index.js +1 -1
- package/dist/components/number-input/index.jsx +2 -2
- package/dist/components/pin-input/index.js +1 -1
- package/dist/components/pin-input/index.jsx +2 -2
- package/dist/components/rating-group/index.js +1 -1
- package/dist/components/rating-group/index.jsx +2 -2
- package/dist/components/select/index.js +1 -1
- package/dist/components/select/index.jsx +2 -2
- package/dist/components/signature-pad/index.js +1 -1
- package/dist/components/signature-pad/index.jsx +2 -2
- package/dist/components/switch/index.js +1 -1
- package/dist/components/switch/index.jsx +2 -2
- package/dist/components/tags-input/index.js +1 -1
- package/dist/components/tags-input/index.jsx +2 -2
- package/dist/components/toggle/index.js +1 -1
- package/dist/components/toggle/index.jsx +1 -1
- package/dist/components/tour/index.d.ts +136 -0
- package/dist/components/tour/index.js +1 -0
- package/dist/components/tour/index.jsx +52 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +29 -27
- package/dist/index.jsx +233 -188
- package/package.json +55 -52
- package/dist/chunk/{PBJ7MGGS.js → 632HFNZF.js} +19 -19
- package/dist/chunk/{7KBRNVZ6.js → MV3KTL7M.js} +9 -9
- package/dist/chunk/{5D3VKQUP.jsx → NK4T7LIZ.jsx} +0 -0
- package/dist/chunk/{2PEBPAD5.jsx → R2YVXMP7.jsx} +0 -0
- package/dist/chunk/{CFEFSYGC.jsx → SN5TXTB6.jsx} +9 -9
- /package/dist/chunk/{ZKHLGP7Q.js → W43X4SNE.js} +0 -0
- /package/dist/chunk/{FE2WXPJR.js → ZWNW7ARB.js} +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ark-ui/solid",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.10.0",
|
|
4
4
|
"description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"accordion",
|
|
@@ -39,6 +39,7 @@
|
|
|
39
39
|
"toast",
|
|
40
40
|
"toggle group",
|
|
41
41
|
"tooltip",
|
|
42
|
+
"tour",
|
|
42
43
|
"tree view"
|
|
43
44
|
],
|
|
44
45
|
"license": "MIT",
|
|
@@ -123,53 +124,55 @@
|
|
|
123
124
|
},
|
|
124
125
|
"sideEffects": false,
|
|
125
126
|
"dependencies": {
|
|
126
|
-
"@internationalized/date": "3.
|
|
127
|
-
"@zag-js/accordion": "0.
|
|
128
|
-
"@zag-js/anatomy": "0.
|
|
129
|
-
"@zag-js/auto-resize": "0.
|
|
130
|
-
"@zag-js/avatar": "0.
|
|
131
|
-
"@zag-js/carousel": "0.
|
|
132
|
-
"@zag-js/checkbox": "0.
|
|
133
|
-
"@zag-js/clipboard": "0.
|
|
134
|
-
"@zag-js/collapsible": "0.
|
|
135
|
-
"@zag-js/collection": "0.
|
|
136
|
-
"@zag-js/color-picker": "0.
|
|
137
|
-
"@zag-js/combobox": "0.
|
|
138
|
-
"@zag-js/date-picker": "0.
|
|
139
|
-
"@zag-js/dialog": "0.
|
|
140
|
-
"@zag-js/dom-query": "0.
|
|
141
|
-
"@zag-js/editable": "0.
|
|
142
|
-
"@zag-js/file-upload": "0.
|
|
143
|
-
"@zag-js/file-utils": "0.
|
|
144
|
-
"@zag-js/
|
|
145
|
-
"@zag-js/
|
|
146
|
-
"@zag-js/
|
|
147
|
-
"@zag-js/
|
|
148
|
-
"@zag-js/
|
|
149
|
-
"@zag-js/
|
|
150
|
-
"@zag-js/
|
|
151
|
-
"@zag-js/
|
|
152
|
-
"@zag-js/
|
|
153
|
-
"@zag-js/
|
|
154
|
-
"@zag-js/
|
|
155
|
-
"@zag-js/
|
|
156
|
-
"@zag-js/
|
|
157
|
-
"@zag-js/
|
|
158
|
-
"@zag-js/
|
|
159
|
-
"@zag-js/
|
|
160
|
-
"@zag-js/
|
|
161
|
-
"@zag-js/
|
|
162
|
-
"@zag-js/
|
|
163
|
-
"@zag-js/
|
|
164
|
-
"@zag-js/
|
|
165
|
-
"@zag-js/
|
|
166
|
-
"@zag-js/
|
|
167
|
-
"@zag-js/
|
|
168
|
-
"@zag-js/
|
|
169
|
-
"@zag-js/
|
|
170
|
-
"@zag-js/
|
|
171
|
-
"@zag-js/
|
|
172
|
-
"@zag-js/
|
|
127
|
+
"@internationalized/date": "3.7.0",
|
|
128
|
+
"@zag-js/accordion": "0.82.0",
|
|
129
|
+
"@zag-js/anatomy": "0.82.0",
|
|
130
|
+
"@zag-js/auto-resize": "0.82.0",
|
|
131
|
+
"@zag-js/avatar": "0.82.0",
|
|
132
|
+
"@zag-js/carousel": "0.82.0",
|
|
133
|
+
"@zag-js/checkbox": "0.82.0",
|
|
134
|
+
"@zag-js/clipboard": "0.82.0",
|
|
135
|
+
"@zag-js/collapsible": "0.82.0",
|
|
136
|
+
"@zag-js/collection": "0.82.0",
|
|
137
|
+
"@zag-js/color-picker": "0.82.0",
|
|
138
|
+
"@zag-js/combobox": "0.82.0",
|
|
139
|
+
"@zag-js/date-picker": "0.82.0",
|
|
140
|
+
"@zag-js/dialog": "0.82.0",
|
|
141
|
+
"@zag-js/dom-query": "0.82.0",
|
|
142
|
+
"@zag-js/editable": "0.82.0",
|
|
143
|
+
"@zag-js/file-upload": "0.82.0",
|
|
144
|
+
"@zag-js/file-utils": "0.82.0",
|
|
145
|
+
"@zag-js/focus-trap": "0.82.0",
|
|
146
|
+
"@zag-js/highlight-word": "0.82.0",
|
|
147
|
+
"@zag-js/hover-card": "0.82.0",
|
|
148
|
+
"@zag-js/i18n-utils": "0.82.0",
|
|
149
|
+
"@zag-js/menu": "0.82.0",
|
|
150
|
+
"@zag-js/number-input": "0.82.0",
|
|
151
|
+
"@zag-js/pagination": "0.82.0",
|
|
152
|
+
"@zag-js/pin-input": "0.82.0",
|
|
153
|
+
"@zag-js/popover": "0.82.0",
|
|
154
|
+
"@zag-js/presence": "0.82.0",
|
|
155
|
+
"@zag-js/progress": "0.82.0",
|
|
156
|
+
"@zag-js/qr-code": "0.82.0",
|
|
157
|
+
"@zag-js/radio-group": "0.82.0",
|
|
158
|
+
"@zag-js/rating-group": "0.82.0",
|
|
159
|
+
"@zag-js/select": "0.82.0",
|
|
160
|
+
"@zag-js/signature-pad": "0.82.0",
|
|
161
|
+
"@zag-js/slider": "0.82.0",
|
|
162
|
+
"@zag-js/solid": "0.82.0",
|
|
163
|
+
"@zag-js/splitter": "0.82.0",
|
|
164
|
+
"@zag-js/steps": "0.82.0",
|
|
165
|
+
"@zag-js/switch": "0.82.0",
|
|
166
|
+
"@zag-js/tabs": "0.82.0",
|
|
167
|
+
"@zag-js/tags-input": "0.82.0",
|
|
168
|
+
"@zag-js/time-picker": "0.82.0",
|
|
169
|
+
"@zag-js/timer": "0.82.0",
|
|
170
|
+
"@zag-js/toast": "0.82.0",
|
|
171
|
+
"@zag-js/toggle-group": "0.82.0",
|
|
172
|
+
"@zag-js/tooltip": "0.82.0",
|
|
173
|
+
"@zag-js/tour": "0.82.0",
|
|
174
|
+
"@zag-js/tree-view": "0.82.0",
|
|
175
|
+
"@zag-js/types": "0.82.0"
|
|
173
176
|
},
|
|
174
177
|
"devDependencies": {
|
|
175
178
|
"@biomejs/biome": "1.9.4",
|
|
@@ -183,20 +186,20 @@
|
|
|
183
186
|
"@testing-library/jest-dom": "6.6.3",
|
|
184
187
|
"@testing-library/user-event": "14.5.2",
|
|
185
188
|
"@types/jsdom": "21.1.7",
|
|
186
|
-
"@zag-js/stringify-state": "0.
|
|
189
|
+
"@zag-js/stringify-state": "0.82.0",
|
|
187
190
|
"clean-package": "2.2.0",
|
|
188
191
|
"esbuild-plugin-solid": "0.6.0",
|
|
189
192
|
"globby": "14.0.2",
|
|
190
193
|
"jsdom": "25.0.1",
|
|
191
|
-
"lucide-solid": "0.
|
|
194
|
+
"lucide-solid": "0.473.0",
|
|
192
195
|
"release-it": "17.11.0",
|
|
193
196
|
"resize-observer-polyfill": "1.5.1",
|
|
194
|
-
"solid-js": "1.9.
|
|
197
|
+
"solid-js": "1.9.4",
|
|
195
198
|
"storybook": "8.5.0-beta.7",
|
|
196
199
|
"storybook-solidjs": "1.0.0-beta.6",
|
|
197
200
|
"storybook-solidjs-vite": "1.0.0-beta.6",
|
|
198
201
|
"tsup": "8.3.5",
|
|
199
|
-
"typescript": "5.7.
|
|
202
|
+
"typescript": "5.7.3",
|
|
200
203
|
"vite": "5.4.11",
|
|
201
204
|
"vite-plugin-solid": "2.11.0",
|
|
202
205
|
"vitest": "2.1.8"
|
|
@@ -46,6 +46,25 @@ var FieldLabel = (props) => {
|
|
|
46
46
|
const mergedProps = mergeProps(() => field?.().getLabelProps(), props);
|
|
47
47
|
return createComponent(ark.label, mergedProps);
|
|
48
48
|
};
|
|
49
|
+
var FieldRequiredIndicator = (props) => {
|
|
50
|
+
const field = useFieldContext();
|
|
51
|
+
const mergedProps = mergeProps(() => field().getRequiredIndicatorProps(), props);
|
|
52
|
+
return createComponent(Show, {
|
|
53
|
+
get when() {
|
|
54
|
+
return field().required;
|
|
55
|
+
},
|
|
56
|
+
get fallback() {
|
|
57
|
+
return props.fallback;
|
|
58
|
+
},
|
|
59
|
+
get children() {
|
|
60
|
+
return createComponent(ark.span, mergeProps$1(mergedProps, {
|
|
61
|
+
get children() {
|
|
62
|
+
return props.children ?? "*";
|
|
63
|
+
}
|
|
64
|
+
}));
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
};
|
|
49
68
|
var fieldAnatomy = createAnatomy("field").parts(
|
|
50
69
|
"root",
|
|
51
70
|
"errorText",
|
|
@@ -209,25 +228,6 @@ var FieldTextarea = (props) => {
|
|
|
209
228
|
}
|
|
210
229
|
}));
|
|
211
230
|
};
|
|
212
|
-
var FieldRequiredIndicator = (props) => {
|
|
213
|
-
const field = useFieldContext();
|
|
214
|
-
const mergedProps = mergeProps(() => field().getRequiredIndicatorProps(), props);
|
|
215
|
-
return createComponent(Show, {
|
|
216
|
-
get when() {
|
|
217
|
-
return field().required;
|
|
218
|
-
},
|
|
219
|
-
get fallback() {
|
|
220
|
-
return props.fallback;
|
|
221
|
-
},
|
|
222
|
-
get children() {
|
|
223
|
-
return createComponent(ark.span, mergeProps$1(mergedProps, {
|
|
224
|
-
get children() {
|
|
225
|
-
return props.children ?? "*";
|
|
226
|
-
}
|
|
227
|
-
}));
|
|
228
|
-
}
|
|
229
|
-
});
|
|
230
|
-
};
|
|
231
231
|
|
|
232
232
|
// src/components/field/field.ts
|
|
233
233
|
var field_exports = {};
|
|
@@ -9,6 +9,15 @@ import { Show, createMemo } from 'solid-js';
|
|
|
9
9
|
import { dataAttr } from '@zag-js/dom-query';
|
|
10
10
|
import { createAnatomy } from '@zag-js/anatomy';
|
|
11
11
|
|
|
12
|
+
// src/components/toggle/toggle.ts
|
|
13
|
+
var toggle_exports = {};
|
|
14
|
+
__export(toggle_exports, {
|
|
15
|
+
Context: () => ToggleContext,
|
|
16
|
+
Indicator: () => ToggleIndicator,
|
|
17
|
+
Root: () => ToggleRoot,
|
|
18
|
+
toggleAnatomy: () => toggleAnatomy
|
|
19
|
+
});
|
|
20
|
+
|
|
12
21
|
// src/components/toggle/use-toggle-context.ts
|
|
13
22
|
var [ToggleProvider, useToggleContext] = createContext({
|
|
14
23
|
hookName: "useToggleContext",
|
|
@@ -95,13 +104,4 @@ var ToggleRoot = (props) => {
|
|
|
95
104
|
});
|
|
96
105
|
};
|
|
97
106
|
|
|
98
|
-
// src/components/toggle/toggle.ts
|
|
99
|
-
var toggle_exports = {};
|
|
100
|
-
__export(toggle_exports, {
|
|
101
|
-
Context: () => ToggleContext,
|
|
102
|
-
Indicator: () => ToggleIndicator,
|
|
103
|
-
Root: () => ToggleRoot,
|
|
104
|
-
toggleAnatomy: () => toggleAnatomy
|
|
105
|
-
});
|
|
106
|
-
|
|
107
107
|
export { ToggleContext, ToggleIndicator, ToggleRoot, toggleAnatomy, toggle_exports, useToggle, useToggleContext };
|
|
File without changes
|
|
File without changes
|
|
@@ -14,6 +14,15 @@ import {
|
|
|
14
14
|
__export
|
|
15
15
|
} from "./7IUG3E2V.jsx";
|
|
16
16
|
|
|
17
|
+
// src/components/toggle/toggle.ts
|
|
18
|
+
var toggle_exports = {};
|
|
19
|
+
__export(toggle_exports, {
|
|
20
|
+
Context: () => ToggleContext,
|
|
21
|
+
Indicator: () => ToggleIndicator,
|
|
22
|
+
Root: () => ToggleRoot,
|
|
23
|
+
toggleAnatomy: () => toggleAnatomy
|
|
24
|
+
});
|
|
25
|
+
|
|
17
26
|
// src/components/toggle/use-toggle-context.ts
|
|
18
27
|
var [ToggleProvider, useToggleContext] = createContext({
|
|
19
28
|
hookName: "useToggleContext",
|
|
@@ -106,15 +115,6 @@ var ToggleRoot = (props) => {
|
|
|
106
115
|
</ToggleProvider>;
|
|
107
116
|
};
|
|
108
117
|
|
|
109
|
-
// src/components/toggle/toggle.ts
|
|
110
|
-
var toggle_exports = {};
|
|
111
|
-
__export(toggle_exports, {
|
|
112
|
-
Context: () => ToggleContext,
|
|
113
|
-
Indicator: () => ToggleIndicator,
|
|
114
|
-
Root: () => ToggleRoot,
|
|
115
|
-
toggleAnatomy: () => toggleAnatomy
|
|
116
|
-
});
|
|
117
|
-
|
|
118
118
|
export {
|
|
119
119
|
useToggleContext,
|
|
120
120
|
ToggleContext,
|
|
File without changes
|
|
File without changes
|