@ffaerber/swarm-connect 0.1.0 → 0.3.0

package/dist/swarm-connect.js

@@ -1,8 +1,8 @@
-import tr, { useState as B, useCallback as nr, useEffect as Ge } from "react";
-import { useAccount as or, useChainId as ir, useDisconnect as zr, useConnect as Mr, useSwitchChain as Ur, createConfig as Br, http as Nr, WagmiProvider as Yr } from "wagmi";
+import tr, { useState as U, useCallback as nr, useEffect as ae } from "react";
+import { useAccount as or, useChainId as ir, useDisconnect as zr, useConnect as Ur, useSwitchChain as Mr, createConfig as Br, http as Nr, WagmiProvider as Yr } from "wagmi";
 import { QueryClient as qr, QueryClientProvider as Vr } from "@tanstack/react-query";
-import { getAddress as oe, SwitchChainError as He, numberToHex as Ke, UserRejectedRequestError as L, withRetry as Gr, withTimeout as Hr, ResourceUnavailableRpcError as ye } from "viem";
-var be = { exports: {} }, X = {};
+import { getAddress as oe, SwitchChainError as Je, numberToHex as Xe, UserRejectedRequestError as F, withRetry as Gr, withTimeout as Hr, ResourceUnavailableRpcError as xe } from "viem";
+var we = { exports: {} }, X = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -12,19 +12,19 @@ var be = { exports: {} }, X = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Je;
+var Qe;
 function Kr() {
-  if (Je) return X;
-  Je = 1;
-  var t = tr, o = Symbol.for("react.element"), s = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, d = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function g(b, f, i) {
-    var l, y = {}, x = null, E = null;
-    i !== void 0 && (x = "" + i), f.key !== void 0 && (x = "" + f.key), f.ref !== void 0 && (E = f.ref);
-    for (l in f) u.call(f, l) && !p.hasOwnProperty(l) && (y[l] = f[l]);
-    if (b && b.defaultProps) for (l in f = b.defaultProps, f) y[l] === void 0 && (y[l] = f[l]);
-    return { $$typeof: o, type: b, key: x, ref: E, props: y, _owner: d.current };
+  if (Qe) return X;
+  Qe = 1;
+  var t = tr, n = Symbol.for("react.element"), i = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, u = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function g(x, f, s) {
+    var d, v = {}, b = null, R = null;
+    s !== void 0 && (b = "" + s), f.key !== void 0 && (b = "" + f.key), f.ref !== void 0 && (R = f.ref);
+    for (d in f) c.call(f, d) && !p.hasOwnProperty(d) && (v[d] = f[d]);
+    if (x && x.defaultProps) for (d in f = x.defaultProps, f) v[d] === void 0 && (v[d] = f[d]);
+    return { $$typeof: n, type: x, key: b, ref: R, props: v, _owner: u.current };
   }
-  return X.Fragment = s, X.jsx = g, X.jsxs = g, X;
+  return X.Fragment = i, X.jsx = g, X.jsxs = g, X;
 }
 var Q = {};
 /**
@@ -36,51 +36,51 @@ var Q = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Xe;
+var Ze;
 function Jr() {
-  return Xe || (Xe = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = tr, o = Symbol.for("react.element"), s = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), b = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), i = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), D = Symbol.iterator, W = "@@iterator";
-    function F(e) {
+  return Ze || (Ze = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = tr, n = Symbol.for("react.element"), i = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), u = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), x = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), s = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), A = Symbol.iterator, W = "@@iterator";
+    function L(e) {
       if (e === null || typeof e != "object")
         return null;
-      var n = D && e[D] || e[W];
-      return typeof n == "function" ? n : null;
+      var o = A && e[A] || e[W];
+      return typeof o == "function" ? o : null;
     }
-    var T = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var I = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function S(e) {
       {
-        for (var n = arguments.length, c = new Array(n > 1 ? n - 1 : 0), h = 1; h < n; h++)
-          c[h - 1] = arguments[h];
-        I("error", e, c);
+        for (var o = arguments.length, l = new Array(o > 1 ? o - 1 : 0), h = 1; h < o; h++)
+          l[h - 1] = arguments[h];
+        T("error", e, l);
       }
     }
-    function I(e, n, c) {
+    function T(e, o, l) {
       {
-        var h = T.ReactDebugCurrentFrame, w = h.getStackAddendum();
-        w !== "" && (n += "%s", c = c.concat([w]));
-        var j = c.map(function(m) {
+        var h = I.ReactDebugCurrentFrame, w = h.getStackAddendum();
+        w !== "" && (o += "%s", l = l.concat([w]));
+        var j = l.map(function(m) {
           return String(m);
         });
-        j.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, j);
+        j.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, j);
       }
     }
-    var k = !1, C = !1, A = !1, G = !1, le = !1, H;
+    var _ = !1, C = !1, $ = !1, G = !1, de = !1, H;
     H = Symbol.for("react.module.reference");
     function ur(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === u || e === p || le || e === d || e === i || e === l || G || e === E || k || C || A || typeof e == "object" && e !== null && (e.$$typeof === x || e.$$typeof === y || e.$$typeof === g || e.$$typeof === b || e.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === c || e === p || de || e === u || e === s || e === d || G || e === R || _ || C || $ || typeof e == "object" && e !== null && (e.$$typeof === b || e.$$typeof === v || e.$$typeof === g || e.$$typeof === x || e.$$typeof === f || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === H || e.getModuleId !== void 0));
     }
-    function dr(e, n, c) {
+    function dr(e, o, l) {
       var h = e.displayName;
       if (h)
         return h;
-      var w = n.displayName || n.name || "";
-      return w !== "" ? c + "(" + w + ")" : c;
+      var w = o.displayName || o.name || "";
+      return w !== "" ? l + "(" + w + ")" : l;
     }
-    function Se(e) {
+    function ke(e) {
       return e.displayName || "Context";
     }
     function z(e) {
@@ -91,33 +91,33 @@ function Jr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case u:
+        case c:
           return "Fragment";
-        case s:
+        case i:
           return "Portal";
         case p:
           return "Profiler";
-        case d:
+        case u:
           return "StrictMode";
-        case i:
+        case s:
           return "Suspense";
-        case l:
+        case d:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case b:
-            var n = e;
-            return Se(n) + ".Consumer";
+          case x:
+            var o = e;
+            return ke(o) + ".Consumer";
           case g:
-            var c = e;
-            return Se(c._context) + ".Provider";
+            var l = e;
+            return ke(l._context) + ".Provider";
           case f:
             return dr(e, e.render, "ForwardRef");
-          case y:
+          case v:
             var h = e.displayName || null;
             return h !== null ? h : z(e.type) || "Memo";
-          case x: {
+          case b: {
             var w = e, j = w._payload, m = w._init;
             try {
               return z(m(j));
@@ -128,18 +128,18 @@ function Jr() {
         }
       return null;
     }
-    var M = Object.assign, K = 0, Ce, Re, ke, _e, Ee, Te, Ie;
-    function Pe() {
+    var M = Object.assign, K = 0, _e, Ee, Ie, Te, Pe, Oe, Ae;
+    function De() {
     }
-    Pe.__reactDisabledLog = !0;
+    De.__reactDisabledLog = !0;
     function fr() {
       {
         if (K === 0) {
-          Ce = console.log, Re = console.info, ke = console.warn, _e = console.error, Ee = console.group, Te = console.groupCollapsed, Ie = console.groupEnd;
+          _e = console.log, Ee = console.info, Ie = console.warn, Te = console.error, Pe = console.group, Oe = console.groupCollapsed, Ae = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: Pe,
+            value: De,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -165,66 +165,66 @@ function Jr() {
           };
           Object.defineProperties(console, {
             log: M({}, e, {
-              value: Ce
+              value: _e
             }),
             info: M({}, e, {
-              value: Re
+              value: Ee
             }),
             warn: M({}, e, {
-              value: ke
+              value: Ie
             }),
             error: M({}, e, {
-              value: _e
+              value: Te
             }),
             group: M({}, e, {
-              value: Ee
+              value: Pe
             }),
             groupCollapsed: M({}, e, {
-              value: Te
+              value: Oe
             }),
             groupEnd: M({}, e, {
-              value: Ie
+              value: Ae
             })
           });
         }
         K < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ue = T.ReactCurrentDispatcher, de;
-    function ee(e, n, c) {
+    var fe = I.ReactCurrentDispatcher, he;
+    function ee(e, o, l) {
       {
-        if (de === void 0)
+        if (he === void 0)
           try {
             throw Error();
           } catch (w) {
             var h = w.stack.trim().match(/\n( *(at )?)/);
-            de = h && h[1] || "";
+            he = h && h[1] || "";
           }
         return `
-` + de + e;
+` + he + e;
       }
     }
-    var fe = !1, re;
+    var pe = !1, re;
     {
       var pr = typeof WeakMap == "function" ? WeakMap : Map;
       re = new pr();
     }
-    function Oe(e, n) {
-      if (!e || fe)
+    function $e(e, o) {
+      if (!e || pe)
         return "";
       {
-        var c = re.get(e);
-        if (c !== void 0)
-          return c;
+        var l = re.get(e);
+        if (l !== void 0)
+          return l;
       }
       var h;
-      fe = !0;
+      pe = !0;
       var w = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var j;
-      j = ue.current, ue.current = null, fr();
+      j = fe.current, fe.current = null, fr();
       try {
-        if (n) {
+        if (o) {
           var m = function() {
             throw Error();
           };
@@ -257,227 +257,227 @@ function Jr() {
         }
       } catch (O) {
         if (O && h && typeof O.stack == "string") {
-          for (var v = O.stack.split(`
+          for (var y = O.stack.split(`
 `), P = h.stack.split(`
-`), R = v.length - 1, _ = P.length - 1; R >= 1 && _ >= 0 && v[R] !== P[_]; )
-            _--;
-          for (; R >= 1 && _ >= 0; R--, _--)
-            if (v[R] !== P[_]) {
-              if (R !== 1 || _ !== 1)
+`), k = y.length - 1, E = P.length - 1; k >= 1 && E >= 0 && y[k] !== P[E]; )
+            E--;
+          for (; k >= 1 && E >= 0; k--, E--)
+            if (y[k] !== P[E]) {
+              if (k !== 1 || E !== 1)
                 do
-                  if (R--, _--, _ < 0 || v[R] !== P[_]) {
-                    var $ = `
-` + v[R].replace(" at new ", " at ");
-                    return e.displayName && $.includes("<anonymous>") && ($ = $.replace("<anonymous>", e.displayName)), typeof e == "function" && re.set(e, $), $;
+                  if (k--, E--, E < 0 || y[k] !== P[E]) {
+                    var D = `
+` + y[k].replace(" at new ", " at ");
+                    return e.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", e.displayName)), typeof e == "function" && re.set(e, D), D;
                   }
-                while (R >= 1 && _ >= 0);
+                while (k >= 1 && E >= 0);
               break;
             }
         }
       } finally {
-        fe = !1, ue.current = j, hr(), Error.prepareStackTrace = w;
+        pe = !1, fe.current = j, hr(), Error.prepareStackTrace = w;
       }
-      var Y = e ? e.displayName || e.name : "", U = Y ? ee(Y) : "";
-      return typeof e == "function" && re.set(e, U), U;
+      var q = e ? e.displayName || e.name : "", B = q ? ee(q) : "";
+      return typeof e == "function" && re.set(e, B), B;
     }
-    function gr(e, n, c) {
-      return Oe(e, !1);
+    function gr(e, o, l) {
+      return $e(e, !1);
     }
     function vr(e) {
-      var n = e.prototype;
-      return !!(n && n.isReactComponent);
+      var o = e.prototype;
+      return !!(o && o.isReactComponent);
     }
-    function te(e, n, c) {
+    function te(e, o, l) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Oe(e, vr(e));
+        return $e(e, vr(e));
       if (typeof e == "string")
         return ee(e);
       switch (e) {
-        case i:
+        case s:
           return ee("Suspense");
-        case l:
+        case d:
           return ee("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case f:
             return gr(e.render);
-          case y:
-            return te(e.type, n, c);
-          case x: {
+          case v:
+            return te(e.type, o, l);
+          case b: {
             var h = e, w = h._payload, j = h._init;
             try {
-              return te(j(w), n, c);
+              return te(j(w), o, l);
             } catch {
             }
           }
         }
       return "";
     }
-    var J = Object.prototype.hasOwnProperty, De = {}, $e = T.ReactDebugCurrentFrame;
+    var J = Object.prototype.hasOwnProperty, We = {}, Fe = I.ReactDebugCurrentFrame;
     function ne(e) {
       if (e) {
-        var n = e._owner, c = te(e.type, e._source, n ? n.type : null);
-        $e.setExtraStackFrame(c);
+        var o = e._owner, l = te(e.type, e._source, o ? o.type : null);
+        Fe.setExtraStackFrame(l);
       } else
-        $e.setExtraStackFrame(null);
+        Fe.setExtraStackFrame(null);
     }
-    function mr(e, n, c, h, w) {
+    function yr(e, o, l, h, w) {
       {
         var j = Function.call.bind(J);
         for (var m in e)
           if (j(e, m)) {
-            var v = void 0;
+            var y = void 0;
             try {
               if (typeof e[m] != "function") {
-                var P = Error((h || "React class") + ": " + c + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var P = Error((h || "React class") + ": " + l + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw P.name = "Invariant Violation", P;
               }
-              v = e[m](n, m, h, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (R) {
-              v = R;
+              y = e[m](o, m, h, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (k) {
+              y = k;
             }
-            v && !(v instanceof Error) && (ne(w), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", c, m, typeof v), ne(null)), v instanceof Error && !(v.message in De) && (De[v.message] = !0, ne(w), S("Failed %s type: %s", c, v.message), ne(null));
+            y && !(y instanceof Error) && (ne(w), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", l, m, typeof y), ne(null)), y instanceof Error && !(y.message in We) && (We[y.message] = !0, ne(w), S("Failed %s type: %s", l, y.message), ne(null));
           }
       }
     }
-    var yr = Array.isArray;
-    function he(e) {
-      return yr(e);
+    var mr = Array.isArray;
+    function ge(e) {
+      return mr(e);
     }
     function br(e) {
       {
-        var n = typeof Symbol == "function" && Symbol.toStringTag, c = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return c;
+        var o = typeof Symbol == "function" && Symbol.toStringTag, l = o && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l;
       }
     }
     function xr(e) {
       try {
-        return Ae(e), !1;
+        return Le(e), !1;
       } catch {
         return !0;
       }
     }
-    function Ae(e) {
+    function Le(e) {
       return "" + e;
     }
-    function We(e) {
+    function ze(e) {
       if (xr(e))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", br(e)), Ae(e);
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", br(e)), Le(e);
     }
-    var Le = T.ReactCurrentOwner, wr = {
+    var Ue = I.ReactCurrentOwner, wr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Fe, ze;
+    }, Me, Be;
     function jr(e) {
       if (J.call(e, "ref")) {
-        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (n && n.isReactWarning)
+        var o = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (o && o.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
     function Sr(e) {
       if (J.call(e, "key")) {
-        var n = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (n && n.isReactWarning)
+        var o = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (o && o.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function Cr(e, n) {
-      typeof e.ref == "string" && Le.current;
+    function Cr(e, o) {
+      typeof e.ref == "string" && Ue.current;
     }
-    function Rr(e, n) {
+    function Rr(e, o) {
       {
-        var c = function() {
-          Fe || (Fe = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        var l = function() {
+          Me || (Me = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
         };
-        c.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: c,
+        l.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: l,
           configurable: !0
         });
       }
     }
-    function kr(e, n) {
+    function kr(e, o) {
       {
-        var c = function() {
-          ze || (ze = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        var l = function() {
+          Be || (Be = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
         };
-        c.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: c,
+        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: l,
           configurable: !0
         });
       }
     }
-    var _r = function(e, n, c, h, w, j, m) {
-      var v = {
+    var _r = function(e, o, l, h, w, j, m) {
+      var y = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: o,
+        $$typeof: n,
         // Built-in properties that belong on the element
         type: e,
-        key: n,
-        ref: c,
+        key: o,
+        ref: l,
         props: m,
         // Record the component responsible for creating this element.
         _owner: j
       };
-      return v._store = {}, Object.defineProperty(v._store, "validated", {
+      return y._store = {}, Object.defineProperty(y._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(v, "_self", {
+      }), Object.defineProperty(y, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: h
-      }), Object.defineProperty(v, "_source", {
+      }), Object.defineProperty(y, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: w
-      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
+      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
     };
-    function Er(e, n, c, h, w) {
+    function Er(e, o, l, h, w) {
       {
-        var j, m = {}, v = null, P = null;
-        c !== void 0 && (We(c), v = "" + c), Sr(n) && (We(n.key), v = "" + n.key), jr(n) && (P = n.ref, Cr(n, w));
-        for (j in n)
-          J.call(n, j) && !wr.hasOwnProperty(j) && (m[j] = n[j]);
+        var j, m = {}, y = null, P = null;
+        l !== void 0 && (ze(l), y = "" + l), Sr(o) && (ze(o.key), y = "" + o.key), jr(o) && (P = o.ref, Cr(o, w));
+        for (j in o)
+          J.call(o, j) && !wr.hasOwnProperty(j) && (m[j] = o[j]);
         if (e && e.defaultProps) {
-          var R = e.defaultProps;
-          for (j in R)
-            m[j] === void 0 && (m[j] = R[j]);
+          var k = e.defaultProps;
+          for (j in k)
+            m[j] === void 0 && (m[j] = k[j]);
         }
-        if (v || P) {
-          var _ = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          v && Rr(m, _), P && kr(m, _);
+        if (y || P) {
+          var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          y && Rr(m, E), P && kr(m, E);
         }
-        return _r(e, v, P, w, h, Le.current, m);
+        return _r(e, y, P, w, h, Ue.current, m);
       }
     }
-    var pe = T.ReactCurrentOwner, Me = T.ReactDebugCurrentFrame;
-    function N(e) {
+    var ve = I.ReactCurrentOwner, Ne = I.ReactDebugCurrentFrame;
+    function Y(e) {
       if (e) {
-        var n = e._owner, c = te(e.type, e._source, n ? n.type : null);
-        Me.setExtraStackFrame(c);
+        var o = e._owner, l = te(e.type, e._source, o ? o.type : null);
+        Ne.setExtraStackFrame(l);
       } else
-        Me.setExtraStackFrame(null);
+        Ne.setExtraStackFrame(null);
     }
-    var ge;
-    ge = !1;
-    function ve(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === o;
+    var ye;
+    ye = !1;
+    function me(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === n;
     }
-    function Ue() {
+    function Ye() {
       {
-        if (pe.current) {
-          var e = z(pe.current.type);
+        if (ve.current) {
+          var e = z(ve.current.type);
           if (e)
             return `
 
@@ -486,149 +486,149 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Tr(e) {
+    function Ir(e) {
       return "";
     }
-    var Be = {};
-    function Ir(e) {
+    var qe = {};
+    function Tr(e) {
       {
-        var n = Ue();
-        if (!n) {
-          var c = typeof e == "string" ? e : e.displayName || e.name;
-          c && (n = `
+        var o = Ye();
+        if (!o) {
+          var l = typeof e == "string" ? e : e.displayName || e.name;
+          l && (o = `
 
-Check the top-level render call using <` + c + ">.");
+Check the top-level render call using <` + l + ">.");
         }
-        return n;
+        return o;
       }
     }
-    function Ne(e, n) {
+    function Ve(e, o) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var c = Ir(n);
-        if (Be[c])
+        var l = Tr(o);
+        if (qe[l])
           return;
-        Be[c] = !0;
+        qe[l] = !0;
         var h = "";
-        e && e._owner && e._owner !== pe.current && (h = " It was passed a child from " + z(e._owner.type) + "."), N(e), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, h), N(null);
+        e && e._owner && e._owner !== ve.current && (h = " It was passed a child from " + z(e._owner.type) + "."), Y(e), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, h), Y(null);
       }
     }
-    function Ye(e, n) {
+    function Ge(e, o) {
       {
         if (typeof e != "object")
           return;
-        if (he(e))
-          for (var c = 0; c < e.length; c++) {
-            var h = e[c];
-            ve(h) && Ne(h, n);
+        if (ge(e))
+          for (var l = 0; l < e.length; l++) {
+            var h = e[l];
+            me(h) && Ve(h, o);
           }
-        else if (ve(e))
+        else if (me(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var w = F(e);
+          var w = L(e);
           if (typeof w == "function" && w !== e.entries)
             for (var j = w.call(e), m; !(m = j.next()).done; )
-              ve(m.value) && Ne(m.value, n);
+              me(m.value) && Ve(m.value, o);
         }
       }
     }
     function Pr(e) {
       {
-        var n = e.type;
-        if (n == null || typeof n == "string")
+        var o = e.type;
+        if (o == null || typeof o == "string")
           return;
-        var c;
-        if (typeof n == "function")
-          c = n.propTypes;
-        else if (typeof n == "object" && (n.$$typeof === f || // Note: Memo only checks outer props here.
+        var l;
+        if (typeof o == "function")
+          l = o.propTypes;
+        else if (typeof o == "object" && (o.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        n.$$typeof === y))
-          c = n.propTypes;
+        o.$$typeof === v))
+          l = o.propTypes;
         else
           return;
-        if (c) {
-          var h = z(n);
-          mr(c, e.props, "prop", h, e);
-        } else if (n.PropTypes !== void 0 && !ge) {
-          ge = !0;
-          var w = z(n);
+        if (l) {
+          var h = z(o);
+          yr(l, e.props, "prop", h, e);
+        } else if (o.PropTypes !== void 0 && !ye) {
+          ye = !0;
+          var w = z(o);
           S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", w || "Unknown");
         }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Or(e) {
       {
-        for (var n = Object.keys(e.props), c = 0; c < n.length; c++) {
-          var h = n[c];
+        for (var o = Object.keys(e.props), l = 0; l < o.length; l++) {
+          var h = o[l];
           if (h !== "children" && h !== "key") {
-            N(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), N(null);
+            Y(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), Y(null);
             break;
           }
         }
-        e.ref !== null && (N(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), N(null));
+        e.ref !== null && (Y(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), Y(null));
       }
     }
-    var qe = {};
-    function Ve(e, n, c, h, w, j) {
+    var He = {};
+    function Ke(e, o, l, h, w, j) {
       {
         var m = ur(e);
         if (!m) {
-          var v = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (v += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var P = Tr();
-          P ? v += P : v += Ue();
-          var R;
-          e === null ? R = "null" : he(e) ? R = "array" : e !== void 0 && e.$$typeof === o ? (R = "<" + (z(e.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : R = typeof e, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", R, v);
+          var y = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (y += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var P = Ir();
+          P ? y += P : y += Ye();
+          var k;
+          e === null ? k = "null" : ge(e) ? k = "array" : e !== void 0 && e.$$typeof === n ? (k = "<" + (z(e.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : k = typeof e, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", k, y);
         }
-        var _ = Er(e, n, c, w, j);
-        if (_ == null)
-          return _;
+        var E = Er(e, o, l, w, j);
+        if (E == null)
+          return E;
         if (m) {
-          var $ = n.children;
-          if ($ !== void 0)
+          var D = o.children;
+          if (D !== void 0)
             if (h)
-              if (he($)) {
-                for (var Y = 0; Y < $.length; Y++)
-                  Ye($[Y], e);
-                Object.freeze && Object.freeze($);
+              if (ge(D)) {
+                for (var q = 0; q < D.length; q++)
+                  Ge(D[q], e);
+                Object.freeze && Object.freeze(D);
               } else
                 S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Ye($, e);
+              Ge(D, e);
         }
-        if (J.call(n, "key")) {
-          var U = z(e), O = Object.keys(n).filter(function(Fr) {
-            return Fr !== "key";
-          }), me = O.length > 0 ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!qe[U + me]) {
-            var Lr = O.length > 0 ? "{" + O.join(": ..., ") + ": ...}" : "{}";
+        if (J.call(o, "key")) {
+          var B = z(e), O = Object.keys(o).filter(function(Lr) {
+            return Lr !== "key";
+          }), be = O.length > 0 ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!He[B + be]) {
+            var Fr = O.length > 0 ? "{" + O.join(": ..., ") + ": ...}" : "{}";
             S(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, me, U, Lr, U), qe[U + me] = !0;
+  <%s key={someKey} {...props} />`, be, B, Fr, B), He[B + be] = !0;
           }
         }
-        return e === u ? Or(_) : Pr(_), _;
+        return e === c ? Or(E) : Pr(E), E;
       }
     }
-    function Dr(e, n, c) {
-      return Ve(e, n, c, !0);
+    function Ar(e, o, l) {
+      return Ke(e, o, l, !0);
     }
-    function $r(e, n, c) {
-      return Ve(e, n, c, !1);
+    function Dr(e, o, l) {
+      return Ke(e, o, l, !1);
     }
-    var Ar = $r, Wr = Dr;
-    Q.Fragment = u, Q.jsx = Ar, Q.jsxs = Wr;
+    var $r = Dr, Wr = Ar;
+    Q.Fragment = c, Q.jsx = $r, Q.jsxs = Wr;
   }()), Q;
 }
-process.env.NODE_ENV === "production" ? be.exports = Kr() : be.exports = Jr();
-var r = be.exports;
-const ae = 100, we = "http://localhost:1633", a = {
+process.env.NODE_ENV === "production" ? we.exports = Kr() : we.exports = Jr();
+var r = we.exports;
+const ce = 100, ue = "http://localhost:1633", sr = "swarm-connect:bee-api-url", a = {
   colors: {
     primary: "#1a56db",
     primaryHover: "#1e429f",
@@ -641,191 +641,301 @@ const ae = 100, we = "http://localhost:1633", a = {
     border: "#e5e7eb",
     text: "#111827",
     muted: "#6b7280",
-    overlay: "rgba(0,0,0,0.5)"
+    overlay: "rgba(0,0,0,0.5)",
+    stepActive: "#1a56db"
   }
 };
-function Xr(t = we) {
-  const [o, s] = B({
+function Xr(t = ue) {
+  const [n, i] = U({
     isRunning: !1,
     isChecking: !1
-  }), u = nr(async () => {
-    s({ isRunning: !1, isChecking: !0 });
+  }), c = nr(async () => {
+    i({ isRunning: !1, isChecking: !0 });
     try {
-      const d = await fetch(`${t}/health`, {
+      const u = await fetch(`${t}/health`, {
         signal: AbortSignal.timeout(5e3)
       });
-      if (d.ok) {
-        const p = await d.json();
-        s({ isRunning: !0, isChecking: !1, version: p.version });
+      if (u.ok) {
+        const p = await u.json();
+        i({ isRunning: !0, isChecking: !1, version: p.version });
       } else
-        s({ isRunning: !1, isChecking: !1, error: `Node returned HTTP ${d.status}` });
+        i({ isRunning: !1, isChecking: !1, error: `Node returned HTTP ${u.status}` });
     } catch {
-      s({
+      i({
         isRunning: !1,
         isChecking: !1,
         error: `Cannot reach Bee node at ${t}`
       });
     }
   }, [t]);
-  return { ...o, check: u };
+  return { ...n, check: c };
 }
-function Qr(t = we) {
-  const [o, s] = B([]), [u, d] = B(!1), [p, g] = B(), [b, f] = B(), i = nr(async () => {
-    d(!0), g(void 0);
+function Qr(t = ue) {
+  const [n, i] = U([]), [c, u] = U(!1), [p, g] = U(), [x, f] = U(), s = nr(async () => {
+    u(!0), g(void 0);
     try {
-      const l = await fetch(`${t}/stamps`, {
+      const d = await fetch(`${t}/stamps`, {
         signal: AbortSignal.timeout(5e3)
       });
-      if (l.ok) {
-        const y = await l.json();
-        s(y.stamps ?? []);
+      if (d.ok) {
+        const v = await d.json();
+        i(v.stamps ?? []);
       } else
-        g(`HTTP ${l.status}`);
+        g(`HTTP ${d.status}`);
     } catch {
       g("Could not fetch postage stamps");
     } finally {
-      d(!1);
+      u(!1);
     }
   }, [t]);
-  return { stamps: o, isLoading: u, error: p, fetchStamps: i, selectedStampId: b, selectStamp: f };
+  return { stamps: n, isLoading: c, error: p, fetchStamps: s, selectedStampId: x, selectStamp: f };
+}
+function Zr() {
+  if (!(typeof window > "u"))
+    try {
+      return window.localStorage.getItem(sr) ?? void 0;
+    } catch {
+      return;
+    }
 }
-function Zr(t = {}) {
-  const o = Xr(t.beeApiUrl), s = Qr(t.beeApiUrl), { address: u, isConnected: d } = or(), p = ir(), g = p === ae;
+function et(t = {}) {
+  const [n, i] = U(
+    () => t.beeApiUrl ?? Zr() ?? ue
+  );
+  ae(() => {
+    if (!(typeof window > "u"))
+      try {
+        window.localStorage.setItem(sr, n);
+      } catch {
+      }
+  }, [n]);
+  const c = Xr(n), u = Qr(n), { address: p, isConnected: g } = or(), x = ir(), f = x === ce;
   return {
-    beeNode: o,
-    stamps: s,
-    isWalletConnected: d,
-    address: u,
-    isOnGnosis: g,
-    chainId: p,
-    isFullyConnected: o.isRunning && !!s.selectedStampId && d && g
+    beeNode: c,
+    stamps: u,
+    beeApiUrl: n,
+    setBeeApiUrl: i,
+    isWalletConnected: g,
+    address: p,
+    isOnGnosis: f,
+    chainId: x,
+    isFullyConnected: c.isRunning && !!u.selectedStampId && g && f
   };
 }
-function et({ beeApiUrl: t, beeNode: o, stamps: s }) {
-  return Ge(() => {
-    o.check();
-  }, []), Ge(() => {
-    o.isRunning && s.fetchStamps();
-  }, [o.isRunning]), /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: [
+function je({ step: t, done: n = !1, children: i }) {
+  return /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 8 }, children: [
+    /* @__PURE__ */ r.jsx("span", { style: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: 18,
+      height: 18,
+      borderRadius: "50%",
+      flexShrink: 0,
+      fontSize: 11,
+      fontWeight: 700,
+      lineHeight: 1,
+      color: "#fff",
+      background: n ? a.colors.success : a.colors.stepActive
+    }, children: n ? "✓" : t }),
+    /* @__PURE__ */ r.jsx("span", { style: {
+      fontSize: 11,
+      fontWeight: 700,
+      textTransform: "uppercase",
+      letterSpacing: "0.06em",
+      color: a.colors.muted
+    }, children: i })
+  ] });
+}
+function rt({ beeApiUrl: t, setBeeApiUrl: n, beeNode: i, stamps: c }) {
+  return ae(() => {
+    i.check();
+  }, [t]), ae(() => {
+    i.isRunning && c.fetchStamps();
+  }, [i.isRunning]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs("section", { children: [
-      /* @__PURE__ */ r.jsx(Qe, { children: "Bee Node" }),
-      /* @__PURE__ */ r.jsx(rt, { beeApiUrl: t, status: o, onRetry: o.check })
+      /* @__PURE__ */ r.jsx(je, { step: 1, done: i.isRunning, children: "Bee Node" }),
+      /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+        /* @__PURE__ */ r.jsx(
+          tt,
+          {
+            value: t,
+            disabled: i.isChecking,
+            onSubmit: n
+          }
+        ),
+        /* @__PURE__ */ r.jsx(ot, { beeApiUrl: t, status: i, onRetry: i.check })
+      ] })
     ] }),
-    o.isRunning && /* @__PURE__ */ r.jsxs("section", { children: [
-      /* @__PURE__ */ r.jsx(Qe, { children: "Postage Stamp" }),
-      /* @__PURE__ */ r.jsx(tt, { stamps: s })
+    /* @__PURE__ */ r.jsxs("section", { style: { opacity: i.isRunning ? 1 : 0.5 }, children: [
+      /* @__PURE__ */ r.jsx(je, { step: 2, done: !!c.selectedStampId, children: "Postage Stamp" }),
+      i.isRunning ? /* @__PURE__ */ r.jsx(it, { stamps: c }) : /* @__PURE__ */ r.jsx(nt, { children: "Connect a running Bee node to load postage stamps." })
     ] })
   ] });
 }
-function Qe({ children: t }) {
-  return /* @__PURE__ */ r.jsx("div", { style: {
-    fontSize: 11,
-    fontWeight: 700,
-    textTransform: "uppercase",
-    letterSpacing: "0.06em",
+function tt({ value: t, disabled: n, onSubmit: i }) {
+  const [c, u] = U(t);
+  ae(() => {
+    u(t);
+  }, [t]);
+  const p = c.trim().replace(/\/+$/, ""), g = p !== t && p.length > 0, x = () => {
+    g && i(p);
+  };
+  return /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", gap: 6 }, children: [
+    /* @__PURE__ */ r.jsx(
+      "input",
+      {
+        type: "url",
+        value: c,
+        disabled: n,
+        onChange: (f) => u(f.target.value),
+        onKeyDown: (f) => {
+          f.key === "Enter" && x();
+        },
+        placeholder: "http://localhost:1633",
+        spellCheck: !1,
+        autoComplete: "off",
+        style: {
+          flex: 1,
+          minWidth: 0,
+          padding: "8px 10px",
+          fontSize: 13,
+          fontFamily: "monospace",
+          border: `1px solid ${a.colors.border}`,
+          borderRadius: 6,
+          color: a.colors.text,
+          outline: "none",
+          background: n ? "#f9fafb" : "#fff"
+        }
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      "button",
+      {
+        onClick: x,
+        disabled: n || !g,
+        style: {
+          ...Ce,
+          alignSelf: "auto",
+          cursor: n || !g ? "default" : "pointer",
+          opacity: n || !g ? 0.5 : 1
+        },
+        children: "Connect"
+      }
+    )
+  ] });
+}
+function nt({ children: t }) {
+  return /* @__PURE__ */ r.jsxs("div", { style: {
+    ...N,
     color: a.colors.muted,
-    marginBottom: 8
-  }, children: t });
+    fontSize: 13,
+    borderStyle: "dashed",
+    background: "#fafafa"
+  }, children: [
+    /* @__PURE__ */ r.jsx("span", { style: { fontSize: 13 }, children: "🔒" }),
+    /* @__PURE__ */ r.jsx("span", { children: t })
+  ] });
 }
-function rt({ beeApiUrl: t, status: o, onRetry: s }) {
-  return o.isChecking ? /* @__PURE__ */ r.jsxs("div", { style: V, children: [
-    /* @__PURE__ */ r.jsx(sr, {}),
+function ot({ beeApiUrl: t, status: n, onRetry: i }) {
+  return n.isChecking ? /* @__PURE__ */ r.jsxs("div", { style: N, children: [
+    /* @__PURE__ */ r.jsx(ar, {}),
     /* @__PURE__ */ r.jsxs("span", { style: { color: a.colors.muted, fontSize: 14 }, children: [
       "Checking ",
       t,
       "…"
     ] })
-  ] }) : o.isRunning ? /* @__PURE__ */ r.jsxs("div", { style: { ...V, borderColor: a.colors.success, background: a.colors.successLight }, children: [
-    /* @__PURE__ */ r.jsx(er, { color: a.colors.success }),
+  ] }) : n.isRunning ? /* @__PURE__ */ r.jsxs("div", { style: { ...N, borderColor: a.colors.success, background: a.colors.successLight }, children: [
+    /* @__PURE__ */ r.jsx(rr, { color: a.colors.success }),
     /* @__PURE__ */ r.jsxs("div", { children: [
       /* @__PURE__ */ r.jsx("div", { style: { fontWeight: 600, color: a.colors.success, fontSize: 14 }, children: "Node running" }),
-      o.version && /* @__PURE__ */ r.jsxs("div", { style: { color: a.colors.muted, fontSize: 12 }, children: [
+      n.version && /* @__PURE__ */ r.jsxs("div", { style: { color: a.colors.muted, fontSize: 12 }, children: [
         "v",
-        o.version
+        n.version
       ] })
     ] })
   ] }) : /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ r.jsxs("div", { style: { ...V, borderColor: a.colors.error, background: a.colors.errorLight }, children: [
-      /* @__PURE__ */ r.jsx(er, { color: a.colors.error }),
+    /* @__PURE__ */ r.jsxs("div", { style: { ...N, borderColor: a.colors.error, background: a.colors.errorLight }, children: [
+      /* @__PURE__ */ r.jsx(rr, { color: a.colors.error }),
       /* @__PURE__ */ r.jsxs("div", { children: [
         /* @__PURE__ */ r.jsx("div", { style: { fontWeight: 600, color: a.colors.error, fontSize: 14 }, children: "Node not reachable" }),
-        /* @__PURE__ */ r.jsx("div", { style: { color: a.colors.muted, fontSize: 12 }, children: o.error ?? `Cannot reach ${t}` })
+        /* @__PURE__ */ r.jsx("div", { style: { color: a.colors.muted, fontSize: 12 }, children: n.error ?? `Cannot reach ${t}` })
       ] })
     ] }),
     /* @__PURE__ */ r.jsxs("div", { style: { fontSize: 12, color: a.colors.muted }, children: [
       "Start: ",
       /* @__PURE__ */ r.jsx("code", { style: { background: "#f3f4f6", padding: "1px 5px", borderRadius: 3 }, children: "bee start" })
     ] }),
-    /* @__PURE__ */ r.jsx("button", { onClick: s, style: ar, children: "Retry" })
+    /* @__PURE__ */ r.jsx("button", { onClick: i, style: Ce, children: "Retry" })
   ] });
 }
-function tt({ stamps: t }) {
-  return t.isLoading ? /* @__PURE__ */ r.jsxs("div", { style: { ...V, gap: 10 }, children: [
-    /* @__PURE__ */ r.jsx(sr, {}),
+function it({ stamps: t }) {
+  return t.isLoading ? /* @__PURE__ */ r.jsxs("div", { style: { ...N, gap: 10 }, children: [
+    /* @__PURE__ */ r.jsx(ar, {}),
     /* @__PURE__ */ r.jsx("span", { style: { color: a.colors.muted, fontSize: 14 }, children: "Loading stamps…" })
   ] }) : t.error ? /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ r.jsx("div", { style: { ...V, borderColor: a.colors.error, background: a.colors.errorLight }, children: /* @__PURE__ */ r.jsx("span", { style: { color: a.colors.error, fontSize: 13 }, children: t.error }) }),
-    /* @__PURE__ */ r.jsx("button", { onClick: t.fetchStamps, style: ar, children: "Retry" })
-  ] }) : t.stamps.length === 0 ? /* @__PURE__ */ r.jsxs("div", { style: { ...V, flexDirection: "column", alignItems: "flex-start", gap: 4 }, children: [
+    /* @__PURE__ */ r.jsx("div", { style: { ...N, borderColor: a.colors.error, background: a.colors.errorLight }, children: /* @__PURE__ */ r.jsx("span", { style: { color: a.colors.error, fontSize: 13 }, children: t.error }) }),
+    /* @__PURE__ */ r.jsx("button", { onClick: t.fetchStamps, style: Ce, children: "Retry" })
+  ] }) : t.stamps.length === 0 ? /* @__PURE__ */ r.jsxs("div", { style: { ...N, flexDirection: "column", alignItems: "flex-start", gap: 4 }, children: [
     /* @__PURE__ */ r.jsx("div", { style: { fontSize: 14, color: a.colors.muted }, children: "No postage stamps found." }),
     /* @__PURE__ */ r.jsx("div", { style: { fontSize: 12, color: a.colors.muted }, children: "Buy a stamp via the Bee API or Swarm Desktop to continue." })
-  ] }) : /* @__PURE__ */ r.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: t.stamps.map((o) => /* @__PURE__ */ r.jsx(
-    nt,
+  ] }) : /* @__PURE__ */ r.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: t.stamps.map((n) => /* @__PURE__ */ r.jsx(
+    st,
     {
-      stamp: o,
-      selected: t.selectedStampId === o.batchID,
-      onSelect: () => t.selectStamp(o.batchID)
+      stamp: n,
+      selected: t.selectedStampId === n.batchID,
+      onSelect: () => t.selectStamp(n.batchID)
     },
-    o.batchID
+    n.batchID
   )) });
 }
-function nt({ stamp: t, selected: o, onSelect: s }) {
-  const u = Math.floor(t.batchTTL / 86400), d = `${t.batchID.slice(0, 8)}…${t.batchID.slice(-6)}`;
+function st({ stamp: t, selected: n, onSelect: i }) {
+  const c = Math.floor(t.batchTTL / 86400), u = `${t.batchID.slice(0, 8)}…${t.batchID.slice(-6)}`;
   return /* @__PURE__ */ r.jsxs(
     "button",
     {
-      onClick: s,
+      onClick: i,
       style: {
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between",
         padding: "10px 14px",
-        border: `1.5px solid ${o ? a.colors.primary : a.colors.border}`,
+        border: `1.5px solid ${n ? a.colors.primary : a.colors.border}`,
         borderRadius: 8,
         cursor: "pointer",
-        background: o ? "#eff6ff" : "#fff",
+        background: n ? "#eff6ff" : "#fff",
         textAlign: "left",
         width: "100%",
         transition: "all 0.15s"
       },
       children: [
         /* @__PURE__ */ r.jsxs("div", { children: [
-          /* @__PURE__ */ r.jsx("div", { style: { fontFamily: "monospace", fontSize: 12, color: a.colors.text }, children: d }),
+          /* @__PURE__ */ r.jsx("div", { style: { fontFamily: "monospace", fontSize: 12, color: a.colors.text }, children: u }),
           t.label && /* @__PURE__ */ r.jsx("div", { style: { fontSize: 12, color: a.colors.muted, marginTop: 2 }, children: t.label })
         ] }),
         /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, flexShrink: 0 }, children: [
-          /* @__PURE__ */ r.jsx("span", { style: { fontSize: 11, color: a.colors.muted }, children: u > 0 ? `${u}d` : "expiring" }),
-          t.usable ? /* @__PURE__ */ r.jsx(Ze, { bg: a.colors.successLight, color: a.colors.success, children: "usable" }) : /* @__PURE__ */ r.jsx(Ze, { bg: a.colors.errorLight, color: a.colors.error, children: "unusable" }),
+          /* @__PURE__ */ r.jsx("span", { style: { fontSize: 11, color: a.colors.muted }, children: c > 0 ? `${c}d` : "expiring" }),
+          t.usable ? /* @__PURE__ */ r.jsx(er, { bg: a.colors.successLight, color: a.colors.success, children: "usable" }) : /* @__PURE__ */ r.jsx(er, { bg: a.colors.errorLight, color: a.colors.error, children: "unusable" }),
           /* @__PURE__ */ r.jsx("div", { style: {
             width: 16,
             height: 16,
             borderRadius: "50%",
             flexShrink: 0,
-            border: `2px solid ${o ? a.colors.primary : a.colors.border}`,
-            background: o ? a.colors.primary : "transparent"
+            border: `2px solid ${n ? a.colors.primary : a.colors.border}`,
+            background: n ? a.colors.primary : "transparent"
           } })
         ] })
       ]
     }
   );
 }
-function Ze({ children: t, bg: o, color: s }) {
-  return /* @__PURE__ */ r.jsx("span", { style: { fontSize: 11, background: o, color: s, borderRadius: 4, padding: "2px 6px" }, children: t });
+function er({ children: t, bg: n, color: i }) {
+  return /* @__PURE__ */ r.jsx("span", { style: { fontSize: 11, background: n, color: i, borderRadius: 4, padding: "2px 6px" }, children: t });
 }
-function er({ color: t }) {
+function rr({ color: t }) {
   return /* @__PURE__ */ r.jsx("span", { style: { fontSize: 10, color: t, lineHeight: 1 }, children: "●" });
 }
-function sr() {
+function ar() {
   return /* @__PURE__ */ r.jsx("div", { style: {
     width: 15,
     height: 15,
@@ -836,7 +946,7 @@ function sr() {
     animation: "spin 0.7s linear infinite"
   } });
 }
-const V = {
+const N = {
   display: "flex",
   alignItems: "center",
   gap: 12,
@@ -844,7 +954,7 @@ const V = {
   border: `1px solid ${a.colors.border}`,
   borderRadius: 8,
   background: "#fff"
-}, ar = {
+}, Ce = {
   background: "none",
   border: `1px solid ${a.colors.border}`,
   borderRadius: 6,
@@ -854,24 +964,24 @@ const V = {
   color: a.colors.muted,
   alignSelf: "flex-start"
 };
-function ot(t) {
-  const o = {
+function at(t) {
+  const n = {
     formatters: void 0,
     fees: void 0,
     serializers: void 0,
     ...t
   };
-  function s(u) {
-    return (d) => {
-      const p = typeof d == "function" ? d(u) : d, g = { ...u, ...p };
-      return Object.assign(g, { extend: s(g) });
+  function i(c) {
+    return (u) => {
+      const p = typeof u == "function" ? u(c) : u, g = { ...c, ...p };
+      return Object.assign(g, { extend: i(g) });
     };
   }
-  return Object.assign(o, {
-    extend: s(o)
+  return Object.assign(n, {
+    extend: i(n)
   });
 }
-const xe = /* @__PURE__ */ ot({
+const Se = /* @__PURE__ */ at({
   id: 100,
   name: "Gnosis",
   nativeCurrency: {
@@ -900,31 +1010,18 @@ const xe = /* @__PURE__ */ ot({
     }
   }
 });
-function it() {
-  const { address: t, isConnected: o } = or(), s = ir(), u = s === ae;
-  return /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: [
-    /* @__PURE__ */ r.jsxs("section", { children: [
-      /* @__PURE__ */ r.jsx(rr, { children: "Wallet" }),
-      o ? /* @__PURE__ */ r.jsx(st, { address: t }) : /* @__PURE__ */ r.jsx(at, {})
-    ] }),
-    o && /* @__PURE__ */ r.jsxs("section", { children: [
-      /* @__PURE__ */ r.jsx(rr, { children: "Network" }),
-      /* @__PURE__ */ r.jsx(ct, { isOnGnosis: u, chainId: s })
+function ct({ swarmReady: t }) {
+  const { address: n, isConnected: i } = or(), c = ir(), u = c === ce;
+  return /* @__PURE__ */ r.jsxs("section", { style: { opacity: t ? 1 : 0.5 }, children: [
+    /* @__PURE__ */ r.jsx(je, { step: 3, done: i && u, children: "Wallet" }),
+    /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [
+      i ? /* @__PURE__ */ r.jsx(lt, { address: n }) : t ? /* @__PURE__ */ r.jsx(dt, {}) : /* @__PURE__ */ r.jsx(ut, {}),
+      i && /* @__PURE__ */ r.jsx(ft, { isOnGnosis: u, chainId: c })
     ] })
   ] });
 }
-function rr({ children: t }) {
-  return /* @__PURE__ */ r.jsx("div", { style: {
-    fontSize: 11,
-    fontWeight: 700,
-    textTransform: "uppercase",
-    letterSpacing: "0.06em",
-    color: a.colors.muted,
-    marginBottom: 8
-  }, children: t });
-}
-function st({ address: t }) {
-  const { disconnect: o } = zr();
+function lt({ address: t }) {
+  const { disconnect: n } = zr();
   return /* @__PURE__ */ r.jsxs("div", { style: {
     display: "flex",
     alignItems: "center",
@@ -941,7 +1038,7 @@ function st({ address: t }) {
     /* @__PURE__ */ r.jsx(
       "button",
       {
-        onClick: () => o(),
+        onClick: () => n(),
         style: {
           background: "none",
           border: `1px solid ${a.colors.border}`,
@@ -956,14 +1053,28 @@ function st({ address: t }) {
     )
   ] });
 }
-function at() {
-  const { connectors: t, connect: o, isPending: s, error: u } = Mr();
+function ut() {
+  return /* @__PURE__ */ r.jsxs("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    gap: 12,
+    padding: "11px 14px",
+    border: `1px dashed ${a.colors.border}`,
+    borderRadius: 8,
+    background: "#fafafa"
+  }, children: [
+    /* @__PURE__ */ r.jsx("span", { style: { fontSize: 13 }, children: "🔒" }),
+    /* @__PURE__ */ r.jsx("span", { style: { fontSize: 13, color: a.colors.muted }, children: "Complete steps 1 and 2 — a running Bee node and a selected postage stamp — to connect your wallet." })
+  ] });
+}
+function dt() {
+  const { connectors: t, connect: n, isPending: i, error: c } = Ur();
   return /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    t.map((d) => /* @__PURE__ */ r.jsxs(
+    t.map((u) => /* @__PURE__ */ r.jsxs(
       "button",
       {
-        onClick: () => o({ connector: d }),
-        disabled: s,
+        onClick: () => n({ connector: u }),
+        disabled: i,
         style: {
           display: "flex",
           alignItems: "center",
@@ -971,33 +1082,33 @@ function at() {
           padding: "11px 14px",
           border: `1.5px solid ${a.colors.border}`,
           borderRadius: 8,
-          cursor: s ? "not-allowed" : "pointer",
+          cursor: i ? "not-allowed" : "pointer",
           background: "#fff",
           fontSize: 14,
           fontWeight: 500,
           color: a.colors.text,
-          opacity: s ? 0.6 : 1,
+          opacity: i ? 0.6 : 1,
           transition: "border-color 0.15s",
           width: "100%"
         },
         onMouseOver: (p) => {
-          s || (p.currentTarget.style.borderColor = a.colors.primary);
+          i || (p.currentTarget.style.borderColor = a.colors.primary);
         },
         onMouseOut: (p) => {
           p.currentTarget.style.borderColor = a.colors.border;
         },
         children: [
-          d.icon ? /* @__PURE__ */ r.jsx("img", { src: d.icon, width: 20, height: 20, alt: "", style: { borderRadius: 4 } }) : /* @__PURE__ */ r.jsx("span", { style: { width: 20, textAlign: "center", fontSize: 16 }, children: "🔗" }),
-          d.name
+          u.icon ? /* @__PURE__ */ r.jsx("img", { src: u.icon, width: 20, height: 20, alt: "", style: { borderRadius: 4 } }) : /* @__PURE__ */ r.jsx("span", { style: { width: 20, textAlign: "center", fontSize: 16 }, children: "🔗" }),
+          u.name
         ]
       },
-      d.uid
+      u.uid
     )),
-    u && /* @__PURE__ */ r.jsx("div", { style: { fontSize: 12, color: a.colors.error, marginTop: 2 }, children: u.message })
+    c && /* @__PURE__ */ r.jsx("div", { style: { fontSize: 12, color: a.colors.error, marginTop: 2 }, children: c.message })
   ] });
 }
-function ct({ isOnGnosis: t, chainId: o }) {
-  const { switchChain: s, isPending: u, error: d } = Ur();
+function ft({ isOnGnosis: t, chainId: n }) {
+  const { switchChain: i, isPending: c, error: u } = Mr();
   return t ? /* @__PURE__ */ r.jsxs("div", { style: {
     display: "flex",
     alignItems: "center",
@@ -1012,7 +1123,7 @@ function ct({ isOnGnosis: t, chainId: o }) {
       /* @__PURE__ */ r.jsx("div", { style: { fontWeight: 600, color: a.colors.success, fontSize: 14 }, children: "Gnosis chain" }),
       /* @__PURE__ */ r.jsxs("div", { style: { fontSize: 12, color: a.colors.muted }, children: [
         "Chain ID ",
-        ae
+        ce
       ] })
     ] })
   ] }) : /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
@@ -1030,9 +1141,9 @@ function ct({ isOnGnosis: t, chainId: o }) {
         /* @__PURE__ */ r.jsx("div", { style: { fontWeight: 600, color: a.colors.warning, fontSize: 14 }, children: "Wrong network" }),
         /* @__PURE__ */ r.jsxs("div", { style: { fontSize: 12, color: a.colors.muted }, children: [
           "Chain ",
-          o ?? "—",
+          n ?? "—",
           " active — Gnosis (",
-          ae,
+          ce,
           ") required"
         ] })
       ] })
@@ -1040,28 +1151,28 @@ function ct({ isOnGnosis: t, chainId: o }) {
     /* @__PURE__ */ r.jsx(
       "button",
       {
-        onClick: () => s({ chainId: xe.id }),
-        disabled: u,
+        onClick: () => i({ chainId: Se.id }),
+        disabled: c,
         style: {
           background: a.colors.primary,
           color: "#fff",
           border: "none",
           borderRadius: 6,
           padding: "9px 20px",
-          cursor: u ? "not-allowed" : "pointer",
+          cursor: c ? "not-allowed" : "pointer",
           fontSize: 14,
           fontWeight: 500,
-          opacity: u ? 0.7 : 1,
+          opacity: c ? 0.7 : 1,
           alignSelf: "flex-start"
         },
-        children: u ? "Switching…" : "Switch to Gnosis"
+        children: c ? "Switching…" : "Switch to Gnosis"
       }
     ),
-    d && /* @__PURE__ */ r.jsx("div", { style: { fontSize: 12, color: a.colors.error }, children: d.message })
+    u && /* @__PURE__ */ r.jsx("div", { style: { fontSize: 12, color: a.colors.error }, children: u.message })
   ] });
 }
-function lt({ onClose: t, beeNode: o, stamps: s, beeApiUrl: u }) {
-  const [d, p] = B("swarm");
+function ht({ onClose: t, beeNode: n, stamps: i, beeApiUrl: c, setBeeApiUrl: u }) {
+  const p = n.isRunning && !!i.selectedStampId;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx("style", { children: `
         @keyframes spin { to { transform: rotate(360deg); } }
@@ -1125,117 +1236,117 @@ function lt({ onClose: t, beeNode: o, stamps: s, beeApiUrl: u }) {
           }
         )
       ] }),
-      /* @__PURE__ */ r.jsx("div", { style: {
+      /* @__PURE__ */ r.jsxs("div", { style: {
+        padding: "20px",
+        marginTop: 6,
+        minHeight: 260,
+        maxHeight: "64vh",
+        overflowY: "auto",
         display: "flex",
-        margin: "14px 20px 0",
-        borderBottom: `1px solid ${a.colors.border}`
-      }, children: ["swarm", "wallet"].map((g) => {
-        const b = d === g;
-        return /* @__PURE__ */ r.jsx(
-          "button",
+        flexDirection: "column",
+        gap: 28
+      }, children: [
+        /* @__PURE__ */ r.jsx(
+          rt,
           {
-            onClick: () => p(g),
-            style: {
-              background: "none",
-              border: "none",
-              cursor: "pointer",
-              padding: "8px 18px 10px",
-              fontSize: 14,
-              fontWeight: b ? 600 : 400,
-              color: b ? a.colors.primary : a.colors.muted,
-              borderBottom: `2px solid ${b ? a.colors.primary : "transparent"}`,
-              marginBottom: -1,
-              transition: "all 0.15s"
-            },
-            children: g === "swarm" ? "🐝 Swarm" : "🦊 Wallet"
-          },
-          g
-        );
-      }) }),
-      /* @__PURE__ */ r.jsxs("div", { style: { padding: "20px", minHeight: 260, maxHeight: "60vh", overflowY: "auto" }, children: [
-        d === "swarm" && /* @__PURE__ */ r.jsx(et, { beeApiUrl: u, beeNode: o, stamps: s }),
-        d === "wallet" && /* @__PURE__ */ r.jsx(it, {})
+            beeApiUrl: c,
+            setBeeApiUrl: u,
+            beeNode: n,
+            stamps: i
+          }
+        ),
+        /* @__PURE__ */ r.jsx(ct, { swarmReady: p })
       ] })
     ] })
   ] });
 }
-function xt({ beeApiUrl: t = we, label: o }) {
-  const [s, u] = B(!1), { beeNode: d, stamps: p, isWalletConnected: g, address: b, isOnGnosis: f, isFullyConnected: i } = Zr({ beeApiUrl: t }), l = o ?? (i ? b ? `${b.slice(0, 6)}…${b.slice(-4)}` : "Connected" : "Connect to Swarm");
+function Ct({ beeApiUrl: t = ue, label: n }) {
+  const [i, c] = U(!1), {
+    beeNode: u,
+    stamps: p,
+    beeApiUrl: g,
+    setBeeApiUrl: x,
+    isWalletConnected: f,
+    address: s,
+    isOnGnosis: d,
+    isFullyConnected: v
+  } = et({ beeApiUrl: t }), b = n ?? (v ? s ? `${s.slice(0, 6)}…${s.slice(-4)}` : "Connected" : "Connect to Swarm");
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(
       "button",
       {
-        onClick: () => u(!0),
+        onClick: () => c(!0),
         style: {
           display: "inline-flex",
           alignItems: "center",
           gap: 8,
-          background: i ? a.colors.successLight : a.colors.primary,
-          color: i ? a.colors.success : "#fff",
-          border: i ? `1.5px solid ${a.colors.success}` : "none",
+          background: v ? a.colors.successLight : a.colors.primary,
+          color: v ? a.colors.success : "#fff",
+          border: v ? `1.5px solid ${a.colors.success}` : "none",
           borderRadius: 8,
           padding: "10px 18px",
           cursor: "pointer",
           fontSize: 15,
           fontWeight: 600,
-          boxShadow: i ? "none" : "0 2px 8px rgba(26,86,219,0.25)",
+          boxShadow: v ? "none" : "0 2px 8px rgba(26,86,219,0.25)",
           transition: "all 0.15s",
           fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
         },
-        onMouseOver: (y) => {
-          i || (y.currentTarget.style.background = a.colors.primaryHover);
+        onMouseOver: (R) => {
+          v || (R.currentTarget.style.background = a.colors.primaryHover);
         },
-        onMouseOut: (y) => {
-          y.currentTarget.style.background = i ? a.colors.successLight : a.colors.primary;
+        onMouseOut: (R) => {
+          R.currentTarget.style.background = v ? a.colors.successLight : a.colors.primary;
         },
         children: [
-          !i && /* @__PURE__ */ r.jsxs("span", { style: { display: "flex", gap: 4, alignItems: "center" }, children: [
-            /* @__PURE__ */ r.jsx(ie, { ok: d.isRunning, checking: d.isChecking }),
+          !v && /* @__PURE__ */ r.jsxs("span", { style: { display: "flex", gap: 4, alignItems: "center" }, children: [
+            /* @__PURE__ */ r.jsx(ie, { ok: u.isRunning, checking: u.isChecking }),
             /* @__PURE__ */ r.jsx(ie, { ok: !!p.selectedStampId }),
-            /* @__PURE__ */ r.jsx(ie, { ok: g }),
-            /* @__PURE__ */ r.jsx(ie, { ok: f })
+            /* @__PURE__ */ r.jsx(ie, { ok: f }),
+            /* @__PURE__ */ r.jsx(ie, { ok: d })
           ] }),
-          l
+          b
         ]
       }
     ),
-    s && /* @__PURE__ */ r.jsx(
-      lt,
+    i && /* @__PURE__ */ r.jsx(
+      ht,
       {
-        onClose: () => u(!1),
-        beeNode: d,
+        onClose: () => c(!1),
+        beeNode: u,
         stamps: p,
-        beeApiUrl: t
+        beeApiUrl: g,
+        setBeeApiUrl: x
       }
     )
   ] });
 }
-function ie({ ok: t, checking: o }) {
-  const s = o ? a.colors.warning : t ? a.colors.success : a.colors.error;
+function ie({ ok: t, checking: n }) {
+  const i = n ? a.colors.warning : t ? a.colors.success : a.colors.error;
   return /* @__PURE__ */ r.jsx("span", { style: {
     display: "inline-block",
     width: 7,
     height: 7,
     borderRadius: "50%",
-    background: s
+    background: i
   } });
 }
-const ut = "2.22.1", dt = () => `@wagmi/core@${ut}`;
-var cr = function(t, o, s, u) {
-  if (s === "a" && !u) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof o == "function" ? t !== o || !u : !o.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return s === "m" ? u : s === "a" ? u.call(t) : u ? u.value : o.get(t);
-}, ce, lr;
+const pt = "2.22.1", gt = () => `@wagmi/core@${pt}`;
+var cr = function(t, n, i, c) {
+  if (i === "a" && !c) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof n == "function" ? t !== n || !c : !n.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? c : i === "a" ? c.call(t) : c ? c.value : n.get(t);
+}, le, lr;
 class Z extends Error {
   get docsBaseUrl() {
     return "https://wagmi.sh/core";
   }
   get version() {
-    return dt();
+    return gt();
   }
-  constructor(o, s = {}) {
+  constructor(n, i = {}) {
     var p;
-    super(), ce.add(this), Object.defineProperty(this, "details", {
+    super(), le.add(this), Object.defineProperty(this, "details", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
@@ -1261,27 +1372,27 @@ class Z extends Error {
       writable: !0,
       value: "WagmiCoreError"
     });
-    const u = s.cause instanceof Z ? s.cause.details : (p = s.cause) != null && p.message ? s.cause.message : s.details, d = s.cause instanceof Z && s.cause.docsPath || s.docsPath;
+    const c = i.cause instanceof Z ? i.cause.details : (p = i.cause) != null && p.message ? i.cause.message : i.details, u = i.cause instanceof Z && i.cause.docsPath || i.docsPath;
     this.message = [
-      o || "An error occurred.",
+      n || "An error occurred.",
       "",
-      ...s.metaMessages ? [...s.metaMessages, ""] : [],
-      ...d ? [
-        `Docs: ${this.docsBaseUrl}${d}.html${s.docsSlug ? `#${s.docsSlug}` : ""}`
+      ...i.metaMessages ? [...i.metaMessages, ""] : [],
+      ...u ? [
+        `Docs: ${this.docsBaseUrl}${u}.html${i.docsSlug ? `#${i.docsSlug}` : ""}`
       ] : [],
-      ...u ? [`Details: ${u}`] : [],
+      ...c ? [`Details: ${c}`] : [],
       `Version: ${this.version}`
     ].join(`
-`), s.cause && (this.cause = s.cause), this.details = u, this.docsPath = d, this.metaMessages = s.metaMessages, this.shortMessage = o;
+`), i.cause && (this.cause = i.cause), this.details = c, this.docsPath = u, this.metaMessages = i.metaMessages, this.shortMessage = n;
   }
-  walk(o) {
-    return cr(this, ce, "m", lr).call(this, this, o);
+  walk(n) {
+    return cr(this, le, "m", lr).call(this, this, n);
   }
 }
-ce = /* @__PURE__ */ new WeakSet(), lr = function t(o, s) {
-  return s != null && s(o) ? o : o.cause ? cr(this, ce, "m", t).call(this, o.cause, s) : o;
+le = /* @__PURE__ */ new WeakSet(), lr = function t(n, i) {
+  return i != null && i(n) ? n : n.cause ? cr(this, le, "m", t).call(this, n.cause, i) : n;
 };
-class ft extends Z {
+class vt extends Z {
   constructor() {
     super("Chain not configured."), Object.defineProperty(this, "name", {
       enumerable: !0,
@@ -1291,7 +1402,7 @@ class ft extends Z {
     });
   }
 }
-class q extends Z {
+class V extends Z {
   constructor() {
     super("Provider not found."), Object.defineProperty(this, "name", {
       enumerable: !0,
@@ -1301,18 +1412,18 @@ class q extends Z {
     });
   }
 }
-je.type = "injected";
-function je(t = {}) {
-  const { shimDisconnect: o = !0, unstable_shimAsyncInject: s } = t;
-  function u() {
+Re.type = "injected";
+function Re(t = {}) {
+  const { shimDisconnect: n = !0, unstable_shimAsyncInject: i } = t;
+  function c() {
     const f = t.target;
     if (typeof f == "function") {
-      const i = f();
-      if (i)
-        return i;
+      const s = f();
+      if (s)
+        return s;
     }
     return typeof f == "object" ? f : typeof f == "string" ? {
-      ...ht[f] ?? {
+      ...yt[f] ?? {
         id: f,
         name: `${f[0].toUpperCase()}${f.slice(1)}`,
         provider: `is${f[0].toUpperCase()}${f.slice(1)}`
@@ -1320,84 +1431,84 @@ function je(t = {}) {
     } : {
       id: "injected",
       name: "Injected",
-      provider(i) {
-        return i == null ? void 0 : i.ethereum;
+      provider(s) {
+        return s == null ? void 0 : s.ethereum;
       }
     };
   }
-  let d, p, g, b;
+  let u, p, g, x;
   return (f) => ({
     get icon() {
-      return u().icon;
+      return c().icon;
     },
     get id() {
-      return u().id;
+      return c().id;
     },
     get name() {
-      return u().name;
+      return c().name;
     },
     /** @deprecated */
     get supportsSimulation() {
       return !0;
     },
-    type: je.type,
+    type: Re.type,
     async setup() {
-      const i = await this.getProvider();
-      i != null && i.on && t.target && (g || (g = this.onConnect.bind(this), i.on("connect", g)), d || (d = this.onAccountsChanged.bind(this), i.on("accountsChanged", d)));
+      const s = await this.getProvider();
+      s != null && s.on && t.target && (g || (g = this.onConnect.bind(this), s.on("connect", g)), u || (u = this.onAccountsChanged.bind(this), s.on("accountsChanged", u)));
     },
-    async connect({ chainId: i, isReconnecting: l, withCapabilities: y } = {}) {
-      var D, W, F, T, S, I;
-      const x = await this.getProvider();
-      if (!x)
-        throw new q();
-      let E = [];
-      if (l)
-        E = await this.getAccounts().catch(() => []);
-      else if (o)
+    async connect({ chainId: s, isReconnecting: d, withCapabilities: v } = {}) {
+      var A, W, L, I, S, T;
+      const b = await this.getProvider();
+      if (!b)
+        throw new V();
+      let R = [];
+      if (d)
+        R = await this.getAccounts().catch(() => []);
+      else if (n)
         try {
-          E = (T = (F = (W = (D = (await x.request({
+          R = (I = (L = (W = (A = (await b.request({
             method: "wallet_requestPermissions",
             params: [{ eth_accounts: {} }]
-          }))[0]) == null ? void 0 : D.caveats) == null ? void 0 : W[0]) == null ? void 0 : F.value) == null ? void 0 : T.map((C) => oe(C)), E.length > 0 && (E = await this.getAccounts());
-        } catch (k) {
-          const C = k;
-          if (C.code === L.code)
-            throw new L(C);
-          if (C.code === ye.code)
+          }))[0]) == null ? void 0 : A.caveats) == null ? void 0 : W[0]) == null ? void 0 : L.value) == null ? void 0 : I.map((C) => oe(C)), R.length > 0 && (R = await this.getAccounts());
+        } catch (_) {
+          const C = _;
+          if (C.code === F.code)
+            throw new F(C);
+          if (C.code === xe.code)
             throw C;
         }
       try {
-        !(E != null && E.length) && !l && (E = (await x.request({
+        !(R != null && R.length) && !d && (R = (await b.request({
           method: "eth_requestAccounts"
-        })).map((A) => oe(A))), g && (x.removeListener("connect", g), g = void 0), d || (d = this.onAccountsChanged.bind(this), x.on("accountsChanged", d)), p || (p = this.onChainChanged.bind(this), x.on("chainChanged", p)), b || (b = this.onDisconnect.bind(this), x.on("disconnect", b));
-        let k = await this.getChainId();
-        if (i && k !== i) {
-          const C = await this.switchChain({ chainId: i }).catch((A) => {
-            if (A.code === L.code)
-              throw A;
-            return { id: k };
+        })).map(($) => oe($))), g && (b.removeListener("connect", g), g = void 0), u || (u = this.onAccountsChanged.bind(this), b.on("accountsChanged", u)), p || (p = this.onChainChanged.bind(this), b.on("chainChanged", p)), x || (x = this.onDisconnect.bind(this), b.on("disconnect", x));
+        let _ = await this.getChainId();
+        if (s && _ !== s) {
+          const C = await this.switchChain({ chainId: s }).catch(($) => {
+            if ($.code === F.code)
+              throw $;
+            return { id: _ };
           });
-          k = (C == null ? void 0 : C.id) ?? k;
+          _ = (C == null ? void 0 : C.id) ?? _;
         }
-        return o && await ((S = f.storage) == null ? void 0 : S.removeItem(`${this.id}.disconnected`)), t.target || await ((I = f.storage) == null ? void 0 : I.setItem("injected.connected", !0)), {
-          accounts: y ? E.map((C) => ({ address: C, capabilities: {} })) : E,
-          chainId: k
+        return n && await ((S = f.storage) == null ? void 0 : S.removeItem(`${this.id}.disconnected`)), t.target || await ((T = f.storage) == null ? void 0 : T.setItem("injected.connected", !0)), {
+          accounts: v ? R.map((C) => ({ address: C, capabilities: {} })) : R,
+          chainId: _
         };
-      } catch (k) {
-        const C = k;
-        throw C.code === L.code ? new L(C) : C.code === ye.code ? new ye(C) : C;
+      } catch (_) {
+        const C = _;
+        throw C.code === F.code ? new F(C) : C.code === xe.code ? new xe(C) : C;
       }
     },
     async disconnect() {
-      var l, y;
-      const i = await this.getProvider();
-      if (!i)
-        throw new q();
-      p && (i.removeListener("chainChanged", p), p = void 0), b && (i.removeListener("disconnect", b), b = void 0), g || (g = this.onConnect.bind(this), i.on("connect", g));
+      var d, v;
+      const s = await this.getProvider();
+      if (!s)
+        throw new V();
+      p && (s.removeListener("chainChanged", p), p = void 0), x && (s.removeListener("disconnect", x), x = void 0), g || (g = this.onConnect.bind(this), s.on("connect", g));
       try {
         await Hr(() => (
           // TODO: Remove explicit type for viem@3
-          i.request({
+          s.request({
             // `'wallet_revokePermissions'` added in `viem@2.10.3`
             method: "wallet_revokePermissions",
             params: [{ eth_accounts: {} }]
@@ -1405,149 +1516,149 @@ function je(t = {}) {
         ), { timeout: 100 });
       } catch {
       }
-      o && await ((l = f.storage) == null ? void 0 : l.setItem(`${this.id}.disconnected`, !0)), t.target || await ((y = f.storage) == null ? void 0 : y.removeItem("injected.connected"));
+      n && await ((d = f.storage) == null ? void 0 : d.setItem(`${this.id}.disconnected`, !0)), t.target || await ((v = f.storage) == null ? void 0 : v.removeItem("injected.connected"));
     },
     async getAccounts() {
-      const i = await this.getProvider();
-      if (!i)
-        throw new q();
-      return (await i.request({ method: "eth_accounts" })).map((y) => oe(y));
+      const s = await this.getProvider();
+      if (!s)
+        throw new V();
+      return (await s.request({ method: "eth_accounts" })).map((v) => oe(v));
     },
     async getChainId() {
-      const i = await this.getProvider();
-      if (!i)
-        throw new q();
-      const l = await i.request({ method: "eth_chainId" });
-      return Number(l);
+      const s = await this.getProvider();
+      if (!s)
+        throw new V();
+      const d = await s.request({ method: "eth_chainId" });
+      return Number(d);
     },
     async getProvider() {
       if (typeof window > "u")
         return;
-      let i;
-      const l = u();
-      return typeof l.provider == "function" ? i = l.provider(window) : typeof l.provider == "string" ? i = se(window, l.provider) : i = l.provider, i && !i.removeListener && ("off" in i && typeof i.off == "function" ? i.removeListener = i.off : i.removeListener = () => {
-      }), i;
+      let s;
+      const d = c();
+      return typeof d.provider == "function" ? s = d.provider(window) : typeof d.provider == "string" ? s = se(window, d.provider) : s = d.provider, s && !s.removeListener && ("off" in s && typeof s.off == "function" ? s.removeListener = s.off : s.removeListener = () => {
+      }), s;
     },
     async isAuthorized() {
-      var i, l;
+      var s, d;
       try {
-        if (o && // If shim exists in storage, connector is disconnected
-        await ((i = f.storage) == null ? void 0 : i.getItem(`${this.id}.disconnected`)) || !t.target && !await ((l = f.storage) == null ? void 0 : l.getItem("injected.connected")))
+        if (n && // If shim exists in storage, connector is disconnected
+        await ((s = f.storage) == null ? void 0 : s.getItem(`${this.id}.disconnected`)) || !t.target && !await ((d = f.storage) == null ? void 0 : d.getItem("injected.connected")))
           return !1;
         if (!await this.getProvider()) {
-          if (s !== void 0 && s !== !1) {
-            const D = async () => (typeof window < "u" && window.removeEventListener("ethereum#initialized", D), !!await this.getProvider()), W = typeof s == "number" ? s : 1e3;
+          if (i !== void 0 && i !== !1) {
+            const A = async () => (typeof window < "u" && window.removeEventListener("ethereum#initialized", A), !!await this.getProvider()), W = typeof i == "number" ? i : 1e3;
             if (await Promise.race([
               ...typeof window < "u" ? [
-                new Promise((T) => window.addEventListener("ethereum#initialized", () => T(D()), { once: !0 }))
+                new Promise((I) => window.addEventListener("ethereum#initialized", () => I(A()), { once: !0 }))
               ] : [],
-              new Promise((T) => setTimeout(() => T(D()), W))
+              new Promise((I) => setTimeout(() => I(A()), W))
             ]))
               return !0;
           }
-          throw new q();
+          throw new V();
         }
         return !!(await Gr(() => this.getAccounts())).length;
       } catch {
         return !1;
       }
     },
-    async switchChain({ addEthereumChainParameter: i, chainId: l }) {
-      var D, W, F, T;
-      const y = await this.getProvider();
-      if (!y)
-        throw new q();
-      const x = f.chains.find((S) => S.id === l);
-      if (!x)
-        throw new He(new ft());
-      const E = new Promise((S) => {
-        const I = (k) => {
-          "chainId" in k && k.chainId === l && (f.emitter.off("change", I), S());
+    async switchChain({ addEthereumChainParameter: s, chainId: d }) {
+      var A, W, L, I;
+      const v = await this.getProvider();
+      if (!v)
+        throw new V();
+      const b = f.chains.find((S) => S.id === d);
+      if (!b)
+        throw new Je(new vt());
+      const R = new Promise((S) => {
+        const T = (_) => {
+          "chainId" in _ && _.chainId === d && (f.emitter.off("change", T), S());
         };
-        f.emitter.on("change", I);
+        f.emitter.on("change", T);
       });
       try {
         return await Promise.all([
-          y.request({
+          v.request({
             method: "wallet_switchEthereumChain",
-            params: [{ chainId: Ke(l) }]
+            params: [{ chainId: Xe(d) }]
           }).then(async () => {
-            await this.getChainId() === l && f.emitter.emit("change", { chainId: l });
+            await this.getChainId() === d && f.emitter.emit("change", { chainId: d });
           }),
-          E
-        ]), x;
+          R
+        ]), b;
       } catch (S) {
-        const I = S;
-        if (I.code === 4902 || // Unwrapping for MetaMask Mobile
+        const T = S;
+        if (T.code === 4902 || // Unwrapping for MetaMask Mobile
         // https://github.com/MetaMask/metamask-mobile/issues/2944#issuecomment-976988719
-        ((W = (D = I == null ? void 0 : I.data) == null ? void 0 : D.originalError) == null ? void 0 : W.code) === 4902)
+        ((W = (A = T == null ? void 0 : T.data) == null ? void 0 : A.originalError) == null ? void 0 : W.code) === 4902)
           try {
-            const { default: k, ...C } = x.blockExplorers ?? {};
-            let A;
-            i != null && i.blockExplorerUrls ? A = i.blockExplorerUrls : k && (A = [
-              k.url,
+            const { default: _, ...C } = b.blockExplorers ?? {};
+            let $;
+            s != null && s.blockExplorerUrls ? $ = s.blockExplorerUrls : _ && ($ = [
+              _.url,
               ...Object.values(C).map((H) => H.url)
             ]);
             let G;
-            (F = i == null ? void 0 : i.rpcUrls) != null && F.length ? G = i.rpcUrls : G = [((T = x.rpcUrls.default) == null ? void 0 : T.http[0]) ?? ""];
-            const le = {
-              blockExplorerUrls: A,
-              chainId: Ke(l),
-              chainName: (i == null ? void 0 : i.chainName) ?? x.name,
-              iconUrls: i == null ? void 0 : i.iconUrls,
-              nativeCurrency: (i == null ? void 0 : i.nativeCurrency) ?? x.nativeCurrency,
+            (L = s == null ? void 0 : s.rpcUrls) != null && L.length ? G = s.rpcUrls : G = [((I = b.rpcUrls.default) == null ? void 0 : I.http[0]) ?? ""];
+            const de = {
+              blockExplorerUrls: $,
+              chainId: Xe(d),
+              chainName: (s == null ? void 0 : s.chainName) ?? b.name,
+              iconUrls: s == null ? void 0 : s.iconUrls,
+              nativeCurrency: (s == null ? void 0 : s.nativeCurrency) ?? b.nativeCurrency,
               rpcUrls: G
             };
             return await Promise.all([
-              y.request({
+              v.request({
                 method: "wallet_addEthereumChain",
-                params: [le]
+                params: [de]
               }).then(async () => {
-                if (await this.getChainId() === l)
-                  f.emitter.emit("change", { chainId: l });
+                if (await this.getChainId() === d)
+                  f.emitter.emit("change", { chainId: d });
                 else
-                  throw new L(new Error("User rejected switch after adding network."));
+                  throw new F(new Error("User rejected switch after adding network."));
               }),
-              E
-            ]), x;
-          } catch (k) {
-            throw new L(k);
+              R
+            ]), b;
+          } catch (_) {
+            throw new F(_);
           }
-        throw I.code === L.code ? new L(I) : new He(I);
+        throw T.code === F.code ? new F(T) : new Je(T);
       }
     },
-    async onAccountsChanged(i) {
-      var l;
-      if (i.length === 0)
+    async onAccountsChanged(s) {
+      var d;
+      if (s.length === 0)
         this.onDisconnect();
       else if (f.emitter.listenerCount("connect")) {
-        const y = (await this.getChainId()).toString();
-        this.onConnect({ chainId: y }), o && await ((l = f.storage) == null ? void 0 : l.removeItem(`${this.id}.disconnected`));
+        const v = (await this.getChainId()).toString();
+        this.onConnect({ chainId: v }), n && await ((d = f.storage) == null ? void 0 : d.removeItem(`${this.id}.disconnected`));
       } else
         f.emitter.emit("change", {
-          accounts: i.map((y) => oe(y))
+          accounts: s.map((v) => oe(v))
         });
     },
-    onChainChanged(i) {
-      const l = Number(i);
-      f.emitter.emit("change", { chainId: l });
+    onChainChanged(s) {
+      const d = Number(s);
+      f.emitter.emit("change", { chainId: d });
     },
-    async onConnect(i) {
-      const l = await this.getAccounts();
-      if (l.length === 0)
+    async onConnect(s) {
+      const d = await this.getAccounts();
+      if (d.length === 0)
         return;
-      const y = Number(i.chainId);
-      f.emitter.emit("connect", { accounts: l, chainId: y });
-      const x = await this.getProvider();
-      x && (g && (x.removeListener("connect", g), g = void 0), d || (d = this.onAccountsChanged.bind(this), x.on("accountsChanged", d)), p || (p = this.onChainChanged.bind(this), x.on("chainChanged", p)), b || (b = this.onDisconnect.bind(this), x.on("disconnect", b)));
+      const v = Number(s.chainId);
+      f.emitter.emit("connect", { accounts: d, chainId: v });
+      const b = await this.getProvider();
+      b && (g && (b.removeListener("connect", g), g = void 0), u || (u = this.onAccountsChanged.bind(this), b.on("accountsChanged", u)), p || (p = this.onChainChanged.bind(this), b.on("chainChanged", p)), x || (x = this.onDisconnect.bind(this), b.on("disconnect", x)));
     },
-    async onDisconnect(i) {
-      const l = await this.getProvider();
-      i && i.code === 1013 && l && (await this.getAccounts()).length || (f.emitter.emit("disconnect"), l && (p && (l.removeListener("chainChanged", p), p = void 0), b && (l.removeListener("disconnect", b), b = void 0), g || (g = this.onConnect.bind(this), l.on("connect", g))));
+    async onDisconnect(s) {
+      const d = await this.getProvider();
+      s && s.code === 1013 && d && (await this.getAccounts()).length || (f.emitter.emit("disconnect"), d && (p && (d.removeListener("chainChanged", p), p = void 0), x && (d.removeListener("disconnect", x), x = void 0), g || (g = this.onConnect.bind(this), d.on("connect", g))));
     }
   });
 }
-const ht = {
+const yt = {
   coinbaseWallet: {
     id: "coinbaseWallet",
     name: "Coinbase Wallet",
@@ -1559,10 +1670,10 @@ const ht = {
     id: "metaMask",
     name: "MetaMask",
     provider(t) {
-      return se(t, (o) => {
-        if (!o.isMetaMask || o.isBraveWallet && !o._events && !o._state)
+      return se(t, (n) => {
+        if (!n.isMetaMask || n.isBraveWallet && !n._events && !n._state)
           return !1;
-        const s = [
+        const i = [
           "isApexWallet",
           "isAvalanche",
           "isBitKeep",
@@ -1582,8 +1693,8 @@ const ht = {
           "isUniswapWallet",
           "isZerion"
         ];
-        for (const u of s)
-          if (o[u])
+        for (const c of i)
+          if (n[c])
             return !1;
         return !0;
       });
@@ -1593,36 +1704,36 @@ const ht = {
     id: "phantom",
     name: "Phantom",
     provider(t) {
-      var o, s;
-      return (o = t == null ? void 0 : t.phantom) != null && o.ethereum ? (s = t.phantom) == null ? void 0 : s.ethereum : se(t, "isPhantom");
+      var n, i;
+      return (n = t == null ? void 0 : t.phantom) != null && n.ethereum ? (i = t.phantom) == null ? void 0 : i.ethereum : se(t, "isPhantom");
     }
   }
 };
-function se(t, o) {
-  function s(d) {
-    return typeof o == "function" ? o(d) : typeof o == "string" ? d[o] : !0;
+function se(t, n) {
+  function i(u) {
+    return typeof n == "function" ? n(u) : typeof n == "string" ? u[n] : !0;
   }
-  const u = t.ethereum;
-  if (u != null && u.providers)
-    return u.providers.find((d) => s(d));
-  if (u && s(u))
-    return u;
+  const c = t.ethereum;
+  if (c != null && c.providers)
+    return c.providers.find((u) => i(u));
+  if (c && i(c))
+    return c;
 }
-const pt = new qr(), gt = Br({
-  chains: [xe],
-  connectors: [je()],
+const mt = new qr(), bt = Br({
+  chains: [Se],
+  connectors: [Re()],
   transports: {
-    [xe.id]: Nr()
+    [Se.id]: Nr()
   }
 });
-function wt({ children: t }) {
-  return /* @__PURE__ */ r.jsx(Yr, { config: gt, children: /* @__PURE__ */ r.jsx(Vr, { client: pt, children: t }) });
+function Rt({ children: t }) {
+  return /* @__PURE__ */ r.jsx(Yr, { config: bt, children: /* @__PURE__ */ r.jsx(Vr, { client: mt, children: t }) });
 }
 export {
-  xt as SwarmConnectButton,
-  lt as SwarmConnectModal,
-  wt as SwarmConnectProvider,
+  Ct as SwarmConnectButton,
+  ht as SwarmConnectModal,
+  Rt as SwarmConnectProvider,
   Xr as useBeeNode,
   Qr as usePostageStamps,
-  Zr as useSwarmConnect
+  et as useSwarmConnect
 };