@gearbox-protocol/ui-kit 4.0.0-next.5 → 4.0.0-next.51

package/dist/esm/components/base/index.js

@@ -1,177 +1,180 @@
-import { AmountInput as r } from "./amount-input/amount-input.js";
+import { AmountInput as t } from "./amount-input/amount-input.js";
 import { TokenSelectPanel as a } from "./amount-input/token-select-panel.js";
 import { BorrowRateBlock as p } from "./borrow-rate-block/borrow-rate-block.js";
 import { BorrowRateBlockTest as f } from "./borrow-rate-block/constants.js";
-import { ChartWithSideCard as x } from "./chart-with-side-card/chart-with-side-card.js";
-import { ChartWithSideCardTest as s } from "./chart-with-side-card/constants.js";
+import { ChartWithSideCard as n } from "./chart-with-side-card/chart-with-side-card.js";
+import { ChartWithSideCardTest as T } from "./chart-with-side-card/constants.js";
 import { DetailedPageTitle as d } from "./detailed-page-title/detailed-page-title.js";
-import { AsideAlignAnchor as S } from "./details-view/detail-aside/detail-aside-scope.js";
-import { DetailAsideScreenLayout as g } from "./details-view/detail-aside/detail-aside-screen-layout.js";
-import { DetailsView as k, DetailsViewLeftPane as B, DetailsViewManagePane as A } from "./details-view/details-view.js";
-import { HealthFactorBlockTest as L } from "./health-factor-block/constants.js";
-import { HealthFactorBlock as y } from "./health-factor-block/health-factor-block.js";
-import { HistoryChart as h } from "./history-chart/history-chart.js";
-import { InfoLine as M, InfoList as V, InfoSectionTitle as D, PointsInfoLine as H } from "./info-list/info-list.js";
-import { InfoPortalOut as E, InfoPortalProvider as q } from "./info-portal/info-portal.js";
-import { LeverageInput as N } from "./leverage-input/leverage-input.js";
+import { AsideAlignAnchor as c, DetailAsideScope as S, useDetailAsideAnchorGetter as u } from "./details-view/detail-aside/detail-aside-scope.js";
+import { DetailAsideScreenLayout as A } from "./details-view/detail-aside/detail-aside-screen-layout.js";
+import { DetailsView as k, DetailsViewLeftPane as b, DetailsViewManagePane as L } from "./details-view/details-view.js";
+import { HealthFactorBlockTest as y } from "./health-factor-block/constants.js";
+import { HealthFactorBlock as h } from "./health-factor-block/health-factor-block.js";
+import { HistoryChart as w } from "./history-chart/history-chart.js";
+import { InfoLine as D, InfoList as v, PointsInfoLine as H } from "./info-list/info-list.js";
+import { InfoPortalOut as q, InfoPortalProvider as N } from "./info-portal/info-portal.js";
+import { LeverageInput as G } from "./leverage-input/leverage-input.js";
 import { LeveragePresetChipsTest as F } from "./leverage-preset-chips/constants.js";
-import { LeveragePresetChips as U } from "./leverage-preset-chips/leverage-preset-chips.js";
-import { LiquidationParamsTableTest as W } from "./liquidation-params-table/constants.js";
-import { LiquidationParamsTable as X } from "./liquidation-params-table/liquidation-params-table.js";
-import { LiquidationPriceBlockTest as J } from "./liquidation-price-block/constants.js";
-import { LiquidationPriceBlock as Q } from "./liquidation-price-block/liquidation-price-block.js";
-import { ManagePane as Z, ManagePaneActionTab as $, ManagePaneMessage as ee, ManagePaneTab as oe, ManagePaneTabDropdown as re } from "./manage-pane/manage-pane.js";
-import { MoreAccordionTest as ae } from "./more-accordion/constants.js";
-import { MoreAccordion as pe } from "./more-accordion/more-accordion.js";
-import { NestedInfoStackTest as fe } from "./nested-info-stack/constants.js";
+import { LeveragePresetChips as O } from "./leverage-preset-chips/leverage-preset-chips.js";
+import { LiquidationParamsTableTest as z } from "./liquidation-params-table/constants.js";
+import { LiquidationParamsTable as j } from "./liquidation-params-table/liquidation-params-table.js";
+import { LiquidationPriceBlockTest as K } from "./liquidation-price-block/constants.js";
+import { LiquidationPriceBlock as Y } from "./liquidation-price-block/liquidation-price-block.js";
+import { ManagePane as $, ManagePaneActionTab as ee, ManagePaneMessage as oe, ManagePaneTab as te, ManagePaneTabDropdown as re } from "./manage-pane/manage-pane.js";
+import { MoreAccordionTest as ie } from "./more-accordion/constants.js";
+import { MoreAccordion as me } from "./more-accordion/more-accordion.js";
+import { NestedInfoStackTest as se } from "./nested-info-stack/constants.js";
 import { NestedInfoStack as xe } from "./nested-info-stack/nested-info-stack.js";
-import { PageHeadProvider as se, PageTitle as le } from "./page-title/page-title.js";
-import { PoolApyBreakdownCardTest as Pe } from "./pool-apy-breakdown-card/constants.js";
-import { PoolApyBreakdownCard as ce } from "./pool-apy-breakdown-card/pool-apy-breakdown-card.js";
-import { ReviewButton as ue } from "./review-button/review-button.js";
-import { SectionHeading as Be } from "./section-heading/section-heading.js";
-import { SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as be, SegmentedTabs as Le } from "./segmented-tabs/segmented-tabs.js";
-import { SideCardTest as ye } from "./side-card/constants.js";
-import { SideCard as he } from "./side-card/side-card.js";
-import { SPACE_HEIGHT as Me, SPACE_PX as Ve } from "./spacing.js";
-import { Stack as He } from "./stack/stack.js";
-import { StatBadge as Ee, StatBadgeGrid as qe } from "./stat-badge/stat-badge.js";
-import { StickyBar as Ne } from "./sticky-bar/sticky-bar.js";
-import { StrategyApyBreakdownCardTest as Fe } from "./strategy-apy-breakdown-card/constants.js";
-import { StrategyApyBreakdownCard as Ue } from "./strategy-apy-breakdown-card/strategy-apy-breakdown-card.js";
-import { Tabber as We, TabberSection as ze, isTabber as Xe } from "./tabber/tabber.js";
-import { useDetailScrollSpy as Je } from "./tabber/use-detail-scroll-spy.js";
-import { useTitleText as Qe } from "./text/use-title-text.js";
-import { TimeToLiquidationBlockTest as Ze } from "./time-to-liquidation-block/constants.js";
-import { TimeToLiquidationBlock as eo } from "./time-to-liquidation-block/time-to-liquidation-block.js";
-import { TitleMetaTest as ro } from "./title-meta/constants.js";
-import { TitleMeta as ao } from "./title-meta/title-meta.js";
-import { TokenAmount as po } from "./token-amount/token-amount.js";
-import { TokenPairSymbolTest as fo } from "./token-pair-symbol/constants.js";
-import { TokenPairSymbol as xo } from "./token-pair-symbol/token-pair-symbol.js";
-import { TokenPairTitleTest as so } from "./token-pair-title/constants.js";
-import { TokenPairTitle as Po } from "./token-pair-title/token-pair-title.js";
-import { PositionShortLabelTest as co, ValueTest as go } from "./values/constants.js";
-import { PnlValue as ko } from "./values/pnl-value.js";
-import { PointsValue as Ao } from "./values/points-value.js";
+import { PageHeadProvider as le, PageTitle as de } from "./page-title/page-title.js";
+import { PoolApyBreakdownCardTest as ce } from "./pool-apy-breakdown-card/constants.js";
+import { PoolApyBreakdownCard as ue } from "./pool-apy-breakdown-card/pool-apy-breakdown-card.js";
+import { PositionAssetsTest as Ae } from "./position-assets/constants.js";
+import { PositionAssets as ke, visibleAssets as be } from "./position-assets/position-assets.js";
+import { ReviewButton as Ie } from "./review-button/review-button.js";
+import { SectionHeading as Ce } from "./section-heading/section-heading.js";
+import { SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as Ve, SegmentedTabs as we } from "./segmented-tabs/segmented-tabs.js";
+import { SPACE_HEIGHT as De, SPACE_PX as ve } from "./spacing.js";
+import { Stack as Ee } from "./stack/stack.js";
+import { StatBadge as Ne, StatBadgeGrid as _e } from "./stat-badge/stat-badge.js";
+import { StickyBar as Re } from "./sticky-bar/sticky-bar.js";
+import { StrategyApyBreakdownCardTest as Ue } from "./strategy-apy-breakdown-card/constants.js";
+import { StrategyApyBreakdownCard as We } from "./strategy-apy-breakdown-card/strategy-apy-breakdown-card.js";
+import { Tabber as Xe, TabberSection as je, isTabber as Je } from "./tabber/tabber.js";
+import { useDetailScrollSpy as Qe } from "./tabber/use-detail-scroll-spy.js";
+import { useTitleText as Ze } from "./text/use-title-text.js";
+import { TimeToLiquidationBlockTest as eo } from "./time-to-liquidation-block/constants.js";
+import { TimeToLiquidationBlock as to } from "./time-to-liquidation-block/time-to-liquidation-block.js";
+import { TitleMetaTest as ao } from "./title-meta/constants.js";
+import { TitleMeta as po } from "./title-meta/title-meta.js";
+import { TokenAmount as fo } from "./token-amount/token-amount.js";
+import { TokenPairSymbolTest as no } from "./token-pair-symbol/constants.js";
+import { TokenPairSymbol as To } from "./token-pair-symbol/token-pair-symbol.js";
+import { PositionShortLabelTest as Po, ValueTest as co } from "./values/constants.js";
+import { NoValue as uo } from "./values/no-value.js";
+import { PnlValue as Ao } from "./values/pnl-value.js";
+import { PointsValue as ko } from "./values/points-value.js";
 import { PositionShortLabel as Lo } from "./values/position-short-label.js";
 import { PositionStatusBadge as yo } from "./values/position-status-badge.js";
 import { PositionTypeBadge as ho } from "./values/position-type-badge.js";
-import { ApyValue as Mo, HealthFactorValue as Vo, LeverageValue as Do, TokenBigint as Ho, UsdValue as vo, UtilizationValue as Eo, bps as qo } from "./values/scalars.js";
-import { AmountInputTest as No } from "./amount-input/constants.js";
-import { DetailedPageTitleTest as Fo } from "./detailed-page-title/constants.js";
-import { DetailsViewTest as Uo } from "./details-view/constants.js";
-import { HistoryChartTest as Wo } from "./history-chart/constants.js";
-import { InfoListTest as Xo } from "./info-list/constants.js";
-import { LeverageInputTest as Jo } from "./leverage-input/constants.js";
-import { ManagePaneTest as Qo } from "./manage-pane/constants.js";
-import { PageTitleTest as Zo } from "./page-title/constants.js";
-import { ReviewButtonTest as er } from "./review-button/constants.js";
-import { SectionHeadingTest as rr } from "./section-heading/constants.js";
-import { SegmentedTabsTest as ar } from "./segmented-tabs/constants.js";
-import { StackTest as pr } from "./stack/constants.js";
-import { StatBadgeTest as fr } from "./stat-badge/constants.js";
-import { StickyBarTest as xr } from "./sticky-bar/constants.js";
-import { TabberTest as sr } from "./tabber/constants.js";
-import { TokenAmountTest as dr } from "./token-amount/constants.js";
+import { PriceImpactValue as wo, priceImpact as Mo } from "./values/price-impact-value.js";
+import { ApyValue as vo, HealthFactorValue as Ho, LeverageValue as Eo, TokenBigint as qo, UsdValue as No, UtilizationValue as _o, bps as Go } from "./values/scalars.js";
+import { AmountInputTest as Fo } from "./amount-input/constants.js";
+import { DetailedPageTitleTest as Oo } from "./detailed-page-title/constants.js";
+import { DetailsViewTest as zo } from "./details-view/constants.js";
+import { HistoryChartTest as jo } from "./history-chart/constants.js";
+import { InfoListTest as Ko } from "./info-list/constants.js";
+import { LeverageInputTest as Yo } from "./leverage-input/constants.js";
+import { ManagePaneTest as $o } from "./manage-pane/constants.js";
+import { PageTitleTest as ot } from "./page-title/constants.js";
+import { ReviewButtonTest as rt } from "./review-button/constants.js";
+import { SectionHeadingTest as it } from "./section-heading/constants.js";
+import { SegmentedTabsTest as mt } from "./segmented-tabs/constants.js";
+import { StackTest as st } from "./stack/constants.js";
+import { StatBadgeTest as xt } from "./stat-badge/constants.js";
+import { StickyBarTest as lt } from "./sticky-bar/constants.js";
+import { TabberTest as Pt } from "./tabber/constants.js";
+import { TokenAmountTest as St } from "./token-amount/constants.js";
 export {
-  r as AmountInput,
-  No as AmountInputTest,
-  Mo as ApyValue,
-  S as AsideAlignAnchor,
+  t as AmountInput,
+  Fo as AmountInputTest,
+  vo as ApyValue,
+  c as AsideAlignAnchor,
   p as BorrowRateBlock,
   f as BorrowRateBlockTest,
-  x as ChartWithSideCard,
-  s as ChartWithSideCardTest,
-  g as DetailAsideScreenLayout,
+  n as ChartWithSideCard,
+  T as ChartWithSideCardTest,
+  S as DetailAsideScope,
+  A as DetailAsideScreenLayout,
   d as DetailedPageTitle,
-  Fo as DetailedPageTitleTest,
+  Oo as DetailedPageTitleTest,
   k as DetailsView,
-  B as DetailsViewLeftPane,
-  A as DetailsViewManagePane,
-  Uo as DetailsViewTest,
-  y as HealthFactorBlock,
-  L as HealthFactorBlockTest,
-  Vo as HealthFactorValue,
-  h as HistoryChart,
-  Wo as HistoryChartTest,
-  M as InfoLine,
-  V as InfoList,
-  Xo as InfoListTest,
-  E as InfoPortalOut,
-  q as InfoPortalProvider,
-  D as InfoSectionTitle,
-  N as LeverageInput,
-  Jo as LeverageInputTest,
-  U as LeveragePresetChips,
+  b as DetailsViewLeftPane,
+  L as DetailsViewManagePane,
+  zo as DetailsViewTest,
+  h as HealthFactorBlock,
+  y as HealthFactorBlockTest,
+  Ho as HealthFactorValue,
+  w as HistoryChart,
+  jo as HistoryChartTest,
+  D as InfoLine,
+  v as InfoList,
+  Ko as InfoListTest,
+  q as InfoPortalOut,
+  N as InfoPortalProvider,
+  G as LeverageInput,
+  Yo as LeverageInputTest,
+  O as LeveragePresetChips,
   F as LeveragePresetChipsTest,
-  Do as LeverageValue,
-  X as LiquidationParamsTable,
-  W as LiquidationParamsTableTest,
-  Q as LiquidationPriceBlock,
-  J as LiquidationPriceBlockTest,
-  Z as ManagePane,
-  $ as ManagePaneActionTab,
-  ee as ManagePaneMessage,
-  oe as ManagePaneTab,
+  Eo as LeverageValue,
+  j as LiquidationParamsTable,
+  z as LiquidationParamsTableTest,
+  Y as LiquidationPriceBlock,
+  K as LiquidationPriceBlockTest,
+  $ as ManagePane,
+  ee as ManagePaneActionTab,
+  oe as ManagePaneMessage,
+  te as ManagePaneTab,
   re as ManagePaneTabDropdown,
-  Qo as ManagePaneTest,
-  pe as MoreAccordion,
-  ae as MoreAccordionTest,
+  $o as ManagePaneTest,
+  me as MoreAccordion,
+  ie as MoreAccordionTest,
   xe as NestedInfoStack,
-  fe as NestedInfoStackTest,
-  se as PageHeadProvider,
-  le as PageTitle,
-  Zo as PageTitleTest,
-  ko as PnlValue,
+  se as NestedInfoStackTest,
+  uo as NoValue,
+  le as PageHeadProvider,
+  de as PageTitle,
+  ot as PageTitleTest,
+  Ao as PnlValue,
   H as PointsInfoLine,
-  Ao as PointsValue,
-  ce as PoolApyBreakdownCard,
-  Pe as PoolApyBreakdownCardTest,
+  ko as PointsValue,
+  ue as PoolApyBreakdownCard,
+  ce as PoolApyBreakdownCardTest,
+  ke as PositionAssets,
+  Ae as PositionAssetsTest,
   Lo as PositionShortLabel,
-  co as PositionShortLabelTest,
+  Po as PositionShortLabelTest,
   yo as PositionStatusBadge,
   ho as PositionTypeBadge,
-  ue as ReviewButton,
-  er as ReviewButtonTest,
-  be as SEGMENTED_TABS_INACTIVE_BUTTON_CLASS,
-  Me as SPACE_HEIGHT,
-  Ve as SPACE_PX,
-  Be as SectionHeading,
-  rr as SectionHeadingTest,
-  Le as SegmentedTabs,
-  ar as SegmentedTabsTest,
-  he as SideCard,
-  ye as SideCardTest,
-  He as Stack,
-  pr as StackTest,
-  Ee as StatBadge,
-  qe as StatBadgeGrid,
-  fr as StatBadgeTest,
-  Ne as StickyBar,
-  xr as StickyBarTest,
-  Ue as StrategyApyBreakdownCard,
-  Fe as StrategyApyBreakdownCardTest,
-  We as Tabber,
-  ze as TabberSection,
-  sr as TabberTest,
-  eo as TimeToLiquidationBlock,
-  Ze as TimeToLiquidationBlockTest,
-  ao as TitleMeta,
-  ro as TitleMetaTest,
-  po as TokenAmount,
-  dr as TokenAmountTest,
-  Ho as TokenBigint,
-  xo as TokenPairSymbol,
-  fo as TokenPairSymbolTest,
-  Po as TokenPairTitle,
-  so as TokenPairTitleTest,
+  wo as PriceImpactValue,
+  Ie as ReviewButton,
+  rt as ReviewButtonTest,
+  Ve as SEGMENTED_TABS_INACTIVE_BUTTON_CLASS,
+  De as SPACE_HEIGHT,
+  ve as SPACE_PX,
+  Ce as SectionHeading,
+  it as SectionHeadingTest,
+  we as SegmentedTabs,
+  mt as SegmentedTabsTest,
+  Ee as Stack,
+  st as StackTest,
+  Ne as StatBadge,
+  _e as StatBadgeGrid,
+  xt as StatBadgeTest,
+  Re as StickyBar,
+  lt as StickyBarTest,
+  We as StrategyApyBreakdownCard,
+  Ue as StrategyApyBreakdownCardTest,
+  Xe as Tabber,
+  je as TabberSection,
+  Pt as TabberTest,
+  to as TimeToLiquidationBlock,
+  eo as TimeToLiquidationBlockTest,
+  po as TitleMeta,
+  ao as TitleMetaTest,
+  fo as TokenAmount,
+  St as TokenAmountTest,
+  qo as TokenBigint,
+  To as TokenPairSymbol,
+  no as TokenPairSymbolTest,
   a as TokenSelectPanel,
-  vo as UsdValue,
-  Eo as UtilizationValue,
-  go as ValueTest,
-  qo as bps,
-  Xe as isTabber,
-  Je as useDetailScrollSpy,
-  Qe as useTitleText
+  No as UsdValue,
+  _o as UtilizationValue,
+  co as ValueTest,
+  Go as bps,
+  Je as isTabber,
+  Mo as priceImpact,
+  u as useDetailAsideAnchorGetter,
+  Qe as useDetailScrollSpy,
+  Ze as useTitleText,
+  be as visibleAssets
 };

package/dist/esm/components/base/info-list/index.js

@@ -1,9 +1,8 @@
-import { InfoLine as t, InfoList as e, InfoSectionTitle as f, PointsInfoLine as i } from "./info-list.js";
+import { InfoLine as f, InfoList as t, PointsInfoLine as e } from "./info-list.js";
 import { InfoListTest as r } from "./constants.js";
 export {
-  t as InfoLine,
-  e as InfoList,
+  f as InfoLine,
+  t as InfoList,
   r as InfoListTest,
-  f as InfoSectionTitle,
-  i as PointsInfoLine
+  e as PointsInfoLine
 };

package/dist/esm/components/base/info-list/info-list.js

@@ -1,81 +1,58 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Stack as c } from "../stack/stack.js";
-import { useTitleText as n } from "../text/use-title-text.js";
+import { jsx as o } from "react/jsx-runtime";
+import { Stack as s } from "../stack/stack.js";
+import { useTitleText as f } from "../text/use-title-text.js";
+import "../../help-tip/help-tip.js";
 import "react";
-import { pointProgramsOf as f } from "../../../utils/apy-breakdown.js";
-import "@gearbox-protocol/sdk";
+import "react-intl";
+import { pointProgramsOf as a } from "../../../utils/apy-breakdown.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 { PointsValue as l } from "../values/points-value.js";
+import "viem";
 import "../../points-icon/points-icon.js";
 import "../../token-icon/token-icon.js";
 import "../../tooltip/simple-tooltip.js";
 import "../../tooltip/tooltip.js";
-import "react-intl";
 import "../../badge/badge.js";
 import "../../badge/chip.js";
-import { Typography as u } from "../../typography/typography.js";
-import { VerticalIndicator as d } from "../../vertical-indicator/vertical-indicator.js";
+import { VerticalIndicator as u } from "../../vertical-indicator/vertical-indicator.js";
 import { InfoListTest as i } from "./constants.js";
-function F({
+function D({
   children: t
 }) {
-  return /* @__PURE__ */ r(c, { gap: "sm", "data-testid": i.root, children: t });
+  return /* @__PURE__ */ o(s, { gap: "sm", "data-testid": i.root, children: t });
 }
-function g({
+function c({
   title: t,
-  value: o,
-  tip: e,
-  valueDescription: m,
-  valueTo: p,
-  testId: s
-}) {
-  const a = n();
-  return /* @__PURE__ */ r(
-    d,
-    {
-      label: a(t),
-      tip: e,
-      value: o,
-      valueTo: p,
-      valueDescription: m,
-      size: "sm",
-      align: "center",
-      "data-testid": s ?? i.line
-    }
-  );
-}
-function G({
-  title: t
+  size: r = "sm",
+  align: m = "start",
+  "data-testid": n = i.line,
+  ...p
 }) {
-  const o = n();
-  return /* @__PURE__ */ r(
+  const e = f();
+  return /* @__PURE__ */ o(
     u,
     {
-      as: "span",
-      color: "secondary",
-      weight: "bold",
-      variant: "caption",
-      className: "tracking-[0.55px] uppercase",
-      "data-testid": i.sectionTitle,
-      children: o(t)
+      label: e(t),
+      size: r,
+      align: m,
+      "data-testid": n,
+      ...p
     }
   );
 }
-function H({
+function E({
   data: t,
-  title: o = "components.yieldBreakdown.points"
+  title: r = "components.yieldBreakdown.points"
 }) {
-  return !t || f(t).length === 0 ? null : /* @__PURE__ */ r(g, { title: o, value: /* @__PURE__ */ r(l, { data: t }) });
+  return !t || a(t).length === 0 ? null : /* @__PURE__ */ o(c, { title: r, value: /* @__PURE__ */ o(l, { data: t }) });
 }
 export {
-  g as InfoLine,
-  F as InfoList,
+  c as InfoLine,
+  D as InfoList,
   i as InfoListTest,
-  G as InfoSectionTitle,
-  H as PointsInfoLine
+  E as PointsInfoLine
 };

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

@@ -1,4 +1,4 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import { useState as I } from "react";
 import { Stack as x } from "../stack/stack.js";
 import { useTitleText as y } from "../text/use-title-text.js";
@@ -17,20 +17,18 @@ function ee({
   value: n,
   onChange: s,
   max: r,
-  min: l = 1,
+  min: m = 1,
   title: c,
   hint: d,
   reset: a,
   colorIntervals: w,
   colorIntervalLabel: N,
-  size: S = "sm"
+  size: E = "sm"
 }) {
-  const E = B(), C = y(), p = w ?? [
-    { start: l, end: r, color: "additionalSuccess" }
-  ], L = N ?? (p.length > 0 ? E.formatMessage({
+  const S = B(), C = y(), p = w ?? [], L = N ?? (p.length > 0 ? S.formatMessage({
     messageId: "components.leverageInput.available"
   }) : void 0), [M, u] = I(void 0), [f, g] = I(""), h = M ?? n, v = (e) => {
-    s(_(e, l, r)), u(void 0);
+    s(_(e, m, r)), u(void 0);
   }, k = () => {
     const e = Number.parseFloat(f.replace(",", "."));
     Number.isFinite(e) && v(e);
@@ -42,13 +40,13 @@ function ee({
   return /* @__PURE__ */ t("div", { "data-testid": i.root, children: /* @__PURE__ */ t(
     D,
     {
-      size: S,
-      title: /* @__PURE__ */ m(x, { direction: "row", align: "center", justify: "between", gap: "sm", children: [
-        /* @__PURE__ */ m("span", { className: "font-normal", children: [
+      size: E,
+      title: /* @__PURE__ */ l(x, { direction: "row", align: "center", justify: "between", gap: "sm", children: [
+        /* @__PURE__ */ l("span", { className: "font-normal", children: [
           c !== void 0 ? C(c) : /* @__PURE__ */ t(T, { messageId: "components.leverageInput.label" }),
           d ? /* @__PURE__ */ t("span", { className: "text-muted-foreground ml-1", children: d }) : null
         ] }),
-        /* @__PURE__ */ m(x, { direction: "row", align: "center", gap: "sm", children: [
+        /* @__PURE__ */ l(x, { direction: "row", align: "center", gap: "sm", children: [
           /* @__PURE__ */ t("div", { className: "flex w-[90px] flex-row flex-nowrap items-center", children: /* @__PURE__ */ t(
             j,
             {
@@ -91,7 +89,7 @@ function ee({
       children: /* @__PURE__ */ t(
         F,
         {
-          from: l * o,
+          from: m * o,
           to: r * o,
           precision: o,
           value: h * o,

package/dist/esm/components/base/liquidation-params-table/liquidation-params-table.js

@@ -1,23 +1,21 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import "react-intl";
 import "../../buttons/button/button.js";
-import "react";
-import "@gearbox-protocol/sdk";
+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 "../../table/grid-table.js";
 import "../../skeleton/skeleton.js";
+import "react";
 import { Table as d, TableHeader as c, TableRow as s, TableHead as m, TableBody as p, TableCell as r } from "../../table/table.js";
 import { FormattedMessageTyped as t } from "../../typed-intl/index.js";
 import { LiquidationParamsTableTest as u } from "./constants.js";
 function a(o) {
   return o / 100;
 }
-function z({
+function H({
   data: o
 }) {
   const n = a(o.liquidationPremium), l = a(o.liquidationFee);
@@ -57,6 +55,6 @@ function z({
   );
 }
 export {
-  z as LiquidationParamsTable,
+  H as LiquidationParamsTable,
   u as LiquidationParamsTableTest
 };