@gearbox-protocol/ui-kit 3.14.0-next.1 → 3.14.0-next.2

package/dist/cjs/components/trading-view/trading-view.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),x=require("react"),re=require("sonner"),ne=require("../../hooks/use-media-query.cjs");require("@gearbox-protocol/sdk");const oe=require("../../utils/cn.cjs");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");const ie=require("../buttons/range-buttons/range-buttons.cjs"),j=require("../graph/graph.cjs"),se=require("../graph/graph-view.cjs"),le=require("./graph-dropdown.cjs"),ce=({size:e=16})=>o.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-label":"Expand fullscreen",children:[o.jsx("title",{children:"Expand fullscreen"}),o.jsx("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"})]}),ue=({size:e=16})=>o.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-label":"Exit fullscreen",children:[o.jsx("title",{children:"Exit fullscreen"}),o.jsx("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"})]}),q="ui-kit:tradingview-series-colors:";function E(e){if(typeof window>"u"||!window.localStorage)return new Map;try{const t=window.localStorage.getItem(q+e);if(!t)return new Map;const c=JSON.parse(t);return c==null||typeof c!="object"?new Map:new Map(Object.entries(c).filter(([,r])=>typeof r=="number"&&r>=0&&r<j.DEFAULT_SERIES_COLORS.length))}catch{return new Map}}function ae(e,t){if(!(typeof window>"u"||!window.localStorage))try{window.localStorage.setItem(q+e,JSON.stringify(Object.fromEntries(t)))}catch{}}function O(e,t){if(t.size===0)return;const c=E(e);for(const[r,b]of t)c.set(r,b);ae(e,c)}function de({data:e,yMeasureUnit:t,height:c=306,defaultGraph:r,onGraphSelected:b,graphs:m,isMultipleSelect:N,range:T,rangeList:M,setRange:V,onGraphExpanded:y,isGraphExpanded:F,onUnselectSeries:B,graphsWithNoData:D,loadingGraphs:z,noDataMessage:I="No data available for this graph",currentValueDecimals:W,containerClassName:H,useSharedPriceScale:J,showCurrentValue:$,yScaleMin:Q,yScaleMinMultiple:X,seriesColorPersistenceKey:u,...Y}){const v=x.useMemo(()=>Array.isArray(e)?e:e?[e]:[],[e]),R=x.useMemo(()=>Array.isArray(e)&&e.length>1,[e]),C=ne.useIsMobile(),Z=x.useCallback((w,p)=>{re.toast.error(I)},[I]),U=x.useMemo(()=>{if(t)return Array.isArray(t)?t[0]:t},[t]),P=(!C&&y||M.length>0||b&&m&&r)&&o.jsxs("div",{className:"z-10 w-full flex flex-row flex-wrap sm:flex-nowrap items-center gap-2",children:[o.jsx("div",{children:b&&m&&r&&o.jsx(le.GraphDropdown,{onSelected:b,items:m,defaultItem:r,multiple:N,graphsWithNoData:D,loadingGraphs:z,onNoDataSelected:Z})}),o.jsxs("div",{className:"flex flex-row flex-nowrap justify-start sm:justify-end items-center flex-1",children:[o.jsx(ie.RangeButtons,{range:T,rangeList:M,setRange:V}),!C&&y&&o.jsx("button",{type:"button",className:"px-2.5 py-1.5 flex min-w-[44px] min-h-[26px] justify-center items-center text-xs leading-[14px] font-medium text-center rounded-md border cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring bg-muted border-muted text-muted-foreground hover:border-secondary ml-1.5",onClick:y,children:F?o.jsx(ue,{size:16}):o.jsx(ce,{size:16})})]})]}),s=x.useRef(new Map),f=x.useRef(0),k=x.useRef(!1);if(m&&m.length>0&&!k.current){k.current=!0;const w=u?E(u):new Map,p=String(m[0].value);s.current.set(p,0),f.current=1;for(let n=1;n<m.length;n++){const a=String(m[n].value);if(s.current.has(a))continue;const h=w.get(a)??n;s.current.set(a,h),f.current=Math.max(f.current,h+1)}u&&O(u,s.current)}const K=x.useMemo(()=>{const w=Array.isArray(t)?t:void 0;if(u){const n=E(u);for(const[a,g]of n)s.current.has(a)||(s.current.set(a,g),f.current=Math.max(f.current,g+1))}const p=v.map((n,a)=>{const g=n?.title||`Series ${a+1}`,h=r!=null?Array.isArray(r)?r[0]?.value??r[0]:typeof r=="object"&&"value"in r?r.value:r:null,A=v.length===1?h!=null?String(h):"single":n?.id||g;if(!s.current.has(A)){const i=new Set(Array.from(s.current.values()));let l=f.current;for(let d=0;d<j.DEFAULT_SERIES_COLORS.length;d++){const S=(f.current+d)%j.DEFAULT_SERIES_COLORS.length;if(!i.has(S)){l=S;break}}s.current.set(A,l),f.current=l+1}const ee=s.current.get(A)??0,_=j.getSeriesColorPalette(ee),te=[...n?.data||[]].sort((i,l)=>{const d=typeof i.time=="number"?i.time:Number(i.time),S=typeof l.time=="number"?l.time:Number(l.time);return d-S}).reduce((i,l)=>{const d=l.time;return i.length===0||i[i.length-1].time!==d?i.push({time:d,value:l.value}):i[i.length-1]={time:d,value:l.value},i},[]),L=n?.lineColor??n?.color??void 0;return{data:te,label:g,yMeasureUnit:w?.[a]??(Array.isArray(t)?void 0:t),...L!=null?{lineColor:L,...n?.topColor!=null&&{topColor:n.topColor},...n?.bottomColor!=null&&{bottomColor:n.bottomColor}}:{color:_.line,topColor:_.top,bottomColor:_.bottom}}});return u&&s.current.size>0&&O(u,s.current),p},[v,r,t,u]),G=R&&v.length>0?v.some(w=>!w):!e;return o.jsx("div",{style:{width:"100%",height:c?`${c}px`:void 0},className:"w-full",children:o.jsx(se.GraphViewWithData,{series:K,loading:G,toolbar:P,size:c?"full":"default",containerClassName:oe.cn("h-full",H),showLegend:R,onUnselectSeries:B,yMeasureUnit:U,currentValueDecimals:W,useSharedPriceScale:J,showCurrentValue:$,yScaleMin:Q,yScaleMinMultiple:X,...Y})})}exports.TradingView=de;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),x=require("react"),re=require("sonner"),ne=require("../../hooks/use-media-query.cjs");require("@gearbox-protocol/sdk");const oe=require("../../utils/cn.cjs");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");const ie=require("../buttons/range-buttons/range-buttons.cjs"),j=require("../graph/graph.cjs"),se=require("../graph/graph-view.cjs"),le=require("./graph-dropdown.cjs"),ce=({size:e=16})=>o.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-label":"Expand fullscreen",children:[o.jsx("title",{children:"Expand fullscreen"}),o.jsx("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"})]}),ue=({size:e=16})=>o.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-label":"Exit fullscreen",children:[o.jsx("title",{children:"Exit fullscreen"}),o.jsx("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"})]}),N="ui-kit:tradingview-series-colors:";function M(e){if(typeof window>"u"||!window.localStorage)return new Map;try{const t=window.localStorage.getItem(N+e);if(!t)return new Map;const c=JSON.parse(t);return c==null||typeof c!="object"?new Map:new Map(Object.entries(c).filter(([,r])=>typeof r=="number"&&r>=0&&r<j.DEFAULT_SERIES_COLORS.length))}catch{return new Map}}function ae(e,t){if(!(typeof window>"u"||!window.localStorage))try{window.localStorage.setItem(N+e,JSON.stringify(Object.fromEntries(t)))}catch{}}function q(e,t){if(t.size===0)return;const c=M(e);for(const[r,b]of t)c.set(r,b);ae(e,c)}function de({data:e,yMeasureUnit:t,height:c=306,defaultGraph:r,onGraphSelected:b,graphs:m,isMultipleSelect:T,range:V,rangeList:I,setRange:F,onGraphExpanded:y,isGraphExpanded:z,onUnselectSeries:B,graphsWithNoData:D,loadingGraphs:A,noDataMessage:R="No data available for this graph",currentValueDecimals:W,containerClassName:H,useSharedPriceScale:J,showCurrentValue:$,yScaleMin:Q,yScaleMinMultiple:X,seriesColorPersistenceKey:u,...Y}){const v=x.useMemo(()=>Array.isArray(e)?e:e?[e]:[],[e]),C=x.useMemo(()=>Array.isArray(e)&&e.length>1,[e]),k=ne.useIsMobile(),Z=x.useCallback((w,S)=>{re.toast.error(R)},[R]),U=x.useMemo(()=>{if(t)return Array.isArray(t)?t[0]:t},[t]),P=(!k&&y||I.length>0||b&&m&&r)&&o.jsxs("div",{className:"z-10 w-full flex flex-row flex-wrap sm:flex-nowrap items-center gap-2",children:[o.jsx("div",{children:b&&m&&r&&o.jsx(le.GraphDropdown,{onSelected:b,items:m,defaultItem:r,multiple:T,graphsWithNoData:D,loadingGraphs:A,onNoDataSelected:Z})}),o.jsxs("div",{className:"flex flex-row flex-nowrap justify-start sm:justify-end items-center flex-1",children:[o.jsx(ie.RangeButtons,{range:V,rangeList:I,setRange:F}),!k&&y&&o.jsx("button",{type:"button",className:"px-2.5 py-1.5 flex min-w-[44px] min-h-[26px] justify-center items-center text-xs leading-[14px] font-medium text-center rounded-md border cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring bg-muted border-muted text-muted-foreground hover:border-secondary ml-1.5",onClick:y,children:z?o.jsx(ue,{size:16}):o.jsx(ce,{size:16})})]})]}),s=x.useRef(new Map),f=x.useRef(0),L=x.useRef(!1);if(m&&m.length>0&&!L.current){L.current=!0;const w=u?M(u):new Map,S=String(m[0].value);s.current.set(S,0),f.current=1;for(let n=1;n<m.length;n++){const a=String(m[n].value);if(s.current.has(a))continue;const h=w.get(a)??n;s.current.set(a,h),f.current=Math.max(f.current,h+1)}u&&q(u,s.current)}const K=x.useMemo(()=>{const w=Array.isArray(t)?t:void 0;if(u){const n=M(u);for(const[a,g]of n)s.current.has(a)||(s.current.set(a,g),f.current=Math.max(f.current,g+1))}const S=v.map((n,a)=>{const g=n?.title||`Series ${a+1}`,h=r!=null?Array.isArray(r)?r[0]?.value??r[0]:typeof r=="object"&&"value"in r?r.value:r:null,_=v.length===1?h!=null?String(h):"single":n?.id||g;if(!s.current.has(_)){const i=new Set(Array.from(s.current.values()));let l=f.current;for(let d=0;d<j.DEFAULT_SERIES_COLORS.length;d++){const p=(f.current+d)%j.DEFAULT_SERIES_COLORS.length;if(!i.has(p)){l=p;break}}s.current.set(_,l),f.current=l+1}const ee=s.current.get(_)??0,E=j.getSeriesColorPalette(ee),te=[...n?.data||[]].sort((i,l)=>{const d=typeof i.time=="number"?i.time:Number(i.time),p=typeof l.time=="number"?l.time:Number(l.time);return d-p}).reduce((i,l)=>{const d=l.time;return i.length===0||i[i.length-1].time!==d?i.push({time:d,value:l.value}):i[i.length-1]={time:d,value:l.value},i},[]),O=n?.lineColor??n?.color??void 0;return{data:te,label:g,yMeasureUnit:w?.[a]??(Array.isArray(t)?void 0:t),...O!=null?{lineColor:O,...n?.topColor!=null&&{topColor:n.topColor},...n?.bottomColor!=null&&{bottomColor:n.bottomColor}}:{color:E.line,topColor:E.top,bottomColor:E.bottom}}});return u&&s.current.size>0&&q(u,s.current),S},[v,r,t,u]),G=A!==void 0?A.size>0:C&&v.length>0?v.some(w=>!w):!e;return o.jsx("div",{style:{width:"100%",height:c?`${c}px`:void 0},className:"w-full",children:o.jsx(se.GraphViewWithData,{series:K,loading:G,toolbar:P,size:c?"full":"default",containerClassName:oe.cn("h-full",H),showLegend:C,onUnselectSeries:B,yMeasureUnit:U,currentValueDecimals:W,useSharedPriceScale:J,showCurrentValue:$,yScaleMin:Q,yScaleMinMultiple:X,...Y})})}exports.TradingView=de;

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

@@ -1,5 +1,5 @@
 import { jsxs as S, jsx as l } from "react/jsx-runtime";
-import { useMemo as y, useCallback as ne, useRef as M } from "react";
+import { useMemo as y, useCallback as ne, useRef as E } from "react";
 import { toast as ie } from "sonner";
 import { useIsMobile as le } from "../../hooks/use-media-query.js";
 import "@gearbox-protocol/sdk";
@@ -8,7 +8,7 @@ import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { RangeButtons as ce } from "../buttons/range-buttons/range-buttons.js";
-import { DEFAULT_SERIES_COLORS as E, getSeriesColorPalette as ue } from "../graph/graph.js";
+import { DEFAULT_SERIES_COLORS as k, getSeriesColorPalette as ue } from "../graph/graph.js";
 import { GraphViewWithData as me } from "../graph/graph-view.js";
 import { GraphDropdown as fe } from "./graph-dropdown.js";
 const de = ({ size: e = 16 }) => /* @__PURE__ */ S(
@@ -45,17 +45,17 @@ const de = ({ size: e = 16 }) => /* @__PURE__ */ S(
       /* @__PURE__ */ l("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" })
     ]
   }
-), F = "ui-kit:tradingview-series-colors:";
-function k(e) {
+), V = "ui-kit:tradingview-series-colors:";
+function j(e) {
   if (typeof window > "u" || !window.localStorage)
     return /* @__PURE__ */ new Map();
   try {
-    const t = window.localStorage.getItem(F + e);
+    const t = window.localStorage.getItem(V + e);
     if (!t) return /* @__PURE__ */ new Map();
     const c = JSON.parse(t);
     return c == null || typeof c != "object" ? /* @__PURE__ */ new Map() : new Map(
       Object.entries(c).filter(
-        ([, o]) => typeof o == "number" && o >= 0 && o < E.length
+        ([, o]) => typeof o == "number" && o >= 0 && o < k.length
       )
     );
   } catch {
@@ -66,17 +66,17 @@ function we(e, t) {
   if (!(typeof window > "u" || !window.localStorage))
     try {
       window.localStorage.setItem(
-        F + e,
+        V + e,
         JSON.stringify(Object.fromEntries(t))
       );
     } catch {
     }
 }
-function z(e, t) {
+function F(e, t) {
   if (t.size === 0) return;
-  const c = k(e);
-  for (const [o, p] of t)
-    c.set(o, p);
+  const c = j(e);
+  for (const [o, v] of t)
+    c.set(o, v);
   we(e, c);
 }
 function Re({
@@ -84,18 +84,18 @@ function Re({
   yMeasureUnit: t,
   height: c = 306,
   defaultGraph: o,
-  onGraphSelected: p,
+  onGraphSelected: v,
   graphs: d,
-  isMultipleSelect: V,
-  range: B,
-  rangeList: j,
-  setRange: T,
+  isMultipleSelect: B,
+  range: T,
+  rangeList: N,
+  setRange: D,
   onGraphExpanded: A,
-  isGraphExpanded: D,
-  onUnselectSeries: W,
-  graphsWithNoData: H,
-  loadingGraphs: J,
-  noDataMessage: N = "No data available for this graph",
+  isGraphExpanded: W,
+  onUnselectSeries: H,
+  graphsWithNoData: J,
+  loadingGraphs: I,
+  noDataMessage: R = "No data available for this graph",
   currentValueDecimals: $,
   containerClassName: X,
   useSharedPriceScale: q,
@@ -105,51 +105,51 @@ function Re({
   seriesColorPersistenceKey: u,
   ...U
 }) {
-  const v = y(() => Array.isArray(e) ? e : e ? [e] : [], [e]), R = y(() => Array.isArray(e) && e.length > 1, [e]), L = le(), K = ne(
+  const b = y(() => Array.isArray(e) ? e : e ? [e] : [], [e]), L = y(() => Array.isArray(e) && e.length > 1, [e]), O = le(), K = ne(
     (w, g) => {
-      ie.error(N);
+      ie.error(R);
     },
-    [N]
+    [R]
   ), P = y(() => {
     if (t)
       return Array.isArray(t) ? t[0] : t;
-  }, [t]), G = (!L && A || j.length > 0 || p && d && o) && /* @__PURE__ */ S("div", { className: "z-10 w-full flex flex-row flex-wrap sm:flex-nowrap items-center gap-2", children: [
-    /* @__PURE__ */ l("div", { children: p && d && o && /* @__PURE__ */ l(
+  }, [t]), G = (!O && A || N.length > 0 || v && d && o) && /* @__PURE__ */ S("div", { className: "z-10 w-full flex flex-row flex-wrap sm:flex-nowrap items-center gap-2", children: [
+    /* @__PURE__ */ l("div", { children: v && d && o && /* @__PURE__ */ l(
       fe,
       {
-        onSelected: p,
+        onSelected: v,
         items: d,
         defaultItem: o,
-        multiple: V,
-        graphsWithNoData: H,
-        loadingGraphs: J,
+        multiple: B,
+        graphsWithNoData: J,
+        loadingGraphs: I,
         onNoDataSelected: K
       }
     ) }),
     /* @__PURE__ */ S("div", { className: "flex flex-row flex-nowrap justify-start sm:justify-end items-center flex-1", children: [
-      /* @__PURE__ */ l(ce, { range: B, rangeList: j, setRange: T }),
-      !L && A && /* @__PURE__ */ l(
+      /* @__PURE__ */ l(ce, { range: T, rangeList: N, setRange: D }),
+      !O && A && /* @__PURE__ */ l(
         "button",
         {
           type: "button",
           className: "px-2.5 py-1.5 flex min-w-[44px] min-h-[26px] justify-center items-center text-xs leading-[14px] font-medium text-center rounded-md border cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring bg-muted border-muted text-muted-foreground hover:border-secondary ml-1.5",
           onClick: A,
-          children: D ? /* @__PURE__ */ l(ae, { size: 16 }) : /* @__PURE__ */ l(de, { size: 16 })
+          children: W ? /* @__PURE__ */ l(ae, { size: 16 }) : /* @__PURE__ */ l(de, { size: 16 })
         }
       )
     ] })
-  ] }), i = M(/* @__PURE__ */ new Map()), a = M(0), O = M(!1);
-  if (d && d.length > 0 && !O.current) {
-    O.current = !0;
-    const w = u ? k(u) : /* @__PURE__ */ new Map(), g = String(d[0].value);
+  ] }), i = E(/* @__PURE__ */ new Map()), a = E(0), _ = E(!1);
+  if (d && d.length > 0 && !_.current) {
+    _.current = !0;
+    const w = u ? j(u) : /* @__PURE__ */ new Map(), g = String(d[0].value);
     i.current.set(g, 0), a.current = 1;
     for (let r = 1; r < d.length; r++) {
       const m = String(d[r].value);
       if (i.current.has(m)) continue;
-      const b = w.get(m) ?? r;
-      i.current.set(m, b), a.current = Math.max(a.current, b + 1);
+      const p = w.get(m) ?? r;
+      i.current.set(m, p), a.current = Math.max(a.current, p + 1);
     }
-    u && z(
+    u && F(
       u,
       i.current
     );
@@ -157,42 +157,42 @@ function Re({
   const ee = y(() => {
     const w = Array.isArray(t) ? t : void 0;
     if (u) {
-      const r = k(u);
+      const r = j(u);
       for (const [m, x] of r)
         i.current.has(m) || (i.current.set(m, x), a.current = Math.max(
           a.current,
           x + 1
         ));
     }
-    const g = v.map((r, m) => {
-      const x = r?.title || `Series ${m + 1}`, b = o != null ? Array.isArray(o) ? o[0]?.value ?? o[0] : typeof o == "object" && "value" in o ? o.value : o : null, I = v.length === 1 ? b != null ? String(b) : "single" : r?.id || x;
-      if (!i.current.has(I)) {
+    const g = b.map((r, m) => {
+      const x = r?.title || `Series ${m + 1}`, p = o != null ? Array.isArray(o) ? o[0]?.value ?? o[0] : typeof o == "object" && "value" in o ? o.value : o : null, C = b.length === 1 ? p != null ? String(p) : "single" : r?.id || x;
+      if (!i.current.has(C)) {
         const n = new Set(
           Array.from(i.current.values())
         );
         let s = a.current;
-        for (let f = 0; f < E.length; f++) {
-          const h = (a.current + f) % E.length;
+        for (let f = 0; f < k.length; f++) {
+          const h = (a.current + f) % k.length;
           if (!n.has(h)) {
             s = h;
             break;
           }
         }
-        i.current.set(I, s), a.current = s + 1;
+        i.current.set(C, s), a.current = s + 1;
       }
-      const oe = i.current.get(I) ?? 0, C = ue(oe), re = [...r?.data || []].sort((n, s) => {
+      const oe = i.current.get(C) ?? 0, M = ue(oe), re = [...r?.data || []].sort((n, s) => {
         const f = typeof n.time == "number" ? n.time : Number(n.time), h = typeof s.time == "number" ? s.time : Number(s.time);
         return f - h;
       }).reduce((n, s) => {
         const f = s.time;
         return n.length === 0 || n[n.length - 1].time !== f ? n.push({ time: f, value: s.value }) : n[n.length - 1] = { time: f, value: s.value }, n;
-      }, []), _ = r?.lineColor ?? r?.color ?? void 0;
+      }, []), z = r?.lineColor ?? r?.color ?? void 0;
       return {
         data: re,
         label: x,
         yMeasureUnit: w?.[m] ?? (Array.isArray(t) ? void 0 : t),
-        ..._ != null ? {
-          lineColor: _,
+        ...z != null ? {
+          lineColor: z,
           ...r?.topColor != null && {
             topColor: r.topColor
           },
@@ -200,17 +200,17 @@ function Re({
             bottomColor: r.bottomColor
           }
         } : {
-          color: C.line,
-          topColor: C.top,
-          bottomColor: C.bottom
+          color: M.line,
+          topColor: M.top,
+          bottomColor: M.bottom
         }
       };
     });
-    return u && i.current.size > 0 && z(
+    return u && i.current.size > 0 && F(
       u,
       i.current
     ), g;
-  }, [v, o, t, u]), te = R && v.length > 0 ? v.some((w) => !w) : !e;
+  }, [b, o, t, u]), te = I !== void 0 ? I.size > 0 : L && b.length > 0 ? b.some((w) => !w) : !e;
   return /* @__PURE__ */ l(
     "div",
     {
@@ -227,8 +227,8 @@ function Re({
           toolbar: G,
           size: c ? "full" : "default",
           containerClassName: se("h-full", X),
-          showLegend: R,
-          onUnselectSeries: W,
+          showLegend: L,
+          onUnselectSeries: H,
           yMeasureUnit: P,
           currentValueDecimals: $,
           useSharedPriceScale: q,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.14.0-next.1",
+  "version": "3.14.0-next.2",
   "description": "Internal UI components",
   "repository": "https://github.com/gearbox-protocol/ui-kit",
   "license": "MIT",