@gearbox-protocol/ui-kit 3.14.0-next.27 → 3.14.0-next.28

package/dist/cjs/components/block-sync-pill/block-sync-pill.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),w=require("../tooltip/simple-tooltip.cjs");require("../tooltip/tooltip.cjs");const M=require("../typed-intl/index.cjs"),T=require("../../utils/cn.cjs");require("../accordion/accordion.cjs");require("@gearbox-protocol/static");require("@fortawesome/free-solid-svg-icons");require("../icons/fa-icon.cjs");require("@gearbox-protocol/sdk");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");require("../alert-badge/alert-badge.cjs");require("../alert-dialog/alert-dialog.cjs");require("../alert-modal/alert-modal.cjs");require("../arc-loader/arc-loader.cjs");require("../asset-line/asset-line.cjs");require("../buttons/back-button/back-button.cjs");require("../buttons/button/button.cjs");require("../buttons/copy-button/copy-button.cjs");require("../buttons/external-button/external-button.cjs");require("../buttons/filter-button/filter-button.cjs");require("../buttons/navigation-button/navigation-button.cjs");require("../buttons/tab-button/tab-button.cjs");require("../token-icon/token-icon.cjs");require("wagmi");require("../auth/wallet-ui-context.cjs");require("../avatar/avatar.cjs");require("../badge/badge.cjs");require("../base-link/base-link.cjs");require("../navigation-context/navigation-context.cjs");require("../button-checkbox/button-checkbox.cjs");require("../card-grid/card-grid.cjs");require("../cards/card/card.cjs");require("../carousel/carousel.cjs");require("../checkbox/checkbox.cjs");require("../checkbox/checkbox-labeled.cjs");require("../checkbox-item/checkbox-item.cjs");require("../client-adapters/styled-button/styled-button.cjs");require("../client-adapters/styled-dialog-container/styled-dialog-container.cjs");require("../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../colored-text/colored-text.cjs");require("../input/input.cjs");require("../with-title/with-title.cjs");require("../smart-number-input/balance-indicator.cjs");require("../smart-number-input/smart-number-input.cjs");require("../table/grid-table.cjs");require("../token-symbol/token-symbol.cjs");require("../typography/typography.cjs");require("../help-tip/help-tip.cjs");require("../description/description.cjs");require("../confirm-menu/confirm-menu.cjs");require("../dialog/dialog-modal-container.cjs");require("../text-button/text-button.cjs");require("../vertical-indicator/vertical-indicator.cjs");require("../points-icon/points-icon.cjs");require("../skeleton/skeleton.cjs");require("../vertical-list/vertical-list.cjs");require("../rounded-image/rounded-image.cjs");require("../progress/progress.cjs");require("../pool-indicator-icon/pool-indicator-icon.cjs");require("../composites/strategies-table/components/feature/feature.styles.cjs");require("viem");require("../icon-button/icon-button.cjs");require("../separate-line/separate-line.cjs");require("../tip-card/tip-card.cjs");require("../composites/strategies-table/components/rewards-tooltip/rewards-tooltip-root.cjs");require("../currency-button/currency-button.cjs");require("../detailed-apy/detailed-apy.cjs");require("../detailed-page-title/detailed-page-title.cjs");require("../detailed-page-title/detailed-page-title-copy-button.cjs");require("../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../modal/modal.cjs");require("@radix-ui/react-dialog");require("../dialog/dialog-container.cjs");require("../dialog/dialog-content.cjs");require("../dialog/dialog-description.cjs");require("../dialog/dialog-footer.cjs");require("../dialog/dialog-header.cjs");require("../dialog/dialog-title.cjs");require("../dialog/dialog-overlay.cjs");require("../label/label.cjs");require("../dropdown-menu/dropdown-menu.cjs");require("../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../dropdown-menu/dropdown-menu-content.cjs");require("../dropdown-menu/dropdown-menu-item.cjs");require("../dropdown-menu/dropdown-menu-label.cjs");require("../dropdown-menu/dropdown-menu-radio-item.cjs");require("../dropdown-menu/dropdown-menu-separator.cjs");require("../dropdown-menu/dropdown-menu-shortcut.cjs");require("../dropdown-menu/dropdown-menu-sub-content.cjs");require("../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../edit-input/edit-input.cjs");require("react-intl");require("../fadeout-loading/fadeout-loading.cjs");require("../filter/filter-block.cjs");require("../filter/filter-checkbox-item.cjs");require("../filter/filter-chip.cjs");require("../filter/filter-chips.cjs");require("../filter/filter-dropdown-item.cjs");require("../filter/filter-group.cjs");require("../filter/filter-label.cjs");require("../search-line/search-line.cjs");require("../tabs/tabs.cjs");require("../filter/filter-modal-item.cjs");require("../filter/filter-radio-item.cjs");require("../filter/filter-separator.cjs");require("../filter/variants.cjs");require("../graph/formatters.cjs");require("lightweight-charts");require("../graph/graph-view.cjs");require("../health-factor/health-factor.cjs");require("../horizontal-indicator/horizontal-indicator.cjs");require("../layout/app-footer/app-footer.cjs");require("../layout/app-header/app-header.cjs");require("../layout/col/col.cjs");require("../layout/container/container.cjs");require("../layout/footer/footer.cjs");require("../layout/grid/grid.cjs");require("../layout/header/header.cjs");require("../layout/layout/layout.cjs");require("../layout/main-aside-layout/main-aside-layout.cjs");require("../page-title/page-title.cjs");require("../layout/social-icons/social-icons.cjs");require("../legal-agreement/legal-agreement-theme.cjs");require("../link/link.cjs");require("../../utils/reactochart-compat.cjs");require("../status-elements/status-elements.cjs");require("../loader/loader.cjs");require("../loading/loading.cjs");require("../loading-bar/loading-bar.cjs");require("react-markdown");require("remark-gfm");require("../navbar/navbar.cjs");require("../navbar/navbar-indicator-context.cjs");require("../app-bar/app-bar.cjs");require("../navitem/navitem.cjs");require("../simple-dropdown/simple-dropdown.cjs");require("../progress-bar/progress-bar.cjs");require("../radio-group/radio-group.cjs");require("../search-bar/search-bar.cjs");require("../segmented-control/segmented-control.cjs");require("../select/select.cjs");require("../separator/separator.cjs");require("../simple-accordion/simple-accordion.cjs");require("../simple-dropdown/simple-dropdown-menu-item.cjs");require("../slider/slider.cjs");require("../slider/slider-context.cjs");require("@radix-ui/react-slider");require("../spinner/spinner.cjs");require("../spinner-loader/spinner-loader.cjs");require("../split-list/split-list.cjs");require("../stat-badge/stat-badge.cjs");const R=require("../status-dot/status-dot.cjs");require("../stepper/stepper.cjs");require("../switch/switch.cjs");require("../table/table.cjs");require("../table/grid-table-loader.cjs");require("../textarea/textarea.cjs");require("../theme-provider.cjs");require("../time-to-liquidation/time-to-liquidation.cjs");require("../toggle/toggle.cjs");require("../with-filter-button/with-filter-button.cjs");const U=300*1e3,O=2.5;function $({blockByChain:t,explorerAddresses:j,networkById:b,syncIntervalMs:v=U,staleMultiplier:_=O,statusLabel:h="Status",className:k}){const{formatMessage:a}=M.useIntlTyped(),[m,L]=d.useState(Date.now());d.useEffect(()=>{const r=()=>{L(Date.now())},u=window.setInterval(r,1e3);return()=>{clearInterval(u)}},[]);const p=v*_,n=d.useMemo(()=>{const r=t?Object.values(t).filter(i=>!!i):[],u=r.some(i=>!!i.error),o=r.filter(i=>i.lastSyncBlock.block>0n&&i.lastSyncBlock.localTimestamp).map(i=>i.lastSyncBlock.localTimestamp),s=o.length?Math.min(...o):0,c=s>0&&m-s>p;return u||c?"error":s===0?"loading":"synced"},[t,m,p]),N=t?Object.values(t).some(r=>r?.loading):!1,A=n==="error"?"alert":n==="loading"?"default":"success",D=n==="loading"||n==="synced"&&N,x=()=>e.jsxs("span",{className:T.cn("inline-flex items-center gap-1.5 rounded-md border border-border px-2 py-1 text-xs",n==="error"?"text-destructive":"text-muted-foreground",k),children:[e.jsx(R.StatusDot,{variant:A,size:"xs",pulse:D}),h]}),f=(()=>{if(!t)return null;const r=Object.entries(t).filter(u=>!!u[1]);return r.length===0?null:e.jsx("div",{className:"flex flex-col text-left text-xs",children:r.map(([u,o],s)=>{const{lastSyncBlock:c,error:i}=o,l=c?.block||0n,S=c?.localTimestamp,q=j[Number(u)],g=typeof q=="string"?q:q&&typeof q=="object"&&"url"in q?q.url:void 0,E=b[Number(u)]||"Unknown",y=`[${l.toString()}]`,I=s===r.length-1,P=l>0n&&!!S;return e.jsxs("div",{className:T.cn(!I&&"mb-2"),children:[e.jsxs("span",{children:[E," "]}),g&&l>0?e.jsx("a",{href:`${g}/block/${l}`,target:"_blank",rel:"noopener noreferrer",className:"underline hover:text-foreground",children:y}):e.jsx("span",{children:y}),i?e.jsx("span",{className:"text-destructive",children:a({messageId:"components.blockSyncPill.syncError"})}):P?e.jsx("span",{children:a({messageId:"components.blockSyncPill.syncedAt"},{time:new Date(S).toLocaleTimeString()})}):e.jsx("span",{children:a({messageId:"components.blockSyncPill.syncing"})})]},u)})})})();return f?e.jsx(w.SimpleTooltip,{title:x(),children:f}):e.jsx("div",{className:"select-none",children:x()})}exports.BlockSyncPill=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),E=require("../tooltip/simple-tooltip.cjs");require("../tooltip/tooltip.cjs");const M=require("../typed-intl/index.cjs"),g=require("../../utils/cn.cjs");require("../accordion/accordion.cjs");require("@gearbox-protocol/static");require("@fortawesome/free-solid-svg-icons");require("../icons/fa-icon.cjs");require("@gearbox-protocol/sdk");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");require("../alert-badge/alert-badge.cjs");require("../alert-dialog/alert-dialog.cjs");require("../alert-modal/alert-modal.cjs");require("../arc-loader/arc-loader.cjs");require("../asset-line/asset-line.cjs");require("../buttons/back-button/back-button.cjs");require("../buttons/button/button.cjs");require("../buttons/copy-button/copy-button.cjs");require("../buttons/external-button/external-button.cjs");require("../buttons/filter-button/filter-button.cjs");require("../buttons/navigation-button/navigation-button.cjs");require("../buttons/tab-button/tab-button.cjs");require("../token-icon/token-icon.cjs");require("wagmi");require("../auth/wallet-ui-context.cjs");require("../avatar/avatar.cjs");require("../badge/badge.cjs");require("../base-link/base-link.cjs");require("../navigation-context/navigation-context.cjs");require("../button-checkbox/button-checkbox.cjs");require("../card-grid/card-grid.cjs");require("../cards/card/card.cjs");require("../carousel/carousel.cjs");require("../checkbox/checkbox.cjs");require("../checkbox/checkbox-labeled.cjs");require("../checkbox-item/checkbox-item.cjs");require("../client-adapters/styled-button/styled-button.cjs");require("../client-adapters/styled-dialog-container/styled-dialog-container.cjs");require("../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../colored-text/colored-text.cjs");require("../input/input.cjs");require("../with-title/with-title.cjs");require("../smart-number-input/balance-indicator.cjs");require("../smart-number-input/smart-number-input.cjs");require("../table/grid-table.cjs");require("../token-symbol/token-symbol.cjs");require("../typography/typography.cjs");require("../help-tip/help-tip.cjs");require("../description/description.cjs");require("../confirm-menu/confirm-menu.cjs");require("../dialog/dialog-modal-container.cjs");require("../text-button/text-button.cjs");require("../vertical-indicator/vertical-indicator.cjs");require("../points-icon/points-icon.cjs");require("../skeleton/skeleton.cjs");require("../vertical-list/vertical-list.cjs");require("../rounded-image/rounded-image.cjs");require("../progress/progress.cjs");require("../pool-indicator-icon/pool-indicator-icon.cjs");require("../composites/strategies-table/components/feature/feature.styles.cjs");require("viem");require("../icon-button/icon-button.cjs");require("../separate-line/separate-line.cjs");require("../tip-card/tip-card.cjs");require("../composites/strategies-table/components/rewards-tooltip/rewards-tooltip-root.cjs");require("../currency-button/currency-button.cjs");require("../detailed-apy/detailed-apy.cjs");require("../detailed-page-title/detailed-page-title.cjs");require("../detailed-page-title/detailed-page-title-copy-button.cjs");require("../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../modal/modal.cjs");require("@radix-ui/react-dialog");require("../dialog/dialog-container.cjs");require("../dialog/dialog-content.cjs");require("../dialog/dialog-description.cjs");require("../dialog/dialog-footer.cjs");require("../dialog/dialog-header.cjs");require("../dialog/dialog-title.cjs");require("../dialog/dialog-overlay.cjs");require("../label/label.cjs");require("../dropdown-menu/dropdown-menu.cjs");require("../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../dropdown-menu/dropdown-menu-content.cjs");require("../dropdown-menu/dropdown-menu-item.cjs");require("../dropdown-menu/dropdown-menu-label.cjs");require("../dropdown-menu/dropdown-menu-radio-item.cjs");require("../dropdown-menu/dropdown-menu-separator.cjs");require("../dropdown-menu/dropdown-menu-shortcut.cjs");require("../dropdown-menu/dropdown-menu-sub-content.cjs");require("../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../edit-input/edit-input.cjs");require("react-intl");require("../fadeout-loading/fadeout-loading.cjs");require("../filter/filter-block.cjs");require("../filter/filter-checkbox-item.cjs");require("../filter/filter-chip.cjs");require("../filter/filter-chips.cjs");require("../filter/filter-dropdown-item.cjs");require("../filter/filter-group.cjs");require("../filter/filter-label.cjs");require("../search-line/search-line.cjs");require("../tabs/tabs.cjs");require("../filter/filter-modal-item.cjs");require("../filter/filter-radio-item.cjs");require("../filter/filter-separator.cjs");require("../filter/variants.cjs");require("../graph/formatters.cjs");require("lightweight-charts");require("../graph/graph-view.cjs");require("../health-factor/health-factor.cjs");require("../horizontal-indicator/horizontal-indicator.cjs");require("../layout/app-footer/app-footer.cjs");require("../layout/app-header/app-header.cjs");require("../layout/col/col.cjs");require("../layout/container/container.cjs");require("../layout/footer/footer.cjs");require("../layout/grid/grid.cjs");require("../layout/header/header.cjs");require("../layout/layout/layout.cjs");require("../layout/main-aside-layout/main-aside-layout.cjs");require("../page-title/page-title.cjs");require("../layout/social-icons/social-icons.cjs");require("../legal-agreement/legal-agreement-theme.cjs");require("../link/link.cjs");require("../../utils/reactochart-compat.cjs");require("../status-elements/status-elements.cjs");require("../loader/loader.cjs");require("../loading/loading.cjs");require("../loading-bar/loading-bar.cjs");require("react-markdown");require("remark-gfm");require("../navbar/navbar.cjs");require("../navbar/navbar-indicator-context.cjs");require("../app-bar/app-bar.cjs");require("../navitem/navitem.cjs");require("../simple-dropdown/simple-dropdown.cjs");require("../progress-bar/progress-bar.cjs");require("../radio-group/radio-group.cjs");require("../search-bar/search-bar.cjs");require("../segmented-control/segmented-control.cjs");require("../select/select.cjs");require("../separator/separator.cjs");require("../simple-accordion/simple-accordion.cjs");require("../simple-dropdown/simple-dropdown-menu-item.cjs");require("../slider/slider.cjs");require("../slider/slider-context.cjs");require("@radix-ui/react-slider");require("../spinner/spinner.cjs");require("../spinner-loader/spinner-loader.cjs");require("../split-list/split-list.cjs");require("../stat-badge/stat-badge.cjs");const R=require("../status-dot/status-dot.cjs");require("../stepper/stepper.cjs");require("../switch/switch.cjs");require("../table/table.cjs");require("../table/grid-table-loader.cjs");require("../textarea/textarea.cjs");require("../theme-provider.cjs");require("../time-to-liquidation/time-to-liquidation.cjs");require("../toggle/toggle.cjs");require("../with-filter-button/with-filter-button.cjs");const U=require("./block-sync-status.cjs"),$=300*1e3,F=2.5;function O({blockByChain:t,explorerAddresses:y,networkById:f,syncIntervalMs:b=$,staleMultiplier:j=F,statusLabel:T="Status",className:_}){const{formatMessage:s}=M.useIntlTyped(),[c,k]=o.useState(Date.now());o.useEffect(()=>{const q=()=>{k(Date.now())},r=window.setInterval(q,1e3);return()=>{clearInterval(r)}},[]);const l=b*j,{state:u,isSyncing:h}=o.useMemo(()=>U.getBlockSyncStatus({blockByChain:t,now:c,staleAfterMs:l}),[t,c,l]),v=u==="error"?"alert":u==="loading"?"default":"success",L=u==="loading"||u==="synced"&&h,a=()=>e.jsxs("span",{className:g.cn("inline-flex items-center gap-1.5 rounded-md border border-border px-2 py-1 text-xs",u==="error"?"text-destructive":"text-muted-foreground",_),children:[e.jsx(R.StatusDot,{variant:v,size:"xs",pulse:L}),T]}),d=(()=>{if(!t)return null;const q=Object.entries(t).filter(r=>!!r[1]);return q.length===0?null:e.jsx("div",{className:"flex flex-col text-left text-xs",children:q.map(([r,N],P)=>{const{lastSyncBlock:p,error:w}=N,n=p?.block||0n,m=p?.localTimestamp,i=y[Number(r)],x=typeof i=="string"?i:i&&typeof i=="object"&&"url"in i?i.url:void 0,D=f[Number(r)]||"Unknown",S=`[${n.toString()}]`,I=P===q.length-1,A=n>0n&&!!m;return e.jsxs("div",{className:g.cn(!I&&"mb-2"),children:[e.jsxs("span",{children:[D," "]}),x&&n>0?e.jsx("a",{href:`${x}/block/${n}`,target:"_blank",rel:"noopener noreferrer",className:"underline hover:text-foreground",children:S}):e.jsx("span",{children:S}),w?e.jsx("span",{className:"text-destructive",children:s({messageId:"components.blockSyncPill.syncError"})}):A?e.jsx("span",{children:s({messageId:"components.blockSyncPill.syncedAt"},{time:new Date(m).toLocaleTimeString()})}):e.jsx("span",{children:s({messageId:"components.blockSyncPill.syncing"})})]},r)})})})();return d?e.jsx(E.SimpleTooltip,{title:a(),children:d}):e.jsx("div",{className:"select-none",children:a()})}exports.BlockSyncPill=O;

package/dist/cjs/components/block-sync-pill/block-sync-status.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function m({blockByChain:l,now:o,staleAfterMs:a}){const s=l?Object.values(l).filter(t=>!!t):[],i=s.some(t=>!!t.error),r=s.some(t=>!!t.loading),n=s.filter(t=>t.lastSyncBlock.block>0n&&t.lastSyncBlock.localTimestamp).map(t=>t.lastSyncBlock.localTimestamp),c=n.length?Math.min(...n):0,S=c>0&&o-c>a;let e;return i||S?e="error":c===0?e="loading":e="synced",{state:e,isSyncing:r}}exports.getBlockSyncStatus=m;

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

@@ -1,9 +1,9 @@
-import { jsx as i, jsxs as d } from "react/jsx-runtime";
-import { useState as _, useEffect as U, useMemo as O } from "react";
-import { SimpleTooltip as R } from "../tooltip/simple-tooltip.js";
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { useState as U, useEffect as j, useMemo as R } from "react";
+import { SimpleTooltip as $ } from "../tooltip/simple-tooltip.js";
 import "../tooltip/tooltip.js";
-import { useIntlTyped as $ } from "../typed-intl/index.js";
-import { cn as b } from "../../utils/cn.js";
+import { useIntlTyped as F } from "../typed-intl/index.js";
+import { cn as S } from "../../utils/cn.js";
 import "../accordion/accordion.js";
 import "@gearbox-protocol/static";
 import "@fortawesome/free-solid-svg-icons";
@@ -154,7 +154,7 @@ 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 F } from "../status-dot/status-dot.js";
+import { StatusDot as V } from "../status-dot/status-dot.js";
 import "../stepper/stepper.js";
 import "../switch/switch.js";
 import "../table/table.js";
@@ -164,77 +164,76 @@ 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 V = 300 * 1e3, z = 2.5;
+import { getBlockSyncStatus as z } from "./block-sync-status.js";
+const C = 300 * 1e3, O = 2.5;
 function Qo({
-  blockByChain: m,
-  explorerAddresses: h,
-  networkById: v,
-  syncIntervalMs: k = V,
-  staleMultiplier: L = z,
-  statusLabel: N = "Status",
-  className: A
+  blockByChain: p,
+  explorerAddresses: y,
+  networkById: T,
+  syncIntervalMs: b = C,
+  staleMultiplier: h = O,
+  statusLabel: k = "Status",
+  className: v
 }) {
-  const { formatMessage: a } = $(), [u, E] = _(Date.now());
-  U(() => {
-    const t = () => {
-      E(Date.now());
-    }, o = window.setInterval(t, 1e3);
+  const { formatMessage: n } = F(), [c, L] = U(Date.now());
+  j(() => {
+    const m = () => {
+      L(Date.now());
+    }, r = window.setInterval(m, 1e3);
     return () => {
-      clearInterval(o);
+      clearInterval(r);
     };
   }, []);
-  const f = k * L, e = O(() => {
-    const t = m ? Object.values(m).filter(
-      (r) => !!r
-    ) : [], o = t.some((r) => !!r.error), s = t.filter((r) => r.lastSyncBlock.block > 0n && r.lastSyncBlock.localTimestamp).map((r) => r.lastSyncBlock.localTimestamp), n = s.length ? Math.min(...s) : 0, l = n > 0 && u - n > f;
-    return o || l ? "error" : n === 0 ? "loading" : "synced";
-  }, [m, u, f]), w = m ? Object.values(m).some((t) => t?.loading) : !1, I = e === "error" ? "alert" : e === "loading" ? "default" : "success", j = e === "loading" || e === "synced" && w, S = () => /* @__PURE__ */ d(
+  const l = b * h, { state: i, isSyncing: N } = R(
+    () => z({ blockByChain: p, now: c, staleAfterMs: l }),
+    [p, c, l]
+  ), w = i === "error" ? "alert" : i === "loading" ? "default" : "success", A = i === "loading" || i === "synced" && N, a = () => /* @__PURE__ */ s(
     "span",
     {
-      className: b(
+      className: S(
         "inline-flex items-center gap-1.5 rounded-md border border-border px-2 py-1 text-xs",
-        e === "error" ? "text-destructive" : "text-muted-foreground",
-        A
+        i === "error" ? "text-destructive" : "text-muted-foreground",
+        v
       ),
       children: [
-        /* @__PURE__ */ i(F, { variant: I, size: "xs", pulse: j }),
-        N
+        /* @__PURE__ */ t(V, { variant: w, size: "xs", pulse: A }),
+        k
       ]
     }
-  ), g = (() => {
-    if (!m) return null;
-    const t = Object.entries(m).filter(
-      (o) => !!o[1]
+  ), d = (() => {
+    if (!p) return null;
+    const m = Object.entries(p).filter(
+      (r) => !!r[1]
     );
-    return t.length === 0 ? null : /* @__PURE__ */ i("div", { className: "flex flex-col text-left text-xs", children: t.map(([o, s], n) => {
-      const { lastSyncBlock: l, error: r } = s, c = l?.block || 0n, x = l?.localTimestamp, p = h[Number(o)], y = typeof p == "string" ? p : p && typeof p == "object" && "url" in p ? p.url : void 0, D = v[Number(o)] || "Unknown", T = `[${c.toString()}]`, M = n === t.length - 1, P = c > 0n && !!x;
-      return /* @__PURE__ */ d("div", { className: b(!M && "mb-2"), children: [
-        /* @__PURE__ */ d("span", { children: [
-          D,
+    return m.length === 0 ? null : /* @__PURE__ */ t("div", { className: "flex flex-col text-left text-xs", children: m.map(([r, E], I) => {
+      const { lastSyncBlock: u, error: D } = E, e = u?.block || 0n, f = u?.localTimestamp, o = y[Number(r)], g = typeof o == "string" ? o : o && typeof o == "object" && "url" in o ? o.url : void 0, P = T[Number(r)] || "Unknown", x = `[${e.toString()}]`, _ = I === m.length - 1, M = e > 0n && !!f;
+      return /* @__PURE__ */ s("div", { className: S(!_ && "mb-2"), children: [
+        /* @__PURE__ */ s("span", { children: [
+          P,
           " "
         ] }),
-        y && c > 0 ? /* @__PURE__ */ i(
+        g && e > 0 ? /* @__PURE__ */ t(
           "a",
           {
-            href: `${y}/block/${c}`,
+            href: `${g}/block/${e}`,
             target: "_blank",
             rel: "noopener noreferrer",
             className: "underline hover:text-foreground",
-            children: T
+            children: x
           }
-        ) : /* @__PURE__ */ i("span", { children: T }),
-        r ? /* @__PURE__ */ i("span", { className: "text-destructive", children: a({
+        ) : /* @__PURE__ */ t("span", { children: x }),
+        D ? /* @__PURE__ */ t("span", { className: "text-destructive", children: n({
           messageId: "components.blockSyncPill.syncError"
-        }) }) : P ? /* @__PURE__ */ i("span", { children: a(
+        }) }) : M ? /* @__PURE__ */ t("span", { children: n(
           { messageId: "components.blockSyncPill.syncedAt" },
-          { time: new Date(x).toLocaleTimeString() }
-        ) }) : /* @__PURE__ */ i("span", { children: a({
+          { time: new Date(f).toLocaleTimeString() }
+        ) }) : /* @__PURE__ */ t("span", { children: n({
           messageId: "components.blockSyncPill.syncing"
         }) })
-      ] }, o);
+      ] }, r);
     }) });
   })();
-  return g ? /* @__PURE__ */ i(R, { title: S(), children: g }) : /* @__PURE__ */ i("div", { className: "select-none", children: S() });
+  return d ? /* @__PURE__ */ t($, { title: a(), children: d }) : /* @__PURE__ */ t("div", { className: "select-none", children: a() });
 }
 export {
   Qo as BlockSyncPill

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

@@ -0,0 +1,12 @@
+function S({
+  blockByChain: c,
+  now: o,
+  staleAfterMs: a
+}) {
+  const e = c ? Object.values(c).filter((t) => !!t) : [], i = e.some((t) => !!t.error), r = e.some((t) => !!t.loading), l = e.filter((t) => t.lastSyncBlock.block > 0n && t.lastSyncBlock.localTimestamp).map((t) => t.lastSyncBlock.localTimestamp), n = l.length ? Math.min(...l) : 0, m = n > 0 && o - n > a;
+  let s;
+  return i || m ? s = "error" : n === 0 ? s = "loading" : s = "synced", { state: s, isSyncing: r };
+}
+export {
+  S as getBlockSyncStatus
+};

package/dist/types/components/block-sync-pill/block-sync-status.d.ts

@@ -0,0 +1,29 @@
+import { BlockByChain } from '../../types/footer';
+/**
+ * Liveness state of the data-refresh loop, derived from per-chain sync info:
+ * - `loading` — nothing has successfully synced yet (initial state);
+ * - `synced` — at least one chain synced and none are stale/failing;
+ * - `error` — a chain reported an error, or the oldest sync is stale.
+ */
+export type BlockSyncState = "loading" | "synced" | "error";
+export interface BlockSyncStatus {
+    state: BlockSyncState;
+    /** True while any chain has a refresh in flight. */
+    isSyncing: boolean;
+}
+export interface GetBlockSyncStatusProps {
+    blockByChain: BlockByChain | undefined;
+    /** Reference "now" timestamp (ms) used to evaluate staleness. */
+    now: number;
+    /** Age (ms) after which the oldest sync is considered stale. */
+    staleAfterMs: number;
+}
+/**
+ * Pure derivation of the {@link BlockSyncState} from chain sync info.
+ *
+ * A chain counts as "synced" only when it has both a real block (`> 0`) and a
+ * local sync timestamp. Staleness is measured against the **oldest** synced
+ * chain, so a single lagging chain is enough to flag the whole indicator.
+ * Errors take priority over everything else.
+ */
+export declare function getBlockSyncStatus({ blockByChain, now, staleAfterMs, }: GetBlockSyncStatusProps): BlockSyncStatus;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.14.0-next.27",
+  "version": "3.14.0-next.28",
   "description": "Internal UI components",
   "repository": {
     "type": "git",