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

package/dist/esm/components/pool-apy-tooltip/apy-tooltip.js

@@ -1,154 +0,0 @@
-import { jsxs as s, jsx as e, Fragment as x } from "react/jsx-runtime";
-import { faPlus as b } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as g } from "../icons/fa-icon.js";
-import { PointsIcon as u } from "../points-icon/points-icon.js";
-import { TokenIcon as h } from "../token-icon/token-icon.js";
-import { SimpleTooltip as y } from "../tooltip/simple-tooltip.js";
-import "../tooltip/tooltip.js";
-import { FormattedMessageTyped as o } from "../typed-intl/index.js";
-import { VerticalIndicator as a } from "../vertical-indicator/vertical-indicator.js";
-import "react";
-import { positiveTokenRewardsOf as v, pointProgramsOf as P, totalApyOf as N } from "../../utils/apy-breakdown.js";
-import "@gearbox-protocol/sdk";
-import { bpsToPercent as l } from "../../utils/bps.js";
-import { cn as p } from "../../utils/cn.js";
-import "sonner";
-import { percentTemplate as i } from "../../utils/format-money.js";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-function B({ apy: r, children: c, className: m }) {
-  const d = v(r), n = P(r), f = /* @__PURE__ */ s(
-    "div",
-    {
-      className: p(
-        "w-[370px] max-w-[calc(100vw-32px)] p-6",
-        "bg-popover",
-        "border border-border",
-        "rounded-lg",
-        "shadow-[0_4px_28px_4px_rgba(0,0,0,0.15)]",
-        "text-left font-normal"
-      ),
-      children: [
-        /* @__PURE__ */ s("div", { className: "flex flex-col gap-4", children: [
-          /* @__PURE__ */ e(
-            a,
-            {
-              size: "sm",
-              label: /* @__PURE__ */ e(
-                o,
-                {
-                  messageId: "components.apyParts.supplyAPY"
-                }
-              ),
-              description: /* @__PURE__ */ e(
-                o,
-                {
-                  messageId: "components.apyParts.supplyAPY.tip"
-                }
-              ),
-              value: i(l(r.organicApy))
-            }
-          ),
-          d.map((t) => /* @__PURE__ */ e(
-            a,
-            {
-              size: "sm",
-              label: /* @__PURE__ */ s("span", { className: "inline-flex items-center", children: [
-                /* @__PURE__ */ e(
-                  o,
-                  {
-                    messageId: "components.apyParts.extraAPY",
-                    values: { symbol: t.token.symbol }
-                  }
-                ),
-                /* @__PURE__ */ e("span", { className: "ml-1 inline-flex", children: /* @__PURE__ */ e(h, { token: t.token, size: 14 }) })
-              ] }),
-              description: /* @__PURE__ */ e(
-                o,
-                {
-                  messageId: "components.apyParts.extraAPY.tip"
-                }
-              ),
-              value: i(l(t.supplyApr ?? 0))
-            },
-            `extra-${t.token.address}-${t.supplyApr ?? 0}`
-          ))
-        ] }),
-        /* @__PURE__ */ e("div", { className: "my-5 border-t border-border" }),
-        /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ e(
-          a,
-          {
-            size: "sm",
-            label: /* @__PURE__ */ e("span", { className: "font-bold", children: /* @__PURE__ */ e(
-              o,
-              {
-                messageId: "components.apyParts.totalAPY"
-              }
-            ) }),
-            value: i(l(N(r)))
-          }
-        ) }),
-        n.length > 0 && /* @__PURE__ */ s(x, { children: [
-          /* @__PURE__ */ e("div", { className: "relative my-2.5 mx-6 border-t-2 border-border", children: /* @__PURE__ */ e(
-            "div",
-            {
-              className: p(
-                "absolute -top-2.5 left-1/2 -translate-x-1/2",
-                "w-5 h-5",
-                "flex items-center justify-center",
-                "rounded-full",
-                "bg-gray-20"
-              ),
-              children: /* @__PURE__ */ e(g, { icon: b, className: "size-2.5 text-white" })
-            }
-          ) }),
-          /* @__PURE__ */ e("div", { className: "h-6" }),
-          /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: n.map((t) => /* @__PURE__ */ e(
-            a,
-            {
-              size: "sm",
-              label: /* @__PURE__ */ s("span", { className: "inline-flex items-center", children: [
-                /* @__PURE__ */ e(
-                  o,
-                  {
-                    messageId: "components.apyParts.points",
-                    values: { symbol: t.name }
-                  }
-                ),
-                /* @__PURE__ */ e("span", { className: "ml-2 inline-flex", children: /* @__PURE__ */ e(
-                  u,
-                  {
-                    reward: {
-                      name: t.name,
-                      type: t.id
-                    },
-                    size: 16
-                  }
-                ) })
-              ] }),
-              value: t.multiplier != null ? `${t.multiplier}x` : "—"
-            },
-            `points-${t.id}`
-          )) })
-        ] })
-      ]
-    }
-  );
-  return /* @__PURE__ */ e(
-    y,
-    {
-      placement: "bottom",
-      triangle: !1,
-      type: "modal-tooltip",
-      minWidth: "100%",
-      maxWidth: "100%",
-      title: /* @__PURE__ */ e("span", { className: m, children: c }),
-      triggerClassName: m,
-      children: f
-    }
-  );
-}
-export {
-  B as ApyTooltip
-};

package/dist/esm/components/pool-apy-tooltip/index.js

@@ -1,4 +0,0 @@
-import { ApyTooltip as r } from "./apy-tooltip.js";
-export {
-  r as ApyTooltip
-};

package/dist/esm/components/table/edit-button.js

@@ -1,48 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { IconEditPen as d } from "@gearbox-protocol/static";
-import "../buttons/back-button/back-button.js";
-import { Button as h } from "../buttons/button/button.js";
-import "../buttons/copy-button/copy-button.js";
-import "../buttons/external-button/external-button.js";
-import "../buttons/filter-button/filter-button.js";
-import "../buttons/navigation-button/navigation-button.js";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as r } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-import "../buttons/tab-button/tab-button.js";
-function q({
-  onClick: m,
-  customButton: p,
-  children: e,
-  disabled: n,
-  width: c,
-  $width: s,
-  className: a,
-  style: f,
-  ...l
-}) {
-  const t = e || p, o = c === "wide" || s === "wide";
-  return /* @__PURE__ */ i("div", { className: r(t ? "px-4 py-2" : "px-2", o && "w-full"), children: /* @__PURE__ */ i(
-    h,
-    {
-      className: r(
-        t ? "p-0 h-fit hover:bg-accent/0" : "p-2 h-fit",
-        o && "w-full",
-        a
-      ),
-      variant: "ghost",
-      onClick: m,
-      disabled: n,
-      style: f,
-      ...l,
-      children: t ?? /* @__PURE__ */ i(d, { size: 16, className: "size-4" })
-    }
-  ) });
-}
-export {
-  q as EditButton
-};

package/dist/esm/components/table/editable-grid-table.js

@@ -1,121 +0,0 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { IconExternal as x } from "@gearbox-protocol/static";
-import "wagmi";
-import "../auth/wallet-ui-context.js";
-import "../buttons/back-button/back-button.js";
-import { Button as g } from "../buttons/button/button.js";
-import "../buttons/copy-button/copy-button.js";
-import "../buttons/external-button/external-button.js";
-import "../buttons/filter-button/filter-button.js";
-import "../buttons/navigation-button/navigation-button.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 { TabButton as u } from "../buttons/tab-button/tab-button.js";
-import { SignInRequired as b } from "../auth/signin-required.js";
-import { TokenIcon as v } from "../token-icon/token-icon.js";
-import { GridTableCell as h, GridTable as N } from "./grid-table.js";
-import { UpdatedValue as C } from "./updated-value.js";
-function K({
-  assetAddress: o,
-  symbol: i,
-  iconSymbol: s,
-  comment: l,
-  explorerUrl: r,
-  span: d = 1
-}) {
-  return /* @__PURE__ */ e(h, { span: d, children: /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ e(v, { symbol: s ?? i, size: 24 }),
-    /* @__PURE__ */ n("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ e("div", { className: "font-medium", children: i }),
-      l && /* @__PURE__ */ n("div", { className: "text-md text-muted-foreground", children: [
-        "(",
-        l,
-        ")"
-      ] }),
-      r && /* @__PURE__ */ e(
-        g,
-        {
-          variant: "ghost",
-          size: "sm",
-          className: "text-muted-foreground hover:text-foreground p-0 h-auto",
-          onClick: () => window.open(`${r}/address/${o}`, "_blank"),
-          children: /* @__PURE__ */ e(x, { size: 12, className: "size-3" })
-        }
-      )
-    ] })
-  ] }) });
-}
-function M({
-  oldValue: o,
-  newValue: i,
-  onEdit: s,
-  isEditable: l = !0,
-  className: r,
-  align: d = "right",
-  customButton: a,
-  postfix: m,
-  disabled: c,
-  nowrap: p,
-  span: t = 1
-}) {
-  const f = {
-    left: "justify-start",
-    right: "justify-end",
-    center: "justify-center"
-  }[d];
-  return /* @__PURE__ */ e(h, { span: t, className: r, children: /* @__PURE__ */ e("div", { className: `flex ${f} w-full text-${d}`, children: /* @__PURE__ */ e(
-    C,
-    {
-      oldValue: o,
-      newValue: i,
-      onEdit: s,
-      isEditable: l,
-      customButton: a,
-      postfix: m,
-      disabled: c,
-      nowrap: p
-    }
-  ) }) });
-}
-function O({
-  title: o,
-  onNew: i,
-  newButtonText: s = "New",
-  buttonLoadingText: l = "Adding...",
-  isLoading: r,
-  actions: d,
-  children: a,
-  disabled: m = !1,
-  skipSignIn: c = !0,
-  cols: p = 12
-}) {
-  return /* @__PURE__ */ n("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ n("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ e("h2", { className: "text-2xl font-bold", children: o }),
-      /* @__PURE__ */ e(b, { skipSignIn: c, variant: "pink", size: "sm", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-        i && /* @__PURE__ */ e(u, { onClick: i, disabled: r || m, children: r ? l : s }),
-        d?.map((t, f) => /* @__PURE__ */ e(
-          u,
-          {
-            onClick: t.onClick,
-            disabled: t.isLoading || m,
-            children: t.isLoading ? t.loadingText || "Loading..." : t.text
-          },
-          f
-        ))
-      ] }) })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "rounded-lg border", children: /* @__PURE__ */ e(N, { cols: p, children: a }) })
-  ] });
-}
-export {
-  K as GridTableCellAsset,
-  M as GridTableCellUpdatable,
-  O as GridTableEditable
-};

package/dist/esm/components/table/editable-table.js

@@ -1,108 +0,0 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import "wagmi";
-import "../auth/wallet-ui-context.js";
-import "../buttons/back-button/back-button.js";
-import "../buttons/button/button.js";
-import "../buttons/copy-button/copy-button.js";
-import { ExternalButton as h } from "../buttons/external-button/external-button.js";
-import "../buttons/filter-button/filter-button.js";
-import "../buttons/navigation-button/navigation-button.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 { TabButton as f } from "../buttons/tab-button/tab-button.js";
-import { SignInRequired as x } from "../auth/signin-required.js";
-import { TokenIcon as b } from "../token-icon/token-icon.js";
-import { TableCell as u, Table as g } from "./table.js";
-import { UpdatedValue as v } from "./updated-value.js";
-function H({
-  assetAddress: n,
-  symbol: t,
-  iconSymbol: s,
-  comment: l,
-  explorerUrl: i
-}) {
-  return /* @__PURE__ */ e(u, { children: /* @__PURE__ */ m("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ e(b, { symbol: s ?? t, size: 24 }),
-    /* @__PURE__ */ m("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ e("div", { className: "font-medium", children: t }),
-      l && /* @__PURE__ */ m("div", { className: "text-md text-muted-foreground", children: [
-        "(",
-        l,
-        ")"
-      ] }),
-      i && /* @__PURE__ */ e(h, { url: `${i}/address/${n}` })
-    ] })
-  ] }) });
-}
-function J({
-  oldValue: n,
-  newValue: t,
-  onEdit: s,
-  isEditable: l = !0,
-  className: i,
-  align: d = "right",
-  customButton: a,
-  postfix: o,
-  disabled: c,
-  nowrap: r
-}) {
-  const p = {
-    left: "justify-start",
-    right: "justify-end",
-    center: "justify-center"
-  }[d];
-  return /* @__PURE__ */ e(u, { className: i, children: /* @__PURE__ */ e("div", { className: `flex ${p} w-full text-${d}`, children: /* @__PURE__ */ e(
-    v,
-    {
-      oldValue: n,
-      newValue: t,
-      onEdit: s,
-      isEditable: l,
-      customButton: a,
-      postfix: o,
-      disabled: c,
-      nowrap: r
-    }
-  ) }) });
-}
-function K({
-  title: n,
-  onNew: t,
-  newButtonText: s = "New",
-  buttonLoadingText: l = "Adding...",
-  isLoading: i,
-  actions: d,
-  children: a,
-  disabled: o = !1,
-  skipSignIn: c = !0
-}) {
-  return /* @__PURE__ */ m("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ m("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ e("h2", { className: "text-2xl font-bold", children: n }),
-      /* @__PURE__ */ e(x, { skipSignIn: c, variant: "pink", size: "sm", children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-        t && /* @__PURE__ */ e(f, { onClick: t, disabled: i || o, children: i ? l : s }),
-        d?.map((r, p) => /* @__PURE__ */ e(
-          f,
-          {
-            onClick: r.onClick,
-            disabled: r.isLoading || o,
-            children: r.isLoading ? r.loadingText || "Loading..." : r.text
-          },
-          p
-        ))
-      ] }) })
-    ] }),
-    /* @__PURE__ */ e(g, { children: a })
-  ] });
-}
-export {
-  H as TableCellAsset,
-  J as TableCellUpdatable,
-  K as TableEditable
-};

package/dist/esm/components/table/grid-table-loader.js

@@ -1,22 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as o from "react";
-import { cn as s } from "../../utils/cn.js";
-const i = o.forwardRef(
-  ({ className: a, colSpan: r, ...t }, d) => /* @__PURE__ */ e(
-    "div",
-    {
-      ref: d,
-      className: s(
-        "flex items-center justify-center py-8",
-        r ? `col-span-${r}` : "col-span-full",
-        a
-      ),
-      ...t,
-      children: /* @__PURE__ */ e("div", { className: "flex items-center gap-3 text-muted-foreground", children: /* @__PURE__ */ e("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-current border-t-transparent" }) })
-    }
-  )
-);
-i.displayName = "GridTableLoader";
-export {
-  i as GridTableLoader
-};

package/dist/esm/components/table/updated-value.js

@@ -1,49 +0,0 @@
-import { jsxs as e, jsx as r, Fragment as m } from "react/jsx-runtime";
-import { EditButton as h } from "./edit-button.js";
-function f({
-  oldValue: a,
-  newValue: n,
-  onEdit: c,
-  isEditable: i = !0,
-  customButton: d,
-  postfix: s,
-  disabled: l = !1,
-  nowrap: t = !1
-}) {
-  return /* @__PURE__ */ e("div", { className: "flex items-center ", children: [
-    /* @__PURE__ */ r("span", { className: "flex items-center gap-2", children: a !== void 0 && a !== n ? /* @__PURE__ */ e(m, { children: [
-      /* @__PURE__ */ r(
-        "span",
-        {
-          className: `line-through text-muted-foreground ${t ? "whitespace-nowrap" : ""}`,
-          children: a
-        }
-      ),
-      " → ",
-      /* @__PURE__ */ e("span", { className: t ? "whitespace-nowrap" : "", children: [
-        n,
-        s && /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: [
-          " ",
-          s
-        ] })
-      ] })
-    ] }) : /* @__PURE__ */ e("span", { className: t ? "whitespace-nowrap" : "", children: [
-      n,
-      s && /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: [
-        " ",
-        s
-      ] })
-    ] }) }),
-    i && /* @__PURE__ */ r("div", { className: "flex-shrink-0", children: /* @__PURE__ */ r(
-      h,
-      {
-        onClick: c,
-        customButton: d,
-        disabled: l
-      }
-    ) })
-  ] });
-}
-export {
-  f as UpdatedValue
-};

package/dist/esm/hooks/use-liquidation/index.js

@@ -1,138 +0,0 @@
-import { toBN as v, PRICE_DECIMALS_POW as R } from "@gearbox-protocol/sdk";
-import { calcHealthFactor as U } from "@gearbox-protocol/sdk/common-utils";
-import { useMemo as G, useState as F, useCallback as Y } from "react";
-import { useFixedAssets as g, usePriceInNumber as S, useAxis as X, DEFAULT_AXIS_MAX as x } from "./utils.js";
-import { CELL_BAD as Z, CELL_CURRENT as $, CELL_GOOD as b, CELL_HOVERED as j, CELL_LIQUIDATION as M, CELL_OK as tt, DEFAULT_AXIS_MIN as et, formatAxisLabel as rt, formatAxisTipLabel as it, formatAxisTipPrice as st, getCellClass as nt, isPointInCell as ct, useIsAxisInRelativeUnits as ot, useLiquidationGraphActivePrice as at, useLiquidationGraphCurrentActiveValue as ut, useWithLiquidationGraphActivePrices as pt } from "./utils.js";
-const L = 35;
-function K({
-  xMin: t,
-  xMax: e,
-  yMin: r,
-  yMax: c,
-  xLabel: i,
-  yLabel: s,
-  assets: n,
-  quotas: o,
-  prices: u,
-  liquidationThresholds: a,
-  quotasInfo: p,
-  underlyingTokenAddress: m,
-  debt: A,
-  tokensList: l
-}) {
-  return G(() => {
-    const N = e - t, T = c - r, P = N / L, d = T / L, f = Array.from(Array(L)), E = { ...u };
-    return f.flatMap((B, C) => {
-      const _ = t + C * P, I = t + (C + 1) * P;
-      return i && (E[i.address] = v(
-        String((_ + I) / 2),
-        R
-      )), f.map((H, D) => {
-        const O = r + D * d, h = r + (D + 1) * d;
-        return s && (E[s.address] = v(
-          String((O + h) / 2),
-          R
-        )), {
-          x: _,
-          xEnd: I,
-          y: O,
-          yEnd: h,
-          value: U({
-            assets: n,
-            quotas: o,
-            prices: E,
-            liquidationThresholds: a,
-            underlyingToken: m,
-            debt: A,
-            quotasInfo: p,
-            tokensList: l
-          })
-        };
-      });
-    });
-  }, [
-    t,
-    e,
-    r,
-    c,
-    i,
-    s,
-    n,
-    o,
-    u,
-    a,
-    m,
-    A,
-    p,
-    l
-  ]);
-}
-function Q({ prices: t }) {
-  const [e, r] = F({}), c = G(
-    () => ({ ...t, ...e }),
-    [t, e]
-  ), i = Y(
-    (s, n) => {
-      r({ ...e, [n]: s });
-    },
-    [e]
-  );
-  return [c, i];
-}
-function w({
-  assets: t,
-  liquidationThresholds: e,
-  quotas: r,
-  quotasInfo: c,
-  tokensList: i,
-  prices: s
-}) {
-  const [n] = g({
-    assets: t,
-    liquidationThresholds: e,
-    quotas: r,
-    quotasInfo: c
-  }), [o, u] = S({
-    asset: n[0],
-    tokensList: i,
-    prices: s
-  }), [a, p] = S({
-    asset: n[1],
-    tokensList: i,
-    prices: s
-  }), m = X({ currentPrice: o, token: u }), A = X({ currentPrice: a, token: p });
-  return {
-    xAxis: m,
-    yAxis: A,
-    currentPoint: [
-      o || x / 2,
-      a || x / 2
-    ],
-    fixedBalances: n
-  };
-}
-export {
-  Z as CELL_BAD,
-  $ as CELL_CURRENT,
-  b as CELL_GOOD,
-  j as CELL_HOVERED,
-  M as CELL_LIQUIDATION,
-  tt as CELL_OK,
-  x as DEFAULT_AXIS_MAX,
-  et as DEFAULT_AXIS_MIN,
-  rt as formatAxisLabel,
-  it as formatAxisTipLabel,
-  st as formatAxisTipPrice,
-  nt as getCellClass,
-  ct as isPointInCell,
-  X as useAxis,
-  Q as useEditPriceManually,
-  g as useFixedAssets,
-  ot as useIsAxisInRelativeUnits,
-  at as useLiquidationGraphActivePrice,
-  ut as useLiquidationGraphCurrentActiveValue,
-  w as useLiquidationGraphParams,
-  K as useLiquidationHeatmap,
-  S as usePriceInNumber,
-  pt as useWithLiquidationGraphActivePrices
-};

package/dist/esm/hooks/use-liquidation/types.js

@@ -1 +0,0 @@
-