@nswds/app 1.13.0 → 1.14.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 (14) hide show
  1. package/dist/globals.css +742 -341
  2. package/dist/index.cjs +7045 -5489
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.css +552 -0
  5. package/dist/index.css.map +1 -0
  6. package/dist/index.d.cts +1910 -747
  7. package/dist/index.d.ts +1910 -747
  8. package/dist/index.js +6821 -5208
  9. package/dist/index.js.map +1 -1
  10. package/dist/styles.css +802 -423
  11. package/dist/styles.css.map +1 -1
  12. package/dist/styles.d.cts +1 -2
  13. package/dist/styles.d.ts +1 -2
  14. package/package.json +15 -11
package/dist/globals.css CHANGED
@@ -2,11 +2,14 @@
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);
11
14
  --color-red-500: oklch(63.7% 0.237 25.331);
12
15
  --color-green-50: oklch(98.2% 0.018 155.826);
@@ -32,10 +35,16 @@
32
35
  --color-slate-700: oklch(37.2% 0.044 257.287);
33
36
  --color-slate-800: oklch(27.9% 0.041 260.031);
34
37
  --color-slate-900: oklch(20.8% 0.042 265.755);
38
+ --color-gray-50: oklch(98.5% 0.002 247.839);
39
+ --color-gray-100: oklch(96.7% 0.003 264.542);
35
40
  --color-gray-200: oklch(92.8% 0.006 264.531);
36
41
  --color-gray-300: oklch(87.2% 0.01 258.338);
42
+ --color-gray-400: oklch(70.7% 0.022 261.325);
37
43
  --color-gray-500: oklch(55.1% 0.027 264.364);
44
+ --color-gray-600: oklch(44.6% 0.03 256.802);
45
+ --color-gray-700: oklch(37.3% 0.034 259.733);
38
46
  --color-gray-800: oklch(27.8% 0.033 256.848);
47
+ --color-gray-900: oklch(21% 0.034 264.665);
39
48
  --color-black: #000;
40
49
  --color-white: #fff;
41
50
  --spacing: 0.25rem;
@@ -59,6 +68,10 @@
59
68
  --text-2xl--line-height: calc(2 / 1.5);
60
69
  --text-3xl: 1.875rem;
61
70
  --text-3xl--line-height: calc(2.25 / 1.875);
71
+ --text-4xl: 2.25rem;
72
+ --text-4xl--line-height: calc(2.5 / 2.25);
73
+ --text-5xl: 3rem;
74
+ --text-5xl--line-height: 1;
62
75
  --font-weight-normal: 400;
63
76
  --font-weight-medium: 500;
64
77
  --font-weight-semibold: 600;
@@ -114,17 +127,31 @@
114
127
  }
115
128
  }
116
129
  @layer base {
117
- *, ::after, ::before, ::backdrop, ::file-selector-button {
130
+ *,
131
+ ::after,
132
+ ::before,
133
+ ::backdrop,
134
+ ::file-selector-button {
118
135
  box-sizing: border-box;
119
136
  margin: 0;
120
137
  padding: 0;
121
138
  border: 0 solid;
122
139
  }
123
- html, :host {
140
+ html,
141
+ :host {
124
142
  line-height: 1.5;
125
143
  -webkit-text-size-adjust: 100%;
126
144
  tab-size: 4;
127
- 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");
145
+ font-family: var(
146
+ --default-font-family,
147
+ ui-sans-serif,
148
+ system-ui,
149
+ sans-serif,
150
+ 'Apple Color Emoji',
151
+ 'Segoe UI Emoji',
152
+ 'Segoe UI Symbol',
153
+ 'Noto Color Emoji'
154
+ );
128
155
  font-feature-settings: var(--default-font-feature-settings, normal);
129
156
  font-variation-settings: var(--default-font-variation-settings, normal);
130
157
  -webkit-tap-highlight-color: transparent;
@@ -138,7 +165,12 @@
138
165
  -webkit-text-decoration: underline dotted;
139
166
  text-decoration: underline dotted;
140
167
  }
141
- h1, h2, h3, h4, h5, h6 {
168
+ h1,
169
+ h2,
170
+ h3,
171
+ h4,
172
+ h5,
173
+ h6 {
142
174
  font-size: inherit;
143
175
  font-weight: inherit;
144
176
  }
@@ -147,11 +179,25 @@
147
179
  -webkit-text-decoration: inherit;
148
180
  text-decoration: inherit;
149
181
  }
150
- b, strong {
182
+ b,
183
+ strong {
151
184
  font-weight: bolder;
152
185
  }
153
- code, kbd, samp, pre {
154
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
186
+ code,
187
+ kbd,
188
+ samp,
189
+ pre {
190
+ font-family: var(
191
+ --default-mono-font-family,
192
+ ui-monospace,
193
+ SFMono-Regular,
194
+ Menlo,
195
+ Monaco,
196
+ Consolas,
197
+ 'Liberation Mono',
198
+ 'Courier New',
199
+ monospace
200
+ );
155
201
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
156
202
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
157
203
  font-size: 1em;
@@ -159,7 +205,8 @@
159
205
  small {
160
206
  font-size: 80%;
161
207
  }
162
- sub, sup {
208
+ sub,
209
+ sup {
163
210
  font-size: 75%;
164
211
  line-height: 0;
165
212
  position: relative;
@@ -185,18 +232,33 @@
185
232
  summary {
186
233
  display: list-item;
187
234
  }
188
- ol, ul, menu {
235
+ ol,
236
+ ul,
237
+ menu {
189
238
  list-style: none;
190
239
  }
191
- img, svg, video, canvas, audio, iframe, embed, object {
240
+ img,
241
+ svg,
242
+ video,
243
+ canvas,
244
+ audio,
245
+ iframe,
246
+ embed,
247
+ object {
192
248
  display: block;
193
249
  vertical-align: middle;
194
250
  }
195
- img, video {
251
+ img,
252
+ video {
196
253
  max-width: 100%;
197
254
  height: auto;
198
255
  }
199
- button, input, select, optgroup, textarea, ::file-selector-button {
256
+ button,
257
+ input,
258
+ select,
259
+ optgroup,
260
+ textarea,
261
+ ::file-selector-button {
200
262
  font: inherit;
201
263
  font-feature-settings: inherit;
202
264
  font-variation-settings: inherit;
@@ -218,7 +280,7 @@
218
280
  ::placeholder {
219
281
  opacity: 1;
220
282
  }
221
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
283
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
222
284
  ::placeholder {
223
285
  color: currentcolor;
224
286
  @supports (color: color-mix(in lab, red, red)) {
@@ -242,19 +304,30 @@
242
304
  ::-webkit-datetime-edit-fields-wrapper {
243
305
  padding: 0;
244
306
  }
245
- ::-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 {
307
+ ::-webkit-datetime-edit,
308
+ ::-webkit-datetime-edit-year-field,
309
+ ::-webkit-datetime-edit-month-field,
310
+ ::-webkit-datetime-edit-day-field,
311
+ ::-webkit-datetime-edit-hour-field,
312
+ ::-webkit-datetime-edit-minute-field,
313
+ ::-webkit-datetime-edit-second-field,
314
+ ::-webkit-datetime-edit-millisecond-field,
315
+ ::-webkit-datetime-edit-meridiem-field {
246
316
  padding-block: 0;
247
317
  }
248
318
  :-moz-ui-invalid {
249
319
  box-shadow: none;
250
320
  }
251
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
321
+ button,
322
+ input:where([type='button'], [type='reset'], [type='submit']),
323
+ ::file-selector-button {
252
324
  appearance: button;
253
325
  }
254
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
326
+ ::-webkit-inner-spin-button,
327
+ ::-webkit-outer-spin-button {
255
328
  height: auto;
256
329
  }
257
- [hidden]:where(:not([hidden="until-found"])) {
330
+ [hidden]:where(:not([hidden='until-found'])) {
258
331
  display: none !important;
259
332
  }
260
333
  }
@@ -311,7 +384,10 @@
311
384
  top: calc(var(--spacing) * 1);
312
385
  }
313
386
  .top-1\/2 {
314
- top: calc(1/2 * 100%);
387
+ top: calc(1 / 2 * 100%);
388
+ }
389
+ .top-2 {
390
+ top: calc(var(--spacing) * 2);
315
391
  }
316
392
  .top-4 {
317
393
  top: calc(var(--spacing) * 4);
@@ -356,7 +432,7 @@
356
432
  left: calc(var(--spacing) * 1);
357
433
  }
358
434
  .left-1\/2 {
359
- left: calc(1/2 * 100%);
435
+ left: calc(1 / 2 * 100%);
360
436
  }
361
437
  .left-2 {
362
438
  left: calc(var(--spacing) * 2);
@@ -373,12 +449,18 @@
373
449
  .z-10 {
374
450
  z-index: 10;
375
451
  }
452
+ .z-30 {
453
+ z-index: 30;
454
+ }
376
455
  .z-50 {
377
456
  z-index: 50;
378
457
  }
379
458
  .z-\[1\] {
380
459
  z-index: 1;
381
460
  }
461
+ .col-span-1 {
462
+ grid-column: span 1 / span 1;
463
+ }
382
464
  .col-start-2 {
383
465
  grid-column-start: 2;
384
466
  }
@@ -391,6 +473,12 @@
391
473
  .-m-1 {
392
474
  margin: calc(var(--spacing) * -1);
393
475
  }
476
+ .m-0 {
477
+ margin: calc(var(--spacing) * 0);
478
+ }
479
+ .m-0\.5 {
480
+ margin: calc(var(--spacing) * 0.5);
481
+ }
394
482
  .-mx-1 {
395
483
  margin-inline: calc(var(--spacing) * -1);
396
484
  }
@@ -403,15 +491,21 @@
403
491
  .mx-auto {
404
492
  margin-inline: auto;
405
493
  }
406
- .-my-5 {
407
- margin-block: calc(var(--spacing) * -5);
408
- }
409
494
  .my-1 {
410
495
  margin-block: calc(var(--spacing) * 1);
411
496
  }
412
497
  .my-4 {
413
498
  margin-block: calc(var(--spacing) * 4);
414
499
  }
500
+ .my-6 {
501
+ margin-block: calc(var(--spacing) * 6);
502
+ }
503
+ .me-1 {
504
+ margin-inline-end: calc(var(--spacing) * 1);
505
+ }
506
+ .me-1\.5 {
507
+ margin-inline-end: calc(var(--spacing) * 1.5);
508
+ }
415
509
  .mt-0 {
416
510
  margin-top: calc(var(--spacing) * 0);
417
511
  }
@@ -451,6 +545,9 @@
451
545
  .mr-6 {
452
546
  margin-right: calc(var(--spacing) * 6);
453
547
  }
548
+ .\!mb-0 {
549
+ margin-bottom: calc(var(--spacing) * 0) !important;
550
+ }
454
551
  .-mb-px {
455
552
  margin-bottom: -1px;
456
553
  }
@@ -475,6 +572,9 @@
475
572
  .-ml-0\.5 {
476
573
  margin-left: calc(var(--spacing) * -0.5);
477
574
  }
575
+ .-ml-1 {
576
+ margin-left: calc(var(--spacing) * -1);
577
+ }
478
578
  .-ml-px {
479
579
  margin-left: -1px;
480
580
  }
@@ -574,6 +674,10 @@
574
674
  width: calc(var(--spacing) * 9);
575
675
  height: calc(var(--spacing) * 9);
576
676
  }
677
+ .size-10 {
678
+ width: calc(var(--spacing) * 10);
679
+ height: calc(var(--spacing) * 10);
680
+ }
577
681
  .size-\[2\.75rem\] {
578
682
  width: 2.75rem;
579
683
  height: 2.75rem;
@@ -664,6 +768,12 @@
664
768
  .max-h-\(--radix-select-content-available-height\) {
665
769
  max-height: var(--radix-select-content-available-height);
666
770
  }
771
+ .max-h-72 {
772
+ max-height: calc(var(--spacing) * 72);
773
+ }
774
+ .max-h-\[40rem\] {
775
+ max-height: 40rem;
776
+ }
667
777
  .max-h-\[300px\] {
668
778
  max-height: 300px;
669
779
  }
@@ -686,7 +796,7 @@
686
796
  width: calc(var(--spacing) * 3);
687
797
  }
688
798
  .w-3\/4 {
689
- width: calc(3/4 * 100%);
799
+ width: calc(3 / 4 * 100%);
690
800
  }
691
801
  .w-4 {
692
802
  width: calc(var(--spacing) * 4);
@@ -757,9 +867,15 @@
757
867
  .max-w-\[calc\(100\%-2rem\)\] {
758
868
  max-width: calc(100% - 2rem);
759
869
  }
870
+ .max-w-lg {
871
+ max-width: var(--container-lg);
872
+ }
760
873
  .max-w-max {
761
874
  max-width: max-content;
762
875
  }
876
+ .max-w-sm {
877
+ max-width: var(--container-sm);
878
+ }
763
879
  .min-w-0 {
764
880
  min-width: calc(var(--spacing) * 0);
765
881
  }
@@ -837,7 +953,7 @@
837
953
  translate: var(--tw-translate-x) var(--tw-translate-y);
838
954
  }
839
955
  .-translate-x-1\/2 {
840
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
956
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
841
957
  translate: var(--tw-translate-x) var(--tw-translate-y);
842
958
  }
843
959
  .translate-x-\[-50\%\] {
@@ -849,7 +965,7 @@
849
965
  translate: var(--tw-translate-x) var(--tw-translate-y);
850
966
  }
851
967
  .-translate-y-1\/2 {
852
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
968
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
853
969
  translate: var(--tw-translate-x) var(--tw-translate-y);
854
970
  }
855
971
  .translate-y-0 {
@@ -876,7 +992,8 @@
876
992
  rotate: 45deg;
877
993
  }
878
994
  .transform {
879
- transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
995
+ transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x)
996
+ var(--tw-skew-y);
880
997
  }
881
998
  .animate-pulse {
882
999
  animation: var(--animate-pulse);
@@ -1090,6 +1207,9 @@
1090
1207
  text-overflow: ellipsis;
1091
1208
  white-space: nowrap;
1092
1209
  }
1210
+ .overflow-auto {
1211
+ overflow: auto;
1212
+ }
1093
1213
  .overflow-hidden {
1094
1214
  overflow: hidden;
1095
1215
  }
@@ -1099,9 +1219,15 @@
1099
1219
  .overflow-x-hidden {
1100
1220
  overflow-x: hidden;
1101
1221
  }
1222
+ .\!overflow-y-hidden {
1223
+ overflow-y: hidden !important;
1224
+ }
1102
1225
  .overflow-y-auto {
1103
1226
  overflow-y: auto;
1104
1227
  }
1228
+ .\!rounded-none {
1229
+ border-radius: 0 !important;
1230
+ }
1105
1231
  .rounded {
1106
1232
  border-radius: 0.25rem;
1107
1233
  }
@@ -1135,6 +1261,14 @@
1135
1261
  .rounded-xs {
1136
1262
  border-radius: var(--radius-xs);
1137
1263
  }
1264
+ .rounded-t-md {
1265
+ border-top-left-radius: var(--radius-md);
1266
+ border-top-right-radius: var(--radius-md);
1267
+ }
1268
+ .rounded-t-xl {
1269
+ border-top-left-radius: var(--radius-xl);
1270
+ border-top-right-radius: var(--radius-xl);
1271
+ }
1138
1272
  .rounded-tl-sm {
1139
1273
  border-top-left-radius: var(--radius-sm);
1140
1274
  }
@@ -1154,6 +1288,10 @@
1154
1288
  border-style: var(--tw-border-style);
1155
1289
  border-width: 2px;
1156
1290
  }
1291
+ .border-x {
1292
+ border-inline-style: var(--tw-border-style);
1293
+ border-inline-width: 1px;
1294
+ }
1157
1295
  .border-t {
1158
1296
  border-top-style: var(--tw-border-style);
1159
1297
  border-top-width: 1px;
@@ -1247,6 +1385,12 @@
1247
1385
  .bg-border {
1248
1386
  background-color: var(--border);
1249
1387
  }
1388
+ .bg-gray-50 {
1389
+ background-color: var(--color-gray-50);
1390
+ }
1391
+ .bg-gray-100 {
1392
+ background-color: var(--color-gray-100);
1393
+ }
1250
1394
  .bg-green-50 {
1251
1395
  background-color: var(--color-green-50);
1252
1396
  }
@@ -1302,9 +1446,18 @@
1302
1446
  }
1303
1447
  background-image: linear-gradient(var(--tw-gradient-stops));
1304
1448
  }
1449
+ .bg-gradient-to-r {
1450
+ --tw-gradient-position: to right in oklab;
1451
+ background-image: linear-gradient(var(--tw-gradient-stops));
1452
+ }
1305
1453
  .from-nsw-grey-600 {
1306
1454
  --tw-gradient-from: var(--color-nsw-grey-600);
1307
- --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));
1455
+ --tw-gradient-stops: var(
1456
+ --tw-gradient-via-stops,
1457
+ var(--tw-gradient-position),
1458
+ var(--tw-gradient-from) var(--tw-gradient-from-position),
1459
+ var(--tw-gradient-to) var(--tw-gradient-to-position)
1460
+ );
1308
1461
  }
1309
1462
  .fill-current {
1310
1463
  fill: currentcolor;
@@ -1342,6 +1495,9 @@
1342
1495
  .p-4 {
1343
1496
  padding: calc(var(--spacing) * 4);
1344
1497
  }
1498
+ .p-5 {
1499
+ padding: calc(var(--spacing) * 5);
1500
+ }
1345
1501
  .p-6 {
1346
1502
  padding: calc(var(--spacing) * 6);
1347
1503
  }
@@ -1375,6 +1531,9 @@
1375
1531
  .px-4 {
1376
1532
  padding-inline: calc(var(--spacing) * 4);
1377
1533
  }
1534
+ .px-5 {
1535
+ padding-inline: calc(var(--spacing) * 5);
1536
+ }
1378
1537
  .px-6 {
1379
1538
  padding-inline: calc(var(--spacing) * 6);
1380
1539
  }
@@ -1405,6 +1564,9 @@
1405
1564
  .py-2 {
1406
1565
  padding-block: calc(var(--spacing) * 2);
1407
1566
  }
1567
+ .py-2\.5 {
1568
+ padding-block: calc(var(--spacing) * 2.5);
1569
+ }
1408
1570
  .py-3 {
1409
1571
  padding-block: calc(var(--spacing) * 3);
1410
1572
  }
@@ -1465,6 +1627,9 @@
1465
1627
  .pb-16 {
1466
1628
  padding-bottom: calc(var(--spacing) * 16);
1467
1629
  }
1630
+ .pb-\[41px\] {
1631
+ padding-bottom: 41px;
1632
+ }
1468
1633
  .pl-0 {
1469
1634
  padding-left: calc(var(--spacing) * 0);
1470
1635
  }
@@ -1509,6 +1674,10 @@
1509
1674
  font-size: var(--text-3xl);
1510
1675
  line-height: var(--tw-leading, var(--text-3xl--line-height));
1511
1676
  }
1677
+ .text-4xl {
1678
+ font-size: var(--text-4xl);
1679
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
1680
+ }
1512
1681
  .text-base {
1513
1682
  font-size: var(--text-base);
1514
1683
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -1618,6 +1787,9 @@
1618
1787
  .text-gray-800 {
1619
1788
  color: var(--color-gray-800);
1620
1789
  }
1790
+ .text-gray-900 {
1791
+ color: var(--color-gray-900);
1792
+ }
1621
1793
  .text-green-500 {
1622
1794
  color: var(--color-green-500);
1623
1795
  }
@@ -1700,44 +1872,78 @@
1700
1872
  .opacity-50 {
1701
1873
  opacity: 50%;
1702
1874
  }
1875
+ .opacity-100 {
1876
+ opacity: 100%;
1877
+ }
1703
1878
  .shadow {
1704
- --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));
1705
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1879
+ --tw-shadow:
1880
+ 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
1881
+ 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1882
+ box-shadow:
1883
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1884
+ var(--tw-ring-shadow), var(--tw-shadow);
1706
1885
  }
1707
1886
  .shadow-lg {
1708
- --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));
1709
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1887
+ --tw-shadow:
1888
+ 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
1889
+ 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1890
+ box-shadow:
1891
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1892
+ var(--tw-ring-shadow), var(--tw-shadow);
1710
1893
  }
1711
1894
  .shadow-md {
1712
- --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));
1713
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1895
+ --tw-shadow:
1896
+ 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
1897
+ 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1898
+ box-shadow:
1899
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1900
+ var(--tw-ring-shadow), var(--tw-shadow);
1714
1901
  }
1715
1902
  .shadow-none {
1716
1903
  --tw-shadow: 0 0 #0000;
1717
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1904
+ box-shadow:
1905
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1906
+ var(--tw-ring-shadow), var(--tw-shadow);
1718
1907
  }
1719
1908
  .shadow-sm {
1720
- --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));
1721
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1909
+ --tw-shadow:
1910
+ 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
1911
+ 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1912
+ box-shadow:
1913
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1914
+ var(--tw-ring-shadow), var(--tw-shadow);
1722
1915
  }
1723
1916
  .shadow-xs {
1724
1917
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1725
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1918
+ box-shadow:
1919
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1920
+ var(--tw-ring-shadow), var(--tw-shadow);
1726
1921
  }
1727
1922
  .ring-0 {
1728
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1729
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1923
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width))
1924
+ var(--tw-ring-color, currentcolor);
1925
+ box-shadow:
1926
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1927
+ var(--tw-ring-shadow), var(--tw-shadow);
1730
1928
  }
1731
1929
  .shadow-slate-900 {
1732
1930
  --tw-shadow-color: oklch(20.8% 0.042 265.755);
1733
1931
  @supports (color: color-mix(in lab, red, red)) {
1734
- --tw-shadow-color: color-mix(in oklab, var(--color-slate-900) var(--tw-shadow-alpha), transparent);
1932
+ --tw-shadow-color: color-mix(
1933
+ in oklab,
1934
+ var(--color-slate-900) var(--tw-shadow-alpha),
1935
+ transparent
1936
+ );
1735
1937
  }
1736
1938
  }
1737
1939
  .shadow-slate-900\/5 {
1738
1940
  --tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 5%, transparent);
1739
1941
  @supports (color: color-mix(in lab, red, red)) {
1740
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent);
1942
+ --tw-shadow-color: color-mix(
1943
+ in oklab,
1944
+ color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha),
1945
+ transparent
1946
+ );
1741
1947
  }
1742
1948
  }
1743
1949
  .ring-ring {
@@ -1762,16 +1968,41 @@
1762
1968
  outline-width: 1px;
1763
1969
  }
1764
1970
  .backdrop-filter {
1765
- -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,);
1766
- 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,);
1971
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
1972
+ var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
1973
+ var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
1974
+ var(--tw-backdrop-sepia,);
1975
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
1976
+ var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
1977
+ var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
1978
+ var(--tw-backdrop-sepia,);
1767
1979
  }
1768
1980
  .transition {
1769
- 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;
1981
+ transition-property:
1982
+ color,
1983
+ background-color,
1984
+ border-color,
1985
+ outline-color,
1986
+ text-decoration-color,
1987
+ fill,
1988
+ stroke,
1989
+ --tw-gradient-from,
1990
+ --tw-gradient-via,
1991
+ --tw-gradient-to,
1992
+ opacity,
1993
+ box-shadow,
1994
+ transform,
1995
+ translate,
1996
+ scale,
1997
+ rotate,
1998
+ filter,
1999
+ -webkit-backdrop-filter,
2000
+ backdrop-filter;
1770
2001
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1771
2002
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1772
2003
  }
1773
2004
  .transition-\[color\,box-shadow\] {
1774
- transition-property: color,box-shadow;
2005
+ transition-property: color, box-shadow;
1775
2006
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1776
2007
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1777
2008
  }
@@ -1781,7 +2012,14 @@
1781
2012
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1782
2013
  }
1783
2014
  .transition-colors {
1784
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2015
+ transition-property:
2016
+ color, background-color, border-color, outline-color, text-decoration-color, fill, stroke,
2017
+ --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2018
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2019
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2020
+ }
2021
+ .transition-opacity {
2022
+ transition-property: opacity;
1785
2023
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1786
2024
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1787
2025
  }
@@ -1973,7 +2211,11 @@
1973
2211
  }
1974
2212
  }
1975
2213
  .\[--btn-hover-overlay\:var\(--color-nsw-grey-850\)\]\/10 {
1976
- --btn-hover-overlay: color-mix(in srgb, oklch(0.22225499999999998 0.00884 242.08) 10%, transparent);
2214
+ --btn-hover-overlay: color-mix(
2215
+ in srgb,
2216
+ oklch(0.22225499999999998 0.00884 242.08) 10%,
2217
+ transparent
2218
+ );
1977
2219
  @supports (color: color-mix(in lab, red, red)) {
1978
2220
  --btn-hover-overlay: color-mix(in oklab, var(--color-nsw-grey-850) 10%, transparent);
1979
2221
  }
@@ -2072,7 +2314,7 @@
2072
2314
  --tw-enter-opacity: 0;
2073
2315
  }
2074
2316
  .zoom-in-95 {
2075
- --tw-enter-scale: .95;
2317
+ --tw-enter-scale: 0.95;
2076
2318
  }
2077
2319
  .group-hover\:fill-nsw-grey-900 {
2078
2320
  &:is(:where(.group):hover *) {
@@ -2081,6 +2323,13 @@
2081
2323
  }
2082
2324
  }
2083
2325
  }
2326
+ .group-hover\:opacity-100 {
2327
+ &:is(:where(.group):hover *) {
2328
+ @media (hover: hover) {
2329
+ opacity: 100%;
2330
+ }
2331
+ }
2332
+ }
2084
2333
  .group-data-active\:bg-nsw-grey-300 {
2085
2334
  &:is(:where(.group)[data-active] *) {
2086
2335
  background-color: var(--color-nsw-grey-300);
@@ -2197,70 +2446,74 @@
2197
2446
  }
2198
2447
  }
2199
2448
  .group-data-\[disabled\=true\]\:pointer-events-none {
2200
- &:is(:where(.group)[data-disabled="true"] *) {
2449
+ &:is(:where(.group)[data-disabled='true'] *) {
2201
2450
  pointer-events: none;
2202
2451
  }
2203
2452
  }
2204
2453
  .group-data-\[disabled\=true\]\:opacity-50 {
2205
- &:is(:where(.group)[data-disabled="true"] *) {
2454
+ &:is(:where(.group)[data-disabled='true'] *) {
2206
2455
  opacity: 50%;
2207
2456
  }
2208
2457
  }
2209
2458
  .group-data-\[state\=open\]\:rotate-90 {
2210
- &:is(:where(.group)[data-state="open"] *) {
2459
+ &:is(:where(.group)[data-state='open'] *) {
2211
2460
  rotate: 90deg;
2212
2461
  }
2213
2462
  }
2214
2463
  .group-data-\[state\=open\]\:rotate-180 {
2215
- &:is(:where(.group)[data-state="open"] *) {
2464
+ &:is(:where(.group)[data-state='open'] *) {
2216
2465
  rotate: 180deg;
2217
2466
  }
2218
2467
  }
2219
2468
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
2220
- &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
2469
+ &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction='bottom'] *) {
2221
2470
  display: block;
2222
2471
  }
2223
2472
  }
2224
2473
  .group-data-\[viewport\=false\]\/navigation-menu\:top-full {
2225
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2474
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2226
2475
  top: 100%;
2227
2476
  }
2228
2477
  }
2229
2478
  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 {
2230
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2479
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2231
2480
  margin-top: calc(var(--spacing) * 1.5);
2232
2481
  }
2233
2482
  }
2234
2483
  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden {
2235
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2484
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2236
2485
  overflow: hidden;
2237
2486
  }
2238
2487
  }
2239
2488
  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md {
2240
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2489
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2241
2490
  border-radius: var(--radius-md);
2242
2491
  }
2243
2492
  }
2244
2493
  .group-data-\[viewport\=false\]\/navigation-menu\:border {
2245
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2494
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2246
2495
  border-style: var(--tw-border-style);
2247
2496
  border-width: 1px;
2248
2497
  }
2249
2498
  }
2250
2499
  .group-data-\[viewport\=false\]\/navigation-menu\:shadow {
2251
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2252
- --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));
2253
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2500
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2501
+ --tw-shadow:
2502
+ 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
2503
+ 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2504
+ box-shadow:
2505
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2506
+ var(--tw-ring-shadow), var(--tw-shadow);
2254
2507
  }
2255
2508
  }
2256
2509
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 {
2257
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2510
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2258
2511
  --tw-duration: 200ms;
2259
2512
  transition-duration: 200ms;
2260
2513
  }
2261
2514
  }
2262
2515
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 {
2263
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2516
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2264
2517
  animation-duration: 200ms;
2265
2518
  }
2266
2519
  }
@@ -2358,8 +2611,12 @@
2358
2611
  .before\:shadow-sm {
2359
2612
  &::before {
2360
2613
  content: var(--tw-content);
2361
- --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));
2362
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2614
+ --tw-shadow:
2615
+ 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
2616
+ 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2617
+ box-shadow:
2618
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2619
+ var(--tw-ring-shadow), var(--tw-shadow);
2363
2620
  }
2364
2621
  }
2365
2622
  .after\:absolute {
@@ -2383,7 +2640,7 @@
2383
2640
  .after\:left-1\/2 {
2384
2641
  &::after {
2385
2642
  content: var(--tw-content);
2386
- left: calc(1/2 * 100%);
2643
+ left: calc(1 / 2 * 100%);
2387
2644
  }
2388
2645
  }
2389
2646
  .after\:-z-10 {
@@ -2401,7 +2658,7 @@
2401
2658
  .after\:-translate-x-1\/2 {
2402
2659
  &::after {
2403
2660
  content: var(--tw-content);
2404
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
2661
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
2405
2662
  translate: var(--tw-translate-x) var(--tw-translate-y);
2406
2663
  }
2407
2664
  }
@@ -2416,9 +2673,12 @@
2416
2673
  content: var(--tw-content);
2417
2674
  --tw-shadow: inset 0 1px var(--tw-shadow-color, color-mix(in srgb, #fff 15%, transparent));
2418
2675
  @supports (color: color-mix(in lab, red, red)) {
2419
- --tw-shadow: inset 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 15%, transparent));
2676
+ --tw-shadow: inset 0 1px
2677
+ var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 15%, transparent));
2420
2678
  }
2421
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2679
+ box-shadow:
2680
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2681
+ var(--tw-ring-shadow), var(--tw-shadow);
2422
2682
  }
2423
2683
  }
2424
2684
  .first\:rounded-l-sm {
@@ -2477,6 +2737,13 @@
2477
2737
  }
2478
2738
  }
2479
2739
  }
2740
+ .hover\:bg-gray-100 {
2741
+ &:hover {
2742
+ @media (hover: hover) {
2743
+ background-color: var(--color-gray-100);
2744
+ }
2745
+ }
2746
+ }
2480
2747
  .hover\:bg-green-100 {
2481
2748
  &:hover {
2482
2749
  @media (hover: hover) {
@@ -2551,6 +2818,13 @@
2551
2818
  }
2552
2819
  }
2553
2820
  }
2821
+ .hover\:text-gray-600 {
2822
+ &:hover {
2823
+ @media (hover: hover) {
2824
+ color: var(--color-gray-600);
2825
+ }
2826
+ }
2827
+ }
2554
2828
  .hover\:text-green-600 {
2555
2829
  &:hover {
2556
2830
  @media (hover: hover) {
@@ -2624,8 +2898,11 @@
2624
2898
  .hover\:ring-4 {
2625
2899
  &:hover {
2626
2900
  @media (hover: hover) {
2627
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2628
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2901
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width))
2902
+ var(--tw-ring-color, currentcolor);
2903
+ box-shadow:
2904
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2905
+ var(--tw-ring-shadow), var(--tw-shadow);
2629
2906
  }
2630
2907
  }
2631
2908
  }
@@ -2729,26 +3006,38 @@
2729
3006
  }
2730
3007
  .focus-visible\:ring-1 {
2731
3008
  &:focus-visible {
2732
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2733
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3009
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width))
3010
+ var(--tw-ring-color, currentcolor);
3011
+ box-shadow:
3012
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3013
+ var(--tw-ring-shadow), var(--tw-shadow);
2734
3014
  }
2735
3015
  }
2736
3016
  .focus-visible\:ring-4 {
2737
3017
  &:focus-visible {
2738
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2739
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3018
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width))
3019
+ var(--tw-ring-color, currentcolor);
3020
+ box-shadow:
3021
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3022
+ var(--tw-ring-shadow), var(--tw-shadow);
2740
3023
  }
2741
3024
  }
2742
3025
  .focus-visible\:ring-\[2px\] {
2743
3026
  &:focus-visible {
2744
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2745
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3027
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
3028
+ var(--tw-ring-color, currentcolor);
3029
+ box-shadow:
3030
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3031
+ var(--tw-ring-shadow), var(--tw-shadow);
2746
3032
  }
2747
3033
  }
2748
3034
  .focus-visible\:ring-\[3px\] {
2749
3035
  &:focus-visible {
2750
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2751
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3036
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width))
3037
+ var(--tw-ring-color, currentcolor);
3038
+ box-shadow:
3039
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3040
+ var(--tw-ring-shadow), var(--tw-shadow);
2752
3041
  }
2753
3042
  }
2754
3043
  .focus-visible\:ring-ring {
@@ -2767,7 +3056,8 @@
2767
3056
  .focus-visible\:ring-offset-1 {
2768
3057
  &:focus-visible {
2769
3058
  --tw-ring-offset-width: 1px;
2770
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3059
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width)
3060
+ var(--tw-ring-offset-color);
2771
3061
  }
2772
3062
  }
2773
3063
  .focus-visible\:outline-hidden {
@@ -2807,27 +3097,27 @@
2807
3097
  }
2808
3098
  }
2809
3099
  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
2810
- &:has(*[data-slot="card-action"]) {
3100
+ &:has(*[data-slot='card-action']) {
2811
3101
  grid-template-columns: 1fr auto;
2812
3102
  }
2813
3103
  }
2814
3104
  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\] {
2815
- &:has(>svg) {
3105
+ &:has(> svg) {
2816
3106
  grid-template-columns: calc(var(--spacing) * 4) 1fr;
2817
3107
  }
2818
3108
  }
2819
3109
  .has-\[\>svg\]\:gap-x-3 {
2820
- &:has(>svg) {
3110
+ &:has(> svg) {
2821
3111
  column-gap: calc(var(--spacing) * 3);
2822
3112
  }
2823
3113
  }
2824
3114
  .aria-invalid\:border-error {
2825
- &[aria-invalid="true"] {
3115
+ &[aria-invalid='true'] {
2826
3116
  border-color: oklch(0.502 0.1927 18.08);
2827
3117
  }
2828
3118
  }
2829
3119
  .aria-invalid\:ring-error\/20 {
2830
- &[aria-invalid="true"] {
3120
+ &[aria-invalid='true'] {
2831
3121
  --tw-ring-color: color-mix(in oklab, oklch(0.502 0.1927 18.08) 20%, transparent);
2832
3122
  }
2833
3123
  }
@@ -2902,7 +3192,9 @@
2902
3192
  &::before {
2903
3193
  content: var(--tw-content);
2904
3194
  --tw-shadow: 0 0 #0000;
2905
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3195
+ box-shadow:
3196
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3197
+ var(--tw-ring-shadow), var(--tw-shadow);
2906
3198
  }
2907
3199
  }
2908
3200
  }
@@ -2911,7 +3203,9 @@
2911
3203
  &::after {
2912
3204
  content: var(--tw-content);
2913
3205
  --tw-shadow: 0 0 #0000;
2914
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3206
+ box-shadow:
3207
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3208
+ var(--tw-ring-shadow), var(--tw-shadow);
2915
3209
  }
2916
3210
  }
2917
3211
  }
@@ -2967,7 +3261,7 @@
2967
3261
  }
2968
3262
  }
2969
3263
  .data-\[active\=true\]\:hover\:bg-primary\/10 {
2970
- &[data-active="true"] {
3264
+ &[data-active='true'] {
2971
3265
  &:hover {
2972
3266
  @media (hover: hover) {
2973
3267
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
@@ -2976,7 +3270,7 @@
2976
3270
  }
2977
3271
  }
2978
3272
  .data-\[active\=true\]\:focus\:bg-primary\/10 {
2979
- &[data-active="true"] {
3273
+ &[data-active='true'] {
2980
3274
  &:focus {
2981
3275
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
2982
3276
  }
@@ -2993,12 +3287,12 @@
2993
3287
  }
2994
3288
  }
2995
3289
  .data-\[disabled\=true\]\:pointer-events-none {
2996
- &[data-disabled="true"] {
3290
+ &[data-disabled='true'] {
2997
3291
  pointer-events: none;
2998
3292
  }
2999
3293
  }
3000
3294
  .data-\[disabled\=true\]\:opacity-50 {
3001
- &[data-disabled="true"] {
3295
+ &[data-disabled='true'] {
3002
3296
  opacity: 50%;
3003
3297
  }
3004
3298
  }
@@ -3008,27 +3302,27 @@
3008
3302
  }
3009
3303
  }
3010
3304
  .data-\[motion\=from-end\]\:slide-in-from-right-52 {
3011
- &[data-motion="from-end"] {
3305
+ &[data-motion='from-end'] {
3012
3306
  --tw-enter-translate-x: 13rem;
3013
3307
  }
3014
3308
  }
3015
3309
  .data-\[motion\=from-start\]\:slide-in-from-left-52 {
3016
- &[data-motion="from-start"] {
3310
+ &[data-motion='from-start'] {
3017
3311
  --tw-enter-translate-x: -13rem;
3018
3312
  }
3019
3313
  }
3020
3314
  .data-\[motion\=to-end\]\:slide-out-to-right-52 {
3021
- &[data-motion="to-end"] {
3315
+ &[data-motion='to-end'] {
3022
3316
  --tw-exit-translate-x: 13rem;
3023
3317
  }
3024
3318
  }
3025
3319
  .data-\[motion\=to-start\]\:slide-out-to-left-52 {
3026
- &[data-motion="to-start"] {
3320
+ &[data-motion='to-start'] {
3027
3321
  --tw-exit-translate-x: -13rem;
3028
3322
  }
3029
3323
  }
3030
3324
  .data-\[motion\^\=from-\]\:animate-in {
3031
- &[data-motion^="from-"] {
3325
+ &[data-motion^='from-'] {
3032
3326
  animation-name: enter;
3033
3327
  animation-duration: 150ms;
3034
3328
  --tw-enter-opacity: initial;
@@ -3039,12 +3333,12 @@
3039
3333
  }
3040
3334
  }
3041
3335
  .data-\[motion\^\=from-\]\:fade-in {
3042
- &[data-motion^="from-"] {
3336
+ &[data-motion^='from-'] {
3043
3337
  --tw-enter-opacity: 0;
3044
3338
  }
3045
3339
  }
3046
3340
  .data-\[motion\^\=to-\]\:animate-out {
3047
- &[data-motion^="to-"] {
3341
+ &[data-motion^='to-'] {
3048
3342
  animation-name: exit;
3049
3343
  animation-duration: 150ms;
3050
3344
  --tw-exit-opacity: initial;
@@ -3055,82 +3349,82 @@
3055
3349
  }
3056
3350
  }
3057
3351
  .data-\[motion\^\=to-\]\:fade-out {
3058
- &[data-motion^="to-"] {
3352
+ &[data-motion^='to-'] {
3059
3353
  --tw-exit-opacity: 0;
3060
3354
  }
3061
3355
  }
3062
3356
  .data-\[orientation\=horizontal\]\:h-1\.5 {
3063
- &[data-orientation="horizontal"] {
3357
+ &[data-orientation='horizontal'] {
3064
3358
  height: calc(var(--spacing) * 1.5);
3065
3359
  }
3066
3360
  }
3067
3361
  .data-\[orientation\=horizontal\]\:h-full {
3068
- &[data-orientation="horizontal"] {
3362
+ &[data-orientation='horizontal'] {
3069
3363
  height: 100%;
3070
3364
  }
3071
3365
  }
3072
3366
  .data-\[orientation\=horizontal\]\:h-px {
3073
- &[data-orientation="horizontal"] {
3367
+ &[data-orientation='horizontal'] {
3074
3368
  height: 1px;
3075
3369
  }
3076
3370
  }
3077
3371
  .data-\[orientation\=horizontal\]\:w-full {
3078
- &[data-orientation="horizontal"] {
3372
+ &[data-orientation='horizontal'] {
3079
3373
  width: 100%;
3080
3374
  }
3081
3375
  }
3082
3376
  .data-\[orientation\=vertical\]\:h-full {
3083
- &[data-orientation="vertical"] {
3377
+ &[data-orientation='vertical'] {
3084
3378
  height: 100%;
3085
3379
  }
3086
3380
  }
3087
3381
  .data-\[orientation\=vertical\]\:min-h-44 {
3088
- &[data-orientation="vertical"] {
3382
+ &[data-orientation='vertical'] {
3089
3383
  min-height: calc(var(--spacing) * 44);
3090
3384
  }
3091
3385
  }
3092
3386
  .data-\[orientation\=vertical\]\:w-1\.5 {
3093
- &[data-orientation="vertical"] {
3387
+ &[data-orientation='vertical'] {
3094
3388
  width: calc(var(--spacing) * 1.5);
3095
3389
  }
3096
3390
  }
3097
3391
  .data-\[orientation\=vertical\]\:w-auto {
3098
- &[data-orientation="vertical"] {
3392
+ &[data-orientation='vertical'] {
3099
3393
  width: auto;
3100
3394
  }
3101
3395
  }
3102
3396
  .data-\[orientation\=vertical\]\:w-full {
3103
- &[data-orientation="vertical"] {
3397
+ &[data-orientation='vertical'] {
3104
3398
  width: 100%;
3105
3399
  }
3106
3400
  }
3107
3401
  .data-\[orientation\=vertical\]\:w-px {
3108
- &[data-orientation="vertical"] {
3402
+ &[data-orientation='vertical'] {
3109
3403
  width: 1px;
3110
3404
  }
3111
3405
  }
3112
3406
  .data-\[orientation\=vertical\]\:flex-col {
3113
- &[data-orientation="vertical"] {
3407
+ &[data-orientation='vertical'] {
3114
3408
  flex-direction: column;
3115
3409
  }
3116
3410
  }
3117
3411
  .data-\[panel-group-direction\=vertical\]\:h-px {
3118
- &[data-panel-group-direction="vertical"] {
3412
+ &[data-panel-group-direction='vertical'] {
3119
3413
  height: 1px;
3120
3414
  }
3121
3415
  }
3122
3416
  .data-\[panel-group-direction\=vertical\]\:w-full {
3123
- &[data-panel-group-direction="vertical"] {
3417
+ &[data-panel-group-direction='vertical'] {
3124
3418
  width: 100%;
3125
3419
  }
3126
3420
  }
3127
3421
  .data-\[panel-group-direction\=vertical\]\:flex-col {
3128
- &[data-panel-group-direction="vertical"] {
3422
+ &[data-panel-group-direction='vertical'] {
3129
3423
  flex-direction: column;
3130
3424
  }
3131
3425
  }
3132
3426
  .data-\[panel-group-direction\=vertical\]\:after\:left-0 {
3133
- &[data-panel-group-direction="vertical"] {
3427
+ &[data-panel-group-direction='vertical'] {
3134
3428
  &::after {
3135
3429
  content: var(--tw-content);
3136
3430
  left: calc(var(--spacing) * 0);
@@ -3138,7 +3432,7 @@
3138
3432
  }
3139
3433
  }
3140
3434
  .data-\[panel-group-direction\=vertical\]\:after\:h-1 {
3141
- &[data-panel-group-direction="vertical"] {
3435
+ &[data-panel-group-direction='vertical'] {
3142
3436
  &::after {
3143
3437
  content: var(--tw-content);
3144
3438
  height: calc(var(--spacing) * 1);
@@ -3146,7 +3440,7 @@
3146
3440
  }
3147
3441
  }
3148
3442
  .data-\[panel-group-direction\=vertical\]\:after\:w-full {
3149
- &[data-panel-group-direction="vertical"] {
3443
+ &[data-panel-group-direction='vertical'] {
3150
3444
  &::after {
3151
3445
  content: var(--tw-content);
3152
3446
  width: 100%;
@@ -3154,7 +3448,7 @@
3154
3448
  }
3155
3449
  }
3156
3450
  .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0 {
3157
- &[data-panel-group-direction="vertical"] {
3451
+ &[data-panel-group-direction='vertical'] {
3158
3452
  &::after {
3159
3453
  content: var(--tw-content);
3160
3454
  --tw-translate-x: calc(var(--spacing) * 0);
@@ -3163,10 +3457,10 @@
3163
3457
  }
3164
3458
  }
3165
3459
  .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2 {
3166
- &[data-panel-group-direction="vertical"] {
3460
+ &[data-panel-group-direction='vertical'] {
3167
3461
  &::after {
3168
3462
  content: var(--tw-content);
3169
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
3463
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
3170
3464
  translate: var(--tw-translate-x) var(--tw-translate-y);
3171
3465
  }
3172
3466
  }
@@ -3177,88 +3471,88 @@
3177
3471
  }
3178
3472
  }
3179
3473
  .data-\[selected\=true\]\:bg-primary\/10 {
3180
- &[data-selected="true"] {
3474
+ &[data-selected='true'] {
3181
3475
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3182
3476
  }
3183
3477
  }
3184
3478
  .data-\[side\=bottom\]\:translate-y-1 {
3185
- &[data-side="bottom"] {
3479
+ &[data-side='bottom'] {
3186
3480
  --tw-translate-y: calc(var(--spacing) * 1);
3187
3481
  translate: var(--tw-translate-x) var(--tw-translate-y);
3188
3482
  }
3189
3483
  }
3190
3484
  .data-\[side\=bottom\]\:slide-in-from-top-2 {
3191
- &[data-side="bottom"] {
3485
+ &[data-side='bottom'] {
3192
3486
  --tw-enter-translate-y: -0.5rem;
3193
3487
  }
3194
3488
  }
3195
3489
  .data-\[side\=left\]\:-translate-x-1 {
3196
- &[data-side="left"] {
3490
+ &[data-side='left'] {
3197
3491
  --tw-translate-x: calc(var(--spacing) * -1);
3198
3492
  translate: var(--tw-translate-x) var(--tw-translate-y);
3199
3493
  }
3200
3494
  }
3201
3495
  .data-\[side\=left\]\:slide-in-from-right-2 {
3202
- &[data-side="left"] {
3496
+ &[data-side='left'] {
3203
3497
  --tw-enter-translate-x: 0.5rem;
3204
3498
  }
3205
3499
  }
3206
3500
  .data-\[side\=right\]\:translate-x-1 {
3207
- &[data-side="right"] {
3501
+ &[data-side='right'] {
3208
3502
  --tw-translate-x: calc(var(--spacing) * 1);
3209
3503
  translate: var(--tw-translate-x) var(--tw-translate-y);
3210
3504
  }
3211
3505
  }
3212
3506
  .data-\[side\=right\]\:slide-in-from-left-2 {
3213
- &[data-side="right"] {
3507
+ &[data-side='right'] {
3214
3508
  --tw-enter-translate-x: -0.5rem;
3215
3509
  }
3216
3510
  }
3217
3511
  .data-\[side\=top\]\:-translate-y-1 {
3218
- &[data-side="top"] {
3512
+ &[data-side='top'] {
3219
3513
  --tw-translate-y: calc(var(--spacing) * -1);
3220
3514
  translate: var(--tw-translate-x) var(--tw-translate-y);
3221
3515
  }
3222
3516
  }
3223
3517
  .data-\[side\=top\]\:slide-in-from-bottom-2 {
3224
- &[data-side="top"] {
3518
+ &[data-side='top'] {
3225
3519
  --tw-enter-translate-y: 0.5rem;
3226
3520
  }
3227
3521
  }
3228
3522
  .data-\[size\=default\]\:h-9 {
3229
- &[data-size="default"] {
3523
+ &[data-size='default'] {
3230
3524
  height: calc(var(--spacing) * 9);
3231
3525
  }
3232
3526
  }
3233
3527
  .data-\[size\=sm\]\:h-8 {
3234
- &[data-size="sm"] {
3528
+ &[data-size='sm'] {
3235
3529
  height: calc(var(--spacing) * 8);
3236
3530
  }
3237
3531
  }
3238
3532
  .\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 {
3239
3533
  :is(& *) {
3240
- &[data-slot="command-input-wrapper"] {
3534
+ &[data-slot='command-input-wrapper'] {
3241
3535
  height: calc(var(--spacing) * 12);
3242
3536
  }
3243
3537
  }
3244
3538
  }
3245
3539
  .\*\:data-\[slot\=icon\]\:-mx-0\.5 {
3246
3540
  :is(& > *) {
3247
- &[data-slot="icon"] {
3541
+ &[data-slot='icon'] {
3248
3542
  margin-inline: calc(var(--spacing) * -0.5);
3249
3543
  }
3250
3544
  }
3251
3545
  }
3252
3546
  .\*\:data-\[slot\=icon\]\:my-0\.5 {
3253
3547
  :is(& > *) {
3254
- &[data-slot="icon"] {
3548
+ &[data-slot='icon'] {
3255
3549
  margin-block: calc(var(--spacing) * 0.5);
3256
3550
  }
3257
3551
  }
3258
3552
  }
3259
3553
  .\*\:data-\[slot\=icon\]\:size-4 {
3260
3554
  :is(& > *) {
3261
- &[data-slot="icon"] {
3555
+ &[data-slot='icon'] {
3262
3556
  width: calc(var(--spacing) * 4);
3263
3557
  height: calc(var(--spacing) * 4);
3264
3558
  }
@@ -3266,7 +3560,7 @@
3266
3560
  }
3267
3561
  .\*\:data-\[slot\=icon\]\:size-6 {
3268
3562
  :is(& > *) {
3269
- &[data-slot="icon"] {
3563
+ &[data-slot='icon'] {
3270
3564
  width: calc(var(--spacing) * 6);
3271
3565
  height: calc(var(--spacing) * 6);
3272
3566
  }
@@ -3274,38 +3568,41 @@
3274
3568
  }
3275
3569
  .\*\:data-\[slot\=icon\]\:shrink-0 {
3276
3570
  :is(& > *) {
3277
- &[data-slot="icon"] {
3571
+ &[data-slot='icon'] {
3278
3572
  flex-shrink: 0;
3279
3573
  }
3280
3574
  }
3281
3575
  }
3282
3576
  .\*\:data-\[slot\=icon\]\:self-center {
3283
3577
  :is(& > *) {
3284
- &[data-slot="icon"] {
3578
+ &[data-slot='icon'] {
3285
3579
  align-self: center;
3286
3580
  }
3287
3581
  }
3288
3582
  }
3289
3583
  .\*\:data-\[slot\=icon\]\:text-\(--btn-icon\) {
3290
3584
  :is(& > *) {
3291
- &[data-slot="icon"] {
3585
+ &[data-slot='icon'] {
3292
3586
  color: var(--btn-icon);
3293
3587
  }
3294
3588
  }
3295
3589
  }
3296
3590
  .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 {
3297
3591
  :is(& *) {
3298
- &[data-slot="navigation-menu-link"] {
3592
+ &[data-slot='navigation-menu-link'] {
3299
3593
  &:focus {
3300
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3301
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3594
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width))
3595
+ var(--tw-ring-color, currentcolor);
3596
+ box-shadow:
3597
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3598
+ var(--tw-ring-shadow), var(--tw-shadow);
3302
3599
  }
3303
3600
  }
3304
3601
  }
3305
3602
  }
3306
3603
  .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none {
3307
3604
  :is(& *) {
3308
- &[data-slot="navigation-menu-link"] {
3605
+ &[data-slot='navigation-menu-link'] {
3309
3606
  &:focus {
3310
3607
  --tw-outline-style: none;
3311
3608
  outline-style: none;
@@ -3315,7 +3612,7 @@
3315
3612
  }
3316
3613
  .\*\:data-\[slot\=select-value\]\:line-clamp-1 {
3317
3614
  :is(& > *) {
3318
- &[data-slot="select-value"] {
3615
+ &[data-slot='select-value'] {
3319
3616
  overflow: hidden;
3320
3617
  display: -webkit-box;
3321
3618
  -webkit-box-orient: vertical;
@@ -3325,75 +3622,79 @@
3325
3622
  }
3326
3623
  .\*\:data-\[slot\=select-value\]\:flex {
3327
3624
  :is(& > *) {
3328
- &[data-slot="select-value"] {
3625
+ &[data-slot='select-value'] {
3329
3626
  display: flex;
3330
3627
  }
3331
3628
  }
3332
3629
  }
3333
3630
  .\*\:data-\[slot\=select-value\]\:items-center {
3334
3631
  :is(& > *) {
3335
- &[data-slot="select-value"] {
3632
+ &[data-slot='select-value'] {
3336
3633
  align-items: center;
3337
3634
  }
3338
3635
  }
3339
3636
  }
3340
3637
  .\*\:data-\[slot\=select-value\]\:gap-2 {
3341
3638
  :is(& > *) {
3342
- &[data-slot="select-value"] {
3639
+ &[data-slot='select-value'] {
3343
3640
  gap: calc(var(--spacing) * 2);
3344
3641
  }
3345
3642
  }
3346
3643
  }
3347
3644
  .data-\[state\=active\]\:border-accent {
3348
- &[data-state="active"] {
3645
+ &[data-state='active'] {
3349
3646
  border-color: oklch(0.562 0.2175 20.33);
3350
3647
  }
3351
3648
  }
3352
3649
  .data-\[state\=active\]\:bg-background {
3353
- &[data-state="active"] {
3650
+ &[data-state='active'] {
3354
3651
  background-color: var(--background);
3355
3652
  }
3356
3653
  }
3357
3654
  .data-\[state\=active\]\:bg-blue-500 {
3358
- &[data-state="active"] {
3655
+ &[data-state='active'] {
3359
3656
  background-color: var(--color-blue-500);
3360
3657
  }
3361
3658
  }
3362
3659
  .data-\[state\=active\]\:text-white {
3363
- &[data-state="active"] {
3660
+ &[data-state='active'] {
3364
3661
  color: var(--color-white);
3365
3662
  }
3366
3663
  }
3367
3664
  .data-\[state\=active\]\:shadow-sm {
3368
- &[data-state="active"] {
3369
- --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));
3370
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3665
+ &[data-state='active'] {
3666
+ --tw-shadow:
3667
+ 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
3668
+ 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3669
+ box-shadow:
3670
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3671
+ var(--tw-ring-shadow), var(--tw-shadow);
3371
3672
  }
3372
3673
  }
3373
3674
  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\] {
3374
- &[data-state="checked"] {
3675
+ &[data-state='checked'] {
3375
3676
  --tw-translate-x: calc(100% - 2px);
3376
3677
  translate: var(--tw-translate-x) var(--tw-translate-y);
3377
3678
  }
3378
3679
  }
3379
3680
  .data-\[state\=checked\]\:border-primary {
3380
- &[data-state="checked"] {
3681
+ &[data-state='checked'] {
3381
3682
  border-color: oklch(0.29 0.1173 259.84);
3382
3683
  }
3383
3684
  }
3384
3685
  .data-\[state\=checked\]\:bg-primary {
3385
- &[data-state="checked"] {
3686
+ &[data-state='checked'] {
3386
3687
  background-color: oklch(0.29 0.1173 259.84);
3387
3688
  }
3388
3689
  }
3389
3690
  .data-\[state\=closed\]\:duration-300 {
3390
- &[data-state="closed"] {
3691
+ &[data-state='closed'] {
3391
3692
  --tw-duration: 300ms;
3392
3693
  transition-duration: 300ms;
3393
3694
  }
3394
3695
  }
3395
3696
  .data-\[state\=closed\]\:animate-out {
3396
- &[data-state="closed"] {
3697
+ &[data-state='closed'] {
3397
3698
  animation-name: exit;
3398
3699
  animation-duration: 150ms;
3399
3700
  --tw-exit-opacity: initial;
@@ -3404,43 +3705,43 @@
3404
3705
  }
3405
3706
  }
3406
3707
  .data-\[state\=closed\]\:duration-300 {
3407
- &[data-state="closed"] {
3708
+ &[data-state='closed'] {
3408
3709
  animation-duration: 300ms;
3409
3710
  }
3410
3711
  }
3411
3712
  .data-\[state\=closed\]\:fade-out-0 {
3412
- &[data-state="closed"] {
3713
+ &[data-state='closed'] {
3413
3714
  --tw-exit-opacity: 0;
3414
3715
  }
3415
3716
  }
3416
3717
  .data-\[state\=closed\]\:slide-out-to-bottom {
3417
- &[data-state="closed"] {
3718
+ &[data-state='closed'] {
3418
3719
  --tw-exit-translate-y: 100%;
3419
3720
  }
3420
3721
  }
3421
3722
  .data-\[state\=closed\]\:slide-out-to-left {
3422
- &[data-state="closed"] {
3723
+ &[data-state='closed'] {
3423
3724
  --tw-exit-translate-x: -100%;
3424
3725
  }
3425
3726
  }
3426
3727
  .data-\[state\=closed\]\:slide-out-to-right {
3427
- &[data-state="closed"] {
3728
+ &[data-state='closed'] {
3428
3729
  --tw-exit-translate-x: 100%;
3429
3730
  }
3430
3731
  }
3431
3732
  .data-\[state\=closed\]\:slide-out-to-top {
3432
- &[data-state="closed"] {
3733
+ &[data-state='closed'] {
3433
3734
  --tw-exit-translate-y: -100%;
3434
3735
  }
3435
3736
  }
3436
3737
  .data-\[state\=closed\]\:zoom-out-95 {
3437
- &[data-state="closed"] {
3438
- --tw-exit-scale: .95;
3738
+ &[data-state='closed'] {
3739
+ --tw-exit-scale: 0.95;
3439
3740
  }
3440
3741
  }
3441
3742
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out {
3442
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3443
- &[data-state="closed"] {
3743
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3744
+ &[data-state='closed'] {
3444
3745
  animation-name: exit;
3445
3746
  animation-duration: 150ms;
3446
3747
  --tw-exit-opacity: initial;
@@ -3452,21 +3753,21 @@
3452
3753
  }
3453
3754
  }
3454
3755
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0 {
3455
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3456
- &[data-state="closed"] {
3756
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3757
+ &[data-state='closed'] {
3457
3758
  --tw-exit-opacity: 0;
3458
3759
  }
3459
3760
  }
3460
3761
  }
3461
3762
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95 {
3462
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3463
- &[data-state="closed"] {
3464
- --tw-exit-scale: .95;
3763
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3764
+ &[data-state='closed'] {
3765
+ --tw-exit-scale: 0.95;
3465
3766
  }
3466
3767
  }
3467
3768
  }
3468
3769
  .data-\[state\=hidden\]\:animate-out {
3469
- &[data-state="hidden"] {
3770
+ &[data-state='hidden'] {
3470
3771
  animation-name: exit;
3471
3772
  animation-duration: 150ms;
3472
3773
  --tw-exit-opacity: initial;
@@ -3477,58 +3778,58 @@
3477
3778
  }
3478
3779
  }
3479
3780
  .data-\[state\=hidden\]\:fade-out {
3480
- &[data-state="hidden"] {
3781
+ &[data-state='hidden'] {
3481
3782
  --tw-exit-opacity: 0;
3482
3783
  }
3483
3784
  }
3484
3785
  .data-\[state\=on\]\:bg-blue-500 {
3485
- &[data-state="on"] {
3786
+ &[data-state='on'] {
3486
3787
  background-color: var(--color-blue-500);
3487
3788
  }
3488
3789
  }
3489
3790
  .data-\[state\=on\]\:bg-green-500 {
3490
- &[data-state="on"] {
3791
+ &[data-state='on'] {
3491
3792
  background-color: var(--color-green-500);
3492
3793
  }
3493
3794
  }
3494
3795
  .data-\[state\=on\]\:bg-nsw-grey-100 {
3495
- &[data-state="on"] {
3796
+ &[data-state='on'] {
3496
3797
  background-color: var(--color-nsw-grey-100);
3497
3798
  }
3498
3799
  }
3499
3800
  .data-\[state\=on\]\:bg-primary\/10 {
3500
- &[data-state="on"] {
3801
+ &[data-state='on'] {
3501
3802
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3502
3803
  }
3503
3804
  }
3504
3805
  .data-\[state\=on\]\:bg-purple-500 {
3505
- &[data-state="on"] {
3806
+ &[data-state='on'] {
3506
3807
  background-color: var(--color-purple-500);
3507
3808
  }
3508
3809
  }
3509
3810
  .data-\[state\=on\]\:text-nsw-grey-850 {
3510
- &[data-state="on"] {
3811
+ &[data-state='on'] {
3511
3812
  color: var(--color-nsw-grey-850);
3512
3813
  }
3513
3814
  }
3514
3815
  .data-\[state\=on\]\:text-white {
3515
- &[data-state="on"] {
3816
+ &[data-state='on'] {
3516
3817
  color: var(--color-white);
3517
3818
  }
3518
3819
  }
3519
3820
  .data-\[state\=open\]\:bg-primary\/10 {
3520
- &[data-state="open"] {
3821
+ &[data-state='open'] {
3521
3822
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3522
3823
  }
3523
3824
  }
3524
3825
  .data-\[state\=open\]\:duration-500 {
3525
- &[data-state="open"] {
3826
+ &[data-state='open'] {
3526
3827
  --tw-duration: 500ms;
3527
3828
  transition-duration: 500ms;
3528
3829
  }
3529
3830
  }
3530
3831
  .data-\[state\=open\]\:animate-in {
3531
- &[data-state="open"] {
3832
+ &[data-state='open'] {
3532
3833
  animation-name: enter;
3533
3834
  animation-duration: 150ms;
3534
3835
  --tw-enter-opacity: initial;
@@ -3539,48 +3840,48 @@
3539
3840
  }
3540
3841
  }
3541
3842
  .data-\[state\=open\]\:duration-500 {
3542
- &[data-state="open"] {
3843
+ &[data-state='open'] {
3543
3844
  animation-duration: 500ms;
3544
3845
  }
3545
3846
  }
3546
3847
  .data-\[state\=open\]\:fade-in-0 {
3547
- &[data-state="open"] {
3848
+ &[data-state='open'] {
3548
3849
  --tw-enter-opacity: 0;
3549
3850
  }
3550
3851
  }
3551
3852
  .data-\[state\=open\]\:slide-in-from-bottom {
3552
- &[data-state="open"] {
3853
+ &[data-state='open'] {
3553
3854
  --tw-enter-translate-y: 100%;
3554
3855
  }
3555
3856
  }
3556
3857
  .data-\[state\=open\]\:slide-in-from-left {
3557
- &[data-state="open"] {
3858
+ &[data-state='open'] {
3558
3859
  --tw-enter-translate-x: -100%;
3559
3860
  }
3560
3861
  }
3561
3862
  .data-\[state\=open\]\:slide-in-from-right {
3562
- &[data-state="open"] {
3863
+ &[data-state='open'] {
3563
3864
  --tw-enter-translate-x: 100%;
3564
3865
  }
3565
3866
  }
3566
3867
  .data-\[state\=open\]\:slide-in-from-top {
3567
- &[data-state="open"] {
3868
+ &[data-state='open'] {
3568
3869
  --tw-enter-translate-y: -100%;
3569
3870
  }
3570
3871
  }
3571
3872
  .data-\[state\=open\]\:zoom-in-90 {
3572
- &[data-state="open"] {
3573
- --tw-enter-scale: .9;
3873
+ &[data-state='open'] {
3874
+ --tw-enter-scale: 0.9;
3574
3875
  }
3575
3876
  }
3576
3877
  .data-\[state\=open\]\:zoom-in-95 {
3577
- &[data-state="open"] {
3578
- --tw-enter-scale: .95;
3878
+ &[data-state='open'] {
3879
+ --tw-enter-scale: 0.95;
3579
3880
  }
3580
3881
  }
3581
3882
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in {
3582
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3583
- &[data-state="open"] {
3883
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3884
+ &[data-state='open'] {
3584
3885
  animation-name: enter;
3585
3886
  animation-duration: 150ms;
3586
3887
  --tw-enter-opacity: initial;
@@ -3592,21 +3893,21 @@
3592
3893
  }
3593
3894
  }
3594
3895
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0 {
3595
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3596
- &[data-state="open"] {
3896
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3897
+ &[data-state='open'] {
3597
3898
  --tw-enter-opacity: 0;
3598
3899
  }
3599
3900
  }
3600
3901
  }
3601
3902
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95 {
3602
- &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3603
- &[data-state="open"] {
3604
- --tw-enter-scale: .95;
3903
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3904
+ &[data-state='open'] {
3905
+ --tw-enter-scale: 0.95;
3605
3906
  }
3606
3907
  }
3607
3908
  }
3608
3909
  .data-\[state\=open\]\:hover\:bg-primary\/10 {
3609
- &[data-state="open"] {
3910
+ &[data-state='open'] {
3610
3911
  &:hover {
3611
3912
  @media (hover: hover) {
3612
3913
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
@@ -3615,30 +3916,30 @@
3615
3916
  }
3616
3917
  }
3617
3918
  .data-\[state\=open\]\:focus\:bg-primary\/10 {
3618
- &[data-state="open"] {
3919
+ &[data-state='open'] {
3619
3920
  &:focus {
3620
3921
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3621
3922
  }
3622
3923
  }
3623
3924
  }
3624
3925
  .data-\[state\=selected\]\:bg-muted {
3625
- &[data-state="selected"] {
3926
+ &[data-state='selected'] {
3626
3927
  background-color: var(--muted);
3627
3928
  }
3628
3929
  }
3629
3930
  .data-\[state\=unchecked\]\:translate-x-0 {
3630
- &[data-state="unchecked"] {
3931
+ &[data-state='unchecked'] {
3631
3932
  --tw-translate-x: calc(var(--spacing) * 0);
3632
3933
  translate: var(--tw-translate-x) var(--tw-translate-y);
3633
3934
  }
3634
3935
  }
3635
3936
  .data-\[state\=unchecked\]\:bg-input {
3636
- &[data-state="unchecked"] {
3937
+ &[data-state='unchecked'] {
3637
3938
  background-color: var(--input);
3638
3939
  }
3639
3940
  }
3640
3941
  .data-\[state\=visible\]\:animate-in {
3641
- &[data-state="visible"] {
3942
+ &[data-state='visible'] {
3642
3943
  animation-name: enter;
3643
3944
  animation-duration: 150ms;
3644
3945
  --tw-enter-opacity: initial;
@@ -3649,24 +3950,26 @@
3649
3950
  }
3650
3951
  }
3651
3952
  .data-\[state\=visible\]\:fade-in {
3652
- &[data-state="visible"] {
3953
+ &[data-state='visible'] {
3653
3954
  --tw-enter-opacity: 0;
3654
3955
  }
3655
3956
  }
3656
3957
  .data-\[variant\=outline\]\:border-l-0 {
3657
- &[data-variant="outline"] {
3958
+ &[data-variant='outline'] {
3658
3959
  border-left-style: var(--tw-border-style);
3659
3960
  border-left-width: 0px;
3660
3961
  }
3661
3962
  }
3662
3963
  .data-\[variant\=outline\]\:shadow-xs {
3663
- &[data-variant="outline"] {
3964
+ &[data-variant='outline'] {
3664
3965
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
3665
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3966
+ box-shadow:
3967
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3968
+ var(--tw-ring-shadow), var(--tw-shadow);
3666
3969
  }
3667
3970
  }
3668
3971
  .data-\[variant\=outline\]\:first\:border-l {
3669
- &[data-variant="outline"] {
3972
+ &[data-variant='outline'] {
3670
3973
  &:first-child {
3671
3974
  border-left-style: var(--tw-border-style);
3672
3975
  border-left-width: 1px;
@@ -3674,119 +3977,119 @@
3674
3977
  }
3675
3978
  }
3676
3979
  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0 {
3677
- &[data-vaul-drawer-direction="bottom"] {
3980
+ &[data-vaul-drawer-direction='bottom'] {
3678
3981
  inset-inline: calc(var(--spacing) * 0);
3679
3982
  }
3680
3983
  }
3681
3984
  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0 {
3682
- &[data-vaul-drawer-direction="bottom"] {
3985
+ &[data-vaul-drawer-direction='bottom'] {
3683
3986
  bottom: calc(var(--spacing) * 0);
3684
3987
  }
3685
3988
  }
3686
3989
  .data-\[vaul-drawer-direction\=bottom\]\:mt-24 {
3687
- &[data-vaul-drawer-direction="bottom"] {
3990
+ &[data-vaul-drawer-direction='bottom'] {
3688
3991
  margin-top: calc(var(--spacing) * 24);
3689
3992
  }
3690
3993
  }
3691
3994
  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\] {
3692
- &[data-vaul-drawer-direction="bottom"] {
3995
+ &[data-vaul-drawer-direction='bottom'] {
3693
3996
  max-height: 80vh;
3694
3997
  }
3695
3998
  }
3696
3999
  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg {
3697
- &[data-vaul-drawer-direction="bottom"] {
4000
+ &[data-vaul-drawer-direction='bottom'] {
3698
4001
  border-top-left-radius: var(--radius-lg);
3699
4002
  border-top-right-radius: var(--radius-lg);
3700
4003
  }
3701
4004
  }
3702
4005
  .data-\[vaul-drawer-direction\=bottom\]\:border-t {
3703
- &[data-vaul-drawer-direction="bottom"] {
4006
+ &[data-vaul-drawer-direction='bottom'] {
3704
4007
  border-top-style: var(--tw-border-style);
3705
4008
  border-top-width: 1px;
3706
4009
  }
3707
4010
  }
3708
4011
  .data-\[vaul-drawer-direction\=left\]\:inset-y-0 {
3709
- &[data-vaul-drawer-direction="left"] {
4012
+ &[data-vaul-drawer-direction='left'] {
3710
4013
  inset-block: calc(var(--spacing) * 0);
3711
4014
  }
3712
4015
  }
3713
4016
  .data-\[vaul-drawer-direction\=left\]\:left-0 {
3714
- &[data-vaul-drawer-direction="left"] {
4017
+ &[data-vaul-drawer-direction='left'] {
3715
4018
  left: calc(var(--spacing) * 0);
3716
4019
  }
3717
4020
  }
3718
4021
  .data-\[vaul-drawer-direction\=left\]\:w-3\/4 {
3719
- &[data-vaul-drawer-direction="left"] {
3720
- width: calc(3/4 * 100%);
4022
+ &[data-vaul-drawer-direction='left'] {
4023
+ width: calc(3 / 4 * 100%);
3721
4024
  }
3722
4025
  }
3723
4026
  .data-\[vaul-drawer-direction\=left\]\:border-r {
3724
- &[data-vaul-drawer-direction="left"] {
4027
+ &[data-vaul-drawer-direction='left'] {
3725
4028
  border-right-style: var(--tw-border-style);
3726
4029
  border-right-width: 1px;
3727
4030
  }
3728
4031
  }
3729
4032
  .data-\[vaul-drawer-direction\=right\]\:inset-y-0 {
3730
- &[data-vaul-drawer-direction="right"] {
4033
+ &[data-vaul-drawer-direction='right'] {
3731
4034
  inset-block: calc(var(--spacing) * 0);
3732
4035
  }
3733
4036
  }
3734
4037
  .data-\[vaul-drawer-direction\=right\]\:right-0 {
3735
- &[data-vaul-drawer-direction="right"] {
4038
+ &[data-vaul-drawer-direction='right'] {
3736
4039
  right: calc(var(--spacing) * 0);
3737
4040
  }
3738
4041
  }
3739
4042
  .data-\[vaul-drawer-direction\=right\]\:w-3\/4 {
3740
- &[data-vaul-drawer-direction="right"] {
3741
- width: calc(3/4 * 100%);
4043
+ &[data-vaul-drawer-direction='right'] {
4044
+ width: calc(3 / 4 * 100%);
3742
4045
  }
3743
4046
  }
3744
4047
  .data-\[vaul-drawer-direction\=right\]\:border-l {
3745
- &[data-vaul-drawer-direction="right"] {
4048
+ &[data-vaul-drawer-direction='right'] {
3746
4049
  border-left-style: var(--tw-border-style);
3747
4050
  border-left-width: 1px;
3748
4051
  }
3749
4052
  }
3750
4053
  .data-\[vaul-drawer-direction\=top\]\:inset-x-0 {
3751
- &[data-vaul-drawer-direction="top"] {
4054
+ &[data-vaul-drawer-direction='top'] {
3752
4055
  inset-inline: calc(var(--spacing) * 0);
3753
4056
  }
3754
4057
  }
3755
4058
  .data-\[vaul-drawer-direction\=top\]\:top-0 {
3756
- &[data-vaul-drawer-direction="top"] {
4059
+ &[data-vaul-drawer-direction='top'] {
3757
4060
  top: calc(var(--spacing) * 0);
3758
4061
  }
3759
4062
  }
3760
4063
  .data-\[vaul-drawer-direction\=top\]\:mb-24 {
3761
- &[data-vaul-drawer-direction="top"] {
4064
+ &[data-vaul-drawer-direction='top'] {
3762
4065
  margin-bottom: calc(var(--spacing) * 24);
3763
4066
  }
3764
4067
  }
3765
4068
  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\] {
3766
- &[data-vaul-drawer-direction="top"] {
4069
+ &[data-vaul-drawer-direction='top'] {
3767
4070
  max-height: 80vh;
3768
4071
  }
3769
4072
  }
3770
4073
  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg {
3771
- &[data-vaul-drawer-direction="top"] {
4074
+ &[data-vaul-drawer-direction='top'] {
3772
4075
  border-bottom-right-radius: var(--radius-lg);
3773
4076
  border-bottom-left-radius: var(--radius-lg);
3774
4077
  }
3775
4078
  }
3776
4079
  .data-\[vaul-drawer-direction\=top\]\:border-b {
3777
- &[data-vaul-drawer-direction="top"] {
4080
+ &[data-vaul-drawer-direction='top'] {
3778
4081
  border-bottom-style: var(--tw-border-style);
3779
4082
  border-bottom-width: 1px;
3780
4083
  }
3781
4084
  }
3782
- .sm\:mr-8 {
4085
+ .sm\:block {
3783
4086
  @media (width >= 40rem) {
3784
- margin-right: calc(var(--spacing) * 8);
4087
+ display: block;
3785
4088
  }
3786
4089
  }
3787
- .sm\:block {
4090
+ .sm\:flex {
3788
4091
  @media (width >= 40rem) {
3789
- display: block;
4092
+ display: flex;
3790
4093
  }
3791
4094
  }
3792
4095
  .sm\:max-w-lg {
@@ -3879,6 +4182,11 @@
3879
4182
  padding-right: calc(var(--spacing) * 2.5);
3880
4183
  }
3881
4184
  }
4185
+ .sm\:pr-12 {
4186
+ @media (width >= 40rem) {
4187
+ padding-right: calc(var(--spacing) * 12);
4188
+ }
4189
+ }
3882
4190
  .sm\:pl-2\.5 {
3883
4191
  @media (width >= 40rem) {
3884
4192
  padding-left: calc(var(--spacing) * 2.5);
@@ -3909,7 +4217,7 @@
3909
4217
  .sm\:\*\:data-\[slot\=icon\]\:my-1 {
3910
4218
  @media (width >= 40rem) {
3911
4219
  :is(& > *) {
3912
- &[data-slot="icon"] {
4220
+ &[data-slot='icon'] {
3913
4221
  margin-block: calc(var(--spacing) * 1);
3914
4222
  }
3915
4223
  }
@@ -3918,7 +4226,7 @@
3918
4226
  .sm\:\*\:data-\[slot\=icon\]\:size-3 {
3919
4227
  @media (width >= 40rem) {
3920
4228
  :is(& > *) {
3921
- &[data-slot="icon"] {
4229
+ &[data-slot='icon'] {
3922
4230
  width: calc(var(--spacing) * 3);
3923
4231
  height: calc(var(--spacing) * 3);
3924
4232
  }
@@ -3928,7 +4236,7 @@
3928
4236
  .sm\:\*\:data-\[slot\=icon\]\:size-5 {
3929
4237
  @media (width >= 40rem) {
3930
4238
  :is(& > *) {
3931
- &[data-slot="icon"] {
4239
+ &[data-slot='icon'] {
3932
4240
  width: calc(var(--spacing) * 5);
3933
4241
  height: calc(var(--spacing) * 5);
3934
4242
  }
@@ -3936,14 +4244,14 @@
3936
4244
  }
3937
4245
  }
3938
4246
  .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm {
3939
- &[data-vaul-drawer-direction="left"] {
4247
+ &[data-vaul-drawer-direction='left'] {
3940
4248
  @media (width >= 40rem) {
3941
4249
  max-width: var(--container-sm);
3942
4250
  }
3943
4251
  }
3944
4252
  }
3945
4253
  .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm {
3946
- &[data-vaul-drawer-direction="right"] {
4254
+ &[data-vaul-drawer-direction='right'] {
3947
4255
  @media (width >= 40rem) {
3948
4256
  max-width: var(--container-sm);
3949
4257
  }
@@ -3954,14 +4262,14 @@
3954
4262
  position: absolute;
3955
4263
  }
3956
4264
  }
3957
- .md\:mr-0 {
4265
+ .md\:h-16 {
3958
4266
  @media (width >= 48rem) {
3959
- margin-right: calc(var(--spacing) * 0);
4267
+ height: calc(var(--spacing) * 16);
3960
4268
  }
3961
4269
  }
3962
- .md\:h-16 {
4270
+ .md\:w-40 {
3963
4271
  @media (width >= 48rem) {
3964
- height: calc(var(--spacing) * 16);
4272
+ width: calc(var(--spacing) * 40);
3965
4273
  }
3966
4274
  }
3967
4275
  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
@@ -4035,11 +4343,21 @@
4035
4343
  display: none;
4036
4344
  }
4037
4345
  }
4346
+ .lg\:inline-flex {
4347
+ @media (width >= 64rem) {
4348
+ display: inline-flex;
4349
+ }
4350
+ }
4038
4351
  .lg\:h-14 {
4039
4352
  @media (width >= 64rem) {
4040
4353
  height: calc(var(--spacing) * 14);
4041
4354
  }
4042
4355
  }
4356
+ .lg\:w-64 {
4357
+ @media (width >= 64rem) {
4358
+ width: calc(var(--spacing) * 64);
4359
+ }
4360
+ }
4043
4361
  .lg\:w-80 {
4044
4362
  @media (width >= 64rem) {
4045
4363
  width: calc(var(--spacing) * 80);
@@ -4119,6 +4437,18 @@
4119
4437
  text-align: left;
4120
4438
  }
4121
4439
  }
4440
+ .lg\:text-3xl {
4441
+ @media (width >= 64rem) {
4442
+ font-size: var(--text-3xl);
4443
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
4444
+ }
4445
+ }
4446
+ .lg\:text-5xl {
4447
+ @media (width >= 64rem) {
4448
+ font-size: var(--text-5xl);
4449
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
4450
+ }
4451
+ }
4122
4452
  .lg\:text-sm {
4123
4453
  @media (width >= 64rem) {
4124
4454
  font-size: var(--text-sm);
@@ -4190,6 +4520,11 @@
4190
4520
  display: none;
4191
4521
  }
4192
4522
  }
4523
+ .dark\:border-gray-600 {
4524
+ &:where(.dark, .dark *) {
4525
+ border-color: var(--color-gray-600);
4526
+ }
4527
+ }
4193
4528
  .dark\:border-nsw-grey-50 {
4194
4529
  &:where(.dark, .dark *) {
4195
4530
  border-color: var(--color-nsw-grey-50);
@@ -4252,6 +4587,21 @@
4252
4587
  background-color: var(--color-blue-950);
4253
4588
  }
4254
4589
  }
4590
+ .dark\:bg-gray-700 {
4591
+ &:where(.dark, .dark *) {
4592
+ background-color: var(--color-gray-700);
4593
+ }
4594
+ }
4595
+ .dark\:bg-gray-800 {
4596
+ &:where(.dark, .dark *) {
4597
+ background-color: var(--color-gray-800);
4598
+ }
4599
+ }
4600
+ .dark\:bg-gray-900 {
4601
+ &:where(.dark, .dark *) {
4602
+ background-color: var(--color-gray-900);
4603
+ }
4604
+ }
4255
4605
  .dark\:bg-input\/30 {
4256
4606
  &:where(.dark, .dark *) {
4257
4607
  background-color: var(--input);
@@ -4304,6 +4654,11 @@
4304
4654
  fill: var(--color-white);
4305
4655
  }
4306
4656
  }
4657
+ .dark\:text-gray-400 {
4658
+ &:where(.dark, .dark *) {
4659
+ color: var(--color-gray-400);
4660
+ }
4661
+ }
4307
4662
  .dark\:text-muted-foreground {
4308
4663
  &:where(.dark, .dark *) {
4309
4664
  color: var(--muted-foreground);
@@ -4360,14 +4715,22 @@
4360
4715
  .dark\:shadow-none {
4361
4716
  &:where(.dark, .dark *) {
4362
4717
  --tw-shadow: 0 0 #0000;
4363
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4718
+ box-shadow:
4719
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
4720
+ var(--tw-ring-shadow), var(--tw-shadow);
4364
4721
  }
4365
4722
  }
4366
4723
  .dark\:backdrop-blur-sm {
4367
4724
  &:where(.dark, .dark *) {
4368
4725
  --tw-backdrop-blur: blur(var(--blur-sm));
4369
- -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,);
4370
- 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,);
4726
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
4727
+ var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
4728
+ var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
4729
+ var(--tw-backdrop-sepia,);
4730
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
4731
+ var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
4732
+ var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
4733
+ var(--tw-backdrop-sepia,);
4371
4734
  }
4372
4735
  }
4373
4736
  .dark\:\[--badge-bg\:var\(--color-accent\)\]\/50 {
@@ -4505,7 +4868,11 @@
4505
4868
  }
4506
4869
  .dark\:\[--focus-outline\:var\(--color-accent-dark\)\]\/80 {
4507
4870
  &:where(.dark, .dark *) {
4508
- --focus-outline: color-mix(in srgb, oklch(0.50075 0.19485 19.529999999999998) 80%, transparent);
4871
+ --focus-outline: color-mix(
4872
+ in srgb,
4873
+ oklch(0.50075 0.19485 19.529999999999998) 80%,
4874
+ transparent
4875
+ );
4509
4876
  @supports (color: color-mix(in lab, red, red)) {
4510
4877
  --focus-outline: color-mix(in oklab, var(--color-accent-dark) 80%, transparent);
4511
4878
  }
@@ -4513,7 +4880,11 @@
4513
4880
  }
4514
4881
  .dark\:\[--focus-outline\:var\(--color-error-dark\)\]\/80 {
4515
4882
  &:where(.dark, .dark *) {
4516
- --focus-outline: color-mix(in srgb, oklch(0.41415 0.16379500000000002 18.08) 80%, transparent);
4883
+ --focus-outline: color-mix(
4884
+ in srgb,
4885
+ oklch(0.41415 0.16379500000000002 18.08) 80%,
4886
+ transparent
4887
+ );
4517
4888
  @supports (color: color-mix(in lab, red, red)) {
4518
4889
  --focus-outline: color-mix(in oklab, var(--color-error-dark) 80%, transparent);
4519
4890
  }
@@ -4521,7 +4892,11 @@
4521
4892
  }
4522
4893
  .dark\:\[--focus-outline\:var\(--color-info-dark\)\]\/80 {
4523
4894
  &:where(.dark, .dark *) {
4524
- --focus-outline: color-mix(in srgb, oklch(0.371745 0.10480500000000001 262.35) 80%, transparent);
4895
+ --focus-outline: color-mix(
4896
+ in srgb,
4897
+ oklch(0.371745 0.10480500000000001 262.35) 80%,
4898
+ transparent
4899
+ );
4525
4900
  @supports (color: color-mix(in lab, red, red)) {
4526
4901
  --focus-outline: color-mix(in oklab, var(--color-info-dark) 80%, transparent);
4527
4902
  }
@@ -4741,7 +5116,7 @@
4741
5116
  }
4742
5117
  .dark\:group-data-\[state\=checked\]\:border-nsw-grey-400 {
4743
5118
  &:where(.dark, .dark *) {
4744
- &:is(:where(.group)[data-state="checked"] *) {
5119
+ &:is(:where(.group)[data-state='checked'] *) {
4745
5120
  border-color: var(--color-nsw-grey-400);
4746
5121
  }
4747
5122
  }
@@ -4779,6 +5154,15 @@
4779
5154
  }
4780
5155
  }
4781
5156
  }
5157
+ .dark\:hover\:bg-gray-700 {
5158
+ &:where(.dark, .dark *) {
5159
+ &:hover {
5160
+ @media (hover: hover) {
5161
+ background-color: var(--color-gray-700);
5162
+ }
5163
+ }
5164
+ }
5165
+ }
4782
5166
  .dark\:hover\:bg-input\/50 {
4783
5167
  &:where(.dark, .dark *) {
4784
5168
  &:hover {
@@ -4830,6 +5214,15 @@
4830
5214
  }
4831
5215
  }
4832
5216
  }
5217
+ .hover\:dark\:text-gray-300 {
5218
+ &:hover {
5219
+ @media (hover: hover) {
5220
+ &:where(.dark, .dark *) {
5221
+ color: var(--color-gray-300);
5222
+ }
5223
+ }
5224
+ }
5225
+ }
4833
5226
  .dark\:hover\:outline-white\/10 {
4834
5227
  &:where(.dark, .dark *) {
4835
5228
  &:hover {
@@ -4870,7 +5263,7 @@
4870
5263
  }
4871
5264
  .dark\:aria-invalid\:ring-error\/40 {
4872
5265
  &:where(.dark, .dark *) {
4873
- &[aria-invalid="true"] {
5266
+ &[aria-invalid='true'] {
4874
5267
  --tw-ring-color: color-mix(in oklab, oklch(0.502 0.1927 18.08) 40%, transparent);
4875
5268
  }
4876
5269
  }
@@ -4981,7 +5374,7 @@
4981
5374
  }
4982
5375
  .dark\:data-\[state\=active\]\:bg-input\/30 {
4983
5376
  &:where(.dark, .dark *) {
4984
- &[data-state="active"] {
5377
+ &[data-state='active'] {
4985
5378
  background-color: var(--input);
4986
5379
  @supports (color: color-mix(in lab, red, red)) {
4987
5380
  background-color: color-mix(in oklab, var(--input) 30%, transparent);
@@ -4991,21 +5384,21 @@
4991
5384
  }
4992
5385
  .dark\:data-\[state\=active\]\:text-foreground {
4993
5386
  &:where(.dark, .dark *) {
4994
- &[data-state="active"] {
5387
+ &[data-state='active'] {
4995
5388
  color: var(--foreground);
4996
5389
  }
4997
5390
  }
4998
5391
  }
4999
5392
  .dark\:data-\[state\=checked\]\:bg-primary {
5000
5393
  &:where(.dark, .dark *) {
5001
- &[data-state="checked"] {
5394
+ &[data-state='checked'] {
5002
5395
  background-color: oklch(0.29 0.1173 259.84);
5003
5396
  }
5004
5397
  }
5005
5398
  }
5006
5399
  .dark\:data-\[state\=on\]\:bg-white\/10 {
5007
5400
  &:where(.dark, .dark *) {
5008
- &[data-state="on"] {
5401
+ &[data-state='on'] {
5009
5402
  background-color: color-mix(in srgb, #fff 10%, transparent);
5010
5403
  @supports (color: color-mix(in lab, red, red)) {
5011
5404
  background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
@@ -5015,21 +5408,21 @@
5015
5408
  }
5016
5409
  .dark\:data-\[state\=on\]\:text-white {
5017
5410
  &:where(.dark, .dark *) {
5018
- &[data-state="on"] {
5411
+ &[data-state='on'] {
5019
5412
  color: var(--color-white);
5020
5413
  }
5021
5414
  }
5022
5415
  }
5023
5416
  .dark\:data-\[state\=unchecked\]\:bg-foreground {
5024
5417
  &:where(.dark, .dark *) {
5025
- &[data-state="unchecked"] {
5418
+ &[data-state='unchecked'] {
5026
5419
  background-color: var(--foreground);
5027
5420
  }
5028
5421
  }
5029
5422
  }
5030
5423
  .dark\:data-\[state\=unchecked\]\:bg-input\/80 {
5031
5424
  &:where(.dark, .dark *) {
5032
- &[data-state="unchecked"] {
5425
+ &[data-state='unchecked'] {
5033
5426
  background-color: var(--input);
5034
5427
  @supports (color: color-mix(in lab, red, red)) {
5035
5428
  background-color: color-mix(in oklab, var(--input) 80%, transparent);
@@ -5088,7 +5481,7 @@
5088
5481
  }
5089
5482
  }
5090
5483
  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
5091
- & [cmdk-group]:not([hidden]) ~[cmdk-group] {
5484
+ & [cmdk-group]:not([hidden]) ~ [cmdk-group] {
5092
5485
  padding-top: calc(var(--spacing) * 0);
5093
5486
  }
5094
5487
  }
@@ -5144,7 +5537,7 @@
5144
5537
  }
5145
5538
  }
5146
5539
  .\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\]\:size-4 {
5147
- & svg:not([class*="size-"]) {
5540
+ & svg:not([class*='size-']) {
5148
5541
  width: calc(var(--spacing) * 4);
5149
5542
  height: calc(var(--spacing) * 4);
5150
5543
  }
@@ -5179,12 +5572,12 @@
5179
5572
  }
5180
5573
  }
5181
5574
  .\[\&\:has\(\[data-state\=checked\]\)\]\:border-nsw-grey-800 {
5182
- &:has([data-state=checked]) {
5575
+ &:has([data-state='checked']) {
5183
5576
  border-color: var(--color-nsw-grey-800);
5184
5577
  }
5185
5578
  }
5186
5579
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
5187
- &:has([role=checkbox]) {
5580
+ &:has([role='checkbox']) {
5188
5581
  padding-right: calc(var(--spacing) * 0);
5189
5582
  }
5190
5583
  }
@@ -5226,36 +5619,36 @@
5226
5619
  }
5227
5620
  }
5228
5621
  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] {
5229
- &>[role=checkbox] {
5622
+ & > [role='checkbox'] {
5230
5623
  --tw-translate-y: 2px;
5231
5624
  translate: var(--tw-translate-x) var(--tw-translate-y);
5232
5625
  }
5233
5626
  }
5234
5627
  .\[\&\>svg\]\:size-4 {
5235
- &>svg {
5628
+ & > svg {
5236
5629
  width: calc(var(--spacing) * 4);
5237
5630
  height: calc(var(--spacing) * 4);
5238
5631
  }
5239
5632
  }
5240
5633
  .\[\&\>svg\]\:size-5 {
5241
- &>svg {
5634
+ & > svg {
5242
5635
  width: calc(var(--spacing) * 5);
5243
5636
  height: calc(var(--spacing) * 5);
5244
5637
  }
5245
5638
  }
5246
5639
  .\[\&\>svg\]\:translate-y-0\.5 {
5247
- &>svg {
5640
+ & > svg {
5248
5641
  --tw-translate-y: calc(var(--spacing) * 0.5);
5249
5642
  translate: var(--tw-translate-x) var(--tw-translate-y);
5250
5643
  }
5251
5644
  }
5252
5645
  .\[\&\>svg\]\:text-current {
5253
- &>svg {
5646
+ & > svg {
5254
5647
  color: currentcolor;
5255
5648
  }
5256
5649
  }
5257
5650
  .\[\&\>tr\]\:last\:border-b-0 {
5258
- &>tr {
5651
+ & > tr {
5259
5652
  &:last-child {
5260
5653
  border-bottom-style: var(--tw-border-style);
5261
5654
  border-bottom-width: 0px;
@@ -5263,23 +5656,23 @@
5263
5656
  }
5264
5657
  }
5265
5658
  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90 {
5266
- &[data-panel-group-direction=vertical]>div {
5659
+ &[data-panel-group-direction='vertical'] > div {
5267
5660
  rotate: 90deg;
5268
5661
  }
5269
5662
  }
5270
5663
  .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
5271
- &[data-state=open]>svg {
5664
+ &[data-state='open'] > svg {
5272
5665
  rotate: 180deg;
5273
5666
  }
5274
5667
  }
5275
5668
  .\[\@media\(pointer\:fine\)\]\:hidden {
5276
- @media (pointer:fine) {
5669
+ @media (pointer: fine) {
5277
5670
  display: none;
5278
5671
  }
5279
5672
  }
5280
5673
  .dark\:\[\@supports\(backdrop-filter\:blur\(0\)\)\]\:bg-slate-900\/75 {
5281
5674
  &:where(.dark, .dark *) {
5282
- @supports (backdrop-filter:blur(0)) {
5675
+ @supports (backdrop-filter: blur(0)) {
5283
5676
  background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 75%, transparent);
5284
5677
  @supports (color: color-mix(in lab, red, red)) {
5285
5678
  background-color: color-mix(in oklab, var(--color-slate-900) 75%, transparent);
@@ -5325,256 +5718,260 @@
5325
5718
  @keyframes enter {
5326
5719
  from {
5327
5720
  opacity: var(--tw-enter-opacity, 1);
5328
- 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));
5721
+ transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
5722
+ scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))
5723
+ rotate(var(--tw-enter-rotate, 0));
5329
5724
  }
5330
5725
  }
5331
5726
  @keyframes exit {
5332
5727
  to {
5333
5728
  opacity: var(--tw-exit-opacity, 1);
5334
- 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));
5729
+ transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
5730
+ scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))
5731
+ rotate(var(--tw-exit-rotate, 0));
5335
5732
  }
5336
5733
  }
5337
5734
  @property --tw-translate-x {
5338
- syntax: "*";
5735
+ syntax: '*';
5339
5736
  inherits: false;
5340
5737
  initial-value: 0;
5341
5738
  }
5342
5739
  @property --tw-translate-y {
5343
- syntax: "*";
5740
+ syntax: '*';
5344
5741
  inherits: false;
5345
5742
  initial-value: 0;
5346
5743
  }
5347
5744
  @property --tw-translate-z {
5348
- syntax: "*";
5745
+ syntax: '*';
5349
5746
  inherits: false;
5350
5747
  initial-value: 0;
5351
5748
  }
5352
5749
  @property --tw-scale-x {
5353
- syntax: "*";
5750
+ syntax: '*';
5354
5751
  inherits: false;
5355
5752
  initial-value: 1;
5356
5753
  }
5357
5754
  @property --tw-scale-y {
5358
- syntax: "*";
5755
+ syntax: '*';
5359
5756
  inherits: false;
5360
5757
  initial-value: 1;
5361
5758
  }
5362
5759
  @property --tw-scale-z {
5363
- syntax: "*";
5760
+ syntax: '*';
5364
5761
  inherits: false;
5365
5762
  initial-value: 1;
5366
5763
  }
5367
5764
  @property --tw-rotate-x {
5368
- syntax: "*";
5765
+ syntax: '*';
5369
5766
  inherits: false;
5370
5767
  initial-value: rotateX(0);
5371
5768
  }
5372
5769
  @property --tw-rotate-y {
5373
- syntax: "*";
5770
+ syntax: '*';
5374
5771
  inherits: false;
5375
5772
  initial-value: rotateY(0);
5376
5773
  }
5377
5774
  @property --tw-rotate-z {
5378
- syntax: "*";
5775
+ syntax: '*';
5379
5776
  inherits: false;
5380
5777
  initial-value: rotateZ(0);
5381
5778
  }
5382
5779
  @property --tw-skew-x {
5383
- syntax: "*";
5780
+ syntax: '*';
5384
5781
  inherits: false;
5385
5782
  initial-value: skewX(0);
5386
5783
  }
5387
5784
  @property --tw-skew-y {
5388
- syntax: "*";
5785
+ syntax: '*';
5389
5786
  inherits: false;
5390
5787
  initial-value: skewY(0);
5391
5788
  }
5392
5789
  @property --tw-space-y-reverse {
5393
- syntax: "*";
5790
+ syntax: '*';
5394
5791
  inherits: false;
5395
5792
  initial-value: 0;
5396
5793
  }
5397
5794
  @property --tw-space-x-reverse {
5398
- syntax: "*";
5795
+ syntax: '*';
5399
5796
  inherits: false;
5400
5797
  initial-value: 0;
5401
5798
  }
5402
5799
  @property --tw-border-style {
5403
- syntax: "*";
5800
+ syntax: '*';
5404
5801
  inherits: false;
5405
5802
  initial-value: solid;
5406
5803
  }
5407
5804
  @property --tw-gradient-position {
5408
- syntax: "*";
5805
+ syntax: '*';
5409
5806
  inherits: false;
5410
5807
  }
5411
5808
  @property --tw-gradient-from {
5412
- syntax: "<color>";
5809
+ syntax: '<color>';
5413
5810
  inherits: false;
5414
5811
  initial-value: #0000;
5415
5812
  }
5416
5813
  @property --tw-gradient-via {
5417
- syntax: "<color>";
5814
+ syntax: '<color>';
5418
5815
  inherits: false;
5419
5816
  initial-value: #0000;
5420
5817
  }
5421
5818
  @property --tw-gradient-to {
5422
- syntax: "<color>";
5819
+ syntax: '<color>';
5423
5820
  inherits: false;
5424
5821
  initial-value: #0000;
5425
5822
  }
5426
5823
  @property --tw-gradient-stops {
5427
- syntax: "*";
5824
+ syntax: '*';
5428
5825
  inherits: false;
5429
5826
  }
5430
5827
  @property --tw-gradient-via-stops {
5431
- syntax: "*";
5828
+ syntax: '*';
5432
5829
  inherits: false;
5433
5830
  }
5434
5831
  @property --tw-gradient-from-position {
5435
- syntax: "<length-percentage>";
5832
+ syntax: '<length-percentage>';
5436
5833
  inherits: false;
5437
5834
  initial-value: 0%;
5438
5835
  }
5439
5836
  @property --tw-gradient-via-position {
5440
- syntax: "<length-percentage>";
5837
+ syntax: '<length-percentage>';
5441
5838
  inherits: false;
5442
5839
  initial-value: 50%;
5443
5840
  }
5444
5841
  @property --tw-gradient-to-position {
5445
- syntax: "<length-percentage>";
5842
+ syntax: '<length-percentage>';
5446
5843
  inherits: false;
5447
5844
  initial-value: 100%;
5448
5845
  }
5449
5846
  @property --tw-leading {
5450
- syntax: "*";
5847
+ syntax: '*';
5451
5848
  inherits: false;
5452
5849
  }
5453
5850
  @property --tw-font-weight {
5454
- syntax: "*";
5851
+ syntax: '*';
5455
5852
  inherits: false;
5456
5853
  }
5457
5854
  @property --tw-tracking {
5458
- syntax: "*";
5855
+ syntax: '*';
5459
5856
  inherits: false;
5460
5857
  }
5461
5858
  @property --tw-shadow {
5462
- syntax: "*";
5859
+ syntax: '*';
5463
5860
  inherits: false;
5464
5861
  initial-value: 0 0 #0000;
5465
5862
  }
5466
5863
  @property --tw-shadow-color {
5467
- syntax: "*";
5864
+ syntax: '*';
5468
5865
  inherits: false;
5469
5866
  }
5470
5867
  @property --tw-shadow-alpha {
5471
- syntax: "<percentage>";
5868
+ syntax: '<percentage>';
5472
5869
  inherits: false;
5473
5870
  initial-value: 100%;
5474
5871
  }
5475
5872
  @property --tw-inset-shadow {
5476
- syntax: "*";
5873
+ syntax: '*';
5477
5874
  inherits: false;
5478
5875
  initial-value: 0 0 #0000;
5479
5876
  }
5480
5877
  @property --tw-inset-shadow-color {
5481
- syntax: "*";
5878
+ syntax: '*';
5482
5879
  inherits: false;
5483
5880
  }
5484
5881
  @property --tw-inset-shadow-alpha {
5485
- syntax: "<percentage>";
5882
+ syntax: '<percentage>';
5486
5883
  inherits: false;
5487
5884
  initial-value: 100%;
5488
5885
  }
5489
5886
  @property --tw-ring-color {
5490
- syntax: "*";
5887
+ syntax: '*';
5491
5888
  inherits: false;
5492
5889
  }
5493
5890
  @property --tw-ring-shadow {
5494
- syntax: "*";
5891
+ syntax: '*';
5495
5892
  inherits: false;
5496
5893
  initial-value: 0 0 #0000;
5497
5894
  }
5498
5895
  @property --tw-inset-ring-color {
5499
- syntax: "*";
5896
+ syntax: '*';
5500
5897
  inherits: false;
5501
5898
  }
5502
5899
  @property --tw-inset-ring-shadow {
5503
- syntax: "*";
5900
+ syntax: '*';
5504
5901
  inherits: false;
5505
5902
  initial-value: 0 0 #0000;
5506
5903
  }
5507
5904
  @property --tw-ring-inset {
5508
- syntax: "*";
5905
+ syntax: '*';
5509
5906
  inherits: false;
5510
5907
  }
5511
5908
  @property --tw-ring-offset-width {
5512
- syntax: "<length>";
5909
+ syntax: '<length>';
5513
5910
  inherits: false;
5514
5911
  initial-value: 0px;
5515
5912
  }
5516
5913
  @property --tw-ring-offset-color {
5517
- syntax: "*";
5914
+ syntax: '*';
5518
5915
  inherits: false;
5519
5916
  initial-value: #fff;
5520
5917
  }
5521
5918
  @property --tw-ring-offset-shadow {
5522
- syntax: "*";
5919
+ syntax: '*';
5523
5920
  inherits: false;
5524
5921
  initial-value: 0 0 #0000;
5525
5922
  }
5526
5923
  @property --tw-outline-style {
5527
- syntax: "*";
5924
+ syntax: '*';
5528
5925
  inherits: false;
5529
5926
  initial-value: solid;
5530
5927
  }
5531
5928
  @property --tw-backdrop-blur {
5532
- syntax: "*";
5929
+ syntax: '*';
5533
5930
  inherits: false;
5534
5931
  }
5535
5932
  @property --tw-backdrop-brightness {
5536
- syntax: "*";
5933
+ syntax: '*';
5537
5934
  inherits: false;
5538
5935
  }
5539
5936
  @property --tw-backdrop-contrast {
5540
- syntax: "*";
5937
+ syntax: '*';
5541
5938
  inherits: false;
5542
5939
  }
5543
5940
  @property --tw-backdrop-grayscale {
5544
- syntax: "*";
5941
+ syntax: '*';
5545
5942
  inherits: false;
5546
5943
  }
5547
5944
  @property --tw-backdrop-hue-rotate {
5548
- syntax: "*";
5945
+ syntax: '*';
5549
5946
  inherits: false;
5550
5947
  }
5551
5948
  @property --tw-backdrop-invert {
5552
- syntax: "*";
5949
+ syntax: '*';
5553
5950
  inherits: false;
5554
5951
  }
5555
5952
  @property --tw-backdrop-opacity {
5556
- syntax: "*";
5953
+ syntax: '*';
5557
5954
  inherits: false;
5558
5955
  }
5559
5956
  @property --tw-backdrop-saturate {
5560
- syntax: "*";
5957
+ syntax: '*';
5561
5958
  inherits: false;
5562
5959
  }
5563
5960
  @property --tw-backdrop-sepia {
5564
- syntax: "*";
5961
+ syntax: '*';
5565
5962
  inherits: false;
5566
5963
  }
5567
5964
  @property --tw-duration {
5568
- syntax: "*";
5965
+ syntax: '*';
5569
5966
  inherits: false;
5570
5967
  }
5571
5968
  @property --tw-ease {
5572
- syntax: "*";
5969
+ syntax: '*';
5573
5970
  inherits: false;
5574
5971
  }
5575
5972
  @property --tw-content {
5576
- syntax: "*";
5577
- initial-value: "";
5973
+ syntax: '*';
5974
+ initial-value: '';
5578
5975
  inherits: false;
5579
5976
  }
5580
5977
  @keyframes pulse {
@@ -5583,8 +5980,12 @@
5583
5980
  }
5584
5981
  }
5585
5982
  @layer properties {
5586
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
5587
- *, ::before, ::after, ::backdrop {
5983
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
5984
+ ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
5985
+ *,
5986
+ ::before,
5987
+ ::after,
5988
+ ::backdrop {
5588
5989
  --tw-translate-x: 0;
5589
5990
  --tw-translate-y: 0;
5590
5991
  --tw-translate-z: 0;
@@ -5637,7 +6038,7 @@
5637
6038
  --tw-backdrop-sepia: initial;
5638
6039
  --tw-duration: initial;
5639
6040
  --tw-ease: initial;
5640
- --tw-content: "";
6041
+ --tw-content: '';
5641
6042
  }
5642
6043
  }
5643
6044
  }