@kushagradhawan/kookie-ui 0.1.47 → 0.1.49

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 (149) hide show
  1. package/components.css +858 -30
  2. package/dist/cjs/components/_internal/shell-bottom.d.ts +31 -0
  3. package/dist/cjs/components/_internal/shell-bottom.d.ts.map +1 -0
  4. package/dist/cjs/components/_internal/shell-bottom.js +2 -0
  5. package/dist/cjs/components/_internal/shell-bottom.js.map +7 -0
  6. package/dist/cjs/components/_internal/shell-handles.d.ts +7 -0
  7. package/dist/cjs/components/_internal/shell-handles.d.ts.map +1 -0
  8. package/dist/cjs/components/_internal/shell-handles.js +2 -0
  9. package/dist/cjs/components/_internal/shell-handles.js.map +7 -0
  10. package/dist/cjs/components/_internal/shell-inspector.d.ts +31 -0
  11. package/dist/cjs/components/_internal/shell-inspector.d.ts.map +1 -0
  12. package/dist/cjs/components/_internal/shell-inspector.js +2 -0
  13. package/dist/cjs/components/_internal/shell-inspector.js.map +7 -0
  14. package/dist/cjs/components/_internal/shell-resize.d.ts +24 -0
  15. package/dist/cjs/components/_internal/shell-resize.d.ts.map +1 -0
  16. package/dist/cjs/components/_internal/shell-resize.js +2 -0
  17. package/dist/cjs/components/_internal/shell-resize.js.map +7 -0
  18. package/dist/cjs/components/_internal/shell-sidebar.d.ts +37 -0
  19. package/dist/cjs/components/_internal/shell-sidebar.d.ts.map +1 -0
  20. package/dist/cjs/components/_internal/shell-sidebar.js +2 -0
  21. package/dist/cjs/components/_internal/shell-sidebar.js.map +7 -0
  22. package/dist/cjs/components/alert-dialog.d.ts.map +1 -1
  23. package/dist/cjs/components/alert-dialog.js +1 -1
  24. package/dist/cjs/components/alert-dialog.js.map +2 -2
  25. package/dist/cjs/components/dialog.d.ts.map +1 -1
  26. package/dist/cjs/components/dialog.js +1 -1
  27. package/dist/cjs/components/dialog.js.map +2 -2
  28. package/dist/cjs/components/schemas/index.d.ts +2 -0
  29. package/dist/cjs/components/schemas/index.d.ts.map +1 -1
  30. package/dist/cjs/components/schemas/index.js +1 -1
  31. package/dist/cjs/components/schemas/index.js.map +3 -3
  32. package/dist/cjs/components/schemas/shell.schema.d.ts +1025 -0
  33. package/dist/cjs/components/schemas/shell.schema.d.ts.map +1 -0
  34. package/dist/cjs/components/schemas/shell.schema.js +2 -0
  35. package/dist/cjs/components/schemas/shell.schema.js.map +7 -0
  36. package/dist/cjs/components/shell.context.d.ts +37 -0
  37. package/dist/cjs/components/shell.context.d.ts.map +1 -0
  38. package/dist/cjs/components/shell.context.js +2 -0
  39. package/dist/cjs/components/shell.context.js.map +7 -0
  40. package/dist/cjs/components/shell.d.ts +6 -68
  41. package/dist/cjs/components/shell.d.ts.map +1 -1
  42. package/dist/cjs/components/shell.hooks.d.ts +3 -0
  43. package/dist/cjs/components/shell.hooks.d.ts.map +1 -0
  44. package/dist/cjs/components/shell.hooks.js +2 -0
  45. package/dist/cjs/components/shell.hooks.js.map +7 -0
  46. package/dist/cjs/components/shell.js +1 -1
  47. package/dist/cjs/components/shell.js.map +3 -3
  48. package/dist/cjs/components/shell.types.d.ts +20 -0
  49. package/dist/cjs/components/shell.types.d.ts.map +1 -0
  50. package/dist/cjs/components/shell.types.js +2 -0
  51. package/dist/cjs/components/shell.types.js.map +7 -0
  52. package/dist/cjs/components/sidebar.d.ts +1 -1
  53. package/dist/cjs/components/sidebar.d.ts.map +1 -1
  54. package/dist/cjs/components/sidebar.js +1 -1
  55. package/dist/cjs/components/sidebar.js.map +3 -3
  56. package/dist/esm/components/_internal/shell-bottom.d.ts +31 -0
  57. package/dist/esm/components/_internal/shell-bottom.d.ts.map +1 -0
  58. package/dist/esm/components/_internal/shell-bottom.js +2 -0
  59. package/dist/esm/components/_internal/shell-bottom.js.map +7 -0
  60. package/dist/esm/components/_internal/shell-handles.d.ts +7 -0
  61. package/dist/esm/components/_internal/shell-handles.d.ts.map +1 -0
  62. package/dist/esm/components/_internal/shell-handles.js +2 -0
  63. package/dist/esm/components/_internal/shell-handles.js.map +7 -0
  64. package/dist/esm/components/_internal/shell-inspector.d.ts +31 -0
  65. package/dist/esm/components/_internal/shell-inspector.d.ts.map +1 -0
  66. package/dist/esm/components/_internal/shell-inspector.js +2 -0
  67. package/dist/esm/components/_internal/shell-inspector.js.map +7 -0
  68. package/dist/esm/components/_internal/shell-resize.d.ts +24 -0
  69. package/dist/esm/components/_internal/shell-resize.d.ts.map +1 -0
  70. package/dist/esm/components/_internal/shell-resize.js +2 -0
  71. package/dist/esm/components/_internal/shell-resize.js.map +7 -0
  72. package/dist/esm/components/_internal/shell-sidebar.d.ts +37 -0
  73. package/dist/esm/components/_internal/shell-sidebar.d.ts.map +1 -0
  74. package/dist/esm/components/_internal/shell-sidebar.js +2 -0
  75. package/dist/esm/components/_internal/shell-sidebar.js.map +7 -0
  76. package/dist/esm/components/alert-dialog.d.ts.map +1 -1
  77. package/dist/esm/components/alert-dialog.js +1 -1
  78. package/dist/esm/components/alert-dialog.js.map +2 -2
  79. package/dist/esm/components/dialog.d.ts.map +1 -1
  80. package/dist/esm/components/dialog.js +1 -1
  81. package/dist/esm/components/dialog.js.map +2 -2
  82. package/dist/esm/components/schemas/index.d.ts +2 -0
  83. package/dist/esm/components/schemas/index.d.ts.map +1 -1
  84. package/dist/esm/components/schemas/index.js +1 -1
  85. package/dist/esm/components/schemas/index.js.map +3 -3
  86. package/dist/esm/components/schemas/shell.schema.d.ts +1025 -0
  87. package/dist/esm/components/schemas/shell.schema.d.ts.map +1 -0
  88. package/dist/esm/components/schemas/shell.schema.js +2 -0
  89. package/dist/esm/components/schemas/shell.schema.js.map +7 -0
  90. package/dist/esm/components/shell.context.d.ts +37 -0
  91. package/dist/esm/components/shell.context.d.ts.map +1 -0
  92. package/dist/esm/components/shell.context.js +2 -0
  93. package/dist/esm/components/shell.context.js.map +7 -0
  94. package/dist/esm/components/shell.d.ts +6 -68
  95. package/dist/esm/components/shell.d.ts.map +1 -1
  96. package/dist/esm/components/shell.hooks.d.ts +3 -0
  97. package/dist/esm/components/shell.hooks.d.ts.map +1 -0
  98. package/dist/esm/components/shell.hooks.js +2 -0
  99. package/dist/esm/components/shell.hooks.js.map +7 -0
  100. package/dist/esm/components/shell.js +1 -1
  101. package/dist/esm/components/shell.js.map +3 -3
  102. package/dist/esm/components/shell.types.d.ts +20 -0
  103. package/dist/esm/components/shell.types.d.ts.map +1 -0
  104. package/dist/esm/components/shell.types.js +2 -0
  105. package/dist/esm/components/shell.types.js.map +7 -0
  106. package/dist/esm/components/sidebar.d.ts +1 -1
  107. package/dist/esm/components/sidebar.d.ts.map +1 -1
  108. package/dist/esm/components/sidebar.js +1 -1
  109. package/dist/esm/components/sidebar.js.map +2 -2
  110. package/layout/utilities.css +168 -84
  111. package/layout.css +168 -84
  112. package/package.json +2 -1
  113. package/schemas/base-button.json +1 -1
  114. package/schemas/button.json +1 -1
  115. package/schemas/icon-button.json +1 -1
  116. package/schemas/index.json +6 -6
  117. package/schemas/shell-bottom.json +168 -0
  118. package/schemas/shell-content.json +34 -0
  119. package/schemas/shell-handle.json +34 -0
  120. package/schemas/shell-header.json +42 -0
  121. package/schemas/shell-inspector.json +171 -0
  122. package/schemas/shell-panel.json +167 -0
  123. package/schemas/shell-rail.json +132 -0
  124. package/schemas/shell-root.json +54 -0
  125. package/schemas/shell-sidebar.json +182 -0
  126. package/schemas/shell-trigger.json +76 -0
  127. package/schemas/toggle-button.json +1 -1
  128. package/schemas/toggle-icon-button.json +1 -1
  129. package/src/components/_internal/shell-bottom.tsx +251 -0
  130. package/src/components/_internal/shell-handles.tsx +193 -0
  131. package/src/components/_internal/shell-inspector.tsx +242 -0
  132. package/src/components/_internal/shell-resize.tsx +30 -0
  133. package/src/components/_internal/shell-sidebar.tsx +347 -0
  134. package/src/components/alert-dialog.tsx +6 -0
  135. package/src/components/dialog.tsx +6 -0
  136. package/src/components/schemas/index.ts +46 -0
  137. package/src/components/schemas/shell.schema.ts +403 -0
  138. package/src/components/shell.context.tsx +56 -0
  139. package/src/components/shell.css +5 -17
  140. package/src/components/shell.hooks.ts +31 -0
  141. package/src/components/shell.tsx +368 -1684
  142. package/src/components/shell.types.ts +27 -0
  143. package/src/components/sidebar.tsx +1 -1
  144. package/src/styles/tokens/blur.css +2 -2
  145. package/src/styles/tokens/color.css +2 -2
  146. package/styles.css +1031 -116
  147. package/tokens/base.css +5 -2
  148. package/tokens.css +5 -2
  149. package/utilities.css +168 -84
package/tokens/base.css CHANGED
@@ -100,7 +100,7 @@
100
100
  --color-overlay: var(--black-a8);
101
101
  --color-panel-solid: var(--gray-2);
102
102
  --color-panel-translucent: color-mix(in srgb, var(--gray-2) var(--panel-opacity-percentage), transparent);
103
- --color-surface-solid: var(--gray-2) ;
103
+ --color-surface-solid: var(--gray-2);
104
104
  --color-surface-translucent: color-mix(in srgb, var(--gray-2) var(--surface-opacity-percentage), transparent);
105
105
  --color-dialog-solid: var(--gray-2);
106
106
  --color-dialog-translucent: color-mix(in srgb, var(--gray-2) var(--dialog-opacity-percentage), transparent);
@@ -153,6 +153,9 @@
153
153
  --focus-a11: var(--accent-a11);
154
154
  --focus-a12: var(--accent-a12);
155
155
  }
156
+ .radix-themes ::-moz-selection {
157
+ background-color: var(--focus-a5);
158
+ }
156
159
  .radix-themes ::selection {
157
160
  background-color: var(--focus-a5);
158
161
  }
@@ -1580,7 +1583,7 @@
1580
1583
  --blur-factor: 1.5;
1581
1584
  }
1582
1585
  [data-blur='extra'] {
1583
- --blur-factor: 2.0;
1586
+ --blur-factor: 2;
1584
1587
  }
1585
1588
  [data-opacity='none'] {
1586
1589
  --opacity-factor: 0;
package/tokens.css CHANGED
@@ -3482,7 +3482,7 @@
3482
3482
  --color-overlay: var(--black-a8);
3483
3483
  --color-panel-solid: var(--gray-2);
3484
3484
  --color-panel-translucent: color-mix(in srgb, var(--gray-2) var(--panel-opacity-percentage), transparent);
3485
- --color-surface-solid: var(--gray-2) ;
3485
+ --color-surface-solid: var(--gray-2);
3486
3486
  --color-surface-translucent: color-mix(in srgb, var(--gray-2) var(--surface-opacity-percentage), transparent);
3487
3487
  --color-dialog-solid: var(--gray-2);
3488
3488
  --color-dialog-translucent: color-mix(in srgb, var(--gray-2) var(--dialog-opacity-percentage), transparent);
@@ -3535,6 +3535,9 @@
3535
3535
  --focus-a11: var(--accent-a11);
3536
3536
  --focus-a12: var(--accent-a12);
3537
3537
  }
3538
+ .radix-themes ::-moz-selection {
3539
+ background-color: var(--focus-a5);
3540
+ }
3538
3541
  .radix-themes ::selection {
3539
3542
  background-color: var(--focus-a5);
3540
3543
  }
@@ -4962,7 +4965,7 @@
4962
4965
  --blur-factor: 1.5;
4963
4966
  }
4964
4967
  [data-blur='extra'] {
4965
- --blur-factor: 2.0;
4968
+ --blur-factor: 2;
4966
4969
  }
4967
4970
  [data-opacity='none'] {
4968
4971
  --opacity-factor: 0;
package/utilities.css CHANGED
@@ -869,46 +869,60 @@
869
869
  gap: var(--space-12);
870
870
  }
871
871
  .rt-r-cg {
872
- column-gap: var(--column-gap)
872
+ -moz-column-gap: var(--column-gap);
873
+ column-gap: var(--column-gap)
873
874
  }
874
875
  .rt-r-cg-0 {
875
- column-gap: 0;
876
+ -moz-column-gap: 0;
877
+ column-gap: 0;
876
878
  }
877
879
  .rt-r-cg-1 {
878
- column-gap: var(--space-1);
880
+ -moz-column-gap: var(--space-1);
881
+ column-gap: var(--space-1);
879
882
  }
880
883
  .rt-r-cg-2 {
881
- column-gap: var(--space-2);
884
+ -moz-column-gap: var(--space-2);
885
+ column-gap: var(--space-2);
882
886
  }
883
887
  .rt-r-cg-3 {
884
- column-gap: var(--space-3);
888
+ -moz-column-gap: var(--space-3);
889
+ column-gap: var(--space-3);
885
890
  }
886
891
  .rt-r-cg-4 {
887
- column-gap: var(--space-4);
892
+ -moz-column-gap: var(--space-4);
893
+ column-gap: var(--space-4);
888
894
  }
889
895
  .rt-r-cg-5 {
890
- column-gap: var(--space-5);
896
+ -moz-column-gap: var(--space-5);
897
+ column-gap: var(--space-5);
891
898
  }
892
899
  .rt-r-cg-6 {
893
- column-gap: var(--space-6);
900
+ -moz-column-gap: var(--space-6);
901
+ column-gap: var(--space-6);
894
902
  }
895
903
  .rt-r-cg-7 {
896
- column-gap: var(--space-7);
904
+ -moz-column-gap: var(--space-7);
905
+ column-gap: var(--space-7);
897
906
  }
898
907
  .rt-r-cg-8 {
899
- column-gap: var(--space-8);
908
+ -moz-column-gap: var(--space-8);
909
+ column-gap: var(--space-8);
900
910
  }
901
911
  .rt-r-cg-9 {
902
- column-gap: var(--space-9);
912
+ -moz-column-gap: var(--space-9);
913
+ column-gap: var(--space-9);
903
914
  }
904
915
  .rt-r-cg-10 {
905
- column-gap: var(--space-10);
916
+ -moz-column-gap: var(--space-10);
917
+ column-gap: var(--space-10);
906
918
  }
907
919
  .rt-r-cg-11 {
908
- column-gap: var(--space-11);
920
+ -moz-column-gap: var(--space-11);
921
+ column-gap: var(--space-11);
909
922
  }
910
923
  .rt-r-cg-12 {
911
- column-gap: var(--space-12);
924
+ -moz-column-gap: var(--space-12);
925
+ column-gap: var(--space-12);
912
926
  }
913
927
  .rt-r-rg {
914
928
  row-gap: var(--row-gap)
@@ -996,46 +1010,60 @@
996
1010
  gap: var(--space-12);
997
1011
  }
998
1012
  .xs\:rt-r-cg {
999
- column-gap: var(--column-gap-xs)
1013
+ -moz-column-gap: var(--column-gap-xs);
1014
+ column-gap: var(--column-gap-xs)
1000
1015
  }
1001
1016
  .xs\:rt-r-cg-0 {
1002
- column-gap: 0;
1017
+ -moz-column-gap: 0;
1018
+ column-gap: 0;
1003
1019
  }
1004
1020
  .xs\:rt-r-cg-1 {
1005
- column-gap: var(--space-1);
1021
+ -moz-column-gap: var(--space-1);
1022
+ column-gap: var(--space-1);
1006
1023
  }
1007
1024
  .xs\:rt-r-cg-2 {
1008
- column-gap: var(--space-2);
1025
+ -moz-column-gap: var(--space-2);
1026
+ column-gap: var(--space-2);
1009
1027
  }
1010
1028
  .xs\:rt-r-cg-3 {
1011
- column-gap: var(--space-3);
1029
+ -moz-column-gap: var(--space-3);
1030
+ column-gap: var(--space-3);
1012
1031
  }
1013
1032
  .xs\:rt-r-cg-4 {
1014
- column-gap: var(--space-4);
1033
+ -moz-column-gap: var(--space-4);
1034
+ column-gap: var(--space-4);
1015
1035
  }
1016
1036
  .xs\:rt-r-cg-5 {
1017
- column-gap: var(--space-5);
1037
+ -moz-column-gap: var(--space-5);
1038
+ column-gap: var(--space-5);
1018
1039
  }
1019
1040
  .xs\:rt-r-cg-6 {
1020
- column-gap: var(--space-6);
1041
+ -moz-column-gap: var(--space-6);
1042
+ column-gap: var(--space-6);
1021
1043
  }
1022
1044
  .xs\:rt-r-cg-7 {
1023
- column-gap: var(--space-7);
1045
+ -moz-column-gap: var(--space-7);
1046
+ column-gap: var(--space-7);
1024
1047
  }
1025
1048
  .xs\:rt-r-cg-8 {
1026
- column-gap: var(--space-8);
1049
+ -moz-column-gap: var(--space-8);
1050
+ column-gap: var(--space-8);
1027
1051
  }
1028
1052
  .xs\:rt-r-cg-9 {
1029
- column-gap: var(--space-9);
1053
+ -moz-column-gap: var(--space-9);
1054
+ column-gap: var(--space-9);
1030
1055
  }
1031
1056
  .xs\:rt-r-cg-10 {
1032
- column-gap: var(--space-10);
1057
+ -moz-column-gap: var(--space-10);
1058
+ column-gap: var(--space-10);
1033
1059
  }
1034
1060
  .xs\:rt-r-cg-11 {
1035
- column-gap: var(--space-11);
1061
+ -moz-column-gap: var(--space-11);
1062
+ column-gap: var(--space-11);
1036
1063
  }
1037
1064
  .xs\:rt-r-cg-12 {
1038
- column-gap: var(--space-12);
1065
+ -moz-column-gap: var(--space-12);
1066
+ column-gap: var(--space-12);
1039
1067
  }
1040
1068
  .xs\:rt-r-rg {
1041
1069
  row-gap: var(--row-gap-xs)
@@ -1124,46 +1152,60 @@
1124
1152
  gap: var(--space-12);
1125
1153
  }
1126
1154
  .sm\:rt-r-cg {
1127
- column-gap: var(--column-gap-sm)
1155
+ -moz-column-gap: var(--column-gap-sm);
1156
+ column-gap: var(--column-gap-sm)
1128
1157
  }
1129
1158
  .sm\:rt-r-cg-0 {
1130
- column-gap: 0;
1159
+ -moz-column-gap: 0;
1160
+ column-gap: 0;
1131
1161
  }
1132
1162
  .sm\:rt-r-cg-1 {
1133
- column-gap: var(--space-1);
1163
+ -moz-column-gap: var(--space-1);
1164
+ column-gap: var(--space-1);
1134
1165
  }
1135
1166
  .sm\:rt-r-cg-2 {
1136
- column-gap: var(--space-2);
1167
+ -moz-column-gap: var(--space-2);
1168
+ column-gap: var(--space-2);
1137
1169
  }
1138
1170
  .sm\:rt-r-cg-3 {
1139
- column-gap: var(--space-3);
1171
+ -moz-column-gap: var(--space-3);
1172
+ column-gap: var(--space-3);
1140
1173
  }
1141
1174
  .sm\:rt-r-cg-4 {
1142
- column-gap: var(--space-4);
1175
+ -moz-column-gap: var(--space-4);
1176
+ column-gap: var(--space-4);
1143
1177
  }
1144
1178
  .sm\:rt-r-cg-5 {
1145
- column-gap: var(--space-5);
1179
+ -moz-column-gap: var(--space-5);
1180
+ column-gap: var(--space-5);
1146
1181
  }
1147
1182
  .sm\:rt-r-cg-6 {
1148
- column-gap: var(--space-6);
1183
+ -moz-column-gap: var(--space-6);
1184
+ column-gap: var(--space-6);
1149
1185
  }
1150
1186
  .sm\:rt-r-cg-7 {
1151
- column-gap: var(--space-7);
1187
+ -moz-column-gap: var(--space-7);
1188
+ column-gap: var(--space-7);
1152
1189
  }
1153
1190
  .sm\:rt-r-cg-8 {
1154
- column-gap: var(--space-8);
1191
+ -moz-column-gap: var(--space-8);
1192
+ column-gap: var(--space-8);
1155
1193
  }
1156
1194
  .sm\:rt-r-cg-9 {
1157
- column-gap: var(--space-9);
1195
+ -moz-column-gap: var(--space-9);
1196
+ column-gap: var(--space-9);
1158
1197
  }
1159
1198
  .sm\:rt-r-cg-10 {
1160
- column-gap: var(--space-10);
1199
+ -moz-column-gap: var(--space-10);
1200
+ column-gap: var(--space-10);
1161
1201
  }
1162
1202
  .sm\:rt-r-cg-11 {
1163
- column-gap: var(--space-11);
1203
+ -moz-column-gap: var(--space-11);
1204
+ column-gap: var(--space-11);
1164
1205
  }
1165
1206
  .sm\:rt-r-cg-12 {
1166
- column-gap: var(--space-12);
1207
+ -moz-column-gap: var(--space-12);
1208
+ column-gap: var(--space-12);
1167
1209
  }
1168
1210
  .sm\:rt-r-rg {
1169
1211
  row-gap: var(--row-gap-sm)
@@ -1252,46 +1294,60 @@
1252
1294
  gap: var(--space-12);
1253
1295
  }
1254
1296
  .md\:rt-r-cg {
1255
- column-gap: var(--column-gap-md)
1297
+ -moz-column-gap: var(--column-gap-md);
1298
+ column-gap: var(--column-gap-md)
1256
1299
  }
1257
1300
  .md\:rt-r-cg-0 {
1258
- column-gap: 0;
1301
+ -moz-column-gap: 0;
1302
+ column-gap: 0;
1259
1303
  }
1260
1304
  .md\:rt-r-cg-1 {
1261
- column-gap: var(--space-1);
1305
+ -moz-column-gap: var(--space-1);
1306
+ column-gap: var(--space-1);
1262
1307
  }
1263
1308
  .md\:rt-r-cg-2 {
1264
- column-gap: var(--space-2);
1309
+ -moz-column-gap: var(--space-2);
1310
+ column-gap: var(--space-2);
1265
1311
  }
1266
1312
  .md\:rt-r-cg-3 {
1267
- column-gap: var(--space-3);
1313
+ -moz-column-gap: var(--space-3);
1314
+ column-gap: var(--space-3);
1268
1315
  }
1269
1316
  .md\:rt-r-cg-4 {
1270
- column-gap: var(--space-4);
1317
+ -moz-column-gap: var(--space-4);
1318
+ column-gap: var(--space-4);
1271
1319
  }
1272
1320
  .md\:rt-r-cg-5 {
1273
- column-gap: var(--space-5);
1321
+ -moz-column-gap: var(--space-5);
1322
+ column-gap: var(--space-5);
1274
1323
  }
1275
1324
  .md\:rt-r-cg-6 {
1276
- column-gap: var(--space-6);
1325
+ -moz-column-gap: var(--space-6);
1326
+ column-gap: var(--space-6);
1277
1327
  }
1278
1328
  .md\:rt-r-cg-7 {
1279
- column-gap: var(--space-7);
1329
+ -moz-column-gap: var(--space-7);
1330
+ column-gap: var(--space-7);
1280
1331
  }
1281
1332
  .md\:rt-r-cg-8 {
1282
- column-gap: var(--space-8);
1333
+ -moz-column-gap: var(--space-8);
1334
+ column-gap: var(--space-8);
1283
1335
  }
1284
1336
  .md\:rt-r-cg-9 {
1285
- column-gap: var(--space-9);
1337
+ -moz-column-gap: var(--space-9);
1338
+ column-gap: var(--space-9);
1286
1339
  }
1287
1340
  .md\:rt-r-cg-10 {
1288
- column-gap: var(--space-10);
1341
+ -moz-column-gap: var(--space-10);
1342
+ column-gap: var(--space-10);
1289
1343
  }
1290
1344
  .md\:rt-r-cg-11 {
1291
- column-gap: var(--space-11);
1345
+ -moz-column-gap: var(--space-11);
1346
+ column-gap: var(--space-11);
1292
1347
  }
1293
1348
  .md\:rt-r-cg-12 {
1294
- column-gap: var(--space-12);
1349
+ -moz-column-gap: var(--space-12);
1350
+ column-gap: var(--space-12);
1295
1351
  }
1296
1352
  .md\:rt-r-rg {
1297
1353
  row-gap: var(--row-gap-md)
@@ -1380,46 +1436,60 @@
1380
1436
  gap: var(--space-12);
1381
1437
  }
1382
1438
  .lg\:rt-r-cg {
1383
- column-gap: var(--column-gap-lg)
1439
+ -moz-column-gap: var(--column-gap-lg);
1440
+ column-gap: var(--column-gap-lg)
1384
1441
  }
1385
1442
  .lg\:rt-r-cg-0 {
1386
- column-gap: 0;
1443
+ -moz-column-gap: 0;
1444
+ column-gap: 0;
1387
1445
  }
1388
1446
  .lg\:rt-r-cg-1 {
1389
- column-gap: var(--space-1);
1447
+ -moz-column-gap: var(--space-1);
1448
+ column-gap: var(--space-1);
1390
1449
  }
1391
1450
  .lg\:rt-r-cg-2 {
1392
- column-gap: var(--space-2);
1451
+ -moz-column-gap: var(--space-2);
1452
+ column-gap: var(--space-2);
1393
1453
  }
1394
1454
  .lg\:rt-r-cg-3 {
1395
- column-gap: var(--space-3);
1455
+ -moz-column-gap: var(--space-3);
1456
+ column-gap: var(--space-3);
1396
1457
  }
1397
1458
  .lg\:rt-r-cg-4 {
1398
- column-gap: var(--space-4);
1459
+ -moz-column-gap: var(--space-4);
1460
+ column-gap: var(--space-4);
1399
1461
  }
1400
1462
  .lg\:rt-r-cg-5 {
1401
- column-gap: var(--space-5);
1463
+ -moz-column-gap: var(--space-5);
1464
+ column-gap: var(--space-5);
1402
1465
  }
1403
1466
  .lg\:rt-r-cg-6 {
1404
- column-gap: var(--space-6);
1467
+ -moz-column-gap: var(--space-6);
1468
+ column-gap: var(--space-6);
1405
1469
  }
1406
1470
  .lg\:rt-r-cg-7 {
1407
- column-gap: var(--space-7);
1471
+ -moz-column-gap: var(--space-7);
1472
+ column-gap: var(--space-7);
1408
1473
  }
1409
1474
  .lg\:rt-r-cg-8 {
1410
- column-gap: var(--space-8);
1475
+ -moz-column-gap: var(--space-8);
1476
+ column-gap: var(--space-8);
1411
1477
  }
1412
1478
  .lg\:rt-r-cg-9 {
1413
- column-gap: var(--space-9);
1479
+ -moz-column-gap: var(--space-9);
1480
+ column-gap: var(--space-9);
1414
1481
  }
1415
1482
  .lg\:rt-r-cg-10 {
1416
- column-gap: var(--space-10);
1483
+ -moz-column-gap: var(--space-10);
1484
+ column-gap: var(--space-10);
1417
1485
  }
1418
1486
  .lg\:rt-r-cg-11 {
1419
- column-gap: var(--space-11);
1487
+ -moz-column-gap: var(--space-11);
1488
+ column-gap: var(--space-11);
1420
1489
  }
1421
1490
  .lg\:rt-r-cg-12 {
1422
- column-gap: var(--space-12);
1491
+ -moz-column-gap: var(--space-12);
1492
+ column-gap: var(--space-12);
1423
1493
  }
1424
1494
  .lg\:rt-r-rg {
1425
1495
  row-gap: var(--row-gap-lg)
@@ -1508,46 +1578,60 @@
1508
1578
  gap: var(--space-12);
1509
1579
  }
1510
1580
  .xl\:rt-r-cg {
1511
- column-gap: var(--column-gap-xl)
1581
+ -moz-column-gap: var(--column-gap-xl);
1582
+ column-gap: var(--column-gap-xl)
1512
1583
  }
1513
1584
  .xl\:rt-r-cg-0 {
1514
- column-gap: 0;
1585
+ -moz-column-gap: 0;
1586
+ column-gap: 0;
1515
1587
  }
1516
1588
  .xl\:rt-r-cg-1 {
1517
- column-gap: var(--space-1);
1589
+ -moz-column-gap: var(--space-1);
1590
+ column-gap: var(--space-1);
1518
1591
  }
1519
1592
  .xl\:rt-r-cg-2 {
1520
- column-gap: var(--space-2);
1593
+ -moz-column-gap: var(--space-2);
1594
+ column-gap: var(--space-2);
1521
1595
  }
1522
1596
  .xl\:rt-r-cg-3 {
1523
- column-gap: var(--space-3);
1597
+ -moz-column-gap: var(--space-3);
1598
+ column-gap: var(--space-3);
1524
1599
  }
1525
1600
  .xl\:rt-r-cg-4 {
1526
- column-gap: var(--space-4);
1601
+ -moz-column-gap: var(--space-4);
1602
+ column-gap: var(--space-4);
1527
1603
  }
1528
1604
  .xl\:rt-r-cg-5 {
1529
- column-gap: var(--space-5);
1605
+ -moz-column-gap: var(--space-5);
1606
+ column-gap: var(--space-5);
1530
1607
  }
1531
1608
  .xl\:rt-r-cg-6 {
1532
- column-gap: var(--space-6);
1609
+ -moz-column-gap: var(--space-6);
1610
+ column-gap: var(--space-6);
1533
1611
  }
1534
1612
  .xl\:rt-r-cg-7 {
1535
- column-gap: var(--space-7);
1613
+ -moz-column-gap: var(--space-7);
1614
+ column-gap: var(--space-7);
1536
1615
  }
1537
1616
  .xl\:rt-r-cg-8 {
1538
- column-gap: var(--space-8);
1617
+ -moz-column-gap: var(--space-8);
1618
+ column-gap: var(--space-8);
1539
1619
  }
1540
1620
  .xl\:rt-r-cg-9 {
1541
- column-gap: var(--space-9);
1621
+ -moz-column-gap: var(--space-9);
1622
+ column-gap: var(--space-9);
1542
1623
  }
1543
1624
  .xl\:rt-r-cg-10 {
1544
- column-gap: var(--space-10);
1625
+ -moz-column-gap: var(--space-10);
1626
+ column-gap: var(--space-10);
1545
1627
  }
1546
1628
  .xl\:rt-r-cg-11 {
1547
- column-gap: var(--space-11);
1629
+ -moz-column-gap: var(--space-11);
1630
+ column-gap: var(--space-11);
1548
1631
  }
1549
1632
  .xl\:rt-r-cg-12 {
1550
- column-gap: var(--space-12);
1633
+ -moz-column-gap: var(--space-12);
1634
+ column-gap: var(--space-12);
1551
1635
  }
1552
1636
  .xl\:rt-r-rg {
1553
1637
  row-gap: var(--row-gap-xl)