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

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

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

package/dist/esm/components/arc-loader/arc-loader.js

@@ -1,73 +0,0 @@
-import { jsx as o, jsxs as h } from "react/jsx-runtime";
-import { cva as C } from "class-variance-authority";
-import * as f from "react";
-import "@gearbox-protocol/sdk";
-import { cn as I } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const R = C(
-  "relative inline-flex items-center justify-center"
-), j = f.forwardRef(
-  ({
-    size: t = 24,
-    color: a = "currentColor",
-    strokeWidth: e = 2,
-    speed: $ = "1s",
-    className: y
-  }, u) => {
-    const c = f.useId().replace(/:/g, "-"), n = (t - e) / 2, r = t / 2, s = -90, x = 210, i = s * Math.PI / 180, l = (s + x) * Math.PI / 180, d = r + n * Math.cos(i), p = r + n * Math.sin(i), g = r + n * Math.cos(l), m = r + n * Math.sin(l), A = `M ${d} ${p} A ${n} ${n} 0 1 1 ${g} ${m}`, M = d / t * 100, L = p / t * 100, v = g / t * 100, w = m / t * 100;
-    return /* @__PURE__ */ o(
-      "div",
-      {
-        ref: u,
-        className: I(R(), y),
-        style: { width: t, height: t },
-        children: /* @__PURE__ */ h(
-          "svg",
-          {
-            className: "absolute origin-center animate-spin",
-            width: t,
-            height: t,
-            viewBox: `0 0 ${t} ${t}`,
-            style: { animationDuration: $ },
-            role: "img",
-            "aria-label": "Loading",
-            children: [
-              /* @__PURE__ */ o("title", { children: "Loading" }),
-              /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ h(
-                "linearGradient",
-                {
-                  id: c,
-                  x1: `${M}%`,
-                  y1: `${L}%`,
-                  x2: `${v}%`,
-                  y2: `${w}%`,
-                  children: [
-                    /* @__PURE__ */ o("stop", { offset: "0%", stopColor: a, stopOpacity: "0.01" }),
-                    /* @__PURE__ */ o("stop", { offset: "100%", stopColor: a, stopOpacity: "1" })
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ o(
-                "path",
-                {
-                  d: A,
-                  fill: "none",
-                  stroke: `url(#${c})`,
-                  strokeWidth: e,
-                  strokeLinecap: "round"
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-j.displayName = "ArcLoader";
-export {
-  j as ArcLoader
-};

package/dist/esm/components/arc-loader/index.js

@@ -1,4 +0,0 @@
-import { ArcLoader as e } from "./arc-loader.js";
-export {
-  e as ArcLoader
-};

package/dist/esm/components/asset-line/asset-line.js

@@ -1,95 +0,0 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import * as G from "react";
-import { Description as n } from "../description/description.js";
-import { ShortString as h } from "../short-string/short-string.js";
-import { GridTableRow as I, GridTableCell as p } from "../table/grid-table.js";
-import { TokenSymbol as E } from "../token-symbol/token-symbol.js";
-import { VSpace as x } from "../vspace/vspace.js";
-import "@gearbox-protocol/sdk";
-import { cn as Z } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const _ = {
-  default: 24,
-  sm: 20,
-  md: 24,
-  lg: 28
-}, g = {
-  default: 0,
-  sm: 2,
-  md: 4,
-  lg: 4
-}, O = G.forwardRef(
-  ({
-    token: o,
-    tokenLabel: N,
-    tokenDescription: l,
-    network: S,
-    chainId: u,
-    value: s,
-    valueDescription: m,
-    size: e = "default",
-    iconSize: w = e,
-    gapSize: c = e,
-    last: R,
-    symbolMaxLength: b,
-    descriptionMaxLength: L,
-    onSelect: d,
-    hideValue: f = !1,
-    rounded: T = !0,
-    className: j,
-    height: y,
-    ...A
-  }, C) => {
-    const i = N || o?.title, a = e === "md" ? "default" : e;
-    return /* @__PURE__ */ t(
-      I,
-      {
-        ...A,
-        ref: C,
-        className: Z(d && "cursor-pointer", j),
-        onRowClick: d,
-        cols: f ? "1fr" : "1fr 1fr",
-        noRound: !T,
-        last: R,
-        height: y,
-        children: [
-          /* @__PURE__ */ r(p, { size: a, className: "text-left", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ r(
-              E,
-              {
-                token: o,
-                size: _[w],
-                chainId: u,
-                network: S
-              }
-            ),
-            /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
-              i && /* @__PURE__ */ r(h, { maxLength: b, children: i }),
-              i && l && /* @__PURE__ */ r(x, { height: g[c] }),
-              l && /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(
-                h,
-                {
-                  maxLength: L,
-                  showTooltip: !1,
-                  children: String(l)
-                }
-              ) })
-            ] })
-          ] }) }),
-          !f && /* @__PURE__ */ r(p, { size: a, className: "text-right", children: /* @__PURE__ */ t("div", { className: "w-full flex flex-col items-end justify-end", children: [
-            s,
-            s && m && /* @__PURE__ */ r(x, { height: g[c] }),
-            m && /* @__PURE__ */ r(n, { children: m })
-          ] }) })
-        ]
-      }
-    );
-  }
-);
-O.displayName = "AssetLine";
-export {
-  O as AssetLine
-};

package/dist/esm/components/asset-line/index.js

@@ -1,4 +0,0 @@
-import { AssetLine as r } from "./asset-line.js";
-export {
-  r as AssetLine
-};

package/dist/esm/components/assets-ratio/assets-ratio.js

@@ -1,82 +0,0 @@
-import { jsx as p, jsxs as E } from "react/jsx-runtime";
-import { PERCENTAGE_FACTOR as u, PERCENTAGE_DECIMALS as N } from "@gearbox-protocol/sdk";
-import * as P from "react";
-import { TooltipProvider as R, Tooltip as _, TooltipTrigger as v, TooltipContent as x } from "../tooltip/tooltip.js";
-import { cn as g } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const C = (e) => e.reduce((n, c) => n + c.balanceInUSD, 0n), D = {
-  0: "bg-[#4976FE]",
-  1: "bg-[#FFE55A]",
-  2: "bg-[#CA5AFF]"
-}, F = "bg-[#5ABAFF]", s = 4;
-function L(e) {
-  const n = e.filter((t) => t > 0);
-  if (n.length === 0) return e;
-  const c = n.length * s;
-  if (e.reduce((t, o) => t + o, 0) === 0 || !n.some((t) => t < s)) return e;
-  const d = 100 - c, i = n.filter((t) => t > s).reduce((t, o) => t + o - s, 0);
-  return e.map((t) => {
-    if (t === 0) return 0;
-    if (t < s) return s;
-    if (i === 0) return t;
-    const o = t - s;
-    return s + o / i * d;
-  });
-}
-function z({
-  assets: e,
-  labels: n,
-  className: c
-}) {
-  const [b, h] = P.useMemo(() => {
-    const l = e.slice(0, 3), r = C(e), m = C(e.slice(3)), A = l.map(
-      (I) => r > 0 ? Number(
-        I.balanceInUSD * u * N / r
-      ) / Number(u) : Number(u)
-    ), a = r > 0n ? Number(m * u * N / r) / Number(u) : 0, f = [...A, a], T = L(f);
-    return [T.slice(0, 3), T[3] || 0];
-  }, [e]), d = h > 0, i = n?.slice(3), t = i && i.length > 0 ? i.join(", ") : void 0, o = (l, r, m, A, a) => {
-    const f = /* @__PURE__ */ p(
-      "span",
-      {
-        className: g(
-          "relative inline-flex h-full",
-          m,
-          A ? "border-r-2 border-muted" : ""
-        ),
-        style: { width: `${l}%` }
-      }
-    );
-    return a ? /* @__PURE__ */ E(_, { children: [
-      /* @__PURE__ */ p(v, { asChild: !0, children: f }),
-      /* @__PURE__ */ p(x, { children: a })
-    ] }, `tooltip-${r}-${e.length}`) : f;
-  };
-  return /* @__PURE__ */ p(R, { children: /* @__PURE__ */ E(
-    "span",
-    {
-      className: g(
-        "relative inline-flex overflow-hidden w-full h-[10px] bg-muted border-2 border-muted rounded-[20px]",
-        c
-      ),
-      children: [
-        b.map(
-          (l, r, m) => o(
-            l,
-            r,
-            D[r] || F,
-            d || r !== m.length - 1,
-            n?.[r]
-          )
-        ),
-        d && o(h, 3, F, !1, t)
-      ]
-    }
-  ) });
-}
-export {
-  z as AssetsRatio
-};

package/dist/esm/components/assets-ratio/index.js

@@ -1,4 +0,0 @@
-import { AssetsRatio as t } from "./assets-ratio.js";
-export {
-  t as AssetsRatio
-};

package/dist/esm/components/auth/connect-required.js

@@ -1,37 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useAccount as a } from "wagmi";
-import { useWalletUI as l } from "./wallet-ui-context.js";
-import "../buttons/back-button/back-button.js";
-import { Button as c } 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 d } from "../buttons/tab-button/tab-button.js";
-function A({
-  children: n,
-  owner: t,
-  hideConnectButton: u,
-  ...o
-}) {
-  const m = l(), { isConnected: p, address: r } = a(), e = Object.keys(o).length > 0 ? c : d;
-  return m ? p && r ? t && r?.toLowerCase() !== t.toLowerCase() ? /* @__PURE__ */ i(e, { ...o, disabled: !0, children: "You are not the author" }) : n : u ? null : /* @__PURE__ */ i(
-    e,
-    {
-      ...o,
-      onClick: () => m.openConnectModal(),
-      children: "Connect Wallet"
-    }
-  ) : p && r && t && r.toLowerCase() !== t.toLowerCase() ? /* @__PURE__ */ i(e, { ...o, disabled: !0, children: "You are not the author" }) : n;
-}
-export {
-  A as ConnectRequired
-};

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

@@ -1,9 +0,0 @@
-import { ConnectRequired as o } from "./connect-required.js";
-import { SignInRequired as i } from "./signin-required.js";
-import { WalletUIProvider as n, useWalletUI as d } from "./wallet-ui-context.js";
-export {
-  o as ConnectRequired,
-  i as SignInRequired,
-  n as WalletUIProvider,
-  d as useWalletUI
-};

package/dist/esm/components/auth/signin-required.js

@@ -1,55 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useAccount as C } from "wagmi";
-import { useWalletUI as h } from "./wallet-ui-context.js";
-import "../buttons/back-button/back-button.js";
-import { Button as L } 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 { shortenHash as b } from "../../utils/format.js";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-import { TabButton as g } from "../buttons/tab-button/tab-button.js";
-function $({
-  children: a,
-  owner: e,
-  skipSignIn: u,
-  hideConnectButton: f,
-  ...t
-}) {
-  const n = h(), { isConnected: s, address: r } = C(), o = Object.keys(t).length > 0 ? L : g, d = n?.siwe, m = d?.isSignedIn ?? !1, c = d?.isRejected ?? !1, l = d?.isLoading ?? !1, p = d?.data ?? null;
-  return n ? m || u ? e && p?.address?.toLowerCase() !== e.toLowerCase() ? /* @__PURE__ */ i(o, { ...t, disabled: !0, children: "You are not the author" }) : a : s && r ? n.openSIWE ? c ? /* @__PURE__ */ i(
-    o,
-    {
-      ...t,
-      onClick: () => n.openConnectModal(),
-      disabled: l,
-      children: "Try Again"
-    }
-  ) : /* @__PURE__ */ i(
-    o,
-    {
-      ...t,
-      onClick: () => n.openSIWE?.(),
-      disabled: l,
-      children: l ? "Awaiting request..." : `Sign In as ${b(r)}`
-    }
-  ) : e && r.toLowerCase() !== e.toLowerCase() ? /* @__PURE__ */ i(o, { ...t, disabled: !0, children: "You are not the author" }) : a : f ? null : /* @__PURE__ */ i(
-    o,
-    {
-      ...t,
-      onClick: () => n.openConnectModal(),
-      children: "Connect Wallet"
-    }
-  ) : u ? s && r && e && r.toLowerCase() !== e.toLowerCase() ? /* @__PURE__ */ i(o, { ...t, disabled: !0, children: "You are not the author" }) : a : s && r && e && r.toLowerCase() !== e.toLowerCase() ? /* @__PURE__ */ i(o, { ...t, disabled: !0, children: "You are not the author" }) : a;
-}
-export {
-  $ as SignInRequired
-};

package/dist/esm/components/auth/wallet-ui-context.js

@@ -1,13 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { createContext as n, useContext as l } from "react";
-const t = n(null);
-function x({ value: e, children: r }) {
-  return /* @__PURE__ */ o(t.Provider, { value: e, children: r });
-}
-function a() {
-  return l(t);
-}
-export {
-  x as WalletUIProvider,
-  a as useWalletUI
-};

package/dist/esm/components/avatar/avatar.js

@@ -1,47 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import * as a from "@radix-ui/react-avatar";
-import * as l from "react";
-import "@gearbox-protocol/sdk";
-import { cn as o } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const i = l.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ m(
-  a.Root,
-  {
-    ref: t,
-    className: o(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      e
-    ),
-    ...r
-  }
-));
-i.displayName = a.Root.displayName;
-const s = l.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ m(
-  a.Image,
-  {
-    ref: t,
-    className: o("aspect-square h-full w-full", e),
-    ...r
-  }
-));
-s.displayName = a.Image.displayName;
-const f = l.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ m(
-  a.Fallback,
-  {
-    ref: t,
-    className: o(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm font-medium",
-      e
-    ),
-    ...r
-  }
-));
-f.displayName = a.Fallback.displayName;
-export {
-  i as Avatar,
-  f as AvatarFallback,
-  s as AvatarImage
-};

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

@@ -1,6 +0,0 @@
-import { Avatar as t, AvatarFallback as v, AvatarImage as A } from "./avatar.js";
-export {
-  t as Avatar,
-  v as AvatarFallback,
-  A as AvatarImage
-};

package/dist/esm/components/block-sync/block-sync.js

@@ -1,229 +0,0 @@
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { useState as h, useEffect as w, useMemo as E } from "react";
-import { SimpleTooltip as j } from "../tooltip/simple-tooltip.js";
-import "../tooltip/tooltip.js";
-import { cn as x } from "../../utils/cn.js";
-import "../accordion/accordion.js";
-import "@gearbox-protocol/static";
-import "@fortawesome/free-solid-svg-icons";
-import "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-import "../alert-badge/alert-badge.js";
-import "../alert-dialog/alert-dialog.js";
-import "../alert-modal/alert-modal.js";
-import "react-intl";
-import "../arc-loader/arc-loader.js";
-import "../asset-line/asset-line.js";
-import "../buttons/back-button/back-button.js";
-import "../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 "../buttons/tab-button/tab-button.js";
-import "../token-icon/token-icon.js";
-import "wagmi";
-import "../auth/wallet-ui-context.js";
-import "../avatar/avatar.js";
-import "../badge/badge.js";
-import "../base-link/base-link.js";
-import "../navigation-context/navigation-context.js";
-import "../button-checkbox/button-checkbox.js";
-import "../card-grid/card-grid.js";
-import "../cards/card/card.js";
-import "../carousel/carousel.js";
-import "../checkbox/checkbox.js";
-import "../checkbox/checkbox-labeled.js";
-import "../checkbox-item/checkbox-item.js";
-import "../client-adapters/styled-button/styled-button.js";
-import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
-import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
-import "../colored-text/colored-text.js";
-import "../input/input.js";
-import "../with-title/with-title.js";
-import "../smart-number-input/balance-indicator.js";
-import "../smart-number-input/smart-number-input.js";
-import "../table/grid-table.js";
-import "../token-symbol/token-symbol.js";
-import "../typography/typography.js";
-import "../help-tip/help-tip.js";
-import "../description/description.js";
-import "../confirm-menu/confirm-menu.js";
-import "../dialog/dialog-modal-container.js";
-import "../text-button/text-button.js";
-import "../vertical-indicator/vertical-indicator.js";
-import "../points-icon/points-icon.js";
-import "../skeleton/skeleton.js";
-import "../vertical-list/vertical-list.js";
-import "../rounded-image/rounded-image.js";
-import "../progress/progress.js";
-import "../pool-indicator-icon/pool-indicator-icon.js";
-import "../composites/strategies-table/components/feature/feature.styles.js";
-import "viem";
-import "../icon-button/icon-button.js";
-import "../separate-line/separate-line.js";
-import "../tip-card/tip-card.js";
-import "../composites/strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
-import "../currency-button/currency-button.js";
-import "../detailed-apy/detailed-apy.js";
-import "../detailed-page-title/detailed-page-title.js";
-import "../detailed-page-title/detailed-page-title-copy-button.js";
-import "../detailed-page-title/detailed-page-title-explorer-dropdown.js";
-import "../modal/modal.js";
-import "@radix-ui/react-dialog";
-import "../dialog/dialog-container.js";
-import "../dialog/dialog-content.js";
-import "../dialog/dialog-description.js";
-import "../dialog/dialog-footer.js";
-import "../dialog/dialog-header.js";
-import "../dialog/dialog-title.js";
-import "../dialog/dialog-overlay.js";
-import "../label/label.js";
-import "../dropdown-menu/dropdown-menu.js";
-import "../dropdown-menu/dropdown-menu-checkbox-item.js";
-import "../dropdown-menu/dropdown-menu-content.js";
-import "../dropdown-menu/dropdown-menu-item.js";
-import "../dropdown-menu/dropdown-menu-label.js";
-import "../dropdown-menu/dropdown-menu-radio-item.js";
-import "../dropdown-menu/dropdown-menu-separator.js";
-import "../dropdown-menu/dropdown-menu-shortcut.js";
-import "../dropdown-menu/dropdown-menu-sub-content.js";
-import "../dropdown-menu/dropdown-menu-sub-trigger.js";
-import "../edit-input/edit-input.js";
-import "../fadeout-loading/fadeout-loading.js";
-import "../filter/filter-block.js";
-import "../filter/filter-checkbox-item.js";
-import "../filter/filter-chip.js";
-import "../filter/filter-chips.js";
-import "../filter/filter-dropdown-item.js";
-import "../filter/filter-group.js";
-import "../filter/filter-label.js";
-import "../search-line/search-line.js";
-import "../tabs/tabs.js";
-import "../filter/filter-modal-item.js";
-import "../filter/filter-radio-item.js";
-import "../filter/filter-separator.js";
-import "../filter/variants.js";
-import "../graph/formatters.js";
-import "lightweight-charts";
-import "../graph/graph-view.js";
-import "../health-factor/health-factor.js";
-import "../horizontal-indicator/horizontal-indicator.js";
-import "../layout/col/col.js";
-import "../layout/container/container.js";
-import "../layout/footer/footer.js";
-import "../layout/grid/grid.js";
-import "../layout/header/header.js";
-import "../layout/layout/layout.js";
-import "../layout/main-aside-layout/main-aside-layout.js";
-import "../page-title/page-title.js";
-import "../layout/social-icons/social-icons.js";
-import "../link/link.js";
-import "../../utils/reactochart-compat.js";
-import "../status-elements/status-elements.js";
-import "../loader/loader.js";
-import "../loading/loading.js";
-import "../loading-bar/loading-bar.js";
-import "react-markdown";
-import "remark-gfm";
-import "../navbar/navbar.js";
-import "../navbar/navbar-indicator-context.js";
-import "../app-bar/app-bar.js";
-import "../navitem/navitem.js";
-import "../simple-dropdown/simple-dropdown.js";
-import "../progress-bar/progress-bar.js";
-import "../radio-group/radio-group.js";
-import "../search-bar/search-bar.js";
-import "../segmented-control/segmented-control.js";
-import "../select/select.js";
-import "../separator/separator.js";
-import "../simple-accordion/simple-accordion.js";
-import "../simple-dropdown/simple-dropdown-menu-item.js";
-import "../slider/slider.js";
-import "../slider/slider-context.js";
-import "@radix-ui/react-slider";
-import "../spinner/spinner.js";
-import "../spinner-loader/spinner-loader.js";
-import "../split-list/split-list.js";
-import "../stat-badge/stat-badge.js";
-import { StatusDot as U } from "../status-dot/status-dot.js";
-import "../stepper/stepper.js";
-import "../switch/switch.js";
-import "../table/table.js";
-import "../table/grid-table-loader.js";
-import "../textarea/textarea.js";
-import "../theme-provider.js";
-import "../time-to-liquidation/time-to-liquidation.js";
-import "../toggle/toggle.js";
-import "../with-filter-button/with-filter-button.js";
-const D = 1e3 * 60 * 10;
-function yo({
-  blockByChain: i,
-  explorerAddresses: S,
-  networkById: v
-}) {
-  const [n, k] = h(Date.now());
-  w(() => {
-    const r = () => {
-      k(Date.now());
-    }, t = window.setInterval(r, 1e3);
-    return () => {
-      clearInterval(t);
-    };
-  }, []);
-  const a = E(() => {
-    if (!i) return 0;
-    const r = Object.values(i).reduce((t, c) => {
-      const m = c.lastSyncBlock.localTimestamp;
-      return t === 0 || t !== 0 && m < t ? m : t;
-    }, 0);
-    return r ? n - r : 0;
-  }, [i, n]) > D, d = () => /* @__PURE__ */ s("div", { className: "flex h-[30px] items-center gap-1.5", children: [
-    /* @__PURE__ */ o(
-      "span",
-      {
-        className: x(
-          "text-sm leading-[17px]",
-          a ? "text-destructive" : "text-success"
-        ),
-        children: "Status"
-      }
-    ),
-    /* @__PURE__ */ o(U, { variant: a ? "alert" : "success" })
-  ] }), N = () => {
-    if (!i) return null;
-    const r = Object.entries(i);
-    return /* @__PURE__ */ o("div", { className: "flex flex-col text-left text-xs", children: r.map(([t, c], m) => {
-      const l = c.lastSyncBlock, e = l?.block || 0n, g = l?.localTimestamp ? n - l.localTimestamp : 0, p = S[Number(t)], u = typeof p == "string" ? p : p && typeof p == "object" && "url" in p ? p.url : void 0, T = v[Number(t)] || "Unknown", f = `[${e.toString()}]`, b = m === r.length - 1;
-      return /* @__PURE__ */ s("div", { className: x(!b && "mb-2"), children: [
-        /* @__PURE__ */ s("span", { children: [
-          T,
-          " "
-        ] }),
-        u && e > 0 ? /* @__PURE__ */ o(
-          "a",
-          {
-            href: `${u}/block/${e}`,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: "underline hover:text-foreground",
-            children: f
-          }
-        ) : /* @__PURE__ */ o("span", { children: f }),
-        e > 0 && /* @__PURE__ */ s("span", { children: [
-          ", updated ",
-          (g / 1e3).toFixed(0),
-          " seconds ago"
-        ] })
-      ] }, t);
-    }) });
-  };
-  return i ? /* @__PURE__ */ o(j, { title: d(), children: N() }) : /* @__PURE__ */ o("div", { className: "select-none", children: d() });
-}
-export {
-  yo as BlockSync
-};