@gearbox-protocol/ui-kit 4.0.0-next.37 → 4.0.0-next.38

package/dist/esm/components/tab-control/tab-control.js

@@ -1,25 +1,25 @@
-import { jsx as f, jsxs as T, Fragment as S } from "react/jsx-runtime";
-import { useRef as p, useState as v, useCallback as b, useMemo as w, useEffect as N } from "react";
+import { jsx as f, jsxs as T, Fragment as k } from "react/jsx-runtime";
+import { useRef as g, useState as v, useCallback as m, useMemo as w, useEffect as N } from "react";
 import { useNavigationAdapter as C } from "../navigation-context/navigation-context.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as m } from "../../utils/cn.js";
+import { cn as b } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-function U(n) {
+function S(n) {
   if (!n) return null;
   const { width: r = 0, height: s = 0 } = n?.getBoundingClientRect() || {}, i = n?.offsetTop || 0, o = n?.offsetLeft || 0;
   return { width: r, height: s, left: o, top: i };
 }
-function $(n, r, s) {
-  const i = p(null), [o, u] = v(null), l = p(null), c = b((e) => {
+function U(n, r, s) {
+  const i = g(null), [o, u] = v(null), l = g(null), c = m((e) => {
     u(e), l.current = e;
   }, []);
   return N(() => {
     const e = s.current[n], d = () => {
-      const a = U(e), h = a?.height !== l.current?.height, x = a?.width !== l.current?.width, g = a?.left !== l.current?.left, y = a?.top !== l.current?.top;
-      (h || x || g || y) && c(a);
+      const a = S(e), h = a?.height !== l.current?.height, p = a?.width !== l.current?.width, x = a?.left !== l.current?.left, y = a?.top !== l.current?.top;
+      (h || p || x || y) && c(a);
     };
     i.current = d, d();
     const t = e ? new ResizeObserver(d) : null;
@@ -43,16 +43,16 @@ function B({
   tabItemWrapPadding: o,
   variant: u = "auto"
 }) {
-  const l = p(null), c = p({}), e = $(
+  const l = g(null), c = g({}), e = U(
     s.id,
     l.current,
     c
   ), d = (t, a) => () => s.handleTabChange(t, a);
-  return /* @__PURE__ */ f("div", { className: m("relative w-full flex flex-col flex-wrap", n), children: /* @__PURE__ */ T(
+  return /* @__PURE__ */ f("div", { className: b("relative w-full flex flex-col flex-wrap", n), children: /* @__PURE__ */ T(
     "div",
     {
       ref: l,
-      className: m(
+      className: b(
         "relative w-full max-w-full grow-0 shrink-0 basis-full flex items-stretch overflow-x-auto overflow-y-hidden",
         "scrollbar-hidden",
         i && "after:content-[''] after:absolute after:bottom-0 after:left-0 after:right-0 after:h-px after:bg-border"
@@ -69,20 +69,26 @@ function B({
           }
         ),
         r.map((t, a, h) => {
-          const x = a === h.length - 1;
+          const p = a === h.length - 1;
           return /* @__PURE__ */ f(
             "button",
             {
-              ref: (g) => {
-                c.current[t.id] = g;
+              ref: (x) => {
+                c.current[t.id] = x;
               },
               type: "button",
               onClick: t.disabled ? void 0 : d(t.id, a),
               disabled: t.disabled,
-              className: m(
-                "flex items-center bg-transparent border-none shrink-0 text-foreground outline-none",
+              className: b(
+                // `outline-none` with nothing in its place left these triggers
+                // with no visible focus at all: a keyboard reader tabbing the
+                // strip could not see where they were. The ring matches the
+                // Radix-backed `Tabs` trigger so the two look the same when
+                // focused.
+                "flex items-center bg-transparent border-none shrink-0 text-foreground",
+                "outline-none ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
                 o ? "" : "p-0 pb-3.5",
-                u === "equal" ? "grow shrink-0 basis-[0%] justify-center min-w-0" : !x && "mr-10 max-[500px]:mr-8",
+                u === "equal" ? "grow shrink-0 basis-[0%] justify-center min-w-0" : !p && "mr-10 max-[500px]:mr-8",
                 t.disabled && "cursor-not-allowed",
                 !t.disabled && "cursor-pointer",
                 !t.disabled && "hover:text-foreground hover:[&>*]:text-foreground"
@@ -104,11 +110,11 @@ function F({
   textSize: i = "default",
   amount: o
 }) {
-  return /* @__PURE__ */ T(S, { children: [
+  return /* @__PURE__ */ T(k, { children: [
     n && /* @__PURE__ */ f(
       "div",
       {
-        className: m(
+        className: b(
           "mr-3",
           s ? "text-foreground" : "text-secondary-foreground"
         ),
@@ -118,7 +124,7 @@ function F({
     /* @__PURE__ */ f(
       "div",
       {
-        className: m(
+        className: b(
           "m-0 p-0 whitespace-nowrap",
           i === "default" && "text-sm leading-[17px] font-normal",
           i === "unset" && "text-[unset] leading-[unset] font-[unset]",
@@ -131,7 +137,7 @@ function F({
   ] });
 }
 function I(n, r = 0) {
-  const [s, i] = v(n), [o, u] = v(r), l = b((c, e) => {
+  const [s, i] = v(n), [o, u] = v(r), l = m((c, e) => {
     i(c), u(e);
   }, []);
   return { id: s, index: o, handleTabChange: l };
@@ -143,7 +149,7 @@ function M(n) {
       {}
     ),
     [n]
-  ), l = w(() => i.slice(1).toLowerCase(), [i]), { id: c, index: e } = u[l] || {}, d = b(
+  ), l = w(() => i.slice(1).toLowerCase(), [i]), { id: c, index: e } = u[l] || {}, d = m(
     (t) => {
       o(`#${t}`);
     },
@@ -166,7 +172,7 @@ function D({
       {}
     ),
     [n]
-  ), l = b(
+  ), l = m(
     (d) => {
       o(`${r}/${d}`);
     },

package/dist/esm/components/trading-view/trading-view.js

@@ -1,18 +1,18 @@
 import { jsxs as v, jsx as o } from "react/jsx-runtime";
-import { useMemo as I, useCallback as fe, useRef as C } from "react";
-import { toast as be } from "sonner";
-import { SectionHeading as we } from "../base/section-heading/section-heading.js";
-import { useIsMobile as he } from "../../hooks/use-media-query.js";
+import { useMemo as I, useCallback as be, useRef as C } from "react";
+import { toast as we } from "sonner";
+import { SectionHeading as he } from "../base/section-heading/section-heading.js";
+import { useIsMobile as ve } from "../../hooks/use-media-query.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as ve } from "../../utils/cn.js";
+import { cn as pe } from "../../utils/cn.js";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-import { DEFAULT_SERIES_COLORS as T, getSeriesColorPalette as pe, GraphLegend as xe } from "../graph/graph.js";
-import { GraphViewWithData as ge } from "../graph/graph-view.js";
-import { Select as Se, SelectTrigger as ye, SelectValue as Ae, SelectContent as Ie, SelectItem as Ce } from "../select/select.js";
-import { GraphDropdown as Ne } from "./graph-dropdown.js";
-const Me = ({ size: t = 16 }) => /* @__PURE__ */ v(
+import { DEFAULT_SERIES_COLORS as T, getSeriesColorPalette as xe, GraphLegend as ge } from "../graph/graph.js";
+import { GraphViewWithData as Se } from "../graph/graph-view.js";
+import { Select as ye, SelectTrigger as Ae, SelectValue as Ie, SelectContent as Ce, SelectItem as Ne } from "../select/select.js";
+import { GraphDropdown as ke } from "./graph-dropdown.js";
+const Ee = ({ size: t = 16 }) => /* @__PURE__ */ v(
   "svg",
   {
     width: t,
@@ -29,7 +29,7 @@ const Me = ({ size: t = 16 }) => /* @__PURE__ */ v(
       /* @__PURE__ */ o("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" })
     ]
   }
-), ke = ({ size: t = 16 }) => /* @__PURE__ */ v(
+), Me = ({ size: t = 16 }) => /* @__PURE__ */ v(
   "svg",
   {
     width: t,
@@ -46,16 +46,16 @@ const Me = ({ size: t = 16 }) => /* @__PURE__ */ v(
       /* @__PURE__ */ o("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" })
     ]
   }
-), Ee = {
+), Re = {
   timeScale: { borderVisible: !1 },
   rightPriceScale: { borderVisible: !1 },
   leftPriceScale: { borderVisible: !1 }
-}, X = "ui-kit:tradingview-series-colors:";
+}, q = "ui-kit:tradingview-series-colors:";
 function j(t) {
   if (typeof window > "u" || !window.localStorage)
     return /* @__PURE__ */ new Map();
   try {
-    const r = window.localStorage.getItem(X + t);
+    const r = window.localStorage.getItem(q + t);
     if (!r) return /* @__PURE__ */ new Map();
     const c = JSON.parse(r);
     return c == null || typeof c != "object" ? /* @__PURE__ */ new Map() : new Map(
@@ -67,63 +67,64 @@ function j(t) {
     return /* @__PURE__ */ new Map();
   }
 }
-function Re(t, r) {
+function Oe(t, r) {
   if (!(typeof window > "u" || !window.localStorage))
     try {
       window.localStorage.setItem(
-        X + t,
+        q + t,
         JSON.stringify(Object.fromEntries(r))
       );
     } catch {
     }
 }
-function $(t, r) {
+function X(t, r) {
   if (r.size === 0) return;
   const c = j(t);
   for (const [n, p] of r)
     c.set(n, p);
-  Re(t, c);
+  Oe(t, c);
 }
-function Ze({
+function De({
   data: t,
   yMeasureUnit: r,
   height: c = 306,
   defaultGraph: n,
   onGraphSelected: p,
   graphs: f,
-  isMultipleSelect: q,
-  range: Q,
+  isMultipleSelect: Q,
+  range: Y,
   rangeList: S,
-  setRange: Y,
+  setRange: Z,
   onGraphExpanded: N,
-  isGraphExpanded: Z,
+  isGraphExpanded: D,
   onUnselectSeries: L,
-  graphsWithNoData: D,
-  loadingGraphs: M,
-  isLoading: V,
-  noDataMessage: _ = "No data available for this graph",
-  currentValueDecimals: P,
-  containerClassName: U,
-  useSharedPriceScale: K,
-  showCurrentValue: G,
-  yScaleMin: ee,
-  yScaleMinMultiple: te,
+  legendMarkers: V,
+  graphsWithNoData: P,
+  loadingGraphs: k,
+  isLoading: _,
+  noDataMessage: z = "No data available for this graph",
+  currentValueDecimals: U,
+  containerClassName: K,
+  useSharedPriceScale: G,
+  showCurrentValue: ee,
+  yScaleMin: te,
+  yScaleMinMultiple: re,
   seriesColorPersistenceKey: d,
-  title: re,
-  trailing: k,
-  ...ne
+  title: ne,
+  trailing: E,
+  ...oe
 }) {
-  const x = I(() => Array.isArray(t) ? t : t ? [t] : [], [t]), oe = I(() => Array.isArray(t) && t.length > 1, [t]), z = he(), le = fe(
+  const x = I(() => Array.isArray(t) ? t : t ? [t] : [], [t]), le = I(() => Array.isArray(t) && t.length > 1, [t]), F = ve(), ie = be(
     (u, y) => {
-      be.error(_);
+      we.error(z);
     },
-    [_]
-  ), ie = I(() => {
+    [z]
+  ), se = I(() => {
     if (r)
       return Array.isArray(r) ? r[0] : r;
-  }, [r]), se = !!(p && f && n), i = C(/* @__PURE__ */ new Map()), b = C(0), F = C(!1);
-  if (f && f.length > 0 && !F.current) {
-    F.current = !0;
+  }, [r]), ce = !!(p && f && n), i = C(/* @__PURE__ */ new Map()), b = C(0), H = C(!1);
+  if (f && f.length > 0 && !H.current) {
+    H.current = !0;
     const u = d ? j(d) : /* @__PURE__ */ new Map(), y = String(f[0].value);
     i.current.set(y, 0), b.current = 1;
     for (let e = 1; e < f.length; e++) {
@@ -132,7 +133,7 @@ function Ze({
       const g = u.get(m) ?? e;
       i.current.set(m, g), b.current = Math.max(b.current, g + 1);
     }
-    d && $(
+    d && X(
       d,
       i.current
     );
@@ -163,15 +164,15 @@ function Ze({
         }
         i.current.set(R, s), b.current = s + 1;
       }
-      const me = i.current.get(R) ?? 0, O = pe(me), ae = [...e?.data || []].sort((l, s) => {
+      const ae = i.current.get(R) ?? 0, O = xe(ae), fe = [...e?.data || []].sort((l, s) => {
         const a = typeof l.time == "number" ? l.time : Number(l.time), A = typeof s.time == "number" ? s.time : Number(s.time);
         return a - A;
       }).reduce((l, s) => {
         const a = s.time;
         return l.length === 0 || l[l.length - 1].time !== a ? l.push({ time: a, value: s.value }) : l[l.length - 1] = { time: a, value: s.value }, l;
-      }, []), J = e?.lineColor ?? e?.color ?? void 0;
+      }, []), $ = e?.lineColor ?? e?.color ?? void 0;
       return {
-        data: ae,
+        data: fe,
         label: h,
         ...e?.id != null && { id: e.id },
         yMeasureUnit: u?.[m] ?? (Array.isArray(r) ? void 0 : r),
@@ -184,8 +185,8 @@ function Ze({
         ...e?.lineStyle != null && {
           lineStyle: e.lineStyle
         },
-        ...J != null ? {
-          lineColor: J,
+        ...$ != null ? {
+          lineColor: $,
           ...e?.topColor != null && {
             topColor: e.topColor
           },
@@ -199,46 +200,46 @@ function Ze({
         }
       };
     });
-    return d && i.current.size > 0 && $(
+    return d && i.current.size > 0 && X(
       d,
       i.current
     ), y;
-  }, [x, n, r, d]), H = V !== void 0 ? V : M !== void 0 ? M.size > 0 : oe && x.length > 0 ? x.some((u) => !u) : !t, B = C(w);
-  w.length > 0 && (B.current = w);
-  const W = w.length > 0 ? w : H ? B.current : w, E = re, ce = !z && N ? !0 : S.length > 0 || se || E != null || k != null, ue = p && f && n ? /* @__PURE__ */ o(
-    Ne,
+  }, [x, n, r, d]), B = _ !== void 0 ? _ : k !== void 0 ? k.size > 0 : le && x.length > 0 ? x.some((u) => !u) : !t, W = C(w);
+  w.length > 0 && (W.current = w);
+  const J = w.length > 0 ? w : B ? W.current : w, M = ne, ue = !F && N ? !0 : S.length > 0 || ce || M != null || E != null, de = p && f && n ? /* @__PURE__ */ o(
+    ke,
     {
       onSelected: p,
       items: f,
       defaultItem: n,
-      multiple: q,
-      graphsWithNoData: D,
-      loadingGraphs: M,
-      onNoDataSelected: le
+      multiple: Q,
+      graphsWithNoData: P,
+      loadingGraphs: k,
+      onNoDataSelected: ie
     }
-  ) : E != null ? /* @__PURE__ */ o(we, { className: "min-w-0 truncate", children: E }) : null, de = ce && /* @__PURE__ */ v("div", { className: "flex w-full flex-row flex-wrap items-center justify-between gap-3", children: [
-    /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: ue }),
+  ) : M != null ? /* @__PURE__ */ o(he, { className: "min-w-0 truncate", children: M }) : null, me = ue && /* @__PURE__ */ v("div", { className: "flex w-full flex-row flex-wrap items-center justify-between gap-3", children: [
+    /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: de }),
     /* @__PURE__ */ v("div", { className: "flex shrink-0 flex-row flex-nowrap items-center gap-3", children: [
-      k,
-      k != null && S.length > 0 ? /* @__PURE__ */ o("div", { className: "h-4 w-px shrink-0 bg-border" }) : null,
-      S.length > 0 ? /* @__PURE__ */ v(Se, { value: Q, onValueChange: Y, children: [
+      E,
+      E != null && S.length > 0 ? /* @__PURE__ */ o("div", { className: "h-4 w-px shrink-0 bg-border" }) : null,
+      S.length > 0 ? /* @__PURE__ */ v(ye, { value: Y, onValueChange: Z, children: [
         /* @__PURE__ */ o(
-          ye,
+          Ae,
           {
             size: "sm",
             className: "h-8 w-auto min-w-[4.5rem] gap-1.5 border-border bg-muted shadow-none",
-            children: /* @__PURE__ */ o(Ae, {})
+            children: /* @__PURE__ */ o(Ie, {})
           }
         ),
-        /* @__PURE__ */ o(Ie, { align: "end", children: S.map((u) => /* @__PURE__ */ o(Ce, { value: u.value, children: u.label }, u.value)) })
+        /* @__PURE__ */ o(Ce, { align: "end", children: S.map((u) => /* @__PURE__ */ o(Ne, { value: u.value, children: u.label }, u.value)) })
       ] }) : null,
-      !z && N && /* @__PURE__ */ o(
+      !F && N && /* @__PURE__ */ o(
         "button",
         {
           type: "button",
           className: "flex min-h-[26px] min-w-[44px] cursor-pointer items-center justify-center rounded-md border border-muted bg-muted px-2.5 py-1.5 text-center text-xs font-medium leading-[14px] text-muted-foreground transition-colors hover:border-secondary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
           onClick: N,
-          children: Z ? /* @__PURE__ */ o(ke, { size: 16 }) : /* @__PURE__ */ o(Me, { size: 16 })
+          children: D ? /* @__PURE__ */ o(Me, { size: 16 }) : /* @__PURE__ */ o(Ee, { size: 16 })
         }
       )
     ] })
@@ -246,12 +247,12 @@ function Ze({
   return /* @__PURE__ */ v(
     "div",
     {
-      className: ve(
+      className: pe(
         "flex w-full flex-col gap-3 rounded-lg border border-border bg-card p-4 shadow-none",
-        U
+        K
       ),
       children: [
-        de,
+        me,
         /* @__PURE__ */ o(
           "div",
           {
@@ -261,11 +262,11 @@ function Ze({
             },
             className: "w-full",
             children: /* @__PURE__ */ o(
-              ge,
+              Se,
               {
-                ...ne,
+                ...oe,
                 series: w,
-                loading: H,
+                loading: B,
                 size: c ? "full" : "default",
                 padding: "none",
                 variant: "ghost",
@@ -273,22 +274,23 @@ function Ze({
                 containerClassName: "h-full overflow-hidden rounded-none border-0 bg-transparent shadow-none",
                 showLegend: !1,
                 onUnselectSeries: L,
-                yMeasureUnit: ie,
-                currentValueDecimals: P,
-                useSharedPriceScale: K,
-                showCurrentValue: G,
-                yScaleMin: ee,
-                yScaleMinMultiple: te,
+                yMeasureUnit: se,
+                currentValueDecimals: U,
+                useSharedPriceScale: G,
+                showCurrentValue: ee,
+                yScaleMin: te,
+                yScaleMinMultiple: re,
                 hideDefaultTooltip: !0,
-                optionsOverrides: Ee
+                optionsOverrides: Re
               }
             )
           }
         ),
-        W.length > 0 ? /* @__PURE__ */ o(
-          xe,
+        J.length > 0 || (V?.length ?? 0) > 0 ? /* @__PURE__ */ o(
+          ge,
           {
-            series: W,
+            series: J,
+            markers: V,
             onUnselect: L,
             inline: !0
           }
@@ -298,5 +300,5 @@ function Ze({
   );
 }
 export {
-  Ze as TradingView
+  De as TradingView
 };

package/dist/esm/locale/en.json.js

@@ -48,19 +48,19 @@ const e = {
   "components.filterModal.apply": "Apply",
   "components.APY.tip": "These APYs are derived from the underlying protocols’ APIs and may differ in reality. Check respective protocols for their methodology.",
   "components.creditSessionDetailedLiquidation.graph.noData": "No data",
-  "components.creditSessionDetailedLiquidation.graph.legend.point": "Current price",
+  "components.creditSessionDetailedLiquidation.graph.legend.point": "Current Price",
   "components.creditSessionDetailedLiquidation.graph.legend.area": "Liquidation Area",
   "components.creditSessionDetailedLiquidation.graph.tip.hf": "Health Factor",
   "components.creditSessionDetailedLiquidation.graph.tip.price": "Price",
   "components.creditSessionDetailedLiquidation.table.noData": "No data",
   "components.creditSessionDetailedLiquidation.table.seeGraph": "See graph",
   "components.creditSessionDetailedLiquidation.table.asset": "Asset",
-  "components.creditSessionDetailedLiquidation.table.currentPrice": "Current price",
-  "components.creditSessionDetailedLiquidation.table.modelPrice": "Model price",
+  "components.creditSessionDetailedLiquidation.table.currentPrice": "Current Price",
+  "components.creditSessionDetailedLiquidation.table.modelPrice": "Model Price",
   "components.apyParts.features.points": "Points",
   "components.apyParts.features.incent": "Incent.",
   "components.apyParts.supplyAPY": "Organic APY",
-  "components.apyParts.title": "APY type",
+  "components.apyParts.title": "APY Type",
   "components.apyParts.supplyAPY.tip": "Yield from lending funds",
   "components.apyParts.tokenYield": "Intrinsic APY",
   "components.apyParts.tokenYield.tip": "Yield from holding wstETH",
@@ -87,10 +87,10 @@ const e = {
   "components.openCopyButtons.copy": "Copy to clipboard",
   "components.openCopyButtons.explorer": "View in explorer",
   "components.poolAssetsTable.asset": "Name",
-  "components.poolAssetsTable.rate": "Effective rate",
+  "components.poolAssetsTable.rate": "Effective Rate",
   "components.poolAssetsTable.exposure": "Exposure",
   "components.poolAssetsTable.cap": "Cap",
-  "components.poolAssetsTable.capUtilization": "Cap utilization",
+  "components.poolAssetsTable.capUtilization": "Cap Utilization",
   "components.poolAssetsTable.usage": "{amount} of {total}",
   "components.poolAssetsTable.head.name": "Credit Manager",
   "components.poolAssetsTable.head.currentDebt": "Current Debt",
@@ -99,13 +99,13 @@ const e = {
   "components.creditManagerInfo.title": "Assets and LT’s",
   "components.creditManagerInfo.info.title": "Credit Managers",
   "components.creditManagerInfo.info.copy.tip": "Copy Credit Manager address",
-  "components.creditManagerInfo.info.minDebt": "Min debt",
-  "components.creditManagerInfo.info.maxDebt": "Max debt",
-  "components.creditManagerInfo.info.liquidationFee": "Liquid. fee",
-  "components.creditManagerInfo.info.liquidationPremium": "Liquid. premium",
-  "components.creditManagerInfo.info.interestFee": "Interest fee",
-  "components.creditManagerInfo.info.debtLimit": "Debt limit",
-  "components.creditManagerInfo.info.maxEnabledTokens": "Max tokens",
+  "components.creditManagerInfo.info.minDebt": "Min Debt",
+  "components.creditManagerInfo.info.maxDebt": "Max Debt",
+  "components.creditManagerInfo.info.liquidationFee": "Liquid. Fee",
+  "components.creditManagerInfo.info.liquidationPremium": "Liquid. Premium",
+  "components.creditManagerInfo.info.interestFee": "Interest Fee",
+  "components.creditManagerInfo.info.debtLimit": "Debt Limit",
+  "components.creditManagerInfo.info.maxEnabledTokens": "Max Tokens",
   "dialogs.oraclesAndLTInfo.filter.hide0Quota": "Hide 0-Quota",
   "components.oraclesAndLTInfo.title": "Oracles and LTs",
   "components.oraclesAndLTTable.head.token": "Token",
@@ -140,7 +140,7 @@ const e = {
   "components.rewardsTooltip.without.extra.tip": "Any deposit through Gearbox",
   "components.rewardsTooltip.with.title": "With {leverage} Leverage",
   "components.rewardsTooltip.with.borrowRate": "{symbol} borrow rate",
-  "components.rewardsTooltip.with.quotaRate": "Quota rate",
+  "components.rewardsTooltip.with.quotaRate": "Quota Rate",
   "components.rewardsTooltip.with.extra": "+ Extra APR",
   "components.rewardsTooltip.button": "Click to show rewards details",
   "components.strategiesTable.head.name": "Strategy",
@@ -164,12 +164,12 @@ const e = {
   "components.amountInput.inputTitle": "Token Amount",
   "components.leverageInput.label": "Leverage",
   "components.leverageInput.reset": "Reset",
-  "components.leverageInput.available": "Available leverage",
-  "components.healthFactorBlock.label": "Health factor",
+  "components.leverageInput.available": "Available Leverage",
+  "components.healthFactorBlock.label": "Health Factor",
   "components.healthFactorBlock.tip": "Health Factor is a numeric representation of your account 'health'. If your health factor drops below 1 or close to it, you might be liquidated.",
   "components.liquidationPriceBlock.label": "Liquidation Price",
   "components.liquidationPriceBlock.tip": "The asset price at which the account's health factor would reach 1 and become eligible for liquidation.",
-  "components.timeToLiquidationBlock.label": "Time to liquidation",
+  "components.timeToLiquidationBlock.label": "Time to Liquidation",
   "components.timeToLiquidationBlock.tip": "Time to liquidation estimates how long the account can stay open if prices remain constant and no yield is earned—only accounting for borrow interest accrual.",
   "components.historyChart.error": "Couldn't load chart data",
   "components.historyChart.empty": "No data",
@@ -190,15 +190,15 @@ const e = {
   "components.strategyApyBreakdownCard.formula": "{leverage} × {base}",
   "components.strategyApyBreakdownCard.borrowFormula": "{leverage} × {totalRate} − {borrowRate}",
   "components.leveragePresetChips.label": "Leverage:",
-  "components.liquidationParamsTable.lt": "Liquidation threshold",
-  "components.liquidationParamsTable.penalty": "Liquidation discount",
-  "components.liquidationParamsTable.premium": "Liquidation premium",
-  "components.liquidationParamsTable.fee": "Liquidation fee",
-  "components.borrowRateBlock.label": "Borrow rate",
+  "components.liquidationParamsTable.lt": "Liquidation Threshold",
+  "components.liquidationParamsTable.penalty": "Liquidation Discount",
+  "components.liquidationParamsTable.premium": "Liquidation Premium",
+  "components.liquidationParamsTable.fee": "Liquidation Fee",
+  "components.borrowRateBlock.label": "Borrow Rate",
   "components.borrowRateBlock.tip": "Borrow rate is displayed for your entire position size in total. You can reduce it in quota management.",
   "components.borrowRateBlock.description": "Your borrow rate consists of the Base Rate plus the Quota Rates for every asset separately.",
   "components.borrowRateBlock.baseRate": "Base Rate for Debt",
-  "components.borrowRateBlock.normalization": "Rates normalization",
+  "components.borrowRateBlock.normalization": "Rates Normalization",
   "components.borrowRateBlock.normalization.tip": "Borrowers pay {quota} and {utilization}, which have a different base. Therefore, the total borrow rate value is normalized by Account value or Debt amount.",
   "components.transactionConfirm.previewLoading": "Parsing transaction…",
   "components.transactionConfirm.previewErrorTitle": "Preview error"