@dust-tt/sparkle 0.5.21 → 0.7.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 (53) hide show
  1. package/dist/cjs/index.js +9 -8
  2. package/dist/cjs/index.js.map +4 -4
  3. package/dist/esm/components/ConversationListItem.d.ts +38 -0
  4. package/dist/esm/components/ConversationListItem.d.ts.map +1 -0
  5. package/dist/esm/components/ConversationListItem.js +37 -0
  6. package/dist/esm/components/ConversationListItem.js.map +1 -0
  7. package/dist/esm/components/ConversationMessage.js +1 -1
  8. package/dist/esm/components/ListItem.d.ts +4 -1
  9. package/dist/esm/components/ListItem.d.ts.map +1 -1
  10. package/dist/esm/components/ListItem.js +42 -2
  11. package/dist/esm/components/ListItem.js.map +1 -1
  12. package/dist/esm/components/NavigationList.d.ts.map +1 -1
  13. package/dist/esm/components/NavigationList.js +22 -14
  14. package/dist/esm/components/NavigationList.js.map +1 -1
  15. package/dist/esm/components/Sheet.js +1 -1
  16. package/dist/esm/components/Sheet.js.map +1 -1
  17. package/dist/esm/components/SidebarLayout.d.ts.map +1 -1
  18. package/dist/esm/components/SidebarLayout.js +17 -36
  19. package/dist/esm/components/SidebarLayout.js.map +1 -1
  20. package/dist/esm/components/index.d.ts +2 -0
  21. package/dist/esm/components/index.d.ts.map +1 -1
  22. package/dist/esm/components/index.js +1 -0
  23. package/dist/esm/components/index.js.map +1 -1
  24. package/dist/esm/lottie/collapseBar.d.ts +1 -1
  25. package/dist/esm/lottie/dragArea.d.ts +32 -32
  26. package/dist/esm/lottie/spinnerColor.d.ts +64 -64
  27. package/dist/esm/lottie/spinnerColorLG.d.ts +133 -133
  28. package/dist/esm/lottie/spinnerColorXS.d.ts +11 -11
  29. package/dist/esm/lottie/spinnerDark.d.ts +72 -72
  30. package/dist/esm/lottie/spinnerDarkLG.d.ts +134 -134
  31. package/dist/esm/lottie/spinnerDarkXS.d.ts +22 -22
  32. package/dist/esm/lottie/spinnerLight.d.ts +9 -9
  33. package/dist/esm/lottie/spinnerLightLG.d.ts +10 -10
  34. package/dist/esm/lottie/spinnerLightXS.d.ts +22 -22
  35. package/dist/esm/stories/ConversationListItem.stories.d.ts +12 -0
  36. package/dist/esm/stories/ConversationListItem.stories.d.ts.map +1 -0
  37. package/dist/esm/stories/ConversationListItem.stories.js +60 -0
  38. package/dist/esm/stories/ConversationListItem.stories.js.map +1 -0
  39. package/dist/esm/styles/allotment.css +14 -36
  40. package/dist/esm/styles/global.css +2 -0
  41. package/dist/esm/styles/global_with_tw_base.css +2 -0
  42. package/dist/sparkle.css +26 -16
  43. package/package.json +1 -1
  44. package/src/components/ConversationListItem.tsx +125 -0
  45. package/src/components/ConversationMessage.tsx +1 -1
  46. package/src/components/ListItem.tsx +73 -5
  47. package/src/components/NavigationList.tsx +38 -27
  48. package/src/components/Sheet.tsx +1 -1
  49. package/src/components/SidebarLayout.tsx +21 -43
  50. package/src/components/index.ts +2 -0
  51. package/src/styles/allotment.css +14 -36
  52. package/src/styles/global.css +2 -0
  53. package/src/styles/global_with_tw_base.css +2 -0
@@ -105,9 +105,9 @@ declare const animation: {
105
105
  sk?: undefined;
106
106
  sa?: undefined;
107
107
  ix?: undefined;
108
- r?: undefined;
109
108
  ind?: undefined;
110
109
  ks?: undefined;
110
+ r?: undefined;
111
111
  ty: string;
112
112
  c: {
113
113
  a: number;
@@ -90,9 +90,9 @@ declare const animation: {
90
90
  p?: undefined;
91
91
  a?: undefined;
92
92
  s?: undefined;
93
+ r?: undefined;
93
94
  sk?: undefined;
94
95
  sa?: undefined;
95
- r?: undefined;
96
96
  ind: number;
97
97
  ty: string;
98
98
  ix: number;
@@ -110,14 +110,14 @@ declare const animation: {
110
110
  mn: string;
111
111
  hd: boolean;
112
112
  } | {
113
+ ind?: undefined;
114
+ ix?: undefined;
115
+ ks?: undefined;
113
116
  p?: undefined;
114
117
  a?: undefined;
115
118
  s?: undefined;
116
119
  sk?: undefined;
117
120
  sa?: undefined;
118
- ix?: undefined;
119
- ind?: undefined;
120
- ks?: undefined;
121
121
  ty: string;
122
122
  c: {
123
123
  a: number;
@@ -135,13 +135,13 @@ declare const animation: {
135
135
  mn: string;
136
136
  hd: boolean;
137
137
  } | {
138
+ ind?: undefined;
139
+ ix?: undefined;
140
+ ks?: undefined;
138
141
  c?: undefined;
139
142
  bm?: undefined;
140
143
  mn?: undefined;
141
144
  hd?: undefined;
142
- ix?: undefined;
143
- ind?: undefined;
144
- ks?: undefined;
145
145
  ty: string;
146
146
  p: {
147
147
  a: number;
@@ -311,12 +311,12 @@ declare const animation: {
311
311
  mn: string;
312
312
  hd: boolean;
313
313
  } | {
314
- d?: undefined;
315
314
  p?: undefined;
316
315
  a?: undefined;
317
316
  s?: undefined;
318
317
  sk?: undefined;
319
318
  sa?: undefined;
319
+ d?: undefined;
320
320
  ty: string;
321
321
  c: {
322
322
  a: number;
@@ -334,11 +334,11 @@ declare const animation: {
334
334
  mn: string;
335
335
  hd: boolean;
336
336
  } | {
337
- d?: undefined;
338
337
  c?: undefined;
339
338
  bm?: undefined;
340
339
  mn?: undefined;
341
340
  hd?: undefined;
341
+ d?: undefined;
342
342
  ty: string;
343
343
  p: {
344
344
  a: number;
@@ -492,12 +492,12 @@ declare const animation: {
492
492
  mn: string;
493
493
  hd: boolean;
494
494
  } | {
495
- d?: undefined;
496
495
  p?: undefined;
497
496
  a?: undefined;
498
497
  s?: undefined;
499
498
  sk?: undefined;
500
499
  sa?: undefined;
500
+ d?: undefined;
501
501
  ty: string;
502
502
  c: {
503
503
  a: number;
@@ -515,11 +515,11 @@ declare const animation: {
515
515
  mn: string;
516
516
  hd: boolean;
517
517
  } | {
518
- d?: undefined;
519
518
  c?: undefined;
520
519
  bm?: undefined;
521
520
  mn?: undefined;
522
521
  hd?: undefined;
522
+ d?: undefined;
523
523
  ty: string;
524
524
  p: {
525
525
  a: number;
@@ -718,17 +718,17 @@ declare const animation: {
718
718
  mn: string;
719
719
  hd: boolean;
720
720
  } | {
721
- d?: undefined;
721
+ ix?: undefined;
722
722
  p?: undefined;
723
723
  a?: undefined;
724
724
  s?: undefined;
725
725
  sk?: undefined;
726
726
  sa?: undefined;
727
+ d?: undefined;
727
728
  sy?: undefined;
728
729
  pt?: undefined;
729
730
  or?: undefined;
730
731
  os?: undefined;
731
- ix?: undefined;
732
732
  ty: string;
733
733
  c: {
734
734
  a: number;
@@ -746,16 +746,16 @@ declare const animation: {
746
746
  mn: string;
747
747
  hd: boolean;
748
748
  } | {
749
- d?: undefined;
749
+ ix?: undefined;
750
750
  c?: undefined;
751
751
  bm?: undefined;
752
752
  mn?: undefined;
753
753
  hd?: undefined;
754
+ d?: undefined;
754
755
  sy?: undefined;
755
756
  pt?: undefined;
756
757
  or?: undefined;
757
758
  os?: undefined;
758
- ix?: undefined;
759
759
  ty: string;
760
760
  p: {
761
761
  a: number;
@@ -863,16 +863,16 @@ declare const animation: {
863
863
  ty: string;
864
864
  it: ({
865
865
  o?: undefined;
866
+ w?: undefined;
867
+ lc?: undefined;
868
+ lj?: undefined;
869
+ ml?: undefined;
866
870
  c?: undefined;
867
871
  bm?: undefined;
868
872
  a?: undefined;
873
+ r?: undefined;
869
874
  sk?: undefined;
870
875
  sa?: undefined;
871
- r?: undefined;
872
- w?: undefined;
873
- lc?: undefined;
874
- lj?: undefined;
875
- ml?: undefined;
876
876
  d: number;
877
877
  ty: string;
878
878
  s: {
@@ -905,13 +905,13 @@ declare const animation: {
905
905
  mn: string;
906
906
  hd: boolean;
907
907
  } | {
908
- d?: undefined;
909
908
  p?: undefined;
910
909
  a?: undefined;
911
910
  s?: undefined;
911
+ r?: undefined;
912
912
  sk?: undefined;
913
913
  sa?: undefined;
914
- r?: undefined;
914
+ d?: undefined;
915
915
  ty: string;
916
916
  c: {
917
917
  a: number;
@@ -936,16 +936,16 @@ declare const animation: {
936
936
  mn: string;
937
937
  hd: boolean;
938
938
  } | {
939
- d?: undefined;
939
+ w?: undefined;
940
+ lc?: undefined;
941
+ lj?: undefined;
942
+ ml?: undefined;
940
943
  p?: undefined;
941
944
  a?: undefined;
942
945
  s?: undefined;
943
946
  sk?: undefined;
944
947
  sa?: undefined;
945
- w?: undefined;
946
- lc?: undefined;
947
- lj?: undefined;
948
- ml?: undefined;
948
+ d?: undefined;
949
949
  ty: string;
950
950
  c: {
951
951
  a: number;
@@ -963,15 +963,15 @@ declare const animation: {
963
963
  mn: string;
964
964
  hd: boolean;
965
965
  } | {
966
- d?: undefined;
967
- c?: undefined;
968
- bm?: undefined;
969
- mn?: undefined;
970
- hd?: undefined;
971
966
  w?: undefined;
972
967
  lc?: undefined;
973
968
  lj?: undefined;
974
969
  ml?: undefined;
970
+ c?: undefined;
971
+ bm?: undefined;
972
+ mn?: undefined;
973
+ hd?: undefined;
974
+ d?: undefined;
975
975
  ty: string;
976
976
  p: {
977
977
  a: number;
@@ -51,10 +51,10 @@ declare const animation: {
51
51
  t: number;
52
52
  s: number[];
53
53
  } | {
54
- i?: undefined;
55
- o?: undefined;
56
54
  t: number;
57
55
  s: number[];
56
+ i?: undefined;
57
+ o?: undefined;
58
58
  })[];
59
59
  ix: number;
60
60
  l: number;
@@ -64,7 +64,6 @@ declare const animation: {
64
64
  shapes: {
65
65
  ty: string;
66
66
  it: ({
67
- o?: undefined;
68
67
  ty: string;
69
68
  d: number;
70
69
  s: {
@@ -91,16 +90,17 @@ declare const animation: {
91
90
  t: number;
92
91
  s: number[];
93
92
  } | {
94
- i?: undefined;
95
- o?: undefined;
96
93
  t: number;
97
94
  s: number[];
95
+ i?: undefined;
96
+ o?: undefined;
98
97
  })[];
99
98
  ix: number;
100
99
  };
101
100
  nm: string;
102
101
  mn: string;
103
102
  hd: boolean;
103
+ o?: undefined;
104
104
  c?: undefined;
105
105
  bm?: undefined;
106
106
  a?: undefined;
@@ -123,10 +123,10 @@ declare const animation: {
123
123
  t: number;
124
124
  s: number[];
125
125
  } | {
126
- i?: undefined;
127
- o?: undefined;
128
126
  t: number;
129
127
  s: number[];
128
+ i?: undefined;
129
+ o?: undefined;
130
130
  })[];
131
131
  ix: number;
132
132
  };
@@ -147,10 +147,6 @@ declare const animation: {
147
147
  sa?: undefined;
148
148
  } | {
149
149
  d?: undefined;
150
- c?: undefined;
151
- bm?: undefined;
152
- mn?: undefined;
153
- hd?: undefined;
154
150
  ty: string;
155
151
  p: {
156
152
  a: number;
@@ -188,6 +184,10 @@ declare const animation: {
188
184
  ix: number;
189
185
  };
190
186
  nm: string;
187
+ c?: undefined;
188
+ bm?: undefined;
189
+ mn?: undefined;
190
+ hd?: undefined;
191
191
  })[];
192
192
  nm: string;
193
193
  np: number;
@@ -227,10 +227,10 @@ declare const animation: {
227
227
  t: number;
228
228
  s: number[];
229
229
  } | {
230
- i?: undefined;
231
- o?: undefined;
232
230
  t: number;
233
231
  s: number[];
232
+ i?: undefined;
233
+ o?: undefined;
234
234
  })[];
235
235
  ix: number;
236
236
  };
@@ -257,13 +257,6 @@ declare const animation: {
257
257
  shapes: {
258
258
  ty: string;
259
259
  it: ({
260
- o?: undefined;
261
- c?: undefined;
262
- bm?: undefined;
263
- a?: undefined;
264
- s?: undefined;
265
- sk?: undefined;
266
- sa?: undefined;
267
260
  ty: string;
268
261
  sy: number;
269
262
  d: number;
@@ -296,18 +289,19 @@ declare const animation: {
296
289
  nm: string;
297
290
  mn: string;
298
291
  hd: boolean;
299
- } | {
300
- d?: undefined;
301
- p?: undefined;
292
+ o?: undefined;
293
+ c?: undefined;
294
+ bm?: undefined;
302
295
  a?: undefined;
303
296
  s?: undefined;
304
297
  sk?: undefined;
305
298
  sa?: undefined;
299
+ } | {
300
+ d?: undefined;
306
301
  sy?: undefined;
307
302
  pt?: undefined;
308
303
  or?: undefined;
309
304
  os?: undefined;
310
- ix?: undefined;
311
305
  ty: string;
312
306
  c: {
313
307
  a: number;
@@ -324,17 +318,18 @@ declare const animation: {
324
318
  nm: string;
325
319
  mn: string;
326
320
  hd: boolean;
321
+ ix?: undefined;
322
+ p?: undefined;
323
+ a?: undefined;
324
+ s?: undefined;
325
+ sk?: undefined;
326
+ sa?: undefined;
327
327
  } | {
328
328
  d?: undefined;
329
- c?: undefined;
330
- bm?: undefined;
331
- mn?: undefined;
332
- hd?: undefined;
333
329
  sy?: undefined;
334
330
  pt?: undefined;
335
331
  or?: undefined;
336
332
  os?: undefined;
337
- ix?: undefined;
338
333
  ty: string;
339
334
  p: {
340
335
  a: number;
@@ -372,6 +367,11 @@ declare const animation: {
372
367
  ix: number;
373
368
  };
374
369
  nm: string;
370
+ ix?: undefined;
371
+ c?: undefined;
372
+ bm?: undefined;
373
+ mn?: undefined;
374
+ hd?: undefined;
375
375
  })[];
376
376
  nm: string;
377
377
  np: number;
@@ -418,12 +418,12 @@ declare const animation: {
418
418
  to: number[];
419
419
  ti: number[];
420
420
  } | {
421
+ t: number;
422
+ s: number[];
421
423
  i?: undefined;
422
424
  o?: undefined;
423
425
  to?: undefined;
424
426
  ti?: undefined;
425
- t: number;
426
- s: number[];
427
427
  })[];
428
428
  ix: number;
429
429
  l: number;
@@ -445,12 +445,6 @@ declare const animation: {
445
445
  shapes: {
446
446
  ty: string;
447
447
  it: ({
448
- o?: undefined;
449
- c?: undefined;
450
- bm?: undefined;
451
- a?: undefined;
452
- sk?: undefined;
453
- sa?: undefined;
454
448
  d: number;
455
449
  ty: string;
456
450
  s: {
@@ -466,14 +460,15 @@ declare const animation: {
466
460
  nm: string;
467
461
  mn: string;
468
462
  hd: boolean;
469
- r?: undefined;
470
- } | {
471
- d?: undefined;
472
- p?: undefined;
463
+ o?: undefined;
464
+ c?: undefined;
465
+ bm?: undefined;
473
466
  a?: undefined;
474
- s?: undefined;
467
+ r?: undefined;
475
468
  sk?: undefined;
476
469
  sa?: undefined;
470
+ } | {
471
+ d?: undefined;
477
472
  ty: string;
478
473
  c: {
479
474
  a: number;
@@ -490,12 +485,13 @@ declare const animation: {
490
485
  nm: string;
491
486
  mn: string;
492
487
  hd: boolean;
488
+ p?: undefined;
489
+ a?: undefined;
490
+ s?: undefined;
491
+ sk?: undefined;
492
+ sa?: undefined;
493
493
  } | {
494
494
  d?: undefined;
495
- c?: undefined;
496
- bm?: undefined;
497
- mn?: undefined;
498
- hd?: undefined;
499
495
  ty: string;
500
496
  p: {
501
497
  a: number;
@@ -533,6 +529,10 @@ declare const animation: {
533
529
  ix: number;
534
530
  };
535
531
  nm: string;
532
+ c?: undefined;
533
+ bm?: undefined;
534
+ mn?: undefined;
535
+ hd?: undefined;
536
536
  })[];
537
537
  nm: string;
538
538
  np: number;
@@ -589,10 +589,10 @@ declare const animation: {
589
589
  t: number;
590
590
  s: number[];
591
591
  } | {
592
- i?: undefined;
593
- o?: undefined;
594
592
  t: number;
595
593
  s: number[];
594
+ i?: undefined;
595
+ o?: undefined;
596
596
  })[];
597
597
  ix: number;
598
598
  l: number;
@@ -602,12 +602,6 @@ declare const animation: {
602
602
  shapes: {
603
603
  ty: string;
604
604
  it: ({
605
- o?: undefined;
606
- c?: undefined;
607
- bm?: undefined;
608
- a?: undefined;
609
- sk?: undefined;
610
- sa?: undefined;
611
605
  ty: string;
612
606
  d: number;
613
607
  s: {
@@ -628,13 +622,14 @@ declare const animation: {
628
622
  nm: string;
629
623
  mn: string;
630
624
  hd: boolean;
631
- } | {
632
- d?: undefined;
633
- p?: undefined;
625
+ o?: undefined;
626
+ c?: undefined;
627
+ bm?: undefined;
634
628
  a?: undefined;
635
- s?: undefined;
636
629
  sk?: undefined;
637
630
  sa?: undefined;
631
+ } | {
632
+ d?: undefined;
638
633
  ty: string;
639
634
  c: {
640
635
  a: number;
@@ -650,10 +645,10 @@ declare const animation: {
650
645
  t: number;
651
646
  s: number[];
652
647
  } | {
653
- i?: undefined;
654
- o?: undefined;
655
648
  t: number;
656
649
  s: number[];
650
+ i?: undefined;
651
+ o?: undefined;
657
652
  })[];
658
653
  ix: number;
659
654
  };
@@ -667,12 +662,13 @@ declare const animation: {
667
662
  nm: string;
668
663
  mn: string;
669
664
  hd: boolean;
665
+ p?: undefined;
666
+ a?: undefined;
667
+ s?: undefined;
668
+ sk?: undefined;
669
+ sa?: undefined;
670
670
  } | {
671
671
  d?: undefined;
672
- c?: undefined;
673
- bm?: undefined;
674
- mn?: undefined;
675
- hd?: undefined;
676
672
  ty: string;
677
673
  p: {
678
674
  a: number;
@@ -710,6 +706,10 @@ declare const animation: {
710
706
  ix: number;
711
707
  };
712
708
  nm: string;
709
+ c?: undefined;
710
+ bm?: undefined;
711
+ mn?: undefined;
712
+ hd?: undefined;
713
713
  })[];
714
714
  nm: string;
715
715
  np: number;