@nswds/app 1.33.0 → 1.35.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/globals.css CHANGED
@@ -306,6 +306,9 @@
306
306
  .collapse {
307
307
  visibility: collapse;
308
308
  }
309
+ .invisible {
310
+ visibility: hidden;
311
+ }
309
312
  .visible {
310
313
  visibility: visible;
311
314
  }
@@ -341,6 +344,9 @@
341
344
  .inset-y-0 {
342
345
  inset-block: calc(var(--spacing) * 0);
343
346
  }
347
+ .-top-12 {
348
+ top: calc(var(--spacing) * -12);
349
+ }
344
350
  .top-0 {
345
351
  top: calc(var(--spacing) * 0);
346
352
  }
@@ -377,6 +383,9 @@
377
383
  .top-full {
378
384
  top: 100%;
379
385
  }
386
+ .-right-12 {
387
+ right: calc(var(--spacing) * -12);
388
+ }
380
389
  .right-0 {
381
390
  right: calc(var(--spacing) * 0);
382
391
  }
@@ -389,9 +398,15 @@
389
398
  .right-4 {
390
399
  right: calc(var(--spacing) * 4);
391
400
  }
401
+ .-bottom-12 {
402
+ bottom: calc(var(--spacing) * -12);
403
+ }
392
404
  .bottom-0 {
393
405
  bottom: calc(var(--spacing) * 0);
394
406
  }
407
+ .-left-12 {
408
+ left: calc(var(--spacing) * -12);
409
+ }
395
410
  .left-0 {
396
411
  left: calc(var(--spacing) * 0);
397
412
  }
@@ -443,6 +458,24 @@
443
458
  .row-start-1 {
444
459
  grid-row-start: 1;
445
460
  }
461
+ .container {
462
+ width: 100%;
463
+ @media (width >= 40rem) {
464
+ max-width: 40rem;
465
+ }
466
+ @media (width >= 48rem) {
467
+ max-width: 48rem;
468
+ }
469
+ @media (width >= 64rem) {
470
+ max-width: 64rem;
471
+ }
472
+ @media (width >= 80rem) {
473
+ max-width: 80rem;
474
+ }
475
+ @media (width >= 96rem) {
476
+ max-width: 96rem;
477
+ }
478
+ }
446
479
  .-m-0 {
447
480
  margin: calc(var(--spacing) * -0);
448
481
  }
@@ -497,6 +530,9 @@
497
530
  .me-1\.5 {
498
531
  margin-inline-end: calc(var(--spacing) * 1.5);
499
532
  }
533
+ .-mt-4 {
534
+ margin-top: calc(var(--spacing) * -4);
535
+ }
500
536
  .mt-0 {
501
537
  margin-top: calc(var(--spacing) * 0);
502
538
  }
@@ -569,6 +605,9 @@
569
605
  .-ml-1 {
570
606
  margin-left: calc(var(--spacing) * -1);
571
607
  }
608
+ .-ml-4 {
609
+ margin-left: calc(var(--spacing) * -4);
610
+ }
572
611
  .-ml-px {
573
612
  margin-left: -1px;
574
613
  }
@@ -647,6 +686,10 @@
647
686
  .aspect-video {
648
687
  aspect-ratio: var(--aspect-video);
649
688
  }
689
+ .size-\(--cell-size\) {
690
+ width: var(--cell-size);
691
+ height: var(--cell-size);
692
+ }
650
693
  .size-2 {
651
694
  width: calc(var(--spacing) * 2);
652
695
  height: calc(var(--spacing) * 2);
@@ -695,10 +738,17 @@
695
738
  width: max(100%, 2.75rem);
696
739
  height: max(100%, 2.75rem);
697
740
  }
741
+ .size-auto {
742
+ width: auto;
743
+ height: auto;
744
+ }
698
745
  .size-full {
699
746
  width: 100%;
700
747
  height: 100%;
701
748
  }
749
+ .h-\(--cell-size\) {
750
+ height: var(--cell-size);
751
+ }
702
752
  .h-1 {
703
753
  height: calc(var(--spacing) * 1);
704
754
  }
@@ -807,9 +857,15 @@
807
857
  .min-h-16 {
808
858
  min-height: calc(var(--spacing) * 16);
809
859
  }
860
+ .min-h-32 {
861
+ min-height: calc(var(--spacing) * 32);
862
+ }
810
863
  .min-h-\[200px\] {
811
864
  min-height: 200px;
812
865
  }
866
+ .w-\(--cell-size\) {
867
+ width: var(--cell-size);
868
+ }
813
869
  .w-0 {
814
870
  width: calc(var(--spacing) * 0);
815
871
  }
@@ -846,12 +902,18 @@
846
902
  .w-8 {
847
903
  width: calc(var(--spacing) * 8);
848
904
  }
905
+ .w-9 {
906
+ width: calc(var(--spacing) * 9);
907
+ }
849
908
  .w-10 {
850
909
  width: calc(var(--spacing) * 10);
851
910
  }
852
911
  .w-12 {
853
912
  width: calc(var(--spacing) * 12);
854
913
  }
914
+ .w-20 {
915
+ width: calc(var(--spacing) * 20);
916
+ }
855
917
  .w-28 {
856
918
  width: calc(var(--spacing) * 28);
857
919
  }
@@ -936,6 +998,9 @@
936
998
  .max-w-sm {
937
999
  max-width: var(--container-sm);
938
1000
  }
1001
+ .min-w-\(--cell-size\) {
1002
+ min-width: var(--cell-size);
1003
+ }
939
1004
  .min-w-0 {
940
1005
  min-width: calc(var(--spacing) * 0);
941
1006
  }
@@ -984,9 +1049,15 @@
984
1049
  .grow {
985
1050
  flex-grow: 1;
986
1051
  }
1052
+ .grow-0 {
1053
+ flex-grow: 0;
1054
+ }
987
1055
  .basis-0 {
988
1056
  flex-basis: calc(var(--spacing) * 0);
989
1057
  }
1058
+ .basis-full {
1059
+ flex-basis: 100%;
1060
+ }
990
1061
  .caption-bottom {
991
1062
  caption-side: bottom;
992
1063
  }
@@ -999,6 +1070,9 @@
999
1070
  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
1000
1071
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
1001
1072
  }
1073
+ .origin-\(--radix-hover-card-content-transform-origin\) {
1074
+ transform-origin: var(--radix-hover-card-content-transform-origin);
1075
+ }
1002
1076
  .origin-\(--radix-menubar-content-transform-origin\) {
1003
1077
  transform-origin: var(--radix-menubar-content-transform-origin);
1004
1078
  }
@@ -1073,6 +1147,9 @@
1073
1147
  .rotate-45 {
1074
1148
  rotate: 45deg;
1075
1149
  }
1150
+ .rotate-90 {
1151
+ rotate: 90deg;
1152
+ }
1076
1153
  .rotate-180 {
1077
1154
  rotate: 180deg;
1078
1155
  }
@@ -1232,6 +1309,13 @@
1232
1309
  .gap-\[calc\(--spacing\(2\)\)\] {
1233
1310
  gap: calc(calc(var(--spacing) * 2));
1234
1311
  }
1312
+ .space-y-0 {
1313
+ :where(& > :not(:last-child)) {
1314
+ --tw-space-y-reverse: 0;
1315
+ margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
1316
+ margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
1317
+ }
1318
+ }
1235
1319
  .space-y-1 {
1236
1320
  :where(& > :not(:last-child)) {
1237
1321
  --tw-space-y-reverse: 0;
@@ -1457,6 +1541,10 @@
1457
1541
  border-top-left-radius: var(--radius-xl);
1458
1542
  border-top-right-radius: var(--radius-xl);
1459
1543
  }
1544
+ .rounded-l-md {
1545
+ border-top-left-radius: var(--radius-md);
1546
+ border-bottom-left-radius: var(--radius-md);
1547
+ }
1460
1548
  .rounded-tl-sm {
1461
1549
  border-top-left-radius: var(--radius-sm);
1462
1550
  }
@@ -1488,6 +1576,10 @@
1488
1576
  border-inline-style: var(--tw-border-style);
1489
1577
  border-inline-width: 1px;
1490
1578
  }
1579
+ .border-y {
1580
+ border-block-style: var(--tw-border-style);
1581
+ border-block-width: 1px;
1582
+ }
1491
1583
  .border-t {
1492
1584
  border-top-style: var(--tw-border-style);
1493
1585
  border-top-width: 1px;
@@ -1574,6 +1666,9 @@
1574
1666
  .border-grey-300 {
1575
1667
  border-color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
1576
1668
  }
1669
+ .border-grey-600 {
1670
+ border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
1671
+ }
1577
1672
  .border-grey-950 {
1578
1673
  border-color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
1579
1674
  }
@@ -1601,6 +1696,9 @@
1601
1696
  .border-primary-500 {
1602
1697
  border-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
1603
1698
  }
1699
+ .border-primary-800 {
1700
+ border-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
1701
+ }
1604
1702
  .border-red-400 {
1605
1703
  border-color: var(--color-red-400);
1606
1704
  }
@@ -1652,6 +1750,9 @@
1652
1750
  .bg-\(--color-bg\) {
1653
1751
  background-color: var(--color-bg);
1654
1752
  }
1753
+ .bg-accent {
1754
+ background-color: var(--accent);
1755
+ }
1655
1756
  .bg-amber-500 {
1656
1757
  background-color: var(--color-amber-500);
1657
1758
  }
@@ -1703,6 +1804,9 @@
1703
1804
  .bg-emerald-500 {
1704
1805
  background-color: var(--color-emerald-500);
1705
1806
  }
1807
+ .bg-foreground {
1808
+ background-color: var(--foreground);
1809
+ }
1706
1810
  .bg-fuchsia-500 {
1707
1811
  background-color: var(--color-fuchsia-500);
1708
1812
  }
@@ -1985,6 +2089,9 @@
1985
2089
  .p-px {
1986
2090
  padding: 1px;
1987
2091
  }
2092
+ .px-\(--cell-size\) {
2093
+ padding-inline: var(--cell-size);
2094
+ }
1988
2095
  .px-0 {
1989
2096
  padding-inline: calc(var(--spacing) * 0);
1990
2097
  }
@@ -2069,6 +2176,9 @@
2069
2176
  .py-8 {
2070
2177
  padding-block: calc(var(--spacing) * 8);
2071
2178
  }
2179
+ .py-10 {
2180
+ padding-block: calc(var(--spacing) * 10);
2181
+ }
2072
2182
  .py-16 {
2073
2183
  padding-block: calc(var(--spacing) * 16);
2074
2184
  }
@@ -2235,6 +2345,9 @@
2235
2345
  font-size: var(--text-xs);
2236
2346
  line-height: var(--tw-leading, var(--text-xs--line-height));
2237
2347
  }
2348
+ .text-\[0\.8rem\] {
2349
+ font-size: 0.8rem;
2350
+ }
2238
2351
  .text-\[calc\(var\(--display-font-size-1\)_\*_var\(--heading-font-size-adjust\)\)\] {
2239
2352
  font-size: calc(var(--display-font-size-1) * var(--heading-font-size-adjust));
2240
2353
  }
@@ -2415,6 +2528,9 @@
2415
2528
  .text-\(--btn-text\) {
2416
2529
  color: var(--btn-text);
2417
2530
  }
2531
+ .text-accent-foreground {
2532
+ color: var(--accent-foreground);
2533
+ }
2418
2534
  .text-amber-500 {
2419
2535
  color: var(--color-amber-500);
2420
2536
  }
@@ -2779,6 +2895,10 @@
2779
2895
  --tw-duration: 800ms;
2780
2896
  transition-duration: 800ms;
2781
2897
  }
2898
+ .duration-1000 {
2899
+ --tw-duration: 1000ms;
2900
+ transition-duration: 1000ms;
2901
+ }
2782
2902
  .ease-in-out {
2783
2903
  --tw-ease: var(--ease-in-out);
2784
2904
  transition-timing-function: var(--ease-in-out);
@@ -3024,6 +3144,9 @@
3024
3144
  .\[--btn-text\:white\] {
3025
3145
  --btn-text: white;
3026
3146
  }
3147
+ .\[--cell-size\:--spacing\(8\)\] {
3148
+ --cell-size: calc(var(--spacing) * 8);
3149
+ }
3027
3150
  .\[--focus-outline\:var\(--color-accent-600\)\] {
3028
3151
  --focus-outline: var(--color-accent-600);
3029
3152
  }
@@ -3072,6 +3195,9 @@
3072
3195
  .duration-800 {
3073
3196
  animation-duration: 800ms;
3074
3197
  }
3198
+ .duration-1000 {
3199
+ animation-duration: 1000ms;
3200
+ }
3075
3201
  .ease-in-out {
3076
3202
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3077
3203
  }
@@ -3214,6 +3340,35 @@
3214
3340
  opacity: 50%;
3215
3341
  }
3216
3342
  }
3343
+ .group-data-\[focused\=true\]\/day\:relative {
3344
+ &:is(:where(.group\/day)[data-focused="true"] *) {
3345
+ position: relative;
3346
+ }
3347
+ }
3348
+ .group-data-\[focused\=true\]\/day\:z-10 {
3349
+ &:is(:where(.group\/day)[data-focused="true"] *) {
3350
+ z-index: 10;
3351
+ }
3352
+ }
3353
+ .group-data-\[focused\=true\]\/day\:border-ring {
3354
+ &:is(:where(.group\/day)[data-focused="true"] *) {
3355
+ border-color: var(--ring);
3356
+ }
3357
+ }
3358
+ .group-data-\[focused\=true\]\/day\:ring-\[3px\] {
3359
+ &:is(:where(.group\/day)[data-focused="true"] *) {
3360
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3361
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3362
+ }
3363
+ }
3364
+ .group-data-\[focused\=true\]\/day\:ring-ring\/50 {
3365
+ &:is(:where(.group\/day)[data-focused="true"] *) {
3366
+ --tw-ring-color: var(--ring);
3367
+ @supports (color: color-mix(in lab, red, red)) {
3368
+ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
3369
+ }
3370
+ }
3371
+ }
3217
3372
  .group-data-\[state\=open\]\:rotate-90 {
3218
3373
  &:is(:where(.group)[data-state="open"] *) {
3219
3374
  rotate: 90deg;
@@ -3302,6 +3457,11 @@
3302
3457
  opacity: 50%;
3303
3458
  }
3304
3459
  }
3460
+ .peer-disabled\:opacity-70 {
3461
+ &:is(:where(.peer):disabled ~ *) {
3462
+ opacity: 70%;
3463
+ }
3464
+ }
3305
3465
  .selection\:bg-primary-800 {
3306
3466
  & *::selection {
3307
3467
  background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
@@ -3310,12 +3470,12 @@
3310
3470
  background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
3311
3471
  }
3312
3472
  }
3313
- .selection\:text-primary-foreground {
3473
+ .selection\:text-white {
3314
3474
  & *::selection {
3315
- color: var(--primary-foreground);
3475
+ color: var(--color-white);
3316
3476
  }
3317
3477
  &::selection {
3318
- color: var(--primary-foreground);
3478
+ color: var(--color-white);
3319
3479
  }
3320
3480
  }
3321
3481
  .file\:inline-flex {
@@ -3323,9 +3483,9 @@
3323
3483
  display: inline-flex;
3324
3484
  }
3325
3485
  }
3326
- .file\:h-7 {
3486
+ .file\:h-10 {
3327
3487
  &::file-selector-button {
3328
- height: calc(var(--spacing) * 7);
3488
+ height: calc(var(--spacing) * 10);
3329
3489
  }
3330
3490
  }
3331
3491
  .file\:border-0 {
@@ -3351,9 +3511,9 @@
3351
3511
  font-weight: var(--font-weight-medium);
3352
3512
  }
3353
3513
  }
3354
- .file\:text-foreground {
3514
+ .file\:text-grey-800 {
3355
3515
  &::file-selector-button {
3356
- color: var(--foreground);
3516
+ color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
3357
3517
  }
3358
3518
  }
3359
3519
  .placeholder\:text-grey-500 {
@@ -3605,12 +3765,24 @@
3605
3765
  border-bottom-left-radius: 4px;
3606
3766
  }
3607
3767
  }
3768
+ .first\:rounded-l-md {
3769
+ &:first-child {
3770
+ border-top-left-radius: var(--radius-md);
3771
+ border-bottom-left-radius: var(--radius-md);
3772
+ }
3773
+ }
3608
3774
  .first\:rounded-l-sm {
3609
3775
  &:first-child {
3610
3776
  border-top-left-radius: var(--radius-sm);
3611
3777
  border-bottom-left-radius: var(--radius-sm);
3612
3778
  }
3613
3779
  }
3780
+ .first\:border-l {
3781
+ &:first-child {
3782
+ border-left-style: var(--tw-border-style);
3783
+ border-left-width: 1px;
3784
+ }
3785
+ }
3614
3786
  .first\:pl-0 {
3615
3787
  &:first-child {
3616
3788
  padding-left: calc(var(--spacing) * 0);
@@ -3622,6 +3794,12 @@
3622
3794
  border-bottom-right-radius: 4px;
3623
3795
  }
3624
3796
  }
3797
+ .last\:rounded-r-md {
3798
+ &:last-child {
3799
+ border-top-right-radius: var(--radius-md);
3800
+ border-bottom-right-radius: var(--radius-md);
3801
+ }
3802
+ }
3625
3803
  .last\:rounded-r-sm {
3626
3804
  &:last-child {
3627
3805
  border-top-right-radius: var(--radius-sm);
@@ -3969,6 +4147,11 @@
3969
4147
  border-color: var(--color-blue-500);
3970
4148
  }
3971
4149
  }
4150
+ .focus\:border-grey-600 {
4151
+ &:focus {
4152
+ border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
4153
+ }
4154
+ }
3972
4155
  .focus\:bg-primary-800\/10 {
3973
4156
  &:focus {
3974
4157
  background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
@@ -4007,12 +4190,23 @@
4007
4190
  --tw-ring-color: var(--color-blue-200);
4008
4191
  }
4009
4192
  }
4193
+ .focus\:ring-primary-650\/70 {
4194
+ &:focus {
4195
+ --tw-ring-color: color-mix(in oklab, oklch(0.5038341615701663 0.20169915825513662 260.52773388396713) 70%, transparent);
4196
+ }
4197
+ }
4010
4198
  .focus\:ring-offset-0 {
4011
4199
  &:focus {
4012
4200
  --tw-ring-offset-width: 0px;
4013
4201
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4014
4202
  }
4015
4203
  }
4204
+ .focus\:ring-offset-2 {
4205
+ &:focus {
4206
+ --tw-ring-offset-width: 2px;
4207
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4208
+ }
4209
+ }
4016
4210
  .focus\:outline {
4017
4211
  &:focus {
4018
4212
  outline-style: var(--tw-outline-style);
@@ -4077,6 +4271,11 @@
4077
4271
  z-index: 10;
4078
4272
  }
4079
4273
  }
4274
+ .focus-visible\:border-grey-600 {
4275
+ &:focus-visible {
4276
+ border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
4277
+ }
4278
+ }
4080
4279
  .focus-visible\:border-ring {
4081
4280
  &:focus-visible {
4082
4281
  border-color: var(--ring);
@@ -4190,6 +4389,30 @@
4190
4389
  opacity: 50%;
4191
4390
  }
4192
4391
  }
4392
+ .has-focus\:border-ring {
4393
+ &:has(*:focus) {
4394
+ border-color: var(--ring);
4395
+ }
4396
+ }
4397
+ .has-focus\:ring-\[3px\] {
4398
+ &:has(*:focus) {
4399
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4400
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4401
+ }
4402
+ }
4403
+ .has-focus\:ring-ring\/50 {
4404
+ &:has(*:focus) {
4405
+ --tw-ring-color: var(--ring);
4406
+ @supports (color: color-mix(in lab, red, red)) {
4407
+ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
4408
+ }
4409
+ }
4410
+ }
4411
+ .has-disabled\:opacity-50 {
4412
+ &:has(*:disabled) {
4413
+ opacity: 50%;
4414
+ }
4415
+ }
4193
4416
  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
4194
4417
  &:has(*[data-slot="card-action"]) {
4195
4418
  grid-template-columns: 1fr auto;
@@ -4205,6 +4428,11 @@
4205
4428
  column-gap: calc(var(--spacing) * 3);
4206
4429
  }
4207
4430
  }
4431
+ .aria-disabled\:opacity-50 {
4432
+ &[aria-disabled="true"] {
4433
+ opacity: 50%;
4434
+ }
4435
+ }
4208
4436
  .aria-invalid\:border-destructive {
4209
4437
  &[aria-invalid="true"] {
4210
4438
  border-color: var(--destructive);
@@ -4218,6 +4446,11 @@
4218
4446
  }
4219
4447
  }
4220
4448
  }
4449
+ .aria-selected\:text-muted-foreground {
4450
+ &[aria-selected="true"] {
4451
+ color: var(--muted-foreground);
4452
+ }
4453
+ }
4221
4454
  .data-active\:border-\(--btn-bg\) {
4222
4455
  &[data-active] {
4223
4456
  border-color: var(--btn-bg);
@@ -4277,11 +4510,35 @@
4277
4510
  }
4278
4511
  }
4279
4512
  }
4513
+ .data-\[active\=true\]\:z-10 {
4514
+ &[data-active="true"] {
4515
+ z-index: 10;
4516
+ }
4517
+ }
4518
+ .data-\[active\=true\]\:border-ring {
4519
+ &[data-active="true"] {
4520
+ border-color: var(--ring);
4521
+ }
4522
+ }
4280
4523
  .data-\[active\=true\]\:text-accent-foreground {
4281
4524
  &[data-active="true"] {
4282
4525
  color: var(--accent-foreground);
4283
4526
  }
4284
4527
  }
4528
+ .data-\[active\=true\]\:ring-\[3px\] {
4529
+ &[data-active="true"] {
4530
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4531
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4532
+ }
4533
+ }
4534
+ .data-\[active\=true\]\:ring-ring\/50 {
4535
+ &[data-active="true"] {
4536
+ --tw-ring-color: var(--ring);
4537
+ @supports (color: color-mix(in lab, red, red)) {
4538
+ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
4539
+ }
4540
+ }
4541
+ }
4285
4542
  .data-\[active\=true\]\:hover\:bg-primary-800\/10 {
4286
4543
  &[data-active="true"] {
4287
4544
  &:hover {
@@ -4298,6 +4555,23 @@
4298
4555
  }
4299
4556
  }
4300
4557
  }
4558
+ .data-\[active\=true\]\:aria-invalid\:border-destructive {
4559
+ &[data-active="true"] {
4560
+ &[aria-invalid="true"] {
4561
+ border-color: var(--destructive);
4562
+ }
4563
+ }
4564
+ }
4565
+ .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20 {
4566
+ &[data-active="true"] {
4567
+ &[aria-invalid="true"] {
4568
+ --tw-ring-color: var(--destructive);
4569
+ @supports (color: color-mix(in lab, red, red)) {
4570
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
4571
+ }
4572
+ }
4573
+ }
4574
+ }
4301
4575
  .data-\[closed\]\:-translate-y-1 {
4302
4576
  &[data-closed] {
4303
4577
  --tw-translate-y: calc(var(--spacing) * -1);
@@ -4547,9 +4821,81 @@
4547
4821
  }
4548
4822
  }
4549
4823
  }
4550
- .data-\[placeholder\]\:text-nsw-grey-600 {
4824
+ .data-\[placeholder\]\:text-grey-600 {
4551
4825
  &[data-placeholder] {
4552
- color: var(--color-nsw-grey-600);
4826
+ color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
4827
+ }
4828
+ }
4829
+ .data-\[range-end\=true\]\:rounded-md {
4830
+ &[data-range-end="true"] {
4831
+ border-radius: var(--radius-md);
4832
+ }
4833
+ }
4834
+ .data-\[range-end\=true\]\:rounded-r-md {
4835
+ &[data-range-end="true"] {
4836
+ border-top-right-radius: var(--radius-md);
4837
+ border-bottom-right-radius: var(--radius-md);
4838
+ }
4839
+ }
4840
+ .data-\[range-end\=true\]\:bg-primary {
4841
+ &[data-range-end="true"] {
4842
+ background-color: var(--primary);
4843
+ }
4844
+ }
4845
+ .data-\[range-end\=true\]\:text-primary-foreground {
4846
+ &[data-range-end="true"] {
4847
+ color: var(--primary-foreground);
4848
+ }
4849
+ }
4850
+ .data-\[range-middle\=true\]\:rounded-none {
4851
+ &[data-range-middle="true"] {
4852
+ border-radius: 0;
4853
+ }
4854
+ }
4855
+ .data-\[range-middle\=true\]\:bg-accent {
4856
+ &[data-range-middle="true"] {
4857
+ background-color: var(--accent);
4858
+ }
4859
+ }
4860
+ .data-\[range-middle\=true\]\:text-accent-foreground {
4861
+ &[data-range-middle="true"] {
4862
+ color: var(--accent-foreground);
4863
+ }
4864
+ }
4865
+ .data-\[range-start\=true\]\:rounded-md {
4866
+ &[data-range-start="true"] {
4867
+ border-radius: var(--radius-md);
4868
+ }
4869
+ }
4870
+ .data-\[range-start\=true\]\:rounded-l-md {
4871
+ &[data-range-start="true"] {
4872
+ border-top-left-radius: var(--radius-md);
4873
+ border-bottom-left-radius: var(--radius-md);
4874
+ }
4875
+ }
4876
+ .data-\[range-start\=true\]\:bg-primary {
4877
+ &[data-range-start="true"] {
4878
+ background-color: var(--primary);
4879
+ }
4880
+ }
4881
+ .data-\[range-start\=true\]\:text-primary-foreground {
4882
+ &[data-range-start="true"] {
4883
+ color: var(--primary-foreground);
4884
+ }
4885
+ }
4886
+ .data-\[selected-single\=true\]\:bg-primary {
4887
+ &[data-selected-single="true"] {
4888
+ background-color: var(--primary);
4889
+ }
4890
+ }
4891
+ .data-\[selected-single\=true\]\:text-primary-foreground {
4892
+ &[data-selected-single="true"] {
4893
+ color: var(--primary-foreground);
4894
+ }
4895
+ }
4896
+ .data-\[selected\=true\]\:rounded-none {
4897
+ &[data-selected="true"] {
4898
+ border-radius: 0;
4553
4899
  }
4554
4900
  }
4555
4901
  .data-\[selected\=true\]\:bg-primary-800\/10 {
@@ -4787,19 +5133,19 @@
4787
5133
  translate: var(--tw-translate-x) var(--tw-translate-y);
4788
5134
  }
4789
5135
  }
4790
- .data-\[state\=checked\]\:border-primary-800 {
5136
+ .data-\[state\=checked\]\:bg-primary-800 {
4791
5137
  &[data-state="checked"] {
4792
- border-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
5138
+ background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
4793
5139
  }
4794
5140
  }
4795
- .data-\[state\=checked\]\:bg-primary-800 {
5141
+ .data-\[state\=checked\]\:bg-white {
4796
5142
  &[data-state="checked"] {
4797
- background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
5143
+ background-color: var(--color-white);
4798
5144
  }
4799
5145
  }
4800
- .data-\[state\=checked\]\:text-primary-foreground {
5146
+ .data-\[state\=checked\]\:text-white {
4801
5147
  &[data-state="checked"] {
4802
- color: var(--primary-foreground);
5148
+ color: var(--color-white);
4803
5149
  }
4804
5150
  }
4805
5151
  .data-\[state\=closed\]\:animate-hide {
@@ -5673,6 +6019,11 @@
5673
6019
  grid-template-columns: repeat(19, minmax(0, 1fr));
5674
6020
  }
5675
6021
  }
6022
+ .md\:flex-row {
6023
+ @media (width >= 48rem) {
6024
+ flex-direction: row;
6025
+ }
6026
+ }
5676
6027
  .md\:text-sm {
5677
6028
  @media (width >= 48rem) {
5678
6029
  font-size: var(--text-sm);
@@ -6673,6 +7024,15 @@
6673
7024
  }
6674
7025
  }
6675
7026
  }
7027
+ .dark\:hover\:text-accent-foreground {
7028
+ &:where([data-theme=dark], [data-theme=dark] *) {
7029
+ &:hover {
7030
+ @media (hover: hover) {
7031
+ color: var(--accent-foreground);
7032
+ }
7033
+ }
7034
+ }
7035
+ }
6676
7036
  .dark\:hover\:text-gray-50 {
6677
7037
  &:where([data-theme=dark], [data-theme=dark] *) {
6678
7038
  &:hover {
@@ -6752,6 +7112,18 @@
6752
7112
  }
6753
7113
  }
6754
7114
  }
7115
+ .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40 {
7116
+ &:where([data-theme=dark], [data-theme=dark] *) {
7117
+ &[data-active="true"] {
7118
+ &[aria-invalid="true"] {
7119
+ --tw-ring-color: var(--destructive);
7120
+ @supports (color: color-mix(in lab, red, red)) {
7121
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
7122
+ }
7123
+ }
7124
+ }
7125
+ }
7126
+ }
6755
7127
  .dark\:data-\[state\=active\]\:bg-input\/30 {
6756
7128
  &:where([data-theme=dark], [data-theme=dark] *) {
6757
7129
  &[data-state="active"] {
@@ -6769,10 +7141,10 @@
6769
7141
  }
6770
7142
  }
6771
7143
  }
6772
- .dark\:data-\[state\=checked\]\:bg-primary-800 {
7144
+ .dark\:data-\[state\=checked\]\:bg-primary {
6773
7145
  &:where([data-theme=dark], [data-theme=dark] *) {
6774
7146
  &[data-state="checked"] {
6775
- background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
7147
+ background-color: var(--primary);
6776
7148
  }
6777
7149
  }
6778
7150
  }
@@ -7270,14 +7642,14 @@
7270
7642
  height: calc(var(--spacing) * 6);
7271
7643
  }
7272
7644
  }
7273
- .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
7645
+ .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-grey-600 {
7274
7646
  & svg:not([class*='text-']) {
7275
- color: var(--muted-foreground);
7647
+ color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
7276
7648
  }
7277
7649
  }
7278
- .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-nsw-grey-600 {
7650
+ .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
7279
7651
  & svg:not([class*='text-']) {
7280
- color: var(--color-nsw-grey-600);
7652
+ color: var(--muted-foreground);
7281
7653
  }
7282
7654
  }
7283
7655
  .\[\&_svg\:not\(\[class\*\=\\\"size-\\\"\]\)\]\:size-4 {
@@ -7303,6 +7675,12 @@
7303
7675
  display: none;
7304
7676
  }
7305
7677
  }
7678
+ .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md {
7679
+ &:first-child[data-selected=true] button {
7680
+ border-top-left-radius: var(--radius-md);
7681
+ border-bottom-left-radius: var(--radius-md);
7682
+ }
7683
+ }
7306
7684
  .\[\&\:has\(\[data-state\=checked\]\)\]\:border-nsw-grey-800 {
7307
7685
  &:has([data-state=checked]) {
7308
7686
  border-color: var(--color-nsw-grey-800);
@@ -7323,6 +7701,42 @@
7323
7701
  padding-top: calc(var(--spacing) * 6);
7324
7702
  }
7325
7703
  }
7704
+ .rtl\:\*\*\:\[\.rdp-button\\\\_next\>svg\]\:rotate-180 {
7705
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
7706
+ :is(& *) {
7707
+ &:is(.rdp-button\_next>svg) {
7708
+ rotate: 180deg;
7709
+ }
7710
+ }
7711
+ }
7712
+ }
7713
+ .rtl\:\*\*\:\[\.rdp-button\\\\_previous\>svg\]\:rotate-180 {
7714
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
7715
+ :is(& *) {
7716
+ &:is(.rdp-button\_previous>svg) {
7717
+ rotate: 180deg;
7718
+ }
7719
+ }
7720
+ }
7721
+ }
7722
+ .rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180 {
7723
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
7724
+ :is(& *) {
7725
+ &:is(.rdp-button_next>svg) {
7726
+ rotate: 180deg;
7727
+ }
7728
+ }
7729
+ }
7730
+ }
7731
+ .rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180 {
7732
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
7733
+ :is(& *) {
7734
+ &:is(.rdp-button_previous>svg) {
7735
+ rotate: 180deg;
7736
+ }
7737
+ }
7738
+ }
7739
+ }
7326
7740
  .\*\:\[span\]\:last\:flex {
7327
7741
  :is(& > *) {
7328
7742
  &:is(span) {
@@ -7359,6 +7773,12 @@
7359
7773
  }
7360
7774
  }
7361
7775
  }
7776
+ .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md {
7777
+ &:last-child[data-selected=true] button {
7778
+ border-top-right-radius: var(--radius-md);
7779
+ border-bottom-right-radius: var(--radius-md);
7780
+ }
7781
+ }
7362
7782
  .\[\&\:nth-last-child\(-n\+3\)\]\:border-b {
7363
7783
  &:nth-last-child(-n+3) {
7364
7784
  border-bottom-style: var(--tw-border-style);
@@ -7371,6 +7791,23 @@
7371
7791
  translate: var(--tw-translate-x) var(--tw-translate-y);
7372
7792
  }
7373
7793
  }
7794
+ .\[\&\>span\]\:text-xs {
7795
+ &>span {
7796
+ font-size: var(--text-xs);
7797
+ line-height: var(--tw-leading, var(--text-xs--line-height));
7798
+ }
7799
+ }
7800
+ .\[\&\>span\]\:opacity-70 {
7801
+ &>span {
7802
+ opacity: 70%;
7803
+ }
7804
+ }
7805
+ .\[\&\>svg\]\:size-3\.5 {
7806
+ &>svg {
7807
+ width: calc(var(--spacing) * 3.5);
7808
+ height: calc(var(--spacing) * 3.5);
7809
+ }
7810
+ }
7374
7811
  .\[\&\>svg\]\:size-4 {
7375
7812
  &>svg {
7376
7813
  width: calc(var(--spacing) * 4);
@@ -7452,6 +7889,16 @@
7452
7889
  }
7453
7890
  }
7454
7891
  }
7892
+ .\[\[data-slot\=card-content\]_\&\]\:bg-transparent {
7893
+ [data-slot=card-content] & {
7894
+ background-color: transparent;
7895
+ }
7896
+ }
7897
+ .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
7898
+ [data-slot=popover-content] & {
7899
+ background-color: transparent;
7900
+ }
7901
+ }
7455
7902
  }
7456
7903
  code[class*='language-'], pre[class*='language-'] {
7457
7904
  color: #ccc;