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

package/dist/esm/utils/index.js

@@ -2,28 +2,30 @@ import { cn as o, cn as t } from "./cn.js";
 import { APPROXIMATE_SYMBOL as m, formatTimestamp as a, shortenHash as f } from "./format.js";
 import { formatLeverage as x } from "./format-leverage.js";
 import { formatMoney as s, percentageTemplate as T } from "./format-money.js";
-import { slippageTemplate as l } from "./format-slippage.js";
+import { formatUsdPrice as l } from "./format-price.js";
+import { slippageTemplate as P } from "./format-slippage.js";
 import { leveragePresets as I } from "./leverage-presets.js";
-import { bnToLiquidationPriceView as d, parseInputToBN as h } from "./parse-input-to-bn.js";
-import { shortenString as w } from "./shorten-string.js";
-import { tokenTemplateString as M } from "./templates.js";
-import { openInNewWindow as S } from "./window.js";
-import { Z_INDEX as A } from "./z-index.js";
+import { bnToLiquidationPriceView as u, parseInputToBN as w } from "./parse-input-to-bn.js";
+import { shortenString as M } from "./shorten-string.js";
+import { tokenTemplateString as S } from "./templates.js";
+import { openInNewWindow as A } from "./window.js";
+import { Z_INDEX as E } from "./z-index.js";
 export {
   m as APPROXIMATE_SYMBOL,
-  A as Z_INDEX,
-  d as bnToLiquidationPriceView,
+  E as Z_INDEX,
+  u as bnToLiquidationPriceView,
   o as cn,
   t as default,
   x as formatLeverage,
   s as formatMoney,
   a as formatTimestamp,
+  l as formatUsdPrice,
   I as leveragePresets,
-  S as openInNewWindow,
-  h as parseInputToBN,
+  A as openInNewWindow,
+  w as parseInputToBN,
   T as percentageTemplate,
   f as shortenHash,
-  w as shortenString,
-  l as slippageTemplate,
-  M as tokenTemplateString
+  M as shortenString,
+  P as slippageTemplate,
+  S as tokenTemplateString
 };

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

@@ -3,6 +3,12 @@ import type * as React from "react";
 export interface LinkProps extends BaseLinkProps {
     /** When true, opens in new tab and shows external icon after content */
     external?: boolean;
+    /**
+     * An icon before the text — a token logo, most often. Rendered inside the
+     * anchor so it stays part of the click target, but outside `.content-wrap`
+     * so the underline stops at the words, exactly as the external icon does.
+     */
+    leadingIcon?: React.ReactNode;
 }
 /**
  * Link — wraps BaseLink with ContentWrap and optional IconWrap (external icon).
@@ -12,9 +18,10 @@ export interface LinkProps extends BaseLinkProps {
  * ```tsx
  * <Link href="/page">Internal</Link>
  * <Link href="https://example.com" external>External</Link>
+ * <Link href="/token" leadingIcon={<TokenIcon token={t} size={16} />}>wstETH</Link>
  * ```
  */
-export declare function Link({ className, children, href, target, variant, size, color, external, asChild, ...rest }: React.PropsWithChildren<LinkProps>): React.ReactElement;
+export declare function Link({ className, children, href, target, variant, size, color, external, asChild, leadingIcon, ...rest }: React.PropsWithChildren<LinkProps>): React.ReactElement;
 export declare namespace Link {
     var displayName: string;
 }

package/dist/types/components/table/grid-table.d.ts

@@ -128,58 +128,6 @@ interface GridTableRowProps extends GridProps {
      */
     rel?: string;
 }
-/**
- * GridTableRow — row component of a GridTable.
- *
- * @usage
- * Use GridTableRow to create table rows in grid tables:
- * data rows, table entries with hover effects and borders.
- *
- * Props:
- * - `cols` — number of columns or custom grid template.
- * - `gap` — gap between cells (defaults to 0).
- * - `last` — whether this is the last row (removes bottom border).
- * - `height` — custom height for the row (string or number in pixels).
- * - `hideValue` — whether to hide value cells (for loading states).
- * - `onRowClick` — click handler for the row (makes entire row clickable).
- * - `href` — URL for the row link (renders as `<a>`, supports native link behavior).
- * - `target` — link target (e.g., "_blank"). Only used with `href`.
- * - `rel` — link rel attribute. Only used with `href`.
- *
- * Note: Automatically applies bottom border, hover effects, and selected state styling to all child elements.
- *
- * @example
- * ```tsx
- * <GridTableRow>
- *   <GridTableCell>Data</GridTableCell>
- * </GridTableRow>
- *
- * // Last row (no bottom border)
- * <GridTableRow last>
- *   <GridTableCell>Last row</GridTableCell>
- * </GridTableRow>
- *
- * // Custom height
- * <GridTableRow height="50px">
- *   <GridTableCell>Tall row</GridTableCell>
- * </GridTableRow>
- *
- * // Clickable row
- * <GridTableRow onRowClick={() => navigate('/details/123')}>
- *   <GridTableCell>Clickable row</GridTableCell>
- * </GridTableRow>
- *
- * // Link row (native <a> element)
- * <GridTableRow href="/pools/0x1234">
- *   <GridTableCell>Linked row</GridTableCell>
- * </GridTableRow>
- *
- * // External link row
- * <GridTableRow href="https://etherscan.io" target="_blank">
- *   <GridTableCell>External link row</GridTableCell>
- * </GridTableRow>
- * ```
- */
 declare const GridTableRow: React.ForwardRefExoticComponent<GridTableRowProps & React.RefAttributes<HTMLDivElement | HTMLAnchorElement>>;
 declare const gridTableHeadVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;

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

@@ -0,0 +1,14 @@
+/**
+ * A price as a table shows it: no `K`/`M` abbreviation, and precision that
+ * follows magnitude — cents below a thousand, whole units at or above it.
+ *
+ * `formatMoney` cannot do this: it routes through the SDK's `formatBN`, which
+ * abbreviates unconditionally and has no switch.
+ *
+ * @example
+ * ```ts
+ * formatUsdPrice(4.2055)  // "$4.21"
+ * formatUsdPrice(3412.5)  // "$3,413"
+ * ```
+ */
+export declare function formatUsdPrice(value: number): string;

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

@@ -3,6 +3,7 @@ export { cn as default } from './cn';
 export * from './format';
 export * from './format-leverage';
 export * from './format-money';
+export * from './format-price';
 export * from './format-slippage';
 export * from './leverage-presets';
 export * from './parse-input-to-bn';

package/package.json

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