@hachej/boring-ui-kit 0.1.110 → 0.2.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.
Files changed (95) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +255 -239
  3. package/THIRD_PARTY_NOTICES.md +85 -0
  4. package/dist/anchor-conformance.d.ts +78 -0
  5. package/dist/anchor-conformance.js +288 -0
  6. package/dist/canvas-document.d.ts +25 -0
  7. package/dist/canvas-document.js +141 -0
  8. package/dist/canvas-editor-native.d.ts +22 -0
  9. package/dist/canvas-editor-native.js +112 -0
  10. package/dist/canvas-editor.d.ts +6 -0
  11. package/dist/canvas-editor.js +13 -0
  12. package/dist/canvas-mounted.d.ts +41 -0
  13. package/dist/canvas-mounted.js +180 -0
  14. package/dist/canvas-proposals.d.ts +11 -0
  15. package/dist/canvas-proposals.js +45 -0
  16. package/dist/canvas-records.d.ts +3 -0
  17. package/dist/canvas-records.js +39 -0
  18. package/dist/canvas.d.ts +92 -0
  19. package/dist/canvas.js +264 -0
  20. package/dist/contracts.d.ts +125 -0
  21. package/dist/contracts.js +1 -0
  22. package/dist/experience-catalog.d.ts +142 -0
  23. package/dist/experience-catalog.js +25 -0
  24. package/dist/experience-compose.d.ts +83 -0
  25. package/dist/experience-compose.js +218 -0
  26. package/dist/experience-composition-schema.d.ts +29 -0
  27. package/dist/experience-composition-schema.js +22 -0
  28. package/dist/experience-document-viewer.d.ts +13 -0
  29. package/dist/experience-document-viewer.js +54 -0
  30. package/dist/experience-document.d.ts +64 -0
  31. package/dist/experience-document.js +234 -0
  32. package/dist/experience-region-text.d.ts +3 -0
  33. package/dist/experience-region-text.js +84 -0
  34. package/dist/experience-region-tree.d.ts +22 -0
  35. package/dist/experience-region-tree.js +50 -0
  36. package/dist/experience-regions.d.ts +9 -0
  37. package/dist/experience-regions.js +122 -0
  38. package/dist/experience-renderer.d.ts +16 -0
  39. package/dist/experience-renderer.js +37 -0
  40. package/dist/experience.d.ts +12 -0
  41. package/dist/experience.js +23 -0
  42. package/dist/file-tree-shadcn.d.ts +8 -0
  43. package/dist/file-tree-shadcn.js +14 -0
  44. package/dist/file-tree-view.d.ts +64 -0
  45. package/dist/file-tree-view.js +256 -0
  46. package/dist/file-tree.d.ts +57 -0
  47. package/dist/file-tree.js +204 -0
  48. package/dist/html-preview.d.ts +2 -0
  49. package/dist/html-preview.js +47 -0
  50. package/dist/html-viewer.d.ts +13 -0
  51. package/dist/html-viewer.js +69 -0
  52. package/dist/html.d.ts +21 -0
  53. package/dist/html.js +21 -0
  54. package/dist/index.d.ts +2 -472
  55. package/dist/index.js +1 -2671
  56. package/dist/markdown-editor.d.ts +28 -0
  57. package/dist/markdown-editor.js +230 -0
  58. package/dist/markdown-extensions.d.ts +16 -0
  59. package/dist/markdown-extensions.js +96 -0
  60. package/dist/markdown-icons.d.ts +244 -0
  61. package/dist/markdown-icons.js +32 -0
  62. package/dist/markdown-mounted.d.ts +63 -0
  63. package/dist/markdown-mounted.js +263 -0
  64. package/dist/markdown-parser.d.ts +4 -0
  65. package/dist/markdown-parser.js +33 -0
  66. package/dist/markdown-proposal-diff.d.ts +5 -0
  67. package/dist/markdown-proposal-diff.js +122 -0
  68. package/dist/markdown-safety.d.ts +21 -0
  69. package/dist/markdown-safety.js +135 -0
  70. package/dist/markdown.d.ts +86 -0
  71. package/dist/markdown.js +121 -0
  72. package/dist/native-chat.d.ts +150 -0
  73. package/dist/native-chat.js +376 -0
  74. package/dist/pi.d.ts +12 -0
  75. package/dist/pi.js +1 -0
  76. package/dist/public-text-buffer.d.ts +5 -0
  77. package/dist/public-text-buffer.js +1 -0
  78. package/dist/remote-chat.d.ts +76 -0
  79. package/dist/remote-chat.js +324 -0
  80. package/dist/resources.d.ts +34 -0
  81. package/dist/resources.js +1 -0
  82. package/dist/text-buffer-state.d.ts +24 -0
  83. package/dist/text-buffer-state.js +1 -0
  84. package/dist/text-buffer.d.ts +52 -0
  85. package/dist/text-buffer.js +315 -0
  86. package/dist/text-draft-controls.d.ts +9 -0
  87. package/dist/text-draft-controls.js +33 -0
  88. package/dist/text-draft-types.d.ts +111 -0
  89. package/dist/text-draft-types.js +1 -0
  90. package/dist/text-drafts.d.ts +29 -0
  91. package/dist/text-drafts.js +378 -0
  92. package/package.json +226 -58
  93. package/styles/file-tree.css +46 -0
  94. package/dist/styles.css +0 -2308
  95. package/dist/tokens.css +0 -155
package/dist/styles.css DELETED
@@ -1,2308 +0,0 @@
1
- /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
- @layer properties;
3
- @layer theme, utilities;
4
- @layer theme {
5
- :root, :host {
6
- --font-sans: var(--boring-font-sans);
7
- --font-mono: var(--boring-font-mono);
8
- --color-black: #000;
9
- --spacing: 0.25rem;
10
- --container-xs: 20rem;
11
- --container-sm: 24rem;
12
- --container-lg: 32rem;
13
- --container-xl: 36rem;
14
- --container-2xl: 42rem;
15
- --text-xs: 0.75rem;
16
- --text-xs--line-height: calc(1 / 0.75);
17
- --text-sm: 0.875rem;
18
- --text-sm--line-height: calc(1.25 / 0.875);
19
- --text-base: 1rem;
20
- --text-base--line-height: calc(1.5 / 1);
21
- --text-lg: 1.125rem;
22
- --text-lg--line-height: calc(1.75 / 1.125);
23
- --font-weight-normal: 400;
24
- --font-weight-medium: 500;
25
- --font-weight-semibold: 600;
26
- --tracking-tight: -0.025em;
27
- --tracking-widest: 0.1em;
28
- --leading-snug: 1.375;
29
- --radius-xs: 0.125rem;
30
- --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
31
- --animate-spin: spin 1s linear infinite;
32
- --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
33
- --default-transition-duration: 150ms;
34
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
35
- }
36
- }
37
- @layer utilities {
38
- .\@container\/card-header {
39
- container-type: inline-size;
40
- container-name: card-header;
41
- }
42
- .pointer-events-auto {
43
- pointer-events: auto;
44
- }
45
- .pointer-events-none {
46
- pointer-events: none;
47
- }
48
- .sr-only {
49
- position: absolute;
50
- width: 1px;
51
- height: 1px;
52
- padding: 0;
53
- margin: -1px;
54
- overflow: hidden;
55
- clip-path: inset(50%);
56
- white-space: nowrap;
57
- border-width: 0;
58
- }
59
- .absolute {
60
- position: absolute;
61
- }
62
- .fixed {
63
- position: fixed;
64
- }
65
- .relative {
66
- position: relative;
67
- }
68
- .inset-0 {
69
- inset: 0px;
70
- }
71
- .inset-x-0 {
72
- inset-inline: 0px;
73
- }
74
- .inset-y-0 {
75
- inset-block: 0px;
76
- }
77
- .top-0 {
78
- top: 0px;
79
- }
80
- .top-4 {
81
- top: calc(var(--spacing) * 4);
82
- }
83
- .top-\[calc\(1rem\+env\(safe-area-inset-top\,0px\)\)\] {
84
- top: calc(1rem + env(safe-area-inset-top,0px));
85
- }
86
- .top-\[max\(1rem\,env\(safe-area-inset-top\,0px\)\)\] {
87
- top: max(1rem, env(safe-area-inset-top,0px));
88
- }
89
- .right-0 {
90
- right: 0px;
91
- }
92
- .right-2 {
93
- right: calc(var(--spacing) * 2);
94
- }
95
- .right-4 {
96
- right: calc(var(--spacing) * 4);
97
- }
98
- .right-\[calc\(1rem\+env\(safe-area-inset-right\,0px\)\)\] {
99
- right: calc(1rem + env(safe-area-inset-right,0px));
100
- }
101
- .bottom-0 {
102
- bottom: 0px;
103
- }
104
- .bottom-\[calc\(1rem\+env\(safe-area-inset-bottom\,0px\)\)\] {
105
- bottom: calc(1rem + env(safe-area-inset-bottom,0px));
106
- }
107
- .left-0 {
108
- left: 0px;
109
- }
110
- .left-2 {
111
- left: calc(var(--spacing) * 2);
112
- }
113
- .left-\[50\%\] {
114
- left: 50%;
115
- }
116
- .left-\[calc\(1rem\+env\(safe-area-inset-left\,0px\)\)\] {
117
- left: calc(1rem + env(safe-area-inset-left,0px));
118
- }
119
- .z-50 {
120
- z-index: 50;
121
- }
122
- .z-\[1000\] {
123
- z-index: 1000;
124
- }
125
- .order-first {
126
- order: -9999;
127
- }
128
- .order-last {
129
- order: 9999;
130
- }
131
- .col-start-2 {
132
- grid-column-start: 2;
133
- }
134
- .row-span-2 {
135
- grid-row: span 2 / span 2;
136
- }
137
- .row-start-1 {
138
- grid-row-start: 1;
139
- }
140
- .\!m-0 {
141
- margin: 0px !important;
142
- }
143
- .-mx-1 {
144
- margin-inline: calc(var(--spacing) * -1);
145
- }
146
- .mx-1 {
147
- margin-inline: var(--spacing);
148
- }
149
- .my-1 {
150
- margin-block: var(--spacing);
151
- }
152
- .mt-0\.5 {
153
- margin-top: calc(var(--spacing) * 0.5);
154
- }
155
- .mt-1 {
156
- margin-top: var(--spacing);
157
- }
158
- .mt-2 {
159
- margin-top: calc(var(--spacing) * 2);
160
- }
161
- .mt-auto {
162
- margin-top: auto;
163
- }
164
- .mb-2 {
165
- margin-bottom: calc(var(--spacing) * 2);
166
- }
167
- .ml-auto {
168
- margin-left: auto;
169
- }
170
- .block {
171
- display: block;
172
- }
173
- .flex {
174
- display: flex;
175
- }
176
- .grid {
177
- display: grid;
178
- }
179
- .inline {
180
- display: inline;
181
- }
182
- .inline-block {
183
- display: inline-block;
184
- }
185
- .inline-flex {
186
- display: inline-flex;
187
- }
188
- .size-2 {
189
- width: calc(var(--spacing) * 2);
190
- height: calc(var(--spacing) * 2);
191
- }
192
- .size-2\.5 {
193
- width: calc(var(--spacing) * 2.5);
194
- height: calc(var(--spacing) * 2.5);
195
- }
196
- .size-3\.5 {
197
- width: calc(var(--spacing) * 3.5);
198
- height: calc(var(--spacing) * 3.5);
199
- }
200
- .size-4 {
201
- width: calc(var(--spacing) * 4);
202
- height: calc(var(--spacing) * 4);
203
- }
204
- .size-6 {
205
- width: calc(var(--spacing) * 6);
206
- height: calc(var(--spacing) * 6);
207
- }
208
- .size-8 {
209
- width: calc(var(--spacing) * 8);
210
- height: calc(var(--spacing) * 8);
211
- }
212
- .size-9 {
213
- width: calc(var(--spacing) * 9);
214
- height: calc(var(--spacing) * 9);
215
- }
216
- .size-10 {
217
- width: calc(var(--spacing) * 10);
218
- height: calc(var(--spacing) * 10);
219
- }
220
- .size-16 {
221
- width: calc(var(--spacing) * 16);
222
- height: calc(var(--spacing) * 16);
223
- }
224
- .size-full {
225
- width: 100%;
226
- height: 100%;
227
- }
228
- .h-1 {
229
- height: var(--spacing);
230
- }
231
- .h-2 {
232
- height: calc(var(--spacing) * 2);
233
- }
234
- .h-2\.5 {
235
- height: calc(var(--spacing) * 2.5);
236
- }
237
- .h-3\.5 {
238
- height: calc(var(--spacing) * 3.5);
239
- }
240
- .h-4 {
241
- height: calc(var(--spacing) * 4);
242
- }
243
- .h-5 {
244
- height: calc(var(--spacing) * 5);
245
- }
246
- .h-6 {
247
- height: calc(var(--spacing) * 6);
248
- }
249
- .h-8 {
250
- height: calc(var(--spacing) * 8);
251
- }
252
- .h-9 {
253
- height: calc(var(--spacing) * 9);
254
- }
255
- .h-10 {
256
- height: calc(var(--spacing) * 10);
257
- }
258
- .h-\[100dvh\] {
259
- height: 100dvh;
260
- }
261
- .h-\[calc\(100\%-1px\)\] {
262
- height: calc(100% - 1px);
263
- }
264
- .h-\[var\(--radix-select-trigger-height\)\] {
265
- height: var(--radix-select-trigger-height);
266
- }
267
- .h-auto {
268
- height: auto;
269
- }
270
- .h-full {
271
- height: 100%;
272
- }
273
- .h-px {
274
- height: 1px;
275
- }
276
- .max-h-\(--radix-dropdown-menu-content-available-height\) {
277
- max-height: var(--radix-dropdown-menu-content-available-height);
278
- }
279
- .max-h-\(--radix-select-content-available-height\) {
280
- max-height: var(--radix-select-content-available-height);
281
- }
282
- .max-h-48 {
283
- max-height: calc(var(--spacing) * 48);
284
- }
285
- .max-h-\[300px\] {
286
- max-height: 300px;
287
- }
288
- .max-h-\[calc\(100dvh-var\(--keyboard-inset\,0px\)\)\] {
289
- max-height: calc(100dvh - var(--keyboard-inset,0px));
290
- }
291
- .min-h-0 {
292
- min-height: 0px;
293
- }
294
- .min-h-6 {
295
- min-height: calc(var(--spacing) * 6);
296
- }
297
- .min-h-11 {
298
- min-height: calc(var(--spacing) * 11);
299
- }
300
- .min-h-12 {
301
- min-height: calc(var(--spacing) * 12);
302
- }
303
- .min-h-20 {
304
- min-height: calc(var(--spacing) * 20);
305
- }
306
- .min-h-40 {
307
- min-height: calc(var(--spacing) * 40);
308
- }
309
- .w-1 {
310
- width: var(--spacing);
311
- }
312
- .w-2\.5 {
313
- width: calc(var(--spacing) * 2.5);
314
- }
315
- .w-3\.5 {
316
- width: calc(var(--spacing) * 3.5);
317
- }
318
- .w-3\/4 {
319
- width: calc(3 / 4 * 100%);
320
- }
321
- .w-6 {
322
- width: calc(var(--spacing) * 6);
323
- }
324
- .w-32 {
325
- width: calc(var(--spacing) * 32);
326
- }
327
- .w-64 {
328
- width: calc(var(--spacing) * 64);
329
- }
330
- .w-72 {
331
- width: calc(var(--spacing) * 72);
332
- }
333
- .w-\[340px\] {
334
- width: 340px;
335
- }
336
- .w-fit {
337
- width: fit-content;
338
- }
339
- .w-full {
340
- width: 100%;
341
- }
342
- .w-px {
343
- width: 1px;
344
- }
345
- .max-w-2xl {
346
- max-width: var(--container-2xl);
347
- }
348
- .max-w-\[calc\(100\%-2rem\)\] {
349
- max-width: calc(100% - 2rem);
350
- }
351
- .max-w-\[calc\(100vw-2rem\)\] {
352
- max-width: calc(100vw - 2rem);
353
- }
354
- .max-w-xl {
355
- max-width: var(--container-xl);
356
- }
357
- .min-w-0 {
358
- min-width: 0px;
359
- }
360
- .min-w-5 {
361
- min-width: calc(var(--spacing) * 5);
362
- }
363
- .min-w-\[8rem\] {
364
- min-width: 8rem;
365
- }
366
- .min-w-\[var\(--radix-select-trigger-width\)\] {
367
- min-width: var(--radix-select-trigger-width);
368
- }
369
- .flex-1 {
370
- flex: 1;
371
- }
372
- .shrink-0 {
373
- flex-shrink: 0;
374
- }
375
- .origin-\(--radix-dropdown-menu-content-transform-origin\) {
376
- transform-origin: var(--radix-dropdown-menu-content-transform-origin);
377
- }
378
- .origin-\(--radix-popover-content-transform-origin\) {
379
- transform-origin: var(--radix-popover-content-transform-origin);
380
- }
381
- .origin-\(--radix-select-content-transform-origin\) {
382
- transform-origin: var(--radix-select-content-transform-origin);
383
- }
384
- .origin-\(--radix-tooltip-content-transform-origin\) {
385
- transform-origin: var(--radix-tooltip-content-transform-origin);
386
- }
387
- .origin-\[--radix-hover-card-content-transform-origin\] {
388
- transform-origin: --radix-hover-card-content-transform-origin;
389
- }
390
- .translate-x-\[-50\%\] {
391
- --tw-translate-x: -50%;
392
- translate: var(--tw-translate-x) var(--tw-translate-y);
393
- }
394
- .translate-y-0 {
395
- --tw-translate-y: 0px;
396
- translate: var(--tw-translate-x) var(--tw-translate-y);
397
- }
398
- .translate-y-\[calc\(-50\%_-_2px\)\] {
399
- --tw-translate-y: calc(-50% - 2px);
400
- translate: var(--tw-translate-x) var(--tw-translate-y);
401
- }
402
- .rotate-45 {
403
- rotate: 45deg;
404
- }
405
- .animate-pulse {
406
- animation: var(--animate-pulse);
407
- }
408
- .animate-spin {
409
- animation: var(--animate-spin);
410
- }
411
- .cursor-col-resize {
412
- cursor: col-resize;
413
- }
414
- .cursor-default {
415
- cursor: default;
416
- }
417
- .cursor-pointer {
418
- cursor: pointer;
419
- }
420
- .cursor-row-resize {
421
- cursor: row-resize;
422
- }
423
- .cursor-text {
424
- cursor: text;
425
- }
426
- .touch-none {
427
- touch-action: none;
428
- }
429
- .resize-none {
430
- resize: none;
431
- }
432
- .scroll-my-1 {
433
- scroll-margin-block: var(--spacing);
434
- }
435
- .scroll-mt-6 {
436
- scroll-margin-top: calc(var(--spacing) * 6);
437
- }
438
- .scroll-py-1 {
439
- scroll-padding-block: var(--spacing);
440
- }
441
- .auto-rows-min {
442
- grid-auto-rows: min-content;
443
- }
444
- .grid-rows-\[auto_1fr\] {
445
- grid-template-rows: auto 1fr;
446
- }
447
- .grid-rows-\[auto_auto\] {
448
- grid-template-rows: auto auto;
449
- }
450
- .flex-col {
451
- flex-direction: column;
452
- }
453
- .flex-col-reverse {
454
- flex-direction: column-reverse;
455
- }
456
- .flex-wrap {
457
- flex-wrap: wrap;
458
- }
459
- .place-content-center {
460
- place-content: center;
461
- }
462
- .place-items-center {
463
- place-items: center;
464
- }
465
- .items-center {
466
- align-items: center;
467
- }
468
- .items-end {
469
- align-items: flex-end;
470
- }
471
- .items-start {
472
- align-items: flex-start;
473
- }
474
- .items-stretch {
475
- align-items: stretch;
476
- }
477
- .justify-between {
478
- justify-content: space-between;
479
- }
480
- .justify-center {
481
- justify-content: center;
482
- }
483
- .justify-end {
484
- justify-content: flex-end;
485
- }
486
- .justify-start {
487
- justify-content: flex-start;
488
- }
489
- .gap-0\.5 {
490
- gap: calc(var(--spacing) * 0.5);
491
- }
492
- .gap-1 {
493
- gap: var(--spacing);
494
- }
495
- .gap-1\.5 {
496
- gap: calc(var(--spacing) * 1.5);
497
- }
498
- .gap-2 {
499
- gap: calc(var(--spacing) * 2);
500
- }
501
- .gap-2\.5 {
502
- gap: calc(var(--spacing) * 2.5);
503
- }
504
- .gap-3 {
505
- gap: calc(var(--spacing) * 3);
506
- }
507
- .gap-4 {
508
- gap: calc(var(--spacing) * 4);
509
- }
510
- .gap-6 {
511
- gap: calc(var(--spacing) * 6);
512
- }
513
- :where(.space-y-1 > :not(:last-child)) {
514
- --tw-space-y-reverse: 0;
515
- margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
516
- margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
517
- }
518
- :where(.space-y-2 > :not(:last-child)) {
519
- --tw-space-y-reverse: 0;
520
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
521
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
522
- }
523
- :where(.divide-y > :not(:last-child)) {
524
- --tw-divide-y-reverse: 0;
525
- border-bottom-style: var(--tw-border-style);
526
- border-top-style: var(--tw-border-style);
527
- border-top-width: calc(1px * var(--tw-divide-y-reverse));
528
- border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
529
- }
530
- :where(.divide-border\/50 > :not(:last-child)) {
531
- border-color: var(--boring-border);
532
- @supports (color: color-mix(in lab, red, red)) {
533
- border-color: color-mix(in oklab, var(--boring-border) 50%, transparent);
534
- }
535
- }
536
- :where(.divide-border\/60 > :not(:last-child)) {
537
- border-color: var(--boring-border);
538
- @supports (color: color-mix(in lab, red, red)) {
539
- border-color: color-mix(in oklab, var(--boring-border) 60%, transparent);
540
- }
541
- }
542
- .self-start {
543
- align-self: flex-start;
544
- }
545
- .self-stretch {
546
- align-self: stretch;
547
- }
548
- .justify-self-end {
549
- justify-self: flex-end;
550
- }
551
- .truncate {
552
- overflow: hidden;
553
- text-overflow: ellipsis;
554
- white-space: nowrap;
555
- }
556
- .overflow-auto {
557
- overflow: auto;
558
- }
559
- .overflow-hidden {
560
- overflow: hidden;
561
- }
562
- .overflow-x-auto {
563
- overflow-x: auto;
564
- }
565
- .overflow-x-hidden {
566
- overflow-x: hidden;
567
- }
568
- .overflow-y-auto {
569
- overflow-y: auto;
570
- }
571
- .rounded {
572
- border-radius: 0.25rem;
573
- }
574
- .rounded-\[2px\] {
575
- border-radius: 2px;
576
- }
577
- .rounded-\[4px\] {
578
- border-radius: 4px;
579
- }
580
- .rounded-\[calc\(var\(--radius\)-5px\)\] {
581
- border-radius: calc(var(--radius) - 5px);
582
- }
583
- .rounded-\[inherit\] {
584
- border-radius: inherit;
585
- }
586
- .rounded-full {
587
- border-radius: calc(infinity * 1px);
588
- }
589
- .rounded-lg {
590
- border-radius: var(--boring-radius-lg);
591
- }
592
- .rounded-md {
593
- border-radius: var(--boring-radius-md);
594
- }
595
- .rounded-none {
596
- border-radius: 0;
597
- }
598
- .rounded-sm {
599
- border-radius: var(--boring-radius-sm);
600
- }
601
- .rounded-xl {
602
- border-radius: var(--boring-radius-xl);
603
- }
604
- .rounded-xs {
605
- border-radius: var(--radius-xs);
606
- }
607
- .border {
608
- border-style: var(--tw-border-style);
609
- border-width: 1px;
610
- }
611
- .border-0 {
612
- border-style: var(--tw-border-style);
613
- border-width: 0px;
614
- }
615
- .border-2 {
616
- border-style: var(--tw-border-style);
617
- border-width: 2px;
618
- }
619
- .border-t {
620
- border-top-style: var(--tw-border-style);
621
- border-top-width: 1px;
622
- }
623
- .border-r {
624
- border-right-style: var(--tw-border-style);
625
- border-right-width: 1px;
626
- }
627
- .border-b {
628
- border-bottom-style: var(--tw-border-style);
629
- border-bottom-width: 1px;
630
- }
631
- .border-l {
632
- border-left-style: var(--tw-border-style);
633
- border-left-width: 1px;
634
- }
635
- .border-dashed {
636
- --tw-border-style: dashed;
637
- border-style: dashed;
638
- }
639
- .border-\[color\:oklch\(from_var\(--border\)_l_c_h\/0\.65\)\] {
640
- border-color: oklch(from var(--border) l c h/0.65);
641
- }
642
- .border-accent\/40 {
643
- border-color: var(--boring-accent);
644
- @supports (color: color-mix(in lab, red, red)) {
645
- border-color: color-mix(in oklab, var(--boring-accent) 40%, transparent);
646
- }
647
- }
648
- .border-border {
649
- border-color: var(--boring-border);
650
- }
651
- .border-border\/50 {
652
- border-color: var(--boring-border);
653
- @supports (color: color-mix(in lab, red, red)) {
654
- border-color: color-mix(in oklab, var(--boring-border) 50%, transparent);
655
- }
656
- }
657
- .border-border\/60 {
658
- border-color: var(--boring-border);
659
- @supports (color: color-mix(in lab, red, red)) {
660
- border-color: color-mix(in oklab, var(--boring-border) 60%, transparent);
661
- }
662
- }
663
- .border-border\/70 {
664
- border-color: var(--boring-border);
665
- @supports (color: color-mix(in lab, red, red)) {
666
- border-color: color-mix(in oklab, var(--boring-border) 70%, transparent);
667
- }
668
- }
669
- .border-current {
670
- border-color: currentcolor;
671
- }
672
- .border-destructive\/30 {
673
- border-color: var(--boring-destructive);
674
- @supports (color: color-mix(in lab, red, red)) {
675
- border-color: color-mix(in oklab, var(--boring-destructive) 30%, transparent);
676
- }
677
- }
678
- .border-destructive\/40 {
679
- border-color: var(--boring-destructive);
680
- @supports (color: color-mix(in lab, red, red)) {
681
- border-color: color-mix(in oklab, var(--boring-destructive) 40%, transparent);
682
- }
683
- }
684
- .border-destructive\/50 {
685
- border-color: var(--boring-destructive);
686
- @supports (color: color-mix(in lab, red, red)) {
687
- border-color: color-mix(in oklab, var(--boring-destructive) 50%, transparent);
688
- }
689
- }
690
- .border-foreground\/20 {
691
- border-color: var(--boring-foreground);
692
- @supports (color: color-mix(in lab, red, red)) {
693
- border-color: color-mix(in oklab, var(--boring-foreground) 20%, transparent);
694
- }
695
- }
696
- .border-input {
697
- border-color: var(--boring-input);
698
- }
699
- .border-success\/35 {
700
- border-color: var(--boring-success);
701
- @supports (color: color-mix(in lab, red, red)) {
702
- border-color: color-mix(in oklab, var(--boring-success) 35%, transparent);
703
- }
704
- }
705
- .border-transparent {
706
- border-color: transparent;
707
- }
708
- .border-t-transparent {
709
- border-top-color: transparent;
710
- }
711
- .border-l-transparent {
712
- border-left-color: transparent;
713
- }
714
- .bg-\[color\:var\(--accent-soft\)\] {
715
- background-color: var(--accent-soft);
716
- }
717
- .bg-\[color\:var\(--boring-success-soft\,var\(--secondary\)\)\] {
718
- background-color: var(--boring-success-soft,var(--secondary));
719
- }
720
- .bg-\[color\:var\(--boring-warning-soft\,var\(--accent\)\)\] {
721
- background-color: var(--boring-warning-soft,var(--accent));
722
- }
723
- .bg-\[color\:var\(--success-soft\)\] {
724
- background-color: var(--success-soft);
725
- }
726
- .bg-\[color\:var\(--surface-workbench-left\,var\(--background\)\)\] {
727
- background-color: var(--surface-workbench-left,var(--background));
728
- }
729
- .bg-\[color\:var\(--warning-soft\,var\(--accent-soft\)\)\] {
730
- background-color: var(--warning-soft,var(--accent-soft));
731
- }
732
- .bg-accent {
733
- background-color: var(--boring-accent);
734
- }
735
- .bg-background {
736
- background-color: var(--boring-background);
737
- }
738
- .bg-black\/50 {
739
- background-color: color-mix(in srgb, #000 50%, transparent);
740
- @supports (color: color-mix(in lab, red, red)) {
741
- background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
742
- }
743
- }
744
- .bg-border {
745
- background-color: var(--boring-border);
746
- }
747
- .bg-border\/60 {
748
- background-color: var(--boring-border);
749
- @supports (color: color-mix(in lab, red, red)) {
750
- background-color: color-mix(in oklab, var(--boring-border) 60%, transparent);
751
- }
752
- }
753
- .bg-card {
754
- background-color: var(--boring-card);
755
- }
756
- .bg-current {
757
- background-color: currentcolor;
758
- }
759
- .bg-destructive {
760
- background-color: var(--boring-destructive);
761
- }
762
- .bg-destructive\/5 {
763
- background-color: var(--boring-destructive);
764
- @supports (color: color-mix(in lab, red, red)) {
765
- background-color: color-mix(in oklab, var(--boring-destructive) 5%, transparent);
766
- }
767
- }
768
- .bg-destructive\/10 {
769
- background-color: var(--boring-destructive);
770
- @supports (color: color-mix(in lab, red, red)) {
771
- background-color: color-mix(in oklab, var(--boring-destructive) 10%, transparent);
772
- }
773
- }
774
- .bg-foreground {
775
- background-color: var(--boring-foreground);
776
- }
777
- .bg-foreground\/10 {
778
- background-color: var(--boring-foreground);
779
- @supports (color: color-mix(in lab, red, red)) {
780
- background-color: color-mix(in oklab, var(--boring-foreground) 10%, transparent);
781
- }
782
- }
783
- .bg-input {
784
- background-color: var(--boring-input);
785
- }
786
- .bg-muted {
787
- background-color: var(--boring-muted);
788
- }
789
- .bg-muted\/10 {
790
- background-color: var(--boring-muted);
791
- @supports (color: color-mix(in lab, red, red)) {
792
- background-color: color-mix(in oklab, var(--boring-muted) 10%, transparent);
793
- }
794
- }
795
- .bg-muted\/20 {
796
- background-color: var(--boring-muted);
797
- @supports (color: color-mix(in lab, red, red)) {
798
- background-color: color-mix(in oklab, var(--boring-muted) 20%, transparent);
799
- }
800
- }
801
- .bg-muted\/50 {
802
- background-color: var(--boring-muted);
803
- @supports (color: color-mix(in lab, red, red)) {
804
- background-color: color-mix(in oklab, var(--boring-muted) 50%, transparent);
805
- }
806
- }
807
- .bg-popover {
808
- background-color: var(--boring-popover);
809
- }
810
- .bg-primary {
811
- background-color: var(--boring-primary);
812
- }
813
- .bg-secondary {
814
- background-color: var(--boring-secondary);
815
- }
816
- .bg-transparent {
817
- background-color: transparent;
818
- }
819
- .fill-foreground {
820
- fill: var(--boring-foreground);
821
- }
822
- .p-0 {
823
- padding: 0px;
824
- }
825
- .p-0\.5 {
826
- padding: calc(var(--spacing) * 0.5);
827
- }
828
- .p-1 {
829
- padding: var(--spacing);
830
- }
831
- .p-2 {
832
- padding: calc(var(--spacing) * 2);
833
- }
834
- .p-3 {
835
- padding: calc(var(--spacing) * 3);
836
- }
837
- .p-4 {
838
- padding: calc(var(--spacing) * 4);
839
- }
840
- .p-6 {
841
- padding: calc(var(--spacing) * 6);
842
- }
843
- .p-8 {
844
- padding: calc(var(--spacing) * 8);
845
- }
846
- .p-\[3px\] {
847
- padding: 3px;
848
- }
849
- .p-px {
850
- padding: 1px;
851
- }
852
- .px-1 {
853
- padding-inline: var(--spacing);
854
- }
855
- .px-1\.5 {
856
- padding-inline: calc(var(--spacing) * 1.5);
857
- }
858
- .px-2 {
859
- padding-inline: calc(var(--spacing) * 2);
860
- }
861
- .px-2\.5 {
862
- padding-inline: calc(var(--spacing) * 2.5);
863
- }
864
- .px-3 {
865
- padding-inline: calc(var(--spacing) * 3);
866
- }
867
- .px-4 {
868
- padding-inline: calc(var(--spacing) * 4);
869
- }
870
- .px-6 {
871
- padding-inline: calc(var(--spacing) * 6);
872
- }
873
- .py-0\.5 {
874
- padding-block: calc(var(--spacing) * 0.5);
875
- }
876
- .py-1 {
877
- padding-block: var(--spacing);
878
- }
879
- .py-1\.5 {
880
- padding-block: calc(var(--spacing) * 1.5);
881
- }
882
- .py-2 {
883
- padding-block: calc(var(--spacing) * 2);
884
- }
885
- .py-2\.5 {
886
- padding-block: calc(var(--spacing) * 2.5);
887
- }
888
- .py-3 {
889
- padding-block: calc(var(--spacing) * 3);
890
- }
891
- .py-6 {
892
- padding-block: calc(var(--spacing) * 6);
893
- }
894
- .pt-2 {
895
- padding-top: calc(var(--spacing) * 2);
896
- }
897
- .pt-3 {
898
- padding-top: calc(var(--spacing) * 3);
899
- }
900
- .pt-\[env\(safe-area-inset-top\,0px\)\] {
901
- padding-top: env(safe-area-inset-top,0px);
902
- }
903
- .pr-2 {
904
- padding-right: calc(var(--spacing) * 2);
905
- }
906
- .pr-3 {
907
- padding-right: calc(var(--spacing) * 3);
908
- }
909
- .pr-8 {
910
- padding-right: calc(var(--spacing) * 8);
911
- }
912
- .pr-\[env\(safe-area-inset-right\,0px\)\] {
913
- padding-right: env(safe-area-inset-right,0px);
914
- }
915
- .pb-2 {
916
- padding-bottom: calc(var(--spacing) * 2);
917
- }
918
- .pb-3 {
919
- padding-bottom: calc(var(--spacing) * 3);
920
- }
921
- .pb-\[calc\(1rem\+env\(safe-area-inset-bottom\,0px\)\)\] {
922
- padding-bottom: calc(1rem + env(safe-area-inset-bottom,0px));
923
- }
924
- .pb-\[env\(safe-area-inset-bottom\,0px\)\] {
925
- padding-bottom: env(safe-area-inset-bottom,0px);
926
- }
927
- .pl-2 {
928
- padding-left: calc(var(--spacing) * 2);
929
- }
930
- .pl-3 {
931
- padding-left: calc(var(--spacing) * 3);
932
- }
933
- .pl-8 {
934
- padding-left: calc(var(--spacing) * 8);
935
- }
936
- .pl-\[env\(safe-area-inset-left\,0px\)\] {
937
- padding-left: env(safe-area-inset-left,0px);
938
- }
939
- .text-center {
940
- text-align: center;
941
- }
942
- .font-mono {
943
- font-family: var(--boring-font-mono);
944
- }
945
- .text-base {
946
- font-size: var(--text-base);
947
- line-height: var(--tw-leading, var(--text-base--line-height));
948
- }
949
- .text-lg {
950
- font-size: var(--text-lg);
951
- line-height: var(--tw-leading, var(--text-lg--line-height));
952
- }
953
- .text-sm {
954
- font-size: var(--text-sm);
955
- line-height: var(--tw-leading, var(--text-sm--line-height));
956
- }
957
- .text-xs {
958
- font-size: var(--text-xs);
959
- line-height: var(--tw-leading, var(--text-xs--line-height));
960
- }
961
- .text-\[0\.85em\] {
962
- font-size: 0.85em;
963
- }
964
- .text-\[10px\] {
965
- font-size: 10px;
966
- }
967
- .text-\[11\.5px\] {
968
- font-size: 11.5px;
969
- }
970
- .text-\[11px\] {
971
- font-size: 11px;
972
- }
973
- .text-\[12\.5px\] {
974
- font-size: 12.5px;
975
- }
976
- .text-\[12px\] {
977
- font-size: 12px;
978
- }
979
- .text-\[13px\] {
980
- font-size: 13px;
981
- }
982
- .text-\[20px\] {
983
- font-size: 20px;
984
- }
985
- .leading-4 {
986
- --tw-leading: calc(var(--spacing) * 4);
987
- line-height: calc(var(--spacing) * 4);
988
- }
989
- .leading-5 {
990
- --tw-leading: calc(var(--spacing) * 5);
991
- line-height: calc(var(--spacing) * 5);
992
- }
993
- .leading-7 {
994
- --tw-leading: calc(var(--spacing) * 7);
995
- line-height: calc(var(--spacing) * 7);
996
- }
997
- .leading-none {
998
- --tw-leading: 1;
999
- line-height: 1;
1000
- }
1001
- .leading-snug {
1002
- --tw-leading: var(--leading-snug);
1003
- line-height: var(--leading-snug);
1004
- }
1005
- .font-medium {
1006
- --tw-font-weight: var(--font-weight-medium);
1007
- font-weight: var(--font-weight-medium);
1008
- }
1009
- .font-normal {
1010
- --tw-font-weight: var(--font-weight-normal);
1011
- font-weight: var(--font-weight-normal);
1012
- }
1013
- .font-semibold {
1014
- --tw-font-weight: var(--font-weight-semibold);
1015
- font-weight: var(--font-weight-semibold);
1016
- }
1017
- .tracking-tight {
1018
- --tw-tracking: var(--tracking-tight);
1019
- letter-spacing: var(--tracking-tight);
1020
- }
1021
- .tracking-widest {
1022
- --tw-tracking: var(--tracking-widest);
1023
- letter-spacing: var(--tracking-widest);
1024
- }
1025
- .text-balance {
1026
- text-wrap: balance;
1027
- }
1028
- .whitespace-nowrap {
1029
- white-space: nowrap;
1030
- }
1031
- .text-\[color\:var\(--boring-success\,var\(--secondary-foreground\)\)\] {
1032
- color: var(--boring-success,var(--secondary-foreground));
1033
- }
1034
- .text-\[color\:var\(--boring-warning\,var\(--accent-foreground\)\)\] {
1035
- color: var(--boring-warning,var(--accent-foreground));
1036
- }
1037
- .text-accent-foreground {
1038
- color: var(--boring-accent-foreground);
1039
- }
1040
- .text-background {
1041
- color: var(--boring-background);
1042
- }
1043
- .text-card-foreground {
1044
- color: var(--boring-card-foreground);
1045
- }
1046
- .text-current {
1047
- color: currentcolor;
1048
- }
1049
- .text-destructive {
1050
- color: var(--boring-destructive);
1051
- }
1052
- .text-destructive-foreground {
1053
- color: var(--boring-destructive-foreground);
1054
- }
1055
- .text-foreground {
1056
- color: var(--boring-foreground);
1057
- }
1058
- .text-foreground\/60 {
1059
- color: var(--boring-foreground);
1060
- @supports (color: color-mix(in lab, red, red)) {
1061
- color: color-mix(in oklab, var(--boring-foreground) 60%, transparent);
1062
- }
1063
- }
1064
- .text-muted-foreground {
1065
- color: var(--boring-muted-foreground);
1066
- }
1067
- .text-muted-foreground\/70 {
1068
- color: var(--boring-muted-foreground);
1069
- @supports (color: color-mix(in lab, red, red)) {
1070
- color: color-mix(in oklab, var(--boring-muted-foreground) 70%, transparent);
1071
- }
1072
- }
1073
- .text-popover-foreground {
1074
- color: var(--boring-popover-foreground);
1075
- }
1076
- .text-primary {
1077
- color: var(--boring-primary);
1078
- }
1079
- .text-primary-foreground {
1080
- color: var(--boring-primary-foreground);
1081
- }
1082
- .text-secondary-foreground {
1083
- color: var(--boring-secondary-foreground);
1084
- }
1085
- .text-success {
1086
- color: var(--boring-success);
1087
- }
1088
- .uppercase {
1089
- text-transform: uppercase;
1090
- }
1091
- .underline-offset-4 {
1092
- text-underline-offset: 4px;
1093
- }
1094
- .accent-primary {
1095
- accent-color: var(--boring-primary);
1096
- }
1097
- .opacity-50 {
1098
- opacity: 50%;
1099
- }
1100
- .opacity-70 {
1101
- opacity: 70%;
1102
- }
1103
- .shadow-2xl {
1104
- --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1105
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1106
- }
1107
- .shadow-lg {
1108
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1109
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1110
- }
1111
- .shadow-md {
1112
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1113
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1114
- }
1115
- .shadow-none {
1116
- --tw-shadow: 0 0 #0000;
1117
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1118
- }
1119
- .shadow-sm {
1120
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1121
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1122
- }
1123
- .shadow-xs {
1124
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1125
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1126
- }
1127
- .ring-offset-background {
1128
- --tw-ring-offset-color: var(--boring-background);
1129
- }
1130
- .outline-hidden {
1131
- --tw-outline-style: none;
1132
- outline-style: none;
1133
- @media (forced-colors: active) {
1134
- outline: 2px solid transparent;
1135
- outline-offset: 2px;
1136
- }
1137
- }
1138
- .outline {
1139
- outline-style: var(--tw-outline-style);
1140
- outline-width: 1px;
1141
- }
1142
- .transition {
1143
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
1144
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1145
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1146
- }
1147
- .transition-\[color\,box-shadow\] {
1148
- transition-property: color,box-shadow;
1149
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1150
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1151
- }
1152
- .transition-all {
1153
- transition-property: all;
1154
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1155
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1156
- }
1157
- .transition-colors {
1158
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1159
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1160
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1161
- }
1162
- .transition-opacity {
1163
- transition-property: opacity;
1164
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1165
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1166
- }
1167
- .transition-shadow {
1168
- transition-property: box-shadow;
1169
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1170
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1171
- }
1172
- .transition-transform {
1173
- transition-property: transform, translate, scale, rotate;
1174
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1175
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1176
- }
1177
- .transition-none {
1178
- transition-property: none;
1179
- }
1180
- .duration-150 {
1181
- --tw-duration: 150ms;
1182
- transition-duration: 150ms;
1183
- }
1184
- .duration-200 {
1185
- --tw-duration: 200ms;
1186
- transition-duration: 200ms;
1187
- }
1188
- .ease-in-out {
1189
- --tw-ease: var(--ease-in-out);
1190
- transition-timing-function: var(--ease-in-out);
1191
- }
1192
- .outline-none {
1193
- --tw-outline-style: none;
1194
- outline-style: none;
1195
- }
1196
- .select-none {
1197
- -webkit-user-select: none;
1198
- user-select: none;
1199
- }
1200
- .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has( > input) *) {
1201
- padding-top: calc(var(--spacing) * 2.5);
1202
- }
1203
- .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has( > input) *) {
1204
- padding-bottom: calc(var(--spacing) * 2.5);
1205
- }
1206
- .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
1207
- pointer-events: none;
1208
- }
1209
- .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
1210
- opacity: 50%;
1211
- }
1212
- .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) {
1213
- opacity: 50%;
1214
- }
1215
- .group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
1216
- height: calc(var(--spacing) * 9);
1217
- }
1218
- .group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
1219
- height: fit-content;
1220
- }
1221
- .group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
1222
- width: 100%;
1223
- }
1224
- .group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
1225
- flex-direction: column;
1226
- }
1227
- .group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
1228
- justify-content: flex-start;
1229
- }
1230
- .group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
1231
- display: grid;
1232
- }
1233
- .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
1234
- grid-template-columns: repeat(2, minmax(0, 1fr));
1235
- }
1236
- .group-data-\[state\=open\]\/disclosure\:rotate-90:is(:where(.group\/disclosure)[data-state="open"] *) {
1237
- rotate: 90deg;
1238
- }
1239
- .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *) {
1240
- background-color: transparent;
1241
- }
1242
- .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
1243
- cursor: not-allowed;
1244
- }
1245
- .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
1246
- opacity: 50%;
1247
- }
1248
- .selection\:bg-primary ::selection {
1249
- background-color: var(--boring-primary);
1250
- }
1251
- .selection\:bg-primary::selection {
1252
- background-color: var(--boring-primary);
1253
- }
1254
- .selection\:text-primary-foreground ::selection {
1255
- color: var(--boring-primary-foreground);
1256
- }
1257
- .selection\:text-primary-foreground::selection {
1258
- color: var(--boring-primary-foreground);
1259
- }
1260
- .file\:inline-flex::file-selector-button {
1261
- display: inline-flex;
1262
- }
1263
- .file\:h-7::file-selector-button {
1264
- height: calc(var(--spacing) * 7);
1265
- }
1266
- .file\:border-0::file-selector-button {
1267
- border-style: var(--tw-border-style);
1268
- border-width: 0px;
1269
- }
1270
- .file\:bg-transparent::file-selector-button {
1271
- background-color: transparent;
1272
- }
1273
- .file\:text-sm::file-selector-button {
1274
- font-size: var(--text-sm);
1275
- line-height: var(--tw-leading, var(--text-sm--line-height));
1276
- }
1277
- .file\:font-medium::file-selector-button {
1278
- --tw-font-weight: var(--font-weight-medium);
1279
- font-weight: var(--font-weight-medium);
1280
- }
1281
- .file\:text-foreground::file-selector-button {
1282
- color: var(--boring-foreground);
1283
- }
1284
- .placeholder\:text-muted-foreground::placeholder {
1285
- color: var(--boring-muted-foreground);
1286
- }
1287
- .after\:absolute::after {
1288
- content: var(--tw-content);
1289
- position: absolute;
1290
- }
1291
- .after\:bg-foreground::after {
1292
- content: var(--tw-content);
1293
- background-color: var(--boring-foreground);
1294
- }
1295
- .after\:opacity-0::after {
1296
- content: var(--tw-content);
1297
- opacity: 0%;
1298
- }
1299
- .after\:transition-opacity::after {
1300
- content: var(--tw-content);
1301
- transition-property: opacity;
1302
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1303
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1304
- }
1305
- .group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation="horizontal"] *)::after {
1306
- content: var(--tw-content);
1307
- inset-inline: 0px;
1308
- }
1309
- .group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation="horizontal"] *)::after {
1310
- content: var(--tw-content);
1311
- bottom: -5px;
1312
- }
1313
- .group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation="horizontal"] *)::after {
1314
- content: var(--tw-content);
1315
- height: calc(var(--spacing) * 0.5);
1316
- }
1317
- .group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation="vertical"] *)::after {
1318
- content: var(--tw-content);
1319
- inset-block: 0px;
1320
- }
1321
- .group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation="vertical"] *)::after {
1322
- content: var(--tw-content);
1323
- right: calc(var(--spacing) * -1);
1324
- }
1325
- .group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation="vertical"] *)::after {
1326
- content: var(--tw-content);
1327
- width: calc(var(--spacing) * 0.5);
1328
- }
1329
- @media (hover: hover) {
1330
- .hover\:bg-background:hover {
1331
- background-color: var(--boring-background);
1332
- }
1333
- .hover\:bg-border\/70:hover {
1334
- background-color: var(--boring-border);
1335
- }
1336
- @supports (color: color-mix(in lab, red, red)) {
1337
- .hover\:bg-border\/70:hover {
1338
- background-color: color-mix(in oklab, var(--boring-border) 70%, transparent);
1339
- }
1340
- }
1341
- .hover\:bg-destructive\/90:hover {
1342
- background-color: var(--boring-destructive);
1343
- }
1344
- @supports (color: color-mix(in lab, red, red)) {
1345
- .hover\:bg-destructive\/90:hover {
1346
- background-color: color-mix(in oklab, var(--boring-destructive) 90%, transparent);
1347
- }
1348
- }
1349
- .hover\:bg-muted\/30:hover {
1350
- background-color: var(--boring-muted);
1351
- }
1352
- @supports (color: color-mix(in lab, red, red)) {
1353
- .hover\:bg-muted\/30:hover {
1354
- background-color: color-mix(in oklab, var(--boring-muted) 30%, transparent);
1355
- }
1356
- }
1357
- .hover\:bg-muted\/40:hover {
1358
- background-color: var(--boring-muted);
1359
- }
1360
- @supports (color: color-mix(in lab, red, red)) {
1361
- .hover\:bg-muted\/40:hover {
1362
- background-color: color-mix(in oklab, var(--boring-muted) 40%, transparent);
1363
- }
1364
- }
1365
- .hover\:bg-muted\/60:hover {
1366
- background-color: var(--boring-muted);
1367
- }
1368
- @supports (color: color-mix(in lab, red, red)) {
1369
- .hover\:bg-muted\/60:hover {
1370
- background-color: color-mix(in oklab, var(--boring-muted) 60%, transparent);
1371
- }
1372
- }
1373
- .hover\:bg-primary\/90:hover {
1374
- background-color: var(--boring-primary);
1375
- }
1376
- @supports (color: color-mix(in lab, red, red)) {
1377
- .hover\:bg-primary\/90:hover {
1378
- background-color: color-mix(in oklab, var(--boring-primary) 90%, transparent);
1379
- }
1380
- }
1381
- .hover\:bg-secondary\/80:hover {
1382
- background-color: var(--boring-secondary);
1383
- }
1384
- @supports (color: color-mix(in lab, red, red)) {
1385
- .hover\:bg-secondary\/80:hover {
1386
- background-color: color-mix(in oklab, var(--boring-secondary) 80%, transparent);
1387
- }
1388
- }
1389
- .hover\:text-foreground:hover {
1390
- color: var(--boring-foreground);
1391
- }
1392
- .hover\:underline:hover {
1393
- text-decoration-line: underline;
1394
- }
1395
- .hover\:opacity-100:hover {
1396
- opacity: 100%;
1397
- }
1398
- }
1399
- .focus\:bg-accent:focus {
1400
- background-color: var(--boring-accent);
1401
- }
1402
- .focus\:text-accent-foreground:focus {
1403
- color: var(--boring-accent-foreground);
1404
- }
1405
- .focus\:ring-2:focus {
1406
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1407
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1408
- }
1409
- .focus\:ring-ring:focus {
1410
- --tw-ring-color: var(--boring-ring);
1411
- }
1412
- .focus\:ring-offset-2:focus {
1413
- --tw-ring-offset-width: 2px;
1414
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1415
- }
1416
- .focus\:outline-hidden:focus {
1417
- --tw-outline-style: none;
1418
- outline-style: none;
1419
- @media (forced-colors: active) {
1420
- outline: 2px solid transparent;
1421
- outline-offset: 2px;
1422
- }
1423
- }
1424
- .focus-visible\:border-ring:focus-visible {
1425
- border-color: var(--boring-ring);
1426
- }
1427
- .focus-visible\:ring-0:focus-visible {
1428
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1429
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1430
- }
1431
- .focus-visible\:ring-2:focus-visible {
1432
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1433
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1434
- }
1435
- .focus-visible\:ring-\[3px\]:focus-visible {
1436
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1437
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1438
- }
1439
- .focus-visible\:ring-destructive\/20:focus-visible {
1440
- --tw-ring-color: var(--boring-destructive);
1441
- @supports (color: color-mix(in lab, red, red)) {
1442
- --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 20%, transparent);
1443
- }
1444
- }
1445
- .focus-visible\:ring-ring\/40:focus-visible {
1446
- --tw-ring-color: var(--boring-ring);
1447
- @supports (color: color-mix(in lab, red, red)) {
1448
- --tw-ring-color: color-mix(in oklab, var(--boring-ring) 40%, transparent);
1449
- }
1450
- }
1451
- .focus-visible\:ring-ring\/50:focus-visible {
1452
- --tw-ring-color: var(--boring-ring);
1453
- @supports (color: color-mix(in lab, red, red)) {
1454
- --tw-ring-color: color-mix(in oklab, var(--boring-ring) 50%, transparent);
1455
- }
1456
- }
1457
- .focus-visible\:outline-1:focus-visible {
1458
- outline-style: var(--tw-outline-style);
1459
- outline-width: 1px;
1460
- }
1461
- .focus-visible\:outline-ring:focus-visible {
1462
- outline-color: var(--boring-ring);
1463
- }
1464
- .focus-visible\:outline-none:focus-visible {
1465
- --tw-outline-style: none;
1466
- outline-style: none;
1467
- }
1468
- .disabled\:pointer-events-none:disabled {
1469
- pointer-events: none;
1470
- }
1471
- .disabled\:cursor-not-allowed:disabled {
1472
- cursor: not-allowed;
1473
- }
1474
- .disabled\:opacity-50:disabled {
1475
- opacity: 50%;
1476
- }
1477
- .has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot="alert-dialog-media"]) {
1478
- grid-template-rows: auto auto 1fr;
1479
- }
1480
- .has-data-\[slot\=alert-dialog-media\]\:gap-x-6:has([data-slot="alert-dialog-media"]) {
1481
- column-gap: calc(var(--spacing) * 6);
1482
- }
1483
- .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
1484
- grid-template-columns: 1fr auto;
1485
- }
1486
- .has-\[\:checked\]\:border-ring\/60:has(:is(:checked)) {
1487
- border-color: var(--boring-ring);
1488
- @supports (color: color-mix(in lab, red, red)) {
1489
- border-color: color-mix(in oklab, var(--boring-ring) 60%, transparent);
1490
- }
1491
- }
1492
- .has-\[\:checked\]\:bg-muted\/40:has(:is(:checked)) {
1493
- background-color: var(--boring-muted);
1494
- @supports (color: color-mix(in lab, red, red)) {
1495
- background-color: color-mix(in oklab, var(--boring-muted) 40%, transparent);
1496
- }
1497
- }
1498
- .has-\[\:disabled\]\:cursor-not-allowed:has(:is(:disabled)) {
1499
- cursor: not-allowed;
1500
- }
1501
- .has-\[\:disabled\]\:opacity-50:has(:is(:disabled)) {
1502
- opacity: 50%;
1503
- }
1504
- .has-\[\:focus-visible\]\:ring-\[3px\]:has(:is(:focus-visible)) {
1505
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1506
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1507
- }
1508
- .has-\[\:focus-visible\]\:ring-ring\/50:has(:is(:focus-visible)) {
1509
- --tw-ring-color: var(--boring-ring);
1510
- @supports (color: color-mix(in lab, red, red)) {
1511
- --tw-ring-color: color-mix(in oklab, var(--boring-ring) 50%, transparent);
1512
- }
1513
- }
1514
- .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has(:is([data-slot=input-group-control]:focus-visible)) {
1515
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1516
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1517
- }
1518
- .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring:has(:is([data-slot=input-group-control]:focus-visible)) {
1519
- --tw-ring-color: var(--boring-ring);
1520
- }
1521
- .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has(:is([data-slot][aria-invalid=true])) {
1522
- border-color: var(--boring-destructive);
1523
- }
1524
- .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has(:is([data-slot][aria-invalid=true])) {
1525
- --tw-ring-color: var(--boring-destructive);
1526
- @supports (color: color-mix(in lab, red, red)) {
1527
- --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 20%, transparent);
1528
- }
1529
- }
1530
- .has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align=block-end]) {
1531
- height: auto;
1532
- }
1533
- .has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align=block-end]) {
1534
- flex-direction: column;
1535
- }
1536
- .has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align=block-start]) {
1537
- height: auto;
1538
- }
1539
- .has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align=block-start]) {
1540
- flex-direction: column;
1541
- }
1542
- .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has( > [data-slot=button-group]) {
1543
- gap: calc(var(--spacing) * 2);
1544
- }
1545
- .has-\[\>button\]\:mr-\[-0\.4rem\]:has( > button) {
1546
- margin-right: -0.4rem;
1547
- }
1548
- .has-\[\>button\]\:ml-\[-0\.45rem\]:has( > button) {
1549
- margin-left: -0.45rem;
1550
- }
1551
- .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has( > kbd) {
1552
- margin-right: -0.35rem;
1553
- }
1554
- .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has( > kbd) {
1555
- margin-left: -0.35rem;
1556
- }
1557
- .has-\[\>svg\]\:p-0:has( > svg) {
1558
- padding: 0px;
1559
- }
1560
- .has-\[\>svg\]\:px-1\.5:has( > svg) {
1561
- padding-inline: calc(var(--spacing) * 1.5);
1562
- }
1563
- .has-\[\>svg\]\:px-2:has( > svg) {
1564
- padding-inline: calc(var(--spacing) * 2);
1565
- }
1566
- .has-\[\>svg\]\:px-2\.5:has( > svg) {
1567
- padding-inline: calc(var(--spacing) * 2.5);
1568
- }
1569
- .has-\[\>svg\]\:px-3:has( > svg) {
1570
- padding-inline: calc(var(--spacing) * 3);
1571
- }
1572
- .has-\[\>svg\]\:px-4:has( > svg) {
1573
- padding-inline: calc(var(--spacing) * 4);
1574
- }
1575
- .has-\[\>textarea\]\:h-auto:has( > textarea) {
1576
- height: auto;
1577
- }
1578
- .aria-invalid\:border-destructive[aria-invalid="true"] {
1579
- border-color: var(--boring-destructive);
1580
- }
1581
- .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
1582
- --tw-ring-color: var(--boring-destructive);
1583
- @supports (color: color-mix(in lab, red, red)) {
1584
- --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 20%, transparent);
1585
- }
1586
- }
1587
- .data-\[disabled\]\:pointer-events-none[data-disabled] {
1588
- pointer-events: none;
1589
- }
1590
- .data-\[disabled\]\:opacity-50[data-disabled] {
1591
- opacity: 50%;
1592
- }
1593
- .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
1594
- pointer-events: none;
1595
- }
1596
- .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
1597
- opacity: 50%;
1598
- }
1599
- .data-\[inset\]\:pl-8[data-inset] {
1600
- padding-left: calc(var(--spacing) * 8);
1601
- }
1602
- .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
1603
- height: 1px;
1604
- }
1605
- .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
1606
- width: 100%;
1607
- }
1608
- .data-\[orientation\=horizontal\]\:flex-col[data-orientation="horizontal"] {
1609
- flex-direction: column;
1610
- }
1611
- .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] {
1612
- height: auto;
1613
- }
1614
- .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
1615
- height: 100%;
1616
- }
1617
- .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
1618
- width: 1px;
1619
- }
1620
- .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
1621
- color: var(--boring-muted-foreground);
1622
- }
1623
- .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
1624
- background-color: var(--boring-accent);
1625
- }
1626
- .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
1627
- color: var(--boring-accent-foreground);
1628
- }
1629
- .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
1630
- --tw-translate-y: var(--spacing);
1631
- translate: var(--tw-translate-x) var(--tw-translate-y);
1632
- }
1633
- .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
1634
- --tw-translate-x: calc(var(--spacing) * -1);
1635
- translate: var(--tw-translate-x) var(--tw-translate-y);
1636
- }
1637
- .data-\[side\=right\]\:translate-x-1[data-side="right"] {
1638
- --tw-translate-x: var(--spacing);
1639
- translate: var(--tw-translate-x) var(--tw-translate-y);
1640
- }
1641
- .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
1642
- --tw-translate-y: calc(var(--spacing) * -1);
1643
- translate: var(--tw-translate-x) var(--tw-translate-y);
1644
- }
1645
- .data-\[size\=default\]\:h-9[data-size="default"] {
1646
- height: calc(var(--spacing) * 9);
1647
- }
1648
- .data-\[size\=sm\]\:h-8[data-size="sm"] {
1649
- height: calc(var(--spacing) * 8);
1650
- }
1651
- .data-\[size\=sm\]\:max-w-xs[data-size="sm"] {
1652
- max-width: var(--container-xs);
1653
- }
1654
- :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"] {
1655
- height: calc(var(--spacing) * 12);
1656
- }
1657
- :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
1658
- overflow: hidden;
1659
- display: -webkit-box;
1660
- -webkit-box-orient: vertical;
1661
- -webkit-line-clamp: 1;
1662
- }
1663
- :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
1664
- display: flex;
1665
- }
1666
- :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
1667
- align-items: center;
1668
- }
1669
- :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
1670
- gap: calc(var(--spacing) * 2);
1671
- }
1672
- .data-\[state\=active\]\:bg-background[data-state="active"] {
1673
- background-color: var(--boring-background);
1674
- }
1675
- .data-\[state\=active\]\:text-foreground[data-state="active"] {
1676
- color: var(--boring-foreground);
1677
- }
1678
- .group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant="default"] *)[data-state="active"] {
1679
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1680
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1681
- }
1682
- .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
1683
- background-color: transparent;
1684
- }
1685
- .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
1686
- --tw-shadow: 0 0 #0000;
1687
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1688
- }
1689
- .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"]::after {
1690
- content: var(--tw-content);
1691
- opacity: 100%;
1692
- }
1693
- .data-\[state\=checked\]\:border-primary[data-state="checked"] {
1694
- border-color: var(--boring-primary);
1695
- }
1696
- .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
1697
- background-color: var(--boring-primary);
1698
- }
1699
- .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
1700
- color: var(--boring-primary-foreground);
1701
- }
1702
- .data-\[state\=closed\]\:duration-300[data-state="closed"] {
1703
- --tw-duration: 300ms;
1704
- transition-duration: 300ms;
1705
- }
1706
- .data-\[state\=open\]\:bg-accent[data-state="open"] {
1707
- background-color: var(--boring-accent);
1708
- }
1709
- .data-\[state\=open\]\:bg-secondary[data-state="open"] {
1710
- background-color: var(--boring-secondary);
1711
- }
1712
- .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
1713
- color: var(--boring-accent-foreground);
1714
- }
1715
- .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
1716
- color: var(--boring-muted-foreground);
1717
- }
1718
- .data-\[state\=open\]\:duration-500[data-state="open"] {
1719
- --tw-duration: 500ms;
1720
- transition-duration: 500ms;
1721
- }
1722
- .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
1723
- color: var(--boring-destructive);
1724
- }
1725
- .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
1726
- background-color: var(--boring-destructive);
1727
- @supports (color: color-mix(in lab, red, red)) {
1728
- background-color: color-mix(in oklab, var(--boring-destructive) 10%, transparent);
1729
- }
1730
- }
1731
- .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
1732
- color: var(--boring-destructive);
1733
- }
1734
- .data-\[variant\=line\]\:rounded-none[data-variant="line"] {
1735
- border-radius: 0;
1736
- }
1737
- @media (width >= 40rem) {
1738
- .sm\:top-\[50\%\] {
1739
- top: 50%;
1740
- }
1741
- .sm\:max-w-lg {
1742
- max-width: var(--container-lg);
1743
- }
1744
- .sm\:max-w-sm {
1745
- max-width: var(--container-sm);
1746
- }
1747
- .sm\:translate-y-\[-50\%\] {
1748
- --tw-translate-y: -50%;
1749
- translate: var(--tw-translate-x) var(--tw-translate-y);
1750
- }
1751
- .sm\:flex-row {
1752
- flex-direction: row;
1753
- }
1754
- .sm\:justify-end {
1755
- justify-content: flex-end;
1756
- }
1757
- .sm\:text-left {
1758
- text-align: left;
1759
- }
1760
- .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
1761
- grid-row: span 2 / span 2;
1762
- }
1763
- .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
1764
- place-items: start;
1765
- }
1766
- .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
1767
- text-align: left;
1768
- }
1769
- .sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *):is(:where(.group\/alert-dialog-content):has([data-slot="alert-dialog-media"]) *) {
1770
- grid-column-start: 2;
1771
- }
1772
- .sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size="default"] *):has([data-slot="alert-dialog-media"]) {
1773
- grid-template-rows: auto 1fr;
1774
- }
1775
- .data-\[size\=default\]\:sm\:max-w-lg[data-size="default"] {
1776
- max-width: var(--container-lg);
1777
- }
1778
- }
1779
- @media (width >= 48rem) {
1780
- .md\:text-sm {
1781
- font-size: var(--text-sm);
1782
- line-height: var(--tw-leading, var(--text-sm--line-height));
1783
- }
1784
- }
1785
- .dark\:border-input:is([data-theme="dark"], [data-theme="dark"] *) {
1786
- border-color: var(--boring-input);
1787
- }
1788
- .dark\:bg-destructive\/60:is([data-theme="dark"], [data-theme="dark"] *) {
1789
- background-color: var(--boring-destructive);
1790
- @supports (color: color-mix(in lab, red, red)) {
1791
- background-color: color-mix(in oklab, var(--boring-destructive) 60%, transparent);
1792
- }
1793
- }
1794
- .dark\:bg-input\/30:is([data-theme="dark"], [data-theme="dark"] *) {
1795
- background-color: var(--boring-input);
1796
- @supports (color: color-mix(in lab, red, red)) {
1797
- background-color: color-mix(in oklab, var(--boring-input) 30%, transparent);
1798
- }
1799
- }
1800
- .dark\:bg-transparent:is([data-theme="dark"], [data-theme="dark"] *) {
1801
- background-color: transparent;
1802
- }
1803
- .dark\:text-muted-foreground:is([data-theme="dark"], [data-theme="dark"] *) {
1804
- color: var(--boring-muted-foreground);
1805
- }
1806
- @media (hover: hover) {
1807
- .dark\:hover\:bg-input\/50:is([data-theme="dark"], [data-theme="dark"] *):hover {
1808
- background-color: var(--boring-input);
1809
- }
1810
- @supports (color: color-mix(in lab, red, red)) {
1811
- .dark\:hover\:bg-input\/50:is([data-theme="dark"], [data-theme="dark"] *):hover {
1812
- background-color: color-mix(in oklab, var(--boring-input) 50%, transparent);
1813
- }
1814
- }
1815
- .dark\:hover\:bg-muted\/40:is([data-theme="dark"], [data-theme="dark"] *):hover {
1816
- background-color: var(--boring-muted);
1817
- }
1818
- @supports (color: color-mix(in lab, red, red)) {
1819
- .dark\:hover\:bg-muted\/40:is([data-theme="dark"], [data-theme="dark"] *):hover {
1820
- background-color: color-mix(in oklab, var(--boring-muted) 40%, transparent);
1821
- }
1822
- }
1823
- .dark\:hover\:text-foreground:is([data-theme="dark"], [data-theme="dark"] *):hover {
1824
- color: var(--boring-foreground);
1825
- }
1826
- }
1827
- .dark\:focus-visible\:ring-destructive\/40:is([data-theme="dark"], [data-theme="dark"] *):focus-visible {
1828
- --tw-ring-color: var(--boring-destructive);
1829
- @supports (color: color-mix(in lab, red, red)) {
1830
- --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 40%, transparent);
1831
- }
1832
- }
1833
- .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is([data-theme="dark"], [data-theme="dark"] *):has(:is([data-slot][aria-invalid=true])) {
1834
- --tw-ring-color: var(--boring-destructive);
1835
- @supports (color: color-mix(in lab, red, red)) {
1836
- --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 40%, transparent);
1837
- }
1838
- }
1839
- .dark\:aria-invalid\:ring-destructive\/40:is([data-theme="dark"], [data-theme="dark"] *)[aria-invalid="true"] {
1840
- --tw-ring-color: var(--boring-destructive);
1841
- @supports (color: color-mix(in lab, red, red)) {
1842
- --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 40%, transparent);
1843
- }
1844
- }
1845
- .dark\:data-\[state\=active\]\:border-input:is([data-theme="dark"], [data-theme="dark"] *)[data-state="active"] {
1846
- border-color: var(--boring-input);
1847
- }
1848
- .dark\:data-\[state\=active\]\:bg-input\/30:is([data-theme="dark"], [data-theme="dark"] *)[data-state="active"] {
1849
- background-color: var(--boring-input);
1850
- @supports (color: color-mix(in lab, red, red)) {
1851
- background-color: color-mix(in oklab, var(--boring-input) 30%, transparent);
1852
- }
1853
- }
1854
- .dark\:data-\[state\=active\]\:text-foreground:is([data-theme="dark"], [data-theme="dark"] *)[data-state="active"] {
1855
- color: var(--boring-foreground);
1856
- }
1857
- .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is([data-theme="dark"], [data-theme="dark"] *):is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
1858
- border-color: transparent;
1859
- }
1860
- .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is([data-theme="dark"], [data-theme="dark"] *):is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
1861
- background-color: transparent;
1862
- }
1863
- .dark\:data-\[state\=checked\]\:bg-primary:is([data-theme="dark"], [data-theme="dark"] *)[data-state="checked"] {
1864
- background-color: var(--boring-primary);
1865
- }
1866
- .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is([data-theme="dark"], [data-theme="dark"] *)[data-variant="destructive"]:focus {
1867
- background-color: var(--boring-destructive);
1868
- @supports (color: color-mix(in lab, red, red)) {
1869
- background-color: color-mix(in oklab, var(--boring-destructive) 20%, transparent);
1870
- }
1871
- }
1872
- .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
1873
- padding-inline: calc(var(--spacing) * 2);
1874
- }
1875
- .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
1876
- padding-block: calc(var(--spacing) * 1.5);
1877
- }
1878
- .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
1879
- font-size: var(--text-xs);
1880
- line-height: var(--tw-leading, var(--text-xs--line-height));
1881
- }
1882
- .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
1883
- --tw-font-weight: var(--font-weight-medium);
1884
- font-weight: var(--font-weight-medium);
1885
- }
1886
- .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
1887
- color: var(--boring-muted-foreground);
1888
- }
1889
- .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
1890
- padding-inline: calc(var(--spacing) * 2);
1891
- }
1892
- .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
1893
- padding-top: 0px;
1894
- }
1895
- .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
1896
- height: calc(var(--spacing) * 5);
1897
- }
1898
- .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
1899
- width: calc(var(--spacing) * 5);
1900
- }
1901
- .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
1902
- height: calc(var(--spacing) * 12);
1903
- }
1904
- .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
1905
- padding-inline: calc(var(--spacing) * 2);
1906
- }
1907
- .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
1908
- padding-block: calc(var(--spacing) * 3);
1909
- }
1910
- .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
1911
- height: calc(var(--spacing) * 5);
1912
- }
1913
- .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
1914
- width: calc(var(--spacing) * 5);
1915
- }
1916
- .\[\&_\[data-slot\=notice-description\]\]\:text-foreground [data-slot=notice-description] {
1917
- color: var(--boring-foreground);
1918
- }
1919
- .\[\&_\[data-slot\=notice-icon\]\]\:text-\[color\:var\(--accent\)\] [data-slot=notice-icon] {
1920
- color: var(--accent);
1921
- }
1922
- .\[\&_\[data-slot\=notice-icon\]\]\:text-\[color\:var\(--warning\,var\(--accent\)\)\] [data-slot=notice-icon] {
1923
- color: var(--warning,var(--accent));
1924
- }
1925
- .\[\&_\[data-slot\=notice-icon\]\]\:text-muted-foreground [data-slot=notice-icon] {
1926
- color: var(--boring-muted-foreground);
1927
- }
1928
- .\[\&_\[data-toast-icon\]\]\:text-accent [data-toast-icon] {
1929
- color: var(--boring-accent);
1930
- }
1931
- .\[\&_\[data-toast-icon\]\]\:text-destructive [data-toast-icon] {
1932
- color: var(--boring-destructive);
1933
- }
1934
- .\[\&_\[data-toast-icon\]\]\:text-foreground\/70 [data-toast-icon] {
1935
- color: var(--boring-foreground);
1936
- @supports (color: color-mix(in lab, red, red)) {
1937
- color: color-mix(in oklab, var(--boring-foreground) 70%, transparent);
1938
- }
1939
- }
1940
- .\[\&_svg\]\:pointer-events-none svg {
1941
- pointer-events: none;
1942
- }
1943
- .\[\&_svg\]\:shrink-0 svg {
1944
- flex-shrink: 0;
1945
- }
1946
- .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*='size-']) {
1947
- width: calc(var(--spacing) * 3);
1948
- height: calc(var(--spacing) * 3);
1949
- }
1950
- .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
1951
- width: calc(var(--spacing) * 4);
1952
- height: calc(var(--spacing) * 4);
1953
- }
1954
- .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*='text-']) {
1955
- color: var(--boring-muted-foreground);
1956
- }
1957
- .\[\&_svg\:not\(\[class\*\=\\\'size-\\\'\]\)\]\:size-4 svg:not([class*=\'size-\']) {
1958
- width: calc(var(--spacing) * 4);
1959
- height: calc(var(--spacing) * 4);
1960
- }
1961
- .\[\&_svg\:not\(\[class\*\=\\\'text-\\\'\]\)\]\:text-muted-foreground svg:not([class*=\'text-\']) {
1962
- color: var(--boring-muted-foreground);
1963
- }
1964
- .\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-4 svg:not([class*=size-]) {
1965
- width: calc(var(--spacing) * 4);
1966
- height: calc(var(--spacing) * 4);
1967
- }
1968
- .\[\&\:\:-moz-progress-bar\]\:rounded-full::-moz-progress-bar {
1969
- border-radius: calc(infinity * 1px);
1970
- }
1971
- .\[\&\:\:-moz-progress-bar\]\:bg-\[color\:var\(--boring-warning\,var\(--accent-foreground\)\)\]::-moz-progress-bar {
1972
- background-color: var(--boring-warning,var(--accent-foreground));
1973
- }
1974
- .\[\&\:\:-moz-progress-bar\]\:bg-destructive::-moz-progress-bar {
1975
- background-color: var(--boring-destructive);
1976
- }
1977
- .\[\&\:\:-moz-progress-bar\]\:bg-primary::-moz-progress-bar {
1978
- background-color: var(--boring-primary);
1979
- }
1980
- .\[\&\:\:-webkit-progress-bar\]\:bg-muted::-webkit-progress-bar {
1981
- background-color: var(--boring-muted);
1982
- }
1983
- .\[\&\:\:-webkit-progress-value\]\:rounded-full::-webkit-progress-value {
1984
- border-radius: calc(infinity * 1px);
1985
- }
1986
- .\[\&\:\:-webkit-progress-value\]\:bg-\[color\:var\(--boring-warning\,var\(--accent-foreground\)\)\]::-webkit-progress-value {
1987
- background-color: var(--boring-warning,var(--accent-foreground));
1988
- }
1989
- .\[\&\:\:-webkit-progress-value\]\:bg-destructive::-webkit-progress-value {
1990
- background-color: var(--boring-destructive);
1991
- }
1992
- .\[\&\:\:-webkit-progress-value\]\:bg-primary::-webkit-progress-value {
1993
- background-color: var(--boring-primary);
1994
- }
1995
- .\[\&\:\:-webkit-progress-value\]\:transition-all::-webkit-progress-value {
1996
- transition-property: all;
1997
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1998
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1999
- }
2000
- .\[\&\:\:-webkit-progress-value\]\:duration-300::-webkit-progress-value {
2001
- --tw-duration: 300ms;
2002
- transition-duration: 300ms;
2003
- }
2004
- .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
2005
- display: none;
2006
- }
2007
- .\[\.border-b\]\:pb-3:is(.border-b) {
2008
- padding-bottom: calc(var(--spacing) * 3);
2009
- }
2010
- .\[\.border-b\]\:pb-6:is(.border-b) {
2011
- padding-bottom: calc(var(--spacing) * 6);
2012
- }
2013
- .\[\.border-t\]\:pt-3:is(.border-t) {
2014
- padding-top: calc(var(--spacing) * 3);
2015
- }
2016
- .\[\.border-t\]\:pt-6:is(.border-t) {
2017
- padding-top: calc(var(--spacing) * 6);
2018
- }
2019
- :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
2020
- display: flex;
2021
- }
2022
- :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
2023
- align-items: center;
2024
- }
2025
- :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
2026
- gap: calc(var(--spacing) * 2);
2027
- }
2028
- :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant="destructive"] > *):is(svg) {
2029
- color: var(--boring-destructive) !important;
2030
- }
2031
- :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8 > *):is(svg:not([class*='size-'])) {
2032
- width: calc(var(--spacing) * 8);
2033
- height: calc(var(--spacing) * 8);
2034
- }
2035
- .\[\&\>\*\]\:focus-visible\:relative > *:focus-visible {
2036
- position: relative;
2037
- }
2038
- .\[\&\>\*\]\:focus-visible\:z-10 > *:focus-visible {
2039
- z-index: 10;
2040
- }
2041
- .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child) {
2042
- border-top-left-radius: 0;
2043
- border-top-right-radius: 0;
2044
- }
2045
- .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child) {
2046
- border-top-left-radius: 0;
2047
- border-bottom-left-radius: 0;
2048
- }
2049
- .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child) {
2050
- border-top-style: var(--tw-border-style);
2051
- border-top-width: 0px;
2052
- }
2053
- .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child) {
2054
- border-left-style: var(--tw-border-style);
2055
- border-left-width: 0px;
2056
- }
2057
- .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child) {
2058
- border-top-right-radius: 0;
2059
- border-bottom-right-radius: 0;
2060
- }
2061
- .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child) {
2062
- border-bottom-right-radius: 0;
2063
- border-bottom-left-radius: 0;
2064
- }
2065
- .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child)) > [data-slot=select-trigger]:last-of-type {
2066
- border-top-right-radius: var(--boring-radius-md);
2067
- border-bottom-right-radius: var(--boring-radius-md);
2068
- }
2069
- .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot=select-trigger]:not([class*='w-']) {
2070
- width: fit-content;
2071
- }
2072
- .\[\&\>input\]\:flex-1 > input {
2073
- flex: 1;
2074
- }
2075
- .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align=block-end]) > input {
2076
- padding-top: calc(var(--spacing) * 3);
2077
- }
2078
- .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align=block-start]) > input {
2079
- padding-bottom: calc(var(--spacing) * 3);
2080
- }
2081
- .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has( > [data-align=inline-end]) > input {
2082
- padding-right: calc(var(--spacing) * 2);
2083
- }
2084
- .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has( > [data-align=inline-start]) > input {
2085
- padding-left: calc(var(--spacing) * 2);
2086
- }
2087
- .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
2088
- border-radius: calc(var(--radius) - 5px);
2089
- }
2090
- .\[\&\>svg\]\:pointer-events-none > svg {
2091
- pointer-events: none;
2092
- }
2093
- .\[\&\>svg\]\:size-3 > svg {
2094
- width: calc(var(--spacing) * 3);
2095
- height: calc(var(--spacing) * 3);
2096
- }
2097
- .\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-3\.5 > svg:not([class*=size-]) {
2098
- width: calc(var(--spacing) * 3.5);
2099
- height: calc(var(--spacing) * 3.5);
2100
- }
2101
- .\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-4 > svg:not([class*=size-]) {
2102
- width: calc(var(--spacing) * 4);
2103
- height: calc(var(--spacing) * 4);
2104
- }
2105
- @media (hover: hover) {
2106
- a.\[a\&\]\:hover\:bg-accent:hover {
2107
- background-color: var(--boring-accent);
2108
- }
2109
- a.\[a\&\]\:hover\:bg-destructive\/90:hover {
2110
- background-color: var(--boring-destructive);
2111
- }
2112
- @supports (color: color-mix(in lab, red, red)) {
2113
- a.\[a\&\]\:hover\:bg-destructive\/90:hover {
2114
- background-color: color-mix(in oklab, var(--boring-destructive) 90%, transparent);
2115
- }
2116
- }
2117
- a.\[a\&\]\:hover\:bg-primary\/90:hover {
2118
- background-color: var(--boring-primary);
2119
- }
2120
- @supports (color: color-mix(in lab, red, red)) {
2121
- a.\[a\&\]\:hover\:bg-primary\/90:hover {
2122
- background-color: color-mix(in oklab, var(--boring-primary) 90%, transparent);
2123
- }
2124
- }
2125
- a.\[a\&\]\:hover\:bg-secondary\/90:hover {
2126
- background-color: var(--boring-secondary);
2127
- }
2128
- @supports (color: color-mix(in lab, red, red)) {
2129
- a.\[a\&\]\:hover\:bg-secondary\/90:hover {
2130
- background-color: color-mix(in oklab, var(--boring-secondary) 90%, transparent);
2131
- }
2132
- }
2133
- a.\[a\&\]\:hover\:text-accent-foreground:hover {
2134
- color: var(--boring-accent-foreground);
2135
- }
2136
- a.\[a\&\]\:hover\:underline:hover {
2137
- text-decoration-line: underline;
2138
- }
2139
- }
2140
- }
2141
- @property --tw-translate-x {
2142
- syntax: "*";
2143
- inherits: false;
2144
- initial-value: 0;
2145
- }
2146
- @property --tw-translate-y {
2147
- syntax: "*";
2148
- inherits: false;
2149
- initial-value: 0;
2150
- }
2151
- @property --tw-translate-z {
2152
- syntax: "*";
2153
- inherits: false;
2154
- initial-value: 0;
2155
- }
2156
- @property --tw-space-y-reverse {
2157
- syntax: "*";
2158
- inherits: false;
2159
- initial-value: 0;
2160
- }
2161
- @property --tw-divide-y-reverse {
2162
- syntax: "*";
2163
- inherits: false;
2164
- initial-value: 0;
2165
- }
2166
- @property --tw-border-style {
2167
- syntax: "*";
2168
- inherits: false;
2169
- initial-value: solid;
2170
- }
2171
- @property --tw-leading {
2172
- syntax: "*";
2173
- inherits: false;
2174
- }
2175
- @property --tw-font-weight {
2176
- syntax: "*";
2177
- inherits: false;
2178
- }
2179
- @property --tw-tracking {
2180
- syntax: "*";
2181
- inherits: false;
2182
- }
2183
- @property --tw-shadow {
2184
- syntax: "*";
2185
- inherits: false;
2186
- initial-value: 0 0 #0000;
2187
- }
2188
- @property --tw-shadow-color {
2189
- syntax: "*";
2190
- inherits: false;
2191
- }
2192
- @property --tw-shadow-alpha {
2193
- syntax: "<percentage>";
2194
- inherits: false;
2195
- initial-value: 100%;
2196
- }
2197
- @property --tw-inset-shadow {
2198
- syntax: "*";
2199
- inherits: false;
2200
- initial-value: 0 0 #0000;
2201
- }
2202
- @property --tw-inset-shadow-color {
2203
- syntax: "*";
2204
- inherits: false;
2205
- }
2206
- @property --tw-inset-shadow-alpha {
2207
- syntax: "<percentage>";
2208
- inherits: false;
2209
- initial-value: 100%;
2210
- }
2211
- @property --tw-ring-color {
2212
- syntax: "*";
2213
- inherits: false;
2214
- }
2215
- @property --tw-ring-shadow {
2216
- syntax: "*";
2217
- inherits: false;
2218
- initial-value: 0 0 #0000;
2219
- }
2220
- @property --tw-inset-ring-color {
2221
- syntax: "*";
2222
- inherits: false;
2223
- }
2224
- @property --tw-inset-ring-shadow {
2225
- syntax: "*";
2226
- inherits: false;
2227
- initial-value: 0 0 #0000;
2228
- }
2229
- @property --tw-ring-inset {
2230
- syntax: "*";
2231
- inherits: false;
2232
- }
2233
- @property --tw-ring-offset-width {
2234
- syntax: "<length>";
2235
- inherits: false;
2236
- initial-value: 0px;
2237
- }
2238
- @property --tw-ring-offset-color {
2239
- syntax: "*";
2240
- inherits: false;
2241
- initial-value: #fff;
2242
- }
2243
- @property --tw-ring-offset-shadow {
2244
- syntax: "*";
2245
- inherits: false;
2246
- initial-value: 0 0 #0000;
2247
- }
2248
- @property --tw-outline-style {
2249
- syntax: "*";
2250
- inherits: false;
2251
- initial-value: solid;
2252
- }
2253
- @property --tw-duration {
2254
- syntax: "*";
2255
- inherits: false;
2256
- }
2257
- @property --tw-ease {
2258
- syntax: "*";
2259
- inherits: false;
2260
- }
2261
- @property --tw-content {
2262
- syntax: "*";
2263
- initial-value: "";
2264
- inherits: false;
2265
- }
2266
- @keyframes spin {
2267
- to {
2268
- transform: rotate(360deg);
2269
- }
2270
- }
2271
- @keyframes pulse {
2272
- 50% {
2273
- opacity: 0.5;
2274
- }
2275
- }
2276
- @layer properties {
2277
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2278
- *, ::before, ::after, ::backdrop {
2279
- --tw-translate-x: 0;
2280
- --tw-translate-y: 0;
2281
- --tw-translate-z: 0;
2282
- --tw-space-y-reverse: 0;
2283
- --tw-divide-y-reverse: 0;
2284
- --tw-border-style: solid;
2285
- --tw-leading: initial;
2286
- --tw-font-weight: initial;
2287
- --tw-tracking: initial;
2288
- --tw-shadow: 0 0 #0000;
2289
- --tw-shadow-color: initial;
2290
- --tw-shadow-alpha: 100%;
2291
- --tw-inset-shadow: 0 0 #0000;
2292
- --tw-inset-shadow-color: initial;
2293
- --tw-inset-shadow-alpha: 100%;
2294
- --tw-ring-color: initial;
2295
- --tw-ring-shadow: 0 0 #0000;
2296
- --tw-inset-ring-color: initial;
2297
- --tw-inset-ring-shadow: 0 0 #0000;
2298
- --tw-ring-inset: initial;
2299
- --tw-ring-offset-width: 0px;
2300
- --tw-ring-offset-color: #fff;
2301
- --tw-ring-offset-shadow: 0 0 #0000;
2302
- --tw-outline-style: solid;
2303
- --tw-duration: initial;
2304
- --tw-ease: initial;
2305
- --tw-content: "";
2306
- }
2307
- }
2308
- }