@gearbox-protocol/ui-kit 3.14.0-next.66 → 3.14.0-next.67

package/dist/esm/components/composites/strategies-table/components/points-feature/points-feature.js

@@ -1,66 +1,69 @@
-import { jsx as t, jsxs as o, Fragment as s } from "react/jsx-runtime";
-import { formatLeverage as u } from "@gearbox-protocol/sdk";
-import { PointsIcon as m } from "../../../../points-icon/points-icon.js";
+import { jsx as n, jsxs as l, Fragment as o } from "react/jsx-runtime";
+import { formatLeverage as p } from "@gearbox-protocol/sdk";
+import { PointsIcon as s } from "../../../../points-icon/points-icon.js";
 import { Typography as a } from "../../../../typography/typography.js";
-import { Feature as l } from "../feature/feature.js";
+import { Feature as m } from "../feature/feature.js";
 import "../feature/feature.styles.js";
 function b({
   reward: e,
-  points: n,
-  precision: i,
-  theme: r
+  points: r,
+  precision: t,
+  theme: i
 }) {
-  return /* @__PURE__ */ t(
-    l,
+  return /* @__PURE__ */ n(
+    m,
     {
-      theme: r,
-      title: /* @__PURE__ */ o("div", { className: "flex items-center gap-1 pr-2", children: [
-        /* @__PURE__ */ t(m, { reward: e }),
-        /* @__PURE__ */ t(a, { as: "span", variant: "caption", children: /* @__PURE__ */ t(c, { points: n, precision: i }) })
+      theme: i,
+      title: /* @__PURE__ */ l("div", { className: "flex items-center gap-1 pr-2", children: [
+        /* @__PURE__ */ n(s, { reward: e }),
+        /* @__PURE__ */ n(a, { as: "span", variant: "caption", children: /* @__PURE__ */ n(c, { points: r, precision: t }) })
       ] })
     }
   );
 }
 function y({
   reward: e,
-  points: n,
-  precision: i,
-  tip: r,
-  theme: p
+  points: r,
+  precision: t,
+  tip: i,
+  theme: u
 }) {
-  return /* @__PURE__ */ t(
-    l,
+  return /* @__PURE__ */ n(
+    m,
     {
-      theme: p,
+      theme: u,
       size: "md",
       padding: "8px",
-      title: /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ t(m, { reward: e, size: 16 }),
-        /* @__PURE__ */ t(a, { as: "span", variant: "bodySmall", children: /* @__PURE__ */ t(d, { reward: e }) })
+      title: /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ n(s, { reward: e, size: 16 }),
+        /* @__PURE__ */ n(a, { as: "span", variant: "bodySmall", children: /* @__PURE__ */ n(d, { reward: e }) })
       ] }),
-      value: /* @__PURE__ */ t(a, { as: "span", variant: "bodySmall", children: /* @__PURE__ */ t(
+      value: /* @__PURE__ */ n(a, { as: "span", variant: "bodySmall", children: /* @__PURE__ */ n(
         c,
         {
-          points: n,
-          precision: i,
+          points: r,
+          precision: t,
           startWith: "×",
           endWith: ""
         }
       ) }),
-      tip: r
+      tip: i
     }
   );
 }
 function d({ reward: e }) {
-  return /* @__PURE__ */ t(s, { children: [e.name, e.units].join(" ") });
+  const r = [e.name, e.units].filter(
+    (t) => !!t && t.length > 0
+  );
+  return /* @__PURE__ */ n(o, { children: r.join(" ") });
 }
 function c({
   points: e,
-  precision: n = 1,
-  startWith: i = "",
-  endWith: r = "×"
+  precision: r = 1,
+  startWith: t = "",
+  endWith: i = "×"
 }) {
-  return /* @__PURE__ */ t(s, { children: e === "soon" ? e : `${i}${u(Number(e), n)}${r}` });
+  return e === "soon" ? /* @__PURE__ */ n(o, { children: "soon" }) : e == null ? /* @__PURE__ */ n(o, { children: "—" }) : /* @__PURE__ */ n(o, { children: `${t}${p(Number(e), r)}${i}` });
 }
 export {
   b as PointsFeature,

package/dist/esm/components/composites/strategies-table/components/rewards-tooltip/tooltip-content.js

@@ -1,271 +1,138 @@
-import { jsxs as r, jsx as e, Fragment as I } from "react/jsx-runtime";
-import { faXmark as W } from "@fortawesome/free-solid-svg-icons";
-import { formatPercentage as s, formatLeverage as _ } from "@gearbox-protocol/sdk";
-import { zeroAddress as j } from "viem";
-import { IconButton as H } from "../../../../icon-button/icon-button.js";
-import { FaIcon as U } from "../../../../icons/fa-icon.js";
-import { SeparateLine as X } from "../../../../separate-line/separate-line.js";
-import { Skeleton as v } from "../../../../skeleton/skeleton.js";
-import "react";
-import { cn as G } from "../../../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../../../../utils/z-index.js";
-import { TipCard as y } from "../../../../tip-card/tip-card.js";
-import { FormattedMessageTyped as o } from "../../../../typed-intl/index.js";
-import { Typography as p } from "../../../../typography/typography.js";
-import { VerticalIndicator as R } from "../../../../vertical-indicator/vertical-indicator.js";
-import { VerticalList as N } from "../../../../vertical-list/vertical-list.js";
-import { VSpace as L } from "../../../../vspace/vspace.js";
-import { APYFeatureTooltip as d } from "../apy-feature/apy-feature.js";
-import { PointsFeatureTooltip as c } from "../points-feature/points-feature.js";
-import { RewardsTooltipRoot as J } from "./rewards-tooltip-root.js";
-const K = 0;
-function ye({
-  cellInfo: a,
-  targetToken: n,
-  apyListByNetwork: i,
-  tokensList: h,
-  strategyCreditManagers: P,
-  onClose: A,
-  theme: F = "modal"
+import { jsxs as i, jsx as o, Fragment as y } from "react/jsx-runtime";
+import { faXmark as P } from "@fortawesome/free-solid-svg-icons";
+import { formatPercentage as l, formatLeverage as N } from "@gearbox-protocol/sdk";
+import { IconButton as L } from "../../../../icon-button/icon-button.js";
+import { FaIcon as S } from "../../../../icons/fa-icon.js";
+import { SeparateLine as V } from "../../../../separate-line/separate-line.js";
+import { TipCard as g } from "../../../../tip-card/tip-card.js";
+import { FormattedMessageTyped as a } from "../../../../typed-intl/index.js";
+import { Typography as m } from "../../../../typography/typography.js";
+import { VerticalIndicator as w } from "../../../../vertical-indicator/vertical-indicator.js";
+import { VerticalList as v } from "../../../../vertical-list/vertical-list.js";
+import { VSpace as j } from "../../../../vspace/vspace.js";
+import { bpsToPercent as z } from "../../../../../utils/bps.js";
+import { cn as B } from "../../../../../utils/cn.js";
+import { APYFeatureTooltip as s } from "../apy-feature/apy-feature.js";
+import { PointsFeatureTooltip as R } from "../points-feature/points-feature.js";
+import { RewardsTooltipRoot as Y } from "./rewards-tooltip-root.js";
+function ro({
+  totalApy: r,
+  baseApy: n,
+  baseRewards: e,
+  basePoints: d,
+  points: p,
+  maxLeverage: c,
+  borrowRate: h,
+  underlyingTokenSymbol: b,
+  quotaRate: u,
+  onClose: f,
+  theme: I = "modal"
 }) {
-  const {
-    maxAPY: S,
-    minCreditManager: l,
-    bonusAPY: C,
-    maxLeverage: Y,
-    apyLoading: u,
-    hasPoints: z,
-    isPointsWithAPY: D,
-    rewards: g,
-    debtRewards: w,
-    rewardRates: V,
-    debtRewardRates: q,
-    quotaRate: B
-  } = a, k = l?.chainId || K, b = i?.[k]?.apyList?.[n] || 0, m = i?.[k]?.extraCollateralAPYList?.[l?.pool || j]?.[n], E = D || !z, M = b > 0 || m !== void 0 && m.value > 0 || g.length > 0 || w.length > 0;
-  return /* @__PURE__ */ r(J, { theme: F, children: [
-    A && /* @__PURE__ */ e("div", { style: { position: "absolute", top: "-10px", right: "-10px" }, children: /* @__PURE__ */ e(H, { size: 26, buttonType: "filledDark", onClick: A, children: /* @__PURE__ */ e(U, { icon: W, style: { width: "12px", height: "12px" } }) }) }),
-    M && /* @__PURE__ */ r(I, { children: [
-      /* @__PURE__ */ e(y, { textColor: "dark", children: /* @__PURE__ */ r(
-        T,
+  const $ = n > 0 || e.length > 0 || d.length > 0, k = r > 0 || p.length === 0, C = e.reduce(
+    (t, F) => t + z(F.supplyApr ?? 0),
+    0
+  );
+  return /* @__PURE__ */ i(Y, { theme: I, children: [
+    f && /* @__PURE__ */ o("div", { style: { position: "absolute", top: "-10px", right: "-10px" }, children: /* @__PURE__ */ o(L, { size: 26, buttonType: "filledDark", onClick: f, children: /* @__PURE__ */ o(S, { icon: P, style: { width: "12px", height: "12px" } }) }) }),
+    $ && /* @__PURE__ */ i(y, { children: [
+      /* @__PURE__ */ o(g, { textColor: "dark", children: /* @__PURE__ */ i(
+        x,
         {
-          title: /* @__PURE__ */ e(o, { messageId: "components.rewardsTooltip.without.title" }),
+          title: /* @__PURE__ */ o(a, { messageId: "components.rewardsTooltip.without.title" }),
           children: [
-            b > 0 && /* @__PURE__ */ e(
-              v,
-              {
-                className: "inline-block align-text-bottom",
-                width: 50,
-                loading: u,
-                children: /* @__PURE__ */ e(d, { value: `${s(b)}%` })
-              }
-            ),
-            m && m.value > 0 && /* @__PURE__ */ e(
-              v,
+            n > 0 && /* @__PURE__ */ o(s, { value: `${l(n)}%` }),
+            e.length > 0 && /* @__PURE__ */ o(
+              s,
               {
-                className: "inline-block align-text-bottom",
-                width: 50,
-                loading: u,
-                children: /* @__PURE__ */ e(
-                  d,
-                  {
-                    title: /* @__PURE__ */ e(o, { messageId: "components.rewardsTooltip.without.extra" }),
-                    tip: /* @__PURE__ */ e(o, { messageId: "components.rewardsTooltip.without.extra.tip" }),
-                    value: `${s(m.value)}%`
-                  }
-                )
+                title: /* @__PURE__ */ o(a, { messageId: "components.rewardsTooltip.without.extra" }),
+                tip: /* @__PURE__ */ o(a, { messageId: "components.rewardsTooltip.without.extra.tip" }),
+                value: `${l(C)}%`
               }
             ),
-            g.map((t) => /* @__PURE__ */ e(
-              c,
-              {
-                reward: t,
-                points: t.multiplier
-              },
-              ["base", t.multiplier, t.name, t.type, t.units].join(
-                "-"
-              )
-            )),
-            w.map((t) => /* @__PURE__ */ e(
-              c,
-              {
-                reward: t,
-                points: t.multiplier,
-                tip: /* @__PURE__ */ e(
-                  $,
-                  {
-                    tokensList: h,
-                    strategyCreditManagers: P,
-                    reward: t
-                  }
-                )
-              },
-              [
-                "debt",
-                t.multiplier,
-                t.name,
-                t.type,
-                t.units,
-                t.cm
-              ].join("-")
-            ))
+            d.map((t) => /* @__PURE__ */ o(T, { program: t }, `base-${t.id}`))
           ]
         }
       ) }),
-      /* @__PURE__ */ e(L, { height: 16 })
+      /* @__PURE__ */ o(j, { height: 16 })
     ] }),
-    /* @__PURE__ */ r(y, { textColor: "dark", borderColor: "gradient", children: [
-      /* @__PURE__ */ e(N, { children: /* @__PURE__ */ r(
-        T,
+    /* @__PURE__ */ i(g, { textColor: "dark", borderColor: "gradient", children: [
+      /* @__PURE__ */ o(v, { children: /* @__PURE__ */ i(
+        x,
         {
-          title: /* @__PURE__ */ e(
-            o,
+          title: /* @__PURE__ */ o(
+            a,
             {
               messageId: "components.rewardsTooltip.with.title",
               values: {
-                leverage: Y > 0 ? `${_(Number(Y))}×` : ""
+                leverage: Number(c) > 0 ? `${N(Number(c))}×` : ""
               }
             }
           ),
           children: [
-            E && /* @__PURE__ */ e(
-              v,
-              {
-                className: "inline-block align-text-bottom",
-                width: 50,
-                loading: u,
-                children: /* @__PURE__ */ e(d, { value: `${s(S)}%` })
-              }
-            ),
-            g.map((t, f) => {
-              const x = V?.[f] || 0n;
-              return /* @__PURE__ */ e(
-                c,
-                {
-                  reward: t,
-                  points: x
-                },
-                ["base", t.multiplier, t.name, t.type, t.units].join(
-                  "-"
-                )
-              );
-            }),
-            w.map((t, f) => {
-              const x = q?.[f] || 0n;
-              return /* @__PURE__ */ e(
-                c,
-                {
-                  reward: t,
-                  points: x,
-                  tip: /* @__PURE__ */ e(
-                    $,
-                    {
-                      tokensList: h,
-                      strategyCreditManagers: P,
-                      reward: t
-                    }
-                  )
-                },
-                [
-                  "debt",
-                  t.multiplier,
-                  t.name,
-                  t.type,
-                  t.units,
-                  t.cm
-                ].join("-")
-              );
-            })
+            k && /* @__PURE__ */ o(s, { value: `${l(r)}%` }),
+            p.map((t) => /* @__PURE__ */ o(T, { program: t }, `levered-${t.id}`))
           ]
         }
       ) }),
-      /* @__PURE__ */ e(X, { margin: 16 }),
-      /* @__PURE__ */ r(N, { children: [
-        l && /* @__PURE__ */ e(
-          R,
+      /* @__PURE__ */ o(V, { margin: 16 }),
+      /* @__PURE__ */ i(v, { children: [
+        h !== void 0 && /* @__PURE__ */ o(
+          w,
           {
-            label: /* @__PURE__ */ e(p, { as: "span", color: "secondary", children: /* @__PURE__ */ e(
-              o,
+            label: /* @__PURE__ */ o(m, { as: "span", color: "secondary", children: /* @__PURE__ */ o(
+              a,
               {
                 values: {
-                  symbol: h?.[l.underlyingToken]?.title || "Utilization"
+                  symbol: b || "Utilization"
                 },
                 messageId: "components.rewardsTooltip.with.borrowRate"
               }
             ) }),
-            value: /* @__PURE__ */ e(p, { as: "span", color: "secondary", children: `${s(
-              l.baseBorrowRate
+            value: /* @__PURE__ */ o(m, { as: "span", color: "secondary", children: `${l(
+              h
             )}%` })
           }
         ),
-        l && /* @__PURE__ */ e(
-          R,
+        u !== void 0 && /* @__PURE__ */ o(
+          w,
           {
-            label: /* @__PURE__ */ e(p, { as: "span", color: "secondary", children: /* @__PURE__ */ e(o, { messageId: "components.rewardsTooltip.with.quotaRate" }) }),
-            value: /* @__PURE__ */ e(p, { as: "span", color: "secondary", children: `${s(Number(B))}%` })
+            label: /* @__PURE__ */ o(m, { as: "span", color: "secondary", children: /* @__PURE__ */ o(a, { messageId: "components.rewardsTooltip.with.quotaRate" }) }),
+            value: /* @__PURE__ */ o(m, { as: "span", color: "secondary", children: `${l(u)}%` })
           }
         )
       ] })
-    ] }),
-    C && /* @__PURE__ */ r(I, { children: [
-      /* @__PURE__ */ e(L, { height: 16 }),
-      /* @__PURE__ */ e(
-        y,
-        {
-          backgroundColor: "gray-10",
-          textColor: "light",
-          borderColor: "dark",
-          children: /* @__PURE__ */ e(
-            T,
-            {
-              title: /* @__PURE__ */ e(o, { messageId: "components.rewardsTooltip.with.bonusAPY.title" }),
-              children: /* @__PURE__ */ e("div", { className: "flex-col-12", children: /* @__PURE__ */ e(
-                d,
-                {
-                  theme: "light",
-                  tip: /* @__PURE__ */ e(o, { messageId: "components.rewardsTooltip.with.bonusAPY.tip" }),
-                  value: `${s(C.value)}%`
-                }
-              ) })
-            }
-          )
-        }
-      )
     ] })
   ] });
 }
-function T({ title: a, children: n, theme: i = "main" }) {
-  return /* @__PURE__ */ r(I, { children: [
-    /* @__PURE__ */ e("div", { className: G("flex-col-12", i === "main" ? "mb-3" : "mb-2"), children: /* @__PURE__ */ e(
-      p,
+function T({
+  program: r
+}) {
+  return /* @__PURE__ */ o(
+    R,
+    {
+      reward: {
+        name: r.name,
+        type: r.id
+      },
+      points: r.multiplier
+    }
+  );
+}
+function x({ title: r, children: n, theme: e = "main" }) {
+  return /* @__PURE__ */ i(y, { children: [
+    /* @__PURE__ */ o("div", { className: B("flex-col-12", e === "main" ? "mb-3" : "mb-2"), children: /* @__PURE__ */ o(
+      m,
       {
         as: "span",
         variant: "bodySmall",
-        weight: i === "main" ? "bold" : "normal",
-        color: i === "main" ? "default" : "secondary",
-        children: a
+        weight: e === "main" ? "bold" : "normal",
+        color: e === "main" ? "default" : "secondary",
+        children: r
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "flex-row-row gap-2 w-full", children: n })
+    /* @__PURE__ */ o("div", { className: "flex-row-row gap-2 w-full", children: n })
   ] });
 }
-function $({
-  reward: a,
-  strategyCreditManagers: n,
-  tokensList: i
-}) {
-  return a.cm === "any" ? /* @__PURE__ */ e(o, { messageId: "components.strategiesTable.line.points.tipAny" }) : /* @__PURE__ */ e(
-    o,
-    {
-      messageId: "components.strategiesTable.line.points.tip",
-      values: {
-        symbol: i?.[n[a.cm]?.underlyingToken || j]?.title || "unknown"
-      }
-    }
-  );
-}
 export {
-  ye as RewardsTooltipContent
+  ro as RewardsTooltipContent
 };

package/dist/esm/components/composites/strategies-table/components/strategies-table.js

@@ -1,4 +1,4 @@
-import { jsx as t, Fragment as $, jsxs as M } from "react/jsx-runtime";
+import { jsx as t, Fragment as B, jsxs as M } from "react/jsx-runtime";
 import * as L from "react";
 import { HeadCell as J } from "../../../head-cell/head-cell.js";
 import { HelpTip as A } from "../../../help-tip/help-tip.js";
@@ -12,29 +12,29 @@ import { FormattedMessageTyped as ie } from "../../../typed-intl/index.js";
 import "@gearbox-protocol/sdk/common-utils";
 import "@gearbox-protocol/sdk";
 import { useIsMobile as re, useIsMedium as se, useIsDesktop as ae } from "../../../../hooks/use-media-query.js";
-import { strategiesTableTestIds as B } from "../../../../test-ids/strategies-table.js";
+import { strategiesTableTestIds as w } from "../../../../test-ids/strategies-table.js";
 import { cn as h } from "../../../../utils/cn.js";
 import { StrategiesTableNotFoundLine as le } from "./not-found-line.js";
 function F({
   last: e,
   className: s,
-  ...p
+  ...c
 }) {
   return /* @__PURE__ */ t(
     P,
     {
       className: h(e && "*:after:hidden", s),
-      ...p
+      ...c
     }
   );
 }
 function ne({
   columns: e,
   sort: s,
-  isMedium: p
+  isMedium: c
 }) {
   return /* @__PURE__ */ t(P, { noHover: !0, height: "32px", children: e.map((i) => {
-    if (i.hideOnMedium && p) return null;
+    if (i.hideOnMedium && c) return null;
     const d = i.sort, m = d && s ? {
       direction: s.state?.field === d.field ? s.state.sort : null,
       onSort: () => s.set(d.field, d.defaultDirection ?? "desc")
@@ -46,7 +46,7 @@ function ne({
         size: "sm",
         gapBefore: i.gapBefore,
         className: h(i.className, i.headerClassName),
-        children: m ? /* @__PURE__ */ M($, { children: [
+        children: m ? /* @__PURE__ */ M(B, { children: [
           /* @__PURE__ */ t(
             J,
             {
@@ -57,7 +57,7 @@ function ne({
             }
           ),
           i.headerTip && /* @__PURE__ */ t(A, { className: "ml-1.5", children: i.headerTip })
-        ] }) : /* @__PURE__ */ M($, { children: [
+        ] }) : /* @__PURE__ */ M(B, { children: [
           f,
           i.headerTip && /* @__PURE__ */ t(A, { className: "ml-1.5", children: i.headerTip })
         ] })
@@ -69,7 +69,7 @@ function ne({
 function oe({
   row: e,
   columns: s,
-  last: p,
+  last: c,
   rowHeight: i,
   isSmall: d,
   isMedium: m,
@@ -86,17 +86,19 @@ function oe({
       tokensList: e.tokensList,
       targetToken: e.tokensList?.[g],
       targetTokenAddress: g,
+      rewardsCell: e.rewardsCell,
       rewardsCellInfo: e.rewardsCellInfo,
+      rewardsTooltip: e.rewardsTooltip,
       isMobile: d,
       isDesktop: f
     }),
     [e, g, d, f]
   ), x = m ? s.filter((r) => !r.hideOnMedium) : s, a = !!e.disabled, T = !!e.disabledStyle, v = () => S?.(e), C = d ? (() => {
-    const r = s.filter((n) => !n.hideOnMobile), [c, ...R] = r, l = (n) => n.mobileCell ? n.mobileCell(b) : n.cell(b);
+    const r = s.filter((n) => !n.hideOnMobile), [p, ...R] = r, l = (n) => n.mobileCell ? n.mobileCell(b) : n.cell(b);
     return /* @__PURE__ */ t(
       F,
       {
-        last: p,
+        last: c,
         href: a ? void 0 : e.href,
         noHover: a,
         "data-disabled": a,
@@ -113,7 +115,7 @@ function oe({
             columns: N,
             columnsXs: u,
             columnsMd: N,
-            title: c ? l(c) : void 0,
+            title: p ? l(p) : void 0,
             className: "w-full",
             children: R.map((n) => /* @__PURE__ */ t(ee, { title: n.mobileTitle, children: l(n) }, n.id))
           }
@@ -123,7 +125,7 @@ function oe({
   })() : /* @__PURE__ */ t(
     F,
     {
-      last: p,
+      last: c,
       href: a ? void 0 : e.href,
       height: `${i}px`,
       noHover: a,
@@ -153,7 +155,7 @@ function oe({
 function Se({
   columns: e,
   rows: s,
-  loading: p = !1,
+  loading: c = !1,
   partialLoading: i = !1,
   error: d,
   emptyContent: m = /* @__PURE__ */ t(le, {}),
@@ -168,12 +170,12 @@ function Se({
   onStrategyClick: a,
   rootTestId: T,
   rowTestId: v,
-  loaderTestId: w
+  loaderTestId: $
 }) {
-  const H = v ?? B.activeLine, C = w ?? B.activeLineLoading, r = re(), c = se(), R = ae(), l = L.useMemo(
-    () => c ? e.filter((o) => !o.hideOnMedium) : e,
-    [e, c]
-  ), n = L.useMemo(() => r ? "1fr" : l.map((o) => (c ? o.mediumWidth ?? o.width : o.width) ?? "1fr").join(" "), [r, c, l]), j = L.useMemo(() => {
+  const H = v ?? w.activeLine, C = $ ?? w.activeLineLoading, r = re(), p = se(), R = ae(), l = L.useMemo(
+    () => p ? e.filter((o) => !o.hideOnMedium) : e,
+    [e, p]
+  ), n = L.useMemo(() => r ? "1fr" : l.map((o) => (p ? o.mediumWidth ?? o.width : o.width) ?? "1fr").join(" "), [r, p, l]), j = L.useMemo(() => {
     const o = l.map((W, X) => {
       const G = W.gapBefore;
       if (!G || G === "none") return null;
@@ -181,8 +183,8 @@ function Se({
       return `[&:nth-child(${X + 1})]:${q}`;
     }).filter(Boolean).join(" "), I = l[l.length - 1]?.className?.includes("pr-4") ? "last:pr-4" : "";
     return h("px-1 py-2 first:pl-4", I, o);
-  }, [l]), k = p || !s, E = !k && s && s.length === 0, D = i && !k;
-  return d ? null : E && m ? /* @__PURE__ */ t($, { children: m }) : /* @__PURE__ */ M(
+  }, [l]), k = c || !s, E = !k && s && s.length === 0, D = i && !k;
+  return d ? null : E && m ? /* @__PURE__ */ t(B, { children: m }) : /* @__PURE__ */ M(
     Q,
     {
       cols: n,
@@ -190,14 +192,14 @@ function Se({
       size: N,
       wrapperClassName: h("overflow-visible", b),
       className: g,
-      "data-testid": T ?? B.root,
+      "data-testid": T ?? w.root,
       children: [
         !r && /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(
           ne,
           {
             columns: e,
             sort: x,
-            isMedium: c
+            isMedium: p
           }
         ) }),
         /* @__PURE__ */ t(
@@ -218,7 +220,7 @@ function Se({
                   last: O === I.length - 1 && !D,
                   rowHeight: u,
                   isSmall: r,
-                  isMedium: c,
+                  isMedium: p,
                   isDesktop: R,
                   mobileColumnsXs: y,
                   mobileColumnsMd: S,