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

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
 };

package/dist/esm/components/spinner/spinner.js

@@ -1,11 +1,11 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { Loader2 as d } from "lucide-react";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { IconPending as d } from "@gearbox-protocol/static";
 import * as i from "react";
-import { cn as n } from "../../utils/cn.js";
-import "sonner";
 import "@gearbox-protocol/sdk";
-const o = i.forwardRef(
-  ({ className: s, size: t = "default", label: e, ...a }, m) => {
+import { cn as a } from "../../utils/cn.js";
+import "sonner";
+const m = i.forwardRef(
+  ({ className: s, size: e = "default", label: r, ...n }, o) => {
     const l = {
       xs: "h-3 w-3",
       sm: "h-4 w-4",
@@ -16,43 +16,44 @@ const o = i.forwardRef(
     return /* @__PURE__ */ c(
       "div",
       {
-        ref: m,
-        className: n(
+        ref: o,
+        className: a(
           "flex flex-col items-center justify-center gap-2",
           s
         ),
-        ...a,
+        ...n,
         children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ t(
             d,
             {
-              className: n(
+              size: e === "xs" ? 12 : e === "sm" ? 16 : e === "default" ? 24 : e === "lg" ? 32 : 48,
+              className: a(
                 "animate-spin text-muted-foreground",
-                l[t]
+                l[e]
               )
             }
           ),
-          e && /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground", children: e })
+          r && /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: r })
         ]
       }
     );
   }
 );
-o.displayName = "Spinner";
-const f = i.forwardRef(({ className: s, fullScreen: t = !1, ...e }, a) => /* @__PURE__ */ r(
+m.displayName = "Spinner";
+const f = i.forwardRef(({ className: s, fullScreen: e = !1, ...r }, n) => /* @__PURE__ */ t(
   "div",
   {
-    ref: a,
-    className: n(
+    ref: n,
+    className: a(
       "flex items-center justify-center bg-background/80 backdrop-blur-sm",
-      t ? "fixed inset-0 z-50" : "absolute inset-0",
+      e ? "fixed inset-0 z-50" : "absolute inset-0",
       s
     ),
-    children: /* @__PURE__ */ r(o, { size: "lg", ...e })
+    children: /* @__PURE__ */ t(m, { size: "lg", ...r })
   }
 ));
 f.displayName = "SpinnerOverlay";
 export {
-  o as Spinner,
+  m as Spinner,
   f as SpinnerOverlay
 };

package/dist/esm/components/split-list/split-list.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as l from "react";
+import "@gearbox-protocol/sdk";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function d(t) {
   if (t === !0) return "flex-1";
   if (t === "auto") return "flex-none";

package/dist/esm/components/stat-badge/stat-badge.js

@@ -2,10 +2,11 @@ import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { cva as l } from "class-variance-authority";
 import * as v from "react";
 import { StatusTriangle as x } from "../status-triangle/status-triangle.js";
+import "../tooltip/simple-tooltip.js";
 import { TooltipProvider as B, Tooltip as V, TooltipTrigger as T, TooltipContent as w } from "../tooltip/tooltip.js";
+import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const y = l(
   "w-full h-full rounded-lg border transition-colors",
   {

package/dist/esm/components/status-dot/status-dot.js

@@ -1,15 +1,15 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { cva as m } from "class-variance-authority";
 import * as n from "react";
+import "@gearbox-protocol/sdk";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const d = m("rounded-full shrink-0", {
   variants: {
     variant: {
       default: "bg-muted-foreground",
-      success: "bg-green-500",
-      warning: "bg-yellow-500",
+      success: "bg-success",
+      warning: "bg-warning",
       alert: "bg-destructive",
       primary: "bg-primary",
       secondary: "bg-secondary",
@@ -25,24 +25,24 @@ const d = m("rounded-full shrink-0", {
   },
   defaultVariants: {
     variant: "default",
-    size: "default"
+    size: "sm"
   }
-}), l = n.forwardRef(
-  ({ className: t, variant: a, size: r, pulse: e, ...s }, o) => /* @__PURE__ */ i(
+}), c = n.forwardRef(
+  ({ className: t, variant: a, size: r, pulse: s, ...e }, i) => /* @__PURE__ */ o(
     "div",
     {
-      ref: o,
+      ref: i,
       className: u(
         d({ variant: a, size: r }),
-        e && "animate-pulse",
+        s && "animate-pulse",
         t
       ),
-      ...s
+      ...e
     }
   )
 );
-l.displayName = "StatusDot";
+c.displayName = "StatusDot";
 export {
-  l as StatusDot,
+  c as StatusDot,
   d as statusDotVariants
 };

package/dist/esm/components/status-elements/index.js

@@ -0,0 +1,5 @@
+import { HealthDot as o, StatusBars as r } from "./status-elements.js";
+export {
+  o as HealthDot,
+  r as StatusBars
+};

package/dist/esm/components/status-elements/status-elements.js

@@ -0,0 +1,66 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cva as u } from "class-variance-authority";
+import "react";
+import "@gearbox-protocol/sdk";
+import { cn as o } from "../../utils/cn.js";
+import "sonner";
+const d = {
+  good: "bg-success",
+  medium: "bg-warning",
+  bad: "bg-destructive",
+  critical: "bg-destructive",
+  liquidation: "bg-liquidation"
+};
+function O({ zone: i, size: t = 8 }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: o("rounded-full shrink-0", d[i]),
+      style: { width: t, height: t },
+      "aria-hidden": !0
+    }
+  );
+}
+const l = {
+  good: 3,
+  medium: 2,
+  bad: 1,
+  critical: 1,
+  liquidation: 1
+}, g = 3, m = {
+  good: "success",
+  medium: "warning",
+  bad: "destructive",
+  critical: "destructive",
+  liquidation: "liquidation"
+}, b = u(
+  [
+    "h-[3px] rounded-[1.5px]",
+    "w-full max-w-full grow-0 shrink-0 basis-full"
+  ].join(" "),
+  {
+    variants: {
+      color: {
+        success: "bg-success",
+        warning: "bg-warning",
+        destructive: "bg-destructive",
+        liquidation: "bg-liquidation",
+        "gray-50": "bg-gray-50"
+      }
+    }
+  }
+);
+function B({ zone: i }) {
+  const t = l[i], e = m[i], n = Array.from({ length: g }, (s, r) => {
+    const c = r < t;
+    return {
+      key: r,
+      color: c ? e : "gray-50"
+    };
+  }).reverse();
+  return /* @__PURE__ */ a("div", { className: o("flex flex-wrap gap-0.5 w-2"), "aria-hidden": !0, children: n.map(({ key: s, color: r }) => /* @__PURE__ */ a("div", { className: b({ color: r }) }, s)) });
+}
+export {
+  O as HealthDot,
+  B as StatusBars
+};

package/dist/esm/components/status-triangle/status-triangle.js

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as d } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const c = {
   xs: 4,
   sm: 5,

package/dist/esm/components/stepper/stepper.js

@@ -1,40 +1,41 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { Check as p } from "lucide-react";
-import * as h from "react";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import * as p from "react";
+import { faCheck as u } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as h } from "../icons/fa-icon.js";
+import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
-const w = h.forwardRef(
+const v = p.forwardRef(
   ({
-    className: u,
+    className: g,
     steps: d,
     activeStep: l,
-    orientation: g = "horizontal",
+    orientation: y = "horizontal",
     onStepClick: o,
-    ...y
-  }, b) => {
-    const c = g === "horizontal";
+    ...b
+  }, N) => {
+    const c = y === "horizontal";
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: b,
+        ref: N,
         className: r(
           "flex",
           c ? "flex-row flex-wrap items-center gap-x-2 gap-y-3 sm:gap-x-0 sm:gap-y-4" : "flex-col",
-          u
+          g
         ),
-        ...y,
+        ...b,
         children: d.map((t, i) => {
           const s = i < l, m = i === l, x = i === d.length - 1, f = o ? {
             role: "button",
             tabIndex: 0,
             onClick: o ? () => o(i) : void 0,
-            onKeyDown: o ? (n) => {
-              (n.key === "Enter" || n.key === " ") && (n.preventDefault(), o(i));
+            onKeyDown: o ? (a) => {
+              (a.key === "Enter" || a.key === " ") && (a.preventDefault(), o(i));
             } : void 0
           } : {};
-          return c ? /* @__PURE__ */ a(h.Fragment, { children: [
-            /* @__PURE__ */ a(
+          return c ? /* @__PURE__ */ n(p.Fragment, { children: [
+            /* @__PURE__ */ n(
               "div",
               {
                 className: r(
@@ -52,10 +53,10 @@ const w = h.forwardRef(
                         m && "border-primary text-primary",
                         !s && !m && "border-muted text-muted-foreground"
                       ),
-                      children: s ? /* @__PURE__ */ e(p, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : /* @__PURE__ */ e("span", { children: i + 1 })
+                      children: s ? /* @__PURE__ */ e(h, { icon: u, className: "size-3 sm:size-4" }) : /* @__PURE__ */ e("span", { children: i + 1 })
                     }
                   ),
-                  /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5 text-left", children: [
+                  /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5 text-left", children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
@@ -81,7 +82,7 @@ const w = h.forwardRef(
                 )
               }
             )
-          ] }, t.id) : /* @__PURE__ */ a(
+          ] }, t.id) : /* @__PURE__ */ n(
             "div",
             {
               className: r(
@@ -90,7 +91,7 @@ const w = h.forwardRef(
               ),
               ...f,
               children: [
-                /* @__PURE__ */ a("div", { className: "flex flex-col items-center", children: [
+                /* @__PURE__ */ n("div", { className: "flex flex-col items-center", children: [
                   /* @__PURE__ */ e(
                     "div",
                     {
@@ -100,7 +101,7 @@ const w = h.forwardRef(
                         m && "border-primary text-primary",
                         !s && !m && "border-muted text-muted-foreground"
                       ),
-                      children: s ? /* @__PURE__ */ e(p, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : /* @__PURE__ */ e("span", { children: i + 1 })
+                      children: s ? /* @__PURE__ */ e(h, { icon: u, className: "size-3 sm:size-4" }) : /* @__PURE__ */ e("span", { children: i + 1 })
                     }
                   ),
                   !x && /* @__PURE__ */ e(
@@ -113,7 +114,7 @@ const w = h.forwardRef(
                     }
                   )
                 ] }),
-                /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5 pt-0.5 sm:pt-1.5 pb-3 sm:pb-4", children: [
+                /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5 pt-0.5 sm:pt-1.5 pb-3 sm:pb-4", children: [
                   /* @__PURE__ */ e(
                     "span",
                     {
@@ -136,7 +137,7 @@ const w = h.forwardRef(
     );
   }
 );
-w.displayName = "Stepper";
+v.displayName = "Stepper";
 export {
-  w as Stepper
+  v as Stepper
 };

package/dist/esm/components/styled-dropdown/styled-dropdown.js

@@ -10,9 +10,9 @@ import "../dropdown-menu/dropdown-menu-shortcut.js";
 import "../dropdown-menu/dropdown-menu-sub-content.js";
 import "../dropdown-menu/dropdown-menu-sub-trigger.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as c } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function U({
   children: g,
   open: u,

package/dist/esm/components/switch/switch.js

@@ -1,9 +1,9 @@
 import { jsx as a } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-switch";
 import * as l from "react";
+import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const d = l.forwardRef(({ className: r, size: t = "default", ...o }, i) => {
   const n = {
     sm: "h-4 w-7",

package/dist/esm/components/tab-control/tab-control.js

@@ -1,9 +1,9 @@
 import { jsx as f, jsxs as C, Fragment as S } from "react/jsx-runtime";
 import { useRef as h, useState as v, useCallback as m, useMemo as w, useEffect as T } from "react";
 import { useLocation as U, useNavigate as N } from "react-router-dom";
+import "@gearbox-protocol/sdk";
 import { cn as b } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function $(r) {
   if (!r) return null;
   const { width: t = 0, height: o = 0 } = r?.getBoundingClientRect() || {}, i = r?.offsetTop || 0, s = r?.offsetLeft || 0;

package/dist/esm/components/table/edit-button.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { Edit as d } from "lucide-react";
+import { IconEditPen as d } from "@gearbox-protocol/static";
 import "../buttons/back-button/back-button.js";
 import { Button as h } from "../buttons/button/button.js";
 import "../buttons/copy-button/copy-button.js";
@@ -7,22 +7,22 @@ import "../buttons/external-button/external-button.js";
 import "../buttons/filter-button/filter-button.js";
 import "../buttons/navigation-button/navigation-button.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import "../buttons/tab-button/tab-button.js";
-function q({
+function P({
   onClick: m,
   customButton: p,
-  children: n,
-  disabled: e,
+  children: e,
+  disabled: n,
   width: c,
   $width: s,
   className: a,
   style: f,
   ...l
 }) {
-  const t = n || p, o = c === "wide" || s === "wide";
+  const t = e || p, o = c === "wide" || s === "wide";
   return /* @__PURE__ */ i("div", { className: r(t ? "px-4 py-2" : "px-2", o && "w-full"), children: /* @__PURE__ */ i(
     h,
     {
@@ -33,13 +33,13 @@ function q({
       ),
       variant: "ghost",
       onClick: m,
-      disabled: e,
+      disabled: n,
       style: f,
       ...l,
-      children: t ?? /* @__PURE__ */ i(d, { className: "h-4 w-4" })
+      children: t ?? /* @__PURE__ */ i(d, { size: 16, className: "size-4" })
     }
   ) });
 }
 export {
-  q as EditButton
+  P as EditButton
 };