@gearbox-protocol/ui-kit 4.0.0-next.6 → 4.0.0-next.61

package/dist/esm/utils/colors.js

@@ -1,70 +0,0 @@
-function g(t, r = "#000000") {
-  if (!t.includes("var("))
-    return t;
-  try {
-    const n = document.createElement("div");
-    n.style.color = t, n.style.display = "none", document.body.appendChild(n);
-    const e = window.getComputedStyle(n).color;
-    if (document.body.removeChild(n), e && e !== "rgba(0, 0, 0, 0)")
-      return e;
-  } catch (n) {
-    console.warn(`Failed to resolve CSS color: ${t}`, n);
-  }
-  return r;
-}
-function m(t, r = "#000000") {
-  const n = t.startsWith("--") ? t : `--${t}`;
-  try {
-    const e = getComputedStyle(document.documentElement).getPropertyValue(n).trim();
-    if (e)
-      return /^[\d\s.%]+$/.test(e) ? `hsl(${e})` : e;
-  } catch (e) {
-    console.warn(`Failed to get CSS variable: ${n}`, e);
-  }
-  return r;
-}
-function l(t, r) {
-  const n = parseInt(t.slice(1, 3), 16), e = parseInt(t.slice(3, 5), 16), o = parseInt(t.slice(5, 7), 16);
-  return `rgba(${n}, ${e}, ${o}, ${r})`;
-}
-function b(t) {
-  if (t.startsWith("rgba")) {
-    const r = t.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
-    if (r) {
-      const [, n, e, o] = r;
-      return {
-        topColor: `rgba(${n}, ${e}, ${o}, 0.56)`,
-        bottomColor: `rgba(${n}, ${e}, ${o}, 0.04)`
-      };
-    }
-  }
-  if (t.startsWith("#") && (t.length === 7 || t.length === 4)) {
-    const r = t.length === 4 ? `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}` : t;
-    return {
-      topColor: l(r, 0.56),
-      bottomColor: l(r, 0.04)
-    };
-  }
-  return {
-    topColor: t,
-    bottomColor: t
-  };
-}
-function f(t, r, n) {
-  r /= 100, n /= 100;
-  const e = (1 - Math.abs(2 * n - 1)) * r, o = e * (1 - Math.abs(t / 60 % 2 - 1)), c = n - e / 2;
-  let s = 0, a = 0, i = 0;
-  t < 60 ? (s = e, a = o) : t < 120 ? (s = o, a = e) : t < 180 ? (a = e, i = o) : t < 240 ? (a = o, i = e) : t < 300 ? (s = o, i = e) : (s = e, i = o);
-  const u = (d) => {
-    const $ = Math.round((d + c) * 255);
-    return Math.min(255, Math.max(0, $)).toString(16).padStart(2, "0");
-  };
-  return `#${u(s)}${u(a)}${u(i)}`;
-}
-export {
-  b as generateColorsFromBase,
-  m as getCSSVariable,
-  l as hexToRgba,
-  f as hslToHex,
-  g as resolveCSSColor
-};

package/dist/esm/utils/copy.js

@@ -1,10 +0,0 @@
-import { toast as t } from "sonner";
-const i = ({
-  text: o,
-  name: r = "Address"
-}) => {
-  navigator.clipboard.writeText(o), t.success(`${r} copied to clipboard`);
-};
-export {
-  i as copyToClipboard
-};

package/dist/esm/utils/format-number.js

@@ -1,81 +0,0 @@
-function u(t) {
-  const n = Math.abs(t);
-  return n < 10 ? 4 : n < 100 ? 2 : 1;
-}
-function l(t) {
-  return t.replace(/\.?0+$/, "");
-}
-function d(t, n = {}) {
-  const {
-    format: e = "full",
-    minimumFractionDigits: i = 0,
-    maximumFractionDigits: o,
-    maxExponentialThreshold: m = 1e11,
-    adaptiveDecimals: a = !1
-  } = n, s = o !== void 0 ? o : e === "short" ? 1 : 0, f = Math.abs(t);
-  if (e === "short") {
-    if (f >= 5e8) {
-      const r = t / 1e9, c = a ? u(r) : s;
-      return `${l(r.toFixed(c))}B`;
-    }
-    if (f >= 1e6) {
-      const r = t / 1e6, c = a ? u(r) : s;
-      return `${l(r.toFixed(c))}M`;
-    }
-    if (f >= 1e3) {
-      const r = t / 1e3, c = a ? u(r) : s;
-      return `${l(r.toFixed(c))}K`;
-    }
-  }
-  return m && f > m ? t.toExponential(2) : new Intl.NumberFormat("en-US", {
-    minimumFractionDigits: i,
-    maximumFractionDigits: s
-  }).format(t);
-}
-function S(t, n) {
-  const e = Math.abs(t);
-  if (e >= 1) {
-    const i = 10 ** n;
-    return (Math.floor(t * i) / i).toFixed(n).replace(/\.?0+$/, "");
-  }
-  if (e > 0) {
-    const i = Math.floor(Math.log10(e)), o = Math.max(n, Math.abs(i) + n), a = Math.min(o, 10);
-    return t.toFixed(a).replace(/\.?0+$/, "");
-  }
-  return "0";
-}
-function E(t) {
-  return Math.abs(t) < 1e-10;
-}
-function D(t) {
-  const n = Math.abs(t);
-  return n < 1e-10 && n > 0;
-}
-function M(t, n) {
-  if (!D(t)) return null;
-  const e = `<${1e-4}`;
-  return n ? `${e}${n}` : e;
-}
-const N = {
-  EPSILON: 1e-10,
-  MIN_DISPLAY_THRESHOLD: 1e-4,
-  MAX_EXPONENTIAL_THRESHOLD: 1e11
-};
-function x(t, n = 2, e = 6) {
-  if (!Number.isFinite(t)) return "∞";
-  const i = 1 / 10 ** n;
-  return t < i && t !== 0 ? t.toFixed(e).replace(/\.?0+$/, "") : t > 1 ? new Intl.NumberFormat("en-US", {
-    minimumFractionDigits: n,
-    maximumFractionDigits: n
-  }).format(t) : t.toFixed(n);
-}
-export {
-  N as FORMAT_CONSTANTS,
-  d as formatNumberWithSuffix,
-  x as formatPrice,
-  M as formatSmallValue,
-  u as getAdaptiveDecimals,
-  D as isBelowDisplayThreshold,
-  E as isEffectivelyZero,
-  S as toSignificantDigits
-};

package/dist/esm/utils/interface.js

@@ -1 +0,0 @@
-

package/dist/esm/utils/loading.js

@@ -1,22 +0,0 @@
-const t = (n) => n != null;
-function l(n) {
-  return n.reduce(
-    (r, o) => r && t(o),
-    !0
-  );
-}
-function d(n) {
-  return Math.round(n / 5) * 5;
-}
-function s(n) {
-  const r = n.reduce(
-    (e, u) => t(u) ? e + 1 : e,
-    0
-  ), o = Math.floor(r / n.length * 100);
-  return d(o);
-}
-export {
-  l as allLoaded,
-  s as loadingProgress,
-  d as round5
-};

package/dist/esm/utils/math.js

@@ -1,45 +0,0 @@
-function m(t, n, o) {
-  const e = t / n, a = Math.round(e * o);
-  return Math.round(a / o * n);
-}
-function h(t, n, o) {
-  const e = t / n;
-  return Math.round(e * o) / o;
-}
-function f(t, n) {
-  return t / n;
-}
-function b(t, n, o, e) {
-  const a = /* @__PURE__ */ new Set([t]);
-  for (let s = 1; n >= t + o * s; s += 1)
-    a.add(t + o * s);
-  return a.add(n), e?.forEach((s) => {
-    a.add(s);
-  }), [...a].sort((s, c) => s - c);
-}
-function D(t, n, o) {
-  return Math.min(Math.max(t, n), o);
-}
-function V(t, n, o) {
-  const e = t, a = m(e, o, 1), s = Math.abs(a - e), c = n.reduce(
-    (u, r) => {
-      const l = r !== void 0 ? Math.abs(r - e) : Number.MAX_SAFE_INTEGER;
-      return u[l] = r || 0, u;
-    },
-    []
-  ), i = {
-    [s]: a,
-    ...c
-  }, d = Math.min(
-    ...Object.keys(i).map((u) => Number(u))
-  );
-  return { minPoint: i[d], minDistance: d };
-}
-export {
-  f as decimalsToStep,
-  V as findClosestPoint,
-  h as formatWithDecimals,
-  m as formatWithoutDecimals,
-  b as splitInterval,
-  D as validateMinMax
-};

package/dist/esm/utils/plural.js

@@ -1,11 +0,0 @@
-function u(r, t) {
-  const n = r % 10, e = r % 100;
-  return n === 1 && e !== 11 ? t[0] : n >= 2 && n <= 4 && (e < 10 || e >= 20) ? t[1] : t[2];
-}
-function i(r, t, n) {
-  return r === 1 ? t : n ?? `${t}s`;
-}
-export {
-  i as pluralize,
-  u as selectPluralString
-};

package/dist/esm/utils/react.js

@@ -1,44 +0,0 @@
-import * as e from "react";
-function o(r) {
-  if (r == null)
-    return "";
-  if (typeof r == "string" || typeof r == "number")
-    return String(r);
-  if (typeof r == "boolean")
-    return r ? "true" : "false";
-  if (e.isValidElement(r)) {
-    const i = r.props?.children;
-    return i == null ? "" : Array.isArray(i) ? i.map(o).join(" ") : o(i);
-  }
-  if (Array.isArray(r))
-    return r.map(o).join(" ");
-  try {
-    return String(r);
-  } catch {
-    return "";
-  }
-}
-function f(r) {
-  if (r == null)
-    return String(r);
-  const t = typeof r;
-  if (t === "string" || t === "number" || t === "boolean")
-    return String(r);
-  if (t === "bigint")
-    return `bigint:${r.toString()}`;
-  if (t === "symbol" || t === "function")
-    return `${t}:${String(r)}`;
-  try {
-    return JSON.stringify(r, (i, n) => typeof n == "bigint" ? `bigint:${n.toString()}` : typeof n == "symbol" ? `symbol:${String(n)}` : typeof n == "function" ? `function:${n.name || "anonymous"}` : n);
-  } catch {
-    try {
-      return `${t}:${String(r)}`;
-    } catch {
-      return `[unserializable:${t}]`;
-    }
-  }
-}
-export {
-  o as extractTextFromLabel,
-  f as serializeValue
-};

package/dist/esm/utils/search-in-token.js

@@ -1,14 +0,0 @@
-function c(e, t) {
-  if (!e || !t) return !1;
-  const s = t.toLowerCase().trim();
-  if (!s) return !1;
-  const r = e.title?.toLowerCase() || "", o = e.symbol?.toLowerCase() || "", n = e.name?.toLowerCase() || "", a = e.address?.toLowerCase() || "";
-  return r.includes(s) || o.includes(s) || n.includes(s) || s.length > 2 && a.toLowerCase().startsWith(s);
-}
-function i(e) {
-  return (t) => c(t, e);
-}
-export {
-  i as createTokenSearchFilter,
-  c as searchInToken
-};

package/dist/esm/utils/search.js

@@ -1,6 +0,0 @@
-function n(e, r) {
-  return e.toLowerCase().includes(r.toLowerCase());
-}
-export {
-  n as searchInString
-};

package/dist/esm/utils/short-sha.js

@@ -1,4 +0,0 @@
-const s = (o) => o.slice(0, 7);
-export {
-  s as shortSHA
-};

package/dist/esm/utils/ttl.js

@@ -1,42 +0,0 @@
-import { Duration as a } from "luxon";
-const s = 1e3, f = 60 * s, u = 60 * f, i = 24 * u, c = 7 * i, m = 30 * i;
-function N(n) {
-  if (!n) return;
-  const t = typeof n == "bigint" ? Number(n) : n;
-  return t >= m ? "good" : t > c ? "medium" : "bad";
-}
-function d(n) {
-  if (!n) return "Expired";
-  const t = typeof n == "bigint" ? Number(n) : n;
-  if (t <= 0) return "Expired";
-  const o = Math.floor(t / i), r = Math.floor(t % i / u), e = Math.floor(t % u / f);
-  return o > 0 ? r > 0 ? `${o}d ${r}h` : `${o}d` : r > 0 ? e > 0 ? `${r}h ${e}m` : `${r}h` : e > 0 ? `${e}m` : "< 1m";
-}
-function b(n, t = Date.now()) {
-  if (!n) return "Expired";
-  let o = typeof n == "bigint" ? Number(n) : n;
-  o < 1e12 && (o *= 1e3);
-  const r = o - t;
-  return d(r);
-}
-function M(n) {
-  const t = typeof n == "bigint" ? Number(n) : n, o = a.fromMillis(t), r = o.as("months");
-  if (r > 3) return { months: Math.floor(r) };
-  const e = o.as("days");
-  if (e >= 1) return { day: Math.floor(e) };
-}
-const T = {
-  SECOND: s,
-  MINUTE: f,
-  HOUR: u,
-  DAY: i,
-  WEEK: c,
-  MONTH: m
-};
-export {
-  T as TTL_CONSTANTS,
-  N as getTTLZones,
-  b as ttlFromTimestamp,
-  M as ttlLeft,
-  d as ttlLeftHuman
-};

package/dist/types/components/base/info-portal/index.d.ts

@@ -1 +0,0 @@
-export * from './info-portal';

package/dist/types/components/base/info-portal/info-portal.d.ts

@@ -1,8 +0,0 @@
-import { default as React, PropsWithChildren } from 'react';
-/**
- * Lets a deeply nested child render information into a slot reserved higher up
- * (e.g. a dialog's projection into the manage pane's card top).
- */
-export declare function InfoPortalProvider({ children }: PropsWithChildren<object>): import("react/jsx-runtime").JSX.Element;
-/** The slot inside the pane card where portal content appears. */
-export declare function InfoPortalOut(): React.ReactElement;

package/dist/types/components/base/side-card/constants.d.ts

@@ -1,5 +0,0 @@
-export declare class SideCardTest {
-    static root: string;
-    static title: string;
-    static body: string;
-}

package/dist/types/components/base/side-card/index.d.ts

@@ -1,2 +0,0 @@
-export * from './constants';
-export * from './side-card';

package/dist/types/components/base/side-card/side-card.d.ts

@@ -1,16 +0,0 @@
-import { default as React } from 'react';
-import { TitleText } from '../text';
-import { SideCardTest } from './constants';
-export { SideCardTest };
-export interface SideCardProps {
-    readonly title: TitleText;
-    readonly tip?: React.ReactNode;
-    readonly children: React.ReactNode;
-    readonly className?: string;
-    readonly testId?: string;
-}
-/**
- * Card beside a chart: title row, optional tip. Body columns follow the
- * card's own width — 3, then 2, then 1 as it gets narrower.
- */
-export declare function SideCard({ title, tip, children, className, testId, }: SideCardProps): React.ReactElement;

package/dist/types/components/base/sticky-bar/constants.d.ts

@@ -1,3 +0,0 @@
-export declare class StickyBarTest {
-    static root: string;
-}

package/dist/types/components/base/sticky-bar/index.d.ts

@@ -1 +0,0 @@
-export * from './sticky-bar';

package/dist/types/components/base/sticky-bar/sticky-bar.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-import { StickyBarTest } from './constants';
-export { StickyBarTest };
-export interface StickyBarProps {
-    readonly children: React.ReactNode;
-    readonly className?: string;
-    readonly testId?: string;
-}
-export declare function StickyBar({ children, className, testId, }: StickyBarProps): React.ReactElement;

package/dist/types/components/base/token-pair-title/constants.d.ts

@@ -1,3 +0,0 @@
-export declare class TokenPairTitleTest {
-    static root: string;
-}

package/dist/types/components/base/token-pair-title/index.d.ts

@@ -1,2 +0,0 @@
-export * from './constants';
-export * from './token-pair-title';

package/dist/types/components/base/token-pair-title/token-pair-title.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-import { TokenPairTitleTest } from './constants';
-export { TokenPairTitleTest };
-export interface TokenPairTitleProps {
-    /** Collateral / strategy side of the title. */
-    readonly name: React.ReactNode;
-    /** Debt side symbol; hidden when undefined. */
-    readonly debtSymbol?: string;
-}
-/** "Collateral / debt" title: names separated by a muted slash. */
-export declare function TokenPairTitle({ name, debtSymbol, }: TokenPairTitleProps): React.ReactElement;

package/dist/types/components/base/values/points-value.d.ts

@@ -1,11 +0,0 @@
-import { ApyBreakdown } from '@gearbox-protocol/sdk/model';
-import { default as React } from 'react';
-export interface PointsValueProps {
-    /** SDK APY breakdown; `undefined` or no point programs render nothing. */
-    readonly data: ApyBreakdown | undefined;
-}
-/**
- * Point programs attached to an APY breakdown: icon + name for each program.
- * Returns `null` when the SDK has none.
- */
-export declare function PointsValue({ data, }: PointsValueProps): React.ReactElement | null;

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

@@ -1,35 +0,0 @@
-import { BlockSyncProps } from '../../types/footer';
-import type * as React from "react";
-export interface BlockSyncPillProps extends BlockSyncProps {
-    /**
-     * Label rendered inside the status pill. Defaults to `Status`.
-     */
-    statusLabel?: React.ReactNode;
-    /**
-     * Additional class names applied to the pill wrapper.
-     */
-    className?: string;
-}
-/**
- * BlockSyncPill — backend-sync status rendered as an {@link AppFooter}-style
- * pill: a thin bordered, rounded badge with a status dot and a label.
- *
- * Reflects the **liveness** of the data-refresh loop rather than raw block age:
- * - **loading** (no successful sync yet): the dot is a pulsing neutral gray;
- * - **synced** (within `syncIntervalMs * staleMultiplier`, no errors): green,
- *   pulsing while a refresh is in flight;
- * - **error / stalled**: red.
- *
- * Hovering reveals per-chain block numbers and the local time of the last sync.
- *
- * @example
- * ```tsx
- * <BlockSyncPill
- *   blockByChain={blockByChain}
- *   explorerAddresses={explorerAddresses}
- *   networkById={networkById}
- *   syncIntervalMs={300000}
- * />
- * ```
- */
-export declare function BlockSyncPill({ blockByChain, explorerAddresses, networkById, syncIntervalMs, staleMultiplier, statusLabel, className, }: BlockSyncPillProps): React.ReactElement;

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

@@ -1,29 +0,0 @@
-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/dist/types/components/block-sync-pill/index.d.ts

@@ -1 +0,0 @@
-export * from './block-sync-pill';

package/dist/types/components/buttons/filter-button/filter-button.d.ts

@@ -1,52 +0,0 @@
-import { ButtonProps } from '../button';
-import * as React from "react";
-/**
- * FilterButtonProps — props for FilterButton component.
- */
-export interface FilterButtonProps extends ButtonProps {
-    /**
-     * Custom label for the filter button
-     * @default "Filter"
-     */
-    label?: string;
-    /**
-     * Whether to show the filter icon
-     * @default true
-     */
-    showIcon?: boolean;
-}
-/**
- * FilterButton — button component with filter icon for triggering filter actions.
- *
- * @usage
- * Use FilterButton to trigger filter dialogs or modals:
- * filter triggers, search filters, table filters, list filters.
- *
- * Props:
- * - `label` — custom button text (defaults to "Filter").
- * - `showIcon` — whether to display filter icon (defaults to true).
- * - `variant` — button variant (defaults to "outline").
- * - `size` — button size (defaults to "default").
- * - All standard Button props are supported (onClick, className, etc.).
- *
- * Note: Commonly used with WithFilterButton HOC or FilterModal component.
- * Displays Filter icon from lucide-react by default.
- *
- * Do NOT use FilterButton:
- * - for direct filtering without opening a dialog (use regular Button with filter logic).
- * - when filter icon doesn't make sense visually (use regular Button instead).
- *
- * @example
- * ```tsx
- * // Basic usage
- * <FilterButton onClick={() => console.log("Filter clicked")} />
- *
- * // With custom label
- * <FilterButton label="Apply Filters" variant="outline" size="sm" />
- *
- * // Without icon
- * <FilterButton showIcon={false} label="Filters" />
- * ```
- */
-declare const FilterButton: React.ForwardRefExoticComponent<FilterButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { FilterButton };

package/dist/types/components/buttons/filter-button/index.d.ts

@@ -1 +0,0 @@
-export * from './filter-button';

package/dist/types/components/buttons/navigation-button/index.d.ts

@@ -1 +0,0 @@
-export * from './navigation-button';

package/dist/types/components/buttons/navigation-button/navigation-button.d.ts

@@ -1,26 +0,0 @@
-import * as React from "react";
-export interface NavigationButtonProps {
-    href: string;
-    text: string;
-    isActive: boolean;
-}
-/**
- * NavigationButton — component for internal navigation with active state indication.
- *
- * @usage
- * Use NavigationButton for navigation within the application that requires active state:
- * main navigation menus, tab navigation, sidebar navigation, breadcrumb navigation.
- * Used in Header component.
- *
- * Props:
- * - `href` — destination URL for navigation (required).
- * - `text` — button label text (required).
- * - `isActive` — indicates if the current route matches this button's destination (required).
- *
- * Do NOT use NavigationButton:
- * - for external links (use ExternalButton instead).
- * - for actions that don't navigate (use regular Button instead).
- * - when active state indication is not needed (use regular Link component).
- */
-declare const NavigationButton: React.ForwardRefExoticComponent<NavigationButtonProps & React.RefAttributes<HTMLAnchorElement>>;
-export { NavigationButton };

package/dist/types/components/cards/expandable-call/expandable-call.d.ts

@@ -1,28 +0,0 @@
-import * as React from "react";
-export interface ExpandablCallProps {
-    header: React.ReactNode;
-    children: React.ReactNode;
-    index: string | number;
-    isExpandable?: boolean;
-}
-/**
- * ExpandablCall — component for displaying calls within transactions.
- *
- * @usage
- * Use ExpandablCall to display individual function calls inside transaction cards (ExpandableCard):
- * contract method calls, function invocations, call details within transaction data.
- *
- * Props:
- * - `header` — content displayed in the always-visible header section (required).
- * - `children` — content shown when expanded (required).
- * - `index` — call index number displayed as "#{index}" in the header (required).
- * - `isExpandable` — if false, call cannot be expanded/collapsed (defaults to true).
- *
- * Note: Uses rounded background (bg-gray-900/50) and border-top for expanded content to distinguish from transaction card.
- *
- * Do NOT use ExpandablCall:
- * - for displaying transactions themselves (use ExpandableCard instead).
- * - outside of transaction context (use ExpandableCard or regular Card instead).
- */
-declare function ExpandablCall({ header, children, index, isExpandable, }: ExpandablCallProps): import("react/jsx-runtime").JSX.Element;
-export { ExpandablCall };

package/dist/types/components/cards/expandable-call/index.d.ts

@@ -1 +0,0 @@
-export * from './expandable-call';