@giddaa-housing/ui 1.1.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/css/generated/shared.css +1 -1
  2. package/css/giddaa.css +12 -2
  3. package/dist/badge.js +1 -1
  4. package/dist/bullet-chart.d.ts +8 -4
  5. package/dist/bullet-chart.js +10 -6
  6. package/dist/button.js +1 -1
  7. package/dist/card.js +1 -1
  8. package/dist/chart.d.ts +33 -5
  9. package/dist/chart.js +210 -13
  10. package/dist/checkbox.js +1 -1
  11. package/dist/data-table.d.ts +7 -3
  12. package/dist/data-table.js +8 -5
  13. package/dist/dialog-nesting.d.ts +9 -0
  14. package/dist/dialog-nesting.js +27 -0
  15. package/dist/dialog.js +9 -5
  16. package/dist/file-upload.d.ts +43 -0
  17. package/dist/file-upload.js +154 -0
  18. package/dist/funnel-chart.d.ts +11 -7
  19. package/dist/funnel-chart.js +11 -8
  20. package/dist/input-group.js +1 -1
  21. package/dist/input-otp.d.ts +23 -0
  22. package/dist/input-otp.js +56 -0
  23. package/dist/input.js +1 -1
  24. package/dist/line-chart.d.ts +113 -41
  25. package/dist/line-chart.js +217 -30
  26. package/dist/list-item.d.ts +22 -0
  27. package/dist/list-item.js +84 -0
  28. package/dist/number-input.js +20 -17
  29. package/dist/pie-chart.d.ts +83 -52
  30. package/dist/pie-chart.js +85 -43
  31. package/dist/purchase-option-card.d.ts +79 -0
  32. package/dist/purchase-option-card.js +176 -0
  33. package/dist/radio-group.js +1 -1
  34. package/dist/select.js +1 -1
  35. package/dist/sheet.d.ts +4 -2
  36. package/dist/sheet.js +22 -11
  37. package/dist/sparkline.d.ts +28 -15
  38. package/dist/sparkline.js +131 -37
  39. package/dist/styles.css +831 -119
  40. package/dist/switch.js +1 -1
  41. package/dist/table.js +6 -2
  42. package/dist/tabs.d.ts +21 -5
  43. package/dist/tabs.js +55 -12
  44. package/dist/textarea.js +1 -1
  45. package/dist/tree-map.d.ts +14 -14
  46. package/dist/tree-map.js +14 -15
  47. package/package.json +17 -1
package/dist/styles.css CHANGED
@@ -369,6 +369,9 @@
369
369
  .inset-y-0 {
370
370
  inset-block: 0;
371
371
  }
372
+ .-top-2 {
373
+ top: calc(var(--spacing) * -2);
374
+ }
372
375
  .-top-10 {
373
376
  top: calc(var(--spacing) * -10);
374
377
  }
@@ -396,6 +399,9 @@
396
399
  .top-gdt-md {
397
400
  top: var(--spacing-gdt-md);
398
401
  }
402
+ .-right-2 {
403
+ right: calc(var(--spacing) * -2);
404
+ }
399
405
  .right-0 {
400
406
  right: 0;
401
407
  }
@@ -525,6 +531,9 @@
525
531
  .order-last {
526
532
  order: 9999;
527
533
  }
534
+ .col-span-2 {
535
+ grid-column: span 2 / span 2;
536
+ }
528
537
  .col-start-2 {
529
538
  grid-column-start: 2;
530
539
  }
@@ -566,9 +575,6 @@
566
575
  padding-inline: 40px;
567
576
  }
568
577
  }
569
- .-mx-\(--sheet-padding-x\) {
570
- margin-inline: calc(var(--sheet-padding-x) * -1);
571
- }
572
578
  .mx-0 {
573
579
  margin-inline: 0;
574
580
  }
@@ -692,6 +698,9 @@
692
698
  .inline-grid {
693
699
  display: inline-grid;
694
700
  }
701
+ .list-item {
702
+ display: list-item;
703
+ }
695
704
  .table {
696
705
  display: table;
697
706
  }
@@ -910,9 +919,6 @@
910
919
  .h-\[calc\(--spacing\(5\.25\)\)\] {
911
920
  height: calc(calc(var(--spacing) * 5.25));
912
921
  }
913
- .h-\[calc\(100\%-2px\)\] {
914
- height: calc(100% - 2px);
915
- }
916
922
  .h-\[calc\(100lvh-3\.5rem\)\] {
917
923
  height: calc(100lvh - 3.5rem);
918
924
  }
@@ -1300,6 +1306,9 @@
1300
1306
  .basis-full {
1301
1307
  flex-basis: 100%;
1302
1308
  }
1309
+ .table-fixed {
1310
+ table-layout: fixed;
1311
+ }
1303
1312
  .caption-bottom {
1304
1313
  caption-side: bottom;
1305
1314
  }
@@ -1318,6 +1327,9 @@
1318
1327
  .origin-bottom-right {
1319
1328
  transform-origin: 100% 100%;
1320
1329
  }
1330
+ .origin-center {
1331
+ transform-origin: center;
1332
+ }
1321
1333
  .origin-left {
1322
1334
  transform-origin: 0;
1323
1335
  }
@@ -1449,9 +1461,15 @@
1449
1461
  .\[appearance\:textfield\] {
1450
1462
  appearance: textfield;
1451
1463
  }
1464
+ .appearance-none {
1465
+ appearance: none;
1466
+ }
1452
1467
  .grid-cols-1 {
1453
1468
  grid-template-columns: repeat(1, minmax(0, 1fr));
1454
1469
  }
1470
+ .grid-cols-2 {
1471
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1472
+ }
1455
1473
  .grid-cols-3 {
1456
1474
  grid-template-columns: repeat(3, minmax(0, 1fr));
1457
1475
  }
@@ -1655,6 +1673,9 @@
1655
1673
  .gap-y-4 {
1656
1674
  row-gap: calc(var(--spacing) * 4);
1657
1675
  }
1676
+ .gap-y-6 {
1677
+ row-gap: calc(var(--spacing) * 6);
1678
+ }
1658
1679
  .gap-y-gdt-xl {
1659
1680
  row-gap: var(--spacing-gdt-xl);
1660
1681
  }
@@ -1825,10 +1846,6 @@
1825
1846
  border-top-style: var(--tw-border-style);
1826
1847
  border-top-width: 1px;
1827
1848
  }
1828
- .border-r-2 {
1829
- border-right-style: var(--tw-border-style);
1830
- border-right-width: 2px;
1831
- }
1832
1849
  .border-b {
1833
1850
  border-bottom-style: var(--tw-border-style);
1834
1851
  border-bottom-width: 1px;
@@ -1837,10 +1854,6 @@
1837
1854
  border-left-style: var(--tw-border-style);
1838
1855
  border-left-width: 1px;
1839
1856
  }
1840
- .border-l-2 {
1841
- border-left-style: var(--tw-border-style);
1842
- border-left-width: 2px;
1843
- }
1844
1857
  .border-dashed {
1845
1858
  --tw-border-style: dashed;
1846
1859
  border-style: dashed;
@@ -1927,12 +1940,24 @@
1927
1940
  .bg-action-tertiary {
1928
1941
  background-color: var(--color-action-tertiary);
1929
1942
  }
1943
+ .bg-black\/25 {
1944
+ background-color: color-mix(in srgb, #000 25%, transparent);
1945
+ @supports (color: color-mix(in lab, red, red)) {
1946
+ background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
1947
+ }
1948
+ }
1930
1949
  .bg-black\/40 {
1931
1950
  background-color: color-mix(in srgb, #000 40%, transparent);
1932
1951
  @supports (color: color-mix(in lab, red, red)) {
1933
1952
  background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
1934
1953
  }
1935
1954
  }
1955
+ .bg-black\/45 {
1956
+ background-color: color-mix(in srgb, #000 45%, transparent);
1957
+ @supports (color: color-mix(in lab, red, red)) {
1958
+ background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
1959
+ }
1960
+ }
1936
1961
  .bg-black\/55 {
1937
1962
  background-color: color-mix(in srgb, #000 55%, transparent);
1938
1963
  @supports (color: color-mix(in lab, red, red)) {
@@ -2200,6 +2225,9 @@
2200
2225
  .px-18 {
2201
2226
  padding-inline: calc(var(--spacing) * 18);
2202
2227
  }
2228
+ .px-\[9px\] {
2229
+ padding-inline: 9px;
2230
+ }
2203
2231
  .px-gdt-5xl {
2204
2232
  padding-inline: var(--spacing-gdt-5xl);
2205
2233
  }
@@ -2242,6 +2270,9 @@
2242
2270
  .py-4 {
2243
2271
  padding-block: calc(var(--spacing) * 4);
2244
2272
  }
2273
+ .py-4\.5 {
2274
+ padding-block: calc(var(--spacing) * 4.5);
2275
+ }
2245
2276
  .py-5 {
2246
2277
  padding-block: calc(var(--spacing) * 5);
2247
2278
  }
@@ -2293,6 +2324,9 @@
2293
2324
  .pt-3 {
2294
2325
  padding-top: calc(var(--spacing) * 3);
2295
2326
  }
2327
+ .pt-3\.5 {
2328
+ padding-top: calc(var(--spacing) * 3.5);
2329
+ }
2296
2330
  .pt-4 {
2297
2331
  padding-top: calc(var(--spacing) * 4);
2298
2332
  }
@@ -2344,6 +2378,9 @@
2344
2378
  .pb-3 {
2345
2379
  padding-bottom: calc(var(--spacing) * 3);
2346
2380
  }
2381
+ .pb-3\.5 {
2382
+ padding-bottom: calc(var(--spacing) * 3.5);
2383
+ }
2347
2384
  .pb-4 {
2348
2385
  padding-bottom: calc(var(--spacing) * 4);
2349
2386
  }
@@ -2462,6 +2499,15 @@
2462
2499
  .text-\[1rem\] {
2463
2500
  font-size: 1rem;
2464
2501
  }
2502
+ .text-\[2\.25rem\] {
2503
+ font-size: 2.25rem;
2504
+ }
2505
+ .text-\[3\.875rem\] {
2506
+ font-size: 3.875rem;
2507
+ }
2508
+ .text-\[3rem\] {
2509
+ font-size: 3rem;
2510
+ }
2465
2511
  .text-\[9px\] {
2466
2512
  font-size: 9px;
2467
2513
  }
@@ -2471,6 +2517,12 @@
2471
2517
  .text-\[11px\] {
2472
2518
  font-size: 11px;
2473
2519
  }
2520
+ .text-\[13px\] {
2521
+ font-size: 13px;
2522
+ }
2523
+ .text-\[15px\] {
2524
+ font-size: 15px;
2525
+ }
2474
2526
  .leading-3 {
2475
2527
  --tw-leading: calc(var(--spacing) * 3);
2476
2528
  line-height: calc(var(--spacing) * 3);
@@ -2519,6 +2571,10 @@
2519
2571
  --tw-font-weight: var(--font-weight-semibold);
2520
2572
  font-weight: var(--font-weight-semibold);
2521
2573
  }
2574
+ .tracking-\[-0\.02em\] {
2575
+ --tw-tracking: -0.02em;
2576
+ letter-spacing: -0.02em;
2577
+ }
2522
2578
  .tracking-tight {
2523
2579
  --tw-tracking: var(--tracking-tight);
2524
2580
  letter-spacing: var(--tracking-tight);
@@ -2643,6 +2699,9 @@
2643
2699
  .underline-offset-2 {
2644
2700
  text-underline-offset: 2px;
2645
2701
  }
2702
+ .caret-fg-primary {
2703
+ caret-color: var(--color-fg-primary);
2704
+ }
2646
2705
  .opacity-0 {
2647
2706
  opacity: 0%;
2648
2707
  }
@@ -2883,6 +2942,11 @@
2883
2942
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2884
2943
  transition-duration: var(--tw-duration, var(--default-transition-duration));
2885
2944
  }
2945
+ .transition-\[background-color\,color\,opacity\,box-shadow\] {
2946
+ transition-property: background-color,color,opacity,box-shadow;
2947
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2948
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2949
+ }
2886
2950
  .transition-\[background-color\,color\] {
2887
2951
  transition-property: background-color,color;
2888
2952
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3266,6 +3330,26 @@
3266
3330
  width: 100%;
3267
3331
  }
3268
3332
  }
3333
+ .group-focus-within\/input-group\:mr-px {
3334
+ &:is(:where(.group\/input-group):focus-within *) {
3335
+ margin-right: 1px;
3336
+ }
3337
+ }
3338
+ .group-focus-within\/input-group\:ml-px {
3339
+ &:is(:where(.group\/input-group):focus-within *) {
3340
+ margin-left: 1px;
3341
+ }
3342
+ }
3343
+ .group-focus-within\/input-group\:h-\[calc\(100\%\+2px\)\] {
3344
+ &:is(:where(.group\/input-group):focus-within *) {
3345
+ height: calc(100% + 2px);
3346
+ }
3347
+ }
3348
+ .group-focus-within\/input-group\:h-\[calc\(100\%-2px\)\] {
3349
+ &:is(:where(.group\/input-group):focus-within *) {
3350
+ height: calc(100% - 2px);
3351
+ }
3352
+ }
3269
3353
  .group-focus-within\/input-group\:bg-line-focus {
3270
3354
  &:is(:where(.group\/input-group):focus-within *) {
3271
3355
  background-color: var(--color-line-focus);
@@ -3343,6 +3427,16 @@
3343
3427
  background-color: var(--color-surface-raised);
3344
3428
  }
3345
3429
  }
3430
+ .group-disabled\/list-item\:bg-action-tertiary {
3431
+ &:is(:where(.group\/list-item):disabled *) {
3432
+ background-color: var(--color-action-tertiary);
3433
+ }
3434
+ }
3435
+ .group-disabled\/list-item\:text-fg-caption-placeholder {
3436
+ &:is(:where(.group\/list-item):disabled *) {
3437
+ color: var(--color-fg-caption-placeholder);
3438
+ }
3439
+ }
3346
3440
  .group-has-disabled\/input-group\:bg-line-subtle {
3347
3441
  &:is(:where(.group\/input-group):has(*:disabled) *) {
3348
3442
  background-color: var(--color-line-subtle);
@@ -3380,17 +3474,6 @@
3380
3474
  background-color: var(--color-line-danger);
3381
3475
  }
3382
3476
  }
3383
- .group-has-\[\[data-slot\=tabs-list\]\[data-variant\=underline\]\]\/sheet-content\:border-b-0 {
3384
- &:is(:where(.group\/sheet-content):has(*:is([data-slot=tabs-list][data-variant=underline])) *) {
3385
- border-bottom-style: var(--tw-border-style);
3386
- border-bottom-width: 0px;
3387
- }
3388
- }
3389
- .group-has-\[\[data-slot\=tabs-list\]\[data-variant\=underline\]\]\/sheet-content\:pb-2 {
3390
- &:is(:where(.group\/sheet-content):has(*:is([data-slot=tabs-list][data-variant=underline])) *) {
3391
- padding-bottom: calc(var(--spacing) * 2);
3392
- }
3393
- }
3394
3477
  .group-has-\[\>input\]\/input-group\:pt-2 {
3395
3478
  &:is(:where(.group\/input-group):has(>input) *) {
3396
3479
  padding-top: calc(var(--spacing) * 2);
@@ -3411,11 +3494,31 @@
3411
3494
  display: none;
3412
3495
  }
3413
3496
  }
3497
+ .group-aria-disabled\/list-item\:bg-action-tertiary {
3498
+ &:is(:where(.group\/list-item)[aria-disabled="true"] *) {
3499
+ background-color: var(--color-action-tertiary);
3500
+ }
3501
+ }
3502
+ .group-aria-disabled\/list-item\:text-fg-caption-placeholder {
3503
+ &:is(:where(.group\/list-item)[aria-disabled="true"] *) {
3504
+ color: var(--color-fg-caption-placeholder);
3505
+ }
3506
+ }
3414
3507
  .group-aria-expanded\/accordion-trigger\:rotate-90 {
3415
3508
  &:is(:where(.group\/accordion-trigger)[aria-expanded="true"] *) {
3416
3509
  rotate: 90deg;
3417
3510
  }
3418
3511
  }
3512
+ .group-aria-invalid\/input-otp\:border-line-danger {
3513
+ &:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
3514
+ border-color: var(--color-line-danger);
3515
+ }
3516
+ }
3517
+ .group-aria-invalid\/input-otp\:text-fg-danger {
3518
+ &:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
3519
+ color: var(--color-fg-danger);
3520
+ }
3521
+ }
3419
3522
  .group-data-disabled\/combobox-item\:border-line-subtle {
3420
3523
  &:is(:where(.group\/combobox-item)[data-disabled] *) {
3421
3524
  border-color: var(--color-line-subtle);
@@ -3436,6 +3539,11 @@
3436
3539
  color: var(--color-fg-caption-placeholder);
3437
3540
  }
3438
3541
  }
3542
+ .group-data-disabled\/purchase-option-card\:text-fg-caption-placeholder {
3543
+ &:is(:where(.group\/purchase-option-card)[data-disabled] *) {
3544
+ color: var(--color-fg-caption-placeholder);
3545
+ }
3546
+ }
3439
3547
  .group-data-disabled\/select-item\:border-line-subtle {
3440
3548
  &:is(:where(.group\/select-item)[data-disabled] *) {
3441
3549
  border-color: var(--color-line-subtle);
@@ -3658,6 +3766,16 @@
3658
3766
  grid-template-columns: minmax(0,1fr) auto;
3659
3767
  }
3660
3768
  }
3769
+ .group-data-\[nested-dialog-open\]\/dialog-content\:hidden {
3770
+ &:is(:where(.group\/dialog-content)[data-nested-dialog-open] *) {
3771
+ display: none;
3772
+ }
3773
+ }
3774
+ .group-data-\[nested-dialog-open\]\/sheet-content\:hidden {
3775
+ &:is(:where(.group\/sheet-content)[data-nested-dialog-open] *) {
3776
+ display: none;
3777
+ }
3778
+ }
3661
3779
  .group-data-\[orientation\=horizontal\]\/tabs\:border-b {
3662
3780
  &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
3663
3781
  border-bottom-style: var(--tw-border-style);
@@ -3735,9 +3853,14 @@
3735
3853
  border-color: var(--color-line-subtle);
3736
3854
  }
3737
3855
  }
3738
- .group-data-\[side\=bottom\]\/sheet-content\:-top-10 {
3856
+ .group-data-\[selected\=true\]\/list-item\:text-fg-brand {
3857
+ &:is(:where(.group\/list-item)[data-selected="true"] *) {
3858
+ color: var(--color-fg-brand);
3859
+ }
3860
+ }
3861
+ .group-data-\[side\=bottom\]\/sheet-content\:-top-9 {
3739
3862
  &:is(:where(.group\/sheet-content)[data-side="bottom"] *) {
3740
- top: calc(var(--spacing) * -10);
3863
+ top: calc(var(--spacing) * -9);
3741
3864
  }
3742
3865
  }
3743
3866
  .group-data-\[side\=bottom\]\/sheet-content\:right-4 {
@@ -3766,9 +3889,9 @@
3766
3889
  top: calc(var(--spacing) * 4);
3767
3890
  }
3768
3891
  }
3769
- .group-data-\[side\=left\]\/sheet-content\:-right-10 {
3892
+ .group-data-\[side\=left\]\/sheet-content\:-right-9 {
3770
3893
  &:is(:where(.group\/sheet-content)[data-side="left"] *) {
3771
- right: calc(var(--spacing) * -10);
3894
+ right: calc(var(--spacing) * -9);
3772
3895
  }
3773
3896
  }
3774
3897
  .group-data-\[side\=right\]\:left-0 {
@@ -3797,9 +3920,9 @@
3797
3920
  top: calc(var(--spacing) * 4);
3798
3921
  }
3799
3922
  }
3800
- .group-data-\[side\=right\]\/sheet-content\:-left-10 {
3923
+ .group-data-\[side\=right\]\/sheet-content\:-left-9 {
3801
3924
  &:is(:where(.group\/sheet-content)[data-side="right"] *) {
3802
- left: calc(var(--spacing) * -10);
3925
+ left: calc(var(--spacing) * -9);
3803
3926
  }
3804
3927
  }
3805
3928
  .group-data-\[side\=top\]\/sheet-content\:right-4 {
@@ -3807,9 +3930,9 @@
3807
3930
  right: calc(var(--spacing) * 4);
3808
3931
  }
3809
3932
  }
3810
- .group-data-\[side\=top\]\/sheet-content\:-bottom-10 {
3933
+ .group-data-\[side\=top\]\/sheet-content\:-bottom-9 {
3811
3934
  &:is(:where(.group\/sheet-content)[data-side="top"] *) {
3812
- bottom: calc(var(--spacing) * -10);
3935
+ bottom: calc(var(--spacing) * -9);
3813
3936
  }
3814
3937
  }
3815
3938
  .group-data-\[size\=fullscreen\]\/sheet-content\:text-gdt-h2 {
@@ -3973,6 +4096,35 @@
3973
4096
  padding-left: calc(var(--spacing) * 4);
3974
4097
  }
3975
4098
  }
4099
+ .group-data-\[size\=lg\]\/list-item\:size-6 {
4100
+ &:is(:where(.group\/list-item)[data-size="lg"] *) {
4101
+ width: calc(var(--spacing) * 6);
4102
+ height: calc(var(--spacing) * 6);
4103
+ }
4104
+ }
4105
+ .group-data-\[size\=lg\]\/list-item\:size-10 {
4106
+ &:is(:where(.group\/list-item)[data-size="lg"] *) {
4107
+ width: calc(var(--spacing) * 10);
4108
+ height: calc(var(--spacing) * 10);
4109
+ }
4110
+ }
4111
+ .group-data-\[size\=lg\]\/list-item\:min-h-6 {
4112
+ &:is(:where(.group\/list-item)[data-size="lg"] *) {
4113
+ min-height: calc(var(--spacing) * 6);
4114
+ }
4115
+ }
4116
+ .group-data-\[size\=lg\]\/list-item\:text-gdt-md {
4117
+ &:is(:where(.group\/list-item)[data-size="lg"] *) {
4118
+ font-size: var(--text-gdt-md);
4119
+ line-height: var(--tw-leading, var(--text-gdt-md--line-height));
4120
+ }
4121
+ }
4122
+ .group-data-\[size\=lg\]\/list-item\:text-gdt-sm {
4123
+ &:is(:where(.group\/list-item)[data-size="lg"] *) {
4124
+ font-size: var(--text-gdt-sm);
4125
+ line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
4126
+ }
4127
+ }
3976
4128
  .group-data-\[size\=lg\]\/progress\:h-2 {
3977
4129
  &:is(:where(.group\/progress)[data-size="lg"] *) {
3978
4130
  height: calc(var(--spacing) * 2);
@@ -4021,39 +4173,29 @@
4021
4173
  line-height: var(--tw-leading, var(--text-gdt-lg--line-height));
4022
4174
  }
4023
4175
  }
4024
- .group-data-\[size\=lg\]\/tabs\:h-5 {
4025
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
4176
+ .group-data-\[size\=lg\]\/tabs-list\:h-5 {
4177
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
4026
4178
  height: calc(var(--spacing) * 5);
4027
4179
  }
4028
4180
  }
4029
- .group-data-\[size\=lg\]\/tabs\:min-w-5 {
4030
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
4181
+ .group-data-\[size\=lg\]\/tabs-list\:min-w-5 {
4182
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
4031
4183
  min-width: calc(var(--spacing) * 5);
4032
4184
  }
4033
4185
  }
4034
- .group-data-\[size\=lg\]\/tabs\:px-1\.5 {
4035
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
4186
+ .group-data-\[size\=lg\]\/tabs-list\:px-1\.5 {
4187
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
4036
4188
  padding-inline: calc(var(--spacing) * 1.5);
4037
4189
  }
4038
4190
  }
4039
- .group-data-\[size\=lg\]\/tabs\:px-5 {
4040
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
4041
- padding-inline: calc(var(--spacing) * 5);
4042
- }
4043
- }
4044
- .group-data-\[size\=lg\]\/tabs\:py-3 {
4045
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
4046
- padding-block: calc(var(--spacing) * 3);
4047
- }
4048
- }
4049
- .group-data-\[size\=lg\]\/tabs\:text-gdt-md {
4050
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
4191
+ .group-data-\[size\=lg\]\/tabs-list\:text-gdt-md {
4192
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
4051
4193
  font-size: var(--text-gdt-md);
4052
4194
  line-height: var(--tw-leading, var(--text-gdt-md--line-height));
4053
4195
  }
4054
4196
  }
4055
- .group-data-\[size\=lg\]\/tabs\:text-gdt-xs {
4056
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
4197
+ .group-data-\[size\=lg\]\/tabs-list\:text-gdt-xs {
4198
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
4057
4199
  font-size: var(--text-gdt-xs);
4058
4200
  line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
4059
4201
  }
@@ -4218,6 +4360,35 @@
4218
4360
  padding-left: calc(var(--spacing) * 3.5);
4219
4361
  }
4220
4362
  }
4363
+ .group-data-\[size\=md\]\/list-item\:size-5 {
4364
+ &:is(:where(.group\/list-item)[data-size="md"] *) {
4365
+ width: calc(var(--spacing) * 5);
4366
+ height: calc(var(--spacing) * 5);
4367
+ }
4368
+ }
4369
+ .group-data-\[size\=md\]\/list-item\:size-8 {
4370
+ &:is(:where(.group\/list-item)[data-size="md"] *) {
4371
+ width: calc(var(--spacing) * 8);
4372
+ height: calc(var(--spacing) * 8);
4373
+ }
4374
+ }
4375
+ .group-data-\[size\=md\]\/list-item\:min-h-5\.5 {
4376
+ &:is(:where(.group\/list-item)[data-size="md"] *) {
4377
+ min-height: calc(var(--spacing) * 5.5);
4378
+ }
4379
+ }
4380
+ .group-data-\[size\=md\]\/list-item\:text-gdt-sm {
4381
+ &:is(:where(.group\/list-item)[data-size="md"] *) {
4382
+ font-size: var(--text-gdt-sm);
4383
+ line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
4384
+ }
4385
+ }
4386
+ .group-data-\[size\=md\]\/list-item\:text-gdt-xs {
4387
+ &:is(:where(.group\/list-item)[data-size="md"] *) {
4388
+ font-size: var(--text-gdt-xs);
4389
+ line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
4390
+ }
4391
+ }
4221
4392
  .group-data-\[size\=md\]\/progress\:h-1\.5 {
4222
4393
  &:is(:where(.group\/progress)[data-size="md"] *) {
4223
4394
  height: calc(var(--spacing) * 1.5);
@@ -4260,39 +4431,29 @@
4260
4431
  line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
4261
4432
  }
4262
4433
  }
4263
- .group-data-\[size\=md\]\/tabs\:h-5 {
4264
- &:is(:where(.group\/tabs)[data-size="md"] *) {
4434
+ .group-data-\[size\=md\]\/tabs-list\:h-5 {
4435
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
4265
4436
  height: calc(var(--spacing) * 5);
4266
4437
  }
4267
4438
  }
4268
- .group-data-\[size\=md\]\/tabs\:min-w-5 {
4269
- &:is(:where(.group\/tabs)[data-size="md"] *) {
4439
+ .group-data-\[size\=md\]\/tabs-list\:min-w-5 {
4440
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
4270
4441
  min-width: calc(var(--spacing) * 5);
4271
4442
  }
4272
4443
  }
4273
- .group-data-\[size\=md\]\/tabs\:px-1 {
4274
- &:is(:where(.group\/tabs)[data-size="md"] *) {
4444
+ .group-data-\[size\=md\]\/tabs-list\:px-1 {
4445
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
4275
4446
  padding-inline: var(--spacing);
4276
4447
  }
4277
4448
  }
4278
- .group-data-\[size\=md\]\/tabs\:px-4 {
4279
- &:is(:where(.group\/tabs)[data-size="md"] *) {
4280
- padding-inline: calc(var(--spacing) * 4);
4281
- }
4282
- }
4283
- .group-data-\[size\=md\]\/tabs\:py-2\.5 {
4284
- &:is(:where(.group\/tabs)[data-size="md"] *) {
4285
- padding-block: calc(var(--spacing) * 2.5);
4286
- }
4287
- }
4288
- .group-data-\[size\=md\]\/tabs\:text-gdt-sm {
4289
- &:is(:where(.group\/tabs)[data-size="md"] *) {
4449
+ .group-data-\[size\=md\]\/tabs-list\:text-gdt-sm {
4450
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
4290
4451
  font-size: var(--text-gdt-sm);
4291
4452
  line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
4292
4453
  }
4293
4454
  }
4294
- .group-data-\[size\=md\]\/tabs\:text-\[11px\] {
4295
- &:is(:where(.group\/tabs)[data-size="md"] *) {
4455
+ .group-data-\[size\=md\]\/tabs-list\:text-\[11px\] {
4456
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
4296
4457
  font-size: 11px;
4297
4458
  }
4298
4459
  }
@@ -4463,39 +4624,29 @@
4463
4624
  line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
4464
4625
  }
4465
4626
  }
4466
- .group-data-\[size\=sm\]\/tabs\:h-4 {
4467
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
4627
+ .group-data-\[size\=sm\]\/tabs-list\:h-4 {
4628
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
4468
4629
  height: calc(var(--spacing) * 4);
4469
4630
  }
4470
4631
  }
4471
- .group-data-\[size\=sm\]\/tabs\:min-w-4 {
4472
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
4632
+ .group-data-\[size\=sm\]\/tabs-list\:min-w-4 {
4633
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
4473
4634
  min-width: calc(var(--spacing) * 4);
4474
4635
  }
4475
4636
  }
4476
- .group-data-\[size\=sm\]\/tabs\:px-1 {
4477
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
4637
+ .group-data-\[size\=sm\]\/tabs-list\:px-1 {
4638
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
4478
4639
  padding-inline: var(--spacing);
4479
4640
  }
4480
4641
  }
4481
- .group-data-\[size\=sm\]\/tabs\:px-3 {
4482
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
4483
- padding-inline: calc(var(--spacing) * 3);
4484
- }
4485
- }
4486
- .group-data-\[size\=sm\]\/tabs\:py-2 {
4487
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
4488
- padding-block: calc(var(--spacing) * 2);
4489
- }
4490
- }
4491
- .group-data-\[size\=sm\]\/tabs\:text-gdt-xs {
4492
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
4642
+ .group-data-\[size\=sm\]\/tabs-list\:text-gdt-xs {
4643
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
4493
4644
  font-size: var(--text-gdt-xs);
4494
4645
  line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
4495
4646
  }
4496
4647
  }
4497
- .group-data-\[size\=sm\]\/tabs\:text-\[10px\] {
4498
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
4648
+ .group-data-\[size\=sm\]\/tabs-list\:text-\[10px\] {
4649
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
4499
4650
  font-size: 10px;
4500
4651
  }
4501
4652
  }
@@ -4531,6 +4682,21 @@
4531
4682
  border-bottom-width: 0px;
4532
4683
  }
4533
4684
  }
4685
+ .group-data-\[state\=complete\]\/file-upload\:text-status-success {
4686
+ &:is(:where(.group\/file-upload)[data-state="complete"] *) {
4687
+ color: var(--color-status-success);
4688
+ }
4689
+ }
4690
+ .group-data-\[state\=error\]\/file-upload\:bg-surface-danger-subtle {
4691
+ &:is(:where(.group\/file-upload)[data-state="error"] *) {
4692
+ background-color: var(--color-surface-danger-subtle);
4693
+ }
4694
+ }
4695
+ .group-data-\[state\=error\]\/file-upload\:text-status-danger {
4696
+ &:is(:where(.group\/file-upload)[data-state="error"] *) {
4697
+ color: var(--color-status-danger);
4698
+ }
4699
+ }
4534
4700
  .group-data-\[state\=selected\]\:bg-surface-brand-subtle {
4535
4701
  &:is(:where(.group)[data-state="selected"] *) {
4536
4702
  background-color: var(--color-surface-brand-subtle);
@@ -4682,6 +4848,48 @@
4682
4848
  }
4683
4849
  }
4684
4850
  }
4851
+ .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:px-4 {
4852
+ &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
4853
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
4854
+ padding-inline: calc(var(--spacing) * 4);
4855
+ }
4856
+ }
4857
+ }
4858
+ .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:py-2 {
4859
+ &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
4860
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
4861
+ padding-block: calc(var(--spacing) * 2);
4862
+ }
4863
+ }
4864
+ }
4865
+ .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:px-3\.5 {
4866
+ &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
4867
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
4868
+ padding-inline: calc(var(--spacing) * 3.5);
4869
+ }
4870
+ }
4871
+ }
4872
+ .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:py-1\.5 {
4873
+ &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
4874
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
4875
+ padding-block: calc(var(--spacing) * 1.5);
4876
+ }
4877
+ }
4878
+ }
4879
+ .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:px-3 {
4880
+ &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
4881
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
4882
+ padding-inline: calc(var(--spacing) * 3);
4883
+ }
4884
+ }
4885
+ }
4886
+ .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:py-1 {
4887
+ &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
4888
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
4889
+ padding-block: var(--spacing);
4890
+ }
4891
+ }
4892
+ }
4685
4893
  .group-data-\[variant\=surface\]\/accordion\:bg-surface {
4686
4894
  &:is(:where(.group\/accordion)[data-variant="surface"] *) {
4687
4895
  background-color: var(--color-surface);
@@ -4790,6 +4998,48 @@
4790
4998
  }
4791
4999
  }
4792
5000
  }
5001
+ .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:px-4 {
5002
+ &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
5003
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
5004
+ padding-inline: calc(var(--spacing) * 4);
5005
+ }
5006
+ }
5007
+ }
5008
+ .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:py-1\.5 {
5009
+ &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
5010
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
5011
+ padding-block: calc(var(--spacing) * 1.5);
5012
+ }
5013
+ }
5014
+ }
5015
+ .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:px-3\.5 {
5016
+ &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
5017
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
5018
+ padding-inline: calc(var(--spacing) * 3.5);
5019
+ }
5020
+ }
5021
+ }
5022
+ .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:py-1\.5 {
5023
+ &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
5024
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
5025
+ padding-block: calc(var(--spacing) * 1.5);
5026
+ }
5027
+ }
5028
+ }
5029
+ .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:px-3 {
5030
+ &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
5031
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
5032
+ padding-inline: calc(var(--spacing) * 3);
5033
+ }
5034
+ }
5035
+ }
5036
+ .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:py-1 {
5037
+ &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
5038
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
5039
+ padding-block: var(--spacing);
5040
+ }
5041
+ }
5042
+ }
4793
5043
  .group-\[\[data-icons\=false\]\[data-orientation\=vertical\]\]\/details-card-body\:col-start-1 {
4794
5044
  &:is(:where(.group\/details-card-body):is([data-icons=false][data-orientation=vertical]) *) {
4795
5045
  grid-column-start: 1;
@@ -4987,6 +5237,12 @@
4987
5237
  pointer-events: auto;
4988
5238
  }
4989
5239
  }
5240
+ .after\:pointer-events-none {
5241
+ &::after {
5242
+ content: var(--tw-content);
5243
+ pointer-events: none;
5244
+ }
5245
+ }
4990
5246
  .after\:absolute {
4991
5247
  &::after {
4992
5248
  content: var(--tw-content);
@@ -5035,6 +5291,12 @@
5035
5291
  top: 100%;
5036
5292
  }
5037
5293
  }
5294
+ .after\:right-0 {
5295
+ &::after {
5296
+ content: var(--tw-content);
5297
+ right: 0;
5298
+ }
5299
+ }
5038
5300
  .after\:bottom-full {
5039
5301
  &::after {
5040
5302
  content: var(--tw-content);
@@ -5047,12 +5309,24 @@
5047
5309
  left: 0;
5048
5310
  }
5049
5311
  }
5312
+ .after\:z-10 {
5313
+ &::after {
5314
+ content: var(--tw-content);
5315
+ z-index: 10;
5316
+ }
5317
+ }
5050
5318
  .after\:h-\[calc\(var\(--gap\)\+1px\)\] {
5051
5319
  &::after {
5052
5320
  content: var(--tw-content);
5053
5321
  height: calc(var(--gap) + 1px);
5054
5322
  }
5055
5323
  }
5324
+ .after\:w-0\.5 {
5325
+ &::after {
5326
+ content: var(--tw-content);
5327
+ width: calc(var(--spacing) * 0.5);
5328
+ }
5329
+ }
5056
5330
  .after\:w-\[2px\] {
5057
5331
  &::after {
5058
5332
  content: var(--tw-content);
@@ -5065,6 +5339,12 @@
5065
5339
  width: 100%;
5066
5340
  }
5067
5341
  }
5342
+ .after\:bg-line {
5343
+ &::after {
5344
+ content: var(--tw-content);
5345
+ background-color: var(--color-line);
5346
+ }
5347
+ }
5068
5348
  .after\:\[background-image\:radial-gradient\(currentColor_0\.7px\,transparent_0\.7px\)\] {
5069
5349
  &::after {
5070
5350
  content: var(--tw-content);
@@ -5190,6 +5470,13 @@
5190
5470
  }
5191
5471
  }
5192
5472
  }
5473
+ .hover\:border-line {
5474
+ &:hover {
5475
+ @media (hover: hover) {
5476
+ border-color: var(--color-line);
5477
+ }
5478
+ }
5479
+ }
5193
5480
  .hover\:border-line-strong {
5194
5481
  &:hover {
5195
5482
  @media (hover: hover) {
@@ -5197,6 +5484,13 @@
5197
5484
  }
5198
5485
  }
5199
5486
  }
5487
+ .hover\:border-line-subtle {
5488
+ &:hover {
5489
+ @media (hover: hover) {
5490
+ border-color: var(--color-line-subtle);
5491
+ }
5492
+ }
5493
+ }
5200
5494
  .hover\:border-transparent {
5201
5495
  &:hover {
5202
5496
  @media (hover: hover) {
@@ -5319,6 +5613,14 @@
5319
5613
  }
5320
5614
  }
5321
5615
  }
5616
+ .hover\:shadow-none {
5617
+ &:hover {
5618
+ @media (hover: hover) {
5619
+ --tw-shadow: 0 0 #0000;
5620
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5621
+ }
5622
+ }
5623
+ }
5322
5624
  .hover\:brightness-95 {
5323
5625
  &:hover {
5324
5626
  @media (hover: hover) {
@@ -5391,6 +5693,16 @@
5391
5693
  }
5392
5694
  }
5393
5695
  }
5696
+ .focus\:z-10 {
5697
+ &:focus {
5698
+ z-index: 10;
5699
+ }
5700
+ }
5701
+ .focus\:border-line-focus {
5702
+ &:focus {
5703
+ border-color: var(--color-line-focus);
5704
+ }
5705
+ }
5394
5706
  .focus\:border-transparent {
5395
5707
  &:focus {
5396
5708
  border-color: transparent;
@@ -5418,12 +5730,37 @@
5418
5730
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5419
5731
  }
5420
5732
  }
5733
+ .focus\:inset-ring-1 {
5734
+ &:focus {
5735
+ --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
5736
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5737
+ }
5738
+ }
5739
+ .focus\:inset-ring-line-focus {
5740
+ &:focus {
5741
+ --tw-inset-ring-color: var(--color-line-focus);
5742
+ }
5743
+ }
5421
5744
  .focus\:outline-none {
5422
5745
  &:focus {
5423
5746
  --tw-outline-style: none;
5424
5747
  outline-style: none;
5425
5748
  }
5426
5749
  }
5750
+ .group-aria-invalid\/input-otp\:focus\:border-line-danger {
5751
+ &:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
5752
+ &:focus {
5753
+ border-color: var(--color-line-danger);
5754
+ }
5755
+ }
5756
+ }
5757
+ .group-aria-invalid\/input-otp\:focus\:inset-ring-line-danger {
5758
+ &:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
5759
+ &:focus {
5760
+ --tw-inset-ring-color: var(--color-line-danger);
5761
+ }
5762
+ }
5763
+ }
5427
5764
  .focus-visible\:border-line-focus {
5428
5765
  &:focus-visible {
5429
5766
  border-color: var(--color-line-focus);
@@ -5854,15 +6191,6 @@
5854
6191
  background-color: var(--color-surface);
5855
6192
  }
5856
6193
  }
5857
- .\*\*\:has-data-\[variant\=underline\]\:\*\:px-\(--sheet-padding-x\) {
5858
- :is(& *) {
5859
- &:has(*[data-variant="underline"]) {
5860
- :is(& > *) {
5861
- padding-inline: var(--sheet-padding-x);
5862
- }
5863
- }
5864
- }
5865
- }
5866
6194
  .has-\[\&_\[data-slot\=popover-footer\]\]\:pb-0 {
5867
6195
  &:has(* [data-slot=popover-footer]) {
5868
6196
  padding-bottom: 0;
@@ -5916,9 +6244,15 @@
5916
6244
  border-color: var(--color-line-focus);
5917
6245
  }
5918
6246
  }
5919
- .has-\[\[data-slot\=card-action\]\:focus-visible\]\:ring-line-focus {
6247
+ .has-\[\[data-slot\=card-action\]\:focus-visible\]\:inset-ring-1 {
5920
6248
  &:has(*:is([data-slot=card-action]:focus-visible)) {
5921
- --tw-ring-color: var(--color-line-focus);
6249
+ --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
6250
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6251
+ }
6252
+ }
6253
+ .has-\[\[data-slot\=card-action\]\:focus-visible\]\:inset-ring-line-focus {
6254
+ &:has(*:is([data-slot=card-action]:focus-visible)) {
6255
+ --tw-inset-ring-color: var(--color-line-focus);
5922
6256
  }
5923
6257
  }
5924
6258
  .has-\[\[data-slot\=card-action\]\:hover\]\:border-line-focus {
@@ -5969,6 +6303,20 @@
5969
6303
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5970
6304
  }
5971
6305
  }
6306
+ .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:focus-within\:border-line-danger {
6307
+ &:has(*:is([data-slot][aria-invalid=true])) {
6308
+ &:focus-within {
6309
+ border-color: var(--color-line-danger);
6310
+ }
6311
+ }
6312
+ }
6313
+ .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:focus-within\:inset-ring-line-danger {
6314
+ &:has(*:is([data-slot][aria-invalid=true])) {
6315
+ &:focus-within {
6316
+ --tw-inset-ring-color: var(--color-line-danger);
6317
+ }
6318
+ }
6319
+ }
5972
6320
  .has-\[\[role\=checkbox\]\]\:pr-0 {
5973
6321
  &:has(*:is([role=checkbox])) {
5974
6322
  padding-right: 0;
@@ -6144,6 +6492,14 @@
6144
6492
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6145
6493
  }
6146
6494
  }
6495
+ .aria-invalid\:ring-line-danger\/20 {
6496
+ &[aria-invalid="true"] {
6497
+ --tw-ring-color: color-mix(in srgb, #ef4444 20%, transparent);
6498
+ @supports (color: color-mix(in lab, red, red)) {
6499
+ --tw-ring-color: color-mix(in oklab, var(--color-line-danger) 20%, transparent);
6500
+ }
6501
+ }
6502
+ }
6147
6503
  .aria-invalid\:placeholder\:text-fg-danger {
6148
6504
  &[aria-invalid="true"] {
6149
6505
  &::placeholder {
@@ -6151,6 +6507,42 @@
6151
6507
  }
6152
6508
  }
6153
6509
  }
6510
+ .aria-invalid\:focus\:border-line-danger {
6511
+ &[aria-invalid="true"] {
6512
+ &:focus {
6513
+ border-color: var(--color-line-danger);
6514
+ }
6515
+ }
6516
+ }
6517
+ .aria-invalid\:focus\:inset-ring-line-danger {
6518
+ &[aria-invalid="true"] {
6519
+ &:focus {
6520
+ --tw-inset-ring-color: var(--color-line-danger);
6521
+ }
6522
+ }
6523
+ }
6524
+ .aria-invalid\:focus-visible\:border-line-danger {
6525
+ &[aria-invalid="true"] {
6526
+ &:focus-visible {
6527
+ border-color: var(--color-line-danger);
6528
+ }
6529
+ }
6530
+ }
6531
+ .aria-invalid\:focus-visible\:shadow-\[0px_0px_0px_2px_var\(--color-line-danger\)\] {
6532
+ &[aria-invalid="true"] {
6533
+ &:focus-visible {
6534
+ --tw-shadow: 0px 0px 0px 2px var(--tw-shadow-color, var(--color-line-danger));
6535
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6536
+ }
6537
+ }
6538
+ }
6539
+ .aria-invalid\:focus-visible\:inset-ring-line-danger {
6540
+ &[aria-invalid="true"] {
6541
+ &:focus-visible {
6542
+ --tw-inset-ring-color: var(--color-line-danger);
6543
+ }
6544
+ }
6545
+ }
6154
6546
  .aria-pressed\:bg-surface-brand {
6155
6547
  &[aria-pressed="true"] {
6156
6548
  background-color: var(--color-surface-brand);
@@ -6335,6 +6727,11 @@
6335
6727
  opacity: 40%;
6336
6728
  }
6337
6729
  }
6730
+ .data-disabled\:opacity-50 {
6731
+ &[data-disabled] {
6732
+ opacity: 50%;
6733
+ }
6734
+ }
6338
6735
  .data-disabled\:opacity-60 {
6339
6736
  &[data-disabled] {
6340
6737
  opacity: 60%;
@@ -6452,6 +6849,35 @@
6452
6849
  padding-left: calc(var(--spacing) * 8);
6453
6850
  }
6454
6851
  }
6852
+ .data-invalid\:border-line-danger {
6853
+ &[data-invalid] {
6854
+ border-color: var(--color-line-danger);
6855
+ }
6856
+ }
6857
+ .data-invalid\:text-fg-danger {
6858
+ &[data-invalid] {
6859
+ color: var(--color-fg-danger);
6860
+ }
6861
+ }
6862
+ .data-invalid\:focus\:border-line-danger {
6863
+ &[data-invalid] {
6864
+ &:focus {
6865
+ border-color: var(--color-line-danger);
6866
+ }
6867
+ }
6868
+ }
6869
+ .data-invalid\:focus\:inset-ring-line-danger {
6870
+ &[data-invalid] {
6871
+ &:focus {
6872
+ --tw-inset-ring-color: var(--color-line-danger);
6873
+ }
6874
+ }
6875
+ }
6876
+ .data-loading\:animate-pulse {
6877
+ &[data-loading] {
6878
+ animation: var(--animate-pulse);
6879
+ }
6880
+ }
6455
6881
  .data-open\:bg-surface {
6456
6882
  &[data-open] {
6457
6883
  background-color: var(--color-surface);
@@ -6858,6 +7284,48 @@
6858
7284
  color: var(--color-fg-danger);
6859
7285
  }
6860
7286
  }
7287
+ .data-\[invalid\=true\]\:focus-visible\:border-line-danger {
7288
+ &[data-invalid="true"] {
7289
+ &:focus-visible {
7290
+ border-color: var(--color-line-danger);
7291
+ }
7292
+ }
7293
+ }
7294
+ .data-\[invalid\=true\]\:focus-visible\:inset-ring-line-danger {
7295
+ &[data-invalid="true"] {
7296
+ &:focus-visible {
7297
+ --tw-inset-ring-color: var(--color-line-danger);
7298
+ }
7299
+ }
7300
+ }
7301
+ .data-\[invalid\=true\]\:data-focused\:border-line-danger {
7302
+ &[data-invalid="true"] {
7303
+ &[data-focused] {
7304
+ border-color: var(--color-line-danger);
7305
+ }
7306
+ }
7307
+ }
7308
+ .data-\[invalid\=true\]\:data-focused\:inset-ring-line-danger {
7309
+ &[data-invalid="true"] {
7310
+ &[data-focused] {
7311
+ --tw-inset-ring-color: var(--color-line-danger);
7312
+ }
7313
+ }
7314
+ }
7315
+ .data-\[invalid\=true\]\:data-popup-open\:border-line-danger {
7316
+ &[data-invalid="true"] {
7317
+ &[data-popup-open] {
7318
+ border-color: var(--color-line-danger);
7319
+ }
7320
+ }
7321
+ }
7322
+ .data-\[invalid\=true\]\:data-popup-open\:inset-ring-line-danger {
7323
+ &[data-invalid="true"] {
7324
+ &[data-popup-open] {
7325
+ --tw-inset-ring-color: var(--color-line-danger);
7326
+ }
7327
+ }
7328
+ }
6861
7329
  .data-\[limited\]\:opacity-0 {
6862
7330
  &[data-limited] {
6863
7331
  opacity: 0%;
@@ -6873,6 +7341,11 @@
6873
7341
  background-color: var(--color-action-primary);
6874
7342
  }
6875
7343
  }
7344
+ .data-\[nested-dialog-open\]\:scale-\[0\.96\] {
7345
+ &[data-nested-dialog-open] {
7346
+ scale: 0.96;
7347
+ }
7348
+ }
6876
7349
  .data-\[orientation\=horizontal\]\:h-\(--slider-thumb-size\) {
6877
7350
  &[data-orientation="horizontal"] {
6878
7351
  height: var(--slider-thumb-size);
@@ -7139,6 +7612,11 @@
7139
7612
  }
7140
7613
  }
7141
7614
  }
7615
+ .data-\[selected\=true\]\:bg-surface-brand-subtle {
7616
+ &[data-selected="true"] {
7617
+ background-color: var(--color-surface-brand-subtle);
7618
+ }
7619
+ }
7142
7620
  .data-\[shape\=full\]\:rounded-4xl {
7143
7621
  &[data-shape="full"] {
7144
7622
  border-radius: var(--radius-4xl);
@@ -7191,6 +7669,22 @@
7191
7669
  }
7192
7670
  }
7193
7671
  }
7672
+ .data-\[side\=bottom\]\:data-\[nested-dialog-open\]\:translate-y-\[calc\(var\(--nested-dialogs\)\*-1\.5rem\)\] {
7673
+ &[data-side="bottom"] {
7674
+ &[data-nested-dialog-open] {
7675
+ --tw-translate-y: calc(var(--nested-dialogs) * -1.5rem);
7676
+ translate: var(--tw-translate-x) var(--tw-translate-y);
7677
+ }
7678
+ }
7679
+ }
7680
+ .data-\[side\=bottom\]\:data-\[nested-dialog-open\]\:scale-x-\[calc\(1_-_var\(--nested-dialogs\)\*0\.05\)\] {
7681
+ &[data-side="bottom"] {
7682
+ &[data-nested-dialog-open] {
7683
+ --tw-scale-x: calc(1 - var(--nested-dialogs) * 0.05);
7684
+ scale: var(--tw-scale-x) var(--tw-scale-y);
7685
+ }
7686
+ }
7687
+ }
7194
7688
  .data-\[side\=inline-end\]\:slide-in-from-left-2 {
7195
7689
  &[data-side="inline-end"] {
7196
7690
  --tw-enter-translate-x: -0.5rem;
@@ -7255,6 +7749,14 @@
7255
7749
  }
7256
7750
  }
7257
7751
  }
7752
+ .data-\[side\=left\]\:data-\[nested-dialog-open\]\:translate-x-\[calc\(var\(--nested-dialogs\)\*1\.5rem\)\] {
7753
+ &[data-side="left"] {
7754
+ &[data-nested-dialog-open] {
7755
+ --tw-translate-x: calc(var(--nested-dialogs) * 1.5rem);
7756
+ translate: var(--tw-translate-x) var(--tw-translate-y);
7757
+ }
7758
+ }
7759
+ }
7258
7760
  .data-\[side\=right\]\:inset-y-0 {
7259
7761
  &[data-side="right"] {
7260
7762
  inset-block: 0;
@@ -7309,6 +7811,14 @@
7309
7811
  }
7310
7812
  }
7311
7813
  }
7814
+ .data-\[side\=right\]\:data-\[nested-dialog-open\]\:translate-x-\[calc\(var\(--nested-dialogs\)\*-1\.5rem\)\] {
7815
+ &[data-side="right"] {
7816
+ &[data-nested-dialog-open] {
7817
+ --tw-translate-x: calc(var(--nested-dialogs) * -1.5rem);
7818
+ translate: var(--tw-translate-x) var(--tw-translate-y);
7819
+ }
7820
+ }
7821
+ }
7312
7822
  .data-\[side\=top\]\:inset-x-0 {
7313
7823
  &[data-side="top"] {
7314
7824
  inset-inline: 0;
@@ -7361,6 +7871,22 @@
7361
7871
  }
7362
7872
  }
7363
7873
  }
7874
+ .data-\[side\=top\]\:data-\[nested-dialog-open\]\:translate-y-\[calc\(var\(--nested-dialogs\)\*1\.5rem\)\] {
7875
+ &[data-side="top"] {
7876
+ &[data-nested-dialog-open] {
7877
+ --tw-translate-y: calc(var(--nested-dialogs) * 1.5rem);
7878
+ translate: var(--tw-translate-x) var(--tw-translate-y);
7879
+ }
7880
+ }
7881
+ }
7882
+ .data-\[side\=top\]\:data-\[nested-dialog-open\]\:scale-x-\[calc\(1_-_var\(--nested-dialogs\)\*0\.05\)\] {
7883
+ &[data-side="top"] {
7884
+ &[data-nested-dialog-open] {
7885
+ --tw-scale-x: calc(1 - var(--nested-dialogs) * 0.05);
7886
+ scale: var(--tw-scale-x) var(--tw-scale-y);
7887
+ }
7888
+ }
7889
+ }
7364
7890
  .data-\[size\=lg\]\:gap-3 {
7365
7891
  &[data-size="lg"] {
7366
7892
  gap: calc(var(--spacing) * 3);
@@ -7445,6 +7971,38 @@
7445
7971
  }
7446
7972
  }
7447
7973
  }
7974
+ .\*\*\:data-\[slot\=avatar-fallback\]\:bg-action-tertiary {
7975
+ :is(& *) {
7976
+ &[data-slot="avatar-fallback"] {
7977
+ background-color: var(--color-action-tertiary);
7978
+ }
7979
+ }
7980
+ }
7981
+ .\*\*\:data-\[slot\=avatar-fallback\]\:text-fg-primary {
7982
+ :is(& *) {
7983
+ &[data-slot="avatar-fallback"] {
7984
+ color: var(--color-fg-primary);
7985
+ }
7986
+ }
7987
+ }
7988
+ .group-data-\[selected\=true\]\/list-item\:\*\*\:data-\[slot\=avatar-fallback\]\:bg-surface-brand {
7989
+ &:is(:where(.group\/list-item)[data-selected="true"] *) {
7990
+ :is(& *) {
7991
+ &[data-slot="avatar-fallback"] {
7992
+ background-color: var(--color-surface-brand);
7993
+ }
7994
+ }
7995
+ }
7996
+ }
7997
+ .group-data-\[selected\=true\]\/list-item\:\*\*\:data-\[slot\=avatar-fallback\]\:text-fg-on-brand {
7998
+ &:is(:where(.group\/list-item)[data-selected="true"] *) {
7999
+ :is(& *) {
8000
+ &[data-slot="avatar-fallback"] {
8001
+ color: var(--color-fg-on-brand);
8002
+ }
8003
+ }
8004
+ }
8005
+ }
7448
8006
  .\*\*\:data-\[slot\=button\]\:w-full {
7449
8007
  :is(& *) {
7450
8008
  &[data-slot="button"] {
@@ -7596,15 +8154,6 @@
7596
8154
  }
7597
8155
  }
7598
8156
  }
7599
- .\*\*\:data-\[slot\=tabs\]\:has-data-\[variant\=underline\]\:-mx-\(--sheet-padding-x\) {
7600
- :is(& *) {
7601
- &[data-slot="tabs"] {
7602
- &:has(*[data-variant="underline"]) {
7603
- margin-inline: calc(var(--sheet-padding-x) * -1);
7604
- }
7605
- }
7606
- }
7607
- }
7608
8157
  .data-\[starting-style\]\:\[transform\:translateX\(var\(--exit-x\)\)_translateY\(var\(--exit-y\)\)_scale\(var\(--scale\)\)\] {
7609
8158
  &[data-starting-style] {
7610
8159
  transform: translateX(var(--exit-x)) translateY(var(--exit-y)) scale(var(--scale));
@@ -7615,6 +8164,16 @@
7615
8164
  opacity: 0%;
7616
8165
  }
7617
8166
  }
8167
+ .data-\[state\=error\]\:border-line-danger {
8168
+ &[data-state="error"] {
8169
+ border-color: var(--color-line-danger);
8170
+ }
8171
+ }
8172
+ .data-\[state\=error\]\:bg-surface-danger-subtle {
8173
+ &[data-state="error"] {
8174
+ background-color: var(--color-surface-danger-subtle);
8175
+ }
8176
+ }
7618
8177
  .data-\[state\=selected\]\:bg-surface-brand-subtle {
7619
8178
  &[data-state="selected"] {
7620
8179
  background-color: var(--color-surface-brand-subtle);
@@ -8479,6 +9038,21 @@
8479
9038
  }
8480
9039
  }
8481
9040
  }
9041
+ .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-fg-caption-placeholder {
9042
+ & .recharts-cartesian-axis-tick text {
9043
+ fill: var(--color-fg-caption-placeholder);
9044
+ }
9045
+ }
9046
+ .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-line {
9047
+ & .recharts-cartesian-grid line[stroke='#ccc'] {
9048
+ stroke: var(--color-line);
9049
+ }
9050
+ }
9051
+ .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-line {
9052
+ & .recharts-curve.recharts-tooltip-cursor {
9053
+ stroke: var(--color-line);
9054
+ }
9055
+ }
8482
9056
  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
8483
9057
  & .recharts-dot[stroke='#fff'] {
8484
9058
  stroke: transparent;
@@ -8494,6 +9068,26 @@
8494
9068
  }
8495
9069
  }
8496
9070
  }
9071
+ .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-line {
9072
+ & .recharts-polar-grid [stroke='#ccc'] {
9073
+ stroke: var(--color-line);
9074
+ }
9075
+ }
9076
+ .\[\&_\.recharts-radial-bar-background-sector\]\:fill-surface-raised {
9077
+ & .recharts-radial-bar-background-sector {
9078
+ fill: var(--color-surface-raised);
9079
+ }
9080
+ }
9081
+ .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-surface-raised {
9082
+ & .recharts-rectangle.recharts-tooltip-cursor {
9083
+ fill: var(--color-surface-raised);
9084
+ }
9085
+ }
9086
+ .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-line {
9087
+ & .recharts-reference-line [stroke='#ccc'] {
9088
+ stroke: var(--color-line);
9089
+ }
9090
+ }
8497
9091
  .\[\&_\.recharts-sector\]\:outline-hidden {
8498
9092
  & .recharts-sector {
8499
9093
  --tw-outline-style: none;
@@ -8531,6 +9125,16 @@
8531
9125
  }
8532
9126
  }
8533
9127
  }
9128
+ .\[\&_\[data-slot\=progress-indicator\]\]\:bg-status-danger {
9129
+ & [data-slot=progress-indicator] {
9130
+ background-color: var(--color-status-danger);
9131
+ }
9132
+ }
9133
+ .\[\&_\[data-slot\=progress-indicator\]\]\:bg-status-success {
9134
+ & [data-slot=progress-indicator] {
9135
+ background-color: var(--color-status-success);
9136
+ }
9137
+ }
8534
9138
  .\[\&_a\]\:pointer-events-auto {
8535
9139
  & a {
8536
9140
  pointer-events: auto;
@@ -8576,6 +9180,29 @@
8576
9180
  z-index: 3;
8577
9181
  }
8578
9182
  }
9183
+ .\[\&_circle\:first-child\]\:text-white\/35 {
9184
+ & circle:first-child {
9185
+ color: color-mix(in srgb, #fff 35%, transparent);
9186
+ @supports (color: color-mix(in lab, red, red)) {
9187
+ color: color-mix(in oklab, var(--color-white) 35%, transparent);
9188
+ }
9189
+ }
9190
+ }
9191
+ .\[\&_circle\:last-child\]\:text-status-danger {
9192
+ & circle:last-child {
9193
+ color: var(--color-status-danger);
9194
+ }
9195
+ }
9196
+ .\[\&_circle\:last-child\]\:text-status-success {
9197
+ & circle:last-child {
9198
+ color: var(--color-status-success);
9199
+ }
9200
+ }
9201
+ .\[\&_circle\:last-child\]\:text-white {
9202
+ & circle:last-child {
9203
+ color: var(--color-white);
9204
+ }
9205
+ }
8579
9206
  .\[\&_p\]\:leading-relaxed {
8580
9207
  & p {
8581
9208
  --tw-leading: var(--leading-relaxed);
@@ -8711,8 +9338,8 @@
8711
9338
  }
8712
9339
  }
8713
9340
  }
8714
- .group-data-\[size\=lg\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
8715
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
9341
+ .group-data-\[size\=lg\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
9342
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
8716
9343
  & svg:not([class*='size-']) {
8717
9344
  width: calc(var(--spacing) * 4.5);
8718
9345
  height: calc(var(--spacing) * 4.5);
@@ -8727,8 +9354,8 @@
8727
9354
  }
8728
9355
  }
8729
9356
  }
8730
- .group-data-\[size\=md\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
8731
- &:is(:where(.group\/tabs)[data-size="md"] *) {
9357
+ .group-data-\[size\=md\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
9358
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
8732
9359
  & svg:not([class*='size-']) {
8733
9360
  width: calc(var(--spacing) * 4);
8734
9361
  height: calc(var(--spacing) * 4);
@@ -8743,8 +9370,8 @@
8743
9370
  }
8744
9371
  }
8745
9372
  }
8746
- .group-data-\[size\=sm\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
8747
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
9373
+ .group-data-\[size\=sm\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
9374
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
8748
9375
  & svg:not([class*='size-']) {
8749
9376
  width: calc(var(--spacing) * 3.5);
8750
9377
  height: calc(var(--spacing) * 3.5);
@@ -8848,6 +9475,53 @@
8848
9475
  }
8849
9476
  }
8850
9477
  }
9478
+ .\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:cursor-pointer {
9479
+ &:is(button,a,[role=button],[role=link]) {
9480
+ cursor: pointer;
9481
+ }
9482
+ }
9483
+ .\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:select-none {
9484
+ &:is(button,a,[role=button],[role=link]) {
9485
+ -webkit-user-select: none;
9486
+ user-select: none;
9487
+ }
9488
+ }
9489
+ .\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:hover\:bg-surface-raised {
9490
+ &:is(button,a,[role=button],[role=link]) {
9491
+ &:hover {
9492
+ @media (hover: hover) {
9493
+ background-color: var(--color-surface-raised);
9494
+ }
9495
+ }
9496
+ }
9497
+ }
9498
+ .\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:active\:bg-surface-raised {
9499
+ &:is(button,a,[role=button],[role=link]) {
9500
+ &:active {
9501
+ background-color: var(--color-surface-raised);
9502
+ }
9503
+ }
9504
+ }
9505
+ .data-\[selected\=true\]\:\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:hover\:bg-surface-brand-subtle {
9506
+ &[data-selected="true"] {
9507
+ &:is(button,a,[role=button],[role=link]) {
9508
+ &:hover {
9509
+ @media (hover: hover) {
9510
+ background-color: var(--color-surface-brand-subtle);
9511
+ }
9512
+ }
9513
+ }
9514
+ }
9515
+ }
9516
+ .data-\[selected\=true\]\:\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:active\:bg-surface-brand-subtle {
9517
+ &[data-selected="true"] {
9518
+ &:is(button,a,[role=button],[role=link]) {
9519
+ &:active {
9520
+ background-color: var(--color-surface-brand-subtle);
9521
+ }
9522
+ }
9523
+ }
9524
+ }
8851
9525
  .\*\:\[span\]\:last\:flex {
8852
9526
  :is(& > *) {
8853
9527
  &:is(span) {
@@ -8952,6 +9626,28 @@
8952
9626
  }
8953
9627
  }
8954
9628
  }
9629
+ .\[\&\>\[data-slot\=input-otp-slot\]\]\:rounded-none {
9630
+ &>[data-slot=input-otp-slot] {
9631
+ border-radius: 0;
9632
+ }
9633
+ }
9634
+ .\[\&\>\[data-slot\=input-otp-slot\]\:first-child\]\:rounded-l-full {
9635
+ &>[data-slot=input-otp-slot]:first-child {
9636
+ border-top-left-radius: calc(infinity * 1px);
9637
+ border-bottom-left-radius: calc(infinity * 1px);
9638
+ }
9639
+ }
9640
+ .\[\&\>\[data-slot\=input-otp-slot\]\:last-child\]\:rounded-r-full {
9641
+ &>[data-slot=input-otp-slot]:last-child {
9642
+ border-top-right-radius: calc(infinity * 1px);
9643
+ border-bottom-right-radius: calc(infinity * 1px);
9644
+ }
9645
+ }
9646
+ .\[\&\>\[data-slot\=input-otp-slot\]\:not\(\:first-child\)\]\:-ml-px {
9647
+ &>[data-slot=input-otp-slot]:not(:first-child) {
9648
+ margin-left: -1px;
9649
+ }
9650
+ }
8955
9651
  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-lg {
8956
9652
  &:has(*:is(select[aria-hidden=true]:last-child)) {
8957
9653
  &>[data-slot=select-trigger]:last-of-type {
@@ -9277,6 +9973,14 @@
9277
9973
  }
9278
9974
  }
9279
9975
  }
9976
+ .group-data-\[size\=lg\]\/list-item\:\[\&\>svg\]\:size-6 {
9977
+ &:is(:where(.group\/list-item)[data-size="lg"] *) {
9978
+ &>svg {
9979
+ width: calc(var(--spacing) * 6);
9980
+ height: calc(var(--spacing) * 6);
9981
+ }
9982
+ }
9983
+ }
9280
9984
  .group-data-\[size\=lg\]\/testimonial-block\:\[\&\>svg\]\:size-6 {
9281
9985
  &:is(:where(.group\/testimonial-block)[data-size="lg"] *) {
9282
9986
  &>svg {
@@ -9293,6 +9997,14 @@
9293
9997
  }
9294
9998
  }
9295
9999
  }
10000
+ .group-data-\[size\=md\]\/list-item\:\[\&\>svg\]\:size-5 {
10001
+ &:is(:where(.group\/list-item)[data-size="md"] *) {
10002
+ &>svg {
10003
+ width: calc(var(--spacing) * 5);
10004
+ height: calc(var(--spacing) * 5);
10005
+ }
10006
+ }
10007
+ }
9296
10008
  .group-data-\[size\=md\]\/testimonial-block\:\[\&\>svg\]\:size-5 {
9297
10009
  &:is(:where(.group\/testimonial-block)[data-size="md"] *) {
9298
10010
  &>svg {