@aori/mega-swap-widget 0.1.0

package/dist/index.cjs

@@ -0,0 +1,1780 @@
+"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 = `
+.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; }
+.aori-widget * { scrollbar-width: none; }
+.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