@gearbox-protocol/ui-kit 3.14.0-next.9 → 4.0.0-next.2

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

@@ -1,249 +0,0 @@
-import { jsx as t, Fragment as $, 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";
-import { GridLoadingLine as K } from "../../../table/grid-loading-line.js";
-import { GridTable as Q, GridTableHeader as U, GridTableBody as V, GridTableRow as P, GridTableHead as Y, GridTableCell as z } from "../../../table/grid-table.js";
-import { TableLoaderGuard as Z } from "../../../table/table-loader-guard.js";
-import { TableLineSm as _, TableCellSm as ee } from "../../../table/table-sm.js";
-import { SimpleTooltip as te } from "../../../tooltip/simple-tooltip.js";
-import "../../../tooltip/tooltip.js";
-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 { cn as h } from "../../../../utils/cn.js";
-import { StrategiesTableNotFoundLine as le } from "./not-found-line.js";
-function F({
-  last: e,
-  className: s,
-  ...p
-}) {
-  return /* @__PURE__ */ t(
-    P,
-    {
-      className: h(e && "*:after:hidden", s),
-      ...p
-    }
-  );
-}
-function ne({
-  columns: e,
-  sort: s,
-  isMedium: p
-}) {
-  return /* @__PURE__ */ t(P, { noHover: !0, height: "32px", children: e.map((i) => {
-    if (i.hideOnMedium && p) 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")
-    } : void 0, f = typeof i.header == "function" ? i.header(m) : i.header;
-    return /* @__PURE__ */ t(
-      Y,
-      {
-        justify: i.align === "right" ? "end" : i.align === "center" ? "center" : "start",
-        size: "sm",
-        gapBefore: i.gapBefore,
-        className: h(i.className, i.headerClassName),
-        children: m ? /* @__PURE__ */ M($, { children: [
-          /* @__PURE__ */ t(
-            J,
-            {
-              arrowPosition: "right",
-              title: f,
-              sortDirection: m.direction ?? void 0,
-              onSort: m.onSort
-            }
-          ),
-          i.headerTip && /* @__PURE__ */ t(A, { className: "ml-1.5", children: i.headerTip })
-        ] }) : /* @__PURE__ */ M($, { children: [
-          f,
-          i.headerTip && /* @__PURE__ */ t(A, { className: "ml-1.5", children: i.headerTip })
-        ] })
-      },
-      i.id
-    );
-  }) });
-}
-function oe({
-  row: e,
-  columns: s,
-  last: p,
-  rowHeight: i,
-  isSmall: d,
-  isMedium: m,
-  isDesktop: f,
-  mobileColumnsXs: u,
-  mobileColumnsMd: N,
-  rowTestId: y,
-  onStrategyClick: S
-}) {
-  const g = e.strategy.tokenOutAddress, b = L.useMemo(
-    () => ({
-      row: e,
-      strategy: e.strategy,
-      tokensList: e.tokensList,
-      targetToken: e.tokensList?.[g],
-      targetTokenAddress: g,
-      rewardsCellInfo: e.rewardsCellInfo,
-      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);
-    return /* @__PURE__ */ t(
-      F,
-      {
-        last: p,
-        href: a ? void 0 : e.href,
-        noHover: a,
-        "data-disabled": a,
-        "data-testid": y,
-        className: h(
-          T && "text-secondary-foreground!",
-          a && "cursor-not-allowed"
-        ),
-        onRowClick: a ? () => {
-        } : v,
-        children: /* @__PURE__ */ t(z, { span: "full", size: "sm", className: "px-3 py-0!", children: /* @__PURE__ */ t(
-          _,
-          {
-            columns: N,
-            columnsXs: u,
-            columnsMd: N,
-            title: c ? l(c) : void 0,
-            className: "w-full",
-            children: R.map((n) => /* @__PURE__ */ t(ee, { title: n.mobileTitle, children: l(n) }, n.id))
-          }
-        ) })
-      }
-    );
-  })() : /* @__PURE__ */ t(
-    F,
-    {
-      last: p,
-      href: a ? void 0 : e.href,
-      height: `${i}px`,
-      noHover: a,
-      "data-disabled": a,
-      "data-testid": y,
-      className: h(
-        T && "text-secondary-foreground!",
-        a && "cursor-not-allowed"
-      ),
-      onRowClick: a ? () => {
-      } : v,
-      children: x.map((r) => /* @__PURE__ */ t(
-        z,
-        {
-          textAlign: r.align ?? "left",
-          size: "sm",
-          gapBefore: r.gapBefore,
-          className: r.className,
-          children: r.cell(b)
-        },
-        r.id
-      ))
-    }
-  );
-  return T ? /* @__PURE__ */ t(te, { placement: "top", useTitleAsTrigger: !0, title: C, children: e.disabledTooltip ?? /* @__PURE__ */ t(ie, { messageId: "components.strategiesTable.line.disabled" }) }) : C;
-}
-function Se({
-  columns: e,
-  rows: s,
-  loading: p = !1,
-  partialLoading: i = !1,
-  error: d,
-  emptyContent: m = /* @__PURE__ */ t(le, {}),
-  skeletonRows: f = 5,
-  rowHeight: u = 66,
-  size: N = "lg",
-  mobileColumnsXs: y = 2,
-  mobileColumnsMd: S = 2,
-  className: g,
-  wrapperClassName: b,
-  sort: x,
-  onStrategyClick: a,
-  rootTestId: T,
-  rowTestId: v,
-  loaderTestId: w
-}) {
-  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 o = l.map((W, X) => {
-      const G = W.gapBefore;
-      if (!G || G === "none") return null;
-      const q = G === "md" ? "pl-10" : "pl-5";
-      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(
-    Q,
-    {
-      cols: n,
-      gap: 0,
-      size: N,
-      wrapperClassName: h("overflow-visible", b),
-      className: g,
-      "data-testid": T ?? B.root,
-      children: [
-        !r && /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(
-          ne,
-          {
-            columns: e,
-            sort: x,
-            isMedium: c
-          }
-        ) }),
-        /* @__PURE__ */ t(
-          Z,
-          {
-            showGuard: k,
-            rows: f,
-            columns: r ? 1 : l.length,
-            height: `${u}px`,
-            "data-testid": C,
-            cellClassName: r ? "px-1 py-2 first:pl-4 last:pr-4" : j,
-            children: /* @__PURE__ */ M(V, { children: [
-              s?.map((o, O, I) => /* @__PURE__ */ t(
-                oe,
-                {
-                  row: o,
-                  columns: e,
-                  last: O === I.length - 1 && !D,
-                  rowHeight: u,
-                  isSmall: r,
-                  isMedium: c,
-                  isDesktop: R,
-                  mobileColumnsXs: y,
-                  mobileColumnsMd: S,
-                  rowTestId: H,
-                  onStrategyClick: a
-                },
-                `${o.strategy.chainId}-${o.strategy.id}`
-              )),
-              D && /* @__PURE__ */ t(
-                K,
-                {
-                  height: `${u}px`,
-                  columns: l.length,
-                  cellClassName: j,
-                  "data-testid": C,
-                  last: !0
-                }
-              )
-            ] })
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  Se as StrategiesTable
-};

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

@@ -1,40 +0,0 @@
-import { customStrategyColumn as t, strategyColumn as r, strategyLeverageColumn as a, strategyRewardsColumn as p } from "./columns.js";
-import { APYFeature as l, APYFeatureTooltip as s } from "./components/apy-feature/apy-feature.js";
-import { RWAFeature as u, StrategiesRewardsCell as f, StrategyPoints as x, ZeroSlippageFeature as n } from "./components/cells/cells.js";
-import { DisabledWrap as g, Plus as R, TitleGrid as T } from "./components/cells/cells.styles.js";
-import { Feature as w } from "./components/feature/feature.js";
-import { FeatureRoot as C } from "./components/feature/feature.styles.js";
-import { StrategiesTableNotFoundLine as y } from "./components/not-found-line.js";
-import { PointsFeature as A, PointsFeatureTooltip as L, PointsLabel as v } from "./components/points-feature/points-feature.js";
-import { RewardsTooltip as Y, RewardsTooltipHover as c } from "./components/rewards-tooltip/rewards-tooltip.js";
-import { RewardsTooltipRoot as G } from "./components/rewards-tooltip/rewards-tooltip-root.js";
-import { RewardsTooltipView as N } from "./components/rewards-tooltip/rewards-tooltip-view.js";
-import { RewardsTooltipContent as Z } from "./components/rewards-tooltip/tooltip-content.js";
-import { StrategiesTable as j } from "./components/strategies-table.js";
-export {
-  l as APYFeature,
-  s as APYFeatureTooltip,
-  g as DisabledWrap,
-  w as Feature,
-  C as FeatureRoot,
-  R as Plus,
-  A as PointsFeature,
-  L as PointsFeatureTooltip,
-  v as PointsLabel,
-  u as RWAFeature,
-  Y as RewardsTooltip,
-  Z as RewardsTooltipContent,
-  c as RewardsTooltipHover,
-  G as RewardsTooltipRoot,
-  N as RewardsTooltipView,
-  f as StrategiesRewardsCell,
-  j as StrategiesTable,
-  y as StrategiesTableNotFoundLine,
-  x as StrategyPoints,
-  T as TitleGrid,
-  n as ZeroSlippageFeature,
-  t as customStrategyColumn,
-  r as strategyColumn,
-  a as strategyLeverageColumn,
-  p as strategyRewardsColumn
-};

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

@@ -1 +0,0 @@
-

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

@@ -1 +0,0 @@
-

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

@@ -1 +0,0 @@
-

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

@@ -1 +0,0 @@
-

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

@@ -1 +0,0 @@
-

package/dist/esm/components/connectkit/connect-kit-wallet-adapter.js

@@ -1,32 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useModal as d, useSIWE as a } from "connectkit";
-import { useMemo as r } from "react";
-import { WalletUIProvider as c } from "../auth/wallet-ui-context.js";
-function g({
-  children: t
-}) {
-  const { setOpen: i, openSIWE: o } = d(), e = a(), n = r(
-    () => ({
-      openConnectModal: () => i(!0),
-      openSIWE: o,
-      siwe: {
-        isSignedIn: e.isSignedIn,
-        isRejected: e.isRejected,
-        isLoading: e.isLoading,
-        data: e.data
-      }
-    }),
-    [
-      i,
-      o,
-      e.isSignedIn,
-      e.isRejected,
-      e.isLoading,
-      e.data
-    ]
-  );
-  return /* @__PURE__ */ s(c, { value: n, children: t });
-}
-export {
-  g as ConnectKitWalletAdapter
-};

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

@@ -1,6 +0,0 @@
-import { ConnectKitWalletAdapter as t } from "./connect-kit-wallet-adapter.js";
-import { SIWEClientProvider as i } from "./siwe-provider.js";
-export {
-  t as ConnectKitWalletAdapter,
-  i as SIWEClientProvider
-};

package/dist/esm/components/connectkit/siwe-provider.js

@@ -1,60 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import { SIWEProvider as m } from "connectkit";
-import { createSiweMessage as u } from "viem/siwe";
-function d({
-  apiRoutePrefix: e,
-  statement: s,
-  children: i,
-  onRefresh: o,
-  ...c
-}) {
-  const a = async () => {
-    const n = await fetch(`${e}/nonce`);
-    if (!n.ok)
-      throw new Error("Failed to fetch SIWE nonce");
-    return await n.text();
-  }, g = ({
-    nonce: n,
-    address: t,
-    chainId: r
-  }) => u({
-    version: "1",
-    domain: window.location.host,
-    uri: window.location.origin,
-    address: t,
-    chainId: r,
-    nonce: n,
-    statement: s || "Sign In With Ethereum."
-  }), w = async ({
-    message: n,
-    signature: t
-  }) => {
-    if (!(await fetch(`${e}/signin`, {
-      method: "POST",
-      body: JSON.stringify({ message: n, signature: t })
-    })).ok)
-      throw new Error("Failed to verify SIWE message");
-    return !0;
-  };
-  return /* @__PURE__ */ f(
-    m,
-    {
-      getNonce: a,
-      createMessage: g,
-      verifyMessage: async (n) => w(n),
-      getSession: async () => {
-        const n = await fetch(`${e}/session`);
-        return n.ok ? n.json() : null;
-      },
-      onSignIn: async (n) => (o?.(), n),
-      signOut: async () => (await fetch(`${e}/logout`, {
-        method: "POST"
-      }), o?.(), !0),
-      ...c,
-      children: i
-    }
-  );
-}
-export {
-  d as SIWEClientProvider
-};

package/dist/esm/components/credit-session-status/credit-session-status.js

@@ -1,39 +0,0 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-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";
-const o = {
-  active: "bg-green-500",
-  closed: "bg-gray-500",
-  repaid: "bg-gray-500",
-  liquidated: "bg-red-500",
-  liquidateExpired: "bg-red-500",
-  liquidatePaused: "bg-red-500"
-};
-function l({
-  status: e,
-  className: i
-}) {
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      className: r(
-        "inline-flex items-center gap-1.5 px-3 py-1.5",
-        "text-xs font-medium uppercase tracking-wider",
-        "bg-muted border border-border rounded-md",
-        i
-      ),
-      children: [
-        /* @__PURE__ */ t("div", { className: r("w-2 h-2 rounded-full", o[e]) }),
-        e
-      ]
-    }
-  );
-}
-export {
-  l as CreditSessionStatus
-};

package/dist/esm/components/credit-session-status/index.js

@@ -1,4 +0,0 @@
-import { CreditSessionStatus as o } from "./credit-session-status.js";
-export {
-  o as CreditSessionStatus
-};

package/dist/esm/components/currency-button/currency-button.js

@@ -1,110 +0,0 @@
-import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { IconExpand as g } from "@gearbox-protocol/static";
-import { cva as u } from "class-variance-authority";
-import { TokenSymbol as k } from "../token-symbol/token-symbol.js";
-import { currencyButtonTestIds as w } from "../../test-ids/currency-button.js";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as x } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const B = 13, N = u(
-  "flex flex-row items-center text-foreground cursor-[unset]",
-  {
-    variants: {
-      size: {
-        xs: "text-sm leading-[17px]",
-        sm: "text-[16px] leading-[21px]",
-        md: "text-[21px] leading-[33px]"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), V = {
-  sm: { symbol: 16, arrow: 8 },
-  md: { symbol: 28, arrow: 12 }
-}, E = u(
-  "ml-0.5 leading-none text-gray-100 transition-transform duration-100 ease-[ease]",
-  {
-    variants: {
-      size: {
-        sm: "px-1",
-        md: "px-1.5"
-      },
-      active: {
-        true: "rotate-180",
-        false: ""
-      }
-    },
-    defaultVariants: { size: "md", active: !1 }
-  }
-);
-function K({
-  title: o,
-  maxLength: l = B,
-  token: m,
-  disabled: d,
-  showSelectDialog: r,
-  size: n,
-  active: f = !1,
-  chainId: v,
-  network: y,
-  className: z,
-  children: c
-}) {
-  const s = !d && r ? r : void 0, t = !!(r && !d), a = n === "xs" ? "sm" : n ?? "md", p = V[a];
-  return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: A uses div (CurrencyBlock); role + keyboard for a11y
-    /* @__PURE__ */ b(
-      "div",
-      {
-        role: t ? "button" : void 0,
-        tabIndex: t ? 0 : void 0,
-        onKeyDown: t && s ? (i) => {
-          (i.key === "Enter" || i.key === " ") && (i.preventDefault(), s());
-        } : void 0,
-        "data-active": t,
-        "data-testid": w.root,
-        onClick: s,
-        className: x(
-          "group",
-          N({ size: n }),
-          t && "cursor-pointer",
-          t && "hover:[&_.expand-wrap]:text-foreground",
-          z
-        ),
-        children: [
-          /* @__PURE__ */ e(
-            k,
-            {
-              title: o,
-              size: p.symbol,
-              token: m,
-              showSymbol: !0,
-              maxLength: l,
-              marginSize: a,
-              chainId: v,
-              network: y
-            }
-          ),
-          !m && (c ?? o) ? /* @__PURE__ */ e("span", { className: "text-muted-foreground truncate", children: c ?? o }) : null,
-          r && /* @__PURE__ */ e(
-            "span",
-            {
-              className: x(
-                "expand-wrap",
-                E({ size: a, active: f })
-              ),
-              children: /* @__PURE__ */ e(g, { size: p.arrow })
-            }
-          )
-        ]
-      }
-    )
-  );
-}
-export {
-  K as CurrencyButton
-};

package/dist/esm/components/currency-button/index.js

@@ -1,4 +0,0 @@
-import { CurrencyButton as t } from "./currency-button.js";
-export {
-  t as CurrencyButton
-};

package/dist/esm/components/description/description.js

@@ -1,26 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import * as m from "react";
-import "@gearbox-protocol/sdk";
-import { cn as a } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-import { Typography as c } from "../typography/typography.js";
-const e = m.forwardRef(
-  ({ className: r, as: o = "div", ...i }, t) => /* @__PURE__ */ p(
-    c,
-    {
-      ref: t,
-      className: a(r),
-      variant: "caption",
-      color: "secondary",
-      as: o,
-      ...i
-    }
-  )
-);
-e.displayName = "Description";
-export {
-  e as Description
-};

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

@@ -1,4 +0,0 @@
-import { Description as e } from "./description.js";
-export {
-  e as Description
-};