@gearbox-protocol/ui-kit 4.0.0-next.16 → 4.0.0-next.17

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

@@ -16,6 +16,7 @@ export * from './more-accordion';
 export * from './nested-info-stack';
 export * from './page-title';
 export * from './pool-apy-breakdown-card';
+export * from './position-assets';
 export * from './review-button';
 export * from './section-heading';
 export * from './segmented-tabs';

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

@@ -0,0 +1,5 @@
+export declare class PositionAssetsTest {
+    static root: string;
+    static row: string;
+    static empty: string;
+}

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

@@ -0,0 +1,2 @@
+export { PositionAssetsTest } from './constants';
+export { PositionAssets, type PositionAssetsProps } from './position-assets';

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

@@ -0,0 +1,49 @@
+import { TokenAmount } from '@gearbox-protocol/sdk/model';
+import { default as React } from 'react';
+import { PositionAssetsTest } from './constants';
+export { PositionAssetsTest };
+export interface PositionAssetsProps {
+    /** What this side holds. */
+    readonly assets?: readonly TokenAmount[];
+    /**
+     * The list this one is shown against — the other slot of the same row.
+     * Never rendered: it only joins the row set and the order, so two lists in
+     * `value` and `valueTo` list the same tokens in the same order and their
+     * rows line up. Pass each side the other one.
+     */
+    readonly against?: readonly TokenAmount[];
+    /** Rendered in place of the rows when nothing survives the dust filter. */
+    readonly empty?: React.ReactNode;
+    readonly testId?: string;
+}
+/**
+ * Holdings token by token, most valuable first — the position itself rather
+ * than the one number its collateral adds up to. A right-aligned column, so it
+ * reads as the value of the `InfoLine` a caller drops it into, in either slot.
+ *
+ * The rows carry no label of their own, which is why they are not `InfoLine`s:
+ * `VerticalIndicator` leaves out its left column entirely when no label is
+ * given and never justifies what remains, so a label-less row would sit on the
+ * wrong side.
+ *
+ * Dust is left out: an account carries stray fractions of a cent from
+ * 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, against, empty, testId, }: PositionAssetsProps): React.ReactElement;
+/** One token as a side lists it. */
+export interface AssetRow {
+    readonly token: TokenAmount["token"];
+    /** What this side holds — zero for a token only the other side has. */
+    readonly value: bigint;
+    /**
+     * What the token is worth at its richer side, which is what decides both
+     * dust and order. `null` when a side the oracle cannot price is involved.
+     */
+    readonly worth: number | null;
+}
+/**
+ * What earns a row, most valuable first — decided across both sides, so the
+ * order is a property of the pair rather than of the side that renders it.
+ */
+export declare function visibleAssets(assets: readonly TokenAmount[] | undefined, against?: readonly TokenAmount[]): AssetRow[];

package/dist/types/components/base/values/scalars.d.ts

@@ -36,6 +36,10 @@ export declare function HealthFactorValue({ data, }: {
  * A bare `bigint` in token units (simulate previews carry these): the only
  * value component that needs a denomination passed with it, because the SDK
  * hands these out without one.
+ *
+ * Shown to `formatAssetAmount`'s three decimals, with the exact amount in a
+ * tooltip — a metrics row reads better short, and nothing is lost: the figure
+ * behind the rounding stays a hover away.
  */
 export declare function TokenBigint({ data, token, }: {
     readonly data: bigint | undefined;

package/package.json

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