@gearbox-protocol/ui-kit 3.12.2 → 3.13.0

package/dist/cjs/components/compound-apy/compound-apy.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),z=require("@gearbox-protocol/static"),M=require("react"),O=require("../points-icon/points-icon.cjs"),E=require("../pool-apy-tooltip/pool-apy-tooltip.cjs"),N=require("../token-icon/token-icon.cjs"),_=require("../../utils/format-money.cjs"),V=require("../../utils/static.cjs");require("../accordion/accordion.cjs");require("@fortawesome/free-solid-svg-icons");require("../icons/fa-icon.cjs");require("@gearbox-protocol/sdk");require("clsx");require("tailwind-merge");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");require("../alert-badge/alert-badge.cjs");require("../alert-dialog/alert-dialog.cjs");require("../alert-modal/alert-modal.cjs");require("../tooltip/simple-tooltip.cjs");require("../tooltip/tooltip.cjs");require("react-intl");require("../arc-loader/arc-loader.cjs");require("../asset-line/asset-line.cjs");require("../buttons/back-button/back-button.cjs");require("../buttons/button/button.cjs");require("../buttons/copy-button/copy-button.cjs");require("../buttons/external-button/external-button.cjs");require("../buttons/filter-button/filter-button.cjs");require("../buttons/navigation-button/navigation-button.cjs");require("../buttons/tab-button/tab-button.cjs");require("wagmi");require("../auth/wallet-ui-context.cjs");require("../avatar/avatar.cjs");require("../badge/badge.cjs");require("../base-link/base-link.cjs");require("../navigation-context/navigation-context.cjs");require("../button-checkbox/button-checkbox.cjs");require("../card-grid/card-grid.cjs");require("../cards/card/card.cjs");require("../carousel/carousel.cjs");require("../checkbox/checkbox.cjs");require("../checkbox/checkbox-labeled.cjs");require("../checkbox-item/checkbox-item.cjs");require("../client-adapters/styled-button/styled-button.cjs");require("../client-adapters/styled-dialog-container/styled-dialog-container.cjs");require("../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../colored-text/colored-text.cjs");require("../input/input.cjs");require("../with-title/with-title.cjs");require("../smart-number-input/balance-indicator.cjs");require("../smart-number-input/smart-number-input.cjs");require("../table/grid-table.cjs");const $=require("../token-symbol/token-symbol.cjs");require("../typography/typography.cjs");require("../help-tip/help-tip.cjs");require("../description/description.cjs");require("../confirm-menu/confirm-menu.cjs");require("../dialog/dialog-modal-container.cjs");require("../text-button/text-button.cjs");require("../vertical-indicator/vertical-indicator.cjs");require("../rounded-image/rounded-image.cjs");require("../progress/progress.cjs");require("../pool-indicator-icon/pool-indicator-icon.cjs");require("../skeleton/skeleton.cjs");require("../composites/strategies-table/components/feature/feature.styles.cjs");require("viem");require("../icon-button/icon-button.cjs");require("../separate-line/separate-line.cjs");require("../tip-card/tip-card.cjs");require("../vertical-list/vertical-list.cjs");require("../composites/strategies-table/components/rewards-tooltip/rewards-tooltip-root.cjs");require("../currency-button/currency-button.cjs");require("../detailed-apy/detailed-apy.cjs");require("../detailed-page-title/detailed-page-title.cjs");require("../detailed-page-title/detailed-page-title-copy-button.cjs");require("../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../modal/modal.cjs");require("@radix-ui/react-dialog");require("../dialog/dialog-container.cjs");require("../dialog/dialog-content.cjs");require("../dialog/dialog-description.cjs");require("../dialog/dialog-footer.cjs");require("../dialog/dialog-header.cjs");require("../dialog/dialog-title.cjs");require("../dialog/dialog-overlay.cjs");require("../label/label.cjs");require("../dropdown-menu/dropdown-menu.cjs");require("../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../dropdown-menu/dropdown-menu-content.cjs");require("../dropdown-menu/dropdown-menu-item.cjs");require("../dropdown-menu/dropdown-menu-label.cjs");require("../dropdown-menu/dropdown-menu-radio-item.cjs");require("../dropdown-menu/dropdown-menu-separator.cjs");require("../dropdown-menu/dropdown-menu-shortcut.cjs");require("../dropdown-menu/dropdown-menu-sub-content.cjs");require("../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../edit-input/edit-input.cjs");require("../fadeout-loading/fadeout-loading.cjs");require("../filter/filter-block.cjs");require("../filter/filter-checkbox-item.cjs");require("../filter/filter-chip.cjs");require("../filter/filter-chips.cjs");require("../filter/filter-dropdown-item.cjs");require("../filter/filter-group.cjs");require("../filter/filter-label.cjs");require("../search-line/search-line.cjs");require("../tabs/tabs.cjs");require("../filter/filter-modal-item.cjs");require("../filter/filter-radio-item.cjs");require("../filter/filter-separator.cjs");require("../filter/variants.cjs");require("../graph/formatters.cjs");require("lightweight-charts");require("../graph/graph-view.cjs");require("../health-factor/health-factor.cjs");require("../horizontal-indicator/horizontal-indicator.cjs");require("../layout/col/col.cjs");require("../layout/container/container.cjs");require("../layout/footer/footer.cjs");require("../layout/grid/grid.cjs");require("../layout/header/header.cjs");require("../layout/layout/layout.cjs");require("../layout/main-aside-layout/main-aside-layout.cjs");require("../page-title/page-title.cjs");require("../layout/social-icons/social-icons.cjs");require("../link/link.cjs");require("../../utils/reactochart-compat.cjs");require("../status-elements/status-elements.cjs");require("../loader/loader.cjs");require("../loading/loading.cjs");require("../loading-bar/loading-bar.cjs");require("react-markdown");require("remark-gfm");require("../navbar/navbar.cjs");require("../navbar/navbar-indicator-context.cjs");require("../app-bar/app-bar.cjs");require("../navitem/navitem.cjs");require("../simple-dropdown/simple-dropdown.cjs");require("../progress-bar/progress-bar.cjs");require("../radio-group/radio-group.cjs");require("../search-bar/search-bar.cjs");require("../segmented-control/segmented-control.cjs");require("../select/select.cjs");require("../separator/separator.cjs");require("../simple-accordion/simple-accordion.cjs");require("../simple-dropdown/simple-dropdown-menu-item.cjs");require("../slider/slider.cjs");require("../slider/slider-context.cjs");require("@radix-ui/react-slider");require("../spinner/spinner.cjs");require("../spinner-loader/spinner-loader.cjs");require("../split-list/split-list.cjs");require("../stat-badge/stat-badge.cjs");require("../status-dot/status-dot.cjs");require("../stepper/stepper.cjs");require("../switch/switch.cjs");require("../table/table.cjs");require("../table/grid-table-loader.cjs");require("../textarea/textarea.cjs");require("../theme-provider.cjs");require("../time-to-liquidation/time-to-liquidation.cjs");require("../toggle/toggle.cjs");require("../with-filter-button/with-filter-button.cjs");function A(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const q in e)if(q!=="default"){const t=Object.getOwnPropertyDescriptor(e,q);Object.defineProperty(n,q,t.get?t:{enumerable:!0,get:()=>e[q]})}}return n.default=e,Object.freeze(n)}const g=A(M);function T(e,n){const q=e?.symbol||n;return q==="GEAR"?{icon:V.getStatic("/logo/logo_symbol.png")}:$.getSymbolOrIcon(e)||q}function C({totalAPY:e,totalAPYLoading:n,baseAPY:q,extraAPY:t,externalAPY:i,points:s,apy7DAgo:w,tokensList:f,decimals:p=2,className:S}){const a=g.useMemo(()=>{if(i)return{...i,value:i.value??i.apy??0}},[i]),c=g.useMemo(()=>t.filter(d=>(d.apy||0)>0),[t]),b=!n&&e>=.001,h=()=>{const d=c.length>0,I=a&&!n&&a.totalValue>0&&a.totalValue!==e,v=s&&s.length>0,R=`${[_.formatPercentAmount(e,p),...I?[_.formatPercentAmount(a.totalValue,p)]:[]].join("-")}%`,j=Math.max(c.length,0),x=s?.filter(r=>r.reward)??[],l=j+x.length;return u.jsxs("div",{className:S,children:[u.jsxs("span",{className:"inline-flex items-center",children:[R,b&&u.jsx("span",{className:"ml-1.5 leading-[0] text-gray-70",children:u.jsx(z.IconInfo,{size:14})})]}),u.jsx("div",{}),(d||v)&&u.jsxs("span",{className:"relative inline-flex",children:[c.map((r,o)=>{const m=f?.[r.rewardToken],y=o===l-1;return u.jsx("span",{style:{zIndex:l-o,marginRight:y?0:-7},children:u.jsx(N.TokenIcon,{symbol:T(m,r.rewardTokenSymbol),size:14,style:{margin:r.rewardTokenSymbol==="GEAR"?"-3px 0 0 0":"0"}})},`extra-${r.rewardToken}-${r.apy}`)}),x.map((r,o)=>{const m=o+j,y=m===l-1;return u.jsx("span",{style:{zIndex:l-m,marginRight:y?0:-7},children:u.jsx(O.PointsIcon,{reward:{name:r.reward?.name||r.name,type:r.reward?.type||r.name.toLowerCase()},size:14})},`points-${r.name}-${o}`)})]})]})},k=g.useMemo(()=>{if(i)return{totalValue:i.totalValue,apy:i.value??i.apy??0,name:i.name,tooltip:i.tooltip}},[i]);return b?u.jsx(E.PoolAPYTooltip,{baseAPY:q,extraAPY:c,totalAPY:e,externalAPY:k,points:s,apy7DAgo:w,tokensList:f,children:h()}):h()}exports.CompoundAPY=C;exports.getRewardTokenSymbol=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),M=require("@gearbox-protocol/static"),k=require("react"),E=require("../points-icon/points-icon.cjs"),N=require("../pool-apy-tooltip/pool-apy-tooltip.cjs"),V=require("../token-icon/token-icon.cjs"),$=require("../../types/common.cjs"),_=require("../../utils/format-money.cjs"),C=require("../../utils/static.cjs");require("../accordion/accordion.cjs");require("@fortawesome/free-solid-svg-icons");require("../icons/fa-icon.cjs");require("@gearbox-protocol/sdk");require("clsx");require("tailwind-merge");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");require("../alert-badge/alert-badge.cjs");require("../alert-dialog/alert-dialog.cjs");require("../alert-modal/alert-modal.cjs");require("../tooltip/simple-tooltip.cjs");require("../tooltip/tooltip.cjs");require("react-intl");require("../arc-loader/arc-loader.cjs");require("../asset-line/asset-line.cjs");require("../buttons/back-button/back-button.cjs");require("../buttons/button/button.cjs");require("../buttons/copy-button/copy-button.cjs");require("../buttons/external-button/external-button.cjs");require("../buttons/filter-button/filter-button.cjs");require("../buttons/navigation-button/navigation-button.cjs");require("../buttons/tab-button/tab-button.cjs");require("wagmi");require("../auth/wallet-ui-context.cjs");require("../avatar/avatar.cjs");require("../badge/badge.cjs");require("../base-link/base-link.cjs");require("../navigation-context/navigation-context.cjs");require("../button-checkbox/button-checkbox.cjs");require("../card-grid/card-grid.cjs");require("../cards/card/card.cjs");require("../carousel/carousel.cjs");require("../checkbox/checkbox.cjs");require("../checkbox/checkbox-labeled.cjs");require("../checkbox-item/checkbox-item.cjs");require("../client-adapters/styled-button/styled-button.cjs");require("../client-adapters/styled-dialog-container/styled-dialog-container.cjs");require("../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../colored-text/colored-text.cjs");require("../input/input.cjs");require("../with-title/with-title.cjs");require("../smart-number-input/balance-indicator.cjs");require("../smart-number-input/smart-number-input.cjs");require("../table/grid-table.cjs");const I=require("../token-symbol/token-symbol.cjs");require("../typography/typography.cjs");require("../help-tip/help-tip.cjs");require("../description/description.cjs");require("../confirm-menu/confirm-menu.cjs");require("../dialog/dialog-modal-container.cjs");require("../text-button/text-button.cjs");require("../vertical-indicator/vertical-indicator.cjs");require("../rounded-image/rounded-image.cjs");require("../progress/progress.cjs");require("../pool-indicator-icon/pool-indicator-icon.cjs");require("../skeleton/skeleton.cjs");require("../composites/strategies-table/components/feature/feature.styles.cjs");require("viem");require("../icon-button/icon-button.cjs");require("../separate-line/separate-line.cjs");require("../tip-card/tip-card.cjs");require("../vertical-list/vertical-list.cjs");require("../composites/strategies-table/components/rewards-tooltip/rewards-tooltip-root.cjs");require("../currency-button/currency-button.cjs");require("../detailed-apy/detailed-apy.cjs");require("../detailed-page-title/detailed-page-title.cjs");require("../detailed-page-title/detailed-page-title-copy-button.cjs");require("../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../modal/modal.cjs");require("@radix-ui/react-dialog");require("../dialog/dialog-container.cjs");require("../dialog/dialog-content.cjs");require("../dialog/dialog-description.cjs");require("../dialog/dialog-footer.cjs");require("../dialog/dialog-header.cjs");require("../dialog/dialog-title.cjs");require("../dialog/dialog-overlay.cjs");require("../label/label.cjs");require("../dropdown-menu/dropdown-menu.cjs");require("../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../dropdown-menu/dropdown-menu-content.cjs");require("../dropdown-menu/dropdown-menu-item.cjs");require("../dropdown-menu/dropdown-menu-label.cjs");require("../dropdown-menu/dropdown-menu-radio-item.cjs");require("../dropdown-menu/dropdown-menu-separator.cjs");require("../dropdown-menu/dropdown-menu-shortcut.cjs");require("../dropdown-menu/dropdown-menu-sub-content.cjs");require("../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../edit-input/edit-input.cjs");require("../fadeout-loading/fadeout-loading.cjs");require("../filter/filter-block.cjs");require("../filter/filter-checkbox-item.cjs");require("../filter/filter-chip.cjs");require("../filter/filter-chips.cjs");require("../filter/filter-dropdown-item.cjs");require("../filter/filter-group.cjs");require("../filter/filter-label.cjs");require("../search-line/search-line.cjs");require("../tabs/tabs.cjs");require("../filter/filter-modal-item.cjs");require("../filter/filter-radio-item.cjs");require("../filter/filter-separator.cjs");require("../filter/variants.cjs");require("../graph/formatters.cjs");require("lightweight-charts");require("../graph/graph-view.cjs");require("../health-factor/health-factor.cjs");require("../horizontal-indicator/horizontal-indicator.cjs");require("../layout/col/col.cjs");require("../layout/container/container.cjs");require("../layout/footer/footer.cjs");require("../layout/grid/grid.cjs");require("../layout/header/header.cjs");require("../layout/layout/layout.cjs");require("../layout/main-aside-layout/main-aside-layout.cjs");require("../page-title/page-title.cjs");require("../layout/social-icons/social-icons.cjs");require("../link/link.cjs");require("../../utils/reactochart-compat.cjs");require("../status-elements/status-elements.cjs");require("../loader/loader.cjs");require("../loading/loading.cjs");require("../loading-bar/loading-bar.cjs");require("react-markdown");require("remark-gfm");require("../navbar/navbar.cjs");require("../navbar/navbar-indicator-context.cjs");require("../app-bar/app-bar.cjs");require("../navitem/navitem.cjs");require("../simple-dropdown/simple-dropdown.cjs");require("../progress-bar/progress-bar.cjs");require("../radio-group/radio-group.cjs");require("../search-bar/search-bar.cjs");require("../segmented-control/segmented-control.cjs");require("../select/select.cjs");require("../separator/separator.cjs");require("../simple-accordion/simple-accordion.cjs");require("../simple-dropdown/simple-dropdown-menu-item.cjs");require("../slider/slider.cjs");require("../slider/slider-context.cjs");require("@radix-ui/react-slider");require("../spinner/spinner.cjs");require("../spinner-loader/spinner-loader.cjs");require("../split-list/split-list.cjs");require("../stat-badge/stat-badge.cjs");require("../status-dot/status-dot.cjs");require("../stepper/stepper.cjs");require("../switch/switch.cjs");require("../table/table.cjs");require("../table/grid-table-loader.cjs");require("../textarea/textarea.cjs");require("../theme-provider.cjs");require("../time-to-liquidation/time-to-liquidation.cjs");require("../toggle/toggle.cjs");require("../with-filter-button/with-filter-button.cjs");function A(e){const q=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(q,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return q.default=e,Object.freeze(q)}const g=A(k);function S(e,q){if(e?.icon!==void 0&&$.isIconComposite(e.icon))return I.getSymbolOrIcon(e)??(e.symbol||q);const n=e?.symbol||q;return n==="GEAR"?{icon:C.getStatic("/logo/logo_symbol.png")}:I.getSymbolOrIcon(e)||n}function L({totalAPY:e,totalAPYLoading:q,baseAPY:n,extraAPY:t,externalAPY:i,points:s,apy7DAgo:T,tokensList:p,decimals:f=2,className:w}){const c=g.useMemo(()=>{if(i)return{...i,value:i.value??i.apy??0}},[i]),a=g.useMemo(()=>t.filter(d=>(d.apy||0)>0),[t]),b=!q&&e>=.001,h=()=>{const d=a.length>0,R=c&&!q&&c.totalValue>0&&c.totalValue!==e,O=s&&s.length>0,z=`${[_.formatPercentAmount(e,f),...R?[_.formatPercentAmount(c.totalValue,f)]:[]].join("-")}%`,j=Math.max(a.length,0),x=s?.filter(r=>r.reward)??[],l=j+x.length;return u.jsxs("div",{className:w,children:[u.jsxs("span",{className:"inline-flex items-center",children:[z,b&&u.jsx("span",{className:"ml-1.5 leading-[0] text-gray-70",children:u.jsx(M.IconInfo,{size:14})})]}),u.jsx("div",{}),(d||O)&&u.jsxs("span",{className:"relative inline-flex",children:[a.map((r,o)=>{const m=p?.[r.rewardToken],y=o===l-1;return u.jsx("span",{style:{zIndex:l-o,marginRight:y?0:-7},children:u.jsx(V.TokenIcon,{symbol:S(m,r.rewardTokenSymbol),size:14,style:{margin:r.rewardTokenSymbol==="GEAR"?"-3px 0 0 0":"0"}})},`extra-${r.rewardToken}-${r.apy}`)}),x.map((r,o)=>{const m=o+j,y=m===l-1;return u.jsx("span",{style:{zIndex:l-m,marginRight:y?0:-7},children:u.jsx(E.PointsIcon,{reward:{name:r.reward?.name||r.name,type:r.reward?.type||r.name.toLowerCase()},size:14})},`points-${r.name}-${o}`)})]})]})},v=g.useMemo(()=>{if(i)return{totalValue:i.totalValue,apy:i.value??i.apy??0,name:i.name,tooltip:i.tooltip}},[i]);return b?u.jsx(N.PoolAPYTooltip,{baseAPY:n,extraAPY:a,totalAPY:e,externalAPY:v,points:s,apy7DAgo:T,tokensList:p,children:h()}):h()}exports.CompoundAPY=L;exports.getRewardTokenSymbol=S;

package/dist/cjs/components/rounded-image/rounded-image.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),n=require("react");require("@gearbox-protocol/sdk");const h=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");const I=require("../../utils/static.cjs");require("luxon");require("../../utils/z-index.cjs");function _(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const L=_(n),i=I.getStatic("/tokens/default.svg"),l=new Map;function d(e){return l.get(e)?i:e}const f=L.forwardRef(({className:e,size:t,rounded:r=!0,style:o,src:a,defaultIcon:g=i,fit:b="cover",...m},y)=>{const[j,s]=n.useState(void 0),[p,u]=n.useState(!1),c=n.useRef(!1);n.useEffect(()=>{d(a),s(void 0),u(!1),c.current=!1},[a]);const q=v=>{c.current||(c.current=!0,l.set(v.currentTarget.src,!0),s(g))},R=()=>{u(!0)};return O.jsx("img",{ref:y,src:j||d(a),alt:"",className:h.cn(b==="cover"?"object-cover":"object-contain",r&&"rounded-full",!p&&"bg-gray-90 dark:bg-gray-110 rounded-full",e),style:{width:t,height:t,...o},loading:"lazy",decoding:"async",onError:q,onLoad:R,...m})});f.displayName="RoundedImage";exports.RoundedImage=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),n=require("react");require("@gearbox-protocol/sdk");const h=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");const I=require("../../utils/static.cjs");require("luxon");require("../../utils/z-index.cjs");function _(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const L=_(n),i=I.getStatic("/tokens/default.svg"),l=new Map;function d(e){return l.get(e)?i:e}const f=L.forwardRef(({className:e,size:t,rounded:r=!0,style:o,src:a,defaultIcon:g=i,fit:b="cover",...m},y)=>{const[j,s]=n.useState(void 0),[p,u]=n.useState(!1),c=n.useRef(!1);n.useEffect(()=>{d(a),s(void 0),u(!1),c.current=!1},[a]);const q=v=>{c.current||(c.current=!0,l.set(v.currentTarget.src,!0),s(g))},R=()=>{u(!0)};return O.jsx("img",{ref:y,src:j||d(a),alt:"",className:h.cn(b==="cover"?"object-cover":"object-contain object-center",r&&"rounded-full",!p&&"bg-gray-90 dark:bg-gray-110 rounded-full",e),style:{width:t,height:t,...o},loading:"lazy",decoding:"async",onError:q,onLoad:R,...m})});f.displayName="RoundedImage";exports.RoundedImage=f;

package/dist/cjs/components/token-icon/token-icon.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),g=require("react"),c=require("../../utils/static.cjs"),I=require("../rounded-image/rounded-image.cjs"),r=c.getStatic("/tokens/default.svg");function p(e){return e.replace("/","").replace(" ","").replace("-f","").replace("-","_").toLowerCase()}function a(e){if(!e)return r;if(typeof e=="object"&&e!==null&&"icon"in e)return e.icon;const n=p(e);return n?c.getStatic(`/tokens/${n}.svg`):r}const i=g.forwardRef(({symbol:e,size:n=48,fit:t="contain",rounded:o=!1,className:u,...s},d)=>{const l=a(e);return f.jsx(I.RoundedImage,{ref:d,className:u,src:l,alt:"",rounded:o,fit:t,width:n,height:n,size:n,...s})});i.displayName="TokenIcon";function k(e){e.forEach(n=>{const t=a(n),o=new window.Image;o.src=t})}exports.TokenIcon=i;exports.preloadTokenIcons=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),T=require("react");require("@gearbox-protocol/sdk");const h=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");const p=require("../../utils/static.cjs");require("luxon");require("../../utils/z-index.cjs");const u=require("../rounded-image/rounded-image.cjs"),i=p.getStatic("/tokens/default.svg");function j(e){return e.replace("/","").replace(" ","").replace("-f","").replace("-","_").toLowerCase()}function U(e){return typeof e=="object"&&e!==null&&"icon"in e&&!("kind"in e)}function g(e){return typeof e=="object"&&e!==null&&"kind"in e&&e.kind==="composite"}function m(e){if(e.type==="url")return e.url;const n=j(e.symbol);return n?p.getStatic(`/tokens/${n}.svg`):i}function x(e){if(!e||g(e))return i;if(U(e))return e.icon;const n=j(e);return n?p.getStatic(`/tokens/${n}.svg`):i}function _(e){return e?g(e)?e.layers.map(m):[x(e)]:[i]}const C=.65,w=T.forwardRef(function({symbol:n,size:t=48,fit:o="contain",rounded:c=!1,className:a,...l},s){if(g(n))return r.jsx(y,{ref:s,composite:n,size:t,fit:o,rounded:c,className:a});const d=x(n);return r.jsx(u.RoundedImage,{ref:s,className:a,src:d,alt:"",rounded:c,fit:o,width:t,height:t,size:t,...l})}),y=T.forwardRef(function({composite:n,size:t,fit:o,rounded:c,className:a},l){const{preset:s,layers:d,scaleFactor:q=C}=n,[R,S]=d,k=m(R),N=m(S),f=Math.round(t*q);let I;switch(s){case"centered_foreground":I=r.jsxs(r.Fragment,{children:[r.jsx(u.RoundedImage,{className:"absolute inset-0",style:{zIndex:0},src:k,alt:"background",rounded:c,fit:o,size:t}),r.jsx("div",{className:h.cn("absolute left-1/2 top-1/2 z-[1] -translate-x-1/2 -translate-y-1/2","flex items-center justify-center"),style:{width:f,height:f},children:r.jsx(u.RoundedImage,{src:N,alt:"foreground",rounded:c,fit:o,size:f})})]});break;default:return console.error("Unknown TokenIcon composite preset",s),r.jsx(u.RoundedImage,{src:k,alt:"error",rounded:c,fit:o,size:t})}return r.jsx("div",{ref:l,className:h.cn("relative inline-block shrink-0",a),style:{width:t,height:t},children:I})});y.displayName="TokenIconComposite";w.displayName="TokenIcon";function b(e){for(const n of e)for(const t of _(n)){const o=new window.Image;o.src=t}}exports.TokenIcon=w;exports.preloadTokenIcons=b;

package/dist/cjs/components/token-symbol/token-symbol.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),S=require("class-variance-authority"),y=require("react"),I=require("../rounded-image/rounded-image.cjs"),j=require("../short-string/short-string.cjs"),a=require("../token-icon/token-icon.cjs"),v=require("../tooltip/simple-tooltip.cjs");require("../tooltip/tooltip.cjs");require("@gearbox-protocol/sdk");const b=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");const T=require("../../utils/network-icons.cjs");require("luxon");require("../../utils/z-index.cjs");const _=S.cva("",{variants:{marginSize:{sm:"gap-1",md:"gap-2",lg:"gap-3"}},defaultVariants:{marginSize:"md"}});function u(e){if(e)return typeof e=="string"?e:e.icon?{icon:e.icon}:e.symbol}function N(e){if(e)return typeof e=="string"?e:e.title}const d=y.forwardRef(({className:e,marginSize:m="lg",token:t,title:s,size:o=24,showSymbol:g=!1,showIcon:p=!0,maxLength:f,chainId:R,comment:c,network:n,...h},x)=>{const i=u(t),q=s||N(t),l=()=>n?r.jsxs("div",{className:"relative",children:[r.jsx(a.TokenIcon,{symbol:i,size:o,className:"shrink-0 self-center"}),r.jsx("div",{className:"absolute -top-[10px] -right-[7px]",children:r.jsx(I.RoundedImage,{src:T.getNetworkIcon(n),alt:n,size:14,rounded:!0})})]}):r.jsx(a.TokenIcon,{symbol:i,size:o,className:"shrink-0 self-center"});return r.jsxs("div",{ref:x,className:b.cn("flex items-center",_({marginSize:m}),e),...h,children:[p&&i&&(n!==void 0?r.jsxs(v.SimpleTooltip,{title:l(),children:["Network: ",n]}):l()),(s||g)&&r.jsxs("div",{className:"flex items-center gap-1 self-center",children:[r.jsx("div",{children:r.jsx(j.ShortString,{maxLength:f,children:q})}),c&&r.jsxs("div",{className:"text-md text-muted-foreground leading-tight",children:["(",c,")"]})]})]})});d.displayName="TokenSymbol";exports.TokenSymbol=d;exports.getSymbolOrIcon=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),y=require("class-variance-authority"),I=require("react"),S=require("../rounded-image/rounded-image.cjs"),v=require("../short-string/short-string.cjs"),a=require("../token-icon/token-icon.cjs"),j=require("../tooltip/simple-tooltip.cjs");require("../tooltip/tooltip.cjs");const _=require("../../types/common.cjs");require("@gearbox-protocol/sdk");const b=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");const T=require("../../utils/network-icons.cjs");require("luxon");require("../../utils/z-index.cjs");const N=y.cva("",{variants:{marginSize:{sm:"gap-1",md:"gap-2",lg:"gap-3"}},defaultVariants:{marginSize:"md"}});function u(e){if(e){if(typeof e=="string")return e;if(e.icon!==void 0){if(typeof e.icon=="string")return{icon:e.icon};if(_.isIconComposite(e.icon))return e.icon}return e.symbol}}function R(e){if(e)return typeof e=="string"?e:e.title}const d=I.forwardRef(({className:e,marginSize:m="lg",token:t,title:s,size:o=24,showSymbol:g=!1,showIcon:f=!0,maxLength:p,chainId:O,comment:c,network:i,...h},x)=>{const n=u(t),q=s||R(t),l=()=>i?r.jsxs("div",{className:"relative",children:[r.jsx(a.TokenIcon,{symbol:n,size:o,className:"shrink-0 self-center"}),r.jsx("div",{className:"absolute -top-[10px] -right-[7px]",children:r.jsx(S.RoundedImage,{src:T.getNetworkIcon(i),alt:i,size:14,rounded:!0})})]}):r.jsx(a.TokenIcon,{symbol:n,size:o,className:"shrink-0 self-center"});return r.jsxs("div",{ref:x,className:b.cn("flex items-center",N({marginSize:m}),e),...h,children:[f&&n&&(i!==void 0?r.jsxs(j.SimpleTooltip,{title:l(),children:["Network: ",i]}):l()),(s||g)&&r.jsxs("div",{className:"flex items-center gap-1 self-center",children:[r.jsx("div",{children:r.jsx(v.ShortString,{maxLength:p,children:q})}),c&&r.jsxs("div",{className:"text-md text-muted-foreground leading-tight",children:["(",c,")"]})]})]})});d.displayName="TokenSymbol";exports.TokenSymbol=d;exports.getSymbolOrIcon=u;

package/dist/cjs/types/common.cjs

@@ -1 +1 @@
-"use strict";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(o){return typeof o=="object"&&o!==null&&"kind"in o&&o.kind==="composite"}exports.isIconComposite=t;

package/dist/esm/components/compound-apy/compound-apy.js

@@ -1,11 +1,12 @@
-import { jsx as r, jsxs as h } from "react/jsx-runtime";
-import { IconInfo as $ } from "@gearbox-protocol/static";
+import { jsx as i, jsxs as h } from "react/jsx-runtime";
+import { IconInfo as N } from "@gearbox-protocol/static";
 import * as y from "react";
-import { PointsIcon as M } from "../points-icon/points-icon.js";
-import { PoolAPYTooltip as N } from "../pool-apy-tooltip/pool-apy-tooltip.js";
-import { TokenIcon as j } from "../token-icon/token-icon.js";
-import { formatPercentAmount as I } from "../../utils/format-money.js";
-import { getStatic as L } from "../../utils/static.js";
+import { PointsIcon as j } from "../points-icon/points-icon.js";
+import { PoolAPYTooltip as C } from "../pool-apy-tooltip/pool-apy-tooltip.js";
+import { TokenIcon as L } from "../token-icon/token-icon.js";
+import { isIconComposite as G } from "../../types/common.js";
+import { formatPercentAmount as T } from "../../utils/format-money.js";
+import { getStatic as Z } from "../../utils/static.js";
 import "../accordion/accordion.js";
 import "@fortawesome/free-solid-svg-icons";
 import "../icons/fa-icon.js";
@@ -53,7 +54,7 @@ import "../with-title/with-title.js";
 import "../smart-number-input/balance-indicator.js";
 import "../smart-number-input/smart-number-input.js";
 import "../table/grid-table.js";
-import { getSymbolOrIcon as C } from "../token-symbol/token-symbol.js";
+import { getSymbolOrIcon as R } from "../token-symbol/token-symbol.js";
 import "../typography/typography.js";
 import "../help-tip/help-tip.js";
 import "../description/description.js";
@@ -164,112 +165,114 @@ import "../theme-provider.js";
 import "../time-to-liquidation/time-to-liquidation.js";
 import "../toggle/toggle.js";
 import "../with-filter-button/with-filter-button.js";
-function G(i, p) {
-  const e = i?.symbol || p;
-  return e === "GEAR" ? { icon: L("/logo/logo_symbol.png") } : C(i) || e;
+function O(r, m) {
+  if (r?.icon !== void 0 && G(r.icon))
+    return R(r) ?? (r.symbol || m);
+  const n = r?.symbol || m;
+  return n === "GEAR" ? { icon: Z("/logo/logo_symbol.png") } : R(r) || n;
 }
-function Br({
-  totalAPY: i,
-  totalAPYLoading: p,
-  baseAPY: e,
+function Fr({
+  totalAPY: r,
+  totalAPYLoading: m,
+  baseAPY: n,
   extraAPY: u,
-  externalAPY: o,
-  points: n,
-  apy7DAgo: R,
+  externalAPY: t,
+  points: e,
+  apy7DAgo: z,
   tokensList: g,
-  decimals: w = 2,
-  className: z
+  decimals: b = 2,
+  className: E
 }) {
   const a = y.useMemo(() => {
-    if (o)
+    if (t)
       return {
-        ...o,
-        value: o.value ?? o.apy ?? 0
+        ...t,
+        value: t.value ?? t.apy ?? 0
       };
-  }, [o]), s = y.useMemo(() => u.filter((d) => (d.apy || 0) > 0), [u]), b = !p && i >= 1e-3, x = () => {
-    const d = s.length > 0, S = a && !p && a.totalValue > 0 && a.totalValue !== i, k = n && n.length > 0, V = `${[
-      I(i, w),
-      ...S ? [I(a.totalValue, w)] : []
-    ].join("-")}%`, T = Math.max(s.length, 0), v = n?.filter((t) => t.reward) ?? [], l = T + v.length;
-    return /* @__PURE__ */ h("div", { className: z, children: [
+  }, [t]), s = y.useMemo(() => u.filter((d) => (d.apy || 0) > 0), [u]), w = !m && r >= 1e-3, v = () => {
+    const d = s.length > 0, V = a && !m && a.totalValue > 0 && a.totalValue !== r, $ = e && e.length > 0, M = `${[
+      T(r, b),
+      ...V ? [T(a.totalValue, b)] : []
+    ].join("-")}%`, x = Math.max(s.length, 0), I = e?.filter((o) => o.reward) ?? [], l = x + I.length;
+    return /* @__PURE__ */ h("div", { className: E, children: [
       /* @__PURE__ */ h("span", { className: "inline-flex items-center", children: [
-        V,
-        b && /* @__PURE__ */ r("span", { className: "ml-1.5 leading-[0] text-gray-70", children: /* @__PURE__ */ r($, { size: 14 }) })
+        M,
+        w && /* @__PURE__ */ i("span", { className: "ml-1.5 leading-[0] text-gray-70", children: /* @__PURE__ */ i(N, { size: 14 }) })
       ] }),
-      /* @__PURE__ */ r("div", {}),
-      (d || k) && /* @__PURE__ */ h("span", { className: "relative inline-flex", children: [
-        s.map((t, m) => {
-          const c = g?.[t.rewardToken], f = m === l - 1;
-          return /* @__PURE__ */ r(
+      /* @__PURE__ */ i("div", {}),
+      (d || $) && /* @__PURE__ */ h("span", { className: "relative inline-flex", children: [
+        s.map((o, p) => {
+          const c = g?.[o.rewardToken], f = p === l - 1;
+          return /* @__PURE__ */ i(
             "span",
             {
               style: {
-                zIndex: l - m,
+                zIndex: l - p,
                 marginRight: f ? 0 : -7
               },
-              children: /* @__PURE__ */ r(
-                j,
+              children: /* @__PURE__ */ i(
+                L,
                 {
-                  symbol: G(c, t.rewardTokenSymbol),
+                  symbol: O(c, o.rewardTokenSymbol),
                   size: 14,
                   style: {
-                    margin: t.rewardTokenSymbol === "GEAR" ? "-3px 0 0 0" : "0"
+                    margin: o.rewardTokenSymbol === "GEAR" ? "-3px 0 0 0" : "0"
                   }
                 }
               )
             },
-            `extra-${t.rewardToken}-${t.apy}`
+            `extra-${o.rewardToken}-${o.apy}`
           );
         }),
-        v.map((t, m) => {
-          const c = m + T, f = c === l - 1;
-          return /* @__PURE__ */ r(
+        I.map((o, p) => {
+          const c = p + x, f = c === l - 1;
+          return /* @__PURE__ */ i(
             "span",
             {
               style: {
                 zIndex: l - c,
                 marginRight: f ? 0 : -7
               },
-              children: /* @__PURE__ */ r(
-                M,
+              children: /* @__PURE__ */ i(
+                j,
                 {
                   reward: {
-                    name: t.reward?.name || t.name,
-                    type: t.reward?.type || t.name.toLowerCase()
+                    name: o.reward?.name || o.name,
+                    type: o.reward?.type || o.name.toLowerCase()
                   },
                   size: 14
                 }
               )
             },
-            `points-${t.name}-${m}`
+            `points-${o.name}-${p}`
           );
         })
       ] })
     ] });
-  }, E = y.useMemo(() => {
-    if (o)
+  }, S = y.useMemo(() => {
+    if (t)
       return {
-        totalValue: o.totalValue,
-        apy: o.value ?? o.apy ?? 0,
-        name: o.name,
-        tooltip: o.tooltip
+        totalValue: t.totalValue,
+        apy: t.value ?? t.apy ?? 0,
+        name: t.name,
+        tooltip: t.tooltip
       };
-  }, [o]);
-  return b ? /* @__PURE__ */ r(
-    N,
+  }, [t]);
+  return w ? /* @__PURE__ */ i(
+    C,
     {
-      baseAPY: e,
+      baseAPY: n,
       extraAPY: s,
-      totalAPY: i,
-      externalAPY: E,
-      points: n,
-      apy7DAgo: R,
+      totalAPY: r,
+      externalAPY: S,
+      points: e,
+      apy7DAgo: z,
       tokensList: g,
-      children: x()
+      children: v()
     }
-  ) : x();
+  ) : v();
 }
 export {
-  Br as CompoundAPY,
-  G as getRewardTokenSymbol
+  Fr as CompoundAPY,
+  O as getRewardTokenSymbol
 };

package/dist/esm/components/rounded-image/rounded-image.js

@@ -1,6 +1,6 @@
-import { jsx as L } from "react/jsx-runtime";
-import * as b from "react";
-import { useState as s, useRef as E, useEffect as j } from "react";
+import { jsx as I } from "react/jsx-runtime";
+import * as L from "react";
+import { useState as s, useRef as j, useEffect as E } from "react";
 import "@gearbox-protocol/sdk";
 import { cn as k } from "../../utils/cn.js";
 import "sonner";
@@ -8,40 +8,40 @@ import "@gearbox-protocol/sdk/common-utils";
 import { getStatic as w } from "../../utils/static.js";
 import "luxon";
 import "../../utils/z-index.js";
-const c = w("/tokens/default.svg"), i = /* @__PURE__ */ new Map();
-function d(e) {
-  return i.get(e) ? c : e;
+const d = w("/tokens/default.svg"), i = /* @__PURE__ */ new Map();
+function c(e) {
+  return i.get(e) ? d : e;
 }
-const N = b.forwardRef(
+const N = L.forwardRef(
   ({
     className: e,
     size: o,
     rounded: f = !0,
     style: l,
     src: r,
-    defaultIcon: m = c,
+    defaultIcon: m = d,
     fit: u = "cover",
     ...g
   }, p) => {
-    const [h, a] = s(void 0), [v, n] = s(!1), t = E(!1);
-    j(() => {
-      d(r), a(void 0), n(!1), t.current = !1;
+    const [h, a] = s(void 0), [v, n] = s(!1), t = j(!1);
+    E(() => {
+      c(r), a(void 0), n(!1), t.current = !1;
     }, [r]);
-    const y = (I) => {
-      t.current || (t.current = !0, i.set(I.currentTarget.src, !0), a(m));
+    const y = (b) => {
+      t.current || (t.current = !0, i.set(b.currentTarget.src, !0), a(m));
     }, R = () => {
       n(!0);
     };
     return (
       // biome-ignore lint/performance/noImgElement: Universal component that works outside Next.js
-      /* @__PURE__ */ L(
+      /* @__PURE__ */ I(
         "img",
         {
           ref: p,
-          src: h || d(r),
+          src: h || c(r),
           alt: "",
           className: k(
-            u === "cover" ? "object-cover" : "object-contain",
+            u === "cover" ? "object-cover" : "object-contain object-center",
             f && "rounded-full",
             !v && "bg-gray-90 dark:bg-gray-110 rounded-full",
             e

package/dist/esm/components/token-icon/token-icon.js

@@ -1,53 +1,143 @@
-import { jsx as s } from "react/jsx-runtime";
-import l from "react";
-import { getStatic as c } from "../../utils/static.js";
-import { RoundedImage as m } from "../rounded-image/rounded-image.js";
-const r = c("/tokens/default.svg");
-function d(e) {
-  return e.replace("/", "").replace(" ", "").replace("-f", "").replace("-", "_").toLowerCase();
+import { jsx as r, jsxs as S, Fragment as _ } from "react/jsx-runtime";
+import w from "react";
+import "@gearbox-protocol/sdk";
+import { cn as I } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import { getStatic as d } from "../../utils/static.js";
+import "luxon";
+import "../../utils/z-index.js";
+import { RoundedImage as l } from "../rounded-image/rounded-image.js";
+const s = d("/tokens/default.svg");
+function T(t) {
+  return t.replace("/", "").replace(" ", "").replace("-f", "").replace("-", "_").toLowerCase();
 }
-function a(e) {
-  if (!e) return r;
-  if (typeof e == "object" && e !== null && "icon" in e)
-    return e.icon;
-  const n = d(e);
-  return n ? c(`/tokens/${n}.svg`) : r;
+function j(t) {
+  return typeof t == "object" && t !== null && "icon" in t && !("kind" in t);
 }
-const g = l.forwardRef(
-  ({
-    symbol: e,
-    size: n = 48,
-    fit: o = "contain",
-    rounded: t = !1,
-    className: f,
-    ...i
-  }, u) => {
-    const p = a(e);
-    return /* @__PURE__ */ s(
-      m,
+function k(t) {
+  return typeof t == "object" && t !== null && "kind" in t && t.kind === "composite";
+}
+function u(t) {
+  if (t.type === "url") return t.url;
+  const o = T(t.symbol);
+  return o ? d(`/tokens/${o}.svg`) : s;
+}
+function y(t) {
+  if (!t || k(t))
+    return s;
+  if (j(t))
+    return t.icon;
+  const o = T(t);
+  return o ? d(`/tokens/${o}.svg`) : s;
+}
+function F(t) {
+  return t ? k(t) ? t.layers.map(u) : [y(t)] : [s];
+}
+const b = 0.65, L = w.forwardRef(function({ symbol: o, size: e = 48, fit: n = "contain", rounded: c = !1, className: a, ...f }, i) {
+  if (k(o))
+    return /* @__PURE__ */ r(
+      N,
       {
-        ref: u,
-        className: f,
-        src: p,
-        alt: "",
-        rounded: t,
-        fit: o,
-        width: n,
-        height: n,
-        size: n,
-        ...i
+        ref: i,
+        composite: o,
+        size: e,
+        fit: n,
+        rounded: c,
+        className: a
       }
     );
+  const p = y(o);
+  return /* @__PURE__ */ r(
+    l,
+    {
+      ref: i,
+      className: a,
+      src: p,
+      alt: "",
+      rounded: c,
+      fit: n,
+      width: e,
+      height: e,
+      size: e,
+      ...f
+    }
+  );
+}), N = w.forwardRef(function({ composite: o, size: e, fit: n, rounded: c, className: a }, f) {
+  const { preset: i, layers: p, scaleFactor: U = b } = o, [C, x] = p, g = u(C), R = u(x), m = Math.round(e * U);
+  let h;
+  switch (i) {
+    case "centered_foreground":
+      h = /* @__PURE__ */ S(_, { children: [
+        /* @__PURE__ */ r(
+          l,
+          {
+            className: "absolute inset-0",
+            style: { zIndex: 0 },
+            src: g,
+            alt: "background",
+            rounded: c,
+            fit: n,
+            size: e
+          }
+        ),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: I(
+              "absolute left-1/2 top-1/2 z-[1] -translate-x-1/2 -translate-y-1/2",
+              "flex items-center justify-center"
+            ),
+            style: {
+              width: m,
+              height: m
+            },
+            children: /* @__PURE__ */ r(
+              l,
+              {
+                src: R,
+                alt: "foreground",
+                rounded: c,
+                fit: n,
+                size: m
+              }
+            )
+          }
+        )
+      ] });
+      break;
+    default:
+      return console.error("Unknown TokenIcon composite preset", i), /* @__PURE__ */ r(
+        l,
+        {
+          src: g,
+          alt: "error",
+          rounded: c,
+          fit: n,
+          size: e
+        }
+      );
   }
-);
-g.displayName = "TokenIcon";
-function h(e) {
-  e.forEach((n) => {
-    const o = a(n), t = new window.Image();
-    t.src = o;
-  });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ref: f,
+      className: I("relative inline-block shrink-0", a),
+      style: { width: e, height: e },
+      children: h
+    }
+  );
+});
+N.displayName = "TokenIconComposite";
+L.displayName = "TokenIcon";
+function B(t) {
+  for (const o of t)
+    for (const e of F(o)) {
+      const n = new window.Image();
+      n.src = e;
+    }
 }
 export {
-  g as TokenIcon,
-  h as preloadTokenIcons
+  L as TokenIcon,
+  B as preloadTokenIcons
 };