@powerhousedao/connect 1.0.3-dev.0 → 1.0.4-dev.1

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-CcH3qGge.css} +213 -60
  3. package/dist/assets/{app-BYkaiTES.js → app-CrkKw3iM.js} +2100 -1018
  4. package/dist/assets/{app-loader-Bnp0H-wa.css → app-loader-DGByWxSG.css} +165 -22
  5. package/dist/assets/{app-loader-Bkg_WUos.js → app-loader-UcJ4Us8H.js} +438 -294
  6. package/dist/assets/{ccip-Dn5Ob09y.js → ccip-By_pxEiI.js} +3 -3
  7. package/dist/assets/{content-DcF7YyCb.js → content-Cztr255I.js} +36 -6
  8. package/dist/assets/{index-zVQzC6z2.js → index-CIzDiBJQ.js} +4 -4
  9. package/dist/assets/{index-B62Phyap.js → index-DL-uHasR.js} +3 -3
  10. package/dist/assets/{index-CBIcU4C0.js → index-vxDIqVse.js} +670 -519
  11. package/dist/assets/{main.CgKmK6gL.js → main.b7W0Jdwz.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-XXFOSD4A.js → chunk-4GNNWOQN.js} +1 -1
  17. package/dist/modules/@powerhousedao/reactor-browser/{chunk-PQ4UODLR.js → chunk-AEE452AO.js} +1 -1
  18. package/dist/modules/@powerhousedao/reactor-browser/{chunk-FW7N6EJH.js → chunk-C7QRY43M.js} +3 -3
  19. package/dist/modules/@powerhousedao/reactor-browser/{chunk-45DCPCA7.js → chunk-CO2RVWYY.js} +1 -1
  20. package/dist/modules/@powerhousedao/reactor-browser/{chunk-YDERCA5J.js → chunk-N7NRLUYA.js} +1 -1
  21. package/dist/modules/@powerhousedao/reactor-browser/{chunk-F3RCGUF6.js → chunk-NHD6VUCD.js} +2 -2
  22. package/dist/modules/@powerhousedao/reactor-browser/{chunk-UP4DC4D2.js → chunk-Q5MVFG2N.js} +1 -1
  23. package/dist/modules/@powerhousedao/reactor-browser/{chunk-M2UUQ5LH.js → chunk-U34SEKEB.js} +2 -2
  24. package/dist/modules/@powerhousedao/reactor-browser/{chunk-A4GIWVYS.js → chunk-ZZIQ3KGW.js} +322 -183
  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,5 +1,55 @@
1
- /*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
4
+ @layer base {
5
+ *, ::before, ::after, ::backdrop {
6
+ --tw-rotate-x: rotateX(0);
7
+ --tw-rotate-y: rotateY(0);
8
+ --tw-rotate-z: rotateZ(0);
9
+ --tw-skew-x: skewX(0);
10
+ --tw-skew-y: skewY(0);
11
+ --tw-border-style: solid;
12
+ --tw-font-weight: initial;
13
+ --tw-translate-x: 0;
14
+ --tw-translate-y: 0;
15
+ --tw-translate-z: 0;
16
+ --tw-scale-x: 1;
17
+ --tw-scale-y: 1;
18
+ --tw-scale-z: 1;
19
+ --tw-space-y-reverse: 0;
20
+ --tw-space-x-reverse: 0;
21
+ --tw-divide-y-reverse: 0;
22
+ --tw-leading: initial;
23
+ --tw-tracking: initial;
24
+ --tw-shadow: 0 0 #0000;
25
+ --tw-shadow-color: initial;
26
+ --tw-inset-shadow: 0 0 #0000;
27
+ --tw-inset-shadow-color: initial;
28
+ --tw-ring-color: initial;
29
+ --tw-ring-shadow: 0 0 #0000;
30
+ --tw-inset-ring-color: initial;
31
+ --tw-inset-ring-shadow: 0 0 #0000;
32
+ --tw-ring-inset: initial;
33
+ --tw-ring-offset-width: 0px;
34
+ --tw-ring-offset-color: #fff;
35
+ --tw-ring-offset-shadow: 0 0 #0000;
36
+ --tw-outline-style: solid;
37
+ --tw-blur: initial;
38
+ --tw-brightness: initial;
39
+ --tw-contrast: initial;
40
+ --tw-grayscale: initial;
41
+ --tw-hue-rotate: initial;
42
+ --tw-invert: initial;
43
+ --tw-opacity: initial;
44
+ --tw-saturate: initial;
45
+ --tw-sepia: initial;
46
+ --tw-drop-shadow: initial;
47
+ --tw-duration: initial;
48
+ --tw-ease: initial;
49
+ --tw-content: "";
50
+ }
51
+ }
52
+ }
3
53
  @layer theme {
4
54
  :root, :host {
5
55
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
@@ -25,6 +75,7 @@
25
75
  --color-green-700: oklch(0.527 0.154 150.069);
26
76
  --color-green-800: oklch(0.448 0.119 151.328);
27
77
  --color-green-900: oklch(0.393 0.095 152.535);
78
+ --color-blue-50: oklch(0.97 0.014 254.604);
28
79
  --color-blue-100: oklch(0.932 0.032 255.585);
29
80
  --color-blue-400: oklch(0.707 0.165 254.624);
30
81
  --color-blue-500: oklch(0.623 0.214 259.815);
@@ -88,17 +139,7 @@
88
139
  --default-transition-duration: 150ms;
89
140
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
90
141
  --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
142
  --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
143
  }
103
144
  }
104
145
  @layer base {
@@ -112,14 +153,11 @@
112
153
  line-height: 1.5;
113
154
  -webkit-text-size-adjust: 100%;
114
155
  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" );
156
+ 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
157
  font-feature-settings: var(--default-font-feature-settings, normal);
117
- font-variation-settings: var( --default-font-variation-settings, normal );
158
+ font-variation-settings: var(--default-font-variation-settings, normal);
118
159
  -webkit-tap-highlight-color: transparent;
119
160
  }
120
- body {
121
- line-height: inherit;
122
- }
123
161
  hr {
124
162
  height: 0;
125
163
  color: inherit;
@@ -142,9 +180,9 @@
142
180
  font-weight: bolder;
143
181
  }
144
182
  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 );
183
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
184
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
185
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
148
186
  font-size: 1em;
149
187
  }
150
188
  small {
@@ -208,7 +246,11 @@
208
246
  }
209
247
  ::placeholder {
210
248
  opacity: 1;
211
- color: color-mix(in oklab, currentColor 50%, transparent);
249
+ }
250
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
251
+ ::placeholder {
252
+ color: color-mix(in oklab, currentColor 50%, transparent);
253
+ }
212
254
  }
213
255
  textarea {
214
256
  resize: vertical;
@@ -246,6 +288,9 @@
246
288
  .collapse {
247
289
  visibility: collapse;
248
290
  }
291
+ .visible {
292
+ visibility: visible;
293
+ }
249
294
  .absolute {
250
295
  position: absolute;
251
296
  }
@@ -291,6 +336,9 @@
291
336
  .mb-8 {
292
337
  margin-bottom: calc(var(--spacing) * 8);
293
338
  }
339
+ .contents {
340
+ display: contents;
341
+ }
294
342
  .flex {
295
343
  display: flex;
296
344
  }
@@ -395,7 +443,7 @@
395
443
  color: var(--color-gray-600);
396
444
  }
397
445
  }
398
- /*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
446
+ /*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
399
447
  :root {
400
448
  --toastify-color-light: #fff;
401
449
  --toastify-color-dark: #121212;
@@ -1083,8 +1131,6 @@
1083
1131
  @layer theme {
1084
1132
  :root, :host {
1085
1133
  --font-sans: "Inter", sans-serif;
1086
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
1087
- "Courier New", monospace;
1088
1134
  --color-red-100: hsl(3 82% 96%);
1089
1135
  --color-red-400: hsl(5 82% 83%);
1090
1136
  --color-red-500: hsl(5 80% 78%);
@@ -1105,6 +1151,7 @@
1105
1151
  --color-green-700: hsl(136 52% 55%);
1106
1152
  --color-green-800: hsl(136 53% 49%);
1107
1153
  --color-green-900: hsl(136 53% 43%);
1154
+ --color-blue-50: oklch(0.97 0.014 254.604);
1108
1155
  --color-blue-100: hsl(209 100% 90%);
1109
1156
  --color-blue-400: hsl(209 100% 75%);
1110
1157
  --color-blue-500: hsl(209 100% 70%);
@@ -1167,18 +1214,6 @@
1167
1214
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1168
1215
  --default-transition-duration: 150ms;
1169
1216
  --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
1217
  --color-charcoal-300: hsl(221 17% 67%);
1183
1218
  --color-charcoal-700: hsl(219 17% 34%);
1184
1219
  --color-charcoal-800: hsl(221 17% 26%);
@@ -1204,14 +1239,11 @@
1204
1239
  line-height: 1.5;
1205
1240
  -webkit-text-size-adjust: 100%;
1206
1241
  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 );
1242
+ font-family: "Inter", sans-serif;
1243
+ font-feature-settings: initial;
1244
+ font-variation-settings: initial;
1210
1245
  -webkit-tap-highlight-color: transparent;
1211
1246
  }
1212
- body {
1213
- line-height: inherit;
1214
- }
1215
1247
  hr {
1216
1248
  height: 0;
1217
1249
  color: inherit;
@@ -1234,9 +1266,9 @@
1234
1266
  font-weight: bolder;
1235
1267
  }
1236
1268
  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 );
1269
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1270
+ font-feature-settings: initial;
1271
+ font-variation-settings: initial;
1240
1272
  font-size: 1em;
1241
1273
  }
1242
1274
  small {
@@ -1300,7 +1332,11 @@
1300
1332
  }
1301
1333
  ::placeholder {
1302
1334
  opacity: 1;
1303
- color: color-mix(in oklab, currentColor 50%, transparent);
1335
+ }
1336
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
1337
+ ::placeholder {
1338
+ color: color-mix(in oklab, currentColor 50%, transparent);
1339
+ }
1304
1340
  }
1305
1341
  textarea {
1306
1342
  resize: vertical;
@@ -1613,9 +1649,6 @@
1613
1649
  .mb-4 {
1614
1650
  margin-bottom: calc(var(--spacing) * 4);
1615
1651
  }
1616
- .mb-5 {
1617
- margin-bottom: calc(var(--spacing) * 5);
1618
- }
1619
1652
  .mb-6 {
1620
1653
  margin-bottom: calc(var(--spacing) * 6);
1621
1654
  }
@@ -1643,6 +1676,27 @@
1643
1676
  .ml-auto {
1644
1677
  margin-left: auto;
1645
1678
  }
1679
+ .scrollbar-thin {
1680
+ &::-webkit-scrollbar-track {
1681
+ background-color: var(--scrollbar-track);
1682
+ border-radius: var(--scrollbar-track-radius);
1683
+ }
1684
+ &::-webkit-scrollbar-thumb {
1685
+ background-color: var(--scrollbar-thumb);
1686
+ border-radius: var(--scrollbar-thumb-radius);
1687
+ }
1688
+ &::-webkit-scrollbar-corner {
1689
+ background-color: var(--scrollbar-corner);
1690
+ border-radius: var(--scrollbar-corner-radius);
1691
+ }
1692
+ scrollbar-width: thin;
1693
+ scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
1694
+ &::-webkit-scrollbar {
1695
+ display: block;
1696
+ width: 8px;
1697
+ height: 8px;
1698
+ }
1699
+ }
1646
1700
  .line-clamp-2 {
1647
1701
  overflow: hidden;
1648
1702
  display: -webkit-box;
@@ -2011,6 +2065,9 @@
2011
2065
  .min-w-8 {
2012
2066
  min-width: calc(var(--spacing) * 8);
2013
2067
  }
2068
+ .min-w-9 {
2069
+ min-width: calc(var(--spacing) * 9);
2070
+ }
2014
2071
  .min-w-36 {
2015
2072
  min-width: calc(var(--spacing) * 36);
2016
2073
  }
@@ -2020,12 +2077,12 @@
2020
2077
  .min-w-72 {
2021
2078
  min-width: calc(var(--spacing) * 72);
2022
2079
  }
2080
+ .min-w-\[40px\] {
2081
+ min-width: 40px;
2082
+ }
2023
2083
  .min-w-\[142px\] {
2024
2084
  min-width: 142px;
2025
2085
  }
2026
- .min-w-\[160px\] {
2027
- min-width: 160px;
2028
- }
2029
2086
  .min-w-\[360px\] {
2030
2087
  min-width: 360px;
2031
2088
  }
@@ -2281,6 +2338,9 @@
2281
2338
  .overflow-scroll {
2282
2339
  overflow: scroll;
2283
2340
  }
2341
+ .overflow-x-auto {
2342
+ overflow-x: auto;
2343
+ }
2284
2344
  .overflow-x-hidden {
2285
2345
  overflow-x: hidden;
2286
2346
  }
@@ -2381,6 +2441,10 @@
2381
2441
  border-top-style: var(--tw-border-style);
2382
2442
  border-top-width: 1px;
2383
2443
  }
2444
+ .border-r {
2445
+ border-right-style: var(--tw-border-style);
2446
+ border-right-width: 1px;
2447
+ }
2384
2448
  .border-r-\[0\.5px\] {
2385
2449
  border-right-style: var(--tw-border-style);
2386
2450
  border-right-width: 0.5px;
@@ -2419,6 +2483,9 @@
2419
2483
  .border-blue-600 {
2420
2484
  border-color: var(--color-blue-600);
2421
2485
  }
2486
+ .border-blue-900 {
2487
+ border-color: var(--color-blue-900);
2488
+ }
2422
2489
  .border-gray-100 {
2423
2490
  border-color: var(--color-gray-100);
2424
2491
  }
@@ -2461,9 +2528,21 @@
2461
2528
  .border-white {
2462
2529
  border-color: var(--color-white);
2463
2530
  }
2531
+ .border-t-blue-900 {
2532
+ border-top-color: var(--color-blue-900);
2533
+ }
2534
+ .border-t-transparent {
2535
+ border-top-color: transparent;
2536
+ }
2537
+ .border-b-blue-900 {
2538
+ border-bottom-color: var(--color-blue-900);
2539
+ }
2464
2540
  .border-b-gray-300 {
2465
2541
  border-bottom-color: var(--color-gray-300);
2466
2542
  }
2543
+ .border-b-transparent {
2544
+ border-bottom-color: transparent;
2545
+ }
2467
2546
  .bg-\[\#FCFCFC\] {
2468
2547
  background-color: #FCFCFC;
2469
2548
  }
@@ -2473,6 +2552,9 @@
2473
2552
  .bg-black {
2474
2553
  background-color: var(--color-black);
2475
2554
  }
2555
+ .bg-blue-50 {
2556
+ background-color: var(--color-blue-50);
2557
+ }
2476
2558
  .bg-blue-100 {
2477
2559
  background-color: var(--color-blue-100);
2478
2560
  }
@@ -2515,6 +2597,9 @@
2515
2597
  .bg-green-500 {
2516
2598
  background-color: var(--color-green-500);
2517
2599
  }
2600
+ .bg-green-900 {
2601
+ background-color: var(--color-green-900);
2602
+ }
2518
2603
  .bg-inherit {
2519
2604
  background-color: inherit;
2520
2605
  }
@@ -2537,7 +2622,10 @@
2537
2622
  background-color: var(--color-slate-100);
2538
2623
  }
2539
2624
  .bg-slate-900\/50 {
2540
- background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
2625
+ background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 50%, transparent);
2626
+ @supports (color: color-mix(in lab, red, red)) {
2627
+ background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
2628
+ }
2541
2629
  }
2542
2630
  .bg-transparent {
2543
2631
  background-color: transparent;
@@ -2611,6 +2699,9 @@
2611
2699
  .px-\[5\.5px\] {
2612
2700
  padding-inline: 5.5px;
2613
2701
  }
2702
+ .px-\[12px\] {
2703
+ padding-inline: 12px;
2704
+ }
2614
2705
  .py-0 {
2615
2706
  padding-block: calc(var(--spacing) * 0);
2616
2707
  }
@@ -2641,6 +2732,9 @@
2641
2732
  .py-\[7px\] {
2642
2733
  padding-block: 7px;
2643
2734
  }
2735
+ .py-\[15px\] {
2736
+ padding-block: 15px;
2737
+ }
2644
2738
  .pt-0 {
2645
2739
  padding-top: calc(var(--spacing) * 0);
2646
2740
  }
@@ -2802,6 +2896,10 @@
2802
2896
  --tw-leading: calc(var(--spacing) * 10);
2803
2897
  line-height: calc(var(--spacing) * 10);
2804
2898
  }
2899
+ .leading-\[14px\] {
2900
+ --tw-leading: 14px;
2901
+ line-height: 14px;
2902
+ }
2805
2903
  .leading-\[18px\] {
2806
2904
  --tw-leading: 18px;
2807
2905
  line-height: 18px;
@@ -3039,7 +3137,10 @@
3039
3137
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3040
3138
  }
3041
3139
  .shadow-black\/\[\.04\] {
3042
- --tw-shadow-color: color-mix(in oklab, var(--color-black) 4%, transparent);
3140
+ --tw-shadow-color: color-mix(in srgb, #000 4%, transparent);
3141
+ @supports (color: color-mix(in lab, red, red)) {
3142
+ --tw-shadow-color: color-mix(in oklab, var(--color-black) 4%, transparent);
3143
+ }
3043
3144
  }
3044
3145
  .ring-gray-900 {
3045
3146
  --tw-ring-color: var(--color-gray-900);
@@ -3152,6 +3253,18 @@
3152
3253
  .\[scrollbar-width\:none\] {
3153
3254
  scrollbar-width: none;
3154
3255
  }
3256
+ .scrollbar-thumb-gray-300 {
3257
+ --scrollbar-thumb: hsl(210 3% 85%);
3258
+ }
3259
+ .scrollbar-track-transparent {
3260
+ --scrollbar-track: transparent;
3261
+ }
3262
+ .not-last\:border-b {
3263
+ &:not(*:last-child) {
3264
+ border-bottom-style: var(--tw-border-style);
3265
+ border-bottom-width: 1px;
3266
+ }
3267
+ }
3155
3268
  .group-focus-within\:\!text-gray-900 {
3156
3269
  &:is(:where(.group):focus-within *) {
3157
3270
  color: var(--color-gray-900) !important;
@@ -3732,6 +3845,13 @@
3732
3845
  }
3733
3846
  }
3734
3847
  }
3848
+ .hover\:bg-blue-100 {
3849
+ &:hover {
3850
+ @media (hover: hover) {
3851
+ background-color: var(--color-blue-100);
3852
+ }
3853
+ }
3854
+ }
3735
3855
  .hover\:bg-gray-50 {
3736
3856
  &:hover {
3737
3857
  @media (hover: hover) {
@@ -3893,13 +4013,6 @@
3893
4013
  }
3894
4014
  }
3895
4015
  }
3896
- .hover\:text-white {
3897
- &:hover {
3898
- @media (hover: hover) {
3899
- color: var(--color-white);
3900
- }
3901
- }
3902
- }
3903
4016
  .hover\:underline {
3904
4017
  &:hover {
3905
4018
  @media (hover: hover) {
@@ -3929,6 +4042,13 @@
3929
4042
  }
3930
4043
  }
3931
4044
  }
4045
+ .hover\:scrollbar-thumb-gray-300 {
4046
+ &:hover {
4047
+ @media (hover: hover) {
4048
+ --scrollbar-thumb: hsl(210 3% 85%);
4049
+ }
4050
+ }
4051
+ }
3932
4052
  .focus-within\:hover\:cursor-default {
3933
4053
  &:focus-within {
3934
4054
  &:hover {
@@ -4182,6 +4302,16 @@
4182
4302
  opacity: 100%;
4183
4303
  }
4184
4304
  }
4305
+ .aria-selected\:\!bg-gray-900 {
4306
+ &[aria-selected="true"] {
4307
+ background-color: var(--color-gray-900) !important;
4308
+ }
4309
+ }
4310
+ .aria-selected\:\!text-white {
4311
+ &[aria-selected="true"] {
4312
+ color: var(--color-white) !important;
4313
+ }
4314
+ }
4185
4315
  .aria-selected\:opacity-30 {
4186
4316
  &[aria-selected="true"] {
4187
4317
  opacity: 30%;
@@ -4664,6 +4794,11 @@
4664
4794
  --tw-ring-color: var(--color-charcoal-300);
4665
4795
  }
4666
4796
  }
4797
+ .dark\:scrollbar-thumb-charcoal-700 {
4798
+ &:where(.dark, .dark *) {
4799
+ --scrollbar-thumb: hsl(219 17% 34%);
4800
+ }
4801
+ }
4667
4802
  .dark\:group-focus-within\:\!text-gray-50 {
4668
4803
  &:where(.dark, .dark *) {
4669
4804
  &:is(:where(.group):focus-within *) {
@@ -5005,6 +5140,15 @@
5005
5140
  }
5006
5141
  }
5007
5142
  }
5143
+ .dark\:hover\:scrollbar-thumb-charcoal-700 {
5144
+ &:where(.dark, .dark *) {
5145
+ &:hover {
5146
+ @media (hover: hover) {
5147
+ --scrollbar-thumb: hsl(219 17% 34%);
5148
+ }
5149
+ }
5150
+ }
5151
+ }
5008
5152
  .dark\:focus-within\:hover\:bg-charcoal-900 {
5009
5153
  &:where(.dark, .dark *) {
5010
5154
  &:focus-within {
@@ -5213,6 +5357,9 @@
5213
5357
  }
5214
5358
  }
5215
5359
  }
5360
+ .\[\&\]\:\!w-\[120px\] {
5361
+ width: 120px !important;
5362
+ }
5216
5363
  .focus\:\[\&_\.input-field\]\:bg-transparent {
5217
5364
  &:focus {
5218
5365
  & .input-field {
@@ -5366,6 +5513,12 @@ input[type="number"] {
5366
5513
  color: var(--color-gray-900);
5367
5514
  }
5368
5515
  }
5516
+ @layer base {
5517
+ * {
5518
+ scrollbar-color: initial;
5519
+ scrollbar-width: initial;
5520
+ }
5521
+ }
5369
5522
  @property --tw-translate-x {
5370
5523
  syntax: "*";
5371
5524
  inherits: false;