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

package/dist/esm/components/edit-input/edit-input.js

@@ -1,96 +1,122 @@
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { Pencil as z, Check as I, X as R } from "lucide-react";
-import * as s from "react";
-import { Input as S } from "../input/input.js";
-import { cn as l } from "../../utils/cn.js";
-import "sonner";
+import { jsx as t } from "react/jsx-runtime";
+import { IconEditPen as z } from "@gearbox-protocol/static";
+import { cva as D } from "class-variance-authority";
+import * as r from "react";
+import { faArrowRight as K } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as N } from "../icons/fa-icon.js";
+import { Input as L } from "../input/input.js";
+import { TextButton as M } from "../text-button/text-button.js";
 import "@gearbox-protocol/sdk";
-function L({
-  value: n = "",
-  onChange: g,
-  placeholder: m,
-  disabled: o,
-  onBlur: y,
-  onSubmit: C,
-  onEditModeChange: E,
-  label: f,
-  inputSize: k = "md",
-  className: p
+import { cn as f } from "../../utils/cn.js";
+import "sonner";
+const S = D("", {
+  variants: {
+    labelHeight: {
+      xs: "h-auto",
+      sm: "h-8",
+      md: "h-10",
+      lg: "h-11"
+    }
+  },
+  defaultVariants: {
+    labelHeight: "sm"
+  }
+}), V = {
+  xs: "xs",
+  sm: "sm",
+  md: "default",
+  lg: "lg"
+};
+function U({
+  label: c,
+  value: m,
+  onChange: d,
+  onSubmit: u,
+  onEditModeChange: p,
+  textButtonProps: h = {},
+  inputSize: s = "sm",
+  colorTheme: x = "filledLight",
+  placeholder: g,
+  inputMode: E = "decimal",
+  autoComplete: w = "off",
+  autoCorrect: y = "off",
+  type: I = "text",
+  spellCheck: b = "false",
+  className: a,
+  onKeyDown: k,
+  ...v
 }) {
-  const [r, N] = s.useState(!1), [x, i] = s.useState(n), c = s.useRef(null);
-  s.useEffect(() => {
-    i(n);
-  }, [n]), s.useEffect(() => {
-    r && c.current && c.current.focus();
-  }, [r]);
-  const a = (t) => {
-    N(t), E?.(t);
-  }, u = () => {
-    g?.(x), C?.(), a(!1);
-  }, d = () => {
-    i(n), a(!1);
-  }, b = (t) => {
-    t.key === "Enter" ? u() : t.key === "Escape" && d();
-  }, w = {
-    xs: "h-6 text-[10px]",
-    sm: "h-7 text-xs",
-    md: "h-9 text-sm",
-    lg: "h-11 text-base"
+  const [i, C] = r.useState(!1), n = r.useRef(null);
+  r.useEffect(() => {
+    i && n.current && n.current.focus();
+  }, [i]);
+  const o = (e) => {
+    C(e), p?.(e);
+  }, l = () => {
+    u?.(), o(!1);
+  }, H = () => {
+    o(!1);
+  }, R = (e) => {
+    e.key === "Enter" ? l() : e.key === "Escape" && H(), k?.(e);
+  }, j = () => {
+    o(!0);
   };
-  return r ? /* @__PURE__ */ h("div", { className: l("inline-flex items-center gap-1", p), children: [
-    f && /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground mr-1", children: f }),
-    /* @__PURE__ */ e(
-      S,
-      {
-        ref: c,
-        type: "text",
-        value: x,
-        onChange: (t) => i(t.target.value),
-        onBlur: () => {
-          y?.(), u();
-        },
-        onKeyDown: b,
-        placeholder: m,
-        disabled: o,
-        className: l("w-auto min-w-[100px]", w[k])
-      }
-    ),
-    /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        onClick: u,
-        className: "p-1 text-green-600 hover:bg-green-100 rounded",
-        children: /* @__PURE__ */ e(I, { size: 14 })
-      }
-    ),
-    /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        onClick: d,
-        className: "p-1 text-red-600 hover:bg-red-100 rounded",
-        children: /* @__PURE__ */ e(R, { size: 14 })
-      }
-    )
-  ] }) : /* @__PURE__ */ h(
-    "button",
+  return i ? /* @__PURE__ */ t(
+    "div",
+    {
+      className: f(
+        "relative w-full flex flex-row flex-nowrap justify-end items-center",
+        a
+      ),
+      children: /* @__PURE__ */ t(
+        L,
+        {
+          ref: n,
+          value: m,
+          size: V[s],
+          colorTheme: x,
+          onChange: d,
+          inputMode: E,
+          placeholder: g,
+          autoComplete: w,
+          autoCorrect: y,
+          type: I,
+          spellCheck: b,
+          onKeyDown: R,
+          endingIcon: /* @__PURE__ */ t(
+            N,
+            {
+              icon: K,
+              className: "size-[18px] text-primary",
+              "aria-hidden": !0
+            }
+          ),
+          onEndingIconClick: l,
+          ...v
+        }
+      )
+    }
+  ) : /* @__PURE__ */ t(
+    "div",
     {
-      type: "button",
-      onClick: () => !o && a(!0),
-      className: l(
-        "inline-flex items-center gap-1.5 text-foreground hover:text-primary transition-colors",
-        o && "opacity-50 cursor-not-allowed",
-        p
+      className: f(
+        "flex w-full justify-end items-center cursor-pointer",
+        S({ labelHeight: s }),
+        a
       ),
-      disabled: o,
-      children: [
-        /* @__PURE__ */ e("span", { children: n || m || "Click to edit" }),
-        !o && /* @__PURE__ */ e(z, { size: 14, className: "text-muted-foreground" })
-      ]
+      children: /* @__PURE__ */ t(
+        M,
+        {
+          ...h,
+          icon: /* @__PURE__ */ t(z, { size: 12, className: "mb-[3px] shrink-0", "aria-hidden": !0 }),
+          tabIndex: -1,
+          onClick: j,
+          children: c
+        }
+      )
     }
   );
 }
 export {
-  L as EditInput
+  U as EditInput
 };

package/dist/esm/components/error-message/error-line-message.js

@@ -1,8 +1,8 @@
 import { jsxs as r } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as i } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function a({
   err: e,
   title: t,

package/dist/esm/components/error-message/error-message.js

@@ -4,9 +4,9 @@ import { Button as i } from "../buttons/button/button.js";
 import { DialogContainer as l } from "../dialog/dialog-container.js";
 import { FormattedMessageTyped as d } from "../typed-intl/index.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function N({
   err: t,
   btnTitle: s,

package/dist/esm/components/error-view/error-view.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { BackButton as x } from "../buttons/back-button/back-button.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function h({
   status: m,
   message: t,

package/dist/esm/components/explorer-links-dropdown/explorer-links-dropdown.js

@@ -1,6 +1,6 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import { ExternalLink as k } from "lucide-react";
-import * as c from "react";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { IconExternal as k } from "@gearbox-protocol/static";
+import * as s from "react";
 import { DropdownMenu as C, DropdownMenuTrigger as b } from "../dropdown-menu/dropdown-menu.js";
 import "../dropdown-menu/dropdown-menu-checkbox-item.js";
 import { DropdownMenuContent as D } from "../dropdown-menu/dropdown-menu-content.js";
@@ -11,9 +11,9 @@ import "../dropdown-menu/dropdown-menu-separator.js";
 import "../dropdown-menu/dropdown-menu-shortcut.js";
 import "../dropdown-menu/dropdown-menu-sub-content.js";
 import "../dropdown-menu/dropdown-menu-sub-trigger.js";
+import "@gearbox-protocol/sdk";
 import { cn as M } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const m = {
   1: [
     { name: "Etherscan", url: "https://etherscan.io" },
@@ -44,16 +44,16 @@ function q({
   className: f,
   children: d
 }) {
-  const [g, i] = c.useState(r ?? !1);
-  c.useEffect(() => {
+  const [g, i] = s.useState(r ?? !1);
+  s.useEffect(() => {
     r !== void 0 && i(r);
   }, [r]);
   const x = (t) => {
     i(t), t || p?.();
   }, E = e ?? m[h] ?? m[1];
-  return /* @__PURE__ */ s(C, { open: g, onOpenChange: x, children: [
+  return /* @__PURE__ */ c(C, { open: g, onOpenChange: x, children: [
     /* @__PURE__ */ o(b, { asChild: !0, children: /* @__PURE__ */ o("span", { className: M("cursor-pointer", f), children: d || a || "Explorer" }) }),
-    /* @__PURE__ */ o(D, { align: n === "left" ? "start" : "end", children: E?.map((t) => /* @__PURE__ */ o(w, { asChild: !0, children: /* @__PURE__ */ s(
+    /* @__PURE__ */ o(D, { align: n === "left" ? "start" : "end", children: E?.map((t) => /* @__PURE__ */ o(w, { asChild: !0, children: /* @__PURE__ */ c(
       "a",
       {
         href: N(t.url, l, u),

package/dist/esm/components/fadeout-loading/fadeout-loading.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
 import * as n from "react";
+import "@gearbox-protocol/sdk";
 import { cn as p } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const d = n.forwardRef(
   ({ className: o, loading: a = !1, duration: t = 150, children: i, style: e, ...r }, s) => /* @__PURE__ */ m(
     "span",

package/dist/esm/components/filter/filter-block.js

@@ -1,8 +1,8 @@
 import { jsx as p } from "react/jsx-runtime";
 import * as s from "react";
+import "@gearbox-protocol/sdk";
 import { cn as l } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import { filterBlockVariants as c } from "./variants.js";
 const d = s.forwardRef(
   ({ className: t, variant: o, opened: r, type: a, hasSelected: e, onReset: f, ...i }, m) => /* @__PURE__ */ p(

package/dist/esm/components/filter/filter-checkbox-item.js

@@ -1,27 +1,28 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-dropdown-menu";
-import { Check as n } from "lucide-react";
-import * as m from "react";
-import { cn as l } from "../../utils/cn.js";
-import "sonner";
+import * as n from "react";
+import { faCheck as m } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as l } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
-const d = m.forwardRef(({ className: o, children: r, checked: a, ...s }, i) => /* @__PURE__ */ c(
+import { cn as d } from "../../utils/cn.js";
+import "sonner";
+const p = n.forwardRef(({ className: o, children: r, checked: a, ...s }, i) => /* @__PURE__ */ c(
   t.CheckboxItem,
   {
     ref: i,
-    className: l(
+    className: d(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       o
     ),
     checked: a,
     ...s,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(n, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(l, { icon: m, className: "size-4" }) }) }),
       r
     ]
   }
 ));
-d.displayName = t.CheckboxItem.displayName;
+p.displayName = t.CheckboxItem.displayName;
 export {
-  d as FilterCheckboxItem
+  p as FilterCheckboxItem
 };

package/dist/esm/components/filter/filter-chip.js

@@ -1,23 +1,24 @@
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { X as p } from "lucide-react";
-import * as m from "react";
-import { Badge as f } from "../badge/badge.js";
-import { cn as l } from "../../utils/cn.js";
-import "sonner";
+import * as p from "react";
+import { Badge as m } from "../badge/badge.js";
+import { faXmark as f } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as l } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
-const u = m.forwardRef(
-  ({ className: e, label: t, value: d, onRemove: o, showRemove: i = !0, ...a }, n) => /* @__PURE__ */ r("div", { ref: n, ...a, children: /* @__PURE__ */ s(
-    f,
+import { cn as u } from "../../utils/cn.js";
+import "sonner";
+const d = p.forwardRef(
+  ({ className: e, label: i, value: g, onRemove: o, showRemove: t = !0, ...a }, n) => /* @__PURE__ */ r("div", { ref: n, ...a, children: /* @__PURE__ */ s(
+    m,
     {
       variant: "secondary",
-      className: l(
+      className: u(
         "gap-1.5 px-2 py-1 pr-1.5",
-        i && o && "cursor-pointer",
+        t && o && "cursor-pointer",
         e
       ),
       children: [
-        /* @__PURE__ */ r("span", { children: t }),
-        i && o && /* @__PURE__ */ r(
+        /* @__PURE__ */ r("span", { children: i }),
+        t && o && /* @__PURE__ */ r(
           "button",
           {
             type: "button",
@@ -25,15 +26,15 @@ const u = m.forwardRef(
               c.stopPropagation(), o();
             },
             className: "ml-1 rounded-sm hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-            "aria-label": `Remove filter: ${t}`,
-            children: /* @__PURE__ */ r(p, { className: "h-3 w-3" })
+            "aria-label": `Remove filter: ${i}`,
+            children: /* @__PURE__ */ r(l, { icon: f, className: "size-3" })
           }
         )
       ]
     }
   ) })
 );
-u.displayName = "FilterChip";
+d.displayName = "FilterChip";
 export {
-  u as FilterChip
+  d as FilterChip
 };

package/dist/esm/components/filter/filter-chips.js

@@ -1,8 +1,8 @@
 import { jsxs as p, jsx as i } from "react/jsx-runtime";
 import * as d from "react";
+import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import { FilterChip as u } from "./filter-chip.js";
 const c = d.forwardRef(
   ({

package/dist/esm/components/filter/filter-dropdown-item.js

@@ -1,8 +1,8 @@
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import * as p from "react";
+import "@gearbox-protocol/sdk";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const x = p.forwardRef(
   ({
     className: n,

package/dist/esm/components/filter/filter-group.js

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-dropdown-menu";
 import * as t from "react";
+import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const e = t.forwardRef(({ className: o, ...m }, p) => /* @__PURE__ */ i(r.Group, { ref: p, className: a(o), ...m }));
 e.displayName = r.Group.displayName;
 export {

package/dist/esm/components/filter/filter-label.js

@@ -1,9 +1,9 @@
 import { jsx as a } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dropdown-menu";
 import * as i from "react";
+import "@gearbox-protocol/sdk";
 import { cn as p } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const s = i.forwardRef(({ className: m, inset: r, ...e }, t) => /* @__PURE__ */ a(
   o.Label,
   {

package/dist/esm/components/filter/filter-modal-item.js

@@ -1,8 +1,8 @@
 import { jsxs as d, jsx as n } from "react/jsx-runtime";
 import * as x from "react";
+import "@gearbox-protocol/sdk";
 import { cn as g } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const b = x.forwardRef(
   ({
     className: i,

package/dist/esm/components/filter/filter-modal.js

@@ -6,12 +6,13 @@ 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 j } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import { extractTextFromLabel as R, serializeValue as z } from "../../utils/react.js";
 import "../buttons/tab-button/tab-button.js";
 import { CheckboxItem as F } from "../checkbox-item/checkbox-item.js";
+import "../modal/modal.js";
 import { Dialog as P } from "../dialog/dialog.js";
 import "../dialog/dialog-container.js";
 import { DialogContent as U } from "../dialog/dialog-content.js";
@@ -19,7 +20,6 @@ import "../dialog/dialog-description.js";
 import { DialogFooter as W } from "../dialog/dialog-footer.js";
 import { DialogHeader as X } from "../dialog/dialog-header.js";
 import { DialogTitle as Y } from "../dialog/dialog-title.js";
-import "../dialog/dialog-modal.js";
 import "../dialog/dialog-modal-container.js";
 import "../dialog/dialog-overlay.js";
 import "viem";

package/dist/esm/components/filter/filter-radio-item.js

@@ -1,26 +1,27 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-dropdown-menu";
-import { Circle as n } from "lucide-react";
-import * as l from "react";
-import { cn as c } from "../../utils/cn.js";
-import "sonner";
+import * as n from "react";
+import { faCircle as c } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as m } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
-const m = l.forwardRef(({ className: o, children: r, ...a }, i) => /* @__PURE__ */ s(
+import { cn as l } from "../../utils/cn.js";
+import "sonner";
+const d = n.forwardRef(({ className: o, children: r, ...a }, i) => /* @__PURE__ */ s(
   t.RadioItem,
   {
     ref: i,
-    className: c(
+    className: l(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       o
     ),
     ...a,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(n, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(m, { icon: c, className: "size-2 fill-current" }) }) }),
       r
     ]
   }
 ));
-m.displayName = t.RadioItem.displayName;
+d.displayName = t.RadioItem.displayName;
 export {
-  m as FilterRadioItem
+  d as FilterRadioItem
 };

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

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-dropdown-menu";
 import * as p from "react";
+import "@gearbox-protocol/sdk";
 import { cn as e } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const i = p.forwardRef(({ className: o, ...m }, a) => /* @__PURE__ */ t(
   r.Separator,
   {

package/dist/esm/components/formatted-number/formatted-number.js

@@ -1,15 +1,48 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as n, jsxs as i, Fragment as o } from "react/jsx-runtime";
+import { SimpleTooltip as g } from "../tooltip/simple-tooltip.js";
+import "../tooltip/tooltip.js";
 import "react";
-import { cn as i } from "../../utils/cn.js";
-import "sonner";
 import "@gearbox-protocol/sdk";
-function u({
-  value: r,
-  className: t,
-  ...m
+import { cn as u } from "../../utils/cn.js";
+import "sonner";
+function S({
+  value: t,
+  decimalPartLength: r = 4,
+  hideZerosIfMore: p = 3,
+  className: m,
+  ...s
 }) {
-  return /* @__PURE__ */ o("span", { className: i("tabular-nums", t), ...m, children: r });
+  const d = () => {
+    if (t === void 0 || typeof t == "string")
+      return t;
+    const e = t;
+    if ("originalValue" in e)
+      return e.originalValue;
+    const [a, c] = e.repeat > 0 && e.repeat > p ? ["0", e.repeat] : ["0".repeat(e.repeat), void 0], l = e.decimal && e.decimal.length > 0, h = /* @__PURE__ */ i("span", { children: [
+      e.integer,
+      l && /* @__PURE__ */ i(o, { children: [
+        ".",
+        a.repeat(c || 0),
+        e.decimal
+      ] })
+    ] }), f = /* @__PURE__ */ i("span", { children: [
+      e.integer,
+      l && /* @__PURE__ */ i(o, { children: [
+        ".",
+        /* @__PURE__ */ n(x, { zeroPart: a, repeats: c }),
+        (e.decimal?.slice(0, r) ?? "").replace(/0+$/, "")
+      ] })
+    ] });
+    return /* @__PURE__ */ n(g, { placement: "top", title: f, children: h });
+  };
+  return /* @__PURE__ */ n("span", { className: u("relative", m), ...s, children: d() });
+}
+function x({ zeroPart: t, repeats: r }) {
+  return /* @__PURE__ */ i(o, { children: [
+    t,
+    r !== void 0 && r > 0 && /* @__PURE__ */ n("span", { className: "relative -bottom-[3px] text-[calc(1em-2px)]", children: r })
+  ] });
 }
 export {
-  u as FormattedNumberString
+  S as FormattedNumberString
 };

package/dist/esm/components/general-asset-list/general-asset-list.js

@@ -1,9 +1,9 @@
 import { jsx as n, Fragment as p, jsxs as t } from "react/jsx-runtime";
 import { TokenSymbol as i } from "../token-symbol/token-symbol.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function h({
   assets: m,
   onSelect: l,

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

@@ -1,8 +1,8 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as l } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function h({
   tableHead: i,
   found: t,

package/dist/esm/components/grid-td-cell/grid-td-cell.js

@@ -1,11 +1,11 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import "react";
-import { cn as p } from "../../utils/cn.js";
-import "sonner";
 import "@gearbox-protocol/sdk";
-function l({ children: r, className: o, ...t }) {
-  return /* @__PURE__ */ m("td", { className: p("px-3 py-2", o), ...t, children: r });
+import { cn as t } from "../../utils/cn.js";
+import "sonner";
+function a({ children: r, className: i, ...m }) {
+  return /* @__PURE__ */ o("td", { className: t("px-3 py-2 align-middle", i), ...m, children: r });
 }
 export {
-  l as GridTDCell
+  a as GridTDCell
 };