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

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

@@ -1,171 +1,155 @@
 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 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 c, DetailAsideScope as S, useDetailAsideAnchorGetter as g } 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 h } from "./health-factor-block/constants.js";
-import { HealthFactorBlock as y } from "./health-factor-block/health-factor-block.js";
-import { HistoryChart as w } from "./history-chart/history-chart.js";
-import { InfoLine as D, InfoList as H, PointsInfoLine as v } from "./info-list/info-list.js";
-import { LeverageInput as q } from "./leverage-input/leverage-input.js";
-import { LeveragePresetChipsTest as _ } from "./leverage-preset-chips/constants.js";
-import { LeveragePresetChips as R } from "./leverage-preset-chips/leverage-preset-chips.js";
-import { LiquidationParamsTableTest as U } from "./liquidation-params-table/constants.js";
-import { LiquidationParamsTable as z } from "./liquidation-params-table/liquidation-params-table.js";
-import { LiquidationPriceBlockTest as X } from "./liquidation-price-block/constants.js";
-import { LiquidationPriceBlock as J } from "./liquidation-price-block/liquidation-price-block.js";
-import { ManagePane as Q, ManagePaneActionTab as Y, ManagePaneMessage as Z, ManagePaneTab as $, ManagePaneTabDropdown as ee } from "./manage-pane/manage-pane.js";
-import { MoreAccordionTest as te } from "./more-accordion/constants.js";
-import { MoreAccordion as ae } from "./more-accordion/more-accordion.js";
-import { NestedInfoStackTest as pe } from "./nested-info-stack/constants.js";
-import { NestedInfoStack as fe } from "./nested-info-stack/nested-info-stack.js";
-import { PageHeadProvider as ne, PageTitle as xe } from "./page-title/page-title.js";
-import { PoolApyBreakdownCardTest as le } from "./pool-apy-breakdown-card/constants.js";
-import { PoolApyBreakdownCard as Pe } from "./pool-apy-breakdown-card/pool-apy-breakdown-card.js";
-import { PositionAssetsTest as Se } from "./position-assets/constants.js";
-import { PositionAssets as ue, visibleAssets as Ae } from "./position-assets/position-assets.js";
-import { ReviewButton as ke } from "./review-button/review-button.js";
-import { SectionHeading as Le } from "./section-heading/section-heading.js";
-import { SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as he, SegmentedTabs as Ie } from "./segmented-tabs/segmented-tabs.js";
-import { SPACE_HEIGHT as Ve, SPACE_PX as we } from "./spacing.js";
-import { Stack as De } from "./stack/stack.js";
-import { StatBadge as ve, StatBadgeGrid as Ee } from "./stat-badge/stat-badge.js";
-import { StrategyApyBreakdownCardTest as Ne } from "./strategy-apy-breakdown-card/constants.js";
-import { StrategyApyBreakdownCard as Ge } from "./strategy-apy-breakdown-card/strategy-apy-breakdown-card.js";
-import { Tabber as Fe, TabberSection as Ue, isTabber as We } from "./tabber/tabber.js";
-import { useDetailScrollSpy as Oe } from "./tabber/use-detail-scroll-spy.js";
-import { useTitleText as je } from "./text/use-title-text.js";
-import { TimeToLiquidationBlockTest as Ke } from "./time-to-liquidation-block/constants.js";
-import { TimeToLiquidationBlock as Ye } from "./time-to-liquidation-block/time-to-liquidation-block.js";
-import { TitleMetaTest as $e } from "./title-meta/constants.js";
-import { TitleMeta as oo } from "./title-meta/title-meta.js";
-import { TokenAmount as ro } from "./token-amount/token-amount.js";
-import { TokenPairSymbolTest as io } from "./token-pair-symbol/constants.js";
-import { TokenPairSymbol as mo } from "./token-pair-symbol/token-pair-symbol.js";
-import { PositionShortLabelTest as so, ValueTest as no } from "./values/constants.js";
-import { NoValue as To } from "./values/no-value.js";
-import { PnlValue as Po } from "./values/pnl-value.js";
-import { PositionShortLabel as So } from "./values/position-short-label.js";
-import { PositionStatusBadge as uo } from "./values/position-status-badge.js";
-import { PositionTypeBadge as Bo } from "./values/position-type-badge.js";
-import { PriceImpactValue as bo, priceImpact as Lo } from "./values/price-impact-value.js";
-import { ApyValue as ho, HealthFactorValue as Io, LeverageValue as yo, TokenBigint as Vo, UsdValue as wo, UtilizationValue as Mo, bps as Do } from "./values/scalars.js";
-import { AmountInputTest as vo } from "./amount-input/constants.js";
-import { DetailedPageTitleTest as qo } from "./detailed-page-title/constants.js";
-import { DetailsViewTest as _o } from "./details-view/constants.js";
-import { HistoryChartTest as Ro } from "./history-chart/constants.js";
-import { InfoListTest as Uo } from "./info-list/constants.js";
-import { LeverageInputTest as zo } from "./leverage-input/constants.js";
-import { ManagePaneTest as Xo } from "./manage-pane/constants.js";
-import { PageTitleTest as Jo } from "./page-title/constants.js";
-import { ReviewButtonTest as Qo } from "./review-button/constants.js";
-import { SectionHeadingTest as Zo } from "./section-heading/constants.js";
-import { SegmentedTabsTest as et } from "./segmented-tabs/constants.js";
-import { StackTest as tt } from "./stack/constants.js";
-import { StatBadgeTest as at } from "./stat-badge/constants.js";
-import { TabberTest as pt } from "./tabber/constants.js";
-import { TokenAmountTest as ft } from "./token-amount/constants.js";
+import { BorrowRateBlock as a } from "./borrow-rate-block/borrow-rate-block.js";
+import { BorrowRateBlockTest as p } from "./borrow-rate-block/constants.js";
+import { ChartWithSideCard as f } from "./chart-with-side-card/chart-with-side-card.js";
+import { ChartWithSideCardTest as x } from "./chart-with-side-card/constants.js";
+import { DetailedPageTitle as T } from "./detailed-page-title/detailed-page-title.js";
+import { AsideAlignAnchor as d } from "./details-view/detail-aside/detail-aside-scope.js";
+import { DetailsView as g, DetailsViewLeftPane as c, DetailsViewManagePane as u } from "./details-view/details-view.js";
+import { HealthFactorBlockTest as k } from "./health-factor-block/constants.js";
+import { HealthFactorBlock as L } from "./health-factor-block/health-factor-block.js";
+import { HistoryChart as A } from "./history-chart/history-chart.js";
+import { InfoLine as w, InfoList as V, PointsInfoLine as y } from "./info-list/info-list.js";
+import { LeverageInput as M } from "./leverage-input/leverage-input.js";
+import { LeveragePresetChipsTest as v } from "./leverage-preset-chips/constants.js";
+import { LeveragePresetChips as D } from "./leverage-preset-chips/leverage-preset-chips.js";
+import { LiquidationParamsTableTest as R } from "./liquidation-params-table/constants.js";
+import { LiquidationParamsTable as N } from "./liquidation-params-table/liquidation-params-table.js";
+import { LiquidationPriceBlockTest as W } from "./liquidation-price-block/constants.js";
+import { LiquidationPriceBlock as G } from "./liquidation-price-block/liquidation-price-block.js";
+import { ManagePane as E, ManagePaneActionTab as J, ManagePaneMessage as K, ManagePaneTab as O, ManagePaneTabDropdown as Q } from "./manage-pane/manage-pane.js";
+import { MoreAccordionTest as Y } from "./more-accordion/constants.js";
+import { MoreAccordion as _ } from "./more-accordion/more-accordion.js";
+import { NestedInfoStackTest as ee } from "./nested-info-stack/constants.js";
+import { NestedInfoStack as te } from "./nested-info-stack/nested-info-stack.js";
+import { PageHeadProvider as ae, PageTitle as ie } from "./page-title/page-title.js";
+import { PoolApyBreakdownCardTest as me } from "./pool-apy-breakdown-card/constants.js";
+import { PoolApyBreakdownCard as ne } from "./pool-apy-breakdown-card/pool-apy-breakdown-card.js";
+import { PositionAssetsTest as se } from "./position-assets/constants.js";
+import { PositionAssets as le } from "./position-assets/position-assets.js";
+import { ReviewButton as Pe } from "./review-button/review-button.js";
+import { SectionHeading as ce } from "./section-heading/section-heading.js";
+import { SegmentedTabs as Be } from "./segmented-tabs/segmented-tabs.js";
+import { Stack as Se } from "./stack/stack.js";
+import { StatBadge as be, StatBadgeGrid as Ae } from "./stat-badge/stat-badge.js";
+import { StrategyApyBreakdownCardTest as we } from "./strategy-apy-breakdown-card/constants.js";
+import { StrategyApyBreakdownCard as ye } from "./strategy-apy-breakdown-card/strategy-apy-breakdown-card.js";
+import { Tabber as Me, TabberSection as Ie } from "./tabber/tabber.js";
+import { useTitleText as He } from "./text/use-title-text.js";
+import { TimeToLiquidationBlockTest as qe } from "./time-to-liquidation-block/constants.js";
+import { TimeToLiquidationBlock as Fe } from "./time-to-liquidation-block/time-to-liquidation-block.js";
+import { TitleMetaTest as Ue } from "./title-meta/constants.js";
+import { TitleMeta as ze } from "./title-meta/title-meta.js";
+import { TokenAmount as je } from "./token-amount/token-amount.js";
+import { TokenPairSymbolTest as Je } from "./token-pair-symbol/constants.js";
+import { TokenPairSymbol as Oe } from "./token-pair-symbol/token-pair-symbol.js";
+import { NoValue as Xe } from "../no-value/no-value.js";
+import { PositionShortLabelTest as Ze, ValueTest as _e } from "./values/constants.js";
+import { PnlValue as eo } from "./values/pnl-value.js";
+import { PositionShortLabel as to } from "./values/position-short-label.js";
+import { PositionStatusBadge as ao } from "./values/position-status-badge.js";
+import { PositionTypeBadge as po } from "./values/position-type-badge.js";
+import { PriceImpactValue as fo } from "./values/price-impact-value.js";
+import { ApyValue as xo, HealthFactorValue as so, LeverageValue as To, TokenBigint as lo, UsdValue as Po, UtilizationValue as go } from "./values/scalars.js";
+import { AmountInputTest as uo } from "./amount-input/constants.js";
+import { DetailedPageTitleTest as ko } from "./detailed-page-title/constants.js";
+import { DetailsViewTest as Lo } from "./details-view/constants.js";
+import { HistoryChartTest as Ao } from "./history-chart/constants.js";
+import { InfoListTest as wo } from "./info-list/constants.js";
+import { LeverageInputTest as yo } from "./leverage-input/constants.js";
+import { ManagePaneTest as Mo } from "./manage-pane/constants.js";
+import { PageTitleTest as vo } from "./page-title/constants.js";
+import { ReviewButtonTest as Do } from "./review-button/constants.js";
+import { SectionHeadingTest as Ro } from "./section-heading/constants.js";
+import { SegmentedTabsTest as No } from "./segmented-tabs/constants.js";
+import { StackTest as Wo } from "./stack/constants.js";
+import { StatBadgeTest as Go } from "./stat-badge/constants.js";
+import { TabberTest as Eo } from "./tabber/constants.js";
+import { TokenAmountTest as Ko } from "./token-amount/constants.js";
 export {
   t as AmountInput,
-  vo as AmountInputTest,
-  ho as ApyValue,
-  c as AsideAlignAnchor,
-  p as BorrowRateBlock,
-  f as BorrowRateBlockTest,
-  n as ChartWithSideCard,
-  T as ChartWithSideCardTest,
-  S as DetailAsideScope,
-  A as DetailAsideScreenLayout,
-  d as DetailedPageTitle,
-  qo as DetailedPageTitleTest,
-  k as DetailsView,
-  b as DetailsViewLeftPane,
-  L as DetailsViewManagePane,
-  _o as DetailsViewTest,
-  y as HealthFactorBlock,
-  h as HealthFactorBlockTest,
-  Io as HealthFactorValue,
-  w as HistoryChart,
-  Ro as HistoryChartTest,
-  D as InfoLine,
-  H as InfoList,
-  Uo as InfoListTest,
-  q as LeverageInput,
-  zo as LeverageInputTest,
-  R as LeveragePresetChips,
-  _ as LeveragePresetChipsTest,
-  yo as LeverageValue,
-  z as LiquidationParamsTable,
-  U as LiquidationParamsTableTest,
-  J as LiquidationPriceBlock,
-  X as LiquidationPriceBlockTest,
-  Q as ManagePane,
-  Y as ManagePaneActionTab,
-  Z as ManagePaneMessage,
-  $ as ManagePaneTab,
-  ee as ManagePaneTabDropdown,
-  Xo as ManagePaneTest,
-  ae as MoreAccordion,
-  te as MoreAccordionTest,
-  fe as NestedInfoStack,
-  pe as NestedInfoStackTest,
-  To as NoValue,
-  ne as PageHeadProvider,
-  xe as PageTitle,
-  Jo as PageTitleTest,
-  Po as PnlValue,
-  v as PointsInfoLine,
-  Pe as PoolApyBreakdownCard,
-  le as PoolApyBreakdownCardTest,
-  ue as PositionAssets,
-  Se as PositionAssetsTest,
-  So as PositionShortLabel,
-  so as PositionShortLabelTest,
-  uo as PositionStatusBadge,
-  Bo as PositionTypeBadge,
-  bo as PriceImpactValue,
-  ke as ReviewButton,
-  Qo as ReviewButtonTest,
-  he as SEGMENTED_TABS_INACTIVE_BUTTON_CLASS,
-  Ve as SPACE_HEIGHT,
-  we as SPACE_PX,
-  Le as SectionHeading,
-  Zo as SectionHeadingTest,
-  Ie as SegmentedTabs,
-  et as SegmentedTabsTest,
-  De as Stack,
-  tt as StackTest,
-  ve as StatBadge,
-  Ee as StatBadgeGrid,
-  at as StatBadgeTest,
-  Ge as StrategyApyBreakdownCard,
-  Ne as StrategyApyBreakdownCardTest,
-  Fe as Tabber,
-  Ue as TabberSection,
-  pt as TabberTest,
-  Ye as TimeToLiquidationBlock,
-  Ke as TimeToLiquidationBlockTest,
-  oo as TitleMeta,
-  $e as TitleMetaTest,
-  ro as TokenAmount,
-  ft as TokenAmountTest,
-  Vo as TokenBigint,
-  mo as TokenPairSymbol,
-  io as TokenPairSymbolTest,
-  a as TokenSelectPanel,
-  wo as UsdValue,
-  Mo as UtilizationValue,
-  no as ValueTest,
-  Do as bps,
-  We as isTabber,
-  Lo as priceImpact,
-  g as useDetailAsideAnchorGetter,
-  Oe as useDetailScrollSpy,
-  je as useTitleText,
-  Ae as visibleAssets
+  uo as AmountInputTest,
+  xo as ApyValue,
+  d as AsideAlignAnchor,
+  a as BorrowRateBlock,
+  p as BorrowRateBlockTest,
+  f as ChartWithSideCard,
+  x as ChartWithSideCardTest,
+  T as DetailedPageTitle,
+  ko as DetailedPageTitleTest,
+  g as DetailsView,
+  c as DetailsViewLeftPane,
+  u as DetailsViewManagePane,
+  Lo as DetailsViewTest,
+  L as HealthFactorBlock,
+  k as HealthFactorBlockTest,
+  so as HealthFactorValue,
+  A as HistoryChart,
+  Ao as HistoryChartTest,
+  w as InfoLine,
+  V as InfoList,
+  wo as InfoListTest,
+  M as LeverageInput,
+  yo as LeverageInputTest,
+  D as LeveragePresetChips,
+  v as LeveragePresetChipsTest,
+  To as LeverageValue,
+  N as LiquidationParamsTable,
+  R as LiquidationParamsTableTest,
+  G as LiquidationPriceBlock,
+  W as LiquidationPriceBlockTest,
+  E as ManagePane,
+  J as ManagePaneActionTab,
+  K as ManagePaneMessage,
+  O as ManagePaneTab,
+  Q as ManagePaneTabDropdown,
+  Mo as ManagePaneTest,
+  _ as MoreAccordion,
+  Y as MoreAccordionTest,
+  te as NestedInfoStack,
+  ee as NestedInfoStackTest,
+  Xe as NoValue,
+  ae as PageHeadProvider,
+  ie as PageTitle,
+  vo as PageTitleTest,
+  eo as PnlValue,
+  y as PointsInfoLine,
+  ne as PoolApyBreakdownCard,
+  me as PoolApyBreakdownCardTest,
+  le as PositionAssets,
+  se as PositionAssetsTest,
+  to as PositionShortLabel,
+  Ze as PositionShortLabelTest,
+  ao as PositionStatusBadge,
+  po as PositionTypeBadge,
+  fo as PriceImpactValue,
+  Pe as ReviewButton,
+  Do as ReviewButtonTest,
+  ce as SectionHeading,
+  Ro as SectionHeadingTest,
+  Be as SegmentedTabs,
+  No as SegmentedTabsTest,
+  Se as Stack,
+  Wo as StackTest,
+  be as StatBadge,
+  Ae as StatBadgeGrid,
+  Go as StatBadgeTest,
+  ye as StrategyApyBreakdownCard,
+  we as StrategyApyBreakdownCardTest,
+  Me as Tabber,
+  Ie as TabberSection,
+  Eo as TabberTest,
+  Fe as TimeToLiquidationBlock,
+  qe as TimeToLiquidationBlockTest,
+  ze as TitleMeta,
+  Ue as TitleMetaTest,
+  je as TokenAmount,
+  Ko as TokenAmountTest,
+  lo as TokenBigint,
+  Oe as TokenPairSymbol,
+  Je as TokenPairSymbolTest,
+  Po as UsdValue,
+  go as UtilizationValue,
+  _e as ValueTest,
+  He as useTitleText
 };

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

@@ -1,66 +1,65 @@
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
 import { Stack as a } from "../stack/stack.js";
 import { useTitleText as l } from "../text/use-title-text.js";
 import { ValueTest as f } from "../values/constants.js";
 import "../../help-tip/help-tip.js";
 import "react";
 import "react-intl";
-import { pointProgramsOf as c } from "../../../utils/apy-breakdown.js";
-import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../../utils/z-index.js";
 import "viem";
-import { PointsIcon as d } from "../../points-icon/points-icon.js";
+import { PointsIcon as c } from "../../points-icon/points-icon.js";
 import "../../token-icon/token-icon.js";
+import { pointProgramsOf as d } from "../../../utils/internal/apy-breakdown.js";
 import "../../tooltip/simple-tooltip.js";
 import "../../tooltip/tooltip.js";
 import "../../badge/badge.js";
 import "../../badge/chip.js";
 import { VerticalIndicator as u } from "../../vertical-indicator/vertical-indicator.js";
-import { InfoListTest as n } from "./constants.js";
-function E({
+import { InfoListTest as r } from "./constants.js";
+function D({
   children: t
 }) {
-  return /* @__PURE__ */ o(a, { gap: "sm", "data-testid": n.root, children: t });
+  return /* @__PURE__ */ o(a, { gap: "sm", "data-testid": r.root, children: t });
 }
 function x({
   title: t,
-  size: r = "sm",
+  size: n = "sm",
   align: e = "start",
-  "data-testid": i = n.line,
+  "data-testid": i = r.line,
   ...m
 }) {
-  const p = l();
+  const s = l();
   return /* @__PURE__ */ o(
     u,
     {
-      label: p(t),
-      size: r,
+      label: s(t),
+      size: n,
       align: e,
       "data-testid": i,
       ...m
     }
   );
 }
-function F({
+function E({
   data: t,
-  title: r = "components.yieldBreakdown.points"
+  title: n = "components.yieldBreakdown.points"
 }) {
-  const e = t ? c(t) : [];
+  const e = t ? d(t) : [];
   return e.length === 0 ? null : /* @__PURE__ */ o(
     x,
     {
-      title: r,
+      title: n,
       value: /* @__PURE__ */ o(
         "span",
         {
           className: "inline-flex flex-wrap items-center gap-1.5",
           "data-testid": f.points,
-          children: e.map((i) => /* @__PURE__ */ s("span", { className: "inline-flex items-center gap-1", children: [
+          children: e.map((i) => /* @__PURE__ */ p("span", { className: "inline-flex items-center gap-1", children: [
             /* @__PURE__ */ o(
-              d,
+              c,
               {
                 reward: { name: i.name, type: i.id },
                 size: 16
@@ -75,7 +74,7 @@ function F({
 }
 export {
   x as InfoLine,
-  E as InfoList,
-  n as InfoListTest,
-  F as PointsInfoLine
+  D as InfoList,
+  r as InfoListTest,
+  E as PointsInfoLine
 };

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

@@ -4,15 +4,13 @@ import { Stack as I } from "../stack/stack.js";
 import { useTitleText as V } from "../text/use-title-text.js";
 import { EditInput as j } from "../../edit-input/edit-input.js";
 import { Slider as F } from "../../slider/slider.js";
-import "../../slider/slider-context.js";
 import { TextButton as O } from "../../text-button/text-button.js";
 import { SimpleTooltip as R } from "../../tooltip/simple-tooltip.js";
 import "../../tooltip/tooltip.js";
 import { useIntlTyped as _, FormattedMessageTyped as b } from "../../typed-intl/index.js";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as B } from "../../../utils/cn.js";
 import { formatLeverage as T } from "../../../utils/format-leverage.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../../utils/z-index.js";
 import { LeverageInputTest as l } from "./constants.js";
 const o = 100, D = 10, P = {
@@ -31,7 +29,7 @@ function z({
     a !== void 0 && /* @__PURE__ */ t("div", { children: a })
   ] });
 }
-function ae({
+function re({
   value: n,
   onChange: a,
   max: r,
@@ -126,6 +124,6 @@ function A(n, a, r) {
   return Math.min(Math.max(n, a), r);
 }
 export {
-  ae as LeverageInput,
+  re as LeverageInput,
   l as LeverageInputTest
 };

package/dist/esm/components/base/leverage-preset-chips/format-chip-leverage.js

@@ -0,0 +1,6 @@
+function r(e) {
+  return e.toFixed(2).replace(/\.?0+$/, "");
+}
+export {
+  r as formatChipLeverage
+};

package/dist/esm/components/base/leverage-preset-chips/leverage-preset-chips.js

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as m } from "react/jsx-runtime";
-import { SegmentedTabs as g } from "../segmented-tabs/segmented-tabs.js";
-import { FormattedMessageTyped as d } from "../../typed-intl/index.js";
-import { formatChipLeverage as l } from "../../../utils/leverage-presets.js";
+import { formatChipLeverage as g } from "./format-chip-leverage.js";
+import { SegmentedTabs as d } from "../segmented-tabs/segmented-tabs.js";
+import { FormattedMessageTyped as l } from "../../typed-intl/index.js";
 import { LeveragePresetChipsTest as s } from "./constants.js";
 function u({
   options: e,
@@ -16,13 +16,13 @@ function u({
       className: "flex items-center gap-2",
       "data-testid": s.root,
       children: [
-        /* @__PURE__ */ m("span", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ m(d, { messageId: "components.leveragePresetChips.label" }) }),
+        /* @__PURE__ */ m("span", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ m(l, { messageId: "components.leveragePresetChips.label" }) }),
         /* @__PURE__ */ m(
-          g,
+          d,
           {
             items: e.map((t) => ({
               id: String(t),
-              item: `${l(t)}×`,
+              item: `${g(t)}×`,
               testId: s.chip
             })),
             activeTab: i,

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

@@ -1,24 +1,21 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import "react-intl";
 import "../../buttons/button/button.js";
-import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 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 { Table as d, TableHeader as c, TableRow as s, TableHead as m, TableBody as p, TableCell as a } from "../../table/table.js";
+import { FormattedMessageTyped as r } from "../../typed-intl/index.js";
 import { LiquidationParamsTableTest as u } from "./constants.js";
-function a(o) {
+function t(o) {
   return o / 100;
 }
-function H({
+function y({
   data: o
 }) {
-  const n = a(o.liquidationPremium), l = a(o.liquidationFee);
+  const n = t(o.liquidationPremium), l = t(o.liquidationFee);
   return /* @__PURE__ */ i(
     d,
     {
@@ -27,25 +24,25 @@ function H({
       "data-testid": u.root,
       children: [
         /* @__PURE__ */ e(c, { children: /* @__PURE__ */ i(s, { children: [
-          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(t, { messageId: "components.liquidationParamsTable.lt" }) }),
-          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(t, { messageId: "components.liquidationParamsTable.penalty" }) }),
-          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(t, { messageId: "components.liquidationParamsTable.premium" }) }),
-          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(t, { messageId: "components.liquidationParamsTable.fee" }) })
+          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(r, { messageId: "components.liquidationParamsTable.lt" }) }),
+          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(r, { messageId: "components.liquidationParamsTable.penalty" }) }),
+          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(r, { messageId: "components.liquidationParamsTable.premium" }) }),
+          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(r, { messageId: "components.liquidationParamsTable.fee" }) })
         ] }) }),
         /* @__PURE__ */ e(p, { children: /* @__PURE__ */ i(s, { children: [
-          /* @__PURE__ */ i(r, { className: "font-medium", children: [
-            a(o.liquidationThreshold).toFixed(2),
+          /* @__PURE__ */ i(a, { className: "font-medium", children: [
+            t(o.liquidationThreshold).toFixed(2),
             "%"
           ] }),
-          /* @__PURE__ */ i(r, { className: "font-medium", children: [
+          /* @__PURE__ */ i(a, { className: "font-medium", children: [
             (n + l).toFixed(2),
             "%"
           ] }),
-          /* @__PURE__ */ i(r, { className: "font-medium", children: [
+          /* @__PURE__ */ i(a, { className: "font-medium", children: [
             n.toFixed(2),
             "%"
           ] }),
-          /* @__PURE__ */ i(r, { className: "font-medium", children: [
+          /* @__PURE__ */ i(a, { className: "font-medium", children: [
             l.toFixed(2),
             "%"
           ] })
@@ -55,6 +52,6 @@ function H({
   );
 }
 export {
-  H as LiquidationParamsTable,
+  y as LiquidationParamsTable,
   u as LiquidationParamsTableTest
 };

package/dist/esm/components/base/manage-pane/manage-pane.js

@@ -1,7 +1,8 @@
 import { jsxs as r, jsx as n } from "react/jsx-runtime";
 import { faEllipsis as _ } from "@fortawesome/free-solid-svg-icons";
 import { createContext as E, useState as N, Children as O, isValidElement as g, useRef as k, useContext as B } from "react";
-import { SegmentedTabs as j, SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as z } from "../segmented-tabs/segmented-tabs.js";
+import { SegmentedTabs as j } from "../segmented-tabs/segmented-tabs.js";
+import { SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as z } from "../segmented-tabs/segmented-tabs-styles.js";
 import { Stack as i } from "../stack/stack.js";
 import { useTitleText as R } from "../text/use-title-text.js";
 import { Button as V } from "../../buttons/button/button.js";
@@ -13,15 +14,13 @@ import "../../dialog/dialog-container.js";
 import "../../dialog/dialog-content.js";
 import "../../dialog/dialog-description.js";
 import "../../dialog/dialog-footer.js";
-import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../../utils/z-index.js";
 import "../../dialog/dialog-header.js";
 import "../../dialog/dialog-title.js";
 import { DialogModalContainer as L } from "../../dialog/dialog-modal-container.js";
-import "../../dialog/dialog-overlay.js";
 import "viem";
 import "../../input/input.js";
 import "../../label/label.js";
@@ -58,7 +57,7 @@ function Z(o) {
 function $(o) {
   return g(o) && o.type === X;
 }
-function Et({
+function _t({
   children: o,
   activeTab: p,
   onTabChange: M,
@@ -174,15 +173,15 @@ function Et({
     ) : null
   ] });
 }
-function Nt({
+function Et({
   children: o
 }) {
   return /* @__PURE__ */ n(i, { gap: "sm", "data-testid": e.message, children: o });
 }
 export {
-  Et as ManagePane,
+  _t as ManagePane,
   X as ManagePaneActionTab,
-  Nt as ManagePaneMessage,
+  Et as ManagePaneMessage,
   Q as ManagePaneTab,
   W as ManagePaneTabDropdown,
   e as ManagePaneTest