@gearbox-protocol/ui-kit 3.13.0-next.1 → 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/layout/main-aside-layout/main-aside-layout.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),w=require("react"),r=require("../../../utils/cn.cjs");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const n=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,n.get?n:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const d=g(w),m=d.forwardRef(({children:e,aside:t,asidePosition:l="right",asideClassName:n,mainClassName:c,mainRef:o,variant:s="default",className:p,...u},f)=>{const a=s==="detail",x=t==null?null:i.jsx("aside",{className:r.cn("min-w-0 shrink-0",a&&["w-full","z-30 lg:w-[420px] lg:min-w-[420px] lg:max-w-[420px]","xl:w-[460px] xl:min-w-[460px] xl:max-w-[460px]","max-h-full lg:max-h-[100vh] overflow-y-visible lg:overflow-y-auto","lg:max-[2449px]:sticky lg:max-[2449px]:top-4","min-[2450px]:fixed min-[2450px]:top-28 min-[2450px]:right-32"],n),children:t});return i.jsxs("div",{ref:f,className:r.cn("flex w-full flex-col-reverse gap-6 lg:flex-row lg:items-start",a&&["relative mx-auto min-w-0","max-w-[calc(80rem+420px+1.5rem)]","xl:max-w-[calc(80rem+460px+1.5rem)]","min-[2450px]:block min-[2450px]:max-w-none min-[2450px]:gap-0"],p),...u,children:[l==="left"&&x,i.jsx("div",{ref:o,className:r.cn("min-w-0 flex-1",a&&["relative z-0 w-full","min-[2450px]:mx-auto min-[2450px]:flex-none","min-[2450px]:max-w-[min(80rem,calc(100vw-460px-8rem))]"],c),children:e}),l==="right"&&x]})});m.displayName="MainAsideLayout";exports.MainAsideLayout=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),f=require("react"),a=require("../../../utils/cn.cjs");function d(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const m=d(f),c=m.forwardRef(({children:e,aside:r,asidePosition:t="right",asideClassName:n,className:i,...o},u)=>{const s=r==null?null:l.jsx("aside",{className:a.cn("min-w-0 shrink-0",n),children:r});return l.jsxs("div",{ref:u,className:a.cn("flex w-full flex-col-reverse gap-6 lg:flex-row lg:items-start",i),...o,children:[t==="left"&&s,l.jsx("div",{className:"min-w-0 flex-1",children:e}),t==="right"&&s]})});c.displayName="MainAsideLayout";exports.MainAsideLayout=c;

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/layout/main-aside-layout/main-aside-layout.js

@@ -1,83 +1,35 @@
-import { jsx as i, jsxs as c } from "react/jsx-runtime";
-import * as g from "react";
-import { cn as x } from "../../../utils/cn.js";
-const u = g.forwardRef(
+import { jsx as s, jsxs as f } from "react/jsx-runtime";
+import * as c from "react";
+import { cn as a } from "../../../utils/cn.js";
+const d = c.forwardRef(
   ({
-    children: r,
-    aside: m,
-    asidePosition: e = "right",
-    asideClassName: n,
-    mainClassName: p,
-    mainRef: t,
-    variant: o = "default",
-    className: s,
-    ...w
-  }, f) => {
-    const l = o === "detail", a = m == null ? null : /* @__PURE__ */ i(
-      "aside",
-      {
-        className: x(
-          "min-w-0 shrink-0",
-          l && [
-            "w-full",
-            "z-30 lg:w-[420px] lg:min-w-[420px] lg:max-w-[420px]",
-            "xl:w-[460px] xl:min-w-[460px] xl:max-w-[460px]",
-            "max-h-full lg:max-h-[100vh] overflow-y-visible lg:overflow-y-auto",
-            // sticky below 2450px, fixed at ≥2450px
-            "lg:max-[2449px]:sticky lg:max-[2449px]:top-4",
-            "min-[2450px]:fixed min-[2450px]:top-28 min-[2450px]:right-32"
-          ],
-          n
-        ),
-        children: m
-      }
-    );
-    return /* @__PURE__ */ c(
+    children: i,
+    aside: e,
+    asidePosition: l = "right",
+    asideClassName: t,
+    className: m,
+    ...o
+  }, n) => {
+    const r = e == null ? null : /* @__PURE__ */ s("aside", { className: a("min-w-0 shrink-0", t), children: e });
+    return /* @__PURE__ */ f(
       "div",
       {
-        ref: f,
-        className: x(
-          // base: mobile stack (column-reverse), desktop row
+        ref: n,
+        className: a(
           "flex w-full flex-col-reverse gap-6 lg:flex-row lg:items-start",
-          l && [
-            "relative mx-auto min-w-0",
-            // cap width so aside doesn't overflow on medium-wide screens
-            "max-w-[calc(80rem+420px+1.5rem)]",
-            "xl:max-w-[calc(80rem+460px+1.5rem)]",
-            // at ≥2450px aside is fixed → switch wrapper to block so main can
-            // centre independently
-            "min-[2450px]:block min-[2450px]:max-w-none min-[2450px]:gap-0"
-          ],
-          s
+          m
         ),
-        ...w,
+        ...o,
         children: [
-          e === "left" && a,
-          /* @__PURE__ */ i(
-            "div",
-            {
-              ref: t,
-              className: x(
-                "min-w-0 flex-1",
-                l && [
-                  "relative z-0 w-full",
-                  // at ≥2450px: stop growing and centre with explicit max-width
-                  // (leaves room for the fixed 460px aside + 8rem right offset)
-                  "min-[2450px]:mx-auto min-[2450px]:flex-none",
-                  "min-[2450px]:max-w-[min(80rem,calc(100vw-460px-8rem))]"
-                ],
-                p
-              ),
-              children: r
-            }
-          ),
-          e === "right" && a
+          l === "left" && r,
+          /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: i }),
+          l === "right" && r
         ]
       }
     );
   }
 );
-u.displayName = "MainAsideLayout";
+d.displayName = "MainAsideLayout";
 export {
-  u as MainAsideLayout
+  d as MainAsideLayout
 };

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