@gearbox-protocol/ui-kit 4.0.0-next.50 → 4.0.0-next.52

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

@@ -5,79 +5,75 @@ 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 u } from "./details-view/detail-aside/detail-aside-scope.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 y } from "./health-factor-block/constants.js";
-import { HealthFactorBlock as h } from "./health-factor-block/health-factor-block.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 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 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 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 { 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";
+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";
 export {
   t as AmountInput,
-  Fo as AmountInputTest,
-  vo as ApyValue,
+  vo as AmountInputTest,
+  ho as ApyValue,
   c as AsideAlignAnchor,
   p as BorrowRateBlock,
   f as BorrowRateBlockTest,
@@ -86,95 +82,90 @@ export {
   S as DetailAsideScope,
   A as DetailAsideScreenLayout,
   d as DetailedPageTitle,
-  Oo as DetailedPageTitleTest,
+  qo as DetailedPageTitleTest,
   k as DetailsView,
   b as DetailsViewLeftPane,
   L as DetailsViewManagePane,
-  zo as DetailsViewTest,
-  h as HealthFactorBlock,
-  y as HealthFactorBlockTest,
-  Ho as HealthFactorValue,
+  _o as DetailsViewTest,
+  y as HealthFactorBlock,
+  h as HealthFactorBlockTest,
+  Io as HealthFactorValue,
   w as HistoryChart,
-  jo as HistoryChartTest,
+  Ro 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,
-  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,
-  $o as ManagePaneTest,
-  me as MoreAccordion,
-  ie as MoreAccordionTest,
-  xe as NestedInfoStack,
-  se as NestedInfoStackTest,
-  uo as NoValue,
-  le as PageHeadProvider,
-  de as PageTitle,
-  ot as PageTitleTest,
-  Ao as PnlValue,
-  H as PointsInfoLine,
-  ko as PointsValue,
-  ue as PoolApyBreakdownCard,
-  ce as PoolApyBreakdownCardTest,
-  ke as PositionAssets,
-  Ae as PositionAssetsTest,
-  Lo as PositionShortLabel,
-  Po as PositionShortLabelTest,
-  yo as PositionStatusBadge,
-  ho as PositionTypeBadge,
-  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,
+  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,
-  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
+  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
 };

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

@@ -1,55 +1,81 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Stack as n } from "../stack/stack.js";
-import { useTitleText as p } from "../text/use-title-text.js";
+import { jsx as o, jsxs as s } 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 e } from "../../../utils/apy-breakdown.js";
+import { pointProgramsOf as c } from "../../../utils/apy-breakdown.js";
 import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
 import "luxon";
 import "../../../utils/z-index.js";
-import { PointsValue as s } from "../values/points-value.js";
 import "viem";
-import "../../points-icon/points-icon.js";
+import { PointsIcon as d } from "../../points-icon/points-icon.js";
 import "../../token-icon/token-icon.js";
 import "../../tooltip/simple-tooltip.js";
 import "../../tooltip/tooltip.js";
 import "../../badge/badge.js";
 import "../../badge/chip.js";
-import { VerticalIndicator as f } from "../../vertical-indicator/vertical-indicator.js";
-import { InfoListTest as i } from "./constants.js";
-function q({
+import { VerticalIndicator as u } from "../../vertical-indicator/vertical-indicator.js";
+import { InfoListTest as n } from "./constants.js";
+function E({
   children: t
 }) {
-  return /* @__PURE__ */ o(n, { gap: "sm", "data-testid": i.root, children: t });
+  return /* @__PURE__ */ o(a, { gap: "sm", "data-testid": n.root, children: t });
 }
-function l({
+function x({
   title: t,
-  ...r
+  size: r = "sm",
+  align: e = "start",
+  "data-testid": i = n.line,
+  ...m
 }) {
-  const m = p();
+  const p = l();
   return /* @__PURE__ */ o(
-    f,
+    u,
     {
-      label: m(t),
-      size: "sm",
-      align: "start",
-      "data-testid": i.line,
-      ...r
+      label: p(t),
+      size: r,
+      align: e,
+      "data-testid": i,
+      ...m
     }
   );
 }
-function A({
+function F({
   data: t,
   title: r = "components.yieldBreakdown.points"
 }) {
-  return !t || e(t).length === 0 ? null : /* @__PURE__ */ o(l, { title: r, value: /* @__PURE__ */ o(s, { data: t }) });
+  const e = t ? c(t) : [];
+  return e.length === 0 ? null : /* @__PURE__ */ o(
+    x,
+    {
+      title: r,
+      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: [
+            /* @__PURE__ */ o(
+              d,
+              {
+                reward: { name: i.name, type: i.id },
+                size: 16
+              }
+            ),
+            /* @__PURE__ */ o("span", { children: i.name })
+          ] }, i.id))
+        }
+      )
+    }
+  );
 }
 export {
-  l as InfoLine,
-  q as InfoList,
-  i as InfoListTest,
-  A as PointsInfoLine
+  x as InfoLine,
+  E as InfoList,
+  n as InfoListTest,
+  F as PointsInfoLine
 };

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

@@ -1,70 +1,88 @@
-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";
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { useState as h } from "react";
+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 B, FormattedMessageTyped as T } from "../../typed-intl/index.js";
-import { WithTitle as D } from "../../with-title/with-title.js";
-import { formatLeverage as b } from "../../../utils/format-leverage.js";
-import { LeverageInputTest as i } from "./constants.js";
-const o = 100, P = 10;
-function ee({
+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 "../../../utils/z-index.js";
+import { LeverageInputTest as l } from "./constants.js";
+const o = 100, D = 10, P = {
+  sm: "text-[14px] mb-[14px]",
+  default: "text-body mb-[18px]",
+  md: "text-lg mb-[22px]",
+  lg: "text-[21px] mb-[22px]"
+};
+function z({
+  title: n,
+  children: a,
+  size: r = "default"
+}) {
+  return /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ t("div", { className: B("font-medium text-foreground", P[r]), children: n }),
+    a !== void 0 && /* @__PURE__ */ t("div", { children: a })
+  ] });
+}
+function ae({
   value: n,
-  onChange: s,
+  onChange: a,
   max: r,
   min: m = 1,
-  title: c,
-  hint: d,
-  reset: a,
-  colorIntervals: w,
-  colorIntervalLabel: N,
-  size: E = "sm"
+  title: d,
+  hint: c,
+  reset: i,
+  colorIntervals: N,
+  colorIntervalLabel: E,
+  size: w = "sm"
 }) {
-  const S = B(), C = y(), p = w ?? [], L = N ?? (p.length > 0 ? S.formatMessage({
+  const S = _(), L = V(), p = N ?? [], C = E ?? (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, m, r)), u(void 0);
+  }) : void 0), [M, u] = h(void 0), [f, x] = h(""), g = M ?? n, v = (e) => {
+    a(A(e, m, r)), u(void 0);
   }, k = () => {
     const e = Number.parseFloat(f.replace(",", "."));
     Number.isFinite(e) && v(e);
-  }, V = p.map((e) => ({
+  }, y = p.map((e) => ({
     ...e,
     start: e.start * o,
     end: e.end * o
   }));
-  return /* @__PURE__ */ t("div", { "data-testid": i.root, children: /* @__PURE__ */ t(
-    D,
+  return /* @__PURE__ */ t("div", { "data-testid": l.root, children: /* @__PURE__ */ t(
+    z,
     {
-      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
+      size: w,
+      title: /* @__PURE__ */ s(I, { direction: "row", align: "center", justify: "between", gap: "sm", children: [
+        /* @__PURE__ */ s("span", { className: "font-normal", children: [
+          d !== void 0 ? L(d) : /* @__PURE__ */ t(b, { messageId: "components.leverageInput.label" }),
+          c ? /* @__PURE__ */ t("span", { className: "text-muted-foreground ml-1", children: c }) : null
         ] }),
-        /* @__PURE__ */ l(x, { direction: "row", align: "center", gap: "sm", children: [
+        /* @__PURE__ */ s(I, { direction: "row", align: "center", gap: "sm", children: [
           /* @__PURE__ */ t("div", { className: "flex w-[90px] flex-row flex-nowrap items-center", children: /* @__PURE__ */ t(
             j,
             {
               value: f,
               placeholder: "0",
-              label: `${b(h)}x`,
+              label: `${T(g)}x`,
               textButtonProps: {
                 className: "inline-flex items-center whitespace-nowrap"
               },
-              "data-testid": i.value,
+              "data-testid": l.value,
               onEditModeChange: (e) => {
-                e && g(b(n));
+                e && x(T(n));
               },
-              onChange: (e) => g(e.target.value),
+              onChange: (e) => x(e.target.value),
               onSubmit: k
             }
           ) }),
-          a ? /* @__PURE__ */ t(
+          i ? /* @__PURE__ */ t(
             R,
             {
               placement: "top",
@@ -76,12 +94,12 @@ function ee({
                   buttonColor: "secondaryDashed",
                   size: "sm",
                   className: "max-w-full truncate",
-                  onClick: a.onClick,
-                  "data-testid": a.testId ?? i.reset,
-                  children: /* @__PURE__ */ t(T, { messageId: "components.leverageInput.reset" })
+                  onClick: i.onClick,
+                  "data-testid": i.testId ?? l.reset,
+                  children: /* @__PURE__ */ t(b, { messageId: "components.leverageInput.reset" })
                 }
               ),
-              children: a.tooltip
+              children: i.tooltip
             }
           ) : null
         ] })
@@ -92,11 +110,11 @@ function ee({
           from: m * o,
           to: r * o,
           precision: o,
-          value: h * o,
-          colorIntervals: V,
-          colorIntervalLabel: L,
-          markerStep: r > P ? 200 : 100,
-          "data-testid": i.slider,
+          value: g * o,
+          colorIntervals: y,
+          colorIntervalLabel: C,
+          markerStep: r > D ? 200 : 100,
+          "data-testid": l.slider,
           onChangeValue: (e) => u(e / o),
           onSubmitValue: (e) => v(e / o)
         }
@@ -104,10 +122,10 @@ function ee({
     }
   ) });
 }
-function _(n, s, r) {
-  return Math.min(Math.max(n, s), r);
+function A(n, a, r) {
+  return Math.min(Math.max(n, a), r);
 }
 export {
-  ee as LeverageInput,
-  i as LeverageInputTest
+  ae as LeverageInput,
+  l as LeverageInputTest
 };