@gearbox-protocol/ui-kit 3.14.0-next.9 → 4.0.0-next.10

package/dist/esm/components/base/health-factor-block/health-factor-block.js

@@ -0,0 +1,52 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useTitleText as h } from "../text/use-title-text.js";
+import { FadeoutLoading as s } from "../../fadeout-loading/fadeout-loading.js";
+import { HealthFactor as c } from "../../health-factor/health-factor.js";
+import { FormattedMessageTyped as n } from "../../typed-intl/index.js";
+import { VerticalIndicator as g } from "../../vertical-indicator/vertical-indicator.js";
+import { HealthFactorBlockTest as t } from "./constants.js";
+function b({
+  healthFactor: e,
+  healthFactorTo: a,
+  debt: r,
+  debtTo: p,
+  zone: i,
+  isLoading: l,
+  title: d,
+  tip: u,
+  testId: v
+}) {
+  const f = h(), m = a !== void 0;
+  return /* @__PURE__ */ o(
+    g,
+    {
+      align: "center",
+      dimPreviousValue: !1,
+      "data-testid": v ?? t.root,
+      label: d !== void 0 ? f(d) : /* @__PURE__ */ o(n, { messageId: "components.healthFactorBlock.label" }),
+      tip: u ?? /* @__PURE__ */ o(n, { messageId: "components.healthFactorBlock.tip" }),
+      value: /* @__PURE__ */ o(s, { loading: l, children: e === void 0 ? /* @__PURE__ */ o("span", { "data-testid": t.value, children: "—" }) : /* @__PURE__ */ o(
+        c,
+        {
+          value: e,
+          debt: r,
+          zone: m ? void 0 : i,
+          "data-testid": t.value
+        }
+      ) }),
+      valueTo: m ? /* @__PURE__ */ o(s, { loading: l, children: /* @__PURE__ */ o(
+        c,
+        {
+          value: a,
+          debt: p ?? r,
+          zone: i,
+          "data-testid": t.valueTo
+        }
+      ) }) : void 0
+    }
+  );
+}
+export {
+  b as HealthFactorBlock,
+  t as HealthFactorBlockTest
+};

package/dist/esm/components/base/health-factor-block/index.js

@@ -0,0 +1,6 @@
+import { HealthFactorBlockTest as r } from "./constants.js";
+import { HealthFactorBlock as a } from "./health-factor-block.js";
+export {
+  a as HealthFactorBlock,
+  r as HealthFactorBlockTest
+};

package/dist/esm/components/base/history-chart/constants.js

@@ -0,0 +1,9 @@
+class a {
+  static root = "history-chart-root";
+  static empty = "history-chart-empty";
+  static error = "history-chart-error";
+  static range = (t) => `history-chart-range-${t}`;
+}
+export {
+  a as HistoryChartTest
+};

package/dist/esm/components/base/history-chart/history-chart.js

@@ -0,0 +1,110 @@
+import { jsx as h } from "react/jsx-runtime";
+import { useMemo as g } from "react";
+import { useTitleText as E } from "../text/use-title-text.js";
+import "@gearbox-protocol/static";
+import "../../checkbox/checkbox.js";
+import "../../checkbox/checkbox-labeled.js";
+import "../../select/select.js";
+import { TradingView as G } from "../../trading-view/trading-view.js";
+import { useIntlTyped as O } from "../../typed-intl/index.js";
+import { HistoryChartTest as R } from "./constants.js";
+const Y = ["1d", "1w", "1m", "1y", "max"], j = {
+  "1d": "1D",
+  "1w": "7D",
+  "1m": "1M",
+  "1y": "1Y",
+  max: "MAX"
+};
+function q({
+  data: t,
+  range: o,
+  onRange: a,
+  isLoading: v = !1,
+  error: x,
+  yMeasureUnit: i = "none",
+  height: S,
+  seriesTitles: c,
+  priceLines: f,
+  zones: u,
+  showCurrentValue: I = !1,
+  yScaleMin: w,
+  title: A,
+  trailing: C,
+  dualYAxis: L
+}) {
+  const y = O(), b = E(), e = g(
+    () => Array.isArray(i) ? [...i] : void 0,
+    [i]
+  ), p = e != null && new Set(e).size > 1, d = L ?? p, l = e?.[0], D = g(() => {
+    const r = (n, m) => {
+      if (!d) return n;
+      if (p && e != null && l != null) {
+        const s = e[m] ?? l;
+        return {
+          ...n,
+          priceScaleId: s === l ? "left" : "right"
+        };
+      }
+      return {
+        ...n,
+        priceScaleId: m === 0 ? "left" : "right"
+      };
+    };
+    if (t)
+      return (Array.isArray(t) ? t : [t]).map(
+        (m, s) => r(H(c)(m), s)
+      );
+    if (c)
+      return Object.entries(c).map(
+        ([n, m], s) => r(
+          {
+            id: n,
+            title: m,
+            data: []
+          },
+          s
+        )
+      );
+  }, [t, c, p, d, l, e]);
+  return /* @__PURE__ */ h("div", { "data-testid": R.root, children: /* @__PURE__ */ h(
+    G,
+    {
+      data: D,
+      isLoading: v,
+      error: x ? y.formatMessage({ messageId: "components.historyChart.error" }) : void 0,
+      emptyMessage: y.formatMessage({
+        messageId: "components.historyChart.empty"
+      }),
+      dualYAxis: d,
+      yMeasureUnit: Array.isArray(i) ? [...i] : i,
+      height: S,
+      rangeList: Y.map((r) => ({
+        value: r,
+        label: j[r]
+      })),
+      range: o,
+      setRange: (r) => a(r),
+      priceLineOptions: f ? [...f] : void 0,
+      zoneOptions: u ? [...u] : void 0,
+      showCurrentValue: I,
+      yScaleMin: w,
+      disableZoom: !0,
+      title: A != null ? b(A) : void 0,
+      trailing: C
+    }
+  ) });
+}
+function H(t) {
+  return (o) => ({
+    id: o.metric,
+    title: t?.[o.metric] ?? o.metric,
+    data: o.points.map((a) => ({
+      time: a.timestamp,
+      value: a.value
+    }))
+  });
+}
+export {
+  q as HistoryChart,
+  R as HistoryChartTest
+};

package/dist/esm/components/base/history-chart/index.js

@@ -0,0 +1,6 @@
+import { HistoryChart as o } from "./history-chart.js";
+import { HistoryChartTest as s } from "./constants.js";
+export {
+  o as HistoryChart,
+  s as HistoryChartTest
+};

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

@@ -0,0 +1,177 @@
+import { AmountInput as r } 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 { 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 { 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 { 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 { 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";
+export {
+  r as AmountInput,
+  No as AmountInputTest,
+  Mo as ApyValue,
+  S as AsideAlignAnchor,
+  p as BorrowRateBlock,
+  f as BorrowRateBlockTest,
+  x as ChartWithSideCard,
+  s as ChartWithSideCardTest,
+  g as DetailAsideScreenLayout,
+  d as DetailedPageTitle,
+  Fo 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,
+  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,
+  re as ManagePaneTabDropdown,
+  Qo as ManagePaneTest,
+  pe as MoreAccordion,
+  ae as MoreAccordionTest,
+  xe as NestedInfoStack,
+  fe as NestedInfoStackTest,
+  se as PageHeadProvider,
+  le as PageTitle,
+  Zo as PageTitleTest,
+  ko as PnlValue,
+  H as PointsInfoLine,
+  Ao as PointsValue,
+  ce as PoolApyBreakdownCard,
+  Pe as PoolApyBreakdownCardTest,
+  Lo as PositionShortLabel,
+  co 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,
+  a as TokenSelectPanel,
+  vo as UsdValue,
+  Eo as UtilizationValue,
+  go as ValueTest,
+  qo as bps,
+  Xe as isTabber,
+  Je as useDetailScrollSpy,
+  Qe as useTitleText
+};

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

@@ -0,0 +1,8 @@
+class i {
+  static root = "info-list-root";
+  static line = "info-list-line";
+  static sectionTitle = "info-list-section-title";
+}
+export {
+  i as InfoListTest
+};

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

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

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

@@ -0,0 +1,81 @@
+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 "react";
+import { pointProgramsOf as f } from "../../../utils/apy-breakdown.js";
+import "@gearbox-protocol/sdk";
+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 "../../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 { InfoListTest as i } from "./constants.js";
+function F({
+  children: t
+}) {
+  return /* @__PURE__ */ r(c, { gap: "sm", "data-testid": i.root, children: t });
+}
+function g({
+  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
+}) {
+  const o = n();
+  return /* @__PURE__ */ r(
+    u,
+    {
+      as: "span",
+      color: "secondary",
+      weight: "bold",
+      variant: "caption",
+      className: "tracking-[0.55px] uppercase",
+      "data-testid": i.sectionTitle,
+      children: o(t)
+    }
+  );
+}
+function H({
+  data: t,
+  title: o = "components.yieldBreakdown.points"
+}) {
+  return !t || f(t).length === 0 ? null : /* @__PURE__ */ r(g, { title: o, value: /* @__PURE__ */ r(l, { data: t }) });
+}
+export {
+  g as InfoLine,
+  F as InfoList,
+  i as InfoListTest,
+  G as InfoSectionTitle,
+  H as PointsInfoLine
+};

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

@@ -0,0 +1,5 @@
+import { InfoPortalOut as t, InfoPortalProvider as f } from "./info-portal.js";
+export {
+  t as InfoPortalOut,
+  f as InfoPortalProvider
+};

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

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import { createContext as e, useRef as u, useContext as c } from "react";
+const r = e({
+  current: null
+});
+function s({ children: t }) {
+  const n = u(null);
+  return /* @__PURE__ */ o(r.Provider, { value: n, children: t });
+}
+function f() {
+  return c(r);
+}
+function a() {
+  const t = f();
+  return /* @__PURE__ */ o("div", { ref: t });
+}
+export {
+  a as InfoPortalOut,
+  s as InfoPortalProvider
+};

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

@@ -0,0 +1,9 @@
+class t {
+  static root = "leverage-input-root";
+  static slider = "leverage-input-slider";
+  static value = "leverage-input-value";
+  static reset = "leverage-input-reset";
+}
+export {
+  t as LeverageInputTest
+};

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

@@ -0,0 +1,6 @@
+import { LeverageInput as t } from "./leverage-input.js";
+import { LeverageInputTest as p } from "./constants.js";
+export {
+  t as LeverageInput,
+  p as LeverageInputTest
+};

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

@@ -0,0 +1,115 @@
+import { jsx as t, jsxs as m } 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 { 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({
+  value: n,
+  onChange: s,
+  max: r,
+  min: l = 1,
+  title: c,
+  hint: d,
+  reset: a,
+  colorIntervals: w,
+  colorIntervalLabel: N,
+  size: S = "sm"
+}) {
+  const E = B(), C = y(), p = w ?? [
+    { start: l, end: r, color: "additionalSuccess" }
+  ], L = N ?? (p.length > 0 ? E.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);
+  }, k = () => {
+    const e = Number.parseFloat(f.replace(",", "."));
+    Number.isFinite(e) && v(e);
+  }, V = p.map((e) => ({
+    ...e,
+    start: e.start * o,
+    end: e.end * o
+  }));
+  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: [
+          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__ */ t("div", { className: "flex w-[90px] flex-row flex-nowrap items-center", children: /* @__PURE__ */ t(
+            j,
+            {
+              value: f,
+              placeholder: "0",
+              label: `${b(h)}x`,
+              textButtonProps: {
+                className: "inline-flex items-center whitespace-nowrap"
+              },
+              "data-testid": i.value,
+              onEditModeChange: (e) => {
+                e && g(b(n));
+              },
+              onChange: (e) => g(e.target.value),
+              onSubmit: k
+            }
+          ) }),
+          a ? /* @__PURE__ */ t(
+            R,
+            {
+              placement: "top",
+              triangle: !1,
+              triggerClassName: "inline-flex shrink-0",
+              title: /* @__PURE__ */ t(
+                O,
+                {
+                  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" })
+                }
+              ),
+              children: a.tooltip
+            }
+          ) : null
+        ] })
+      ] }),
+      children: /* @__PURE__ */ t(
+        F,
+        {
+          from: l * o,
+          to: r * o,
+          precision: o,
+          value: h * o,
+          colorIntervals: V,
+          colorIntervalLabel: L,
+          markerStep: r > P ? 200 : 100,
+          "data-testid": i.slider,
+          onChangeValue: (e) => u(e / o),
+          onSubmitValue: (e) => v(e / o)
+        }
+      )
+    }
+  ) });
+}
+function _(n, s, r) {
+  return Math.min(Math.max(n, s), r);
+}
+export {
+  ee as LeverageInput,
+  i as LeverageInputTest
+};

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

@@ -0,0 +1,7 @@
+const e = {
+  root: "leverage-preset-chips-root",
+  chip: "leverage-preset-chips-chip"
+};
+export {
+  e as LeveragePresetChipsTest
+};

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

@@ -0,0 +1,6 @@
+import { LeveragePresetChipsTest as s } from "./constants.js";
+import { LeveragePresetChips as o } from "./leverage-preset-chips.js";
+export {
+  o as LeveragePresetChips,
+  s as LeveragePresetChipsTest
+};