@giddaa-housing/ui 1.2.0 → 2.1.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/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
  }
@@ -569,9 +575,6 @@
569
575
  padding-inline: 40px;
570
576
  }
571
577
  }
572
- .-mx-\(--sheet-padding-x\) {
573
- margin-inline: calc(var(--sheet-padding-x) * -1);
574
- }
575
578
  .mx-0 {
576
579
  margin-inline: 0;
577
580
  }
@@ -1324,6 +1327,9 @@
1324
1327
  .origin-bottom-right {
1325
1328
  transform-origin: 100% 100%;
1326
1329
  }
1330
+ .origin-center {
1331
+ transform-origin: center;
1332
+ }
1327
1333
  .origin-left {
1328
1334
  transform-origin: 0;
1329
1335
  }
@@ -1443,9 +1449,6 @@
1443
1449
  .scroll-py-1 {
1444
1450
  scroll-padding-block: var(--spacing);
1445
1451
  }
1446
- .\[scrollbar-width\:none\] {
1447
- scrollbar-width: none;
1448
- }
1449
1452
  .scrollbar-none {
1450
1453
  scrollbar-width: none;
1451
1454
  }
@@ -1455,6 +1458,9 @@
1455
1458
  .\[appearance\:textfield\] {
1456
1459
  appearance: textfield;
1457
1460
  }
1461
+ .appearance-none {
1462
+ appearance: none;
1463
+ }
1458
1464
  .grid-cols-1 {
1459
1465
  grid-template-columns: repeat(1, minmax(0, 1fr));
1460
1466
  }
@@ -1931,12 +1937,24 @@
1931
1937
  .bg-action-tertiary {
1932
1938
  background-color: var(--color-action-tertiary);
1933
1939
  }
1940
+ .bg-black\/25 {
1941
+ background-color: color-mix(in srgb, #000 25%, transparent);
1942
+ @supports (color: color-mix(in lab, red, red)) {
1943
+ background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
1944
+ }
1945
+ }
1934
1946
  .bg-black\/40 {
1935
1947
  background-color: color-mix(in srgb, #000 40%, transparent);
1936
1948
  @supports (color: color-mix(in lab, red, red)) {
1937
1949
  background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
1938
1950
  }
1939
1951
  }
1952
+ .bg-black\/45 {
1953
+ background-color: color-mix(in srgb, #000 45%, transparent);
1954
+ @supports (color: color-mix(in lab, red, red)) {
1955
+ background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
1956
+ }
1957
+ }
1940
1958
  .bg-black\/55 {
1941
1959
  background-color: color-mix(in srgb, #000 55%, transparent);
1942
1960
  @supports (color: color-mix(in lab, red, red)) {
@@ -2144,6 +2162,9 @@
2144
2162
  .p-gdt-xl {
2145
2163
  padding: var(--spacing-gdt-xl);
2146
2164
  }
2165
+ .px-\(--card-padding\) {
2166
+ padding-inline: var(--card-padding);
2167
+ }
2147
2168
  .px-\(--cell-width\) {
2148
2169
  padding-inline: var(--cell-width);
2149
2170
  }
@@ -2219,6 +2240,9 @@
2219
2240
  .px-gdt-xl {
2220
2241
  padding-inline: var(--spacing-gdt-xl);
2221
2242
  }
2243
+ .py-\(--card-padding\) {
2244
+ padding-block: var(--card-padding);
2245
+ }
2222
2246
  .py-0 {
2223
2247
  padding-block: 0;
2224
2248
  }
@@ -2282,9 +2306,6 @@
2282
2306
  .py-gdt-sm {
2283
2307
  padding-block: var(--spacing-gdt-sm);
2284
2308
  }
2285
- .py-gdt-xl {
2286
- padding-block: var(--spacing-gdt-xl);
2287
- }
2288
2309
  .pt-\(--sheet-padding-top\) {
2289
2310
  padding-top: var(--sheet-padding-top);
2290
2311
  }
@@ -2572,6 +2593,9 @@
2572
2593
  .text-pretty {
2573
2594
  text-wrap: pretty;
2574
2595
  }
2596
+ .break-words {
2597
+ overflow-wrap: break-word;
2598
+ }
2575
2599
  .wrap-break-word {
2576
2600
  overflow-wrap: break-word;
2577
2601
  }
@@ -2678,6 +2702,9 @@
2678
2702
  .underline-offset-2 {
2679
2703
  text-underline-offset: 2px;
2680
2704
  }
2705
+ .caret-fg-primary {
2706
+ caret-color: var(--color-fg-primary);
2707
+ }
2681
2708
  .opacity-0 {
2682
2709
  opacity: 0%;
2683
2710
  }
@@ -3106,6 +3133,9 @@
3106
3133
  .\[--anchor-y\:0px\] {
3107
3134
  --anchor-y: 0px;
3108
3135
  }
3136
+ .\[--card-padding\:1\.5rem\] {
3137
+ --card-padding: 1.5rem;
3138
+ }
3109
3139
  .\[--cell-height\:36px\] {
3110
3140
  --cell-height: 36px;
3111
3141
  }
@@ -3450,17 +3480,6 @@
3450
3480
  background-color: var(--color-line-danger);
3451
3481
  }
3452
3482
  }
3453
- .group-has-\[\[data-slot\=tabs-list\]\[data-variant\=underline\]\]\/sheet-content\:border-b-0 {
3454
- &:is(:where(.group\/sheet-content):has(*:is([data-slot=tabs-list][data-variant=underline])) *) {
3455
- border-bottom-style: var(--tw-border-style);
3456
- border-bottom-width: 0px;
3457
- }
3458
- }
3459
- .group-has-\[\[data-slot\=tabs-list\]\[data-variant\=underline\]\]\/sheet-content\:pb-2 {
3460
- &:is(:where(.group\/sheet-content):has(*:is([data-slot=tabs-list][data-variant=underline])) *) {
3461
- padding-bottom: calc(var(--spacing) * 2);
3462
- }
3463
- }
3464
3483
  .group-has-\[\>input\]\/input-group\:pt-2 {
3465
3484
  &:is(:where(.group\/input-group):has(>input) *) {
3466
3485
  padding-top: calc(var(--spacing) * 2);
@@ -3496,6 +3515,16 @@
3496
3515
  rotate: 90deg;
3497
3516
  }
3498
3517
  }
3518
+ .group-aria-invalid\/input-otp\:border-line-danger {
3519
+ &:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
3520
+ border-color: var(--color-line-danger);
3521
+ }
3522
+ }
3523
+ .group-aria-invalid\/input-otp\:text-fg-danger {
3524
+ &:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
3525
+ color: var(--color-fg-danger);
3526
+ }
3527
+ }
3499
3528
  .group-data-disabled\/combobox-item\:border-line-subtle {
3500
3529
  &:is(:where(.group\/combobox-item)[data-disabled] *) {
3501
3530
  border-color: var(--color-line-subtle);
@@ -3743,6 +3772,16 @@
3743
3772
  grid-template-columns: minmax(0,1fr) auto;
3744
3773
  }
3745
3774
  }
3775
+ .group-data-\[nested-dialog-open\]\/dialog-content\:hidden {
3776
+ &:is(:where(.group\/dialog-content)[data-nested-dialog-open] *) {
3777
+ display: none;
3778
+ }
3779
+ }
3780
+ .group-data-\[nested-dialog-open\]\/sheet-content\:hidden {
3781
+ &:is(:where(.group\/sheet-content)[data-nested-dialog-open] *) {
3782
+ display: none;
3783
+ }
3784
+ }
3746
3785
  .group-data-\[orientation\=horizontal\]\/tabs\:border-b {
3747
3786
  &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
3748
3787
  border-bottom-style: var(--tw-border-style);
@@ -3825,9 +3864,9 @@
3825
3864
  color: var(--color-fg-brand);
3826
3865
  }
3827
3866
  }
3828
- .group-data-\[side\=bottom\]\/sheet-content\:-top-10 {
3867
+ .group-data-\[side\=bottom\]\/sheet-content\:-top-9 {
3829
3868
  &:is(:where(.group\/sheet-content)[data-side="bottom"] *) {
3830
- top: calc(var(--spacing) * -10);
3869
+ top: calc(var(--spacing) * -9);
3831
3870
  }
3832
3871
  }
3833
3872
  .group-data-\[side\=bottom\]\/sheet-content\:right-4 {
@@ -3856,9 +3895,9 @@
3856
3895
  top: calc(var(--spacing) * 4);
3857
3896
  }
3858
3897
  }
3859
- .group-data-\[side\=left\]\/sheet-content\:-right-10 {
3898
+ .group-data-\[side\=left\]\/sheet-content\:-right-9 {
3860
3899
  &:is(:where(.group\/sheet-content)[data-side="left"] *) {
3861
- right: calc(var(--spacing) * -10);
3900
+ right: calc(var(--spacing) * -9);
3862
3901
  }
3863
3902
  }
3864
3903
  .group-data-\[side\=right\]\:left-0 {
@@ -3887,9 +3926,9 @@
3887
3926
  top: calc(var(--spacing) * 4);
3888
3927
  }
3889
3928
  }
3890
- .group-data-\[side\=right\]\/sheet-content\:-left-10 {
3929
+ .group-data-\[side\=right\]\/sheet-content\:-left-9 {
3891
3930
  &:is(:where(.group\/sheet-content)[data-side="right"] *) {
3892
- left: calc(var(--spacing) * -10);
3931
+ left: calc(var(--spacing) * -9);
3893
3932
  }
3894
3933
  }
3895
3934
  .group-data-\[side\=top\]\/sheet-content\:right-4 {
@@ -3897,9 +3936,9 @@
3897
3936
  right: calc(var(--spacing) * 4);
3898
3937
  }
3899
3938
  }
3900
- .group-data-\[side\=top\]\/sheet-content\:-bottom-10 {
3939
+ .group-data-\[side\=top\]\/sheet-content\:-bottom-9 {
3901
3940
  &:is(:where(.group\/sheet-content)[data-side="top"] *) {
3902
- bottom: calc(var(--spacing) * -10);
3941
+ bottom: calc(var(--spacing) * -9);
3903
3942
  }
3904
3943
  }
3905
3944
  .group-data-\[size\=fullscreen\]\/sheet-content\:text-gdt-h2 {
@@ -4140,29 +4179,29 @@
4140
4179
  line-height: var(--tw-leading, var(--text-gdt-lg--line-height));
4141
4180
  }
4142
4181
  }
4143
- .group-data-\[size\=lg\]\/tabs\:h-5 {
4144
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
4182
+ .group-data-\[size\=lg\]\/tabs-list\:h-5 {
4183
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
4145
4184
  height: calc(var(--spacing) * 5);
4146
4185
  }
4147
4186
  }
4148
- .group-data-\[size\=lg\]\/tabs\:min-w-5 {
4149
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
4187
+ .group-data-\[size\=lg\]\/tabs-list\:min-w-5 {
4188
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
4150
4189
  min-width: calc(var(--spacing) * 5);
4151
4190
  }
4152
4191
  }
4153
- .group-data-\[size\=lg\]\/tabs\:px-1\.5 {
4154
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
4192
+ .group-data-\[size\=lg\]\/tabs-list\:px-1\.5 {
4193
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
4155
4194
  padding-inline: calc(var(--spacing) * 1.5);
4156
4195
  }
4157
4196
  }
4158
- .group-data-\[size\=lg\]\/tabs\:text-gdt-md {
4159
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
4197
+ .group-data-\[size\=lg\]\/tabs-list\:text-gdt-md {
4198
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
4160
4199
  font-size: var(--text-gdt-md);
4161
4200
  line-height: var(--tw-leading, var(--text-gdt-md--line-height));
4162
4201
  }
4163
4202
  }
4164
- .group-data-\[size\=lg\]\/tabs\:text-gdt-xs {
4165
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
4203
+ .group-data-\[size\=lg\]\/tabs-list\:text-gdt-xs {
4204
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
4166
4205
  font-size: var(--text-gdt-xs);
4167
4206
  line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
4168
4207
  }
@@ -4398,29 +4437,29 @@
4398
4437
  line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
4399
4438
  }
4400
4439
  }
4401
- .group-data-\[size\=md\]\/tabs\:h-5 {
4402
- &:is(:where(.group\/tabs)[data-size="md"] *) {
4440
+ .group-data-\[size\=md\]\/tabs-list\:h-5 {
4441
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
4403
4442
  height: calc(var(--spacing) * 5);
4404
4443
  }
4405
4444
  }
4406
- .group-data-\[size\=md\]\/tabs\:min-w-5 {
4407
- &:is(:where(.group\/tabs)[data-size="md"] *) {
4445
+ .group-data-\[size\=md\]\/tabs-list\:min-w-5 {
4446
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
4408
4447
  min-width: calc(var(--spacing) * 5);
4409
4448
  }
4410
4449
  }
4411
- .group-data-\[size\=md\]\/tabs\:px-1 {
4412
- &:is(:where(.group\/tabs)[data-size="md"] *) {
4450
+ .group-data-\[size\=md\]\/tabs-list\:px-1 {
4451
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
4413
4452
  padding-inline: var(--spacing);
4414
4453
  }
4415
4454
  }
4416
- .group-data-\[size\=md\]\/tabs\:text-gdt-sm {
4417
- &:is(:where(.group\/tabs)[data-size="md"] *) {
4455
+ .group-data-\[size\=md\]\/tabs-list\:text-gdt-sm {
4456
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
4418
4457
  font-size: var(--text-gdt-sm);
4419
4458
  line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
4420
4459
  }
4421
4460
  }
4422
- .group-data-\[size\=md\]\/tabs\:text-\[11px\] {
4423
- &:is(:where(.group\/tabs)[data-size="md"] *) {
4461
+ .group-data-\[size\=md\]\/tabs-list\:text-\[11px\] {
4462
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
4424
4463
  font-size: 11px;
4425
4464
  }
4426
4465
  }
@@ -4591,29 +4630,29 @@
4591
4630
  line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
4592
4631
  }
4593
4632
  }
4594
- .group-data-\[size\=sm\]\/tabs\:h-4 {
4595
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
4633
+ .group-data-\[size\=sm\]\/tabs-list\:h-4 {
4634
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
4596
4635
  height: calc(var(--spacing) * 4);
4597
4636
  }
4598
4637
  }
4599
- .group-data-\[size\=sm\]\/tabs\:min-w-4 {
4600
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
4638
+ .group-data-\[size\=sm\]\/tabs-list\:min-w-4 {
4639
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
4601
4640
  min-width: calc(var(--spacing) * 4);
4602
4641
  }
4603
4642
  }
4604
- .group-data-\[size\=sm\]\/tabs\:px-1 {
4605
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
4643
+ .group-data-\[size\=sm\]\/tabs-list\:px-1 {
4644
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
4606
4645
  padding-inline: var(--spacing);
4607
4646
  }
4608
4647
  }
4609
- .group-data-\[size\=sm\]\/tabs\:text-gdt-xs {
4610
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
4648
+ .group-data-\[size\=sm\]\/tabs-list\:text-gdt-xs {
4649
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
4611
4650
  font-size: var(--text-gdt-xs);
4612
4651
  line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
4613
4652
  }
4614
4653
  }
4615
- .group-data-\[size\=sm\]\/tabs\:text-\[10px\] {
4616
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
4654
+ .group-data-\[size\=sm\]\/tabs-list\:text-\[10px\] {
4655
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
4617
4656
  font-size: 10px;
4618
4657
  }
4619
4658
  }
@@ -4649,6 +4688,21 @@
4649
4688
  border-bottom-width: 0px;
4650
4689
  }
4651
4690
  }
4691
+ .group-data-\[state\=complete\]\/file-upload\:text-status-success {
4692
+ &:is(:where(.group\/file-upload)[data-state="complete"] *) {
4693
+ color: var(--color-status-success);
4694
+ }
4695
+ }
4696
+ .group-data-\[state\=error\]\/file-upload\:bg-surface-danger-subtle {
4697
+ &:is(:where(.group\/file-upload)[data-state="error"] *) {
4698
+ background-color: var(--color-surface-danger-subtle);
4699
+ }
4700
+ }
4701
+ .group-data-\[state\=error\]\/file-upload\:text-status-danger {
4702
+ &:is(:where(.group\/file-upload)[data-state="error"] *) {
4703
+ color: var(--color-status-danger);
4704
+ }
4705
+ }
4652
4706
  .group-data-\[state\=selected\]\:bg-surface-brand-subtle {
4653
4707
  &:is(:where(.group)[data-state="selected"] *) {
4654
4708
  background-color: var(--color-surface-brand-subtle);
@@ -4800,44 +4854,44 @@
4800
4854
  }
4801
4855
  }
4802
4856
  }
4803
- .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs\:px-4 {
4857
+ .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:px-4 {
4804
4858
  &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
4805
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
4859
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
4806
4860
  padding-inline: calc(var(--spacing) * 4);
4807
4861
  }
4808
4862
  }
4809
4863
  }
4810
- .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs\:py-2 {
4864
+ .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:py-2 {
4811
4865
  &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
4812
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
4866
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
4813
4867
  padding-block: calc(var(--spacing) * 2);
4814
4868
  }
4815
4869
  }
4816
4870
  }
4817
- .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs\:px-3\.5 {
4871
+ .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:px-3\.5 {
4818
4872
  &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
4819
- &:is(:where(.group\/tabs)[data-size="md"] *) {
4873
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
4820
4874
  padding-inline: calc(var(--spacing) * 3.5);
4821
4875
  }
4822
4876
  }
4823
4877
  }
4824
- .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs\:py-1\.5 {
4878
+ .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:py-1\.5 {
4825
4879
  &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
4826
- &:is(:where(.group\/tabs)[data-size="md"] *) {
4880
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
4827
4881
  padding-block: calc(var(--spacing) * 1.5);
4828
4882
  }
4829
4883
  }
4830
4884
  }
4831
- .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs\:px-3 {
4885
+ .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:px-3 {
4832
4886
  &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
4833
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
4887
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
4834
4888
  padding-inline: calc(var(--spacing) * 3);
4835
4889
  }
4836
4890
  }
4837
4891
  }
4838
- .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs\:py-1 {
4892
+ .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:py-1 {
4839
4893
  &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
4840
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
4894
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
4841
4895
  padding-block: var(--spacing);
4842
4896
  }
4843
4897
  }
@@ -4950,44 +5004,44 @@
4950
5004
  }
4951
5005
  }
4952
5006
  }
4953
- .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs\:px-4 {
5007
+ .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:px-4 {
4954
5008
  &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
4955
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
5009
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
4956
5010
  padding-inline: calc(var(--spacing) * 4);
4957
5011
  }
4958
5012
  }
4959
5013
  }
4960
- .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs\:py-1\.5 {
5014
+ .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:py-1\.5 {
4961
5015
  &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
4962
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
5016
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
4963
5017
  padding-block: calc(var(--spacing) * 1.5);
4964
5018
  }
4965
5019
  }
4966
5020
  }
4967
- .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs\:px-3\.5 {
5021
+ .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:px-3\.5 {
4968
5022
  &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
4969
- &:is(:where(.group\/tabs)[data-size="md"] *) {
5023
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
4970
5024
  padding-inline: calc(var(--spacing) * 3.5);
4971
5025
  }
4972
5026
  }
4973
5027
  }
4974
- .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs\:py-1\.5 {
5028
+ .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:py-1\.5 {
4975
5029
  &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
4976
- &:is(:where(.group\/tabs)[data-size="md"] *) {
5030
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
4977
5031
  padding-block: calc(var(--spacing) * 1.5);
4978
5032
  }
4979
5033
  }
4980
5034
  }
4981
- .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs\:px-3 {
5035
+ .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:px-3 {
4982
5036
  &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
4983
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
5037
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
4984
5038
  padding-inline: calc(var(--spacing) * 3);
4985
5039
  }
4986
5040
  }
4987
5041
  }
4988
- .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs\:py-1 {
5042
+ .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:py-1 {
4989
5043
  &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
4990
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
5044
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
4991
5045
  padding-block: var(--spacing);
4992
5046
  }
4993
5047
  }
@@ -5645,6 +5699,16 @@
5645
5699
  }
5646
5700
  }
5647
5701
  }
5702
+ .focus\:z-10 {
5703
+ &:focus {
5704
+ z-index: 10;
5705
+ }
5706
+ }
5707
+ .focus\:border-line-focus {
5708
+ &:focus {
5709
+ border-color: var(--color-line-focus);
5710
+ }
5711
+ }
5648
5712
  .focus\:border-transparent {
5649
5713
  &:focus {
5650
5714
  border-color: transparent;
@@ -5672,12 +5736,37 @@
5672
5736
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5673
5737
  }
5674
5738
  }
5739
+ .focus\:inset-ring-1 {
5740
+ &:focus {
5741
+ --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
5742
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5743
+ }
5744
+ }
5745
+ .focus\:inset-ring-line-focus {
5746
+ &:focus {
5747
+ --tw-inset-ring-color: var(--color-line-focus);
5748
+ }
5749
+ }
5675
5750
  .focus\:outline-none {
5676
5751
  &:focus {
5677
5752
  --tw-outline-style: none;
5678
5753
  outline-style: none;
5679
5754
  }
5680
5755
  }
5756
+ .group-aria-invalid\/input-otp\:focus\:border-line-danger {
5757
+ &:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
5758
+ &:focus {
5759
+ border-color: var(--color-line-danger);
5760
+ }
5761
+ }
5762
+ }
5763
+ .group-aria-invalid\/input-otp\:focus\:inset-ring-line-danger {
5764
+ &:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
5765
+ &:focus {
5766
+ --tw-inset-ring-color: var(--color-line-danger);
5767
+ }
5768
+ }
5769
+ }
5681
5770
  .focus-visible\:border-line-focus {
5682
5771
  &:focus-visible {
5683
5772
  border-color: var(--color-line-focus);
@@ -6098,6 +6187,25 @@
6098
6187
  padding-right: 0;
6099
6188
  }
6100
6189
  }
6190
+ .has-data-\[slot\=combobox-virtualized\]\:max-h-none {
6191
+ &:has(*[data-slot="combobox-virtualized"]) {
6192
+ max-height: none;
6193
+ }
6194
+ }
6195
+ .has-data-\[slot\=combobox-virtualized\]\:space-y-0 {
6196
+ &:has(*[data-slot="combobox-virtualized"]) {
6197
+ :where(& > :not(:last-child)) {
6198
+ --tw-space-y-reverse: 0;
6199
+ margin-block-start: 0;
6200
+ margin-block-end: 0;
6201
+ }
6202
+ }
6203
+ }
6204
+ .has-data-\[slot\=combobox-virtualized\]\:overflow-hidden {
6205
+ &:has(*[data-slot="combobox-virtualized"]) {
6206
+ overflow: hidden;
6207
+ }
6208
+ }
6101
6209
  .has-data-\[slot\=kbd\]\:pr-1\.5 {
6102
6210
  &:has(*[data-slot="kbd"]) {
6103
6211
  padding-right: calc(var(--spacing) * 1.5);
@@ -6108,15 +6216,6 @@
6108
6216
  background-color: var(--color-surface);
6109
6217
  }
6110
6218
  }
6111
- .\*\*\:has-data-\[variant\=underline\]\:\*\:px-\(--sheet-padding-x\) {
6112
- :is(& *) {
6113
- &:has(*[data-variant="underline"]) {
6114
- :is(& > *) {
6115
- padding-inline: var(--sheet-padding-x);
6116
- }
6117
- }
6118
- }
6119
- }
6120
6219
  .has-\[\&_\[data-slot\=popover-footer\]\]\:pb-0 {
6121
6220
  &:has(* [data-slot=popover-footer]) {
6122
6221
  padding-bottom: 0;
@@ -6433,6 +6532,20 @@
6433
6532
  }
6434
6533
  }
6435
6534
  }
6535
+ .aria-invalid\:focus\:border-line-danger {
6536
+ &[aria-invalid="true"] {
6537
+ &:focus {
6538
+ border-color: var(--color-line-danger);
6539
+ }
6540
+ }
6541
+ }
6542
+ .aria-invalid\:focus\:inset-ring-line-danger {
6543
+ &[aria-invalid="true"] {
6544
+ &:focus {
6545
+ --tw-inset-ring-color: var(--color-line-danger);
6546
+ }
6547
+ }
6548
+ }
6436
6549
  .aria-invalid\:focus-visible\:border-line-danger {
6437
6550
  &[aria-invalid="true"] {
6438
6551
  &:focus-visible {
@@ -6639,6 +6752,11 @@
6639
6752
  opacity: 40%;
6640
6753
  }
6641
6754
  }
6755
+ .data-disabled\:opacity-50 {
6756
+ &[data-disabled] {
6757
+ opacity: 50%;
6758
+ }
6759
+ }
6642
6760
  .data-disabled\:opacity-60 {
6643
6761
  &[data-disabled] {
6644
6762
  opacity: 60%;
@@ -6756,6 +6874,30 @@
6756
6874
  padding-left: calc(var(--spacing) * 8);
6757
6875
  }
6758
6876
  }
6877
+ .data-invalid\:border-line-danger {
6878
+ &[data-invalid] {
6879
+ border-color: var(--color-line-danger);
6880
+ }
6881
+ }
6882
+ .data-invalid\:text-fg-danger {
6883
+ &[data-invalid] {
6884
+ color: var(--color-fg-danger);
6885
+ }
6886
+ }
6887
+ .data-invalid\:focus\:border-line-danger {
6888
+ &[data-invalid] {
6889
+ &:focus {
6890
+ border-color: var(--color-line-danger);
6891
+ }
6892
+ }
6893
+ }
6894
+ .data-invalid\:focus\:inset-ring-line-danger {
6895
+ &[data-invalid] {
6896
+ &:focus {
6897
+ --tw-inset-ring-color: var(--color-line-danger);
6898
+ }
6899
+ }
6900
+ }
6759
6901
  .data-loading\:animate-pulse {
6760
6902
  &[data-loading] {
6761
6903
  animation: var(--animate-pulse);
@@ -7224,6 +7366,11 @@
7224
7366
  background-color: var(--color-action-primary);
7225
7367
  }
7226
7368
  }
7369
+ .data-\[nested-dialog-open\]\:scale-\[0\.96\] {
7370
+ &[data-nested-dialog-open] {
7371
+ scale: 0.96;
7372
+ }
7373
+ }
7227
7374
  .data-\[orientation\=horizontal\]\:h-\(--slider-thumb-size\) {
7228
7375
  &[data-orientation="horizontal"] {
7229
7376
  height: var(--slider-thumb-size);
@@ -7547,6 +7694,22 @@
7547
7694
  }
7548
7695
  }
7549
7696
  }
7697
+ .data-\[side\=bottom\]\:data-\[nested-dialog-open\]\:translate-y-\[calc\(var\(--nested-dialogs\)\*-1\.5rem\)\] {
7698
+ &[data-side="bottom"] {
7699
+ &[data-nested-dialog-open] {
7700
+ --tw-translate-y: calc(var(--nested-dialogs) * -1.5rem);
7701
+ translate: var(--tw-translate-x) var(--tw-translate-y);
7702
+ }
7703
+ }
7704
+ }
7705
+ .data-\[side\=bottom\]\:data-\[nested-dialog-open\]\:scale-x-\[calc\(1_-_var\(--nested-dialogs\)\*0\.05\)\] {
7706
+ &[data-side="bottom"] {
7707
+ &[data-nested-dialog-open] {
7708
+ --tw-scale-x: calc(1 - var(--nested-dialogs) * 0.05);
7709
+ scale: var(--tw-scale-x) var(--tw-scale-y);
7710
+ }
7711
+ }
7712
+ }
7550
7713
  .data-\[side\=inline-end\]\:slide-in-from-left-2 {
7551
7714
  &[data-side="inline-end"] {
7552
7715
  --tw-enter-translate-x: -0.5rem;
@@ -7611,6 +7774,14 @@
7611
7774
  }
7612
7775
  }
7613
7776
  }
7777
+ .data-\[side\=left\]\:data-\[nested-dialog-open\]\:translate-x-\[calc\(var\(--nested-dialogs\)\*1\.5rem\)\] {
7778
+ &[data-side="left"] {
7779
+ &[data-nested-dialog-open] {
7780
+ --tw-translate-x: calc(var(--nested-dialogs) * 1.5rem);
7781
+ translate: var(--tw-translate-x) var(--tw-translate-y);
7782
+ }
7783
+ }
7784
+ }
7614
7785
  .data-\[side\=right\]\:inset-y-0 {
7615
7786
  &[data-side="right"] {
7616
7787
  inset-block: 0;
@@ -7665,6 +7836,14 @@
7665
7836
  }
7666
7837
  }
7667
7838
  }
7839
+ .data-\[side\=right\]\:data-\[nested-dialog-open\]\:translate-x-\[calc\(var\(--nested-dialogs\)\*-1\.5rem\)\] {
7840
+ &[data-side="right"] {
7841
+ &[data-nested-dialog-open] {
7842
+ --tw-translate-x: calc(var(--nested-dialogs) * -1.5rem);
7843
+ translate: var(--tw-translate-x) var(--tw-translate-y);
7844
+ }
7845
+ }
7846
+ }
7668
7847
  .data-\[side\=top\]\:inset-x-0 {
7669
7848
  &[data-side="top"] {
7670
7849
  inset-inline: 0;
@@ -7717,6 +7896,22 @@
7717
7896
  }
7718
7897
  }
7719
7898
  }
7899
+ .data-\[side\=top\]\:data-\[nested-dialog-open\]\:translate-y-\[calc\(var\(--nested-dialogs\)\*1\.5rem\)\] {
7900
+ &[data-side="top"] {
7901
+ &[data-nested-dialog-open] {
7902
+ --tw-translate-y: calc(var(--nested-dialogs) * 1.5rem);
7903
+ translate: var(--tw-translate-x) var(--tw-translate-y);
7904
+ }
7905
+ }
7906
+ }
7907
+ .data-\[side\=top\]\:data-\[nested-dialog-open\]\:scale-x-\[calc\(1_-_var\(--nested-dialogs\)\*0\.05\)\] {
7908
+ &[data-side="top"] {
7909
+ &[data-nested-dialog-open] {
7910
+ --tw-scale-x: calc(1 - var(--nested-dialogs) * 0.05);
7911
+ scale: var(--tw-scale-x) var(--tw-scale-y);
7912
+ }
7913
+ }
7914
+ }
7720
7915
  .data-\[size\=lg\]\:gap-3 {
7721
7916
  &[data-size="lg"] {
7722
7917
  gap: calc(var(--spacing) * 3);
@@ -7984,15 +8179,6 @@
7984
8179
  }
7985
8180
  }
7986
8181
  }
7987
- .\*\*\:data-\[slot\=tabs\]\:has-data-\[variant\=underline\]\:-mx-\(--sheet-padding-x\) {
7988
- :is(& *) {
7989
- &[data-slot="tabs"] {
7990
- &:has(*[data-variant="underline"]) {
7991
- margin-inline: calc(var(--sheet-padding-x) * -1);
7992
- }
7993
- }
7994
- }
7995
- }
7996
8182
  .data-\[starting-style\]\:\[transform\:translateX\(var\(--exit-x\)\)_translateY\(var\(--exit-y\)\)_scale\(var\(--scale\)\)\] {
7997
8183
  &[data-starting-style] {
7998
8184
  transform: translateX(var(--exit-x)) translateY(var(--exit-y)) scale(var(--scale));
@@ -8003,6 +8189,16 @@
8003
8189
  opacity: 0%;
8004
8190
  }
8005
8191
  }
8192
+ .data-\[state\=error\]\:border-line-danger {
8193
+ &[data-state="error"] {
8194
+ border-color: var(--color-line-danger);
8195
+ }
8196
+ }
8197
+ .data-\[state\=error\]\:bg-surface-danger-subtle {
8198
+ &[data-state="error"] {
8199
+ background-color: var(--color-surface-danger-subtle);
8200
+ }
8201
+ }
8006
8202
  .data-\[state\=selected\]\:bg-surface-brand-subtle {
8007
8203
  &[data-state="selected"] {
8008
8204
  background-color: var(--color-surface-brand-subtle);
@@ -8954,6 +9150,16 @@
8954
9150
  }
8955
9151
  }
8956
9152
  }
9153
+ .\[\&_\[data-slot\=progress-indicator\]\]\:bg-status-danger {
9154
+ & [data-slot=progress-indicator] {
9155
+ background-color: var(--color-status-danger);
9156
+ }
9157
+ }
9158
+ .\[\&_\[data-slot\=progress-indicator\]\]\:bg-status-success {
9159
+ & [data-slot=progress-indicator] {
9160
+ background-color: var(--color-status-success);
9161
+ }
9162
+ }
8957
9163
  .\[\&_a\]\:pointer-events-auto {
8958
9164
  & a {
8959
9165
  pointer-events: auto;
@@ -8999,6 +9205,29 @@
8999
9205
  z-index: 3;
9000
9206
  }
9001
9207
  }
9208
+ .\[\&_circle\:first-child\]\:text-white\/35 {
9209
+ & circle:first-child {
9210
+ color: color-mix(in srgb, #fff 35%, transparent);
9211
+ @supports (color: color-mix(in lab, red, red)) {
9212
+ color: color-mix(in oklab, var(--color-white) 35%, transparent);
9213
+ }
9214
+ }
9215
+ }
9216
+ .\[\&_circle\:last-child\]\:text-status-danger {
9217
+ & circle:last-child {
9218
+ color: var(--color-status-danger);
9219
+ }
9220
+ }
9221
+ .\[\&_circle\:last-child\]\:text-status-success {
9222
+ & circle:last-child {
9223
+ color: var(--color-status-success);
9224
+ }
9225
+ }
9226
+ .\[\&_circle\:last-child\]\:text-white {
9227
+ & circle:last-child {
9228
+ color: var(--color-white);
9229
+ }
9230
+ }
9002
9231
  .\[\&_p\]\:leading-relaxed {
9003
9232
  & p {
9004
9233
  --tw-leading: var(--leading-relaxed);
@@ -9134,8 +9363,8 @@
9134
9363
  }
9135
9364
  }
9136
9365
  }
9137
- .group-data-\[size\=lg\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
9138
- &:is(:where(.group\/tabs)[data-size="lg"] *) {
9366
+ .group-data-\[size\=lg\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
9367
+ &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
9139
9368
  & svg:not([class*='size-']) {
9140
9369
  width: calc(var(--spacing) * 4.5);
9141
9370
  height: calc(var(--spacing) * 4.5);
@@ -9150,8 +9379,8 @@
9150
9379
  }
9151
9380
  }
9152
9381
  }
9153
- .group-data-\[size\=md\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
9154
- &:is(:where(.group\/tabs)[data-size="md"] *) {
9382
+ .group-data-\[size\=md\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
9383
+ &:is(:where(.group\/tabs-list)[data-size="md"] *) {
9155
9384
  & svg:not([class*='size-']) {
9156
9385
  width: calc(var(--spacing) * 4);
9157
9386
  height: calc(var(--spacing) * 4);
@@ -9166,8 +9395,8 @@
9166
9395
  }
9167
9396
  }
9168
9397
  }
9169
- .group-data-\[size\=sm\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
9170
- &:is(:where(.group\/tabs)[data-size="sm"] *) {
9398
+ .group-data-\[size\=sm\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
9399
+ &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
9171
9400
  & svg:not([class*='size-']) {
9172
9401
  width: calc(var(--spacing) * 3.5);
9173
9402
  height: calc(var(--spacing) * 3.5);
@@ -9422,6 +9651,28 @@
9422
9651
  }
9423
9652
  }
9424
9653
  }
9654
+ .\[\&\>\[data-slot\=input-otp-slot\]\]\:rounded-none {
9655
+ &>[data-slot=input-otp-slot] {
9656
+ border-radius: 0;
9657
+ }
9658
+ }
9659
+ .\[\&\>\[data-slot\=input-otp-slot\]\:first-child\]\:rounded-l-full {
9660
+ &>[data-slot=input-otp-slot]:first-child {
9661
+ border-top-left-radius: calc(infinity * 1px);
9662
+ border-bottom-left-radius: calc(infinity * 1px);
9663
+ }
9664
+ }
9665
+ .\[\&\>\[data-slot\=input-otp-slot\]\:last-child\]\:rounded-r-full {
9666
+ &>[data-slot=input-otp-slot]:last-child {
9667
+ border-top-right-radius: calc(infinity * 1px);
9668
+ border-bottom-right-radius: calc(infinity * 1px);
9669
+ }
9670
+ }
9671
+ .\[\&\>\[data-slot\=input-otp-slot\]\:not\(\:first-child\)\]\:-ml-px {
9672
+ &>[data-slot=input-otp-slot]:not(:first-child) {
9673
+ margin-left: -1px;
9674
+ }
9675
+ }
9425
9676
  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-lg {
9426
9677
  &:has(*:is(select[aria-hidden=true]:last-child)) {
9427
9678
  &>[data-slot=select-trigger]:last-of-type {