@gearbox-protocol/ui-kit 4.0.0-next.14 → 4.0.0-next.15

package/dist/esm/locale/en.json.js

@@ -17,14 +17,9 @@ const e = {
   "components.footer.gearbox": "Copyright © Gearbox Foundation 2023-2026.",
   "components.footer.built": "Built at ETHGlobal MarketMake hackathon.",
   "components.footer.version": "Version {value}",
-  "components.syncStatus.live": "Live",
-  "components.syncStatus.starting": "Syncing…",
-  "components.syncStatus.cached": "Cached",
-  "components.syncStatus.none": "No data",
-  "components.syncStatus.unavailable": "Unavailable",
-  "components.syncStatus.ago": "{age} ago",
-  "components.syncStatus.sourceOutdated": "{source} data outdated",
-  "components.syncStatus.sourceMissing": "no {source} data",
+  "components.sdkStatus.connecting": "Connecting…",
+  "components.sdkStatus.connected": "Connected",
+  "components.sdkStatus.disconnected": "Not connected",
   "components.creditAccountHistory.table.protocol": "Protocol",
   "components.creditAccountHistory.table.operation": "Operation",
   "components.creditAccountHistory.table.details": "Details",

package/dist/types/components/index.d.ts

@@ -55,6 +55,7 @@ export * from './pool-points-indicator';
 export * from './rounded-image';
 export * from './rwa-feature';
 export * from './rwa-styles';
+export * from './sdk-status-pill';
 export * from './search-line';
 export * from './segmented-control';
 export * from './select';
@@ -69,7 +70,6 @@ export * from './spinner-loader';
 export * from './split-list';
 export * from './status-dot';
 export * from './status-elements';
-export * from './sync-status-pill';
 export * from './tab-control';
 export * from './table';
 export * from './tabs';

package/dist/types/components/sdk-status-pill/constants.d.ts

@@ -0,0 +1,5 @@
+export declare class SdkStatusPillTest {
+    static root: string;
+    static dot: string;
+    static tooltip: string;
+}

package/dist/types/components/sdk-status-pill/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './sdk-status';
+export * from './sdk-status-pill';

package/dist/types/components/sdk-status-pill/sdk-status-pill.d.ts

@@ -0,0 +1,27 @@
+import { SdkAttachStatus } from './sdk-status';
+import type * as React from "react";
+export interface SdkStatusPillProps {
+    /** Where the SDK is in its attach lifecycle. */
+    status: SdkAttachStatus;
+}
+/**
+ * SdkStatusPill — whether the SDK is connected, as one dot in an app footer.
+ *
+ * Deliberately narrow: it reports the **SDK's attach lifecycle** and nothing
+ * else. It is not a data-freshness indicator — it will not go grey because a
+ * chain lagged or the backend failed, and it says nothing about what is on
+ * screen. Screens surface their own failures.
+ *
+ * Two constraints, both product decisions:
+ *
+ * - **The palette is green and muted grey only**, never red or amber. See
+ *   {@link sdkStatusDotVariant}.
+ * - **No visible label**, so the tooltip carries the wording and is mirrored
+ *   into `aria-label` — a screen reader cannot see the colour.
+ *
+ * @example
+ * ```tsx
+ * <AppFooter status={<SdkStatusPill status={attach.status} />} />
+ * ```
+ */
+export declare function SdkStatusPill({ status, }: SdkStatusPillProps): React.ReactElement;

package/dist/types/components/sdk-status-pill/sdk-status.d.ts

@@ -0,0 +1,11 @@
+/** Where the SDK is in its attach lifecycle. */
+export type SdkAttachStatus = "loading" | "error" | "ready";
+/** Dot variants this indicator is allowed to use. */
+export type SdkStatusDotVariant = "success" | "default";
+/**
+ * The palette rule, as a function rather than a comment: green once the SDK is
+ * usable, muted grey otherwise. Never `alert` or `warning` — an alarming dot in
+ * permanent view teaches people to ignore it, and the screens surface their own
+ * failures. Exported so the rule is pinned by a test rather than by review.
+ */
+export declare function sdkStatusDotVariant(status: SdkAttachStatus): SdkStatusDotVariant;

package/dist/types/index.d.ts

@@ -57,6 +57,7 @@ export * from './components/pool-points-indicator';
 export * from './components/rounded-image';
 export * from './components/rwa-feature';
 export * from './components/rwa-styles';
+export * from './components/sdk-status-pill';
 export * from './components/search-line';
 export * from './components/segmented-control';
 export * from './components/select';
@@ -71,7 +72,6 @@ export * from './components/spinner-loader';
 export * from './components/split-list';
 export * from './components/status-dot';
 export * from './components/status-elements';
-export * from './components/sync-status-pill';
 export * from './components/tab-control';
 export * from './components/table';
 export * from './components/tabs';
@@ -96,7 +96,6 @@ export * from './configs/variants';
 export * from './hooks';
 export type { LocaleKeys } from './locale';
 export * from './locale';
-export type { NetworkById } from './types/footer';
 export { EnglishLocale };
 export * from './utils';
 export * from './utils/a11y';

package/dist/types/locale/en.json.d.ts

@@ -20,14 +20,9 @@ declare const _default: {
   "components.footer.built": "Built at ETHGlobal MarketMake hackathon.",
   "components.footer.version": "Version {value}",
 
-  "components.syncStatus.live": "Live",
-  "components.syncStatus.starting": "Syncing…",
-  "components.syncStatus.cached": "Cached",
-  "components.syncStatus.none": "No data",
-  "components.syncStatus.unavailable": "Unavailable",
-  "components.syncStatus.ago": "{age} ago",
-  "components.syncStatus.sourceOutdated": "{source} data outdated",
-  "components.syncStatus.sourceMissing": "no {source} data",
+  "components.sdkStatus.connecting": "Connecting…",
+  "components.sdkStatus.connected": "Connected",
+  "components.sdkStatus.disconnected": "Not connected",
 
   "components.creditAccountHistory.table.protocol": "Protocol",
   "components.creditAccountHistory.table.operation": "Operation",

package/dist/types/types/index.d.ts

@@ -1,4 +1,3 @@
 export type * from './filter';
-export type * from './footer';
 export type * from './graph';
 export type * from './range-item';

package/package.json

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{static root="sync-status-pill-root";static dot="sync-status-pill-dot";static tooltip="sync-status-pill-tooltip";static headline="sync-status-pill-headline";static chainRow="sync-status-pill-chain-row"}exports.SyncStatusPillTest=t;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function h({onchain:t,offchain:e,attach:n="ready",now:r,staleAfterMs:a}){if(n==="loading")return{health:"starting",chains:[],syncedAt:void 0};if(n==="error")return{health:"none",chains:[],syncedAt:void 0};const i=f({onchain:t,offchain:e,now:r,staleAfterMs:a});if(i.length===0)return{health:"starting",chains:i,syncedAt:void 0};const u=v(i);return{health:u,chains:i,syncedAt:g(u,t,e)}}function f({onchain:t,offchain:e,now:n,staleAfterMs:r}){const a=d(t.meta),i=d(e.meta);return[...new Set([...a.keys(),...i.keys()])].map(o=>{const s=l(a.get(o),t.updatedAt,n,r),c=l(i.get(o),e.updatedAt,n,r);return{chainId:o,onchain:s,offchain:c,health:y(s,c)}})}function d(t){const e=new Map;for(const n of t?.chains??[])e.set(n.chainId,n);return e}function l(t,e,n,r){return t?t.status==="error"?"failed":!e||n-e>r||n-t.timestamp*1e3>r?"stale":"ok":"unknown"}function y(t,e){return t==="ok"?"live":t==="stale"||e==="ok"||e==="stale"?"cached":"none"}function v(t){return t.every(e=>e.health==="none")?"none":t.some(e=>e.health==="live")?"live":"cached"}function g(t,e,n){if(t==="live")return e.updatedAt||void 0;if(t==="cached"){const r=[e.updatedAt,n.updatedAt].filter(a=>!!a);return r.length?Math.max(...r):void 0}}function p(t){return t==="live"?"success":"default"}exports.getSyncStatus=h;exports.syncStatusDotVariant=p;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./constants.cjs"),t=require("./get-sync-status.cjs"),n=require("./sync-status-pill.cjs");exports.SyncStatusPillTest=s.SyncStatusPillTest;exports.getSyncStatus=t.getSyncStatus;exports.syncStatusDotVariant=t.syncStatusDotVariant;exports.SyncStatusPill=n.SyncStatusPill;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("react"),f=require("../status-dot/status-dot.cjs"),x=require("../tooltip/simple-tooltip.cjs");require("../tooltip/tooltip.cjs");const g=require("../typed-intl/index.cjs");require("@gearbox-protocol/sdk/common-utils");const _=require("../../hooks/use-media-query.cjs"),c=require("./constants.cjs"),p=require("./get-sync-status.cjs"),I=6e4*2.5,v=1e3,w="(hover: none)";function T({onchain:e,offchain:t,attach:s,isSyncing:u=!1,networkById:r}){const{formatMessage:n}=g.useIntlTyped(),l=$(),y=!_.useMediaQuery(w),o=d.useMemo(()=>p.getSyncStatus({onchain:e,offchain:t,attach:s,now:l,staleAfterMs:I}),[e,t,s,l]),S=n({messageId:q[o.health]}),m=o.syncedAt?`${S} · ${n({messageId:"components.syncStatus.ago"},{age:j(l-o.syncedAt)})}`:S,h=a.jsx("output",{className:"-m-1.5 flex size-6 cursor-pointer items-center justify-center","data-testid":c.SyncStatusPillTest.root,"aria-label":m,children:a.jsx(f.StatusDot,{variant:p.syncStatusDotVariant(o.health),size:"xs",pulse:o.health==="starting"||u,"data-testid":c.SyncStatusPillTest.dot})});return a.jsx(x.SimpleTooltip,{title:h,trigger:y?"hover":"click",placement:"top",maxWidth:"280px",children:a.jsxs("div",{className:"flex flex-col gap-1 text-left text-xs","data-testid":c.SyncStatusPillTest.tooltip,children:[a.jsx("span",{className:"font-medium","data-testid":c.SyncStatusPillTest.headline,children:m}),o.chains.map(i=>a.jsx("span",{className:"text-muted-foreground","data-testid":c.SyncStatusPillTest.chainRow,children:`${r[i.chainId]??String(i.chainId)}  ${M(i,n)}`},i.chainId))]})})}const q={live:"components.syncStatus.live",starting:"components.syncStatus.starting",cached:"components.syncStatus.cached",none:"components.syncStatus.none"};function M(e,t){if(e.health==="none")return t({messageId:"components.syncStatus.unavailable"});const[s,u,r]=e.health==="live"?[t({messageId:"components.syncStatus.live"}),"offchain",e.offchain]:[t({messageId:"components.syncStatus.cached"}),"onchain",e.onchain],n=P(u,r,t);return n?`${s} · ${n}`:s}function P(e,t,s){if(t==="stale")return s({messageId:"components.syncStatus.sourceOutdated"},{source:e});if(t==="failed"||t==="unknown")return s({messageId:"components.syncStatus.sourceMissing"},{source:e})}function j(e){const t=Math.max(0,Math.round(e/1e3));return t<60?`${t}s`:t<3600?`${Math.round(t/60)}m`:`${Math.round(t/3600)}h`}function $(){const[e,t]=d.useState(()=>Date.now());return d.useEffect(()=>{const s=window.setInterval(()=>t(Date.now()),v);return()=>window.clearInterval(s)},[]),e}exports.SyncStatusPill=T;

package/dist/cjs/types/footer.cjs

@@ -1 +0,0 @@
-"use strict";

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

@@ -1,10 +0,0 @@
-class s {
-  static root = "sync-status-pill-root";
-  static dot = "sync-status-pill-dot";
-  static tooltip = "sync-status-pill-tooltip";
-  static headline = "sync-status-pill-headline";
-  static chainRow = "sync-status-pill-chain-row";
-}
-export {
-  s as SyncStatusPillTest
-};

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

@@ -1,78 +0,0 @@
-function p({
-  onchain: t,
-  offchain: e,
-  attach: n = "ready",
-  now: r,
-  staleAfterMs: a
-}) {
-  if (n === "loading")
-    return { health: "starting", chains: [], syncedAt: void 0 };
-  if (n === "error")
-    return { health: "none", chains: [], syncedAt: void 0 };
-  const i = f({ onchain: t, offchain: e, now: r, staleAfterMs: a });
-  if (i.length === 0)
-    return { health: "starting", chains: i, syncedAt: void 0 };
-  const u = v(i);
-  return { health: u, chains: i, syncedAt: y(u, t, e) };
-}
-function f({
-  onchain: t,
-  offchain: e,
-  now: n,
-  staleAfterMs: r
-}) {
-  const a = d(t.meta), i = d(e.meta);
-  return [
-    .../* @__PURE__ */ new Set([...a.keys(), ...i.keys()])
-  ].map((o) => {
-    const c = h(
-      a.get(o),
-      t.updatedAt,
-      n,
-      r
-    ), s = h(
-      i.get(o),
-      e.updatedAt,
-      n,
-      r
-    );
-    return {
-      chainId: o,
-      onchain: c,
-      offchain: s,
-      health: l(c, s)
-    };
-  });
-}
-function d(t) {
-  const e = /* @__PURE__ */ new Map();
-  for (const n of t?.chains ?? [])
-    e.set(n.chainId, n);
-  return e;
-}
-function h(t, e, n, r) {
-  return t ? t.status === "error" ? "failed" : !e || n - e > r || n - t.timestamp * 1e3 > r ? "stale" : "ok" : "unknown";
-}
-function l(t, e) {
-  return t === "ok" ? "live" : t === "stale" || e === "ok" || e === "stale" ? "cached" : "none";
-}
-function v(t) {
-  return t.every((e) => e.health === "none") ? "none" : t.some((e) => e.health === "live") ? "live" : "cached";
-}
-function y(t, e, n) {
-  if (t === "live")
-    return e.updatedAt || void 0;
-  if (t === "cached") {
-    const r = [e.updatedAt, n.updatedAt].filter(
-      (a) => !!a
-    );
-    return r.length ? Math.max(...r) : void 0;
-  }
-}
-function g(t) {
-  return t === "live" ? "success" : "default";
-}
-export {
-  p as getSyncStatus,
-  g as syncStatusDotVariant
-};

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

@@ -1,9 +0,0 @@
-import { SyncStatusPillTest as r } from "./constants.js";
-import { getSyncStatus as a, syncStatusDotVariant as s } from "./get-sync-status.js";
-import { SyncStatusPill as n } from "./sync-status-pill.js";
-export {
-  n as SyncStatusPill,
-  r as SyncStatusPillTest,
-  a as getSyncStatus,
-  s as syncStatusDotVariant
-};

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

@@ -1,137 +0,0 @@
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
-import { useMemo as S, useState as y, useEffect as g } from "react";
-import { StatusDot as x } from "../status-dot/status-dot.js";
-import { SimpleTooltip as I } from "../tooltip/simple-tooltip.js";
-import "../tooltip/tooltip.js";
-import { useIntlTyped as v } from "../typed-intl/index.js";
-import "@gearbox-protocol/sdk/common-utils";
-import { useMediaQuery as w } from "../../hooks/use-media-query.js";
-import { SyncStatusPillTest as c } from "./constants.js";
-import { getSyncStatus as $, syncStatusDotVariant as A } from "./get-sync-status.js";
-const E = 6e4 * 2.5, M = 1e3, N = "(hover: none)";
-function F({
-  onchain: e,
-  offchain: t,
-  attach: n,
-  isSyncing: i = !1,
-  networkById: u
-}) {
-  const { formatMessage: s } = v(), d = D(), p = !w(N), o = S(
-    () => $({
-      onchain: e,
-      offchain: t,
-      attach: n,
-      now: d,
-      staleAfterMs: E
-    }),
-    [e, t, n, d]
-  ), l = s({
-    messageId: T[o.health]
-  }), m = o.syncedAt ? `${l} · ${s(
-    { messageId: "components.syncStatus.ago" },
-    { age: R(d - o.syncedAt) }
-  )}` : l, f = (
-    // `<output>` rather than a span with role="status": same implicit live
-    // region, and the status is announced without the dot being focusable.
-    //
-    // The box is `size-6`, not the dot's 6px: a 6px hover/tap target is far
-    // under the 24px WCAG 2.5.8 minimum and genuinely hard to hit, while the
-    // dot itself has to stay small to keep the footer quiet. So the target is
-    // the padding around it.
-    //
-    // `-m-1.5` keeps that out of the layout in both axes: the box contributes
-    // 12px, less than the 16px line beside it, so the footer row keeps its
-    // height and the links do not shift.
-    /* @__PURE__ */ a(
-      "output",
-      {
-        className: "-m-1.5 flex size-6 cursor-pointer items-center justify-center",
-        "data-testid": c.root,
-        "aria-label": m,
-        children: /* @__PURE__ */ a(
-          x,
-          {
-            variant: A(o.health),
-            size: "xs",
-            pulse: o.health === "starting" || i,
-            "data-testid": c.dot
-          }
-        )
-      }
-    )
-  );
-  return /* @__PURE__ */ a(
-    I,
-    {
-      title: f,
-      trigger: p ? "hover" : "click",
-      placement: "top",
-      maxWidth: "280px",
-      children: /* @__PURE__ */ h(
-        "div",
-        {
-          className: "flex flex-col gap-1 text-left text-xs",
-          "data-testid": c.tooltip,
-          children: [
-            /* @__PURE__ */ a("span", { className: "font-medium", "data-testid": c.headline, children: m }),
-            o.chains.map((r) => /* @__PURE__ */ a(
-              "span",
-              {
-                className: "text-muted-foreground",
-                "data-testid": c.chainRow,
-                children: `${u[r.chainId] ?? String(r.chainId)}  ${_(r, s)}`
-              },
-              r.chainId
-            ))
-          ]
-        }
-      )
-    }
-  );
-}
-const T = {
-  live: "components.syncStatus.live",
-  starting: "components.syncStatus.starting",
-  cached: "components.syncStatus.cached",
-  none: "components.syncStatus.none"
-};
-function _(e, t) {
-  if (e.health === "none")
-    return t({ messageId: "components.syncStatus.unavailable" });
-  const [n, i, u] = e.health === "live" ? [
-    t({ messageId: "components.syncStatus.live" }),
-    "offchain",
-    e.offchain
-  ] : [
-    t({ messageId: "components.syncStatus.cached" }),
-    "onchain",
-    e.onchain
-  ], s = b(i, u, t);
-  return s ? `${n} · ${s}` : n;
-}
-function b(e, t, n) {
-  if (t === "stale")
-    return n(
-      { messageId: "components.syncStatus.sourceOutdated" },
-      { source: e }
-    );
-  if (t === "failed" || t === "unknown")
-    return n(
-      { messageId: "components.syncStatus.sourceMissing" },
-      { source: e }
-    );
-}
-function R(e) {
-  const t = Math.max(0, Math.round(e / 1e3));
-  return t < 60 ? `${t}s` : t < 3600 ? `${Math.round(t / 60)}m` : `${Math.round(t / 3600)}h`;
-}
-function D() {
-  const [e, t] = y(() => Date.now());
-  return g(() => {
-    const n = window.setInterval(() => t(Date.now()), M);
-    return () => window.clearInterval(n);
-  }, []), e;
-}
-export {
-  F as SyncStatusPill
-};

package/dist/esm/types/footer.js

@@ -1 +0,0 @@
-

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

@@ -1,7 +0,0 @@
-export declare class SyncStatusPillTest {
-    static root: string;
-    static dot: string;
-    static tooltip: string;
-    static headline: string;
-    static chainRow: string;
-}

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

@@ -1,100 +0,0 @@
-import { ResponseMetadata } from '@gearbox-protocol/sdk/model';
-/**
- * Health of one source (onchain or offchain) as far as one chain is concerned.
- *
- * `unknown` is not an error: it means this source has not spoken about the
- * chain yet, which is what the first frames of a two-source read look like.
- */
-export type SourceHealth = "ok" | "stale" | "failed" | "unknown";
-/**
- * What the user sees and can do on one chain.
- *
- * Derived from `onchain` alone — see {@link deriveChainHealth}. `offchain`
- * never moves a chain between these values, it only annotates the row.
- */
-export type ChainHealth = 
-/** Onchain is fresh: what is on screen is current and actions go through. */
-"live"
-/** Onchain lagged or never answered: rows come from the backend. */
- | "cached"
-/** Nobody answered. */
- | "none";
-/** Rolled-up health of the whole app. */
-export type AppSyncHealth = "starting" | "live" | "cached" | "none";
-/** Where the app's single SDK is in its attach lifecycle. */
-export type SdkAttachStatus = "loading" | "error" | "ready";
-/**
- * One source exactly as the SDK returned it, plus the local clock reading of
- * its last success.
- *
- * `meta` is `DataResponse.meta` verbatim — no projection, no intermediate
- * format. The previous footer indicator died because ui-kit owned its own
- * shape (`BlockByChain`) and the app had to hand-translate SDK state into it;
- * the translator outlived nothing and the format outlived its source.
- */
-export interface SyncSourceInput {
-    /** `DataResponse.meta`, or `undefined` while the source has never answered. */
-    meta: ResponseMetadata | undefined;
-    /**
-     * react-query `dataUpdatedAt` in ms. The one number that cannot come from
-     * the SDK: `ChainSucceeded.timestamp` is the *block's* time, which answers
-     * "how old is the chain state", not "is our polling loop still alive".
-     * `0` / `undefined` mean no success yet.
-     */
-    updatedAt?: number;
-}
-/** Per-chain outcome, ready to render as one tooltip row. */
-export interface ChainStatus {
-    chainId: number;
-    /** Decides {@link health}, and through it the dot colour. */
-    onchain: SourceHealth;
-    /** Never decides colour — only the row's suffix. */
-    offchain: SourceHealth;
-    health: ChainHealth;
-}
-export interface SyncStatus {
-    health: AppSyncHealth;
-    chains: ChainStatus[];
-    /**
-     * Local clock (ms) of the last success behind what is currently shown, or
-     * `undefined` when nothing has been shown yet. Feeds the "· 12s ago" in the
-     * tooltip header.
-     */
-    syncedAt: number | undefined;
-}
-export interface GetSyncStatusProps {
-    onchain: SyncSourceInput;
-    offchain: SyncSourceInput;
-    attach?: SdkAttachStatus;
-    /** Reference "now" in ms. */
-    now: number;
-    /** Age after which a source counts as stale. */
-    staleAfterMs: number;
-}
-/**
- * Pure derivation of the sync indicator's state.
- *
- * The whole model rests on one asymmetry: **onchain is the ability to act,
- * offchain is the trimmings** (charts, APY, history). So the colour tracks
- * `onchain` and nothing else — a dead backend under a healthy chain is still
- * green, because the user sees current data and their transactions land. The
- * reverse, a live polling loop over a lagging node, is *not* green: the screen
- * looks current while a transaction would be built against stale state.
- *
- * The roll-up is deliberately optimistic: one dead chain annotates its own row
- * and leaves the dot green. Statuspage-style pessimism ("any component down ⇒
- * system degraded") assumes components of one service; our chains are
- * independent, and greying the dot for a chain the user is not on is a false
- * alarm.
- */
-export declare function getSyncStatus({ onchain, offchain, attach, now, staleAfterMs, }: GetSyncStatusProps): SyncStatus;
-/** Dot variants this indicator is allowed to use. */
-export type SyncStatusDotVariant = "success" | "default";
-/**
- * The palette rule, as a function rather than a comment: green when the user
- * can act, muted grey otherwise. Never `alert` or `warning` — an alarming dot
- * in permanent view teaches people to ignore it, and the screens surface their
- * own failures. Exported so the rule is pinned by a unit test instead of by
- * inspecting rendered markup.
- */
-export declare function syncStatusDotVariant(health: AppSyncHealth): SyncStatusDotVariant;

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

@@ -1,3 +0,0 @@
-export * from './constants';
-export * from './get-sync-status';
-export * from './sync-status-pill';

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

@@ -1,42 +0,0 @@
-import { NetworkById } from '../../types/footer';
-import { SdkAttachStatus, SyncSourceInput } from './get-sync-status';
-import type * as React from "react";
-export interface SyncStatusPillProps {
-    onchain: SyncSourceInput;
-    offchain: SyncSourceInput;
-    attach?: SdkAttachStatus;
-    /** A read is in flight — the dot pulses. Orthogonal to health. */
-    isSyncing?: boolean;
-    /** Only for chain labels in the tooltip. */
-    networkById: NetworkById;
-}
-/**
- * SyncStatusPill — data-freshness indicator for an app footer: one dot, and
- * every word in the tooltip.
- *
- * Takes the SDK's own `DataResponse.meta` for each source, untouched, and
- * derives the status itself. The predecessor (`BlockSyncPill`) owned a bespoke
- * `BlockByChain` shape that each client had to hand-translate SDK state into;
- * the format outlived its source and the translators rotted.
- *
- * Two deliberate constraints:
- *
- * - **The palette is green and muted grey only** — never red or amber, at any
- *   input. See {@link syncStatusDotVariant}.
- * - **No visible label.** Colour therefore separates only two of the four
- *   states, which makes the tooltip the status rather than a nicety — and it is
- *   mirrored into `aria-label`, because a screen reader cannot see colour.
- *
- * Colour tracks `onchain` alone; see {@link getSyncStatus} for why.
- *
- * @example
- * ```tsx
- * <SyncStatusPill
- *   onchain={{ meta: onchainResponse?.meta, updatedAt: onchainUpdatedAt }}
- *   offchain={{ meta: offchainResponse?.meta, updatedAt: offchainUpdatedAt }}
- *   attach="ready"
- *   networkById={{ 1: "Ethereum" }}
- * />
- * ```
- */
-export declare function SyncStatusPill({ onchain, offchain, attach, isSyncing, networkById, }: SyncStatusPillProps): React.ReactElement;

package/dist/types/types/footer.d.ts

@@ -1,7 +0,0 @@
-/**
- * Types for Footer component
- */
-/** Chain id → display name, for footer status rows. */
-export interface NetworkById {
-    [chainId: number]: string;
-}