@ffaerber/swarm-connect 0.2.0 → 0.4.0

package/dist/swarm-connect.js

@@ -1,8 +1,8 @@
-import nr, { useState as L, useCallback as or, useEffect as xe } from "react";
-import { useAccount as ir, useChainId as sr, useDisconnect as zr, useConnect as Ur, useSwitchChain as Mr, createConfig as Br, http as Nr, WagmiProvider as Yr } from "wagmi";
-import { QueryClient as qr, QueryClientProvider as Vr } from "@tanstack/react-query";
-import { getAddress as oe, SwitchChainError as Ke, numberToHex as Je, UserRejectedRequestError as F, withRetry as Gr, withTimeout as Hr, ResourceUnavailableRpcError as be } from "viem";
-var we = { exports: {} }, X = {};
+import mt, { useState as T, useCallback as me, useEffect as Q } from "react";
+import { useAccount as Ae, useChainId as xt, useBalance as bt, useConnect as Xt, useDisconnect as Qt, useSwitchChain as en, useSendTransaction as tn, useWriteContract as nn, useWaitForTransactionReceipt as it, useReadContract as rn, createConfig as an, http as on, WagmiProvider as sn } from "wagmi";
+import { erc20Abi as st, parseEther as cn, parseUnits as ln, getAddress as ve, SwitchChainError as ct, numberToHex as lt, UserRejectedRequestError as N, withRetry as dn, withTimeout as un, ResourceUnavailableRpcError as Ee } from "viem";
+import { QueryClient as fn, QueryClientProvider as hn } from "@tanstack/react-query";
+var Te = { exports: {} }, re = {};
 /**
  * @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 Xe;
-function Kr() {
-  if (Xe) return X;
-  Xe = 1;
-  var t = nr, o = Symbol.for("react.element"), i = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, f = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function g(y, u, s) {
-    var d, v = {}, x = null, R = null;
-    s !== void 0 && (x = "" + s), u.key !== void 0 && (x = "" + u.key), u.ref !== void 0 && (R = u.ref);
-    for (d in u) l.call(u, d) && !p.hasOwnProperty(d) && (v[d] = u[d]);
-    if (y && y.defaultProps) for (d in u = y.defaultProps, u) v[d] === void 0 && (v[d] = u[d]);
-    return { $$typeof: o, type: y, key: x, ref: R, props: v, _owner: f.current };
+var dt;
+function pn() {
+  if (dt) return re;
+  dt = 1;
+  var n = mt, r = Symbol.for("react.element"), a = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function p(h, d, o) {
+    var u, v = {}, g = null, b = null;
+    o !== void 0 && (g = "" + o), d.key !== void 0 && (g = "" + d.key), d.ref !== void 0 && (b = d.ref);
+    for (u in d) s.call(d, u) && !l.hasOwnProperty(u) && (v[u] = d[u]);
+    if (h && h.defaultProps) for (u in d = h.defaultProps, d) v[u] === void 0 && (v[u] = d[u]);
+    return { $$typeof: r, type: h, key: g, ref: b, props: v, _owner: i.current };
   }
-  return X.Fragment = i, X.jsx = g, X.jsxs = g, X;
+  return re.Fragment = a, re.jsx = p, re.jsxs = p, re;
 }
-var Q = {};
+var ae = {};
 /**
  * @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 Qe;
-function Jr() {
-  return Qe || (Qe = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = nr, o = Symbol.for("react.element"), i = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), y = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), s = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), D = Symbol.iterator, W = "@@iterator";
-    function z(e) {
+var ut;
+function vn() {
+  return ut || (ut = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = mt, r = Symbol.for("react.element"), a = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), h = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), o = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), E = Symbol.iterator, _ = "@@iterator";
+    function A(e) {
       if (e === null || typeof e != "object")
         return null;
-      var n = D && e[D] || e[W];
-      return typeof n == "function" ? n : null;
+      var c = E && e[E] || e[_];
+      return typeof c == "function" ? c : null;
     }
-    var T = 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 n = arguments.length, c = new Array(n > 1 ? n - 1 : 0), h = 1; h < n; h++)
-          c[h - 1] = arguments[h];
-        I("error", e, c);
+        for (var 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 I(e, n, c) {
+    function I(e, c, f) {
       {
-        var h = T.ReactDebugCurrentFrame, w = h.getStackAddendum();
-        w !== "" && (n += "%s", c = c.concat([w]));
-        var j = c.map(function(b) {
-          return String(b);
+        var m = S.ReactDebugCurrentFrame, j = m.getStackAddendum();
+        j !== "" && (c += "%s", f = f.concat([j]));
+        var R = f.map(function(y) {
+          return String(y);
         });
-        j.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, j);
+        R.unshift("Warning: " + c), Function.prototype.apply.call(console[e], console, R);
       }
     }
-    var _ = !1, C = !1, $ = !1, G = !1, ue = !1, H;
-    H = Symbol.for("react.module.reference");
-    function ur(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === l || e === p || ue || e === f || e === s || e === d || G || e === R || _ || C || $ || typeof e == "object" && e !== null && (e.$$typeof === x || e.$$typeof === v || e.$$typeof === g || e.$$typeof === y || e.$$typeof === u || // This needs to include all possible module reference object
+    var C = !1, k = !1, D = !1, W = !1, V = !1, B;
+    B = Symbol.for("react.module.reference");
+    function be(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === s || e === l || V || e === i || e === o || e === u || W || e === b || C || k || D || typeof e == "object" && e !== null && (e.$$typeof === g || e.$$typeof === v || e.$$typeof === p || e.$$typeof === h || e.$$typeof === d || // 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 === B || e.getModuleId !== void 0));
     }
-    function dr(e, n, c) {
-      var h = e.displayName;
-      if (h)
-        return h;
-      var w = n.displayName || n.name || "";
-      return w !== "" ? c + "(" + w + ")" : c;
+    function Y(e, c, f) {
+      var m = e.displayName;
+      if (m)
+        return m;
+      var j = c.displayName || c.name || "";
+      return j !== "" ? f + "(" + j + ")" : f;
     }
-    function Re(e) {
+    function de(e) {
       return e.displayName || "Context";
     }
-    function U(e) {
+    function M(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 l:
+        case s:
           return "Fragment";
-        case i:
+        case a:
           return "Portal";
-        case p:
+        case l:
           return "Profiler";
-        case f:
+        case i:
           return "StrictMode";
-        case s:
+        case o:
           return "Suspense";
-        case d:
+        case u:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case y:
-            var n = e;
-            return Re(n) + ".Consumer";
-          case g:
+          case h:
             var c = e;
-            return Re(c._context) + ".Provider";
-          case u:
-            return dr(e, e.render, "ForwardRef");
+            return de(c) + ".Consumer";
+          case p:
+            var f = e;
+            return de(f._context) + ".Provider";
+          case d:
+            return Y(e, e.render, "ForwardRef");
           case v:
-            var h = e.displayName || null;
-            return h !== null ? h : U(e.type) || "Memo";
-          case x: {
-            var w = e, j = w._payload, b = w._init;
+            var m = e.displayName || null;
+            return m !== null ? m : M(e.type) || "Memo";
+          case g: {
+            var j = e, R = j._payload, y = j._init;
             try {
-              return U(b(j));
+              return M(y(R));
             } catch {
               return null;
             }
@@ -128,18 +128,18 @@ function Jr() {
         }
       return null;
     }
-    var M = Object.assign, K = 0, ke, _e, Ee, Te, Ie, Pe, Oe;
-    function De() {
+    var z = Object.assign, te = 0, ze, Le, We, Be, Me, Ne, Ue;
+    function Ye() {
     }
-    De.__reactDisabledLog = !0;
-    function fr() {
+    Ye.__reactDisabledLog = !0;
+    function Ct() {
       {
-        if (K === 0) {
-          ke = console.log, _e = console.info, Ee = console.warn, Te = console.error, Ie = console.group, Pe = console.groupCollapsed, Oe = console.groupEnd;
+        if (te === 0) {
+          ze = console.log, Le = console.info, We = console.warn, Be = console.error, Me = console.group, Ne = console.groupCollapsed, Ue = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: De,
+            value: Ye,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -152,332 +152,332 @@ function Jr() {
             groupEnd: e
           });
         }
-        K++;
+        te++;
       }
     }
-    function hr() {
+    function Rt() {
       {
-        if (K--, K === 0) {
+        if (te--, te === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: M({}, e, {
-              value: ke
+            log: z({}, e, {
+              value: ze
             }),
-            info: M({}, e, {
-              value: _e
+            info: z({}, e, {
+              value: Le
             }),
-            warn: M({}, e, {
-              value: Ee
+            warn: z({}, e, {
+              value: We
             }),
-            error: M({}, e, {
-              value: Te
+            error: z({}, e, {
+              value: Be
             }),
-            group: M({}, e, {
-              value: Ie
+            group: z({}, e, {
+              value: Me
             }),
-            groupCollapsed: M({}, e, {
-              value: Pe
+            groupCollapsed: z({}, e, {
+              value: Ne
             }),
-            groupEnd: M({}, e, {
-              value: Oe
+            groupEnd: z({}, e, {
+              value: Ue
             })
           });
         }
-        K < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        te < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var de = T.ReactCurrentDispatcher, fe;
-    function ee(e, n, c) {
+    var ye = S.ReactCurrentDispatcher, we;
+    function ue(e, c, f) {
       {
-        if (fe === void 0)
+        if (we === void 0)
           try {
             throw Error();
-          } catch (w) {
-            var h = w.stack.trim().match(/\n( *(at )?)/);
-            fe = h && h[1] || "";
+          } catch (j) {
+            var m = j.stack.trim().match(/\n( *(at )?)/);
+            we = m && m[1] || "";
           }
         return `
-` + fe + e;
+` + we + e;
       }
     }
-    var he = !1, re;
+    var ke = !1, fe;
     {
-      var pr = typeof WeakMap == "function" ? WeakMap : Map;
-      re = new pr();
+      var _t = typeof WeakMap == "function" ? WeakMap : Map;
+      fe = new _t();
     }
-    function Ae(e, n) {
-      if (!e || he)
+    function qe(e, c) {
+      if (!e || ke)
         return "";
       {
-        var c = re.get(e);
-        if (c !== void 0)
-          return c;
+        var f = fe.get(e);
+        if (f !== void 0)
+          return f;
       }
-      var h;
-      he = !0;
-      var w = Error.prepareStackTrace;
+      var m;
+      ke = !0;
+      var j = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var j;
-      j = de.current, de.current = null, fr();
+      var R;
+      R = ye.current, ye.current = null, Ct();
       try {
-        if (n) {
-          var b = function() {
+        if (c) {
+          var y = function() {
             throw Error();
           };
-          if (Object.defineProperty(b.prototype, "props", {
+          if (Object.defineProperty(y.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(b, []);
-            } catch (O) {
-              h = O;
+              Reflect.construct(y, []);
+            } catch ($) {
+              m = $;
             }
-            Reflect.construct(e, [], b);
+            Reflect.construct(e, [], y);
           } else {
             try {
-              b.call();
-            } catch (O) {
-              h = O;
+              y.call();
+            } catch ($) {
+              m = $;
             }
-            e.call(b.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 m = O.stack.split(`
-`), P = h.stack.split(`
-`), k = m.length - 1, E = P.length - 1; k >= 1 && E >= 0 && m[k] !== P[E]; )
-            E--;
-          for (; k >= 1 && E >= 0; k--, E--)
-            if (m[k] !== P[E]) {
-              if (k !== 1 || E !== 1)
+      } catch ($) {
+        if ($ && m && typeof $.stack == "string") {
+          for (var x = $.stack.split(`
+`), O = m.stack.split(`
+`), F = x.length - 1, P = O.length - 1; F >= 1 && P >= 0 && x[F] !== O[P]; )
+            P--;
+          for (; F >= 1 && P >= 0; F--, P--)
+            if (x[F] !== O[P]) {
+              if (F !== 1 || P !== 1)
                 do
-                  if (k--, E--, E < 0 || m[k] !== P[E]) {
-                    var A = `
-` + m[k].replace(" at new ", " at ");
-                    return e.displayName && A.includes("<anonymous>") && (A = A.replace("<anonymous>", e.displayName)), typeof e == "function" && re.set(e, A), A;
+                  if (F--, P--, P < 0 || x[F] !== O[P]) {
+                    var L = `
+` + x[F].replace(" at new ", " at ");
+                    return e.displayName && L.includes("<anonymous>") && (L = L.replace("<anonymous>", e.displayName)), typeof e == "function" && fe.set(e, L), L;
                   }
-                while (k >= 1 && E >= 0);
+                while (F >= 1 && P >= 0);
               break;
             }
         }
       } finally {
-        he = !1, de.current = j, hr(), Error.prepareStackTrace = w;
+        ke = !1, ye.current = R, Rt(), Error.prepareStackTrace = j;
       }
-      var Y = e ? e.displayName || e.name : "", B = Y ? ee(Y) : "";
-      return typeof e == "function" && re.set(e, B), B;
+      var K = e ? e.displayName || e.name : "", q = K ? ue(K) : "";
+      return typeof e == "function" && fe.set(e, q), q;
     }
-    function gr(e, n, c) {
-      return Ae(e, !1);
+    function Et(e, c, f) {
+      return qe(e, !1);
     }
-    function vr(e) {
-      var n = e.prototype;
-      return !!(n && n.isReactComponent);
+    function It(e) {
+      var c = e.prototype;
+      return !!(c && c.isReactComponent);
     }
-    function te(e, n, c) {
+    function he(e, c, f) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Ae(e, vr(e));
+        return qe(e, It(e));
       if (typeof e == "string")
-        return ee(e);
+        return ue(e);
       switch (e) {
-        case s:
-          return ee("Suspense");
-        case d:
-          return ee("SuspenseList");
+        case o:
+          return ue("Suspense");
+        case u:
+          return ue("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case u:
-            return gr(e.render);
+          case d:
+            return Et(e.render);
           case v:
-            return te(e.type, n, c);
-          case x: {
-            var h = e, w = h._payload, j = h._init;
+            return he(e.type, c, f);
+          case g: {
+            var m = e, j = m._payload, R = m._init;
             try {
-              return te(j(w), n, c);
+              return he(R(j), c, f);
             } catch {
             }
           }
         }
       return "";
     }
-    var J = Object.prototype.hasOwnProperty, $e = {}, We = T.ReactDebugCurrentFrame;
-    function ne(e) {
+    var ne = Object.prototype.hasOwnProperty, Ge = {}, He = S.ReactDebugCurrentFrame;
+    function pe(e) {
       if (e) {
-        var n = e._owner, c = te(e.type, e._source, n ? n.type : null);
-        We.setExtraStackFrame(c);
+        var c = e._owner, f = he(e.type, e._source, c ? c.type : null);
+        He.setExtraStackFrame(f);
       } else
-        We.setExtraStackFrame(null);
+        He.setExtraStackFrame(null);
     }
-    function mr(e, n, c, h, w) {
+    function Tt(e, c, f, m, j) {
       {
-        var j = Function.call.bind(J);
-        for (var b in e)
-          if (j(e, b)) {
-            var m = void 0;
+        var R = Function.call.bind(ne);
+        for (var y in e)
+          if (R(e, y)) {
+            var x = void 0;
             try {
-              if (typeof e[b] != "function") {
-                var P = Error((h || "React class") + ": " + c + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw P.name = "Invariant Violation", P;
+              if (typeof e[y] != "function") {
+                var O = 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 O.name = "Invariant Violation", O;
               }
-              m = e[b](n, b, h, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (k) {
-              m = k;
+              x = e[y](c, y, m, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (F) {
+              x = F;
             }
-            m && !(m instanceof Error) && (ne(w), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", c, b, typeof m), ne(null)), m instanceof Error && !(m.message in $e) && ($e[m.message] = !0, ne(w), S("Failed %s type: %s", c, m.message), ne(null));
+            x && !(x instanceof Error) && (pe(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), pe(null)), x instanceof Error && !(x.message in Ge) && (Ge[x.message] = !0, pe(j), w("Failed %s type: %s", f, x.message), pe(null));
           }
       }
     }
-    var yr = Array.isArray;
-    function pe(e) {
-      return yr(e);
+    var Ft = Array.isArray;
+    function je(e) {
+      return Ft(e);
     }
-    function br(e) {
+    function Pt(e) {
       {
-        var n = typeof Symbol == "function" && Symbol.toStringTag, c = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return c;
+        var c = typeof Symbol == "function" && Symbol.toStringTag, f = c && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return f;
       }
     }
-    function xr(e) {
+    function Dt(e) {
       try {
-        return Fe(e), !1;
+        return Ve(e), !1;
       } catch {
         return !0;
       }
     }
-    function Fe(e) {
+    function Ve(e) {
       return "" + e;
     }
-    function Le(e) {
-      if (xr(e))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", br(e)), Fe(e);
+    function Ze(e) {
+      if (Dt(e))
+        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Pt(e)), Ve(e);
     }
-    var ze = T.ReactCurrentOwner, wr = {
+    var Ke = S.ReactCurrentOwner, At = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ue, Me;
-    function jr(e) {
-      if (J.call(e, "ref")) {
-        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (n && n.isReactWarning)
+    }, Je, Xe;
+    function Ot(e) {
+      if (ne.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 n = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (n && n.isReactWarning)
+    function $t(e) {
+      if (ne.call(e, "key")) {
+        var c = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (c && c.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function Cr(e, n) {
-      typeof e.ref == "string" && ze.current;
+    function zt(e, c) {
+      typeof e.ref == "string" && Ke.current;
     }
-    function Rr(e, n) {
+    function Lt(e, c) {
       {
-        var c = function() {
-          Ue || (Ue = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        var f = function() {
+          Je || (Je = !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));
         };
-        c.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: c,
+        f.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: f,
           configurable: !0
         });
       }
     }
-    function kr(e, n) {
+    function Wt(e, c) {
       {
-        var c = function() {
-          Me || (Me = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        var f = function() {
+          Xe || (Xe = !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));
         };
-        c.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: c,
+        f.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: f,
           configurable: !0
         });
       }
     }
-    var _r = function(e, n, c, h, w, j, b) {
-      var m = {
+    var Bt = function(e, c, f, m, j, R, y) {
+      var x = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: o,
+        $$typeof: r,
         // Built-in properties that belong on the element
         type: e,
-        key: n,
-        ref: c,
-        props: b,
+        key: c,
+        ref: f,
+        props: y,
         // Record the component responsible for creating this element.
-        _owner: j
+        _owner: R
       };
-      return m._store = {}, Object.defineProperty(m._store, "validated", {
+      return x._store = {}, Object.defineProperty(x._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(m, "_self", {
+      }), Object.defineProperty(x, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: h
-      }), Object.defineProperty(m, "_source", {
+        value: m
+      }), Object.defineProperty(x, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: w
-      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
+        value: j
+      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function Er(e, n, c, h, w) {
+    function Mt(e, c, f, m, j) {
       {
-        var j, b = {}, m = null, P = null;
-        c !== void 0 && (Le(c), m = "" + c), Sr(n) && (Le(n.key), m = "" + n.key), jr(n) && (P = n.ref, Cr(n, w));
-        for (j in n)
-          J.call(n, j) && !wr.hasOwnProperty(j) && (b[j] = n[j]);
+        var R, y = {}, x = null, O = null;
+        f !== void 0 && (Ze(f), x = "" + f), $t(c) && (Ze(c.key), x = "" + c.key), Ot(c) && (O = c.ref, zt(c, j));
+        for (R in c)
+          ne.call(c, R) && !At.hasOwnProperty(R) && (y[R] = c[R]);
         if (e && e.defaultProps) {
-          var k = e.defaultProps;
-          for (j in k)
-            b[j] === void 0 && (b[j] = k[j]);
+          var F = e.defaultProps;
+          for (R in F)
+            y[R] === void 0 && (y[R] = F[R]);
         }
-        if (m || P) {
-          var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          m && Rr(b, E), P && kr(b, E);
+        if (x || O) {
+          var P = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          x && Lt(y, P), O && Wt(y, P);
         }
-        return _r(e, m, P, w, h, ze.current, b);
+        return Bt(e, x, O, j, m, Ke.current, y);
       }
     }
-    var ge = T.ReactCurrentOwner, Be = T.ReactDebugCurrentFrame;
-    function N(e) {
+    var Se = S.ReactCurrentOwner, Qe = S.ReactDebugCurrentFrame;
+    function Z(e) {
       if (e) {
-        var n = e._owner, c = te(e.type, e._source, n ? n.type : null);
-        Be.setExtraStackFrame(c);
+        var c = e._owner, f = he(e.type, e._source, c ? c.type : null);
+        Qe.setExtraStackFrame(f);
       } else
-        Be.setExtraStackFrame(null);
+        Qe.setExtraStackFrame(null);
     }
-    var ve;
-    ve = !1;
-    function me(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === o;
+    var Ce;
+    Ce = !1;
+    function Re(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === r;
     }
-    function Ne() {
+    function et() {
       {
-        if (ge.current) {
-          var e = U(ge.current.type);
+        if (Se.current) {
+          var e = M(Se.current.type);
           if (e)
             return `
 
@@ -486,456 +486,591 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Tr(e) {
+    function Nt(e) {
       return "";
     }
-    var Ye = {};
-    function Ir(e) {
+    var tt = {};
+    function Ut(e) {
       {
-        var n = Ne();
-        if (!n) {
-          var c = typeof e == "string" ? e : e.displayName || e.name;
-          c && (n = `
+        var c = et();
+        if (!c) {
+          var f = typeof e == "string" ? e : e.displayName || e.name;
+          f && (c = `
 
-Check the top-level render call using <` + c + ">.");
+Check the top-level render call using <` + f + ">.");
         }
-        return n;
+        return c;
       }
     }
-    function qe(e, n) {
+    function nt(e, c) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var c = Ir(n);
-        if (Ye[c])
+        var f = Ut(c);
+        if (tt[f])
           return;
-        Ye[c] = !0;
-        var h = "";
-        e && e._owner && e._owner !== ge.current && (h = " It was passed a child from " + U(e._owner.type) + "."), N(e), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, h), N(null);
+        tt[f] = !0;
+        var m = "";
+        e && e._owner && e._owner !== Se.current && (m = " It was passed a child from " + M(e._owner.type) + "."), Z(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), Z(null);
       }
     }
-    function Ve(e, n) {
+    function rt(e, c) {
       {
         if (typeof e != "object")
           return;
-        if (pe(e))
-          for (var c = 0; c < e.length; c++) {
-            var h = e[c];
-            me(h) && qe(h, n);
+        if (je(e))
+          for (var f = 0; f < e.length; f++) {
+            var m = e[f];
+            Re(m) && nt(m, c);
           }
-        else if (me(e))
+        else if (Re(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var w = z(e);
-          if (typeof w == "function" && w !== e.entries)
-            for (var j = w.call(e), b; !(b = j.next()).done; )
-              me(b.value) && qe(b.value, n);
+          var j = A(e);
+          if (typeof j == "function" && j !== e.entries)
+            for (var R = j.call(e), y; !(y = R.next()).done; )
+              Re(y.value) && nt(y.value, c);
         }
       }
     }
-    function Pr(e) {
+    function Yt(e) {
       {
-        var n = e.type;
-        if (n == null || typeof n == "string")
+        var c = e.type;
+        if (c == null || typeof c == "string")
           return;
-        var c;
-        if (typeof n == "function")
-          c = n.propTypes;
-        else if (typeof n == "object" && (n.$$typeof === u || // Note: Memo only checks outer props here.
+        var f;
+        if (typeof c == "function")
+          f = c.propTypes;
+        else if (typeof c == "object" && (c.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        n.$$typeof === v))
-          c = n.propTypes;
+        c.$$typeof === v))
+          f = c.propTypes;
         else
           return;
-        if (c) {
-          var h = U(n);
-          mr(c, e.props, "prop", h, e);
-        } else if (n.PropTypes !== void 0 && !ve) {
-          ve = !0;
-          var w = U(n);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", w || "Unknown");
+        if (f) {
+          var m = M(c);
+          Tt(f, e.props, "prop", m, e);
+        } else if (c.PropTypes !== void 0 && !Ce) {
+          Ce = !0;
+          var j = M(c);
+          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
         }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof 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 n = Object.keys(e.props), c = 0; c < n.length; c++) {
-          var h = n[c];
-          if (h !== "children" && h !== "key") {
-            N(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), N(null);
+        for (var c = Object.keys(e.props), f = 0; f < c.length; f++) {
+          var m = c[f];
+          if (m !== "children" && m !== "key") {
+            Z(e), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), Z(null);
             break;
           }
         }
-        e.ref !== null && (N(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), N(null));
+        e.ref !== null && (Z(e), w("Invalid attribute `ref` supplied to `React.Fragment`."), Z(null));
       }
     }
-    var Ge = {};
-    function He(e, n, c, h, w, j) {
+    var at = {};
+    function ot(e, c, f, m, j, R) {
       {
-        var b = ur(e);
-        if (!b) {
-          var m = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (m += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var P = Tr();
-          P ? m += P : m += Ne();
-          var k;
-          e === null ? k = "null" : pe(e) ? k = "array" : e !== void 0 && e.$$typeof === o ? (k = "<" + (U(e.type) || "Unknown") + " />", m = " Did you accidentally export a JSX literal instead of a component?") : k = typeof e, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", k, m);
+        var y = be(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 O = Nt();
+          O ? x += O : x += et();
+          var F;
+          e === null ? F = "null" : je(e) ? F = "array" : e !== void 0 && e.$$typeof === r ? (F = "<" + (M(e.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : F = 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", F, x);
         }
-        var E = Er(e, n, c, w, j);
-        if (E == null)
-          return E;
-        if (b) {
-          var A = n.children;
-          if (A !== void 0)
-            if (h)
-              if (pe(A)) {
-                for (var Y = 0; Y < A.length; Y++)
-                  Ve(A[Y], e);
-                Object.freeze && Object.freeze(A);
+        var P = Mt(e, c, f, j, R);
+        if (P == null)
+          return P;
+        if (y) {
+          var L = c.children;
+          if (L !== void 0)
+            if (m)
+              if (je(L)) {
+                for (var K = 0; K < L.length; K++)
+                  rt(L[K], 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
-              Ve(A, e);
+              rt(L, e);
         }
-        if (J.call(n, "key")) {
-          var B = U(e), O = Object.keys(n).filter(function(Lr) {
-            return Lr !== "key";
-          }), ye = O.length > 0 ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ge[B + ye]) {
-            var Fr = O.length > 0 ? "{" + O.join(": ..., ") + ": ...}" : "{}";
-            S(`A props object containing a "key" prop is being spread into JSX:
+        if (ne.call(c, "key")) {
+          var q = M(e), $ = Object.keys(c).filter(function(Jt) {
+            return Jt !== "key";
+          }), _e = $.length > 0 ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!at[q + _e]) {
+            var Kt = $.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} />`, ye, B, Fr, B), Ge[B + ye] = !0;
+  <%s key={someKey} {...props} />`, _e, q, Kt, q), at[q + _e] = !0;
           }
         }
-        return e === l ? Or(E) : Pr(E), E;
+        return e === s ? qt(P) : Yt(P), P;
       }
     }
-    function Dr(e, n, c) {
-      return He(e, n, c, !0);
+    function Gt(e, c, f) {
+      return ot(e, c, f, !0);
     }
-    function Ar(e, n, c) {
-      return He(e, n, c, !1);
+    function Ht(e, c, f) {
+      return ot(e, c, f, !1);
     }
-    var $r = Ar, Wr = Dr;
-    Q.Fragment = l, Q.jsx = $r, Q.jsxs = Wr;
-  }()), Q;
+    var Vt = Ht, Zt = Gt;
+    ae.Fragment = s, ae.jsx = Vt, ae.jsxs = Zt;
+  }()), ae;
 }
-process.env.NODE_ENV === "production" ? we.exports = Kr() : we.exports = Jr();
-var r = we.exports;
-const ae = 100, le = "http://localhost:1633", 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)"
-  }
-};
-function Xr(t = le) {
-  const [o, i] = L({
+process.env.NODE_ENV === "production" ? Te.exports = pn() : Te.exports = vn();
+var t = Te.exports;
+const U = 100, se = "http://localhost:1633", yt = "swarm-connect:bee-api-url", ft = "0xdBF3Ea6F5beE45c02255B2c26a16F300502F68da", Fe = 16, gn = "0.1", mn = "0.5", xn = 20, bn = "1000000000";
+function yn(n = se) {
+  const [r, a] = T({
     isRunning: !1,
     isChecking: !1
-  }), l = or(async () => {
-    i({ isRunning: !1, isChecking: !0 });
+  }), s = me(async () => {
+    a({ isRunning: !1, isChecking: !0 });
     try {
-      const f = await fetch(`${t}/health`, {
+      const i = await fetch(`${n}/health`, {
         signal: AbortSignal.timeout(5e3)
       });
-      if (f.ok) {
-        const p = await f.json();
-        i({ isRunning: !0, isChecking: !1, version: p.version });
+      if (i.ok) {
+        const l = await i.json();
+        a({ isRunning: !0, isChecking: !1, version: l.version });
       } else
-        i({ isRunning: !1, isChecking: !1, error: `Node returned HTTP ${f.status}` });
+        a({ isRunning: !1, isChecking: !1, error: `Node returned HTTP ${i.status}` });
     } catch {
-      i({
+      a({
         isRunning: !1,
         isChecking: !1,
-        error: `Cannot reach Bee node at ${t}`
+        error: `Cannot reach Bee node at ${n}`
       });
     }
-  }, [t]);
-  return { ...o, check: l };
+  }, [n]);
+  return { ...r, check: s };
 }
-function Qr(t = le) {
-  const [o, i] = L([]), [l, f] = L(!1), [p, g] = L(), [y, u] = L(), s = or(async () => {
-    f(!0), g(void 0);
+function wn(n = se) {
+  const [r, a] = T([]), [s, i] = T(!1), [l, p] = T(), [h, d] = T(), [o, u] = T(!1), [v, g] = T(), b = me(async () => {
+    i(!0), p(void 0);
     try {
-      const d = await fetch(`${t}/stamps`, {
+      const _ = await fetch(`${n}/stamps`, {
         signal: AbortSignal.timeout(5e3)
       });
-      if (d.ok) {
-        const v = await d.json();
-        i(v.stamps ?? []);
+      if (_.ok) {
+        const A = await _.json();
+        a(A.stamps ?? []);
       } else
-        g(`HTTP ${d.status}`);
+        p(`HTTP ${_.status}`);
     } catch {
-      g("Could not fetch postage stamps");
+      p("Could not fetch postage stamps");
     } finally {
-      f(!1);
+      i(!1);
     }
-  }, [t]);
-  return { stamps: o, isLoading: l, error: p, fetchStamps: s, selectedStampId: y, selectStamp: u };
+  }, [n]), E = me(async ({ amount: _, depth: A, label: S }) => {
+    u(!0), g(void 0);
+    try {
+      const w = S ? `?label=${encodeURIComponent(S)}` : "", I = await fetch(`${n}/stamps/${_}/${A}${w}`, {
+        method: "POST",
+        signal: AbortSignal.timeout(24e4)
+      });
+      if (!I.ok) {
+        let k = `HTTP ${I.status}`;
+        try {
+          const D = await I.json();
+          D.message && (k = D.message);
+        } catch {
+        }
+        g(k);
+        return;
+      }
+      const C = await I.json();
+      return d(C.batchID), b(), C.batchID;
+    } catch {
+      g("Stamp purchase failed — is the node wallet funded with xDAI and xBZZ?");
+      return;
+    } finally {
+      u(!1);
+    }
+  }, [n, b]);
+  return {
+    stamps: r,
+    isLoading: s,
+    error: l,
+    fetchStamps: b,
+    selectedStampId: h,
+    selectStamp: d,
+    createStamp: E,
+    isCreating: o,
+    createError: v
+  };
 }
-function Zr(t = {}) {
-  const [o, i] = L(t.beeApiUrl ?? le), l = Xr(o), f = Qr(o), { address: p, isConnected: g } = ir(), y = sr(), u = y === ae;
+function wt(n = se) {
+  const [r, a] = T({
+    isLoading: !1
+  }), s = me(async () => {
+    a((i) => ({ ...i, isLoading: !0, error: void 0 }));
+    try {
+      const [i, l] = await Promise.all([
+        fetch(`${n}/addresses`, { signal: AbortSignal.timeout(5e3) }),
+        fetch(`${n}/wallet`, { signal: AbortSignal.timeout(5e3) })
+      ]);
+      if (!i.ok || !l.ok) {
+        a((u) => ({
+          ...u,
+          isLoading: !1,
+          error: `Node returned HTTP ${i.ok ? l.status : i.status}`
+        }));
+        return;
+      }
+      const p = await i.json(), h = await l.json(), d = h.bzzBalance ?? h.bzz, o = h.nativeTokenBalance ?? h.xDai;
+      a({
+        address: p.ethereum,
+        xdai: o !== void 0 ? Number(o) / 1e18 : void 0,
+        xbzz: d !== void 0 ? Number(d) / 10 ** Fe : void 0,
+        isLoading: !1
+      });
+    } catch {
+      a((i) => ({
+        ...i,
+        isLoading: !1,
+        error: `Cannot read node wallet at ${n}`
+      }));
+    }
+  }, [n]);
   return {
-    beeNode: l,
-    stamps: f,
-    beeApiUrl: o,
-    setBeeApiUrl: i,
-    isWalletConnected: g,
-    address: p,
-    isOnGnosis: u,
-    chainId: y,
-    isFullyConnected: l.isRunning && !!f.selectedStampId && g && u
+    ...r,
+    isFunded: (r.xdai ?? 0) > 0 && (r.xbzz ?? 0) > 0,
+    refresh: s
   };
 }
-function et({ beeApiUrl: t, setBeeApiUrl: o, beeNode: i, stamps: l }) {
-  return xe(() => {
-    i.check();
-  }, [t]), xe(() => {
-    i.isRunning && l.fetchStamps();
-  }, [i.isRunning]), /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: [
-    /* @__PURE__ */ r.jsxs("section", { children: [
-      /* @__PURE__ */ r.jsx(Ze, { children: "Bee Node" }),
-      /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-        /* @__PURE__ */ r.jsx(
-          rt,
-          {
-            value: t,
-            disabled: i.isChecking,
-            onSubmit: o
-          }
-        ),
-        /* @__PURE__ */ r.jsx(tt, { beeApiUrl: t, status: i, onRetry: i.check })
-      ] })
-    ] }),
-    i.isRunning && /* @__PURE__ */ r.jsxs("section", { children: [
-      /* @__PURE__ */ r.jsx(Ze, { children: "Postage Stamp" }),
-      /* @__PURE__ */ r.jsx(nt, { stamps: l })
-    ] })
-  ] });
+function kn() {
+  if (!(typeof window > "u"))
+    try {
+      return window.localStorage.getItem(yt) ?? void 0;
+    } catch {
+      return;
+    }
 }
-function rt({ value: t, disabled: o, onSubmit: i }) {
-  const [l, f] = L(t);
-  xe(() => {
-    f(t);
-  }, [t]);
-  const p = l.trim().replace(/\/+$/, ""), g = p !== t && p.length > 0, y = () => {
-    g && i(p);
-  };
-  return /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", gap: 6 }, children: [
-    /* @__PURE__ */ r.jsx(
-      "input",
-      {
-        type: "url",
-        value: l,
-        disabled: o,
-        onChange: (u) => f(u.target.value),
-        onKeyDown: (u) => {
-          u.key === "Enter" && y();
-        },
-        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: o ? "#f9fafb" : "#fff"
-        }
-      }
-    ),
-    /* @__PURE__ */ r.jsx(
-      "button",
-      {
-        onClick: y,
-        disabled: o || !g,
-        style: {
-          ...Se,
-          alignSelf: "auto",
-          cursor: o || !g ? "default" : "pointer",
-          opacity: o || !g ? 0.5 : 1
-        },
-        children: "Connect"
+function jn(n = {}) {
+  const [r, a] = T(
+    () => n.beeApiUrl ?? kn() ?? se
+  );
+  Q(() => {
+    if (!(typeof window > "u"))
+      try {
+        window.localStorage.setItem(yt, r);
+      } catch {
       }
-    )
-  ] });
+  }, [r]);
+  const s = n.stampMode ?? "select", i = yn(r), l = wn(r), p = wt(r), { address: h, isConnected: d } = Ae(), o = xt(), u = o === U, { data: v, isLoading: g } = bt({
+    address: h,
+    chainId: U,
+    query: { enabled: d }
+  }), b = v ? Number(v.formatted) : void 0, E = u && !!v && v.value > 0n;
+  return {
+    beeNode: i,
+    stamps: l,
+    beeApiUrl: r,
+    setBeeApiUrl: a,
+    stampMode: s,
+    nodeWallet: p,
+    isWalletConnected: d,
+    address: h,
+    isOnGnosis: u,
+    chainId: o,
+    balance: { xdai: b, isLoading: d && g, hasGas: E },
+    isFullyConnected: d && u && E && i.isRunning && (s === "select" || p.isFunded) && !!l.selectedStampId
+  };
+}
+const Sn = `
+.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);
+}
+@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 ht = !1;
+function kt() {
+  if (ht || typeof document > "u") return;
+  ht = !0;
+  const n = document.createElement("style");
+  n.dataset.swarmConnect = "", n.textContent = Sn, document.head.appendChild(n);
+}
+function Cn({ size: n = 18, stroke: r = "var(--accent)", glow: a = !0, children: s }) {
+  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: s
+    }
+  ) });
+}
+function ce({ 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 Ze({ children: t }) {
-  return /* @__PURE__ */ r.jsx("div", { style: {
-    fontSize: 11,
-    fontWeight: 700,
+function le({ 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",
-    letterSpacing: "0.06em",
-    color: a.colors.muted,
-    marginBottom: 8
-  }, children: t });
+    color: a.c,
+    background: a.w,
+    border: `1px solid ${a.b}`,
+    borderRadius: 3,
+    padding: "2px 6px",
+    lineHeight: 1.3
+  }, children: n });
 }
-function tt({ beeApiUrl: t, status: o, onRetry: i }) {
-  return o.isChecking ? /* @__PURE__ */ r.jsxs("div", { style: V, children: [
-    /* @__PURE__ */ r.jsx(ar, {}),
-    /* @__PURE__ */ r.jsxs("span", { style: { color: a.colors.muted, fontSize: 14 }, children: [
-      "Checking ",
-      t,
-      "…"
-    ] })
-  ] }) : o.isRunning ? /* @__PURE__ */ r.jsxs("div", { style: { ...V, borderColor: a.colors.success, background: a.colors.successLight }, children: [
-    /* @__PURE__ */ r.jsx(rr, { color: a.colors.success }),
-    /* @__PURE__ */ r.jsxs("div", { children: [
-      /* @__PURE__ */ r.jsx("div", { style: { fontWeight: 600, color: a.colors.success, fontSize: 14 }, children: "Node running" }),
-      o.version && /* @__PURE__ */ r.jsxs("div", { style: { color: a.colors.muted, fontSize: 12 }, children: [
-        "v",
-        o.version
-      ] })
-    ] })
-  ] }) : /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ r.jsxs("div", { style: { ...V, borderColor: a.colors.error, background: a.colors.errorLight }, children: [
-      /* @__PURE__ */ r.jsx(rr, { color: a.colors.error }),
-      /* @__PURE__ */ r.jsxs("div", { children: [
-        /* @__PURE__ */ r.jsx("div", { style: { fontWeight: 600, color: a.colors.error, fontSize: 14 }, children: "Node not reachable" }),
-        /* @__PURE__ */ r.jsx("div", { style: { color: a.colors.muted, fontSize: 12 }, children: o.error ?? `Cannot reach ${t}` })
-      ] })
-    ] }),
-    /* @__PURE__ */ r.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 G({ tone: n, title: r, sub: a, children: s }) {
+  const i = {
+    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], l = !!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 ${i.b}`,
+    borderRadius: 8,
+    background: i.w
+  }, children: [
+    n !== "flat" && /* @__PURE__ */ t.jsx("span", { style: {
+      width: 8,
+      height: 8,
+      flexShrink: 0,
+      borderRadius: "50%",
+      background: i.d,
+      boxShadow: `0 0 8px ${i.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)" : i.d }, children: r }),
+      a && /* @__PURE__ */ t.jsx("div", { style: { fontSize: 12, color: "var(--fg-muted)", marginTop: 2, fontFamily: l ? "var(--font-mono)" : "inherit", wordBreak: "break-all" }, children: a })
     ] }),
-    /* @__PURE__ */ r.jsx("button", { onClick: i, style: Se, children: "Retry" })
+    s && /* @__PURE__ */ t.jsx("div", { style: { marginLeft: "auto", flexShrink: 0 }, children: s })
   ] });
 }
-function nt({ stamps: t }) {
-  return t.isLoading ? /* @__PURE__ */ r.jsxs("div", { style: { ...V, gap: 10 }, children: [
-    /* @__PURE__ */ r.jsx(ar, {}),
-    /* @__PURE__ */ r.jsx("span", { style: { color: a.colors.muted, fontSize: 14 }, children: "Loading stamps…" })
-  ] }) : t.error ? /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ r.jsx("div", { style: { ...V, borderColor: a.colors.error, background: a.colors.errorLight }, children: /* @__PURE__ */ r.jsx("span", { style: { color: a.colors.error, fontSize: 13 }, children: t.error }) }),
-    /* @__PURE__ */ r.jsx("button", { onClick: t.fetchStamps, style: Se, children: "Retry" })
-  ] }) : t.stamps.length === 0 ? /* @__PURE__ */ r.jsxs("div", { style: { ...V, flexDirection: "column", alignItems: "flex-start", gap: 4 }, children: [
-    /* @__PURE__ */ r.jsx("div", { style: { fontSize: 14, color: a.colors.muted }, children: "No postage stamps found." }),
-    /* @__PURE__ */ r.jsx("div", { style: { fontSize: 12, color: a.colors.muted }, children: "Buy a stamp via the Bee API or Swarm Desktop to continue." })
-  ] }) : /* @__PURE__ */ r.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: t.stamps.map((o) => /* @__PURE__ */ r.jsx(
-    ot,
+function H({ children: n, onClick: r, disabled: a }) {
+  const [s, i] = T(!1);
+  return /* @__PURE__ */ t.jsx(
+    "button",
     {
-      stamp: o,
-      selected: t.selectedStampId === o.batchID,
-      onSelect: () => t.selectStamp(o.batchID)
-    },
-    o.batchID
-  )) });
+      onClick: r,
+      disabled: a,
+      onMouseEnter: () => i(!0),
+      onMouseLeave: () => i(!1),
+      style: {
+        fontFamily: "var(--font-mono)",
+        fontSize: 12,
+        letterSpacing: ".04em",
+        background: "transparent",
+        border: `1px solid ${s && !a ? "var(--line-orange)" : "var(--line-2)"}`,
+        color: a ? "var(--fg-faint)" : s ? "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 ot({ stamp: t, selected: o, onSelect: i }) {
-  const l = Math.floor(t.batchTTL / 86400), f = `${t.batchID.slice(0, 8)}…${t.batchID.slice(-6)}`;
-  return /* @__PURE__ */ r.jsxs(
+function Oe({ children: n, onClick: r, pending: a, block: s, style: i }) {
+  const [l, p] = T(!1);
+  return /* @__PURE__ */ t.jsx(
     "button",
     {
-      onClick: i,
+      onClick: r,
+      disabled: a,
+      onMouseEnter: () => p(!0),
+      onMouseLeave: () => p(!1),
       style: {
-        display: "flex",
+        display: "inline-flex",
         alignItems: "center",
-        justifyContent: "space-between",
-        padding: "10px 14px",
-        border: `1.5px solid ${o ? a.colors.primary : a.colors.border}`,
-        borderRadius: 8,
-        cursor: "pointer",
-        background: o ? "#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: s ? "100%" : "auto",
+        background: "var(--accent)",
+        color: "var(--accent-ink)",
+        border: "none",
+        borderRadius: 4,
+        padding: "11px 20px",
+        cursor: a ? "default" : "pointer",
+        boxShadow: l ? "0 0 24px var(--accent-glow)" : "0 0 14px var(--accent-glow)",
+        transform: l ? "translateY(-1px)" : "none",
+        transition: "all .15s var(--ease)",
+        opacity: a ? 0.8 : 1,
+        whiteSpace: "nowrap",
+        ...i
       },
-      children: [
-        /* @__PURE__ */ r.jsxs("div", { children: [
-          /* @__PURE__ */ r.jsx("div", { style: { fontFamily: "monospace", fontSize: 12, color: a.colors.text }, children: f }),
-          t.label && /* @__PURE__ */ r.jsx("div", { style: { fontSize: 12, color: a.colors.muted, marginTop: 2 }, children: t.label })
-        ] }),
-        /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, flexShrink: 0 }, children: [
-          /* @__PURE__ */ r.jsx("span", { style: { fontSize: 11, color: a.colors.muted }, children: l > 0 ? `${l}d` : "expiring" }),
-          t.usable ? /* @__PURE__ */ r.jsx(er, { bg: a.colors.successLight, color: a.colors.success, children: "usable" }) : /* @__PURE__ */ r.jsx(er, { bg: a.colors.errorLight, color: a.colors.error, children: "unusable" }),
-          /* @__PURE__ */ r.jsx("div", { style: {
-            width: 16,
-            height: 16,
-            borderRadius: "50%",
-            flexShrink: 0,
-            border: `2px solid ${o ? a.colors.primary : a.colors.border}`,
-            background: o ? a.colors.primary : "transparent"
-          } })
-        ] })
-      ]
+      children: n
     }
   );
 }
-function er({ children: t, bg: o, color: i }) {
-  return /* @__PURE__ */ r.jsx("span", { style: { fontSize: 11, background: o, color: i, borderRadius: 4, padding: "2px 6px" }, children: t });
+function 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(Cn, { 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 J({ step: n, state: r, children: a, hint: s }) {
+  const i = r === "done", l = 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: i ? "var(--ok)" : l ? "var(--fg-faint)" : "var(--accent-ink)",
+      background: i ? "var(--ok-wash)" : l ? "transparent" : "var(--accent)",
+      border: i ? "1px solid var(--ok-line)" : l ? "1px solid var(--line-2)" : "none",
+      clipPath: "polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%)",
+      boxShadow: !i && !l ? "0 0 14px var(--accent-glow)" : "none"
+    }, children: i ? "✓" : n }),
+    /* @__PURE__ */ t.jsx("span", { style: {
+      fontFamily: "var(--font-mono)",
+      fontSize: 11,
+      fontWeight: 600,
+      textTransform: "uppercase",
+      letterSpacing: ".18em",
+      color: l ? "var(--fg-faint)" : "var(--fg-soft)"
+    }, children: a }),
+    s && /* @__PURE__ */ t.jsx("span", { style: { marginLeft: "auto", fontFamily: "var(--font-mono)", fontSize: 10, letterSpacing: ".06em", color: "var(--fg-faint)" }, children: s })
+  ] });
 }
-function ar() {
-  return /* @__PURE__ */ r.jsx("div", { style: {
-    width: 15,
-    height: 15,
+function Rn({ 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 _n({ 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 V = {
-  display: "flex",
-  alignItems: "center",
-  gap: 12,
-  padding: "11px 14px",
-  border: `1px solid ${a.colors.border}`,
-  borderRadius: 8,
-  background: "#fff"
-}, Se = {
-  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 it(t) {
-  const o = {
+function En(n) {
+  const r = {
     formatters: void 0,
     fees: void 0,
     serializers: void 0,
-    ...t
+    ...n
   };
-  function i(l) {
-    return (f) => {
-      const p = typeof f == "function" ? f(l) : f, g = { ...l, ...p };
-      return Object.assign(g, { extend: i(g) });
+  function a(s) {
+    return (i) => {
+      const l = typeof i == "function" ? i(s) : i, p = { ...s, ...l };
+      return Object.assign(p, { extend: a(p) });
     };
   }
-  return Object.assign(o, {
-    extend: i(o)
+  return Object.assign(r, {
+    extend: a(r)
   });
 }
-const je = /* @__PURE__ */ it({
+const Pe = /* @__PURE__ */ En({
   id: 100,
   name: "Gnosis",
   nativeCurrency: {
@@ -964,352 +1099,708 @@ const je = /* @__PURE__ */ it({
     }
   }
 });
-function st() {
-  const { address: t, isConnected: o } = ir(), i = sr(), l = i === ae;
-  return /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: [
-    /* @__PURE__ */ r.jsxs("section", { children: [
-      /* @__PURE__ */ r.jsx(tr, { children: "Wallet" }),
-      o ? /* @__PURE__ */ r.jsx(at, { address: t }) : /* @__PURE__ */ r.jsx(ct, {})
-    ] }),
-    o && /* @__PURE__ */ r.jsxs("section", { children: [
-      /* @__PURE__ */ r.jsx(tr, { children: "Network" }),
-      /* @__PURE__ */ r.jsx(lt, { isOnGnosis: l, chainId: i })
-    ] })
-  ] });
-}
-function tr({ children: t }) {
-  return /* @__PURE__ */ r.jsx("div", { style: {
-    fontSize: 11,
-    fontWeight: 700,
-    textTransform: "uppercase",
-    letterSpacing: "0.06em",
-    color: a.colors.muted,
-    marginBottom: 8
-  }, children: t });
+function pt(n) {
+  if (n)
+    return n.shortMessage ?? n.message;
 }
-function at({ address: t }) {
-  const { disconnect: o } = 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",
-      {
-        onClick: () => o(),
-        style: {
-          background: "none",
-          border: `1px solid ${a.colors.border}`,
-          borderRadius: 6,
-          padding: "5px 12px",
-          cursor: "pointer",
-          fontSize: 12,
-          color: a.colors.muted
-        },
-        children: "Disconnect"
-      }
-    )
-  ] });
+function In({ name: n, icon: r, pending: a, disabled: s, onClick: i }) {
+  const [l, p] = T(!1);
+  return /* @__PURE__ */ t.jsxs(
+    "button",
+    {
+      onClick: i,
+      disabled: s || a,
+      onMouseEnter: () => p(!0),
+      onMouseLeave: () => p(!1),
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: 12,
+        width: "100%",
+        textAlign: "left",
+        padding: "11px 13px",
+        borderRadius: 8,
+        cursor: s ? "default" : "pointer",
+        opacity: s ? 0.45 : 1,
+        border: `1px solid ${l && !s ? "var(--line-orange)" : "var(--line)"}`,
+        background: l && !s ? "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(ce, { size: 14 }) : /* @__PURE__ */ t.jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 16, color: l && !s ? "var(--accent)" : "var(--fg-faint)", transition: "color .15s" }, children: "→" })
+      ]
+    }
+  );
 }
-function ct() {
-  const { connectors: t, connect: o, isPending: i, error: l } = Ur();
-  return /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    t.map((f) => /* @__PURE__ */ r.jsxs(
-      "button",
+function Tn({ isConnected: n, address: r }) {
+  const { connectors: a, connect: s, isPending: i, variables: l, error: p } = Xt(), { disconnect: h } = Qt();
+  if (n)
+    return /* @__PURE__ */ t.jsx(G, { tone: "ok", title: "Wallet connected", sub: r, children: /* @__PURE__ */ t.jsx(H, { onClick: () => h(), children: "disconnect" }) });
+  const d = i && l != null && l.connector && "uid" in l.connector ? l.connector.uid : void 0;
+  return /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    a.map((o) => /* @__PURE__ */ t.jsx(
+      In,
       {
-        onClick: () => o({ connector: f }),
-        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: [
-          f.icon ? /* @__PURE__ */ r.jsx("img", { src: f.icon, width: 20, height: 20, alt: "", style: { borderRadius: 4 } }) : /* @__PURE__ */ r.jsx("span", { style: { width: 20, textAlign: "center", fontSize: 16 }, children: "🔗" }),
-          f.name
-        ]
+        name: o.name,
+        icon: o.icon,
+        pending: d === o.uid,
+        disabled: i && d !== o.uid,
+        onClick: () => s({ connector: o })
       },
-      f.uid
+      o.uid
     )),
-    l && /* @__PURE__ */ r.jsx("div", { style: { fontSize: 12, color: a.colors.error, marginTop: 2 }, children: l.message })
+    p && /* @__PURE__ */ t.jsx("div", { style: { fontSize: 12, color: "var(--bad)", fontFamily: "var(--font-mono)" }, children: p.message })
+  ] });
+}
+function Fn({ locked: n, isOnGnosis: r, chainId: a }) {
+  const { switchChain: s, isPending: i } = en();
+  return n ? /* @__PURE__ */ t.jsx(ee, { children: "Connect a wallet to verify it is on the Gnosis chain." }) : r ? /* @__PURE__ */ t.jsx(G, { tone: "ok", title: "Gnosis chain", sub: `chain id ${U}`, children: /* @__PURE__ */ t.jsx(le, { tone: "ok", children: "synced" }) }) : /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+    /* @__PURE__ */ t.jsx(G, { tone: "warn", title: "Wrong network", sub: `chain ${a ?? "—"} active — Gnosis (${U}) required` }),
+    /* @__PURE__ */ t.jsx(Oe, { onClick: () => s({ chainId: Pe.id }), pending: i, block: !0, children: i ? "switching…" : "switch to Gnosis" })
   ] });
 }
-function lt({ isOnGnosis: t, chainId: o }) {
-  const { switchChain: i, isPending: l, error: f } = Mr();
-  return t ? /* @__PURE__ */ r.jsxs("div", { style: {
+function De({ symbol: n, role: r, amount: a, loading: s }) {
+  const i = !s && a === 0, l = i ? "var(--warn)" : "var(--ok)", p = i ? "var(--warn-line)" : "var(--ok-line)", h = i ? "var(--warn-wash)" : "var(--ok-wash)";
+  return /* @__PURE__ */ t.jsxs("div", { style: {
     display: "flex",
     alignItems: "center",
     gap: 12,
-    padding: "11px 14px",
-    border: `1px solid ${a.colors.success}`,
+    padding: "12px 14px",
+    border: `1px solid ${s ? "var(--line)" : p}`,
     borderRadius: 8,
-    background: a.colors.successLight
+    background: s ? "var(--raised)" : h
   }, 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 ",
-        ae
-      ] })
+    s ? /* @__PURE__ */ t.jsx(ce, { size: 14 }) : /* @__PURE__ */ t.jsx("span", { style: { width: 8, height: 8, flexShrink: 0, borderRadius: "50%", background: l, boxShadow: `0 0 8px ${l}`, animation: i ? "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: s ? "var(--fg-soft)" : l }, 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: [
+      !s && /* @__PURE__ */ t.jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 13.5, fontWeight: 500, color: i ? "var(--warn)" : "var(--fg)" }, children: a.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 }) }),
+      !s && /* @__PURE__ */ t.jsx(le, { tone: i ? "warn" : "ok", children: i ? "empty" : "ok" })
     ] })
-  ] }) : /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ r.jsxs("div", { style: {
+  ] });
+}
+function Pn({ 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, s = !r.isLoading && a === 0;
+  return /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    /* @__PURE__ */ t.jsx(De, { symbol: "xDAI", role: "gas for transactions from this wallet", amount: a, loading: r.isLoading }),
+    /* @__PURE__ */ t.jsx("div", { style: oe, children: "Your connected wallet signs and pays gas for its own transactions — separate from the wallet running your Bee node." }),
+    s && /* @__PURE__ */ t.jsx(Oe, { onClick: () => window.open("https://www.gnosisfaucet.com", "_blank", "noopener"), block: !0, children: "get xDAI" })
+  ] });
+}
+function Dn({ value: n, disabled: r, onSubmit: a }) {
+  const [s, i] = T(n), [l, p] = T(!1);
+  Q(() => {
+    i(n);
+  }, [n]);
+  const h = s.trim().replace(/\/+$/, ""), d = h !== n && h.length > 0, o = () => {
+    d && a(h);
+  };
+  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: 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 ${l ? "var(--line-orange)" : "var(--line-2)"}`,
+      background: r ? "var(--bunker)" : "var(--surface)",
+      boxShadow: l ? "0 0 0 3px var(--accent-wash)" : "none",
+      transition: "all .15s var(--ease)"
     }, 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 ",
-          o ?? "—",
-          " active — Gnosis (",
-          ae,
-          ") required"
-        ] })
-      ] })
+      /* @__PURE__ */ t.jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 12, color: "var(--accent)" }, children: ">" }),
+      /* @__PURE__ */ t.jsx(
+        "input",
+        {
+          type: "url",
+          value: s,
+          disabled: r,
+          spellCheck: !1,
+          autoComplete: "off",
+          onFocus: () => p(!0),
+          onBlur: () => p(!1),
+          onChange: (u) => i(u.target.value),
+          onKeyDown: (u) => {
+            u.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__ */ r.jsx(
-      "button",
+    /* @__PURE__ */ t.jsx(H, { onClick: o, disabled: r || !d, children: "connect" })
+  ] });
+}
+function An({ 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(ce, {}),
+    /* @__PURE__ */ t.jsxs("span", { style: { color: "var(--fg-muted)", fontSize: 13, fontFamily: "var(--font-mono)" }, children: [
+      "probing ",
+      r,
+      "…"
+    ] })
+  ] }) : n.isRunning ? /* @__PURE__ */ t.jsx(G, { tone: "ok", title: "Node online", sub: `bee ${n.version ?? "—"}  ·  ${r}`, children: /* @__PURE__ */ t.jsx(le, { tone: "ok", children: "health ok" }) }) : /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+    /* @__PURE__ */ t.jsx(G, { tone: "bad", title: "Node unreachable", sub: n.error ?? `no /health response from ${r}` }),
+    /* @__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(H, { onClick: n.check, children: "retry" })
+    ] })
+  ] });
+}
+function vt({ symbol: n, value: r, onChange: a, onSend: s, pending: i, confirming: l, done: p, disabled: h }) {
+  const d = i || l;
+  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: 8,
+      padding: "0 12px",
+      borderRadius: 6,
+      border: "1px solid var(--line-2)",
+      background: d || h ? "var(--bunker)" : "var(--surface)"
+    }, children: [
+      /* @__PURE__ */ t.jsx(
+        "input",
+        {
+          inputMode: "decimal",
+          value: r,
+          disabled: d || h,
+          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 })
+    ] }),
+    p ? /* @__PURE__ */ t.jsx(le, { tone: "ok", children: "sent" }) : /* @__PURE__ */ t.jsx(H, { onClick: s, disabled: d || h || !r.trim(), children: i ? "sign…" : l ? "mining…" : `send ${n.toLowerCase()}` })
+  ] });
+}
+function On({ to: n, onSettled: r }) {
+  const [a, s] = T(gn), [i, l] = T(mn), { address: p } = Ae(), h = tn(), d = nn(), o = it({ hash: h.data }), u = it({ hash: d.data });
+  Q(() => {
+    o.isSuccess && r();
+  }, [o.isSuccess]), Q(() => {
+    u.isSuccess && r();
+  }, [u.isSuccess]);
+  const v = rn({
+    abi: st,
+    address: ft,
+    functionName: "balanceOf",
+    args: p ? [p] : void 0,
+    chainId: U,
+    query: { enabled: !!p }
+  }), g = v.data !== void 0 ? Number(v.data) / 10 ** Fe : void 0, b = (g ?? 0) > 0, E = () => {
+    const S = gt(() => cn(a.trim()));
+    S !== void 0 && h.sendTransaction({ to: n, value: S, chainId: U });
+  }, _ = () => {
+    const S = gt(() => ln(i.trim(), Fe));
+    S !== void 0 && d.writeContract({
+      abi: st,
+      address: ft,
+      functionName: "transfer",
+      args: [n, S],
+      chainId: U
+    });
+  }, A = pt(h.error) ?? pt(d.error);
+  return /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    /* @__PURE__ */ t.jsx("div", { style: oe, children: "One-time top-up — sent from your connected wallet to the node wallet:" }),
+    /* @__PURE__ */ t.jsx(
+      vt,
       {
-        onClick: () => i({ chainId: je.id }),
-        disabled: l,
-        style: {
-          background: a.colors.primary,
-          color: "#fff",
-          border: "none",
-          borderRadius: 6,
-          padding: "9px 20px",
-          cursor: l ? "not-allowed" : "pointer",
-          fontSize: 14,
-          fontWeight: 500,
-          opacity: l ? 0.7 : 1,
-          alignSelf: "flex-start"
-        },
-        children: l ? "Switching…" : "Switch to Gnosis"
+        symbol: "xDAI",
+        value: a,
+        onChange: s,
+        onSend: E,
+        pending: h.isPending,
+        confirming: o.isLoading && !!h.data,
+        done: o.isSuccess,
+        disabled: !1
       }
     ),
-    f && /* @__PURE__ */ r.jsx("div", { style: { fontSize: 12, color: a.colors.error }, children: f.message })
+    /* @__PURE__ */ t.jsx(
+      vt,
+      {
+        symbol: "xBZZ",
+        value: i,
+        onChange: l,
+        onSend: _,
+        pending: d.isPending,
+        confirming: u.isLoading && !!d.data,
+        done: u.isSuccess,
+        disabled: !b
+      }
+    ),
+    g !== void 0 && /* @__PURE__ */ t.jsxs("div", { style: { ...oe, 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(H, { onClick: () => window.open("https://www.ethswarm.org/get-bzz", "_blank", "noopener"), children: "get xBZZ" })
+    ] }),
+    A && /* @__PURE__ */ t.jsx("div", { style: { fontSize: 12, color: "var(--bad)", fontFamily: "var(--font-mono)" }, children: A })
   ] });
 }
-function ut({ onClose: t, beeNode: o, stamps: i, beeApiUrl: l, setBeeApiUrl: f }) {
-  const [p, g] = L("swarm");
-  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 gt(n) {
+  try {
+    return n();
+  } catch {
+    return;
+  }
+}
+function $n({ 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(G, { tone: "bad", title: "Could not read node wallet", sub: r.error }),
+      /* @__PURE__ */ t.jsx(H, { 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(De, { symbol: "xDAI", role: "gas for the node's own transactions", amount: r.xdai ?? 0, loading: a }),
+    /* @__PURE__ */ t.jsx(De, { symbol: "xBZZ", role: "pays for postage stamps", amount: r.xbzz ?? 0, loading: a }),
+    /* @__PURE__ */ t.jsxs("div", { style: oe, 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(On, { to: r.address, onSettled: r.refresh })
+  ] });
+}
+function zn({ stamp: n, selected: r, onSelect: a }) {
+  const [s, i] = T(!1), l = Math.floor(n.batchTTL / 86400), p = `${n.batchID.slice(0, 8)}…${n.batchID.slice(-6)}`, h = r || s;
+  return /* @__PURE__ */ t.jsxs(
+    "button",
+    {
+      onClick: a,
+      onMouseEnter: () => i(!0),
+      onMouseLeave: () => i(!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)" : h ? "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: p }),
+          /* @__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: l > 30 ? "var(--fg-muted)" : "var(--warn)" }, children: l > 0 ? `${l}d ttl` : "expiring" }),
+          /* @__PURE__ */ t.jsx(le, { tone: n.usable ? "ok" : "bad", children: n.usable ? "usable" : "unusable" })
+        ] })
+      ]
+    }
+  );
+}
+function Ie({ label: n, value: r, onChange: a, placeholder: s, width: i }) {
+  return /* @__PURE__ */ t.jsxs("label", { style: { display: "flex", flexDirection: "column", gap: 4, flex: i ? `0 0 ${i}px` : 1, minWidth: 0 }, children: [
+    /* @__PURE__ */ t.jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 9.5, letterSpacing: ".1em", textTransform: "uppercase", color: "var(--fg-faint)" }, children: n }),
+    /* @__PURE__ */ t.jsx(
+      "input",
       {
-        onClick: t,
+        value: r,
+        placeholder: s,
+        spellCheck: !1,
+        autoComplete: "off",
+        onChange: (l) => a(l.target.value),
         style: {
-          position: "fixed",
-          inset: 0,
-          background: a.colors.overlay,
-          zIndex: 9998
+          minWidth: 0,
+          background: "var(--surface)",
+          border: "1px solid var(--line-2)",
+          borderRadius: 6,
+          outline: "none",
+          color: "var(--fg)",
+          fontFamily: "var(--font-mono)",
+          fontSize: 12,
+          padding: "8px 10px"
         }
       }
+    )
+  ] });
+}
+function Ln({ stamps: n }) {
+  const [r, a] = T(""), [s, i] = T(String(xn)), [l, p] = T(bn);
+  if (n.isCreating)
+    return /* @__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(ce, {}),
+      /* @__PURE__ */ t.jsx("span", { style: { color: "var(--fg-muted)", fontSize: 13, fontFamily: "var(--font-mono)" }, children: "buying stamp — waiting for the on-chain batch…" })
+    ] });
+  const h = Number(s), d = Number.isInteger(h) && h >= 17 && /^\d+$/.test(l.trim());
+  return /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8, padding: "12px 14px", border: "1px dashed var(--line-2)", borderRadius: 8, background: "var(--bunker)" }, children: [
+    /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+      /* @__PURE__ */ t.jsx(Ie, { label: "label", value: r, onChange: a, placeholder: "optional" }),
+      /* @__PURE__ */ t.jsx(Ie, { label: "depth", value: s, onChange: i, width: 64 }),
+      /* @__PURE__ */ t.jsx(Ie, { label: "amount (plur)", value: l, onChange: p, width: 120 })
+    ] }),
+    /* @__PURE__ */ t.jsx("div", { style: oe, children: "Cost ≈ 2^depth × amount PLUR, paid in xBZZ from the node wallet. Higher amount → longer stamp lifetime." }),
+    /* @__PURE__ */ t.jsx(
+      Oe,
+      {
+        block: !0,
+        onClick: () => d && n.createStamp({ amount: l.trim(), depth: h, label: r.trim() || void 0 }),
+        style: d ? void 0 : { opacity: 0.5, cursor: "default" },
+        children: "buy stamp"
+      }
     ),
-    /* @__PURE__ */ r.jsxs("div", { style: {
+    n.createError && /* @__PURE__ */ t.jsx("div", { style: { fontSize: 12, color: "var(--bad)", fontFamily: "var(--font-mono)" }, children: n.createError })
+  ] });
+}
+function Wn({ stamps: n, locked: r, lockedHint: a, canCreate: s }) {
+  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(ce, {}),
+    /* @__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(G, { tone: "bad", title: "Could not read stamps", sub: n.error }),
+    /* @__PURE__ */ t.jsx(H, { onClick: n.fetchStamps, children: "retry" })
+  ] }) : /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    n.stamps.length === 0 && !s && /* @__PURE__ */ t.jsx(ee, { children: "No postage stamps on this node — buy one via the Bee API to continue." }),
+    n.stamps.map((i) => /* @__PURE__ */ t.jsx(
+      zn,
+      {
+        stamp: i,
+        selected: n.selectedStampId === i.batchID,
+        onSelect: () => n.selectStamp(i.batchID)
+      },
+      i.batchID
+    )),
+    s && /* @__PURE__ */ t.jsx(Ln, { stamps: n })
+  ] });
+}
+const oe = {
+  fontSize: 11.5,
+  color: "var(--fg-faint)",
+  lineHeight: 1.5,
+  paddingLeft: 2
+};
+function Bn({
+  onClose: n,
+  beeNode: r,
+  stamps: a,
+  beeApiUrl: s,
+  setBeeApiUrl: i,
+  stampMode: l = "select",
+  nodeWallet: p
+}) {
+  kt();
+  const h = l === "create", { address: d, isConnected: o } = Ae(), u = xt(), v = u === U, { data: g, isLoading: b } = bt({
+    address: d,
+    chainId: U,
+    query: { enabled: o }
+  }), E = g ? Number(g.formatted) : void 0, _ = v && !!g && g.value > 0n, A = { xdai: E, isLoading: o && b, hasGas: _ }, S = wt(s), w = p ?? S;
+  Q(() => {
+    r.check();
+  }, [s]), Q(() => {
+    r.isRunning && (a.fetchStamps(), h && w.refresh());
+  }, [r.isRunning]);
+  const I = o ? "done" : "active", C = o ? v ? "done" : "active" : "locked", k = v ? _ ? "done" : "active" : "locked", D = _ ? r.isRunning ? "done" : "active" : "locked", W = D !== "done" ? "locked" : w.isFunded ? "done" : "active", V = h ? W === "done" : D === "done", B = V ? a.selectedStampId ? "done" : "active" : "locked", be = h ? 6 : 5, Y = B === "done", de = [
+    o,
+    v,
+    _,
+    r.isRunning,
+    ...h ? [w.isFunded] : [],
+    !!a.selectedStampId
+  ], M = h ? "wallet · chain · gas · node · fund · stamp" : "wallet · chain · gas · node · stamp";
+  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__ */ 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(Rn, { 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: [
+                "// ",
+                Y ? "ready" : M
+              ] })
+            ] })
+          ] }),
+          /* @__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: (z) => {
+                z.currentTarget.style.borderColor = "var(--line-orange)", z.currentTarget.style.color = "var(--accent-bright)";
+              },
+              onMouseLeave: (z) => {
+                z.currentTarget.style.borderColor = "var(--line)", z.currentTarget.style.color = "var(--fg-muted)";
+              },
+              children: "×"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "sc-scroll", style: { padding: 20, display: "flex", flexDirection: "column", gap: 24, maxHeight: "62vh", overflowY: "auto" }, children: [
+        /* @__PURE__ */ t.jsxs("section", { style: { animation: "sc-step-in .3s var(--ease)" }, children: [
+          /* @__PURE__ */ t.jsx(J, { step: 1, state: I, hint: o ? "linked" : null, children: "Wallet" }),
+          /* @__PURE__ */ t.jsx(Tn, { isConnected: o, address: d })
         ] }),
-        /* @__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("section", { style: { opacity: C === "locked" ? 0.55 : 1, transition: "opacity .3s var(--ease)" }, children: [
+          /* @__PURE__ */ t.jsx(J, { step: 2, state: C, hint: o ? v ? "gnosis" : "wrong net" : null, children: "Network chain" }),
+          /* @__PURE__ */ t.jsx(Fn, { locked: C === "locked", isOnGnosis: v, chainId: u })
+        ] }),
+        /* @__PURE__ */ t.jsxs("section", { style: { opacity: k === "locked" ? 0.55 : 1, transition: "opacity .3s var(--ease)" }, children: [
+          /* @__PURE__ */ t.jsx(J, { step: 3, state: k, hint: v ? _ ? "funded" : "low" : null, children: "Balance" }),
+          /* @__PURE__ */ t.jsx(Pn, { locked: k === "locked", balance: A })
+        ] }),
+        /* @__PURE__ */ t.jsxs("section", { style: { opacity: D === "locked" ? 0.55 : 1, transition: "opacity .3s var(--ease)" }, children: [
+          /* @__PURE__ */ t.jsx(J, { step: 4, state: D, hint: r.isRunning ? r.version : null, children: "Bee node" }),
+          D === "locked" ? /* @__PURE__ */ t.jsx(ee, { children: "Top up xDAI gas to unlock the Bee node connection." }) : /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+            /* @__PURE__ */ t.jsx(Dn, { value: s, disabled: r.isChecking, onSubmit: i }),
+            /* @__PURE__ */ t.jsx(An, { node: r, beeApiUrl: s })
+          ] })
+        ] }),
+        h && /* @__PURE__ */ t.jsxs("section", { style: { opacity: W === "locked" ? 0.55 : 1, transition: "opacity .3s var(--ease)" }, children: [
+          /* @__PURE__ */ t.jsx(
+            J,
+            {
+              step: 5,
+              state: W,
+              hint: W === "locked" ? null : w.isFunded ? "funded" : "top up",
+              children: "Node wallet"
+            }
+          ),
+          /* @__PURE__ */ t.jsx($n, { locked: W === "locked", nodeWallet: w })
+        ] }),
+        /* @__PURE__ */ t.jsxs("section", { style: { opacity: B === "locked" ? 0.55 : 1, transition: "opacity .3s var(--ease)" }, children: [
+          /* @__PURE__ */ t.jsx(
+            J,
+            {
+              step: be,
+              state: B,
+              hint: a.selectedStampId ? "1 selected" : V ? `${a.stamps.length} found` : null,
+              children: "Postage stamp"
+            }
+          ),
+          /* @__PURE__ */ t.jsx(
+            Wn,
+            {
+              stamps: a,
+              locked: B === "locked",
+              canCreate: h,
+              lockedHint: h ? "Fund the node wallet to manage postage stamps." : "Bring a node online to load its postage stamps."
+            }
+          )
+        ] })
       ] }),
-      /* @__PURE__ */ r.jsx("div", { style: {
+      /* @__PURE__ */ t.jsxs("div", { style: {
+        padding: "12px 20px",
+        borderTop: "1px solid var(--line)",
         display: "flex",
-        margin: "14px 20px 0",
-        borderBottom: `1px solid ${a.colors.border}`
-      }, children: ["swarm", "wallet"].map((y) => {
-        const u = p === y;
-        return /* @__PURE__ */ r.jsx(
-          "button",
-          {
-            onClick: () => g(y),
-            style: {
-              background: "none",
-              border: "none",
-              cursor: "pointer",
-              padding: "8px 18px 10px",
-              fontSize: 14,
-              fontWeight: u ? 600 : 400,
-              color: u ? a.colors.primary : a.colors.muted,
-              borderBottom: `2px solid ${u ? a.colors.primary : "transparent"}`,
-              marginBottom: -1,
-              transition: "all 0.15s"
-            },
-            children: y === "swarm" ? "🐝 Swarm" : "🦊 Wallet"
-          },
-          y
-        );
-      }) }),
-      /* @__PURE__ */ r.jsxs("div", { style: { padding: "20px", minHeight: 260, maxHeight: "60vh", overflowY: "auto" }, children: [
-        p === "swarm" && /* @__PURE__ */ r.jsx(et, { beeApiUrl: l, setBeeApiUrl: f, beeNode: o, stamps: i }),
-        p === "wallet" && /* @__PURE__ */ r.jsx(st, {})
+        alignItems: "center",
+        justifyContent: "space-between",
+        background: Y ? "var(--accent-wash)" : "var(--bunker)",
+        transition: "background .3s"
+      }, children: [
+        /* @__PURE__ */ t.jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 11, letterSpacing: ".06em", color: Y ? "var(--accent-bright)" : "var(--fg-muted)" }, children: Y ? "// fully connected — ready to upload" : "// gated · each step unlocks the next" }),
+        Y ? /* @__PURE__ */ t.jsxs("span", { style: { display: "inline-flex", gap: 4, alignItems: "center", color: "var(--ok)", fontSize: 12, fontFamily: "var(--font-mono)" }, children: [
+          /* @__PURE__ */ t.jsx("span", { style: { width: 7, height: 7, borderRadius: "50%", background: "var(--ok)", boxShadow: "0 0 8px var(--ok)" } }),
+          "done"
+        ] }) : /* @__PURE__ */ t.jsx(_n, { states: de })
       ] })
     ] })
   ] });
 }
-function wt({ beeApiUrl: t = le, label: o }) {
-  const [i, l] = L(!1), {
-    beeNode: f,
-    stamps: p,
-    beeApiUrl: g,
-    setBeeApiUrl: y,
-    isWalletConnected: u,
-    address: s,
-    isOnGnosis: d,
-    isFullyConnected: v
-  } = Zr({ beeApiUrl: t }), x = o ?? (v ? s ? `${s.slice(0, 6)}…${s.slice(-4)}` : "Connected" : "Connect to Swarm");
-  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsxs(
+function Xn({ beeApiUrl: n = se, stampMode: r, label: a }) {
+  kt();
+  const [s, i] = T(!1), l = jn({ beeApiUrl: n, stampMode: r }), { beeApiUrl: p, setBeeApiUrl: h, beeNode: d, stamps: o, nodeWallet: u, isFullyConnected: v, address: g } = l, [b, E] = T(!1), _ = a ?? (v && g ? `${g.slice(0, 6)}…${g.slice(-4)}` : "Connect to Swarm");
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs(
       "button",
       {
-        onClick: () => l(!0),
+        className: "swarm-connect",
+        onClick: () => i(!0),
+        onMouseEnter: () => E(!0),
+        onMouseLeave: () => E(!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",
-          cursor: "pointer",
-          fontSize: 15,
+          gap: 10,
+          fontFamily: "var(--font-mono)",
+          fontSize: 13,
           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'
-        },
-        onMouseOver: (R) => {
-          v || (R.currentTarget.style.background = a.colors.primaryHover);
-        },
-        onMouseOut: (R) => {
-          R.currentTarget.style.background = v ? a.colors.successLight : a.colors.primary;
+          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: f.isRunning, checking: f.isChecking }),
-            /* @__PURE__ */ r.jsx(ie, { ok: !!p.selectedStampId }),
-            /* @__PURE__ */ r.jsx(ie, { ok: u }),
-            /* @__PURE__ */ r.jsx(ie, { ok: d })
-          ] }),
-          x
+          v ? /* @__PURE__ */ t.jsx("span", { style: { width: 8, height: 8, borderRadius: "50%", background: "var(--ok)", boxShadow: "0 0 8px var(--ok)" } }) : /* @__PURE__ */ t.jsx(Mn, { swarm: l }),
+          _
         ]
       }
     ),
-    i && /* @__PURE__ */ r.jsx(
-      ut,
+    s && /* @__PURE__ */ t.jsx(
+      Bn,
       {
-        onClose: () => l(!1),
-        beeNode: f,
-        stamps: p,
-        beeApiUrl: g,
-        setBeeApiUrl: y
+        onClose: () => i(!1),
+        beeNode: d,
+        stamps: o,
+        beeApiUrl: p,
+        setBeeApiUrl: h,
+        stampMode: l.stampMode,
+        nodeWallet: u
       }
     )
   ] });
 }
-function ie({ ok: t, checking: o }) {
-  const i = o ? 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 Mn({ swarm: n }) {
+  const { beeNode: r, stamps: a, nodeWallet: s, stampMode: i, isWalletConnected: l, isOnGnosis: p, balance: h } = n, d = [
+    l ? "ok" : "bad",
+    p ? "ok" : "bad",
+    h.hasGas ? "ok" : p ? "warn" : "bad",
+    r.isChecking ? "warn" : r.isRunning ? "ok" : "bad",
+    ...i === "create" ? [s.isFunded ? "ok" : "bad"] : [],
+    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: d.map((u, v) => /* @__PURE__ */ t.jsx("span", { style: { width: 6, height: 6, borderRadius: "50%", background: o[u], animation: u === "warn" ? "sc-pulse-dot 1.4s var(--ease) infinite" : "none" } }, v)) });
 }
-const dt = "2.22.1", ft = () => `@wagmi/core@${dt}`;
-var cr = function(t, o, i, l) {
-  if (i === "a" && !l) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof o == "function" ? t !== o || !l : !o.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return i === "m" ? l : i === "a" ? l.call(t) : l ? l.value : o.get(t);
-}, ce, lr;
-class Z extends Error {
+const Nn = "2.22.1", Un = () => `@wagmi/core@${Nn}`;
+var jt = function(n, r, a, s) {
+  if (a === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof r == "function" ? n !== r || !s : !r.has(n)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return a === "m" ? s : a === "a" ? s.call(n) : s ? s.value : r.get(n);
+}, xe, St;
+class ie extends Error {
   get docsBaseUrl() {
     return "https://wagmi.sh/core";
   }
   get version() {
-    return ft();
+    return Un();
   }
-  constructor(o, i = {}) {
-    var p;
-    super(), ce.add(this), Object.defineProperty(this, "details", {
+  constructor(r, a = {}) {
+    var l;
+    super(), xe.add(this), Object.defineProperty(this, "details", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
@@ -1335,27 +1826,27 @@ class Z extends Error {
       writable: !0,
       value: "WagmiCoreError"
     });
-    const l = i.cause instanceof Z ? i.cause.details : (p = i.cause) != null && p.message ? i.cause.message : i.details, f = i.cause instanceof Z && i.cause.docsPath || i.docsPath;
+    const s = a.cause instanceof ie ? a.cause.details : (l = a.cause) != null && l.message ? a.cause.message : a.details, i = a.cause instanceof ie && a.cause.docsPath || a.docsPath;
     this.message = [
-      o || "An error occurred.",
+      r || "An error occurred.",
       "",
-      ...i.metaMessages ? [...i.metaMessages, ""] : [],
-      ...f ? [
-        `Docs: ${this.docsBaseUrl}${f}.html${i.docsSlug ? `#${i.docsSlug}` : ""}`
+      ...a.metaMessages ? [...a.metaMessages, ""] : [],
+      ...i ? [
+        `Docs: ${this.docsBaseUrl}${i}.html${a.docsSlug ? `#${a.docsSlug}` : ""}`
       ] : [],
-      ...l ? [`Details: ${l}`] : [],
+      ...s ? [`Details: ${s}`] : [],
       `Version: ${this.version}`
     ].join(`
-`), i.cause && (this.cause = i.cause), this.details = l, this.docsPath = f, this.metaMessages = i.metaMessages, this.shortMessage = o;
+`), a.cause && (this.cause = a.cause), this.details = s, this.docsPath = i, this.metaMessages = a.metaMessages, this.shortMessage = r;
   }
-  walk(o) {
-    return cr(this, ce, "m", lr).call(this, this, o);
+  walk(r) {
+    return jt(this, xe, "m", St).call(this, this, r);
   }
 }
-ce = /* @__PURE__ */ new WeakSet(), lr = function t(o, i) {
-  return i != null && i(o) ? o : o.cause ? cr(this, ce, "m", t).call(this, o.cause, i) : o;
+xe = /* @__PURE__ */ new WeakSet(), St = function n(r, a) {
+  return a != null && a(r) ? r : r.cause ? jt(this, xe, "m", n).call(this, r.cause, a) : r;
 };
-class ht extends Z {
+class Yn extends ie {
   constructor() {
     super("Chain not configured."), Object.defineProperty(this, "name", {
       enumerable: !0,
@@ -1365,7 +1856,7 @@ class ht extends Z {
     });
   }
 }
-class q extends Z {
+class X extends ie {
   constructor() {
     super("Provider not found."), Object.defineProperty(this, "name", {
       enumerable: !0,
@@ -1375,103 +1866,103 @@ class q extends Z {
     });
   }
 }
-Ce.type = "injected";
-function Ce(t = {}) {
-  const { shimDisconnect: o = !0, unstable_shimAsyncInject: i } = t;
-  function l() {
-    const u = t.target;
-    if (typeof u == "function") {
-      const s = u();
-      if (s)
-        return s;
+$e.type = "injected";
+function $e(n = {}) {
+  const { shimDisconnect: r = !0, unstable_shimAsyncInject: a } = n;
+  function s() {
+    const d = n.target;
+    if (typeof d == "function") {
+      const o = d();
+      if (o)
+        return o;
     }
-    return typeof u == "object" ? u : typeof u == "string" ? {
-      ...pt[u] ?? {
-        id: u,
-        name: `${u[0].toUpperCase()}${u.slice(1)}`,
-        provider: `is${u[0].toUpperCase()}${u.slice(1)}`
+    return typeof d == "object" ? d : typeof d == "string" ? {
+      ...qn[d] ?? {
+        id: d,
+        name: `${d[0].toUpperCase()}${d.slice(1)}`,
+        provider: `is${d[0].toUpperCase()}${d.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 f, p, g, y;
-  return (u) => ({
+  let i, l, p, h;
+  return (d) => ({
     get icon() {
-      return l().icon;
+      return s().icon;
     },
     get id() {
-      return l().id;
+      return s().id;
     },
     get name() {
-      return l().name;
+      return s().name;
     },
     /** @deprecated */
     get supportsSimulation() {
       return !0;
     },
-    type: Ce.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)), f || (f = this.onAccountsChanged.bind(this), s.on("accountsChanged", f)));
+      const o = await this.getProvider();
+      o != null && o.on && n.target && (p || (p = this.onConnect.bind(this), o.on("connect", p)), i || (i = this.onAccountsChanged.bind(this), o.on("accountsChanged", i)));
     },
-    async connect({ chainId: s, isReconnecting: d, withCapabilities: v } = {}) {
-      var D, W, z, T, S, I;
-      const x = await this.getProvider();
-      if (!x)
-        throw new q();
-      let R = [];
-      if (d)
-        R = await this.getAccounts().catch(() => []);
-      else if (o)
+    async connect({ chainId: o, isReconnecting: u, withCapabilities: v } = {}) {
+      var E, _, A, S, w, I;
+      const g = await this.getProvider();
+      if (!g)
+        throw new X();
+      let b = [];
+      if (u)
+        b = await this.getAccounts().catch(() => []);
+      else if (r)
         try {
-          R = (T = (z = (W = (D = (await x.request({
+          b = (S = (A = (_ = (E = (await g.request({
             method: "wallet_requestPermissions",
             params: [{ eth_accounts: {} }]
-          }))[0]) == null ? void 0 : D.caveats) == null ? void 0 : W[0]) == null ? void 0 : z.value) == null ? void 0 : T.map((C) => oe(C)), R.length > 0 && (R = await this.getAccounts());
-        } catch (_) {
-          const C = _;
-          if (C.code === F.code)
-            throw new F(C);
-          if (C.code === be.code)
-            throw C;
+          }))[0]) == null ? void 0 : E.caveats) == null ? void 0 : _[0]) == null ? void 0 : A.value) == null ? void 0 : S.map((k) => ve(k)), b.length > 0 && (b = await this.getAccounts());
+        } catch (C) {
+          const k = C;
+          if (k.code === N.code)
+            throw new N(k);
+          if (k.code === Ee.code)
+            throw k;
         }
       try {
-        !(R != null && R.length) && !d && (R = (await x.request({
+        !(b != null && b.length) && !u && (b = (await g.request({
           method: "eth_requestAccounts"
-        })).map(($) => oe($))), g && (x.removeListener("connect", g), g = void 0), f || (f = this.onAccountsChanged.bind(this), x.on("accountsChanged", f)), p || (p = this.onChainChanged.bind(this), x.on("chainChanged", p)), y || (y = this.onDisconnect.bind(this), x.on("disconnect", y));
-        let _ = await this.getChainId();
-        if (s && _ !== s) {
-          const C = await this.switchChain({ chainId: s }).catch(($) => {
-            if ($.code === F.code)
-              throw $;
-            return { id: _ };
+        })).map((D) => ve(D))), p && (g.removeListener("connect", p), p = void 0), i || (i = this.onAccountsChanged.bind(this), g.on("accountsChanged", i)), l || (l = this.onChainChanged.bind(this), g.on("chainChanged", l)), h || (h = this.onDisconnect.bind(this), g.on("disconnect", h));
+        let C = await this.getChainId();
+        if (o && C !== o) {
+          const k = await this.switchChain({ chainId: o }).catch((D) => {
+            if (D.code === N.code)
+              throw D;
+            return { id: C };
           });
-          _ = (C == null ? void 0 : C.id) ?? _;
+          C = (k == null ? void 0 : k.id) ?? C;
         }
-        return o && await ((S = u.storage) == null ? void 0 : S.removeItem(`${this.id}.disconnected`)), t.target || await ((I = u.storage) == null ? void 0 : I.setItem("injected.connected", !0)), {
-          accounts: v ? R.map((C) => ({ address: C, capabilities: {} })) : R,
-          chainId: _
+        return r && await ((w = d.storage) == null ? void 0 : w.removeItem(`${this.id}.disconnected`)), n.target || await ((I = d.storage) == null ? void 0 : I.setItem("injected.connected", !0)), {
+          accounts: v ? b.map((k) => ({ address: k, capabilities: {} })) : b,
+          chainId: C
         };
-      } catch (_) {
-        const C = _;
-        throw C.code === F.code ? new F(C) : C.code === be.code ? new be(C) : C;
+      } catch (C) {
+        const k = C;
+        throw k.code === N.code ? new N(k) : k.code === Ee.code ? new Ee(k) : k;
       }
     },
     async disconnect() {
-      var d, v;
-      const s = await this.getProvider();
-      if (!s)
-        throw new q();
-      p && (s.removeListener("chainChanged", p), p = void 0), y && (s.removeListener("disconnect", y), y = void 0), g || (g = this.onConnect.bind(this), s.on("connect", g));
+      var u, v;
+      const o = await this.getProvider();
+      if (!o)
+        throw new X();
+      l && (o.removeListener("chainChanged", l), l = void 0), h && (o.removeListener("disconnect", h), h = void 0), p || (p = this.onConnect.bind(this), o.on("connect", p));
       try {
-        await Hr(() => (
+        await un(() => (
           // 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: {} }]
@@ -1479,164 +1970,164 @@ function Ce(t = {}) {
         ), { timeout: 100 });
       } catch {
       }
-      o && await ((d = u.storage) == null ? void 0 : d.setItem(`${this.id}.disconnected`, !0)), t.target || await ((v = u.storage) == null ? void 0 : v.removeItem("injected.connected"));
+      r && await ((u = d.storage) == null ? void 0 : u.setItem(`${this.id}.disconnected`, !0)), n.target || await ((v = d.storage) == null ? void 0 : v.removeItem("injected.connected"));
     },
     async getAccounts() {
-      const s = await this.getProvider();
-      if (!s)
-        throw new q();
-      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) => ve(v));
     },
     async getChainId() {
-      const s = await this.getProvider();
-      if (!s)
-        throw new q();
-      const d = await s.request({ method: "eth_chainId" });
-      return Number(d);
+      const o = await this.getProvider();
+      if (!o)
+        throw new X();
+      const u = await o.request({ method: "eth_chainId" });
+      return Number(u);
     },
     async getProvider() {
       if (typeof window > "u")
         return;
-      let s;
-      const d = l();
-      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 u = s();
+      return typeof u.provider == "function" ? o = u.provider(window) : typeof u.provider == "string" ? o = ge(window, u.provider) : o = u.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, u;
       try {
-        if (o && // If shim exists in storage, connector is disconnected
-        await ((s = u.storage) == null ? void 0 : s.getItem(`${this.id}.disconnected`)) || !t.target && !await ((d = u.storage) == null ? void 0 : d.getItem("injected.connected")))
+        if (r && // If shim exists in storage, connector is disconnected
+        await ((o = d.storage) == null ? void 0 : o.getItem(`${this.id}.disconnected`)) || !n.target && !await ((u = d.storage) == null ? void 0 : u.getItem("injected.connected")))
           return !1;
         if (!await this.getProvider()) {
-          if (i !== void 0 && i !== !1) {
-            const D = async () => (typeof window < "u" && window.removeEventListener("ethereum#initialized", D), !!await this.getProvider()), W = typeof i == "number" ? i : 1e3;
+          if (a !== void 0 && a !== !1) {
+            const E = async () => (typeof window < "u" && window.removeEventListener("ethereum#initialized", E), !!await this.getProvider()), _ = typeof a == "number" ? a : 1e3;
             if (await Promise.race([
               ...typeof window < "u" ? [
-                new Promise((T) => window.addEventListener("ethereum#initialized", () => T(D()), { once: !0 }))
+                new Promise((S) => window.addEventListener("ethereum#initialized", () => S(E()), { once: !0 }))
               ] : [],
-              new Promise((T) => setTimeout(() => T(D()), W))
+              new Promise((S) => setTimeout(() => S(E()), _))
             ]))
               return !0;
           }
-          throw new q();
+          throw new X();
         }
-        return !!(await Gr(() => this.getAccounts())).length;
+        return !!(await dn(() => this.getAccounts())).length;
       } catch {
         return !1;
       }
     },
-    async switchChain({ addEthereumChainParameter: s, chainId: d }) {
-      var D, W, z, T;
+    async switchChain({ addEthereumChainParameter: o, chainId: u }) {
+      var E, _, A, S;
       const v = await this.getProvider();
       if (!v)
-        throw new q();
-      const x = u.chains.find((S) => S.id === d);
-      if (!x)
-        throw new Ke(new ht());
-      const R = new Promise((S) => {
-        const I = (_) => {
-          "chainId" in _ && _.chainId === d && (u.emitter.off("change", I), S());
+        throw new X();
+      const g = d.chains.find((w) => w.id === u);
+      if (!g)
+        throw new ct(new Yn());
+      const b = new Promise((w) => {
+        const I = (C) => {
+          "chainId" in C && C.chainId === u && (d.emitter.off("change", I), w());
         };
-        u.emitter.on("change", I);
+        d.emitter.on("change", I);
       });
       try {
         return await Promise.all([
           v.request({
             method: "wallet_switchEthereumChain",
-            params: [{ chainId: Je(d) }]
+            params: [{ chainId: lt(u) }]
           }).then(async () => {
-            await this.getChainId() === d && u.emitter.emit("change", { chainId: d });
+            await this.getChainId() === u && d.emitter.emit("change", { chainId: u });
           }),
-          R
-        ]), x;
-      } catch (S) {
-        const I = S;
+          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 = (D = I == null ? void 0 : I.data) == null ? void 0 : D.originalError) == null ? void 0 : W.code) === 4902)
+        ((_ = (E = I == null ? void 0 : I.data) == null ? void 0 : E.originalError) == null ? void 0 : _.code) === 4902)
           try {
-            const { default: _, ...C } = x.blockExplorers ?? {};
-            let $;
-            s != null && s.blockExplorerUrls ? $ = s.blockExplorerUrls : _ && ($ = [
-              _.url,
-              ...Object.values(C).map((H) => H.url)
+            const { default: C, ...k } = g.blockExplorers ?? {};
+            let D;
+            o != null && o.blockExplorerUrls ? D = o.blockExplorerUrls : C && (D = [
+              C.url,
+              ...Object.values(k).map((B) => B.url)
             ]);
-            let G;
-            (z = s == null ? void 0 : s.rpcUrls) != null && z.length ? G = s.rpcUrls : G = [((T = x.rpcUrls.default) == null ? void 0 : T.http[0]) ?? ""];
-            const ue = {
-              blockExplorerUrls: $,
-              chainId: Je(d),
-              chainName: (s == null ? void 0 : s.chainName) ?? x.name,
-              iconUrls: s == null ? void 0 : s.iconUrls,
-              nativeCurrency: (s == null ? void 0 : s.nativeCurrency) ?? x.nativeCurrency,
-              rpcUrls: G
+            let W;
+            (A = o == null ? void 0 : o.rpcUrls) != null && A.length ? W = o.rpcUrls : W = [((S = g.rpcUrls.default) == null ? void 0 : S.http[0]) ?? ""];
+            const V = {
+              blockExplorerUrls: D,
+              chainId: lt(u),
+              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: W
             };
             return await Promise.all([
               v.request({
                 method: "wallet_addEthereumChain",
-                params: [ue]
+                params: [V]
               }).then(async () => {
-                if (await this.getChainId() === d)
-                  u.emitter.emit("change", { chainId: d });
+                if (await this.getChainId() === u)
+                  d.emitter.emit("change", { chainId: u });
                 else
-                  throw new F(new Error("User rejected switch after adding network."));
+                  throw new N(new Error("User rejected switch after adding network."));
               }),
-              R
-            ]), x;
-          } catch (_) {
-            throw new F(_);
+              b
+            ]), g;
+          } catch (C) {
+            throw new N(C);
           }
-        throw I.code === F.code ? new F(I) : new Ke(I);
+        throw I.code === N.code ? new N(I) : new ct(I);
       }
     },
-    async onAccountsChanged(s) {
-      var d;
-      if (s.length === 0)
+    async onAccountsChanged(o) {
+      var u;
+      if (o.length === 0)
         this.onDisconnect();
-      else if (u.emitter.listenerCount("connect")) {
+      else if (d.emitter.listenerCount("connect")) {
         const v = (await this.getChainId()).toString();
-        this.onConnect({ chainId: v }), o && await ((d = u.storage) == null ? void 0 : d.removeItem(`${this.id}.disconnected`));
+        this.onConnect({ chainId: v }), r && await ((u = d.storage) == null ? void 0 : u.removeItem(`${this.id}.disconnected`));
       } else
-        u.emitter.emit("change", {
-          accounts: s.map((v) => oe(v))
+        d.emitter.emit("change", {
+          accounts: o.map((v) => ve(v))
         });
     },
-    onChainChanged(s) {
-      const d = Number(s);
-      u.emitter.emit("change", { chainId: d });
+    onChainChanged(o) {
+      const u = Number(o);
+      d.emitter.emit("change", { chainId: u });
     },
-    async onConnect(s) {
-      const d = await this.getAccounts();
-      if (d.length === 0)
+    async onConnect(o) {
+      const u = await this.getAccounts();
+      if (u.length === 0)
         return;
-      const v = Number(s.chainId);
-      u.emitter.emit("connect", { accounts: d, chainId: v });
-      const x = await this.getProvider();
-      x && (g && (x.removeListener("connect", g), g = void 0), f || (f = this.onAccountsChanged.bind(this), x.on("accountsChanged", f)), p || (p = this.onChainChanged.bind(this), x.on("chainChanged", p)), y || (y = this.onDisconnect.bind(this), x.on("disconnect", y)));
+      const v = Number(o.chainId);
+      d.emitter.emit("connect", { accounts: u, chainId: v });
+      const g = await this.getProvider();
+      g && (p && (g.removeListener("connect", p), p = void 0), i || (i = this.onAccountsChanged.bind(this), g.on("accountsChanged", i)), l || (l = this.onChainChanged.bind(this), g.on("chainChanged", l)), h || (h = this.onDisconnect.bind(this), g.on("disconnect", h)));
     },
-    async onDisconnect(s) {
-      const d = await this.getProvider();
-      s && s.code === 1013 && d && (await this.getAccounts()).length || (u.emitter.emit("disconnect"), d && (p && (d.removeListener("chainChanged", p), p = void 0), y && (d.removeListener("disconnect", y), y = void 0), g || (g = this.onConnect.bind(this), d.on("connect", g))));
+    async onDisconnect(o) {
+      const u = await this.getProvider();
+      o && o.code === 1013 && u && (await this.getAccounts()).length || (d.emitter.emit("disconnect"), u && (l && (u.removeListener("chainChanged", l), l = void 0), h && (u.removeListener("disconnect", h), h = void 0), p || (p = this.onConnect.bind(this), u.on("connect", p))));
     }
   });
 }
-const pt = {
+const qn = {
   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 : ge(n, "isCoinbaseWallet");
     }
   },
   metaMask: {
     id: "metaMask",
     name: "MetaMask",
-    provider(t) {
-      return se(t, (o) => {
-        if (!o.isMetaMask || o.isBraveWallet && !o._events && !o._state)
+    provider(n) {
+      return ge(n, (r) => {
+        if (!r.isMetaMask || r.isBraveWallet && !r._events && !r._state)
           return !1;
-        const i = [
+        const a = [
           "isApexWallet",
           "isAvalanche",
           "isBitKeep",
@@ -1656,8 +2147,8 @@ const pt = {
           "isUniswapWallet",
           "isZerion"
         ];
-        for (const l of i)
-          if (o[l])
+        for (const s of a)
+          if (r[s])
             return !1;
         return !0;
       });
@@ -1666,37 +2157,38 @@ const pt = {
   phantom: {
     id: "phantom",
     name: "Phantom",
-    provider(t) {
-      var o, i;
-      return (o = t == null ? void 0 : t.phantom) != null && o.ethereum ? (i = t.phantom) == null ? void 0 : i.ethereum : se(t, "isPhantom");
+    provider(n) {
+      var r, a;
+      return (r = n == null ? void 0 : n.phantom) != null && r.ethereum ? (a = n.phantom) == null ? void 0 : a.ethereum : ge(n, "isPhantom");
     }
   }
 };
-function se(t, o) {
-  function i(f) {
-    return typeof o == "function" ? o(f) : typeof o == "string" ? f[o] : !0;
+function ge(n, r) {
+  function a(i) {
+    return typeof r == "function" ? r(i) : typeof r == "string" ? i[r] : !0;
   }
-  const l = t.ethereum;
-  if (l != null && l.providers)
-    return l.providers.find((f) => i(f));
-  if (l && i(l))
-    return l;
+  const s = n.ethereum;
+  if (s != null && s.providers)
+    return s.providers.find((i) => a(i));
+  if (s && a(s))
+    return s;
 }
-const gt = new qr(), vt = Br({
-  chains: [je],
-  connectors: [Ce()],
+const Gn = new fn(), Hn = an({
+  chains: [Pe],
+  connectors: [$e()],
   transports: {
-    [je.id]: Nr()
+    [Pe.id]: on()
   }
 });
-function jt({ children: t }) {
-  return /* @__PURE__ */ r.jsx(Yr, { config: vt, children: /* @__PURE__ */ r.jsx(Vr, { client: gt, children: t }) });
+function Qn({ children: n }) {
+  return /* @__PURE__ */ t.jsx(sn, { config: Hn, children: /* @__PURE__ */ t.jsx(hn, { client: Gn, children: n }) });
 }
 export {
-  wt as SwarmConnectButton,
-  ut as SwarmConnectModal,
-  jt as SwarmConnectProvider,
-  Xr as useBeeNode,
-  Qr as usePostageStamps,
-  Zr as useSwarmConnect
+  Xn as SwarmConnectButton,
+  Bn as SwarmConnectModal,
+  Qn as SwarmConnectProvider,
+  yn as useBeeNode,
+  wt as useNodeWallet,
+  wn as usePostageStamps,
+  jn as useSwarmConnect
 };