@gearbox-protocol/ui-kit 4.0.0-next.44 → 4.0.0-next.45

package/dist/types/components/base/liquidation-price-block/liquidation-price-block.d.ts

@@ -16,6 +16,13 @@ export interface LiquidationPriceBlockProps {
     readonly collateral?: Token | null;
     /** Underlying token of the quoted pair. */
     readonly underlying?: Token;
+    /**
+     * Prefixes the figure with {@link APPROXIMATE_SYMBOL}. For a projection the
+     * operation cannot promise exactly — a routed leg the market can move under.
+     * Both columns are marked when the row renders `from → to`: the "from" of a
+     * projected pair is projected too.
+     */
+    readonly approximate?: boolean;
     /** Zone dot next to the price. */
     readonly zone?: HFZones;
     readonly isLoading?: boolean;
@@ -29,4 +36,4 @@ export interface LiquidationPriceBlockProps {
  * "Liquidation price" row of a preview: label + help tip, the formatted price
  * (with optional from → to and zone dot), and the price pair underneath.
  */
-export declare function LiquidationPriceBlock({ price, priceTo, collateral, underlying, zone, isLoading, title, tip, testId, }: LiquidationPriceBlockProps): React.ReactElement;
+export declare function LiquidationPriceBlock({ price, priceTo, collateral, underlying, approximate, zone, isLoading, title, tip, testId, }: LiquidationPriceBlockProps): React.ReactElement;

package/dist/types/components/base/position-assets/position-assets.d.ts

@@ -12,6 +12,12 @@ export interface PositionAssetsProps {
     readonly to?: readonly TokenAmount[];
     /** Rendered in place of the rows when nothing survives the dust filter. */
     readonly empty?: React.ReactNode;
+    /**
+     * Prefixes the projected amount with {@link APPROXIMATE_SYMBOL} — the "after"
+     * of a pair, or the only column when the list itself is a projection. The
+     * struck "before" is never marked: it is what the account holds now.
+     */
+    readonly approximate?: boolean;
     readonly testId?: string;
 }
 /**
@@ -34,7 +40,7 @@ export interface PositionAssetsProps {
  * rounding, and listing them buries the holdings that matter. A token the
  * oracle cannot price is never dust — an unknown value is not a small one.
  */
-export declare function PositionAssets({ assets, to, empty, testId, }: PositionAssetsProps): React.ReactElement;
+export declare function PositionAssets({ assets, to, empty, approximate, testId, }: PositionAssetsProps): React.ReactElement;
 /** One token across both sides of a change. */
 export interface AssetRow {
     readonly token: TokenAmount["token"];

package/dist/types/components/base/time-to-liquidation-block/time-to-liquidation-block.d.ts

@@ -11,6 +11,13 @@ export interface TimeToLiquidationBlockProps {
     readonly data?: bigint | null;
     /** Time after the operation; renders a from → to transition. */
     readonly dataTo?: bigint | null;
+    /**
+     * Prefixes the figure with {@link APPROXIMATE_SYMBOL}. For a projection the
+     * operation cannot promise exactly — a routed leg the market can move under.
+     * Both columns are marked when the row renders `from → to`: the "from" of a
+     * projected pair is projected too.
+     */
+    readonly approximate?: boolean;
     /** Pre-computed zone; if not set, derived from the value. */
     readonly zone?: TTLZones;
     readonly isLoading?: boolean;
@@ -24,4 +31,4 @@ export interface TimeToLiquidationBlockProps {
  * "Time to liquidation" row of a preview: label + help tip, the remaining
  * time as `Nmo` / `Nd` / `<1d` with a zone dot, optionally from → to.
  */
-export declare function TimeToLiquidationBlock({ data, dataTo, zone, isLoading, title, tip, testId, }: TimeToLiquidationBlockProps): React.ReactElement;
+export declare function TimeToLiquidationBlock({ data, dataTo, approximate, zone, isLoading, title, tip, testId, }: TimeToLiquidationBlockProps): React.ReactElement;

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

@@ -1,3 +1,11 @@
+/**
+ * Marks a figure as an estimate rather than a promise: a routed amount that
+ * slippage can move, a projection quoted at prices that will have drifted by
+ * the time the transaction lands.
+ *
+ * Declared once so every screen that hedges a number hedges it the same way.
+ **/
+export declare const APPROXIMATE_SYMBOL = "\u2248";
 export declare function formatBytecodeSize(size: number): string;
 export declare function formatBytecodeVersion(version: number): string;
 export declare function formatTimestamp(timestamp: number): string;

package/package.json

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