@dust-tt/sparkle 0.2.210-rc75 → 0.2.211

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 (34) hide show
  1. package/dist/cjs/components/Checkbox.d.ts +1 -1
  2. package/dist/cjs/components/DataTable.d.ts +3 -3
  3. package/dist/cjs/components/Item.d.ts +1 -1
  4. package/dist/cjs/components/WindowUtility.d.ts +15 -0
  5. package/dist/cjs/index.js +4328 -4259
  6. package/dist/cjs/index.js.map +1 -1
  7. package/dist/esm/components/Checkbox.d.ts +1 -1
  8. package/dist/esm/components/DataTable.d.ts +3 -3
  9. package/dist/esm/components/Item.d.ts +1 -1
  10. package/dist/esm/components/WindowUtility.d.ts +15 -0
  11. package/dist/esm/index.js +4328 -4259
  12. package/dist/esm/index.js.map +1 -1
  13. package/dist/tsconfig.tsbuildinfo +1 -1
  14. package/package.json +1 -1
  15. package/src/_index.ts +48 -48
  16. package/src/components/Checkbox.tsx +4 -4
  17. package/src/components/DataTable.tsx +86 -63
  18. package/src/components/Item.tsx +1 -1
  19. package/src/components/Tree.tsx +2 -0
  20. package/src/components/WindowUtility.tsx +66 -0
  21. package/src/icons/solid/index.ts +0 -1
  22. package/src/lottie/collapseBar.ts +124 -124
  23. package/src/lottie/spinnerColor.ts +337 -337
  24. package/src/lottie/spinnerColorLG.ts +824 -824
  25. package/src/lottie/spinnerColorXS.ts +187 -187
  26. package/src/lottie/spinnerDark.ts +353 -353
  27. package/src/lottie/spinnerDarkLG.ts +824 -824
  28. package/src/lottie/spinnerDarkXS.ts +218 -218
  29. package/src/lottie/spinnerLight.ts +342 -342
  30. package/src/lottie/spinnerLightLG.ts +797 -797
  31. package/src/lottie/spinnerLightXS.ts +215 -215
  32. package/src/stories/Checkbox.stories.tsx +16 -8
  33. package/src/stories/Tree.stories.tsx +37 -37
  34. package/src/styles/tailwind.css +7 -9
package/src/lottie/spinnerLightXS.ts CHANGED
@@ -1,358 +1,358 @@
1
1
  const animation = {
2
- "v": "5.9.0",
3
- "fr": 50,
4
- "ip": 0,
5
- "op": 112,
6
- "w": 400,
7
- "h": 400,
8
- "nm": "spinnerLightXS",
9
- "ddd": 0,
10
- "assets": [],
11
- "layers": [
2
+ v: "5.9.0",
3
+ fr: 50,
4
+ ip: 0,
5
+ op: 112,
6
+ w: 400,
7
+ h: 400,
8
+ nm: "spinnerLightXS",
9
+ ddd: 0,
10
+ assets: [],
11
+ layers: [
12
12
  {
13
- "ddd": 0,
14
- "ind": 1,
15
- "ty": 4,
16
- "nm": "circle",
17
- "sr": 1,
18
- "ks": {
19
- "o": { "a": 0, "k": 100, "ix": 11 },
20
- "r": { "a": 0, "k": 0, "ix": 10 },
21
- "p": {
22
- "a": 1,
23
- "k": [
13
+ ddd: 0,
14
+ ind: 1,
15
+ ty: 4,
16
+ nm: "circle",
17
+ sr: 1,
18
+ ks: {
19
+ o: { a: 0, k: 100, ix: 11 },
20
+ r: { a: 0, k: 0, ix: 10 },
21
+ p: {
22
+ a: 1,
23
+ k: [
24
24
  {
25
- "i": { "x": 0.667, "y": 1 },
26
- "o": { "x": 0.333, "y": 0 },
27
- "t": 10,
28
- "s": [202, 200, 0],
29
- "to": [0, 0, 0],
30
- "ti": [0, 0, 0]
25
+ i: { x: 0.667, y: 1 },
26
+ o: { x: 0.333, y: 0 },
27
+ t: 10,
28
+ s: [202, 200, 0],
29
+ to: [0, 0, 0],
30
+ ti: [0, 0, 0],
31
31
  },
32
32
  {
33
- "i": { "x": 0.833, "y": 0.833 },
34
- "o": { "x": 0.333, "y": 0.333 },
35
- "t": 26,
36
- "s": [202, 242, 0],
37
- "to": [0, 0, 0],
38
- "ti": [0, 0, 0]
33
+ i: { x: 0.833, y: 0.833 },
34
+ o: { x: 0.333, y: 0.333 },
35
+ t: 26,
36
+ s: [202, 242, 0],
37
+ to: [0, 0, 0],
38
+ ti: [0, 0, 0],
39
39
  },
40
40
  {
41
- "i": { "x": 0.667, "y": 1 },
42
- "o": { "x": 0.333, "y": 0 },
43
- "t": 46,
44
- "s": [202, 242, 0],
45
- "to": [0, 0, 0],
46
- "ti": [0, 0, 0]
41
+ i: { x: 0.667, y: 1 },
42
+ o: { x: 0.333, y: 0 },
43
+ t: 46,
44
+ s: [202, 242, 0],
45
+ to: [0, 0, 0],
46
+ ti: [0, 0, 0],
47
47
  },
48
- { "t": 58, "s": [202, 200, 0] }
48
+ { t: 58, s: [202, 200, 0] },
49
49
  ],
50
- "ix": 2,
51
- "l": 2
50
+ ix: 2,
51
+ l: 2,
52
52
  },
53
- "a": { "a": 0, "k": [2, 0, 0], "ix": 1, "l": 2 },
54
- "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
53
+ a: { a: 0, k: [2, 0, 0], ix: 1, l: 2 },
54
+ s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 },
55
55
  },
56
- "ao": 0,
57
- "shapes": [
56
+ ao: 0,
57
+ shapes: [
58
58
  {
59
- "ty": "gr",
60
- "it": [
59
+ ty: "gr",
60
+ it: [
61
61
  {
62
- "ind": 0,
63
- "ty": "sh",
64
- "ix": 1,
65
- "ks": {
66
- "a": 1,
67
- "k": [
62
+ ind: 0,
63
+ ty: "sh",
64
+ ix: 1,
65
+ ks: {
66
+ a: 1,
67
+ k: [
68
68
  {
69
- "i": { "x": 0.62, "y": 1 },
70
- "o": { "x": 0.85, "y": 0 },
71
- "t": 0,
72
- "s": [
69
+ i: { x: 0.62, y: 1 },
70
+ o: { x: 0.85, y: 0 },
71
+ t: 0,
72
+ s: [
73
73
  {
74
- "i": [
74
+ i: [
75
75
  [-98.859, 0],
76
76
  [0, -98.859],
77
77
  [98.859, 0],
78
- [0, 98.859]
78
+ [0, 98.859],
79
79
  ],
80
- "o": [
80
+ o: [
81
81
  [98.859, 0],
82
82
  [0, 98.859],
83
83
  [-98.859, 0],
84
- [0, -98.859]
84
+ [0, -98.859],
85
85
  ],
86
- "v": [
86
+ v: [
87
87
  [0, -179],
88
88
  [179, 0],
89
89
  [0, 179],
90
- [-179, 0]
90
+ [-179, 0],
91
91
  ],
92
- "c": true
93
- }
94
- ]
92
+ c: true,
93
+ },
94
+ ],
95
95
  },
96
96
  {
97
- "i": { "x": 0.62, "y": 1 },
98
- "o": { "x": 0.85, "y": 0 },
99
- "t": 25.84,
100
- "s": [
97
+ i: { x: 0.62, y: 1 },
98
+ o: { x: 0.85, y: 0 },
99
+ t: 25.84,
100
+ s: [
101
101
  {
102
- "i": [
102
+ i: [
103
+ [0, 0],
103
104
  [0, 0],
104
105
  [0, 0],
105
106
  [0, 0],
106
- [0, 0]
107
107
  ],
108
- "o": [
108
+ o: [
109
+ [0, 0],
109
110
  [0, 0],
110
111
  [0, 0],
111
112
  [0, 0],
112
- [0, 0]
113
113
  ],
114
- "v": [
114
+ v: [
115
115
  [-2, -180.234],
116
116
  [74.744, -47.309],
117
117
  [151.489, 85.617],
118
- [-155.489, 85.617]
118
+ [-155.489, 85.617],
119
119
  ],
120
- "c": true
121
- }
122
- ]
120
+ c: true,
121
+ },
122
+ ],
123
123
  },
124
124
  {
125
- "i": { "x": 0.62, "y": 1 },
126
- "o": { "x": 0.85, "y": 0 },
127
- "t": 37,
128
- "s": [
125
+ i: { x: 0.62, y: 1 },
126
+ o: { x: 0.85, y: 0 },
127
+ t: 37,
128
+ s: [
129
129
  {
130
- "i": [
130
+ i: [
131
+ [0, 0],
131
132
  [0, 0],
132
133
  [0, 0],
133
134
  [0, 0],
134
- [0, 0]
135
135
  ],
136
- "o": [
136
+ o: [
137
+ [0, 0],
137
138
  [0, 0],
138
139
  [0, 0],
139
140
  [0, 0],
140
- [0, 0]
141
141
  ],
142
- "v": [
142
+ v: [
143
143
  [-2, -180.234],
144
144
  [74.744, -47.309],
145
145
  [151.489, 85.617],
146
- [-155.489, 85.617]
146
+ [-155.489, 85.617],
147
147
  ],
148
- "c": true
149
- }
150
- ]
148
+ c: true,
149
+ },
150
+ ],
151
151
  },
152
152
  {
153
- "i": { "x": 0.62, "y": 1 },
154
- "o": { "x": 0.167, "y": 0 },
155
- "t": 68,
156
- "s": [
153
+ i: { x: 0.62, y: 1 },
154
+ o: { x: 0.167, y: 0 },
155
+ t: 68,
156
+ s: [
157
157
  {
158
- "i": [
158
+ i: [
159
+ [0, 0],
159
160
  [0, 0],
160
161
  [0, 0],
161
162
  [0, 0],
162
- [0, 0]
163
163
  ],
164
- "o": [
164
+ o: [
165
+ [0, 0],
165
166
  [0, 0],
166
167
  [0, 0],
167
168
  [0, 0],
168
- [0, 0]
169
169
  ],
170
- "v": [
170
+ v: [
171
171
  [125, -130],
172
172
  [125, 122],
173
173
  [-127, 122],
174
- [-127, -130]
174
+ [-127, -130],
175
175
  ],
176
- "c": true
177
- }
178
- ]
176
+ c: true,
177
+ },
178
+ ],
179
179
  },
180
180
  {
181
- "i": { "x": 0.62, "y": 1 },
182
- "o": { "x": 0.85, "y": 0 },
183
- "t": 81,
184
- "s": [
181
+ i: { x: 0.62, y: 1 },
182
+ o: { x: 0.85, y: 0 },
183
+ t: 81,
184
+ s: [
185
185
  {
186
- "i": [
186
+ i: [
187
+ [0, 0],
187
188
  [0, 0],
188
189
  [0, 0],
189
190
  [0, 0],
190
- [0, 0]
191
191
  ],
192
- "o": [
192
+ o: [
193
+ [0, 0],
193
194
  [0, 0],
194
195
  [0, 0],
195
196
  [0, 0],
196
- [0, 0]
197
197
  ],
198
- "v": [
198
+ v: [
199
199
  [125, -130],
200
200
  [125, 122],
201
201
  [-127, 122],
202
- [-127, -130]
202
+ [-127, -130],
203
203
  ],
204
- "c": true
205
- }
206
- ]
204
+ c: true,
205
+ },
206
+ ],
207
207
  },
208
208
  {
209
- "i": { "x": 0.62, "y": 1 },
210
- "o": { "x": 0.85, "y": 0 },
211
- "t": 104,
212
- "s": [
209
+ i: { x: 0.62, y: 1 },
210
+ o: { x: 0.85, y: 0 },
211
+ t: 104,
212
+ s: [
213
213
  {
214
- "i": [
214
+ i: [
215
215
  [-98.859, 0],
216
216
  [0, -98.859],
217
217
  [98.859, 0],
218
- [0, 98.859]
218
+ [0, 98.859],
219
219
  ],
220
- "o": [
220
+ o: [
221
221
  [98.859, 0],
222
222
  [0, 98.859],
223
223
  [-98.859, 0],
224
- [0, -98.859]
224
+ [0, -98.859],
225
225
  ],
226
- "v": [
226
+ v: [
227
227
  [0, -179],
228
228
  [179, 0],
229
229
  [0, 179],
230
- [-179, 0]
230
+ [-179, 0],
231
231
  ],
232
- "c": true
233
- }
234
- ]
232
+ c: true,
233
+ },
234
+ ],
235
235
  },
236
236
  {
237
- "t": 112,
238
- "s": [
237
+ t: 112,
238
+ s: [
239
239
  {
240
- "i": [
240
+ i: [
241
241
  [-98.859, 0],
242
242
  [0, -98.859],
243
243
  [98.859, 0],
244
- [0, 98.859]
244
+ [0, 98.859],
245
245
  ],
246
- "o": [
246
+ o: [
247
247
  [98.859, 0],
248
248
  [0, 98.859],
249
249
  [-98.859, 0],
250
- [0, -98.859]
250
+ [0, -98.859],
251
251
  ],
252
- "v": [
252
+ v: [
253
253
  [0, -179],
254
254
  [179, 0],
255
255
  [0, 179],
256
- [-179, 0]
256
+ [-179, 0],
257
257
  ],
258
- "c": true
259
- }
260
- ]
261
- }
258
+ c: true,
259
+ },
260
+ ],
261
+ },
262
262
  ],
263
- "ix": 2
263
+ ix: 2,
264
264
  },
265
- "nm": "Tracé 1",
266
- "mn": "ADBE Vector Shape - Group",
267
- "hd": false
265
+ nm: "Tracé 1",
266
+ mn: "ADBE Vector Shape - Group",
267
+ hd: false,
268
268
  },
269
269
  {
270
- "ty": "st",
271
- "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 3 },
272
- "o": { "a": 0, "k": 100, "ix": 4 },
273
- "w": { "a": 0, "k": 0, "ix": 5 },
274
- "lc": 1,
275
- "lj": 1,
276
- "ml": 4,
277
- "bm": 0,
278
- "nm": "Traccia 1",
279
- "mn": "ADBE Vector Graphic - Stroke",
280
- "hd": false
270
+ ty: "st",
271
+ c: { a: 0, k: [1, 1, 1, 1], ix: 3 },
272
+ o: { a: 0, k: 100, ix: 4 },
273
+ w: { a: 0, k: 0, ix: 5 },
274
+ lc: 1,
275
+ lj: 1,
276
+ ml: 4,
277
+ bm: 0,
278
+ nm: "Traccia 1",
279
+ mn: "ADBE Vector Graphic - Stroke",
280
+ hd: false,
281
281
  },
282
282
  {
283
- "ty": "fl",
284
- "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 4 },
285
- "o": {
286
- "a": 1,
287
- "k": [
283
+ ty: "fl",
284
+ c: { a: 0, k: [1, 1, 1, 1], ix: 4 },
285
+ o: {
286
+ a: 1,
287
+ k: [
288
288
  {
289
- "i": { "x": [0.833], "y": [0.833] },
290
- "o": { "x": [0.167], "y": [0.167] },
291
- "t": 0,
292
- "s": [70]
289
+ i: { x: [0.833], y: [0.833] },
290
+ o: { x: [0.167], y: [0.167] },
291
+ t: 0,
292
+ s: [70],
293
293
  },
294
294
  {
295
- "i": { "x": [0.833], "y": [0.833] },
296
- "o": { "x": [0.167], "y": [0.167] },
297
- "t": 26,
298
- "s": [100]
295
+ i: { x: [0.833], y: [0.833] },
296
+ o: { x: [0.167], y: [0.167] },
297
+ t: 26,
298
+ s: [100],
299
299
  },
300
300
  {
301
- "i": { "x": [0.833], "y": [0.833] },
302
- "o": { "x": [0.167], "y": [0.167] },
303
- "t": 37,
304
- "s": [100]
301
+ i: { x: [0.833], y: [0.833] },
302
+ o: { x: [0.167], y: [0.167] },
303
+ t: 37,
304
+ s: [100],
305
305
  },
306
306
  {
307
- "i": { "x": [0.833], "y": [0.833] },
308
- "o": { "x": [0.167], "y": [0.167] },
309
- "t": 68,
310
- "s": [80]
307
+ i: { x: [0.833], y: [0.833] },
308
+ o: { x: [0.167], y: [0.167] },
309
+ t: 68,
310
+ s: [80],
311
311
  },
312
312
  {
313
- "i": { "x": [0.833], "y": [0.833] },
314
- "o": { "x": [0.167], "y": [0.167] },
315
- "t": 81,
316
- "s": [80]
313
+ i: { x: [0.833], y: [0.833] },
314
+ o: { x: [0.167], y: [0.167] },
315
+ t: 81,
316
+ s: [80],
317
317
  },
318
- { "t": 104, "s": [70] }
318
+ { t: 104, s: [70] },
319
319
  ],
320
- "ix": 5
320
+ ix: 5,
321
321
  },
322
- "r": 1,
323
- "bm": 0,
324
- "nm": "Riempimento 1",
325
- "mn": "ADBE Vector Graphic - Fill",
326
- "hd": false
322
+ r: 1,
323
+ bm: 0,
324
+ nm: "Riempimento 1",
325
+ mn: "ADBE Vector Graphic - Fill",
326
+ hd: false,
327
327
  },
328
328
  {
329
- "ty": "tr",
330
- "p": { "a": 0, "k": [2, 0], "ix": 2 },
331
- "a": { "a": 0, "k": [0, 0], "ix": 1 },
332
- "s": { "a": 0, "k": [100, 100], "ix": 3 },
333
- "r": { "a": 0, "k": 0, "ix": 6 },
334
- "o": { "a": 0, "k": 100, "ix": 7 },
335
- "sk": { "a": 0, "k": 0, "ix": 4 },
336
- "sa": { "a": 0, "k": 0, "ix": 5 },
337
- "nm": "Transformer "
338
- }
329
+ ty: "tr",
330
+ p: { a: 0, k: [2, 0], ix: 2 },
331
+ a: { a: 0, k: [0, 0], ix: 1 },
332
+ s: { a: 0, k: [100, 100], ix: 3 },
333
+ r: { a: 0, k: 0, ix: 6 },
334
+ o: { a: 0, k: 100, ix: 7 },
335
+ sk: { a: 0, k: 0, ix: 4 },
336
+ sa: { a: 0, k: 0, ix: 5 },
337
+ nm: "Transformer ",
338
+ },
339
339
  ],
340
- "nm": "Ellisse 1",
341
- "np": 3,
342
- "cix": 2,
343
- "bm": 0,
344
- "ix": 1,
345
- "mn": "ADBE Vector Group",
346
- "hd": false
347
- }
340
+ nm: "Ellisse 1",
341
+ np: 3,
342
+ cix: 2,
343
+ bm: 0,
344
+ ix: 1,
345
+ mn: "ADBE Vector Group",
346
+ hd: false,
347
+ },
348
348
  ],
349
- "ip": 0,
350
- "op": 750,
351
- "st": 0,
352
- "bm": 0
353
- }
349
+ ip: 0,
350
+ op: 750,
351
+ st: 0,
352
+ bm: 0,
353
+ },
354
354
  ],
355
- "markers": []
355
+ markers: [],
356
356
  };
357
357
 
358
358
  export default animation;
package/src/stories/Checkbox.stories.tsx CHANGED
@@ -22,7 +22,11 @@ export const CheckBoxExample = () => {
22
22
  <div className="s-flex s-gap-10">
23
23
  Selectable
24
24
  <Checkbox variant="selectable" onChange={handleChange} />
25
- <Checkbox checked variant="selectable" onChange={handleChange} />
25
+ <Checkbox
26
+ checked="checked"
27
+ variant="selectable"
28
+ onChange={handleChange}
29
+ />
26
30
  <Checkbox
27
31
  checked="partial"
28
32
  variant="selectable"
@@ -30,7 +34,11 @@ export const CheckBoxExample = () => {
30
34
  />
31
35
  Checkable
32
36
  <Checkbox variant="checkable" onChange={handleChange} />
33
- <Checkbox checked variant="checkable" onChange={handleChange} />
37
+ <Checkbox
38
+ checked="checked"
39
+ variant="checkable"
40
+ onChange={handleChange}
41
+ />
34
42
  <Checkbox
35
43
  checked="partial"
36
44
  variant="checkable"
@@ -43,7 +51,7 @@ export const CheckBoxExample = () => {
43
51
  <Checkbox size="xs" variant="selectable" onChange={handleChange} />
44
52
  <Checkbox
45
53
  size="xs"
46
- checked
54
+ checked="checked"
47
55
  variant="selectable"
48
56
  onChange={handleChange}
49
57
  />
@@ -57,7 +65,7 @@ export const CheckBoxExample = () => {
57
65
  <Checkbox size="xs" variant="checkable" onChange={handleChange} />
58
66
  <Checkbox
59
67
  size="xs"
60
- checked
68
+ checked="checked"
61
69
  variant="checkable"
62
70
  onChange={handleChange}
63
71
  />
@@ -74,21 +82,21 @@ export const CheckBoxExample = () => {
74
82
 
75
83
  export const Selectable: Story = {
76
84
  args: {
77
- checked: true,
85
+ checked: "checked",
78
86
  variant: "selectable",
79
87
  },
80
88
  };
81
89
 
82
90
  export const Checked: Story = {
83
91
  args: {
84
- checked: true,
92
+ checked: "checked",
85
93
  variant: "checkable",
86
94
  },
87
95
  };
88
96
 
89
97
  export const Unchecked: Story = {
90
98
  args: {
91
- checked: false,
99
+ checked: "unchecked",
92
100
  },
93
101
  };
94
102
 
@@ -101,7 +109,7 @@ export const PartialChecked: Story = {
101
109
 
102
110
  export const Disabled: Story = {
103
111
  args: {
104
- checked: true,
112
+ checked: "checked",
105
113
  disabled: true,
106
114
  },
107
115
  };