@nswds/app 1.12.0 → 1.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/globals.css +402 -532
  2. package/dist/index.cjs +5546 -6059
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +739 -1747
  5. package/dist/index.d.ts +739 -1747
  6. package/dist/index.js +5269 -5861
  7. package/dist/index.js.map +1 -1
  8. package/dist/styles.css +486 -600
  9. package/dist/styles.css.map +1 -1
  10. package/dist/styles.d.cts +2 -1
  11. package/dist/styles.d.ts +2 -1
  12. package/package.json +2 -1
package/dist/globals.css CHANGED
@@ -2,15 +2,13 @@
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
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;
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;
13
10
  --color-red-400: oklch(70.4% 0.191 22.216);
11
+ --color-red-500: oklch(63.7% 0.237 25.331);
14
12
  --color-green-50: oklch(98.2% 0.018 155.826);
15
13
  --color-green-100: oklch(96.2% 0.044 156.743);
16
14
  --color-green-500: oklch(72.3% 0.219 149.579);
@@ -116,31 +114,17 @@
116
114
  }
117
115
  }
118
116
  @layer base {
119
- *,
120
- ::after,
121
- ::before,
122
- ::backdrop,
123
- ::file-selector-button {
117
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
124
118
  box-sizing: border-box;
125
119
  margin: 0;
126
120
  padding: 0;
127
121
  border: 0 solid;
128
122
  }
129
- html,
130
- :host {
123
+ html, :host {
131
124
  line-height: 1.5;
132
125
  -webkit-text-size-adjust: 100%;
133
126
  tab-size: 4;
134
- font-family: var(
135
- --default-font-family,
136
- ui-sans-serif,
137
- system-ui,
138
- sans-serif,
139
- 'Apple Color Emoji',
140
- 'Segoe UI Emoji',
141
- 'Segoe UI Symbol',
142
- 'Noto Color Emoji'
143
- );
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");
144
128
  font-feature-settings: var(--default-font-feature-settings, normal);
145
129
  font-variation-settings: var(--default-font-variation-settings, normal);
146
130
  -webkit-tap-highlight-color: transparent;
@@ -154,12 +138,7 @@
154
138
  -webkit-text-decoration: underline dotted;
155
139
  text-decoration: underline dotted;
156
140
  }
157
- h1,
158
- h2,
159
- h3,
160
- h4,
161
- h5,
162
- h6 {
141
+ h1, h2, h3, h4, h5, h6 {
163
142
  font-size: inherit;
164
143
  font-weight: inherit;
165
144
  }
@@ -168,25 +147,11 @@
168
147
  -webkit-text-decoration: inherit;
169
148
  text-decoration: inherit;
170
149
  }
171
- b,
172
- strong {
150
+ b, strong {
173
151
  font-weight: bolder;
174
152
  }
175
- code,
176
- kbd,
177
- samp,
178
- pre {
179
- font-family: var(
180
- --default-mono-font-family,
181
- ui-monospace,
182
- SFMono-Regular,
183
- Menlo,
184
- Monaco,
185
- Consolas,
186
- 'Liberation Mono',
187
- 'Courier New',
188
- monospace
189
- );
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);
190
155
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
191
156
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
192
157
  font-size: 1em;
@@ -194,8 +159,7 @@
194
159
  small {
195
160
  font-size: 80%;
196
161
  }
197
- sub,
198
- sup {
162
+ sub, sup {
199
163
  font-size: 75%;
200
164
  line-height: 0;
201
165
  position: relative;
@@ -221,33 +185,18 @@
221
185
  summary {
222
186
  display: list-item;
223
187
  }
224
- ol,
225
- ul,
226
- menu {
188
+ ol, ul, menu {
227
189
  list-style: none;
228
190
  }
229
- img,
230
- svg,
231
- video,
232
- canvas,
233
- audio,
234
- iframe,
235
- embed,
236
- object {
191
+ img, svg, video, canvas, audio, iframe, embed, object {
237
192
  display: block;
238
193
  vertical-align: middle;
239
194
  }
240
- img,
241
- video {
195
+ img, video {
242
196
  max-width: 100%;
243
197
  height: auto;
244
198
  }
245
- button,
246
- input,
247
- select,
248
- optgroup,
249
- textarea,
250
- ::file-selector-button {
199
+ button, input, select, optgroup, textarea, ::file-selector-button {
251
200
  font: inherit;
252
201
  font-feature-settings: inherit;
253
202
  font-variation-settings: inherit;
@@ -269,7 +218,7 @@
269
218
  ::placeholder {
270
219
  opacity: 1;
271
220
  }
272
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
221
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
273
222
  ::placeholder {
274
223
  color: currentcolor;
275
224
  @supports (color: color-mix(in lab, red, red)) {
@@ -293,30 +242,19 @@
293
242
  ::-webkit-datetime-edit-fields-wrapper {
294
243
  padding: 0;
295
244
  }
296
- ::-webkit-datetime-edit,
297
- ::-webkit-datetime-edit-year-field,
298
- ::-webkit-datetime-edit-month-field,
299
- ::-webkit-datetime-edit-day-field,
300
- ::-webkit-datetime-edit-hour-field,
301
- ::-webkit-datetime-edit-minute-field,
302
- ::-webkit-datetime-edit-second-field,
303
- ::-webkit-datetime-edit-millisecond-field,
304
- ::-webkit-datetime-edit-meridiem-field {
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 {
305
246
  padding-block: 0;
306
247
  }
307
248
  :-moz-ui-invalid {
308
249
  box-shadow: none;
309
250
  }
310
- button,
311
- input:where([type='button'], [type='reset'], [type='submit']),
312
- ::file-selector-button {
251
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
313
252
  appearance: button;
314
253
  }
315
- ::-webkit-inner-spin-button,
316
- ::-webkit-outer-spin-button {
254
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
317
255
  height: auto;
318
256
  }
319
- [hidden]:where(:not([hidden='until-found'])) {
257
+ [hidden]:where(:not([hidden="until-found"])) {
320
258
  display: none !important;
321
259
  }
322
260
  }
@@ -328,6 +266,9 @@
328
266
  .pointer-events-none {
329
267
  pointer-events: none;
330
268
  }
269
+ .collapse {
270
+ visibility: collapse;
271
+ }
331
272
  .visible {
332
273
  visibility: visible;
333
274
  }
@@ -370,7 +311,7 @@
370
311
  top: calc(var(--spacing) * 1);
371
312
  }
372
313
  .top-1\/2 {
373
- top: calc(1 / 2 * 100%);
314
+ top: calc(1/2 * 100%);
374
315
  }
375
316
  .top-4 {
376
317
  top: calc(var(--spacing) * 4);
@@ -415,7 +356,7 @@
415
356
  left: calc(var(--spacing) * 1);
416
357
  }
417
358
  .left-1\/2 {
418
- left: calc(1 / 2 * 100%);
359
+ left: calc(1/2 * 100%);
419
360
  }
420
361
  .left-2 {
421
362
  left: calc(var(--spacing) * 2);
@@ -745,7 +686,7 @@
745
686
  width: calc(var(--spacing) * 3);
746
687
  }
747
688
  .w-3\/4 {
748
- width: calc(3 / 4 * 100%);
689
+ width: calc(3/4 * 100%);
749
690
  }
750
691
  .w-4 {
751
692
  width: calc(var(--spacing) * 4);
@@ -783,6 +724,9 @@
783
724
  .w-\[100px\] {
784
725
  width: 100px;
785
726
  }
727
+ .w-\[400px\] {
728
+ width: 400px;
729
+ }
786
730
  .w-auto {
787
731
  width: auto;
788
732
  }
@@ -893,7 +837,7 @@
893
837
  translate: var(--tw-translate-x) var(--tw-translate-y);
894
838
  }
895
839
  .-translate-x-1\/2 {
896
- --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
840
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
897
841
  translate: var(--tw-translate-x) var(--tw-translate-y);
898
842
  }
899
843
  .translate-x-\[-50\%\] {
@@ -905,7 +849,7 @@
905
849
  translate: var(--tw-translate-x) var(--tw-translate-y);
906
850
  }
907
851
  .-translate-y-1\/2 {
908
- --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
852
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
909
853
  translate: var(--tw-translate-x) var(--tw-translate-y);
910
854
  }
911
855
  .translate-y-0 {
@@ -932,8 +876,7 @@
932
876
  rotate: 45deg;
933
877
  }
934
878
  .transform {
935
- transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x)
936
- var(--tw-skew-y);
879
+ transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
937
880
  }
938
881
  .animate-pulse {
939
882
  animation: var(--animate-pulse);
@@ -1328,6 +1271,9 @@
1328
1271
  .bg-nsw-grey-600 {
1329
1272
  background-color: var(--color-nsw-grey-600);
1330
1273
  }
1274
+ .bg-nsw-grey-800 {
1275
+ background-color: var(--color-nsw-grey-800);
1276
+ }
1331
1277
  .bg-primary {
1332
1278
  background-color: oklch(0.29 0.1173 259.84);
1333
1279
  }
@@ -1358,12 +1304,7 @@
1358
1304
  }
1359
1305
  .from-nsw-grey-600 {
1360
1306
  --tw-gradient-from: var(--color-nsw-grey-600);
1361
- --tw-gradient-stops: var(
1362
- --tw-gradient-via-stops,
1363
- var(--tw-gradient-position),
1364
- var(--tw-gradient-from) var(--tw-gradient-from-position),
1365
- var(--tw-gradient-to) var(--tw-gradient-to-position)
1366
- );
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));
1367
1308
  }
1368
1309
  .fill-current {
1369
1310
  fill: currentcolor;
@@ -1377,6 +1318,9 @@
1377
1318
  .fill-nsw-grey-700 {
1378
1319
  fill: var(--color-nsw-grey-700);
1379
1320
  }
1321
+ .fill-nsw-grey-800 {
1322
+ fill: var(--color-nsw-grey-800);
1323
+ }
1380
1324
  .fill-nsw-red-600 {
1381
1325
  fill: var(--color-nsw-red-600);
1382
1326
  }
@@ -1404,6 +1348,9 @@
1404
1348
  .p-8 {
1405
1349
  padding: calc(var(--spacing) * 8);
1406
1350
  }
1351
+ .p-12 {
1352
+ padding: calc(var(--spacing) * 12);
1353
+ }
1407
1354
  .p-\[2px\] {
1408
1355
  padding: 2px;
1409
1356
  }
@@ -1497,6 +1444,9 @@
1497
1444
  .pt-8 {
1498
1445
  padding-top: calc(var(--spacing) * 8);
1499
1446
  }
1447
+ .pr-1 {
1448
+ padding-right: calc(var(--spacing) * 1);
1449
+ }
1500
1450
  .pr-2 {
1501
1451
  padding-right: calc(var(--spacing) * 2);
1502
1452
  }
@@ -1751,74 +1701,43 @@
1751
1701
  opacity: 50%;
1752
1702
  }
1753
1703
  .shadow {
1754
- --tw-shadow:
1755
- 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
1756
- 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1757
- box-shadow:
1758
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1759
- var(--tw-ring-shadow), var(--tw-shadow);
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);
1760
1706
  }
1761
1707
  .shadow-lg {
1762
- --tw-shadow:
1763
- 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
1764
- 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1765
- box-shadow:
1766
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1767
- var(--tw-ring-shadow), var(--tw-shadow);
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);
1768
1710
  }
1769
1711
  .shadow-md {
1770
- --tw-shadow:
1771
- 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
1772
- 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1773
- box-shadow:
1774
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1775
- var(--tw-ring-shadow), var(--tw-shadow);
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);
1776
1714
  }
1777
1715
  .shadow-none {
1778
1716
  --tw-shadow: 0 0 #0000;
1779
- box-shadow:
1780
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1781
- var(--tw-ring-shadow), var(--tw-shadow);
1717
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1782
1718
  }
1783
1719
  .shadow-sm {
1784
- --tw-shadow:
1785
- 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
1786
- 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1787
- box-shadow:
1788
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1789
- var(--tw-ring-shadow), var(--tw-shadow);
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);
1790
1722
  }
1791
1723
  .shadow-xs {
1792
1724
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1793
- box-shadow:
1794
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1795
- var(--tw-ring-shadow), var(--tw-shadow);
1725
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1796
1726
  }
1797
1727
  .ring-0 {
1798
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width))
1799
- var(--tw-ring-color, currentcolor);
1800
- box-shadow:
1801
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
1802
- var(--tw-ring-shadow), var(--tw-shadow);
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);
1803
1730
  }
1804
1731
  .shadow-slate-900 {
1805
1732
  --tw-shadow-color: oklch(20.8% 0.042 265.755);
1806
1733
  @supports (color: color-mix(in lab, red, red)) {
1807
- --tw-shadow-color: color-mix(
1808
- in oklab,
1809
- var(--color-slate-900) var(--tw-shadow-alpha),
1810
- transparent
1811
- );
1734
+ --tw-shadow-color: color-mix(in oklab, var(--color-slate-900) var(--tw-shadow-alpha), transparent);
1812
1735
  }
1813
1736
  }
1814
1737
  .shadow-slate-900\/5 {
1815
1738
  --tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 5%, transparent);
1816
1739
  @supports (color: color-mix(in lab, red, red)) {
1817
- --tw-shadow-color: color-mix(
1818
- in oklab,
1819
- color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha),
1820
- transparent
1821
- );
1740
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent);
1822
1741
  }
1823
1742
  }
1824
1743
  .ring-ring {
@@ -1843,41 +1762,16 @@
1843
1762
  outline-width: 1px;
1844
1763
  }
1845
1764
  .backdrop-filter {
1846
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
1847
- var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
1848
- var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
1849
- var(--tw-backdrop-sepia,);
1850
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
1851
- var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
1852
- var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
1853
- var(--tw-backdrop-sepia,);
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,);
1854
1767
  }
1855
1768
  .transition {
1856
- transition-property:
1857
- color,
1858
- background-color,
1859
- border-color,
1860
- outline-color,
1861
- text-decoration-color,
1862
- fill,
1863
- stroke,
1864
- --tw-gradient-from,
1865
- --tw-gradient-via,
1866
- --tw-gradient-to,
1867
- opacity,
1868
- box-shadow,
1869
- transform,
1870
- translate,
1871
- scale,
1872
- rotate,
1873
- filter,
1874
- -webkit-backdrop-filter,
1875
- backdrop-filter;
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;
1876
1770
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1877
1771
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1878
1772
  }
1879
1773
  .transition-\[color\,box-shadow\] {
1880
- transition-property: color, box-shadow;
1774
+ transition-property: color,box-shadow;
1881
1775
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1882
1776
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1883
1777
  }
@@ -1887,9 +1781,7 @@
1887
1781
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1888
1782
  }
1889
1783
  .transition-colors {
1890
- transition-property:
1891
- color, background-color, border-color, outline-color, text-decoration-color, fill, stroke,
1892
- --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1784
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1893
1785
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1894
1786
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1895
1787
  }
@@ -2081,11 +1973,7 @@
2081
1973
  }
2082
1974
  }
2083
1975
  .\[--btn-hover-overlay\:var\(--color-nsw-grey-850\)\]\/10 {
2084
- --btn-hover-overlay: color-mix(
2085
- in srgb,
2086
- oklch(0.22225499999999998 0.00884 242.08) 10%,
2087
- transparent
2088
- );
1976
+ --btn-hover-overlay: color-mix(in srgb, oklch(0.22225499999999998 0.00884 242.08) 10%, transparent);
2089
1977
  @supports (color: color-mix(in lab, red, red)) {
2090
1978
  --btn-hover-overlay: color-mix(in oklab, var(--color-nsw-grey-850) 10%, transparent);
2091
1979
  }
@@ -2183,11 +2071,8 @@
2183
2071
  .fade-in-0 {
2184
2072
  --tw-enter-opacity: 0;
2185
2073
  }
2186
- .running {
2187
- animation-play-state: running;
2188
- }
2189
2074
  .zoom-in-95 {
2190
- --tw-enter-scale: 0.95;
2075
+ --tw-enter-scale: .95;
2191
2076
  }
2192
2077
  .group-hover\:fill-nsw-grey-900 {
2193
2078
  &:is(:where(.group):hover *) {
@@ -2312,74 +2197,70 @@
2312
2197
  }
2313
2198
  }
2314
2199
  .group-data-\[disabled\=true\]\:pointer-events-none {
2315
- &:is(:where(.group)[data-disabled='true'] *) {
2200
+ &:is(:where(.group)[data-disabled="true"] *) {
2316
2201
  pointer-events: none;
2317
2202
  }
2318
2203
  }
2319
2204
  .group-data-\[disabled\=true\]\:opacity-50 {
2320
- &:is(:where(.group)[data-disabled='true'] *) {
2205
+ &:is(:where(.group)[data-disabled="true"] *) {
2321
2206
  opacity: 50%;
2322
2207
  }
2323
2208
  }
2324
2209
  .group-data-\[state\=open\]\:rotate-90 {
2325
- &:is(:where(.group)[data-state='open'] *) {
2210
+ &:is(:where(.group)[data-state="open"] *) {
2326
2211
  rotate: 90deg;
2327
2212
  }
2328
2213
  }
2329
2214
  .group-data-\[state\=open\]\:rotate-180 {
2330
- &:is(:where(.group)[data-state='open'] *) {
2215
+ &:is(:where(.group)[data-state="open"] *) {
2331
2216
  rotate: 180deg;
2332
2217
  }
2333
2218
  }
2334
2219
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
2335
- &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction='bottom'] *) {
2220
+ &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
2336
2221
  display: block;
2337
2222
  }
2338
2223
  }
2339
2224
  .group-data-\[viewport\=false\]\/navigation-menu\:top-full {
2340
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2225
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2341
2226
  top: 100%;
2342
2227
  }
2343
2228
  }
2344
2229
  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 {
2345
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2230
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2346
2231
  margin-top: calc(var(--spacing) * 1.5);
2347
2232
  }
2348
2233
  }
2349
2234
  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden {
2350
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2235
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2351
2236
  overflow: hidden;
2352
2237
  }
2353
2238
  }
2354
2239
  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md {
2355
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2240
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2356
2241
  border-radius: var(--radius-md);
2357
2242
  }
2358
2243
  }
2359
2244
  .group-data-\[viewport\=false\]\/navigation-menu\:border {
2360
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2245
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2361
2246
  border-style: var(--tw-border-style);
2362
2247
  border-width: 1px;
2363
2248
  }
2364
2249
  }
2365
2250
  .group-data-\[viewport\=false\]\/navigation-menu\:shadow {
2366
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2367
- --tw-shadow:
2368
- 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
2369
- 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2370
- box-shadow:
2371
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2372
- var(--tw-ring-shadow), var(--tw-shadow);
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);
2373
2254
  }
2374
2255
  }
2375
2256
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 {
2376
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2257
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2377
2258
  --tw-duration: 200ms;
2378
2259
  transition-duration: 200ms;
2379
2260
  }
2380
2261
  }
2381
2262
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 {
2382
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2263
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2383
2264
  animation-duration: 200ms;
2384
2265
  }
2385
2266
  }
@@ -2477,12 +2358,8 @@
2477
2358
  .before\:shadow-sm {
2478
2359
  &::before {
2479
2360
  content: var(--tw-content);
2480
- --tw-shadow:
2481
- 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
2482
- 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2483
- box-shadow:
2484
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2485
- var(--tw-ring-shadow), var(--tw-shadow);
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);
2486
2363
  }
2487
2364
  }
2488
2365
  .after\:absolute {
@@ -2506,7 +2383,7 @@
2506
2383
  .after\:left-1\/2 {
2507
2384
  &::after {
2508
2385
  content: var(--tw-content);
2509
- left: calc(1 / 2 * 100%);
2386
+ left: calc(1/2 * 100%);
2510
2387
  }
2511
2388
  }
2512
2389
  .after\:-z-10 {
@@ -2524,7 +2401,7 @@
2524
2401
  .after\:-translate-x-1\/2 {
2525
2402
  &::after {
2526
2403
  content: var(--tw-content);
2527
- --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
2404
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
2528
2405
  translate: var(--tw-translate-x) var(--tw-translate-y);
2529
2406
  }
2530
2407
  }
@@ -2539,12 +2416,9 @@
2539
2416
  content: var(--tw-content);
2540
2417
  --tw-shadow: inset 0 1px var(--tw-shadow-color, color-mix(in srgb, #fff 15%, transparent));
2541
2418
  @supports (color: color-mix(in lab, red, red)) {
2542
- --tw-shadow: inset 0 1px
2543
- var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 15%, transparent));
2419
+ --tw-shadow: inset 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 15%, transparent));
2544
2420
  }
2545
- box-shadow:
2546
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2547
- var(--tw-ring-shadow), var(--tw-shadow);
2421
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2548
2422
  }
2549
2423
  }
2550
2424
  .first\:rounded-l-sm {
@@ -2705,6 +2579,13 @@
2705
2579
  }
2706
2580
  }
2707
2581
  }
2582
+ .hover\:text-primary-darkest {
2583
+ &:hover {
2584
+ @media (hover: hover) {
2585
+ color: oklch(0.13774999999999998 0.064515 259.84);
2586
+ }
2587
+ }
2588
+ }
2708
2589
  .hover\:text-purple-600 {
2709
2590
  &:hover {
2710
2591
  @media (hover: hover) {
@@ -2743,11 +2624,8 @@
2743
2624
  .hover\:ring-4 {
2744
2625
  &:hover {
2745
2626
  @media (hover: hover) {
2746
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width))
2747
- var(--tw-ring-color, currentcolor);
2748
- box-shadow:
2749
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2750
- var(--tw-ring-shadow), var(--tw-shadow);
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);
2751
2629
  }
2752
2630
  }
2753
2631
  }
@@ -2851,29 +2729,26 @@
2851
2729
  }
2852
2730
  .focus-visible\:ring-1 {
2853
2731
  &:focus-visible {
2854
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width))
2855
- var(--tw-ring-color, currentcolor);
2856
- box-shadow:
2857
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2858
- var(--tw-ring-shadow), var(--tw-shadow);
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);
2859
2734
  }
2860
2735
  }
2861
2736
  .focus-visible\:ring-4 {
2862
2737
  &:focus-visible {
2863
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width))
2864
- var(--tw-ring-color, currentcolor);
2865
- box-shadow:
2866
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2867
- var(--tw-ring-shadow), var(--tw-shadow);
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);
2740
+ }
2741
+ }
2742
+ .focus-visible\:ring-\[2px\] {
2743
+ &: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);
2868
2746
  }
2869
2747
  }
2870
2748
  .focus-visible\:ring-\[3px\] {
2871
2749
  &:focus-visible {
2872
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width))
2873
- var(--tw-ring-color, currentcolor);
2874
- box-shadow:
2875
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2876
- var(--tw-ring-shadow), var(--tw-shadow);
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);
2877
2752
  }
2878
2753
  }
2879
2754
  .focus-visible\:ring-ring {
@@ -2892,8 +2767,7 @@
2892
2767
  .focus-visible\:ring-offset-1 {
2893
2768
  &:focus-visible {
2894
2769
  --tw-ring-offset-width: 1px;
2895
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width)
2896
- var(--tw-ring-offset-color);
2770
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2897
2771
  }
2898
2772
  }
2899
2773
  .focus-visible\:outline-hidden {
@@ -2933,27 +2807,27 @@
2933
2807
  }
2934
2808
  }
2935
2809
  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
2936
- &:has(*[data-slot='card-action']) {
2810
+ &:has(*[data-slot="card-action"]) {
2937
2811
  grid-template-columns: 1fr auto;
2938
2812
  }
2939
2813
  }
2940
2814
  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\] {
2941
- &:has(> svg) {
2815
+ &:has(>svg) {
2942
2816
  grid-template-columns: calc(var(--spacing) * 4) 1fr;
2943
2817
  }
2944
2818
  }
2945
2819
  .has-\[\>svg\]\:gap-x-3 {
2946
- &:has(> svg) {
2820
+ &:has(>svg) {
2947
2821
  column-gap: calc(var(--spacing) * 3);
2948
2822
  }
2949
2823
  }
2950
2824
  .aria-invalid\:border-error {
2951
- &[aria-invalid='true'] {
2825
+ &[aria-invalid="true"] {
2952
2826
  border-color: oklch(0.502 0.1927 18.08);
2953
2827
  }
2954
2828
  }
2955
2829
  .aria-invalid\:ring-error\/20 {
2956
- &[aria-invalid='true'] {
2830
+ &[aria-invalid="true"] {
2957
2831
  --tw-ring-color: color-mix(in oklab, oklch(0.502 0.1927 18.08) 20%, transparent);
2958
2832
  }
2959
2833
  }
@@ -3013,14 +2887,22 @@
3013
2887
  }
3014
2888
  }
3015
2889
  }
2890
+ .data-disabled\:pointer-events-none {
2891
+ &[data-disabled] {
2892
+ pointer-events: none;
2893
+ }
2894
+ }
2895
+ .data-disabled\:opacity-50 {
2896
+ &[data-disabled] {
2897
+ opacity: 50%;
2898
+ }
2899
+ }
3016
2900
  .data-disabled\:before\:shadow-none {
3017
2901
  &[data-disabled] {
3018
2902
  &::before {
3019
2903
  content: var(--tw-content);
3020
2904
  --tw-shadow: 0 0 #0000;
3021
- box-shadow:
3022
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3023
- var(--tw-ring-shadow), var(--tw-shadow);
2905
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3024
2906
  }
3025
2907
  }
3026
2908
  }
@@ -3029,9 +2911,7 @@
3029
2911
  &::after {
3030
2912
  content: var(--tw-content);
3031
2913
  --tw-shadow: 0 0 #0000;
3032
- box-shadow:
3033
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3034
- var(--tw-ring-shadow), var(--tw-shadow);
2914
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3035
2915
  }
3036
2916
  }
3037
2917
  }
@@ -3087,7 +2967,7 @@
3087
2967
  }
3088
2968
  }
3089
2969
  .data-\[active\=true\]\:hover\:bg-primary\/10 {
3090
- &[data-active='true'] {
2970
+ &[data-active="true"] {
3091
2971
  &:hover {
3092
2972
  @media (hover: hover) {
3093
2973
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
@@ -3096,7 +2976,7 @@
3096
2976
  }
3097
2977
  }
3098
2978
  .data-\[active\=true\]\:focus\:bg-primary\/10 {
3099
- &[data-active='true'] {
2979
+ &[data-active="true"] {
3100
2980
  &:focus {
3101
2981
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3102
2982
  }
@@ -3113,12 +2993,12 @@
3113
2993
  }
3114
2994
  }
3115
2995
  .data-\[disabled\=true\]\:pointer-events-none {
3116
- &[data-disabled='true'] {
2996
+ &[data-disabled="true"] {
3117
2997
  pointer-events: none;
3118
2998
  }
3119
2999
  }
3120
3000
  .data-\[disabled\=true\]\:opacity-50 {
3121
- &[data-disabled='true'] {
3001
+ &[data-disabled="true"] {
3122
3002
  opacity: 50%;
3123
3003
  }
3124
3004
  }
@@ -3128,27 +3008,27 @@
3128
3008
  }
3129
3009
  }
3130
3010
  .data-\[motion\=from-end\]\:slide-in-from-right-52 {
3131
- &[data-motion='from-end'] {
3011
+ &[data-motion="from-end"] {
3132
3012
  --tw-enter-translate-x: 13rem;
3133
3013
  }
3134
3014
  }
3135
3015
  .data-\[motion\=from-start\]\:slide-in-from-left-52 {
3136
- &[data-motion='from-start'] {
3016
+ &[data-motion="from-start"] {
3137
3017
  --tw-enter-translate-x: -13rem;
3138
3018
  }
3139
3019
  }
3140
3020
  .data-\[motion\=to-end\]\:slide-out-to-right-52 {
3141
- &[data-motion='to-end'] {
3021
+ &[data-motion="to-end"] {
3142
3022
  --tw-exit-translate-x: 13rem;
3143
3023
  }
3144
3024
  }
3145
3025
  .data-\[motion\=to-start\]\:slide-out-to-left-52 {
3146
- &[data-motion='to-start'] {
3026
+ &[data-motion="to-start"] {
3147
3027
  --tw-exit-translate-x: -13rem;
3148
3028
  }
3149
3029
  }
3150
3030
  .data-\[motion\^\=from-\]\:animate-in {
3151
- &[data-motion^='from-'] {
3031
+ &[data-motion^="from-"] {
3152
3032
  animation-name: enter;
3153
3033
  animation-duration: 150ms;
3154
3034
  --tw-enter-opacity: initial;
@@ -3159,12 +3039,12 @@
3159
3039
  }
3160
3040
  }
3161
3041
  .data-\[motion\^\=from-\]\:fade-in {
3162
- &[data-motion^='from-'] {
3042
+ &[data-motion^="from-"] {
3163
3043
  --tw-enter-opacity: 0;
3164
3044
  }
3165
3045
  }
3166
3046
  .data-\[motion\^\=to-\]\:animate-out {
3167
- &[data-motion^='to-'] {
3047
+ &[data-motion^="to-"] {
3168
3048
  animation-name: exit;
3169
3049
  animation-duration: 150ms;
3170
3050
  --tw-exit-opacity: initial;
@@ -3175,82 +3055,82 @@
3175
3055
  }
3176
3056
  }
3177
3057
  .data-\[motion\^\=to-\]\:fade-out {
3178
- &[data-motion^='to-'] {
3058
+ &[data-motion^="to-"] {
3179
3059
  --tw-exit-opacity: 0;
3180
3060
  }
3181
3061
  }
3182
3062
  .data-\[orientation\=horizontal\]\:h-1\.5 {
3183
- &[data-orientation='horizontal'] {
3063
+ &[data-orientation="horizontal"] {
3184
3064
  height: calc(var(--spacing) * 1.5);
3185
3065
  }
3186
3066
  }
3187
3067
  .data-\[orientation\=horizontal\]\:h-full {
3188
- &[data-orientation='horizontal'] {
3068
+ &[data-orientation="horizontal"] {
3189
3069
  height: 100%;
3190
3070
  }
3191
3071
  }
3192
3072
  .data-\[orientation\=horizontal\]\:h-px {
3193
- &[data-orientation='horizontal'] {
3073
+ &[data-orientation="horizontal"] {
3194
3074
  height: 1px;
3195
3075
  }
3196
3076
  }
3197
3077
  .data-\[orientation\=horizontal\]\:w-full {
3198
- &[data-orientation='horizontal'] {
3078
+ &[data-orientation="horizontal"] {
3199
3079
  width: 100%;
3200
3080
  }
3201
3081
  }
3202
3082
  .data-\[orientation\=vertical\]\:h-full {
3203
- &[data-orientation='vertical'] {
3083
+ &[data-orientation="vertical"] {
3204
3084
  height: 100%;
3205
3085
  }
3206
3086
  }
3207
3087
  .data-\[orientation\=vertical\]\:min-h-44 {
3208
- &[data-orientation='vertical'] {
3088
+ &[data-orientation="vertical"] {
3209
3089
  min-height: calc(var(--spacing) * 44);
3210
3090
  }
3211
3091
  }
3212
3092
  .data-\[orientation\=vertical\]\:w-1\.5 {
3213
- &[data-orientation='vertical'] {
3093
+ &[data-orientation="vertical"] {
3214
3094
  width: calc(var(--spacing) * 1.5);
3215
3095
  }
3216
3096
  }
3217
3097
  .data-\[orientation\=vertical\]\:w-auto {
3218
- &[data-orientation='vertical'] {
3098
+ &[data-orientation="vertical"] {
3219
3099
  width: auto;
3220
3100
  }
3221
3101
  }
3222
3102
  .data-\[orientation\=vertical\]\:w-full {
3223
- &[data-orientation='vertical'] {
3103
+ &[data-orientation="vertical"] {
3224
3104
  width: 100%;
3225
3105
  }
3226
3106
  }
3227
3107
  .data-\[orientation\=vertical\]\:w-px {
3228
- &[data-orientation='vertical'] {
3108
+ &[data-orientation="vertical"] {
3229
3109
  width: 1px;
3230
3110
  }
3231
3111
  }
3232
3112
  .data-\[orientation\=vertical\]\:flex-col {
3233
- &[data-orientation='vertical'] {
3113
+ &[data-orientation="vertical"] {
3234
3114
  flex-direction: column;
3235
3115
  }
3236
3116
  }
3237
3117
  .data-\[panel-group-direction\=vertical\]\:h-px {
3238
- &[data-panel-group-direction='vertical'] {
3118
+ &[data-panel-group-direction="vertical"] {
3239
3119
  height: 1px;
3240
3120
  }
3241
3121
  }
3242
3122
  .data-\[panel-group-direction\=vertical\]\:w-full {
3243
- &[data-panel-group-direction='vertical'] {
3123
+ &[data-panel-group-direction="vertical"] {
3244
3124
  width: 100%;
3245
3125
  }
3246
3126
  }
3247
3127
  .data-\[panel-group-direction\=vertical\]\:flex-col {
3248
- &[data-panel-group-direction='vertical'] {
3128
+ &[data-panel-group-direction="vertical"] {
3249
3129
  flex-direction: column;
3250
3130
  }
3251
3131
  }
3252
3132
  .data-\[panel-group-direction\=vertical\]\:after\:left-0 {
3253
- &[data-panel-group-direction='vertical'] {
3133
+ &[data-panel-group-direction="vertical"] {
3254
3134
  &::after {
3255
3135
  content: var(--tw-content);
3256
3136
  left: calc(var(--spacing) * 0);
@@ -3258,7 +3138,7 @@
3258
3138
  }
3259
3139
  }
3260
3140
  .data-\[panel-group-direction\=vertical\]\:after\:h-1 {
3261
- &[data-panel-group-direction='vertical'] {
3141
+ &[data-panel-group-direction="vertical"] {
3262
3142
  &::after {
3263
3143
  content: var(--tw-content);
3264
3144
  height: calc(var(--spacing) * 1);
@@ -3266,7 +3146,7 @@
3266
3146
  }
3267
3147
  }
3268
3148
  .data-\[panel-group-direction\=vertical\]\:after\:w-full {
3269
- &[data-panel-group-direction='vertical'] {
3149
+ &[data-panel-group-direction="vertical"] {
3270
3150
  &::after {
3271
3151
  content: var(--tw-content);
3272
3152
  width: 100%;
@@ -3274,7 +3154,7 @@
3274
3154
  }
3275
3155
  }
3276
3156
  .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0 {
3277
- &[data-panel-group-direction='vertical'] {
3157
+ &[data-panel-group-direction="vertical"] {
3278
3158
  &::after {
3279
3159
  content: var(--tw-content);
3280
3160
  --tw-translate-x: calc(var(--spacing) * 0);
@@ -3283,10 +3163,10 @@
3283
3163
  }
3284
3164
  }
3285
3165
  .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2 {
3286
- &[data-panel-group-direction='vertical'] {
3166
+ &[data-panel-group-direction="vertical"] {
3287
3167
  &::after {
3288
3168
  content: var(--tw-content);
3289
- --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
3169
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
3290
3170
  translate: var(--tw-translate-x) var(--tw-translate-y);
3291
3171
  }
3292
3172
  }
@@ -3297,88 +3177,88 @@
3297
3177
  }
3298
3178
  }
3299
3179
  .data-\[selected\=true\]\:bg-primary\/10 {
3300
- &[data-selected='true'] {
3180
+ &[data-selected="true"] {
3301
3181
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3302
3182
  }
3303
3183
  }
3304
3184
  .data-\[side\=bottom\]\:translate-y-1 {
3305
- &[data-side='bottom'] {
3185
+ &[data-side="bottom"] {
3306
3186
  --tw-translate-y: calc(var(--spacing) * 1);
3307
3187
  translate: var(--tw-translate-x) var(--tw-translate-y);
3308
3188
  }
3309
3189
  }
3310
3190
  .data-\[side\=bottom\]\:slide-in-from-top-2 {
3311
- &[data-side='bottom'] {
3191
+ &[data-side="bottom"] {
3312
3192
  --tw-enter-translate-y: -0.5rem;
3313
3193
  }
3314
3194
  }
3315
3195
  .data-\[side\=left\]\:-translate-x-1 {
3316
- &[data-side='left'] {
3196
+ &[data-side="left"] {
3317
3197
  --tw-translate-x: calc(var(--spacing) * -1);
3318
3198
  translate: var(--tw-translate-x) var(--tw-translate-y);
3319
3199
  }
3320
3200
  }
3321
3201
  .data-\[side\=left\]\:slide-in-from-right-2 {
3322
- &[data-side='left'] {
3202
+ &[data-side="left"] {
3323
3203
  --tw-enter-translate-x: 0.5rem;
3324
3204
  }
3325
3205
  }
3326
3206
  .data-\[side\=right\]\:translate-x-1 {
3327
- &[data-side='right'] {
3207
+ &[data-side="right"] {
3328
3208
  --tw-translate-x: calc(var(--spacing) * 1);
3329
3209
  translate: var(--tw-translate-x) var(--tw-translate-y);
3330
3210
  }
3331
3211
  }
3332
3212
  .data-\[side\=right\]\:slide-in-from-left-2 {
3333
- &[data-side='right'] {
3213
+ &[data-side="right"] {
3334
3214
  --tw-enter-translate-x: -0.5rem;
3335
3215
  }
3336
3216
  }
3337
3217
  .data-\[side\=top\]\:-translate-y-1 {
3338
- &[data-side='top'] {
3218
+ &[data-side="top"] {
3339
3219
  --tw-translate-y: calc(var(--spacing) * -1);
3340
3220
  translate: var(--tw-translate-x) var(--tw-translate-y);
3341
3221
  }
3342
3222
  }
3343
3223
  .data-\[side\=top\]\:slide-in-from-bottom-2 {
3344
- &[data-side='top'] {
3224
+ &[data-side="top"] {
3345
3225
  --tw-enter-translate-y: 0.5rem;
3346
3226
  }
3347
3227
  }
3348
3228
  .data-\[size\=default\]\:h-9 {
3349
- &[data-size='default'] {
3229
+ &[data-size="default"] {
3350
3230
  height: calc(var(--spacing) * 9);
3351
3231
  }
3352
3232
  }
3353
3233
  .data-\[size\=sm\]\:h-8 {
3354
- &[data-size='sm'] {
3234
+ &[data-size="sm"] {
3355
3235
  height: calc(var(--spacing) * 8);
3356
3236
  }
3357
3237
  }
3358
3238
  .\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 {
3359
3239
  :is(& *) {
3360
- &[data-slot='command-input-wrapper'] {
3240
+ &[data-slot="command-input-wrapper"] {
3361
3241
  height: calc(var(--spacing) * 12);
3362
3242
  }
3363
3243
  }
3364
3244
  }
3365
3245
  .\*\:data-\[slot\=icon\]\:-mx-0\.5 {
3366
3246
  :is(& > *) {
3367
- &[data-slot='icon'] {
3247
+ &[data-slot="icon"] {
3368
3248
  margin-inline: calc(var(--spacing) * -0.5);
3369
3249
  }
3370
3250
  }
3371
3251
  }
3372
3252
  .\*\:data-\[slot\=icon\]\:my-0\.5 {
3373
3253
  :is(& > *) {
3374
- &[data-slot='icon'] {
3254
+ &[data-slot="icon"] {
3375
3255
  margin-block: calc(var(--spacing) * 0.5);
3376
3256
  }
3377
3257
  }
3378
3258
  }
3379
3259
  .\*\:data-\[slot\=icon\]\:size-4 {
3380
3260
  :is(& > *) {
3381
- &[data-slot='icon'] {
3261
+ &[data-slot="icon"] {
3382
3262
  width: calc(var(--spacing) * 4);
3383
3263
  height: calc(var(--spacing) * 4);
3384
3264
  }
@@ -3386,7 +3266,7 @@
3386
3266
  }
3387
3267
  .\*\:data-\[slot\=icon\]\:size-6 {
3388
3268
  :is(& > *) {
3389
- &[data-slot='icon'] {
3269
+ &[data-slot="icon"] {
3390
3270
  width: calc(var(--spacing) * 6);
3391
3271
  height: calc(var(--spacing) * 6);
3392
3272
  }
@@ -3394,41 +3274,38 @@
3394
3274
  }
3395
3275
  .\*\:data-\[slot\=icon\]\:shrink-0 {
3396
3276
  :is(& > *) {
3397
- &[data-slot='icon'] {
3277
+ &[data-slot="icon"] {
3398
3278
  flex-shrink: 0;
3399
3279
  }
3400
3280
  }
3401
3281
  }
3402
3282
  .\*\:data-\[slot\=icon\]\:self-center {
3403
3283
  :is(& > *) {
3404
- &[data-slot='icon'] {
3284
+ &[data-slot="icon"] {
3405
3285
  align-self: center;
3406
3286
  }
3407
3287
  }
3408
3288
  }
3409
3289
  .\*\:data-\[slot\=icon\]\:text-\(--btn-icon\) {
3410
3290
  :is(& > *) {
3411
- &[data-slot='icon'] {
3291
+ &[data-slot="icon"] {
3412
3292
  color: var(--btn-icon);
3413
3293
  }
3414
3294
  }
3415
3295
  }
3416
3296
  .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 {
3417
3297
  :is(& *) {
3418
- &[data-slot='navigation-menu-link'] {
3298
+ &[data-slot="navigation-menu-link"] {
3419
3299
  &:focus {
3420
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width))
3421
- var(--tw-ring-color, currentcolor);
3422
- box-shadow:
3423
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3424
- var(--tw-ring-shadow), var(--tw-shadow);
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);
3425
3302
  }
3426
3303
  }
3427
3304
  }
3428
3305
  }
3429
3306
  .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none {
3430
3307
  :is(& *) {
3431
- &[data-slot='navigation-menu-link'] {
3308
+ &[data-slot="navigation-menu-link"] {
3432
3309
  &:focus {
3433
3310
  --tw-outline-style: none;
3434
3311
  outline-style: none;
@@ -3438,7 +3315,7 @@
3438
3315
  }
3439
3316
  .\*\:data-\[slot\=select-value\]\:line-clamp-1 {
3440
3317
  :is(& > *) {
3441
- &[data-slot='select-value'] {
3318
+ &[data-slot="select-value"] {
3442
3319
  overflow: hidden;
3443
3320
  display: -webkit-box;
3444
3321
  -webkit-box-orient: vertical;
@@ -3448,79 +3325,75 @@
3448
3325
  }
3449
3326
  .\*\:data-\[slot\=select-value\]\:flex {
3450
3327
  :is(& > *) {
3451
- &[data-slot='select-value'] {
3328
+ &[data-slot="select-value"] {
3452
3329
  display: flex;
3453
3330
  }
3454
3331
  }
3455
3332
  }
3456
3333
  .\*\:data-\[slot\=select-value\]\:items-center {
3457
3334
  :is(& > *) {
3458
- &[data-slot='select-value'] {
3335
+ &[data-slot="select-value"] {
3459
3336
  align-items: center;
3460
3337
  }
3461
3338
  }
3462
3339
  }
3463
3340
  .\*\:data-\[slot\=select-value\]\:gap-2 {
3464
3341
  :is(& > *) {
3465
- &[data-slot='select-value'] {
3342
+ &[data-slot="select-value"] {
3466
3343
  gap: calc(var(--spacing) * 2);
3467
3344
  }
3468
3345
  }
3469
3346
  }
3470
3347
  .data-\[state\=active\]\:border-accent {
3471
- &[data-state='active'] {
3348
+ &[data-state="active"] {
3472
3349
  border-color: oklch(0.562 0.2175 20.33);
3473
3350
  }
3474
3351
  }
3475
3352
  .data-\[state\=active\]\:bg-background {
3476
- &[data-state='active'] {
3353
+ &[data-state="active"] {
3477
3354
  background-color: var(--background);
3478
3355
  }
3479
3356
  }
3480
3357
  .data-\[state\=active\]\:bg-blue-500 {
3481
- &[data-state='active'] {
3358
+ &[data-state="active"] {
3482
3359
  background-color: var(--color-blue-500);
3483
3360
  }
3484
3361
  }
3485
3362
  .data-\[state\=active\]\:text-white {
3486
- &[data-state='active'] {
3363
+ &[data-state="active"] {
3487
3364
  color: var(--color-white);
3488
3365
  }
3489
3366
  }
3490
3367
  .data-\[state\=active\]\:shadow-sm {
3491
- &[data-state='active'] {
3492
- --tw-shadow:
3493
- 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
3494
- 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3495
- box-shadow:
3496
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3497
- var(--tw-ring-shadow), var(--tw-shadow);
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);
3498
3371
  }
3499
3372
  }
3500
3373
  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\] {
3501
- &[data-state='checked'] {
3374
+ &[data-state="checked"] {
3502
3375
  --tw-translate-x: calc(100% - 2px);
3503
3376
  translate: var(--tw-translate-x) var(--tw-translate-y);
3504
3377
  }
3505
3378
  }
3506
3379
  .data-\[state\=checked\]\:border-primary {
3507
- &[data-state='checked'] {
3380
+ &[data-state="checked"] {
3508
3381
  border-color: oklch(0.29 0.1173 259.84);
3509
3382
  }
3510
3383
  }
3511
3384
  .data-\[state\=checked\]\:bg-primary {
3512
- &[data-state='checked'] {
3385
+ &[data-state="checked"] {
3513
3386
  background-color: oklch(0.29 0.1173 259.84);
3514
3387
  }
3515
3388
  }
3516
3389
  .data-\[state\=closed\]\:duration-300 {
3517
- &[data-state='closed'] {
3390
+ &[data-state="closed"] {
3518
3391
  --tw-duration: 300ms;
3519
3392
  transition-duration: 300ms;
3520
3393
  }
3521
3394
  }
3522
3395
  .data-\[state\=closed\]\:animate-out {
3523
- &[data-state='closed'] {
3396
+ &[data-state="closed"] {
3524
3397
  animation-name: exit;
3525
3398
  animation-duration: 150ms;
3526
3399
  --tw-exit-opacity: initial;
@@ -3531,43 +3404,43 @@
3531
3404
  }
3532
3405
  }
3533
3406
  .data-\[state\=closed\]\:duration-300 {
3534
- &[data-state='closed'] {
3407
+ &[data-state="closed"] {
3535
3408
  animation-duration: 300ms;
3536
3409
  }
3537
3410
  }
3538
3411
  .data-\[state\=closed\]\:fade-out-0 {
3539
- &[data-state='closed'] {
3412
+ &[data-state="closed"] {
3540
3413
  --tw-exit-opacity: 0;
3541
3414
  }
3542
3415
  }
3543
3416
  .data-\[state\=closed\]\:slide-out-to-bottom {
3544
- &[data-state='closed'] {
3417
+ &[data-state="closed"] {
3545
3418
  --tw-exit-translate-y: 100%;
3546
3419
  }
3547
3420
  }
3548
3421
  .data-\[state\=closed\]\:slide-out-to-left {
3549
- &[data-state='closed'] {
3422
+ &[data-state="closed"] {
3550
3423
  --tw-exit-translate-x: -100%;
3551
3424
  }
3552
3425
  }
3553
3426
  .data-\[state\=closed\]\:slide-out-to-right {
3554
- &[data-state='closed'] {
3427
+ &[data-state="closed"] {
3555
3428
  --tw-exit-translate-x: 100%;
3556
3429
  }
3557
3430
  }
3558
3431
  .data-\[state\=closed\]\:slide-out-to-top {
3559
- &[data-state='closed'] {
3432
+ &[data-state="closed"] {
3560
3433
  --tw-exit-translate-y: -100%;
3561
3434
  }
3562
3435
  }
3563
3436
  .data-\[state\=closed\]\:zoom-out-95 {
3564
- &[data-state='closed'] {
3565
- --tw-exit-scale: 0.95;
3437
+ &[data-state="closed"] {
3438
+ --tw-exit-scale: .95;
3566
3439
  }
3567
3440
  }
3568
3441
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out {
3569
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3570
- &[data-state='closed'] {
3442
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3443
+ &[data-state="closed"] {
3571
3444
  animation-name: exit;
3572
3445
  animation-duration: 150ms;
3573
3446
  --tw-exit-opacity: initial;
@@ -3579,21 +3452,21 @@
3579
3452
  }
3580
3453
  }
3581
3454
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0 {
3582
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3583
- &[data-state='closed'] {
3455
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3456
+ &[data-state="closed"] {
3584
3457
  --tw-exit-opacity: 0;
3585
3458
  }
3586
3459
  }
3587
3460
  }
3588
3461
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95 {
3589
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3590
- &[data-state='closed'] {
3591
- --tw-exit-scale: 0.95;
3462
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3463
+ &[data-state="closed"] {
3464
+ --tw-exit-scale: .95;
3592
3465
  }
3593
3466
  }
3594
3467
  }
3595
3468
  .data-\[state\=hidden\]\:animate-out {
3596
- &[data-state='hidden'] {
3469
+ &[data-state="hidden"] {
3597
3470
  animation-name: exit;
3598
3471
  animation-duration: 150ms;
3599
3472
  --tw-exit-opacity: initial;
@@ -3604,58 +3477,58 @@
3604
3477
  }
3605
3478
  }
3606
3479
  .data-\[state\=hidden\]\:fade-out {
3607
- &[data-state='hidden'] {
3480
+ &[data-state="hidden"] {
3608
3481
  --tw-exit-opacity: 0;
3609
3482
  }
3610
3483
  }
3611
3484
  .data-\[state\=on\]\:bg-blue-500 {
3612
- &[data-state='on'] {
3485
+ &[data-state="on"] {
3613
3486
  background-color: var(--color-blue-500);
3614
3487
  }
3615
3488
  }
3616
3489
  .data-\[state\=on\]\:bg-green-500 {
3617
- &[data-state='on'] {
3490
+ &[data-state="on"] {
3618
3491
  background-color: var(--color-green-500);
3619
3492
  }
3620
3493
  }
3621
3494
  .data-\[state\=on\]\:bg-nsw-grey-100 {
3622
- &[data-state='on'] {
3495
+ &[data-state="on"] {
3623
3496
  background-color: var(--color-nsw-grey-100);
3624
3497
  }
3625
3498
  }
3626
3499
  .data-\[state\=on\]\:bg-primary\/10 {
3627
- &[data-state='on'] {
3500
+ &[data-state="on"] {
3628
3501
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3629
3502
  }
3630
3503
  }
3631
3504
  .data-\[state\=on\]\:bg-purple-500 {
3632
- &[data-state='on'] {
3505
+ &[data-state="on"] {
3633
3506
  background-color: var(--color-purple-500);
3634
3507
  }
3635
3508
  }
3636
3509
  .data-\[state\=on\]\:text-nsw-grey-850 {
3637
- &[data-state='on'] {
3510
+ &[data-state="on"] {
3638
3511
  color: var(--color-nsw-grey-850);
3639
3512
  }
3640
3513
  }
3641
3514
  .data-\[state\=on\]\:text-white {
3642
- &[data-state='on'] {
3515
+ &[data-state="on"] {
3643
3516
  color: var(--color-white);
3644
3517
  }
3645
3518
  }
3646
3519
  .data-\[state\=open\]\:bg-primary\/10 {
3647
- &[data-state='open'] {
3520
+ &[data-state="open"] {
3648
3521
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3649
3522
  }
3650
3523
  }
3651
3524
  .data-\[state\=open\]\:duration-500 {
3652
- &[data-state='open'] {
3525
+ &[data-state="open"] {
3653
3526
  --tw-duration: 500ms;
3654
3527
  transition-duration: 500ms;
3655
3528
  }
3656
3529
  }
3657
3530
  .data-\[state\=open\]\:animate-in {
3658
- &[data-state='open'] {
3531
+ &[data-state="open"] {
3659
3532
  animation-name: enter;
3660
3533
  animation-duration: 150ms;
3661
3534
  --tw-enter-opacity: initial;
@@ -3666,48 +3539,48 @@
3666
3539
  }
3667
3540
  }
3668
3541
  .data-\[state\=open\]\:duration-500 {
3669
- &[data-state='open'] {
3542
+ &[data-state="open"] {
3670
3543
  animation-duration: 500ms;
3671
3544
  }
3672
3545
  }
3673
3546
  .data-\[state\=open\]\:fade-in-0 {
3674
- &[data-state='open'] {
3547
+ &[data-state="open"] {
3675
3548
  --tw-enter-opacity: 0;
3676
3549
  }
3677
3550
  }
3678
3551
  .data-\[state\=open\]\:slide-in-from-bottom {
3679
- &[data-state='open'] {
3552
+ &[data-state="open"] {
3680
3553
  --tw-enter-translate-y: 100%;
3681
3554
  }
3682
3555
  }
3683
3556
  .data-\[state\=open\]\:slide-in-from-left {
3684
- &[data-state='open'] {
3557
+ &[data-state="open"] {
3685
3558
  --tw-enter-translate-x: -100%;
3686
3559
  }
3687
3560
  }
3688
3561
  .data-\[state\=open\]\:slide-in-from-right {
3689
- &[data-state='open'] {
3562
+ &[data-state="open"] {
3690
3563
  --tw-enter-translate-x: 100%;
3691
3564
  }
3692
3565
  }
3693
3566
  .data-\[state\=open\]\:slide-in-from-top {
3694
- &[data-state='open'] {
3567
+ &[data-state="open"] {
3695
3568
  --tw-enter-translate-y: -100%;
3696
3569
  }
3697
3570
  }
3698
3571
  .data-\[state\=open\]\:zoom-in-90 {
3699
- &[data-state='open'] {
3700
- --tw-enter-scale: 0.9;
3572
+ &[data-state="open"] {
3573
+ --tw-enter-scale: .9;
3701
3574
  }
3702
3575
  }
3703
3576
  .data-\[state\=open\]\:zoom-in-95 {
3704
- &[data-state='open'] {
3705
- --tw-enter-scale: 0.95;
3577
+ &[data-state="open"] {
3578
+ --tw-enter-scale: .95;
3706
3579
  }
3707
3580
  }
3708
3581
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in {
3709
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3710
- &[data-state='open'] {
3582
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3583
+ &[data-state="open"] {
3711
3584
  animation-name: enter;
3712
3585
  animation-duration: 150ms;
3713
3586
  --tw-enter-opacity: initial;
@@ -3719,21 +3592,21 @@
3719
3592
  }
3720
3593
  }
3721
3594
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0 {
3722
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3723
- &[data-state='open'] {
3595
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3596
+ &[data-state="open"] {
3724
3597
  --tw-enter-opacity: 0;
3725
3598
  }
3726
3599
  }
3727
3600
  }
3728
3601
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95 {
3729
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
3730
- &[data-state='open'] {
3731
- --tw-enter-scale: 0.95;
3602
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3603
+ &[data-state="open"] {
3604
+ --tw-enter-scale: .95;
3732
3605
  }
3733
3606
  }
3734
3607
  }
3735
3608
  .data-\[state\=open\]\:hover\:bg-primary\/10 {
3736
- &[data-state='open'] {
3609
+ &[data-state="open"] {
3737
3610
  &:hover {
3738
3611
  @media (hover: hover) {
3739
3612
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
@@ -3742,30 +3615,30 @@
3742
3615
  }
3743
3616
  }
3744
3617
  .data-\[state\=open\]\:focus\:bg-primary\/10 {
3745
- &[data-state='open'] {
3618
+ &[data-state="open"] {
3746
3619
  &:focus {
3747
3620
  background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3748
3621
  }
3749
3622
  }
3750
3623
  }
3751
3624
  .data-\[state\=selected\]\:bg-muted {
3752
- &[data-state='selected'] {
3625
+ &[data-state="selected"] {
3753
3626
  background-color: var(--muted);
3754
3627
  }
3755
3628
  }
3756
3629
  .data-\[state\=unchecked\]\:translate-x-0 {
3757
- &[data-state='unchecked'] {
3630
+ &[data-state="unchecked"] {
3758
3631
  --tw-translate-x: calc(var(--spacing) * 0);
3759
3632
  translate: var(--tw-translate-x) var(--tw-translate-y);
3760
3633
  }
3761
3634
  }
3762
3635
  .data-\[state\=unchecked\]\:bg-input {
3763
- &[data-state='unchecked'] {
3636
+ &[data-state="unchecked"] {
3764
3637
  background-color: var(--input);
3765
3638
  }
3766
3639
  }
3767
3640
  .data-\[state\=visible\]\:animate-in {
3768
- &[data-state='visible'] {
3641
+ &[data-state="visible"] {
3769
3642
  animation-name: enter;
3770
3643
  animation-duration: 150ms;
3771
3644
  --tw-enter-opacity: initial;
@@ -3776,26 +3649,24 @@
3776
3649
  }
3777
3650
  }
3778
3651
  .data-\[state\=visible\]\:fade-in {
3779
- &[data-state='visible'] {
3652
+ &[data-state="visible"] {
3780
3653
  --tw-enter-opacity: 0;
3781
3654
  }
3782
3655
  }
3783
3656
  .data-\[variant\=outline\]\:border-l-0 {
3784
- &[data-variant='outline'] {
3657
+ &[data-variant="outline"] {
3785
3658
  border-left-style: var(--tw-border-style);
3786
3659
  border-left-width: 0px;
3787
3660
  }
3788
3661
  }
3789
3662
  .data-\[variant\=outline\]\:shadow-xs {
3790
- &[data-variant='outline'] {
3663
+ &[data-variant="outline"] {
3791
3664
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
3792
- box-shadow:
3793
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3794
- var(--tw-ring-shadow), var(--tw-shadow);
3665
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3795
3666
  }
3796
3667
  }
3797
3668
  .data-\[variant\=outline\]\:first\:border-l {
3798
- &[data-variant='outline'] {
3669
+ &[data-variant="outline"] {
3799
3670
  &:first-child {
3800
3671
  border-left-style: var(--tw-border-style);
3801
3672
  border-left-width: 1px;
@@ -3803,107 +3674,107 @@
3803
3674
  }
3804
3675
  }
3805
3676
  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0 {
3806
- &[data-vaul-drawer-direction='bottom'] {
3677
+ &[data-vaul-drawer-direction="bottom"] {
3807
3678
  inset-inline: calc(var(--spacing) * 0);
3808
3679
  }
3809
3680
  }
3810
3681
  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0 {
3811
- &[data-vaul-drawer-direction='bottom'] {
3682
+ &[data-vaul-drawer-direction="bottom"] {
3812
3683
  bottom: calc(var(--spacing) * 0);
3813
3684
  }
3814
3685
  }
3815
3686
  .data-\[vaul-drawer-direction\=bottom\]\:mt-24 {
3816
- &[data-vaul-drawer-direction='bottom'] {
3687
+ &[data-vaul-drawer-direction="bottom"] {
3817
3688
  margin-top: calc(var(--spacing) * 24);
3818
3689
  }
3819
3690
  }
3820
3691
  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\] {
3821
- &[data-vaul-drawer-direction='bottom'] {
3692
+ &[data-vaul-drawer-direction="bottom"] {
3822
3693
  max-height: 80vh;
3823
3694
  }
3824
3695
  }
3825
3696
  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg {
3826
- &[data-vaul-drawer-direction='bottom'] {
3697
+ &[data-vaul-drawer-direction="bottom"] {
3827
3698
  border-top-left-radius: var(--radius-lg);
3828
3699
  border-top-right-radius: var(--radius-lg);
3829
3700
  }
3830
3701
  }
3831
3702
  .data-\[vaul-drawer-direction\=bottom\]\:border-t {
3832
- &[data-vaul-drawer-direction='bottom'] {
3703
+ &[data-vaul-drawer-direction="bottom"] {
3833
3704
  border-top-style: var(--tw-border-style);
3834
3705
  border-top-width: 1px;
3835
3706
  }
3836
3707
  }
3837
3708
  .data-\[vaul-drawer-direction\=left\]\:inset-y-0 {
3838
- &[data-vaul-drawer-direction='left'] {
3709
+ &[data-vaul-drawer-direction="left"] {
3839
3710
  inset-block: calc(var(--spacing) * 0);
3840
3711
  }
3841
3712
  }
3842
3713
  .data-\[vaul-drawer-direction\=left\]\:left-0 {
3843
- &[data-vaul-drawer-direction='left'] {
3714
+ &[data-vaul-drawer-direction="left"] {
3844
3715
  left: calc(var(--spacing) * 0);
3845
3716
  }
3846
3717
  }
3847
3718
  .data-\[vaul-drawer-direction\=left\]\:w-3\/4 {
3848
- &[data-vaul-drawer-direction='left'] {
3849
- width: calc(3 / 4 * 100%);
3719
+ &[data-vaul-drawer-direction="left"] {
3720
+ width: calc(3/4 * 100%);
3850
3721
  }
3851
3722
  }
3852
3723
  .data-\[vaul-drawer-direction\=left\]\:border-r {
3853
- &[data-vaul-drawer-direction='left'] {
3724
+ &[data-vaul-drawer-direction="left"] {
3854
3725
  border-right-style: var(--tw-border-style);
3855
3726
  border-right-width: 1px;
3856
3727
  }
3857
3728
  }
3858
3729
  .data-\[vaul-drawer-direction\=right\]\:inset-y-0 {
3859
- &[data-vaul-drawer-direction='right'] {
3730
+ &[data-vaul-drawer-direction="right"] {
3860
3731
  inset-block: calc(var(--spacing) * 0);
3861
3732
  }
3862
3733
  }
3863
3734
  .data-\[vaul-drawer-direction\=right\]\:right-0 {
3864
- &[data-vaul-drawer-direction='right'] {
3735
+ &[data-vaul-drawer-direction="right"] {
3865
3736
  right: calc(var(--spacing) * 0);
3866
3737
  }
3867
3738
  }
3868
3739
  .data-\[vaul-drawer-direction\=right\]\:w-3\/4 {
3869
- &[data-vaul-drawer-direction='right'] {
3870
- width: calc(3 / 4 * 100%);
3740
+ &[data-vaul-drawer-direction="right"] {
3741
+ width: calc(3/4 * 100%);
3871
3742
  }
3872
3743
  }
3873
3744
  .data-\[vaul-drawer-direction\=right\]\:border-l {
3874
- &[data-vaul-drawer-direction='right'] {
3745
+ &[data-vaul-drawer-direction="right"] {
3875
3746
  border-left-style: var(--tw-border-style);
3876
3747
  border-left-width: 1px;
3877
3748
  }
3878
3749
  }
3879
3750
  .data-\[vaul-drawer-direction\=top\]\:inset-x-0 {
3880
- &[data-vaul-drawer-direction='top'] {
3751
+ &[data-vaul-drawer-direction="top"] {
3881
3752
  inset-inline: calc(var(--spacing) * 0);
3882
3753
  }
3883
3754
  }
3884
3755
  .data-\[vaul-drawer-direction\=top\]\:top-0 {
3885
- &[data-vaul-drawer-direction='top'] {
3756
+ &[data-vaul-drawer-direction="top"] {
3886
3757
  top: calc(var(--spacing) * 0);
3887
3758
  }
3888
3759
  }
3889
3760
  .data-\[vaul-drawer-direction\=top\]\:mb-24 {
3890
- &[data-vaul-drawer-direction='top'] {
3761
+ &[data-vaul-drawer-direction="top"] {
3891
3762
  margin-bottom: calc(var(--spacing) * 24);
3892
3763
  }
3893
3764
  }
3894
3765
  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\] {
3895
- &[data-vaul-drawer-direction='top'] {
3766
+ &[data-vaul-drawer-direction="top"] {
3896
3767
  max-height: 80vh;
3897
3768
  }
3898
3769
  }
3899
3770
  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg {
3900
- &[data-vaul-drawer-direction='top'] {
3771
+ &[data-vaul-drawer-direction="top"] {
3901
3772
  border-bottom-right-radius: var(--radius-lg);
3902
3773
  border-bottom-left-radius: var(--radius-lg);
3903
3774
  }
3904
3775
  }
3905
3776
  .data-\[vaul-drawer-direction\=top\]\:border-b {
3906
- &[data-vaul-drawer-direction='top'] {
3777
+ &[data-vaul-drawer-direction="top"] {
3907
3778
  border-bottom-style: var(--tw-border-style);
3908
3779
  border-bottom-width: 1px;
3909
3780
  }
@@ -4038,7 +3909,7 @@
4038
3909
  .sm\:\*\:data-\[slot\=icon\]\:my-1 {
4039
3910
  @media (width >= 40rem) {
4040
3911
  :is(& > *) {
4041
- &[data-slot='icon'] {
3912
+ &[data-slot="icon"] {
4042
3913
  margin-block: calc(var(--spacing) * 1);
4043
3914
  }
4044
3915
  }
@@ -4047,7 +3918,7 @@
4047
3918
  .sm\:\*\:data-\[slot\=icon\]\:size-3 {
4048
3919
  @media (width >= 40rem) {
4049
3920
  :is(& > *) {
4050
- &[data-slot='icon'] {
3921
+ &[data-slot="icon"] {
4051
3922
  width: calc(var(--spacing) * 3);
4052
3923
  height: calc(var(--spacing) * 3);
4053
3924
  }
@@ -4057,7 +3928,7 @@
4057
3928
  .sm\:\*\:data-\[slot\=icon\]\:size-5 {
4058
3929
  @media (width >= 40rem) {
4059
3930
  :is(& > *) {
4060
- &[data-slot='icon'] {
3931
+ &[data-slot="icon"] {
4061
3932
  width: calc(var(--spacing) * 5);
4062
3933
  height: calc(var(--spacing) * 5);
4063
3934
  }
@@ -4065,14 +3936,14 @@
4065
3936
  }
4066
3937
  }
4067
3938
  .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm {
4068
- &[data-vaul-drawer-direction='left'] {
3939
+ &[data-vaul-drawer-direction="left"] {
4069
3940
  @media (width >= 40rem) {
4070
3941
  max-width: var(--container-sm);
4071
3942
  }
4072
3943
  }
4073
3944
  }
4074
3945
  .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm {
4075
- &[data-vaul-drawer-direction='right'] {
3946
+ &[data-vaul-drawer-direction="right"] {
4076
3947
  @media (width >= 40rem) {
4077
3948
  max-width: var(--container-sm);
4078
3949
  }
@@ -4108,6 +3979,11 @@
4108
3979
  flex-grow: 1;
4109
3980
  }
4110
3981
  }
3982
+ .md\:grid-cols-2 {
3983
+ @media (width >= 48rem) {
3984
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3985
+ }
3986
+ }
4111
3987
  .md\:grid-cols-3 {
4112
3988
  @media (width >= 48rem) {
4113
3989
  grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -4335,6 +4211,14 @@
4335
4211
  }
4336
4212
  }
4337
4213
  }
4214
+ .dark\:border-nsw-grey-200\/20 {
4215
+ &:where(.dark, .dark *) {
4216
+ border-color: color-mix(in srgb, oklch(0.9401 0 0) 20%, transparent);
4217
+ @supports (color: color-mix(in lab, red, red)) {
4218
+ border-color: color-mix(in oklab, var(--color-nsw-grey-200) 20%, transparent);
4219
+ }
4220
+ }
4221
+ }
4338
4222
  .dark\:border-slate-800 {
4339
4223
  &:where(.dark, .dark *) {
4340
4224
  border-color: var(--color-slate-800);
@@ -4384,6 +4268,11 @@
4384
4268
  }
4385
4269
  }
4386
4270
  }
4271
+ .dark\:bg-nsw-grey-800 {
4272
+ &:where(.dark, .dark *) {
4273
+ background-color: var(--color-nsw-grey-800);
4274
+ }
4275
+ }
4387
4276
  .dark\:bg-slate-900\/95 {
4388
4277
  &:where(.dark, .dark *) {
4389
4278
  background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
@@ -4471,22 +4360,14 @@
4471
4360
  .dark\:shadow-none {
4472
4361
  &:where(.dark, .dark *) {
4473
4362
  --tw-shadow: 0 0 #0000;
4474
- box-shadow:
4475
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
4476
- var(--tw-ring-shadow), var(--tw-shadow);
4363
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4477
4364
  }
4478
4365
  }
4479
4366
  .dark\:backdrop-blur-sm {
4480
4367
  &:where(.dark, .dark *) {
4481
4368
  --tw-backdrop-blur: blur(var(--blur-sm));
4482
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
4483
- var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
4484
- var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
4485
- var(--tw-backdrop-sepia,);
4486
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
4487
- var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
4488
- var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
4489
- var(--tw-backdrop-sepia,);
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,);
4490
4371
  }
4491
4372
  }
4492
4373
  .dark\:\[--badge-bg\:var\(--color-accent\)\]\/50 {
@@ -4624,11 +4505,7 @@
4624
4505
  }
4625
4506
  .dark\:\[--focus-outline\:var\(--color-accent-dark\)\]\/80 {
4626
4507
  &:where(.dark, .dark *) {
4627
- --focus-outline: color-mix(
4628
- in srgb,
4629
- oklch(0.50075 0.19485 19.529999999999998) 80%,
4630
- transparent
4631
- );
4508
+ --focus-outline: color-mix(in srgb, oklch(0.50075 0.19485 19.529999999999998) 80%, transparent);
4632
4509
  @supports (color: color-mix(in lab, red, red)) {
4633
4510
  --focus-outline: color-mix(in oklab, var(--color-accent-dark) 80%, transparent);
4634
4511
  }
@@ -4636,11 +4513,7 @@
4636
4513
  }
4637
4514
  .dark\:\[--focus-outline\:var\(--color-error-dark\)\]\/80 {
4638
4515
  &:where(.dark, .dark *) {
4639
- --focus-outline: color-mix(
4640
- in srgb,
4641
- oklch(0.41415 0.16379500000000002 18.08) 80%,
4642
- transparent
4643
- );
4516
+ --focus-outline: color-mix(in srgb, oklch(0.41415 0.16379500000000002 18.08) 80%, transparent);
4644
4517
  @supports (color: color-mix(in lab, red, red)) {
4645
4518
  --focus-outline: color-mix(in oklab, var(--color-error-dark) 80%, transparent);
4646
4519
  }
@@ -4648,11 +4521,7 @@
4648
4521
  }
4649
4522
  .dark\:\[--focus-outline\:var\(--color-info-dark\)\]\/80 {
4650
4523
  &:where(.dark, .dark *) {
4651
- --focus-outline: color-mix(
4652
- in srgb,
4653
- oklch(0.371745 0.10480500000000001 262.35) 80%,
4654
- transparent
4655
- );
4524
+ --focus-outline: color-mix(in srgb, oklch(0.371745 0.10480500000000001 262.35) 80%, transparent);
4656
4525
  @supports (color: color-mix(in lab, red, red)) {
4657
4526
  --focus-outline: color-mix(in oklab, var(--color-info-dark) 80%, transparent);
4658
4527
  }
@@ -4872,7 +4741,7 @@
4872
4741
  }
4873
4742
  .dark\:group-data-\[state\=checked\]\:border-nsw-grey-400 {
4874
4743
  &:where(.dark, .dark *) {
4875
- &:is(:where(.group)[data-state='checked'] *) {
4744
+ &:is(:where(.group)[data-state="checked"] *) {
4876
4745
  border-color: var(--color-nsw-grey-400);
4877
4746
  }
4878
4747
  }
@@ -4922,6 +4791,15 @@
4922
4791
  }
4923
4792
  }
4924
4793
  }
4794
+ .dark\:hover\:bg-nsw-grey-700 {
4795
+ &:where(.dark, .dark *) {
4796
+ &:hover {
4797
+ @media (hover: hover) {
4798
+ background-color: var(--color-nsw-grey-700);
4799
+ }
4800
+ }
4801
+ }
4802
+ }
4925
4803
  .dark\:hover\:bg-white\/10 {
4926
4804
  &:where(.dark, .dark *) {
4927
4805
  &:hover {
@@ -4992,7 +4870,7 @@
4992
4870
  }
4993
4871
  .dark\:aria-invalid\:ring-error\/40 {
4994
4872
  &:where(.dark, .dark *) {
4995
- &[aria-invalid='true'] {
4873
+ &[aria-invalid="true"] {
4996
4874
  --tw-ring-color: color-mix(in oklab, oklch(0.502 0.1927 18.08) 40%, transparent);
4997
4875
  }
4998
4876
  }
@@ -5103,7 +4981,7 @@
5103
4981
  }
5104
4982
  .dark\:data-\[state\=active\]\:bg-input\/30 {
5105
4983
  &:where(.dark, .dark *) {
5106
- &[data-state='active'] {
4984
+ &[data-state="active"] {
5107
4985
  background-color: var(--input);
5108
4986
  @supports (color: color-mix(in lab, red, red)) {
5109
4987
  background-color: color-mix(in oklab, var(--input) 30%, transparent);
@@ -5113,21 +4991,21 @@
5113
4991
  }
5114
4992
  .dark\:data-\[state\=active\]\:text-foreground {
5115
4993
  &:where(.dark, .dark *) {
5116
- &[data-state='active'] {
4994
+ &[data-state="active"] {
5117
4995
  color: var(--foreground);
5118
4996
  }
5119
4997
  }
5120
4998
  }
5121
4999
  .dark\:data-\[state\=checked\]\:bg-primary {
5122
5000
  &:where(.dark, .dark *) {
5123
- &[data-state='checked'] {
5001
+ &[data-state="checked"] {
5124
5002
  background-color: oklch(0.29 0.1173 259.84);
5125
5003
  }
5126
5004
  }
5127
5005
  }
5128
5006
  .dark\:data-\[state\=on\]\:bg-white\/10 {
5129
5007
  &:where(.dark, .dark *) {
5130
- &[data-state='on'] {
5008
+ &[data-state="on"] {
5131
5009
  background-color: color-mix(in srgb, #fff 10%, transparent);
5132
5010
  @supports (color: color-mix(in lab, red, red)) {
5133
5011
  background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
@@ -5137,21 +5015,21 @@
5137
5015
  }
5138
5016
  .dark\:data-\[state\=on\]\:text-white {
5139
5017
  &:where(.dark, .dark *) {
5140
- &[data-state='on'] {
5018
+ &[data-state="on"] {
5141
5019
  color: var(--color-white);
5142
5020
  }
5143
5021
  }
5144
5022
  }
5145
5023
  .dark\:data-\[state\=unchecked\]\:bg-foreground {
5146
5024
  &:where(.dark, .dark *) {
5147
- &[data-state='unchecked'] {
5025
+ &[data-state="unchecked"] {
5148
5026
  background-color: var(--foreground);
5149
5027
  }
5150
5028
  }
5151
5029
  }
5152
5030
  .dark\:data-\[state\=unchecked\]\:bg-input\/80 {
5153
5031
  &:where(.dark, .dark *) {
5154
- &[data-state='unchecked'] {
5032
+ &[data-state="unchecked"] {
5155
5033
  background-color: var(--input);
5156
5034
  @supports (color: color-mix(in lab, red, red)) {
5157
5035
  background-color: color-mix(in oklab, var(--input) 80%, transparent);
@@ -5210,7 +5088,7 @@
5210
5088
  }
5211
5089
  }
5212
5090
  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
5213
- & [cmdk-group]:not([hidden]) ~ [cmdk-group] {
5091
+ & [cmdk-group]:not([hidden]) ~[cmdk-group] {
5214
5092
  padding-top: calc(var(--spacing) * 0);
5215
5093
  }
5216
5094
  }
@@ -5266,7 +5144,7 @@
5266
5144
  }
5267
5145
  }
5268
5146
  .\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\]\:size-4 {
5269
- & svg:not([class*='size-']) {
5147
+ & svg:not([class*="size-"]) {
5270
5148
  width: calc(var(--spacing) * 4);
5271
5149
  height: calc(var(--spacing) * 4);
5272
5150
  }
@@ -5301,12 +5179,12 @@
5301
5179
  }
5302
5180
  }
5303
5181
  .\[\&\:has\(\[data-state\=checked\]\)\]\:border-nsw-grey-800 {
5304
- &:has([data-state='checked']) {
5182
+ &:has([data-state=checked]) {
5305
5183
  border-color: var(--color-nsw-grey-800);
5306
5184
  }
5307
5185
  }
5308
5186
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
5309
- &:has([role='checkbox']) {
5187
+ &:has([role=checkbox]) {
5310
5188
  padding-right: calc(var(--spacing) * 0);
5311
5189
  }
5312
5190
  }
@@ -5348,36 +5226,36 @@
5348
5226
  }
5349
5227
  }
5350
5228
  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] {
5351
- & > [role='checkbox'] {
5229
+ &>[role=checkbox] {
5352
5230
  --tw-translate-y: 2px;
5353
5231
  translate: var(--tw-translate-x) var(--tw-translate-y);
5354
5232
  }
5355
5233
  }
5356
- .\[\&\>svg\]\:size-3\.5 {
5357
- & > svg {
5358
- width: calc(var(--spacing) * 3.5);
5359
- height: calc(var(--spacing) * 3.5);
5360
- }
5361
- }
5362
5234
  .\[\&\>svg\]\:size-4 {
5363
- & > svg {
5235
+ &>svg {
5364
5236
  width: calc(var(--spacing) * 4);
5365
5237
  height: calc(var(--spacing) * 4);
5366
5238
  }
5367
5239
  }
5240
+ .\[\&\>svg\]\:size-5 {
5241
+ &>svg {
5242
+ width: calc(var(--spacing) * 5);
5243
+ height: calc(var(--spacing) * 5);
5244
+ }
5245
+ }
5368
5246
  .\[\&\>svg\]\:translate-y-0\.5 {
5369
- & > svg {
5247
+ &>svg {
5370
5248
  --tw-translate-y: calc(var(--spacing) * 0.5);
5371
5249
  translate: var(--tw-translate-x) var(--tw-translate-y);
5372
5250
  }
5373
5251
  }
5374
5252
  .\[\&\>svg\]\:text-current {
5375
- & > svg {
5253
+ &>svg {
5376
5254
  color: currentcolor;
5377
5255
  }
5378
5256
  }
5379
5257
  .\[\&\>tr\]\:last\:border-b-0 {
5380
- & > tr {
5258
+ &>tr {
5381
5259
  &:last-child {
5382
5260
  border-bottom-style: var(--tw-border-style);
5383
5261
  border-bottom-width: 0px;
@@ -5385,23 +5263,23 @@
5385
5263
  }
5386
5264
  }
5387
5265
  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90 {
5388
- &[data-panel-group-direction='vertical'] > div {
5266
+ &[data-panel-group-direction=vertical]>div {
5389
5267
  rotate: 90deg;
5390
5268
  }
5391
5269
  }
5392
5270
  .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
5393
- &[data-state='open'] > svg {
5271
+ &[data-state=open]>svg {
5394
5272
  rotate: 180deg;
5395
5273
  }
5396
5274
  }
5397
5275
  .\[\@media\(pointer\:fine\)\]\:hidden {
5398
- @media (pointer: fine) {
5276
+ @media (pointer:fine) {
5399
5277
  display: none;
5400
5278
  }
5401
5279
  }
5402
5280
  .dark\:\[\@supports\(backdrop-filter\:blur\(0\)\)\]\:bg-slate-900\/75 {
5403
5281
  &:where(.dark, .dark *) {
5404
- @supports (backdrop-filter: blur(0)) {
5282
+ @supports (backdrop-filter:blur(0)) {
5405
5283
  background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 75%, transparent);
5406
5284
  @supports (color: color-mix(in lab, red, red)) {
5407
5285
  background-color: color-mix(in oklab, var(--color-slate-900) 75%, transparent);
@@ -5447,260 +5325,256 @@
5447
5325
  @keyframes enter {
5448
5326
  from {
5449
5327
  opacity: var(--tw-enter-opacity, 1);
5450
- transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
5451
- scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))
5452
- rotate(var(--tw-enter-rotate, 0));
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));
5453
5329
  }
5454
5330
  }
5455
5331
  @keyframes exit {
5456
5332
  to {
5457
5333
  opacity: var(--tw-exit-opacity, 1);
5458
- transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
5459
- scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))
5460
- rotate(var(--tw-exit-rotate, 0));
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));
5461
5335
  }
5462
5336
  }
5463
5337
  @property --tw-translate-x {
5464
- syntax: '*';
5338
+ syntax: "*";
5465
5339
  inherits: false;
5466
5340
  initial-value: 0;
5467
5341
  }
5468
5342
  @property --tw-translate-y {
5469
- syntax: '*';
5343
+ syntax: "*";
5470
5344
  inherits: false;
5471
5345
  initial-value: 0;
5472
5346
  }
5473
5347
  @property --tw-translate-z {
5474
- syntax: '*';
5348
+ syntax: "*";
5475
5349
  inherits: false;
5476
5350
  initial-value: 0;
5477
5351
  }
5478
5352
  @property --tw-scale-x {
5479
- syntax: '*';
5353
+ syntax: "*";
5480
5354
  inherits: false;
5481
5355
  initial-value: 1;
5482
5356
  }
5483
5357
  @property --tw-scale-y {
5484
- syntax: '*';
5358
+ syntax: "*";
5485
5359
  inherits: false;
5486
5360
  initial-value: 1;
5487
5361
  }
5488
5362
  @property --tw-scale-z {
5489
- syntax: '*';
5363
+ syntax: "*";
5490
5364
  inherits: false;
5491
5365
  initial-value: 1;
5492
5366
  }
5493
5367
  @property --tw-rotate-x {
5494
- syntax: '*';
5368
+ syntax: "*";
5495
5369
  inherits: false;
5496
5370
  initial-value: rotateX(0);
5497
5371
  }
5498
5372
  @property --tw-rotate-y {
5499
- syntax: '*';
5373
+ syntax: "*";
5500
5374
  inherits: false;
5501
5375
  initial-value: rotateY(0);
5502
5376
  }
5503
5377
  @property --tw-rotate-z {
5504
- syntax: '*';
5378
+ syntax: "*";
5505
5379
  inherits: false;
5506
5380
  initial-value: rotateZ(0);
5507
5381
  }
5508
5382
  @property --tw-skew-x {
5509
- syntax: '*';
5383
+ syntax: "*";
5510
5384
  inherits: false;
5511
5385
  initial-value: skewX(0);
5512
5386
  }
5513
5387
  @property --tw-skew-y {
5514
- syntax: '*';
5388
+ syntax: "*";
5515
5389
  inherits: false;
5516
5390
  initial-value: skewY(0);
5517
5391
  }
5518
5392
  @property --tw-space-y-reverse {
5519
- syntax: '*';
5393
+ syntax: "*";
5520
5394
  inherits: false;
5521
5395
  initial-value: 0;
5522
5396
  }
5523
5397
  @property --tw-space-x-reverse {
5524
- syntax: '*';
5398
+ syntax: "*";
5525
5399
  inherits: false;
5526
5400
  initial-value: 0;
5527
5401
  }
5528
5402
  @property --tw-border-style {
5529
- syntax: '*';
5403
+ syntax: "*";
5530
5404
  inherits: false;
5531
5405
  initial-value: solid;
5532
5406
  }
5533
5407
  @property --tw-gradient-position {
5534
- syntax: '*';
5408
+ syntax: "*";
5535
5409
  inherits: false;
5536
5410
  }
5537
5411
  @property --tw-gradient-from {
5538
- syntax: '<color>';
5412
+ syntax: "<color>";
5539
5413
  inherits: false;
5540
5414
  initial-value: #0000;
5541
5415
  }
5542
5416
  @property --tw-gradient-via {
5543
- syntax: '<color>';
5417
+ syntax: "<color>";
5544
5418
  inherits: false;
5545
5419
  initial-value: #0000;
5546
5420
  }
5547
5421
  @property --tw-gradient-to {
5548
- syntax: '<color>';
5422
+ syntax: "<color>";
5549
5423
  inherits: false;
5550
5424
  initial-value: #0000;
5551
5425
  }
5552
5426
  @property --tw-gradient-stops {
5553
- syntax: '*';
5427
+ syntax: "*";
5554
5428
  inherits: false;
5555
5429
  }
5556
5430
  @property --tw-gradient-via-stops {
5557
- syntax: '*';
5431
+ syntax: "*";
5558
5432
  inherits: false;
5559
5433
  }
5560
5434
  @property --tw-gradient-from-position {
5561
- syntax: '<length-percentage>';
5435
+ syntax: "<length-percentage>";
5562
5436
  inherits: false;
5563
5437
  initial-value: 0%;
5564
5438
  }
5565
5439
  @property --tw-gradient-via-position {
5566
- syntax: '<length-percentage>';
5440
+ syntax: "<length-percentage>";
5567
5441
  inherits: false;
5568
5442
  initial-value: 50%;
5569
5443
  }
5570
5444
  @property --tw-gradient-to-position {
5571
- syntax: '<length-percentage>';
5445
+ syntax: "<length-percentage>";
5572
5446
  inherits: false;
5573
5447
  initial-value: 100%;
5574
5448
  }
5575
5449
  @property --tw-leading {
5576
- syntax: '*';
5450
+ syntax: "*";
5577
5451
  inherits: false;
5578
5452
  }
5579
5453
  @property --tw-font-weight {
5580
- syntax: '*';
5454
+ syntax: "*";
5581
5455
  inherits: false;
5582
5456
  }
5583
5457
  @property --tw-tracking {
5584
- syntax: '*';
5458
+ syntax: "*";
5585
5459
  inherits: false;
5586
5460
  }
5587
5461
  @property --tw-shadow {
5588
- syntax: '*';
5462
+ syntax: "*";
5589
5463
  inherits: false;
5590
5464
  initial-value: 0 0 #0000;
5591
5465
  }
5592
5466
  @property --tw-shadow-color {
5593
- syntax: '*';
5467
+ syntax: "*";
5594
5468
  inherits: false;
5595
5469
  }
5596
5470
  @property --tw-shadow-alpha {
5597
- syntax: '<percentage>';
5471
+ syntax: "<percentage>";
5598
5472
  inherits: false;
5599
5473
  initial-value: 100%;
5600
5474
  }
5601
5475
  @property --tw-inset-shadow {
5602
- syntax: '*';
5476
+ syntax: "*";
5603
5477
  inherits: false;
5604
5478
  initial-value: 0 0 #0000;
5605
5479
  }
5606
5480
  @property --tw-inset-shadow-color {
5607
- syntax: '*';
5481
+ syntax: "*";
5608
5482
  inherits: false;
5609
5483
  }
5610
5484
  @property --tw-inset-shadow-alpha {
5611
- syntax: '<percentage>';
5485
+ syntax: "<percentage>";
5612
5486
  inherits: false;
5613
5487
  initial-value: 100%;
5614
5488
  }
5615
5489
  @property --tw-ring-color {
5616
- syntax: '*';
5490
+ syntax: "*";
5617
5491
  inherits: false;
5618
5492
  }
5619
5493
  @property --tw-ring-shadow {
5620
- syntax: '*';
5494
+ syntax: "*";
5621
5495
  inherits: false;
5622
5496
  initial-value: 0 0 #0000;
5623
5497
  }
5624
5498
  @property --tw-inset-ring-color {
5625
- syntax: '*';
5499
+ syntax: "*";
5626
5500
  inherits: false;
5627
5501
  }
5628
5502
  @property --tw-inset-ring-shadow {
5629
- syntax: '*';
5503
+ syntax: "*";
5630
5504
  inherits: false;
5631
5505
  initial-value: 0 0 #0000;
5632
5506
  }
5633
5507
  @property --tw-ring-inset {
5634
- syntax: '*';
5508
+ syntax: "*";
5635
5509
  inherits: false;
5636
5510
  }
5637
5511
  @property --tw-ring-offset-width {
5638
- syntax: '<length>';
5512
+ syntax: "<length>";
5639
5513
  inherits: false;
5640
5514
  initial-value: 0px;
5641
5515
  }
5642
5516
  @property --tw-ring-offset-color {
5643
- syntax: '*';
5517
+ syntax: "*";
5644
5518
  inherits: false;
5645
5519
  initial-value: #fff;
5646
5520
  }
5647
5521
  @property --tw-ring-offset-shadow {
5648
- syntax: '*';
5522
+ syntax: "*";
5649
5523
  inherits: false;
5650
5524
  initial-value: 0 0 #0000;
5651
5525
  }
5652
5526
  @property --tw-outline-style {
5653
- syntax: '*';
5527
+ syntax: "*";
5654
5528
  inherits: false;
5655
5529
  initial-value: solid;
5656
5530
  }
5657
5531
  @property --tw-backdrop-blur {
5658
- syntax: '*';
5532
+ syntax: "*";
5659
5533
  inherits: false;
5660
5534
  }
5661
5535
  @property --tw-backdrop-brightness {
5662
- syntax: '*';
5536
+ syntax: "*";
5663
5537
  inherits: false;
5664
5538
  }
5665
5539
  @property --tw-backdrop-contrast {
5666
- syntax: '*';
5540
+ syntax: "*";
5667
5541
  inherits: false;
5668
5542
  }
5669
5543
  @property --tw-backdrop-grayscale {
5670
- syntax: '*';
5544
+ syntax: "*";
5671
5545
  inherits: false;
5672
5546
  }
5673
5547
  @property --tw-backdrop-hue-rotate {
5674
- syntax: '*';
5548
+ syntax: "*";
5675
5549
  inherits: false;
5676
5550
  }
5677
5551
  @property --tw-backdrop-invert {
5678
- syntax: '*';
5552
+ syntax: "*";
5679
5553
  inherits: false;
5680
5554
  }
5681
5555
  @property --tw-backdrop-opacity {
5682
- syntax: '*';
5556
+ syntax: "*";
5683
5557
  inherits: false;
5684
5558
  }
5685
5559
  @property --tw-backdrop-saturate {
5686
- syntax: '*';
5560
+ syntax: "*";
5687
5561
  inherits: false;
5688
5562
  }
5689
5563
  @property --tw-backdrop-sepia {
5690
- syntax: '*';
5564
+ syntax: "*";
5691
5565
  inherits: false;
5692
5566
  }
5693
5567
  @property --tw-duration {
5694
- syntax: '*';
5568
+ syntax: "*";
5695
5569
  inherits: false;
5696
5570
  }
5697
5571
  @property --tw-ease {
5698
- syntax: '*';
5572
+ syntax: "*";
5699
5573
  inherits: false;
5700
5574
  }
5701
5575
  @property --tw-content {
5702
- syntax: '*';
5703
- initial-value: '';
5576
+ syntax: "*";
5577
+ initial-value: "";
5704
5578
  inherits: false;
5705
5579
  }
5706
5580
  @keyframes pulse {
@@ -5709,12 +5583,8 @@
5709
5583
  }
5710
5584
  }
5711
5585
  @layer properties {
5712
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
5713
- ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
5714
- *,
5715
- ::before,
5716
- ::after,
5717
- ::backdrop {
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 {
5718
5588
  --tw-translate-x: 0;
5719
5589
  --tw-translate-y: 0;
5720
5590
  --tw-translate-z: 0;
@@ -5767,7 +5637,7 @@
5767
5637
  --tw-backdrop-sepia: initial;
5768
5638
  --tw-duration: initial;
5769
5639
  --tw-ease: initial;
5770
- --tw-content: '';
5640
+ --tw-content: "";
5771
5641
  }
5772
5642
  }
5773
5643
  }