@gearbox-protocol/ui-kit 4.2.1 → 4.3.0

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

@@ -2,154 +2,155 @@ import { AmountInput as t } from "./amount-input/amount-input.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 { ChartWithSideCardTest as s } 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 { DetailsView as g, DetailsViewLeftPane as c, DetailsViewManagePane as u, DetailsViewManagePaneSlot as B } 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 { HealthFactorBlock as b } from "./health-factor-block/health-factor-block.js";
+import { HistoryChart as h } from "./history-chart/history-chart.js";
+import { InfoLine as V, InfoList as M, PointsInfoLine as y } from "./info-list/info-list.js";
+import { LeverageInput as I } from "./leverage-input/leverage-input.js";
+import { LeveragePresetChipsTest as D } from "./leverage-preset-chips/constants.js";
+import { LeveragePresetChips as q } from "./leverage-preset-chips/leverage-preset-chips.js";
+import { LiquidationParamsTableTest as F } from "./liquidation-params-table/constants.js";
+import { LiquidationParamsTable as U } from "./liquidation-params-table/liquidation-params-table.js";
+import { LiquidationPriceBlockTest as z } from "./liquidation-price-block/constants.js";
+import { LiquidationPriceBlock as j } from "./liquidation-price-block/liquidation-price-block.js";
+import { ManagePane as J, ManagePaneActionTab as K, ManagePaneMessage as O, ManagePaneTab as Q, ManagePaneTabDropdown as X } from "./manage-pane/manage-pane.js";
+import { MoreAccordionTest as Z } from "./more-accordion/constants.js";
+import { MoreAccordion as $ } from "./more-accordion/more-accordion.js";
+import { NestedInfoStackTest as oe } from "./nested-info-stack/constants.js";
+import { NestedInfoStack as re } from "./nested-info-stack/nested-info-stack.js";
+import { PageHeadProvider as ie, PageTitle as pe } from "./page-title/page-title.js";
+import { PoolApyBreakdownCardTest as fe } from "./pool-apy-breakdown-card/constants.js";
+import { PoolApyBreakdownCard as se } from "./pool-apy-breakdown-card/pool-apy-breakdown-card.js";
+import { PositionAssetsTest as Te } from "./position-assets/constants.js";
+import { PositionAssets as de } from "./position-assets/position-assets.js";
+import { ReviewButton as ge } from "./review-button/review-button.js";
+import { SectionHeading as ue } from "./section-heading/section-heading.js";
+import { SegmentedTabs as Se } from "./segmented-tabs/segmented-tabs.js";
+import { Stack as Le } from "./stack/stack.js";
+import { StatBadge as Ae, StatBadgeGrid as he } from "./stat-badge/stat-badge.js";
+import { StrategyApyBreakdownCardTest as Ve } 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 { Tabber as Ie, TabberSection as ve } 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 { TimeToLiquidationBlockTest as Re } from "./time-to-liquidation-block/constants.js";
+import { TimeToLiquidationBlock as Ne } from "./time-to-liquidation-block/time-to-liquidation-block.js";
+import { TitleMetaTest as We } from "./title-meta/constants.js";
+import { TitleMeta as Ge } from "./title-meta/title-meta.js";
+import { TokenAmount as Ee } from "./token-amount/token-amount.js";
+import { TokenPairSymbolTest as Ke } from "./token-pair-symbol/constants.js";
+import { TokenPairSymbol as Qe } from "./token-pair-symbol/token-pair-symbol.js";
+import { NoValue as Ye } from "../no-value/no-value.js";
+import { PositionShortLabelTest as _e, ValueTest as $e } from "./values/constants.js";
+import { PnlValue as oo } from "./values/pnl-value.js";
+import { PositionShortLabel as ro } from "./values/position-short-label.js";
+import { PositionStatusBadge as io } from "./values/position-status-badge.js";
+import { PositionTypeBadge as mo } from "./values/position-type-badge.js";
+import { PriceImpactValue as no } from "./values/price-impact-value.js";
+import { ApyValue as xo, HealthFactorValue as To, LeverageValue as lo, TokenBigint as Po, UsdValue as go, UtilizationValue as co } from "./values/scalars.js";
+import { AmountInputTest as Bo } 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 { DetailsViewTest as bo } from "./details-view/constants.js";
+import { HistoryChartTest as ho } from "./history-chart/constants.js";
+import { InfoListTest as Vo } 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";
+import { ManagePaneTest as Io } from "./manage-pane/constants.js";
+import { PageTitleTest as Do } from "./page-title/constants.js";
+import { ReviewButtonTest as qo } from "./review-button/constants.js";
+import { SectionHeadingTest as Fo } from "./section-heading/constants.js";
+import { SegmentedTabsTest as Uo } from "./segmented-tabs/constants.js";
+import { StackTest as zo } from "./stack/constants.js";
+import { StatBadgeTest as jo } from "./stat-badge/constants.js";
+import { TabberTest as Jo } from "./tabber/constants.js";
+import { TokenAmountTest as Oo } from "./token-amount/constants.js";
 export {
   t as AmountInput,
-  uo as AmountInputTest,
+  Bo as AmountInputTest,
   xo as ApyValue,
   d as AsideAlignAnchor,
   a as BorrowRateBlock,
   p as BorrowRateBlockTest,
   f as ChartWithSideCard,
-  x as ChartWithSideCardTest,
+  s as ChartWithSideCardTest,
   T as DetailedPageTitle,
   ko as DetailedPageTitleTest,
   g as DetailsView,
   c as DetailsViewLeftPane,
   u as DetailsViewManagePane,
-  Lo as DetailsViewTest,
-  L as HealthFactorBlock,
+  B as DetailsViewManagePaneSlot,
+  bo as DetailsViewTest,
+  b 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,
+  To as HealthFactorValue,
+  h as HistoryChart,
+  ho as HistoryChartTest,
+  V as InfoLine,
+  M as InfoList,
+  Vo as InfoListTest,
+  I 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,
+  q as LeveragePresetChips,
+  D as LeveragePresetChipsTest,
+  lo as LeverageValue,
+  U as LiquidationParamsTable,
+  F as LiquidationParamsTableTest,
+  j as LiquidationPriceBlock,
+  z as LiquidationPriceBlockTest,
+  J as ManagePane,
+  K as ManagePaneActionTab,
+  O as ManagePaneMessage,
+  Q as ManagePaneTab,
+  X as ManagePaneTabDropdown,
+  Io as ManagePaneTest,
+  $ as MoreAccordion,
+  Z as MoreAccordionTest,
+  re as NestedInfoStack,
+  oe as NestedInfoStackTest,
+  Ye as NoValue,
+  ie as PageHeadProvider,
+  pe as PageTitle,
+  Do as PageTitleTest,
+  oo 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,
+  se as PoolApyBreakdownCard,
+  fe as PoolApyBreakdownCardTest,
+  de as PositionAssets,
+  Te as PositionAssetsTest,
+  ro as PositionShortLabel,
+  _e as PositionShortLabelTest,
+  io as PositionStatusBadge,
+  mo as PositionTypeBadge,
+  no as PriceImpactValue,
+  ge as ReviewButton,
+  qo as ReviewButtonTest,
+  ue as SectionHeading,
+  Fo as SectionHeadingTest,
+  Se as SegmentedTabs,
+  Uo as SegmentedTabsTest,
+  Le as Stack,
+  zo as StackTest,
+  Ae as StatBadge,
+  he as StatBadgeGrid,
+  jo 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,
+  Ve as StrategyApyBreakdownCardTest,
+  Ie as Tabber,
+  ve as TabberSection,
+  Jo as TabberTest,
+  Ne as TimeToLiquidationBlock,
+  Re as TimeToLiquidationBlockTest,
+  Ge as TitleMeta,
+  We as TitleMetaTest,
+  Ee as TokenAmount,
+  Oo as TokenAmountTest,
+  Po as TokenBigint,
+  Qe as TokenPairSymbol,
+  Ke as TokenPairSymbolTest,
+  go as UsdValue,
+  co as UtilizationValue,
+  $e as ValueTest,
   He as useTitleText
 };

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

@@ -1,136 +1,126 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { createContext as O, useContext as E, useMemo as f, Children as B, useRef as g, useEffect as q, isValidElement as z } from "react";
-import { SectionHeading as D } from "../section-heading/section-heading.js";
-import { Stack as u } from "../stack/stack.js";
-import { useTitleText as N } from "../text/use-title-text.js";
-import { TabControl as F } from "../../tab-control/tab-control.js";
-import { TabItem as M } from "../../tab-control/tab-item.js";
-import { TabberTest as S } from "./constants.js";
-import { useDetailScrollSpy as P } from "./use-detail-scroll-spy.js";
-const R = O({});
-function j({
-  id: r,
-  title: o,
-  heading: s = o,
-  actions: c,
-  children: m,
-  hideHeading: a = !1
+import { jsx as o, jsxs as u } from "react/jsx-runtime";
+import { createContext as y, useContext as R, useMemo as b, Children as j, useRef as h, useEffect as I, isValidElement as H } from "react";
+import { SectionHeading as O } from "../section-heading/section-heading.js";
+import { Stack as x } from "../stack/stack.js";
+import { useTitleText as w } from "../text/use-title-text.js";
+import { TabControl as A } from "../../tab-control/tab-control.js";
+import { TabItem as B } from "../../tab-control/tab-item.js";
+import { TabberTest as T } from "./constants.js";
+import { useDetailScrollSpy as E } from "./use-detail-scroll-spy.js";
+const v = y({});
+function k({
+  id: e,
+  title: r,
+  heading: c = r,
+  actions: a,
+  children: l,
+  hideHeading: s = !1
 }) {
-  const l = E(R), i = N(), n = !a;
-  return /* @__PURE__ */ e(
+  const n = R(v), d = w(), i = !s;
+  return /* @__PURE__ */ o(
     "section",
     {
-      ref: l[r],
+      ref: n[e],
       className: "scroll-mt-28",
-      "data-scroll-section": r,
-      "data-testid": S.section,
-      children: /* @__PURE__ */ p(u, { gap: "md", children: [
-        n || c ? /* @__PURE__ */ p("div", { className: "flex items-center justify-between gap-3", children: [
-          n ? /* @__PURE__ */ e(D, { children: i(s) }) : /* @__PURE__ */ e("span", {}),
-          c
+      "data-scroll-section": e,
+      "data-testid": T.section,
+      children: /* @__PURE__ */ u(x, { gap: "md", children: [
+        i || a ? /* @__PURE__ */ u("div", { className: "flex items-center justify-between gap-3", children: [
+          i ? /* @__PURE__ */ o(O, { children: d(c) }) : /* @__PURE__ */ o("span", {}),
+          a
         ] }) : null,
-        m
+        l
       ] })
     }
   );
 }
-j.displayName = "TabberSection";
-function T(r) {
-  return z(r) && r.type === j;
+k.displayName = "TabberSection";
+function q(e) {
+  return H(e) && e.type === k;
 }
-function V({
-  item: r,
-  ...o
+function z({
+  item: e,
+  ...r
 }) {
-  return /* @__PURE__ */ p("div", { className: "flex items-stretch overflow-x-auto overflow-y-hidden [&::-webkit-scrollbar]:h-0 [scrollbar-width:none]", children: [
-    /* @__PURE__ */ e("div", { className: "min-w-0 basis-0 grow pb-px", children: /* @__PURE__ */ e(F, { ...o, showBorder: !0 }) }),
-    r && /* @__PURE__ */ e("div", { className: "w-auto shrink-0 grow-0 basis-auto", children: r })
+  return /* @__PURE__ */ u("div", { className: "flex items-stretch overflow-x-auto overflow-y-hidden [&::-webkit-scrollbar]:h-0 [scrollbar-width:none]", children: [
+    /* @__PURE__ */ o("div", { className: "min-w-0 basis-0 grow pb-px", children: /* @__PURE__ */ o(A, { ...r, showBorder: !0 }) }),
+    e && /* @__PURE__ */ o("div", { className: "w-auto shrink-0 grow-0 basis-auto", children: e })
   ] });
 }
-function $({
-  children: r,
-  observeKey: o,
-  initialSection: s,
-  testId: c,
-  mobileManagePane: m
+function U({
+  children: e,
+  observeKey: r,
+  initialSection: c,
+  testId: a
 }) {
-  const a = f(
-    () => B.toArray(r).filter(T),
-    [r]
-  ), l = f(
-    () => a.filter((t) => t.props.beforeBar !== !0),
-    [a]
-  ), i = l.map((t) => t.props.id).join("|"), n = f(
-    () => i === "" ? [] : i.split("|"),
-    [i]
-  ), w = g({}), d = f(() => {
+  const l = b(
+    () => j.toArray(e).filter(q),
+    [e]
+  ), s = l.map((t) => t.props.id).join("|"), n = b(
+    () => s === "" ? [] : s.split("|"),
+    [s]
+  ), d = h({}), i = b(() => {
     const t = {
-      ...w.current
+      ...d.current
     };
-    for (const y of n)
-      t[y] === void 0 && (t[y] = { current: null });
-    return w.current = t, t;
-  }, [n]), A = N(), { activeSection: b, scrollToSection: h } = P(
-    d,
+    for (const S of n)
+      t[S] === void 0 && (t[S] = { current: null });
+    return d.current = t, t;
+  }, [n]), C = w(), { activeSection: m, scrollToSection: f } = E(
+    i,
     n,
-    o
-  ), x = g(!1), v = g(o);
-  q(() => {
-    if (o !== v.current && (v.current = o, x.current = !1), x.current || !o) return;
-    const t = s ?? n[0];
-    x.current = !0, !(t === void 0 || t === n[0]) && d[t] !== void 0 && requestAnimationFrame(() => {
-      h(t);
+    r
+  ), p = h(!1), g = h(r);
+  I(() => {
+    if (r !== g.current && (g.current = r, p.current = !1), p.current || !r) return;
+    const t = c ?? n[0];
+    p.current = !0, !(t === void 0 || t === n[0]) && i[t] !== void 0 && requestAnimationFrame(() => {
+      f(t);
     });
-  }, [o, s, h, n, d]);
-  const I = l.map((t) => ({
+  }, [r, c, f, n, i]);
+  const N = l.map((t) => ({
     id: t.props.id,
-    item: /* @__PURE__ */ e(
-      M,
+    item: /* @__PURE__ */ o(
+      B,
       {
-        selected: b === t.props.id,
-        label: A(t.props.title)
+        selected: m === t.props.id,
+        label: C(t.props.title)
       }
     )
-  })), C = B.toArray(r), k = C.filter(
-    (t) => T(t) && t.props.beforeBar === !0
-  ), H = C.filter(
-    (t) => !(T(t) && t.props.beforeBar === !0)
-  );
-  return /* @__PURE__ */ e(u, { gap: "lg", "data-testid": c ?? S.root, children: /* @__PURE__ */ p(R.Provider, { value: d, children: [
-    k.length > 0 ? /* @__PURE__ */ e(u, { gap: "xl", children: k }) : null,
-    m,
-    /* @__PURE__ */ e(W, { testId: S.bar, children: /* @__PURE__ */ e(
-      V,
+  }));
+  return /* @__PURE__ */ o(x, { gap: "lg", "data-testid": a ?? T.root, children: /* @__PURE__ */ u(v.Provider, { value: i, children: [
+    /* @__PURE__ */ o(D, { testId: T.bar, children: /* @__PURE__ */ o(
+      z,
       {
         state: {
-          id: b,
-          index: n.indexOf(b),
+          id: m,
+          index: n.indexOf(m),
           handleTabChange: (t) => {
-            h(t);
+            f(t);
           }
         },
-        tabs: I,
+        tabs: N,
         item: null
       }
     ) }),
-    /* @__PURE__ */ e(u, { gap: "xl", children: H })
+    /* @__PURE__ */ o(x, { gap: "xl", children: e })
   ] }) });
 }
-function W({
-  children: r,
-  testId: o
+function D({
+  children: e,
+  testId: r
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ o(
     "div",
     {
       className: "sticky top-0 z-20 -mx-1 px-1 pt-3 sm:pt-4 bg-background/75 backdrop-blur-md backdrop-saturate-150",
-      "data-testid": o,
-      children: r
+      "data-testid": r,
+      children: e
     }
   );
 }
 export {
-  $ as Tabber,
-  j as TabberSection,
-  S as TabberTest
+  U as Tabber,
+  k as TabberSection,
+  T as TabberTest
 };