@gearbox-protocol/ui-kit 3.14.0-next.8 → 4.0.0-next.1

package/dist/esm/components/base/details-view/detail-aside/sticky-controller.js

@@ -0,0 +1,137 @@
+import { ASIDE_ALIGN_ANCHOR_ATTR as N, DETAIL_ASIDE_STICKY_OFFSET_TOP_PX as q, DETAIL_ASIDE_STICKY_OFFSET_BOTTOM_PX as X, ASIDE_FORM_TOP_ATTR as Y, DETAIL_ASIDE_SPACER_PX as G, DETAIL_ASIDE_MODE_ATTR as K } from "./constants.js";
+import { computeSpacerPx as V, computeStickyLimits as Q, computeScrollLimits as U, reconcileAsideStickyMode as W, computeRelativeTop as j } from "./geometry.js";
+import { findScrollParentFromElement as J } from "./scroll-parent.js";
+function Z() {
+  return document.querySelector(`[${N}]`);
+}
+function ie({
+  root: s,
+  content: t,
+  motion: r,
+  getAnchor: L = Z,
+  onSpacerChange: x,
+  offsetTop: T = q,
+  offsetBottom: _ = X
+}) {
+  let o = "relative", m = 0, R = G, g = null, i = null, v = null;
+  const F = 120, h = () => {
+    t.setAttribute(K, o);
+  }, a = (() => {
+    const e = s.parentElement;
+    return e ? J(e) : window;
+  })(), u = a === window ? null : a, y = () => u ? u.getBoundingClientRect().height : window.innerHeight, E = () => u ? u.scrollTop : window.scrollY, S = () => Q(
+    y(),
+    t.offsetHeight,
+    T,
+    _
+  ), b = () => {
+    const e = s.getBoundingClientRect(), n = t.getBoundingClientRect(), c = e.top + R, p = Math.max(
+      0,
+      s.offsetHeight - R - t.offsetHeight
+    );
+    return j(
+      n.top,
+      c,
+      p
+    );
+  }, P = (e) => {
+    r.removeAttribute("data-detail-aside-bounce"), r.offsetWidth, r.setAttribute("data-detail-aside-bounce", e);
+  }, B = (e) => {
+    e.target === r && r.removeAttribute("data-detail-aside-bounce");
+  }, d = (e = !1) => {
+    const n = o;
+    o = "top", t.style.position = "sticky", t.style.top = `${T}px`, h(), e && n !== "top" && P("top");
+  }, C = (e = !1) => {
+    const n = o;
+    o = "bottom", t.style.position = "sticky", t.style.top = `${Math.round(S().bottomTop)}px`, h(), e && n !== "bottom" && P("bottom");
+  }, A = (e) => {
+    o = "relative", t.style.position = "relative", t.style.top = `${Math.round(e)}px`, h();
+  }, k = () => {
+    A(b());
+  }, w = () => {
+    const e = L();
+    if (e) {
+      const p = (s.querySelector(`[${Y}]`) ?? t).getBoundingClientRect().top - t.getBoundingClientRect().top, l = V(
+        e.getBoundingClientRect().top,
+        s.getBoundingClientRect().top,
+        p
+      );
+      l !== R && (R = l, x(l));
+    }
+    const n = S();
+    if (n.contentHeight <= n.availableHeight) {
+      d();
+      return;
+    }
+    o === "top" ? d() : o === "bottom" ? C() : k();
+  }, I = () => {
+    const e = S();
+    if (e.contentHeight <= e.availableHeight) {
+      o !== "top" && d();
+      return;
+    }
+    const c = u?.getBoundingClientRect()?.top ?? 0, p = U(
+      c,
+      y(),
+      T,
+      _
+    ), l = t.getBoundingClientRect(), f = W({
+      limits: e,
+      contentTop: l.top,
+      contentBottom: l.bottom,
+      scrollLimits: p
+    });
+    if (f !== o) {
+      if (f === "top") {
+        d();
+        return;
+      }
+      if (f === "bottom") {
+        C();
+        return;
+      }
+      A(b());
+    }
+  }, O = () => {
+    i !== null && clearTimeout(i), i = setTimeout(() => {
+      i = null, m = E(), I();
+    }, F);
+  }, z = () => {
+    const e = E(), n = e - m;
+    if (m = e, n === 0) {
+      O();
+      return;
+    }
+    const c = S();
+    if (c.contentHeight <= c.availableHeight) {
+      d();
+      return;
+    }
+    const l = u?.getBoundingClientRect()?.top ?? 0, f = l + T, $ = l + y() - _;
+    n > 0 ? (o === "top" && A(b()), o === "relative" && t.getBoundingClientRect().bottom <= $ && C(!0)) : (o === "bottom" && A(b()), o === "relative" && t.getBoundingClientRect().top >= f && d(!0));
+  }, D = () => {
+    g === null && (g = window.requestAnimationFrame(() => {
+      g = null, z(), O();
+    }));
+  }, M = () => {
+    i !== null && (clearTimeout(i), i = null), m = E(), I();
+  }, H = () => {
+    w();
+  };
+  return {
+    bind() {
+      m = E(), w(), v = new ResizeObserver(w), v.observe(s), v.observe(t);
+      const e = L();
+      e && v.observe(e), r.addEventListener("animationend", B), a.addEventListener("scroll", D, { passive: !0 }), a.addEventListener("scrollend", M, {
+        passive: !0
+      }), window.addEventListener("resize", H, { passive: !0 });
+    },
+    unbind() {
+      g !== null && window.cancelAnimationFrame(g), i !== null && clearTimeout(i), v?.disconnect(), r.removeEventListener("animationend", B), a.removeEventListener("scroll", D), a.removeEventListener("scrollend", M), window.removeEventListener("resize", H);
+    }
+  };
+}
+export {
+  ie as createDetailAsideStickyController,
+  Z as defaultQuerySelectorAnchor
+};

package/dist/esm/components/base/details-view/detail-aside/use-detail-aside-sticky.js

@@ -0,0 +1,31 @@
+import { useState as p, useRef as S, useLayoutEffect as d } from "react";
+import { DETAIL_ASIDE_SPACER_PX as h } from "./constants.js";
+import { useDetailAsideAnchorGetter as D } from "./detail-aside-scope.js";
+import { defaultQuerySelectorAnchor as t, createDetailAsideStickyController as y } from "./sticky-controller.js";
+function R({
+  rootRef: i,
+  contentRef: s,
+  motionRef: f,
+  getAnchor: e = t,
+  enabled: a = !0
+}) {
+  const [A, l] = p(h), m = D(), r = S(e ?? t);
+  return r.current = m ?? e ?? t, d(() => {
+    if (!a) return;
+    const o = i.current, n = s.current, c = f.current;
+    if (!o || !n || !c) return;
+    const u = y({
+      root: o,
+      content: n,
+      motion: c,
+      getAnchor: () => r.current(),
+      onSpacerChange: l
+    });
+    return u.bind(), () => {
+      u.unbind();
+    };
+  }, []), { spacerPx: A };
+}
+export {
+  R as useDetailAsideSticky
+};

package/dist/esm/components/base/details-view/details-view.js

@@ -0,0 +1,67 @@
+import { jsx as i, jsxs as g } from "react/jsx-runtime";
+import { Children as p, cloneElement as h, isValidElement as c } from "react";
+import { Stack as r } from "../stack/stack.js";
+import { isTabber as A } from "../tabber/tabber.js";
+import { Container as P } from "../../layout/container/container.js";
+import { useIsMedium as x } from "../../../hooks/use-media-query.js";
+import { DetailsViewTest as s } from "./constants.js";
+import { AsideAlignAnchor as y } from "./detail-aside/detail-aside-scope.js";
+import { DetailAsideScreenLayout as w } from "./detail-aside/detail-aside-screen-layout.js";
+function D(e) {
+  return c(e) && e.type === b;
+}
+function V(e) {
+  return c(e) && e.type === u;
+}
+function M(e) {
+  return c(e) && e.type === y;
+}
+function q({
+  children: e,
+  mainRef: l,
+  className: n,
+  testId: t
+}) {
+  const a = x(), d = p.toArray(e), m = d.find(D), f = d.find(V)?.props.children ?? null, o = f != null ? /* @__PURE__ */ i(r, { "data-testid": s.managePane, children: f }) : null;
+  return /* @__PURE__ */ i(r, { className: "flex-col-12", "data-testid": t ?? s.root, children: /* @__PURE__ */ i(r, { className: "px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ i(
+    w,
+    {
+      className: n,
+      mainRef: l,
+      aside: !a && o ? o : null,
+      children: /* @__PURE__ */ i(P, { padding: !1, children: m ? h(m, {
+        mobileManagePane: a ? o : null
+      }) : null })
+    }
+  ) }) });
+}
+function b({
+  children: e,
+  mobileManagePane: l
+}) {
+  const n = p.toArray(e);
+  if (l == null)
+    return /* @__PURE__ */ i(r, { gap: "lg", "data-testid": s.leftPane, children: n });
+  let t = n.findIndex(M);
+  if (t !== -1)
+    t += 1;
+  else {
+    const a = n.findIndex(A);
+    t = a === -1 ? n.length : a;
+  }
+  return /* @__PURE__ */ g(r, { gap: "lg", "data-testid": s.leftPane, children: [
+    n.slice(0, t),
+    l,
+    n.slice(t)
+  ] });
+}
+function u(e) {
+  return null;
+}
+u.displayName = "DetailsViewManagePane";
+export {
+  q as DetailsView,
+  b as DetailsViewLeftPane,
+  u as DetailsViewManagePane,
+  s as DetailsViewTest
+};

package/dist/esm/components/base/details-view/index.js

@@ -0,0 +1,12 @@
+import { AsideAlignAnchor as t } from "./detail-aside/detail-aside-scope.js";
+import { DetailAsideScreenLayout as o } from "./detail-aside/detail-aside-screen-layout.js";
+import { DetailsView as s, DetailsViewLeftPane as l, DetailsViewManagePane as n } from "./details-view.js";
+import { DetailsViewTest as D } from "./constants.js";
+export {
+  t as AsideAlignAnchor,
+  o as DetailAsideScreenLayout,
+  s as DetailsView,
+  l as DetailsViewLeftPane,
+  n as DetailsViewManagePane,
+  D as DetailsViewTest
+};

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

@@ -0,0 +1,8 @@
+class a {
+  static root = "health-factor-block-root";
+  static value = "health-factor-block-value";
+  static valueTo = "health-factor-block-value-to";
+}
+export {
+  a as HealthFactorBlockTest
+};

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

@@ -0,0 +1,52 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useTitleText as f } from "../text/use-title-text.js";
+import { FadeoutLoading as m } from "../../fadeout-loading/fadeout-loading.js";
+import { HealthFactor as s } from "../../health-factor/health-factor.js";
+import { FormattedMessageTyped as n } from "../../typed-intl/index.js";
+import { VerticalIndicator as F } from "../../vertical-indicator/vertical-indicator.js";
+import { HealthFactorBlockTest as o } from "./constants.js";
+function b({
+  hf: e,
+  hfTo: a,
+  debt: r,
+  debtTo: p,
+  zone: l,
+  isLoading: i,
+  title: d,
+  tip: u,
+  testId: v
+}) {
+  const h = f(), c = a !== void 0;
+  return /* @__PURE__ */ t(
+    F,
+    {
+      align: "center",
+      dimPreviousValue: !1,
+      "data-testid": v ?? o.root,
+      label: d !== void 0 ? h(d) : /* @__PURE__ */ t(n, { messageId: "components.healthFactorBlock.label" }),
+      tip: u ?? /* @__PURE__ */ t(n, { messageId: "components.healthFactorBlock.tip" }),
+      value: /* @__PURE__ */ t(m, { loading: i, children: e === void 0 ? /* @__PURE__ */ t("span", { "data-testid": o.value, children: "—" }) : /* @__PURE__ */ t(
+        s,
+        {
+          value: e,
+          debt: r,
+          zone: c ? void 0 : l,
+          "data-testid": o.value
+        }
+      ) }),
+      valueTo: c ? /* @__PURE__ */ t(m, { loading: i, children: /* @__PURE__ */ t(
+        s,
+        {
+          value: a,
+          debt: p ?? r,
+          zone: l,
+          "data-testid": o.valueTo
+        }
+      ) }) : void 0
+    }
+  );
+}
+export {
+  b as HealthFactorBlock,
+  o 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,66 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useMemo as l } from "react";
+import "@gearbox-protocol/static";
+import "../../checkbox/checkbox.js";
+import "../../checkbox/checkbox-labeled.js";
+import "../../select/select.js";
+import { TradingView as u } from "../../trading-view/trading-view.js";
+import { useIntlTyped as g } from "../../typed-intl/index.js";
+import { HistoryChartTest as h } from "./constants.js";
+const A = ["1d", "1w", "1m", "1y", "max"], v = {
+  "1d": "1D",
+  "1w": "1W",
+  "1m": "1M",
+  "1y": "1Y",
+  max: "MAX"
+};
+function D({
+  data: t,
+  range: r,
+  onRange: m,
+  isLoading: d = !1,
+  error: c,
+  yMeasureUnit: i = "none",
+  height: y,
+  seriesTitles: e,
+  priceLines: a,
+  zones: s
+}) {
+  const n = g(), f = l(() => t ? (Array.isArray(t) ? t : [t]).map(M(e)) : void 0, [t, e]);
+  return /* @__PURE__ */ p("div", { "data-testid": h.root, children: /* @__PURE__ */ p(
+    u,
+    {
+      data: f,
+      isLoading: d,
+      error: c ? n.formatMessage({ messageId: "components.historyChart.error" }) : void 0,
+      emptyMessage: n.formatMessage({
+        messageId: "components.historyChart.empty"
+      }),
+      yMeasureUnit: Array.isArray(i) ? [...i] : i,
+      height: y,
+      rangeList: A.map((o) => ({
+        value: o,
+        label: v[o]
+      })),
+      range: r,
+      setRange: (o) => m(o),
+      priceLineOptions: a ? [...a] : void 0,
+      zoneOptions: s ? [...s] : void 0,
+      disableZoom: !0
+    }
+  ) });
+}
+function M(t) {
+  return (r) => ({
+    id: r.metric,
+    title: t?.[r.metric] ?? r.metric,
+    data: r.points.map((m) => ({
+      time: m.timestamp,
+      value: m.value
+    }))
+  });
+}
+export {
+  D as HistoryChart,
+  h 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,118 @@
+import { AmountInput as t } from "./amount-input/amount-input.js";
+import { DetailedPageTitle as a } from "./detailed-page-title/detailed-page-title.js";
+import { AsideAlignAnchor as m } from "./details-view/detail-aside/detail-aside-scope.js";
+import { DetailAsideScreenLayout as f } from "./details-view/detail-aside/detail-aside-screen-layout.js";
+import { DetailsView as x, DetailsViewLeftPane as T, DetailsViewManagePane as s } from "./details-view/details-view.js";
+import { HealthFactorBlockTest as u } from "./health-factor-block/constants.js";
+import { HealthFactorBlock as P } from "./health-factor-block/health-factor-block.js";
+import { HistoryChart as c } from "./history-chart/history-chart.js";
+import { InfoLine as B, InfoList as L } from "./info-list/info-list.js";
+import { InfoPortalOut as A, InfoPortalProvider as k } from "./info-portal/info-portal.js";
+import { LeverageInput as V } from "./leverage-input/leverage-input.js";
+import { LiquidationPriceBlockTest as H } from "./liquidation-price-block/constants.js";
+import { LiquidationPriceBlock as y } from "./liquidation-price-block/liquidation-price-block.js";
+import { ManagePane as w, ManagePaneMessage as E, ManagePaneTab as v, ManagePaneTabDropdown as C } from "./manage-pane/manage-pane.js";
+import { PageTitle as q } from "./page-title/page-title.js";
+import { ReviewButton as G } from "./review-button/review-button.js";
+import { SectionHeading as U } from "./section-heading/section-heading.js";
+import { SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as R, SegmentedTabs as z } from "./segmented-tabs/segmented-tabs.js";
+import { SPACE_HEIGHT as j, SPACE_PX as J } from "./spacing.js";
+import { Stack as Q } from "./stack/stack.js";
+import { StatBadge as Y, StatBadgeGrid as Z } from "./stat-badge/stat-badge.js";
+import { StickyBar as ee } from "./sticky-bar/sticky-bar.js";
+import { Tabber as te, TabberSection as re, isTabber as ae } from "./tabber/tabber.js";
+import { useDetailScrollSpy as me } from "./tabber/use-detail-scroll-spy.js";
+import { useTitleText as fe } from "./text/use-title-text.js";
+import { TimeToLiquidationBlockTest as xe } from "./time-to-liquidation-block/constants.js";
+import { TimeToLiquidationBlock as se } from "./time-to-liquidation-block/time-to-liquidation-block.js";
+import { TokenAmount as ue } from "./token-amount/token-amount.js";
+import { PositionShortLabelTest as Pe, ValueTest as Se } from "./values/constants.js";
+import { PnlValue as de } from "./values/pnl-value.js";
+import { PositionShortLabel as Le } from "./values/position-short-label.js";
+import { PositionTypeBadge as Ae } from "./values/position-type-badge.js";
+import { ApyValue as Ie, HealthFactorValue as Ve, LeverageValue as De, TokenBigint as He, UsdValue as he, UtilizationValue as ye } from "./values/scalars.js";
+import { AmountInputTest as we } from "./amount-input/constants.js";
+import { DetailedPageTitleTest as ve } from "./detailed-page-title/constants.js";
+import { DetailsViewTest as _e } from "./details-view/constants.js";
+import { HistoryChartTest as Fe } from "./history-chart/constants.js";
+import { InfoListTest as Ne } from "./info-list/constants.js";
+import { LeverageInputTest as Oe } from "./leverage-input/constants.js";
+import { ManagePaneTest as ze } from "./manage-pane/constants.js";
+import { PageTitleTest as je } from "./page-title/constants.js";
+import { ReviewButtonTest as Ke } from "./review-button/constants.js";
+import { SectionHeadingTest as We } from "./section-heading/constants.js";
+import { SegmentedTabsTest as Ze } from "./segmented-tabs/constants.js";
+import { StackTest as eo } from "./stack/constants.js";
+import { StatBadgeTest as to } from "./stat-badge/constants.js";
+import { StickyBarTest as ao } from "./sticky-bar/constants.js";
+import { TabberTest as mo } from "./tabber/constants.js";
+import { TokenAmountTest as fo } from "./token-amount/constants.js";
+export {
+  t as AmountInput,
+  we as AmountInputTest,
+  Ie as ApyValue,
+  m as AsideAlignAnchor,
+  f as DetailAsideScreenLayout,
+  a as DetailedPageTitle,
+  ve as DetailedPageTitleTest,
+  x as DetailsView,
+  T as DetailsViewLeftPane,
+  s as DetailsViewManagePane,
+  _e as DetailsViewTest,
+  P as HealthFactorBlock,
+  u as HealthFactorBlockTest,
+  Ve as HealthFactorValue,
+  c as HistoryChart,
+  Fe as HistoryChartTest,
+  B as InfoLine,
+  L as InfoList,
+  Ne as InfoListTest,
+  A as InfoPortalOut,
+  k as InfoPortalProvider,
+  V as LeverageInput,
+  Oe as LeverageInputTest,
+  De as LeverageValue,
+  y as LiquidationPriceBlock,
+  H as LiquidationPriceBlockTest,
+  w as ManagePane,
+  E as ManagePaneMessage,
+  v as ManagePaneTab,
+  C as ManagePaneTabDropdown,
+  ze as ManagePaneTest,
+  q as PageTitle,
+  je as PageTitleTest,
+  de as PnlValue,
+  Le as PositionShortLabel,
+  Pe as PositionShortLabelTest,
+  Ae as PositionTypeBadge,
+  G as ReviewButton,
+  Ke as ReviewButtonTest,
+  R as SEGMENTED_TABS_INACTIVE_BUTTON_CLASS,
+  j as SPACE_HEIGHT,
+  J as SPACE_PX,
+  U as SectionHeading,
+  We as SectionHeadingTest,
+  z as SegmentedTabs,
+  Ze as SegmentedTabsTest,
+  Q as Stack,
+  eo as StackTest,
+  Y as StatBadge,
+  Z as StatBadgeGrid,
+  to as StatBadgeTest,
+  ee as StickyBar,
+  ao as StickyBarTest,
+  te as Tabber,
+  re as TabberSection,
+  mo as TabberTest,
+  se as TimeToLiquidationBlock,
+  xe as TimeToLiquidationBlockTest,
+  ue as TokenAmount,
+  fo as TokenAmountTest,
+  He as TokenBigint,
+  he as UsdValue,
+  ye as UtilizationValue,
+  Se as ValueTest,
+  ae as isTabber,
+  me as useDetailScrollSpy,
+  fe as useTitleText
+};

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

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

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

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

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

@@ -0,0 +1,36 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Stack as a } from "../stack/stack.js";
+import { useTitleText as f } from "../text/use-title-text.js";
+import { VerticalIndicator as c } from "../../vertical-indicator/vertical-indicator.js";
+import { InfoListTest as r } from "./constants.js";
+function I({
+  children: t
+}) {
+  return /* @__PURE__ */ o(a, { gap: "sm", "data-testid": r.root, children: t });
+}
+function L({
+  title: t,
+  value: i,
+  tip: e,
+  valueTo: n,
+  testId: m
+}) {
+  const s = f();
+  return /* @__PURE__ */ o(
+    c,
+    {
+      label: s(t),
+      tip: e,
+      value: i,
+      valueTo: n,
+      size: "sm",
+      align: "center",
+      "data-testid": m ?? r.line
+    }
+  );
+}
+export {
+  L as InfoLine,
+  I as InfoList,
+  r as InfoListTest
+};

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
+};