intlayer-editor 7.0.8 → 7.0.9-canary.2

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.
@@ -32,6 +32,11 @@
32
32
  --tw-leading: initial;
33
33
  --tw-font-weight: initial;
34
34
  --tw-tracking: initial;
35
+ --tw-ordinal: initial;
36
+ --tw-slashed-zero: initial;
37
+ --tw-numeric-figure: initial;
38
+ --tw-numeric-spacing: initial;
39
+ --tw-numeric-fraction: initial;
35
40
  --tw-shadow: 0 0 #0000;
36
41
  --tw-shadow-color: initial;
37
42
  --tw-shadow-alpha: 100%;
@@ -175,7 +180,7 @@
175
180
  --color-gray-700: oklch(37.3% .034 259.733);
176
181
  --color-gray-800: oklch(27.8% .033 256.848);
177
182
  --color-gray-900: oklch(21% .034 264.665);
178
- --color-neutral-50: #f6f6f6;
183
+ --color-neutral-50: #f9f9f9;
179
184
  --color-neutral-100: #e7e7e7;
180
185
  --color-neutral-200: #d1d1d1;
181
186
  --color-neutral-300: #b0b0b0;
@@ -230,6 +235,7 @@
230
235
  --radius-xl: .75rem;
231
236
  --radius-2xl: 1rem;
232
237
  --radius-3xl: 1.5rem;
238
+ --radius-4xl: 2rem;
233
239
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
234
240
  --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
235
241
  --blur-sm: 8px;
@@ -242,8 +248,8 @@
242
248
  --color-text-opposite: #fff;
243
249
  --color-text-light: #121212;
244
250
  --color-card: #e7e7e7;
245
- --color-primary: #e879f9;
246
- --color-primary-500: #c565d4;
251
+ --color-primary: #cbeb40;
252
+ --color-primary-500: #b6d339;
247
253
  --color-secondary: #ffe66d;
248
254
  --color-secondary-300: #ffd845;
249
255
  --color-secondary-500: #eca806;
@@ -255,11 +261,6 @@
255
261
  --color-warning: #d69942;
256
262
  --color-error: #b5180d;
257
263
  --color-error-500: #f95a16;
258
- --color-input-background: #fff;
259
- --color-input-text: #121212;
260
- --color-input-border: #d8d8d8;
261
- --color-input-border-hover: #c9c9c9;
262
- --color-input-border-focus: #bdbdbd;
263
264
  }
264
265
  }
265
266
 
@@ -645,10 +646,6 @@
645
646
  right: calc(var(--spacing) * 2);
646
647
  }
647
648
 
648
- .right-3 {
649
- right: calc(var(--spacing) * 3);
650
- }
651
-
652
649
  .bottom-0 {
653
650
  bottom: calc(var(--spacing) * 0);
654
651
  }
@@ -677,10 +674,6 @@
677
674
  left: calc(var(--spacing) * 2);
678
675
  }
679
676
 
680
- .left-3 {
681
- left: calc(var(--spacing) * 3);
682
- }
683
-
684
677
  .left-4 {
685
678
  left: calc(var(--spacing) * 4);
686
679
  }
@@ -693,6 +686,10 @@
693
686
  isolation: isolate;
694
687
  }
695
688
 
689
+ .-z-10 {
690
+ z-index: calc(10 * -1);
691
+ }
692
+
696
693
  .z-0 {
697
694
  z-index: 0;
698
695
  }
@@ -713,18 +710,52 @@
713
710
  z-index: 50;
714
711
  }
715
712
 
716
- .z-\[-1\] {
717
- z-index: -1;
713
+ .z-100 {
714
+ z-index: 100;
718
715
  }
719
716
 
720
- .z-\[100\] {
721
- z-index: 100;
717
+ .z-\[-1\] {
718
+ z-index: -1;
722
719
  }
723
720
 
724
721
  .z-\[1000\] {
725
722
  z-index: 1000;
726
723
  }
727
724
 
725
+ .\!container {
726
+ width: 100% !important;
727
+ }
728
+
729
+ @media (min-width: 40rem) {
730
+ .\!container {
731
+ max-width: 40rem !important;
732
+ }
733
+ }
734
+
735
+ @media (min-width: 48rem) {
736
+ .\!container {
737
+ max-width: 48rem !important;
738
+ }
739
+ }
740
+
741
+ @media (min-width: 64rem) {
742
+ .\!container {
743
+ max-width: 64rem !important;
744
+ }
745
+ }
746
+
747
+ @media (min-width: 80rem) {
748
+ .\!container {
749
+ max-width: 80rem !important;
750
+ }
751
+ }
752
+
753
+ @media (min-width: 96rem) {
754
+ .\!container {
755
+ max-width: 96rem !important;
756
+ }
757
+ }
758
+
728
759
  .container {
729
760
  width: 100%;
730
761
  }
@@ -1058,6 +1089,14 @@
1058
1089
  height: 100%;
1059
1090
  }
1060
1091
 
1092
+ .h-\(--radix-select-trigger-height\) {
1093
+ height: var(--radix-select-trigger-height);
1094
+ }
1095
+
1096
+ .h-0\.5 {
1097
+ height: calc(var(--spacing) * .5);
1098
+ }
1099
+
1061
1100
  .h-2 {
1062
1101
  height: calc(var(--spacing) * 2);
1063
1102
  }
@@ -1162,10 +1201,6 @@
1162
1201
  height: 1000px;
1163
1202
  }
1164
1203
 
1165
- .h-\[var\(--radix-select-trigger-height\)\] {
1166
- height: var(--radix-select-trigger-height);
1167
- }
1168
-
1169
1204
  .h-auto {
1170
1205
  height: auto;
1171
1206
  }
@@ -1314,6 +1349,10 @@
1314
1349
  width: calc(var(--spacing) * 60) !important;
1315
1350
  }
1316
1351
 
1352
+ .w-0 {
1353
+ width: calc(var(--spacing) * 0);
1354
+ }
1355
+
1317
1356
  .w-2 {
1318
1357
  width: calc(var(--spacing) * 2);
1319
1358
  }
@@ -1494,6 +1533,10 @@
1494
1533
  max-width: var(--container-xs);
1495
1534
  }
1496
1535
 
1536
+ .min-w-\(--radix-select-trigger-width\) {
1537
+ min-width: var(--radix-select-trigger-width);
1538
+ }
1539
+
1497
1540
  .min-w-0 {
1498
1541
  min-width: calc(var(--spacing) * 0);
1499
1542
  }
@@ -1514,6 +1557,10 @@
1514
1557
  min-width: calc(var(--spacing) * 28);
1515
1558
  }
1516
1559
 
1560
+ .min-w-32 {
1561
+ min-width: calc(var(--spacing) * 32);
1562
+ }
1563
+
1517
1564
  .min-w-48 {
1518
1565
  min-width: calc(var(--spacing) * 48);
1519
1566
  }
@@ -1526,18 +1573,10 @@
1526
1573
  min-width: calc(var(--spacing) * 80);
1527
1574
  }
1528
1575
 
1529
- .min-w-\[8rem\] {
1530
- min-width: 8rem;
1531
- }
1532
-
1533
1576
  .min-w-\[100px\] {
1534
1577
  min-width: 100px;
1535
1578
  }
1536
1579
 
1537
- .min-w-\[var\(--radix-select-trigger-width\)\] {
1538
- min-width: var(--radix-select-trigger-width);
1539
- }
1540
-
1541
1580
  .min-w-full {
1542
1581
  min-width: 100%;
1543
1582
  }
@@ -1550,6 +1589,10 @@
1550
1589
  flex: auto;
1551
1590
  }
1552
1591
 
1592
+ .flex-none {
1593
+ flex: none;
1594
+ }
1595
+
1553
1596
  .shrink {
1554
1597
  flex-shrink: 1;
1555
1598
  }
@@ -1768,6 +1811,10 @@
1768
1811
  list-style-type: disc;
1769
1812
  }
1770
1813
 
1814
+ .appearance-none {
1815
+ appearance: none;
1816
+ }
1817
+
1771
1818
  .grid-cols-1 {
1772
1819
  grid-template-columns: repeat(1, minmax(0, 1fr));
1773
1820
  }
@@ -2318,10 +2365,6 @@
2318
2365
  border-color: inherit;
2319
2366
  }
2320
2367
 
2321
- .border-input-border {
2322
- border-color: var(--color-input-border);
2323
- }
2324
-
2325
2368
  .border-neutral {
2326
2369
  border-color: var(--color-neutral);
2327
2370
  }
@@ -2375,7 +2418,7 @@
2375
2418
  }
2376
2419
 
2377
2420
  .border-primary\/20 {
2378
- border-color: #e879f933;
2421
+ border-color: #cbeb4033;
2379
2422
  }
2380
2423
 
2381
2424
  @supports (color: color-mix(in lab, red, red)) {
@@ -2756,10 +2799,6 @@
2756
2799
  background-color: inherit;
2757
2800
  }
2758
2801
 
2759
- .bg-input-background {
2760
- background-color: var(--color-input-background);
2761
- }
2762
-
2763
2802
  .bg-neutral {
2764
2803
  background-color: var(--color-neutral);
2765
2804
  }
@@ -2768,6 +2807,10 @@
2768
2807
  background-color: var(--color-neutral-50);
2769
2808
  }
2770
2809
 
2810
+ .bg-neutral-100 {
2811
+ background-color: var(--color-neutral-100);
2812
+ }
2813
+
2771
2814
  .bg-neutral-200 {
2772
2815
  background-color: var(--color-neutral-200);
2773
2816
  }
@@ -2857,7 +2900,7 @@
2857
2900
  }
2858
2901
 
2859
2902
  .bg-primary\/5 {
2860
- background-color: #e879f90d;
2903
+ background-color: #cbeb400d;
2861
2904
  }
2862
2905
 
2863
2906
  @supports (color: color-mix(in lab, red, red)) {
@@ -2867,7 +2910,7 @@
2867
2910
  }
2868
2911
 
2869
2912
  .bg-primary\/10 {
2870
- background-color: #e879f91a;
2913
+ background-color: #cbeb401a;
2871
2914
  }
2872
2915
 
2873
2916
  @supports (color: color-mix(in lab, red, red)) {
@@ -2910,10 +2953,6 @@
2910
2953
  background-color: var(--color-red-100);
2911
2954
  }
2912
2955
 
2913
- .bg-red-300 {
2914
- background-color: var(--color-red-300);
2915
- }
2916
-
2917
2956
  .bg-red-400 {
2918
2957
  background-color: var(--color-red-400);
2919
2958
  }
@@ -3308,7 +3347,7 @@
3308
3347
  }
3309
3348
 
3310
3349
  .fill-primary\/10 {
3311
- fill: #e879f91a;
3350
+ fill: #cbeb401a;
3312
3351
  }
3313
3352
 
3314
3353
  @supports (color: color-mix(in lab, red, red)) {
@@ -3318,7 +3357,7 @@
3318
3357
  }
3319
3358
 
3320
3359
  .fill-primary\/20 {
3321
- fill: #e879f933;
3360
+ fill: #cbeb4033;
3322
3361
  }
3323
3362
 
3324
3363
  @supports (color: color-mix(in lab, red, red)) {
@@ -3388,7 +3427,7 @@
3388
3427
  }
3389
3428
 
3390
3429
  .stroke-primary\/20 {
3391
- stroke: #e879f933;
3430
+ stroke: #cbeb4033;
3392
3431
  }
3393
3432
 
3394
3433
  @supports (color: color-mix(in lab, red, red)) {
@@ -3398,7 +3437,7 @@
3398
3437
  }
3399
3438
 
3400
3439
  .stroke-primary\/30 {
3401
- stroke: #e879f94d;
3440
+ stroke: #cbeb404d;
3402
3441
  }
3403
3442
 
3404
3443
  @supports (color: color-mix(in lab, red, red)) {
@@ -3497,6 +3536,10 @@
3497
3536
  padding-inline: calc(var(--spacing) * 2);
3498
3537
  }
3499
3538
 
3539
+ .px-2\! {
3540
+ padding-inline: calc(var(--spacing) * 2) !important;
3541
+ }
3542
+
3500
3543
  .px-2\.5 {
3501
3544
  padding-inline: calc(var(--spacing) * 2.5);
3502
3545
  }
@@ -3525,10 +3568,6 @@
3525
3568
  padding-inline: calc(var(--spacing) * 10);
3526
3569
  }
3527
3570
 
3528
- .px-12 {
3529
- padding-inline: calc(var(--spacing) * 12);
3530
- }
3531
-
3532
3571
  .py-0\.5 {
3533
3572
  padding-block: calc(var(--spacing) * .5);
3534
3573
  }
@@ -3565,6 +3604,14 @@
3565
3604
  padding-block: calc(var(--spacing) * 8);
3566
3605
  }
3567
3606
 
3607
+ .py-10 {
3608
+ padding-block: calc(var(--spacing) * 10);
3609
+ }
3610
+
3611
+ .py-12 {
3612
+ padding-block: calc(var(--spacing) * 12);
3613
+ }
3614
+
3568
3615
  .py-16 {
3569
3616
  padding-block: calc(var(--spacing) * 16);
3570
3617
  }
@@ -3791,6 +3838,11 @@
3791
3838
  font-weight: var(--font-weight-semibold);
3792
3839
  }
3793
3840
 
3841
+ .tracking-\[-\.5em\] {
3842
+ --tw-tracking: -.5em;
3843
+ letter-spacing: -.5em;
3844
+ }
3845
+
3794
3846
  .tracking-wide {
3795
3847
  --tw-tracking: var(--tracking-wide);
3796
3848
  letter-spacing: var(--tracking-wide);
@@ -3966,10 +4018,6 @@
3966
4018
  color: inherit;
3967
4019
  }
3968
4020
 
3969
- .text-input-text {
3970
- color: var(--color-input-text);
3971
- }
3972
-
3973
4021
  .text-neutral {
3974
4022
  color: var(--color-neutral);
3975
4023
  }
@@ -4190,6 +4238,11 @@
4190
4238
  font-style: italic;
4191
4239
  }
4192
4240
 
4241
+ .tabular-nums {
4242
+ --tw-numeric-spacing: tabular-nums;
4243
+ font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
4244
+ }
4245
+
4193
4246
  .no-underline {
4194
4247
  text-decoration-line: none;
4195
4248
  }
@@ -4308,6 +4361,11 @@
4308
4361
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4309
4362
  }
4310
4363
 
4364
+ .shadow-xs {
4365
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
4366
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4367
+ }
4368
+
4311
4369
  .ring {
4312
4370
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4313
4371
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4328,16 +4386,128 @@
4328
4386
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4329
4387
  }
4330
4388
 
4389
+ .ring-4 {
4390
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4391
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4392
+ }
4393
+
4394
+ .ring-4\! {
4395
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
4396
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
4397
+ }
4398
+
4399
+ .\[box-shadow\:none\] {
4400
+ box-shadow: none;
4401
+ }
4402
+
4331
4403
  .ring-blue-300 {
4332
4404
  --tw-ring-color: var(--color-blue-300);
4333
4405
  }
4334
4406
 
4407
+ .ring-current\/20 {
4408
+ --tw-ring-color: currentcolor;
4409
+ }
4410
+
4411
+ @supports (color: color-mix(in lab, red, red)) {
4412
+ .ring-current\/20 {
4413
+ --tw-ring-color: color-mix(in oklab, currentcolor 20%, transparent);
4414
+ }
4415
+ }
4416
+
4417
+ .ring-destructive-500\/20 {
4418
+ --tw-ring-color: #f95a1633;
4419
+ }
4420
+
4421
+ @supports (color: color-mix(in lab, red, red)) {
4422
+ .ring-destructive-500\/20 {
4423
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive-500) 20%, transparent);
4424
+ }
4425
+ }
4426
+
4427
+ .ring-error\/20 {
4428
+ --tw-ring-color: #b5180d33;
4429
+ }
4430
+
4431
+ @supports (color: color-mix(in lab, red, red)) {
4432
+ .ring-error\/20 {
4433
+ --tw-ring-color: color-mix(in oklab, var(--color-error) 20%, transparent);
4434
+ }
4435
+ }
4436
+
4335
4437
  .ring-neutral {
4336
4438
  --tw-ring-color: var(--color-neutral);
4337
4439
  }
4338
4440
 
4339
- .ring-offset-background {
4340
- --tw-ring-offset-color: var(--color-background);
4441
+ .ring-neutral-100 {
4442
+ --tw-ring-color: var(--color-neutral-100);
4443
+ }
4444
+
4445
+ .ring-neutral-500\/20 {
4446
+ --tw-ring-color: #6d6d6d33;
4447
+ }
4448
+
4449
+ @supports (color: color-mix(in lab, red, red)) {
4450
+ .ring-neutral-500\/20 {
4451
+ --tw-ring-color: color-mix(in oklab, var(--color-neutral-500) 20%, transparent);
4452
+ }
4453
+ }
4454
+
4455
+ .ring-neutral-800\/50 {
4456
+ --tw-ring-color: #45454580;
4457
+ }
4458
+
4459
+ @supports (color: color-mix(in lab, red, red)) {
4460
+ .ring-neutral-800\/50 {
4461
+ --tw-ring-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
4462
+ }
4463
+ }
4464
+
4465
+ .ring-primary-500\/20 {
4466
+ --tw-ring-color: #b6d33933;
4467
+ }
4468
+
4469
+ @supports (color: color-mix(in lab, red, red)) {
4470
+ .ring-primary-500\/20 {
4471
+ --tw-ring-color: color-mix(in oklab, var(--color-primary-500) 20%, transparent);
4472
+ }
4473
+ }
4474
+
4475
+ .ring-secondary-500\/20 {
4476
+ --tw-ring-color: #eca80633;
4477
+ }
4478
+
4479
+ @supports (color: color-mix(in lab, red, red)) {
4480
+ .ring-secondary-500\/20 {
4481
+ --tw-ring-color: color-mix(in oklab, var(--color-secondary-500) 20%, transparent);
4482
+ }
4483
+ }
4484
+
4485
+ .ring-success\/20 {
4486
+ --tw-ring-color: #0c63;
4487
+ }
4488
+
4489
+ @supports (color: color-mix(in lab, red, red)) {
4490
+ .ring-success\/20 {
4491
+ --tw-ring-color: color-mix(in oklab, var(--color-success) 20%, transparent);
4492
+ }
4493
+ }
4494
+
4495
+ .ring-white\/20 {
4496
+ --tw-ring-color: #fff3;
4497
+ }
4498
+
4499
+ @supports (color: color-mix(in lab, red, red)) {
4500
+ .ring-white\/20 {
4501
+ --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
4502
+ }
4503
+ }
4504
+
4505
+ .ring-offset-current {
4506
+ --tw-ring-offset-color: currentcolor;
4507
+ }
4508
+
4509
+ .ring-offset-neutral-100 {
4510
+ --tw-ring-offset-color: var(--color-neutral-100);
4341
4511
  }
4342
4512
 
4343
4513
  .outline-hidden {
@@ -4357,11 +4527,6 @@
4357
4527
  outline-width: 1px;
4358
4528
  }
4359
4529
 
4360
- .outline-0 {
4361
- outline-style: var(--tw-outline-style);
4362
- outline-width: 0;
4363
- }
4364
-
4365
4530
  .outline-2 {
4366
4531
  outline-style: var(--tw-outline-style);
4367
4532
  outline-width: 2px;
@@ -4412,6 +4577,12 @@
4412
4577
  transition-duration: var(--tw-duration, var(--default-transition-duration));
4413
4578
  }
4414
4579
 
4580
+ .transition-\[width\] {
4581
+ transition-property: width;
4582
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
4583
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
4584
+ }
4585
+
4415
4586
  .transition-all {
4416
4587
  transition-property: all;
4417
4588
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -4524,7 +4695,11 @@
4524
4695
  clip-path: inset(0);
4525
4696
  }
4526
4697
 
4527
- :is(.\*\:\!text-current > *) {
4698
+ .\[corner-shape\:squircle\] {
4699
+ corner-shape: squircle;
4700
+ }
4701
+
4702
+ :is(.\*\:text-current\! > *) {
4528
4703
  color: currentColor !important;
4529
4704
  }
4530
4705
 
@@ -4914,6 +5089,55 @@
4914
5089
  content: var(--tw-content);
4915
5090
  }
4916
5091
 
5092
+ .checked\:border-current:checked {
5093
+ border-color: currentColor;
5094
+ }
5095
+
5096
+ .checked\:bg-current:checked {
5097
+ background-color: currentColor;
5098
+ }
5099
+
5100
+ .checked\:before\:absolute:checked:before {
5101
+ content: var(--tw-content);
5102
+ position: absolute;
5103
+ }
5104
+
5105
+ .checked\:before\:inset-0:checked:before {
5106
+ content: var(--tw-content);
5107
+ inset: calc(var(--spacing) * 0);
5108
+ }
5109
+
5110
+ .checked\:before\:flex:checked:before {
5111
+ content: var(--tw-content);
5112
+ display: flex;
5113
+ }
5114
+
5115
+ .checked\:before\:items-center:checked:before {
5116
+ content: var(--tw-content);
5117
+ align-items: center;
5118
+ }
5119
+
5120
+ .checked\:before\:justify-center:checked:before {
5121
+ content: var(--tw-content);
5122
+ justify-content: center;
5123
+ }
5124
+
5125
+ .checked\:before\:text-text-opposite\/80:checked:before {
5126
+ content: var(--tw-content);
5127
+ color: #fffc;
5128
+ }
5129
+
5130
+ @supports (color: color-mix(in lab, red, red)) {
5131
+ .checked\:before\:text-text-opposite\/80:checked:before {
5132
+ color: color-mix(in oklab, var(--color-text-opposite) 80%, transparent);
5133
+ }
5134
+ }
5135
+
5136
+ .checked\:before\:content-\[\'✓\'\]:checked:before {
5137
+ --tw-content: "✓";
5138
+ content: var(--tw-content);
5139
+ }
5140
+
4917
5141
  .valid\:border-success:valid {
4918
5142
  border-color: var(--color-success);
4919
5143
  }
@@ -4930,6 +5154,24 @@
4930
5154
  overflow-x: auto;
4931
5155
  }
4932
5156
 
5157
+ .focus-within\:ring-3:focus-within {
5158
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5159
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5160
+ }
5161
+
5162
+ .focus-within\:ring-neutral-200:focus-within {
5163
+ --tw-ring-color: var(--color-neutral-200);
5164
+ }
5165
+
5166
+ .focus-within\:ring-offset-white:focus-within {
5167
+ --tw-ring-offset-color: var(--color-white);
5168
+ }
5169
+
5170
+ .focus-within\:outline-none:focus-within {
5171
+ --tw-outline-style: none;
5172
+ outline-style: none;
5173
+ }
5174
+
4933
5175
  @media (hover: hover) {
4934
5176
  .hover\:scale-105:hover {
4935
5177
  --tw-scale-x: 105%;
@@ -4961,10 +5203,6 @@
4961
5203
  border-color: var(--color-gray-300);
4962
5204
  }
4963
5205
 
4964
- .hover\:border-input-border-hover:hover {
4965
- border-color: var(--color-input-border-hover);
4966
- }
4967
-
4968
5206
  .hover\:border-primary:hover {
4969
5207
  border-color: var(--color-primary);
4970
5208
  }
@@ -5109,6 +5347,16 @@
5109
5347
  background-color: var(--color-neutral-100);
5110
5348
  }
5111
5349
 
5350
+ .hover\:bg-neutral-100\/90:hover {
5351
+ background-color: #e7e7e7e6;
5352
+ }
5353
+
5354
+ @supports (color: color-mix(in lab, red, red)) {
5355
+ .hover\:bg-neutral-100\/90:hover {
5356
+ background-color: color-mix(in oklab, var(--color-neutral-100) 90%, transparent);
5357
+ }
5358
+ }
5359
+
5112
5360
  .hover\:bg-neutral-300:hover {
5113
5361
  background-color: var(--color-neutral-300);
5114
5362
  }
@@ -5154,7 +5402,7 @@
5154
5402
  }
5155
5403
 
5156
5404
  .hover\:bg-primary\/5:hover {
5157
- background-color: #e879f90d;
5405
+ background-color: #cbeb400d;
5158
5406
  }
5159
5407
 
5160
5408
  @supports (color: color-mix(in lab, red, red)) {
@@ -5164,7 +5412,7 @@
5164
5412
  }
5165
5413
 
5166
5414
  .hover\:bg-primary\/90:hover {
5167
- background-color: #e879f9e6;
5415
+ background-color: #cbeb40e6;
5168
5416
  }
5169
5417
 
5170
5418
  @supports (color: color-mix(in lab, red, red)) {
@@ -5298,6 +5546,21 @@
5298
5546
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5299
5547
  }
5300
5548
 
5549
+ .hover\:ring-3:hover {
5550
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5551
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5552
+ }
5553
+
5554
+ .hover\:ring-4:hover {
5555
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5556
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5557
+ }
5558
+
5559
+ .hover\:ring-6:hover {
5560
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(6px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5561
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5562
+ }
5563
+
5301
5564
  .hover\:outline-inherit:hover {
5302
5565
  outline-color: inherit;
5303
5566
  }
@@ -5330,6 +5593,20 @@
5330
5593
  content: var(--tw-content);
5331
5594
  opacity: .8;
5332
5595
  }
5596
+
5597
+ .checked\:hover\:bg-current\/80:checked:hover {
5598
+ background-color: currentColor;
5599
+ }
5600
+
5601
+ @supports (color: color-mix(in lab, red, red)) {
5602
+ .checked\:hover\:bg-current\/80:checked:hover {
5603
+ background-color: color-mix(in oklab, currentcolor 80%, transparent);
5604
+ }
5605
+ }
5606
+ }
5607
+
5608
+ .focus\:z-10:focus {
5609
+ z-index: 10;
5333
5610
  }
5334
5611
 
5335
5612
  .focus\:grid-rows-\[1fr\]:focus {
@@ -5348,8 +5625,8 @@
5348
5625
  border-color: var(--color-blue-500);
5349
5626
  }
5350
5627
 
5351
- .focus\:border-input-border-focus:focus {
5352
- border-color: var(--color-input-border-focus);
5628
+ .focus\:border-destructive:focus {
5629
+ border-color: var(--color-destructive);
5353
5630
  }
5354
5631
 
5355
5632
  .focus\:border-transparent:focus {
@@ -5395,6 +5672,11 @@
5395
5672
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5396
5673
  }
5397
5674
 
5675
+ .focus\:ring-\[3px\]:focus {
5676
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5677
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5678
+ }
5679
+
5398
5680
  .focus\:\[box-shadow\:none\]:focus {
5399
5681
  box-shadow: none;
5400
5682
  }
@@ -5407,27 +5689,13 @@
5407
5689
  --tw-ring-color: var(--color-blue-500);
5408
5690
  }
5409
5691
 
5410
- .focus\:ring-current\/50:focus {
5411
- --tw-ring-color: currentcolor;
5692
+ .focus\:ring-destructive\/20:focus {
5693
+ --tw-ring-color: #fb7d3c33;
5412
5694
  }
5413
5695
 
5414
5696
  @supports (color: color-mix(in lab, red, red)) {
5415
- .focus\:ring-current\/50:focus {
5416
- --tw-ring-color: color-mix(in oklab, currentcolor 50%, transparent);
5417
- }
5418
- }
5419
-
5420
- .focus\:ring-destructive-500:focus {
5421
- --tw-ring-color: var(--color-destructive-500);
5422
- }
5423
-
5424
- .focus\:ring-error\/50:focus {
5425
- --tw-ring-color: #b5180d80;
5426
- }
5427
-
5428
- @supports (color: color-mix(in lab, red, red)) {
5429
- .focus\:ring-error\/50:focus {
5430
- --tw-ring-color: color-mix(in oklab, var(--color-error) 50%, transparent);
5697
+ .focus\:ring-destructive\/20:focus {
5698
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
5431
5699
  }
5432
5700
  }
5433
5701
 
@@ -5453,24 +5721,6 @@
5453
5721
  }
5454
5722
  }
5455
5723
 
5456
- .focus\:ring-neutral-500:focus {
5457
- --tw-ring-color: var(--color-neutral-500);
5458
- }
5459
-
5460
- .focus\:ring-neutral-800\/50:focus {
5461
- --tw-ring-color: #45454580;
5462
- }
5463
-
5464
- @supports (color: color-mix(in lab, red, red)) {
5465
- .focus\:ring-neutral-800\/50:focus {
5466
- --tw-ring-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
5467
- }
5468
- }
5469
-
5470
- .focus\:ring-primary-500:focus {
5471
- --tw-ring-color: var(--color-primary-500);
5472
- }
5473
-
5474
5724
  .focus\:ring-purple-300:focus {
5475
5725
  --tw-ring-color: var(--color-purple-300);
5476
5726
  }
@@ -5479,30 +5729,6 @@
5479
5729
  --tw-ring-color: var(--color-purple-500);
5480
5730
  }
5481
5731
 
5482
- .focus\:ring-secondary-500:focus {
5483
- --tw-ring-color: var(--color-secondary-500);
5484
- }
5485
-
5486
- .focus\:ring-success\/50:focus {
5487
- --tw-ring-color: #00cc6680;
5488
- }
5489
-
5490
- @supports (color: color-mix(in lab, red, red)) {
5491
- .focus\:ring-success\/50:focus {
5492
- --tw-ring-color: color-mix(in oklab, var(--color-success) 50%, transparent);
5493
- }
5494
- }
5495
-
5496
- .focus\:ring-white\/50:focus {
5497
- --tw-ring-color: #ffffff80;
5498
- }
5499
-
5500
- @supports (color: color-mix(in lab, red, red)) {
5501
- .focus\:ring-white\/50:focus {
5502
- --tw-ring-color: color-mix(in oklab, var(--color-white) 50%, transparent);
5503
- }
5504
- }
5505
-
5506
5732
  .focus\:ring-offset-1:focus {
5507
5733
  --tw-ring-offset-width: 1px;
5508
5734
  --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -5558,11 +5784,29 @@
5558
5784
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5559
5785
  }
5560
5786
 
5787
+ .focus-visible\:ring-3:focus-visible {
5788
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5789
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5790
+ }
5791
+
5792
+ .focus-visible\:ring-6:focus-visible {
5793
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(6px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5794
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5795
+ }
5796
+
5797
+ .focus-visible\:ring-neutral-200:focus-visible {
5798
+ --tw-ring-color: var(--color-neutral-200);
5799
+ }
5800
+
5561
5801
  .focus-visible\:ring-offset-2:focus-visible {
5562
5802
  --tw-ring-offset-width: 2px;
5563
5803
  --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5564
5804
  }
5565
5805
 
5806
+ .focus-visible\:ring-offset-white:focus-visible {
5807
+ --tw-ring-offset-color: var(--color-white);
5808
+ }
5809
+
5566
5810
  .focus-visible\:outline-hidden:focus-visible {
5567
5811
  --tw-outline-style: none;
5568
5812
  outline-style: none;
@@ -5615,6 +5859,19 @@
5615
5859
  opacity: .5;
5616
5860
  }
5617
5861
 
5862
+ .disabled\:ring-0:disabled {
5863
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5864
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5865
+ }
5866
+
5867
+ .has-disabled\:opacity-50:has(:disabled) {
5868
+ opacity: .5;
5869
+ }
5870
+
5871
+ .aria-invalid\:border-error[aria-invalid="true"] {
5872
+ border-color: var(--color-error);
5873
+ }
5874
+
5618
5875
  .aria-selected\:cursor-default[aria-selected="true"] {
5619
5876
  cursor: default;
5620
5877
  }
@@ -5645,6 +5902,16 @@
5645
5902
  }
5646
5903
  }
5647
5904
 
5905
+ .aria-selected\:ring-4[aria-selected="true"] {
5906
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5907
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5908
+ }
5909
+
5910
+ .aria-selected\:ring-6[aria-selected="true"] {
5911
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(6px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5912
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5913
+ }
5914
+
5648
5915
  .aria-selected\:backdrop-blur[aria-selected="true"] {
5649
5916
  --tw-backdrop-blur: blur(8px);
5650
5917
  -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, );
@@ -5661,119 +5928,36 @@
5661
5928
  }
5662
5929
  }
5663
5930
 
5664
- .aria-\[invalid\=true\]\:border-error[aria-invalid="true"] {
5665
- border-color: var(--color-error);
5666
- }
5667
-
5668
- .aria-\[selected\=true\]\:ring-6[aria-selected="true"] {
5669
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(6px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5670
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5671
- }
5672
-
5673
- .aria-\[selected\=true\]\:ring-current\/50[aria-selected="true"] {
5674
- --tw-ring-color: currentcolor;
5675
- }
5676
-
5677
- @supports (color: color-mix(in lab, red, red)) {
5678
- .aria-\[selected\=true\]\:ring-current\/50[aria-selected="true"] {
5679
- --tw-ring-color: color-mix(in oklab, currentcolor 50%, transparent);
5680
- }
5681
- }
5682
-
5683
- .aria-\[selected\=true\]\:ring-destructive-500\/50[aria-selected="true"] {
5684
- --tw-ring-color: #f95a1680;
5685
- }
5686
-
5687
- @supports (color: color-mix(in lab, red, red)) {
5688
- .aria-\[selected\=true\]\:ring-destructive-500\/50[aria-selected="true"] {
5689
- --tw-ring-color: color-mix(in oklab, var(--color-destructive-500) 50%, transparent);
5690
- }
5691
- }
5692
-
5693
- .aria-\[selected\=true\]\:ring-error\/50[aria-selected="true"] {
5694
- --tw-ring-color: #b5180d80;
5695
- }
5696
-
5697
- @supports (color: color-mix(in lab, red, red)) {
5698
- .aria-\[selected\=true\]\:ring-error\/50[aria-selected="true"] {
5699
- --tw-ring-color: color-mix(in oklab, var(--color-error) 50%, transparent);
5700
- }
5701
- }
5702
-
5703
- .aria-\[selected\=true\]\:ring-neutral-500\/50[aria-selected="true"] {
5704
- --tw-ring-color: #6d6d6d80;
5705
- }
5706
-
5707
- @supports (color: color-mix(in lab, red, red)) {
5708
- .aria-\[selected\=true\]\:ring-neutral-500\/50[aria-selected="true"] {
5709
- --tw-ring-color: color-mix(in oklab, var(--color-neutral-500) 50%, transparent);
5710
- }
5711
- }
5712
-
5713
- .aria-\[selected\=true\]\:ring-neutral-800\/50[aria-selected="true"] {
5714
- --tw-ring-color: #45454580;
5715
- }
5716
-
5717
- @supports (color: color-mix(in lab, red, red)) {
5718
- .aria-\[selected\=true\]\:ring-neutral-800\/50[aria-selected="true"] {
5719
- --tw-ring-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
5720
- }
5721
- }
5722
-
5723
- .aria-\[selected\=true\]\:ring-primary-500\/50[aria-selected="true"] {
5724
- --tw-ring-color: #c565d480;
5725
- }
5726
-
5727
- @supports (color: color-mix(in lab, red, red)) {
5728
- .aria-\[selected\=true\]\:ring-primary-500\/50[aria-selected="true"] {
5729
- --tw-ring-color: color-mix(in oklab, var(--color-primary-500) 50%, transparent);
5730
- }
5731
- }
5732
-
5733
- .aria-\[selected\=true\]\:ring-secondary-500\/50[aria-selected="true"] {
5734
- --tw-ring-color: #eca80680;
5735
- }
5736
-
5737
- @supports (color: color-mix(in lab, red, red)) {
5738
- .aria-\[selected\=true\]\:ring-secondary-500\/50[aria-selected="true"] {
5739
- --tw-ring-color: color-mix(in oklab, var(--color-secondary-500) 50%, transparent);
5740
- }
5741
- }
5742
-
5743
- .aria-\[selected\=true\]\:ring-success\/50[aria-selected="true"] {
5744
- --tw-ring-color: #00cc6680;
5931
+ .data-disabled\:pointer-events-none[data-disabled] {
5932
+ pointer-events: none;
5745
5933
  }
5746
5934
 
5747
- @supports (color: color-mix(in lab, red, red)) {
5748
- .aria-\[selected\=true\]\:ring-success\/50[aria-selected="true"] {
5749
- --tw-ring-color: color-mix(in oklab, var(--color-success) 50%, transparent);
5750
- }
5935
+ .data-disabled\:opacity-50[data-disabled] {
5936
+ opacity: .5;
5751
5937
  }
5752
5938
 
5753
- .aria-\[selected\=true\]\:ring-white\/50[aria-selected="true"] {
5754
- --tw-ring-color: #ffffff80;
5939
+ .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
5940
+ pointer-events: none;
5755
5941
  }
5756
5942
 
5757
- @supports (color: color-mix(in lab, red, red)) {
5758
- .aria-\[selected\=true\]\:ring-white\/50[aria-selected="true"] {
5759
- --tw-ring-color: color-mix(in oklab, var(--color-white) 50%, transparent);
5760
- }
5943
+ .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
5944
+ opacity: .5;
5761
5945
  }
5762
5946
 
5763
- .data-\[disabled\]\:pointer-events-none[data-disabled] {
5764
- pointer-events: none;
5947
+ .data-\[indicator\=true\]\:text-black[data-indicator="true"] {
5948
+ color: var(--color-black);
5765
5949
  }
5766
5950
 
5767
- .data-\[disabled\]\:opacity-50[data-disabled] {
5768
- opacity: .5;
5951
+ .data-\[indicator\=true\]\:text-text[data-indicator="true"] {
5952
+ color: var(--color-text);
5769
5953
  }
5770
5954
 
5771
- .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
5772
- pointer-events: none;
5955
+ .data-\[indicator\=true\]\:text-text-opposite[data-indicator="true"] {
5956
+ color: var(--color-text-opposite);
5773
5957
  }
5774
5958
 
5775
- .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
5776
- opacity: .5;
5959
+ .data-\[indicator\=true\]\:text-white[data-indicator="true"] {
5960
+ color: var(--color-white);
5777
5961
  }
5778
5962
 
5779
5963
  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
@@ -5815,6 +5999,36 @@
5815
5999
  transition-property: none;
5816
6000
  }
5817
6001
 
6002
+ @supports (corner-shape: squircle) {
6003
+ .supports-\[corner-shape\:squircle\]\:rounded-2xl {
6004
+ border-radius: var(--radius-2xl);
6005
+ }
6006
+
6007
+ .supports-\[corner-shape\:squircle\]\:rounded-3xl {
6008
+ border-radius: var(--radius-3xl);
6009
+ }
6010
+
6011
+ .supports-\[corner-shape\:squircle\]\:rounded-4xl {
6012
+ border-radius: var(--radius-4xl);
6013
+ }
6014
+
6015
+ .supports-\[corner-shape\:squircle\]\:rounded-full {
6016
+ border-radius: 3.40282e38px;
6017
+ }
6018
+
6019
+ .supports-\[corner-shape\:squircle\]\:rounded-lg {
6020
+ border-radius: var(--radius-lg);
6021
+ }
6022
+
6023
+ .supports-\[corner-shape\:squircle\]\:rounded-md {
6024
+ border-radius: var(--radius-md);
6025
+ }
6026
+
6027
+ .supports-\[corner-shape\:squircle\]\:rounded-xl {
6028
+ border-radius: var(--radius-xl);
6029
+ }
6030
+ }
6031
+
5818
6032
  @media (prefers-reduced-motion: reduce) {
5819
6033
  .motion-reduce\:transition-none {
5820
6034
  transition-property: none;
@@ -6019,202 +6233,258 @@
6019
6233
  }
6020
6234
  }
6021
6235
 
6022
- .dark\:border-gray-700:where([data-theme="dark"], [data-theme="dark"] *) {
6236
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:border-gray-700 {
6023
6237
  border-color: var(--color-gray-700);
6024
6238
  }
6025
6239
 
6026
- .dark\:border-neutral-950:where([data-theme="dark"], [data-theme="dark"] *) {
6240
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:border-neutral-800 {
6241
+ border-color: var(--color-neutral-800);
6242
+ }
6243
+
6244
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:border-neutral-950 {
6027
6245
  border-color: var(--color-neutral-950);
6028
6246
  }
6029
6247
 
6030
- .dark\:bg-blue-700:where([data-theme="dark"], [data-theme="dark"] *) {
6248
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-blue-700 {
6031
6249
  background-color: var(--color-blue-700);
6032
6250
  }
6033
6251
 
6034
- .dark\:bg-blue-900\/20:where([data-theme="dark"], [data-theme="dark"] *) {
6252
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-blue-900\/20 {
6035
6253
  background-color: #1c398e33;
6036
6254
  }
6037
6255
 
6038
6256
  @supports (color: color-mix(in lab, red, red)) {
6039
- .dark\:bg-blue-900\/20:where([data-theme="dark"], [data-theme="dark"] *) {
6257
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-blue-900\/20 {
6040
6258
  background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
6041
6259
  }
6042
6260
  }
6043
6261
 
6044
- .dark\:bg-blue-900\/30:where([data-theme="dark"], [data-theme="dark"] *) {
6262
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-blue-900\/30 {
6045
6263
  background-color: #1c398e4d;
6046
6264
  }
6047
6265
 
6048
6266
  @supports (color: color-mix(in lab, red, red)) {
6049
- .dark\:bg-blue-900\/30:where([data-theme="dark"], [data-theme="dark"] *) {
6267
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-blue-900\/30 {
6050
6268
  background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
6051
6269
  }
6052
6270
  }
6053
6271
 
6054
- .dark\:bg-blue-900\/50:where([data-theme="dark"], [data-theme="dark"] *) {
6272
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-blue-900\/50 {
6055
6273
  background-color: #1c398e80;
6056
6274
  }
6057
6275
 
6058
6276
  @supports (color: color-mix(in lab, red, red)) {
6059
- .dark\:bg-blue-900\/50:where([data-theme="dark"], [data-theme="dark"] *) {
6277
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-blue-900\/50 {
6060
6278
  background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
6061
6279
  }
6062
6280
  }
6063
6281
 
6064
- .dark\:bg-gray-600:where([data-theme="dark"], [data-theme="dark"] *) {
6282
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-gray-600 {
6065
6283
  background-color: var(--color-gray-600);
6066
6284
  }
6067
6285
 
6068
- .dark\:bg-gray-700:where([data-theme="dark"], [data-theme="dark"] *) {
6286
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-gray-700 {
6069
6287
  background-color: var(--color-gray-700);
6070
6288
  }
6071
6289
 
6072
- .dark\:bg-gray-800:where([data-theme="dark"], [data-theme="dark"] *) {
6290
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-gray-800 {
6073
6291
  background-color: var(--color-gray-800);
6074
6292
  }
6075
6293
 
6076
- .dark\:bg-gray-900:where([data-theme="dark"], [data-theme="dark"] *) {
6294
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-gray-900 {
6077
6295
  background-color: var(--color-gray-900);
6078
6296
  }
6079
6297
 
6080
- .dark\:bg-green-900\/30:where([data-theme="dark"], [data-theme="dark"] *) {
6298
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-green-900\/30 {
6081
6299
  background-color: #0d542b4d;
6082
6300
  }
6083
6301
 
6084
6302
  @supports (color: color-mix(in lab, red, red)) {
6085
- .dark\:bg-green-900\/30:where([data-theme="dark"], [data-theme="dark"] *) {
6303
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-green-900\/30 {
6086
6304
  background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
6087
6305
  }
6088
6306
  }
6089
6307
 
6090
- .dark\:bg-neutral-700:where([data-theme="dark"], [data-theme="dark"] *) {
6308
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-neutral-700 {
6091
6309
  background-color: var(--color-neutral-700);
6092
6310
  }
6093
6311
 
6094
- .dark\:bg-neutral-950:where([data-theme="dark"], [data-theme="dark"] *) {
6312
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-neutral-800 {
6313
+ background-color: var(--color-neutral-800);
6314
+ }
6315
+
6316
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-neutral-950 {
6095
6317
  background-color: var(--color-neutral-950);
6096
6318
  }
6097
6319
 
6098
- .dark\:bg-red-900\/30:where([data-theme="dark"], [data-theme="dark"] *) {
6320
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-red-900\/30 {
6099
6321
  background-color: #82181a4d;
6100
6322
  }
6101
6323
 
6102
6324
  @supports (color: color-mix(in lab, red, red)) {
6103
- .dark\:bg-red-900\/30:where([data-theme="dark"], [data-theme="dark"] *) {
6325
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:bg-red-900\/30 {
6104
6326
  background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
6105
6327
  }
6106
6328
  }
6107
6329
 
6108
- .dark\:from-blue-900\/20:where([data-theme="dark"], [data-theme="dark"] *) {
6330
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:from-blue-900\/20 {
6109
6331
  --tw-gradient-from: #1c398e33;
6110
6332
  }
6111
6333
 
6112
6334
  @supports (color: color-mix(in lab, red, red)) {
6113
- .dark\:from-blue-900\/20:where([data-theme="dark"], [data-theme="dark"] *) {
6335
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:from-blue-900\/20 {
6114
6336
  --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
6115
6337
  }
6116
6338
  }
6117
6339
 
6118
- .dark\:from-blue-900\/20:where([data-theme="dark"], [data-theme="dark"] *) {
6340
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:from-blue-900\/20 {
6119
6341
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6120
6342
  }
6121
6343
 
6122
- .dark\:to-blue-800\/20:where([data-theme="dark"], [data-theme="dark"] *) {
6344
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:to-blue-800\/20 {
6123
6345
  --tw-gradient-to: #193cb833;
6124
6346
  }
6125
6347
 
6126
6348
  @supports (color: color-mix(in lab, red, red)) {
6127
- .dark\:to-blue-800\/20:where([data-theme="dark"], [data-theme="dark"] *) {
6349
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:to-blue-800\/20 {
6128
6350
  --tw-gradient-to: color-mix(in oklab, var(--color-blue-800) 20%, transparent);
6129
6351
  }
6130
6352
  }
6131
6353
 
6132
- .dark\:to-blue-800\/20:where([data-theme="dark"], [data-theme="dark"] *) {
6354
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:to-blue-800\/20 {
6133
6355
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6134
6356
  }
6135
6357
 
6136
- .dark\:stroke-neutral\/30:where([data-theme="dark"], [data-theme="dark"] *) {
6358
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:stroke-neutral\/30 {
6137
6359
  stroke: #5d5d5d4d;
6138
6360
  }
6139
6361
 
6140
6362
  @supports (color: color-mix(in lab, red, red)) {
6141
- .dark\:stroke-neutral\/30:where([data-theme="dark"], [data-theme="dark"] *) {
6363
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:stroke-neutral\/30 {
6142
6364
  stroke: color-mix(in oklab, var(--color-neutral) 30%, transparent);
6143
6365
  }
6144
6366
  }
6145
6367
 
6146
- .dark\:text-blue-200:where([data-theme="dark"], [data-theme="dark"] *) {
6368
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:text-blue-200 {
6147
6369
  color: var(--color-blue-200);
6148
6370
  }
6149
6371
 
6150
- .dark\:text-blue-300:where([data-theme="dark"], [data-theme="dark"] *) {
6372
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:text-blue-300 {
6151
6373
  color: var(--color-blue-300);
6152
6374
  }
6153
6375
 
6154
- .dark\:text-gray-300:where([data-theme="dark"], [data-theme="dark"] *) {
6376
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:text-gray-300 {
6155
6377
  color: var(--color-gray-300);
6156
6378
  }
6157
6379
 
6158
- .dark\:text-gray-400:where([data-theme="dark"], [data-theme="dark"] *) {
6380
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:text-gray-400 {
6159
6381
  color: var(--color-gray-400);
6160
6382
  }
6161
6383
 
6162
- .dark\:text-green-300:where([data-theme="dark"], [data-theme="dark"] *) {
6384
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:text-green-300 {
6163
6385
  color: var(--color-green-300);
6164
6386
  }
6165
6387
 
6166
- .dark\:text-neutral-400:where([data-theme="dark"], [data-theme="dark"] *) {
6388
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:text-neutral-400 {
6167
6389
  color: var(--color-neutral-400);
6168
6390
  }
6169
6391
 
6170
- .dark\:text-orange-300:where([data-theme="dark"], [data-theme="dark"] *) {
6392
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:text-orange-300 {
6171
6393
  color: var(--color-orange-300);
6172
6394
  }
6173
6395
 
6174
- .dark\:text-pink-300:where([data-theme="dark"], [data-theme="dark"] *) {
6396
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:text-pink-300 {
6175
6397
  color: var(--color-pink-300);
6176
6398
  }
6177
6399
 
6178
- .dark\:text-purple-300:where([data-theme="dark"], [data-theme="dark"] *) {
6400
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:text-purple-300 {
6179
6401
  color: var(--color-purple-300);
6180
6402
  }
6181
6403
 
6182
- .dark\:text-red-300:where([data-theme="dark"], [data-theme="dark"] *) {
6404
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:text-red-300 {
6183
6405
  color: var(--color-red-300);
6184
6406
  }
6185
6407
 
6186
- .dark\:text-white:where([data-theme="dark"], [data-theme="dark"] *) {
6408
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:text-white {
6187
6409
  color: var(--color-white);
6188
6410
  }
6189
6411
 
6190
- .dark\:text-yellow-300:where([data-theme="dark"], [data-theme="dark"] *) {
6412
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:text-yellow-300 {
6191
6413
  color: var(--color-yellow-300);
6192
6414
  }
6193
6415
 
6194
- .dark\:before\:bg-neutral-950:where([data-theme="dark"], [data-theme="dark"] *):before, .dark\:after\:bg-neutral-950:where([data-theme="dark"], [data-theme="dark"] *):after {
6416
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:ring-neutral-700 {
6417
+ --tw-ring-color: var(--color-neutral-700);
6418
+ }
6419
+
6420
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:ring-offset-neutral-700 {
6421
+ --tw-ring-offset-color: var(--color-neutral-700);
6422
+ }
6423
+
6424
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:before\:bg-neutral-950:before, :where([data-theme="dark"], [data-theme="dark"] *) .dark\:after\:bg-neutral-950:after {
6195
6425
  content: var(--tw-content);
6196
6426
  background-color: var(--color-neutral-950);
6197
6427
  }
6198
6428
 
6429
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:focus-within\:ring-neutral-500:focus-within {
6430
+ --tw-ring-color: var(--color-neutral-500);
6431
+ }
6432
+
6433
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:focus-within\:ring-offset-neutral-500:focus-within {
6434
+ --tw-ring-offset-color: var(--color-neutral-500);
6435
+ }
6436
+
6199
6437
  @media (hover: hover) {
6200
- .dark\:hover\:bg-gray-600:where([data-theme="dark"], [data-theme="dark"] *):hover {
6438
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:hover\:bg-gray-600:hover {
6201
6439
  background-color: var(--color-gray-600);
6202
6440
  }
6203
6441
 
6204
- .dark\:hover\:bg-gray-700:where([data-theme="dark"], [data-theme="dark"] *):hover {
6442
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:hover\:bg-gray-700:hover {
6205
6443
  background-color: var(--color-gray-700);
6206
6444
  }
6207
6445
 
6208
- .dark\:hover\:bg-neutral-900:where([data-theme="dark"], [data-theme="dark"] *):hover {
6446
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:hover\:bg-neutral-600:hover {
6447
+ background-color: var(--color-neutral-600);
6448
+ }
6449
+
6450
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:hover\:bg-neutral-900:hover {
6209
6451
  background-color: var(--color-neutral-900);
6210
6452
  }
6453
+
6454
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:hover\:bg-neutral-900\/90:hover {
6455
+ background-color: #3d3d3de6;
6456
+ }
6457
+
6458
+ @supports (color: color-mix(in lab, red, red)) {
6459
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:hover\:bg-neutral-900\/90:hover {
6460
+ background-color: color-mix(in oklab, var(--color-neutral-900) 90%, transparent);
6461
+ }
6462
+ }
6463
+ }
6464
+
6465
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:focus\:ring-destructive\/40:focus {
6466
+ --tw-ring-color: #fb7d3c66;
6211
6467
  }
6212
6468
 
6213
- .dark\:active\:border-neutral-600:where([data-theme="dark"], [data-theme="dark"] *):active {
6469
+ @supports (color: color-mix(in lab, red, red)) {
6470
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:focus\:ring-destructive\/40:focus {
6471
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
6472
+ }
6473
+ }
6474
+
6475
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:focus-visible\:ring-neutral-500:focus-visible {
6476
+ --tw-ring-color: var(--color-neutral-500);
6477
+ }
6478
+
6479
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:focus-visible\:ring-offset-neutral-500:focus-visible {
6480
+ --tw-ring-offset-color: var(--color-neutral-500);
6481
+ }
6482
+
6483
+ :where([data-theme="dark"], [data-theme="dark"] *) .dark\:active\:border-neutral-600:active {
6214
6484
  border-color: var(--color-neutral-600);
6215
6485
  }
6216
6486
 
6217
- .active\:dark\:before\:bg-neutral-600:active:where([data-theme="dark"], [data-theme="dark"] *):before, .active\:dark\:after\:bg-neutral-600:active:where([data-theme="dark"], [data-theme="dark"] *):after {
6487
+ :where([data-theme="dark"], [data-theme="dark"] *) .active\:dark\:before\:bg-neutral-600:active:before, :where([data-theme="dark"], [data-theme="dark"] *) .active\:dark\:after\:bg-neutral-600:active:after {
6218
6488
  content: var(--tw-content);
6219
6489
  background-color: var(--color-neutral-600);
6220
6490
  }
@@ -6280,6 +6550,31 @@
6280
6550
  }
6281
6551
  }
6282
6552
 
6553
+ :root, [data-theme="light"] {
6554
+ --font-sans: "Figtree Variable", sans-serif;
6555
+ --color-background: #fff;
6556
+ --color-background-opposite: #121212;
6557
+ --color-text: #121212;
6558
+ --color-text-opposite: #fff;
6559
+ --color-text-dark: #fff;
6560
+ --color-text-light: #121212;
6561
+ --color-card: #e7e7e7;
6562
+ --color-card-hover: #e7e7e7;
6563
+ --color-hypertext: #cbeb40;
6564
+ --color-hypertext-hover: #c565d4;
6565
+ --color-hypertext-active: #cbeb40;
6566
+ --color-shadow: #121212;
6567
+ --color-primary: #cbeb40;
6568
+ --color-secondary: #ffe66d;
6569
+ --color-destructive: #fb7d3c;
6570
+ --color-neutral: #5d5d5d;
6571
+ --color-success: #0c6;
6572
+ --color-warning: #d69942;
6573
+ --color-error: #b5180d;
6574
+ --color-white: #fff;
6575
+ --color-black: #000;
6576
+ }
6577
+
6283
6578
  [data-theme="dark"] {
6284
6579
  --font-sans: "Figtree Variable", sans-serif;
6285
6580
  --color-background: #171717;
@@ -6288,11 +6583,11 @@
6288
6583
  --color-text-opposite: #121212;
6289
6584
  --color-card: #272727;
6290
6585
  --color-card-hover: #4f4f4f;
6291
- --color-hypertext: #e879f9;
6586
+ --color-hypertext: #cbeb40;
6292
6587
  --color-hypertext-hover: #c565d4;
6293
- --color-hypertext-active: #e879f9;
6588
+ --color-hypertext-active: #cbeb40;
6294
6589
  --color-shadow: #121212;
6295
- --color-primary: #e879f9;
6590
+ --color-primary: #cbeb40;
6296
6591
  --color-secondary: #ffe66d;
6297
6592
  --color-destructive: #fb7d3c;
6298
6593
  --color-neutral: #5d5d5d;
@@ -6301,12 +6596,6 @@
6301
6596
  --color-error: #b5180d;
6302
6597
  --color-white: #fff;
6303
6598
  --color-black: #000;
6304
- --color-input-background: #3d3d3d;
6305
- --color-input-text: #f6f6f6;
6306
- --color-input-border: #4f4f4f;
6307
- --color-input-border-hover: #5d5d5d;
6308
- --color-input-border-focus: #b0b0b0;
6309
- --color-input-border-disabled: #3d3d3d;
6310
6599
  }
6311
6600
 
6312
6601
  html {
@@ -6494,6 +6783,31 @@ html {
6494
6783
  inherits: false
6495
6784
  }
6496
6785
 
6786
+ @property --tw-ordinal {
6787
+ syntax: "*";
6788
+ inherits: false
6789
+ }
6790
+
6791
+ @property --tw-slashed-zero {
6792
+ syntax: "*";
6793
+ inherits: false
6794
+ }
6795
+
6796
+ @property --tw-numeric-figure {
6797
+ syntax: "*";
6798
+ inherits: false
6799
+ }
6800
+
6801
+ @property --tw-numeric-spacing {
6802
+ syntax: "*";
6803
+ inherits: false
6804
+ }
6805
+
6806
+ @property --tw-numeric-fraction {
6807
+ syntax: "*";
6808
+ inherits: false
6809
+ }
6810
+
6497
6811
  @property --tw-shadow {
6498
6812
  syntax: "*";
6499
6813
  inherits: false;