@aori/mega-swap-widget 0.1.0 → 0.1.2

package/dist/index.js

@@ -1,1456 +1,5 @@
 "use client";
-import {
-  QuoteLoader_default
-} from "./chunk-QHW27RMH.js";
-import {
-  AssetAmountInput_default,
-  AssetSelection_default,
-  ChainSwitch,
-  RecipientForm_default,
-  RfqProvider,
-  SignSwap,
-  SwapButton,
-  TxStatusDisplay_default,
-  WalletModalContext,
-  canSubmitOrder,
-  cleanupOldSubmissions,
-  isQuoteFresh,
-  markOrderAsSubmitted,
-  pollOrderStatus,
-  useBalanceEventListener,
-  useBalanceEventSubscription,
-  useEmitBalanceEvent,
-  useOrderStatusPolling,
-  useRfq,
-  useTransactionRegistry,
-  useUnwrapToken,
-  useWalletModal,
-  useWrapToken
-} from "./chunk-ARMW5POL.js";
-import "./chunk-LTA7IG3J.js";
-import {
-  SwapFormProvider,
-  useSwapForm,
-  useSwapFormContext,
-  useTokenSelection,
-  useTokenSelectionStore,
-  useWidgetSwapUIStore
-} from "./chunk-TMC4SUEV.js";
-import {
-  AoriClientProvider,
-  WidgetConfigContext,
-  getAllChainConfigs,
-  getChainKeyToIdMapping,
-  setApiKey,
-  setRpcOverrides,
-  setVtApiBaseUrl,
-  staticChainsConfig,
-  useTextScramble,
-  useTokenData,
-  useWidgetConfig
-} from "./chunk-6Q7MSCKS.js";
-import {
-  useWalletState
-} from "./chunk-7AWG6OWF.js";
-import "./chunk-GGM3MDFM.js";
-
-// src/SwapWidget.tsx
-import React2, { useMemo as useMemo2 } from "react";
-
-// src/components/SwapContainer.tsx
-import { Suspense, lazy, useCallback as useCallback2, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
-import { useShallow as useShallow3 } from "zustand/react/shallow";
-
-// src/components/SwapForm.tsx
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useShallow } from "zustand/react/shallow";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var SwapForm = ({ onSwapComplete, onSwapInitiated }) => {
-  const {
-    web3ConnectionType,
-    hasConnectHandler,
-    lockBase,
-    lockQuote,
-    disableInverting,
-    tokenDisplay,
-    tokenBadgeOrientation,
-    widgetType
-  } = useWidgetConfig();
-  const isOverlayToken = tokenDisplay === "pill" || tokenDisplay === "ghost";
-  const isCompactMode = widgetType === "compact";
-  const basePadding = isCompactMode ? "px-4 pt-3 pb-1" : "px-4 pt-4 pb-2";
-  const quotePadding = isCompactMode ? "px-4 pt-4 pb-1" : "px-4 pt-6 pb-2";
-  const {
-    baseToken,
-    quoteToken,
-    baseAmount,
-    quoteAmount,
-    isBaseGasToken,
-    isQuoteGasToken,
-    isWrappingPair,
-    isUnwrappingPair,
-    baseBalance,
-    quoteBalance,
-    setBaseAmount,
-    setQuoteAmount,
-    swapTokens,
-    clearForm
-  } = useSwapFormContext();
-  const {
-    rfqQuote,
-    status: rfqStatus,
-    handleInputChange,
-    ensureForParams,
-    stop,
-    clear,
-    refresh
-  } = useRfq();
-  const { address: userAddress } = useWalletState();
-  const { openConnectModal: openWalletModal } = useWalletModal();
-  const { isRecipientInputOpen, txStatus } = useWidgetSwapUIStore(
-    useShallow((state) => ({
-      isRecipientInputOpen: state.isRecipientInputOpen,
-      txStatus: state.txStatus
-    }))
-  );
-  const [reviewState, setReviewState] = useState(null);
-  const [trackedOrderHash, setTrackedOrderHash] = useState(null);
-  const isHandlingStaleRestart = useRef(false);
-  const isPlacingOrder = false;
-  const reviewActionProps = useMemo(() => {
-    if (!baseToken || !quoteToken || typeof baseAmount !== "number" || !quoteAmount || !userAddress) return null;
-    if (parseFloat(baseBalance.formatted) < baseAmount) return null;
-    return { base: baseToken, quote: quoteToken, baseAmount, quoteAmount, userAddress };
-  }, [baseToken, quoteToken, baseAmount, quoteAmount, userAddress, baseBalance.formatted]);
-  const onOrderSubmitted = useCallback((orderHash) => {
-    setTrackedOrderHash(orderHash);
-    useWidgetSwapUIStore.getState().startTracking(orderHash);
-  }, []);
-  const onStaleQuoteRestart = useCallback(() => {
-    isHandlingStaleRestart.current = true;
-    refresh();
-  }, [refresh]);
-  useEffect(() => {
-    if (reviewState !== null) return;
-    if (!baseToken || !quoteToken) return;
-    if (!baseAmount || baseAmount <= 0) {
-      handleInputChange({ amount: null, inputToken: baseToken, outputToken: quoteToken, setOutputAmount: setQuoteAmount });
-      return;
-    }
-    if (isWrappingPair || isUnwrappingPair) {
-      setQuoteAmount(baseAmount);
-      return;
-    }
-    handleInputChange({
-      amount: baseAmount,
-      inputToken: baseToken,
-      outputToken: quoteToken,
-      setOutputAmount: setQuoteAmount
-    });
-  }, [
-    reviewState,
-    baseAmount,
-    baseToken,
-    quoteToken,
-    isWrappingPair,
-    isUnwrappingPair,
-    handleInputChange,
-    setQuoteAmount
-  ]);
-  const handleToggleBaseSelection = useCallback(() => {
-    useWidgetSwapUIStore.getState().setView("baseSelection");
-  }, []);
-  const handleToggleQuoteSelection = useCallback(() => {
-    useWidgetSwapUIStore.getState().setView("quoteSelection");
-  }, []);
-  const handleInvert = useCallback(() => {
-    swapTokens();
-    setQuoteAmount(null);
-  }, [swapTokens, setQuoteAmount]);
-  const handleMax = useCallback(() => {
-    if (!baseBalance.formatted || !baseToken || !quoteToken) return;
-    const balNum = parseFloat(baseBalance.formatted);
-    if (!balNum || balNum <= 0) return;
-    const adjusted = balNum * 0.9999999999;
-    if (isWrappingPair || isUnwrappingPair) {
-      setBaseAmount(adjusted);
-      setQuoteAmount(adjusted);
-      clear();
-    } else {
-      setBaseAmount(adjusted);
-      setQuoteAmount(null);
-      ensureForParams({
-        inputToken: baseToken,
-        outputToken: quoteToken,
-        inputAmount: adjusted.toString(),
-        setOutputAmount: (amount) => setQuoteAmount(amount)
-      });
-    }
-  }, [
-    baseBalance.formatted,
-    baseToken,
-    quoteToken,
-    isWrappingPair,
-    isUnwrappingPair,
-    setBaseAmount,
-    setQuoteAmount,
-    clear,
-    ensureForParams
-  ]);
-  const handleClear = useCallback(() => {
-    clear();
-    clearForm();
-  }, [clear, clearForm]);
-  const baseBalanceNum = baseBalance.formatted ? parseFloat(baseBalance.formatted) : null;
-  const hasAmount = !!(baseAmount || quoteAmount);
-  const baseUsd = baseToken?.price && baseAmount ? `$${(baseToken.price * baseAmount).toFixed(2)}` : "$0.00";
-  const quoteUsd = quoteToken?.price && quoteAmount ? `$${(quoteToken.price * quoteAmount).toFixed(2)}` : "$0.00";
-  const isShowingTxStatus = reviewState === "trackingTx" && !!trackedOrderHash && !!baseToken && !!quoteToken && !!baseAmount && !!quoteAmount;
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full", children: [
-    isShowingTxStatus && trackedOrderHash && baseToken && quoteToken && baseAmount && quoteAmount ? (
-      /* ── TX STATUS (replaces token sections during tracking) ── */
-      /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx(
-        TxStatusDisplay_default,
-        {
-          orderHash: trackedOrderHash,
-          base: baseToken,
-          quote: quoteToken,
-          baseAmount,
-          quoteAmount,
-          status: txStatus
-        }
-      ) })
-    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: `relative ${basePadding}`,
-          style: { borderBottom: "1px solid var(--widget-border)" },
-          children: [
-            isOverlayToken ? isCompactMode ? (
-              // compact + pill/ghost: side-by-side row, badge on side
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: `flex items-center gap-2 mb-2 ${tokenBadgeOrientation === "right" ? "flex-row-reverse" : "flex-row"}`,
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      AssetSelection_default,
-                      {
-                        toggle: handleToggleBaseSelection,
-                        side: "base",
-                        asset: baseToken,
-                        isPlacingOrder: isPlacingOrder || lockBase
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx(
-                      AssetAmountInput_default,
-                      {
-                        side: "base",
-                        asset: baseToken ?? null,
-                        otherAsset: quoteToken ?? null,
-                        isPlacingOrder,
-                        isWrappingPair,
-                        isUnwrappingPair
-                      }
-                    ) })
-                  ]
-                }
-              )
-            ) : (
-              // default + pill/ghost: badge stacked above input, aligned to chosen side
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: `flex flex-col ${tokenBadgeOrientation === "right" ? "items-end" : "items-start"}`,
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      AssetSelection_default,
-                      {
-                        toggle: handleToggleBaseSelection,
-                        side: "base",
-                        asset: baseToken,
-                        isPlacingOrder: isPlacingOrder || lockBase
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      AssetAmountInput_default,
-                      {
-                        side: "base",
-                        asset: baseToken ?? null,
-                        otherAsset: quoteToken ?? null,
-                        isPlacingOrder,
-                        isWrappingPair,
-                        isUnwrappingPair
-                      }
-                    )
-                  ]
-                }
-              )
-            ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(
-                AssetSelection_default,
-                {
-                  toggle: handleToggleBaseSelection,
-                  side: "base",
-                  asset: baseToken,
-                  isPlacingOrder: isPlacingOrder || lockBase
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                AssetAmountInput_default,
-                {
-                  side: "base",
-                  asset: baseToken ?? null,
-                  otherAsset: quoteToken ?? null,
-                  isPlacingOrder,
-                  isWrappingPair,
-                  isUnwrappingPair
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "mb-1 flex w-full flex-row items-center justify-between", children: [
-              /* @__PURE__ */ jsx(
-                "p",
-                {
-                  className: "mono text-sm",
-                  style: { color: "var(--widget-muted-foreground)" },
-                  children: baseUsd
-                }
-              ),
-              userAddress && baseBalanceNum !== null && baseBalanceNum > 0 && /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: handleMax,
-                  disabled: isPlacingOrder,
-                  className: "absolute bottom-3 right-4 flex items-center px-3 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed transition-colors bg-(--widget-primary) text-(--widget-primary-foreground) hover:bg-(--widget-foreground) hover:text-(--widget-card)",
-                  style: { borderRadius: "var(--widget-radius)" },
-                  children: "Max"
-                }
-              )
-            ] })
-          ]
-        }
-      ),
-      !disableInverting && /* @__PURE__ */ jsx("div", { className: "flex justify-center -my-4 relative z-10", children: /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: handleInvert,
-          "aria-label": "Swap input and output tokens",
-          className: "flex h-8 w-8 items-center justify-center rounded-full cursor-pointer transition-colors bg-(--widget-card) text-(--widget-muted-foreground) hover:bg-(--widget-secondary) hover:text-(--widget-foreground)",
-          style: { border: "1px solid var(--widget-border)" },
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "text-2xs", children: "\u2191" }),
-            /* @__PURE__ */ jsx("span", { className: "text-2xs", children: "\u2193" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: `relative ${quotePadding}`, children: [
-        isOverlayToken ? isCompactMode ? /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: `flex items-center gap-2 ${tokenBadgeOrientation === "right" ? "flex-row-reverse" : "flex-row"}`,
-            children: [
-              /* @__PURE__ */ jsx(
-                AssetSelection_default,
-                {
-                  toggle: handleToggleQuoteSelection,
-                  side: "quote",
-                  asset: quoteToken,
-                  isPlacingOrder: isPlacingOrder || lockQuote
-                }
-              ),
-              /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx(
-                AssetAmountInput_default,
-                {
-                  side: "quote",
-                  asset: quoteToken ?? null,
-                  otherAsset: baseToken ?? null,
-                  isPlacingOrder,
-                  isWrappingPair,
-                  isUnwrappingPair
-                }
-              ) })
-            ]
-          }
-        ) : /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: `flex flex-col ${tokenBadgeOrientation === "right" ? "items-end" : "items-start"}`,
-            children: [
-              /* @__PURE__ */ jsx(
-                AssetSelection_default,
-                {
-                  toggle: handleToggleQuoteSelection,
-                  side: "quote",
-                  asset: quoteToken,
-                  isPlacingOrder: isPlacingOrder || lockQuote
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                AssetAmountInput_default,
-                {
-                  side: "quote",
-                  asset: quoteToken ?? null,
-                  otherAsset: baseToken ?? null,
-                  isPlacingOrder,
-                  isWrappingPair,
-                  isUnwrappingPair
-                }
-              )
-            ]
-          }
-        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            AssetSelection_default,
-            {
-              toggle: handleToggleQuoteSelection,
-              side: "quote",
-              asset: quoteToken,
-              isPlacingOrder: isPlacingOrder || lockQuote
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            AssetAmountInput_default,
-            {
-              side: "quote",
-              asset: quoteToken ?? null,
-              otherAsset: baseToken ?? null,
-              isPlacingOrder,
-              isWrappingPair,
-              isUnwrappingPair
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-row items-center justify-between", children: [
-          /* @__PURE__ */ jsx(
-            "p",
-            {
-              className: "mono text-sm",
-              style: { color: "var(--widget-muted-foreground)" },
-              children: quoteUsd
-            }
-          ),
-          hasAmount && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: handleClear,
-              disabled: isPlacingOrder,
-              className: "absolute bottom-2 right-4 flex items-center px-3 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed transition-colors text-(--widget-muted-foreground) hover:bg-(--widget-secondary)",
-              style: { borderRadius: "var(--widget-radius)" },
-              children: "Clear"
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "flex flex-row items-center w-full overflow-hidden",
-          style: {
-            borderTop: isRecipientInputOpen ? "1px solid var(--widget-border)" : "none",
-            maxHeight: isRecipientInputOpen ? "60px" : "0px",
-            opacity: isRecipientInputOpen ? 1 : 0,
-            transition: "max-height 0.3s ease, opacity 0.3s ease"
-          },
-          children: /* @__PURE__ */ jsx(RecipientForm_default, {})
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "px-4",
-          style: {
-            borderTop: "1px solid var(--widget-border)",
-            borderBottom: "1px solid var(--widget-border)"
-          },
-          children: /* @__PURE__ */ jsx(QuoteLoader_default, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: `relative ${isShowingTxStatus ? "px-0" : "px-4"} ${isCompactMode ? "py-2" : "py-4"}`, children: userAddress && baseToken && quoteToken && baseAmount && baseAmount > 0 ? /* @__PURE__ */ jsx(
-      SwapButton,
-      {
-        base: baseToken,
-        baseAmount,
-        quote: quoteToken,
-        quoteAmount: quoteAmount ?? 0,
-        userAddress,
-        isWrappingPair,
-        isUnwrappingPair,
-        isBaseGasToken,
-        isQuoteGasToken,
-        reviewActionProps,
-        reviewState,
-        setReviewState,
-        trackedOrderHash,
-        setTrackedOrderHash,
-        onSwapComplete,
-        onSwapInitiated,
-        onOrderSubmitted,
-        onStaleQuoteRestart,
-        txStatus
-      }
-    ) : !userAddress && hasConnectHandler ? /* @__PURE__ */ jsx(
-      "button",
-      {
-        onClick: () => openWalletModal(),
-        className: `w-full ${isCompactMode ? "py-2" : "py-3"} text-sm font-medium cursor-pointer transition-opacity hover:opacity-80`,
-        style: {
-          backgroundColor: "var(--widget-primary)",
-          color: "var(--widget-primary-foreground)",
-          borderRadius: "var(--widget-radius)"
-        },
-        children: "Connect Wallet"
-      }
-    ) : /* @__PURE__ */ jsx(
-      "button",
-      {
-        disabled: true,
-        className: `w-full ${isCompactMode ? "py-2" : "py-3"} text-sm font-medium transition-colors disabled:opacity-40 cursor-not-allowed`,
-        style: {
-          backgroundColor: "var(--widget-primary)",
-          color: "var(--widget-primary-foreground)",
-          borderRadius: "var(--widget-radius)"
-        },
-        children: !userAddress ? "Connect Wallet" : "Enter Amount"
-      }
-    ) })
-  ] });
-};
-var SwapForm_default = SwapForm;
-
-// src/components/SwapFormSkeleton.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var SwapFormSkeleton = () => /* @__PURE__ */ jsxs2("div", { className: "flex flex-col w-full", children: [
-  /* @__PURE__ */ jsxs2(
-    "div",
-    {
-      className: "relative px-4 pt-4 pb-2",
-      style: { borderBottom: "1px solid var(--widget-border)" },
-      children: [
-        /* @__PURE__ */ jsx2(
-          "div",
-          {
-            className: "h-12 w-full animate-pulse",
-            style: { backgroundColor: "var(--widget-secondary)", borderRadius: "0.25rem" }
-          }
-        ),
-        /* @__PURE__ */ jsx2(
-          "div",
-          {
-            className: "mt-2 h-20 w-2/3 animate-pulse",
-            style: { backgroundColor: "var(--widget-secondary)", opacity: 0.5, borderRadius: "0.25rem" }
-          }
-        ),
-        /* @__PURE__ */ jsx2("div", { className: "mt-1 mb-1 flex w-full items-center justify-between", children: /* @__PURE__ */ jsx2(
-          "div",
-          {
-            className: "h-4 w-12 animate-pulse",
-            style: { backgroundColor: "var(--widget-secondary)", opacity: 0.4, borderRadius: "0.25rem" }
-          }
-        ) })
-      ]
-    }
-  ),
-  /* @__PURE__ */ jsx2("div", { className: "flex justify-center -my-4 relative z-10", children: /* @__PURE__ */ jsx2(
-    "div",
-    {
-      className: "h-8 w-8",
-      style: {
-        border: "1px solid var(--widget-border)",
-        backgroundColor: "var(--widget-card)",
-        borderRadius: "9999px"
-      }
-    }
-  ) }),
-  /* @__PURE__ */ jsxs2("div", { className: "relative px-4 pt-6 pb-2", children: [
-    /* @__PURE__ */ jsx2(
-      "div",
-      {
-        className: "h-12 w-full animate-pulse",
-        style: { backgroundColor: "var(--widget-secondary)", borderRadius: "0.25rem" }
-      }
-    ),
-    /* @__PURE__ */ jsx2(
-      "div",
-      {
-        className: "mt-2 h-20 w-2/3 animate-pulse",
-        style: { backgroundColor: "var(--widget-secondary)", opacity: 0.5, borderRadius: "0.25rem" }
-      }
-    ),
-    /* @__PURE__ */ jsx2("div", { className: "mt-1 mb-1 flex w-full items-center justify-between", children: /* @__PURE__ */ jsx2(
-      "div",
-      {
-        className: "h-4 w-12 animate-pulse",
-        style: { backgroundColor: "var(--widget-secondary)", opacity: 0.4, borderRadius: "0.25rem" }
-      }
-    ) })
-  ] }),
-  /* @__PURE__ */ jsx2(
-    "div",
-    {
-      className: "px-4",
-      style: {
-        height: "28px",
-        borderTop: "1px solid var(--widget-border)",
-        borderBottom: "1px solid var(--widget-border)"
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx2("div", { className: "relative px-4 py-4", children: /* @__PURE__ */ jsx2(
-    "div",
-    {
-      className: "w-full animate-pulse",
-      style: {
-        height: "44px",
-        backgroundColor: "var(--widget-secondary)",
-        borderRadius: "var(--widget-radius)",
-        opacity: 0.6
-      }
-    }
-  ) })
-] });
-
-// src/components/SwapHeader.tsx
-import { useEffect as useEffect2, useState as useState2 } from "react";
-import { useShallow as useShallow2 } from "zustand/react/shallow";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var TextScrambleDisplay = ({
-  targetText,
-  isError
-}) => {
-  const { displayText, suffix, characterColors } = useTextScramble(
-    targetText,
-    isError
-  );
-  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    displayText.split("").map((char, index) => /* @__PURE__ */ jsx3(
-      "span",
-      {
-        style: characterColors[index] ? { color: "var(--widget-destructive)" } : void 0,
-        children: char
-      },
-      index
-    )),
-    /* @__PURE__ */ jsx3(
-      "span",
-      {
-        style: {
-          color: isError ? "var(--widget-destructive)" : "var(--widget-muted-foreground)",
-          opacity: isError ? 0.5 : 1
-        },
-        children: suffix
-      }
-    )
-  ] });
-};
-var SwapHeader = ({
-  headerText,
-  onBackClick,
-  isSameChain,
-  isWrappingPair,
-  isUnwrappingPair,
-  hasLowLiquidity,
-  hasInsufficientLiquidity,
-  hasRoutingError,
-  hasSizeCapError
-}) => {
-  const view = useWidgetSwapUIStore((state) => state.view);
-  const {
-    isRecipientInputOpen,
-    hasAllowanceError,
-    hoveredChainName,
-    isTrackingTx,
-    txStatus,
-    walletTab
-  } = useWidgetSwapUIStore(
-    useShallow2((state) => ({
-      isRecipientInputOpen: state.isRecipientInputOpen,
-      hasAllowanceError: state.hasAllowanceError,
-      hoveredChainName: state.hoveredChainName,
-      isTrackingTx: state.isTrackingTx,
-      txStatus: state.txStatus,
-      walletTab: state.walletTab
-    }))
-  );
-  const { web3ConnectionType, swapHeaderVariant, customWalletUI, walletButtonEnabled } = useWidgetConfig();
-  const { isConnected } = useWalletState();
-  const { openAccountModal } = useWalletModal();
-  const [mounted, setMounted] = useState2(false);
-  useEffect2(() => setMounted(true), []);
-  const [isRecipientButtonHovered, setIsRecipientButtonHovered] = useState2(false);
-  const scrambleKey = `${view}-${isRecipientButtonHovered}-${isRecipientInputOpen}-${hoveredChainName || "none"}`;
-  const getHeaderText = () => {
-    if (isTrackingTx && txStatus) {
-      switch (txStatus) {
-        case "pending":
-          return "Trade Pending";
-        case "received":
-          return "Trade Received";
-        case "completed":
-          return "Trade Filled";
-        case "failed":
-          return "Trade Failed";
-        case "cancelled":
-          return "Trade Cancelled";
-        default:
-          return "Processing Trade";
-      }
-    }
-    if (hoveredChainName && (view === "baseSelection" || view === "quoteSelection" || view === "baseChainSelection" || view === "quoteChainSelection")) {
-      return hoveredChainName;
-    }
-    if (view === "swap" && isRecipientButtonHovered) {
-      return isRecipientInputOpen ? "Remove Custom Recipient" : "Add Custom Recipient";
-    }
-    switch (view) {
-      case "wallet":
-        return "Wallet";
-      case "baseSelection":
-        return "Select Source Token";
-      case "quoteSelection":
-        return "Select Destination Token";
-      case "baseChainSelection":
-        return "Select Source Chain";
-      case "quoteChainSelection":
-        return "Select Destination Chain";
-      default:
-        if (view === "swap") {
-          if (hasAllowanceError && !isWrappingPair && !isUnwrappingPair)
-            return "Allowance check failed";
-          if (hasSizeCapError && !isWrappingPair && !isUnwrappingPair)
-            return "Size limit exceeded";
-          if (hasInsufficientLiquidity && !isWrappingPair && !isUnwrappingPair)
-            return "Insufficient Liquidity";
-          if (hasRoutingError && !isWrappingPair && !isUnwrappingPair)
-            return "Route Not Found";
-          if (hasLowLiquidity && !isWrappingPair && !isUnwrappingPair)
-            return "High Price Impact";
-        }
-        if (isSameChain && !isWrappingPair && !isUnwrappingPair) return "Swap";
-        if (isWrappingPair) return "Wrap";
-        if (isUnwrappingPair) return "Unwrap";
-        return headerText;
-    }
-  };
-  const targetHeaderText = getHeaderText();
-  const isErrorMessage = !isTrackingTx && view === "swap" && !isRecipientButtonHovered && (hasAllowanceError && !isWrappingPair && !isUnwrappingPair || hasSizeCapError && !isWrappingPair && !isUnwrappingPair || hasInsufficientLiquidity && !isWrappingPair && !isUnwrappingPair || hasRoutingError && !isWrappingPair && !isUnwrappingPair || hasLowLiquidity && !isWrappingPair && !isUnwrappingPair);
-  const statusVarMap = {
-    pending: "var(--widget-status-pending)",
-    received: "var(--widget-status-received)",
-    completed: "var(--widget-status-completed)",
-    failed: "var(--widget-status-failed)",
-    cancelled: "var(--widget-status-failed)"
-  };
-  const getHeaderTextColor = () => {
-    if (!isTrackingTx || !txStatus) return null;
-    return statusVarMap[txStatus] ?? null;
-  };
-  const renderRightComponent = () => {
-    if (isTrackingTx) return null;
-    if (view === "swap") {
-      return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-        walletButtonEnabled && mounted && web3ConnectionType === "custom" && isConnected && /* @__PURE__ */ jsx3(
-          "button",
-          {
-            onClick: () => {
-              if (customWalletUI === "provider" && openAccountModal) {
-                openAccountModal();
-              } else {
-                useWidgetSwapUIStore.getState().setView("wallet");
-              }
-            },
-            "aria-label": "Open wallet",
-            className: "size-4 -translate-y-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors text-(--widget-muted-foreground) opacity-60 hover:text-(--widget-foreground) hover:opacity-100",
-            children: /* @__PURE__ */ jsxs3(
-              "svg",
-              {
-                className: "size-3.5",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: [
-                  /* @__PURE__ */ jsx3("rect", { x: "2", y: "5", width: "20", height: "15", rx: "2", stroke: "currentColor", strokeWidth: "1.5" }),
-                  /* @__PURE__ */ jsx3("path", { d: "M16 12C16 11.4477 16.4477 11 17 11H21V13H17C16.4477 13 16 12.5523 16 12Z", fill: "currentColor" }),
-                  /* @__PURE__ */ jsx3("path", { d: "M2 9H22", stroke: "currentColor", strokeWidth: "1.5" })
-                ]
-              }
-            )
-          }
-        ),
-        walletButtonEnabled && mounted && web3ConnectionType === "standalone" && isConnected && openAccountModal && /* @__PURE__ */ jsx3(
-          "button",
-          {
-            onClick: () => openAccountModal(),
-            "aria-label": "Open account",
-            className: "size-4 -translate-y-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors text-(--widget-muted-foreground) opacity-60 hover:text-(--widget-foreground) hover:opacity-100",
-            children: /* @__PURE__ */ jsxs3(
-              "svg",
-              {
-                className: "size-3.5",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: [
-                  /* @__PURE__ */ jsx3("rect", { x: "2", y: "5", width: "20", height: "15", rx: "2", stroke: "currentColor", strokeWidth: "1.5" }),
-                  /* @__PURE__ */ jsx3("path", { d: "M16 12C16 11.4477 16.4477 11 17 11H21V13H17C16.4477 13 16 12.5523 16 12Z", fill: "currentColor" }),
-                  /* @__PURE__ */ jsx3("path", { d: "M2 9H22", stroke: "currentColor", strokeWidth: "1.5" })
-                ]
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx3(
-          "button",
-          {
-            onClick: () => useWidgetSwapUIStore.getState().toggleRecipientInput(),
-            onMouseEnter: () => setIsRecipientButtonHovered(true),
-            onMouseLeave: () => setIsRecipientButtonHovered(false),
-            "aria-label": isRecipientInputOpen ? "Remove custom recipient" : "Add custom recipient",
-            className: `size-4 -translate-y-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors hover:text-(--widget-foreground) hover:opacity-100 ${isRecipientInputOpen ? "text-(--widget-destructive) opacity-80" : "text-(--widget-muted-foreground) opacity-60"}`,
-            children: /* @__PURE__ */ jsxs3(
-              "svg",
-              {
-                className: "size-3.5",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: [
-                  /* @__PURE__ */ jsx3(
-                    "path",
-                    {
-                      d: "M2 7.75C1.58579 7.75 1.25 8.08579 1.25 8.5C1.25 8.91421 1.58579 9.25 2 9.25V7.75ZM2 8.5V9.25H13.5V8.5V7.75H2V8.5Z",
-                      fill: "currentColor"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx3(
-                    "path",
-                    {
-                      d: "M6 16.5H8",
-                      stroke: "currentColor",
-                      strokeWidth: "1.5",
-                      strokeMiterlimit: "10",
-                      strokeLinecap: "butt",
-                      strokeLinejoin: "miter"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx3(
-                    "path",
-                    {
-                      d: "M10.5 16.5H14.5",
-                      stroke: "currentColor",
-                      strokeWidth: "1.5",
-                      strokeMiterlimit: "10",
-                      strokeLinecap: "butt",
-                      strokeLinejoin: "miter"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx3(
-                    "path",
-                    {
-                      d: "M22 12.03V16.11C22 20.5 22 20.5 17.56 20.5H6.44C2 20.5 2 20.5 2 16.11V7.89C2 3.5 2 3.5 6.44 3.5H13.5",
-                      stroke: "currentColor",
-                      strokeWidth: "1.5",
-                      strokeLinejoin: "miter"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs3(
-                    "g",
-                    {
-                      style: {
-                        transform: `rotate(${isRecipientInputOpen ? "45deg" : "0deg"})`,
-                        transformOrigin: "18.75px 6.75px",
-                        transition: "transform 150ms ease-out"
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx3(
-                          "path",
-                          {
-                            d: "M15 6.75H22.5",
-                            stroke: "currentColor",
-                            strokeWidth: "1.5"
-                          }
-                        ),
-                        /* @__PURE__ */ jsx3(
-                          "path",
-                          {
-                            d: "M18.75 10.5V3",
-                            stroke: "currentColor",
-                            strokeWidth: "1.5"
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ]
-              }
-            )
-          }
-        )
-      ] });
-    }
-    return /* @__PURE__ */ jsxs3(
-      "button",
-      {
-        onClick: () => onBackClick ? onBackClick() : useWidgetSwapUIStore.getState().setView("swap"),
-        className: "flex cursor-pointer items-center justify-center whitespace-nowrap h-6 transition-colors text-(--widget-muted-foreground) opacity-70 hover:text-(--widget-foreground) hover:opacity-100",
-        children: [
-          /* @__PURE__ */ jsx3("span", { className: "pr-1", children: "\u2190" }),
-          /* @__PURE__ */ jsx3("span", { className: "text-sm", children: "Back" })
-        ]
-      }
-    );
-  };
-  const headerTextColor = getHeaderTextColor();
-  if (swapHeaderVariant === "none") return null;
-  return /* @__PURE__ */ jsxs3("div", { className: "w-full pt-3 px-2 mono text-base flex flex-row justify-between h-6 shrink-0", children: [
-    view === "wallet" ? /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1 mono uppercase -translate-y-0.5 text-xs", children: [
-      /* @__PURE__ */ jsxs3(
-        "button",
-        {
-          type: "button",
-          onClick: () => useWidgetSwapUIStore.getState().setWalletTab("wallet"),
-          className: "cursor-pointer transition-colors",
-          style: {
-            color: walletTab === "wallet" ? "var(--widget-foreground)" : "var(--widget-muted-foreground)"
-          },
-          children: [
-            /* @__PURE__ */ jsx3("span", { style: { color: "var(--widget-muted-foreground)" }, children: ">> " }),
-            /* @__PURE__ */ jsx3("span", { children: "Wallet" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx3("span", { style: { color: "var(--widget-foreground)", opacity: 0.4 }, children: ">>" }),
-      /* @__PURE__ */ jsx3(
-        "button",
-        {
-          type: "button",
-          onClick: () => useWidgetSwapUIStore.getState().setWalletTab("activity"),
-          className: "cursor-pointer transition-colors",
-          style: {
-            color: walletTab === "activity" ? "var(--widget-foreground)" : "var(--widget-muted-foreground)"
-          },
-          children: "Activity"
-        }
-      )
-    ] }) : /* @__PURE__ */ jsxs3("div", { className: "mono uppercase -translate-y-0.5 text-xs flex items-center", children: [
-      /* @__PURE__ */ jsx3(
-        "span",
-        {
-          className: "mr-1.5",
-          style: { color: "var(--widget-muted-foreground)", opacity: 0.4 },
-          children: ">> "
-        }
-      ),
-      /* @__PURE__ */ jsx3(
-        "span",
-        {
-          className: "relative",
-          style: { color: headerTextColor || "var(--widget-foreground)" },
-          children: /* @__PURE__ */ jsx3(
-            TextScrambleDisplay,
-            {
-              targetText: targetHeaderText,
-              isError: isErrorMessage ?? false
-            }
-          )
-        },
-        scrambleKey
-      )
-    ] }),
-    /* @__PURE__ */ jsx3("div", { className: "flex flex-row items-center", children: renderRightComponent() })
-  ] });
-};
-var SwapHeader_default = SwapHeader;
-
-// src/components/SwapContainer.tsx
-import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var AssetSelectionMenu = lazy(() => import("./AssetSelectionMenu-ZRG42UCZ.js"));
-var ChainSelectionMenu = lazy(() => import("./ChainSelectionMenu-QO3H4TNR.js"));
-var SwapFormHorizontal = lazy(() => import("./SwapFormHorizontal-JDJUDFNX.js"));
-var SwapFormSplit = lazy(() => import("./SwapFormSplit-7CHTPLEQ.js"));
-var WidgetWalletPanel = lazy(() => import("./WidgetWalletPanel-D7I5TAU3.js").then((m) => ({ default: m.WidgetWalletPanel })));
-var WalletPlaceholderPanel = lazy(() => import("./WalletPlaceholderPanel-7YDQ4FT6.js").then((m) => ({ default: m.WalletPlaceholderPanel })));
-var SwapContainerInner = ({
-  onSwapComplete,
-  cardStyles,
-  cardWidth
-}) => {
-  const {
-    baseToken,
-    quoteToken,
-    baseAmount,
-    quoteAmount,
-    isWrappingPair,
-    isUnwrappingPair,
-    isRegistryLoading
-  } = useSwapFormContext();
-  const { liquidityError, routingError, sizeCapError, stop, clear } = useRfq();
-  const view = useWidgetSwapUIStore((state) => state.view);
-  const {
-    isTransitioning,
-    isRecipientInputOpen,
-    recipient,
-    selectedChainFilterChainId
-  } = useWidgetSwapUIStore(
-    useShallow3((state) => ({
-      isTransitioning: state.isTransitioning,
-      isRecipientInputOpen: state.isRecipientInputOpen,
-      recipient: state.recipient,
-      selectedChainFilterChainId: state.selectedChainFilter?.chainId ?? null
-    }))
-  );
-  const enterTimeoutRef = useRef2(null);
-  const exitTimeoutRef = useRef2(null);
-  const [exitingOverlay, setExitingOverlay] = useState3(null);
-  useBalanceEventSubscription();
-  useEffect3(() => {
-    return () => {
-      if (enterTimeoutRef.current) clearTimeout(enterTimeoutRef.current);
-      if (exitTimeoutRef.current) clearTimeout(exitTimeoutRef.current);
-    };
-  }, []);
-  useEffect3(() => {
-    useWidgetSwapUIStore.getState().resetUI();
-  }, []);
-  useEffect3(() => {
-    if (!isTransitioning) return;
-    enterTimeoutRef.current = setTimeout(() => {
-      useWidgetSwapUIStore.getState().setIsTransitioning(false);
-      enterTimeoutRef.current = null;
-    }, 20);
-    return () => {
-      if (enterTimeoutRef.current) {
-        clearTimeout(enterTimeoutRef.current);
-        enterTimeoutRef.current = null;
-      }
-    };
-  }, [isTransitioning]);
-  const transitionToView = useCallback2(
-    (newView, type = "navigation") => {
-      if (exitTimeoutRef.current) {
-        clearTimeout(exitTimeoutRef.current);
-        exitTimeoutRef.current = null;
-        setExitingOverlay(null);
-      }
-      const currentView = useWidgetSwapUIStore.getState().view;
-      if (currentView !== "swap" && newView !== "swap") {
-        useWidgetSwapUIStore.getState().setView(newView);
-        useWidgetSwapUIStore.getState().setIsTransitioning(false);
-      } else {
-        useWidgetSwapUIStore.getState().transitionToView(newView, type);
-      }
-    },
-    []
-  );
-  const handleBackToSwap = useCallback2(() => {
-    if (enterTimeoutRef.current) {
-      clearTimeout(enterTimeoutRef.current);
-      enterTimeoutRef.current = null;
-    }
-    if (exitTimeoutRef.current) {
-      clearTimeout(exitTimeoutRef.current);
-      exitTimeoutRef.current = null;
-    }
-    const currentView = useWidgetSwapUIStore.getState().view;
-    setExitingOverlay(currentView);
-    useWidgetSwapUIStore.getState().setChainFilter(null);
-    useWidgetSwapUIStore.getState().setView("swap");
-    useWidgetSwapUIStore.getState().setIsTransitioning(false);
-    useWidgetSwapUIStore.getState().resetAssetSelection();
-    exitTimeoutRef.current = setTimeout(() => {
-      setExitingOverlay(null);
-      exitTimeoutRef.current = null;
-    }, 200);
-  }, []);
-  const handleChainFilterSelect = useCallback2(
-    (chainId) => {
-      const previousView = view;
-      const side = previousView === "baseChainSelection" ? "base" : "quote";
-      useWidgetSwapUIStore.getState().setChainFilter({ chainId, side });
-      useWidgetSwapUIStore.getState().pushRecentChain(chainId);
-      transitionToView(
-        side === "base" ? "baseSelection" : "quoteSelection",
-        "chainSelection"
-      );
-    },
-    [view, transitionToView]
-  );
-  const handleMoreChainsClick = useCallback2(() => {
-    const currentView = useWidgetSwapUIStore.getState().view;
-    if (currentView === "baseSelection") {
-      transitionToView("baseChainSelection", "chainSelection");
-    } else if (currentView === "quoteSelection") {
-      transitionToView("quoteChainSelection", "chainSelection");
-    }
-  }, [transitionToView]);
-  const handleSwapInitiated = useCallback2(() => {
-    stop();
-    clear();
-  }, [stop, clear]);
-  const isSameChain = baseToken && quoteToken ? baseToken.chainId === quoteToken.chainId : true;
-  const getHeaderText = () => {
-    switch (view) {
-      case "wallet":
-        return "Wallet";
-      case "baseSelection":
-        return "Select Input Token";
-      case "quoteSelection":
-        return "Select Output Token";
-      case "baseChainSelection":
-      case "quoteChainSelection":
-        return "Select Chain";
-      default:
-        return "Swap";
-    }
-  };
-  const { assetMenuVariant, widgetType, customWalletUI } = useWidgetConfig();
-  const isTokenSelection = view === "baseSelection" || view === "quoteSelection";
-  const isChainSelection = view === "baseChainSelection" || view === "quoteChainSelection";
-  const isSideBySide = assetMenuVariant === "split" && (widgetType === "default" || widgetType === "compact");
-  const isInlineMenu = assetMenuVariant === "split" && (widgetType === "horizontal" || widgetType === "split");
-  const isPanelMode = assetMenuVariant === "default";
-  const showSwapForm = view === "swap" || isTokenSelection || isChainSelection || view === "wallet";
-  const isTokenSelectionExiting = exitingOverlay === "baseSelection" || exitingOverlay === "quoteSelection";
-  const isChainSelectionExiting = exitingOverlay === "baseChainSelection" || exitingOverlay === "quoteChainSelection";
-  const showTokenOverlay = isTokenSelection || isTokenSelectionExiting;
-  const showChainOverlay = isChainSelection || isChainSelectionExiting;
-  const isTokenOverlayActive = isTokenSelection && !isTransitioning;
-  const isChainOverlayActive = isChainSelection && !isTransitioning;
-  const effectiveTokenView = isTokenSelection ? view : exitingOverlay;
-  const menuSide = effectiveTokenView === "baseSelection" ? "base" : "quote";
-  const menuOtherAsset = effectiveTokenView === "baseSelection" ? quoteToken : baseToken;
-  const effectiveChainView = isChainSelection ? view : exitingOverlay;
-  const chainMenuSide = effectiveChainView === "baseChainSelection" ? "base" : "quote";
-  const overlayStyle = (isActive) => ({
-    backgroundColor: "var(--widget-background)",
-    opacity: isActive ? 1 : 0,
-    transform: isActive ? "translateY(0)" : "translateY(6px)",
-    transition: "opacity 200ms ease-in-out, transform 200ms ease-in-out"
-  });
-  const hasActiveOverlay = isPanelMode && (isTokenSelection || isChainSelection || view === "wallet" || exitingOverlay != null);
-  const formContent = isRegistryLoading ? /* @__PURE__ */ jsx4(SwapFormSkeleton, {}) : widgetType === "horizontal" ? /* @__PURE__ */ jsx4(Suspense, { fallback: null, children: /* @__PURE__ */ jsx4(
-    SwapFormHorizontal,
-    {
-      onSwapComplete,
-      onSwapInitiated: handleSwapInitiated,
-      onBackToSwap: isInlineMenu ? handleBackToSwap : void 0,
-      onMoreChainsClick: isInlineMenu ? handleMoreChainsClick : void 0
-    }
-  ) }) : widgetType === "split" ? /* @__PURE__ */ jsx4(Suspense, { fallback: null, children: /* @__PURE__ */ jsx4(
-    SwapFormSplit,
-    {
-      onSwapComplete,
-      onSwapInitiated: handleSwapInitiated,
-      onBackToSwap: isInlineMenu ? handleBackToSwap : void 0,
-      onMoreChainsClick: isInlineMenu ? handleMoreChainsClick : void 0
-    }
-  ) }) : /* @__PURE__ */ jsx4(SwapForm_default, { onSwapComplete, onSwapInitiated: handleSwapInitiated });
-  const cs = cardStyles ?? {};
-  const leftCardRef = useRef2(null);
-  const [leftCardHeight, setLeftCardHeight] = useState3(420);
-  useEffect3(() => {
-    if (!isSideBySide) return;
-    const el = leftCardRef.current;
-    if (!el) return;
-    const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        setLeftCardHeight(entry.contentRect.height);
-      }
-    });
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [isSideBySide]);
-  if (isSideBySide) {
-    return /* @__PURE__ */ jsxs4(Fragment3, { children: [
-      /* @__PURE__ */ jsxs4(
-        "div",
-        {
-          ref: leftCardRef,
-          className: "flex flex-col w-full overflow-hidden transition-colors duration-300",
-          style: {
-            flex: "1 1 0",
-            minWidth: 0,
-            ...cs
-          },
-          children: [
-            /* @__PURE__ */ jsx4(
-              SwapHeader_default,
-              {
-                headerText: "Swap",
-                onBackClick: handleBackToSwap,
-                isSameChain,
-                isWrappingPair,
-                isUnwrappingPair,
-                hasLowLiquidity: liquidityError,
-                hasInsufficientLiquidity: liquidityError,
-                hasRoutingError: routingError,
-                hasSizeCapError: sizeCapError
-              }
-            ),
-            /* @__PURE__ */ jsx4("div", { className: "overflow-hidden", children: formContent })
-          ]
-        }
-      ),
-      (showTokenOverlay || showChainOverlay) && /* @__PURE__ */ jsx4(
-        "div",
-        {
-          className: "flex flex-col overflow-hidden shrink-0",
-          style: {
-            width: cardWidth,
-            height: `${leftCardHeight}px`,
-            ...cs,
-            ...overlayStyle(
-              (isTokenSelection || isChainSelection) && !isTransitioning
-            )
-          },
-          children: isTokenSelection || isTokenSelectionExiting ? /* @__PURE__ */ jsx4(Suspense, { fallback: null, children: /* @__PURE__ */ jsx4(
-            AssetSelectionMenu,
-            {
-              toggle: handleBackToSwap,
-              side: menuSide,
-              otherAsset: menuOtherAsset,
-              onMoreChainsClick: handleMoreChainsClick,
-              selectedChainFilter: selectedChainFilterChainId
-            }
-          ) }) : /* @__PURE__ */ jsx4(Suspense, { fallback: null, children: /* @__PURE__ */ jsx4(
-            ChainSelectionMenu,
-            {
-              toggle: handleBackToSwap,
-              side: chainMenuSide,
-              onChainSelect: handleChainFilterSelect
-            }
-          ) })
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsxs4(
-    "div",
-    {
-      className: "flex flex-col w-full",
-      style: {
-        overflow: "hidden",
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ jsx4(
-          SwapHeader_default,
-          {
-            headerText: getHeaderText(),
-            onBackClick: handleBackToSwap,
-            isSameChain,
-            isWrappingPair,
-            isUnwrappingPair,
-            hasLowLiquidity: liquidityError,
-            hasInsufficientLiquidity: liquidityError,
-            hasRoutingError: routingError,
-            hasSizeCapError: sizeCapError
-          }
-        ),
-        /* @__PURE__ */ jsxs4("div", { className: "relative overflow-hidden", children: [
-          showSwapForm && /* @__PURE__ */ jsx4(
-            "div",
-            {
-              className: "overflow-hidden",
-              style: hasActiveOverlay ? { pointerEvents: "none" } : void 0,
-              children: formContent
-            }
-          ),
-          (view === "wallet" || exitingOverlay === "wallet") && /* @__PURE__ */ jsx4(
-            "div",
-            {
-              className: "absolute inset-0 overflow-hidden",
-              style: overlayStyle(view === "wallet" && !isTransitioning),
-              children: /* @__PURE__ */ jsx4(Suspense, { fallback: null, children: customWalletUI === "none" ? /* @__PURE__ */ jsx4(WalletPlaceholderPanel, {}) : /* @__PURE__ */ jsx4(WidgetWalletPanel, {}) })
-            }
-          ),
-          isPanelMode && showTokenOverlay && /* @__PURE__ */ jsx4(
-            "div",
-            {
-              className: "absolute inset-0 overflow-hidden",
-              style: overlayStyle(isTokenOverlayActive),
-              children: /* @__PURE__ */ jsx4(Suspense, { fallback: null, children: /* @__PURE__ */ jsx4(
-                AssetSelectionMenu,
-                {
-                  toggle: handleBackToSwap,
-                  side: menuSide,
-                  otherAsset: menuOtherAsset,
-                  onMoreChainsClick: handleMoreChainsClick,
-                  selectedChainFilter: selectedChainFilterChainId
-                }
-              ) })
-            }
-          ),
-          isPanelMode && showChainOverlay && /* @__PURE__ */ jsx4(
-            "div",
-            {
-              className: "absolute inset-0 overflow-hidden",
-              style: overlayStyle(isChainOverlayActive),
-              children: /* @__PURE__ */ jsx4(Suspense, { fallback: null, children: /* @__PURE__ */ jsx4(
-                ChainSelectionMenu,
-                {
-                  toggle: handleBackToSwap,
-                  side: chainMenuSide,
-                  onChainSelect: handleChainFilterSelect
-                }
-              ) })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-var SwapContainer = ({
-  onSwapComplete,
-  defaultBaseToken,
-  defaultQuoteToken,
-  onBaseTokenChange,
-  onQuoteTokenChange,
-  cardStyles,
-  cardWidth
-}) => {
-  const { address: userAddress } = useWalletState();
-  const recipient = useWidgetSwapUIStore((s) => s.recipient);
-  return /* @__PURE__ */ jsx4(
-    SwapFormProvider,
-    {
-      defaultBaseToken,
-      defaultQuoteToken,
-      onBaseTokenChange,
-      onQuoteTokenChange,
-      children: /* @__PURE__ */ jsx4(RfqProvider, { recipient, children: /* @__PURE__ */ jsx4(
-        SwapContainerInner,
-        {
-          onSwapComplete,
-          cardStyles,
-          cardWidth
-        }
-      ) })
-    }
-  );
-};
-
-// src/theme/ThemeContext.tsx
-import { createContext, useContext } from "react";
-
-// src/theme/types.ts
-var defaultLightTheme = {
-  background: "#ffffff",
-  foreground: "#0a0a0a",
-  card: "#ffffff",
-  "card-foreground": "#0a0a0a",
-  popover: "#ffffff",
-  "popover-foreground": "#0a0a0a",
-  primary: "#171717",
-  "primary-foreground": "#fafafa",
-  secondary: "#f5f5f5",
-  "secondary-foreground": "#171717",
-  muted: "#f5f5f5",
-  "muted-foreground": "#737373",
-  accent: "#f5f5f5",
-  "accent-foreground": "#171717",
-  destructive: "#e7000b",
-  "destructive-foreground": "#ffffff",
-  border: "#e5e5e5",
-  input: "#e5e5e5",
-  ring: "#a1a1a1",
-  radius: "0.625rem",
-  "border-style": "dotted",
-  "status-pending": "#a1a1aa",
-  "status-received": "#f59e0b",
-  "status-completed": "#10b981",
-  "status-failed": "#ef4444"
-};
-var defaultDarkTheme = {
-  background: "#0a0a0a",
-  foreground: "#fafafa",
-  card: "#171717",
-  "card-foreground": "#fafafa",
-  popover: "#262626",
-  "popover-foreground": "#fafafa",
-  primary: "#e5e5e5",
-  "primary-foreground": "#171717",
-  secondary: "#262626",
-  "secondary-foreground": "#fafafa",
-  muted: "#262626",
-  "muted-foreground": "#a1a1a1",
-  accent: "#404040",
-  "accent-foreground": "#fafafa",
-  destructive: "#ff6467",
-  "destructive-foreground": "#fafafa",
-  border: "#282828",
-  input: "#343434",
-  ring: "#737373",
-  radius: "0.625rem",
-  "border-style": "dotted",
-  "status-pending": "#a1a1aa",
-  "status-received": "#fbbf24",
-  "status-completed": "#2dd4bf",
-  "status-failed": "#fb7185"
-};
-function themeToCSS(theme) {
-  const vars = {
-    "--widget-background": theme.background,
-    "--widget-foreground": theme.foreground,
-    "--widget-card": theme.card,
-    "--widget-card-foreground": theme["card-foreground"],
-    "--widget-popover": theme.popover,
-    "--widget-popover-foreground": theme["popover-foreground"],
-    "--widget-primary": theme.primary,
-    "--widget-primary-foreground": theme["primary-foreground"],
-    "--widget-secondary": theme.secondary,
-    "--widget-secondary-foreground": theme["secondary-foreground"],
-    "--widget-muted": theme.muted,
-    "--widget-muted-foreground": theme["muted-foreground"],
-    "--widget-accent": theme.accent,
-    "--widget-accent-foreground": theme["accent-foreground"],
-    "--widget-destructive": theme.destructive,
-    "--widget-destructive-foreground": theme["destructive-foreground"],
-    "--widget-border": theme.border,
-    "--widget-input": theme.input,
-    "--widget-ring": theme.ring,
-    "--widget-radius": theme.radius,
-    "--widget-border-style": theme["border-style"] || "dotted"
-  };
-  vars["--widget-font-sans"] = theme["font-sans"] || "inherit";
-  vars["--widget-font-mono"] = theme["font-mono"] || "inherit";
-  vars["--widget-shadow-color"] = theme["shadow-color"] || "oklch(0 0 0)";
-  vars["--widget-shadow-opacity"] = theme["shadow-opacity"] || "0.1";
-  vars["--widget-shadow-blur"] = theme["shadow-blur"] || "3px";
-  vars["--widget-shadow-spread"] = theme["shadow-spread"] || "0px";
-  vars["--widget-shadow-offset-x"] = theme["shadow-offset-x"] || "0";
-  vars["--widget-shadow-offset-y"] = theme["shadow-offset-y"] || "1px";
-  vars["--widget-letter-spacing"] = theme["letter-spacing"] || "normal";
-  vars["--widget-status-pending"] = theme["status-pending"] || "#a1a1aa";
-  vars["--widget-status-received"] = theme["status-received"] || "#fbbf24";
-  vars["--widget-status-completed"] = theme["status-completed"] || "#2dd4bf";
-  vars["--widget-status-failed"] = theme["status-failed"] || "#fb7185";
-  return vars;
-}
-
-// src/theme/ThemeContext.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var WidgetThemeContext = createContext(defaultDarkTheme);
-function WidgetThemeProvider({ theme, children }) {
-  return /* @__PURE__ */ jsx5(WidgetThemeContext.Provider, { value: theme, children });
-}
-function useWidgetTheme() {
-  return useContext(WidgetThemeContext);
-}
-
-// src/SwapWidget.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var EMPTY_CHAINS = [];
-var EMPTY_SUPPORTED_INPUT_TOKENS = [];
-var EMPTY_SUPPORTED_OUTPUT_TOKENS = [];
-var EMPTY_SUPPORTED_CHAINS = [];
-var WIDGET_CRITICAL_CSS = `
+import{a as Je}from"./chunk-4BQRVCQR.js";import{a as mt,b as ht,c as Pe,d as Ie,e as ue,f as Ze,g as ae,h as oe,i as ne,j as Xe,k as xt,l as kt,m as St,n as Ct,o as Tt,p as Rt,q as Wt,r as Nt,s as At,t as Pt,u as It,v as et,w as tt}from"./chunk-XYF2YBR3.js";import"./chunk-OPN7WCJR.js";import{a as vt,b as bt,c as n,d as yt,e as Oe,f as fe}from"./chunk-726CI6GC.js";import{A as Ye,F as Te,N as Ge,a as Ue,b as ge,d as je,f as $e,i as De,l as Qe,n as _e,p as Ke}from"./chunk-EW2OR6CJ.js";import{a as _}from"./chunk-46H44R7V.js";import"./chunk-73CB2I7U.js";import Xt,{useMemo as gt}from"react";import{Suspense as de,lazy as pe,useCallback as me,useEffect as Re,useRef as qe,useState as nt}from"react";import{useShallow as Ut}from"zustand/react/shallow";import{useCallback as se,useEffect as Ot,useMemo as zt,useRef as Mt,useState as it}from"react";import{useShallow as Bt}from"zustand/react/shallow";import{Fragment as ze,jsx as l,jsxs as A}from"react/jsx-runtime";var qt=({onSwapComplete:e,onSwapInitiated:t})=>{let{web3ConnectionType:c,hasConnectHandler:a,lockBase:s,lockQuote:b,disableInverting:k,tokenDisplay:N,tokenBadgeOrientation:W,widgetType:w}=ge(),S=N==="pill"||N==="ghost",C=w==="compact",I=C?"px-4 pt-3 pb-1":"px-4 pt-4 pb-2",O=C?"px-4 pt-4 pb-1":"px-4 pt-6 pb-2",{baseToken:r,quoteToken:i,baseAmount:d,quoteAmount:T,isBaseGasToken:X,isQuoteGasToken:L,isWrappingPair:u,isUnwrappingPair:g,baseBalance:m,quoteBalance:Y,setBaseAmount:R,setQuoteAmount:h,swapTokens:U,clearForm:M}=fe(),{rfqQuote:j,status:G,handleInputChange:H,ensureForParams:B,stop:z,clear:q,refresh:v}=ue(),{address:x}=_(),{openConnectModal:Z}=ae(),{isRecipientInputOpen:E,txStatus:$}=n(Bt(o=>({isRecipientInputOpen:o.isRecipientInputOpen,txStatus:o.txStatus}))),[D,ee]=it(null),[Q,te]=it(null),ie=Mt(!1),y=!1,J=zt(()=>!r||!i||typeof d!="number"||!T||!x||parseFloat(m.formatted)<d?null:{base:r,quote:i,baseAmount:d,quoteAmount:T,userAddress:x},[r,i,d,T,x,m.formatted]),ve=se(o=>{te(o),n.getState().startTracking(o)},[]),be=se(()=>{ie.current=!0,v()},[v]);Ot(()=>{if(D===null&&!(!r||!i)){if(!d||d<=0){H({amount:null,inputToken:r,outputToken:i,setOutputAmount:h});return}if(u||g){h(d);return}H({amount:d,inputToken:r,outputToken:i,setOutputAmount:h})}},[D,d,r,i,u,g,H,h]);let le=se(()=>{n.getState().setView("baseSelection")},[]),ye=se(()=>{n.getState().setView("quoteSelection")},[]),xe=se(()=>{U(),h(null)},[U,h]),ce=se(()=>{if(!m.formatted||!r||!i)return;let o=parseFloat(m.formatted);if(!o||o<=0)return;let V=o*.9999999999;u||g?(R(V),h(V),q()):(R(V),h(null),B({inputToken:r,outputToken:i,inputAmount:V.toString(),setOutputAmount:re=>h(re)}))},[m.formatted,r,i,u,g,R,h,q,B]),Ne=se(()=>{q(),M()},[q,M]),we=m.formatted?parseFloat(m.formatted):null,ke=!!(d||T),Se=r?.price&&d?`$${(r.price*d).toFixed(2)}`:"$0.00",Ae=i?.price&&T?`$${(i.price*T).toFixed(2)}`:"$0.00",Ce=D==="trackingTx"&&!!Q&&!!r&&!!i&&!!d&&!!T;return A("div",{className:"flex flex-col w-full",children:[Ce&&Q&&r&&i&&d&&T?l("div",{className:"overflow-hidden",children:l(tt,{orderHash:Q,base:r,quote:i,baseAmount:d,quoteAmount:T,status:$})}):A(ze,{children:[A("div",{className:`relative ${I}`,style:{borderBottom:"1px solid var(--widget-border)"},children:[S?C?A("div",{className:`flex items-center gap-2 mb-2 ${W==="right"?"flex-row-reverse":"flex-row"}`,children:[l(ne,{toggle:le,side:"base",asset:r,isPlacingOrder:y||s}),l("div",{className:"flex-1 min-w-0",children:l(oe,{side:"base",asset:r??null,otherAsset:i??null,isPlacingOrder:y,isWrappingPair:u,isUnwrappingPair:g})})]}):A("div",{className:`flex flex-col ${W==="right"?"items-end":"items-start"}`,children:[l(ne,{toggle:le,side:"base",asset:r,isPlacingOrder:y||s}),l(oe,{side:"base",asset:r??null,otherAsset:i??null,isPlacingOrder:y,isWrappingPair:u,isUnwrappingPair:g})]}):A(ze,{children:[l(ne,{toggle:le,side:"base",asset:r,isPlacingOrder:y||s}),l(oe,{side:"base",asset:r??null,otherAsset:i??null,isPlacingOrder:y,isWrappingPair:u,isUnwrappingPair:g})]}),A("div",{className:"mb-1 flex w-full flex-row items-center justify-between",children:[l("p",{className:"mono text-sm",style:{color:"var(--widget-muted-foreground)"},children:Se}),x&&we!==null&&we>0&&l("button",{type:"button",onClick:ce,disabled:y,className:"absolute bottom-3 right-4 flex items-center px-3 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed transition-colors bg-(--widget-primary) text-(--widget-primary-foreground) hover:bg-(--widget-foreground) hover:text-(--widget-card)",style:{borderRadius:"var(--widget-radius)"},children:"Max"})]})]}),!k&&l("div",{className:"flex justify-center -my-4 relative z-10",children:A("button",{type:"button",onClick:xe,"aria-label":"Swap input and output tokens",className:"flex h-8 w-8 items-center justify-center rounded-full cursor-pointer transition-colors bg-(--widget-card) text-(--widget-muted-foreground) hover:bg-(--widget-secondary) hover:text-(--widget-foreground)",style:{border:"1px solid var(--widget-border)"},children:[l("span",{className:"text-2xs",children:"\u2191"}),l("span",{className:"text-2xs",children:"\u2193"})]})}),A("div",{className:`relative ${O}`,children:[S?C?A("div",{className:`flex items-center gap-2 ${W==="right"?"flex-row-reverse":"flex-row"}`,children:[l(ne,{toggle:ye,side:"quote",asset:i,isPlacingOrder:y||b}),l("div",{className:"flex-1 min-w-0",children:l(oe,{side:"quote",asset:i??null,otherAsset:r??null,isPlacingOrder:y,isWrappingPair:u,isUnwrappingPair:g})})]}):A("div",{className:`flex flex-col ${W==="right"?"items-end":"items-start"}`,children:[l(ne,{toggle:ye,side:"quote",asset:i,isPlacingOrder:y||b}),l(oe,{side:"quote",asset:i??null,otherAsset:r??null,isPlacingOrder:y,isWrappingPair:u,isUnwrappingPair:g})]}):A(ze,{children:[l(ne,{toggle:ye,side:"quote",asset:i,isPlacingOrder:y||b}),l(oe,{side:"quote",asset:i??null,otherAsset:r??null,isPlacingOrder:y,isWrappingPair:u,isUnwrappingPair:g})]}),A("div",{className:"flex w-full flex-row items-center justify-between",children:[l("p",{className:"mono text-sm",style:{color:"var(--widget-muted-foreground)"},children:Ae}),ke&&l("button",{type:"button",onClick:Ne,disabled:y,className:"absolute bottom-2 right-4 flex items-center px-3 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed transition-colors text-(--widget-muted-foreground) hover:bg-(--widget-secondary)",style:{borderRadius:"var(--widget-radius)"},children:"Clear"})]})]}),l("div",{className:"flex flex-row items-center w-full overflow-hidden",style:{borderTop:E?"1px solid var(--widget-border)":"none",maxHeight:E?"60px":"0px",opacity:E?1:0,transition:"max-height 0.3s ease, opacity 0.3s ease"},children:l(Xe,{})}),l("div",{className:"px-4",style:{borderTop:"1px solid var(--widget-border)",borderBottom:"1px solid var(--widget-border)"},children:l(Je,{})})]}),l("div",{className:`relative ${Ce?"px-0":"px-4"} ${C?"py-2":"py-4"}`,children:x&&r&&i&&d&&d>0?l(et,{base:r,baseAmount:d,quote:i,quoteAmount:T??0,userAddress:x,isWrappingPair:u,isUnwrappingPair:g,isBaseGasToken:X,isQuoteGasToken:L,reviewActionProps:J,reviewState:D,setReviewState:ee,trackedOrderHash:Q,setTrackedOrderHash:te,onSwapComplete:e,onSwapInitiated:t,onOrderSubmitted:ve,onStaleQuoteRestart:be,txStatus:$}):!x&&a?l("button",{onClick:()=>Z(),className:`w-full ${C?"py-2":"py-3"} text-sm font-medium cursor-pointer transition-opacity hover:opacity-80`,style:{backgroundColor:"var(--widget-primary)",color:"var(--widget-primary-foreground)",borderRadius:"var(--widget-radius)"},children:"Connect Wallet"}):l("button",{disabled:!0,className:`w-full ${C?"py-2":"py-3"} text-sm font-medium transition-colors disabled:opacity-40 cursor-not-allowed`,style:{backgroundColor:"var(--widget-primary)",color:"var(--widget-primary-foreground)",borderRadius:"var(--widget-radius)"},children:x?"Enter Amount":"Connect Wallet"})})]})},rt=qt;import{jsx as P,jsxs as Me}from"react/jsx-runtime";var at=()=>Me("div",{className:"flex flex-col w-full",children:[Me("div",{className:"relative px-4 pt-4 pb-2",style:{borderBottom:"1px solid var(--widget-border)"},children:[P("div",{className:"h-12 w-full animate-pulse",style:{backgroundColor:"var(--widget-secondary)",borderRadius:"0.25rem"}}),P("div",{className:"mt-2 h-20 w-2/3 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.5,borderRadius:"0.25rem"}}),P("div",{className:"mt-1 mb-1 flex w-full items-center justify-between",children:P("div",{className:"h-4 w-12 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.4,borderRadius:"0.25rem"}})})]}),P("div",{className:"flex justify-center -my-4 relative z-10",children:P("div",{className:"h-8 w-8",style:{border:"1px solid var(--widget-border)",backgroundColor:"var(--widget-card)",borderRadius:"9999px"}})}),Me("div",{className:"relative px-4 pt-6 pb-2",children:[P("div",{className:"h-12 w-full animate-pulse",style:{backgroundColor:"var(--widget-secondary)",borderRadius:"0.25rem"}}),P("div",{className:"mt-2 h-20 w-2/3 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.5,borderRadius:"0.25rem"}}),P("div",{className:"mt-1 mb-1 flex w-full items-center justify-between",children:P("div",{className:"h-4 w-12 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.4,borderRadius:"0.25rem"}})})]}),P("div",{className:"px-4",style:{height:"28px",borderTop:"1px solid var(--widget-border)",borderBottom:"1px solid var(--widget-border)"}}),P("div",{className:"relative px-4 py-4",children:P("div",{className:"w-full animate-pulse",style:{height:"44px",backgroundColor:"var(--widget-secondary)",borderRadius:"var(--widget-radius)",opacity:.6}})})]});import{useEffect as Et,useState as ot}from"react";import{useShallow as Ft}from"zustand/react/shallow";import{Fragment as Lt,jsx as f,jsxs as F}from"react/jsx-runtime";var Ht=({targetText:e,isError:t})=>{let{displayText:c,suffix:a,characterColors:s}=Ye(e,t);return F(Lt,{children:[c.split("").map((b,k)=>f("span",{style:s[k]?{color:"var(--widget-destructive)"}:void 0,children:b},k)),f("span",{style:{color:t?"var(--widget-destructive)":"var(--widget-muted-foreground)",opacity:t?.5:1},children:a})]})},Vt=({headerText:e,onBackClick:t,isSameChain:c,isWrappingPair:a,isUnwrappingPair:s,hasLowLiquidity:b,hasInsufficientLiquidity:k,hasRoutingError:N,hasSizeCapError:W})=>{let w=n(v=>v.view),{isRecipientInputOpen:S,hasAllowanceError:C,hoveredChainName:I,isTrackingTx:O,txStatus:r,walletTab:i}=n(Ft(v=>({isRecipientInputOpen:v.isRecipientInputOpen,hasAllowanceError:v.hasAllowanceError,hoveredChainName:v.hoveredChainName,isTrackingTx:v.isTrackingTx,txStatus:v.txStatus,walletTab:v.walletTab}))),{web3ConnectionType:d,swapHeaderVariant:T,customWalletUI:X,walletButtonEnabled:L}=ge(),{isConnected:u}=_(),{openAccountModal:g}=ae(),[m,Y]=ot(!1);Et(()=>Y(!0),[]);let[R,h]=ot(!1),U=`${w}-${R}-${S}-${I||"none"}`,j=(()=>{if(O&&r)switch(r){case"pending":return"Trade Pending";case"received":return"Trade Received";case"completed":return"Trade Filled";case"failed":return"Trade Failed";case"cancelled":return"Trade Cancelled";default:return"Processing Trade"}if(I&&(w==="baseSelection"||w==="quoteSelection"||w==="baseChainSelection"||w==="quoteChainSelection"))return I;if(w==="swap"&&R)return S?"Remove Custom Recipient":"Add Custom Recipient";switch(w){case"wallet":return"Wallet";case"baseSelection":return"Select Source Token";case"quoteSelection":return"Select Destination Token";case"baseChainSelection":return"Select Source Chain";case"quoteChainSelection":return"Select Destination Chain";default:if(w==="swap"){if(C&&!a&&!s)return"Allowance check failed";if(W&&!a&&!s)return"Size limit exceeded";if(k&&!a&&!s)return"Insufficient Liquidity";if(N&&!a&&!s)return"Route Not Found";if(b&&!a&&!s)return"High Price Impact"}return c&&!a&&!s?"Swap":a?"Wrap":s?"Unwrap":e}})(),G=!O&&w==="swap"&&!R&&(C&&!a&&!s||W&&!a&&!s||k&&!a&&!s||N&&!a&&!s||b&&!a&&!s),H={pending:"var(--widget-status-pending)",received:"var(--widget-status-received)",completed:"var(--widget-status-completed)",failed:"var(--widget-status-failed)",cancelled:"var(--widget-status-failed)"},B=()=>!O||!r?null:H[r]??null,z=()=>O?null:w==="swap"?F("div",{className:"flex items-center gap-2",children:[L&&m&&d==="custom"&&u&&f("button",{onClick:()=>{X==="provider"&&g?g():n.getState().setView("wallet")},"aria-label":"Open wallet",className:"size-4 -translate-y-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors text-(--widget-muted-foreground) opacity-60 hover:text-(--widget-foreground) hover:opacity-100",children:F("svg",{className:"size-3.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[f("rect",{x:"2",y:"5",width:"20",height:"15",rx:"2",stroke:"currentColor",strokeWidth:"1.5"}),f("path",{d:"M16 12C16 11.4477 16.4477 11 17 11H21V13H17C16.4477 13 16 12.5523 16 12Z",fill:"currentColor"}),f("path",{d:"M2 9H22",stroke:"currentColor",strokeWidth:"1.5"})]})}),L&&m&&d==="standalone"&&u&&g&&f("button",{onClick:()=>g(),"aria-label":"Open account",className:"size-4 -translate-y-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors text-(--widget-muted-foreground) opacity-60 hover:text-(--widget-foreground) hover:opacity-100",children:F("svg",{className:"size-3.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[f("rect",{x:"2",y:"5",width:"20",height:"15",rx:"2",stroke:"currentColor",strokeWidth:"1.5"}),f("path",{d:"M16 12C16 11.4477 16.4477 11 17 11H21V13H17C16.4477 13 16 12.5523 16 12Z",fill:"currentColor"}),f("path",{d:"M2 9H22",stroke:"currentColor",strokeWidth:"1.5"})]})}),f("button",{onClick:()=>n.getState().toggleRecipientInput(),onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),"aria-label":S?"Remove custom recipient":"Add custom recipient",className:`size-4 -translate-y-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors hover:text-(--widget-foreground) hover:opacity-100 ${S?"text-(--widget-destructive) opacity-80":"text-(--widget-muted-foreground) opacity-60"}`,children:F("svg",{className:"size-3.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[f("path",{d:"M2 7.75C1.58579 7.75 1.25 8.08579 1.25 8.5C1.25 8.91421 1.58579 9.25 2 9.25V7.75ZM2 8.5V9.25H13.5V8.5V7.75H2V8.5Z",fill:"currentColor"}),f("path",{d:"M6 16.5H8",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"butt",strokeLinejoin:"miter"}),f("path",{d:"M10.5 16.5H14.5",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"butt",strokeLinejoin:"miter"}),f("path",{d:"M22 12.03V16.11C22 20.5 22 20.5 17.56 20.5H6.44C2 20.5 2 20.5 2 16.11V7.89C2 3.5 2 3.5 6.44 3.5H13.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"miter"}),F("g",{style:{transform:`rotate(${S?"45deg":"0deg"})`,transformOrigin:"18.75px 6.75px",transition:"transform 150ms ease-out"},children:[f("path",{d:"M15 6.75H22.5",stroke:"currentColor",strokeWidth:"1.5"}),f("path",{d:"M18.75 10.5V3",stroke:"currentColor",strokeWidth:"1.5"})]})]})})]}):F("button",{onClick:()=>t?t():n.getState().setView("swap"),className:"flex cursor-pointer items-center justify-center whitespace-nowrap h-6 transition-colors text-(--widget-muted-foreground) opacity-70 hover:text-(--widget-foreground) hover:opacity-100",children:[f("span",{className:"pr-1",children:"\u2190"}),f("span",{className:"text-sm",children:"Back"})]}),q=B();return T==="none"?null:F("div",{className:"w-full pt-3 px-2 mono text-base flex flex-row justify-between h-6 shrink-0",children:[w==="wallet"?F("div",{className:"flex items-center gap-1 mono uppercase -translate-y-0.5 text-xs",children:[F("button",{type:"button",onClick:()=>n.getState().setWalletTab("wallet"),className:"cursor-pointer transition-colors",style:{color:i==="wallet"?"var(--widget-foreground)":"var(--widget-muted-foreground)"},children:[f("span",{style:{color:"var(--widget-muted-foreground)"},children:">> "}),f("span",{children:"Wallet"})]}),f("span",{style:{color:"var(--widget-foreground)",opacity:.4},children:">>"}),f("button",{type:"button",onClick:()=>n.getState().setWalletTab("activity"),className:"cursor-pointer transition-colors",style:{color:i==="activity"?"var(--widget-foreground)":"var(--widget-muted-foreground)"},children:"Activity"})]}):F("div",{className:"mono uppercase -translate-y-0.5 text-xs flex items-center",children:[f("span",{className:"mr-1.5",style:{color:"var(--widget-muted-foreground)",opacity:.4},children:">> "}),f("span",{className:"relative",style:{color:q||"var(--widget-foreground)"},children:f(Ht,{targetText:j,isError:G??!1})},U)]}),f("div",{className:"flex flex-row items-center",children:z()})]})},Be=Vt;import{Fragment as Kt,jsx as p,jsxs as We}from"react/jsx-runtime";var st=pe(()=>import("./AssetSelectionMenu-ZFY7XFRX.js")),dt=pe(()=>import("./ChainSelectionMenu-SKXLHK3S.js")),jt=pe(()=>import("./SwapFormHorizontal-GI4X7ISS.js")),$t=pe(()=>import("./SwapFormSplit-52RBMJIO.js")),Dt=pe(()=>import("./WidgetWalletPanel-XYV3YL4I.js").then(e=>({default:e.WidgetWalletPanel}))),Qt=pe(()=>import("./WalletPlaceholderPanel-Z4JCFCNV.js").then(e=>({default:e.WalletPlaceholderPanel}))),_t=({onSwapComplete:e,cardStyles:t,cardWidth:c})=>{let{baseToken:a,quoteToken:s,baseAmount:b,quoteAmount:k,isWrappingPair:N,isUnwrappingPair:W,isRegistryLoading:w}=fe(),{liquidityError:S,routingError:C,sizeCapError:I,stop:O,clear:r}=ue(),i=n(o=>o.view),{isTransitioning:d,isRecipientInputOpen:T,recipient:X,selectedChainFilterChainId:L}=n(Ut(o=>({isTransitioning:o.isTransitioning,isRecipientInputOpen:o.isRecipientInputOpen,recipient:o.recipient,selectedChainFilterChainId:o.selectedChainFilter?.chainId??null}))),u=qe(null),g=qe(null),[m,Y]=nt(null);Pe(),Re(()=>()=>{u.current&&clearTimeout(u.current),g.current&&clearTimeout(g.current)},[]),Re(()=>{n.getState().resetUI()},[]),Re(()=>{if(d)return u.current=setTimeout(()=>{n.getState().setIsTransitioning(!1),u.current=null},20),()=>{u.current&&(clearTimeout(u.current),u.current=null)}},[d]);let R=me((o,V="navigation")=>{g.current&&(clearTimeout(g.current),g.current=null,Y(null)),n.getState().view!=="swap"&&o!=="swap"?(n.getState().setView(o),n.getState().setIsTransitioning(!1)):n.getState().transitionToView(o,V)},[]),h=me(()=>{u.current&&(clearTimeout(u.current),u.current=null),g.current&&(clearTimeout(g.current),g.current=null);let o=n.getState().view;Y(o),n.getState().setChainFilter(null),n.getState().setView("swap"),n.getState().setIsTransitioning(!1),n.getState().resetAssetSelection(),g.current=setTimeout(()=>{Y(null),g.current=null},200)},[]),U=me(o=>{let re=i==="baseChainSelection"?"base":"quote";n.getState().setChainFilter({chainId:o,side:re}),n.getState().pushRecentChain(o),R(re==="base"?"baseSelection":"quoteSelection","chainSelection")},[i,R]),M=me(()=>{let o=n.getState().view;o==="baseSelection"?R("baseChainSelection","chainSelection"):o==="quoteSelection"&&R("quoteChainSelection","chainSelection")},[R]),j=me(()=>{O(),r()},[O,r]),G=a&&s?a.chainId===s.chainId:!0,H=()=>{switch(i){case"wallet":return"Wallet";case"baseSelection":return"Select Input Token";case"quoteSelection":return"Select Output Token";case"baseChainSelection":case"quoteChainSelection":return"Select Chain";default:return"Swap"}},{assetMenuVariant:B,widgetType:z,customWalletUI:q}=ge(),v=i==="baseSelection"||i==="quoteSelection",x=i==="baseChainSelection"||i==="quoteChainSelection",Z=B==="split"&&(z==="default"||z==="compact"),E=B==="split"&&(z==="horizontal"||z==="split"),$=B==="default",D=i==="swap"||v||x||i==="wallet",ee=m==="baseSelection"||m==="quoteSelection",Q=m==="baseChainSelection"||m==="quoteChainSelection",te=v||ee,ie=x||Q,y=v&&!d,J=x&&!d,ve=v?i:m,be=ve==="baseSelection"?"base":"quote",le=ve==="baseSelection"?s:a,xe=(x?i:m)==="baseChainSelection"?"base":"quote",ce=o=>({backgroundColor:"var(--widget-background)",opacity:o?1:0,transform:o?"translateY(0)":"translateY(6px)",transition:"opacity 200ms ease-in-out, transform 200ms ease-in-out"}),Ne=$&&(v||x||i==="wallet"||m!=null),we=w?p(at,{}):z==="horizontal"?p(de,{fallback:null,children:p(jt,{onSwapComplete:e,onSwapInitiated:j,onBackToSwap:E?h:void 0,onMoreChainsClick:E?M:void 0})}):z==="split"?p(de,{fallback:null,children:p($t,{onSwapComplete:e,onSwapInitiated:j,onBackToSwap:E?h:void 0,onMoreChainsClick:E?M:void 0})}):p(rt,{onSwapComplete:e,onSwapInitiated:j}),ke=t??{},Se=qe(null),[Ae,Ce]=nt(420);return Re(()=>{if(!Z)return;let o=Se.current;if(!o)return;let V=new ResizeObserver(re=>{for(let ft of re)Ce(ft.contentRect.height)});return V.observe(o),()=>V.disconnect()},[Z]),Z?We(Kt,{children:[We("div",{ref:Se,className:"flex flex-col w-full overflow-hidden transition-colors duration-300",style:{flex:"1 1 0",minWidth:0,...ke},children:[p(Be,{headerText:"Swap",onBackClick:h,isSameChain:G,isWrappingPair:N,isUnwrappingPair:W,hasLowLiquidity:S,hasInsufficientLiquidity:S,hasRoutingError:C,hasSizeCapError:I}),p("div",{className:"overflow-hidden",children:we})]}),(te||ie)&&p("div",{className:"flex flex-col overflow-hidden shrink-0",style:{width:c,height:`${Ae}px`,...ke,...ce((v||x)&&!d)},children:v||ee?p(de,{fallback:null,children:p(st,{toggle:h,side:be,otherAsset:le,onMoreChainsClick:M,selectedChainFilter:L})}):p(de,{fallback:null,children:p(dt,{toggle:h,side:xe,onChainSelect:U})})})]}):We("div",{className:"flex flex-col w-full",style:{overflow:"hidden",position:"relative"},children:[p(Be,{headerText:H(),onBackClick:h,isSameChain:G,isWrappingPair:N,isUnwrappingPair:W,hasLowLiquidity:S,hasInsufficientLiquidity:S,hasRoutingError:C,hasSizeCapError:I}),We("div",{className:"relative overflow-hidden",children:[D&&p("div",{className:"overflow-hidden",style:Ne?{pointerEvents:"none"}:void 0,children:we}),(i==="wallet"||m==="wallet")&&p("div",{className:"absolute inset-0 overflow-hidden",style:ce(i==="wallet"&&!d),children:p(de,{fallback:null,children:q==="none"?p(Qt,{}):p(Dt,{})})}),$&&te&&p("div",{className:"absolute inset-0 overflow-hidden",style:ce(y),children:p(de,{fallback:null,children:p(st,{toggle:h,side:be,otherAsset:le,onMoreChainsClick:M,selectedChainFilter:L})})}),$&&ie&&p("div",{className:"absolute inset-0 overflow-hidden",style:ce(J),children:p(de,{fallback:null,children:p(dt,{toggle:h,side:xe,onChainSelect:U})})})]})]})},lt=({onSwapComplete:e,defaultBaseToken:t,defaultQuoteToken:c,onBaseTokenChange:a,onQuoteTokenChange:s,cardStyles:b,cardWidth:k})=>{let{address:N}=_(),W=n(w=>w.recipient);return p(Oe,{defaultBaseToken:t,defaultQuoteToken:c,onBaseTokenChange:a,onQuoteTokenChange:s,children:p(Ie,{recipient:W,children:p(_t,{onSwapComplete:e,cardStyles:b,cardWidth:k})})})};import{createContext as Yt,useContext as Gt}from"react";var Ee={background:"#ffffff",foreground:"#0a0a0a",card:"#ffffff","card-foreground":"#0a0a0a",popover:"#ffffff","popover-foreground":"#0a0a0a",primary:"#171717","primary-foreground":"#fafafa",secondary:"#f5f5f5","secondary-foreground":"#171717",muted:"#f5f5f5","muted-foreground":"#737373",accent:"#f5f5f5","accent-foreground":"#171717",destructive:"#e7000b","destructive-foreground":"#ffffff",border:"#e5e5e5",input:"#e5e5e5",ring:"#a1a1a1",radius:"0.625rem","border-style":"dotted","status-pending":"#a1a1aa","status-received":"#f59e0b","status-completed":"#10b981","status-failed":"#ef4444"},he={background:"#0a0a0a",foreground:"#fafafa",card:"#171717","card-foreground":"#fafafa",popover:"#262626","popover-foreground":"#fafafa",primary:"#e5e5e5","primary-foreground":"#171717",secondary:"#262626","secondary-foreground":"#fafafa",muted:"#262626","muted-foreground":"#a1a1a1",accent:"#404040","accent-foreground":"#fafafa",destructive:"#ff6467","destructive-foreground":"#fafafa",border:"#282828",input:"#343434",ring:"#737373",radius:"0.625rem","border-style":"dotted","status-pending":"#a1a1aa","status-received":"#fbbf24","status-completed":"#2dd4bf","status-failed":"#fb7185"};function Fe(e){let t={"--widget-background":e.background,"--widget-foreground":e.foreground,"--widget-card":e.card,"--widget-card-foreground":e["card-foreground"],"--widget-popover":e.popover,"--widget-popover-foreground":e["popover-foreground"],"--widget-primary":e.primary,"--widget-primary-foreground":e["primary-foreground"],"--widget-secondary":e.secondary,"--widget-secondary-foreground":e["secondary-foreground"],"--widget-muted":e.muted,"--widget-muted-foreground":e["muted-foreground"],"--widget-accent":e.accent,"--widget-accent-foreground":e["accent-foreground"],"--widget-destructive":e.destructive,"--widget-destructive-foreground":e["destructive-foreground"],"--widget-border":e.border,"--widget-input":e.input,"--widget-ring":e.ring,"--widget-radius":e.radius,"--widget-border-style":e["border-style"]||"dotted"};return t["--widget-font-sans"]=e["font-sans"]||"inherit",t["--widget-font-mono"]=e["font-mono"]||"inherit",t["--widget-shadow-color"]=e["shadow-color"]||"oklch(0 0 0)",t["--widget-shadow-opacity"]=e["shadow-opacity"]||"0.1",t["--widget-shadow-blur"]=e["shadow-blur"]||"3px",t["--widget-shadow-spread"]=e["shadow-spread"]||"0px",t["--widget-shadow-offset-x"]=e["shadow-offset-x"]||"0",t["--widget-shadow-offset-y"]=e["shadow-offset-y"]||"1px",t["--widget-letter-spacing"]=e["letter-spacing"]||"normal",t["--widget-status-pending"]=e["status-pending"]||"#a1a1aa",t["--widget-status-received"]=e["status-received"]||"#fbbf24",t["--widget-status-completed"]=e["status-completed"]||"#2dd4bf",t["--widget-status-failed"]=e["status-failed"]||"#fb7185",t}import{jsx as Jt}from"react/jsx-runtime";var ct=Yt(he);function He({theme:e,children:t}){return Jt(ct.Provider,{value:e,children:t})}function Zt(){return Gt(ct)}import{jsx as K,jsxs as wt}from"react/jsx-runtime";var ei=[],ti=[],ii=[],pt=[],ri=`
 .aori-widget .text-2xs { font-size: 0.75rem; }
 .aori-widget .text-3xs { font-size: 0.68rem; }
 .aori-widget ::-webkit-scrollbar { width: 0px; height: 0px; display: none; }
@@ -1458,323 +7,4 @@ var WIDGET_CRITICAL_CSS = `
 .aori-widget input:focus, .aori-widget input:focus-visible,
 .aori-widget button:focus, .aori-widget button:focus-visible,
 .aori-widget select:focus, .aori-widget select:focus-visible { outline: none; }
-`;
-var WidgetErrorBoundary = class extends React2.Component {
-  state = { hasError: false };
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  render() {
-    if (this.state.hasError) {
-      return /* @__PURE__ */ jsxs5("div", { style: { padding: "1.5rem", textAlign: "center", color: "var(--widget-foreground, #888)", fontFamily: "system-ui, sans-serif" }, children: [
-        /* @__PURE__ */ jsx6("p", { style: { margin: "0 0 0.75rem", fontSize: "0.875rem" }, children: "Something went wrong." }),
-        /* @__PURE__ */ jsx6(
-          "button",
-          {
-            type: "button",
-            onClick: () => this.setState({ hasError: false }),
-            style: {
-              padding: "0.375rem 1rem",
-              fontSize: "0.8125rem",
-              cursor: "pointer",
-              border: "1px solid currentColor",
-              borderRadius: "0.25rem",
-              background: "transparent",
-              color: "inherit"
-            },
-            children: "Retry"
-          }
-        )
-      ] });
-    }
-    return this.props.children;
-  }
-};
-function resolveTheme(cfg) {
-  const base = cfg.theme.mode === "light" ? defaultLightTheme : defaultDarkTheme;
-  const override = cfg.theme.mode === "light" ? cfg.theme.light : cfg.theme.dark;
-  return override ? { ...base, ...override } : base;
-}
-function SwapWidget({
-  config,
-  className,
-  onSwapComplete,
-  onBaseTokenChange,
-  onQuoteTokenChange,
-  onRequestConnect,
-  onRequestAccount,
-  customWalletUI = "builtin"
-}) {
-  setApiKey(config.apiKey);
-  setRpcOverrides(config.rpcOverrides);
-  setVtApiBaseUrl(config.vtApiBaseUrl);
-  const theme = resolveTheme(config);
-  const widgetType = config.appearance?.widgetType ?? "default";
-  const tokenDisplay = config.appearance?.tokenDisplay ?? "default";
-  const tokenBadgeOrientation = config.appearance?.tokenBadgeOrientation ?? "left";
-  const assetMenuVariant = config.appearance?.assetMenuVariant ?? "default";
-  const amountInputVariant = config.appearance?.amountInputVariant ?? "default";
-  const hideAmountInputSymbol = config.appearance?.hideAmountInputSymbol ?? false;
-  const swapButtonVariant = config.appearance?.swapButtonVariant ?? "default";
-  const swapHeaderVariant = config.appearance?.swapHeaderVariant ?? "default";
-  const quoteLoaderVariant = config.appearance?.quoteLoaderVariant ?? "default";
-  const walletButtonEnabled = config.appearance?.walletButtonEnabled ?? true;
-  const fillContainer = config.appearance?.fillContainer ?? false;
-  const hideBorder = config.appearance?.hideBorder ?? false;
-  const cssVars = themeToCSS(theme);
-  const isSplitSideBySide = assetMenuVariant === "split" && (widgetType === "default" || widgetType === "compact");
-  const isSelectionOpen = useWidgetSwapUIStore(
-    (s) => s.view === "baseSelection" || s.view === "quoteSelection" || s.view === "baseChainSelection" || s.view === "quoteChainSelection"
-  );
-  const cardWidth = widgetType === "compact" ? "22rem" : "24rem";
-  const expandedMaxWidth = widgetType === "compact" ? "46rem" : "49rem";
-  const widgetDimensions = isSplitSideBySide ? {
-    maxWidth: isSelectionOpen ? expandedMaxWidth : cardWidth,
-    transition: "max-width 0.3s ease",
-    height: "auto",
-    overflow: "visible",
-    display: "flex",
-    gap: "1rem",
-    alignItems: "stretch",
-    backgroundColor: "transparent",
-    border: "none",
-    borderRadius: 0,
-    boxShadow: "none",
-    padding: 0
-  } : {
-    width: "100%",
-    ...fillContainer ? {} : {
-      maxWidth: widgetType === "split" ? "48rem" : widgetType === "horizontal" ? "48rem" : widgetType === "compact" ? "22rem" : "24rem"
-    },
-    height: "auto",
-    overflow: "hidden"
-  };
-  const cardStyles = {
-    boxSizing: "border-box",
-    backgroundColor: "var(--widget-background)",
-    color: "var(--widget-foreground)",
-    borderRadius: "var(--widget-radius)",
-    ...hideBorder ? { border: "none" } : {
-      borderWidth: "1px",
-      borderStyle: "var(--widget-border-style)",
-      borderColor: "var(--widget-border)"
-    },
-    boxShadow: "var(--widget-shadow-offset-x) var(--widget-shadow-offset-y) var(--widget-shadow-blur) var(--widget-shadow-spread) color-mix(in srgb, var(--widget-shadow-color) calc(var(--widget-shadow-opacity) * 100%), transparent)",
-    padding: "0.25rem 0.5rem",
-    paddingTop: "0.25rem"
-  };
-  const enabledChains = config.tokens?.enabledChains ?? EMPTY_CHAINS;
-  const supportedInputTokens = config.tokens?.supportedInputTokens ?? EMPTY_SUPPORTED_INPUT_TOKENS;
-  const supportedOutputTokens = config.tokens?.supportedOutputTokens ?? EMPTY_SUPPORTED_OUTPUT_TOKENS;
-  const supportedInputChains = config.tokens?.supportedInputChains ?? EMPTY_SUPPORTED_CHAINS;
-  const supportedOutputChains = config.tokens?.supportedOutputChains ?? EMPTY_SUPPORTED_CHAINS;
-  const inputSelectionSearch = config.tokens?.inputSelectionSearch ?? true;
-  const outputSelectionSearch = config.tokens?.outputSelectionSearch ?? true;
-  const showInputSelectionTokenBalances = config.tokens?.showInputSelectionTokenBalances ?? true;
-  const showOutputSelectionTokenBalances = config.tokens?.showOutputSelectionTokenBalances ?? true;
-  const lockBase = config.tokens?.lockBase ?? false;
-  const lockQuote = config.tokens?.lockQuote ?? false;
-  const disableInverting = config.tokens?.disableInverting ?? false;
-  const defaultSlippage = config.settings?.defaultSlippage ?? 0.01;
-  const hasConnectHandler = !!onRequestConnect;
-  const widgetConfigValue = useMemo2(
-    () => ({
-      apiKey: config.apiKey,
-      web3ConnectionType: "custom",
-      enabledChains,
-      supportedInputTokens,
-      supportedOutputTokens,
-      supportedInputChains,
-      supportedOutputChains,
-      inputSelectionSearch,
-      outputSelectionSearch,
-      showInputSelectionTokenBalances,
-      showOutputSelectionTokenBalances,
-      lockBase,
-      lockQuote,
-      disableInverting,
-      defaultSlippage,
-      widgetType,
-      tokenDisplay,
-      tokenBadgeOrientation,
-      assetMenuVariant,
-      amountInputVariant,
-      hideAmountInputSymbol,
-      swapButtonVariant,
-      swapHeaderVariant,
-      quoteLoaderVariant,
-      walletButtonEnabled,
-      hasConnectHandler,
-      customWalletUI
-    }),
-    [
-      config.apiKey,
-      enabledChains,
-      supportedInputTokens,
-      supportedOutputTokens,
-      supportedInputChains,
-      supportedOutputChains,
-      inputSelectionSearch,
-      outputSelectionSearch,
-      showInputSelectionTokenBalances,
-      showOutputSelectionTokenBalances,
-      lockBase,
-      lockQuote,
-      disableInverting,
-      defaultSlippage,
-      widgetType,
-      tokenDisplay,
-      tokenBadgeOrientation,
-      assetMenuVariant,
-      amountInputVariant,
-      hideAmountInputSymbol,
-      swapButtonVariant,
-      swapHeaderVariant,
-      quoteLoaderVariant,
-      walletButtonEnabled,
-      hasConnectHandler,
-      customWalletUI
-    ]
-  );
-  const walletModalValue = useMemo2(
-    () => onRequestConnect ? { openConnectModal: onRequestConnect, openAccountModal: onRequestAccount } : null,
-    [onRequestConnect, onRequestAccount]
-  );
-  const inner = /* @__PURE__ */ jsx6(AoriClientProvider, { children: /* @__PURE__ */ jsx6(WidgetConfigContext.Provider, { value: widgetConfigValue, children: /* @__PURE__ */ jsx6(WidgetThemeProvider, { theme, children: /* @__PURE__ */ jsxs5(
-    "div",
-    {
-      className: `aori-widget${className ? ` ${className}` : ""}`,
-      style: {
-        ...cssVars,
-        "--font-sans": "var(--widget-font-sans)",
-        "--font-mono": "var(--widget-font-mono)",
-        fontFamily: "var(--widget-font-sans)",
-        letterSpacing: "var(--widget-letter-spacing)",
-        width: "100%",
-        ...widgetDimensions,
-        position: "relative",
-        ...isSplitSideBySide ? {} : cardStyles
-      },
-      children: [
-        /* @__PURE__ */ jsx6("style", { dangerouslySetInnerHTML: { __html: WIDGET_CRITICAL_CSS } }),
-        /* @__PURE__ */ jsx6(WidgetErrorBoundary, { children: /* @__PURE__ */ jsx6(
-          SwapContainer,
-          {
-            onSwapComplete,
-            defaultBaseToken: config.tokens?.defaultBase,
-            defaultQuoteToken: config.tokens?.defaultQuote,
-            onBaseTokenChange,
-            onQuoteTokenChange,
-            cardStyles: isSplitSideBySide ? cardStyles : void 0,
-            cardWidth: isSplitSideBySide ? cardWidth : void 0
-          }
-        ) })
-      ]
-    }
-  ) }) }) });
-  if (walletModalValue) {
-    return /* @__PURE__ */ jsx6(WalletModalContext.Provider, { value: walletModalValue, children: inner });
-  }
-  return inner;
-}
-
-// src/wallet/ConnectButton.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-function ConnectButton() {
-  const { openConnectModal } = useWalletModal();
-  const { isConnected, address } = useWalletState();
-  const label = isConnected && address ? `${address.slice(0, 6)}...${address.slice(-4)}` : "Connect";
-  return /* @__PURE__ */ jsx7(
-    "button",
-    {
-      type: "button",
-      onClick: () => openConnectModal(),
-      className: "h-8 cursor-pointer px-3 text-xs font-bold uppercase tracking-wide transition-colors duration-150 border border-border rounded-sm bg-card text-foreground hover:bg-secondary hover:border-foreground/20",
-      children: label
-    }
-  );
-}
-
-// src/wallet/shared/transports.ts
-import { http, fallback } from "wagmi";
-function buildTransports(rpcOverrides) {
-  const chainEntries = Object.entries(staticChainsConfig);
-  return Object.fromEntries(
-    chainEntries.map(([id, c]) => {
-      const override = rpcOverrides?.[Number(id)];
-      const overrideUrls = override ? Array.isArray(override) ? override : [override] : [];
-      const urls = overrideUrls.length > 0 ? [...overrideUrls, ...c.rpcUrls] : c.rpcUrls;
-      return [
-        id,
-        urls.length > 1 ? fallback(urls.map((url) => http(url, { batch: { batchSize: 50, wait: 50 } }))) : http(urls[0], { batch: { batchSize: 50, wait: 50 } })
-      ];
-    })
-  );
-}
-var wagmiChains = getAllChainConfigs().map((c) => c.wagmiChain);
-
-// src/hooks/useTokenHelpers.ts
-import { useMemo as useMemo3 } from "react";
-var useTokensForChain = (chainId) => {
-  const { tokenRegistry, isLoadingRegistry, error } = useTokenData();
-  const tokens = useMemo3(() => {
-    return tokenRegistry.filter((token) => token.chainId === chainId);
-  }, [tokenRegistry, chainId]);
-  return { tokens, isLoading: isLoadingRegistry, error };
-};
-var useIsTokenSupported = (address, chainId) => {
-  const { tokenRegistry } = useTokenData();
-  return useMemo3(() => {
-    if (!address || !tokenRegistry.length) return false;
-    return tokenRegistry.some(
-      (token) => token.address.toLowerCase() === address.toLowerCase() && token.chainId === chainId
-    );
-  }, [tokenRegistry, address, chainId]);
-};
-var useTokenByAddress = (address, chainId) => {
-  const { getToken } = useTokenData();
-  return useMemo3(() => {
-    if (!address || !chainId) return void 0;
-    return getToken(chainId, address);
-  }, [getToken, address, chainId]);
-};
-var SUPPORTED_CHAINS = getChainKeyToIdMapping();
-export {
-  ChainSwitch,
-  ConnectButton,
-  RfqProvider,
-  SignSwap,
-  SwapFormProvider,
-  SwapWidget,
-  WidgetThemeProvider,
-  buildTransports,
-  canSubmitOrder,
-  cleanupOldSubmissions,
-  defaultDarkTheme,
-  defaultLightTheme,
-  isQuoteFresh,
-  markOrderAsSubmitted,
-  pollOrderStatus,
-  themeToCSS,
-  useBalanceEventListener,
-  useBalanceEventSubscription,
-  useEmitBalanceEvent,
-  useIsTokenSupported,
-  useOrderStatusPolling,
-  useRfq,
-  useSwapForm,
-  useSwapFormContext,
-  useTokenByAddress,
-  useTokenSelection,
-  useTokenSelectionStore,
-  useTokensForChain,
-  useTransactionRegistry,
-  useUnwrapToken,
-  useWalletModal,
-  useWalletState,
-  useWidgetSwapUIStore,
-  useWidgetTheme,
-  useWrapToken,
-  wagmiChains
-};
-//# sourceMappingURL=index.js.map
+`,Ve=class extends Xt.Component{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}render(){return this.state.hasError?wt("div",{style:{padding:"1.5rem",textAlign:"center",color:"var(--widget-foreground, #888)",fontFamily:"system-ui, sans-serif"},children:[K("p",{style:{margin:"0 0 0.75rem",fontSize:"0.875rem"},children:"Something went wrong."}),K("button",{type:"button",onClick:()=>this.setState({hasError:!1}),style:{padding:"0.375rem 1rem",fontSize:"0.8125rem",cursor:"pointer",border:"1px solid currentColor",borderRadius:"0.25rem",background:"transparent",color:"inherit"},children:"Retry"})]}):this.props.children}};function ai(e){let t=e.theme.mode==="light"?Ee:he,c=e.theme.mode==="light"?e.theme.light:e.theme.dark;return c?{...t,...c}:t}function oi({config:e,className:t,onSwapComplete:c,onBaseTokenChange:a,onQuoteTokenChange:s,onRequestConnect:b,onRequestAccount:k,customWalletUI:N="builtin"}){_e(e.apiKey),Ke(e.rpcOverrides),Qe(e.vtApiBaseUrl);let W=ai(e),w=e.appearance?.widgetType??"default",S=e.appearance?.tokenDisplay??"default",C=e.appearance?.tokenBadgeOrientation??"left",I=e.appearance?.assetMenuVariant??"default",O=e.appearance?.amountInputVariant??"default",r=e.appearance?.hideAmountInputSymbol??!1,i=e.appearance?.swapButtonVariant??"default",d=e.appearance?.swapHeaderVariant??"default",T=e.appearance?.quoteLoaderVariant??"default",X=e.appearance?.walletButtonEnabled??!0,L=e.appearance?.fillContainer??!1,u=e.appearance?.hideBorder??!1,g=Fe(W),m=I==="split"&&(w==="default"||w==="compact"),Y=n(J=>J.view==="baseSelection"||J.view==="quoteSelection"||J.view==="baseChainSelection"||J.view==="quoteChainSelection"),R=w==="compact"?"22rem":"24rem",U=m?{maxWidth:Y?w==="compact"?"46rem":"49rem":R,transition:"max-width 0.3s ease",height:"auto",overflow:"visible",display:"flex",gap:"1rem",alignItems:"stretch",backgroundColor:"transparent",border:"none",borderRadius:0,boxShadow:"none",padding:0}:{width:"100%",...L?{}:{maxWidth:w==="split"||w==="horizontal"?"48rem":w==="compact"?"22rem":"24rem"},height:"auto",overflow:"hidden"},M={boxSizing:"border-box",backgroundColor:"var(--widget-background)",color:"var(--widget-foreground)",borderRadius:"var(--widget-radius)",...u?{border:"none"}:{borderWidth:"1px",borderStyle:"var(--widget-border-style)",borderColor:"var(--widget-border)"},boxShadow:"var(--widget-shadow-offset-x) var(--widget-shadow-offset-y) var(--widget-shadow-blur) var(--widget-shadow-spread) color-mix(in srgb, var(--widget-shadow-color) calc(var(--widget-shadow-opacity) * 100%), transparent)",padding:"0.25rem 0.5rem",paddingTop:"0.25rem"},j=e.tokens?.enabledChains??ei,G=e.tokens?.supportedInputTokens??ti,H=e.tokens?.supportedOutputTokens??ii,B=e.tokens?.supportedInputChains??pt,z=e.tokens?.supportedOutputChains??pt,q=e.tokens?.inputSelectionSearch??!0,v=e.tokens?.outputSelectionSearch??!0,x=e.tokens?.showInputSelectionTokenBalances??!0,Z=e.tokens?.showOutputSelectionTokenBalances??!0,E=e.tokens?.lockBase??!1,$=e.tokens?.lockQuote??!1,D=e.tokens?.disableInverting??!1,ee=e.settings?.defaultSlippage??.01,Q=!!b,te=gt(()=>({apiKey:e.apiKey,web3ConnectionType:"custom",enabledChains:j,supportedInputTokens:G,supportedOutputTokens:H,supportedInputChains:B,supportedOutputChains:z,inputSelectionSearch:q,outputSelectionSearch:v,showInputSelectionTokenBalances:x,showOutputSelectionTokenBalances:Z,lockBase:E,lockQuote:$,disableInverting:D,defaultSlippage:ee,widgetType:w,tokenDisplay:S,tokenBadgeOrientation:C,assetMenuVariant:I,amountInputVariant:O,hideAmountInputSymbol:r,swapButtonVariant:i,swapHeaderVariant:d,quoteLoaderVariant:T,walletButtonEnabled:X,hasConnectHandler:Q,customWalletUI:N}),[e.apiKey,j,G,H,B,z,q,v,x,Z,E,$,D,ee,w,S,C,I,O,r,i,d,T,X,Q,N]),ie=gt(()=>b?{openConnectModal:b,openAccountModal:k}:null,[b,k]),y=K(Ge,{children:K(Ue.Provider,{value:te,children:K(He,{theme:W,children:wt("div",{className:`aori-widget${t?` ${t}`:""}`,style:{...g,"--font-sans":"var(--widget-font-sans)","--font-mono":"var(--widget-font-mono)",fontFamily:"var(--widget-font-sans)",letterSpacing:"var(--widget-letter-spacing)",width:"100%",...U,position:"relative",...m?{}:M},children:[K("style",{dangerouslySetInnerHTML:{__html:ri}}),K(Ve,{children:K(lt,{onSwapComplete:c,defaultBaseToken:e.tokens?.defaultBase,defaultQuoteToken:e.tokens?.defaultQuote,onBaseTokenChange:a,onQuoteTokenChange:s,cardStyles:m?M:void 0,cardWidth:m?R:void 0})})]})})})});return ie?K(Ze.Provider,{value:ie,children:y}):y}import{jsx as si}from"react/jsx-runtime";function ni(){let{openConnectModal:e}=ae(),{isConnected:t,address:c}=_(),a=t&&c?`${c.slice(0,6)}...${c.slice(-4)}`:"Connect";return si("button",{type:"button",onClick:()=>e(),className:"h-8 cursor-pointer px-3 text-xs font-bold uppercase tracking-wide transition-colors duration-150 border border-border rounded-sm bg-card text-foreground hover:bg-secondary hover:border-foreground/20",children:a})}import{http as ut,fallback as di}from"wagmi";function li(e){let t=Object.entries(je);return Object.fromEntries(t.map(([c,a])=>{let s=e?.[Number(c)],b=s?Array.isArray(s)?s:[s]:[],k=b.length>0?[...b,...a.rpcUrls]:a.rpcUrls;return[c,k.length>1?di(k.map(N=>ut(N,{batch:{batchSize:50,wait:50}}))):ut(k[0],{batch:{batchSize:50,wait:50}})]}))}var ci=$e().map(e=>e.wagmiChain);import{useMemo as Le}from"react";var gi=e=>{let{tokenRegistry:t,isLoadingRegistry:c,error:a}=Te();return{tokens:Le(()=>t.filter(b=>b.chainId===e),[t,e]),isLoading:c,error:a}},pi=(e,t)=>{let{tokenRegistry:c}=Te();return Le(()=>!e||!c.length?!1:c.some(a=>a.address.toLowerCase()===e.toLowerCase()&&a.chainId===t),[c,e,t])},wi=(e,t)=>{let{getToken:c}=Te();return Le(()=>{if(!(!e||!t))return c(t,e)},[c,e,t])},Nr=De();export{Ct as ChainSwitch,ni as ConnectButton,Ie as RfqProvider,Tt as SignSwap,Oe as SwapFormProvider,oi as SwapWidget,He as WidgetThemeProvider,li as buildTransports,Wt as canSubmitOrder,At as cleanupOldSubmissions,he as defaultDarkTheme,Ee as defaultLightTheme,Rt as isQuoteFresh,Nt as markOrderAsSubmitted,xt as pollOrderStatus,Fe as themeToCSS,mt as useBalanceEventListener,Pe as useBalanceEventSubscription,ht as useEmitBalanceEvent,pi as useIsTokenSupported,kt as useOrderStatusPolling,ue as useRfq,yt as useSwapForm,fe as useSwapFormContext,wi as useTokenByAddress,bt as useTokenSelection,vt as useTokenSelectionStore,gi as useTokensForChain,St as useTransactionRegistry,Pt as useUnwrapToken,ae as useWalletModal,_ as useWalletState,n as useWidgetSwapUIStore,Zt as useWidgetTheme,It as useWrapToken,ci as wagmiChains};