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

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

@@ -6,6 +6,8 @@ declare const _default: {
   "errors.tooManyRequests": "Too many requests",
   "errors.incorrectAddress": "Incorrect address",
   "components.errorMessage.oops": "Oops...",
+  "components.networkIndicator.title": "Network",
+  "components.infiniteScrollWrapper.showMore": "Show more",
 
   "components.alertModal.ok": "Ok",
 
@@ -18,9 +20,9 @@ declare const _default: {
   "components.footer.built": "Built at ETHGlobal MarketMake hackathon.",
   "components.footer.version": "Version {value}",
 
-  "components.blockSyncPill.syncError": ", sync error",
-  "components.blockSyncPill.syncedAt": ", synced at {time}",
-  "components.blockSyncPill.syncing": ", syncing…",
+  "components.sdkStatus.connecting": "Connecting…",
+  "components.sdkStatus.connected": "Connected",
+  "components.sdkStatus.disconnected": "Not connected",
 
   "components.creditAccountHistory.table.protocol": "Protocol",
   "components.creditAccountHistory.table.operation": "Operation",
@@ -84,21 +86,21 @@ declare const _default: {
   "components.apyParts.points": "{symbol} Incentive",
   "components.apyParts.points.condition.crossDeposit": "For cross-chain deposits made via Omni",
 
-  "components.yieldBreakdown.title": "Yield Breakdown",
-  "components.yieldBreakdown.atLeverage": "at {leverage}× leverage",
-  "components.yieldBreakdown.baseYield": "Base Yield",
-  "components.yieldBreakdown.incentiveYield": "Incentive Yield",
+  "components.yieldBreakdown.titleNetAtLeverage": "Net APY at {leverage}× Leverage",
+  "components.yieldBreakdown.collateralApy": "Collateral APY",
+  "components.yieldBreakdown.incentive": "Incentive",
   "components.yieldBreakdown.borrowRate": "Borrow Rate",
-  "components.yieldBreakdown.baseRate": "Base Rate",
-  "components.yieldBreakdown.additionalRate": "Additional Rate",
-  "components.yieldBreakdown.netYield": "Net Yield",
+  "components.yieldBreakdown.programPoints": "{name} Points",
   "components.yieldBreakdown.points": "Points",
 
   "components.openCopyButtons.copy": "Copy to clipboard",
+  "components.openCopyButtons.explorer": "View in explorer",
 
-  "components.poolAssetsTable.asset": "Asset",
+  "components.poolAssetsTable.asset": "Name",
   "components.poolAssetsTable.rate": "Effective rate",
-  "components.poolAssetsTable.limits": "Limits Usage",
+  "components.poolAssetsTable.exposure": "Exposure",
+  "components.poolAssetsTable.cap": "Cap",
+  "components.poolAssetsTable.capUtilization": "Cap utilization",
   "components.poolAssetsTable.usage": "{amount} of {total}",
   "components.poolAssetsTable.head.name": "Credit Manager",
   "components.poolAssetsTable.head.currentDebt": "Current Debt",
@@ -198,28 +200,33 @@ declare const _default: {
   "components.historyChart.error": "Couldn't load chart data",
   "components.historyChart.empty": "No data",
 
-  "components.positionTypeBadge.pool": "Lender",
+  "components.positionTypeBadge.pool": "LP",
   "components.positionTypeBadge.strategy": "Strategy",
   "components.positionTypeBadge.liquidation": "Liquidation",
 
+  "components.positionStatusBadge.active": "Active",
+  "components.positionStatusBadge.repaid": "Repaid",
+
   "components.titleMeta.unknownCurator": "Curator",
 
   "components.moreAccordion.more": "More details",
   "components.moreAccordion.less": "Less details",
 
   "components.poolApyBreakdownCard.title": "APY Breakdown",
-  "components.poolApyBreakdownCard.apy1d": "APY 24H",
-  "components.poolApyBreakdownCard.apy7d": "APY 7d",
-  "components.poolApyBreakdownCard.apy30d": "APY 30d",
+  "components.poolApyBreakdownCard.organicApy": "Pool organic APY",
+  "components.poolApyBreakdownCard.incentiveApy": "Incentive APY",
 
-  "components.strategyApyBreakdownCard.title": "APY Breakdown",
-  "components.strategyApyBreakdownCard.formula": "How strategy APY is calculated: Collateral APY x Leverage - Base borrow rate x (Leverage - 1) - Additional borrow rate x Leverage x 1.05",
+  "components.strategyApyBreakdownCard.titleAtLeverage": "APY at {leverage}× Leverage",
   "components.strategyApyBreakdownCard.collateralApy": "Collateral APY",
-  "components.strategyApyBreakdownCard.baseBorrowRate": "Base borrow rate",
-  "components.strategyApyBreakdownCard.additionalBorrowRate": "Additional borrow rate",
+  "components.strategyApyBreakdownCard.incentiveApy": "Incentive APY",
+  "components.strategyApyBreakdownCard.borrowRate": "Borrow Rate",
+  "components.strategyApyBreakdownCard.quotaRate": "Quota Rate",
+  "components.strategyApyBreakdownCard.formula": "{leverage} × {base}",
+
+  "components.leveragePresetChips.label": "Leverage:",
 
   "components.liquidationParamsTable.lt": "Liquidation threshold",
-  "components.liquidationParamsTable.penalty": "Liquidation penalty",
+  "components.liquidationParamsTable.penalty": "Liquidation discount",
   "components.liquidationParamsTable.premium": "Liquidation premium",
   "components.liquidationParamsTable.fee": "Liquidation fee",
 
@@ -228,7 +235,10 @@ declare const _default: {
   "components.borrowRateBlock.description": "Your borrow rate consists of the Base Rate plus the Quota Rates for every asset separately.",
   "components.borrowRateBlock.baseRate": "Base Rate for Debt",
   "components.borrowRateBlock.normalization": "Rates normalization",
-  "components.borrowRateBlock.normalization.tip": "Borrowers pay {quota} and {utilization}, which have a different base. Therefore, the total borrow rate value is normalized by Account value or Debt amount."
+  "components.borrowRateBlock.normalization.tip": "Borrowers pay {quota} and {utilization}, which have a different base. Therefore, the total borrow rate value is normalized by Account value or Debt amount.",
+
+  "components.transactionConfirm.previewLoading": "Parsing transaction…",
+  "components.transactionConfirm.previewErrorTitle": "Preview error"
 }
 ;
 

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/dist/types/utils/format-leverage.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Display leverage with two decimal places, e.g. `5.79` for `5.7857…`.
+ * The suffix (`x`) / prefix (`×`) stays at the call site.
+ */
+export declare function formatLeverage(value: number): string;

package/dist/types/utils/format-money.d.ts

@@ -14,21 +14,27 @@
  */
 export declare function formatMoney(money: number | bigint, precision?: number): string;
 /**
- * Formats a percentage amount with exponential notation for very large values
+ * Formats a percentage with compact suffixes (`K` / `M` / `B` / `T`) instead
+ * of scientific notation. Input is already in percent form (`14000` → `14K%`).
+ */
+export declare function formatCompactPercent(value: number, decimals?: number): string;
+/**
+ * Formats a percentage amount. Values of 1,000% and above use compact
+ * suffixes (`14K`) instead of exponential notation.
  *
  * @param value - The percentage value (already in percent form, e.g., 2.81 for 2.81%)
  * @param decimals - Number of decimal places (default: 2)
- * @param allowExponential - Whether to allow exponential notation for large values (default: true)
+ * @param compact - Whether to compact large values (default: true)
  * @returns Formatted number (without % sign)
  *
  * @example
  * ```ts
  * formatPercentAmount(2.81, 2) // "2.81"
- * formatPercentAmount(15000, 2) // "1.50e+4"
- * formatPercentAmount(15000, 2, false) // "15000.00"
+ * formatPercentAmount(14000, 2) // "14K"
+ * formatPercentAmount(14000, 2, false) // "14000.00"
  * ```
  */
-export declare function formatPercentAmount(value: number, decimals: number, allowExponential?: boolean): string | number;
+export declare function formatPercentAmount(value: number, decimals: number, compact?: boolean): string | number;
 /**
  * Formats a percentage value that is already in percent form
  * Use this when your value is already 2.81 (meaning 2.81%), not 0.0281

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

@@ -9,10 +9,12 @@ export * from './colors';
 export * from './copy';
 export * from './format';
 export * from './format-asset-amount';
-export { formatMoney, formatMoneyAmount, formatPercentAmount, percentageTemplate, percentTemplate, } from './format-money';
+export * from './format-leverage';
+export { formatCompactPercent, formatMoney, formatMoneyAmount, formatPercentAmount, percentageTemplate, percentTemplate, } from './format-money';
 export { FORMAT_CONSTANTS, type FormatNumberOptions, formatNumberWithSuffix, formatPrice, getAdaptiveDecimals, isBelowDisplayThreshold, isEffectivelyZero, toSignificantDigits, } from './format-number';
 export * from './format-slippage';
 export * from './interface';
+export * from './leverage-presets';
 export * from './loading';
 export * from './math';
 export * from './network-icons';
@@ -25,6 +27,7 @@ export * from './search-in-token';
 export * from './short-sha';
 export * from './shorten-string';
 export type { SortField as UtilsSortField, SortType } from './sort';
+export * from './strategy-apy';
 export * from './templates';
 export * from './token-icon-source';
 export * from './ttl';

package/dist/types/utils/leverage-presets.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Leverage chips beside the strategy yield chart: 30% and 70% of the
+ * (1 → max) span, rounded to 0.5, plus max itself.
+ */
+export declare function leveragePresets(max: number): number[];
+/** Chip / subtitle leverage without trailing zeros: `5`, `5.5`, `9.54`. */
+export declare function formatChipLeverage(leverage: number): string;

package/dist/types/utils/strategy-apy.d.ts

@@ -0,0 +1,40 @@
+import { QuotaMode, StrategyRateInputs } from '@gearbox-protocol/sdk';
+import { Bps, Leverage } from '@gearbox-protocol/sdk/model';
+/**
+ * The rates a strategy's cost of credit is made of — the SDK's own
+ * `StrategyRateInputs`, spelled the same way so a caller hands over the fields
+ * of a `StrategyOpportunity` rather than a translation of them.
+ *
+ * Optional only because a card may be rendered before its strategy has loaded;
+ * the SDK requires all three, and so does the arithmetic.
+ */
+export type StrategyApyRates = Readonly<Partial<StrategyRateInputs>> & {
+    /** How much quota the position quotes; the SDK's `"safe"` unless told. */
+    readonly quotaMode?: QuotaMode;
+};
+/**
+ * Borrow and quota cost of a strategy at one leverage, split so each can have
+ * its own row.
+ *
+ * `totalCost` comes from `calcEffectiveBorrowApy` rather than from adding the
+ * two parts up here: the SDK rounds once, at the end, and a card whose rows
+ * sum to something other than its own total is the bug this replaced.
+ */
+export declare function strategyApyPartsAtLeverage({ leverage, borrowApy, quotaRate, liquidationThreshold, quotaMode, }: StrategyApyRates & {
+    readonly leverage: Leverage;
+}): {
+    readonly debtMultiplier: number;
+    readonly quotaMultiplier: number;
+    readonly borrowCost: Bps;
+    readonly quotaRate: Bps;
+    readonly quotaCost: Bps;
+    readonly totalCost: Bps;
+};
+/**
+ * Net strategy APY at one leverage, straight from the SDK — the same call the
+ * app makes for the badge beside this card, so the two cannot disagree.
+ */
+export declare function strategyNetApyAtLeverage({ collateralApy, leverage, borrowApy, quotaRate, liquidationThreshold, quotaMode, }: StrategyApyRates & {
+    readonly collateralApy: Bps;
+    readonly leverage: Leverage;
+}): Bps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "4.0.0-next.2",
+  "version": "4.0.0-next.20",
   "description": "Internal UI components",
   "repository": {
     "type": "git",
@@ -85,18 +85,18 @@
     "tailwindcss-animate": "^1.0.7"
   },
   "peerDependencies": {
-    "axios": "^1.0.0",
     "@gearbox-protocol/sdk": "*",
     "@tanstack/react-query": "^5.64.1",
     "@types/react": "^18 || ^19",
     "@types/react-dom": "^18 || ^19",
+    "axios": "^1.0.0",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19",
-    "react-intl": "^6.0.0 || ^7.0.0",
+    "react-intl": "^6.0.0 || ^7.0.0 || ^10.0.0",
     "react-router-dom": "^6.0.0 || ^7.0.0",
     "sonner": "^2.0.0",
     "viem": "^2.0.0",
-    "wagmi": "^2.0.0"
+    "wagmi": "^2.0.0 || ^3.0.0"
   },
   "peerDependenciesMeta": {
     "react-intl": {
@@ -110,13 +110,12 @@
     }
   },
   "devDependencies": {
-    "axios": "^1.12.2",
     "@biomejs/biome": "^2.2.4",
     "@chromatic-com/storybook": "^4.1.3",
     "@commitlint/cli": "^20.1.0",
     "@commitlint/config-conventional": "^20.0.0",
     "@gearbox-protocol/biome-config": "^1.0.2",
-    "@gearbox-protocol/sdk": "15.1.0-next.5",
+    "@gearbox-protocol/sdk": "16.0.0-next.1",
     "@rollup/plugin-typescript": "^12.3.0",
     "@storybook/addon-a11y": "^10.0.8",
     "@storybook/addon-docs": "^10.0.8",
@@ -134,6 +133,7 @@
     "@vitest/browser-playwright": "^4.0.14",
     "@vitest/coverage-v8": "^4.0.14",
     "autoprefixer": "^10.4.21",
+    "axios": "^1.12.2",
     "browserslist": "^4.28.0",
     "buffer": "^6.0.3",
     "cross-spawn": "^7.0.6",

package/src/styles/base.css

@@ -71,6 +71,8 @@ html.dark {
     --success-foreground: 0 0% 0%;
     --success-hover: 136.58 100% 85.1%;
     --warning: 38 95% 45%;
+    --info: 214 80% 46%;
+    --info-foreground: 0 0% 100%;
     --liquidation: 274 67% 48%;
     --liquidation-line: 38 92% 50%;
     --input: 225 10% 88%;
@@ -93,6 +95,19 @@ html.dark {
     --white-foreground: 240 2.56% 7.65%;
     --black: 0 0% 0%;
     --border: 225 10% 88%;
+    --divider: 225 10% 88%;
+    --chart-1: 18 83.05% 65.29%;
+    --chart-2: 188 62.26% 58.43%;
+    --chart-3: 326 73.71% 65.69%;
+    --chart-4: 130 44.33% 61.96%;
+    --chart-5: 257 88.96% 68.04%;
+    --chart-6: 40 72.04% 63.53%;
+    --chart-7: 212 92.43% 63.73%;
+    --chart-8: 347 78.53% 65.29%;
+    --chart-9: 167 44.1% 55.1%;
+    --chart-10: 288 64.32% 63.73%;
+    --chart-11: 76 57.14% 61.57%;
+    --chart-12: 235 89.54% 70%;
   }
 
   .dark {
@@ -119,6 +134,8 @@ html.dark {
     --success-hover: 136.58 100% 85.1%;
     --destructive-foreground: 0 0% 100%;
     --warning: 43.12 100% 68.63%;
+    --info: 215 88% 67%;
+    --info-foreground: 0 0% 100%;
     --liquidation: 277.22 74.53% 58.43%;
     --liquidation-line: 38 92% 50%;
     --input: 225 6% 19%;
@@ -140,6 +157,19 @@ html.dark {
     --white-foreground: 240 2.56% 7.65%;
     --black: 0 0% 0%;
     --border: 0 0% 100% / 0.07;
+    --divider: 218 8% 19%;
+    --chart-1: 18 83.05% 65.29%;
+    --chart-2: 188 62.26% 58.43%;
+    --chart-3: 326 73.71% 65.69%;
+    --chart-4: 130 44.33% 61.96%;
+    --chart-5: 257 88.96% 68.04%;
+    --chart-6: 40 72.04% 63.53%;
+    --chart-7: 212 92.43% 63.73%;
+    --chart-8: 347 78.53% 65.29%;
+    --chart-9: 167 44.1% 55.1%;
+    --chart-10: 288 64.32% 63.73%;
+    --chart-11: 76 57.14% 61.57%;
+    --chart-12: 235 89.54% 70%;
   }
 }
 

package/src/styles/theme.css

@@ -48,9 +48,12 @@
   --color-success-foreground: hsl(var(--success-foreground));
   --color-success-hover: hsl(var(--success-hover));
   --color-warning: hsl(var(--warning));
+  --color-info: hsl(var(--info));
+  --color-info-foreground: hsl(var(--info-foreground));
   --color-liquidation: hsl(var(--liquidation));
   --color-liquidation-line: hsl(var(--liquidation-line));
   --color-border: hsl(var(--border));
+  --color-divider: hsl(var(--divider));
   --color-input: hsl(var(--input));
   --color-ring: hsl(var(--ring));
   --color-text-secondary: hsl(var(--text-secondary));
@@ -74,6 +77,19 @@
   --color-additional-success: hsl(var(--success));
   --color-additional-warning: hsl(var(--warning));
   --color-additional-alert: hsl(var(--destructive));
+  --color-additional-info: hsl(var(--info));
+  --color-chart-1: hsl(var(--chart-1));
+  --color-chart-2: hsl(var(--chart-2));
+  --color-chart-3: hsl(var(--chart-3));
+  --color-chart-4: hsl(var(--chart-4));
+  --color-chart-5: hsl(var(--chart-5));
+  --color-chart-6: hsl(var(--chart-6));
+  --color-chart-7: hsl(var(--chart-7));
+  --color-chart-8: hsl(var(--chart-8));
+  --color-chart-9: hsl(var(--chart-9));
+  --color-chart-10: hsl(var(--chart-10));
+  --color-chart-11: hsl(var(--chart-11));
+  --color-chart-12: hsl(var(--chart-12));
 
   --radius-lg: var(--radius);
   --radius-md: calc(var(--radius) - 2px);

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

@@ -1 +0,0 @@
-"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("../alert-badge/alert-badge.cjs");require("../alert-dialog/alert-dialog.cjs");require("../alert-modal/alert-modal.cjs");require("@gearbox-protocol/static");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("@gearbox-protocol/sdk");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");require("../buttons/tab-button/tab-button.cjs");require("../token-icon/token-icon.cjs");require("../badge/badge.cjs");require("../base/amount-input/amount-input.cjs");require("../confirm-menu/confirm-menu.cjs");require("react-intl");require("../table/grid-table.cjs");require("../skeleton/skeleton.cjs");require("../table/table.cjs");require("../token-symbol/token-symbol.cjs");require("../simple-accordion/simple-accordion.cjs");require("../tip-card/tip-card.cjs");require("../typography/typography.cjs");require("../vertical-indicator/vertical-indicator.cjs");require("../points-icon/points-icon.cjs");require("@fortawesome/free-solid-svg-icons");require("../icons/fa-icon.cjs");require("../detailed-page-title/detailed-page-title-copy-button.cjs");require("../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../base/details-view/detail-aside/detail-aside-scope.cjs");require("../layout/main-aside-layout/main-aside-layout.cjs");require("../base/details-view/details-view.cjs");require("../fadeout-loading/fadeout-loading.cjs");require("../health-factor/health-factor.cjs");require("../checkbox/checkbox.cjs");require("../checkbox/checkbox-labeled.cjs");require("../select/select.cjs");require("../breakpoint-provider.cjs");require("lightweight-charts");require("../graph/formatters.cjs");require("../graph/graph-view.cjs");require("../base/info-portal/info-portal.cjs");require("../edit-input/edit-input.cjs");require("../slider/slider.cjs");require("../slider/slider-context.cjs");require("../text-button/text-button.cjs");require("../with-title/with-title.cjs");require("../status-elements/status-elements.cjs");require("react-router-dom");require("../client-adapters/styled-dialog-container/styled-dialog-container.cjs");require("../simple-dropdown/simple-dropdown.cjs");require("../simple-dropdown/simple-dropdown-menu-item.cjs");require("../help-tip/help-tip.cjs");require("../base/tabber/tabber.cjs");require("../link/link.cjs");require("../rounded-image/rounded-image.cjs");require("../base-link/base-link.cjs");require("../navigation-context/navigation-context.cjs");require("../cards/card/card.cjs");require("../checkbox-item/checkbox-item.cjs");require("../client-adapters/styled-button/styled-button.cjs");require("../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.cjs");require("../composites/tx-preview/confirm/dialog/constants.cjs");require("../modal/modal.cjs");require("../dialog/dialog-container.cjs");require("../spinner-loader/spinner-loader.cjs");require("../detailed-apy/detailed-apy.cjs");require("@radix-ui/react-dialog");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-modal-container.cjs");require("../dialog/dialog-overlay.cjs");require("viem");require("../input/input.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("../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("../icon-button/icon-button.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/grid/grid.cjs");require("../layout/layout/layout.cjs");require("../legal-agreement/legal-agreement-theme.cjs");require("../loader/loader.cjs");require("../loading/loading.cjs");require("../loading-bar/loading-bar.cjs");require("../segmented-control/segmented-control.cjs");require("../separate-line/separate-line.cjs");require("../spinner/spinner.cjs");require("../split-list/split-list.cjs");const R=require("../status-dot/status-dot.cjs");require("../textarea/textarea.cjs");require("../theme-provider.cjs");const U=require("./block-sync-status.cjs"),$=300*1e3,F=2.5;function O({blockByChain:n,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 t=()=>{k(Date.now())},r=window.setInterval(t,1e3);return()=>{clearInterval(r)}},[]);const l=b*j,{state:u,isSyncing:h}=o.useMemo(()=>U.getBlockSyncStatus({blockByChain:n,now:c,staleAfterMs:l}),[n,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(!n)return null;const t=Object.entries(n).filter(r=>!!r[1]);return t.length===0?null:e.jsx("div",{className:"flex flex-col text-left text-xs",children:t.map(([r,N],P)=>{const{lastSyncBlock:p,error:w}=N,q=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=`[${q.toString()}]`,I=P===t.length-1,A=q>0n&&!!m;return e.jsxs("div",{className:g.cn(!I&&"mb-2"),children:[e.jsxs("span",{children:[D," "]}),x&&q>0?e.jsx("a",{href:`${x}/block/${q}`,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

@@ -1 +0,0 @@
-"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/cjs/components/block-sync-pill/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./block-sync-pill.cjs");exports.BlockSyncPill=l.BlockSyncPill;

package/dist/cjs/components/composites/tx-preview/confirm/dialog/TransactionConfirmModalView.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../../../accordion/accordion.cjs");require("../../../../alert-badge/alert-badge.cjs");require("../../../../alert-dialog/alert-dialog.cjs");require("../../../../alert-modal/alert-modal.cjs");require("@gearbox-protocol/static");require("react");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("@gearbox-protocol/sdk");const m=require("../../../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");require("../../../../buttons/tab-button/tab-button.cjs");require("../../../../token-icon/token-icon.cjs");require("../../../../tooltip/simple-tooltip.cjs");require("../../../../tooltip/tooltip.cjs");require("../../../../badge/badge.cjs");require("../../../../base/amount-input/amount-input.cjs");const _=require("../../../../confirm-menu/confirm-menu.cjs");require("react-intl");require("../../../../table/grid-table.cjs");require("../../../../skeleton/skeleton.cjs");require("../../../../table/table.cjs");require("../../../../token-symbol/token-symbol.cjs");require("../../../../simple-accordion/simple-accordion.cjs");require("../../../../tip-card/tip-card.cjs");require("../../../../typography/typography.cjs");require("../../../../vertical-indicator/vertical-indicator.cjs");require("../../../../points-icon/points-icon.cjs");require("@fortawesome/free-solid-svg-icons");require("../../../../icons/fa-icon.cjs");require("../../../../detailed-page-title/detailed-page-title-copy-button.cjs");require("../../../../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../../../../base/details-view/detail-aside/detail-aside-scope.cjs");require("../../../../layout/main-aside-layout/main-aside-layout.cjs");require("../../../../base/details-view/details-view.cjs");require("../../../../fadeout-loading/fadeout-loading.cjs");require("../../../../health-factor/health-factor.cjs");require("../../../../checkbox/checkbox.cjs");require("../../../../checkbox/checkbox-labeled.cjs");require("../../../../select/select.cjs");require("../../../../breakpoint-provider.cjs");require("lightweight-charts");require("../../../../graph/formatters.cjs");require("../../../../graph/graph-view.cjs");require("../../../../base/info-portal/info-portal.cjs");require("../../../../edit-input/edit-input.cjs");require("../../../../slider/slider.cjs");require("../../../../slider/slider-context.cjs");require("../../../../text-button/text-button.cjs");require("../../../../with-title/with-title.cjs");require("../../../../status-elements/status-elements.cjs");require("react-router-dom");const f=require("../../../../client-adapters/styled-dialog-container/styled-dialog-container.cjs");require("../../../../simple-dropdown/simple-dropdown.cjs");require("../../../../simple-dropdown/simple-dropdown-menu-item.cjs");require("../../../../help-tip/help-tip.cjs");require("../../../../base/tabber/tabber.cjs");require("../../../../link/link.cjs");require("../../../../rounded-image/rounded-image.cjs");require("../../../../base-link/base-link.cjs");require("../../../../navigation-context/navigation-context.cjs");require("../../../../cards/card/card.cjs");require("../../../../checkbox-item/checkbox-item.cjs");require("../../../../client-adapters/styled-button/styled-button.cjs");require("../../../../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../amounts/TransactionConfirmAmountField.cjs");const i=require("./constants.cjs"),C=require("./TransactionConfirmShell.cjs");require("../../../../spinner-loader/spinner-loader.cjs");require("../../../../detailed-apy/detailed-apy.cjs");const g=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-modal-container.cjs");require("../../../../dialog/dialog-overlay.cjs");require("viem");require("../../../../input/input.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("../../../../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("../../../../icon-button/icon-button.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/grid/grid.cjs");require("../../../../layout/layout/layout.cjs");require("../../../../legal-agreement/legal-agreement-theme.cjs");require("../../../../loader/loader.cjs");require("../../../../loading/loading.cjs");require("../../../../loading-bar/loading-bar.cjs");require("../../../../segmented-control/segmented-control.cjs");require("../../../../separate-line/separate-line.cjs");require("../../../../spinner/spinner.cjs");require("../../../../split-list/split-list.cjs");require("../../../../status-dot/status-dot.cjs");require("../../../../textarea/textarea.cjs");require("../../../../theme-provider.cjs");function M({open:u,onClose:q,title:n,titleAddon:o,hideTitleAddonOnResult:t=!0,containerClassName:a,containerTestId:s,shellTestId:c,phase:r="confirm",...l}){if(!u)return null;const d=r!=="confirm"&&r!=="awaiting_receipt"&&t?void 0:o;return e.jsx(g.Modal,{show:u,onClickOutside:q,zIndexLayer:"MODAL",children:e.jsx(f.StyledDialogContainer,{className:m.cn(i.transactionConfirmDialogShellVariants(),a??i.transactionConfirmModalContainerVariants()),"data-testid":s,children:e.jsx(C.TransactionConfirmShell,{...l,header:e.jsx(_.ConfirmMenu,{title:n,titleAddon:d,onClose:q}),"data-testid":c??i.TransactionConfirmDialogTest.root,phase:r})})})}exports.TransactionConfirmModalView=M;

package/dist/cjs/components/composites/tx-preview/confirm/dialog/TransactionConfirmPageView.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("../../../../client-adapters/styled-dialog-container/styled-dialog-container.cjs"),_=require("../../../../confirm-menu/confirm-menu.cjs");require("react");require("@gearbox-protocol/sdk");const f=require("../../../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");const i=require("./constants.cjs"),g=require("./TransactionConfirmShell.cjs");function q({onClose:r,title:o,titleAddon:t,hideTitleAddonOnResult:s=!0,containerClassName:a,containerTestId:c,shellTestId:l,phase:e="confirm",...u}){const m=e!=="confirm"&&e!=="awaiting_receipt"&&s?void 0:t;return n.jsx(d.StyledDialogContainer,{className:f.cn(i.transactionConfirmDialogShellVariants(),a),"data-testid":c,children:n.jsx(g.TransactionConfirmShell,{...u,header:n.jsx(_.ConfirmMenu,{title:o,titleAddon:m,onClose:r}),"data-testid":l??i.TransactionConfirmDialogTest.root,phase:e})})}exports.TransactionConfirmPageView=q;

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

@@ -1,206 +0,0 @@
-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 F } from "../typed-intl/index.js";
-import { cn as S } from "../../utils/cn.js";
-import "../accordion/accordion.js";
-import "../alert-badge/alert-badge.js";
-import "../alert-dialog/alert-dialog.js";
-import "../alert-modal/alert-modal.js";
-import "@gearbox-protocol/static";
-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 "@gearbox-protocol/sdk";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-import "../buttons/tab-button/tab-button.js";
-import "../token-icon/token-icon.js";
-import "../badge/badge.js";
-import "../base/amount-input/amount-input.js";
-import "../confirm-menu/confirm-menu.js";
-import "react-intl";
-import "../table/grid-table.js";
-import "../skeleton/skeleton.js";
-import "../table/table.js";
-import "../token-symbol/token-symbol.js";
-import "../simple-accordion/simple-accordion.js";
-import "../tip-card/tip-card.js";
-import "../typography/typography.js";
-import "../vertical-indicator/vertical-indicator.js";
-import "../points-icon/points-icon.js";
-import "@fortawesome/free-solid-svg-icons";
-import "../icons/fa-icon.js";
-import "../detailed-page-title/detailed-page-title-copy-button.js";
-import "../detailed-page-title/detailed-page-title-explorer-dropdown.js";
-import "../base/details-view/detail-aside/detail-aside-scope.js";
-import "../layout/main-aside-layout/main-aside-layout.js";
-import "../base/details-view/details-view.js";
-import "../fadeout-loading/fadeout-loading.js";
-import "../health-factor/health-factor.js";
-import "../checkbox/checkbox.js";
-import "../checkbox/checkbox-labeled.js";
-import "../select/select.js";
-import "../breakpoint-provider.js";
-import "lightweight-charts";
-import "../graph/formatters.js";
-import "../graph/graph-view.js";
-import "../base/info-portal/info-portal.js";
-import "../edit-input/edit-input.js";
-import "../slider/slider.js";
-import "../slider/slider-context.js";
-import "../text-button/text-button.js";
-import "../with-title/with-title.js";
-import "../status-elements/status-elements.js";
-import "react-router-dom";
-import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
-import "../simple-dropdown/simple-dropdown.js";
-import "../simple-dropdown/simple-dropdown-menu-item.js";
-import "../help-tip/help-tip.js";
-import "../base/tabber/tabber.js";
-import "../link/link.js";
-import "../rounded-image/rounded-image.js";
-import "../base-link/base-link.js";
-import "../navigation-context/navigation-context.js";
-import "../cards/card/card.js";
-import "../checkbox-item/checkbox-item.js";
-import "../client-adapters/styled-button/styled-button.js";
-import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
-import "../composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
-import "../composites/tx-preview/confirm/dialog/constants.js";
-import "../modal/modal.js";
-import "../dialog/dialog-container.js";
-import "../spinner-loader/spinner-loader.js";
-import "../detailed-apy/detailed-apy.js";
-import "@radix-ui/react-dialog";
-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-modal-container.js";
-import "../dialog/dialog-overlay.js";
-import "viem";
-import "../input/input.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 "../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 "../icon-button/icon-button.js";
-import "../layout/app-footer/app-footer.js";
-import "../layout/app-header/app-header.js";
-import "../layout/col/col.js";
-import "../layout/container/container.js";
-import "../layout/grid/grid.js";
-import "../layout/layout/layout.js";
-import "../legal-agreement/legal-agreement-theme.js";
-import "../loader/loader.js";
-import "../loading/loading.js";
-import "../loading-bar/loading-bar.js";
-import "../segmented-control/segmented-control.js";
-import "../separate-line/separate-line.js";
-import "../spinner/spinner.js";
-import "../split-list/split-list.js";
-import { StatusDot as V } from "../status-dot/status-dot.js";
-import "../textarea/textarea.js";
-import "../theme-provider.js";
-import { getBlockSyncStatus as z } from "./block-sync-status.js";
-const C = 300 * 1e3, O = 2.5;
-function xo({
-  blockByChain: p,
-  explorerAddresses: y,
-  networkById: T,
-  syncIntervalMs: b = C,
-  staleMultiplier: h = O,
-  statusLabel: k = "Status",
-  className: v
-}) {
-  const { formatMessage: n } = F(), [c, L] = U(Date.now());
-  j(() => {
-    const m = () => {
-      L(Date.now());
-    }, r = window.setInterval(m, 1e3);
-    return () => {
-      clearInterval(r);
-    };
-  }, []);
-  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: S(
-        "inline-flex items-center gap-1.5 rounded-md border border-border px-2 py-1 text-xs",
-        i === "error" ? "text-destructive" : "text-muted-foreground",
-        v
-      ),
-      children: [
-        /* @__PURE__ */ t(V, { variant: w, size: "xs", pulse: A }),
-        k
-      ]
-    }
-  ), d = (() => {
-    if (!p) return null;
-    const m = Object.entries(p).filter(
-      (r) => !!r[1]
-    );
-    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,
-          " "
-        ] }),
-        g && e > 0 ? /* @__PURE__ */ t(
-          "a",
-          {
-            href: `${g}/block/${e}`,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: "underline hover:text-foreground",
-            children: x
-          }
-        ) : /* @__PURE__ */ t("span", { children: x }),
-        D ? /* @__PURE__ */ t("span", { className: "text-destructive", children: n({
-          messageId: "components.blockSyncPill.syncError"
-        }) }) : M ? /* @__PURE__ */ t("span", { children: n(
-          { messageId: "components.blockSyncPill.syncedAt" },
-          { time: new Date(f).toLocaleTimeString() }
-        ) }) : /* @__PURE__ */ t("span", { children: n({
-          messageId: "components.blockSyncPill.syncing"
-        }) })
-      ] }, r);
-    }) });
-  })();
-  return d ? /* @__PURE__ */ t($, { title: a(), children: d }) : /* @__PURE__ */ t("div", { className: "select-none", children: a() });
-}
-export {
-  xo as BlockSyncPill
-};