@velora-dex/widget 0.0.0

package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.d.ts

@@ -0,0 +1,6 @@
+import { SubmitDeltaOrderResult } from '../../../hooks/swap/tradeFlow/useDeltaFlow';
+import { TradeOverviewProps } from './TradeOverview';
+import { DeltaOrderStepKey } from './steps';
+export type DeltaOrderTradeOverviewProps = Pick<TradeOverviewProps<DeltaOrderStepKey, SubmitDeltaOrderResult>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancel" | "isCancellable" | "explorerLink" | "activeStep" | "result" | "error">;
+export declare function DeltaOrderTradeOverview({ fromToken, toToken, fromAmount, toAmount, onDismiss, onHelp, onCancel, activeStep, isCancellable, explorerLink, result, error, }: DeltaOrderTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DeltaOrderTradeOverview.d.ts.map

package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeltaOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAC7C,kBAAkB,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,EAC3D,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,UAAU,GACV,eAAe,GACf,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,OAAO,CACV,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,EACR,UAAU,EACV,aAAa,EACb,YAAY,EACZ,MAAM,EACN,KAAK,GACN,EAAE,4BAA4B,2CAkB9B"}

package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.js

@@ -0,0 +1,55 @@
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { TradeOverview } from './TradeOverview.js';
+import { DeltaOrderSteps } from './steps.js';
+
+globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
+  cache: /* @__PURE__ */ new Map(),
+  get(name, inst) {
+    if (this.cache.has(name)) {
+      return this.cache.get(name);
+    }
+    this.cache.set(name, inst);
+    return inst;
+  }
+};
+function DeltaOrderTradeOverview(t0) {
+  const $ = distExports.c(13);
+  const {
+    fromToken,
+    toToken,
+    fromAmount,
+    toAmount,
+    onDismiss,
+    onHelp,
+    onCancel,
+    activeStep,
+    isCancellable,
+    explorerLink,
+    result,
+    error
+  } = t0;
+  let t1;
+  if ($[0] !== activeStep || $[1] !== error || $[2] !== explorerLink || $[3] !== fromAmount || $[4] !== fromToken || $[5] !== isCancellable || $[6] !== onCancel || $[7] !== onDismiss || $[8] !== onHelp || $[9] !== result || $[10] !== toAmount || $[11] !== toToken) {
+    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, steps: DeltaOrderSteps, activeStep, onDismiss, onHelp, onCancel, isCancellable, explorerLink, result, error });
+    $[0] = activeStep;
+    $[1] = error;
+    $[2] = explorerLink;
+    $[3] = fromAmount;
+    $[4] = fromToken;
+    $[5] = isCancellable;
+    $[6] = onCancel;
+    $[7] = onDismiss;
+    $[8] = onHelp;
+    $[9] = result;
+    $[10] = toAmount;
+    $[11] = toToken;
+    $[12] = t1;
+  } else {
+    t1 = $[12];
+  }
+  return t1;
+}
+
+export { DeltaOrderTradeOverview };
+//# sourceMappingURL=DeltaOrderTradeOverview.js.map

package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeltaOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitDeltaOrderResult } from \"@/hooks/swap/tradeFlow/useDeltaFlow\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport { DeltaOrderSteps, type DeltaOrderStepKey } from \"./steps\";\n\nexport type DeltaOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<DeltaOrderStepKey, SubmitDeltaOrderResult>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancel\"\n  | \"isCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n>;\n\nexport function DeltaOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancel,\n  activeStep,\n  isCancellable,\n  explorerLink,\n  result,\n  error,\n}: DeltaOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<DeltaOrderStepKey, SubmitDeltaOrderResult>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={DeltaOrderSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancel={onCancel}\n      isCancellable={isCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n    />\n  );\n}\n"],"names":["DeltaOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancel","activeStep","isCancellable","explorerLink","result","error","t1","DeltaOrderSteps"],"mappings":";;;;;;;;;;;;;;;AAoBO,SAAAA,wBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAiC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAd,EAAAA;AAaT,EAAA,IAAAe,EAAAA;AAAA,EAAA,IAAAd,CAAAA,QAAAS,UAAAA,IAAAT,EAAA,CAAA,CAAA,KAAAa,SAAAb,CAAAA,CAAA,CAAA,MAAAW,YAAAA,IAAAX,CAAAA,QAAAI,UAAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAU,iBAAAV,CAAAA,CAAA,CAAA,MAAAQ,QAAAA,IAAAR,CAAAA,QAAAM,SAAAA,IAAAN,CAAAA,CAAA,CAAA,CAAA,KAAAO,MAAAA,IAAAP,EAAA,CAAA,CAAA,KAAAY,UAAAZ,CAAAA,SAAAK,QAAAA,IAAAL,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,EAAA;AAE3BW,IAAAA,EAAAA,mBAAA,GAAA,CAAC,aAAA,EAAA,EACYZ,SAAAA,EACFC,OAAAA,EACGC,YACFC,QAAAA,EACHU,KAAAA,EAAAA,eAAAA,EACKN,UAAAA,EACDH,WACHC,MAAAA,EACEC,QAAAA,EACKE,aAAAA,EACDC,YAAAA,EACNC,QACDC,KAAAA,EAAK,CAAA;AACZb,IAAAA,CAAAA,MAAAS,UAAAA;AAAAT,IAAAA,CAAAA,MAAAa,KAAAA;AAAAb,IAAAA,CAAAA,MAAAW,YAAAA;AAAAX,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAU,aAAAA;AAAAV,IAAAA,CAAAA,MAAAQ,QAAAA;AAAAR,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,MAAAO,MAAAA;AAAAP,IAAAA,CAAAA,MAAAY,MAAAA;AAAAZ,IAAAA,CAAAA,OAAAK,QAAAA;AAAAL,IAAAA,CAAAA,OAAAG,OAAAA;AAAAH,IAAAA,CAAAA,OAAAc,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,OAdFc,EAAAA;AAcE;;;;"}

package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.d.ts

@@ -0,0 +1,7 @@
+import { SubmitSwapResult } from '../../../hooks/swap/tradeFlow/useMarketFlow';
+import { MarketSwapStepKey } from './steps';
+import { TradeOverviewProps } from './TradeOverview';
+export type { FlowStep } from './Step';
+export type MarketSwapTradeOverviewProps = Pick<TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancel" | "isCancellable" | "explorerLink" | "activeStep" | "result" | "error">;
+export declare function MarketSwapTradeOverview({ fromToken, toToken, fromAmount, toAmount, onDismiss, onHelp, onCancel, activeStep, isCancellable, explorerLink, result, error, }: MarketSwapTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MarketSwapTradeOverview.d.ts.map

package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketSwapTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAC7C,kBAAkB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,EACrD,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,UAAU,GACV,eAAe,GACf,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,OAAO,CACV,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,EACR,UAAU,EACV,aAAa,EACb,YAAY,EACZ,MAAM,EACN,KAAK,GACN,EAAE,4BAA4B,2CAkB9B"}

package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.js

@@ -0,0 +1,55 @@
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { MarketSwapSteps } from './steps.js';
+import { TradeOverview } from './TradeOverview.js';
+
+globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
+  cache: /* @__PURE__ */ new Map(),
+  get(name, inst) {
+    if (this.cache.has(name)) {
+      return this.cache.get(name);
+    }
+    this.cache.set(name, inst);
+    return inst;
+  }
+};
+function MarketSwapTradeOverview(t0) {
+  const $ = distExports.c(13);
+  const {
+    fromToken,
+    toToken,
+    fromAmount,
+    toAmount,
+    onDismiss,
+    onHelp,
+    onCancel,
+    activeStep,
+    isCancellable,
+    explorerLink,
+    result,
+    error
+  } = t0;
+  let t1;
+  if ($[0] !== activeStep || $[1] !== error || $[2] !== explorerLink || $[3] !== fromAmount || $[4] !== fromToken || $[5] !== isCancellable || $[6] !== onCancel || $[7] !== onDismiss || $[8] !== onHelp || $[9] !== result || $[10] !== toAmount || $[11] !== toToken) {
+    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, steps: MarketSwapSteps, activeStep, onDismiss, onHelp, onCancel, isCancellable, explorerLink, result, error });
+    $[0] = activeStep;
+    $[1] = error;
+    $[2] = explorerLink;
+    $[3] = fromAmount;
+    $[4] = fromToken;
+    $[5] = isCancellable;
+    $[6] = onCancel;
+    $[7] = onDismiss;
+    $[8] = onHelp;
+    $[9] = result;
+    $[10] = toAmount;
+    $[11] = toToken;
+    $[12] = t1;
+  } else {
+    t1 = $[12];
+  }
+  return t1;
+}
+
+export { MarketSwapTradeOverview };
+//# sourceMappingURL=MarketSwapTradeOverview.js.map

package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketSwapTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"sourcesContent":["import type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport { MarketSwapSteps, type MarketSwapStepKey } from \"./steps\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nexport type { FlowStep } from \"./Step\";\n\nexport type MarketSwapTradeOverviewProps = Pick<\n  TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancel\"\n  | \"isCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n>;\n\nexport function MarketSwapTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancel,\n  activeStep,\n  isCancellable,\n  explorerLink,\n  result,\n  error,\n}: MarketSwapTradeOverviewProps) {\n  return (\n    <TradeOverview<MarketSwapStepKey, SubmitSwapResult>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={MarketSwapSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancel={onCancel}\n      isCancellable={isCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n    />\n  );\n}\n"],"names":["MarketSwapTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancel","activeStep","isCancellable","explorerLink","result","error","t1","MarketSwapSteps"],"mappings":";;;;;;;;;;;;;;;AAqBO,SAAAA,wBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAiC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAd,EAAAA;AAaT,EAAA,IAAAe,EAAAA;AAAA,EAAA,IAAAd,CAAAA,QAAAS,UAAAA,IAAAT,EAAA,CAAA,CAAA,KAAAa,SAAAb,CAAAA,CAAA,CAAA,MAAAW,YAAAA,IAAAX,CAAAA,QAAAI,UAAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAU,iBAAAV,CAAAA,CAAA,CAAA,MAAAQ,QAAAA,IAAAR,CAAAA,QAAAM,SAAAA,IAAAN,CAAAA,CAAA,CAAA,CAAA,KAAAO,MAAAA,IAAAP,EAAA,CAAA,CAAA,KAAAY,UAAAZ,CAAAA,SAAAK,QAAAA,IAAAL,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,EAAA;AAE3BW,IAAAA,EAAAA,mBAAA,GAAA,CAAC,aAAA,EAAA,EACYZ,SAAAA,EACFC,OAAAA,EACGC,YACFC,QAAAA,EACHU,KAAAA,EAAAA,eAAAA,EACKN,UAAAA,EACDH,WACHC,MAAAA,EACEC,QAAAA,EACKE,aAAAA,EACDC,YAAAA,EACNC,QACDC,KAAAA,EAAK,CAAA;AACZb,IAAAA,CAAAA,MAAAS,UAAAA;AAAAT,IAAAA,CAAAA,MAAAa,KAAAA;AAAAb,IAAAA,CAAAA,MAAAW,YAAAA;AAAAX,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAU,aAAAA;AAAAV,IAAAA,CAAAA,MAAAQ,QAAAA;AAAAR,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,MAAAO,MAAAA;AAAAP,IAAAA,CAAAA,MAAAY,MAAAA;AAAAZ,IAAAA,CAAAA,OAAAK,QAAAA;AAAAL,IAAAA,CAAAA,OAAAG,OAAAA;AAAAH,IAAAA,CAAAA,OAAAc,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,OAdFc,EAAAA;AAcE;;;;"}

package/dist/components/widget/TradeOverview/Step.d.ts

@@ -0,0 +1,22 @@
+import { MinTradeFlowToken } from './TradeDetails';
+export type StepState = "upcoming" | "next" | "ongoing" | "done";
+type TitleFn = (props: {
+    fromToken: MinTradeFlowToken;
+    toToken: MinTradeFlowToken;
+    fromAmount: string;
+    toAmount: string;
+}) => string;
+export type FlowStep<Key extends string = string> = {
+    title: Record<StepState, string | TitleFn>;
+    description?: string;
+    key: Key;
+};
+type StepProps = {
+    title: string;
+    description?: string;
+    stepState: StepState;
+    stepNumber: number;
+};
+export declare const Step: ({ title, description, stepState, stepNumber, }: StepProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Step.d.ts.map

package/dist/components/widget/TradeOverview/Step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/Step.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAEjE,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE;IACrB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB,KAAK,MAAM,CAAC;AAGb,MAAM,MAAM,QAAQ,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,IAAI;IAClD,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,GAAG,CAAC;CACV,CAAC;AAOF,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,gDAKlB,SAAS,4CAkCX,CAAC"}

package/dist/components/widget/TradeOverview/Step.js

@@ -0,0 +1,122 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { cn } from '../../../lib/utils/index.js';
+import { ReactComponent as ForwardRef } from './assets/spinner.svg.js';
+
+globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
+  cache: /* @__PURE__ */ new Map(),
+  get(name, inst) {
+    if (this.cache.has(name)) {
+      return this.cache.get(name);
+    }
+    this.cache.set(name, inst);
+    return inst;
+  }
+};
+const stepCircleClasses = {
+  active: "bg-primary-azul-1 text-contrast-8 dark:text-contrast-7",
+  inactive: "bg-contrast-6 text-contrast-5 dark:bg-contrast-3 dark:text-contrast-5"
+};
+const Step = (t0) => {
+  const $ = distExports.c(24);
+  const {
+    title,
+    description,
+    stepState,
+    stepNumber
+  } = t0;
+  const isActiveState = stepState === "ongoing";
+  let t1;
+  if ($[0] !== isActiveState) {
+    t1 = isActiveState && /* @__PURE__ */ jsx(ForwardRef, { className: "absolute inset-0 w-full h-full animate-spin direction-reverse" });
+    $[0] = isActiveState;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = isActiveState ? stepCircleClasses.active : stepCircleClasses.inactive;
+  let t3;
+  if ($[2] !== t2) {
+    t3 = cn("flex items-center justify-center w-[28px] h-[28px] rounded-full relative", t2);
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== stepNumber) {
+    t4 = /* @__PURE__ */ jsx("span", { children: stepNumber });
+    $[4] = stepNumber;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== t3 || $[7] !== t4) {
+    t5 = /* @__PURE__ */ jsx("div", { className: t3, children: t4 });
+    $[6] = t3;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== t1 || $[10] !== t5) {
+    t6 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center w-[34px] h-[34px] rounded-full relative bg-inherit", children: [
+      t1,
+      t5
+    ] });
+    $[9] = t1;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  const t7 = `font-medium ${stepState === "upcoming" ? "text-contrast-5 dark:text-contrast-7" : "text-contrast-1 dark:text-white"}`;
+  let t8;
+  if ($[12] !== t7 || $[13] !== title) {
+    t8 = /* @__PURE__ */ jsx("div", { className: t7, children: title });
+    $[12] = t7;
+    $[13] = title;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  let t9;
+  if ($[15] !== description || $[16] !== isActiveState) {
+    t9 = isActiveState && description && /* @__PURE__ */ jsx("div", { className: "text-xs text-contrast-5 dark:text-contrast-6 max-w-xs", children: description });
+    $[15] = description;
+    $[16] = isActiveState;
+    $[17] = t9;
+  } else {
+    t9 = $[17];
+  }
+  let t10;
+  if ($[18] !== t8 || $[19] !== t9) {
+    t10 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 pt-0.5", children: [
+      t8,
+      t9
+    ] });
+    $[18] = t8;
+    $[19] = t9;
+    $[20] = t10;
+  } else {
+    t10 = $[20];
+  }
+  let t11;
+  if ($[21] !== t10 || $[22] !== t6) {
+    t11 = /* @__PURE__ */ jsxs("div", { className: "flex gap-[13px] bg-inherit", children: [
+      t6,
+      t10
+    ] });
+    $[21] = t10;
+    $[22] = t6;
+    $[23] = t11;
+  } else {
+    t11 = $[23];
+  }
+  return t11;
+};
+
+export { Step };
+//# sourceMappingURL=Step.js.map

package/dist/components/widget/TradeOverview/Step.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.js","sources":["../../../../src/components/widget/TradeOverview/Step.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ReactComponent as Spinner } from \"./assets/spinner.svg\";\nimport type { MinTradeFlowToken } from \"./TradeDetails\";\n\nexport type StepState = \"upcoming\" | \"next\" | \"ongoing\" | \"done\";\n\ntype TitleFn = (props: {\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n}) => string;\n\n// --- Stepper Step ---\nexport type FlowStep<Key extends string = string> = {\n  title: Record<StepState, string | TitleFn>;\n  description?: string;\n  key: Key;\n};\n\nconst stepCircleClasses = {\n  active: \"bg-primary-azul-1 text-contrast-8 dark:text-contrast-7\",\n  inactive:\n    \"bg-contrast-6 text-contrast-5 dark:bg-contrast-3 dark:text-contrast-5\",\n};\ntype StepProps = {\n  title: string;\n  description?: string;\n  stepState: StepState;\n  stepNumber: number;\n};\n\nexport const Step = ({\n  title,\n  description,\n  stepState,\n  stepNumber,\n}: StepProps) => {\n  const isActiveState = stepState === \"ongoing\";\n\n  return (\n    <div className=\"flex gap-[13px] bg-inherit\">\n      <div className=\"flex items-center justify-center w-[34px] h-[34px] rounded-full relative bg-inherit\">\n        {isActiveState && (\n          <Spinner className=\"absolute inset-0 w-full h-full animate-spin direction-reverse\" />\n        )}\n        <div\n          className={cn(\n            \"flex items-center justify-center w-[28px] h-[28px] rounded-full relative\",\n            isActiveState\n              ? stepCircleClasses.active\n              : stepCircleClasses.inactive\n          )}\n        >\n          <span>{stepNumber}</span>\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-1 pt-0.5\">\n        <div\n          className={`font-medium ${stepState === \"upcoming\" ? \"text-contrast-5 dark:text-contrast-7\" : \"text-contrast-1 dark:text-white\"}`}\n        >\n          {title}\n        </div>\n        {isActiveState && description && (\n          <div className=\"text-xs text-contrast-5 dark:text-contrast-6 max-w-xs\">\n            {description}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["stepCircleClasses","active","inactive","Step","t0","$","_c","title","description","stepState","stepNumber","isActiveState","t1","Spinner","t2","t3","cn","t4","t5","t6","t7","t8","t9","t10","t11"],"mappings":"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"}

package/dist/components/widget/TradeOverview/Stepper.d.ts

@@ -0,0 +1,2 @@
+export declare const Stepper: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Stepper.d.ts.map

package/dist/components/widget/TradeOverview/Stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"names":[],"mappings":"AA0EA,eAAO,MAAM,OAAO,+CAcnB,CAAC"}

package/dist/components/widget/TradeOverview/Stepper.js

@@ -0,0 +1,135 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { Step } from './Step.js';
+import { useTradeFlowContext } from './tradeFlowContext.js';
+import { VerticalDash } from './VerticalDash.js';
+
+globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
+  cache: /* @__PURE__ */ new Map(),
+  get(name, inst) {
+    if (this.cache.has(name)) {
+      return this.cache.get(name);
+    }
+    this.cache.set(name, inst);
+    return inst;
+  }
+};
+const StepperBase = (t0) => {
+  const $ = distExports.c(19);
+  const {
+    steps,
+    activeStep,
+    fromToken,
+    toToken,
+    fromAmount,
+    toAmount
+  } = t0;
+  let t1;
+  if ($[0] !== activeStep || $[1] !== steps) {
+    t1 = activeStep ? steps.findIndex((step) => step.key === activeStep) : -1;
+    $[0] = activeStep;
+    $[1] = steps;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const activeStepIndex = t1;
+  let t2;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsx("div", { className: "absolute left-[17px] top-0 bottom-[17px] flex justify-center", children: /* @__PURE__ */ jsx(VerticalDash, {}) });
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== activeStepIndex || $[5] !== fromAmount || $[6] !== fromToken || $[7] !== steps || $[8] !== toAmount || $[9] !== toToken) {
+    let t42;
+    if ($[11] !== activeStepIndex || $[12] !== fromAmount || $[13] !== fromToken || $[14] !== toAmount || $[15] !== toToken) {
+      t42 = (step_0, i) => {
+        let stepState;
+        if (activeStepIndex === i) {
+          stepState = "ongoing";
+        } else {
+          if (activeStepIndex > i) {
+            stepState = "done";
+          } else {
+            if (activeStepIndex === i - 1) {
+              stepState = "next";
+            } else {
+              stepState = "upcoming";
+            }
+          }
+        }
+        if (stepState === "done") {
+          return null;
+        }
+        const titleFn = step_0.title[stepState];
+        const title = typeof titleFn === "function" ? titleFn({
+          fromToken,
+          toToken,
+          fromAmount,
+          toAmount
+        }) : titleFn;
+        return /* @__PURE__ */ jsx(Step, { title, description: step_0.description, stepNumber: i + 1, stepState }, step_0.key);
+      };
+      $[11] = activeStepIndex;
+      $[12] = fromAmount;
+      $[13] = fromToken;
+      $[14] = toAmount;
+      $[15] = toToken;
+      $[16] = t42;
+    } else {
+      t42 = $[16];
+    }
+    t3 = steps.map(t42);
+    $[4] = activeStepIndex;
+    $[5] = fromAmount;
+    $[6] = fromToken;
+    $[7] = steps;
+    $[8] = toAmount;
+    $[9] = toToken;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[17] !== t3) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2", children: [
+      t2,
+      t3
+    ] });
+    $[17] = t3;
+    $[18] = t4;
+  } else {
+    t4 = $[18];
+  }
+  return t4;
+};
+const Stepper = () => {
+  const $ = distExports.c(7);
+  const {
+    fromToken,
+    toToken,
+    fromAmount,
+    toAmount,
+    steps,
+    activeStep
+  } = useTradeFlowContext();
+  let t0;
+  if ($[0] !== activeStep || $[1] !== fromAmount || $[2] !== fromToken || $[3] !== steps || $[4] !== toAmount || $[5] !== toToken) {
+    t0 = /* @__PURE__ */ jsx(StepperBase, { steps, activeStep, fromToken, toToken, fromAmount, toAmount });
+    $[0] = activeStep;
+    $[1] = fromAmount;
+    $[2] = fromToken;
+    $[3] = steps;
+    $[4] = toAmount;
+    $[5] = toToken;
+    $[6] = t0;
+  } else {
+    t0 = $[6];
+  }
+  return t0;
+};
+
+export { Stepper };
+//# sourceMappingURL=Stepper.js.map

package/dist/components/widget/TradeOverview/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"sourcesContent":["import { Step, type FlowStep, type StepState } from \"./Step\";\nimport type { MinTradeFlowToken } from \"./TradeDetails\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { VerticalDash } from \"./VerticalDash\";\n\n// --- Stepper ---\ntype StepperProps<Key extends string = string> = {\n  steps: FlowStep<Key>[];\n  activeStep?: Key;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n};\n\nconst StepperBase = <Key extends string = string>({\n  steps,\n  activeStep,\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n}: StepperProps<Key>) => {\n  const activeStepIndex = activeStep\n    ? steps.findIndex((step) => step.key === activeStep)\n    : -1;\n\n  return (\n    <div className=\"flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2\">\n      {/* Vertical line positioned absolutely */}\n      <div className=\"absolute left-[17px] top-0 bottom-[17px] flex justify-center\">\n        <VerticalDash />\n      </div>\n      {steps.map((step, i) => {\n        let stepState: StepState;\n\n        if (activeStepIndex === i) {\n          stepState = \"ongoing\";\n        } else if (activeStepIndex > i) {\n          stepState = \"done\";\n        } else if (activeStepIndex === i - 1) {\n          stepState = \"next\";\n        } else {\n          stepState = \"upcoming\";\n        }\n        if (stepState === \"done\") {\n          return null;\n        }\n\n        const titleFn = step.title[stepState];\n\n        const title =\n          typeof titleFn === \"function\"\n            ? titleFn({\n                fromToken,\n                toToken,\n                fromAmount,\n                toAmount,\n              })\n            : titleFn;\n\n        return (\n          <Step\n            title={title}\n            description={step.description}\n            stepNumber={i + 1}\n            key={step.key}\n            stepState={stepState}\n          />\n        );\n      })}\n    </div>\n  );\n};\nexport const Stepper = () => {\n  const { fromToken, toToken, fromAmount, toAmount, steps, activeStep } =\n    useTradeFlowContext();\n\n  return (\n    <StepperBase\n      steps={steps}\n      activeStep={activeStep}\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n    />\n  );\n};\n"],"names":["StepperBase","t0","$","_c","steps","activeStep","fromToken","toToken","fromAmount","toAmount","t1","findIndex","step","key","activeStepIndex","t2","Symbol","for","t3","t4","step_0","i","stepState","titleFn","title","description","map","Stepper","useTradeFlowContext"],"mappings":"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"}

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.d.ts

@@ -0,0 +1,7 @@
+type TradeCompletedFooterProps = {
+    onDismiss?: () => void;
+    explorerLink?: string;
+};
+export declare const TradeCompletedFooter: ({ onDismiss, }: Pick<TradeCompletedFooterProps, "onDismiss">) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TradeCompleteFooter.d.ts.map

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TradeCompleteFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"names":[],"mappings":"AAGA,KAAK,yBAAyB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAkCF,eAAO,MAAM,oBAAoB,GAAI,gBAElC,IAAI,CAAC,yBAAyB,EAAE,WAAW,CAAC,4CAQ9C,CAAC"}

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.js

@@ -0,0 +1,73 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { Button } from '../../../ui/button.js';
+import { useTradeFlowContext } from '../tradeFlowContext.js';
+
+globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
+  cache: /* @__PURE__ */ new Map(),
+  get(name, inst) {
+    if (this.cache.has(name)) {
+      return this.cache.get(name);
+    }
+    this.cache.set(name, inst);
+    return inst;
+  }
+};
+const TradeCompletedFooterBase = (t0) => {
+  const $ = distExports.c(7);
+  const {
+    onDismiss,
+    explorerLink
+  } = t0;
+  let t1;
+  if ($[0] !== onDismiss) {
+    t1 = /* @__PURE__ */ jsx(Button, { variant: "default", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onDismiss, children: "Make Another Trade" });
+    $[0] = onDismiss;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== explorerLink) {
+    t2 = explorerLink && /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "xl", radius: "sm", className: "w-full text-sm", asChild: true, children: /* @__PURE__ */ jsx("a", { href: explorerLink, rel: "noopener noreferrer", target: "_blank", children: "View On Explorer" }) });
+    $[2] = explorerLink;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center w-full gap-4", children: [
+      t1,
+      t2
+    ] });
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+};
+const TradeCompletedFooter = (t0) => {
+  const $ = distExports.c(3);
+  const {
+    onDismiss
+  } = t0;
+  const {
+    explorerLink
+  } = useTradeFlowContext();
+  let t1;
+  if ($[0] !== explorerLink || $[1] !== onDismiss) {
+    t1 = /* @__PURE__ */ jsx(TradeCompletedFooterBase, { onDismiss, explorerLink });
+    $[0] = explorerLink;
+    $[1] = onDismiss;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+};
+
+export { TradeCompletedFooter };
+//# sourceMappingURL=TradeCompleteFooter.js.map

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TradeCompleteFooter.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\n\ntype TradeCompletedFooterProps = {\n  onDismiss?: () => void;\n  explorerLink?: string;\n};\n\nconst TradeCompletedFooterBase = ({\n  onDismiss,\n  explorerLink,\n}: TradeCompletedFooterProps) => {\n  return (\n    <div className=\"flex flex-col justify-center w-full gap-4\">\n      <Button\n        variant=\"default\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm\"\n        onClick={onDismiss}\n      >\n        Make Another Trade\n      </Button>\n      {explorerLink && (\n        <Button\n          variant=\"secondary\"\n          size=\"xl\"\n          radius=\"sm\"\n          className=\"w-full text-sm\"\n          asChild\n        >\n          <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n            View On Explorer\n          </a>\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport const TradeCompletedFooter = ({\n  onDismiss,\n}: Pick<TradeCompletedFooterProps, \"onDismiss\">) => {\n  const { explorerLink } = useTradeFlowContext();\n  return (\n    <TradeCompletedFooterBase\n      onDismiss={onDismiss}\n      explorerLink={explorerLink}\n    />\n  );\n};\n"],"names":["TradeCompletedFooterBase","t0","$","_c","onDismiss","explorerLink","t1","t2","t3","TradeCompletedFooter","useTradeFlowContext"],"mappings":";;;;;;;;;;;;;;;AAQA,MAAMA,2BAA2BC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAGN,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,SAAAA,EAAA;AAGtBE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACS,OAAA,EAAA,SAAA,EACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACDF,OAAAA,EAAAA,SAAAA,EACV,QAAA,EAAA,oBAAA,EAED,CAAA;AAASF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAG,YAAAA,EAAA;AACRE,IAAAA,EAAAA,GAAAF,YAAAA,wBACE,MAAA,EAAA,EACS,OAAA,EAAA,aACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACV,eAEA,QAAA,kBAAA,GAAA,QAASA,IAAAA,EAAAA,YAAAA,EAAkB,KAAA,qBAAA,EAA6B,MAAA,EAAA,QAAA,EAAS,QAAA,EAAA,kBAAA,EAEjE,CAAA,EACF,CAAA;AACDH,IAAAA,CAAAA,MAAAG,YAAAA;AAAAH,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAI,MAAAJ,CAAAA,QAAAK,EAAAA,EAAA;AAtBHC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,2CAAA,EACbF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MASCC;AAAAA,KAAAA,EAaH,CAAA;AAAML,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAvBNM,EAAAA;AAuBM,CAAA;AAIH,MAAMC,uBAAuBR,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAGnC,EAAA,MAAA;AAAA,IAAAI;AAAAA,MAAyBK,mBAAAA,EAAoB;AAAE,EAAA,IAAAJ,EAAAA;AAAA,EAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAG,gBAAAH,CAAAA,QAAAE,SAAAA,EAAA;AAE7CE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,wBAAA,EAAA,EACYF,SAAAA,EACGC,YAAAA,EAAY,CAAA;AAC1BH,IAAAA,CAAAA,MAAAG,YAAAA;AAAAH,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAHFI,EAAAA;AAGE;;;;"}

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.d.ts

@@ -0,0 +1,9 @@
+import { TradeFlowType } from '../../../../hooks/swap/tradeFlow/common/types';
+type TradeCompletedHeaderBaseProps = {
+    tradeFlowType: TradeFlowType;
+    surplusDisplay: string | null;
+    formattedAmountInUSD: string | null;
+};
+export declare const TradeCompletedHeader: ({ tradeFlowType, }: Pick<TradeCompletedHeaderBaseProps, "tradeFlowType">) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TradeCompleteHeader.d.ts.map

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TradeCompleteHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,KAAK,6BAA6B,GAAG;IACnC,aAAa,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC,CAAC;AAsBF,eAAO,MAAM,oBAAoB,GAAI,oBAElC,IAAI,CAAC,6BAA6B,EAAE,eAAe,CAAC,4CAyBtD,CAAC"}