@gearbox-protocol/ui-kit 4.0.0-next.6 → 4.0.0-next.60

package/dist/esm/components/assets-list-cell/assets-list-cell.js

@@ -5,15 +5,11 @@ import "../buttons/back-button/back-button.js";
 import { Button as $ } 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 "../buttons/tab-button/tab-button.js";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as T } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-import "../buttons/tab-button/tab-button.js";
 import { CollateralAllocationTooltip as B } from "../collateral-allocation-tooltip/collateral-allocation-tooltip.js";
 import { TokenIcon as j } from "../token-icon/token-icon.js";
 import { SimpleTooltip as M } from "../tooltip/simple-tooltip.js";
@@ -26,9 +22,9 @@ function O({
   iconSize: n,
   onOtherClick: o,
   otherTooltip: i,
-  fallbackTooltip: m
+  fallbackTooltip: d
 }) {
-  const l = T(
+  const r = T(
     "inline-flex items-center justify-center rounded-full shrink-0",
     "bg-gray-50 text-foreground ml-1!",
     o && "cursor-pointer hover:bg-gray-70 transition-colors"
@@ -42,16 +38,16 @@ function O({
     "+",
     t
   ] });
-  return !o && !i ? /* @__PURE__ */ e("span", { className: l, style: c, children: u }) : /* @__PURE__ */ e(M, { title: o ? /* @__PURE__ */ e(
+  return !o && !i ? /* @__PURE__ */ e("span", { className: r, style: c, children: u }) : /* @__PURE__ */ e(M, { title: o ? /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       onClick: o,
-      className: l,
+      className: r,
       style: c,
       children: u
     }
-  ) : /* @__PURE__ */ e("span", { className: l, style: c, children: u }), placement: "top", children: i || m });
+  ) : /* @__PURE__ */ e("span", { className: r, style: c, children: u }), placement: "top", children: i || d });
 }
 function E(t) {
   return "balances" in t && t.balances !== void 0;
@@ -64,12 +60,12 @@ function W({
   symbol: n,
   iconSymbol: o,
   comment: i,
-  explorerUrl: m,
-  iconSize: l = 24,
+  explorerUrl: d,
+  iconSize: r = 24,
   className: c
 }) {
   return /* @__PURE__ */ p("div", { className: T("flex items-center gap-3", c), children: [
-    /* @__PURE__ */ e(j, { token: o ?? n, size: l }),
+    /* @__PURE__ */ e(j, { token: o ?? n, size: r }),
     /* @__PURE__ */ p("div", { className: "flex items-center gap-1", children: [
       /* @__PURE__ */ e("div", { className: "font-medium", children: n }),
       i && /* @__PURE__ */ p("div", { className: "text-md text-muted-foreground", children: [
@@ -77,13 +73,13 @@ function W({
         i,
         ")"
       ] }),
-      m && /* @__PURE__ */ e(
+      d && /* @__PURE__ */ e(
         $,
         {
           variant: "ghost",
           size: "sm",
           className: "text-muted-foreground hover:text-foreground p-0 h-auto",
-          onClick: () => window.open(`${m}/address/${t}`, "_blank"),
+          onClick: () => window.open(`${d}/address/${t}`, "_blank"),
           children: /* @__PURE__ */ e(R, { size: 12, className: "size-3" })
         }
       )
@@ -95,8 +91,8 @@ function _({
   tokensList: n,
   maxAssets: o = 3,
   iconSize: i = 24,
-  options: m,
-  className: l
+  options: d,
+  className: r
 }) {
   const {
     mode: c = "default",
@@ -104,18 +100,18 @@ function _({
     otherTooltip: x,
     onOtherClick: v,
     allocation: g
-  } = m || {}, w = c === "cascade", k = u && !g, [y, C, I, h] = S(() => {
-    const s = t, r = s.slice(0, o), a = s.slice(o), f = a.map((b) => {
+  } = d || {}, w = c === "cascade", k = u && !g, [y, C, I, h] = S(() => {
+    const s = t, l = s.slice(0, o), a = s.slice(o), f = a.map((b) => {
       const N = typeof b == "string" ? b : b.token;
       return n[N]?.title || n[N]?.symbol || "unknown";
-    }).join(", "), d = s.length > o;
-    return [r, a, f, d];
+    }).join(", "), m = s.length > o;
+    return [l, a, f, m];
   }, [t, o, n]);
   return z(
     g,
-    /* @__PURE__ */ p("div", { className: T("relative inline-flex items-center", l), children: [
-      y.map((s, r, a) => {
-        const f = typeof s == "string" ? s : s.token, d = n[f], b = r === a.length - 1, N = w ? a.length - r : void 0, A = /* @__PURE__ */ e(j, { token: d, size: i });
+    /* @__PURE__ */ p("div", { className: T("relative inline-flex items-center", r), children: [
+      y.map((s, l, a) => {
+        const f = typeof s == "string" ? s : s.token, m = n[f], b = l === a.length - 1, N = w ? a.length - l : void 0, A = /* @__PURE__ */ e(j, { token: m, size: i });
         return /* @__PURE__ */ e(
           "div",
           {
@@ -129,11 +125,11 @@ function _({
               {
                 title: /* @__PURE__ */ e("span", { className: "inline-flex", children: A }),
                 placement: "top",
-                children: d?.title || d?.symbol || "unknown"
+                children: m?.title || m?.symbol || "unknown"
               }
             ) : A
           },
-          f ?? r
+          f ?? l
         );
       }),
       h && /* @__PURE__ */ e(
@@ -154,23 +150,23 @@ function q({
   maxAssets: n = 3,
   iconSize: o = 24,
   options: i,
-  className: m
+  className: d
 }) {
   const {
-    mode: l = "default",
+    mode: r = "default",
     showIconTooltip: c = !0,
     otherTooltip: u,
     onOtherClick: x,
     allocation: v
-  } = i || {}, g = l === "cascade", w = c && !v, [k, y, C, I] = S(() => {
-    const h = t.slice(0, n), s = t.slice(n), r = s.map((a) => a.symbol || "unknown").join(", ");
-    return [h, s, r, t.length > n];
+  } = i || {}, g = r === "cascade", w = c && !v, [k, y, C, I] = S(() => {
+    const h = t.slice(0, n), s = t.slice(n), l = s.map((a) => a.symbol || "unknown").join(", ");
+    return [h, s, l, t.length > n];
   }, [t, n]);
   return z(
     v,
-    /* @__PURE__ */ p("div", { className: T("relative inline-flex items-center", m), children: [
-      k.map((h, s, r) => {
-        const a = s === r.length - 1, f = g ? r.length - s : void 0, d = /* @__PURE__ */ e(j, { token: h, size: o });
+    /* @__PURE__ */ p("div", { className: T("relative inline-flex items-center", d), children: [
+      k.map((h, s, l) => {
+        const a = s === l.length - 1, f = g ? l.length - s : void 0, m = /* @__PURE__ */ e(j, { token: h, size: o });
         return /* @__PURE__ */ e(
           "div",
           {
@@ -182,11 +178,11 @@ function q({
             children: w ? /* @__PURE__ */ e(
               M,
               {
-                title: /* @__PURE__ */ e("span", { className: "inline-flex", children: d }),
+                title: /* @__PURE__ */ e("span", { className: "inline-flex", children: m }),
                 placement: "top",
                 children: h.symbol || "unknown"
               }
-            ) : d
+            ) : m
           },
           h.address ?? s
         );
@@ -204,9 +200,9 @@ function q({
     ] })
   );
 }
-function lt(t) {
+function ot(t) {
   return H(t) ? /* @__PURE__ */ e(q, { ...t }) : E(t) ? /* @__PURE__ */ e(_, { ...t }) : /* @__PURE__ */ e(W, { ...t });
 }
 export {
-  lt as AssetsListCell
+  ot as AssetsListCell
 };

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

@@ -1,10 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cva as n } from "class-variance-authority";
-import "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as a } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const d = n(
@@ -29,10 +26,10 @@ const d = n(
     }
   }
 );
-function l({ className: r, variant: e, ...t }) {
+function p({ className: r, variant: e, ...t }) {
   return /* @__PURE__ */ o("div", { className: a(d({ variant: e }), r), ...t });
 }
 export {
-  l as Badge,
+  p as Badge,
   d as badgeVariants
 };

package/dist/esm/components/badge/chip.js

@@ -1,26 +1,23 @@
 import { jsx as r } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as i } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-import { Badge as p } from "./badge.js";
+import { Badge as e } from "./badge.js";
 class s {
   static root = "chip-root";
 }
-class e {
+class p {
   static root = "chips-root";
   static chip = s.root;
 }
-function C({
+function l({
   children: t,
   tone: o = "neutral",
   className: a
 }) {
   return /* @__PURE__ */ r(
-    p,
+    e,
     {
       variant: o,
       className: i("shrink-0", a),
@@ -29,19 +26,19 @@ function C({
     }
   );
 }
-function g({ children: t, className: o }) {
+function u({ children: t, className: o }) {
   return /* @__PURE__ */ r(
     "div",
     {
       className: i("flex shrink-0 items-center gap-x-2", o),
-      "data-testid": e.root,
+      "data-testid": p.root,
       children: t
     }
   );
 }
 export {
-  C as Chip,
+  l as Chip,
   s as ChipTest,
-  g as Chips,
-  e as ChipsTest
+  u as Chips,
+  p as ChipsTest
 };

package/dist/esm/components/base/amount-input/amount-input.js

@@ -4,7 +4,6 @@ import { useState as x, useEffect as q } from "react";
 import { useTitleText as G } from "../text/use-title-text.js";
 import { Modal as H } from "../../modal/modal.js";
 import { useIntlTyped as J, FormattedMessageTyped as K } from "../../typed-intl/index.js";
-import "@gearbox-protocol/sdk/common-utils";
 import { useIsMobile as Q } from "../../../hooks/use-media-query.js";
 import { bnToInputView as M } from "../../../utils/bn-to-input-view.js";
 import { cn as R } from "../../../utils/cn.js";
@@ -44,12 +43,12 @@ const Y = g(
     defaultVariants: { size: "md" }
   }
 );
-function ge({
+function xe({
   amount: t,
   onAmount: s,
   token: r,
   tokens: n,
-  onToken: o,
+  onToken: a,
   balance: u,
   balances: B,
   usdPrices: j,
@@ -57,7 +56,7 @@ function ge({
   maxLabel: v,
   usdPrice: b,
   size: A,
-  disabled: a = !1,
+  disabled: o = !1,
   testId: D
 }) {
   const O = J(), y = G(), U = Q(), i = A ?? (U ? "sm" : "md"), l = r.decimals, [p, w] = x(
@@ -70,8 +69,8 @@ function ge({
   const $ = (d) => {
     const [F, V] = S(d.target.value, l);
     F === null || V === null || (w(V), s(F));
-  }, I = !!(n && n.length > 1 && o && !a), T = b !== void 0 ? ee(p, b) : null, E = (d) => {
-    o?.(d), f(!1);
+  }, I = !!(n && n.length > 1 && a && !o), T = b !== void 0 ? ee(p, b) : null, E = (d) => {
+    a?.(d), f(!1);
   }, C = () => f(!1);
   return /* @__PURE__ */ c(L, { children: [
     /* @__PURE__ */ c(
@@ -79,7 +78,7 @@ function ge({
       {
         "data-testid": D ?? m.root,
         "data-active": P,
-        "data-disabled": a,
+        "data-disabled": o,
         className: Y({ size: i }),
         children: [
           /* @__PURE__ */ c("div", { className: "mb-2 flex justify-between text-sm leading-[120%]", children: [
@@ -100,7 +99,7 @@ function ge({
                 title: v !== void 0 ? y(v) : void 0,
                 token: r,
                 balance: u,
-                disabled: a,
+                disabled: o,
                 onMax: () => s(u)
               }
             ) : null
@@ -120,7 +119,7 @@ function ge({
                 onChange: $,
                 onFocus: () => z(!0),
                 onBlur: () => z(!1),
-                disabled: a,
+                disabled: o,
                 minLength: 1,
                 maxLength: 79,
                 title: O.formatMessage({
@@ -143,7 +142,7 @@ function ge({
               {
                 token: r,
                 size: i,
-                disabled: a
+                disabled: o
               }
             ) })
           ] }),
@@ -182,19 +181,19 @@ function ee(t, s) {
   if (!s) return null;
   const r = Number.parseFloat(t.replace(",", ".") || "0");
   if (!Number.isFinite(r) || r === 0) return null;
-  const n = r * s, o = Math.abs(n) < 100;
+  const n = r * s, a = Math.abs(n) < 100;
   try {
     return new Intl.NumberFormat("en-US", {
       style: "currency",
       currency: "USD",
-      minimumFractionDigits: o ? 2 : 0,
-      maximumFractionDigits: o ? 2 : 0
+      minimumFractionDigits: a ? 2 : 0,
+      maximumFractionDigits: a ? 2 : 0
     }).format(n);
   } catch {
     return "$0";
   }
 }
 export {
-  ge as AmountInput,
+  xe as AmountInput,
   m as AmountInputTest
 };

package/dist/esm/components/base/amount-input/token-select-panel.js

@@ -1,73 +1,67 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { ConfirmMenu as h } from "../../confirm-menu/confirm-menu.js";
 import "react-intl";
 import "../../buttons/button/button.js";
-import { VSpace as b } from "../../vspace/vspace.js";
-import { GridTable as g, GridTableBody as v, GridTableRow as w, GridTableCell as s } from "../../table/grid-table.js";
+import { VSpace as u } from "../../vspace/vspace.js";
+import { GridTable as b, GridTableBody as g, GridTableRow as v, GridTableCell as a } from "../../table/grid-table.js";
 import "../../skeleton/skeleton.js";
 import "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
-import "sonner";
-import { formatAssetAmount as T } from "../../../utils/format-asset-amount.js";
-import { formatMoney as y } from "../../../utils/format-money.js";
-import "@gearbox-protocol/sdk/common-utils";
+import { formatAssetAmount as w } from "../../../utils/format-asset-amount.js";
+import { formatMoney as T } from "../../../utils/format-money.js";
 import "luxon";
 import "../../../utils/z-index.js";
 import "../../table/table.js";
-import { TokenSymbol as N } from "../../token-symbol/token-symbol.js";
-import { FormattedMessageTyped as z } from "../../typed-intl/index.js";
-import { AmountInputTest as n } from "./constants.js";
-function d(o, i) {
-  if (o)
-    return o[i] ?? o[i.toLowerCase()];
-}
-function Q({
-  tokens: o,
-  balances: i,
-  usdPrices: p,
-  onSelect: c,
-  onClose: f
+import { TokenSymbol as y } from "../../token-symbol/token-symbol.js";
+import { FormattedMessageTyped as N } from "../../typed-intl/index.js";
+import { AmountInputTest as s } from "./constants.js";
+function J({
+  tokens: i,
+  balances: d,
+  usdPrices: n,
+  onSelect: p,
+  onClose: c
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ o(
     "div",
     {
-      "data-testid": n.selectPanel,
+      "data-testid": s.selectPanel,
       className: "flex max-h-[calc(100vh-40px)] w-full flex-col overflow-hidden rounded-lg border border-gray-10 bg-modal p-4 shadow-[0_4px_28px_4px_rgba(0,0,0,0.25)] sm:max-h-[560px]",
       children: [
         /* @__PURE__ */ e(
           h,
           {
-            title: /* @__PURE__ */ e(z, { messageId: "components.amountInput.selectToken" }),
-            onClose: f
+            title: /* @__PURE__ */ e(N, { messageId: "components.amountInput.selectToken" }),
+            onClose: c
           }
         ),
-        /* @__PURE__ */ e(b, { size: 16 }),
+        /* @__PURE__ */ e(u, { size: 16 }),
         /* @__PURE__ */ e("div", { className: "flex min-h-[260px] flex-col overflow-y-auto pr-1", children: /* @__PURE__ */ e(
-          g,
+          b,
           {
             cols: "minmax(0,1fr) 120px",
             gap: 0,
             size: "sm",
             wrapperClassName: "overflow-visible",
-            children: /* @__PURE__ */ e(v, { children: o.map((r, x) => {
-              const l = d(i, r.address) ?? 0n, m = d(p, r.address), u = Number(l) / 10 ** r.decimals, a = m !== void 0 ? y(u * m, 4) : void 0;
-              return /* @__PURE__ */ t(
-                w,
+            children: /* @__PURE__ */ e(g, { children: i.map((r, f) => {
+              const l = d?.get(r.address) ?? 0n, t = n?.get(r.address), x = Number(l) / 10 ** r.decimals, m = t !== void 0 ? T(x * t, 4) : void 0;
+              return /* @__PURE__ */ o(
+                v,
                 {
-                  last: x === o.length - 1,
+                  last: f === i.length - 1,
                   height: "56px",
-                  "data-testid": n.selectOption,
-                  onRowClick: () => c(r),
+                  "data-testid": s.selectOption,
+                  onRowClick: () => p(r),
                   children: [
-                    /* @__PURE__ */ e(s, { size: "sm", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
-                      /* @__PURE__ */ e(N, { token: r, size: 24, showSymbol: !1 }),
+                    /* @__PURE__ */ e(a, { size: "sm", children: /* @__PURE__ */ o("div", { className: "flex items-center gap-3", children: [
+                      /* @__PURE__ */ e(y, { token: r, size: 24, showSymbol: !1 }),
                       /* @__PURE__ */ e("span", { className: "truncate", children: r.name })
                     ] }) }),
-                    /* @__PURE__ */ e(s, { size: "sm", textAlign: "right", children: /* @__PURE__ */ t("div", { children: [
-                      /* @__PURE__ */ e("div", { className: "block text-xs font-normal tabular-nums text-foreground", children: T(l, r.decimals) }),
-                      a !== void 0 ? /* @__PURE__ */ e("div", { className: "block text-[11px] font-normal leading-[13px] tabular-nums text-secondary-foreground", children: a }) : null
+                    /* @__PURE__ */ e(a, { size: "sm", textAlign: "right", children: /* @__PURE__ */ o("div", { children: [
+                      /* @__PURE__ */ e("div", { className: "block text-xs font-normal tabular-nums text-foreground", children: w(l, r.decimals) }),
+                      m !== void 0 ? /* @__PURE__ */ e("div", { className: "block text-[11px] font-normal leading-[13px] tabular-nums text-secondary-foreground", children: m }) : null
                     ] }) })
                   ]
                 },
@@ -81,5 +75,5 @@ function Q({
   );
 }
 export {
-  Q as TokenSelectPanel
+  J as TokenSelectPanel
 };

package/dist/esm/components/base/apy-breakdown-body/apy-breakdown-body.js

@@ -0,0 +1,106 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { bpsToPercent as c } from "../../../utils/bps.js";
+import { cn as i } from "../../../utils/cn.js";
+const x = "—", p = "400px";
+function g(n, t, e) {
+  return n === "7d" ? e : t;
+}
+function b(n) {
+  const t = c(n), e = `${Math.abs(t).toFixed(2)}%`;
+  return t < 0 ? `−${e}` : e;
+}
+function h({
+  title: n,
+  chip: t,
+  chipPositive: e = !1,
+  chipTestId: d,
+  children: r,
+  testId: o
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: "flex w-full min-w-0 flex-col gap-4 rounded-xl border border-border bg-card p-4",
+      "data-testid": o,
+      children: [
+        /* @__PURE__ */ a("div", { className: "flex min-h-6 items-center justify-between gap-3", children: [
+          /* @__PURE__ */ s("span", { className: "min-w-0 text-base font-semibold leading-5 text-foreground", children: n }),
+          /* @__PURE__ */ s(
+            "span",
+            {
+              className: i(
+                "shrink-0 rounded-md px-2 py-0.5 text-sm font-semibold tabular-nums",
+                e ? "bg-success/20 text-success" : "bg-muted text-muted-foreground"
+              ),
+              "data-testid": d,
+              children: t
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s("div", { className: "flex flex-col gap-3", children: r })
+      ]
+    }
+  );
+}
+function N({
+  label: n,
+  value: t,
+  subtext: e,
+  muted: d = !1,
+  testId: r,
+  valueTestId: o,
+  captionTestId: l
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: "flex items-start justify-between gap-3",
+      "data-testid": r,
+      children: [
+        /* @__PURE__ */ s(
+          "span",
+          {
+            className: i(
+              "min-w-0 text-sm font-semibold leading-5",
+              d ? "text-muted-foreground" : "text-foreground"
+            ),
+            children: n
+          }
+        ),
+        /* @__PURE__ */ a("span", { className: "flex shrink-0 flex-col items-end", children: [
+          /* @__PURE__ */ s(
+            "span",
+            {
+              className: i(
+                "text-sm font-semibold leading-5 tabular-nums",
+                d ? "text-muted-foreground" : "text-foreground"
+              ),
+              "data-testid": o,
+              children: t
+            }
+          ),
+          e != null ? /* @__PURE__ */ s(
+            "span",
+            {
+              className: "text-xs leading-4 text-muted-foreground",
+              "data-testid": l,
+              children: e
+            }
+          ) : null
+        ] })
+      ]
+    }
+  );
+}
+function w() {
+  return /* @__PURE__ */ s("div", { className: "h-px w-full bg-divider" });
+}
+export {
+  p as APY_BREAKDOWN_TOOLTIP_WIDTH,
+  h as ApyBreakdownBody,
+  w as ApyBreakdownDivider,
+  N as ApyBreakdownRow,
+  x as BREAKDOWN_DASH,
+  b as formatBreakdownRate,
+  g as periodMessageId
+};

package/dist/esm/components/base/apy-breakdown-body/index.js

@@ -0,0 +1,10 @@
+import { APY_BREAKDOWN_TOOLTIP_WIDTH as r, ApyBreakdownBody as d, ApyBreakdownDivider as a, ApyBreakdownRow as A, BREAKDOWN_DASH as B, formatBreakdownRate as p, periodMessageId as w } from "./apy-breakdown-body.js";
+export {
+  r as APY_BREAKDOWN_TOOLTIP_WIDTH,
+  d as ApyBreakdownBody,
+  a as ApyBreakdownDivider,
+  A as ApyBreakdownRow,
+  B as BREAKDOWN_DASH,
+  p as formatBreakdownRate,
+  w as periodMessageId
+};

package/dist/esm/components/base/borrow-rate-block/borrow-rate-block.js

@@ -5,15 +5,12 @@ import { FormattedMessageTyped as e } from "../../typed-intl/index.js";
 import { Typography as d } from "../../typography/typography.js";
 import { VSpace as f } from "../../vspace/vspace.js";
 import { InfoList as b, InfoLine as i } from "../info-list/info-list.js";
-import "react";
-import "@gearbox-protocol/sdk";
+import "../../help-tip/help-tip.js";
+import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
-import "../../points-icon/points-icon.js";
 import { ApyValue as a } from "../values/scalars.js";
 import "../../badge/badge.js";
 import "../../badge/chip.js";
@@ -24,7 +21,7 @@ function p(t) {
 function u(t) {
   return typeof t == "number" ? t : t?.base;
 }
-function q({
+function L({
   data: t,
   dataTo: r
 }) {
@@ -85,6 +82,6 @@ function q({
   ) }) });
 }
 export {
-  q as BorrowRateBlock,
+  L as BorrowRateBlock,
   n as BorrowRateBlockTest
 };

package/dist/esm/components/base/chart-with-side-card/chart-with-side-card.js

@@ -1,7 +1,7 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
 import { ChartWithSideCardTest as i } from "./constants.js";
 function m({
-  chart: a,
+  chart: r,
   side: t
 }) {
   return /* @__PURE__ */ e(
@@ -10,18 +10,18 @@ function m({
       className: "flex w-full flex-wrap gap-4",
       "data-testid": i.root,
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ a(
           "div",
           {
             className: "min-w-[min(100%,40rem)] grow-[999] basis-0",
             "data-testid": i.chart,
-            children: a
+            children: r
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ a(
           "div",
           {
-            className: "min-w-[min(100%,300px)] grow-0 shrink-0 basis-[22.5rem]",
+            className: "min-w-[min(100%,300px)] grow basis-[22.5rem]",
             "data-testid": i.side,
             children: t
           }