@manifest-editor/components 1.4.2 → 2.0.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.
@@ -0,0 +1,291 @@
1
+
2
+ .grid-lg {
3
+ --grid-column-count: 8;
4
+ --grid-item--min-width: 330px;
5
+ --total-gap-width: 1.5rem;
6
+ }
7
+
8
+ .grid-md {
9
+ --grid-column-count: 8;
10
+ --grid-item--min-width: 200px;
11
+ --total-gap-width: 1.5rem;
12
+ }
13
+
14
+ .grid-sm {
15
+ --grid-column-count: 12;
16
+ --grid-item--min-width: 120px;
17
+ --total-gap-width: 1.5rem;
18
+ }
19
+
20
+ .field-sizing-content {
21
+ field-sizing: content;
22
+ }
23
+
24
+ .textarea-reset {
25
+ text-align: inherit;
26
+ display: block;
27
+ }
28
+
29
+ div[data-floating-ui-portal] {
30
+ z-index: 505;
31
+ position: relative;
32
+ }
33
+
34
+ .grid-lg,
35
+ .grid-md,
36
+ .grid-sm {
37
+ /**
38
+ * Calculated values.
39
+ */
40
+ --gap-count: calc(var(--grid-column-count) - 1);
41
+ --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
42
+
43
+ grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
44
+ }
45
+
46
+ .tab-shadow {
47
+ box-shadow: inset 0 -2px 0px 0 rgba(0, 0, 0, 0.1);
48
+ }
49
+
50
+ /* SVG */
51
+ .atlas-cursor-se {
52
+ cursor: se-resize;
53
+ }
54
+
55
+ .atlas-cursor-sw {
56
+ cursor: sw-resize;
57
+ }
58
+
59
+ .atlas-cursor-ne {
60
+ cursor: ne-resize;
61
+ }
62
+
63
+ .atlas-cursor-nw {
64
+ cursor: nw-resize;
65
+ }
66
+
67
+ .atlas-cursor-move {
68
+ cursor: move;
69
+ }
70
+
71
+ .atlas-cursor-crosshair {
72
+ cursor: crosshair;
73
+ }
74
+
75
+ .atlas-cursor-copy {
76
+ cursor: copy;
77
+ }
78
+
79
+ .atlas-cursor-rotate {
80
+ cursor:
81
+ url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAADRElEQVRYCe2VT0iTcRjHnZsuR8LSkOGhqcRIBoHSFIL0pDcbSLfqMtnNUycJT/PgIQRvgngYIhQd8jB0NKnNTU0rdeSf0BoTbXN/rE23mfv79n3GDBu+f9zothc+vL/n93ue7/O8v/f3p6ys9JRmoIgZYBimDtQWIVF4KBLXg6/AWUwR5YWUgIRKxNknJib8JpMphPa7Yoq4Ug1IdBvsjY6OziOQUavV7kwmE0Wf/kpChTgjyR1wMDQ0ZKfkYrE4NTMzYwsEAmvoPwYmcK8QbUExEF9wuVzLlDwfmUwWGxsbs8EnBl4AsSBRPicIVYBX4C5QgM3p6WkrFSCRSJKTk5NW+h2tra3fqE+lUu0Hg0FamBQj4tPnHYfIQDQa3cF/DqB9H9wE6xaLxUYJlUqlN7cGEmaz2VZVVXVKs3F2duaG3wBvAi4HCCghHmxsbPTodLoV2DS9t8ANsLK4uDjvdDodaM8DJXjp8Xg+UWGdnZ1bsMOgnisH5xiCDbOzszYSNBqNVthvzgPQrgZ2YAEy6sdbDBwjIyPZHUIFwn5+HnPlN4KXtFrtOmmn02kfbNVFEdgyIM3rU8fj8X2K6enpobVAi5b1YV0kCKxA1KnD4ViSSqWitrY2hUgk+qcANlXEhmpqasorKyuTPp8vg7g6Nl/WfojUgouPjdU5bwBBWy0tLd9RQBzteN6wcBPBP3t7e9e6uro20f4FePc2fGjbxpA80dDQ4EX7B1dGvrvgfVNT0++5uTl1OBz2QEjLJZYbe4JzYDeRSFSgeDf6PguIudwF1eu8Xm92W9FMwHYD+eXe2V1A94RPo9Hswofx+/2rsJ+y+fP2I1gCNvr7+z/k9jtMxgUegb+zh/Y18JgOq8HBwQVKrtfrl9G3CyS8ibgcIPAAJABzcnKy1dfXtxIKhTZg0powg7cgdHh4uNrR0bFNybu7u7/kTk4Nl7bgMSR4BtLDw8PZW5CSKBSKIJKEU6mUTy6XH1MfMT4+ThdSBAhZL4JroFOO7oGP9PUGg8He3Ny8h8PpKJlMHrS3t+9MTU1ZI5HINnzo8Pk/VzKERYD+vxHsgfPnAI3X4CHg3arCP5vHE8mug2oet9JwaQZKM8A5A38AUaOUifLn9bEAAAAASUVORK5CYII=")
82
+ 8 8,
83
+ pointer;
84
+ }
85
+ .atlas-cursor-draw {
86
+ cursor:
87
+ url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABSElEQVRYCe2TvWqEQBSFtxa09xECwSo/26dIL9iIog9i52P4JilCSLrdJGz6pA5sqs0PQqJuzoGdMBl0DehstpiBi3PH6z3fnBknEzOMA8aBDgfW7WOF5WnHJ+MuUx8df0UYhvOmaV52AtEGQCAJ4nTcLSvdZADOy7J8dF13SYgoioQT+iBkAIoj/2yBWGJdDwQar2D3LXfMnfdAnCgGDk8BMOWF64OI43iGOjphIIQTx8P9Vzr89TiSJJmhlsfxvxCbO7EXEEeKmcPTLcfxxV/VsqwPqKzTNBV3YncQRVFcUVyEBHGAtXGH6oTYOVR+ADjP8/watRfjqm+6qRCqOHPHcd5Q96oFgE37IHzfv0fNgzaAbRCe5z1VVfUMgHOtADJElmU3tm2/B0FwV9c1xSPt4kIAYoeISwTPfYE4E+/M0zhgHOhy4BtfABNjetwFVwAAAABJRU5ErkJggg==")
88
+ 4 4,
89
+ pointer;
90
+ }
91
+ .atlas-cursor-cut {
92
+ cursor:
93
+ url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAACQklEQVRYCe1VS0sCURR2TBNalCG0kUkLlKDcuuqxaNvOP+Cira3Vv2HoQoRaBv6HLDPDRUS7gqAH2AOcsQhBQafvi2kQHzkzWqsZ+Jhzzz2P7545547NZj0mK6AoyrRJ1/HdkHwbeABC40czGAFJFzqdjpzP548hP/87CSRcarVaj+CtxGKxc6xfgHmD5zBv3k2AJEiGOrMR7WYdJ+VnEZh4BdAPAnsCcOv5TBMjoCbeQ9IaGvME63ugDKz+RqSPABwWAJ5gIBBscUBAEbpUvV7fDQaDny6XS7Tb7XPJZLKNOMeAf4BPvwqG27xkOFrD0G63X7kHb4Wo1WpXXDcajVu32/3h8XikbDZbiEajFe5nMhlW46g/W48GRtPAA284Og5DJBK5ZEJRFKter7faa1epVE4R5xC4C4fDNz6frwr5qSedttQ+gSAILWh3kGAFN1xZszAn8ADmHrANAS///gm66YLAPDCwCaHf6u4BytBtAvuyLF8HAgGtPxKJxBl66g17/u74pmUEEoAUGw5BvvuEMnXAFLAHSM1m8xGJ65BHjqEhMkzAU6Lb338IUKaOewyGN0myerouIt0E1MASS8xRY7cTlKnDvkQb3QGNGiL4MkvLQ+ZyuQLWB8AhZ546tRcM/5a1MdRBSHI6nbO0KxaLM3htAOulUomyzeFwcE+m/GcPTnwRj8dLSKDwkiEos9uxN+7dMZo3kqxxrNLpdIE3HEFZHbVffzqjo+u0AAk/cAQ8qaDs1+lumVkVsCrQV4Ev5W84Pu7IH00AAAAASUVORK5CYII=")
94
+ 4 4,
95
+ pointer;
96
+ }
97
+
98
+ .shape {
99
+ cursor: pointer;
100
+ fill: rgba(119, 24, 196, 0.25);
101
+ pointer-events: visible;
102
+ }
103
+
104
+ .shape:hover {
105
+ fill: rgba(119, 24, 196, 0.5);
106
+ }
107
+
108
+ .shape-line {
109
+ stroke: rgba(119, 24, 196, 0.25);
110
+ stroke-width: 3px;
111
+ fill: none;
112
+ pointer-events: visible;
113
+ }
114
+
115
+ .shape-line:hover {
116
+ stroke: rgba(119, 24, 196, 0.5);
117
+ }
118
+
119
+ #floating-ui {
120
+ z-index: 1000;
121
+ }
122
+ div.mdxeditor-popup-container {
123
+ position: relative;
124
+ z-index: 1000000;
125
+ padding: 0 !important;
126
+ }
127
+
128
+ div.mdxeditor-popup-container > *[role="dialog"] {
129
+ display: flex;
130
+ flex-direction: column;
131
+ }
132
+
133
+ div.mdxeditor-toolbar {
134
+ flex-wrap: balance;
135
+ }
136
+
137
+ .OverrideScrollbar {
138
+ /* For Safari, Chrome, and offshoots */
139
+ &::-webkit-scrollbar {
140
+ width: 8px;
141
+ height: 8px;
142
+ }
143
+ &::-webkit-scrollbar-thumb {
144
+ background: #d75281;
145
+ border-radius: 8px;
146
+ }
147
+ &::-webkit-scrollbar-track {
148
+ background: transparent;
149
+ }
150
+
151
+ /* For Firefox and offshoots */
152
+ scrollbar-color: #d75281 transparent;
153
+ scrollbar-width: thin;
154
+ }
155
+
156
+ .react-aria-TreeItem {
157
+ border-left-width: 2px;
158
+ }
159
+
160
+ .react-aria-TreeItem[data-active="true"],
161
+ .react-aria-TreeItem[data-parent-active="true"] {
162
+ border-left: 2px solid #d75281;
163
+ }
164
+
165
+ /** Because tailwind specificity */
166
+ div.react-aria-TreeItem {
167
+ margin-left: calc((var(--tree-item-level) - 1) * 1em);
168
+ }
169
+
170
+ /*.react-aria-DropIndicator {
171
+ background: red;
172
+ height: 20px;
173
+ }*/
174
+
175
+ .react-aria-DropIndicator {
176
+ &[data-drop-target] {
177
+ outline: 2px solid #d75281;
178
+ margin-left: calc(
179
+ 8px +
180
+ var(--checkbox-width, 0px) +
181
+ var(--drag-button-width, 0px) +
182
+ 26px +
183
+ (var(--tree-item-level) - 2) *
184
+ 16px
185
+ );
186
+ }
187
+ }
188
+
189
+ .split-range-highlight {
190
+ position: relative;
191
+ transition: transform 0.3s ease-in-out;
192
+ }
193
+ .split-range-highlight .split-range-highlight-inner {
194
+ transition: transform 0.3s ease-in-out;
195
+ }
196
+
197
+ .split-range-highlight:has(~ .split-range-highlight) {
198
+ /*outline: 3px solid green;*/
199
+ }
200
+
201
+ .split-range-highlight:hover,
202
+ .split-range-highlight:hover ~ .split-range-highlight,
203
+ div[role="presentation"]:has(.split-range-highlight):hover ~ div[role="presentation"]:has(.split-range-highlight) {
204
+ outline: 3px solid #ff991c;
205
+ }
206
+
207
+ .split-range-highlight[data-split-first]:hover {
208
+ outline: none;
209
+ }
210
+ .split-range-highlight[data-split-first]:hover:before {
211
+ content: none;
212
+ }
213
+
214
+ .split-range-highlight[data-split-first]:hover ~ .split-range-highlight {
215
+ outline: none;
216
+ }
217
+
218
+ div[role="presentation"]:has(> .split-range-highlight[data-split-first]:hover)
219
+ ~ div[role="presentation"]:has(.split-range-highlight) {
220
+ outline: none;
221
+ }
222
+
223
+ .split-range-highlight:has(~ .split-range-highlight:hover),
224
+ div[role="presentation"]:has(.split-range-highlight):has(~ div[role="presentation"] > .split-range-highlight:hover) {
225
+ transform: translate(0, -1em);
226
+ outline: 3px solid #4c9fb8;
227
+ }
228
+
229
+ div[role="presentation"]:has(.split-range-highlight):has(
230
+ ~ div[role="presentation"] > .split-range-highlight:hover
231
+ ):first-child:before,
232
+ .split-range-highlight:hover:before,
233
+ .split-range-highlight:has(~ .split-range-highlight:hover):first-child:before {
234
+ background: #4c9fb8;
235
+ position: absolute;
236
+ z-index: 20;
237
+ top: 0.3em;
238
+ left: 0.3em;
239
+ max-width: 55%;
240
+ display: block;
241
+ box-sizing: border-box;
242
+ white-space: nowrap;
243
+ overflow: hidden;
244
+ text-overflow: ellipsis;
245
+ pointer-events: none;
246
+ content: attr(data-range1-label);
247
+ color: white;
248
+ padding: 0.5em;
249
+ border-radius: 4px;
250
+ font-size: 14px;
251
+ }
252
+
253
+ .split-range-highlight:hover:before {
254
+ background: #ff991c;
255
+ content: attr(data-range2-label);
256
+ }
257
+
258
+ .split-range-highlight:hover {
259
+ /* transform: translateX(10px); */
260
+ }
261
+
262
+ .split-range-highlight:has(~ .split-range-highlight:hover) .split-range-highlight-inner {
263
+ /*@apply bg-blue-500;*/
264
+ }
265
+
266
+ .split-range-highlight[aria-selected="true"] {
267
+ content: "";
268
+ grid-column-start: 1;
269
+ width: 100%;
270
+ height: 100px;
271
+ }
272
+
273
+ .split-range-highlight:has(~ *[aria-selected="true"]) .split-range-highlight-inner {
274
+ }
275
+
276
+ /** Fix for IIIF Explorer position */
277
+ div[data-trigger="DialogTrigger"] {
278
+ position: absolute !important;
279
+ }
280
+ /** Fix for menu z-index */
281
+ div[data-trigger="MenuTrigger"] {
282
+ z-index: 10000000 !important;
283
+ }
284
+
285
+ .atlas-container {
286
+ min-width: 0;
287
+ min-height: 0;
288
+ --atlas-container-flex: 1 1 0px;
289
+ --atlas-background: #e5e7f0;
290
+ }
291
+
@@ -0,0 +1,293 @@
1
+
2
+ .grid-lg {
3
+ --grid-column-count: 8;
4
+ --grid-item--min-width: 330px;
5
+ --total-gap-width: 1.5rem;
6
+ }
7
+
8
+ .grid-md {
9
+ --grid-column-count: 8;
10
+ --grid-item--min-width: 200px;
11
+ --total-gap-width: 1.5rem;
12
+ }
13
+
14
+ .grid-sm {
15
+ --grid-column-count: 12;
16
+ --grid-item--min-width: 120px;
17
+ --total-gap-width: 1.5rem;
18
+ }
19
+
20
+ .field-sizing-content {
21
+ field-sizing: content;
22
+ }
23
+
24
+ .textarea-reset {
25
+ text-align: inherit;
26
+ display: block;
27
+ }
28
+
29
+ div[data-floating-ui-portal] {
30
+ z-index: 505;
31
+ position: relative;
32
+ }
33
+
34
+ .grid-lg,
35
+ .grid-md,
36
+ .grid-sm {
37
+ /**
38
+ * Calculated values.
39
+ */
40
+ --gap-count: calc(var(--grid-column-count) - 1);
41
+ --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
42
+
43
+ grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
44
+ }
45
+
46
+ .tab-shadow {
47
+ box-shadow: inset 0 -2px 0px 0 rgba(0, 0, 0, 0.1);
48
+ }
49
+
50
+ /* SVG */
51
+ .atlas-cursor-se {
52
+ cursor: se-resize;
53
+ }
54
+
55
+ .atlas-cursor-sw {
56
+ cursor: sw-resize;
57
+ }
58
+
59
+ .atlas-cursor-ne {
60
+ cursor: ne-resize;
61
+ }
62
+
63
+ .atlas-cursor-nw {
64
+ cursor: nw-resize;
65
+ }
66
+
67
+ .atlas-cursor-move {
68
+ cursor: move;
69
+ }
70
+
71
+ .atlas-cursor-crosshair {
72
+ cursor: crosshair;
73
+ }
74
+
75
+ .atlas-cursor-copy {
76
+ cursor: copy;
77
+ }
78
+
79
+ .atlas-cursor-rotate {
80
+ cursor:
81
+ url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAADRElEQVRYCe2VT0iTcRjHnZsuR8LSkOGhqcRIBoHSFIL0pDcbSLfqMtnNUycJT/PgIQRvgngYIhQd8jB0NKnNTU0rdeSf0BoTbXN/rE23mfv79n3GDBu+f9zothc+vL/n93ue7/O8v/f3p6ys9JRmoIgZYBimDtQWIVF4KBLXg6/AWUwR5YWUgIRKxNknJib8JpMphPa7Yoq4Ug1IdBvsjY6OziOQUavV7kwmE0Wf/kpChTgjyR1wMDQ0ZKfkYrE4NTMzYwsEAmvoPwYmcK8QbUExEF9wuVzLlDwfmUwWGxsbs8EnBl4AsSBRPicIVYBX4C5QgM3p6WkrFSCRSJKTk5NW+h2tra3fqE+lUu0Hg0FamBQj4tPnHYfIQDQa3cF/DqB9H9wE6xaLxUYJlUqlN7cGEmaz2VZVVXVKs3F2duaG3wBvAi4HCCghHmxsbPTodLoV2DS9t8ANsLK4uDjvdDodaM8DJXjp8Xg+UWGdnZ1bsMOgnisH5xiCDbOzszYSNBqNVthvzgPQrgZ2YAEy6sdbDBwjIyPZHUIFwn5+HnPlN4KXtFrtOmmn02kfbNVFEdgyIM3rU8fj8X2K6enpobVAi5b1YV0kCKxA1KnD4ViSSqWitrY2hUgk+qcANlXEhmpqasorKyuTPp8vg7g6Nl/WfojUgouPjdU5bwBBWy0tLd9RQBzteN6wcBPBP3t7e9e6uro20f4FePc2fGjbxpA80dDQ4EX7B1dGvrvgfVNT0++5uTl1OBz2QEjLJZYbe4JzYDeRSFSgeDf6PguIudwF1eu8Xm92W9FMwHYD+eXe2V1A94RPo9Hswofx+/2rsJ+y+fP2I1gCNvr7+z/k9jtMxgUegb+zh/Y18JgOq8HBwQVKrtfrl9G3CyS8ibgcIPAAJABzcnKy1dfXtxIKhTZg0powg7cgdHh4uNrR0bFNybu7u7/kTk4Nl7bgMSR4BtLDw8PZW5CSKBSKIJKEU6mUTy6XH1MfMT4+ThdSBAhZL4JroFOO7oGP9PUGg8He3Ny8h8PpKJlMHrS3t+9MTU1ZI5HINnzo8Pk/VzKERYD+vxHsgfPnAI3X4CHg3arCP5vHE8mug2oet9JwaQZKM8A5A38AUaOUifLn9bEAAAAASUVORK5CYII=")
82
+ 8 8,
83
+ pointer;
84
+ }
85
+ .atlas-cursor-draw {
86
+ cursor:
87
+ url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABSElEQVRYCe2TvWqEQBSFtxa09xECwSo/26dIL9iIog9i52P4JilCSLrdJGz6pA5sqs0PQqJuzoGdMBl0DehstpiBi3PH6z3fnBknEzOMA8aBDgfW7WOF5WnHJ+MuUx8df0UYhvOmaV52AtEGQCAJ4nTcLSvdZADOy7J8dF13SYgoioQT+iBkAIoj/2yBWGJdDwQar2D3LXfMnfdAnCgGDk8BMOWF64OI43iGOjphIIQTx8P9Vzr89TiSJJmhlsfxvxCbO7EXEEeKmcPTLcfxxV/VsqwPqKzTNBV3YncQRVFcUVyEBHGAtXGH6oTYOVR+ADjP8/watRfjqm+6qRCqOHPHcd5Q96oFgE37IHzfv0fNgzaAbRCe5z1VVfUMgHOtADJElmU3tm2/B0FwV9c1xSPt4kIAYoeISwTPfYE4E+/M0zhgHOhy4BtfABNjetwFVwAAAABJRU5ErkJggg==")
88
+ 4 4,
89
+ pointer;
90
+ }
91
+ .atlas-cursor-cut {
92
+ cursor:
93
+ url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAACQklEQVRYCe1VS0sCURR2TBNalCG0kUkLlKDcuuqxaNvOP+Cira3Vv2HoQoRaBv6HLDPDRUS7gqAH2AOcsQhBQafvi2kQHzkzWqsZ+Jhzzz2P7545547NZj0mK6AoyrRJ1/HdkHwbeABC40czGAFJFzqdjpzP548hP/87CSRcarVaj+CtxGKxc6xfgHmD5zBv3k2AJEiGOrMR7WYdJ+VnEZh4BdAPAnsCcOv5TBMjoCbeQ9IaGvME63ugDKz+RqSPABwWAJ5gIBBscUBAEbpUvV7fDQaDny6XS7Tb7XPJZLKNOMeAf4BPvwqG27xkOFrD0G63X7kHb4Wo1WpXXDcajVu32/3h8XikbDZbiEajFe5nMhlW46g/W48GRtPAA284Og5DJBK5ZEJRFKter7faa1epVE4R5xC4C4fDNz6frwr5qSedttQ+gSAILWh3kGAFN1xZszAn8ADmHrANAS///gm66YLAPDCwCaHf6u4BytBtAvuyLF8HAgGtPxKJxBl66g17/u74pmUEEoAUGw5BvvuEMnXAFLAHSM1m8xGJ65BHjqEhMkzAU6Lb338IUKaOewyGN0myerouIt0E1MASS8xRY7cTlKnDvkQb3QGNGiL4MkvLQ+ZyuQLWB8AhZ546tRcM/5a1MdRBSHI6nbO0KxaLM3htAOulUomyzeFwcE+m/GcPTnwRj8dLSKDwkiEos9uxN+7dMZo3kqxxrNLpdIE3HEFZHbVffzqjo+u0AAk/cAQ8qaDs1+lumVkVsCrQV4Ev5W84Pu7IH00AAAAASUVORK5CYII=")
94
+ 4 4,
95
+ pointer;
96
+ }
97
+
98
+ .shape {
99
+ cursor: pointer;
100
+ fill: rgba(119, 24, 196, 0.25);
101
+ pointer-events: visible;
102
+ }
103
+
104
+ .shape:hover {
105
+ fill: rgba(119, 24, 196, 0.5);
106
+ }
107
+
108
+ .shape-line {
109
+ stroke: rgba(119, 24, 196, 0.25);
110
+ stroke-width: 3px;
111
+ fill: none;
112
+ pointer-events: visible;
113
+ }
114
+
115
+ .shape-line:hover {
116
+ stroke: rgba(119, 24, 196, 0.5);
117
+ }
118
+
119
+ #floating-ui {
120
+ z-index: 1000;
121
+ }
122
+ div.mdxeditor-popup-container {
123
+ position: relative;
124
+ z-index: 1000000;
125
+ padding: 0 !important;
126
+ }
127
+
128
+ div.mdxeditor-popup-container > *[role="dialog"] {
129
+ display: flex;
130
+ flex-direction: column;
131
+ }
132
+
133
+ div.mdxeditor-toolbar {
134
+ flex-wrap: balance;
135
+ }
136
+
137
+ .OverrideScrollbar {
138
+ /* For Safari, Chrome, and offshoots */
139
+ &::-webkit-scrollbar {
140
+ width: 8px;
141
+ height: 8px;
142
+ }
143
+ &::-webkit-scrollbar-thumb {
144
+ background: #d75281;
145
+ border-radius: 8px;
146
+ }
147
+ &::-webkit-scrollbar-track {
148
+ background: transparent;
149
+ }
150
+
151
+ /* For Firefox and offshoots */
152
+ scrollbar-color: #d75281 transparent;
153
+ scrollbar-width: thin;
154
+ }
155
+
156
+ .react-aria-TreeItem {
157
+ border-left-width: 2px;
158
+ }
159
+
160
+ .react-aria-TreeItem[data-active="true"],
161
+ .react-aria-TreeItem[data-parent-active="true"] {
162
+ border-left: 2px solid #d75281;
163
+ }
164
+
165
+ /** Because tailwind specificity */
166
+ div.react-aria-TreeItem {
167
+ margin-left: calc((var(--tree-item-level) - 1) * 1em);
168
+ }
169
+
170
+ /*.react-aria-DropIndicator {
171
+ background: red;
172
+ height: 20px;
173
+ }*/
174
+
175
+ .react-aria-DropIndicator {
176
+ &[data-drop-target] {
177
+ outline: 2px solid #d75281;
178
+ margin-left: calc(
179
+ 8px +
180
+ var(--checkbox-width, 0px) +
181
+ var(--drag-button-width, 0px) +
182
+ 26px +
183
+ (var(--tree-item-level) - 2) *
184
+ 16px
185
+ );
186
+ }
187
+ }
188
+
189
+ .split-range-highlight {
190
+ position: relative;
191
+ transition: transform 0.3s ease-in-out;
192
+ }
193
+ .split-range-highlight .split-range-highlight-inner {
194
+ transition: transform 0.3s ease-in-out;
195
+ }
196
+
197
+ .split-range-highlight:has(~ .split-range-highlight) {
198
+ /*outline: 3px solid green;*/
199
+ }
200
+
201
+ .split-range-highlight:hover,
202
+ .split-range-highlight:hover ~ .split-range-highlight,
203
+ div[role="presentation"]:has(.split-range-highlight):hover ~ div[role="presentation"]:has(.split-range-highlight) {
204
+ outline: 3px solid #ff991c;
205
+ }
206
+
207
+ .split-range-highlight[data-split-first]:hover {
208
+ outline: none;
209
+ }
210
+ .split-range-highlight[data-split-first]:hover:before {
211
+ content: none;
212
+ }
213
+
214
+ .split-range-highlight[data-split-first]:hover ~ .split-range-highlight {
215
+ outline: none;
216
+ }
217
+
218
+ div[role="presentation"]:has(> .split-range-highlight[data-split-first]:hover)
219
+ ~ div[role="presentation"]:has(.split-range-highlight) {
220
+ outline: none;
221
+ }
222
+
223
+ .split-range-highlight:has(~ .split-range-highlight:hover),
224
+ div[role="presentation"]:has(.split-range-highlight):has(~ div[role="presentation"] > .split-range-highlight:hover) {
225
+ transform: translate(0, -1em);
226
+ outline: 3px solid #4c9fb8;
227
+ }
228
+
229
+ div[role="presentation"]:has(.split-range-highlight):has(
230
+ ~ div[role="presentation"] > .split-range-highlight:hover
231
+ ):first-child:before,
232
+ .split-range-highlight:hover:before,
233
+ .split-range-highlight:has(~ .split-range-highlight:hover):first-child:before {
234
+ background: #4c9fb8;
235
+ position: absolute;
236
+ z-index: 20;
237
+ top: 0.3em;
238
+ left: 0.3em;
239
+ max-width: 55%;
240
+ display: block;
241
+ box-sizing: border-box;
242
+ white-space: nowrap;
243
+ overflow: hidden;
244
+ text-overflow: ellipsis;
245
+ pointer-events: none;
246
+ content: attr(data-range1-label);
247
+ color: white;
248
+ padding: 0.5em;
249
+ border-radius: 4px;
250
+ font-size: 14px;
251
+ }
252
+
253
+ .split-range-highlight:hover:before {
254
+ background: #ff991c;
255
+ content: attr(data-range2-label);
256
+ }
257
+
258
+ .split-range-highlight:hover {
259
+ /* transform: translateX(10px); */
260
+ }
261
+
262
+ .split-range-highlight:has(~ .split-range-highlight:hover) .split-range-highlight-inner {
263
+ /*@apply bg-blue-500;*/
264
+ }
265
+
266
+ .split-range-highlight[aria-selected="true"] {
267
+ content: "";
268
+ grid-column-start: 1;
269
+ width: 100%;
270
+ height: 100px;
271
+ }
272
+
273
+ .split-range-highlight:has(~ *[aria-selected="true"]) .split-range-highlight-inner {
274
+ }
275
+
276
+ /** Fix for IIIF Explorer position */
277
+ div[data-trigger="DialogTrigger"] {
278
+ position: absolute !important;
279
+ }
280
+ /** Fix for menu z-index */
281
+ div[data-trigger="MenuTrigger"] {
282
+ z-index: 10000000 !important;
283
+ }
284
+
285
+ .atlas-container {
286
+ min-width: 0;
287
+ min-height: 0;
288
+ --atlas-container-flex: 1 1 0px;
289
+ --atlas-background: #e5e7f0;
290
+ }
291
+
292
+
293
+ /*# sourceMappingURL=lib-D-SwZ1Sg.css.map*/
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lib-D-SwZ1Sg.css","names":[],"sources":["../src/lib.css"],"sourcesContent":["@import \"react-datetime-picker/dist/DateTimePicker.css\";\n@import \"react-calendar/dist/Calendar.css\";\n@import \"react-clock/dist/Clock.css\";\n\n.grid-lg {\n --grid-column-count: 8;\n --grid-item--min-width: 330px;\n --total-gap-width: 1.5rem;\n}\n\n.grid-md {\n --grid-column-count: 8;\n --grid-item--min-width: 200px;\n --total-gap-width: 1.5rem;\n}\n\n.grid-sm {\n --grid-column-count: 12;\n --grid-item--min-width: 120px;\n --total-gap-width: 1.5rem;\n}\n\n.field-sizing-content {\n field-sizing: content;\n}\n\n.textarea-reset {\n text-align: inherit;\n display: block;\n}\n\ndiv[data-floating-ui-portal] {\n z-index: 505;\n position: relative;\n}\n\n.grid-lg,\n.grid-md,\n.grid-sm {\n /**\n * Calculated values.\n */\n --gap-count: calc(var(--grid-column-count) - 1);\n --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));\n\n grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));\n}\n\n.tab-shadow {\n box-shadow: inset 0 -2px 0px 0 rgba(0, 0, 0, 0.1);\n}\n\n/* SVG */\n.atlas-cursor-se {\n cursor: se-resize;\n}\n\n.atlas-cursor-sw {\n cursor: sw-resize;\n}\n\n.atlas-cursor-ne {\n cursor: ne-resize;\n}\n\n.atlas-cursor-nw {\n cursor: nw-resize;\n}\n\n.atlas-cursor-move {\n cursor: move;\n}\n\n.atlas-cursor-crosshair {\n cursor: crosshair;\n}\n\n.atlas-cursor-copy {\n cursor: copy;\n}\n\n.atlas-cursor-rotate {\n cursor:\n url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAADRElEQVRYCe2VT0iTcRjHnZsuR8LSkOGhqcRIBoHSFIL0pDcbSLfqMtnNUycJT/PgIQRvgngYIhQd8jB0NKnNTU0rdeSf0BoTbXN/rE23mfv79n3GDBu+f9zothc+vL/n93ue7/O8v/f3p6ys9JRmoIgZYBimDtQWIVF4KBLXg6/AWUwR5YWUgIRKxNknJib8JpMphPa7Yoq4Ug1IdBvsjY6OziOQUavV7kwmE0Wf/kpChTgjyR1wMDQ0ZKfkYrE4NTMzYwsEAmvoPwYmcK8QbUExEF9wuVzLlDwfmUwWGxsbs8EnBl4AsSBRPicIVYBX4C5QgM3p6WkrFSCRSJKTk5NW+h2tra3fqE+lUu0Hg0FamBQj4tPnHYfIQDQa3cF/DqB9H9wE6xaLxUYJlUqlN7cGEmaz2VZVVXVKs3F2duaG3wBvAi4HCCghHmxsbPTodLoV2DS9t8ANsLK4uDjvdDodaM8DJXjp8Xg+UWGdnZ1bsMOgnisH5xiCDbOzszYSNBqNVthvzgPQrgZ2YAEy6sdbDBwjIyPZHUIFwn5+HnPlN4KXtFrtOmmn02kfbNVFEdgyIM3rU8fj8X2K6enpobVAi5b1YV0kCKxA1KnD4ViSSqWitrY2hUgk+qcANlXEhmpqasorKyuTPp8vg7g6Nl/WfojUgouPjdU5bwBBWy0tLd9RQBzteN6wcBPBP3t7e9e6uro20f4FePc2fGjbxpA80dDQ4EX7B1dGvrvgfVNT0++5uTl1OBz2QEjLJZYbe4JzYDeRSFSgeDf6PguIudwF1eu8Xm92W9FMwHYD+eXe2V1A94RPo9Hswofx+/2rsJ+y+fP2I1gCNvr7+z/k9jtMxgUegb+zh/Y18JgOq8HBwQVKrtfrl9G3CyS8ibgcIPAAJABzcnKy1dfXtxIKhTZg0powg7cgdHh4uNrR0bFNybu7u7/kTk4Nl7bgMSR4BtLDw8PZW5CSKBSKIJKEU6mUTy6XH1MfMT4+ThdSBAhZL4JroFOO7oGP9PUGg8He3Ny8h8PpKJlMHrS3t+9MTU1ZI5HINnzo8Pk/VzKERYD+vxHsgfPnAI3X4CHg3arCP5vHE8mug2oet9JwaQZKM8A5A38AUaOUifLn9bEAAAAASUVORK5CYII=\")\n 8 8,\n pointer;\n}\n.atlas-cursor-draw {\n cursor:\n url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABSElEQVRYCe2TvWqEQBSFtxa09xECwSo/26dIL9iIog9i52P4JilCSLrdJGz6pA5sqs0PQqJuzoGdMBl0DehstpiBi3PH6z3fnBknEzOMA8aBDgfW7WOF5WnHJ+MuUx8df0UYhvOmaV52AtEGQCAJ4nTcLSvdZADOy7J8dF13SYgoioQT+iBkAIoj/2yBWGJdDwQar2D3LXfMnfdAnCgGDk8BMOWF64OI43iGOjphIIQTx8P9Vzr89TiSJJmhlsfxvxCbO7EXEEeKmcPTLcfxxV/VsqwPqKzTNBV3YncQRVFcUVyEBHGAtXGH6oTYOVR+ADjP8/watRfjqm+6qRCqOHPHcd5Q96oFgE37IHzfv0fNgzaAbRCe5z1VVfUMgHOtADJElmU3tm2/B0FwV9c1xSPt4kIAYoeISwTPfYE4E+/M0zhgHOhy4BtfABNjetwFVwAAAABJRU5ErkJggg==\")\n 4 4,\n pointer;\n}\n.atlas-cursor-cut {\n cursor:\n url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAACQklEQVRYCe1VS0sCURR2TBNalCG0kUkLlKDcuuqxaNvOP+Cira3Vv2HoQoRaBv6HLDPDRUS7gqAH2AOcsQhBQafvi2kQHzkzWqsZ+Jhzzz2P7545547NZj0mK6AoyrRJ1/HdkHwbeABC40czGAFJFzqdjpzP548hP/87CSRcarVaj+CtxGKxc6xfgHmD5zBv3k2AJEiGOrMR7WYdJ+VnEZh4BdAPAnsCcOv5TBMjoCbeQ9IaGvME63ugDKz+RqSPABwWAJ5gIBBscUBAEbpUvV7fDQaDny6XS7Tb7XPJZLKNOMeAf4BPvwqG27xkOFrD0G63X7kHb4Wo1WpXXDcajVu32/3h8XikbDZbiEajFe5nMhlW46g/W48GRtPAA284Og5DJBK5ZEJRFKter7faa1epVE4R5xC4C4fDNz6frwr5qSedttQ+gSAILWh3kGAFN1xZszAn8ADmHrANAS///gm66YLAPDCwCaHf6u4BytBtAvuyLF8HAgGtPxKJxBl66g17/u74pmUEEoAUGw5BvvuEMnXAFLAHSM1m8xGJ65BHjqEhMkzAU6Lb338IUKaOewyGN0myerouIt0E1MASS8xRY7cTlKnDvkQb3QGNGiL4MkvLQ+ZyuQLWB8AhZ546tRcM/5a1MdRBSHI6nbO0KxaLM3htAOulUomyzeFwcE+m/GcPTnwRj8dLSKDwkiEos9uxN+7dMZo3kqxxrNLpdIE3HEFZHbVffzqjo+u0AAk/cAQ8qaDs1+lumVkVsCrQV4Ev5W84Pu7IH00AAAAASUVORK5CYII=\")\n 4 4,\n pointer;\n}\n\n.shape {\n cursor: pointer;\n fill: rgba(119, 24, 196, 0.25);\n pointer-events: visible;\n}\n\n.shape:hover {\n fill: rgba(119, 24, 196, 0.5);\n}\n\n.shape-line {\n stroke: rgba(119, 24, 196, 0.25);\n stroke-width: 3px;\n fill: none;\n pointer-events: visible;\n}\n\n.shape-line:hover {\n stroke: rgba(119, 24, 196, 0.5);\n}\n\n#floating-ui {\n z-index: 1000;\n}\ndiv.mdxeditor-popup-container {\n position: relative;\n z-index: 1000000;\n padding: 0 !important;\n}\n\ndiv.mdxeditor-popup-container > *[role=\"dialog\"] {\n display: flex;\n flex-direction: column;\n}\n\ndiv.mdxeditor-toolbar {\n flex-wrap: balance;\n}\n\n.OverrideScrollbar {\n /* For Safari, Chrome, and offshoots */\n &::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n }\n &::-webkit-scrollbar-thumb {\n background: #d75281;\n border-radius: 8px;\n }\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n /* For Firefox and offshoots */\n scrollbar-color: #d75281 transparent;\n scrollbar-width: thin;\n}\n\n.react-aria-TreeItem {\n border-left-width: 2px;\n}\n\n.react-aria-TreeItem[data-active=\"true\"],\n.react-aria-TreeItem[data-parent-active=\"true\"] {\n border-left: 2px solid #d75281;\n}\n\n/** Because tailwind specificity */\ndiv.react-aria-TreeItem {\n margin-left: calc((var(--tree-item-level) - 1) * 1em);\n}\n\n/*.react-aria-DropIndicator {\n background: red;\n height: 20px;\n}*/\n\n.react-aria-DropIndicator {\n &[data-drop-target] {\n outline: 2px solid #d75281;\n margin-left: calc(\n 8px +\n var(--checkbox-width, 0px) +\n var(--drag-button-width, 0px) +\n 26px +\n (var(--tree-item-level) - 2) *\n 16px\n );\n }\n}\n\n.split-range-highlight {\n position: relative;\n transition: transform 0.3s ease-in-out;\n}\n.split-range-highlight .split-range-highlight-inner {\n transition: transform 0.3s ease-in-out;\n}\n\n.split-range-highlight:has(~ .split-range-highlight) {\n /*outline: 3px solid green;*/\n}\n\n.split-range-highlight:hover,\n.split-range-highlight:hover ~ .split-range-highlight,\ndiv[role=\"presentation\"]:has(.split-range-highlight):hover ~ div[role=\"presentation\"]:has(.split-range-highlight) {\n outline: 3px solid #ff991c;\n}\n\n.split-range-highlight[data-split-first]:hover {\n outline: none;\n}\n.split-range-highlight[data-split-first]:hover:before {\n content: none;\n}\n\n.split-range-highlight[data-split-first]:hover ~ .split-range-highlight {\n outline: none;\n}\n\ndiv[role=\"presentation\"]:has(> .split-range-highlight[data-split-first]:hover)\n ~ div[role=\"presentation\"]:has(.split-range-highlight) {\n outline: none;\n}\n\n.split-range-highlight:has(~ .split-range-highlight:hover),\ndiv[role=\"presentation\"]:has(.split-range-highlight):has(~ div[role=\"presentation\"] > .split-range-highlight:hover) {\n transform: translate(0, -1em);\n outline: 3px solid #4c9fb8;\n}\n\ndiv[role=\"presentation\"]:has(.split-range-highlight):has(\n ~ div[role=\"presentation\"] > .split-range-highlight:hover\n ):first-child:before,\n.split-range-highlight:hover:before,\n.split-range-highlight:has(~ .split-range-highlight:hover):first-child:before {\n background: #4c9fb8;\n position: absolute;\n z-index: 20;\n top: 0.3em;\n left: 0.3em;\n max-width: 55%;\n display: block;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n pointer-events: none;\n content: attr(data-range1-label);\n color: white;\n padding: 0.5em;\n border-radius: 4px;\n font-size: 14px;\n}\n\n.split-range-highlight:hover:before {\n background: #ff991c;\n content: attr(data-range2-label);\n}\n\n.split-range-highlight:hover {\n /* transform: translateX(10px); */\n}\n\n.split-range-highlight:has(~ .split-range-highlight:hover) .split-range-highlight-inner {\n /*@apply bg-blue-500;*/\n}\n\n.split-range-highlight[aria-selected=\"true\"] {\n content: \"\";\n grid-column-start: 1;\n width: 100%;\n height: 100px;\n}\n\n.split-range-highlight:has(~ *[aria-selected=\"true\"]) .split-range-highlight-inner {\n}\n\n/** Fix for IIIF Explorer position */\ndiv[data-trigger=\"DialogTrigger\"] {\n position: absolute !important;\n}\n/** Fix for menu z-index */\ndiv[data-trigger=\"MenuTrigger\"] {\n z-index: 10000000 !important;\n}\n\n.atlas-container {\n min-width: 0;\n min-height: 0;\n --atlas-container-flex: 1 1 0px;\n --atlas-background: #e5e7f0;\n}\n"],"mappings":";AAIA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA"}
package/dist/lib.cjs ADDED
@@ -0,0 +1 @@
1
+ "use client";require(`./lib-7rNuVt0m.cjs`);