miniwallet 0.1.1 → 0.1.3

package/dist/miniwallet.css

@@ -1,3 +1,3 @@
 /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--color-blue-500:oklch(62.3% .214 259.815);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-xl:.75rem}}@layer base,components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.top-0{top:0}.top-1\/2{top:50%}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.mr-1{margin-right:var(--spacing)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.flex{display:flex}.inline-flex{display:inline-flex}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-\[22px\]{height:22px}.h-auto{height:auto}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-\[460px\]{width:460px}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-gray-300{border-color:var(--color-gray-300)}.bg-\[rgba\(0\,0\,0\,0\.5\)\]{background-color:#00000080}.bg-blue-500{background-color:var(--color-blue-500)}.bg-white{background-color:var(--color-white)}.p-1{padding:var(--spacing)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-white{color:var(--color-white)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-ring-1{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-blue-500\/50{--tw-shadow-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.shadow-blue-500\/50{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-gray-200{--tw-shadow-color:oklch(92.8% .006 264.531)}@supports (color:color-mix(in lab, red, red)){.shadow-gray-200{--tw-shadow-color:color-mix(in oklab, var(--color-gray-200) var(--tw-shadow-alpha), transparent)}}.inset-ring-gray-100{--tw-inset-ring-color:var(--color-gray-100)}.filter{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,)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-blue-500:oklch(62.3% .214 259.815);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-bold:700;--radius-sm:.25rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem}}@layer base,components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.my-1\.5{margin-block:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mr-1{margin-right:var(--spacing)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mr-\[-20px\]{margin-right:-20px}.mb-0{margin-bottom:0}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-\[-12px\]{margin-bottom:-12px}.ml-1{margin-left:var(--spacing)}.flex{display:flex}.inline-flex{display:inline-flex}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-16{height:calc(var(--spacing) * 16)}.h-\[22px\]{height:22px}.h-auto{height:auto}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-16{width:calc(var(--spacing) * 16)}.w-\[112px\]{width:112px}.w-\[380px\]{width:380px}.w-full{width:100%}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[spin_2s_linear_infinite\]{animation:2s linear infinite spin}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-10>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 10) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-x-reverse)))}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-2xl{border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-gray-300{border-color:var(--color-gray-300)}.bg-\[rgba\(0\,0\,0\,0\.5\)\]{background-color:#00000080}.bg-\[rgba\(255\,255\,255\,0\.9\)\]{background-color:#ffffffe6}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-red-400{background-color:var(--color-red-400)}.bg-white{background-color:var(--color-white)}.p-1{padding:var(--spacing)}.p-6{padding:calc(var(--spacing) * 6)}.p-10{padding:calc(var(--spacing) * 10)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-36{padding-top:calc(var(--spacing) * 36)}.pr-1{padding-right:var(--spacing)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-black{color:var(--color-black)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-white{color:var(--color-white)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-ring-1{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-blue-500\/50{--tw-shadow-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.shadow-blue-500\/50{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-gray-200{--tw-shadow-color:oklch(92.8% .006 264.531)}@supports (color:color-mix(in lab, red, red)){.shadow-gray-200{--tw-shadow-color:color-mix(in oklab, var(--color-gray-200) var(--tw-shadow-alpha), transparent)}}.shadow-gray-500\/50{--tw-shadow-color:#6a728280}@supports (color:color-mix(in lab, red, red)){.shadow-gray-500\/50{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-gray-500) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-red-500\/50{--tw-shadow-color:#fb2c3680}@supports (color:color-mix(in lab, red, red)){.shadow-red-500\/50{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.inset-ring-gray-100{--tw-inset-ring-color:var(--color-gray-100)}.filter{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,)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
 /*$vite$:1*/

package/dist/miniwallet.d.ts

@@ -31,6 +31,7 @@ export declare type WalletSate = {
     account: string;
     balance: string;
     isConnected: boolean;
+    connectingWallet: WalletProvider | null;
     selectedChain: ChainConfig | null;
     wallet: WalletProvider | undefined;
     chains: ChainConfig[];

package/dist/miniwallet.js

@@ -70,28 +70,38 @@ var d = [
 //#endregion
 //#region src/MiniWalletProvider.tsx
 function m({ children: e, chains: n = [] }) {
-	let [s, l] = a(""), [m, h] = a(""), [g, _] = a(0), [v, y] = a(""), [b, x] = a({}), S = i(() => n.length > 0 ? n : p, [n]), C = i(() => b[m] ?? null, [b, m]), w = i(() => d.find((e) => e.id === m), [m]), T = i(() => !!s, [s]), E = i(() => S.find((e) => e.id === g) || null, [S, g]), D = i(() => !E || !v || !E?.decimals ? "0" : Number(u(v, E.decimals)).toFixed(3), [v, E]), O = t(async ({ id: e }) => {
-		let t = b[e];
-		if (!t) {
-			alert("请安装钱包");
-			return;
-		}
+	let [s, l] = a(""), [m, h] = a(""), [g, _] = a(0), [v, y] = a(""), [b, x] = a(null), [S, C] = a({}), w = i(() => n.length > 0 ? n : p, [n]), T = i(() => S[m] ?? null, [S, m]), E = i(() => d.find((e) => e.id === m), [m]), D = i(() => !!s, [s]), O = i(() => w.find((e) => e.id === g) || null, [w, g]), k = i(() => !O || !v || !O?.decimals ? "0" : Number(u(v, O.decimals)).toFixed(3), [v, O]), A = t(async (e) => {
+		let { id: t } = e;
 		try {
-			console.log("provider: ", t);
-			let n = await t.request({ method: "eth_requestAccounts" });
-			console.log("accounts: ", n), console.log("provider.chainId: ", t.chainId);
-			let r = parseInt(t.chainId, 16);
-			l(n[0]), h(e), _(r), localStorage.setItem("miniwallet:lastWalletId", e);
+			console.log("eip6963Providers: ", S);
+			let n = S[t];
+			if (!n) {
+				alert("请安装钱包");
+				return;
+			}
+			h(t), x(e), console.log("provider: ", n);
+			let r = await n.request({ method: "eth_requestAccounts" });
+			console.log("accounts: ", r), console.log("provider.chainId: ", n.chainId);
+			let i = parseInt(n.chainId, 16);
+			l(r[0]), _(i), localStorage.setItem("miniwallet:lastWalletId", t), x(null);
 		} catch (e) {
-			console.error("连接失败:", e), alert("连接失败");
+			console.log("error: ", e);
+			let t = e, n = t?.code ?? "", r = t?.message ?? "";
+			if (n === -32002) {
+				alert("连接已发起，请在扩展中确认连接");
+				return;
+			}
+			alert(`Connect failed${n && `\n${n}`}${r && `\n${r}`}`);
+		} finally {
+			x(null);
 		}
-	}, [b]), k = t(async () => {
+	}, [S]), j = t(async () => {
 		try {
-			if (!C) {
+			if (!T) {
 				alert("请安装钱包");
 				return;
 			}
-			await C.request({
+			await T.request({
 				method: "wallet_revokePermissions",
 				params: [{ eth_accounts: {} }]
 			});
@@ -100,23 +110,25 @@ function m({ children: e, chains: n = [] }) {
 		} finally {
 			l(""), h(""), _(0), localStorage.removeItem("miniwallet:lastWalletId");
 		}
-	}, [C]), A = t(async (e) => {
-		if (!C) {
+	}, [T]), M = t(async (e) => {
+		if (!T) {
 			alert("钱包不存在");
 			return;
 		}
 		try {
-			await C.request({
+			await T.request({
 				method: "wallet_switchEthereumChain",
 				params: [{ chainId: `0x${e.id.toString(16)}` }]
 			}), _(e.id);
 		} catch (e) {
-			console.error("切换失败:", e), alert("切换失败");
+			console.log("switchError: ", e);
+			let t = e, n = t?.code ?? "", r = t?.message ?? "";
+			alert(`Switch failed${n && `\n${n}`}${r && `\n${r}`}`);
 		}
-	}, [C]), j = t(async () => {
+	}, [T]), N = t(async () => {
 		try {
-			if (!s || !C) return;
-			let e = await C.request({
+			if (!s || !T) return;
+			let e = await T.request({
 				method: "eth_getBalance",
 				params: [s, "latest"]
 			});
@@ -124,58 +136,60 @@ function m({ children: e, chains: n = [] }) {
 		} catch (e) {
 			console.error("getBalance error: ", e);
 		}
-	}, [s, C]), M = i(() => ({
+	}, [s, T]), P = i(() => ({
 		account: s,
-		balance: D,
-		isConnected: T,
-		selectedChain: E,
-		wallet: w,
-		chains: S,
-		connect: O,
-		switchChain: A,
-		disconnect: k
+		balance: k,
+		isConnected: D,
+		connectingWallet: b,
+		selectedChain: O,
+		wallet: E,
+		chains: w,
+		connect: A,
+		switchChain: M,
+		disconnect: j
 	}), [
 		s,
+		k,
 		D,
-		T,
+		b,
+		O,
 		E,
 		w,
-		S,
-		O,
 		A,
-		k
+		M,
+		j
 	]);
 	return r(() => {
 		let e = ((e) => {
 			let { info: t, provider: n } = e.detail ?? {}, r = f[t?.rdns];
-			!r || !n?.request || x((e) => e[r] === n ? e : {
+			!r || !n?.request || C((e) => e[r] === n ? e : {
 				...e,
 				[r]: n
 			});
 		});
 		return window.addEventListener("eip6963:announceProvider", e), window.dispatchEvent(new Event("eip6963:requestProvider")), () => {
-			window.removeEventListener("eip6963:announceProvider", e), x({});
+			window.removeEventListener("eip6963:announceProvider", e), C({});
 		};
 	}, []), r(() => {
-		g && j();
-	}, [j, g]), r(() => {
-		if (!T || !C?.on) return;
+		g && N();
+	}, [N, g]), r(() => {
+		if (!T?.on) return;
 		let e = (e) => {
 			console.log("ChainChanged chainId: ", e), _(parseInt(e, 16));
 		}, t = (e) => {
 			console.log("AccountsChanged accounts: ", e), l(e[0]);
 		};
-		return console.log("Listen chainChanged and accountsChanged"), C.on("chainChanged", e), C.on("accountsChanged", t), () => {
-			console.log("RemoveListener chainChanged and accountsChanged"), C.removeListener("chainChanged", e), C.removeListener("accountsChanged", t);
+		return console.log("Listen chainChanged and accountsChanged"), T.on("chainChanged", e), T.on("accountsChanged", t), () => {
+			console.log("RemoveListener chainChanged and accountsChanged"), T.removeListener("chainChanged", e), T.removeListener("accountsChanged", t);
 		};
-	}, [T, C]), r(() => {
+	}, [T]), r(() => {
 		if (!s) return;
-		let e = setInterval(j, 1e4);
+		let e = setInterval(N, 1e4);
 		return () => clearInterval(e);
-	}, [s, j]), r(() => {
+	}, [s, N]), r(() => {
 		let e = localStorage.getItem("miniwallet:lastWalletId");
 		if (!e) return;
-		let t = b[e];
+		let t = S[e];
 		if (!t) return;
 		let n = !1;
 		return (async () => {
@@ -190,8 +204,8 @@ function m({ children: e, chains: n = [] }) {
 		})(), () => {
 			n = !0;
 		};
-	}, [b]), /* @__PURE__ */ o(c.Provider, {
-		value: M,
+	}, [S]), /* @__PURE__ */ o(c.Provider, {
+		value: P,
 		children: e
 	});
 }
@@ -208,67 +222,126 @@ var g = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOC
 //#endregion
 //#region src/MiniWalletButton.tsx
 function _({ label: e = "Connect Wallet" }) {
-	let { account: n, balance: r, isConnected: i, selectedChain: c, wallet: l, switchChain: u, chains: f, connect: p, disconnect: m } = h(), [_, v] = a(!1), y = t(() => {
-		v(!0);
-	}, []), b = t(() => {
-		v(!1);
-	}, []);
-	return i ? /* @__PURE__ */ s("section", {
+	let { account: n, balance: c, isConnected: l, connectingWallet: u, selectedChain: f, wallet: p, switchChain: m, chains: _, connect: v, disconnect: y } = h(), [b, x] = a(!1), [S, C] = a(!1), [w, T] = a(!1), [E, D] = a("复制地址"), O = i(() => `${n.slice(0, 6)}...${n.slice(-4)}`, [n]), k = t(() => {
+		x(!0);
+	}, []), A = t(() => {
+		x(!1);
+	}, []), j = t(async () => {
+		try {
+			await navigator.clipboard.writeText(n), D("已复制!"), setTimeout(() => {
+				D("复制地址");
+			}, 1e3);
+		} catch (e) {
+			console.error("copy", e);
+		}
+	}, [n]);
+	return r(() => {
+		u || (x(!1), T(!1));
+	}, [u]), l ? /* @__PURE__ */ s("section", {
 		className: "inline-flex items-center justify-center text-center",
-		children: [/* @__PURE__ */ o("select", {
-			value: c?.id,
-			onChange: (e) => u(f.find((t) => t.id === Number(e.target.value))),
-			className: "bg-transparent1 mr-4 cursor-pointer rounded-sm border-none p-1 text-gray-600 outline-none hover:bg-gray-100",
-			children: f.map((e) => /* @__PURE__ */ o("option", {
-				value: e.id,
-				children: e.name
-			}, e.id))
-		}), /* @__PURE__ */ s("div", {
-			className: "flex items-center justify-center space-x-2 rounded-md bg-white px-2 py-2.5 shadow-lg inset-ring-1 shadow-gray-200 inset-ring-gray-100",
-			children: [
-				l && /* @__PURE__ */ o("img", {
-					src: l.icon,
-					alt: l.name,
-					className: "h-6 w-6"
-				}),
-				/* @__PURE__ */ s("div", {
-					className: "mr-1",
-					children: [
-						n.slice(0, 6),
-						"...",
-						n.slice(-4)
-					]
-				}),
-				/* @__PURE__ */ s("span", {
-					className: "text-sm text-gray-400",
+		children: [
+			/* @__PURE__ */ o("select", {
+				value: f?.id,
+				onChange: (e) => m(_.find((t) => t.id === Number(e.target.value))),
+				className: "bg-transparent1 mr-4 cursor-pointer rounded-sm border-none p-1 text-gray-600 outline-none hover:bg-gray-100",
+				children: _.map((e) => /* @__PURE__ */ o("option", {
+					value: e.id,
+					children: e.name
+				}, e.id))
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "flex items-center justify-center rounded-2xl bg-white pr-3 shadow-lg inset-ring-1 shadow-gray-200 inset-ring-gray-100",
+				children: [/* @__PURE__ */ s("div", {
+					onClick: () => {
+						T(!0);
+					},
+					className: "flex cursor-pointer items-center justify-center space-x-2 rounded-l-2xl py-2.5 pr-1 pl-3 hover:bg-gray-50",
 					children: [
-						"(",
-						r,
-						" ",
-						c?.symbol ?? "",
-						")"
+						p && /* @__PURE__ */ o("img", {
+							src: p.icon,
+							alt: p.name,
+							className: "h-6 w-6"
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "mr-1",
+							children: O
+						}),
+						/* @__PURE__ */ s("span", {
+							className: "text-sm text-gray-400",
+							children: [
+								"(",
+								c,
+								" ",
+								f?.symbol ?? "",
+								")"
+							]
+						})
 					]
-				}),
-				/* @__PURE__ */ o("button", {
-					className: "h-6 w-6 cursor-pointer rounded-full",
-					onClick: m,
+				}), /* @__PURE__ */ o("button", {
+					className: "ml-1 h-6 w-6 cursor-pointer rounded-full",
+					onClick: y,
 					children: /* @__PURE__ */ o("img", {
 						src: g,
 						alt: "disconnect",
 						className: "h-[22px] w-6"
 					})
+				})]
+			}),
+			w && /* @__PURE__ */ o("div", {
+				className: "z-index-10 fixed top-0 right-0 bottom-0 left-0 bg-[rgba(0,0,0,0.5)]",
+				children: /* @__PURE__ */ s("div", {
+					className: "absolute top-1/2 left-1/2 flex h-auto w-[380px] -translate-x-1/2 -translate-y-1/2 flex-col items-center gap-3 rounded-3xl bg-white p-10 pt-5 text-center",
+					children: [
+						/* @__PURE__ */ o("div", {
+							className: "mb-[-12px] w-full text-right",
+							children: /* @__PURE__ */ o("button", {
+								className: "mr-[-20px] cursor-pointer rounded-full p-1 hover:bg-gray-100",
+								onClick: () => {
+									T(!1);
+								},
+								children: /* @__PURE__ */ s("svg", {
+									xmlns: "http://www.w3.org/2000/svg",
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: "2",
+									className: "h-8 w-8",
+									children: [/* @__PURE__ */ o("path", { d: "M18 6 6 18" }), /* @__PURE__ */ o("path", { d: "m6 6 12 12" })]
+								})
+							})
+						}),
+						p && /* @__PURE__ */ o("img", {
+							src: p.icon,
+							alt: p.name,
+							className: "h-16 w-16"
+						}),
+						/* @__PURE__ */ o("p", { children: O }),
+						/* @__PURE__ */ s("div", {
+							className: "mt-2 w-full space-x-10",
+							children: [/* @__PURE__ */ o("button", {
+								onClick: j,
+								className: "w-[112px] cursor-pointer rounded-xl bg-gray-700 py-2 text-white shadow-md shadow-gray-500/50 outline-none",
+								children: E
+							}), /* @__PURE__ */ o("button", {
+								type: "button",
+								onClick: y,
+								className: "w-[112px] cursor-pointer rounded-xl bg-red-400 py-2 text-white shadow-md shadow-red-500/50 outline-none",
+								children: "断开连接"
+							})]
+						})
+					]
 				})
-			]
-		})]
+			})
+		]
 	}) : /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("button", {
 		type: "button",
-		onClick: y,
+		onClick: k,
 		className: "cursor-pointer rounded-xl bg-blue-500 px-4 py-2 text-white shadow-lg shadow-blue-500/50",
 		children: e
-	}), _ && /* @__PURE__ */ o("div", {
+	}), b && /* @__PURE__ */ o("div", {
 		className: "z-index-10 fixed top-0 right-0 bottom-0 left-0 bg-[rgba(0,0,0,0.5)]",
 		children: /* @__PURE__ */ s("div", {
-			className: "absolute top-1/2 left-1/2 flex h-auto w-[460px] -translate-x-1/2 -translate-y-1/2 flex-col gap-2 rounded-md bg-white p-6",
+			className: "absolute top-1/2 left-1/2 flex h-auto w-[380px] -translate-x-1/2 -translate-y-1/2 flex-col gap-3 rounded-3xl bg-white p-6",
 			children: [/* @__PURE__ */ s("div", {
 				className: "mb-2 flex items-center justify-between",
 				children: [/* @__PURE__ */ o("span", {
@@ -278,39 +351,62 @@ function _({ label: e = "Connect Wallet" }) {
 					type: "button",
 					"aria-label": "Close",
 					className: "cursor-pointer rounded-full p-1 hover:bg-gray-100",
-					onClick: b,
+					onClick: () => {
+						C(!1), A();
+					},
 					children: /* @__PURE__ */ s("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 24 24",
 						fill: "none",
 						stroke: "currentColor",
 						strokeWidth: "2",
-						className: "h-5 w-5",
+						className: "h-8 w-8",
 						children: [/* @__PURE__ */ o("path", { d: "M18 6 6 18" }), /* @__PURE__ */ o("path", { d: "m6 6 12 12" })]
 					})
 				})]
-			}), d.map((e) => /* @__PURE__ */ s("button", {
-				type: "button",
-				onClick: () => {
-					v(!1), p(e);
-				},
-				className: "flex cursor-pointer items-center gap-2 rounded-md border border-gray-300 px-4 py-2",
-				children: [/* @__PURE__ */ o("img", {
-					src: e.icon,
-					alt: e.name,
-					className: "h-8 w-8"
-				}), /* @__PURE__ */ s("div", {
-					className: "flex flex-col justify-between text-left",
-					children: [/* @__PURE__ */ o("p", { children: e.name }), /* @__PURE__ */ s("span", {
-						className: "text-xs text-gray-500",
-						children: [
-							"Connect your ",
-							e.name,
-							" wallet"
-						]
+			}), /* @__PURE__ */ s("div", {
+				className: "relative w-full space-y-4",
+				children: [S && u && /* @__PURE__ */ s("div", {
+					className: "absolute inset-0 mb-0 flex flex-col items-center justify-center rounded-xl bg-[rgba(255,255,255,0.9)] text-black",
+					children: [
+						/* @__PURE__ */ s("div", { children: [
+							"正在连接",
+							u.name,
+							"..."
+						] }),
+						/* @__PURE__ */ o("div", {
+							className: "my-1.5 text-xs",
+							children: "请在扩展中确认连接"
+						}),
+						/* @__PURE__ */ o("img", {
+							src: "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1783646544006'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='78324'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='32'%20height='32'%3e%3cpath%20d='M512%20907c-24.852%200-45-20.148-45-45s20.148-45%2045-45c168.446%200%20305-136.554%20305-305S680.446%20207%20512%20207%20207%20343.554%20207%20512c0%2024.852-20.148%2045-45%2045S117%20536.852%20117%20512c0-218.152%20176.848-395%20395-395S907%20293.848%20907%20512%20730.152%20907%20512%20907z'%20fill='%23444444'%20p-id='78325'%3e%3c/path%3e%3c/svg%3e",
+							alt: "spin",
+							className: "h-8 w-8 animate-[spin_2s_linear_infinite]"
+						})
+					]
+				}), d.map((e) => /* @__PURE__ */ s("button", {
+					type: "button",
+					onClick: () => {
+						C(!0), v(e);
+					},
+					className: "flex w-full cursor-pointer items-center gap-2 rounded-xl border border-gray-300 px-4 py-2 hover:bg-gray-100",
+					children: [/* @__PURE__ */ o("img", {
+						src: e.icon,
+						alt: e.name,
+						className: "h-8 w-8"
+					}), /* @__PURE__ */ s("div", {
+						className: "flex flex-col justify-between text-left",
+						children: [/* @__PURE__ */ o("p", { children: e.name }), /* @__PURE__ */ s("span", {
+							className: "text-xs text-gray-500",
+							children: [
+								"Connect your ",
+								e.name,
+								" wallet"
+							]
+						})]
 					})]
-				})]
-			}, e.id))]
+				}, e.id))]
+			})]
 		})
 	})] });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "miniwallet",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "React wallet connect button with multi-wallet support via EIP-6963",
   "type": "module",
   "main": "./dist/miniwallet.js",
@@ -22,8 +22,10 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
+    "build:demo": "tsc -b && vite build --mode demo",
     "lint": "eslint .",
     "preview": "vite preview",
+    "preview:demo": "vite preview --outDir dist-demo",
     "prepublishOnly": "pnpm build"
   },
   "peerDependencies": {