@aori/mega-swap-widget 0.1.0 → 0.1.2

package/dist/index.cjs

@@ -1,1456 +1,5 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class;"use client";
-
-
-var _chunkXQINW7QPcjs = require('./chunk-XQINW7QP.cjs');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _chunkHXOGJSAIcjs = require('./chunk-HXOGJSAI.cjs');
-require('./chunk-5TH6MFQD.cjs');
-
-
-
-
-
-
-
-var _chunk6XB5R4GFcjs = require('./chunk-6XB5R4GF.cjs');
-
-
-
-
-
-
-
-
-
-
-
-
-var _chunkGZUTUD5Ocjs = require('./chunk-GZUTUD5O.cjs');
-
-
-var _chunkPGYOJ5RBcjs = require('./chunk-PGYOJ5RB.cjs');
-require('./chunk-NBJPKJBC.cjs');
-
-// src/SwapWidget.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-// src/components/SwapContainer.tsx
-
-var _shallow = require('zustand/react/shallow');
-
-// src/components/SwapForm.tsx
-
-
-var _jsxruntime = require('react/jsx-runtime');
-var SwapForm = ({ onSwapComplete, onSwapInitiated }) => {
-  const {
-    web3ConnectionType,
-    hasConnectHandler,
-    lockBase,
-    lockQuote,
-    disableInverting,
-    tokenDisplay,
-    tokenBadgeOrientation,
-    widgetType
-  } = _chunkGZUTUD5Ocjs.useWidgetConfig.call(void 0, );
-  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
-  } = _chunk6XB5R4GFcjs.useSwapFormContext.call(void 0, );
-  const {
-    rfqQuote,
-    status: rfqStatus,
-    handleInputChange,
-    ensureForParams,
-    stop,
-    clear,
-    refresh
-  } = _chunkHXOGJSAIcjs.useRfq.call(void 0, );
-  const { address: userAddress } = _chunkPGYOJ5RBcjs.useWalletState.call(void 0, );
-  const { openConnectModal: openWalletModal } = _chunkHXOGJSAIcjs.useWalletModal.call(void 0, );
-  const { isRecipientInputOpen, txStatus } = _chunk6XB5R4GFcjs.useWidgetSwapUIStore.call(void 0, 
-    _shallow.useShallow.call(void 0, (state) => ({
-      isRecipientInputOpen: state.isRecipientInputOpen,
-      txStatus: state.txStatus
-    }))
-  );
-  const [reviewState, setReviewState] = _react.useState.call(void 0, null);
-  const [trackedOrderHash, setTrackedOrderHash] = _react.useState.call(void 0, null);
-  const isHandlingStaleRestart = _react.useRef.call(void 0, false);
-  const isPlacingOrder = false;
-  const reviewActionProps = _react.useMemo.call(void 0, () => {
-    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 = _react.useCallback.call(void 0, (orderHash) => {
-    setTrackedOrderHash(orderHash);
-    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().startTracking(orderHash);
-  }, []);
-  const onStaleQuoteRestart = _react.useCallback.call(void 0, () => {
-    isHandlingStaleRestart.current = true;
-    refresh();
-  }, [refresh]);
-  _react.useEffect.call(void 0, () => {
-    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 = _react.useCallback.call(void 0, () => {
-    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setView("baseSelection");
-  }, []);
-  const handleToggleQuoteSelection = _react.useCallback.call(void 0, () => {
-    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setView("quoteSelection");
-  }, []);
-  const handleInvert = _react.useCallback.call(void 0, () => {
-    swapTokens();
-    setQuoteAmount(null);
-  }, [swapTokens, setQuoteAmount]);
-  const handleMax = _react.useCallback.call(void 0, () => {
-    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 = _react.useCallback.call(void 0, () => {
-    clear();
-    clearForm();
-  }, [clear, clearForm]);
-  const baseBalanceNum = baseBalance.formatted ? parseFloat(baseBalance.formatted) : null;
-  const hasAmount = !!(baseAmount || quoteAmount);
-  const baseUsd = _optionalChain([baseToken, 'optionalAccess', _ => _.price]) && baseAmount ? `$${(baseToken.price * baseAmount).toFixed(2)}` : "$0.00";
-  const quoteUsd = _optionalChain([quoteToken, 'optionalAccess', _2 => _2.price]) && quoteAmount ? `$${(quoteToken.price * quoteAmount).toFixed(2)}` : "$0.00";
-  const isShowingTxStatus = reviewState === "trackingTx" && !!trackedOrderHash && !!baseToken && !!quoteToken && !!baseAmount && !!quoteAmount;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col w-full", children: [
-    isShowingTxStatus && trackedOrderHash && baseToken && quoteToken && baseAmount && quoteAmount ? (
-      /* ── TX STATUS (replaces token sections during tracking) ── */
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkHXOGJSAIcjs.TxStatusDisplay_default,
-        {
-          orderHash: trackedOrderHash,
-          base: baseToken,
-          quote: quoteToken,
-          baseAmount,
-          quoteAmount,
-          status: txStatus
-        }
-      ) })
-    ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "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__ */ _jsxruntime.jsxs.call(void 0, 
-                "div",
-                {
-                  className: `flex items-center gap-2 mb-2 ${tokenBadgeOrientation === "right" ? "flex-row-reverse" : "flex-row"}`,
-                  children: [
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _chunkHXOGJSAIcjs.AssetSelection_default,
-                      {
-                        toggle: handleToggleBaseSelection,
-                        side: "base",
-                        asset: baseToken,
-                        isPlacingOrder: isPlacingOrder || lockBase
-                      }
-                    ),
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _chunkHXOGJSAIcjs.AssetAmountInput_default,
-                      {
-                        side: "base",
-                        asset: _nullishCoalesce(baseToken, () => ( null)),
-                        otherAsset: _nullishCoalesce(quoteToken, () => ( null)),
-                        isPlacingOrder,
-                        isWrappingPair,
-                        isUnwrappingPair
-                      }
-                    ) })
-                  ]
-                }
-              )
-            ) : (
-              // default + pill/ghost: badge stacked above input, aligned to chosen side
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-                "div",
-                {
-                  className: `flex flex-col ${tokenBadgeOrientation === "right" ? "items-end" : "items-start"}`,
-                  children: [
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _chunkHXOGJSAIcjs.AssetSelection_default,
-                      {
-                        toggle: handleToggleBaseSelection,
-                        side: "base",
-                        asset: baseToken,
-                        isPlacingOrder: isPlacingOrder || lockBase
-                      }
-                    ),
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _chunkHXOGJSAIcjs.AssetAmountInput_default,
-                      {
-                        side: "base",
-                        asset: _nullishCoalesce(baseToken, () => ( null)),
-                        otherAsset: _nullishCoalesce(quoteToken, () => ( null)),
-                        isPlacingOrder,
-                        isWrappingPair,
-                        isUnwrappingPair
-                      }
-                    )
-                  ]
-                }
-              )
-            ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkHXOGJSAIcjs.AssetSelection_default,
-                {
-                  toggle: handleToggleBaseSelection,
-                  side: "base",
-                  asset: baseToken,
-                  isPlacingOrder: isPlacingOrder || lockBase
-                }
-              ),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkHXOGJSAIcjs.AssetAmountInput_default,
-                {
-                  side: "base",
-                  asset: _nullishCoalesce(baseToken, () => ( null)),
-                  otherAsset: _nullishCoalesce(quoteToken, () => ( null)),
-                  isPlacingOrder,
-                  isWrappingPair,
-                  isUnwrappingPair
-                }
-              )
-            ] }),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-1 flex w-full flex-row items-center justify-between", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "p",
-                {
-                  className: "mono text-sm",
-                  style: { color: "var(--widget-muted-foreground)" },
-                  children: baseUsd
-                }
-              ),
-              userAddress && baseBalanceNum !== null && baseBalanceNum > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center -my-4 relative z-10", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs", children: "\u2191" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs", children: "\u2193" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `relative ${quotePadding}`, children: [
-        isOverlayToken ? isCompactMode ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          "div",
-          {
-            className: `flex items-center gap-2 ${tokenBadgeOrientation === "right" ? "flex-row-reverse" : "flex-row"}`,
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkHXOGJSAIcjs.AssetSelection_default,
-                {
-                  toggle: handleToggleQuoteSelection,
-                  side: "quote",
-                  asset: quoteToken,
-                  isPlacingOrder: isPlacingOrder || lockQuote
-                }
-              ),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkHXOGJSAIcjs.AssetAmountInput_default,
-                {
-                  side: "quote",
-                  asset: _nullishCoalesce(quoteToken, () => ( null)),
-                  otherAsset: _nullishCoalesce(baseToken, () => ( null)),
-                  isPlacingOrder,
-                  isWrappingPair,
-                  isUnwrappingPair
-                }
-              ) })
-            ]
-          }
-        ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          "div",
-          {
-            className: `flex flex-col ${tokenBadgeOrientation === "right" ? "items-end" : "items-start"}`,
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkHXOGJSAIcjs.AssetSelection_default,
-                {
-                  toggle: handleToggleQuoteSelection,
-                  side: "quote",
-                  asset: quoteToken,
-                  isPlacingOrder: isPlacingOrder || lockQuote
-                }
-              ),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkHXOGJSAIcjs.AssetAmountInput_default,
-                {
-                  side: "quote",
-                  asset: _nullishCoalesce(quoteToken, () => ( null)),
-                  otherAsset: _nullishCoalesce(baseToken, () => ( null)),
-                  isPlacingOrder,
-                  isWrappingPair,
-                  isUnwrappingPair
-                }
-              )
-            ]
-          }
-        ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkHXOGJSAIcjs.AssetSelection_default,
-            {
-              toggle: handleToggleQuoteSelection,
-              side: "quote",
-              asset: quoteToken,
-              isPlacingOrder: isPlacingOrder || lockQuote
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkHXOGJSAIcjs.AssetAmountInput_default,
-            {
-              side: "quote",
-              asset: _nullishCoalesce(quoteToken, () => ( null)),
-              otherAsset: _nullishCoalesce(baseToken, () => ( null)),
-              isPlacingOrder,
-              isWrappingPair,
-              isUnwrappingPair
-            }
-          )
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-row items-center justify-between", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "p",
-            {
-              className: "mono text-sm",
-              style: { color: "var(--widget-muted-foreground)" },
-              children: quoteUsd
-            }
-          ),
-          hasAmount && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "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__ */ _jsxruntime.jsx.call(void 0, 
-        "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__ */ _jsxruntime.jsx.call(void 0, _chunkHXOGJSAIcjs.RecipientForm_default, {})
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          className: "px-4",
-          style: {
-            borderTop: "1px solid var(--widget-border)",
-            borderBottom: "1px solid var(--widget-border)"
-          },
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXQINW7QPcjs.QuoteLoader_default, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `relative ${isShowingTxStatus ? "px-0" : "px-4"} ${isCompactMode ? "py-2" : "py-4"}`, children: userAddress && baseToken && quoteToken && baseAmount && baseAmount > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHXOGJSAIcjs.SwapButton,
-      {
-        base: baseToken,
-        baseAmount,
-        quote: quoteToken,
-        quoteAmount: _nullishCoalesce(quoteAmount, () => ( 0)),
-        userAddress,
-        isWrappingPair,
-        isUnwrappingPair,
-        isBaseGasToken,
-        isQuoteGasToken,
-        reviewActionProps,
-        reviewState,
-        setReviewState,
-        trackedOrderHash,
-        setTrackedOrderHash,
-        onSwapComplete,
-        onSwapInitiated,
-        onOrderSubmitted,
-        onStaleQuoteRestart,
-        txStatus
-      }
-    ) : !userAddress && hasConnectHandler ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "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__ */ _jsxruntime.jsx.call(void 0, 
-      "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
-
-var SwapFormSkeleton = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col w-full", children: [
-  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: "relative px-4 pt-4 pb-2",
-      style: { borderBottom: "1px solid var(--widget-border)" },
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: "h-12 w-full animate-pulse",
-            style: { backgroundColor: "var(--widget-secondary)", borderRadius: "0.25rem" }
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: "mt-2 h-20 w-2/3 animate-pulse",
-            style: { backgroundColor: "var(--widget-secondary)", opacity: 0.5, borderRadius: "0.25rem" }
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-1 mb-1 flex w-full items-center justify-between", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: "h-4 w-12 animate-pulse",
-            style: { backgroundColor: "var(--widget-secondary)", opacity: 0.4, borderRadius: "0.25rem" }
-          }
-        ) })
-      ]
-    }
-  ),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center -my-4 relative z-10", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: "h-8 w-8",
-      style: {
-        border: "1px solid var(--widget-border)",
-        backgroundColor: "var(--widget-card)",
-        borderRadius: "9999px"
-      }
-    }
-  ) }),
-  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative px-4 pt-6 pb-2", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: "h-12 w-full animate-pulse",
-        style: { backgroundColor: "var(--widget-secondary)", borderRadius: "0.25rem" }
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: "mt-2 h-20 w-2/3 animate-pulse",
-        style: { backgroundColor: "var(--widget-secondary)", opacity: 0.5, borderRadius: "0.25rem" }
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-1 mb-1 flex w-full items-center justify-between", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: "h-4 w-12 animate-pulse",
-        style: { backgroundColor: "var(--widget-secondary)", opacity: 0.4, borderRadius: "0.25rem" }
-      }
-    ) })
-  ] }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: "px-4",
-      style: {
-        height: "28px",
-        borderTop: "1px solid var(--widget-border)",
-        borderBottom: "1px solid var(--widget-border)"
-      }
-    }
-  ),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative px-4 py-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: "w-full animate-pulse",
-      style: {
-        height: "44px",
-        backgroundColor: "var(--widget-secondary)",
-        borderRadius: "var(--widget-radius)",
-        opacity: 0.6
-      }
-    }
-  ) })
-] });
-
-// src/components/SwapHeader.tsx
-
-
-
-var TextScrambleDisplay = ({
-  targetText,
-  isError
-}) => {
-  const { displayText, suffix, characterColors } = _chunkGZUTUD5Ocjs.useTextScramble.call(void 0, 
-    targetText,
-    isError
-  );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    displayText.split("").map((char, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "span",
-      {
-        style: characterColors[index] ? { color: "var(--widget-destructive)" } : void 0,
-        children: char
-      },
-      index
-    )),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "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 = _chunk6XB5R4GFcjs.useWidgetSwapUIStore.call(void 0, (state) => state.view);
-  const {
-    isRecipientInputOpen,
-    hasAllowanceError,
-    hoveredChainName,
-    isTrackingTx,
-    txStatus,
-    walletTab
-  } = _chunk6XB5R4GFcjs.useWidgetSwapUIStore.call(void 0, 
-    _shallow.useShallow.call(void 0, (state) => ({
-      isRecipientInputOpen: state.isRecipientInputOpen,
-      hasAllowanceError: state.hasAllowanceError,
-      hoveredChainName: state.hoveredChainName,
-      isTrackingTx: state.isTrackingTx,
-      txStatus: state.txStatus,
-      walletTab: state.walletTab
-    }))
-  );
-  const { web3ConnectionType, swapHeaderVariant, customWalletUI, walletButtonEnabled } = _chunkGZUTUD5Ocjs.useWidgetConfig.call(void 0, );
-  const { isConnected } = _chunkPGYOJ5RBcjs.useWalletState.call(void 0, );
-  const { openAccountModal } = _chunkHXOGJSAIcjs.useWalletModal.call(void 0, );
-  const [mounted, setMounted] = _react.useState.call(void 0, false);
-  _react.useEffect.call(void 0, () => setMounted(true), []);
-  const [isRecipientButtonHovered, setIsRecipientButtonHovered] = _react.useState.call(void 0, 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 _nullishCoalesce(statusVarMap[txStatus], () => ( null));
-  };
-  const renderRightComponent = () => {
-    if (isTrackingTx) return null;
-    if (view === "swap") {
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-        walletButtonEnabled && mounted && web3ConnectionType === "custom" && isConnected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            onClick: () => {
-              if (customWalletUI === "provider" && openAccountModal) {
-                openAccountModal();
-              } else {
-                _chunk6XB5R4GFcjs.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__ */ _jsxruntime.jsxs.call(void 0, 
-              "svg",
-              {
-                className: "size-3.5",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "2", y: "5", width: "20", height: "15", rx: "2", stroke: "currentColor", strokeWidth: "1.5" }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M16 12C16 11.4477 16.4477 11 17 11H21V13H17C16.4477 13 16 12.5523 16 12Z", fill: "currentColor" }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M2 9H22", stroke: "currentColor", strokeWidth: "1.5" })
-                ]
-              }
-            )
-          }
-        ),
-        walletButtonEnabled && mounted && web3ConnectionType === "standalone" && isConnected && openAccountModal && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "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__ */ _jsxruntime.jsxs.call(void 0, 
-              "svg",
-              {
-                className: "size-3.5",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "2", y: "5", width: "20", height: "15", rx: "2", stroke: "currentColor", strokeWidth: "1.5" }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M16 12C16 11.4477 16.4477 11 17 11H21V13H17C16.4477 13 16 12.5523 16 12Z", fill: "currentColor" }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M2 9H22", stroke: "currentColor", strokeWidth: "1.5" })
-                ]
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            onClick: () => _chunk6XB5R4GFcjs.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__ */ _jsxruntime.jsxs.call(void 0, 
-              "svg",
-              {
-                className: "size-3.5",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "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__ */ _jsxruntime.jsx.call(void 0, 
-                    "path",
-                    {
-                      d: "M6 16.5H8",
-                      stroke: "currentColor",
-                      strokeWidth: "1.5",
-                      strokeMiterlimit: "10",
-                      strokeLinecap: "butt",
-                      strokeLinejoin: "miter"
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "path",
-                    {
-                      d: "M10.5 16.5H14.5",
-                      stroke: "currentColor",
-                      strokeWidth: "1.5",
-                      strokeMiterlimit: "10",
-                      strokeLinecap: "butt",
-                      strokeLinejoin: "miter"
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "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__ */ _jsxruntime.jsxs.call(void 0, 
-                    "g",
-                    {
-                      style: {
-                        transform: `rotate(${isRecipientInputOpen ? "45deg" : "0deg"})`,
-                        transformOrigin: "18.75px 6.75px",
-                        transition: "transform 150ms ease-out"
-                      },
-                      children: [
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          "path",
-                          {
-                            d: "M15 6.75H22.5",
-                            stroke: "currentColor",
-                            strokeWidth: "1.5"
-                          }
-                        ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          "path",
-                          {
-                            d: "M18.75 10.5V3",
-                            stroke: "currentColor",
-                            strokeWidth: "1.5"
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ]
-              }
-            )
-          }
-        )
-      ] });
-    }
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "button",
-      {
-        onClick: () => onBackClick ? onBackClick() : _chunk6XB5R4GFcjs.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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "pr-1", children: "\u2190" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm", children: "Back" })
-        ]
-      }
-    );
-  };
-  const headerTextColor = getHeaderTextColor();
-  if (swapHeaderVariant === "none") return null;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full pt-3 px-2 mono text-base flex flex-row justify-between h-6 shrink-0", children: [
-    view === "wallet" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1 mono uppercase -translate-y-0.5 text-xs", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "button",
-        {
-          type: "button",
-          onClick: () => _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setWalletTab("wallet"),
-          className: "cursor-pointer transition-colors",
-          style: {
-            color: walletTab === "wallet" ? "var(--widget-foreground)" : "var(--widget-muted-foreground)"
-          },
-          children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { color: "var(--widget-muted-foreground)" }, children: ">> " }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Wallet" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { color: "var(--widget-foreground)", opacity: 0.4 }, children: ">>" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          onClick: () => _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setWalletTab("activity"),
-          className: "cursor-pointer transition-colors",
-          style: {
-            color: walletTab === "activity" ? "var(--widget-foreground)" : "var(--widget-muted-foreground)"
-          },
-          children: "Activity"
-        }
-      )
-    ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mono uppercase -translate-y-0.5 text-xs flex items-center", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "span",
-        {
-          className: "mr-1.5",
-          style: { color: "var(--widget-muted-foreground)", opacity: 0.4 },
-          children: ">> "
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "span",
-        {
-          className: "relative",
-          style: { color: headerTextColor || "var(--widget-foreground)" },
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            TextScrambleDisplay,
-            {
-              targetText: targetHeaderText,
-              isError: _nullishCoalesce(isErrorMessage, () => ( false))
-            }
-          )
-        },
-        scrambleKey
-      )
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-row items-center", children: renderRightComponent() })
-  ] });
-};
-var SwapHeader_default = SwapHeader;
-
-// src/components/SwapContainer.tsx
-
-var AssetSelectionMenu = _react.lazy.call(void 0, () => Promise.resolve().then(() => _interopRequireWildcard(require("./AssetSelectionMenu-Y3EB32BT.cjs"))));
-var ChainSelectionMenu = _react.lazy.call(void 0, () => Promise.resolve().then(() => _interopRequireWildcard(require("./ChainSelectionMenu-FBAPPFKI.cjs"))));
-var SwapFormHorizontal = _react.lazy.call(void 0, () => Promise.resolve().then(() => _interopRequireWildcard(require("./SwapFormHorizontal-WG3Z3CFT.cjs"))));
-var SwapFormSplit = _react.lazy.call(void 0, () => Promise.resolve().then(() => _interopRequireWildcard(require("./SwapFormSplit-VDDIRQUQ.cjs"))));
-var WidgetWalletPanel = _react.lazy.call(void 0, () => Promise.resolve().then(() => _interopRequireWildcard(require("./WidgetWalletPanel-T7H6FGVN.cjs"))).then((m) => ({ default: m.WidgetWalletPanel })));
-var WalletPlaceholderPanel = _react.lazy.call(void 0, () => Promise.resolve().then(() => _interopRequireWildcard(require("./WalletPlaceholderPanel-FZ6XIAMF.cjs"))).then((m) => ({ default: m.WalletPlaceholderPanel })));
-var SwapContainerInner = ({
-  onSwapComplete,
-  cardStyles,
-  cardWidth
-}) => {
-  const {
-    baseToken,
-    quoteToken,
-    baseAmount,
-    quoteAmount,
-    isWrappingPair,
-    isUnwrappingPair,
-    isRegistryLoading
-  } = _chunk6XB5R4GFcjs.useSwapFormContext.call(void 0, );
-  const { liquidityError, routingError, sizeCapError, stop, clear } = _chunkHXOGJSAIcjs.useRfq.call(void 0, );
-  const view = _chunk6XB5R4GFcjs.useWidgetSwapUIStore.call(void 0, (state) => state.view);
-  const {
-    isTransitioning,
-    isRecipientInputOpen,
-    recipient,
-    selectedChainFilterChainId
-  } = _chunk6XB5R4GFcjs.useWidgetSwapUIStore.call(void 0, 
-    _shallow.useShallow.call(void 0, (state) => ({
-      isTransitioning: state.isTransitioning,
-      isRecipientInputOpen: state.isRecipientInputOpen,
-      recipient: state.recipient,
-      selectedChainFilterChainId: _nullishCoalesce(_optionalChain([state, 'access', _3 => _3.selectedChainFilter, 'optionalAccess', _4 => _4.chainId]), () => ( null))
-    }))
-  );
-  const enterTimeoutRef = _react.useRef.call(void 0, null);
-  const exitTimeoutRef = _react.useRef.call(void 0, null);
-  const [exitingOverlay, setExitingOverlay] = _react.useState.call(void 0, null);
-  _chunkHXOGJSAIcjs.useBalanceEventSubscription.call(void 0, );
-  _react.useEffect.call(void 0, () => {
-    return () => {
-      if (enterTimeoutRef.current) clearTimeout(enterTimeoutRef.current);
-      if (exitTimeoutRef.current) clearTimeout(exitTimeoutRef.current);
-    };
-  }, []);
-  _react.useEffect.call(void 0, () => {
-    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().resetUI();
-  }, []);
-  _react.useEffect.call(void 0, () => {
-    if (!isTransitioning) return;
-    enterTimeoutRef.current = setTimeout(() => {
-      _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setIsTransitioning(false);
-      enterTimeoutRef.current = null;
-    }, 20);
-    return () => {
-      if (enterTimeoutRef.current) {
-        clearTimeout(enterTimeoutRef.current);
-        enterTimeoutRef.current = null;
-      }
-    };
-  }, [isTransitioning]);
-  const transitionToView = _react.useCallback.call(void 0, 
-    (newView, type = "navigation") => {
-      if (exitTimeoutRef.current) {
-        clearTimeout(exitTimeoutRef.current);
-        exitTimeoutRef.current = null;
-        setExitingOverlay(null);
-      }
-      const currentView = _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().view;
-      if (currentView !== "swap" && newView !== "swap") {
-        _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setView(newView);
-        _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setIsTransitioning(false);
-      } else {
-        _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().transitionToView(newView, type);
-      }
-    },
-    []
-  );
-  const handleBackToSwap = _react.useCallback.call(void 0, () => {
-    if (enterTimeoutRef.current) {
-      clearTimeout(enterTimeoutRef.current);
-      enterTimeoutRef.current = null;
-    }
-    if (exitTimeoutRef.current) {
-      clearTimeout(exitTimeoutRef.current);
-      exitTimeoutRef.current = null;
-    }
-    const currentView = _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().view;
-    setExitingOverlay(currentView);
-    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setChainFilter(null);
-    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setView("swap");
-    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setIsTransitioning(false);
-    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().resetAssetSelection();
-    exitTimeoutRef.current = setTimeout(() => {
-      setExitingOverlay(null);
-      exitTimeoutRef.current = null;
-    }, 200);
-  }, []);
-  const handleChainFilterSelect = _react.useCallback.call(void 0, 
-    (chainId) => {
-      const previousView = view;
-      const side = previousView === "baseChainSelection" ? "base" : "quote";
-      _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setChainFilter({ chainId, side });
-      _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().pushRecentChain(chainId);
-      transitionToView(
-        side === "base" ? "baseSelection" : "quoteSelection",
-        "chainSelection"
-      );
-    },
-    [view, transitionToView]
-  );
-  const handleMoreChainsClick = _react.useCallback.call(void 0, () => {
-    const currentView = _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().view;
-    if (currentView === "baseSelection") {
-      transitionToView("baseChainSelection", "chainSelection");
-    } else if (currentView === "quoteSelection") {
-      transitionToView("quoteChainSelection", "chainSelection");
-    }
-  }, [transitionToView]);
-  const handleSwapInitiated = _react.useCallback.call(void 0, () => {
-    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 } = _chunkGZUTUD5Ocjs.useWidgetConfig.call(void 0, );
-  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__ */ _jsxruntime.jsx.call(void 0, SwapFormSkeleton, {}) : widgetType === "horizontal" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Suspense, { fallback: null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    SwapFormHorizontal,
-    {
-      onSwapComplete,
-      onSwapInitiated: handleSwapInitiated,
-      onBackToSwap: isInlineMenu ? handleBackToSwap : void 0,
-      onMoreChainsClick: isInlineMenu ? handleMoreChainsClick : void 0
-    }
-  ) }) : widgetType === "split" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Suspense, { fallback: null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    SwapFormSplit,
-    {
-      onSwapComplete,
-      onSwapInitiated: handleSwapInitiated,
-      onBackToSwap: isInlineMenu ? handleBackToSwap : void 0,
-      onMoreChainsClick: isInlineMenu ? handleMoreChainsClick : void 0
-    }
-  ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SwapForm_default, { onSwapComplete, onSwapInitiated: handleSwapInitiated });
-  const cs = _nullishCoalesce(cardStyles, () => ( {}));
-  const leftCardRef = _react.useRef.call(void 0, null);
-  const [leftCardHeight, setLeftCardHeight] = _react.useState.call(void 0, 420);
-  _react.useEffect.call(void 0, () => {
-    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__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "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__ */ _jsxruntime.jsx.call(void 0, 
-              SwapHeader_default,
-              {
-                headerText: "Swap",
-                onBackClick: handleBackToSwap,
-                isSameChain,
-                isWrappingPair,
-                isUnwrappingPair,
-                hasLowLiquidity: liquidityError,
-                hasInsufficientLiquidity: liquidityError,
-                hasRoutingError: routingError,
-                hasSizeCapError: sizeCapError
-              }
-            ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "overflow-hidden", children: formContent })
-          ]
-        }
-      ),
-      (showTokenOverlay || showChainOverlay) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          className: "flex flex-col overflow-hidden shrink-0",
-          style: {
-            width: cardWidth,
-            height: `${leftCardHeight}px`,
-            ...cs,
-            ...overlayStyle(
-              (isTokenSelection || isChainSelection) && !isTransitioning
-            )
-          },
-          children: isTokenSelection || isTokenSelectionExiting ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Suspense, { fallback: null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            AssetSelectionMenu,
-            {
-              toggle: handleBackToSwap,
-              side: menuSide,
-              otherAsset: menuOtherAsset,
-              onMoreChainsClick: handleMoreChainsClick,
-              selectedChainFilter: selectedChainFilterChainId
-            }
-          ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Suspense, { fallback: null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            ChainSelectionMenu,
-            {
-              toggle: handleBackToSwap,
-              side: chainMenuSide,
-              onChainSelect: handleChainFilterSelect
-            }
-          ) })
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: "flex flex-col w-full",
-      style: {
-        overflow: "hidden",
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          SwapHeader_default,
-          {
-            headerText: getHeaderText(),
-            onBackClick: handleBackToSwap,
-            isSameChain,
-            isWrappingPair,
-            isUnwrappingPair,
-            hasLowLiquidity: liquidityError,
-            hasInsufficientLiquidity: liquidityError,
-            hasRoutingError: routingError,
-            hasSizeCapError: sizeCapError
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative overflow-hidden", children: [
-          showSwapForm && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: "overflow-hidden",
-              style: hasActiveOverlay ? { pointerEvents: "none" } : void 0,
-              children: formContent
-            }
-          ),
-          (view === "wallet" || exitingOverlay === "wallet") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: "absolute inset-0 overflow-hidden",
-              style: overlayStyle(view === "wallet" && !isTransitioning),
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Suspense, { fallback: null, children: customWalletUI === "none" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WalletPlaceholderPanel, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WidgetWalletPanel, {}) })
-            }
-          ),
-          isPanelMode && showTokenOverlay && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: "absolute inset-0 overflow-hidden",
-              style: overlayStyle(isTokenOverlayActive),
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Suspense, { fallback: null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                AssetSelectionMenu,
-                {
-                  toggle: handleBackToSwap,
-                  side: menuSide,
-                  otherAsset: menuOtherAsset,
-                  onMoreChainsClick: handleMoreChainsClick,
-                  selectedChainFilter: selectedChainFilterChainId
-                }
-              ) })
-            }
-          ),
-          isPanelMode && showChainOverlay && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: "absolute inset-0 overflow-hidden",
-              style: overlayStyle(isChainOverlayActive),
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Suspense, { fallback: null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                ChainSelectionMenu,
-                {
-                  toggle: handleBackToSwap,
-                  side: chainMenuSide,
-                  onChainSelect: handleChainFilterSelect
-                }
-              ) })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-var SwapContainer = ({
-  onSwapComplete,
-  defaultBaseToken,
-  defaultQuoteToken,
-  onBaseTokenChange,
-  onQuoteTokenChange,
-  cardStyles,
-  cardWidth
-}) => {
-  const { address: userAddress } = _chunkPGYOJ5RBcjs.useWalletState.call(void 0, );
-  const recipient = _chunk6XB5R4GFcjs.useWidgetSwapUIStore.call(void 0, (s) => s.recipient);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk6XB5R4GFcjs.SwapFormProvider,
-    {
-      defaultBaseToken,
-      defaultQuoteToken,
-      onBaseTokenChange,
-      onQuoteTokenChange,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXOGJSAIcjs.RfqProvider, { recipient, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        SwapContainerInner,
-        {
-          onSwapComplete,
-          cardStyles,
-          cardWidth
-        }
-      ) })
-    }
-  );
-};
-
-// src/theme/ThemeContext.tsx
-
-
-// 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
-
-var WidgetThemeContext = _react.createContext.call(void 0, defaultDarkTheme);
-function WidgetThemeProvider({ theme, children }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WidgetThemeContext.Provider, { value: theme, children });
-}
-function useWidgetTheme() {
-  return _react.useContext.call(void 0, WidgetThemeContext);
-}
-
-// src/SwapWidget.tsx
-
-var EMPTY_CHAINS = [];
-var EMPTY_SUPPORTED_INPUT_TOKENS = [];
-var EMPTY_SUPPORTED_OUTPUT_TOKENS = [];
-var EMPTY_SUPPORTED_CHAINS = [];
-var WIDGET_CRITICAL_CSS = `
+var _chunkDUIRZSBVcjs = require('./chunk-DUIRZSBV.cjs');var _chunkMCT3UZTPcjs = require('./chunk-MCT3UZTP.cjs');require('./chunk-KH57FLST.cjs');var _chunkUZWGYG2Scjs = require('./chunk-UZWGYG2S.cjs');var _chunkLXEKOQAGcjs = require('./chunk-LXEKOQAG.cjs');var _chunk34N36GUDcjs = require('./chunk-34N36GUD.cjs');require('./chunk-T3I3AJXV.cjs');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _shallow = require('zustand/react/shallow');var _jsxruntime = require('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}=_chunkLXEKOQAGcjs.b.call(void 0, ),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}=_chunkUZWGYG2Scjs.f.call(void 0, ),{rfqQuote:j,status:G,handleInputChange:H,ensureForParams:B,stop:z,clear:q,refresh:v}=_chunkMCT3UZTPcjs.e.call(void 0, ),{address:x}=_chunk34N36GUDcjs.a.call(void 0, ),{openConnectModal:Z}=_chunkMCT3UZTPcjs.g.call(void 0, ),{isRecipientInputOpen:E,txStatus:$}=_chunkUZWGYG2Scjs.c.call(void 0, _shallow.useShallow.call(void 0, o=>({isRecipientInputOpen:o.isRecipientInputOpen,txStatus:o.txStatus}))),[D,ee]=_react.useState.call(void 0, null),[Q,te]=_react.useState.call(void 0, null),ie=_react.useRef.call(void 0, !1),y=!1,J=_react.useMemo.call(void 0, ()=>!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=_react.useCallback.call(void 0, o=>{te(o),_chunkUZWGYG2Scjs.c.getState().startTracking(o)},[]),be=_react.useCallback.call(void 0, ()=>{ie.current=!0,v()},[v]);_react.useEffect.call(void 0, ()=>{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=_react.useCallback.call(void 0, ()=>{_chunkUZWGYG2Scjs.c.getState().setView("baseSelection")},[]),ye=_react.useCallback.call(void 0, ()=>{_chunkUZWGYG2Scjs.c.getState().setView("quoteSelection")},[]),xe=_react.useCallback.call(void 0, ()=>{U(),h(null)},[U,h]),ce=_react.useCallback.call(void 0, ()=>{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=_react.useCallback.call(void 0, ()=>{q(),M()},[q,M]),we=m.formatted?parseFloat(m.formatted):null,ke=!!(d||T),Se=_optionalChain([r, 'optionalAccess', _2 => _2.price])&&d?`$${(r.price*d).toFixed(2)}`:"$0.00",Ae=_optionalChain([i, 'optionalAccess', _3 => _3.price])&&T?`$${(i.price*T).toFixed(2)}`:"$0.00",Ce=D==="trackingTx"&&!!Q&&!!r&&!!i&&!!d&&!!T;return _jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col w-full",children:[Ce&&Q&&r&&i&&d&&T?_jsxruntime.jsx.call(void 0, "div",{className:"overflow-hidden",children:_jsxruntime.jsx.call(void 0, _chunkMCT3UZTPcjs.w,{orderHash:Q,base:r,quote:i,baseAmount:d,quoteAmount:T,status:$})}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsxs.call(void 0, "div",{className:`relative ${I}`,style:{borderBottom:"1px solid var(--widget-border)"},children:[S?C?_jsxruntime.jsxs.call(void 0, "div",{className:`flex items-center gap-2 mb-2 ${W==="right"?"flex-row-reverse":"flex-row"}`,children:[_jsxruntime.jsx.call(void 0, _chunkMCT3UZTPcjs.i,{toggle:le,side:"base",asset:r,isPlacingOrder:y||s}),_jsxruntime.jsx.call(void 0, "div",{className:"flex-1 min-w-0",children:_jsxruntime.jsx.call(void 0, _chunkMCT3UZTPcjs.h,{side:"base",asset:_nullishCoalesce(r, () => (null)),otherAsset:_nullishCoalesce(i, () => (null)),isPlacingOrder:y,isWrappingPair:u,isUnwrappingPair:g})})]}):_jsxruntime.jsxs.call(void 0, "div",{className:`flex flex-col ${W==="right"?"items-end":"items-start"}`,children:[_jsxruntime.jsx.call(void 0, _chunkMCT3UZTPcjs.i,{toggle:le,side:"base",asset:r,isPlacingOrder:y||s}),_jsxruntime.jsx.call(void 0, _chunkMCT3UZTPcjs.h,{side:"base",asset:_nullishCoalesce(r, () => (null)),otherAsset:_nullishCoalesce(i, () => (null)),isPlacingOrder:y,isWrappingPair:u,isUnwrappingPair:g})]}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkMCT3UZTPcjs.i,{toggle:le,side:"base",asset:r,isPlacingOrder:y||s}),_jsxruntime.jsx.call(void 0, _chunkMCT3UZTPcjs.h,{side:"base",asset:_nullishCoalesce(r, () => (null)),otherAsset:_nullishCoalesce(i, () => (null)),isPlacingOrder:y,isWrappingPair:u,isUnwrappingPair:g})]}),_jsxruntime.jsxs.call(void 0, "div",{className:"mb-1 flex w-full flex-row items-center justify-between",children:[_jsxruntime.jsx.call(void 0, "p",{className:"mono text-sm",style:{color:"var(--widget-muted-foreground)"},children:Se}),x&&we!==null&&we>0&&_jsxruntime.jsx.call(void 0, "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&&_jsxruntime.jsx.call(void 0, "div",{className:"flex justify-center -my-4 relative z-10",children:_jsxruntime.jsxs.call(void 0, "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:[_jsxruntime.jsx.call(void 0, "span",{className:"text-2xs",children:"\u2191"}),_jsxruntime.jsx.call(void 0, "span",{className:"text-2xs",children:"\u2193"})]})}),_jsxruntime.jsxs.call(void 0, "div",{className:`relative ${O}`,children:[S?C?_jsxruntime.jsxs.call(void 0, "div",{className:`flex items-center gap-2 ${W==="right"?"flex-row-reverse":"flex-row"}`,children:[_jsxruntime.jsx.call(void 0, _chunkMCT3UZTPcjs.i,{toggle:ye,side:"quote",asset:i,isPlacingOrder:y||b}),_jsxruntime.jsx.call(void 0, "div",{className:"flex-1 min-w-0",children:_jsxruntime.jsx.call(void 0, _chunkMCT3UZTPcjs.h,{side:"quote",asset:_nullishCoalesce(i, () => (null)),otherAsset:_nullishCoalesce(r, () => (null)),isPlacingOrder:y,isWrappingPair:u,isUnwrappingPair:g})})]}):_jsxruntime.jsxs.call(void 0, "div",{className:`flex flex-col ${W==="right"?"items-end":"items-start"}`,children:[_jsxruntime.jsx.call(void 0, _chunkMCT3UZTPcjs.i,{toggle:ye,side:"quote",asset:i,isPlacingOrder:y||b}),_jsxruntime.jsx.call(void 0, _chunkMCT3UZTPcjs.h,{side:"quote",asset:_nullishCoalesce(i, () => (null)),otherAsset:_nullishCoalesce(r, () => (null)),isPlacingOrder:y,isWrappingPair:u,isUnwrappingPair:g})]}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkMCT3UZTPcjs.i,{toggle:ye,side:"quote",asset:i,isPlacingOrder:y||b}),_jsxruntime.jsx.call(void 0, _chunkMCT3UZTPcjs.h,{side:"quote",asset:_nullishCoalesce(i, () => (null)),otherAsset:_nullishCoalesce(r, () => (null)),isPlacingOrder:y,isWrappingPair:u,isUnwrappingPair:g})]}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex w-full flex-row items-center justify-between",children:[_jsxruntime.jsx.call(void 0, "p",{className:"mono text-sm",style:{color:"var(--widget-muted-foreground)"},children:Ae}),ke&&_jsxruntime.jsx.call(void 0, "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"})]})]}),_jsxruntime.jsx.call(void 0, "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:_jsxruntime.jsx.call(void 0, _chunkMCT3UZTPcjs.j,{})}),_jsxruntime.jsx.call(void 0, "div",{className:"px-4",style:{borderTop:"1px solid var(--widget-border)",borderBottom:"1px solid var(--widget-border)"},children:_jsxruntime.jsx.call(void 0, _chunkDUIRZSBVcjs.a,{})})]}),_jsxruntime.jsx.call(void 0, "div",{className:`relative ${Ce?"px-0":"px-4"} ${C?"py-2":"py-4"}`,children:x&&r&&i&&d&&d>0?_jsxruntime.jsx.call(void 0, _chunkMCT3UZTPcjs.v,{base:r,baseAmount:d,quote:i,quoteAmount:_nullishCoalesce(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?_jsxruntime.jsx.call(void 0, "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"}):_jsxruntime.jsx.call(void 0, "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;var at=()=>_jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col w-full",children:[_jsxruntime.jsxs.call(void 0, "div",{className:"relative px-4 pt-4 pb-2",style:{borderBottom:"1px solid var(--widget-border)"},children:[_jsxruntime.jsx.call(void 0, "div",{className:"h-12 w-full animate-pulse",style:{backgroundColor:"var(--widget-secondary)",borderRadius:"0.25rem"}}),_jsxruntime.jsx.call(void 0, "div",{className:"mt-2 h-20 w-2/3 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.5,borderRadius:"0.25rem"}}),_jsxruntime.jsx.call(void 0, "div",{className:"mt-1 mb-1 flex w-full items-center justify-between",children:_jsxruntime.jsx.call(void 0, "div",{className:"h-4 w-12 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.4,borderRadius:"0.25rem"}})})]}),_jsxruntime.jsx.call(void 0, "div",{className:"flex justify-center -my-4 relative z-10",children:_jsxruntime.jsx.call(void 0, "div",{className:"h-8 w-8",style:{border:"1px solid var(--widget-border)",backgroundColor:"var(--widget-card)",borderRadius:"9999px"}})}),_jsxruntime.jsxs.call(void 0, "div",{className:"relative px-4 pt-6 pb-2",children:[_jsxruntime.jsx.call(void 0, "div",{className:"h-12 w-full animate-pulse",style:{backgroundColor:"var(--widget-secondary)",borderRadius:"0.25rem"}}),_jsxruntime.jsx.call(void 0, "div",{className:"mt-2 h-20 w-2/3 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.5,borderRadius:"0.25rem"}}),_jsxruntime.jsx.call(void 0, "div",{className:"mt-1 mb-1 flex w-full items-center justify-between",children:_jsxruntime.jsx.call(void 0, "div",{className:"h-4 w-12 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.4,borderRadius:"0.25rem"}})})]}),_jsxruntime.jsx.call(void 0, "div",{className:"px-4",style:{height:"28px",borderTop:"1px solid var(--widget-border)",borderBottom:"1px solid var(--widget-border)"}}),_jsxruntime.jsx.call(void 0, "div",{className:"relative px-4 py-4",children:_jsxruntime.jsx.call(void 0, "div",{className:"w-full animate-pulse",style:{height:"44px",backgroundColor:"var(--widget-secondary)",borderRadius:"var(--widget-radius)",opacity:.6}})})]});var Ht=({targetText:e,isError:t})=>{let{displayText:c,suffix:a,characterColors:s}=_chunkLXEKOQAGcjs.A.call(void 0, e,t);return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[c.split("").map((b,k)=>_jsxruntime.jsx.call(void 0, "span",{style:s[k]?{color:"var(--widget-destructive)"}:void 0,children:b},k)),_jsxruntime.jsx.call(void 0, "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=_chunkUZWGYG2Scjs.c.call(void 0, v=>v.view),{isRecipientInputOpen:S,hasAllowanceError:C,hoveredChainName:I,isTrackingTx:O,txStatus:r,walletTab:i}=_chunkUZWGYG2Scjs.c.call(void 0, _shallow.useShallow.call(void 0, 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}=_chunkLXEKOQAGcjs.b.call(void 0, ),{isConnected:u}=_chunk34N36GUDcjs.a.call(void 0, ),{openAccountModal:g}=_chunkMCT3UZTPcjs.g.call(void 0, ),[m,Y]=_react.useState.call(void 0, !1);_react.useEffect.call(void 0, ()=>Y(!0),[]);let[R,h]=_react.useState.call(void 0, !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:_nullishCoalesce(H[r], () => (null)),z=()=>O?null:w==="swap"?_jsxruntime.jsxs.call(void 0, "div",{className:"flex items-center gap-2",children:[L&&m&&d==="custom"&&u&&_jsxruntime.jsx.call(void 0, "button",{onClick:()=>{X==="provider"&&g?g():_chunkUZWGYG2Scjs.c.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:_jsxruntime.jsxs.call(void 0, "svg",{className:"size-3.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[_jsxruntime.jsx.call(void 0, "rect",{x:"2",y:"5",width:"20",height:"15",rx:"2",stroke:"currentColor",strokeWidth:"1.5"}),_jsxruntime.jsx.call(void 0, "path",{d:"M16 12C16 11.4477 16.4477 11 17 11H21V13H17C16.4477 13 16 12.5523 16 12Z",fill:"currentColor"}),_jsxruntime.jsx.call(void 0, "path",{d:"M2 9H22",stroke:"currentColor",strokeWidth:"1.5"})]})}),L&&m&&d==="standalone"&&u&&g&&_jsxruntime.jsx.call(void 0, "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:_jsxruntime.jsxs.call(void 0, "svg",{className:"size-3.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[_jsxruntime.jsx.call(void 0, "rect",{x:"2",y:"5",width:"20",height:"15",rx:"2",stroke:"currentColor",strokeWidth:"1.5"}),_jsxruntime.jsx.call(void 0, "path",{d:"M16 12C16 11.4477 16.4477 11 17 11H21V13H17C16.4477 13 16 12.5523 16 12Z",fill:"currentColor"}),_jsxruntime.jsx.call(void 0, "path",{d:"M2 9H22",stroke:"currentColor",strokeWidth:"1.5"})]})}),_jsxruntime.jsx.call(void 0, "button",{onClick:()=>_chunkUZWGYG2Scjs.c.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:_jsxruntime.jsxs.call(void 0, "svg",{className:"size-3.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[_jsxruntime.jsx.call(void 0, "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"}),_jsxruntime.jsx.call(void 0, "path",{d:"M6 16.5H8",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"butt",strokeLinejoin:"miter"}),_jsxruntime.jsx.call(void 0, "path",{d:"M10.5 16.5H14.5",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"butt",strokeLinejoin:"miter"}),_jsxruntime.jsx.call(void 0, "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"}),_jsxruntime.jsxs.call(void 0, "g",{style:{transform:`rotate(${S?"45deg":"0deg"})`,transformOrigin:"18.75px 6.75px",transition:"transform 150ms ease-out"},children:[_jsxruntime.jsx.call(void 0, "path",{d:"M15 6.75H22.5",stroke:"currentColor",strokeWidth:"1.5"}),_jsxruntime.jsx.call(void 0, "path",{d:"M18.75 10.5V3",stroke:"currentColor",strokeWidth:"1.5"})]})]})})]}):_jsxruntime.jsxs.call(void 0, "button",{onClick:()=>t?t():_chunkUZWGYG2Scjs.c.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:[_jsxruntime.jsx.call(void 0, "span",{className:"pr-1",children:"\u2190"}),_jsxruntime.jsx.call(void 0, "span",{className:"text-sm",children:"Back"})]}),q=B();return T==="none"?null:_jsxruntime.jsxs.call(void 0, "div",{className:"w-full pt-3 px-2 mono text-base flex flex-row justify-between h-6 shrink-0",children:[w==="wallet"?_jsxruntime.jsxs.call(void 0, "div",{className:"flex items-center gap-1 mono uppercase -translate-y-0.5 text-xs",children:[_jsxruntime.jsxs.call(void 0, "button",{type:"button",onClick:()=>_chunkUZWGYG2Scjs.c.getState().setWalletTab("wallet"),className:"cursor-pointer transition-colors",style:{color:i==="wallet"?"var(--widget-foreground)":"var(--widget-muted-foreground)"},children:[_jsxruntime.jsx.call(void 0, "span",{style:{color:"var(--widget-muted-foreground)"},children:">> "}),_jsxruntime.jsx.call(void 0, "span",{children:"Wallet"})]}),_jsxruntime.jsx.call(void 0, "span",{style:{color:"var(--widget-foreground)",opacity:.4},children:">>"}),_jsxruntime.jsx.call(void 0, "button",{type:"button",onClick:()=>_chunkUZWGYG2Scjs.c.getState().setWalletTab("activity"),className:"cursor-pointer transition-colors",style:{color:i==="activity"?"var(--widget-foreground)":"var(--widget-muted-foreground)"},children:"Activity"})]}):_jsxruntime.jsxs.call(void 0, "div",{className:"mono uppercase -translate-y-0.5 text-xs flex items-center",children:[_jsxruntime.jsx.call(void 0, "span",{className:"mr-1.5",style:{color:"var(--widget-muted-foreground)",opacity:.4},children:">> "}),_jsxruntime.jsx.call(void 0, "span",{className:"relative",style:{color:q||"var(--widget-foreground)"},children:_jsxruntime.jsx.call(void 0, Ht,{targetText:j,isError:_nullishCoalesce(G, () => (!1))})},U)]}),_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-row items-center",children:z()})]})},Be=Vt;var st=_react.lazy.call(void 0, ()=>Promise.resolve().then(() => _interopRequireWildcard(require("./AssetSelectionMenu-4E576X3D.cjs")))),dt=_react.lazy.call(void 0, ()=>Promise.resolve().then(() => _interopRequireWildcard(require("./ChainSelectionMenu-VU3SIBVL.cjs")))),jt=_react.lazy.call(void 0, ()=>Promise.resolve().then(() => _interopRequireWildcard(require("./SwapFormHorizontal-V557YBX2.cjs")))),$t=_react.lazy.call(void 0, ()=>Promise.resolve().then(() => _interopRequireWildcard(require("./SwapFormSplit-PQCS3BPT.cjs")))),Dt=_react.lazy.call(void 0, ()=>Promise.resolve().then(() => _interopRequireWildcard(require("./WidgetWalletPanel-YBMN5KZH.cjs"))).then(e=>({default:e.WidgetWalletPanel}))),Qt=_react.lazy.call(void 0, ()=>Promise.resolve().then(() => _interopRequireWildcard(require("./WalletPlaceholderPanel-TTONBBI4.cjs"))).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}=_chunkUZWGYG2Scjs.f.call(void 0, ),{liquidityError:S,routingError:C,sizeCapError:I,stop:O,clear:r}=_chunkMCT3UZTPcjs.e.call(void 0, ),i=_chunkUZWGYG2Scjs.c.call(void 0, o=>o.view),{isTransitioning:d,isRecipientInputOpen:T,recipient:X,selectedChainFilterChainId:L}=_chunkUZWGYG2Scjs.c.call(void 0, _shallow.useShallow.call(void 0, o=>({isTransitioning:o.isTransitioning,isRecipientInputOpen:o.isRecipientInputOpen,recipient:o.recipient,selectedChainFilterChainId:_nullishCoalesce(_optionalChain([o, 'access', _4 => _4.selectedChainFilter, 'optionalAccess', _5 => _5.chainId]), () => (null))}))),u=_react.useRef.call(void 0, null),g=_react.useRef.call(void 0, null),[m,Y]=_react.useState.call(void 0, null);_chunkMCT3UZTPcjs.c.call(void 0, ),_react.useEffect.call(void 0, ()=>()=>{u.current&&clearTimeout(u.current),g.current&&clearTimeout(g.current)},[]),_react.useEffect.call(void 0, ()=>{_chunkUZWGYG2Scjs.c.getState().resetUI()},[]),_react.useEffect.call(void 0, ()=>{if(d)return u.current=setTimeout(()=>{_chunkUZWGYG2Scjs.c.getState().setIsTransitioning(!1),u.current=null},20),()=>{u.current&&(clearTimeout(u.current),u.current=null)}},[d]);let R=_react.useCallback.call(void 0, (o,V="navigation")=>{g.current&&(clearTimeout(g.current),g.current=null,Y(null)),_chunkUZWGYG2Scjs.c.getState().view!=="swap"&&o!=="swap"?(_chunkUZWGYG2Scjs.c.getState().setView(o),_chunkUZWGYG2Scjs.c.getState().setIsTransitioning(!1)):_chunkUZWGYG2Scjs.c.getState().transitionToView(o,V)},[]),h=_react.useCallback.call(void 0, ()=>{u.current&&(clearTimeout(u.current),u.current=null),g.current&&(clearTimeout(g.current),g.current=null);let o=_chunkUZWGYG2Scjs.c.getState().view;Y(o),_chunkUZWGYG2Scjs.c.getState().setChainFilter(null),_chunkUZWGYG2Scjs.c.getState().setView("swap"),_chunkUZWGYG2Scjs.c.getState().setIsTransitioning(!1),_chunkUZWGYG2Scjs.c.getState().resetAssetSelection(),g.current=setTimeout(()=>{Y(null),g.current=null},200)},[]),U=_react.useCallback.call(void 0, o=>{let re=i==="baseChainSelection"?"base":"quote";_chunkUZWGYG2Scjs.c.getState().setChainFilter({chainId:o,side:re}),_chunkUZWGYG2Scjs.c.getState().pushRecentChain(o),R(re==="base"?"baseSelection":"quoteSelection","chainSelection")},[i,R]),M=_react.useCallback.call(void 0, ()=>{let o=_chunkUZWGYG2Scjs.c.getState().view;o==="baseSelection"?R("baseChainSelection","chainSelection"):o==="quoteSelection"&&R("quoteChainSelection","chainSelection")},[R]),j=_react.useCallback.call(void 0, ()=>{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}=_chunkLXEKOQAGcjs.b.call(void 0, ),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?_jsxruntime.jsx.call(void 0, at,{}):z==="horizontal"?_jsxruntime.jsx.call(void 0, _react.Suspense,{fallback:null,children:_jsxruntime.jsx.call(void 0, jt,{onSwapComplete:e,onSwapInitiated:j,onBackToSwap:E?h:void 0,onMoreChainsClick:E?M:void 0})}):z==="split"?_jsxruntime.jsx.call(void 0, _react.Suspense,{fallback:null,children:_jsxruntime.jsx.call(void 0, $t,{onSwapComplete:e,onSwapInitiated:j,onBackToSwap:E?h:void 0,onMoreChainsClick:E?M:void 0})}):_jsxruntime.jsx.call(void 0, rt,{onSwapComplete:e,onSwapInitiated:j}),ke=_nullishCoalesce(t, () => ({})),Se=_react.useRef.call(void 0, null),[Ae,Ce]=_react.useState.call(void 0, 420);return _react.useEffect.call(void 0, ()=>{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?_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsxs.call(void 0, "div",{ref:Se,className:"flex flex-col w-full overflow-hidden transition-colors duration-300",style:{flex:"1 1 0",minWidth:0,...ke},children:[_jsxruntime.jsx.call(void 0, Be,{headerText:"Swap",onBackClick:h,isSameChain:G,isWrappingPair:N,isUnwrappingPair:W,hasLowLiquidity:S,hasInsufficientLiquidity:S,hasRoutingError:C,hasSizeCapError:I}),_jsxruntime.jsx.call(void 0, "div",{className:"overflow-hidden",children:we})]}),(te||ie)&&_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-col overflow-hidden shrink-0",style:{width:c,height:`${Ae}px`,...ke,...ce((v||x)&&!d)},children:v||ee?_jsxruntime.jsx.call(void 0, _react.Suspense,{fallback:null,children:_jsxruntime.jsx.call(void 0, st,{toggle:h,side:be,otherAsset:le,onMoreChainsClick:M,selectedChainFilter:L})}):_jsxruntime.jsx.call(void 0, _react.Suspense,{fallback:null,children:_jsxruntime.jsx.call(void 0, dt,{toggle:h,side:xe,onChainSelect:U})})})]}):_jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col w-full",style:{overflow:"hidden",position:"relative"},children:[_jsxruntime.jsx.call(void 0, Be,{headerText:H(),onBackClick:h,isSameChain:G,isWrappingPair:N,isUnwrappingPair:W,hasLowLiquidity:S,hasInsufficientLiquidity:S,hasRoutingError:C,hasSizeCapError:I}),_jsxruntime.jsxs.call(void 0, "div",{className:"relative overflow-hidden",children:[D&&_jsxruntime.jsx.call(void 0, "div",{className:"overflow-hidden",style:Ne?{pointerEvents:"none"}:void 0,children:we}),(i==="wallet"||m==="wallet")&&_jsxruntime.jsx.call(void 0, "div",{className:"absolute inset-0 overflow-hidden",style:ce(i==="wallet"&&!d),children:_jsxruntime.jsx.call(void 0, _react.Suspense,{fallback:null,children:q==="none"?_jsxruntime.jsx.call(void 0, Qt,{}):_jsxruntime.jsx.call(void 0, Dt,{})})}),$&&te&&_jsxruntime.jsx.call(void 0, "div",{className:"absolute inset-0 overflow-hidden",style:ce(y),children:_jsxruntime.jsx.call(void 0, _react.Suspense,{fallback:null,children:_jsxruntime.jsx.call(void 0, st,{toggle:h,side:be,otherAsset:le,onMoreChainsClick:M,selectedChainFilter:L})})}),$&&ie&&_jsxruntime.jsx.call(void 0, "div",{className:"absolute inset-0 overflow-hidden",style:ce(J),children:_jsxruntime.jsx.call(void 0, _react.Suspense,{fallback:null,children:_jsxruntime.jsx.call(void 0, 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}=_chunk34N36GUDcjs.a.call(void 0, ),W=_chunkUZWGYG2Scjs.c.call(void 0, w=>w.recipient);return _jsxruntime.jsx.call(void 0, _chunkUZWGYG2Scjs.e,{defaultBaseToken:t,defaultQuoteToken:c,onBaseTokenChange:a,onQuoteTokenChange:s,children:_jsxruntime.jsx.call(void 0, _chunkMCT3UZTPcjs.d,{recipient:W,children:_jsxruntime.jsx.call(void 0, _t,{onSwapComplete:e,cardStyles:b,cardWidth:k})})})};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= exports.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 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}var ct=_react.createContext.call(void 0, he);function He({theme:e,children:t}){return _jsxruntime.jsx.call(void 0, ct.Provider,{value:e,children:t})}function Zt(){return _react.useContext.call(void 0, ct)}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 = class extends _react2.default.Component {constructor(...args) { super(...args); _class.prototype.__init.call(this); }
-  __init() {this.state = { hasError: false }}
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  render() {
-    if (this.state.hasError) {
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { padding: "1.5rem", textAlign: "center", color: "var(--widget-foreground, #888)", fontFamily: "system-ui, sans-serif" }, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { style: { margin: "0 0 0.75rem", fontSize: "0.875rem" }, children: "Something went wrong." }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "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;
-  }
-}, _class);
-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"
-}) {
-  _chunkGZUTUD5Ocjs.setApiKey.call(void 0, config.apiKey);
-  _chunkGZUTUD5Ocjs.setRpcOverrides.call(void 0, config.rpcOverrides);
-  _chunkGZUTUD5Ocjs.setVtApiBaseUrl.call(void 0, config.vtApiBaseUrl);
-  const theme = resolveTheme(config);
-  const widgetType = _nullishCoalesce(_optionalChain([config, 'access', _5 => _5.appearance, 'optionalAccess', _6 => _6.widgetType]), () => ( "default"));
-  const tokenDisplay = _nullishCoalesce(_optionalChain([config, 'access', _7 => _7.appearance, 'optionalAccess', _8 => _8.tokenDisplay]), () => ( "default"));
-  const tokenBadgeOrientation = _nullishCoalesce(_optionalChain([config, 'access', _9 => _9.appearance, 'optionalAccess', _10 => _10.tokenBadgeOrientation]), () => ( "left"));
-  const assetMenuVariant = _nullishCoalesce(_optionalChain([config, 'access', _11 => _11.appearance, 'optionalAccess', _12 => _12.assetMenuVariant]), () => ( "default"));
-  const amountInputVariant = _nullishCoalesce(_optionalChain([config, 'access', _13 => _13.appearance, 'optionalAccess', _14 => _14.amountInputVariant]), () => ( "default"));
-  const hideAmountInputSymbol = _nullishCoalesce(_optionalChain([config, 'access', _15 => _15.appearance, 'optionalAccess', _16 => _16.hideAmountInputSymbol]), () => ( false));
-  const swapButtonVariant = _nullishCoalesce(_optionalChain([config, 'access', _17 => _17.appearance, 'optionalAccess', _18 => _18.swapButtonVariant]), () => ( "default"));
-  const swapHeaderVariant = _nullishCoalesce(_optionalChain([config, 'access', _19 => _19.appearance, 'optionalAccess', _20 => _20.swapHeaderVariant]), () => ( "default"));
-  const quoteLoaderVariant = _nullishCoalesce(_optionalChain([config, 'access', _21 => _21.appearance, 'optionalAccess', _22 => _22.quoteLoaderVariant]), () => ( "default"));
-  const walletButtonEnabled = _nullishCoalesce(_optionalChain([config, 'access', _23 => _23.appearance, 'optionalAccess', _24 => _24.walletButtonEnabled]), () => ( true));
-  const fillContainer = _nullishCoalesce(_optionalChain([config, 'access', _25 => _25.appearance, 'optionalAccess', _26 => _26.fillContainer]), () => ( false));
-  const hideBorder = _nullishCoalesce(_optionalChain([config, 'access', _27 => _27.appearance, 'optionalAccess', _28 => _28.hideBorder]), () => ( false));
-  const cssVars = themeToCSS(theme);
-  const isSplitSideBySide = assetMenuVariant === "split" && (widgetType === "default" || widgetType === "compact");
-  const isSelectionOpen = _chunk6XB5R4GFcjs.useWidgetSwapUIStore.call(void 0, 
-    (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 = _nullishCoalesce(_optionalChain([config, 'access', _29 => _29.tokens, 'optionalAccess', _30 => _30.enabledChains]), () => ( EMPTY_CHAINS));
-  const supportedInputTokens = _nullishCoalesce(_optionalChain([config, 'access', _31 => _31.tokens, 'optionalAccess', _32 => _32.supportedInputTokens]), () => ( EMPTY_SUPPORTED_INPUT_TOKENS));
-  const supportedOutputTokens = _nullishCoalesce(_optionalChain([config, 'access', _33 => _33.tokens, 'optionalAccess', _34 => _34.supportedOutputTokens]), () => ( EMPTY_SUPPORTED_OUTPUT_TOKENS));
-  const supportedInputChains = _nullishCoalesce(_optionalChain([config, 'access', _35 => _35.tokens, 'optionalAccess', _36 => _36.supportedInputChains]), () => ( EMPTY_SUPPORTED_CHAINS));
-  const supportedOutputChains = _nullishCoalesce(_optionalChain([config, 'access', _37 => _37.tokens, 'optionalAccess', _38 => _38.supportedOutputChains]), () => ( EMPTY_SUPPORTED_CHAINS));
-  const inputSelectionSearch = _nullishCoalesce(_optionalChain([config, 'access', _39 => _39.tokens, 'optionalAccess', _40 => _40.inputSelectionSearch]), () => ( true));
-  const outputSelectionSearch = _nullishCoalesce(_optionalChain([config, 'access', _41 => _41.tokens, 'optionalAccess', _42 => _42.outputSelectionSearch]), () => ( true));
-  const showInputSelectionTokenBalances = _nullishCoalesce(_optionalChain([config, 'access', _43 => _43.tokens, 'optionalAccess', _44 => _44.showInputSelectionTokenBalances]), () => ( true));
-  const showOutputSelectionTokenBalances = _nullishCoalesce(_optionalChain([config, 'access', _45 => _45.tokens, 'optionalAccess', _46 => _46.showOutputSelectionTokenBalances]), () => ( true));
-  const lockBase = _nullishCoalesce(_optionalChain([config, 'access', _47 => _47.tokens, 'optionalAccess', _48 => _48.lockBase]), () => ( false));
-  const lockQuote = _nullishCoalesce(_optionalChain([config, 'access', _49 => _49.tokens, 'optionalAccess', _50 => _50.lockQuote]), () => ( false));
-  const disableInverting = _nullishCoalesce(_optionalChain([config, 'access', _51 => _51.tokens, 'optionalAccess', _52 => _52.disableInverting]), () => ( false));
-  const defaultSlippage = _nullishCoalesce(_optionalChain([config, 'access', _53 => _53.settings, 'optionalAccess', _54 => _54.defaultSlippage]), () => ( 0.01));
-  const hasConnectHandler = !!onRequestConnect;
-  const widgetConfigValue = _react.useMemo.call(void 0, 
-    () => ({
-      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 = _react.useMemo.call(void 0, 
-    () => onRequestConnect ? { openConnectModal: onRequestConnect, openAccountModal: onRequestAccount } : null,
-    [onRequestConnect, onRequestAccount]
-  );
-  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.AoriClientProvider, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.WidgetConfigContext.Provider, { value: widgetConfigValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WidgetThemeProvider, { theme, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "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__ */ _jsxruntime.jsx.call(void 0, "style", { dangerouslySetInnerHTML: { __html: WIDGET_CRITICAL_CSS } }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WidgetErrorBoundary, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          SwapContainer,
-          {
-            onSwapComplete,
-            defaultBaseToken: _optionalChain([config, 'access', _55 => _55.tokens, 'optionalAccess', _56 => _56.defaultBase]),
-            defaultQuoteToken: _optionalChain([config, 'access', _57 => _57.tokens, 'optionalAccess', _58 => _58.defaultQuote]),
-            onBaseTokenChange,
-            onQuoteTokenChange,
-            cardStyles: isSplitSideBySide ? cardStyles : void 0,
-            cardWidth: isSplitSideBySide ? cardWidth : void 0
-          }
-        ) })
-      ]
-    }
-  ) }) }) });
-  if (walletModalValue) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXOGJSAIcjs.WalletModalContext.Provider, { value: walletModalValue, children: inner });
-  }
-  return inner;
-}
-
-// src/wallet/ConnectButton.tsx
-
-function ConnectButton() {
-  const { openConnectModal } = _chunkHXOGJSAIcjs.useWalletModal.call(void 0, );
-  const { isConnected, address } = _chunkPGYOJ5RBcjs.useWalletState.call(void 0, );
-  const label = isConnected && address ? `${address.slice(0, 6)}...${address.slice(-4)}` : "Connect";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "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
-var _wagmi = require('wagmi');
-function buildTransports(rpcOverrides) {
-  const chainEntries = Object.entries(_chunkGZUTUD5Ocjs.staticChainsConfig);
-  return Object.fromEntries(
-    chainEntries.map(([id, c]) => {
-      const override = _optionalChain([rpcOverrides, 'optionalAccess', _59 => _59[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 ? _wagmi.fallback.call(void 0, urls.map((url) => _wagmi.http.call(void 0, url, { batch: { batchSize: 50, wait: 50 } }))) : _wagmi.http.call(void 0, urls[0], { batch: { batchSize: 50, wait: 50 } })
-      ];
-    })
-  );
-}
-var wagmiChains = _chunkGZUTUD5Ocjs.getAllChainConfigs.call(void 0, ).map((c) => c.wagmiChain);
-
-// src/hooks/useTokenHelpers.ts
-
-var useTokensForChain = (chainId) => {
-  const { tokenRegistry, isLoadingRegistry, error } = _chunkGZUTUD5Ocjs.useTokenData.call(void 0, );
-  const tokens = _react.useMemo.call(void 0, () => {
-    return tokenRegistry.filter((token) => token.chainId === chainId);
-  }, [tokenRegistry, chainId]);
-  return { tokens, isLoading: isLoadingRegistry, error };
-};
-var useIsTokenSupported = (address, chainId) => {
-  const { tokenRegistry } = _chunkGZUTUD5Ocjs.useTokenData.call(void 0, );
-  return _react.useMemo.call(void 0, () => {
-    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 } = _chunkGZUTUD5Ocjs.useTokenData.call(void 0, );
-  return _react.useMemo.call(void 0, () => {
-    if (!address || !chainId) return void 0;
-    return getToken(chainId, address);
-  }, [getToken, address, chainId]);
-};
-var SUPPORTED_CHAINS = _chunkGZUTUD5Ocjs.getChainKeyToIdMapping.call(void 0, );
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-exports.ChainSwitch = _chunkHXOGJSAIcjs.ChainSwitch; exports.ConnectButton = ConnectButton; exports.RfqProvider = _chunkHXOGJSAIcjs.RfqProvider; exports.SignSwap = _chunkHXOGJSAIcjs.SignSwap; exports.SwapFormProvider = _chunk6XB5R4GFcjs.SwapFormProvider; exports.SwapWidget = SwapWidget; exports.WidgetThemeProvider = WidgetThemeProvider; exports.buildTransports = buildTransports; exports.canSubmitOrder = _chunkHXOGJSAIcjs.canSubmitOrder; exports.cleanupOldSubmissions = _chunkHXOGJSAIcjs.cleanupOldSubmissions; exports.defaultDarkTheme = defaultDarkTheme; exports.defaultLightTheme = defaultLightTheme; exports.isQuoteFresh = _chunkHXOGJSAIcjs.isQuoteFresh; exports.markOrderAsSubmitted = _chunkHXOGJSAIcjs.markOrderAsSubmitted; exports.pollOrderStatus = _chunkHXOGJSAIcjs.pollOrderStatus; exports.themeToCSS = themeToCSS; exports.useBalanceEventListener = _chunkHXOGJSAIcjs.useBalanceEventListener; exports.useBalanceEventSubscription = _chunkHXOGJSAIcjs.useBalanceEventSubscription; exports.useEmitBalanceEvent = _chunkHXOGJSAIcjs.useEmitBalanceEvent; exports.useIsTokenSupported = useIsTokenSupported; exports.useOrderStatusPolling = _chunkHXOGJSAIcjs.useOrderStatusPolling; exports.useRfq = _chunkHXOGJSAIcjs.useRfq; exports.useSwapForm = _chunk6XB5R4GFcjs.useSwapForm; exports.useSwapFormContext = _chunk6XB5R4GFcjs.useSwapFormContext; exports.useTokenByAddress = useTokenByAddress; exports.useTokenSelection = _chunk6XB5R4GFcjs.useTokenSelection; exports.useTokenSelectionStore = _chunk6XB5R4GFcjs.useTokenSelectionStore; exports.useTokensForChain = useTokensForChain; exports.useTransactionRegistry = _chunkHXOGJSAIcjs.useTransactionRegistry; exports.useUnwrapToken = _chunkHXOGJSAIcjs.useUnwrapToken; exports.useWalletModal = _chunkHXOGJSAIcjs.useWalletModal; exports.useWalletState = _chunkPGYOJ5RBcjs.useWalletState; exports.useWidgetSwapUIStore = _chunk6XB5R4GFcjs.useWidgetSwapUIStore; exports.useWidgetTheme = useWidgetTheme; exports.useWrapToken = _chunkHXOGJSAIcjs.useWrapToken; exports.wagmiChains = wagmiChains;
-//# sourceMappingURL=index.cjs.map
+`,Ve= (_class =class extends _react2.default.Component{constructor(...args) { super(...args); _class.prototype.__init.call(this); }__init() {this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}render(){return this.state.hasError?_jsxruntime.jsxs.call(void 0, "div",{style:{padding:"1.5rem",textAlign:"center",color:"var(--widget-foreground, #888)",fontFamily:"system-ui, sans-serif"},children:[_jsxruntime.jsx.call(void 0, "p",{style:{margin:"0 0 0.75rem",fontSize:"0.875rem"},children:"Something went wrong."}),_jsxruntime.jsx.call(void 0, "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}}, _class);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"}){_chunkLXEKOQAGcjs.n.call(void 0, e.apiKey),_chunkLXEKOQAGcjs.p.call(void 0, e.rpcOverrides),_chunkLXEKOQAGcjs.l.call(void 0, e.vtApiBaseUrl);let W=ai(e),w=_nullishCoalesce(_optionalChain([e, 'access', _6 => _6.appearance, 'optionalAccess', _7 => _7.widgetType]), () => ("default")),S=_nullishCoalesce(_optionalChain([e, 'access', _8 => _8.appearance, 'optionalAccess', _9 => _9.tokenDisplay]), () => ("default")),C=_nullishCoalesce(_optionalChain([e, 'access', _10 => _10.appearance, 'optionalAccess', _11 => _11.tokenBadgeOrientation]), () => ("left")),I=_nullishCoalesce(_optionalChain([e, 'access', _12 => _12.appearance, 'optionalAccess', _13 => _13.assetMenuVariant]), () => ("default")),O=_nullishCoalesce(_optionalChain([e, 'access', _14 => _14.appearance, 'optionalAccess', _15 => _15.amountInputVariant]), () => ("default")),r=_nullishCoalesce(_optionalChain([e, 'access', _16 => _16.appearance, 'optionalAccess', _17 => _17.hideAmountInputSymbol]), () => (!1)),i=_nullishCoalesce(_optionalChain([e, 'access', _18 => _18.appearance, 'optionalAccess', _19 => _19.swapButtonVariant]), () => ("default")),d=_nullishCoalesce(_optionalChain([e, 'access', _20 => _20.appearance, 'optionalAccess', _21 => _21.swapHeaderVariant]), () => ("default")),T=_nullishCoalesce(_optionalChain([e, 'access', _22 => _22.appearance, 'optionalAccess', _23 => _23.quoteLoaderVariant]), () => ("default")),X=_nullishCoalesce(_optionalChain([e, 'access', _24 => _24.appearance, 'optionalAccess', _25 => _25.walletButtonEnabled]), () => (!0)),L=_nullishCoalesce(_optionalChain([e, 'access', _26 => _26.appearance, 'optionalAccess', _27 => _27.fillContainer]), () => (!1)),u=_nullishCoalesce(_optionalChain([e, 'access', _28 => _28.appearance, 'optionalAccess', _29 => _29.hideBorder]), () => (!1)),g=Fe(W),m=I==="split"&&(w==="default"||w==="compact"),Y=_chunkUZWGYG2Scjs.c.call(void 0, 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=_nullishCoalesce(_optionalChain([e, 'access', _30 => _30.tokens, 'optionalAccess', _31 => _31.enabledChains]), () => (ei)),G=_nullishCoalesce(_optionalChain([e, 'access', _32 => _32.tokens, 'optionalAccess', _33 => _33.supportedInputTokens]), () => (ti)),H=_nullishCoalesce(_optionalChain([e, 'access', _34 => _34.tokens, 'optionalAccess', _35 => _35.supportedOutputTokens]), () => (ii)),B=_nullishCoalesce(_optionalChain([e, 'access', _36 => _36.tokens, 'optionalAccess', _37 => _37.supportedInputChains]), () => (pt)),z=_nullishCoalesce(_optionalChain([e, 'access', _38 => _38.tokens, 'optionalAccess', _39 => _39.supportedOutputChains]), () => (pt)),q=_nullishCoalesce(_optionalChain([e, 'access', _40 => _40.tokens, 'optionalAccess', _41 => _41.inputSelectionSearch]), () => (!0)),v=_nullishCoalesce(_optionalChain([e, 'access', _42 => _42.tokens, 'optionalAccess', _43 => _43.outputSelectionSearch]), () => (!0)),x=_nullishCoalesce(_optionalChain([e, 'access', _44 => _44.tokens, 'optionalAccess', _45 => _45.showInputSelectionTokenBalances]), () => (!0)),Z=_nullishCoalesce(_optionalChain([e, 'access', _46 => _46.tokens, 'optionalAccess', _47 => _47.showOutputSelectionTokenBalances]), () => (!0)),E=_nullishCoalesce(_optionalChain([e, 'access', _48 => _48.tokens, 'optionalAccess', _49 => _49.lockBase]), () => (!1)),$=_nullishCoalesce(_optionalChain([e, 'access', _50 => _50.tokens, 'optionalAccess', _51 => _51.lockQuote]), () => (!1)),D=_nullishCoalesce(_optionalChain([e, 'access', _52 => _52.tokens, 'optionalAccess', _53 => _53.disableInverting]), () => (!1)),ee=_nullishCoalesce(_optionalChain([e, 'access', _54 => _54.settings, 'optionalAccess', _55 => _55.defaultSlippage]), () => (.01)),Q=!!b,te=_react.useMemo.call(void 0, ()=>({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=_react.useMemo.call(void 0, ()=>b?{openConnectModal:b,openAccountModal:k}:null,[b,k]),y=_jsxruntime.jsx.call(void 0, _chunkLXEKOQAGcjs.N,{children:_jsxruntime.jsx.call(void 0, _chunkLXEKOQAGcjs.a.Provider,{value:te,children:_jsxruntime.jsx.call(void 0, He,{theme:W,children:_jsxruntime.jsxs.call(void 0, "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:[_jsxruntime.jsx.call(void 0, "style",{dangerouslySetInnerHTML:{__html:ri}}),_jsxruntime.jsx.call(void 0, Ve,{children:_jsxruntime.jsx.call(void 0, lt,{onSwapComplete:c,defaultBaseToken:_optionalChain([e, 'access', _56 => _56.tokens, 'optionalAccess', _57 => _57.defaultBase]),defaultQuoteToken:_optionalChain([e, 'access', _58 => _58.tokens, 'optionalAccess', _59 => _59.defaultQuote]),onBaseTokenChange:a,onQuoteTokenChange:s,cardStyles:m?M:void 0,cardWidth:m?R:void 0})})]})})})});return ie?_jsxruntime.jsx.call(void 0, _chunkMCT3UZTPcjs.f.Provider,{value:ie,children:y}):y}function ni(){let{openConnectModal:e}=_chunkMCT3UZTPcjs.g.call(void 0, ),{isConnected:t,address:c}=_chunk34N36GUDcjs.a.call(void 0, ),a=t&&c?`${c.slice(0,6)}...${c.slice(-4)}`:"Connect";return _jsxruntime.jsx.call(void 0, "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})}var _wagmi = require('wagmi');function li(e){let t=Object.entries(_chunkLXEKOQAGcjs.d);return Object.fromEntries(t.map(([c,a])=>{let s=_optionalChain([e, 'optionalAccess', _60 => _60[Number(c)]]),b=s?Array.isArray(s)?s:[s]:[],k=b.length>0?[...b,...a.rpcUrls]:a.rpcUrls;return[c,k.length>1?_wagmi.fallback.call(void 0, k.map(N=>_wagmi.http.call(void 0, N,{batch:{batchSize:50,wait:50}}))):_wagmi.http.call(void 0, k[0],{batch:{batchSize:50,wait:50}})]}))}var ci=_chunkLXEKOQAGcjs.f.call(void 0, ).map(e=>e.wagmiChain);var gi=e=>{let{tokenRegistry:t,isLoadingRegistry:c,error:a}=_chunkLXEKOQAGcjs.F.call(void 0, );return{tokens:_react.useMemo.call(void 0, ()=>t.filter(b=>b.chainId===e),[t,e]),isLoading:c,error:a}},pi= exports.useIsTokenSupported =(e,t)=>{let{tokenRegistry:c}=_chunkLXEKOQAGcjs.F.call(void 0, );return _react.useMemo.call(void 0, ()=>!e||!c.length?!1:c.some(a=>a.address.toLowerCase()===e.toLowerCase()&&a.chainId===t),[c,e,t])},wi= exports.useTokenByAddress =(e,t)=>{let{getToken:c}=_chunkLXEKOQAGcjs.F.call(void 0, );return _react.useMemo.call(void 0, ()=>{if(!(!e||!t))return c(t,e)},[c,e,t])},Nr=_chunkLXEKOQAGcjs.i.call(void 0, );exports.ChainSwitch = _chunkMCT3UZTPcjs.n; exports.ConnectButton = ni; exports.RfqProvider = _chunkMCT3UZTPcjs.d; exports.SignSwap = _chunkMCT3UZTPcjs.o; exports.SwapFormProvider = _chunkUZWGYG2Scjs.e; exports.SwapWidget = oi; exports.WidgetThemeProvider = He; exports.buildTransports = li; exports.canSubmitOrder = _chunkMCT3UZTPcjs.q; exports.cleanupOldSubmissions = _chunkMCT3UZTPcjs.s; exports.defaultDarkTheme = he; exports.defaultLightTheme = Ee; exports.isQuoteFresh = _chunkMCT3UZTPcjs.p; exports.markOrderAsSubmitted = _chunkMCT3UZTPcjs.r; exports.pollOrderStatus = _chunkMCT3UZTPcjs.k; exports.themeToCSS = Fe; exports.useBalanceEventListener = _chunkMCT3UZTPcjs.a; exports.useBalanceEventSubscription = _chunkMCT3UZTPcjs.c; exports.useEmitBalanceEvent = _chunkMCT3UZTPcjs.b; exports.useIsTokenSupported = pi; exports.useOrderStatusPolling = _chunkMCT3UZTPcjs.l; exports.useRfq = _chunkMCT3UZTPcjs.e; exports.useSwapForm = _chunkUZWGYG2Scjs.d; exports.useSwapFormContext = _chunkUZWGYG2Scjs.f; exports.useTokenByAddress = wi; exports.useTokenSelection = _chunkUZWGYG2Scjs.b; exports.useTokenSelectionStore = _chunkUZWGYG2Scjs.a; exports.useTokensForChain = gi; exports.useTransactionRegistry = _chunkMCT3UZTPcjs.m; exports.useUnwrapToken = _chunkMCT3UZTPcjs.t; exports.useWalletModal = _chunkMCT3UZTPcjs.g; exports.useWalletState = _chunk34N36GUDcjs.a; exports.useWidgetSwapUIStore = _chunkUZWGYG2Scjs.c; exports.useWidgetTheme = Zt; exports.useWrapToken = _chunkMCT3UZTPcjs.u; exports.wagmiChains = ci;