@gearbox-protocol/permissionless-ui 1.22.0-next.4 → 1.22.0-next.40

package/dist/esm/components/select/select.js

@@ -1,14 +1,15 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-select";
-import { cva as u } from "class-variance-authority";
-import { ChevronDown as c, ChevronUp as h, Check as g } from "lucide-react";
+import { cva as g } from "class-variance-authority";
 import * as l from "react";
+import { faCaretDown as m, faCaretUp as b, faCheck as y } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as i } from "../icons/fa-icon.js";
+import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
-const b = (a) => /* @__PURE__ */ t(e.Root, { ...a });
-b.displayName = "Select";
-const T = e.Group, V = e.Value, y = u(
+const h = (a) => /* @__PURE__ */ t(e.Root, { ...a });
+h.displayName = "Select";
+const D = e.Group, U = e.Value, x = g(
   "group flex w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 bg-[rgb(40,40,40)] text-foreground cursor-pointer",
   {
     variants: {
@@ -28,20 +29,26 @@ const T = e.Group, V = e.Value, y = u(
       variant: "default"
     }
   }
-), w = l.forwardRef(({ className: a, children: o, size: r, variant: d, ...n }, f) => /* @__PURE__ */ i(
+), N = l.forwardRef(({ className: a, children: o, size: r, variant: d, ...n }, u) => /* @__PURE__ */ c(
   e.Trigger,
   {
-    ref: f,
-    className: s(y({ size: r, variant: d, className: a })),
+    ref: u,
+    className: s(x({ size: r, variant: d, className: a })),
     ...n,
     children: [
       o,
-      /* @__PURE__ */ t(e.Icon, { asChild: !0, children: /* @__PURE__ */ t(c, { className: "h-4 w-4 opacity-50 transition-transform duration-200 group-data-[state=open]:rotate-180" }) })
+      /* @__PURE__ */ t(e.Icon, { asChild: !0, children: /* @__PURE__ */ t(
+        i,
+        {
+          icon: m,
+          className: "size-4 opacity-50 transition-transform duration-200 group-data-[state=open]:rotate-180"
+        }
+      ) })
     ]
   }
 ));
-w.displayName = e.Trigger.displayName;
-const m = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
+N.displayName = e.Trigger.displayName;
+const p = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
   e.ScrollUpButton,
   {
     ref: r,
@@ -50,11 +57,11 @@ const m = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
       a
     ),
     ...o,
-    children: /* @__PURE__ */ t(h, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ t(i, { icon: b, className: "size-4" })
   }
 ));
-m.displayName = e.ScrollUpButton.displayName;
-const p = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
+p.displayName = e.ScrollUpButton.displayName;
+const f = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
   e.ScrollDownButton,
   {
     ref: r,
@@ -63,11 +70,11 @@ const p = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
       a
     ),
     ...o,
-    children: /* @__PURE__ */ t(c, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ t(i, { icon: m, className: "size-4" })
   }
 ));
-p.displayName = e.ScrollDownButton.displayName;
-const x = l.forwardRef(({ className: a, children: o, position: r = "popper", ...d }, n) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ i(
+f.displayName = e.ScrollDownButton.displayName;
+const w = l.forwardRef(({ className: a, children: o, position: r = "popper", ...d }, n) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ c(
   e.Content,
   {
     ref: n,
@@ -79,7 +86,7 @@ const x = l.forwardRef(({ className: a, children: o, position: r = "popper", ...
     position: r,
     ...d,
     children: [
-      /* @__PURE__ */ t(m, {}),
+      /* @__PURE__ */ t(p, {}),
       /* @__PURE__ */ t(
         e.Viewport,
         {
@@ -90,12 +97,12 @@ const x = l.forwardRef(({ className: a, children: o, position: r = "popper", ...
           children: o
         }
       ),
-      /* @__PURE__ */ t(p, {})
+      /* @__PURE__ */ t(f, {})
     ]
   }
 ) }));
-x.displayName = e.Content.displayName;
-const N = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
+w.displayName = e.Content.displayName;
+const S = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
   e.Label,
   {
     ref: r,
@@ -103,8 +110,8 @@ const N = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
     ...o
   }
 ));
-N.displayName = e.Label.displayName;
-const S = l.forwardRef(({ className: a, children: o, ...r }, d) => /* @__PURE__ */ i(
+S.displayName = e.Label.displayName;
+const v = l.forwardRef(({ className: a, children: o, ...r }, d) => /* @__PURE__ */ c(
   e.Item,
   {
     ref: d,
@@ -114,13 +121,13 @@ const S = l.forwardRef(({ className: a, children: o, ...r }, d) => /* @__PURE__
     ),
     ...r,
     children: [
-      /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(g, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(i, { icon: y, className: "size-4" }) }) }),
       /* @__PURE__ */ t(e.ItemText, { children: o })
     ]
   }
 ));
-S.displayName = e.Item.displayName;
-const v = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
+v.displayName = e.Item.displayName;
+const z = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
   e.Separator,
   {
     ref: r,
@@ -128,17 +135,17 @@ const v = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
     ...o
   }
 ));
-v.displayName = e.Separator.displayName;
+z.displayName = e.Separator.displayName;
 export {
-  b as Select,
-  x as SelectContent,
-  T as SelectGroup,
-  S as SelectItem,
-  N as SelectLabel,
-  p as SelectScrollDownButton,
-  m as SelectScrollUpButton,
-  v as SelectSeparator,
-  w as SelectTrigger,
-  V as SelectValue,
-  y as selectTriggerVariants
+  h as Select,
+  w as SelectContent,
+  D as SelectGroup,
+  v as SelectItem,
+  S as SelectLabel,
+  f as SelectScrollDownButton,
+  p as SelectScrollUpButton,
+  z as SelectSeparator,
+  N as SelectTrigger,
+  U as SelectValue,
+  x as selectTriggerVariants
 };

package/dist/esm/components/separator/separator.js

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-separator";
 import * as e from "react";
+import "@gearbox-protocol/sdk";
 import { cn as l } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const s = e.forwardRef(
   ({ className: a, orientation: r = "horizontal", decorative: t = !0, ...m }, p) => /* @__PURE__ */ i(
     o.Root,

package/dist/esm/components/short-string/short-string.js

@@ -1,27 +1,20 @@
-import { jsx as r, jsxs as u } from "react/jsx-runtime";
-import { TooltipProvider as p, Tooltip as c, TooltipTrigger as d, TooltipContent as f } from "../tooltip/tooltip.js";
-import { cn as a } from "../../utils/cn.js";
-function m({
-  children: t,
-  maxLength: i,
-  className: n,
-  showTooltip: o = !0
+import { jsx as r } from "react/jsx-runtime";
+import { SimpleTooltip as m } from "../tooltip/simple-tooltip.js";
+import "../tooltip/tooltip.js";
+import "react";
+import "@gearbox-protocol/sdk";
+import { cn as s } from "../../utils/cn.js";
+import "sonner";
+import { isLongString as u, shortenString as S } from "../../utils/shorten-string.js";
+function g({
+  children: o,
+  maxLength: t,
+  showTooltip: f = !0,
+  className: i
 }) {
-  if (i === void 0) {
-    const l = /* @__PURE__ */ r("span", { className: a("inline-block max-w-full truncate", n), children: t });
-    return o ? /* @__PURE__ */ r(p, { delayDuration: 200, children: /* @__PURE__ */ u(c, { children: [
-      /* @__PURE__ */ r(d, { asChild: !0, children: l }),
-      /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r("p", { children: t }) })
-    ] }) }) : l;
-  }
-  if (!t || t.length <= i)
-    return /* @__PURE__ */ r("span", { className: n, children: t });
-  const e = `${t.slice(0, i)}...`;
-  return o ? /* @__PURE__ */ r(p, { delayDuration: 200, children: /* @__PURE__ */ u(c, { children: [
-    /* @__PURE__ */ r(d, { asChild: !0, children: /* @__PURE__ */ r("span", { className: n, children: e }) }),
-    /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r("p", { children: t }) })
-  ] }) }) : /* @__PURE__ */ r("span", { className: n, children: e });
+  const n = (e, p) => p === "text-overflow" ? /* @__PURE__ */ r("span", { className: s("inline-block max-w-full truncate", i), children: e }) : /* @__PURE__ */ r("span", { className: i, children: S(e, p) });
+  return typeof o == "string" && t !== void 0 ? f && (t === "text-overflow" || u(o, t)) ? /* @__PURE__ */ r(m, { title: n(o, t), children: o }) : n(o, t) : o;
 }
 export {
-  m as ShortString
+  g as ShortString
 };

package/dist/esm/components/signatures/confirmation-item.js

@@ -6,11 +6,11 @@ import { ExternalButton as p } from "../buttons/external-button/external-button.
 import "../buttons/filter-button/filter-button.js";
 import "../buttons/navigation-button/navigation-button.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
 import { shortenHash as s } from "../../utils/format.js";
-import "@gearbox-protocol/sdk";
 import "../buttons/tab-button/tab-button.js";
 import { Identicon as a } from "./identicon.js";
 function B({

package/dist/esm/components/signatures/vertical-timeline.js

@@ -1,55 +1,56 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { Check as n, X as o } from "lucide-react";
-import { useState as d } from "react";
-function f({
-  steps: r,
-  minWidth: c = 300
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { useState as n } from "react";
+import { faCheck as m, faXmark as d } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as c } from "../icons/fa-icon.js";
+function b({
+  steps: s,
+  minWidth: i = 300
 }) {
-  const [s, i] = d(r.map(() => !1));
-  return /* @__PURE__ */ t("div", { className: "py-1", children: /* @__PURE__ */ a("div", { className: `relative min-w-[${c}px]`, children: [
+  const [r, o] = n(s.map(() => !1));
+  return /* @__PURE__ */ t("div", { className: "py-1", children: /* @__PURE__ */ l("div", { className: `relative min-w-[${i}px]`, children: [
     /* @__PURE__ */ t("div", { className: "absolute left-[11px] top-[2px] bottom-[20px] w-[2px] h-[calc(100%-20px)] bg-gray-800" }),
-    /* @__PURE__ */ t("div", { className: "space-y-4", children: r.map((e, l) => /* @__PURE__ */ a(
+    /* @__PURE__ */ t("div", { className: "space-y-4", children: s.map((e, a) => /* @__PURE__ */ l(
       "div",
       {
         children: [
-          e.type === "default" && e.status !== "not-started" && /* @__PURE__ */ a("div", { className: "relative flex items-center", children: [
-            /* @__PURE__ */ a(
+          e.type === "default" && e.status !== "not-started" && /* @__PURE__ */ l("div", { className: "relative flex items-center", children: [
+            /* @__PURE__ */ l(
               "div",
               {
                 className: `absolute left-[2px] flex h-5 w-5 items-center justify-center rounded-full ${e.status === "success" ? "bg-green-500" : e.status === "error" ? "bg-red-500" : "border-2 border-gray-600 bg-transparent"}`,
                 children: [
-                  e.status === "success" && /* @__PURE__ */ t(n, { className: "h-3 w-3 text-black" }),
-                  e.status === "error" && /* @__PURE__ */ t(o, { className: "h-3 w-3 text-black" })
+                  e.status === "success" && /* @__PURE__ */ t(c, { icon: m, className: "size-3 text-black" }),
+                  e.status === "error" && /* @__PURE__ */ t(c, { icon: d, className: "size-3 text-black" })
                 ]
               }
             ),
             /* @__PURE__ */ t("span", { className: "ml-10 text-foreground", children: e.title })
           ] }),
-          e.type === "extention" && e.status !== "not-started" && /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ a("div", { className: "relative flex items-center", children: [
+          e.type === "extention" && e.status !== "not-started" && /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ l("div", { className: "relative flex items-center", children: [
               /* @__PURE__ */ t("div", { className: "absolute left-[8px] h-2 w-2 rounded-full bg-green-500" }),
               /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  onClick: () => i([
-                    ...s.slice(0, l),
-                    !s[l],
-                    ...s.slice(l + 1)
+                  onClick: () => o([
+                    ...r.slice(0, a),
+                    !r[a],
+                    ...r.slice(a + 1)
                   ]),
                   className: "ml-10 text-green-500 hover:underline cursor-pointer",
-                  children: s[l] ? "Hide all" : "Show all"
+                  children: r[a] ? "Hide all" : "Show all"
                 }
               )
             ] }),
-            s[l] && e.children
+            r[a] && e.children
           ] })
         ]
       },
-      `step-${l}`
+      `step-${a}`
     )) })
   ] }) });
 }
 export {
-  f as VerticalTimeline
+  b as VerticalTimeline
 };

package/dist/esm/components/skeleton/skeleton-stack.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useMemo as c } from "react";
+import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import { Skeleton as n } from "./skeleton.js";
 const l = {
   sm: "space-y-2",

package/dist/esm/components/skeleton/skeleton.js

@@ -1,9 +1,9 @@
 import { jsx as a, Fragment as f } from "react/jsx-runtime";
 import { cva as p } from "class-variance-authority";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as w } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const c = p("animate-pulse rounded-md bg-muted", {
   variants: {
     variant: {

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

@@ -2,9 +2,9 @@ import { jsxs as g, jsx as i } from "react/jsx-runtime";
 import * as l from "@radix-ui/react-slider";
 import * as D from "react";
 import { useMemo as v } from "react";
+import "@gearbox-protocol/sdk";
 import { cn as x } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function A(r) {
   return {
     start: r.start ?? r.from ?? 0,

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

@@ -2,9 +2,9 @@ import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import { Slider as b } from "../slider/slider.js";
 import { TokenSymbol as v } from "../token-symbol/token-symbol.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as N } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function z({
   from: s = 0,
   to: r = 100,

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

@@ -1,65 +1,66 @@
 import { jsx as s, jsxs as d } from "react/jsx-runtime";
-import { X as G } from "lucide-react";
-import * as H from "react";
+import * as G from "react";
 import "../buttons/back-button/back-button.js";
-import { Button as J } from "../buttons/button/button.js";
+import { Button as H } from "../buttons/button/button.js";
 import "../buttons/copy-button/copy-button.js";
 import "../buttons/external-button/external-button.js";
 import "../buttons/filter-button/filter-button.js";
 import "../buttons/navigation-button/navigation-button.js";
+import "@gearbox-protocol/sdk";
 import { cn as g } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import "../buttons/tab-button/tab-button.js";
-import { TokenIcon as K } from "../token-icon/token-icon.js";
-function Q(o, r) {
-  let t = o.replace(/^0+(?=\d)/, "");
+import { faXmark as J } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as K } from "../icons/fa-icon.js";
+import { TokenIcon as Q } from "../token-icon/token-icon.js";
+function U(n, r) {
+  let t = n.replace(/^0+(?=\d)/, "");
   if ((t === "" || t === ".") && (t = "0"), !/^[0-9]*\.?[0-9]*$/.test(t))
     return [null, null];
   try {
-    const e = t.split("."), l = e[0] || "0", p = (e[1] || "").slice(0, r).padEnd(r, "0");
-    return [BigInt(l + p), t];
+    const e = t.split("."), a = e[0] || "0", p = (e[1] || "").slice(0, r).padEnd(r, "0");
+    return [BigInt(a + p), t];
   } catch {
     return [null, null];
   }
 }
-function T(o, r) {
-  const t = o.toString().padStart(r + 1, "0"), e = t.slice(0, -r) || "0", l = t.slice(-r).replace(/0+$/, "");
-  return l ? `${e}.${l}` : e;
+function T(n, r) {
+  const t = n.toString().padStart(r + 1, "0"), e = t.slice(0, -r) || "0", a = t.slice(-r).replace(/0+$/, "");
+  return a ? `${e}.${a}` : e;
 }
-function U(o, r) {
-  const t = T(o, r), e = Number.parseFloat(t);
+function W(n, r) {
+  const t = T(n, r), e = Number.parseFloat(t);
   return e === 0 ? "0" : e < 1e-4 ? "< 0.0001" : e.toLocaleString(void 0, { maximumFractionDigits: 4 });
 }
-const W = H.forwardRef(
+const Y = G.forwardRef(
   ({
-    amount: o,
+    amount: n,
     tokenSymbol: r,
     tokenIcon: t,
     token: e,
-    label: l = "Amount",
+    label: a = "Amount",
     maxBalance: p,
-    maxAmount: n,
+    maxAmount: o,
     maxAmountLimit: m,
     maxButtonLabel: $ = "Max",
     showMaxButton: j,
-    maxButton: M,
-    chainId: Y,
-    network: Z,
-    disabled: a = !1,
+    maxButton: z,
+    chainId: Z,
+    network: L,
+    disabled: i = !1,
     active: y = !1,
     size: N = "default",
     onAmountChange: b,
     onSetAmount: c,
-    onMaxClick: h,
-    onTokenSelect: P,
-    onShowSelectDialog: S,
+    onMaxClick: x,
+    onTokenSelect: M,
+    onShowSelectDialog: P,
     onRemove: w,
-    onFocus: z,
+    onFocus: S,
     onBlur: F,
     className: V
   }, _) => {
-    const D = j ?? M ?? !0, x = r ?? e?.symbol, I = t ?? (e?.symbol ? /* @__PURE__ */ s(K, { symbol: e.symbol, size: 24 }) : void 0), v = e?.decimals ?? 18, B = p ?? (n !== void 0 ? U(n, v) : void 0), f = P ?? S, E = {
+    const D = j ?? z ?? !0, h = r ?? e?.symbol, I = t ?? (e?.symbol ? /* @__PURE__ */ s(Q, { symbol: e.symbol, size: 24 }) : void 0), v = e?.decimals ?? 18, B = p ?? (o !== void 0 ? W(o, v) : void 0), f = M ?? P, E = {
       sm: "p-3",
       md: "p-3.5",
       default: "p-4",
@@ -70,21 +71,21 @@ const W = H.forwardRef(
       default: "text-2xl",
       lg: "text-3xl"
     }, R = (u) => {
-      const i = u.target.value;
-      if (!(!/^[0-9]*\.?[0-9]*$/.test(i) && i !== "") && (b && b(i), c)) {
-        const [C, k] = Q(i, v);
-        C !== null && k !== null && c(C, k);
+      const l = u.target.value;
+      if (!(!/^[0-9]*\.?[0-9]*$/.test(l) && l !== "") && (b && b(l), c)) {
+        const [k, C] = U(l, v);
+        k !== null && C !== null && c(k, C);
       }
     }, X = () => {
-      if (h) {
-        h();
+      if (x) {
+        x();
         return;
       }
-      if (c && n !== void 0) {
-        const u = n && m && n > m ? m : n, i = T(u, v);
-        c(u, i);
+      if (c && o !== void 0) {
+        const u = o && m && o > m ? m : o, l = T(u, v);
+        c(u, l);
       }
-    }, q = D && (h || c && n !== void 0);
+    }, q = D && (x || c && o !== void 0);
     return /* @__PURE__ */ d(
       "div",
       {
@@ -92,12 +93,12 @@ const W = H.forwardRef(
         className: g(
           "relative rounded-xl border bg-card transition-colors border-border",
           y && "border-primary",
-          a && "opacity-50 cursor-not-allowed",
+          i && "opacity-50 cursor-not-allowed",
           E[N],
           V
         ),
         "data-active": y,
-        "data-disabled": a,
+        "data-disabled": i,
         children: [
           w && /* @__PURE__ */ s(
             "button",
@@ -105,23 +106,23 @@ const W = H.forwardRef(
               type: "button",
               onClick: w,
               className: "absolute -top-2 -right-2 flex h-5 w-5 items-center justify-center rounded-full bg-muted hover:bg-muted/80 text-muted-foreground",
-              children: /* @__PURE__ */ s(G, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ s(K, { icon: J, className: "size-3" })
             }
           ),
           /* @__PURE__ */ d("div", { className: "flex items-center justify-between mb-2", children: [
-            /* @__PURE__ */ s("span", { className: "text-sm text-muted-foreground", children: l }),
+            /* @__PURE__ */ s("span", { className: "text-sm text-muted-foreground", children: a }),
             B !== void 0 && /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ d("span", { className: "text-sm text-muted-foreground", children: [
                 "Balance: ",
                 B
               ] }),
               q && /* @__PURE__ */ s(
-                J,
+                H,
                 {
                   variant: "ghost",
                   size: "xs",
                   onClick: X,
-                  disabled: a,
+                  disabled: i,
                   className: "text-primary hover:text-primary/80",
                   children: $
                 }
@@ -139,31 +140,31 @@ const W = H.forwardRef(
                 spellCheck: "false",
                 pattern: "^[0-9]*[.,]?[0-9]*$",
                 placeholder: "0",
-                value: o,
+                value: n,
                 onChange: R,
-                onFocus: z,
+                onFocus: S,
                 onBlur: F,
-                disabled: a || !b && !c,
+                disabled: i || !b && !c,
                 className: g(
                   "flex-1 bg-transparent border-none outline-none text-foreground font-medium placeholder:text-muted-foreground",
                   O[N]
                 )
               }
             ),
-            (x || I) && /* @__PURE__ */ d(
+            (h || I) && /* @__PURE__ */ d(
               "button",
               {
                 type: "button",
                 onClick: f,
-                disabled: a || !f,
+                disabled: i || !f,
                 className: g(
                   "flex items-center gap-2 rounded-full bg-secondary px-3 py-1.5 text-sm font-medium transition-colors",
-                  f && !a && "hover:bg-secondary/80 cursor-pointer",
+                  f && !i && "hover:bg-secondary/80 cursor-pointer",
                   !f && "cursor-default"
                 ),
                 children: [
                   I,
-                  x && /* @__PURE__ */ s("span", { children: x })
+                  h && /* @__PURE__ */ s("span", { children: h })
                 ]
               }
             )
@@ -173,7 +174,7 @@ const W = H.forwardRef(
     );
   }
 );
-W.displayName = "SmartNumberInput";
+Y.displayName = "SmartNumberInput";
 export {
-  W as SmartNumberInput
+  Y as SmartNumberInput
 };