@aori/mega-swap-widget 0.1.0

package/dist/chunk-NBJPKJBC.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+
+
+
+exports.__commonJS = __commonJS; exports.__toESM = __toESM;
+//# sourceMappingURL=chunk-NBJPKJBC.cjs.map

package/dist/chunk-NBJPKJBC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/flooreyes/mega-swap-widget/dist/chunk-NBJPKJBC.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ,IAAI,SAAS,EAAE,MAAM,CAAC,MAAM;AAC5B,IAAI,UAAU,EAAE,MAAM,CAAC,cAAc;AACrC,IAAI,iBAAiB,EAAE,MAAM,CAAC,wBAAwB;AACtD,IAAI,kBAAkB,EAAE,MAAM,CAAC,mBAAmB;AAClD,IAAI,aAAa,EAAE,MAAM,CAAC,cAAc;AACxC,IAAI,aAAa,EAAE,MAAM,CAAC,SAAS,CAAC,cAAc;AAClD,IAAI,WAAW,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,SAAS,SAAS,CAAC,EAAE;AACnD,EAAE,OAAO,IAAI,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,OAAO;AACpG,CAAC;AACD,IAAI,YAAY,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG;AAC9C,EAAE,GAAG,CAAC,KAAK,GAAG,OAAO,KAAK,IAAI,SAAS,GAAG,OAAO,KAAK,IAAI,UAAU,EAAE;AACtE,IAAI,IAAI,CAAC,IAAI,IAAI,GAAG,iBAAiB,CAAC,IAAI,CAAC;AAC3C,MAAM,GAAG,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,MAAM;AACvD,QAAQ,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC;AAC1H,EAAE;AACF,EAAE,OAAO,EAAE;AACX,CAAC;AACD,IAAI,QAAQ,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,OAAO,EAAE,IAAI,GAAG,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW;AAChH;AACA;AACA;AACA;AACA,EAAE,WAAW,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,MAAM;AACjH,EAAE;AACF,CAAC,CAAC;AACF;AACA;AACE;AACA;AACF,2DAAC","file":"/Users/flooreyes/mega-swap-widget/dist/chunk-NBJPKJBC.cjs"}

package/dist/chunk-PGYOJ5RB.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+// src/wallet/useWalletState.ts
+var _react = require('react');
+var _wagmi = require('wagmi');
+function useClientMounted() {
+  const [mounted, setMounted] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    setMounted(true);
+  }, []);
+  return mounted;
+}
+function useWalletState() {
+  const mounted = useClientMounted();
+  const { address, isConnected, isConnecting, isReconnecting } = _wagmi.useAccount.call(void 0, );
+  return {
+    mounted,
+    address,
+    isConnected,
+    isLoading: isConnecting || isReconnecting
+  };
+}
+
+
+
+exports.useWalletState = useWalletState;
+//# sourceMappingURL=chunk-PGYOJ5RB.cjs.map

package/dist/chunk-PGYOJ5RB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/flooreyes/mega-swap-widget/dist/chunk-PGYOJ5RB.cjs","../src/wallet/useWalletState.ts"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACA;ACAA,8BAAoC;AACpC,8BAA2B;AAE3B,SAAS,gBAAA,CAAA,EAAmB;AAC1B,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,EAAA,EAAI,6BAAA,KAAc,CAAA;AAC5C,EAAA,8BAAA,CAAU,EAAA,GAAM;AAAE,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EAAG,CAAA,EAAG,CAAC,CAAC,CAAA;AACzC,EAAA,OAAO,OAAA;AACT;AAEO,SAAS,cAAA,CAAA,EAAiB;AAC/B,EAAA,MAAM,QAAA,EAAU,gBAAA,CAAiB,CAAA;AACjC,EAAA,MAAM,EAAE,OAAA,EAAS,WAAA,EAAa,YAAA,EAAc,eAAe,EAAA,EAAI,+BAAA,CAAW;AAE1E,EAAA,OAAO;AAAA,IACL,OAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA,EAAW,aAAA,GAAgB;AAAA,EAC7B,CAAA;AACF;ADCA;AACA;AACE;AACF,wCAAC","file":"/Users/flooreyes/mega-swap-widget/dist/chunk-PGYOJ5RB.cjs","sourcesContent":[null,"'use client';\n\nimport { useEffect, useState } from 'react';\nimport { useAccount } from 'wagmi';\n\nfunction useClientMounted() {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => { setMounted(true); }, []);\n  return mounted;\n}\n\nexport function useWalletState() {\n  const mounted = useClientMounted();\n  const { address, isConnected, isConnecting, isReconnecting } = useAccount();\n\n  return {\n    mounted,\n    address,\n    isConnected,\n    isLoading: isConnecting || isReconnecting,\n  };\n}\n"]}

package/dist/chunk-QHW27RMH.js

@@ -0,0 +1,199 @@
+"use client";
+import {
+  useRfq
+} from "./chunk-ARMW5POL.js";
+import {
+  useSwapFormContext
+} from "./chunk-TMC4SUEV.js";
+import {
+  ThreeDots,
+  TokenImage_default,
+  useWidgetConfig
+} from "./chunk-6Q7MSCKS.js";
+
+// src/components/QuoteLoader.tsx
+import React, { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function formatRate(rate) {
+  if (rate === 0) return "0";
+  const abs = Math.abs(rate);
+  if (abs >= 1e4) return rate.toFixed(0);
+  if (abs >= 1e3) return rate.toFixed(1);
+  if (abs >= 100) return rate.toFixed(2);
+  if (abs >= 1) return rate.toFixed(4);
+  if (abs >= 0.01) return rate.toFixed(6);
+  return rate.toExponential(3);
+}
+var QuoteLoader = React.memo(() => {
+  const [isOpen, setIsOpen] = useState(false);
+  const { liquidityError, routingError } = useRfq();
+  const {
+    baseAmount,
+    baseToken: base,
+    quoteAmount,
+    quoteToken: quote
+  } = useSwapFormContext();
+  const { quoteLoaderVariant, widgetType } = useWidgetConfig();
+  const isCompact = widgetType === "compact";
+  const exchangeRate = baseAmount && quoteAmount && parseFloat(quoteAmount.toString()) ? parseFloat(baseAmount.toString()) / parseFloat(quoteAmount.toString()) : 0;
+  const hasQuoteError = liquidityError || routingError;
+  const hasValidQuote = base && quote && baseAmount && parseFloat(baseAmount.toString()) && quoteAmount;
+  useEffect(() => {
+    if (quoteLoaderVariant === "expanded" && hasValidQuote) {
+      setIsOpen(true);
+    }
+  }, [quoteLoaderVariant, hasValidQuote]);
+  if (quoteLoaderVariant === "none") return null;
+  if (quoteLoaderVariant === "default") {
+    return /* @__PURE__ */ jsx("div", { className: `relative box-border flex flex-row pt-1 h-8 w-full items-center${isCompact ? " justify-start overflow-x-auto" : " justify-center"}`, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `flex h-full items-center${isCompact ? " min-w-max" : " w-full overflow-hidden"}`,
+        style: { color: "var(--widget-foreground)" },
+        children: base && quote ? baseAmount && parseFloat(baseAmount.toString()) ? quoteAmount ? /* @__PURE__ */ jsxs("div", { className: "translate-y-px font-mono flex flex-row items-center gap-2 whitespace-nowrap", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-1", children: [
+            /* @__PURE__ */ jsx(TokenImage_default, { asset: quote, size: "3xs", noChain: true, className: "mb-0.5" }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs uppercase", children: [
+              "1 ",
+              quote?.symbol
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs", style: { color: "var(--widget-muted-foreground)" }, children: "=" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-1", children: [
+            /* @__PURE__ */ jsx(TokenImage_default, { asset: base, size: "3xs", noChain: true, className: "mb-0.5" }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs uppercase", children: [
+              formatRate(exchangeRate),
+              " ",
+              base?.symbol
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs", style: { color: "var(--widget-muted-foreground)" }, children: base?.price ? `\u2248 $${(base.price * exchangeRate).toFixed(2)}` : "" })
+        ] }) : hasQuoteError ? /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-row pb-1 items-center justify-between", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs", style: { color: "var(--widget-destructive)" }, children: "Quote not found" }),
+          /* @__PURE__ */ jsx(ThreeDots, { className: "h-8 w-8", style: { color: "var(--widget-destructive)" } })
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-row pb-1 items-center justify-between", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs", style: { color: "var(--widget-accent)" }, children: "Searching For Quote" }),
+          /* @__PURE__ */ jsx(ThreeDots, { className: "h-8 w-8", style: { color: "var(--widget-accent)" } })
+        ] }) : /* @__PURE__ */ jsx("div", { className: "text-xs pb-1", style: { color: "var(--widget-foreground)", opacity: 0.4 }, children: "Enter Amount" }) : /* @__PURE__ */ jsx("div", { className: "text-xs pb-1", style: { color: "var(--widget-foreground)", opacity: 0.4 }, children: "Enter Amount" })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `relative box-border flex flex-row pt-1 h-8 w-full items-center cursor-pointer${isCompact ? " overflow-x-auto" : ""}`,
+        role: "button",
+        tabIndex: 0,
+        onClick: () => hasValidQuote && setIsOpen((v) => !v),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            hasValidQuote && setIsOpen((v) => !v);
+          }
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `flex h-full items-center${isCompact ? " min-w-max overflow-x-auto" : " w-full overflow-hidden"}`,
+            style: { color: "var(--widget-foreground)" },
+            children: base && quote ? baseAmount && parseFloat(baseAmount.toString()) ? quoteAmount ? /* @__PURE__ */ jsxs("div", { className: "translate-y-px font-mono flex w-full flex-row items-center justify-between", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 whitespace-nowrap", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-1", children: [
+                  /* @__PURE__ */ jsx(TokenImage_default, { asset: quote, size: "3xs", noChain: true, className: "mb-0.5" }),
+                  /* @__PURE__ */ jsxs("span", { className: "text-xs uppercase", children: [
+                    "1 ",
+                    quote?.symbol
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "text-xs", style: { color: "var(--widget-muted-foreground)" }, children: "=" }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-1", children: [
+                  /* @__PURE__ */ jsx(TokenImage_default, { asset: base, size: "3xs", noChain: true, className: "mb-0.5" }),
+                  /* @__PURE__ */ jsxs("span", { className: "text-xs uppercase", children: [
+                    formatRate(exchangeRate),
+                    " ",
+                    base?.symbol
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "text-xs", style: { color: "var(--widget-muted-foreground)" }, children: base?.price ? `\u2248 $${(base.price * exchangeRate).toFixed(2)}` : "" })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "text-xs ml-2 transition-transform duration-200 shrink-0",
+                  style: {
+                    color: "var(--widget-muted-foreground)",
+                    transform: isOpen ? "rotate(180deg)" : "rotate(0deg)",
+                    display: "inline-block"
+                  },
+                  children: "\u25BE"
+                }
+              )
+            ] }) : hasQuoteError ? /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-row pb-1 items-center justify-between", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs", style: { color: "var(--widget-destructive)" }, children: "Quote not found" }),
+              /* @__PURE__ */ jsx(ThreeDots, { className: "h-8 w-8", style: { color: "var(--widget-destructive)" } })
+            ] }) : /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-row pb-1 items-center justify-between", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs", style: { color: "var(--widget-accent)" }, children: "Searching For Quote" }),
+              /* @__PURE__ */ jsx(ThreeDots, { className: "h-8 w-8", style: { color: "var(--widget-accent)" } })
+            ] }) : /* @__PURE__ */ jsx("div", { className: "text-xs pb-1", style: { color: "var(--widget-foreground)", opacity: 0.4 }, children: "Enter Amount" }) : /* @__PURE__ */ jsx("div", { className: "text-xs pb-1", style: { color: "var(--widget-foreground)", opacity: 0.4 }, children: "Enter Amount" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "overflow-hidden transition-all duration-200",
+        style: {
+          maxHeight: isOpen && hasValidQuote ? "80px" : "0px",
+          opacity: isOpen && hasValidQuote ? 1 : 0
+        },
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 pb-1 font-mono", children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex justify-between text-2xs",
+              style: { color: "var(--widget-muted-foreground)" },
+              children: [
+                /* @__PURE__ */ jsx("span", { children: "USD Value" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "$",
+                  base?.price && quoteAmount ? (base.price * exchangeRate * parseFloat(quoteAmount.toString())).toFixed(2) : "\u2014"
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex justify-between text-2xs",
+              style: { color: "var(--widget-muted-foreground)" },
+              children: [
+                /* @__PURE__ */ jsx("span", { children: "Rate" }),
+                /* @__PURE__ */ jsx("span", { className: "uppercase", children: exchangeRate > 0 ? `${formatRate(exchangeRate)} ${base?.symbol ?? ""}` : "\u2014" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex justify-between text-2xs",
+              style: { color: "var(--widget-muted-foreground)" },
+              children: [
+                /* @__PURE__ */ jsx("span", { children: "Order Type" }),
+                /* @__PURE__ */ jsx("span", { children: "RFQ (Exact Fill)" })
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+});
+QuoteLoader.displayName = "QuoteLoader";
+var QuoteLoader_default = QuoteLoader;
+
+export {
+  QuoteLoader_default
+};
+//# sourceMappingURL=chunk-QHW27RMH.js.map

package/dist/chunk-QHW27RMH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/QuoteLoader.tsx"],"sourcesContent":["'use client';\n\nimport { ThreeDots, TokenImage } from '../internal';\nimport React, { useEffect, useState } from 'react';\nimport { useWidgetConfig } from '../context/WidgetConfigContext';\nimport { useRfq } from '../providers/RfqProvider';\nimport { useSwapFormContext } from '../providers/SwapFormProvider';\n\nfunction formatRate(rate: number): string {\n  if (rate === 0) return '0';\n  const abs = Math.abs(rate);\n  if (abs >= 10000) return rate.toFixed(0);\n  if (abs >= 1000) return rate.toFixed(1);\n  if (abs >= 100) return rate.toFixed(2);\n  if (abs >= 1) return rate.toFixed(4);\n  if (abs >= 0.01) return rate.toFixed(6);\n  return rate.toExponential(3);\n}\n\nconst QuoteLoader = React.memo(() => {\n  const [isOpen, setIsOpen] = useState(false);\n  const { liquidityError, routingError } = useRfq();\n  const {\n    baseAmount,\n    baseToken: base,\n    quoteAmount,\n    quoteToken: quote,\n  } = useSwapFormContext();\n  const { quoteLoaderVariant, widgetType } = useWidgetConfig();\n  const isCompact = widgetType === 'compact';\n\n  // Derive inline so it resets to 0 the moment quoteAmount is cleared —\n  // prevents a one-frame flash of the stale rate after clear() or cancel().\n  const exchangeRate =\n    baseAmount && quoteAmount && parseFloat(quoteAmount.toString())\n      ? parseFloat(baseAmount.toString()) / parseFloat(quoteAmount.toString())\n      : 0;\n\n  const hasQuoteError = liquidityError || routingError;\n  const hasValidQuote =\n    base &&\n    quote &&\n    baseAmount &&\n    parseFloat(baseAmount.toString()) &&\n    quoteAmount;\n\n  // Auto-open expanded panel when a valid quote arrives\n  useEffect(() => {\n    if (quoteLoaderVariant === 'expanded' && hasValidQuote) {\n      setIsOpen(true);\n    }\n  }, [quoteLoaderVariant, hasValidQuote]);\n\n  // ── none variant ──────────────────────────────────────────────────────────\n  if (quoteLoaderVariant === 'none') return null;\n\n  // ── default (rate) variant ────────────────────────────────────────────────\n  if (quoteLoaderVariant === 'default') {\n    return (\n      <div className={`relative box-border flex flex-row pt-1 h-8 w-full items-center${isCompact ? ' justify-start overflow-x-auto' : ' justify-center'}`}>\n        <div\n          className={`flex h-full items-center${isCompact ? ' min-w-max' : ' w-full overflow-hidden'}`}\n          style={{ color: 'var(--widget-foreground)' }}\n        >\n          {base && quote ? (\n            baseAmount && parseFloat(baseAmount.toString()) ? (\n              quoteAmount ? (\n                <div className=\"translate-y-px font-mono flex flex-row items-center gap-2 whitespace-nowrap\">\n                  <div className=\"flex flex-row items-center gap-1\">\n                    <TokenImage asset={quote} size=\"3xs\" noChain className=\"mb-0.5\" />\n                    <span className=\"text-xs uppercase\">1 {quote?.symbol}</span>\n                  </div>\n                  <span className=\"text-xs\" style={{ color: 'var(--widget-muted-foreground)' }}>=</span>\n                  <div className=\"flex flex-row items-center gap-1\">\n                    <TokenImage asset={base} size=\"3xs\" noChain className=\"mb-0.5\" />\n                    <span className=\"text-xs uppercase\">{formatRate(exchangeRate)} {base?.symbol}</span>\n                  </div>\n                  <span className=\"text-xs\" style={{ color: 'var(--widget-muted-foreground)' }}>\n                    {base?.price ? `≈ $${(base.price * exchangeRate).toFixed(2)}` : ''}\n                  </span>\n                </div>\n              ) : hasQuoteError ? (\n                <div className=\"flex h-full w-full flex-row pb-1 items-center justify-between\">\n                  <p className=\"text-xs\" style={{ color: 'var(--widget-destructive)' }}>\n                    Quote not found\n                  </p>\n                  <ThreeDots className=\"h-8 w-8\" style={{ color: 'var(--widget-destructive)' }} />\n                </div>\n              ) : (\n                <div className=\"flex h-full w-full flex-row pb-1 items-center justify-between\">\n                  <p className=\"text-xs\" style={{ color: 'var(--widget-accent)' }}>\n                    Searching For Quote\n                  </p>\n                  <ThreeDots className=\"h-8 w-8\" style={{ color: 'var(--widget-accent)' }} />\n                </div>\n              )\n            ) : (\n              <div className=\"text-xs pb-1\" style={{ color: 'var(--widget-foreground)', opacity: 0.4 }}>\n                Enter Amount\n              </div>\n            )\n          ) : (\n            <div className=\"text-xs pb-1\" style={{ color: 'var(--widget-foreground)', opacity: 0.4 }}>\n              Enter Amount\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  // ── expanded variant ──────────────────────────────────────────────────────\n  return (\n    <div className=\"flex flex-col w-full\">\n      {/* Rate row — same as default, but clickable to expand */}\n      <div\n        className={`relative box-border flex flex-row pt-1 h-8 w-full items-center cursor-pointer${isCompact ? ' overflow-x-auto' : ''}`}\n        role=\"button\"\n        tabIndex={0}\n        onClick={() => hasValidQuote && setIsOpen((v) => !v)}\n        onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); hasValidQuote && setIsOpen((v) => !v); } }}\n      >\n        <div\n          className={`flex h-full items-center${isCompact ? ' min-w-max overflow-x-auto' : ' w-full overflow-hidden'}`}\n          style={{ color: 'var(--widget-foreground)' }}\n        >\n          {base && quote ? (\n            baseAmount && parseFloat(baseAmount.toString()) ? (\n              quoteAmount ? (\n                <div className=\"translate-y-px font-mono flex w-full flex-row items-center justify-between\">\n                  <div className=\"flex flex-row items-center gap-2 whitespace-nowrap\">\n                    <div className=\"flex flex-row items-center gap-1\">\n                      <TokenImage asset={quote} size=\"3xs\" noChain className=\"mb-0.5\" />\n                      <span className=\"text-xs uppercase\">1 {quote?.symbol}</span>\n                    </div>\n                    <span className=\"text-xs\" style={{ color: 'var(--widget-muted-foreground)' }}>=</span>\n                    <div className=\"flex flex-row items-center gap-1\">\n                      <TokenImage asset={base} size=\"3xs\" noChain className=\"mb-0.5\" />\n                      <span className=\"text-xs uppercase\">{formatRate(exchangeRate)} {base?.symbol}</span>\n                    </div>\n                    <span className=\"text-xs\" style={{ color: 'var(--widget-muted-foreground)' }}>\n                      {base?.price ? `≈ $${(base.price * exchangeRate).toFixed(2)}` : ''}\n                    </span>\n                  </div>\n                  <span\n                    className=\"text-xs ml-2 transition-transform duration-200 shrink-0\"\n                    style={{\n                      color: 'var(--widget-muted-foreground)',\n                      transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',\n                      display: 'inline-block',\n                    }}\n                  >\n                    ▾\n                  </span>\n                </div>\n              ) : hasQuoteError ? (\n                <div className=\"flex h-full w-full flex-row pb-1 items-center justify-between\">\n                  <p className=\"text-xs\" style={{ color: 'var(--widget-destructive)' }}>\n                    Quote not found\n                  </p>\n                  <ThreeDots className=\"h-8 w-8\" style={{ color: 'var(--widget-destructive)' }} />\n                </div>\n              ) : (\n                <div className=\"flex h-full w-full flex-row pb-1 items-center justify-between\">\n                  <p className=\"text-xs\" style={{ color: 'var(--widget-accent)' }}>\n                    Searching For Quote\n                  </p>\n                  <ThreeDots className=\"h-8 w-8\" style={{ color: 'var(--widget-accent)' }} />\n                </div>\n              )\n            ) : (\n              <div className=\"text-xs pb-1\" style={{ color: 'var(--widget-foreground)', opacity: 0.4 }}>\n                Enter Amount\n              </div>\n            )\n          ) : (\n            <div className=\"text-xs pb-1\" style={{ color: 'var(--widget-foreground)', opacity: 0.4 }}>\n              Enter Amount\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Expanded detail rows */}\n      <div\n        className=\"overflow-hidden transition-all duration-200\"\n        style={{\n          maxHeight: isOpen && hasValidQuote ? '80px' : '0px',\n          opacity: isOpen && hasValidQuote ? 1 : 0,\n        }}\n      >\n        <div className=\"flex flex-col gap-0.5 pb-1 font-mono\">\n          <div\n            className=\"flex justify-between text-2xs\"\n            style={{ color: 'var(--widget-muted-foreground)' }}\n          >\n            <span>USD Value</span>\n            <span>\n              $\n              {base?.price && quoteAmount\n                ? (\n                    base.price *\n                    exchangeRate *\n                    parseFloat(quoteAmount.toString())\n                  ).toFixed(2)\n                : '—'}\n            </span>\n          </div>\n          <div\n            className=\"flex justify-between text-2xs\"\n            style={{ color: 'var(--widget-muted-foreground)' }}\n          >\n            <span>Rate</span>\n            <span className=\"uppercase\">\n              {exchangeRate > 0\n                ? `${formatRate(exchangeRate)} ${base?.symbol ?? ''}`\n                : '—'}\n            </span>\n          </div>\n          <div\n            className=\"flex justify-between text-2xs\"\n            style={{ color: 'var(--widget-muted-foreground)' }}\n          >\n            <span>Order Type</span>\n            <span>RFQ (Exact Fill)</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nQuoteLoader.displayName = 'QuoteLoader';\nexport default QuoteLoader;\n"],"mappings":";;;;;;;;;;;;;;AAGA,OAAO,SAAS,WAAW,gBAAgB;AAkEvB,cACA,YADA;AA7DpB,SAAS,WAAW,MAAsB;AACxC,MAAI,SAAS,EAAG,QAAO;AACvB,QAAM,MAAM,KAAK,IAAI,IAAI;AACzB,MAAI,OAAO,IAAO,QAAO,KAAK,QAAQ,CAAC;AACvC,MAAI,OAAO,IAAM,QAAO,KAAK,QAAQ,CAAC;AACtC,MAAI,OAAO,IAAK,QAAO,KAAK,QAAQ,CAAC;AACrC,MAAI,OAAO,EAAG,QAAO,KAAK,QAAQ,CAAC;AACnC,MAAI,OAAO,KAAM,QAAO,KAAK,QAAQ,CAAC;AACtC,SAAO,KAAK,cAAc,CAAC;AAC7B;AAEA,IAAM,cAAc,MAAM,KAAK,MAAM;AACnC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,EAAE,gBAAgB,aAAa,IAAI,OAAO;AAChD,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,YAAY;AAAA,EACd,IAAI,mBAAmB;AACvB,QAAM,EAAE,oBAAoB,WAAW,IAAI,gBAAgB;AAC3D,QAAM,YAAY,eAAe;AAIjC,QAAM,eACJ,cAAc,eAAe,WAAW,YAAY,SAAS,CAAC,IAC1D,WAAW,WAAW,SAAS,CAAC,IAAI,WAAW,YAAY,SAAS,CAAC,IACrE;AAEN,QAAM,gBAAgB,kBAAkB;AACxC,QAAM,gBACJ,QACA,SACA,cACA,WAAW,WAAW,SAAS,CAAC,KAChC;AAGF,YAAU,MAAM;AACd,QAAI,uBAAuB,cAAc,eAAe;AACtD,gBAAU,IAAI;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,oBAAoB,aAAa,CAAC;AAGtC,MAAI,uBAAuB,OAAQ,QAAO;AAG1C,MAAI,uBAAuB,WAAW;AACpC,WACE,oBAAC,SAAI,WAAW,iEAAiE,YAAY,mCAAmC,iBAAiB,IAC/I;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,2BAA2B,YAAY,eAAe,yBAAyB;AAAA,QAC1F,OAAO,EAAE,OAAO,2BAA2B;AAAA,QAE1C,kBAAQ,QACP,cAAc,WAAW,WAAW,SAAS,CAAC,IAC5C,cACE,qBAAC,SAAI,WAAU,+EACb;AAAA,+BAAC,SAAI,WAAU,oCACb;AAAA,gCAAC,sBAAW,OAAO,OAAO,MAAK,OAAM,SAAO,MAAC,WAAU,UAAS;AAAA,YAChE,qBAAC,UAAK,WAAU,qBAAoB;AAAA;AAAA,cAAG,OAAO;AAAA,eAAO;AAAA,aACvD;AAAA,UACA,oBAAC,UAAK,WAAU,WAAU,OAAO,EAAE,OAAO,iCAAiC,GAAG,eAAC;AAAA,UAC/E,qBAAC,SAAI,WAAU,oCACb;AAAA,gCAAC,sBAAW,OAAO,MAAM,MAAK,OAAM,SAAO,MAAC,WAAU,UAAS;AAAA,YAC/D,qBAAC,UAAK,WAAU,qBAAqB;AAAA,yBAAW,YAAY;AAAA,cAAE;AAAA,cAAE,MAAM;AAAA,eAAO;AAAA,aAC/E;AAAA,UACA,oBAAC,UAAK,WAAU,WAAU,OAAO,EAAE,OAAO,iCAAiC,GACxE,gBAAM,QAAQ,YAAO,KAAK,QAAQ,cAAc,QAAQ,CAAC,CAAC,KAAK,IAClE;AAAA,WACF,IACE,gBACF,qBAAC,SAAI,WAAU,iEACb;AAAA,8BAAC,OAAE,WAAU,WAAU,OAAO,EAAE,OAAO,4BAA4B,GAAG,6BAEtE;AAAA,UACA,oBAAC,aAAU,WAAU,WAAU,OAAO,EAAE,OAAO,4BAA4B,GAAG;AAAA,WAChF,IAEA,qBAAC,SAAI,WAAU,iEACb;AAAA,8BAAC,OAAE,WAAU,WAAU,OAAO,EAAE,OAAO,uBAAuB,GAAG,iCAEjE;AAAA,UACA,oBAAC,aAAU,WAAU,WAAU,OAAO,EAAE,OAAO,uBAAuB,GAAG;AAAA,WAC3E,IAGF,oBAAC,SAAI,WAAU,gBAAe,OAAO,EAAE,OAAO,4BAA4B,SAAS,IAAI,GAAG,0BAE1F,IAGF,oBAAC,SAAI,WAAU,gBAAe,OAAO,EAAE,OAAO,4BAA4B,SAAS,IAAI,GAAG,0BAE1F;AAAA;AAAA,IAEJ,GACF;AAAA,EAEJ;AAGA,SACE,qBAAC,SAAI,WAAU,wBAEb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,gFAAgF,YAAY,qBAAqB,EAAE;AAAA,QAC9H,MAAK;AAAA,QACL,UAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,UAAU,CAAC,MAAM,CAAC,CAAC;AAAA,QACnD,WAAW,CAAC,MAAM;AAAE,cAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AAAE,cAAE,eAAe;AAAG,6BAAiB,UAAU,CAAC,MAAM,CAAC,CAAC;AAAA,UAAG;AAAA,QAAE;AAAA,QAE3H;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,2BAA2B,YAAY,+BAA+B,yBAAyB;AAAA,YAC1G,OAAO,EAAE,OAAO,2BAA2B;AAAA,YAE1C,kBAAQ,QACP,cAAc,WAAW,WAAW,SAAS,CAAC,IAC5C,cACE,qBAAC,SAAI,WAAU,8EACb;AAAA,mCAAC,SAAI,WAAU,sDACb;AAAA,qCAAC,SAAI,WAAU,oCACb;AAAA,sCAAC,sBAAW,OAAO,OAAO,MAAK,OAAM,SAAO,MAAC,WAAU,UAAS;AAAA,kBAChE,qBAAC,UAAK,WAAU,qBAAoB;AAAA;AAAA,oBAAG,OAAO;AAAA,qBAAO;AAAA,mBACvD;AAAA,gBACA,oBAAC,UAAK,WAAU,WAAU,OAAO,EAAE,OAAO,iCAAiC,GAAG,eAAC;AAAA,gBAC/E,qBAAC,SAAI,WAAU,oCACb;AAAA,sCAAC,sBAAW,OAAO,MAAM,MAAK,OAAM,SAAO,MAAC,WAAU,UAAS;AAAA,kBAC/D,qBAAC,UAAK,WAAU,qBAAqB;AAAA,+BAAW,YAAY;AAAA,oBAAE;AAAA,oBAAE,MAAM;AAAA,qBAAO;AAAA,mBAC/E;AAAA,gBACA,oBAAC,UAAK,WAAU,WAAU,OAAO,EAAE,OAAO,iCAAiC,GACxE,gBAAM,QAAQ,YAAO,KAAK,QAAQ,cAAc,QAAQ,CAAC,CAAC,KAAK,IAClE;AAAA,iBACF;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO;AAAA,oBACL,OAAO;AAAA,oBACP,WAAW,SAAS,mBAAmB;AAAA,oBACvC,SAAS;AAAA,kBACX;AAAA,kBACD;AAAA;AAAA,cAED;AAAA,eACF,IACE,gBACF,qBAAC,SAAI,WAAU,iEACb;AAAA,kCAAC,OAAE,WAAU,WAAU,OAAO,EAAE,OAAO,4BAA4B,GAAG,6BAEtE;AAAA,cACA,oBAAC,aAAU,WAAU,WAAU,OAAO,EAAE,OAAO,4BAA4B,GAAG;AAAA,eAChF,IAEA,qBAAC,SAAI,WAAU,iEACb;AAAA,kCAAC,OAAE,WAAU,WAAU,OAAO,EAAE,OAAO,uBAAuB,GAAG,iCAEjE;AAAA,cACA,oBAAC,aAAU,WAAU,WAAU,OAAO,EAAE,OAAO,uBAAuB,GAAG;AAAA,eAC3E,IAGF,oBAAC,SAAI,WAAU,gBAAe,OAAO,EAAE,OAAO,4BAA4B,SAAS,IAAI,GAAG,0BAE1F,IAGF,oBAAC,SAAI,WAAU,gBAAe,OAAO,EAAE,OAAO,4BAA4B,SAAS,IAAI,GAAG,0BAE1F;AAAA;AAAA,QAEJ;AAAA;AAAA,IACF;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,WAAW,UAAU,gBAAgB,SAAS;AAAA,UAC9C,SAAS,UAAU,gBAAgB,IAAI;AAAA,QACzC;AAAA,QAEA,+BAAC,SAAI,WAAU,wCACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,OAAO,iCAAiC;AAAA,cAEjD;AAAA,oCAAC,UAAK,uBAAS;AAAA,gBACf,qBAAC,UAAK;AAAA;AAAA,kBAEH,MAAM,SAAS,eAEV,KAAK,QACL,eACA,WAAW,YAAY,SAAS,CAAC,GACjC,QAAQ,CAAC,IACX;AAAA,mBACN;AAAA;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,OAAO,iCAAiC;AAAA,cAEjD;AAAA,oCAAC,UAAK,kBAAI;AAAA,gBACV,oBAAC,UAAK,WAAU,aACb,yBAAe,IACZ,GAAG,WAAW,YAAY,CAAC,IAAI,MAAM,UAAU,EAAE,KACjD,UACN;AAAA;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,OAAO,iCAAiC;AAAA,cAEjD;AAAA,oCAAC,UAAK,wBAAU;AAAA,gBAChB,oBAAC,UAAK,8BAAgB;AAAA;AAAA;AAAA,UACxB;AAAA,WACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ,CAAC;AAED,YAAY,cAAc;AAC1B,IAAO,sBAAQ;","names":[]}