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

package/dist/types/components/token-template/token-template.d.ts

@@ -1,6 +1,6 @@
 import { TokenFullData } from '../../types/common';
 import { ParseSmallNumberResult } from '../../utils';
-import { negativeTokenTemplate, tokenTemplateString } from '../../utils/templates';
+import { tokenTemplateString } from '../../utils/templates';
 import { FormattedNumberStringProps } from '../formatted-number';
 import type * as React from "react";
 export interface TokenTemplateProps extends Omit<FormattedNumberStringProps, "value"> {
@@ -48,5 +48,5 @@ export interface TokenTemplateProps extends Omit<FormattedNumberStringProps, "va
  * // Output: "-1.5 ETH"
  * ```
  */
-export declare function TokenTemplate({ value, token, precision, formatter, noFormattedAmountValue, showSymbol, maxLength, ...rest }: TokenTemplateProps): import("react/jsx-runtime").JSX.Element;
-export { tokenTemplateString, negativeTokenTemplate };
+export declare function TokenTemplate({ value, token, precision, formatter, noFormattedAmountValue, showSymbol, maxLength, ...rest }: TokenTemplateProps): React.JSX.Element;
+export { tokenTemplateString };

package/dist/types/components/tooltip/simple-tooltip.d.ts

@@ -82,7 +82,7 @@ export interface SimpleTooltipProps {
  * </SimpleTooltip>
  * ```
  */
-export declare function SimpleTooltip({ children, title, placement, trigger, triangle, delayShow, maxWidth, minWidth, type, open: controlledOpen, onOpenChange: controlledOnOpenChange, className, triggerClassName, useTitleAsTrigger, }: SimpleTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function SimpleTooltip({ children, title, placement, trigger, triangle, delayShow, maxWidth, minWidth, type, open: controlledOpen, onOpenChange: controlledOnOpenChange, className, triggerClassName, useTitleAsTrigger, }: SimpleTooltipProps): React.JSX.Element;
 export declare namespace SimpleTooltip {
     var displayName: string;
 }

package/dist/types/components/trading-view/trading-view.d.ts

@@ -1,6 +1,7 @@
 import { LineStyle } from 'lightweight-charts';
 import { RangeButtonsProps } from '../buttons/range-buttons/range-buttons';
 import { YMeasureUnits } from '../graph/formatters';
+import { GraphLegendMarker } from '../graph/graph';
 import { GraphViewWithDataProps } from '../graph/graph-view';
 import { GraphDropdownItem, GraphDropdownProps } from './graph-dropdown';
 import type * as React from "react";
@@ -15,7 +16,11 @@ export interface GraphDataPoint {
  * Graph data structure with title and data points
  */
 export interface GraphData {
-    /** Stable identifier used for color mapping. Should match `GraphDropdownItem.value`. */
+    /**
+     * Stable identifier used for color mapping and as the chart series key.
+     * Should match `GraphDropdownItem.value`. Keep this fixed when only `title`
+     * changes, otherwise the series is recreated and hover tooltips break.
+     */
     id?: string;
     title?: string;
     data: GraphDataPoint[];
@@ -37,11 +42,11 @@ export interface GraphData {
 /**
  * TradingView component props
  */
-export interface TradingViewProps<T extends string = string> extends Omit<GraphViewWithDataProps, "series" | "loading" | "toolbar" | "size" | "showLegend" | "onUnselectSeries" | "yMeasureUnit" | "currentValueDecimals" | "data" | "title"> {
+export interface TradingViewProps<T extends string = string, TRange extends string = string> extends Omit<GraphViewWithDataProps, "series" | "loading" | "toolbar" | "size" | "showLegend" | "onUnselectSeries" | "yMeasureUnit" | "currentValueDecimals" | "data" | "title"> {
     /** Graph data - single or array of series */
     data: GraphData | Array<GraphData> | undefined;
     /** Y-axis unit for single or multiple series */
-    yMeasureUnit?: YMeasureUnits | Array<YMeasureUnits>;
+    yMeasureUnit?: YMeasureUnits | ReadonlyArray<YMeasureUnits>;
     /** Chart height in pixels */
     height?: number;
     /** Default selected graph item(s) */
@@ -53,17 +58,23 @@ export interface TradingViewProps<T extends string = string> extends Omit<GraphV
     /** Enable multiple graph selection */
     isMultipleSelect?: boolean;
     /** Available time range options */
-    rangeList: RangeButtonsProps<string>["rangeList"];
+    rangeList: RangeButtonsProps<TRange>["rangeList"];
     /** Currently selected time range */
-    range: string;
+    range: TRange;
     /** Callback to change selected range */
-    setRange: (range: string) => void;
+    setRange: (range: TRange) => void;
     /** Callback when expand button is clicked */
     onGraphExpanded?: () => void;
     /** Whether graph is currently expanded */
     isGraphExpanded?: boolean;
     /** Callback when series is unselected from legend */
     onUnselectSeries?: (label: string) => void;
+    /**
+     * Legend entries for things that are not data series — the vertical marker
+     * lines, which are drawn by their own layer and never reach `data`. Without
+     * them the plot shows coloured lines the legend does not account for.
+     */
+    legendMarkers?: ReadonlyArray<GraphLegendMarker>;
     /** Set of graph values that have no data available */
     graphsWithNoData?: Set<T>;
     /** Set of graph values that are currently loading */
@@ -178,4 +189,4 @@ export interface TradingViewProps<T extends string = string> extends Omit<GraphV
  * />
  * ```
  */
-export declare function TradingView<T extends string = string>({ data, yMeasureUnit, height, defaultGraph, onGraphSelected, graphs, isMultipleSelect, range, rangeList, setRange, onGraphExpanded, isGraphExpanded, onUnselectSeries, graphsWithNoData, loadingGraphs, isLoading: isLoadingProp, noDataMessage, currentValueDecimals, containerClassName, useSharedPriceScale, showCurrentValue, yScaleMin, yScaleMinMultiple, seriesColorPersistenceKey, title, trailing, ...restProps }: TradingViewProps<T>): React.ReactElement;
+export declare function TradingView<T extends string = string, TRange extends string = string>({ data, yMeasureUnit, height, defaultGraph, onGraphSelected, graphs, isMultipleSelect, range, rangeList, setRange, onGraphExpanded, isGraphExpanded, onUnselectSeries, legendMarkers, graphsWithNoData, loadingGraphs, isLoading: isLoadingProp, noDataMessage, currentValueDecimals, containerClassName, useSharedPriceScale, showCurrentValue, yScaleMin, yScaleMinMultiple, seriesColorPersistenceKey, title, trailing, ...restProps }: TradingViewProps<T, TRange>): React.ReactElement;

package/dist/types/components/truncated-text/index.d.ts

@@ -0,0 +1 @@
+export * from './truncated-text';

package/dist/types/components/truncated-text/truncated-text.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+export interface TruncatedTextProps {
+    readonly text: string;
+    readonly className?: string;
+    readonly "data-testid"?: string;
+}
+/**
+ * Single-line text that clips with an ellipsis and exposes a native tooltip
+ * (`title`) only when the content is actually truncated. The overflow check
+ * runs on hover/focus, so the tooltip text is in place before the browser
+ * shows it and there is no extra render.
+ */
+export declare function TruncatedText({ text, className, "data-testid": dataTestId, }: TruncatedTextProps): React.ReactElement;

package/dist/types/components/typed-intl/index.d.ts

@@ -9,7 +9,7 @@ export interface FormattedMessageTypedProps {
     values?: Values;
     defaultMessage?: string;
 }
-export declare function FormattedMessageTyped({ messageId, values, defaultMessage, }: FormattedMessageTypedProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormattedMessageTyped({ messageId, values, defaultMessage, }: FormattedMessageTypedProps): React.JSX.Element;
 export interface FormatMessageTypedProps {
     messageId: LocaleKeys;
     /** Fallback when the key is missing in the app's messages (e.g. app did not merge locale). */

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

@@ -1,10 +1,10 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const typographyVariants: (props?: ({
-    variant?: "body" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "bodySmall" | "overline" | "inherit" | null | undefined;
-    color?: "inherit" | "default" | "muted" | "success" | "warning" | "destructive" | "primary" | "secondary" | null | undefined;
+    variant?: "body" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "bodySmall" | null | undefined;
+    color?: "default" | "success" | "inherit" | "secondary" | "warning" | "destructive" | "primary" | "muted" | null | undefined;
     weight?: "bold" | "medium" | "inherit" | "normal" | "semibold" | null | undefined;
-    align?: "center" | "inherit" | "left" | "right" | null | undefined;
+    align?: "center" | "inherit" | "right" | "left" | null | undefined;
     leading?: "inherit" | "normal" | "tight" | "relaxed" | null | undefined;
     truncate?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/vertical-indicator/vertical-indicator.d.ts

@@ -1,15 +1,15 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const rootVariants: (props?: ({
-    align?: "center" | "start" | "end" | "baseline" | null | undefined;
+    align?: "center" | "end" | "baseline" | "start" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const labelVariants: (props?: ({
     size?: "default" | "unset" | "sm" | "xs" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const valueVariants: (props?: ({
     size?: "default" | "unset" | "sm" | "xs" | null | undefined;
-    weight?: "medium" | "normal" | "unset" | null | undefined;
-    color?: "default" | "muted" | "success" | "warning" | "primary" | "alert" | "secondary" | null | undefined;
+    weight?: "medium" | "unset" | "normal" | null | undefined;
+    color?: "default" | "success" | "alert" | "secondary" | "warning" | "primary" | "muted" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface VerticalIndicatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color">, VariantProps<typeof rootVariants>, VariantProps<typeof labelVariants>, VariantProps<typeof valueVariants> {
     /** Label text shown on the left */

package/dist/types/components/yield-breakdown-tooltip/yield-breakdown-tooltip.d.ts

@@ -1,5 +1,23 @@
 import { ApyBreakdown, Bps, Leverage } from '@gearbox-protocol/sdk/model';
+import { SimpleTooltipPlacement } from '../tooltip';
 import type * as React from "react";
+export interface ApyBreakdownTooltipProps {
+    /** Trigger — what the user hovers. */
+    readonly title: React.ReactNode;
+    /** Breakdown card (or any rich body) shown in the panel. */
+    readonly children: React.ReactNode;
+    /** Placement relative to the trigger. @default "left" */
+    readonly placement?: SimpleTooltipPlacement;
+    /** Controlled open state. Specs pass it because jsdom has no hover. */
+    readonly open?: boolean;
+    readonly className?: string;
+    readonly triggerClassName?: string;
+}
+/**
+ * Chrome around an APY breakdown in a tooltip: 400px, no arrow, modal
+ * surface. Callers pass only the trigger and the card — width lives here.
+ */
+export declare function ApyBreakdownTooltip({ title, children, placement, open, className, triggerClassName, }: ApyBreakdownTooltipProps): React.ReactElement;
 export interface YieldBreakdownTooltipProps {
     /**
      * Net yield (`ApyBreakdown`). For a strategy this is the net at
@@ -18,13 +36,17 @@ export interface YieldBreakdownTooltipProps {
     collateralApy?: ApyBreakdown;
     /** Strategy base borrow cost in bps (shown as a negative rate). */
     borrowApy?: Bps;
-    /** Strategy additional (quota) borrow cost in bps (folded into Borrow Rate). */
-    additionalBorrowApy?: Bps;
+    /** Strategy quota rate in bps, at 1x (folded into Borrow Rate). */
+    quotaRate?: Bps;
+    /** When `"7d"`, labels carry the averaging-window suffix. */
+    period?: "7d";
     children?: React.ReactNode;
     className?: string;
+    /** Controlled open state. Specs pass it because jsdom has no hover. */
+    open?: boolean;
 }
 /**
- * Earn APY tooltip — strategy (`Net APY at Nx Leverage`) and pool
- * (`Overall APY`) layouts from SDK `ApyBreakdown`.
+ * Earn APY tooltip — a pool hands {@link PoolApyBreakdownCard}; a strategy
+ * (positions list) still itemises unlevered collateral, borrow and rewards.
  */
-export declare function YieldBreakdownTooltip({ supplyApy, maxLeverage, collateralApy, borrowApy, additionalBorrowApy, children, className, }: YieldBreakdownTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function YieldBreakdownTooltip({ supplyApy, maxLeverage, collateralApy, borrowApy, quotaRate, period, children, className, open, }: YieldBreakdownTooltipProps): React.JSX.Element;

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

@@ -1,4 +1,2 @@
-export * from './design-tokens';
 export { default as tailwindConfig, preset } from './tailwind.config';
 export { default as tailwindPreset } from './tailwind-preset';
-export * from './variants';

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

@@ -1,11 +1,6 @@
-export * from './use-checkbox-select';
-export * from './use-controllable-state';
 export * from './use-debounce';
 export * from './use-debounce-call';
 export * from './use-filter';
-export * from './use-hf';
 export * from './use-media-query';
 export * from './use-observed-width-key';
-export * from './use-opened-state';
 export * from './use-previous';
-export * from './use-smart-number-input';

package/dist/types/hooks/use-filter.d.ts

@@ -1,16 +1,3 @@
-import { FilterRange } from '../types/filter';
-export interface SelectFilterList<T> {
-    items: Array<T>;
-    label: string;
-}
-/**
- * Hook for managing range filter state
- */
-export declare function useRangeFilter(): readonly [FilterRange | null, import('react').Dispatch<import('react').SetStateAction<FilterRange | null>>, () => void];
-/**
- * Hook for managing select filter state
- */
-export declare function useSelectFilter<T>(initialState?: SelectFilterList<T> | null): readonly [SelectFilterList<T> | null, import('react').Dispatch<import('react').SetStateAction<SelectFilterList<T> | null>>, () => void];
 type SortType = "desc" | "asc";
 export interface FilterSortField<T> {
     field: T;
@@ -38,7 +25,6 @@ export interface MultiSortFieldState {
      */
     priority: number | undefined;
 }
-export type MultiSortSetterFunction<T> = (field: T, startFromSort?: SortType) => void;
 /**
  * Resolve the direction and priority of a single field within a multi-sort.
  *
@@ -57,27 +43,4 @@ export declare const getSortForFields: <T>(field: T, state: MultiSortField<T> |
  * is reached.
  */
 export declare function nextMultiSortState<T>(prev: MultiSortField<T>, field: T, startFromSort?: SortType, maxFields?: number): MultiSortField<T>;
-export interface UseMultiSortOptions {
-    /** Maximum number of simultaneously active sort keys. Defaults to `2`. */
-    maxFields?: number;
-}
-/**
- * Hook for managing sort state across multiple fields (e.g. sort by `type`,
- * then by `apy`). Mirrors {@link useSort} but keeps an ordered list of keys.
- */
-export declare function useMultiSort<T>(initialState?: MultiSortField<T> | null, { maxFields }?: UseMultiSortOptions): readonly [MultiSortField<T>, MultiSortSetterFunction<T>, {
-    readonly removeSortField: (field: T) => void;
-    readonly resetSort: () => void;
-}];
-interface GeneralRangeFilterState {
-    state: FilterRange | null;
-}
-interface GeneralSelectFilterState<T> {
-    state: SelectFilterList<T> | null;
-}
-/**
- * Hook to check if any/all filters are selected
- * Returns [anySelected, allSelected]
- */
-export declare function useFilterAllSelected(filterState: Record<string, GeneralRangeFilterState | GeneralSelectFilterState<any>>): [boolean, boolean];
-export type { FilterRange };
+export {};

package/dist/types/hooks/use-media-query.d.ts

@@ -15,18 +15,10 @@
  *   `BreakpointProvider` already owns the shared state.
  */
 export declare function useMediaQuery(query: string, enabled?: boolean): boolean;
-/**
- * Checks if the viewport is mobile-sized (max-width: 500px-)
- */
-export declare const useIsExtraSmall: () => boolean;
 /**
  * Checks if the viewport is mobile-sized (max-width: 768px)
  */
 export declare const useIsMobile: () => boolean;
-/**
- * Checks if the viewport is tablet-sized (768px - 1024px)
- */
-export declare const useIsTablet: () => boolean;
 /**
  * Checks if the viewport is medium-sized or smaller (max-width: 1024px)
  */

package/dist/types/index.d.ts

@@ -9,7 +9,6 @@ export * from './components/assets-list-cell';
 export * from './components/badge';
 export * from './components/base-link';
 export * from './components/base-table';
-export * from './components/block-sync-pill';
 export * from './components/breadcrumbs';
 export * from './components/breakpoint-provider';
 export * from './components/buttons';
@@ -20,7 +19,6 @@ export * from './components/collateral-allocation-tooltip';
 export * from './components/composites';
 export * from './components/compound-apy';
 export * from './components/confirm-menu';
-export { DetailedApy, type DetailedApyProps, PoolRewardsIcon, } from './components/detailed-apy';
 export * from './components/detailed-page-title';
 export * from './components/dialog';
 export * from './components/disabled-wrap';
@@ -29,7 +27,6 @@ export * from './components/edit-input';
 export * from './components/error-message';
 export * from './components/explorer-links-dropdown';
 export * from './components/fadeout-loading';
-export * from './components/filter';
 export * from './components/formatted-number';
 export * from './components/graph';
 export * from './components/guard';
@@ -47,7 +44,7 @@ export * from './components/legal-agreement';
 export * from './components/link';
 export * from './components/loader';
 export * from './components/loading';
-export * from './components/loading-bar';
+export * from './components/markdown-text';
 export * from './components/modal';
 export * from './components/name-cell';
 export * from './components/navbar-logo';
@@ -55,9 +52,11 @@ export * from './components/navigation-context';
 export * from './components/network-icon';
 export * from './components/points-icon';
 export * from './components/pool-points-indicator';
+export * from './components/radio-group';
 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';
@@ -70,7 +69,6 @@ export * from './components/slider';
 export * from './components/spinner';
 export * from './components/spinner-loader';
 export * from './components/split-list';
-export * from './components/status-dot';
 export * from './components/status-elements';
 export * from './components/tab-control';
 export * from './components/table';
@@ -84,24 +82,18 @@ export * from './components/token-symbol';
 export * from './components/token-template';
 export * from './components/tooltip';
 export * from './components/trading-view';
+export * from './components/truncated-text';
 export * from './components/typed-intl';
 export * from './components/typography';
 export * from './components/vertical-indicator';
 export * from './components/vspace';
 export * from './components/with-copy';
-export * from './components/with-title';
 export * from './components/yield-breakdown-tooltip';
-export * from './configs/design-tokens';
-export * from './configs/variants';
 export * from './hooks';
-export type { LocaleKeys } from './locale';
 export * from './locale';
-export type { BlockSyncProps } from './types/footer';
 export { EnglishLocale };
 export * from './utils';
-export * from './utils/a11y';
-export { cn } from './utils/cn';
-export * from './utils/copy';
+export * from './utils/cn';
 export * from './utils/format';
-export { formatCompactPercent, formatMoney, formatPercentAmount, percentageTemplate, percentTemplate, } from './utils/format-money';
+export * from './utils/format-money';
 export * from './utils/templates';

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

@@ -1,7 +1,7 @@
 declare const _default: {
   "errors.networkError": "Network error. Can't fetch data",
   "errors.incorrectAddressError": "Incorrect address. Please, check url",
-  "errors.noOpenedAccountsError": "You have no opened Credit Accounts. Perhaps, you have recently been liquidated? Check notification centre to see more.",
+  "errors.noOpenedAccountsError": "You have no open Positions. Perhaps, you have recently been liquidated? Check notification centre to see more.",
   "errors.notFound": "Not found",
   "errors.tooManyRequests": "Too many requests",
   "errors.incorrectAddress": "Incorrect address",
@@ -20,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",
@@ -60,23 +60,24 @@ declare const _default: {
   "components.filterModal.reset": "Reset",
   "components.filterModal.apply": "Apply",
 
+  "components.value.accruing": "Averaged data is still being computed and will be available shortly.",
   "components.APY.tip": "These APYs are derived from the underlying protocols’ APIs and may differ in reality. Check respective protocols for their methodology.",
 
   "components.creditSessionDetailedLiquidation.graph.noData": "No data",
-  "components.creditSessionDetailedLiquidation.graph.legend.point": "Current price",
+  "components.creditSessionDetailedLiquidation.graph.legend.point": "Current Price",
   "components.creditSessionDetailedLiquidation.graph.legend.area": "Liquidation Area",
   "components.creditSessionDetailedLiquidation.graph.tip.hf": "Health Factor",
   "components.creditSessionDetailedLiquidation.graph.tip.price": "Price",
   "components.creditSessionDetailedLiquidation.table.noData": "No data",
   "components.creditSessionDetailedLiquidation.table.seeGraph": "See graph",
   "components.creditSessionDetailedLiquidation.table.asset": "Asset",
-  "components.creditSessionDetailedLiquidation.table.currentPrice": "Current price",
-  "components.creditSessionDetailedLiquidation.table.modelPrice": "Model price",
+  "components.creditSessionDetailedLiquidation.table.currentPrice": "Current Price",
+  "components.creditSessionDetailedLiquidation.table.modelPrice": "Model Price",
 
   "components.apyParts.features.points": "Points",
   "components.apyParts.features.incent": "Incent.",
   "components.apyParts.supplyAPY": "Organic APY",
-  "components.apyParts.title": "APY type",
+  "components.apyParts.title": "APY Type",
   "components.apyParts.supplyAPY.tip": "Yield from lending funds",
   "components.apyParts.tokenYield": "Intrinsic APY",
   "components.apyParts.tokenYield.tip": "Yield from holding wstETH",
@@ -87,19 +88,29 @@ declare const _default: {
   "components.apyParts.points.condition.crossDeposit": "For cross-chain deposits made via Omni",
 
   "components.yieldBreakdown.titleNetAtLeverage": "Net APY at {leverage}× Leverage",
+  "components.yieldBreakdown.titleNetAtLeverage7d": "Net APY at {leverage}× Leverage (7d)",
+  "components.yieldBreakdown.titleNet": "Net APY",
+  "components.yieldBreakdown.titleNet7d": "Net APY (7d)",
   "components.yieldBreakdown.collateralApy": "Collateral APY",
+  "components.yieldBreakdown.collateralApy7d": "Collateral APY (7d)",
+  "components.yieldBreakdown.baseApy": "Base APY",
+  "components.yieldBreakdown.baseApy7d": "Base APY (7d)",
   "components.yieldBreakdown.incentive": "Incentive",
+  "components.yieldBreakdown.incentiveApy": "Incentive APY",
+  "components.yieldBreakdown.incentiveApy7d": "Incentive APY (7d)",
   "components.yieldBreakdown.borrowRate": "Borrow Rate",
+  "components.yieldBreakdown.borrowRate7d": "Borrow Rate (7d)",
   "components.yieldBreakdown.programPoints": "{name} Points",
   "components.yieldBreakdown.points": "Points",
 
   "components.openCopyButtons.copy": "Copy to clipboard",
+  "components.openCopyButtons.explorer": "View in explorer",
 
   "components.poolAssetsTable.asset": "Name",
-  "components.poolAssetsTable.rate": "Effective rate",
+  "components.poolAssetsTable.rate": "Effective Rate",
   "components.poolAssetsTable.exposure": "Exposure",
   "components.poolAssetsTable.cap": "Cap",
-  "components.poolAssetsTable.capUtilization": "Cap utilization",
+  "components.poolAssetsTable.capUtilization": "Cap Utilization",
   "components.poolAssetsTable.usage": "{amount} of {total}",
   "components.poolAssetsTable.head.name": "Credit Manager",
   "components.poolAssetsTable.head.currentDebt": "Current Debt",
@@ -110,13 +121,13 @@ declare const _default: {
   "components.creditManagerInfo.title": "Assets and LT’s",
   "components.creditManagerInfo.info.title": "Credit Managers",
   "components.creditManagerInfo.info.copy.tip": "Copy Credit Manager address",
-  "components.creditManagerInfo.info.minDebt": "Min debt",
-  "components.creditManagerInfo.info.maxDebt": "Max debt",
-  "components.creditManagerInfo.info.liquidationFee": "Liquid. fee",
-  "components.creditManagerInfo.info.liquidationPremium": "Liquid. premium",
-  "components.creditManagerInfo.info.interestFee": "Interest fee",
-  "components.creditManagerInfo.info.debtLimit": "Debt limit",
-  "components.creditManagerInfo.info.maxEnabledTokens": "Max tokens",
+  "components.creditManagerInfo.info.minDebt": "Min Debt",
+  "components.creditManagerInfo.info.maxDebt": "Max Debt",
+  "components.creditManagerInfo.info.liquidationFee": "Liquid. Fee",
+  "components.creditManagerInfo.info.liquidationPremium": "Liquid. Premium",
+  "components.creditManagerInfo.info.interestFee": "Interest Fee",
+  "components.creditManagerInfo.info.debtLimit": "Debt Limit",
+  "components.creditManagerInfo.info.maxEnabledTokens": "Max Tokens",
 
   "dialogs.oraclesAndLTInfo.filter.hide0Quota": "Hide 0-Quota",
 
@@ -135,16 +146,16 @@ declare const _default: {
   "components.poolTable.supplyApy.tip": "Annual percentage yield that you earn for supplying capital. This number constantly changes as the utilization of the Markets goes up and down",
   "components.poolTable.depositApy": "Deposit APY",
   "components.poolTable.depositApy.tip": "Deposit APY breakdown: base rate, extra rewards, and points",
-  "components.poolTable.borrowApy": "Borrow APY",
+  "components.poolTable.borrowApy": "Borrow Rate",
   "components.poolTable.utilizationApy": "Utilization APY",
-  "components.poolTable.borrowApy.tip": "On top of the utilization borrow APY, there is a borrow quota APY for different assets",
+  "components.poolTable.borrowApy.tip": "On top of the utilization borrow rate, there is a borrow quota rate for different assets",
   "components.poolTable.utilization": "Utilization",
   "components.poolTable.collateral": "Collateral",
   "components.poolTable.collateral.showAll": "Show All",
   "components.poolTable.balance": "Your Balance",
   "components.poolTable.balance.tip": "You don't earn token rewards, only organic yield. Please migrate liquidity by using \"Migrate\" flow above.",
   "components.poolTable.emptyList": "No Pools found",
-  "components.poolTable.notFound.dashboard": "You currently have no open Market positions.",
+  "components.poolTable.notFound.dashboard": "You currently have no open Market Positions.",
   "components.poolTable.notFound.list": "No Markets found",
   "components.poolTable.notFound.description.dashboard": "Choose earn above.",
   "components.poolTable.notFound.description.list": "Choose another chain or toggle Show All Markets",
@@ -156,7 +167,7 @@ declare const _default: {
   "components.rewardsTooltip.without.extra.tip": "Any deposit through Gearbox",
   "components.rewardsTooltip.with.title": "With {leverage} Leverage",
   "components.rewardsTooltip.with.borrowRate": "{symbol} borrow rate",
-  "components.rewardsTooltip.with.quotaRate": "Quota rate",
+  "components.rewardsTooltip.with.quotaRate": "Quota Rate",
   "components.rewardsTooltip.with.extra": "+ Extra APR",
   "components.rewardsTooltip.button": "Click to show rewards details",
 
@@ -185,16 +196,16 @@ declare const _default: {
 
   "components.leverageInput.label": "Leverage",
   "components.leverageInput.reset": "Reset",
-  "components.leverageInput.available": "Available leverage",
+  "components.leverageInput.available": "Available Leverage",
 
-  "components.healthFactorBlock.label": "Health factor",
-  "components.healthFactorBlock.tip": "Health Factor is a numeric representation of your account 'health'. If your health factor drops below 1 or close to it, you might be liquidated.",
+  "components.healthFactorBlock.label": "Health Factor",
+  "components.healthFactorBlock.tip": "Health Factor is a numeric representation of your Position 'health'. If your health factor drops below 1 or close to it, you might be liquidated.",
 
   "components.liquidationPriceBlock.label": "Liquidation Price",
-  "components.liquidationPriceBlock.tip": "The asset price at which the account's health factor would reach 1 and become eligible for liquidation.",
+  "components.liquidationPriceBlock.tip": "The asset price at which the Position's health factor would reach 1 and become eligible for liquidation.",
 
-  "components.timeToLiquidationBlock.label": "Time to liquidation",
-  "components.timeToLiquidationBlock.tip": "Time to liquidation estimates how long the account can stay open if prices remain constant and no yield is earned—only accounting for borrow interest accrual.",
+  "components.timeToLiquidationBlock.label": "Time to Liquidation",
+  "components.timeToLiquidationBlock.tip": "Time to liquidation estimates how long the Position can stay open if prices remain constant and no yield is earned—only accounting for borrow interest accrual.",
 
   "components.historyChart.error": "Couldn't load chart data",
   "components.historyChart.empty": "No data",
@@ -211,29 +222,33 @@ declare const _default: {
   "components.moreAccordion.more": "More details",
   "components.moreAccordion.less": "Less details",
 
-  "components.poolApyBreakdownCard.title": "APY Breakdown",
-  "components.poolApyBreakdownCard.organicApy": "Pool organic APY",
+  "components.poolApyBreakdownCard.title": "Net APY",
+  "components.poolApyBreakdownCard.title7d": "Net APY (7d)",
+  "components.poolApyBreakdownCard.organicApy": "Base APY",
+  "components.poolApyBreakdownCard.organicApy7d": "Base APY (7d)",
   "components.poolApyBreakdownCard.incentiveApy": "Incentive APY",
-
-  "components.strategyApyBreakdownCard.titleAtLeverage": "APY at {leverage}× Leverage",
-  "components.strategyApyBreakdownCard.collateralApy": "Collateral APY",
-  "components.strategyApyBreakdownCard.incentiveApy": "Incentive APY",
-  "components.strategyApyBreakdownCard.borrowRate": "Borrow Rate",
-  "components.strategyApyBreakdownCard.formula": "{base} × {leverage} Lev.",
+  "components.poolApyBreakdownCard.incentiveApy7d": "Incentive APY (7d)",
+  "components.poolApyBreakdownCard.tokenIncentiveApy": "{symbol} Incentive APY",
+  "components.poolApyBreakdownCard.tokenIncentiveApy7d": "{symbol} Incentive APY (7d)",
+  "components.strategyApyBreakdownCard.formula": "{leverage} × {base}",
+  "components.strategyApyBreakdownCard.borrowFormula": "{leverage} × {totalRate} − {borrowRate}",
 
   "components.leveragePresetChips.label": "Leverage:",
 
-  "components.liquidationParamsTable.lt": "Liquidation threshold",
-  "components.liquidationParamsTable.penalty": "Liquidation discount",
-  "components.liquidationParamsTable.premium": "Liquidation premium",
-  "components.liquidationParamsTable.fee": "Liquidation fee",
+  "components.liquidationParamsTable.lt": "Liquidation Threshold",
+  "components.liquidationParamsTable.penalty": "Liquidation Discount",
+  "components.liquidationParamsTable.premium": "Liquidation Premium",
+  "components.liquidationParamsTable.fee": "Liquidation Fee",
 
-  "components.borrowRateBlock.label": "Borrow rate",
-  "components.borrowRateBlock.tip": "Borrow rate is displayed for your entire position size in total. You can reduce it in quota management.",
+  "components.borrowRateBlock.label": "Borrow Rate",
+  "components.borrowRateBlock.tip": "Borrow rate is displayed for your entire Position size in total. You can reduce it in quota management.",
   "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": "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 Position value or Debt amount.",
+
+  "components.transactionConfirm.previewLoading": "Parsing transaction…",
+  "components.transactionConfirm.previewErrorTitle": "Preview error"
 }
 ;
 

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

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

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

@@ -5,12 +5,6 @@
  * @returns The resolved color value
  */
 export declare function resolveCSSColor(color: string, fallback?: string): string;
-/**
- * Gets the current value of a CSS variable from the document root
- * @param variableName - The CSS variable name (with or without --)
- * @returns The resolved color value or fallback
- */
-export declare function getCSSVariable(variableName: string, fallback?: string): string;
 /**
  * Converts hex color to rgba
  * @param hex - Hex color string (e.g., "#02c39a" or "#02C39A")

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

@@ -86,4 +86,3 @@ export interface FormatMoneyAmountProps {
     maxExponentialThreshold?: number;
     locale?: string;
 }
-export declare const formatMoneyAmount: ({ amount, format, maximumFractionDigits, minimumFractionDigits, decimalPrecision, minDecimalThreshold, minExponentialThreshold, maxExponentialThreshold, locale, }: FormatMoneyAmountProps) => string;