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

package/dist/core/index.js

@@ -1,1423 +1,522 @@
-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;
+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;
 };
-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 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 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 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;
 }
-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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 $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 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;
+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 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;
-  }
+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 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;
+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;
 }
+//#endregion
+export { Re as Widget };
 
-export { Widget };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map