@stableops/wallet-ui 0.1.6 → 0.2.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 (11) hide show
  1. package/dist/index.css +66 -1
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.d.mts +1 -2
  4. package/dist/index.d.ts +1 -2
  5. package/dist/index.js +0 -28
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +0 -28
  8. package/dist/index.mjs.map +1 -1
  9. package/dist/walletconnect-dialog.css +66 -1
  10. package/dist/walletconnect-dialog.css.map +1 -1
  11. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -76,6 +76,36 @@
76
76
  margin: 0;
77
77
  padding: 0;
78
78
  background: var(--stableops-wc-backdrop);
79
+ font-family:
80
+ Inter,
81
+ "Inter Fallback",
82
+ ui-sans-serif,
83
+ system-ui,
84
+ -apple-system,
85
+ BlinkMacSystemFont,
86
+ "Segoe UI",
87
+ sans-serif;
88
+ font-size: 14px;
89
+ font-style: normal;
90
+ font-weight: 400;
91
+ font-stretch: normal;
92
+ font-feature-settings: normal;
93
+ font-kerning: auto;
94
+ font-language-override: normal;
95
+ font-optical-sizing: auto;
96
+ font-size-adjust: none;
97
+ font-variant-alternates: normal;
98
+ font-variant-caps: normal;
99
+ font-variant-east-asian: normal;
100
+ font-variant-emoji: normal;
101
+ font-variant-ligatures: normal;
102
+ font-variant-numeric: normal;
103
+ font-variant-position: normal;
104
+ font-variation-settings: normal;
105
+ letter-spacing: 0;
106
+ line-height: 1.4;
107
+ text-transform: none;
108
+ word-spacing: normal;
79
109
  animation: stableops-walletconnect-backdrop-in 160ms ease-out both;
80
110
  }
81
111
  .stableops-wc-sheet {
@@ -89,6 +119,28 @@
89
119
  padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
90
120
  background: var(--stableops-wc-surface);
91
121
  color: var(--stableops-wc-text);
122
+ font-family: inherit;
123
+ font-size: inherit;
124
+ font-style: inherit;
125
+ font-weight: inherit;
126
+ font-stretch: inherit;
127
+ font-feature-settings: inherit;
128
+ font-kerning: inherit;
129
+ font-language-override: inherit;
130
+ font-optical-sizing: inherit;
131
+ font-size-adjust: inherit;
132
+ font-variant-alternates: inherit;
133
+ font-variant-caps: inherit;
134
+ font-variant-east-asian: inherit;
135
+ font-variant-emoji: inherit;
136
+ font-variant-ligatures: inherit;
137
+ font-variant-numeric: inherit;
138
+ font-variant-position: inherit;
139
+ font-variation-settings: inherit;
140
+ letter-spacing: inherit;
141
+ line-height: inherit;
142
+ text-transform: inherit;
143
+ word-spacing: inherit;
92
144
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);
93
145
  animation: stableops-walletconnect-sheet-in 220ms cubic-bezier(0.2, 0, 0, 1) both;
94
146
  }
@@ -96,11 +148,15 @@
96
148
  .stableops-wc-sheet * {
97
149
  box-sizing: border-box;
98
150
  }
99
- .stableops-wc-sheet :where(button, a, p, img) {
151
+ .stableops-wc-sheet :where(button, a, p, span, img) {
100
152
  margin: 0;
101
153
  font: inherit;
102
154
  color: inherit;
155
+ letter-spacing: inherit;
156
+ line-height: inherit;
103
157
  text-decoration: none;
158
+ text-transform: inherit;
159
+ word-spacing: inherit;
104
160
  }
105
161
  .stableops-wc-sheet :where(img) {
106
162
  display: block;
@@ -123,6 +179,7 @@
123
179
  white-space: nowrap;
124
180
  font-size: 0.875rem;
125
181
  font-weight: 600;
182
+ line-height: 1.25;
126
183
  }
127
184
  .stableops-wc-icon-button {
128
185
  position: absolute;
@@ -136,6 +193,7 @@
136
193
  border-radius: 0.375rem;
137
194
  background: transparent;
138
195
  color: var(--stableops-wc-muted);
196
+ line-height: 1;
139
197
  }
140
198
  .stableops-wc-icon-button:hover {
141
199
  background: var(--stableops-wc-hover);
@@ -211,6 +269,7 @@
211
269
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 10%);
212
270
  font-size: 0.8125rem;
213
271
  font-weight: 600;
272
+ line-height: 1.25;
214
273
  }
215
274
  .stableops-wc-refresh-button:hover {
216
275
  background: var(--stableops-wc-hover);
@@ -245,6 +304,7 @@
245
304
  color: #ffffff;
246
305
  font-size: 0.75rem;
247
306
  font-weight: 600;
307
+ line-height: 1;
248
308
  }
249
309
  .stableops-wc-empty-qr {
250
310
  display: flex;
@@ -257,6 +317,7 @@
257
317
  padding: 0 0.75rem;
258
318
  text-align: center;
259
319
  font-size: 0.75rem;
320
+ line-height: 1.4;
260
321
  color: var(--stableops-wc-muted);
261
322
  }
262
323
  .stableops-wc-spinner {
@@ -282,6 +343,7 @@
282
343
  text-align: center;
283
344
  font-size: 0.875rem;
284
345
  font-weight: 500;
346
+ line-height: 1.4;
285
347
  }
286
348
  .stableops-wc-separator {
287
349
  display: flex;
@@ -289,6 +351,7 @@
289
351
  gap: 0.75rem;
290
352
  margin: 1rem 0;
291
353
  font-size: 0.75rem;
354
+ line-height: 1.4;
292
355
  color: var(--stableops-wc-muted);
293
356
  }
294
357
  .stableops-wc-line {
@@ -318,6 +381,7 @@
318
381
  text-align: center;
319
382
  font-size: 0.875rem;
320
383
  font-weight: 500;
384
+ line-height: 1.25;
321
385
  text-decoration: none;
322
386
  overflow: hidden;
323
387
  text-overflow: ellipsis;
@@ -403,6 +467,7 @@
403
467
  padding: 0.625rem;
404
468
  text-align: center;
405
469
  font-size: 0.75rem;
470
+ line-height: 1.4;
406
471
  color: var(--stableops-wc-danger);
407
472
  }
408
473
  @media (min-width: 640px) {
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/walletconnect-dialog.css"],"sourcesContent":["/* 语义色 token：优先读取 dashboard/shadcn 的 CSS 变量；未接入这些变量的宿主使用\n dashboard 当前 light/dark 默认值作为 fallback。主题色只有 --stableops-wc-brand\n 一个，可被 themeColor prop 内联覆盖。 */\n:root {\n --stableops-wc-backdrop: rgb(0 0 0 / 80%);\n --stableops-wc-surface: var(--background, oklch(1 0 0));\n --stableops-wc-text: var(--foreground, oklch(0.141 0.005 285.823));\n --stableops-wc-muted: var(--muted-foreground, oklch(0.552 0.016 285.938));\n --stableops-wc-border: var(--border, oklch(0.92 0.004 286.32));\n --stableops-wc-strong-border: var(--input, oklch(0.92 0.004 286.32));\n --stableops-wc-subtle: var(--muted, oklch(0.967 0.001 286.375));\n --stableops-wc-hover: var(--accent, #e8faf7);\n --stableops-wc-hover-text: var(--accent-foreground, #0f766e);\n --stableops-wc-shade: #000000;\n --stableops-wc-brand: var(--primary, #12233a);\n --stableops-wc-brand-text: var(--primary-foreground, oklch(0.985 0 0));\n --stableops-wc-copy-done-bg: var(--accent, #e8faf7);\n --stableops-wc-danger: var(--destructive, oklch(0.577 0.245 27.325));\n --stableops-wc-danger-text: var(--destructive-foreground, oklch(0.985 0 0));\n --stableops-wc-danger-border: color-mix(in oklab, var(--stableops-wc-danger) 25%, transparent);\n --stableops-wc-danger-bg: color-mix(\n in oklab,\n var(--stableops-wc-danger) 8%,\n var(--stableops-wc-surface)\n );\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --stableops-wc-surface: var(--background, oklch(0.141 0.005 285.823));\n --stableops-wc-text: var(--foreground, oklch(0.985 0 0));\n --stableops-wc-muted: var(--muted-foreground, oklch(0.705 0.015 286.067));\n --stableops-wc-border: var(--border, oklch(1 0 0 / 10%));\n --stableops-wc-strong-border: var(--input, oklch(1 0 0 / 15%));\n --stableops-wc-subtle: var(--muted, oklch(0.274 0.006 286.033));\n --stableops-wc-hover: var(--accent, oklch(0.274 0.006 286.033));\n --stableops-wc-hover-text: var(--accent-foreground, oklch(0.985 0 0));\n --stableops-wc-shade: #ffffff;\n --stableops-wc-brand: var(--primary, oklch(0.92 0.004 286.32));\n --stableops-wc-brand-text: var(--primary-foreground, oklch(0.21 0.006 285.885));\n --stableops-wc-copy-done-bg: var(--accent, oklch(0.274 0.006 286.033));\n --stableops-wc-danger: var(--destructive, oklch(0.704 0.191 22.216));\n --stableops-wc-danger-text: var(--destructive-foreground, oklch(0.985 0 0));\n }\n}\n\n@keyframes stableops-walletconnect-backdrop-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes stableops-walletconnect-sheet-in {\n from {\n opacity: 0;\n transform: translateY(1.25rem);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@media (min-width: 640px) {\n @keyframes stableops-walletconnect-sheet-in {\n from {\n opacity: 0;\n transform: translateY(0.375rem) scale(0.98);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n}\n\n.stableops-wc-backdrop {\n position: fixed;\n inset: 0;\n z-index: 50;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n margin: 0;\n padding: 0;\n background: var(--stableops-wc-backdrop);\n animation: stableops-walletconnect-backdrop-in 160ms ease-out both;\n}\n\n.stableops-wc-sheet {\n position: relative;\n width: 100%;\n max-width: 28rem;\n max-height: min(90dvh, calc(100vh - 1rem));\n overflow: hidden;\n border: 1px solid var(--stableops-wc-border);\n border-radius: 1rem 1rem 0 0;\n padding-bottom: max(0.75rem, env(safe-area-inset-bottom));\n background: var(--stableops-wc-surface);\n color: var(--stableops-wc-text);\n box-shadow:\n 0 10px 15px -3px rgb(0 0 0 / 10%),\n 0 4px 6px -4px rgb(0 0 0 / 10%);\n animation: stableops-walletconnect-sheet-in 220ms cubic-bezier(0.2, 0, 0, 1) both;\n}\n\n.stableops-wc-sheet,\n.stableops-wc-sheet * {\n box-sizing: border-box;\n}\n\n.stableops-wc-sheet :where(button, a, p, img) {\n margin: 0;\n font: inherit;\n color: inherit;\n text-decoration: none;\n}\n\n.stableops-wc-sheet :where(img) {\n display: block;\n max-width: 100%;\n height: auto;\n}\n\n.stableops-wc-header {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1.5rem 1.5rem 0;\n}\n\n.stableops-wc-title {\n min-width: 0;\n flex: 1;\n overflow: hidden;\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 0.875rem;\n font-weight: 600;\n}\n\n.stableops-wc-icon-button {\n position: absolute;\n display: flex;\n width: 2rem;\n height: 2rem;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n border: 0;\n border-radius: 0.375rem;\n background: transparent;\n color: var(--stableops-wc-muted);\n}\n\n.stableops-wc-icon-button:hover {\n background: var(--stableops-wc-hover);\n color: var(--stableops-wc-text);\n}\n\n.stableops-wc-back-button {\n left: 1.25rem;\n}\n\n.stableops-wc-close-button {\n right: 1.25rem;\n}\n\n.stableops-wc-icon,\n.stableops-wc-action-icon {\n width: 1rem;\n height: 1rem;\n}\n\n.stableops-wc-body {\n padding: 1.5rem;\n}\n\n.stableops-wc-qr-frame {\n position: relative;\n width: 100%;\n max-width: 12rem;\n aspect-ratio: 1 / 1;\n margin: 0 auto;\n border: 1px solid rgb(15 28 46 / 8%);\n border-radius: 1rem;\n padding: 1rem;\n background: #ffffff;\n overflow: hidden;\n}\n\n.stableops-wc-qr-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.stableops-wc-qr-placeholder {\n opacity: 0.9;\n}\n\n.stableops-wc-centered-overlay,\n.stableops-wc-loading-overlay {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.stableops-wc-loading-overlay {\n inset: 0.5rem;\n border-radius: 0.5rem;\n background: rgb(255 255 255 / 60%);\n backdrop-filter: blur(4px);\n}\n\n.stableops-wc-wallet-chip {\n border-radius: 0.75rem;\n padding: 0.25rem;\n background: #ffffff;\n box-shadow:\n 0 4px 6px -1px rgb(0 0 0 / 10%),\n 0 2px 4px -2px rgb(0 0 0 / 10%);\n outline: 1px solid rgb(0 0 0 / 5%);\n}\n\n.stableops-wc-refresh-button {\n display: inline-flex;\n min-width: 6.5rem;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n gap: 0.375rem;\n border: 1px solid rgb(0 0 0 / 8%);\n border-radius: 0.75rem;\n padding: 0.625rem 0.75rem;\n background: #ffffff;\n color: var(--stableops-wc-text);\n box-shadow:\n 0 4px 6px -1px rgb(0 0 0 / 10%),\n 0 2px 4px -2px rgb(0 0 0 / 10%);\n font-size: 0.8125rem;\n font-weight: 600;\n}\n\n.stableops-wc-refresh-button:hover {\n background: var(--stableops-wc-hover);\n}\n\n.stableops-wc-refresh-icon {\n width: 1rem;\n height: 1rem;\n color: var(--stableops-wc-brand);\n}\n\n.stableops-wc-wallet-logo,\n.stableops-wc-wallet-fallback {\n display: flex;\n width: 3rem;\n height: 3rem;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n border-radius: 0.5rem;\n box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);\n outline: 1px solid rgb(0 0 0 / 5%);\n}\n\n.stableops-wc-wallet-logo {\n object-fit: cover;\n}\n\n.stableops-wc-wallet-chip .stableops-wc-wallet-logo,\n.stableops-wc-wallet-chip .stableops-wc-wallet-fallback {\n width: 2.25rem;\n height: 2.25rem;\n border-radius: 0.375rem;\n}\n\n.stableops-wc-wallet-fallback {\n color: #ffffff;\n font-size: 0.75rem;\n font-weight: 600;\n}\n\n.stableops-wc-empty-qr {\n display: flex;\n width: 100%;\n height: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n padding: 0 0.75rem;\n text-align: center;\n font-size: 0.75rem;\n color: var(--stableops-wc-muted);\n}\n\n.stableops-wc-spinner {\n width: 1.5rem;\n height: 1.5rem;\n animation: stableops-wc-spin 1s linear infinite;\n}\n\n@keyframes stableops-wc-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n.stableops-wc-muted-spinner {\n color: #9ca3af;\n}\n\n.stableops-wc-error-icon {\n width: 1.75rem;\n height: 1.75rem;\n color: var(--stableops-wc-danger);\n}\n\n.stableops-wc-help-text {\n margin: 1.25rem 0 0;\n text-align: center;\n font-size: 0.875rem;\n font-weight: 500;\n}\n\n.stableops-wc-separator {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin: 1rem 0;\n font-size: 0.75rem;\n color: var(--stableops-wc-muted);\n}\n\n.stableops-wc-line {\n height: 1px;\n flex: 1;\n background: var(--stableops-wc-border);\n}\n\n.stableops-wc-spacer {\n height: 1rem;\n}\n\n.stableops-wc-actions {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.stableops-wc-primary-action,\n.stableops-wc-secondary-action {\n display: inline-flex;\n min-height: 2.5rem;\n flex: 1;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n border-radius: 0.5rem;\n padding: 0.5rem 1rem;\n text-align: center;\n font-size: 0.875rem;\n font-weight: 500;\n text-decoration: none;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.stableops-wc-primary-action {\n border: 1px solid transparent;\n background: var(--stableops-wc-brand);\n color: var(--stableops-wc-brand-text);\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 10%),\n 0 1px 2px -1px rgb(0 0 0 / 10%);\n}\n\n.stableops-wc-button-action {\n font: inherit;\n}\n\n.stableops-wc-primary-action:hover {\n background: color-mix(in srgb, var(--stableops-wc-brand) 82%, var(--stableops-wc-shade));\n}\n\n.stableops-wc-secondary-action {\n border: 1px solid var(--stableops-wc-strong-border);\n background: var(--stableops-wc-surface);\n color: var(--stableops-wc-text);\n}\n\n.stableops-wc-secondary-action:hover {\n background: var(--stableops-wc-hover);\n color: var(--stableops-wc-hover-text);\n}\n\n.stableops-wc-secondary-action:disabled,\n.stableops-wc-disabled-link {\n cursor: not-allowed;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.stableops-wc-check-icon {\n color: color-mix(in srgb, var(--stableops-wc-brand) 82%, var(--stableops-wc-shade));\n}\n\n.stableops-wc-copy-done {\n border-color: color-mix(in srgb, var(--stableops-wc-brand) 35%, transparent);\n background: var(--stableops-wc-copy-done-bg);\n color: color-mix(in srgb, var(--stableops-wc-brand) 82%, var(--stableops-wc-shade));\n}\n\n.stableops-wc-wallet-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 0.5rem 1rem;\n overflow-y: auto;\n padding: 1rem;\n}\n\n.stableops-wc-wallet-button {\n display: flex;\n cursor: pointer;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n border: 1px solid transparent;\n border-radius: 0.75rem;\n background: transparent;\n padding: 1rem 0.5rem;\n text-align: center;\n color: var(--stableops-wc-text);\n}\n\n.stableops-wc-wallet-button:hover {\n border-color: color-mix(in srgb, var(--stableops-wc-brand) 40%, transparent);\n background: var(--stableops-wc-hover);\n color: var(--stableops-wc-hover-text);\n}\n\n.stableops-wc-wallet-button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n\n.stableops-wc-wallet-button span {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 0.75rem;\n font-weight: 500;\n}\n\n.stableops-wc-error-box {\n margin: 0 1.25rem 1.25rem;\n border: 1px solid var(--stableops-wc-danger-border);\n border-radius: 0.5rem;\n background: var(--stableops-wc-danger-bg);\n padding: 0.625rem;\n text-align: center;\n font-size: 0.75rem;\n color: var(--stableops-wc-danger);\n}\n\n@media (min-width: 640px) {\n .stableops-wc-backdrop {\n align-items: center;\n padding: 1rem;\n }\n\n .stableops-wc-sheet {\n max-height: calc(100vh - 2rem);\n border-radius: 1rem;\n padding-bottom: 0;\n }\n\n .stableops-wc-actions {\n flex-direction: row;\n }\n}\n"],"mappings":";AAGA;AACE,2BAAyB,IAAI,EAAE,EAAE,EAAE,EAAE;AACrC,0BAAwB,IAAI,YAAY,EAAE,MAAM,EAAE,EAAE;AACpD,uBAAqB,IAAI,YAAY,EAAE,MAAM,MAAM,MAAM;AACzD,wBAAsB,IAAI,kBAAkB,EAAE,MAAM,MAAM,MAAM;AAChE,yBAAuB,IAAI,QAAQ,EAAE,MAAM,KAAK,MAAM;AACtD,gCAA8B,IAAI,OAAO,EAAE,MAAM,KAAK,MAAM;AAC5D,yBAAuB,IAAI,OAAO,EAAE,MAAM,MAAM,MAAM;AACtD,wBAAsB,IAAI,QAAQ,EAAE;AACpC,6BAA2B,IAAI,mBAAmB,EAAE;AACpD,wBAAsB;AACtB,wBAAsB,IAAI,SAAS,EAAE;AACrC,6BAA2B,IAAI,oBAAoB,EAAE,MAAM,MAAM,EAAE;AACnE,+BAA6B,IAAI,QAAQ,EAAE;AAC3C,yBAAuB,IAAI,aAAa,EAAE,MAAM,MAAM,MAAM;AAC5D,8BAA4B,IAAI,wBAAwB,EAAE,MAAM,MAAM,EAAE;AACxE,gCAA8B,UAAU,GAAG,KAAK,EAAE,IAAI,uBAAuB,GAAG,EAAE;AAClF,4BAA0B,WACxB,GAAG,KAAK,EACR,IAAI,uBAAuB,EAAE,EAC7B,IAAI;AAER;AAEA,QAAO,sBAAuB;AAC5B;AACE,4BAAwB,IAAI,YAAY,EAAE,MAAM,MAAM,MAAM;AAC5D,yBAAqB,IAAI,YAAY,EAAE,MAAM,MAAM,EAAE;AACrD,0BAAsB,IAAI,kBAAkB,EAAE,MAAM,MAAM,MAAM;AAChE,2BAAuB,IAAI,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE;AACnD,kCAA8B,IAAI,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE;AACzD,2BAAuB,IAAI,OAAO,EAAE,MAAM,MAAM,MAAM;AACtD,0BAAsB,IAAI,QAAQ,EAAE,MAAM,MAAM,MAAM;AACtD,+BAA2B,IAAI,mBAAmB,EAAE,MAAM,MAAM,EAAE;AAClE,0BAAsB;AACtB,0BAAsB,IAAI,SAAS,EAAE,MAAM,KAAK,MAAM;AACtD,+BAA2B,IAAI,oBAAoB,EAAE,MAAM,KAAK,MAAM;AACtE,iCAA6B,IAAI,QAAQ,EAAE,MAAM,MAAM,MAAM;AAC7D,2BAAuB,IAAI,aAAa,EAAE,MAAM,MAAM,MAAM;AAC5D,gCAA4B,IAAI,wBAAwB,EAAE,MAAM,MAAM,EAAE;AAC1E;AACF;AAEA,WAAW;AACT;AACE,aAAS;AACX;AACA;AACE,aAAS;AACX;AACF;AAEA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAEA,QAAO,WAAY;AACjB,aAZS;AAaP;AACE,eAAS;AACT,iBAAW,WAAW,UAAU,MAAM;AACxC;AACA;AACE,eAAS;AACT,iBAAW,WAAW,GAAG,MAAM;AACjC;AACF;AACF;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,UAAQ;AACR,WAAS;AACT,cAAY,IAAI;AAChB,aAAW,oCAAoC,MAAM,SAAS;AAChE;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACP,aAAW;AACX,cAAY,IAAI,KAAK,EAAE,KAAK,MAAM,EAAE;AACpC,YAAU;AACV,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,KAAK,KAAK,EAAE;AAC3B,kBAAgB,IAAI,OAAO,EAAE,IAAI;AACjC,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,cACE,EAAE,KAAK,KAAK,KAAK,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,EACjC,EAAE,IAAI,IAAI,KAAK,IAAI,EAAE,EAAE,EAAE,EAAE;AAC7B,aAAW,iCAAiC,MAAM,aAAa,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG;AAC/E;AAEA,CAjBC;AAkBD,CAlBC,mBAkBmB;AAClB,cAAY;AACd;AAEA,CAtBC,mBAsBmB,OAAO,QAAQ,GAAG,GAAG;AACvC,UAAQ;AACR,QAAM;AACN,SAAO;AACP,mBAAiB;AACnB;AAEA,CA7BC,mBA6BmB,OAAO;AACzB,WAAS;AACT,aAAW;AACX,UAAQ;AACV;AAEA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS,OAAO,OAAO;AACzB;AAEA,CAAC;AACC,aAAW;AACX,QAAM;AACN,YAAU;AACV,cAAY;AACZ,iBAAe;AACf,eAAa;AACb,aAAW;AACX,eAAa;AACf;AAEA,CAAC;AACC,YAAU;AACV,WAAS;AACT,SAAO;AACP,UAAQ;AACR,UAAQ;AACR,eAAa;AACb,mBAAiB;AACjB,UAAQ;AACR,iBAAe;AACf,cAAY;AACZ,SAAO,IAAI;AACb;AAEA,CAdC,wBAcwB;AACvB,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AAEA,CAAC;AACC,QAAM;AACR;AAEA,CAAC;AACC,SAAO;AACT;AAEA,CAAC;AACD,CAAC;AACC,SAAO;AACP,UAAQ;AACV;AAEA,CAAC;AACC,WAAS;AACX;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACP,aAAW;AACX,gBAAc,EAAE,EAAE;AAClB,UAAQ,EAAE;AACV,UAAQ,IAAI,MAAM,IAAI,GAAG,GAAG,GAAG,EAAE;AACjC,iBAAe;AACf,WAAS;AACT,cAAY;AACZ,YAAU;AACZ;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,cAAY;AACd;AAEA,CAAC;AACC,WAAS;AACX;AAEA,CAAC;AACD,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,eAAa;AACb,mBAAiB;AACnB;AAEA,CARC;AASC,SAAO;AACP,iBAAe;AACf,cAAY,IAAI,IAAI,IAAI,IAAI,EAAE;AAC9B,mBAAiB,KAAK;AACxB;AAEA,CAAC;AACC,iBAAe;AACf,WAAS;AACT,cAAY;AACZ,cACE,EAAE,IAAI,IAAI,KAAK,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,EAC/B,EAAE,IAAI,IAAI,KAAK,IAAI,EAAE,EAAE,EAAE,EAAE;AAC7B,WAAS,IAAI,MAAM,IAAI,EAAE,EAAE,EAAE,EAAE;AACjC;AAEA,CAAC;AACC,WAAS;AACT,aAAW;AACX,UAAQ;AACR,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,UAAQ,IAAI,MAAM,IAAI,EAAE,EAAE,EAAE,EAAE;AAC9B,iBAAe;AACf,WAAS,SAAS;AAClB,cAAY;AACZ,SAAO,IAAI;AACX,cACE,EAAE,IAAI,IAAI,KAAK,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,EAC/B,EAAE,IAAI,IAAI,KAAK,IAAI,EAAE,EAAE,EAAE,EAAE;AAC7B,aAAW;AACX,eAAa;AACf;AAEA,CAnBC,2BAmB2B;AAC1B,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,SAAO,IAAI;AACb;AAEA,CAAC;AACD,CAAC;AACC,WAAS;AACT,SAAO;AACP,UAAQ;AACR,eAAa;AACb,eAAa;AACb,mBAAiB;AACjB,iBAAe;AACf,cAAY,EAAE,IAAI,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;AACpC,WAAS,IAAI,MAAM,IAAI,EAAE,EAAE,EAAE,EAAE;AACjC;AAEA,CAbC;AAcC,cAAY;AACd;AAEA,CAxDC,yBAwDyB,CAjBzB;AAkBD,CAzDC,yBAyDyB,CAjBzB;AAkBC,SAAO;AACP,UAAQ;AACR,iBAAe;AACjB;AAEA,CAvBC;AAwBC,SAAO;AACP,aAAW;AACX,eAAa;AACf;AAEA,CAAC;AACC,WAAS;AACT,SAAO;AACP,UAAQ;AACR,kBAAgB;AAChB,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,WAAS,EAAE;AACX,cAAY;AACZ,aAAW;AACX,SAAO,IAAI;AACb;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,aAAW,kBAAkB,GAAG,OAAO;AACzC;AAEA,WAHa;AAIX;AACE,eAAW,OAAO;AACpB;AACF;AAEA,CAAC;AACC,SAAO;AACT;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,SAAO,IAAI;AACb;AAEA,CAAC;AACC,UAAQ,QAAQ,EAAE;AAClB,cAAY;AACZ,aAAW;AACX,eAAa;AACf;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,UAAQ,KAAK;AACb,aAAW;AACX,SAAO,IAAI;AACb;AAEA,CAAC;AACC,UAAQ;AACR,QAAM;AACN,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,UAAQ;AACV;AAEA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AAEA,CAAC;AACD,CAAC;AACC,WAAS;AACT,cAAY;AACZ,QAAM;AACN,UAAQ;AACR,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,iBAAe;AACf,WAAS,OAAO;AAChB,cAAY;AACZ,aAAW;AACX,eAAa;AACb,mBAAiB;AACjB,YAAU;AACV,iBAAe;AACf,eAAa;AACf;AAEA,CApBC;AAqBC,UAAQ,IAAI,MAAM;AAClB,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,cACE,EAAE,IAAI,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,EAC5B,EAAE,IAAI,IAAI,KAAK,IAAI,EAAE,EAAE,EAAE,EAAE;AAC/B;AAEA,CAAC;AACC,QAAM;AACR;AAEA,CAjCC,2BAiC2B;AAC1B,cAAY,UAAU,GAAG,IAAI,EAAE,IAAI,sBAAsB,GAAG,EAAE,IAAI;AACpE;AAEA,CApCC;AAqCC,UAAQ,IAAI,MAAM,IAAI;AACtB,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AAEA,CA1CC,6BA0C6B;AAC5B,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AAEA,CA/CC,6BA+C6B;AAC9B,CAAC;AACC,UAAQ;AACR,WAAS;AACT,kBAAgB;AAClB;AAEA,CAAC;AACC,SAAO,UAAU,GAAG,IAAI,EAAE,IAAI,sBAAsB,GAAG,EAAE,IAAI;AAC/D;AAEA,CAAC;AACC,gBAAc,UAAU,GAAG,IAAI,EAAE,IAAI,sBAAsB,GAAG,EAAE;AAChE,cAAY,IAAI;AAChB,SAAO,UAAU,GAAG,IAAI,EAAE,IAAI,sBAAsB,GAAG,EAAE,IAAI;AAC/D;AAEA,CAAC;AACC,WAAS;AACT,yBAAuB,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE;AAC3C,OAAK,OAAO;AACZ,cAAY;AACZ,WAAS;AACX;AAEA,CAAC;AACC,WAAS;AACT,UAAQ;AACR,kBAAgB;AAChB,eAAa;AACb,OAAK;AACL,UAAQ,IAAI,MAAM;AAClB,iBAAe;AACf,cAAY;AACZ,WAAS,KAAK;AACd,cAAY;AACZ,SAAO,IAAI;AACb;AAEA,CAdC,0BAc0B;AACzB,gBAAc,UAAU,GAAG,IAAI,EAAE,IAAI,sBAAsB,GAAG,EAAE;AAChE,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AAEA,CApBC,0BAoB0B;AACzB,UAAQ;AACR,WAAS;AACX;AAEA,CAzBC,2BAyB2B;AAC1B,SAAO;AACP,YAAU;AACV,iBAAe;AACf,eAAa;AACb,aAAW;AACX,eAAa;AACf;AAEA,CAAC;AACC,UAAQ,EAAE,QAAQ;AAClB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe;AACf,cAAY,IAAI;AAChB,WAAS;AACT,cAAY;AACZ,aAAW;AACX,SAAO,IAAI;AACb;AAEA,QAAO,WAAY;AACjB,GA/YD;AAgZG,iBAAa;AACb,aAAS;AACX;AAEA,GAvYD;AAwYG,gBAAY,KAAK,MAAM,EAAE;AACzB,mBAAe;AACf,oBAAgB;AAClB;AAEA,GAxID;AAyIG,oBAAgB;AAClB;AACF;","names":[]}
1
+ {"version":3,"sources":["../src/walletconnect-dialog.css"],"sourcesContent":["/* 语义色 token：优先读取 dashboard/shadcn 的 CSS 变量；未接入这些变量的宿主使用\n dashboard 当前 light/dark 默认值作为 fallback。主题色只有 --stableops-wc-brand\n 一个，可被 themeColor prop 内联覆盖。 */\n:root {\n --stableops-wc-backdrop: rgb(0 0 0 / 80%);\n --stableops-wc-surface: var(--background, oklch(1 0 0));\n --stableops-wc-text: var(--foreground, oklch(0.141 0.005 285.823));\n --stableops-wc-muted: var(--muted-foreground, oklch(0.552 0.016 285.938));\n --stableops-wc-border: var(--border, oklch(0.92 0.004 286.32));\n --stableops-wc-strong-border: var(--input, oklch(0.92 0.004 286.32));\n --stableops-wc-subtle: var(--muted, oklch(0.967 0.001 286.375));\n --stableops-wc-hover: var(--accent, #e8faf7);\n --stableops-wc-hover-text: var(--accent-foreground, #0f766e);\n --stableops-wc-shade: #000000;\n --stableops-wc-brand: var(--primary, #12233a);\n --stableops-wc-brand-text: var(--primary-foreground, oklch(0.985 0 0));\n --stableops-wc-copy-done-bg: var(--accent, #e8faf7);\n --stableops-wc-danger: var(--destructive, oklch(0.577 0.245 27.325));\n --stableops-wc-danger-text: var(--destructive-foreground, oklch(0.985 0 0));\n --stableops-wc-danger-border: color-mix(in oklab, var(--stableops-wc-danger) 25%, transparent);\n --stableops-wc-danger-bg: color-mix(\n in oklab,\n var(--stableops-wc-danger) 8%,\n var(--stableops-wc-surface)\n );\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --stableops-wc-surface: var(--background, oklch(0.141 0.005 285.823));\n --stableops-wc-text: var(--foreground, oklch(0.985 0 0));\n --stableops-wc-muted: var(--muted-foreground, oklch(0.705 0.015 286.067));\n --stableops-wc-border: var(--border, oklch(1 0 0 / 10%));\n --stableops-wc-strong-border: var(--input, oklch(1 0 0 / 15%));\n --stableops-wc-subtle: var(--muted, oklch(0.274 0.006 286.033));\n --stableops-wc-hover: var(--accent, oklch(0.274 0.006 286.033));\n --stableops-wc-hover-text: var(--accent-foreground, oklch(0.985 0 0));\n --stableops-wc-shade: #ffffff;\n --stableops-wc-brand: var(--primary, oklch(0.92 0.004 286.32));\n --stableops-wc-brand-text: var(--primary-foreground, oklch(0.21 0.006 285.885));\n --stableops-wc-copy-done-bg: var(--accent, oklch(0.274 0.006 286.033));\n --stableops-wc-danger: var(--destructive, oklch(0.704 0.191 22.216));\n --stableops-wc-danger-text: var(--destructive-foreground, oklch(0.985 0 0));\n }\n}\n\n@keyframes stableops-walletconnect-backdrop-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes stableops-walletconnect-sheet-in {\n from {\n opacity: 0;\n transform: translateY(1.25rem);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@media (min-width: 640px) {\n @keyframes stableops-walletconnect-sheet-in {\n from {\n opacity: 0;\n transform: translateY(0.375rem) scale(0.98);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n}\n\n.stableops-wc-backdrop {\n position: fixed;\n inset: 0;\n z-index: 50;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n margin: 0;\n padding: 0;\n background: var(--stableops-wc-backdrop);\n font-family:\n Inter, \"Inter Fallback\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n \"Segoe UI\", sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n font-stretch: normal;\n font-feature-settings: normal;\n font-kerning: auto;\n font-language-override: normal;\n font-optical-sizing: auto;\n font-size-adjust: none;\n font-variant-alternates: normal;\n font-variant-caps: normal;\n font-variant-east-asian: normal;\n font-variant-emoji: normal;\n font-variant-ligatures: normal;\n font-variant-numeric: normal;\n font-variant-position: normal;\n font-variation-settings: normal;\n letter-spacing: 0;\n line-height: 1.4;\n text-transform: none;\n word-spacing: normal;\n animation: stableops-walletconnect-backdrop-in 160ms ease-out both;\n}\n\n.stableops-wc-sheet {\n position: relative;\n width: 100%;\n max-width: 28rem;\n max-height: min(90dvh, calc(100vh - 1rem));\n overflow: hidden;\n border: 1px solid var(--stableops-wc-border);\n border-radius: 1rem 1rem 0 0;\n padding-bottom: max(0.75rem, env(safe-area-inset-bottom));\n background: var(--stableops-wc-surface);\n color: var(--stableops-wc-text);\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n font-stretch: inherit;\n font-feature-settings: inherit;\n font-kerning: inherit;\n font-language-override: inherit;\n font-optical-sizing: inherit;\n font-size-adjust: inherit;\n font-variant-alternates: inherit;\n font-variant-caps: inherit;\n font-variant-east-asian: inherit;\n font-variant-emoji: inherit;\n font-variant-ligatures: inherit;\n font-variant-numeric: inherit;\n font-variant-position: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n text-transform: inherit;\n word-spacing: inherit;\n box-shadow:\n 0 10px 15px -3px rgb(0 0 0 / 10%),\n 0 4px 6px -4px rgb(0 0 0 / 10%);\n animation: stableops-walletconnect-sheet-in 220ms cubic-bezier(0.2, 0, 0, 1) both;\n}\n\n.stableops-wc-sheet,\n.stableops-wc-sheet * {\n box-sizing: border-box;\n}\n\n.stableops-wc-sheet :where(button, a, p, span, img) {\n margin: 0;\n font: inherit;\n color: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n text-decoration: none;\n text-transform: inherit;\n word-spacing: inherit;\n}\n\n.stableops-wc-sheet :where(img) {\n display: block;\n max-width: 100%;\n height: auto;\n}\n\n.stableops-wc-header {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1.5rem 1.5rem 0;\n}\n\n.stableops-wc-title {\n min-width: 0;\n flex: 1;\n overflow: hidden;\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.25;\n}\n\n.stableops-wc-icon-button {\n position: absolute;\n display: flex;\n width: 2rem;\n height: 2rem;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n border: 0;\n border-radius: 0.375rem;\n background: transparent;\n color: var(--stableops-wc-muted);\n line-height: 1;\n}\n\n.stableops-wc-icon-button:hover {\n background: var(--stableops-wc-hover);\n color: var(--stableops-wc-text);\n}\n\n.stableops-wc-back-button {\n left: 1.25rem;\n}\n\n.stableops-wc-close-button {\n right: 1.25rem;\n}\n\n.stableops-wc-icon,\n.stableops-wc-action-icon {\n width: 1rem;\n height: 1rem;\n}\n\n.stableops-wc-body {\n padding: 1.5rem;\n}\n\n.stableops-wc-qr-frame {\n position: relative;\n width: 100%;\n max-width: 12rem;\n aspect-ratio: 1 / 1;\n margin: 0 auto;\n border: 1px solid rgb(15 28 46 / 8%);\n border-radius: 1rem;\n padding: 1rem;\n background: #ffffff;\n overflow: hidden;\n}\n\n.stableops-wc-qr-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.stableops-wc-qr-placeholder {\n opacity: 0.9;\n}\n\n.stableops-wc-centered-overlay,\n.stableops-wc-loading-overlay {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.stableops-wc-loading-overlay {\n inset: 0.5rem;\n border-radius: 0.5rem;\n background: rgb(255 255 255 / 60%);\n backdrop-filter: blur(4px);\n}\n\n.stableops-wc-wallet-chip {\n border-radius: 0.75rem;\n padding: 0.25rem;\n background: #ffffff;\n box-shadow:\n 0 4px 6px -1px rgb(0 0 0 / 10%),\n 0 2px 4px -2px rgb(0 0 0 / 10%);\n outline: 1px solid rgb(0 0 0 / 5%);\n}\n\n.stableops-wc-refresh-button {\n display: inline-flex;\n min-width: 6.5rem;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n gap: 0.375rem;\n border: 1px solid rgb(0 0 0 / 8%);\n border-radius: 0.75rem;\n padding: 0.625rem 0.75rem;\n background: #ffffff;\n color: var(--stableops-wc-text);\n box-shadow:\n 0 4px 6px -1px rgb(0 0 0 / 10%),\n 0 2px 4px -2px rgb(0 0 0 / 10%);\n font-size: 0.8125rem;\n font-weight: 600;\n line-height: 1.25;\n}\n\n.stableops-wc-refresh-button:hover {\n background: var(--stableops-wc-hover);\n}\n\n.stableops-wc-refresh-icon {\n width: 1rem;\n height: 1rem;\n color: var(--stableops-wc-brand);\n}\n\n.stableops-wc-wallet-logo,\n.stableops-wc-wallet-fallback {\n display: flex;\n width: 3rem;\n height: 3rem;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n border-radius: 0.5rem;\n box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);\n outline: 1px solid rgb(0 0 0 / 5%);\n}\n\n.stableops-wc-wallet-logo {\n object-fit: cover;\n}\n\n.stableops-wc-wallet-chip .stableops-wc-wallet-logo,\n.stableops-wc-wallet-chip .stableops-wc-wallet-fallback {\n width: 2.25rem;\n height: 2.25rem;\n border-radius: 0.375rem;\n}\n\n.stableops-wc-wallet-fallback {\n color: #ffffff;\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 1;\n}\n\n.stableops-wc-empty-qr {\n display: flex;\n width: 100%;\n height: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n padding: 0 0.75rem;\n text-align: center;\n font-size: 0.75rem;\n line-height: 1.4;\n color: var(--stableops-wc-muted);\n}\n\n.stableops-wc-spinner {\n width: 1.5rem;\n height: 1.5rem;\n animation: stableops-wc-spin 1s linear infinite;\n}\n\n@keyframes stableops-wc-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n.stableops-wc-muted-spinner {\n color: #9ca3af;\n}\n\n.stableops-wc-error-icon {\n width: 1.75rem;\n height: 1.75rem;\n color: var(--stableops-wc-danger);\n}\n\n.stableops-wc-help-text {\n margin: 1.25rem 0 0;\n text-align: center;\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.4;\n}\n\n.stableops-wc-separator {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin: 1rem 0;\n font-size: 0.75rem;\n line-height: 1.4;\n color: var(--stableops-wc-muted);\n}\n\n.stableops-wc-line {\n height: 1px;\n flex: 1;\n background: var(--stableops-wc-border);\n}\n\n.stableops-wc-spacer {\n height: 1rem;\n}\n\n.stableops-wc-actions {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.stableops-wc-primary-action,\n.stableops-wc-secondary-action {\n display: inline-flex;\n min-height: 2.5rem;\n flex: 1;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n border-radius: 0.5rem;\n padding: 0.5rem 1rem;\n text-align: center;\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.25;\n text-decoration: none;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.stableops-wc-primary-action {\n border: 1px solid transparent;\n background: var(--stableops-wc-brand);\n color: var(--stableops-wc-brand-text);\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 10%),\n 0 1px 2px -1px rgb(0 0 0 / 10%);\n}\n\n.stableops-wc-button-action {\n font: inherit;\n}\n\n.stableops-wc-primary-action:hover {\n background: color-mix(in srgb, var(--stableops-wc-brand) 82%, var(--stableops-wc-shade));\n}\n\n.stableops-wc-secondary-action {\n border: 1px solid var(--stableops-wc-strong-border);\n background: var(--stableops-wc-surface);\n color: var(--stableops-wc-text);\n}\n\n.stableops-wc-secondary-action:hover {\n background: var(--stableops-wc-hover);\n color: var(--stableops-wc-hover-text);\n}\n\n.stableops-wc-secondary-action:disabled,\n.stableops-wc-disabled-link {\n cursor: not-allowed;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.stableops-wc-check-icon {\n color: color-mix(in srgb, var(--stableops-wc-brand) 82%, var(--stableops-wc-shade));\n}\n\n.stableops-wc-copy-done {\n border-color: color-mix(in srgb, var(--stableops-wc-brand) 35%, transparent);\n background: var(--stableops-wc-copy-done-bg);\n color: color-mix(in srgb, var(--stableops-wc-brand) 82%, var(--stableops-wc-shade));\n}\n\n.stableops-wc-wallet-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 0.5rem 1rem;\n overflow-y: auto;\n padding: 1rem;\n}\n\n.stableops-wc-wallet-button {\n display: flex;\n cursor: pointer;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n border: 1px solid transparent;\n border-radius: 0.75rem;\n background: transparent;\n padding: 1rem 0.5rem;\n text-align: center;\n color: var(--stableops-wc-text);\n}\n\n.stableops-wc-wallet-button:hover {\n border-color: color-mix(in srgb, var(--stableops-wc-brand) 40%, transparent);\n background: var(--stableops-wc-hover);\n color: var(--stableops-wc-hover-text);\n}\n\n.stableops-wc-wallet-button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n\n.stableops-wc-wallet-button span {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 0.75rem;\n font-weight: 500;\n}\n\n.stableops-wc-error-box {\n margin: 0 1.25rem 1.25rem;\n border: 1px solid var(--stableops-wc-danger-border);\n border-radius: 0.5rem;\n background: var(--stableops-wc-danger-bg);\n padding: 0.625rem;\n text-align: center;\n font-size: 0.75rem;\n line-height: 1.4;\n color: var(--stableops-wc-danger);\n}\n\n@media (min-width: 640px) {\n .stableops-wc-backdrop {\n align-items: center;\n padding: 1rem;\n }\n\n .stableops-wc-sheet {\n max-height: calc(100vh - 2rem);\n border-radius: 1rem;\n padding-bottom: 0;\n }\n\n .stableops-wc-actions {\n flex-direction: row;\n }\n}\n"],"mappings":"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","names":[]}
package/dist/index.d.mts CHANGED
@@ -53,7 +53,6 @@ type WalletConnectDialogProps<TWallet extends WalletConnectDialogWallet> = {
53
53
  qrCode: string | null;
54
54
  error: WalletConnectDialogError | null;
55
55
  walletLinkMode?: boolean;
56
- useShadowRoot?: boolean;
57
56
  themeColor?: string;
58
57
  copied: boolean;
59
58
  paymentPending?: boolean;
@@ -72,7 +71,7 @@ declare const walletConnectDialogClassNames: {
72
71
  readonly qrFrame: "stableops-wc-qr-frame";
73
72
  };
74
73
  declare function walletLink(prefix: string, uri: string): string;
75
- declare function WalletConnectDialog<TWallet extends WalletConnectDialogWallet>({ useShadowRoot, ...props }: WalletConnectDialogProps<TWallet>): ReactNode;
74
+ declare function WalletConnectDialog<TWallet extends WalletConnectDialogWallet>({ open, copy, projectId, available, wallets, selectedWallet, state, qrCode, error, walletLinkMode, themeColor, copied, paymentPending, connectionRefreshAvailable, renderWalletIcon, onSelectWallet, onRetryPayment, onRefreshConnection, onBack, onClose, onCopyUri, }: WalletConnectDialogProps<TWallet>): ReactNode;
76
75
 
77
76
  declare const WALLET_LOGOS: Record<string, string>;
78
77
 
package/dist/index.d.ts CHANGED
@@ -53,7 +53,6 @@ type WalletConnectDialogProps<TWallet extends WalletConnectDialogWallet> = {
53
53
  qrCode: string | null;
54
54
  error: WalletConnectDialogError | null;
55
55
  walletLinkMode?: boolean;
56
- useShadowRoot?: boolean;
57
56
  themeColor?: string;
58
57
  copied: boolean;
59
58
  paymentPending?: boolean;
@@ -72,7 +71,7 @@ declare const walletConnectDialogClassNames: {
72
71
  readonly qrFrame: "stableops-wc-qr-frame";
73
72
  };
74
73
  declare function walletLink(prefix: string, uri: string): string;
75
- declare function WalletConnectDialog<TWallet extends WalletConnectDialogWallet>({ useShadowRoot, ...props }: WalletConnectDialogProps<TWallet>): ReactNode;
74
+ declare function WalletConnectDialog<TWallet extends WalletConnectDialogWallet>({ open, copy, projectId, available, wallets, selectedWallet, state, qrCode, error, walletLinkMode, themeColor, copied, paymentPending, connectionRefreshAvailable, renderWalletIcon, onSelectWallet, onRetryPayment, onRefreshConnection, onBack, onClose, onCopyUri, }: WalletConnectDialogProps<TWallet>): ReactNode;
76
75
 
77
76
  declare const WALLET_LOGOS: Record<string, string>;
78
77
 
package/dist/index.js CHANGED
@@ -29,13 +29,8 @@ __export(index_exports, {
29
29
  module.exports = __toCommonJS(index_exports);
30
30
 
31
31
  // src/walletconnect-dialog.tsx
32
- var import_react = require("react");
33
- var import_react_dom = require("react-dom");
34
32
  var import_lucide_react = require("lucide-react");
35
33
 
36
- // src/walletconnect-dialog-css.ts
37
- var WALLETCONNECT_DIALOG_CSS = "/* \u8BED\u4E49\u8272 token\uFF1A\u4F18\u5148\u8BFB\u53D6 dashboard/shadcn \u7684 CSS \u53D8\u91CF\uFF1B\u672A\u63A5\u5165\u8FD9\u4E9B\u53D8\u91CF\u7684\u5BBF\u4E3B\u4F7F\u7528\n dashboard \u5F53\u524D light/dark \u9ED8\u8BA4\u503C\u4F5C\u4E3A fallback\u3002\u4E3B\u9898\u8272\u53EA\u6709 --stableops-wc-brand\n \u4E00\u4E2A\uFF0C\u53EF\u88AB themeColor prop \u5185\u8054\u8986\u76D6\u3002 */\n:root {\n --stableops-wc-backdrop: rgb(0 0 0 / 80%);\n --stableops-wc-surface: var(--background, oklch(1 0 0));\n --stableops-wc-text: var(--foreground, oklch(0.141 0.005 285.823));\n --stableops-wc-muted: var(--muted-foreground, oklch(0.552 0.016 285.938));\n --stableops-wc-border: var(--border, oklch(0.92 0.004 286.32));\n --stableops-wc-strong-border: var(--input, oklch(0.92 0.004 286.32));\n --stableops-wc-subtle: var(--muted, oklch(0.967 0.001 286.375));\n --stableops-wc-hover: var(--accent, #e8faf7);\n --stableops-wc-hover-text: var(--accent-foreground, #0f766e);\n --stableops-wc-shade: #000000;\n --stableops-wc-brand: var(--primary, #12233a);\n --stableops-wc-brand-text: var(--primary-foreground, oklch(0.985 0 0));\n --stableops-wc-copy-done-bg: var(--accent, #e8faf7);\n --stableops-wc-danger: var(--destructive, oklch(0.577 0.245 27.325));\n --stableops-wc-danger-text: var(--destructive-foreground, oklch(0.985 0 0));\n --stableops-wc-danger-border: color-mix(in oklab, var(--stableops-wc-danger) 25%, transparent);\n --stableops-wc-danger-bg: color-mix(\n in oklab,\n var(--stableops-wc-danger) 8%,\n var(--stableops-wc-surface)\n );\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --stableops-wc-surface: var(--background, oklch(0.141 0.005 285.823));\n --stableops-wc-text: var(--foreground, oklch(0.985 0 0));\n --stableops-wc-muted: var(--muted-foreground, oklch(0.705 0.015 286.067));\n --stableops-wc-border: var(--border, oklch(1 0 0 / 10%));\n --stableops-wc-strong-border: var(--input, oklch(1 0 0 / 15%));\n --stableops-wc-subtle: var(--muted, oklch(0.274 0.006 286.033));\n --stableops-wc-hover: var(--accent, oklch(0.274 0.006 286.033));\n --stableops-wc-hover-text: var(--accent-foreground, oklch(0.985 0 0));\n --stableops-wc-shade: #ffffff;\n --stableops-wc-brand: var(--primary, oklch(0.92 0.004 286.32));\n --stableops-wc-brand-text: var(--primary-foreground, oklch(0.21 0.006 285.885));\n --stableops-wc-copy-done-bg: var(--accent, oklch(0.274 0.006 286.033));\n --stableops-wc-danger: var(--destructive, oklch(0.704 0.191 22.216));\n --stableops-wc-danger-text: var(--destructive-foreground, oklch(0.985 0 0));\n }\n}\n\n@keyframes stableops-walletconnect-backdrop-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes stableops-walletconnect-sheet-in {\n from {\n opacity: 0;\n transform: translateY(1.25rem);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@media (min-width: 640px) {\n @keyframes stableops-walletconnect-sheet-in {\n from {\n opacity: 0;\n transform: translateY(0.375rem) scale(0.98);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n}\n\n.stableops-wc-backdrop {\n position: fixed;\n inset: 0;\n z-index: 50;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n margin: 0;\n padding: 0;\n background: var(--stableops-wc-backdrop);\n animation: stableops-walletconnect-backdrop-in 160ms ease-out both;\n}\n\n.stableops-wc-sheet {\n position: relative;\n width: 100%;\n max-width: 28rem;\n max-height: min(90dvh, calc(100vh - 1rem));\n overflow: hidden;\n border: 1px solid var(--stableops-wc-border);\n border-radius: 1rem 1rem 0 0;\n padding-bottom: max(0.75rem, env(safe-area-inset-bottom));\n background: var(--stableops-wc-surface);\n color: var(--stableops-wc-text);\n box-shadow:\n 0 10px 15px -3px rgb(0 0 0 / 10%),\n 0 4px 6px -4px rgb(0 0 0 / 10%);\n animation: stableops-walletconnect-sheet-in 220ms cubic-bezier(0.2, 0, 0, 1) both;\n}\n\n.stableops-wc-sheet,\n.stableops-wc-sheet * {\n box-sizing: border-box;\n}\n\n.stableops-wc-sheet :where(button, a, p, img) {\n margin: 0;\n font: inherit;\n color: inherit;\n text-decoration: none;\n}\n\n.stableops-wc-sheet :where(img) {\n display: block;\n max-width: 100%;\n height: auto;\n}\n\n.stableops-wc-header {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1.5rem 1.5rem 0;\n}\n\n.stableops-wc-title {\n min-width: 0;\n flex: 1;\n overflow: hidden;\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 0.875rem;\n font-weight: 600;\n}\n\n.stableops-wc-icon-button {\n position: absolute;\n display: flex;\n width: 2rem;\n height: 2rem;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n border: 0;\n border-radius: 0.375rem;\n background: transparent;\n color: var(--stableops-wc-muted);\n}\n\n.stableops-wc-icon-button:hover {\n background: var(--stableops-wc-hover);\n color: var(--stableops-wc-text);\n}\n\n.stableops-wc-back-button {\n left: 1.25rem;\n}\n\n.stableops-wc-close-button {\n right: 1.25rem;\n}\n\n.stableops-wc-icon,\n.stableops-wc-action-icon {\n width: 1rem;\n height: 1rem;\n}\n\n.stableops-wc-body {\n padding: 1.5rem;\n}\n\n.stableops-wc-qr-frame {\n position: relative;\n width: 100%;\n max-width: 12rem;\n aspect-ratio: 1 / 1;\n margin: 0 auto;\n border: 1px solid rgb(15 28 46 / 8%);\n border-radius: 1rem;\n padding: 1rem;\n background: #ffffff;\n overflow: hidden;\n}\n\n.stableops-wc-qr-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.stableops-wc-qr-placeholder {\n opacity: 0.9;\n}\n\n.stableops-wc-centered-overlay,\n.stableops-wc-loading-overlay {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.stableops-wc-loading-overlay {\n inset: 0.5rem;\n border-radius: 0.5rem;\n background: rgb(255 255 255 / 60%);\n backdrop-filter: blur(4px);\n}\n\n.stableops-wc-wallet-chip {\n border-radius: 0.75rem;\n padding: 0.25rem;\n background: #ffffff;\n box-shadow:\n 0 4px 6px -1px rgb(0 0 0 / 10%),\n 0 2px 4px -2px rgb(0 0 0 / 10%);\n outline: 1px solid rgb(0 0 0 / 5%);\n}\n\n.stableops-wc-refresh-button {\n display: inline-flex;\n min-width: 6.5rem;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n gap: 0.375rem;\n border: 1px solid rgb(0 0 0 / 8%);\n border-radius: 0.75rem;\n padding: 0.625rem 0.75rem;\n background: #ffffff;\n color: var(--stableops-wc-text);\n box-shadow:\n 0 4px 6px -1px rgb(0 0 0 / 10%),\n 0 2px 4px -2px rgb(0 0 0 / 10%);\n font-size: 0.8125rem;\n font-weight: 600;\n}\n\n.stableops-wc-refresh-button:hover {\n background: var(--stableops-wc-hover);\n}\n\n.stableops-wc-refresh-icon {\n width: 1rem;\n height: 1rem;\n color: var(--stableops-wc-brand);\n}\n\n.stableops-wc-wallet-logo,\n.stableops-wc-wallet-fallback {\n display: flex;\n width: 3rem;\n height: 3rem;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n border-radius: 0.5rem;\n box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);\n outline: 1px solid rgb(0 0 0 / 5%);\n}\n\n.stableops-wc-wallet-logo {\n object-fit: cover;\n}\n\n.stableops-wc-wallet-chip .stableops-wc-wallet-logo,\n.stableops-wc-wallet-chip .stableops-wc-wallet-fallback {\n width: 2.25rem;\n height: 2.25rem;\n border-radius: 0.375rem;\n}\n\n.stableops-wc-wallet-fallback {\n color: #ffffff;\n font-size: 0.75rem;\n font-weight: 600;\n}\n\n.stableops-wc-empty-qr {\n display: flex;\n width: 100%;\n height: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n padding: 0 0.75rem;\n text-align: center;\n font-size: 0.75rem;\n color: var(--stableops-wc-muted);\n}\n\n.stableops-wc-spinner {\n width: 1.5rem;\n height: 1.5rem;\n animation: stableops-wc-spin 1s linear infinite;\n}\n\n@keyframes stableops-wc-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n.stableops-wc-muted-spinner {\n color: #9ca3af;\n}\n\n.stableops-wc-error-icon {\n width: 1.75rem;\n height: 1.75rem;\n color: var(--stableops-wc-danger);\n}\n\n.stableops-wc-help-text {\n margin: 1.25rem 0 0;\n text-align: center;\n font-size: 0.875rem;\n font-weight: 500;\n}\n\n.stableops-wc-separator {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin: 1rem 0;\n font-size: 0.75rem;\n color: var(--stableops-wc-muted);\n}\n\n.stableops-wc-line {\n height: 1px;\n flex: 1;\n background: var(--stableops-wc-border);\n}\n\n.stableops-wc-spacer {\n height: 1rem;\n}\n\n.stableops-wc-actions {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.stableops-wc-primary-action,\n.stableops-wc-secondary-action {\n display: inline-flex;\n min-height: 2.5rem;\n flex: 1;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n border-radius: 0.5rem;\n padding: 0.5rem 1rem;\n text-align: center;\n font-size: 0.875rem;\n font-weight: 500;\n text-decoration: none;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.stableops-wc-primary-action {\n border: 1px solid transparent;\n background: var(--stableops-wc-brand);\n color: var(--stableops-wc-brand-text);\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 10%),\n 0 1px 2px -1px rgb(0 0 0 / 10%);\n}\n\n.stableops-wc-button-action {\n font: inherit;\n}\n\n.stableops-wc-primary-action:hover {\n background: color-mix(in srgb, var(--stableops-wc-brand) 82%, var(--stableops-wc-shade));\n}\n\n.stableops-wc-secondary-action {\n border: 1px solid var(--stableops-wc-strong-border);\n background: var(--stableops-wc-surface);\n color: var(--stableops-wc-text);\n}\n\n.stableops-wc-secondary-action:hover {\n background: var(--stableops-wc-hover);\n color: var(--stableops-wc-hover-text);\n}\n\n.stableops-wc-secondary-action:disabled,\n.stableops-wc-disabled-link {\n cursor: not-allowed;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.stableops-wc-check-icon {\n color: color-mix(in srgb, var(--stableops-wc-brand) 82%, var(--stableops-wc-shade));\n}\n\n.stableops-wc-copy-done {\n border-color: color-mix(in srgb, var(--stableops-wc-brand) 35%, transparent);\n background: var(--stableops-wc-copy-done-bg);\n color: color-mix(in srgb, var(--stableops-wc-brand) 82%, var(--stableops-wc-shade));\n}\n\n.stableops-wc-wallet-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 0.5rem 1rem;\n overflow-y: auto;\n padding: 1rem;\n}\n\n.stableops-wc-wallet-button {\n display: flex;\n cursor: pointer;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n border: 1px solid transparent;\n border-radius: 0.75rem;\n background: transparent;\n padding: 1rem 0.5rem;\n text-align: center;\n color: var(--stableops-wc-text);\n}\n\n.stableops-wc-wallet-button:hover {\n border-color: color-mix(in srgb, var(--stableops-wc-brand) 40%, transparent);\n background: var(--stableops-wc-hover);\n color: var(--stableops-wc-hover-text);\n}\n\n.stableops-wc-wallet-button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n\n.stableops-wc-wallet-button span {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 0.75rem;\n font-weight: 500;\n}\n\n.stableops-wc-error-box {\n margin: 0 1.25rem 1.25rem;\n border: 1px solid var(--stableops-wc-danger-border);\n border-radius: 0.5rem;\n background: var(--stableops-wc-danger-bg);\n padding: 0.625rem;\n text-align: center;\n font-size: 0.75rem;\n color: var(--stableops-wc-danger);\n}\n\n@media (min-width: 640px) {\n .stableops-wc-backdrop {\n align-items: center;\n padding: 1rem;\n }\n\n .stableops-wc-sheet {\n max-height: calc(100vh - 2rem);\n border-radius: 1rem;\n padding-bottom: 0;\n }\n\n .stableops-wc-actions {\n flex-direction: row;\n }\n}\n";
38
-
39
34
  // src/wallet-icon.tsx
40
35
  var import_jsx_runtime = require("react/jsx-runtime");
41
36
  function WalletIcon({ wallet }) {
@@ -70,29 +65,6 @@ function formatWalletConnectDialogError(error, copy) {
70
65
  return error.message;
71
66
  }
72
67
  function WalletConnectDialog({
73
- useShadowRoot = false,
74
- ...props
75
- }) {
76
- if (useShadowRoot) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ShadowRootWalletConnectDialog, { ...props });
77
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(WalletConnectDialogContent, { ...props });
78
- }
79
- function ShadowRootWalletConnectDialog(props) {
80
- const hostRef = (0, import_react.useRef)(null);
81
- const [shadowRoot, setShadowRoot] = (0, import_react.useState)(null);
82
- (0, import_react.useEffect)(() => {
83
- const host = hostRef.current;
84
- if (!host) return;
85
- setShadowRoot(host.shadowRoot ?? host.attachShadow({ mode: "open" }));
86
- }, []);
87
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { ref: hostRef, children: shadowRoot ? (0, import_react_dom.createPortal)(
88
- /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
89
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("style", { children: WALLETCONNECT_DIALOG_CSS }),
90
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(WalletConnectDialogContent, { ...props })
91
- ] }),
92
- shadowRoot
93
- ) : null });
94
- }
95
- function WalletConnectDialogContent({
96
68
  open,
97
69
  copy,
98
70
  projectId,