@velora-dex/widget 0.5.1-dev.1 → 0.6.0

package/dist/components/widget/LimitPriceInput/index.js

@@ -1,321 +1,160 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { d as distExports } from '../../../_virtual/index.js';
-import { UnstyledInput } from '../../ui/input.js';
-import { cn } from '../../../lib/utils/index.js';
-import { NumericFormat } from 'react-number-format';
-import { Lock, LockOpen, RefreshCcw, ArrowRightLeft } from 'lucide-react';
-import { Skeleton } from '../../ui/skeleton.js';
-import { TooltipContent, Tooltip, TooltipTrigger } from '../../ui/tooltip.js';
-import { formatPercent } from '../../../lib/utils/formatPercent.js';
-import { useState } from 'react';
-
-const PriceInput = (t0) => {
-  const $ = distExports.c(64);
-  const {
-    type,
-    isLocked,
-    amount,
-    isLoading,
-    priceDiff,
-    drivingToken,
-    onAmountChange,
-    onToggleLock,
-    onToggleReverse,
-    onReset,
-    onFocus
-  } = t0;
-  const isLimit = type === "limit";
-  const shouldShowPriceDiff = priceDiff > 0.1 || priceDiff < -0.1;
-  const t1 = priceDiff / 100;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = formatPercent(t1);
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  const priceDiffToDisplay = t2;
-  const LockIcon = isLocked ? Lock : LockOpen;
-  const showSkeleton = isLoading;
-  const priceDiffPositive = priceDiff > 0;
-  const priceDiffNegative = priceDiff < 0;
-  const priceDiffStyles = {
-    "text-secondary-shamrock-green-2": priceDiffPositive,
-    "text-secondary-radical-red-2": priceDiffNegative
-  };
-  const [resetTooltipOpen, setResetTooltipOpen] = useState(false);
-  const t3 = isLimit ? "Limit" : "OTC";
-  let t4;
-  if ($[2] !== t3) {
-    t4 = /* @__PURE__ */ jsxs("span", { children: [
-      t3,
-      " Price"
-    ] });
-    $[2] = t3;
-    $[3] = t4;
-  } else {
-    t4 = $[3];
-  }
-  const T0 = TooltipContent;
-  const t5 = "Your ";
-  const t6 = isLimit ? "limit" : "OTC";
-  const t7 = " price is";
-  const t8 = " ";
-  const t9 = cn(priceDiffStyles);
-  const t10 = priceDiffPositive ? "higher" : "lower";
-  let t11;
-  if ($[4] !== priceDiffToDisplay || $[5] !== t10 || $[6] !== t9) {
-    t11 = /* @__PURE__ */ jsxs("span", { className: t9, children: [
-      priceDiffToDisplay,
-      " ",
-      t10
-    ] });
-    $[4] = priceDiffToDisplay;
-    $[5] = t10;
-    $[6] = t9;
-    $[7] = t11;
-  } else {
-    t11 = $[7];
-  }
-  let t12;
-  if ($[8] !== T0 || $[9] !== t11 || $[10] !== t6) {
-    t12 = /* @__PURE__ */ jsxs(T0, { children: [
-      t5,
-      t6,
-      t7,
-      t8,
-      t11,
-      " ",
-      "than the current market price."
-    ] });
-    $[8] = T0;
-    $[9] = t11;
-    $[10] = t6;
-    $[11] = t12;
-  } else {
-    t12 = $[11];
-  }
-  const t13 = !isLocked && resetTooltipOpen;
-  const t14 = !isLocked;
-  let t15;
-  if ($[12] !== isLocked || $[13] !== t14) {
-    t15 = cn("w-3.5 h-3.5", {
-      "cursor-pointer": t14,
-      "cursor-not-allowed opacity-50": isLocked
-    });
-    $[12] = isLocked;
-    $[13] = t14;
-    $[14] = t15;
-  } else {
-    t15 = $[14];
-  }
-  let t16;
-  if ($[15] !== onReset || $[16] !== t15) {
-    t16 = /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(RefreshCcw, { className: t15, onClick: onReset }) });
-    $[15] = onReset;
-    $[16] = t15;
-    $[17] = t16;
-  } else {
-    t16 = $[17];
-  }
-  const t17 = isLimit ? "limit" : "OTC";
-  let t18;
-  if ($[18] !== t17) {
-    t18 = /* @__PURE__ */ jsxs(TooltipContent, { children: [
-      "Reset ",
-      t17,
-      " price to current market price"
-    ] });
-    $[18] = t17;
-    $[19] = t18;
-  } else {
-    t18 = $[19];
-  }
-  let t19;
-  if ($[20] !== setResetTooltipOpen || $[21] !== t13 || $[22] !== t16 || $[23] !== t18) {
-    t19 = /* @__PURE__ */ jsxs(Tooltip, { open: t13, onOpenChange: setResetTooltipOpen, children: [
-      t16,
-      t18
-    ] });
-    $[20] = setResetTooltipOpen;
-    $[21] = t13;
-    $[22] = t16;
-    $[23] = t18;
-    $[24] = t19;
-  } else {
-    t19 = $[24];
-  }
-  let t20;
-  if ($[25] !== isLocked) {
-    t20 = cn("w-3.5 h-3.5 cursor-pointer", {
-      "text-secondary-shamrock-green-2": isLocked
-    });
-    $[25] = isLocked;
-    $[26] = t20;
-  } else {
-    t20 = $[26];
-  }
-  let t21;
-  if ($[27] !== LockIcon || $[28] !== onToggleLock || $[29] !== t20) {
-    t21 = /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(LockIcon, { className: t20, onClick: onToggleLock }) });
-    $[27] = LockIcon;
-    $[28] = onToggleLock;
-    $[29] = t20;
-    $[30] = t21;
-  } else {
-    t21 = $[30];
-  }
-  const t22 = isLimit ? "limit" : "OTC";
-  let t23;
-  if ($[31] !== t22) {
-    t23 = /* @__PURE__ */ jsxs(TooltipContent, { children: [
-      "Lock the ",
-      t22,
-      " price to Receive value"
-    ] });
-    $[31] = t22;
-    $[32] = t23;
-  } else {
-    t23 = $[32];
-  }
-  let t24;
-  if ($[33] !== t21 || $[34] !== t23) {
-    t24 = /* @__PURE__ */ jsxs(Tooltip, { children: [
-      t21,
-      t23
-    ] });
-    $[33] = t21;
-    $[34] = t23;
-    $[35] = t24;
-  } else {
-    t24 = $[35];
-  }
-  let t25;
-  if ($[36] !== t19 || $[37] !== t24) {
-    t25 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 dark:text-contrast-6", children: [
-      t19,
-      t24
-    ] });
-    $[36] = t19;
-    $[37] = t24;
-    $[38] = t25;
-  } else {
-    t25 = $[38];
-  }
-  let t26;
-  if ($[39] !== showSkeleton) {
-    t26 = showSkeleton && /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px]" });
-    $[39] = showSkeleton;
-    $[40] = t26;
-  } else {
-    t26 = $[40];
-  }
-  let t27;
-  if ($[41] !== isLocked || $[42] !== showSkeleton) {
-    t27 = cn("min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8", {
-      hidden: showSkeleton,
-      "opacity-50 cursor-not-allowed": isLocked
-    });
-    $[41] = isLocked;
-    $[42] = showSkeleton;
-    $[43] = t27;
-  } else {
-    t27 = $[43];
-  }
-  let t28;
-  if ($[44] !== amount || $[45] !== isLocked || $[46] !== onAmountChange || $[47] !== onFocus || $[48] !== t27) {
-    t28 = /* @__PURE__ */ jsx(NumericFormat, { className: t27, placeholder: "0", disabled: isLocked, value: amount, onValueChange: onAmountChange, allowNegative: false, allowLeadingZeros: false, customInput: UnstyledInput, onFocus, thousandSeparator: true });
-    $[44] = amount;
-    $[45] = isLocked;
-    $[46] = onAmountChange;
-    $[47] = onFocus;
-    $[48] = t27;
-    $[49] = t28;
-  } else {
-    t28 = $[49];
-  }
-  const t29 = drivingToken?.symbol;
-  let t30;
-  if ($[50] !== t29) {
-    t30 = /* @__PURE__ */ jsx("span", { children: t29 });
-    $[50] = t29;
-    $[51] = t30;
-  } else {
-    t30 = $[51];
-  }
-  let t31;
-  if ($[52] !== onToggleReverse) {
-    t31 = /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ArrowRightLeft, { className: "w-3.5 h-3.5 dark:text-contrast-6 cursor-pointer", onClick: onToggleReverse }) });
-    $[52] = onToggleReverse;
-    $[53] = t31;
-  } else {
-    t31 = $[53];
-  }
-  let t32;
-  if ($[54] === Symbol.for("react.memo_cache_sentinel")) {
-    t32 = /* @__PURE__ */ jsx(TooltipContent, { children: "Switch order pair" });
-    $[54] = t32;
-  } else {
-    t32 = $[54];
-  }
-  let t33;
-  if ($[55] !== t31) {
-    t33 = /* @__PURE__ */ jsxs(Tooltip, { children: [
-      t31,
-      t32
-    ] });
-    $[55] = t31;
-    $[56] = t33;
-  } else {
-    t33 = $[56];
-  }
-  let t34;
-  if ($[57] !== t30 || $[58] !== t33) {
-    t34 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-contrast-3 dark:text-contrast-8 text-sm", children: [
-      t30,
-      t33
-    ] });
-    $[57] = t30;
-    $[58] = t33;
-    $[59] = t34;
-  } else {
-    t34 = $[59];
-  }
-  let t35;
-  if ($[60] !== t26 || $[61] !== t28 || $[62] !== t34) {
-    t35 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-1.5", children: [
-      t26,
-      t28,
-      t34
-    ] });
-    $[60] = t26;
-    $[61] = t28;
-    $[62] = t34;
-    $[63] = t35;
-  } else {
-    t35 = $[63];
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7", children: [
-      /* @__PURE__ */ jsxs(Tooltip, { open: !shouldShowPriceDiff ? false : void 0, children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
-          t4,
-          /* @__PURE__ */ jsxs("div", { className: cn("truncate w-[50px]", {
-            ...priceDiffStyles,
-            hidden: !shouldShowPriceDiff
-          }), children: [
-            priceDiffPositive ? "+" : "",
-            priceDiffToDisplay
-          ] })
-        ] }) }),
-        t12
-      ] }),
-      t25
-    ] }),
-    t35
-  ] });
+import { cn as e } from "../../../lib/utils/index.js";
+import { Skeleton as ee } from "../../ui/skeleton.js";
+import { UnstyledInput as te } from "../../ui/input.js";
+import { Tooltip as t, TooltipContent as n, TooltipTrigger as r } from "../../ui/tooltip.js";
+import { formatPercent as ne } from "../../../lib/utils/formatPercent.js";
+import { c as re } from "react-compiler-runtime";
+import { useState as ie } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { ArrowRightLeft as ae, Lock as oe, LockOpen as se, RefreshCcw as ce } from "lucide-react";
+import { NumericFormat as le } from "react-number-format";
+//#region src/components/widget/LimitPriceInput/index.tsx
+var ue = (ue) => {
+	let o = re(64), { type: de, isLocked: s, amount: c, isLoading: fe, priceDiff: l, drivingToken: pe, onAmountChange: u, onToggleLock: d, onToggleReverse: f, onReset: p, onFocus: m } = ue, h = de === "limit", me = l > .1 || l < -.1, g = l / 100, _;
+	o[0] === g ? _ = o[1] : (_ = ne(g), o[0] = g, o[1] = _);
+	let v = _, y = s ? oe : se, b = fe, x = l > 0, he = l < 0, ge = {
+		"text-secondary-shamrock-green-2": x,
+		"text-secondary-radical-red-2": he
+	}, [_e, S] = ie(!1), C = h ? "Limit" : "OTC", w;
+	o[2] === C ? w = o[3] : (w = /* @__PURE__ */ a("span", { children: [C, " Price"] }), o[2] = C, o[3] = w);
+	let T = n, E = h ? "limit" : "OTC", D = e(ge), O = x ? "higher" : "lower", k;
+	o[4] !== v || o[5] !== O || o[6] !== D ? (k = /* @__PURE__ */ a("span", {
+		className: D,
+		children: [
+			v,
+			" ",
+			O
+		]
+	}), o[4] = v, o[5] = O, o[6] = D, o[7] = k) : k = o[7];
+	let A;
+	o[8] !== T || o[9] !== k || o[10] !== E ? (A = /* @__PURE__ */ a(T, { children: [
+		"Your ",
+		E,
+		" price is",
+		" ",
+		k,
+		" ",
+		"than the current market price."
+	] }), o[8] = T, o[9] = k, o[10] = E, o[11] = A) : A = o[11];
+	let j = !s && _e, M = !s, N;
+	o[12] !== s || o[13] !== M ? (N = e("w-3.5 h-3.5", {
+		"cursor-pointer": M,
+		"cursor-not-allowed opacity-50": s
+	}), o[12] = s, o[13] = M, o[14] = N) : N = o[14];
+	let P;
+	o[15] !== p || o[16] !== N ? (P = /* @__PURE__ */ i(r, {
+		asChild: !0,
+		children: /* @__PURE__ */ i(ce, {
+			className: N,
+			onClick: p
+		})
+	}), o[15] = p, o[16] = N, o[17] = P) : P = o[17];
+	let F = h ? "limit" : "OTC", I;
+	o[18] === F ? I = o[19] : (I = /* @__PURE__ */ a(n, { children: [
+		"Reset ",
+		F,
+		" price to current market price"
+	] }), o[18] = F, o[19] = I);
+	let L;
+	o[20] !== S || o[21] !== j || o[22] !== P || o[23] !== I ? (L = /* @__PURE__ */ a(t, {
+		open: j,
+		onOpenChange: S,
+		children: [P, I]
+	}), o[20] = S, o[21] = j, o[22] = P, o[23] = I, o[24] = L) : L = o[24];
+	let R;
+	o[25] === s ? R = o[26] : (R = e("w-3.5 h-3.5 cursor-pointer", { "text-secondary-shamrock-green-2": s }), o[25] = s, o[26] = R);
+	let z;
+	o[27] !== y || o[28] !== d || o[29] !== R ? (z = /* @__PURE__ */ i(r, {
+		asChild: !0,
+		children: /* @__PURE__ */ i(y, {
+			className: R,
+			onClick: d
+		})
+	}), o[27] = y, o[28] = d, o[29] = R, o[30] = z) : z = o[30];
+	let B = h ? "limit" : "OTC", V;
+	o[31] === B ? V = o[32] : (V = /* @__PURE__ */ a(n, { children: [
+		"Lock the ",
+		B,
+		" price to Receive value"
+	] }), o[31] = B, o[32] = V);
+	let H;
+	o[33] !== z || o[34] !== V ? (H = /* @__PURE__ */ a(t, { children: [z, V] }), o[33] = z, o[34] = V, o[35] = H) : H = o[35];
+	let U;
+	o[36] !== L || o[37] !== H ? (U = /* @__PURE__ */ a("div", {
+		className: "flex items-center gap-3 dark:text-contrast-6",
+		children: [L, H]
+	}), o[36] = L, o[37] = H, o[38] = U) : U = o[38];
+	let W;
+	o[39] === b ? W = o[40] : (W = b && /* @__PURE__ */ i(ee, { className: "w-full h-[28px]" }), o[39] = b, o[40] = W);
+	let G;
+	o[41] !== s || o[42] !== b ? (G = e("min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8", {
+		hidden: b,
+		"opacity-50 cursor-not-allowed": s
+	}), o[41] = s, o[42] = b, o[43] = G) : G = o[43];
+	let K;
+	o[44] !== c || o[45] !== s || o[46] !== u || o[47] !== m || o[48] !== G ? (K = /* @__PURE__ */ i(le, {
+		className: G,
+		placeholder: "0",
+		disabled: s,
+		value: c,
+		onValueChange: u,
+		allowNegative: !1,
+		allowLeadingZeros: !1,
+		customInput: te,
+		onFocus: m,
+		thousandSeparator: !0
+	}), o[44] = c, o[45] = s, o[46] = u, o[47] = m, o[48] = G, o[49] = K) : K = o[49];
+	let q = pe?.symbol, J;
+	o[50] === q ? J = o[51] : (J = /* @__PURE__ */ i("span", { children: q }), o[50] = q, o[51] = J);
+	let Y;
+	o[52] === f ? Y = o[53] : (Y = /* @__PURE__ */ i(r, {
+		asChild: !0,
+		children: /* @__PURE__ */ i(ae, {
+			className: "w-3.5 h-3.5 dark:text-contrast-6 cursor-pointer",
+			onClick: f
+		})
+	}), o[52] = f, o[53] = Y);
+	let X;
+	o[54] === Symbol.for("react.memo_cache_sentinel") ? (X = /* @__PURE__ */ i(n, { children: "Switch order pair" }), o[54] = X) : X = o[54];
+	let Z;
+	o[55] === Y ? Z = o[56] : (Z = /* @__PURE__ */ a(t, { children: [Y, X] }), o[55] = Y, o[56] = Z);
+	let Q;
+	o[57] !== J || o[58] !== Z ? (Q = /* @__PURE__ */ a("div", {
+		className: "flex items-center gap-1.5 text-contrast-3 dark:text-contrast-8 text-sm",
+		children: [J, Z]
+	}), o[57] = J, o[58] = Z, o[59] = Q) : Q = o[59];
+	let $;
+	return o[60] !== W || o[61] !== K || o[62] !== Q ? ($ = /* @__PURE__ */ a("div", {
+		className: "flex items-center justify-between gap-1.5",
+		children: [
+			W,
+			K,
+			Q
+		]
+	}), o[60] = W, o[61] = K, o[62] = Q, o[63] = $) : $ = o[63], /* @__PURE__ */ a("div", {
+		className: "flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2",
+		children: [/* @__PURE__ */ a("div", {
+			className: "flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7",
+			children: [/* @__PURE__ */ a(t, {
+				open: me ? void 0 : !1,
+				children: [/* @__PURE__ */ i(r, {
+					asChild: !0,
+					children: /* @__PURE__ */ a("div", {
+						className: "flex gap-1",
+						children: [w, /* @__PURE__ */ a("div", {
+							className: e("truncate w-[50px]", {
+								...ge,
+								hidden: !me
+							}),
+							children: [x ? "+" : "", v]
+						})]
+					})
+				}), A]
+			}), U]
+		}), $]
+	});
 };
+//#endregion
+export { ue as PriceInput };
 
-export { PriceInput };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/widget/LimitPriceInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/widget/LimitPriceInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils\";\nimport { NumericFormat } from \"react-number-format\";\nimport { ArrowRightLeft, RefreshCcw, Lock, LockOpen } from \"lucide-react\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { formatPercent } from \"@/lib/utils/formatPercent\";\nimport type { PriceInputProps } from \"./types\";\nimport { useState } from \"react\";\n\nexport const PriceInput = ({\n  type,\n  isLocked,\n  amount,\n  isLoading,\n  priceDiff,\n  drivingToken,\n  onAmountChange,\n  onToggleLock,\n  onToggleReverse,\n  onReset,\n  onFocus,\n}: PriceInputProps) => {\n  const isLimit = type === \"limit\";\n\n  const shouldShowPriceDiff = priceDiff > 0.1 || priceDiff < -0.1;\n  const priceDiffToDisplay = formatPercent(priceDiff / 100);\n\n  const LockIcon = isLocked ? Lock : LockOpen;\n  const showSkeleton = isLoading;\n\n  const priceDiffPositive = priceDiff > 0;\n  const priceDiffNegative = priceDiff < 0;\n\n  const priceDiffStyles = {\n    \"text-secondary-shamrock-green-2\": priceDiffPositive,\n    \"text-secondary-radical-red-2\": priceDiffNegative,\n  };\n\n  // must use controlled Tooltip with open prop,\n  // to avoid \"Tooltip is changing from uncontrolled to controlled\" warning\n  const [resetTooltipOpen, setResetTooltipOpen] = useState(false);\n\n  return (\n    <div className=\"flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\">\n      <div className=\"flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7\">\n        <Tooltip open={!shouldShowPriceDiff ? false : undefined}>\n          <TooltipTrigger asChild>\n            <div className=\"flex gap-1\">\n              <span>{isLimit ? \"Limit\" : \"OTC\"} Price</span>\n              <div\n                className={cn(\"truncate w-[50px]\", {\n                  ...priceDiffStyles,\n                  hidden: !shouldShowPriceDiff,\n                })}\n              >\n                {priceDiffPositive ? \"+\" : \"\"}\n                {priceDiffToDisplay}\n              </div>\n            </div>\n          </TooltipTrigger>\n          <TooltipContent>\n            Your {isLimit ? \"limit\" : \"OTC\"} price is{\" \"}\n            <span className={cn(priceDiffStyles)}>\n              {priceDiffToDisplay} {priceDiffPositive ? \"higher\" : \"lower\"}\n            </span>{\" \"}\n            than the current market price.\n          </TooltipContent>\n        </Tooltip>\n        <div className=\"flex items-center gap-3 dark:text-contrast-6\">\n          <Tooltip\n            open={!isLocked && resetTooltipOpen}\n            onOpenChange={setResetTooltipOpen}\n          >\n            <TooltipTrigger asChild>\n              <RefreshCcw\n                className={cn(\"w-3.5 h-3.5\", {\n                  \"cursor-pointer\": !isLocked,\n                  \"cursor-not-allowed opacity-50\": isLocked,\n                })}\n                onClick={onReset}\n              />\n            </TooltipTrigger>\n            <TooltipContent>\n              Reset {isLimit ? \"limit\" : \"OTC\"} price to current market price\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <LockIcon\n                className={cn(\"w-3.5 h-3.5 cursor-pointer\", {\n                  \"text-secondary-shamrock-green-2\": isLocked,\n                })}\n                onClick={onToggleLock}\n              />\n            </TooltipTrigger>\n            <TooltipContent>\n              Lock the {isLimit ? \"limit\" : \"OTC\"} price to Receive value\n            </TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n      <div className=\"flex items-center justify-between gap-1.5\">\n        {showSkeleton && <Skeleton className=\"w-full h-[28px]\" />}\n        <NumericFormat\n          className={cn(\n            \"min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8\",\n            {\n              hidden: showSkeleton, // hiding instead of not rendering, so that onValueChange triggers immediately after !isLoading\n              // it doesn't trigger when we have a value on the first render\n              // @TODO maybe not needed for PriceInput\n\n              \"opacity-50 cursor-not-allowed\": isLocked,\n            }\n          )}\n          placeholder=\"0\"\n          disabled={isLocked}\n          value={amount}\n          onValueChange={onAmountChange}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          onFocus={onFocus}\n          thousandSeparator\n        />\n        <div className=\"flex items-center gap-1.5 text-contrast-3 dark:text-contrast-8 text-sm\">\n          <span>{drivingToken?.symbol}</span>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <ArrowRightLeft\n                className=\"w-3.5 h-3.5 dark:text-contrast-6 cursor-pointer\"\n                onClick={onToggleReverse}\n              />\n            </TooltipTrigger>\n            <TooltipContent>Switch order pair</TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["PriceInput","t0","$","_c","type","isLocked","amount","isLoading","priceDiff","drivingToken","onAmountChange","onToggleLock","onToggleReverse","onReset","onFocus","isLimit","shouldShowPriceDiff","t1","t2","formatPercent","priceDiffToDisplay","LockIcon","Lock","LockOpen","showSkeleton","priceDiffPositive","priceDiffNegative","priceDiffStyles","resetTooltipOpen","setResetTooltipOpen","useState","t3","t4","T0","TooltipContent","t5","t6","t7","t8","t9","cn","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","hidden","t28","UnstyledInput","t29","symbol","t30","t31","t32","Symbol","for","t33","t34","t35","undefined"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["UnstyledInput","cn","NumericFormat","ArrowRightLeft","RefreshCcw","Lock","LockOpen","Skeleton","Tooltip","TooltipContent","TooltipTrigger","formatPercent","PriceInputProps","useState","PriceInput","t0","$","_c","type","isLocked","amount","isLoading","priceDiff","drivingToken","onAmountChange","onToggleLock","onToggleReverse","onReset","onFocus","isLimit","shouldShowPriceDiff","t1","t2","priceDiffToDisplay","LockIcon","showSkeleton","priceDiffPositive","priceDiffNegative","priceDiffStyles","resetTooltipOpen","setResetTooltipOpen","t3","t4","T0","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","hidden","t28","t29","symbol","t30","t31","t32","Symbol","for","t33","t34","t35","undefined"],"sources":["../../../../src/components/widget/LimitPriceInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils\";\nimport { NumericFormat } from \"react-number-format\";\nimport { ArrowRightLeft, RefreshCcw, Lock, LockOpen } from \"lucide-react\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { formatPercent } from \"@/lib/utils/formatPercent\";\nimport type { PriceInputProps } from \"./types\";\nimport { useState } from \"react\";\n\nexport const PriceInput = ({\n  type,\n  isLocked,\n  amount,\n  isLoading,\n  priceDiff,\n  drivingToken,\n  onAmountChange,\n  onToggleLock,\n  onToggleReverse,\n  onReset,\n  onFocus,\n}: PriceInputProps) => {\n  const isLimit = type === \"limit\";\n\n  const shouldShowPriceDiff = priceDiff > 0.1 || priceDiff < -0.1;\n  const priceDiffToDisplay = formatPercent(priceDiff / 100);\n\n  const LockIcon = isLocked ? Lock : LockOpen;\n  const showSkeleton = isLoading;\n\n  const priceDiffPositive = priceDiff > 0;\n  const priceDiffNegative = priceDiff < 0;\n\n  const priceDiffStyles = {\n    \"text-secondary-shamrock-green-2\": priceDiffPositive,\n    \"text-secondary-radical-red-2\": priceDiffNegative,\n  };\n\n  // must use controlled Tooltip with open prop,\n  // to avoid \"Tooltip is changing from uncontrolled to controlled\" warning\n  const [resetTooltipOpen, setResetTooltipOpen] = useState(false);\n\n  return (\n    <div className=\"flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\">\n      <div className=\"flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7\">\n        <Tooltip open={!shouldShowPriceDiff ? false : undefined}>\n          <TooltipTrigger asChild>\n            <div className=\"flex gap-1\">\n              <span>{isLimit ? \"Limit\" : \"OTC\"} Price</span>\n              <div\n                className={cn(\"truncate w-[50px]\", {\n                  ...priceDiffStyles,\n                  hidden: !shouldShowPriceDiff,\n                })}\n              >\n                {priceDiffPositive ? \"+\" : \"\"}\n                {priceDiffToDisplay}\n              </div>\n            </div>\n          </TooltipTrigger>\n          <TooltipContent>\n            Your {isLimit ? \"limit\" : \"OTC\"} price is{\" \"}\n            <span className={cn(priceDiffStyles)}>\n              {priceDiffToDisplay} {priceDiffPositive ? \"higher\" : \"lower\"}\n            </span>{\" \"}\n            than the current market price.\n          </TooltipContent>\n        </Tooltip>\n        <div className=\"flex items-center gap-3 dark:text-contrast-6\">\n          <Tooltip\n            open={!isLocked && resetTooltipOpen}\n            onOpenChange={setResetTooltipOpen}\n          >\n            <TooltipTrigger asChild>\n              <RefreshCcw\n                className={cn(\"w-3.5 h-3.5\", {\n                  \"cursor-pointer\": !isLocked,\n                  \"cursor-not-allowed opacity-50\": isLocked,\n                })}\n                onClick={onReset}\n              />\n            </TooltipTrigger>\n            <TooltipContent>\n              Reset {isLimit ? \"limit\" : \"OTC\"} price to current market price\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <LockIcon\n                className={cn(\"w-3.5 h-3.5 cursor-pointer\", {\n                  \"text-secondary-shamrock-green-2\": isLocked,\n                })}\n                onClick={onToggleLock}\n              />\n            </TooltipTrigger>\n            <TooltipContent>\n              Lock the {isLimit ? \"limit\" : \"OTC\"} price to Receive value\n            </TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n      <div className=\"flex items-center justify-between gap-1.5\">\n        {showSkeleton && <Skeleton className=\"w-full h-[28px]\" />}\n        <NumericFormat\n          className={cn(\n            \"min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8\",\n            {\n              hidden: showSkeleton, // hiding instead of not rendering, so that onValueChange triggers immediately after !isLoading\n              // it doesn't trigger when we have a value on the first render\n              // @TODO maybe not needed for PriceInput\n\n              \"opacity-50 cursor-not-allowed\": isLocked,\n            }\n          )}\n          placeholder=\"0\"\n          disabled={isLocked}\n          value={amount}\n          onValueChange={onAmountChange}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          onFocus={onFocus}\n          thousandSeparator\n        />\n        <div className=\"flex items-center gap-1.5 text-contrast-3 dark:text-contrast-8 text-sm\">\n          <span>{drivingToken?.symbol}</span>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <ArrowRightLeft\n                className=\"w-3.5 h-3.5 dark:text-contrast-6 cursor-pointer\"\n                onClick={onToggleReverse}\n              />\n            </TooltipTrigger>\n            <TooltipContent>Switch order pair</TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/Line/Line.js

@@ -1,49 +1,19 @@
-import { jsx } from 'react/jsx-runtime';
-import { d as distExports } from '../../../_virtual/index.js';
-import { cn } from '../../../lib/utils/index.js';
-
-const Line = (t0) => {
-  const $ = distExports.c(10);
-  let className;
-  let props;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      className,
-      vertical: t1,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-    $[3] = t1;
-  } else {
-    className = $[1];
-    props = $[2];
-    t1 = $[3];
-  }
-  const vertical = t1 === void 0 ? false : t1;
-  const t2 = vertical ? "h-full w-[1px] bg-contrast-7 dark:bg-contrast-3" : "w-full h-[1px] bg-contrast-7 dark:bg-contrast-3";
-  let t3;
-  if ($[4] !== className || $[5] !== t2) {
-    t3 = cn(t2, className);
-    $[4] = className;
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  let t4;
-  if ($[7] !== props || $[8] !== t3) {
-    t4 = /* @__PURE__ */ jsx("div", { className: t3, ...props });
-    $[7] = props;
-    $[8] = t3;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  return t4;
+import { cn as e } from "../../../lib/utils/index.js";
+import { c as t } from "react-compiler-runtime";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/widget/Line/Line.tsx
+var r = (r) => {
+	let i = t(10), a, o, s;
+	i[0] === r ? (a = i[1], o = i[2], s = i[3]) : ({className: a, vertical: s, ...o} = r, i[0] = r, i[1] = a, i[2] = o, i[3] = s);
+	let c = s !== void 0 && s ? "h-full w-[1px] bg-contrast-7 dark:bg-contrast-3" : "w-full h-[1px] bg-contrast-7 dark:bg-contrast-3", l;
+	i[4] !== a || i[5] !== c ? (l = e(c, a), i[4] = a, i[5] = c, i[6] = l) : l = i[6];
+	let u;
+	return i[7] !== o || i[8] !== l ? (u = /* @__PURE__ */ n("div", {
+		className: l,
+		...o
+	}), i[7] = o, i[8] = l, i[9] = u) : u = i[9], u;
 };
+//#endregion
+export { r as Line };
 
-export { Line };
-//# sourceMappingURL=Line.js.map
+//# sourceMappingURL=Line.js.map

package/dist/components/widget/Line/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","sources":["../../../../src/components/widget/Line/Line.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\n\nexport const Line = ({\n  className,\n  vertical = false,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { vertical?: boolean }) => {\n  return (\n    <div\n      className={cn(\n        vertical\n          ? \"h-full w-[1px] bg-contrast-7 dark:bg-contrast-3\"\n          : \"w-full h-[1px] bg-contrast-7 dark:bg-contrast-3\",\n        className\n      )}\n      {...props}\n    />\n  );\n};\n"],"names":["Line","t0","$","_c","className","props","t1","vertical","undefined","t2","t3","cn","t4"],"mappings":";;;;AAEO,MAAMA,OAAOC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAA,EAAA,IAAAC,SAAAA;AAAA,EAAA,IAAAC,KAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAD,EAAAA,EAAA;AAAC,IAAA,CAAA;AAAA,MAAAG,SAAAA;AAAAA,MAAAG,QAAAA,EAAAD,EAAAA;AAAAA,MAAA,GAAAD;AAAAA,KAAA,GAAAJ,EAAAA;AAI2CC,IAAAA,CAAAA,MAAAD,EAAAA;AAAAC,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAG,KAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAF,IAAAA,SAAAA,GAAAF,EAAA,CAAA,CAAA;AAAAG,IAAAA,KAAAA,GAAAH,EAAA,CAAA,CAAA;AAAAI,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAF9D,EAAA,MAAAK,QAAAA,GAAAD,EAAAA,KAAAE,MAAAA,GAAA,KAAA,GAAAF,EAAAA;AAMM,EAAA,MAAAG,EAAAA,GAAAF,WAAA,iDAAA,GAAA,iDAAA;AAEqD,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAR,EAAA,CAAA,CAAA,KAAAE,aAAAF,CAAAA,QAAAO,EAAAA,EAAA;AAH5CC,IAAAA,EAAAA,GAAAC,EAAAA,CACTF,IAGAL,SACF,CAAA;AAACF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAO,EAAAA;AAAAP,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAU,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAG,SAAAH,CAAAA,QAAAQ,EAAAA,EAAA;AANHE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EACa,SAAA,EAAAF,EAAAA,EAKV,GACGL,KAAAA,EAAK,CAAA;AACTH,IAAAA,CAAAA,MAAAG,KAAAA;AAAAH,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAR,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OARFU,EAAAA;AAQE;;;;"}
+{"version":3,"file":"Line.js","names":["cn","Line","t0","$","_c","className","props","t1","vertical","undefined","t2","t3","t4"],"sources":["../../../../src/components/widget/Line/Line.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\n\nexport const Line = ({\n  className,\n  vertical = false,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { vertical?: boolean }) => {\n  return (\n    <div\n      className={cn(\n        vertical\n          ? \"h-full w-[1px] bg-contrast-7 dark:bg-contrast-3\"\n          : \"w-full h-[1px] bg-contrast-7 dark:bg-contrast-3\",\n        className\n      )}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;AAEA,IAAaC,KAAOC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC;AAAA,CAAAJ,EAAA,OAAAD,KAI4CG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,OAJ3C,eAAAK,UAAAD,MAAAD,KAAAJ,GAI2CC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CAIxD,IAAAG,IANNH,MAAAE,KAAAA,KAAAF,IAMM,oDAAA,mDAEqDI;AAAA,CAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAO,KAH5CC,IAAAX,EACTU,GAGAL,EACD,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAO,GAAAP,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;AAED,QAFCT,EAAA,OAAAG,KAAAH,EAAA,OAAAQ,KANHC,IAAA,kBAAA,OAAA;EACa,WAAAD;EAKV,GACGL;EACJ,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,KAAAA,IAAAT,EAAA,IARFS"}