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

package/dist/components/widget/NumberInput/NumberInput.js

@@ -0,0 +1,239 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { Button } from '../../ui/button.js';
+import { cn } from '../../../lib/utils/index.js';
+import { ReactComponent as ForwardRef } from './assets/arrow-up.svg.js';
+import { ReactComponent as ForwardRef$1 } from './assets/arrow-down.svg.js';
+import { useState, useLayoutEffect } from 'react';
+import { NumericFormat } from 'react-number-format';
+
+const NumberInput = (t0) => {
+  const $ = distExports.c(51);
+  const {
+    stepper: t1,
+    thousandSeparator,
+    defaultValue,
+    min: t2,
+    max: t3,
+    onValueChange,
+    fixedDecimalScale: t4,
+    decimalScale: t5,
+    value: controlledValue,
+    classes,
+    ...props
+  } = t0;
+  const stepper = t1 === void 0 ? 1 : t1;
+  const min = t2 === void 0 ? -Infinity : t2;
+  const max = t3 === void 0 ? Infinity : t3;
+  const fixedDecimalScale = t4 === void 0 ? false : t4;
+  const decimalScale = t5 === void 0 ? 0 : t5;
+  const [value, setValue] = useState(controlledValue ?? defaultValue);
+  let t6;
+  if ($[0] !== max || $[1] !== stepper) {
+    t6 = () => {
+      setValue((prev) => Math.min(prev === void 0 ? stepper : prev + stepper, max));
+    };
+    $[0] = max;
+    $[1] = stepper;
+    $[2] = t6;
+  } else {
+    t6 = $[2];
+  }
+  const handleIncrement = t6;
+  let t7;
+  if ($[3] !== min || $[4] !== stepper) {
+    t7 = () => {
+      setValue((prev_0) => Math.max(prev_0 === void 0 ? -stepper : prev_0 - stepper, min));
+    };
+    $[3] = min;
+    $[4] = stepper;
+    $[5] = t7;
+  } else {
+    t7 = $[5];
+  }
+  const handleDecrement = t7;
+  let t8;
+  let t9;
+  if ($[6] !== controlledValue) {
+    t8 = () => {
+      if (controlledValue !== void 0) {
+        setValue(controlledValue);
+      }
+    };
+    t9 = [controlledValue];
+    $[6] = controlledValue;
+    $[7] = t8;
+    $[8] = t9;
+  } else {
+    t8 = $[7];
+    t9 = $[8];
+  }
+  useLayoutEffect(t8, t9);
+  let t10;
+  if ($[9] !== onValueChange) {
+    t10 = (values) => {
+      const newValue = values.floatValue;
+      setValue(newValue);
+      onValueChange?.(newValue);
+    };
+    $[9] = onValueChange;
+    $[10] = t10;
+  } else {
+    t10 = $[10];
+  }
+  const handleChange = t10;
+  let t11;
+  if ($[11] !== max || $[12] !== min || $[13] !== value) {
+    t11 = () => {
+      if (value === void 0) {
+        return;
+      }
+      if (value < min) {
+        setValue(min);
+      } else {
+        if (value > max) {
+          setValue(max);
+        }
+      }
+    };
+    $[11] = max;
+    $[12] = min;
+    $[13] = value;
+    $[14] = t11;
+  } else {
+    t11 = $[14];
+  }
+  const handleBlur = t11;
+  let t12;
+  if ($[15] !== handleDecrement || $[16] !== handleIncrement) {
+    t12 = (e) => {
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        handleIncrement();
+      } else {
+        if (e.key === "ArrowDown") {
+          e.preventDefault();
+          handleDecrement();
+        }
+      }
+    };
+    $[15] = handleDecrement;
+    $[16] = handleIncrement;
+    $[17] = t12;
+  } else {
+    t12 = $[17];
+  }
+  const handleKeyDown = t12;
+  const t13 = classes?.root;
+  let t14;
+  if ($[18] !== t13) {
+    t14 = cn("transition-all rounded-sm border border-contrast-7 dark:border-contrast-4 focus-within:border-primary-azul-1 dark:focus-within:border-primary-azul-1 focus-within:bg-contrast-8 dark:focus-within:bg-contrast-1 bg-contrast-9 dark:bg-contrast-2 flex items-center justify-between text-sm font-medium text-contrast-5 dark:text-contrast-7", t13);
+    $[18] = t13;
+    $[19] = t14;
+  } else {
+    t14 = $[19];
+  }
+  const T0 = NumericFormat;
+  const t15 = min < 0;
+  const t16 = true;
+  const t17 = cn("[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none rounded-r-none relative px-2 text-sm font-medium w-full outline-none bg-transparent", props.className);
+  let t18;
+  if ($[20] !== T0 || $[21] !== decimalScale || $[22] !== fixedDecimalScale || $[23] !== handleBlur || $[24] !== handleChange || $[25] !== handleKeyDown || $[26] !== max || $[27] !== min || $[28] !== props || $[29] !== t15 || $[30] !== t17 || $[31] !== thousandSeparator || $[32] !== value) {
+    t18 = /* @__PURE__ */ jsx(T0, { value, onValueChange: handleChange, thousandSeparator, decimalScale, fixedDecimalScale, allowNegative: t15, valueIsNumericString: t16, onKeyDown: handleKeyDown, onBlur: handleBlur, max, min, ...props, className: t17 });
+    $[20] = T0;
+    $[21] = decimalScale;
+    $[22] = fixedDecimalScale;
+    $[23] = handleBlur;
+    $[24] = handleChange;
+    $[25] = handleKeyDown;
+    $[26] = max;
+    $[27] = min;
+    $[28] = props;
+    $[29] = t15;
+    $[30] = t17;
+    $[31] = thousandSeparator;
+    $[32] = value;
+    $[33] = t18;
+  } else {
+    t18 = $[33];
+  }
+  let t19;
+  if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
+    t19 = /* @__PURE__ */ jsx("div", { className: "w-0.5 h-full bg-contrast-7 dark:bg-contrast-4" });
+    $[34] = t19;
+  } else {
+    t19 = $[34];
+  }
+  const t20 = value === max;
+  let t21;
+  if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+    t21 = /* @__PURE__ */ jsx(ForwardRef, { className: "fill-contrast-5 dark:fill-contrast-9 size-2" });
+    $[35] = t21;
+  } else {
+    t21 = $[35];
+  }
+  let t22;
+  if ($[36] !== handleIncrement || $[37] !== t20) {
+    t22 = /* @__PURE__ */ jsx(Button, { "aria-label": "Increase value", variant: "ghost", radius: "none", className: "p-0 flex-1 rounded-tr-xs", onClick: handleIncrement, disabled: t20, children: t21 });
+    $[36] = handleIncrement;
+    $[37] = t20;
+    $[38] = t22;
+  } else {
+    t22 = $[38];
+  }
+  let t23;
+  if ($[39] === Symbol.for("react.memo_cache_sentinel")) {
+    t23 = /* @__PURE__ */ jsx("div", { className: "h-px bg-contrast-7 dark:bg-contrast-4" });
+    $[39] = t23;
+  } else {
+    t23 = $[39];
+  }
+  const t24 = value === min;
+  let t25;
+  if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
+    t25 = /* @__PURE__ */ jsx(ForwardRef$1, { className: "fill-contrast-5 dark:fill-contrast-9 size-2" });
+    $[40] = t25;
+  } else {
+    t25 = $[40];
+  }
+  let t26;
+  if ($[41] !== handleDecrement || $[42] !== t24) {
+    t26 = /* @__PURE__ */ jsx(Button, { "aria-label": "Decrease value", variant: "ghost", radius: "none", className: "p-0 flex-1 rounded-br-xs", onClick: handleDecrement, disabled: t24, children: t25 });
+    $[41] = handleDecrement;
+    $[42] = t24;
+    $[43] = t26;
+  } else {
+    t26 = $[43];
+  }
+  let t27;
+  if ($[44] !== t22 || $[45] !== t26) {
+    t27 = /* @__PURE__ */ jsxs("div", { className: "min-w-[30px] flex flex-col h-full bg-contrast-8 dark:bg-contrast-3 rounded-r-sm", children: [
+      t22,
+      t23,
+      t26
+    ] });
+    $[44] = t22;
+    $[45] = t26;
+    $[46] = t27;
+  } else {
+    t27 = $[46];
+  }
+  let t28;
+  if ($[47] !== t14 || $[48] !== t18 || $[49] !== t27) {
+    t28 = /* @__PURE__ */ jsxs("div", { className: t14, children: [
+      t18,
+      t19,
+      t27
+    ] });
+    $[47] = t14;
+    $[48] = t18;
+    $[49] = t27;
+    $[50] = t28;
+  } else {
+    t28 = $[50];
+  }
+  return t28;
+};
+
+export { NumberInput };
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sources":["../../../../src/components/widget/NumberInput/NumberInput.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { ReactComponent as ArrowUp } from \"./assets/arrow-up.svg\";\nimport { ReactComponent as ArrowDown } from \"./assets/arrow-down.svg\";\nimport { useLayoutEffect, useState, type KeyboardEvent } from \"react\";\nimport { NumericFormat, type NumericFormatProps } from \"react-number-format\";\n\nexport type NumberInputProps = Omit<\n  NumericFormatProps,\n  \"value\" | \"onValueChange\" | \"onBlur\" | \"onKeyDown\"\n> &\n  WithClasses<\"root\"> & {\n    stepper?: number;\n    thousandSeparator?: string;\n    placeholder?: string;\n    defaultValue?: number;\n    min?: number;\n    max?: number;\n    value?: number; // Controlled value\n    suffix?: string;\n    prefix?: string;\n    onValueChange?: (value: number | undefined) => void;\n    fixedDecimalScale?: boolean;\n    decimalScale?: number;\n  };\n\nexport const NumberInput = ({\n  stepper = 1,\n  thousandSeparator,\n  defaultValue,\n  min = -Infinity,\n  max = Infinity,\n  onValueChange,\n  fixedDecimalScale = false,\n  decimalScale = 0,\n  value: controlledValue,\n  classes,\n  ...props\n}: NumberInputProps) => {\n  const [value, setValue] = useState<number | undefined>(\n    controlledValue ?? defaultValue\n  );\n\n  const handleIncrement = () => {\n    setValue((prev) =>\n      Math.min(prev === undefined ? stepper : prev + stepper, max)\n    );\n  };\n\n  const handleDecrement = () => {\n    setValue((prev) =>\n      Math.max(prev === undefined ? -stepper : prev - stepper, min)\n    );\n  };\n\n  useLayoutEffect(() => {\n    if (controlledValue !== undefined) {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setValue(controlledValue);\n    }\n  }, [controlledValue]);\n\n  const handleChange = (values: {\n    value: string;\n    floatValue: number | undefined;\n  }) => {\n    const newValue = values.floatValue;\n    setValue(newValue);\n    onValueChange?.(newValue);\n  };\n\n  const handleBlur = () => {\n    if (value === undefined) return;\n    if (value < min) {\n      setValue(min);\n    } else if (value > max) {\n      setValue(max);\n    }\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      handleIncrement();\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      handleDecrement();\n    }\n  };\n\n  return (\n    <div\n      className={cn(\n        \"transition-all rounded-sm border border-contrast-7 dark:border-contrast-4 focus-within:border-primary-azul-1 dark:focus-within:border-primary-azul-1 focus-within:bg-contrast-8 dark:focus-within:bg-contrast-1 bg-contrast-9 dark:bg-contrast-2 flex items-center justify-between text-sm font-medium text-contrast-5 dark:text-contrast-7\",\n        classes?.root\n      )}\n    >\n      <NumericFormat\n        value={value}\n        onValueChange={handleChange}\n        thousandSeparator={thousandSeparator}\n        decimalScale={decimalScale}\n        fixedDecimalScale={fixedDecimalScale}\n        allowNegative={min < 0}\n        valueIsNumericString\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        max={max}\n        min={min}\n        {...props}\n        className={cn(\n          \"[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none rounded-r-none relative px-2 text-sm font-medium w-full outline-none bg-transparent\",\n          props.className\n        )}\n      />\n      <div className=\"w-0.5 h-full bg-contrast-7 dark:bg-contrast-4\" />\n      <div className=\"min-w-[30px] flex flex-col h-full bg-contrast-8 dark:bg-contrast-3 rounded-r-sm\">\n        <Button\n          aria-label=\"Increase value\"\n          variant=\"ghost\"\n          radius=\"none\"\n          className=\"p-0 flex-1 rounded-tr-xs\"\n          onClick={handleIncrement}\n          disabled={value === max}\n        >\n          <ArrowUp className=\"fill-contrast-5 dark:fill-contrast-9 size-2\" />\n        </Button>\n        <div className=\"h-px bg-contrast-7 dark:bg-contrast-4\" />\n        <Button\n          aria-label=\"Decrease value\"\n          variant=\"ghost\"\n          radius=\"none\"\n          className=\"p-0 flex-1 rounded-br-xs\"\n          onClick={handleDecrement}\n          disabled={value === min}\n        >\n          <ArrowDown className=\"fill-contrast-5 dark:fill-contrast-9 size-2\" />\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["NumberInput","t0","$","_c","stepper","t1","thousandSeparator","defaultValue","min","t2","max","t3","onValueChange","fixedDecimalScale","t4","decimalScale","t5","value","controlledValue","classes","props","undefined","Infinity","setValue","useState","t6","prev","Math","handleIncrement","t7","prev_0","handleDecrement","t8","t9","useLayoutEffect","t10","values","newValue","floatValue","handleChange","t11","handleBlur","t12","e","key","preventDefault","handleKeyDown","t13","root","t14","cn","T0","NumericFormat","t15","t16","t17","className","t18","t19","Symbol","for","t20","t21","ArrowUp","t22","t23","t24","t25","ArrowDown","t26","t27","t28"],"mappings":"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"}

package/dist/components/widget/NumberInput/assets/arrow-down.svg.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+
+const SvgArrowDown = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 7, height: 5, viewBox: "0 0 7 5", fill: "#62626F", ref, "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M0.124938 0.938336L3.11105 4.80157C3.15918 4.86381 3.21889 4.91376 3.28607 4.94802C3.35326 4.98227 3.42633 5 3.50028 5C3.57423 5 3.6473 4.98227 3.71449 4.94802C3.78167 4.91376 3.84138 4.86381 3.88951 4.80157L6.87562 0.938336C7.16061 0.569585 6.92433 6.61506e-09 6.48639 4.4901e-08L0.513316 5.67084e-07C0.0753761 6.0537e-07 -0.160898 0.569586 0.124938 0.938336Z" }));
+const ForwardRef = forwardRef(SvgArrowDown);
+
+export { ForwardRef as ReactComponent };
+//# sourceMappingURL=arrow-down.svg.js.map

package/dist/components/widget/NumberInput/assets/arrow-down.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-down.svg.js","sources":["../../../../../src/components/widget/NumberInput/assets/arrow-down.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgArrowDown = ({\n  title,\n  titleId,\n  ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 7, height: 5, viewBox: \"0 0 7 5\", fill: \"#62626F\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M0.124938 0.938336L3.11105 4.80157C3.15918 4.86381 3.21889 4.91376 3.28607 4.94802C3.35326 4.98227 3.42633 5 3.50028 5C3.57423 5 3.6473 4.98227 3.71449 4.94802C3.78167 4.91376 3.84138 4.86381 3.88951 4.80157L6.87562 0.938336C7.16061 0.569585 6.92433 6.61506e-09 6.48639 4.4901e-08L0.513316 5.67084e-07C0.0753761 6.0537e-07 -0.160898 0.569586 0.124938 0.938336Z\" }));\nconst ForwardRef = forwardRef(SvgArrowDown);\nexport { ForwardRef as ReactComponent };\n"],"names":[],"mappings":";;;AAEA,MAAM,YAAY,GAAG,CAAC;AACtB,EAAE,KAAK;AACP,EAAE,OAAO;AACT,EAAE,GAAG;AACL,CAAC,EAAE,GAAG,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,mBAAmB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,GAAG,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,0WAA0W,EAAE,CAAC,CAAC;AACnrB,MAAC,UAAU,GAAG,UAAU,CAAC,YAAY;;;;"}

package/dist/components/widget/NumberInput/assets/arrow-up.svg.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+
+const SvgArrowUp = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 7, height: 5, viewBox: "0 0 7 5", fill: "#62626F", ref, "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M6.87506 4.06166L3.88895 0.198431C3.84082 0.136194 3.78111 0.0862359 3.71393 0.0519848C3.64674 0.0177337 3.57367 0 3.49972 0C3.42577 0 3.3527 0.0177337 3.28551 0.0519848C3.21833 0.0862359 3.15862 0.136194 3.11049 0.198431L0.124375 4.06166C-0.160607 4.43041 0.0756675 5 0.513608 5H6.48668C6.92462 5 7.1609 4.43041 6.87506 4.06166Z" }));
+const ForwardRef = forwardRef(SvgArrowUp);
+
+export { ForwardRef as ReactComponent };
+//# sourceMappingURL=arrow-up.svg.js.map

package/dist/components/widget/NumberInput/assets/arrow-up.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-up.svg.js","sources":["../../../../../src/components/widget/NumberInput/assets/arrow-up.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgArrowUp = ({\n  title,\n  titleId,\n  ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 7, height: 5, viewBox: \"0 0 7 5\", fill: \"#62626F\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M6.87506 4.06166L3.88895 0.198431C3.84082 0.136194 3.78111 0.0862359 3.71393 0.0519848C3.64674 0.0177337 3.57367 0 3.49972 0C3.42577 0 3.3527 0.0177337 3.28551 0.0519848C3.21833 0.0862359 3.15862 0.136194 3.11049 0.198431L0.124375 4.06166C-0.160607 4.43041 0.0756675 5 0.513608 5H6.48668C6.92462 5 7.1609 4.43041 6.87506 4.06166Z\" }));\nconst ForwardRef = forwardRef(SvgArrowUp);\nexport { ForwardRef as ReactComponent };\n"],"names":[],"mappings":";;;AAEA,MAAM,UAAU,GAAG,CAAC;AACpB,EAAE,KAAK;AACP,EAAE,OAAO;AACT,EAAE,GAAG;AACL,CAAC,EAAE,GAAG,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,mBAAmB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,GAAG,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,2UAA2U,EAAE,CAAC,CAAC;AACppB,MAAC,UAAU,GAAG,UAAU,CAAC,UAAU;;;;"}

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

@@ -1,115 +1,226 @@
-import { jotaiStore as e, useAtom as t } from "../../../core/store.js";
-import { minTimeUnit as n, neverTimeUnit as r, timeUnits as i } from "../../../core/limit/state/constants.js";
-import { timeUnitAtom as a } from "../../../core/limit/state/deadlineAtom.js";
-import { timeUnitAtom as o } from "../../../core/otc/state/deadlineAtom.js";
-import { DropdownWithItems as s } from "../Dropdown/DropdownWithItems.js";
-import { ChevronIcon as c } from "../Icon/ChevronIcon.js";
-import { UnstyledInput as l } from "../../ui/input.js";
-import { c as u } from "react-compiler-runtime";
-import { useEffect as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { NumericFormat as h } from "react-number-format";
-//#region src/components/widget/OrderExpiryInput/index.tsx
-var g = (e) => {
-	let t = u(19), { expiryTimeValue: n, selectedTimeUnit: a, onSelect: o, classes: l, type: d } = e, f = d === "limit", h;
-	if (t[0] !== f || t[1] !== o || t[2] !== a) {
-		let e = f ? i.filter(y) : i, n;
-		t[4] !== o || t[5] !== a ? (n = (e) => ({
-			label: e.label,
-			onSelect: () => {
-				o(e);
-			},
-			className: "capitalize",
-			selected: e.label === a
-		}), t[4] = o, t[5] = a, t[6] = n) : n = t[6], h = e.map(n), t[0] = f, t[1] = o, t[2] = a, t[3] = h;
-	} else h = t[3];
-	let g = h, _;
-	t[7] !== n || t[8] !== a ? (_ = n > 1 || a === r.label ? a : a.slice(0, -1), t[7] = n, t[8] = a, t[9] = _) : _ = t[9];
-	let v = _, b;
-	t[10] === v ? b = t[11] : (b = /* @__PURE__ */ p("span", {
-		className: "capitalize",
-		children: v
-	}), t[10] = v, t[11] = b);
-	let x;
-	t[12] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ p(c, {
-		width: 12,
-		height: 12,
-		className: "pt-[2px]"
-	}), t[12] = x) : x = t[12];
-	let S;
-	t[13] === b ? S = t[14] : (S = /* @__PURE__ */ m("div", {
-		className: "flex justify-between items-center gap-1.5 text-contrast-3 dark:text-contrast-7 text-sm cursor-pointer",
-		children: [b, x]
-	}), t[13] = b, t[14] = S);
-	let C = S, w;
-	return t[15] !== l || t[16] !== g || t[17] !== C ? (w = /* @__PURE__ */ p(s, {
-		items: g,
-		menuTrigger: C,
-		classes: l,
-		align: "end"
-	}), t[15] = l, t[16] = g, t[17] = C, t[18] = w) : w = t[18], w;
-}, _ = (i) => {
-	let s = u(20), { type: c } = i, _ = c === "limit", v = _ ? a : o, [y, b] = t(v), x = (e, t) => {
-		let { floatValue: i } = e;
-		t.source !== "prop" && (w(i ?? 0), i === r.value && !_ ? b(r) : b(i === void 0 ? n : {
-			label: y.label,
-			value: i
-		}));
-	}, [S, C] = f(y.value), w = C, T;
-	s[0] !== w || s[1] !== v ? (T = () => e.sub(v, () => {
-		w(e.get(v).value);
-	}), s[0] = w, s[1] = v, s[2] = T) : T = s[2];
-	let E;
-	s[3] === v ? E = s[4] : (E = [v], s[3] = v, s[4] = E), d(T, E);
-	let D;
-	s[5] !== x || s[6] !== w || s[7] !== y.label || s[8] !== y.value || s[9] !== S ? (D = y.label !== r.label && /* @__PURE__ */ p(h, {
-		className: "min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8",
-		placeholder: "0",
-		value: S,
-		onValueChange: x,
-		decimalScale: 0,
-		allowNegative: !1,
-		allowLeadingZeros: !1,
-		customInput: l,
-		thousandSeparator: !0,
-		onBlur: () => {
-			w(y.value);
-		}
-	}), s[5] = x, s[6] = w, s[7] = y.label, s[8] = y.value, s[9] = S, s[10] = D) : D = s[10];
-	let O;
-	s[11] === Symbol.for("react.memo_cache_sentinel") ? (O = { trigger: "w-full min-h-[28px]" }, s[11] = O) : O = s[11];
-	let k;
-	s[12] !== b || s[13] !== y.label || s[14] !== c || s[15] !== S ? (k = /* @__PURE__ */ p(g, {
-		selectedTimeUnit: y.label,
-		onSelect: b,
-		expiryTimeValue: S,
-		classes: O,
-		type: c
-	}), s[12] = b, s[13] = y.label, s[14] = c, s[15] = S, s[16] = k) : k = s[16];
-	let A;
-	return s[17] !== D || s[18] !== k ? (A = /* @__PURE__ */ m("div", {
-		className: "flex justify-between items-center flex-1",
-		children: [D, k]
-	}), s[17] = D, s[18] = k, s[19] = A) : A = s[19], A;
-}, v = (e) => {
-	let t = u(3), n;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ p("div", {
-		className: "flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7",
-		children: /* @__PURE__ */ p("span", { children: "Order Expiry" })
-	}), t[0] = n) : n = t[0];
-	let r;
-	return t[1] === e ? r = t[2] : (r = /* @__PURE__ */ m("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: [n, /* @__PURE__ */ p("div", {
-			className: "flex items-center justify-between gap-1.5",
-			children: /* @__PURE__ */ p(_, { ...e })
-		})]
-	}), t[1] = e, t[2] = r), r;
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { UnstyledInput } from '../../ui/input.js';
+import { NumericFormat } from 'react-number-format';
+import { DropdownWithItems } from '../Dropdown/DropdownWithItems.js';
+import { ChevronIcon } from '../Icon/ChevronIcon.js';
+import { useAtom, jotaiStore } from '../../../core/store.js';
+import { timeUnitAtom } from '../../../core/limit/state/deadlineAtom.js';
+import { timeUnitAtom as timeUnitAtom$1 } from '../../../core/otc/state/deadlineAtom.js';
+import { neverTimeUnit, minTimeUnit, timeUnits } from '../../../core/limit/state/constants.js';
+import { useState, useEffect } from 'react';
+
+const TimeUnitsDropdown = (t0) => {
+  const $ = distExports.c(19);
+  const {
+    expiryTimeValue,
+    selectedTimeUnit,
+    onSelect,
+    classes,
+    type
+  } = t0;
+  const isLimit = type === "limit";
+  let t1;
+  if ($[0] !== isLimit || $[1] !== onSelect || $[2] !== selectedTimeUnit) {
+    const specificTimeUnits = isLimit ? timeUnits.filter(_temp) : timeUnits;
+    let t22;
+    if ($[4] !== onSelect || $[5] !== selectedTimeUnit) {
+      t22 = (item_0) => ({
+        label: item_0.label,
+        onSelect: () => {
+          onSelect(item_0);
+        },
+        className: "capitalize",
+        selected: item_0.label === selectedTimeUnit
+      });
+      $[4] = onSelect;
+      $[5] = selectedTimeUnit;
+      $[6] = t22;
+    } else {
+      t22 = $[6];
+    }
+    t1 = specificTimeUnits.map(t22);
+    $[0] = isLimit;
+    $[1] = onSelect;
+    $[2] = selectedTimeUnit;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const items = t1;
+  let t2;
+  if ($[7] !== expiryTimeValue || $[8] !== selectedTimeUnit) {
+    t2 = expiryTimeValue > 1 || selectedTimeUnit === neverTimeUnit.label ? selectedTimeUnit : selectedTimeUnit.slice(0, -1);
+    $[7] = expiryTimeValue;
+    $[8] = selectedTimeUnit;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const label = t2;
+  let t3;
+  if ($[10] !== label) {
+    t3 = /* @__PURE__ */ jsx("span", { className: "capitalize", children: label });
+    $[10] = label;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  let t4;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /* @__PURE__ */ jsx(ChevronIcon, { width: 12, height: 12, className: "pt-[2px]" });
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== t3) {
+    t5 = /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center gap-1.5 text-contrast-3 dark:text-contrast-7 text-sm cursor-pointer", children: [
+      t3,
+      t4
+    ] });
+    $[13] = t3;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  const menuTrigger = t5;
+  let t6;
+  if ($[15] !== classes || $[16] !== items || $[17] !== menuTrigger) {
+    t6 = /* @__PURE__ */ jsx(DropdownWithItems, { items, menuTrigger, classes, align: "end" });
+    $[15] = classes;
+    $[16] = items;
+    $[17] = menuTrigger;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  return t6;
+};
+const TimeUnitInput = (t0) => {
+  const $ = distExports.c(20);
+  const {
+    type
+  } = t0;
+  const isLimit = type === "limit";
+  const subscribedAtom = isLimit ? timeUnitAtom : timeUnitAtom$1;
+  const [timeUnitObject, setTimeUnitObject] = useAtom(subscribedAtom);
+  const onValueChange = (t1, sourceInfo) => {
+    const {
+      floatValue
+    } = t1;
+    if (sourceInfo.source === "prop") {
+      return;
+    }
+    setValue(floatValue ?? 0);
+    if (floatValue === neverTimeUnit.value && !isLimit) {
+      setTimeUnitObject(neverTimeUnit);
+    } else {
+      if (floatValue !== void 0) {
+        setTimeUnitObject({
+          label: timeUnitObject.label,
+          value: floatValue
+        });
+      } else {
+        setTimeUnitObject(minTimeUnit);
+      }
+    }
+  };
+  const [value, t2] = useState(timeUnitObject.value);
+  const setValue = t2;
+  let t3;
+  if ($[0] !== setValue || $[1] !== subscribedAtom) {
+    t3 = () => jotaiStore.sub(subscribedAtom, () => {
+      setValue(jotaiStore.get(subscribedAtom).value);
+    });
+    $[0] = setValue;
+    $[1] = subscribedAtom;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] !== subscribedAtom) {
+    t4 = [subscribedAtom];
+    $[3] = subscribedAtom;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[5] !== onValueChange || $[6] !== setValue || $[7] !== timeUnitObject.label || $[8] !== timeUnitObject.value || $[9] !== value) {
+    t5 = timeUnitObject.label !== neverTimeUnit.label && /* @__PURE__ */ jsx(NumericFormat, { className: "min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8", placeholder: "0", value, onValueChange, decimalScale: 0, allowNegative: false, allowLeadingZeros: false, customInput: UnstyledInput, thousandSeparator: true, onBlur: () => {
+      setValue(timeUnitObject.value);
+    } });
+    $[5] = onValueChange;
+    $[6] = setValue;
+    $[7] = timeUnitObject.label;
+    $[8] = timeUnitObject.value;
+    $[9] = value;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = {
+      trigger: "w-full min-h-[28px]"
+    };
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== setTimeUnitObject || $[13] !== timeUnitObject.label || $[14] !== type || $[15] !== value) {
+    t7 = /* @__PURE__ */ jsx(TimeUnitsDropdown, { selectedTimeUnit: timeUnitObject.label, onSelect: setTimeUnitObject, expiryTimeValue: value, classes: t6, type });
+    $[12] = setTimeUnitObject;
+    $[13] = timeUnitObject.label;
+    $[14] = type;
+    $[15] = value;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== t5 || $[18] !== t7) {
+    t8 = /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center flex-1", children: [
+      t5,
+      t7
+    ] });
+    $[17] = t5;
+    $[18] = t7;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  return t8;
+};
+const OrderExpiryInput = (props) => {
+  const $ = distExports.c(3);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7", children: /* @__PURE__ */ jsx("span", { children: "Order Expiry" }) });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== props) {
+    t1 = /* @__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: [
+      t0,
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between gap-1.5", children: /* @__PURE__ */ jsx(TimeUnitInput, { ...props }) })
+    ] });
+    $[1] = props;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
 };
-function y(e) {
-	return e.label !== "never";
+function _temp(item) {
+  return item.label !== "never";
 }
-//#endregion
-export { v as OrderExpiryInput };
 
-//# sourceMappingURL=index.js.map
+export { OrderExpiryInput };
+//# sourceMappingURL=index.js.map