@gearbox-protocol/ui-kit 4.0.0-next.64 → 4.0.0-next.66

package/dist/esm/utils/format-leverage.js

@@ -1,6 +1,11 @@
-function r(e) {
-  return (Math.round(e * 100) / 100).toFixed(2);
+function r(t) {
+  return (Math.round(t * 10) / 10).toFixed(1);
+}
+function n(t) {
+  const e = Math.round(t * 100);
+  return (e / 100).toFixed(e % 10 === 0 ? 1 : 2);
 }
 export {
-  r as formatLeverage
+  r as formatLeverage,
+  n as formatLeverageExact
 };

package/dist/esm/utils/format-price.js

@@ -1,10 +1,7 @@
-function s(i) {
-  const t = Math.abs(i) >= 1e3 ? 0 : 2;
-  return `${i < 0 ? "-" : ""}$${Math.abs(i).toLocaleString("en-US", {
-    minimumFractionDigits: t,
-    maximumFractionDigits: t
-  })}`;
+function o(t) {
+  const i = Math.abs(t), s = t < 0 ? "-" : "", n = i >= 1e3 ? 0 : 2, m = i > 0 && i < 1 ? { minimumSignificantDigits: 2, maximumSignificantDigits: 2 } : { minimumFractionDigits: n, maximumFractionDigits: n };
+  return `${s}$${i.toLocaleString("en-US", m)}`;
 }
 export {
-  s as formatUsdPrice
+  o as formatUsdPrice
 };

package/dist/esm/utils/index.js

@@ -1,31 +1,32 @@
 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 { APPROXIMATE_SYMBOL as p, formatTimestamp as a, shortenHash as f } from "./format.js";
+import { formatLeverage as x, formatLeverageExact as i } from "./format-leverage.js";
+import { formatMoney as g, percentageTemplate as T } from "./format-money.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 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 { slippageTemplate as d } from "./format-slippage.js";
+import { leveragePresets as L } from "./leverage-presets.js";
+import { bnToLiquidationPriceView as u, parseInputToBN as v } from "./parse-input-to-bn.js";
+import { shortenString as E } from "./shorten-string.js";
+import { tokenTemplateString as N } from "./templates.js";
 import { openInNewWindow as A } from "./window.js";
-import { Z_INDEX as E } from "./z-index.js";
+import { Z_INDEX as O } from "./z-index.js";
 export {
-  m as APPROXIMATE_SYMBOL,
-  E as Z_INDEX,
+  p as APPROXIMATE_SYMBOL,
+  O as Z_INDEX,
   u as bnToLiquidationPriceView,
   o as cn,
   t as default,
   x as formatLeverage,
-  s as formatMoney,
+  i as formatLeverageExact,
+  g as formatMoney,
   a as formatTimestamp,
   l as formatUsdPrice,
-  I as leveragePresets,
+  L as leveragePresets,
   A as openInNewWindow,
-  w as parseInputToBN,
+  v as parseInputToBN,
   T as percentageTemplate,
   f as shortenHash,
-  M as shortenString,
-  P as slippageTemplate,
-  S as tokenTemplateString
+  E as shortenString,
+  d as slippageTemplate,
+  N as tokenTemplateString
 };

package/dist/esm/utils/leverage-presets.js

@@ -1,9 +1,7 @@
-function t(e) {
-  const n = (r) => Math.round(r * 2) / 2;
-  return [
-    .../* @__PURE__ */ new Set([n(1 + 0.3 * (e - 1)), n(1 + 0.7 * (e - 1)), e])
-  ];
+function r(e) {
+  const t = (n) => Math.min(Math.round((1 + n * (e - 1)) * 2) / 2, e);
+  return [.../* @__PURE__ */ new Set([t(0.3), t(0.7), e])];
 }
 export {
-  t as leveragePresets
+  r as leveragePresets
 };

package/dist/types/components/base/leverage-input/leverage-input.d.ts

@@ -16,7 +16,6 @@ export interface LeverageInputProps {
     readonly onChange: (value: Leverage) => void;
     readonly max: Leverage;
     readonly min?: Leverage;
-    readonly step?: number;
     /** Label above the slider; defaults to the "Leverage" locale string. */
     readonly title?: TitleText;
     /** Muted note rendered right after the label. */
@@ -37,7 +36,8 @@ export interface LeverageInputProps {
 type TitleSize = "sm" | "default" | "md" | "lg";
 /**
  * Target leverage of a position, bounded by what the strategy allows.
- * Title row carries an inline-editable value (`N.NNx`) and an optional reset;
+ * Title row carries an inline-editable value (`N.Nx`, hundredths kept where the
+ * value has them) and an optional reset;
  * the slider below can show risk bands via `colorIntervals`.
  */
 export declare function LeverageInput({ value, onChange, max, min, title, hint, reset, colorIntervals, colorIntervalLabel, size, }: LeverageInputProps): React.ReactElement;

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

@@ -30,7 +30,7 @@ declare const _default: {
   "components.apyParts.totalAPY": "Overall APY",
 
   "components.yieldBreakdown.titleNetAtLeverage": "Net APY at {leverage}× Leverage",
-  "components.yieldBreakdown.titleNetAtLeverage7d": "Net APY at {leverage}× Leverage (7d)",
+  "components.yieldBreakdown.titleNetAtLeverage7d": "Net APY (7d) at {leverage}× Leverage",
   "components.yieldBreakdown.titleNet": "Net APY",
   "components.yieldBreakdown.titleNet7d": "Net APY (7d)",
   "components.yieldBreakdown.collateralApy": "Collateral APY",

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

@@ -1,5 +1,13 @@
 /**
- * Display leverage with two decimal places, e.g. `5.79` for `5.7857…`.
+ * Display leverage with one decimal place, e.g. `5.8` for `5.7857…`.
  * The suffix (`x`) / prefix (`×`) stays at the call site.
  */
 export declare function formatLeverage(value: number): string;
+/**
+ * Leverage keeping the hundredths a value actually carries: `9` → `9.0`,
+ * `9.57` → `9.57`. For the slider, whose track ends on an exact `maxLeverage`,
+ * and for its edit field, whose text is parsed back into the target: the
+ * protocol's own resolution is 0.01, so `formatLeverage` there would silently
+ * move the position.
+ */
+export declare function formatLeverageExact(value: number): string;

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

@@ -1,14 +1,17 @@
 /**
  * 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.
+ * follows magnitude — whole units at or above a thousand, cents down to one,
+ * and two significant digits below that, where cents would round everything
+ * to `$0.00`.
  *
  * `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"
+ * formatUsdPrice(4.2055)    // "$4.21"
+ * formatUsdPrice(3412.5)    // "$3,413"
+ * formatUsdPrice(0.0004205) // "$0.00042"
  * ```
  */
 export declare function formatUsdPrice(value: number): string;

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

@@ -1,5 +1,7 @@
 /**
  * Leverage chips beside the strategy yield chart: 30% and 70% of the
- * (1 → max) span, rounded to 0.5, plus max itself.
+ * (1 → max) span, rounded to 0.5, plus max itself. The 0.5 rounding can
+ * overshoot a fractional `max` (1.4 would yield a 1.5 chip), so each step is
+ * capped — the dialogs seed their initial leverage from this list.
  */
 export declare function leveragePresets(max: number): number[];

package/package.json

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

package/dist/cjs/components/base/leverage-preset-chips/format-chip-leverage.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(e){return e.toFixed(2).replace(/\.?0+$/,"")}exports.formatChipLeverage=r;

package/dist/esm/components/base/leverage-preset-chips/format-chip-leverage.js

@@ -1,6 +0,0 @@
-function r(e) {
-  return e.toFixed(2).replace(/\.?0+$/, "");
-}
-export {
-  r as formatChipLeverage
-};

package/dist/types/components/base/leverage-preset-chips/format-chip-leverage.d.ts

@@ -1,5 +0,0 @@
-/**
- * Chip / subtitle leverage without trailing zeros: `5`, `5.5`, `9.54`.
- * Its own module: LeveragePresetChips reads it, no consumer does.
- */
-export declare function formatChipLeverage(leverage: number): string;