@gearbox-protocol/permissionless-ui 1.17.0 → 1.17.2

package/dist/cjs/components/asset-line/asset-line.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),T=require("react"),g=require("../description/description.cjs"),h=require("../short-string/short-string.cjs"),l=require("../table/grid-table.cjs"),L=require("../token-symbol/token-symbol.cjs"),x=require("../vspace/vspace.cjs"),R=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk");function w(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const A=w(T),C={default:24,sm:20,md:24,lg:28},S={default:0,sm:2,md:4,lg:4},b=A.forwardRef(({token:t,tokenLabel:s,tokenDescription:r,network:n,chainId:j,value:a,valueDescription:i,size:c="default",iconSize:p=c,gapSize:d=c,last:_,symbolMaxLength:q,descriptionMaxLength:y,onSelect:m,hideValue:u=!1,className:N},O)=>{const o=s||t?.title,f=c==="md"?"default":c;return e.jsxs(l.GridTableRow,{ref:O,className:R.cn(_&&"[&>*]:border-0",m&&"cursor-pointer",N),onClick:m,cols:u?"1fr":"1fr 1fr",children:[e.jsx(l.GridTableCell,{size:f,className:"text-left",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(L.TokenSymbol,{token:t,size:C[p],chainId:j,network:n}),e.jsxs("div",{className:"flex-1 min-w-0",children:[o&&e.jsx(h.ShortString,{maxLength:q,children:o}),o&&r&&e.jsx(x.VSpace,{height:S[d]}),r&&e.jsx(g.Description,{children:e.jsx(h.ShortString,{maxLength:y,children:String(r)})})]})]})}),!u&&e.jsxs(l.GridTableCell,{size:f,className:"text-right",children:[a,a&&i&&e.jsx(x.VSpace,{height:S[d]}),i&&e.jsx(g.Description,{children:i})]})]})});b.displayName="AssetLine";exports.AssetLine=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),T=require("react"),g=require("../description/description.cjs"),h=require("../short-string/short-string.cjs"),l=require("../table/grid-table.cjs"),R=require("../token-symbol/token-symbol.cjs"),x=require("../vspace/vspace.cjs"),L=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk");function w(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const A=w(T),C={default:24,sm:20,md:24,lg:28},S={default:0,sm:2,md:4,lg:4},b=A.forwardRef(({token:t,tokenLabel:s,tokenDescription:r,network:n,chainId:j,value:a,valueDescription:o,size:c="default",iconSize:p=c,gapSize:d=c,last:_,symbolMaxLength:q,descriptionMaxLength:y,onSelect:m,hideValue:u=!1,className:N},O)=>{const i=s||t?.title,f=c==="md"?"default":c;return e.jsxs(l.GridTableRow,{ref:O,className:L.cn(_&&"[&>*]:border-0",m&&"cursor-pointer",N),onClick:m,cols:u?"1fr":"1fr 1fr",noRound:!0,children:[e.jsx(l.GridTableCell,{size:f,className:"text-left",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(R.TokenSymbol,{token:t,size:C[p],chainId:j,network:n}),e.jsxs("div",{className:"flex-1 min-w-0",children:[i&&e.jsx(h.ShortString,{maxLength:q,children:i}),i&&r&&e.jsx(x.VSpace,{height:S[d]}),r&&e.jsx(g.Description,{children:e.jsx(h.ShortString,{maxLength:y,children:String(r)})})]})]})}),!u&&e.jsxs(l.GridTableCell,{size:f,className:"text-right",children:[a,a&&o&&e.jsx(x.VSpace,{height:S[d]}),o&&e.jsx(g.Description,{children:o})]})]})});b.displayName="AssetLine";exports.AssetLine=b;

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

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

package/dist/cjs/components/options-list/options-list.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("react"),c=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk");function b(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const a=b(m);function x({className:e,children:r,...t}){const l=a.Children.toArray(r).length,f=a.Children.map(r,(o,i)=>{if(a.isValidElement(o)){const u=i===0,d=i===l-1;return a.cloneElement(o,{first:u,last:d})}return o});return n.jsx("div",{className:c.cn("m-0 p-0 w-full flex flex-wrap",e),...t,children:f})}function p({icon:e,title:r,subTitle:t,onClick:s,endingIcon:l,first:f=!1,last:o=!1,className:i}){return n.jsxs("button",{type:"button",onClick:s,className:c.cn("relative z-0 pt-5 px-4 flex flex-row items-start gap-4 w-full cursor-pointer text-left","before:absolute before:-z-10 before:left-0 before:hidden before:w-full before:inset-y-0 before:content-[''] before:bg-foreground/10 before:rounded-lg","hover:before:block",!o&&"after:absolute after:bottom-0 after:left-0 after:w-full after:h-px after:content-[''] after:bg-border",i),children:[e&&n.jsx("div",{className:"w-6 h-6 text-muted-foreground flex items-center justify-center",children:e}),n.jsx("div",{className:"pb-5 flex-1 flex flex-col gap-2",children:n.jsxs("div",{className:"flex flex-col gap-1.5",children:[n.jsx("div",{className:"text-base leading-[1.2] font-medium",children:r}),t&&n.jsx("div",{className:"text-sm text-muted-foreground",children:t})]})}),l&&n.jsx("div",{className:"ml-4 text-muted-foreground transition-colors",children:l})]})}exports.OptionsItem=p;exports.OptionsList=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("react"),c=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk");function b(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=b(m);function x({className:e,children:r,...t}){const l=i.Children.toArray(r).length,a=i.Children.map(r,(s,f)=>{if(i.isValidElement(s)){const u=f===0,d=f===l-1;return i.cloneElement(s,{first:u,last:d})}return s});return n.jsx("div",{className:c.cn("m-0 p-0 w-full flex flex-wrap",e),...t,children:a})}function p({icon:e,title:r,subTitle:t,onClick:o,endingIcon:l,last:a=!1,className:s}){return n.jsxs("button",{type:"button",onClick:o,className:c.cn("relative z-0 pt-5 px-4 flex flex-row items-start gap-4 w-full cursor-pointer text-left","before:absolute before:-z-10 before:left-0 before:hidden before:w-full before:inset-y-0 before:content-[''] before:bg-foreground/10 before:rounded-lg","hover:before:block",!a&&"after:absolute after:bottom-0 after:left-0 after:w-full after:h-px after:content-[''] after:bg-border",s),children:[e&&n.jsx("div",{className:"w-6 h-6 text-muted-foreground flex items-center justify-center",children:e}),n.jsx("div",{className:"pb-5 flex-1 flex flex-col gap-2",children:n.jsxs("div",{className:"flex flex-col gap-1.5",children:[n.jsx("div",{className:"text-base leading-[1.2] font-medium",children:r}),t&&n.jsx("div",{className:"text-sm text-muted-foreground",children:t})]})}),l&&n.jsx("div",{className:"ml-4 text-muted-foreground transition-colors",children:l})]})}exports.OptionsItem=p;exports.OptionsList=x;

package/dist/cjs/components/table/grid-table.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("class-variance-authority"),V=require("react"),u=require("../layout/col/col.cjs"),m=require("../layout/grid/grid.cjs"),l=require("../../utils/cn.cjs");function _(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const d=_(V),p=n.cva("w-full",{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),T=d.forwardRef(({className:e,size:a,cols:t=12,gap:r=0,...s},o)=>i.jsx("div",{className:"relative w-full overflow-auto",children:i.jsx(m.Grid,{ref:o,cols:t,gap:r,className:l.cn(p({size:a,className:e})),...s})}));T.displayName="GridTable";const y=d.forwardRef(({className:e,...a},t)=>i.jsx("div",{ref:t,className:l.cn("contents [&>*]:border-b [&>*]:border-border",e),...a}));y.displayName="GridTableHeader";const g=d.forwardRef(({className:e,...a},t)=>i.jsx("div",{ref:t,className:l.cn("contents [&>*:last-child>*]:border-0",e),...a}));g.displayName="GridTableBody";const x=d.forwardRef(({className:e,...a},t)=>i.jsx("div",{ref:t,className:l.cn("contents [&>*]:border-t [&>*]:bg-muted/50 [&>*]:font-medium",e),...a}));x.displayName="GridTableFooter";const G=d.forwardRef(({className:e,cols:a,gap:t=0,last:r,height:s,hideValue:o,noHover:w,style:R,...h},C)=>{const f=typeof s=="number"?`${s}px`:s;return i.jsx(m.Grid,{ref:C,cols:a,gap:t,className:l.cn("contents md:[&>*]:border-b [&>*]:border-border [&>*]:transition-colors data-[state=selected]:[&>*]:bg-muted",!w&&["[&>*]:relative [&>*]:z-0","[&>*]:before:absolute [&>*]:before:inset-0 [&>*]:before:-z-10 [&>*]:before:bg-muted/50 [&>*]:before:opacity-0 [&>*]:before:transition-opacity","hover:[&>*]:before:opacity-100","[&>*:first-child]:before:rounded-l-lg [&>*:last-child]:before:rounded-r-lg"],r&&"[&>*]:border-b-0",o&&"[&>*]:opacity-0",e),style:{...R,...f?{height:f}:{}},...h})});G.displayName="GridTableRow";const j=n.cva("flex items-center justify-startborder-b text-left align-middle font-medium text-muted-foreground !bg-transparent",{variants:{size:{sm:"min-h-8 px-1 py-2 text-xs",default:"min-h-10 px-2 py-2.5",lg:"min-h-12 px-4 py-3"},justify:{start:"justify-start",center:"justify-center",end:"justify-end"}},defaultVariants:{size:"default",justify:"start"}}),c=d.forwardRef(({className:e,size:a,span:t=1,justify:r="start",...s},o)=>i.jsx(u.Col,{ref:o,span:t,className:l.cn(j({size:a,justify:r,className:e})),...s}));c.displayName="GridTableHead";const N=n.cva("align-middle",{variants:{size:{sm:"p-2",default:"p-4",lg:"p-6"},textAlign:{left:"text-left",center:"text-center",right:"text-right"}},defaultVariants:{size:"default"}}),b=d.forwardRef(({className:e,size:a,span:t=1,textAlign:r,...s},o)=>i.jsx(u.Col,{ref:o,span:t,className:l.cn(N({size:a,textAlign:r,className:e})),...s}));b.displayName="GridTableCell";const v=d.forwardRef(({className:e,...a},t)=>i.jsx("div",{ref:t,className:l.cn("col-span-full mt-4 text-sm text-muted-foreground",e),...a}));v.displayName="GridTableCaption";const z=b,H=c;exports.GridTable=T;exports.GridTableBody=g;exports.GridTableCaption=v;exports.GridTableCell=b;exports.GridTableFooter=x;exports.GridTableHead=c;exports.GridTableHeader=y;exports.GridTableRow=G;exports.Td=z;exports.Th=H;exports.gridTableCellVariants=N;exports.gridTableHeadVariants=j;exports.gridTableVariants=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("class-variance-authority"),_=require("react"),u=require("../layout/col/col.cjs"),m=require("../layout/grid/grid.cjs"),l=require("../../utils/cn.cjs");function z(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const d=z(_),p=n.cva("w-full",{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),T=d.forwardRef(({className:e,size:a,cols:t=12,gap:r=0,...s},o)=>i.jsx("div",{className:"relative w-full overflow-auto",children:i.jsx(m.Grid,{ref:o,cols:t,gap:r,className:l.cn(p({size:a,className:e})),...s})}));T.displayName="GridTable";const y=d.forwardRef(({className:e,...a},t)=>i.jsx("div",{ref:t,className:l.cn("contents [&>*]:border-b [&>*]:border-border",e),...a}));y.displayName="GridTableHeader";const g=d.forwardRef(({className:e,...a},t)=>i.jsx("div",{ref:t,className:l.cn("contents [&>*:last-child>*]:border-0",e),...a}));g.displayName="GridTableBody";const x=d.forwardRef(({className:e,...a},t)=>i.jsx("div",{ref:t,className:l.cn("contents [&>*]:border-t [&>*]:bg-muted/50 [&>*]:font-medium",e),...a}));x.displayName="GridTableFooter";const G=d.forwardRef(({className:e,cols:a,gap:t=0,last:r,height:s,hideValue:o,noHover:w,noRound:R,style:h,...C},V)=>{const f=typeof s=="number"?`${s}px`:s;return i.jsx(m.Grid,{ref:V,cols:a,gap:t,className:l.cn("contents md:[&>*]:border-b [&>*]:border-border [&>*]:transition-colors data-[state=selected]:[&>*]:bg-muted",!w&&["[&>*]:relative [&>*]:z-0","[&>*]:before:absolute [&>*]:before:inset-0 [&>*]:before:-z-10 [&>*]:before:bg-muted/50 [&>*]:before:opacity-0 [&>*]:before:transition-opacity","hover:[&>*]:before:opacity-100",!R&&"[&>*:first-child]:before:rounded-l-lg [&>*:last-child]:before:rounded-r-lg"],r&&"[&>*]:border-b-0",o&&"[&>*]:opacity-0",e),style:{...h,...f?{height:f}:{}},...C})});G.displayName="GridTableRow";const j=n.cva("flex items-center justify-startborder-b text-left align-middle font-medium text-muted-foreground !bg-transparent",{variants:{size:{sm:"min-h-8 px-1 py-2 text-xs",default:"min-h-10 px-2 py-2.5",lg:"min-h-12 px-4 py-3"},justify:{start:"justify-start",center:"justify-center",end:"justify-end"}},defaultVariants:{size:"default",justify:"start"}}),c=d.forwardRef(({className:e,size:a,span:t=1,justify:r="start",...s},o)=>i.jsx(u.Col,{ref:o,span:t,className:l.cn(j({size:a,justify:r,className:e})),...s}));c.displayName="GridTableHead";const N=n.cva("align-middle",{variants:{size:{sm:"p-2",default:"p-4",lg:"p-6"},textAlign:{left:"text-left",center:"text-center",right:"text-right"}},defaultVariants:{size:"default"}}),b=d.forwardRef(({className:e,size:a,span:t=1,textAlign:r,...s},o)=>i.jsx(u.Col,{ref:o,span:t,className:l.cn(N({size:a,textAlign:r,className:e})),...s}));b.displayName="GridTableCell";const v=d.forwardRef(({className:e,...a},t)=>i.jsx("div",{ref:t,className:l.cn("col-span-full mt-4 text-sm text-muted-foreground",e),...a}));v.displayName="GridTableCaption";const H=b,q=c;exports.GridTable=T;exports.GridTableBody=g;exports.GridTableCaption=v;exports.GridTableCell=b;exports.GridTableFooter=x;exports.GridTableHead=c;exports.GridTableHeader=y;exports.GridTableRow=G;exports.Td=H;exports.Th=q;exports.gridTableCellVariants=N;exports.gridTableHeadVariants=j;exports.gridTableVariants=p;

package/dist/esm/components/asset-line/asset-line.js

@@ -1,11 +1,11 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import * as R from "react";
-import { Description as n } from "../description/description.js";
+import * as G from "react";
+import { Description as f } from "../description/description.js";
 import { ShortString as h } from "../short-string/short-string.js";
-import { GridTableRow as T, GridTableCell as p } from "../table/grid-table.js";
-import { TokenSymbol as j } from "../token-symbol/token-symbol.js";
+import { GridTableRow as I, GridTableCell as p } from "../table/grid-table.js";
+import { TokenSymbol as T } from "../token-symbol/token-symbol.js";
 import { VSpace as g } from "../vspace/vspace.js";
-import { cn as u } from "../../utils/cn.js";
+import { cn as j } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk";
 const y = {
@@ -18,7 +18,7 @@ const y = {
   sm: 2,
   md: 4,
   lg: 4
-}, E = R.forwardRef(
+}, E = G.forwardRef(
   ({
     token: o,
     tokenLabel: S,
@@ -28,48 +28,49 @@ const y = {
     value: s,
     valueDescription: l,
     size: e = "default",
-    iconSize: L = e,
+    iconSize: u = e,
     gapSize: c = e,
-    last: w,
-    symbolMaxLength: A,
-    descriptionMaxLength: C,
-    onSelect: a,
-    hideValue: d = !1,
-    className: G
-  }, I) => {
-    const i = S || o?.title, f = e === "md" ? "default" : e;
+    last: L,
+    symbolMaxLength: R,
+    descriptionMaxLength: w,
+    onSelect: d,
+    hideValue: a = !1,
+    className: A
+  }, C) => {
+    const i = S || o?.title, n = e === "md" ? "default" : e;
     return /* @__PURE__ */ t(
-      T,
+      I,
       {
-        ref: I,
-        className: u(
-          w && "[&>*]:border-0",
-          a && "cursor-pointer",
-          G
+        ref: C,
+        className: j(
+          L && "[&>*]:border-0",
+          d && "cursor-pointer",
+          A
         ),
-        onClick: a,
-        cols: d ? "1fr" : "1fr 1fr",
+        onClick: d,
+        cols: a ? "1fr" : "1fr 1fr",
+        noRound: !0,
         children: [
-          /* @__PURE__ */ r(p, { size: f, className: "text-left", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ r(p, { size: n, className: "text-left", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ r(
-              j,
+              T,
               {
                 token: o,
-                size: y[L],
+                size: y[u],
                 chainId: b,
                 network: N
               }
             ),
             /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
-              i && /* @__PURE__ */ r(h, { maxLength: A, children: i }),
+              i && /* @__PURE__ */ r(h, { maxLength: R, children: i }),
               i && m && /* @__PURE__ */ r(g, { height: x[c] }),
-              m && /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(h, { maxLength: C, children: String(m) }) })
+              m && /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(h, { maxLength: w, children: String(m) }) })
             ] })
           ] }) }),
-          !d && /* @__PURE__ */ t(p, { size: f, className: "text-right", children: [
+          !a && /* @__PURE__ */ t(p, { size: n, className: "text-right", children: [
             s,
             s && l && /* @__PURE__ */ r(g, { height: x[c] }),
-            l && /* @__PURE__ */ r(n, { children: l })
+            l && /* @__PURE__ */ r(f, { children: l })
           ] })
         ]
       }

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

@@ -3,7 +3,7 @@ import { createChart as vt } from "lightweight-charts";
 import * as tt from "react";
 import { useRef as V, useState as st, useEffect as D } from "react";
 import { useIsMobile as Ct } from "../../hooks/use-media-query.js";
-import { cn as mt } from "../../utils/cn.js";
+import { cn as dt } from "../../utils/cn.js";
 import { resolveCSSColor as ct, generateColorsFromBase as et } from "../../utils/colors.js";
 import { getDefaultOptions as ut, getDefaultSeries as St, getDefaultVerticalLine as xt } from "./default-config.js";
 import { getXFormatter as ft, getYFormatter as Rt } from "./formatters.js";
@@ -54,22 +54,22 @@ const q = [
 ];
 function Bt({
   series: e,
-  className: G,
+  className: B,
   showLegend: w = !1,
   onUnselectSeries: W,
   xMeasureUnit: y = "time",
-  yMeasureUnit: z = "token",
+  yMeasureUnit: A = "token",
   optionsOverrides: O,
   verticalLineOptions: E
 }) {
-  const b = V(null), v = V(/* @__PURE__ */ new Map()), X = V(!1), ot = V(/* @__PURE__ */ new Set()), rt = V(null), nt = V(!0), F = V(null), Y = V(null), j = Ct(), N = tt.useMemo(() => e.flatMap((t) => t.data), [e]), dt = tt.useMemo(() => {
+  const b = V(null), v = V(/* @__PURE__ */ new Map()), X = V(!1), ot = V(/* @__PURE__ */ new Set()), rt = V(null), nt = V(!0), M = V(null), Y = V(null), z = Ct(), F = tt.useMemo(() => e.flatMap((t) => t.data), [e]), mt = tt.useMemo(() => {
     if (e.length > 0) {
       const t = e[e.length - 1];
       if (t.data.length > 0)
         return t.data[t.data.length - 1];
     }
   }, [e]), [at, Z] = st(() => {
-    if (!dt) return;
+    if (!mt) return;
     const t = /* @__PURE__ */ new Map();
     for (const n of e)
       n.data.length > 0 && t.set(n.label, n.data[n.data.length - 1]);
@@ -77,11 +77,11 @@ function Bt({
   }), [lt, L] = st(null);
   D(() => {
     const t = () => {
-      if (b.current && F.current) {
-        const c = F.current.clientWidth, a = F.current.clientHeight;
+      if (b.current && M.current) {
+        const c = M.current.clientWidth, a = M.current.clientHeight;
         b.current.resize(c, a), b.current.timeScale().fitContent();
       }
-    }, n = F.current, l = n ? new ResizeObserver(t) : null;
+    }, n = M.current, l = n ? new ResizeObserver(t) : null;
     return n && l?.observe(n), () => {
       n && l?.unobserve(n);
     };
@@ -94,7 +94,7 @@ function Bt({
       ...t,
       rightPriceScale: {
         ...t.rightPriceScale || {},
-        visible: !j,
+        visible: !z,
         textColor: n
       },
       ...O
@@ -102,10 +102,10 @@ function Bt({
     return b.current = l, X.current = !0, () => {
       l.remove(), b.current = null, X.current = !1, v.current.clear();
     };
-  }, [j, O]), D(() => {
+  }, [z, O]), D(() => {
     const t = b.current;
     if (!t || e.length === 0) return;
-    const n = y === "time" ? ft(y, N) : ft(y), l = Rt(z), c = ut();
+    const n = y === "time" ? ft(y, F) : ft(y), l = Rt(A), c = ut();
     t.applyOptions({
       localization: {
         ...c.localization || {},
@@ -123,16 +123,16 @@ function Bt({
         minBarSpacing: 0
       }
     });
-    const f = (N.length > 0 ? Math.min(...N.map((o) => o.value)) : 0) < 0, C = N.some((o) => o.value === 0), T = !f && C, i = e.length > 1, P = i || j, S = ct(
+    const f = (F.length > 0 ? Math.min(...F.map((o) => o.value)) : 0) < 0, C = F.some((o) => o.value === 0), N = !f && C, i = e.length > 1, P = i || z, S = ct(
       "hsl(var(--foreground))",
       "rgb(0, 0, 0)"
     );
     t.applyOptions({
       rightPriceScale: {
         ...c.rightPriceScale || {},
-        visible: !j,
+        visible: !z,
         textColor: S,
-        ...T && {
+        ...N && {
           scaleMargins: {
             top: 0.3,
             bottom: 0
@@ -149,28 +149,28 @@ function Bt({
     const h = St(), u = [];
     let p = 0;
     for (let o = 0; o < e.length; o++) {
-      const r = e[o], Q = q[o % q.length], B = r.color || Q.line;
-      let k, A;
+      const r = e[o], Q = q[o % q.length], j = r.color || Q.line;
+      let T, k;
       if (r.color)
         if (r.topColor && r.bottomColor)
-          k = r.topColor, A = r.bottomColor;
+          T = r.topColor, k = r.bottomColor;
         else if (r.topColor) {
-          const m = et(B);
-          k = r.topColor, A = m.bottomColor;
+          const d = et(j);
+          T = r.topColor, k = d.bottomColor;
         } else if (r.bottomColor)
-          k = et(B).topColor, A = r.bottomColor;
+          T = et(j).topColor, k = r.bottomColor;
         else {
-          const m = et(B);
-          k = m.topColor, A = m.bottomColor;
+          const d = et(j);
+          T = d.topColor, k = d.bottomColor;
         }
       else
-        k = r.topColor || Q.top, A = r.bottomColor || Q.bottom;
+        T = r.topColor || Q.top, k = r.bottomColor || Q.bottom;
       if (r.data.length === 0) {
-        const m = v.current.get(r.label);
-        m && (t.removeSeries(m), v.current.delete(r.label));
+        const d = v.current.get(r.label);
+        d && (t.removeSeries(d), v.current.delete(r.label));
         continue;
       }
-      const ht = (r.data.length > 0 ? Math.min(...r.data.map((m) => m.value)) : 0) < 0, pt = r.data.some((m) => m.value === 0), bt = !ht && pt, U = i ? p === 0 ? void 0 : `scale-${p}` : void 0;
+      const ht = (r.data.length > 0 ? Math.min(...r.data.map((d) => d.value)) : 0) < 0, pt = r.data.some((d) => d.value === 0), bt = !ht && pt, U = i ? p === 0 ? void 0 : `scale-${p}` : void 0;
       i && u.push({
         priceScaleId: U || "right",
         shouldPreventNegativeAxis: bt,
@@ -178,19 +178,19 @@ function Bt({
       });
       let I = v.current.get(r.label);
       I ? (I.applyOptions({
-        lineColor: B,
-        topColor: k,
-        bottomColor: A,
+        lineColor: j,
+        topColor: T,
+        bottomColor: k,
         priceScaleId: U
       }), I.setData(r.data)) : (I = t.addAreaSeries({
         ...h,
-        lineColor: B,
-        topColor: k,
-        bottomColor: A,
+        lineColor: j,
+        topColor: T,
+        bottomColor: k,
         priceScaleId: U,
         priceFormat: {
           type: "custom",
-          formatter: (m) => l(parseFloat(m.toString()), void 0, "short")
+          formatter: (d) => l(parseFloat(d.toString()), void 0, "short")
         }
       }), I.setData(r.data), v.current.set(r.label, I)), p++;
     }
@@ -221,25 +221,25 @@ function Bt({
             r
           );
         }
-    let d = null;
-    if (N.length > 0) {
-      const o = N.map(
+    let m = null;
+    if (F.length > 0) {
+      const o = F.map(
         (r) => typeof r.time == "number" ? r.time : Number(r.time)
       );
-      d = {
+      m = {
         from: Math.min(...o),
         to: Math.max(...o)
       };
     }
-    const R = new Set(e.map((o) => o.label)), H = ot.current, J = R.size !== H.size || [...R].some((o) => !H.has(o)), M = rt.current, gt = d && M && (Math.abs(d.from - M.from) > (M.to - M.from) * 0.1 || Math.abs(d.to - M.to) > (M.to - M.from) * 0.1);
-    (nt.current || J || gt || !M) && (requestAnimationFrame(() => {
+    const R = new Set(e.map((o) => o.label)), G = ot.current, J = R.size !== G.size || [...R].some((o) => !G.has(o)), H = rt.current, gt = m && H && (m.from !== H.from || m.to !== H.to);
+    (nt.current || J || gt || !H || z) && (requestAnimationFrame(() => {
       b.current && b.current.timeScale().fitContent();
-    }), nt.current = !1), ot.current = R, rt.current = d;
+    }), nt.current = !1), ot.current = R, rt.current = m;
     const K = /* @__PURE__ */ new Map();
     for (const o of e)
       o.data.length > 0 && K.set(o.label, o.data[o.data.length - 1]);
     Z(K.size > 0 ? K : void 0);
-  }, [e, N, y, z, j]), D(() => {
+  }, [e, F, y, A, z]), D(() => {
     const t = b.current;
     if (!t || e.length === 0) return;
     const n = e.length === 1;
@@ -251,8 +251,8 @@ function Bt({
       }
     if (!l) return;
     const c = (a) => {
-      const { time: f = l, seriesData: C, point: T } = a || {}, i = Array.from(v.current.values());
-      if (!T || !f) {
+      const { time: f = l, seriesData: C, point: N } = a || {}, i = Array.from(v.current.values());
+      if (!N || !f) {
         const g = /* @__PURE__ */ new Map();
         for (const s of e)
           s.data.length > 0 && g.set(s.label, s.data[s.data.length - 1]);
@@ -261,8 +261,8 @@ function Bt({
         else if (i[0] && l) {
           const h = t.timeScale().timeToCoordinate(l), u = e[0];
           if (u.data.length > 0) {
-            const p = u.data[u.data.length - 1].value, d = i[0].priceToCoordinate(p);
-            h !== null && d !== null && L({ x: h, y: d });
+            const p = u.data[u.data.length - 1].value, m = i[0].priceToCoordinate(p);
+            h !== null && m !== null && L({ x: h, y: m });
           }
         }
         return;
@@ -272,20 +272,20 @@ function Bt({
       for (let g = 0; g < e.length; g++) {
         const s = e[g], h = i[g];
         if (!h) continue;
-        const u = C?.get(h), p = u && "value" in u ? u.value : void 0, d = s.data[s.data.length - 1], R = p !== void 0 ? p : d?.value ?? 0;
+        const u = C?.get(h), p = u && "value" in u ? u.value : void 0, m = s.data[s.data.length - 1], R = p !== void 0 ? p : m?.value ?? 0;
         g === 0 && (S = R), P.set(s.label, { value: R, time: f });
       }
       if (Z(P), S !== void 0 && i[0]) {
         const s = t.timeScale().timeToCoordinate(f), h = i[0].priceToCoordinate(S);
         if (s !== null && h !== null) {
-          const u = F.current;
+          const u = M.current;
           if (u) {
             const p = u.querySelector(
               ".LightweightChart"
             );
             if (p) {
-              const d = p.getBoundingClientRect(), R = u.getBoundingClientRect(), H = s + (d.left - R.left), J = h + (d.top - R.top);
-              L({ x: H, y: J });
+              const m = p.getBoundingClientRect(), R = u.getBoundingClientRect(), G = s + (m.left - R.left), J = h + (m.top - R.top);
+              L({ x: G, y: J });
             } else
               L({ x: s, y: h });
           } else
@@ -298,7 +298,7 @@ function Bt({
     return t.subscribeCrosshairMove(c), n || requestAnimationFrame(() => {
       const a = Array.from(v.current.values());
       if (a[0] && l && e[0]?.data.length > 0) {
-        const C = t.timeScale().timeToCoordinate(l), T = e[0].data[e[0].data.length - 1].value, i = a[0].priceToCoordinate(T);
+        const C = t.timeScale().timeToCoordinate(l), N = e[0].data[e[0].data.length - 1].value, i = a[0].priceToCoordinate(N);
         C !== null && i !== null && L({ x: C, y: i });
       }
     }), () => {
@@ -314,10 +314,10 @@ function Bt({
       const f = {
         from: 0,
         to: l - 1
-      }, C = typeof a.from == "number" ? a.from : 0, T = typeof a.to == "number" ? a.to : l - 1, i = 0.01;
+      }, C = typeof a.from == "number" ? a.from : 0, N = typeof a.to == "number" ? a.to : l - 1, i = 0.01;
       let P = !1;
       const S = { ...a };
-      C < f.from - i && (S.from = f.from, P = !0), T > f.to + i && (S.to = f.to, P = !0), P && n.setVisibleLogicalRange(S);
+      C < f.from - i && (S.from = f.from, P = !0), N > f.to + i && (S.to = f.to, P = !0), P && n.setVisibleLogicalRange(S);
     };
     return n.subscribeVisibleLogicalRangeChange(c), () => {
       n.unsubscribeVisibleLogicalRangeChange(
@@ -354,10 +354,10 @@ function Bt({
   return /* @__PURE__ */ $(
     "div",
     {
-      ref: F,
-      className: mt(
+      ref: M,
+      className: dt(
         "relative z-[1] w-full h-full overflow-hidden p-0",
-        G
+        B
       ),
       children: [
         _ && it && /* @__PURE__ */ x(
@@ -365,7 +365,7 @@ function Bt({
           {
             point: it,
             xMeasureUnit: y,
-            yMeasureUnit: z
+            yMeasureUnit: A
           }
         ),
         at && lt && /* @__PURE__ */ x(
@@ -373,10 +373,10 @@ function Bt({
           {
             points: at,
             xMeasureUnit: y,
-            yMeasureUnit: z,
+            yMeasureUnit: A,
             series: e,
             position: lt,
-            containerRef: F
+            containerRef: M
           }
         ),
         w && /* @__PURE__ */ x(Pt, { series: e, onUnselect: W }),
@@ -393,14 +393,14 @@ function Bt({
 }
 function Pt({
   series: e,
-  onUnselect: G
+  onUnselect: B
 }) {
   return /* @__PURE__ */ x("div", { className: "absolute top-0 left-2 z-[10] flex flex-wrap gap-2", children: e.map((w, W) => {
-    const y = q[W % q.length], z = w.color || y.line, O = w.data.length === 0;
+    const y = q[W % q.length], A = w.color || y.line, O = w.data.length === 0;
     return /* @__PURE__ */ $(
       "div",
       {
-        className: mt(
+        className: dt(
           "flex items-center gap-1.5 px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",
           O && "opacity-50"
         ),
@@ -409,19 +409,19 @@ function Pt({
             "div",
             {
               className: "w-3 h-3 rounded-sm",
-              style: { backgroundColor: z }
+              style: { backgroundColor: A }
             }
           ),
           /* @__PURE__ */ $("span", { className: "text-[10px] sm:text-xs font-medium text-foreground", children: [
             w.label,
             O && " (no data)"
           ] }),
-          G && /* @__PURE__ */ x(
+          B && /* @__PURE__ */ x(
             "button",
             {
               type: "button",
               onClick: (E) => {
-                E.stopPropagation(), G(w.label);
+                E.stopPropagation(), B(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 ${w.label}`,

package/dist/esm/components/options-list/options-list.js

@@ -8,9 +8,9 @@ function g({
   children: o,
   ...l
 }) {
-  const f = n.Children.toArray(o).length, i = n.Children.map(o, (t, s) => {
+  const f = n.Children.toArray(o).length, s = n.Children.map(o, (t, i) => {
     if (n.isValidElement(t)) {
-      const m = s === 0, u = s === f - 1;
+      const m = i === 0, u = i === f - 1;
       return n.cloneElement(t, {
         first: m,
         last: u
@@ -18,7 +18,7 @@ function g({
     }
     return t;
   });
-  return /* @__PURE__ */ e("div", { className: d("m-0 p-0 w-full flex flex-wrap", r), ...l, children: i });
+  return /* @__PURE__ */ e("div", { className: d("m-0 p-0 w-full flex flex-wrap", r), ...l, children: s });
 }
 function v({
   icon: r,
@@ -26,9 +26,8 @@ function v({
   subTitle: l,
   onClick: a,
   endingIcon: f,
-  first: i = !1,
-  last: t = !1,
-  className: s
+  last: s = !1,
+  className: t
 }) {
   return /* @__PURE__ */ c(
     "button",
@@ -39,8 +38,8 @@ function v({
         "relative z-0 pt-5 px-4 flex flex-row items-start gap-4 w-full cursor-pointer text-left",
         "before:absolute before:-z-10 before:left-0 before:hidden before:w-full before:inset-y-0 before:content-[''] before:bg-foreground/10 before:rounded-lg",
         "hover:before:block",
-        !t && "after:absolute after:bottom-0 after:left-0 after:w-full after:h-px after:content-[''] after:bg-border",
-        s
+        !s && "after:absolute after:bottom-0 after:left-0 after:w-full after:h-px after:content-[''] after:bg-border",
+        t
       ),
       children: [
         r && /* @__PURE__ */ e("div", { className: "w-6 h-6 text-muted-foreground flex items-center justify-center", children: r }),

package/dist/esm/components/table/grid-table.js

@@ -4,7 +4,7 @@ import * as s from "react";
 import { Col as m } from "../layout/col/col.js";
 import { Grid as b } from "../layout/grid/grid.js";
 import { cn as o } from "../../utils/cn.js";
-const g = n("w-full", {
+const G = n("w-full", {
   variants: {
     size: {
       sm: "text-xs",
@@ -15,20 +15,20 @@ const g = n("w-full", {
   defaultVariants: {
     size: "default"
   }
-}), G = s.forwardRef(
+}), N = s.forwardRef(
   ({ className: e, size: t, cols: a = 12, gap: i = 0, ...r }, l) => /* @__PURE__ */ d("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ d(
     b,
     {
       ref: l,
       cols: a,
       gap: i,
-      className: o(g({ size: t, className: e })),
+      className: o(G({ size: t, className: e })),
       ...r
     }
   ) })
 );
-G.displayName = "GridTable";
-const N = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d(
+N.displayName = "GridTable";
+const v = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d(
   "div",
   {
     ref: a,
@@ -36,8 +36,8 @@ const N = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d(
     ...t
   }
 ));
-N.displayName = "GridTableHeader";
-const v = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d(
+v.displayName = "GridTableHeader";
+const w = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d(
   "div",
   {
     ref: a,
@@ -45,8 +45,8 @@ const v = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d(
     ...t
   }
 ));
-v.displayName = "GridTableBody";
-const w = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d(
+w.displayName = "GridTableBody";
+const h = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d(
   "div",
   {
     ref: a,
@@ -57,8 +57,8 @@ const w = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d(
     ...t
   }
 ));
-w.displayName = "GridTableFooter";
-const h = s.forwardRef(
+h.displayName = "GridTableFooter";
+const R = s.forwardRef(
   ({
     className: e,
     cols: t,
@@ -67,37 +67,39 @@ const h = s.forwardRef(
     height: r,
     hideValue: l,
     noHover: u,
-    style: y,
-    ...x
-  }, T) => {
+    noRound: y,
+    style: x,
+    ...T
+  }, g) => {
     const f = typeof r == "number" ? `${r}px` : r;
     return /* @__PURE__ */ d(
       b,
       {
-        ref: T,
+        ref: g,
         cols: t,
         gap: a,
         className: o(
           "contents md:[&>*]:border-b [&>*]:border-border [&>*]:transition-colors data-[state=selected]:[&>*]:bg-muted",
-          // Hover background with rounded corners on first and last cells (unless noHover)
+          // Hover background with optional rounded corners on first and last cells (unless noHover)
           !u && [
             "[&>*]:relative [&>*]:z-0",
             "[&>*]:before:absolute [&>*]:before:inset-0 [&>*]:before:-z-10 [&>*]:before:bg-muted/50 [&>*]:before:opacity-0 [&>*]:before:transition-opacity",
             "hover:[&>*]:before:opacity-100",
-            "[&>*:first-child]:before:rounded-l-lg [&>*:last-child]:before:rounded-r-lg"
+            // Only add rounded corners if noRound is not set
+            !y && "[&>*:first-child]:before:rounded-l-lg [&>*:last-child]:before:rounded-r-lg"
           ],
           i && "[&>*]:border-b-0",
           l && "[&>*]:opacity-0",
           e
         ),
-        style: { ...y, ...f ? { height: f } : {} },
-        ...x
+        style: { ...x, ...f ? { height: f } : {} },
+        ...T
       }
     );
   }
 );
-h.displayName = "GridTableRow";
-const R = n(
+R.displayName = "GridTableRow";
+const z = n(
   "flex items-center justify-startborder-b text-left align-middle font-medium text-muted-foreground !bg-transparent",
   {
     variants: {
@@ -123,13 +125,13 @@ const R = n(
     {
       ref: l,
       span: a,
-      className: o(R({ size: t, justify: i, className: e })),
+      className: o(z({ size: t, justify: i, className: e })),
       ...r
     }
   )
 );
 c.displayName = "GridTableHead";
-const z = n("align-middle", {
+const j = n("align-middle", {
   variants: {
     size: {
       sm: "p-2",
@@ -151,13 +153,13 @@ const z = n("align-middle", {
     {
       ref: l,
       span: a,
-      className: o(z({ size: t, textAlign: i, className: e })),
+      className: o(j({ size: t, textAlign: i, className: e })),
       ...r
     }
   )
 );
 p.displayName = "GridTableCell";
-const j = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d(
+const C = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d(
   "div",
   {
     ref: a,
@@ -168,20 +170,20 @@ const j = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d(
     ...t
   }
 ));
-j.displayName = "GridTableCaption";
-const A = p, S = c;
+C.displayName = "GridTableCaption";
+const S = p, $ = c;
 export {
-  G as GridTable,
-  v as GridTableBody,
-  j as GridTableCaption,
+  N as GridTable,
+  w as GridTableBody,
+  C as GridTableCaption,
   p as GridTableCell,
-  w as GridTableFooter,
+  h as GridTableFooter,
   c as GridTableHead,
-  N as GridTableHeader,
-  h as GridTableRow,
-  A as Td,
-  S as Th,
-  z as gridTableCellVariants,
-  R as gridTableHeadVariants,
-  g as gridTableVariants
+  v as GridTableHeader,
+  R as GridTableRow,
+  S as Td,
+  $ as Th,
+  j as gridTableCellVariants,
+  z as gridTableHeadVariants,
+  G as gridTableVariants
 };

package/dist/types/components/options-list/options-list.d.ts

@@ -13,4 +13,4 @@ export interface OptionsItemProps {
     last?: boolean;
     className?: string;
 }
-export declare function OptionsItem({ icon, title, subTitle, onClick, endingIcon, first, last, className, }: OptionsItemProps): React.ReactElement;
+export declare function OptionsItem({ icon, title, subTitle, onClick, endingIcon, last, className, }: OptionsItemProps): React.ReactElement;

package/dist/types/components/table/grid-table.d.ts

@@ -109,6 +109,10 @@ interface GridTableRowProps extends GridProps {
      * Whether to disable hover effect (useful for header rows)
      */
     noHover?: boolean;
+    /**
+     * Whether to disable rounded corners on hover (useful for stacked rows like in AssetLine)
+     */
+    noRound?: boolean;
 }
 /**
  * GridTableRow — row component of a GridTable.

package/package.json

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