reachat 2.1.0-alpha.21 → 2.1.0-alpha.22

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 (36) hide show
  1. package/dist/{CSVFileRenderer-GYEEFRXD.js → CSVFileRenderer-DC2ZhtNx.js} +2 -2
  2. package/dist/{CSVFileRenderer-GYEEFRXD.js.map → CSVFileRenderer-DC2ZhtNx.js.map} +1 -1
  3. package/dist/ChatInput/ChatInput.d.ts +9 -1
  4. package/dist/ChatInput/FileDropzone.d.ts +33 -0
  5. package/dist/ChatInput/FileInput.d.ts +0 -4
  6. package/dist/ChatInput/index.d.ts +1 -0
  7. package/dist/ChatSuggestions/ChatSuggestion.d.ts +9 -0
  8. package/dist/ChatSuggestions/ChatSuggestions.d.ts +22 -0
  9. package/dist/ChatSuggestions/index.d.ts +2 -0
  10. package/dist/{DefaultFileRenderer-CUcl0kc2.js → DefaultFileRenderer-3oHDLIk4.js} +2 -2
  11. package/dist/{DefaultFileRenderer-CUcl0kc2.js.map → DefaultFileRenderer-3oHDLIk4.js.map} +1 -1
  12. package/dist/MessageStatus/MessageStatus.d.ts +44 -0
  13. package/dist/MessageStatus/MessageStatusItem.d.ts +9 -0
  14. package/dist/MessageStatus/StatusIcon.d.ts +17 -0
  15. package/dist/MessageStatus/index.d.ts +3 -0
  16. package/dist/SessionMessages/SessionMessages.d.ts +4 -0
  17. package/dist/docs.json +555 -16
  18. package/dist/{index-CwH75cwk.js → index-CWCW-OiG.js} +471 -122
  19. package/dist/index-CWCW-OiG.js.map +1 -0
  20. package/dist/index.css +186 -55
  21. package/dist/index.d.ts +2 -0
  22. package/dist/index.js +30 -24
  23. package/dist/index.umd.cjs +444 -97
  24. package/dist/index.umd.cjs.map +1 -1
  25. package/dist/stories/ChatSuggestions.stories.tsx +542 -0
  26. package/dist/stories/Console.stories.tsx +101 -623
  27. package/dist/stories/Files.stories.tsx +348 -0
  28. package/dist/stories/Markdown.stories.tsx +108 -1
  29. package/dist/stories/MessageStatus.stories.tsx +326 -0
  30. package/dist/stories/SessionsList.stories.tsx +276 -0
  31. package/dist/stories/assets/sparkles.svg +7 -0
  32. package/dist/stories/examples.ts +34 -0
  33. package/dist/theme.d.ts +46 -0
  34. package/dist/types.d.ts +10 -0
  35. package/package.json +7 -4
  36. package/dist/index-CwH75cwk.js.map +0 -1
package/dist/index.css CHANGED
@@ -45,9 +45,11 @@
45
45
  --radius-xs: 0.125rem;
46
46
  --radius-md: 0.375rem;
47
47
  --radius-xl: 0.75rem;
48
+ --radius-2xl: 1rem;
48
49
  --radius-3xl: 1.5rem;
49
50
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
50
51
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
52
+ --blur-sm: 8px;
51
53
  --blur-md: 12px;
52
54
  --blur-lg: 16px;
53
55
  --blur-xl: 24px;
@@ -831,9 +833,6 @@
831
833
  .relative {
832
834
  position: relative;
833
835
  }
834
- .static {
835
- position: static;
836
- }
837
836
  .sticky {
838
837
  position: sticky;
839
838
  }
@@ -888,6 +887,9 @@
888
887
  .bottom-1 {
889
888
  bottom: calc(var(--spacing) * 1);
890
889
  }
890
+ .bottom-2 {
891
+ bottom: calc(var(--spacing) * 2);
892
+ }
891
893
  .bottom-5 {
892
894
  bottom: calc(var(--spacing) * 5);
893
895
  }
@@ -900,6 +902,9 @@
900
902
  .left-0 {
901
903
  left: calc(var(--spacing) * 0);
902
904
  }
905
+ .left-1\/2 {
906
+ left: calc(1/2 * 100%);
907
+ }
903
908
  .left-2\/4 {
904
909
  left: calc(2/4 * 100%);
905
910
  }
@@ -918,6 +923,9 @@
918
923
  .z-10 {
919
924
  z-index: 10;
920
925
  }
926
+ .z-20 {
927
+ z-index: 20;
928
+ }
921
929
  .z-50 {
922
930
  z-index: 50;
923
931
  }
@@ -1459,6 +1467,9 @@
1459
1467
  .h-11 {
1460
1468
  height: calc(var(--spacing) * 11);
1461
1469
  }
1470
+ .h-24 {
1471
+ height: calc(var(--spacing) * 24);
1472
+ }
1462
1473
  .h-46 {
1463
1474
  height: calc(var(--spacing) * 46);
1464
1475
  }
@@ -1492,6 +1503,9 @@
1492
1503
  .h-\[60px\] {
1493
1504
  height: 60px;
1494
1505
  }
1506
+ .h-\[100px\] {
1507
+ height: 100px;
1508
+ }
1495
1509
  .h-\[300px\] {
1496
1510
  height: 300px;
1497
1511
  }
@@ -1555,6 +1569,9 @@
1555
1569
  .max-h-\[400px\] {
1556
1570
  max-height: 400px;
1557
1571
  }
1572
+ .min-h-0 {
1573
+ min-height: calc(var(--spacing) * 0);
1574
+ }
1558
1575
  .min-h-8 {
1559
1576
  min-height: calc(var(--spacing) * 8);
1560
1577
  }
@@ -1612,6 +1629,9 @@
1612
1629
  .w-3\.5 {
1613
1630
  width: calc(var(--spacing) * 3.5);
1614
1631
  }
1632
+ .w-3\/4 {
1633
+ width: calc(3/4 * 100%);
1634
+ }
1615
1635
  .w-3\/5 {
1616
1636
  width: calc(3/5 * 100%);
1617
1637
  }
@@ -1621,6 +1641,9 @@
1621
1641
  .w-5 {
1622
1642
  width: calc(var(--spacing) * 5);
1623
1643
  }
1644
+ .w-5\/6 {
1645
+ width: calc(5/6 * 100%);
1646
+ }
1624
1647
  .w-6 {
1625
1648
  width: calc(var(--spacing) * 6);
1626
1649
  }
@@ -1639,6 +1662,12 @@
1639
1662
  .w-16 {
1640
1663
  width: calc(var(--spacing) * 16);
1641
1664
  }
1665
+ .w-24 {
1666
+ width: calc(var(--spacing) * 24);
1667
+ }
1668
+ .w-48 {
1669
+ width: calc(var(--spacing) * 48);
1670
+ }
1642
1671
  .w-\[9px\] {
1643
1672
  width: 9px;
1644
1673
  }
@@ -1651,12 +1680,27 @@
1651
1680
  .w-\[50px\] {
1652
1681
  width: 50px;
1653
1682
  }
1683
+ .w-\[60\%\] {
1684
+ width: 60%;
1685
+ }
1654
1686
  .w-\[60px\] {
1655
1687
  width: 60px;
1656
1688
  }
1689
+ .w-\[70\%\] {
1690
+ width: 70%;
1691
+ }
1657
1692
  .w-\[80\%\] {
1658
1693
  width: 80%;
1659
1694
  }
1695
+ .w-\[90\%\] {
1696
+ width: 90%;
1697
+ }
1698
+ .w-\[100px\] {
1699
+ width: 100px;
1700
+ }
1701
+ .w-\[200px\] {
1702
+ width: 200px;
1703
+ }
1660
1704
  .w-\[250px\] {
1661
1705
  width: 250px;
1662
1706
  }
@@ -1666,6 +1710,9 @@
1666
1710
  .w-\[400px\] {
1667
1711
  width: 400px;
1668
1712
  }
1713
+ .w-\[500px\] {
1714
+ width: 500px;
1715
+ }
1669
1716
  .w-\[800px\] {
1670
1717
  width: 800px;
1671
1718
  }
@@ -1795,6 +1842,10 @@
1795
1842
  .origin-\[100\%_100\%\] {
1796
1843
  transform-origin: 100% 100%;
1797
1844
  }
1845
+ .-translate-x-1\/2 {
1846
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
1847
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1848
+ }
1798
1849
  .-translate-x-2\/4 {
1799
1850
  --tw-translate-x: calc(calc(2/4 * 100%) * -1);
1800
1851
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1835,6 +1886,9 @@
1835
1886
  .transform {
1836
1887
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
1837
1888
  }
1889
+ .animate-\[pulse_1\.5s_ease-in-out_infinite\] {
1890
+ animation: pulse 1.5s ease-in-out infinite;
1891
+ }
1838
1892
  .cursor-\[initial\] {
1839
1893
  cursor: initial;
1840
1894
  }
@@ -2044,6 +2098,27 @@
2044
2098
  margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
2045
2099
  }
2046
2100
  }
2101
+ .space-y-0\.5 {
2102
+ :where(& > :not(:last-child)) {
2103
+ --tw-space-y-reverse: 0;
2104
+ margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
2105
+ margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
2106
+ }
2107
+ }
2108
+ .space-y-3 {
2109
+ :where(& > :not(:last-child)) {
2110
+ --tw-space-y-reverse: 0;
2111
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
2112
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
2113
+ }
2114
+ }
2115
+ .space-y-4 {
2116
+ :where(& > :not(:last-child)) {
2117
+ --tw-space-y-reverse: 0;
2118
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
2119
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
2120
+ }
2121
+ }
2047
2122
  .gap-x-3 {
2048
2123
  column-gap: calc(var(--spacing) * 3);
2049
2124
  }
@@ -2122,6 +2197,9 @@
2122
2197
  .rounded-\(--tags-details-corner-radius-base\) {
2123
2198
  border-radius: var(--tags-details-corner-radius-base);
2124
2199
  }
2200
+ .rounded-2xl {
2201
+ border-radius: var(--radius-2xl);
2202
+ }
2125
2203
  .rounded-3xl {
2126
2204
  border-radius: var(--radius-3xl);
2127
2205
  }
@@ -2140,6 +2218,9 @@
2140
2218
  .rounded-full {
2141
2219
  border-radius: calc(infinity * 1px);
2142
2220
  }
2221
+ .rounded-full\! {
2222
+ border-radius: calc(infinity * 1px) !important;
2223
+ }
2143
2224
  .rounded-lg {
2144
2225
  border-radius: var(--corner-radius-lg);
2145
2226
  }
@@ -2230,6 +2311,10 @@
2230
2311
  border-left-style: var(--tw-border-style);
2231
2312
  border-left-width: 1px;
2232
2313
  }
2314
+ .border-dashed {
2315
+ --tw-border-style: dashed;
2316
+ border-style: dashed;
2317
+ }
2233
2318
  .border-dotted {
2234
2319
  --tw-border-style: dotted;
2235
2320
  border-style: dotted;
@@ -2623,6 +2708,9 @@
2623
2708
  .bg-background-neutral-raised-3 {
2624
2709
  background-color: var(--background-neutral-raised-3);
2625
2710
  }
2711
+ .bg-background-neutral-raised-4 {
2712
+ background-color: var(--background-neutral-raised-4);
2713
+ }
2626
2714
  .bg-background-neutral-raised-5 {
2627
2715
  background-color: var(--background-neutral-raised-5);
2628
2716
  }
@@ -3103,6 +3191,10 @@
3103
3191
  }
3104
3192
  background-image: linear-gradient(var(--tw-gradient-stops));
3105
3193
  }
3194
+ .bg-gradient-to-r {
3195
+ --tw-gradient-position: to right in oklab;
3196
+ background-image: linear-gradient(var(--tw-gradient-stops));
3197
+ }
3106
3198
  .\[background-image\:linear-gradient\(-126\.85deg\,_rgba\(30\,_30\,_46\,_0\)_63\.1678\%\,_\#2F6AFF_88\.9438\%\)\] {
3107
3199
  background-image: linear-gradient(-126.85deg, rgba(30, 30, 46, 0) 63.1678%, #2F6AFF 88.9438%);
3108
3200
  }
@@ -3112,6 +3204,10 @@
3112
3204
  .bg-none {
3113
3205
  background-image: none;
3114
3206
  }
3207
+ .from-background-neutral-raised-3 {
3208
+ --tw-gradient-from: var(--background-neutral-raised-3);
3209
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3210
+ }
3115
3211
  .from-blue-skybolt-a-500 {
3116
3212
  --tw-gradient-from: var(--color-blue-skybolt-a-500);
3117
3213
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -3124,10 +3220,19 @@
3124
3220
  --tw-gradient-from: transparent;
3125
3221
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3126
3222
  }
3223
+ .via-background-neutral-raised-4 {
3224
+ --tw-gradient-via: var(--background-neutral-raised-4);
3225
+ --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
3226
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3227
+ }
3127
3228
  .to-background-brand-base {
3128
3229
  --tw-gradient-to: var(--background-brand-base);
3129
3230
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3130
3231
  }
3232
+ .to-background-neutral-raised-3 {
3233
+ --tw-gradient-to: var(--background-neutral-raised-3);
3234
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3235
+ }
3131
3236
  .to-blue-hyperstream-500 {
3132
3237
  --tw-gradient-to: var(--color-blue-hyperstream-500);
3133
3238
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -3144,6 +3249,9 @@
3144
3249
  --tw-gradient-to: transparent;
3145
3250
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3146
3251
  }
3252
+ .bg-\[length\:200\%_100\%\] {
3253
+ background-size: 200% 100%;
3254
+ }
3147
3255
  .bg-cover {
3148
3256
  background-size: cover;
3149
3257
  }
@@ -4245,19 +4353,12 @@
4245
4353
  .capitalize {
4246
4354
  text-transform: capitalize;
4247
4355
  }
4248
- .lowercase {
4249
- text-transform: lowercase;
4250
- }
4251
4356
  .uppercase {
4252
4357
  text-transform: uppercase;
4253
4358
  }
4254
4359
  .italic {
4255
4360
  font-style: italic;
4256
4361
  }
4257
- .ordinal {
4258
- --tw-ordinal: ordinal;
4259
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
4260
- }
4261
4362
  .underline {
4262
4363
  text-decoration-line: underline;
4263
4364
  }
@@ -4270,6 +4371,9 @@
4270
4371
  .opacity-10 {
4271
4372
  opacity: 10%;
4272
4373
  }
4374
+ .opacity-30 {
4375
+ opacity: 30%;
4376
+ }
4273
4377
  .opacity-40 {
4274
4378
  opacity: 40%;
4275
4379
  }
@@ -4294,9 +4398,8 @@
4294
4398
  .opacity-100 {
4295
4399
  opacity: 100%;
4296
4400
  }
4297
- .shadow {
4298
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
4299
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4401
+ .mix-blend-luminosity {
4402
+ mix-blend-mode: luminosity;
4300
4403
  }
4301
4404
  .shadow-2xl {
4302
4405
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
@@ -4310,6 +4413,22 @@
4310
4413
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, rgba(0,0,0,0.20));
4311
4414
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4312
4415
  }
4416
+ .shadow-lg {
4417
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
4418
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4419
+ }
4420
+ .shadow-md {
4421
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
4422
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4423
+ }
4424
+ .ring-1 {
4425
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4426
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4427
+ }
4428
+ .ring-offset-2 {
4429
+ --tw-ring-offset-width: 2px;
4430
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4431
+ }
4313
4432
  .outline-hidden {
4314
4433
  --tw-outline-style: none;
4315
4434
  outline-style: none;
@@ -4347,6 +4466,11 @@
4347
4466
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
4348
4467
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
4349
4468
  }
4469
+ .backdrop-blur-sm {
4470
+ --tw-backdrop-blur: blur(var(--blur-sm));
4471
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
4472
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
4473
+ }
4350
4474
  .backdrop-blur-xl {
4351
4475
  --tw-backdrop-blur: blur(var(--blur-xl));
4352
4476
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -4362,6 +4486,11 @@
4362
4486
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
4363
4487
  transition-duration: var(--tw-duration, var(--default-transition-duration));
4364
4488
  }
4489
+ .transition-all {
4490
+ transition-property: all;
4491
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
4492
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
4493
+ }
4365
4494
  .transition-colors {
4366
4495
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
4367
4496
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -4599,6 +4728,15 @@
4599
4728
  }
4600
4729
  }
4601
4730
  }
4731
+ .group-hover\:stroke-selectors-colors-checkbox-selected-assets-hover {
4732
+ &:is(:where(.group):hover *) {
4733
+ @media (hover: hover) {
4734
+ stroke: var(
4735
+ --content-assets-on-color-light-light
4736
+ );
4737
+ }
4738
+ }
4739
+ }
4602
4740
  .group-hover\:text-buttons-colors-core-icon-ghost-text-hover {
4603
4741
  &:is(:where(.group):hover *) {
4604
4742
  @media (hover: hover) {
@@ -5925,6 +6063,14 @@
5925
6063
  }
5926
6064
  }
5927
6065
  }
6066
+ .hover\:shadow-lg {
6067
+ &:hover {
6068
+ @media (hover: hover) {
6069
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
6070
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6071
+ }
6072
+ }
6073
+ }
5928
6074
  .hover\:brightness-150 {
5929
6075
  &:hover {
5930
6076
  @media (hover: hover) {
@@ -6499,23 +6645,6 @@
6499
6645
  }
6500
6646
  }
6501
6647
  }
6502
- .focus-visible\:outline-1 {
6503
- &:focus-visible {
6504
- outline-style: var(--tw-outline-style);
6505
- outline-width: 1px;
6506
- }
6507
- }
6508
- .focus-visible\:outline-offset-2 {
6509
- &:focus-visible {
6510
- outline-offset: 2px;
6511
- }
6512
- }
6513
- .focus-visible\:outline-dashed {
6514
- &:focus-visible {
6515
- --tw-outline-style: dashed;
6516
- outline-style: dashed;
6517
- }
6518
- }
6519
6648
  .focus-visible\:outline-none {
6520
6649
  &:focus-visible {
6521
6650
  --tw-outline-style: none;
@@ -6902,6 +7031,12 @@
6902
7031
  background-color: var(--background-neutral-raised-4);
6903
7032
  }
6904
7033
  }
7034
+ .dark\:bg-gradient-to-r {
7035
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
7036
+ --tw-gradient-position: to right in oklab;
7037
+ background-image: linear-gradient(var(--tw-gradient-stops));
7038
+ }
7039
+ }
6905
7040
  .dark\:bg-\[radial-gradient\(circle\,rgba\(36\,36\,66\,0\.3\)_2\%\,rgba\(2\,2\,15\,1\)_80\%\)\] {
6906
7041
  &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
6907
7042
  background-image: radial-gradient(circle,rgba(36,36,66,0.3) 2%,rgba(2,2,15,1) 80%);
@@ -6955,6 +7090,12 @@
6955
7090
  background-color: var(--color-neutrals-pure-white-dnt-1000);
6956
7091
  }
6957
7092
  }
7093
+ .light\:bg-gradient-to-r {
7094
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
7095
+ --tw-gradient-position: to right in oklab;
7096
+ background-image: linear-gradient(var(--tw-gradient-stops));
7097
+ }
7098
+ }
6958
7099
  .light\:bg-\[radial-gradient\(circle\,rgba\(224\,224\,232\,0\.3\)_2\%\,rgba\(247\,247\,250\,1\)_80\%\)\] {
6959
7100
  &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
6960
7101
  background-image: radial-gradient(circle,rgba(224,224,232,0.3) 2%,rgba(247,247,250,1) 80%);
@@ -7882,6 +8023,11 @@
7882
8023
  width: calc(var(--spacing) * 5);
7883
8024
  }
7884
8025
  }
8026
+ .\[\&\>svg\]\:flex-shrink-0 {
8027
+ &>svg {
8028
+ flex-shrink: 0;
8029
+ }
8030
+ }
7885
8031
  .\[\&\>svg\]\:fill-inputs-colors-normal-assets-input-resting {
7886
8032
  &>svg {
7887
8033
  fill: var(
@@ -9887,26 +10033,6 @@ body {
9887
10033
  syntax: "*";
9888
10034
  inherits: false;
9889
10035
  }
9890
- @property --tw-ordinal {
9891
- syntax: "*";
9892
- inherits: false;
9893
- }
9894
- @property --tw-slashed-zero {
9895
- syntax: "*";
9896
- inherits: false;
9897
- }
9898
- @property --tw-numeric-figure {
9899
- syntax: "*";
9900
- inherits: false;
9901
- }
9902
- @property --tw-numeric-spacing {
9903
- syntax: "*";
9904
- inherits: false;
9905
- }
9906
- @property --tw-numeric-fraction {
9907
- syntax: "*";
9908
- inherits: false;
9909
- }
9910
10036
  @property --tw-shadow {
9911
10037
  syntax: "*";
9912
10038
  inherits: false;
@@ -10094,6 +10220,16 @@ body {
10094
10220
  inherits: false;
10095
10221
  initial-value: 1;
10096
10222
  }
10223
+ @keyframes pulse {
10224
+ 50% {
10225
+ opacity: 0.5;
10226
+ }
10227
+ }
10228
+ @keyframes pulse {
10229
+ 50% {
10230
+ opacity: 0.5;
10231
+ }
10232
+ }
10097
10233
  @layer properties {
10098
10234
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
10099
10235
  *, ::before, ::after, ::backdrop {
@@ -10122,11 +10258,6 @@ body {
10122
10258
  --tw-gradient-to-position: 100%;
10123
10259
  --tw-leading: initial;
10124
10260
  --tw-font-weight: initial;
10125
- --tw-ordinal: initial;
10126
- --tw-slashed-zero: initial;
10127
- --tw-numeric-figure: initial;
10128
- --tw-numeric-spacing: initial;
10129
- --tw-numeric-fraction: initial;
10130
10261
  --tw-shadow: 0 0 #0000;
10131
10262
  --tw-shadow-color: initial;
10132
10263
  --tw-shadow-alpha: 100%;
package/dist/index.d.ts CHANGED
@@ -3,7 +3,9 @@ export * from './Chat';
3
3
  export * from './ChatBubble';
4
4
  export * from './ChatContext';
5
5
  export * from './ChatInput';
6
+ export * from './ChatSuggestions';
6
7
  export * from './Markdown';
8
+ export * from './MessageStatus';
7
9
  export * from './SessionMessages';
8
10
  export * from './SessionsList';
9
11
  export * from './theme';
package/dist/index.js CHANGED
@@ -10,7 +10,7 @@
10
10
  console.error("vite-plugin-css-injected-by-js", e);
11
11
  }
12
12
  })();
13
- import { A, b, c, C, d, e, F, M, j, k, m, n, o, p, q, N, i, w, x, s, t, u, v, y, z, T, g, f, B, h, D, l, r } from "./index-CwH75cwk.js";
13
+ import { A, b, c, C, d, g, f, h, F, e, M, q, s, t, u, v, w, x, m, n, N, p, E, G, y, z, B, D, H, I, o, T, j, i, J, k, K, l, r } from "./index-CWCW-OiG.js";
14
14
  import "react/jsx-runtime";
15
15
  import "motion/react";
16
16
  import "reablocks";
@@ -21,32 +21,38 @@ export {
21
21
  c as ChatBubble,
22
22
  C as ChatContext,
23
23
  d as ChatInput,
24
- e as CodeHighlighter,
25
- F as FileInput,
24
+ g as ChatSuggestion,
25
+ f as ChatSuggestions,
26
+ h as CodeHighlighter,
27
+ F as FileDropzone,
28
+ e as FileInput,
26
29
  M as Markdown,
27
- j as MessageActions,
28
- k as MessageFile,
29
- m as MessageFiles,
30
- n as MessageQuestion,
31
- o as MessageResponse,
32
- p as MessageSource,
33
- q as MessageSources,
30
+ q as MessageActions,
31
+ s as MessageFile,
32
+ t as MessageFiles,
33
+ u as MessageQuestion,
34
+ v as MessageResponse,
35
+ w as MessageSource,
36
+ x as MessageSources,
37
+ m as MessageStatus,
38
+ n as MessageStatusItem,
34
39
  N as NewSessionButton,
35
- i as SessionEmpty,
36
- w as SessionGroups,
37
- x as SessionListItem,
38
- s as SessionMessage,
39
- t as SessionMessagePanel,
40
- u as SessionMessages,
41
- v as SessionMessagesHeader,
42
- y as SessionsGroup,
43
- z as SessionsList,
40
+ p as SessionEmpty,
41
+ E as SessionGroups,
42
+ G as SessionListItem,
43
+ y as SessionMessage,
44
+ z as SessionMessagePanel,
45
+ B as SessionMessages,
46
+ D as SessionMessagesHeader,
47
+ H as SessionsGroup,
48
+ I as SessionsList,
49
+ o as StatusIcon,
44
50
  T as TableComponent,
45
- g as TableDataCell,
46
- f as TableHeaderCell,
47
- B as chatTheme,
48
- h as dark,
49
- D as groupSessionsByDate,
51
+ j as TableDataCell,
52
+ i as TableHeaderCell,
53
+ J as chatTheme,
54
+ k as dark,
55
+ K as groupSessionsByDate,
50
56
  l as light,
51
57
  r as remarkCve
52
58
  };