@gearbox-protocol/ui-kit 2.1.0-next.1

package/dist/esm/components/slider/slider.js

@@ -0,0 +1,158 @@
+import { jsx as r, jsxs as T } from "react/jsx-runtime";
+import { LEVERAGE_DECIMALS as F } from "@gearbox-protocol/sdk";
+import * as P from "@radix-ui/react-slider";
+import * as H from "react";
+import { useMemo as m, useRef as w, useCallback as J, useState as K, useLayoutEffect as Q } from "react";
+import { cn as y } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import { findClosestPoint as X, validateMinMax as Y } from "../../utils/math.js";
+import "luxon";
+import "../../utils/z-index.js";
+import { SliderProvider as Z } from "./slider-context.js";
+import { SliderMark as I } from "./slider-mark.js";
+import { SliderTrack as ee } from "./slider-track.js";
+import { makeMarkerPoints as te } from "./slider-utils.js";
+import { getIntervalBounds as ne, getThumbInBoundsOffset as W } from "./types.js";
+const M = Number(F), re = H.forwardRef(
+  ({
+    className: O,
+    from: u,
+    to: p,
+    value: _,
+    onChangeValue: N,
+    onSubmitValue: g,
+    colorIntervals: o,
+    precision: h = 10,
+    markerStep: v = 100,
+    epsilon: j = 8,
+    colorIntervalLabel: C,
+    ...z
+  }, B) => {
+    const [n, i] = u > p ? [p, u] : [u, p], d = Array.isArray(h) ? h[0] : h, $ = m(() => M / d, [d]), G = m(
+      () => o?.flatMap((e) => [e.start, e.end]) || [],
+      [o]
+    ), L = (e) => {
+      const { minDistance: t, minPoint: s } = X(
+        e,
+        G,
+        M
+      );
+      return t < j ? Y(s, n, i) : e;
+    }, U = (e) => {
+      e.length > 0 && N(L(e[0]));
+    }, V = (e) => {
+      g && e.length > 0 && g(L(e[0]));
+    }, b = m(() => v ? te(
+      n,
+      i,
+      M,
+      d,
+      v
+    ).map((t) => t.point) : void 0, [n, i, d, v]), E = w(null), q = J(() => {
+      const e = E.current;
+      if (!e) return;
+      const t = () => {
+        e.dataset.dragging = "";
+      }, s = () => {
+        document.removeEventListener("pointermove", t), delete e.dataset.dragging;
+      };
+      document.addEventListener("pointermove", t, { once: !0 }), document.addEventListener("pointerup", s, { once: !0 });
+    }, []), R = w(null), k = w(null), [S, A] = K(void 0), f = m(() => {
+      if (!o?.length) return;
+      const e = o[o.length - 1], { start: t, end: s } = ne(e), a = i - n;
+      if (a <= 0) return;
+      const c = (t - n) / a * 100, l = (s - n) / a * 100, D = W(c), x = W(l);
+      return {
+        pct: (c + l) / 2,
+        offsetPx: (D + x) / 2
+      };
+    }, [o, n, i]);
+    return Q(() => {
+      const e = R.current, t = k.current;
+      if (!f || !e || !t) {
+        A(void 0);
+        return;
+      }
+      const s = () => {
+        const c = e.offsetWidth, l = t.offsetWidth, x = f.pct / 100 * c + f.offsetPx - l / 2;
+        A(Math.max(0, Math.min(x, c - l)));
+      };
+      s();
+      const a = new ResizeObserver(s);
+      return a.observe(e), () => a.disconnect();
+    }, [f]), /* @__PURE__ */ r(Z, { colorIntervals: o, min: n, max: i, children: /* @__PURE__ */ T("div", { className: "relative w-full px-[9px] pb-3", children: [
+      /* @__PURE__ */ r(
+        "div",
+        {
+          ref: E,
+          className: y(
+            "relative",
+            "[&:not([data-dragging])_span[style]]:transition-[left]",
+            "[&:not([data-dragging])_span[style]]:duration-100",
+            "[&:not([data-dragging])_span[style]]:[transition-timing-function:cubic-bezier(0.25,0.1,0.25,1)]"
+          ),
+          onPointerDown: q,
+          children: /* @__PURE__ */ T(
+            P.Root,
+            {
+              ref: B,
+              className: y(
+                "relative flex w-full touch-none select-none items-center",
+                O
+              ),
+              min: n,
+              max: i,
+              step: $,
+              value: [_],
+              onValueChange: U,
+              onValueCommit: V,
+              ...z,
+              children: [
+                /* @__PURE__ */ r(P.Track, { className: "relative h-1 grow overflow-hidden bg-gray-40 mx-[9px] cursor-pointer", children: /* @__PURE__ */ r(ee, {}) }),
+                b && b.length > 0 && /* @__PURE__ */ r("div", { className: "absolute inset-0 pointer-events-none flex items-center", children: /* @__PURE__ */ r("div", { className: "relative w-full", children: b.map((e) => /* @__PURE__ */ r(
+                  I,
+                  {
+                    value: e,
+                    min: n,
+                    max: i,
+                    onSelect: (t) => {
+                      N(t), g?.(t);
+                    }
+                  },
+                  `mark-${e}`
+                )) }) }),
+                /* @__PURE__ */ r(
+                  P.Thumb,
+                  {
+                    className: y(
+                      "relative block h-[18px] w-[18px] rounded-full bg-foreground",
+                      "cursor-grab active:cursor-grabbing",
+                      "focus-visible:outline-none",
+                      "disabled:pointer-events-none disabled:opacity-50",
+                      "after:absolute after:h-1.5 after:w-1.5 after:rounded-full after:bg-accent",
+                      "after:top-1/2 after:left-1/2 after:-translate-x-1/2 after:-translate-y-1/2"
+                    )
+                  }
+                )
+              ]
+            }
+          )
+        }
+      ),
+      C && o && o.length > 0 && /* @__PURE__ */ r("div", { ref: R, className: "relative h-[14px] mt-2.5", children: /* @__PURE__ */ r(
+        "div",
+        {
+          ref: k,
+          className: "absolute text-[11px] font-medium leading-[126%] text-success whitespace-nowrap",
+          style: S !== void 0 ? { left: `${S}px` } : void 0,
+          children: C
+        }
+      ) })
+    ] }) });
+  }
+);
+re.displayName = "Slider";
+export {
+  re as Slider
+};

package/dist/esm/components/slider/types.js

@@ -0,0 +1,36 @@
+const n = {
+  additionalSuccess: "hsl(var(--success))",
+  additionalSuccessLight: "#88c497",
+  additionalWarning: "hsl(var(--warning))",
+  additionalAlert: "hsl(var(--destructive))",
+  additionalLiquidation: "hsl(var(--liquidation))",
+  mainPrimary: "hsl(var(--primary))",
+  mainAccent: "hsl(var(--accent))",
+  textPrimary: "hsl(var(--foreground))",
+  textSecondary: "hsl(var(--secondary-foreground))",
+  gray40: "hsl(var(--gray-40))",
+  gray50: "hsl(var(--gray-50))",
+  gray60: "hsl(var(--gray-60))"
+};
+function i(r) {
+  if (r)
+    return n[r] ?? r;
+}
+function s(r) {
+  return {
+    start: r.start ?? 0,
+    end: r.end ?? 0
+  };
+}
+const t = 18, a = t / 2;
+function e(r) {
+  return a - a * r / 50;
+}
+export {
+  n as THEME_COLOR_MAP,
+  a as THUMB_HALF,
+  t as THUMB_SIZE,
+  s as getIntervalBounds,
+  e as getThumbInBoundsOffset,
+  i as resolveColor
+};

package/dist/esm/components/slider-token/index.js

@@ -0,0 +1,9 @@
+import { SliderToken as o } from "./slider-token.js";
+import { SliderTokenLabel as l } from "./slider-token-label.js";
+import { makeSliderTokenMarkerPoints as a, mergeCloseMarkers as i } from "./slider-token-utils.js";
+export {
+  o as SliderToken,
+  l as SliderTokenLabel,
+  a as makeSliderTokenMarkerPoints,
+  i as mergeCloseMarkers
+};

package/dist/esm/components/slider-token/slider-token-label.js

@@ -0,0 +1,36 @@
+import { jsx as f } from "react/jsx-runtime";
+import { getThumbInBoundsOffset as i } from "../slider/types.js";
+function b({
+  point: e,
+  min: o,
+  max: a,
+  label: p,
+  align: s,
+  onSelect: u
+}) {
+  const n = a - o;
+  if (n <= 0) return null;
+  const r = (e - o) / n * 100, l = i(r), c = s === "top" ? -28 : 15;
+  return /* @__PURE__ */ f(
+    "button",
+    {
+      type: "button",
+      tabIndex: -1,
+      className: "absolute -translate-x-1/2 text-[11px] leading-[126%] text-muted-foreground hover:text-foreground cursor-pointer border-0 p-0 appearance-none bg-transparent pointer-events-auto",
+      style: {
+        left: `calc(${r}% + ${l}px)`,
+        top: `${c}px`
+      },
+      onPointerDown: (t) => {
+        t.stopPropagation();
+      },
+      onClick: (t) => {
+        t.preventDefault(), t.stopPropagation(), u(e);
+      },
+      children: p
+    }
+  );
+}
+export {
+  b as SliderTokenLabel
+};

package/dist/esm/components/slider-token/slider-token-utils.js

@@ -0,0 +1,27 @@
+import { validateMarkerPoints as u } from "../slider/slider-utils.js";
+import { splitInterval as p } from "../../utils/math.js";
+function v(n, e, o, t = {}) {
+  const i = Object.values(t), s = p(
+    n,
+    e,
+    o,
+    i.length ? i : void 0
+  ).map((r) => ({
+    point: r,
+    type: t[r] !== void 0 ? "additional" : "base"
+  }));
+  return u(s, n, e);
+}
+function c(n, e) {
+  return n.length <= 2 ? n : n.reduce((o, t, i, a) => {
+    const s = a[i + 1];
+    if (i === 0 || !s || t.type === "additional")
+      return o.push(t), o;
+    const r = Math.abs(t.point - s.point), d = a[i - 1], l = d?.type === "additional" && Math.abs(t.point - d.point) <= e;
+    return r > e && !l && o.push(t), o;
+  }, []);
+}
+export {
+  v as makeSliderTokenMarkerPoints,
+  c as mergeCloseMarkers
+};

package/dist/esm/components/slider-token/slider-token.js

@@ -0,0 +1,163 @@
+import { jsx as r, jsxs as B } from "react/jsx-runtime";
+import { formatBN as F, toBN as H } from "@gearbox-protocol/sdk";
+import * as v from "@radix-ui/react-slider";
+import { useMemo as l, useCallback as u, useRef as J } from "react";
+import { SliderProvider as K } from "../slider/slider-context.js";
+import { SliderMark as Q } from "../slider/slider-mark.js";
+import { cn as x } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import { validateMinMax as w } from "../../utils/math.js";
+import "luxon";
+import "../../utils/z-index.js";
+import { SliderTokenLabel as X } from "./slider-token-label.js";
+import { makeSliderTokenMarkerPoints as Y, mergeCloseMarkers as Z } from "./slider-token-utils.js";
+const V = 7.5;
+function pe({
+  from: p,
+  to: g,
+  step: I,
+  markerStep: N,
+  token: b,
+  additionalMarkers: c,
+  additionalMarkersLabels: S,
+  value: $,
+  setValue: m,
+  epsilon_inPer: E = 1,
+  mergeMarkers_inPer: L = 3,
+  className: z
+}) {
+  const [t, n] = p > g ? [g, p] : [p, g], d = l(() => n - t, [n, t]), M = l(
+    () => d / 100 * E,
+    [E, d]
+  ), T = l(
+    () => d / 100 * L,
+    [d, L]
+  ), h = l(
+    () => d / 100 * V,
+    [d]
+  ), f = l(() => c == null ? {} : typeof c == "number" ? { [c]: c } : Object.fromEntries(
+    c.map((e) => [e, e])
+  ), [c]), y = l(
+    () => Y(
+      t,
+      n,
+      N,
+      f
+    ),
+    [t, n, N, f]
+  ), i = l(
+    () => Z(y, T),
+    [y, T]
+  ), C = u(
+    (e) => {
+      if (i.length === 0) {
+        m(w(e, t, n));
+        return;
+      }
+      const o = i.reduce(
+        (a, s) => Math.abs(s.point - e) < Math.abs(a.point - e) ? s : a
+      );
+      Math.abs(o.point - e) < M ? m(w(o.point, t, n)) : m(e);
+    },
+    [i, M, t, n, m]
+  ), P = u(
+    (e) => {
+      e.length > 0 && C(e[0]);
+    },
+    [C]
+  ), R = u(
+    (e) => {
+      m(w(e, t, n));
+    },
+    [t, n, m]
+  ), D = J(null), A = u(() => {
+    const e = D.current;
+    if (!e) return;
+    const o = () => {
+      e.dataset.dragging = "";
+    }, a = () => {
+      document.removeEventListener("pointermove", o), delete e.dataset.dragging;
+    };
+    document.addEventListener("pointermove", o, { once: !0 }), document.addEventListener("pointerup", a, { once: !0 });
+  }, []), G = l(() => i.map(({ point: e }, o, a) => {
+    const s = a[o + 1], k = a[o - 1], O = s ? Math.abs(e - s.point) <= h : !1, U = k ? Math.abs(e - k.point) <= h : !1, W = o === 0 || o === a.length - 1 || f[e] !== void 0 && !U && !O, _ = S?.[e], q = W ? F(H(String(e), b.decimals), b.decimals) : "", j = _ ?? q;
+    return { point: e, labelText: j, align: _ ? "top" : "bottom", hasLabel: !!j };
+  }), [
+    i,
+    f,
+    S,
+    b,
+    h
+  ]);
+  return /* @__PURE__ */ r("div", { className: x("relative w-full", z), children: /* @__PURE__ */ r(K, { colorIntervals: void 0, min: t, max: n, children: /* @__PURE__ */ r("div", { className: "relative w-full px-[9px] pt-3 pb-3", children: /* @__PURE__ */ B(
+    "div",
+    {
+      ref: D,
+      className: x(
+        "relative",
+        "[&:not([data-dragging])_span[style]]:transition-[left]",
+        "[&:not([data-dragging])_span[style]]:duration-100",
+        "[&:not([data-dragging])_span[style]]:[transition-timing-function:cubic-bezier(0.25,0.1,0.25,1)]"
+      ),
+      onPointerDown: A,
+      children: [
+        /* @__PURE__ */ B(
+          v.Root,
+          {
+            className: "relative flex w-full touch-none select-none items-center",
+            min: t,
+            max: n,
+            step: I,
+            value: [$],
+            onValueChange: P,
+            onValueCommit: P,
+            children: [
+              /* @__PURE__ */ r(v.Track, { className: "relative h-1 w-full grow overflow-hidden rounded-full bg-gray-40 mx-[9px] cursor-pointer" }),
+              i.length > 0 && /* @__PURE__ */ r("div", { className: "absolute inset-0 pointer-events-none flex items-center", children: /* @__PURE__ */ r("div", { className: "relative w-full", children: i.map(({ point: e }) => /* @__PURE__ */ r(
+                Q,
+                {
+                  value: e,
+                  min: t,
+                  max: n,
+                  onSelect: R
+                },
+                `mark-${e}`
+              )) }) }),
+              /* @__PURE__ */ r(
+                v.Thumb,
+                {
+                  className: x(
+                    "relative block h-[18px] w-[18px] shrink-0 rounded-full bg-foreground",
+                    "cursor-grab active:cursor-grabbing",
+                    "focus-visible:outline-none",
+                    "disabled:pointer-events-none disabled:opacity-50",
+                    "after:absolute after:h-1.5 after:w-1.5 after:rounded-full after:bg-accent",
+                    "after:top-1/2 after:left-1/2 after:-translate-x-1/2 after:-translate-y-1/2"
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: "absolute inset-0 pointer-events-none", children: /* @__PURE__ */ r("div", { className: "relative w-full h-full", children: G.map(
+          ({ point: e, labelText: o, align: a, hasLabel: s }) => s && /* @__PURE__ */ r(
+            X,
+            {
+              point: e,
+              min: t,
+              max: n,
+              label: o,
+              align: a,
+              onSelect: R
+            },
+            `label-${e}`
+          )
+        ) }) })
+      ]
+    }
+  ) }) }) });
+}
+export {
+  pe as SliderToken
+};

package/dist/esm/components/smart-number-input/balance-indicator.js

@@ -0,0 +1,63 @@
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { cva as x } from "class-variance-authority";
+import { TextButton as u } from "../text-button/text-button.js";
+import { TokenTemplate as f } from "../token-template/token-template.js";
+import "react";
+import "@gearbox-protocol/sdk";
+import { cn as r } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const b = x("font-normal leading-[130%] text-foreground", {
+  variants: {
+    size: {
+      sm: "text-xs",
+      md: "text-sm"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+function V({
+  title: s = "Balance",
+  className: i,
+  maxAmount: l,
+  token: c,
+  disabled: d,
+  maxButton: p = !0,
+  onMaxButtonClick: a,
+  size: e = "sm"
+}) {
+  const o = !d && p, n = /* @__PURE__ */ t(f, { value: l, token: c, showSymbol: !1 });
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: r("flex shrink-0 basis-auto items-center", i),
+      "data-testid": "balance-indicator",
+      children: [
+        /* @__PURE__ */ m("span", { className: r(b({ size: e })), children: [
+          s,
+          ": ",
+          o && e === "sm" ? /* @__PURE__ */ t(u, { onClick: a, children: n }) : n
+        ] }),
+        o && e !== "sm" && /* @__PURE__ */ t("div", { className: "ml-2", children: /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            onClick: a,
+            "data-testid": "balance-max",
+            className: r(
+              "rounded-[6px] border-0 py-[3px] px-1 text-[11px]! leading-[13px]!",
+              "text-center uppercase text-foreground",
+              "bg-gray-70 hover:bg-gray-90 transition-colors"
+            ),
+            children: "max"
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  V as BalanceIndicator
+};

package/dist/esm/components/smart-number-input/index.js

@@ -0,0 +1,6 @@
+import { BalanceIndicator as t } from "./balance-indicator.js";
+import { SmartNumberInput as e } from "./smart-number-input.js";
+export {
+  t as BalanceIndicator,
+  e as SmartNumberInput
+};

package/dist/esm/components/smart-number-input/smart-number-input.js

@@ -0,0 +1,187 @@
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { cva as c } from "class-variance-authority";
+import * as b from "react";
+import { CurrencyButton as E } from "../currency-button/currency-button.js";
+import { faXmark as G } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as H } from "../icons/fa-icon.js";
+import { useIsMobile as J, useIsTablet as K, useIsDesktop as O } from "../../hooks/use-media-query.js";
+import { bnToInputView as P } from "../../utils/bn-to-input-view.js";
+import "@gearbox-protocol/sdk";
+import { parseInputToBN as Q } from "../../utils/parse-input-to-bn.js";
+import { cn as d } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+import { BalanceIndicator as U } from "./balance-indicator.js";
+const W = c(
+  "relative w-full text-foreground bg-gray-20 border border-gray-30 transition-[background-color] duration-100 ease-linear [&:hover]:bg-gray-30 [&:hover]:border-gray-40 data-[active=true]:bg-gray-30 data-[active=true]:outline data-[active=true]:outline-2 data-[active=true]:outline-primary data-[active=true]:outline-offset-[-2px] data-[disabled=true]:cursor-not-allowed",
+  {
+    variants: {
+      size: {
+        sm: "px-3 py-[7px] h-[60px] rounded-[8px]",
+        md: "pl-4 pr-3 py-[10px] h-[82px] rounded-lg"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), Y = c("font-medium text-foreground", {
+  variants: {
+    size: {
+      sm: "text-xs",
+      md: "text-sm"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), Z = c(
+  "w-full p-0 bg-transparent border-none outline-none text-foreground placeholder:text-secondary-foreground focus:outline-none",
+  {
+    variants: {
+      size: {
+        sm: "text-[18px]! leading-[21px]!",
+        md: "text-[28px]! leading-[33px]!"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), _ = b.forwardRef(
+  ({
+    amount: v,
+    token: t,
+    label: y = "Amount",
+    maxAmount: a,
+    maxAmountLimit: i,
+    maxButtonLabel: w,
+    chainId: z,
+    network: N,
+    maxButton: C = !0,
+    disabled: r = !1,
+    active: V = !1,
+    size: I = "md",
+    onSetAmount: s,
+    onShowSelectDialog: m,
+    onRemove: p,
+    onFocus: B,
+    onBlur: k
+  }, M) => {
+    const f = t?.decimals ?? 18, j = (o) => {
+      const l = o.target.value, [g, x] = Q(l, f);
+      g === null || x === null || s && s(g, x);
+    }, F = () => {
+      if (s) {
+        const o = a && i && a > i ? i : a || 0n, l = P(o, f);
+        s(o, l);
+      }
+    }, [L, h] = b.useState(!1), T = () => {
+      h(!0), B?.();
+    }, D = () => {
+      h(!1), k?.();
+    }, n = I ?? "md", R = J(), S = K(), X = O(), $ = R ? 20 : S ? 30 : X ? 22 : 30, q = !!(t || m);
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        ref: M,
+        className: W({ size: n }),
+        "data-testid": "smart-number-input-root",
+        "data-active": L,
+        "data-disabled": r,
+        children: [
+          p && /* @__PURE__ */ e(
+            "div",
+            {
+              className: "absolute top-0 right-0 flex h-5 w-5 translate-x-1/2 -translate-y-1/2 items-center justify-center",
+              "data-testid": "smart-number-input-close",
+              children: /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: p,
+                  className: "flex h-5 w-5 items-center justify-center rounded-full bg-muted hover:bg-muted/80 text-muted-foreground",
+                  children: /* @__PURE__ */ e(H, { icon: G, className: "size-3" })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ u("div", { className: "mb-2 flex justify-between text-sm leading-[120%]", children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: d(
+                  Y({ size: n }),
+                  "grow shrink-0 basis-0"
+                ),
+                "data-testid": "smart-number-input-label",
+                children: y
+              }
+            ),
+            a !== void 0 && t && /* @__PURE__ */ e(
+              U,
+              {
+                title: w,
+                token: t,
+                maxAmount: a,
+                size: n,
+                disabled: r,
+                maxButton: C,
+                onMaxButtonClick: F
+              }
+            )
+          ] }),
+          /* @__PURE__ */ u(
+            "div",
+            {
+              className: d(
+                "flex w-full max-w-full shrink-0 basis-full items-center"
+              ),
+              children: [
+                /* @__PURE__ */ e("div", { className: "mr-3 grow shrink-0 basis-0", children: /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "text",
+                    inputMode: "decimal",
+                    autoComplete: "off",
+                    autoCorrect: "off",
+                    spellCheck: "false",
+                    pattern: "^[0-9]*[.,]?[0-9]*$",
+                    placeholder: "0",
+                    value: v,
+                    onChange: j,
+                    onFocus: T,
+                    onBlur: D,
+                    disabled: r || !s,
+                    className: d(
+                      Z({ size: n }),
+                      r && "cursor-not-allowed"
+                    ),
+                    "data-testid": "smart-number-input-input",
+                    minLength: 1,
+                    maxLength: 79,
+                    title: "Amount"
+                  }
+                ) }),
+                q ? /* @__PURE__ */ e(
+                  E,
+                  {
+                    active: V,
+                    size: n,
+                    disabled: r,
+                    token: t,
+                    showSelectDialog: m,
+                    chainId: z,
+                    network: N,
+                    maxLength: $,
+                    children: t?.symbol ?? "Select token"
+                  }
+                ) : null
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+_.displayName = "SmartNumberInput";
+export {
+  _ as SmartNumberInput
+};