@gearbox-protocol/ui-kit 3.14.0-next.11 → 3.14.0-next.13

package/dist/types/components/composites/tx-preview/utils/addressLabels.d.ts

@@ -0,0 +1,16 @@
+import { PoolOperation } from '@gearbox-protocol/sdk/preview';
+import { Address } from 'viem';
+import { AddressLabels } from '../components';
+import { GearboxSDKLike } from '../types';
+/**
+ * Builds the UI label map for a pool deposit/redeem operation.
+ *
+ * "Our" addresses (wallet, receiver, redeem owner) are flagged `ours: true`; the
+ * pool is labeled with its name and flagged `ours: false`. When the receiver /
+ * owner coincides with the wallet, it is labeled "Your wallet".
+ *
+ * Note: the `ours` flag is a UI-only concept and is derived locally here; it is
+ * intentionally decoupled from the simulation watch set in the SDK preview
+ * `simulate` module.
+ */
+export declare function buildPoolOperationLabels(sdk: GearboxSDKLike, op: PoolOperation, wallet: Address): AddressLabels;

package/dist/types/components/composites/tx-preview/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './addressLabels';
+export * from './poolTokenInfo';

package/dist/types/components/composites/tx-preview/utils/poolTokenInfo.d.ts

@@ -0,0 +1,14 @@
+import { Address } from 'viem';
+import { GearboxSDKLike } from '../types';
+export interface TokenInfo {
+    symbol: string;
+    decimals: number;
+    /** Human-readable token/pool name, when available. */
+    name?: string;
+}
+/**
+ * Resolves a token's symbol, decimals and name from `sdk.tokensMeta`, falling
+ * back to a shortened address / 18 decimals when the token is not in the
+ * registry. For pools, the diesel-token meta carries the pool name.
+ */
+export declare function resolveToken(sdk: GearboxSDKLike, address: Address): TokenInfo;

package/dist/types/components/layout/main-aside-layout/main-aside-layout.d.ts

@@ -32,19 +32,9 @@ export interface MainAsideLayoutProps extends React.HTMLAttributes<HTMLDivElemen
      * Hybrid centring for the main column. Only meaningful with
      * `variant="detail"`.
      *
-     * - **`lg` … `1799px`** — behaves like the standard detail row: the aside is
-     *   in flow and the main column fills the remaining space (LP-style fill).
-     * - **`≥1800px`** — the main column is centred on the viewport (`mx-auto`,
-     *   up to `80rem`). The aside is parked out of flow in the gutter beside it
-     *   (`absolute right-full` / `left-full` + `gap-6`), so the main column — not
-     *   the whole row — is geometrically centred.
-     *
-     * This avoids the very narrow centred column on mid-size desktops while still
-     * centring the content on wide screens.
-     *
-     * Assumes the layout is rendered inside the app shell padding
-     * (`px-4 sm:px-6 lg:px-8`) — the `≥1800px` gutter reserves `460px` aside +
-     * `1.5rem` gap + the `lg:px-8` (`2rem`) shell padding on each side.
+     * - **`≥1520px`** — the main column is centred on the viewport (`mx-auto`),
+     *   capped at `56rem`, with the aside in the left gutter (`absolute`).
+     * - **`lg`…`1519px`** — LP-style in-flow row (aside + main centred as one block).
      *
      * On screens below `lg` the layout falls back to the normal stacked column,
      * so wrap usage in `hidden lg:block` if the mobile layout is handled
@@ -86,7 +76,7 @@ export interface MainAsideLayoutProps extends React.HTMLAttributes<HTMLDivElemen
  *   </MainAsideLayout>
  * </div>
  * ```
- * Centres the main column on the viewport at all desktop widths while the aside
- * sits in the gutter; the main column still scales up to `80rem`.
+ * Centres the main column on the viewport (up to `56rem`) while the aside sits
+ * in the left gutter from `1520px`; below that the row behaves like LP detail.
  */
 export declare const MainAsideLayout: React.ForwardRefExoticComponent<MainAsideLayoutProps & React.RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.14.0-next.11",
+  "version": "3.14.0-next.13",
   "description": "Internal UI components",
   "repository": "https://github.com/gearbox-protocol/ui-kit",
   "license": "MIT",
@@ -54,6 +54,16 @@
       "types": "./dist/types/components/next/connectkit/index.d.ts",
       "import": "./dist/esm/components/next/connectkit/index.js",
       "default": "./dist/cjs/components/next/connectkit/index.cjs"
+    },
+    "./tx-preview": {
+      "types": "./dist/types/components/composites/tx-preview/index.d.ts",
+      "import": "./dist/esm/components/composites/tx-preview/index.js",
+      "default": "./dist/cjs/components/composites/tx-preview/index.cjs"
+    },
+    "./tx-preview/*": {
+      "types": "./dist/types/components/composites/tx-preview/*.d.ts",
+      "import": "./dist/esm/components/composites/tx-preview/*.js",
+      "default": "./dist/cjs/components/composites/tx-preview/*.cjs"
     }
   },
   "files": [
@@ -153,7 +163,7 @@
     "@commitlint/cli": "^20.1.0",
     "@commitlint/config-conventional": "^20.0.0",
     "@gearbox-protocol/biome-config": "^1.0.2",
-    "@gearbox-protocol/sdk": "14.8.5",
+    "@gearbox-protocol/sdk": "14.11.0-next.4",
     "@rollup/plugin-typescript": "^12.3.0",
     "@storybook/addon-a11y": "^10.0.8",
     "@storybook/addon-docs": "^10.0.8",