@distri/react 0.3.2 → 0.3.3

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/index.css CHANGED
@@ -1,598 +1,3 @@
1
- /* ../../node_modules/.pnpm/codemirror@5.65.20/node_modules/codemirror/lib/codemirror.css */
2
- .CodeMirror {
3
- font-family: monospace;
4
- height: 300px;
5
- color: black;
6
- direction: ltr;
7
- }
8
- .CodeMirror-lines {
9
- padding: 4px 0;
10
- }
11
- .CodeMirror pre.CodeMirror-line,
12
- .CodeMirror pre.CodeMirror-line-like {
13
- padding: 0 4px;
14
- }
15
- .CodeMirror-scrollbar-filler,
16
- .CodeMirror-gutter-filler {
17
- background-color: white;
18
- }
19
- .CodeMirror-gutters {
20
- border-right: 1px solid #ddd;
21
- background-color: #f7f7f7;
22
- white-space: nowrap;
23
- }
24
- .CodeMirror-linenumbers {
25
- }
26
- .CodeMirror-linenumber {
27
- padding: 0 3px 0 5px;
28
- min-width: 20px;
29
- text-align: right;
30
- color: #999;
31
- white-space: nowrap;
32
- }
33
- .CodeMirror-guttermarker {
34
- color: black;
35
- }
36
- .CodeMirror-guttermarker-subtle {
37
- color: #999;
38
- }
39
- .CodeMirror-cursor {
40
- border-left: 1px solid black;
41
- border-right: none;
42
- width: 0;
43
- }
44
- .CodeMirror div.CodeMirror-secondarycursor {
45
- border-left: 1px solid silver;
46
- }
47
- .cm-fat-cursor .CodeMirror-cursor {
48
- width: auto;
49
- border: 0 !important;
50
- background: #7e7;
51
- }
52
- .cm-fat-cursor div.CodeMirror-cursors {
53
- z-index: 1;
54
- }
55
- .cm-fat-cursor .CodeMirror-line::-moz-selection,
56
- .cm-fat-cursor .CodeMirror-line > span::-moz-selection,
57
- .cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
58
- background: transparent;
59
- }
60
- .cm-fat-cursor .CodeMirror-line::selection,
61
- .cm-fat-cursor .CodeMirror-line > span::selection,
62
- .cm-fat-cursor .CodeMirror-line > span > span::selection {
63
- background: transparent;
64
- }
65
- .cm-fat-cursor .CodeMirror-line::-moz-selection,
66
- .cm-fat-cursor .CodeMirror-line > span::-moz-selection,
67
- .cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
68
- background: transparent;
69
- }
70
- .cm-fat-cursor {
71
- caret-color: transparent;
72
- }
73
- @keyframes blink {
74
- 0% {
75
- }
76
- 50% {
77
- background-color: transparent;
78
- }
79
- 100% {
80
- }
81
- }
82
- .CodeMirror-overwrite .CodeMirror-cursor {
83
- }
84
- .cm-tab {
85
- display: inline-block;
86
- text-decoration: inherit;
87
- }
88
- .CodeMirror-rulers {
89
- position: absolute;
90
- left: 0;
91
- right: 0;
92
- top: -50px;
93
- bottom: 0;
94
- overflow: hidden;
95
- }
96
- .CodeMirror-ruler {
97
- border-left: 1px solid #ccc;
98
- top: 0;
99
- bottom: 0;
100
- position: absolute;
101
- }
102
- .cm-s-default .cm-header {
103
- color: blue;
104
- }
105
- .cm-s-default .cm-quote {
106
- color: #090;
107
- }
108
- .cm-negative {
109
- color: #d44;
110
- }
111
- .cm-positive {
112
- color: #292;
113
- }
114
- .cm-header,
115
- .cm-strong {
116
- font-weight: bold;
117
- }
118
- .cm-em {
119
- font-style: italic;
120
- }
121
- .cm-link {
122
- text-decoration: underline;
123
- }
124
- .cm-strikethrough {
125
- text-decoration: line-through;
126
- }
127
- .cm-s-default .cm-keyword {
128
- color: #708;
129
- }
130
- .cm-s-default .cm-atom {
131
- color: #219;
132
- }
133
- .cm-s-default .cm-number {
134
- color: #164;
135
- }
136
- .cm-s-default .cm-def {
137
- color: #00f;
138
- }
139
- .cm-s-default .cm-variable,
140
- .cm-s-default .cm-punctuation,
141
- .cm-s-default .cm-property,
142
- .cm-s-default .cm-operator {
143
- }
144
- .cm-s-default .cm-variable-2 {
145
- color: #05a;
146
- }
147
- .cm-s-default .cm-variable-3,
148
- .cm-s-default .cm-type {
149
- color: #085;
150
- }
151
- .cm-s-default .cm-comment {
152
- color: #a50;
153
- }
154
- .cm-s-default .cm-string {
155
- color: #a11;
156
- }
157
- .cm-s-default .cm-string-2 {
158
- color: #f50;
159
- }
160
- .cm-s-default .cm-meta {
161
- color: #555;
162
- }
163
- .cm-s-default .cm-qualifier {
164
- color: #555;
165
- }
166
- .cm-s-default .cm-builtin {
167
- color: #30a;
168
- }
169
- .cm-s-default .cm-bracket {
170
- color: #997;
171
- }
172
- .cm-s-default .cm-tag {
173
- color: #170;
174
- }
175
- .cm-s-default .cm-attribute {
176
- color: #00c;
177
- }
178
- .cm-s-default .cm-hr {
179
- color: #999;
180
- }
181
- .cm-s-default .cm-link {
182
- color: #00c;
183
- }
184
- .cm-s-default .cm-error {
185
- color: #f00;
186
- }
187
- .cm-invalidchar {
188
- color: #f00;
189
- }
190
- .CodeMirror-composing {
191
- border-bottom: 2px solid;
192
- }
193
- div.CodeMirror span.CodeMirror-matchingbracket {
194
- color: #0b0;
195
- }
196
- div.CodeMirror span.CodeMirror-nonmatchingbracket {
197
- color: #a22;
198
- }
199
- .CodeMirror-matchingtag {
200
- background: rgba(255, 150, 0, .3);
201
- }
202
- .CodeMirror-activeline-background {
203
- background: #e8f2ff;
204
- }
205
- .CodeMirror {
206
- position: relative;
207
- overflow: hidden;
208
- background: white;
209
- }
210
- .CodeMirror-scroll {
211
- overflow: scroll !important;
212
- margin-bottom: -50px;
213
- margin-right: -50px;
214
- padding-bottom: 50px;
215
- height: 100%;
216
- outline: none;
217
- position: relative;
218
- z-index: 0;
219
- }
220
- .CodeMirror-sizer {
221
- position: relative;
222
- border-right: 50px solid transparent;
223
- }
224
- .CodeMirror-vscrollbar,
225
- .CodeMirror-hscrollbar,
226
- .CodeMirror-scrollbar-filler,
227
- .CodeMirror-gutter-filler {
228
- position: absolute;
229
- z-index: 6;
230
- display: none;
231
- outline: none;
232
- }
233
- .CodeMirror-vscrollbar {
234
- right: 0;
235
- top: 0;
236
- overflow-x: hidden;
237
- overflow-y: scroll;
238
- }
239
- .CodeMirror-hscrollbar {
240
- bottom: 0;
241
- left: 0;
242
- overflow-y: hidden;
243
- overflow-x: scroll;
244
- }
245
- .CodeMirror-scrollbar-filler {
246
- right: 0;
247
- bottom: 0;
248
- }
249
- .CodeMirror-gutter-filler {
250
- left: 0;
251
- bottom: 0;
252
- }
253
- .CodeMirror-gutters {
254
- position: absolute;
255
- left: 0;
256
- top: 0;
257
- min-height: 100%;
258
- z-index: 3;
259
- }
260
- .CodeMirror-gutter {
261
- white-space: normal;
262
- height: 100%;
263
- display: inline-block;
264
- vertical-align: top;
265
- margin-bottom: -50px;
266
- }
267
- .CodeMirror-gutter-wrapper {
268
- position: absolute;
269
- z-index: 4;
270
- background: none !important;
271
- border: none !important;
272
- }
273
- .CodeMirror-gutter-background {
274
- position: absolute;
275
- top: 0;
276
- bottom: 0;
277
- z-index: 4;
278
- }
279
- .CodeMirror-gutter-elt {
280
- position: absolute;
281
- cursor: default;
282
- z-index: 4;
283
- }
284
- .CodeMirror-gutter-wrapper ::-moz-selection {
285
- background-color: transparent;
286
- }
287
- .CodeMirror-gutter-wrapper ::selection {
288
- background-color: transparent;
289
- }
290
- .CodeMirror-gutter-wrapper ::-moz-selection {
291
- background-color: transparent;
292
- }
293
- .CodeMirror-lines {
294
- cursor: text;
295
- min-height: 1px;
296
- }
297
- .CodeMirror pre.CodeMirror-line,
298
- .CodeMirror pre.CodeMirror-line-like {
299
- border-radius: 0;
300
- border-width: 0;
301
- background: transparent;
302
- font-family: inherit;
303
- font-size: inherit;
304
- margin: 0;
305
- white-space: pre;
306
- word-wrap: normal;
307
- line-height: inherit;
308
- color: inherit;
309
- z-index: 2;
310
- position: relative;
311
- overflow: visible;
312
- -webkit-tap-highlight-color: transparent;
313
- font-variant-ligatures: contextual;
314
- }
315
- .CodeMirror-wrap pre.CodeMirror-line,
316
- .CodeMirror-wrap pre.CodeMirror-line-like {
317
- word-wrap: break-word;
318
- white-space: pre-wrap;
319
- word-break: normal;
320
- }
321
- .CodeMirror-linebackground {
322
- position: absolute;
323
- left: 0;
324
- right: 0;
325
- top: 0;
326
- bottom: 0;
327
- z-index: 0;
328
- }
329
- .CodeMirror-linewidget {
330
- position: relative;
331
- z-index: 2;
332
- padding: 0.1px;
333
- }
334
- .CodeMirror-widget {
335
- }
336
- .CodeMirror-rtl pre {
337
- direction: rtl;
338
- }
339
- .CodeMirror-code {
340
- outline: none;
341
- }
342
- .CodeMirror-scroll,
343
- .CodeMirror-sizer,
344
- .CodeMirror-gutter,
345
- .CodeMirror-gutters,
346
- .CodeMirror-linenumber {
347
- box-sizing: content-box;
348
- }
349
- .CodeMirror-measure {
350
- position: absolute;
351
- width: 100%;
352
- height: 0;
353
- overflow: hidden;
354
- visibility: hidden;
355
- }
356
- .CodeMirror-cursor {
357
- position: absolute;
358
- pointer-events: none;
359
- }
360
- .CodeMirror-measure pre {
361
- position: static;
362
- }
363
- div.CodeMirror-cursors {
364
- visibility: hidden;
365
- position: relative;
366
- z-index: 3;
367
- }
368
- div.CodeMirror-dragcursors {
369
- visibility: visible;
370
- }
371
- .CodeMirror-focused div.CodeMirror-cursors {
372
- visibility: visible;
373
- }
374
- .CodeMirror-selected {
375
- background: #d9d9d9;
376
- }
377
- .CodeMirror-focused .CodeMirror-selected {
378
- background: #d7d4f0;
379
- }
380
- .CodeMirror-crosshair {
381
- cursor: crosshair;
382
- }
383
- .CodeMirror-line::-moz-selection,
384
- .CodeMirror-line > span::-moz-selection,
385
- .CodeMirror-line > span > span::-moz-selection {
386
- background: #d7d4f0;
387
- }
388
- .CodeMirror-line::selection,
389
- .CodeMirror-line > span::selection,
390
- .CodeMirror-line > span > span::selection {
391
- background: #d7d4f0;
392
- }
393
- .CodeMirror-line::-moz-selection,
394
- .CodeMirror-line > span::-moz-selection,
395
- .CodeMirror-line > span > span::-moz-selection {
396
- background: #d7d4f0;
397
- }
398
- .cm-searching {
399
- background-color: #ffa;
400
- background-color: rgba(255, 255, 0, .4);
401
- }
402
- .cm-force-border {
403
- padding-right: .1px;
404
- }
405
- @media print {
406
- .CodeMirror div.CodeMirror-cursors {
407
- visibility: hidden;
408
- }
409
- }
410
- .cm-tab-wrap-hack:after {
411
- content: "";
412
- }
413
- span.CodeMirror-selectedtext {
414
- background: none;
415
- }
416
-
417
- /* ../../node_modules/.pnpm/codemirror@5.65.20/node_modules/codemirror/theme/material-darker.css */
418
- .cm-s-material-darker.CodeMirror {
419
- background-color: #212121;
420
- color: #EEFFFF;
421
- }
422
- .cm-s-material-darker .CodeMirror-gutters {
423
- background: #212121;
424
- color: #545454;
425
- border: none;
426
- }
427
- .cm-s-material-darker .CodeMirror-guttermarker,
428
- .cm-s-material-darker .CodeMirror-guttermarker-subtle,
429
- .cm-s-material-darker .CodeMirror-linenumber {
430
- color: #545454;
431
- }
432
- .cm-s-material-darker .CodeMirror-cursor {
433
- border-left: 1px solid #FFCC00;
434
- }
435
- .cm-s-material-darker div.CodeMirror-selected {
436
- background: rgba(97, 97, 97, 0.2);
437
- }
438
- .cm-s-material-darker.CodeMirror-focused div.CodeMirror-selected {
439
- background: rgba(97, 97, 97, 0.2);
440
- }
441
- .cm-s-material-darker .CodeMirror-line::-moz-selection,
442
- .cm-s-material-darker .CodeMirror-line > span::-moz-selection,
443
- .cm-s-material-darker .CodeMirror-line > span > span::-moz-selection {
444
- background: rgba(128, 203, 196, 0.2);
445
- }
446
- .cm-s-material-darker .CodeMirror-line::selection,
447
- .cm-s-material-darker .CodeMirror-line > span::selection,
448
- .cm-s-material-darker .CodeMirror-line > span > span::selection {
449
- background: rgba(128, 203, 196, 0.2);
450
- }
451
- .cm-s-material-darker .CodeMirror-line::-moz-selection,
452
- .cm-s-material-darker .CodeMirror-line > span::-moz-selection,
453
- .cm-s-material-darker .CodeMirror-line > span > span::-moz-selection {
454
- background: rgba(128, 203, 196, 0.2);
455
- }
456
- .cm-s-material-darker .CodeMirror-activeline-background {
457
- background: rgba(0, 0, 0, 0.5);
458
- }
459
- .cm-s-material-darker .cm-keyword {
460
- color: #C792EA;
461
- }
462
- .cm-s-material-darker .cm-operator {
463
- color: #89DDFF;
464
- }
465
- .cm-s-material-darker .cm-variable-2 {
466
- color: #EEFFFF;
467
- }
468
- .cm-s-material-darker .cm-variable-3,
469
- .cm-s-material-darker .cm-type {
470
- color: #f07178;
471
- }
472
- .cm-s-material-darker .cm-builtin {
473
- color: #FFCB6B;
474
- }
475
- .cm-s-material-darker .cm-atom {
476
- color: #F78C6C;
477
- }
478
- .cm-s-material-darker .cm-number {
479
- color: #FF5370;
480
- }
481
- .cm-s-material-darker .cm-def {
482
- color: #82AAFF;
483
- }
484
- .cm-s-material-darker .cm-string {
485
- color: #C3E88D;
486
- }
487
- .cm-s-material-darker .cm-string-2 {
488
- color: #f07178;
489
- }
490
- .cm-s-material-darker .cm-comment {
491
- color: #545454;
492
- }
493
- .cm-s-material-darker .cm-variable {
494
- color: #f07178;
495
- }
496
- .cm-s-material-darker .cm-tag {
497
- color: #FF5370;
498
- }
499
- .cm-s-material-darker .cm-meta {
500
- color: #FFCB6B;
501
- }
502
- .cm-s-material-darker .cm-attribute {
503
- color: #C792EA;
504
- }
505
- .cm-s-material-darker .cm-property {
506
- color: #C792EA;
507
- }
508
- .cm-s-material-darker .cm-qualifier {
509
- color: #DECB6B;
510
- }
511
- .cm-s-material-darker .cm-variable-3,
512
- .cm-s-material-darker .cm-type {
513
- color: #DECB6B;
514
- }
515
- .cm-s-material-darker .cm-error {
516
- color: rgba(255, 255, 255, 1.0);
517
- background-color: #FF5370;
518
- }
519
- .cm-s-material-darker .CodeMirror-matchingbracket {
520
- text-decoration: underline;
521
- color: white !important;
522
- }
523
-
524
- /* ../../node_modules/.pnpm/codemirror@5.65.20/node_modules/codemirror/theme/eclipse.css */
525
- .cm-s-eclipse span.cm-meta {
526
- color: #FF1717;
527
- }
528
- .cm-s-eclipse span.cm-keyword {
529
- line-height: 1em;
530
- font-weight: bold;
531
- color: #7F0055;
532
- }
533
- .cm-s-eclipse span.cm-atom {
534
- color: #219;
535
- }
536
- .cm-s-eclipse span.cm-number {
537
- color: #164;
538
- }
539
- .cm-s-eclipse span.cm-def {
540
- color: #00f;
541
- }
542
- .cm-s-eclipse span.cm-variable {
543
- color: black;
544
- }
545
- .cm-s-eclipse span.cm-variable-2 {
546
- color: #0000C0;
547
- }
548
- .cm-s-eclipse span.cm-variable-3,
549
- .cm-s-eclipse span.cm-type {
550
- color: #0000C0;
551
- }
552
- .cm-s-eclipse span.cm-property {
553
- color: black;
554
- }
555
- .cm-s-eclipse span.cm-operator {
556
- color: black;
557
- }
558
- .cm-s-eclipse span.cm-comment {
559
- color: #3F7F5F;
560
- }
561
- .cm-s-eclipse span.cm-string {
562
- color: #2A00FF;
563
- }
564
- .cm-s-eclipse span.cm-string-2 {
565
- color: #f50;
566
- }
567
- .cm-s-eclipse span.cm-qualifier {
568
- color: #555;
569
- }
570
- .cm-s-eclipse span.cm-builtin {
571
- color: #30a;
572
- }
573
- .cm-s-eclipse span.cm-bracket {
574
- color: #cc7;
575
- }
576
- .cm-s-eclipse span.cm-tag {
577
- color: #170;
578
- }
579
- .cm-s-eclipse span.cm-attribute {
580
- color: #00c;
581
- }
582
- .cm-s-eclipse span.cm-link {
583
- color: #219;
584
- }
585
- .cm-s-eclipse span.cm-error {
586
- color: #f00;
587
- }
588
- .cm-s-eclipse .CodeMirror-activeline-background {
589
- background: #e8f2ff;
590
- }
591
- .cm-s-eclipse .CodeMirror-matchingbracket {
592
- outline: 1px solid grey;
593
- color: black !important;
594
- }
595
-
596
1
  /* src/globals.css */
597
2
  *,
598
3
  ::before,
@@ -962,14 +367,6 @@ body {
962
367
  max-width: 1536px;
963
368
  }
964
369
  }
965
- .distri-chat-editor.CodeMirror,
966
- .distri-chat-editor .CodeMirror-scroll {
967
- background: transparent !important;
968
- }
969
- .distri-chat-editor .CodeMirror-placeholder {
970
- color: hsl(var(--muted-foreground)) !important;
971
- opacity: 0.7;
972
- }
973
370
  .sr-only {
974
371
  position: absolute;
975
372
  width: 1px;
@@ -1086,9 +483,9 @@ body {
1086
483
  margin-left: -0.25rem;
1087
484
  margin-right: -0.25rem;
1088
485
  }
1089
- .mx-0 {
1090
- margin-left: 0px;
1091
- margin-right: 0px;
486
+ .mx-1 {
487
+ margin-left: 0.25rem;
488
+ margin-right: 0.25rem;
1092
489
  }
1093
490
  .mx-2 {
1094
491
  margin-left: 0.5rem;
@@ -1202,6 +599,9 @@ body {
1202
599
  width: 1rem;
1203
600
  height: 1rem;
1204
601
  }
602
+ .h-1 {
603
+ height: 0.25rem;
604
+ }
1205
605
  .h-1\.5 {
1206
606
  height: 0.375rem;
1207
607
  }
@@ -1280,6 +680,12 @@ body {
1280
680
  .max-h-\[--radix-select-content-available-height\] {
1281
681
  max-height: var(--radix-select-content-available-height);
1282
682
  }
683
+ .max-h-\[85vh\] {
684
+ max-height: 85vh;
685
+ }
686
+ .max-h-\[90vh\] {
687
+ max-height: 90vh;
688
+ }
1283
689
  .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
1284
690
  max-height: var(--radix-dropdown-menu-content-available-height);
1285
691
  }
@@ -1289,6 +695,12 @@ body {
1289
695
  .min-h-0 {
1290
696
  min-height: 0px;
1291
697
  }
698
+ .min-h-\[100px\] {
699
+ min-height: 100px;
700
+ }
701
+ .min-h-\[180px\] {
702
+ min-height: 180px;
703
+ }
1292
704
  .min-h-\[220px\] {
1293
705
  min-height: 220px;
1294
706
  }
@@ -1419,6 +831,9 @@ body {
1419
831
  .max-w-\[80\%\] {
1420
832
  max-width: 80%;
1421
833
  }
834
+ .max-w-\[90vw\] {
835
+ max-width: 90vw;
836
+ }
1422
837
  .max-w-full {
1423
838
  max-width: 100%;
1424
839
  }
@@ -1690,9 +1105,6 @@ body {
1690
1105
  .rounded-2xl {
1691
1106
  border-radius: 1rem;
1692
1107
  }
1693
- .rounded-3xl {
1694
- border-radius: 1.5rem;
1695
- }
1696
1108
  .rounded-full {
1697
1109
  border-radius: 9999px;
1698
1110
  }
@@ -1756,6 +1168,12 @@ body {
1756
1168
  .border-none {
1757
1169
  border-style: none;
1758
1170
  }
1171
+ .border-black\/10 {
1172
+ border-color: rgb(0 0 0 / 0.1);
1173
+ }
1174
+ .border-black\/5 {
1175
+ border-color: rgb(0 0 0 / 0.05);
1176
+ }
1759
1177
  .border-blue-200 {
1760
1178
  --tw-border-opacity: 1;
1761
1179
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
@@ -1805,12 +1223,15 @@ body {
1805
1223
  .border-muted {
1806
1224
  border-color: hsl(var(--muted));
1807
1225
  }
1226
+ .border-muted-foreground {
1227
+ border-color: hsl(var(--muted-foreground));
1228
+ }
1229
+ .border-muted-foreground\/30 {
1230
+ border-color: hsl(var(--muted-foreground) / 0.3);
1231
+ }
1808
1232
  .border-primary {
1809
1233
  border-color: hsl(var(--primary));
1810
1234
  }
1811
- .border-primary\/20 {
1812
- border-color: hsl(var(--primary) / 0.2);
1813
- }
1814
1235
  .border-red-200 {
1815
1236
  --tw-border-opacity: 1;
1816
1237
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
@@ -1821,6 +1242,12 @@ body {
1821
1242
  .border-transparent {
1822
1243
  border-color: transparent;
1823
1244
  }
1245
+ .border-white\/20 {
1246
+ border-color: rgb(255 255 255 / 0.2);
1247
+ }
1248
+ .border-white\/5 {
1249
+ border-color: rgb(255 255 255 / 0.05);
1250
+ }
1824
1251
  .border-yellow-200 {
1825
1252
  --tw-border-opacity: 1;
1826
1253
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
@@ -1835,6 +1262,13 @@ body {
1835
1262
  .border-t-transparent {
1836
1263
  border-top-color: transparent;
1837
1264
  }
1265
+ .bg-\[\#0d0d0d\] {
1266
+ --tw-bg-opacity: 1;
1267
+ background-color: rgb(13 13 13 / var(--tw-bg-opacity, 1));
1268
+ }
1269
+ .bg-\[var\(--distri-accent\,\#3b82f6\)\] {
1270
+ background-color: var(--distri-accent,#3b82f6);
1271
+ }
1838
1272
  .bg-amber-500 {
1839
1273
  --tw-bg-opacity: 1;
1840
1274
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
@@ -1842,9 +1276,6 @@ body {
1842
1276
  .bg-background {
1843
1277
  background-color: hsl(var(--background));
1844
1278
  }
1845
- .bg-background\/60 {
1846
- background-color: hsl(var(--background) / 0.6);
1847
- }
1848
1279
  .bg-background\/70 {
1849
1280
  background-color: hsl(var(--background) / 0.7);
1850
1281
  }
@@ -1858,9 +1289,15 @@ body {
1858
1289
  --tw-bg-opacity: 1;
1859
1290
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
1860
1291
  }
1292
+ .bg-black\/5 {
1293
+ background-color: rgb(0 0 0 / 0.05);
1294
+ }
1861
1295
  .bg-black\/50 {
1862
1296
  background-color: rgb(0 0 0 / 0.5);
1863
1297
  }
1298
+ .bg-black\/60 {
1299
+ background-color: rgb(0 0 0 / 0.6);
1300
+ }
1864
1301
  .bg-black\/80 {
1865
1302
  background-color: rgb(0 0 0 / 0.8);
1866
1303
  }
@@ -1946,8 +1383,8 @@ body {
1946
1383
  .bg-primary\/10 {
1947
1384
  background-color: hsl(var(--primary) / 0.1);
1948
1385
  }
1949
- .bg-primary\/20 {
1950
- background-color: hsl(var(--primary) / 0.2);
1386
+ .bg-primary\/50 {
1387
+ background-color: hsl(var(--primary) / 0.5);
1951
1388
  }
1952
1389
  .bg-red-400\/15 {
1953
1390
  background-color: rgb(248 113 113 / 0.15);
@@ -1974,6 +1411,9 @@ body {
1974
1411
  --tw-bg-opacity: 1;
1975
1412
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1976
1413
  }
1414
+ .bg-white\/10 {
1415
+ background-color: rgb(255 255 255 / 0.1);
1416
+ }
1977
1417
  .bg-yellow-400 {
1978
1418
  --tw-bg-opacity: 1;
1979
1419
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
@@ -1985,21 +1425,6 @@ body {
1985
1425
  .bg-gradient-to-r {
1986
1426
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
1987
1427
  }
1988
- .from-border\/60 {
1989
- --tw-gradient-from: hsl(var(--border) / 0.6) var(--tw-gradient-from-position);
1990
- --tw-gradient-to: hsl(var(--border) / 0) var(--tw-gradient-to-position);
1991
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1992
- }
1993
- .via-border\/30 {
1994
- --tw-gradient-to: hsl(var(--border) / 0) var(--tw-gradient-to-position);
1995
- --tw-gradient-stops:
1996
- var(--tw-gradient-from),
1997
- hsl(var(--border) / 0.3) var(--tw-gradient-via-position),
1998
- var(--tw-gradient-to);
1999
- }
2000
- .to-border\/60 {
2001
- --tw-gradient-to: hsl(var(--border) / 0.6) var(--tw-gradient-to-position);
2002
- }
2003
1428
  .fill-current {
2004
1429
  fill: currentColor;
2005
1430
  }
@@ -2055,10 +1480,6 @@ body {
2055
1480
  padding-left: 1rem;
2056
1481
  padding-right: 1rem;
2057
1482
  }
2058
- .px-5 {
2059
- padding-left: 1.25rem;
2060
- padding-right: 1.25rem;
2061
- }
2062
1483
  .px-8 {
2063
1484
  padding-left: 2rem;
2064
1485
  padding-right: 2rem;
@@ -2091,6 +1512,15 @@ body {
2091
1512
  padding-top: 1rem;
2092
1513
  padding-bottom: 1rem;
2093
1514
  }
1515
+ .pb-2 {
1516
+ padding-bottom: 0.5rem;
1517
+ }
1518
+ .pb-3 {
1519
+ padding-bottom: 0.75rem;
1520
+ }
1521
+ .pb-4 {
1522
+ padding-bottom: 1rem;
1523
+ }
2094
1524
  .pb-\[env\(safe-area-inset-bottom\)\] {
2095
1525
  padding-bottom: env(safe-area-inset-bottom);
2096
1526
  }
@@ -2115,6 +1545,9 @@ body {
2115
1545
  .pt-0 {
2116
1546
  padding-top: 0px;
2117
1547
  }
1548
+ .pt-3 {
1549
+ padding-top: 0.75rem;
1550
+ }
2118
1551
  .pt-4 {
2119
1552
  padding-top: 1rem;
2120
1553
  }
@@ -2201,12 +1634,6 @@ body {
2201
1634
  --tw-numeric-spacing: tabular-nums;
2202
1635
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
2203
1636
  }
2204
- .leading-6 {
2205
- line-height: 1.5rem;
2206
- }
2207
- .leading-7 {
2208
- line-height: 1.75rem;
2209
- }
2210
1637
  .leading-none {
2211
1638
  line-height: 1;
2212
1639
  }
@@ -2228,10 +1655,23 @@ body {
2228
1655
  .tracking-widest {
2229
1656
  letter-spacing: 0.1em;
2230
1657
  }
1658
+ .text-\[var\(--distri-accent\,\#3b82f6\)\] {
1659
+ color: var(--distri-accent,#3b82f6);
1660
+ }
2231
1661
  .text-amber-500 {
2232
1662
  --tw-text-opacity: 1;
2233
1663
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
2234
1664
  }
1665
+ .text-black {
1666
+ --tw-text-opacity: 1;
1667
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1));
1668
+ }
1669
+ .text-black\/30 {
1670
+ color: rgb(0 0 0 / 0.3);
1671
+ }
1672
+ .text-black\/60 {
1673
+ color: rgb(0 0 0 / 0.6);
1674
+ }
2235
1675
  .text-blue-500 {
2236
1676
  --tw-text-opacity: 1;
2237
1677
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
@@ -2289,9 +1729,6 @@ body {
2289
1729
  .text-muted-foreground {
2290
1730
  color: hsl(var(--muted-foreground));
2291
1731
  }
2292
- .text-muted-foreground\/50 {
2293
- color: hsl(var(--muted-foreground) / 0.5);
2294
- }
2295
1732
  .text-muted-foreground\/70 {
2296
1733
  color: hsl(var(--muted-foreground) / 0.7);
2297
1734
  }
@@ -2307,9 +1744,9 @@ body {
2307
1744
  .text-primary-foreground {
2308
1745
  color: hsl(var(--primary-foreground));
2309
1746
  }
2310
- .text-red-200 {
1747
+ .text-red-400 {
2311
1748
  --tw-text-opacity: 1;
2312
- color: rgb(254 202 202 / var(--tw-text-opacity, 1));
1749
+ color: rgb(248 113 113 / var(--tw-text-opacity, 1));
2313
1750
  }
2314
1751
  .text-red-500 {
2315
1752
  --tw-text-opacity: 1;
@@ -2326,6 +1763,15 @@ body {
2326
1763
  --tw-text-opacity: 1;
2327
1764
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2328
1765
  }
1766
+ .text-white\/30 {
1767
+ color: rgb(255 255 255 / 0.3);
1768
+ }
1769
+ .text-white\/70 {
1770
+ color: rgb(255 255 255 / 0.7);
1771
+ }
1772
+ .text-white\/90 {
1773
+ color: rgb(255 255 255 / 0.9);
1774
+ }
2329
1775
  .text-yellow-400 {
2330
1776
  --tw-text-opacity: 1;
2331
1777
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
@@ -2378,25 +1824,17 @@ body {
2378
1824
  var(--tw-ring-shadow, 0 0 #0000),
2379
1825
  var(--tw-shadow);
2380
1826
  }
2381
- .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
2382
- --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
2383
- --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
2384
- box-shadow:
2385
- var(--tw-ring-offset-shadow, 0 0 #0000),
2386
- var(--tw-ring-shadow, 0 0 #0000),
2387
- var(--tw-shadow);
2388
- }
2389
- .shadow-\[0_14px_40px_rgba\(0\,0\,0\,0\.35\)\] {
2390
- --tw-shadow: 0 14px 40px rgba(0,0,0,0.35);
2391
- --tw-shadow-colored: 0 14px 40px var(--tw-shadow-color);
1827
+ .shadow-2xl {
1828
+ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
1829
+ --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
2392
1830
  box-shadow:
2393
1831
  var(--tw-ring-offset-shadow, 0 0 #0000),
2394
1832
  var(--tw-ring-shadow, 0 0 #0000),
2395
1833
  var(--tw-shadow);
2396
1834
  }
2397
- .shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.1\)\] {
2398
- --tw-shadow: 0 4px 16px rgba(0,0,0,0.1);
2399
- --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color);
1835
+ .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
1836
+ --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
1837
+ --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
2400
1838
  box-shadow:
2401
1839
  var(--tw-ring-offset-shadow, 0 0 #0000),
2402
1840
  var(--tw-ring-shadow, 0 0 #0000),
@@ -2711,6 +2149,12 @@ body {
2711
2149
  --tw-bg-opacity: 1;
2712
2150
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
2713
2151
  }
2152
+ .hover\:bg-black\/10:hover {
2153
+ background-color: rgb(0 0 0 / 0.1);
2154
+ }
2155
+ .hover\:bg-black\/70:hover {
2156
+ background-color: rgb(0 0 0 / 0.7);
2157
+ }
2714
2158
  .hover\:bg-blue-700:hover {
2715
2159
  --tw-bg-opacity: 1;
2716
2160
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
@@ -2739,6 +2183,10 @@ body {
2739
2183
  .hover\:bg-primary\/90:hover {
2740
2184
  background-color: hsl(var(--primary) / 0.9);
2741
2185
  }
2186
+ .hover\:bg-red-600:hover {
2187
+ --tw-bg-opacity: 1;
2188
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
2189
+ }
2742
2190
  .hover\:bg-red-700:hover {
2743
2191
  --tw-bg-opacity: 1;
2744
2192
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
@@ -2749,9 +2197,19 @@ body {
2749
2197
  .hover\:bg-secondary\/80:hover {
2750
2198
  background-color: hsl(var(--secondary) / 0.8);
2751
2199
  }
2200
+ .hover\:bg-white\/20:hover {
2201
+ background-color: rgb(255 255 255 / 0.2);
2202
+ }
2203
+ .hover\:bg-white\/90:hover {
2204
+ background-color: rgb(255 255 255 / 0.9);
2205
+ }
2752
2206
  .hover\:text-accent-foreground:hover {
2753
2207
  color: hsl(var(--accent-foreground));
2754
2208
  }
2209
+ .hover\:text-black:hover {
2210
+ --tw-text-opacity: 1;
2211
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1));
2212
+ }
2755
2213
  .hover\:text-foreground:hover {
2756
2214
  color: hsl(var(--foreground));
2757
2215
  }
@@ -2759,6 +2217,10 @@ body {
2759
2217
  --tw-text-opacity: 1;
2760
2218
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
2761
2219
  }
2220
+ .hover\:text-white:hover {
2221
+ --tw-text-opacity: 1;
2222
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2223
+ }
2762
2224
  .hover\:underline:hover {
2763
2225
  text-decoration-line: underline;
2764
2226
  }
@@ -2813,6 +2275,9 @@ body {
2813
2275
  var(--tw-ring-shadow),
2814
2276
  var(--tw-shadow, 0 0 #0000);
2815
2277
  }
2278
+ .focus\:ring-primary\/50:focus {
2279
+ --tw-ring-color: hsl(var(--primary) / 0.5);
2280
+ }
2816
2281
  .focus\:ring-ring:focus {
2817
2282
  --tw-ring-color: hsl(var(--ring));
2818
2283
  }
@@ -3200,10 +2665,6 @@ body {
3200
2665
  .sm\:top-auto {
3201
2666
  top: auto;
3202
2667
  }
3203
- .sm\:mx-1 {
3204
- margin-left: 0.25rem;
3205
- margin-right: 0.25rem;
3206
- }
3207
2668
  .sm\:flex {
3208
2669
  display: flex;
3209
2670
  }
@@ -3233,22 +2694,10 @@ body {
3233
2694
  .sm\:p-4 {
3234
2695
  padding: 1rem;
3235
2696
  }
3236
- .sm\:px-4 {
3237
- padding-left: 1rem;
3238
- padding-right: 1rem;
3239
- }
3240
- .sm\:px-6 {
3241
- padding-left: 1.5rem;
3242
- padding-right: 1.5rem;
3243
- }
3244
2697
  .sm\:py-4 {
3245
2698
  padding-top: 1rem;
3246
2699
  padding-bottom: 1rem;
3247
2700
  }
3248
- .sm\:py-5 {
3249
- padding-top: 1.25rem;
3250
- padding-bottom: 1.25rem;
3251
- }
3252
2701
  .sm\:py-8 {
3253
2702
  padding-top: 2rem;
3254
2703
  padding-bottom: 2rem;
@@ -3349,9 +2798,6 @@ body {
3349
2798
  --tw-scale-y: 1;
3350
2799
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3351
2800
  }
3352
- .dark\:border-0 {
3353
- border-width: 0px;
3354
- }
3355
2801
  .dark\:bg-gray-700 {
3356
2802
  --tw-bg-opacity: 1;
3357
2803
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
@@ -3360,27 +2806,9 @@ body {
3360
2806
  --tw-bg-opacity: 1;
3361
2807
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
3362
2808
  }
3363
- .dark\:bg-muted\/50 {
3364
- background-color: hsl(var(--muted) / 0.5);
3365
- }
3366
2809
  .dark\:bg-yellow-900\/20 {
3367
2810
  background-color: rgb(113 63 18 / 0.2);
3368
2811
  }
3369
- .dark\:from-primary\/40 {
3370
- --tw-gradient-from: hsl(var(--primary) / 0.4) var(--tw-gradient-from-position);
3371
- --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
3372
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3373
- }
3374
- .dark\:via-primary\/20 {
3375
- --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
3376
- --tw-gradient-stops:
3377
- var(--tw-gradient-from),
3378
- hsl(var(--primary) / 0.2) var(--tw-gradient-via-position),
3379
- var(--tw-gradient-to);
3380
- }
3381
- .dark\:to-primary\/40 {
3382
- --tw-gradient-to: hsl(var(--primary) / 0.4) var(--tw-gradient-to-position);
3383
- }
3384
2812
  .dark\:text-yellow-200 {
3385
2813
  --tw-text-opacity: 1;
3386
2814
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
@@ -3393,18 +2821,6 @@ body {
3393
2821
  --tw-text-opacity: 1;
3394
2822
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
3395
2823
  }
3396
- .dark\:shadow-lg {
3397
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
3398
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
3399
- box-shadow:
3400
- var(--tw-ring-offset-shadow, 0 0 #0000),
3401
- var(--tw-ring-shadow, 0 0 #0000),
3402
- var(--tw-shadow);
3403
- }
3404
- .dark\:shadow-primary\/5 {
3405
- --tw-shadow-color: hsl(var(--primary) / 0.05);
3406
- --tw-shadow: var(--tw-shadow-colored);
3407
- }
3408
2824
  .dark\:selection\:bg-primary\/40 *::-moz-selection {
3409
2825
  background-color: hsl(var(--primary) / 0.4);
3410
2826
  }
@@ -3425,6 +2841,9 @@ body {
3425
2841
  .\[\&\>button\]\:hidden > button {
3426
2842
  display: none;
3427
2843
  }
2844
+ .\[\&\>div\]\:flex-1 > div {
2845
+ flex: 1 1 0%;
2846
+ }
3428
2847
  .\[\&\>span\:last-child\]\:truncate > span:last-child {
3429
2848
  overflow: hidden;
3430
2849
  text-overflow: ellipsis;
@@ -3443,6 +2862,33 @@ body {
3443
2862
  .\[\&\>svg\]\:shrink-0 > svg {
3444
2863
  flex-shrink: 0;
3445
2864
  }
2865
+ .\[\&_\.ProseMirror\]\:h-full .ProseMirror {
2866
+ height: 100%;
2867
+ }
2868
+ .\[\&_\.ProseMirror\]\:outline-none .ProseMirror {
2869
+ outline: 2px solid transparent;
2870
+ outline-offset: 2px;
2871
+ }
2872
+ .\[\&_\.is-editor-empty\:first-child\:\:before\]\:pointer-events-none .is-editor-empty:first-child::before {
2873
+ pointer-events: none;
2874
+ }
2875
+ .\[\&_\.is-editor-empty\:first-child\:\:before\]\:float-left .is-editor-empty:first-child::before {
2876
+ float: left;
2877
+ }
2878
+ .\[\&_\.is-editor-empty\:first-child\:\:before\]\:h-0 .is-editor-empty:first-child::before {
2879
+ height: 0px;
2880
+ }
2881
+ .\[\&_\.is-editor-empty\:first-child\:\:before\]\:text-gray-400 .is-editor-empty:first-child::before {
2882
+ --tw-text-opacity: 1;
2883
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
2884
+ }
2885
+ .\[\&_\.is-editor-empty\:first-child\:\:before\]\:text-white\/40 .is-editor-empty:first-child::before {
2886
+ color: rgb(255 255 255 / 0.4);
2887
+ }
2888
+ .\[\&_\.is-editor-empty\:first-child\:\:before\]\:content-\[attr\(data-placeholder\)\] .is-editor-empty:first-child::before {
2889
+ --tw-content: attr(data-placeholder);
2890
+ content: var(--tw-content);
2891
+ }
3446
2892
  .\[\&_svg\]\:pointer-events-none svg {
3447
2893
  pointer-events: none;
3448
2894
  }