@manifest-editor/components 1.2.0 → 1.3.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.cjs +740 -271
- package/dist/index.css +272 -6
- package/dist/index.d.cts +80 -13
- package/dist/index.d.ts +80 -13
- package/dist/index.js +790 -274
- package/package.json +17 -8
package/dist/index.css
CHANGED
|
@@ -1,4 +1,32 @@
|
|
|
1
1
|
/* src/index.css */
|
|
2
|
+
.container {
|
|
3
|
+
width: 100%;
|
|
4
|
+
}
|
|
5
|
+
@media (min-width: 640px) {
|
|
6
|
+
.container {
|
|
7
|
+
max-width: 640px;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
@media (min-width: 768px) {
|
|
11
|
+
.container {
|
|
12
|
+
max-width: 768px;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
@media (min-width: 1024px) {
|
|
16
|
+
.container {
|
|
17
|
+
max-width: 1024px;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
@media (min-width: 1280px) {
|
|
21
|
+
.container {
|
|
22
|
+
max-width: 1280px;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
@media (min-width: 1536px) {
|
|
26
|
+
.container {
|
|
27
|
+
max-width: 1536px;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
2
30
|
.sr-only {
|
|
3
31
|
position: absolute;
|
|
4
32
|
width: 1px;
|
|
@@ -13,6 +41,12 @@
|
|
|
13
41
|
.pointer-events-none {
|
|
14
42
|
pointer-events: none;
|
|
15
43
|
}
|
|
44
|
+
.pointer-events-auto {
|
|
45
|
+
pointer-events: auto;
|
|
46
|
+
}
|
|
47
|
+
.visible {
|
|
48
|
+
visibility: visible;
|
|
49
|
+
}
|
|
16
50
|
.fixed {
|
|
17
51
|
position: fixed;
|
|
18
52
|
}
|
|
@@ -28,15 +62,45 @@
|
|
|
28
62
|
.inset-0 {
|
|
29
63
|
inset: 0px;
|
|
30
64
|
}
|
|
65
|
+
.bottom-0 {
|
|
66
|
+
bottom: 0px;
|
|
67
|
+
}
|
|
68
|
+
.bottom-20 {
|
|
69
|
+
bottom: 5rem;
|
|
70
|
+
}
|
|
71
|
+
.bottom-3 {
|
|
72
|
+
bottom: 0.75rem;
|
|
73
|
+
}
|
|
74
|
+
.left-0 {
|
|
75
|
+
left: 0px;
|
|
76
|
+
}
|
|
77
|
+
.right-0 {
|
|
78
|
+
right: 0px;
|
|
79
|
+
}
|
|
80
|
+
.right-1 {
|
|
81
|
+
right: 0.25rem;
|
|
82
|
+
}
|
|
83
|
+
.start-12 {
|
|
84
|
+
inset-inline-start: 3rem;
|
|
85
|
+
}
|
|
31
86
|
.top-0 {
|
|
32
87
|
top: 0px;
|
|
33
88
|
}
|
|
89
|
+
.top-1 {
|
|
90
|
+
top: 0.25rem;
|
|
91
|
+
}
|
|
92
|
+
.z-0 {
|
|
93
|
+
z-index: 0;
|
|
94
|
+
}
|
|
34
95
|
.z-10 {
|
|
35
96
|
z-index: 10;
|
|
36
97
|
}
|
|
37
98
|
.z-20 {
|
|
38
99
|
z-index: 20;
|
|
39
100
|
}
|
|
101
|
+
.z-30 {
|
|
102
|
+
z-index: 30;
|
|
103
|
+
}
|
|
40
104
|
.z-50 {
|
|
41
105
|
z-index: 50;
|
|
42
106
|
}
|
|
@@ -52,12 +116,26 @@
|
|
|
52
116
|
.m-4 {
|
|
53
117
|
margin: 1rem;
|
|
54
118
|
}
|
|
119
|
+
.my-4 {
|
|
120
|
+
margin-top: 1rem;
|
|
121
|
+
margin-bottom: 1rem;
|
|
122
|
+
}
|
|
123
|
+
.my-8 {
|
|
124
|
+
margin-top: 2rem;
|
|
125
|
+
margin-bottom: 2rem;
|
|
126
|
+
}
|
|
55
127
|
.mb-1 {
|
|
56
128
|
margin-bottom: 0.25rem;
|
|
57
129
|
}
|
|
58
130
|
.mb-2 {
|
|
59
131
|
margin-bottom: 0.5rem;
|
|
60
132
|
}
|
|
133
|
+
.mb-4 {
|
|
134
|
+
margin-bottom: 1rem;
|
|
135
|
+
}
|
|
136
|
+
.mb-8 {
|
|
137
|
+
margin-bottom: 2rem;
|
|
138
|
+
}
|
|
61
139
|
.ml-auto {
|
|
62
140
|
margin-left: auto;
|
|
63
141
|
}
|
|
@@ -97,6 +175,9 @@
|
|
|
97
175
|
.h-12 {
|
|
98
176
|
height: 3rem;
|
|
99
177
|
}
|
|
178
|
+
.h-16 {
|
|
179
|
+
height: 4rem;
|
|
180
|
+
}
|
|
100
181
|
.h-3 {
|
|
101
182
|
height: 0.75rem;
|
|
102
183
|
}
|
|
@@ -109,6 +190,9 @@
|
|
|
109
190
|
.h-\[23px\] {
|
|
110
191
|
height: 23px;
|
|
111
192
|
}
|
|
193
|
+
.h-\[70vh\] {
|
|
194
|
+
height: 70vh;
|
|
195
|
+
}
|
|
112
196
|
.h-full {
|
|
113
197
|
height: 100%;
|
|
114
198
|
}
|
|
@@ -124,9 +208,15 @@
|
|
|
124
208
|
.min-h-1 {
|
|
125
209
|
min-height: 0.25rem;
|
|
126
210
|
}
|
|
211
|
+
.min-h-\[60vh\] {
|
|
212
|
+
min-height: 60vh;
|
|
213
|
+
}
|
|
127
214
|
.w-12 {
|
|
128
215
|
width: 3rem;
|
|
129
216
|
}
|
|
217
|
+
.w-16 {
|
|
218
|
+
width: 4rem;
|
|
219
|
+
}
|
|
130
220
|
.w-2 {
|
|
131
221
|
width: 0.5rem;
|
|
132
222
|
}
|
|
@@ -145,17 +235,30 @@
|
|
|
145
235
|
.w-\[176px\] {
|
|
146
236
|
width: 176px;
|
|
147
237
|
}
|
|
238
|
+
.w-fit {
|
|
239
|
+
width: -moz-fit-content;
|
|
240
|
+
width: fit-content;
|
|
241
|
+
}
|
|
148
242
|
.w-full {
|
|
149
243
|
width: 100%;
|
|
150
244
|
}
|
|
151
245
|
.w-screen {
|
|
152
246
|
width: 100vw;
|
|
153
247
|
}
|
|
248
|
+
.min-w-0 {
|
|
249
|
+
min-width: 0px;
|
|
250
|
+
}
|
|
154
251
|
.min-w-28 {
|
|
155
252
|
min-width: 7rem;
|
|
156
253
|
}
|
|
157
|
-
.
|
|
158
|
-
|
|
254
|
+
.min-w-\[275px\] {
|
|
255
|
+
min-width: 275px;
|
|
256
|
+
}
|
|
257
|
+
.max-w-4xl {
|
|
258
|
+
max-width: 56rem;
|
|
259
|
+
}
|
|
260
|
+
.max-w-full {
|
|
261
|
+
max-width: 100%;
|
|
159
262
|
}
|
|
160
263
|
.max-w-xl {
|
|
161
264
|
max-width: 36rem;
|
|
@@ -163,6 +266,13 @@
|
|
|
163
266
|
.flex-1 {
|
|
164
267
|
flex: 1 1 0%;
|
|
165
268
|
}
|
|
269
|
+
.flex-shrink-0 {
|
|
270
|
+
flex-shrink: 0;
|
|
271
|
+
}
|
|
272
|
+
.translate-x-3 {
|
|
273
|
+
--tw-translate-x: 0.75rem;
|
|
274
|
+
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));
|
|
275
|
+
}
|
|
166
276
|
.transform {
|
|
167
277
|
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));
|
|
168
278
|
}
|
|
@@ -202,6 +312,9 @@
|
|
|
202
312
|
-moz-user-select: none;
|
|
203
313
|
user-select: none;
|
|
204
314
|
}
|
|
315
|
+
.resize {
|
|
316
|
+
resize: both;
|
|
317
|
+
}
|
|
205
318
|
.grid-cols-2 {
|
|
206
319
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
207
320
|
}
|
|
@@ -211,6 +324,9 @@
|
|
|
211
324
|
.flex-col {
|
|
212
325
|
flex-direction: column;
|
|
213
326
|
}
|
|
327
|
+
.flex-wrap {
|
|
328
|
+
flex-wrap: wrap;
|
|
329
|
+
}
|
|
214
330
|
.place-content-center {
|
|
215
331
|
place-content: center;
|
|
216
332
|
}
|
|
@@ -235,6 +351,9 @@
|
|
|
235
351
|
.gap-1 {
|
|
236
352
|
gap: 0.25rem;
|
|
237
353
|
}
|
|
354
|
+
.gap-1\.5 {
|
|
355
|
+
gap: 0.375rem;
|
|
356
|
+
}
|
|
238
357
|
.gap-2 {
|
|
239
358
|
gap: 0.5rem;
|
|
240
359
|
}
|
|
@@ -270,6 +389,9 @@
|
|
|
270
389
|
.rounded-md {
|
|
271
390
|
border-radius: 0.375rem;
|
|
272
391
|
}
|
|
392
|
+
.rounded-none {
|
|
393
|
+
border-radius: 0px;
|
|
394
|
+
}
|
|
273
395
|
.rounded-sm {
|
|
274
396
|
border-radius: 0.125rem;
|
|
275
397
|
}
|
|
@@ -312,6 +434,10 @@
|
|
|
312
434
|
--tw-border-opacity: 1;
|
|
313
435
|
border-color: rgb(0 0 0 / var(--tw-border-opacity));
|
|
314
436
|
}
|
|
437
|
+
.border-gray-100 {
|
|
438
|
+
--tw-border-opacity: 1;
|
|
439
|
+
border-color: rgb(243 244 246 / var(--tw-border-opacity));
|
|
440
|
+
}
|
|
315
441
|
.border-gray-200 {
|
|
316
442
|
--tw-border-opacity: 1;
|
|
317
443
|
border-color: rgb(229 231 235 / var(--tw-border-opacity));
|
|
@@ -332,6 +458,10 @@
|
|
|
332
458
|
--tw-border-opacity: 1;
|
|
333
459
|
border-color: rgb(137 44 78 / var(--tw-border-opacity));
|
|
334
460
|
}
|
|
461
|
+
.border-red-700 {
|
|
462
|
+
--tw-border-opacity: 1;
|
|
463
|
+
border-color: rgb(185 28 28 / var(--tw-border-opacity));
|
|
464
|
+
}
|
|
335
465
|
.border-transparent {
|
|
336
466
|
border-color: transparent;
|
|
337
467
|
}
|
|
@@ -377,6 +507,10 @@
|
|
|
377
507
|
--tw-bg-opacity: 1;
|
|
378
508
|
background-color: rgb(184 76 116 / var(--tw-bg-opacity));
|
|
379
509
|
}
|
|
510
|
+
.bg-red-500 {
|
|
511
|
+
--tw-bg-opacity: 1;
|
|
512
|
+
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
|
|
513
|
+
}
|
|
380
514
|
.bg-transparent {
|
|
381
515
|
background-color: transparent;
|
|
382
516
|
}
|
|
@@ -384,10 +518,17 @@
|
|
|
384
518
|
--tw-bg-opacity: 1;
|
|
385
519
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
386
520
|
}
|
|
521
|
+
.bg-opacity-40 {
|
|
522
|
+
--tw-bg-opacity: 0.4;
|
|
523
|
+
}
|
|
387
524
|
.object-contain {
|
|
388
525
|
-o-object-fit: contain;
|
|
389
526
|
object-fit: contain;
|
|
390
527
|
}
|
|
528
|
+
.object-cover {
|
|
529
|
+
-o-object-fit: cover;
|
|
530
|
+
object-fit: cover;
|
|
531
|
+
}
|
|
391
532
|
.p-0 {
|
|
392
533
|
padding: 0px;
|
|
393
534
|
}
|
|
@@ -397,12 +538,12 @@
|
|
|
397
538
|
.p-1 {
|
|
398
539
|
padding: 0.25rem;
|
|
399
540
|
}
|
|
541
|
+
.p-1\.5 {
|
|
542
|
+
padding: 0.375rem;
|
|
543
|
+
}
|
|
400
544
|
.p-2 {
|
|
401
545
|
padding: 0.5rem;
|
|
402
546
|
}
|
|
403
|
-
.p-3 {
|
|
404
|
-
padding: 0.75rem;
|
|
405
|
-
}
|
|
406
547
|
.p-4 {
|
|
407
548
|
padding: 1rem;
|
|
408
549
|
}
|
|
@@ -449,6 +590,12 @@
|
|
|
449
590
|
.pb-2 {
|
|
450
591
|
padding-bottom: 0.5rem;
|
|
451
592
|
}
|
|
593
|
+
.pb-64 {
|
|
594
|
+
padding-bottom: 16rem;
|
|
595
|
+
}
|
|
596
|
+
.pt-3 {
|
|
597
|
+
padding-top: 0.75rem;
|
|
598
|
+
}
|
|
452
599
|
.text-center {
|
|
453
600
|
text-align: center;
|
|
454
601
|
}
|
|
@@ -484,6 +631,18 @@
|
|
|
484
631
|
.uppercase {
|
|
485
632
|
text-transform: uppercase;
|
|
486
633
|
}
|
|
634
|
+
.capitalize {
|
|
635
|
+
text-transform: capitalize;
|
|
636
|
+
}
|
|
637
|
+
.italic {
|
|
638
|
+
font-style: italic;
|
|
639
|
+
}
|
|
640
|
+
.leading-\[1\.6em\] {
|
|
641
|
+
line-height: 1.6em;
|
|
642
|
+
}
|
|
643
|
+
.leading-\[1\.9em\] {
|
|
644
|
+
line-height: 1.9em;
|
|
645
|
+
}
|
|
487
646
|
.text-\[\#333\] {
|
|
488
647
|
--tw-text-opacity: 1;
|
|
489
648
|
color: rgb(51 51 51 / var(--tw-text-opacity));
|
|
@@ -502,6 +661,10 @@
|
|
|
502
661
|
--tw-text-opacity: 1;
|
|
503
662
|
color: rgb(156 163 175 / var(--tw-text-opacity));
|
|
504
663
|
}
|
|
664
|
+
.text-gray-500 {
|
|
665
|
+
--tw-text-opacity: 1;
|
|
666
|
+
color: rgb(107 114 128 / var(--tw-text-opacity));
|
|
667
|
+
}
|
|
505
668
|
.text-gray-900 {
|
|
506
669
|
--tw-text-opacity: 1;
|
|
507
670
|
color: rgb(17 24 39 / var(--tw-text-opacity));
|
|
@@ -522,6 +685,9 @@
|
|
|
522
685
|
--tw-text-opacity: 1;
|
|
523
686
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
524
687
|
}
|
|
688
|
+
.underline {
|
|
689
|
+
text-decoration-line: underline;
|
|
690
|
+
}
|
|
525
691
|
.opacity-0 {
|
|
526
692
|
opacity: 0;
|
|
527
693
|
}
|
|
@@ -531,6 +697,14 @@
|
|
|
531
697
|
.opacity-90 {
|
|
532
698
|
opacity: 0.9;
|
|
533
699
|
}
|
|
700
|
+
.shadow {
|
|
701
|
+
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
702
|
+
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
703
|
+
box-shadow:
|
|
704
|
+
var(--tw-ring-offset-shadow, 0 0 #0000),
|
|
705
|
+
var(--tw-ring-shadow, 0 0 #0000),
|
|
706
|
+
var(--tw-shadow);
|
|
707
|
+
}
|
|
534
708
|
.shadow-2xl {
|
|
535
709
|
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
|
|
536
710
|
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
|
|
@@ -590,9 +764,58 @@
|
|
|
590
764
|
--tw-ring-opacity: 1;
|
|
591
765
|
--tw-ring-color: rgb(184 76 116 / var(--tw-ring-opacity));
|
|
592
766
|
}
|
|
767
|
+
.blur {
|
|
768
|
+
--tw-blur: blur(8px);
|
|
769
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
770
|
+
}
|
|
771
|
+
.drop-shadow {
|
|
772
|
+
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
|
|
773
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
774
|
+
}
|
|
593
775
|
.filter {
|
|
594
776
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
595
777
|
}
|
|
778
|
+
.transition {
|
|
779
|
+
transition-property:
|
|
780
|
+
color,
|
|
781
|
+
background-color,
|
|
782
|
+
border-color,
|
|
783
|
+
text-decoration-color,
|
|
784
|
+
fill,
|
|
785
|
+
stroke,
|
|
786
|
+
opacity,
|
|
787
|
+
box-shadow,
|
|
788
|
+
transform,
|
|
789
|
+
filter,
|
|
790
|
+
-webkit-backdrop-filter;
|
|
791
|
+
transition-property:
|
|
792
|
+
color,
|
|
793
|
+
background-color,
|
|
794
|
+
border-color,
|
|
795
|
+
text-decoration-color,
|
|
796
|
+
fill,
|
|
797
|
+
stroke,
|
|
798
|
+
opacity,
|
|
799
|
+
box-shadow,
|
|
800
|
+
transform,
|
|
801
|
+
filter,
|
|
802
|
+
backdrop-filter;
|
|
803
|
+
transition-property:
|
|
804
|
+
color,
|
|
805
|
+
background-color,
|
|
806
|
+
border-color,
|
|
807
|
+
text-decoration-color,
|
|
808
|
+
fill,
|
|
809
|
+
stroke,
|
|
810
|
+
opacity,
|
|
811
|
+
box-shadow,
|
|
812
|
+
transform,
|
|
813
|
+
filter,
|
|
814
|
+
backdrop-filter,
|
|
815
|
+
-webkit-backdrop-filter;
|
|
816
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
817
|
+
transition-duration: 150ms;
|
|
818
|
+
}
|
|
596
819
|
.transition-all {
|
|
597
820
|
transition-property: all;
|
|
598
821
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -625,7 +848,7 @@
|
|
|
625
848
|
.grid-md,
|
|
626
849
|
.grid-sm {
|
|
627
850
|
--gap-count: calc(var(--grid-column-count) - 1);
|
|
628
|
-
--grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
|
|
851
|
+
--grid-item--max-width: calc( (100% - var(--total-gap-width)) / var(--grid-column-count) );
|
|
629
852
|
grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
|
|
630
853
|
}
|
|
631
854
|
.tab-shadow {
|
|
@@ -678,6 +901,17 @@
|
|
|
678
901
|
.shape-line:hover {
|
|
679
902
|
stroke: rgba(119, 24, 196, 0.5);
|
|
680
903
|
}
|
|
904
|
+
#floating-ui {
|
|
905
|
+
z-index: 1000;
|
|
906
|
+
}
|
|
907
|
+
.focus-within\:border-me-primary-500:focus-within {
|
|
908
|
+
--tw-border-opacity: 1;
|
|
909
|
+
border-color: rgb(184 76 116 / var(--tw-border-opacity));
|
|
910
|
+
}
|
|
911
|
+
.focus-within\:outline-none:focus-within {
|
|
912
|
+
outline: 2px solid transparent;
|
|
913
|
+
outline-offset: 2px;
|
|
914
|
+
}
|
|
681
915
|
.focus-within\:ring:focus-within {
|
|
682
916
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
683
917
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
@@ -698,6 +932,10 @@
|
|
|
698
932
|
--tw-border-opacity: 1;
|
|
699
933
|
border-color: rgb(137 44 78 / var(--tw-border-opacity));
|
|
700
934
|
}
|
|
935
|
+
.hover\:bg-gray-100:hover {
|
|
936
|
+
--tw-bg-opacity: 1;
|
|
937
|
+
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
|
938
|
+
}
|
|
701
939
|
.hover\:bg-gray-200:hover {
|
|
702
940
|
--tw-bg-opacity: 1;
|
|
703
941
|
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
|
@@ -726,6 +964,9 @@
|
|
|
726
964
|
--tw-bg-opacity: 1;
|
|
727
965
|
background-color: rgb(137 44 78 / var(--tw-bg-opacity));
|
|
728
966
|
}
|
|
967
|
+
.hover\:bg-opacity-70:hover {
|
|
968
|
+
--tw-bg-opacity: 0.7;
|
|
969
|
+
}
|
|
729
970
|
.hover\:text-black:hover {
|
|
730
971
|
--tw-text-opacity: 1;
|
|
731
972
|
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
@@ -782,10 +1023,25 @@
|
|
|
782
1023
|
--tw-bg-opacity: 1;
|
|
783
1024
|
background-color: rgb(241 214 229 / var(--tw-bg-opacity));
|
|
784
1025
|
}
|
|
1026
|
+
.has-\[a\]\:text-white:has(a) {
|
|
1027
|
+
--tw-text-opacity: 1;
|
|
1028
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1029
|
+
}
|
|
1030
|
+
.aria-expanded\:bg-me-primary-500[aria-expanded=true] {
|
|
1031
|
+
--tw-bg-opacity: 1;
|
|
1032
|
+
background-color: rgb(184 76 116 / var(--tw-bg-opacity));
|
|
1033
|
+
}
|
|
1034
|
+
.aria-expanded\:text-white[aria-expanded=true] {
|
|
1035
|
+
--tw-text-opacity: 1;
|
|
1036
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1037
|
+
}
|
|
785
1038
|
.data-\[active\=\"true\"\]\:border-me-primary-600[data-active=true] {
|
|
786
1039
|
--tw-border-opacity: 1;
|
|
787
1040
|
border-color: rgb(137 44 78 / var(--tw-border-opacity));
|
|
788
1041
|
}
|
|
1042
|
+
.data-\[visible\]\:opacity-100[data-visible] {
|
|
1043
|
+
opacity: 1;
|
|
1044
|
+
}
|
|
789
1045
|
@media (min-width: 768px) {
|
|
790
1046
|
.md\:p-5 {
|
|
791
1047
|
padding: 1.25rem;
|
|
@@ -801,3 +1057,13 @@
|
|
|
801
1057
|
font-size: 1.5rem;
|
|
802
1058
|
line-height: 2rem;
|
|
803
1059
|
}
|
|
1060
|
+
.\[\&\>video\]\:h-full > video {
|
|
1061
|
+
height: 100%;
|
|
1062
|
+
}
|
|
1063
|
+
.\[\&\>video\]\:w-full > video {
|
|
1064
|
+
width: 100%;
|
|
1065
|
+
}
|
|
1066
|
+
.\[\&\>video\]\:object-contain > video {
|
|
1067
|
+
-o-object-fit: contain;
|
|
1068
|
+
object-fit: contain;
|
|
1069
|
+
}
|
package/dist/index.d.cts
CHANGED
|
@@ -2,12 +2,13 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import { ButtonProps, TabsProps, TabListProps, TabProps, TabPanelProps, LabelProps } from 'react-aria-components';
|
|
3
3
|
import * as _floating_ui_react_dom from '@floating-ui/react-dom';
|
|
4
4
|
import { UseFloatingReturn } from '@floating-ui/react-dom';
|
|
5
|
-
import * as _floating_ui_react from '@floating-ui/react';
|
|
6
|
-
import { UseInteractionsReturn, Placement } from '@floating-ui/react';
|
|
7
5
|
import * as React$1 from 'react';
|
|
8
|
-
import { ReactNode, SVGProps } from 'react';
|
|
6
|
+
import React__default, { ReactNode, SVGProps, ForwardedRef } from 'react';
|
|
7
|
+
import { UseInteractionsReturn, Placement } from '@floating-ui/react';
|
|
9
8
|
import { createHelper } from 'polygon-editor';
|
|
10
9
|
import { InternationalString } from '@iiif/presentation-3';
|
|
10
|
+
import { MDXEditorMethods, MDXEditorProps } from '@mdxeditor/editor';
|
|
11
|
+
import { TextualContentStrategy } from 'react-iiif-vault';
|
|
11
12
|
|
|
12
13
|
declare function ActionButton({ className, primary, center, children, ...props }: {
|
|
13
14
|
primary?: boolean;
|
|
@@ -62,8 +63,8 @@ declare const useTooltipContext: () => {
|
|
|
62
63
|
setOpen: (open: boolean) => void;
|
|
63
64
|
} & {
|
|
64
65
|
placement: Placement;
|
|
65
|
-
strategy:
|
|
66
|
-
middlewareData:
|
|
66
|
+
strategy: _floating_ui_react_dom.Strategy;
|
|
67
|
+
middlewareData: _floating_ui_react_dom.MiddlewareData;
|
|
67
68
|
x: number;
|
|
68
69
|
y: number;
|
|
69
70
|
isPositioned: boolean;
|
|
@@ -84,11 +85,12 @@ declare function Tooltip({ children, ...options }: {
|
|
|
84
85
|
children: React$1.ReactNode;
|
|
85
86
|
} & TooltipOptions): react_jsx_runtime.JSX.Element;
|
|
86
87
|
declare const TooltipTrigger: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLProps<HTMLElement> & {
|
|
87
|
-
asChild?: boolean
|
|
88
|
+
asChild?: boolean;
|
|
88
89
|
onPress?: any;
|
|
89
90
|
}, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
90
91
|
declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLProps<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
91
92
|
declare function DefaultTooltipContent(props: {
|
|
93
|
+
className?: string;
|
|
92
94
|
children: React$1.ReactNode;
|
|
93
95
|
}): react_jsx_runtime.JSX.Element;
|
|
94
96
|
|
|
@@ -97,13 +99,18 @@ declare function ThumbnailGridContainer(props: {
|
|
|
97
99
|
wide?: boolean;
|
|
98
100
|
}): react_jsx_runtime.JSX.Element;
|
|
99
101
|
|
|
100
|
-
declare function LazyThumbnail(
|
|
102
|
+
declare function LazyThumbnail({ cover, fade, }: {
|
|
103
|
+
cover?: boolean;
|
|
104
|
+
fade?: boolean;
|
|
105
|
+
}): react_jsx_runtime.JSX.Element;
|
|
101
106
|
|
|
102
|
-
|
|
107
|
+
interface CanvasThumbnailGridItemProps {
|
|
108
|
+
onClick?: () => void;
|
|
103
109
|
id: string;
|
|
104
110
|
selected?: boolean;
|
|
105
|
-
|
|
106
|
-
}
|
|
111
|
+
active?: boolean;
|
|
112
|
+
}
|
|
113
|
+
declare function CanvasThumbnailGridItem(props: CanvasThumbnailGridItemProps): react_jsx_runtime.JSX.Element;
|
|
107
114
|
|
|
108
115
|
interface ModalProps {
|
|
109
116
|
id?: string;
|
|
@@ -115,7 +122,7 @@ interface ModalProps {
|
|
|
115
122
|
children: React.ReactNode;
|
|
116
123
|
actions?: React.ReactNode;
|
|
117
124
|
}
|
|
118
|
-
declare function Modal({ id, title, open, onClose, actions, children }: ModalProps): react_jsx_runtime.JSX.Element;
|
|
125
|
+
declare function Modal({ id, title, open, onClose, actions, children, }: ModalProps): react_jsx_runtime.JSX.Element;
|
|
119
126
|
|
|
120
127
|
declare function ControlButton({ children, className, ...props }: React.PropsWithChildren<React.ButtonHTMLAttributes<HTMLButtonElement>>): react_jsx_runtime.JSX.Element;
|
|
121
128
|
|
|
@@ -186,7 +193,7 @@ interface SidebarTabsProps {
|
|
|
186
193
|
selectedKey?: string;
|
|
187
194
|
onSelectionChange?: (key: string) => void;
|
|
188
195
|
}
|
|
189
|
-
declare function SidebarTabs({ menu, menuId, selectedKey, onSelectionChange }: SidebarTabsProps): react_jsx_runtime.JSX.Element;
|
|
196
|
+
declare function SidebarTabs({ menu, menuId, selectedKey, onSelectionChange, }: SidebarTabsProps): react_jsx_runtime.JSX.Element;
|
|
190
197
|
|
|
191
198
|
declare function MetadataContainer({ className, label, children, ...props }: {
|
|
192
199
|
label: InternationalString | null;
|
|
@@ -217,6 +224,33 @@ declare const Form: {
|
|
|
217
224
|
Radio: typeof MeRadio;
|
|
218
225
|
};
|
|
219
226
|
|
|
227
|
+
declare function HTMLEditor({ value, onChange, disabled, }: {
|
|
228
|
+
value: string;
|
|
229
|
+
disabled?: boolean;
|
|
230
|
+
onChange: (text: string) => void;
|
|
231
|
+
}): react_jsx_runtime.JSX.Element;
|
|
232
|
+
|
|
233
|
+
declare function MDXEditor({ editorRef, ...props }: {
|
|
234
|
+
editorRef?: ForwardedRef<MDXEditorMethods> | null;
|
|
235
|
+
} & MDXEditorProps): react_jsx_runtime.JSX.Element;
|
|
236
|
+
|
|
237
|
+
declare function IconButton({ children, active, label, disabled, onPress, }: {
|
|
238
|
+
children: React.ReactNode;
|
|
239
|
+
onPress?: () => void;
|
|
240
|
+
active?: boolean;
|
|
241
|
+
disabled?: boolean;
|
|
242
|
+
label: string;
|
|
243
|
+
}): react_jsx_runtime.JSX.Element;
|
|
244
|
+
|
|
245
|
+
declare function ItemWithHandle({ children, handle, actions, grid, }: {
|
|
246
|
+
grid?: boolean;
|
|
247
|
+
children: React.ReactNode;
|
|
248
|
+
handle: React.ReactNode;
|
|
249
|
+
actions?: React.ReactNode;
|
|
250
|
+
}): react_jsx_runtime.JSX.Element;
|
|
251
|
+
|
|
252
|
+
declare const HandleContainer: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
253
|
+
|
|
220
254
|
declare function CreateCanvasIcon(): react_jsx_runtime.JSX.Element;
|
|
221
255
|
|
|
222
256
|
declare const AddImageIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -246,6 +280,39 @@ declare function AddIcon({ className, inline, height, color, }: {
|
|
|
246
280
|
color?: string;
|
|
247
281
|
}): react_jsx_runtime.JSX.Element;
|
|
248
282
|
|
|
283
|
+
declare function DeleteForeverIcon(props: React$1.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
|
|
284
|
+
|
|
285
|
+
declare function TextIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
|
|
286
|
+
|
|
287
|
+
declare function MoreMenu(): react_jsx_runtime.JSX.Element;
|
|
288
|
+
|
|
289
|
+
interface ErrorMessageProps {
|
|
290
|
+
children: React__default.ReactNode;
|
|
291
|
+
small?: boolean;
|
|
292
|
+
className?: string;
|
|
293
|
+
}
|
|
294
|
+
declare function ErrorMessage({ children, small, className }: ErrorMessageProps): react_jsx_runtime.JSX.Element;
|
|
295
|
+
|
|
249
296
|
declare function useFastList<T>(list: undefined | T[], firstRender?: number): T[];
|
|
250
297
|
|
|
251
|
-
|
|
298
|
+
declare function RenderTextualContent(props: {
|
|
299
|
+
strategy: TextualContentStrategy;
|
|
300
|
+
}): react_jsx_runtime.JSX.Element;
|
|
301
|
+
|
|
302
|
+
interface IIIFMediaPlayerProps {
|
|
303
|
+
canvas: {
|
|
304
|
+
id: string;
|
|
305
|
+
};
|
|
306
|
+
media: {
|
|
307
|
+
duration: number;
|
|
308
|
+
format: string;
|
|
309
|
+
url: string;
|
|
310
|
+
};
|
|
311
|
+
captions?: any[];
|
|
312
|
+
poster?: string;
|
|
313
|
+
startTime?: number;
|
|
314
|
+
language?: string;
|
|
315
|
+
}
|
|
316
|
+
declare function IIIFMediaPlayer(props: IIIFMediaPlayerProps): react_jsx_runtime.JSX.Element;
|
|
317
|
+
|
|
318
|
+
export { ActionButton, AddIcon, AddImageIcon, AtlasBanner, AudioIcon, CanvasThumbnailGridItem, Card3D, ConfirmSelectionButton, ControlButton, CreateCanvasIcon, CreatorGrid, type CreatorGridItemProps, DefaultTooltipContent, DeleteForeverIcon, DownloadButton, DownloadIcon, EmptyCanvasIcon, EmptyState, ErrorMessage, Form, HTMLEditor, HTMLIcon, HandleContainer, IIIFBrowserIcon, IIIFLogo, IIIFMediaPlayer, type IIIFMediaPlayerProps, IconButton, ItemWithHandle, LazyThumbnail, MDXEditor, ManifestEditorLogo, ManifestOverviewEmptyState, MetadataContainer, Modal, type ModalProps, MoreMenu, OpaqueControls, PanelSideMenu, RenderTextualContent, Sidebar, SidebarContent, SidebarHeader, SidebarTabs, SvgControlBar, Tab, TabList, TabPanel, Tabs, TextIcon, ThumbnailGridContainer, Tooltip, TooltipContent, TooltipTrigger, VideoIcon, YouTubeIcon, createDownload, useFastList, useTooltip, useTooltipContext };
|