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

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

@@ -1,43 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { cva as p } from "class-variance-authority";
-import * as n from "react";
-import "@gearbox-protocol/sdk";
-import { cn as d } from "../../../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../../../../utils/z-index.js";
-const f = p(
-  "relative inline-flex items-center gap-2 text-foreground",
-  {
-    variants: {
-      theme: {
-        empty: "border border-gray-40 bg-transparent",
-        light: "bg-gray-40",
-        dark: "bg-gray-10"
-      },
-      size: {
-        sm: "h-6 rounded-xl",
-        md: "h-[30px] rounded-2xl"
-      }
-    },
-    defaultVariants: {
-      theme: "dark",
-      size: "sm"
-    }
-  }
-), l = n.forwardRef(
-  ({ theme: e, size: o, padding: r, className: a, style: t, ...m }, i) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: i,
-      className: d(f({ theme: e, size: o }), a),
-      style: r ? { ...t, padding: r } : t,
-      ...m
-    }
-  )
-);
-l.displayName = "FeatureRoot";
-export {
-  l as FeatureRoot
-};

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

@@ -1,6 +0,0 @@
-import { Feature as r } from "./feature.js";
-import { FeatureRoot as a } from "./feature.styles.js";
-export {
-  r as Feature,
-  a as FeatureRoot
-};

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

@@ -1,35 +0,0 @@
-import { APYFeature as r, APYFeatureTooltip as t } from "./apy-feature/apy-feature.js";
-import { RWAFeature as p, StrategiesRewardsCell as i, StrategyPoints as l, ZeroSlippageFeature as s } from "./cells/cells.js";
-import { DisabledWrap as m, Plus as x, TitleGrid as u } from "./cells/cells.styles.js";
-import { Feature as d } from "./feature/feature.js";
-import { FeatureRoot as R } from "./feature/feature.styles.js";
-import { StrategiesTableNotFoundLine as w } from "./not-found-line.js";
-import { PointsFeature as g, PointsFeatureTooltip as S, PointsLabel as b } from "./points-feature/points-feature.js";
-import { RewardsTooltip as C, RewardsTooltipHover as L } from "./rewards-tooltip/rewards-tooltip.js";
-import { RewardsTooltipRoot as Y } from "./rewards-tooltip/rewards-tooltip-root.js";
-import { RewardsTooltipView as y } from "./rewards-tooltip/rewards-tooltip-view.js";
-import { RewardsTooltipContent as G } from "./rewards-tooltip/tooltip-content.js";
-import { StrategiesTable as N } from "./strategies-table.js";
-export {
-  r as APYFeature,
-  t as APYFeatureTooltip,
-  m as DisabledWrap,
-  d as Feature,
-  R as FeatureRoot,
-  x as Plus,
-  g as PointsFeature,
-  S as PointsFeatureTooltip,
-  b as PointsLabel,
-  p as RWAFeature,
-  C as RewardsTooltip,
-  G as RewardsTooltipContent,
-  L as RewardsTooltipHover,
-  Y as RewardsTooltipRoot,
-  y as RewardsTooltipView,
-  i as StrategiesRewardsCell,
-  N as StrategiesTable,
-  w as StrategiesTableNotFoundLine,
-  l as StrategyPoints,
-  u as TitleGrid,
-  s as ZeroSlippageFeature
-};

package/dist/esm/components/composites/strategies-table/components/not-found-line.js

@@ -1,19 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { GridTableRow as r, GridTableCell as o } from "../../../table/grid-table.js";
-import { FormattedMessageTyped as t } from "../../../typed-intl/index.js";
-import { Typography as a } from "../../../typography/typography.js";
-function d() {
-  return /* @__PURE__ */ e(r, { noHover: !0, last: !0, children: /* @__PURE__ */ e(o, { span: "full", textAlign: "center", children: /* @__PURE__ */ e(
-    a,
-    {
-      as: "span",
-      color: "secondary",
-      variant: "body",
-      className: "py-0 sm:py-5",
-      children: /* @__PURE__ */ e(t, { messageId: "components.strategiesTable.body.notFound" })
-    }
-  ) }) });
-}
-export {
-  d as StrategiesTableNotFoundLine
-};

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

@@ -1,6 +0,0 @@
-import { PointsFeature as e, PointsFeatureTooltip as i, PointsLabel as r } from "./points-feature.js";
-export {
-  e as PointsFeature,
-  i as PointsFeatureTooltip,
-  r as PointsLabel
-};

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

@@ -1,69 +0,0 @@
-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 { Typography as a } from "../../../../typography/typography.js";
-import { Feature as l } from "../feature/feature.js";
-import "../feature/feature.styles.js";
-function b({
-  reward: e,
-  points: n,
-  precision: i,
-  theme: r
-}) {
-  return /* @__PURE__ */ t(
-    l,
-    {
-      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 }) })
-      ] })
-    }
-  );
-}
-function y({
-  reward: e,
-  points: n,
-  precision: i,
-  tip: r,
-  theme: p
-}) {
-  return /* @__PURE__ */ t(
-    l,
-    {
-      theme: p,
-      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 }) })
-      ] }),
-      value: /* @__PURE__ */ t(a, { as: "span", variant: "bodySmall", children: /* @__PURE__ */ t(
-        c,
-        {
-          points: n,
-          precision: i,
-          startWith: "×",
-          endWith: ""
-        }
-      ) }),
-      tip: r
-    }
-  );
-}
-function d({ reward: e }) {
-  return /* @__PURE__ */ t(s, { children: [e.name, e.units].join(" ") });
-}
-function c({
-  points: e,
-  precision: n = 1,
-  startWith: i = "",
-  endWith: r = "×"
-}) {
-  return /* @__PURE__ */ t(s, { children: e === "soon" ? e : `${i}${u(Number(e), n)}${r}` });
-}
-export {
-  b as PointsFeature,
-  y as PointsFeatureTooltip,
-  d as PointsLabel
-};

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

@@ -1,11 +0,0 @@
-import { RewardsTooltip as e, RewardsTooltipHover as t } from "./rewards-tooltip.js";
-import { RewardsTooltipRoot as i } from "./rewards-tooltip-root.js";
-import { RewardsTooltipView as R } from "./rewards-tooltip-view.js";
-import { RewardsTooltipContent as d } from "./tooltip-content.js";
-export {
-  e as RewardsTooltip,
-  d as RewardsTooltipContent,
-  t as RewardsTooltipHover,
-  i as RewardsTooltipRoot,
-  R as RewardsTooltipView
-};

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

@@ -1,30 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { cva as d } from "class-variance-authority";
-import { forwardRef as m } from "react";
-import { cn as p } from "../../../../../utils/cn.js";
-const s = d("", {
-  variants: {
-    theme: {
-      modal: "bg-modal",
-      box: "bg-card"
-    }
-  },
-  defaultVariants: {
-    theme: "modal"
-  }
-}), n = m(({ theme: o, children: r, className: t }, a) => /* @__PURE__ */ e(
-  "div",
-  {
-    ref: a,
-    className: p(
-      "relative p-4 w-[300px] xs:w-[400px] text-left font-normal",
-      "rounded-lg border border-border shadow-[0_4px_28px_4px_rgba(0,0,0,0.15)]",
-      s({ theme: o }),
-      t
-    ),
-    children: r
-  }
-));
-export {
-  n as RewardsTooltipRoot
-};

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

@@ -1,78 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { SimpleTooltip as n } from "../../../../tooltip/simple-tooltip.js";
-import "../../../../tooltip/tooltip.js";
-import { FormattedMessageTyped as s } from "../../../../typed-intl/index.js";
-import { RewardsTooltipContent as p } from "./tooltip-content.js";
-function x({
-  children: a,
-  handleTooltipChangeState: o,
-  handleTooltipChange: l,
-  open: r,
-  props: f
-}) {
-  const i = () => (
-    // biome-ignore lint/a11y/noStaticElementInteractions: nested tooltip trigger behavior preserved from legacy UI
-    /* @__PURE__ */ t(
-      "div",
-      {
-        className: "flex h-full flex-col justify-center",
-        onClick: (e) => {
-          e.preventDefault(), e.stopPropagation(), o();
-        },
-        onKeyDown: (e) => {
-          (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), o());
-        },
-        children: a
-      }
-    )
-  );
-  return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: nested tooltip trigger behavior preserved from legacy UI
-    /* @__PURE__ */ t(
-      "div",
-      {
-        className: "flex h-full w-max flex-col justify-center",
-        onClick: (e) => {
-          e.preventDefault(), e.stopPropagation();
-        },
-        onKeyDown: (e) => {
-          (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation());
-        },
-        children: /* @__PURE__ */ t(
-          n,
-          {
-            placement: "bottom",
-            trigger: "click",
-            triangle: !1,
-            triggerClassName: "h-full flex flex-col justify-center",
-            title: r ? i() : /* @__PURE__ */ t(
-              n,
-              {
-                title: i(),
-                placement: "top",
-                triangle: !1,
-                triggerClassName: "h-full flex flex-col justify-center",
-                children: /* @__PURE__ */ t(s, { messageId: "components.rewardsTooltip.button" })
-              }
-            ),
-            minWidth: "100%",
-            maxWidth: "100%",
-            type: "modal-tooltip",
-            open: r,
-            onOpenChange: l,
-            children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-              p,
-              {
-                onClose: () => l(!1),
-                ...f
-              }
-            ) })
-          }
-        )
-      }
-    )
-  );
-}
-export {
-  x as RewardsTooltipView
-};

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

@@ -1,44 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useState as l } from "react";
-import { SimpleTooltip as p } from "../../../../tooltip/simple-tooltip.js";
-import "../../../../tooltip/tooltip.js";
-import { RewardsTooltipView as a } from "./rewards-tooltip-view.js";
-import { RewardsTooltipContent as m } from "./tooltip-content.js";
-function w({ children: o, ...e }) {
-  const [n, i] = l(!1);
-  return /* @__PURE__ */ t(
-    a,
-    {
-      handleTooltipChangeState: () => {
-        i(!0);
-      },
-      handleTooltipChange: (r) => {
-        i(r);
-      },
-      open: n,
-      props: e,
-      children: o
-    }
-  );
-}
-function C({
-  children: o,
-  ...e
-}) {
-  return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-    p,
-    {
-      placement: "bottom",
-      triangle: !1,
-      title: o,
-      minWidth: "100%",
-      maxWidth: "100%",
-      type: "modal-tooltip",
-      children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(m, { theme: "box", ...e }) })
-    }
-  ) });
-}
-export {
-  w as RewardsTooltip,
-  C as RewardsTooltipHover
-};

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

@@ -1,271 +0,0 @@
-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"
-}) {
-  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,
-        {
-          title: /* @__PURE__ */ e(o, { 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,
-              {
-                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)}%`
-                  }
-                )
-              }
-            ),
-            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("-")
-            ))
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ e(L, { height: 16 })
-    ] }),
-    /* @__PURE__ */ r(y, { textColor: "dark", borderColor: "gradient", children: [
-      /* @__PURE__ */ e(N, { children: /* @__PURE__ */ r(
-        T,
-        {
-          title: /* @__PURE__ */ e(
-            o,
-            {
-              messageId: "components.rewardsTooltip.with.title",
-              values: {
-                leverage: Y > 0 ? `${_(Number(Y))}×` : ""
-              }
-            }
-          ),
-          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("-")
-              );
-            })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ e(X, { margin: 16 }),
-      /* @__PURE__ */ r(N, { children: [
-        l && /* @__PURE__ */ e(
-          R,
-          {
-            label: /* @__PURE__ */ e(p, { as: "span", color: "secondary", children: /* @__PURE__ */ e(
-              o,
-              {
-                values: {
-                  symbol: h?.[l.underlyingToken]?.title || "Utilization"
-                },
-                messageId: "components.rewardsTooltip.with.borrowRate"
-              }
-            ) }),
-            value: /* @__PURE__ */ e(p, { as: "span", color: "secondary", children: `${s(
-              l.baseBorrowRate
-            )}%` })
-          }
-        ),
-        l && /* @__PURE__ */ e(
-          R,
-          {
-            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))}%` })
-          }
-        )
-      ] })
-    ] }),
-    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,
-      {
-        as: "span",
-        variant: "bodySmall",
-        weight: i === "main" ? "bold" : "normal",
-        color: i === "main" ? "default" : "secondary",
-        children: a
-      }
-    ) }),
-    /* @__PURE__ */ e("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
-};