@powerhousedao/connect 1.0.0-dev.247 → 1.0.0-dev.248

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 (26) hide show
  1. package/LICENSE +661 -0
  2. package/dist/assets/{app-Bjaniq_f.js → app-BgY4XbK3.js} +1483 -1001
  3. package/dist/assets/{app-D9QJBr8i.css → app-CYjeY4R-.css} +113 -50
  4. package/dist/assets/{app-loader-CnDRDKWw.js → app-loader-Be1urgPw.js} +4 -4
  5. package/dist/assets/{app-loader-Bnp0H-wa.css → app-loader-DC8DXqh9.css} +129 -18
  6. package/dist/assets/{ccip-BIN6bp0k.js → ccip-KX_YlO62.js} +3 -3
  7. package/dist/assets/{content-CT8IEBqv.js → content-CrBPsYmC.js} +36 -6
  8. package/dist/assets/{index-CWxXMTAJ.js → index-Ca8tBMzh.js} +3 -3
  9. package/dist/assets/{index-BeBd0Q5I.js → index-CrpTq7W6.js} +670 -519
  10. package/dist/assets/{index-BaBnabbX.js → index-DG5cID7M.js} +4 -4
  11. package/dist/assets/{main.DonDJ7tf.js → main.BvYgkrO6.js} +1 -1
  12. package/dist/assets/{style-D4JhTt_m.css → style-D7CwmVZf.css} +52 -36
  13. package/dist/index.html +1 -1
  14. package/dist/modules/@powerhousedao/reactor-browser/{chunk-G6LMXRY5.js → chunk-2ONJ2PX4.js} +1 -1
  15. package/dist/modules/@powerhousedao/reactor-browser/{chunk-FW7N6EJH.js → chunk-C7QRY43M.js} +3 -3
  16. package/dist/modules/@powerhousedao/reactor-browser/{chunk-45DCPCA7.js → chunk-CO2RVWYY.js} +1 -1
  17. package/dist/modules/@powerhousedao/reactor-browser/{chunk-F3RCGUF6.js → chunk-NHD6VUCD.js} +2 -2
  18. package/dist/modules/@powerhousedao/reactor-browser/{chunk-M2UUQ5LH.js → chunk-U34SEKEB.js} +2 -2
  19. package/dist/modules/@powerhousedao/reactor-browser/hooks/index.js +5 -5
  20. package/dist/modules/@powerhousedao/reactor-browser/hooks/useAddDebouncedOperations.js +3 -3
  21. package/dist/modules/@powerhousedao/reactor-browser/hooks/useConnectCrypto.js +2 -2
  22. package/dist/modules/@powerhousedao/reactor-browser/hooks/useDocumentDrives.js +2 -2
  23. package/dist/modules/@powerhousedao/reactor-browser/hooks/useDocumentEditor.js +5 -5
  24. package/dist/modules/@powerhousedao/reactor-browser/index.js +5 -5
  25. package/dist/vite-envs.sh +1 -1
  26. package/package.json +9 -9
@@ -25,6 +25,7 @@
25
25
  --color-green-700: oklch(0.527 0.154 150.069);
26
26
  --color-green-800: oklch(0.448 0.119 151.328);
27
27
  --color-green-900: oklch(0.393 0.095 152.535);
28
+ --color-blue-50: oklch(0.97 0.014 254.604);
28
29
  --color-blue-100: oklch(0.932 0.032 255.585);
29
30
  --color-blue-400: oklch(0.707 0.165 254.624);
30
31
  --color-blue-500: oklch(0.623 0.214 259.815);
@@ -88,17 +89,7 @@
88
89
  --default-transition-duration: 150ms;
89
90
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
90
91
  --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
92
  --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
93
  }
103
94
  }
104
95
  @layer base {
@@ -112,14 +103,11 @@
112
103
  line-height: 1.5;
113
104
  -webkit-text-size-adjust: 100%;
114
105
  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" );
106
+ 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
107
  font-feature-settings: var(--default-font-feature-settings, normal);
117
- font-variation-settings: var( --default-font-variation-settings, normal );
108
+ font-variation-settings: var(--default-font-variation-settings, normal);
118
109
  -webkit-tap-highlight-color: transparent;
119
110
  }
120
- body {
121
- line-height: inherit;
122
- }
123
111
  hr {
124
112
  height: 0;
125
113
  color: inherit;
@@ -142,9 +130,9 @@
142
130
  font-weight: bolder;
143
131
  }
144
132
  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 );
133
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
134
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
135
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
148
136
  font-size: 1em;
149
137
  }
150
138
  small {
@@ -208,7 +196,11 @@
208
196
  }
209
197
  ::placeholder {
210
198
  opacity: 1;
211
- color: color-mix(in oklab, currentColor 50%, transparent);
199
+ }
200
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
201
+ ::placeholder {
202
+ color: color-mix(in oklab, currentColor 50%, transparent);
203
+ }
212
204
  }
213
205
  textarea {
214
206
  resize: vertical;
@@ -395,7 +387,7 @@
395
387
  color: var(--color-gray-600);
396
388
  }
397
389
  }
398
- /*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
390
+ /*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
399
391
  :root {
400
392
  --toastify-color-light: #fff;
401
393
  --toastify-color-dark: #121212;
@@ -1083,8 +1075,6 @@
1083
1075
  @layer theme {
1084
1076
  :root, :host {
1085
1077
  --font-sans: "Inter", sans-serif;
1086
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
1087
- "Courier New", monospace;
1088
1078
  --color-red-100: hsl(3 82% 96%);
1089
1079
  --color-red-400: hsl(5 82% 83%);
1090
1080
  --color-red-500: hsl(5 80% 78%);
@@ -1105,6 +1095,7 @@
1105
1095
  --color-green-700: hsl(136 52% 55%);
1106
1096
  --color-green-800: hsl(136 53% 49%);
1107
1097
  --color-green-900: hsl(136 53% 43%);
1098
+ --color-blue-50: oklch(0.97 0.014 254.604);
1108
1099
  --color-blue-100: hsl(209 100% 90%);
1109
1100
  --color-blue-400: hsl(209 100% 75%);
1110
1101
  --color-blue-500: hsl(209 100% 70%);
@@ -1167,18 +1158,6 @@
1167
1158
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1168
1159
  --default-transition-duration: 150ms;
1169
1160
  --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
1161
  --color-charcoal-300: hsl(221 17% 67%);
1183
1162
  --color-charcoal-700: hsl(219 17% 34%);
1184
1163
  --color-charcoal-800: hsl(221 17% 26%);
@@ -1204,14 +1183,11 @@
1204
1183
  line-height: 1.5;
1205
1184
  -webkit-text-size-adjust: 100%;
1206
1185
  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 );
1186
+ font-family: "Inter", sans-serif;
1187
+ font-feature-settings: initial;
1188
+ font-variation-settings: initial;
1210
1189
  -webkit-tap-highlight-color: transparent;
1211
1190
  }
1212
- body {
1213
- line-height: inherit;
1214
- }
1215
1191
  hr {
1216
1192
  height: 0;
1217
1193
  color: inherit;
@@ -1234,9 +1210,9 @@
1234
1210
  font-weight: bolder;
1235
1211
  }
1236
1212
  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 );
1213
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1214
+ font-feature-settings: initial;
1215
+ font-variation-settings: initial;
1240
1216
  font-size: 1em;
1241
1217
  }
1242
1218
  small {
@@ -1300,7 +1276,11 @@
1300
1276
  }
1301
1277
  ::placeholder {
1302
1278
  opacity: 1;
1303
- color: color-mix(in oklab, currentColor 50%, transparent);
1279
+ }
1280
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
1281
+ ::placeholder {
1282
+ color: color-mix(in oklab, currentColor 50%, transparent);
1283
+ }
1304
1284
  }
1305
1285
  textarea {
1306
1286
  resize: vertical;
@@ -1613,9 +1593,6 @@
1613
1593
  .mb-4 {
1614
1594
  margin-bottom: calc(var(--spacing) * 4);
1615
1595
  }
1616
- .mb-5 {
1617
- margin-bottom: calc(var(--spacing) * 5);
1618
- }
1619
1596
  .mb-6 {
1620
1597
  margin-bottom: calc(var(--spacing) * 6);
1621
1598
  }
@@ -1643,6 +1620,27 @@
1643
1620
  .ml-auto {
1644
1621
  margin-left: auto;
1645
1622
  }
1623
+ .scrollbar-thin {
1624
+ &::-webkit-scrollbar-track {
1625
+ background-color: var(--scrollbar-track);
1626
+ border-radius: var(--scrollbar-track-radius);
1627
+ }
1628
+ &::-webkit-scrollbar-thumb {
1629
+ background-color: var(--scrollbar-thumb);
1630
+ border-radius: var(--scrollbar-thumb-radius);
1631
+ }
1632
+ &::-webkit-scrollbar-corner {
1633
+ background-color: var(--scrollbar-corner);
1634
+ border-radius: var(--scrollbar-corner-radius);
1635
+ }
1636
+ scrollbar-width: thin;
1637
+ scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
1638
+ &::-webkit-scrollbar {
1639
+ display: block;
1640
+ width: 8px;
1641
+ height: 8px;
1642
+ }
1643
+ }
1646
1644
  .line-clamp-2 {
1647
1645
  overflow: hidden;
1648
1646
  display: -webkit-box;
@@ -2011,6 +2009,9 @@
2011
2009
  .min-w-8 {
2012
2010
  min-width: calc(var(--spacing) * 8);
2013
2011
  }
2012
+ .min-w-9 {
2013
+ min-width: calc(var(--spacing) * 9);
2014
+ }
2014
2015
  .min-w-36 {
2015
2016
  min-width: calc(var(--spacing) * 36);
2016
2017
  }
@@ -2023,9 +2024,6 @@
2023
2024
  .min-w-\[142px\] {
2024
2025
  min-width: 142px;
2025
2026
  }
2026
- .min-w-\[160px\] {
2027
- min-width: 160px;
2028
- }
2029
2027
  .min-w-\[360px\] {
2030
2028
  min-width: 360px;
2031
2029
  }
@@ -2281,6 +2279,9 @@
2281
2279
  .overflow-scroll {
2282
2280
  overflow: scroll;
2283
2281
  }
2282
+ .overflow-x-auto {
2283
+ overflow-x: auto;
2284
+ }
2284
2285
  .overflow-x-hidden {
2285
2286
  overflow-x: hidden;
2286
2287
  }
@@ -2381,6 +2382,10 @@
2381
2382
  border-top-style: var(--tw-border-style);
2382
2383
  border-top-width: 1px;
2383
2384
  }
2385
+ .border-r {
2386
+ border-right-style: var(--tw-border-style);
2387
+ border-right-width: 1px;
2388
+ }
2384
2389
  .border-r-\[0\.5px\] {
2385
2390
  border-right-style: var(--tw-border-style);
2386
2391
  border-right-width: 0.5px;
@@ -2419,6 +2424,9 @@
2419
2424
  .border-blue-600 {
2420
2425
  border-color: var(--color-blue-600);
2421
2426
  }
2427
+ .border-blue-900 {
2428
+ border-color: var(--color-blue-900);
2429
+ }
2422
2430
  .border-gray-100 {
2423
2431
  border-color: var(--color-gray-100);
2424
2432
  }
@@ -2473,6 +2481,9 @@
2473
2481
  .bg-black {
2474
2482
  background-color: var(--color-black);
2475
2483
  }
2484
+ .bg-blue-50 {
2485
+ background-color: var(--color-blue-50);
2486
+ }
2476
2487
  .bg-blue-100 {
2477
2488
  background-color: var(--color-blue-100);
2478
2489
  }
@@ -2611,6 +2622,9 @@
2611
2622
  .px-\[5\.5px\] {
2612
2623
  padding-inline: 5.5px;
2613
2624
  }
2625
+ .px-\[12px\] {
2626
+ padding-inline: 12px;
2627
+ }
2614
2628
  .py-0 {
2615
2629
  padding-block: calc(var(--spacing) * 0);
2616
2630
  }
@@ -2641,6 +2655,9 @@
2641
2655
  .py-\[7px\] {
2642
2656
  padding-block: 7px;
2643
2657
  }
2658
+ .py-\[15px\] {
2659
+ padding-block: 15px;
2660
+ }
2644
2661
  .pt-0 {
2645
2662
  padding-top: calc(var(--spacing) * 0);
2646
2663
  }
@@ -2802,6 +2819,10 @@
2802
2819
  --tw-leading: calc(var(--spacing) * 10);
2803
2820
  line-height: calc(var(--spacing) * 10);
2804
2821
  }
2822
+ .leading-\[14px\] {
2823
+ --tw-leading: 14px;
2824
+ line-height: 14px;
2825
+ }
2805
2826
  .leading-\[18px\] {
2806
2827
  --tw-leading: 18px;
2807
2828
  line-height: 18px;
@@ -3152,6 +3173,18 @@
3152
3173
  .\[scrollbar-width\:none\] {
3153
3174
  scrollbar-width: none;
3154
3175
  }
3176
+ .scrollbar-thumb-gray-300 {
3177
+ --scrollbar-thumb: hsl(210 3% 85%);
3178
+ }
3179
+ .scrollbar-track-transparent {
3180
+ --scrollbar-track: transparent;
3181
+ }
3182
+ .not-last\:border-b {
3183
+ &:not(*:last-child) {
3184
+ border-bottom-style: var(--tw-border-style);
3185
+ border-bottom-width: 1px;
3186
+ }
3187
+ }
3155
3188
  .group-focus-within\:\!text-gray-900 {
3156
3189
  &:is(:where(.group):focus-within *) {
3157
3190
  color: var(--color-gray-900) !important;
@@ -3929,6 +3962,13 @@
3929
3962
  }
3930
3963
  }
3931
3964
  }
3965
+ .hover\:scrollbar-thumb-gray-300 {
3966
+ &:hover {
3967
+ @media (hover: hover) {
3968
+ --scrollbar-thumb: hsl(210 3% 85%);
3969
+ }
3970
+ }
3971
+ }
3932
3972
  .focus-within\:hover\:cursor-default {
3933
3973
  &:focus-within {
3934
3974
  &:hover {
@@ -4664,6 +4704,11 @@
4664
4704
  --tw-ring-color: var(--color-charcoal-300);
4665
4705
  }
4666
4706
  }
4707
+ .dark\:scrollbar-thumb-charcoal-700 {
4708
+ &:where(.dark, .dark *) {
4709
+ --scrollbar-thumb: hsl(219 17% 34%);
4710
+ }
4711
+ }
4667
4712
  .dark\:group-focus-within\:\!text-gray-50 {
4668
4713
  &:where(.dark, .dark *) {
4669
4714
  &:is(:where(.group):focus-within *) {
@@ -5005,6 +5050,15 @@
5005
5050
  }
5006
5051
  }
5007
5052
  }
5053
+ .dark\:hover\:scrollbar-thumb-charcoal-700 {
5054
+ &:where(.dark, .dark *) {
5055
+ &:hover {
5056
+ @media (hover: hover) {
5057
+ --scrollbar-thumb: hsl(219 17% 34%);
5058
+ }
5059
+ }
5060
+ }
5061
+ }
5008
5062
  .dark\:focus-within\:hover\:bg-charcoal-900 {
5009
5063
  &:where(.dark, .dark *) {
5010
5064
  &:focus-within {
@@ -5213,6 +5267,9 @@
5213
5267
  }
5214
5268
  }
5215
5269
  }
5270
+ .\[\&\]\:\!w-\[120px\] {
5271
+ width: 120px !important;
5272
+ }
5216
5273
  .focus\:\[\&_\.input-field\]\:bg-transparent {
5217
5274
  &:focus {
5218
5275
  & .input-field {
@@ -5366,6 +5423,12 @@ input[type="number"] {
5366
5423
  color: var(--color-gray-900);
5367
5424
  }
5368
5425
  }
5426
+ @layer base {
5427
+ * {
5428
+ scrollbar-color: initial;
5429
+ scrollbar-width: initial;
5430
+ }
5431
+ }
5369
5432
  @property --tw-translate-x {
5370
5433
  syntax: "*";
5371
5434
  inherits: false;
@@ -1,4 +1,4 @@
1
- const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/app-Bjaniq_f.js","assets/main.DonDJ7tf.js","assets/app-D9QJBr8i.css"])))=>i.map(i=>d[i]);
1
+ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/app-BgY4XbK3.js","assets/main.BvYgkrO6.js","assets/app-CYjeY4R-.css"])))=>i.map(i=>d[i]);
2
2
  var __defProp = Object.defineProperty;
3
3
  var __typeError = (msg) => {
4
4
  throw TypeError(msg);
@@ -11,7 +11,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
11
11
  var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
12
12
  var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
13
13
  var _tags, _levelString, _errorHandler, _ConsoleLogger_instances, levelValue_get, _getDocumentModelModule, _drives, _ReadModeService_instances, parseGraphQLErrors_fn, fetchDrive_fn, _a, _ServiceWorkerManager_instances, handleServiceWorkerMessage_fn, handleServiceWorker_fn;
14
- import { _ as __vitePreload } from "./main.DonDJ7tf.js";
14
+ import { _ as __vitePreload } from "./main.BvYgkrO6.js";
15
15
  import { jsx, jsxs } from "react/jsx-runtime";
16
16
  import { useState, useEffect, Suspense, lazy } from "react";
17
17
  function _mergeNamespaces(n, m) {
@@ -25616,7 +25616,7 @@ const nodeOptionsMap = {
25616
25616
  };
25617
25617
  const name = "@powerhousedao/connect";
25618
25618
  const productName = "Powerhouse-Connect";
25619
- const version$1 = "1.0.0-dev.247";
25619
+ const version$1 = "1.0.0-dev.248";
25620
25620
  const description = "Powerhouse Connect";
25621
25621
  const main = "./dist/index.html";
25622
25622
  const type = "module";
@@ -31256,7 +31256,7 @@ if (window.__VITE_ENVS.MODE === "development") {
31256
31256
  } else {
31257
31257
  serviceWorkerManager.registerServiceWorker(false);
31258
31258
  }
31259
- const App = lazy(() => __vitePreload(() => import("./app-Bjaniq_f.js").then((n) => n.aN), true ? __vite__mapDeps([0,1,2]) : void 0));
31259
+ const App = lazy(() => __vitePreload(() => import("./app-BgY4XbK3.js").then((n) => n.aN), true ? __vite__mapDeps([0,1,2]) : void 0));
31260
31260
  const AppLoader = /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(App, {}) });
31261
31261
  const appLoader = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
31262
31262
  __proto__: null,
@@ -1,7 +1,7 @@
1
1
  @import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
2
2
 
3
- /*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
4
- /*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
3
+ /*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
4
+ /*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
5
5
  :root {
6
6
  --toastify-color-light: #fff;
7
7
  --toastify-color-dark: #121212;
@@ -715,7 +715,6 @@
715
715
  @layer theme {
716
716
  :root, :host {
717
717
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
718
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
719
718
  --color-red-100: #fdedec;
720
719
  --color-red-400: oklch(.704 .191 22.216);
721
720
  --color-red-500: oklch(.637 .237 25.331);
@@ -736,6 +735,7 @@
736
735
  --color-green-700: oklch(.527 .154 150.069);
737
736
  --color-green-800: oklch(.448 .119 151.328);
738
737
  --color-green-900: oklch(.393 .095 152.535);
738
+ --color-blue-50: oklch(.97 .014 254.604);
739
739
  --color-blue-100: oklch(.932 .032 255.585);
740
740
  --color-blue-400: oklch(.707 .165 254.624);
741
741
  --color-blue-500: oklch(.623 .214 259.815);
@@ -798,12 +798,6 @@
798
798
  --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
799
799
  --default-transition-duration: .15s;
800
800
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
801
- --default-font-family: var(--font-sans);
802
- --default-font-feature-settings: var(--font-sans--font-feature-settings);
803
- --default-font-variation-settings: var(--font-sans--font-variation-settings);
804
- --default-mono-font-family: var(--font-mono);
805
- --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
806
- --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
807
801
  --color-charcoal-300: #9da6b9;
808
802
  --color-charcoal-700: #485265;
809
803
  --color-charcoal-800: #373e4e;
@@ -816,20 +810,51 @@
816
810
  --animate-slide-in-from-bottom: slideInFromBottom .2s ease-in-out;
817
811
  --animate-slide-in-from-left: slideInFromLeft .2s ease-in-out;
818
812
  --animate-slide-in-from-right: slideInFromRight .2s ease-in-out;
813
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
819
814
  --text-3xl: 1.875rem;
820
815
  --text-3xl--line-height: calc(2.25 / 1.875);
821
816
  --leading-normal: 1.5;
822
817
  --leading-relaxed: 1.625;
823
818
  --drop-shadow-sm: 0 1px 2px #00000026;
824
819
  --blur-sm: 8px;
820
+ --default-font-family: var(--font-sans);
821
+ --default-mono-font-family: var(--font-mono);
825
822
  --spacing-app-height: calc(100vh - 32px);
826
823
  }
827
824
  }
828
825
  @layer base {
826
+ html, :host {
827
+ -webkit-text-size-adjust: 100%;
828
+ tab-size: 4;
829
+ font-feature-settings: initial;
830
+ font-variation-settings: initial;
831
+ -webkit-tap-highlight-color: transparent;
832
+ font-family: Inter, sans-serif;
833
+ line-height: 1.5;
834
+ }
835
+
836
+ code, kbd, samp, pre {
837
+ font-feature-settings: initial;
838
+ font-variation-settings: initial;
839
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
840
+ font-size: 1em;
841
+ }
842
+
843
+ @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
844
+ ::placeholder {
845
+ color: color-mix(in oklab, currentColor 50%, transparent);
846
+ }
847
+ }
848
+
829
849
  h1, h2, h3, h4, h5, h6, p {
830
850
  color: var(--color-gray-900);
831
851
  }
832
852
 
853
+ * {
854
+ scrollbar-color: initial;
855
+ scrollbar-width: initial;
856
+ }
857
+
833
858
  *, :after, :before, ::backdrop {
834
859
  box-sizing: border-box;
835
860
  border: 0 solid;
@@ -854,10 +879,6 @@
854
879
  -webkit-tap-highlight-color: transparent;
855
880
  }
856
881
 
857
- body {
858
- line-height: inherit;
859
- }
860
-
861
882
  hr {
862
883
  height: 0;
863
884
  color: inherit;
@@ -980,7 +1001,12 @@
980
1001
 
981
1002
  ::placeholder {
982
1003
  opacity: 1;
983
- color: color-mix(in oklab, currentColor 50%, transparent);
1004
+ }
1005
+
1006
+ @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
1007
+ ::placeholder {
1008
+ color: color-mix(in oklab, currentColor 50%, transparent);
1009
+ }
984
1010
  }
985
1011
 
986
1012
  textarea {
@@ -1384,6 +1410,32 @@
1384
1410
  margin-left: auto;
1385
1411
  }
1386
1412
 
1413
+ .scrollbar-thin {
1414
+ scrollbar-width: thin;
1415
+ scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
1416
+ }
1417
+
1418
+ .scrollbar-thin::-webkit-scrollbar-track {
1419
+ background-color: var(--scrollbar-track);
1420
+ border-radius: var(--scrollbar-track-radius);
1421
+ }
1422
+
1423
+ .scrollbar-thin::-webkit-scrollbar-thumb {
1424
+ background-color: var(--scrollbar-thumb);
1425
+ border-radius: var(--scrollbar-thumb-radius);
1426
+ }
1427
+
1428
+ .scrollbar-thin::-webkit-scrollbar-corner {
1429
+ background-color: var(--scrollbar-corner);
1430
+ border-radius: var(--scrollbar-corner-radius);
1431
+ }
1432
+
1433
+ .scrollbar-thin::-webkit-scrollbar {
1434
+ width: 8px;
1435
+ height: 8px;
1436
+ display: block;
1437
+ }
1438
+
1387
1439
  .line-clamp-2 {
1388
1440
  -webkit-line-clamp: 2;
1389
1441
  -webkit-box-orient: vertical;
@@ -1793,6 +1845,10 @@
1793
1845
  min-width: calc(var(--spacing) * 8);
1794
1846
  }
1795
1847
 
1848
+ .min-w-9 {
1849
+ min-width: calc(var(--spacing) * 9);
1850
+ }
1851
+
1796
1852
  .min-w-36 {
1797
1853
  min-width: calc(var(--spacing) * 36);
1798
1854
  }
@@ -1809,10 +1865,6 @@
1809
1865
  min-width: 142px;
1810
1866
  }
1811
1867
 
1812
- .min-w-\[160px\] {
1813
- min-width: 160px;
1814
- }
1815
-
1816
1868
  .min-w-\[360px\] {
1817
1869
  min-width: 360px;
1818
1870
  }
@@ -2053,6 +2105,10 @@
2053
2105
  overflow: scroll;
2054
2106
  }
2055
2107
 
2108
+ .overflow-x-auto {
2109
+ overflow-x: auto;
2110
+ }
2111
+
2056
2112
  .overflow-x-hidden {
2057
2113
  overflow-x: hidden;
2058
2114
  }
@@ -2159,6 +2215,11 @@
2159
2215
  border-top-width: 1px;
2160
2216
  }
2161
2217
 
2218
+ .border-r {
2219
+ border-right-style: var(--tw-border-style);
2220
+ border-right-width: 1px;
2221
+ }
2222
+
2162
2223
  .border-r-\[0\.5px\] {
2163
2224
  border-right-style: var(--tw-border-style);
2164
2225
  border-right-width: .5px;
@@ -2202,6 +2263,10 @@
2202
2263
  border-color: var(--color-blue-600);
2203
2264
  }
2204
2265
 
2266
+ .border-blue-900 {
2267
+ border-color: var(--color-blue-900);
2268
+ }
2269
+
2205
2270
  .border-gray-100 {
2206
2271
  border-color: var(--color-gray-100);
2207
2272
  }
@@ -2262,6 +2327,10 @@
2262
2327
  background-color: #fff;
2263
2328
  }
2264
2329
 
2330
+ .bg-blue-50 {
2331
+ background-color: var(--color-blue-50);
2332
+ }
2333
+
2265
2334
  .bg-blue-100 {
2266
2335
  background-color: var(--color-blue-100);
2267
2336
  }
@@ -2398,6 +2467,10 @@
2398
2467
  padding-inline: 5.5px;
2399
2468
  }
2400
2469
 
2470
+ .px-\[12px\] {
2471
+ padding-inline: 12px;
2472
+ }
2473
+
2401
2474
  .py-0 {
2402
2475
  padding-block: calc(var(--spacing) * 0);
2403
2476
  }
@@ -2430,6 +2503,10 @@
2430
2503
  padding-block: 7px;
2431
2504
  }
2432
2505
 
2506
+ .py-\[15px\] {
2507
+ padding-block: 15px;
2508
+ }
2509
+
2433
2510
  .pt-0 {
2434
2511
  padding-top: calc(var(--spacing) * 0);
2435
2512
  }
@@ -2589,6 +2666,11 @@
2589
2666
  line-height: calc(var(--spacing) * 5);
2590
2667
  }
2591
2668
 
2669
+ .leading-\[14px\] {
2670
+ --tw-leading: 14px;
2671
+ line-height: 14px;
2672
+ }
2673
+
2592
2674
  .leading-\[18px\] {
2593
2675
  --tw-leading: 18px;
2594
2676
  line-height: 18px;
@@ -2962,6 +3044,19 @@
2962
3044
  scrollbar-width: none;
2963
3045
  }
2964
3046
 
3047
+ .scrollbar-thumb-gray-300 {
3048
+ --scrollbar-thumb: #d8d9da;
3049
+ }
3050
+
3051
+ .scrollbar-track-transparent {
3052
+ --scrollbar-track: transparent;
3053
+ }
3054
+
3055
+ .not-last\:border-b:not(:last-child) {
3056
+ border-bottom-style: var(--tw-border-style);
3057
+ border-bottom-width: 1px;
3058
+ }
3059
+
2965
3060
  .group-focus-within\:\!text-gray-900:is(:where(.group):focus-within *) {
2966
3061
  color: var(--color-gray-900) !important;
2967
3062
  }
@@ -3499,6 +3594,10 @@
3499
3594
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
3500
3595
  }
3501
3596
 
3597
+ .hover\:scrollbar-thumb-gray-300:hover {
3598
+ --scrollbar-thumb: #d8d9da;
3599
+ }
3600
+
3502
3601
  .focus-within\:hover\:cursor-default:focus-within:hover {
3503
3602
  cursor: default;
3504
3603
  }
@@ -4066,6 +4165,10 @@
4066
4165
  --tw-ring-color: var(--color-charcoal-300);
4067
4166
  }
4068
4167
 
4168
+ .dark\:scrollbar-thumb-charcoal-700:where(.dark, .dark *) {
4169
+ --scrollbar-thumb: #485265;
4170
+ }
4171
+
4069
4172
  .dark\:group-focus-within\:\!text-gray-50:where(.dark, .dark *):is(:where(.group):focus-within *) {
4070
4173
  color: var(--color-gray-50) !important;
4071
4174
  }
@@ -4235,6 +4338,10 @@
4235
4338
  color: var(--color-slate-50);
4236
4339
  }
4237
4340
 
4341
+ .dark\:hover\:scrollbar-thumb-charcoal-700:where(.dark, .dark *):hover {
4342
+ --scrollbar-thumb: #485265;
4343
+ }
4344
+
4238
4345
  .dark\:focus-within\:hover\:bg-charcoal-900:where(.dark, .dark *):focus-within:hover {
4239
4346
  background-color: var(--color-charcoal-900);
4240
4347
  }
@@ -4340,6 +4447,10 @@
4340
4447
  background-color: #404446;
4341
4448
  }
4342
4449
 
4450
+ .\[\&\]\:\!w-\[120px\] {
4451
+ width: 120px !important;
4452
+ }
4453
+
4343
4454
  .focus\:\[\&_\.input-field\]\:bg-transparent:focus .input-field {
4344
4455
  background-color: #0000;
4345
4456
  }
@@ -1,7 +1,7 @@
1
- import { aD as BaseError, aE as getUrl, aF as stringify, aG as decodeErrorResult, aH as isAddressEqual, aI as call, aJ as concat, aK as encodeAbiParameters, aL as HttpRequestError, aM as isHex } from "./app-Bjaniq_f.js";
2
- import "./main.DonDJ7tf.js";
1
+ import { aD as BaseError, aE as getUrl, aF as stringify, aG as decodeErrorResult, aH as isAddressEqual, aI as call, aJ as concat, aK as encodeAbiParameters, aL as HttpRequestError, aM as isHex } from "./app-BgY4XbK3.js";
2
+ import "./main.BvYgkrO6.js";
3
3
  import "react/jsx-runtime";
4
- import "./app-loader-CnDRDKWw.js";
4
+ import "./app-loader-Be1urgPw.js";
5
5
  import "react";
6
6
  import "@powerhousedao/reactor-browser";
7
7
  import "react-dom";