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

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

@@ -1,91 +1,33 @@
 declare const _default: {
-  "errors.networkError": "Network error. Can't fetch data",
   "errors.incorrectAddressError": "Incorrect address. Please, check url",
   "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",
   "components.errorMessage.oops": "Oops...",
-  "components.networkIndicator.title": "Network",
   "components.infiniteScrollWrapper.showMore": "Show more",
 
   "components.alertModal.ok": "Ok",
 
   "components.footer.privacy": "Privacy Notice",
-  "components.footer.terms": "Terms of Service",
-  "components.footer.disclosure": "Risk Disclosure Statement",
-  "components.footer.legalNotice": "Legal Notice",
-  "components.footer.legal": "Legal Info",
-  "components.footer.gearbox": "Copyright © Gearbox Foundation 2023-2026.",
-  "components.footer.built": "Built at ETHGlobal MarketMake hackathon.",
-  "components.footer.version": "Version {value}",
 
   "components.sdkStatus.connecting": "Connecting…",
   "components.sdkStatus.connected": "Connected",
   "components.sdkStatus.disconnected": "Not connected",
 
-  "components.creditAccountHistory.table.protocol": "Protocol",
-  "components.creditAccountHistory.table.operation": "Operation",
-  "components.creditAccountHistory.table.details": "Details",
-
   "components.notificationCenter.empty": "No notifications yet",
   "components.notificationCenter.requests": "Requests",
   "components.notificationCenter.recent": "Recent",
   "components.notificationCenter.clear": "Clear all",
 
-  "components.liquidationPrice.check": "Check Area",
-
   "components.loading.loading": "Loading",
   "components.loading.loadingPercent": "Loading {percent}%",
   "components.loading.wait": "Please wait...",
 
-  "components.smartNumberInput.balance": "Balance",
-  "components.smartNumberInput.amountLabel": "Amount",
-  "components.smartNumberInput.inputTitle": "Token Amount",
-  "components.smartNumberInput.confirm.input": "Input",
-  "components.smartNumberInput.selectToken": "Select token",
-
   "components.tipWindow.title": "Tip",
 
-  "components.healthFactor.low": "Extremely low! This HF may not cover possible oracle deviations.",
-
-  "components.headCell": "Sort by {value}",
-
-  "components.graphView.noData": "Can't get data for this graph",
-
-  "components.filterBlock.reset": "Reset All",
-  "components.filterModal.searchPlaceholder": "Search options...",
-  "components.filterModal.noOptionsAvailable": "No options available",
-  "components.filterModal.noOptionsMatchSearch": "No options match your search",
-  "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.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.apyParts.features.points": "Points",
-  "components.apyParts.features.incent": "Incent.",
-  "components.apyParts.supplyAPY": "Organic APY",
-  "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",
+
   "components.apyParts.extraAPY": "{symbol} Incentive",
-  "components.apyParts.extraAPY.tip": "Calculated at the current rate",
   "components.apyParts.totalAPY": "Overall APY",
-  "components.apyParts.points": "{symbol} Incentive",
-  "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)",
@@ -107,82 +49,14 @@ declare const _default: {
   "components.openCopyButtons.explorer": "View in explorer",
 
   "components.poolAssetsTable.asset": "Name",
-  "components.poolAssetsTable.rate": "Effective Rate",
   "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",
-  "components.poolAssetsTable.head.assets": "Asset LT",
-
-  "components.poolCreditManagersTable.assets": "{amount} assets",
-
-  "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",
-
-  "dialogs.oraclesAndLTInfo.filter.hide0Quota": "Hide 0-Quota",
-
-  "components.oraclesAndLTInfo.title": "Oracles and LTs",
-
-  "components.oraclesAndLTTable.head.token": "Token",
-  "components.oraclesAndLTTable.head.oracles": "Oracles",
-  "components.oraclesAndLTTable.head.lt": "LT",
-
-  "components.poolTable.pool": "Market",
-  "components.poolTable.market": "Market",
-  "components.poolTable.description.universal": "Universal",
-  "components.poolTable.supply": "Supply",
-  "components.poolTable.borrowed": "Borrowed",
-  "components.poolTable.supplyApy": "Supply APY",
-  "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 Rate",
-  "components.poolTable.utilizationApy": "Utilization APY",
-  "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.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",
-  "components.poolTable.externalApy.tooltipShort": "{value} APY boost when depositing via {name}",
+
   "components.poolTable.line.rwa.tip": "This is RWA market.",
 
-  "components.rewardsTooltip.without.title": "Without Leverage",
-  "components.rewardsTooltip.without.extra": "Extra APY",
-  "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.extra": "+ Extra APR",
-  "components.rewardsTooltip.button": "Click to show rewards details",
-
-  "components.strategiesTable.head.name": "Strategy",
-  "components.strategiesTable.head.rewards": "Rewards",
-  "components.strategiesTable.head.leverage": "Max Leverage",
-  "components.strategiesTable.head.earn": "You Can Earn",
-  "components.strategiesTable.body.notFound": "No strategy found",
-  "components.strategiesTable.line.disabled": "This strategy is currently not available, cause of lack or quota or liquidity. Please contact us on Discord, and we’ll assist you.",
   "components.strategiesTable.line.name.disabled": "This strategy is currently not available",
-  "components.strategiesTable.line.points.tip": "For debt nominated in {symbol}",
-  "components.strategiesTable.line.points.tipAny": "For debt",
 
-  "components.strategiesTable.line.0slippage": "0-slippage",
-  "components.strategiesTable.line.0slippage.tip": "Wrapping/unwrapping happens directly through smart-contracts, so {symbol} deposits and withdrawals don't incur slippage.",
   "components.strategiesTable.line.rwa": "RWA",
   "components.strategiesTable.line.rwa.tip": "This strategy is available on RWA market.",
 

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

@@ -13,76 +13,4 @@
  * ```
  */
 export declare function formatMoney(money: number | bigint, precision?: number): string;
-/**
- * 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 compact - Whether to compact large values (default: true)
- * @returns Formatted number (without % sign)
- *
- * @example
- * ```ts
- * formatPercentAmount(2.81, 2) // "2.81"
- * formatPercentAmount(14000, 2) // "14K"
- * formatPercentAmount(14000, 2, false) // "14000.00"
- * ```
- */
-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
- *
- * @param value - The percentage value (e.g., 2.81 for 2.81%)
- * @param decimals - Number of decimal places (default: 2)
- * @returns Formatted percentage string like "2.81%"
- *
- * @example
- * ```ts
- * percentTemplate(2.81) // "2.81%"
- * percentTemplate(50.0, 1) // "50.0%"
- * ```
- */
-export declare function percentTemplate(value: number, decimals?: number): string;
-/**
- * Formats a percentage value from basis points
- * Use this when your value is in basis points (10000 = 100%)
- *
- * @param value - The percentage value in basis points (e.g., 281 for 2.81%)
- * @param decimals - Number of decimal places (default: 2)
- * @returns Formatted percentage string like "2.81%"
- *
- * @example
- * ```ts
- * percentageTemplate(281) // "2.81%"
- * percentageTemplate(5000, 1) // "50.0%"
- * percentageTemplate(10000) // "100.00%"
- * ```
- */
 export declare function percentageTemplate(value: number | bigint, decimals?: number): string;
-export declare const DEFAULT_FORMAT_MONEY_CONSTANTS: {
-    minimumFractionDigits: number;
-    maximumFractionDigits: number;
-    decimalPrecision: number;
-    minDecimalThreshold: number;
-    minExponentialThreshold: number;
-    maxExponentialThreshold: number;
-    locale: string;
-};
-export interface FormatMoneyAmountProps {
-    amount: number | bigint;
-    format?: "short" | "full";
-    maximumFractionDigits?: number;
-    minimumFractionDigits?: number;
-    decimalPrecision?: number;
-    minDecimalThreshold?: number;
-    minExponentialThreshold?: number;
-    maxExponentialThreshold?: number;
-    locale?: string;
-}

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

@@ -1,25 +1,14 @@
-export * from './apy-breakdown';
-export * from './bn-to-input-view';
-export * from './bn-to-pretty-view';
-export * from './bps';
 export * from './cn';
 export { cn as default } from './cn';
-export * from './colors';
 export * from './format';
-export * from './format-asset-amount';
 export * from './format-leverage';
 export * from './format-money';
-export * from './format-number';
 export * from './format-slippage';
 export * from './leverage-presets';
-export * from './loading';
-export * from './math';
-export * from './network-icons';
 export * from './parse-input-to-bn';
 export * from './ranges';
 export * from './shorten-string';
+export * from './sort';
 export * from './templates';
-export * from './token-icon-source';
-export * from './ttl';
 export * from './window';
 export * from './z-index';

package/dist/types/utils/internal/format-bps.d.ts

@@ -0,0 +1,10 @@
+import { Bps } from '@gearbox-protocol/sdk/model';
+/**
+ * Basis points as a percentage (`10000` = 100%); the model's `Bps` is `number`.
+ *
+ * Self-contained on purpose: `percentageTemplate` (format-money) carries a
+ * same-named, oppositely-scaled twin in `templates.tsx` (already-percent
+ * input), so a shared bps→percent step here would inherit that ambiguity.
+ * `bps` is the one place that owns the conversion.
+ */
+export declare function bps(value: Bps): string;

package/dist/types/utils/internal/format-percent.d.ts

@@ -0,0 +1,57 @@
+/**
+ * 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 compact - Whether to compact large values (default: true)
+ * @returns Formatted number (without % sign)
+ *
+ * @example
+ * ```ts
+ * formatPercentAmount(2.81, 2) // "2.81"
+ * formatPercentAmount(14000, 2) // "14K"
+ * formatPercentAmount(14000, 2, false) // "14000.00"
+ * ```
+ */
+export declare function formatPercentAmount(value: number, decimals: number, compact?: boolean): string | number;
+/**
+ * Formats a percentage value from basis points
+ * Use this when your value is in basis points (10000 = 100%)
+ *
+ * @param value - The percentage value in basis points (e.g., 281 for 2.81%)
+ * @param decimals - Number of decimal places (default: 2)
+ * @returns Formatted percentage string like "2.81%"
+ *
+ * @example
+ * ```ts
+ * percentageTemplate(281) // "2.81%"
+ * percentageTemplate(5000, 1) // "50.0%"
+ * percentageTemplate(10000) // "100.00%"
+ * ```
+ */
+export declare const DEFAULT_FORMAT_MONEY_CONSTANTS: {
+    minimumFractionDigits: number;
+    maximumFractionDigits: number;
+    decimalPrecision: number;
+    minDecimalThreshold: number;
+    minExponentialThreshold: number;
+    maxExponentialThreshold: number;
+    locale: string;
+};
+export interface FormatMoneyAmountProps {
+    amount: number | bigint;
+    format?: "short" | "full";
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+    decimalPrecision?: number;
+    minDecimalThreshold?: number;
+    minExponentialThreshold?: number;
+    maxExponentialThreshold?: number;
+    locale?: string;
+}

package/dist/types/utils/internal/is-long-string.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Whether a string needs shortening. Its own module: ShortString and
+ * shortenString both need it, no consumer does.
+ */
+export declare function isLongString(str: string, maxLength: number): boolean;

package/dist/types/utils/internal/parse-small-number.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Input validation and small-number parsing behind parseInputToBN. Kept out of
+ * the barrel: consumers parse through `parseInputToBN`.
+ */
+export declare function isPositiveFloat(val: string): boolean;
+export interface SmallNumberParseResult {
+    integer: string;
+    repeat: number;
+    decimal: string | undefined;
+}
+export type ParseSmallNumberResult = SmallNumberParseResult | {
+    originalValue: string;
+};
+export declare function parseSmallNumber(numStr: string): ParseSmallNumberResult;

package/dist/types/utils/internal/z-index-values.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Centralized z-index catalog for overlays (toast, tooltips, modals, loading).
+ * Use these values so stacking order is consistent across the app and with consumers (e.g. client).
+ *
+ * Single source of truth: Z_INDEX_VALUES. Z_INDEX (Tailwind classes) and ZIndexLayer (type) are derived.
+ *
+ * Order from top to bottom:
+ * - TOAST: highest (notifications)
+ * - TOOLTIP: below toast, above modals
+ * - BANNERS: DataCollectionBanner, DevModeBanner, DevModeInfoModal
+ * - MODAL: main app modals (Settings, Ninja, etc.)
+ * - MODAL_ALERT: alerts/confirms that open on top of other modals (e.g. RPC warning)
+ * - DROPDOWN: dropdown/popover content (portaled to body) — must be above MODAL when inside a modal
+ * - LOADING: global loading overlay (below modals so modals can be closed first)
+ * - CONTENT: page content
+ */
+export declare const Z_INDEX_VALUES: {
+    readonly TOAST: 10000;
+    readonly TOOLTIP: 9000;
+    readonly BANNERS: 800;
+    readonly MODAL: 600;
+    readonly MODAL_ALERT: 700;
+    readonly DROPDOWN: 650;
+    readonly LOADING: 400;
+    readonly CONTENT: 0;
+};
+export type ZIndexLayer = keyof typeof Z_INDEX_VALUES;

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

@@ -3,5 +3,3 @@
  * (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/parse-input-to-bn.d.ts

@@ -1,13 +1,4 @@
-export declare function isPositiveFloat(val: string): boolean;
+import { ParseSmallNumberResult } from './internal/parse-small-number';
 export type ParseOutput = [bigint | null, string | null];
 export declare const parseInputToBN: (input: string, decimals: number, allowNegative?: boolean) => ParseOutput;
-export interface SmallNumberParseResult {
-    integer: string;
-    repeat: number;
-    decimal: string | undefined;
-}
-export type ParseSmallNumberResult = SmallNumberParseResult | {
-    originalValue: string;
-};
-export declare function parseSmallNumber(numStr: string): ParseSmallNumberResult;
 export declare function bnToLiquidationPriceView(number: bigint, precision?: number): ParseSmallNumberResult;

package/dist/types/utils/shorten-string.d.ts

@@ -13,4 +13,3 @@
  * ```
  */
 export declare function shortenString(str: string, maxLength: number): string;
-export declare function isLongString(str: string, maxLength: number): boolean;

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

@@ -0,0 +1,15 @@
+/**
+ * The vocabulary of sorting: what a column's sort state looks like, and which
+ * way it points. Public — a consumer's table hands `FilterSortField` back to
+ * `useSort` — and declared here rather than in the hook, so the helpers that
+ * read the state owe nothing to the hook that builds it.
+ */
+/** Direction a column is sorted in. */
+export type SortType = "desc" | "asc";
+/** A column and the direction it is sorted in. */
+export interface FilterSortField<T> {
+    field: T;
+    sort: SortType;
+}
+/** Backward compatibility alias. */
+export type SortField<T> = FilterSortField<T>;

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

@@ -1,29 +1,3 @@
-/**
- * Centralized z-index catalog for overlays (toast, tooltips, modals, loading).
- * Use these values so stacking order is consistent across the app and with consumers (e.g. client).
- *
- * Single source of truth: Z_INDEX_VALUES. Z_INDEX (Tailwind classes) and ZIndexLayer (type) are derived.
- *
- * Order from top to bottom:
- * - TOAST: highest (notifications)
- * - TOOLTIP: below toast, above modals
- * - BANNERS: DataCollectionBanner, DevModeBanner, DevModeInfoModal
- * - MODAL: main app modals (Settings, Ninja, etc.)
- * - MODAL_ALERT: alerts/confirms that open on top of other modals (e.g. RPC warning)
- * - DROPDOWN: dropdown/popover content (portaled to body) — must be above MODAL when inside a modal
- * - LOADING: global loading overlay (below modals so modals can be closed first)
- * - CONTENT: page content
- */
-export declare const Z_INDEX_VALUES: {
-    readonly TOAST: 10000;
-    readonly TOOLTIP: 9000;
-    readonly BANNERS: 800;
-    readonly MODAL: 600;
-    readonly MODAL_ALERT: 700;
-    readonly DROPDOWN: 650;
-    readonly LOADING: 400;
-    readonly CONTENT: 0;
-};
-export type ZIndexLayer = keyof typeof Z_INDEX_VALUES;
+import { ZIndexLayer } from './internal/z-index-values';
 /** Tailwind z-index classes derived from Z_INDEX_VALUES. Use for className. */
 export declare const Z_INDEX: { [K in ZIndexLayer]: string; };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "4.0.0-next.60",
+  "version": "4.0.0-next.61",
   "description": "Internal UI components",
   "repository": {
     "type": "git",
@@ -47,8 +47,10 @@
     "dev": "vite build --watch",
     "prepare": "husky",
     "check": "biome check --write",
-    "check:ci": "biome check --diagnostic-level=error",
+    "check:ci": "biome check --diagnostic-level=error && pnpm check:api && pnpm check:layers",
     "typecheck:ci": "tsc --noEmit",
+    "check:api": "node scripts/rules/check-api.mjs",
+    "check:layers": "node scripts/rules/check-layers.mjs",
     "test": "vitest run",
     "test:watch": "vitest",
     "storybook": "storybook dev -p 6006",

package/src/styles/base.css

@@ -71,10 +71,7 @@ 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%;
     --ring: 330 100% 50%;
     --radius: 0.75rem;
@@ -90,7 +87,6 @@ html.dark {
     --gray-100: 217.5 8.16% 19.22%;
     --gray-110: 225 5.26% 14.9%;
     --text-secondary: 225 6% 45%;
-    --dropdown-dark-button: 225 8% 25%;
     --white: 0 0% 100%;
     --white-foreground: 240 2.56% 7.65%;
     --black: 0 0% 0%;
@@ -134,10 +130,7 @@ 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%;
     --ring: 330 100% 59%;
     --gray-10: 225 5.26% 14.9%;
@@ -152,7 +145,6 @@ html.dark {
     --gray-100: 220 6.12% 51.96%;
     --gray-110: 228 6.76% 70.98%;
     --text-secondary: 240 2% 75%;
-    --dropdown-dark-button: 225 6% 19%;
     --white: 0 0% 100%;
     --white-foreground: 240 2.56% 7.65%;
     --black: 0 0% 0%;

package/src/styles/theme.css

@@ -48,16 +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));
-  --color-dropdown-dark-button: hsl(var(--dropdown-dark-button));
   --color-white: hsl(var(--white));
   --color-white-foreground: hsl(var(--white-foreground));
   --color-black: hsl(var(--black));
@@ -74,10 +70,6 @@
   --color-gray-110: hsl(var(--gray-110));
 
   /* Additional semantic colors (aliases) */
-  --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));

package/dist/cjs/components/base/values/no-value.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../help-tip/help-tip.cjs"),c=require("../../typed-intl/index.cjs"),n=require("./constants.cjs"),i="—";function r({reason:t}){const a=c.useIntlTyped();if(t===void 0)return e.jsx("span",{className:"text-secondary-foreground","data-testid":n.ValueTest.placeholder,children:i});const s=a.formatMessage({messageId:"components.value.accruing"});return e.jsxs("span",{className:"inline-flex items-center leading-[0]","data-testid":n.ValueTest.accruing,children:[e.jsx(o.HelpTip,{iconSize:18,children:s}),e.jsx("span",{className:"sr-only",children:s})]})}exports.NoValue=r;

package/dist/cjs/components/breakpoint-provider.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),o=require("react"),i={isExtraSmall:"(max-width: 500px)",isMobile:"(max-width: 768px)",isTablet:"(min-width: 768px) and (max-width: 1024px)",isMedium:"(max-width: 1024px)",isDesktop:"(min-width: 1024px)"},u={isExtraSmall:!1,isMobile:!1,isTablet:!1,isMedium:!1,isDesktop:!1};function r(e){return{isExtraSmall:e(i.isExtraSmall).matches,isMobile:e(i.isMobile).matches,isTablet:e(i.isTablet).matches,isMedium:e(i.isMedium).matches,isDesktop:e(i.isDesktop).matches}}function l(e,a){const s=Object.keys(i),t=Object.fromEntries(s.map(n=>[n,e(i[n])])),m=()=>({isExtraSmall:t.isExtraSmall.matches,isMobile:t.isMobile.matches,isTablet:t.isTablet.matches,isMedium:t.isMedium.matches,isDesktop:t.isDesktop.matches}),d=()=>a(m());for(const n of s)t[n].addEventListener("change",d);return()=>{for(const n of s)t[n].removeEventListener("change",d)}}const c=o.createContext(void 0);function x(){return o.useContext(c)}function b({children:e}){const[a,s]=o.useState(()=>typeof window>"u"?u:r(window.matchMedia.bind(window)));o.useEffect(()=>{if(!(typeof window>"u"))return s(r(window.matchMedia.bind(window))),l(window.matchMedia.bind(window),s)},[]);const t=o.useMemo(()=>a,[a]);return p.jsx(c.Provider,{value:t,children:e})}exports.BREAKPOINT_QUERIES=i;exports.BreakpointContext=c;exports.BreakpointProvider=b;exports.DEFAULT_BREAKPOINT_STATE=u;exports.getBreakpointState=r;exports.subscribeBreakpoints=l;exports.useBreakpointContext=x;

package/dist/cjs/hooks/use-debounce.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),r=(t,u)=>{let e=null;const n=()=>{e&&(clearTimeout(e),e=null)},c=o=>()=>{t(o),n()};return[o=>{n(),e=window.setTimeout(c(o),u)},n]};function i(t,u=1e3){const[e,n]=s.useMemo(()=>r(t,u),[t,u]);return s.useEffect(()=>function(){n()},[n]),e}exports.useDebounce=i;

package/dist/cjs/utils/bn-to-pretty-view.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@gearbox-protocol/sdk/onchain"),s=require("./bn-to-input-view.cjs"),b=require("./parse-input-to-bn.cjs");function l(n,t,o,u=!1){if(n===void 0)return{originalValue:"-"};const r=BigInt(n),i=s.bnToInputView(r,t,u,t),e=Number(i);return Number.isNaN(e)||Math.abs(e)>=1||e===0||r<=10n?{originalValue:a.formatBN(n,t,o)}:b.parseSmallNumber(i)}exports.bnToPrettyView=l;

package/dist/cjs/utils/format-number.cjs

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

package/dist/cjs/utils/token-icon-source.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./static.cjs"),l=o.getStatic("/tokens/templates/diesel.svg"),u=o.getStatic("/logo/logo_symbol.png"),n=/V\d+$/,s="_OLD",f=[{prefix:"farmd",requiresVersion:!1},{prefix:"wd",requiresVersion:!1},{prefix:"sd",requiresVersion:!0},{prefix:"d",requiresVersion:!0}];function c(e){for(const{prefix:t,requiresVersion:i}of f){if(!e.startsWith(t))continue;let r=e.slice(t.length);if(r.endsWith(s)&&(r=r.slice(0,-s.length)),n.test(r))r=r.replace(n,"");else if(i)continue;if(r)return r}}function d(e){return{kind:"composite",preset:"centered_foreground",scaleFactor:.74,layers:[{type:"url",url:l},{type:"symbol",symbol:e}]}}function a(e){if(e===void 0)return;const t=typeof e=="string"?e:e.symbol;if(!t)return;if(t==="GEAR")return{icon:u};const i=c(t);return i?d(i):t}exports.getTokenIcon=a;exports.parseShareTokenUnderlying=c;

package/dist/cjs/utils/ttl.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("luxon"),u=1e3,c=60*u,f=60*c,s=24*f,a=7*s,d=30*s;function m(t){if(!t)return;const o=typeof t=="bigint"?Number(t):t;return o>=d?"good":o>a?"medium":"bad"}function b(t){const o=typeof t=="bigint"?Number(t):t,n=i.Duration.fromMillis(o),e=n.as("months");if(e>3)return{months:Math.floor(e)};const r=n.as("days");if(r>=1)return{day:Math.floor(r)}}exports.getTTLZones=m;exports.ttlLeft=b;