@copilotz/admin 0.3.6 → 0.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles.css CHANGED
@@ -7,8 +7,12 @@
7
7
  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
8
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
9
  "Courier New", monospace;
10
+ --color-emerald-600: oklch(59.6% 0.145 163.225);
11
+ --color-black: #000;
10
12
  --color-white: #fff;
11
13
  --spacing: 0.25rem;
14
+ --container-sm: 24rem;
15
+ --container-lg: 32rem;
12
16
  --text-xs: 0.75rem;
13
17
  --text-xs--line-height: calc(1 / 0.75);
14
18
  --text-sm: 0.875rem;
@@ -17,6 +21,8 @@
17
21
  --text-base--line-height: calc(1.5 / 1);
18
22
  --text-lg: 1.125rem;
19
23
  --text-lg--line-height: calc(1.75 / 1.125);
24
+ --text-xl: 1.25rem;
25
+ --text-xl--line-height: calc(1.75 / 1.25);
20
26
  --text-2xl: 1.5rem;
21
27
  --text-2xl--line-height: calc(2 / 1.5);
22
28
  --text-3xl: 1.875rem;
@@ -24,10 +30,14 @@
24
30
  --font-weight-medium: 500;
25
31
  --font-weight-semibold: 600;
26
32
  --tracking-tight: -0.025em;
33
+ --radius-xs: 0.125rem;
27
34
  --radius-sm: 0.25rem;
28
35
  --radius-md: 0.375rem;
29
36
  --radius-lg: 0.5rem;
30
37
  --radius-xl: 0.75rem;
38
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
39
+ --animate-spin: spin 1s linear infinite;
40
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
31
41
  --default-transition-duration: 150ms;
32
42
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
33
43
  --default-font-family: var(--font-sans);
@@ -50,6 +60,12 @@
50
60
  --color-border: hsl(var(--border));
51
61
  --color-input: hsl(var(--input));
52
62
  --color-ring: hsl(var(--ring));
63
+ --color-sidebar: hsl(var(--sidebar-background));
64
+ --color-sidebar-foreground: hsl(var(--sidebar-foreground));
65
+ --color-sidebar-accent: hsl(var(--sidebar-accent));
66
+ --color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground));
67
+ --color-sidebar-border: hsl(var(--sidebar-border));
68
+ --color-sidebar-ring: hsl(var(--sidebar-ring));
53
69
  }
54
70
  }
55
71
  @layer base {
@@ -205,15 +221,83 @@
205
221
  container-type: inline-size;
206
222
  container-name: card-header;
207
223
  }
224
+ .pointer-events-none {
225
+ pointer-events: none;
226
+ }
227
+ .sr-only {
228
+ position: absolute;
229
+ width: 1px;
230
+ height: 1px;
231
+ padding: 0;
232
+ margin: -1px;
233
+ overflow: hidden;
234
+ clip-path: inset(50%);
235
+ white-space: nowrap;
236
+ border-width: 0;
237
+ }
208
238
  .absolute {
209
239
  position: absolute;
210
240
  }
241
+ .fixed {
242
+ position: fixed;
243
+ }
211
244
  .relative {
212
245
  position: relative;
213
246
  }
247
+ .inset-0 {
248
+ inset: calc(var(--spacing) * 0);
249
+ }
250
+ .inset-x-0 {
251
+ inset-inline: calc(var(--spacing) * 0);
252
+ }
253
+ .inset-y-0 {
254
+ inset-block: calc(var(--spacing) * 0);
255
+ }
256
+ .top-0 {
257
+ top: calc(var(--spacing) * 0);
258
+ }
259
+ .top-1\.5 {
260
+ top: calc(var(--spacing) * 1.5);
261
+ }
262
+ .top-1\/2 {
263
+ top: calc(1/2 * 100%);
264
+ }
265
+ .top-3\.5 {
266
+ top: calc(var(--spacing) * 3.5);
267
+ }
268
+ .top-4 {
269
+ top: calc(var(--spacing) * 4);
270
+ }
271
+ .right-0 {
272
+ right: calc(var(--spacing) * 0);
273
+ }
274
+ .right-1 {
275
+ right: calc(var(--spacing) * 1);
276
+ }
214
277
  .right-2 {
215
278
  right: calc(var(--spacing) * 2);
216
279
  }
280
+ .right-3 {
281
+ right: calc(var(--spacing) * 3);
282
+ }
283
+ .right-4 {
284
+ right: calc(var(--spacing) * 4);
285
+ }
286
+ .bottom-0 {
287
+ bottom: calc(var(--spacing) * 0);
288
+ }
289
+ .left-0 {
290
+ left: calc(var(--spacing) * 0);
291
+ }
292
+ .left-3 {
293
+ left: calc(var(--spacing) * 3);
294
+ }
295
+ .z-10 {
296
+ z-index: 10;
297
+ }
298
+ .z-20 {
299
+ z-index: 20;
300
+ }
217
301
  .z-50 {
218
302
  z-index: 50;
219
303
  }
@@ -226,6 +310,15 @@
226
310
  .row-start-1 {
227
311
  grid-row-start: 1;
228
312
  }
313
+ .mx-2 {
314
+ margin-inline: calc(var(--spacing) * 2);
315
+ }
316
+ .mx-3\.5 {
317
+ margin-inline: calc(var(--spacing) * 3.5);
318
+ }
319
+ .mx-auto {
320
+ margin-inline: auto;
321
+ }
229
322
  .mt-1 {
230
323
  margin-top: calc(var(--spacing) * 1);
231
324
  }
@@ -235,25 +328,79 @@
235
328
  .mt-3 {
236
329
  margin-top: calc(var(--spacing) * 3);
237
330
  }
331
+ .mt-4 {
332
+ margin-top: calc(var(--spacing) * 4);
333
+ }
334
+ .mt-auto {
335
+ margin-top: auto;
336
+ }
337
+ .mr-2 {
338
+ margin-right: calc(var(--spacing) * 2);
339
+ }
340
+ .mb-1 {
341
+ margin-bottom: calc(var(--spacing) * 1);
342
+ }
238
343
  .mb-4 {
239
344
  margin-bottom: calc(var(--spacing) * 4);
240
345
  }
346
+ .-ml-1 {
347
+ margin-left: calc(var(--spacing) * -1);
348
+ }
349
+ .ml-2 {
350
+ margin-left: calc(var(--spacing) * 2);
351
+ }
352
+ .block {
353
+ display: block;
354
+ }
241
355
  .flex {
242
356
  display: flex;
243
357
  }
244
358
  .grid {
245
359
  display: grid;
246
360
  }
361
+ .hidden {
362
+ display: none;
363
+ }
247
364
  .inline-flex {
248
365
  display: inline-flex;
249
366
  }
367
+ .aspect-square {
368
+ aspect-ratio: 1 / 1;
369
+ }
370
+ .size-2\.5 {
371
+ width: calc(var(--spacing) * 2.5);
372
+ height: calc(var(--spacing) * 2.5);
373
+ }
374
+ .size-4 {
375
+ width: calc(var(--spacing) * 4);
376
+ height: calc(var(--spacing) * 4);
377
+ }
378
+ .size-7 {
379
+ width: calc(var(--spacing) * 7);
380
+ height: calc(var(--spacing) * 7);
381
+ }
250
382
  .size-9 {
251
383
  width: calc(var(--spacing) * 9);
252
384
  height: calc(var(--spacing) * 9);
253
385
  }
386
+ .h-3 {
387
+ height: calc(var(--spacing) * 3);
388
+ }
389
+ .h-3\.5 {
390
+ height: calc(var(--spacing) * 3.5);
391
+ }
254
392
  .h-4 {
255
393
  height: calc(var(--spacing) * 4);
256
394
  }
395
+ .h-5 {
396
+ height: calc(var(--spacing) * 5);
397
+ }
398
+ .h-6 {
399
+ height: calc(var(--spacing) * 6);
400
+ }
401
+ .h-7 {
402
+ height: calc(var(--spacing) * 7);
403
+ }
257
404
  .h-8 {
258
405
  height: calc(var(--spacing) * 8);
259
406
  }
@@ -263,23 +410,83 @@
263
410
  .h-10 {
264
411
  height: calc(var(--spacing) * 10);
265
412
  }
413
+ .h-12 {
414
+ height: calc(var(--spacing) * 12);
415
+ }
266
416
  .h-36 {
267
417
  height: calc(var(--spacing) * 36);
268
418
  }
419
+ .h-\[100svh\] {
420
+ height: 100svh;
421
+ }
269
422
  .h-\[var\(--radix-select-trigger-height\)\] {
270
423
  height: var(--radix-select-trigger-height);
271
424
  }
425
+ .h-auto {
426
+ height: auto;
427
+ }
428
+ .h-full {
429
+ height: 100%;
430
+ }
431
+ .h-svh {
432
+ height: 100svh;
433
+ }
434
+ .max-h-40 {
435
+ max-height: calc(var(--spacing) * 40);
436
+ }
437
+ .max-h-60 {
438
+ max-height: calc(var(--spacing) * 60);
439
+ }
440
+ .min-h-0 {
441
+ min-height: calc(var(--spacing) * 0);
442
+ }
272
443
  .min-h-48 {
273
444
  min-height: calc(var(--spacing) * 48);
274
445
  }
446
+ .min-h-\[200px\] {
447
+ min-height: 200px;
448
+ }
449
+ .min-h-\[400px\] {
450
+ min-height: 400px;
451
+ }
452
+ .min-h-svh {
453
+ min-height: 100svh;
454
+ }
455
+ .w-\(--sidebar-width\) {
456
+ width: var(--sidebar-width);
457
+ }
458
+ .w-3 {
459
+ width: calc(var(--spacing) * 3);
460
+ }
461
+ .w-3\.5 {
462
+ width: calc(var(--spacing) * 3.5);
463
+ }
464
+ .w-3\/4 {
465
+ width: calc(3/4 * 100%);
466
+ }
275
467
  .w-4 {
276
468
  width: calc(var(--spacing) * 4);
277
469
  }
470
+ .w-5 {
471
+ width: calc(var(--spacing) * 5);
472
+ }
473
+ .w-6 {
474
+ width: calc(var(--spacing) * 6);
475
+ }
476
+ .w-7 {
477
+ width: calc(var(--spacing) * 7);
478
+ }
479
+ .w-8 {
480
+ width: calc(var(--spacing) * 8);
481
+ }
278
482
  .w-10 {
279
483
  width: calc(var(--spacing) * 10);
280
484
  }
281
- .w-\[110px\] {
282
- width: 110px;
485
+ .w-\[90px\] {
486
+ width: 90px;
487
+ }
488
+ .w-auto {
489
+ width: auto;
283
490
  }
284
491
  .w-fit {
285
492
  width: fit-content;
@@ -287,12 +494,24 @@
287
494
  .w-full {
288
495
  width: 100%;
289
496
  }
497
+ .max-w-\(--skeleton-width\) {
498
+ max-width: var(--skeleton-width);
499
+ }
290
500
  .max-w-44 {
291
501
  max-width: calc(var(--spacing) * 44);
292
502
  }
503
+ .max-w-lg {
504
+ max-width: var(--container-lg);
505
+ }
506
+ .max-w-sm {
507
+ max-width: var(--container-sm);
508
+ }
293
509
  .min-w-0 {
294
510
  min-width: calc(var(--spacing) * 0);
295
511
  }
512
+ .min-w-5 {
513
+ min-width: calc(var(--spacing) * 5);
514
+ }
296
515
  .min-w-\[8rem\] {
297
516
  min-width: 8rem;
298
517
  }
@@ -305,13 +524,54 @@
305
524
  .shrink-0 {
306
525
  flex-shrink: 0;
307
526
  }
527
+ .origin-\(--radix-tooltip-content-transform-origin\) {
528
+ transform-origin: var(--radix-tooltip-content-transform-origin);
529
+ }
530
+ .-translate-x-1\/2 {
531
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
532
+ translate: var(--tw-translate-x) var(--tw-translate-y);
533
+ }
534
+ .-translate-x-px {
535
+ --tw-translate-x: -1px;
536
+ translate: var(--tw-translate-x) var(--tw-translate-y);
537
+ }
538
+ .translate-x-px {
539
+ --tw-translate-x: 1px;
540
+ translate: var(--tw-translate-x) var(--tw-translate-y);
541
+ }
542
+ .-translate-y-1\/2 {
543
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
544
+ translate: var(--tw-translate-x) var(--tw-translate-y);
545
+ }
308
546
  .translate-y-1 {
309
547
  --tw-translate-y: calc(var(--spacing) * 1);
310
548
  translate: var(--tw-translate-x) var(--tw-translate-y);
311
549
  }
550
+ .translate-y-\[calc\(-50\%_-_2px\)\] {
551
+ --tw-translate-y: calc(-50% - 2px);
552
+ translate: var(--tw-translate-x) var(--tw-translate-y);
553
+ }
554
+ .rotate-45 {
555
+ rotate: 45deg;
556
+ }
557
+ .animate-in {
558
+ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
559
+ }
560
+ .animate-pulse {
561
+ animation: var(--animate-pulse);
562
+ }
563
+ .animate-spin {
564
+ animation: var(--animate-spin);
565
+ }
312
566
  .cursor-default {
313
567
  cursor: default;
314
568
  }
569
+ .cursor-pointer {
570
+ cursor: pointer;
571
+ }
572
+ .resize-y {
573
+ resize: vertical;
574
+ }
315
575
  .auto-rows-min {
316
576
  grid-auto-rows: min-content;
317
577
  }
@@ -342,9 +602,6 @@
342
602
  .justify-center {
343
603
  justify-content: center;
344
604
  }
345
- .gap-0 {
346
- gap: calc(var(--spacing) * 0);
347
- }
348
605
  .gap-1 {
349
606
  gap: calc(var(--spacing) * 1);
350
607
  }
@@ -370,6 +627,13 @@
370
627
  margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
371
628
  }
372
629
  }
630
+ .space-y-2 {
631
+ :where(& > :not(:last-child)) {
632
+ --tw-space-y-reverse: 0;
633
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
634
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
635
+ }
636
+ }
373
637
  .space-y-3 {
374
638
  :where(& > :not(:last-child)) {
375
639
  --tw-space-y-reverse: 0;
@@ -391,6 +655,15 @@
391
655
  margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
392
656
  }
393
657
  }
658
+ .divide-y {
659
+ :where(& > :not(:last-child)) {
660
+ --tw-divide-y-reverse: 0;
661
+ border-bottom-style: var(--tw-border-style);
662
+ border-top-style: var(--tw-border-style);
663
+ border-top-width: calc(1px * var(--tw-divide-y-reverse));
664
+ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
665
+ }
666
+ }
394
667
  .self-start {
395
668
  align-self: flex-start;
396
669
  }
@@ -402,25 +675,56 @@
402
675
  text-overflow: ellipsis;
403
676
  white-space: nowrap;
404
677
  }
678
+ .overflow-auto {
679
+ overflow: auto;
680
+ }
405
681
  .overflow-hidden {
406
682
  overflow: hidden;
407
683
  }
684
+ .rounded-\[2px\] {
685
+ border-radius: 2px;
686
+ }
687
+ .rounded-full {
688
+ border-radius: calc(infinity * 1px);
689
+ }
408
690
  .rounded-lg {
409
691
  border-radius: var(--radius-lg);
410
692
  }
411
693
  .rounded-md {
412
694
  border-radius: var(--radius-md);
413
695
  }
696
+ .rounded-none {
697
+ border-radius: 0;
698
+ }
414
699
  .rounded-sm {
415
700
  border-radius: var(--radius-sm);
416
701
  }
417
702
  .rounded-xl {
418
703
  border-radius: var(--radius-xl);
419
704
  }
705
+ .rounded-xs {
706
+ border-radius: var(--radius-xs);
707
+ }
420
708
  .border {
421
709
  border-style: var(--tw-border-style);
422
710
  border-width: 1px;
423
711
  }
712
+ .border-t {
713
+ border-top-style: var(--tw-border-style);
714
+ border-top-width: 1px;
715
+ }
716
+ .border-r {
717
+ border-right-style: var(--tw-border-style);
718
+ border-right-width: 1px;
719
+ }
720
+ .border-b {
721
+ border-bottom-style: var(--tw-border-style);
722
+ border-bottom-width: 1px;
723
+ }
724
+ .border-l {
725
+ border-left-style: var(--tw-border-style);
726
+ border-left-width: 1px;
727
+ }
424
728
  .border-dashed {
425
729
  --tw-border-style: dashed;
426
730
  border-style: dashed;
@@ -437,12 +741,33 @@
437
741
  .border-input {
438
742
  border-color: var(--color-input);
439
743
  }
744
+ .border-sidebar-border {
745
+ border-color: var(--color-sidebar-border);
746
+ }
440
747
  .border-transparent {
441
748
  border-color: transparent;
442
749
  }
750
+ .bg-accent {
751
+ background-color: var(--color-accent);
752
+ }
443
753
  .bg-background {
444
754
  background-color: var(--color-background);
445
755
  }
756
+ .bg-background\/95 {
757
+ background-color: color-mix(in srgb, hsl(var(--background)) 95%, transparent);
758
+ @supports (color: color-mix(in lab, red, red)) {
759
+ background-color: color-mix(in oklab, var(--color-background) 95%, transparent);
760
+ }
761
+ }
762
+ .bg-black\/50 {
763
+ background-color: color-mix(in srgb, #000 50%, transparent);
764
+ @supports (color: color-mix(in lab, red, red)) {
765
+ background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
766
+ }
767
+ }
768
+ .bg-border {
769
+ background-color: var(--color-border);
770
+ }
446
771
  .bg-card {
447
772
  background-color: var(--color-card);
448
773
  }
@@ -470,15 +795,39 @@
470
795
  .bg-primary {
471
796
  background-color: var(--color-primary);
472
797
  }
798
+ .bg-primary\/10 {
799
+ background-color: color-mix(in srgb, hsl(var(--primary)) 10%, transparent);
800
+ @supports (color: color-mix(in lab, red, red)) {
801
+ background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
802
+ }
803
+ }
473
804
  .bg-secondary {
474
805
  background-color: var(--color-secondary);
475
806
  }
807
+ .bg-sidebar {
808
+ background-color: var(--color-sidebar);
809
+ }
810
+ .bg-sidebar-border {
811
+ background-color: var(--color-sidebar-border);
812
+ }
476
813
  .bg-transparent {
477
814
  background-color: transparent;
478
815
  }
816
+ .fill-primary {
817
+ fill: var(--color-primary);
818
+ }
819
+ .p-0 {
820
+ padding: calc(var(--spacing) * 0);
821
+ }
479
822
  .p-1 {
480
823
  padding: calc(var(--spacing) * 1);
481
824
  }
825
+ .p-2 {
826
+ padding: calc(var(--spacing) * 2);
827
+ }
828
+ .p-3 {
829
+ padding: calc(var(--spacing) * 3);
830
+ }
482
831
  .p-4 {
483
832
  padding: calc(var(--spacing) * 4);
484
833
  }
@@ -494,9 +843,15 @@
494
843
  .px-1 {
495
844
  padding-inline: calc(var(--spacing) * 1);
496
845
  }
846
+ .px-1\.5 {
847
+ padding-inline: calc(var(--spacing) * 1.5);
848
+ }
497
849
  .px-2 {
498
850
  padding-inline: calc(var(--spacing) * 2);
499
851
  }
852
+ .px-2\.5 {
853
+ padding-inline: calc(var(--spacing) * 2.5);
854
+ }
500
855
  .px-3 {
501
856
  padding-inline: calc(var(--spacing) * 3);
502
857
  }
@@ -521,9 +876,18 @@
521
876
  .py-2 {
522
877
  padding-block: calc(var(--spacing) * 2);
523
878
  }
879
+ .py-3 {
880
+ padding-block: calc(var(--spacing) * 3);
881
+ }
524
882
  .py-6 {
525
883
  padding-block: calc(var(--spacing) * 6);
526
884
  }
885
+ .py-10 {
886
+ padding-block: calc(var(--spacing) * 10);
887
+ }
888
+ .py-20 {
889
+ padding-block: calc(var(--spacing) * 20);
890
+ }
527
891
  .pr-8 {
528
892
  padding-right: calc(var(--spacing) * 8);
529
893
  }
@@ -533,9 +897,21 @@
533
897
  .pl-2 {
534
898
  padding-left: calc(var(--spacing) * 2);
535
899
  }
900
+ .pl-9 {
901
+ padding-left: calc(var(--spacing) * 9);
902
+ }
536
903
  .text-center {
537
904
  text-align: center;
538
905
  }
906
+ .text-left {
907
+ text-align: left;
908
+ }
909
+ .text-right {
910
+ text-align: right;
911
+ }
912
+ .font-mono {
913
+ font-family: var(--font-mono);
914
+ }
539
915
  .text-2xl {
540
916
  font-size: var(--text-2xl);
541
917
  line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -556,10 +932,17 @@
556
932
  font-size: var(--text-sm);
557
933
  line-height: var(--tw-leading, var(--text-sm--line-height));
558
934
  }
935
+ .text-xl {
936
+ font-size: var(--text-xl);
937
+ line-height: var(--tw-leading, var(--text-xl--line-height));
938
+ }
559
939
  .text-xs {
560
940
  font-size: var(--text-xs);
561
941
  line-height: var(--tw-leading, var(--text-xs--line-height));
562
942
  }
943
+ .text-\[10px\] {
944
+ font-size: 10px;
945
+ }
563
946
  .text-\[11px\] {
564
947
  font-size: 11px;
565
948
  }
@@ -583,21 +966,39 @@
583
966
  --tw-tracking: var(--tracking-tight);
584
967
  letter-spacing: var(--tracking-tight);
585
968
  }
969
+ .text-balance {
970
+ text-wrap: balance;
971
+ }
972
+ .break-words {
973
+ overflow-wrap: break-word;
974
+ }
586
975
  .whitespace-nowrap {
587
976
  white-space: nowrap;
588
977
  }
978
+ .whitespace-pre-wrap {
979
+ white-space: pre-wrap;
980
+ }
589
981
  .text-card-foreground {
590
982
  color: var(--color-card-foreground);
591
983
  }
592
984
  .text-destructive {
593
985
  color: var(--color-destructive);
594
986
  }
987
+ .text-emerald-600 {
988
+ color: var(--color-emerald-600);
989
+ }
595
990
  .text-foreground {
596
991
  color: var(--color-foreground);
597
992
  }
598
993
  .text-muted-foreground {
599
994
  color: var(--color-muted-foreground);
600
995
  }
996
+ .text-muted-foreground\/50 {
997
+ color: color-mix(in srgb, hsl(var(--muted-foreground)) 50%, transparent);
998
+ @supports (color: color-mix(in lab, red, red)) {
999
+ color: color-mix(in oklab, var(--color-muted-foreground) 50%, transparent);
1000
+ }
1001
+ }
601
1002
  .text-popover-foreground {
602
1003
  color: var(--color-popover-foreground);
603
1004
  }
@@ -610,22 +1011,53 @@
610
1011
  .text-secondary-foreground {
611
1012
  color: var(--color-secondary-foreground);
612
1013
  }
1014
+ .text-sidebar-foreground {
1015
+ color: var(--color-sidebar-foreground);
1016
+ }
1017
+ .text-sidebar-foreground\/70 {
1018
+ color: color-mix(in srgb, hsl(var(--sidebar-foreground)) 70%, transparent);
1019
+ @supports (color: color-mix(in lab, red, red)) {
1020
+ color: color-mix(in oklab, var(--color-sidebar-foreground) 70%, transparent);
1021
+ }
1022
+ }
613
1023
  .text-white {
614
1024
  color: var(--color-white);
615
1025
  }
1026
+ .capitalize {
1027
+ text-transform: capitalize;
1028
+ }
616
1029
  .uppercase {
617
1030
  text-transform: uppercase;
618
1031
  }
1032
+ .tabular-nums {
1033
+ --tw-numeric-spacing: tabular-nums;
1034
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
1035
+ }
619
1036
  .underline-offset-4 {
620
1037
  text-underline-offset: 4px;
621
1038
  }
622
1039
  .opacity-50 {
623
1040
  opacity: 50%;
624
1041
  }
1042
+ .opacity-70 {
1043
+ opacity: 70%;
1044
+ }
1045
+ .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
1046
+ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
1047
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1048
+ }
1049
+ .shadow-lg {
1050
+ --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));
1051
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1052
+ }
625
1053
  .shadow-md {
626
1054
  --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));
627
1055
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
628
1056
  }
1057
+ .shadow-none {
1058
+ --tw-shadow: 0 0 #0000;
1059
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1060
+ }
629
1061
  .shadow-sm {
630
1062
  --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));
631
1063
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -634,15 +1066,59 @@
634
1066
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
635
1067
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
636
1068
  }
1069
+ .ring-sidebar-ring {
1070
+ --tw-ring-color: var(--color-sidebar-ring);
1071
+ }
1072
+ .ring-offset-background {
1073
+ --tw-ring-offset-color: var(--color-background);
1074
+ }
1075
+ .outline-hidden {
1076
+ --tw-outline-style: none;
1077
+ outline-style: none;
1078
+ @media (forced-colors: active) {
1079
+ outline: 2px solid transparent;
1080
+ outline-offset: 2px;
1081
+ }
1082
+ }
637
1083
  .outline {
638
1084
  outline-style: var(--tw-outline-style);
639
1085
  outline-width: 1px;
640
1086
  }
1087
+ .backdrop-blur {
1088
+ --tw-backdrop-blur: blur(8px);
1089
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1090
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1091
+ }
1092
+ .transition {
1093
+ 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;
1094
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1095
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1096
+ }
641
1097
  .transition-\[color\,box-shadow\] {
642
1098
  transition-property: color,box-shadow;
643
1099
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
644
1100
  transition-duration: var(--tw-duration, var(--default-transition-duration));
645
1101
  }
1102
+ .transition-\[left\,right\,width\] {
1103
+ transition-property: left,right,width;
1104
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1105
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1106
+ }
1107
+ .transition-\[margin\,opacity\] {
1108
+ transition-property: margin,opacity;
1109
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1110
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1111
+ }
1112
+ .transition-\[width\,height\,padding\] {
1113
+ transition-property: width,height,padding;
1114
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1115
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1116
+ }
1117
+ .transition-\[width\] {
1118
+ transition-property: width;
1119
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1120
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1121
+ }
646
1122
  .transition-all {
647
1123
  transition-property: all;
648
1124
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -653,6 +1129,32 @@
653
1129
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
654
1130
  transition-duration: var(--tw-duration, var(--default-transition-duration));
655
1131
  }
1132
+ .transition-opacity {
1133
+ transition-property: opacity;
1134
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1135
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1136
+ }
1137
+ .transition-transform {
1138
+ transition-property: transform, translate, scale, rotate;
1139
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1140
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1141
+ }
1142
+ .duration-200 {
1143
+ --tw-duration: 200ms;
1144
+ transition-duration: 200ms;
1145
+ }
1146
+ .ease-in-out {
1147
+ --tw-ease: var(--ease-in-out);
1148
+ transition-timing-function: var(--ease-in-out);
1149
+ }
1150
+ .ease-linear {
1151
+ --tw-ease: linear;
1152
+ transition-timing-function: linear;
1153
+ }
1154
+ .fade-in-0 {
1155
+ --tw-enter-opacity: calc(0/100);
1156
+ --tw-enter-opacity: 0;
1157
+ }
656
1158
  .outline-none {
657
1159
  --tw-outline-style: none;
658
1160
  outline-style: none;
@@ -661,6 +1163,180 @@
661
1163
  -webkit-user-select: none;
662
1164
  user-select: none;
663
1165
  }
1166
+ .zoom-in-95 {
1167
+ --tw-enter-scale: calc(95*1%);
1168
+ --tw-enter-scale: .95;
1169
+ }
1170
+ .group-focus-within\/menu-item\:opacity-100 {
1171
+ &:is(:where(.group\/menu-item):focus-within *) {
1172
+ opacity: 100%;
1173
+ }
1174
+ }
1175
+ .group-hover\/menu-item\:opacity-100 {
1176
+ &:is(:where(.group\/menu-item):hover *) {
1177
+ @media (hover: hover) {
1178
+ opacity: 100%;
1179
+ }
1180
+ }
1181
+ }
1182
+ .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8 {
1183
+ &:is(:where(.group\/menu-item):has(*[data-sidebar="menu-action"]) *) {
1184
+ padding-right: calc(var(--spacing) * 8);
1185
+ }
1186
+ }
1187
+ .group-data-\[collapsible\=icon\]\:-mt-8 {
1188
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1189
+ margin-top: calc(var(--spacing) * -8);
1190
+ }
1191
+ }
1192
+ .group-data-\[collapsible\=icon\]\:flex {
1193
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1194
+ display: flex;
1195
+ }
1196
+ }
1197
+ .group-data-\[collapsible\=icon\]\:hidden {
1198
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1199
+ display: none;
1200
+ }
1201
+ }
1202
+ .group-data-\[collapsible\=icon\]\:size-8\! {
1203
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1204
+ width: calc(var(--spacing) * 8) !important;
1205
+ height: calc(var(--spacing) * 8) !important;
1206
+ }
1207
+ }
1208
+ .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\) {
1209
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1210
+ width: var(--sidebar-width-icon);
1211
+ }
1212
+ }
1213
+ .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] {
1214
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1215
+ width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
1216
+ }
1217
+ }
1218
+ .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] {
1219
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1220
+ width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
1221
+ }
1222
+ }
1223
+ .group-data-\[collapsible\=icon\]\:overflow-hidden {
1224
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1225
+ overflow: hidden;
1226
+ }
1227
+ }
1228
+ .group-data-\[collapsible\=icon\]\:p-0\! {
1229
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1230
+ padding: calc(var(--spacing) * 0) !important;
1231
+ }
1232
+ }
1233
+ .group-data-\[collapsible\=icon\]\:p-2\! {
1234
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1235
+ padding: calc(var(--spacing) * 2) !important;
1236
+ }
1237
+ }
1238
+ .group-data-\[collapsible\=icon\]\:opacity-0 {
1239
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1240
+ opacity: 0%;
1241
+ }
1242
+ }
1243
+ .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
1244
+ &:is(:where(.group)[data-collapsible="offcanvas"] *) {
1245
+ right: calc(var(--sidebar-width) * -1);
1246
+ }
1247
+ }
1248
+ .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
1249
+ &:is(:where(.group)[data-collapsible="offcanvas"] *) {
1250
+ left: calc(var(--sidebar-width) * -1);
1251
+ }
1252
+ }
1253
+ .group-data-\[collapsible\=offcanvas\]\:w-0 {
1254
+ &:is(:where(.group)[data-collapsible="offcanvas"] *) {
1255
+ width: calc(var(--spacing) * 0);
1256
+ }
1257
+ }
1258
+ .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
1259
+ &:is(:where(.group)[data-collapsible="offcanvas"] *) {
1260
+ --tw-translate-x: calc(var(--spacing) * 0);
1261
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1262
+ }
1263
+ }
1264
+ .group-data-\[side\=left\]\:-right-4 {
1265
+ &:is(:where(.group)[data-side="left"] *) {
1266
+ right: calc(var(--spacing) * -4);
1267
+ }
1268
+ }
1269
+ .group-data-\[side\=left\]\:border-r {
1270
+ &:is(:where(.group)[data-side="left"] *) {
1271
+ border-right-style: var(--tw-border-style);
1272
+ border-right-width: 1px;
1273
+ }
1274
+ }
1275
+ .group-data-\[side\=right\]\:left-0 {
1276
+ &:is(:where(.group)[data-side="right"] *) {
1277
+ left: calc(var(--spacing) * 0);
1278
+ }
1279
+ }
1280
+ .group-data-\[side\=right\]\:rotate-180 {
1281
+ &:is(:where(.group)[data-side="right"] *) {
1282
+ rotate: 180deg;
1283
+ }
1284
+ }
1285
+ .group-data-\[side\=right\]\:border-l {
1286
+ &:is(:where(.group)[data-side="right"] *) {
1287
+ border-left-style: var(--tw-border-style);
1288
+ border-left-width: 1px;
1289
+ }
1290
+ }
1291
+ .group-data-\[variant\=floating\]\:rounded-lg {
1292
+ &:is(:where(.group)[data-variant="floating"] *) {
1293
+ border-radius: var(--radius-lg);
1294
+ }
1295
+ }
1296
+ .group-data-\[variant\=floating\]\:border {
1297
+ &:is(:where(.group)[data-variant="floating"] *) {
1298
+ border-style: var(--tw-border-style);
1299
+ border-width: 1px;
1300
+ }
1301
+ }
1302
+ .group-data-\[variant\=floating\]\:border-sidebar-border {
1303
+ &:is(:where(.group)[data-variant="floating"] *) {
1304
+ border-color: var(--color-sidebar-border);
1305
+ }
1306
+ }
1307
+ .group-data-\[variant\=floating\]\:shadow-sm {
1308
+ &:is(:where(.group)[data-variant="floating"] *) {
1309
+ --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));
1310
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1311
+ }
1312
+ }
1313
+ .peer-hover\/menu-button\:text-sidebar-accent-foreground {
1314
+ &:is(:where(.peer\/menu-button):hover ~ *) {
1315
+ @media (hover: hover) {
1316
+ color: var(--color-sidebar-accent-foreground);
1317
+ }
1318
+ }
1319
+ }
1320
+ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
1321
+ &:is(:where(.peer\/menu-button)[data-active="true"] ~ *) {
1322
+ color: var(--color-sidebar-accent-foreground);
1323
+ }
1324
+ }
1325
+ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
1326
+ &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
1327
+ top: calc(var(--spacing) * 1.5);
1328
+ }
1329
+ }
1330
+ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
1331
+ &:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
1332
+ top: calc(var(--spacing) * 2.5);
1333
+ }
1334
+ }
1335
+ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
1336
+ &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
1337
+ top: calc(var(--spacing) * 1);
1338
+ }
1339
+ }
664
1340
  .selection\:bg-primary {
665
1341
  & *::selection {
666
1342
  background-color: var(--color-primary);
@@ -720,6 +1396,44 @@
720
1396
  color: var(--color-muted-foreground);
721
1397
  }
722
1398
  }
1399
+ .after\:absolute {
1400
+ &::after {
1401
+ content: var(--tw-content);
1402
+ position: absolute;
1403
+ }
1404
+ }
1405
+ .after\:-inset-2 {
1406
+ &::after {
1407
+ content: var(--tw-content);
1408
+ inset: calc(var(--spacing) * -2);
1409
+ }
1410
+ }
1411
+ .after\:inset-y-0 {
1412
+ &::after {
1413
+ content: var(--tw-content);
1414
+ inset-block: calc(var(--spacing) * 0);
1415
+ }
1416
+ }
1417
+ .after\:left-1\/2 {
1418
+ &::after {
1419
+ content: var(--tw-content);
1420
+ left: calc(1/2 * 100%);
1421
+ }
1422
+ }
1423
+ .after\:w-\[2px\] {
1424
+ &::after {
1425
+ content: var(--tw-content);
1426
+ width: 2px;
1427
+ }
1428
+ }
1429
+ .group-data-\[collapsible\=offcanvas\]\:after\:left-full {
1430
+ &:is(:where(.group)[data-collapsible="offcanvas"] *) {
1431
+ &::after {
1432
+ content: var(--tw-content);
1433
+ left: 100%;
1434
+ }
1435
+ }
1436
+ }
723
1437
  .hover\:bg-accent {
724
1438
  &:hover {
725
1439
  @media (hover: hover) {
@@ -737,6 +1451,23 @@
737
1451
  }
738
1452
  }
739
1453
  }
1454
+ .hover\:bg-muted {
1455
+ &:hover {
1456
+ @media (hover: hover) {
1457
+ background-color: var(--color-muted);
1458
+ }
1459
+ }
1460
+ }
1461
+ .hover\:bg-muted\/50 {
1462
+ &:hover {
1463
+ @media (hover: hover) {
1464
+ background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
1465
+ @supports (color: color-mix(in lab, red, red)) {
1466
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
1467
+ }
1468
+ }
1469
+ }
1470
+ }
740
1471
  .hover\:bg-primary\/90 {
741
1472
  &:hover {
742
1473
  @media (hover: hover) {
@@ -757,6 +1488,13 @@
757
1488
  }
758
1489
  }
759
1490
  }
1491
+ .hover\:bg-sidebar-accent {
1492
+ &:hover {
1493
+ @media (hover: hover) {
1494
+ background-color: var(--color-sidebar-accent);
1495
+ }
1496
+ }
1497
+ }
760
1498
  .hover\:text-accent-foreground {
761
1499
  &:hover {
762
1500
  @media (hover: hover) {
@@ -764,6 +1502,20 @@
764
1502
  }
765
1503
  }
766
1504
  }
1505
+ .hover\:text-foreground {
1506
+ &:hover {
1507
+ @media (hover: hover) {
1508
+ color: var(--color-foreground);
1509
+ }
1510
+ }
1511
+ }
1512
+ .hover\:text-sidebar-accent-foreground {
1513
+ &:hover {
1514
+ @media (hover: hover) {
1515
+ color: var(--color-sidebar-accent-foreground);
1516
+ }
1517
+ }
1518
+ }
767
1519
  .hover\:underline {
768
1520
  &:hover {
769
1521
  @media (hover: hover) {
@@ -771,6 +1523,40 @@
771
1523
  }
772
1524
  }
773
1525
  }
1526
+ .hover\:opacity-100 {
1527
+ &:hover {
1528
+ @media (hover: hover) {
1529
+ opacity: 100%;
1530
+ }
1531
+ }
1532
+ }
1533
+ .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\] {
1534
+ &:hover {
1535
+ @media (hover: hover) {
1536
+ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
1537
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1538
+ }
1539
+ }
1540
+ }
1541
+ .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar {
1542
+ &:hover {
1543
+ @media (hover: hover) {
1544
+ &:is(:where(.group)[data-collapsible="offcanvas"] *) {
1545
+ background-color: var(--color-sidebar);
1546
+ }
1547
+ }
1548
+ }
1549
+ }
1550
+ .hover\:after\:bg-sidebar-border {
1551
+ &:hover {
1552
+ @media (hover: hover) {
1553
+ &::after {
1554
+ content: var(--tw-content);
1555
+ background-color: var(--color-sidebar-border);
1556
+ }
1557
+ }
1558
+ }
1559
+ }
774
1560
  .focus\:bg-accent {
775
1561
  &:focus {
776
1562
  background-color: var(--color-accent);
@@ -787,97 +1573,382 @@
787
1573
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
788
1574
  }
789
1575
  }
790
- .focus\:ring-ring\/40 {
791
- &:focus {
792
- --tw-ring-color: color-mix(in srgb, hsl(var(--ring)) 40%, transparent);
793
- @supports (color: color-mix(in lab, red, red)) {
794
- --tw-ring-color: color-mix(in oklab, var(--color-ring) 40%, transparent);
795
- }
1576
+ .focus\:ring-ring {
1577
+ &:focus {
1578
+ --tw-ring-color: var(--color-ring);
1579
+ }
1580
+ }
1581
+ .focus\:ring-ring\/40 {
1582
+ &:focus {
1583
+ --tw-ring-color: color-mix(in srgb, hsl(var(--ring)) 40%, transparent);
1584
+ @supports (color: color-mix(in lab, red, red)) {
1585
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 40%, transparent);
1586
+ }
1587
+ }
1588
+ }
1589
+ .focus\:ring-offset-2 {
1590
+ &:focus {
1591
+ --tw-ring-offset-width: 2px;
1592
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1593
+ }
1594
+ }
1595
+ .focus\:outline-hidden {
1596
+ &:focus {
1597
+ --tw-outline-style: none;
1598
+ outline-style: none;
1599
+ @media (forced-colors: active) {
1600
+ outline: 2px solid transparent;
1601
+ outline-offset: 2px;
1602
+ }
1603
+ }
1604
+ }
1605
+ .focus\:outline-none {
1606
+ &:focus {
1607
+ --tw-outline-style: none;
1608
+ outline-style: none;
1609
+ }
1610
+ }
1611
+ .focus-visible\:border-ring {
1612
+ &:focus-visible {
1613
+ border-color: var(--color-ring);
1614
+ }
1615
+ }
1616
+ .focus-visible\:ring-2 {
1617
+ &:focus-visible {
1618
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1619
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1620
+ }
1621
+ }
1622
+ .focus-visible\:ring-\[3px\] {
1623
+ &:focus-visible {
1624
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1625
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1626
+ }
1627
+ }
1628
+ .focus-visible\:ring-destructive\/20 {
1629
+ &:focus-visible {
1630
+ --tw-ring-color: color-mix(in srgb, hsl(var(--destructive)) 20%, transparent);
1631
+ @supports (color: color-mix(in lab, red, red)) {
1632
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
1633
+ }
1634
+ }
1635
+ }
1636
+ .focus-visible\:ring-ring\/50 {
1637
+ &:focus-visible {
1638
+ --tw-ring-color: color-mix(in srgb, hsl(var(--ring)) 50%, transparent);
1639
+ @supports (color: color-mix(in lab, red, red)) {
1640
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
1641
+ }
1642
+ }
1643
+ }
1644
+ .active\:bg-sidebar-accent {
1645
+ &:active {
1646
+ background-color: var(--color-sidebar-accent);
1647
+ }
1648
+ }
1649
+ .active\:text-sidebar-accent-foreground {
1650
+ &:active {
1651
+ color: var(--color-sidebar-accent-foreground);
1652
+ }
1653
+ }
1654
+ .disabled\:pointer-events-none {
1655
+ &:disabled {
1656
+ pointer-events: none;
1657
+ }
1658
+ }
1659
+ .disabled\:cursor-not-allowed {
1660
+ &:disabled {
1661
+ cursor: not-allowed;
1662
+ }
1663
+ }
1664
+ .disabled\:opacity-50 {
1665
+ &:disabled {
1666
+ opacity: 50%;
1667
+ }
1668
+ }
1669
+ .in-data-\[side\=left\]\:cursor-w-resize {
1670
+ :where(*[data-side="left"]) & {
1671
+ cursor: w-resize;
1672
+ }
1673
+ }
1674
+ .in-data-\[side\=right\]\:cursor-e-resize {
1675
+ :where(*[data-side="right"]) & {
1676
+ cursor: e-resize;
1677
+ }
1678
+ }
1679
+ .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
1680
+ &:has(*[data-slot="card-action"]) {
1681
+ grid-template-columns: 1fr auto;
1682
+ }
1683
+ }
1684
+ .has-data-\[variant\=inset\]\:bg-sidebar {
1685
+ &:has(*[data-variant="inset"]) {
1686
+ background-color: var(--color-sidebar);
1687
+ }
1688
+ }
1689
+ .has-\[\>svg\]\:px-2\.5 {
1690
+ &:has(>svg) {
1691
+ padding-inline: calc(var(--spacing) * 2.5);
1692
+ }
1693
+ }
1694
+ .has-\[\>svg\]\:px-3 {
1695
+ &:has(>svg) {
1696
+ padding-inline: calc(var(--spacing) * 3);
1697
+ }
1698
+ }
1699
+ .has-\[\>svg\]\:px-4 {
1700
+ &:has(>svg) {
1701
+ padding-inline: calc(var(--spacing) * 4);
1702
+ }
1703
+ }
1704
+ .aria-disabled\:pointer-events-none {
1705
+ &[aria-disabled="true"] {
1706
+ pointer-events: none;
1707
+ }
1708
+ }
1709
+ .aria-disabled\:opacity-50 {
1710
+ &[aria-disabled="true"] {
1711
+ opacity: 50%;
1712
+ }
1713
+ }
1714
+ .aria-invalid\:border-destructive {
1715
+ &[aria-invalid="true"] {
1716
+ border-color: var(--color-destructive);
1717
+ }
1718
+ }
1719
+ .aria-invalid\:ring-destructive\/20 {
1720
+ &[aria-invalid="true"] {
1721
+ --tw-ring-color: color-mix(in srgb, hsl(var(--destructive)) 20%, transparent);
1722
+ @supports (color: color-mix(in lab, red, red)) {
1723
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
1724
+ }
1725
+ }
1726
+ }
1727
+ .data-\[active\=true\]\:bg-sidebar-accent {
1728
+ &[data-active="true"] {
1729
+ background-color: var(--color-sidebar-accent);
1730
+ }
1731
+ }
1732
+ .data-\[active\=true\]\:font-medium {
1733
+ &[data-active="true"] {
1734
+ --tw-font-weight: var(--font-weight-medium);
1735
+ font-weight: var(--font-weight-medium);
1736
+ }
1737
+ }
1738
+ .data-\[active\=true\]\:text-sidebar-accent-foreground {
1739
+ &[data-active="true"] {
1740
+ color: var(--color-sidebar-accent-foreground);
1741
+ }
1742
+ }
1743
+ .data-\[disabled\]\:pointer-events-none {
1744
+ &[data-disabled] {
1745
+ pointer-events: none;
1746
+ }
1747
+ }
1748
+ .data-\[disabled\]\:opacity-50 {
1749
+ &[data-disabled] {
1750
+ opacity: 50%;
1751
+ }
1752
+ }
1753
+ .data-\[orientation\=horizontal\]\:h-px {
1754
+ &[data-orientation="horizontal"] {
1755
+ height: 1px;
1756
+ }
1757
+ }
1758
+ .data-\[orientation\=horizontal\]\:w-full {
1759
+ &[data-orientation="horizontal"] {
1760
+ width: 100%;
1761
+ }
1762
+ }
1763
+ .data-\[orientation\=vertical\]\:h-full {
1764
+ &[data-orientation="vertical"] {
1765
+ height: 100%;
1766
+ }
1767
+ }
1768
+ .data-\[orientation\=vertical\]\:w-px {
1769
+ &[data-orientation="vertical"] {
1770
+ width: 1px;
1771
+ }
1772
+ }
1773
+ .data-\[side\=bottom\]\:slide-in-from-top-2 {
1774
+ &[data-side="bottom"] {
1775
+ --tw-enter-translate-y: calc(2*var(--spacing)*-1);
1776
+ }
1777
+ }
1778
+ .data-\[side\=left\]\:slide-in-from-right-2 {
1779
+ &[data-side="left"] {
1780
+ --tw-enter-translate-x: calc(2*var(--spacing));
1781
+ }
1782
+ }
1783
+ .data-\[side\=right\]\:slide-in-from-left-2 {
1784
+ &[data-side="right"] {
1785
+ --tw-enter-translate-x: calc(2*var(--spacing)*-1);
1786
+ }
1787
+ }
1788
+ .data-\[side\=top\]\:slide-in-from-bottom-2 {
1789
+ &[data-side="top"] {
1790
+ --tw-enter-translate-y: calc(2*var(--spacing));
1791
+ }
1792
+ }
1793
+ .data-\[state\=closed\]\:pointer-events-none {
1794
+ &[data-state="closed"] {
1795
+ pointer-events: none;
1796
+ }
1797
+ }
1798
+ .data-\[state\=closed\]\:animate-out {
1799
+ &[data-state="closed"] {
1800
+ animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
1801
+ }
1802
+ }
1803
+ .data-\[state\=closed\]\:duration-300 {
1804
+ &[data-state="closed"] {
1805
+ --tw-duration: 300ms;
1806
+ transition-duration: 300ms;
1807
+ }
1808
+ }
1809
+ .data-\[state\=closed\]\:fade-out-0 {
1810
+ &[data-state="closed"] {
1811
+ --tw-exit-opacity: calc(0/100);
1812
+ --tw-exit-opacity: 0;
1813
+ }
1814
+ }
1815
+ .data-\[state\=closed\]\:zoom-out-95 {
1816
+ &[data-state="closed"] {
1817
+ --tw-exit-scale: calc(95*1%);
1818
+ --tw-exit-scale: .95;
1819
+ }
1820
+ }
1821
+ .data-\[state\=closed\]\:slide-out-to-bottom {
1822
+ &[data-state="closed"] {
1823
+ --tw-exit-translate-y: 100%;
1824
+ }
1825
+ }
1826
+ .data-\[state\=closed\]\:slide-out-to-left {
1827
+ &[data-state="closed"] {
1828
+ --tw-exit-translate-x: -100%;
1829
+ }
1830
+ }
1831
+ .data-\[state\=closed\]\:slide-out-to-right {
1832
+ &[data-state="closed"] {
1833
+ --tw-exit-translate-x: 100%;
1834
+ }
1835
+ }
1836
+ .data-\[state\=closed\]\:slide-out-to-top {
1837
+ &[data-state="closed"] {
1838
+ --tw-exit-translate-y: -100%;
1839
+ }
1840
+ }
1841
+ .data-\[state\=open\]\:animate-in {
1842
+ &[data-state="open"] {
1843
+ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
1844
+ }
1845
+ }
1846
+ .data-\[state\=open\]\:bg-secondary {
1847
+ &[data-state="open"] {
1848
+ background-color: var(--color-secondary);
1849
+ }
1850
+ }
1851
+ .data-\[state\=open\]\:opacity-100 {
1852
+ &[data-state="open"] {
1853
+ opacity: 100%;
1854
+ }
1855
+ }
1856
+ .data-\[state\=open\]\:duration-500 {
1857
+ &[data-state="open"] {
1858
+ --tw-duration: 500ms;
1859
+ transition-duration: 500ms;
1860
+ }
1861
+ }
1862
+ .data-\[state\=open\]\:fade-in-0 {
1863
+ &[data-state="open"] {
1864
+ --tw-enter-opacity: calc(0/100);
1865
+ --tw-enter-opacity: 0;
796
1866
  }
797
1867
  }
798
- .focus-visible\:border-ring {
799
- &:focus-visible {
800
- border-color: var(--color-ring);
1868
+ .data-\[state\=open\]\:slide-in-from-bottom {
1869
+ &[data-state="open"] {
1870
+ --tw-enter-translate-y: 100%;
801
1871
  }
802
1872
  }
803
- .focus-visible\:ring-\[3px\] {
804
- &:focus-visible {
805
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
806
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1873
+ .data-\[state\=open\]\:slide-in-from-left {
1874
+ &[data-state="open"] {
1875
+ --tw-enter-translate-x: -100%;
807
1876
  }
808
1877
  }
809
- .focus-visible\:ring-destructive\/20 {
810
- &:focus-visible {
811
- --tw-ring-color: color-mix(in srgb, hsl(var(--destructive)) 20%, transparent);
812
- @supports (color: color-mix(in lab, red, red)) {
813
- --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
814
- }
1878
+ .data-\[state\=open\]\:slide-in-from-right {
1879
+ &[data-state="open"] {
1880
+ --tw-enter-translate-x: 100%;
815
1881
  }
816
1882
  }
817
- .focus-visible\:ring-ring\/50 {
818
- &:focus-visible {
819
- --tw-ring-color: color-mix(in srgb, hsl(var(--ring)) 50%, transparent);
820
- @supports (color: color-mix(in lab, red, red)) {
821
- --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
822
- }
1883
+ .data-\[state\=open\]\:slide-in-from-top {
1884
+ &[data-state="open"] {
1885
+ --tw-enter-translate-y: -100%;
823
1886
  }
824
1887
  }
825
- .disabled\:pointer-events-none {
826
- &:disabled {
827
- pointer-events: none;
1888
+ .data-\[state\=open\]\:hover\:bg-sidebar-accent {
1889
+ &[data-state="open"] {
1890
+ &:hover {
1891
+ @media (hover: hover) {
1892
+ background-color: var(--color-sidebar-accent);
1893
+ }
1894
+ }
828
1895
  }
829
1896
  }
830
- .disabled\:cursor-not-allowed {
831
- &:disabled {
832
- cursor: not-allowed;
1897
+ .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground {
1898
+ &[data-state="open"] {
1899
+ &:hover {
1900
+ @media (hover: hover) {
1901
+ color: var(--color-sidebar-accent-foreground);
1902
+ }
1903
+ }
833
1904
  }
834
1905
  }
835
- .disabled\:opacity-50 {
836
- &:disabled {
837
- opacity: 50%;
1906
+ .supports-\[backdrop-filter\]\:bg-background\/80 {
1907
+ @supports (backdrop-filter: var(--tw)) {
1908
+ background-color: color-mix(in srgb, hsl(var(--background)) 80%, transparent);
1909
+ @supports (color: color-mix(in lab, red, red)) {
1910
+ background-color: color-mix(in oklab, var(--color-background) 80%, transparent);
1911
+ }
838
1912
  }
839
1913
  }
840
- .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
841
- &:has(*[data-slot="card-action"]) {
842
- grid-template-columns: 1fr auto;
1914
+ .sm\:flex {
1915
+ @media (width >= 40rem) {
1916
+ display: flex;
843
1917
  }
844
1918
  }
845
- .has-\[\>svg\]\:px-2\.5 {
846
- &:has(>svg) {
847
- padding-inline: calc(var(--spacing) * 2.5);
1919
+ .sm\:max-w-sm {
1920
+ @media (width >= 40rem) {
1921
+ max-width: var(--container-sm);
848
1922
  }
849
1923
  }
850
- .has-\[\>svg\]\:px-3 {
851
- &:has(>svg) {
852
- padding-inline: calc(var(--spacing) * 3);
1924
+ .sm\:grid-cols-2 {
1925
+ @media (width >= 40rem) {
1926
+ grid-template-columns: repeat(2, minmax(0, 1fr));
853
1927
  }
854
1928
  }
855
- .has-\[\>svg\]\:px-4 {
856
- &:has(>svg) {
857
- padding-inline: calc(var(--spacing) * 4);
1929
+ .sm\:grid-cols-3 {
1930
+ @media (width >= 40rem) {
1931
+ grid-template-columns: repeat(3, minmax(0, 1fr));
858
1932
  }
859
1933
  }
860
- .aria-invalid\:border-destructive {
861
- &[aria-invalid="true"] {
862
- border-color: var(--color-destructive);
1934
+ .md\:block {
1935
+ @media (width >= 48rem) {
1936
+ display: block;
863
1937
  }
864
1938
  }
865
- .aria-invalid\:ring-destructive\/20 {
866
- &[aria-invalid="true"] {
867
- --tw-ring-color: color-mix(in srgb, hsl(var(--destructive)) 20%, transparent);
868
- @supports (color: color-mix(in lab, red, red)) {
869
- --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
870
- }
1939
+ .md\:flex {
1940
+ @media (width >= 48rem) {
1941
+ display: flex;
871
1942
  }
872
1943
  }
873
- .data-\[disabled\]\:pointer-events-none {
874
- &[data-disabled] {
875
- pointer-events: none;
1944
+ .md\:h-screen {
1945
+ @media (width >= 48rem) {
1946
+ height: 100vh;
876
1947
  }
877
1948
  }
878
- .data-\[disabled\]\:opacity-50 {
879
- &[data-disabled] {
880
- opacity: 50%;
1949
+ .md\:grid-cols-2 {
1950
+ @media (width >= 48rem) {
1951
+ grid-template-columns: repeat(2, minmax(0, 1fr));
881
1952
  }
882
1953
  }
883
1954
  .md\:grid-cols-3 {
@@ -891,29 +1962,65 @@
891
1962
  line-height: var(--tw-leading, var(--text-sm--line-height));
892
1963
  }
893
1964
  }
894
- .lg\:grid-cols-3 {
895
- @media (width >= 64rem) {
896
- grid-template-columns: repeat(3, minmax(0, 1fr));
1965
+ .md\:opacity-0 {
1966
+ @media (width >= 48rem) {
1967
+ opacity: 0%;
897
1968
  }
898
1969
  }
899
- .lg\:grid-cols-5 {
900
- @media (width >= 64rem) {
901
- grid-template-columns: repeat(5, minmax(0, 1fr));
1970
+ .md\:peer-data-\[variant\=inset\]\:m-2 {
1971
+ @media (width >= 48rem) {
1972
+ &:is(:where(.peer)[data-variant="inset"] ~ *) {
1973
+ margin: calc(var(--spacing) * 2);
1974
+ }
902
1975
  }
903
1976
  }
904
- .lg\:flex-row {
905
- @media (width >= 64rem) {
906
- flex-direction: row;
1977
+ .md\:peer-data-\[variant\=inset\]\:ml-0 {
1978
+ @media (width >= 48rem) {
1979
+ &:is(:where(.peer)[data-variant="inset"] ~ *) {
1980
+ margin-left: calc(var(--spacing) * 0);
1981
+ }
1982
+ }
1983
+ }
1984
+ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
1985
+ @media (width >= 48rem) {
1986
+ &:is(:where(.peer)[data-variant="inset"] ~ *) {
1987
+ border-radius: var(--radius-xl);
1988
+ }
1989
+ }
1990
+ }
1991
+ .md\:peer-data-\[variant\=inset\]\:shadow-sm {
1992
+ @media (width >= 48rem) {
1993
+ &:is(:where(.peer)[data-variant="inset"] ~ *) {
1994
+ --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));
1995
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1996
+ }
1997
+ }
1998
+ }
1999
+ .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 {
2000
+ @media (width >= 48rem) {
2001
+ &:is(:where(.peer)[data-variant="inset"] ~ *) {
2002
+ &:is(:where(.peer)[data-state="collapsed"] ~ *) {
2003
+ margin-left: calc(var(--spacing) * 2);
2004
+ }
2005
+ }
2006
+ }
2007
+ }
2008
+ .md\:after\:hidden {
2009
+ @media (width >= 48rem) {
2010
+ &::after {
2011
+ content: var(--tw-content);
2012
+ display: none;
2013
+ }
907
2014
  }
908
2015
  }
909
- .lg\:items-center {
2016
+ .lg\:grid-cols-3 {
910
2017
  @media (width >= 64rem) {
911
- align-items: center;
2018
+ grid-template-columns: repeat(3, minmax(0, 1fr));
912
2019
  }
913
2020
  }
914
- .lg\:justify-between {
2021
+ .lg\:grid-cols-5 {
915
2022
  @media (width >= 64rem) {
916
- justify-content: space-between;
2023
+ grid-template-columns: repeat(5, minmax(0, 1fr));
917
2024
  }
918
2025
  }
919
2026
  .dark\:border-input {
@@ -1007,6 +2114,18 @@
1007
2114
  padding-top: calc(var(--spacing) * 6);
1008
2115
  }
1009
2116
  }
2117
+ .\[\&\>button\]\:hidden {
2118
+ &>button {
2119
+ display: none;
2120
+ }
2121
+ }
2122
+ .\[\&\>span\:last-child\]\:truncate {
2123
+ &>span:last-child {
2124
+ overflow: hidden;
2125
+ text-overflow: ellipsis;
2126
+ white-space: nowrap;
2127
+ }
2128
+ }
1010
2129
  .\[\&\>svg\]\:pointer-events-none {
1011
2130
  &>svg {
1012
2131
  pointer-events: none;
@@ -1018,6 +2137,42 @@
1018
2137
  height: calc(var(--spacing) * 3);
1019
2138
  }
1020
2139
  }
2140
+ .\[\&\>svg\]\:size-4 {
2141
+ &>svg {
2142
+ width: calc(var(--spacing) * 4);
2143
+ height: calc(var(--spacing) * 4);
2144
+ }
2145
+ }
2146
+ .\[\&\>svg\]\:shrink-0 {
2147
+ &>svg {
2148
+ flex-shrink: 0;
2149
+ }
2150
+ }
2151
+ .\[\&\>svg\]\:text-sidebar-accent-foreground {
2152
+ &>svg {
2153
+ color: var(--color-sidebar-accent-foreground);
2154
+ }
2155
+ }
2156
+ .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
2157
+ [data-side=left][data-collapsible=offcanvas] & {
2158
+ right: calc(var(--spacing) * -2);
2159
+ }
2160
+ }
2161
+ .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
2162
+ [data-side=left][data-state=collapsed] & {
2163
+ cursor: e-resize;
2164
+ }
2165
+ }
2166
+ .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
2167
+ [data-side=right][data-collapsible=offcanvas] & {
2168
+ left: calc(var(--spacing) * -2);
2169
+ }
2170
+ }
2171
+ .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
2172
+ [data-side=right][data-state=collapsed] & {
2173
+ cursor: w-resize;
2174
+ }
2175
+ }
1021
2176
  .\[a\&\]\:hover\:bg-accent {
1022
2177
  a& {
1023
2178
  &:hover {
@@ -1073,6 +2228,90 @@
1073
2228
  }
1074
2229
  }
1075
2230
  }
2231
+ @property --tw-animation-delay {
2232
+ syntax: "*";
2233
+ inherits: false;
2234
+ initial-value: 0s;
2235
+ }
2236
+ @property --tw-animation-direction {
2237
+ syntax: "*";
2238
+ inherits: false;
2239
+ initial-value: normal;
2240
+ }
2241
+ @property --tw-animation-duration {
2242
+ syntax: "*";
2243
+ inherits: false;
2244
+ }
2245
+ @property --tw-animation-fill-mode {
2246
+ syntax: "*";
2247
+ inherits: false;
2248
+ initial-value: none;
2249
+ }
2250
+ @property --tw-animation-iteration-count {
2251
+ syntax: "*";
2252
+ inherits: false;
2253
+ initial-value: 1;
2254
+ }
2255
+ @property --tw-enter-blur {
2256
+ syntax: "*";
2257
+ inherits: false;
2258
+ initial-value: 0;
2259
+ }
2260
+ @property --tw-enter-opacity {
2261
+ syntax: "*";
2262
+ inherits: false;
2263
+ initial-value: 1;
2264
+ }
2265
+ @property --tw-enter-rotate {
2266
+ syntax: "*";
2267
+ inherits: false;
2268
+ initial-value: 0;
2269
+ }
2270
+ @property --tw-enter-scale {
2271
+ syntax: "*";
2272
+ inherits: false;
2273
+ initial-value: 1;
2274
+ }
2275
+ @property --tw-enter-translate-x {
2276
+ syntax: "*";
2277
+ inherits: false;
2278
+ initial-value: 0;
2279
+ }
2280
+ @property --tw-enter-translate-y {
2281
+ syntax: "*";
2282
+ inherits: false;
2283
+ initial-value: 0;
2284
+ }
2285
+ @property --tw-exit-blur {
2286
+ syntax: "*";
2287
+ inherits: false;
2288
+ initial-value: 0;
2289
+ }
2290
+ @property --tw-exit-opacity {
2291
+ syntax: "*";
2292
+ inherits: false;
2293
+ initial-value: 1;
2294
+ }
2295
+ @property --tw-exit-rotate {
2296
+ syntax: "*";
2297
+ inherits: false;
2298
+ initial-value: 0;
2299
+ }
2300
+ @property --tw-exit-scale {
2301
+ syntax: "*";
2302
+ inherits: false;
2303
+ initial-value: 1;
2304
+ }
2305
+ @property --tw-exit-translate-x {
2306
+ syntax: "*";
2307
+ inherits: false;
2308
+ initial-value: 0;
2309
+ }
2310
+ @property --tw-exit-translate-y {
2311
+ syntax: "*";
2312
+ inherits: false;
2313
+ initial-value: 0;
2314
+ }
1076
2315
  @layer base {
1077
2316
  :root {
1078
2317
  --background: 0 0% 100%;
@@ -1095,6 +2334,14 @@
1095
2334
  --input: 214.3 31.8% 91.4%;
1096
2335
  --ring: 221.2 83.2% 53.3%;
1097
2336
  --radius: 0.75rem;
2337
+ --sidebar-background: 0 0% 98%;
2338
+ --sidebar-foreground: 240 5.3% 26.1%;
2339
+ --sidebar-primary: 240 5.9% 10%;
2340
+ --sidebar-primary-foreground: 0 0% 98%;
2341
+ --sidebar-accent: 240 4.8% 95.9%;
2342
+ --sidebar-accent-foreground: 240 5.9% 10%;
2343
+ --sidebar-border: 220 13% 91%;
2344
+ --sidebar-ring: 217.2 91.2% 59.8%;
1098
2345
  }
1099
2346
  .dark {
1100
2347
  --background: 222.2 84% 4.9%;
@@ -1116,6 +2363,14 @@
1116
2363
  --border: 217.2 32.6% 17.5%;
1117
2364
  --input: 217.2 32.6% 17.5%;
1118
2365
  --ring: 224.3 76.3% 94.1%;
2366
+ --sidebar-background: 240 5.9% 10%;
2367
+ --sidebar-foreground: 240 4.8% 95.9%;
2368
+ --sidebar-primary: 224.3 76.3% 48%;
2369
+ --sidebar-primary-foreground: 0 0% 100%;
2370
+ --sidebar-accent: 240 3.7% 15.9%;
2371
+ --sidebar-accent-foreground: 240 4.8% 95.9%;
2372
+ --sidebar-border: 240 3.7% 15.9%;
2373
+ --sidebar-ring: 217.2 91.2% 59.8%;
1119
2374
  }
1120
2375
  :root[data-brand="default"], :root:not([data-brand]) {
1121
2376
  --background: 0 0% 100%;
@@ -1296,6 +2551,11 @@
1296
2551
  inherits: false;
1297
2552
  initial-value: 0;
1298
2553
  }
2554
+ @property --tw-divide-y-reverse {
2555
+ syntax: "*";
2556
+ inherits: false;
2557
+ initial-value: 0;
2558
+ }
1299
2559
  @property --tw-border-style {
1300
2560
  syntax: "*";
1301
2561
  inherits: false;
@@ -1313,6 +2573,26 @@
1313
2573
  syntax: "*";
1314
2574
  inherits: false;
1315
2575
  }
2576
+ @property --tw-ordinal {
2577
+ syntax: "*";
2578
+ inherits: false;
2579
+ }
2580
+ @property --tw-slashed-zero {
2581
+ syntax: "*";
2582
+ inherits: false;
2583
+ }
2584
+ @property --tw-numeric-figure {
2585
+ syntax: "*";
2586
+ inherits: false;
2587
+ }
2588
+ @property --tw-numeric-spacing {
2589
+ syntax: "*";
2590
+ inherits: false;
2591
+ }
2592
+ @property --tw-numeric-fraction {
2593
+ syntax: "*";
2594
+ inherits: false;
2595
+ }
1316
2596
  @property --tw-shadow {
1317
2597
  syntax: "*";
1318
2598
  inherits: false;
@@ -1383,6 +2663,79 @@
1383
2663
  inherits: false;
1384
2664
  initial-value: solid;
1385
2665
  }
2666
+ @property --tw-backdrop-blur {
2667
+ syntax: "*";
2668
+ inherits: false;
2669
+ }
2670
+ @property --tw-backdrop-brightness {
2671
+ syntax: "*";
2672
+ inherits: false;
2673
+ }
2674
+ @property --tw-backdrop-contrast {
2675
+ syntax: "*";
2676
+ inherits: false;
2677
+ }
2678
+ @property --tw-backdrop-grayscale {
2679
+ syntax: "*";
2680
+ inherits: false;
2681
+ }
2682
+ @property --tw-backdrop-hue-rotate {
2683
+ syntax: "*";
2684
+ inherits: false;
2685
+ }
2686
+ @property --tw-backdrop-invert {
2687
+ syntax: "*";
2688
+ inherits: false;
2689
+ }
2690
+ @property --tw-backdrop-opacity {
2691
+ syntax: "*";
2692
+ inherits: false;
2693
+ }
2694
+ @property --tw-backdrop-saturate {
2695
+ syntax: "*";
2696
+ inherits: false;
2697
+ }
2698
+ @property --tw-backdrop-sepia {
2699
+ syntax: "*";
2700
+ inherits: false;
2701
+ }
2702
+ @property --tw-duration {
2703
+ syntax: "*";
2704
+ inherits: false;
2705
+ }
2706
+ @property --tw-ease {
2707
+ syntax: "*";
2708
+ inherits: false;
2709
+ }
2710
+ @property --tw-content {
2711
+ syntax: "*";
2712
+ initial-value: "";
2713
+ inherits: false;
2714
+ }
2715
+ @keyframes spin {
2716
+ to {
2717
+ transform: rotate(360deg);
2718
+ }
2719
+ }
2720
+ @keyframes pulse {
2721
+ 50% {
2722
+ opacity: 0.5;
2723
+ }
2724
+ }
2725
+ @keyframes enter {
2726
+ from {
2727
+ opacity: var(--tw-enter-opacity,1);
2728
+ transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
2729
+ filter: blur(var(--tw-enter-blur,0));
2730
+ }
2731
+ }
2732
+ @keyframes exit {
2733
+ to {
2734
+ opacity: var(--tw-exit-opacity,1);
2735
+ transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
2736
+ filter: blur(var(--tw-exit-blur,0));
2737
+ }
2738
+ }
1386
2739
  @layer properties {
1387
2740
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1388
2741
  *, ::before, ::after, ::backdrop {
@@ -1390,10 +2743,16 @@
1390
2743
  --tw-translate-y: 0;
1391
2744
  --tw-translate-z: 0;
1392
2745
  --tw-space-y-reverse: 0;
2746
+ --tw-divide-y-reverse: 0;
1393
2747
  --tw-border-style: solid;
1394
2748
  --tw-leading: initial;
1395
2749
  --tw-font-weight: initial;
1396
2750
  --tw-tracking: initial;
2751
+ --tw-ordinal: initial;
2752
+ --tw-slashed-zero: initial;
2753
+ --tw-numeric-figure: initial;
2754
+ --tw-numeric-spacing: initial;
2755
+ --tw-numeric-fraction: initial;
1397
2756
  --tw-shadow: 0 0 #0000;
1398
2757
  --tw-shadow-color: initial;
1399
2758
  --tw-shadow-alpha: 100%;
@@ -1409,6 +2768,35 @@
1409
2768
  --tw-ring-offset-color: #fff;
1410
2769
  --tw-ring-offset-shadow: 0 0 #0000;
1411
2770
  --tw-outline-style: solid;
2771
+ --tw-backdrop-blur: initial;
2772
+ --tw-backdrop-brightness: initial;
2773
+ --tw-backdrop-contrast: initial;
2774
+ --tw-backdrop-grayscale: initial;
2775
+ --tw-backdrop-hue-rotate: initial;
2776
+ --tw-backdrop-invert: initial;
2777
+ --tw-backdrop-opacity: initial;
2778
+ --tw-backdrop-saturate: initial;
2779
+ --tw-backdrop-sepia: initial;
2780
+ --tw-duration: initial;
2781
+ --tw-ease: initial;
2782
+ --tw-content: "";
2783
+ --tw-animation-delay: 0s;
2784
+ --tw-animation-direction: normal;
2785
+ --tw-animation-duration: initial;
2786
+ --tw-animation-fill-mode: none;
2787
+ --tw-animation-iteration-count: 1;
2788
+ --tw-enter-blur: 0;
2789
+ --tw-enter-opacity: 1;
2790
+ --tw-enter-rotate: 0;
2791
+ --tw-enter-scale: 1;
2792
+ --tw-enter-translate-x: 0;
2793
+ --tw-enter-translate-y: 0;
2794
+ --tw-exit-blur: 0;
2795
+ --tw-exit-opacity: 1;
2796
+ --tw-exit-rotate: 0;
2797
+ --tw-exit-scale: 1;
2798
+ --tw-exit-translate-x: 0;
2799
+ --tw-exit-translate-y: 0;
1412
2800
  }
1413
2801
  }
1414
2802
  }