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

package/dist/components/widget/TradeParameters/EIP1559Parameter.js

@@ -1,57 +1,29 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as distExports } from '../../../_virtual/index.js';
-import { Switch } from '../../ui/switch.js';
-import { EllipseIcon } from '../Icon/EllipseIcon.js';
-
-const EIP1559Parameter = (t0) => {
-  const $ = distExports.c(10);
-  const {
-    isNotDefault,
-    value,
-    setValue
-  } = t0;
-  let t1;
-  if ($[0] !== isNotDefault) {
-    t1 = isNotDefault && /* @__PURE__ */ jsx(EllipseIcon, { className: "stroke-contrast-8 dark:stroke-contrast-2" });
-    $[0] = isNotDefault;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== t1) {
-    t2 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
-      "EIP1559 Compatibility",
-      t1
-    ] });
-    $[2] = t1;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] !== setValue || $[5] !== value) {
-    t3 = /* @__PURE__ */ jsx(Switch, { checked: value, onCheckedChange: setValue, className: "cursor-pointer" });
-    $[4] = setValue;
-    $[5] = value;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  let t4;
-  if ($[7] !== t2 || $[8] !== t3) {
-    t4 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 py-4", children: [
-      t2,
-      t3
-    ] });
-    $[7] = t2;
-    $[8] = t3;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  return t4;
+import { Switch as e } from "../../ui/switch.js";
+import { EllipseIcon as t } from "../Icon/EllipseIcon.js";
+import { c as n } from "react-compiler-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/widget/TradeParameters/EIP1559Parameter.tsx
+var a = (a) => {
+	let o = n(10), { isNotDefault: s, value: c, setValue: l } = a, u;
+	o[0] === s ? u = o[1] : (u = s && /* @__PURE__ */ r(t, { className: "stroke-contrast-8 dark:stroke-contrast-2" }), o[0] = s, o[1] = u);
+	let d;
+	o[2] === u ? d = o[3] : (d = /* @__PURE__ */ i("div", {
+		className: "flex items-center gap-2 text-sm",
+		children: ["EIP1559 Compatibility", u]
+	}), o[2] = u, o[3] = d);
+	let f;
+	o[4] !== l || o[5] !== c ? (f = /* @__PURE__ */ r(e, {
+		checked: c,
+		onCheckedChange: l,
+		className: "cursor-pointer"
+	}), o[4] = l, o[5] = c, o[6] = f) : f = o[6];
+	let p;
+	return o[7] !== d || o[8] !== f ? (p = /* @__PURE__ */ i("div", {
+		className: "flex items-center justify-between gap-2 py-4",
+		children: [d, f]
+	}), o[7] = d, o[8] = f, o[9] = p) : p = o[9], p;
 };
+//#endregion
+export { a as EIP1559Parameter };
 
-export { EIP1559Parameter };
-//# sourceMappingURL=EIP1559Parameter.js.map
+//# sourceMappingURL=EIP1559Parameter.js.map

package/dist/components/widget/TradeParameters/EIP1559Parameter.js.map

@@ -1 +1 @@
-{"version":3,"file":"EIP1559Parameter.js","sources":["../../../../src/components/widget/TradeParameters/EIP1559Parameter.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { EllipseIcon } from \"../Icon/EllipseIcon\";\n\nexport type EIP1559ParameterProps = {\n  isNotDefault: boolean;\n  value: boolean;\n  setValue: (value: boolean) => void;\n};\n\nexport const EIP1559Parameter = ({\n  isNotDefault,\n  value,\n  setValue,\n}: EIP1559ParameterProps) => {\n  return (\n    <div className=\"flex items-center justify-between gap-2 py-4\">\n      <div className=\"flex items-center gap-2 text-sm\">\n        EIP1559 Compatibility\n        {isNotDefault && (\n          <EllipseIcon className=\"stroke-contrast-8 dark:stroke-contrast-2\" />\n        )}\n      </div>\n      <Switch\n        checked={value}\n        onCheckedChange={setValue}\n        className=\"cursor-pointer\"\n      />\n    </div>\n  );\n};\n"],"names":["EIP1559Parameter","t0","$","_c","isNotDefault","value","setValue","t1","t2","t3","t4"],"mappings":";;;;;AASO,MAAMA,mBAAmBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,YAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAL,EAAAA;AAIT,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAE,YAAAA,EAAA;AAKfG,IAAAA,EAAAA,GAAAH,YAAAA,oBACC,GAAA,CAAC,WAAA,EAAA,EAAsB,SAAA,EAAA,0CAAA,EAA0C,CAAA;AAClEF,IAAAA,CAAAA,MAAAE,YAAAA;AAAAF,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAK,EAAAA,EAAA;AAJHC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,iCAAA,EAAkC,QAAA,EAAA;AAAA,MAAA,uBAAA;AAAA,MAE9CD;AAAAA,KAAAA,EAGH,CAAA;AAAML,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAP,EAAA,CAAA,CAAA,KAAAI,YAAAJ,CAAAA,QAAAG,KAAAA,EAAA;AACNI,IAAAA,EAAAA,uBAAC,MAAA,EAAA,EACUJ,OAAAA,SACQC,eAAAA,YACP,WAAA,gBAAA,EAAgB,CAAA;AAC1BJ,IAAAA,CAAAA,MAAAI,QAAAA;AAAAJ,IAAAA,CAAAA,MAAAG,KAAAA;AAAAH,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAQ,EAAAA;AAAA,EAAA,IAAAR,EAAA,CAAA,CAAA,KAAAM,MAAAN,CAAAA,QAAAO,EAAAA,EAAA;AAXJC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,8CAAA,EACbF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAMAC;AAAAA,KAAAA,EAKF,CAAA;AAAMP,IAAAA,CAAAA,MAAAM,EAAAA;AAAAN,IAAAA,CAAAA,MAAAO,EAAAA;AAAAP,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAZNQ,EAAAA;AAYM;;;;"}
+{"version":3,"file":"EIP1559Parameter.js","names":["Switch","EllipseIcon","EIP1559ParameterProps","isNotDefault","value","setValue","EIP1559Parameter","t0","$","_c","t1","t2","t3","t4"],"sources":["../../../../src/components/widget/TradeParameters/EIP1559Parameter.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { EllipseIcon } from \"../Icon/EllipseIcon\";\n\nexport type EIP1559ParameterProps = {\n  isNotDefault: boolean;\n  value: boolean;\n  setValue: (value: boolean) => void;\n};\n\nexport const EIP1559Parameter = ({\n  isNotDefault,\n  value,\n  setValue,\n}: EIP1559ParameterProps) => {\n  return (\n    <div className=\"flex items-center justify-between gap-2 py-4\">\n      <div className=\"flex items-center gap-2 text-sm\">\n        EIP1559 Compatibility\n        {isNotDefault && (\n          <EllipseIcon className=\"stroke-contrast-8 dark:stroke-contrast-2\" />\n        )}\n      </div>\n      <Switch\n        checked={value}\n        onCheckedChange={setValue}\n        className=\"cursor-pointer\"\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;AASA,IAAaM,KAAmBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAN,iBAAAC,UAAAC,gBAAAE,GAITG;AAAA,CAAAF,EAAA,OAAAL,IAOfO,IAAAF,EAAA,MAFAE,IAAAP,KACC,kBAAC,GAAD,EAAuB,WAAA,4CACxB,CAAA,EAAAK,EAAA,KAAAL,GAAAK,EAAA,KAAAE;CAAA,IAAAC;AAAA,CAAAH,EAAA,OAAAE,IACGC,IAAAH,EAAA,MALNG,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CAAiD,yBAE9CD,EAGG;KAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CAAA,IAAAC;AAAA,CAAAJ,EAAA,OAAAH,KAAAG,EAAA,OAAAJ,KACNQ,IAAA,kBAAC,GAAD;EACWR,SAAAA;EACQC,iBAAAA;EACP,WAAA;EACV,CAAA,EAAAG,EAAA,KAAAH,GAAAG,EAAA,KAAAJ,GAAAI,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAA,IAAAK;AACE,QADFL,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAXJC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEF,GAMAC,EAKI;KAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IAZNK"}

package/dist/components/widget/TradeParameters/SlippageParameter/CustomSlippageInput.js

@@ -1,77 +1,45 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as distExports } from '../../../../_virtual/index.js';
-import { Input } from '../../../ui/input.js';
-import { NumericFormat } from 'react-number-format';
-import { TooltipTrigger, TooltipContent, Tooltip } from '../../../ui/tooltip.js';
-import { cn } from '../../../../lib/utils/index.js';
-
-const CustomSlippageInput = (t0) => {
-  const $ = distExports.c(12);
-  const {
-    isValid,
-    customSlippage,
-    handleCustomSlippageChange,
-    onBlur,
-    ref
-  } = t0;
-  const t1 = !isValid;
-  const t2 = !isValid;
-  let t3;
-  if ($[0] !== customSlippage || $[1] !== handleCustomSlippageChange || $[2] !== onBlur || $[3] !== ref || $[4] !== t2) {
-    t3 = /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(NumericFormat, { placeholder: "0", autoFocus: true, value: customSlippage, onValueChange: handleCustomSlippageChange, onBlur, allowNegative: false, allowLeadingZeros: false, "aria-invalid": t2, customInput: CustomInput, thousandSeparator: true, getInputRef: ref }) }) });
-    $[0] = customSlippage;
-    $[1] = handleCustomSlippageChange;
-    $[2] = onBlur;
-    $[3] = ref;
-    $[4] = t2;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  let t4;
-  if ($[6] !== isValid) {
-    t4 = !isValid && /* @__PURE__ */ jsx(TooltipContent, { children: "Custom Slippage Rate should be between 0% and 15%" });
-    $[6] = isValid;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== t1 || $[9] !== t3 || $[10] !== t4) {
-    t5 = /* @__PURE__ */ jsxs(Tooltip, { open: t1, children: [
-      t3,
-      t4
-    ] });
-    $[8] = t1;
-    $[9] = t3;
-    $[10] = t4;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  return t5;
-};
-const CustomInput = (props) => {
-  const $ = distExports.c(5);
-  let t0;
-  if ($[0] !== props.className) {
-    t0 = cn("h-[38px] w-[78px] rounded-sm aria-invalid:border-secondary-orange-peel-1 dark:aria-invalid:border-secondary-orange-peel-1 focus-visible:border-primary-azul-1 dark:focus-visible:border-primary-azul-1", props.className);
-    $[0] = props.className;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  let t1;
-  if ($[2] !== props || $[3] !== t0) {
-    t1 = /* @__PURE__ */ jsx(Input, { ...props, className: t0 });
-    $[2] = props;
-    $[3] = t0;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  return t1;
+import { cn as e } from "../../../../lib/utils/index.js";
+import { Input as t } from "../../../ui/input.js";
+import { Tooltip as n, TooltipContent as r, TooltipTrigger as i } from "../../../ui/tooltip.js";
+import { c as a } from "react-compiler-runtime";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { NumericFormat as c } from "react-number-format";
+//#region src/components/widget/TradeParameters/SlippageParameter/CustomSlippageInput.tsx
+var l = (e) => {
+	let t = a(12), { isValid: l, customSlippage: d, handleCustomSlippageChange: f, onBlur: p, ref: m } = e, h = !l, g = !l, _;
+	t[0] !== d || t[1] !== f || t[2] !== p || t[3] !== m || t[4] !== g ? (_ = /* @__PURE__ */ o(i, {
+		asChild: !0,
+		children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(c, {
+			placeholder: "0",
+			autoFocus: !0,
+			value: d,
+			onValueChange: f,
+			onBlur: p,
+			allowNegative: !1,
+			allowLeadingZeros: !1,
+			"aria-invalid": g,
+			customInput: u,
+			thousandSeparator: !0,
+			getInputRef: m
+		}) })
+	}), t[0] = d, t[1] = f, t[2] = p, t[3] = m, t[4] = g, t[5] = _) : _ = t[5];
+	let v;
+	t[6] === l ? v = t[7] : (v = !l && /* @__PURE__ */ o(r, { children: "Custom Slippage Rate should be between 0% and 15%" }), t[6] = l, t[7] = v);
+	let y;
+	return t[8] !== h || t[9] !== _ || t[10] !== v ? (y = /* @__PURE__ */ s(n, {
+		open: h,
+		children: [_, v]
+	}), t[8] = h, t[9] = _, t[10] = v, t[11] = y) : y = t[11], y;
+}, u = (n) => {
+	let r = a(5), i;
+	r[0] === n.className ? i = r[1] : (i = e("h-[38px] w-[78px] rounded-sm aria-invalid:border-secondary-orange-peel-1 dark:aria-invalid:border-secondary-orange-peel-1 focus-visible:border-primary-azul-1 dark:focus-visible:border-primary-azul-1", n.className), r[0] = n.className, r[1] = i);
+	let s;
+	return r[2] !== n || r[3] !== i ? (s = /* @__PURE__ */ o(t, {
+		...n,
+		className: i
+	}), r[2] = n, r[3] = i, r[4] = s) : s = r[4], s;
 };
+//#endregion
+export { l as CustomSlippageInput };
 
-export { CustomSlippageInput };
-//# sourceMappingURL=CustomSlippageInput.js.map
+//# sourceMappingURL=CustomSlippageInput.js.map

package/dist/components/widget/TradeParameters/SlippageParameter/CustomSlippageInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomSlippageInput.js","sources":["../../../../../src/components/widget/TradeParameters/SlippageParameter/CustomSlippageInput.tsx"],"sourcesContent":["import { Input, type InputProps } from \"@/components/ui/input\";\nimport { NumericFormat } from \"react-number-format\";\nimport type { CustomSlippageInputProps } from \"./types\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nexport const CustomSlippageInput = ({\n  isValid,\n  customSlippage,\n  handleCustomSlippageChange,\n  onBlur,\n  ref,\n}: CustomSlippageInputProps) => {\n  return (\n    <Tooltip open={!isValid}>\n      <TooltipTrigger asChild>\n        <div>\n          <NumericFormat\n            placeholder=\"0\"\n            autoFocus\n            value={customSlippage}\n            onValueChange={handleCustomSlippageChange}\n            onBlur={onBlur}\n            allowNegative={false}\n            allowLeadingZeros={false}\n            aria-invalid={!isValid}\n            customInput={CustomInput}\n            thousandSeparator\n            getInputRef={ref}\n          />\n        </div>\n      </TooltipTrigger>\n      {!isValid && (\n        <TooltipContent>\n          Custom Slippage Rate should be between 0% and 15%\n        </TooltipContent>\n      )}\n    </Tooltip>\n  );\n};\n\nconst CustomInput = (props: InputProps) => (\n  <Input\n    {...props}\n    className={cn(\n      \"h-[38px] w-[78px] rounded-sm aria-invalid:border-secondary-orange-peel-1 dark:aria-invalid:border-secondary-orange-peel-1 focus-visible:border-primary-azul-1 dark:focus-visible:border-primary-azul-1\",\n      props.className\n    )}\n  />\n);\n"],"names":["CustomSlippageInput","t0","$","_c","isValid","customSlippage","handleCustomSlippageChange","onBlur","ref","t1","t2","t3","CustomInput","t4","t5","props","className","cn"],"mappings":";;;;;;;AAUO,MAAMA,sBAAsBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,0BAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAP,EAAAA;AAQjB,EAAA,MAAAQ,MAACL,OAAAA;AAWM,EAAA,MAAAM,MAACN,OAAAA;AAAO,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAT,EAAA,CAAA,CAAA,KAAAG,kBAAAH,CAAAA,CAAA,CAAA,MAAAI,0BAAAA,IAAAJ,CAAAA,CAAA,CAAA,CAAA,KAAAK,MAAAA,IAAAL,EAAA,CAAA,CAAA,KAAAM,OAAAN,CAAAA,QAAAQ,EAAAA,EAAA;AAV5BC,IAAAA,EAAAA,mBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAA,IAAA,EACd,QAAA,kBAAA,GAAA,CAAA,KAAA,EAAA,EACE,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EACa,WAAA,EAAA,GAAA,EACZ,SAAA,EAAA,IAAA,EACON,OAAAA,cAAAA,EACQC,aAAAA,EAAAA,0BAAAA,EACPC,MAAAA,EACO,aAAA,EAAA,KAAA,EACI,iBAAA,EAAA,KAAA,EACL,cAAA,EAAAG,EAAAA,EACDE,WAAAA,EAAAA,WAAAA,EACb,iBAAA,EAAA,IAAA,EACaJ,WAAAA,EAAAA,GAAAA,KAEjB,CAAA,EACF,CAAA;AAAiBN,IAAAA,CAAAA,MAAAG,cAAAA;AAAAH,IAAAA,CAAAA,MAAAI,0BAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,MAAAA;AAAAL,IAAAA,CAAAA,MAAAM,GAAAA;AAAAN,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAR,IAAAA,CAAAA,MAAAS,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAT,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAW,EAAAA;AAAA,EAAA,IAAAX,CAAAA,QAAAE,OAAAA,EAAA;AAChBS,IAAAA,EAAAA,GAAA,CAACT,OAAAA,oBACA,GAAA,CAAC,cAAA,EAAA,EAAe,QAAA,EAAA,mDAAA,EAEhB,CAAA;AACDF,IAAAA,CAAAA,MAAAE,OAAAA;AAAAF,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAY,EAAAA;AAAA,EAAA,IAAAZ,CAAAA,CAAA,CAAA,CAAA,KAAAO,EAAAA,IAAAP,CAAAA,QAAAS,EAAAA,IAAAT,CAAAA,CAAA,EAAA,CAAA,KAAAW,EAAAA,EAAA;AAtBHC,IAAAA,EAAAA,wBAAC,OAAA,EAAA,EAAc,IAAA,EAAAL,EAAAA,EACbE,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAiBCE;AAAAA,KAAAA,EAKH,CAAA;AAAUX,IAAAA,CAAAA,MAAAO,EAAAA;AAAAP,IAAAA,CAAAA,MAAAS,EAAAA;AAAAT,IAAAA,CAAAA,OAAAW,EAAAA;AAAAX,IAAAA,CAAAA,OAAAY,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAZ,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAvBVY,EAAAA;AAuBU;AAId,MAAMF,cAAcG,CAAAA,KAAAA,KAAA;AAAA,EAAA,MAAAb,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAF,EAAAA;AAAA,EAAA,IAAAC,CAAAA,CAAA,CAAA,CAAA,KAAAa,KAAAA,CAAAC,SAAAA,EAAA;AAGLf,IAAAA,EAAAA,GAAAgB,EAAAA,CACT,wMAAA,EACAF,KAAAA,CAAKC,SACP,CAAA;AAACd,IAAAA,CAAAA,CAAA,CAAA,IAAAa,KAAAA,CAAAC,SAAAA;AAAAd,IAAAA,CAAAA,MAAAD,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAC,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAP,EAAA,CAAA,CAAA,KAAAa,SAAAb,CAAAA,QAAAD,EAAAA,EAAA;AALHQ,IAAAA,EAAAA,mBAAA,GAAA,CAAC,KAAA,EAAA,EAAK,GACAM,KAAAA,EACO,WAAAd,EAAAA,EAGV,CAAA;AACDC,IAAAA,CAAAA,MAAAa,KAAAA;AAAAb,IAAAA,CAAAA,MAAAD,EAAAA;AAAAC,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OANFO,EAAAA;AAME,CAAA;;;;"}
+{"version":3,"file":"CustomSlippageInput.js","names":["Input","InputProps","NumericFormat","CustomSlippageInputProps","Tooltip","TooltipContent","TooltipTrigger","cn","CustomSlippageInput","t0","$","_c","isValid","customSlippage","handleCustomSlippageChange","onBlur","ref","t1","t2","t3","CustomInput","t4","t5","props","className"],"sources":["../../../../../src/components/widget/TradeParameters/SlippageParameter/CustomSlippageInput.tsx"],"sourcesContent":["import { Input, type InputProps } from \"@/components/ui/input\";\nimport { NumericFormat } from \"react-number-format\";\nimport type { CustomSlippageInputProps } from \"./types\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nexport const CustomSlippageInput = ({\n  isValid,\n  customSlippage,\n  handleCustomSlippageChange,\n  onBlur,\n  ref,\n}: CustomSlippageInputProps) => {\n  return (\n    <Tooltip open={!isValid}>\n      <TooltipTrigger asChild>\n        <div>\n          <NumericFormat\n            placeholder=\"0\"\n            autoFocus\n            value={customSlippage}\n            onValueChange={handleCustomSlippageChange}\n            onBlur={onBlur}\n            allowNegative={false}\n            allowLeadingZeros={false}\n            aria-invalid={!isValid}\n            customInput={CustomInput}\n            thousandSeparator\n            getInputRef={ref}\n          />\n        </div>\n      </TooltipTrigger>\n      {!isValid && (\n        <TooltipContent>\n          Custom Slippage Rate should be between 0% and 15%\n        </TooltipContent>\n      )}\n    </Tooltip>\n  );\n};\n\nconst CustomInput = (props: InputProps) => (\n  <Input\n    {...props}\n    className={cn(\n      \"h-[38px] w-[78px] rounded-sm aria-invalid:border-secondary-orange-peel-1 dark:aria-invalid:border-secondary-orange-peel-1 focus-visible:border-primary-azul-1 dark:focus-visible:border-primary-azul-1\",\n      props.className\n    )}\n  />\n);\n"],"mappings":";;;;;;;AAUA,IAAaQ,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,YAAAC,mBAAAC,+BAAAC,WAAAC,WAAAP,GAQjBQ,IAAA,CAACL,GAWMM,IAAA,CAACN,GAAOO;AAAA,CAAAT,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAAAJ,EAAA,OAAAK,KAAAL,EAAA,OAAAM,KAAAN,EAAA,OAAAQ,KAV5BC,IAAA,kBAAC,GAAD;EAAgB,SAAA;YACd,kBAAA,OAAA,EAAA,UACE,kBAAC,GAAD;GACc,aAAA;GACZ,WAAA;GACON,OAAAA;GACQC,eAAAA;GACPC;GACO,eAAA;GACI,mBAAA;GACL,gBAAAG;GACDE,aAAAA;GACb,mBAAA;GACaJ,aAAAA;GAEjB,CAAA,EACF,CAAA;EAAiB,CAAA,EAAAN,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,KAAAA,IAAAT,EAAA;CAAA,IAAAW;AAAA,CAAAX,EAAA,OAAAE,IAKhBS,IAAAX,EAAA,MAJAW,IAAA,CAACT,KACA,kBAAC,GAAD,EAAA,UAAgB,qDAGjB,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAW;CAAA,IAAAC;AACO,QADPZ,EAAA,OAAAO,KAAAP,EAAA,OAAAS,KAAAT,EAAA,QAAAW,KAtBHC,IAAA,kBAAC,GAAD;EAAe,MAAAL;YAAf,CACEE,GAiBCE,EAKO;KAAAX,EAAA,KAAAO,GAAAP,EAAA,KAAAS,GAAAT,EAAA,MAAAW,GAAAX,EAAA,MAAAY,KAAAA,IAAAZ,EAAA,KAvBVY;GA2BEF,KAAcG,MAAA;CAAA,IAAAb,IAAAC,EAAA,EAAA,EAAAF;AAAA,CAAAC,EAAA,OAAAa,EAAAC,YAMff,IAAAC,EAAA,MAHUD,IAAAF,EACT,0MACAgB,EAAKC,UACN,EAAAd,EAAA,KAAAa,EAAAC,WAAAd,EAAA,KAAAD;CAAA,IAAAQ;AACD,QADCP,EAAA,OAAAa,KAAAb,EAAA,OAAAD,KALHQ,IAAA,kBAAC,GAAD;EAAM,GACAM;EACO,WAAAd;EAIX,CAAA,EAAAC,EAAA,KAAAa,GAAAb,EAAA,KAAAD,GAAAC,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IANFO"}

package/dist/components/widget/TradeParameters/SlippageParameter/EditSlippage.js

@@ -1,27 +1,18 @@
-import { jsx } from 'react/jsx-runtime';
-import { d as distExports } from '../../../../_virtual/index.js';
-import { Button } from '../../../ui/button.js';
-import { CustomSlippageInput } from './CustomSlippageInput.js';
-
-const EditSlippage = (t0) => {
-  const $ = distExports.c(4);
-  const {
-    editing,
-    customSlippageInputProps,
-    onCustomClick
-  } = t0;
-  let t1;
-  if ($[0] !== customSlippageInputProps || $[1] !== editing || $[2] !== onCustomClick) {
-    t1 = editing ? /* @__PURE__ */ jsx(CustomSlippageInput, { ...customSlippageInputProps }) : /* @__PURE__ */ jsx(Button, { variant: "secondary", radius: "sm", onClick: onCustomClick, children: "Custom" });
-    $[0] = customSlippageInputProps;
-    $[1] = editing;
-    $[2] = onCustomClick;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  return t1;
+import { Button as e } from "../../../ui/button.js";
+import { CustomSlippageInput as t } from "./CustomSlippageInput.js";
+import { c as n } from "react-compiler-runtime";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/widget/TradeParameters/SlippageParameter/EditSlippage.tsx
+var i = (i) => {
+	let a = n(4), { editing: o, customSlippageInputProps: s, onCustomClick: c } = i, l;
+	return a[0] !== s || a[1] !== o || a[2] !== c ? (l = o ? /* @__PURE__ */ r(t, { ...s }) : /* @__PURE__ */ r(e, {
+		variant: "secondary",
+		radius: "sm",
+		onClick: c,
+		children: "Custom"
+	}), a[0] = s, a[1] = o, a[2] = c, a[3] = l) : l = a[3], l;
 };
+//#endregion
+export { i as EditSlippage };
 
-export { EditSlippage };
-//# sourceMappingURL=EditSlippage.js.map
+//# sourceMappingURL=EditSlippage.js.map

package/dist/components/widget/TradeParameters/SlippageParameter/EditSlippage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditSlippage.js","sources":["../../../../../src/components/widget/TradeParameters/SlippageParameter/EditSlippage.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { CustomSlippageInput } from \"./CustomSlippageInput\";\nimport type { CustomSlippageInputProps } from \"./types\";\n\nexport const EditSlippage = ({\n  editing,\n  customSlippageInputProps,\n  onCustomClick,\n}: {\n  editing: boolean;\n  customSlippageInputProps: CustomSlippageInputProps;\n  onCustomClick: () => void;\n}) => {\n  return editing ? (\n    <CustomSlippageInput {...customSlippageInputProps} />\n  ) : (\n    <Button variant=\"secondary\" radius=\"sm\" onClick={onCustomClick}>\n      Custom\n    </Button>\n  );\n};\n"],"names":["EditSlippage","t0","$","_c","editing","customSlippageInputProps","onCustomClick","t1"],"mappings":";;;;;AAIO,MAAMA,eAAeC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,wBAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAL,EAAAA;AAQ5B,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAL,CAAAA,CAAA,CAAA,CAAA,KAAAG,wBAAAA,IAAAH,CAAAA,QAAAE,OAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAI,aAAAA,EAAA;AACQC,IAAAA,EAAAA,GAAAH,OAAAA,mBACL,GAAA,CAAC,mBAAA,EAAA,EAAmB,GAAKC,0BAAwB,CAAA,mBAEjD,GAAA,CAAC,MAAA,EAAA,EAAe,OAAA,EAAA,WAAA,EAAmB,MAAA,EAAA,IAAA,EAAcC,OAAAA,EAAAA,eAAe,QAAA,EAAA,QAAA,EAEhE,CAAA;AACDJ,IAAAA,CAAAA,MAAAG,wBAAAA;AAAAH,IAAAA,CAAAA,MAAAE,OAAAA;AAAAF,IAAAA,CAAAA,MAAAI,aAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OANMK,EAAAA;AAMN;;;;"}
+{"version":3,"file":"EditSlippage.js","names":["Button","CustomSlippageInput","CustomSlippageInputProps","EditSlippage","t0","$","_c","editing","customSlippageInputProps","onCustomClick","t1"],"sources":["../../../../../src/components/widget/TradeParameters/SlippageParameter/EditSlippage.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { CustomSlippageInput } from \"./CustomSlippageInput\";\nimport type { CustomSlippageInputProps } from \"./types\";\n\nexport const EditSlippage = ({\n  editing,\n  customSlippageInputProps,\n  onCustomClick,\n}: {\n  editing: boolean;\n  customSlippageInputProps: CustomSlippageInputProps;\n  onCustomClick: () => void;\n}) => {\n  return editing ? (\n    <CustomSlippageInput {...customSlippageInputProps} />\n  ) : (\n    <Button variant=\"secondary\" radius=\"sm\" onClick={onCustomClick}>\n      Custom\n    </Button>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaG,KAAeC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,YAAAC,6BAAAC,qBAAAL,GAQ5BM;AAOE,QAPFL,EAAA,OAAAG,KAAAH,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KACQC,IAAAH,IACL,kBAAC,GAAD,EAAoB,GAAKC,GAK1B,CAAA,GAHC,kBAAC,GAAD;EAAgB,SAAA;EAAmB,QAAA;EAAcC,SAAAA;YAAe;EAGjE,CAAA,EAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IANMK"}

package/dist/components/widget/TradeParameters/SlippageParameter/SlippageParameter.js

@@ -1,178 +1,94 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as distExports } from '../../../../_virtual/index.js';
-import { Accordion, AccordionItem, AccordionContent } from '../../../ui/accordion.js';
-import { DetailWithTooltip } from '../../Details/DetailWithTooltip.js';
-import { Button } from '../../../ui/button.js';
-import { EditSlippage } from './EditSlippage.js';
-import { useCustomSlippageProps } from './hooks/useCustomSlippageProps.js';
-import { EllipseIcon } from '../../Icon/EllipseIcon.js';
-import { ChevronRightIcon } from 'lucide-react';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-
-const slippageOptions = [0.1, 0.5, 1];
-const SlippageParameter = (t0) => {
-  const $ = distExports.c(8);
-  const {
-    state,
-    isNotDefault
-  } = t0;
-  const customSlippageProps = useCustomSlippageProps(state);
-  let t1;
-  if ($[0] !== isNotDefault || $[1] !== state.customSlippage) {
-    t1 = /* @__PURE__ */ jsx(SlippageTrigger, { customSlippage: state.customSlippage, isNotDefault });
-    $[0] = isNotDefault;
-    $[1] = state.customSlippage;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== customSlippageProps) {
-    t2 = /* @__PURE__ */ jsx(SlippageContent, { ...customSlippageProps });
-    $[3] = customSlippageProps;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  let t3;
-  if ($[5] !== t1 || $[6] !== t2) {
-    t3 = /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, children: /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", className: "data-[state=open]:bg-transparent dark:data-[state=open]:bg-transparent", children: [
-      t1,
-      t2
-    ] }) });
-    $[5] = t1;
-    $[6] = t2;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  return t3;
-};
-const SlippageTrigger = (t0) => {
-  const $ = distExports.c(11);
-  const {
-    customSlippage,
-    isNotDefault
-  } = t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsx(DetailWithTooltip, { detail: "Slippage Tolerance", tooltip: "Amount of price slippage that you're willing to accept for the current transaction", classes: {
-      root: "text-sm"
-    } });
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  let t2;
-  if ($[1] !== isNotDefault) {
-    t2 = isNotDefault && /* @__PURE__ */ jsx(EllipseIcon, { className: "stroke-contrast-8 dark:stroke-contrast-2" });
-    $[1] = isNotDefault;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  let t3;
-  if ($[3] !== t2) {
-    t3 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      t1,
-      t2
-    ] });
-    $[3] = t2;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  let t4;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /* @__PURE__ */ jsx(ChevronRightIcon, { className: "text-contrast-5 pointer-events-none size-4 shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-90" });
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  let t5;
-  if ($[6] !== customSlippage) {
-    t5 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 font-geist-mono text-sm font-medium dark:text-contrast-9", children: [
-      customSlippage,
-      "%",
-      t4
-    ] });
-    $[6] = customSlippage;
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  let t6;
-  if ($[8] !== t3 || $[9] !== t5) {
-    t6 = /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: "w-full text-start text-sm cursor-pointer py-4 flex items-center justify-between group transition-all focus-visible:outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:rounded-xs", children: [
-      t3,
-      t5
-    ] });
-    $[8] = t3;
-    $[9] = t5;
-    $[10] = t6;
-  } else {
-    t6 = $[10];
-  }
-  return t6;
-};
-const SlippageContent = (t0) => {
-  const $ = distExports.c(13);
-  const {
-    customSlippage,
-    setCustomSlippage,
-    setEditing,
-    handleCustomClick,
-    editing,
-    inputProps
-  } = t0;
-  let t1;
-  if ($[0] !== customSlippage || $[1] !== setCustomSlippage || $[2] !== setEditing) {
-    t1 = slippageOptions.map((slippage) => /* @__PURE__ */ jsxs(Button, { variant: customSlippage === slippage ? "default" : "ghost", onClick: () => {
-      setCustomSlippage(slippage);
-      setEditing(false);
-    }, radius: "sm", children: [
-      slippage,
-      "%"
-    ] }, slippage));
-    $[0] = customSlippage;
-    $[1] = setCustomSlippage;
-    $[2] = setEditing;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  let t2;
-  if ($[4] !== t1) {
-    t2 = /* @__PURE__ */ jsx("div", { className: "border-1 border-border outline-ring/50 w-min flex items-center rounded-sm", children: t1 });
-    $[4] = t1;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  let t3;
-  if ($[6] !== editing || $[7] !== handleCustomClick || $[8] !== inputProps) {
-    t3 = /* @__PURE__ */ jsx(EditSlippage, { customSlippageInputProps: inputProps, editing, onCustomClick: handleCustomClick });
-    $[6] = editing;
-    $[7] = handleCustomClick;
-    $[8] = inputProps;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  let t4;
-  if ($[10] !== t2 || $[11] !== t3) {
-    t4 = /* @__PURE__ */ jsxs(AccordionContent, { className: "p-0 flex items-center gap-3", children: [
-      t2,
-      t3
-    ] });
-    $[10] = t2;
-    $[11] = t3;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  return t4;
+import { Button as e } from "../../../ui/button.js";
+import { DetailWithTooltip as t } from "../../Details/DetailWithTooltip.js";
+import { Accordion as n, AccordionContent as r, AccordionItem as i, AccordionPrimitive as a } from "../../../ui/accordion.js";
+import { EllipseIcon as o } from "../../Icon/EllipseIcon.js";
+import { EditSlippage as s } from "./EditSlippage.js";
+import { useCustomSlippageProps as c } from "./hooks/useCustomSlippageProps.js";
+import { c as l } from "react-compiler-runtime";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { ChevronRightIcon as f } from "lucide-react";
+//#region src/components/widget/TradeParameters/SlippageParameter/SlippageParameter.tsx
+var p = [
+	.1,
+	.5,
+	1
+], m = (e) => {
+	let t = l(8), { state: r, isNotDefault: a } = e, o = c(r), s;
+	t[0] !== a || t[1] !== r.customSlippage ? (s = /* @__PURE__ */ u(h, {
+		customSlippage: r.customSlippage,
+		isNotDefault: a
+	}), t[0] = a, t[1] = r.customSlippage, t[2] = s) : s = t[2];
+	let f;
+	t[3] === o ? f = t[4] : (f = /* @__PURE__ */ u(g, { ...o }), t[3] = o, t[4] = f);
+	let p;
+	return t[5] !== s || t[6] !== f ? (p = /* @__PURE__ */ u(n, {
+		type: "single",
+		collapsible: !0,
+		children: /* @__PURE__ */ d(i, {
+			value: "item-1",
+			className: "data-[state=open]:bg-transparent dark:data-[state=open]:bg-transparent",
+			children: [s, f]
+		})
+	}), t[5] = s, t[6] = f, t[7] = p) : p = t[7], p;
+}, h = (e) => {
+	let n = l(11), { customSlippage: r, isNotDefault: i } = e, s;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ u(t, {
+		detail: "Slippage Tolerance",
+		tooltip: "Amount of price slippage that you're willing to accept for the current transaction",
+		classes: { root: "text-sm" }
+	}), n[0] = s) : s = n[0];
+	let c;
+	n[1] === i ? c = n[2] : (c = i && /* @__PURE__ */ u(o, { className: "stroke-contrast-8 dark:stroke-contrast-2" }), n[1] = i, n[2] = c);
+	let p;
+	n[3] === c ? p = n[4] : (p = /* @__PURE__ */ d("div", {
+		className: "flex items-center gap-2",
+		children: [s, c]
+	}), n[3] = c, n[4] = p);
+	let m;
+	n[5] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ u(f, { className: "text-contrast-5 pointer-events-none size-4 shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-90" }), n[5] = m) : m = n[5];
+	let h;
+	n[6] === r ? h = n[7] : (h = /* @__PURE__ */ d("div", {
+		className: "flex items-center gap-3 font-geist-mono text-sm font-medium dark:text-contrast-9",
+		children: [
+			r,
+			"%",
+			m
+		]
+	}), n[6] = r, n[7] = h);
+	let g;
+	return n[8] !== p || n[9] !== h ? (g = /* @__PURE__ */ d(a.Trigger, {
+		"data-slot": "accordion-trigger",
+		className: "w-full text-start text-sm cursor-pointer py-4 flex items-center justify-between group transition-all focus-visible:outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:rounded-xs",
+		children: [p, h]
+	}), n[8] = p, n[9] = h, n[10] = g) : g = n[10], g;
+}, g = (t) => {
+	let n = l(13), { customSlippage: i, setCustomSlippage: a, setEditing: o, handleCustomClick: c, editing: f, inputProps: m } = t, h;
+	n[0] !== i || n[1] !== a || n[2] !== o ? (h = p.map((t) => /* @__PURE__ */ d(e, {
+		variant: i === t ? "default" : "ghost",
+		onClick: () => {
+			a(t), o(!1);
+		},
+		radius: "sm",
+		children: [t, "%"]
+	}, t)), n[0] = i, n[1] = a, n[2] = o, n[3] = h) : h = n[3];
+	let g;
+	n[4] === h ? g = n[5] : (g = /* @__PURE__ */ u("div", {
+		className: "border-1 border-border outline-ring/50 w-min flex items-center rounded-sm",
+		children: h
+	}), n[4] = h, n[5] = g);
+	let _;
+	n[6] !== f || n[7] !== c || n[8] !== m ? (_ = /* @__PURE__ */ u(s, {
+		customSlippageInputProps: m,
+		editing: f,
+		onCustomClick: c
+	}), n[6] = f, n[7] = c, n[8] = m, n[9] = _) : _ = n[9];
+	let v;
+	return n[10] !== g || n[11] !== _ ? (v = /* @__PURE__ */ d(r, {
+		className: "p-0 flex items-center gap-3",
+		children: [g, _]
+	}), n[10] = g, n[11] = _, n[12] = v) : v = n[12], v;
 };
+//#endregion
+export { m as SlippageParameter };
 
-export { SlippageParameter };
-//# sourceMappingURL=SlippageParameter.js.map
+//# sourceMappingURL=SlippageParameter.js.map