@dmsi/wedgekit-react 0.0.511 → 0.0.512

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 (41) hide show
  1. package/dist/{chunk-Y2GK27RX.js → chunk-BWPNXY7T.js} +0 -1
  2. package/dist/{chunk-FJRYHJUV.js → chunk-IGUQFLEO.js} +4 -4
  3. package/dist/components/CalendarRange.css +142 -0
  4. package/dist/components/CalendarRange.js +3 -3
  5. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +142 -0
  6. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +3 -3
  7. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +142 -0
  8. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +3 -3
  9. package/dist/components/DataGrid/PinnedColumns.css +142 -0
  10. package/dist/components/DataGrid/PinnedColumns.js +3 -3
  11. package/dist/components/DataGrid/TableBody/LoadingCell.css +142 -0
  12. package/dist/components/DataGrid/TableBody/LoadingCell.js +3 -3
  13. package/dist/components/DataGrid/TableBody/TableBodyRow.css +142 -0
  14. package/dist/components/DataGrid/TableBody/TableBodyRow.js +3 -3
  15. package/dist/components/DataGrid/TableBody/index.css +142 -0
  16. package/dist/components/DataGrid/TableBody/index.js +3 -3
  17. package/dist/components/DataGrid/index.css +142 -0
  18. package/dist/components/DataGrid/index.js +3 -3
  19. package/dist/components/DataGrid/utils.css +142 -0
  20. package/dist/components/DataGrid/utils.js +3 -3
  21. package/dist/components/DateInput.css +142 -0
  22. package/dist/components/DateInput.js +3 -3
  23. package/dist/components/DateRangeInput.css +142 -0
  24. package/dist/components/DateRangeInput.js +3 -3
  25. package/dist/components/Grid.cjs +0 -1
  26. package/dist/components/Grid.js +1 -1
  27. package/dist/components/MobileDataGrid/ColumnSelector/index.css +142 -0
  28. package/dist/components/MobileDataGrid/ColumnSelector/index.js +3 -3
  29. package/dist/components/MobileDataGrid/MobileDataGridHeader.css +142 -0
  30. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +3 -3
  31. package/dist/components/MobileDataGrid/index.css +142 -0
  32. package/dist/components/MobileDataGrid/index.js +3 -3
  33. package/dist/components/ProductImagePreview/index.cjs +0 -1
  34. package/dist/components/ProductImagePreview/index.js +3 -3
  35. package/dist/components/index.cjs +0 -1
  36. package/dist/components/index.css +142 -0
  37. package/dist/components/index.js +3 -3
  38. package/dist/index.css +142 -0
  39. package/package.json +1 -1
  40. package/src/components/Grid.tsx +1 -2
  41. package/src/index.css +1 -0
@@ -1038,9 +1038,36 @@
1038
1038
  .grid-cols-2 {
1039
1039
  grid-template-columns: repeat(2, minmax(0, 1fr));
1040
1040
  }
1041
+ .grid-cols-3 {
1042
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1043
+ }
1044
+ .grid-cols-4 {
1045
+ grid-template-columns: repeat(4, minmax(0, 1fr));
1046
+ }
1047
+ .grid-cols-5 {
1048
+ grid-template-columns: repeat(5, minmax(0, 1fr));
1049
+ }
1050
+ .grid-cols-6 {
1051
+ grid-template-columns: repeat(6, minmax(0, 1fr));
1052
+ }
1041
1053
  .grid-cols-7 {
1042
1054
  grid-template-columns: repeat(7, minmax(0, 1fr));
1043
1055
  }
1056
+ .grid-cols-8 {
1057
+ grid-template-columns: repeat(8, minmax(0, 1fr));
1058
+ }
1059
+ .grid-cols-9 {
1060
+ grid-template-columns: repeat(9, minmax(0, 1fr));
1061
+ }
1062
+ .grid-cols-10 {
1063
+ grid-template-columns: repeat(10, minmax(0, 1fr));
1064
+ }
1065
+ .grid-cols-11 {
1066
+ grid-template-columns: repeat(11, minmax(0, 1fr));
1067
+ }
1068
+ .grid-cols-12 {
1069
+ grid-template-columns: repeat(12, minmax(0, 1fr));
1070
+ }
1044
1071
  .grid-cols-\[auto_1fr\] {
1045
1072
  grid-template-columns: auto 1fr;
1046
1073
  }
@@ -3867,6 +3894,66 @@
3867
3894
  margin-top: var(--spacing-desktop-compact-component-gap);
3868
3895
  }
3869
3896
  }
3897
+ .compact\:grid-cols-1 {
3898
+ &:where([data-compact]) {
3899
+ grid-template-columns: repeat(1, minmax(0, 1fr));
3900
+ }
3901
+ }
3902
+ .compact\:grid-cols-2 {
3903
+ &:where([data-compact]) {
3904
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3905
+ }
3906
+ }
3907
+ .compact\:grid-cols-3 {
3908
+ &:where([data-compact]) {
3909
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3910
+ }
3911
+ }
3912
+ .compact\:grid-cols-4 {
3913
+ &:where([data-compact]) {
3914
+ grid-template-columns: repeat(4, minmax(0, 1fr));
3915
+ }
3916
+ }
3917
+ .compact\:grid-cols-5 {
3918
+ &:where([data-compact]) {
3919
+ grid-template-columns: repeat(5, minmax(0, 1fr));
3920
+ }
3921
+ }
3922
+ .compact\:grid-cols-6 {
3923
+ &:where([data-compact]) {
3924
+ grid-template-columns: repeat(6, minmax(0, 1fr));
3925
+ }
3926
+ }
3927
+ .compact\:grid-cols-7 {
3928
+ &:where([data-compact]) {
3929
+ grid-template-columns: repeat(7, minmax(0, 1fr));
3930
+ }
3931
+ }
3932
+ .compact\:grid-cols-8 {
3933
+ &:where([data-compact]) {
3934
+ grid-template-columns: repeat(8, minmax(0, 1fr));
3935
+ }
3936
+ }
3937
+ .compact\:grid-cols-9 {
3938
+ &:where([data-compact]) {
3939
+ grid-template-columns: repeat(9, minmax(0, 1fr));
3940
+ }
3941
+ }
3942
+ .compact\:grid-cols-10 {
3943
+ &:where([data-compact]) {
3944
+ grid-template-columns: repeat(10, minmax(0, 1fr));
3945
+ }
3946
+ }
3947
+ .compact\:grid-cols-11 {
3948
+ &:where([data-compact]) {
3949
+ grid-template-columns: repeat(11, minmax(0, 1fr));
3950
+ }
3951
+ }
3952
+ .compact\:grid-cols-12 {
3953
+ &:where([data-compact]) {
3954
+ grid-template-columns: repeat(12, minmax(0, 1fr));
3955
+ }
3956
+ }
3870
3957
  .compact\:gap-desktop-compact-component-gap {
3871
3958
  &:where([data-compact]) {
3872
3959
  gap: var(--spacing-desktop-compact-component-gap);
@@ -4203,11 +4290,66 @@
4203
4290
  flex-grow: 0;
4204
4291
  }
4205
4292
  }
4293
+ .desktop\:grid-cols-1 {
4294
+ @container root (width >= 48rem) {
4295
+ grid-template-columns: repeat(1, minmax(0, 1fr));
4296
+ }
4297
+ }
4298
+ .desktop\:grid-cols-2 {
4299
+ @container root (width >= 48rem) {
4300
+ grid-template-columns: repeat(2, minmax(0, 1fr));
4301
+ }
4302
+ }
4303
+ .desktop\:grid-cols-3 {
4304
+ @container root (width >= 48rem) {
4305
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4306
+ }
4307
+ }
4206
4308
  .desktop\:grid-cols-4 {
4207
4309
  @container root (width >= 48rem) {
4208
4310
  grid-template-columns: repeat(4, minmax(0, 1fr));
4209
4311
  }
4210
4312
  }
4313
+ .desktop\:grid-cols-5 {
4314
+ @container root (width >= 48rem) {
4315
+ grid-template-columns: repeat(5, minmax(0, 1fr));
4316
+ }
4317
+ }
4318
+ .desktop\:grid-cols-6 {
4319
+ @container root (width >= 48rem) {
4320
+ grid-template-columns: repeat(6, minmax(0, 1fr));
4321
+ }
4322
+ }
4323
+ .desktop\:grid-cols-7 {
4324
+ @container root (width >= 48rem) {
4325
+ grid-template-columns: repeat(7, minmax(0, 1fr));
4326
+ }
4327
+ }
4328
+ .desktop\:grid-cols-8 {
4329
+ @container root (width >= 48rem) {
4330
+ grid-template-columns: repeat(8, minmax(0, 1fr));
4331
+ }
4332
+ }
4333
+ .desktop\:grid-cols-9 {
4334
+ @container root (width >= 48rem) {
4335
+ grid-template-columns: repeat(9, minmax(0, 1fr));
4336
+ }
4337
+ }
4338
+ .desktop\:grid-cols-10 {
4339
+ @container root (width >= 48rem) {
4340
+ grid-template-columns: repeat(10, minmax(0, 1fr));
4341
+ }
4342
+ }
4343
+ .desktop\:grid-cols-11 {
4344
+ @container root (width >= 48rem) {
4345
+ grid-template-columns: repeat(11, minmax(0, 1fr));
4346
+ }
4347
+ }
4348
+ .desktop\:grid-cols-12 {
4349
+ @container root (width >= 48rem) {
4350
+ grid-template-columns: repeat(12, minmax(0, 1fr));
4351
+ }
4352
+ }
4211
4353
  .desktop\:flex-col {
4212
4354
  @container root (width >= 48rem) {
4213
4355
  flex-direction: column;
@@ -4,13 +4,13 @@ import {
4
4
  import "../../chunk-M7INAUAJ.js";
5
5
  import "../../chunk-ELXVDRWS.js";
6
6
  import "../../chunk-3UUCDNX3.js";
7
- import "../../chunk-FJRYHJUV.js";
7
+ import "../../chunk-IGUQFLEO.js";
8
+ import "../../chunk-3X3Y4TMS.js";
8
9
  import "../../chunk-BQNPOGD5.js";
9
10
  import "../../chunk-Y5GD2FJA.js";
10
11
  import "../../chunk-MBZ55T2D.js";
11
12
  import "../../chunk-2IKT6IHB.js";
12
13
  import "../../chunk-YCDDBSVU.js";
13
- import "../../chunk-3X3Y4TMS.js";
14
14
  import "../../chunk-PRN2EQBX.js";
15
15
  import "../../chunk-5YNEY3WO.js";
16
16
  import "../../chunk-5IFPG6TS.js";
@@ -31,7 +31,7 @@ import "../../chunk-CMMQTIVM.js";
31
31
  import "../../chunk-AG43RS4Q.js";
32
32
  import "../../chunk-AKJUBFJK.js";
33
33
  import "../../chunk-SUSUNSVZ.js";
34
- import "../../chunk-Y2GK27RX.js";
34
+ import "../../chunk-BWPNXY7T.js";
35
35
  import "../../chunk-QVWYTQKL.js";
36
36
  import "../../chunk-F6RZ7MUE.js";
37
37
  import "../../chunk-TCMOGTPB.js";
@@ -1038,9 +1038,36 @@
1038
1038
  .grid-cols-2 {
1039
1039
  grid-template-columns: repeat(2, minmax(0, 1fr));
1040
1040
  }
1041
+ .grid-cols-3 {
1042
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1043
+ }
1044
+ .grid-cols-4 {
1045
+ grid-template-columns: repeat(4, minmax(0, 1fr));
1046
+ }
1047
+ .grid-cols-5 {
1048
+ grid-template-columns: repeat(5, minmax(0, 1fr));
1049
+ }
1050
+ .grid-cols-6 {
1051
+ grid-template-columns: repeat(6, minmax(0, 1fr));
1052
+ }
1041
1053
  .grid-cols-7 {
1042
1054
  grid-template-columns: repeat(7, minmax(0, 1fr));
1043
1055
  }
1056
+ .grid-cols-8 {
1057
+ grid-template-columns: repeat(8, minmax(0, 1fr));
1058
+ }
1059
+ .grid-cols-9 {
1060
+ grid-template-columns: repeat(9, minmax(0, 1fr));
1061
+ }
1062
+ .grid-cols-10 {
1063
+ grid-template-columns: repeat(10, minmax(0, 1fr));
1064
+ }
1065
+ .grid-cols-11 {
1066
+ grid-template-columns: repeat(11, minmax(0, 1fr));
1067
+ }
1068
+ .grid-cols-12 {
1069
+ grid-template-columns: repeat(12, minmax(0, 1fr));
1070
+ }
1044
1071
  .grid-cols-\[auto_1fr\] {
1045
1072
  grid-template-columns: auto 1fr;
1046
1073
  }
@@ -3867,6 +3894,66 @@
3867
3894
  margin-top: var(--spacing-desktop-compact-component-gap);
3868
3895
  }
3869
3896
  }
3897
+ .compact\:grid-cols-1 {
3898
+ &:where([data-compact]) {
3899
+ grid-template-columns: repeat(1, minmax(0, 1fr));
3900
+ }
3901
+ }
3902
+ .compact\:grid-cols-2 {
3903
+ &:where([data-compact]) {
3904
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3905
+ }
3906
+ }
3907
+ .compact\:grid-cols-3 {
3908
+ &:where([data-compact]) {
3909
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3910
+ }
3911
+ }
3912
+ .compact\:grid-cols-4 {
3913
+ &:where([data-compact]) {
3914
+ grid-template-columns: repeat(4, minmax(0, 1fr));
3915
+ }
3916
+ }
3917
+ .compact\:grid-cols-5 {
3918
+ &:where([data-compact]) {
3919
+ grid-template-columns: repeat(5, minmax(0, 1fr));
3920
+ }
3921
+ }
3922
+ .compact\:grid-cols-6 {
3923
+ &:where([data-compact]) {
3924
+ grid-template-columns: repeat(6, minmax(0, 1fr));
3925
+ }
3926
+ }
3927
+ .compact\:grid-cols-7 {
3928
+ &:where([data-compact]) {
3929
+ grid-template-columns: repeat(7, minmax(0, 1fr));
3930
+ }
3931
+ }
3932
+ .compact\:grid-cols-8 {
3933
+ &:where([data-compact]) {
3934
+ grid-template-columns: repeat(8, minmax(0, 1fr));
3935
+ }
3936
+ }
3937
+ .compact\:grid-cols-9 {
3938
+ &:where([data-compact]) {
3939
+ grid-template-columns: repeat(9, minmax(0, 1fr));
3940
+ }
3941
+ }
3942
+ .compact\:grid-cols-10 {
3943
+ &:where([data-compact]) {
3944
+ grid-template-columns: repeat(10, minmax(0, 1fr));
3945
+ }
3946
+ }
3947
+ .compact\:grid-cols-11 {
3948
+ &:where([data-compact]) {
3949
+ grid-template-columns: repeat(11, minmax(0, 1fr));
3950
+ }
3951
+ }
3952
+ .compact\:grid-cols-12 {
3953
+ &:where([data-compact]) {
3954
+ grid-template-columns: repeat(12, minmax(0, 1fr));
3955
+ }
3956
+ }
3870
3957
  .compact\:gap-desktop-compact-component-gap {
3871
3958
  &:where([data-compact]) {
3872
3959
  gap: var(--spacing-desktop-compact-component-gap);
@@ -4203,11 +4290,66 @@
4203
4290
  flex-grow: 0;
4204
4291
  }
4205
4292
  }
4293
+ .desktop\:grid-cols-1 {
4294
+ @container root (width >= 48rem) {
4295
+ grid-template-columns: repeat(1, minmax(0, 1fr));
4296
+ }
4297
+ }
4298
+ .desktop\:grid-cols-2 {
4299
+ @container root (width >= 48rem) {
4300
+ grid-template-columns: repeat(2, minmax(0, 1fr));
4301
+ }
4302
+ }
4303
+ .desktop\:grid-cols-3 {
4304
+ @container root (width >= 48rem) {
4305
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4306
+ }
4307
+ }
4206
4308
  .desktop\:grid-cols-4 {
4207
4309
  @container root (width >= 48rem) {
4208
4310
  grid-template-columns: repeat(4, minmax(0, 1fr));
4209
4311
  }
4210
4312
  }
4313
+ .desktop\:grid-cols-5 {
4314
+ @container root (width >= 48rem) {
4315
+ grid-template-columns: repeat(5, minmax(0, 1fr));
4316
+ }
4317
+ }
4318
+ .desktop\:grid-cols-6 {
4319
+ @container root (width >= 48rem) {
4320
+ grid-template-columns: repeat(6, minmax(0, 1fr));
4321
+ }
4322
+ }
4323
+ .desktop\:grid-cols-7 {
4324
+ @container root (width >= 48rem) {
4325
+ grid-template-columns: repeat(7, minmax(0, 1fr));
4326
+ }
4327
+ }
4328
+ .desktop\:grid-cols-8 {
4329
+ @container root (width >= 48rem) {
4330
+ grid-template-columns: repeat(8, minmax(0, 1fr));
4331
+ }
4332
+ }
4333
+ .desktop\:grid-cols-9 {
4334
+ @container root (width >= 48rem) {
4335
+ grid-template-columns: repeat(9, minmax(0, 1fr));
4336
+ }
4337
+ }
4338
+ .desktop\:grid-cols-10 {
4339
+ @container root (width >= 48rem) {
4340
+ grid-template-columns: repeat(10, minmax(0, 1fr));
4341
+ }
4342
+ }
4343
+ .desktop\:grid-cols-11 {
4344
+ @container root (width >= 48rem) {
4345
+ grid-template-columns: repeat(11, minmax(0, 1fr));
4346
+ }
4347
+ }
4348
+ .desktop\:grid-cols-12 {
4349
+ @container root (width >= 48rem) {
4350
+ grid-template-columns: repeat(12, minmax(0, 1fr));
4351
+ }
4352
+ }
4211
4353
  .desktop\:flex-col {
4212
4354
  @container root (width >= 48rem) {
4213
4355
  flex-direction: column;
@@ -4,13 +4,13 @@ import {
4
4
  import "../../../chunk-M7INAUAJ.js";
5
5
  import "../../../chunk-ELXVDRWS.js";
6
6
  import "../../../chunk-3UUCDNX3.js";
7
- import "../../../chunk-FJRYHJUV.js";
7
+ import "../../../chunk-IGUQFLEO.js";
8
+ import "../../../chunk-3X3Y4TMS.js";
8
9
  import "../../../chunk-BQNPOGD5.js";
9
10
  import "../../../chunk-Y5GD2FJA.js";
10
11
  import "../../../chunk-MBZ55T2D.js";
11
12
  import "../../../chunk-2IKT6IHB.js";
12
13
  import "../../../chunk-YCDDBSVU.js";
13
- import "../../../chunk-3X3Y4TMS.js";
14
14
  import "../../../chunk-PRN2EQBX.js";
15
15
  import "../../../chunk-5YNEY3WO.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
@@ -31,7 +31,7 @@ import "../../../chunk-CMMQTIVM.js";
31
31
  import "../../../chunk-AG43RS4Q.js";
32
32
  import "../../../chunk-AKJUBFJK.js";
33
33
  import "../../../chunk-SUSUNSVZ.js";
34
- import "../../../chunk-Y2GK27RX.js";
34
+ import "../../../chunk-BWPNXY7T.js";
35
35
  import "../../../chunk-QVWYTQKL.js";
36
36
  import "../../../chunk-F6RZ7MUE.js";
37
37
  import "../../../chunk-TCMOGTPB.js";
@@ -1038,9 +1038,36 @@
1038
1038
  .grid-cols-2 {
1039
1039
  grid-template-columns: repeat(2, minmax(0, 1fr));
1040
1040
  }
1041
+ .grid-cols-3 {
1042
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1043
+ }
1044
+ .grid-cols-4 {
1045
+ grid-template-columns: repeat(4, minmax(0, 1fr));
1046
+ }
1047
+ .grid-cols-5 {
1048
+ grid-template-columns: repeat(5, minmax(0, 1fr));
1049
+ }
1050
+ .grid-cols-6 {
1051
+ grid-template-columns: repeat(6, minmax(0, 1fr));
1052
+ }
1041
1053
  .grid-cols-7 {
1042
1054
  grid-template-columns: repeat(7, minmax(0, 1fr));
1043
1055
  }
1056
+ .grid-cols-8 {
1057
+ grid-template-columns: repeat(8, minmax(0, 1fr));
1058
+ }
1059
+ .grid-cols-9 {
1060
+ grid-template-columns: repeat(9, minmax(0, 1fr));
1061
+ }
1062
+ .grid-cols-10 {
1063
+ grid-template-columns: repeat(10, minmax(0, 1fr));
1064
+ }
1065
+ .grid-cols-11 {
1066
+ grid-template-columns: repeat(11, minmax(0, 1fr));
1067
+ }
1068
+ .grid-cols-12 {
1069
+ grid-template-columns: repeat(12, minmax(0, 1fr));
1070
+ }
1044
1071
  .grid-cols-\[auto_1fr\] {
1045
1072
  grid-template-columns: auto 1fr;
1046
1073
  }
@@ -3867,6 +3894,66 @@
3867
3894
  margin-top: var(--spacing-desktop-compact-component-gap);
3868
3895
  }
3869
3896
  }
3897
+ .compact\:grid-cols-1 {
3898
+ &:where([data-compact]) {
3899
+ grid-template-columns: repeat(1, minmax(0, 1fr));
3900
+ }
3901
+ }
3902
+ .compact\:grid-cols-2 {
3903
+ &:where([data-compact]) {
3904
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3905
+ }
3906
+ }
3907
+ .compact\:grid-cols-3 {
3908
+ &:where([data-compact]) {
3909
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3910
+ }
3911
+ }
3912
+ .compact\:grid-cols-4 {
3913
+ &:where([data-compact]) {
3914
+ grid-template-columns: repeat(4, minmax(0, 1fr));
3915
+ }
3916
+ }
3917
+ .compact\:grid-cols-5 {
3918
+ &:where([data-compact]) {
3919
+ grid-template-columns: repeat(5, minmax(0, 1fr));
3920
+ }
3921
+ }
3922
+ .compact\:grid-cols-6 {
3923
+ &:where([data-compact]) {
3924
+ grid-template-columns: repeat(6, minmax(0, 1fr));
3925
+ }
3926
+ }
3927
+ .compact\:grid-cols-7 {
3928
+ &:where([data-compact]) {
3929
+ grid-template-columns: repeat(7, minmax(0, 1fr));
3930
+ }
3931
+ }
3932
+ .compact\:grid-cols-8 {
3933
+ &:where([data-compact]) {
3934
+ grid-template-columns: repeat(8, minmax(0, 1fr));
3935
+ }
3936
+ }
3937
+ .compact\:grid-cols-9 {
3938
+ &:where([data-compact]) {
3939
+ grid-template-columns: repeat(9, minmax(0, 1fr));
3940
+ }
3941
+ }
3942
+ .compact\:grid-cols-10 {
3943
+ &:where([data-compact]) {
3944
+ grid-template-columns: repeat(10, minmax(0, 1fr));
3945
+ }
3946
+ }
3947
+ .compact\:grid-cols-11 {
3948
+ &:where([data-compact]) {
3949
+ grid-template-columns: repeat(11, minmax(0, 1fr));
3950
+ }
3951
+ }
3952
+ .compact\:grid-cols-12 {
3953
+ &:where([data-compact]) {
3954
+ grid-template-columns: repeat(12, minmax(0, 1fr));
3955
+ }
3956
+ }
3870
3957
  .compact\:gap-desktop-compact-component-gap {
3871
3958
  &:where([data-compact]) {
3872
3959
  gap: var(--spacing-desktop-compact-component-gap);
@@ -4203,11 +4290,66 @@
4203
4290
  flex-grow: 0;
4204
4291
  }
4205
4292
  }
4293
+ .desktop\:grid-cols-1 {
4294
+ @container root (width >= 48rem) {
4295
+ grid-template-columns: repeat(1, minmax(0, 1fr));
4296
+ }
4297
+ }
4298
+ .desktop\:grid-cols-2 {
4299
+ @container root (width >= 48rem) {
4300
+ grid-template-columns: repeat(2, minmax(0, 1fr));
4301
+ }
4302
+ }
4303
+ .desktop\:grid-cols-3 {
4304
+ @container root (width >= 48rem) {
4305
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4306
+ }
4307
+ }
4206
4308
  .desktop\:grid-cols-4 {
4207
4309
  @container root (width >= 48rem) {
4208
4310
  grid-template-columns: repeat(4, minmax(0, 1fr));
4209
4311
  }
4210
4312
  }
4313
+ .desktop\:grid-cols-5 {
4314
+ @container root (width >= 48rem) {
4315
+ grid-template-columns: repeat(5, minmax(0, 1fr));
4316
+ }
4317
+ }
4318
+ .desktop\:grid-cols-6 {
4319
+ @container root (width >= 48rem) {
4320
+ grid-template-columns: repeat(6, minmax(0, 1fr));
4321
+ }
4322
+ }
4323
+ .desktop\:grid-cols-7 {
4324
+ @container root (width >= 48rem) {
4325
+ grid-template-columns: repeat(7, minmax(0, 1fr));
4326
+ }
4327
+ }
4328
+ .desktop\:grid-cols-8 {
4329
+ @container root (width >= 48rem) {
4330
+ grid-template-columns: repeat(8, minmax(0, 1fr));
4331
+ }
4332
+ }
4333
+ .desktop\:grid-cols-9 {
4334
+ @container root (width >= 48rem) {
4335
+ grid-template-columns: repeat(9, minmax(0, 1fr));
4336
+ }
4337
+ }
4338
+ .desktop\:grid-cols-10 {
4339
+ @container root (width >= 48rem) {
4340
+ grid-template-columns: repeat(10, minmax(0, 1fr));
4341
+ }
4342
+ }
4343
+ .desktop\:grid-cols-11 {
4344
+ @container root (width >= 48rem) {
4345
+ grid-template-columns: repeat(11, minmax(0, 1fr));
4346
+ }
4347
+ }
4348
+ .desktop\:grid-cols-12 {
4349
+ @container root (width >= 48rem) {
4350
+ grid-template-columns: repeat(12, minmax(0, 1fr));
4351
+ }
4352
+ }
4211
4353
  .desktop\:flex-col {
4212
4354
  @container root (width >= 48rem) {
4213
4355
  flex-direction: column;
@@ -4,13 +4,13 @@ import {
4
4
  import "../../../chunk-M7INAUAJ.js";
5
5
  import "../../../chunk-ELXVDRWS.js";
6
6
  import "../../../chunk-3UUCDNX3.js";
7
- import "../../../chunk-FJRYHJUV.js";
7
+ import "../../../chunk-IGUQFLEO.js";
8
+ import "../../../chunk-3X3Y4TMS.js";
8
9
  import "../../../chunk-BQNPOGD5.js";
9
10
  import "../../../chunk-Y5GD2FJA.js";
10
11
  import "../../../chunk-MBZ55T2D.js";
11
12
  import "../../../chunk-2IKT6IHB.js";
12
13
  import "../../../chunk-YCDDBSVU.js";
13
- import "../../../chunk-3X3Y4TMS.js";
14
14
  import "../../../chunk-PRN2EQBX.js";
15
15
  import "../../../chunk-5YNEY3WO.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
@@ -31,7 +31,7 @@ import "../../../chunk-CMMQTIVM.js";
31
31
  import "../../../chunk-AG43RS4Q.js";
32
32
  import "../../../chunk-AKJUBFJK.js";
33
33
  import "../../../chunk-SUSUNSVZ.js";
34
- import "../../../chunk-Y2GK27RX.js";
34
+ import "../../../chunk-BWPNXY7T.js";
35
35
  import "../../../chunk-QVWYTQKL.js";
36
36
  import "../../../chunk-F6RZ7MUE.js";
37
37
  import "../../../chunk-TCMOGTPB.js";