@velora-dex/widget 0.6.0 → 0.6.1-dev.2

package/dist/components/widget/Twap/CustomDurationDrawer.js

@@ -0,0 +1,150 @@
+import { useSetAtom as e } from "../../../core/store.js";
+import { twapDurationAtom as t } from "../../../core/twap/state/twapParamsAtom.js";
+import { Button as n } from "../../ui/button.js";
+import { Tooltip as r, TooltipContent as i, TooltipTrigger as a } from "../../ui/tooltip.js";
+import { ControlledDrawer as o } from "../Drawer/index.js";
+import { NumberInput as s } from "../NumberInput/NumberInput.js";
+import { ForwardRef as c } from "../../../assets/two-dots.js";
+import { c as l } from "react-compiler-runtime";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/widget/Twap/CustomDurationDrawer.tsx
+function f(e, t, n) {
+	return e * 24 * 60 + t * 60 + n;
+}
+function p(s) {
+	let p = l(42), { drawerState: h, drawerControls: g } = s, _ = e(t), { days: v, hours: y, minutes: b, setDays: x, setHours: S, setMinutes: C } = h, w = f(v, y, b), T = w < 5, E = w === 0 || T, D = T && g.open, O;
+	p[0] !== g || p[1] !== E || p[2] !== _ || p[3] !== w ? (O = () => {
+		E || (_(w), g.onClose());
+	}, p[0] = g, p[1] = E, p[2] = _, p[3] = w, p[4] = O) : O = p[4];
+	let k = O, A;
+	p[5] === Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ u("div", {
+		className: "flex items-center h-10",
+		children: /* @__PURE__ */ u(c, {})
+	}), p[5] = A) : A = p[5];
+	let j = A, M;
+	p[6] === Symbol.for("react.memo_cache_sentinel") ? (M = { content: "dark:bg-contrast-2" }, p[6] = M) : M = p[6];
+	let N;
+	p[7] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ u("div", {
+		className: "text-center text-xs pb-8 px-4 text-contrast-5 dark:text-contrast-6",
+		children: "Set how long this TWAP order should execute. The total size will be split and filled progressively over this duration."
+	}), p[7] = N) : N = p[7];
+	let P;
+	p[8] !== v || p[9] !== x ? (P = /* @__PURE__ */ u(m, {
+		label: "Days",
+		value: v,
+		max: 30,
+		onChange: x
+	}), p[8] = v, p[9] = x, p[10] = P) : P = p[10];
+	let F;
+	p[11] !== y || p[12] !== S ? (F = /* @__PURE__ */ u(m, {
+		label: "Hours",
+		value: y,
+		max: 23,
+		onChange: S
+	}), p[11] = y, p[12] = S, p[13] = F) : F = p[13];
+	let I;
+	p[14] !== T || p[15] !== b || p[16] !== C ? (I = /* @__PURE__ */ u(a, {
+		asChild: !0,
+		children: /* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(m, {
+			label: "Minutes",
+			value: b,
+			max: 59,
+			onChange: C,
+			isError: T
+		}) })
+	}), p[14] = T, p[15] = b, p[16] = C, p[17] = I) : I = p[17];
+	let L;
+	p[18] === D ? L = p[19] : (L = D && /* @__PURE__ */ d(i, {
+		side: "bottom",
+		children: [
+			"Minimum TWAP duration is ",
+			5,
+			" ",
+			"minutes"
+		]
+	}), p[18] = D, p[19] = L);
+	let R;
+	p[20] !== D || p[21] !== I || p[22] !== L ? (R = /* @__PURE__ */ d(r, {
+		open: D,
+		children: [I, L]
+	}), p[20] = D, p[21] = I, p[22] = L, p[23] = R) : R = p[23];
+	let z;
+	p[24] !== P || p[25] !== F || p[26] !== R ? (z = /* @__PURE__ */ d("div", { children: [N, /* @__PURE__ */ d("div", {
+		className: "grid grid-cols-[1fr_auto_1fr_auto_1fr] items-end gap-2",
+		children: [
+			P,
+			j,
+			F,
+			j,
+			R
+		]
+	})] }), p[24] = P, p[25] = F, p[26] = R, p[27] = z) : z = p[27];
+	let B;
+	p[28] !== k || p[29] !== E ? (B = /* @__PURE__ */ u(n, {
+		onClick: k,
+		disabled: E,
+		radius: "sm",
+		className: "h-10",
+		children: "Save"
+	}), p[28] = k, p[29] = E, p[30] = B) : B = p[30];
+	let V;
+	p[31] === g.onClose ? V = p[32] : (V = /* @__PURE__ */ u(n, {
+		variant: "secondary",
+		onClick: g.onClose,
+		radius: "sm",
+		className: "h-10",
+		children: "Dismiss"
+	}), p[31] = g.onClose, p[32] = V);
+	let H;
+	p[33] !== B || p[34] !== V ? (H = /* @__PURE__ */ d("div", {
+		className: "flex flex-col gap-4",
+		children: [B, V]
+	}), p[33] = B, p[34] = V, p[35] = H) : H = p[35];
+	let U;
+	p[36] !== z || p[37] !== H ? (U = /* @__PURE__ */ d("div", {
+		className: "flex flex-col gap-14 px-6 pt-2 pb-8",
+		children: [z, H]
+	}), p[36] = z, p[37] = H, p[38] = U) : U = p[38];
+	let W;
+	return p[39] !== g || p[40] !== U ? (W = /* @__PURE__ */ u(o, {
+		...g,
+		title: "Custom Order Duration",
+		showCloseButton: !0,
+		classes: M,
+		children: U
+	}), p[39] = g, p[40] = U, p[41] = W) : W = p[41], W;
+}
+function m(e) {
+	let t = l(13), { label: n, value: r, max: i, onChange: a, isError: o } = e, c;
+	t[0] === n ? c = t[1] : (c = /* @__PURE__ */ u("span", {
+		className: "text-xs text-contrast-5 dark:text-contrast-6 uppercase",
+		children: n
+	}), t[0] = n, t[1] = c);
+	let f;
+	t[2] === a ? f = t[3] : (f = (e) => a(e ?? 0), t[2] = a, t[3] = f);
+	let p;
+	t[4] === Symbol.for("react.memo_cache_sentinel") ? (p = { root: "h-10" }, t[4] = p) : p = t[4];
+	let m;
+	t[5] !== o || t[6] !== i || t[7] !== f || t[8] !== r ? (m = /* @__PURE__ */ u(s, {
+		allowLeadingZeros: !1,
+		allowNegative: !1,
+		decimalScale: 0,
+		placeholder: "0",
+		value: r,
+		min: 0,
+		max: i,
+		stepper: 1,
+		onValueChange: f,
+		classes: p,
+		isError: o
+	}), t[5] = o, t[6] = i, t[7] = f, t[8] = r, t[9] = m) : m = t[9];
+	let h;
+	return t[10] !== c || t[11] !== m ? (h = /* @__PURE__ */ d("div", {
+		className: "flex flex-col gap-1 flex-1",
+		children: [c, m]
+	}), t[10] = c, t[11] = m, t[12] = h) : h = t[12], h;
+}
+//#endregion
+export { p as CustomDurationDrawer };
+
+//# sourceMappingURL=CustomDurationDrawer.js.map

package/dist/components/widget/Twap/CustomDurationDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomDurationDrawer.js","names":["useSetAtom","twapDurationAtom","TWAP_CUSTOM_DURATION_MIN_MINUTES","TWAP_CUSTOM_DURATION_MAX_DAYS","TWAP_CUSTOM_DURATION_MAX_HOURS","TWAP_CUSTOM_DURATION_MAX_MINUTES","NumberInput","Button","ControlledDrawer","DrawerControls","ReactComponent","TwoDotsSVG","Tooltip","TooltipContent","TooltipTrigger","DrawerState","customDurationToMinutes","days","hours","minutes","CustomDurationDrawer","t0","$","_c","drawerState","drawerControls","setDuration","setDays","setHours","setMinutes","totalMinutes","isBelowMinimum","isSaveDisabled","showTooltip","open","t1","onClose","handleSave","t2","Symbol","for","dots","t3","content","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","DurationField","label","value","max","onChange","isError","v","root"],"sources":["../../../../src/components/widget/Twap/CustomDurationDrawer.tsx"],"sourcesContent":["import { useSetAtom } from \"@/core/store\";\nimport { twapDurationAtom } from \"@/core/twap/state/twapParamsAtom\";\nimport {\n  TWAP_CUSTOM_DURATION_MIN_MINUTES,\n  TWAP_CUSTOM_DURATION_MAX_DAYS,\n  TWAP_CUSTOM_DURATION_MAX_HOURS,\n  TWAP_CUSTOM_DURATION_MAX_MINUTES,\n} from \"@/core/twap/state/constants\";\nimport { NumberInput } from \"@/components/widget/NumberInput/NumberInput\";\nimport { Button } from \"@/components/ui/button\";\nimport { ControlledDrawer } from \"@/components/widget/Drawer\";\nimport { type DrawerControls } from \"@/components/widget/Drawer/state/useDrawerControls\";\nimport { ReactComponent as TwoDotsSVG } from \"@/assets/two-dots.svg\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport type { DrawerState } from \"./OrderDuration\";\n\nfunction customDurationToMinutes(days: number, hours: number, minutes: number) {\n  return days * 24 * 60 + hours * 60 + minutes;\n}\n\nexport function CustomDurationDrawer({\n  drawerState,\n  drawerControls,\n}: {\n  drawerState: DrawerState;\n  drawerControls: DrawerControls;\n}) {\n  const setDuration = useSetAtom(twapDurationAtom);\n  const { days, hours, minutes, setDays, setHours, setMinutes } = drawerState;\n\n  const totalMinutes = customDurationToMinutes(days, hours, minutes);\n  const isBelowMinimum = totalMinutes < TWAP_CUSTOM_DURATION_MIN_MINUTES;\n  const isSaveDisabled = totalMinutes === 0 || isBelowMinimum;\n  const showTooltip = isBelowMinimum && drawerControls.open;\n\n  const handleSave = () => {\n    if (isSaveDisabled) return;\n    setDuration(totalMinutes);\n    drawerControls.onClose();\n  };\n\n  const dots = (\n    <div className=\"flex items-center h-10\">\n      <TwoDotsSVG />\n    </div>\n  );\n\n  return (\n    <ControlledDrawer\n      {...drawerControls}\n      title=\"Custom Order Duration\"\n      showCloseButton\n      classes={{\n        content: \"dark:bg-contrast-2\",\n      }}\n    >\n      <div className=\"flex flex-col gap-14 px-6 pt-2 pb-8\">\n        <div>\n          <div className=\"text-center text-xs pb-8 px-4 text-contrast-5 dark:text-contrast-6\">\n            Set how long this TWAP order should execute. The total size will be\n            split and filled progressively over this duration.\n          </div>\n          <div className=\"grid grid-cols-[1fr_auto_1fr_auto_1fr] items-end gap-2\">\n            <DurationField\n              label=\"Days\"\n              value={days}\n              max={TWAP_CUSTOM_DURATION_MAX_DAYS}\n              onChange={setDays}\n            />\n            {dots}\n            <DurationField\n              label=\"Hours\"\n              value={hours}\n              max={TWAP_CUSTOM_DURATION_MAX_HOURS}\n              onChange={setHours}\n            />\n            {dots}\n            <Tooltip open={showTooltip}>\n              <TooltipTrigger asChild>\n                <div>\n                  <DurationField\n                    label=\"Minutes\"\n                    value={minutes}\n                    max={TWAP_CUSTOM_DURATION_MAX_MINUTES}\n                    onChange={setMinutes}\n                    isError={isBelowMinimum}\n                  />\n                </div>\n              </TooltipTrigger>\n              {showTooltip && (\n                <TooltipContent side=\"bottom\">\n                  Minimum TWAP duration is {TWAP_CUSTOM_DURATION_MIN_MINUTES}{\" \"}\n                  minutes\n                </TooltipContent>\n              )}\n            </Tooltip>\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-4\">\n          <Button\n            onClick={handleSave}\n            disabled={isSaveDisabled}\n            radius=\"sm\"\n            className=\"h-10\"\n          >\n            Save\n          </Button>\n          <Button\n            variant=\"secondary\"\n            onClick={drawerControls.onClose}\n            radius=\"sm\"\n            className=\"h-10\"\n          >\n            Dismiss\n          </Button>\n        </div>\n      </div>\n    </ControlledDrawer>\n  );\n}\n\nfunction DurationField({\n  label,\n  value,\n  max,\n  onChange,\n  isError,\n}: {\n  label: string;\n  value: number;\n  max: number;\n  onChange: (value: number) => void;\n  isError?: boolean;\n}) {\n  return (\n    <div className=\"flex flex-col gap-1 flex-1\">\n      <span className=\"text-xs text-contrast-5 dark:text-contrast-6 uppercase\">\n        {label}\n      </span>\n      <NumberInput\n        allowLeadingZeros={false}\n        allowNegative={false}\n        decimalScale={0}\n        placeholder=\"0\"\n        value={value}\n        min={0}\n        max={max}\n        stepper={1}\n        onValueChange={(v) => onChange(v ?? 0)}\n        classes={{\n          root: \"h-10\",\n        }}\n        isError={isError}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/widget/Twap/OrderDuration.d.ts

@@ -0,0 +1,11 @@
+export type DrawerState = {
+    days: number;
+    setDays: React.Dispatch<React.SetStateAction<number>>;
+    hours: number;
+    setHours: React.Dispatch<React.SetStateAction<number>>;
+    minutes: number;
+    setMinutes: React.Dispatch<React.SetStateAction<number>>;
+    reset: () => void;
+};
+export declare const TwapOrderDuration: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OrderDuration.d.ts.map

package/dist/components/widget/Twap/OrderDuration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderDuration.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Twap/OrderDuration.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACzD,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AA2BF,eAAO,MAAM,iBAAiB,+CAmD7B,CAAC"}

package/dist/components/widget/Twap/OrderDuration.js

@@ -0,0 +1,92 @@
+import { useAtomValue as e, useSetAtom as t } from "../../../core/store.js";
+import { cn as n } from "../../../lib/utils/index.js";
+import { TWAP_DURATION_OPTIONS as r } from "../../../core/twap/state/constants.js";
+import { twapDurationAtom as i } from "../../../core/twap/state/twapParamsAtom.js";
+import { Button as a } from "../../ui/button.js";
+import { useDrawerControls as o } from "../Drawer/state/useDrawerControls.js";
+import { Duration as s } from "../Duration/Duration.js";
+import { TwapDetailWithTooltip as c } from "./TwapDetailWithTooltip.js";
+import { CustomDurationDrawer as l } from "./CustomDurationDrawer.js";
+import { c as u } from "react-compiler-runtime";
+import { useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/widget/Twap/OrderDuration.tsx
+function m(e) {
+	let t = u(9), n = Math.floor(e / 1440), r = Math.floor(e % 1440 / 60), i = e % 60, [a, o] = d(n), [s, c] = d(r), [l, f] = d(i), p;
+	t[0] !== n || t[1] !== r || t[2] !== i ? (p = () => {
+		o(n), c(r), f(i);
+	}, t[0] = n, t[1] = r, t[2] = i, t[3] = p) : p = t[3];
+	let m = p, h;
+	return t[4] !== a || t[5] !== s || t[6] !== l || t[7] !== m ? (h = {
+		days: a,
+		setDays: o,
+		hours: s,
+		setHours: c,
+		minutes: l,
+		setMinutes: f,
+		reset: m
+	}, t[4] = a, t[5] = s, t[6] = l, t[7] = m, t[8] = h) : h = t[8], h;
+}
+var h = () => {
+	let n = u(24), a = e(i), d = t(i), h;
+	n[0] === a ? h = n[1] : (h = r.some((e) => e.value === a), n[0] = a, n[1] = h);
+	let g = h, v = m(g ? 5 : a), y;
+	n[2] === v.reset ? y = n[3] : (y = {
+		drawerId: "custom-duration-drawer",
+		onOpen: v.reset
+	}, n[2] = v.reset, n[3] = y);
+	let b = o(y), x;
+	n[4] !== a || n[5] !== g ? (x = g ? "Custom" : /* @__PURE__ */ f(s, { timeMs: a * 60 * 1e3 }), n[4] = a, n[5] = g, n[6] = x) : x = n[6];
+	let S = x, C;
+	n[7] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ f(c, {
+		detail: "Order Duration",
+		tooltip: "The total time over which your TWAP order will be executed",
+		classes: { root: "text-nowrap" }
+	}), n[7] = C) : C = n[7];
+	let w;
+	n[8] !== a || n[9] !== d ? (w = r.map((e) => /* @__PURE__ */ f(_, {
+		label: e.label,
+		selected: a === e.value,
+		onClick: () => d(e.value)
+	}, e.value)), n[8] = a, n[9] = d, n[10] = w) : w = n[10];
+	let T = !g, E;
+	n[11] !== S || n[12] !== b.onOpen || n[13] !== T ? (E = /* @__PURE__ */ f(_, {
+		label: S,
+		selected: T,
+		onClick: b.onOpen
+	}), n[11] = S, n[12] = b.onOpen, n[13] = T, n[14] = E) : E = n[14];
+	let D;
+	n[15] !== w || n[16] !== E ? (D = /* @__PURE__ */ p("div", {
+		className: "flex gap-2 flex-wrap justify-end",
+		children: [w, E]
+	}), n[15] = w, n[16] = E, n[17] = D) : D = n[17];
+	let O;
+	n[18] !== b || n[19] !== v ? (O = /* @__PURE__ */ f(l, {
+		drawerState: v,
+		drawerControls: b
+	}), n[18] = b, n[19] = v, n[20] = O) : O = n[20];
+	let k;
+	return n[21] !== D || n[22] !== O ? (k = /* @__PURE__ */ p("div", {
+		className: "flex items-center justify-between",
+		children: [
+			C,
+			D,
+			O
+		]
+	}), n[21] = D, n[22] = O, n[23] = k) : k = n[23], k;
+}, g = "text-contrast-9 bg-primary-azul-1 border-primary-azul-1 hover:bg-primary-azul-1 hover:text-contrast-9 dark:bg-primary-azul-1 dark:border-primary-azul-1 dark:hover:bg-primary-azul-1 dark:text-contrast-9";
+function _(e) {
+	let t = u(6), { label: r, selected: i, onClick: o } = e, s;
+	t[0] === i ? s = t[1] : (s = n("h-6 px-2 shadow-none text-xs text-contrast-5 dark:text-contrast-6", { [g]: i }), t[0] = i, t[1] = s);
+	let c;
+	return t[2] !== r || t[3] !== o || t[4] !== s ? (c = /* @__PURE__ */ f(a, {
+		onClick: o,
+		variant: "outline",
+		className: s,
+		children: r
+	}), t[2] = r, t[3] = o, t[4] = s, t[5] = c) : c = t[5], c;
+}
+//#endregion
+export { h as TwapOrderDuration };
+
+//# sourceMappingURL=OrderDuration.js.map

package/dist/components/widget/Twap/OrderDuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderDuration.js","names":["useAtomValue","useSetAtom","twapDurationAtom","Button","cn","TWAP_CUSTOM_DURATION_MIN_MINUTES","TWAP_DURATION_OPTIONS","TwapDetailWithTooltip","CustomDurationDrawer","useDrawerControls","Duration","useState","DrawerState","days","setDays","React","Dispatch","SetStateAction","hours","setHours","minutes","setMinutes","reset","useDrawerState","initialDuration","$","_c","initDays","Math","floor","initHours","initMinutes","t0","t1","TwapOrderDuration","duration","setDuration","some","o","value","isPreset","drawerState","drawerId","onOpen","drawerControls","t2","customLabel","t3","Symbol","for","root","t4","map","option","label","t5","t6","t7","t8","t9","buttonSelectedClassName","DurationButton","selected","onClick"],"sources":["../../../../src/components/widget/Twap/OrderDuration.tsx"],"sourcesContent":["import { useAtomValue, useSetAtom } from \"@/core/store\";\nimport { twapDurationAtom } from \"@/core/twap/state/twapParamsAtom\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  TWAP_CUSTOM_DURATION_MIN_MINUTES,\n  TWAP_DURATION_OPTIONS,\n} from \"@/core/twap/state/constants\";\nimport { TwapDetailWithTooltip } from \"./TwapDetailWithTooltip\";\nimport { CustomDurationDrawer } from \"./CustomDurationDrawer\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\nimport { Duration } from \"../Duration/Duration\";\nimport { useState } from \"react\";\n\nexport type DrawerState = {\n  days: number;\n  setDays: React.Dispatch<React.SetStateAction<number>>;\n  hours: number;\n  setHours: React.Dispatch<React.SetStateAction<number>>;\n  minutes: number;\n  setMinutes: React.Dispatch<React.SetStateAction<number>>;\n  reset: () => void;\n};\n\nfunction useDrawerState(initialDuration: number): DrawerState {\n  const initDays = Math.floor(initialDuration / (60 * 24));\n  const initHours = Math.floor((initialDuration % (60 * 24)) / 60);\n  const initMinutes = initialDuration % 60;\n\n  const [days, setDays] = useState(initDays);\n  const [hours, setHours] = useState(initHours);\n  const [minutes, setMinutes] = useState(initMinutes);\n\n  const reset = () => {\n    setDays(initDays);\n    setHours(initHours);\n    setMinutes(initMinutes);\n  };\n\n  return {\n    days,\n    setDays,\n    hours,\n    setHours,\n    minutes,\n    setMinutes,\n    reset,\n  };\n}\nexport const TwapOrderDuration = () => {\n  const duration = useAtomValue(twapDurationAtom);\n  const setDuration = useSetAtom(twapDurationAtom);\n\n  const isPreset = TWAP_DURATION_OPTIONS.some((o) => o.value === duration);\n  const initialDuration = isPreset\n    ? TWAP_CUSTOM_DURATION_MIN_MINUTES\n    : duration;\n\n  const drawerState = useDrawerState(initialDuration);\n  const drawerControls = useDrawerControls({\n    drawerId: \"custom-duration-drawer\",\n    onOpen: drawerState.reset,\n  });\n\n  const customLabel = isPreset ? (\n    \"Custom\"\n  ) : (\n    <Duration timeMs={duration * 60 * 1000} />\n  );\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <TwapDetailWithTooltip\n        detail=\"Order Duration\"\n        tooltip=\"The total time over which your TWAP order will be executed\"\n        classes={{\n          root: \"text-nowrap\",\n        }}\n      />\n      <div className=\"flex gap-2 flex-wrap justify-end\">\n        {TWAP_DURATION_OPTIONS.map((option) => (\n          <DurationButton\n            key={option.value}\n            label={option.label}\n            selected={duration === option.value}\n            onClick={() => setDuration(option.value)}\n          />\n        ))}\n        <DurationButton\n          label={customLabel}\n          selected={!isPreset}\n          onClick={drawerControls.onOpen}\n        />\n      </div>\n      <CustomDurationDrawer\n        drawerState={drawerState}\n        drawerControls={drawerControls}\n      />\n    </div>\n  );\n};\n\nconst buttonSelectedClassName =\n  \"text-contrast-9 bg-primary-azul-1 border-primary-azul-1 hover:bg-primary-azul-1 hover:text-contrast-9 dark:bg-primary-azul-1 dark:border-primary-azul-1 dark:hover:bg-primary-azul-1 dark:text-contrast-9\";\n\nfunction DurationButton({\n  label,\n  selected,\n  onClick,\n}: {\n  label: React.ReactNode;\n  selected: boolean;\n  onClick: () => void;\n}) {\n  return (\n    <Button\n      onClick={onClick}\n      variant=\"outline\"\n      className={cn(\n        \"h-6 px-2 shadow-none text-xs text-contrast-5 dark:text-contrast-6\",\n        {\n          [buttonSelectedClassName]: selected,\n        }\n      )}\n    >\n      {label}\n    </Button>\n  );\n}\n"],"mappings":"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"}

package/dist/components/widget/Twap/OrderSplit.d.ts

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

package/dist/components/widget/Twap/OrderSplit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderSplit.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Twap/OrderSplit.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc,+CA4B1B,CAAC"}

package/dist/components/widget/Twap/OrderSplit.js

@@ -0,0 +1,40 @@
+import { useAtom as e } from "../../../core/store.js";
+import { userTwapSplitAtom as t } from "../../../core/twap/state/twapParamsAtom.js";
+import { TwapDetailWithTooltip as n } from "./TwapDetailWithTooltip.js";
+import { NumberInput as r } from "../NumberInput/NumberInput.js";
+import { c as i } from "react-compiler-runtime";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/widget/Twap/OrderSplit.tsx
+var s = () => {
+	let s = i(7), [c, l] = e(t), u;
+	s[0] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ a(n, {
+		detail: "Order Split",
+		tooltip: "Number of sub-orders your TWAP order will be split into"
+	}), s[0] = u) : u = s[0];
+	let d;
+	s[1] === l ? d = s[2] : (d = (e) => {
+		e !== void 0 && l(e);
+	}, s[1] = l, s[2] = d);
+	let f;
+	s[3] === Symbol.for("react.memo_cache_sentinel") ? (f = { root: "max-w-18 h-8" }, s[3] = f) : f = s[3];
+	let p;
+	return s[4] !== d || s[5] !== c ? (p = /* @__PURE__ */ o("div", {
+		className: "flex items-center justify-between",
+		children: [u, /* @__PURE__ */ a(r, {
+			allowLeadingZeros: !1,
+			allowNegative: !1,
+			decimalScale: 0,
+			placeholder: "2",
+			value: c,
+			min: 2,
+			max: 100,
+			stepper: 1,
+			onValueChange: d,
+			classes: f
+		})]
+	}), s[4] = d, s[5] = c, s[6] = p) : p = s[6], p;
+};
+//#endregion
+export { s as TwapOrderSplit };
+
+//# sourceMappingURL=OrderSplit.js.map

package/dist/components/widget/Twap/OrderSplit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderSplit.js","names":["useAtom","userTwapSplitAtom","TWAP_SPLIT_MIN","TWAP_SPLIT_MAX","TWAP_SPLIT_STEP","NumberInput","TwapDetailWithTooltip","TwapOrderSplit","$","_c","userSplit","setUserSplit","t0","Symbol","for","t1","floatValue","undefined","t2","root","t3"],"sources":["../../../../src/components/widget/Twap/OrderSplit.tsx"],"sourcesContent":["import { useAtom } from \"@/core/store\";\nimport { userTwapSplitAtom } from \"@/core/twap/state/twapParamsAtom\";\nimport {\n  TWAP_SPLIT_MIN,\n  TWAP_SPLIT_MAX,\n  TWAP_SPLIT_STEP,\n} from \"@/core/twap/state/constants\";\nimport { NumberInput } from \"../NumberInput/NumberInput\";\nimport { TwapDetailWithTooltip } from \"./TwapDetailWithTooltip\";\n\nexport const TwapOrderSplit = () => {\n  const [userSplit, setUserSplit] = useAtom(userTwapSplitAtom);\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <TwapDetailWithTooltip\n        detail=\"Order Split\"\n        tooltip=\"Number of sub-orders your TWAP order will be split into\"\n      />\n      <NumberInput\n        allowLeadingZeros={false}\n        allowNegative={false}\n        decimalScale={0}\n        placeholder=\"2\"\n        value={userSplit}\n        min={TWAP_SPLIT_MIN}\n        max={TWAP_SPLIT_MAX}\n        stepper={TWAP_SPLIT_STEP}\n        onValueChange={(floatValue) => {\n          if (floatValue === undefined) return;\n          setUserSplit(floatValue);\n        }}\n        classes={{\n          root: \"max-w-18 h-8\",\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAUA,IAAaO,UAAiB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAC5B,CAAAC,GAAAC,KAAkCX,EAAQC,EAAkB,EAACW;AAAA,CAAAJ,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IAIzDF,IAAA,kBAAC,GAAD;EACS,QAAA;EACC,SAAA;EACR,CAAA,EAAAJ,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAA,IAAAO;AAAA,CAAAP,EAAA,OAAAG,IAaCI,IAAAP,EAAA,MAHcO,KAAAC,MAAA;AACTA,QAAeC,KAAAA,KACnBN,EAAaK,EAAW;IACzBR,EAAA,KAAAG,GAAAH,EAAA,KAAAO;CAAA,IAAAG;AAAA,CAAAV,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IACQI,IAAA,EAAAC,MACD,gBACP,EAAAX,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAY;AAEC,QAFDZ,EAAA,OAAAO,KAAAP,EAAA,OAAAE,KApBLU,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACER,GAIA,kBAAC,GAAD;GACqB,mBAAA;GACJ,eAAA;GACD,cAAA;GACF,aAAA;GACLF,OAAAA;GACFR,KAAAA;GACAC,KAAAA;GACIC,SAAAA;GACM,eAAAW;GAIN,SAAAG;GAIb,CAAA,CAAM;KAAAV,EAAA,KAAAO,GAAAP,EAAA,KAAAE,GAAAF,EAAA,KAAAY,KAAAA,IAAAZ,EAAA,IAtBNY"}

package/dist/components/widget/Twap/RateProtection.d.ts

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

package/dist/components/widget/Twap/RateProtection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RateProtection.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Twap/RateProtection.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,kBAAkB,+CA6B9B,CAAC"}

package/dist/components/widget/Twap/RateProtection.js

@@ -0,0 +1,42 @@
+import { useAtom as e } from "../../../core/store.js";
+import { TWAP_SLIPPAGE_MIN as t, TWAP_SLIPPAGE_STEP as n } from "../../../core/twap/state/constants.js";
+import { userTwapSlippageAtom as r } from "../../../core/twap/state/twapParamsAtom.js";
+import { TwapDetailWithTooltip as i } from "./TwapDetailWithTooltip.js";
+import { NumberInput as a } from "../NumberInput/NumberInput.js";
+import { c as o } from "react-compiler-runtime";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/widget/Twap/RateProtection.tsx
+var l = () => {
+	let l = o(7), [u, d] = e(r), f;
+	l[0] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ s(i, {
+		detail: "Rate Protection",
+		tooltip: "Maximum allowed slippage per sub-order execution"
+	}), l[0] = f) : f = l[0];
+	let p;
+	l[1] === d ? p = l[2] : (p = (e) => {
+		e !== void 0 && d(e);
+	}, l[1] = d, l[2] = p);
+	let m;
+	l[3] === Symbol.for("react.memo_cache_sentinel") ? (m = { root: "max-w-20 h-8" }, l[3] = m) : m = l[3];
+	let h;
+	return l[4] !== p || l[5] !== u ? (h = /* @__PURE__ */ c("div", {
+		className: "flex items-center justify-between",
+		children: [f, /* @__PURE__ */ s(a, {
+			allowLeadingZeros: !1,
+			allowNegative: !1,
+			decimalScale: 2,
+			placeholder: "2%",
+			suffix: "%",
+			min: t,
+			max: 50,
+			stepper: n,
+			value: u,
+			onValueChange: p,
+			classes: m
+		})]
+	}), l[4] = p, l[5] = u, l[6] = h) : h = l[6], h;
+};
+//#endregion
+export { l as TwapRateProtection };
+
+//# sourceMappingURL=RateProtection.js.map

package/dist/components/widget/Twap/RateProtection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RateProtection.js","names":["useAtom","userTwapSlippageAtom","TWAP_SLIPPAGE_MIN","TWAP_SLIPPAGE_MAX","TWAP_SLIPPAGE_STEP","NumberInput","TwapDetailWithTooltip","TwapRateProtection","$","_c","userSlippage","setUserSlippage","t0","Symbol","for","t1","floatValue","undefined","t2","root","t3"],"sources":["../../../../src/components/widget/Twap/RateProtection.tsx"],"sourcesContent":["import { useAtom } from \"@/core/store\";\nimport { userTwapSlippageAtom } from \"@/core/twap/state/twapParamsAtom\";\nimport {\n  TWAP_SLIPPAGE_MIN,\n  TWAP_SLIPPAGE_MAX,\n  TWAP_SLIPPAGE_STEP,\n} from \"@/core/twap/state/constants\";\nimport { NumberInput } from \"../NumberInput/NumberInput\";\nimport { TwapDetailWithTooltip } from \"./TwapDetailWithTooltip\";\n\nexport const TwapRateProtection = () => {\n  const [userSlippage, setUserSlippage] = useAtom(userTwapSlippageAtom);\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <TwapDetailWithTooltip\n        detail=\"Rate Protection\"\n        tooltip=\"Maximum allowed slippage per sub-order execution\"\n      />\n      <NumberInput\n        allowLeadingZeros={false}\n        allowNegative={false}\n        decimalScale={2}\n        placeholder=\"2%\"\n        suffix=\"%\"\n        min={TWAP_SLIPPAGE_MIN}\n        max={TWAP_SLIPPAGE_MAX}\n        stepper={TWAP_SLIPPAGE_STEP}\n        value={userSlippage}\n        onValueChange={(floatValue) => {\n          if (floatValue === undefined) return;\n          setUserSlippage(floatValue);\n        }}\n        classes={{\n          root: \"max-w-20 h-8\",\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAUA,IAAaO,UAAqB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAChC,CAAAC,GAAAC,KAAwCX,EAAQC,EAAqB,EAACW;AAAA,CAAAJ,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IAIlEF,IAAA,kBAAC,GAAD;EACS,QAAA;EACC,SAAA;EACR,CAAA,EAAAJ,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAA,IAAAO;AAAA,CAAAP,EAAA,OAAAG,IAcCI,IAAAP,EAAA,MAHcO,KAAAC,MAAA;AACTA,QAAeC,KAAAA,KACnBN,EAAgBK,EAAW;IAC5BR,EAAA,KAAAG,GAAAH,EAAA,KAAAO;CAAA,IAAAG;AAAA,CAAAV,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IACQI,IAAA,EAAAC,MACD,gBACP,EAAAX,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAY;AAEC,QAFDZ,EAAA,OAAAO,KAAAP,EAAA,OAAAE,KArBLU,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACER,GAIA,kBAAC,GAAD;GACqB,mBAAA;GACJ,eAAA;GACD,cAAA;GACF,aAAA;GACL,QAAA;GACFV,KAAAA;GACAC,KAAAA;GACIC,SAAAA;GACFM,OAAAA;GACQ,eAAAK;GAIN,SAAAG;GAIb,CAAA,CAAM;KAAAV,EAAA,KAAAO,GAAAP,EAAA,KAAAE,GAAAF,EAAA,KAAAY,KAAAA,IAAAZ,EAAA,IAvBNY"}

package/dist/components/widget/Twap/TwapDetailWithTooltip.d.ts

@@ -0,0 +1,3 @@
+import { DetailWithTooltipProps } from '../Details/types';
+export declare const TwapDetailWithTooltip: (props: DetailWithTooltipProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TwapDetailWithTooltip.d.ts.map

package/dist/components/widget/Twap/TwapDetailWithTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwapDetailWithTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Twap/TwapDetailWithTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAO/D,eAAO,MAAM,qBAAqB,GAAI,OAAO,sBAAsB,4CAOlE,CAAC"}

package/dist/components/widget/Twap/TwapDetailWithTooltip.js

@@ -0,0 +1,21 @@
+import { concatClassNamesMaps as e } from "../../../lib/utils/index.js";
+import { DetailWithTooltip as t } from "../Details/DetailWithTooltip.js";
+import { c as n } from "react-compiler-runtime";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/widget/Twap/TwapDetailWithTooltip.tsx
+var i = {
+	root: "text-sm text-contrast-3 dark:text-contrast-7",
+	icon: "fill-contrast-6 dark:fill-contrast-5"
+}, a = (a) => {
+	let o = n(5), s;
+	o[0] === a.classes ? s = o[1] : (s = e(i, a.classes), o[0] = a.classes, o[1] = s);
+	let c;
+	return o[2] !== a || o[3] !== s ? (c = /* @__PURE__ */ r(t, {
+		...a,
+		classes: s
+	}), o[2] = a, o[3] = s, o[4] = c) : c = o[4], c;
+};
+//#endregion
+export { a as TwapDetailWithTooltip };
+
+//# sourceMappingURL=TwapDetailWithTooltip.js.map

package/dist/components/widget/Twap/TwapDetailWithTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwapDetailWithTooltip.js","names":["concatClassNamesMaps","DetailWithTooltip","DetailWithTooltipProps","defaultClasses","root","icon","const","TwapDetailWithTooltip","props","$","_c","t0","classes","t1"],"sources":["../../../../src/components/widget/Twap/TwapDetailWithTooltip.tsx"],"sourcesContent":["import { concatClassNamesMaps } from \"@/lib/utils\";\nimport { DetailWithTooltip } from \"../Details/DetailWithTooltip\";\nimport type { DetailWithTooltipProps } from \"../Details/types\";\n\nconst defaultClasses = {\n  root: \"text-sm text-contrast-3 dark:text-contrast-7\",\n  icon: \"fill-contrast-6 dark:fill-contrast-5\",\n} as const;\n\nexport const TwapDetailWithTooltip = (props: DetailWithTooltipProps) => {\n  return (\n    <DetailWithTooltip\n      {...props}\n      classes={concatClassNamesMaps(defaultClasses, props.classes)}\n    />\n  );\n};\n"],"mappings":";;;;;AAIA,IAAMG,IAAiB;CACrBC,MAAM;CACNC,MAAM;CACP,EAEYE,KAAwBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;AAAA,CAAAF,EAAA,OAAAD,EAAAI,UAI6BD,IAAAF,EAAA,MAAnDE,IAAAX,EAAqBG,GAAgBK,EAAKI,QAAS,EAAAH,EAAA,KAAAD,EAAAI,SAAAH,EAAA,KAAAE;CAAA,IAAAE;AAC5D,QAD4DJ,EAAA,OAAAD,KAAAC,EAAA,OAAAE,KAF9DE,IAAA,kBAAC,GAAD;EAAkB,GACZL;EACK,SAAAG;EACT,CAAA,EAAAF,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAI,KAAAA,IAAAJ,EAAA,IAHFI"}

package/dist/configurator/Configurator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Configurator.d.ts","sourceRoot":"","sources":["../../src/configurator/Configurator.tsx"],"names":[],"mappings":"AA+PA,eAAO,MAAM,YAAY,+CAwUxB,CAAC"}
+{"version":3,"file":"Configurator.d.ts","sourceRoot":"","sources":["../../src/configurator/Configurator.tsx"],"names":[],"mappings":"AA+PA,eAAO,MAAM,YAAY,+CA8UxB,CAAC"}

package/dist/configurator/components/FormPropsInputs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormPropsInputs.d.ts","sourceRoot":"","sources":["../../../src/configurator/components/FormPropsInputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAgChE,eAAO,MAAM,SAAS,GAAI,2BAGvB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAChD,4CA8OA,CAAC"}
+{"version":3,"file":"FormPropsInputs.d.ts","sourceRoot":"","sources":["../../../src/configurator/components/FormPropsInputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAiChE,eAAO,MAAM,SAAS,GAAI,2BAGvB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAChD,4CA8OA,CAAC"}

package/dist/configurator/components/TradeModesSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TradeModesSelector.d.ts","sourceRoot":"","sources":["../../../src/configurator/components/TradeModesSelector.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQtD,eAAO,MAAM,kBAAkB,GAAI,qCAGhC;IACD,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;CAC3D,4CA6CA,CAAC"}
+{"version":3,"file":"TradeModesSelector.d.ts","sourceRoot":"","sources":["../../../src/configurator/components/TradeModesSelector.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAStD,eAAO,MAAM,kBAAkB,GAAI,qCAGhC;IACD,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;CAC3D,4CA6CA,CAAC"}

package/dist/core/TradeFlowScreenButton.d.ts

@@ -3,6 +3,7 @@ import { MinTradeOverviewProps } from '../components/widget/TradeOverview/TradeO
 import { BridgePrice, DeltaPrice, OptimalRate } from '@velora-dex/sdk';
 import { UserDefinedLimitPrice } from '../hooks/swap/tradeFlow/useLimitOrderFlow';
 import { UserDefinedOtcPrice } from '../hooks/otc/tradeFlow/useOtcOrderFlow';
+import { DeltaOrBridgePrice } from '../hooks/swap/prices/types';
 type BaseTradeFlowButtonProps = React.ComponentProps<typeof Button> & {
     orderProps?: MinTradeOverviewProps;
     labelOverride?: string;
@@ -23,5 +24,9 @@ type OtcOrderTradeFlowButtonProps = BaseTradeFlowButtonProps & {
     otcPrice?: UserDefinedOtcPrice;
 };
 export declare function OtcTradeFlowScreenButton({ orderProps, otcPrice, labelOverride, ...buttonProps }: OtcOrderTradeFlowButtonProps): import("react/jsx-runtime").JSX.Element;
+type TwapTradeFlowButtonProps = BaseTradeFlowButtonProps & {
+    twapPrice?: DeltaOrBridgePrice;
+};
+export declare function TwapTradeFlowScreenButton({ orderProps, twapPrice, labelOverride, ...buttonProps }: TwapTradeFlowButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TradeFlowScreenButton.d.ts.map

package/dist/core/TradeFlowScreenButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TradeFlowScreenButton.d.ts","sourceRoot":"","sources":["../../src/core/TradeFlowScreenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iDAAiD,CAAC;AAE7F,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAK5E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACtF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAEjF,KAAK,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACpE,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,wBAAwB,GAAG,wBAAwB,GACtD,CACI;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC;IAAC,SAAS,EAAE,QAAQ,CAAA;CAAE,GAC5C;IAAE,KAAK,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAC3D,CAAC;AACJ,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,KAAK,EACL,SAAS,EACT,aAAa,EACb,GAAG,WAAW,EACf,EAAE,wBAAwB,2CAgE1B;AAED,KAAK,8BAA8B,GAAG,wBAAwB,GAAG;IAC/D,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACpC,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,UAAU,EACV,UAAU,EACV,aAAa,EACb,GAAG,WAAW,EACf,EAAE,8BAA8B,2CA2ChC;AAED,KAAK,4BAA4B,GAAG,wBAAwB,GAAG;IAC7D,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EACvC,UAAU,EACV,QAAQ,EACR,aAAa,EACb,GAAG,WAAW,EACf,EAAE,4BAA4B,2CA2C9B"}
+{"version":3,"file":"TradeFlowScreenButton.d.ts","sourceRoot":"","sources":["../../src/core/TradeFlowScreenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iDAAiD,CAAC;AAE7F,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAK5E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACtF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,KAAK,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACpE,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,wBAAwB,GAAG,wBAAwB,GACtD,CACI;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC;IAAC,SAAS,EAAE,QAAQ,CAAA;CAAE,GAC5C;IAAE,KAAK,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAC3D,CAAC;AACJ,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,KAAK,EACL,SAAS,EACT,aAAa,EACb,GAAG,WAAW,EACf,EAAE,wBAAwB,2CAgE1B;AAED,KAAK,8BAA8B,GAAG,wBAAwB,GAAG;IAC/D,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACpC,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,UAAU,EACV,UAAU,EACV,aAAa,EACb,GAAG,WAAW,EACf,EAAE,8BAA8B,2CA2ChC;AAED,KAAK,4BAA4B,GAAG,wBAAwB,GAAG;IAC7D,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EACvC,UAAU,EACV,QAAQ,EACR,aAAa,EACb,GAAG,WAAW,EACf,EAAE,4BAA4B,2CA2C9B;AAED,KAAK,wBAAwB,GAAG,wBAAwB,GAAG;IACzD,SAAS,CAAC,EAAE,kBAAkB,CAAC;CAChC,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,SAAS,EACT,aAAa,EACb,GAAG,WAAW,EACf,EAAE,wBAAwB,2CA2C1B"}

package/dist/core/TradeFlowScreenButton.js

@@ -94,7 +94,31 @@ function l(s) {
 		children: x
 	}), c[0] = y, c[1] = f, c[2] = _, c[3] = v, c[4] = b, c[5] = x, c[6] = S) : S = c[6], S;
 }
+function u(s) {
+	let c = i(7), { orderProps: l, twapPrice: u, labelOverride: d, ...f } = s, { onTwapOrder: p } = t(), { showTradeOverviewScreen: m, closeScreen: h } = r(), { isConnected: g } = o(), _ = f.disabled || !g || !l || !u, v = l && u ? () => {
+		p?.({ event: {
+			name: "TwapOrder:click",
+			params: { price: u }
+		} }), m({
+			flowType: "twapOrder",
+			flowProps: {
+				orderProps: l,
+				twapPrice: u,
+				onClose: h
+			}
+		});
+	} : f.onClick, y = n, b = e("w-full mt-4 h-[48px] text-md", f.className), x = d || "Confirm", S;
+	return c[0] !== y || c[1] !== f || c[2] !== _ || c[3] !== v || c[4] !== b || c[5] !== x ? (S = /* @__PURE__ */ a(y, {
+		variant: "cta",
+		radius: "lg",
+		...f,
+		className: b,
+		onClick: v,
+		disabled: _,
+		children: x
+	}), c[0] = y, c[1] = f, c[2] = _, c[3] = v, c[4] = b, c[5] = x, c[6] = S) : S = c[6], S;
+}
 //#endregion
-export { c as LimitTradeFlowScreenButton, l as OtcTradeFlowScreenButton, s as SwapTradeFlowScreenButton };
+export { c as LimitTradeFlowScreenButton, l as OtcTradeFlowScreenButton, s as SwapTradeFlowScreenButton, u as TwapTradeFlowScreenButton };
 
 //# sourceMappingURL=TradeFlowScreenButton.js.map

package/dist/core/TradeFlowScreenButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TradeFlowScreenButton.js","names":["Button","MinTradeOverviewProps","cn","BridgePrice","DeltaPrice","OptimalRate","useAccount","useSetScreen","useWidgetEvents","UserDefinedLimitPrice","UserDefinedOtcPrice","BaseTradeFlowButtonProps","React","ComponentProps","orderProps","labelOverride","SwapTradeFlowButtonProps","price","priceMode","SwapTradeFlowScreenButton","t0","$","_c","buttonProps","onSwap","showTradeOverviewScreen","closeScreen","isConnected","disabled","onClick","event","name","params","swapMode","flowType","flowProps","marketPrice","onClose","deltaPrice","T0","t1","t2","t3","className","t4","t5","LimitOrderTradeFlowButtonProps","limitPrice","LimitTradeFlowScreenButton","onLimitOrder","OtcOrderTradeFlowButtonProps","otcPrice","OtcTradeFlowScreenButton","onOTCOrder"],"sources":["../../src/core/TradeFlowScreenButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport type { MinTradeOverviewProps } from \"@/components/widget/TradeOverview/TradeOverview\";\nimport { cn } from \"@/lib/utils\";\nimport type { BridgePrice, DeltaPrice, OptimalRate } from \"@velora-dex/sdk\";\nimport { useAccount } from \"wagmi\";\nimport { useSetScreen } from \"./screen/state/hooks/useSetScreen\";\nimport { useWidgetEvents } from \"./state/widgetEventsAtom\";\n\nimport type { UserDefinedLimitPrice } from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport type { UserDefinedOtcPrice } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\n\ntype BaseTradeFlowButtonProps = React.ComponentProps<typeof Button> & {\n  orderProps?: MinTradeOverviewProps;\n  labelOverride?: string;\n};\n\ntype SwapTradeFlowButtonProps = BaseTradeFlowButtonProps &\n  (\n    | { price?: OptimalRate; priceMode: \"market\" }\n    | { price?: DeltaPrice | BridgePrice; priceMode: \"delta\" }\n  );\nexport function SwapTradeFlowScreenButton({\n  orderProps,\n  price,\n  priceMode,\n  labelOverride,\n  ...buttonProps\n}: SwapTradeFlowButtonProps) {\n  const { onSwap } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const disabled =\n    buttonProps.disabled || !isConnected || !orderProps || !price;\n\n  const onClick =\n    orderProps && price\n      ? () => {\n          if (priceMode === \"market\") {\n            onSwap?.({\n              event: {\n                name: \"Swap:click\",\n                params: {\n                  swapMode: priceMode,\n                  price,\n                },\n              },\n            });\n            showTradeOverviewScreen({\n              flowType: \"marketSwap\",\n              flowProps: {\n                orderProps,\n                marketPrice: price,\n                onClose: closeScreen,\n              },\n            });\n          } else if (priceMode === \"delta\") {\n            onSwap?.({\n              event: {\n                name: \"Swap:click\",\n                params: {\n                  swapMode: priceMode,\n                  price,\n                },\n              },\n            });\n            showTradeOverviewScreen({\n              flowType: \"deltaOrder\",\n              flowProps: {\n                orderProps,\n                deltaPrice: price,\n                onClose: closeScreen,\n              },\n            });\n          }\n        }\n      : buttonProps.onClick;\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Swap\"}\n    </Button>\n  );\n}\n\ntype LimitOrderTradeFlowButtonProps = BaseTradeFlowButtonProps & {\n  limitPrice?: UserDefinedLimitPrice;\n};\n\nexport function LimitTradeFlowScreenButton({\n  orderProps,\n  limitPrice,\n  labelOverride,\n  ...buttonProps\n}: LimitOrderTradeFlowButtonProps) {\n  const { onLimitOrder } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const disabled =\n    buttonProps.disabled || !isConnected || !orderProps || !limitPrice;\n\n  const onClick =\n    orderProps && limitPrice\n      ? () => {\n          onLimitOrder?.({\n            event: {\n              name: \"LimitOrder:click\",\n              params: {\n                price: limitPrice,\n              },\n            },\n          });\n          showTradeOverviewScreen({\n            flowType: \"limitOrder\",\n            flowProps: {\n              orderProps,\n              limitPrice,\n              onClose: closeScreen,\n            },\n          });\n        }\n      : buttonProps.onClick;\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Review Order\"}\n    </Button>\n  );\n}\n\ntype OtcOrderTradeFlowButtonProps = BaseTradeFlowButtonProps & {\n  otcPrice?: UserDefinedOtcPrice;\n};\n\nexport function OtcTradeFlowScreenButton({\n  orderProps,\n  otcPrice,\n  labelOverride,\n  ...buttonProps\n}: OtcOrderTradeFlowButtonProps) {\n  const { onOTCOrder } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const disabled =\n    buttonProps.disabled || !isConnected || !orderProps || !otcPrice;\n\n  const onClick =\n    orderProps && otcPrice\n      ? () => {\n          onOTCOrder?.({\n            event: {\n              name: \"OTCOrder:click\",\n              params: {\n                price: otcPrice,\n              },\n            },\n          });\n          showTradeOverviewScreen({\n            flowType: \"otcOrder\",\n            flowProps: {\n              orderProps,\n              otcPrice,\n              onClose: closeScreen,\n            },\n          });\n        }\n      : buttonProps.onClick;\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Review Order\"}\n    </Button>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TradeFlowScreenButton.js","names":["Button","MinTradeOverviewProps","cn","BridgePrice","DeltaPrice","OptimalRate","useAccount","useSetScreen","useWidgetEvents","UserDefinedLimitPrice","UserDefinedOtcPrice","DeltaOrBridgePrice","BaseTradeFlowButtonProps","React","ComponentProps","orderProps","labelOverride","SwapTradeFlowButtonProps","price","priceMode","SwapTradeFlowScreenButton","t0","$","_c","buttonProps","onSwap","showTradeOverviewScreen","closeScreen","isConnected","disabled","onClick","event","name","params","swapMode","flowType","flowProps","marketPrice","onClose","deltaPrice","T0","t1","t2","t3","className","t4","t5","LimitOrderTradeFlowButtonProps","limitPrice","LimitTradeFlowScreenButton","onLimitOrder","OtcOrderTradeFlowButtonProps","otcPrice","OtcTradeFlowScreenButton","onOTCOrder","TwapTradeFlowButtonProps","twapPrice","TwapTradeFlowScreenButton","onTwapOrder"],"sources":["../../src/core/TradeFlowScreenButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport type { MinTradeOverviewProps } from \"@/components/widget/TradeOverview/TradeOverview\";\nimport { cn } from \"@/lib/utils\";\nimport type { BridgePrice, DeltaPrice, OptimalRate } from \"@velora-dex/sdk\";\nimport { useAccount } from \"wagmi\";\nimport { useSetScreen } from \"./screen/state/hooks/useSetScreen\";\nimport { useWidgetEvents } from \"./state/widgetEventsAtom\";\n\nimport type { UserDefinedLimitPrice } from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport type { UserDefinedOtcPrice } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport type { DeltaOrBridgePrice } from \"@/hooks/swap/prices/types\";\n\ntype BaseTradeFlowButtonProps = React.ComponentProps<typeof Button> & {\n  orderProps?: MinTradeOverviewProps;\n  labelOverride?: string;\n};\n\ntype SwapTradeFlowButtonProps = BaseTradeFlowButtonProps &\n  (\n    | { price?: OptimalRate; priceMode: \"market\" }\n    | { price?: DeltaPrice | BridgePrice; priceMode: \"delta\" }\n  );\nexport function SwapTradeFlowScreenButton({\n  orderProps,\n  price,\n  priceMode,\n  labelOverride,\n  ...buttonProps\n}: SwapTradeFlowButtonProps) {\n  const { onSwap } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const disabled =\n    buttonProps.disabled || !isConnected || !orderProps || !price;\n\n  const onClick =\n    orderProps && price\n      ? () => {\n          if (priceMode === \"market\") {\n            onSwap?.({\n              event: {\n                name: \"Swap:click\",\n                params: {\n                  swapMode: priceMode,\n                  price,\n                },\n              },\n            });\n            showTradeOverviewScreen({\n              flowType: \"marketSwap\",\n              flowProps: {\n                orderProps,\n                marketPrice: price,\n                onClose: closeScreen,\n              },\n            });\n          } else if (priceMode === \"delta\") {\n            onSwap?.({\n              event: {\n                name: \"Swap:click\",\n                params: {\n                  swapMode: priceMode,\n                  price,\n                },\n              },\n            });\n            showTradeOverviewScreen({\n              flowType: \"deltaOrder\",\n              flowProps: {\n                orderProps,\n                deltaPrice: price,\n                onClose: closeScreen,\n              },\n            });\n          }\n        }\n      : buttonProps.onClick;\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Swap\"}\n    </Button>\n  );\n}\n\ntype LimitOrderTradeFlowButtonProps = BaseTradeFlowButtonProps & {\n  limitPrice?: UserDefinedLimitPrice;\n};\n\nexport function LimitTradeFlowScreenButton({\n  orderProps,\n  limitPrice,\n  labelOverride,\n  ...buttonProps\n}: LimitOrderTradeFlowButtonProps) {\n  const { onLimitOrder } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const disabled =\n    buttonProps.disabled || !isConnected || !orderProps || !limitPrice;\n\n  const onClick =\n    orderProps && limitPrice\n      ? () => {\n          onLimitOrder?.({\n            event: {\n              name: \"LimitOrder:click\",\n              params: {\n                price: limitPrice,\n              },\n            },\n          });\n          showTradeOverviewScreen({\n            flowType: \"limitOrder\",\n            flowProps: {\n              orderProps,\n              limitPrice,\n              onClose: closeScreen,\n            },\n          });\n        }\n      : buttonProps.onClick;\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Review Order\"}\n    </Button>\n  );\n}\n\ntype OtcOrderTradeFlowButtonProps = BaseTradeFlowButtonProps & {\n  otcPrice?: UserDefinedOtcPrice;\n};\n\nexport function OtcTradeFlowScreenButton({\n  orderProps,\n  otcPrice,\n  labelOverride,\n  ...buttonProps\n}: OtcOrderTradeFlowButtonProps) {\n  const { onOTCOrder } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const disabled =\n    buttonProps.disabled || !isConnected || !orderProps || !otcPrice;\n\n  const onClick =\n    orderProps && otcPrice\n      ? () => {\n          onOTCOrder?.({\n            event: {\n              name: \"OTCOrder:click\",\n              params: {\n                price: otcPrice,\n              },\n            },\n          });\n          showTradeOverviewScreen({\n            flowType: \"otcOrder\",\n            flowProps: {\n              orderProps,\n              otcPrice,\n              onClose: closeScreen,\n            },\n          });\n        }\n      : buttonProps.onClick;\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Review Order\"}\n    </Button>\n  );\n}\n\ntype TwapTradeFlowButtonProps = BaseTradeFlowButtonProps & {\n  twapPrice?: DeltaOrBridgePrice;\n};\n\nexport function TwapTradeFlowScreenButton({\n  orderProps,\n  twapPrice,\n  labelOverride,\n  ...buttonProps\n}: TwapTradeFlowButtonProps) {\n  const { onTwapOrder } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const disabled =\n    buttonProps.disabled || !isConnected || !orderProps || !twapPrice;\n\n  const onClick =\n    orderProps && twapPrice\n      ? () => {\n          onTwapOrder?.({\n            event: {\n              name: \"TwapOrder:click\",\n              params: {\n                price: twapPrice,\n              },\n            },\n          });\n          showTradeOverviewScreen({\n            flowType: \"twapOrder\",\n            flowProps: {\n              orderProps,\n              twapPrice,\n              onClose: closeScreen,\n            },\n          });\n        }\n      : buttonProps.onClick;\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Confirm\"}\n    </Button>\n  );\n}\n"],"mappings":"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"}

package/dist/core/TwapDetails.d.ts

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

package/dist/core/TwapDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwapDetails.d.ts","sourceRoot":"","sources":["../../src/core/TwapDetails.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,sDAIvB,CAAC"}

package/dist/core/TwapDetails.js

@@ -0,0 +1,15 @@
+import { DetailWithValueListExpandable as e } from "../components/widget/Details/DetailWithValueListExpandable.js";
+import { useTwapDetailsListProps as t } from "./twap/useTwapDetailsListProps.js";
+import { c as n } from "react-compiler-runtime";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/core/TwapDetails.tsx
+var i = () => {
+	let i = n(2), a = t();
+	if (!a) return null;
+	let o;
+	return i[0] === a ? o = i[1] : (o = /* @__PURE__ */ r(e, { ...a }), i[0] = a, i[1] = o), o;
+};
+//#endregion
+export { i as TwapDetails };
+
+//# sourceMappingURL=TwapDetails.js.map

package/dist/core/TwapDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwapDetails.js","names":["DetailWithValueListExpandable","useTwapDetailsListProps","TwapDetails","$","_c","props","t0"],"sources":["../../src/core/TwapDetails.tsx"],"sourcesContent":["import { DetailWithValueListExpandable } from \"@/components/widget/Details/DetailWithValueListExpandable\";\nimport { useTwapDetailsListProps } from \"./twap/useTwapDetailsListProps\";\n\nexport const TwapDetails = () => {\n  const props = useTwapDetailsListProps();\n  if (!props) return null;\n  return <DetailWithValueListExpandable {...props} />;\n};\n"],"mappings":";;;;;AAGA,IAAaE,UAAc;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACzBC,IAAcJ,GAAyB;AACvC,KAAI,CAACI,EAAK,QAAS;CAAK,IAAAC;AAC2B,QAD3BH,EAAA,OAAAE,IAC2BC,IAAAH,EAAA,MAA5CG,IAAA,kBAAC,GAAD,EAA8B,GAAKD,GAAS,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IAA5CA"}