@manifest-editor/creators 2.0.3-next.0.e92a6d7 → 2.1.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.
package/dist/index.css CHANGED
@@ -1,3 +1,418 @@
1
+ .prose {
2
+ color: var(--tw-prose-body);
3
+ max-width: 65ch;
4
+ }
5
+ .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
6
+ margin-top: 1.25em;
7
+ margin-bottom: 1.25em;
8
+ }
9
+ .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
10
+ color: var(--tw-prose-lead);
11
+ font-size: 1.25em;
12
+ line-height: 1.6;
13
+ margin-top: 1.2em;
14
+ margin-bottom: 1.2em;
15
+ }
16
+ .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
17
+ color: var(--tw-prose-links);
18
+ text-decoration: underline;
19
+ font-weight: 500;
20
+ }
21
+ .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
22
+ color: var(--tw-prose-bold);
23
+ font-weight: 600;
24
+ }
25
+ .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
26
+ color: inherit;
27
+ }
28
+ .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
29
+ color: inherit;
30
+ }
31
+ .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
32
+ color: inherit;
33
+ }
34
+ .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
35
+ list-style-type: decimal;
36
+ margin-top: 1.25em;
37
+ margin-bottom: 1.25em;
38
+ padding-inline-start: 1.625em;
39
+ }
40
+ .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
41
+ list-style-type: upper-alpha;
42
+ }
43
+ .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
44
+ list-style-type: lower-alpha;
45
+ }
46
+ .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
47
+ list-style-type: upper-alpha;
48
+ }
49
+ .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
50
+ list-style-type: lower-alpha;
51
+ }
52
+ .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
53
+ list-style-type: upper-roman;
54
+ }
55
+ .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
56
+ list-style-type: lower-roman;
57
+ }
58
+ .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
59
+ list-style-type: upper-roman;
60
+ }
61
+ .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
62
+ list-style-type: lower-roman;
63
+ }
64
+ .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
65
+ list-style-type: decimal;
66
+ }
67
+ .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
68
+ list-style-type: disc;
69
+ margin-top: 1.25em;
70
+ margin-bottom: 1.25em;
71
+ padding-inline-start: 1.625em;
72
+ }
73
+ .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
74
+ font-weight: 400;
75
+ color: var(--tw-prose-counters);
76
+ }
77
+ .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
78
+ color: var(--tw-prose-bullets);
79
+ }
80
+ .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
81
+ color: var(--tw-prose-headings);
82
+ font-weight: 600;
83
+ margin-top: 1.25em;
84
+ }
85
+ .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
86
+ border-color: var(--tw-prose-hr);
87
+ border-top-width: 1px;
88
+ margin-top: 3em;
89
+ margin-bottom: 3em;
90
+ }
91
+ .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
92
+ font-weight: 500;
93
+ font-style: italic;
94
+ color: var(--tw-prose-quotes);
95
+ border-inline-start-width: 0.25rem;
96
+ border-inline-start-color: var(--tw-prose-quote-borders);
97
+ quotes: "\201C""\201D""\2018""\2019";
98
+ margin-top: 1.6em;
99
+ margin-bottom: 1.6em;
100
+ padding-inline-start: 1em;
101
+ }
102
+ .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
103
+ content: open-quote;
104
+ }
105
+ .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
106
+ content: close-quote;
107
+ }
108
+ .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
109
+ color: var(--tw-prose-headings);
110
+ font-weight: 800;
111
+ font-size: 2.25em;
112
+ margin-top: 0;
113
+ margin-bottom: 0.8888889em;
114
+ line-height: 1.1111111;
115
+ }
116
+ .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
117
+ font-weight: 900;
118
+ color: inherit;
119
+ }
120
+ .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
121
+ color: var(--tw-prose-headings);
122
+ font-weight: 700;
123
+ font-size: 1.5em;
124
+ margin-top: 2em;
125
+ margin-bottom: 1em;
126
+ line-height: 1.3333333;
127
+ }
128
+ .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
129
+ font-weight: 800;
130
+ color: inherit;
131
+ }
132
+ .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
133
+ color: var(--tw-prose-headings);
134
+ font-weight: 600;
135
+ font-size: 1.25em;
136
+ margin-top: 1.6em;
137
+ margin-bottom: 0.6em;
138
+ line-height: 1.6;
139
+ }
140
+ .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
141
+ font-weight: 700;
142
+ color: inherit;
143
+ }
144
+ .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
145
+ color: var(--tw-prose-headings);
146
+ font-weight: 600;
147
+ margin-top: 1.5em;
148
+ margin-bottom: 0.5em;
149
+ line-height: 1.5;
150
+ }
151
+ .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
152
+ font-weight: 700;
153
+ color: inherit;
154
+ }
155
+ .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
156
+ margin-top: 2em;
157
+ margin-bottom: 2em;
158
+ }
159
+ .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
160
+ display: block;
161
+ margin-top: 2em;
162
+ margin-bottom: 2em;
163
+ }
164
+ .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
165
+ margin-top: 2em;
166
+ margin-bottom: 2em;
167
+ }
168
+ .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
169
+ font-weight: 500;
170
+ font-family: inherit;
171
+ color: var(--tw-prose-kbd);
172
+ box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
173
+ font-size: 0.875em;
174
+ border-radius: 0.3125rem;
175
+ padding-top: 0.1875em;
176
+ padding-inline-end: 0.375em;
177
+ padding-bottom: 0.1875em;
178
+ padding-inline-start: 0.375em;
179
+ }
180
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
181
+ color: var(--tw-prose-code);
182
+ font-weight: 600;
183
+ font-size: 0.875em;
184
+ }
185
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
186
+ content: "`";
187
+ }
188
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
189
+ content: "`";
190
+ }
191
+ .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
192
+ color: inherit;
193
+ }
194
+ .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
195
+ color: inherit;
196
+ }
197
+ .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
198
+ color: inherit;
199
+ font-size: 0.875em;
200
+ }
201
+ .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
202
+ color: inherit;
203
+ font-size: 0.9em;
204
+ }
205
+ .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
206
+ color: inherit;
207
+ }
208
+ .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
209
+ color: inherit;
210
+ }
211
+ .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
212
+ color: inherit;
213
+ }
214
+ .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
215
+ color: var(--tw-prose-pre-code);
216
+ background-color: var(--tw-prose-pre-bg);
217
+ overflow-x: auto;
218
+ font-weight: 400;
219
+ font-size: 0.875em;
220
+ line-height: 1.7142857;
221
+ margin-top: 1.7142857em;
222
+ margin-bottom: 1.7142857em;
223
+ border-radius: 0.375rem;
224
+ padding-top: 0.8571429em;
225
+ padding-inline-end: 1.1428571em;
226
+ padding-bottom: 0.8571429em;
227
+ padding-inline-start: 1.1428571em;
228
+ }
229
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
230
+ background-color: transparent;
231
+ border-width: 0;
232
+ border-radius: 0;
233
+ padding: 0;
234
+ font-weight: inherit;
235
+ color: inherit;
236
+ font-size: inherit;
237
+ font-family: inherit;
238
+ line-height: inherit;
239
+ }
240
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
241
+ content: none;
242
+ }
243
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
244
+ content: none;
245
+ }
246
+ .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
247
+ width: 100%;
248
+ table-layout: auto;
249
+ text-align: start;
250
+ margin-top: 2em;
251
+ margin-bottom: 2em;
252
+ font-size: 0.875em;
253
+ line-height: 1.7142857;
254
+ }
255
+ .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
256
+ border-bottom-width: 1px;
257
+ border-bottom-color: var(--tw-prose-th-borders);
258
+ }
259
+ .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
260
+ color: var(--tw-prose-headings);
261
+ font-weight: 600;
262
+ vertical-align: bottom;
263
+ padding-inline-end: 0.5714286em;
264
+ padding-bottom: 0.5714286em;
265
+ padding-inline-start: 0.5714286em;
266
+ }
267
+ .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
268
+ border-bottom-width: 1px;
269
+ border-bottom-color: var(--tw-prose-td-borders);
270
+ }
271
+ .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
272
+ border-bottom-width: 0;
273
+ }
274
+ .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
275
+ vertical-align: baseline;
276
+ }
277
+ .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
278
+ border-top-width: 1px;
279
+ border-top-color: var(--tw-prose-th-borders);
280
+ }
281
+ .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
282
+ vertical-align: top;
283
+ }
284
+ .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
285
+ margin-top: 0;
286
+ margin-bottom: 0;
287
+ }
288
+ .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
289
+ color: var(--tw-prose-captions);
290
+ font-size: 0.875em;
291
+ line-height: 1.4285714;
292
+ margin-top: 0.8571429em;
293
+ }
294
+ .prose {
295
+ --tw-prose-body: #374151;
296
+ --tw-prose-headings: #111827;
297
+ --tw-prose-lead: #4b5563;
298
+ --tw-prose-links: #111827;
299
+ --tw-prose-bold: #111827;
300
+ --tw-prose-counters: #6b7280;
301
+ --tw-prose-bullets: #d1d5db;
302
+ --tw-prose-hr: #e5e7eb;
303
+ --tw-prose-quotes: #111827;
304
+ --tw-prose-quote-borders: #e5e7eb;
305
+ --tw-prose-captions: #6b7280;
306
+ --tw-prose-kbd: #111827;
307
+ --tw-prose-kbd-shadows: 17 24 39;
308
+ --tw-prose-code: #111827;
309
+ --tw-prose-pre-code: #e5e7eb;
310
+ --tw-prose-pre-bg: #1f2937;
311
+ --tw-prose-th-borders: #d1d5db;
312
+ --tw-prose-td-borders: #e5e7eb;
313
+ --tw-prose-invert-body: #d1d5db;
314
+ --tw-prose-invert-headings: #fff;
315
+ --tw-prose-invert-lead: #9ca3af;
316
+ --tw-prose-invert-links: #fff;
317
+ --tw-prose-invert-bold: #fff;
318
+ --tw-prose-invert-counters: #9ca3af;
319
+ --tw-prose-invert-bullets: #4b5563;
320
+ --tw-prose-invert-hr: #374151;
321
+ --tw-prose-invert-quotes: #f3f4f6;
322
+ --tw-prose-invert-quote-borders: #374151;
323
+ --tw-prose-invert-captions: #9ca3af;
324
+ --tw-prose-invert-kbd: #fff;
325
+ --tw-prose-invert-kbd-shadows: 255 255 255;
326
+ --tw-prose-invert-code: #fff;
327
+ --tw-prose-invert-pre-code: #d1d5db;
328
+ --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
329
+ --tw-prose-invert-th-borders: #4b5563;
330
+ --tw-prose-invert-td-borders: #374151;
331
+ font-size: 1rem;
332
+ line-height: 1.75;
333
+ }
334
+ .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
335
+ margin-top: 0;
336
+ margin-bottom: 0;
337
+ }
338
+ .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
339
+ margin-top: 0.5em;
340
+ margin-bottom: 0.5em;
341
+ }
342
+ .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
343
+ padding-inline-start: 0.375em;
344
+ }
345
+ .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
346
+ padding-inline-start: 0.375em;
347
+ }
348
+ .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
349
+ margin-top: 0.75em;
350
+ margin-bottom: 0.75em;
351
+ }
352
+ .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
353
+ margin-top: 1.25em;
354
+ }
355
+ .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
356
+ margin-bottom: 1.25em;
357
+ }
358
+ .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
359
+ margin-top: 1.25em;
360
+ }
361
+ .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
362
+ margin-bottom: 1.25em;
363
+ }
364
+ .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
365
+ margin-top: 0.75em;
366
+ margin-bottom: 0.75em;
367
+ }
368
+ .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
369
+ margin-top: 1.25em;
370
+ margin-bottom: 1.25em;
371
+ }
372
+ .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
373
+ margin-top: 0.5em;
374
+ padding-inline-start: 1.625em;
375
+ }
376
+ .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
377
+ margin-top: 0;
378
+ }
379
+ .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
380
+ margin-top: 0;
381
+ }
382
+ .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
383
+ margin-top: 0;
384
+ }
385
+ .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
386
+ margin-top: 0;
387
+ }
388
+ .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
389
+ padding-inline-start: 0;
390
+ }
391
+ .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
392
+ padding-inline-end: 0;
393
+ }
394
+ .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
395
+ padding-top: 0.5714286em;
396
+ padding-inline-end: 0.5714286em;
397
+ padding-bottom: 0.5714286em;
398
+ padding-inline-start: 0.5714286em;
399
+ }
400
+ .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
401
+ padding-inline-start: 0;
402
+ }
403
+ .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
404
+ padding-inline-end: 0;
405
+ }
406
+ .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
407
+ margin-top: 2em;
408
+ margin-bottom: 2em;
409
+ }
410
+ .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
411
+ margin-top: 0;
412
+ }
413
+ .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
414
+ margin-bottom: 0;
415
+ }
1
416
  .prose-sm {
2
417
  font-size: 0.875rem;
3
418
  line-height: 1.7142857;
@@ -197,6 +612,17 @@
197
612
  .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
198
613
  margin-bottom: 0;
199
614
  }
615
+ .sr-only {
616
+ position: absolute;
617
+ width: 1px;
618
+ height: 1px;
619
+ padding: 0;
620
+ margin: -1px;
621
+ overflow: hidden;
622
+ clip: rect(0, 0, 0, 0);
623
+ white-space: nowrap;
624
+ border-width: 0;
625
+ }
200
626
  .pointer-events-none {
201
627
  pointer-events: none;
202
628
  }
@@ -233,9 +659,15 @@
233
659
  .right-0 {
234
660
  right: 0px;
235
661
  }
662
+ .right-1 {
663
+ right: 0.25rem;
664
+ }
236
665
  .top-0 {
237
666
  top: 0px;
238
667
  }
668
+ .top-1 {
669
+ top: 0.25rem;
670
+ }
239
671
  .z-0 {
240
672
  z-index: 0;
241
673
  }
@@ -286,9 +718,18 @@
286
718
  .mr-1 {
287
719
  margin-right: 0.25rem;
288
720
  }
721
+ .mt-0 {
722
+ margin-top: 0px;
723
+ }
724
+ .mt-0\.5 {
725
+ margin-top: 0.125rem;
726
+ }
289
727
  .mt-1 {
290
728
  margin-top: 0.25rem;
291
729
  }
730
+ .mt-2 {
731
+ margin-top: 0.5rem;
732
+ }
292
733
  .block {
293
734
  display: block;
294
735
  }
@@ -307,9 +748,15 @@
307
748
  .hidden {
308
749
  display: none;
309
750
  }
751
+ .aspect-square {
752
+ aspect-ratio: 1 / 1;
753
+ }
310
754
  .h-12 {
311
755
  height: 3rem;
312
756
  }
757
+ .h-5 {
758
+ height: 1.25rem;
759
+ }
313
760
  .h-9 {
314
761
  height: 2.25rem;
315
762
  }
@@ -331,6 +778,9 @@
331
778
  .min-h-0 {
332
779
  min-height: 0px;
333
780
  }
781
+ .min-h-12 {
782
+ min-height: 3rem;
783
+ }
334
784
  .min-h-\[60vh\] {
335
785
  min-height: 60vh;
336
786
  }
@@ -346,6 +796,9 @@
346
796
  .w-32 {
347
797
  width: 8rem;
348
798
  }
799
+ .w-5 {
800
+ width: 1.25rem;
801
+ }
349
802
  .w-\[420px\] {
350
803
  width: 420px;
351
804
  }
@@ -361,12 +814,21 @@
361
814
  .max-w-full {
362
815
  max-width: 100%;
363
816
  }
817
+ .max-w-none {
818
+ max-width: none;
819
+ }
364
820
  .max-w-xl {
365
821
  max-width: 36rem;
366
822
  }
367
823
  .flex-1 {
368
824
  flex: 1 1 0%;
369
825
  }
826
+ .flex-shrink-0 {
827
+ flex-shrink: 0;
828
+ }
829
+ .shrink-0 {
830
+ flex-shrink: 0;
831
+ }
370
832
  .transform {
371
833
  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));
372
834
  }
@@ -381,6 +843,12 @@
381
843
  .animate-fadeIn {
382
844
  animation: fadeIn 300ms ease-in-out;
383
845
  }
846
+ .cursor-grab {
847
+ cursor: grab;
848
+ }
849
+ .cursor-not-allowed {
850
+ cursor: not-allowed;
851
+ }
384
852
  .cursor-pointer {
385
853
  cursor: pointer;
386
854
  }
@@ -399,12 +867,21 @@
399
867
  .flex-wrap {
400
868
  flex-wrap: wrap;
401
869
  }
870
+ .items-start {
871
+ align-items: flex-start;
872
+ }
402
873
  .items-center {
403
874
  align-items: center;
404
875
  }
405
876
  .justify-center {
406
877
  justify-content: center;
407
878
  }
879
+ .gap-0 {
880
+ gap: 0px;
881
+ }
882
+ .gap-0\.5 {
883
+ gap: 0.125rem;
884
+ }
408
885
  .gap-1 {
409
886
  gap: 0.25rem;
410
887
  }
@@ -414,6 +891,9 @@
414
891
  .gap-2 {
415
892
  gap: 0.5rem;
416
893
  }
894
+ .gap-3 {
895
+ gap: 0.75rem;
896
+ }
417
897
  .gap-4 {
418
898
  gap: 1rem;
419
899
  }
@@ -423,15 +903,29 @@
423
903
  .overflow-hidden {
424
904
  overflow: hidden;
425
905
  }
906
+ .truncate {
907
+ overflow: hidden;
908
+ text-overflow: ellipsis;
909
+ white-space: nowrap;
910
+ }
426
911
  .text-ellipsis {
427
912
  text-overflow: ellipsis;
428
913
  }
429
914
  .whitespace-nowrap {
430
915
  white-space: nowrap;
431
916
  }
917
+ .whitespace-pre-wrap {
918
+ white-space: pre-wrap;
919
+ }
920
+ .break-words {
921
+ overflow-wrap: break-word;
922
+ }
432
923
  .rounded {
433
924
  border-radius: 0.25rem;
434
925
  }
926
+ .rounded-full {
927
+ border-radius: 9999px;
928
+ }
435
929
  .rounded-lg {
436
930
  border-radius: 0.5rem;
437
931
  }
@@ -483,6 +977,10 @@
483
977
  --tw-bg-opacity: 1;
484
978
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
485
979
  }
980
+ .bg-gray-100 {
981
+ --tw-bg-opacity: 1;
982
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity));
983
+ }
486
984
  .bg-gray-200 {
487
985
  --tw-bg-opacity: 1;
488
986
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
@@ -499,6 +997,10 @@
499
997
  --tw-bg-opacity: 1;
500
998
  background-color: rgb(184 76 116 / var(--tw-bg-opacity));
501
999
  }
1000
+ .bg-red-500 {
1001
+ --tw-bg-opacity: 1;
1002
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity));
1003
+ }
502
1004
  .bg-transparent {
503
1005
  background-color: transparent;
504
1006
  }
@@ -522,6 +1024,12 @@
522
1024
  .p-2 {
523
1025
  padding: 0.5rem;
524
1026
  }
1027
+ .p-3 {
1028
+ padding: 0.75rem;
1029
+ }
1030
+ .p-4 {
1031
+ padding: 1rem;
1032
+ }
525
1033
  .px-1 {
526
1034
  padding-left: 0.25rem;
527
1035
  padding-right: 0.25rem;
@@ -562,6 +1070,15 @@
562
1070
  padding-top: 1.5rem;
563
1071
  padding-bottom: 1.5rem;
564
1072
  }
1073
+ .pb-1 {
1074
+ padding-bottom: 0.25rem;
1075
+ }
1076
+ .pb-2 {
1077
+ padding-bottom: 0.5rem;
1078
+ }
1079
+ .pb-3 {
1080
+ padding-bottom: 0.75rem;
1081
+ }
565
1082
  .pl-3 {
566
1083
  padding-left: 0.75rem;
567
1084
  }
@@ -609,6 +1126,9 @@
609
1126
  .font-medium {
610
1127
  font-weight: 500;
611
1128
  }
1129
+ .font-normal {
1130
+ font-weight: 400;
1131
+ }
612
1132
  .font-semibold {
613
1133
  font-weight: 600;
614
1134
  }
@@ -621,6 +1141,13 @@
621
1141
  .italic {
622
1142
  font-style: italic;
623
1143
  }
1144
+ .leading-5 {
1145
+ line-height: 1.25rem;
1146
+ }
1147
+ .text-\[\#333\] {
1148
+ --tw-text-opacity: 1;
1149
+ color: rgb(51 51 51 / var(--tw-text-opacity));
1150
+ }
624
1151
  .text-\[\#b84c74\] {
625
1152
  --tw-text-opacity: 1;
626
1153
  color: rgb(184 76 116 / var(--tw-text-opacity));
@@ -641,6 +1168,14 @@
641
1168
  --tw-text-opacity: 1;
642
1169
  color: rgb(107 114 128 / var(--tw-text-opacity));
643
1170
  }
1171
+ .text-gray-600 {
1172
+ --tw-text-opacity: 1;
1173
+ color: rgb(75 85 99 / var(--tw-text-opacity));
1174
+ }
1175
+ .text-gray-900 {
1176
+ --tw-text-opacity: 1;
1177
+ color: rgb(17 24 39 / var(--tw-text-opacity));
1178
+ }
644
1179
  .text-white {
645
1180
  --tw-text-opacity: 1;
646
1181
  color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -651,6 +1186,9 @@
651
1186
  .opacity-0 {
652
1187
  opacity: 0;
653
1188
  }
1189
+ .opacity-60 {
1190
+ opacity: 0.6;
1191
+ }
654
1192
  .shadow {
655
1193
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
656
1194
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -705,11 +1243,34 @@
705
1243
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
706
1244
  transition-duration: 150ms;
707
1245
  }
1246
+ .transition-all {
1247
+ transition-property: all;
1248
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1249
+ transition-duration: 150ms;
1250
+ }
1251
+ .transition-colors {
1252
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1253
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1254
+ transition-duration: 150ms;
1255
+ }
1256
+ .focus-within\:ring:focus-within {
1257
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1258
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1259
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1260
+ }
708
1261
  .focus-within\:ring-2:focus-within {
709
1262
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
710
1263
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
711
1264
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
712
1265
  }
1266
+ .focus-within\:ring-me-primary-500:focus-within {
1267
+ --tw-ring-opacity: 1;
1268
+ --tw-ring-color: rgb(184 76 116 / var(--tw-ring-opacity));
1269
+ }
1270
+ .hover\:border-gray-300:hover {
1271
+ --tw-border-opacity: 1;
1272
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
1273
+ }
713
1274
  .hover\:bg-gray-100:hover {
714
1275
  --tw-bg-opacity: 1;
715
1276
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
@@ -718,10 +1279,26 @@
718
1279
  --tw-bg-opacity: 1;
719
1280
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
720
1281
  }
1282
+ .hover\:bg-me-primary-100:hover {
1283
+ --tw-bg-opacity: 1;
1284
+ background-color: rgb(241 214 229 / var(--tw-bg-opacity));
1285
+ }
721
1286
  .hover\:bg-me-primary-600:hover {
722
1287
  --tw-bg-opacity: 1;
723
1288
  background-color: rgb(137 44 78 / var(--tw-bg-opacity));
724
1289
  }
1290
+ .hover\:bg-red-50:hover {
1291
+ --tw-bg-opacity: 1;
1292
+ background-color: rgb(254 242 242 / var(--tw-bg-opacity));
1293
+ }
1294
+ .hover\:text-gray-600:hover {
1295
+ --tw-text-opacity: 1;
1296
+ color: rgb(75 85 99 / var(--tw-text-opacity));
1297
+ }
1298
+ .hover\:text-red-600:hover {
1299
+ --tw-text-opacity: 1;
1300
+ color: rgb(220 38 38 / var(--tw-text-opacity));
1301
+ }
725
1302
  .hover\:ring-2:hover {
726
1303
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
727
1304
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -737,6 +1314,9 @@
737
1314
  .focus\:outline-\[\#bfd1ed\]:focus {
738
1315
  outline-color: #bfd1ed;
739
1316
  }
1317
+ .active\:cursor-grabbing:active {
1318
+ cursor: grabbing;
1319
+ }
740
1320
  .group:focus-within .group-focus-within\:opacity-100 {
741
1321
  opacity: 1;
742
1322
  }