@stableops/wallet-ui 0.1.6 → 0.3.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 +77 -1
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.d.mts +25 -4
  4. package/dist/index.d.ts +25 -4
  5. package/dist/index.js +140 -44
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +139 -44
  8. package/dist/index.mjs.map +1 -1
  9. package/dist/walletconnect-dialog.css +77 -1
  10. package/dist/walletconnect-dialog.css.map +1 -1
  11. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -76,7 +76,39 @@
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;
110
+ -webkit-font-smoothing: antialiased;
111
+ -moz-osx-font-smoothing: grayscale;
80
112
  }
81
113
  .stableops-wc-sheet {
82
114
  position: relative;
@@ -89,6 +121,32 @@
89
121
  padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
90
122
  background: var(--stableops-wc-surface);
91
123
  color: var(--stableops-wc-text);
124
+ font-family:
125
+ "Inter",
126
+ ui-sans-serif,
127
+ system-ui,
128
+ sans-serif;
129
+ font-size: inherit;
130
+ font-style: inherit;
131
+ font-weight: inherit;
132
+ font-stretch: inherit;
133
+ font-feature-settings: inherit;
134
+ font-kerning: inherit;
135
+ font-language-override: inherit;
136
+ font-optical-sizing: inherit;
137
+ font-size-adjust: inherit;
138
+ font-variant-alternates: inherit;
139
+ font-variant-caps: inherit;
140
+ font-variant-east-asian: inherit;
141
+ font-variant-emoji: inherit;
142
+ font-variant-ligatures: inherit;
143
+ font-variant-numeric: inherit;
144
+ font-variant-position: inherit;
145
+ font-variation-settings: inherit;
146
+ letter-spacing: inherit;
147
+ line-height: inherit;
148
+ text-transform: inherit;
149
+ word-spacing: inherit;
92
150
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);
93
151
  animation: stableops-walletconnect-sheet-in 220ms cubic-bezier(0.2, 0, 0, 1) both;
94
152
  }
@@ -96,11 +154,15 @@
96
154
  .stableops-wc-sheet * {
97
155
  box-sizing: border-box;
98
156
  }
99
- .stableops-wc-sheet :where(button, a, p, img) {
157
+ .stableops-wc-sheet :where(button, a, p, span, img) {
100
158
  margin: 0;
101
159
  font: inherit;
102
160
  color: inherit;
161
+ letter-spacing: inherit;
162
+ line-height: inherit;
103
163
  text-decoration: none;
164
+ text-transform: inherit;
165
+ word-spacing: inherit;
104
166
  }
105
167
  .stableops-wc-sheet :where(img) {
106
168
  display: block;
@@ -121,8 +183,14 @@
121
183
  text-align: center;
122
184
  text-overflow: ellipsis;
123
185
  white-space: nowrap;
186
+ font-family:
187
+ "Inter",
188
+ ui-sans-serif,
189
+ system-ui,
190
+ sans-serif;
124
191
  font-size: 0.875rem;
125
192
  font-weight: 600;
193
+ line-height: 1.25;
126
194
  }
127
195
  .stableops-wc-icon-button {
128
196
  position: absolute;
@@ -136,6 +204,7 @@
136
204
  border-radius: 0.375rem;
137
205
  background: transparent;
138
206
  color: var(--stableops-wc-muted);
207
+ line-height: 1;
139
208
  }
140
209
  .stableops-wc-icon-button:hover {
141
210
  background: var(--stableops-wc-hover);
@@ -211,6 +280,7 @@
211
280
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 10%);
212
281
  font-size: 0.8125rem;
213
282
  font-weight: 600;
283
+ line-height: 1.25;
214
284
  }
215
285
  .stableops-wc-refresh-button:hover {
216
286
  background: var(--stableops-wc-hover);
@@ -245,6 +315,7 @@
245
315
  color: #ffffff;
246
316
  font-size: 0.75rem;
247
317
  font-weight: 600;
318
+ line-height: 1;
248
319
  }
249
320
  .stableops-wc-empty-qr {
250
321
  display: flex;
@@ -257,6 +328,7 @@
257
328
  padding: 0 0.75rem;
258
329
  text-align: center;
259
330
  font-size: 0.75rem;
331
+ line-height: 1.4;
260
332
  color: var(--stableops-wc-muted);
261
333
  }
262
334
  .stableops-wc-spinner {
@@ -282,6 +354,7 @@
282
354
  text-align: center;
283
355
  font-size: 0.875rem;
284
356
  font-weight: 500;
357
+ line-height: 1.4;
285
358
  }
286
359
  .stableops-wc-separator {
287
360
  display: flex;
@@ -289,6 +362,7 @@
289
362
  gap: 0.75rem;
290
363
  margin: 1rem 0;
291
364
  font-size: 0.75rem;
365
+ line-height: 1.4;
292
366
  color: var(--stableops-wc-muted);
293
367
  }
294
368
  .stableops-wc-line {
@@ -318,6 +392,7 @@
318
392
  text-align: center;
319
393
  font-size: 0.875rem;
320
394
  font-weight: 500;
395
+ line-height: 1.25;
321
396
  text-decoration: none;
322
397
  overflow: hidden;
323
398
  text-overflow: ellipsis;
@@ -403,6 +478,7 @@
403
478
  padding: 0.625rem;
404
479
  text-align: center;
405
480
  font-size: 0.75rem;
481
+ line-height: 1.4;
406
482
  color: var(--stableops-wc-danger);
407
483
  }
408
484
  @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":"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","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,\n 'Inter Fallback',\n ui-sans-serif,\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n 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 -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\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: 'Inter', ui-sans-serif, system-ui, sans-serif;\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-family: 'Inter', ui-sans-serif, system-ui, sans-serif;\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
@@ -12,6 +12,27 @@ declare function WalletIcon({ wallet }: {
12
12
  wallet: WalletIconWallet;
13
13
  }): ReactNode;
14
14
 
15
+ type WalletConnectLocale = 'zh' | 'en';
16
+ declare function createWalletConnectDialogCopy(locale: WalletConnectLocale, copiedLabel?: string): {
17
+ heading: string;
18
+ back: string;
19
+ close: string;
20
+ qrAlt: string;
21
+ payWith: (wallet: string) => string;
22
+ scanWithWallet: (wallet: string) => string;
23
+ scanAnyWallet: string;
24
+ openWallet: (wallet: string) => string;
25
+ paymentPrompt: (wallet: string) => string;
26
+ retryPayment: (wallet: string) => string;
27
+ retryingPayment: string;
28
+ refreshConnection: string;
29
+ copyUri: string;
30
+ copied: string;
31
+ or: string;
32
+ connectFailed: string;
33
+ errorMessage: (code: string) => string | null;
34
+ };
35
+
15
36
  type WalletConnectDialogWallet = WalletIconWallet & {
16
37
  id: string;
17
38
  links?: {
@@ -44,7 +65,8 @@ type WalletConnectDialogError = string | {
44
65
  };
45
66
  type WalletConnectDialogProps<TWallet extends WalletConnectDialogWallet> = {
46
67
  open: boolean;
47
- copy: WalletConnectDialogCopy;
68
+ copy?: WalletConnectDialogCopy;
69
+ locale?: WalletConnectLocale;
48
70
  projectId: string | null | undefined;
49
71
  available: boolean;
50
72
  wallets: readonly TWallet[];
@@ -53,7 +75,6 @@ type WalletConnectDialogProps<TWallet extends WalletConnectDialogWallet> = {
53
75
  qrCode: string | null;
54
76
  error: WalletConnectDialogError | null;
55
77
  walletLinkMode?: boolean;
56
- useShadowRoot?: boolean;
57
78
  themeColor?: string;
58
79
  copied: boolean;
59
80
  paymentPending?: boolean;
@@ -72,8 +93,8 @@ declare const walletConnectDialogClassNames: {
72
93
  readonly qrFrame: "stableops-wc-qr-frame";
73
94
  };
74
95
  declare function walletLink(prefix: string, uri: string): string;
75
- declare function WalletConnectDialog<TWallet extends WalletConnectDialogWallet>({ useShadowRoot, ...props }: WalletConnectDialogProps<TWallet>): ReactNode;
96
+ declare function WalletConnectDialog<TWallet extends WalletConnectDialogWallet>({ open, copy: copyProp, locale, projectId, available, wallets, selectedWallet, state, qrCode, error, walletLinkMode, themeColor, copied, paymentPending, connectionRefreshAvailable, renderWalletIcon, onSelectWallet, onRetryPayment, onRefreshConnection, onBack, onClose, onCopyUri, }: WalletConnectDialogProps<TWallet>): ReactNode;
76
97
 
77
98
  declare const WALLET_LOGOS: Record<string, string>;
78
99
 
79
- export { WALLET_LOGOS, WalletConnectDialog, type WalletConnectDialogCopy, type WalletConnectDialogError, type WalletConnectDialogProps, type WalletConnectDialogWallet, WalletIcon, type WalletIconWallet, walletConnectDialogClassNames, walletLink };
100
+ export { WALLET_LOGOS, WalletConnectDialog, type WalletConnectDialogCopy, type WalletConnectDialogError, type WalletConnectDialogProps, type WalletConnectDialogWallet, type WalletConnectLocale, WalletIcon, type WalletIconWallet, createWalletConnectDialogCopy, walletConnectDialogClassNames, walletLink };
package/dist/index.d.ts CHANGED
@@ -12,6 +12,27 @@ declare function WalletIcon({ wallet }: {
12
12
  wallet: WalletIconWallet;
13
13
  }): ReactNode;
14
14
 
15
+ type WalletConnectLocale = 'zh' | 'en';
16
+ declare function createWalletConnectDialogCopy(locale: WalletConnectLocale, copiedLabel?: string): {
17
+ heading: string;
18
+ back: string;
19
+ close: string;
20
+ qrAlt: string;
21
+ payWith: (wallet: string) => string;
22
+ scanWithWallet: (wallet: string) => string;
23
+ scanAnyWallet: string;
24
+ openWallet: (wallet: string) => string;
25
+ paymentPrompt: (wallet: string) => string;
26
+ retryPayment: (wallet: string) => string;
27
+ retryingPayment: string;
28
+ refreshConnection: string;
29
+ copyUri: string;
30
+ copied: string;
31
+ or: string;
32
+ connectFailed: string;
33
+ errorMessage: (code: string) => string | null;
34
+ };
35
+
15
36
  type WalletConnectDialogWallet = WalletIconWallet & {
16
37
  id: string;
17
38
  links?: {
@@ -44,7 +65,8 @@ type WalletConnectDialogError = string | {
44
65
  };
45
66
  type WalletConnectDialogProps<TWallet extends WalletConnectDialogWallet> = {
46
67
  open: boolean;
47
- copy: WalletConnectDialogCopy;
68
+ copy?: WalletConnectDialogCopy;
69
+ locale?: WalletConnectLocale;
48
70
  projectId: string | null | undefined;
49
71
  available: boolean;
50
72
  wallets: readonly TWallet[];
@@ -53,7 +75,6 @@ type WalletConnectDialogProps<TWallet extends WalletConnectDialogWallet> = {
53
75
  qrCode: string | null;
54
76
  error: WalletConnectDialogError | null;
55
77
  walletLinkMode?: boolean;
56
- useShadowRoot?: boolean;
57
78
  themeColor?: string;
58
79
  copied: boolean;
59
80
  paymentPending?: boolean;
@@ -72,8 +93,8 @@ declare const walletConnectDialogClassNames: {
72
93
  readonly qrFrame: "stableops-wc-qr-frame";
73
94
  };
74
95
  declare function walletLink(prefix: string, uri: string): string;
75
- declare function WalletConnectDialog<TWallet extends WalletConnectDialogWallet>({ useShadowRoot, ...props }: WalletConnectDialogProps<TWallet>): ReactNode;
96
+ declare function WalletConnectDialog<TWallet extends WalletConnectDialogWallet>({ open, copy: copyProp, locale, projectId, available, wallets, selectedWallet, state, qrCode, error, walletLinkMode, themeColor, copied, paymentPending, connectionRefreshAvailable, renderWalletIcon, onSelectWallet, onRetryPayment, onRefreshConnection, onBack, onClose, onCopyUri, }: WalletConnectDialogProps<TWallet>): ReactNode;
76
97
 
77
98
  declare const WALLET_LOGOS: Record<string, string>;
78
99
 
79
- export { WALLET_LOGOS, WalletConnectDialog, type WalletConnectDialogCopy, type WalletConnectDialogError, type WalletConnectDialogProps, type WalletConnectDialogWallet, WalletIcon, type WalletIconWallet, walletConnectDialogClassNames, walletLink };
100
+ export { WALLET_LOGOS, WalletConnectDialog, type WalletConnectDialogCopy, type WalletConnectDialogError, type WalletConnectDialogProps, type WalletConnectDialogWallet, type WalletConnectLocale, WalletIcon, type WalletIconWallet, createWalletConnectDialogCopy, walletConnectDialogClassNames, walletLink };