npm - @ffaerber/swarm-connect - Versions diffs - 0.2.0 → 0.3.0 - Mend

@ffaerber/swarm-connect 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/components/StepLabel.d.ts +8 -0
package/dist/components/tabs/SwarmTab.d.ts +2 -2
package/dist/components/tabs/WalletTab.d.ts +3 -1
package/dist/constants.d.ts +1 -0
package/dist/swarm-connect.js +580 -543
package/dist/swarm-connect.umd.cjs +11 -11
package/package.json +1 -1

package/dist/swarm-connect.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import nr, { useState as L, useCallback as or, useEffect as xe } from "react";
-import { useAccount as ir, useChainId as sr, useDisconnect as zr, useConnect as Ur, useSwitchChain as Mr, 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 Ke, numberToHex as Je, UserRejectedRequestError as F, withRetry as Gr, withTimeout as Hr, ResourceUnavailableRpcError as be } from "viem";
+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
@@ -12,17 +12,17 @@ var we = { 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 Xe;
+var Qe;
 function Kr() {
-  if (Xe) return X;
-  Xe = 1;
-  var t = nr, o = Symbol.for("react.element"), i = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, f = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function g(y, u, s) {
-    var d, v = {}, x = null, R = null;
-    s !== void 0 && (x = "" + s), u.key !== void 0 && (x = "" + u.key), u.ref !== void 0 && (R = u.ref);
-    for (d in u) l.call(u, d) && !p.hasOwnProperty(d) && (v[d] = u[d]);
-    if (y && y.defaultProps) for (d in u = y.defaultProps, u) v[d] === void 0 && (v[d] = u[d]);
-    return { $$typeof: o, type: y, key: x, ref: R, props: v, _owner: f.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 = i, X.jsx = g, X.jsxs = g, X;
 }
@@ -36,54 +36,54 @@ 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 Qe;
+var Ze;
 function Jr() {
-  return Qe || (Qe = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = nr, o = Symbol.for("react.element"), i = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), y = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), s = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), D = Symbol.iterator, W = "@@iterator";
-    function z(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(b) {
-          return String(b);
+        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 _ = !1, C = !1, $ = !1, G = !1, ue = !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 === l || e === p || ue || e === f || e === s || e === d || G || e === R || _ || C || $ || typeof e == "object" && e !== null && (e.$$typeof === x || e.$$typeof === v || e.$$typeof === g || e.$$typeof === y || e.$$typeof === u || // 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 Re(e) {
+    function ke(e) {
       return e.displayName || "Context";
     }
-    function U(e) {
+    function z(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -91,13 +91,13 @@ function Jr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case l:
+        case c:
           return "Fragment";
         case i:
           return "Portal";
         case p:
           return "Profiler";
-        case f:
+        case u:
           return "StrictMode";
         case s:
           return "Suspense";
@@ -106,21 +106,21 @@ function Jr() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case y:
-            var n = e;
-            return Re(n) + ".Consumer";
+          case x:
+            var o = e;
+            return ke(o) + ".Consumer";
           case g:
-            var c = e;
-            return Re(c._context) + ".Provider";
-          case u:
+            var l = e;
+            return ke(l._context) + ".Provider";
+          case f:
             return dr(e, e.render, "ForwardRef");
           case v:
             var h = e.displayName || null;
-            return h !== null ? h : U(e.type) || "Memo";
-          case x: {
-            var w = e, j = w._payload, b = w._init;
+            return h !== null ? h : z(e.type) || "Memo";
+          case b: {
+            var w = e, j = w._payload, m = w._init;
             try {
-              return U(b(j));
+              return z(m(j));
             } catch {
               return null;
             }
@@ -128,14 +128,14 @@ function Jr() {
         }
       return null;
     }
-    var M = Object.assign, K = 0, ke, _e, Ee, Te, Ie, Pe, Oe;
+    var M = Object.assign, K = 0, _e, Ee, Ie, Te, Pe, Oe, Ae;
     function De() {
     }
     De.__reactDisabledLog = !0;
     function fr() {
       {
         if (K === 0) {
-          ke = console.log, _e = console.info, Ee = console.warn, Te = console.error, Ie = console.group, Pe = console.groupCollapsed, Oe = 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,
@@ -165,87 +165,87 @@ function Jr() {
           };
           Object.defineProperties(console, {
             log: M({}, e, {
-              value: ke
+              value: _e
             }),
             info: M({}, e, {
-              value: _e
+              value: Ee
             }),
             warn: M({}, e, {
-              value: Ee
+              value: Ie
             }),
             error: M({}, e, {
               value: Te
             }),
             group: M({}, e, {
-              value: Ie
+              value: Pe
             }),
             groupCollapsed: M({}, e, {
-              value: Pe
+              value: Oe
             }),
             groupEnd: M({}, e, {
-              value: Oe
+              value: Ae
             })
           });
         }
         K < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var de = T.ReactCurrentDispatcher, fe;
-    function ee(e, n, c) {
+    var fe = I.ReactCurrentDispatcher, he;
+    function ee(e, o, l) {
       {
-        if (fe === void 0)
+        if (he === void 0)
           try {
             throw Error();
           } catch (w) {
             var h = w.stack.trim().match(/\n( *(at )?)/);
-            fe = h && h[1] || "";
+            he = h && h[1] || "";
           }
         return `
-` + fe + e;
+` + he + e;
       }
     }
-    var he = !1, re;
+    var pe = !1, re;
     {
       var pr = typeof WeakMap == "function" ? WeakMap : Map;
       re = new pr();
     }
-    function Ae(e, n) {
-      if (!e || he)
+    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;
-      he = !0;
+      pe = !0;
       var w = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var j;
-      j = de.current, de.current = null, fr();
+      j = fe.current, fe.current = null, fr();
       try {
-        if (n) {
-          var b = function() {
+        if (o) {
+          var m = function() {
             throw Error();
           };
-          if (Object.defineProperty(b.prototype, "props", {
+          if (Object.defineProperty(m.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(b, []);
+              Reflect.construct(m, []);
             } catch (O) {
               h = O;
             }
-            Reflect.construct(e, [], b);
+            Reflect.construct(e, [], m);
           } else {
             try {
-              b.call();
+              m.call();
             } catch (O) {
               h = O;
             }
-            e.call(b.prototype);
+            e.call(m.prototype);
           }
         } else {
           try {
@@ -257,41 +257,41 @@ function Jr() {
         }
       } catch (O) {
         if (O && h && typeof O.stack == "string") {
-          for (var m = O.stack.split(`
+          for (var y = O.stack.split(`
 `), P = h.stack.split(`
-`), k = m.length - 1, E = P.length - 1; k >= 1 && E >= 0 && m[k] !== P[E]; )
+`), 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 (m[k] !== P[E]) {
+            if (y[k] !== P[E]) {
               if (k !== 1 || E !== 1)
                 do
-                  if (k--, E--, E < 0 || m[k] !== P[E]) {
-                    var A = `
-` + m[k].replace(" at new ", " at ");
-                    return e.displayName && A.includes("<anonymous>") && (A = A.replace("<anonymous>", e.displayName)), typeof e == "function" && re.set(e, A), A;
+                  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 (k >= 1 && E >= 0);
               break;
             }
         }
       } finally {
-        he = !1, de.current = j, hr(), Error.prepareStackTrace = w;
+        pe = !1, fe.current = j, hr(), Error.prepareStackTrace = w;
       }
-      var Y = e ? e.displayName || e.name : "", B = Y ? ee(Y) : "";
+      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 Ae(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 Ae(e, vr(e));
+        return $e(e, vr(e));
       if (typeof e == "string")
         return ee(e);
       switch (e) {
@@ -302,182 +302,182 @@ function Jr() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case u:
+          case f:
             return gr(e.render);
           case v:
-            return te(e.type, n, c);
-          case x: {
+            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, $e = {}, We = 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);
-        We.setExtraStackFrame(c);
+        var o = e._owner, l = te(e.type, e._source, o ? o.type : null);
+        Fe.setExtraStackFrame(l);
       } else
-        We.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 b in e)
-          if (j(e, b)) {
-            var m = void 0;
+        for (var m in e)
+          if (j(e, m)) {
+            var y = void 0;
             try {
-              if (typeof e[b] != "function") {
-                var P = Error((h || "React class") + ": " + c + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[m] != "function") {
+                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;
               }
-              m = e[b](n, b, h, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              y = e[m](o, m, h, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (k) {
-              m = k;
+              y = k;
             }
-            m && !(m 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, b, typeof m), ne(null)), m instanceof Error && !(m.message in $e) && ($e[m.message] = !0, ne(w), S("Failed %s type: %s", c, m.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 pe(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 Fe(e), !1;
+        return Le(e), !1;
       } catch {
         return !0;
       }
     }
-    function Fe(e) {
+    function Le(e) {
       return "" + e;
     }
-    function Le(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)), Fe(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 ze = T.ReactCurrentOwner, wr = {
+    var Ue = I.ReactCurrentOwner, wr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ue, Me;
+    }, 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" && ze.current;
+    function Cr(e, o) {
+      typeof e.ref == "string" && Ue.current;
     }
-    function Rr(e, n) {
+    function Rr(e, o) {
       {
-        var c = function() {
-          Ue || (Ue = !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() {
-          Me || (Me = !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, b) {
-      var m = {
+    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,
-        props: b,
+        key: o,
+        ref: l,
+        props: m,
         // Record the component responsible for creating this element.
         _owner: j
       };
-      return m._store = {}, Object.defineProperty(m._store, "validated", {
+      return y._store = {}, Object.defineProperty(y._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(m, "_self", {
+      }), Object.defineProperty(y, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: h
-      }), Object.defineProperty(m, "_source", {
+      }), Object.defineProperty(y, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: w
-      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
+      }), 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, b = {}, m = null, P = null;
-        c !== void 0 && (Le(c), m = "" + c), Sr(n) && (Le(n.key), m = "" + n.key), jr(n) && (P = n.ref, Cr(n, w));
-        for (j in n)
-          J.call(n, j) && !wr.hasOwnProperty(j) && (b[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 k = e.defaultProps;
           for (j in k)
-            b[j] === void 0 && (b[j] = k[j]);
+            m[j] === void 0 && (m[j] = k[j]);
         }
-        if (m || P) {
+        if (y || P) {
           var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          m && Rr(b, E), P && kr(b, E);
+          y && Rr(m, E), P && kr(m, E);
         }
-        return _r(e, m, P, w, h, ze.current, b);
+        return _r(e, y, P, w, h, Ue.current, m);
       }
     }
-    var ge = T.ReactCurrentOwner, Be = 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);
-        Be.setExtraStackFrame(c);
+        var o = e._owner, l = te(e.type, e._source, o ? o.type : null);
+        Ne.setExtraStackFrame(l);
       } else
-        Be.setExtraStackFrame(null);
+        Ne.setExtraStackFrame(null);
     }
-    var ve;
-    ve = !1;
+    var ye;
+    ye = !1;
     function me(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === o;
+      return typeof e == "object" && e !== null && e.$$typeof === n;
     }
-    function Ne() {
+    function Ye() {
       {
-        if (ge.current) {
-          var e = U(ge.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 Ye = {};
-    function Ir(e) {
+    var qe = {};
+    function Tr(e) {
       {
-        var n = Ne();
-        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 qe(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 (Ye[c])
+        var l = Tr(o);
+        if (qe[l])
           return;
-        Ye[c] = !0;
+        qe[l] = !0;
         var h = "";
-        e && e._owner && e._owner !== ge.current && (h = " It was passed a child from " + U(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 Ve(e, n) {
+    function Ge(e, o) {
       {
         if (typeof e != "object")
           return;
-        if (pe(e))
-          for (var c = 0; c < e.length; c++) {
-            var h = e[c];
-            me(h) && qe(h, n);
+        if (ge(e))
+          for (var l = 0; l < e.length; l++) {
+            var h = e[l];
+            me(h) && Ve(h, o);
           }
         else if (me(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var w = z(e);
+          var w = L(e);
           if (typeof w == "function" && w !== e.entries)
-            for (var j = w.call(e), b; !(b = j.next()).done; )
-              me(b.value) && qe(b.value, n);
+            for (var j = w.call(e), m; !(m = j.next()).done; )
+              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 === u || // 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 === v))
-          c = n.propTypes;
+        o.$$typeof === v))
+          l = o.propTypes;
         else
           return;
-        if (c) {
-          var h = U(n);
-          mr(c, e.props, "prop", h, e);
-        } else if (n.PropTypes !== void 0 && !ve) {
-          ve = !0;
-          var w = U(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 Ge = {};
-    function He(e, n, c, h, w, j) {
+    var He = {};
+    function Ke(e, o, l, h, w, j) {
       {
-        var b = ur(e);
-        if (!b) {
-          var m = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (m += " 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 ? m += P : m += Ne();
+        var m = ur(e);
+        if (!m) {
+          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" : pe(e) ? k = "array" : e !== void 0 && e.$$typeof === o ? (k = "<" + (U(e.type) || "Unknown") + " />", m = " 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, m);
+          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 E = Er(e, n, c, w, j);
+        var E = Er(e, o, l, w, j);
         if (E == null)
           return E;
-        if (b) {
-          var A = n.children;
-          if (A !== void 0)
+        if (m) {
+          var D = o.children;
+          if (D !== void 0)
             if (h)
-              if (pe(A)) {
-                for (var Y = 0; Y < A.length; Y++)
-                  Ve(A[Y], e);
-                Object.freeze && Object.freeze(A);
+              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
-              Ve(A, e);
+              Ge(D, e);
         }
-        if (J.call(n, "key")) {
-          var B = U(e), O = Object.keys(n).filter(function(Lr) {
+        if (J.call(o, "key")) {
+          var B = z(e), O = Object.keys(o).filter(function(Lr) {
             return Lr !== "key";
-          }), ye = O.length > 0 ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ge[B + ye]) {
+          }), 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} />`, ye, B, Fr, B), Ge[B + ye] = !0;
+  <%s key={someKey} {...props} />`, be, B, Fr, B), He[B + be] = !0;
           }
         }
-        return e === l ? Or(E) : Pr(E), E;
+        return e === c ? Or(E) : Pr(E), E;
       }
     }
-    function Dr(e, n, c) {
-      return He(e, n, c, !0);
+    function Ar(e, o, l) {
+      return Ke(e, o, l, !0);
     }
-    function Ar(e, n, c) {
-      return He(e, n, c, !1);
+    function Dr(e, o, l) {
+      return Ke(e, o, l, !1);
     }
-    var $r = Ar, Wr = Dr;
-    Q.Fragment = l, Q.jsx = $r, Q.jsxs = Wr;
+    var $r = Dr, Wr = Ar;
+    Q.Fragment = c, Q.jsx = $r, Q.jsxs = Wr;
   }()), Q;
 }
 process.env.NODE_ENV === "production" ? we.exports = Kr() : we.exports = Jr();
 var r = we.exports;
-const ae = 100, le = "http://localhost:1633", a = {
+const ce = 100, ue = "http://localhost:1633", sr = "swarm-connect:bee-api-url", a = {
   colors: {
     primary: "#1a56db",
     primaryHover: "#1e429f",
@@ -641,24 +641,25 @@ const ae = 100, le = "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 = le) {
-  const [o, i] = L({
+function Xr(t = ue) {
+  const [n, i] = U({
     isRunning: !1,
     isChecking: !1
-  }), l = or(async () => {
+  }), c = nr(async () => {
     i({ isRunning: !1, isChecking: !0 });
     try {
-      const f = await fetch(`${t}/health`, {
+      const u = await fetch(`${t}/health`, {
         signal: AbortSignal.timeout(5e3)
       });
-      if (f.ok) {
-        const p = await f.json();
+      if (u.ok) {
+        const p = await u.json();
         i({ isRunning: !0, isChecking: !1, version: p.version });
       } else
-        i({ isRunning: !1, isChecking: !1, error: `Node returned HTTP ${f.status}` });
+        i({ isRunning: !1, isChecking: !1, error: `Node returned HTTP ${u.status}` });
     } catch {
       i({
         isRunning: !1,
@@ -667,11 +668,11 @@ function Xr(t = le) {
       });
     }
   }, [t]);
-  return { ...o, check: l };
+  return { ...n, check: c };
 }
-function Qr(t = le) {
-  const [o, i] = L([]), [l, f] = L(!1), [p, g] = L(), [y, u] = L(), s = or(async () => {
-    f(!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 d = await fetch(`${t}/stamps`, {
         signal: AbortSignal.timeout(5e3)
@@ -684,57 +685,100 @@ function Qr(t = le) {
     } catch {
       g("Could not fetch postage stamps");
     } finally {
-      f(!1);
+      u(!1);
     }
   }, [t]);
-  return { stamps: o, isLoading: l, error: p, fetchStamps: s, selectedStampId: y, selectStamp: u };
+  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, i] = L(t.beeApiUrl ?? le), l = Xr(o), f = Qr(o), { address: p, isConnected: g } = ir(), y = sr(), u = y === 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: l,
-    stamps: f,
-    beeApiUrl: o,
+    beeNode: c,
+    stamps: u,
+    beeApiUrl: n,
     setBeeApiUrl: i,
     isWalletConnected: g,
     address: p,
-    isOnGnosis: u,
-    chainId: y,
-    isFullyConnected: l.isRunning && !!f.selectedStampId && g && u
+    isOnGnosis: f,
+    chainId: x,
+    isFullyConnected: c.isRunning && !!u.selectedStampId && g && f
   };
 }
-function et({ beeApiUrl: t, setBeeApiUrl: o, beeNode: i, stamps: l }) {
-  return xe(() => {
+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]), xe(() => {
-    i.isRunning && l.fetchStamps();
-  }, [i.isRunning]), /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: [
+  }, [t]), ae(() => {
+    i.isRunning && c.fetchStamps();
+  }, [i.isRunning]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs("section", { children: [
-      /* @__PURE__ */ r.jsx(Ze, { children: "Bee Node" }),
+      /* @__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(
-          rt,
+          tt,
           {
             value: t,
             disabled: i.isChecking,
-            onSubmit: o
+            onSubmit: n
           }
         ),
-        /* @__PURE__ */ r.jsx(tt, { beeApiUrl: t, status: i, onRetry: i.check })
+        /* @__PURE__ */ r.jsx(ot, { beeApiUrl: t, status: i, onRetry: i.check })
       ] })
     ] }),
-    i.isRunning && /* @__PURE__ */ r.jsxs("section", { children: [
-      /* @__PURE__ */ r.jsx(Ze, { children: "Postage Stamp" }),
-      /* @__PURE__ */ r.jsx(nt, { stamps: l })
+    /* @__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 rt({ value: t, disabled: o, onSubmit: i }) {
-  const [l, f] = L(t);
-  xe(() => {
-    f(t);
+function tt({ value: t, disabled: n, onSubmit: i }) {
+  const [c, u] = U(t);
+  ae(() => {
+    u(t);
   }, [t]);
-  const p = l.trim().replace(/\/+$/, ""), g = p !== t && p.length > 0, y = () => {
+  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: [
@@ -742,11 +786,11 @@ function rt({ value: t, disabled: o, onSubmit: i }) {
       "input",
       {
         type: "url",
-        value: l,
-        disabled: o,
-        onChange: (u) => f(u.target.value),
-        onKeyDown: (u) => {
-          u.key === "Enter" && y();
+        value: c,
+        disabled: n,
+        onChange: (f) => u(f.target.value),
+        onKeyDown: (f) => {
+          f.key === "Enter" && x();
         },
         placeholder: "http://localhost:1633",
         spellCheck: !1,
@@ -761,90 +805,92 @@ function rt({ value: t, disabled: o, onSubmit: i }) {
           borderRadius: 6,
           color: a.colors.text,
           outline: "none",
-          background: o ? "#f9fafb" : "#fff"
+          background: n ? "#f9fafb" : "#fff"
         }
       }
     ),
     /* @__PURE__ */ r.jsx(
       "button",
       {
-        onClick: y,
-        disabled: o || !g,
+        onClick: x,
+        disabled: n || !g,
         style: {
-          ...Se,
+          ...Ce,
           alignSelf: "auto",
-          cursor: o || !g ? "default" : "pointer",
-          opacity: o || !g ? 0.5 : 1
+          cursor: n || !g ? "default" : "pointer",
+          opacity: n || !g ? 0.5 : 1
         },
         children: "Connect"
       }
     )
   ] });
 }
-function Ze({ children: t }) {
-  return /* @__PURE__ */ r.jsx("div", { style: {
-    fontSize: 11,
-    fontWeight: 700,
-    textTransform: "uppercase",
-    letterSpacing: "0.06em",
+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 tt({ beeApiUrl: t, status: o, onRetry: i }) {
-  return o.isChecking ? /* @__PURE__ */ r.jsxs("div", { style: V, children: [
+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: [
+  ] }) : 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.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: i, style: Se, children: "Retry" })
+    /* @__PURE__ */ r.jsx("button", { onClick: i, style: Ce, children: "Retry" })
   ] });
 }
-function nt({ stamps: t }) {
-  return t.isLoading ? /* @__PURE__ */ r.jsxs("div", { style: { ...V, gap: 10 }, children: [
+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: Se, 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(
-    ot,
+  ] }) : /* @__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 ot({ stamp: t, selected: o, onSelect: i }) {
-  const l = Math.floor(t.batchTTL / 86400), f = `${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",
     {
@@ -854,37 +900,37 @@ function ot({ stamp: t, selected: o, onSelect: i }) {
         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: f }),
+          /* @__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: l > 0 ? `${l}d` : "expiring" }),
+          /* @__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 er({ children: t, bg: o, color: i }) {
-  return /* @__PURE__ */ r.jsx("span", { style: { fontSize: 11, background: o, color: i, 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 rr({ color: t }) {
   return /* @__PURE__ */ r.jsx("span", { style: { fontSize: 10, color: t, lineHeight: 1 }, children: "●" });
@@ -900,7 +946,7 @@ function ar() {
     animation: "spin 0.7s linear infinite"
   } });
 }
-const V = {
+const N = {
   display: "flex",
   alignItems: "center",
   gap: 12,
@@ -908,7 +954,7 @@ const V = {
   border: `1px solid ${a.colors.border}`,
   borderRadius: 8,
   background: "#fff"
-}, Se = {
+}, Ce = {
   background: "none",
   border: `1px solid ${a.colors.border}`,
   borderRadius: 6,
@@ -918,24 +964,24 @@ const V = {
   color: a.colors.muted,
   alignSelf: "flex-start"
 };
-function it(t) {
-  const o = {
+function at(t) {
+  const n = {
     formatters: void 0,
     fees: void 0,
     serializers: void 0,
     ...t
   };
-  function i(l) {
-    return (f) => {
-      const p = typeof f == "function" ? f(l) : f, g = { ...l, ...p };
+  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: i(o)
+  return Object.assign(n, {
+    extend: i(n)
   });
 }
-const je = /* @__PURE__ */ it({
+const Se = /* @__PURE__ */ at({
   id: 100,
   name: "Gnosis",
   nativeCurrency: {
@@ -964,31 +1010,18 @@ const je = /* @__PURE__ */ it({
     }
   }
 });
-function st() {
-  const { address: t, isConnected: o } = ir(), i = sr(), l = i === ae;
-  return /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: [
-    /* @__PURE__ */ r.jsxs("section", { children: [
-      /* @__PURE__ */ r.jsx(tr, { children: "Wallet" }),
-      o ? /* @__PURE__ */ r.jsx(at, { address: t }) : /* @__PURE__ */ r.jsx(ct, {})
-    ] }),
-    o && /* @__PURE__ */ r.jsxs("section", { children: [
-      /* @__PURE__ */ r.jsx(tr, { children: "Network" }),
-      /* @__PURE__ */ r.jsx(lt, { isOnGnosis: l, chainId: i })
+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 tr({ 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 at({ address: t }) {
-  const { disconnect: o } = zr();
+function lt({ address: t }) {
+  const { disconnect: n } = zr();
   return /* @__PURE__ */ r.jsxs("div", { style: {
     display: "flex",
     alignItems: "center",
@@ -1005,7 +1038,7 @@ function at({ address: t }) {
     /* @__PURE__ */ r.jsx(
       "button",
       {
-        onClick: () => o(),
+        onClick: () => n(),
         style: {
           background: "none",
           border: `1px solid ${a.colors.border}`,
@@ -1020,13 +1053,27 @@ function at({ address: t }) {
     )
   ] });
 }
-function ct() {
-  const { connectors: t, connect: o, isPending: i, error: l } = Ur();
+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((f) => /* @__PURE__ */ r.jsxs(
+    t.map((u) => /* @__PURE__ */ r.jsxs(
       "button",
       {
-        onClick: () => o({ connector: f }),
+        onClick: () => n({ connector: u }),
         disabled: i,
         style: {
           display: "flex",
@@ -1051,17 +1098,17 @@ function ct() {
           p.currentTarget.style.borderColor = a.colors.border;
         },
         children: [
-          f.icon ? /* @__PURE__ */ r.jsx("img", { src: f.icon, width: 20, height: 20, alt: "", style: { borderRadius: 4 } }) : /* @__PURE__ */ r.jsx("span", { style: { width: 20, textAlign: "center", fontSize: 16 }, children: "🔗" }),
-          f.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
         ]
       },
-      f.uid
+      u.uid
     )),
-    l && /* @__PURE__ */ r.jsx("div", { style: { fontSize: 12, color: a.colors.error, marginTop: 2 }, children: l.message })
+    c && /* @__PURE__ */ r.jsx("div", { style: { fontSize: 12, color: a.colors.error, marginTop: 2 }, children: c.message })
   ] });
 }
-function lt({ isOnGnosis: t, chainId: o }) {
-  const { switchChain: i, isPending: l, error: f } = Mr();
+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",
@@ -1076,7 +1123,7 @@ function lt({ 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: [
@@ -1094,9 +1141,9 @@ function lt({ 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"
         ] })
       ] })
@@ -1104,28 +1151,28 @@ function lt({ isOnGnosis: t, chainId: o }) {
     /* @__PURE__ */ r.jsx(
       "button",
       {
-        onClick: () => i({ chainId: je.id }),
-        disabled: l,
+        onClick: () => i({ chainId: Se.id }),
+        disabled: c,
         style: {
           background: a.colors.primary,
           color: "#fff",
           border: "none",
           borderRadius: 6,
           padding: "9px 20px",
-          cursor: l ? "not-allowed" : "pointer",
+          cursor: c ? "not-allowed" : "pointer",
           fontSize: 14,
           fontWeight: 500,
-          opacity: l ? 0.7 : 1,
+          opacity: c ? 0.7 : 1,
           alignSelf: "flex-start"
         },
-        children: l ? "Switching…" : "Switch to Gnosis"
+        children: c ? "Switching…" : "Switch to Gnosis"
       }
     ),
-    f && /* @__PURE__ */ r.jsx("div", { style: { fontSize: 12, color: a.colors.error }, children: f.message })
+    u && /* @__PURE__ */ r.jsx("div", { style: { fontSize: 12, color: a.colors.error }, children: u.message })
   ] });
 }
-function ut({ onClose: t, beeNode: o, stamps: i, beeApiUrl: l, setBeeApiUrl: f }) {
-  const [p, g] = L("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); } }
@@ -1189,56 +1236,46 @@ function ut({ onClose: t, beeNode: o, stamps: i, beeApiUrl: l, setBeeApiUrl: f }
           }
         )
       ] }),
-      /* @__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((y) => {
-        const u = p === y;
-        return /* @__PURE__ */ r.jsx(
-          "button",
+        flexDirection: "column",
+        gap: 28
+      }, children: [
+        /* @__PURE__ */ r.jsx(
+          rt,
           {
-            onClick: () => g(y),
-            style: {
-              background: "none",
-              border: "none",
-              cursor: "pointer",
-              padding: "8px 18px 10px",
-              fontSize: 14,
-              fontWeight: u ? 600 : 400,
-              color: u ? a.colors.primary : a.colors.muted,
-              borderBottom: `2px solid ${u ? a.colors.primary : "transparent"}`,
-              marginBottom: -1,
-              transition: "all 0.15s"
-            },
-            children: y === "swarm" ? "🐝 Swarm" : "🦊 Wallet"
-          },
-          y
-        );
-      }) }),
-      /* @__PURE__ */ r.jsxs("div", { style: { padding: "20px", minHeight: 260, maxHeight: "60vh", overflowY: "auto" }, children: [
-        p === "swarm" && /* @__PURE__ */ r.jsx(et, { beeApiUrl: l, setBeeApiUrl: f, beeNode: o, stamps: i }),
-        p === "wallet" && /* @__PURE__ */ r.jsx(st, {})
+            beeApiUrl: c,
+            setBeeApiUrl: u,
+            beeNode: n,
+            stamps: i
+          }
+        ),
+        /* @__PURE__ */ r.jsx(ct, { swarmReady: p })
       ] })
     ] })
   ] });
 }
-function wt({ beeApiUrl: t = le, label: o }) {
-  const [i, l] = L(!1), {
-    beeNode: f,
+function Ct({ beeApiUrl: t = ue, label: n }) {
+  const [i, c] = U(!1), {
+    beeNode: u,
     stamps: p,
     beeApiUrl: g,
-    setBeeApiUrl: y,
-    isWalletConnected: u,
+    setBeeApiUrl: x,
+    isWalletConnected: f,
     address: s,
     isOnGnosis: d,
     isFullyConnected: v
-  } = Zr({ beeApiUrl: t }), x = o ?? (v ? s ? `${s.slice(0, 6)}…${s.slice(-4)}` : "Connected" : "Connect to Swarm");
+  } = 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: () => l(!0),
+        onClick: () => c(!0),
         style: {
           display: "inline-flex",
           alignItems: "center",
@@ -1263,29 +1300,29 @@ function wt({ beeApiUrl: t = le, label: o }) {
         },
         children: [
           !v && /* @__PURE__ */ r.jsxs("span", { style: { display: "flex", gap: 4, alignItems: "center" }, children: [
-            /* @__PURE__ */ r.jsx(ie, { ok: f.isRunning, checking: f.isChecking }),
+            /* @__PURE__ */ r.jsx(ie, { ok: u.isRunning, checking: u.isChecking }),
             /* @__PURE__ */ r.jsx(ie, { ok: !!p.selectedStampId }),
-            /* @__PURE__ */ r.jsx(ie, { ok: u }),
+            /* @__PURE__ */ r.jsx(ie, { ok: f }),
             /* @__PURE__ */ r.jsx(ie, { ok: d })
           ] }),
-          x
+          b
         ]
       }
     ),
     i && /* @__PURE__ */ r.jsx(
-      ut,
+      ht,
       {
-        onClose: () => l(!1),
-        beeNode: f,
+        onClose: () => c(!1),
+        beeNode: u,
         stamps: p,
         beeApiUrl: g,
-        setBeeApiUrl: y
+        setBeeApiUrl: x
       }
     )
   ] });
 }
-function ie({ ok: t, checking: o }) {
-  const i = 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,
@@ -1294,22 +1331,22 @@ function ie({ ok: t, checking: o }) {
     background: i
   } });
 }
-const dt = "2.22.1", ft = () => `@wagmi/core@${dt}`;
-var cr = function(t, o, i, l) {
-  if (i === "a" && !l) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof o == "function" ? t !== o || !l : !o.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return i === "m" ? l : i === "a" ? l.call(t) : l ? l.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 ft();
+    return gt();
   }
-  constructor(o, i = {}) {
+  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,
@@ -1335,27 +1372,27 @@ class Z extends Error {
       writable: !0,
       value: "WagmiCoreError"
     });
-    const l = i.cause instanceof Z ? i.cause.details : (p = i.cause) != null && p.message ? i.cause.message : i.details, f = i.cause instanceof Z && i.cause.docsPath || i.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.",
       "",
       ...i.metaMessages ? [...i.metaMessages, ""] : [],
-      ...f ? [
-        `Docs: ${this.docsBaseUrl}${f}.html${i.docsSlug ? `#${i.docsSlug}` : ""}`
+      ...u ? [
+        `Docs: ${this.docsBaseUrl}${u}.html${i.docsSlug ? `#${i.docsSlug}` : ""}`
       ] : [],
-      ...l ? [`Details: ${l}`] : [],
+      ...c ? [`Details: ${c}`] : [],
       `Version: ${this.version}`
     ].join(`
-`), i.cause && (this.cause = i.cause), this.details = l, this.docsPath = f, this.metaMessages = i.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, i) {
-  return i != null && i(o) ? o : o.cause ? cr(this, ce, "m", t).call(this, o.cause, i) : 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 ht extends Z {
+class vt extends Z {
   constructor() {
     super("Chain not configured."), Object.defineProperty(this, "name", {
       enumerable: !0,
@@ -1365,7 +1402,7 @@ class ht extends Z {
     });
   }
 }
-class q extends Z {
+class V extends Z {
   constructor() {
     super("Provider not found."), Object.defineProperty(this, "name", {
       enumerable: !0,
@@ -1375,21 +1412,21 @@ class q extends Z {
     });
   }
 }
-Ce.type = "injected";
-function Ce(t = {}) {
-  const { shimDisconnect: o = !0, unstable_shimAsyncInject: i } = t;
-  function l() {
-    const u = t.target;
-    if (typeof u == "function") {
-      const s = 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 s = f();
       if (s)
         return s;
     }
-    return typeof u == "object" ? u : typeof u == "string" ? {
-      ...pt[u] ?? {
-        id: u,
-        name: `${u[0].toUpperCase()}${u.slice(1)}`,
-        provider: `is${u[0].toUpperCase()}${u.slice(1)}`
+    return typeof f == "object" ? f : typeof f == "string" ? {
+      ...yt[f] ?? {
+        id: f,
+        name: `${f[0].toUpperCase()}${f.slice(1)}`,
+        provider: `is${f[0].toUpperCase()}${f.slice(1)}`
       }
     } : {
       id: "injected",
@@ -1399,51 +1436,51 @@ function Ce(t = {}) {
       }
     };
   }
-  let f, p, g, y;
-  return (u) => ({
+  let u, p, g, x;
+  return (f) => ({
     get icon() {
-      return l().icon;
+      return c().icon;
     },
     get id() {
-      return l().id;
+      return c().id;
     },
     get name() {
-      return l().name;
+      return c().name;
     },
     /** @deprecated */
     get supportsSimulation() {
       return !0;
     },
-    type: Ce.type,
+    type: Re.type,
     async setup() {
       const s = await this.getProvider();
-      s != null && s.on && t.target && (g || (g = this.onConnect.bind(this), s.on("connect", g)), f || (f = this.onAccountsChanged.bind(this), s.on("accountsChanged", f)));
+      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: s, isReconnecting: d, withCapabilities: v } = {}) {
-      var D, W, z, T, S, I;
-      const x = await this.getProvider();
-      if (!x)
-        throw new q();
+      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 (o)
+      else if (n)
         try {
-          R = (T = (z = (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 : z.value) == null ? void 0 : T.map((C) => oe(C)), R.length > 0 && (R = await this.getAccounts());
+          }))[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 === be.code)
+          if (C.code === xe.code)
             throw C;
         }
       try {
-        !(R != null && R.length) && !d && (R = (await x.request({
+        !(R != null && R.length) && !d && (R = (await b.request({
           method: "eth_requestAccounts"
-        })).map(($) => oe($))), g && (x.removeListener("connect", g), g = void 0), f || (f = this.onAccountsChanged.bind(this), x.on("accountsChanged", f)), p || (p = this.onChainChanged.bind(this), x.on("chainChanged", p)), y || (y = this.onDisconnect.bind(this), x.on("disconnect", y));
+        })).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(($) => {
@@ -1453,21 +1490,21 @@ function Ce(t = {}) {
           });
           _ = (C == null ? void 0 : C.id) ?? _;
         }
-        return o && await ((S = u.storage) == null ? void 0 : S.removeItem(`${this.id}.disconnected`)), t.target || await ((I = u.storage) == null ? void 0 : I.setItem("injected.connected", !0)), {
+        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 (_) {
         const C = _;
-        throw C.code === F.code ? new F(C) : C.code === be.code ? new be(C) : C;
+        throw C.code === F.code ? new F(C) : C.code === xe.code ? new xe(C) : C;
       }
     },
     async disconnect() {
       var d, v;
       const s = await this.getProvider();
       if (!s)
-        throw new q();
-      p && (s.removeListener("chainChanged", p), p = void 0), y && (s.removeListener("disconnect", y), y = void 0), g || (g = this.onConnect.bind(this), s.on("connect", g));
+        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
@@ -1479,18 +1516,18 @@ function Ce(t = {}) {
         ), { timeout: 100 });
       } catch {
       }
-      o && await ((d = u.storage) == null ? void 0 : d.setItem(`${this.id}.disconnected`, !0)), t.target || await ((v = u.storage) == null ? void 0 : v.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 s = await this.getProvider();
       if (!s)
-        throw new q();
+        throw new V();
       return (await s.request({ method: "eth_accounts" })).map((v) => oe(v));
     },
     async getChainId() {
       const s = await this.getProvider();
       if (!s)
-        throw new q();
+        throw new V();
       const d = await s.request({ method: "eth_chainId" });
       return Number(d);
     },
@@ -1498,28 +1535,28 @@ function Ce(t = {}) {
       if (typeof window > "u")
         return;
       let s;
-      const d = l();
+      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 s, d;
       try {
-        if (o && // If shim exists in storage, connector is disconnected
-        await ((s = u.storage) == null ? void 0 : s.getItem(`${this.id}.disconnected`)) || !t.target && !await ((d = u.storage) == null ? void 0 : d.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 (i !== void 0 && i !== !1) {
-            const D = async () => (typeof window < "u" && window.removeEventListener("ethereum#initialized", D), !!await this.getProvider()), W = typeof i == "number" ? i : 1e3;
+            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 {
@@ -1527,101 +1564,101 @@ function Ce(t = {}) {
       }
     },
     async switchChain({ addEthereumChainParameter: s, chainId: d }) {
-      var D, W, z, T;
+      var A, W, L, I;
       const v = await this.getProvider();
       if (!v)
-        throw new q();
-      const x = u.chains.find((S) => S.id === d);
-      if (!x)
-        throw new Ke(new ht());
+        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 I = (_) => {
-          "chainId" in _ && _.chainId === d && (u.emitter.off("change", I), S());
+        const T = (_) => {
+          "chainId" in _ && _.chainId === d && (f.emitter.off("change", T), S());
         };
-        u.emitter.on("change", I);
+        f.emitter.on("change", T);
       });
       try {
         return await Promise.all([
           v.request({
             method: "wallet_switchEthereumChain",
-            params: [{ chainId: Je(d) }]
+            params: [{ chainId: Xe(d) }]
           }).then(async () => {
-            await this.getChainId() === d && u.emitter.emit("change", { chainId: d });
+            await this.getChainId() === d && f.emitter.emit("change", { chainId: d });
           }),
           R
-        ]), x;
+        ]), 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: _, ...C } = x.blockExplorers ?? {};
+            const { default: _, ...C } = b.blockExplorers ?? {};
             let $;
             s != null && s.blockExplorerUrls ? $ = s.blockExplorerUrls : _ && ($ = [
               _.url,
               ...Object.values(C).map((H) => H.url)
             ]);
             let G;
-            (z = s == null ? void 0 : s.rpcUrls) != null && z.length ? G = s.rpcUrls : G = [((T = x.rpcUrls.default) == null ? void 0 : T.http[0]) ?? ""];
-            const ue = {
+            (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: Je(d),
-              chainName: (s == null ? void 0 : s.chainName) ?? x.name,
+              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) ?? x.nativeCurrency,
+              nativeCurrency: (s == null ? void 0 : s.nativeCurrency) ?? b.nativeCurrency,
               rpcUrls: G
             };
             return await Promise.all([
               v.request({
                 method: "wallet_addEthereumChain",
-                params: [ue]
+                params: [de]
               }).then(async () => {
                 if (await this.getChainId() === d)
-                  u.emitter.emit("change", { chainId: d });
+                  f.emitter.emit("change", { chainId: d });
                 else
                   throw new F(new Error("User rejected switch after adding network."));
               }),
               R
-            ]), x;
+            ]), b;
           } catch (_) {
             throw new F(_);
           }
-        throw I.code === F.code ? new F(I) : new Ke(I);
+        throw T.code === F.code ? new F(T) : new Je(T);
       }
     },
     async onAccountsChanged(s) {
       var d;
       if (s.length === 0)
         this.onDisconnect();
-      else if (u.emitter.listenerCount("connect")) {
+      else if (f.emitter.listenerCount("connect")) {
         const v = (await this.getChainId()).toString();
-        this.onConnect({ chainId: v }), o && await ((d = u.storage) == null ? void 0 : d.removeItem(`${this.id}.disconnected`));
+        this.onConnect({ chainId: v }), n && await ((d = f.storage) == null ? void 0 : d.removeItem(`${this.id}.disconnected`));
       } else
-        u.emitter.emit("change", {
+        f.emitter.emit("change", {
           accounts: s.map((v) => oe(v))
         });
     },
     onChainChanged(s) {
       const d = Number(s);
-      u.emitter.emit("change", { chainId: d });
+      f.emitter.emit("change", { chainId: d });
     },
     async onConnect(s) {
       const d = await this.getAccounts();
       if (d.length === 0)
         return;
       const v = Number(s.chainId);
-      u.emitter.emit("connect", { accounts: d, chainId: v });
-      const x = await this.getProvider();
-      x && (g && (x.removeListener("connect", g), g = void 0), f || (f = this.onAccountsChanged.bind(this), x.on("accountsChanged", f)), p || (p = this.onChainChanged.bind(this), x.on("chainChanged", p)), y || (y = this.onDisconnect.bind(this), x.on("disconnect", y)));
+      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(s) {
       const d = await this.getProvider();
-      s && s.code === 1013 && d && (await this.getAccounts()).length || (u.emitter.emit("disconnect"), d && (p && (d.removeListener("chainChanged", p), p = void 0), y && (d.removeListener("disconnect", y), y = void 0), g || (g = this.onConnect.bind(this), d.on("connect", g))));
+      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 pt = {
+const yt = {
   coinbaseWallet: {
     id: "coinbaseWallet",
     name: "Coinbase Wallet",
@@ -1633,8 +1670,8 @@ const pt = {
     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 i = [
           "isApexWallet",
@@ -1656,8 +1693,8 @@ const pt = {
           "isUniswapWallet",
           "isZerion"
         ];
-        for (const l of i)
-          if (o[l])
+        for (const c of i)
+          if (n[c])
             return !1;
         return !0;
       });
@@ -1667,36 +1704,36 @@ const pt = {
     id: "phantom",
     name: "Phantom",
     provider(t) {
-      var o, i;
-      return (o = t == null ? void 0 : t.phantom) != null && o.ethereum ? (i = t.phantom) == null ? void 0 : i.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 i(f) {
-    return typeof o == "function" ? o(f) : typeof o == "string" ? f[o] : !0;
+function se(t, n) {
+  function i(u) {
+    return typeof n == "function" ? n(u) : typeof n == "string" ? u[n] : !0;
   }
-  const l = t.ethereum;
-  if (l != null && l.providers)
-    return l.providers.find((f) => i(f));
-  if (l && i(l))
-    return l;
+  const c = t.ethereum;
+  if (c != null && c.providers)
+    return c.providers.find((u) => i(u));
+  if (c && i(c))
+    return c;
 }
-const gt = new qr(), vt = Br({
-  chains: [je],
-  connectors: [Ce()],
+const mt = new qr(), bt = Br({
+  chains: [Se],
+  connectors: [Re()],
   transports: {
-    [je.id]: Nr()
+    [Se.id]: Nr()
   }
 });
-function jt({ children: t }) {
-  return /* @__PURE__ */ r.jsx(Yr, { config: vt, children: /* @__PURE__ */ r.jsx(Vr, { client: gt, children: t }) });
+function Rt({ children: t }) {
+  return /* @__PURE__ */ r.jsx(Yr, { config: bt, children: /* @__PURE__ */ r.jsx(Vr, { client: mt, children: t }) });
 }
 export {
-  wt as SwarmConnectButton,
-  ut as SwarmConnectModal,
-  jt as SwarmConnectProvider,
+  Ct as SwarmConnectButton,
+  ht as SwarmConnectModal,
+  Rt as SwarmConnectProvider,
   Xr as useBeeNode,
   Qr as usePostageStamps,
-  Zr as useSwarmConnect
+  et as useSwarmConnect
 };