@nswds/app 1.11.0 → 1.12.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 (12) hide show
  1. package/dist/globals.css +995 -378
  2. package/dist/index.cjs +6077 -5183
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +1748 -674
  5. package/dist/index.d.ts +1748 -674
  6. package/dist/index.js +5873 -4901
  7. package/dist/index.js.map +1 -1
  8. package/dist/styles.css +1050 -461
  9. package/dist/styles.css.map +1 -1
  10. package/dist/styles.d.cts +1 -2
  11. package/dist/styles.d.ts +1 -2
  12. package/package.json +4 -4
package/dist/globals.css CHANGED
@@ -2,15 +2,30 @@
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
5
- :root, :host {
6
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
- "Courier New", monospace;
5
+ :root,
6
+ :host {
7
+ --font-sans:
8
+ ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
9
+ 'Segoe UI Symbol', 'Noto Color Emoji';
10
+ --font-mono:
11
+ ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
12
+ monospace;
10
13
  --color-red-400: oklch(70.4% 0.191 22.216);
14
+ --color-green-50: oklch(98.2% 0.018 155.826);
15
+ --color-green-100: oklch(96.2% 0.044 156.743);
11
16
  --color-green-500: oklch(72.3% 0.219 149.579);
17
+ --color-green-600: oklch(62.7% 0.194 149.214);
18
+ --color-blue-50: oklch(97% 0.014 254.604);
19
+ --color-blue-100: oklch(93.2% 0.032 255.585);
20
+ --color-blue-200: oklch(88.2% 0.059 254.128);
12
21
  --color-blue-500: oklch(62.3% 0.214 259.815);
13
22
  --color-blue-600: oklch(54.6% 0.245 262.881);
23
+ --color-blue-700: oklch(48.8% 0.243 264.376);
24
+ --color-blue-950: oklch(28.2% 0.091 267.935);
25
+ --color-purple-50: oklch(97.7% 0.014 308.299);
26
+ --color-purple-100: oklch(94.6% 0.033 307.174);
27
+ --color-purple-500: oklch(62.7% 0.265 303.9);
28
+ --color-purple-600: oklch(55.8% 0.288 302.321);
14
29
  --color-slate-200: oklch(92.9% 0.013 255.508);
15
30
  --color-slate-300: oklch(86.9% 0.022 252.894);
16
31
  --color-slate-400: oklch(70.4% 0.04 256.788);
@@ -19,6 +34,7 @@
19
34
  --color-slate-700: oklch(37.2% 0.044 257.287);
20
35
  --color-slate-800: oklch(27.9% 0.041 260.031);
21
36
  --color-slate-900: oklch(20.8% 0.042 265.755);
37
+ --color-gray-200: oklch(92.8% 0.006 264.531);
22
38
  --color-gray-300: oklch(87.2% 0.01 258.338);
23
39
  --color-gray-500: oklch(55.1% 0.027 264.364);
24
40
  --color-gray-800: oklch(27.8% 0.033 256.848);
@@ -29,6 +45,8 @@
29
45
  --container-md: 28rem;
30
46
  --container-lg: 32rem;
31
47
  --container-2xl: 42rem;
48
+ --container-3xl: 48rem;
49
+ --container-4xl: 56rem;
32
50
  --text-xs: 0.75rem;
33
51
  --text-xs--line-height: calc(1 / 0.75);
34
52
  --text-sm: 0.875rem;
@@ -37,6 +55,8 @@
37
55
  --text-base--line-height: calc(1.5 / 1);
38
56
  --text-lg: 1.125rem;
39
57
  --text-lg--line-height: calc(1.75 / 1.125);
58
+ --text-xl: 1.25rem;
59
+ --text-xl--line-height: calc(1.75 / 1.25);
40
60
  --text-2xl: 1.5rem;
41
61
  --text-2xl--line-height: calc(2 / 1.5);
42
62
  --text-3xl: 1.875rem;
@@ -96,17 +116,31 @@
96
116
  }
97
117
  }
98
118
  @layer base {
99
- *, ::after, ::before, ::backdrop, ::file-selector-button {
119
+ *,
120
+ ::after,
121
+ ::before,
122
+ ::backdrop,
123
+ ::file-selector-button {
100
124
  box-sizing: border-box;
101
125
  margin: 0;
102
126
  padding: 0;
103
127
  border: 0 solid;
104
128
  }
105
- html, :host {
129
+ html,
130
+ :host {
106
131
  line-height: 1.5;
107
132
  -webkit-text-size-adjust: 100%;
108
133
  tab-size: 4;
109
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
134
+ font-family: var(
135
+ --default-font-family,
136
+ ui-sans-serif,
137
+ system-ui,
138
+ sans-serif,
139
+ 'Apple Color Emoji',
140
+ 'Segoe UI Emoji',
141
+ 'Segoe UI Symbol',
142
+ 'Noto Color Emoji'
143
+ );
110
144
  font-feature-settings: var(--default-font-feature-settings, normal);
111
145
  font-variation-settings: var(--default-font-variation-settings, normal);
112
146
  -webkit-tap-highlight-color: transparent;
@@ -120,7 +154,12 @@
120
154
  -webkit-text-decoration: underline dotted;
121
155
  text-decoration: underline dotted;
122
156
  }
123
- h1, h2, h3, h4, h5, h6 {
157
+ h1,
158
+ h2,
159
+ h3,
160
+ h4,
161
+ h5,
162
+ h6 {
124
163
  font-size: inherit;
125
164
  font-weight: inherit;
126
165
  }
@@ -129,11 +168,25 @@
129
168
  -webkit-text-decoration: inherit;
130
169
  text-decoration: inherit;
131
170
  }
132
- b, strong {
171
+ b,
172
+ strong {
133
173
  font-weight: bolder;
134
174
  }
135
- code, kbd, samp, pre {
136
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
175
+ code,
176
+ kbd,
177
+ samp,
178
+ pre {
179
+ font-family: var(
180
+ --default-mono-font-family,
181
+ ui-monospace,
182
+ SFMono-Regular,
183
+ Menlo,
184
+ Monaco,
185
+ Consolas,
186
+ 'Liberation Mono',
187
+ 'Courier New',
188
+ monospace
189
+ );
137
190
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
138
191
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
139
192
  font-size: 1em;
@@ -141,7 +194,8 @@
141
194
  small {
142
195
  font-size: 80%;
143
196
  }
144
- sub, sup {
197
+ sub,
198
+ sup {
145
199
  font-size: 75%;
146
200
  line-height: 0;
147
201
  position: relative;
@@ -167,18 +221,33 @@
167
221
  summary {
168
222
  display: list-item;
169
223
  }
170
- ol, ul, menu {
224
+ ol,
225
+ ul,
226
+ menu {
171
227
  list-style: none;
172
228
  }
173
- img, svg, video, canvas, audio, iframe, embed, object {
229
+ img,
230
+ svg,
231
+ video,
232
+ canvas,
233
+ audio,
234
+ iframe,
235
+ embed,
236
+ object {
174
237
  display: block;
175
238
  vertical-align: middle;
176
239
  }
177
- img, video {
240
+ img,
241
+ video {
178
242
  max-width: 100%;
179
243
  height: auto;
180
244
  }
181
- button, input, select, optgroup, textarea, ::file-selector-button {
245
+ button,
246
+ input,
247
+ select,
248
+ optgroup,
249
+ textarea,
250
+ ::file-selector-button {
182
251
  font: inherit;
183
252
  font-feature-settings: inherit;
184
253
  font-variation-settings: inherit;
@@ -200,7 +269,7 @@
200
269
  ::placeholder {
201
270
  opacity: 1;
202
271
  }
203
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
272
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
204
273
  ::placeholder {
205
274
  color: currentcolor;
206
275
  @supports (color: color-mix(in lab, red, red)) {
@@ -224,19 +293,30 @@
224
293
  ::-webkit-datetime-edit-fields-wrapper {
225
294
  padding: 0;
226
295
  }
227
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
296
+ ::-webkit-datetime-edit,
297
+ ::-webkit-datetime-edit-year-field,
298
+ ::-webkit-datetime-edit-month-field,
299
+ ::-webkit-datetime-edit-day-field,
300
+ ::-webkit-datetime-edit-hour-field,
301
+ ::-webkit-datetime-edit-minute-field,
302
+ ::-webkit-datetime-edit-second-field,
303
+ ::-webkit-datetime-edit-millisecond-field,
304
+ ::-webkit-datetime-edit-meridiem-field {
228
305
  padding-block: 0;
229
306
  }
230
307
  :-moz-ui-invalid {
231
308
  box-shadow: none;
232
309
  }
233
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
310
+ button,
311
+ input:where([type='button'], [type='reset'], [type='submit']),
312
+ ::file-selector-button {
234
313
  appearance: button;
235
314
  }
236
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
315
+ ::-webkit-inner-spin-button,
316
+ ::-webkit-outer-spin-button {
237
317
  height: auto;
238
318
  }
239
- [hidden]:where(:not([hidden="until-found"])) {
319
+ [hidden]:where(:not([hidden='until-found'])) {
240
320
  display: none !important;
241
321
  }
242
322
  }
@@ -290,7 +370,7 @@
290
370
  top: calc(var(--spacing) * 1);
291
371
  }
292
372
  .top-1\/2 {
293
- top: calc(1/2 * 100%);
373
+ top: calc(1 / 2 * 100%);
294
374
  }
295
375
  .top-4 {
296
376
  top: calc(var(--spacing) * 4);
@@ -335,11 +415,14 @@
335
415
  left: calc(var(--spacing) * 1);
336
416
  }
337
417
  .left-1\/2 {
338
- left: calc(1/2 * 100%);
418
+ left: calc(1 / 2 * 100%);
339
419
  }
340
420
  .left-2 {
341
421
  left: calc(var(--spacing) * 2);
342
422
  }
423
+ .left-3 {
424
+ left: calc(var(--spacing) * 3);
425
+ }
343
426
  .left-\[50\%\] {
344
427
  left: 50%;
345
428
  }
@@ -373,6 +456,9 @@
373
456
  .-mx-\[calc\(--spacing\(1\)-1px\)\] {
374
457
  margin-inline: calc(calc(calc(var(--spacing) * 1) - 1px) * -1);
375
458
  }
459
+ .mx-1 {
460
+ margin-inline: calc(var(--spacing) * 1);
461
+ }
376
462
  .mx-auto {
377
463
  margin-inline: auto;
378
464
  }
@@ -385,6 +471,12 @@
385
471
  .my-4 {
386
472
  margin-block: calc(var(--spacing) * 4);
387
473
  }
474
+ .mt-0 {
475
+ margin-top: calc(var(--spacing) * 0);
476
+ }
477
+ .mt-0\.5 {
478
+ margin-top: calc(var(--spacing) * 0.5);
479
+ }
388
480
  .mt-1 {
389
481
  margin-top: calc(var(--spacing) * 1);
390
482
  }
@@ -412,9 +504,18 @@
412
504
  .mt-auto {
413
505
  margin-top: auto;
414
506
  }
507
+ .mr-2 {
508
+ margin-right: calc(var(--spacing) * 2);
509
+ }
415
510
  .mr-6 {
416
511
  margin-right: calc(var(--spacing) * 6);
417
512
  }
513
+ .-mb-px {
514
+ margin-bottom: -1px;
515
+ }
516
+ .mb-2 {
517
+ margin-bottom: calc(var(--spacing) * 2);
518
+ }
418
519
  .mb-3 {
419
520
  margin-bottom: calc(var(--spacing) * 3);
420
521
  }
@@ -565,6 +666,9 @@
565
666
  .h-5 {
566
667
  height: calc(var(--spacing) * 5);
567
668
  }
669
+ .h-6 {
670
+ height: calc(var(--spacing) * 6);
671
+ }
568
672
  .h-8 {
569
673
  height: calc(var(--spacing) * 8);
570
674
  }
@@ -628,6 +732,9 @@
628
732
  .min-h-16 {
629
733
  min-height: calc(var(--spacing) * 16);
630
734
  }
735
+ .min-h-\[200px\] {
736
+ min-height: 200px;
737
+ }
631
738
  .w-2 {
632
739
  width: calc(var(--spacing) * 2);
633
740
  }
@@ -638,7 +745,7 @@
638
745
  width: calc(var(--spacing) * 3);
639
746
  }
640
747
  .w-3\/4 {
641
- width: calc(3/4 * 100%);
748
+ width: calc(3 / 4 * 100%);
642
749
  }
643
750
  .w-4 {
644
751
  width: calc(var(--spacing) * 4);
@@ -646,9 +753,15 @@
646
753
  .w-5 {
647
754
  width: calc(var(--spacing) * 5);
648
755
  }
756
+ .w-6 {
757
+ width: calc(var(--spacing) * 6);
758
+ }
649
759
  .w-8 {
650
760
  width: calc(var(--spacing) * 8);
651
761
  }
762
+ .w-10 {
763
+ width: calc(var(--spacing) * 10);
764
+ }
652
765
  .w-48 {
653
766
  width: calc(var(--spacing) * 48);
654
767
  }
@@ -691,6 +804,12 @@
691
804
  .max-w-2xl {
692
805
  max-width: var(--container-2xl);
693
806
  }
807
+ .max-w-3xl {
808
+ max-width: var(--container-3xl);
809
+ }
810
+ .max-w-4xl {
811
+ max-width: var(--container-4xl);
812
+ }
694
813
  .max-w-\[calc\(100\%-2rem\)\] {
695
814
  max-width: calc(100% - 2rem);
696
815
  }
@@ -774,7 +893,7 @@
774
893
  translate: var(--tw-translate-x) var(--tw-translate-y);
775
894
  }
776
895
  .-translate-x-1\/2 {
777
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
896
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
778
897
  translate: var(--tw-translate-x) var(--tw-translate-y);
779
898
  }
780
899
  .translate-x-\[-50\%\] {
@@ -786,7 +905,7 @@
786
905
  translate: var(--tw-translate-x) var(--tw-translate-y);
787
906
  }
788
907
  .-translate-y-1\/2 {
789
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
908
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
790
909
  translate: var(--tw-translate-x) var(--tw-translate-y);
791
910
  }
792
911
  .translate-y-0 {
@@ -813,7 +932,8 @@
813
932
  rotate: 45deg;
814
933
  }
815
934
  .transform {
816
- transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
935
+ transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x)
936
+ var(--tw-skew-y);
817
937
  }
818
938
  .animate-pulse {
819
939
  animation: var(--animate-pulse);
@@ -848,6 +968,9 @@
848
968
  .grid-cols-2 {
849
969
  grid-template-columns: repeat(2, minmax(0, 1fr));
850
970
  }
971
+ .grid-cols-4 {
972
+ grid-template-columns: repeat(4, minmax(0, 1fr));
973
+ }
851
974
  .grid-cols-6 {
852
975
  grid-template-columns: repeat(6, minmax(0, 1fr));
853
976
  }
@@ -923,9 +1046,19 @@
923
1046
  .gap-6 {
924
1047
  gap: calc(var(--spacing) * 6);
925
1048
  }
1049
+ .gap-8 {
1050
+ gap: calc(var(--spacing) * 8);
1051
+ }
926
1052
  .gap-9 {
927
1053
  gap: calc(var(--spacing) * 9);
928
1054
  }
1055
+ .space-y-2 {
1056
+ :where(& > :not(:last-child)) {
1057
+ --tw-space-y-reverse: 0;
1058
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
1059
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
1060
+ }
1061
+ }
929
1062
  .space-y-3 {
930
1063
  :where(& > :not(:last-child)) {
931
1064
  --tw-space-y-reverse: 0;
@@ -980,6 +1113,20 @@
980
1113
  margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
981
1114
  }
982
1115
  }
1116
+ .space-x-3 {
1117
+ :where(& > :not(:last-child)) {
1118
+ --tw-space-x-reverse: 0;
1119
+ margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
1120
+ margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
1121
+ }
1122
+ }
1123
+ .space-x-4 {
1124
+ :where(& > :not(:last-child)) {
1125
+ --tw-space-x-reverse: 0;
1126
+ margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
1127
+ margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
1128
+ }
1129
+ }
983
1130
  .gap-y-0 {
984
1131
  row-gap: calc(var(--spacing) * 0);
985
1132
  }
@@ -1076,6 +1223,10 @@
1076
1223
  border-bottom-style: var(--tw-border-style);
1077
1224
  border-bottom-width: 1px;
1078
1225
  }
1226
+ .border-b-1 {
1227
+ border-bottom-style: var(--tw-border-style);
1228
+ border-bottom-width: 1px;
1229
+ }
1079
1230
  .border-l {
1080
1231
  border-left-style: var(--tw-border-style);
1081
1232
  border-left-width: 1px;
@@ -1084,15 +1235,27 @@
1084
1235
  --tw-border-style: dashed;
1085
1236
  border-style: dashed;
1086
1237
  }
1238
+ .border-\(--toggle-border\) {
1239
+ border-color: var(--toggle-border);
1240
+ }
1241
+ .border-blue-200 {
1242
+ border-color: var(--color-blue-200);
1243
+ }
1087
1244
  .border-blue-500 {
1088
1245
  border-color: var(--color-blue-500);
1089
1246
  }
1090
1247
  .border-border {
1091
1248
  border-color: var(--border);
1092
1249
  }
1250
+ .border-gray-200 {
1251
+ border-color: var(--color-gray-200);
1252
+ }
1093
1253
  .border-gray-300 {
1094
1254
  border-color: var(--color-gray-300);
1095
1255
  }
1256
+ .border-input {
1257
+ border-color: var(--input);
1258
+ }
1096
1259
  .border-nsw-grey-200 {
1097
1260
  border-color: var(--color-nsw-grey-200);
1098
1261
  }
@@ -1135,9 +1298,24 @@
1135
1298
  background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
1136
1299
  }
1137
1300
  }
1301
+ .bg-blue-50 {
1302
+ background-color: var(--color-blue-50);
1303
+ }
1138
1304
  .bg-border {
1139
1305
  background-color: var(--border);
1140
1306
  }
1307
+ .bg-green-50 {
1308
+ background-color: var(--color-green-50);
1309
+ }
1310
+ .bg-muted {
1311
+ background-color: var(--muted);
1312
+ }
1313
+ .bg-muted\/50 {
1314
+ background-color: var(--muted);
1315
+ @supports (color: color-mix(in lab, red, red)) {
1316
+ background-color: color-mix(in oklab, var(--muted) 50%, transparent);
1317
+ }
1318
+ }
1141
1319
  .bg-nsw-grey-50 {
1142
1320
  background-color: var(--color-nsw-grey-50);
1143
1321
  }
@@ -1159,6 +1337,12 @@
1159
1337
  .bg-primary\/20 {
1160
1338
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 20%, transparent);
1161
1339
  }
1340
+ .bg-purple-50 {
1341
+ background-color: var(--color-purple-50);
1342
+ }
1343
+ .bg-secondary {
1344
+ background-color: oklch(0.9267 0.0417 227.89);
1345
+ }
1162
1346
  .bg-transparent {
1163
1347
  background-color: transparent;
1164
1348
  }
@@ -1174,7 +1358,12 @@
1174
1358
  }
1175
1359
  .from-nsw-grey-600 {
1176
1360
  --tw-gradient-from: var(--color-nsw-grey-600);
1177
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1361
+ --tw-gradient-stops: var(
1362
+ --tw-gradient-via-stops,
1363
+ var(--tw-gradient-position),
1364
+ var(--tw-gradient-from) var(--tw-gradient-from-position),
1365
+ var(--tw-gradient-to) var(--tw-gradient-to-position)
1366
+ );
1178
1367
  }
1179
1368
  .fill-current {
1180
1369
  fill: currentcolor;
@@ -1215,8 +1404,8 @@
1215
1404
  .p-8 {
1216
1405
  padding: calc(var(--spacing) * 8);
1217
1406
  }
1218
- .p-\[3px\] {
1219
- padding: 3px;
1407
+ .p-\[2px\] {
1408
+ padding: 2px;
1220
1409
  }
1221
1410
  .p-px {
1222
1411
  padding: 1px;
@@ -1314,6 +1503,9 @@
1314
1503
  .pr-2\.5 {
1315
1504
  padding-right: calc(var(--spacing) * 2.5);
1316
1505
  }
1506
+ .pr-4 {
1507
+ padding-right: calc(var(--spacing) * 4);
1508
+ }
1317
1509
  .pr-8 {
1318
1510
  padding-right: calc(var(--spacing) * 8);
1319
1511
  }
@@ -1341,6 +1533,9 @@
1341
1533
  .pl-8 {
1342
1534
  padding-left: calc(var(--spacing) * 8);
1343
1535
  }
1536
+ .pl-10 {
1537
+ padding-left: calc(var(--spacing) * 10);
1538
+ }
1344
1539
  .text-center {
1345
1540
  text-align: center;
1346
1541
  }
@@ -1392,6 +1587,10 @@
1392
1587
  font-size: var(--text-sm);
1393
1588
  line-height: calc(var(--spacing) * 5);
1394
1589
  }
1590
+ .text-xl {
1591
+ font-size: var(--text-xl);
1592
+ line-height: var(--tw-leading, var(--text-xl--line-height));
1593
+ }
1395
1594
  .text-xs {
1396
1595
  font-size: var(--text-xs);
1397
1596
  line-height: var(--tw-leading, var(--text-xs--line-height));
@@ -1436,15 +1635,24 @@
1436
1635
  .break-words {
1437
1636
  overflow-wrap: break-word;
1438
1637
  }
1638
+ .break-all {
1639
+ word-break: break-all;
1640
+ }
1439
1641
  .whitespace-nowrap {
1440
1642
  white-space: nowrap;
1441
1643
  }
1442
1644
  .text-accent-dark {
1443
1645
  color: oklch(0.50075 0.19485 19.529999999999998);
1444
1646
  }
1647
+ .text-blue-500 {
1648
+ color: var(--color-blue-500);
1649
+ }
1445
1650
  .text-blue-600 {
1446
1651
  color: var(--color-blue-600);
1447
1652
  }
1653
+ .text-blue-700 {
1654
+ color: var(--color-blue-700);
1655
+ }
1448
1656
  .text-current {
1449
1657
  color: currentcolor;
1450
1658
  }
@@ -1466,6 +1674,9 @@
1466
1674
  .text-info-dark {
1467
1675
  color: oklch(0.371745 0.10480500000000001 262.35);
1468
1676
  }
1677
+ .text-muted-foreground {
1678
+ color: var(--muted-foreground);
1679
+ }
1469
1680
  .text-nsw-blue-800 {
1470
1681
  color: var(--color-nsw-blue-800);
1471
1682
  }
@@ -1484,6 +1695,12 @@
1484
1695
  .text-primary-light {
1485
1696
  color: oklch(0.36127499999999996 0.145425 260.07);
1486
1697
  }
1698
+ .text-purple-500 {
1699
+ color: var(--color-purple-500);
1700
+ }
1701
+ .text-secondary {
1702
+ color: oklch(0.9267 0.0417 227.89);
1703
+ }
1487
1704
  .text-slate-500 {
1488
1705
  color: var(--color-slate-500);
1489
1706
  }
@@ -1511,6 +1728,9 @@
1511
1728
  .uppercase {
1512
1729
  text-transform: uppercase;
1513
1730
  }
1731
+ .italic {
1732
+ font-style: italic;
1733
+ }
1514
1734
  .underline {
1515
1735
  text-decoration-line: underline;
1516
1736
  }
@@ -1524,54 +1744,91 @@
1524
1744
  -webkit-font-smoothing: antialiased;
1525
1745
  -moz-osx-font-smoothing: grayscale;
1526
1746
  }
1747
+ .opacity-0 {
1748
+ opacity: 0%;
1749
+ }
1527
1750
  .opacity-50 {
1528
1751
  opacity: 50%;
1529
1752
  }
1530
- .opacity-70 {
1531
- opacity: 70%;
1532
- }
1533
1753
  .shadow {
1534
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1535
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1754
+ --tw-shadow:
1755
+ 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
1756
+ 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1757
+ box-shadow:
1758
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1759
+ var(--tw-ring-shadow), var(--tw-shadow);
1536
1760
  }
1537
1761
  .shadow-lg {
1538
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1539
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1762
+ --tw-shadow:
1763
+ 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
1764
+ 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1765
+ box-shadow:
1766
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1767
+ var(--tw-ring-shadow), var(--tw-shadow);
1540
1768
  }
1541
1769
  .shadow-md {
1542
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1543
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1770
+ --tw-shadow:
1771
+ 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
1772
+ 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1773
+ box-shadow:
1774
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1775
+ var(--tw-ring-shadow), var(--tw-shadow);
1544
1776
  }
1545
1777
  .shadow-none {
1546
1778
  --tw-shadow: 0 0 #0000;
1547
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1779
+ box-shadow:
1780
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1781
+ var(--tw-ring-shadow), var(--tw-shadow);
1548
1782
  }
1549
1783
  .shadow-sm {
1550
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1551
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1784
+ --tw-shadow:
1785
+ 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
1786
+ 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1787
+ box-shadow:
1788
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1789
+ var(--tw-ring-shadow), var(--tw-shadow);
1552
1790
  }
1553
1791
  .shadow-xs {
1554
1792
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1555
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1793
+ box-shadow:
1794
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1795
+ var(--tw-ring-shadow), var(--tw-shadow);
1556
1796
  }
1557
1797
  .ring-0 {
1558
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1559
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1798
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width))
1799
+ var(--tw-ring-color, currentcolor);
1800
+ box-shadow:
1801
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1802
+ var(--tw-ring-shadow), var(--tw-shadow);
1560
1803
  }
1561
1804
  .shadow-slate-900 {
1562
1805
  --tw-shadow-color: oklch(20.8% 0.042 265.755);
1563
1806
  @supports (color: color-mix(in lab, red, red)) {
1564
- --tw-shadow-color: color-mix(in oklab, var(--color-slate-900) var(--tw-shadow-alpha), transparent);
1807
+ --tw-shadow-color: color-mix(
1808
+ in oklab,
1809
+ var(--color-slate-900) var(--tw-shadow-alpha),
1810
+ transparent
1811
+ );
1565
1812
  }
1566
1813
  }
1567
1814
  .shadow-slate-900\/5 {
1568
1815
  --tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 5%, transparent);
1569
1816
  @supports (color: color-mix(in lab, red, red)) {
1570
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent);
1817
+ --tw-shadow-color: color-mix(
1818
+ in oklab,
1819
+ color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha),
1820
+ transparent
1821
+ );
1571
1822
  }
1572
1823
  }
1573
- .ring-offset-background {
1574
- --tw-ring-offset-color: var(--background);
1824
+ .ring-ring {
1825
+ --tw-ring-color: var(--ring);
1826
+ }
1827
+ .ring-ring\/50 {
1828
+ --tw-ring-color: var(--ring);
1829
+ @supports (color: color-mix(in lab, red, red)) {
1830
+ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
1831
+ }
1575
1832
  }
1576
1833
  .outline-hidden {
1577
1834
  --tw-outline-style: none;
@@ -1586,16 +1843,41 @@
1586
1843
  outline-width: 1px;
1587
1844
  }
1588
1845
  .backdrop-filter {
1589
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1590
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1846
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
1847
+ var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
1848
+ var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
1849
+ var(--tw-backdrop-sepia,);
1850
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
1851
+ var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
1852
+ var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
1853
+ var(--tw-backdrop-sepia,);
1591
1854
  }
1592
1855
  .transition {
1593
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
1856
+ transition-property:
1857
+ color,
1858
+ background-color,
1859
+ border-color,
1860
+ outline-color,
1861
+ text-decoration-color,
1862
+ fill,
1863
+ stroke,
1864
+ --tw-gradient-from,
1865
+ --tw-gradient-via,
1866
+ --tw-gradient-to,
1867
+ opacity,
1868
+ box-shadow,
1869
+ transform,
1870
+ translate,
1871
+ scale,
1872
+ rotate,
1873
+ filter,
1874
+ -webkit-backdrop-filter,
1875
+ backdrop-filter;
1594
1876
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1595
1877
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1596
1878
  }
1597
1879
  .transition-\[color\,box-shadow\] {
1598
- transition-property: color,box-shadow;
1880
+ transition-property: color, box-shadow;
1599
1881
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1600
1882
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1601
1883
  }
@@ -1605,12 +1887,9 @@
1605
1887
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1606
1888
  }
1607
1889
  .transition-colors {
1608
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1609
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1610
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1611
- }
1612
- .transition-opacity {
1613
- transition-property: opacity;
1890
+ transition-property:
1891
+ color, background-color, border-color, outline-color, text-decoration-color, fill, stroke,
1892
+ --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1614
1893
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1615
1894
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1616
1895
  }
@@ -1802,7 +2081,11 @@
1802
2081
  }
1803
2082
  }
1804
2083
  .\[--btn-hover-overlay\:var\(--color-nsw-grey-850\)\]\/10 {
1805
- --btn-hover-overlay: color-mix(in srgb, oklch(0.22225499999999998 0.00884 242.08) 10%, transparent);
2084
+ --btn-hover-overlay: color-mix(
2085
+ in srgb,
2086
+ oklch(0.22225499999999998 0.00884 242.08) 10%,
2087
+ transparent
2088
+ );
1806
2089
  @supports (color: color-mix(in lab, red, red)) {
1807
2090
  --btn-hover-overlay: color-mix(in oklab, var(--color-nsw-grey-850) 10%, transparent);
1808
2091
  }
@@ -1879,6 +2162,12 @@
1879
2162
  .\[--focus-outline\:var\(--color-white\)\] {
1880
2163
  --focus-outline: var(--color-white);
1881
2164
  }
2165
+ .\[--toggle-border\:var\(--color-nsw-grey-200\)\] {
2166
+ --toggle-border: var(--color-nsw-grey-200);
2167
+ }
2168
+ .\[--toggle-border\:var\(--color-nsw-grey-300\)\] {
2169
+ --toggle-border: var(--color-nsw-grey-300);
2170
+ }
1882
2171
  .duration-200 {
1883
2172
  animation-duration: 200ms;
1884
2173
  }
@@ -1894,8 +2183,11 @@
1894
2183
  .fade-in-0 {
1895
2184
  --tw-enter-opacity: 0;
1896
2185
  }
2186
+ .running {
2187
+ animation-play-state: running;
2188
+ }
1897
2189
  .zoom-in-95 {
1898
- --tw-enter-scale: .95;
2190
+ --tw-enter-scale: 0.95;
1899
2191
  }
1900
2192
  .group-hover\:fill-nsw-grey-900 {
1901
2193
  &:is(:where(.group):hover *) {
@@ -2020,70 +2312,74 @@
2020
2312
  }
2021
2313
  }
2022
2314
  .group-data-\[disabled\=true\]\:pointer-events-none {
2023
- &:is(:where(.group)[data-disabled="true"] *) {
2315
+ &:is(:where(.group)[data-disabled='true'] *) {
2024
2316
  pointer-events: none;
2025
2317
  }
2026
2318
  }
2027
2319
  .group-data-\[disabled\=true\]\:opacity-50 {
2028
- &:is(:where(.group)[data-disabled="true"] *) {
2320
+ &:is(:where(.group)[data-disabled='true'] *) {
2029
2321
  opacity: 50%;
2030
2322
  }
2031
2323
  }
2032
2324
  .group-data-\[state\=open\]\:rotate-90 {
2033
- &:is(:where(.group)[data-state="open"] *) {
2325
+ &:is(:where(.group)[data-state='open'] *) {
2034
2326
  rotate: 90deg;
2035
2327
  }
2036
2328
  }
2037
2329
  .group-data-\[state\=open\]\:rotate-180 {
2038
- &:is(:where(.group)[data-state="open"] *) {
2330
+ &:is(:where(.group)[data-state='open'] *) {
2039
2331
  rotate: 180deg;
2040
2332
  }
2041
2333
  }
2042
2334
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
2043
- &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
2335
+ &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction='bottom'] *) {
2044
2336
  display: block;
2045
2337
  }
2046
2338
  }
2047
2339
  .group-data-\[viewport\=false\]\/navigation-menu\:top-full {
2048
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2340
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2049
2341
  top: 100%;
2050
2342
  }
2051
2343
  }
2052
2344
  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 {
2053
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2345
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2054
2346
  margin-top: calc(var(--spacing) * 1.5);
2055
2347
  }
2056
2348
  }
2057
2349
  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden {
2058
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2350
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2059
2351
  overflow: hidden;
2060
2352
  }
2061
2353
  }
2062
2354
  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md {
2063
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2355
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2064
2356
  border-radius: var(--radius-md);
2065
2357
  }
2066
2358
  }
2067
2359
  .group-data-\[viewport\=false\]\/navigation-menu\:border {
2068
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2360
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2069
2361
  border-style: var(--tw-border-style);
2070
2362
  border-width: 1px;
2071
2363
  }
2072
2364
  }
2073
2365
  .group-data-\[viewport\=false\]\/navigation-menu\:shadow {
2074
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2075
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2076
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2366
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2367
+ --tw-shadow:
2368
+ 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
2369
+ 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2370
+ box-shadow:
2371
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2372
+ var(--tw-ring-shadow), var(--tw-shadow);
2077
2373
  }
2078
2374
  }
2079
2375
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 {
2080
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2376
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2081
2377
  --tw-duration: 200ms;
2082
2378
  transition-duration: 200ms;
2083
2379
  }
2084
2380
  }
2085
2381
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 {
2086
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2382
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2087
2383
  animation-duration: 200ms;
2088
2384
  }
2089
2385
  }
@@ -2097,11 +2393,6 @@
2097
2393
  opacity: 50%;
2098
2394
  }
2099
2395
  }
2100
- .peer-data-\[state\=checked\]\:border-nsw-grey-600 {
2101
- &:is(:where(.peer)[data-state="checked"] ~ *) {
2102
- border-color: var(--color-nsw-grey-600);
2103
- }
2104
- }
2105
2396
  .selection\:bg-primary {
2106
2397
  & *::selection {
2107
2398
  background-color: oklch(0.29 0.1173 259.84);
@@ -2148,6 +2439,11 @@
2148
2439
  color: var(--foreground);
2149
2440
  }
2150
2441
  }
2442
+ .placeholder\:text-muted-foreground {
2443
+ &::placeholder {
2444
+ color: var(--muted-foreground);
2445
+ }
2446
+ }
2151
2447
  .before\:absolute {
2152
2448
  &::before {
2153
2449
  content: var(--tw-content);
@@ -2181,8 +2477,12 @@
2181
2477
  .before\:shadow-sm {
2182
2478
  &::before {
2183
2479
  content: var(--tw-content);
2184
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2185
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2480
+ --tw-shadow:
2481
+ 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
2482
+ 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2483
+ box-shadow:
2484
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2485
+ var(--tw-ring-shadow), var(--tw-shadow);
2186
2486
  }
2187
2487
  }
2188
2488
  .after\:absolute {
@@ -2206,7 +2506,7 @@
2206
2506
  .after\:left-1\/2 {
2207
2507
  &::after {
2208
2508
  content: var(--tw-content);
2209
- left: calc(1/2 * 100%);
2509
+ left: calc(1 / 2 * 100%);
2210
2510
  }
2211
2511
  }
2212
2512
  .after\:-z-10 {
@@ -2224,7 +2524,7 @@
2224
2524
  .after\:-translate-x-1\/2 {
2225
2525
  &::after {
2226
2526
  content: var(--tw-content);
2227
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
2527
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
2228
2528
  translate: var(--tw-translate-x) var(--tw-translate-y);
2229
2529
  }
2230
2530
  }
@@ -2239,21 +2539,24 @@
2239
2539
  content: var(--tw-content);
2240
2540
  --tw-shadow: inset 0 1px var(--tw-shadow-color, color-mix(in srgb, #fff 15%, transparent));
2241
2541
  @supports (color: color-mix(in lab, red, red)) {
2242
- --tw-shadow: inset 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 15%, transparent));
2542
+ --tw-shadow: inset 0 1px
2543
+ var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 15%, transparent));
2243
2544
  }
2244
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2545
+ box-shadow:
2546
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2547
+ var(--tw-ring-shadow), var(--tw-shadow);
2245
2548
  }
2246
2549
  }
2247
- .first\:rounded-l-md {
2550
+ .first\:rounded-l-sm {
2248
2551
  &:first-child {
2249
- border-top-left-radius: var(--radius-md);
2250
- border-bottom-left-radius: var(--radius-md);
2552
+ border-top-left-radius: var(--radius-sm);
2553
+ border-bottom-left-radius: var(--radius-sm);
2251
2554
  }
2252
2555
  }
2253
- .last\:rounded-r-md {
2556
+ .last\:rounded-r-sm {
2254
2557
  &:last-child {
2255
- border-top-right-radius: var(--radius-md);
2256
- border-bottom-right-radius: var(--radius-md);
2558
+ border-top-right-radius: var(--radius-sm);
2559
+ border-bottom-right-radius: var(--radius-sm);
2257
2560
  }
2258
2561
  }
2259
2562
  .last\:border-b-0 {
@@ -2286,6 +2589,44 @@
2286
2589
  }
2287
2590
  }
2288
2591
  }
2592
+ .hover\:bg-accent {
2593
+ &:hover {
2594
+ @media (hover: hover) {
2595
+ background-color: oklch(0.562 0.2175 20.33);
2596
+ }
2597
+ }
2598
+ }
2599
+ .hover\:bg-blue-100 {
2600
+ &:hover {
2601
+ @media (hover: hover) {
2602
+ background-color: var(--color-blue-100);
2603
+ }
2604
+ }
2605
+ }
2606
+ .hover\:bg-green-100 {
2607
+ &:hover {
2608
+ @media (hover: hover) {
2609
+ background-color: var(--color-green-100);
2610
+ }
2611
+ }
2612
+ }
2613
+ .hover\:bg-muted\/50 {
2614
+ &:hover {
2615
+ @media (hover: hover) {
2616
+ background-color: var(--muted);
2617
+ @supports (color: color-mix(in lab, red, red)) {
2618
+ background-color: color-mix(in oklab, var(--muted) 50%, transparent);
2619
+ }
2620
+ }
2621
+ }
2622
+ }
2623
+ .hover\:bg-nsw-grey-100 {
2624
+ &:hover {
2625
+ @media (hover: hover) {
2626
+ background-color: var(--color-nsw-grey-100);
2627
+ }
2628
+ }
2629
+ }
2289
2630
  .hover\:bg-primary\/10 {
2290
2631
  &:hover {
2291
2632
  @media (hover: hover) {
@@ -2293,6 +2634,27 @@
2293
2634
  }
2294
2635
  }
2295
2636
  }
2637
+ .hover\:bg-primary\/90 {
2638
+ &:hover {
2639
+ @media (hover: hover) {
2640
+ background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 90%, transparent);
2641
+ }
2642
+ }
2643
+ }
2644
+ .hover\:bg-purple-100 {
2645
+ &:hover {
2646
+ @media (hover: hover) {
2647
+ background-color: var(--color-purple-100);
2648
+ }
2649
+ }
2650
+ }
2651
+ .hover\:bg-secondary\/80 {
2652
+ &:hover {
2653
+ @media (hover: hover) {
2654
+ background-color: color-mix(in oklab, oklch(0.9267 0.0417 227.89) 80%, transparent);
2655
+ }
2656
+ }
2657
+ }
2296
2658
  .hover\:font-semibold {
2297
2659
  &:hover {
2298
2660
  @media (hover: hover) {
@@ -2301,6 +2663,13 @@
2301
2663
  }
2302
2664
  }
2303
2665
  }
2666
+ .hover\:text-blue-600 {
2667
+ &:hover {
2668
+ @media (hover: hover) {
2669
+ color: var(--color-blue-600);
2670
+ }
2671
+ }
2672
+ }
2304
2673
  .hover\:text-foreground {
2305
2674
  &:hover {
2306
2675
  @media (hover: hover) {
@@ -2308,6 +2677,13 @@
2308
2677
  }
2309
2678
  }
2310
2679
  }
2680
+ .hover\:text-green-600 {
2681
+ &:hover {
2682
+ @media (hover: hover) {
2683
+ color: var(--color-green-600);
2684
+ }
2685
+ }
2686
+ }
2311
2687
  .hover\:text-nsw-grey-600 {
2312
2688
  &:hover {
2313
2689
  @media (hover: hover) {
@@ -2315,6 +2691,27 @@
2315
2691
  }
2316
2692
  }
2317
2693
  }
2694
+ .hover\:text-nsw-grey-850 {
2695
+ &:hover {
2696
+ @media (hover: hover) {
2697
+ color: var(--color-nsw-grey-850);
2698
+ }
2699
+ }
2700
+ }
2701
+ .hover\:text-primary {
2702
+ &:hover {
2703
+ @media (hover: hover) {
2704
+ color: oklch(0.29 0.1173 259.84);
2705
+ }
2706
+ }
2707
+ }
2708
+ .hover\:text-purple-600 {
2709
+ &:hover {
2710
+ @media (hover: hover) {
2711
+ color: var(--color-purple-600);
2712
+ }
2713
+ }
2714
+ }
2318
2715
  .hover\:text-slate-600 {
2319
2716
  &:hover {
2320
2717
  @media (hover: hover) {
@@ -2343,18 +2740,21 @@
2343
2740
  }
2344
2741
  }
2345
2742
  }
2346
- .hover\:opacity-100 {
2743
+ .hover\:ring-4 {
2347
2744
  &:hover {
2348
2745
  @media (hover: hover) {
2349
- opacity: 100%;
2746
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width))
2747
+ var(--tw-ring-color, currentcolor);
2748
+ box-shadow:
2749
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2750
+ var(--tw-ring-shadow), var(--tw-shadow);
2350
2751
  }
2351
2752
  }
2352
2753
  }
2353
- .hover\:ring-4 {
2754
+ .hover\:\[--toggle-border\:var\(--color-nsw-grey-400\)\] {
2354
2755
  &:hover {
2355
2756
  @media (hover: hover) {
2356
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2357
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2757
+ --toggle-border: var(--color-nsw-grey-400);
2358
2758
  }
2359
2759
  }
2360
2760
  }
@@ -2368,28 +2768,6 @@
2368
2768
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
2369
2769
  }
2370
2770
  }
2371
- .focus\:ring-2 {
2372
- &:focus {
2373
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2374
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2375
- }
2376
- }
2377
- .focus\:ring-offset-2 {
2378
- &:focus {
2379
- --tw-ring-offset-width: 2px;
2380
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2381
- }
2382
- }
2383
- .focus\:outline-hidden {
2384
- &:focus {
2385
- --tw-outline-style: none;
2386
- outline-style: none;
2387
- @media (forced-colors: active) {
2388
- outline: 2px solid transparent;
2389
- outline-offset: 2px;
2390
- }
2391
- }
2392
- }
2393
2771
  .focus\:outline {
2394
2772
  &:focus {
2395
2773
  outline-style: var(--tw-outline-style);
@@ -2408,6 +2786,11 @@
2408
2786
  outline-width: 2px;
2409
2787
  }
2410
2788
  }
2789
+ .focus\:outline-offset-0 {
2790
+ &:focus {
2791
+ outline-offset: 0px;
2792
+ }
2793
+ }
2411
2794
  .focus\:outline-offset-1 {
2412
2795
  &:focus {
2413
2796
  outline-offset: 1px;
@@ -2423,6 +2806,11 @@
2423
2806
  outline-color: var(--btn-bg);
2424
2807
  }
2425
2808
  }
2809
+ .focus\:outline-\(--toggle-border\) {
2810
+ &:focus {
2811
+ outline-color: var(--toggle-border);
2812
+ }
2813
+ }
2426
2814
  .focus\:outline-\[var\(--focus-outline\)\] {
2427
2815
  &:focus {
2428
2816
  outline-color: var(--focus-outline);
@@ -2456,28 +2844,56 @@
2456
2844
  z-index: 10;
2457
2845
  }
2458
2846
  }
2847
+ .focus-visible\:border-ring {
2848
+ &:focus-visible {
2849
+ border-color: var(--ring);
2850
+ }
2851
+ }
2459
2852
  .focus-visible\:ring-1 {
2460
2853
  &:focus-visible {
2461
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2462
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2854
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width))
2855
+ var(--tw-ring-color, currentcolor);
2856
+ box-shadow:
2857
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2858
+ var(--tw-ring-shadow), var(--tw-shadow);
2463
2859
  }
2464
2860
  }
2465
2861
  .focus-visible\:ring-4 {
2466
2862
  &:focus-visible {
2467
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2468
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2863
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width))
2864
+ var(--tw-ring-color, currentcolor);
2865
+ box-shadow:
2866
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2867
+ var(--tw-ring-shadow), var(--tw-shadow);
2469
2868
  }
2470
2869
  }
2471
2870
  .focus-visible\:ring-\[3px\] {
2472
2871
  &:focus-visible {
2473
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2474
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2872
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width))
2873
+ var(--tw-ring-color, currentcolor);
2874
+ box-shadow:
2875
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2876
+ var(--tw-ring-shadow), var(--tw-shadow);
2877
+ }
2878
+ }
2879
+ .focus-visible\:ring-ring {
2880
+ &:focus-visible {
2881
+ --tw-ring-color: var(--ring);
2882
+ }
2883
+ }
2884
+ .focus-visible\:ring-ring\/50 {
2885
+ &:focus-visible {
2886
+ --tw-ring-color: var(--ring);
2887
+ @supports (color: color-mix(in lab, red, red)) {
2888
+ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
2889
+ }
2475
2890
  }
2476
2891
  }
2477
2892
  .focus-visible\:ring-offset-1 {
2478
2893
  &:focus-visible {
2479
2894
  --tw-ring-offset-width: 1px;
2480
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2895
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width)
2896
+ var(--tw-ring-offset-color);
2481
2897
  }
2482
2898
  }
2483
2899
  .focus-visible\:outline-hidden {
@@ -2496,6 +2912,11 @@
2496
2912
  outline-width: 1px;
2497
2913
  }
2498
2914
  }
2915
+ .focus-visible\:outline-ring {
2916
+ &:focus-visible {
2917
+ outline-color: var(--ring);
2918
+ }
2919
+ }
2499
2920
  .disabled\:pointer-events-none {
2500
2921
  &:disabled {
2501
2922
  pointer-events: none;
@@ -2512,27 +2933,27 @@
2512
2933
  }
2513
2934
  }
2514
2935
  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
2515
- &:has(*[data-slot="card-action"]) {
2936
+ &:has(*[data-slot='card-action']) {
2516
2937
  grid-template-columns: 1fr auto;
2517
2938
  }
2518
2939
  }
2519
2940
  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\] {
2520
- &:has(>svg) {
2941
+ &:has(> svg) {
2521
2942
  grid-template-columns: calc(var(--spacing) * 4) 1fr;
2522
2943
  }
2523
2944
  }
2524
2945
  .has-\[\>svg\]\:gap-x-3 {
2525
- &:has(>svg) {
2946
+ &:has(> svg) {
2526
2947
  column-gap: calc(var(--spacing) * 3);
2527
2948
  }
2528
2949
  }
2529
2950
  .aria-invalid\:border-error {
2530
- &[aria-invalid="true"] {
2951
+ &[aria-invalid='true'] {
2531
2952
  border-color: oklch(0.502 0.1927 18.08);
2532
2953
  }
2533
2954
  }
2534
2955
  .aria-invalid\:ring-error\/20 {
2535
- &[aria-invalid="true"] {
2956
+ &[aria-invalid='true'] {
2536
2957
  --tw-ring-color: color-mix(in oklab, oklch(0.502 0.1927 18.08) 20%, transparent);
2537
2958
  }
2538
2959
  }
@@ -2597,7 +3018,9 @@
2597
3018
  &::before {
2598
3019
  content: var(--tw-content);
2599
3020
  --tw-shadow: 0 0 #0000;
2600
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3021
+ box-shadow:
3022
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3023
+ var(--tw-ring-shadow), var(--tw-shadow);
2601
3024
  }
2602
3025
  }
2603
3026
  }
@@ -2606,7 +3029,9 @@
2606
3029
  &::after {
2607
3030
  content: var(--tw-content);
2608
3031
  --tw-shadow: 0 0 #0000;
2609
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3032
+ box-shadow:
3033
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3034
+ var(--tw-ring-shadow), var(--tw-shadow);
2610
3035
  }
2611
3036
  }
2612
3037
  }
@@ -2662,7 +3087,7 @@
2662
3087
  }
2663
3088
  }
2664
3089
  .data-\[active\=true\]\:hover\:bg-primary\/10 {
2665
- &[data-active="true"] {
3090
+ &[data-active='true'] {
2666
3091
  &:hover {
2667
3092
  @media (hover: hover) {
2668
3093
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
@@ -2671,7 +3096,7 @@
2671
3096
  }
2672
3097
  }
2673
3098
  .data-\[active\=true\]\:focus\:bg-primary\/10 {
2674
- &[data-active="true"] {
3099
+ &[data-active='true'] {
2675
3100
  &:focus {
2676
3101
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
2677
3102
  }
@@ -2688,12 +3113,12 @@
2688
3113
  }
2689
3114
  }
2690
3115
  .data-\[disabled\=true\]\:pointer-events-none {
2691
- &[data-disabled="true"] {
3116
+ &[data-disabled='true'] {
2692
3117
  pointer-events: none;
2693
3118
  }
2694
3119
  }
2695
3120
  .data-\[disabled\=true\]\:opacity-50 {
2696
- &[data-disabled="true"] {
3121
+ &[data-disabled='true'] {
2697
3122
  opacity: 50%;
2698
3123
  }
2699
3124
  }
@@ -2703,27 +3128,27 @@
2703
3128
  }
2704
3129
  }
2705
3130
  .data-\[motion\=from-end\]\:slide-in-from-right-52 {
2706
- &[data-motion="from-end"] {
3131
+ &[data-motion='from-end'] {
2707
3132
  --tw-enter-translate-x: 13rem;
2708
3133
  }
2709
3134
  }
2710
3135
  .data-\[motion\=from-start\]\:slide-in-from-left-52 {
2711
- &[data-motion="from-start"] {
3136
+ &[data-motion='from-start'] {
2712
3137
  --tw-enter-translate-x: -13rem;
2713
3138
  }
2714
3139
  }
2715
3140
  .data-\[motion\=to-end\]\:slide-out-to-right-52 {
2716
- &[data-motion="to-end"] {
3141
+ &[data-motion='to-end'] {
2717
3142
  --tw-exit-translate-x: 13rem;
2718
3143
  }
2719
3144
  }
2720
3145
  .data-\[motion\=to-start\]\:slide-out-to-left-52 {
2721
- &[data-motion="to-start"] {
3146
+ &[data-motion='to-start'] {
2722
3147
  --tw-exit-translate-x: -13rem;
2723
3148
  }
2724
3149
  }
2725
3150
  .data-\[motion\^\=from-\]\:animate-in {
2726
- &[data-motion^="from-"] {
3151
+ &[data-motion^='from-'] {
2727
3152
  animation-name: enter;
2728
3153
  animation-duration: 150ms;
2729
3154
  --tw-enter-opacity: initial;
@@ -2734,12 +3159,12 @@
2734
3159
  }
2735
3160
  }
2736
3161
  .data-\[motion\^\=from-\]\:fade-in {
2737
- &[data-motion^="from-"] {
3162
+ &[data-motion^='from-'] {
2738
3163
  --tw-enter-opacity: 0;
2739
3164
  }
2740
3165
  }
2741
3166
  .data-\[motion\^\=to-\]\:animate-out {
2742
- &[data-motion^="to-"] {
3167
+ &[data-motion^='to-'] {
2743
3168
  animation-name: exit;
2744
3169
  animation-duration: 150ms;
2745
3170
  --tw-exit-opacity: initial;
@@ -2750,82 +3175,82 @@
2750
3175
  }
2751
3176
  }
2752
3177
  .data-\[motion\^\=to-\]\:fade-out {
2753
- &[data-motion^="to-"] {
3178
+ &[data-motion^='to-'] {
2754
3179
  --tw-exit-opacity: 0;
2755
3180
  }
2756
3181
  }
2757
3182
  .data-\[orientation\=horizontal\]\:h-1\.5 {
2758
- &[data-orientation="horizontal"] {
3183
+ &[data-orientation='horizontal'] {
2759
3184
  height: calc(var(--spacing) * 1.5);
2760
3185
  }
2761
3186
  }
2762
3187
  .data-\[orientation\=horizontal\]\:h-full {
2763
- &[data-orientation="horizontal"] {
3188
+ &[data-orientation='horizontal'] {
2764
3189
  height: 100%;
2765
3190
  }
2766
3191
  }
2767
3192
  .data-\[orientation\=horizontal\]\:h-px {
2768
- &[data-orientation="horizontal"] {
3193
+ &[data-orientation='horizontal'] {
2769
3194
  height: 1px;
2770
3195
  }
2771
3196
  }
2772
3197
  .data-\[orientation\=horizontal\]\:w-full {
2773
- &[data-orientation="horizontal"] {
3198
+ &[data-orientation='horizontal'] {
2774
3199
  width: 100%;
2775
3200
  }
2776
3201
  }
2777
3202
  .data-\[orientation\=vertical\]\:h-full {
2778
- &[data-orientation="vertical"] {
3203
+ &[data-orientation='vertical'] {
2779
3204
  height: 100%;
2780
3205
  }
2781
3206
  }
2782
3207
  .data-\[orientation\=vertical\]\:min-h-44 {
2783
- &[data-orientation="vertical"] {
3208
+ &[data-orientation='vertical'] {
2784
3209
  min-height: calc(var(--spacing) * 44);
2785
3210
  }
2786
3211
  }
2787
3212
  .data-\[orientation\=vertical\]\:w-1\.5 {
2788
- &[data-orientation="vertical"] {
3213
+ &[data-orientation='vertical'] {
2789
3214
  width: calc(var(--spacing) * 1.5);
2790
3215
  }
2791
3216
  }
2792
3217
  .data-\[orientation\=vertical\]\:w-auto {
2793
- &[data-orientation="vertical"] {
3218
+ &[data-orientation='vertical'] {
2794
3219
  width: auto;
2795
3220
  }
2796
3221
  }
2797
3222
  .data-\[orientation\=vertical\]\:w-full {
2798
- &[data-orientation="vertical"] {
3223
+ &[data-orientation='vertical'] {
2799
3224
  width: 100%;
2800
3225
  }
2801
3226
  }
2802
3227
  .data-\[orientation\=vertical\]\:w-px {
2803
- &[data-orientation="vertical"] {
3228
+ &[data-orientation='vertical'] {
2804
3229
  width: 1px;
2805
3230
  }
2806
3231
  }
2807
3232
  .data-\[orientation\=vertical\]\:flex-col {
2808
- &[data-orientation="vertical"] {
3233
+ &[data-orientation='vertical'] {
2809
3234
  flex-direction: column;
2810
3235
  }
2811
3236
  }
2812
3237
  .data-\[panel-group-direction\=vertical\]\:h-px {
2813
- &[data-panel-group-direction="vertical"] {
3238
+ &[data-panel-group-direction='vertical'] {
2814
3239
  height: 1px;
2815
3240
  }
2816
3241
  }
2817
3242
  .data-\[panel-group-direction\=vertical\]\:w-full {
2818
- &[data-panel-group-direction="vertical"] {
3243
+ &[data-panel-group-direction='vertical'] {
2819
3244
  width: 100%;
2820
3245
  }
2821
3246
  }
2822
3247
  .data-\[panel-group-direction\=vertical\]\:flex-col {
2823
- &[data-panel-group-direction="vertical"] {
3248
+ &[data-panel-group-direction='vertical'] {
2824
3249
  flex-direction: column;
2825
3250
  }
2826
3251
  }
2827
3252
  .data-\[panel-group-direction\=vertical\]\:after\:left-0 {
2828
- &[data-panel-group-direction="vertical"] {
3253
+ &[data-panel-group-direction='vertical'] {
2829
3254
  &::after {
2830
3255
  content: var(--tw-content);
2831
3256
  left: calc(var(--spacing) * 0);
@@ -2833,7 +3258,7 @@
2833
3258
  }
2834
3259
  }
2835
3260
  .data-\[panel-group-direction\=vertical\]\:after\:h-1 {
2836
- &[data-panel-group-direction="vertical"] {
3261
+ &[data-panel-group-direction='vertical'] {
2837
3262
  &::after {
2838
3263
  content: var(--tw-content);
2839
3264
  height: calc(var(--spacing) * 1);
@@ -2841,7 +3266,7 @@
2841
3266
  }
2842
3267
  }
2843
3268
  .data-\[panel-group-direction\=vertical\]\:after\:w-full {
2844
- &[data-panel-group-direction="vertical"] {
3269
+ &[data-panel-group-direction='vertical'] {
2845
3270
  &::after {
2846
3271
  content: var(--tw-content);
2847
3272
  width: 100%;
@@ -2849,7 +3274,7 @@
2849
3274
  }
2850
3275
  }
2851
3276
  .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0 {
2852
- &[data-panel-group-direction="vertical"] {
3277
+ &[data-panel-group-direction='vertical'] {
2853
3278
  &::after {
2854
3279
  content: var(--tw-content);
2855
3280
  --tw-translate-x: calc(var(--spacing) * 0);
@@ -2858,97 +3283,102 @@
2858
3283
  }
2859
3284
  }
2860
3285
  .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2 {
2861
- &[data-panel-group-direction="vertical"] {
3286
+ &[data-panel-group-direction='vertical'] {
2862
3287
  &::after {
2863
3288
  content: var(--tw-content);
2864
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
3289
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
2865
3290
  translate: var(--tw-translate-x) var(--tw-translate-y);
2866
3291
  }
2867
3292
  }
2868
3293
  }
3294
+ .data-\[placeholder\]\:text-muted-foreground {
3295
+ &[data-placeholder] {
3296
+ color: var(--muted-foreground);
3297
+ }
3298
+ }
2869
3299
  .data-\[selected\=true\]\:bg-primary\/10 {
2870
- &[data-selected="true"] {
3300
+ &[data-selected='true'] {
2871
3301
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
2872
3302
  }
2873
3303
  }
2874
3304
  .data-\[side\=bottom\]\:translate-y-1 {
2875
- &[data-side="bottom"] {
3305
+ &[data-side='bottom'] {
2876
3306
  --tw-translate-y: calc(var(--spacing) * 1);
2877
3307
  translate: var(--tw-translate-x) var(--tw-translate-y);
2878
3308
  }
2879
3309
  }
2880
3310
  .data-\[side\=bottom\]\:slide-in-from-top-2 {
2881
- &[data-side="bottom"] {
3311
+ &[data-side='bottom'] {
2882
3312
  --tw-enter-translate-y: -0.5rem;
2883
3313
  }
2884
3314
  }
2885
3315
  .data-\[side\=left\]\:-translate-x-1 {
2886
- &[data-side="left"] {
3316
+ &[data-side='left'] {
2887
3317
  --tw-translate-x: calc(var(--spacing) * -1);
2888
3318
  translate: var(--tw-translate-x) var(--tw-translate-y);
2889
3319
  }
2890
3320
  }
2891
3321
  .data-\[side\=left\]\:slide-in-from-right-2 {
2892
- &[data-side="left"] {
3322
+ &[data-side='left'] {
2893
3323
  --tw-enter-translate-x: 0.5rem;
2894
3324
  }
2895
3325
  }
2896
3326
  .data-\[side\=right\]\:translate-x-1 {
2897
- &[data-side="right"] {
3327
+ &[data-side='right'] {
2898
3328
  --tw-translate-x: calc(var(--spacing) * 1);
2899
3329
  translate: var(--tw-translate-x) var(--tw-translate-y);
2900
3330
  }
2901
3331
  }
2902
3332
  .data-\[side\=right\]\:slide-in-from-left-2 {
2903
- &[data-side="right"] {
3333
+ &[data-side='right'] {
2904
3334
  --tw-enter-translate-x: -0.5rem;
2905
3335
  }
2906
3336
  }
2907
3337
  .data-\[side\=top\]\:-translate-y-1 {
2908
- &[data-side="top"] {
3338
+ &[data-side='top'] {
2909
3339
  --tw-translate-y: calc(var(--spacing) * -1);
2910
3340
  translate: var(--tw-translate-x) var(--tw-translate-y);
2911
3341
  }
2912
3342
  }
2913
3343
  .data-\[side\=top\]\:slide-in-from-bottom-2 {
2914
- &[data-side="top"] {
3344
+ &[data-side='top'] {
2915
3345
  --tw-enter-translate-y: 0.5rem;
2916
3346
  }
2917
3347
  }
2918
3348
  .data-\[size\=default\]\:h-9 {
2919
- &[data-size="default"] {
3349
+ &[data-size='default'] {
2920
3350
  height: calc(var(--spacing) * 9);
2921
3351
  }
2922
3352
  }
2923
3353
  .data-\[size\=sm\]\:h-8 {
2924
- &[data-size="sm"] {
3354
+ &[data-size='sm'] {
2925
3355
  height: calc(var(--spacing) * 8);
2926
3356
  }
2927
3357
  }
2928
3358
  .\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 {
2929
3359
  :is(& *) {
2930
- &[data-slot="command-input-wrapper"] {
3360
+ &[data-slot='command-input-wrapper'] {
2931
3361
  height: calc(var(--spacing) * 12);
2932
3362
  }
2933
3363
  }
2934
3364
  }
2935
3365
  .\*\:data-\[slot\=icon\]\:-mx-0\.5 {
2936
3366
  :is(& > *) {
2937
- &[data-slot="icon"] {
3367
+ &[data-slot='icon'] {
2938
3368
  margin-inline: calc(var(--spacing) * -0.5);
2939
3369
  }
2940
3370
  }
2941
3371
  }
2942
3372
  .\*\:data-\[slot\=icon\]\:my-0\.5 {
2943
3373
  :is(& > *) {
2944
- &[data-slot="icon"] {
3374
+ &[data-slot='icon'] {
2945
3375
  margin-block: calc(var(--spacing) * 0.5);
2946
3376
  }
2947
3377
  }
2948
3378
  }
2949
3379
  .\*\:data-\[slot\=icon\]\:size-4 {
2950
3380
  :is(& > *) {
2951
- &[data-slot="icon"] {
3381
+ &[data-slot='icon'] {
2952
3382
  width: calc(var(--spacing) * 4);
2953
3383
  height: calc(var(--spacing) * 4);
2954
3384
  }
@@ -2956,7 +3386,7 @@
2956
3386
  }
2957
3387
  .\*\:data-\[slot\=icon\]\:size-6 {
2958
3388
  :is(& > *) {
2959
- &[data-slot="icon"] {
3389
+ &[data-slot='icon'] {
2960
3390
  width: calc(var(--spacing) * 6);
2961
3391
  height: calc(var(--spacing) * 6);
2962
3392
  }
@@ -2964,38 +3394,41 @@
2964
3394
  }
2965
3395
  .\*\:data-\[slot\=icon\]\:shrink-0 {
2966
3396
  :is(& > *) {
2967
- &[data-slot="icon"] {
3397
+ &[data-slot='icon'] {
2968
3398
  flex-shrink: 0;
2969
3399
  }
2970
3400
  }
2971
3401
  }
2972
3402
  .\*\:data-\[slot\=icon\]\:self-center {
2973
3403
  :is(& > *) {
2974
- &[data-slot="icon"] {
3404
+ &[data-slot='icon'] {
2975
3405
  align-self: center;
2976
3406
  }
2977
3407
  }
2978
3408
  }
2979
3409
  .\*\:data-\[slot\=icon\]\:text-\(--btn-icon\) {
2980
3410
  :is(& > *) {
2981
- &[data-slot="icon"] {
3411
+ &[data-slot='icon'] {
2982
3412
  color: var(--btn-icon);
2983
3413
  }
2984
3414
  }
2985
3415
  }
2986
3416
  .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 {
2987
3417
  :is(& *) {
2988
- &[data-slot="navigation-menu-link"] {
3418
+ &[data-slot='navigation-menu-link'] {
2989
3419
  &:focus {
2990
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2991
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3420
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width))
3421
+ var(--tw-ring-color, currentcolor);
3422
+ box-shadow:
3423
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3424
+ var(--tw-ring-shadow), var(--tw-shadow);
2992
3425
  }
2993
3426
  }
2994
3427
  }
2995
3428
  }
2996
3429
  .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none {
2997
3430
  :is(& *) {
2998
- &[data-slot="navigation-menu-link"] {
3431
+ &[data-slot='navigation-menu-link'] {
2999
3432
  &:focus {
3000
3433
  --tw-outline-style: none;
3001
3434
  outline-style: none;
@@ -3005,7 +3438,7 @@
3005
3438
  }
3006
3439
  .\*\:data-\[slot\=select-value\]\:line-clamp-1 {
3007
3440
  :is(& > *) {
3008
- &[data-slot="select-value"] {
3441
+ &[data-slot='select-value'] {
3009
3442
  overflow: hidden;
3010
3443
  display: -webkit-box;
3011
3444
  -webkit-box-orient: vertical;
@@ -3015,60 +3448,79 @@
3015
3448
  }
3016
3449
  .\*\:data-\[slot\=select-value\]\:flex {
3017
3450
  :is(& > *) {
3018
- &[data-slot="select-value"] {
3451
+ &[data-slot='select-value'] {
3019
3452
  display: flex;
3020
3453
  }
3021
3454
  }
3022
3455
  }
3023
3456
  .\*\:data-\[slot\=select-value\]\:items-center {
3024
3457
  :is(& > *) {
3025
- &[data-slot="select-value"] {
3458
+ &[data-slot='select-value'] {
3026
3459
  align-items: center;
3027
3460
  }
3028
3461
  }
3029
3462
  }
3030
3463
  .\*\:data-\[slot\=select-value\]\:gap-2 {
3031
3464
  :is(& > *) {
3032
- &[data-slot="select-value"] {
3465
+ &[data-slot='select-value'] {
3033
3466
  gap: calc(var(--spacing) * 2);
3034
3467
  }
3035
3468
  }
3036
3469
  }
3470
+ .data-\[state\=active\]\:border-accent {
3471
+ &[data-state='active'] {
3472
+ border-color: oklch(0.562 0.2175 20.33);
3473
+ }
3474
+ }
3037
3475
  .data-\[state\=active\]\:bg-background {
3038
- &[data-state="active"] {
3476
+ &[data-state='active'] {
3039
3477
  background-color: var(--background);
3040
3478
  }
3041
3479
  }
3480
+ .data-\[state\=active\]\:bg-blue-500 {
3481
+ &[data-state='active'] {
3482
+ background-color: var(--color-blue-500);
3483
+ }
3484
+ }
3485
+ .data-\[state\=active\]\:text-white {
3486
+ &[data-state='active'] {
3487
+ color: var(--color-white);
3488
+ }
3489
+ }
3042
3490
  .data-\[state\=active\]\:shadow-sm {
3043
- &[data-state="active"] {
3044
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3045
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3491
+ &[data-state='active'] {
3492
+ --tw-shadow:
3493
+ 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
3494
+ 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3495
+ box-shadow:
3496
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3497
+ var(--tw-ring-shadow), var(--tw-shadow);
3046
3498
  }
3047
3499
  }
3048
3500
  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\] {
3049
- &[data-state="checked"] {
3501
+ &[data-state='checked'] {
3050
3502
  --tw-translate-x: calc(100% - 2px);
3051
3503
  translate: var(--tw-translate-x) var(--tw-translate-y);
3052
3504
  }
3053
3505
  }
3054
3506
  .data-\[state\=checked\]\:border-primary {
3055
- &[data-state="checked"] {
3507
+ &[data-state='checked'] {
3056
3508
  border-color: oklch(0.29 0.1173 259.84);
3057
3509
  }
3058
3510
  }
3059
3511
  .data-\[state\=checked\]\:bg-primary {
3060
- &[data-state="checked"] {
3512
+ &[data-state='checked'] {
3061
3513
  background-color: oklch(0.29 0.1173 259.84);
3062
3514
  }
3063
3515
  }
3064
3516
  .data-\[state\=closed\]\:duration-300 {
3065
- &[data-state="closed"] {
3517
+ &[data-state='closed'] {
3066
3518
  --tw-duration: 300ms;
3067
3519
  transition-duration: 300ms;
3068
3520
  }
3069
3521
  }
3070
3522
  .data-\[state\=closed\]\:animate-out {
3071
- &[data-state="closed"] {
3523
+ &[data-state='closed'] {
3072
3524
  animation-name: exit;
3073
3525
  animation-duration: 150ms;
3074
3526
  --tw-exit-opacity: initial;
@@ -3079,43 +3531,43 @@
3079
3531
  }
3080
3532
  }
3081
3533
  .data-\[state\=closed\]\:duration-300 {
3082
- &[data-state="closed"] {
3534
+ &[data-state='closed'] {
3083
3535
  animation-duration: 300ms;
3084
3536
  }
3085
3537
  }
3086
3538
  .data-\[state\=closed\]\:fade-out-0 {
3087
- &[data-state="closed"] {
3539
+ &[data-state='closed'] {
3088
3540
  --tw-exit-opacity: 0;
3089
3541
  }
3090
3542
  }
3091
3543
  .data-\[state\=closed\]\:slide-out-to-bottom {
3092
- &[data-state="closed"] {
3544
+ &[data-state='closed'] {
3093
3545
  --tw-exit-translate-y: 100%;
3094
3546
  }
3095
3547
  }
3096
3548
  .data-\[state\=closed\]\:slide-out-to-left {
3097
- &[data-state="closed"] {
3549
+ &[data-state='closed'] {
3098
3550
  --tw-exit-translate-x: -100%;
3099
3551
  }
3100
3552
  }
3101
3553
  .data-\[state\=closed\]\:slide-out-to-right {
3102
- &[data-state="closed"] {
3554
+ &[data-state='closed'] {
3103
3555
  --tw-exit-translate-x: 100%;
3104
3556
  }
3105
3557
  }
3106
3558
  .data-\[state\=closed\]\:slide-out-to-top {
3107
- &[data-state="closed"] {
3559
+ &[data-state='closed'] {
3108
3560
  --tw-exit-translate-y: -100%;
3109
3561
  }
3110
3562
  }
3111
3563
  .data-\[state\=closed\]\:zoom-out-95 {
3112
- &[data-state="closed"] {
3113
- --tw-exit-scale: .95;
3564
+ &[data-state='closed'] {
3565
+ --tw-exit-scale: 0.95;
3114
3566
  }
3115
3567
  }
3116
3568
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out {
3117
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3118
- &[data-state="closed"] {
3569
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3570
+ &[data-state='closed'] {
3119
3571
  animation-name: exit;
3120
3572
  animation-duration: 150ms;
3121
3573
  --tw-exit-opacity: initial;
@@ -3127,21 +3579,21 @@
3127
3579
  }
3128
3580
  }
3129
3581
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0 {
3130
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3131
- &[data-state="closed"] {
3582
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3583
+ &[data-state='closed'] {
3132
3584
  --tw-exit-opacity: 0;
3133
3585
  }
3134
3586
  }
3135
3587
  }
3136
3588
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95 {
3137
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3138
- &[data-state="closed"] {
3139
- --tw-exit-scale: .95;
3589
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3590
+ &[data-state='closed'] {
3591
+ --tw-exit-scale: 0.95;
3140
3592
  }
3141
3593
  }
3142
3594
  }
3143
3595
  .data-\[state\=hidden\]\:animate-out {
3144
- &[data-state="hidden"] {
3596
+ &[data-state='hidden'] {
3145
3597
  animation-name: exit;
3146
3598
  animation-duration: 150ms;
3147
3599
  --tw-exit-opacity: initial;
@@ -3152,33 +3604,58 @@
3152
3604
  }
3153
3605
  }
3154
3606
  .data-\[state\=hidden\]\:fade-out {
3155
- &[data-state="hidden"] {
3607
+ &[data-state='hidden'] {
3156
3608
  --tw-exit-opacity: 0;
3157
3609
  }
3158
3610
  }
3611
+ .data-\[state\=on\]\:bg-blue-500 {
3612
+ &[data-state='on'] {
3613
+ background-color: var(--color-blue-500);
3614
+ }
3615
+ }
3616
+ .data-\[state\=on\]\:bg-green-500 {
3617
+ &[data-state='on'] {
3618
+ background-color: var(--color-green-500);
3619
+ }
3620
+ }
3621
+ .data-\[state\=on\]\:bg-nsw-grey-100 {
3622
+ &[data-state='on'] {
3623
+ background-color: var(--color-nsw-grey-100);
3624
+ }
3625
+ }
3159
3626
  .data-\[state\=on\]\:bg-primary\/10 {
3160
- &[data-state="on"] {
3627
+ &[data-state='on'] {
3161
3628
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3162
3629
  }
3163
3630
  }
3164
- .data-\[state\=open\]\:bg-primary\/10 {
3165
- &[data-state="open"] {
3166
- background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3631
+ .data-\[state\=on\]\:bg-purple-500 {
3632
+ &[data-state='on'] {
3633
+ background-color: var(--color-purple-500);
3167
3634
  }
3168
3635
  }
3169
- .data-\[state\=open\]\:bg-secondary {
3170
- &[data-state="open"] {
3171
- background-color: oklch(0.9267 0.0417 227.89);
3636
+ .data-\[state\=on\]\:text-nsw-grey-850 {
3637
+ &[data-state='on'] {
3638
+ color: var(--color-nsw-grey-850);
3639
+ }
3640
+ }
3641
+ .data-\[state\=on\]\:text-white {
3642
+ &[data-state='on'] {
3643
+ color: var(--color-white);
3644
+ }
3645
+ }
3646
+ .data-\[state\=open\]\:bg-primary\/10 {
3647
+ &[data-state='open'] {
3648
+ background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3172
3649
  }
3173
3650
  }
3174
3651
  .data-\[state\=open\]\:duration-500 {
3175
- &[data-state="open"] {
3652
+ &[data-state='open'] {
3176
3653
  --tw-duration: 500ms;
3177
3654
  transition-duration: 500ms;
3178
3655
  }
3179
3656
  }
3180
3657
  .data-\[state\=open\]\:animate-in {
3181
- &[data-state="open"] {
3658
+ &[data-state='open'] {
3182
3659
  animation-name: enter;
3183
3660
  animation-duration: 150ms;
3184
3661
  --tw-enter-opacity: initial;
@@ -3189,48 +3666,48 @@
3189
3666
  }
3190
3667
  }
3191
3668
  .data-\[state\=open\]\:duration-500 {
3192
- &[data-state="open"] {
3669
+ &[data-state='open'] {
3193
3670
  animation-duration: 500ms;
3194
3671
  }
3195
3672
  }
3196
3673
  .data-\[state\=open\]\:fade-in-0 {
3197
- &[data-state="open"] {
3674
+ &[data-state='open'] {
3198
3675
  --tw-enter-opacity: 0;
3199
3676
  }
3200
3677
  }
3201
3678
  .data-\[state\=open\]\:slide-in-from-bottom {
3202
- &[data-state="open"] {
3679
+ &[data-state='open'] {
3203
3680
  --tw-enter-translate-y: 100%;
3204
3681
  }
3205
3682
  }
3206
3683
  .data-\[state\=open\]\:slide-in-from-left {
3207
- &[data-state="open"] {
3684
+ &[data-state='open'] {
3208
3685
  --tw-enter-translate-x: -100%;
3209
3686
  }
3210
3687
  }
3211
3688
  .data-\[state\=open\]\:slide-in-from-right {
3212
- &[data-state="open"] {
3689
+ &[data-state='open'] {
3213
3690
  --tw-enter-translate-x: 100%;
3214
3691
  }
3215
3692
  }
3216
3693
  .data-\[state\=open\]\:slide-in-from-top {
3217
- &[data-state="open"] {
3694
+ &[data-state='open'] {
3218
3695
  --tw-enter-translate-y: -100%;
3219
3696
  }
3220
3697
  }
3221
3698
  .data-\[state\=open\]\:zoom-in-90 {
3222
- &[data-state="open"] {
3223
- --tw-enter-scale: .9;
3699
+ &[data-state='open'] {
3700
+ --tw-enter-scale: 0.9;
3224
3701
  }
3225
3702
  }
3226
3703
  .data-\[state\=open\]\:zoom-in-95 {
3227
- &[data-state="open"] {
3228
- --tw-enter-scale: .95;
3704
+ &[data-state='open'] {
3705
+ --tw-enter-scale: 0.95;
3229
3706
  }
3230
3707
  }
3231
3708
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in {
3232
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3233
- &[data-state="open"] {
3709
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3710
+ &[data-state='open'] {
3234
3711
  animation-name: enter;
3235
3712
  animation-duration: 150ms;
3236
3713
  --tw-enter-opacity: initial;
@@ -3242,21 +3719,21 @@
3242
3719
  }
3243
3720
  }
3244
3721
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0 {
3245
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3246
- &[data-state="open"] {
3722
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3723
+ &[data-state='open'] {
3247
3724
  --tw-enter-opacity: 0;
3248
3725
  }
3249
3726
  }
3250
3727
  }
3251
3728
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95 {
3252
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3253
- &[data-state="open"] {
3254
- --tw-enter-scale: .95;
3729
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3730
+ &[data-state='open'] {
3731
+ --tw-enter-scale: 0.95;
3255
3732
  }
3256
3733
  }
3257
3734
  }
3258
3735
  .data-\[state\=open\]\:hover\:bg-primary\/10 {
3259
- &[data-state="open"] {
3736
+ &[data-state='open'] {
3260
3737
  &:hover {
3261
3738
  @media (hover: hover) {
3262
3739
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
@@ -3265,25 +3742,30 @@
3265
3742
  }
3266
3743
  }
3267
3744
  .data-\[state\=open\]\:focus\:bg-primary\/10 {
3268
- &[data-state="open"] {
3745
+ &[data-state='open'] {
3269
3746
  &:focus {
3270
3747
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3271
3748
  }
3272
3749
  }
3273
3750
  }
3751
+ .data-\[state\=selected\]\:bg-muted {
3752
+ &[data-state='selected'] {
3753
+ background-color: var(--muted);
3754
+ }
3755
+ }
3274
3756
  .data-\[state\=unchecked\]\:translate-x-0 {
3275
- &[data-state="unchecked"] {
3757
+ &[data-state='unchecked'] {
3276
3758
  --tw-translate-x: calc(var(--spacing) * 0);
3277
3759
  translate: var(--tw-translate-x) var(--tw-translate-y);
3278
3760
  }
3279
3761
  }
3280
3762
  .data-\[state\=unchecked\]\:bg-input {
3281
- &[data-state="unchecked"] {
3763
+ &[data-state='unchecked'] {
3282
3764
  background-color: var(--input);
3283
3765
  }
3284
3766
  }
3285
3767
  .data-\[state\=visible\]\:animate-in {
3286
- &[data-state="visible"] {
3768
+ &[data-state='visible'] {
3287
3769
  animation-name: enter;
3288
3770
  animation-duration: 150ms;
3289
3771
  --tw-enter-opacity: initial;
@@ -3294,24 +3776,26 @@
3294
3776
  }
3295
3777
  }
3296
3778
  .data-\[state\=visible\]\:fade-in {
3297
- &[data-state="visible"] {
3779
+ &[data-state='visible'] {
3298
3780
  --tw-enter-opacity: 0;
3299
3781
  }
3300
3782
  }
3301
3783
  .data-\[variant\=outline\]\:border-l-0 {
3302
- &[data-variant="outline"] {
3784
+ &[data-variant='outline'] {
3303
3785
  border-left-style: var(--tw-border-style);
3304
3786
  border-left-width: 0px;
3305
3787
  }
3306
3788
  }
3307
3789
  .data-\[variant\=outline\]\:shadow-xs {
3308
- &[data-variant="outline"] {
3790
+ &[data-variant='outline'] {
3309
3791
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
3310
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3792
+ box-shadow:
3793
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3794
+ var(--tw-ring-shadow), var(--tw-shadow);
3311
3795
  }
3312
3796
  }
3313
3797
  .data-\[variant\=outline\]\:first\:border-l {
3314
- &[data-variant="outline"] {
3798
+ &[data-variant='outline'] {
3315
3799
  &:first-child {
3316
3800
  border-left-style: var(--tw-border-style);
3317
3801
  border-left-width: 1px;
@@ -3319,107 +3803,107 @@
3319
3803
  }
3320
3804
  }
3321
3805
  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0 {
3322
- &[data-vaul-drawer-direction="bottom"] {
3806
+ &[data-vaul-drawer-direction='bottom'] {
3323
3807
  inset-inline: calc(var(--spacing) * 0);
3324
3808
  }
3325
3809
  }
3326
3810
  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0 {
3327
- &[data-vaul-drawer-direction="bottom"] {
3811
+ &[data-vaul-drawer-direction='bottom'] {
3328
3812
  bottom: calc(var(--spacing) * 0);
3329
3813
  }
3330
3814
  }
3331
3815
  .data-\[vaul-drawer-direction\=bottom\]\:mt-24 {
3332
- &[data-vaul-drawer-direction="bottom"] {
3816
+ &[data-vaul-drawer-direction='bottom'] {
3333
3817
  margin-top: calc(var(--spacing) * 24);
3334
3818
  }
3335
3819
  }
3336
3820
  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\] {
3337
- &[data-vaul-drawer-direction="bottom"] {
3821
+ &[data-vaul-drawer-direction='bottom'] {
3338
3822
  max-height: 80vh;
3339
3823
  }
3340
3824
  }
3341
3825
  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg {
3342
- &[data-vaul-drawer-direction="bottom"] {
3826
+ &[data-vaul-drawer-direction='bottom'] {
3343
3827
  border-top-left-radius: var(--radius-lg);
3344
3828
  border-top-right-radius: var(--radius-lg);
3345
3829
  }
3346
3830
  }
3347
3831
  .data-\[vaul-drawer-direction\=bottom\]\:border-t {
3348
- &[data-vaul-drawer-direction="bottom"] {
3832
+ &[data-vaul-drawer-direction='bottom'] {
3349
3833
  border-top-style: var(--tw-border-style);
3350
3834
  border-top-width: 1px;
3351
3835
  }
3352
3836
  }
3353
3837
  .data-\[vaul-drawer-direction\=left\]\:inset-y-0 {
3354
- &[data-vaul-drawer-direction="left"] {
3838
+ &[data-vaul-drawer-direction='left'] {
3355
3839
  inset-block: calc(var(--spacing) * 0);
3356
3840
  }
3357
3841
  }
3358
3842
  .data-\[vaul-drawer-direction\=left\]\:left-0 {
3359
- &[data-vaul-drawer-direction="left"] {
3843
+ &[data-vaul-drawer-direction='left'] {
3360
3844
  left: calc(var(--spacing) * 0);
3361
3845
  }
3362
3846
  }
3363
3847
  .data-\[vaul-drawer-direction\=left\]\:w-3\/4 {
3364
- &[data-vaul-drawer-direction="left"] {
3365
- width: calc(3/4 * 100%);
3848
+ &[data-vaul-drawer-direction='left'] {
3849
+ width: calc(3 / 4 * 100%);
3366
3850
  }
3367
3851
  }
3368
3852
  .data-\[vaul-drawer-direction\=left\]\:border-r {
3369
- &[data-vaul-drawer-direction="left"] {
3853
+ &[data-vaul-drawer-direction='left'] {
3370
3854
  border-right-style: var(--tw-border-style);
3371
3855
  border-right-width: 1px;
3372
3856
  }
3373
3857
  }
3374
3858
  .data-\[vaul-drawer-direction\=right\]\:inset-y-0 {
3375
- &[data-vaul-drawer-direction="right"] {
3859
+ &[data-vaul-drawer-direction='right'] {
3376
3860
  inset-block: calc(var(--spacing) * 0);
3377
3861
  }
3378
3862
  }
3379
3863
  .data-\[vaul-drawer-direction\=right\]\:right-0 {
3380
- &[data-vaul-drawer-direction="right"] {
3864
+ &[data-vaul-drawer-direction='right'] {
3381
3865
  right: calc(var(--spacing) * 0);
3382
3866
  }
3383
3867
  }
3384
3868
  .data-\[vaul-drawer-direction\=right\]\:w-3\/4 {
3385
- &[data-vaul-drawer-direction="right"] {
3386
- width: calc(3/4 * 100%);
3869
+ &[data-vaul-drawer-direction='right'] {
3870
+ width: calc(3 / 4 * 100%);
3387
3871
  }
3388
3872
  }
3389
3873
  .data-\[vaul-drawer-direction\=right\]\:border-l {
3390
- &[data-vaul-drawer-direction="right"] {
3874
+ &[data-vaul-drawer-direction='right'] {
3391
3875
  border-left-style: var(--tw-border-style);
3392
3876
  border-left-width: 1px;
3393
3877
  }
3394
3878
  }
3395
3879
  .data-\[vaul-drawer-direction\=top\]\:inset-x-0 {
3396
- &[data-vaul-drawer-direction="top"] {
3880
+ &[data-vaul-drawer-direction='top'] {
3397
3881
  inset-inline: calc(var(--spacing) * 0);
3398
3882
  }
3399
3883
  }
3400
3884
  .data-\[vaul-drawer-direction\=top\]\:top-0 {
3401
- &[data-vaul-drawer-direction="top"] {
3885
+ &[data-vaul-drawer-direction='top'] {
3402
3886
  top: calc(var(--spacing) * 0);
3403
3887
  }
3404
3888
  }
3405
3889
  .data-\[vaul-drawer-direction\=top\]\:mb-24 {
3406
- &[data-vaul-drawer-direction="top"] {
3890
+ &[data-vaul-drawer-direction='top'] {
3407
3891
  margin-bottom: calc(var(--spacing) * 24);
3408
3892
  }
3409
3893
  }
3410
3894
  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\] {
3411
- &[data-vaul-drawer-direction="top"] {
3895
+ &[data-vaul-drawer-direction='top'] {
3412
3896
  max-height: 80vh;
3413
3897
  }
3414
3898
  }
3415
3899
  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg {
3416
- &[data-vaul-drawer-direction="top"] {
3900
+ &[data-vaul-drawer-direction='top'] {
3417
3901
  border-bottom-right-radius: var(--radius-lg);
3418
3902
  border-bottom-left-radius: var(--radius-lg);
3419
3903
  }
3420
3904
  }
3421
3905
  .data-\[vaul-drawer-direction\=top\]\:border-b {
3422
- &[data-vaul-drawer-direction="top"] {
3906
+ &[data-vaul-drawer-direction='top'] {
3423
3907
  border-bottom-style: var(--tw-border-style);
3424
3908
  border-bottom-width: 1px;
3425
3909
  }
@@ -3454,6 +3938,11 @@
3454
3938
  grid-template-columns: repeat(2, minmax(0, 1fr));
3455
3939
  }
3456
3940
  }
3941
+ .sm\:grid-cols-3 {
3942
+ @media (width >= 40rem) {
3943
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3944
+ }
3945
+ }
3457
3946
  .sm\:flex-row {
3458
3947
  @media (width >= 40rem) {
3459
3948
  flex-direction: row;
@@ -3549,7 +4038,7 @@
3549
4038
  .sm\:\*\:data-\[slot\=icon\]\:my-1 {
3550
4039
  @media (width >= 40rem) {
3551
4040
  :is(& > *) {
3552
- &[data-slot="icon"] {
4041
+ &[data-slot='icon'] {
3553
4042
  margin-block: calc(var(--spacing) * 1);
3554
4043
  }
3555
4044
  }
@@ -3558,7 +4047,7 @@
3558
4047
  .sm\:\*\:data-\[slot\=icon\]\:size-3 {
3559
4048
  @media (width >= 40rem) {
3560
4049
  :is(& > *) {
3561
- &[data-slot="icon"] {
4050
+ &[data-slot='icon'] {
3562
4051
  width: calc(var(--spacing) * 3);
3563
4052
  height: calc(var(--spacing) * 3);
3564
4053
  }
@@ -3568,7 +4057,7 @@
3568
4057
  .sm\:\*\:data-\[slot\=icon\]\:size-5 {
3569
4058
  @media (width >= 40rem) {
3570
4059
  :is(& > *) {
3571
- &[data-slot="icon"] {
4060
+ &[data-slot='icon'] {
3572
4061
  width: calc(var(--spacing) * 5);
3573
4062
  height: calc(var(--spacing) * 5);
3574
4063
  }
@@ -3576,14 +4065,14 @@
3576
4065
  }
3577
4066
  }
3578
4067
  .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm {
3579
- &[data-vaul-drawer-direction="left"] {
4068
+ &[data-vaul-drawer-direction='left'] {
3580
4069
  @media (width >= 40rem) {
3581
4070
  max-width: var(--container-sm);
3582
4071
  }
3583
4072
  }
3584
4073
  }
3585
4074
  .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm {
3586
- &[data-vaul-drawer-direction="right"] {
4075
+ &[data-vaul-drawer-direction='right'] {
3587
4076
  @media (width >= 40rem) {
3588
4077
  max-width: var(--container-sm);
3589
4078
  }
@@ -3624,6 +4113,11 @@
3624
4113
  grid-template-columns: repeat(3, minmax(0, 1fr));
3625
4114
  }
3626
4115
  }
4116
+ .md\:grid-cols-4 {
4117
+ @media (width >= 48rem) {
4118
+ grid-template-columns: repeat(4, minmax(0, 1fr));
4119
+ }
4120
+ }
3627
4121
  .md\:grid-cols-7 {
3628
4122
  @media (width >= 48rem) {
3629
4123
  grid-template-columns: repeat(7, minmax(0, 1fr));
@@ -3700,6 +4194,11 @@
3700
4194
  grid-template-columns: repeat(5, minmax(0, 1fr));
3701
4195
  }
3702
4196
  }
4197
+ .lg\:grid-cols-6 {
4198
+ @media (width >= 64rem) {
4199
+ grid-template-columns: repeat(6, minmax(0, 1fr));
4200
+ }
4201
+ }
3703
4202
  .lg\:justify-end {
3704
4203
  @media (width >= 64rem) {
3705
4204
  justify-content: flex-end;
@@ -3710,6 +4209,15 @@
3710
4209
  justify-content: flex-start;
3711
4210
  }
3712
4211
  }
4212
+ .lg\:space-x-6 {
4213
+ @media (width >= 64rem) {
4214
+ :where(& > :not(:last-child)) {
4215
+ --tw-space-x-reverse: 0;
4216
+ margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
4217
+ margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
4218
+ }
4219
+ }
4220
+ }
3713
4221
  .lg\:px-8 {
3714
4222
  @media (width >= 64rem) {
3715
4223
  padding-inline: calc(var(--spacing) * 8);
@@ -3855,6 +4363,11 @@
3855
4363
  background-color: var(--btn-bg);
3856
4364
  }
3857
4365
  }
4366
+ .dark\:bg-blue-950 {
4367
+ &:where(.dark, .dark *) {
4368
+ background-color: var(--color-blue-950);
4369
+ }
4370
+ }
3858
4371
  .dark\:bg-input\/30 {
3859
4372
  &:where(.dark, .dark *) {
3860
4373
  background-color: var(--input);
@@ -3863,6 +4376,14 @@
3863
4376
  }
3864
4377
  }
3865
4378
  }
4379
+ .dark\:bg-nsw-grey-100\/20 {
4380
+ &:where(.dark, .dark *) {
4381
+ background-color: color-mix(in srgb, oklch(0.9700500000000001 0 0) 20%, transparent);
4382
+ @supports (color: color-mix(in lab, red, red)) {
4383
+ background-color: color-mix(in oklab, var(--color-nsw-grey-100) 20%, transparent);
4384
+ }
4385
+ }
4386
+ }
3866
4387
  .dark\:bg-slate-900\/95 {
3867
4388
  &:where(.dark, .dark *) {
3868
4389
  background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
@@ -3894,6 +4415,11 @@
3894
4415
  fill: var(--color-white);
3895
4416
  }
3896
4417
  }
4418
+ .dark\:text-muted-foreground {
4419
+ &:where(.dark, .dark *) {
4420
+ color: var(--muted-foreground);
4421
+ }
4422
+ }
3897
4423
  .dark\:text-nsw-grey-200 {
3898
4424
  &:where(.dark, .dark *) {
3899
4425
  color: var(--color-nsw-grey-200);
@@ -3945,14 +4471,22 @@
3945
4471
  .dark\:shadow-none {
3946
4472
  &:where(.dark, .dark *) {
3947
4473
  --tw-shadow: 0 0 #0000;
3948
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4474
+ box-shadow:
4475
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
4476
+ var(--tw-ring-shadow), var(--tw-shadow);
3949
4477
  }
3950
4478
  }
3951
4479
  .dark\:backdrop-blur-sm {
3952
4480
  &:where(.dark, .dark *) {
3953
4481
  --tw-backdrop-blur: blur(var(--blur-sm));
3954
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
3955
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
4482
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
4483
+ var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
4484
+ var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
4485
+ var(--tw-backdrop-sepia,);
4486
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
4487
+ var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
4488
+ var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
4489
+ var(--tw-backdrop-sepia,);
3956
4490
  }
3957
4491
  }
3958
4492
  .dark\:\[--badge-bg\:var\(--color-accent\)\]\/50 {
@@ -4090,7 +4624,11 @@
4090
4624
  }
4091
4625
  .dark\:\[--focus-outline\:var\(--color-accent-dark\)\]\/80 {
4092
4626
  &:where(.dark, .dark *) {
4093
- --focus-outline: color-mix(in srgb, oklch(0.50075 0.19485 19.529999999999998) 80%, transparent);
4627
+ --focus-outline: color-mix(
4628
+ in srgb,
4629
+ oklch(0.50075 0.19485 19.529999999999998) 80%,
4630
+ transparent
4631
+ );
4094
4632
  @supports (color: color-mix(in lab, red, red)) {
4095
4633
  --focus-outline: color-mix(in oklab, var(--color-accent-dark) 80%, transparent);
4096
4634
  }
@@ -4098,7 +4636,11 @@
4098
4636
  }
4099
4637
  .dark\:\[--focus-outline\:var\(--color-error-dark\)\]\/80 {
4100
4638
  &:where(.dark, .dark *) {
4101
- --focus-outline: color-mix(in srgb, oklch(0.41415 0.16379500000000002 18.08) 80%, transparent);
4639
+ --focus-outline: color-mix(
4640
+ in srgb,
4641
+ oklch(0.41415 0.16379500000000002 18.08) 80%,
4642
+ transparent
4643
+ );
4102
4644
  @supports (color: color-mix(in lab, red, red)) {
4103
4645
  --focus-outline: color-mix(in oklab, var(--color-error-dark) 80%, transparent);
4104
4646
  }
@@ -4106,7 +4648,11 @@
4106
4648
  }
4107
4649
  .dark\:\[--focus-outline\:var\(--color-info-dark\)\]\/80 {
4108
4650
  &:where(.dark, .dark *) {
4109
- --focus-outline: color-mix(in srgb, oklch(0.371745 0.10480500000000001 262.35) 80%, transparent);
4651
+ --focus-outline: color-mix(
4652
+ in srgb,
4653
+ oklch(0.371745 0.10480500000000001 262.35) 80%,
4654
+ transparent
4655
+ );
4110
4656
  @supports (color: color-mix(in lab, red, red)) {
4111
4657
  --focus-outline: color-mix(in oklab, var(--color-info-dark) 80%, transparent);
4112
4658
  }
@@ -4172,6 +4718,11 @@
4172
4718
  --focus-outline: color-mix(in oklab, white 30%, transparent);
4173
4719
  }
4174
4720
  }
4721
+ .dark\:\[--toggle-border\:white\]\/40 {
4722
+ &:where(.dark, .dark *) {
4723
+ --toggle-border: color-mix(in oklab, white 40%, transparent);
4724
+ }
4725
+ }
4175
4726
  .dark\:group-hover\:fill-nsw-grey-500 {
4176
4727
  &:where(.dark, .dark *) {
4177
4728
  &:is(:where(.group):hover *) {
@@ -4319,6 +4870,13 @@
4319
4870
  }
4320
4871
  }
4321
4872
  }
4873
+ .dark\:group-data-\[state\=checked\]\:border-nsw-grey-400 {
4874
+ &:where(.dark, .dark *) {
4875
+ &:is(:where(.group)[data-state='checked'] *) {
4876
+ border-color: var(--color-nsw-grey-400);
4877
+ }
4878
+ }
4879
+ }
4322
4880
  .dark\:before\:hidden {
4323
4881
  &:where(.dark, .dark *) {
4324
4882
  &::before {
@@ -4406,6 +4964,15 @@
4406
4964
  }
4407
4965
  }
4408
4966
  }
4967
+ .dark\:hover\:\[--toggle-border\:white\]\/50 {
4968
+ &:where(.dark, .dark *) {
4969
+ &:hover {
4970
+ @media (hover: hover) {
4971
+ --toggle-border: color-mix(in oklab, white 50%, transparent);
4972
+ }
4973
+ }
4974
+ }
4975
+ }
4409
4976
  .dark\:focus\:outline-nsw-grey-300\/20 {
4410
4977
  &:where(.dark, .dark *) {
4411
4978
  &:focus {
@@ -4425,7 +4992,7 @@
4425
4992
  }
4426
4993
  .dark\:aria-invalid\:ring-error\/40 {
4427
4994
  &:where(.dark, .dark *) {
4428
- &[aria-invalid="true"] {
4995
+ &[aria-invalid='true'] {
4429
4996
  --tw-ring-color: color-mix(in oklab, oklch(0.502 0.1927 18.08) 40%, transparent);
4430
4997
  }
4431
4998
  }
@@ -4534,16 +5101,9 @@
4534
5101
  }
4535
5102
  }
4536
5103
  }
4537
- .dark\:data-\[state\=active\]\:border-nsw-grey-200 {
4538
- &:where(.dark, .dark *) {
4539
- &[data-state="active"] {
4540
- border-color: var(--color-nsw-grey-200);
4541
- }
4542
- }
4543
- }
4544
5104
  .dark\:data-\[state\=active\]\:bg-input\/30 {
4545
5105
  &:where(.dark, .dark *) {
4546
- &[data-state="active"] {
5106
+ &[data-state='active'] {
4547
5107
  background-color: var(--input);
4548
5108
  @supports (color: color-mix(in lab, red, red)) {
4549
5109
  background-color: color-mix(in oklab, var(--input) 30%, transparent);
@@ -4553,28 +5113,45 @@
4553
5113
  }
4554
5114
  .dark\:data-\[state\=active\]\:text-foreground {
4555
5115
  &:where(.dark, .dark *) {
4556
- &[data-state="active"] {
5116
+ &[data-state='active'] {
4557
5117
  color: var(--foreground);
4558
5118
  }
4559
5119
  }
4560
5120
  }
4561
5121
  .dark\:data-\[state\=checked\]\:bg-primary {
4562
5122
  &:where(.dark, .dark *) {
4563
- &[data-state="checked"] {
5123
+ &[data-state='checked'] {
4564
5124
  background-color: oklch(0.29 0.1173 259.84);
4565
5125
  }
4566
5126
  }
4567
5127
  }
5128
+ .dark\:data-\[state\=on\]\:bg-white\/10 {
5129
+ &:where(.dark, .dark *) {
5130
+ &[data-state='on'] {
5131
+ background-color: color-mix(in srgb, #fff 10%, transparent);
5132
+ @supports (color: color-mix(in lab, red, red)) {
5133
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
5134
+ }
5135
+ }
5136
+ }
5137
+ }
5138
+ .dark\:data-\[state\=on\]\:text-white {
5139
+ &:where(.dark, .dark *) {
5140
+ &[data-state='on'] {
5141
+ color: var(--color-white);
5142
+ }
5143
+ }
5144
+ }
4568
5145
  .dark\:data-\[state\=unchecked\]\:bg-foreground {
4569
5146
  &:where(.dark, .dark *) {
4570
- &[data-state="unchecked"] {
5147
+ &[data-state='unchecked'] {
4571
5148
  background-color: var(--foreground);
4572
5149
  }
4573
5150
  }
4574
5151
  }
4575
5152
  .dark\:data-\[state\=unchecked\]\:bg-input\/80 {
4576
5153
  &:where(.dark, .dark *) {
4577
- &[data-state="unchecked"] {
5154
+ &[data-state='unchecked'] {
4578
5155
  background-color: var(--input);
4579
5156
  @supports (color: color-mix(in lab, red, red)) {
4580
5157
  background-color: color-mix(in oklab, var(--input) 80%, transparent);
@@ -4622,13 +5199,18 @@
4622
5199
  font-weight: var(--font-weight-medium);
4623
5200
  }
4624
5201
  }
5202
+ .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
5203
+ & [cmdk-group-heading] {
5204
+ color: var(--muted-foreground);
5205
+ }
5206
+ }
4625
5207
  .\[\&_\[cmdk-group\]\]\:px-2 {
4626
5208
  & [cmdk-group] {
4627
5209
  padding-inline: calc(var(--spacing) * 2);
4628
5210
  }
4629
5211
  }
4630
5212
  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
4631
- & [cmdk-group]:not([hidden]) ~[cmdk-group] {
5213
+ & [cmdk-group]:not([hidden]) ~ [cmdk-group] {
4632
5214
  padding-top: calc(var(--spacing) * 0);
4633
5215
  }
4634
5216
  }
@@ -4683,12 +5265,29 @@
4683
5265
  flex-shrink: 0;
4684
5266
  }
4685
5267
  }
5268
+ .\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\]\:size-4 {
5269
+ & svg:not([class*='size-']) {
5270
+ width: calc(var(--spacing) * 4);
5271
+ height: calc(var(--spacing) * 4);
5272
+ }
5273
+ }
4686
5274
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
4687
5275
  & svg:not([class*='size-']) {
4688
5276
  width: calc(var(--spacing) * 4);
4689
5277
  height: calc(var(--spacing) * 4);
4690
5278
  }
4691
5279
  }
5280
+ .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
5281
+ & svg:not([class*='text-']) {
5282
+ color: var(--muted-foreground);
5283
+ }
5284
+ }
5285
+ .\[\&_svg\:not\(\[class\*\=\\\"size-\\\"\]\)\]\:size-4 {
5286
+ & svg:not([class*=\"size-\"]) {
5287
+ width: calc(var(--spacing) * 4);
5288
+ height: calc(var(--spacing) * 4);
5289
+ }
5290
+ }
4692
5291
  .\[\&_tr\]\:border-b {
4693
5292
  & tr {
4694
5293
  border-bottom-style: var(--tw-border-style);
@@ -4701,13 +5300,13 @@
4701
5300
  border-width: 0px;
4702
5301
  }
4703
5302
  }
4704
- .\[\&\:has\(\[data-state\=checked\]\)\]\:border-nsw-grey-400 {
4705
- &:has([data-state=checked]) {
4706
- border-color: var(--color-nsw-grey-400);
5303
+ .\[\&\:has\(\[data-state\=checked\]\)\]\:border-nsw-grey-800 {
5304
+ &:has([data-state='checked']) {
5305
+ border-color: var(--color-nsw-grey-800);
4707
5306
  }
4708
5307
  }
4709
5308
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
4710
- &:has([role=checkbox]) {
5309
+ &:has([role='checkbox']) {
4711
5310
  padding-right: calc(var(--spacing) * 0);
4712
5311
  }
4713
5312
  }
@@ -4749,36 +5348,36 @@
4749
5348
  }
4750
5349
  }
4751
5350
  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] {
4752
- &>[role=checkbox] {
5351
+ & > [role='checkbox'] {
4753
5352
  --tw-translate-y: 2px;
4754
5353
  translate: var(--tw-translate-x) var(--tw-translate-y);
4755
5354
  }
4756
5355
  }
4757
5356
  .\[\&\>svg\]\:size-3\.5 {
4758
- &>svg {
5357
+ & > svg {
4759
5358
  width: calc(var(--spacing) * 3.5);
4760
5359
  height: calc(var(--spacing) * 3.5);
4761
5360
  }
4762
5361
  }
4763
5362
  .\[\&\>svg\]\:size-4 {
4764
- &>svg {
5363
+ & > svg {
4765
5364
  width: calc(var(--spacing) * 4);
4766
5365
  height: calc(var(--spacing) * 4);
4767
5366
  }
4768
5367
  }
4769
5368
  .\[\&\>svg\]\:translate-y-0\.5 {
4770
- &>svg {
5369
+ & > svg {
4771
5370
  --tw-translate-y: calc(var(--spacing) * 0.5);
4772
5371
  translate: var(--tw-translate-x) var(--tw-translate-y);
4773
5372
  }
4774
5373
  }
4775
5374
  .\[\&\>svg\]\:text-current {
4776
- &>svg {
5375
+ & > svg {
4777
5376
  color: currentcolor;
4778
5377
  }
4779
5378
  }
4780
5379
  .\[\&\>tr\]\:last\:border-b-0 {
4781
- &>tr {
5380
+ & > tr {
4782
5381
  &:last-child {
4783
5382
  border-bottom-style: var(--tw-border-style);
4784
5383
  border-bottom-width: 0px;
@@ -4786,23 +5385,23 @@
4786
5385
  }
4787
5386
  }
4788
5387
  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90 {
4789
- &[data-panel-group-direction=vertical]>div {
5388
+ &[data-panel-group-direction='vertical'] > div {
4790
5389
  rotate: 90deg;
4791
5390
  }
4792
5391
  }
4793
5392
  .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
4794
- &[data-state=open]>svg {
5393
+ &[data-state='open'] > svg {
4795
5394
  rotate: 180deg;
4796
5395
  }
4797
5396
  }
4798
5397
  .\[\@media\(pointer\:fine\)\]\:hidden {
4799
- @media (pointer:fine) {
5398
+ @media (pointer: fine) {
4800
5399
  display: none;
4801
5400
  }
4802
5401
  }
4803
5402
  .dark\:\[\@supports\(backdrop-filter\:blur\(0\)\)\]\:bg-slate-900\/75 {
4804
5403
  &:where(.dark, .dark *) {
4805
- @supports (backdrop-filter:blur(0)) {
5404
+ @supports (backdrop-filter: blur(0)) {
4806
5405
  background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 75%, transparent);
4807
5406
  @supports (color: color-mix(in lab, red, red)) {
4808
5407
  background-color: color-mix(in oklab, var(--color-slate-900) 75%, transparent);
@@ -4814,18 +5413,28 @@
4814
5413
  :root {
4815
5414
  --background: var(--color-white);
4816
5415
  --foreground: var(--color-nsw-grey-800);
4817
- --border: transparent;
5416
+ --muted: var(--color-nsw-grey-100);
5417
+ --muted-foreground: var(--color-nsw-grey-600);
5418
+ --border: var(--color-nsw-grey-100);
4818
5419
  --input: var(--color-nsw-grey-200);
5420
+ --ring: var(--color-nsw-grey-600);
4819
5421
  }
4820
5422
  .dark {
4821
5423
  --background: var(--color-nsw-grey-900);
4822
5424
  --foreground: var(--color-nsw-grey-50);
4823
- --border: transparent;
5425
+ --muted: var(--color-nsw-grey-600);
5426
+ --muted-foreground: var(--color-nsw-grey-200);
5427
+ --border: var(--color-nsw-grey-100) / 10;
4824
5428
  --input: var(--color-nsw-grey-50);
5429
+ --ring: var(--color-nsw-grey-200);
4825
5430
  }
4826
5431
  @layer base {
4827
5432
  * {
4828
5433
  border-color: var(--border);
5434
+ outline-color: var(--ring);
5435
+ @supports (color: color-mix(in lab, red, red)) {
5436
+ outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
5437
+ }
4829
5438
  }
4830
5439
  body {
4831
5440
  background-color: var(--background);
@@ -4838,256 +5447,260 @@
4838
5447
  @keyframes enter {
4839
5448
  from {
4840
5449
  opacity: var(--tw-enter-opacity, 1);
4841
- transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
5450
+ transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
5451
+ scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))
5452
+ rotate(var(--tw-enter-rotate, 0));
4842
5453
  }
4843
5454
  }
4844
5455
  @keyframes exit {
4845
5456
  to {
4846
5457
  opacity: var(--tw-exit-opacity, 1);
4847
- transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
5458
+ transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
5459
+ scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))
5460
+ rotate(var(--tw-exit-rotate, 0));
4848
5461
  }
4849
5462
  }
4850
5463
  @property --tw-translate-x {
4851
- syntax: "*";
5464
+ syntax: '*';
4852
5465
  inherits: false;
4853
5466
  initial-value: 0;
4854
5467
  }
4855
5468
  @property --tw-translate-y {
4856
- syntax: "*";
5469
+ syntax: '*';
4857
5470
  inherits: false;
4858
5471
  initial-value: 0;
4859
5472
  }
4860
5473
  @property --tw-translate-z {
4861
- syntax: "*";
5474
+ syntax: '*';
4862
5475
  inherits: false;
4863
5476
  initial-value: 0;
4864
5477
  }
4865
5478
  @property --tw-scale-x {
4866
- syntax: "*";
5479
+ syntax: '*';
4867
5480
  inherits: false;
4868
5481
  initial-value: 1;
4869
5482
  }
4870
5483
  @property --tw-scale-y {
4871
- syntax: "*";
5484
+ syntax: '*';
4872
5485
  inherits: false;
4873
5486
  initial-value: 1;
4874
5487
  }
4875
5488
  @property --tw-scale-z {
4876
- syntax: "*";
5489
+ syntax: '*';
4877
5490
  inherits: false;
4878
5491
  initial-value: 1;
4879
5492
  }
4880
5493
  @property --tw-rotate-x {
4881
- syntax: "*";
5494
+ syntax: '*';
4882
5495
  inherits: false;
4883
5496
  initial-value: rotateX(0);
4884
5497
  }
4885
5498
  @property --tw-rotate-y {
4886
- syntax: "*";
5499
+ syntax: '*';
4887
5500
  inherits: false;
4888
5501
  initial-value: rotateY(0);
4889
5502
  }
4890
5503
  @property --tw-rotate-z {
4891
- syntax: "*";
5504
+ syntax: '*';
4892
5505
  inherits: false;
4893
5506
  initial-value: rotateZ(0);
4894
5507
  }
4895
5508
  @property --tw-skew-x {
4896
- syntax: "*";
5509
+ syntax: '*';
4897
5510
  inherits: false;
4898
5511
  initial-value: skewX(0);
4899
5512
  }
4900
5513
  @property --tw-skew-y {
4901
- syntax: "*";
5514
+ syntax: '*';
4902
5515
  inherits: false;
4903
5516
  initial-value: skewY(0);
4904
5517
  }
4905
5518
  @property --tw-space-y-reverse {
4906
- syntax: "*";
5519
+ syntax: '*';
4907
5520
  inherits: false;
4908
5521
  initial-value: 0;
4909
5522
  }
4910
5523
  @property --tw-space-x-reverse {
4911
- syntax: "*";
5524
+ syntax: '*';
4912
5525
  inherits: false;
4913
5526
  initial-value: 0;
4914
5527
  }
4915
5528
  @property --tw-border-style {
4916
- syntax: "*";
5529
+ syntax: '*';
4917
5530
  inherits: false;
4918
5531
  initial-value: solid;
4919
5532
  }
4920
5533
  @property --tw-gradient-position {
4921
- syntax: "*";
5534
+ syntax: '*';
4922
5535
  inherits: false;
4923
5536
  }
4924
5537
  @property --tw-gradient-from {
4925
- syntax: "<color>";
5538
+ syntax: '<color>';
4926
5539
  inherits: false;
4927
5540
  initial-value: #0000;
4928
5541
  }
4929
5542
  @property --tw-gradient-via {
4930
- syntax: "<color>";
5543
+ syntax: '<color>';
4931
5544
  inherits: false;
4932
5545
  initial-value: #0000;
4933
5546
  }
4934
5547
  @property --tw-gradient-to {
4935
- syntax: "<color>";
5548
+ syntax: '<color>';
4936
5549
  inherits: false;
4937
5550
  initial-value: #0000;
4938
5551
  }
4939
5552
  @property --tw-gradient-stops {
4940
- syntax: "*";
5553
+ syntax: '*';
4941
5554
  inherits: false;
4942
5555
  }
4943
5556
  @property --tw-gradient-via-stops {
4944
- syntax: "*";
5557
+ syntax: '*';
4945
5558
  inherits: false;
4946
5559
  }
4947
5560
  @property --tw-gradient-from-position {
4948
- syntax: "<length-percentage>";
5561
+ syntax: '<length-percentage>';
4949
5562
  inherits: false;
4950
5563
  initial-value: 0%;
4951
5564
  }
4952
5565
  @property --tw-gradient-via-position {
4953
- syntax: "<length-percentage>";
5566
+ syntax: '<length-percentage>';
4954
5567
  inherits: false;
4955
5568
  initial-value: 50%;
4956
5569
  }
4957
5570
  @property --tw-gradient-to-position {
4958
- syntax: "<length-percentage>";
5571
+ syntax: '<length-percentage>';
4959
5572
  inherits: false;
4960
5573
  initial-value: 100%;
4961
5574
  }
4962
5575
  @property --tw-leading {
4963
- syntax: "*";
5576
+ syntax: '*';
4964
5577
  inherits: false;
4965
5578
  }
4966
5579
  @property --tw-font-weight {
4967
- syntax: "*";
5580
+ syntax: '*';
4968
5581
  inherits: false;
4969
5582
  }
4970
5583
  @property --tw-tracking {
4971
- syntax: "*";
5584
+ syntax: '*';
4972
5585
  inherits: false;
4973
5586
  }
4974
5587
  @property --tw-shadow {
4975
- syntax: "*";
5588
+ syntax: '*';
4976
5589
  inherits: false;
4977
5590
  initial-value: 0 0 #0000;
4978
5591
  }
4979
5592
  @property --tw-shadow-color {
4980
- syntax: "*";
5593
+ syntax: '*';
4981
5594
  inherits: false;
4982
5595
  }
4983
5596
  @property --tw-shadow-alpha {
4984
- syntax: "<percentage>";
5597
+ syntax: '<percentage>';
4985
5598
  inherits: false;
4986
5599
  initial-value: 100%;
4987
5600
  }
4988
5601
  @property --tw-inset-shadow {
4989
- syntax: "*";
5602
+ syntax: '*';
4990
5603
  inherits: false;
4991
5604
  initial-value: 0 0 #0000;
4992
5605
  }
4993
5606
  @property --tw-inset-shadow-color {
4994
- syntax: "*";
5607
+ syntax: '*';
4995
5608
  inherits: false;
4996
5609
  }
4997
5610
  @property --tw-inset-shadow-alpha {
4998
- syntax: "<percentage>";
5611
+ syntax: '<percentage>';
4999
5612
  inherits: false;
5000
5613
  initial-value: 100%;
5001
5614
  }
5002
5615
  @property --tw-ring-color {
5003
- syntax: "*";
5616
+ syntax: '*';
5004
5617
  inherits: false;
5005
5618
  }
5006
5619
  @property --tw-ring-shadow {
5007
- syntax: "*";
5620
+ syntax: '*';
5008
5621
  inherits: false;
5009
5622
  initial-value: 0 0 #0000;
5010
5623
  }
5011
5624
  @property --tw-inset-ring-color {
5012
- syntax: "*";
5625
+ syntax: '*';
5013
5626
  inherits: false;
5014
5627
  }
5015
5628
  @property --tw-inset-ring-shadow {
5016
- syntax: "*";
5629
+ syntax: '*';
5017
5630
  inherits: false;
5018
5631
  initial-value: 0 0 #0000;
5019
5632
  }
5020
5633
  @property --tw-ring-inset {
5021
- syntax: "*";
5634
+ syntax: '*';
5022
5635
  inherits: false;
5023
5636
  }
5024
5637
  @property --tw-ring-offset-width {
5025
- syntax: "<length>";
5638
+ syntax: '<length>';
5026
5639
  inherits: false;
5027
5640
  initial-value: 0px;
5028
5641
  }
5029
5642
  @property --tw-ring-offset-color {
5030
- syntax: "*";
5643
+ syntax: '*';
5031
5644
  inherits: false;
5032
5645
  initial-value: #fff;
5033
5646
  }
5034
5647
  @property --tw-ring-offset-shadow {
5035
- syntax: "*";
5648
+ syntax: '*';
5036
5649
  inherits: false;
5037
5650
  initial-value: 0 0 #0000;
5038
5651
  }
5039
5652
  @property --tw-outline-style {
5040
- syntax: "*";
5653
+ syntax: '*';
5041
5654
  inherits: false;
5042
5655
  initial-value: solid;
5043
5656
  }
5044
5657
  @property --tw-backdrop-blur {
5045
- syntax: "*";
5658
+ syntax: '*';
5046
5659
  inherits: false;
5047
5660
  }
5048
5661
  @property --tw-backdrop-brightness {
5049
- syntax: "*";
5662
+ syntax: '*';
5050
5663
  inherits: false;
5051
5664
  }
5052
5665
  @property --tw-backdrop-contrast {
5053
- syntax: "*";
5666
+ syntax: '*';
5054
5667
  inherits: false;
5055
5668
  }
5056
5669
  @property --tw-backdrop-grayscale {
5057
- syntax: "*";
5670
+ syntax: '*';
5058
5671
  inherits: false;
5059
5672
  }
5060
5673
  @property --tw-backdrop-hue-rotate {
5061
- syntax: "*";
5674
+ syntax: '*';
5062
5675
  inherits: false;
5063
5676
  }
5064
5677
  @property --tw-backdrop-invert {
5065
- syntax: "*";
5678
+ syntax: '*';
5066
5679
  inherits: false;
5067
5680
  }
5068
5681
  @property --tw-backdrop-opacity {
5069
- syntax: "*";
5682
+ syntax: '*';
5070
5683
  inherits: false;
5071
5684
  }
5072
5685
  @property --tw-backdrop-saturate {
5073
- syntax: "*";
5686
+ syntax: '*';
5074
5687
  inherits: false;
5075
5688
  }
5076
5689
  @property --tw-backdrop-sepia {
5077
- syntax: "*";
5690
+ syntax: '*';
5078
5691
  inherits: false;
5079
5692
  }
5080
5693
  @property --tw-duration {
5081
- syntax: "*";
5694
+ syntax: '*';
5082
5695
  inherits: false;
5083
5696
  }
5084
5697
  @property --tw-ease {
5085
- syntax: "*";
5698
+ syntax: '*';
5086
5699
  inherits: false;
5087
5700
  }
5088
5701
  @property --tw-content {
5089
- syntax: "*";
5090
- initial-value: "";
5702
+ syntax: '*';
5703
+ initial-value: '';
5091
5704
  inherits: false;
5092
5705
  }
5093
5706
  @keyframes pulse {
@@ -5096,8 +5709,12 @@
5096
5709
  }
5097
5710
  }
5098
5711
  @layer properties {
5099
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
5100
- *, ::before, ::after, ::backdrop {
5712
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
5713
+ ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
5714
+ *,
5715
+ ::before,
5716
+ ::after,
5717
+ ::backdrop {
5101
5718
  --tw-translate-x: 0;
5102
5719
  --tw-translate-y: 0;
5103
5720
  --tw-translate-z: 0;
@@ -5150,7 +5767,7 @@
5150
5767
  --tw-backdrop-sepia: initial;
5151
5768
  --tw-duration: initial;
5152
5769
  --tw-ease: initial;
5153
- --tw-content: "";
5770
+ --tw-content: '';
5154
5771
  }
5155
5772
  }
5156
5773
  }