@velora-dex/widget 0.7.0 → 0.7.2

package/dist/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwapRateWithPriceImpactRow.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,eAAO,MAAM,0BAA0B,GAAI,uCAGxC;IACD,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;CAC9B,4CAiDA,CAAC"}
+{"version":3,"file":"SwapRateWithPriceImpactRow.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvD,eAAO,MAAM,0BAA0B,GAAI,uCAGxC;IACD,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;CAC9B,4CAwCA,CAAC"}

package/dist/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.js

@@ -1,48 +1,41 @@
 import { cn as e } from "../../../lib/utils/index.js";
 import { Skeleton as t } from "../../ui/skeleton.js";
 import { Tooltip as n, TooltipContent as r, TooltipTrigger as i } from "../../ui/tooltip.js";
-import { SwapRate as a } from "../SwapRate/SwapRate.js";
-import { ForwardRef as o } from "../../../assets/price-impact.js";
+import { ForwardRef as a } from "../../../assets/price-impact.js";
+import { SwapRateWithTooltip as o } from "../SwapRate/SwapRateWithTooltip.js";
 import { c as s } from "react-compiler-runtime";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx
 var u = (u) => {
-	let d = s(22), { priceImpactDetail: f, swapRateProps: p } = u, { isHighImpact: m, isMediumImpact: h, isUnavailable: g, value: _, isLoading: v, classes: y } = f, b;
-	d[0] === p ? b = d[1] : (b = /* @__PURE__ */ c(i, {
-		asChild: !0,
-		children: /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(a, { ...p }) })
-	}), d[0] = p, d[1] = b);
+	let d = s(19), { priceImpactDetail: f, swapRateProps: p } = u, { isHighImpact: m, isMediumImpact: h, isUnavailable: g, value: _, isLoading: v, classes: y } = f, b;
+	d[0] === p ? b = d[1] : (b = /* @__PURE__ */ c(o, { ...p }), d[0] = p, d[1] = b);
 	let x;
-	d[2] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ c(r, { children: "Best price for this trade based on the current market conditions" }), d[2] = x) : x = d[2];
-	let S;
-	d[3] === b ? S = d[4] : (S = /* @__PURE__ */ l(n, { children: [b, x] }), d[3] = b, d[4] = S);
-	let C;
-	d[5] !== m || d[6] !== h || d[7] !== g ? (C = !m && /* @__PURE__ */ c(o, { className: e("size-[16px]", {
+	d[2] !== m || d[3] !== h || d[4] !== g ? (x = !m && /* @__PURE__ */ c(a, { className: e("size-[16px]", {
 		"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1": h,
 		"text-secondary-radical-red-2 dark:text-secondary-radical-red-2": g
-	}) }), d[5] = m, d[6] = h, d[7] = g, d[8] = C) : C = d[8];
-	let w;
-	d[9] !== y?.value || d[10] !== v || d[11] !== _ ? (w = v ? /* @__PURE__ */ c(t, { className: "bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]" }) : /* @__PURE__ */ c("div", {
+	}) }), d[2] = m, d[3] = h, d[4] = g, d[5] = x) : x = d[5];
+	let S;
+	d[6] !== y?.value || d[7] !== v || d[8] !== _ ? (S = v ? /* @__PURE__ */ c(t, { className: "bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]" }) : /* @__PURE__ */ c("div", {
 		className: e(y?.value, "text-nowrap"),
 		children: _ ?? "-"
-	}), d[9] = y?.value, d[10] = v, d[11] = _, d[12] = w) : w = d[12];
-	let T;
-	d[13] !== C || d[14] !== w ? (T = /* @__PURE__ */ c(i, {
+	}), d[6] = y?.value, d[7] = v, d[8] = _, d[9] = S) : S = d[9];
+	let C;
+	d[10] !== x || d[11] !== S ? (C = /* @__PURE__ */ c(i, {
 		asChild: !0,
 		children: /* @__PURE__ */ l("div", {
 			className: "flex items-center gap-1",
-			children: [C, w]
+			children: [x, S]
 		})
-	}), d[13] = C, d[14] = w, d[15] = T) : T = d[15];
+	}), d[10] = x, d[11] = S, d[12] = C) : C = d[12];
+	let w;
+	d[13] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ c(r, { children: "Price Impact" }), d[13] = w) : w = d[13];
+	let T;
+	d[14] === C ? T = d[15] : (T = /* @__PURE__ */ l(n, { children: [C, w] }), d[14] = C, d[15] = T);
 	let E;
-	d[16] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ c(r, { children: "Price Impact" }), d[16] = E) : E = d[16];
-	let D;
-	d[17] === T ? D = d[18] : (D = /* @__PURE__ */ l(n, { children: [T, E] }), d[17] = T, d[18] = D);
-	let O;
-	return d[19] !== S || d[20] !== D ? (O = /* @__PURE__ */ l("div", {
+	return d[16] !== b || d[17] !== T ? (E = /* @__PURE__ */ l("div", {
 		className: "flex items-center justify-between",
-		children: [S, D]
-	}), d[19] = S, d[20] = D, d[21] = O) : O = d[21], O;
+		children: [b, T]
+	}), d[16] = b, d[17] = T, d[18] = E) : E = d[18], E;
 };
 //#endregion
 export { u as SwapRateWithPriceImpactRow };

package/dist/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwapRateWithPriceImpactRow.js","names":["Tooltip","TooltipContent","TooltipTrigger","ReactComponent","PriceImpactSVG","cn","Skeleton","PriceImpactDetail","SwapRate","SwapRateProps","SwapRateWithPriceImpactRow","t0","$","_c","priceImpactDetail","swapRateProps","isHighImpact","isMediumImpact","isUnavailable","value","priceImpactValue","isLoading","classes","t1","t2","Symbol","for","t3","t4","t5","t6","t7","t8","t9"],"sources":["../../../../src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx"],"sourcesContent":["import {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { ReactComponent as PriceImpactSVG } from \"@/assets/price-impact.svg\";\nimport { cn } from \"@/lib/utils\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport type { PriceImpactDetail } from \"@/core/swapDetails/types\";\nimport { SwapRate } from \"../SwapRate/SwapRate\";\nimport type { SwapRateProps } from \"../SwapRate/types\";\n\nexport const SwapRateWithPriceImpactRow = ({\n  priceImpactDetail,\n  swapRateProps,\n}: {\n  priceImpactDetail: PriceImpactDetail;\n  swapRateProps: SwapRateProps;\n}) => {\n  const {\n    isHighImpact,\n    isMediumImpact,\n    isUnavailable,\n    value: priceImpactValue,\n    isLoading,\n    classes,\n  } = priceImpactDetail;\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <div>\n            <SwapRate {...swapRateProps} />\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>\n          Best price for this trade based on the current market conditions\n        </TooltipContent>\n      </Tooltip>\n\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <div className=\"flex items-center gap-1\">\n            {!isHighImpact && (\n              <PriceImpactSVG\n                className={cn(\"size-[16px]\", {\n                  \"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1\":\n                    isMediumImpact,\n                  \"text-secondary-radical-red-2 dark:text-secondary-radical-red-2\":\n                    isUnavailable,\n                })}\n              />\n            )}\n            {isLoading ? (\n              <Skeleton className=\"bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]\" />\n            ) : (\n              <div className={cn(classes?.value, \"text-nowrap\")}>\n                {priceImpactValue ?? \"-\"}\n              </div>\n            )}\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>Price Impact</TooltipContent>\n      </Tooltip>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAYA,IAAaU,KAA6BC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,sBAAAC,qBAAAJ,GAOzC,EAAAK,iBAAAC,mBAAAC,kBAAAC,OAAAC,GAAAC,cAAAC,eAOIR,GAAkBS;AAAA,CAAAX,EAAA,OAAAG,IASCQ,IAAAX,EAAA,MAJjBW,IAAA,kBAAC,GAAD;EAAgB,SAAA;YACd,kBAAA,OAAA,EAAA,UACE,kBAAC,GAAD,EAAS,GAAKR,GAChB,CAAA,EACF,CAAA;EAAiB,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAW;CAAA,IAAAC;AAAA,CAAAZ,EAAA,OAAAa,OAAAC,IAAA,4BAAA,IACjBF,IAAA,kBAAC,GAAD,EAAA,UAAgB,oEAEC,CAAA,EAAAZ,EAAA,KAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAe;AAAA,CAAAf,EAAA,OAAAW,IACTI,IAAAf,EAAA,MATVe,IAAA,kBAAC,GAAD,EAAA,UAAA,CACEJ,GAKAC,EAGQ,EAAA,CAAA,EAAAZ,EAAA,KAAAW,GAAAX,EAAA,KAAAe;CAAA,IAAAC;AAAA,CAAAhB,EAAA,OAAAI,KAAAJ,EAAA,OAAAK,KAAAL,EAAA,OAAAM,KAKHU,IAAA,CAACZ,KACA,kBAAC,GAAD,EACa,WAAAX,EAAG,eAAe;EAAA,kEAEzBY;EAAc,kEAEdC;EACH,CAAA,EAEJ,CAAA,EAAAN,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAgB,KAAAA,IAAAhB,EAAA;CAAA,IAAAiB;AAAA,CAAAjB,EAAA,OAAAU,GAAAH,SAAAP,EAAA,QAAAS,KAAAT,EAAA,QAAAQ,KACAS,IAAAR,IACC,kBAAC,GAAD,EAAoB,WAAA,0DAKrB,CAAA,GAHC,kBAAA,OAAA;EAAgB,WAAAhB,EAAGiB,GAAOH,OAAS,cAAa;YAC7CC,KAAA;EAEJ,CAAA,EAAAR,EAAA,KAAAU,GAAAH,OAAAP,EAAA,MAAAS,GAAAT,EAAA,MAAAQ,GAAAR,EAAA,MAAAiB,KAAAA,IAAAjB,EAAA;CAAA,IAAAkB;AAAA,CAAAlB,EAAA,QAAAgB,KAAAhB,EAAA,QAAAiB,KAlBLC,IAAA,kBAAC,GAAD;EAAgB,SAAA;YACd,kBAAA,OAAA;GAAe,WAAA;aAAf,CACGF,GAUAC,EAQL;;EAAiB,CAAA,EAAAjB,EAAA,MAAAgB,GAAAhB,EAAA,MAAAiB,GAAAjB,EAAA,MAAAkB,KAAAA,IAAAlB,EAAA;CAAA,IAAAmB;AAAA,CAAAnB,EAAA,QAAAa,OAAAC,IAAA,4BAAA,IACjBK,IAAA,kBAAC,GAAD,EAAA,UAAgB,gBAA6B,CAAA,EAAAnB,EAAA,MAAAmB,KAAAA,IAAAnB,EAAA;CAAA,IAAAoB;AAAA,CAAApB,EAAA,QAAAkB,IACrCE,IAAApB,EAAA,OAvBVoB,IAAA,kBAAC,GAAD,EAAA,UAAA,CACEF,GAqBAC,EACQ,EAAA,CAAA,EAAAnB,EAAA,MAAAkB,GAAAlB,EAAA,MAAAoB;CAAA,IAAAC;AACN,QADMrB,EAAA,QAAAe,KAAAf,EAAA,QAAAoB,KAnCZC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEN,GAWAK,EAwBI;KAAApB,EAAA,MAAAe,GAAAf,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA,KApCNqB"}
+{"version":3,"file":"SwapRateWithPriceImpactRow.js","names":["Tooltip","TooltipContent","TooltipTrigger","ReactComponent","PriceImpactSVG","cn","Skeleton","PriceImpactDetail","SwapRateProps","SwapRateWithTooltip","SwapRateWithPriceImpactRow","t0","$","_c","priceImpactDetail","swapRateProps","isHighImpact","isMediumImpact","isUnavailable","value","priceImpactValue","isLoading","classes","t1","t2","t3","t4","t5","Symbol","for","t6","t7"],"sources":["../../../../src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx"],"sourcesContent":["import {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { ReactComponent as PriceImpactSVG } from \"@/assets/price-impact.svg\";\nimport { cn } from \"@/lib/utils\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport type { PriceImpactDetail } from \"@/core/swapDetails/types\";\nimport type { SwapRateProps } from \"../SwapRate/types\";\nimport { SwapRateWithTooltip } from \"../SwapRate/SwapRateWithTooltip\";\n\nexport const SwapRateWithPriceImpactRow = ({\n  priceImpactDetail,\n  swapRateProps,\n}: {\n  priceImpactDetail: PriceImpactDetail;\n  swapRateProps: SwapRateProps;\n}) => {\n  const {\n    isHighImpact,\n    isMediumImpact,\n    isUnavailable,\n    value: priceImpactValue,\n    isLoading,\n    classes,\n  } = priceImpactDetail;\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <SwapRateWithTooltip {...swapRateProps} />\n\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <div className=\"flex items-center gap-1\">\n            {!isHighImpact && (\n              <PriceImpactSVG\n                className={cn(\"size-[16px]\", {\n                  \"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1\":\n                    isMediumImpact,\n                  \"text-secondary-radical-red-2 dark:text-secondary-radical-red-2\":\n                    isUnavailable,\n                })}\n              />\n            )}\n            {isLoading ? (\n              <Skeleton className=\"bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]\" />\n            ) : (\n              <div className={cn(classes?.value, \"text-nowrap\")}>\n                {priceImpactValue ?? \"-\"}\n              </div>\n            )}\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>Price Impact</TooltipContent>\n      </Tooltip>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAYA,IAAaU,KAA6BC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,sBAAAC,qBAAAJ,GAOzC,EAAAK,iBAAAC,mBAAAC,kBAAAC,OAAAC,GAAAC,cAAAC,eAOIR,GAAkBS;AAAA,CAAAX,EAAA,OAAAG,IAIwBQ,IAAAX,EAAA,MAA1CW,IAAA,kBAAC,GAAD,EAAoB,GAAKR,GAAiB,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAW;CAAA,IAAAC;AAAA,CAAAZ,EAAA,OAAAI,KAAAJ,EAAA,OAAAK,KAAAL,EAAA,OAAAM,KAKnCM,IAAA,CAACR,KACA,kBAAC,GAAD,EACa,WAAAX,EAAG,eAAe;EAAA,kEAEzBY;EAAc,kEAEdC;EACH,CAAA,EAEJ,CAAA,EAAAN,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAa;AAAA,CAAAb,EAAA,OAAAU,GAAAH,SAAAP,EAAA,OAAAS,KAAAT,EAAA,OAAAQ,KACAK,IAAAJ,IACC,kBAAC,GAAD,EAAoB,WAAA,0DAKrB,CAAA,GAHC,kBAAA,OAAA;EAAgB,WAAAhB,EAAGiB,GAAOH,OAAS,cAAa;YAC7CC,KAAA;EAEJ,CAAA,EAAAR,EAAA,KAAAU,GAAAH,OAAAP,EAAA,KAAAS,GAAAT,EAAA,KAAAQ,GAAAR,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAc;AAAA,CAAAd,EAAA,QAAAY,KAAAZ,EAAA,QAAAa,KAlBLC,IAAA,kBAAC,GAAD;EAAgB,SAAA;YACd,kBAAA,OAAA;GAAe,WAAA;aAAf,CACGF,GAUAC,EAQL;;EAAiB,CAAA,EAAAb,EAAA,MAAAY,GAAAZ,EAAA,MAAAa,GAAAb,EAAA,MAAAc,KAAAA,IAAAd,EAAA;CAAA,IAAAe;AAAA,CAAAf,EAAA,QAAAgB,OAAAC,IAAA,4BAAA,IACjBF,IAAA,kBAAC,GAAD,EAAA,UAAgB,gBAA6B,CAAA,EAAAf,EAAA,MAAAe,KAAAA,IAAAf,EAAA;CAAA,IAAAkB;AAAA,CAAAlB,EAAA,QAAAc,IACrCI,IAAAlB,EAAA,OAvBVkB,IAAA,kBAAC,GAAD,EAAA,UAAA,CACEJ,GAqBAC,EACQ,EAAA,CAAA,EAAAf,EAAA,MAAAc,GAAAd,EAAA,MAAAkB;CAAA,IAAAC;AACN,QADMnB,EAAA,QAAAW,KAAAX,EAAA,QAAAkB,KA1BZC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACER,GAEAO,EAwBI;KAAAlB,EAAA,MAAAW,GAAAX,EAAA,MAAAkB,GAAAlB,EAAA,MAAAmB,KAAAA,IAAAnB,EAAA,KA3BNmB"}

package/dist/core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAiB7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA0a3C,eAAO,MAAM,MAAM,GAAI,iDAMpB,WAAW,4CAcb,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAiB7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA8a3C,eAAO,MAAM,MAAM,GAAI,iDAMpB,WAAW,4CAcb,CAAC"}

package/dist/core/index.js

@@ -25,33 +25,33 @@ import { runSubscriptions as E } from "./subscriptions.js";
 import { PrivyIframeDependency as oe } from "../components/web3/ConnectWallets/privy/iframe.js";
 import { SwapModeSwitcherExpandable as D } from "../components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.js";
 import { useTokenInputsFromPrice as O } from "../hooks/swap/prices/useTokenInputsFromPrice.js";
-import { SwapDetailsExpandable as se } from "../components/widget/Details/SwapDetailsExpandable.js";
-import { ReceiverAddress as k } from "../components/widget/ReceiverAddress/ReceiverAddress.js";
-import { externalProviderAtom as ce } from "./state/externalProviderAtom.js";
-import { AppHeader as A } from "../components/widget/AppHeader/AppHeader.js";
-import { setSubConfigAtom as le, setWidgetConfigAtom as ue } from "./state/configActionsAtom.js";
-import { PoweredBy as j } from "../components/widget/PoweredBy/PoweredBy.js";
-import { useUnsupportedLimitChain as M } from "./limit/useLimitNotSupported.js";
-import { useUnsupportedOtcChain as N } from "./otc/useOtcNotSupported.js";
-import { useLimitTokenFromInputProps as P } from "./limit/useLimitTokenFromInputProps.js";
-import { useLimitTokenToInputProps as F } from "./limit/useLimitTokenToInputProps.js";
-import { useTwapButtonExtraProps as I, useWidgetButtonExtraProps as L } from "./button/hooks/useWidgetButtonExtraProps.js";
-import { Toaster as R } from "./Toaster.js";
-import { AutoconnectExternalProvider as de } from "../components/web3/ConnectExternalProvider/AutoconnectExternal.js";
-import { SwapTradeFlowScreenButton as z, TwapTradeFlowScreenButton 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 W } from "../components/widget/Drawer/Overlay.js";
-import { LimitOrderButton as G } from "./LimitOrderButton.js";
-import { LimitOrderDetails as K } from "./LimitOrderDetails.js";
-import { useOtcTokenFromInputProps as q } from "./otc/useOtcTokenFromInputProps.js";
-import { useOtcTokenToInputProps as fe } from "./otc/useOtcTokenToInputProps.js";
-import { useLimitPriceInputProps as J } from "./limit/useLimitPriceInputProps.js";
-import { useOtcPriceInputProps as Y } from "./otc/useOtcPriceInputProps.js";
-import { OtcOrderButton as pe } from "./OtcOrderButton.js";
-import { OtcOrderDetails as me } from "./OtcOrderDetails.js";
-import { SwapWidgetWarning as he, TwapWarnings as X, WidgetWarning as ge } from "./Warnings.js";
+import { SwapDetailsExpandable as k } from "../components/widget/Details/SwapDetailsExpandable.js";
+import { ReceiverAddress as A } from "../components/widget/ReceiverAddress/ReceiverAddress.js";
+import { externalProviderAtom as se } from "./state/externalProviderAtom.js";
+import { AppHeader as j } from "../components/widget/AppHeader/AppHeader.js";
+import { setSubConfigAtom as ce, setWidgetConfigAtom as le } from "./state/configActionsAtom.js";
+import { PoweredBy as M } from "../components/widget/PoweredBy/PoweredBy.js";
+import { useUnsupportedLimitChain as N } from "./limit/useLimitNotSupported.js";
+import { useUnsupportedOtcChain as P } from "./otc/useOtcNotSupported.js";
+import { useLimitTokenFromInputProps as F } from "./limit/useLimitTokenFromInputProps.js";
+import { useLimitTokenToInputProps as I } from "./limit/useLimitTokenToInputProps.js";
+import { useTwapButtonExtraProps as ue, useWidgetButtonExtraProps as de } from "./button/hooks/useWidgetButtonExtraProps.js";
+import { Toaster as fe } from "./Toaster.js";
+import { AutoconnectExternalProvider as pe } from "../components/web3/ConnectExternalProvider/AutoconnectExternal.js";
+import { SwapTradeFlowScreenButton as L, TwapTradeFlowScreenButton as R } from "./TradeFlowScreenButton.js";
+import { ConnectWalletDrawerButton as z } from "./ConnectWalletDrawerButton.js";
+import { PriceInput as B } from "../components/widget/LimitPriceInput/index.js";
+import { OrderExpiryInput as V } from "../components/widget/OrderExpiryInput/index.js";
+import { InWidgetDrawerOverlay as me } from "../components/widget/Drawer/Overlay.js";
+import { LimitOrderButton as H } from "./LimitOrderButton.js";
+import { LimitOrderDetails as U } from "./LimitOrderDetails.js";
+import { useOtcTokenFromInputProps as W } from "./otc/useOtcTokenFromInputProps.js";
+import { useOtcTokenToInputProps as G } from "./otc/useOtcTokenToInputProps.js";
+import { useLimitPriceInputProps as he } from "./limit/useLimitPriceInputProps.js";
+import { useOtcPriceInputProps as K } from "./otc/useOtcPriceInputProps.js";
+import { OtcOrderButton as q } from "./OtcOrderButton.js";
+import { OtcOrderDetails as J } from "./OtcOrderDetails.js";
+import { SwapWidgetWarning as ge, TwapWarnings as Y, WidgetWarning as X } from "./Warnings.js";
 import { useLimitTokenSwitcherProps as _e } from "./limit/useLimitTokenSwitcherProps.js";
 import { useOtcTokenSwitcherProps as ve } from "./otc/useOtcTokenSwitcherProps.js";
 import { useTwapTokenFromInputProps as ye } from "./twap/useTwapTokenFromInputProps.js";
@@ -85,24 +85,24 @@ var He = () => {
 		/* @__PURE__ */ Q(ut, {}),
 		/* @__PURE__ */ Q(ot, {}),
 		/* @__PURE__ */ Q(gt, {}),
+		/* @__PURE__ */ Q(X, {}),
 		/* @__PURE__ */ Q(ge, {}),
-		/* @__PURE__ */ Q(he, {}),
 		/* @__PURE__ */ Q(mt, {}),
 		/* @__PURE__ */ Q(ht, {}),
 		/* @__PURE__ */ Q(bt, {})
 	] }), e[0] = t) : t = e[0], t;
 }, Ue = () => {
-	let e = Z(8), t = J(), n = M(), i;
+	let e = Z(8), t = he(), n = N(), 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 })
+		children: /* @__PURE__ */ Q(B, { ...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" })
+		children: /* @__PURE__ */ Q(V, { type: "limit" })
 	}), e[4] = o) : o = e[4];
 	let s;
 	return e[5] !== i || e[6] !== a ? (s = /* @__PURE__ */ $("div", {
@@ -110,17 +110,17 @@ var He = () => {
 		children: [a, o]
 	}), e[5] = i, e[6] = a, e[7] = s) : s = e[7], s;
 }, We = () => {
-	let e = Z(8), t = Y(), n = N(), i;
+	let e = Z(8), t = K(), 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 })
+		children: /* @__PURE__ */ Q(B, { ...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" })
+		children: /* @__PURE__ */ Q(V, { type: "otc" })
 	}), e[4] = o) : o = e[4];
 	let s;
 	return e[5] !== i || e[6] !== a ? (s = /* @__PURE__ */ $("div", {
@@ -135,9 +135,9 @@ var He = () => {
 		/* @__PURE__ */ Q(st, {}),
 		/* @__PURE__ */ Q(Ue, {}),
 		/* @__PURE__ */ Q(vt, {}),
-		/* @__PURE__ */ Q(ge, {}),
-		/* @__PURE__ */ Q(G, {}),
-		/* @__PURE__ */ Q(K, {})
+		/* @__PURE__ */ Q(X, {}),
+		/* @__PURE__ */ Q(H, {}),
+		/* @__PURE__ */ Q(U, {})
 	] }), e[0] = t) : t = e[0], t;
 }, Ke = () => {
 	let e = Z(1), t;
@@ -147,9 +147,9 @@ var He = () => {
 		/* @__PURE__ */ Q(ct, {}),
 		/* @__PURE__ */ Q(We, {}),
 		/* @__PURE__ */ Q(_t, {}),
-		/* @__PURE__ */ Q(ge, {}),
-		/* @__PURE__ */ Q(pe, {}),
-		/* @__PURE__ */ Q(me, {})
+		/* @__PURE__ */ Q(X, {}),
+		/* @__PURE__ */ Q(q, {}),
+		/* @__PURE__ */ Q(J, {})
 	] }), e[0] = t) : t = e[0], t;
 }, qe = () => {
 	let e = Z(1), t;
@@ -187,13 +187,13 @@ function Je() {
 		tokenFrom: i.token,
 		tokenTo: o.token
 	}, e[13] = i.token, e[14] = o.token, e[15] = l) : l = e[15];
-	let u = I(l);
+	let u = ue(l);
 	if (!t) {
 		let t;
-		return e[16] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ Q(V, {}), e[16] = t) : t = e[16], t;
+		return e[16] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ Q(z, {}), e[16] = t) : t = e[16], t;
 	}
 	let d;
-	return e[17] !== u.className || e[18] !== u.disabled || e[19] !== u.labelOverride || e[20] !== c || e[21] !== n.price ? (d = /* @__PURE__ */ Q(B, {
+	return e[17] !== u.className || e[18] !== u.disabled || e[19] !== u.labelOverride || e[20] !== c || e[21] !== n.price ? (d = /* @__PURE__ */ Q(R, {
 		orderProps: c,
 		twapPrice: n.price,
 		disabled: u.disabled,
@@ -212,7 +212,7 @@ var Ye = {
 			/* @__PURE__ */ Q(pt, {}),
 			/* @__PURE__ */ Q(lt, {}),
 			/* @__PURE__ */ Q(qe, {}),
-			/* @__PURE__ */ Q(X, {}),
+			/* @__PURE__ */ Q(Y, {}),
 			/* @__PURE__ */ Q(Te, {}),
 			/* @__PURE__ */ Q(Je, {})
 		] }), e[0] = t) : t = e[0], t;
@@ -225,63 +225,64 @@ var Ye = {
 	e[0] === r ? i = e[1] : (i = r ? /* @__PURE__ */ Q(Ae, { children: r }) : /* @__PURE__ */ $(ke, { children: [
 		/* @__PURE__ */ Q(tt, {}),
 		/* @__PURE__ */ Q(Xe, {}),
-		/* @__PURE__ */ Q(j, {})
+		/* @__PURE__ */ Q(M, {})
 	] }), e[0] = r, e[1] = i);
 	let a;
-	e[2] === n ? a = e[3] : (a = !n.includes("snackbars") && /* @__PURE__ */ Q(R, {}), e[2] = n, e[3] = a);
+	e[2] === n ? a = e[3] : (a = !n.includes("snackbars") && /* @__PURE__ */ Q(fe, {}), e[2] = n, e[3] = a);
 	let o;
 	return e[4] !== i || e[5] !== a ? (o = /* @__PURE__ */ $(et, { children: [i, a] }), e[4] = i, e[5] = a, e[6] = o) : o = e[6], o;
 }, Qe = (t) => {
-	let r = Z(86), { config: i, apiConfig: s, provider: c, events: u, input: d } = t, f = Ie(), p = n(ue), te = n(le), h = n(l), g;
+	let r = Z(89), { config: i, apiConfig: s, provider: c, events: u, input: d } = t, f = Ie(), p = n(le), te = n(ce), h = n(l), g;
 	r[0] === i ? g = r[1] : (g = i || {}, r[0] = i, r[1] = g);
-	let _, v, y, b, x, S, C, w;
-	r[2] === g ? (_ = r[3], v = r[4], y = r[5], b = r[6], x = r[7], S = r[8], C = r[9], w = r[10]) : ({srcChains: S, destChains: v, tokenLists: C, tradeModes: w, excludeUI: b, devURLs: y, partnerConfig: x, ..._} = g, r[2] = g, r[3] = _, r[4] = v, r[5] = y, r[6] = b, r[7] = x, r[8] = S, r[9] = C, r[10] = w);
-	let T;
-	r[11] === _ ? T = r[12] : (T = [ue, {
+	let _, v, y, b, x, S, C, w, T;
+	r[2] === g ? (_ = r[3], v = r[4], y = r[5], b = r[6], x = r[7], S = r[8], C = r[9], w = r[10], T = r[11]) : ({srcChains: C, destChains: v, tokenLists: w, tradeModes: T, excludeUI: b, devURLs: y, partnerConfig: x, referrerConfig: S, ..._} = g, r[2] = g, r[3] = _, r[4] = v, r[5] = y, r[6] = b, r[7] = x, r[8] = S, r[9] = C, r[10] = w, r[11] = T);
+	let E;
+	r[12] === _ ? E = r[13] : (E = [le, {
 		...o,
 		..._
-	}], r[11] = _, r[12] = T);
-	let E;
-	r[13] !== v || r[14] !== y || r[15] !== b || r[16] !== x || r[17] !== S || r[18] !== C || r[19] !== w ? (E = [le, {
+	}], r[12] = _, r[13] = E);
+	let D;
+	r[14] !== v || r[15] !== y || r[16] !== b || r[17] !== x || r[18] !== S || r[19] !== C || r[20] !== w || r[21] !== T ? (D = [ce, {
 		...a,
-		srcChains: S,
+		srcChains: C,
 		destChains: v,
-		tokenLists: C,
-		tradeModes: w,
+		tokenLists: w,
+		tradeModes: T,
 		excludeUI: b,
 		devURLs: y,
-		partnerConfig: x
-	}], r[13] = v, r[14] = y, r[15] = b, r[16] = x, r[17] = S, r[18] = C, r[19] = w, r[20] = E) : E = r[20];
-	let D;
-	r[21] === s ? D = r[22] : (D = s || {}, r[21] = s, r[22] = D);
+		partnerConfig: x,
+		referrerConfig: S
+	}], r[14] = v, r[15] = y, r[16] = b, r[17] = x, r[18] = S, r[19] = C, r[20] = w, r[21] = T, r[22] = D) : D = r[22];
 	let O;
-	r[23] === D ? O = r[24] : (O = [l, D], r[23] = D, r[24] = O);
-	let se = c || null, k;
-	r[25] === se ? k = r[26] : (k = [ce, se], r[25] = se, r[26] = k);
-	let A;
-	r[27] === u ? A = r[28] : (A = u || {}, r[27] = u, r[28] = A);
-	let j;
-	r[29] === A ? j = r[30] : (j = [ee, A], r[29] = A, r[30] = j);
+	r[23] === s ? O = r[24] : (O = s || {}, r[23] = s, r[24] = O);
+	let k;
+	r[25] === O ? k = r[26] : (k = [l, O], r[25] = O, r[26] = k);
+	let A = c || null, j;
+	r[27] === A ? j = r[28] : (j = [se, A], r[27] = A, r[28] = j);
 	let M;
-	r[31] === d ? M = r[32] : (M = d || {}, r[31] = d, r[32] = M);
+	r[29] === u ? M = r[30] : (M = u || {}, r[29] = u, r[30] = M);
 	let N;
-	r[33] === M ? N = r[34] : (N = [re, M], r[33] = M, r[34] = N);
+	r[31] === M ? N = r[32] : (N = [ee, M], r[31] = M, r[32] = N);
 	let P;
-	r[35] === f ? P = r[36] : (P = [Be, f], r[35] = f, r[36] = P);
+	r[33] === d ? P = r[34] : (P = d || {}, r[33] = d, r[34] = P);
 	let F;
-	r[37] !== N || r[38] !== P || r[39] !== T || r[40] !== E || r[41] !== O || r[42] !== k || r[43] !== j ? (F = [
-		T,
+	r[35] === P ? F = r[36] : (F = [re, P], r[35] = P, r[36] = F);
+	let I;
+	r[37] === f ? I = r[38] : (I = [Be, f], r[37] = f, r[38] = I);
+	let ue;
+	r[39] !== F || r[40] !== I || r[41] !== E || r[42] !== D || r[43] !== k || r[44] !== j || r[45] !== N ? (ue = [
 		E,
-		O,
+		D,
 		k,
 		j,
 		N,
-		P
-	], r[37] = N, r[38] = P, r[39] = T, r[40] = E, r[41] = O, r[42] = k, r[43] = j, r[44] = F) : F = r[44];
-	let I;
-	r[45] === Symbol.for("react.memo_cache_sentinel") ? (I = { store: e }, r[45] = I) : I = r[45], Re(F, I), m(u), ie(d);
-	let L, R;
-	r[46] !== _.debug || r[47] !== _.enableCrossChain || r[48] !== _.enableDegenMode || r[49] !== _.enableDelta || r[50] !== _.privyAppId || r[51] !== _.privyClientId || r[52] !== _.theme || r[53] !== _.widgetMode || r[54] !== p ? (L = () => {
+		F,
+		I
+	], r[39] = F, r[40] = I, r[41] = E, r[42] = D, r[43] = k, r[44] = j, r[45] = N, r[46] = ue) : ue = r[46];
+	let de;
+	r[47] === Symbol.for("react.memo_cache_sentinel") ? (de = { store: e }, r[47] = de) : de = r[47], Re(ue, de), m(u), ie(d);
+	let fe, L;
+	r[48] !== _.debug || r[49] !== _.enableCrossChain || r[50] !== _.enableDegenMode || r[51] !== _.enableDelta || r[52] !== _.privyAppId || r[53] !== _.privyClientId || r[54] !== _.theme || r[55] !== _.widgetMode || r[56] !== p ? (fe = () => {
 		p({
 			theme: _.theme,
 			enableDelta: _.enableDelta,
@@ -292,7 +293,7 @@ var Ye = {
 			widgetMode: _.widgetMode,
 			enableDegenMode: _.enableDegenMode
 		});
-	}, R = [
+	}, L = [
 		_.theme,
 		_.enableDelta,
 		_.enableCrossChain,
@@ -302,58 +303,60 @@ var Ye = {
 		_.widgetMode,
 		_.enableDegenMode,
 		p
-	], r[46] = _.debug, r[47] = _.enableCrossChain, r[48] = _.enableDegenMode, r[49] = _.enableDelta, r[50] = _.privyAppId, r[51] = _.privyClientId, r[52] = _.theme, r[53] = _.widgetMode, r[54] = p, r[55] = L, r[56] = R) : (L = r[55], R = r[56]), Pe(L, R);
-	let z, B;
-	r[57] !== v || r[58] !== y || r[59] !== b || r[60] !== x || r[61] !== te || r[62] !== S || r[63] !== C || r[64] !== w ? (z = () => {
+	], r[48] = _.debug, r[49] = _.enableCrossChain, r[50] = _.enableDegenMode, r[51] = _.enableDelta, r[52] = _.privyAppId, r[53] = _.privyClientId, r[54] = _.theme, r[55] = _.widgetMode, r[56] = p, r[57] = fe, r[58] = L) : (fe = r[57], L = r[58]), Pe(fe, L);
+	let R, z;
+	r[59] !== v || r[60] !== y || r[61] !== b || r[62] !== x || r[63] !== S || r[64] !== te || r[65] !== C || r[66] !== w || r[67] !== T ? (R = () => {
 		te({
-			srcChains: S,
+			srcChains: C,
 			destChains: v,
-			tokenLists: C,
-			tradeModes: w,
+			tokenLists: w,
+			tradeModes: T,
 			excludeUI: b,
 			devURLs: y,
-			partnerConfig: x
+			partnerConfig: x,
+			referrerConfig: S
 		});
-	}, B = [
-		S,
-		v,
+	}, z = [
 		C,
-		te,
+		v,
 		w,
+		te,
+		T,
 		b,
 		y,
-		x
-	], r[57] = v, r[58] = y, r[59] = b, r[60] = x, r[61] = te, r[62] = S, r[63] = C, r[64] = w, r[65] = z, r[66] = B) : (z = r[65], B = r[66]), Pe(z, B);
-	let V;
-	r[67] !== s?.apiKey || r[68] !== s?.headers || r[69] !== h ? (V = () => {
+		x,
+		S
+	], r[59] = v, r[60] = y, r[61] = b, r[62] = x, r[63] = S, r[64] = te, r[65] = C, r[66] = w, r[67] = T, r[68] = R, r[69] = z) : (R = r[68], z = r[69]), Pe(R, z);
+	let B;
+	r[70] !== s?.apiKey || r[71] !== s?.headers || r[72] !== h ? (B = () => {
 		h({
 			apiKey: s?.apiKey,
 			headers: s?.headers
 		});
-	}, r[67] = s?.apiKey, r[68] = s?.headers, r[69] = h, r[70] = V) : V = r[70];
-	let H = s?.apiKey, U = s?.headers, W;
-	r[71] !== h || r[72] !== H || r[73] !== U ? (W = [
-		H,
-		U,
+	}, r[70] = s?.apiKey, r[71] = s?.headers, r[72] = h, r[73] = B) : B = r[73];
+	let V = s?.apiKey, me = s?.headers, H;
+	r[74] !== h || r[75] !== V || r[76] !== me ? (H = [
+		V,
+		me,
 		h
-	], r[71] = h, r[72] = H, r[73] = U, r[74] = W) : W = r[74], Pe(V, W);
-	let G = n(ce), 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]), Pe(K, q);
-	let fe = De(_?.widgetMode !== "dapp"), J, Y, pe, me, he;
-	r[79] === Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ Q(de, {}), Y = /* @__PURE__ */ Q(oe, {}), pe = /* @__PURE__ */ Q(ae, {}), me = /* @__PURE__ */ Q(Ze, {}), he = !1, r[79] = J, r[80] = Y, r[81] = pe, r[82] = me, r[83] = he) : (J = r[79], Y = r[80], pe = r[81], me = r[82], he = r[83]);
+	], r[74] = h, r[75] = V, r[76] = me, r[77] = H) : H = r[77], Pe(B, H);
+	let U = n(se), W, G;
+	r[78] !== c || r[79] !== U ? (W = () => {
+		U(c || null);
+	}, G = [c, U], r[78] = c, r[79] = U, r[80] = W, r[81] = G) : (W = r[80], G = r[81]), Pe(W, G);
+	let he = De(_?.widgetMode !== "dapp"), K, q, J, ge, Y;
+	r[82] === Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ Q(pe, {}), q = /* @__PURE__ */ Q(oe, {}), J = /* @__PURE__ */ Q(ae, {}), ge = /* @__PURE__ */ Q(Ze, {}), Y = !1, r[82] = K, r[83] = q, r[84] = J, r[85] = ge, r[86] = Y) : (K = r[82], q = r[83], J = r[84], ge = r[85], Y = r[86]);
 	let X;
-	return r[84] === fe ? X = r[85] : (X = /* @__PURE__ */ $(ne, {
-		reconnectOnMount: fe,
+	return r[87] === he ? X = r[88] : (X = /* @__PURE__ */ $(ne, {
+		reconnectOnMount: he,
 		children: [
+			K,
+			q,
 			J,
-			Y,
-			pe,
-			me,
-			he
+			ge,
+			Y
 		]
-	}), r[84] = fe, r[85] = X), X;
+	}), r[87] = he, r[88] = X), X;
 }, $e = (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(y, { children: /* @__PURE__ */ Q(b, { children: /* @__PURE__ */ Q(Qe, {
@@ -370,9 +373,9 @@ function et(e) {
 	let s = c(), { isDrawerFullCover: l, isDrawerOpen: u } = T(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(W, { open: d }), t[2] = d, t[3] = m);
+	t[2] === d ? m = t[3] : (m = /* @__PURE__ */ Q(me, { open: d }), t[2] = d, t[3] = m);
 	let ee;
-	t[4] === Symbol.for("react.memo_cache_sentinel") ? (ee = r("overflow-hidden bottom-0 left-0 right-0 absolute transition-transform duration-500 z-11 pointer-events-none [&>*]:pointer-events-auto", h), t[4] = ee) : ee = t[4];
+	t[4] === Symbol.for("react.memo_cache_sentinel") ? (ee = r("overflow-hidden bottom-0 left-0 right-0 absolute transition-transform duration-500 z-11 pointer-events-none *:pointer-events-auto", h), t[4] = ee) : ee = t[4];
 	let _;
 	t[5] === a ? _ = t[6] : (_ = /* @__PURE__ */ Q("div", {
 		className: ee,
@@ -392,7 +395,7 @@ function et(e) {
 }
 function tt() {
 	let e = Z(1), t;
-	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ Q(A, { classes: { root: "mb-4" } }), e[0] = t) : t = e[0], t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ Q(j, { classes: { root: "mb-4" } }), e[0] = t) : t = e[0], t;
 }
 function nt() {
 	let e = Z(7), t = O(), n;
@@ -406,11 +409,11 @@ function nt() {
 	return e[5] === r ? i = e[6] : (i = /* @__PURE__ */ Q(_, { ...r }), e[5] = r, e[6] = i), i;
 }
 function rt() {
-	let e = Z(2), t = P(), n;
+	let e = Z(2), t = F(), n;
 	return e[0] === t ? n = e[1] : (n = /* @__PURE__ */ Q(_, { ...t }), e[0] = t, e[1] = n), n;
 }
 function it() {
-	let e = Z(2), t = q(), n;
+	let e = Z(2), t = W(), n;
 	return e[0] === t ? n = e[1] : (n = /* @__PURE__ */ Q(_, { ...t }), e[0] = t, e[1] = n), n;
 }
 function at() {
@@ -435,11 +438,11 @@ function ot() {
 	return e[6] === r ? i = e[7] : (i = /* @__PURE__ */ Q(_, { ...r }), e[6] = r, e[7] = i), i;
 }
 function st() {
-	let e = Z(2), t = F(), n;
+	let e = Z(2), t = I(), n;
 	return e[0] === t ? n = e[1] : (n = /* @__PURE__ */ Q(_, { ...t }), e[0] = t, e[1] = n), n;
 }
 function ct() {
-	let e = Z(2), t = fe(), n;
+	let e = Z(2), t = G(), n;
 	return e[0] === t ? n = e[1] : (n = /* @__PURE__ */ Q(_, { ...t }), e[0] = t, e[1] = n), n;
 }
 function lt() {
@@ -497,7 +500,7 @@ function mt() {
 		tokenFrom: r.token,
 		tokenTo: a.token
 	}, e[17] = r.token, e[18] = a.token, e[19] = c) : c = e[19];
-	let l = L(c), u = t.priceMode === "market" ? t.price : void 0, d = t.priceMode === "delta" ? t.price : void 0, f;
+	let l = de(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(xt, {
 		orderProps: s,
 		marketPrice: u,
@@ -525,35 +528,35 @@ function ht() {
 		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 = S(i), o = Number(r.amount) > 0 && a.token, s;
-	return e[11] === o ? s = e[12] : (s = o ? /* @__PURE__ */ Q(se, {}) : null, e[11] = o, e[12] = s), s;
+	return e[11] === o ? s = e[12] : (s = o ? /* @__PURE__ */ Q(k, {}) : null, e[11] = o, e[12] = s), s;
 }
 function gt() {
 	let e = Z(3), { isConnected: t } = ze(), n = t, r = d(), i;
-	return e[0] !== n || e[1] !== r ? (i = n ? /* @__PURE__ */ Q(k, {
+	return e[0] !== n || e[1] !== r ? (i = n ? /* @__PURE__ */ Q(A, {
 		classes: { root: "mt-2" },
 		type: "swap",
 		...r
 	}) : null, e[0] = n, e[1] = r, e[2] = i) : i = e[2], i;
 }
 function _t() {
-	let e = Z(7), t = N(), n = p(), i;
+	let e = Z(7), t = P(), 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(k, {
+	return e[4] !== n || e[5] !== a ? (o = /* @__PURE__ */ Q(A, {
 		classes: a,
 		type: "otc",
 		...n
 	}), e[4] = n, e[5] = a, e[6] = o) : o = e[6], o;
 }
 function vt() {
-	let e = Z(7), t = M(), n = f(), i;
+	let e = Z(7), t = N(), 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(k, {
+	return e[4] !== n || e[5] !== a ? (o = /* @__PURE__ */ Q(A, {
 		classes: a,
 		type: "limit",
 		...n
@@ -588,7 +591,7 @@ function xt(e) {
 	let { isConnected: l } = ze();
 	if (!l) {
 		let e;
-		return t[8] !== n || t[9] !== i ? (e = /* @__PURE__ */ Q(V, {
+		return t[8] !== n || t[9] !== i ? (e = /* @__PURE__ */ Q(z, {
 			drawerContainer: i,
 			...n
 		}), t[8] = n, t[9] = i, t[10] = e) : e = t[10], e;
@@ -602,7 +605,7 @@ function xt(e) {
 		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(z, {
+	return t[15] !== n || t[16] !== a || t[17] !== s || t[18] !== d ? (f = /* @__PURE__ */ Q(L, {
 		orderProps: s,
 		labelOverride: a,
 		...d,