@powerhousedao/connect 1.0.9-dev.0 → 1.0.11-dev.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 (37) hide show
  1. package/LICENSE +661 -0
  2. package/dist/assets/{app-D9QJBr8i.css → app-BIIVKAZr.css} +223 -60
  3. package/dist/assets/{app-Uu65do7x.js → app-CSB8ljfZ.js} +2107 -1027
  4. package/dist/assets/{app-loader-BnxLpX27.js → app-loader-k9YqeUtT.js} +416 -268
  5. package/dist/assets/{app-loader-Bnp0H-wa.css → app-loader-pcztQTL4.css} +173 -26
  6. package/dist/assets/{ccip-CpD5P3bc.js → ccip-CE4X4bM8.js} +3 -3
  7. package/dist/assets/{content-DV_bRXbH.js → content-DPhkZXQC.js} +37 -7
  8. package/dist/assets/{index-B4m3ucR9.js → index-COuqxA6R.js} +3 -3
  9. package/dist/assets/{index-Ch_NXi_f.js → index-CTQ6qYUS.js} +670 -519
  10. package/dist/assets/{index-yrCJMRn6.js → index-Dr18XVHc.js} +4 -4
  11. package/dist/assets/{main.CpORyZoE.js → main.Biy01WIR.js} +1 -1
  12. package/dist/assets/{style-D4JhTt_m.css → style-Ce3V83BE.css} +31 -36
  13. package/dist/hmr.js +1 -1
  14. package/dist/index.html +1 -1
  15. package/dist/modules/@powerhousedao/reactor-browser/{chunk-G6LMXRY5.js → chunk-2ONJ2PX4.js} +1 -1
  16. package/dist/modules/@powerhousedao/reactor-browser/{chunk-IC6B3767.js → chunk-6GRZOLU5.js} +1 -1
  17. package/dist/modules/@powerhousedao/reactor-browser/{chunk-FW7N6EJH.js → chunk-C7QRY43M.js} +3 -3
  18. package/dist/modules/@powerhousedao/reactor-browser/{chunk-45DCPCA7.js → chunk-CO2RVWYY.js} +1 -1
  19. package/dist/modules/@powerhousedao/reactor-browser/{chunk-UDKYG6I4.js → chunk-HNBKSZYU.js} +1 -1
  20. package/dist/modules/@powerhousedao/reactor-browser/{chunk-6MBHOHAA.js → chunk-HNTH6HAH.js} +7 -20
  21. package/dist/modules/@powerhousedao/reactor-browser/{chunk-N5UNGAA6.js → chunk-HYN4HC4N.js} +391 -232
  22. package/dist/modules/@powerhousedao/reactor-browser/{chunk-F3RCGUF6.js → chunk-NHD6VUCD.js} +2 -2
  23. package/dist/modules/@powerhousedao/reactor-browser/{chunk-OYYVE7RP.js → chunk-ODF4NZBP.js} +1 -1
  24. package/dist/modules/@powerhousedao/reactor-browser/{chunk-M2UUQ5LH.js → chunk-U34SEKEB.js} +2 -2
  25. package/dist/modules/@powerhousedao/reactor-browser/context/index.js +2 -2
  26. package/dist/modules/@powerhousedao/reactor-browser/context/read-mode.js +2 -2
  27. package/dist/modules/@powerhousedao/reactor-browser/hooks/index.js +8 -8
  28. package/dist/modules/@powerhousedao/reactor-browser/hooks/useAddDebouncedOperations.js +3 -3
  29. package/dist/modules/@powerhousedao/reactor-browser/hooks/useConnectCrypto.js +2 -2
  30. package/dist/modules/@powerhousedao/reactor-browser/hooks/useDocumentDrives.js +2 -2
  31. package/dist/modules/@powerhousedao/reactor-browser/hooks/useDocumentEditor.js +5 -5
  32. package/dist/modules/@powerhousedao/reactor-browser/hooks/useDriveActions.js +2 -2
  33. package/dist/modules/@powerhousedao/reactor-browser/hooks/useDriveActionsWithUiNodes.js +3 -3
  34. package/dist/modules/@powerhousedao/reactor-browser/index.js +10 -10
  35. package/dist/modules/@powerhousedao/reactor-browser/reactor.js +2 -2
  36. package/dist/vite-envs.sh +1 -1
  37. package/package.json +9 -9
@@ -1,4 +1,5 @@
1
- /*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.2 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
2
3
  @layer theme, base, components, utilities;
3
4
  @layer theme {
4
5
  :root, :host {
@@ -25,6 +26,7 @@
25
26
  --color-green-700: oklch(0.527 0.154 150.069);
26
27
  --color-green-800: oklch(0.448 0.119 151.328);
27
28
  --color-green-900: oklch(0.393 0.095 152.535);
29
+ --color-blue-50: oklch(0.97 0.014 254.604);
28
30
  --color-blue-100: oklch(0.932 0.032 255.585);
29
31
  --color-blue-400: oklch(0.707 0.165 254.624);
30
32
  --color-blue-500: oklch(0.623 0.214 259.815);
@@ -88,17 +90,7 @@
88
90
  --default-transition-duration: 150ms;
89
91
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
90
92
  --default-font-family: var(--font-sans);
91
- --default-font-feature-settings: var(--font-sans--font-feature-settings);
92
- --default-font-variation-settings: var(
93
- --font-sans--font-variation-settings
94
- );
95
93
  --default-mono-font-family: var(--font-mono);
96
- --default-mono-font-feature-settings: var(
97
- --font-mono--font-feature-settings
98
- );
99
- --default-mono-font-variation-settings: var(
100
- --font-mono--font-variation-settings
101
- );
102
94
  }
103
95
  }
104
96
  @layer base {
@@ -112,14 +104,11 @@
112
104
  line-height: 1.5;
113
105
  -webkit-text-size-adjust: 100%;
114
106
  tab-size: 4;
115
- 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" );
107
+ 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");
116
108
  font-feature-settings: var(--default-font-feature-settings, normal);
117
- font-variation-settings: var( --default-font-variation-settings, normal );
109
+ font-variation-settings: var(--default-font-variation-settings, normal);
118
110
  -webkit-tap-highlight-color: transparent;
119
111
  }
120
- body {
121
- line-height: inherit;
122
- }
123
112
  hr {
124
113
  height: 0;
125
114
  color: inherit;
@@ -142,9 +131,9 @@
142
131
  font-weight: bolder;
143
132
  }
144
133
  code, kbd, samp, pre {
145
- font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
146
- font-feature-settings: var( --default-mono-font-feature-settings, normal );
147
- font-variation-settings: var( --default-mono-font-variation-settings, normal );
134
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
135
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
136
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
148
137
  font-size: 1em;
149
138
  }
150
139
  small {
@@ -208,7 +197,14 @@
208
197
  }
209
198
  ::placeholder {
210
199
  opacity: 1;
211
- color: color-mix(in oklab, currentColor 50%, transparent);
200
+ }
201
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
202
+ ::placeholder {
203
+ color: currentColor;
204
+ @supports (color: color-mix(in lab, red, red)) {
205
+ color: color-mix(in oklab, currentColor 50%, transparent);
206
+ }
207
+ }
212
208
  }
213
209
  textarea {
214
210
  resize: vertical;
@@ -246,6 +242,9 @@
246
242
  .collapse {
247
243
  visibility: collapse;
248
244
  }
245
+ .visible {
246
+ visibility: visible;
247
+ }
249
248
  .absolute {
250
249
  position: absolute;
251
250
  }
@@ -291,6 +290,9 @@
291
290
  .mb-8 {
292
291
  margin-bottom: calc(var(--spacing) * 8);
293
292
  }
293
+ .contents {
294
+ display: contents;
295
+ }
294
296
  .flex {
295
297
  display: flex;
296
298
  }
@@ -395,7 +397,7 @@
395
397
  color: var(--color-gray-600);
396
398
  }
397
399
  }
398
- /*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
400
+ /*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
399
401
  :root {
400
402
  --toastify-color-light: #fff;
401
403
  --toastify-color-dark: #121212;
@@ -1083,8 +1085,6 @@
1083
1085
  @layer theme {
1084
1086
  :root, :host {
1085
1087
  --font-sans: "Inter", sans-serif;
1086
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
1087
- "Courier New", monospace;
1088
1088
  --color-red-100: hsl(3 82% 96%);
1089
1089
  --color-red-400: hsl(5 82% 83%);
1090
1090
  --color-red-500: hsl(5 80% 78%);
@@ -1105,6 +1105,7 @@
1105
1105
  --color-green-700: hsl(136 52% 55%);
1106
1106
  --color-green-800: hsl(136 53% 49%);
1107
1107
  --color-green-900: hsl(136 53% 43%);
1108
+ --color-blue-50: oklch(0.97 0.014 254.604);
1108
1109
  --color-blue-100: hsl(209 100% 90%);
1109
1110
  --color-blue-400: hsl(209 100% 75%);
1110
1111
  --color-blue-500: hsl(209 100% 70%);
@@ -1167,18 +1168,6 @@
1167
1168
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1168
1169
  --default-transition-duration: 150ms;
1169
1170
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1170
- --default-font-family: var(--font-sans);
1171
- --default-font-feature-settings: var(--font-sans--font-feature-settings);
1172
- --default-font-variation-settings: var(
1173
- --font-sans--font-variation-settings
1174
- );
1175
- --default-mono-font-family: var(--font-mono);
1176
- --default-mono-font-feature-settings: var(
1177
- --font-mono--font-feature-settings
1178
- );
1179
- --default-mono-font-variation-settings: var(
1180
- --font-mono--font-variation-settings
1181
- );
1182
1171
  --color-charcoal-300: hsl(221 17% 67%);
1183
1172
  --color-charcoal-700: hsl(219 17% 34%);
1184
1173
  --color-charcoal-800: hsl(221 17% 26%);
@@ -1204,14 +1193,11 @@
1204
1193
  line-height: 1.5;
1205
1194
  -webkit-text-size-adjust: 100%;
1206
1195
  tab-size: 4;
1207
- 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" );
1208
- font-feature-settings: var(--default-font-feature-settings, normal);
1209
- font-variation-settings: var( --default-font-variation-settings, normal );
1196
+ font-family: "Inter", sans-serif;
1197
+ font-feature-settings: initial;
1198
+ font-variation-settings: initial;
1210
1199
  -webkit-tap-highlight-color: transparent;
1211
1200
  }
1212
- body {
1213
- line-height: inherit;
1214
- }
1215
1201
  hr {
1216
1202
  height: 0;
1217
1203
  color: inherit;
@@ -1234,9 +1220,9 @@
1234
1220
  font-weight: bolder;
1235
1221
  }
1236
1222
  code, kbd, samp, pre {
1237
- font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
1238
- font-feature-settings: var( --default-mono-font-feature-settings, normal );
1239
- font-variation-settings: var( --default-mono-font-variation-settings, normal );
1223
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1224
+ font-feature-settings: initial;
1225
+ font-variation-settings: initial;
1240
1226
  font-size: 1em;
1241
1227
  }
1242
1228
  small {
@@ -1300,7 +1286,14 @@
1300
1286
  }
1301
1287
  ::placeholder {
1302
1288
  opacity: 1;
1303
- color: color-mix(in oklab, currentColor 50%, transparent);
1289
+ }
1290
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
1291
+ ::placeholder {
1292
+ color: currentColor;
1293
+ @supports (color: color-mix(in lab, red, red)) {
1294
+ color: color-mix(in oklab, currentColor 50%, transparent);
1295
+ }
1296
+ }
1304
1297
  }
1305
1298
  textarea {
1306
1299
  resize: vertical;
@@ -1613,9 +1606,6 @@
1613
1606
  .mb-4 {
1614
1607
  margin-bottom: calc(var(--spacing) * 4);
1615
1608
  }
1616
- .mb-5 {
1617
- margin-bottom: calc(var(--spacing) * 5);
1618
- }
1619
1609
  .mb-6 {
1620
1610
  margin-bottom: calc(var(--spacing) * 6);
1621
1611
  }
@@ -1643,6 +1633,27 @@
1643
1633
  .ml-auto {
1644
1634
  margin-left: auto;
1645
1635
  }
1636
+ .scrollbar-thin {
1637
+ &::-webkit-scrollbar-track {
1638
+ background-color: var(--scrollbar-track);
1639
+ border-radius: var(--scrollbar-track-radius);
1640
+ }
1641
+ &::-webkit-scrollbar-thumb {
1642
+ background-color: var(--scrollbar-thumb);
1643
+ border-radius: var(--scrollbar-thumb-radius);
1644
+ }
1645
+ &::-webkit-scrollbar-corner {
1646
+ background-color: var(--scrollbar-corner);
1647
+ border-radius: var(--scrollbar-corner-radius);
1648
+ }
1649
+ scrollbar-width: thin;
1650
+ scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
1651
+ &::-webkit-scrollbar {
1652
+ display: block;
1653
+ width: 8px;
1654
+ height: 8px;
1655
+ }
1656
+ }
1646
1657
  .line-clamp-2 {
1647
1658
  overflow: hidden;
1648
1659
  display: -webkit-box;
@@ -1828,6 +1839,9 @@
1828
1839
  .max-h-\[300px\] {
1829
1840
  max-height: 300px;
1830
1841
  }
1842
+ .max-h-\[370px\] {
1843
+ max-height: 370px;
1844
+ }
1831
1845
  .max-h-screen {
1832
1846
  max-height: 100vh;
1833
1847
  }
@@ -2011,6 +2025,9 @@
2011
2025
  .min-w-8 {
2012
2026
  min-width: calc(var(--spacing) * 8);
2013
2027
  }
2028
+ .min-w-9 {
2029
+ min-width: calc(var(--spacing) * 9);
2030
+ }
2014
2031
  .min-w-36 {
2015
2032
  min-width: calc(var(--spacing) * 36);
2016
2033
  }
@@ -2020,12 +2037,12 @@
2020
2037
  .min-w-72 {
2021
2038
  min-width: calc(var(--spacing) * 72);
2022
2039
  }
2040
+ .min-w-\[40px\] {
2041
+ min-width: 40px;
2042
+ }
2023
2043
  .min-w-\[142px\] {
2024
2044
  min-width: 142px;
2025
2045
  }
2026
- .min-w-\[160px\] {
2027
- min-width: 160px;
2028
- }
2029
2046
  .min-w-\[360px\] {
2030
2047
  min-width: 360px;
2031
2048
  }
@@ -2281,6 +2298,9 @@
2281
2298
  .overflow-scroll {
2282
2299
  overflow: scroll;
2283
2300
  }
2301
+ .overflow-x-auto {
2302
+ overflow-x: auto;
2303
+ }
2284
2304
  .overflow-x-hidden {
2285
2305
  overflow-x: hidden;
2286
2306
  }
@@ -2381,6 +2401,10 @@
2381
2401
  border-top-style: var(--tw-border-style);
2382
2402
  border-top-width: 1px;
2383
2403
  }
2404
+ .border-r {
2405
+ border-right-style: var(--tw-border-style);
2406
+ border-right-width: 1px;
2407
+ }
2384
2408
  .border-r-\[0\.5px\] {
2385
2409
  border-right-style: var(--tw-border-style);
2386
2410
  border-right-width: 0.5px;
@@ -2419,6 +2443,9 @@
2419
2443
  .border-blue-600 {
2420
2444
  border-color: var(--color-blue-600);
2421
2445
  }
2446
+ .border-blue-900 {
2447
+ border-color: var(--color-blue-900);
2448
+ }
2422
2449
  .border-gray-100 {
2423
2450
  border-color: var(--color-gray-100);
2424
2451
  }
@@ -2461,9 +2488,21 @@
2461
2488
  .border-white {
2462
2489
  border-color: var(--color-white);
2463
2490
  }
2491
+ .border-t-blue-900 {
2492
+ border-top-color: var(--color-blue-900);
2493
+ }
2494
+ .border-t-transparent {
2495
+ border-top-color: transparent;
2496
+ }
2497
+ .border-b-blue-900 {
2498
+ border-bottom-color: var(--color-blue-900);
2499
+ }
2464
2500
  .border-b-gray-300 {
2465
2501
  border-bottom-color: var(--color-gray-300);
2466
2502
  }
2503
+ .border-b-transparent {
2504
+ border-bottom-color: transparent;
2505
+ }
2467
2506
  .bg-\[\#FCFCFC\] {
2468
2507
  background-color: #FCFCFC;
2469
2508
  }
@@ -2473,6 +2512,9 @@
2473
2512
  .bg-black {
2474
2513
  background-color: var(--color-black);
2475
2514
  }
2515
+ .bg-blue-50 {
2516
+ background-color: var(--color-blue-50);
2517
+ }
2476
2518
  .bg-blue-100 {
2477
2519
  background-color: var(--color-blue-100);
2478
2520
  }
@@ -2515,6 +2557,9 @@
2515
2557
  .bg-green-500 {
2516
2558
  background-color: var(--color-green-500);
2517
2559
  }
2560
+ .bg-green-900 {
2561
+ background-color: var(--color-green-900);
2562
+ }
2518
2563
  .bg-inherit {
2519
2564
  background-color: inherit;
2520
2565
  }
@@ -2537,7 +2582,10 @@
2537
2582
  background-color: var(--color-slate-100);
2538
2583
  }
2539
2584
  .bg-slate-900\/50 {
2540
- background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
2585
+ background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 50%, transparent);
2586
+ @supports (color: color-mix(in lab, red, red)) {
2587
+ background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
2588
+ }
2541
2589
  }
2542
2590
  .bg-transparent {
2543
2591
  background-color: transparent;
@@ -2611,6 +2659,9 @@
2611
2659
  .px-\[5\.5px\] {
2612
2660
  padding-inline: 5.5px;
2613
2661
  }
2662
+ .px-\[12px\] {
2663
+ padding-inline: 12px;
2664
+ }
2614
2665
  .py-0 {
2615
2666
  padding-block: calc(var(--spacing) * 0);
2616
2667
  }
@@ -2641,6 +2692,9 @@
2641
2692
  .py-\[7px\] {
2642
2693
  padding-block: 7px;
2643
2694
  }
2695
+ .py-\[15px\] {
2696
+ padding-block: 15px;
2697
+ }
2644
2698
  .pt-0 {
2645
2699
  padding-top: calc(var(--spacing) * 0);
2646
2700
  }
@@ -2802,6 +2856,10 @@
2802
2856
  --tw-leading: calc(var(--spacing) * 10);
2803
2857
  line-height: calc(var(--spacing) * 10);
2804
2858
  }
2859
+ .leading-\[14px\] {
2860
+ --tw-leading: 14px;
2861
+ line-height: 14px;
2862
+ }
2805
2863
  .leading-\[18px\] {
2806
2864
  --tw-leading: 18px;
2807
2865
  line-height: 18px;
@@ -3039,7 +3097,10 @@
3039
3097
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3040
3098
  }
3041
3099
  .shadow-black\/\[\.04\] {
3042
- --tw-shadow-color: color-mix(in oklab, var(--color-black) 4%, transparent);
3100
+ --tw-shadow-color: color-mix(in srgb, #000 4%, transparent);
3101
+ @supports (color: color-mix(in lab, red, red)) {
3102
+ --tw-shadow-color: color-mix(in oklab, var(--color-black) 4%, transparent);
3103
+ }
3043
3104
  }
3044
3105
  .ring-gray-900 {
3045
3106
  --tw-ring-color: var(--color-gray-900);
@@ -3152,6 +3213,18 @@
3152
3213
  .\[scrollbar-width\:none\] {
3153
3214
  scrollbar-width: none;
3154
3215
  }
3216
+ .scrollbar-thumb-gray-300 {
3217
+ --scrollbar-thumb: hsl(210 3% 85%);
3218
+ }
3219
+ .scrollbar-track-transparent {
3220
+ --scrollbar-track: transparent;
3221
+ }
3222
+ .not-last\:border-b {
3223
+ &:not(*:last-child) {
3224
+ border-bottom-style: var(--tw-border-style);
3225
+ border-bottom-width: 1px;
3226
+ }
3227
+ }
3155
3228
  .group-focus-within\:\!text-gray-900 {
3156
3229
  &:is(:where(.group):focus-within *) {
3157
3230
  color: var(--color-gray-900) !important;
@@ -3732,6 +3805,13 @@
3732
3805
  }
3733
3806
  }
3734
3807
  }
3808
+ .hover\:bg-blue-100 {
3809
+ &:hover {
3810
+ @media (hover: hover) {
3811
+ background-color: var(--color-blue-100);
3812
+ }
3813
+ }
3814
+ }
3735
3815
  .hover\:bg-gray-50 {
3736
3816
  &:hover {
3737
3817
  @media (hover: hover) {
@@ -3893,13 +3973,6 @@
3893
3973
  }
3894
3974
  }
3895
3975
  }
3896
- .hover\:text-white {
3897
- &:hover {
3898
- @media (hover: hover) {
3899
- color: var(--color-white);
3900
- }
3901
- }
3902
- }
3903
3976
  .hover\:underline {
3904
3977
  &:hover {
3905
3978
  @media (hover: hover) {
@@ -3929,6 +4002,13 @@
3929
4002
  }
3930
4003
  }
3931
4004
  }
4005
+ .hover\:scrollbar-thumb-gray-300 {
4006
+ &:hover {
4007
+ @media (hover: hover) {
4008
+ --scrollbar-thumb: hsl(210 3% 85%);
4009
+ }
4010
+ }
4011
+ }
3932
4012
  .focus-within\:hover\:cursor-default {
3933
4013
  &:focus-within {
3934
4014
  &:hover {
@@ -4182,6 +4262,16 @@
4182
4262
  opacity: 100%;
4183
4263
  }
4184
4264
  }
4265
+ .aria-selected\:\!bg-gray-900 {
4266
+ &[aria-selected="true"] {
4267
+ background-color: var(--color-gray-900) !important;
4268
+ }
4269
+ }
4270
+ .aria-selected\:\!text-white {
4271
+ &[aria-selected="true"] {
4272
+ color: var(--color-white) !important;
4273
+ }
4274
+ }
4185
4275
  .aria-selected\:opacity-30 {
4186
4276
  &[aria-selected="true"] {
4187
4277
  opacity: 30%;
@@ -4664,6 +4754,11 @@
4664
4754
  --tw-ring-color: var(--color-charcoal-300);
4665
4755
  }
4666
4756
  }
4757
+ .dark\:scrollbar-thumb-charcoal-700 {
4758
+ &:where(.dark, .dark *) {
4759
+ --scrollbar-thumb: hsl(219 17% 34%);
4760
+ }
4761
+ }
4667
4762
  .dark\:group-focus-within\:\!text-gray-50 {
4668
4763
  &:where(.dark, .dark *) {
4669
4764
  &:is(:where(.group):focus-within *) {
@@ -5005,6 +5100,15 @@
5005
5100
  }
5006
5101
  }
5007
5102
  }
5103
+ .dark\:hover\:scrollbar-thumb-charcoal-700 {
5104
+ &:where(.dark, .dark *) {
5105
+ &:hover {
5106
+ @media (hover: hover) {
5107
+ --scrollbar-thumb: hsl(219 17% 34%);
5108
+ }
5109
+ }
5110
+ }
5111
+ }
5008
5112
  .dark\:focus-within\:hover\:bg-charcoal-900 {
5009
5113
  &:where(.dark, .dark *) {
5010
5114
  &:focus-within {
@@ -5213,6 +5317,9 @@
5213
5317
  }
5214
5318
  }
5215
5319
  }
5320
+ .\[\&\]\:\!w-\[120px\] {
5321
+ width: 120px !important;
5322
+ }
5216
5323
  .focus\:\[\&_\.input-field\]\:bg-transparent {
5217
5324
  &:focus {
5218
5325
  & .input-field {
@@ -5366,6 +5473,12 @@ input[type="number"] {
5366
5473
  color: var(--color-gray-900);
5367
5474
  }
5368
5475
  }
5476
+ @layer base {
5477
+ * {
5478
+ scrollbar-color: initial;
5479
+ scrollbar-width: initial;
5480
+ }
5481
+ }
5369
5482
  @property --tw-translate-x {
5370
5483
  syntax: "*";
5371
5484
  inherits: false;
@@ -5650,3 +5763,53 @@ input[type="number"] {
5650
5763
  opacity: 0.5;
5651
5764
  }
5652
5765
  }
5766
+ @layer properties {
5767
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
5768
+ *, ::before, ::after, ::backdrop {
5769
+ --tw-rotate-x: rotateX(0);
5770
+ --tw-rotate-y: rotateY(0);
5771
+ --tw-rotate-z: rotateZ(0);
5772
+ --tw-skew-x: skewX(0);
5773
+ --tw-skew-y: skewY(0);
5774
+ --tw-border-style: solid;
5775
+ --tw-font-weight: initial;
5776
+ --tw-translate-x: 0;
5777
+ --tw-translate-y: 0;
5778
+ --tw-translate-z: 0;
5779
+ --tw-scale-x: 1;
5780
+ --tw-scale-y: 1;
5781
+ --tw-scale-z: 1;
5782
+ --tw-space-y-reverse: 0;
5783
+ --tw-space-x-reverse: 0;
5784
+ --tw-divide-y-reverse: 0;
5785
+ --tw-leading: initial;
5786
+ --tw-tracking: initial;
5787
+ --tw-shadow: 0 0 #0000;
5788
+ --tw-shadow-color: initial;
5789
+ --tw-inset-shadow: 0 0 #0000;
5790
+ --tw-inset-shadow-color: initial;
5791
+ --tw-ring-color: initial;
5792
+ --tw-ring-shadow: 0 0 #0000;
5793
+ --tw-inset-ring-color: initial;
5794
+ --tw-inset-ring-shadow: 0 0 #0000;
5795
+ --tw-ring-inset: initial;
5796
+ --tw-ring-offset-width: 0px;
5797
+ --tw-ring-offset-color: #fff;
5798
+ --tw-ring-offset-shadow: 0 0 #0000;
5799
+ --tw-outline-style: solid;
5800
+ --tw-blur: initial;
5801
+ --tw-brightness: initial;
5802
+ --tw-contrast: initial;
5803
+ --tw-grayscale: initial;
5804
+ --tw-hue-rotate: initial;
5805
+ --tw-invert: initial;
5806
+ --tw-opacity: initial;
5807
+ --tw-saturate: initial;
5808
+ --tw-sepia: initial;
5809
+ --tw-drop-shadow: initial;
5810
+ --tw-duration: initial;
5811
+ --tw-ease: initial;
5812
+ --tw-content: "";
5813
+ }
5814
+ }
5815
+ }