@dust-tt/sparkle 0.2.190-rc → 0.2.190

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.
@@ -1 +1,605 @@
1
- {"v":"5.9.0","fr":60,"ip":0,"op":60,"w":320,"h":320,"nm":"dragArea","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"HalfCircle","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.134],"y":[0.302]},"t":7,"s":[255.577]},{"t":60,"s":[155.577]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":0.472},"o":{"x":0.333,"y":0},"t":13,"s":[160,160,0],"to":[0,0,0],"ti":[28.266,28.984,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.319,"y":1},"t":29,"s":[121.164,100.484,0],"to":[-28.266,-28.984,0],"ti":[0,0,0]},{"t":60,"s":[62,64.5,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.166,-0.033],[0,-9.389],[9.389,0],[-0.001,8.75]],"o":[[9.389,0],[0,9.389],[0.236,0.059],[0.001,-8.75]],"v":[[0,-17.167],[17,-0.167],[0,16.833],[-0.005,-0.229]],"c":true},"ix":2},"nm":"Tracé 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.972549019608,0.443137254902,0.443137254902,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fond 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[6,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.178,0.178],"y":[0.135,0.135]},"t":13,"s":[0,0]},{"t":40,"s":[200,200]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Rectangle","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.163],"y":[0.39]},"t":13,"s":[252.738]},{"t":60,"s":[362.738]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13,"s":[160,160,0],"to":[0,0,0],"ti":[-35.027,16.005,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":29,"s":[227.973,140.505,0],"to":[35.027,-16.005,0],"ti":[0,0,0]},{"t":60,"s":[275.5,72.5,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,50,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[50,50],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"fl","c":{"a":0,"k":[0.219607844949,0.741176486015,0.972549021244,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.222,0.222],"y":[0.315,0.315]},"t":13,"s":[0,0]},{"i":{"x":[0.833,0.833],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":40,"s":[120,120]},{"t":60,"s":[140,140]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Square","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13,"s":[160,160,0],"to":[0,0,0],"ti":[-15.191,-19.222,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":32.5,"s":[199.809,184.278,0],"to":[15.191,19.222,0],"ti":[0,0,0]},{"t":56,"s":[221,239,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[56,56],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"fl","c":{"a":0,"k":[0.976470588235,0.658823529412,0.83137254902,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":13,"s":[0,0]},{"t":60,"s":[100,100]}],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0.562],"y":[1]},"o":{"x":[0.216],"y":[0]},"t":13,"s":[0]},{"t":60,"s":[-90]}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Triangle","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.057],"y":[0.118]},"t":13,"s":[205.174]},{"t":60,"s":[465.174]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13,"s":[160,160,0],"to":[0,0,0],"ti":[23.043,-33.745,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":35,"s":[109.043,194.755,0],"to":[-23.043,33.745,0],"ti":[0,0,0]},{"t":60,"s":[96,269.5,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":2,"d":1,"pt":{"a":0,"k":3,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":90,"ix":5},"or":{"a":0,"k":28,"ix":7},"os":{"a":0,"k":0,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star","hd":false},{"ty":"fl","c":{"a":0,"k":[0.98431372549,0.749019607843,0.141176470588,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":13,"s":[0,0]},{"t":60,"s":[140,140]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Polystar 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Background","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[160,160,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":1,"k":[{"i":{"x":[0.986,0.986],"y":[0.929,0.929]},"o":{"x":[0.565,0.565],"y":[-0.003,-0.003]},"t":8,"s":[1,1]},{"i":{"x":[0.678,0.678],"y":[1.616,1.616]},"o":{"x":[0.16,0.16],"y":[2.739,2.739]},"t":23,"s":[96,96]},{"t":47,"s":[140,140]}],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Tracé d'ellipse 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Contour 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.117647058824,0.160784313725,0.23137254902,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fond 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0}],"markers":[]}
1
+ {
2
+ "v": "5.9.0",
3
+ "fr": 60,
4
+ "ip": 0,
5
+ "op": 60,
6
+ "w": 320,
7
+ "h": 320,
8
+ "nm": "dragArea",
9
+ "ddd": 0,
10
+ "assets": [],
11
+ "layers": [
12
+ {
13
+ "ddd": 0,
14
+ "ind": 1,
15
+ "ty": 4,
16
+ "nm": "HalfCircle",
17
+ "sr": 1,
18
+ "ks": {
19
+ "o": { "a": 0, "k": 100, "ix": 11 },
20
+ "r": {
21
+ "a": 1,
22
+ "k": [
23
+ {
24
+ "i": { "x": [0.667], "y": [1] },
25
+ "o": { "x": [0.134], "y": [0.302] },
26
+ "t": 7,
27
+ "s": [255.577]
28
+ },
29
+ { "t": 60, "s": [155.577] }
30
+ ],
31
+ "ix": 10
32
+ },
33
+ "p": {
34
+ "a": 1,
35
+ "k": [
36
+ {
37
+ "i": { "x": 0.667, "y": 0.472 },
38
+ "o": { "x": 0.333, "y": 0 },
39
+ "t": 13,
40
+ "s": [160, 160, 0],
41
+ "to": [0, 0, 0],
42
+ "ti": [28.266, 28.984, 0]
43
+ },
44
+ {
45
+ "i": { "x": 0.667, "y": 1 },
46
+ "o": { "x": 0.319, "y": 1 },
47
+ "t": 29,
48
+ "s": [121.164, 100.484, 0],
49
+ "to": [-28.266, -28.984, 0],
50
+ "ti": [0, 0, 0]
51
+ },
52
+ { "t": 60, "s": [62, 64.5, 0] }
53
+ ],
54
+ "ix": 2,
55
+ "l": 2
56
+ },
57
+ "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
58
+ "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
59
+ },
60
+ "ao": 0,
61
+ "shapes": [
62
+ {
63
+ "ty": "gr",
64
+ "it": [
65
+ {
66
+ "ind": 0,
67
+ "ty": "sh",
68
+ "ix": 1,
69
+ "ks": {
70
+ "a": 0,
71
+ "k": {
72
+ "i": [
73
+ [0.166, -0.033],
74
+ [0, -9.389],
75
+ [9.389, 0],
76
+ [-0.001, 8.75]
77
+ ],
78
+ "o": [
79
+ [9.389, 0],
80
+ [0, 9.389],
81
+ [0.236, 0.059],
82
+ [0.001, -8.75]
83
+ ],
84
+ "v": [
85
+ [0, -17.167],
86
+ [17, -0.167],
87
+ [0, 16.833],
88
+ [-0.005, -0.229]
89
+ ],
90
+ "c": true
91
+ },
92
+ "ix": 2
93
+ },
94
+ "nm": "Tracé 1",
95
+ "mn": "ADBE Vector Shape - Group",
96
+ "hd": false
97
+ },
98
+ {
99
+ "ty": "fl",
100
+ "c": {
101
+ "a": 0,
102
+ "k": [0.972549019608, 0.443137254902, 0.443137254902, 1],
103
+ "ix": 4
104
+ },
105
+ "o": { "a": 0, "k": 100, "ix": 5 },
106
+ "r": 1,
107
+ "bm": 0,
108
+ "nm": "Fond 1",
109
+ "mn": "ADBE Vector Graphic - Fill",
110
+ "hd": false
111
+ },
112
+ {
113
+ "ty": "tr",
114
+ "p": { "a": 0, "k": [0, 0], "ix": 2 },
115
+ "a": { "a": 0, "k": [6, 0], "ix": 1 },
116
+ "s": {
117
+ "a": 1,
118
+ "k": [
119
+ {
120
+ "i": { "x": [0.667, 0.667], "y": [1, 1] },
121
+ "o": { "x": [0.178, 0.178], "y": [0.135, 0.135] },
122
+ "t": 13,
123
+ "s": [0, 0]
124
+ },
125
+ { "t": 40, "s": [200, 200] }
126
+ ],
127
+ "ix": 3
128
+ },
129
+ "r": { "a": 0, "k": 0, "ix": 6 },
130
+ "o": { "a": 0, "k": 100, "ix": 7 },
131
+ "sk": { "a": 0, "k": 0, "ix": 4 },
132
+ "sa": { "a": 0, "k": 0, "ix": 5 },
133
+ "nm": "Transformer "
134
+ }
135
+ ],
136
+ "nm": "Ellipse 1",
137
+ "np": 3,
138
+ "cix": 2,
139
+ "bm": 0,
140
+ "ix": 1,
141
+ "mn": "ADBE Vector Group",
142
+ "hd": false
143
+ }
144
+ ],
145
+ "ip": 0,
146
+ "op": 60,
147
+ "st": 0,
148
+ "bm": 0
149
+ },
150
+ {
151
+ "ddd": 0,
152
+ "ind": 2,
153
+ "ty": 4,
154
+ "nm": "Rectangle",
155
+ "sr": 1,
156
+ "ks": {
157
+ "o": { "a": 0, "k": 100, "ix": 11 },
158
+ "r": {
159
+ "a": 1,
160
+ "k": [
161
+ {
162
+ "i": { "x": [0.667], "y": [1] },
163
+ "o": { "x": [0.163], "y": [0.39] },
164
+ "t": 13,
165
+ "s": [252.738]
166
+ },
167
+ { "t": 60, "s": [362.738] }
168
+ ],
169
+ "ix": 10
170
+ },
171
+ "p": {
172
+ "a": 1,
173
+ "k": [
174
+ {
175
+ "i": { "x": 0.833, "y": 0.833 },
176
+ "o": { "x": 0.167, "y": 0.167 },
177
+ "t": 13,
178
+ "s": [160, 160, 0],
179
+ "to": [0, 0, 0],
180
+ "ti": [-35.027, 16.005, 0]
181
+ },
182
+ {
183
+ "i": { "x": 0.667, "y": 1 },
184
+ "o": { "x": 0.167, "y": 0.167 },
185
+ "t": 29,
186
+ "s": [227.973, 140.505, 0],
187
+ "to": [35.027, -16.005, 0],
188
+ "ti": [0, 0, 0]
189
+ },
190
+ { "t": 60, "s": [275.5, 72.5, 0] }
191
+ ],
192
+ "ix": 2,
193
+ "l": 2
194
+ },
195
+ "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
196
+ "s": { "a": 0, "k": [100, 50, 100], "ix": 6, "l": 2 }
197
+ },
198
+ "ao": 0,
199
+ "shapes": [
200
+ {
201
+ "ty": "gr",
202
+ "it": [
203
+ {
204
+ "ty": "rc",
205
+ "d": 1,
206
+ "s": { "a": 0, "k": [50, 50], "ix": 2 },
207
+ "p": { "a": 0, "k": [0, 0], "ix": 3 },
208
+ "r": { "a": 0, "k": 0, "ix": 4 },
209
+ "nm": "Rectangle Path 1",
210
+ "mn": "ADBE Vector Shape - Rect",
211
+ "hd": false
212
+ },
213
+ {
214
+ "ty": "fl",
215
+ "c": {
216
+ "a": 0,
217
+ "k": [0.219607844949, 0.741176486015, 0.972549021244, 1],
218
+ "ix": 4
219
+ },
220
+ "o": { "a": 0, "k": 100, "ix": 5 },
221
+ "r": 1,
222
+ "bm": 0,
223
+ "nm": "Fill 1",
224
+ "mn": "ADBE Vector Graphic - Fill",
225
+ "hd": false
226
+ },
227
+ {
228
+ "ty": "tr",
229
+ "p": { "a": 0, "k": [0, 0], "ix": 2 },
230
+ "a": { "a": 0, "k": [0, 0], "ix": 1 },
231
+ "s": {
232
+ "a": 1,
233
+ "k": [
234
+ {
235
+ "i": { "x": [0.667, 0.667], "y": [1, 1] },
236
+ "o": { "x": [0.222, 0.222], "y": [0.315, 0.315] },
237
+ "t": 13,
238
+ "s": [0, 0]
239
+ },
240
+ {
241
+ "i": { "x": [0.833, 0.833], "y": [1, 1] },
242
+ "o": { "x": [0.333, 0.333], "y": [0, 0] },
243
+ "t": 40,
244
+ "s": [120, 120]
245
+ },
246
+ { "t": 60, "s": [140, 140] }
247
+ ],
248
+ "ix": 3
249
+ },
250
+ "r": { "a": 0, "k": 0, "ix": 6 },
251
+ "o": { "a": 0, "k": 100, "ix": 7 },
252
+ "sk": { "a": 0, "k": 0, "ix": 4 },
253
+ "sa": { "a": 0, "k": 0, "ix": 5 },
254
+ "nm": "Transformer "
255
+ }
256
+ ],
257
+ "nm": "Rectangle 1",
258
+ "np": 3,
259
+ "cix": 2,
260
+ "bm": 0,
261
+ "ix": 1,
262
+ "mn": "ADBE Vector Group",
263
+ "hd": false
264
+ }
265
+ ],
266
+ "ip": 0,
267
+ "op": 60,
268
+ "st": 0,
269
+ "bm": 0
270
+ },
271
+ {
272
+ "ddd": 0,
273
+ "ind": 3,
274
+ "ty": 4,
275
+ "nm": "Square",
276
+ "sr": 1,
277
+ "ks": {
278
+ "o": { "a": 0, "k": 100, "ix": 11 },
279
+ "r": { "a": 0, "k": 0, "ix": 10 },
280
+ "p": {
281
+ "a": 1,
282
+ "k": [
283
+ {
284
+ "i": { "x": 0.833, "y": 0.833 },
285
+ "o": { "x": 0.167, "y": 0.167 },
286
+ "t": 13,
287
+ "s": [160, 160, 0],
288
+ "to": [0, 0, 0],
289
+ "ti": [-15.191, -19.222, 0]
290
+ },
291
+ {
292
+ "i": { "x": 0.667, "y": 1 },
293
+ "o": { "x": 0.167, "y": 0.167 },
294
+ "t": 32.5,
295
+ "s": [199.809, 184.278, 0],
296
+ "to": [15.191, 19.222, 0],
297
+ "ti": [0, 0, 0]
298
+ },
299
+ { "t": 56, "s": [221, 239, 0] }
300
+ ],
301
+ "ix": 2,
302
+ "l": 2
303
+ },
304
+ "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
305
+ "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
306
+ },
307
+ "ao": 0,
308
+ "shapes": [
309
+ {
310
+ "ty": "gr",
311
+ "it": [
312
+ {
313
+ "ty": "rc",
314
+ "d": 1,
315
+ "s": { "a": 0, "k": [56, 56], "ix": 2 },
316
+ "p": { "a": 0, "k": [0, 0], "ix": 3 },
317
+ "r": { "a": 0, "k": 0, "ix": 4 },
318
+ "nm": "Rectangle Path 1",
319
+ "mn": "ADBE Vector Shape - Rect",
320
+ "hd": false
321
+ },
322
+ {
323
+ "ty": "fl",
324
+ "c": {
325
+ "a": 0,
326
+ "k": [0.976470588235, 0.658823529412, 0.83137254902, 1],
327
+ "ix": 4
328
+ },
329
+ "o": { "a": 0, "k": 100, "ix": 5 },
330
+ "r": 1,
331
+ "bm": 0,
332
+ "nm": "Fill 1",
333
+ "mn": "ADBE Vector Graphic - Fill",
334
+ "hd": false
335
+ },
336
+ {
337
+ "ty": "tr",
338
+ "p": { "a": 0, "k": [0, 0], "ix": 2 },
339
+ "a": { "a": 0, "k": [0, 0], "ix": 1 },
340
+ "s": {
341
+ "a": 1,
342
+ "k": [
343
+ {
344
+ "i": { "x": [0.667, 0.667], "y": [1, 1] },
345
+ "o": { "x": [0.333, 0.333], "y": [0, 0] },
346
+ "t": 13,
347
+ "s": [0, 0]
348
+ },
349
+ { "t": 60, "s": [100, 100] }
350
+ ],
351
+ "ix": 3
352
+ },
353
+ "r": {
354
+ "a": 1,
355
+ "k": [
356
+ {
357
+ "i": { "x": [0.562], "y": [1] },
358
+ "o": { "x": [0.216], "y": [0] },
359
+ "t": 13,
360
+ "s": [0]
361
+ },
362
+ { "t": 60, "s": [-90] }
363
+ ],
364
+ "ix": 6
365
+ },
366
+ "o": { "a": 0, "k": 100, "ix": 7 },
367
+ "sk": { "a": 0, "k": 0, "ix": 4 },
368
+ "sa": { "a": 0, "k": 0, "ix": 5 },
369
+ "nm": "Transformer "
370
+ }
371
+ ],
372
+ "nm": "Rectangle 1",
373
+ "np": 3,
374
+ "cix": 2,
375
+ "bm": 0,
376
+ "ix": 1,
377
+ "mn": "ADBE Vector Group",
378
+ "hd": false
379
+ }
380
+ ],
381
+ "ip": 0,
382
+ "op": 60,
383
+ "st": 0,
384
+ "bm": 0
385
+ },
386
+ {
387
+ "ddd": 0,
388
+ "ind": 4,
389
+ "ty": 4,
390
+ "nm": "Triangle",
391
+ "sr": 1,
392
+ "ks": {
393
+ "o": { "a": 0, "k": 100, "ix": 11 },
394
+ "r": {
395
+ "a": 1,
396
+ "k": [
397
+ {
398
+ "i": { "x": [0.667], "y": [1] },
399
+ "o": { "x": [0.057], "y": [0.118] },
400
+ "t": 13,
401
+ "s": [205.174]
402
+ },
403
+ { "t": 60, "s": [465.174] }
404
+ ],
405
+ "ix": 10
406
+ },
407
+ "p": {
408
+ "a": 1,
409
+ "k": [
410
+ {
411
+ "i": { "x": 0.833, "y": 0.833 },
412
+ "o": { "x": 0.167, "y": 0.167 },
413
+ "t": 13,
414
+ "s": [160, 160, 0],
415
+ "to": [0, 0, 0],
416
+ "ti": [23.043, -33.745, 0]
417
+ },
418
+ {
419
+ "i": { "x": 0.667, "y": 1 },
420
+ "o": { "x": 0.167, "y": 0.167 },
421
+ "t": 35,
422
+ "s": [109.043, 194.755, 0],
423
+ "to": [-23.043, 33.745, 0],
424
+ "ti": [0, 0, 0]
425
+ },
426
+ { "t": 60, "s": [96, 269.5, 0] }
427
+ ],
428
+ "ix": 2,
429
+ "l": 2
430
+ },
431
+ "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
432
+ "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
433
+ },
434
+ "ao": 0,
435
+ "shapes": [
436
+ {
437
+ "ty": "gr",
438
+ "it": [
439
+ {
440
+ "ty": "sr",
441
+ "sy": 2,
442
+ "d": 1,
443
+ "pt": { "a": 0, "k": 3, "ix": 3 },
444
+ "p": { "a": 0, "k": [0, 0], "ix": 4 },
445
+ "r": { "a": 0, "k": 90, "ix": 5 },
446
+ "or": { "a": 0, "k": 28, "ix": 7 },
447
+ "os": { "a": 0, "k": 0, "ix": 9 },
448
+ "ix": 1,
449
+ "nm": "Polystar Path 1",
450
+ "mn": "ADBE Vector Shape - Star",
451
+ "hd": false
452
+ },
453
+ {
454
+ "ty": "fl",
455
+ "c": {
456
+ "a": 0,
457
+ "k": [0.98431372549, 0.749019607843, 0.141176470588, 1],
458
+ "ix": 4
459
+ },
460
+ "o": { "a": 0, "k": 100, "ix": 5 },
461
+ "r": 1,
462
+ "bm": 0,
463
+ "nm": "Fill 1",
464
+ "mn": "ADBE Vector Graphic - Fill",
465
+ "hd": false
466
+ },
467
+ {
468
+ "ty": "tr",
469
+ "p": { "a": 0, "k": [0, 0], "ix": 2 },
470
+ "a": { "a": 0, "k": [0, 0], "ix": 1 },
471
+ "s": {
472
+ "a": 1,
473
+ "k": [
474
+ {
475
+ "i": { "x": [0.667, 0.667], "y": [1, 1] },
476
+ "o": { "x": [0.167, 0.167], "y": [0.167, 0.167] },
477
+ "t": 13,
478
+ "s": [0, 0]
479
+ },
480
+ { "t": 60, "s": [140, 140] }
481
+ ],
482
+ "ix": 3
483
+ },
484
+ "r": { "a": 0, "k": 0, "ix": 6 },
485
+ "o": { "a": 0, "k": 100, "ix": 7 },
486
+ "sk": { "a": 0, "k": 0, "ix": 4 },
487
+ "sa": { "a": 0, "k": 0, "ix": 5 },
488
+ "nm": "Transformer "
489
+ }
490
+ ],
491
+ "nm": "Polystar 1",
492
+ "np": 3,
493
+ "cix": 2,
494
+ "bm": 0,
495
+ "ix": 1,
496
+ "mn": "ADBE Vector Group",
497
+ "hd": false
498
+ }
499
+ ],
500
+ "ip": 0,
501
+ "op": 60,
502
+ "st": 0,
503
+ "bm": 0
504
+ },
505
+ {
506
+ "ddd": 0,
507
+ "ind": 5,
508
+ "ty": 4,
509
+ "nm": "Background",
510
+ "sr": 1,
511
+ "ks": {
512
+ "o": { "a": 0, "k": 100, "ix": 11 },
513
+ "r": { "a": 0, "k": 0, "ix": 10 },
514
+ "p": { "a": 0, "k": [160, 160, 0], "ix": 2, "l": 2 },
515
+ "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
516
+ "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
517
+ },
518
+ "ao": 0,
519
+ "shapes": [
520
+ {
521
+ "ty": "gr",
522
+ "it": [
523
+ {
524
+ "d": 1,
525
+ "ty": "el",
526
+ "s": {
527
+ "a": 1,
528
+ "k": [
529
+ {
530
+ "i": { "x": [0.986, 0.986], "y": [0.929, 0.929] },
531
+ "o": { "x": [0.565, 0.565], "y": [-0.003, -0.003] },
532
+ "t": 8,
533
+ "s": [1, 1]
534
+ },
535
+ {
536
+ "i": { "x": [0.678, 0.678], "y": [1.616, 1.616] },
537
+ "o": { "x": [0.16, 0.16], "y": [2.739, 2.739] },
538
+ "t": 23,
539
+ "s": [96, 96]
540
+ },
541
+ { "t": 47, "s": [140, 140] }
542
+ ],
543
+ "ix": 2
544
+ },
545
+ "p": { "a": 0, "k": [0, 0], "ix": 3 },
546
+ "nm": "Tracé d'ellipse 1",
547
+ "mn": "ADBE Vector Shape - Ellipse",
548
+ "hd": false
549
+ },
550
+ {
551
+ "ty": "st",
552
+ "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 3 },
553
+ "o": { "a": 0, "k": 100, "ix": 4 },
554
+ "w": { "a": 0, "k": 0, "ix": 5 },
555
+ "lc": 1,
556
+ "lj": 1,
557
+ "ml": 4,
558
+ "bm": 0,
559
+ "nm": "Contour 1",
560
+ "mn": "ADBE Vector Graphic - Stroke",
561
+ "hd": false
562
+ },
563
+ {
564
+ "ty": "fl",
565
+ "c": {
566
+ "a": 0,
567
+ "k": [0.117647058824, 0.160784313725, 0.23137254902, 1],
568
+ "ix": 4
569
+ },
570
+ "o": { "a": 0, "k": 100, "ix": 5 },
571
+ "r": 1,
572
+ "bm": 0,
573
+ "nm": "Fond 1",
574
+ "mn": "ADBE Vector Graphic - Fill",
575
+ "hd": false
576
+ },
577
+ {
578
+ "ty": "tr",
579
+ "p": { "a": 0, "k": [0, 0], "ix": 2 },
580
+ "a": { "a": 0, "k": [0, 0], "ix": 1 },
581
+ "s": { "a": 0, "k": [100, 100], "ix": 3 },
582
+ "r": { "a": 0, "k": 0, "ix": 6 },
583
+ "o": { "a": 0, "k": 100, "ix": 7 },
584
+ "sk": { "a": 0, "k": 0, "ix": 4 },
585
+ "sa": { "a": 0, "k": 0, "ix": 5 },
586
+ "nm": "Transformer "
587
+ }
588
+ ],
589
+ "nm": "Ellipse 1",
590
+ "np": 3,
591
+ "cix": 2,
592
+ "bm": 0,
593
+ "ix": 1,
594
+ "mn": "ADBE Vector Group",
595
+ "hd": false
596
+ }
597
+ ],
598
+ "ip": 0,
599
+ "op": 60,
600
+ "st": 0,
601
+ "bm": 0
602
+ }
603
+ ],
604
+ "markers": []
605
+ }
@@ -0,0 +1,36 @@
1
+ import type { Meta } from "@storybook/react";
2
+ import React from "react";
3
+
4
+ import { DropzoneOverlay } from "../index_with_tw_base";
5
+
6
+ const meta = {
7
+ title: "Primitives/DropzoneOverlay",
8
+ component: DropzoneOverlay,
9
+ } satisfies Meta<typeof DropzoneOverlay>;
10
+
11
+ export default meta;
12
+
13
+ export const DropzoneOverlayExample = () => {
14
+ const [isDragActive, setIsDragActive] = React.useState(false);
15
+
16
+ return (
17
+ <div
18
+ className="s-flex s-min-h-full s-flex-col s-gap-4"
19
+ onMouseEnter={() => {
20
+ setIsDragActive(true);
21
+ }}
22
+ onMouseLeave={() => {
23
+ setIsDragActive(false);
24
+ }}
25
+ >
26
+ <DropzoneOverlay
27
+ isDragActive={isDragActive}
28
+ description={"Drag and drop your files here"}
29
+ title={"Drag and drop"}
30
+ />
31
+ <div className="s-flex s-min-h-96 s-items-center s-justify-center">
32
+ This is some placeholder content.
33
+ </div>
34
+ </div>
35
+ );
36
+ };
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- export interface DragZoneProps {
3
- title?: string;
4
- description?: string;
5
- visual?: React.ReactNode;
6
- }
7
- declare const DragArea: React.FC<DragZoneProps>;
8
- export default DragArea;
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- declare const meta: {
3
- title: string;
4
- component: React.FC<import("../components/DragArea").DragZoneProps>;
5
- };
6
- export default meta;
7
- export declare const DragAreaExample: () => React.JSX.Element;