@gearbox-protocol/permissionless-ui 1.17.7 → 1.17.9

package/dist/cjs/components/graph/default-config.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../utils/colors.cjs"),o={topColor:"rgba(76, 175, 80, 0.56)",bottomColor:"rgba(76, 175, 80, 0.04)",lineColor:"#02c39a",lineWidth:2},l={showLabel:!0,color:"#02c39a",labelBackgroundColor:"#02c39a",width:2};function t(){const e=r.resolveCSSColor("hsl(var(--foreground))","rgb(0, 0, 0)");return{timeScale:{borderVisible:!0,borderColor:"rgba(224, 227, 235, 0.1)",visible:!0},rightPriceScale:{autoScale:!0,alignLabels:!0,borderVisible:!0,borderColor:"rgba(224, 227, 235, 0.1)",entireTextOnly:!1,textColor:e},layout:{background:{color:"transparent"},textColor:e,fontSize:14},crosshair:{horzLine:{width:2,color:"rgba(224, 227, 235, 0.1)",style:0,labelVisible:!1},vertLine:{width:2,color:"rgba(224, 227, 235, 0.1)",style:0,labelVisible:!1}},grid:{vertLines:{visible:!1},horzLines:{visible:!1}}}}function i(){return{topColor:"rgba(76, 175, 80, 0.56)",bottomColor:"rgba(76, 175, 80, 0.04)",lineColor:o.lineColor,lineWidth:2}}function a(){const e=r.resolveCSSColor("hsl(var(--primary))","rgb(76, 175, 80)");return{showLabel:!0,color:e,labelBackgroundColor:e,width:2}}const s={timeScale:{borderVisible:!0,borderColor:"rgba(224, 227, 235, 0.1)",visible:!0},rightPriceScale:{autoScale:!0,alignLabels:!0,borderVisible:!0,borderColor:"rgba(224, 227, 235, 0.1)",entireTextOnly:!1},layout:{background:{color:"transparent"},textColor:"rgb(0, 0, 0)",fontSize:14},crosshair:{horzLine:{width:2,color:"rgba(224, 227, 235, 0.1)",style:0,labelVisible:!1},vertLine:{width:2,color:"rgba(224, 227, 235, 0.1)",style:0,labelVisible:!1}},grid:{vertLines:{visible:!1},horzLines:{visible:!1}}};exports.DEFAULT_AREA_SERIES=o;exports.DEFAULT_OPTIONS=s;exports.DEFAULT_VERTICAL_LINE=l;exports.getDefaultOptions=t;exports.getDefaultSeries=i;exports.getDefaultVerticalLine=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../utils/colors.cjs"),o={topColor:"rgba(76, 175, 80, 0.56)",bottomColor:"rgba(76, 175, 80, 0.04)",lineColor:"#02c39a",lineWidth:2},l={showLabel:!0,color:"#02c39a",labelBackgroundColor:"#02c39a",width:2};function t(){const e=r.resolveCSSColor("hsl(var(--foreground))","rgb(0, 0, 0)");return{timeScale:{borderVisible:!0,borderColor:"rgba(224, 227, 235, 0.1)",visible:!0},rightPriceScale:{visible:!0,autoScale:!0,alignLabels:!0,borderVisible:!0,borderColor:"rgba(224, 227, 235, 0.1)",entireTextOnly:!1,textColor:e},layout:{background:{color:"transparent"},textColor:e,fontSize:14},crosshair:{horzLine:{width:2,color:"rgba(224, 227, 235, 0.1)",style:0,labelVisible:!1},vertLine:{width:2,color:"rgba(224, 227, 235, 0.1)",style:0,labelVisible:!1}},grid:{vertLines:{visible:!1},horzLines:{visible:!1}}}}function i(){return{topColor:"rgba(76, 175, 80, 0.56)",bottomColor:"rgba(76, 175, 80, 0.04)",lineColor:o.lineColor,lineWidth:2}}function a(){const e=r.resolveCSSColor("hsl(var(--primary))","rgb(76, 175, 80)");return{showLabel:!0,color:e,labelBackgroundColor:e,width:2}}const s={timeScale:{borderVisible:!0,borderColor:"rgba(224, 227, 235, 0.1)",visible:!0},rightPriceScale:{visible:!0,autoScale:!0,alignLabels:!0,borderVisible:!0,borderColor:"rgba(224, 227, 235, 0.1)",entireTextOnly:!1},layout:{background:{color:"transparent"},textColor:"rgb(0, 0, 0)",fontSize:14},crosshair:{horzLine:{width:2,color:"rgba(224, 227, 235, 0.1)",style:0,labelVisible:!1},vertLine:{width:2,color:"rgba(224, 227, 235, 0.1)",style:0,labelVisible:!1}},grid:{vertLines:{visible:!1},horzLines:{visible:!1}}};exports.DEFAULT_AREA_SERIES=o;exports.DEFAULT_OPTIONS=s;exports.DEFAULT_VERTICAL_LINE=l;exports.getDefaultOptions=t;exports.getDefaultSeries=i;exports.getDefaultVerticalLine=a;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("luxon"),s=require("../../utils/format-number.cjs"),{MIN_DISPLAY_THRESHOLD:u,MAX_EXPONENTIAL_THRESHOLD:T}=s.FORMAT_CONSTANTS,E=(t,e,r="full")=>{if(s.isBelowDisplayThreshold(t))return e?`<${u}${e}`:`<${u}`;if(t===0)return e?`0${e}`:"0";const n=s.formatNumberWithSuffix(t,{maxExponentialThreshold:T,minimumFractionDigits:0,maximumFractionDigits:r==="short"?1:0,format:r,adaptiveDecimals:r==="short"});return e?`${n}${e}`:n},A=2,x=(t,e)=>{if(s.isBelowDisplayThreshold(t))return e?`<${u}${e}`:`<${u}`;if(t===0)return e?`0${e}`:"0";const r=s.toSignificantDigits(t,A);return e?`${r}${e}`:r},I=4,_=t=>{if(s.isBelowDisplayThreshold(t))return`<${u}`;if(t===0)return"0";const e=Math.round(t),r=Math.abs(t-e);return r>0&&r<.01?t.toFixed(12).replace(/0+$/,"").replace(/\.$/,""):s.toSignificantDigits(t,I)},H=(t,e)=>{if(s.isBelowDisplayThreshold(t))return e?`<${u} ${e}`:`<${u}`;if(t===0)return e?`0 ${e}`:"0";const r=Number.isInteger(t),n=Math.abs(t),m=r&&n>=1e3,l=Math.round(t),h=Math.abs(t-l);if(h>0&&h<.01&&!m){const S=t.toFixed(12).replace(/0+$/,"").replace(/\.$/,"");return e?`${S} ${e}`:S}const D=s.formatNumberWithSuffix(t,{maxExponentialThreshold:T,minimumFractionDigits:r?0:2,maximumFractionDigits:m?1:r?0:2,format:m?"short":"full",adaptiveDecimals:m});return e?`${D} ${e}`:D},M={"%":x,$:E,token:H,none:_},R=t=>M[t]||M.token;function O(t,e,r=8){if(t===0)return e?`0 ${e}`:"0";const n=t.toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:r});return e?`${n} ${e}`:n}function X(t,e){let r=t.length>0?Math.min(...t):0,n=t.length>0?Math.max(...t):0,m=[];const l=()=>{const a=n-r,i=(r+n)/2;let o=1,c="";i>=1e9?(o=1e9,c="B"):i>=1e6?(o=1e6,c="M"):i>=1e3&&(o=1e3,c="K");const f=a/10/o;let d=1;if(f>0){const N=Math.floor(Math.log10(f));d=Math.max(1,-N),d=Math.min(d,4)}return{scale:o,suffix:c,decimals:d}},h=(a,i,o)=>i>1?`${(a/i).toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:4,useGrouping:!1})}${o}`:a.toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:4,useGrouping:!1});return{formatter:a=>{if(a===0)return"0";const{scale:i,suffix:o,decimals:c}=l(),F=Math.abs(a)*1e-10||1e-10;return m.some(f=>Math.abs(f-a)<F)?h(a,i,o):i>1?`${(a/i).toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:c,useGrouping:!1})}${o}`:a.toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:c,useGrouping:!1})},updateVisibleRange:a=>{a.length>0&&(r=Math.min(...a),n=Math.max(...a))},updateLastValues:a=>{m=[...a]}}}const G=t=>g.DateTime.fromSeconds(Number(t)).toFormat("dd/LL/yyyy HH:mm"),P=t=>g.DateTime.fromSeconds(Number(t)).toFormat("HH:mm"),U=()=>{let t=null;return e=>{const r=g.DateTime.fromSeconds(Number(e)),n=r.toFormat("yyyy-MM-dd");return n!==t?(t=n,r.toFormat("dd MMM")):r.toFormat("HH:mm")}},C=(t,e)=>x(Number(t),e),$={time:G,"%":C},Y=(t,e)=>{if(t==="time"&&e&&e.length>0){const r=g.DateTime.fromSeconds(Number(e[0].time)),n=g.DateTime.fromSeconds(Number(e[e.length-1].time));return r.hasSame(n,"day")?P:U()}return $[t]||$.time};exports.createAdaptiveYAxisFormatter=X;exports.formatExactValue=O;exports.getXFormatter=Y;exports.getYFormatter=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("luxon"),s=require("../../utils/format-number.cjs"),{MIN_DISPLAY_THRESHOLD:u,MAX_EXPONENTIAL_THRESHOLD:T}=s.FORMAT_CONSTANTS,E=(t,e,r="full")=>{if(s.isBelowDisplayThreshold(t))return e?`<${u}${e}`:`<${u}`;if(t===0)return e?`0${e}`:"0";const n=s.formatNumberWithSuffix(t,{maxExponentialThreshold:T,minimumFractionDigits:0,maximumFractionDigits:r==="short"?1:0,format:r,adaptiveDecimals:r==="short"});return e?`${n}${e}`:n},A=2,x=(t,e)=>{if(s.isBelowDisplayThreshold(t))return e?`<${u}${e}`:`<${u}`;if(t===0)return e?`0${e}`:"0";const r=s.toSignificantDigits(t,A);return e?`${r}${e}`:r},I=4,_=t=>{if(s.isBelowDisplayThreshold(t))return`<${u}`;if(t===0)return"0";const e=Math.round(t),r=Math.abs(t-e);return r>0&&r<.01?t.toFixed(12).replace(/0+$/,"").replace(/\.$/,""):s.toSignificantDigits(t,I)},H=(t,e)=>{if(s.isBelowDisplayThreshold(t))return e?`<${u} ${e}`:`<${u}`;if(t===0)return e?`0 ${e}`:"0";const r=Number.isInteger(t),n=Math.abs(t),m=r&&n>=1e3,l=Math.round(t),h=Math.abs(t-l);if(h>0&&h<.01&&!m){const S=t.toFixed(12).replace(/0+$/,"").replace(/\.$/,"");return e?`${S} ${e}`:S}const D=s.formatNumberWithSuffix(t,{maxExponentialThreshold:T,minimumFractionDigits:r?0:2,maximumFractionDigits:m?1:r?0:2,format:m?"short":"full",adaptiveDecimals:m});return e?`${D} ${e}`:D},M={"%":x,$:E,token:H,none:_},R=t=>M[t]||M.token;function O(t,e,r=4){if(t===0)return e?`0 ${e}`:"0";const n=t.toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:r});return e?`${n} ${e}`:n}function X(t,e){let r=t.length>0?Math.min(...t):0,n=t.length>0?Math.max(...t):0,m=[];const l=()=>{const a=n-r,i=(r+n)/2;let o=1,c="";i>=1e9?(o=1e9,c="B"):i>=1e6?(o=1e6,c="M"):i>=1e3&&(o=1e3,c="K");const f=a/10/o;let d=1;if(f>0){const N=Math.floor(Math.log10(f));d=Math.max(1,-N),d=Math.min(d,4)}return{scale:o,suffix:c,decimals:d}},h=(a,i,o)=>i>1?`${(a/i).toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:4,useGrouping:!1})}${o}`:a.toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:4,useGrouping:!1});return{formatter:a=>{if(a===0)return"0";const{scale:i,suffix:o,decimals:c}=l(),F=Math.abs(a)*1e-10||1e-10;return m.some(f=>Math.abs(f-a)<F)?h(a,i,o):i>1?`${(a/i).toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:c,useGrouping:!1})}${o}`:a.toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:c,useGrouping:!1})},updateVisibleRange:a=>{a.length>0&&(r=Math.min(...a),n=Math.max(...a))},updateLastValues:a=>{m=[...a]}}}const G=t=>g.DateTime.fromSeconds(Number(t)).toFormat("dd/LL/yyyy HH:mm"),P=t=>g.DateTime.fromSeconds(Number(t)).toFormat("HH:mm"),U=()=>{let t=null;return e=>{const r=g.DateTime.fromSeconds(Number(e)),n=r.toFormat("yyyy-MM-dd");return n!==t?(t=n,r.toFormat("dd MMM")):r.toFormat("HH:mm")}},C=(t,e)=>x(Number(t),e),$={time:G,"%":C},Y=(t,e)=>{if(t==="time"&&e&&e.length>0){const r=g.DateTime.fromSeconds(Number(e[0].time)),n=g.DateTime.fromSeconds(Number(e[e.length-1].time));return r.hasSame(n,"day")?P:U()}return $[t]||$.time};exports.createAdaptiveYAxisFormatter=X;exports.formatExactValue=O;exports.getXFormatter=Y;exports.getYFormatter=R;

package/dist/cjs/components/graph/graph-current-value.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("../../utils/cn.cjs"),o=require("./formatters.cjs");function d({point:e,xMeasureUnit:s,yMeasureUnit:t,className:a}){const l=o.getXFormatter(s)(e.time,s),n=t!=="%"&&t!=="$"&&t!=="none"?t:void 0,m=t==="$"?`$${o.formatExactValue(e.value)}`:t==="%"?`${o.formatExactValue(e.value)}%`:o.formatExactValue(e.value,n);return r.jsxs("div",{className:c.cn("absolute top-2 left-2 right-2 z-[100] pointer-events-none",a),children:[r.jsx("div",{className:"text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis",children:m}),r.jsx("div",{className:"text-xs sm:text-sm font-medium text-muted-foreground whitespace-nowrap overflow-hidden text-ellipsis mt-0.5",children:l})]})}exports.GraphCurrentValue=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("../../utils/cn.cjs"),o=require("./formatters.cjs");function i({point:e,xMeasureUnit:a,yMeasureUnit:t,className:l,decimals:r}){const n=o.getXFormatter(a)(e.time,a),m=t!=="%"&&t!=="$"&&t!=="none"?t:void 0,c=t==="$"?`$${o.formatExactValue(e.value,void 0,r)}`:t==="%"?`${o.formatExactValue(e.value,void 0,r)}%`:o.formatExactValue(e.value,m,r);return s.jsxs("div",{className:d.cn("absolute top-2 left-2 right-2 z-[100] pointer-events-none",l),children:[s.jsx("div",{className:"text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis",children:c}),s.jsx("div",{className:"text-xs sm:text-sm font-medium text-muted-foreground whitespace-nowrap overflow-hidden text-ellipsis mt-0.5",children:n})]})}exports.GraphCurrentValue=i;

package/dist/cjs/components/graph/graph-tooltip.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),x=require("react"),$=require("../../utils/cn.cjs"),d=require("./formatters.cjs"),w=require("./graph.cjs");function C({points:m,series:v,xMeasureUnit:h,yMeasureUnit:j,className:R,position:t,containerRef:g}){const b=x.useRef(null),[f,l]=x.useState(t),E=d.getXFormatter(h);x.useEffect(()=>{if(!t){l(t);return}const r=g?.current;if(!r){l(t);return}const i=b.current;if(!i){l(t);return}const s=r.getBoundingClientRect(),u=i.getBoundingClientRect();let n=t.x,e=t.y;const a=u.width,p=u.height,c=8;n-a/2<c?n=a/2+c:n+a/2>s.width-c&&(n=s.width-a/2-c);const y=p+8;e-y<c?e=t.y+20:e=t.y-y,l({x:n,y:e})},[t,g]);const S=f?{left:`${f.x}px`,top:`${f.y}px`,transform:"translate(-50%, 0)"}:{};if(m.size===0)return null;const _=Array.from(m.values())[0],N=E(_.time,h);return o.jsx("div",{ref:b,className:$.cn("absolute z-[100] pointer-events-none whitespace-nowrap",R),style:S,children:o.jsxs("div",{className:"bg-background/90 backdrop-blur-sm rounded border border-border p-1.5 sm:p-2 space-y-1 sm:space-y-1.5",children:[o.jsx("div",{className:"text-xs sm:text-sm font-medium text-muted-foreground mb-0.5 sm:mb-1 whitespace-nowrap",children:N}),v.map((r,i)=>{const s=m.get(r.label);if(!s)return null;const u=w.DEFAULT_SERIES_COLORS[i%w.DEFAULT_SERIES_COLORS.length],n=r.color||u.line,e=r.yMeasureUnit||j,a=e!=="%"&&e!=="$"&&e!=="none"?e:void 0,p=e==="$"?`$${d.formatExactValue(s.value)}`:e==="%"?`${d.formatExactValue(s.value)}%`:d.formatExactValue(s.value,a);return o.jsxs("div",{className:"flex items-center gap-1.5 sm:gap-2 text-xs sm:text-sm whitespace-nowrap",children:[o.jsx("div",{className:"w-1.5 h-1.5 sm:w-2 sm:h-2 rounded-full flex-shrink-0",style:{backgroundColor:n}}),o.jsxs("span",{className:"text-muted-foreground whitespace-nowrap",children:[r.label,":"]}),o.jsx("span",{className:"font-medium text-foreground whitespace-nowrap",children:p})]},r.label)})]})})}exports.GraphTooltip=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),h=require("react"),C=require("../../utils/cn.cjs"),d=require("./formatters.cjs"),v=require("./graph.cjs");function F({points:m,series:j,xMeasureUnit:g,yMeasureUnit:R,className:E,position:t,containerRef:b,decimals:f}){const y=h.useRef(null),[p,l]=h.useState(t),S=d.getXFormatter(g);h.useEffect(()=>{if(!t){l(t);return}const r=b?.current;if(!r){l(t);return}const i=y.current;if(!i){l(t);return}const s=r.getBoundingClientRect(),u=i.getBoundingClientRect();let o=t.x,e=t.y;const a=u.width,x=u.height,c=8;o-a/2<c?o=a/2+c:o+a/2>s.width-c&&(o=s.width-a/2-c);const w=x+8;e-w<c?e=t.y+20:e=t.y-w,l({x:o,y:e})},[t,b]);const _=p?{left:`${p.x}px`,top:`${p.y}px`,transform:"translate(-50%, 0)"}:{};if(m.size===0)return null;const N=Array.from(m.values())[0],$=S(N.time,g);return n.jsx("div",{ref:y,className:C.cn("absolute z-[100] pointer-events-none whitespace-nowrap",E),style:_,children:n.jsxs("div",{className:"bg-background/90 backdrop-blur-sm rounded border border-border p-1.5 sm:p-2 space-y-1 sm:space-y-1.5",children:[n.jsx("div",{className:"text-xs sm:text-sm font-medium text-muted-foreground mb-0.5 sm:mb-1 whitespace-nowrap",children:$}),j.map((r,i)=>{const s=m.get(r.label);if(!s)return null;const u=v.DEFAULT_SERIES_COLORS[i%v.DEFAULT_SERIES_COLORS.length],o=r.color||u.line,e=r.yMeasureUnit||R,a=e!=="%"&&e!=="$"&&e!=="none"?e:void 0,x=e==="$"?`$${d.formatExactValue(s.value,void 0,f)}`:e==="%"?`${d.formatExactValue(s.value,void 0,f)}%`:d.formatExactValue(s.value,a,f);return n.jsxs("div",{className:"flex items-center gap-1.5 sm:gap-2 text-xs sm:text-sm whitespace-nowrap",children:[n.jsx("div",{className:"w-1.5 h-1.5 sm:w-2 sm:h-2 rounded-full flex-shrink-0",style:{backgroundColor:o}}),n.jsxs("span",{className:"text-muted-foreground whitespace-nowrap",children:[r.label,":"]}),n.jsx("span",{className:"font-medium text-foreground whitespace-nowrap",children:x})]},r.label)})]})})}exports.GraphTooltip=F;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),be=require("lightweight-charts"),i=require("react"),ve=require("../../hooks/use-media-query.cjs"),ce=require("../../utils/cn.cjs"),G=require("../../utils/colors.cjs"),$=require("./default-config.cjs"),oe=require("./formatters.cjs"),Ce=require("./graph-current-value.cjs"),Se=require("./graph-tooltip.cjs"),xe=require("./plugins/vertical-line.cjs");function Re(e){const V=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const p in e)if(p!=="default"){const T=Object.getOwnPropertyDescriptor(e,p);Object.defineProperty(V,p,T.get?T:{enumerable:!0,get:()=>e[p]})}}return V.default=e,Object.freeze(V)}const ne=Re(i),H=[{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:"#f59e0b",top:"rgba(245, 158, 11, 0.56)",bottom:"rgba(245, 158, 11, 0.04)"},{line:"#ef4444",top:"rgba(239, 68, 68, 0.56)",bottom:"rgba(239, 68, 68, 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:"#10b981",top:"rgba(16, 185, 129, 0.56)",bottom:"rgba(16, 185, 129, 0.04)"},{line:"#06b6d4",top:"rgba(6, 182, 212, 0.56)",bottom:"rgba(6, 182, 212, 0.04)"}];function ye({series:e,className:V,showLegend:p=!1,onUnselectSeries:T,xMeasureUnit:L="time",yMeasureUnit:q="token",optionsOverrides:D,verticalLineOptions:I}){const R=i.useRef(null),S=i.useRef(new Map),X=i.useRef(!1),Y=i.useRef(new Set),re=i.useRef(0),ae=i.useRef(!0),W=i.useRef(null),ue=i.useRef(null),F=i.useRef(null),Z=i.useRef(null),A=ve.useIsMobile(),P=ne.useMemo(()=>e.flatMap(t=>t.data),[e]),fe=ne.useMemo(()=>{if(e.length>0){const t=e[e.length-1];if(t.data.length>0)return t.data[t.data.length-1]}},[e]),[le,Q]=i.useState(()=>{if(!fe)return;const t=new Map;for(const n of e)n.data.length>0&&t.set(n.label,n.data[n.data.length-1]);return t}),[se,M]=i.useState(null);i.useEffect(()=>{const t=()=>{if(R.current&&F.current){const d=F.current.clientWidth,a=F.current.clientHeight;R.current.resize(d,a),R.current.timeScale().fitContent()}},n=F.current,l=n?new ResizeObserver(t):null;return n&&l?.observe(n),()=>{n&&l?.unobserve(n)}},[]),i.useEffect(()=>{if(!Z.current||X.current)return;const t=$.getDefaultOptions(),n=G.resolveCSSColor("hsl(var(--foreground))","rgb(0, 0, 0)"),l=be.createChart(Z.current,{...t,rightPriceScale:{...t.rightPriceScale||{},visible:!A,textColor:n},...D});return R.current=l,X.current=!0,()=>{l.remove(),R.current=null,X.current=!1,S.current.clear()}},[A,D]),i.useEffect(()=>{const t=R.current;if(!t||e.length===0)return;const n=L==="time"?oe.getXFormatter(L,P):oe.getXFormatter(L),l=P.map(o=>o.value),{formatter:d,updateVisibleRange:a,updateLastValues:f}=oe.createAdaptiveYAxisFormatter(l);W.current=a,ue.current=f;const b=e.filter(o=>o.data.length>0).map(o=>o.data[o.data.length-1].value);f(b);const x=$.getDefaultOptions();t.applyOptions({localization:{...x.localization||{},timeFormatter:n?(o=>n(parseFloat(o),void 0)):void 0},timeScale:{...x.timeScale||{},tickMarkFormatter:n?(o=>n(parseFloat(o),void 0)):void 0,minBarSpacing:0}});const j=(P.length>0?Math.min(...P.map(o=>o.value)):0)<0,y=P.some(o=>o.value===0),g=!j&&y,s=e.length>1,u=s||A,c=G.resolveCSSColor("hsl(var(--foreground))","rgb(0, 0, 0)");t.applyOptions({rightPriceScale:{...x.rightPriceScale||{},visible:!A,textColor:c,...g&&{scaleMargins:{top:.3,bottom:0}}}});const h=new Set(S.current.keys()),w=new Set(e.map(o=>o.label));for(const o of h)if(!w.has(o)){const r=S.current.get(o);r&&(t.removeSeries(r),S.current.delete(o))}const O=$.getDefaultSeries(),z=[];let k=0;for(let o=0;o<e.length;o++){const r=e[o],ee=H[o%H.length],B=r.color||ee.line;let _,N;if(r.color)if(r.topColor&&r.bottomColor)_=r.topColor,N=r.bottomColor;else if(r.topColor){const C=G.generateColorsFromBase(B);_=r.topColor,N=C.bottomColor}else if(r.bottomColor)_=G.generateColorsFromBase(B).topColor,N=r.bottomColor;else{const C=G.generateColorsFromBase(B);_=C.topColor,N=C.bottomColor}else _=r.topColor||ee.top,N=r.bottomColor||ee.bottom;if(r.data.length===0){const C=S.current.get(r.label);C&&(t.removeSeries(C),S.current.delete(r.label));continue}const he=(r.data.length>0?Math.min(...r.data.map(C=>C.value)):0)<0,me=r.data.some(C=>C.value===0),pe=!he&&me,te=s?k===0?void 0:`scale-${k}`:void 0;s&&z.push({priceScaleId:te||"right",shouldPreventNegativeAxis:pe,seriesIndex:k});let E=S.current.get(r.label);E?(E.applyOptions({lineColor:B,topColor:_,bottomColor:N,priceScaleId:te,priceFormat:{type:"custom",formatter:d}}),E.setData(r.data)):(E=t.addAreaSeries({...O,lineColor:B,topColor:_,bottomColor:N,priceScaleId:te,priceFormat:{type:"custom",formatter:d}}),E.setData(r.data),S.current.set(r.label,E)),k++}if(s&&z.length>0)for(const o of z)try{const r=t.priceScale(o.priceScaleId);r&&r.applyOptions({visible:!u,autoScale:!0,scaleMargins:{top:.1,bottom:.1,...o.shouldPreventNegativeAxis&&{top:.3,bottom:0}},alignLabels:!0,borderVisible:!0,borderColor:"rgba(224, 227, 235, 0.1)",entireTextOnly:!1,textColor:c})}catch(r){console.warn(`Failed to configure price scale ${o.priceScaleId} for series ${o.seriesIndex}:`,r)}const K=new Set(e.map(o=>o.label)),de=K.size!==Y.current.size||[...K].some(o=>!Y.current.has(o)),ge=P.length!==re.current;(ae.current||de||ge||A)&&(t.timeScale().fitContent(),ae.current=!1),Y.current=K,re.current=P.length;const U=new Map;for(const o of e)o.data.length>0&&U.set(o.label,o.data[o.data.length-1]);Q(U.size>0?U:void 0)},[e,P,L,q,A]),i.useEffect(()=>{const t=R.current;if(!t||e.length===0)return;const n=e.length===1;let l;for(const a of e)if(a.data.length>0){l=a.data[a.data.length-1].time;break}if(!l)return;const d=a=>{const{time:f=l,seriesData:b,point:x}=a||{},v=Array.from(S.current.values());if(!x||!f){const g=new Map;for(const s of e)s.data.length>0&&g.set(s.label,s.data[s.data.length-1]);if(Q(g.size>0?g:void 0),n)M(null);else if(v[0]&&l){const u=t.timeScale().timeToCoordinate(l),c=e[0];if(c.data.length>0){const h=c.data[c.data.length-1].value,w=v[0].priceToCoordinate(h);u!==null&&w!==null&&M({x:u,y:w})}}return}const j=new Map;let y;for(let g=0;g<e.length;g++){const s=e[g],u=v[g];if(!u)continue;const c=b?.get(u),h=c&&"value"in c?c.value:void 0,w=s.data[s.data.length-1],O=h!==void 0?h:w?.value??0;g===0&&(y=O),j.set(s.label,{value:O,time:f})}if(Q(j),y!==void 0&&v[0]){const s=t.timeScale().timeToCoordinate(f),u=v[0].priceToCoordinate(y);if(s!==null&&u!==null){const c=F.current;if(c){const h=c.querySelector(".LightweightChart");if(h){const w=h.getBoundingClientRect(),O=c.getBoundingClientRect(),z=s+(w.left-O.left),k=u+(w.top-O.top);M({x:z,y:k})}else M({x:s,y:u})}else M({x:s,y:u})}else M(null)}else M(null)};return t.subscribeCrosshairMove(d),n||requestAnimationFrame(()=>{const a=Array.from(S.current.values());if(a[0]&&l&&e[0]?.data.length>0){const b=t.timeScale().timeToCoordinate(l),x=e[0].data[e[0].data.length-1].value,v=a[0].priceToCoordinate(x);b!==null&&v!==null&&M({x:b,y:v})}}),()=>{t.unsubscribeCrosshairMove(d)}},[e]),i.useEffect(()=>{const t=R.current;if(!t||e.length===0)return;const n=t.timeScale(),l=Math.max(...e.map(a=>a.data.length)),d=()=>{if(l===0)return;const a=n.getVisibleLogicalRange();if(!a)return;const f={from:0,to:l-1},b=typeof a.from=="number"?a.from:0,x=typeof a.to=="number"?a.to:l-1;if(W.current){const g=Math.max(0,Math.floor(b)),s=Math.min(l-1,Math.ceil(x)),u=[];for(const c of e)for(let h=g;h<=s&&h<c.data.length;h++)u.push(c.data[h].value);u.length>0&&W.current(u)}const v=.01;let j=!1;const y={...a};b<f.from-v&&(y.from=f.from,j=!0),x>f.to+v&&(y.to=f.to,j=!0),j&&n.setVisibleLogicalRange(y)};return n.subscribeVisibleLogicalRangeChange(d),()=>{n.unsubscribeVisibleLogicalRangeChange(d)}},[e]),i.useEffect(()=>{const t=R.current,n=Array.from(S.current.values()),l=[];if(t&&n.length>0&&I){const d=$.getDefaultVerticalLine(),a=n[0];for(const f of I){const b=new xe.VertLine(t,a,f.xCoordinate,{...d,...f.options||{}});a.attachPrimitive(b),l.push(b)}}return()=>{if(n.length>0){const d=n[0];for(const a of l)d.detachPrimitive(a)}}},[I]);const J=e.length===1,ie=ne.useMemo(()=>{if(J&&e.length>0){const t=e[0];if(t.data.length>0)return t.data[t.data.length-1]}},[J,e]);return m.jsxs("div",{ref:F,className:ce.cn("relative z-[1] w-full h-full overflow-hidden p-0",V),children:[J&&ie&&m.jsx(Ce.GraphCurrentValue,{point:ie,xMeasureUnit:L,yMeasureUnit:q}),le&&se&&m.jsx(Se.GraphTooltip,{points:le,xMeasureUnit:L,yMeasureUnit:q,series:e,position:se,containerRef:F}),p&&m.jsx(we,{series:e,onUnselect:T}),m.jsx("div",{ref:Z,className:"LightweightChart w-full h-full overflow-hidden"})]})}function we({series:e,onUnselect:V}){return m.jsx("div",{className:"absolute top-0 left-2 z-[10] flex flex-wrap gap-2",children:e.map((p,T)=>{const L=H[T%H.length],q=p.color||L.line,D=p.data.length===0;return m.jsxs("div",{className:ce.cn("flex items-center gap-1.5 px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",D&&"opacity-50"),children:[m.jsx("div",{className:"w-3 h-3 rounded-sm",style:{backgroundColor:q}}),m.jsxs("span",{className:"text-[10px] sm:text-xs font-medium text-foreground",children:[p.label,D&&" (no data)"]}),V&&m.jsx("button",{type:"button",onClick:I=>{I.stopPropagation(),V(p.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 ${p.label}`,children:m.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:[m.jsx("title",{children:"Close"}),m.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),m.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]},p.label)})})}exports.DEFAULT_SERIES_COLORS=H;exports.Graph=ye;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),ve=require("lightweight-charts"),i=require("react"),Ce=require("../../hooks/use-media-query.cjs"),ue=require("../../utils/cn.cjs"),G=require("../../utils/colors.cjs"),Y=require("./default-config.cjs"),oe=require("./formatters.cjs"),Se=require("./graph-current-value.cjs"),xe=require("./graph-tooltip.cjs"),Re=require("./plugins/vertical-line.cjs");function ye(e){const V=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const p in e)if(p!=="default"){const A=Object.getOwnPropertyDescriptor(e,p);Object.defineProperty(V,p,A.get?A:{enumerable:!0,get:()=>e[p]})}}return V.default=e,Object.freeze(V)}const re=ye(i),H=[{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:"#f59e0b",top:"rgba(245, 158, 11, 0.56)",bottom:"rgba(245, 158, 11, 0.04)"},{line:"#ef4444",top:"rgba(239, 68, 68, 0.56)",bottom:"rgba(239, 68, 68, 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:"#10b981",top:"rgba(16, 185, 129, 0.56)",bottom:"rgba(16, 185, 129, 0.04)"},{line:"#06b6d4",top:"rgba(6, 182, 212, 0.56)",bottom:"rgba(6, 182, 212, 0.04)"}];function we({series:e,className:V,showLegend:p=!1,onUnselectSeries:A,xMeasureUnit:L="time",yMeasureUnit:q="token",optionsOverrides:I,verticalLineOptions:z,currentValueDecimals:ne}){const R=i.useRef(null),S=i.useRef(new Map),$=i.useRef(!1),X=i.useRef(new Set),ae=i.useRef(0),le=i.useRef(!0),W=i.useRef(null),fe=i.useRef(null),F=i.useRef(null),Z=i.useRef(null),N=Ce.useIsMobile(),P=re.useMemo(()=>e.flatMap(o=>o.data),[e]),de=re.useMemo(()=>{if(e.length>0){const o=e[e.length-1];if(o.data.length>0)return o.data[o.data.length-1]}},[e]),[se,Q]=i.useState(()=>{if(!de)return;const o=new Map;for(const r of e)r.data.length>0&&o.set(r.label,r.data[r.data.length-1]);return o}),[ie,M]=i.useState(null);i.useEffect(()=>{const o=()=>{if(R.current&&F.current){const g=F.current.clientWidth,a=F.current.clientHeight;R.current.resize(g,a),R.current.timeScale().fitContent()}},r=F.current,l=r?new ResizeObserver(o):null;return r&&l?.observe(r),()=>{r&&l?.unobserve(r)}},[]),i.useEffect(()=>{if(!Z.current||$.current)return;const o=Y.getDefaultOptions(),r=G.resolveCSSColor("hsl(var(--foreground))","rgb(0, 0, 0)"),l=ve.createChart(Z.current,{...o,rightPriceScale:{...o.rightPriceScale||{},visible:!N,textColor:r},...I});return R.current=l,$.current=!0,()=>{l.remove(),R.current=null,$.current=!1,S.current.clear()}},[N,I]),i.useEffect(()=>{const o=R.current;if(!o||e.length===0)return;const r=L==="time"?oe.getXFormatter(L,P):oe.getXFormatter(L),l=P.map(t=>t.value),{formatter:g,updateVisibleRange:a,updateLastValues:f}=oe.createAdaptiveYAxisFormatter(l);W.current=a,fe.current=f;const b=e.filter(t=>t.data.length>0).map(t=>t.data[t.data.length-1].value);f(b);const x=Y.getDefaultOptions();o.applyOptions({localization:{...x.localization||{},timeFormatter:r?(t=>r(parseFloat(t),void 0)):void 0},timeScale:{...x.timeScale||{},tickMarkFormatter:r?(t=>r(parseFloat(t),void 0)):void 0,minBarSpacing:0}});const j=(P.length>0?Math.min(...P.map(t=>t.value)):0)<0,y=P.some(t=>t.value===0),d=!j&&y,s=e.length>1,u=s||N,c=G.resolveCSSColor("hsl(var(--foreground))","rgb(0, 0, 0)");o.applyOptions({rightPriceScale:{...x.rightPriceScale||{},visible:!u,textColor:c,...d&&{scaleMargins:{top:.3,bottom:0}}}});const h=new Set(S.current.keys()),w=new Set(e.map(t=>t.label));for(const t of h)if(!w.has(t)){const n=S.current.get(t);n&&(o.removeSeries(n),S.current.delete(t))}const O=Y.getDefaultSeries(),D=[];let k=0;for(let t=0;t<e.length;t++){const n=e[t],ee=H[t%H.length],B=n.color||ee.line;let T,_;if(n.color)if(n.topColor&&n.bottomColor)T=n.topColor,_=n.bottomColor;else if(n.topColor){const C=G.generateColorsFromBase(B);T=n.topColor,_=C.bottomColor}else if(n.bottomColor)T=G.generateColorsFromBase(B).topColor,_=n.bottomColor;else{const C=G.generateColorsFromBase(B);T=C.topColor,_=C.bottomColor}else T=n.topColor||ee.top,_=n.bottomColor||ee.bottom;if(n.data.length===0){const C=S.current.get(n.label);C&&(o.removeSeries(C),S.current.delete(n.label));continue}const me=(n.data.length>0?Math.min(...n.data.map(C=>C.value)):0)<0,pe=n.data.some(C=>C.value===0),be=!me&&pe,te=s?k===0?"right":`scale-${k}`:"right";s&&D.push({priceScaleId:te||"right",shouldPreventNegativeAxis:be,seriesIndex:k});let E=S.current.get(n.label);E?(E.applyOptions({lineColor:B,topColor:T,bottomColor:_,priceScaleId:te,priceFormat:{type:"custom",formatter:g}}),E.setData(n.data)):(E=o.addAreaSeries({...O,lineColor:B,topColor:T,bottomColor:_,priceScaleId:te,priceFormat:{type:"custom",formatter:g}}),E.setData(n.data),S.current.set(n.label,E)),k++}if(s&&D.length>0)for(const t of D)try{const n=o.priceScale(t.priceScaleId);n&&n.applyOptions({visible:!1,autoScale:!0,scaleMargins:{top:.1,bottom:.1,...t.shouldPreventNegativeAxis&&{top:.3,bottom:0}},alignLabels:!0,borderVisible:!0,borderColor:"rgba(224, 227, 235, 0.1)",entireTextOnly:!1,textColor:c})}catch(n){console.warn(`Failed to configure price scale ${t.priceScaleId} for series ${t.seriesIndex}:`,n)}else if(!s)try{const t=o.priceScale("right");t&&t.applyOptions({visible:!N,autoScale:!0,scaleMargins:{top:.1,bottom:.1,...d&&{top:.3,bottom:0}},alignLabels:!0,borderVisible:!0,borderColor:"rgba(224, 227, 235, 0.1)",entireTextOnly:!1,textColor:c})}catch{}const K=new Set(e.map(t=>t.label)),ge=K.size!==X.current.size||[...K].some(t=>!X.current.has(t)),he=P.length!==ae.current;(le.current||ge||he||N)&&(o.timeScale().fitContent(),le.current=!1),X.current=K,ae.current=P.length;const U=new Map;for(const t of e)t.data.length>0&&U.set(t.label,t.data[t.data.length-1]);Q(U.size>0?U:void 0)},[e,P,L,q,N]),i.useEffect(()=>{const o=R.current;if(!o||e.length===0)return;const r=e.length===1;let l;for(const a of e)if(a.data.length>0){l=a.data[a.data.length-1].time;break}if(!l)return;const g=a=>{const{time:f=l,seriesData:b,point:x}=a||{},v=Array.from(S.current.values());if(!x||!f){const d=new Map;for(const s of e)s.data.length>0&&d.set(s.label,s.data[s.data.length-1]);if(Q(d.size>0?d:void 0),r)M(null);else if(v[0]&&l){const u=o.timeScale().timeToCoordinate(l),c=e[0];if(c.data.length>0){const h=c.data[c.data.length-1].value,w=v[0].priceToCoordinate(h);u!==null&&w!==null&&M({x:u,y:w})}}return}const j=new Map;let y;for(let d=0;d<e.length;d++){const s=e[d],u=v[d];if(!u)continue;const c=b?.get(u),h=c&&"value"in c?c.value:void 0,w=s.data[s.data.length-1],O=h!==void 0?h:w?.value??0;d===0&&(y=O),j.set(s.label,{value:O,time:f})}if(Q(j),y!==void 0&&v[0]){const s=o.timeScale().timeToCoordinate(f),u=v[0].priceToCoordinate(y);if(s!==null&&u!==null){const c=F.current;if(c){const h=c.querySelector(".LightweightChart");if(h){const w=h.getBoundingClientRect(),O=c.getBoundingClientRect(),D=s+(w.left-O.left),k=u+(w.top-O.top);M({x:D,y:k})}else M({x:s,y:u})}else M({x:s,y:u})}else M(null)}else M(null)};return o.subscribeCrosshairMove(g),r||requestAnimationFrame(()=>{const a=Array.from(S.current.values());if(a[0]&&l&&e[0]?.data.length>0){const b=o.timeScale().timeToCoordinate(l),x=e[0].data[e[0].data.length-1].value,v=a[0].priceToCoordinate(x);b!==null&&v!==null&&M({x:b,y:v})}}),()=>{o.unsubscribeCrosshairMove(g)}},[e]),i.useEffect(()=>{const o=R.current;if(!o||e.length===0)return;const r=o.timeScale(),l=Math.max(...e.map(a=>a.data.length)),g=()=>{if(l===0)return;const a=r.getVisibleLogicalRange();if(!a)return;const f={from:0,to:l-1},b=typeof a.from=="number"?a.from:0,x=typeof a.to=="number"?a.to:l-1;if(W.current){const d=Math.max(0,Math.floor(b)),s=Math.min(l-1,Math.ceil(x)),u=[];for(const c of e)for(let h=d;h<=s&&h<c.data.length;h++)u.push(c.data[h].value);u.length>0&&W.current(u)}const v=.01;let j=!1;const y={...a};b<f.from-v&&(y.from=f.from,j=!0),x>f.to+v&&(y.to=f.to,j=!0),j&&r.setVisibleLogicalRange(y)};return r.subscribeVisibleLogicalRangeChange(g),()=>{r.unsubscribeVisibleLogicalRangeChange(g)}},[e]),i.useEffect(()=>{const o=R.current,r=Array.from(S.current.values()),l=[];if(o&&r.length>0&&z){const g=Y.getDefaultVerticalLine(),a=r[0];for(const f of z){const b=new Re.VertLine(o,a,f.xCoordinate,{...g,...f.options||{}});a.attachPrimitive(b),l.push(b)}}return()=>{if(r.length>0){const g=r[0];for(const a of l)g.detachPrimitive(a)}}},[z]);const J=e.length===1,ce=re.useMemo(()=>{if(J&&e.length>0){const o=e[0];if(o.data.length>0)return o.data[o.data.length-1]}},[J,e]);return m.jsxs("div",{ref:F,className:ue.cn("relative z-[1] w-full h-full overflow-hidden p-0",V),children:[J&&ce&&m.jsx(Se.GraphCurrentValue,{point:ce,xMeasureUnit:L,yMeasureUnit:q,decimals:ne}),se&&ie&&m.jsx(xe.GraphTooltip,{points:se,xMeasureUnit:L,yMeasureUnit:q,series:e,position:ie,containerRef:F,decimals:ne}),p&&m.jsx(Ve,{series:e,onUnselect:A}),m.jsx("div",{ref:Z,className:"LightweightChart w-full h-full overflow-hidden"})]})}function Ve({series:e,onUnselect:V}){return m.jsx("div",{className:"absolute top-0 left-2 z-[10] flex flex-wrap gap-2",children:e.map((p,A)=>{const L=H[A%H.length],q=p.color||L.line,I=p.data.length===0;return m.jsxs("div",{className:ue.cn("flex items-center gap-1.5 px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",I&&"opacity-50"),children:[m.jsx("div",{className:"w-3 h-3 rounded-sm",style:{backgroundColor:q}}),m.jsxs("span",{className:"text-[10px] sm:text-xs font-medium text-foreground",children:[p.label,I&&" (no data)"]}),V&&m.jsx("button",{type:"button",onClick:z=>{z.stopPropagation(),V(p.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 ${p.label}`,children:m.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:[m.jsx("title",{children:"Close"}),m.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),m.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]},p.label)})})}exports.DEFAULT_SERIES_COLORS=H;exports.Graph=we;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),F=require("sonner"),B=require("../../hooks/use-media-query.cjs"),W=require("../buttons/range-buttons/range-buttons.cjs"),l=require("../graph/graph.cjs"),z=require("../graph/graph-view.cjs"),H=require("./graph-dropdown.cjs"),P=({size:t=16})=>e.jsxs("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-label":"Expand fullscreen",children:[e.jsx("title",{children:"Expand fullscreen"}),e.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"})]}),$=({size:t=16})=>e.jsxs("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-label":"Exit fullscreen",children:[e.jsx("title",{children:"Exit fullscreen"}),e.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"})]});function Q({data:t,yMeasureUnit:n,height:h=306,defaultGraph:g,onGraphSelected:v,graphs:b,isMultipleSelect:y,range:A,rangeList:E,setRange:L,onGraphExpanded:w,isGraphExpanded:R,onUnselectSeries:C,graphsWithNoData:D,loadingGraphs:I,noDataMessage:j="No data available for this graph"}){const a=i.useMemo(()=>Array.isArray(t)?t:t?[t]:[],[t]),S=i.useMemo(()=>Array.isArray(t)&&t.length>1,[t]),k=B.useIsMobile(),O=i.useCallback((c,f)=>{F.toast.error(j)},[j]),N=i.useMemo(()=>{if(n)return Array.isArray(n)?n[0]:n},[n]),M=e.jsxs("div",{className:"z-10 w-full flex flex-row flex-wrap sm:flex-nowrap items-center gap-2",children:[e.jsx("div",{children:v&&b&&g&&e.jsx(H.GraphDropdown,{onSelected:v,items:b,defaultItem:g,multiple:y,graphsWithNoData:D,loadingGraphs:I,onNoDataSelected:O})}),e.jsxs("div",{className:"flex flex-row flex-nowrap justify-start sm:justify-end items-center flex-1",children:[e.jsx(W.RangeButtons,{range:A,rangeList:E,setRange:L}),!k&&w&&e.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:w,children:R?e.jsx($,{size:16}):e.jsx(P,{size:16})})]})]}),u=i.useRef(new Map),x=i.useRef(0),T=i.useMemo(()=>{const c=Array.isArray(n)?n:void 0;return a.map((f,_)=>{const d=f?.title||`Series ${_+1}`;if(!u.current.has(d)){const r=new Set(Array.from(u.current.values()));let o=x.current;for(let s=0;s<l.DEFAULT_SERIES_COLORS.length;s++){const m=(x.current+s)%l.DEFAULT_SERIES_COLORS.length;if(!r.has(m)){o=m;break}}u.current.set(d,o),x.current=(o+1)%l.DEFAULT_SERIES_COLORS.length}const V=u.current.get(d)??0,p=l.DEFAULT_SERIES_COLORS[V%l.DEFAULT_SERIES_COLORS.length];return{data:[...f?.data||[]].sort((r,o)=>{const s=typeof r.time=="number"?r.time:Number(r.time),m=typeof o.time=="number"?o.time:Number(o.time);return s-m}).reduce((r,o)=>{const s=o.time;return r.length===0||r[r.length-1].time!==s?r.push({time:s,value:o.value}):r[r.length-1]={time:s,value:o.value},r},[]),label:d,yMeasureUnit:c?.[_]??(Array.isArray(n)?void 0:n),color:p.line,topColor:p.top,bottomColor:p.bottom}})},[a,n]),q=S&&a.length>0?a.some(c=>!c):!t;return e.jsx("div",{style:{width:"100%",height:h?`${h}px`:void 0},className:"w-full",children:e.jsx(z.GraphViewWithData,{series:T,loading:q,toolbar:M,size:h?"full":"default",containerClassName:"h-full",showLegend:S,onUnselectSeries:C,yMeasureUnit:N})})}exports.TradingView=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),B=require("sonner"),W=require("../../hooks/use-media-query.cjs"),z=require("../buttons/range-buttons/range-buttons.cjs"),l=require("../graph/graph.cjs"),H=require("../graph/graph-view.cjs"),P=require("./graph-dropdown.cjs"),$=({size:t=16})=>e.jsxs("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-label":"Expand fullscreen",children:[e.jsx("title",{children:"Expand fullscreen"}),e.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"})]}),Q=({size:t=16})=>e.jsxs("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-label":"Exit fullscreen",children:[e.jsx("title",{children:"Exit fullscreen"}),e.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"})]});function J({data:t,yMeasureUnit:n,height:h=306,defaultGraph:g,onGraphSelected:v,graphs:b,isMultipleSelect:y,range:A,rangeList:E,setRange:L,onGraphExpanded:w,isGraphExpanded:R,onUnselectSeries:C,graphsWithNoData:D,loadingGraphs:I,noDataMessage:j="No data available for this graph",currentValueDecimals:k}){const a=i.useMemo(()=>Array.isArray(t)?t:t?[t]:[],[t]),S=i.useMemo(()=>Array.isArray(t)&&t.length>1,[t]),O=W.useIsMobile(),N=i.useCallback((c,f)=>{B.toast.error(j)},[j]),M=i.useMemo(()=>{if(n)return Array.isArray(n)?n[0]:n},[n]),T=e.jsxs("div",{className:"z-10 w-full flex flex-row flex-wrap sm:flex-nowrap items-center gap-2",children:[e.jsx("div",{children:v&&b&&g&&e.jsx(P.GraphDropdown,{onSelected:v,items:b,defaultItem:g,multiple:y,graphsWithNoData:D,loadingGraphs:I,onNoDataSelected:N})}),e.jsxs("div",{className:"flex flex-row flex-nowrap justify-start sm:justify-end items-center flex-1",children:[e.jsx(z.RangeButtons,{range:A,rangeList:E,setRange:L}),!O&&w&&e.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:w,children:R?e.jsx(Q,{size:16}):e.jsx($,{size:16})})]})]}),u=i.useRef(new Map),x=i.useRef(0),q=i.useMemo(()=>{const c=Array.isArray(n)?n:void 0;return a.map((f,_)=>{const d=f?.title||`Series ${_+1}`;if(!u.current.has(d)){const r=new Set(Array.from(u.current.values()));let o=x.current;for(let s=0;s<l.DEFAULT_SERIES_COLORS.length;s++){const m=(x.current+s)%l.DEFAULT_SERIES_COLORS.length;if(!r.has(m)){o=m;break}}u.current.set(d,o),x.current=(o+1)%l.DEFAULT_SERIES_COLORS.length}const F=u.current.get(d)??0,p=l.DEFAULT_SERIES_COLORS[F%l.DEFAULT_SERIES_COLORS.length];return{data:[...f?.data||[]].sort((r,o)=>{const s=typeof r.time=="number"?r.time:Number(r.time),m=typeof o.time=="number"?o.time:Number(o.time);return s-m}).reduce((r,o)=>{const s=o.time;return r.length===0||r[r.length-1].time!==s?r.push({time:s,value:o.value}):r[r.length-1]={time:s,value:o.value},r},[]),label:d,yMeasureUnit:c?.[_]??(Array.isArray(n)?void 0:n),color:p.line,topColor:p.top,bottomColor:p.bottom}})},[a,n]),V=S&&a.length>0?a.some(c=>!c):!t;return e.jsx("div",{style:{width:"100%",height:h?`${h}px`:void 0},className:"w-full",children:e.jsx(H.GraphViewWithData,{series:q,loading:V,toolbar:T,size:h?"full":"default",containerClassName:"h-full",showLegend:S,onUnselectSeries:C,yMeasureUnit:M,currentValueDecimals:k})})}exports.TradingView=J;

package/dist/esm/components/graph/default-config.js

@@ -22,6 +22,7 @@ function i() {
       visible: !0
     },
     rightPriceScale: {
+      visible: !0,
       autoScale: !0,
       alignLabels: !0,
       borderVisible: !0,
@@ -87,6 +88,7 @@ const b = {
     visible: !0
   },
   rightPriceScale: {
+    visible: !0,
     autoScale: !0,
     alignLabels: !0,
     borderVisible: !0,

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

@@ -51,7 +51,7 @@ const { MIN_DISPLAY_THRESHOLD: c, MAX_EXPONENTIAL_THRESHOLD: L } = I, H = (t, e,
   token: G,
   none: O
 }, k = (t) => D[t] || D.token;
-function w(t, e, r = 8) {
+function w(t, e, r = 4) {
   if (t === 0)
     return e ? `0 ${e}` : "0";
   const n = t.toLocaleString("en-US", {

package/dist/esm/components/graph/graph-current-value.js

@@ -1,27 +1,28 @@
-import { jsxs as n, jsx as m } from "react/jsx-runtime";
-import { cn as x } from "../../utils/cn.js";
-import { getXFormatter as c, formatExactValue as o } from "./formatters.js";
-function h({
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { cn as i } from "../../utils/cn.js";
+import { getXFormatter as c, formatExactValue as r } from "./formatters.js";
+function u({
   point: e,
-  xMeasureUnit: r,
+  xMeasureUnit: m,
   yMeasureUnit: t,
-  className: l
+  className: s,
+  decimals: o
 }) {
-  const s = c(r)(e.time, r), a = t !== "%" && t !== "$" && t !== "none" ? t : void 0, d = t === "$" ? `$${o(e.value)}` : t === "%" ? `${o(e.value)}%` : o(e.value, a);
-  return /* @__PURE__ */ n(
+  const d = c(m)(e.time, m), n = t !== "%" && t !== "$" && t !== "none" ? t : void 0, x = t === "$" ? `$${r(e.value, void 0, o)}` : t === "%" ? `${r(e.value, void 0, o)}%` : r(e.value, n, o);
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: x(
+      className: i(
         "absolute top-2 left-2 right-2 z-[100] pointer-events-none",
-        l
+        s
       ),
       children: [
-        /* @__PURE__ */ m("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: d }),
-        /* @__PURE__ */ m("div", { className: "text-xs sm:text-sm font-medium text-muted-foreground whitespace-nowrap overflow-hidden text-ellipsis mt-0.5", children: s })
+        /* @__PURE__ */ l("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: x }),
+        /* @__PURE__ */ l("div", { className: "text-xs sm:text-sm font-medium text-muted-foreground whitespace-nowrap overflow-hidden text-ellipsis mt-0.5", children: d })
       ]
     }
   );
 }
 export {
-  h as GraphCurrentValue
+  u as GraphCurrentValue
 };

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

@@ -1,65 +1,66 @@
-import { jsx as m, jsxs as p } from "react/jsx-runtime";
-import { useRef as S, useState as j, useEffect as k } from "react";
-import { cn as P } from "../../utils/cn.js";
-import { getXFormatter as A, formatExactValue as h } from "./formatters.js";
-import { DEFAULT_SERIES_COLORS as y } from "./graph.js";
-function T({
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useRef as j, useState as k, useEffect as P } from "react";
+import { cn as A } from "../../utils/cn.js";
+import { getXFormatter as z, formatExactValue as x } from "./formatters.js";
+import { DEFAULT_SERIES_COLORS as v } from "./graph.js";
+function U({
   points: d,
-  series: v,
-  xMeasureUnit: x,
-  yMeasureUnit: N,
-  className: R,
+  series: N,
+  xMeasureUnit: g,
+  yMeasureUnit: R,
+  className: $,
   position: t,
-  containerRef: g
+  containerRef: b,
+  decimals: u
 }) {
-  const b = S(null), [u, l] = j(t), $ = A(x);
-  k(() => {
+  const w = j(null), [f, l] = k(t), C = z(g);
+  P(() => {
     if (!t) {
       l(t);
       return;
     }
-    const r = g?.current;
+    const r = b?.current;
     if (!r) {
       l(t);
       return;
     }
-    const c = b.current;
+    const c = w.current;
     if (!c) {
       l(t);
       return;
     }
     const o = r.getBoundingClientRect(), i = c.getBoundingClientRect();
     let n = t.x, e = t.y;
-    const s = i.width, f = i.height, a = 8;
+    const s = i.width, p = i.height, a = 8;
     n - s / 2 < a ? n = s / 2 + a : n + s / 2 > o.width - a && (n = o.width - s / 2 - a);
-    const w = f + 8;
-    e - w < a ? e = t.y + 20 : e = t.y - w, l({ x: n, y: e });
-  }, [t, g]);
-  const C = u ? {
-    left: `${u.x}px`,
-    top: `${u.y}px`,
+    const y = p + 8;
+    e - y < a ? e = t.y + 20 : e = t.y - y, l({ x: n, y: e });
+  }, [t, b]);
+  const E = f ? {
+    left: `${f.x}px`,
+    top: `${f.y}px`,
     transform: "translate(-50%, 0)"
     // Center horizontally
   } : {};
   if (d.size === 0)
     return null;
-  const E = Array.from(d.values())[0], F = $(E.time, x);
+  const F = Array.from(d.values())[0], S = C(F.time, g);
   return /* @__PURE__ */ m(
     "div",
     {
-      ref: b,
-      className: P(
+      ref: w,
+      className: A(
         "absolute z-[100] pointer-events-none whitespace-nowrap",
-        R
+        $
       ),
-      style: C,
-      children: /* @__PURE__ */ p("div", { className: "bg-background/90 backdrop-blur-sm rounded border border-border p-1.5 sm:p-2 space-y-1 sm:space-y-1.5", children: [
-        /* @__PURE__ */ m("div", { className: "text-xs sm:text-sm font-medium text-muted-foreground mb-0.5 sm:mb-1 whitespace-nowrap", children: F }),
-        v.map((r, c) => {
+      style: E,
+      children: /* @__PURE__ */ h("div", { className: "bg-background/90 backdrop-blur-sm rounded border border-border p-1.5 sm:p-2 space-y-1 sm:space-y-1.5", children: [
+        /* @__PURE__ */ m("div", { className: "text-xs sm:text-sm font-medium text-muted-foreground mb-0.5 sm:mb-1 whitespace-nowrap", children: S }),
+        N.map((r, c) => {
           const o = d.get(r.label);
           if (!o) return null;
-          const i = y[c % y.length], n = r.color || i.line, e = r.yMeasureUnit || N, s = e !== "%" && e !== "$" && e !== "none" ? e : void 0, f = e === "$" ? `$${h(o.value)}` : e === "%" ? `${h(o.value)}%` : h(o.value, s);
-          return /* @__PURE__ */ p(
+          const i = v[c % v.length], n = r.color || i.line, e = r.yMeasureUnit || R, s = e !== "%" && e !== "$" && e !== "none" ? e : void 0, p = e === "$" ? `$${x(o.value, void 0, u)}` : e === "%" ? `${x(o.value, void 0, u)}%` : x(o.value, s, u);
+          return /* @__PURE__ */ h(
             "div",
             {
               className: "flex items-center gap-1.5 sm:gap-2 text-xs sm:text-sm whitespace-nowrap",
@@ -71,11 +72,11 @@ function T({
                     style: { backgroundColor: n }
                   }
                 ),
-                /* @__PURE__ */ p("span", { className: "text-muted-foreground whitespace-nowrap", children: [
+                /* @__PURE__ */ h("span", { className: "text-muted-foreground whitespace-nowrap", children: [
                   r.label,
                   ":"
                 ] }),
-                /* @__PURE__ */ m("span", { className: "font-medium text-foreground whitespace-nowrap", children: f })
+                /* @__PURE__ */ m("span", { className: "font-medium text-foreground whitespace-nowrap", children: p })
               ]
             },
             r.label
@@ -86,5 +87,5 @@ function T({
   );
 }
 export {
-  T as GraphTooltip
+  U as GraphTooltip
 };

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

@@ -1,16 +1,16 @@
-import { jsxs as $, jsx as S } from "react/jsx-runtime";
-import { createChart as xt } from "lightweight-charts";
+import { jsxs as Y, jsx as S } from "react/jsx-runtime";
+import { createChart as yt } from "lightweight-charts";
 import * as ot from "react";
-import { useRef as C, useState as ct, useEffect as D } from "react";
+import { useRef as C, useState as ut, useEffect as O } from "react";
 import { useIsMobile as Rt } from "../../hooks/use-media-query.js";
-import { cn as gt } from "../../utils/cn.js";
-import { resolveCSSColor as ut, generateColorsFromBase as rt } from "../../utils/colors.js";
-import { getDefaultOptions as ft, getDefaultSeries as wt, getDefaultVerticalLine as yt } from "./default-config.js";
-import { getXFormatter as dt, createAdaptiveYAxisFormatter as Vt } from "./formatters.js";
-import { GraphCurrentValue as Lt } from "./graph-current-value.js";
-import { GraphTooltip as Pt } from "./graph-tooltip.js";
-import { VertLine as Mt } from "./plugins/vertical-line.js";
-const Y = [
+import { cn as mt } from "../../utils/cn.js";
+import { resolveCSSColor as ft, generateColorsFromBase as rt } from "../../utils/colors.js";
+import { getDefaultOptions as dt, getDefaultSeries as wt, getDefaultVerticalLine as Vt } from "./default-config.js";
+import { getXFormatter as gt, createAdaptiveYAxisFormatter as Lt } from "./formatters.js";
+import { GraphCurrentValue as Pt } from "./graph-current-value.js";
+import { GraphTooltip as Mt } from "./graph-tooltip.js";
+import { VertLine as At } from "./plugins/vertical-line.js";
+const $ = [
   {
     line: "#02c39a",
     top: "rgba(2, 195, 154, 0.56)",
@@ -52,51 +52,52 @@ const Y = [
     bottom: "rgba(6, 182, 212, 0.04)"
   }
 ];
-function Ht({
-  series: t,
+function Yt({
+  series: o,
   className: H,
-  showLegend: y = !1,
+  showLegend: w = !1,
   onUnselectSeries: q,
   xMeasureUnit: V = "time",
-  yMeasureUnit: O = "token",
+  yMeasureUnit: D = "token",
   optionsOverrides: E,
-  verticalLineOptions: j
+  verticalLineOptions: j,
+  currentValueDecimals: nt
 }) {
-  const x = C(null), b = C(/* @__PURE__ */ new Map()), W = C(!1), X = C(/* @__PURE__ */ new Set()), nt = C(0), at = C(!0), Z = C(
+  const x = C(null), b = C(/* @__PURE__ */ new Map()), W = C(!1), X = C(/* @__PURE__ */ new Set()), at = C(0), lt = C(!0), Z = C(
     null
-  ), mt = C(null), F = C(null), _ = C(null), T = Rt(), L = ot.useMemo(() => t.flatMap((e) => e.data), [t]), ht = ot.useMemo(() => {
-    if (t.length > 0) {
-      const e = t[t.length - 1];
+  ), ht = C(null), A = C(null), _ = C(null), k = Rt(), L = ot.useMemo(() => o.flatMap((e) => e.data), [o]), pt = ot.useMemo(() => {
+    if (o.length > 0) {
+      const e = o[o.length - 1];
       if (e.data.length > 0)
         return e.data[e.data.length - 1];
     }
-  }, [t]), [lt, J] = ct(() => {
-    if (!ht) return;
+  }, [o]), [it, J] = ut(() => {
+    if (!pt) return;
     const e = /* @__PURE__ */ new Map();
-    for (const r of t)
+    for (const r of o)
       r.data.length > 0 && e.set(r.label, r.data[r.data.length - 1]);
     return e;
-  }), [it, P] = ct(null);
-  D(() => {
+  }), [st, P] = ut(null);
+  O(() => {
     const e = () => {
-      if (x.current && F.current) {
-        const f = F.current.clientWidth, a = F.current.clientHeight;
-        x.current.resize(f, a), x.current.timeScale().fitContent();
+      if (x.current && A.current) {
+        const d = A.current.clientWidth, a = A.current.clientHeight;
+        x.current.resize(d, a), x.current.timeScale().fitContent();
       }
-    }, r = F.current, l = r ? new ResizeObserver(e) : null;
+    }, r = A.current, l = r ? new ResizeObserver(e) : null;
     return r && l?.observe(r), () => {
       r && l?.unobserve(r);
     };
-  }, []), D(() => {
+  }, []), O(() => {
     if (!_.current || W.current) return;
-    const e = ft(), r = ut(
+    const e = dt(), r = ft(
       "hsl(var(--foreground))",
       "rgb(0, 0, 0)"
-    ), l = xt(_.current, {
+    ), l = yt(_.current, {
       ...e,
       rightPriceScale: {
         ...e.rightPriceScale || {},
-        visible: !T,
+        visible: !k,
         textColor: r
       },
       ...E
@@ -104,45 +105,45 @@ function Ht({
     return x.current = l, W.current = !0, () => {
       l.remove(), x.current = null, W.current = !1, b.current.clear();
     };
-  }, [T, E]), D(() => {
+  }, [k, E]), O(() => {
     const e = x.current;
-    if (!e || t.length === 0) return;
-    const r = V === "time" ? dt(V, L) : dt(V), l = L.map((o) => o.value), {
-      formatter: f,
+    if (!e || o.length === 0) return;
+    const r = V === "time" ? gt(V, L) : gt(V), l = L.map((t) => t.value), {
+      formatter: d,
       updateVisibleRange: a,
       updateLastValues: u
-    } = Vt(l);
-    Z.current = a, mt.current = u;
-    const m = t.filter((o) => o.data.length > 0).map((o) => o.data[o.data.length - 1].value);
+    } = Lt(l);
+    Z.current = a, ht.current = u;
+    const m = o.filter((t) => t.data.length > 0).map((t) => t.data[t.data.length - 1].value);
     u(m);
-    const v = ft();
+    const v = dt();
     e.applyOptions({
       localization: {
         ...v.localization || {},
         timeFormatter: r ? (
           // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-          ((o) => r(parseFloat(o), void 0))
+          ((t) => r(parseFloat(t), void 0))
         ) : void 0
       },
       timeScale: {
         ...v.timeScale || {},
         tickMarkFormatter: r ? (
           // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-          ((o) => r(parseFloat(o), void 0))
+          ((t) => r(parseFloat(t), void 0))
         ) : void 0,
         minBarSpacing: 0
       }
     });
-    const M = (L.length > 0 ? Math.min(...L.map((o) => o.value)) : 0) < 0, R = L.some((o) => o.value === 0), d = !M && R, i = t.length > 1, c = i || T, s = ut(
+    const M = (L.length > 0 ? Math.min(...L.map((t) => t.value)) : 0) < 0, y = L.some((t) => t.value === 0), f = !M && y, i = o.length > 1, c = i || k, s = ft(
       "hsl(var(--foreground))",
       "rgb(0, 0, 0)"
     );
     e.applyOptions({
       rightPriceScale: {
         ...v.rightPriceScale || {},
-        visible: !T,
+        visible: !c,
         textColor: s,
-        ...d && {
+        ...f && {
           scaleMargins: {
             top: 0.3,
             bottom: 0
@@ -150,75 +151,75 @@ function Ht({
         }
       }
     });
-    const g = new Set(b.current.keys()), w = new Set(t.map((o) => o.label));
-    for (const o of g)
-      if (!w.has(o)) {
-        const n = b.current.get(o);
-        n && (e.removeSeries(n), b.current.delete(o));
+    const g = new Set(b.current.keys()), R = new Set(o.map((t) => t.label));
+    for (const t of g)
+      if (!R.has(t)) {
+        const n = b.current.get(t);
+        n && (e.removeSeries(n), b.current.delete(t));
       }
-    const N = wt(), B = [];
+    const F = wt(), B = [];
     let I = 0;
-    for (let o = 0; o < t.length; o++) {
-      const n = t[o], tt = Y[o % Y.length], G = n.color || tt.line;
-      let A, k;
+    for (let t = 0; t < o.length; t++) {
+      const n = o[t], tt = $[t % $.length], G = n.color || tt.line;
+      let N, T;
       if (n.color)
         if (n.topColor && n.bottomColor)
-          A = n.topColor, k = n.bottomColor;
+          N = n.topColor, T = n.bottomColor;
         else if (n.topColor) {
           const p = rt(G);
-          A = n.topColor, k = p.bottomColor;
+          N = n.topColor, T = p.bottomColor;
         } else if (n.bottomColor)
-          A = rt(G).topColor, k = n.bottomColor;
+          N = rt(G).topColor, T = n.bottomColor;
         else {
           const p = rt(G);
-          A = p.topColor, k = p.bottomColor;
+          N = p.topColor, T = p.bottomColor;
         }
       else
-        A = n.topColor || tt.top, k = n.bottomColor || tt.bottom;
+        N = n.topColor || tt.top, T = n.bottomColor || tt.bottom;
       if (n.data.length === 0) {
         const p = b.current.get(n.label);
         p && (e.removeSeries(p), b.current.delete(n.label));
         continue;
       }
-      const vt = (n.data.length > 0 ? Math.min(...n.data.map((p) => p.value)) : 0) < 0, Ct = n.data.some((p) => p.value === 0), St = !vt && Ct, et = i ? I === 0 ? void 0 : `scale-${I}` : void 0;
+      const Ct = (n.data.length > 0 ? Math.min(...n.data.map((p) => p.value)) : 0) < 0, St = n.data.some((p) => p.value === 0), xt = !Ct && St, et = i ? I === 0 ? "right" : `scale-${I}` : "right";
       i && B.push({
         priceScaleId: et || "right",
-        shouldPreventNegativeAxis: St,
+        shouldPreventNegativeAxis: xt,
         seriesIndex: I
       });
       let z = b.current.get(n.label);
       z ? (z.applyOptions({
         lineColor: G,
-        topColor: A,
-        bottomColor: k,
+        topColor: N,
+        bottomColor: T,
         priceScaleId: et,
         priceFormat: {
           type: "custom",
-          formatter: f
+          formatter: d
         }
       }), z.setData(n.data)) : (z = e.addAreaSeries({
-        ...N,
+        ...F,
         lineColor: G,
-        topColor: A,
-        bottomColor: k,
+        topColor: N,
+        bottomColor: T,
         priceScaleId: et,
         priceFormat: {
           type: "custom",
-          formatter: f
+          formatter: d
         }
       }), z.setData(n.data), b.current.set(n.label, z)), I++;
     }
     if (i && B.length > 0)
-      for (const o of B)
+      for (const t of B)
         try {
-          const n = e.priceScale(o.priceScaleId);
+          const n = e.priceScale(t.priceScaleId);
           n && n.applyOptions({
-            visible: !c,
+            visible: !1,
             autoScale: !0,
             scaleMargins: {
               top: 0.1,
               bottom: 0.1,
-              ...o.shouldPreventNegativeAxis && {
+              ...t.shouldPreventNegativeAxis && {
                 top: 0.3,
                 bottom: 0
               }
@@ -231,62 +232,84 @@ function Ht({
           });
         } catch (n) {
           console.warn(
-            `Failed to configure price scale ${o.priceScaleId} for series ${o.seriesIndex}:`,
+            `Failed to configure price scale ${t.priceScaleId} for series ${t.seriesIndex}:`,
             n
           );
         }
-    const Q = new Set(t.map((o) => o.label)), pt = Q.size !== X.current.size || [...Q].some((o) => !X.current.has(o)), bt = L.length !== nt.current;
-    (at.current || pt || bt || T) && (e.timeScale().fitContent(), at.current = !1), X.current = Q, nt.current = L.length;
+    else if (!i)
+      try {
+        const t = e.priceScale("right");
+        t && t.applyOptions({
+          visible: !k,
+          autoScale: !0,
+          scaleMargins: {
+            top: 0.1,
+            bottom: 0.1,
+            ...f && {
+              top: 0.3,
+              bottom: 0
+            }
+          },
+          alignLabels: !0,
+          borderVisible: !0,
+          borderColor: "rgba(224, 227, 235, 0.1)",
+          entireTextOnly: !1,
+          textColor: s
+        });
+      } catch {
+      }
+    const Q = new Set(o.map((t) => t.label)), bt = Q.size !== X.current.size || [...Q].some((t) => !X.current.has(t)), vt = L.length !== at.current;
+    (lt.current || bt || vt || k) && (e.timeScale().fitContent(), lt.current = !1), X.current = Q, at.current = L.length;
     const U = /* @__PURE__ */ new Map();
-    for (const o of t)
-      o.data.length > 0 && U.set(o.label, o.data[o.data.length - 1]);
+    for (const t of o)
+      t.data.length > 0 && U.set(t.label, t.data[t.data.length - 1]);
     J(U.size > 0 ? U : void 0);
-  }, [t, L, V, O, T]), D(() => {
+  }, [o, L, V, D, k]), O(() => {
     const e = x.current;
-    if (!e || t.length === 0) return;
-    const r = t.length === 1;
+    if (!e || o.length === 0) return;
+    const r = o.length === 1;
     let l;
-    for (const a of t)
+    for (const a of o)
       if (a.data.length > 0) {
         l = a.data[a.data.length - 1].time;
         break;
       }
     if (!l) return;
-    const f = (a) => {
+    const d = (a) => {
       const { time: u = l, seriesData: m, point: v } = a || {}, h = Array.from(b.current.values());
       if (!v || !u) {
-        const d = /* @__PURE__ */ new Map();
-        for (const i of t)
-          i.data.length > 0 && d.set(i.label, i.data[i.data.length - 1]);
-        if (J(d.size > 0 ? d : void 0), r)
+        const f = /* @__PURE__ */ new Map();
+        for (const i of o)
+          i.data.length > 0 && f.set(i.label, i.data[i.data.length - 1]);
+        if (J(f.size > 0 ? f : void 0), r)
           P(null);
         else if (h[0] && l) {
-          const c = e.timeScale().timeToCoordinate(l), s = t[0];
+          const c = e.timeScale().timeToCoordinate(l), s = o[0];
           if (s.data.length > 0) {
-            const g = s.data[s.data.length - 1].value, w = h[0].priceToCoordinate(g);
-            c !== null && w !== null && P({ x: c, y: w });
+            const g = s.data[s.data.length - 1].value, R = h[0].priceToCoordinate(g);
+            c !== null && R !== null && P({ x: c, y: R });
           }
         }
         return;
       }
       const M = /* @__PURE__ */ new Map();
-      let R;
-      for (let d = 0; d < t.length; d++) {
-        const i = t[d], c = h[d];
+      let y;
+      for (let f = 0; f < o.length; f++) {
+        const i = o[f], c = h[f];
         if (!c) continue;
-        const s = m?.get(c), g = s && "value" in s ? s.value : void 0, w = i.data[i.data.length - 1], N = g !== void 0 ? g : w?.value ?? 0;
-        d === 0 && (R = N), M.set(i.label, { value: N, time: u });
+        const s = m?.get(c), g = s && "value" in s ? s.value : void 0, R = i.data[i.data.length - 1], F = g !== void 0 ? g : R?.value ?? 0;
+        f === 0 && (y = F), M.set(i.label, { value: F, time: u });
       }
-      if (J(M), R !== void 0 && h[0]) {
-        const i = e.timeScale().timeToCoordinate(u), c = h[0].priceToCoordinate(R);
+      if (J(M), y !== void 0 && h[0]) {
+        const i = e.timeScale().timeToCoordinate(u), c = h[0].priceToCoordinate(y);
         if (i !== null && c !== null) {
-          const s = F.current;
+          const s = A.current;
           if (s) {
             const g = s.querySelector(
               ".LightweightChart"
             );
             if (g) {
-              const w = g.getBoundingClientRect(), N = s.getBoundingClientRect(), B = i + (w.left - N.left), I = c + (w.top - N.top);
+              const R = g.getBoundingClientRect(), F = s.getBoundingClientRect(), B = i + (R.left - F.left), I = c + (R.top - F.top);
               P({ x: B, y: I });
             } else
               P({ x: i, y: c });
@@ -297,19 +320,19 @@ function Ht({
       } else
         P(null);
     };
-    return e.subscribeCrosshairMove(f), r || requestAnimationFrame(() => {
+    return e.subscribeCrosshairMove(d), r || requestAnimationFrame(() => {
       const a = Array.from(b.current.values());
-      if (a[0] && l && t[0]?.data.length > 0) {
-        const m = e.timeScale().timeToCoordinate(l), v = t[0].data[t[0].data.length - 1].value, h = a[0].priceToCoordinate(v);
+      if (a[0] && l && o[0]?.data.length > 0) {
+        const m = e.timeScale().timeToCoordinate(l), v = o[0].data[o[0].data.length - 1].value, h = a[0].priceToCoordinate(v);
         m !== null && h !== null && P({ x: m, y: h });
       }
     }), () => {
-      e.unsubscribeCrosshairMove(f);
+      e.unsubscribeCrosshairMove(d);
     };
-  }, [t]), D(() => {
+  }, [o]), O(() => {
     const e = x.current;
-    if (!e || t.length === 0) return;
-    const r = e.timeScale(), l = Math.max(...t.map((a) => a.data.length)), f = () => {
+    if (!e || o.length === 0) return;
+    const r = e.timeScale(), l = Math.max(...o.map((a) => a.data.length)), d = () => {
       if (l === 0) return;
       const a = r.getVisibleLogicalRange();
       if (!a) return;
@@ -318,29 +341,29 @@ function Ht({
         to: l - 1
       }, m = typeof a.from == "number" ? a.from : 0, v = typeof a.to == "number" ? a.to : l - 1;
       if (Z.current) {
-        const d = Math.max(0, Math.floor(m)), i = Math.min(l - 1, Math.ceil(v)), c = [];
-        for (const s of t)
-          for (let g = d; g <= i && g < s.data.length; g++)
+        const f = Math.max(0, Math.floor(m)), i = Math.min(l - 1, Math.ceil(v)), c = [];
+        for (const s of o)
+          for (let g = f; g <= i && g < s.data.length; g++)
             c.push(s.data[g].value);
         c.length > 0 && Z.current(c);
       }
       const h = 0.01;
       let M = !1;
-      const R = { ...a };
-      m < u.from - h && (R.from = u.from, M = !0), v > u.to + h && (R.to = u.to, M = !0), M && r.setVisibleLogicalRange(R);
+      const y = { ...a };
+      m < u.from - h && (y.from = u.from, M = !0), v > u.to + h && (y.to = u.to, M = !0), M && r.setVisibleLogicalRange(y);
     };
-    return r.subscribeVisibleLogicalRangeChange(f), () => {
+    return r.subscribeVisibleLogicalRangeChange(d), () => {
       r.unsubscribeVisibleLogicalRangeChange(
-        f
+        d
       );
     };
-  }, [t]), D(() => {
+  }, [o]), O(() => {
     const e = x.current, r = Array.from(b.current.values()), l = [];
     if (e && r.length > 0 && j) {
-      const f = yt(), a = r[0];
+      const d = Vt(), a = r[0];
       for (const u of j) {
-        const m = new Mt(e, a, u.xCoordinate, {
-          ...f,
+        const m = new At(e, a, u.xCoordinate, {
+          ...d,
           ...u.options || {}
         });
         a.attachPrimitive(m), l.push(m);
@@ -348,48 +371,50 @@ function Ht({
     }
     return () => {
       if (r.length > 0) {
-        const f = r[0];
+        const d = r[0];
         for (const a of l)
-          f.detachPrimitive(a);
+          d.detachPrimitive(a);
       }
     };
   }, [j]);
-  const K = t.length === 1, st = ot.useMemo(() => {
-    if (K && t.length > 0) {
-      const e = t[0];
+  const K = o.length === 1, ct = ot.useMemo(() => {
+    if (K && o.length > 0) {
+      const e = o[0];
       if (e.data.length > 0)
         return e.data[e.data.length - 1];
     }
-  }, [K, t]);
-  return /* @__PURE__ */ $(
+  }, [K, o]);
+  return /* @__PURE__ */ Y(
     "div",
     {
-      ref: F,
-      className: gt(
+      ref: A,
+      className: mt(
         "relative z-[1] w-full h-full overflow-hidden p-0",
         H
       ),
       children: [
-        K && st && /* @__PURE__ */ S(
-          Lt,
+        K && ct && /* @__PURE__ */ S(
+          Pt,
           {
-            point: st,
+            point: ct,
             xMeasureUnit: V,
-            yMeasureUnit: O
+            yMeasureUnit: D,
+            decimals: nt
           }
         ),
-        lt && it && /* @__PURE__ */ S(
-          Pt,
+        it && st && /* @__PURE__ */ S(
+          Mt,
           {
-            points: lt,
+            points: it,
             xMeasureUnit: V,
-            yMeasureUnit: O,
-            series: t,
-            position: it,
-            containerRef: F
+            yMeasureUnit: D,
+            series: o,
+            position: st,
+            containerRef: A,
+            decimals: nt
           }
         ),
-        y && /* @__PURE__ */ S(Ft, { series: t, onUnselect: q }),
+        w && /* @__PURE__ */ S(Ft, { series: o, onUnselect: q }),
         /* @__PURE__ */ S(
           "div",
           {
@@ -402,15 +427,15 @@ function Ht({
   );
 }
 function Ft({
-  series: t,
+  series: o,
   onUnselect: H
 }) {
-  return /* @__PURE__ */ S("div", { className: "absolute top-0 left-2 z-[10] flex flex-wrap gap-2", children: t.map((y, q) => {
-    const V = Y[q % Y.length], O = y.color || V.line, E = y.data.length === 0;
-    return /* @__PURE__ */ $(
+  return /* @__PURE__ */ S("div", { className: "absolute top-0 left-2 z-[10] flex flex-wrap gap-2", children: o.map((w, q) => {
+    const V = $[q % $.length], D = w.color || V.line, E = w.data.length === 0;
+    return /* @__PURE__ */ Y(
       "div",
       {
-        className: gt(
+        className: mt(
           "flex items-center gap-1.5 px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",
           E && "opacity-50"
         ),
@@ -419,11 +444,11 @@ function Ft({
             "div",
             {
               className: "w-3 h-3 rounded-sm",
-              style: { backgroundColor: O }
+              style: { backgroundColor: D }
             }
           ),
-          /* @__PURE__ */ $("span", { className: "text-[10px] sm:text-xs font-medium text-foreground", children: [
-            y.label,
+          /* @__PURE__ */ Y("span", { className: "text-[10px] sm:text-xs font-medium text-foreground", children: [
+            w.label,
             E && " (no data)"
           ] }),
           H && /* @__PURE__ */ S(
@@ -431,11 +456,11 @@ function Ft({
             {
               type: "button",
               onClick: (j) => {
-                j.stopPropagation(), H(y.label);
+                j.stopPropagation(), H(w.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 ${y.label}`,
-              children: /* @__PURE__ */ $(
+              "aria-label": `Remove ${w.label}`,
+              children: /* @__PURE__ */ Y(
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -460,11 +485,11 @@ function Ft({
           )
         ]
       },
-      y.label
+      w.label
     );
   }) });
 }
 export {
-  Y as DEFAULT_SERIES_COLORS,
-  Ht as Graph
+  $ as DEFAULT_SERIES_COLORS,
+  Yt as Graph
 };

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

@@ -1,12 +1,12 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import { useMemo as d, useCallback as H, useRef as D } from "react";
-import { toast as O } from "sonner";
-import { useIsMobile as $ } from "../../hooks/use-media-query.js";
-import { RangeButtons as P } from "../buttons/range-buttons/range-buttons.js";
+import { useMemo as d, useCallback as O, useRef as D } from "react";
+import { toast as $ } from "sonner";
+import { useIsMobile as P } from "../../hooks/use-media-query.js";
+import { RangeButtons as q } from "../buttons/range-buttons/range-buttons.js";
 import { DEFAULT_SERIES_COLORS as i } from "../graph/graph.js";
-import { GraphViewWithData as q } from "../graph/graph-view.js";
-import { GraphDropdown as J } from "./graph-dropdown.js";
-const K = ({ size: e = 16 }) => /* @__PURE__ */ f(
+import { GraphViewWithData as J } from "../graph/graph-view.js";
+import { GraphDropdown as K } from "./graph-dropdown.js";
+const Q = ({ size: e = 16 }) => /* @__PURE__ */ f(
   "svg",
   {
     width: e,
@@ -23,7 +23,7 @@ const K = ({ size: e = 16 }) => /* @__PURE__ */ f(
       /* @__PURE__ */ t("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" })
     ]
   }
-), Q = ({ size: e = 16 }) => /* @__PURE__ */ f(
+), X = ({ size: e = 16 }) => /* @__PURE__ */ f(
   "svg",
   {
     width: e,
@@ -41,7 +41,7 @@ const K = ({ size: e = 16 }) => /* @__PURE__ */ f(
     ]
   }
 );
-function ie({
+function se({
   data: e,
   yMeasureUnit: n,
   height: h = 306,
@@ -57,19 +57,20 @@ function ie({
   onUnselectSeries: j,
   graphsWithNoData: R,
   loadingGraphs: V,
-  noDataMessage: A = "No data available for this graph"
+  noDataMessage: A = "No data available for this graph",
+  currentValueDecimals: B
 }) {
-  const s = d(() => Array.isArray(e) ? e : e ? [e] : [], [e]), k = d(() => Array.isArray(e) && e.length > 1, [e]), B = $(), M = H(
+  const s = d(() => Array.isArray(e) ? e : e ? [e] : [], [e]), k = d(() => Array.isArray(e) && e.length > 1, [e]), M = P(), _ = O(
     (c, x) => {
-      O.error(A);
+      $.error(A);
     },
     [A]
-  ), _ = d(() => {
+  ), F = d(() => {
     if (n)
       return Array.isArray(n) ? n[0] : n;
-  }, [n]), F = /* @__PURE__ */ f("div", { className: "z-10 w-full flex flex-row flex-wrap sm:flex-nowrap items-center gap-2", children: [
+  }, [n]), T = /* @__PURE__ */ f("div", { className: "z-10 w-full flex flex-row flex-wrap sm:flex-nowrap items-center gap-2", children: [
     /* @__PURE__ */ t("div", { children: b && w && g && /* @__PURE__ */ t(
-      J,
+      K,
       {
         onSelected: b,
         items: w,
@@ -77,22 +78,22 @@ function ie({
         multiple: I,
         graphsWithNoData: R,
         loadingGraphs: V,
-        onNoDataSelected: M
+        onNoDataSelected: _
       }
     ) }),
     /* @__PURE__ */ f("div", { className: "flex flex-row flex-nowrap justify-start sm:justify-end items-center flex-1", children: [
-      /* @__PURE__ */ t(P, { range: N, rangeList: L, setRange: E }),
-      !B && y && /* @__PURE__ */ t(
+      /* @__PURE__ */ t(q, { range: N, rangeList: L, setRange: E }),
+      !M && y && /* @__PURE__ */ t(
         "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: S ? /* @__PURE__ */ t(Q, { size: 16 }) : /* @__PURE__ */ t(K, { size: 16 })
+          children: S ? /* @__PURE__ */ t(X, { size: 16 }) : /* @__PURE__ */ t(Q, { size: 16 })
         }
       )
     ] })
-  ] }), a = D(/* @__PURE__ */ new Map()), p = D(0), T = d(() => {
+  ] }), a = D(/* @__PURE__ */ new Map()), p = D(0), W = d(() => {
     const c = Array.isArray(n) ? n : void 0;
     return s.map((x, C) => {
       const u = x?.title || `Series ${C + 1}`;
@@ -110,7 +111,7 @@ function ie({
         }
         a.current.set(u, o), p.current = (o + 1) % i.length;
       }
-      const z = a.current.get(u) ?? 0, v = i[z % i.length];
+      const H = a.current.get(u) ?? 0, v = i[H % i.length];
       return {
         data: [...x?.data || []].sort((r, o) => {
           const l = typeof r.time == "number" ? r.time : Number(r.time), m = typeof o.time == "number" ? o.time : Number(o.time);
@@ -132,7 +133,7 @@ function ie({
         bottomColor: v.bottom
       };
     });
-  }, [s, n]), W = k && s.length > 0 ? s.some((c) => !c) : !e;
+  }, [s, n]), z = k && s.length > 0 ? s.some((c) => !c) : !e;
   return /* @__PURE__ */ t(
     "div",
     {
@@ -142,21 +143,22 @@ function ie({
       },
       className: "w-full",
       children: /* @__PURE__ */ t(
-        q,
+        J,
         {
-          series: T,
-          loading: W,
-          toolbar: F,
+          series: W,
+          loading: z,
+          toolbar: T,
           size: h ? "full" : "default",
           containerClassName: "h-full",
           showLegend: k,
           onUnselectSeries: j,
-          yMeasureUnit: _
+          yMeasureUnit: F,
+          currentValueDecimals: B
         }
       )
     }
   );
 }
 export {
-  ie as TradingView
+  se as TradingView
 };

package/dist/types/components/graph/graph-current-value.d.ts

@@ -5,9 +5,14 @@ export interface GraphCurrentValueProps {
     xMeasureUnit: XMeasureUnits;
     yMeasureUnit: YMeasureUnits;
     className?: string;
+    /**
+     * Number of decimal places for current value display.
+     * If 0, rounds to whole numbers. Default is 4.
+     */
+    decimals?: number;
 }
 /**
  * GraphCurrentValue component displays the current value in single mode
  * without background, border, or legend - just date and value
  */
-export declare function GraphCurrentValue({ point, xMeasureUnit, yMeasureUnit, className, }: GraphCurrentValueProps): React.ReactElement;
+export declare function GraphCurrentValue({ point, xMeasureUnit, yMeasureUnit, className, decimals, }: GraphCurrentValueProps): React.ReactElement;

package/dist/types/components/graph/graph-tooltip.d.ts

@@ -16,9 +16,14 @@ export interface GraphTooltipProps {
     };
     /** Container element to constrain tooltip within bounds */
     containerRef?: React.RefObject<HTMLElement | null>;
+    /**
+     * Number of decimal places for value display.
+     * If 0, rounds to whole numbers. Default is 4.
+     */
+    decimals?: number;
 }
 /**
  * GraphTooltip component displays the current value and time on the graph
  * Supports single or multiple series
  */
-export declare function GraphTooltip({ points, series, xMeasureUnit, yMeasureUnit, className, position, containerRef, }: GraphTooltipProps): React.ReactElement | null;
+export declare function GraphTooltip({ points, series, xMeasureUnit, yMeasureUnit, className, position, containerRef, decimals, }: GraphTooltipProps): React.ReactElement | null;

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

@@ -38,11 +38,16 @@ export interface GraphProps {
         xCoordinate: Time;
         options?: VerticalLineOptions;
     }>;
+    /**
+     * Number of decimal places for current value display.
+     * If 0, rounds to whole numbers. Default is 4.
+     */
+    currentValueDecimals?: number;
 }
 /**
  * Graph component that renders a chart using lightweight-charts library
  * with support for area series, custom tooltips, and vertical line annotations
  * Supports single or multiple series with different colors and legends
  */
-export declare function Graph({ series, className, showLegend, onUnselectSeries, xMeasureUnit, yMeasureUnit, optionsOverrides, verticalLineOptions, }: GraphProps): React.ReactElement;
+export declare function Graph({ series, className, showLegend, onUnselectSeries, xMeasureUnit, yMeasureUnit, optionsOverrides, verticalLineOptions, currentValueDecimals, }: GraphProps): React.ReactElement;
 export {};

package/dist/types/components/trading-view/trading-view.d.ts

@@ -52,6 +52,11 @@ export interface TradingViewProps<T extends string = string> {
     loadingGraphs?: Set<T>;
     /** Message to show when user selects a graph with no data */
     noDataMessage?: string;
+    /**
+     * Number of decimal places for current value display.
+     * If 0, rounds to whole numbers. Default is 8 (full precision).
+     */
+    currentValueDecimals?: number;
 }
 /**
  * TradingView — comprehensive charting component with graph selection and time range controls.
@@ -108,4 +113,4 @@ export interface TradingViewProps<T extends string = string> {
  * />
  * ```
  */
-export declare function TradingView<T extends string = string>({ data, yMeasureUnit, height, defaultGraph, onGraphSelected, graphs, isMultipleSelect, range, rangeList, setRange, onGraphExpanded, isGraphExpanded, onUnselectSeries, graphsWithNoData, loadingGraphs, noDataMessage, }: TradingViewProps<T>): React.ReactElement;
+export declare function TradingView<T extends string = string>({ data, yMeasureUnit, height, defaultGraph, onGraphSelected, graphs, isMultipleSelect, range, rangeList, setRange, onGraphExpanded, isGraphExpanded, onUnselectSeries, graphsWithNoData, loadingGraphs, noDataMessage, currentValueDecimals, }: TradingViewProps<T>): React.ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.17.7",
+  "version": "1.17.9",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",