@gearbox-protocol/ui-kit 3.14.0-next.4 → 3.14.0-next.6

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),I=require("class-variance-authority"),A=require("react"),ee=require("react-dom"),te=require("../currency-button/currency-button.cjs"),ne=require("@fortawesome/free-solid-svg-icons"),re=require("../icons/fa-icon.cjs"),y=require("../../hooks/use-media-query.cjs"),h=require("../../test-ids/smart-number-input.cjs"),se=require("../../utils/bn-to-input-view.cjs");require("@gearbox-protocol/sdk");const ae=require("../../utils/parse-input-to-bn.cjs"),w=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");const oe=require("./balance-indicator.cjs");function ie(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const i in o)if(i!=="default"){const s=Object.getOwnPropertyDescriptor(o,i);Object.defineProperty(r,i,s.get?s:{enumerable:!0,get:()=>o[i]})}}return r.default=o,Object.freeze(r)}const a=ie(A),ce=I.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"}}),ue=I.cva("font-medium text-foreground",{variants:{size:{sm:"text-xs",md:"text-sm"}},defaultVariants:{size:"md"}}),le=I.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"}}),_=a.forwardRef(({amount:o,token:r,label:i="Amount",maxAmount:s,maxAmountLimit:x,maxButtonLabel:k,chainId:B,network:L,maxButton:M=!0,disabled:c=!1,active:S=!1,size:T="md",symbolMaxLength:V,tokenOptions:b,onSetAmount:l,onShowSelectDialog:N,onRemove:j,onFocus:E,onBlur:R},O)=>{const q=r?.decimals??18,D=e=>{const n=e.target.value,[m,g]=ae.parseInputToBN(n,q);m===null||g===null||l&&l(m,g)},F=()=>{if(l){const e=s&&x&&s>x?x:s||0n,n=se.bnToInputView(e,q);l(e,n)}},[P,z]=a.useState(!1),W=()=>{z(!0),E?.()},Q=()=>{z(!1),R?.()},d=T??"md",X=y.useIsMobile(),$=y.useIsTablet(),G=y.useIsDesktop(),H=V??(X?20:$?30:G?22:30),[u,v]=a.useState(!1),f=a.useRef(null),C=a.useRef(null),[J,K]=a.useState({});a.useLayoutEffect(()=>{if(!u||!f.current)return;const e=()=>{const n=f.current?.getBoundingClientRect();n&&K({position:"fixed",top:n.bottom+4,right:window.innerWidth-n.right,minWidth:n.width,zIndex:9999})};return e(),window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},[u]),a.useEffect(()=>{if(!u)return;const e=n=>{const m=n.target,g=f.current?.contains(m),Z=C.current?.contains(m);!g&&!Z&&v(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[u]);const p=!!(b&&b.length>0),U=!c&&p?()=>v(e=>!e):N,Y=!!(r||N||p);return t.jsxs("div",{ref:O,className:ce({size:d}),"data-testid":h.smartNumberInputTestIds.root,"data-active":P,"data-disabled":c,children:[j&&t.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":h.smartNumberInputTestIds.close,children:t.jsx("button",{type:"button",onClick:j,className:"flex h-5 w-5 items-center justify-center rounded-full bg-muted hover:bg-muted/80 text-muted-foreground",children:t.jsx(re.FaIcon,{icon:ne.faXmark,className:"size-3"})})}),t.jsxs("div",{className:"mb-2 flex justify-between text-sm leading-[120%]",children:[t.jsx("span",{className:w.cn(ue({size:d}),"grow shrink-0 basis-0"),"data-testid":h.smartNumberInputTestIds.label,children:i}),s!==void 0&&r&&t.jsx(oe.BalanceIndicator,{title:k,token:r,maxAmount:s,size:d,disabled:c,maxButton:M,onMaxButtonClick:F})]}),t.jsxs("div",{className:w.cn("flex w-full max-w-full shrink-0 basis-full items-center"),children:[t.jsx("div",{className:"mr-3 grow shrink-0 basis-0",children:t.jsx("input",{type:"text",inputMode:"decimal",autoComplete:"off",autoCorrect:"off",spellCheck:"false",pattern:"^[0-9]*[.,]?[0-9]*$",placeholder:"0",value:o,onChange:D,onFocus:W,onBlur:Q,disabled:c||!l,className:w.cn(le({size:d}),c&&"cursor-not-allowed"),"data-testid":h.smartNumberInputTestIds.input,minLength:1,maxLength:79,title:"Amount"})}),Y?t.jsxs("div",{ref:f,className:"shrink-0",children:[t.jsx(te.CurrencyButton,{active:p?u:S,size:d,disabled:c,token:r,showSelectDialog:U,chainId:B,network:L,maxLength:H,children:r?.symbol??"Select token"}),p&&u&&ee.createPortal(t.jsx("div",{ref:C,style:J,className:"overflow-hidden rounded-lg border border-gray-30 bg-gray-20 shadow-lg",children:b?.map((e,n)=>t.jsxs("button",{type:"button",onClick:()=>{e.onSelect(),v(!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?t.jsx("span",{className:"inline-flex shrink-0 items-center",children:e.icon}):null,t.jsx("span",{className:"truncate",children:e.label})]},n))}),document.body)]}):null]})]})});_.displayName="SmartNumberInput";exports.SmartNumberInput=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("class-variance-authority"),de=require("react"),me=require("react-dom"),pe=require("../checkbox/checkbox.cjs");require("../checkbox/checkbox-labeled.cjs");const fe=require("../currency-button/currency-button.cjs"),he=require("../health-factor/health-factor.cjs"),xe=require("@fortawesome/free-solid-svg-icons"),ge=require("../icons/fa-icon.cjs"),be=require("../slider/slider.cjs");require("../slider/slider-context.cjs");const I=require("../typed-intl/index.cjs"),j=require("../../hooks/use-media-query.cjs"),v=require("../../test-ids/smart-number-input.cjs"),ve=require("../../utils/bn-to-input-view.cjs");require("@gearbox-protocol/sdk");const ye=require("../../utils/parse-input-to-bn.cjs"),y=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");const we=require("./balance-indicator.cjs");function Ne(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(r,o,a.get?a:{enumerable:!0,get:()=>n[o]})}}return r.default=n,Object.freeze(r)}const c=Ne(de),Ie=q.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] min-h-[60px] rounded-[8px]",md:"pl-4 pr-3 py-[10px] min-h-[82px] rounded-lg"}},defaultVariants:{size:"md"}}),je=q.cva("font-medium text-foreground",{variants:{size:{sm:"text-xs",md:"text-sm"}},defaultVariants:{size:"md"}}),ke=q.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"}});function k(n){return Math.round(n*100)}function qe(n){return n/100}function Me(n,r){const o=parseFloat(n.replace(",",".")||"0");if(!Number.isFinite(o)||o===0)return"$0";const a=o*r,x=Math.abs(a)<100;try{return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:x?2:0,maximumFractionDigits:x?2:0}).format(a)}catch{return"$0"}}const S=c.forwardRef(({amount:n,token:r,label:o,maxAmount:a,maxAmountLimit:h,maxButtonLabel:x,chainId:L,network:B,maxButton:V=!0,disabled:d=!1,active:D=!1,size:R="md",symbolMaxLength:E,tokenOptions:w,multiSelectMode:O=!1,onSetAmount:p,onShowSelectDialog:M,onRemove:_,onFocus:P,onBlur:$,usdPrice:C,hfSlider:l},H)=>{const{formatMessage:U}=I.useIntlTyped(),W=c.useId(),T=r?.decimals??18,Q=t=>{const s=t.target.value,[i,u]=ye.parseInputToBN(s,T);i===null||u===null||p&&p(i,u)},X=()=>{if(p){const t=a&&h&&a>h?h:a||0n,s=ve.bnToInputView(t,T);p(t,s)}},[G,z]=c.useState(!1),J=()=>{z(!0),P?.()},K=()=>{z(!1),$?.()},Y=j.useIsMobile(),Z=l?.min??1,A=l?.max??3,ee=l?.step??.01,te=Math.max(1,Math.round(1/ee)),f=R??"md",ne=Y,se=j.useIsTablet(),re=j.useIsDesktop(),ae=E??(ne?20:se?30:re?22:30),[m,N]=c.useState(!1),g=c.useRef(null),F=c.useRef(null),[oe,ce]=c.useState({});c.useLayoutEffect(()=>{if(!m||!g.current)return;const t=()=>{const s=g.current?.getBoundingClientRect();s&&ce({position:"fixed",top:s.bottom+4,right:window.innerWidth-s.right,minWidth:s.width,zIndex:9999})};return t(),window.addEventListener("scroll",t,!0),window.addEventListener("resize",t),()=>{window.removeEventListener("scroll",t,!0),window.removeEventListener("resize",t)}},[m]),c.useEffect(()=>{if(!m)return;const t=s=>{const i=s.target,u=g.current?.contains(i),ue=F.current?.contains(i);!u&&!ue&&N(!1)};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[m]);const b=!!(w&&w.length>0),ie=!d&&b?()=>N(t=>!t):M,le=!!(r||M||b);return e.jsxs("div",{ref:H,className:Ie({size:f}),"data-testid":v.smartNumberInputTestIds.root,"data-active":G,"data-disabled":d,children:[_&&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":v.smartNumberInputTestIds.close,children:e.jsx("button",{type:"button",onClick:_,className:"flex h-5 w-5 items-center justify-center rounded-full bg-muted hover:bg-muted/80 text-muted-foreground",children:e.jsx(ge.FaIcon,{icon:xe.faXmark,className:"size-3"})})}),e.jsxs("div",{className:"mb-2 flex justify-between text-sm leading-[120%]",children:[e.jsx("span",{className:y.cn(je({size:f}),"grow shrink-0 basis-0"),"data-testid":v.smartNumberInputTestIds.label,children:o??e.jsx(I.FormattedMessageTyped,{messageId:"components.smartNumberInput.amountLabel"})}),l!==void 0?e.jsxs("div",{className:"ml-auto flex w-1/2 min-w-0 items-center gap-1",children:[e.jsx("span",{className:"shrink-0 text-xs text-secondary-foreground",children:"HF"}),e.jsx("div",{className:"min-w-0 flex-1 [&>div]:px-0 [&>div]:pb-0",children:e.jsx(be.Slider,{from:k(Z),to:k(A),value:k(l.value),precision:te,markerStep:0,epsilon:0,onChangeValue:t=>l.onChange(qe(t))})}),e.jsx(he.HealthFactor,{value:Math.round(l.value*1e4),debt:1n,decimals:2,className:"shrink-0 text-xs tabular-nums"})]}):a!==void 0&&r&&e.jsx(we.BalanceIndicator,{title:x,token:r,maxAmount:a,size:f,disabled:d,maxButton:V,onMaxButtonClick:X})]}),e.jsxs("div",{className:y.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:n,onChange:Q,onFocus:J,onBlur:K,disabled:d||!p,className:y.cn(ke({size:f}),d&&"cursor-not-allowed"),"data-testid":v.smartNumberInputTestIds.input,minLength:1,maxLength:79,title:U({messageId:"components.smartNumberInput.inputTitle"})})}),le?e.jsxs("div",{ref:g,className:"shrink-0",children:[e.jsx(fe.CurrencyButton,{active:b?m:D,size:f,disabled:d,token:r,showSelectDialog:ie,chainId:L,network:B,maxLength:ae,children:r?.symbol??e.jsx(I.FormattedMessageTyped,{messageId:"components.smartNumberInput.selectToken"})}),b&&m&&me.createPortal(e.jsx("div",{ref:F,style:oe,className:"overflow-hidden rounded-lg border border-gray-30 bg-gray-20 shadow-lg",children:w?.map((t,s)=>{const i=`${W}-${s}`,u="flex w-full min-w-0 items-center gap-2 px-3 py-2 text-sm text-foreground hover:bg-gray-30";return O?e.jsxs("div",{className:u,children:[e.jsx(pe.Checkbox,{id:i,checked:!!t.checked,color:"secondary",size:"md",className:"shrink-0",onCheckedChange:()=>t.onSelect()}),e.jsxs("label",{htmlFor:i,className:"flex min-w-0 flex-1 cursor-pointer items-center gap-2 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})]})]},s):e.jsxs("button",{type:"button",onClick:()=>{t.onSelect(),N(!1)},className:y.cn(u,"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})]},s)})}),document.body)]}):null]}),C!==void 0&&e.jsx("div",{className:"mt-1 text-xs leading-[130%] text-secondary-foreground",children:Me(n,C)})]})});S.displayName="SmartNumberInput";exports.SmartNumberInput=S;

package/dist/cjs/locale/en.json.cjs

@@ -1 +1 @@
-"use strict";const e={"errors.networkError":"Network error. Can't fetch data","errors.incorrectAddressError":"Incorrect address. Please, check url","errors.noOpenedAccountsError":"You have no opened Credit Accounts. Perhaps, you have recently been liquidated? Check notification centre to see more.","errors.notFound":"Not found","errors.tooManyRequests":"Too many requests","errors.incorrectAddress":"Incorrect address","components.errorMessage.oops":"Oops...","components.alertModal.ok":"Ok","components.footer.privacy":"Privacy Notice","components.footer.terms":"Terms of Service","components.footer.disclosure":"Risk Disclosure Statement","components.footer.legalNotice":"Legal Notice","components.footer.legal":"Legal Info","components.footer.gearbox":"Copyright © Gearbox Foundation 2023-2026.","components.footer.built":"Built at ETHGlobal MarketMake hackathon.","components.footer.version":"Version {value}","components.liquidationPrice.check":"Check Area","components.loading.loading":"Loading","components.loading.loadingPercent":"Loading {percent}%","components.loading.wait":"Please wait...","components.smartNumberInput.balance":"Balance","components.smartNumberInput.inputTitle":"Token Amount","components.smartNumberInput.confirm.input":"Input","components.tipWindow.title":"Tip","components.healthFactor.low":"Extremely low! This HF may not cover possible oracle deviations.","components.headCell":"Sort by {value}","components.graphView.noData":"Can't get data for this graph","components.filterBlock.reset":"Reset All","components.filterModal.searchPlaceholder":"Search options...","components.filterModal.noOptionsAvailable":"No options available","components.filterModal.noOptionsMatchSearch":"No options match your search","components.filterModal.reset":"Reset","components.filterModal.apply":"Apply","components.APY.tip":"These APYs are derived from the underlying protocols’ APIs and may differ in reality. Check respective protocols for their methodology.","components.creditSessionDetailedLiquidation.graph.noData":"No data","components.creditSessionDetailedLiquidation.graph.legend.point":"Current price","components.creditSessionDetailedLiquidation.graph.legend.area":"Liquidation Area","components.creditSessionDetailedLiquidation.graph.tip.hf":"Health Factor","components.creditSessionDetailedLiquidation.graph.tip.price":"Price","components.creditSessionDetailedLiquidation.table.noData":"No data","components.creditSessionDetailedLiquidation.table.seeGraph":"See graph","components.creditSessionDetailedLiquidation.table.asset":"Asset","components.creditSessionDetailedLiquidation.table.currentPrice":"Current price","components.creditSessionDetailedLiquidation.table.modelPrice":"Model price","components.apyParts.features.points":"Points","components.apyParts.features.incent":"Incent.","components.apyParts.supplyAPY":"Organic APY","components.apyParts.title":"APY type","components.apyParts.supplyAPY.tip":"Yield from lending funds","components.apyParts.tokenYield":"Intrinsic APY","components.apyParts.tokenYield.tip":"Yield from holding wstETH","components.apyParts.extraAPY":"{symbol} Incentive","components.apyParts.extraAPY.tip":"Calculated at the current rate","components.apyParts.totalAPY":"Overall APY","components.apyParts.points":"{symbol} Incentive","components.apyParts.points.condition.crossDeposit":"For cross-chain deposits made via Omni","components.openCopyButtons.copy":"Copy to clipboard","components.poolAssetsTable.asset":"Asset","components.poolAssetsTable.rate":"Effective rate","components.poolAssetsTable.limits":"Limits Usage","components.poolAssetsTable.usage":"{amount} of {total}","components.poolAssetsTable.head.name":"Credit Manager","components.poolAssetsTable.head.currentDebt":"Current Debt","components.poolAssetsTable.head.assets":"Asset LT","components.poolCreditManagersTable.assets":"{amount} assets","components.creditManagerInfo.title":"Assets and LT’s","components.creditManagerInfo.info.title":"Credit Managers","components.creditManagerInfo.info.copy.tip":"Copy Credit Manager address","components.creditManagerInfo.info.minDebt":"Min debt","components.creditManagerInfo.info.maxDebt":"Max debt","components.creditManagerInfo.info.liquidationFee":"Liquid. fee","components.creditManagerInfo.info.liquidationPremium":"Liquid. premium","components.creditManagerInfo.info.interestFee":"Interest fee","components.creditManagerInfo.info.debtLimit":"Debt limit","components.creditManagerInfo.info.maxEnabledTokens":"Max tokens","dialogs.oraclesAndLTInfo.filter.hide0Quota":"Hide 0-Quota","components.oraclesAndLTInfo.title":"Oracles and LTs","components.oraclesAndLTTable.head.token":"Token","components.oraclesAndLTTable.head.oracles":"Oracles","components.oraclesAndLTTable.head.lt":"LT","components.poolTable.pool":"Market","components.poolTable.market":"Market","components.poolTable.description.universal":"Universal","components.poolTable.supply":"Supply","components.poolTable.borrowed":"Borrowed","components.poolTable.supplyApy":"Supply APY","components.poolTable.supplyApy.tip":"Annual percentage yield that you earn for supplying capital. This number constantly changes as the utilization of the Markets goes up and down","components.poolTable.depositApy":"Deposit APY","components.poolTable.depositApy.tip":"Deposit APY breakdown: base rate, extra rewards, and points","components.poolTable.borrowApy":"Borrow APY","components.poolTable.utilizationApy":"Utilization APY","components.poolTable.borrowApy.tip":"On top of the utilization borrow APY, there is a borrow quota APY for different assets","components.poolTable.utilization":"Utilization","components.poolTable.collateral":"Collateral","components.poolTable.collateral.showAll":"Show All","components.poolTable.balance":"Your Balance","components.poolTable.balance.tip":`You don't earn token rewards, only organic yield. Please migrate liquidity by using "Migrate" flow above.`,"components.poolTable.emptyList":"No Pools found","components.poolTable.notFound.dashboard":"You currently have no open Market positions.","components.poolTable.notFound.list":"No Markets found","components.poolTable.notFound.description.dashboard":"Choose earn above.","components.poolTable.notFound.description.list":"Choose another chain or toggle Show All Markets","components.poolTable.externalApy.tooltipShort":"{value} APY boost when depositing via {name}","components.poolTable.line.rwa.tip":"This is RWA market.","components.rewardsTooltip.without.title":"Without Leverage","components.rewardsTooltip.without.extra":"Extra APY","components.rewardsTooltip.without.extra.tip":"Any deposit through Gearbox","components.rewardsTooltip.with.title":"With {leverage} Leverage","components.rewardsTooltip.with.borrowRate":"{symbol} borrow rate","components.rewardsTooltip.with.quotaRate":"Quota rate","components.rewardsTooltip.with.bonusAPY.title":"Target Bonuses Yield","components.rewardsTooltip.with.bonusAPY.tip":"Expected Bonuses APY is calculated by the Asset Issuer and represents the expected value to be paid out in points.","components.rewardsTooltip.with.extra":"+ Extra APR","components.rewardsTooltip.button":"Click to show rewards details","components.strategiesTable.head.name":"Strategy","components.strategiesTable.head.rewards":"Rewards","components.strategiesTable.head.leverage":"Max Leverage","components.strategiesTable.head.earn":"You Can Earn","components.strategiesTable.body.notFound":"No strategy found","components.strategiesTable.line.disabled":"This strategy is currently not available, cause of lack or quota or liquidity. Please contact us on Discord, and we’ll assist you.","components.strategiesTable.line.name.disabled":"This strategy is currently not available","components.strategiesTable.line.points.tip":"For debt nominated in {symbol}","components.strategiesTable.line.points.tipAny":"For debt","components.strategiesTable.line.0slippage":"0-slippage","components.strategiesTable.line.0slippage.tip":"Wrapping/unwrapping happens directly through smart-contracts, so {symbol} deposits and withdrawals don't incur slippage.","components.strategiesTable.line.rwa":"RWA","components.strategiesTable.line.rwa.tip":"This strategy is available on RWA market."};module.exports=e;
+"use strict";const e={"errors.networkError":"Network error. Can't fetch data","errors.incorrectAddressError":"Incorrect address. Please, check url","errors.noOpenedAccountsError":"You have no opened Credit Accounts. Perhaps, you have recently been liquidated? Check notification centre to see more.","errors.notFound":"Not found","errors.tooManyRequests":"Too many requests","errors.incorrectAddress":"Incorrect address","components.errorMessage.oops":"Oops...","components.alertModal.ok":"Ok","components.footer.privacy":"Privacy Notice","components.footer.terms":"Terms of Service","components.footer.disclosure":"Risk Disclosure Statement","components.footer.legalNotice":"Legal Notice","components.footer.legal":"Legal Info","components.footer.gearbox":"Copyright © Gearbox Foundation 2023-2026.","components.footer.built":"Built at ETHGlobal MarketMake hackathon.","components.footer.version":"Version {value}","components.liquidationPrice.check":"Check Area","components.loading.loading":"Loading","components.loading.loadingPercent":"Loading {percent}%","components.loading.wait":"Please wait...","components.smartNumberInput.balance":"Balance","components.smartNumberInput.amountLabel":"Amount","components.smartNumberInput.inputTitle":"Token Amount","components.smartNumberInput.confirm.input":"Input","components.smartNumberInput.selectToken":"Select token","components.tipWindow.title":"Tip","components.healthFactor.low":"Extremely low! This HF may not cover possible oracle deviations.","components.headCell":"Sort by {value}","components.graphView.noData":"Can't get data for this graph","components.filterBlock.reset":"Reset All","components.filterModal.searchPlaceholder":"Search options...","components.filterModal.noOptionsAvailable":"No options available","components.filterModal.noOptionsMatchSearch":"No options match your search","components.filterModal.reset":"Reset","components.filterModal.apply":"Apply","components.APY.tip":"These APYs are derived from the underlying protocols’ APIs and may differ in reality. Check respective protocols for their methodology.","components.creditSessionDetailedLiquidation.graph.noData":"No data","components.creditSessionDetailedLiquidation.graph.legend.point":"Current price","components.creditSessionDetailedLiquidation.graph.legend.area":"Liquidation Area","components.creditSessionDetailedLiquidation.graph.tip.hf":"Health Factor","components.creditSessionDetailedLiquidation.graph.tip.price":"Price","components.creditSessionDetailedLiquidation.table.noData":"No data","components.creditSessionDetailedLiquidation.table.seeGraph":"See graph","components.creditSessionDetailedLiquidation.table.asset":"Asset","components.creditSessionDetailedLiquidation.table.currentPrice":"Current price","components.creditSessionDetailedLiquidation.table.modelPrice":"Model price","components.apyParts.features.points":"Points","components.apyParts.features.incent":"Incent.","components.apyParts.supplyAPY":"Organic APY","components.apyParts.title":"APY type","components.apyParts.supplyAPY.tip":"Yield from lending funds","components.apyParts.tokenYield":"Intrinsic APY","components.apyParts.tokenYield.tip":"Yield from holding wstETH","components.apyParts.extraAPY":"{symbol} Incentive","components.apyParts.extraAPY.tip":"Calculated at the current rate","components.apyParts.totalAPY":"Overall APY","components.apyParts.points":"{symbol} Incentive","components.apyParts.points.condition.crossDeposit":"For cross-chain deposits made via Omni","components.openCopyButtons.copy":"Copy to clipboard","components.poolAssetsTable.asset":"Asset","components.poolAssetsTable.rate":"Effective rate","components.poolAssetsTable.limits":"Limits Usage","components.poolAssetsTable.usage":"{amount} of {total}","components.poolAssetsTable.head.name":"Credit Manager","components.poolAssetsTable.head.currentDebt":"Current Debt","components.poolAssetsTable.head.assets":"Asset LT","components.poolCreditManagersTable.assets":"{amount} assets","components.creditManagerInfo.title":"Assets and LT’s","components.creditManagerInfo.info.title":"Credit Managers","components.creditManagerInfo.info.copy.tip":"Copy Credit Manager address","components.creditManagerInfo.info.minDebt":"Min debt","components.creditManagerInfo.info.maxDebt":"Max debt","components.creditManagerInfo.info.liquidationFee":"Liquid. fee","components.creditManagerInfo.info.liquidationPremium":"Liquid. premium","components.creditManagerInfo.info.interestFee":"Interest fee","components.creditManagerInfo.info.debtLimit":"Debt limit","components.creditManagerInfo.info.maxEnabledTokens":"Max tokens","dialogs.oraclesAndLTInfo.filter.hide0Quota":"Hide 0-Quota","components.oraclesAndLTInfo.title":"Oracles and LTs","components.oraclesAndLTTable.head.token":"Token","components.oraclesAndLTTable.head.oracles":"Oracles","components.oraclesAndLTTable.head.lt":"LT","components.poolTable.pool":"Market","components.poolTable.market":"Market","components.poolTable.description.universal":"Universal","components.poolTable.supply":"Supply","components.poolTable.borrowed":"Borrowed","components.poolTable.supplyApy":"Supply APY","components.poolTable.supplyApy.tip":"Annual percentage yield that you earn for supplying capital. This number constantly changes as the utilization of the Markets goes up and down","components.poolTable.depositApy":"Deposit APY","components.poolTable.depositApy.tip":"Deposit APY breakdown: base rate, extra rewards, and points","components.poolTable.borrowApy":"Borrow APY","components.poolTable.utilizationApy":"Utilization APY","components.poolTable.borrowApy.tip":"On top of the utilization borrow APY, there is a borrow quota APY for different assets","components.poolTable.utilization":"Utilization","components.poolTable.collateral":"Collateral","components.poolTable.collateral.showAll":"Show All","components.poolTable.balance":"Your Balance","components.poolTable.balance.tip":`You don't earn token rewards, only organic yield. Please migrate liquidity by using "Migrate" flow above.`,"components.poolTable.emptyList":"No Pools found","components.poolTable.notFound.dashboard":"You currently have no open Market positions.","components.poolTable.notFound.list":"No Markets found","components.poolTable.notFound.description.dashboard":"Choose earn above.","components.poolTable.notFound.description.list":"Choose another chain or toggle Show All Markets","components.poolTable.externalApy.tooltipShort":"{value} APY boost when depositing via {name}","components.poolTable.line.rwa.tip":"This is RWA market.","components.rewardsTooltip.without.title":"Without Leverage","components.rewardsTooltip.without.extra":"Extra APY","components.rewardsTooltip.without.extra.tip":"Any deposit through Gearbox","components.rewardsTooltip.with.title":"With {leverage} Leverage","components.rewardsTooltip.with.borrowRate":"{symbol} borrow rate","components.rewardsTooltip.with.quotaRate":"Quota rate","components.rewardsTooltip.with.bonusAPY.title":"Target Bonuses Yield","components.rewardsTooltip.with.bonusAPY.tip":"Expected Bonuses APY is calculated by the Asset Issuer and represents the expected value to be paid out in points.","components.rewardsTooltip.with.extra":"+ Extra APR","components.rewardsTooltip.button":"Click to show rewards details","components.strategiesTable.head.name":"Strategy","components.strategiesTable.head.rewards":"Rewards","components.strategiesTable.head.leverage":"Max Leverage","components.strategiesTable.head.earn":"You Can Earn","components.strategiesTable.body.notFound":"No strategy found","components.strategiesTable.line.disabled":"This strategy is currently not available, cause of lack or quota or liquidity. Please contact us on Discord, and we’ll assist you.","components.strategiesTable.line.name.disabled":"This strategy is currently not available","components.strategiesTable.line.points.tip":"For debt nominated in {symbol}","components.strategiesTable.line.points.tipAny":"For debt","components.strategiesTable.line.0slippage":"0-slippage","components.strategiesTable.line.0slippage.tip":"Wrapping/unwrapping happens directly through smart-contracts, so {symbol} deposits and withdrawals don't incur slippage.","components.strategiesTable.line.rwa":"RWA","components.strategiesTable.line.rwa.tip":"This strategy is available on RWA market."};module.exports=e;

package/dist/esm/components/health-factor/health-factor.js

@@ -1,5 +1,5 @@
 import { jsxs as f, jsx as c } from "react/jsx-runtime";
-import { PERCENTAGE_FACTOR as p, formatPercentage as v } from "@gearbox-protocol/sdk";
+import { formatPercentage as p, PERCENTAGE_FACTOR as v } from "@gearbox-protocol/sdk";
 import { cva as x } from "class-variance-authority";
 import "react";
 import { cn as C } from "../../utils/cn.js";
@@ -10,7 +10,7 @@ import "../../utils/z-index.js";
 import { StatusBars as F } from "../status-elements/status-elements.js";
 const g = 15e3, A = 11e3, H = 10500, N = (t) => {
   if (t)
-    return t >= g ? "good" : t > A ? "medium" : t > H ? "bad" : t > p ? "critical" : "liquidation";
+    return t >= g ? "good" : t > A ? "medium" : t > H ? "bad" : t > v ? "critical" : "liquidation";
 }, b = x(
   "inline-flex items-center font-medium [text-decoration:inherit]",
   {
@@ -38,7 +38,7 @@ function G({
   const n = e !== void 0 && e === 0n, r = !n && i === "color" ? o === void 0 ? N(t) : o : void 0, s = r === void 0 ? void 0 : r === null ? "unset" : r, d = () => {
     if (n) return "N/A";
     const l = Number(t);
-    return v(l, a);
+    return p(l, a);
   };
   return /* @__PURE__ */ f(
     "span",

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

@@ -1,33 +1,39 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import { cva as b } from "class-variance-authority";
-import * as n from "react";
-import { createPortal as _ } from "react-dom";
-import { CurrencyButton as A } from "../currency-button/currency-button.js";
-import { faXmark as ee } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as te } from "../icons/fa-icon.js";
-import { useIsMobile as re, useIsTablet as ne, useIsDesktop as se } from "../../hooks/use-media-query.js";
-import { smartNumberInputTestIds as h } from "../../test-ids/smart-number-input.js";
-import { bnToInputView as oe } from "../../utils/bn-to-input-view.js";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { cva as k } from "class-variance-authority";
+import * as r from "react";
+import { createPortal as de } from "react-dom";
+import { Checkbox as ue } from "../checkbox/checkbox.js";
+import "../checkbox/checkbox-labeled.js";
+import { CurrencyButton as me } from "../currency-button/currency-button.js";
+import { HealthFactor as fe } from "../health-factor/health-factor.js";
+import { faXmark as pe } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as he } from "../icons/fa-icon.js";
+import { Slider as ge } from "../slider/slider.js";
+import "../slider/slider-context.js";
+import { useIntlTyped as xe, FormattedMessageTyped as B } from "../typed-intl/index.js";
+import { useIsMobile as be, useIsTablet as ve, useIsDesktop as we } from "../../hooks/use-media-query.js";
+import { smartNumberInputTestIds as w } from "../../test-ids/smart-number-input.js";
+import { bnToInputView as ye } from "../../utils/bn-to-input-view.js";
 import "@gearbox-protocol/sdk";
-import { parseInputToBN as ae } from "../../utils/parse-input-to-bn.js";
-import { cn as w } from "../../utils/cn.js";
+import { parseInputToBN as Ne } from "../../utils/parse-input-to-bn.js";
+import { cn as y } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-import { BalanceIndicator as ie } from "./balance-indicator.js";
-const le = b(
+import { BalanceIndicator as Ie } from "./balance-indicator.js";
+const Ce = k(
   "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"
+        sm: "px-3 py-[7px] min-h-[60px] rounded-[8px]",
+        md: "pl-4 pr-3 py-[10px] min-h-[82px] rounded-lg"
       }
     },
     defaultVariants: { size: "md" }
   }
-), ce = b("font-medium text-foreground", {
+), ke = k("font-medium text-foreground", {
   variants: {
     size: {
       sm: "text-xs",
@@ -35,7 +41,7 @@ const le = b(
     }
   },
   defaultVariants: { size: "md" }
-}), de = b(
+}), Me = k(
   "w-full p-0 bg-transparent border-none outline-none text-foreground placeholder:text-secondary-foreground focus:outline-none",
   {
     variants: {
@@ -46,123 +52,171 @@ const le = b(
     },
     defaultVariants: { size: "md" }
   }
-), ue = n.forwardRef(
+);
+function C(s) {
+  return Math.round(s * 100);
+}
+function ze(s) {
+  return s / 100;
+}
+function Fe(s, a) {
+  const f = parseFloat(s.replace(",", ".") || "0");
+  if (!Number.isFinite(f) || f === 0) return "$0";
+  const o = f * a, x = Math.abs(o) < 100;
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: "USD",
+      minimumFractionDigits: x ? 2 : 0,
+      maximumFractionDigits: x ? 2 : 0
+    }).format(o);
+  } catch {
+    return "$0";
+  }
+}
+const Le = r.forwardRef(
   ({
-    amount: I,
-    token: s,
-    label: k = "Amount",
-    maxAmount: i,
+    amount: s,
+    token: a,
+    label: f,
+    maxAmount: o,
     maxAmountLimit: g,
-    maxButtonLabel: B,
-    chainId: M,
-    network: V,
-    maxButton: E = !0,
-    disabled: o = !1,
-    active: R = !1,
-    size: S = "md",
-    symbolMaxLength: T,
-    tokenOptions: x,
-    onSetAmount: l,
-    onShowSelectDialog: y,
-    onRemove: N,
-    onFocus: j,
-    onBlur: F
-  }, D) => {
-    const z = s?.decimals ?? 18, W = (e) => {
-      const t = e.target.value, [d, p] = ae(t, z);
-      d === null || p === null || l && l(d, p);
-    }, O = () => {
-      if (l) {
-        const e = i && g && i > g ? g : i || 0n, t = oe(e, z);
-        l(e, t);
+    maxButtonLabel: x,
+    chainId: S,
+    network: E,
+    maxButton: R = !0,
+    disabled: u = !1,
+    active: D = !1,
+    size: j = "md",
+    symbolMaxLength: $,
+    tokenOptions: N,
+    multiSelectMode: H = !1,
+    onSetAmount: p,
+    onShowSelectDialog: M,
+    onRemove: z,
+    onFocus: U,
+    onBlur: P,
+    usdPrice: F,
+    hfSlider: c
+  }, W) => {
+    const { formatMessage: O } = xe(), X = r.useId(), L = a?.decimals ?? 18, q = (e) => {
+      const n = e.target.value, [i, d] = Ne(n, L);
+      i === null || d === null || p && p(i, d);
+    }, G = () => {
+      if (p) {
+        const e = o && g && o > g ? g : o || 0n, n = ye(e, L);
+        p(e, n);
       }
-    }, [P, C] = n.useState(!1), X = () => {
-      C(!0), j?.();
-    }, $ = () => {
-      C(!1), F?.();
-    }, c = S ?? "md", q = re(), G = ne(), H = se(), J = T ?? (q ? 20 : G ? 30 : H ? 22 : 30), [a, v] = n.useState(!1), m = n.useRef(null), L = n.useRef(null), [K, Q] = n.useState({});
-    n.useLayoutEffect(() => {
-      if (!a || !m.current) return;
+    }, [J, T] = r.useState(!1), K = () => {
+      T(!0), U?.();
+    }, Q = () => {
+      T(!1), P?.();
+    }, Y = be(), Z = c?.min ?? 1, _ = c?.max ?? 3, A = c?.step ?? 0.01, ee = Math.max(1, Math.round(1 / A)), h = j ?? "md", te = Y, ne = ve(), re = we(), se = $ ?? (te ? 20 : ne ? 30 : re ? 22 : 30), [m, I] = r.useState(!1), b = r.useRef(null), V = r.useRef(null), [ae, oe] = r.useState({});
+    r.useLayoutEffect(() => {
+      if (!m || !b.current) return;
       const e = () => {
-        const t = m.current?.getBoundingClientRect();
-        t && Q({
+        const n = b.current?.getBoundingClientRect();
+        n && oe({
           position: "fixed",
-          top: t.bottom + 4,
-          right: window.innerWidth - t.right,
-          minWidth: t.width,
+          top: n.bottom + 4,
+          right: window.innerWidth - n.right,
+          minWidth: n.width,
           zIndex: 9999
         });
       };
       return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
         window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
       };
-    }, [a]), n.useEffect(() => {
-      if (!a) return;
-      const e = (t) => {
-        const d = t.target, p = m.current?.contains(d), Z = L.current?.contains(d);
-        !p && !Z && v(!1);
+    }, [m]), r.useEffect(() => {
+      if (!m) return;
+      const e = (n) => {
+        const i = n.target, d = b.current?.contains(i), ce = V.current?.contains(i);
+        !d && !ce && I(!1);
       };
       return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-    }, [a]);
-    const f = !!(x && x.length > 0), U = !o && f ? () => v((e) => !e) : y, Y = !!(s || y || f);
-    return /* @__PURE__ */ u(
+    }, [m]);
+    const v = !!(N && N.length > 0), ie = !u && v ? () => I((e) => !e) : M, le = !!(a || M || v);
+    return /* @__PURE__ */ l(
       "div",
       {
-        ref: D,
-        className: le({ size: c }),
-        "data-testid": h.root,
-        "data-active": P,
-        "data-disabled": o,
+        ref: W,
+        className: Ce({ size: h }),
+        "data-testid": w.root,
+        "data-active": J,
+        "data-disabled": u,
         children: [
-          N && /* @__PURE__ */ r(
+          z && /* @__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": h.close,
-              children: /* @__PURE__ */ r(
+              "data-testid": w.close,
+              children: /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  onClick: N,
+                  onClick: z,
                   className: "flex h-5 w-5 items-center justify-center rounded-full bg-muted hover:bg-muted/80 text-muted-foreground",
-                  children: /* @__PURE__ */ r(te, { icon: ee, className: "size-3" })
+                  children: /* @__PURE__ */ t(he, { icon: pe, className: "size-3" })
                 }
               )
             }
           ),
-          /* @__PURE__ */ u("div", { className: "mb-2 flex justify-between text-sm leading-[120%]", children: [
-            /* @__PURE__ */ r(
+          /* @__PURE__ */ l("div", { className: "mb-2 flex justify-between text-sm leading-[120%]", children: [
+            /* @__PURE__ */ t(
               "span",
               {
-                className: w(
-                  ce({ size: c }),
+                className: y(
+                  ke({ size: h }),
                   "grow shrink-0 basis-0"
                 ),
-                "data-testid": h.label,
-                children: k
+                "data-testid": w.label,
+                children: f ?? /* @__PURE__ */ t(B, { messageId: "components.smartNumberInput.amountLabel" })
               }
             ),
-            i !== void 0 && s && /* @__PURE__ */ r(
-              ie,
+            c !== void 0 ? /* @__PURE__ */ l("div", { className: "ml-auto flex w-1/2 min-w-0 items-center gap-1", children: [
+              /* @__PURE__ */ t("span", { className: "shrink-0 text-xs text-secondary-foreground", children: "HF" }),
+              /* @__PURE__ */ t("div", { className: "min-w-0 flex-1 [&>div]:px-0 [&>div]:pb-0", children: /* @__PURE__ */ t(
+                ge,
+                {
+                  from: C(Z),
+                  to: C(_),
+                  value: C(c.value),
+                  precision: ee,
+                  markerStep: 0,
+                  epsilon: 0,
+                  onChangeValue: (e) => c.onChange(ze(e))
+                }
+              ) }),
+              /* @__PURE__ */ t(
+                fe,
+                {
+                  value: Math.round(c.value * 1e4),
+                  debt: 1n,
+                  decimals: 2,
+                  className: "shrink-0 text-xs tabular-nums"
+                }
+              )
+            ] }) : o !== void 0 && a && /* @__PURE__ */ t(
+              Ie,
               {
-                title: B,
-                token: s,
-                maxAmount: i,
-                size: c,
-                disabled: o,
-                maxButton: E,
-                onMaxButtonClick: O
+                title: x,
+                token: a,
+                maxAmount: o,
+                size: h,
+                disabled: u,
+                maxButton: R,
+                onMaxButtonClick: G
               }
             )
           ] }),
-          /* @__PURE__ */ u(
+          /* @__PURE__ */ l(
             "div",
             {
-              className: w(
+              className: y(
                 "flex w-full max-w-full shrink-0 basis-full items-center"
               ),
               children: [
-                /* @__PURE__ */ r("div", { className: "mr-3 grow shrink-0 basis-0", children: /* @__PURE__ */ r(
+                /* @__PURE__ */ t("div", { className: "mr-3 grow shrink-0 basis-0", children: /* @__PURE__ */ t(
                   "input",
                   {
                     type: "text",
@@ -172,58 +226,93 @@ const le = b(
                     spellCheck: "false",
                     pattern: "^[0-9]*[.,]?[0-9]*$",
                     placeholder: "0",
-                    value: I,
-                    onChange: W,
-                    onFocus: X,
-                    onBlur: $,
-                    disabled: o || !l,
-                    className: w(
-                      de({ size: c }),
-                      o && "cursor-not-allowed"
+                    value: s,
+                    onChange: q,
+                    onFocus: K,
+                    onBlur: Q,
+                    disabled: u || !p,
+                    className: y(
+                      Me({ size: h }),
+                      u && "cursor-not-allowed"
                     ),
-                    "data-testid": h.input,
+                    "data-testid": w.input,
                     minLength: 1,
                     maxLength: 79,
-                    title: "Amount"
+                    title: O({
+                      messageId: "components.smartNumberInput.inputTitle"
+                    })
                   }
                 ) }),
-                Y ? /* @__PURE__ */ u("div", { ref: m, className: "shrink-0", children: [
-                  /* @__PURE__ */ r(
-                    A,
+                le ? /* @__PURE__ */ l("div", { ref: b, className: "shrink-0", children: [
+                  /* @__PURE__ */ t(
+                    me,
                     {
-                      active: f ? a : R,
-                      size: c,
-                      disabled: o,
-                      token: s,
-                      showSelectDialog: U,
-                      chainId: M,
-                      network: V,
-                      maxLength: J,
-                      children: s?.symbol ?? "Select token"
+                      active: v ? m : D,
+                      size: h,
+                      disabled: u,
+                      token: a,
+                      showSelectDialog: ie,
+                      chainId: S,
+                      network: E,
+                      maxLength: se,
+                      children: a?.symbol ?? /* @__PURE__ */ t(B, { messageId: "components.smartNumberInput.selectToken" })
                     }
                   ),
-                  f && a && _(
-                    /* @__PURE__ */ r(
+                  v && m && de(
+                    /* @__PURE__ */ t(
                       "div",
                       {
-                        ref: L,
-                        style: K,
+                        ref: V,
+                        style: ae,
                         className: "overflow-hidden rounded-lg border border-gray-30 bg-gray-20 shadow-lg",
-                        children: x?.map((e, t) => /* @__PURE__ */ u(
-                          "button",
-                          {
-                            type: "button",
-                            onClick: () => {
-                              e.onSelect(), v(!1);
+                        children: N?.map((e, n) => {
+                          const i = `${X}-${n}`, d = "flex w-full min-w-0 items-center gap-2 px-3 py-2 text-sm text-foreground hover:bg-gray-30";
+                          return H ? /* @__PURE__ */ l(
+                            "div",
+                            {
+                              className: d,
+                              children: [
+                                /* @__PURE__ */ t(
+                                  ue,
+                                  {
+                                    id: i,
+                                    checked: !!e.checked,
+                                    color: "secondary",
+                                    size: "md",
+                                    className: "shrink-0",
+                                    onCheckedChange: () => e.onSelect()
+                                  }
+                                ),
+                                /* @__PURE__ */ l(
+                                  "label",
+                                  {
+                                    htmlFor: i,
+                                    className: "flex min-w-0 flex-1 cursor-pointer items-center gap-2 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 })
+                                    ]
+                                  }
+                                )
+                              ]
                             },
-                            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__ */ r("span", { className: "inline-flex shrink-0 items-center", children: e.icon }) : null,
-                              /* @__PURE__ */ r("span", { className: "truncate", children: e.label })
-                            ]
-                          },
-                          t
-                        ))
+                            n
+                          ) : /* @__PURE__ */ l(
+                            "button",
+                            {
+                              type: "button",
+                              onClick: () => {
+                                e.onSelect(), I(!1);
+                              },
+                              className: y(d, "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 })
+                              ]
+                            },
+                            n
+                          );
+                        })
                       }
                     ),
                     document.body
@@ -231,13 +320,14 @@ const le = b(
                 ] }) : null
               ]
             }
-          )
+          ),
+          F !== void 0 && /* @__PURE__ */ t("div", { className: "mt-1 text-xs leading-[130%] text-secondary-foreground", children: Fe(s, F) })
         ]
       }
     );
   }
 );
-ue.displayName = "SmartNumberInput";
+Le.displayName = "SmartNumberInput";
 export {
-  ue as SmartNumberInput
+  Le as SmartNumberInput
 };

package/dist/esm/locale/en.json.js

@@ -20,8 +20,10 @@ const e = {
   "components.loading.loadingPercent": "Loading {percent}%",
   "components.loading.wait": "Please wait...",
   "components.smartNumberInput.balance": "Balance",
+  "components.smartNumberInput.amountLabel": "Amount",
   "components.smartNumberInput.inputTitle": "Token Amount",
   "components.smartNumberInput.confirm.input": "Input",
+  "components.smartNumberInput.selectToken": "Select token",
   "components.tipWindow.title": "Tip",
   "components.healthFactor.low": "Extremely low! This HF may not cover possible oracle deviations.",
   "components.headCell": "Sort by {value}",