@dhedge/trading-widget 3.13.0 → 3.14.0

package/index.js

@@ -1,5 +1,5 @@
 import * as ye from "react";
-import Re, { useRef as Ct, useCallback as Ge, useEffect as pt, useState as Lt, useMemo as $e, useLayoutEffect as sC, useContext as Qt, createContext as dn, forwardRef as g$, Fragment as fo, isValidElement as ok, cloneElement as w$, createElement as b$, useId as Fi, useReducer as Om, useSyncExternalStore as T$, createRef as x$, Children as S$ } from "react";
+import Re, { useRef as Ct, useCallback as Ve, useEffect as pt, useState as Lt, useMemo as $e, useLayoutEffect as sC, useContext as Qt, createContext as dn, forwardRef as g$, Fragment as fo, isValidElement as ok, cloneElement as w$, createElement as b$, useId as Fi, useReducer as Om, useSyncExternalStore as T$, createRef as x$, Children as S$ } from "react";
 import { erc20Abi as Nd, stringToHex as lC, encodeAbiParameters as xO, formatUnits as vc, encodeFunctionData as E$, formatEther as uC, getAddress as _b, SwitchChainError as SO, numberToHex as EO, UserRejectedRequestError as Cd, withRetry as C$, withTimeout as D$, ResourceUnavailableRpcError as i1, encodePacked as A$, keccak256 as R$ } from "viem";
 import { decodeErrorResult as UZ, encodeFunctionData as jZ, erc20Abi as zZ, formatEther as HZ, formatUnits as WZ, hexToString as VZ, trim as GZ } from "viem";
 import { useAccount as sk, useConfig as O$, useSwitchChain as _$, useReadContract as _m, useBalance as k$, useWalletClient as N$, usePublicClient as cC, useWriteContract as L$, useEstimateFeesPerGas as P$, useBlockNumber as M$, useReadContracts as Xs, useConnect as lk, useWaitForTransactionReceipt as uk, useSimulateContract as I$ } from "wagmi";
@@ -13062,8 +13062,8 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
           var Ke = QE(fe, de.mode, Le);
           return Ke.return = de, Ke;
         } else {
-          var Ve = m(Te, fe);
-          return Ve.return = de, Ve;
+          var Ge = m(Te, fe);
+          return Ge.return = de, Ge;
         }
       }
       function O(de, Te, fe, Le) {
@@ -13076,8 +13076,8 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
         // because hot reloading has different semantics than prod because
         // it doesn't resuspend. So we can't let the call below suspend.
         typeof Ke == "object" && Ke !== null && Ke.$$typeof === vt && MA(Ke) === Te.type)) {
-          var Ve = m(Te, fe.props);
-          return Ve.ref = Ny(de, Te, fe), Ve.return = de, Ve._debugSource = fe._source, Ve._debugOwner = fe._owner, Ve;
+          var Ge = m(Te, fe.props);
+          return Ge.ref = Ny(de, Te, fe), Ge.return = de, Ge._debugSource = fe._source, Ge._debugOwner = fe._owner, Ge;
         }
         var Et = qE(fe, de.mode, Le);
         return Et.ref = Ny(de, Te, fe), Et.return = de, Et;
@@ -13087,14 +13087,14 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
           var Ke = KE(fe, de.mode, Le);
           return Ke.return = de, Ke;
         } else {
-          var Ve = m(Te, fe.children || []);
-          return Ve.return = de, Ve;
+          var Ge = m(Te, fe.children || []);
+          return Ge.return = de, Ge;
         }
       }
       function j(de, Te, fe, Le, Ke) {
         if (Te === null || Te.tag !== M) {
-          var Ve = Rf(fe, de.mode, Le, Ke);
-          return Ve.return = de, Ve;
+          var Ge = Rf(fe, de.mode, Le, Ke);
+          return Ge.return = de, Ge;
         } else {
           var Et = m(Te, fe);
           return Et.return = de, Et;
@@ -13112,8 +13112,8 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
               return Ke.ref = Ny(de, null, Te), Ke.return = de, Ke;
             }
             case wr: {
-              var Ve = KE(Te, de.mode, fe);
-              return Ve.return = de, Ve;
+              var Ge = KE(Te, de.mode, fe);
+              return Ge.return = de, Ge;
             }
             case vt: {
               var Et = Te._payload, $t = Te._init;
@@ -13139,8 +13139,8 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
             case wr:
               return fe.key === Ke ? $(de, Te, fe, Le) : null;
             case vt: {
-              var Ve = fe._payload, Et = fe._init;
-              return ie(de, Te, Et(Ve), Le);
+              var Ge = fe._payload, Et = fe._init;
+              return ie(de, Te, Et(Ge), Le);
             }
           }
           if (Jn(fe) || xt(fe))
@@ -13151,8 +13151,8 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
       }
       function me(de, Te, fe, Le, Ke) {
         if (typeof Le == "string" && Le !== "" || typeof Le == "number") {
-          var Ve = de.get(fe) || null;
-          return C(Te, Ve, "" + Le, Ke);
+          var Ge = de.get(fe) || null;
+          return C(Te, Ge, "" + Le, Ke);
         }
         if (typeof Le == "object" && Le !== null) {
           switch (Le.$$typeof) {
@@ -13198,16 +13198,16 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
               p("Encountered two children with the same key, `%s`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.", Le);
               break;
             case vt:
-              var Ke = de._payload, Ve = de._init;
-              ve(Ve(Ke), Te, fe);
+              var Ke = de._payload, Ge = de._init;
+              ve(Ge(Ke), Te, fe);
               break;
           }
         }
         return Te;
       }
       function be(de, Te, fe, Le) {
-        for (var Ke = null, Ve = 0; Ve < fe.length; Ve++) {
-          var Et = fe[Ve];
+        for (var Ke = null, Ge = 0; Ge < fe.length; Ge++) {
+          var Et = fe[Ge];
           Ke = ve(Et, Ke, de);
         }
         for (var $t = null, In = null, vn = Te, ia = 0, yn = 0, Xr = null; vn !== null && yn < fe.length; yn++) {
@@ -13256,9 +13256,9 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
         {
           typeof Symbol == "function" && // $FlowFixMe Flow doesn't know about toStringTag
           fe[Symbol.toStringTag] === "Generator" && (Xx || p("Using Generators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. Keep in mind you might need to polyfill these features for older browsers."), Xx = !0), fe.entries === Ke && (Kx || p("Using Maps as children is not supported. Use an array of keyed ReactElements instead."), Kx = !0);
-          var Ve = Ke.call(fe);
-          if (Ve)
-            for (var Et = null, $t = Ve.next(); !$t.done; $t = Ve.next()) {
+          var Ge = Ke.call(fe);
+          if (Ge)
+            for (var Et = null, $t = Ge.next(); !$t.done; $t = Ge.next()) {
               var In = $t.value;
               Et = ve(In, Et, de);
             }
@@ -13312,34 +13312,34 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
           return Ke.return = de, Ke;
         }
         l(de, Te);
-        var Ve = QE(fe, de.mode, Le);
-        return Ve.return = de, Ve;
+        var Ge = QE(fe, de.mode, Le);
+        return Ge.return = de, Ge;
       }
       function ut(de, Te, fe, Le) {
-        for (var Ke = fe.key, Ve = Te; Ve !== null; ) {
-          if (Ve.key === Ke) {
+        for (var Ke = fe.key, Ge = Te; Ge !== null; ) {
+          if (Ge.key === Ke) {
             var Et = fe.type;
             if (Et === Qa) {
-              if (Ve.tag === M) {
-                l(de, Ve.sibling);
-                var $t = m(Ve, fe.props.children);
+              if (Ge.tag === M) {
+                l(de, Ge.sibling);
+                var $t = m(Ge, fe.props.children);
                 return $t.return = de, $t._debugSource = fe._source, $t._debugOwner = fe._owner, $t;
               }
-            } else if (Ve.elementType === Et || // Keep this check inline so it only runs on the false path:
-            j2(Ve, fe) || // Lazy types should reconcile their resolved type.
+            } else if (Ge.elementType === Et || // Keep this check inline so it only runs on the false path:
+            j2(Ge, fe) || // Lazy types should reconcile their resolved type.
             // We need to do this after the Hot Reloading check above,
             // because hot reloading has different semantics than prod because
             // it doesn't resuspend. So we can't let the call below suspend.
-            typeof Et == "object" && Et !== null && Et.$$typeof === vt && MA(Et) === Ve.type) {
-              l(de, Ve.sibling);
-              var In = m(Ve, fe.props);
-              return In.ref = Ny(de, Ve, fe), In.return = de, In._debugSource = fe._source, In._debugOwner = fe._owner, In;
+            typeof Et == "object" && Et !== null && Et.$$typeof === vt && MA(Et) === Ge.type) {
+              l(de, Ge.sibling);
+              var In = m(Ge, fe.props);
+              return In.ref = Ny(de, Ge, fe), In.return = de, In._debugSource = fe._source, In._debugOwner = fe._owner, In;
             }
-            l(de, Ve);
+            l(de, Ge);
             break;
           } else
-            r(de, Ve);
-          Ve = Ve.sibling;
+            r(de, Ge);
+          Ge = Ge.sibling;
         }
         if (fe.type === Qa) {
           var vn = Rf(fe.props.children, de.mode, Le, fe.key);
@@ -13350,19 +13350,19 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
         }
       }
       function sn(de, Te, fe, Le) {
-        for (var Ke = fe.key, Ve = Te; Ve !== null; ) {
-          if (Ve.key === Ke)
-            if (Ve.tag === R && Ve.stateNode.containerInfo === fe.containerInfo && Ve.stateNode.implementation === fe.implementation) {
-              l(de, Ve.sibling);
-              var Et = m(Ve, fe.children || []);
+        for (var Ke = fe.key, Ge = Te; Ge !== null; ) {
+          if (Ge.key === Ke)
+            if (Ge.tag === R && Ge.stateNode.containerInfo === fe.containerInfo && Ge.stateNode.implementation === fe.implementation) {
+              l(de, Ge.sibling);
+              var Et = m(Ge, fe.children || []);
               return Et.return = de, Et;
             } else {
-              l(de, Ve);
+              l(de, Ge);
               break;
             }
           else
-            r(de, Ve);
-          Ve = Ve.sibling;
+            r(de, Ge);
+          Ge = Ge.sibling;
         }
         var $t = KE(fe, de.mode, Le);
         return $t.return = de, $t;
@@ -13376,8 +13376,8 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
             case wr:
               return T(sn(de, Te, fe, Le));
             case vt:
-              var Ve = fe._payload, Et = fe._init;
-              return Jt(de, Te, Et(Ve), Le);
+              var Ge = fe._payload, Et = fe._init;
+              return Jt(de, Te, Et(Ge), Le);
           }
           if (Jn(fe))
             return be(de, Te, fe, Le);
@@ -13768,8 +13768,8 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
           if (ut = ut.next, ut === null) {
             if (C = m.shared.pending, C === null)
               break;
-            var Ke = C, Ve = Ke.next;
-            Ke.next = null, ut = Ve, m.lastBaseUpdate = Ke, m.shared.pending = null;
+            var Ke = C, Ge = Ke.next;
+            Ke.next = null, ut = Ge, m.lastBaseUpdate = Ke, m.shared.pending = null;
           }
         } while (!0);
         mt === null && (be = me), m.baseState = be, m.firstBaseUpdate = We, m.lastBaseUpdate = mt;
@@ -16817,8 +16817,8 @@ Check the render method of \`` + c + "`.");
         case R:
           return Wh(r), gE(n, r), n === null && w5(r.stateNode.containerInfo), ki(r), null;
         case F:
-          var Ve = r.type._context;
-          return aS(Ve, r), ki(r), null;
+          var Ge = r.type._context;
+          return aS(Ge, r), ki(r), null;
         case P: {
           var Et = r.type;
           return nc(Et) && bw(r), ki(r), null;
@@ -17757,8 +17757,8 @@ Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-f
             var Te = n.stateNode, fe = n.memoizedState, Le = fe !== null, Ke = n;
             if (Te.isHidden = Le, Le && !Jt && (Ke.mode & Gt) !== ft) {
               rt = Ke;
-              for (var Ve = Ke.child; Ve !== null; )
-                rt = Ve, E6(Ve), Ve = Ve.sibling;
+              for (var Ge = Ke.child; Ge !== null; )
+                rt = Ge, E6(Ge), Ge = Ge.sibling;
             }
             h6(Ke, Le);
           }
@@ -21211,7 +21211,7 @@ function bU(e) {
     t.current = e;
   }, [
     e
-  ]), Ge((...a) => {
+  ]), Ve((...a) => {
     const o = t.current;
     return o == null ? void 0 : o(...a);
   }, []);
@@ -21288,7 +21288,7 @@ Md(function() {
   return yT(/Firefox/i);
 });
 function Rk() {
-  let e = Ct(/* @__PURE__ */ new Map()), t = Ge((u, f, p, h) => {
+  let e = Ct(/* @__PURE__ */ new Map()), t = Ve((u, f, p, h) => {
     let g = h != null && h.once ? (...w) => {
       e.current.delete(p), p(...w);
     } : p;
@@ -21298,11 +21298,11 @@ function Rk() {
       fn: g,
       options: h
     }), u.addEventListener(f, g, h);
-  }, []), a = Ge((u, f, p, h) => {
+  }, []), a = Ve((u, f, p, h) => {
     var g;
     let w = ((g = e.current.get(p)) === null || g === void 0 ? void 0 : g.fn) || p;
     u.removeEventListener(f, w, h), e.current.delete(p);
-  }, []), o = Ge(() => {
+  }, []), o = Ve(() => {
     e.current.forEach((u, f) => {
       a(u.eventTarget, u.type, f, u.options);
     });
@@ -21346,7 +21346,7 @@ function _k(e) {
   let a = bU((o) => {
     e == null || e(o);
   });
-  return Ge((o) => {
+  return Ve((o) => {
     if (o.target instanceof HTMLButtonElement || o.target instanceof HTMLInputElement || o.target instanceof HTMLTextAreaElement || o.target instanceof HTMLSelectElement) {
       t.current.isFocused = !0;
       let u = o.target, f = (p) => {
@@ -21464,13 +21464,13 @@ function FU(e, t, a) {
 }
 function $U(e) {
   let { isDisabled: t, onFocus: a, onBlur: o, onFocusChange: u } = e;
-  const f = Ge((g) => {
+  const f = Ve((g) => {
     if (g.target === g.currentTarget)
       return o && o(g), u && u(!1), !0;
   }, [
     o,
     u
-  ]), p = _k(f), h = Ge((g) => {
+  ]), p = _k(f), h = Ve((g) => {
     const w = Wf(g.target), x = w ? U1(w) : U1();
     g.target === g.currentTarget && x === Ak(g.nativeEvent) && (a && a(g), u && u(!0), p(g));
   }, [
@@ -21488,14 +21488,14 @@ function $U(e) {
 function BU(e) {
   let { isDisabled: t, onBlurWithin: a, onFocusWithin: o, onFocusWithinChange: u } = e, f = Ct({
     isFocusWithin: !1
-  }), { addGlobalListener: p, removeAllGlobalListeners: h } = Rk(), g = Ge((E) => {
+  }), { addGlobalListener: p, removeAllGlobalListeners: h } = Rk(), g = Ve((E) => {
     E.currentTarget.contains(E.target) && f.current.isFocusWithin && !E.currentTarget.contains(E.relatedTarget) && (f.current.isFocusWithin = !1, h(), a && a(E), u && u(!1));
   }, [
     a,
     u,
     f,
     h
-  ]), w = _k(g), x = Ge((E) => {
+  ]), w = _k(g), x = Ve((E) => {
     if (!E.currentTarget.contains(E.target)) return;
     const R = Wf(E.target), A = U1(R);
     if (!f.current.isFocusWithin && A === Ak(E.nativeEvent)) {
@@ -21617,7 +21617,7 @@ function Yg(e = {}) {
   let { autoFocus: t = !1, isTextInput: a, within: o } = e, u = Ct({
     isFocused: !1,
     isFocusVisible: t || Mk()
-  }), [f, p] = Lt(!1), [h, g] = Lt(() => u.current.isFocused && u.current.isFocusVisible), w = Ge(() => g(u.current.isFocused && u.current.isFocusVisible), []), x = Ge((A) => {
+  }), [f, p] = Lt(!1), [h, g] = Lt(() => u.current.isFocused && u.current.isFocusVisible), w = Ve(() => g(u.current.isFocused && u.current.isFocusVisible), []), x = Ve((A) => {
     u.current.isFocused = A, p(A), w();
   }, [
     w
@@ -21779,7 +21779,7 @@ function jr(e, t, ...a) {
 var Ll = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Ll || {}), If = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(If || {});
 function Vn() {
   let e = qU();
-  return Ge((t) => YU({ mergeRefs: e, ...t }), [e]);
+  return Ve((t) => YU({ mergeRefs: e, ...t }), [e]);
 }
 function YU({ ourProps: e, theirProps: t, slot: a, defaultTag: o, features: u, visible: f = !0, name: p, mergeRefs: h }) {
   h = h ?? QU;
@@ -21825,7 +21825,7 @@ function Pb(e, t = {}, a, o, u) {
   return b$(f, Object.assign({}, c1(g, ["ref"]), f !== fo && w, f !== fo && E), x);
 }
 function qU() {
-  let e = Ct([]), t = Ge((a) => {
+  let e = Ct([]), t = Ve((a) => {
     for (let o of e.current) o != null && (typeof o == "function" ? o(a) : o.current = a);
   }, []);
   return (...a) => {
@@ -22337,7 +22337,7 @@ function Lj(e) {
   return e;
 }
 function Qg(e, t) {
-  let a = Fi(), o = RC.get(t), [u, f] = $f(o, Ge((p) => [o.selectors.isTop(p, a), o.selectors.inStack(p, a)], [o, a]));
+  let a = Fi(), o = RC.get(t), [u, f] = $f(o, Ve((p) => [o.selectors.isTop(p, a), o.selectors.inStack(p, a)], [o, a]));
   return ar(() => {
     if (e) return o.actions.push(a), () => o.actions.pop(a);
   }, [o, e, a]), e ? f ? u : !0 : !1;
@@ -22498,7 +22498,7 @@ function lN(e, t, a, o) {
 }
 const e_ = 30;
 function uN(e, t, a) {
-  let o = Ys(a), u = Ge(function(h, g) {
+  let o = Ys(a), u = Ve(function(h, g) {
     if (h.defaultPrevented) return;
     let w = g(h);
     if (w === null || !w.getRootNode().contains(w) || !w.isConnected) return;
@@ -22660,7 +22660,7 @@ function cN(e, t, a = () => [document.body]) {
   });
 }
 function Qj(e = 0) {
-  let [t, a] = Lt(e), o = Ge((g) => a(g), [t]), u = Ge((g) => a((w) => w | g), [t]), f = Ge((g) => (t & g) === g, [t]), p = Ge((g) => a((w) => w & ~g), [a]), h = Ge((g) => a((w) => w ^ g), [a]);
+  let [t, a] = Lt(e), o = Ve((g) => a(g), [t]), u = Ve((g) => a((w) => w | g), [t]), f = Ve((g) => (t & g) === g, [t]), p = Ve((g) => a((w) => w & ~g), [a]), h = Ve((g) => a((w) => w ^ g), [a]);
   return { flags: t, setFlag: o, addFlag: u, hasFlag: f, removeFlag: p, toggleFlag: h };
 }
 var t_, n_;
@@ -24230,7 +24230,7 @@ function cz() {
 }
 function dz() {
   let { getFloatingProps: e, slot: t } = Qt(Zg);
-  return Ge((...a) => Object.assign({}, e(...a), { "data-anchor": t.anchor }), [e, t]);
+  return Ve((...a) => Object.assign({}, e(...a), { "data-anchor": t.anchor }), [e, t]);
 }
 function fz(e = null) {
   e === !1 && (e = null), typeof e == "string" && (e = { to: e });
@@ -24780,7 +24780,7 @@ let y_ = On(function(e, t) {
   ar(() => {
     if (ue) return z.actions.push(o), () => z.actions.pop(o);
   }, [z, o, ue]);
-  let V = $f(z, Ge((Ee) => z.selectors.isTop(Ee, o), [z, o]));
+  let V = $f(z, Ve((Ee) => z.selectors.isTop(Ee, o), [z, o]));
   uN(V, q, (Ee) => {
     Ee.preventDefault(), Z();
   }), Cz(V, B == null ? void 0 : B.defaultView, (Ee) => {
@@ -24993,7 +24993,7 @@ function RH(e, t) {
   var a;
   let o = Fi(), { __demoMode: u = !1, ...f } = e, p = CH({ id: o, __demoMode: u }), h = Ct(null), g = cr(t, DC((V) => {
     h.current = V;
-  })), [w, x, E, R, A] = $f(p, Ge((V) => [V.popoverState, V.button, V.panel, V.buttonId, V.panelId], [])), _ = Bf((a = h.current) != null ? a : x), M = Ys(R), B = Ys(A), X = $e(() => ({ buttonId: M, panelId: B, close: p.actions.close }), [M, B, p]), F = GN(), G = F == null ? void 0 : F.registerPopover, Z = at(() => {
+  })), [w, x, E, R, A] = $f(p, Ve((V) => [V.popoverState, V.button, V.panel, V.buttonId, V.panelId], [])), _ = Bf((a = h.current) != null ? a : x), M = Ys(R), B = Ys(A), X = $e(() => ({ buttonId: M, panelId: B, close: p.actions.close }), [M, B, p]), F = GN(), G = F == null ? void 0 : F.registerPopover, Z = at(() => {
     var V;
     return (V = F == null ? void 0 : F.isFocusWithinPopoverGroup()) != null ? V : (_ == null ? void 0 : _.activeElement) && ((x == null ? void 0 : x.contains(_.activeElement)) || (E == null ? void 0 : E.contains(_.activeElement)));
   });
@@ -25011,12 +25011,12 @@ function RH(e, t) {
   uN(P, k.resolveContainers, (V, H) => {
     p.actions.close(), oN(H, OC.Loose) || (V.preventDefault(), x == null || x.focus());
   });
-  let I = $e(() => ({ open: w === Ta.Open, close: p.actions.refocusableClose }), [w, p]), q = $f(p, Ge((V) => jr(V.popoverState, { [Ta.Open]: sa.Open, [Ta.Closed]: sa.Closed }), [])), W = { ref: g }, z = Vn();
+  let I = $e(() => ({ open: w === Ta.Open, close: p.actions.refocusableClose }), [w, p]), q = $f(p, Ve((V) => jr(V.popoverState, { [Ta.Open]: sa.Open, [Ta.Closed]: sa.Closed }), [])), W = { ref: g }, z = Vn();
   return Re.createElement(aT, { node: le }, Re.createElement(pz, null, Re.createElement(UT.Provider, { value: null }, Re.createElement(VN.Provider, { value: p }, Re.createElement(ET, { value: p.actions.refocusableClose }, Re.createElement(FC, { value: q }, Re.createElement(ue, null, z({ ourProps: W, theirProps: f, slot: I, defaultTag: AH, name: "Popover" }))))))));
 }
 let OH = "button";
 function _H(e, t) {
-  let a = Fi(), { id: o = `headlessui-popover-button-${a}`, disabled: u = !1, autoFocus: f = !1, ...p } = e, h = BT("Popover.Button"), [g, w, x, E, R, A, _] = $f(h, Ge((xe) => [xe.popoverState, h.selectors.isPortalled(xe), xe.button, xe.buttonId, xe.panel, xe.panelId, xe.afterButtonSentinel], [])), M = Ct(null), B = `headlessui-focus-sentinel-${Fi()}`, X = GN(), F = X == null ? void 0 : X.closeOthers, G = DH() !== null;
+  let a = Fi(), { id: o = `headlessui-popover-button-${a}`, disabled: u = !1, autoFocus: f = !1, ...p } = e, h = BT("Popover.Button"), [g, w, x, E, R, A, _] = $f(h, Ve((xe) => [xe.popoverState, h.selectors.isPortalled(xe), xe.button, xe.buttonId, xe.panel, xe.panelId, xe.afterButtonSentinel], [])), M = Ct(null), B = `headlessui-focus-sentinel-${Fi()}`, X = GN(), F = X == null ? void 0 : X.closeOthers, G = DH() !== null;
   pt(() => {
     if (!G) return h.actions.setButtonId(o), () => h.actions.setButtonId(null);
   }, [G, o, h]);
@@ -25069,7 +25069,7 @@ function _H(e, t) {
 }
 let kH = "div", NH = Ll.RenderStrategy | Ll.Static;
 function YN(e, t) {
-  let a = Fi(), { id: o = `headlessui-popover-backdrop-${a}`, transition: u = !1, ...f } = e, p = BT("Popover.Backdrop"), h = $f(p, Ge((X) => X.popoverState, [])), [g, w] = Lt(null), x = cr(t, w), E = Nm(), [R, A] = RT(u, g, E !== null ? (E & sa.Open) === sa.Open : h === Ta.Open), _ = at((X) => {
+  let a = Fi(), { id: o = `headlessui-popover-backdrop-${a}`, transition: u = !1, ...f } = e, p = BT("Popover.Backdrop"), h = $f(p, Ve((X) => X.popoverState, [])), [g, w] = Lt(null), x = cr(t, w), E = Nm(), [R, A] = RT(u, g, E !== null ? (E & sa.Open) === sa.Open : h === Ta.Open), _ = at((X) => {
     if (TT(X.currentTarget)) return X.preventDefault();
     p.actions.close();
   }), M = $e(() => ({ open: h === Ta.Open }), [h]), B = { ref: x, id: o, "aria-hidden": !0, onClick: _, ...AT(A) };
@@ -25077,7 +25077,7 @@ function YN(e, t) {
 }
 let LH = "div", PH = Ll.RenderStrategy | Ll.Static;
 function MH(e, t) {
-  let a = Fi(), { id: o = `headlessui-popover-panel-${a}`, focus: u = !1, anchor: f, portal: p = !1, modal: h = !1, transition: g = !1, ...w } = e, x = BT("Popover.Panel"), E = $f(x, x.selectors.isPortalled), [R, A, _, M, B] = $f(x, Ge((Ee) => [Ee.popoverState, Ee.button, Ee.__demoMode, Ee.beforePanelSentinel, Ee.afterPanelSentinel], [])), X = `headlessui-focus-sentinel-before-${a}`, F = `headlessui-focus-sentinel-after-${a}`, G = Ct(null), Z = uz(f), [ne, ue] = fz(Z), le = dz();
+  let a = Fi(), { id: o = `headlessui-popover-panel-${a}`, focus: u = !1, anchor: f, portal: p = !1, modal: h = !1, transition: g = !1, ...w } = e, x = BT("Popover.Panel"), E = $f(x, x.selectors.isPortalled), [R, A, _, M, B] = $f(x, Ve((Ee) => [Ee.popoverState, Ee.button, Ee.__demoMode, Ee.beforePanelSentinel, Ee.afterPanelSentinel], [])), X = `headlessui-focus-sentinel-before-${a}`, F = `headlessui-focus-sentinel-after-${a}`, G = Ct(null), Z = uz(f), [ne, ue] = fz(Z), le = dz();
   Z && (p = !0);
   let [k, P] = Lt(null), I = cr(G, t, Z ? ne : null, x.actions.setPanel, P), q = Bf(A), W = Bf(G);
   ar(() => (x.actions.setPanelId(o), () => x.actions.setPanelId(null)), [o, x]);
@@ -25185,7 +25185,7 @@ function VH(e, t) {
     je.preventDefault(), q();
   }), z = at((je) => {
     je.key === ur.Space ? (je.preventDefault(), q()) : je.key === ur.Enter && JU(je.currentTarget);
-  }), V = at((je) => je.preventDefault()), H = Xk(), Y = fj(), { isFocusVisible: ee, focusProps: U } = Yg({ autoFocus: _ }), { isHovered: te, hoverProps: ae } = gT({ isDisabled: h }), { pressed: we, pressProps: Oe } = wT({ disabled: h }), Ee = $e(() => ({ checked: ue, disabled: h, hover: te, focus: ee, active: we, autofocus: _, changing: P }), [ue, te, ee, we, h, P, _]), ze = Ff({ id: p, ref: Z, role: "switch", type: DT(e, X), tabIndex: e.tabIndex === -1 ? 0 : (a = e.tabIndex) != null ? a : 0, "aria-checked": ue, "aria-labelledby": H, "aria-describedby": Y, disabled: h || void 0, autoFocus: _, onClick: W, onKeyUp: z, onKeyPress: V }, U, ae, Oe), xe = Ge(() => {
+  }), V = at((je) => je.preventDefault()), H = Xk(), Y = fj(), { isFocusVisible: ee, focusProps: U } = Yg({ autoFocus: _ }), { isHovered: te, hoverProps: ae } = gT({ isDisabled: h }), { pressed: we, pressProps: Oe } = wT({ disabled: h }), Ee = $e(() => ({ checked: ue, disabled: h, hover: te, focus: ee, active: we, autofocus: _, changing: P }), [ue, te, ee, we, h, P, _]), ze = Ff({ id: p, ref: Z, role: "switch", type: DT(e, X), tabIndex: e.tabIndex === -1 ? 0 : (a = e.tabIndex) != null ? a : 0, "aria-checked": ue, "aria-labelledby": H, "aria-describedby": Y, disabled: h || void 0, autoFocus: _, onClick: W, onKeyUp: z, onKeyPress: V }, U, ae, Oe), xe = Ve(() => {
     if (ne !== void 0) return le == null ? void 0 : le(ne);
   }, [le, ne]), Ie = Vn();
   return Re.createElement(Re.Fragment, null, E != null && Re.createElement(aj, { disabled: h, data: { [E]: R || "on" }, overrides: { type: "checkbox", checked: ue }, form: A, onReset: xe }), Ie({ ourProps: ze, theirProps: M, slot: Ee, defaultTag: WH, name: "Switch" }));
@@ -33791,49 +33791,49 @@ const z_ = {
   const [X, F] = Om(
     lG(A),
     cP(t)
-  ), G = Ge(
+  ), G = Ve(
     (V) => {
       F({ type: "SET_POOL_ADDRESS", payload: V }), a == null || a(V);
     },
     [a]
-  ), Z = Ge(
+  ), Z = Ve(
     (V) => {
       F({ type: "UPDATE_SEND_TOKEN_INPUT", payload: V }), o == null || o(V);
     },
     [o]
-  ), ne = Ge(
+  ), ne = Ve(
     (V) => {
       F({ type: "UPDATE_RECEIVE_TOKEN_INPUT", payload: V }), u == null || u(V);
     },
     [u]
-  ), ue = Ge(
+  ), ue = Ve(
     (V) => {
       F({ type: "UPDATE_TRADING_SETTINGS", payload: V }), f == null || f(V);
     },
     [f]
-  ), le = Ge(
+  ), le = Ve(
     (V) => {
       F({ type: "SET_TRADING_TYPE", payload: V }), p == null || p(V);
     },
     [p]
-  ), k = Ge(
+  ), k = Ve(
     (V) => {
       F({ type: "UPDATE_TRADING_MODAL", payload: V }), h == null || h(V);
     },
     [h]
-  ), P = Ge(
+  ), P = Ve(
     (V) => {
       F({ type: "UPDATE_TRADING_TRANSACTIONS", payload: V }), g == null || g(V);
     },
     [g]
-  ), I = Ge((V) => {
+  ), I = Ve((V) => {
     F({ type: "UPDATE_POOL_FALLBACK_DATA", payload: V });
-  }, []), q = Ge(
+  }, []), q = Ve(
     (V) => {
       F({ type: "UPDATE_POOL_CONFIG", payload: V });
     },
     []
-  ), W = Ge((V) => {
+  ), W = Ve((V) => {
     F({ type: "ADD_POOL_CONFIG", payload: V });
   }, []), z = $e(
     () => ({
@@ -33882,7 +33882,7 @@ const z_ = {
   const e = Sr().getSwapData, {
     settings: { selectedAggregators: t }
   } = ms();
-  return Ge(
+  return Ve(
     ({
       signal: a,
       variables: o
@@ -34042,7 +34042,7 @@ const TG = async () => {
     mutation: {
       onSettled: o
     }
-  }), A = Ge(
+  }), A = Ve(
     async (...B) => {
       var X, F, G;
       try {
@@ -34078,7 +34078,7 @@ const TG = async () => {
       x,
       w
     ]
-  ), _ = Ge(
+  ), _ = Ve(
     async (...B) => {
       var X;
       try {
@@ -34117,7 +34117,7 @@ const TG = async () => {
       E,
       p
     ]
-  ), M = Ge(
+  ), M = Ve(
     async (...B) => {
       const { argumentsWithoutOverrides: X, transactionOverrides: F } = k1(B);
       if (F.gas)
@@ -34282,11 +34282,11 @@ const TG = async () => {
   }
   return !1;
 }, RD = () => {
-  const e = fC(), t = Ge(() => {
+  const e = fC(), t = Ve(() => {
     e.invalidateQueries({
       predicate: ({ queryKey: o }) => H_(o, EG)
     });
-  }, [e]), a = Ge(() => {
+  }, [e]), a = Ve(() => {
     e.invalidateQueries({
       predicate: ({ queryKey: o }) => H_(o, SG)
     });
@@ -35496,10 +35496,10 @@ const OP = (e) => e ? `https://raw.githubusercontent.com/dhedge/crypto-icons/mai
   aaveOffchainWithdrawMinValue: 50,
   getFallbackIconPath: OP
 }, LY = () => {
-  const { connect: e } = lk(), t = Ge(
+  const { connect: e } = lk(), t = Ve(
     () => e({ connector: kD({ shimDisconnect: !0 }) }),
     [e]
-  ), a = Ge(async () => (console.log(
+  ), a = Ve(async () => (console.log(
     "terms of use were accepted. Assume `termsOfUseAccepted` config value switch to true"
   ), Promise.resolve(!0)), []);
   return {
@@ -35539,7 +35539,7 @@ const OP = (e) => e ? `https://raw.githubusercontent.com/dhedge/crypto-icons/mai
     throw new Error("ConfigContext is used out of Provider");
   return e;
 }, Cr = () => NP().params, LP = () => NP().actions, ND = () => {
-  const { depositQuoteDiffErrorThreshold: e } = Cr(), [t, a] = Lt(!1), [{ slippage: o, minSlippage: u }] = $i(), f = o === "auto" ? u ?? 0 : o, h = !OD() && f > e && !t, g = Ge(() => {
+  const { depositQuoteDiffErrorThreshold: e } = Cr(), [t, a] = Lt(!1), [{ slippage: o, minSlippage: u }] = $i(), f = o === "auto" ? u ?? 0 : o, h = !OD() && f > e && !t, g = Ve(() => {
     a(!0);
   }, []);
   return { requiresHighSlippageConfirm: h, confirmHighSlippage: g, slippageToBeUsed: f };
@@ -36726,7 +36726,7 @@ const $P = /* @__PURE__ */ ye.forwardRef(eq), KT = ({
   ]);
 }, XT = (e) => {
   const [, t] = Fd(), [, a] = qf(), [, o] = gn(), u = dG();
-  return Ge(
+  return Ve(
     (f, p, h) => {
       if (p) {
         t({
@@ -36834,7 +36834,7 @@ const xq = () => {
     functionName: "approve",
     onSettled: h
   });
-  return Ge(async () => (p({
+  return Ve(async () => (p({
     isOpen: !0,
     status: "Wallet",
     link: "",
@@ -36886,7 +36886,7 @@ const xq = () => {
   });
   return $e(() => f ? !0 : !p || p === BigInt(0) ? !1 : !e || e === "0" ? !0 : new Ze(p.toString()).gte(e), [e, p, f]);
 }, Sq = () => {
-  const [{ isInfiniteAllowance: e }, t] = $i(), a = ED(), o = Ge(
+  const [{ isInfiniteAllowance: e }, t] = $i(), a = ED(), o = Ve(
     (u) => {
       t({ isInfiniteAllowance: u }), a == null || a(Gs.INFINITE_ALLOWANCE_CHANGE, {
         [Vb.IS_INFINITE.NAME]: u ? 1 : 0
@@ -36920,7 +36920,7 @@ const xq = () => {
     address: e,
     chainId: t
   });
-  return Ge(
+  return Ve(
     async ({
       withdrawAmountD18: u,
       slippage: f
@@ -36969,7 +36969,7 @@ const xq = () => {
   chainId: e
 }) => {
   const { account: t = It } = Er(), a = CD();
-  return Ge(
+  return Ve(
     async ({
       swapParams: o,
       slippage: u
@@ -37001,7 +37001,7 @@ const xq = () => {
     address: e,
     chainId: t
   }), f = Eq({ address: e, chainId: t }), p = Rq({ chainId: t });
-  return Ge(
+  return Ve(
     async ({
       withdrawAmountD18: h,
       vaultTokenPrice: g,
@@ -37107,7 +37107,7 @@ const xq = () => {
     u.address,
     f
   ]);
-  return Ge(async () => (h({
+  return Ve(async () => (h({
     type: "add",
     action: g,
     symbol: t.symbol,
@@ -37162,7 +37162,7 @@ const xq = () => {
   assets: e,
   chainId: t
 }) => {
-  const a = Ge(
+  const a = Ve(
     (o) => e.map(({ token: u, balance: f }, p) => {
       var R, A, _, M, B;
       const h = p * Pq, g = h + 1, w = g + 1, x = Number(
@@ -37314,7 +37314,7 @@ const xq = () => {
   return a === "auto" ? t ? o ?? e : e : a;
 };
 function Y_(e, t, a) {
-  const [o, u] = Lt(a), f = rG ? e === "sessionStorage" ? sessionStorage : localStorage : null, p = Ge(
+  const [o, u] = Lt(a), f = rG ? e === "sessionStorage" ? sessionStorage : localStorage : null, p = Ve(
     (h) => {
       try {
         u(h), f == null || f.setItem(t, JSON.stringify(h));
@@ -37349,7 +37349,7 @@ const sM = (e, t) => {
     formatter: Iq,
     chainId: e.chainId
   });
-  return Ge(async () => {
+  return Ve(async () => {
     const p = BigInt(
       new Ze(t.value || "0").shiftedBy(ct).toFixed(0, Ze.ROUND_DOWN)
     ), h = await u({
@@ -37414,7 +37414,7 @@ const sM = (e, t) => {
     onSettled: p
   });
   return {
-    withdraw: Ge(async () => {
+    withdraw: Ve(async () => {
       u({
         type: "add",
         action: f,
@@ -37774,7 +37774,7 @@ const sM = (e, t) => {
     functionName: o,
     onSettled: p
   });
-  return Ge(async () => (a({
+  return Ve(async () => (a({
     type: "add",
     action: Q_,
     symbol: t.symbol,
@@ -38912,7 +38912,7 @@ const mM = /* @__PURE__ */ ye.forwardRef(CQ), hT = ({ children: e }) => /* @__PU
     address: h,
     unitSymbol: g,
     unitAddress: w
-  } = DQ(o), x = Ge(
+  } = DQ(o), x = Ve(
     ({
       fraction: E,
       fractionUsd: R,
@@ -39123,7 +39123,7 @@ const mM = /* @__PURE__ */ ye.forwardRef(CQ), hT = ({ children: e }) => /* @__PU
       ({ symbol: R }) => R.toLowerCase().includes(e)
     ) : h,
     [e, h]
-  ), E = Ge(
+  ), E = Ve(
     ({ address: R, value: A, decimals: _, symbol: M }) => {
       g({ address: R, value: A, decimals: _, symbol: M }), p();
     },
@@ -39220,7 +39220,7 @@ const mM = /* @__PURE__ */ ye.forwardRef(CQ), hT = ({ children: e }) => /* @__PU
   searchQuery: e,
   type: t
 }) => {
-  const a = EY(), o = GT(), u = gt(), { handleReject: f } = Mm({ type: t }), [p] = $d(), h = gn()[1], g = Gn()[1], w = hG()[1], x = Ge(
+  const a = EY(), o = GT(), u = gt(), { handleReject: f } = Mm({ type: t }), [p] = $d(), h = gn()[1], g = Gn()[1], w = hG()[1], x = Ve(
     ({ address: R, value: A, decimals: _, symbol: M }) => {
       (p === "deposit" ? g : h)({ address: R, value: A, decimals: _, symbol: M }), w(R), f();
     },
@@ -39490,7 +39490,7 @@ const mM = /* @__PURE__ */ ye.forwardRef(CQ), hT = ({ children: e }) => /* @__PU
     }
   );
 }, XQ = () => {
-  const [{ availableAggregators: e, selectedAggregators: t }, a] = $i(), o = Ge(
+  const [{ availableAggregators: e, selectedAggregators: t }, a] = $i(), o = Ve(
     (u) => {
       const f = t.includes(u) ? t.filter((p) => p !== u) : [...t, u];
       a({ selectedAggregators: f });
@@ -40096,7 +40096,7 @@ const uK = (e) => {
   const { stablePrecision: t } = Cr(), { firstPart: a, secondPart: o } = JL(
     e,
     IL
-  ), u = Ge(
+  ), u = Ve(
     ({ symbol: f, address: p, rawBalance: h, decimals: g, price: w, balance: x }) => /* @__PURE__ */ D.jsxs("tr", { children: [
       /* @__PURE__ */ D.jsxs("td", { children: [
         /* @__PURE__ */ D.jsx(
@@ -41102,17 +41102,17 @@ const AM = (e) => ({
   const [o, u] = Om(
     vX,
     AM(t)
-  ), f = Ge((R) => {
+  ), f = Ve((R) => {
     u({ type: "SET_TAKE_PROFIT_PRICE", payload: R });
-  }, []), p = Ge((R) => {
+  }, []), p = Ve((R) => {
     u({ type: "SET_STOP_LOSS_PRICE", payload: R });
-  }, []), h = Ge((R) => {
+  }, []), h = Ve((R) => {
     u({ type: "SET_IS_MODAL_OPEN", payload: R });
-  }, []), g = Ge((R) => {
+  }, []), g = Ve((R) => {
     u({ type: "SET_TERMS_ACCEPTED", payload: R });
-  }, []), w = Ge(() => {
+  }, []), w = Ve(() => {
     u({ type: "RESET" });
-  }, []), x = Ge(
+  }, []), x = Ve(
     (R) => {
       u({ type: "SET_PENDING_TRANSACTION", payload: R });
     },
@@ -41382,7 +41382,7 @@ const AM = (e) => ({
   return a ? e : /* @__PURE__ */ D.jsx(ex, { onClick: o, loading: u, children: t.approve });
 }, _M = () => {
   const { setIsModalOpen: e, reset: t, setPendingTransaction: a, onTransactionSettled: o } = v0();
-  return Ge(
+  return Ve(
     (...u) => {
       const [f] = u;
       if (o == null || o(...u), !f)
@@ -41543,7 +41543,7 @@ const AM = (e) => ({
   const t = Dc(), { isWrongNetwork: a, handleNetworkSwitch: o } = $X();
   return a ? /* @__PURE__ */ D.jsx(ex, { onClick: o, children: t.switchNetwork }) : e;
 }, UX = () => {
-  const { isModalOpen: e, pendingTransaction: t } = Xf(), { setIsModalOpen: a } = v0(), o = Ge(() => a(!0), [a]), u = Ge(() => a(!1), [a]);
+  const { isModalOpen: e, pendingTransaction: t } = Xf(), { setIsModalOpen: a } = v0(), o = Ve(() => a(!0), [a]), u = Ve(() => a(!1), [a]);
   return {
     isModalOpen: e,
     onOpen: o,
@@ -41552,7 +41552,7 @@ const AM = (e) => ({
   };
 }, jX = [EM, "allowance"], zX = () => {
   const e = fC();
-  return Ge(() => {
+  return Ve(() => {
     e.invalidateQueries({
       predicate: ({ queryKey: t }) => {
         var o;
@@ -41711,23 +41711,26 @@ const AM = (e) => ({
       children: e
     }
   );
-}, VX = ({
-  children: e
-}) => {
-  const { onOpen: t, isModalOpen: a, onClose: o, isTransactionPending: u } = UX(), f = Dc();
-  return HX(), /* @__PURE__ */ D.jsxs(D.Fragment, { children: [
-    e({ onClick: t, isTransactionPending: u }),
+}, VX = ({ children: e, themeConfig: t }) => {
+  const { onOpen: a, isModalOpen: o, onClose: u, isTransactionPending: f } = UX(), p = Dc();
+  HX();
+  const h = Ve(
+    () => /* @__PURE__ */ D.jsx(WX, { config: t }),
+    [t]
+  );
+  return /* @__PURE__ */ D.jsxs(D.Fragment, { children: [
+    e({ onClick: a, isTransactionPending: f }),
     /* @__PURE__ */ D.jsx(
       fX,
       {
-        isOpen: a,
-        onClose: o,
-        ThemeProvider: WX,
+        isOpen: o,
+        onClose: u,
+        ThemeProvider: h,
         className: "limit-order",
         children: /* @__PURE__ */ D.jsx(
           dX,
           {
-            title: f.limitSellsTitle,
+            title: p.limitSellsTitle,
             className: "dtw-text-[color:var(--limit-order-content-color)] dtw-max-w-[430px]",
             children: /* @__PURE__ */ D.jsxs("div", { className: "dtw-flex dtw-flex-col dtw-gap-2", children: [
               /* @__PURE__ */ D.jsx(CX, {}),
@@ -41749,9 +41752,10 @@ const AM = (e) => ({
   translation: u,
   minAmountInUsd: f = CM,
   isReversedOrder: p = !1,
-  actions: h
+  actions: h,
+  themeConfig: g
 }) => {
-  const g = $e(
+  const w = $e(
     () => ({
       vaultAddress: a,
       vaultChainId: t,
@@ -41761,7 +41765,7 @@ const AM = (e) => ({
     }),
     [a, t, o, p, f]
   );
-  return /* @__PURE__ */ D.jsx(pX, { config: u, children: /* @__PURE__ */ D.jsx(yX, { initialState: g, actions: h, children: /* @__PURE__ */ D.jsx(VX, { children: e }) }) });
+  return /* @__PURE__ */ D.jsx(pX, { config: u, children: /* @__PURE__ */ D.jsx(yX, { initialState: w, actions: h, children: /* @__PURE__ */ D.jsx(VX, { themeConfig: g, children: e }) }) });
 };
 export {
   iV as AAVE_LENDING_POOL_V2_ADDRESS_POLYGON,