@gearbox-protocol/ui-kit 4.0.0-next.15 → 4.0.0-next.17

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

@@ -3,7 +3,7 @@ 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 { 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 S } from "./details-view/detail-aside/detail-aside-scope.js";
 import { DetailAsideScreenLayout as g } from "./details-view/detail-aside/detail-aside-screen-layout.js";
@@ -25,87 +25,89 @@ 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 { PageHeadProvider as Te, 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";
+import { PositionAssetsTest as ue } from "./position-assets/constants.js";
+import { PositionAssets as Be } from "./position-assets/position-assets.js";
+import { ReviewButton as be } from "./review-button/review-button.js";
+import { SectionHeading as Ce } from "./section-heading/section-heading.js";
+import { SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as Ie, SegmentedTabs as he } from "./segmented-tabs/segmented-tabs.js";
+import { SideCardTest as Me } from "./side-card/constants.js";
+import { SideCard as De } from "./side-card/side-card.js";
+import { SPACE_HEIGHT as ve, SPACE_PX as Ee } from "./spacing.js";
+import { Stack as _e } from "./stack/stack.js";
+import { StatBadge as Re, StatBadgeGrid as Fe } from "./stat-badge/stat-badge.js";
+import { StickyBar as Ue } from "./sticky-bar/sticky-bar.js";
+import { StrategyApyBreakdownCardTest as We } from "./strategy-apy-breakdown-card/constants.js";
+import { StrategyApyBreakdownCard as Xe } from "./strategy-apy-breakdown-card/strategy-apy-breakdown-card.js";
+import { Tabber as Je, TabberSection as Ke, isTabber as Qe } from "./tabber/tabber.js";
+import { useDetailScrollSpy as Ze } from "./tabber/use-detail-scroll-spy.js";
+import { useTitleText as eo } from "./text/use-title-text.js";
+import { TimeToLiquidationBlockTest as ro } from "./time-to-liquidation-block/constants.js";
+import { TimeToLiquidationBlock as ao } from "./time-to-liquidation-block/time-to-liquidation-block.js";
+import { TitleMetaTest as po } from "./title-meta/constants.js";
+import { TitleMeta as fo } from "./title-meta/title-meta.js";
+import { TokenAmount as xo } from "./token-amount/token-amount.js";
+import { TokenPairSymbolTest as To } from "./token-pair-symbol/constants.js";
+import { TokenPairSymbol as Po } from "./token-pair-symbol/token-pair-symbol.js";
+import { TokenPairTitleTest as co } from "./token-pair-title/constants.js";
+import { TokenPairTitle as uo } from "./token-pair-title/token-pair-title.js";
+import { PositionShortLabelTest as Bo, ValueTest as Ao } from "./values/constants.js";
+import { PnlValue as Lo } from "./values/pnl-value.js";
+import { PointsValue as yo } from "./values/points-value.js";
+import { PositionShortLabel as ho } from "./values/position-short-label.js";
+import { PositionStatusBadge as Mo } from "./values/position-status-badge.js";
+import { PositionTypeBadge as Do } from "./values/position-type-badge.js";
+import { ApyValue as vo, HealthFactorValue as Eo, LeverageValue as qo, TokenBigint as _o, UsdValue as No, UtilizationValue as Ro, bps as Fo } from "./values/scalars.js";
+import { AmountInputTest as Uo } from "./amount-input/constants.js";
+import { DetailedPageTitleTest as Wo } from "./detailed-page-title/constants.js";
+import { DetailsViewTest as Xo } from "./details-view/constants.js";
+import { HistoryChartTest as Jo } from "./history-chart/constants.js";
+import { InfoListTest as Qo } from "./info-list/constants.js";
+import { LeverageInputTest as Zo } from "./leverage-input/constants.js";
+import { ManagePaneTest as er } from "./manage-pane/constants.js";
+import { PageTitleTest as rr } from "./page-title/constants.js";
+import { ReviewButtonTest as ar } from "./review-button/constants.js";
+import { SectionHeadingTest as pr } from "./section-heading/constants.js";
+import { SegmentedTabsTest as fr } from "./segmented-tabs/constants.js";
+import { StackTest as xr } from "./stack/constants.js";
+import { StatBadgeTest as Tr } from "./stat-badge/constants.js";
+import { StickyBarTest as dr } from "./sticky-bar/constants.js";
+import { TabberTest as Sr } from "./tabber/constants.js";
+import { TokenAmountTest as gr } from "./token-amount/constants.js";
 export {
   r as AmountInput,
-  No as AmountInputTest,
-  Mo as ApyValue,
+  Uo as AmountInputTest,
+  vo as ApyValue,
   S as AsideAlignAnchor,
   p as BorrowRateBlock,
   f as BorrowRateBlockTest,
   x as ChartWithSideCard,
-  s as ChartWithSideCardTest,
+  T as ChartWithSideCardTest,
   g as DetailAsideScreenLayout,
   d as DetailedPageTitle,
-  Fo as DetailedPageTitleTest,
+  Wo as DetailedPageTitleTest,
   k as DetailsView,
   B as DetailsViewLeftPane,
   A as DetailsViewManagePane,
-  Uo as DetailsViewTest,
+  Xo as DetailsViewTest,
   y as HealthFactorBlock,
   L as HealthFactorBlockTest,
-  Vo as HealthFactorValue,
+  Eo as HealthFactorValue,
   h as HistoryChart,
-  Wo as HistoryChartTest,
+  Jo as HistoryChartTest,
   M as InfoLine,
   V as InfoList,
-  Xo as InfoListTest,
+  Qo as InfoListTest,
   E as InfoPortalOut,
   q as InfoPortalProvider,
   D as InfoSectionTitle,
   N as LeverageInput,
-  Jo as LeverageInputTest,
+  Zo as LeverageInputTest,
   U as LeveragePresetChips,
   F as LeveragePresetChipsTest,
-  Do as LeverageValue,
+  qo as LeverageValue,
   X as LiquidationParamsTable,
   W as LiquidationParamsTableTest,
   Q as LiquidationPriceBlock,
@@ -115,63 +117,65 @@ export {
   ee as ManagePaneMessage,
   oe as ManagePaneTab,
   re as ManagePaneTabDropdown,
-  Qo as ManagePaneTest,
+  er as ManagePaneTest,
   pe as MoreAccordion,
   ae as MoreAccordionTest,
   xe as NestedInfoStack,
   fe as NestedInfoStackTest,
-  se as PageHeadProvider,
+  Te as PageHeadProvider,
   le as PageTitle,
-  Zo as PageTitleTest,
-  ko as PnlValue,
+  rr as PageTitleTest,
+  Lo as PnlValue,
   H as PointsInfoLine,
-  Ao as PointsValue,
+  yo 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,
+  Be as PositionAssets,
+  ue as PositionAssetsTest,
+  ho as PositionShortLabel,
+  Bo as PositionShortLabelTest,
+  Mo as PositionStatusBadge,
+  Do as PositionTypeBadge,
+  be as ReviewButton,
+  ar as ReviewButtonTest,
+  Ie as SEGMENTED_TABS_INACTIVE_BUTTON_CLASS,
+  ve as SPACE_HEIGHT,
+  Ee as SPACE_PX,
+  Ce as SectionHeading,
+  pr as SectionHeadingTest,
+  he as SegmentedTabs,
+  fr as SegmentedTabsTest,
+  De as SideCard,
+  Me as SideCardTest,
+  _e as Stack,
+  xr as StackTest,
+  Re as StatBadge,
+  Fe as StatBadgeGrid,
+  Tr as StatBadgeTest,
+  Ue as StickyBar,
+  dr as StickyBarTest,
+  Xe as StrategyApyBreakdownCard,
+  We as StrategyApyBreakdownCardTest,
+  Je as Tabber,
+  Ke as TabberSection,
+  Sr as TabberTest,
+  ao as TimeToLiquidationBlock,
+  ro as TimeToLiquidationBlockTest,
+  fo as TitleMeta,
+  po as TitleMetaTest,
+  xo as TokenAmount,
+  gr as TokenAmountTest,
+  _o as TokenBigint,
+  Po as TokenPairSymbol,
+  To as TokenPairSymbolTest,
+  uo as TokenPairTitle,
+  co 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
+  No as UsdValue,
+  Ro as UtilizationValue,
+  Ao as ValueTest,
+  Fo as bps,
+  Qe as isTabber,
+  Ze as useDetailScrollSpy,
+  eo as useTitleText
 };

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

@@ -11,6 +11,7 @@ import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 import { PointsValue as l } from "../values/points-value.js";
+import "viem";
 import "../../points-icon/points-icon.js";
 import "../../token-icon/token-icon.js";
 import "../../tooltip/simple-tooltip.js";
@@ -21,7 +22,7 @@ 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({
+function G({
   children: t
 }) {
   return /* @__PURE__ */ r(c, { gap: "sm", "data-testid": i.root, children: t });
@@ -49,7 +50,7 @@ function g({
     }
   );
 }
-function G({
+function H({
   title: t
 }) {
   const o = n();
@@ -66,7 +67,7 @@ function G({
     }
   );
 }
-function H({
+function J({
   data: t,
   title: o = "components.yieldBreakdown.points"
 }) {
@@ -74,8 +75,8 @@ function H({
 }
 export {
   g as InfoLine,
-  F as InfoList,
+  G as InfoList,
   i as InfoListTest,
-  G as InfoSectionTitle,
-  H as PointsInfoLine
+  H as InfoSectionTitle,
+  J as PointsInfoLine
 };

package/dist/esm/components/base/position-assets/constants.js

@@ -0,0 +1,8 @@
+class t {
+  static root = "position-assets-root";
+  static row = "position-assets-row";
+  static empty = "position-assets-empty";
+}
+export {
+  t as PositionAssetsTest
+};

package/dist/esm/components/base/position-assets/index.js

@@ -0,0 +1,6 @@
+import { PositionAssetsTest as t } from "./constants.js";
+import { PositionAssets as i } from "./position-assets.js";
+export {
+  i as PositionAssets,
+  t as PositionAssetsTest
+};

package/dist/esm/components/base/position-assets/position-assets.js

@@ -0,0 +1,73 @@
+import { jsx as i, jsxs as p } from "react/jsx-runtime";
+import { Stack as d } from "../stack/stack.js";
+import "react";
+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 "../../points-icon/points-icon.js";
+import { TokenBigint as c } from "../values/scalars.js";
+import "../../badge/badge.js";
+import "../../badge/chip.js";
+import "react-intl";
+import { TokenSymbol as f } from "../../token-symbol/token-symbol.js";
+import { Typography as u } from "../../typography/typography.js";
+import { PositionAssetsTest as m } from "./constants.js";
+const k = 1;
+function _({
+  assets: r,
+  against: e,
+  empty: s,
+  testId: n
+}) {
+  const t = h(r, e);
+  return /* @__PURE__ */ i(d, { gap: "sm", align: "end", "data-testid": n ?? m.root, children: t.length === 0 ? s !== void 0 && /* @__PURE__ */ i(
+    u,
+    {
+      variant: "caption",
+      color: "secondary",
+      as: "div",
+      "data-testid": m.empty,
+      children: s
+    }
+  ) : t.map((o) => /* @__PURE__ */ p(
+    "span",
+    {
+      className: "flex items-center gap-2",
+      "data-testid": m.row,
+      children: [
+        /* @__PURE__ */ i(f, { size: 20, token: o.token }),
+        /* @__PURE__ */ i(c, { data: o.value, token: o.token })
+      ]
+    },
+    o.token.address
+  )) });
+}
+function h(r, e) {
+  const s = /* @__PURE__ */ new Map(), n = (t, o) => {
+    const l = t.token.address.toLowerCase(), a = s.get(l);
+    s.set(l, {
+      token: a?.token ?? t.token,
+      // a token the other side alone holds is a zero here, not a gap
+      value: o ? t.value : a?.value ?? 0n,
+      worth: v(a?.worth, t.valueUsd)
+    });
+  };
+  for (const t of r ?? []) n(t, !0);
+  for (const t of e ?? []) n(t, !1);
+  return [...s.values()].filter((t) => t.worth === null || t.worth >= k).sort(
+    (t, o) => (o.worth ?? 0) - (t.worth ?? 0) || // a tie has to break the same way on both sides, or the rows drift
+    t.token.address.localeCompare(o.token.address)
+  );
+}
+function v(r, e) {
+  return r === void 0 ? e : r === null || e === null ? null : Math.max(r, e);
+}
+export {
+  _ as PositionAssets,
+  m as PositionAssetsTest,
+  h as visibleAssets
+};

package/dist/esm/components/base/stat-badge/constants.js

@@ -2,6 +2,7 @@ class a {
   static root = "stat-badge-root";
   static grid = "stat-badge-grid-root";
   static action = "stat-badge-action";
+  static delta = "stat-badge-delta";
 }
 export {
   a as StatBadgeTest

package/dist/esm/components/base/stat-badge/stat-badge.js

@@ -1,124 +1,159 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { Stack as g } from "../stack/stack.js";
-import { useTitleText as f } from "../text/use-title-text.js";
-import { Skeleton as u } from "../../skeleton/skeleton.js";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { Stack as p } from "../stack/stack.js";
+import { useTitleText as x } from "../text/use-title-text.js";
+import { faCaretDown as h, faCaretUp as S } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as v } from "../../icons/fa-icon.js";
+import { Skeleton as N } from "../../skeleton/skeleton.js";
 import "react";
 import "@gearbox-protocol/sdk";
-import { cn as d } from "../../../utils/cn.js";
+import { cn as o } from "../../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
+import { SimpleTooltip as b } from "../../tooltip/simple-tooltip.js";
+import "../../tooltip/tooltip.js";
 import { StatBadgeTest as m } from "./constants.js";
-const p = {
+const I = {
   sm: "p-4",
   md: "p-5",
   default: "p-6"
-}, x = {
+}, T = {
   sm: "mb-2.5",
   md: "mb-2",
   default: "mb-3"
-}, S = {
+}, d = {
   sm: "text-xs leading-[0.8125rem]",
   md: "text-xs leading-[0.9rem]",
   default: "text-sm leading-[1.0625rem]"
-}, h = {
+}, _ = {
   sm: "text-sm leading-[1.0625rem]",
   md: "text-base leading-[1.25rem]",
   default: "text-xl leading-[1.5625rem]"
 };
-function A({
-  title: i,
-  value: r,
-  isLoading: a = !1,
-  size: t = "default",
-  action: l,
-  className: o,
-  testId: n
+function w({
+  delta: t,
+  size: i
 }) {
-  const c = f();
-  return /* @__PURE__ */ s(
+  const l = t.value > 0 ? "text-success" : t.value < 0 ? "text-destructive" : "text-muted-foreground", e = /* @__PURE__ */ a(
+    "span",
+    {
+      className: o(
+        "inline-flex items-center gap-0.5 font-medium",
+        d[i],
+        l
+      ),
+      "data-testid": m.delta,
+      children: [
+        /* @__PURE__ */ r(
+          v,
+          {
+            icon: t.value < 0 ? h : S,
+            className: "size-3"
+          }
+        ),
+        t.label
+      ]
+    }
+  );
+  return t.tooltip == null ? e : /* @__PURE__ */ r(b, { title: e, triggerClassName: "shrink-0", children: t.tooltip });
+}
+function J({
+  title: t,
+  value: i,
+  isLoading: l = !1,
+  size: e = "default",
+  delta: s,
+  action: n,
+  className: c,
+  testId: u
+}) {
+  const f = x(), g = s != null && !l;
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: d(
+      className: o(
         "h-full w-full rounded-lg border border-border bg-card",
-        p[t],
-        o
+        I[e],
+        c
       ),
-      "data-testid": n ?? m.root,
+      "data-testid": u ?? m.root,
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ a(
           "div",
           {
-            className: d(
+            className: o(
               "flex items-center justify-between gap-2",
-              x[t]
+              T[e]
             ),
             children: [
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ r(
                 "div",
                 {
-                  className: d("font-medium text-muted-foreground", S[t]),
-                  children: c(i)
+                  className: o("font-medium text-muted-foreground", d[e]),
+                  children: f(t)
                 }
               ),
-              l != null ? /* @__PURE__ */ e("div", { className: "shrink-0", "data-testid": m.action, children: l }) : null
+              g || n != null ? /* @__PURE__ */ a("div", { className: "flex shrink-0 items-center gap-2", children: [
+                s != null && !l ? /* @__PURE__ */ r(w, { delta: s, size: e }) : null,
+                n != null ? /* @__PURE__ */ r("div", { className: "shrink-0", "data-testid": m.action, children: n }) : null
+              ] }) : null
             ]
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ r(
           "div",
           {
-            className: d(
+            className: o(
               "text-left font-medium text-foreground",
-              h[t]
+              _[e]
             ),
-            children: /* @__PURE__ */ e(u, { width: 80, loading: a, children: /* @__PURE__ */ e(g, { gap: "xs", align: "start", className: "w-full items-start", children: r }) })
+            children: /* @__PURE__ */ r(N, { width: 80, loading: l, children: /* @__PURE__ */ r(p, { gap: "xs", align: "start", className: "w-full items-start", children: i }) })
           }
         )
       ]
     }
   );
 }
-const b = {
+const E = {
   1: "grid-cols-1",
   2: "grid-cols-2",
   3: "grid-cols-3",
   4: "grid-cols-4"
-}, I = {
+}, G = {
   1: "lg:grid-cols-1",
   2: "lg:grid-cols-2",
   3: "lg:grid-cols-3",
   4: "lg:grid-cols-4"
-}, _ = {
+}, D = {
   sm: "gap-2",
   default: "gap-4",
   lg: "gap-6"
 };
-function B({
-  cols: i = 1,
-  colsLg: r,
-  gap: a = "default",
-  children: t,
-  className: l
+function K({
+  cols: t = 1,
+  colsLg: i,
+  gap: l = "default",
+  children: e,
+  className: s
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: d(
+      className: o(
         "grid w-full",
-        b[i],
-        r ? I[r] : void 0,
-        _[a],
-        l
+        E[t],
+        i ? G[i] : void 0,
+        D[l],
+        s
       ),
       "data-testid": m.grid,
-      children: t
+      children: e
     }
   );
 }
 export {
-  A as StatBadge,
-  B as StatBadgeGrid,
+  J as StatBadge,
+  K as StatBadgeGrid,
   m as StatBadgeTest
 };