@gearbox-protocol/ui-kit 4.0.0-next.31 → 4.0.0-next.32

package/dist/cjs/components/graph/graph.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),H=require("lightweight-charts"),p=require("react"),ct=require("../../hooks/use-media-query.cjs"),re=require("../../utils/cn.cjs"),G=require("../../utils/colors.cjs"),D=require("./default-config.cjs"),ne=require("./formatters.cjs"),ut=require("./graph-current-value.cjs"),ft=require("./graph-tooltip.cjs"),ht=require("./plugins/vertical-line.cjs"),He=require("./y-axis-scale.cjs");function gt(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const f=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,f.get?f:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const Te=gt(p);function oe(e){return e.id??e.label}function Ze(e,n,a){if(!a)return e.values().next().value;const f=e.get(a);if(f)return f;const u=n.find(b=>b.id===a||b.label===a);return u?e.get(oe(u)):void 0}class pt{_yTop;_yBottom;_color;constructor(n,a,f){this._yTop=n,this._yBottom=a,this._color=f}draw(n){n.useBitmapCoordinateSpace(a=>{const f=a.context,u=a.verticalPixelRatio,b=this._yTop===null?0:this._yTop*u,C=this._yBottom===null?a.bitmapSize.height:this._yBottom*u,P=Math.min(b,C),M=Math.max(b,C);f.fillStyle=this._color,f.fillRect(0,P,a.bitmapSize.width,M-P)})}}class dt{_source;_yTop=null;_yBottom=null;constructor(n){this._source=n}update(){const n=this._source.series;this._yTop=this._source.priceTop===void 0?null:n.priceToCoordinate(this._source.priceTop),this._yBottom=this._source.priceBottom===void 0?null:n.priceToCoordinate(this._source.priceBottom)}zOrder(){return"bottom"}renderer(){return new pt(this._yTop,this._yBottom,this._source.color)}}class mt{series;priceTop;priceBottom;color;_paneViews;constructor(n,a,f,u){this.series=n,this.priceTop=a,this.priceBottom=f,this.color=u,this._paneViews=[new dt(this)]}updateAllViews(){for(const n of this._paneViews)n.update()}paneViews(){return this._paneViews}}function bt(e,n){switch(e){case H.LineStyle.Dotted:return[n,n];case H.LineStyle.Dashed:return[2*n,2*n];case H.LineStyle.LargeDashed:return[6*n,6*n];case H.LineStyle.SparseDotted:return[n,4*n];default:return[]}}class St{_y;_color;_lineWidth;_lineStyle;constructor(n,a,f,u){this._y=n,this._color=a,this._lineWidth=f,this._lineStyle=u}draw(n){n.useBitmapCoordinateSpace(a=>{if(this._y===null)return;const f=a.context,u=a.verticalPixelRatio,b=Math.max(1,Math.round(this._lineWidth*u)),C=Math.round(this._y*u);f.save(),f.strokeStyle=this._color,f.lineWidth=b,f.setLineDash(bt(this._lineStyle,b)),f.beginPath(),f.moveTo(0,C),f.lineTo(a.bitmapSize.width,C),f.stroke(),f.restore()})}}class Ct{_source;_y=null;constructor(n){this._source=n}update(){this._y=this._source.series.priceToCoordinate(this._source.price)}zOrder(){return"top"}renderer(){return new St(this._y,this._source.color,this._source.lineWidth,this._source.lineStyle)}}class vt{series;price;color;lineWidth;lineStyle;_paneViews;constructor(n,a,f,u,b){this.series=n,this.price=a,this.color=f,this.lineWidth=u,this.lineStyle=b,this._paneViews=[new Ct(this)]}updateAllViews(){for(const n of this._paneViews)n.update()}paneViews(){return this._paneViews}}function Qe(e,n,a){const f=e.labelText??"",u=e.value,b=u===void 0?"":typeof u=="number"?n==="$"?`$${ne.formatExactValue(u,void 0,a)}`:n==="%"?`${ne.formatExactValue(u,void 0,a)}%`:ne.formatExactValue(u,n!=="none"&&n!=="%"&&n!=="$"&&!ne.isRatioUnit(n)?n:void 0,a):String(u);return{labelText:f,valueStr:b}}const Le=4;function Ye(e,n,a){const f={left:e,transform:"translateX(-50%)"};if(n<=0||!a||a<=0)return f;const u=a/2,b=Le+u,C=n-Le-u;return C<b?{left:n/2,transform:"translateX(-50%)"}:{left:Math.min(Math.max(e,b),C),transform:"translateX(-50%)"}}function Je(e,n){for(let a=e.length-1;a>=0;a--)if(Number(e[a].time)<=n)return e[a].value;return 0}const be=[{line:"#02c39a",top:"rgba(2, 195, 154, 0.56)",bottom:"rgba(2, 195, 154, 0.04)"},{line:"#3b82f6",top:"rgba(59, 130, 246, 0.56)",bottom:"rgba(59, 130, 246, 0.04)"},{line:"#ef4444",top:"rgba(239, 68, 68, 0.56)",bottom:"rgba(239, 68, 68, 0.04)"},{line:"#f59e0b",top:"rgba(245, 158, 11, 0.56)",bottom:"rgba(245, 158, 11, 0.04)"},{line:"#8b5cf6",top:"rgba(139, 92, 246, 0.56)",bottom:"rgba(139, 92, 246, 0.04)"},{line:"#ec4899",top:"rgba(236, 72, 153, 0.56)",bottom:"rgba(236, 72, 153, 0.04)"},{line:"#06b6d4",top:"rgba(6, 182, 212, 0.56)",bottom:"rgba(6, 182, 212, 0.04)"},{line:"#ea580c",top:"rgba(234, 88, 12, 0.56)",bottom:"rgba(234, 88, 12, 0.04)"},{line:"#84cc16",top:"rgba(132, 204, 22, 0.56)",bottom:"rgba(132, 204, 22, 0.04)"},{line:"#d946ef",top:"rgba(217, 70, 239, 0.56)",bottom:"rgba(217, 70, 239, 0.04)"},{line:"#0ea5e9",top:"rgba(14, 165, 233, 0.56)",bottom:"rgba(14, 165, 233, 0.04)"},{line:"#14b8a6",top:"rgba(20, 184, 166, 0.56)",bottom:"rgba(20, 184, 166, 0.04)"},{line:"#eab308",top:"rgba(234, 179, 8, 0.56)",bottom:"rgba(234, 179, 8, 0.04)"},{line:"#f43f5e",top:"rgba(244, 63, 94, 0.56)",bottom:"rgba(244, 63, 94, 0.04)"},{line:"#6366f1",top:"rgba(99, 102, 241, 0.56)",bottom:"rgba(99, 102, 241, 0.04)"},{line:"#10b981",top:"rgba(16, 185, 129, 0.56)",bottom:"rgba(16, 185, 129, 0.04)"},{line:"#78716c",top:"rgba(120, 113, 108, 0.56)",bottom:"rgba(120, 113, 108, 0.04)"},{line:"#64748b",top:"rgba(100, 116, 139, 0.56)",bottom:"rgba(100, 116, 139, 0.04)"},{line:"#475569",top:"rgba(71, 85, 105, 0.56)",bottom:"rgba(71, 85, 105, 0.04)"}],xt=137.5;function Ne(e){if(e<be.length)return be[e];const a=(e-be.length)*xt%360,f=G.hslToHex(a,70,50),{topColor:u,bottomColor:b}=G.generateColorsFromBase(f);return{line:f,top:u,bottom:b}}function _t({series:e,className:n,showLegend:a=!1,onUnselectSeries:f,xMeasureUnit:u="time",yMeasureUnit:b="token",optionsOverrides:C,verticalLineOptions:P,priceLineOptions:M,zoneOptions:X,currentValueDecimals:Se,useSharedPriceScale:Z=!1,dualYAxis:A=!1,defaultVisiblePriceScaleId:Ve="right",leftPriceScaleTitle:Ie,rightPriceScaleTitle:yt,showCurrentValue:et=!0,graphTitle:Ce,yScaleMin:Ee,yScaleMinMultiple:De,visibleTimeFrom:U,disableZoom:Me=!1,hideDefaultTooltip:ve=!1}){const B=p.useRef(null),V=p.useRef(new Map),xe=p.useRef(!1),ke=p.useRef(!0),Ae=p.useRef([]),ae=p.useRef(0),j=p.useRef(null),_e=p.useRef(null),Be=p.useRef(null),T=ct.useIsMobile(),le=Te.useMemo(()=>e.flatMap(t=>t.data),[e]),tt=Te.useMemo(()=>{if(e.length>0){const t=e[e.length-1];if(t.data.length>0)return t.data[t.data.length-1]}},[e]),[je,ye]=p.useState(()=>{if(!tt)return;const t=new Map;for(const l of e)l.data.length>0&&t.set(l.label,l.data[l.data.length-1]);return t}),[Fe,Y]=p.useState(null),[ze,Ge]=p.useState([]),[ot,Xe]=p.useState(0),qe=p.useRef(new Map),[rt,nt]=p.useState({}),[ee,it]=p.useState(0);p.useEffect(()=>{const t=()=>{try{if(j.current&&Xe(j.current.clientWidth),B.current&&j.current){const s=j.current.clientWidth,c=j.current.clientHeight;B.current.resize(s,c);try{ae.current=B.current.paneSize().height}catch{}}}catch{}},l=j.current,i=l?new ResizeObserver(t):null;return Be.current=i,l&&i?.observe(l),()=>{l&&i?.unobserve(l),i?.disconnect(),Be.current=null}},[]),p.useEffect(()=>{if(!_e.current||xe.current)return;const t=D.getDefaultOptions(),l=G.resolveCSSColor("hsl(var(--muted-foreground))","rgb(163, 163, 163)"),i=H.createChart(_e.current,{...t,leftPriceScale:{...t.leftPriceScale||{},visible:!1,textColor:l},rightPriceScale:{...t.rightPriceScale||{},visible:!T,textColor:l},...T&&{crosshair:{...t.crosshair,mode:H.CrosshairMode.Magnet}}});B.current=i,xe.current=!0;try{ae.current=i.paneSize().height}catch{ae.current=0}return it(s=>s+1),()=>{i.remove(),B.current=null,xe.current=!1,V.current.clear()}},[T]),p.useEffect(()=>{const t=B.current;t&&t.applyOptions(Me?{handleScale:{mouseWheel:!1,pinch:!1,axisPressedMouseMove:!1,axisDoubleClickReset:!1},handleScroll:{mouseWheel:!1,pressedMouseMove:!1,horzTouchDrag:!1,vertTouchDrag:!1}}:{handleScale:{mouseWheel:!0,pinch:!0,axisPressedMouseMove:!0,axisDoubleClickReset:!0},handleScroll:{mouseWheel:!0,pressedMouseMove:!0,horzTouchDrag:!0,vertTouchDrag:!0}})},[ee,Me]),p.useEffect(()=>{const t=B.current;!t||!C||t.applyOptions(C)},[ee,C]),p.useEffect(()=>{const t=B.current;if(!t||e.length===0)return;const i=e.filter(r=>r.data.length>0).length<=1?Ee:De,s=u==="time"?ne.getXFormatters(u,le):ne.getXFormatters(u),c=new Map;{let r=0;for(const o of e)o.data.length!==0&&(c.set(o.label,o.priceScaleId??(r===0?"left":"right")),r++)}const h=(r,o,g)=>{const{formatter:F,tickmarksFormatter:N,updateVisibleRange:E}=ne.createAdaptiveYAxisFormatter(r,o,{yScaleMin:i});return{formatter:F,tickmarksFormatter:N,updateVisibleRange:E,labels:g}},d=[];if(A)for(const r of["left","right"]){const o=new Set,g=[];let F=b;for(const N of e)if(N.data.length!==0&&c.get(N.label)===r){o.size===0&&N.yMeasureUnit&&(F=N.yMeasureUnit),o.add(N.label);for(const E of N.data)g.push(E.value)}o.size>0&&d.push(h(g,F,o))}else{const r=le.map(g=>g.value),o=new Set(e.filter(g=>g.data.length>0).map(g=>g.label));d.push(h(r,b,o))}Ae.current=d;const y=new Map;for(const r of d)for(const o of r.labels)y.set(o,r);const w=D.getDefaultOptions();t.applyOptions({localization:{...w.localization||{},timeFormatter:r=>s.timeFormatter(parseFloat(r),void 0)},timeScale:{...w.timeScale||{},...C?.timeScale,tickMarkFormatter:s.tickMarkFormatter,minBarSpacing:0}});const v=!A&&e.length>1&&!Z,q=A?T:e.length>1&&!Z||T,I=G.resolveCSSColor("hsl(var(--muted-foreground))","rgb(163, 163, 163)");t.applyOptions({...A&&{defaultVisiblePriceScaleId:Ve},leftPriceScale:{...w.leftPriceScale||{},...C?.leftPriceScale,visible:A&&!T,textColor:I,...A&&Ie&&{}},rightPriceScale:{...w.rightPriceScale||{},...C?.rightPriceScale,visible:A?!T:!q,textColor:I}});const te=new Set(V.current.keys()),W=new Set(e.map(oe));for(const r of te)if(!W.has(r)){const o=V.current.get(r);o&&(t.removeSeries(o),V.current.delete(r))}const m=D.getDefaultSeries(),k=[];let L=0;const K=e.find(r=>r.data.length>0),_=new Map;if(M&&M.length>0)for(const r of M){if(!Number.isFinite(r.price))continue;const o=r.seriesLabel??K?.label;if(!o)continue;const g=_.get(o)??[];g.push(r.price),_.set(o,g)}if(X&&X.length>0)for(const r of X){const o=r.seriesLabel??K?.label;if(!o)continue;const g=_.get(o)??[];Number.isFinite(r.priceTop)&&g.push(r.priceTop),Number.isFinite(r.priceBottom)&&g.push(r.priceBottom),_.set(o,g)}for(let r=0;r<e.length;r++){const o=e[r],g=oe(o),F=Ne(r),N=o.lineColor??o.color??F.line;let E,J;if(o.lineColor??o.color)if(o.topColor&&o.bottomColor)E=o.topColor,J=o.bottomColor;else if(o.topColor){const S=G.generateColorsFromBase(N);E=o.topColor,J=S.bottomColor}else if(o.bottomColor)E=G.generateColorsFromBase(N).topColor,J=o.bottomColor;else{const S=G.generateColorsFromBase(N);E=S.topColor,J=S.bottomColor}else E=o.topColor||F.top,J=o.bottomColor||F.bottom;if(o.data.length===0){const S=V.current.get(g);S&&(t.removeSeries(S),V.current.delete(g));continue}const pe=o.data.length>0?Math.min(...o.data.map(S=>S.value)):0,ce=o.data.length>0?Math.max(...o.data.map(S=>S.value)):0,ue=pe<0,Q=o.data.some(S=>S.value===0),de=!ue&&Q,fe=He.pickMinMove(ce-pe),he=A?o.priceScaleId??(L===0?"left":"right"):Z||!v||L===0?"right":`scale-${L}`;v&&k.push({priceScaleId:he||"right",seriesIndex:L});const we=(Z||!v)&&i!==void 0&&typeof i=="number",st=_.get(o.label)??[],at=S=>{const R=S();if(R?.priceRange){we&&(R.priceRange.minValue=i);for(const O of st)O<R.priceRange.minValue&&(R.priceRange.minValue=O),O>R.priceRange.maxValue&&(R.priceRange.maxValue=O);const se=we?i:de&&R.priceRange.minValue>=0?0:void 0,me=ae.current>0?ae.current:j.current?.clientHeight??0;if(me>0){const O=He.niceAxisRange({min:R.priceRange.minValue,max:R.priceRange.maxValue,floor:se,scaleHeightPx:me,fontSizePx:D.AXIS_FONT_SIZE,tickMarkDensity:D.AXIS_TICK_MARK_DENSITY,minMove:fe,edgePaddingPx:D.AXIS_EDGE_LABEL_PADDING_PX,edgePaddingTopPx:D.AXIS_TOP_LABEL_PADDING_PX});R.priceRange.minValue=O.min,R.priceRange.maxValue=O.max}R.margins={above:D.AXIS_TOP_LABEL_PADDING_PX,below:D.AXIS_EDGE_LABEL_PADDING_PX}}return R},Ke=y.get(o.label)??d[0],$e=Ke.formatter,lt=Ke.tickmarksFormatter,Re={lineColor:N,topColor:E,bottomColor:J,priceScaleId:he,...o.seriesType==="line"&&{lineStyle:o.lineStyle??H.LineStyle.Solid},priceFormat:{type:"custom",minMove:fe,formatter:we&&typeof i=="number"?S=>$e(S<i?i:S):$e,tickmarksFormatter:lt},autoscaleInfoProvider:at},Oe=o.seriesType==="line";let z=V.current.get(g);const ie=o.data.map(S=>({...S,time:S.time}));if(U!==void 0&&ie.length>0&&Number(ie[0].time)>U){const S=Number(ie[0].time),R=S-U,se=86400,me=R>180*se?7*se:R>30*se?se:6*3600,O=[];for(let Pe=U;Pe<S;Pe+=me)O.push({time:Pe});ie.unshift(...O)}z&&z.seriesType()!==(Oe?"Line":"Area")&&(t.removeSeries(z),V.current.delete(g),z=void 0),z?(z.applyOptions(Re),z.setData(ie)):(Oe?z=t.addSeries(H.LineSeries,{...m,...Re}):z=t.addSeries(H.AreaSeries,{...m,...Re}),z.setData(ie),V.current.set(g,z)),L++}if(A)try{const r=t.priceScale("left"),o=t.priceScale("right"),g={visible:!T,autoScale:!0,scaleMargins:{top:0,bottom:0},alignLabels:!0,entireTextOnly:!1,tickMarkDensity:D.AXIS_TICK_MARK_DENSITY,textColor:I,...C?.rightPriceScale};r?.applyOptions(g),o?.applyOptions(g)}catch{}else if(v&&k.length>0)for(const r of k)try{const o=t.priceScale(r.priceScaleId);o&&o.applyOptions({visible:!1,autoScale:!0,scaleMargins:{top:0,bottom:0},alignLabels:!0,entireTextOnly:!1,tickMarkDensity:D.AXIS_TICK_MARK_DENSITY,textColor:I})}catch(o){console.warn(`Failed to configure price scale ${r.priceScaleId} for series ${r.seriesIndex}:`,o)}else if(!v)try{const r=t.priceScale("right");r&&r.applyOptions({visible:!T,autoScale:!0,scaleMargins:{top:0,bottom:0},alignLabels:!0,entireTextOnly:!1,tickMarkDensity:D.AXIS_TICK_MARK_DENSITY,textColor:I,...C?.rightPriceScale})}catch{}if(i!==void 0&&!T&&(Z||!v)&&t.applyOptions({handleScroll:{vertTouchDrag:!1}}),le.length>0){const r=le.map(o=>Number(o.time)).filter(o=>Number.isFinite(o));if(r.length>0){const o=Math.min(...r),g=U!==void 0?Math.min(U,o):o,F=Math.max(...r);if(Number(g)<=Number(F)){const N=()=>{const E=t.timeScale(),J=A&&!T,pe=A?!T:!q,ce=!J,ue=!pe;if(E.applyOptions({fixLeftEdge:!ce,fixRightEdge:!ue}),!ce&&!ue)return;const Q=E.getVisibleLogicalRange(),de=E.width();if(!Q||!(de>0))return;const fe=Q.to-Q.from;if(!(fe>0))return;const he=D.AXIS_TIME_EDGE_PADDING_PX*fe/de;E.setVisibleLogicalRange({from:ce?Q.from-he:Q.from,to:ue?Q.to+he:Q.to})};try{t.timeScale().setVisibleRange({from:g,to:F}),N()}catch{try{t.timeScale().fitContent(),N()}catch{}}}}}ke.current&&(ke.current=!1),C&&t.applyOptions(C);const $=new Map;for(const r of e)r.data.length>0&&$.set(r.label,r.data[r.data.length-1]);ye($.size>0?$:void 0)},[ee,e,le,u,b,T,Z,A,Ve,Ie,Ee,De,U,M,X,C]),p.useEffect(()=>{const t=B.current;if(!t||e.length===0)return;const l=e.length===1;let i;for(const c of e)if(c.data.length>0){i=c.data[c.data.length-1].time;break}if(!i)return;const s=c=>{const{time:h=i,seriesData:d,point:y}=c||{},w=e[0],v=w?V.current.get(oe(w)):void 0;if(!y||!h){const W=new Map;for(const m of e)m.data.length>0&&W.set(m.label,m.data[m.data.length-1]);if(ye(W.size>0?W:void 0),l||Z||ve)Y(null);else if(v&&i){const m=e[0];if(m&&m.data.length>0){const L=t.timeScale().timeToCoordinate(i),K=m.data[m.data.length-1].value,_=v.priceToCoordinate(K);L!==null&&_!==null&&Y({x:L,y:_})}}return}const q=new Map;let I,te=v;for(let W=0;W<e.length;W++){const m=e[W],k=V.current.get(oe(m));if(!k)continue;const L=d?.get(k),K=L&&"value"in L?L.value:void 0;let _;if(K!==void 0)_=K;else if(l){const $=Number(h),r=m.data.length>0?Number(m.data[0].time):Number.POSITIVE_INFINITY;$<r?_=Number.NaN:_=m.data[m.data.length-1]?.value??0}else{const $=m.data.length>0?Number(m.data[0].time):Number.POSITIVE_INFINITY;if(Number(h)<$)continue;_=Je(m.data,Number(h))}Number.isNaN(_)||(I===void 0&&(I=_,te=k),q.set(m.label,{value:_,time:h}))}if(ye(q),I!==void 0&&te){const m=t.timeScale().timeToCoordinate(h),k=te.priceToCoordinate(I);if(m!==null&&k!==null){const L=j.current;if(L){const K=L.querySelector(".LightweightChart");if(K){const _=K.getBoundingClientRect(),$=L.getBoundingClientRect(),r=m+(_.left-$.left),o=k+(_.top-$.top);Y({x:r,y:o})}else Y({x:m,y:k})}else Y({x:m,y:k})}else Y(null)}else Y(null)};return t.subscribeCrosshairMove(s),T&&t.subscribeClick(s),!l&&!Z&&!ve&&requestAnimationFrame(()=>{const c=e[0],h=c?V.current.get(oe(c)):void 0;if(h&&i&&c.data.length>0){const y=t.timeScale().timeToCoordinate(i),w=c.data[c.data.length-1].value,v=h.priceToCoordinate(w);y!==null&&v!==null&&Y({x:y,y:v})}}),()=>{t.unsubscribeCrosshairMove(s),T&&t.unsubscribeClick(s)}},[e,Z,T,ve]),p.useEffect(()=>{const t=B.current;if(!t||e.length===0)return;const l=t.timeScale(),i=()=>{const s=Ae.current;if(s.length===0)return;const c=l.getVisibleRange();if(!c)return;const h=Number(c.from),d=Number(c.to);for(const y of s){const w=[];for(const v of e)if(y.labels.has(v.label))for(const q of v.data){const I=Number(q.time);I>=h&&I<=d&&w.push(q.value)}w.length>0&&y.updateVisibleRange(w)}};return l.subscribeVisibleLogicalRangeChange(i),()=>{l.unsubscribeVisibleLogicalRangeChange(i)}},[e]),p.useEffect(()=>{const t=B.current,l=Array.from(V.current.values()),i=[];if(t&&l.length>0&&P){const s=D.getDefaultVerticalLine(),c=l[0];for(const h of P){const d={...s,...h.options||{}};d.color&&(d.color=G.resolveCSSColor(d.color,d.color));const y=new ht.VertLine(t,c,h.xCoordinate,d);c.attachPrimitive(y),i.push(y)}}return()=>{if(l.length>0){const s=l[0];for(const c of i)try{s.detachPrimitive(c)}catch{}}}},[P,e,ee]),p.useEffect(()=>{const t=[],l=[];if(M&&M.length>0){const i=G.resolveCSSColor("hsl(var(--destructive))","rgb(239, 68, 68)");for(const s of M){if(!Number.isFinite(s.price))continue;const c=Ze(V.current,e,s.seriesLabel);if(!c)continue;const h=s.color?G.resolveCSSColor(s.color,s.color):i,d=s.lineWidth??1,y=s.lineStyle??H.LineStyle.Dashed,w=c.createPriceLine({price:s.price,color:h,lineWidth:d,lineStyle:y,axisLabelVisible:s.axisLabelVisible??!0,title:s.title??""});t.push({series:c,line:w});const v=new vt(c,s.price,h,d,y);c.attachPrimitive(v),l.push({series:c,primitive:v})}}return()=>{for(const{series:i,primitive:s}of l)try{i.detachPrimitive(s)}catch{}for(const{series:i,line:s}of t)try{i.removePriceLine(s)}catch{}}},[M,e,ee]),p.useEffect(()=>{const t=[];if(X&&X.length>0){const l="rgba(239, 68, 68, 0.12)";for(const i of X){const s=Ze(V.current,e,i.seriesLabel);if(!s)continue;const c=i.color?G.resolveCSSColor(i.color,l):l,h=new mt(s,i.priceTop,i.priceBottom,c);s.attachPrimitive(h),t.push({series:s,zone:h})}}return()=>{for(const{series:l,zone:i}of t)try{l.detachPrimitive(i)}catch{}}},[X,e,ee]),p.useEffect(()=>{const t=B.current;if(!t||!P?.length){Ge([]);return}const l=()=>{const c=t.timeScale(),h=P.map(d=>c.timeToCoordinate(d.xCoordinate)??null);Ge(h),j.current&&Xe(j.current.clientWidth)};l();const i=t.timeScale(),s=()=>{l()};return i.subscribeVisibleLogicalRangeChange(s),()=>{i.unsubscribeVisibleLogicalRangeChange(s)}},[P,e,ee]),p.useLayoutEffect(()=>{nt(t=>{const l={};let i=!1;for(const[s,c]of qe.current){if(!c)continue;const h=c.offsetWidth;l[s]=h,t[s]!==h&&(i=!0)}return Object.keys(t).length!==Object.keys(l).length&&(i=!0),i?l:t})});const ge=e.length===1,We=Te.useMemo(()=>{if(ge&&e.length>0){const t=e[0];if(t.data.length>0)return t.data[t.data.length-1]}},[ge,e]);return x.jsxs("div",{ref:j,className:re.cn("relative z-[1] w-full h-full overflow-hidden p-0",n),children:[Ce!=null&&Ce!==!1&&ge?x.jsx("div",{className:"absolute top-2 left-2 right-2 z-[100] pointer-events-none",children:x.jsx("div",{className:"text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis",children:Ce})}):et&&ge&&We&&x.jsx(ut.GraphCurrentValue,{point:We,xMeasureUnit:u,yMeasureUnit:b,decimals:Se}),je&&Fe&&x.jsx(ft.GraphTooltip,{points:je,xMeasureUnit:u,yMeasureUnit:b,series:e,position:Fe,containerRef:j,decimals:Se}),a&&x.jsx(Ue,{series:e,onUnselect:f}),P&&P.length>0&&ze.length===P.length&&x.jsx("div",{className:"absolute inset-0 z-[5] pointer-events-none","aria-hidden":!0,children:P.map((t,l)=>{const i=ze[l],s=t.options??{};if(i===null)return null;const{labelText:c,valueStr:h}=Qe(s,b,Se),d=s.tooltipText??"";if(!(c||h||d))return null;const w=s.labelBackgroundColor??s.color??"hsl(var(--background))",v=s.labelTextColor??"hsl(var(--foreground))",q=`${String(t.xCoordinate)}-${c}-${d}`,I=Ye(i,ot,rt[l]);return x.jsxs("div",{ref:te=>{qe.current.set(l,te)},className:re.cn("group absolute top-2 px-2 py-1 rounded text-xs font-medium whitespace-nowrap shadow-sm border border-border",d&&"pointer-events-auto cursor-default"),style:{...I,backgroundColor:w,color:v},children:[c&&x.jsx("span",{className:"block",children:c}),h&&x.jsx("span",{className:re.cn("block",c&&"mt-0.5"),children:h}),d&&x.jsx("span",{className:"pointer-events-none absolute right-0 top-full z-10 mt-1 hidden w-[280px] whitespace-normal rounded border border-border bg-popover px-2.5 py-1.5 text-left leading-snug text-popover-foreground shadow-md group-hover:block",role:"tooltip",children:d})]},q)})}),x.jsx("div",{ref:_e,className:"LightweightChart w-full h-full overflow-hidden"})]})}function Ue({series:e,onUnselect:n,inline:a=!1}){const f=e.every(u=>u.data.length===0);return x.jsx("div",{className:re.cn("flex flex-wrap",a?"items-center justify-center gap-6":"absolute top-0 left-2 z-[10] gap-2"),children:e.map((u,b)=>{const C=Ne(b),P=(u.lineColor??u.color)||C.line,M=!f&&u.data.length===0;return x.jsxs("div",{className:re.cn("flex items-center gap-1.5",!a&&"px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",M&&"opacity-50"),children:[x.jsx("div",{className:re.cn(a?"size-2 rounded-full":"h-3 w-3 rounded-sm"),style:{backgroundColor:P}}),x.jsxs("span",{className:re.cn("font-medium text-foreground",a?"text-sm":"text-[10px] sm:text-xs"),children:[u.label,M&&" (no data)"]}),n&&x.jsx("button",{type:"button",onClick:X=>{X.stopPropagation(),n(u.label)},className:"ml-1 flex items-center justify-center w-4 h-4 rounded-sm hover:bg-muted transition-colors cursor-pointer","aria-label":`Remove ${u.label}`,children:x.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"text-muted-foreground hover:text-foreground","aria-hidden":"true",children:[x.jsx("title",{children:"Close"}),x.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),x.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]},u.id??u.label)})})}exports.DEFAULT_SERIES_COLORS=be;exports.Graph=_t;exports.GraphLegend=Ue;exports.VERTICAL_LINE_LABEL_EDGE_PADDING=Le;exports.getSeriesColorPalette=Ne;exports.getStepForwardValue=Je;exports.getVerticalLineLabelStyle=Ye;exports.getVerticalLineTooltipContent=Qe;exports.seriesIdentity=oe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),H=require("lightweight-charts"),p=require("react"),ct=require("../../hooks/use-media-query.cjs"),re=require("../../utils/cn.cjs"),G=require("../../utils/colors.cjs"),D=require("./default-config.cjs"),ne=require("./formatters.cjs"),ut=require("./graph-current-value.cjs"),ft=require("./graph-tooltip.cjs"),ht=require("./plugins/vertical-line.cjs"),He=require("./y-axis-scale.cjs");function gt(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const f=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,f.get?f:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const Te=gt(p);function oe(e){return e.id??e.label}function Ze(e,n,a){if(!a)return e.values().next().value;const f=e.get(a);if(f)return f;const c=n.find(b=>b.id===a||b.label===a);return c?e.get(oe(c)):void 0}class pt{_yTop;_yBottom;_color;constructor(n,a,f){this._yTop=n,this._yBottom=a,this._color=f}draw(n){n.useBitmapCoordinateSpace(a=>{const f=a.context,c=a.verticalPixelRatio,b=this._yTop===null?0:this._yTop*c,C=this._yBottom===null?a.bitmapSize.height:this._yBottom*c,P=Math.min(b,C),M=Math.max(b,C);f.fillStyle=this._color,f.fillRect(0,P,a.bitmapSize.width,M-P)})}}class dt{_source;_yTop=null;_yBottom=null;constructor(n){this._source=n}update(){const n=this._source.series;this._yTop=this._source.priceTop===void 0?null:n.priceToCoordinate(this._source.priceTop),this._yBottom=this._source.priceBottom===void 0?null:n.priceToCoordinate(this._source.priceBottom)}zOrder(){return"bottom"}renderer(){return new pt(this._yTop,this._yBottom,this._source.color)}}class mt{series;priceTop;priceBottom;color;_paneViews;constructor(n,a,f,c){this.series=n,this.priceTop=a,this.priceBottom=f,this.color=c,this._paneViews=[new dt(this)]}updateAllViews(){for(const n of this._paneViews)n.update()}paneViews(){return this._paneViews}}function bt(e,n){switch(e){case H.LineStyle.Dotted:return[n,n];case H.LineStyle.Dashed:return[2*n,2*n];case H.LineStyle.LargeDashed:return[6*n,6*n];case H.LineStyle.SparseDotted:return[n,4*n];default:return[]}}class St{_y;_color;_lineWidth;_lineStyle;constructor(n,a,f,c){this._y=n,this._color=a,this._lineWidth=f,this._lineStyle=c}draw(n){n.useBitmapCoordinateSpace(a=>{if(this._y===null)return;const f=a.context,c=a.verticalPixelRatio,b=Math.max(1,Math.round(this._lineWidth*c)),C=Math.round(this._y*c);f.save(),f.strokeStyle=this._color,f.lineWidth=b,f.setLineDash(bt(this._lineStyle,b)),f.beginPath(),f.moveTo(0,C),f.lineTo(a.bitmapSize.width,C),f.stroke(),f.restore()})}}class Ct{_source;_y=null;constructor(n){this._source=n}update(){this._y=this._source.series.priceToCoordinate(this._source.price)}zOrder(){return"top"}renderer(){return new St(this._y,this._source.color,this._source.lineWidth,this._source.lineStyle)}}class xt{series;price;color;lineWidth;lineStyle;_paneViews;constructor(n,a,f,c,b){this.series=n,this.price=a,this.color=f,this.lineWidth=c,this.lineStyle=b,this._paneViews=[new Ct(this)]}updateAllViews(){for(const n of this._paneViews)n.update()}paneViews(){return this._paneViews}}function Qe(e,n,a){const f=e.labelText??"",c=e.value,b=c===void 0?"":typeof c=="number"?n==="$"?`$${ne.formatExactValue(c,void 0,a)}`:n==="%"?`${ne.formatExactValue(c,void 0,a)}%`:ne.formatExactValue(c,n!=="none"&&n!=="%"&&n!=="$"&&!ne.isRatioUnit(n)?n:void 0,a):String(c);return{labelText:f,valueStr:b}}const Le=4;function Ye(e,n,a){const f={left:e,transform:"translateX(-50%)"};if(n<=0||!a||a<=0)return f;const c=a/2,b=Le+c,C=n-Le-c;return C<b?{left:n/2,transform:"translateX(-50%)"}:{left:Math.min(Math.max(e,b),C),transform:"translateX(-50%)"}}function Je(e,n){for(let a=e.length-1;a>=0;a--)if(Number(e[a].time)<=n)return e[a].value;return 0}const be=[{line:"#02c39a",top:"rgba(2, 195, 154, 0.56)",bottom:"rgba(2, 195, 154, 0.04)"},{line:"#3b82f6",top:"rgba(59, 130, 246, 0.56)",bottom:"rgba(59, 130, 246, 0.04)"},{line:"#ef4444",top:"rgba(239, 68, 68, 0.56)",bottom:"rgba(239, 68, 68, 0.04)"},{line:"#f59e0b",top:"rgba(245, 158, 11, 0.56)",bottom:"rgba(245, 158, 11, 0.04)"},{line:"#8b5cf6",top:"rgba(139, 92, 246, 0.56)",bottom:"rgba(139, 92, 246, 0.04)"},{line:"#ec4899",top:"rgba(236, 72, 153, 0.56)",bottom:"rgba(236, 72, 153, 0.04)"},{line:"#06b6d4",top:"rgba(6, 182, 212, 0.56)",bottom:"rgba(6, 182, 212, 0.04)"},{line:"#ea580c",top:"rgba(234, 88, 12, 0.56)",bottom:"rgba(234, 88, 12, 0.04)"},{line:"#84cc16",top:"rgba(132, 204, 22, 0.56)",bottom:"rgba(132, 204, 22, 0.04)"},{line:"#d946ef",top:"rgba(217, 70, 239, 0.56)",bottom:"rgba(217, 70, 239, 0.04)"},{line:"#0ea5e9",top:"rgba(14, 165, 233, 0.56)",bottom:"rgba(14, 165, 233, 0.04)"},{line:"#14b8a6",top:"rgba(20, 184, 166, 0.56)",bottom:"rgba(20, 184, 166, 0.04)"},{line:"#eab308",top:"rgba(234, 179, 8, 0.56)",bottom:"rgba(234, 179, 8, 0.04)"},{line:"#f43f5e",top:"rgba(244, 63, 94, 0.56)",bottom:"rgba(244, 63, 94, 0.04)"},{line:"#6366f1",top:"rgba(99, 102, 241, 0.56)",bottom:"rgba(99, 102, 241, 0.04)"},{line:"#10b981",top:"rgba(16, 185, 129, 0.56)",bottom:"rgba(16, 185, 129, 0.04)"},{line:"#78716c",top:"rgba(120, 113, 108, 0.56)",bottom:"rgba(120, 113, 108, 0.04)"},{line:"#64748b",top:"rgba(100, 116, 139, 0.56)",bottom:"rgba(100, 116, 139, 0.04)"},{line:"#475569",top:"rgba(71, 85, 105, 0.56)",bottom:"rgba(71, 85, 105, 0.04)"}],vt=137.5;function Ne(e){if(e<be.length)return be[e];const a=(e-be.length)*vt%360,f=G.hslToHex(a,70,50),{topColor:c,bottomColor:b}=G.generateColorsFromBase(f);return{line:f,top:c,bottom:b}}function _t({series:e,className:n,showLegend:a=!1,onUnselectSeries:f,xMeasureUnit:c="time",yMeasureUnit:b="token",optionsOverrides:C,verticalLineOptions:P,priceLineOptions:M,zoneOptions:X,currentValueDecimals:Se,useSharedPriceScale:Z=!1,dualYAxis:A=!1,defaultVisiblePriceScaleId:Ve="right",leftPriceScaleTitle:Ee,rightPriceScaleTitle:yt,showCurrentValue:et=!0,graphTitle:Ce,yScaleMin:Ie,yScaleMinMultiple:De,visibleTimeFrom:U,disableZoom:Me=!1,hideDefaultTooltip:xe=!1}){const B=p.useRef(null),E=p.useRef(new Map),ve=p.useRef(!1),ke=p.useRef(!0),Ae=p.useRef([]),ae=p.useRef(0),j=p.useRef(null),_e=p.useRef(null),Be=p.useRef(null),T=ct.useIsMobile(),le=Te.useMemo(()=>e.flatMap(t=>t.data),[e]),tt=Te.useMemo(()=>{if(e.length>0){const t=e[e.length-1];if(t.data.length>0)return t.data[t.data.length-1]}},[e]),[je,ye]=p.useState(()=>{if(!tt)return;const t=new Map;for(const l of e)l.data.length>0&&t.set(l.label,l.data[l.data.length-1]);return t}),[Fe,Y]=p.useState(null),[ze,Ge]=p.useState([]),[ot,Xe]=p.useState(0),qe=p.useRef(new Map),[rt,nt]=p.useState({}),[ee,it]=p.useState(0);p.useEffect(()=>{const t=()=>{try{if(j.current&&Xe(j.current.clientWidth),B.current&&j.current){const s=j.current.clientWidth,u=j.current.clientHeight;B.current.resize(s,u);try{ae.current=B.current.paneSize().height}catch{}}}catch{}},l=j.current,i=l?new ResizeObserver(t):null;return Be.current=i,l&&i?.observe(l),()=>{l&&i?.unobserve(l),i?.disconnect(),Be.current=null}},[]),p.useEffect(()=>{if(!_e.current||ve.current)return;const t=D.getDefaultOptions(),l=G.resolveCSSColor("hsl(var(--muted-foreground))","rgb(163, 163, 163)"),i=H.createChart(_e.current,{...t,leftPriceScale:{...t.leftPriceScale||{},visible:!1,textColor:l},rightPriceScale:{...t.rightPriceScale||{},visible:!T,textColor:l},...T&&{crosshair:{...t.crosshair,mode:H.CrosshairMode.Magnet}}});B.current=i,ve.current=!0;try{ae.current=i.paneSize().height}catch{ae.current=0}return it(s=>s+1),()=>{i.remove(),B.current=null,ve.current=!1,E.current.clear()}},[T]),p.useEffect(()=>{const t=B.current;t&&t.applyOptions(Me?{handleScale:{mouseWheel:!1,pinch:!1,axisPressedMouseMove:!1,axisDoubleClickReset:!1},handleScroll:{mouseWheel:!1,pressedMouseMove:!1,horzTouchDrag:!1,vertTouchDrag:!1}}:{handleScale:{mouseWheel:!0,pinch:!0,axisPressedMouseMove:!0,axisDoubleClickReset:!0},handleScroll:{mouseWheel:!0,pressedMouseMove:!0,horzTouchDrag:!0,vertTouchDrag:!0}})},[ee,Me]),p.useEffect(()=>{const t=B.current;!t||!C||t.applyOptions(C)},[ee,C]),p.useEffect(()=>{const t=B.current;if(!t||e.length===0)return;const i=e.filter(r=>r.data.length>0).length<=1?Ie:De,s=c==="time"?ne.getXFormatters(c,le):ne.getXFormatters(c),u=new Map;{let r=0;for(const o of e)o.data.length!==0&&(u.set(o.label,o.priceScaleId??(r===0?"left":"right")),r++)}const h=(r,o,g)=>{const{formatter:F,tickmarksFormatter:N,updateVisibleRange:V}=ne.createAdaptiveYAxisFormatter(r,o,{yScaleMin:i});return{formatter:F,tickmarksFormatter:N,updateVisibleRange:V,labels:g}},d=[];if(A)for(const r of["left","right"]){const o=new Set,g=[];let F=b;for(const N of e)if(N.data.length!==0&&u.get(N.label)===r){o.size===0&&N.yMeasureUnit&&(F=N.yMeasureUnit),o.add(N.label);for(const V of N.data)g.push(V.value)}o.size>0&&d.push(h(g,F,o))}else{const r=le.map(g=>g.value),o=new Set(e.filter(g=>g.data.length>0).map(g=>g.label));d.push(h(r,b,o))}Ae.current=d;const y=new Map;for(const r of d)for(const o of r.labels)y.set(o,r);const w=D.getDefaultOptions();t.applyOptions({localization:{...w.localization||{},timeFormatter:r=>s.timeFormatter(parseFloat(r),void 0)},timeScale:{...w.timeScale||{},...C?.timeScale,tickMarkFormatter:s.tickMarkFormatter,minBarSpacing:0}});const x=!A&&e.length>1&&!Z,q=A?T:e.length>1&&!Z||T,I=G.resolveCSSColor("hsl(var(--muted-foreground))","rgb(163, 163, 163)");t.applyOptions({...A&&{defaultVisiblePriceScaleId:Ve},leftPriceScale:{...w.leftPriceScale||{},...C?.leftPriceScale,visible:A&&!T,textColor:I,...A&&Ee&&{}},rightPriceScale:{...w.rightPriceScale||{},...C?.rightPriceScale,visible:A?!T:!q,textColor:I}});const te=new Set(E.current.keys()),W=new Set(e.map(oe));for(const r of te)if(!W.has(r)){const o=E.current.get(r);o&&(t.removeSeries(o),E.current.delete(r))}const m=D.getDefaultSeries(),k=[];let L=0;const K=e.find(r=>r.data.length>0),_=new Map;if(M&&M.length>0)for(const r of M){if(!Number.isFinite(r.price))continue;const o=r.seriesLabel??K?.label;if(!o)continue;const g=_.get(o)??[];g.push(r.price),_.set(o,g)}if(X&&X.length>0)for(const r of X){const o=r.seriesLabel??K?.label;if(!o)continue;const g=_.get(o)??[];Number.isFinite(r.priceTop)&&g.push(r.priceTop),Number.isFinite(r.priceBottom)&&g.push(r.priceBottom),_.set(o,g)}for(let r=0;r<e.length;r++){const o=e[r],g=oe(o),F=Ne(r),N=o.lineColor??o.color??F.line;let V,J;if(o.lineColor??o.color)if(o.topColor&&o.bottomColor)V=o.topColor,J=o.bottomColor;else if(o.topColor){const S=G.generateColorsFromBase(N);V=o.topColor,J=S.bottomColor}else if(o.bottomColor)V=G.generateColorsFromBase(N).topColor,J=o.bottomColor;else{const S=G.generateColorsFromBase(N);V=S.topColor,J=S.bottomColor}else V=o.topColor||F.top,J=o.bottomColor||F.bottom;if(o.data.length===0){const S=E.current.get(g);S&&(t.removeSeries(S),E.current.delete(g));continue}const pe=o.data.length>0?Math.min(...o.data.map(S=>S.value)):0,ce=o.data.length>0?Math.max(...o.data.map(S=>S.value)):0,ue=pe<0,Q=o.data.some(S=>S.value===0),de=!ue&&Q,fe=He.pickMinMove(ce-pe),he=A?o.priceScaleId??(L===0?"left":"right"):Z||!x||L===0?"right":`scale-${L}`;x&&k.push({priceScaleId:he||"right",seriesIndex:L});const we=(Z||!x)&&i!==void 0&&typeof i=="number",st=_.get(o.label)??[],at=S=>{const R=S();if(R?.priceRange){we&&(R.priceRange.minValue=i);for(const O of st)O<R.priceRange.minValue&&(R.priceRange.minValue=O),O>R.priceRange.maxValue&&(R.priceRange.maxValue=O);const se=we?i:de&&R.priceRange.minValue>=0?0:void 0,me=ae.current>0?ae.current:j.current?.clientHeight??0;if(me>0){const O=He.niceAxisRange({min:R.priceRange.minValue,max:R.priceRange.maxValue,floor:se,scaleHeightPx:me,fontSizePx:D.AXIS_FONT_SIZE,tickMarkDensity:D.AXIS_TICK_MARK_DENSITY,minMove:fe,edgePaddingPx:D.AXIS_EDGE_LABEL_PADDING_PX,edgePaddingTopPx:D.AXIS_TOP_LABEL_PADDING_PX});R.priceRange.minValue=O.min,R.priceRange.maxValue=O.max}R.margins={above:D.AXIS_TOP_LABEL_PADDING_PX,below:D.AXIS_EDGE_LABEL_PADDING_PX}}return R},Ke=y.get(o.label)??d[0],$e=Ke.formatter,lt=Ke.tickmarksFormatter,Re={lineColor:N,topColor:V,bottomColor:J,priceScaleId:he,...o.seriesType==="line"&&{lineStyle:o.lineStyle??H.LineStyle.Solid},priceFormat:{type:"custom",minMove:fe,formatter:we&&typeof i=="number"?S=>$e(S<i?i:S):$e,tickmarksFormatter:lt},autoscaleInfoProvider:at},Oe=o.seriesType==="line";let z=E.current.get(g);const ie=o.data.map(S=>({...S,time:S.time}));if(U!==void 0&&ie.length>0&&Number(ie[0].time)>U){const S=Number(ie[0].time),R=S-U,se=86400,me=R>180*se?7*se:R>30*se?se:6*3600,O=[];for(let Pe=U;Pe<S;Pe+=me)O.push({time:Pe});ie.unshift(...O)}z&&z.seriesType()!==(Oe?"Line":"Area")&&(t.removeSeries(z),E.current.delete(g),z=void 0),z?(z.applyOptions(Re),z.setData(ie)):(Oe?z=t.addSeries(H.LineSeries,{...m,...Re}):z=t.addSeries(H.AreaSeries,{...m,...Re}),z.setData(ie),E.current.set(g,z)),L++}if(A)try{const r=t.priceScale("left"),o=t.priceScale("right"),g={visible:!T,autoScale:!0,scaleMargins:{top:0,bottom:0},alignLabels:!0,entireTextOnly:!1,tickMarkDensity:D.AXIS_TICK_MARK_DENSITY,textColor:I,...C?.rightPriceScale};r?.applyOptions(g),o?.applyOptions(g)}catch{}else if(x&&k.length>0)for(const r of k)try{const o=t.priceScale(r.priceScaleId);o&&o.applyOptions({visible:!1,autoScale:!0,scaleMargins:{top:0,bottom:0},alignLabels:!0,entireTextOnly:!1,tickMarkDensity:D.AXIS_TICK_MARK_DENSITY,textColor:I})}catch(o){console.warn(`Failed to configure price scale ${r.priceScaleId} for series ${r.seriesIndex}:`,o)}else if(!x)try{const r=t.priceScale("right");r&&r.applyOptions({visible:!T,autoScale:!0,scaleMargins:{top:0,bottom:0},alignLabels:!0,entireTextOnly:!1,tickMarkDensity:D.AXIS_TICK_MARK_DENSITY,textColor:I,...C?.rightPriceScale})}catch{}if(i!==void 0&&!T&&(Z||!x)&&t.applyOptions({handleScroll:{vertTouchDrag:!1}}),le.length>0){const r=le.map(o=>Number(o.time)).filter(o=>Number.isFinite(o));if(r.length>0){const o=Math.min(...r),g=U!==void 0?Math.min(U,o):o,F=Math.max(...r);if(Number(g)<=Number(F)){const N=()=>{const V=t.timeScale();if(c!=="time"){V.applyOptions({fixLeftEdge:!0,fixRightEdge:!0});return}const J=A&&!T,pe=A?!T:!q,ce=!J,ue=!pe;if(V.applyOptions({fixLeftEdge:!ce,fixRightEdge:!ue}),!ce&&!ue)return;const Q=V.getVisibleLogicalRange(),de=V.width();if(!Q||!(de>0))return;const fe=Q.to-Q.from;if(!(fe>0))return;const he=D.AXIS_TIME_EDGE_PADDING_PX*fe/de;V.setVisibleLogicalRange({from:ce?Q.from-he:Q.from,to:ue?Q.to+he:Q.to})};try{t.timeScale().setVisibleRange({from:g,to:F}),N()}catch{try{t.timeScale().fitContent(),N()}catch{}}}}}ke.current&&(ke.current=!1),C&&t.applyOptions(C);const $=new Map;for(const r of e)r.data.length>0&&$.set(r.label,r.data[r.data.length-1]);ye($.size>0?$:void 0)},[ee,e,le,c,b,T,Z,A,Ve,Ee,Ie,De,U,M,X,C]),p.useEffect(()=>{const t=B.current;if(!t||e.length===0)return;const l=e.length===1;let i;for(const u of e)if(u.data.length>0){i=u.data[u.data.length-1].time;break}if(!i)return;const s=u=>{const{time:h=i,seriesData:d,point:y}=u||{},w=e[0],x=w?E.current.get(oe(w)):void 0;if(!y||!h){const W=new Map;for(const m of e)m.data.length>0&&W.set(m.label,m.data[m.data.length-1]);if(ye(W.size>0?W:void 0),l||Z||xe)Y(null);else if(x&&i){const m=e[0];if(m&&m.data.length>0){const L=t.timeScale().timeToCoordinate(i),K=m.data[m.data.length-1].value,_=x.priceToCoordinate(K);L!==null&&_!==null&&Y({x:L,y:_})}}return}const q=new Map;let I,te=x;for(let W=0;W<e.length;W++){const m=e[W],k=E.current.get(oe(m));if(!k)continue;const L=d?.get(k),K=L&&"value"in L?L.value:void 0;let _;if(K!==void 0)_=K;else if(l){const $=Number(h),r=m.data.length>0?Number(m.data[0].time):Number.POSITIVE_INFINITY;$<r?_=Number.NaN:_=m.data[m.data.length-1]?.value??0}else{const $=m.data.length>0?Number(m.data[0].time):Number.POSITIVE_INFINITY;if(Number(h)<$)continue;_=Je(m.data,Number(h))}Number.isNaN(_)||(I===void 0&&(I=_,te=k),q.set(m.label,{value:_,time:h}))}if(ye(q),I!==void 0&&te){const m=t.timeScale().timeToCoordinate(h),k=te.priceToCoordinate(I);if(m!==null&&k!==null){const L=j.current;if(L){const K=L.querySelector(".LightweightChart");if(K){const _=K.getBoundingClientRect(),$=L.getBoundingClientRect(),r=m+(_.left-$.left),o=k+(_.top-$.top);Y({x:r,y:o})}else Y({x:m,y:k})}else Y({x:m,y:k})}else Y(null)}else Y(null)};return t.subscribeCrosshairMove(s),T&&t.subscribeClick(s),!l&&!Z&&!xe&&requestAnimationFrame(()=>{const u=e[0],h=u?E.current.get(oe(u)):void 0;if(h&&i&&u.data.length>0){const y=t.timeScale().timeToCoordinate(i),w=u.data[u.data.length-1].value,x=h.priceToCoordinate(w);y!==null&&x!==null&&Y({x:y,y:x})}}),()=>{t.unsubscribeCrosshairMove(s),T&&t.unsubscribeClick(s)}},[e,Z,T,xe]),p.useEffect(()=>{const t=B.current;if(!t||e.length===0)return;const l=t.timeScale(),i=()=>{const s=Ae.current;if(s.length===0)return;const u=l.getVisibleRange();if(!u)return;const h=Number(u.from),d=Number(u.to);for(const y of s){const w=[];for(const x of e)if(y.labels.has(x.label))for(const q of x.data){const I=Number(q.time);I>=h&&I<=d&&w.push(q.value)}w.length>0&&y.updateVisibleRange(w)}};return l.subscribeVisibleLogicalRangeChange(i),()=>{l.unsubscribeVisibleLogicalRangeChange(i)}},[e]),p.useEffect(()=>{const t=B.current,l=Array.from(E.current.values()),i=[];if(t&&l.length>0&&P){const s=D.getDefaultVerticalLine(),u=l[0];for(const h of P){const d={...s,...h.options||{}};d.color&&(d.color=G.resolveCSSColor(d.color,d.color));const y=new ht.VertLine(t,u,h.xCoordinate,d);u.attachPrimitive(y),i.push(y)}}return()=>{if(l.length>0){const s=l[0];for(const u of i)try{s.detachPrimitive(u)}catch{}}}},[P,e,ee]),p.useEffect(()=>{const t=[],l=[];if(M&&M.length>0){const i=G.resolveCSSColor("hsl(var(--destructive))","rgb(239, 68, 68)");for(const s of M){if(!Number.isFinite(s.price))continue;const u=Ze(E.current,e,s.seriesLabel);if(!u)continue;const h=s.color?G.resolveCSSColor(s.color,s.color):i,d=s.lineWidth??1,y=s.lineStyle??H.LineStyle.Dashed,w=u.createPriceLine({price:s.price,color:h,lineWidth:d,lineStyle:y,axisLabelVisible:s.axisLabelVisible??!0,title:s.title??""});t.push({series:u,line:w});const x=new xt(u,s.price,h,d,y);u.attachPrimitive(x),l.push({series:u,primitive:x})}}return()=>{for(const{series:i,primitive:s}of l)try{i.detachPrimitive(s)}catch{}for(const{series:i,line:s}of t)try{i.removePriceLine(s)}catch{}}},[M,e,ee]),p.useEffect(()=>{const t=[];if(X&&X.length>0){const l="rgba(239, 68, 68, 0.12)";for(const i of X){const s=Ze(E.current,e,i.seriesLabel);if(!s)continue;const u=i.color?G.resolveCSSColor(i.color,l):l,h=new mt(s,i.priceTop,i.priceBottom,u);s.attachPrimitive(h),t.push({series:s,zone:h})}}return()=>{for(const{series:l,zone:i}of t)try{l.detachPrimitive(i)}catch{}}},[X,e,ee]),p.useEffect(()=>{const t=B.current;if(!t||!P?.length){Ge([]);return}const l=()=>{const u=t.timeScale(),h=P.map(d=>u.timeToCoordinate(d.xCoordinate)??null);Ge(h),j.current&&Xe(j.current.clientWidth)};l();const i=t.timeScale(),s=()=>{l()};return i.subscribeVisibleLogicalRangeChange(s),()=>{i.unsubscribeVisibleLogicalRangeChange(s)}},[P,e,ee]),p.useLayoutEffect(()=>{nt(t=>{const l={};let i=!1;for(const[s,u]of qe.current){if(!u)continue;const h=u.offsetWidth;l[s]=h,t[s]!==h&&(i=!0)}return Object.keys(t).length!==Object.keys(l).length&&(i=!0),i?l:t})});const ge=e.length===1,We=Te.useMemo(()=>{if(ge&&e.length>0){const t=e[0];if(t.data.length>0)return t.data[t.data.length-1]}},[ge,e]);return v.jsxs("div",{ref:j,className:re.cn("relative z-[1] w-full h-full overflow-hidden p-0",n),children:[Ce!=null&&Ce!==!1&&ge?v.jsx("div",{className:"absolute top-2 left-2 right-2 z-[100] pointer-events-none",children:v.jsx("div",{className:"text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis",children:Ce})}):et&&ge&&We&&v.jsx(ut.GraphCurrentValue,{point:We,xMeasureUnit:c,yMeasureUnit:b,decimals:Se}),je&&Fe&&v.jsx(ft.GraphTooltip,{points:je,xMeasureUnit:c,yMeasureUnit:b,series:e,position:Fe,containerRef:j,decimals:Se}),a&&v.jsx(Ue,{series:e,onUnselect:f}),P&&P.length>0&&ze.length===P.length&&v.jsx("div",{className:"absolute inset-0 z-[5] pointer-events-none","aria-hidden":!0,children:P.map((t,l)=>{const i=ze[l],s=t.options??{};if(i===null)return null;const{labelText:u,valueStr:h}=Qe(s,b,Se),d=s.tooltipText??"";if(!(u||h||d))return null;const w=s.labelBackgroundColor??s.color??"hsl(var(--background))",x=s.labelTextColor??"hsl(var(--foreground))",q=`${String(t.xCoordinate)}-${u}-${d}`,I=Ye(i,ot,rt[l]);return v.jsxs("div",{ref:te=>{qe.current.set(l,te)},className:re.cn("group absolute top-2 px-2 py-1 rounded text-xs font-medium whitespace-nowrap shadow-sm border border-border",d&&"pointer-events-auto cursor-default"),style:{...I,backgroundColor:w,color:x},children:[u&&v.jsx("span",{className:"block",children:u}),h&&v.jsx("span",{className:re.cn("block",u&&"mt-0.5"),children:h}),d&&v.jsx("span",{className:"pointer-events-none absolute right-0 top-full z-10 mt-1 hidden w-[280px] whitespace-normal rounded border border-border bg-popover px-2.5 py-1.5 text-left leading-snug text-popover-foreground shadow-md group-hover:block",role:"tooltip",children:d})]},q)})}),v.jsx("div",{ref:_e,className:"LightweightChart w-full h-full overflow-hidden"})]})}function Ue({series:e,onUnselect:n,inline:a=!1}){const f=e.every(c=>c.data.length===0);return v.jsx("div",{className:re.cn("flex flex-wrap",a?"items-center justify-center gap-6":"absolute top-0 left-2 z-[10] gap-2"),children:e.map((c,b)=>{const C=Ne(b),P=(c.lineColor??c.color)||C.line,M=!f&&c.data.length===0;return v.jsxs("div",{className:re.cn("flex items-center gap-1.5",!a&&"px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",M&&"opacity-50"),children:[v.jsx("div",{className:re.cn(a?"size-2 rounded-full":"h-3 w-3 rounded-sm"),style:{backgroundColor:P}}),v.jsxs("span",{className:re.cn("font-medium text-foreground",a?"text-sm":"text-[10px] sm:text-xs"),children:[c.label,M&&" (no data)"]}),n&&v.jsx("button",{type:"button",onClick:X=>{X.stopPropagation(),n(c.label)},className:"ml-1 flex items-center justify-center w-4 h-4 rounded-sm hover:bg-muted transition-colors cursor-pointer","aria-label":`Remove ${c.label}`,children:v.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"text-muted-foreground hover:text-foreground","aria-hidden":"true",children:[v.jsx("title",{children:"Close"}),v.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),v.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]},c.id??c.label)})})}exports.DEFAULT_SERIES_COLORS=be;exports.Graph=_t;exports.GraphLegend=Ue;exports.VERTICAL_LINE_LABEL_EDGE_PADDING=Le;exports.getSeriesColorPalette=Ne;exports.getStepForwardValue=Je;exports.getVerticalLineLabelStyle=Ye;exports.getVerticalLineTooltipContent=Qe;exports.seriesIdentity=oe;

package/dist/esm/components/graph/graph.js

@@ -1,15 +1,15 @@
-import { jsxs as ge, jsx as N } from "react/jsx-runtime";
+import { jsxs as ge, jsx as V } from "react/jsx-runtime";
 import { createChart as ht, CrosshairMode as gt, LineStyle as ae, LineSeries as mt, AreaSeries as pt } from "lightweight-charts";
 import * as Ve from "react";
 import { useRef as K, useState as re, useEffect as A, useLayoutEffect as dt } from "react";
 import { useIsMobile as bt } from "../../hooks/use-media-query.js";
 import { cn as ee } from "../../utils/cn.js";
 import { resolveCSSColor as ne, generateColorsFromBase as ve, hslToHex as St } from "../../utils/colors.js";
-import { getDefaultOptions as Oe, getDefaultSeries as vt, AXIS_TICK_MARK_DENSITY as Se, getDefaultVerticalLine as Ct, AXIS_FONT_SIZE as yt, AXIS_EDGE_LABEL_PADDING_PX as Qe, AXIS_TOP_LABEL_PADDING_PX as Ye, AXIS_TIME_EDGE_PADDING_PX as xt } from "./default-config.js";
+import { getDefaultOptions as Je, getDefaultSeries as vt, AXIS_TICK_MARK_DENSITY as Se, getDefaultVerticalLine as Ct, AXIS_FONT_SIZE as yt, AXIS_EDGE_LABEL_PADDING_PX as Qe, AXIS_TOP_LABEL_PADDING_PX as Ye, AXIS_TIME_EDGE_PADDING_PX as xt } from "./default-config.js";
 import { getXFormatters as Ue, formatExactValue as Le, isRatioUnit as _t, createAdaptiveYAxisFormatter as wt } from "./formatters.js";
 import { GraphCurrentValue as Pt } from "./graph-current-value.js";
-import { GraphTooltip as Tt } from "./graph-tooltip.js";
-import { VertLine as Rt } from "./plugins/vertical-line.js";
+import { GraphTooltip as Rt } from "./graph-tooltip.js";
+import { VertLine as Tt } from "./plugins/vertical-line.js";
 import { pickMinMove as Nt, niceAxisRange as Vt } from "./y-axis-scale.js";
 function ie(e) {
   return e.id ?? e.label;
@@ -19,8 +19,8 @@ function et(e, i, u) {
     return e.values().next().value;
   const f = e.get(u);
   if (f) return f;
-  const c = i.find((d) => d.id === u || d.label === u);
-  return c ? e.get(ie(c)) : void 0;
+  const s = i.find((d) => d.id === u || d.label === u);
+  return s ? e.get(ie(s)) : void 0;
 }
 class Lt {
   _yTop;
@@ -31,7 +31,7 @@ class Lt {
   }
   draw(i) {
     i.useBitmapCoordinateSpace((u) => {
-      const f = u.context, c = u.verticalPixelRatio, d = this._yTop === null ? 0 : this._yTop * c, S = this._yBottom === null ? u.bitmapSize.height : this._yBottom * c, w = Math.min(d, S), k = Math.max(d, S);
+      const f = u.context, s = u.verticalPixelRatio, d = this._yTop === null ? 0 : this._yTop * s, S = this._yBottom === null ? u.bitmapSize.height : this._yBottom * s, w = Math.min(d, S), k = Math.max(d, S);
       f.fillStyle = this._color, f.fillRect(0, w, u.bitmapSize.width, k - w);
     });
   }
@@ -61,8 +61,8 @@ class kt {
   priceBottom;
   color;
   _paneViews;
-  constructor(i, u, f, c) {
-    this.series = i, this.priceTop = u, this.priceBottom = f, this.color = c, this._paneViews = [new Mt(this)];
+  constructor(i, u, f, s) {
+    this.series = i, this.priceTop = u, this.priceBottom = f, this.color = s, this._paneViews = [new Mt(this)];
   }
   updateAllViews() {
     for (const i of this._paneViews) i.update();
@@ -90,13 +90,13 @@ class Dt {
   _color;
   _lineWidth;
   _lineStyle;
-  constructor(i, u, f, c) {
-    this._y = i, this._color = u, this._lineWidth = f, this._lineStyle = c;
+  constructor(i, u, f, s) {
+    this._y = i, this._color = u, this._lineWidth = f, this._lineStyle = s;
   }
   draw(i) {
     i.useBitmapCoordinateSpace((u) => {
       if (this._y === null) return;
-      const f = u.context, c = u.verticalPixelRatio, d = Math.max(1, Math.round(this._lineWidth * c)), S = Math.round(this._y * c);
+      const f = u.context, s = u.verticalPixelRatio, d = Math.max(1, Math.round(this._lineWidth * s)), S = Math.round(this._y * s);
       f.save(), f.strokeStyle = this._color, f.lineWidth = d, f.setLineDash(It(this._lineStyle, d)), f.beginPath(), f.moveTo(0, S), f.lineTo(u.bitmapSize.width, S), f.stroke(), f.restore();
     });
   }
@@ -135,8 +135,8 @@ class Bt {
   lineWidth;
   lineStyle;
   _paneViews;
-  constructor(i, u, f, c, d) {
-    this.series = i, this.price = u, this.color = f, this.lineWidth = c, this.lineStyle = d, this._paneViews = [new Et(this)];
+  constructor(i, u, f, s, d) {
+    this.series = i, this.price = u, this.color = f, this.lineWidth = s, this.lineStyle = d, this._paneViews = [new Et(this)];
   }
   updateAllViews() {
     for (const i of this._paneViews) i.update();
@@ -146,11 +146,11 @@ class Bt {
   }
 }
 function Ft(e, i, u) {
-  const f = e.labelText ?? "", c = e.value, d = c === void 0 ? "" : typeof c == "number" ? i === "$" ? `$${Le(c, void 0, u)}` : i === "%" ? `${Le(c, void 0, u)}%` : Le(
-    c,
+  const f = e.labelText ?? "", s = e.value, d = s === void 0 ? "" : typeof s == "number" ? i === "$" ? `$${Le(s, void 0, u)}` : i === "%" ? `${Le(s, void 0, u)}%` : Le(
+    s,
     i !== "none" && i !== "%" && i !== "$" && !_t(i) ? i : void 0,
     u
-  ) : String(c);
+  ) : String(s);
   return { labelText: f, valueStr: d };
 }
 const tt = 4;
@@ -158,7 +158,7 @@ function zt(e, i, u) {
   const f = { left: e, transform: "translateX(-50%)" };
   if (i <= 0 || !u || u <= 0)
     return f;
-  const c = u / 2, d = tt + c, S = i - tt - c;
+  const s = u / 2, d = tt + s, S = i - tt - s;
   return S < d ? { left: i / 2, transform: "translateX(-50%)" } : { left: Math.min(Math.max(e, d), S), transform: "translateX(-50%)" };
 }
 function At(e, i) {
@@ -286,15 +286,15 @@ const Me = [
 function ot(e) {
   if (e < Me.length)
     return Me[e];
-  const u = (e - Me.length) * Gt % 360, f = St(u, 70, 50), { topColor: c, bottomColor: d } = ve(f);
-  return { line: f, top: c, bottom: d };
+  const u = (e - Me.length) * Gt % 360, f = St(u, 70, 50), { topColor: s, bottomColor: d } = ve(f);
+  return { line: f, top: s, bottom: d };
 }
 function oo({
   series: e,
   className: i,
   showLegend: u = !1,
   onUnselectSeries: f,
-  xMeasureUnit: c = "time",
+  xMeasureUnit: s = "time",
   yMeasureUnit: d = "token",
   optionsOverrides: S,
   verticalLineOptions: w,
@@ -314,7 +314,7 @@ function oo({
   disableZoom: Be = !1,
   hideDefaultTooltip: xe = !1
 }) {
-  const E = K(null), V = K(/* @__PURE__ */ new Map()), _e = K(!1), Fe = K(!0), ze = K([]), le = K(0), B = K(null), we = K(null), Ae = K(null), P = bt(), se = Ve.useMemo(() => e.flatMap((t) => t.data), [e]), nt = Ve.useMemo(() => {
+  const E = K(null), L = K(/* @__PURE__ */ new Map()), _e = K(!1), Fe = K(!0), ze = K([]), le = K(0), B = K(null), we = K(null), Ae = K(null), P = bt(), se = Ve.useMemo(() => e.flatMap((t) => t.data), [e]), nt = Ve.useMemo(() => {
     if (e.length > 0) {
       const t = e[e.length - 1];
       if (t.data.length > 0)
@@ -326,13 +326,13 @@ function oo({
     for (const l of e)
       l.data.length > 0 && t.set(l.label, l.data[l.data.length - 1]);
     return t;
-  }), [We, J] = re(null), [Xe, $e] = re([]), [it, He] = re(0), je = K(/* @__PURE__ */ new Map()), [at, lt] = re({}), [Y, st] = re(0);
+  }), [We, O] = re(null), [Xe, $e] = re([]), [it, He] = re(0), je = K(/* @__PURE__ */ new Map()), [at, lt] = re({}), [Y, st] = re(0);
   A(() => {
     const t = () => {
       try {
         if (B.current && He(B.current.clientWidth), E.current && B.current) {
-          const a = B.current.clientWidth, s = B.current.clientHeight;
-          E.current.resize(a, s);
+          const a = B.current.clientWidth, c = B.current.clientHeight;
+          E.current.resize(a, c);
           try {
             le.current = E.current.paneSize().height;
           } catch {
@@ -346,7 +346,7 @@ function oo({
     };
   }, []), A(() => {
     if (!we.current || _e.current) return;
-    const t = Oe(), l = ne(
+    const t = Je(), l = ne(
       "hsl(var(--muted-foreground))",
       "rgb(163, 163, 163)"
     ), n = ht(we.current, {
@@ -375,7 +375,7 @@ function oo({
       le.current = 0;
     }
     return st((a) => a + 1), () => {
-      n.remove(), E.current = null, _e.current = !1, V.current.clear();
+      n.remove(), E.current = null, _e.current = !1, L.current.clear();
     };
   }, [P]), A(() => {
     const t = E.current;
@@ -414,29 +414,29 @@ function oo({
   }, [Y, S]), A(() => {
     const t = E.current;
     if (!t || e.length === 0) return;
-    const n = e.filter((r) => r.data.length > 0).length <= 1 ? De : Ee, a = c === "time" ? Ue(c, se) : Ue(c), s = /* @__PURE__ */ new Map();
+    const n = e.filter((r) => r.data.length > 0).length <= 1 ? De : Ee, a = s === "time" ? Ue(s, se) : Ue(s), c = /* @__PURE__ */ new Map();
     {
       let r = 0;
       for (const o of e)
-        o.data.length !== 0 && (s.set(
+        o.data.length !== 0 && (c.set(
           o.label,
           o.priceScaleId ?? (r === 0 ? "left" : "right")
         ), r++);
     }
     const h = (r, o, g) => {
-      const { formatter: F, tickmarksFormatter: R, updateVisibleRange: M } = wt(r, o, {
+      const { formatter: F, tickmarksFormatter: T, updateVisibleRange: N } = wt(r, o, {
         yScaleMin: n
       });
-      return { formatter: F, tickmarksFormatter: R, updateVisibleRange: M, labels: g };
+      return { formatter: F, tickmarksFormatter: T, updateVisibleRange: N, labels: g };
     }, m = [];
     if (D)
       for (const r of ["left", "right"]) {
         const o = /* @__PURE__ */ new Set(), g = [];
         let F = d;
-        for (const R of e)
-          if (R.data.length !== 0 && s.get(R.label) === r) {
-            o.size === 0 && R.yMeasureUnit && (F = R.yMeasureUnit), o.add(R.label);
-            for (const M of R.data) g.push(M.value);
+        for (const T of e)
+          if (T.data.length !== 0 && c.get(T.label) === r) {
+            o.size === 0 && T.yMeasureUnit && (F = T.yMeasureUnit), o.add(T.label);
+            for (const N of T.data) g.push(N.value);
           }
         o.size > 0 && m.push(h(g, F, o));
       }
@@ -451,7 +451,7 @@ function oo({
     for (const r of m)
       for (const o of r.labels)
         y.set(o, r);
-    const x = Oe();
+    const x = Je();
     t.applyOptions({
       localization: {
         ...x.localization || {},
@@ -469,7 +469,7 @@ function oo({
         minBarSpacing: 0
       }
     });
-    const v = !D && e.length > 1 && !Z, W = D ? P : e.length > 1 && !Z || P, L = ne(
+    const v = !D && e.length > 1 && !Z, W = D ? P : e.length > 1 && !Z || P, M = ne(
       "hsl(var(--muted-foreground))",
       "rgb(163, 163, 163)"
     );
@@ -481,7 +481,7 @@ function oo({
         ...x.leftPriceScale || {},
         ...S?.leftPriceScale,
         visible: D && !P,
-        textColor: L,
+        textColor: M,
         ...D && Ie && {
           // lightweight-charts uses scale margins; title shown via localization if needed
         }
@@ -490,17 +490,17 @@ function oo({
         ...x.rightPriceScale || {},
         ...S?.rightPriceScale,
         visible: D ? !P : !W,
-        textColor: L
+        textColor: M
       }
     });
-    const U = new Set(V.current.keys()), X = new Set(e.map(ie));
+    const U = new Set(L.current.keys()), X = new Set(e.map(ie));
     for (const r of U)
       if (!X.has(r)) {
-        const o = V.current.get(r);
-        o && (t.removeSeries(o), V.current.delete(r));
+        const o = L.current.get(r);
+        o && (t.removeSeries(o), L.current.delete(r));
       }
     const p = vt(), I = [];
-    let T = 0;
+    let R = 0;
     const $ = e.find((r) => r.data.length > 0), C = /* @__PURE__ */ new Map();
     if (k && k.length > 0)
       for (const r of k) {
@@ -518,39 +518,39 @@ function oo({
         Number.isFinite(r.priceTop) && g.push(r.priceTop), Number.isFinite(r.priceBottom) && g.push(r.priceBottom), C.set(o, g);
       }
     for (let r = 0; r < e.length; r++) {
-      const o = e[r], g = ie(o), F = ot(r), R = o.lineColor ?? o.color ?? F.line;
-      let M, O;
+      const o = e[r], g = ie(o), F = ot(r), T = o.lineColor ?? o.color ?? F.line;
+      let N, J;
       if (o.lineColor ?? o.color)
         if (o.topColor && o.bottomColor)
-          M = o.topColor, O = o.bottomColor;
+          N = o.topColor, J = o.bottomColor;
         else if (o.topColor) {
-          const b = ve(R);
-          M = o.topColor, O = b.bottomColor;
+          const b = ve(T);
+          N = o.topColor, J = b.bottomColor;
         } else if (o.bottomColor)
-          M = ve(R).topColor, O = o.bottomColor;
+          N = ve(T).topColor, J = o.bottomColor;
         else {
-          const b = ve(R);
-          M = b.topColor, O = b.bottomColor;
+          const b = ve(T);
+          N = b.topColor, J = b.bottomColor;
         }
       else
-        M = o.topColor || F.top, O = o.bottomColor || F.bottom;
+        N = o.topColor || F.top, J = o.bottomColor || F.bottom;
       if (o.data.length === 0) {
-        const b = V.current.get(g);
-        b && (t.removeSeries(b), V.current.delete(g));
+        const b = L.current.get(g);
+        b && (t.removeSeries(b), L.current.delete(g));
         continue;
       }
-      const pe = o.data.length > 0 ? Math.min(...o.data.map((b) => b.value)) : 0, ce = o.data.length > 0 ? Math.max(...o.data.map((b) => b.value)) : 0, ue = pe < 0, q = o.data.some((b) => b.value === 0), de = !ue && q, fe = Nt(ce - pe), he = D ? o.priceScaleId ?? (T === 0 ? "left" : "right") : Z || !v || T === 0 ? "right" : `scale-${T}`;
+      const pe = o.data.length > 0 ? Math.min(...o.data.map((b) => b.value)) : 0, ce = o.data.length > 0 ? Math.max(...o.data.map((b) => b.value)) : 0, ue = pe < 0, q = o.data.some((b) => b.value === 0), de = !ue && q, fe = Nt(ce - pe), he = D ? o.priceScaleId ?? (R === 0 ? "left" : "right") : Z || !v || R === 0 ? "right" : `scale-${R}`;
       v && I.push({
         priceScaleId: he || "right",
-        seriesIndex: T
+        seriesIndex: R
       });
-      const Te = (Z || !v) && n !== void 0 && typeof n == "number", ct = C.get(o.label) ?? [], ut = (b) => {
+      const Re = (Z || !v) && n !== void 0 && typeof n == "number", ct = C.get(o.label) ?? [], ut = (b) => {
         const _ = b();
         if (_?.priceRange) {
-          Te && (_.priceRange.minValue = n);
+          Re && (_.priceRange.minValue = n);
           for (const j of ct)
             j < _.priceRange.minValue && (_.priceRange.minValue = j), j > _.priceRange.maxValue && (_.priceRange.maxValue = j);
-          const oe = Te ? n : de && _.priceRange.minValue >= 0 ? 0 : void 0, be = le.current > 0 ? le.current : B.current?.clientHeight ?? 0;
+          const oe = Re ? n : de && _.priceRange.minValue >= 0 ? 0 : void 0, be = le.current > 0 ? le.current : B.current?.clientHeight ?? 0;
           if (be > 0) {
             const j = Vt({
               min: _.priceRange.minValue,
@@ -571,10 +571,10 @@ function oo({
           };
         }
         return _;
-      }, Ze = y.get(o.label) ?? m[0], qe = Ze.formatter, ft = Ze.tickmarksFormatter, Re = {
-        lineColor: R,
-        topColor: M,
-        bottomColor: O,
+      }, Ze = y.get(o.label) ?? m[0], qe = Ze.formatter, ft = Ze.tickmarksFormatter, Te = {
+        lineColor: T,
+        topColor: N,
+        bottomColor: J,
         priceScaleId: he,
         ...o.seriesType === "line" && {
           lineStyle: o.lineStyle ?? ae.Solid
@@ -582,14 +582,14 @@ function oo({
         priceFormat: {
           type: "custom",
           minMove: fe,
-          formatter: Te && typeof n == "number" ? (b) => qe(
+          formatter: Re && typeof n == "number" ? (b) => qe(
             b < n ? n : b
           ) : qe,
           tickmarksFormatter: ft
         },
         autoscaleInfoProvider: ut
-      }, Je = o.seriesType === "line";
-      let z = V.current.get(g);
+      }, Oe = o.seriesType === "line";
+      let z = L.current.get(g);
       const te = o.data.map((b) => ({
         ...b,
         time: b.time
@@ -600,13 +600,13 @@ function oo({
           j.push({ time: Ne });
         te.unshift(...j);
       }
-      z && z.seriesType() !== (Je ? "Line" : "Area") && (t.removeSeries(z), V.current.delete(g), z = void 0), z ? (z.applyOptions(Re), z.setData(te)) : (Je ? z = t.addSeries(mt, {
+      z && z.seriesType() !== (Oe ? "Line" : "Area") && (t.removeSeries(z), L.current.delete(g), z = void 0), z ? (z.applyOptions(Te), z.setData(te)) : (Oe ? z = t.addSeries(mt, {
         ...p,
-        ...Re
+        ...Te
       }) : z = t.addSeries(pt, {
         ...p,
-        ...Re
-      }), z.setData(te), V.current.set(g, z)), T++;
+        ...Te
+      }), z.setData(te), L.current.set(g, z)), R++;
     }
     if (D)
       try {
@@ -617,7 +617,7 @@ function oo({
           alignLabels: !0,
           entireTextOnly: !1,
           tickMarkDensity: Se,
-          textColor: L,
+          textColor: M,
           ...S?.rightPriceScale
         };
         r?.applyOptions(g), o?.applyOptions(g);
@@ -637,7 +637,7 @@ function oo({
             alignLabels: !0,
             entireTextOnly: !1,
             tickMarkDensity: Se,
-            textColor: L
+            textColor: M
           });
         } catch (o) {
           console.warn(
@@ -658,7 +658,7 @@ function oo({
           alignLabels: !0,
           entireTextOnly: !1,
           tickMarkDensity: Se,
-          textColor: L,
+          textColor: M,
           ...S?.rightPriceScale
         });
       } catch {
@@ -672,27 +672,35 @@ function oo({
       if (r.length > 0) {
         const o = Math.min(...r), g = Q !== void 0 ? Math.min(Q, o) : o, F = Math.max(...r);
         if (Number(g) <= Number(F)) {
-          const R = () => {
-            const M = t.timeScale(), O = D && !P, pe = D ? !P : !W, ce = !O, ue = !pe;
-            if (M.applyOptions({
+          const T = () => {
+            const N = t.timeScale();
+            if (s !== "time") {
+              N.applyOptions({
+                fixLeftEdge: !0,
+                fixRightEdge: !0
+              });
+              return;
+            }
+            const J = D && !P, pe = D ? !P : !W, ce = !J, ue = !pe;
+            if (N.applyOptions({
               fixLeftEdge: !ce,
               fixRightEdge: !ue
             }), !ce && !ue) return;
-            const q = M.getVisibleLogicalRange(), de = M.width();
+            const q = N.getVisibleLogicalRange(), de = N.width();
             if (!q || !(de > 0)) return;
             const fe = q.to - q.from;
             if (!(fe > 0)) return;
             const he = xt * fe / de;
-            M.setVisibleLogicalRange({
+            N.setVisibleLogicalRange({
               from: ce ? q.from - he : q.from,
               to: ue ? q.to + he : q.to
             });
           };
           try {
-            t.timeScale().setVisibleRange({ from: g, to: F }), R();
+            t.timeScale().setVisibleRange({ from: g, to: F }), T();
           } catch {
             try {
-              t.timeScale().fitContent(), R();
+              t.timeScale().fitContent(), T();
             } catch {
             }
           }
@@ -708,7 +716,7 @@ function oo({
     Y,
     e,
     se,
-    c,
+    s,
     d,
     P,
     Z,
@@ -726,35 +734,35 @@ function oo({
     if (!t || e.length === 0) return;
     const l = e.length === 1;
     let n;
-    for (const s of e)
-      if (s.data.length > 0) {
-        n = s.data[s.data.length - 1].time;
+    for (const c of e)
+      if (c.data.length > 0) {
+        n = c.data[c.data.length - 1].time;
         break;
       }
     if (!n) return;
-    const a = (s) => {
-      const { time: h = n, seriesData: m, point: y } = s || {}, x = e[0], v = x ? V.current.get(ie(x)) : void 0;
+    const a = (c) => {
+      const { time: h = n, seriesData: m, point: y } = c || {}, x = e[0], v = x ? L.current.get(ie(x)) : void 0;
       if (!y || !h) {
         const X = /* @__PURE__ */ new Map();
         for (const p of e)
           p.data.length > 0 && X.set(p.label, p.data[p.data.length - 1]);
         if (Pe(X.size > 0 ? X : void 0), l || Z || xe)
-          J(null);
+          O(null);
         else if (v && n) {
           const p = e[0];
           if (p && p.data.length > 0) {
-            const T = t.timeScale().timeToCoordinate(n), $ = p.data[p.data.length - 1].value, C = v.priceToCoordinate($);
-            T !== null && C !== null && J({ x: T, y: C });
+            const R = t.timeScale().timeToCoordinate(n), $ = p.data[p.data.length - 1].value, C = v.priceToCoordinate($);
+            R !== null && C !== null && O({ x: R, y: C });
           }
         }
         return;
       }
       const W = /* @__PURE__ */ new Map();
-      let L, U = v;
+      let M, U = v;
       for (let X = 0; X < e.length; X++) {
-        const p = e[X], I = V.current.get(ie(p));
+        const p = e[X], I = L.current.get(ie(p));
         if (!I) continue;
-        const T = m?.get(I), $ = T && "value" in T ? T.value : void 0;
+        const R = m?.get(I), $ = R && "value" in R ? R.value : void 0;
         let C;
         if ($ !== void 0)
           C = $;
@@ -766,33 +774,33 @@ function oo({
           if (Number(h) < H) continue;
           C = At(p.data, Number(h));
         }
-        Number.isNaN(C) || (L === void 0 && (L = C, U = I), W.set(p.label, { value: C, time: h }));
+        Number.isNaN(C) || (M === void 0 && (M = C, U = I), W.set(p.label, { value: C, time: h }));
       }
-      if (Pe(W), L !== void 0 && U) {
-        const p = t.timeScale().timeToCoordinate(h), I = U.priceToCoordinate(L);
+      if (Pe(W), M !== void 0 && U) {
+        const p = t.timeScale().timeToCoordinate(h), I = U.priceToCoordinate(M);
         if (p !== null && I !== null) {
-          const T = B.current;
-          if (T) {
-            const $ = T.querySelector(
+          const R = B.current;
+          if (R) {
+            const $ = R.querySelector(
               ".LightweightChart"
             );
             if ($) {
-              const C = $.getBoundingClientRect(), H = T.getBoundingClientRect(), r = p + (C.left - H.left), o = I + (C.top - H.top);
-              J({ x: r, y: o });
+              const C = $.getBoundingClientRect(), H = R.getBoundingClientRect(), r = p + (C.left - H.left), o = I + (C.top - H.top);
+              O({ x: r, y: o });
             } else
-              J({ x: p, y: I });
+              O({ x: p, y: I });
           } else
-            J({ x: p, y: I });
+            O({ x: p, y: I });
         } else
-          J(null);
+          O(null);
       } else
-        J(null);
+        O(null);
     };
     return t.subscribeCrosshairMove(a), P && t.subscribeClick(a), !l && !Z && !xe && requestAnimationFrame(() => {
-      const s = e[0], h = s ? V.current.get(ie(s)) : void 0;
-      if (h && n && s.data.length > 0) {
-        const y = t.timeScale().timeToCoordinate(n), x = s.data[s.data.length - 1].value, v = h.priceToCoordinate(x);
-        y !== null && v !== null && J({ x: y, y: v });
+      const c = e[0], h = c ? L.current.get(ie(c)) : void 0;
+      if (h && n && c.data.length > 0) {
+        const y = t.timeScale().timeToCoordinate(n), x = c.data[c.data.length - 1].value, v = h.priceToCoordinate(x);
+        y !== null && v !== null && O({ x: y, y: v });
       }
     }), () => {
       t.unsubscribeCrosshairMove(a), P && t.unsubscribeClick(a);
@@ -803,16 +811,16 @@ function oo({
     const l = t.timeScale(), n = () => {
       const a = ze.current;
       if (a.length === 0) return;
-      const s = l.getVisibleRange();
-      if (!s) return;
-      const h = Number(s.from), m = Number(s.to);
+      const c = l.getVisibleRange();
+      if (!c) return;
+      const h = Number(c.from), m = Number(c.to);
       for (const y of a) {
         const x = [];
         for (const v of e)
           if (y.labels.has(v.label))
             for (const W of v.data) {
-              const L = Number(W.time);
-              L >= h && L <= m && x.push(W.value);
+              const M = Number(W.time);
+              M >= h && M <= m && x.push(W.value);
             }
         x.length > 0 && y.updateVisibleRange(x);
       }
@@ -823,25 +831,25 @@ function oo({
       );
     };
   }, [e]), A(() => {
-    const t = E.current, l = Array.from(V.current.values()), n = [];
+    const t = E.current, l = Array.from(L.current.values()), n = [];
     if (t && l.length > 0 && w) {
-      const a = Ct(), s = l[0];
+      const a = Ct(), c = l[0];
       for (const h of w) {
         const m = {
           ...a,
           ...h.options || {}
         };
         m.color && (m.color = ne(m.color, m.color));
-        const y = new Rt(t, s, h.xCoordinate, m);
-        s.attachPrimitive(y), n.push(y);
+        const y = new Tt(t, c, h.xCoordinate, m);
+        c.attachPrimitive(y), n.push(y);
       }
     }
     return () => {
       if (l.length > 0) {
         const a = l[0];
-        for (const s of n)
+        for (const c of n)
           try {
-            a.detachPrimitive(s);
+            a.detachPrimitive(c);
           } catch {
           }
       }
@@ -855,13 +863,13 @@ function oo({
       );
       for (const a of k) {
         if (!Number.isFinite(a.price)) continue;
-        const s = et(
-          V.current,
+        const c = et(
+          L.current,
           e,
           a.seriesLabel
         );
-        if (!s) continue;
-        const h = a.color ? ne(a.color, a.color) : n, m = a.lineWidth ?? 1, y = a.lineStyle ?? ae.Dashed, x = s.createPriceLine({
+        if (!c) continue;
+        const h = a.color ? ne(a.color, a.color) : n, m = a.lineWidth ?? 1, y = a.lineStyle ?? ae.Dashed, x = c.createPriceLine({
           price: a.price,
           color: h,
           lineWidth: m,
@@ -869,15 +877,15 @@ function oo({
           axisLabelVisible: a.axisLabelVisible ?? !0,
           title: a.title ?? ""
         });
-        t.push({ series: s, line: x });
+        t.push({ series: c, line: x });
         const v = new Bt(
-          s,
+          c,
           a.price,
           h,
           m,
           y
         );
-        s.attachPrimitive(v), l.push({ series: s, primitive: v });
+        c.attachPrimitive(v), l.push({ series: c, primitive: v });
       }
     }
     return () => {
@@ -898,16 +906,16 @@ function oo({
       const l = "rgba(239, 68, 68, 0.12)";
       for (const n of G) {
         const a = et(
-          V.current,
+          L.current,
           e,
           n.seriesLabel
         );
         if (!a) continue;
-        const s = n.color ? ne(n.color, l) : l, h = new kt(
+        const c = n.color ? ne(n.color, l) : l, h = new kt(
           a,
           n.priceTop,
           n.priceBottom,
-          s
+          c
         );
         a.attachPrimitive(h), t.push({ series: a, zone: h });
       }
@@ -926,7 +934,7 @@ function oo({
       return;
     }
     const l = () => {
-      const s = t.timeScale(), h = w.map((m) => s.timeToCoordinate(m.xCoordinate) ?? null);
+      const c = t.timeScale(), h = w.map((m) => c.timeToCoordinate(m.xCoordinate) ?? null);
       $e(h), B.current && He(B.current.clientWidth);
     };
     l();
@@ -940,9 +948,9 @@ function oo({
     lt((t) => {
       const l = {};
       let n = !1;
-      for (const [a, s] of je.current) {
-        if (!s) continue;
-        const h = s.offsetWidth;
+      for (const [a, c] of je.current) {
+        if (!c) continue;
+        const h = c.offsetWidth;
         l[a] = h, t[a] !== h && (n = !0);
       }
       return Object.keys(t).length !== Object.keys(l).length && (n = !0), n ? l : t;
@@ -964,20 +972,20 @@ function oo({
         i
       ),
       children: [
-        ye != null && ye !== !1 && me ? /* @__PURE__ */ N("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ N("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: ye }) }) : rt && me && Ke && /* @__PURE__ */ N(
+        ye != null && ye !== !1 && me ? /* @__PURE__ */ V("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ V("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: ye }) }) : rt && me && Ke && /* @__PURE__ */ V(
           Pt,
           {
             point: Ke,
-            xMeasureUnit: c,
+            xMeasureUnit: s,
             yMeasureUnit: d,
             decimals: Ce
           }
         ),
-        Ge && We && /* @__PURE__ */ N(
-          Tt,
+        Ge && We && /* @__PURE__ */ V(
+          Rt,
           {
             points: Ge,
-            xMeasureUnit: c,
+            xMeasureUnit: s,
             yMeasureUnit: d,
             series: e,
             position: We,
@@ -985,8 +993,8 @@ function oo({
             decimals: Ce
           }
         ),
-        u && /* @__PURE__ */ N(Wt, { series: e, onUnselect: f }),
-        w && w.length > 0 && Xe.length === w.length && /* @__PURE__ */ N(
+        u && /* @__PURE__ */ V(Wt, { series: e, onUnselect: f }),
+        w && w.length > 0 && Xe.length === w.length && /* @__PURE__ */ V(
           "div",
           {
             className: "absolute inset-0 z-[5] pointer-events-none",
@@ -994,13 +1002,13 @@ function oo({
             children: w.map((t, l) => {
               const n = Xe[l], a = t.options ?? {};
               if (n === null) return null;
-              const { labelText: s, valueStr: h } = Ft(
+              const { labelText: c, valueStr: h } = Ft(
                 a,
                 d,
                 Ce
               ), m = a.tooltipText ?? "";
-              if (!(s || h || m)) return null;
-              const x = a.labelBackgroundColor ?? a.color ?? "hsl(var(--background))", v = a.labelTextColor ?? "hsl(var(--foreground))", W = `${String(t.xCoordinate)}-${s}-${m}`, L = zt(
+              if (!(c || h || m)) return null;
+              const x = a.labelBackgroundColor ?? a.color ?? "hsl(var(--background))", v = a.labelTextColor ?? "hsl(var(--foreground))", W = `${String(t.xCoordinate)}-${c}-${m}`, M = zt(
                 n,
                 it,
                 at[l]
@@ -1016,14 +1024,14 @@ function oo({
                     m && "pointer-events-auto cursor-default"
                   ),
                   style: {
-                    ...L,
+                    ...M,
                     backgroundColor: x,
                     color: v
                   },
                   children: [
-                    s && /* @__PURE__ */ N("span", { className: "block", children: s }),
-                    h && /* @__PURE__ */ N("span", { className: ee("block", s && "mt-0.5"), children: h }),
-                    m && /* @__PURE__ */ N(
+                    c && /* @__PURE__ */ V("span", { className: "block", children: c }),
+                    h && /* @__PURE__ */ V("span", { className: ee("block", c && "mt-0.5"), children: h }),
+                    m && /* @__PURE__ */ V(
                       "span",
                       {
                         className: "pointer-events-none absolute right-0 top-full z-10 mt-1 hidden w-[280px] whitespace-normal rounded border border-border bg-popover px-2.5 py-1.5 text-left leading-snug text-popover-foreground shadow-md group-hover:block",
@@ -1038,7 +1046,7 @@ function oo({
             })
           }
         ),
-        /* @__PURE__ */ N(
+        /* @__PURE__ */ V(
           "div",
           {
             ref: we,
@@ -1054,16 +1062,16 @@ function Wt({
   onUnselect: i,
   inline: u = !1
 }) {
-  const f = e.every((c) => c.data.length === 0);
-  return /* @__PURE__ */ N(
+  const f = e.every((s) => s.data.length === 0);
+  return /* @__PURE__ */ V(
     "div",
     {
       className: ee(
         "flex flex-wrap",
         u ? "items-center justify-center gap-6" : "absolute top-0 left-2 z-[10] gap-2"
       ),
-      children: e.map((c, d) => {
-        const S = ot(d), w = (c.lineColor ?? c.color) || S.line, k = !f && c.data.length === 0;
+      children: e.map((s, d) => {
+        const S = ot(d), w = (s.lineColor ?? s.color) || S.line, k = !f && s.data.length === 0;
         return /* @__PURE__ */ ge(
           "div",
           {
@@ -1073,7 +1081,7 @@ function Wt({
               k && "opacity-50"
             ),
             children: [
-              /* @__PURE__ */ N(
+              /* @__PURE__ */ V(
                 "div",
                 {
                   className: ee(
@@ -1090,20 +1098,20 @@ function Wt({
                     u ? "text-sm" : "text-[10px] sm:text-xs"
                   ),
                   children: [
-                    c.label,
+                    s.label,
                     k && " (no data)"
                   ]
                 }
               ),
-              i && /* @__PURE__ */ N(
+              i && /* @__PURE__ */ V(
                 "button",
                 {
                   type: "button",
                   onClick: (G) => {
-                    G.stopPropagation(), i(c.label);
+                    G.stopPropagation(), i(s.label);
                   },
                   className: "ml-1 flex items-center justify-center w-4 h-4 rounded-sm hover:bg-muted transition-colors cursor-pointer",
-                  "aria-label": `Remove ${c.label}`,
+                  "aria-label": `Remove ${s.label}`,
                   children: /* @__PURE__ */ ge(
                     "svg",
                     {
@@ -1119,9 +1127,9 @@ function Wt({
                       className: "text-muted-foreground hover:text-foreground",
                       "aria-hidden": "true",
                       children: [
-                        /* @__PURE__ */ N("title", { children: "Close" }),
-                        /* @__PURE__ */ N("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                        /* @__PURE__ */ N("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                        /* @__PURE__ */ V("title", { children: "Close" }),
+                        /* @__PURE__ */ V("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                        /* @__PURE__ */ V("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                       ]
                     }
                   )
@@ -1129,7 +1137,7 @@ function Wt({
               )
             ]
           },
-          c.id ?? c.label
+          s.id ?? s.label
         );
       })
     }

package/package.json

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