@ffaerber/swarm-connect 0.3.0 → 0.5.0

package/dist/swarm-connect.js

@@ -1,8 +1,8 @@
-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 Je, numberToHex as Xe, UserRejectedRequestError as F, withRetry as Gr, withTimeout as Hr, ResourceUnavailableRpcError as xe } from "viem";
-var we = { exports: {} }, X = {};
+import pt, { useState as F, useCallback as ce, useEffect as Q, useRef as Jt } from "react";
+import { useAccount as we, useBalance as vt, useConnect as Xt, useDisconnect as gt, useSwitchChain as Qt, useSendTransaction as en, useWriteContract as tn, useWaitForTransactionReceipt as at, useReadContract as nn, createConfig as rn, http as an, WagmiProvider as on } from "wagmi";
+import { erc20Abi as ot, parseEther as sn, parseUnits as cn, getAddress as me, SwitchChainError as it, numberToHex as st, UserRejectedRequestError as U, withRetry as ln, withTimeout as dn, ResourceUnavailableRpcError as Fe } from "viem";
+import { QueryClient as un, QueryClientProvider as fn } from "@tanstack/react-query";
+var Pe = { exports: {} }, ie = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -12,21 +12,21 @@ 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 Qe;
-function Kr() {
-  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 };
+var ct;
+function hn() {
+  if (ct) return ie;
+  ct = 1;
+  var n = pt, r = Symbol.for("react.element"), a = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, s = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function h(p, u, o) {
+    var l, v = {}, g = null, b = null;
+    o !== void 0 && (g = "" + o), u.key !== void 0 && (g = "" + u.key), u.ref !== void 0 && (b = u.ref);
+    for (l in u) i.call(u, l) && !d.hasOwnProperty(l) && (v[l] = u[l]);
+    if (p && p.defaultProps) for (l in u = p.defaultProps, u) v[l] === void 0 && (v[l] = u[l]);
+    return { $$typeof: r, type: p, key: g, ref: b, props: v, _owner: s.current };
   }
-  return X.Fragment = i, X.jsx = g, X.jsxs = g, X;
+  return ie.Fragment = a, ie.jsx = h, ie.jsxs = h, ie;
 }
-var Q = {};
+var se = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -36,91 +36,91 @@ 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 Ze;
-function Jr() {
-  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) {
+var lt;
+function pn() {
+  return lt || (lt = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = pt, r = Symbol.for("react.element"), a = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), p = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), o = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), _ = Symbol.iterator, E = "@@iterator";
+    function O(e) {
       if (e === null || typeof e != "object")
         return null;
-      var o = A && e[A] || e[W];
-      return typeof o == "function" ? o : null;
+      var c = _ && e[_] || e[E];
+      return typeof c == "function" ? c : null;
     }
-    var I = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function S(e) {
+    var S = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function w(e) {
       {
-        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);
+        for (var c = arguments.length, f = new Array(c > 1 ? c - 1 : 0), m = 1; m < c; m++)
+          f[m - 1] = arguments[m];
+        I("error", e, f);
       }
     }
-    function T(e, o, l) {
+    function I(e, c, f) {
       {
-        var h = I.ReactDebugCurrentFrame, w = h.getStackAddendum();
-        w !== "" && (o += "%s", l = l.concat([w]));
-        var j = l.map(function(m) {
-          return String(m);
+        var m = S.ReactDebugCurrentFrame, j = m.getStackAddendum();
+        j !== "" && (c += "%s", f = f.concat([j]));
+        var C = f.map(function(y) {
+          return String(y);
         });
-        j.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, j);
+        C.unshift("Warning: " + c), Function.prototype.apply.call(console[e], console, C);
       }
     }
-    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 === 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
+    var R = !1, k = !1, z = !1, Y = !1, Z = !1, W;
+    W = Symbol.for("react.module.reference");
+    function te(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === d || Z || e === s || e === o || e === l || Y || e === b || R || k || z || typeof e == "object" && e !== null && (e.$$typeof === g || e.$$typeof === v || e.$$typeof === h || e.$$typeof === p || e.$$typeof === u || // 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));
+      e.$$typeof === W || e.getModuleId !== void 0));
     }
-    function dr(e, o, l) {
-      var h = e.displayName;
-      if (h)
-        return h;
-      var w = o.displayName || o.name || "";
-      return w !== "" ? l + "(" + w + ")" : l;
+    function ne(e, c, f) {
+      var m = e.displayName;
+      if (m)
+        return m;
+      var j = c.displayName || c.name || "";
+      return j !== "" ? f + "(" + j + ")" : f;
     }
-    function ke(e) {
+    function re(e) {
       return e.displayName || "Context";
     }
-    function z(e) {
+    function B(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")
+      if (typeof e.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case c:
-          return "Fragment";
         case i:
+          return "Fragment";
+        case a:
           return "Portal";
-        case p:
+        case d:
           return "Profiler";
-        case u:
-          return "StrictMode";
         case s:
+          return "StrictMode";
+        case o:
           return "Suspense";
-        case d:
+        case l:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case x:
-            var o = e;
-            return ke(o) + ".Consumer";
-          case g:
-            var l = e;
-            return ke(l._context) + ".Provider";
-          case f:
-            return dr(e, e.render, "ForwardRef");
+          case p:
+            var c = e;
+            return re(c) + ".Consumer";
+          case h:
+            var f = e;
+            return re(f._context) + ".Provider";
+          case u:
+            return ne(e, e.render, "ForwardRef");
           case v:
-            var h = e.displayName || null;
-            return h !== null ? h : z(e.type) || "Memo";
-          case b: {
-            var w = e, j = w._payload, m = w._init;
+            var m = e.displayName || null;
+            return m !== null ? m : B(e.type) || "Memo";
+          case g: {
+            var j = e, C = j._payload, y = j._init;
             try {
-              return z(m(j));
+              return B(y(C));
             } catch {
               return null;
             }
@@ -128,18 +128,18 @@ function Jr() {
         }
       return null;
     }
-    var M = Object.assign, K = 0, _e, Ee, Ie, Te, Pe, Oe, Ae;
-    function De() {
+    var M = Object.assign, N = 0, fe, D, ae, Le, We, Be, Me;
+    function Ne() {
     }
-    De.__reactDisabledLog = !0;
-    function fr() {
+    Ne.__reactDisabledLog = !0;
+    function St() {
       {
-        if (K === 0) {
-          _e = console.log, Ee = console.info, Ie = console.warn, Te = console.error, Pe = console.group, Oe = console.groupCollapsed, Ae = console.groupEnd;
+        if (N === 0) {
+          fe = console.log, D = console.info, ae = console.warn, Le = console.error, We = console.group, Be = console.groupCollapsed, Me = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: De,
+            value: Ne,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -152,12 +152,12 @@ function Jr() {
             groupEnd: e
           });
         }
-        K++;
+        N++;
       }
     }
-    function hr() {
+    function Ct() {
       {
-        if (K--, K === 0) {
+        if (N--, N === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -165,319 +165,319 @@ function Jr() {
           };
           Object.defineProperties(console, {
             log: M({}, e, {
-              value: _e
+              value: fe
             }),
             info: M({}, e, {
-              value: Ee
+              value: D
             }),
             warn: M({}, e, {
-              value: Ie
+              value: ae
             }),
             error: M({}, e, {
-              value: Te
+              value: Le
             }),
             group: M({}, e, {
-              value: Pe
+              value: We
             }),
             groupCollapsed: M({}, e, {
-              value: Oe
+              value: Be
             }),
             groupEnd: M({}, e, {
-              value: Ae
+              value: Me
             })
           });
         }
-        K < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        N < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var fe = I.ReactCurrentDispatcher, he;
-    function ee(e, o, l) {
+    var je = S.ReactCurrentDispatcher, Se;
+    function he(e, c, f) {
       {
-        if (he === void 0)
+        if (Se === void 0)
           try {
             throw Error();
-          } catch (w) {
-            var h = w.stack.trim().match(/\n( *(at )?)/);
-            he = h && h[1] || "";
+          } catch (j) {
+            var m = j.stack.trim().match(/\n( *(at )?)/);
+            Se = m && m[1] || "";
           }
         return `
-` + he + e;
+` + Se + e;
       }
     }
-    var pe = !1, re;
+    var Ce = !1, pe;
     {
-      var pr = typeof WeakMap == "function" ? WeakMap : Map;
-      re = new pr();
+      var Rt = typeof WeakMap == "function" ? WeakMap : Map;
+      pe = new Rt();
     }
-    function $e(e, o) {
-      if (!e || pe)
+    function Ue(e, c) {
+      if (!e || Ce)
         return "";
       {
-        var l = re.get(e);
-        if (l !== void 0)
-          return l;
+        var f = pe.get(e);
+        if (f !== void 0)
+          return f;
       }
-      var h;
-      pe = !0;
-      var w = Error.prepareStackTrace;
+      var m;
+      Ce = !0;
+      var j = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var j;
-      j = fe.current, fe.current = null, fr();
+      var C;
+      C = je.current, je.current = null, St();
       try {
-        if (o) {
-          var m = function() {
+        if (c) {
+          var y = function() {
             throw Error();
           };
-          if (Object.defineProperty(m.prototype, "props", {
+          if (Object.defineProperty(y.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(m, []);
-            } catch (O) {
-              h = O;
+              Reflect.construct(y, []);
+            } catch ($) {
+              m = $;
             }
-            Reflect.construct(e, [], m);
+            Reflect.construct(e, [], y);
           } else {
             try {
-              m.call();
-            } catch (O) {
-              h = O;
+              y.call();
+            } catch ($) {
+              m = $;
             }
-            e.call(m.prototype);
+            e.call(y.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (O) {
-            h = O;
+          } catch ($) {
+            m = $;
           }
           e();
         }
-      } catch (O) {
-        if (O && h && typeof O.stack == "string") {
-          for (var y = O.stack.split(`
-`), P = h.stack.split(`
-`), 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)
+      } catch ($) {
+        if ($ && m && typeof $.stack == "string") {
+          for (var x = $.stack.split(`
+`), A = m.stack.split(`
+`), T = x.length - 1, P = A.length - 1; T >= 1 && P >= 0 && x[T] !== A[P]; )
+            P--;
+          for (; T >= 1 && P >= 0; T--, P--)
+            if (x[T] !== A[P]) {
+              if (T !== 1 || P !== 1)
                 do
-                  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;
+                  if (T--, P--, P < 0 || x[T] !== A[P]) {
+                    var L = `
+` + x[T].replace(" at new ", " at ");
+                    return e.displayName && L.includes("<anonymous>") && (L = L.replace("<anonymous>", e.displayName)), typeof e == "function" && pe.set(e, L), L;
                   }
-                while (k >= 1 && E >= 0);
+                while (T >= 1 && P >= 0);
               break;
             }
         }
       } finally {
-        pe = !1, fe.current = j, hr(), Error.prepareStackTrace = w;
+        Ce = !1, je.current = C, Ct(), Error.prepareStackTrace = j;
       }
-      var q = e ? e.displayName || e.name : "", B = q ? ee(q) : "";
-      return typeof e == "function" && re.set(e, B), B;
+      var J = e ? e.displayName || e.name : "", V = J ? he(J) : "";
+      return typeof e == "function" && pe.set(e, V), V;
     }
-    function gr(e, o, l) {
-      return $e(e, !1);
+    function _t(e, c, f) {
+      return Ue(e, !1);
     }
-    function vr(e) {
-      var o = e.prototype;
-      return !!(o && o.isReactComponent);
+    function Et(e) {
+      var c = e.prototype;
+      return !!(c && c.isReactComponent);
     }
-    function te(e, o, l) {
+    function ve(e, c, f) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return $e(e, vr(e));
+        return Ue(e, Et(e));
       if (typeof e == "string")
-        return ee(e);
+        return he(e);
       switch (e) {
-        case s:
-          return ee("Suspense");
-        case d:
-          return ee("SuspenseList");
+        case o:
+          return he("Suspense");
+        case l:
+          return he("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case f:
-            return gr(e.render);
+          case u:
+            return _t(e.render);
           case v:
-            return te(e.type, o, l);
-          case b: {
-            var h = e, w = h._payload, j = h._init;
+            return ve(e.type, c, f);
+          case g: {
+            var m = e, j = m._payload, C = m._init;
             try {
-              return te(j(w), o, l);
+              return ve(C(j), c, f);
             } catch {
             }
           }
         }
       return "";
     }
-    var J = Object.prototype.hasOwnProperty, We = {}, Fe = I.ReactDebugCurrentFrame;
-    function ne(e) {
+    var oe = Object.prototype.hasOwnProperty, qe = {}, Ye = S.ReactDebugCurrentFrame;
+    function ge(e) {
       if (e) {
-        var o = e._owner, l = te(e.type, e._source, o ? o.type : null);
-        Fe.setExtraStackFrame(l);
+        var c = e._owner, f = ve(e.type, e._source, c ? c.type : null);
+        Ye.setExtraStackFrame(f);
       } else
-        Fe.setExtraStackFrame(null);
+        Ye.setExtraStackFrame(null);
     }
-    function yr(e, o, l, h, w) {
+    function It(e, c, f, m, j) {
       {
-        var j = Function.call.bind(J);
-        for (var m in e)
-          if (j(e, m)) {
-            var y = void 0;
+        var C = Function.call.bind(oe);
+        for (var y in e)
+          if (C(e, y)) {
+            var x = void 0;
             try {
-              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;
+              if (typeof e[y] != "function") {
+                var A = Error((m || "React class") + ": " + f + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw A.name = "Invariant Violation", A;
               }
-              y = e[m](o, m, h, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (k) {
-              y = k;
+              x = e[y](c, y, m, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (T) {
+              x = T;
             }
-            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));
+            x && !(x instanceof Error) && (ge(j), w("%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).", m || "React class", f, y, typeof x), ge(null)), x instanceof Error && !(x.message in qe) && (qe[x.message] = !0, ge(j), w("Failed %s type: %s", f, x.message), ge(null));
           }
       }
     }
-    var mr = Array.isArray;
-    function ge(e) {
-      return mr(e);
+    var Tt = Array.isArray;
+    function Re(e) {
+      return Tt(e);
     }
-    function br(e) {
+    function Ft(e) {
       {
-        var o = typeof Symbol == "function" && Symbol.toStringTag, l = o && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return l;
+        var c = typeof Symbol == "function" && Symbol.toStringTag, f = c && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return f;
       }
     }
-    function xr(e) {
+    function Pt(e) {
       try {
-        return Le(e), !1;
+        return Ge(e), !1;
       } catch {
         return !0;
       }
     }
-    function Le(e) {
+    function Ge(e) {
       return "" + 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)), Le(e);
+    function He(e) {
+      if (Pt(e))
+        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ft(e)), Ge(e);
     }
-    var Ue = I.ReactCurrentOwner, wr = {
+    var Ve = S.ReactCurrentOwner, Dt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Me, Be;
-    function jr(e) {
-      if (J.call(e, "ref")) {
-        var o = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (o && o.isReactWarning)
+    }, Ze, Ke;
+    function Ot(e) {
+      if (oe.call(e, "ref")) {
+        var c = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (c && c.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function Sr(e) {
-      if (J.call(e, "key")) {
-        var o = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (o && o.isReactWarning)
+    function zt(e) {
+      if (oe.call(e, "key")) {
+        var c = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (c && c.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function Cr(e, o) {
-      typeof e.ref == "string" && Ue.current;
+    function At(e, c) {
+      typeof e.ref == "string" && Ve.current;
     }
-    function Rr(e, o) {
+    function $t(e, c) {
       {
-        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));
+        var f = function() {
+          Ze || (Ze = !0, w("%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)", c));
         };
-        l.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: l,
+        f.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: f,
           configurable: !0
         });
       }
     }
-    function kr(e, o) {
+    function Lt(e, c) {
       {
-        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));
+        var f = function() {
+          Ke || (Ke = !0, w("%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)", c));
         };
-        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: l,
+        f.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: f,
           configurable: !0
         });
       }
     }
-    var _r = function(e, o, l, h, w, j, m) {
-      var y = {
+    var Wt = function(e, c, f, m, j, C, y) {
+      var x = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: n,
+        $$typeof: r,
         // Built-in properties that belong on the element
         type: e,
-        key: o,
-        ref: l,
-        props: m,
+        key: c,
+        ref: f,
+        props: y,
         // Record the component responsible for creating this element.
-        _owner: j
+        _owner: C
       };
-      return y._store = {}, Object.defineProperty(y._store, "validated", {
+      return x._store = {}, Object.defineProperty(x._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(y, "_self", {
+      }), Object.defineProperty(x, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: h
-      }), Object.defineProperty(y, "_source", {
+        value: m
+      }), Object.defineProperty(x, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: w
-      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
+        value: j
+      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function Er(e, o, l, h, w) {
+    function Bt(e, c, f, m, 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]);
+        var C, y = {}, x = null, A = null;
+        f !== void 0 && (He(f), x = "" + f), zt(c) && (He(c.key), x = "" + c.key), Ot(c) && (A = c.ref, At(c, j));
+        for (C in c)
+          oe.call(c, C) && !Dt.hasOwnProperty(C) && (y[C] = c[C]);
         if (e && e.defaultProps) {
-          var k = e.defaultProps;
-          for (j in k)
-            m[j] === void 0 && (m[j] = k[j]);
+          var T = e.defaultProps;
+          for (C in T)
+            y[C] === void 0 && (y[C] = T[C]);
         }
-        if (y || P) {
-          var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          y && Rr(m, E), P && kr(m, E);
+        if (x || A) {
+          var P = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          x && $t(y, P), A && Lt(y, P);
         }
-        return _r(e, y, P, w, h, Ue.current, m);
+        return Wt(e, x, A, j, m, Ve.current, y);
       }
     }
-    var ve = I.ReactCurrentOwner, Ne = I.ReactDebugCurrentFrame;
-    function Y(e) {
+    var _e = S.ReactCurrentOwner, Je = S.ReactDebugCurrentFrame;
+    function K(e) {
       if (e) {
-        var o = e._owner, l = te(e.type, e._source, o ? o.type : null);
-        Ne.setExtraStackFrame(l);
+        var c = e._owner, f = ve(e.type, e._source, c ? c.type : null);
+        Je.setExtraStackFrame(f);
       } else
-        Ne.setExtraStackFrame(null);
+        Je.setExtraStackFrame(null);
     }
-    var ye;
-    ye = !1;
-    function me(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === n;
+    var Ee;
+    Ee = !1;
+    function Ie(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === r;
     }
-    function Ye() {
+    function Xe() {
       {
-        if (ve.current) {
-          var e = z(ve.current.type);
+        if (_e.current) {
+          var e = B(_e.current.type);
           if (e)
             return `
 
@@ -486,502 +486,597 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Ir(e) {
+    function Mt(e) {
       return "";
     }
-    var qe = {};
-    function Tr(e) {
+    var Qe = {};
+    function Nt(e) {
       {
-        var o = Ye();
-        if (!o) {
-          var l = typeof e == "string" ? e : e.displayName || e.name;
-          l && (o = `
+        var c = Xe();
+        if (!c) {
+          var f = typeof e == "string" ? e : e.displayName || e.name;
+          f && (c = `
 
-Check the top-level render call using <` + l + ">.");
+Check the top-level render call using <` + f + ">.");
         }
-        return o;
+        return c;
       }
     }
-    function Ve(e, o) {
+    function et(e, c) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var l = Tr(o);
-        if (qe[l])
+        var f = Nt(c);
+        if (Qe[f])
           return;
-        qe[l] = !0;
-        var h = "";
-        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);
+        Qe[f] = !0;
+        var m = "";
+        e && e._owner && e._owner !== _e.current && (m = " It was passed a child from " + B(e._owner.type) + "."), K(e), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', f, m), K(null);
       }
     }
-    function Ge(e, o) {
+    function tt(e, c) {
       {
         if (typeof e != "object")
           return;
-        if (ge(e))
-          for (var l = 0; l < e.length; l++) {
-            var h = e[l];
-            me(h) && Ve(h, o);
+        if (Re(e))
+          for (var f = 0; f < e.length; f++) {
+            var m = e[f];
+            Ie(m) && et(m, c);
           }
-        else if (me(e))
+        else if (Ie(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var w = L(e);
-          if (typeof w == "function" && w !== e.entries)
-            for (var j = w.call(e), m; !(m = j.next()).done; )
-              me(m.value) && Ve(m.value, o);
+          var j = O(e);
+          if (typeof j == "function" && j !== e.entries)
+            for (var C = j.call(e), y; !(y = C.next()).done; )
+              Ie(y.value) && et(y.value, c);
         }
       }
     }
-    function Pr(e) {
+    function Ut(e) {
       {
-        var o = e.type;
-        if (o == null || typeof o == "string")
+        var c = e.type;
+        if (c == null || typeof c == "string")
           return;
-        var l;
-        if (typeof o == "function")
-          l = o.propTypes;
-        else if (typeof o == "object" && (o.$$typeof === f || // Note: Memo only checks outer props here.
+        var f;
+        if (typeof c == "function")
+          f = c.propTypes;
+        else if (typeof c == "object" && (c.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        o.$$typeof === v))
-          l = o.propTypes;
+        c.$$typeof === v))
+          f = c.propTypes;
         else
           return;
-        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");
+        if (f) {
+          var m = B(c);
+          It(f, e.props, "prop", m, e);
+        } else if (c.PropTypes !== void 0 && !Ee) {
+          Ee = !0;
+          var j = B(c);
+          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
         }
-        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof c.getDefaultProps == "function" && !c.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Or(e) {
+    function qt(e) {
       {
-        for (var o = Object.keys(e.props), l = 0; l < o.length; l++) {
-          var h = o[l];
-          if (h !== "children" && h !== "key") {
-            Y(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), Y(null);
+        for (var c = Object.keys(e.props), f = 0; f < c.length; f++) {
+          var m = c[f];
+          if (m !== "children" && m !== "key") {
+            K(e), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), K(null);
             break;
           }
         }
-        e.ref !== null && (Y(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), Y(null));
+        e.ref !== null && (K(e), w("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
       }
     }
-    var He = {};
-    function Ke(e, o, l, h, w, j) {
+    var nt = {};
+    function rt(e, c, f, m, j, C) {
       {
-        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" : 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 y = te(e);
+        if (!y) {
+          var x = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (x += " 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 A = Mt();
+          A ? x += A : x += Xe();
+          var T;
+          e === null ? T = "null" : Re(e) ? T = "array" : e !== void 0 && e.$$typeof === r ? (T = "<" + (B(e.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : T = typeof e, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, x);
         }
-        var E = Er(e, o, l, w, j);
-        if (E == null)
-          return E;
-        if (m) {
-          var D = o.children;
-          if (D !== void 0)
-            if (h)
-              if (ge(D)) {
-                for (var q = 0; q < D.length; q++)
-                  Ge(D[q], e);
-                Object.freeze && Object.freeze(D);
+        var P = Bt(e, c, f, j, C);
+        if (P == null)
+          return P;
+        if (y) {
+          var L = c.children;
+          if (L !== void 0)
+            if (m)
+              if (Re(L)) {
+                for (var J = 0; J < L.length; J++)
+                  tt(L[J], e);
+                Object.freeze && Object.freeze(L);
               } 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.");
+                w("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
-              Ge(D, e);
+              tt(L, e);
         }
-        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:
+        if (oe.call(c, "key")) {
+          var V = B(e), $ = Object.keys(c).filter(function(Kt) {
+            return Kt !== "key";
+          }), Te = $.length > 0 ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!nt[V + Te]) {
+            var Zt = $.length > 0 ? "{" + $.join(": ..., ") + ": ...}" : "{}";
+            w(`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} />`, be, B, Fr, B), He[B + be] = !0;
+  <%s key={someKey} {...props} />`, Te, V, Zt, V), nt[V + Te] = !0;
           }
         }
-        return e === c ? Or(E) : Pr(E), E;
+        return e === i ? qt(P) : Ut(P), P;
       }
     }
-    function Ar(e, o, l) {
-      return Ke(e, o, l, !0);
+    function Yt(e, c, f) {
+      return rt(e, c, f, !0);
     }
-    function Dr(e, o, l) {
-      return Ke(e, o, l, !1);
+    function Gt(e, c, f) {
+      return rt(e, c, f, !1);
     }
-    var $r = Dr, Wr = Ar;
-    Q.Fragment = c, Q.jsx = $r, Q.jsxs = Wr;
-  }()), Q;
+    var Ht = Gt, Vt = Yt;
+    se.Fragment = i, se.jsx = Ht, se.jsxs = Vt;
+  }()), se;
 }
-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",
-    success: "#0e9f6e",
-    successLight: "#f0fdf4",
-    error: "#f05252",
-    errorLight: "#fff5f5",
-    warning: "#ff8a4c",
-    warningLight: "#fffbf5",
-    border: "#e5e7eb",
-    text: "#111827",
-    muted: "#6b7280",
-    overlay: "rgba(0,0,0,0.5)",
-    stepActive: "#1a56db"
-  }
+process.env.NODE_ENV === "production" ? Pe.exports = hn() : Pe.exports = pn();
+var t = Pe.exports;
+const G = 100, de = "http://localhost:1633", mt = "swarm-connect:bee-api-url", dt = "0xdBF3Ea6F5beE45c02255B2c26a16F300502F68da", De = 16, vn = "0.1", gn = "0.5", xt = {
+  xdai: !0,
+  xbzz: !1,
+  postageStamp: !0
 };
-function Xr(t = ue) {
-  const [n, i] = U({
+function mn(n = de) {
+  const [r, a] = F({
     isRunning: !1,
     isChecking: !1
-  }), c = nr(async () => {
-    i({ isRunning: !1, isChecking: !0 });
+  }), i = ce(async () => {
+    a({ isRunning: !1, isChecking: !0 });
     try {
-      const u = await fetch(`${t}/health`, {
+      const d = await fetch(`${n}/health`, {
         signal: AbortSignal.timeout(5e3)
       });
-      if (u.ok) {
-        const p = await u.json();
-        i({ isRunning: !0, isChecking: !1, version: p.version });
+      if (d.ok) {
+        const h = await d.json();
+        a({ isRunning: !0, isChecking: !1, version: h.version });
       } else
-        i({ isRunning: !1, isChecking: !1, error: `Node returned HTTP ${u.status}` });
+        a({ isRunning: !1, isChecking: !1, error: `Node returned HTTP ${d.status}` });
     } catch {
-      i({
+      a({
         isRunning: !1,
         isChecking: !1,
-        error: `Cannot reach Bee node at ${t}`
+        error: `Cannot reach Bee node at ${n}`
       });
     }
-  }, [t]);
-  return { ...n, check: c };
+  }, [n]), s = ce(() => {
+    a({ isRunning: !1, isChecking: !1 });
+  }, []);
+  return { ...r, check: i, disconnect: s };
 }
-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);
+function xn(n = de) {
+  const [r, a] = F([]), [i, s] = F(!1), [d, h] = F(), [p, u] = F(), [o, l] = F(!1), [v, g] = F(), b = ce(async () => {
+    s(!0), h(void 0);
     try {
-      const d = await fetch(`${t}/stamps`, {
+      const E = await fetch(`${n}/stamps`, {
         signal: AbortSignal.timeout(5e3)
       });
-      if (d.ok) {
-        const v = await d.json();
-        i(v.stamps ?? []);
+      if (E.ok) {
+        const O = await E.json();
+        a(O.stamps ?? []);
       } else
-        g(`HTTP ${d.status}`);
+        h(`HTTP ${E.status}`);
     } catch {
-      g("Could not fetch postage stamps");
+      h("Could not fetch postage stamps");
     } finally {
-      u(!1);
+      s(!1);
     }
-  }, [t]);
-  return { stamps: n, isLoading: c, error: p, fetchStamps: s, selectedStampId: x, selectStamp: f };
+  }, [n]), _ = ce(async ({ amount: E, depth: O, label: S }) => {
+    l(!0), g(void 0);
+    try {
+      const w = S ? `?label=${encodeURIComponent(S)}` : "", I = await fetch(`${n}/stamps/${E}/${O}${w}`, {
+        method: "POST",
+        signal: AbortSignal.timeout(24e4)
+      });
+      if (!I.ok) {
+        let k = `HTTP ${I.status}`;
+        try {
+          const z = await I.json();
+          z.message && (k = z.message);
+        } catch {
+        }
+        g(k);
+        return;
+      }
+      const R = await I.json();
+      return u(R.batchID), b(), R.batchID;
+    } catch {
+      g("Stamp purchase failed — is the node wallet funded with xDAI and xBZZ?");
+      return;
+    } finally {
+      l(!1);
+    }
+  }, [n, b]);
+  return {
+    stamps: r,
+    isLoading: i,
+    error: d,
+    fetchStamps: b,
+    selectedStampId: p,
+    selectStamp: u,
+    createStamp: _,
+    isCreating: o,
+    createError: v
+  };
 }
-function Zr() {
+function bt(n = de) {
+  const [r, a] = F({
+    isLoading: !1
+  }), i = ce(async () => {
+    a((s) => ({ ...s, isLoading: !0, error: void 0 }));
+    try {
+      const [s, d] = await Promise.all([
+        fetch(`${n}/addresses`, { signal: AbortSignal.timeout(5e3) }),
+        fetch(`${n}/wallet`, { signal: AbortSignal.timeout(5e3) })
+      ]);
+      if (!s.ok || !d.ok) {
+        a((l) => ({
+          ...l,
+          isLoading: !1,
+          error: `Node returned HTTP ${s.ok ? d.status : s.status}`
+        }));
+        return;
+      }
+      const h = await s.json(), p = await d.json(), u = p.bzzBalance ?? p.bzz, o = p.nativeTokenBalance ?? p.xDai;
+      a({
+        address: h.ethereum,
+        xdai: o !== void 0 ? Number(o) / 1e18 : void 0,
+        xbzz: u !== void 0 ? Number(u) / 10 ** De : void 0,
+        isLoading: !1
+      });
+    } catch {
+      a((s) => ({
+        ...s,
+        isLoading: !1,
+        error: `Cannot read node wallet at ${n}`
+      }));
+    }
+  }, [n]);
+  return {
+    ...r,
+    isFunded: (r.xdai ?? 0) > 0 && (r.xbzz ?? 0) > 0,
+    refresh: i
+  };
+}
+function bn() {
   if (!(typeof window > "u"))
     try {
-      return window.localStorage.getItem(sr) ?? void 0;
+      return window.localStorage.getItem(mt) ?? void 0;
     } catch {
       return;
     }
 }
-function et(t = {}) {
-  const [n, i] = U(
-    () => t.beeApiUrl ?? Zr() ?? ue
+function yn(n = {}) {
+  const [r, a] = F(
+    () => n.beeApiUrl ?? bn() ?? de
   );
-  ae(() => {
+  Q(() => {
     if (!(typeof window > "u"))
       try {
-        window.localStorage.setItem(sr, n);
+        window.localStorage.setItem(mt, r);
       } catch {
       }
-  }, [n]);
-  const c = Xr(n), u = Qr(n), { address: p, isConnected: g } = or(), x = ir(), f = x === ce;
+  }, [r]);
+  const i = { ...xt, ...n.requirements }, s = mn(r), d = xn(r), h = bt(r), { address: p, isConnected: u, chainId: o } = we(), l = u && o === G, { data: v, isLoading: g } = vt({
+    address: p,
+    chainId: G,
+    query: { enabled: u }
+  }), b = v ? Number(v.formatted) : void 0, _ = l && !!v && v.value > 0n;
   return {
-    beeNode: c,
-    stamps: u,
-    beeApiUrl: n,
-    setBeeApiUrl: i,
-    isWalletConnected: g,
+    beeNode: s,
+    stamps: d,
+    beeApiUrl: r,
+    setBeeApiUrl: a,
+    requirements: i,
+    nodeWallet: h,
+    isWalletConnected: u,
     address: p,
-    isOnGnosis: f,
-    chainId: x,
-    isFullyConnected: c.isRunning && !!u.selectedStampId && g && f
+    isOnGnosis: l,
+    chainId: o,
+    balance: { xdai: b, isLoading: u && g, hasGas: _ },
+    isFullyConnected: u && l && s.isRunning && (!i.xdai || _) && (!i.xbzz || h.isFunded) && (!i.postageStamp || !!d.selectedStampId)
   };
 }
-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 })
-  ] });
+const wn = `
+.swarm-connect {
+  --void:#060809; --bunker:#0b0f12; --surface:#121821; --raised:#18202b; --raised-2:#1e2833;
+  --line:rgba(255,255,255,0.07); --line-2:rgba(255,255,255,0.12); --line-orange:rgba(255,107,0,0.45);
+  --fg:#f3f5f7; --fg-soft:#c3cad3; --fg-muted:#7d8794; --fg-faint:#565f6b;
+  --accent:#ff6b00; --accent-bright:#ff8a33; --accent-deep:#d65500; --accent-ink:#1a0e02;
+  --accent-glow:rgba(255,107,0,0.40); --accent-wash:rgba(255,107,0,0.10);
+  --ok:#36c46a; --ok-wash:rgba(54,196,106,0.12); --ok-line:rgba(54,196,106,0.40);
+  --bad:#ff5640; --bad-wash:rgba(255,86,64,0.12); --bad-line:rgba(255,86,64,0.38);
+  --warn:#f0a83a; --warn-wash:rgba(240,168,58,0.12); --warn-line:rgba(240,168,58,0.40);
+  --font-display:'Space Grotesk',system-ui,sans-serif;
+  --font-body:'Inter',system-ui,sans-serif;
+  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
+  --ease:cubic-bezier(0.22,0.61,0.36,1);
 }
-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(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 })
-      ] })
-    ] }),
-    /* @__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." })
-    ] })
-  ] });
+@keyframes sc-spin { to { transform: rotate(360deg); } }
+@keyframes sc-pulse-dot { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.4; transform:scale(.82); } }
+@keyframes sc-modal-in { from { opacity:0; transform:translate(-50%, calc(-50% + 10px)) scale(.985); } to { opacity:1; transform:translate(-50%,-50%) scale(1); } }
+@keyframes sc-backdrop-in { from { opacity:0; } to { opacity:1; } }
+@keyframes sc-step-in { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
+.sc-scroll::-webkit-scrollbar { width:8px; }
+.sc-scroll::-webkit-scrollbar-thumb { background:var(--line-2); border-radius:8px; border:2px solid transparent; background-clip:padding-box; }
+.sc-scroll::-webkit-scrollbar-track { background:transparent; }
+`;
+let ut = !1;
+function yt() {
+  if (ut || typeof document > "u") return;
+  ut = !0;
+  const n = document.createElement("style");
+  n.dataset.swarmConnect = "", n.textContent = wn, document.head.appendChild(n);
 }
-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 kn({ size: n = 18, stroke: r = "var(--accent)", glow: a = !0, children: i }) {
+  return /* @__PURE__ */ t.jsx("span", { style: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    filter: a ? "drop-shadow(0 0 6px var(--accent-glow))" : "none"
+  }, children: /* @__PURE__ */ t.jsx(
+    "svg",
+    {
+      width: n,
+      height: n,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: r,
+      strokeWidth: "1.4",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: i
+    }
+  ) });
 }
-function nt({ children: t }) {
-  return /* @__PURE__ */ r.jsxs("div", { style: {
-    ...N,
-    color: a.colors.muted,
-    fontSize: 13,
-    borderStyle: "dashed",
-    background: "#fafafa"
-  }, children: [
-    /* @__PURE__ */ r.jsx("span", { style: { fontSize: 13 }, children: "🔒" }),
-    /* @__PURE__ */ r.jsx("span", { children: t })
-  ] });
+function ke({ size: n = 15 }) {
+  return /* @__PURE__ */ t.jsx("span", { style: {
+    width: n,
+    height: n,
+    flexShrink: 0,
+    display: "inline-block",
+    border: "2px solid rgba(255,255,255,.12)",
+    borderTopColor: "var(--accent)",
+    borderRadius: "50%",
+    animation: "sc-spin .7s linear infinite"
+  } });
 }
-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,
-      "…"
-    ] })
-  ] }) : 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" }),
-      n.version && /* @__PURE__ */ r.jsxs("div", { style: { color: a.colors.muted, fontSize: 12 }, children: [
-        "v",
-        n.version
-      ] })
-    ] })
-  ] }) : /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, 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: 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" })
+function ue({ children: n, tone: r }) {
+  const a = {
+    ok: { c: "var(--ok)", b: "var(--ok-line)", w: "var(--ok-wash)" },
+    bad: { c: "var(--bad)", b: "var(--bad-line)", w: "var(--bad-wash)" },
+    warn: { c: "var(--warn)", b: "var(--warn-line)", w: "var(--warn-wash)" }
+  }[r];
+  return /* @__PURE__ */ t.jsx("span", { style: {
+    fontFamily: "var(--font-mono)",
+    fontSize: 10,
+    letterSpacing: ".04em",
+    textTransform: "uppercase",
+    color: a.c,
+    background: a.w,
+    border: `1px solid ${a.b}`,
+    borderRadius: 3,
+    padding: "2px 6px",
+    lineHeight: 1.3
+  }, children: n });
+}
+function H({ tone: n, title: r, sub: a, children: i }) {
+  const s = {
+    ok: { b: "var(--ok-line)", w: "var(--ok-wash)", d: "var(--ok)" },
+    bad: { b: "var(--bad-line)", w: "var(--bad-wash)", d: "var(--bad)" },
+    warn: { b: "var(--warn-line)", w: "var(--warn-wash)", d: "var(--warn)" },
+    flat: { b: "var(--line)", w: "var(--raised)", d: "var(--fg-muted)" }
+  }[n], d = !!a && (a.startsWith("0x") || a.includes("localhost") || a.includes("http"));
+  return /* @__PURE__ */ t.jsxs("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    gap: 12,
+    padding: "12px 14px",
+    border: `1px solid ${s.b}`,
+    borderRadius: 8,
+    background: s.w
+  }, children: [
+    n !== "flat" && /* @__PURE__ */ t.jsx("span", { style: {
+      width: 8,
+      height: 8,
+      flexShrink: 0,
+      borderRadius: "50%",
+      background: s.d,
+      boxShadow: `0 0 8px ${s.d}`,
+      animation: n === "warn" ? "sc-pulse-dot 1.6s var(--ease) infinite" : "none"
+    } }),
+    /* @__PURE__ */ t.jsxs("div", { style: { minWidth: 0 }, children: [
+      r && /* @__PURE__ */ t.jsx("div", { style: { fontWeight: 600, fontSize: 13.5, color: n === "flat" ? "var(--fg-soft)" : s.d }, children: r }),
+      a && /* @__PURE__ */ t.jsx("div", { style: { fontSize: 12, color: "var(--fg-muted)", marginTop: 2, fontFamily: d ? "var(--font-mono)" : "inherit", wordBreak: "break-all" }, children: a })
     ] }),
-    /* @__PURE__ */ r.jsx("button", { onClick: i, style: Ce, children: "Retry" })
+    i && /* @__PURE__ */ t.jsx("div", { style: { marginLeft: "auto", flexShrink: 0 }, children: i })
   ] });
 }
-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: { ...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((n) => /* @__PURE__ */ r.jsx(
-    st,
+function q({ children: n, onClick: r, disabled: a }) {
+  const [i, s] = F(!1);
+  return /* @__PURE__ */ t.jsx(
+    "button",
     {
-      stamp: n,
-      selected: t.selectedStampId === n.batchID,
-      onSelect: () => t.selectStamp(n.batchID)
-    },
-    n.batchID
-  )) });
+      onClick: r,
+      disabled: a,
+      onMouseEnter: () => s(!0),
+      onMouseLeave: () => s(!1),
+      style: {
+        fontFamily: "var(--font-mono)",
+        fontSize: 12,
+        letterSpacing: ".04em",
+        background: "transparent",
+        border: `1px solid ${i && !a ? "var(--line-orange)" : "var(--line-2)"}`,
+        color: a ? "var(--fg-faint)" : i ? "var(--accent-bright)" : "var(--fg-soft)",
+        borderRadius: 4,
+        padding: "7px 14px",
+        cursor: a ? "default" : "pointer",
+        transition: "all .15s var(--ease)",
+        opacity: a ? 0.5 : 1
+      },
+      children: n
+    }
+  );
 }
-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(
+function wt({ children: n, onClick: r, pending: a, block: i, style: s }) {
+  const [d, h] = F(!1);
+  return /* @__PURE__ */ t.jsx(
     "button",
     {
-      onClick: i,
+      onClick: r,
+      disabled: a,
+      onMouseEnter: () => h(!0),
+      onMouseLeave: () => h(!1),
       style: {
-        display: "flex",
+        display: "inline-flex",
         alignItems: "center",
-        justifyContent: "space-between",
-        padding: "10px 14px",
-        border: `1.5px solid ${n ? a.colors.primary : a.colors.border}`,
-        borderRadius: 8,
-        cursor: "pointer",
-        background: n ? "#eff6ff" : "#fff",
-        textAlign: "left",
-        width: "100%",
-        transition: "all 0.15s"
+        justifyContent: "center",
+        gap: 8,
+        fontFamily: "var(--font-mono)",
+        fontSize: 13,
+        fontWeight: 600,
+        letterSpacing: ".06em",
+        textTransform: "uppercase",
+        width: i ? "100%" : "auto",
+        background: "var(--accent)",
+        color: "var(--accent-ink)",
+        border: "none",
+        borderRadius: 4,
+        padding: "11px 20px",
+        cursor: a ? "default" : "pointer",
+        boxShadow: d ? "0 0 24px var(--accent-glow)" : "0 0 14px var(--accent-glow)",
+        transform: d ? "translateY(-1px)" : "none",
+        transition: "all .15s var(--ease)",
+        opacity: a ? 0.8 : 1,
+        whiteSpace: "nowrap",
+        ...s
       },
-      children: [
-        /* @__PURE__ */ r.jsxs("div", { children: [
-          /* @__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: 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 ${n ? a.colors.primary : a.colors.border}`,
-            background: n ? a.colors.primary : "transparent"
-          } })
-        ] })
-      ]
+      children: n
     }
   );
 }
-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 ee({ children: n }) {
+  return /* @__PURE__ */ t.jsxs("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    gap: 10,
+    padding: "12px 14px",
+    border: "1px dashed var(--line-2)",
+    borderRadius: 8,
+    background: "var(--bunker)"
+  }, children: [
+    /* @__PURE__ */ t.jsxs(kn, { size: 15, stroke: "var(--fg-faint)", glow: !1, children: [
+      /* @__PURE__ */ t.jsx("rect", { x: "5", y: "11", width: "14", height: "9", rx: "1.5" }),
+      /* @__PURE__ */ t.jsx("path", { d: "M8 11V8a4 4 0 0 1 8 0v3" })
+    ] }),
+    /* @__PURE__ */ t.jsx("span", { style: { fontSize: 12.5, color: "var(--fg-muted)" }, children: n })
+  ] });
 }
-function rr({ color: t }) {
-  return /* @__PURE__ */ r.jsx("span", { style: { fontSize: 10, color: t, lineHeight: 1 }, children: "●" });
+function jn({ step: n, state: r, children: a, hint: i }) {
+  const s = r === "done", d = r === "locked";
+  return /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10, marginBottom: 12 }, children: [
+    /* @__PURE__ */ t.jsx("span", { style: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: 22,
+      height: 22,
+      flexShrink: 0,
+      fontFamily: "var(--font-mono)",
+      fontSize: 11,
+      fontWeight: 600,
+      lineHeight: 1,
+      color: s ? "var(--ok)" : d ? "var(--fg-faint)" : "var(--accent-ink)",
+      background: s ? "var(--ok-wash)" : d ? "transparent" : "var(--accent)",
+      border: s ? "1px solid var(--ok-line)" : d ? "1px solid var(--line-2)" : "none",
+      clipPath: "polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%)",
+      boxShadow: !s && !d ? "0 0 14px var(--accent-glow)" : "none"
+    }, children: s ? "✓" : n }),
+    /* @__PURE__ */ t.jsx("span", { style: {
+      fontFamily: "var(--font-mono)",
+      fontSize: 11,
+      fontWeight: 600,
+      textTransform: "uppercase",
+      letterSpacing: ".18em",
+      color: d ? "var(--fg-faint)" : "var(--fg-soft)"
+    }, children: a }),
+    i && /* @__PURE__ */ t.jsx("span", { style: { marginLeft: "auto", fontFamily: "var(--font-mono)", fontSize: 10, letterSpacing: ".06em", color: "var(--fg-faint)" }, children: i })
+  ] });
 }
-function ar() {
-  return /* @__PURE__ */ r.jsx("div", { style: {
-    width: 15,
-    height: 15,
+function Sn({ size: n = 30 }) {
+  return /* @__PURE__ */ t.jsx("span", { style: {
+    width: n,
+    height: n,
     flexShrink: 0,
-    border: "2px solid #e5e7eb",
-    borderTopColor: a.colors.primary,
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    background: "var(--accent)",
+    color: "var(--accent-ink)",
+    clipPath: "polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%)",
+    boxShadow: "0 0 18px var(--accent-glow)"
+  }, children: /* @__PURE__ */ t.jsxs(
+    "svg",
+    {
+      width: n * 0.56,
+      height: n * 0.56,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "var(--accent-ink)",
+      strokeWidth: "1.8",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ t.jsx("ellipse", { cx: "12", cy: "14", rx: "5", ry: "6.5" }),
+        /* @__PURE__ */ t.jsx("path", { d: "M7 12h10M7 16h10M12 7.5V4M12 4l-2.5-1.5M12 4l2.5-1.5" })
+      ]
+    }
+  ) });
+}
+function Cn({ states: n }) {
+  return /* @__PURE__ */ t.jsx("span", { style: { display: "inline-flex", gap: 5 }, children: n.map((r, a) => /* @__PURE__ */ t.jsx("span", { style: {
+    width: 7,
+    height: 7,
     borderRadius: "50%",
-    animation: "spin 0.7s linear infinite"
-  } });
+    background: r ? "var(--ok)" : "var(--line-2)",
+    boxShadow: r ? "0 0 8px var(--ok)" : "none",
+    transition: "all .2s"
+  } }, a)) });
 }
-const N = {
-  display: "flex",
-  alignItems: "center",
-  gap: 12,
-  padding: "11px 14px",
-  border: `1px solid ${a.colors.border}`,
-  borderRadius: 8,
-  background: "#fff"
-}, Ce = {
-  background: "none",
-  border: `1px solid ${a.colors.border}`,
-  borderRadius: 6,
-  padding: "5px 14px",
-  cursor: "pointer",
-  fontSize: 13,
-  color: a.colors.muted,
-  alignSelf: "flex-start"
-};
-function at(t) {
-  const n = {
+function Rn(n) {
+  const r = {
     formatters: void 0,
     fees: void 0,
     serializers: void 0,
-    ...t
+    ...n
   };
-  function i(c) {
-    return (u) => {
-      const p = typeof u == "function" ? u(c) : u, g = { ...c, ...p };
-      return Object.assign(g, { extend: i(g) });
+  function a(i) {
+    return (s) => {
+      const d = typeof s == "function" ? s(i) : s, h = { ...i, ...d };
+      return Object.assign(h, { extend: a(h) });
     };
   }
-  return Object.assign(n, {
-    extend: i(n)
+  return Object.assign(r, {
+    extend: a(r)
   });
 }
-const Se = /* @__PURE__ */ at({
+const Oe = /* @__PURE__ */ Rn({
   id: 100,
   name: "Gnosis",
   nativeCurrency: {
@@ -1010,343 +1105,731 @@ const Se = /* @__PURE__ */ at({
     }
   }
 });
-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 ze(n) {
+  if (n)
+    return n.shortMessage ?? n.message;
 }
-function lt({ address: t }) {
-  const { disconnect: n } = zr();
-  return /* @__PURE__ */ r.jsxs("div", { style: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    padding: "11px 14px",
-    border: `1px solid ${a.colors.success}`,
-    borderRadius: 8,
-    background: a.colors.successLight
-  }, children: [
-    /* @__PURE__ */ r.jsxs("div", { children: [
-      /* @__PURE__ */ r.jsx("div", { style: { fontWeight: 600, color: a.colors.success, fontSize: 14 }, children: "Connected" }),
-      t && /* @__PURE__ */ r.jsx("div", { style: { fontFamily: "monospace", fontSize: 12, color: a.colors.muted, marginTop: 2 }, children: `${t.slice(0, 8)}…${t.slice(-6)}` })
-    ] }),
-    /* @__PURE__ */ r.jsx(
-      "button",
+function _n({ name: n, icon: r, pending: a, disabled: i, onClick: s }) {
+  const [d, h] = F(!1);
+  return /* @__PURE__ */ t.jsxs(
+    "button",
+    {
+      onClick: s,
+      disabled: i || a,
+      onMouseEnter: () => h(!0),
+      onMouseLeave: () => h(!1),
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: 12,
+        width: "100%",
+        textAlign: "left",
+        padding: "11px 13px",
+        borderRadius: 8,
+        cursor: i ? "default" : "pointer",
+        opacity: i ? 0.45 : 1,
+        border: `1px solid ${d && !i ? "var(--line-orange)" : "var(--line)"}`,
+        background: d && !i ? "var(--raised-2)" : "var(--raised)",
+        transition: "all .15s var(--ease)"
+      },
+      children: [
+        /* @__PURE__ */ t.jsx("span", { style: {
+          width: 30,
+          height: 30,
+          flexShrink: 0,
+          borderRadius: 7,
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center",
+          background: "var(--bunker)",
+          border: "1px solid var(--line-2)",
+          color: "var(--accent-bright)",
+          overflow: "hidden",
+          fontFamily: "var(--font-display)",
+          fontWeight: 700,
+          fontSize: 15
+        }, children: r ? /* @__PURE__ */ t.jsx("img", { src: r, width: 30, height: 30, alt: "", style: { borderRadius: 7 } }) : n.charAt(0) }),
+        /* @__PURE__ */ t.jsx("span", { style: { flex: 1, fontSize: 14, fontWeight: 500, color: "var(--fg)" }, children: n }),
+        a ? /* @__PURE__ */ t.jsx(ke, { size: 14 }) : /* @__PURE__ */ t.jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 16, color: d && !i ? "var(--accent)" : "var(--fg-faint)", transition: "color .15s" }, children: "→" })
+      ]
+    }
+  );
+}
+function En({ isConnected: n, address: r }) {
+  const { connectors: a, connect: i, isPending: s, variables: d, error: h } = Xt(), { disconnect: p } = gt(), { connector: u } = we();
+  if (n)
+    return /* @__PURE__ */ t.jsx(
+      H,
       {
-        onClick: () => n(),
-        style: {
-          background: "none",
-          border: `1px solid ${a.colors.border}`,
-          borderRadius: 6,
-          padding: "5px 12px",
-          cursor: "pointer",
-          fontSize: 12,
-          color: a.colors.muted
-        },
-        children: "Disconnect"
+        tone: "ok",
+        title: `Wallet connected${u ? ` · ${u.name}` : ""}`,
+        sub: r,
+        children: /* @__PURE__ */ t.jsx(q, { onClick: () => p(), children: "disconnect" })
       }
-    )
+    );
+  const o = s && d != null && d.connector && "uid" in d.connector ? d.connector.uid : void 0;
+  return /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    a.map((l) => /* @__PURE__ */ t.jsx(
+      _n,
+      {
+        name: l.name,
+        icon: l.icon,
+        pending: o === l.uid,
+        disabled: s && o !== l.uid,
+        onClick: () => i({ connector: l })
+      },
+      l.uid
+    )),
+    h && /* @__PURE__ */ t.jsx("div", { style: { fontSize: 12, color: "var(--bad)", fontFamily: "var(--font-mono)" }, children: h.message })
   ] });
 }
-function ut() {
-  return /* @__PURE__ */ r.jsxs("div", { style: {
+function In({ locked: n, isOnGnosis: r, chainId: a }) {
+  const { switchChain: i, isPending: s, error: d } = Qt();
+  return n ? /* @__PURE__ */ t.jsx(ee, { children: "Connect a wallet to verify it is on the Gnosis chain." }) : r ? /* @__PURE__ */ t.jsx(H, { tone: "ok", title: "Gnosis chain", sub: `wallet reports chain id ${a}`, children: /* @__PURE__ */ t.jsx(ue, { tone: "ok", children: "synced" }) }) : /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+    /* @__PURE__ */ t.jsx(H, { tone: "warn", title: "Wrong network", sub: `chain ${a ?? "—"} active — Gnosis (${G}) required` }),
+    /* @__PURE__ */ t.jsx(wt, { onClick: () => i({ chainId: Oe.id }), pending: s, block: !0, children: s ? "switching…" : "switch to Gnosis" }),
+    d && /* @__PURE__ */ t.jsxs("div", { style: { fontSize: 12, color: "var(--bad)", fontFamily: "var(--font-mono)", lineHeight: 1.5 }, children: [
+      "switch failed: ",
+      ze(d)
+    ] })
+  ] });
+}
+function Ae({ symbol: n, role: r, amount: a, loading: i }) {
+  const s = !i && a === 0, d = s ? "var(--warn)" : "var(--ok)", h = s ? "var(--warn-line)" : "var(--ok-line)", p = s ? "var(--warn-wash)" : "var(--ok-wash)";
+  return /* @__PURE__ */ t.jsxs("div", { style: {
     display: "flex",
     alignItems: "center",
     gap: 12,
-    padding: "11px 14px",
-    border: `1px dashed ${a.colors.border}`,
+    padding: "12px 14px",
+    border: `1px solid ${i ? "var(--line)" : h}`,
     borderRadius: 8,
-    background: "#fafafa"
+    background: i ? "var(--raised)" : p
   }, 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." })
+    i ? /* @__PURE__ */ t.jsx(ke, { size: 14 }) : /* @__PURE__ */ t.jsx("span", { style: { width: 8, height: 8, flexShrink: 0, borderRadius: "50%", background: d, boxShadow: `0 0 8px ${d}`, animation: s ? "sc-pulse-dot 1.6s var(--ease) infinite" : "none" } }),
+    /* @__PURE__ */ t.jsxs("div", { style: { minWidth: 0 }, children: [
+      /* @__PURE__ */ t.jsx("div", { style: { fontWeight: 600, fontSize: 13.5, color: i ? "var(--fg-soft)" : d }, children: n }),
+      /* @__PURE__ */ t.jsx("div", { style: { fontSize: 12, color: "var(--fg-muted)", marginTop: 2 }, children: r })
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { style: { marginLeft: "auto", display: "flex", alignItems: "center", gap: 10, flexShrink: 0 }, children: [
+      !i && /* @__PURE__ */ t.jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 13.5, fontWeight: 500, color: s ? "var(--warn)" : "var(--fg)" }, children: a.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 }) }),
+      !i && /* @__PURE__ */ t.jsx(ue, { tone: s ? "warn" : "ok", children: s ? "empty" : "ok" })
+    ] })
   ] });
 }
-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((u) => /* @__PURE__ */ r.jsxs(
-      "button",
-      {
-        onClick: () => n({ connector: u }),
-        disabled: i,
-        style: {
-          display: "flex",
-          alignItems: "center",
-          gap: 10,
-          padding: "11px 14px",
-          border: `1.5px solid ${a.colors.border}`,
-          borderRadius: 8,
-          cursor: i ? "not-allowed" : "pointer",
-          background: "#fff",
-          fontSize: 14,
-          fontWeight: 500,
-          color: a.colors.text,
-          opacity: i ? 0.6 : 1,
-          transition: "border-color 0.15s",
-          width: "100%"
-        },
-        onMouseOver: (p) => {
-          i || (p.currentTarget.style.borderColor = a.colors.primary);
-        },
-        onMouseOut: (p) => {
-          p.currentTarget.style.borderColor = a.colors.border;
-        },
-        children: [
-          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
-        ]
-      },
-      u.uid
-    )),
-    c && /* @__PURE__ */ r.jsx("div", { style: { fontSize: 12, color: a.colors.error, marginTop: 2 }, children: c.message })
+function Tn({ locked: n, balance: r }) {
+  if (n) return /* @__PURE__ */ t.jsx(ee, { children: "Switch to the Gnosis chain to read your wallet's xDAI balance." });
+  const a = r.xdai ?? 0, i = !r.isLoading && a === 0;
+  return /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    /* @__PURE__ */ t.jsx(Ae, { symbol: "xDAI", role: "gas for transactions from this wallet", amount: a, loading: r.isLoading }),
+    /* @__PURE__ */ t.jsx("div", { style: be, children: "Your connected wallet signs and pays gas for its own transactions — separate from the wallet running your Bee node." }),
+    i && /* @__PURE__ */ t.jsx(wt, { onClick: () => window.open("https://www.gnosisfaucet.com", "_blank", "noopener"), block: !0, children: "get xDAI" })
   ] });
 }
-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",
-    gap: 12,
-    padding: "11px 14px",
-    border: `1px solid ${a.colors.success}`,
-    borderRadius: 8,
-    background: a.colors.successLight
-  }, children: [
-    /* @__PURE__ */ r.jsx("span", { style: { color: a.colors.success, fontSize: 10, lineHeight: 1 }, children: "●" }),
-    /* @__PURE__ */ r.jsxs("div", { children: [
-      /* @__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 ",
-        ce
-      ] })
+function Fn({ value: n, disabled: r, onSubmit: a }) {
+  const [i, s] = F(n), [d, h] = F(!1);
+  Q(() => {
+    s(n);
+  }, [n]);
+  const p = i.trim().replace(/\/+$/, ""), u = p !== n && p.length > 0, o = () => {
+    u && a(p);
+  };
+  return /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+    /* @__PURE__ */ t.jsxs("div", { style: {
+      flex: 1,
+      minWidth: 0,
+      display: "flex",
+      alignItems: "center",
+      gap: 8,
+      padding: "0 12px",
+      borderRadius: 6,
+      border: `1px solid ${d ? "var(--line-orange)" : "var(--line-2)"}`,
+      background: r ? "var(--bunker)" : "var(--surface)",
+      boxShadow: d ? "0 0 0 3px var(--accent-wash)" : "none",
+      transition: "all .15s var(--ease)"
+    }, children: [
+      /* @__PURE__ */ t.jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 12, color: "var(--accent)" }, children: ">" }),
+      /* @__PURE__ */ t.jsx(
+        "input",
+        {
+          type: "url",
+          value: i,
+          disabled: r,
+          spellCheck: !1,
+          autoComplete: "off",
+          onFocus: () => h(!0),
+          onBlur: () => h(!1),
+          onChange: (l) => s(l.target.value),
+          onKeyDown: (l) => {
+            l.key === "Enter" && o();
+          },
+          placeholder: "http://localhost:1633",
+          style: {
+            flex: 1,
+            minWidth: 0,
+            background: "transparent",
+            border: "none",
+            outline: "none",
+            color: "var(--fg)",
+            fontFamily: "var(--font-mono)",
+            fontSize: 12.5,
+            padding: "9px 0"
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsx(q, { onClick: o, disabled: r || !u, children: "connect" })
+  ] });
+}
+function Pn({ node: n, beeApiUrl: r }) {
+  return n.isChecking ? /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12, padding: "12px 14px", border: "1px solid var(--line)", borderRadius: 8, background: "var(--raised)" }, children: [
+    /* @__PURE__ */ t.jsx(ke, {}),
+    /* @__PURE__ */ t.jsxs("span", { style: { color: "var(--fg-muted)", fontSize: 13, fontFamily: "var(--font-mono)" }, children: [
+      "probing ",
+      r,
+      "…"
+    ] })
+  ] }) : n.isRunning ? /* @__PURE__ */ t.jsx(H, { tone: "ok", title: "Node online", sub: `bee ${n.version ?? "—"}  ·  ${r}`, children: /* @__PURE__ */ t.jsx(ue, { tone: "ok", children: "health ok" }) }) : n.error ? /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+    /* @__PURE__ */ t.jsx(H, { tone: "bad", title: "Node unreachable", sub: n.error }),
+    /* @__PURE__ */ t.jsxs("div", { style: { fontSize: 12, color: "var(--fg-muted)", display: "flex", alignItems: "center", gap: 6, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ t.jsx("span", { children: "start one with" }),
+      /* @__PURE__ */ t.jsx("code", { style: { fontFamily: "var(--font-mono)", fontSize: 11.5, background: "var(--bunker)", border: "1px solid var(--line)", color: "var(--accent-bright)", padding: "2px 7px", borderRadius: 3 }, children: "bee start" }),
+      /* @__PURE__ */ t.jsx(q, { onClick: n.check, children: "retry" })
     ] })
-  ] }) : /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ r.jsxs("div", { style: {
+  ] }) : /* @__PURE__ */ t.jsx(H, { tone: "flat", title: "Node not connected", sub: r, children: /* @__PURE__ */ t.jsx(q, { onClick: n.check, children: "connect" }) });
+}
+function ft({ symbol: n, value: r, onChange: a, onSend: i, pending: s, confirming: d, done: h, disabled: p }) {
+  const u = s || d;
+  return /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+    /* @__PURE__ */ t.jsxs("div", { style: {
+      flex: 1,
+      minWidth: 0,
       display: "flex",
       alignItems: "center",
-      gap: 12,
-      padding: "11px 14px",
-      border: `1px solid ${a.colors.warning}`,
-      borderRadius: 8,
-      background: a.colors.warningLight
+      gap: 8,
+      padding: "0 12px",
+      borderRadius: 6,
+      border: "1px solid var(--line-2)",
+      background: u || p ? "var(--bunker)" : "var(--surface)"
     }, children: [
-      /* @__PURE__ */ r.jsx("span", { style: { color: a.colors.warning, fontSize: 10, lineHeight: 1 }, children: "●" }),
-      /* @__PURE__ */ r.jsxs("div", { children: [
-        /* @__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 ",
-          n ?? "—",
-          " active — Gnosis (",
-          ce,
-          ") required"
-        ] })
-      ] })
+      /* @__PURE__ */ t.jsx(
+        "input",
+        {
+          inputMode: "decimal",
+          value: r,
+          disabled: u || p,
+          spellCheck: !1,
+          onChange: (o) => a(o.target.value),
+          style: {
+            flex: 1,
+            minWidth: 0,
+            background: "transparent",
+            border: "none",
+            outline: "none",
+            color: "var(--fg)",
+            fontFamily: "var(--font-mono)",
+            fontSize: 12.5,
+            padding: "8px 0"
+          }
+        }
+      ),
+      /* @__PURE__ */ t.jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 11, color: "var(--fg-muted)", flexShrink: 0 }, children: n })
     ] }),
-    /* @__PURE__ */ r.jsx(
-      "button",
+    h ? /* @__PURE__ */ t.jsx(ue, { tone: "ok", children: "sent" }) : /* @__PURE__ */ t.jsx(q, { onClick: i, disabled: u || p || !r.trim(), children: s ? "sign…" : d ? "mining…" : `send ${n.toLowerCase()}` })
+  ] });
+}
+function Dn({ to: n, onSettled: r }) {
+  const [a, i] = F(vn), [s, d] = F(gn), { address: h } = we(), p = en(), u = tn(), o = at({ hash: p.data }), l = at({ hash: u.data });
+  Q(() => {
+    o.isSuccess && r();
+  }, [o.isSuccess]), Q(() => {
+    l.isSuccess && r();
+  }, [l.isSuccess]);
+  const v = nn({
+    abi: ot,
+    address: dt,
+    functionName: "balanceOf",
+    args: h ? [h] : void 0,
+    chainId: G,
+    query: { enabled: !!h }
+  }), g = v.data !== void 0 ? Number(v.data) / 10 ** De : void 0, b = (g ?? 0) > 0, _ = () => {
+    const S = ht(() => sn(a.trim()));
+    S !== void 0 && p.sendTransaction({ to: n, value: S, chainId: G });
+  }, E = () => {
+    const S = ht(() => cn(s.trim(), De));
+    S !== void 0 && u.writeContract({
+      abi: ot,
+      address: dt,
+      functionName: "transfer",
+      args: [n, S],
+      chainId: G
+    });
+  }, O = ze(p.error) ?? ze(u.error);
+  return /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    /* @__PURE__ */ t.jsx("div", { style: be, children: "One-time top-up — sent from your connected wallet to the node wallet:" }),
+    /* @__PURE__ */ t.jsx(
+      ft,
       {
-        onClick: () => i({ chainId: Se.id }),
-        disabled: c,
-        style: {
-          background: a.colors.primary,
-          color: "#fff",
-          border: "none",
-          borderRadius: 6,
-          padding: "9px 20px",
-          cursor: c ? "not-allowed" : "pointer",
-          fontSize: 14,
-          fontWeight: 500,
-          opacity: c ? 0.7 : 1,
-          alignSelf: "flex-start"
-        },
-        children: c ? "Switching…" : "Switch to Gnosis"
+        symbol: "xDAI",
+        value: a,
+        onChange: i,
+        onSend: _,
+        pending: p.isPending,
+        confirming: o.isLoading && !!p.data,
+        done: o.isSuccess,
+        disabled: !1
       }
     ),
-    u && /* @__PURE__ */ r.jsx("div", { style: { fontSize: 12, color: a.colors.error }, children: u.message })
+    /* @__PURE__ */ t.jsx(
+      ft,
+      {
+        symbol: "xBZZ",
+        value: s,
+        onChange: d,
+        onSend: E,
+        pending: u.isPending,
+        confirming: l.isLoading && !!u.data,
+        done: l.isSuccess,
+        disabled: !b
+      }
+    ),
+    g !== void 0 && /* @__PURE__ */ t.jsxs("div", { style: { ...be, display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ t.jsxs("span", { children: [
+        "your wallet holds",
+        " ",
+        /* @__PURE__ */ t.jsxs("span", { style: { fontFamily: "var(--font-mono)", color: b ? "var(--fg-soft)" : "var(--warn)" }, children: [
+          g.toLocaleString("en-US", { maximumFractionDigits: 4 }),
+          " xBZZ"
+        ] })
+      ] }),
+      !b && /* @__PURE__ */ t.jsx(q, { onClick: () => window.open("https://www.ethswarm.org/get-bzz", "_blank", "noopener"), children: "get xBZZ" })
+    ] }),
+    O && /* @__PURE__ */ t.jsx("div", { style: { fontSize: 12, color: "var(--bad)", fontFamily: "var(--font-mono)" }, children: O })
   ] });
 }
-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); } }
-        @keyframes scIn {
-          from { opacity: 0; transform: translate(-50%, -48%) scale(0.97); }
-          to   { opacity: 1; transform: translate(-50%, -50%) scale(1); }
-        }
-      ` }),
-    /* @__PURE__ */ r.jsx(
-      "div",
+function ht(n) {
+  try {
+    return n();
+  } catch {
+    return;
+  }
+}
+function On({ locked: n, nodeWallet: r }) {
+  if (n) return /* @__PURE__ */ t.jsx(ee, { children: "Bring your Bee node online to read its wallet." });
+  if (r.error)
+    return /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+      /* @__PURE__ */ t.jsx(H, { tone: "bad", title: "Could not read node wallet", sub: r.error }),
+      /* @__PURE__ */ t.jsx(q, { onClick: r.refresh, children: "retry" })
+    ] });
+  const a = r.isLoading && r.xdai === void 0;
+  return /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    /* @__PURE__ */ t.jsx(Ae, { symbol: "xDAI", role: "gas for the node's own transactions", amount: r.xdai ?? 0, loading: a }),
+    /* @__PURE__ */ t.jsx(Ae, { symbol: "xBZZ", role: "pays for postage stamps", amount: r.xbzz ?? 0, loading: a }),
+    /* @__PURE__ */ t.jsxs("div", { style: be, children: [
+      "The Bee node has its own wallet",
+      r.address && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        " ",
+        /* @__PURE__ */ t.jsxs("span", { style: { fontFamily: "var(--font-mono)", color: "var(--fg-soft)" }, children: [
+          r.address.slice(0, 8),
+          "…",
+          r.address.slice(-6)
+        ] })
+      ] }),
+      " ",
+      "— it buys and renews postage stamps on chain."
+    ] }),
+    !r.isFunded && r.address && /* @__PURE__ */ t.jsx(Dn, { to: r.address, onSettled: r.refresh })
+  ] });
+}
+function zn({ stamp: n, selected: r, onSelect: a }) {
+  const [i, s] = F(!1), d = Math.floor(n.batchTTL / 86400), h = `${n.batchID.slice(0, 8)}…${n.batchID.slice(-6)}`, p = r || i;
+  return /* @__PURE__ */ t.jsxs(
+    "button",
+    {
+      onClick: a,
+      onMouseEnter: () => s(!0),
+      onMouseLeave: () => s(!1),
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: 12,
+        width: "100%",
+        textAlign: "left",
+        padding: "12px 14px",
+        borderRadius: 8,
+        cursor: "pointer",
+        border: `1px solid ${r ? "var(--ok-line)" : p ? "var(--line-2)" : "var(--line)"}`,
+        background: r ? "var(--ok-wash)" : "var(--raised)",
+        boxShadow: r ? "0 0 0 1px var(--ok-line), 0 0 18px var(--ok-wash)" : "none",
+        transition: "all .15s var(--ease)"
+      },
+      children: [
+        /* @__PURE__ */ t.jsx("span", { style: {
+          width: 8,
+          height: 8,
+          flexShrink: 0,
+          borderRadius: "50%",
+          background: r ? "var(--ok)" : "var(--line-2)",
+          boxShadow: r ? "0 0 8px var(--ok)" : "none",
+          transition: "all .15s var(--ease)"
+        } }),
+        /* @__PURE__ */ t.jsxs("div", { style: { minWidth: 0, flex: 1 }, children: [
+          /* @__PURE__ */ t.jsx("div", { style: { fontFamily: "var(--font-mono)", fontSize: 12.5, color: "var(--fg)" }, children: h }),
+          /* @__PURE__ */ t.jsxs("div", { style: { fontSize: 11.5, color: "var(--fg-muted)", marginTop: 3, display: "flex", gap: 8 }, children: [
+            n.label && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+              /* @__PURE__ */ t.jsx("span", { children: n.label }),
+              /* @__PURE__ */ t.jsx("span", { style: { color: "var(--fg-faint)" }, children: "·" })
+            ] }),
+            /* @__PURE__ */ t.jsxs("span", { children: [
+              "depth ",
+              n.depth
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, flexShrink: 0 }, children: [
+          /* @__PURE__ */ t.jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 11, color: d > 30 ? "var(--fg-muted)" : "var(--warn)" }, children: d > 0 ? `${d}d ttl` : "expiring" }),
+          /* @__PURE__ */ t.jsx(ue, { tone: n.usable ? "ok" : "bad", children: n.usable ? "usable" : "unusable" })
+        ] })
+      ]
+    }
+  );
+}
+function An({ stamps: n, locked: r, lockedHint: a }) {
+  return r ? /* @__PURE__ */ t.jsx(ee, { children: a }) : n.isLoading ? /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12, padding: "12px 14px", border: "1px solid var(--line)", borderRadius: 8, background: "var(--raised)" }, children: [
+    /* @__PURE__ */ t.jsx(ke, {}),
+    /* @__PURE__ */ t.jsx("span", { style: { color: "var(--fg-muted)", fontSize: 13, fontFamily: "var(--font-mono)" }, children: "reading /stamps…" })
+  ] }) : n.error ? /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+    /* @__PURE__ */ t.jsx(H, { tone: "bad", title: "Could not read stamps", sub: n.error }),
+    /* @__PURE__ */ t.jsx(q, { onClick: n.fetchStamps, children: "retry" })
+  ] }) : /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    n.stamps.length === 0 && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(ee, { children: "No postage stamps on this node yet — once the dApp buys one it will appear here." }),
+      /* @__PURE__ */ t.jsx(q, { onClick: n.fetchStamps, children: "refresh" })
+    ] }),
+    n.stamps.map((i) => /* @__PURE__ */ t.jsx(
+      zn,
       {
-        onClick: t,
-        style: {
-          position: "fixed",
-          inset: 0,
-          background: a.colors.overlay,
-          zIndex: 9998
+        stamp: i,
+        selected: n.selectedStampId === i.batchID,
+        onSelect: () => n.selectStamp(i.batchID)
+      },
+      i.batchID
+    ))
+  ] });
+}
+const be = {
+  fontSize: 11.5,
+  color: "var(--fg-faint)",
+  lineHeight: 1.5,
+  paddingLeft: 2
+};
+function $n({
+  onClose: n,
+  beeNode: r,
+  stamps: a,
+  beeApiUrl: i,
+  setBeeApiUrl: s,
+  requirements: d,
+  nodeWallet: h
+}) {
+  yt();
+  const p = { ...xt, ...d }, { address: u, isConnected: o, chainId: l } = we(), v = o && l === G, { data: g, isLoading: b } = vt({
+    address: u,
+    chainId: G,
+    query: { enabled: o }
+  }), _ = g ? Number(g.formatted) : void 0, E = v && !!g && g.value > 0n, O = { xdai: _, isLoading: o && b, hasGas: E }, S = bt(i), w = h ?? S, I = Jt(!1);
+  Q(() => {
+    !I.current && (I.current = !0, r.isRunning) || r.check();
+  }, [i]), Q(() => {
+    r.isRunning && (a.fetchStamps(), p.xbzz && w.refresh());
+  }, [r.isRunning]);
+  const R = !p.xdai || E, k = !p.xbzz || w.isFunded, z = o ? "done" : "active", Y = o ? v ? "done" : "active" : "locked", Z = v ? E ? "done" : "active" : "locked", W = v && R ? r.isRunning ? "done" : "active" : "locked", te = W !== "done" ? "locked" : w.isFunded ? "done" : "active", ne = W === "done" && k ? a.selectedStampId ? "done" : "active" : "locked", re = o && v && r.isRunning && R && k && (!p.postageStamp || !!a.selectedStampId), { disconnect: B } = gt(), M = () => {
+    B(), r.disconnect(), n();
+  }, N = [
+    {
+      key: "wallet",
+      title: "Wallet",
+      state: z,
+      hint: o ? "linked" : null,
+      body: /* @__PURE__ */ t.jsx(En, { isConnected: o, address: u })
+    },
+    {
+      key: "network",
+      title: "Network chain",
+      state: Y,
+      hint: o ? v ? "gnosis" : "wrong net" : null,
+      body: /* @__PURE__ */ t.jsx(In, { locked: Y === "locked", isOnGnosis: v, chainId: l })
+    },
+    ...p.xdai ? [{
+      key: "balance",
+      title: "Balance",
+      state: Z,
+      hint: v ? E ? "funded" : "low" : null,
+      body: /* @__PURE__ */ t.jsx(Tn, { locked: Z === "locked", balance: O })
+    }] : [],
+    {
+      key: "node",
+      title: "Bee node",
+      state: W,
+      hint: r.isRunning ? r.version : null,
+      body: W === "locked" ? /* @__PURE__ */ t.jsx(ee, { children: p.xdai ? "Top up xDAI gas to unlock the Bee node connection." : "Switch to the Gnosis chain to unlock the Bee node connection." }) : /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+        /* @__PURE__ */ t.jsx(Fn, { value: i, disabled: r.isChecking, onSubmit: s }),
+        /* @__PURE__ */ t.jsx(Pn, { node: r, beeApiUrl: i })
+      ] })
+    },
+    ...p.xbzz ? [{
+      key: "nodeWallet",
+      title: "Node wallet",
+      state: te,
+      hint: te === "locked" ? null : w.isFunded ? "funded" : "top up",
+      body: /* @__PURE__ */ t.jsx(On, { locked: te === "locked", nodeWallet: w })
+    }] : [],
+    ...p.postageStamp ? [{
+      key: "stamp",
+      title: "Postage stamp",
+      state: ne,
+      hint: a.selectedStampId ? "1 selected" : ne !== "locked" ? `${a.stamps.length} found` : null,
+      body: /* @__PURE__ */ t.jsx(
+        An,
+        {
+          stamps: a,
+          locked: ne === "locked",
+          lockedHint: p.xbzz ? "Fund the node wallet to manage postage stamps." : "Bring a node online to load its postage stamps."
         }
-      }
-    ),
-    /* @__PURE__ */ r.jsxs("div", { style: {
+      )
+    }] : []
+  ], fe = N.map((D) => ({
+    wallet: "wallet",
+    network: "chain",
+    balance: "gas",
+    node: "node",
+    nodeWallet: "fund",
+    stamp: "stamp"
+  })[D.key]).join(" · ");
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("div", { className: "swarm-connect", onClick: n, style: {
+      position: "fixed",
+      inset: 0,
+      zIndex: 9998,
+      background: "rgba(4,6,8,0.72)",
+      backdropFilter: "blur(6px)",
+      WebkitBackdropFilter: "blur(6px)",
+      animation: "sc-backdrop-in .2s var(--ease)"
+    } }),
+    /* @__PURE__ */ t.jsxs("div", { className: "swarm-connect", role: "dialog", "aria-label": "Connect to Swarm", style: {
       position: "fixed",
       top: "50%",
       left: "50%",
+      transform: "translate(-50%, -50%)",
       zIndex: 9999,
-      background: "#fff",
-      borderRadius: 16,
-      boxShadow: "0 24px 64px rgba(0,0,0,0.18)",
-      width: 460,
-      maxWidth: "calc(100vw - 32px)",
-      animation: "scIn 0.2s ease forwards",
+      width: 440,
+      maxWidth: "calc(100vw - 28px)",
+      background: "var(--surface)",
+      borderRadius: 14,
+      border: "1px solid var(--line-2)",
+      boxShadow: "0 32px 80px rgba(0,0,0,.6), 0 0 0 1px rgba(255,107,0,.08), 0 0 60px rgba(255,107,0,.08)",
       overflow: "hidden",
-      fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+      animation: "sc-modal-in .26s var(--ease) forwards",
+      fontFamily: "var(--font-body)"
     }, children: [
-      /* @__PURE__ */ r.jsxs("div", { style: {
-        padding: "18px 20px 0",
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center"
-      }, children: [
-        /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-          /* @__PURE__ */ r.jsx("span", { style: { fontSize: 20 }, children: "🐝" }),
-          /* @__PURE__ */ r.jsx("span", { style: { fontWeight: 700, fontSize: 16, color: a.colors.text }, children: "Swarm Connect" })
-        ] }),
-        /* @__PURE__ */ r.jsx(
-          "button",
-          {
-            onClick: t,
-            "aria-label": "Close",
-            style: {
-              background: "none",
-              border: "none",
-              cursor: "pointer",
-              color: a.colors.muted,
-              fontSize: 22,
-              lineHeight: 1,
-              padding: "0 2px",
-              borderRadius: 4
-            },
-            children: "×"
-          }
-        )
+      /* @__PURE__ */ t.jsxs("div", { style: { position: "relative", padding: "18px 20px 16px", borderBottom: "1px solid var(--line)", overflow: "hidden" }, children: [
+        /* @__PURE__ */ t.jsx("div", { style: { position: "absolute", inset: 0, pointerEvents: "none", background: "radial-gradient(ellipse 60% 140% at 88% 0%, var(--accent-wash), transparent 70%)" } }),
+        /* @__PURE__ */ t.jsxs("div", { style: { position: "relative", display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 11 }, children: [
+            /* @__PURE__ */ t.jsx(Sn, { size: 30 }),
+            /* @__PURE__ */ t.jsxs("div", { children: [
+              /* @__PURE__ */ t.jsx("div", { style: { fontFamily: "var(--font-display)", fontWeight: 600, fontSize: 16, color: "var(--fg)", lineHeight: 1.1 }, children: "Connect to Swarm" }),
+              /* @__PURE__ */ t.jsxs("div", { style: { fontFamily: "var(--font-mono)", fontSize: 10, letterSpacing: ".12em", color: "var(--fg-muted)", marginTop: 3 }, children: [
+                "// ",
+                re ? "ready" : fe
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ t.jsx(
+            "button",
+            {
+              onClick: n,
+              "aria-label": "Close",
+              style: {
+                background: "transparent",
+                border: "1px solid var(--line)",
+                color: "var(--fg-muted)",
+                width: 30,
+                height: 30,
+                borderRadius: 6,
+                cursor: "pointer",
+                fontSize: 18,
+                lineHeight: 1,
+                display: "inline-flex",
+                alignItems: "center",
+                justifyContent: "center",
+                transition: "all .15s"
+              },
+              onMouseEnter: (D) => {
+                D.currentTarget.style.borderColor = "var(--line-orange)", D.currentTarget.style.color = "var(--accent-bright)";
+              },
+              onMouseLeave: (D) => {
+                D.currentTarget.style.borderColor = "var(--line)", D.currentTarget.style.color = "var(--fg-muted)";
+              },
+              children: "×"
+            }
+          )
+        ] })
       ] }),
-      /* @__PURE__ */ r.jsxs("div", { style: {
-        padding: "20px",
-        marginTop: 6,
-        minHeight: 260,
-        maxHeight: "64vh",
-        overflowY: "auto",
+      /* @__PURE__ */ t.jsx("div", { className: "sc-scroll", style: { padding: 20, display: "flex", flexDirection: "column", gap: 24, maxHeight: "62vh", overflowY: "auto" }, children: N.map((D, ae) => /* @__PURE__ */ t.jsxs("section", { style: ae === 0 ? { animation: "sc-step-in .3s var(--ease)" } : { opacity: D.state === "locked" ? 0.55 : 1, transition: "opacity .3s var(--ease)" }, children: [
+        /* @__PURE__ */ t.jsx(jn, { step: ae + 1, state: D.state, hint: D.hint, children: D.title }),
+        D.body
+      ] }, D.key)) }),
+      re ? /* @__PURE__ */ t.jsx(Ln, { onDisconnect: M, onDone: n }) : /* @__PURE__ */ t.jsxs("div", { style: {
+        padding: "12px 20px",
+        borderTop: "1px solid var(--line)",
         display: "flex",
-        flexDirection: "column",
-        gap: 28
+        alignItems: "center",
+        justifyContent: "space-between",
+        background: "var(--bunker)",
+        transition: "background .3s"
       }, children: [
-        /* @__PURE__ */ r.jsx(
-          rt,
-          {
-            beeApiUrl: c,
-            setBeeApiUrl: u,
-            beeNode: n,
-            stamps: i
-          }
-        ),
-        /* @__PURE__ */ r.jsx(ct, { swarmReady: p })
+        /* @__PURE__ */ t.jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 11, letterSpacing: ".06em", color: "var(--fg-muted)" }, children: "// gated · each step unlocks the next" }),
+        /* @__PURE__ */ t.jsx(Cn, { states: N.map((D) => D.state === "done") })
       ] })
     ] })
   ] });
 }
-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(
+function Ln({ onDisconnect: n, onDone: r }) {
+  const [a, i] = F(!1), [s, d] = F(!1);
+  return /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", borderTop: "1px solid var(--line)" }, children: [
+    /* @__PURE__ */ t.jsx(
       "button",
       {
-        onClick: () => c(!0),
+        onClick: n,
+        onMouseEnter: () => i(!0),
+        onMouseLeave: () => i(!1),
         style: {
-          display: "inline-flex",
-          alignItems: "center",
-          gap: 8,
-          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",
+          flex: "1 1 50%",
+          minWidth: 0,
+          padding: "13px 20px",
           cursor: "pointer",
-          fontSize: 15,
+          background: a ? "var(--bad-wash)" : "var(--bunker)",
+          border: "none",
+          borderRight: "1px solid var(--line)",
+          color: a ? "var(--bad)" : "var(--fg-muted)",
+          fontFamily: "var(--font-mono)",
+          fontSize: 11,
           fontWeight: 600,
-          boxShadow: v ? "none" : "0 2px 8px rgba(26,86,219,0.25)",
-          transition: "all 0.15s",
-          fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+          letterSpacing: ".1em",
+          textTransform: "uppercase",
+          transition: "all .15s var(--ease)",
+          whiteSpace: "nowrap"
         },
-        onMouseOver: (R) => {
-          v || (R.currentTarget.style.background = a.colors.primaryHover);
+        children: "disconnect"
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        onClick: r,
+        onMouseEnter: () => d(!0),
+        onMouseLeave: () => d(!1),
+        style: {
+          flex: "1 1 50%",
+          minWidth: 0,
+          padding: "13px 20px",
+          cursor: "pointer",
+          background: s ? "var(--ok-wash)" : "var(--bunker)",
+          border: "none",
+          color: "var(--ok)",
+          fontFamily: "var(--font-mono)",
+          fontSize: 11,
+          fontWeight: 600,
+          letterSpacing: ".1em",
+          textTransform: "uppercase",
+          transition: "all .15s var(--ease)",
+          whiteSpace: "nowrap"
         },
-        onMouseOut: (R) => {
-          R.currentTarget.style.background = v ? a.colors.successLight : a.colors.primary;
+        children: /* @__PURE__ */ t.jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: 7 }, children: [
+          /* @__PURE__ */ t.jsx("span", { style: { width: 7, height: 7, borderRadius: "50%", background: "var(--ok)", boxShadow: "0 0 8px var(--ok)" } }),
+          "connected"
+        ] })
+      }
+    )
+  ] });
+}
+function Kn({ beeApiUrl: n = de, requirements: r, label: a }) {
+  yt();
+  const [i, s] = F(!1), d = yn({ beeApiUrl: n, requirements: r }), { beeApiUrl: h, setBeeApiUrl: p, beeNode: u, stamps: o, nodeWallet: l, isFullyConnected: v, address: g } = d, [b, _] = F(!1), E = a ?? (v && g ? `${g.slice(0, 6)}…${g.slice(-4)}` : "Connect to Swarm");
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs(
+      "button",
+      {
+        className: "swarm-connect",
+        onClick: () => s(!0),
+        onMouseEnter: () => _(!0),
+        onMouseLeave: () => _(!1),
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: 10,
+          fontFamily: "var(--font-mono)",
+          fontSize: 13,
+          fontWeight: 600,
+          letterSpacing: ".04em",
+          padding: "10px 16px",
+          borderRadius: 6,
+          cursor: "pointer",
+          background: v ? "var(--ok-wash)" : "var(--accent)",
+          color: v ? "var(--ok)" : "var(--accent-ink)",
+          border: `1px solid ${v ? "var(--ok-line)" : "transparent"}`,
+          boxShadow: v ? "none" : b ? "0 0 26px var(--accent-glow)" : "0 0 14px var(--accent-glow)",
+          transform: b && !v ? "translateY(-1px)" : "none",
+          transition: "all .15s var(--ease)",
+          whiteSpace: "nowrap"
         },
         children: [
-          !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: f }),
-            /* @__PURE__ */ r.jsx(ie, { ok: d })
-          ] }),
-          b
+          v ? /* @__PURE__ */ t.jsx("span", { style: { width: 8, height: 8, borderRadius: "50%", background: "var(--ok)", boxShadow: "0 0 8px var(--ok)" } }) : /* @__PURE__ */ t.jsx(Wn, { swarm: d }),
+          E
         ]
       }
     ),
-    i && /* @__PURE__ */ r.jsx(
-      ht,
+    i && /* @__PURE__ */ t.jsx(
+      $n,
       {
-        onClose: () => c(!1),
+        onClose: () => s(!1),
         beeNode: u,
-        stamps: p,
-        beeApiUrl: g,
-        setBeeApiUrl: x
+        stamps: o,
+        beeApiUrl: h,
+        setBeeApiUrl: p,
+        requirements: d.requirements,
+        nodeWallet: l
       }
     )
   ] });
 }
-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: i
-  } });
+function Wn({ swarm: n }) {
+  const { beeNode: r, stamps: a, nodeWallet: i, requirements: s, isWalletConnected: d, isOnGnosis: h, balance: p } = n, u = [
+    d ? "ok" : "bad",
+    h ? "ok" : "bad",
+    ...s.xdai ? [p.hasGas ? "ok" : h ? "warn" : "bad"] : [],
+    r.isChecking ? "warn" : r.isRunning ? "ok" : "bad",
+    ...s.xbzz ? [i.isFunded ? "ok" : "bad"] : [],
+    ...s.postageStamp ? [a.selectedStampId ? "ok" : "bad"] : []
+  ], o = { ok: "var(--accent-ink)", bad: "rgba(26,14,2,.32)", warn: "#7a4a00" };
+  return /* @__PURE__ */ t.jsx("span", { style: { display: "inline-flex", gap: 4, alignItems: "center" }, children: u.map((l, v) => /* @__PURE__ */ t.jsx("span", { style: { width: 6, height: 6, borderRadius: "50%", background: o[l], animation: l === "warn" ? "sc-pulse-dot 1.4s var(--ease) infinite" : "none" } }, v)) });
 }
-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 {
+const Bn = "2.22.1", Mn = () => `@wagmi/core@${Bn}`;
+var kt = function(n, r, a, i) {
+  if (a === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof r == "function" ? n !== r || !i : !r.has(n)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return a === "m" ? i : a === "a" ? i.call(n) : i ? i.value : r.get(n);
+}, ye, jt;
+class le extends Error {
   get docsBaseUrl() {
     return "https://wagmi.sh/core";
   }
   get version() {
-    return gt();
+    return Mn();
   }
-  constructor(n, i = {}) {
-    var p;
-    super(), le.add(this), Object.defineProperty(this, "details", {
+  constructor(r, a = {}) {
+    var d;
+    super(), ye.add(this), Object.defineProperty(this, "details", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
@@ -1372,27 +1855,27 @@ class Z extends Error {
       writable: !0,
       value: "WagmiCoreError"
     });
-    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;
+    const i = a.cause instanceof le ? a.cause.details : (d = a.cause) != null && d.message ? a.cause.message : a.details, s = a.cause instanceof le && a.cause.docsPath || a.docsPath;
     this.message = [
-      n || "An error occurred.",
+      r || "An error occurred.",
       "",
-      ...i.metaMessages ? [...i.metaMessages, ""] : [],
-      ...u ? [
-        `Docs: ${this.docsBaseUrl}${u}.html${i.docsSlug ? `#${i.docsSlug}` : ""}`
+      ...a.metaMessages ? [...a.metaMessages, ""] : [],
+      ...s ? [
+        `Docs: ${this.docsBaseUrl}${s}.html${a.docsSlug ? `#${a.docsSlug}` : ""}`
       ] : [],
-      ...c ? [`Details: ${c}`] : [],
+      ...i ? [`Details: ${i}`] : [],
       `Version: ${this.version}`
     ].join(`
-`), i.cause && (this.cause = i.cause), this.details = c, this.docsPath = u, this.metaMessages = i.metaMessages, this.shortMessage = n;
+`), a.cause && (this.cause = a.cause), this.details = i, this.docsPath = s, this.metaMessages = a.metaMessages, this.shortMessage = r;
   }
-  walk(n) {
-    return cr(this, le, "m", lr).call(this, this, n);
+  walk(r) {
+    return kt(this, ye, "m", jt).call(this, this, r);
   }
 }
-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;
+ye = /* @__PURE__ */ new WeakSet(), jt = function n(r, a) {
+  return a != null && a(r) ? r : r.cause ? kt(this, ye, "m", n).call(this, r.cause, a) : r;
 };
-class vt extends Z {
+class Nn extends le {
   constructor() {
     super("Chain not configured."), Object.defineProperty(this, "name", {
       enumerable: !0,
@@ -1402,7 +1885,7 @@ class vt extends Z {
     });
   }
 }
-class V extends Z {
+class X extends le {
   constructor() {
     super("Provider not found."), Object.defineProperty(this, "name", {
       enumerable: !0,
@@ -1412,103 +1895,103 @@ class V extends Z {
     });
   }
 }
-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;
+$e.type = "injected";
+function $e(n = {}) {
+  const { shimDisconnect: r = !0, unstable_shimAsyncInject: a } = n;
+  function i() {
+    const u = n.target;
+    if (typeof u == "function") {
+      const o = u();
+      if (o)
+        return o;
     }
-    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)}`
+    return typeof u == "object" ? u : typeof u == "string" ? {
+      ...Un[u] ?? {
+        id: u,
+        name: `${u[0].toUpperCase()}${u.slice(1)}`,
+        provider: `is${u[0].toUpperCase()}${u.slice(1)}`
       }
     } : {
       id: "injected",
       name: "Injected",
-      provider(s) {
-        return s == null ? void 0 : s.ethereum;
+      provider(o) {
+        return o == null ? void 0 : o.ethereum;
       }
     };
   }
-  let u, p, g, x;
-  return (f) => ({
+  let s, d, h, p;
+  return (u) => ({
     get icon() {
-      return c().icon;
+      return i().icon;
     },
     get id() {
-      return c().id;
+      return i().id;
     },
     get name() {
-      return c().name;
+      return i().name;
     },
     /** @deprecated */
     get supportsSimulation() {
       return !0;
     },
-    type: Re.type,
+    type: $e.type,
     async setup() {
-      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)));
+      const o = await this.getProvider();
+      o != null && o.on && n.target && (h || (h = this.onConnect.bind(this), o.on("connect", h)), s || (s = this.onAccountsChanged.bind(this), o.on("accountsChanged", s)));
     },
-    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)
+    async connect({ chainId: o, isReconnecting: l, withCapabilities: v } = {}) {
+      var _, E, O, S, w, I;
+      const g = await this.getProvider();
+      if (!g)
+        throw new X();
+      let b = [];
+      if (l)
+        b = await this.getAccounts().catch(() => []);
+      else if (r)
         try {
-          R = (I = (L = (W = (A = (await b.request({
+          b = (S = (O = (E = (_ = (await g.request({
             method: "wallet_requestPermissions",
             params: [{ eth_accounts: {} }]
-          }))[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;
+          }))[0]) == null ? void 0 : _.caveats) == null ? void 0 : E[0]) == null ? void 0 : O.value) == null ? void 0 : S.map((k) => me(k)), b.length > 0 && (b = await this.getAccounts());
+        } catch (R) {
+          const k = R;
+          if (k.code === U.code)
+            throw new U(k);
+          if (k.code === Fe.code)
+            throw k;
         }
       try {
-        !(R != null && R.length) && !d && (R = (await b.request({
+        !(b != null && b.length) && !l && (b = (await g.request({
           method: "eth_requestAccounts"
-        })).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: _ };
+        })).map((z) => me(z))), h && (g.removeListener("connect", h), h = void 0), s || (s = this.onAccountsChanged.bind(this), g.on("accountsChanged", s)), d || (d = this.onChainChanged.bind(this), g.on("chainChanged", d)), p || (p = this.onDisconnect.bind(this), g.on("disconnect", p));
+        let R = await this.getChainId();
+        if (o && R !== o) {
+          const k = await this.switchChain({ chainId: o }).catch((z) => {
+            if (z.code === U.code)
+              throw z;
+            return { id: R };
           });
-          _ = (C == null ? void 0 : C.id) ?? _;
+          R = (k == null ? void 0 : k.id) ?? R;
         }
-        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: _
+        return r && await ((w = u.storage) == null ? void 0 : w.removeItem(`${this.id}.disconnected`)), n.target || await ((I = u.storage) == null ? void 0 : I.setItem("injected.connected", !0)), {
+          accounts: v ? b.map((k) => ({ address: k, capabilities: {} })) : b,
+          chainId: R
         };
-      } catch (_) {
-        const C = _;
-        throw C.code === F.code ? new F(C) : C.code === xe.code ? new xe(C) : C;
+      } catch (R) {
+        const k = R;
+        throw k.code === U.code ? new U(k) : k.code === Fe.code ? new Fe(k) : k;
       }
     },
     async disconnect() {
-      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));
+      var l, v;
+      const o = await this.getProvider();
+      if (!o)
+        throw new X();
+      d && (o.removeListener("chainChanged", d), d = void 0), p && (o.removeListener("disconnect", p), p = void 0), h || (h = this.onConnect.bind(this), o.on("connect", h));
       try {
-        await Hr(() => (
+        await dn(() => (
           // TODO: Remove explicit type for viem@3
-          s.request({
+          o.request({
             // `'wallet_revokePermissions'` added in `viem@2.10.3`
             method: "wallet_revokePermissions",
             params: [{ eth_accounts: {} }]
@@ -1516,164 +1999,164 @@ function Re(t = {}) {
         ), { timeout: 100 });
       } catch {
       }
-      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"));
+      r && await ((l = u.storage) == null ? void 0 : l.setItem(`${this.id}.disconnected`, !0)), n.target || await ((v = u.storage) == null ? void 0 : v.removeItem("injected.connected"));
     },
     async getAccounts() {
-      const s = await this.getProvider();
-      if (!s)
-        throw new V();
-      return (await s.request({ method: "eth_accounts" })).map((v) => oe(v));
+      const o = await this.getProvider();
+      if (!o)
+        throw new X();
+      return (await o.request({ method: "eth_accounts" })).map((v) => me(v));
     },
     async getChainId() {
-      const s = await this.getProvider();
-      if (!s)
-        throw new V();
-      const d = await s.request({ method: "eth_chainId" });
-      return Number(d);
+      const o = await this.getProvider();
+      if (!o)
+        throw new X();
+      const l = await o.request({ method: "eth_chainId" });
+      return Number(l);
     },
     async getProvider() {
       if (typeof window > "u")
         return;
-      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;
+      let o;
+      const l = i();
+      return typeof l.provider == "function" ? o = l.provider(window) : typeof l.provider == "string" ? o = xe(window, l.provider) : o = l.provider, o && !o.removeListener && ("off" in o && typeof o.off == "function" ? o.removeListener = o.off : o.removeListener = () => {
+      }), o;
     },
     async isAuthorized() {
-      var s, d;
+      var o, l;
       try {
-        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")))
+        if (r && // If shim exists in storage, connector is disconnected
+        await ((o = u.storage) == null ? void 0 : o.getItem(`${this.id}.disconnected`)) || !n.target && !await ((l = u.storage) == null ? void 0 : l.getItem("injected.connected")))
           return !1;
         if (!await this.getProvider()) {
-          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 (a !== void 0 && a !== !1) {
+            const _ = async () => (typeof window < "u" && window.removeEventListener("ethereum#initialized", _), !!await this.getProvider()), E = typeof a == "number" ? a : 1e3;
             if (await Promise.race([
               ...typeof window < "u" ? [
-                new Promise((I) => window.addEventListener("ethereum#initialized", () => I(A()), { once: !0 }))
+                new Promise((S) => window.addEventListener("ethereum#initialized", () => S(_()), { once: !0 }))
               ] : [],
-              new Promise((I) => setTimeout(() => I(A()), W))
+              new Promise((S) => setTimeout(() => S(_()), E))
             ]))
               return !0;
           }
-          throw new V();
+          throw new X();
         }
-        return !!(await Gr(() => this.getAccounts())).length;
+        return !!(await ln(() => this.getAccounts())).length;
       } catch {
         return !1;
       }
     },
-    async switchChain({ addEthereumChainParameter: s, chainId: d }) {
-      var A, W, L, I;
+    async switchChain({ addEthereumChainParameter: o, chainId: l }) {
+      var _, E, O, S;
       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());
+        throw new X();
+      const g = u.chains.find((w) => w.id === l);
+      if (!g)
+        throw new it(new Nn());
+      const b = new Promise((w) => {
+        const I = (R) => {
+          "chainId" in R && R.chainId === l && (u.emitter.off("change", I), w());
         };
-        f.emitter.on("change", T);
+        u.emitter.on("change", I);
       });
       try {
         return await Promise.all([
           v.request({
             method: "wallet_switchEthereumChain",
-            params: [{ chainId: Xe(d) }]
+            params: [{ chainId: st(l) }]
           }).then(async () => {
-            await this.getChainId() === d && f.emitter.emit("change", { chainId: d });
+            await this.getChainId() === l && u.emitter.emit("change", { chainId: l });
           }),
-          R
-        ]), b;
-      } catch (S) {
-        const T = S;
-        if (T.code === 4902 || // Unwrapping for MetaMask Mobile
+          b
+        ]), g;
+      } catch (w) {
+        const I = w;
+        if (I.code === 4902 || // Unwrapping for MetaMask Mobile
         // https://github.com/MetaMask/metamask-mobile/issues/2944#issuecomment-976988719
-        ((W = (A = T == null ? void 0 : T.data) == null ? void 0 : A.originalError) == null ? void 0 : W.code) === 4902)
+        ((E = (_ = I == null ? void 0 : I.data) == null ? void 0 : _.originalError) == null ? void 0 : E.code) === 4902)
           try {
-            const { default: _, ...C } = b.blockExplorers ?? {};
-            let $;
-            s != null && s.blockExplorerUrls ? $ = s.blockExplorerUrls : _ && ($ = [
-              _.url,
-              ...Object.values(C).map((H) => H.url)
+            const { default: R, ...k } = g.blockExplorers ?? {};
+            let z;
+            o != null && o.blockExplorerUrls ? z = o.blockExplorerUrls : R && (z = [
+              R.url,
+              ...Object.values(k).map((W) => W.url)
             ]);
-            let G;
-            (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
+            let Y;
+            (O = o == null ? void 0 : o.rpcUrls) != null && O.length ? Y = o.rpcUrls : Y = [((S = g.rpcUrls.default) == null ? void 0 : S.http[0]) ?? ""];
+            const Z = {
+              blockExplorerUrls: z,
+              chainId: st(l),
+              chainName: (o == null ? void 0 : o.chainName) ?? g.name,
+              iconUrls: o == null ? void 0 : o.iconUrls,
+              nativeCurrency: (o == null ? void 0 : o.nativeCurrency) ?? g.nativeCurrency,
+              rpcUrls: Y
             };
             return await Promise.all([
               v.request({
                 method: "wallet_addEthereumChain",
-                params: [de]
+                params: [Z]
               }).then(async () => {
-                if (await this.getChainId() === d)
-                  f.emitter.emit("change", { chainId: d });
+                if (await this.getChainId() === l)
+                  u.emitter.emit("change", { chainId: l });
                 else
-                  throw new F(new Error("User rejected switch after adding network."));
+                  throw new U(new Error("User rejected switch after adding network."));
               }),
-              R
-            ]), b;
-          } catch (_) {
-            throw new F(_);
+              b
+            ]), g;
+          } catch (R) {
+            throw new U(R);
           }
-        throw T.code === F.code ? new F(T) : new Je(T);
+        throw I.code === U.code ? new U(I) : new it(I);
       }
     },
-    async onAccountsChanged(s) {
-      var d;
-      if (s.length === 0)
+    async onAccountsChanged(o) {
+      var l;
+      if (o.length === 0)
         this.onDisconnect();
-      else if (f.emitter.listenerCount("connect")) {
+      else if (u.emitter.listenerCount("connect")) {
         const v = (await this.getChainId()).toString();
-        this.onConnect({ chainId: v }), n && await ((d = f.storage) == null ? void 0 : d.removeItem(`${this.id}.disconnected`));
+        this.onConnect({ chainId: v }), r && await ((l = u.storage) == null ? void 0 : l.removeItem(`${this.id}.disconnected`));
       } else
-        f.emitter.emit("change", {
-          accounts: s.map((v) => oe(v))
+        u.emitter.emit("change", {
+          accounts: o.map((v) => me(v))
         });
     },
-    onChainChanged(s) {
-      const d = Number(s);
-      f.emitter.emit("change", { chainId: d });
+    onChainChanged(o) {
+      const l = Number(o);
+      u.emitter.emit("change", { chainId: l });
     },
-    async onConnect(s) {
-      const d = await this.getAccounts();
-      if (d.length === 0)
+    async onConnect(o) {
+      const l = await this.getAccounts();
+      if (l.length === 0)
         return;
-      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)));
+      const v = Number(o.chainId);
+      u.emitter.emit("connect", { accounts: l, chainId: v });
+      const g = await this.getProvider();
+      g && (h && (g.removeListener("connect", h), h = void 0), s || (s = this.onAccountsChanged.bind(this), g.on("accountsChanged", s)), d || (d = this.onChainChanged.bind(this), g.on("chainChanged", d)), p || (p = this.onDisconnect.bind(this), g.on("disconnect", p)));
     },
-    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))));
+    async onDisconnect(o) {
+      const l = await this.getProvider();
+      o && o.code === 1013 && l && (await this.getAccounts()).length || (u.emitter.emit("disconnect"), l && (d && (l.removeListener("chainChanged", d), d = void 0), p && (l.removeListener("disconnect", p), p = void 0), h || (h = this.onConnect.bind(this), l.on("connect", h))));
     }
   });
 }
-const yt = {
+const Un = {
   coinbaseWallet: {
     id: "coinbaseWallet",
     name: "Coinbase Wallet",
-    provider(t) {
-      return t != null && t.coinbaseWalletExtension ? t.coinbaseWalletExtension : se(t, "isCoinbaseWallet");
+    provider(n) {
+      return n != null && n.coinbaseWalletExtension ? n.coinbaseWalletExtension : xe(n, "isCoinbaseWallet");
     }
   },
   metaMask: {
     id: "metaMask",
     name: "MetaMask",
-    provider(t) {
-      return se(t, (n) => {
-        if (!n.isMetaMask || n.isBraveWallet && !n._events && !n._state)
+    provider(n) {
+      return xe(n, (r) => {
+        if (!r.isMetaMask || r.isBraveWallet && !r._events && !r._state)
           return !1;
-        const i = [
+        const a = [
           "isApexWallet",
           "isAvalanche",
           "isBitKeep",
@@ -1693,8 +2176,8 @@ const yt = {
           "isUniswapWallet",
           "isZerion"
         ];
-        for (const c of i)
-          if (n[c])
+        for (const i of a)
+          if (r[i])
             return !1;
         return !0;
       });
@@ -1703,37 +2186,38 @@ const yt = {
   phantom: {
     id: "phantom",
     name: "Phantom",
-    provider(t) {
-      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");
+    provider(n) {
+      var r, a;
+      return (r = n == null ? void 0 : n.phantom) != null && r.ethereum ? (a = n.phantom) == null ? void 0 : a.ethereum : xe(n, "isPhantom");
     }
   }
 };
-function se(t, n) {
-  function i(u) {
-    return typeof n == "function" ? n(u) : typeof n == "string" ? u[n] : !0;
+function xe(n, r) {
+  function a(s) {
+    return typeof r == "function" ? r(s) : typeof r == "string" ? s[r] : !0;
   }
-  const c = t.ethereum;
-  if (c != null && c.providers)
-    return c.providers.find((u) => i(u));
-  if (c && i(c))
-    return c;
+  const i = n.ethereum;
+  if (i != null && i.providers)
+    return i.providers.find((s) => a(s));
+  if (i && a(i))
+    return i;
 }
-const mt = new qr(), bt = Br({
-  chains: [Se],
-  connectors: [Re()],
+const qn = new un(), Yn = rn({
+  chains: [Oe],
+  connectors: [$e()],
   transports: {
-    [Se.id]: Nr()
+    [Oe.id]: an()
   }
 });
-function Rt({ children: t }) {
-  return /* @__PURE__ */ r.jsx(Yr, { config: bt, children: /* @__PURE__ */ r.jsx(Vr, { client: mt, children: t }) });
+function Jn({ children: n }) {
+  return /* @__PURE__ */ t.jsx(on, { config: Yn, children: /* @__PURE__ */ t.jsx(fn, { client: qn, children: n }) });
 }
 export {
-  Ct as SwarmConnectButton,
-  ht as SwarmConnectModal,
-  Rt as SwarmConnectProvider,
-  Xr as useBeeNode,
-  Qr as usePostageStamps,
-  et as useSwarmConnect
+  Kn as SwarmConnectButton,
+  $n as SwarmConnectModal,
+  Jn as SwarmConnectProvider,
+  mn as useBeeNode,
+  bt as useNodeWallet,
+  xn as usePostageStamps,
+  yn as useSwarmConnect
 };