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

package/dist/cjs/components/smart-number-input/smart-number-input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("class-variance-authority"),X=require("react"),$=require("../currency-button/currency-button.cjs"),E=require("@fortawesome/free-solid-svg-icons"),G=require("../icons/fa-icon.cjs"),m=require("../../hooks/use-media-query.cjs"),c=require("../../test-ids/smart-number-input.cjs"),H=require("../../utils/bn-to-input-view.cjs");require("@gearbox-protocol/sdk");const J=require("../../utils/parse-input-to-bn.cjs"),p=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");const K=require("./balance-indicator.cjs");function U(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>s[a]})}}return t.default=s,Object.freeze(t)}const I=U(X),W=f.cva("relative w-full text-foreground bg-gray-20 border border-gray-30 transition-[background-color] duration-100 ease-linear [&:hover]:bg-gray-30 [&:hover]:border-gray-40 data-[active=true]:bg-gray-30 data-[active=true]:outline data-[active=true]:outline-2 data-[active=true]:outline-primary data-[active=true]:outline-offset-[-2px] data-[disabled=true]:cursor-not-allowed",{variants:{size:{sm:"px-3 py-[7px] h-[60px] rounded-[8px]",md:"pl-4 pr-3 py-[10px] h-[82px] rounded-lg"}},defaultVariants:{size:"md"}}),Y=f.cva("font-medium text-foreground",{variants:{size:{sm:"text-xs",md:"text-sm"}},defaultVariants:{size:"md"}}),Z=f.cva("w-full p-0 bg-transparent border-none outline-none text-foreground placeholder:text-secondary-foreground focus:outline-none",{variants:{size:{sm:"text-[18px]! leading-[21px]!",md:"text-[28px]! leading-[33px]!"}},defaultVariants:{size:"md"}}),N=I.forwardRef(({amount:s,token:t,label:a="Amount",maxAmount:r,maxAmountLimit:l,maxButtonLabel:j,chainId:w,network:q,maxButton:z=!0,disabled:n=!1,active:_=!1,size:V="md",onSetAmount:o,onShowSelectDialog:b,onRemove:x,onFocus:B,onBlur:T},C)=>{const g=t?.decimals??18,M=u=>{const d=u.target.value,[y,v]=J.parseInputToBN(d,g);y===null||v===null||o&&o(y,v)},k=()=>{if(o){const u=r&&l&&r>l?l:r||0n,d=H.bnToInputView(u,g);o(u,d)}},[S,h]=I.useState(!1),O=()=>{h(!0),B?.()},F=()=>{h(!1),T?.()},i=V??"md",L=m.useIsMobile(),D=m.useIsTablet(),P=m.useIsDesktop(),R=L?20:D?30:P?22:30,Q=!!(t||b);return e.jsxs("div",{ref:C,className:W({size:i}),"data-testid":c.smartNumberInputTestIds.root,"data-active":S,"data-disabled":n,children:[x&&e.jsx("div",{className:"absolute top-0 right-0 flex h-5 w-5 translate-x-1/2 -translate-y-1/2 items-center justify-center","data-testid":c.smartNumberInputTestIds.close,children:e.jsx("button",{type:"button",onClick:x,className:"flex h-5 w-5 items-center justify-center rounded-full bg-muted hover:bg-muted/80 text-muted-foreground",children:e.jsx(G.FaIcon,{icon:E.faXmark,className:"size-3"})})}),e.jsxs("div",{className:"mb-2 flex justify-between text-sm leading-[120%]",children:[e.jsx("span",{className:p.cn(Y({size:i}),"grow shrink-0 basis-0"),"data-testid":c.smartNumberInputTestIds.label,children:a}),r!==void 0&&t&&e.jsx(K.BalanceIndicator,{title:j,token:t,maxAmount:r,size:i,disabled:n,maxButton:z,onMaxButtonClick:k})]}),e.jsxs("div",{className:p.cn("flex w-full max-w-full shrink-0 basis-full items-center"),children:[e.jsx("div",{className:"mr-3 grow shrink-0 basis-0",children:e.jsx("input",{type:"text",inputMode:"decimal",autoComplete:"off",autoCorrect:"off",spellCheck:"false",pattern:"^[0-9]*[.,]?[0-9]*$",placeholder:"0",value:s,onChange:M,onFocus:O,onBlur:F,disabled:n||!o,className:p.cn(Z({size:i}),n&&"cursor-not-allowed"),"data-testid":c.smartNumberInputTestIds.input,minLength:1,maxLength:79,title:"Amount"})}),Q?e.jsx($.CurrencyButton,{active:_,size:i,disabled:n,token:t,showSelectDialog:b,chainId:w,network:q,maxLength:R,children:t?.symbol??"Select token"}):null]})]})});N.displayName="SmartNumberInput";exports.SmartNumberInput=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("class-variance-authority"),U=require("react"),W=require("../currency-button/currency-button.cjs"),Y=require("@fortawesome/free-solid-svg-icons"),Z=require("../icons/fa-icon.cjs"),b=require("../../hooks/use-media-query.cjs"),f=require("../../test-ids/smart-number-input.cjs"),A=require("../../utils/bn-to-input-view.cjs");require("@gearbox-protocol/sdk");const ee=require("../../utils/parse-input-to-bn.cjs"),v=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");const te=require("./balance-indicator.cjs");function se(r){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const o in r)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(r,o);Object.defineProperty(s,o,n.get?n:{enumerable:!0,get:()=>r[o]})}}return s.default=r,Object.freeze(s)}const c=se(U),ne=y.cva("relative w-full text-foreground bg-gray-20 border border-gray-30 transition-[background-color] duration-100 ease-linear [&:hover]:bg-gray-30 [&:hover]:border-gray-40 data-[active=true]:bg-gray-30 data-[active=true]:outline data-[active=true]:outline-2 data-[active=true]:outline-primary data-[active=true]:outline-offset-[-2px] data-[disabled=true]:cursor-not-allowed",{variants:{size:{sm:"px-3 py-[7px] h-[60px] rounded-[8px]",md:"pl-4 pr-3 py-[10px] h-[82px] rounded-lg"}},defaultVariants:{size:"md"}}),re=y.cva("font-medium text-foreground",{variants:{size:{sm:"text-xs",md:"text-sm"}},defaultVariants:{size:"md"}}),ae=y.cva("w-full p-0 bg-transparent border-none outline-none text-foreground placeholder:text-secondary-foreground focus:outline-none",{variants:{size:{sm:"text-[18px]! leading-[21px]!",md:"text-[28px]! leading-[33px]!"}},defaultVariants:{size:"md"}}),k=c.forwardRef(({amount:r,token:s,label:o="Amount",maxAmount:n,maxAmountLimit:p,maxButtonLabel:M,chainId:_,network:C,maxButton:T=!0,disabled:i=!1,active:B=!1,size:V="md",symbolMaxLength:S,tokenOptions:x,onSetAmount:l,onShowSelectDialog:I,onRemove:N,onFocus:L,onBlur:O},F)=>{const j=s?.decimals??18,R=t=>{const a=t.target.value,[q,z]=ee.parseInputToBN(a,j);q===null||z===null||l&&l(q,z)},D=()=>{if(l){const t=n&&p&&n>p?p:n||0n,a=A.bnToInputView(t,j);l(t,a)}},[E,w]=c.useState(!1),P=()=>{w(!0),L?.()},Q=()=>{w(!1),O?.()},u=V??"md",X=b.useIsMobile(),$=b.useIsTablet(),G=b.useIsDesktop(),H=S??(X?20:$?30:G?22:30),[d,g]=c.useState(!1),h=c.useRef(null);c.useEffect(()=>{if(!d)return;const t=a=>{h.current&&!h.current.contains(a.target)&&g(!1)};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[d]);const m=!!(x&&x.length>0),J=!i&&m?()=>g(t=>!t):I,K=!!(s||I||m);return e.jsxs("div",{ref:F,className:ne({size:u}),"data-testid":f.smartNumberInputTestIds.root,"data-active":E,"data-disabled":i,children:[N&&e.jsx("div",{className:"absolute top-0 right-0 flex h-5 w-5 translate-x-1/2 -translate-y-1/2 items-center justify-center","data-testid":f.smartNumberInputTestIds.close,children:e.jsx("button",{type:"button",onClick:N,className:"flex h-5 w-5 items-center justify-center rounded-full bg-muted hover:bg-muted/80 text-muted-foreground",children:e.jsx(Z.FaIcon,{icon:Y.faXmark,className:"size-3"})})}),e.jsxs("div",{className:"mb-2 flex justify-between text-sm leading-[120%]",children:[e.jsx("span",{className:v.cn(re({size:u}),"grow shrink-0 basis-0"),"data-testid":f.smartNumberInputTestIds.label,children:o}),n!==void 0&&s&&e.jsx(te.BalanceIndicator,{title:M,token:s,maxAmount:n,size:u,disabled:i,maxButton:T,onMaxButtonClick:D})]}),e.jsxs("div",{className:v.cn("flex w-full max-w-full shrink-0 basis-full items-center"),children:[e.jsx("div",{className:"mr-3 grow shrink-0 basis-0",children:e.jsx("input",{type:"text",inputMode:"decimal",autoComplete:"off",autoCorrect:"off",spellCheck:"false",pattern:"^[0-9]*[.,]?[0-9]*$",placeholder:"0",value:r,onChange:R,onFocus:P,onBlur:Q,disabled:i||!l,className:v.cn(ae({size:u}),i&&"cursor-not-allowed"),"data-testid":f.smartNumberInputTestIds.input,minLength:1,maxLength:79,title:"Amount"})}),K?e.jsxs("div",{ref:h,className:"relative shrink-0",children:[e.jsx(W.CurrencyButton,{active:m?d:B,size:u,disabled:i,token:s,showSelectDialog:J,chainId:_,network:C,maxLength:H,children:s?.symbol??"Select token"}),m&&d&&e.jsx("div",{className:"absolute right-0 top-full z-20 mt-1 min-w-[140px] overflow-hidden rounded-lg border border-gray-30 bg-gray-20 shadow-lg",children:x?.map((t,a)=>e.jsxs("button",{type:"button",onClick:()=>{t.onSelect(),g(!1)},className:"flex w-full items-center gap-2 px-3 py-2 text-sm text-foreground hover:bg-gray-30 text-left",children:[t.icon?e.jsx("span",{className:"inline-flex shrink-0 items-center",children:t.icon}):null,e.jsx("span",{className:"truncate",children:t.label})]},a))})]}):null]})]})});k.displayName="SmartNumberInput";exports.SmartNumberInput=k;

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

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

package/dist/esm/components/smart-number-input/smart-number-input.js

@@ -1,21 +1,21 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { cva as m } from "class-variance-authority";
-import * as v from "react";
-import { CurrencyButton as G } from "../currency-button/currency-button.js";
-import { faXmark as H } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as J } from "../icons/fa-icon.js";
-import { useIsMobile as K, useIsTablet as O, useIsDesktop as P } from "../../hooks/use-media-query.js";
-import { smartNumberInputTestIds as n } from "../../test-ids/smart-number-input.js";
-import { bnToInputView as Q } from "../../utils/bn-to-input-view.js";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { cva as b } from "class-variance-authority";
+import * as c from "react";
+import { CurrencyButton as U } from "../currency-button/currency-button.js";
+import { faXmark as W } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as Y } from "../icons/fa-icon.js";
+import { useIsMobile as Z, useIsTablet as _, useIsDesktop as A } from "../../hooks/use-media-query.js";
+import { smartNumberInputTestIds as m } from "../../test-ids/smart-number-input.js";
+import { bnToInputView as ee } from "../../utils/bn-to-input-view.js";
 import "@gearbox-protocol/sdk";
-import { parseInputToBN as U } from "../../utils/parse-input-to-bn.js";
-import { cn as u } from "../../utils/cn.js";
+import { parseInputToBN as te } from "../../utils/parse-input-to-bn.js";
+import { cn as x } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-import { BalanceIndicator as W } from "./balance-indicator.js";
-const Y = m(
+import { BalanceIndicator as re } from "./balance-indicator.js";
+const ae = b(
   "relative w-full text-foreground bg-gray-20 border border-gray-30 transition-[background-color] duration-100 ease-linear [&:hover]:bg-gray-30 [&:hover]:border-gray-40 data-[active=true]:bg-gray-30 data-[active=true]:outline data-[active=true]:outline-2 data-[active=true]:outline-primary data-[active=true]:outline-offset-[-2px] data-[disabled=true]:cursor-not-allowed",
   {
     variants: {
@@ -26,7 +26,7 @@ const Y = m(
     },
     defaultVariants: { size: "md" }
   }
-), Z = m("font-medium text-foreground", {
+), ne = b("font-medium text-foreground", {
   variants: {
     size: {
       sm: "text-xs",
@@ -34,7 +34,7 @@ const Y = m(
     }
   },
   defaultVariants: { size: "md" }
-}), _ = m(
+}), se = b(
   "w-full p-0 bg-transparent border-none outline-none text-foreground placeholder:text-secondary-foreground focus:outline-none",
   {
     variants: {
@@ -45,97 +45,107 @@ const Y = m(
     },
     defaultVariants: { size: "md" }
   }
-), A = v.forwardRef(
+), oe = c.forwardRef(
   ({
-    amount: y,
-    token: t,
-    label: w = "Amount",
-    maxAmount: a,
-    maxAmountLimit: l,
-    maxButtonLabel: z,
-    chainId: N,
-    network: I,
-    maxButton: C = !0,
-    disabled: r = !1,
-    active: V = !1,
-    size: B = "md",
-    onSetAmount: s,
-    onShowSelectDialog: p,
-    onRemove: f,
-    onFocus: k,
-    onBlur: M
-  }, j) => {
-    const h = t?.decimals ?? 18, F = (i) => {
-      const d = i.target.value, [x, b] = U(d, h);
-      x === null || b === null || s && s(x, b);
-    }, L = () => {
-      if (s) {
-        const i = a && l && a > l ? l : a || 0n, d = Q(i, h);
-        s(i, d);
+    amount: k,
+    token: a,
+    label: I = "Amount",
+    maxAmount: s,
+    maxAmountLimit: f,
+    maxButtonLabel: M,
+    chainId: V,
+    network: B,
+    maxButton: L = !0,
+    disabled: n = !1,
+    active: T = !1,
+    size: j = "md",
+    symbolMaxLength: F,
+    tokenOptions: p,
+    onSetAmount: o,
+    onShowSelectDialog: v,
+    onRemove: y,
+    onFocus: E,
+    onBlur: R
+  }, S) => {
+    const w = a?.decimals ?? 18, D = (e) => {
+      const r = e.target.value, [z, C] = te(r, w);
+      z === null || C === null || o && o(z, C);
+    }, O = () => {
+      if (o) {
+        const e = s && f && s > f ? f : s || 0n, r = ee(e, w);
+        o(e, r);
       }
-    }, [T, g] = v.useState(!1), D = () => {
-      g(!0), k?.();
-    }, R = () => {
-      g(!1), M?.();
-    }, o = B ?? "md", S = K(), X = O(), $ = P(), q = S ? 20 : X ? 30 : $ ? 22 : 30, E = !!(t || p);
-    return /* @__PURE__ */ c(
+    }, [X, N] = c.useState(!1), $ = () => {
+      N(!0), E?.();
+    }, q = () => {
+      N(!1), R?.();
+    }, l = j ?? "md", G = Z(), H = _(), J = A(), K = F ?? (G ? 20 : H ? 30 : J ? 22 : 30), [u, h] = c.useState(!1), g = c.useRef(null);
+    c.useEffect(() => {
+      if (!u) return;
+      const e = (r) => {
+        g.current && !g.current.contains(r.target) && h(!1);
+      };
+      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+    }, [u]);
+    const d = !!(p && p.length > 0), P = !n && d ? () => h((e) => !e) : v, Q = !!(a || v || d);
+    return /* @__PURE__ */ i(
       "div",
       {
-        ref: j,
-        className: Y({ size: o }),
-        "data-testid": n.root,
-        "data-active": T,
-        "data-disabled": r,
+        ref: S,
+        className: ae({ size: l }),
+        "data-testid": m.root,
+        "data-active": X,
+        "data-disabled": n,
         children: [
-          f && /* @__PURE__ */ e(
+          y && /* @__PURE__ */ t(
             "div",
             {
               className: "absolute top-0 right-0 flex h-5 w-5 translate-x-1/2 -translate-y-1/2 items-center justify-center",
-              "data-testid": n.close,
-              children: /* @__PURE__ */ e(
+              "data-testid": m.close,
+              children: /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  onClick: f,
+                  onClick: y,
                   className: "flex h-5 w-5 items-center justify-center rounded-full bg-muted hover:bg-muted/80 text-muted-foreground",
-                  children: /* @__PURE__ */ e(J, { icon: H, className: "size-3" })
+                  children: /* @__PURE__ */ t(Y, { icon: W, className: "size-3" })
                 }
               )
             }
           ),
-          /* @__PURE__ */ c("div", { className: "mb-2 flex justify-between text-sm leading-[120%]", children: [
-            /* @__PURE__ */ e(
+          /* @__PURE__ */ i("div", { className: "mb-2 flex justify-between text-sm leading-[120%]", children: [
+            /* @__PURE__ */ t(
               "span",
               {
-                className: u(
-                  Z({ size: o }),
+                className: x(
+                  ne({ size: l }),
                   "grow shrink-0 basis-0"
                 ),
-                "data-testid": n.label,
-                children: w
+                "data-testid": m.label,
+                children: I
               }
             ),
-            a !== void 0 && t && /* @__PURE__ */ e(
-              W,
+            s !== void 0 && a && /* @__PURE__ */ t(
+              re,
               {
-                title: z,
-                token: t,
-                maxAmount: a,
-                size: o,
-                disabled: r,
-                maxButton: C,
-                onMaxButtonClick: L
+                title: M,
+                token: a,
+                maxAmount: s,
+                size: l,
+                disabled: n,
+                maxButton: L,
+                onMaxButtonClick: O
               }
             )
           ] }),
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ i(
             "div",
             {
-              className: u(
+              className: x(
                 "flex w-full max-w-full shrink-0 basis-full items-center"
               ),
               children: [
-                /* @__PURE__ */ e("div", { className: "mr-3 grow shrink-0 basis-0", children: /* @__PURE__ */ e(
+                /* @__PURE__ */ t("div", { className: "mr-3 grow shrink-0 basis-0", children: /* @__PURE__ */ t(
                   "input",
                   {
                     type: "text",
@@ -145,35 +155,52 @@ const Y = m(
                     spellCheck: "false",
                     pattern: "^[0-9]*[.,]?[0-9]*$",
                     placeholder: "0",
-                    value: y,
-                    onChange: F,
-                    onFocus: D,
-                    onBlur: R,
-                    disabled: r || !s,
-                    className: u(
-                      _({ size: o }),
-                      r && "cursor-not-allowed"
+                    value: k,
+                    onChange: D,
+                    onFocus: $,
+                    onBlur: q,
+                    disabled: n || !o,
+                    className: x(
+                      se({ size: l }),
+                      n && "cursor-not-allowed"
                     ),
-                    "data-testid": n.input,
+                    "data-testid": m.input,
                     minLength: 1,
                     maxLength: 79,
                     title: "Amount"
                   }
                 ) }),
-                E ? /* @__PURE__ */ e(
-                  G,
-                  {
-                    active: V,
-                    size: o,
-                    disabled: r,
-                    token: t,
-                    showSelectDialog: p,
-                    chainId: N,
-                    network: I,
-                    maxLength: q,
-                    children: t?.symbol ?? "Select token"
-                  }
-                ) : null
+                Q ? /* @__PURE__ */ i("div", { ref: g, className: "relative shrink-0", children: [
+                  /* @__PURE__ */ t(
+                    U,
+                    {
+                      active: d ? u : T,
+                      size: l,
+                      disabled: n,
+                      token: a,
+                      showSelectDialog: P,
+                      chainId: V,
+                      network: B,
+                      maxLength: K,
+                      children: a?.symbol ?? "Select token"
+                    }
+                  ),
+                  d && u && /* @__PURE__ */ t("div", { className: "absolute right-0 top-full z-20 mt-1 min-w-[140px] overflow-hidden rounded-lg border border-gray-30 bg-gray-20 shadow-lg", children: p?.map((e, r) => /* @__PURE__ */ i(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        e.onSelect(), h(!1);
+                      },
+                      className: "flex w-full items-center gap-2 px-3 py-2 text-sm text-foreground hover:bg-gray-30 text-left",
+                      children: [
+                        e.icon ? /* @__PURE__ */ t("span", { className: "inline-flex shrink-0 items-center", children: e.icon }) : null,
+                        /* @__PURE__ */ t("span", { className: "truncate", children: e.label })
+                      ]
+                    },
+                    r
+                  )) })
+                ] }) : null
               ]
             }
           )
@@ -182,7 +209,7 @@ const Y = m(
     );
   }
 );
-A.displayName = "SmartNumberInput";
+oe.displayName = "SmartNumberInput";
 export {
-  A as SmartNumberInput
+  oe as SmartNumberInput
 };

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

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