@velora-dex/widget 0.6.0 → 0.6.1-dev.1

package/dist/core/index.js

@@ -1,522 +1,1423 @@
-import '../styles.css';/* empty css               */
-import { jotaiStore as e, useAtomValue as t, useSetAtom as n } from "./store.js";
-import { cn as r } from "../lib/utils/index.js";
-import { useTradeMode as i } from "./state/tradeModeAtom.js";
-import { defaultSubConfig as a, defaultWidgetConfig as o, excludeUIAtom as s, useWidgetConfig as c } from "./state/configAtom.js";
-import { apiConfigAtom as l } from "./state/apiConfigAtom.js";
-import { isBridgePrice as u } from "../hooks/swap/prices/delta/queries/useDeltaPriceQuery.js";
-import { useSwapReceiverAddress as d } from "../components/widget/ReceiverAddress/state/receiverAddressAtom.js";
-import { useLimitReceiverAddress as f } from "./limit/state/receiverAddressAtom.js";
-import { useOtcReceiverAddress as p } from "./otc/state/receiverAddressAtom.js";
-import { useWidgetEventsSetter as m, widgetEventsAtom as h } from "./state/widgetEventsAtom.js";
-import { WIDGET_ELEMENT_ID as g, WIDGET_HEIGHT_CLASSNAME as _ } from "./constants.js";
-import { containerAtom as v } from "./state/containerAtom.js";
-import { TokenInput as y } from "../components/widget/TokenInput/index.js";
-import { useTokenFromInputProps as b } from "./inputs/hooks/useTokenFromInputProps.js";
-import { JotaiProvider as x, QueryClientProvider as S, Web3Providers as ee } from "../components/web3/providers.js";
-import { formInputPropsAtom as te, useSetFormInputFromProps as ne } from "./inputs/state/setTokenByAddressAtom.js";
-import { useSwapPrices as C } from "../hooks/swap/prices/useSwapPrices.js";
-import { Updaters as re } from "./Updaters.js";
-import { useTokenToInputProps as w } from "./inputs/hooks/useTokenToInputProps.js";
-import { TokenSwitcher as T } from "../components/widget/TokenSwitcher/TokenSwitcher.js";
-import { useSwapTokenSwitcherProps as E } from "./inputs/hooks/useTokenSwitcherProps.js";
-import { useDrawerContainerHeightTransition as D } from "../components/widget/Drawer/state/useDrawerControls.js";
-import { runSubscriptions as O } from "./subscriptions.js";
-import { PrivyIframeDependency as ie } from "../components/web3/ConnectWallets/privy/iframe.js";
-import { SwapModeSwitcherExpandable as k } from "../components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.js";
-import { useTokenInputsFromPrice as A } from "../hooks/swap/prices/useTokenInputsFromPrice.js";
-import { SwapDetailsExpandable as ae } from "../components/widget/Details/SwapDetailsExpandable.js";
-import { ReceiverAddress as j } from "../components/widget/ReceiverAddress/ReceiverAddress.js";
-import { externalProviderAtom as oe } from "./state/externalProviderAtom.js";
-import { AppHeader as M } from "../components/widget/AppHeader/AppHeader.js";
-import { setSubConfigAtom as se, setWidgetConfigAtom as ce } from "./state/configActionsAtom.js";
-import { PoweredBy as N } from "../components/widget/PoweredBy/PoweredBy.js";
-import { useUnsupportedLimitChain as P } from "./limit/useLimitNotSupported.js";
-import { useUnsupportedOtcChain as F } from "./otc/useOtcNotSupported.js";
-import { useLimitTokenFromInputProps as I } from "./limit/useLimitTokenFromInputProps.js";
-import { useLimitTokenToInputProps as L } from "./limit/useLimitTokenToInputProps.js";
-import { useWidgetButtonExtraProps as R } from "./button/hooks/useWidgetButtonExtraProps.js";
-import { Toaster as z } from "./Toaster.js";
-import { AutoconnectExternalProvider as le } from "../components/web3/ConnectExternalProvider/AutoconnectExternal.js";
-import { SwapTradeFlowScreenButton as B } from "./TradeFlowScreenButton.js";
-import { ConnectWalletDrawerButton as V } from "./ConnectWalletDrawerButton.js";
-import { PriceInput as H } from "../components/widget/LimitPriceInput/index.js";
-import { OrderExpiryInput as U } from "../components/widget/OrderExpiryInput/index.js";
-import { InWidgetDrawerOverlay as ue } from "../components/widget/Drawer/Overlay.js";
-import { LimitOrderButton as de } from "./LimitOrderButton.js";
-import { LimitOrderDetails as W } from "./LimitOrderDetails.js";
-import { useOtcTokenFromInputProps as G } from "./otc/useOtcTokenFromInputProps.js";
-import { useOtcTokenToInputProps as K } from "./otc/useOtcTokenToInputProps.js";
-import { useLimitPriceInputProps as q } from "./limit/useLimitPriceInputProps.js";
-import { useOtcPriceInputProps as fe } from "./otc/useOtcPriceInputProps.js";
-import { OtcOrderButton as J } from "./OtcOrderButton.js";
-import { OtcOrderDetails as Y } from "./OtcOrderDetails.js";
-import { SwapWidgetWarning as pe, WidgetWarning as X } from "./Warnings.js";
-import { useLimitTokenSwitcherProps as me } from "./limit/useLimitTokenSwitcherProps.js";
-import { useOtcTokenSwitcherProps as he } from "./otc/useOtcTokenSwitcherProps.js";
-import { useInitialValue as ge } from "./screen/hooks/useInitialValue.js";
-import { useScreenValue as _e } from "./screen/state/hooks/useScreenValue.js";
-import { MainScreenContainer as ve, SecondaryScreenContainer as ye } from "../components/widget/Screen/ScreenContainer.js";
-import { useCloseScreenOnClickOutside as be } from "./screen/hooks/useOnClickOutside.js";
-import { useResizeObserver as xe } from "./screen/hooks/useResizeObserver.js";
-import { BridgeSelectorExpandable as Se } from "../components/widget/BridgeSelectorExpandable/BridgeSelectorExpandable.js";
-import { c as Z } from "react-compiler-runtime";
-import { useLayoutEffect as Ce, useRef as we } from "react";
-import { useQueryClient as Te } from "@tanstack/react-query";
-import { Fragment as Ee, jsx as Q, jsxs as $ } from "react/jsx-runtime";
-import { useHydrateAtoms as De } from "jotai/utils";
-import { useAccount as Oe } from "wagmi";
-import { queryClientAtom as ke } from "jotai-tanstack-query";
-import { ErrorBoundary as Ae } from "react-error-boundary";
-//#region src/core/index.tsx
-O();
-var je = () => {
-	let e = Z(1), t;
-	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ $(Ee, { children: [
-		/* @__PURE__ */ Q(Ve, {}),
-		/* @__PURE__ */ Q(qe, {}),
-		/* @__PURE__ */ Q(We, {}),
-		/* @__PURE__ */ Q(Qe, {}),
-		/* @__PURE__ */ Q(X, {}),
-		/* @__PURE__ */ Q(pe, {}),
-		/* @__PURE__ */ Q(Xe, {}),
-		/* @__PURE__ */ Q(Ze, {}),
-		/* @__PURE__ */ Q(nt, {})
-	] }), e[0] = t) : t = e[0], t;
-}, Me = () => {
-	let e = Z(8), t = q(), n = P(), i;
-	e[0] === n ? i = e[1] : (i = r("flex gap-4 items-stretch py-2", { "pointer-events-none": n }), e[0] = n, e[1] = i);
-	let a;
-	e[2] === t ? a = e[3] : (a = /* @__PURE__ */ Q("div", {
-		className: "flex-1",
-		children: /* @__PURE__ */ Q(H, { ...t })
-	}), e[2] = t, e[3] = a);
-	let o;
-	e[4] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ Q("div", {
-		className: "flex-1",
-		children: /* @__PURE__ */ Q(U, { type: "limit" })
-	}), e[4] = o) : o = e[4];
-	let s;
-	return e[5] !== i || e[6] !== a ? (s = /* @__PURE__ */ $("div", {
-		className: i,
-		children: [a, o]
-	}), e[5] = i, e[6] = a, e[7] = s) : s = e[7], s;
-}, Ne = () => {
-	let e = Z(8), t = fe(), n = F(), i;
-	e[0] === n ? i = e[1] : (i = r("flex gap-4 items-stretch py-2", { "pointer-events-none": n }), e[0] = n, e[1] = i);
-	let a;
-	e[2] === t ? a = e[3] : (a = /* @__PURE__ */ Q("div", {
-		className: "flex-1",
-		children: /* @__PURE__ */ Q(H, { ...t })
-	}), e[2] = t, e[3] = a);
-	let o;
-	e[4] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ Q("div", {
-		className: "flex-1",
-		children: /* @__PURE__ */ Q(U, { type: "otc" })
-	}), e[4] = o) : o = e[4];
-	let s;
-	return e[5] !== i || e[6] !== a ? (s = /* @__PURE__ */ $("div", {
-		className: i,
-		children: [a, o]
-	}), e[5] = i, e[6] = a, e[7] = s) : s = e[7], s;
-}, Pe = {
-	swap: je,
-	limit: () => {
-		let e = Z(1), t;
-		return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ $(Ee, { children: [
-			/* @__PURE__ */ Q(He, {}),
-			/* @__PURE__ */ Q(Je, {}),
-			/* @__PURE__ */ Q(Ge, {}),
-			/* @__PURE__ */ Q(Me, {}),
-			/* @__PURE__ */ Q(et, {}),
-			/* @__PURE__ */ Q(X, {}),
-			/* @__PURE__ */ Q(de, {}),
-			/* @__PURE__ */ Q(W, {})
-		] }), e[0] = t) : t = e[0], t;
-	},
-	otc: () => {
-		let e = Z(1), t;
-		return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ $(Ee, { children: [
-			/* @__PURE__ */ Q(Ue, {}),
-			/* @__PURE__ */ Q(Ye, {}),
-			/* @__PURE__ */ Q(Ke, {}),
-			/* @__PURE__ */ Q(Ne, {}),
-			/* @__PURE__ */ Q($e, {}),
-			/* @__PURE__ */ Q(X, {}),
-			/* @__PURE__ */ Q(J, {}),
-			/* @__PURE__ */ Q(Y, {})
-		] }), e[0] = t) : t = e[0], t;
-	}
-}, Fe = () => {
-	let e = Z(2), t = Pe[i()], n;
-	return e[0] === t ? n = e[1] : (n = /* @__PURE__ */ Q(t, {}), e[0] = t, e[1] = n), n;
-}, Ie = () => {
-	let e = Z(7), n = t(s), { screenElement: r } = _e(), i;
-	e[0] === r ? i = e[1] : (i = r ? /* @__PURE__ */ Q(ye, { children: r }) : /* @__PURE__ */ $(ve, { children: [
-		/* @__PURE__ */ Q(Be, {}),
-		/* @__PURE__ */ Q(Fe, {}),
-		/* @__PURE__ */ Q(N, {})
-	] }), e[0] = r, e[1] = i);
-	let a;
-	e[2] === n ? a = e[3] : (a = !n.includes("snackbars") && /* @__PURE__ */ Q(z, {}), e[2] = n, e[3] = a);
-	let o;
-	return e[4] !== i || e[5] !== a ? (o = /* @__PURE__ */ $(ze, { children: [i, a] }), e[4] = i, e[5] = a, e[6] = o) : o = e[6], o;
-}, Le = (t) => {
-	let r = Z(86), { config: i, apiConfig: s, provider: c, events: u, input: d } = t, f = Te(), p = n(ce), g = n(se), _ = n(l), v;
-	r[0] === i ? v = r[1] : (v = i || {}, r[0] = i, r[1] = v);
-	let y, b, x, S, C, w, T, E;
-	r[2] === v ? (y = r[3], b = r[4], x = r[5], S = r[6], C = r[7], w = r[8], T = r[9], E = r[10]) : ({srcChains: w, destChains: b, tokenLists: T, tradeModes: E, excludeUI: S, devURLs: x, partnerConfig: C, ...y} = v, r[2] = v, r[3] = y, r[4] = b, r[5] = x, r[6] = S, r[7] = C, r[8] = w, r[9] = T, r[10] = E);
-	let D;
-	r[11] === y ? D = r[12] : (D = [ce, {
-		...o,
-		...y
-	}], r[11] = y, r[12] = D);
-	let O;
-	r[13] !== b || r[14] !== x || r[15] !== S || r[16] !== C || r[17] !== w || r[18] !== T || r[19] !== E ? (O = [se, {
-		...a,
-		srcChains: w,
-		destChains: b,
-		tokenLists: T,
-		tradeModes: E,
-		excludeUI: S,
-		devURLs: x,
-		partnerConfig: C
-	}], r[13] = b, r[14] = x, r[15] = S, r[16] = C, r[17] = w, r[18] = T, r[19] = E, r[20] = O) : O = r[20];
-	let k;
-	r[21] === s ? k = r[22] : (k = s || {}, r[21] = s, r[22] = k);
-	let A;
-	r[23] === k ? A = r[24] : (A = [l, k], r[23] = k, r[24] = A);
-	let ae = c || null, j;
-	r[25] === ae ? j = r[26] : (j = [oe, ae], r[25] = ae, r[26] = j);
-	let M;
-	r[27] === u ? M = r[28] : (M = u || {}, r[27] = u, r[28] = M);
-	let N;
-	r[29] === M ? N = r[30] : (N = [h, M], r[29] = M, r[30] = N);
-	let P;
-	r[31] === d ? P = r[32] : (P = d || {}, r[31] = d, r[32] = P);
-	let F;
-	r[33] === P ? F = r[34] : (F = [te, P], r[33] = P, r[34] = F);
-	let I;
-	r[35] === f ? I = r[36] : (I = [ke, f], r[35] = f, r[36] = I);
-	let L;
-	r[37] !== F || r[38] !== I || r[39] !== D || r[40] !== O || r[41] !== A || r[42] !== j || r[43] !== N ? (L = [
-		D,
-		O,
-		A,
-		j,
-		N,
-		F,
-		I
-	], r[37] = F, r[38] = I, r[39] = D, r[40] = O, r[41] = A, r[42] = j, r[43] = N, r[44] = L) : L = r[44];
-	let R;
-	r[45] === Symbol.for("react.memo_cache_sentinel") ? (R = { store: e }, r[45] = R) : R = r[45], De(L, R), m(u), ne(d);
-	let z, B;
-	r[46] !== y.debug || r[47] !== y.enableCrossChain || r[48] !== y.enableDegenMode || r[49] !== y.enableDelta || r[50] !== y.privyAppId || r[51] !== y.privyClientId || r[52] !== y.theme || r[53] !== y.widgetMode || r[54] !== p ? (z = () => {
-		p({
-			theme: y.theme,
-			enableDelta: y.enableDelta,
-			enableCrossChain: y.enableCrossChain,
-			privyAppId: y.privyAppId,
-			privyClientId: y.privyClientId,
-			debug: y.debug,
-			widgetMode: y.widgetMode,
-			enableDegenMode: y.enableDegenMode
-		});
-	}, B = [
-		y.theme,
-		y.enableDelta,
-		y.enableCrossChain,
-		y.privyAppId,
-		y.privyClientId,
-		y.debug,
-		y.widgetMode,
-		y.enableDegenMode,
-		p
-	], r[46] = y.debug, r[47] = y.enableCrossChain, r[48] = y.enableDegenMode, r[49] = y.enableDelta, r[50] = y.privyAppId, r[51] = y.privyClientId, r[52] = y.theme, r[53] = y.widgetMode, r[54] = p, r[55] = z, r[56] = B) : (z = r[55], B = r[56]), Ce(z, B);
-	let V, H;
-	r[57] !== b || r[58] !== x || r[59] !== S || r[60] !== C || r[61] !== g || r[62] !== w || r[63] !== T || r[64] !== E ? (V = () => {
-		g({
-			srcChains: w,
-			destChains: b,
-			tokenLists: T,
-			tradeModes: E,
-			excludeUI: S,
-			devURLs: x,
-			partnerConfig: C
-		});
-	}, H = [
-		w,
-		b,
-		T,
-		g,
-		E,
-		S,
-		x,
-		C
-	], r[57] = b, r[58] = x, r[59] = S, r[60] = C, r[61] = g, r[62] = w, r[63] = T, r[64] = E, r[65] = V, r[66] = H) : (V = r[65], H = r[66]), Ce(V, H);
-	let U;
-	r[67] !== s?.apiKey || r[68] !== s?.headers || r[69] !== _ ? (U = () => {
-		_({
-			apiKey: s?.apiKey,
-			headers: s?.headers
-		});
-	}, r[67] = s?.apiKey, r[68] = s?.headers, r[69] = _, r[70] = U) : U = r[70];
-	let ue = s?.apiKey, de = s?.headers, W;
-	r[71] !== _ || r[72] !== ue || r[73] !== de ? (W = [
-		ue,
-		de,
-		_
-	], r[71] = _, r[72] = ue, r[73] = de, r[74] = W) : W = r[74], Ce(U, W);
-	let G = n(oe), K, q;
-	r[75] !== c || r[76] !== G ? (K = () => {
-		G(c || null);
-	}, q = [c, G], r[75] = c, r[76] = G, r[77] = K, r[78] = q) : (K = r[77], q = r[78]), Ce(K, q);
-	let fe = ge(y?.widgetMode !== "dapp"), J, Y, pe, X, me;
-	r[79] === Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ Q(le, {}), Y = /* @__PURE__ */ Q(ie, {}), pe = /* @__PURE__ */ Q(re, {}), X = /* @__PURE__ */ Q(Ie, {}), me = !1, r[79] = J, r[80] = Y, r[81] = pe, r[82] = X, r[83] = me) : (J = r[79], Y = r[80], pe = r[81], X = r[82], me = r[83]);
-	let he;
-	return r[84] === fe ? he = r[85] : (he = /* @__PURE__ */ $(ee, {
-		reconnectOnMount: fe,
-		children: [
-			J,
-			Y,
-			pe,
-			X,
-			me
-		]
-	}), r[84] = fe, r[85] = he), he;
-}, Re = (e) => {
-	let t = Z(6), { config: n, apiConfig: r, provider: i, events: a, input: o } = e, s;
-	return t[0] !== r || t[1] !== n || t[2] !== a || t[3] !== o || t[4] !== i ? (s = /* @__PURE__ */ Q(x, { children: /* @__PURE__ */ Q(S, { children: /* @__PURE__ */ Q(Le, {
-		config: n,
-		apiConfig: r,
-		provider: i,
-		events: a,
-		input: o
-	}) }) }), t[0] = r, t[1] = n, t[2] = a, t[3] = o, t[4] = i, t[5] = s) : s = t[5], s;
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { d as distExports } from '../_virtual/index.js';
+import '../styles.css';/* empty css                   */
+import { TokenInput } from '../components/widget/TokenInput/index.js';
+import { useTokenFromInputProps } from './inputs/hooks/useTokenFromInputProps.js';
+import '../components/ui/button.js';
+import { JotaiProvider, QueryClientProvider, Web3Providers } from '../components/web3/providers.js';
+import { useAccount } from 'wagmi';
+import { WIDGET_HEIGHT_CLASSNAME, WIDGET_ELEMENT_ID } from './constants.js';
+import { Updaters } from './Updaters.js';
+import { useTokenToInputProps } from './inputs/hooks/useTokenToInputProps.js';
+import { TokenSwitcher } from '../components/widget/TokenSwitcher/TokenSwitcher.js';
+import { cn } from '../lib/utils/index.js';
+import { useSwapTokenSwitcherProps } from './inputs/hooks/useTokenSwitcherProps.js';
+import { runSubscriptions } from './subscriptions.js';
+import { PrivyIframeDependency } from '../components/web3/ConnectWallets/privy/iframe.js';
+import { SwapModeSwitcherExpandable } from '../components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.js';
+import { useTokenInputsFromPrice } from '../hooks/swap/prices/useTokenInputsFromPrice.js';
+import { SwapDetailsExpandable } from '../components/widget/Details/SwapDetailsExpandable.js';
+import { ReceiverAddress } from '../components/widget/ReceiverAddress/ReceiverAddress.js';
+import { useSetAtom, jotaiStore, useAtomValue } from './store.js';
+import { useHydrateAtoms } from 'jotai/utils';
+import { containerAtom } from './state/containerAtom.js';
+import { AppHeader } from '../components/widget/AppHeader/AppHeader.js';
+import { useLayoutEffect, useRef } from 'react';
+import { defaultWidgetConfig, defaultSubConfig, excludeUIAtom, useWidgetConfig } from './state/configAtom.js';
+import { setWidgetConfigAtom, setSubConfigAtom } from './state/configActionsAtom.js';
+import { PoweredBy } from '../components/widget/PoweredBy/PoweredBy.js';
+import { useWidgetButtonExtraProps, useTwapButtonExtraProps } from './button/hooks/useWidgetButtonExtraProps.js';
+import { useSwapPrices } from '../hooks/swap/prices/useSwapPrices.js';
+import { Toaster } from './Toaster.js';
+import { externalProviderAtom } from './state/externalProviderAtom.js';
+import { AutoconnectExternalProvider } from '../components/web3/ConnectExternalProvider/AutoconnectExternal.js';
+import { SwapTradeFlowScreenButton, TwapTradeFlowScreenButton } from './TradeFlowScreenButton.js';
+import { ConnectWalletDrawerButton } from './ConnectWalletDrawerButton.js';
+import { PriceInput } from '../components/widget/LimitPriceInput/index.js';
+import { OrderExpiryInput } from '../components/widget/OrderExpiryInput/index.js';
+import { useLimitTokenToInputProps } from './limit/useLimitTokenToInputProps.js';
+import { useLimitTokenFromInputProps } from './limit/useLimitTokenFromInputProps.js';
+import { useTradeMode } from './state/tradeModeAtom.js';
+import { useDrawerContainerHeightTransition } from '../components/widget/Drawer/state/useDrawerControls.js';
+import { InWidgetDrawerOverlay } from '../components/widget/Drawer/Overlay.js';
+import { LimitOrderButton } from './LimitOrderButton.js';
+import { LimitOrderDetails } from './LimitOrderDetails.js';
+import { useOtcTokenFromInputProps } from './otc/useOtcTokenFromInputProps.js';
+import { useOtcTokenToInputProps } from './otc/useOtcTokenToInputProps.js';
+import { useLimitPriceInputProps } from './limit/useLimitPriceInputProps.js';
+import { useOtcPriceInputProps } from './otc/useOtcPriceInputProps.js';
+import { OtcOrderButton } from './OtcOrderButton.js';
+import { OtcOrderDetails } from './OtcOrderDetails.js';
+import { WidgetWarning, SwapWidgetWarning, TwapWidgetWarning } from './Warnings.js';
+import { useUnsupportedLimitChain } from './limit/useLimitNotSupported.js';
+import { useUnsupportedOtcChain } from './otc/useOtcNotSupported.js';
+import { useLimitTokenSwitcherProps } from './limit/useLimitTokenSwitcherProps.js';
+import { useOtcTokenSwitcherProps } from './otc/useOtcTokenSwitcherProps.js';
+import { useTwapTokenFromInputProps } from './twap/useTwapTokenFromInputProps.js';
+import { useTwapTokenToInputProps } from './twap/useTwapTokenToInputProps.js';
+import { useTwapTokenSwitcherProps } from './twap/useTwapTokenSwitcherProps.js';
+import { TwapOrderDuration } from '../components/widget/Twap/OrderDuration.js';
+import { TwapOrderSplit } from '../components/widget/Twap/OrderSplit.js';
+import { TwapRateProtection } from '../components/widget/Twap/RateProtection.js';
+import { TwapDetails } from './TwapDetails.js';
+import { useTokenInputsFromTwapPrice } from '../hooks/swap/prices/useTokenInputsFromTwapPrice.js';
+import { useSwapReceiverAddress } from '../components/widget/ReceiverAddress/state/receiverAddressAtom.js';
+import { useOtcReceiverAddress } from './otc/state/receiverAddressAtom.js';
+import { useWidgetEventsSetter, widgetEventsAtom } from './state/widgetEventsAtom.js';
+import { useSetFormInputFromProps, formInputPropsAtom } from './inputs/state/setTokenByAddressAtom.js';
+import { queryClientAtom } from 'jotai-tanstack-query';
+import { useQueryClient } from '@tanstack/react-query';
+import { useScreenValue } from './screen/state/hooks/useScreenValue.js';
+import { SecondaryScreenContainer, MainScreenContainer } from '../components/widget/Screen/ScreenContainer.js';
+import { useCloseScreenOnClickOutside } from './screen/hooks/useOnClickOutside.js';
+import { useResizeObserver } from './screen/hooks/useResizeObserver.js';
+import { useLimitReceiverAddress } from './limit/state/receiverAddressAtom.js';
+import { isBridgePrice } from '../hooks/swap/prices/delta/queries/useDeltaPriceQuery.js';
+import { BridgeSelectorExpandable } from '../components/widget/BridgeSelectorExpandable/BridgeSelectorExpandable.js';
+import { ErrorBoundary } from 'react-error-boundary';
+import { useInitialValue } from './screen/hooks/useInitialValue.js';
+import { apiConfigAtom } from './state/apiConfigAtom.js';
+
+runSubscriptions();
+const SwapScreen = () => {
+  const $ = distExports.c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(SwapTokenFromInput, {}),
+      /* @__PURE__ */ jsx(SwapTokenSwitcher, {}),
+      /* @__PURE__ */ jsx(SwapTokenToInput, {}),
+      /* @__PURE__ */ jsx(SwapReceiverAddress, {}),
+      /* @__PURE__ */ jsx(WidgetWarning, {}),
+      /* @__PURE__ */ jsx(SwapWidgetWarning, {}),
+      /* @__PURE__ */ jsx(SwapButton, {}),
+      /* @__PURE__ */ jsx(SwapDetails, {}),
+      /* @__PURE__ */ jsx(SwapModeSwitcher, {})
+    ] });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+const LimitOrderExtraInputs = () => {
+  const $ = distExports.c(8);
+  const priceInputProps = useLimitPriceInputProps();
+  const unsupportedChain = useUnsupportedLimitChain();
+  let t0;
+  if ($[0] !== unsupportedChain) {
+    t0 = cn("flex gap-4 items-stretch py-2", {
+      "pointer-events-none": unsupportedChain
+    });
+    $[0] = unsupportedChain;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== priceInputProps) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(PriceInput, { ...priceInputProps }) });
+    $[2] = priceInputProps;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(OrderExpiryInput, { type: "limit" }) });
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== t0 || $[6] !== t1) {
+    t3 = /* @__PURE__ */ jsxs("div", { className: t0, children: [
+      t1,
+      t2
+    ] });
+    $[5] = t0;
+    $[6] = t1;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+};
+const OtcOrderExtraInputs = () => {
+  const $ = distExports.c(8);
+  const priceInputProps = useOtcPriceInputProps();
+  const unsupportedChain = useUnsupportedOtcChain();
+  let t0;
+  if ($[0] !== unsupportedChain) {
+    t0 = cn("flex gap-4 items-stretch py-2", {
+      "pointer-events-none": unsupportedChain
+    });
+    $[0] = unsupportedChain;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== priceInputProps) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(PriceInput, { ...priceInputProps }) });
+    $[2] = priceInputProps;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(OrderExpiryInput, { type: "otc" }) });
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== t0 || $[6] !== t1) {
+    t3 = /* @__PURE__ */ jsxs("div", { className: t0, children: [
+      t1,
+      t2
+    ] });
+    $[5] = t0;
+    $[6] = t1;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+};
+const LimitOrderScreen = () => {
+  const $ = distExports.c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(LimitTokenFromInput, {}),
+      /* @__PURE__ */ jsx(LimitTokenSwitcher, {}),
+      /* @__PURE__ */ jsx(LimitTokenToInput, {}),
+      /* @__PURE__ */ jsx(LimitOrderExtraInputs, {}),
+      /* @__PURE__ */ jsx(LimitReceiverAddress, {}),
+      /* @__PURE__ */ jsx(WidgetWarning, {}),
+      /* @__PURE__ */ jsx(LimitOrderButton, {}),
+      /* @__PURE__ */ jsx(LimitOrderDetails, {})
+    ] });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+const OtcOrderScreen = () => {
+  const $ = distExports.c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(OtcTokenFromInput, {}),
+      /* @__PURE__ */ jsx(OtcTokenSwitcher, {}),
+      /* @__PURE__ */ jsx(OtcTokenToInput, {}),
+      /* @__PURE__ */ jsx(OtcOrderExtraInputs, {}),
+      /* @__PURE__ */ jsx(OtcReceiverAddress, {}),
+      /* @__PURE__ */ jsx(WidgetWarning, {}),
+      /* @__PURE__ */ jsx(OtcOrderButton, {}),
+      /* @__PURE__ */ jsx(OtcOrderDetails, {})
+    ] });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
 };
-function ze(e) {
-	let t = Z(12), { children: i } = e, a = n(v), o = we(null);
-	be(o), xe(o);
-	let s = c(), { isDrawerFullCover: l, isDrawerOpen: u } = D(o), d = u && !l, f = s.theme === "dark", p;
-	t[0] === f ? p = t[1] : (p = r("velora-widget", { dark: f }), t[0] = f, t[1] = p);
-	let m;
-	t[2] === d ? m = t[3] : (m = /* @__PURE__ */ Q(ue, { open: d }), t[2] = d, t[3] = m);
-	let h;
-	t[4] === Symbol.for("react.memo_cache_sentinel") ? (h = r("overflow-hidden bottom-0 left-0 right-0 absolute transition-transform duration-500 z-11 pointer-events-none [&>*]:pointer-events-auto", _), t[4] = h) : h = t[4];
-	let y;
-	t[5] === a ? y = t[6] : (y = /* @__PURE__ */ Q("div", {
-		className: h,
-		ref: a
-	}), t[5] = a, t[6] = y);
-	let b;
-	return t[7] !== i || t[8] !== p || t[9] !== m || t[10] !== y ? (b = /* @__PURE__ */ $("div", {
-		ref: o,
-		className: p,
-		id: g,
-		children: [
-			m,
-			y,
-			i
-		]
-	}), t[7] = i, t[8] = p, t[9] = m, t[10] = y, t[11] = b) : b = t[11], b;
+const TwapExtraInputs = () => {
+  const $ = distExports.c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 pt-4", children: [
+      /* @__PURE__ */ jsx(TwapOrderDuration, {}),
+      /* @__PURE__ */ jsx(TwapOrderSplit, {}),
+      /* @__PURE__ */ jsx(TwapRateProtection, {})
+    ] });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+function TwapButton() {
+  const $ = distExports.c(23);
+  const {
+    isConnected
+  } = useAccount();
+  const overrides = useTokenInputsFromTwapPrice();
+  let t0;
+  if ($[0] !== overrides.isLoading || $[1] !== overrides.tokenFromAmount) {
+    t0 = {
+      override: overrides.tokenFromAmount,
+      isPriceLoading: overrides.isLoading
+    };
+    $[0] = overrides.isLoading;
+    $[1] = overrides.tokenFromAmount;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const tokenFromInputProps = useTwapTokenFromInputProps(t0);
+  let t1;
+  if ($[3] !== overrides.cachedError || $[4] !== overrides.isLoading || $[5] !== overrides.tokenToAmount) {
+    t1 = {
+      override: overrides.tokenToAmount,
+      isPriceLoading: overrides.isLoading,
+      priceError: overrides.cachedError
+    };
+    $[3] = overrides.cachedError;
+    $[4] = overrides.isLoading;
+    $[5] = overrides.tokenToAmount;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  const tokenToInputProps = useTwapTokenToInputProps(t1);
+  let t2;
+  if ($[7] !== overrides.side || $[8] !== tokenFromInputProps.amount || $[9] !== tokenFromInputProps.token || $[10] !== tokenToInputProps.amount || $[11] !== tokenToInputProps.token) {
+    t2 = tokenFromInputProps.token && tokenToInputProps.token ? {
+      fromToken: tokenFromInputProps.token,
+      toToken: tokenToInputProps.token,
+      fromAmount: tokenFromInputProps.amount,
+      toAmount: tokenToInputProps.amount,
+      swapSide: overrides.side
+    } : void 0;
+    $[7] = overrides.side;
+    $[8] = tokenFromInputProps.amount;
+    $[9] = tokenFromInputProps.token;
+    $[10] = tokenToInputProps.amount;
+    $[11] = tokenToInputProps.token;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  const orderProps = t2;
+  let t3;
+  if ($[13] !== tokenFromInputProps.token || $[14] !== tokenToInputProps.token) {
+    t3 = {
+      tokenFrom: tokenFromInputProps.token,
+      tokenTo: tokenToInputProps.token
+    };
+    $[13] = tokenFromInputProps.token;
+    $[14] = tokenToInputProps.token;
+    $[15] = t3;
+  } else {
+    t3 = $[15];
+  }
+  const extraProps = useTwapButtonExtraProps(t3);
+  if (!isConnected) {
+    let t42;
+    if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+      t42 = /* @__PURE__ */ jsx(ConnectWalletDrawerButton, {});
+      $[16] = t42;
+    } else {
+      t42 = $[16];
+    }
+    return t42;
+  }
+  let t4;
+  if ($[17] !== extraProps.className || $[18] !== extraProps.disabled || $[19] !== extraProps.labelOverride || $[20] !== orderProps || $[21] !== overrides.price) {
+    t4 = /* @__PURE__ */ jsx(TwapTradeFlowScreenButton, { orderProps, twapPrice: overrides.price, disabled: extraProps.disabled, labelOverride: extraProps.labelOverride, className: extraProps.className });
+    $[17] = extraProps.className;
+    $[18] = extraProps.disabled;
+    $[19] = extraProps.labelOverride;
+    $[20] = orderProps;
+    $[21] = overrides.price;
+    $[22] = t4;
+  } else {
+    t4 = $[22];
+  }
+  return t4;
 }
-function Be() {
-	let e = Z(1), t;
-	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ Q(M, { classes: { root: "mb-4" } }), e[0] = t) : t = e[0], t;
+const TwapScreen = () => {
+  const $ = distExports.c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(TwapTokenFromInput, {}),
+      /* @__PURE__ */ jsx(TwapTokenSwitcher, {}),
+      /* @__PURE__ */ jsx(TwapTokenToInput, {}),
+      /* @__PURE__ */ jsx(TwapExtraInputs, {}),
+      /* @__PURE__ */ jsx(WidgetWarning, {}),
+      /* @__PURE__ */ jsx(TwapWidgetWarning, {}),
+      /* @__PURE__ */ jsx(TwapDetails, {}),
+      /* @__PURE__ */ jsx(TwapButton, {})
+    ] });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+const tradeModeToScreen = {
+  swap: SwapScreen,
+  limit: LimitOrderScreen,
+  otc: OtcOrderScreen,
+  twap: TwapScreen
+};
+const MainScreen = () => {
+  const $ = distExports.c(2);
+  const tradeMode = useTradeMode();
+  const TradeModeScreen = tradeModeToScreen[tradeMode];
+  let t0;
+  if ($[0] !== TradeModeScreen) {
+    t0 = /* @__PURE__ */ jsx(TradeModeScreen, {});
+    $[0] = TradeModeScreen;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
+const App = () => {
+  const $ = distExports.c(7);
+  const excludeUI = useAtomValue(excludeUIAtom);
+  const {
+    screenElement
+  } = useScreenValue();
+  let t0;
+  if ($[0] !== screenElement) {
+    t0 = screenElement ? /* @__PURE__ */ jsx(SecondaryScreenContainer, { children: screenElement }) : /* @__PURE__ */ jsxs(MainScreenContainer, { children: [
+      /* @__PURE__ */ jsx(WidgetHeader, {}),
+      /* @__PURE__ */ jsx(MainScreen, {}),
+      /* @__PURE__ */ jsx(PoweredBy, {})
+    ] });
+    $[0] = screenElement;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== excludeUI) {
+    t1 = !excludeUI.includes("snackbars") && /* @__PURE__ */ jsx(Toaster, {});
+    $[2] = excludeUI;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== t0 || $[5] !== t1) {
+    t2 = /* @__PURE__ */ jsxs(Containers, { children: [
+      t0,
+      t1
+    ] });
+    $[4] = t0;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+};
+const WidgetBase = (t0) => {
+  const $ = distExports.c(86);
+  const {
+    config: _config,
+    apiConfig,
+    provider,
+    events,
+    input: formInputProps
+  } = t0;
+  const queryClient = useQueryClient();
+  const setWidgetConfig = useSetAtom(setWidgetConfigAtom);
+  const setSubConfig = useSetAtom(setSubConfigAtom);
+  const setApiConfig = useSetAtom(apiConfigAtom);
+  let t1;
+  if ($[0] !== _config) {
+    t1 = _config || {};
+    $[0] = _config;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let config;
+  let destChains;
+  let devURLs;
+  let excludeUI;
+  let partnerConfig;
+  let srcChains;
+  let tokenLists;
+  let tradeModes;
+  if ($[2] !== t1) {
+    ({
+      srcChains,
+      destChains,
+      tokenLists,
+      tradeModes,
+      excludeUI,
+      devURLs,
+      partnerConfig,
+      ...config
+    } = t1);
+    $[2] = t1;
+    $[3] = config;
+    $[4] = destChains;
+    $[5] = devURLs;
+    $[6] = excludeUI;
+    $[7] = partnerConfig;
+    $[8] = srcChains;
+    $[9] = tokenLists;
+    $[10] = tradeModes;
+  } else {
+    config = $[3];
+    destChains = $[4];
+    devURLs = $[5];
+    excludeUI = $[6];
+    partnerConfig = $[7];
+    srcChains = $[8];
+    tokenLists = $[9];
+    tradeModes = $[10];
+  }
+  let t2;
+  if ($[11] !== config) {
+    t2 = [setWidgetConfigAtom, {
+      ...defaultWidgetConfig,
+      ...config
+    }];
+    $[11] = config;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  let t3;
+  if ($[13] !== destChains || $[14] !== devURLs || $[15] !== excludeUI || $[16] !== partnerConfig || $[17] !== srcChains || $[18] !== tokenLists || $[19] !== tradeModes) {
+    t3 = [setSubConfigAtom, {
+      ...defaultSubConfig,
+      srcChains,
+      destChains,
+      tokenLists,
+      tradeModes,
+      excludeUI,
+      devURLs,
+      partnerConfig
+    }];
+    $[13] = destChains;
+    $[14] = devURLs;
+    $[15] = excludeUI;
+    $[16] = partnerConfig;
+    $[17] = srcChains;
+    $[18] = tokenLists;
+    $[19] = tradeModes;
+    $[20] = t3;
+  } else {
+    t3 = $[20];
+  }
+  let t4;
+  if ($[21] !== apiConfig) {
+    t4 = apiConfig || {};
+    $[21] = apiConfig;
+    $[22] = t4;
+  } else {
+    t4 = $[22];
+  }
+  let t5;
+  if ($[23] !== t4) {
+    t5 = [apiConfigAtom, t4];
+    $[23] = t4;
+    $[24] = t5;
+  } else {
+    t5 = $[24];
+  }
+  const t6 = provider || null;
+  let t7;
+  if ($[25] !== t6) {
+    t7 = [externalProviderAtom, t6];
+    $[25] = t6;
+    $[26] = t7;
+  } else {
+    t7 = $[26];
+  }
+  let t8;
+  if ($[27] !== events) {
+    t8 = events || {};
+    $[27] = events;
+    $[28] = t8;
+  } else {
+    t8 = $[28];
+  }
+  let t9;
+  if ($[29] !== t8) {
+    t9 = [widgetEventsAtom, t8];
+    $[29] = t8;
+    $[30] = t9;
+  } else {
+    t9 = $[30];
+  }
+  let t10;
+  if ($[31] !== formInputProps) {
+    t10 = formInputProps || {};
+    $[31] = formInputProps;
+    $[32] = t10;
+  } else {
+    t10 = $[32];
+  }
+  let t11;
+  if ($[33] !== t10) {
+    t11 = [formInputPropsAtom, t10];
+    $[33] = t10;
+    $[34] = t11;
+  } else {
+    t11 = $[34];
+  }
+  let t12;
+  if ($[35] !== queryClient) {
+    t12 = [queryClientAtom, queryClient];
+    $[35] = queryClient;
+    $[36] = t12;
+  } else {
+    t12 = $[36];
+  }
+  let t13;
+  if ($[37] !== t11 || $[38] !== t12 || $[39] !== t2 || $[40] !== t3 || $[41] !== t5 || $[42] !== t7 || $[43] !== t9) {
+    t13 = [t2, t3, t5, t7, t9, t11, t12];
+    $[37] = t11;
+    $[38] = t12;
+    $[39] = t2;
+    $[40] = t3;
+    $[41] = t5;
+    $[42] = t7;
+    $[43] = t9;
+    $[44] = t13;
+  } else {
+    t13 = $[44];
+  }
+  let t14;
+  if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
+    t14 = {
+      store: jotaiStore
+    };
+    $[45] = t14;
+  } else {
+    t14 = $[45];
+  }
+  useHydrateAtoms(t13, t14);
+  useWidgetEventsSetter(events);
+  useSetFormInputFromProps(formInputProps);
+  let t15;
+  let t16;
+  if ($[46] !== config.debug || $[47] !== config.enableCrossChain || $[48] !== config.enableDegenMode || $[49] !== config.enableDelta || $[50] !== config.privyAppId || $[51] !== config.privyClientId || $[52] !== config.theme || $[53] !== config.widgetMode || $[54] !== setWidgetConfig) {
+    t15 = () => {
+      setWidgetConfig({
+        theme: config.theme,
+        enableDelta: config.enableDelta,
+        enableCrossChain: config.enableCrossChain,
+        privyAppId: config.privyAppId,
+        privyClientId: config.privyClientId,
+        debug: config.debug,
+        widgetMode: config.widgetMode,
+        enableDegenMode: config.enableDegenMode
+      });
+    };
+    t16 = [config.theme, config.enableDelta, config.enableCrossChain, config.privyAppId, config.privyClientId, config.debug, config.widgetMode, config.enableDegenMode, setWidgetConfig];
+    $[46] = config.debug;
+    $[47] = config.enableCrossChain;
+    $[48] = config.enableDegenMode;
+    $[49] = config.enableDelta;
+    $[50] = config.privyAppId;
+    $[51] = config.privyClientId;
+    $[52] = config.theme;
+    $[53] = config.widgetMode;
+    $[54] = setWidgetConfig;
+    $[55] = t15;
+    $[56] = t16;
+  } else {
+    t15 = $[55];
+    t16 = $[56];
+  }
+  useLayoutEffect(t15, t16);
+  let t17;
+  let t18;
+  if ($[57] !== destChains || $[58] !== devURLs || $[59] !== excludeUI || $[60] !== partnerConfig || $[61] !== setSubConfig || $[62] !== srcChains || $[63] !== tokenLists || $[64] !== tradeModes) {
+    t17 = () => {
+      setSubConfig({
+        srcChains,
+        destChains,
+        tokenLists,
+        tradeModes,
+        excludeUI,
+        devURLs,
+        partnerConfig
+      });
+    };
+    t18 = [srcChains, destChains, tokenLists, setSubConfig, tradeModes, excludeUI, devURLs, partnerConfig];
+    $[57] = destChains;
+    $[58] = devURLs;
+    $[59] = excludeUI;
+    $[60] = partnerConfig;
+    $[61] = setSubConfig;
+    $[62] = srcChains;
+    $[63] = tokenLists;
+    $[64] = tradeModes;
+    $[65] = t17;
+    $[66] = t18;
+  } else {
+    t17 = $[65];
+    t18 = $[66];
+  }
+  useLayoutEffect(t17, t18);
+  let t19;
+  if ($[67] !== apiConfig?.apiKey || $[68] !== apiConfig?.headers || $[69] !== setApiConfig) {
+    t19 = () => {
+      setApiConfig({
+        apiKey: apiConfig?.apiKey,
+        headers: apiConfig?.headers
+      });
+    };
+    $[67] = apiConfig?.apiKey;
+    $[68] = apiConfig?.headers;
+    $[69] = setApiConfig;
+    $[70] = t19;
+  } else {
+    t19 = $[70];
+  }
+  const t20 = apiConfig?.apiKey;
+  const t21 = apiConfig?.headers;
+  let t22;
+  if ($[71] !== setApiConfig || $[72] !== t20 || $[73] !== t21) {
+    t22 = [t20, t21, setApiConfig];
+    $[71] = setApiConfig;
+    $[72] = t20;
+    $[73] = t21;
+    $[74] = t22;
+  } else {
+    t22 = $[74];
+  }
+  useLayoutEffect(t19, t22);
+  const setExternalProvider = useSetAtom(externalProviderAtom);
+  let t23;
+  let t24;
+  if ($[75] !== provider || $[76] !== setExternalProvider) {
+    t23 = () => {
+      setExternalProvider(provider || null);
+    };
+    t24 = [provider, setExternalProvider];
+    $[75] = provider;
+    $[76] = setExternalProvider;
+    $[77] = t23;
+    $[78] = t24;
+  } else {
+    t23 = $[77];
+    t24 = $[78];
+  }
+  useLayoutEffect(t23, t24);
+  const isDappMode = config?.widgetMode === "dapp";
+  const reconnectOnMountInit = useInitialValue(!isDappMode);
+  let t25;
+  let t26;
+  let t27;
+  let t28;
+  let t29;
+  if ($[79] === Symbol.for("react.memo_cache_sentinel")) {
+    t25 = /* @__PURE__ */ jsx(AutoconnectExternalProvider, {});
+    t26 = /* @__PURE__ */ jsx(PrivyIframeDependency, {});
+    t27 = /* @__PURE__ */ jsx(Updaters, {});
+    t28 = /* @__PURE__ */ jsx(App, {});
+    t29 = false;
+    $[79] = t25;
+    $[80] = t26;
+    $[81] = t27;
+    $[82] = t28;
+    $[83] = t29;
+  } else {
+    t25 = $[79];
+    t26 = $[80];
+    t27 = $[81];
+    t28 = $[82];
+    t29 = $[83];
+  }
+  let t30;
+  if ($[84] !== reconnectOnMountInit) {
+    t30 = /* @__PURE__ */ jsxs(Web3Providers, { reconnectOnMount: reconnectOnMountInit, children: [
+      t25,
+      t26,
+      t27,
+      t28,
+      t29
+    ] });
+    $[84] = reconnectOnMountInit;
+    $[85] = t30;
+  } else {
+    t30 = $[85];
+  }
+  return t30;
+};
+const Widget = (t0) => {
+  const $ = distExports.c(6);
+  const {
+    config,
+    apiConfig,
+    provider,
+    events,
+    input
+  } = t0;
+  let t1;
+  if ($[0] !== apiConfig || $[1] !== config || $[2] !== events || $[3] !== input || $[4] !== provider) {
+    t1 = /* @__PURE__ */ jsx(JotaiProvider, { children: /* @__PURE__ */ jsx(QueryClientProvider, { children: /* @__PURE__ */ jsx(WidgetBase, { config, apiConfig, provider, events, input }) }) });
+    $[0] = apiConfig;
+    $[1] = config;
+    $[2] = events;
+    $[3] = input;
+    $[4] = provider;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+};
+function Containers(t0) {
+  const $ = distExports.c(12);
+  const {
+    children
+  } = t0;
+  const setContainerElement = useSetAtom(containerAtom);
+  const containerRef = useRef(null);
+  useCloseScreenOnClickOutside(containerRef);
+  useResizeObserver(containerRef);
+  const widgetConfig = useWidgetConfig();
+  const {
+    isDrawerFullCover,
+    isDrawerOpen
+  } = useDrawerContainerHeightTransition(containerRef);
+  const partialDrawerOpen = isDrawerOpen && !isDrawerFullCover;
+  const t1 = widgetConfig.theme === "dark";
+  let t2;
+  if ($[0] !== t1) {
+    t2 = cn("velora-widget", {
+      dark: t1
+    });
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== partialDrawerOpen) {
+    t3 = /* @__PURE__ */ jsx(InWidgetDrawerOverlay, { open: partialDrawerOpen });
+    $[2] = partialDrawerOpen;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = cn("overflow-hidden bottom-0 left-0 right-0 absolute transition-transform duration-500 z-11 pointer-events-none [&>*]:pointer-events-auto", WIDGET_HEIGHT_CLASSNAME);
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] !== setContainerElement) {
+    t5 = /* @__PURE__ */ jsx("div", { className: t4, ref: setContainerElement });
+    $[5] = setContainerElement;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== children || $[8] !== t2 || $[9] !== t3 || $[10] !== t5) {
+    t6 = /* @__PURE__ */ jsxs("div", { ref: containerRef, className: t2, id: WIDGET_ELEMENT_ID, children: [
+      t3,
+      t5,
+      children
+    ] });
+    $[7] = children;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  return t6;
+}
+function WidgetHeader() {
+  const $ = distExports.c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsx(AppHeader, { classes: {
+      root: "mb-4"
+    } });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
 }
-function Ve() {
-	let e = Z(7), t = A(), n;
-	e[0] !== t.isLoading || e[1] !== t.price || e[2] !== t.priceMode || e[3] !== t.tokenFromAmount ? (n = {
-		override: t.tokenFromAmount,
-		activeSwapMode: t.priceMode,
-		isPriceLoading: t.isLoading,
-		price: t.price
-	}, e[0] = t.isLoading, e[1] = t.price, e[2] = t.priceMode, e[3] = t.tokenFromAmount, e[4] = n) : n = e[4];
-	let r = b(n), i;
-	return e[5] === r ? i = e[6] : (i = /* @__PURE__ */ Q(y, { ...r }), e[5] = r, e[6] = i), i;
+function SwapTokenFromInput() {
+  const $ = distExports.c(7);
+  const overrides = useTokenInputsFromPrice();
+  let t0;
+  if ($[0] !== overrides.isLoading || $[1] !== overrides.price || $[2] !== overrides.priceMode || $[3] !== overrides.tokenFromAmount) {
+    t0 = {
+      override: overrides.tokenFromAmount,
+      activeSwapMode: overrides.priceMode,
+      isPriceLoading: overrides.isLoading,
+      price: overrides.price
+    };
+    $[0] = overrides.isLoading;
+    $[1] = overrides.price;
+    $[2] = overrides.priceMode;
+    $[3] = overrides.tokenFromAmount;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  const tokenFromInputProps = useTokenFromInputProps(t0);
+  let t1;
+  if ($[5] !== tokenFromInputProps) {
+    t1 = /* @__PURE__ */ jsx(TokenInput, { ...tokenFromInputProps });
+    $[5] = tokenFromInputProps;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
 }
-function He() {
-	let e = Z(2), t = I(), n;
-	return e[0] === t ? n = e[1] : (n = /* @__PURE__ */ Q(y, { ...t }), e[0] = t, e[1] = n), n;
+function LimitTokenFromInput() {
+  const $ = distExports.c(2);
+  const tokenFromInputProps = useLimitTokenFromInputProps();
+  let t0;
+  if ($[0] !== tokenFromInputProps) {
+    t0 = /* @__PURE__ */ jsx(TokenInput, { ...tokenFromInputProps });
+    $[0] = tokenFromInputProps;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
-function Ue() {
-	let e = Z(2), t = G(), n;
-	return e[0] === t ? n = e[1] : (n = /* @__PURE__ */ Q(y, { ...t }), e[0] = t, e[1] = n), n;
+function OtcTokenFromInput() {
+  const $ = distExports.c(2);
+  const tokenFromInputProps = useOtcTokenFromInputProps();
+  let t0;
+  if ($[0] !== tokenFromInputProps) {
+    t0 = /* @__PURE__ */ jsx(TokenInput, { ...tokenFromInputProps });
+    $[0] = tokenFromInputProps;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
-function We() {
-	let e = Z(8), t = A(), n;
-	e[0] !== t.error || e[1] !== t.isLoading || e[2] !== t.price || e[3] !== t.priceMode || e[4] !== t.tokenToAmount ? (n = {
-		override: t.tokenToAmount,
-		isPriceLoading: t.isLoading,
-		priceMode: t.priceMode,
-		price: t.price,
-		priceError: t.error
-	}, e[0] = t.error, e[1] = t.isLoading, e[2] = t.price, e[3] = t.priceMode, e[4] = t.tokenToAmount, e[5] = n) : n = e[5];
-	let r = w(n), i;
-	return e[6] === r ? i = e[7] : (i = /* @__PURE__ */ Q(y, { ...r }), e[6] = r, e[7] = i), i;
+function TwapTokenFromInput() {
+  const $ = distExports.c(5);
+  const overrides = useTokenInputsFromTwapPrice();
+  let t0;
+  if ($[0] !== overrides.isLoading || $[1] !== overrides.tokenFromAmount) {
+    t0 = {
+      override: overrides.tokenFromAmount,
+      isPriceLoading: overrides.isLoading
+    };
+    $[0] = overrides.isLoading;
+    $[1] = overrides.tokenFromAmount;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const tokenFromInputProps = useTwapTokenFromInputProps(t0);
+  let t1;
+  if ($[3] !== tokenFromInputProps) {
+    t1 = /* @__PURE__ */ jsx(TokenInput, { ...tokenFromInputProps });
+    $[3] = tokenFromInputProps;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
 }
-function Ge() {
-	let e = Z(2), t = L(), n;
-	return e[0] === t ? n = e[1] : (n = /* @__PURE__ */ Q(y, { ...t }), e[0] = t, e[1] = n), n;
+function SwapTokenToInput() {
+  const $ = distExports.c(8);
+  const overrides = useTokenInputsFromPrice();
+  let t0;
+  if ($[0] !== overrides.error || $[1] !== overrides.isLoading || $[2] !== overrides.price || $[3] !== overrides.priceMode || $[4] !== overrides.tokenToAmount) {
+    t0 = {
+      override: overrides.tokenToAmount,
+      isPriceLoading: overrides.isLoading,
+      priceMode: overrides.priceMode,
+      price: overrides.price,
+      priceError: overrides.error
+    };
+    $[0] = overrides.error;
+    $[1] = overrides.isLoading;
+    $[2] = overrides.price;
+    $[3] = overrides.priceMode;
+    $[4] = overrides.tokenToAmount;
+    $[5] = t0;
+  } else {
+    t0 = $[5];
+  }
+  const tokenToInputProps = useTokenToInputProps(t0);
+  let t1;
+  if ($[6] !== tokenToInputProps) {
+    t1 = /* @__PURE__ */ jsx(TokenInput, { ...tokenToInputProps });
+    $[6] = tokenToInputProps;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  return t1;
 }
-function Ke() {
-	let e = Z(2), t = K(), n;
-	return e[0] === t ? n = e[1] : (n = /* @__PURE__ */ Q(y, { ...t }), e[0] = t, e[1] = n), n;
+function LimitTokenToInput() {
+  const $ = distExports.c(2);
+  const tokenToInputProps = useLimitTokenToInputProps();
+  let t0;
+  if ($[0] !== tokenToInputProps) {
+    t0 = /* @__PURE__ */ jsx(TokenInput, { ...tokenToInputProps });
+    $[0] = tokenToInputProps;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
-function qe() {
-	let e = Z(2), t = E(), n;
-	return e[0] === t ? n = e[1] : (n = /* @__PURE__ */ Q(T, { ...t }), e[0] = t, e[1] = n), n;
+function OtcTokenToInput() {
+  const $ = distExports.c(2);
+  const tokenToInputProps = useOtcTokenToInputProps();
+  let t0;
+  if ($[0] !== tokenToInputProps) {
+    t0 = /* @__PURE__ */ jsx(TokenInput, { ...tokenToInputProps });
+    $[0] = tokenToInputProps;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
-function Je() {
-	let e = Z(2), t = me(), n;
-	return e[0] === t ? n = e[1] : (n = /* @__PURE__ */ Q(T, { ...t }), e[0] = t, e[1] = n), n;
+function TwapTokenToInput() {
+  const $ = distExports.c(6);
+  const overrides = useTokenInputsFromTwapPrice();
+  let t0;
+  if ($[0] !== overrides.cachedError || $[1] !== overrides.isLoading || $[2] !== overrides.tokenToAmount) {
+    t0 = {
+      override: overrides.tokenToAmount,
+      isPriceLoading: overrides.isLoading,
+      priceError: overrides.cachedError
+    };
+    $[0] = overrides.cachedError;
+    $[1] = overrides.isLoading;
+    $[2] = overrides.tokenToAmount;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  const tokenToInputProps = useTwapTokenToInputProps(t0);
+  let t1;
+  if ($[4] !== tokenToInputProps) {
+    t1 = /* @__PURE__ */ jsx(TokenInput, { ...tokenToInputProps });
+    $[4] = tokenToInputProps;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
 }
-function Ye() {
-	let e = Z(2), t = he(), n;
-	return e[0] === t ? n = e[1] : (n = /* @__PURE__ */ Q(T, { ...t }), e[0] = t, e[1] = n), n;
+function SwapTokenSwitcher() {
+  const $ = distExports.c(2);
+  const tokenSwitcherProps = useSwapTokenSwitcherProps();
+  let t0;
+  if ($[0] !== tokenSwitcherProps) {
+    t0 = /* @__PURE__ */ jsx(TokenSwitcher, { ...tokenSwitcherProps });
+    $[0] = tokenSwitcherProps;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
-function Xe() {
-	let e = Z(28), t = A(), n;
-	e[0] !== t.isLoading || e[1] !== t.price || e[2] !== t.priceMode || e[3] !== t.tokenFromAmount ? (n = {
-		override: t.tokenFromAmount,
-		activeSwapMode: t.priceMode,
-		isPriceLoading: t.isLoading,
-		price: t.price
-	}, e[0] = t.isLoading, e[1] = t.price, e[2] = t.priceMode, e[3] = t.tokenFromAmount, e[4] = n) : n = e[4];
-	let r = b(n), i;
-	e[5] !== t.error || e[6] !== t.isLoading || e[7] !== t.price || e[8] !== t.priceMode || e[9] !== t.tokenToAmount ? (i = {
-		override: t.tokenToAmount,
-		isPriceLoading: t.isLoading,
-		priceMode: t.priceMode,
-		price: t.price,
-		priceError: t.error
-	}, e[5] = t.error, e[6] = t.isLoading, e[7] = t.price, e[8] = t.priceMode, e[9] = t.tokenToAmount, e[10] = i) : i = e[10];
-	let a = w(i), o;
-	e[11] !== t.side || e[12] !== r.amount || e[13] !== r.token || e[14] !== a.amount || e[15] !== a.token ? (o = r.token && a.token ? {
-		fromToken: r.token,
-		toToken: a.token,
-		fromAmount: r.amount,
-		toAmount: a.amount,
-		swapSide: t.side
-	} : void 0, e[11] = t.side, e[12] = r.amount, e[13] = r.token, e[14] = a.amount, e[15] = a.token, e[16] = o) : o = e[16];
-	let s = o, c;
-	e[17] !== r.token || e[18] !== a.token ? (c = {
-		tokenFrom: r.token,
-		tokenTo: a.token
-	}, e[17] = r.token, e[18] = a.token, e[19] = c) : c = e[19];
-	let l = R(c), u = t.priceMode === "market" ? t.price : void 0, d = t.priceMode === "delta" ? t.price : void 0, f;
-	return e[20] !== l.className || e[21] !== l.disabled || e[22] !== l.labelOverride || e[23] !== s || e[24] !== t.priceMode || e[25] !== u || e[26] !== d ? (f = /* @__PURE__ */ Q(rt, {
-		orderProps: s,
-		marketPrice: u,
-		deltaPrice: d,
-		priceMode: t.priceMode,
-		disabled: l.disabled,
-		labelOverride: l.labelOverride,
-		className: l.className
-	}), e[20] = l.className, e[21] = l.disabled, e[22] = l.labelOverride, e[23] = s, e[24] = t.priceMode, e[25] = u, e[26] = d, e[27] = f) : f = e[27], f;
+function LimitTokenSwitcher() {
+  const $ = distExports.c(2);
+  const tokenSwitcherProps = useLimitTokenSwitcherProps();
+  let t0;
+  if ($[0] !== tokenSwitcherProps) {
+    t0 = /* @__PURE__ */ jsx(TokenSwitcher, { ...tokenSwitcherProps });
+    $[0] = tokenSwitcherProps;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
-function Ze() {
-	let e = Z(13), t = A(), n;
-	e[0] !== t.isLoading || e[1] !== t.price || e[2] !== t.priceMode || e[3] !== t.tokenFromAmount ? (n = {
-		override: t.tokenFromAmount,
-		activeSwapMode: t.priceMode,
-		isPriceLoading: t.isLoading,
-		price: t.price
-	}, e[0] = t.isLoading, e[1] = t.price, e[2] = t.priceMode, e[3] = t.tokenFromAmount, e[4] = n) : n = e[4];
-	let r = b(n), i;
-	e[5] !== t.error || e[6] !== t.isLoading || e[7] !== t.price || e[8] !== t.priceMode || e[9] !== t.tokenToAmount ? (i = {
-		override: t.tokenToAmount,
-		isPriceLoading: t.isLoading,
-		priceMode: t.priceMode,
-		price: t.price,
-		priceError: t.error
-	}, e[5] = t.error, e[6] = t.isLoading, e[7] = t.price, e[8] = t.priceMode, e[9] = t.tokenToAmount, e[10] = i) : i = e[10];
-	let a = w(i), o = Number(r.amount) > 0 && a.token, s;
-	return e[11] === o ? s = e[12] : (s = o ? /* @__PURE__ */ Q(ae, {}) : null, e[11] = o, e[12] = s), s;
+function OtcTokenSwitcher() {
+  const $ = distExports.c(2);
+  const tokenSwitcherProps = useOtcTokenSwitcherProps();
+  let t0;
+  if ($[0] !== tokenSwitcherProps) {
+    t0 = /* @__PURE__ */ jsx(TokenSwitcher, { ...tokenSwitcherProps });
+    $[0] = tokenSwitcherProps;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
-function Qe() {
-	let e = Z(3), { isConnected: t } = Oe(), n = t, r = d(), i;
-	return e[0] !== n || e[1] !== r ? (i = n ? /* @__PURE__ */ Q(j, {
-		classes: { root: "mt-2" },
-		type: "swap",
-		...r
-	}) : null, e[0] = n, e[1] = r, e[2] = i) : i = e[2], i;
+function TwapTokenSwitcher() {
+  const $ = distExports.c(2);
+  const tokenSwitcherProps = useTwapTokenSwitcherProps();
+  let t0;
+  if ($[0] !== tokenSwitcherProps) {
+    t0 = /* @__PURE__ */ jsx(TokenSwitcher, { ...tokenSwitcherProps });
+    $[0] = tokenSwitcherProps;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
-function $e() {
-	let e = Z(7), t = F(), n = p(), i;
-	e[0] === t ? i = e[1] : (i = r("mt-2", { "pointer-events-none": t }), e[0] = t, e[1] = i);
-	let a;
-	e[2] === i ? a = e[3] : (a = { root: i }, e[2] = i, e[3] = a);
-	let o;
-	return e[4] !== n || e[5] !== a ? (o = /* @__PURE__ */ Q(j, {
-		classes: a,
-		type: "otc",
-		...n
-	}), e[4] = n, e[5] = a, e[6] = o) : o = e[6], o;
+function SwapButton() {
+  const $ = distExports.c(28);
+  const overrides = useTokenInputsFromPrice();
+  let t0;
+  if ($[0] !== overrides.isLoading || $[1] !== overrides.price || $[2] !== overrides.priceMode || $[3] !== overrides.tokenFromAmount) {
+    t0 = {
+      override: overrides.tokenFromAmount,
+      activeSwapMode: overrides.priceMode,
+      isPriceLoading: overrides.isLoading,
+      price: overrides.price
+    };
+    $[0] = overrides.isLoading;
+    $[1] = overrides.price;
+    $[2] = overrides.priceMode;
+    $[3] = overrides.tokenFromAmount;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  const tokenFromInputProps = useTokenFromInputProps(t0);
+  let t1;
+  if ($[5] !== overrides.error || $[6] !== overrides.isLoading || $[7] !== overrides.price || $[8] !== overrides.priceMode || $[9] !== overrides.tokenToAmount) {
+    t1 = {
+      override: overrides.tokenToAmount,
+      isPriceLoading: overrides.isLoading,
+      priceMode: overrides.priceMode,
+      price: overrides.price,
+      priceError: overrides.error
+    };
+    $[5] = overrides.error;
+    $[6] = overrides.isLoading;
+    $[7] = overrides.price;
+    $[8] = overrides.priceMode;
+    $[9] = overrides.tokenToAmount;
+    $[10] = t1;
+  } else {
+    t1 = $[10];
+  }
+  const tokenToInputProps = useTokenToInputProps(t1);
+  let t2;
+  if ($[11] !== overrides.side || $[12] !== tokenFromInputProps.amount || $[13] !== tokenFromInputProps.token || $[14] !== tokenToInputProps.amount || $[15] !== tokenToInputProps.token) {
+    t2 = tokenFromInputProps.token && tokenToInputProps.token ? {
+      fromToken: tokenFromInputProps.token,
+      toToken: tokenToInputProps.token,
+      fromAmount: tokenFromInputProps.amount,
+      toAmount: tokenToInputProps.amount,
+      swapSide: overrides.side
+    } : void 0;
+    $[11] = overrides.side;
+    $[12] = tokenFromInputProps.amount;
+    $[13] = tokenFromInputProps.token;
+    $[14] = tokenToInputProps.amount;
+    $[15] = tokenToInputProps.token;
+    $[16] = t2;
+  } else {
+    t2 = $[16];
+  }
+  const orderProps = t2;
+  let t3;
+  if ($[17] !== tokenFromInputProps.token || $[18] !== tokenToInputProps.token) {
+    t3 = {
+      tokenFrom: tokenFromInputProps.token,
+      tokenTo: tokenToInputProps.token
+    };
+    $[17] = tokenFromInputProps.token;
+    $[18] = tokenToInputProps.token;
+    $[19] = t3;
+  } else {
+    t3 = $[19];
+  }
+  const extraProps = useWidgetButtonExtraProps(t3);
+  const t4 = overrides.priceMode === "market" ? overrides.price : void 0;
+  const t5 = overrides.priceMode === "delta" ? overrides.price : void 0;
+  let t6;
+  if ($[20] !== extraProps.className || $[21] !== extraProps.disabled || $[22] !== extraProps.labelOverride || $[23] !== orderProps || $[24] !== overrides.priceMode || $[25] !== t4 || $[26] !== t5) {
+    t6 = /* @__PURE__ */ jsx(SwapButtonWithDrawer, { orderProps, marketPrice: t4, deltaPrice: t5, priceMode: overrides.priceMode, disabled: extraProps.disabled, labelOverride: extraProps.labelOverride, className: extraProps.className });
+    $[20] = extraProps.className;
+    $[21] = extraProps.disabled;
+    $[22] = extraProps.labelOverride;
+    $[23] = orderProps;
+    $[24] = overrides.priceMode;
+    $[25] = t4;
+    $[26] = t5;
+    $[27] = t6;
+  } else {
+    t6 = $[27];
+  }
+  return t6;
 }
-function et() {
-	let e = Z(7), t = P(), n = f(), i;
-	e[0] === t ? i = e[1] : (i = r("mt-2", { "pointer-events-none": t }), e[0] = t, e[1] = i);
-	let a;
-	e[2] === i ? a = e[3] : (a = { root: i }, e[2] = i, e[3] = a);
-	let o;
-	return e[4] !== n || e[5] !== a ? (o = /* @__PURE__ */ Q(j, {
-		classes: a,
-		type: "limit",
-		...n
-	}), e[4] = n, e[5] = a, e[6] = o) : o = e[6], o;
+function SwapDetails() {
+  const $ = distExports.c(13);
+  const overrides = useTokenInputsFromPrice();
+  let t0;
+  if ($[0] !== overrides.isLoading || $[1] !== overrides.price || $[2] !== overrides.priceMode || $[3] !== overrides.tokenFromAmount) {
+    t0 = {
+      override: overrides.tokenFromAmount,
+      activeSwapMode: overrides.priceMode,
+      isPriceLoading: overrides.isLoading,
+      price: overrides.price
+    };
+    $[0] = overrides.isLoading;
+    $[1] = overrides.price;
+    $[2] = overrides.priceMode;
+    $[3] = overrides.tokenFromAmount;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  const tokenFromInputProps = useTokenFromInputProps(t0);
+  let t1;
+  if ($[5] !== overrides.error || $[6] !== overrides.isLoading || $[7] !== overrides.price || $[8] !== overrides.priceMode || $[9] !== overrides.tokenToAmount) {
+    t1 = {
+      override: overrides.tokenToAmount,
+      isPriceLoading: overrides.isLoading,
+      priceMode: overrides.priceMode,
+      price: overrides.price,
+      priceError: overrides.error
+    };
+    $[5] = overrides.error;
+    $[6] = overrides.isLoading;
+    $[7] = overrides.price;
+    $[8] = overrides.priceMode;
+    $[9] = overrides.tokenToAmount;
+    $[10] = t1;
+  } else {
+    t1 = $[10];
+  }
+  const tokenToInputProps = useTokenToInputProps(t1);
+  const fromAmountGtZero = Number(tokenFromInputProps.amount) > 0;
+  const shouldShowDetails = fromAmountGtZero && tokenToInputProps.token;
+  let t2;
+  if ($[11] !== shouldShowDetails) {
+    t2 = shouldShowDetails ? /* @__PURE__ */ jsx(SwapDetailsExpandable, {}) : null;
+    $[11] = shouldShowDetails;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  return t2;
 }
-var tt = { root: "mt-4" };
-function nt() {
-	let e = Z(5), t;
-	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = { enabled: !1 }, e[0] = t) : t = e[0];
-	let { delta: n, market: r, priceMode: i } = C(t);
-	if (n.canBeUsed && r.canBeUsed) {
-		let t;
-		return e[1] === i ? t = e[2] : (t = /* @__PURE__ */ Q(k, {
-			classes: tt,
-			currentEffectiveMode: i
-		}), e[1] = i, e[2] = t), t;
-	}
-	if (n.canBeUsed && n.price && u(n.price)) {
-		let t;
-		return e[3] === n.price ? t = e[4] : (t = /* @__PURE__ */ Q(Ae, {
-			fallback: null,
-			children: /* @__PURE__ */ Q(Se, {
-				classes: tt,
-				bridgePrice: n.price
-			})
-		}), e[3] = n.price, e[4] = t), t;
-	}
+function SwapReceiverAddress() {
+  const $ = distExports.c(3);
+  const {
+    isConnected
+  } = useAccount();
+  const shouldShowReceiverAddress = isConnected;
+  const swapReceiverAddressProps = useSwapReceiverAddress();
+  let t0;
+  if ($[0] !== shouldShowReceiverAddress || $[1] !== swapReceiverAddressProps) {
+    t0 = shouldShowReceiverAddress ? /* @__PURE__ */ jsx(ReceiverAddress, { classes: {
+      root: "mt-2"
+    }, type: "swap", ...swapReceiverAddressProps }) : null;
+    $[0] = shouldShowReceiverAddress;
+    $[1] = swapReceiverAddressProps;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
+}
+function OtcReceiverAddress() {
+  const $ = distExports.c(7);
+  const unsupportedChain = useUnsupportedOtcChain();
+  const otcReceiverAddressProps = useOtcReceiverAddress();
+  let t0;
+  if ($[0] !== unsupportedChain) {
+    t0 = cn("mt-2", {
+      "pointer-events-none": unsupportedChain
+    });
+    $[0] = unsupportedChain;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== t0) {
+    t1 = {
+      root: t0
+    };
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== otcReceiverAddressProps || $[5] !== t1) {
+    t2 = /* @__PURE__ */ jsx(ReceiverAddress, { classes: t1, type: "otc", ...otcReceiverAddressProps });
+    $[4] = otcReceiverAddressProps;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+function LimitReceiverAddress() {
+  const $ = distExports.c(7);
+  const unsupportedChain = useUnsupportedLimitChain();
+  const limitReceiverAddressProps = useLimitReceiverAddress();
+  let t0;
+  if ($[0] !== unsupportedChain) {
+    t0 = cn("mt-2", {
+      "pointer-events-none": unsupportedChain
+    });
+    $[0] = unsupportedChain;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== t0) {
+    t1 = {
+      root: t0
+    };
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== limitReceiverAddressProps || $[5] !== t1) {
+    t2 = /* @__PURE__ */ jsx(ReceiverAddress, { classes: t1, type: "limit", ...limitReceiverAddressProps });
+    $[4] = limitReceiverAddressProps;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+const swapModeSwitcherClasses = {
+  root: "mt-4"
+};
+function SwapModeSwitcher() {
+  const $ = distExports.c(5);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      enabled: false
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const {
+    delta,
+    market,
+    priceMode
+  } = useSwapPrices(t0);
+  if (delta.canBeUsed && market.canBeUsed) {
+    let t1;
+    if ($[1] !== priceMode) {
+      t1 = /* @__PURE__ */ jsx(SwapModeSwitcherExpandable, { classes: swapModeSwitcherClasses, currentEffectiveMode: priceMode });
+      $[1] = priceMode;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    return t1;
+  }
+  if (delta.canBeUsed && delta.price && isBridgePrice(delta.price)) {
+    let t1;
+    if ($[3] !== delta.price) {
+      t1 = /* @__PURE__ */ jsx(ErrorBoundary, { fallback: null, children: /* @__PURE__ */ jsx(BridgeSelectorExpandable, { classes: swapModeSwitcherClasses, bridgePrice: delta.price }) });
+      $[3] = delta.price;
+      $[4] = t1;
+    } else {
+      t1 = $[4];
+    }
+    return t1;
+  }
 }
-function rt(e) {
-	let t = Z(20), n, r, i, a, o, s, c;
-	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4], o = t[5], s = t[6], c = t[7]) : ({orderProps: s, drawerContainer: i, marketPrice: o, deltaPrice: r, priceMode: c, labelOverride: a, ...n} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a, t[5] = o, t[6] = s, t[7] = c);
-	let { isConnected: l } = Oe();
-	if (!l) {
-		let e;
-		return t[8] !== n || t[9] !== i ? (e = /* @__PURE__ */ Q(V, {
-			drawerContainer: i,
-			...n
-		}), t[8] = n, t[9] = i, t[10] = e) : e = t[10], e;
-	}
-	let u;
-	t[11] !== r || t[12] !== o || t[13] !== c ? (u = c === "delta" ? {
-		price: r,
-		priceMode: c
-	} : {
-		price: o,
-		priceMode: c
-	}, t[11] = r, t[12] = o, t[13] = c, t[14] = u) : u = t[14];
-	let d = u, f;
-	return t[15] !== n || t[16] !== a || t[17] !== s || t[18] !== d ? (f = /* @__PURE__ */ Q(B, {
-		orderProps: s,
-		labelOverride: a,
-		...d,
-		...n
-	}), t[15] = n, t[16] = a, t[17] = s, t[18] = d, t[19] = f) : f = t[19], f;
+function SwapButtonWithDrawer(t0) {
+  const $ = distExports.c(20);
+  let buttonProps;
+  let deltaPrice;
+  let drawerContainer;
+  let labelOverride;
+  let marketPrice;
+  let orderProps;
+  let priceMode;
+  if ($[0] !== t0) {
+    ({
+      orderProps,
+      drawerContainer,
+      marketPrice,
+      deltaPrice,
+      priceMode,
+      labelOverride,
+      ...buttonProps
+    } = t0);
+    $[0] = t0;
+    $[1] = buttonProps;
+    $[2] = deltaPrice;
+    $[3] = drawerContainer;
+    $[4] = labelOverride;
+    $[5] = marketPrice;
+    $[6] = orderProps;
+    $[7] = priceMode;
+  } else {
+    buttonProps = $[1];
+    deltaPrice = $[2];
+    drawerContainer = $[3];
+    labelOverride = $[4];
+    marketPrice = $[5];
+    orderProps = $[6];
+    priceMode = $[7];
+  }
+  const {
+    isConnected
+  } = useAccount();
+  if (!isConnected) {
+    let t12;
+    if ($[8] !== buttonProps || $[9] !== drawerContainer) {
+      t12 = /* @__PURE__ */ jsx(ConnectWalletDrawerButton, { drawerContainer, ...buttonProps });
+      $[8] = buttonProps;
+      $[9] = drawerContainer;
+      $[10] = t12;
+    } else {
+      t12 = $[10];
+    }
+    return t12;
+  }
+  let t1;
+  if ($[11] !== deltaPrice || $[12] !== marketPrice || $[13] !== priceMode) {
+    t1 = priceMode === "delta" ? {
+      price: deltaPrice,
+      priceMode
+    } : {
+      price: marketPrice,
+      priceMode
+    };
+    $[11] = deltaPrice;
+    $[12] = marketPrice;
+    $[13] = priceMode;
+    $[14] = t1;
+  } else {
+    t1 = $[14];
+  }
+  const priceProps = t1;
+  let t2;
+  if ($[15] !== buttonProps || $[16] !== labelOverride || $[17] !== orderProps || $[18] !== priceProps) {
+    t2 = /* @__PURE__ */ jsx(SwapTradeFlowScreenButton, { orderProps, labelOverride, ...priceProps, ...buttonProps });
+    $[15] = buttonProps;
+    $[16] = labelOverride;
+    $[17] = orderProps;
+    $[18] = priceProps;
+    $[19] = t2;
+  } else {
+    t2 = $[19];
+  }
+  return t2;
 }
-//#endregion
-export { Re as Widget };
 
-//# sourceMappingURL=index.js.map
+export { Widget };
+//# sourceMappingURL=index.js.map