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

package/README.md

@@ -78,6 +78,50 @@ function App() {
 
 ## Usage
 
+### Base component system
+
+The `base/` layer (`src/components/base/`) is the canonical component system
+shared by all Gearbox frontends. Its contract lives in
+[`docs/component-registry.md`](./docs/component-registry.md). Key points:
+
+- **SDK-typed props** — components accept `@gearbox-protocol/sdk/model`
+  entities (`Token`, `TokenAmount`, `HistorySeries`, `PnlBreakdown`, …), not a
+  spread of scalars.
+- **Design only** — props in, JSX out; no data hooks, no fetching.
+- **One name — one implementation** — base components replaced the old
+  `StatBadge`, `PageTitle` and `DetailedPageTitle` exports, and `VSpace` now
+  takes `size` on the shared spacing scale (a number is the pixel escape
+  hatch, `mobileSize` overrides the mobile half).
+
+```tsx
+import {
+  AmountInput,
+  InfoLine,
+  InfoList,
+  ReviewButton,
+  Stack,
+  TokenAmount,
+  VSpace,
+} from '@gearbox-protocol/ui-kit';
+
+function DepositDialog({ token, balance }) {
+  const [amount, setAmount] = useState(0n);
+  return (
+    <Stack gap="md">
+      <AmountInput amount={amount} onAmount={setAmount} token={token} balance={balance} />
+      <VSpace size="md" />
+      <InfoList>
+        <InfoLine title={<span>You deposit</span>} value={<TokenAmount data={{ value: amount, valueUsd: null, token }} />} />
+      </InfoList>
+      <ReviewButton disabled={amount === 0n} error={null} onClick={openVerify} />
+    </Stack>
+  );
+}
+```
+
+Test ids of base components are Node-safe via
+`@gearbox-protocol/ui-kit/test-ids`.
+
 ### Framework-agnostic (works everywhere)
 
 ```tsx
@@ -277,6 +321,7 @@ The library provides several entry points:
 | `@gearbox-protocol/ui-kit/tailwind` | Tailwind CSS config |
 | `@gearbox-protocol/ui-kit/globals.css` | Global CSS styles |
 | `@gearbox-protocol/ui-kit/grid-safelist.css` | Grid safelist CSS |
+| `@gearbox-protocol/ui-kit/tx-preview` | Transaction preview + confirm modal (isolated WIP module) |
 
 ## Troubleshooting
 

package/dist/cjs/_virtual/_commonjsHelpers.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var u=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function f(e){if(Object.prototype.hasOwnProperty.call(e,"__esModule"))return e;var r=e.default;if(typeof r=="function"){var t=function o(){return this instanceof o?Reflect.construct(r,arguments,this.constructor):r.apply(this,arguments)};t.prototype=r.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(e).forEach(function(o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}),t}exports.commonjsGlobal=u;exports.getAugmentedNamespace=f;exports.getDefaultExportFromCjs=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}exports.getDefaultExportFromCjs=e;

package/dist/cjs/components/alert-badge/alert-badge.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("@gearbox-protocol/static"),v=require("class-variance-authority"),h=require("react"),i=require("@fortawesome/free-solid-svg-icons"),I=require("../icons/fa-icon.cjs");require("@gearbox-protocol/sdk");const u=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const S=w(h);function s({icon:e,size:t,className:n}){return r.jsx(I.FaIcon,{icon:e,style:{fontSize:t,width:t,height:t},className:u.cn("shrink-0",n)})}const f=v.cva("inline-flex flex-row flex-nowrap items-center text-foreground",{variants:{variant:{default:"bg-gray-30",alert:"bg-destructive",warning:"bg-warning",success:"bg-success",info:"bg-blue-600",primary:"bg-gradient-to-l from-[#FF29AA] to-[#FF2974]"},size:{sm:"px-[7px] py-1.5 text-sm leading-[17px] gap-[5px] rounded-[5px]",default:"min-h-[44px] px-[13px] py-2.5 text-base leading-[19px] gap-2 rounded-sm",lg:"px-4 py-3 text-base leading-[24px] gap-2.5 rounded-lg"},fullWidth:{true:"w-full",false:""}},defaultVariants:{variant:"default",size:"default",fullWidth:!1}}),A={sm:14,default:18,lg:22},_={default:e=>r.jsx(s,{icon:i.faCircleExclamation,...e}),alert:e=>r.jsx(s,{icon:i.faCircleExclamation,...e}),warning:e=>r.jsx(s,{icon:i.faTriangleExclamation,...e}),success:e=>r.jsx(s,{icon:i.faCircleCheck,...e}),info:o.IconInfo,primary:o.IconInfo},d=S.forwardRef(({className:e,variant:t,color:n,size:a="default",fullWidth:g,icon:c,hideIcon:x=!1,children:p,...m},b)=>{const l=t??n??"default",j=_[l||"default"],y=A[a||"default"],q=()=>x?null:c||r.jsx(j,{size:y,className:"shrink-0"});return r.jsxs("div",{ref:b,className:u.cn(f({variant:l,size:a,fullWidth:g}),e),...m,children:[q(),r.jsx("div",{className:"flex-1",children:p})]})});d.displayName="AlertBadge";exports.AlertBadge=d;exports.alertBadgeVariants=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("@gearbox-protocol/static"),v=require("class-variance-authority"),h=require("react"),i=require("@fortawesome/free-solid-svg-icons"),I=require("../icons/fa-icon.cjs");require("@gearbox-protocol/sdk");const u=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const S=w(h);function s({icon:e,size:t,className:r}){return n.jsx(I.FaIcon,{icon:e,style:{fontSize:t,width:t,height:t},className:u.cn("shrink-0",r)})}const f=v.cva("inline-flex flex-row flex-nowrap items-center text-foreground",{variants:{variant:{default:"bg-gray-30",alert:"bg-destructive",warning:"bg-warning",success:"bg-success",info:"bg-blue-600",primary:"bg-gradient-to-l from-[#FF29AA] to-[#FF2974]",none:""},size:{sm:"px-[7px] py-1.5 text-sm leading-[17px] gap-[5px] rounded-[5px]",default:"min-h-[44px] px-[13px] py-2.5 text-base leading-[19px] gap-2 rounded-sm",lg:"px-4 py-3 text-base leading-[24px] gap-2.5 rounded-lg"},fullWidth:{true:"w-full",false:""}},defaultVariants:{variant:"default",size:"default",fullWidth:!1}}),A={sm:14,default:18,lg:22},_={default:e=>n.jsx(s,{icon:i.faCircleExclamation,...e}),alert:e=>n.jsx(s,{icon:i.faCircleExclamation,...e}),warning:e=>n.jsx(s,{icon:i.faTriangleExclamation,...e}),success:e=>n.jsx(s,{icon:i.faCircleCheck,...e}),info:l.IconInfo,primary:l.IconInfo,none:e=>n.jsx(s,{icon:i.faCircleExclamation,...e})},d=S.forwardRef(({className:e,variant:t,color:r,size:a="default",fullWidth:g,icon:c,hideIcon:x=!1,children:p,...m},b)=>{const o=t??r??"default",j=_[o||"default"],y=A[a||"default"],q=()=>x?null:c||n.jsx(j,{size:y,className:"shrink-0"});return n.jsxs("div",{ref:b,className:u.cn(f({variant:o,size:a,fullWidth:g}),e),...m,children:[q(),n.jsx("div",{className:"flex-1",children:p})]})});d.displayName="AlertBadge";exports.AlertBadge=d;exports.alertBadgeVariants=f;

package/dist/cjs/components/app-bar/app-bar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),y=require("@fortawesome/free-solid-svg-icons"),A=require("react"),d=require("../buttons/button/button.cjs"),j=require("../icons/fa-icon.cjs");require("@gearbox-protocol/sdk");const o=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");const h=require("../../utils/z-index.cjs");function _(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const s=_(A),u=s.forwardRef(({className:e,children:n,...r},t)=>a.jsx("nav",{ref:t,className:o.cn("relative flex flex-row flex-nowrap items-center w-full","py-4 px-4 md:px-10",e),...r,children:n}));u.displayName="AppBar";const m=s.forwardRef(({className:e,children:n,...r},t)=>a.jsx("div",{ref:t,className:o.cn("flex flex-row flex-nowrap items-center gap-2",e),...r,children:n}));m.displayName="AppBarSidePanel";const f=s.forwardRef(({className:e,children:n,...r},t)=>a.jsx("div",{ref:t,className:o.cn("relative grow shrink-0 basis-[0%] flex justify-center self-end","px-0 md:px-3",e),...r,children:n}));f.displayName="AppBarCenter";const x=s.forwardRef(({className:e,children:n,...r},t)=>a.jsx("div",{ref:t,className:o.cn("absolute bottom-[-15px] [&>div>div]:overflow-visible whitespace-nowrap w-min","hidden md:block",e),...r,children:n}));x.displayName="AppBarCenterContent";const g=s.forwardRef(({attribute:e,hasHover:n=!0,children:r,className:t,...l},i)=>a.jsxs("div",{ref:i,className:o.cn("relative text-[15px] leading-[125%] text-foreground cursor-pointer group/app-nav-item",t),...l,children:[n&&a.jsx("div",{"aria-hidden":"true",className:o.cn("absolute -top-[6px] -left-[13px]","w-[calc(100%+26px)] h-[calc(100%+12px)]","rounded-[15px]","group-hover/app-nav-item:bg-gray-40","transition-colors")}),a.jsxs("div",{className:"relative flex items-center",children:[r,e!=null&&a.jsx("div",{className:o.cn("ml-1.5 -mr-[7px] px-[7px] py-1","text-[9px] font-medium leading-[125%]","bg-gray-40 rounded-[10px]","group-hover/app-nav-item:bg-gray-80","transition-colors"),children:e})]})]}));g.displayName="AppBarNavItem";const B={sm:"sm",md:"default",lg:"lg"},c={sm:12,md:14,lg:16},w=s.forwardRef(({size:e="lg",className:n,...r},t)=>a.jsx(d.Button,{ref:t,variant:"outline",size:B[e],width:"compact",className:o.cn("inline-flex",n),...r,children:a.jsx(j.FaIcon,{icon:y.faBars,className:"text-foreground",style:{width:c[e],height:c[e]}})}));w.displayName="AppBarHamburgerButton";const v=s.forwardRef(({size:e="lg",className:n,...r},t)=>a.jsx(d.Button,{ref:t,variant:"outline",size:B[e],width:"compact",className:o.cn("inline-flex",n),...r,children:a.jsx(D,{})}));v.displayName="AppBarDotsButton";function D(){return a.jsxs("span",{className:"inline-flex items-center justify-center gap-[2px]",children:[a.jsx("span",{className:"block w-1 h-1 rounded-full bg-foreground"}),a.jsx("span",{className:"block w-1 h-1 rounded-full bg-foreground"}),a.jsx("span",{className:"block w-1 h-1 rounded-full bg-foreground"})]})}const b=s.forwardRef(({children:e,className:n,onClick:r,onKeyDown:t,...l},i)=>a.jsx("div",{ref:i,role:"menuitem",tabIndex:0,className:o.cn("flex w-full items-center","px-3 py-3","text-[0.875rem] leading-4.25 font-normal text-foreground","bg-transparent rounded-lg","cursor-pointer select-none","hover:bg-gray-80","transition-colors",n),onClick:r,onKeyDown:p=>{(p.key==="Enter"||p.key===" ")&&r?.(p),t?.(p)},...l,children:e}));b.displayName="AppBarMenuItem";const N=s.forwardRef(({children:e,className:n,...r},t)=>a.jsx("div",{ref:t,role:"menu",className:o.cn("mt-2 p-1 overflow-hidden min-w-40","bg-gray-40 rounded-xl","shadow-[0_2px_16px_rgba(0,0,0,0.6)]",h.Z_INDEX.DROPDOWN,n),...r,children:e}));N.displayName="AppBarDropdownMenu";exports.AppBar=u;exports.AppBarCenter=f;exports.AppBarCenterContent=x;exports.AppBarDotsButton=v;exports.AppBarDropdownMenu=N;exports.AppBarHamburgerButton=w;exports.AppBarMenuItem=b;exports.AppBarNavItem=g;exports.AppBarSidePanel=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),y=require("@fortawesome/free-solid-svg-icons"),A=require("react"),d=require("../buttons/button/button.cjs"),j=require("../icons/fa-icon.cjs");require("@gearbox-protocol/sdk");const o=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");const h=require("../../utils/z-index.cjs");function _(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const s=_(A),u=s.forwardRef(({className:e,children:n,...r},t)=>a.jsx("nav",{ref:t,className:o.cn("relative flex flex-row flex-nowrap items-center w-full","py-4 px-4 md:px-10",e),...r,children:n}));u.displayName="AppBar";const m=s.forwardRef(({className:e,children:n,...r},t)=>a.jsx("div",{ref:t,className:o.cn("flex flex-row flex-nowrap items-center gap-2",e),...r,children:n}));m.displayName="AppBarSidePanel";const f=s.forwardRef(({className:e,children:n,...r},t)=>a.jsx("div",{ref:t,className:o.cn("relative grow shrink-0 basis-[0%] flex justify-center self-end","px-0 md:px-3",e),...r,children:n}));f.displayName="AppBarCenter";const x=s.forwardRef(({className:e,children:n,...r},t)=>a.jsx("div",{ref:t,className:o.cn("absolute bottom-[-15px] [&>div>div]:overflow-visible whitespace-nowrap w-min","hidden md:block",e),...r,children:n}));x.displayName="AppBarCenterContent";const g=s.forwardRef(({attribute:e,hasHover:n=!0,children:r,className:t,...l},i)=>a.jsxs("div",{ref:i,className:o.cn("relative text-[15px] leading-[125%] text-foreground cursor-pointer group/app-nav-item",t),...l,children:[n&&a.jsx("div",{"aria-hidden":"true",className:o.cn("absolute -top-[6px] -left-[13px]","w-[calc(100%+26px)] h-[calc(100%+12px)]","rounded-[8px]","group-hover/app-nav-item:bg-gray-40","transition-colors")}),a.jsxs("div",{className:"relative flex items-center",children:[r,e!=null&&a.jsx("div",{className:o.cn("ml-1.5 -mr-[7px] px-[7px] py-1","text-[9px] font-medium leading-[125%]","bg-gray-40 rounded-[10px]","group-hover/app-nav-item:bg-gray-80","transition-colors"),children:e})]})]}));g.displayName="AppBarNavItem";const B={sm:"sm",md:"default",lg:"lg"},c={sm:12,md:14,lg:16},w=s.forwardRef(({size:e="lg",className:n,...r},t)=>a.jsx(d.Button,{ref:t,variant:"outline",size:B[e],width:"compact",className:o.cn("inline-flex",n),...r,children:a.jsx(j.FaIcon,{icon:y.faBars,className:"text-foreground",style:{width:c[e],height:c[e]}})}));w.displayName="AppBarHamburgerButton";const v=s.forwardRef(({size:e="lg",className:n,...r},t)=>a.jsx(d.Button,{ref:t,variant:"outline",size:B[e],width:"compact",className:o.cn("inline-flex",n),...r,children:a.jsx(D,{})}));v.displayName="AppBarDotsButton";function D(){return a.jsxs("span",{className:"inline-flex items-center justify-center gap-[2px]",children:[a.jsx("span",{className:"block w-1 h-1 rounded-full bg-foreground"}),a.jsx("span",{className:"block w-1 h-1 rounded-full bg-foreground"}),a.jsx("span",{className:"block w-1 h-1 rounded-full bg-foreground"})]})}const b=s.forwardRef(({children:e,className:n,onClick:r,onKeyDown:t,...l},i)=>a.jsx("div",{ref:i,role:"menuitem",tabIndex:0,className:o.cn("flex w-full items-center","px-3 py-3","text-[0.875rem] leading-4.25 font-normal text-foreground","bg-transparent rounded-lg","cursor-pointer select-none","hover:bg-gray-80","transition-colors",n),onClick:r,onKeyDown:p=>{(p.key==="Enter"||p.key===" ")&&r?.(p),t?.(p)},...l,children:e}));b.displayName="AppBarMenuItem";const N=s.forwardRef(({children:e,className:n,...r},t)=>a.jsx("div",{ref:t,role:"menu",className:o.cn("mt-2 p-1 overflow-hidden min-w-40","bg-gray-40 rounded-xl","shadow-[0_2px_16px_rgba(0,0,0,0.6)]",h.Z_INDEX.DROPDOWN,n),...r,children:e}));N.displayName="AppBarDropdownMenu";exports.AppBar=u;exports.AppBarCenter=f;exports.AppBarCenterContent=x;exports.AppBarDotsButton=v;exports.AppBarDropdownMenu=N;exports.AppBarHamburgerButton=w;exports.AppBarMenuItem=b;exports.AppBarNavItem=g;exports.AppBarSidePanel=m;

package/dist/cjs/components/assets-list-cell/assets-list-cell.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),I=require("@gearbox-protocol/static"),T=require("react");require("../buttons/back-button/back-button.cjs");const C=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("@gearbox-protocol/sdk");const x=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");require("../buttons/tab-button/tab-button.cjs");const j=require("../token-icon/token-icon.cjs"),f=require("../tooltip/simple-tooltip.cjs");require("../tooltip/tooltip.cjs");require("../accordion/accordion.cjs");require("@fortawesome/free-solid-svg-icons");require("../icons/fa-icon.cjs");require("../alert-badge/alert-badge.cjs");require("../alert-dialog/alert-dialog.cjs");require("../alert-modal/alert-modal.cjs");require("react-intl");require("../arc-loader/arc-loader.cjs");require("../asset-line/asset-line.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 S=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("../points-icon/points-icon.cjs");require("../skeleton/skeleton.cjs");require("../vertical-list/vertical-list.cjs");require("../rounded-image/rounded-image.cjs");require("../progress/progress.cjs");require("../pool-indicator-icon/pool-indicator-icon.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("../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 M(r){return"balances"in r&&r.balances!==void 0}function A({assetAddress:r,symbol:u,iconSymbol:t,comment:i,explorerUrl:c,iconSize:m=24,className:h}){return e.jsxs("div",{className:x.cn("flex items-center gap-3",h),children:[e.jsx(j.TokenIcon,{symbol:t??u,size:m}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("div",{className:"font-medium",children:u}),i&&e.jsxs("div",{className:"text-md text-muted-foreground",children:["(",i,")"]}),c&&e.jsx(C.Button,{variant:"ghost",size:"sm",className:"text-muted-foreground hover:text-foreground p-0 h-auto",onClick:()=>window.open(`${c}/address/${r}`,"_blank"),children:e.jsx(I.IconExternal,{size:12,className:"size-3"})})]})]})}function O({balances:r,tokensList:u,maxAssets:t=3,iconSize:i=24,options:c,className:m}){const{mode:h="default",showIconTooltip:b=!0,otherTooltip:y,onOtherClick:k}=c||{},g=h==="cascade",[v,_,N,w]=T.useMemo(()=>{const q=r,n=q.slice(0,t),s=q.slice(t),a=s.map(l=>{const d=typeof l=="string"?l:l.token;return u[d]?.title||u[d]?.symbol||"unknown"}).join(", "),o=q.length>t;return[n,s,a,o]},[r,t,u]);return e.jsxs("div",{className:x.cn("relative inline-flex items-center",m),children:[v.map((q,n,s)=>{const a=typeof q=="string"?q:q.token,o=u[a],l=n===s.length-1,d=g?s.length-n:void 0,p=e.jsx(j.TokenIcon,{symbol:S.getSymbolOrIcon(o),size:i});return e.jsx("div",{className:"flex-shrink-0 flex",style:{zIndex:d,marginRight:l?0:g?-Math.round(i*.5):4},children:b?e.jsx(f.SimpleTooltip,{title:e.jsx("span",{className:"inline-flex",children:p}),placement:"top",children:o?.title||o?.symbol||"unknown"}):p},a??n)}),w&&e.jsx(f.SimpleTooltip,{title:e.jsx("button",{type:"button",onClick:k,className:x.cn("inline-flex items-center justify-center rounded-full shrink-0","cursor-pointer","bg-gray-50 hover:bg-gray-70 text-foreground transition-colors","ml-1!"),style:{width:i,height:i,minWidth:i,minHeight:i,zIndex:0},children:e.jsxs("span",{className:"text-[10px]! leading-[10px] font-medium",children:["+",_.length]})}),placement:"top",children:y||N})]})}function R(r){return M(r)?e.jsx(O,{...r}):e.jsx(A,{...r})}exports.AssetsListCell=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),I=require("@gearbox-protocol/static"),C=require("react");require("../buttons/back-button/back-button.cjs");const _=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("@gearbox-protocol/sdk");const g=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");require("../buttons/tab-button/tab-button.cjs");const w=require("../token-icon/token-icon.cjs"),k=require("../tooltip/simple-tooltip.cjs");require("../tooltip/tooltip.cjs");function M(t){return"balances"in t&&t.balances!==void 0}function O(t){return"tokens"in t&&t.tokens!==void 0}function S({assetAddress:t,symbol:i,iconSymbol:s,comment:o,explorerUrl:d,iconSize:h=24,className:m}){return e.jsxs("div",{className:g.cn("flex items-center gap-3",m),children:[e.jsx(w.TokenIcon,{token:s??i,size:h}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("div",{className:"font-medium",children:i}),o&&e.jsxs("div",{className:"text-md text-muted-foreground",children:["(",o,")"]}),d&&e.jsx(_.Button,{variant:"ghost",size:"sm",className:"text-muted-foreground hover:text-foreground p-0 h-auto",onClick:()=>window.open(`${d}/address/${t}`,"_blank"),children:e.jsx(I.IconExternal,{size:12,className:"size-3"})})]})]})}function R({balances:t,tokensList:i,maxAssets:s=3,iconSize:o=24,options:d,className:h}){const{mode:m="default",showIconTooltip:b=!0,otherTooltip:q,onOtherClick:f}=d||{},p=m==="cascade",[v,y,T,u]=C.useMemo(()=>{const n=t,r=n.slice(0,s),l=n.slice(s),a=l.map(x=>{const j=typeof x=="string"?x:x.token;return i[j]?.title||i[j]?.symbol||"unknown"}).join(", "),c=n.length>s;return[r,l,a,c]},[t,s,i]);return e.jsxs("div",{className:g.cn("relative inline-flex items-center",h),children:[v.map((n,r,l)=>{const a=typeof n=="string"?n:n.token,c=i[a],x=r===l.length-1,j=p?l.length-r:void 0,N=e.jsx(w.TokenIcon,{token:c,size:o});return e.jsx("div",{className:"flex-shrink-0 flex",style:{zIndex:j,marginRight:x?0:p?-Math.round(o*.5):4},children:b?e.jsx(k.SimpleTooltip,{title:e.jsx("span",{className:"inline-flex",children:N}),placement:"top",children:c?.title||c?.symbol||"unknown"}):N},a??r)}),u&&e.jsx(k.SimpleTooltip,{title:e.jsx("button",{type:"button",onClick:f,className:g.cn("inline-flex items-center justify-center rounded-full shrink-0","cursor-pointer","bg-gray-50 hover:bg-gray-70 text-foreground transition-colors","ml-1!"),style:{width:o,height:o,minWidth:o,minHeight:o,zIndex:0},children:e.jsxs("span",{className:"text-[10px]! leading-[10px] font-medium",children:["+",y.length]})}),placement:"top",children:q||T})]})}function A({tokens:t,maxAssets:i=3,iconSize:s=24,options:o,className:d}){const{mode:h="default",showIconTooltip:m=!0,otherTooltip:b,onOtherClick:q}=o||{},f=h==="cascade",[p,v,y,T]=C.useMemo(()=>{const u=t.slice(0,i),n=t.slice(i),r=n.map(l=>l.symbol||"unknown").join(", ");return[u,n,r,t.length>i]},[t,i]);return e.jsxs("div",{className:g.cn("relative inline-flex items-center",d),children:[p.map((u,n,r)=>{const l=n===r.length-1,a=f?r.length-n:void 0,c=e.jsx(w.TokenIcon,{token:u,size:s});return e.jsx("div",{className:"flex-shrink-0 flex",style:{zIndex:a,marginRight:l?0:f?-Math.round(s*.5):4},children:m?e.jsx(k.SimpleTooltip,{title:e.jsx("span",{className:"inline-flex",children:c}),placement:"top",children:u.symbol||"unknown"}):c},u.address??n)}),T&&e.jsx(k.SimpleTooltip,{title:e.jsx("button",{type:"button",onClick:q,className:g.cn("inline-flex items-center justify-center rounded-full shrink-0","cursor-pointer","bg-gray-50 hover:bg-gray-70 text-foreground transition-colors","ml-1!"),style:{width:s,height:s,minWidth:s,minHeight:s,zIndex:0},children:e.jsxs("span",{className:"text-[10px]! leading-[10px] font-medium",children:["+",v.length]})}),placement:"top",children:b||y})]})}function H(t){return O(t)?e.jsx(A,{...t}):M(t)?e.jsx(R,{...t}):e.jsx(S,{...t})}exports.AssetsListCell=H;

package/dist/cjs/components/base/amount-input/amount-input.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),F=require("../text/use-title-text.cjs"),M=require("../../simple-dropdown/simple-dropdown.cjs"),V=require("../../simple-dropdown/simple-dropdown-menu-item.cjs"),O=require("../../token-symbol/token-symbol.cjs"),T=require("../../typed-intl/index.cjs"),j=require("../../../utils/bn-to-input-view.cjs"),N=require("../../../utils/cn.cjs"),S=require("../../../utils/parse-input-to-bn.cjs"),U=require("./balance-indicator.cjs"),l=require("./constants.cjs"),q=require("./token-button.cjs");function z({amount:n,onAmount:i,token:s,tokens:o,onToken:r,balance:d,label:x,maxLabel:f,usdPrice:g,disabled:a=!1,testId:k}){const A=T.useIntlTyped(),h=F.useTitleText(),u=s.decimals,[p,b]=c.useState(()=>n===0n?"":j.bnToInputView(n,u)),[B,I]=c.useState(!1),[v,m]=c.useState(!1);c.useEffect(()=>{const[t]=S.parseInputToBN(p,u);t!==n&&b(n===0n?"":j.bnToInputView(n,u))},[n,u]);const C=t=>{const[y,_]=S.parseInputToBN(t.target.value,u);y===null||_===null||(b(_),i(y))},D=!!(o&&o.length>1&&r),w=g!==void 0?R(p,g):null;return e.jsxs("div",{"data-testid":k??l.AmountInputTest.root,"data-active":B,"data-disabled":a,className:N.cn("relative w-full min-h-[82px] rounded-lg pl-4 pr-3 py-[10px]","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"),children:[e.jsxs("div",{className:"mb-2 flex justify-between text-sm leading-[120%]",children:[e.jsx("span",{className:"grow shrink-0 basis-0 text-sm font-medium text-foreground","data-testid":l.AmountInputTest.label,children:x!==void 0?h(x):e.jsx(T.FormattedMessageTyped,{messageId:"components.amountInput.label"})}),d!==void 0?e.jsx(U.BalanceIndicator,{title:f!==void 0?h(f):void 0,token:s,balance:d,disabled:a,onMax:()=>i(d)}):null]}),e.jsxs("div",{className:"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:p,onChange:C,onFocus:()=>I(!0),onBlur:()=>I(!1),disabled:a,minLength:1,maxLength:79,title:A.formatMessage({messageId:"components.amountInput.inputTitle"}),"data-testid":l.AmountInputTest.input,className:N.cn("w-full p-0 bg-transparent border-none outline-none","text-[28px]! leading-[33px]! text-foreground","placeholder:text-secondary-foreground focus:outline-none",a&&"cursor-not-allowed")})}),e.jsx("div",{className:"shrink-0",children:D&&r&&o?e.jsx(M.SimpleDropdown,{open:v,onOpenChange:m,placement:"bottom",align:"end",asChild:!0,title:e.jsx(q.TokenButton,{token:s,active:v,disabled:a,onClick:()=>m(t=>!t)}),children:o.map(t=>e.jsx(V.SimpleDropdownMenuItem,{onSelect:()=>{r(t),m(!1)},children:e.jsxs("span",{className:"flex min-w-0 items-center gap-2",children:[e.jsx(O.TokenSymbol,{token:t,size:16,marginSize:"sm"}),e.jsx("span",{className:"truncate",children:t.symbol})]})},t.address))}):e.jsx(q.TokenButton,{token:s,disabled:a})})]}),w?e.jsx("div",{className:"mt-1 text-xs leading-[130%] text-secondary-foreground","data-testid":l.AmountInputTest.usd,children:w}):null]})}function R(n,i){if(!i)return null;const s=Number.parseFloat(n.replace(",",".")||"0");if(!Number.isFinite(s)||s===0)return null;const o=s*i,r=Math.abs(o)<100;try{return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:r?2:0,maximumFractionDigits:r?2:0}).format(o)}catch{return"$0"}}exports.AmountInputTest=l.AmountInputTest;exports.AmountInput=z;

package/dist/cjs/components/base/amount-input/balance-indicator.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../token-template/token-template.cjs"),n=require("../../typed-intl/index.cjs"),m=require("../../../utils/cn.cjs"),s=require("./constants.cjs");function i({title:a,token:t,balance:o,disabled:r,onMax:c}){return e.jsxs("div",{className:"flex shrink-0 basis-auto items-center","data-testid":s.AmountInputTest.balance,children:[e.jsxs("span",{className:"text-sm font-normal leading-[130%] text-foreground",children:[a??e.jsx(n.FormattedMessageTyped,{messageId:"components.amountInput.balance"}),": ",e.jsx(l.TokenTemplate,{value:o,token:{symbol:t.symbol,decimals:t.decimals},showSymbol:!1})]}),!r&&e.jsx("div",{className:"ml-2",children:e.jsx("button",{type:"button",onClick:c,"data-testid":s.AmountInputTest.max,className:m.cn("rounded-[6px] border-0 py-[3px] px-1 text-[11px]! leading-[13px]!","text-center uppercase text-foreground","bg-gray-70 hover:bg-gray-90 transition-colors"),children:e.jsx(n.FormattedMessageTyped,{messageId:"components.amountInput.max"})})})]})}exports.BalanceIndicator=i;

package/dist/cjs/components/base/amount-input/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{static root="amount-input-root";static input="amount-input-field";static max="amount-input-max";static token="amount-input-token";static label="amount-input-label";static balance="amount-input-balance";static usd="amount-input-usd"}exports.AmountInputTest=t;

package/dist/cjs/components/base/amount-input/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./amount-input.cjs"),n=require("./constants.cjs");exports.AmountInput=t.AmountInput;exports.AmountInputTest=n.AmountInputTest;

package/dist/cjs/components/base/amount-input/token-button.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("@gearbox-protocol/static"),c=require("../../token-symbol/token-symbol.cjs"),d=require("../../typed-intl/index.cjs"),r=require("../../../utils/cn.cjs"),l=require("./constants.cjs");function m({token:s,onClick:n,active:a=!1,disabled:i}){const e=!!(n&&!i);return t.jsxs("div",{role:e?"button":void 0,tabIndex:e?0:void 0,"data-testid":l.AmountInputTest.token,onClick:e?n:void 0,onKeyDown:e&&n?o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),n())}:void 0,className:r.cn("group flex flex-row items-center text-[21px] leading-[33px] text-foreground",e&&"cursor-pointer hover:[&_.expand-wrap]:text-foreground"),children:[t.jsx(c.TokenSymbol,{token:s,showSymbol:!0,size:28,marginSize:"md",maxLength:13}),s?null:t.jsx("span",{className:"text-muted-foreground truncate",children:t.jsx(d.FormattedMessageTyped,{messageId:"components.amountInput.selectToken"})}),e?t.jsx("span",{className:r.cn("expand-wrap ml-0.5 px-1.5 leading-none text-gray-100","transition-transform duration-100 ease-[ease]",a&&"rotate-180"),children:t.jsx(u.IconExpand,{size:12})}):null]})}exports.TokenButton=m;

package/dist/cjs/components/base/detailed-page-title/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{static root="detailed-page-title-root";static actions="detailed-page-title-actions"}exports.DetailedPageTitleTest=t;

package/dist/cjs/components/base/detailed-page-title/detailed-page-title.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../page-title/page-title.cjs"),l=require("../stack/stack.cjs"),D=require("../../detailed-page-title/detailed-page-title-copy-button.cjs"),h=require("../../detailed-page-title/detailed-page-title-explorer-dropdown.cjs"),b=require("../../token-symbol/token-symbol.cjs");require("react");require("@gearbox-protocol/sdk");const c=require("../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../utils/z-index.cjs");const n=require("./constants.cjs");function f({title:o,browserTitle:u,head:d,token:a,icon:g,tokenIconSize:T=32,disabled:m=!1,toCopy:i,explorerLinks:t,badges:p,actions:s,buttonsSlot:r,meta:_,actionsPosition:P="left",className:q}){const j=a?e.jsx("span",{className:c.cn("inline-flex shrink-0 self-center",m?"grayscale":void 0),children:e.jsx(b.TokenSymbol,{size:T,token:a})}):g,w=r!=null||s!=null||i!=null||t!=null&&t.length>0?e.jsxs(l.Stack,{direction:"row",align:"center",gap:"sm",wrap:!0,"data-testid":n.DetailedPageTitleTest.actions,children:[s,r,i!=null?e.jsx(D.DetailedPageTitleCopyButton,{toCopy:i}):null,t!=null&&t.length>0?e.jsx(h.DetailedPageTitleExplorerDropdown,{explorerLinks:[...t]}):null]}):null;return e.jsxs(l.Stack,{gap:"sm",className:c.cn("min-w-0",q),"data-testid":n.DetailedPageTitleTest.root,children:[e.jsxs(l.Stack,{direction:"row",align:"center",gap:"sm",justify:P==="right"?"between":"start",wrap:!0,className:"w-full",children:[e.jsxs(l.Stack,{direction:"row",align:"center",gap:"sm",wrap:!0,className:"min-w-0",children:[j,e.jsx(x.PageTitle,{title:o,browserTitle:u,head:d}),p]}),w]}),_]})}exports.DetailedPageTitleTest=n.DetailedPageTitleTest;exports.DetailedPageTitle=f;

package/dist/cjs/components/base/detailed-page-title/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./detailed-page-title.cjs"),t=require("./constants.cjs");exports.DetailedPageTitle=e.DetailedPageTitle;exports.DetailedPageTitleTest=t.DetailedPageTitleTest;

package/dist/cjs/components/base/details-view/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{static root="details-view-root";static leftPane="details-view-left-pane";static managePane="details-view-manage-pane"}class a{static root="detail-aside-wrapper-root";static stickyContent="detail-aside-wrapper-sticky-content"}exports.DetailAsideWrapperTest=a;exports.DetailsViewTest=t;

package/dist/cjs/components/base/details-view/detail-aside/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=75,A=16,T=24,E=["relative mx-auto min-w-0","flex-col lg:flex-row lg:items-start","max-w-[calc(80rem+420px+1.5rem)]","xl:max-w-[calc(80rem+460px+1.5rem)]"].join(" "),I=["w-full min-w-0 shrink-0","lg:flex lg:self-stretch lg:flex-col","lg:w-[420px] lg:min-w-[420px] lg:max-w-[420px]","xl:w-[460px] xl:min-w-[460px] xl:max-w-[460px]"].join(" "),S="data-aside-align-anchor",D="data-aside-form-top",l="data-detail-aside-mode";exports.ASIDE_ALIGN_ANCHOR_ATTR=S;exports.ASIDE_FORM_TOP_ATTR=D;exports.DETAIL_ASIDE_MODE_ATTR=l;exports.DETAIL_ASIDE_SPACER_PX=_;exports.DETAIL_ASIDE_STICKY_OFFSET_BOTTOM_PX=T;exports.DETAIL_ASIDE_STICKY_OFFSET_TOP_PX=A;exports.DETAIL_MAIN_ASIDE_CLASS_NAME=I;exports.DETAIL_MAIN_ASIDE_LAYOUT_CLASS_NAME=E;

package/dist/cjs/components/base/details-view/detail-aside/detail-aside-scope.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),e=require("react"),l=require("./sticky-controller.cjs"),i=e.createContext(null);function a({children:n}){const r=e.useRef(null),o=e.useCallback(s=>{r.current=s},[]),t=e.useCallback(()=>r.current??l.defaultQuerySelectorAnchor(),[]),c=e.useMemo(()=>({getAnchor:t,registerAnchor:o}),[t,o]);return u.jsx(i.Provider,{value:c,children:n})}function A(){return e.useContext(i)?.getAnchor}function d({children:n,className:r,...o}){const t=e.useContext(i),c=e.useCallback(s=>{t?.registerAnchor(s)},[t]);return u.jsx("div",{ref:c,className:r,"data-aside-align-anchor":!0,...o,children:n})}exports.AsideAlignAnchor=d;exports.DetailAsideScope=a;exports.useDetailAsideAnchorGetter=A;

package/dist/cjs/components/base/details-view/detail-aside/detail-aside-screen-layout.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("../../../layout/main-aside-layout/main-aside-layout.cjs");require("react");require("@gearbox-protocol/sdk");const s=require("../../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../utils/z-index.cjs");const t=require("./constants.cjs"),A=require("./detail-aside-scope.cjs"),q=require("./detail-aside-wrapper.cjs");function S({children:a,aside:i,mainRef:r,asidePosition:n,centeredMain:o,className:d,asideClassName:l,mainClassName:u}){const c=i!=null?e.jsx(q.DetailAsideWrapper,{children:i}):null;return e.jsx(A.DetailAsideScope,{children:e.jsx(_.MainAsideLayout,{className:s.cn(t.DETAIL_MAIN_ASIDE_LAYOUT_CLASS_NAME,d),asideClassName:s.cn(t.DETAIL_MAIN_ASIDE_CLASS_NAME,l),mainClassName:u,mainRef:r,aside:c,asidePosition:n,centeredMain:o,variant:"detail",stickyAside:!1,children:a})})}exports.DetailAsideScreenLayout=S;

package/dist/cjs/components/base/details-view/detail-aside/detail-aside-wrapper.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),n=require("../constants.cjs"),o=require("./use-detail-aside-sticky.cjs");function c({children:a}){const s=t.useRef(null),i=t.useRef(null),l=t.useRef(null),{spacerPx:r}=o.useDetailAsideSticky({rootRef:s,contentRef:i,motionRef:l});return e.jsxs("div",{ref:s,className:"w-full min-h-0 lg:flex-1","data-testid":n.DetailAsideWrapperTest.root,children:[e.jsx("div",{className:"hidden overflow-hidden transition-[height] duration-200 ease-out lg:block",style:{height:r}}),e.jsx("div",{ref:i,className:"w-full","data-testid":n.DetailAsideWrapperTest.stickyContent,children:e.jsx("div",{ref:l,className:"w-full",children:a})})]})}exports.DetailAsideWrapper=c;

package/dist/cjs/components/base/details-view/detail-aside/geometry.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./constants.cjs");function r(t,e,i=n.DETAIL_ASIDE_STICKY_OFFSET_TOP_PX,o=n.DETAIL_ASIDE_STICKY_OFFSET_BOTTOM_PX){return{availableHeight:t-i-o,bottomTop:t-o-e,contentHeight:e,top:i}}function c(t){return t.contentHeight<=t.availableHeight}function a(t,e,i){return Math.max(0,Math.round(t-e-i))}function u(t,e,i){return Math.min(Math.max(0,t-e),Math.max(0,i))}function S(t,e,i=n.DETAIL_ASIDE_STICKY_OFFSET_TOP_PX,o=n.DETAIL_ASIDE_STICKY_OFFSET_BOTTOM_PX){return{topLimit:t+i,bottomLimit:t+e-o}}function _({limits:t,contentTop:e,contentBottom:i,scrollLimits:o}){return c(t)||e>=o.topLimit?"top":i<=o.bottomLimit?"bottom":"relative"}exports.computeRelativeTop=u;exports.computeScrollLimits=S;exports.computeSpacerPx=a;exports.computeStickyLimits=r;exports.isShortAside=c;exports.reconcileAsideStickyMode=_;

package/dist/cjs/components/base/details-view/detail-aside/scroll-parent.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(r){let e=r.parentElement;for(;e;){const t=window.getComputedStyle(e).overflowY;if(t==="auto"||t==="scroll"||t==="overlay")return e;e=e.parentElement}return window}exports.findScrollParentFromElement=n;

package/dist/cjs/components/base/details-view/detail-aside/sticky-controller.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./constants.cjs"),S=require("./geometry.cjs"),X=require("./scroll-parent.cjs");function x(){return document.querySelector(`[${m.ASIDE_ALIGN_ANCHOR_ATTR}]`)}function Y({root:c,content:t,motion:r,getAnchor:B=x,onSpacerChange:q,offsetTop:_=m.DETAIL_ASIDE_STICKY_OFFSET_TOP_PX,offsetBottom:h=m.DETAIL_ASIDE_STICKY_OFFSET_BOTTOM_PX}){let o="relative",g=0,R=m.DETAIL_ASIDE_SPACER_PX,v=null,i=null,f=null;const z=120,w=()=>{t.setAttribute(m.DETAIL_ASIDE_MODE_ATTR,o)},a=(()=>{const e=c.parentElement;return e?X.findScrollParentFromElement(e):window})(),u=a===window?null:a,C=()=>u?u.getBoundingClientRect().height:window.innerHeight,b=()=>u?u.scrollTop:window.scrollY,E=()=>S.computeStickyLimits(C(),t.offsetHeight,_,h),A=()=>{const e=c.getBoundingClientRect(),n=t.getBoundingClientRect(),s=e.top+R,p=Math.max(0,c.offsetHeight-R-t.offsetHeight);return S.computeRelativeTop(n.top,s,p)},I=e=>{r.removeAttribute("data-detail-aside-bounce"),r.offsetWidth,r.setAttribute("data-detail-aside-bounce",e)},O=e=>{e.target===r&&r.removeAttribute("data-detail-aside-bounce")},d=(e=!1)=>{const n=o;o="top",t.style.position="sticky",t.style.top=`${_}px`,w(),e&&n!=="top"&&I("top")},L=(e=!1)=>{const n=o;o="bottom",t.style.position="sticky",t.style.top=`${Math.round(E().bottomTop)}px`,w(),e&&n!=="bottom"&&I("bottom")},y=e=>{o="relative",t.style.position="relative",t.style.top=`${Math.round(e)}px`,w()},V=()=>{y(A())},P=()=>{const e=B();if(e){const p=(c.querySelector(`[${m.ASIDE_FORM_TOP_ATTR}]`)??t).getBoundingClientRect().top-t.getBoundingClientRect().top,l=S.computeSpacerPx(e.getBoundingClientRect().top,c.getBoundingClientRect().top,p);l!==R&&(R=l,q(l))}const n=E();if(n.contentHeight<=n.availableHeight){d();return}o==="top"?d():o==="bottom"?L():V()},D=()=>{const e=E();if(e.contentHeight<=e.availableHeight){o!=="top"&&d();return}const s=u?.getBoundingClientRect()?.top??0,p=S.computeScrollLimits(s,C(),_,h),l=t.getBoundingClientRect(),T=S.reconcileAsideStickyMode({limits:e,contentTop:l.top,contentBottom:l.bottom,scrollLimits:p});if(T!==o){if(T==="top"){d();return}if(T==="bottom"){L();return}y(A())}},M=()=>{i!==null&&clearTimeout(i),i=setTimeout(()=>{i=null,g=b(),D()},z)},$=()=>{const e=b(),n=e-g;if(g=e,n===0){M();return}const s=E();if(s.contentHeight<=s.availableHeight){d();return}const l=u?.getBoundingClientRect()?.top??0,T=l+_,N=l+C()-h;n>0?(o==="top"&&y(A()),o==="relative"&&t.getBoundingClientRect().bottom<=N&&L(!0)):(o==="bottom"&&y(A()),o==="relative"&&t.getBoundingClientRect().top>=T&&d(!0))},H=()=>{v===null&&(v=window.requestAnimationFrame(()=>{v=null,$(),M()}))},k=()=>{i!==null&&(clearTimeout(i),i=null),g=b(),D()},F=()=>{P()};return{bind(){g=b(),P(),f=new ResizeObserver(P),f.observe(c),f.observe(t);const e=B();e&&f.observe(e),r.addEventListener("animationend",O),a.addEventListener("scroll",H,{passive:!0}),a.addEventListener("scrollend",k,{passive:!0}),window.addEventListener("resize",F,{passive:!0})},unbind(){v!==null&&window.cancelAnimationFrame(v),i!==null&&clearTimeout(i),f?.disconnect(),r.removeEventListener("animationend",O),a.removeEventListener("scroll",H),a.removeEventListener("scrollend",k),window.removeEventListener("resize",F)}}}exports.createDetailAsideStickyController=Y;exports.defaultQuerySelectorAnchor=x;

package/dist/cjs/components/base/details-view/detail-aside/use-detail-aside-sticky.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),f=require("./constants.cjs"),y=require("./detail-aside-scope.cjs"),e=require("./sticky-controller.cjs");function p({rootRef:u,contentRef:a,motionRef:l,getAnchor:r=e.defaultQuerySelectorAnchor,enabled:d=!0}){const[A,_]=t.useState(f.DETAIL_ASIDE_SPACER_PX),S=y.useDetailAsideAnchorGetter(),n=t.useRef(r??e.defaultQuerySelectorAnchor);return n.current=S??r??e.defaultQuerySelectorAnchor,t.useLayoutEffect(()=>{if(!d)return;const o=u.current,c=a.current,s=l.current;if(!o||!c||!s)return;const i=e.createDetailAsideStickyController({root:o,content:c,motion:s,getAnchor:()=>n.current(),onSpacerChange:_});return i.bind(),()=>{i.unbind()}},[]),{spacerPx:A}}exports.useDetailAsideSticky=p;

package/dist/cjs/components/base/details-view/details-view.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("react"),l=require("../stack/stack.cjs"),f=require("../tabber/tabber.cjs"),g=require("../../layout/container/container.cjs"),V=require("../../../hooks/use-media-query.cjs"),r=require("./constants.cjs"),w=require("./detail-aside/detail-aside-scope.cjs"),b=require("./detail-aside/detail-aside-screen-layout.cjs");function h(e){return a.isValidElement(e)&&e.type===_}function x(e){return a.isValidElement(e)&&e.type===d}function A(e){return a.isValidElement(e)&&e.type===w.AsideAlignAnchor}function D({children:e,mainRef:c,className:t,testId:n}){const s=V.useIsMedium(),u=a.Children.toArray(e),p=u.find(h),m=u.find(x)?.props.children??null,o=m!=null?i.jsx(l.Stack,{"data-testid":r.DetailsViewTest.managePane,children:m}):null;return i.jsx(l.Stack,{className:"flex-col-12","data-testid":n??r.DetailsViewTest.root,children:i.jsx(l.Stack,{className:"px-4 sm:px-6 lg:px-8",children:i.jsx(b.DetailAsideScreenLayout,{className:t,mainRef:c,aside:!s&&o?o:null,children:i.jsx(g.Container,{padding:!1,children:p?a.cloneElement(p,{mobileManagePane:s?o:null}):null})})})})}function _({children:e,mobileManagePane:c}){const t=a.Children.toArray(e);if(c==null)return i.jsx(l.Stack,{gap:"lg","data-testid":r.DetailsViewTest.leftPane,children:t});let n=t.findIndex(A);if(n!==-1)n+=1;else{const s=t.findIndex(f.isTabber);n=s===-1?t.length:s}return i.jsxs(l.Stack,{gap:"lg","data-testid":r.DetailsViewTest.leftPane,children:[t.slice(0,n),c,t.slice(n)]})}function d(e){return null}d.displayName="DetailsViewManagePane";exports.DetailsViewTest=r.DetailsViewTest;exports.DetailsView=D;exports.DetailsViewLeftPane=_;exports.DetailsViewManagePane=d;

package/dist/cjs/components/base/details-view/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./detail-aside/detail-aside-scope.cjs"),t=require("./detail-aside/detail-aside-screen-layout.cjs"),e=require("./details-view.cjs"),s=require("./constants.cjs");exports.AsideAlignAnchor=i.AsideAlignAnchor;exports.DetailAsideScreenLayout=t.DetailAsideScreenLayout;exports.DetailsView=e.DetailsView;exports.DetailsViewLeftPane=e.DetailsViewLeftPane;exports.DetailsViewManagePane=e.DetailsViewManagePane;exports.DetailsViewTest=s.DetailsViewTest;

package/dist/cjs/components/base/health-factor-block/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{static root="health-factor-block-root";static value="health-factor-block-value";static valueTo="health-factor-block-value-to"}exports.HealthFactorBlockTest=t;

package/dist/cjs/components/base/health-factor-block/health-factor-block.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("../text/use-title-text.cjs"),i=require("../../fadeout-loading/fadeout-loading.cjs"),d=require("../../health-factor/health-factor.cjs"),u=require("../../typed-intl/index.cjs"),T=require("../../vertical-indicator/vertical-indicator.cjs"),t=require("./constants.cjs");function x({hf:o,hfTo:a,debt:c,debtTo:h,zone:s,isLoading:l,title:n,tip:F,testId:v}){const m=p.useTitleText(),r=a!==void 0;return e.jsx(T.VerticalIndicator,{align:"center",dimPreviousValue:!1,"data-testid":v??t.HealthFactorBlockTest.root,label:n!==void 0?m(n):e.jsx(u.FormattedMessageTyped,{messageId:"components.healthFactorBlock.label"}),tip:F??e.jsx(u.FormattedMessageTyped,{messageId:"components.healthFactorBlock.tip"}),value:e.jsx(i.FadeoutLoading,{loading:l,children:o===void 0?e.jsx("span",{"data-testid":t.HealthFactorBlockTest.value,children:"—"}):e.jsx(d.HealthFactor,{value:o,debt:c,zone:r?void 0:s,"data-testid":t.HealthFactorBlockTest.value})}),valueTo:r?e.jsx(i.FadeoutLoading,{loading:l,children:e.jsx(d.HealthFactor,{value:a,debt:h??c,zone:s,"data-testid":t.HealthFactorBlockTest.valueTo})}):void 0})}exports.HealthFactorBlockTest=t.HealthFactorBlockTest;exports.HealthFactorBlock=x;

package/dist/cjs/components/base/health-factor-block/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./constants.cjs"),o=require("./health-factor-block.cjs");exports.HealthFactorBlockTest=t.HealthFactorBlockTest;exports.HealthFactorBlock=o.HealthFactorBlock;

package/dist/cjs/components/base/history-chart/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class r{static root="history-chart-root";static empty="history-chart-empty";static error="history-chart-error";static range=t=>`history-chart-range-${t}`}exports.HistoryChartTest=r;

package/dist/cjs/components/base/history-chart/history-chart.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),h=require("react");require("@gearbox-protocol/static");require("../../checkbox/checkbox.cjs");require("../../checkbox/checkbox-labeled.cjs");require("../../select/select.cjs");const g=require("../../trading-view/trading-view.cjs"),q=require("../../typed-intl/index.cjs"),u=require("./constants.cjs"),A=["1d","1w","1m","1y","max"],C={"1d":"1D","1w":"1W","1m":"1M","1y":"1Y",max:"MAX"};function _({data:t,range:e,onRange:o,isLoading:d=!1,error:y,yMeasureUnit:i="none",height:p,seriesTitles:s,priceLines:n,zones:a}){const m=q.useIntlTyped(),l=h.useMemo(()=>t?(Array.isArray(t)?t:[t]).map(f(s)):void 0,[t,s]);return c.jsx("div",{"data-testid":u.HistoryChartTest.root,children:c.jsx(g.TradingView,{data:l,isLoading:d,error:y?m.formatMessage({messageId:"components.historyChart.error"}):void 0,emptyMessage:m.formatMessage({messageId:"components.historyChart.empty"}),yMeasureUnit:Array.isArray(i)?[...i]:i,height:p,rangeList:A.map(r=>({value:r,label:C[r]})),range:e,setRange:r=>o(r),priceLineOptions:n?[...n]:void 0,zoneOptions:a?[...a]:void 0,disableZoom:!0})})}function f(t){return e=>({id:e.metric,title:t?.[e.metric]??e.metric,data:e.points.map(o=>({time:o.timestamp,value:o.value}))})}exports.HistoryChartTest=u.HistoryChartTest;exports.HistoryChart=_;

package/dist/cjs/components/base/history-chart/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./history-chart.cjs"),r=require("./constants.cjs");exports.HistoryChart=t.HistoryChart;exports.HistoryChartTest=r.HistoryChartTest;

package/dist/cjs/components/base/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./amount-input/amount-input.cjs"),l=require("./detailed-page-title/detailed-page-title.cjs"),T=require("./details-view/detail-aside/detail-aside-scope.cjs"),b=require("./details-view/detail-aside/detail-aside-screen-layout.cjs"),n=require("./details-view/details-view.cjs"),p=require("./health-factor-block/constants.cjs"),m=require("./health-factor-block/health-factor-block.cjs"),d=require("./history-chart/history-chart.cjs"),a=require("./info-list/info-list.cjs"),s=require("./info-portal/info-portal.cjs"),g=require("./leverage-input/leverage-input.cjs"),q=require("./liquidation-price-block/constants.cjs"),P=require("./liquidation-price-block/liquidation-price-block.cjs"),t=require("./manage-pane/manage-pane.cjs"),B=require("./page-title/page-title.cjs"),S=require("./review-button/review-button.cjs"),k=require("./section-heading/section-heading.cjs"),i=require("./segmented-tabs/segmented-tabs.cjs"),c=require("./spacing.cjs"),L=require("./stack/stack.cjs"),r=require("./stat-badge/stat-badge.cjs"),A=require("./sticky-bar/sticky-bar.cjs"),o=require("./tabber/tabber.cjs"),I=require("./tabber/use-detail-scroll-spy.cjs"),V=require("./text/use-title-text.cjs"),h=require("./time-to-liquidation-block/constants.cjs"),y=require("./time-to-liquidation-block/time-to-liquidation-block.cjs"),v=require("./token-amount/token-amount.cjs"),_=require("./values/constants.cjs"),w=require("./values/pnl-value.cjs"),D=require("./values/position-short-label.cjs"),H=require("./values/position-type-badge.cjs"),e=require("./values/scalars.cjs"),f=require("./amount-input/constants.cjs"),M=require("./detailed-page-title/constants.cjs"),C=require("./details-view/constants.cjs"),E=require("./history-chart/constants.cjs"),F=require("./info-list/constants.cjs"),G=require("./leverage-input/constants.cjs"),N=require("./manage-pane/constants.cjs"),U=require("./page-title/constants.cjs"),O=require("./review-button/constants.cjs"),x=require("./section-heading/constants.cjs"),R=require("./segmented-tabs/constants.cjs"),z=require("./stack/constants.cjs"),X=require("./stat-badge/constants.cjs"),j=require("./sticky-bar/constants.cjs"),J=require("./tabber/constants.cjs"),K=require("./token-amount/constants.cjs");exports.AmountInput=u.AmountInput;exports.DetailedPageTitle=l.DetailedPageTitle;exports.AsideAlignAnchor=T.AsideAlignAnchor;exports.DetailAsideScreenLayout=b.DetailAsideScreenLayout;exports.DetailsView=n.DetailsView;exports.DetailsViewLeftPane=n.DetailsViewLeftPane;exports.DetailsViewManagePane=n.DetailsViewManagePane;exports.HealthFactorBlockTest=p.HealthFactorBlockTest;exports.HealthFactorBlock=m.HealthFactorBlock;exports.HistoryChart=d.HistoryChart;exports.InfoLine=a.InfoLine;exports.InfoList=a.InfoList;exports.InfoPortalOut=s.InfoPortalOut;exports.InfoPortalProvider=s.InfoPortalProvider;exports.LeverageInput=g.LeverageInput;exports.LiquidationPriceBlockTest=q.LiquidationPriceBlockTest;exports.LiquidationPriceBlock=P.LiquidationPriceBlock;exports.ManagePane=t.ManagePane;exports.ManagePaneMessage=t.ManagePaneMessage;exports.ManagePaneTab=t.ManagePaneTab;exports.ManagePaneTabDropdown=t.ManagePaneTabDropdown;exports.PageTitle=B.PageTitle;exports.ReviewButton=S.ReviewButton;exports.SectionHeading=k.SectionHeading;exports.SEGMENTED_TABS_INACTIVE_BUTTON_CLASS=i.SEGMENTED_TABS_INACTIVE_BUTTON_CLASS;exports.SegmentedTabs=i.SegmentedTabs;exports.SPACE_HEIGHT=c.SPACE_HEIGHT;exports.SPACE_PX=c.SPACE_PX;exports.Stack=L.Stack;exports.StatBadge=r.StatBadge;exports.StatBadgeGrid=r.StatBadgeGrid;exports.StickyBar=A.StickyBar;exports.Tabber=o.Tabber;exports.TabberSection=o.TabberSection;exports.isTabber=o.isTabber;exports.useDetailScrollSpy=I.useDetailScrollSpy;exports.useTitleText=V.useTitleText;exports.TimeToLiquidationBlockTest=h.TimeToLiquidationBlockTest;exports.TimeToLiquidationBlock=y.TimeToLiquidationBlock;exports.TokenAmount=v.TokenAmount;exports.PositionShortLabelTest=_.PositionShortLabelTest;exports.ValueTest=_.ValueTest;exports.PnlValue=w.PnlValue;exports.PositionShortLabel=D.PositionShortLabel;exports.PositionTypeBadge=H.PositionTypeBadge;exports.ApyValue=e.ApyValue;exports.HealthFactorValue=e.HealthFactorValue;exports.LeverageValue=e.LeverageValue;exports.TokenBigint=e.TokenBigint;exports.UsdValue=e.UsdValue;exports.UtilizationValue=e.UtilizationValue;exports.AmountInputTest=f.AmountInputTest;exports.DetailedPageTitleTest=M.DetailedPageTitleTest;exports.DetailsViewTest=C.DetailsViewTest;exports.HistoryChartTest=E.HistoryChartTest;exports.InfoListTest=F.InfoListTest;exports.LeverageInputTest=G.LeverageInputTest;exports.ManagePaneTest=N.ManagePaneTest;exports.PageTitleTest=U.PageTitleTest;exports.ReviewButtonTest=O.ReviewButtonTest;exports.SectionHeadingTest=x.SectionHeadingTest;exports.SegmentedTabsTest=R.SegmentedTabsTest;exports.StackTest=z.StackTest;exports.StatBadgeTest=X.StatBadgeTest;exports.StickyBarTest=j.StickyBarTest;exports.TabberTest=J.TabberTest;exports.TokenAmountTest=K.TokenAmountTest;

package/dist/cjs/components/base/info-list/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{static root="info-list-root";static line="info-list-line"}exports.InfoListTest=t;

package/dist/cjs/components/base/info-list/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./info-list.cjs"),t=require("./constants.cjs");exports.InfoLine=n.InfoLine;exports.InfoList=n.InfoList;exports.InfoListTest=t.InfoListTest;

package/dist/cjs/components/base/info-list/info-list.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("../stack/stack.cjs"),u=require("../text/use-title-text.cjs"),f=require("../../vertical-indicator/vertical-indicator.cjs"),e=require("./constants.cjs");function l({children:t}){return n.jsx(a.Stack,{gap:"sm","data-testid":e.InfoListTest.root,children:t})}function I({title:t,value:s,tip:o,valueTo:i,testId:r}){const c=u.useTitleText();return n.jsx(f.VerticalIndicator,{label:c(t),tip:o,value:s,valueTo:i,size:"sm",align:"center","data-testid":r??e.InfoListTest.line})}exports.InfoListTest=e.InfoListTest;exports.InfoLine=I;exports.InfoList=l;

package/dist/cjs/components/base/info-portal/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./info-portal.cjs");exports.InfoPortalOut=o.InfoPortalOut;exports.InfoPortalProvider=o.InfoPortalProvider;

package/dist/cjs/components/base/info-portal/info-portal.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("react"),r=e.createContext({current:null});function u({children:t}){const n=e.useRef(null);return o.jsx(r.Provider,{value:n,children:t})}function c(){return e.useContext(r)}function l(){const t=c();return o.jsx("div",{ref:t})}exports.InfoPortalOut=l;exports.InfoPortalProvider=u;

package/dist/cjs/components/base/leverage-input/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class e{static root="leverage-input-root";static slider="leverage-input-slider";static value="leverage-input-value";static reset="leverage-input-reset"}exports.LeverageInputTest=e;

package/dist/cjs/components/base/leverage-input/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./leverage-input.cjs"),t=require("./constants.cjs");exports.LeverageInput=e.LeverageInput;exports.LeverageInputTest=t.LeverageInputTest;

package/dist/cjs/components/base/leverage-input/leverage-input.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),I=require("react"),T=require("../stack/stack.cjs"),N=require("../text/use-title-text.cjs"),E=require("../../edit-input/edit-input.cjs"),k=require("../../slider/slider.cjs");require("../../slider/slider-context.cjs");const C=require("../../text-button/text-button.cjs"),M=require("../../tooltip/simple-tooltip.cjs");require("../../tooltip/tooltip.cjs");const _=require("../../typed-intl/index.cjs"),y=require("../../with-title/with-title.cjs"),r=require("./constants.cjs"),n=100,F=10;function R({value:s,onChange:i,max:o,min:l=1,step:v=.1,title:c,hint:u,reset:a,colorIntervals:f,colorIntervalLabel:j,size:b="sm"}){const q=N.useTitleText(),[S,d]=I.useState(void 0),[p,m]=I.useState(""),x=S??s,g=e=>{i(V(e,l,o)),d(void 0)},w=()=>{const e=Number.parseFloat(p.replace(",","."));Number.isFinite(e)&&g(e)},L=f?.map(e=>({...e,start:e.start*n,end:e.end*n}));return t.jsx("div",{"data-testid":r.LeverageInputTest.root,children:t.jsx(y.WithTitle,{size:b,title:t.jsxs(T.Stack,{direction:"row",align:"center",justify:"between",gap:"sm",children:[t.jsxs("span",{className:"font-normal",children:[c!==void 0?q(c):t.jsx(_.FormattedMessageTyped,{messageId:"components.leverageInput.label"}),u?t.jsx("span",{className:"text-muted-foreground ml-1",children:u}):null]}),t.jsxs(T.Stack,{direction:"row",align:"center",gap:"sm",children:[t.jsx("div",{className:"flex w-[90px] flex-row flex-nowrap items-center",children:t.jsx(E.EditInput,{value:p,placeholder:"0",label:`×${h(x)}`,textButtonProps:{className:"inline-flex items-center whitespace-nowrap"},"data-testid":r.LeverageInputTest.value,onEditModeChange:e=>{e&&m(h(s))},onChange:e=>m(e.target.value),onSubmit:w})}),a?t.jsx(M.SimpleTooltip,{placement:"top",triangle:!1,triggerClassName:"inline-flex shrink-0",title:t.jsx(C.TextButton,{buttonColor:"secondaryDashed",size:"sm",className:"max-w-full truncate",onClick:a.onClick,"data-testid":a.testId??r.LeverageInputTest.reset,children:t.jsx(_.FormattedMessageTyped,{messageId:"components.leverageInput.reset"})}),children:a.tooltip}):null]})]}),children:t.jsx(k.Slider,{from:l*n,to:o*n,precision:n,value:x*n,colorIntervals:L,colorIntervalLabel:j,markerStep:o>F?200:v*n,"data-testid":r.LeverageInputTest.slider,onChangeValue:e=>d(e/n),onSubmitValue:e=>g(e/n)})})})}function V(s,i,o){return Math.min(Math.max(s,i),o)}function h(s){return(Math.round(s*100)/100).toFixed(2).replace(/\.?0+$/,"")}exports.LeverageInputTest=r.LeverageInputTest;exports.LeverageInput=R;

package/dist/cjs/components/base/liquidation-price-block/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class i{static root="liquidation-price-block-root";static value="liquidation-price-block-value";static valueTo="liquidation-price-block-value-to"}exports.LiquidationPriceBlockTest=i;

package/dist/cjs/components/base/liquidation-price-block/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./constants.cjs"),o=require("./liquidation-price-block.cjs");exports.LiquidationPriceBlockTest=i.LiquidationPriceBlockTest;exports.LiquidationPriceBlock=o.LiquidationPriceBlock;

package/dist/cjs/components/base/liquidation-price-block/liquidation-price-block.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("../text/use-title-text.cjs"),l=require("../../fadeout-loading/fadeout-loading.cjs"),_=require("../../formatted-number/formatted-number.cjs"),T=require("../../status-elements/status-elements.cjs"),d=require("../../typed-intl/index.cjs"),v=require("../../vertical-indicator/vertical-indicator.cjs"),P=require("../../../utils/parse-input-to-bn.cjs"),o=require("./constants.cjs");function g({price:t,priceTo:i,pricePair:n,zone:s,isLoading:a,title:r,tip:m,testId:q}){const x=p.useTitleText(),c=i!==void 0;return e.jsx(v.VerticalIndicator,{align:"center",dimPreviousValue:!1,"data-testid":q??o.LiquidationPriceBlockTest.root,label:r!==void 0?x(r):e.jsx(d.FormattedMessageTyped,{messageId:"components.liquidationPriceBlock.label"}),tip:m??e.jsx(d.FormattedMessageTyped,{messageId:"components.liquidationPriceBlock.tip"}),value:e.jsx(l.FadeoutLoading,{loading:a,children:e.jsx(u,{price:t,zone:c?void 0:s,testId:o.LiquidationPriceBlockTest.value})}),valueTo:c?e.jsx(l.FadeoutLoading,{loading:a,children:e.jsx(u,{price:i??null,zone:s,testId:o.LiquidationPriceBlockTest.valueTo})}):void 0,valueDescription:n})}function u({price:t,zone:i,testId:n}){return e.jsxs("span",{className:"inline-flex items-center","data-testid":n,children:[t===void 0?"—":t===null||t===0n?"N/A":e.jsx(_.FormattedNumberString,{value:P.bnToLiquidationPriceView(t)}),i?e.jsx("span",{className:"ml-1.5",children:e.jsx(T.HealthDot,{zone:i})}):null]})}exports.LiquidationPriceBlockTest=o.LiquidationPriceBlockTest;exports.LiquidationPriceBlock=g;

package/dist/cjs/components/base/manage-pane/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class e{static root="manage-pane-root";static tabs="manage-pane-tabs";static dropdown="manage-pane-dropdown";static body="manage-pane-body";static message="manage-pane-message";static tab=a=>`manage-pane-tab-${a}`}exports.ManagePaneTest=e;

package/dist/cjs/components/base/manage-pane/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./manage-pane.cjs"),e=require("./constants.cjs");exports.ManagePane=a.ManagePane;exports.ManagePaneMessage=a.ManagePaneMessage;exports.ManagePaneTab=a.ManagePaneTab;exports.ManagePaneTabDropdown=a.ManagePaneTabDropdown;exports.ManagePaneTest=e.ManagePaneTest;

package/dist/cjs/components/base/manage-pane/manage-pane.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("@fortawesome/free-solid-svg-icons"),l=require("react"),u=require("../info-portal/info-portal.cjs"),g=require("../segmented-tabs/segmented-tabs.cjs"),s=require("../stack/stack.cjs"),j=require("../text/use-title-text.cjs"),w=require("../../buttons/button/button.cjs"),q=require("../../client-adapters/styled-dialog-container/styled-dialog-container.cjs"),D=require("../../icons/fa-icon.cjs"),I=require("../../simple-dropdown/simple-dropdown.cjs"),y=require("../../simple-dropdown/simple-dropdown-menu-item.cjs"),a=require("./constants.cjs");function m(t){return null}function _(t){return null}function C(t){return l.isValidElement(t)&&t.type===m}function k(t){return l.isValidElement(t)&&t.type===_}function E({children:t,activeTab:c,onTabChange:T,header:b,footer:M,actions:r,testId:P}){const h=j.useTitleText(),d=l.Children.toArray(t),p=d.filter(C),f=d.find(k),i=p.filter(n=>!n.props.hidden),S=p.find(n=>n.props.id===c)?.props.children,o=f?.props.items??[];return e.jsx(u.InfoPortalProvider,{children:e.jsxs(s.Stack,{gap:"md","data-testid":P??a.ManagePaneTest.root,children:[b,i.length>0||o.length>0||r?e.jsxs(s.Stack,{direction:"row",align:"center",gap:"sm",children:[i.length>0?e.jsx(g.SegmentedTabs,{items:i.map(n=>({id:n.props.id,item:h(n.props.title),disabled:n.props.disabled,testId:a.ManagePaneTest.tab(n.props.id)})),activeTab:c,onTabChange:T,testId:a.ManagePaneTest.tabs}):null,o.length>0||r?e.jsxs(s.Stack,{direction:"row",align:"center",gap:"sm",className:"ml-auto",children:[o.length>0?e.jsx(I.SimpleDropdown,{title:e.jsx(w.Button,{type:"button",variant:"ghost",size:"md",className:g.SEGMENTED_TABS_INACTIVE_BUTTON_CLASS,"aria-label":"More actions","data-testid":a.ManagePaneTest.dropdown,children:e.jsx(D.FaIcon,{icon:x.faEllipsis,className:"size-4"})}),asChild:!0,placement:"bottom",align:"end",children:o.map(n=>e.jsx(y.SimpleDropdownMenuItem,{onSelect:n.onSelect,children:n.title},n.id))}):null,r]}):null]}):null,e.jsxs(q.StyledDialogContainer,{"data-testid":a.ManagePaneTest.body,"data-aside-form-top":!0,children:[e.jsx(s.Stack,{children:e.jsx(u.InfoPortalOut,{})}),S]}),M]})})}function A({children:t}){return e.jsx(s.Stack,{gap:"sm","data-testid":a.ManagePaneTest.message,children:t})}exports.ManagePaneTest=a.ManagePaneTest;exports.ManagePane=E;exports.ManagePaneMessage=A;exports.ManagePaneTab=m;exports.ManagePaneTabDropdown=_;

package/dist/cjs/components/base/page-title/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{static root="page-title-root"}exports.PageTitleTest=t;

package/dist/cjs/components/base/page-title/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./page-title.cjs"),t=require("./constants.cjs");exports.PageTitle=e.PageTitle;exports.PageTitleTest=t.PageTitleTest;

package/dist/cjs/components/base/page-title/page-title.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),T=require("../../typed-intl/index.cjs"),p=require("../../typography/typography.cjs"),r=require("./constants.cjs");function s(t,e){return typeof e=="string"?e:t.formatMessage(e)}function u({title:t,browserTitle:e,head:i,as:a="h1",className:c}){const o=T.useIntlTyped(),l=s(o,t),g=s(o,e??t);return n.jsxs(n.Fragment,{children:[i?.(g),n.jsx(p.Typography,{as:a,className:c??"m-0 text-3xl leading-none font-medium","data-testid":r.PageTitleTest.root,children:l})]})}exports.PageTitleTest=r.PageTitleTest;exports.PageTitle=u;

package/dist/cjs/components/base/review-button/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{static root="review-button-root";static error="review-button-error"}exports.ReviewButtonTest=t;

package/dist/cjs/components/base/review-button/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./review-button.cjs"),t=require("./constants.cjs");exports.ReviewButton=e.ReviewButton;exports.ReviewButtonTest=t.ReviewButtonTest;

package/dist/cjs/components/base/review-button/review-button.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../stack/stack.cjs"),u=require("../../buttons/button/button.cjs"),o=require("../../typed-intl/index.cjs"),c=require("../../typography/typography.cjs"),t=require("./constants.cjs");function d({disabled:n,error:s,onClick:r,label:i="dialogs.common.review"}){return e.jsxs(a.Stack,{gap:"xs",children:[s?e.jsx(c.Typography,{className:"text-destructive text-sm","data-testid":t.ReviewButtonTest.error,children:e.jsx(o.FormattedMessageTyped,{messageId:s})}):null,e.jsx(u.Button,{disabled:n,onClick:r,"data-testid":t.ReviewButtonTest.root,children:e.jsx(o.FormattedMessageTyped,{messageId:i})})]})}exports.ReviewButtonTest=t.ReviewButtonTest;exports.ReviewButton=d;

package/dist/cjs/components/base/section-heading/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class e{static root="section-heading-root"}exports.SectionHeadingTest=e;

package/dist/cjs/components/base/section-heading/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./section-heading.cjs"),n=require("./constants.cjs");exports.SectionHeading=e.SectionHeading;exports.SectionHeadingTest=n.SectionHeadingTest;

package/dist/cjs/components/base/section-heading/section-heading.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime");require("react");require("@gearbox-protocol/sdk");const r=require("../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../utils/z-index.cjs");const e=require("./constants.cjs");function o({children:t,className:i}){return n.jsx("h2",{className:r.cn("m-0 text-[22px] leading-[115%] font-medium",i),"data-testid":e.SectionHeadingTest.root,children:t})}exports.SectionHeadingTest=e.SectionHeadingTest;exports.SectionHeading=o;

package/dist/cjs/components/base/segmented-tabs/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class e{static root="segmented-tabs-root"}exports.SegmentedTabsTest=e;

package/dist/cjs/components/base/segmented-tabs/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./segmented-tabs.cjs"),s=require("./constants.cjs");exports.SEGMENTED_TABS_INACTIVE_BUTTON_CLASS=e.SEGMENTED_TABS_INACTIVE_BUTTON_CLASS;exports.SegmentedTabs=e.SegmentedTabs;exports.SegmentedTabsTest=s.SegmentedTabsTest;

package/dist/cjs/components/base/segmented-tabs/segmented-tabs.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),N=require("react-router-dom"),h=require("../stack/stack.cjs"),a=require("../../buttons/button/button.cjs");require("react");require("@gearbox-protocol/sdk");const v=require("../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../utils/z-index.cjs");const c=require("./constants.cjs"),u="bg-gray-30 border-gray-30 hover:bg-gray-40 hover:border-gray-40";function y({items:i,activeTab:d,onTabChange:T,getTestId:b,className:m,buttonClassName:_,testId:g}){return t.jsx(h.Stack,{direction:"row",gap:"sm",className:m,"data-testid":g??c.SegmentedTabsTest.root,children:i.map(({id:e,item:n,disabled:S,href:s,testId:l,onClick:q},p)=>{const r=d===e,E=v.cn(_,r?void 0:u),o={size:"md",variant:r?"neutral":"ghost",className:E,disabled:S,"data-testid":l??b?.(e),"aria-current":r?"step":void 0};return s?t.jsx(a.Button,{...o,asChild:!0,children:t.jsx(N.Link,{to:s,children:n})},e):t.jsx(a.Button,{...o,type:"button",onClick:()=>{q?.(),T?.(e,p)},children:n},e)})})}exports.SegmentedTabsTest=c.SegmentedTabsTest;exports.SEGMENTED_TABS_INACTIVE_BUTTON_CLASS=u;exports.SegmentedTabs=y;

package/dist/cjs/components/base/spacing.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={xs:{mobile:4,desktop:8},sm:{mobile:8,desktop:16},md:{mobile:12,desktop:24},lg:{mobile:24,desktop:48},xl:{mobile:32,desktop:64}},o={xs:"h-1 md:h-2",sm:"h-2 md:h-4",md:"h-3 md:h-6",lg:"h-6 md:h-12",xl:"h-8 md:h-16"};exports.SPACE_HEIGHT=o;exports.SPACE_PX=e;

package/dist/cjs/components/base/stack/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{static root="stack-root"}exports.StackTest=t;

package/dist/cjs/components/base/stack/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./stack.cjs"),e=require("./constants.cjs");exports.Stack=t.Stack;exports.StackTest=e.StackTest;

package/dist/cjs/components/base/stack/stack.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime");require("react");require("@gearbox-protocol/sdk");const u=require("../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../utils/z-index.cjs");const l=require("./constants.cjs"),d={row:"flex-row",col:"flex-col"},f={none:"gap-0",xs:"gap-0.5",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8"},m={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"},p={start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between"};function q({direction:r="col",gap:s="none",align:e,justify:t,wrap:n=!1,className:c,children:i,...o}){return a.jsx("div",{className:u.cn("flex",d[r],f[s],e?m[e]:void 0,t?p[t]:void 0,n?"flex-wrap":void 0,c),...o,children:i})}exports.StackTest=l.StackTest;exports.Stack=q;

package/dist/cjs/components/base/stat-badge/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{static root="stat-badge-root";static grid="stat-badge-grid-root";static action="stat-badge-action"}exports.StatBadgeTest=t;

package/dist/cjs/components/base/stat-badge/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./stat-badge.cjs"),e=require("./constants.cjs");exports.StatBadge=t.StatBadge;exports.StatBadgeGrid=t.StatBadgeGrid;exports.StatBadgeTest=e.StatBadgeTest;

package/dist/cjs/components/base/stat-badge/stat-badge.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("../stack/stack.cjs"),u=require("../text/use-title-text.cjs"),m=require("../../skeleton/skeleton.cjs");require("react");require("@gearbox-protocol/sdk");const s=require("../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../utils/z-index.cjs");const a=require("./constants.cjs"),x={sm:"p-4",md:"p-5",default:"p-6"},_={sm:"mb-2.5",md:"mb-2",default:"mb-3"},f={sm:"text-xs leading-[0.8125rem]",md:"text-xs leading-[0.9rem]",default:"text-sm leading-[1.0625rem]"},S={sm:"text-sm leading-[1.0625rem]",md:"text-base leading-[1.25rem]",default:"text-xl leading-[1.5625rem]"};function T({title:n,value:d,isLoading:l=!1,size:t="default",action:r,className:i,testId:c}){const o=u.useTitleText();return e.jsxs("div",{className:s.cn("h-full w-full rounded-lg border border-border bg-card",x[t],i),"data-testid":c??a.StatBadgeTest.root,children:[e.jsxs("div",{className:s.cn("flex items-center justify-between gap-2",_[t]),children:[e.jsx("div",{className:s.cn("font-medium text-muted-foreground",f[t]),children:o(n)}),r!=null?e.jsx("div",{className:"shrink-0","data-testid":a.StatBadgeTest.action,children:r}):null]}),e.jsx("div",{className:s.cn("font-medium text-foreground",S[t]),children:e.jsx(m.Skeleton,{width:80,loading:l,children:e.jsx(g.Stack,{gap:"xs",align:"start",children:d})})})]})}const b={1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4"},p={1:"lg:grid-cols-1",2:"lg:grid-cols-2",3:"lg:grid-cols-3",4:"lg:grid-cols-4"},q={sm:"gap-2",default:"gap-4",lg:"gap-6"};function j({cols:n=1,colsLg:d,gap:l="default",children:t,className:r}){return e.jsx("div",{className:s.cn("grid w-full",b[n],d?p[d]:void 0,q[l],r),"data-testid":a.StatBadgeTest.grid,children:t})}exports.StatBadgeTest=a.StatBadgeTest;exports.StatBadge=T;exports.StatBadgeGrid=j;

package/dist/cjs/components/base/sticky-bar/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{static root="sticky-bar-root"}exports.StickyBarTest=t;

package/dist/cjs/components/base/sticky-bar/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./sticky-bar.cjs"),e=require("./constants.cjs");exports.StickyBar=t.StickyBar;exports.StickyBarTest=e.StickyBarTest;

package/dist/cjs/components/base/sticky-bar/sticky-bar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime");require("react");require("@gearbox-protocol/sdk");const c=require("../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../utils/z-index.cjs");const r=require("./constants.cjs");function a({children:e,className:t,testId:i=r.StickyBarTest.root}){return s.jsx("div",{className:c.cn("sticky top-0 z-20 -mx-1 px-1 pt-3 sm:pt-4","bg-background/75 backdrop-blur-md backdrop-saturate-150",t),"data-testid":i,children:e})}exports.StickyBarTest=r.StickyBarTest;exports.StickyBar=a;

package/dist/cjs/components/base/tabber/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{static root="tabber-root";static bar="tabber-bar";static section="tabber-section"}exports.TabberTest=t;

package/dist/cjs/components/base/tabber/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tabber.cjs"),b=require("./use-detail-scroll-spy.cjs"),r=require("./constants.cjs");exports.Tabber=e.Tabber;exports.TabberSection=e.TabberSection;exports.isTabber=e.isTabber;exports.useDetailScrollSpy=b.useDetailScrollSpy;exports.TabberTest=r.TabberTest;

package/dist/cjs/components/base/tabber/tabber.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),y=require("../section-heading/section-heading.cjs"),x=require("../stack/stack.cjs"),v=require("../sticky-bar/sticky-bar.cjs"),h=require("../text/use-title-text.cjs"),j=require("../../tab-control/tab-control.cjs"),u=require("./constants.cjs"),C=require("./use-detail-scroll-spy.cjs"),g=r.createContext({});function T({id:t,title:n,heading:c=n,actions:b,children:a}){const i=r.useContext(g),o=h.useTitleText();return s.jsx("section",{ref:i[t],className:"scroll-mt-28","data-scroll-section":t,"data-testid":u.TabberTest.section,children:s.jsxs(x.Stack,{gap:"md",children:[s.jsxs("div",{className:"flex items-center justify-between gap-3",children:[s.jsx(y.SectionHeading,{children:o(c)}),b]}),a]})})}T.displayName="TabberSection";function R(t){return r.isValidElement(t)&&t.type===T}function N({item:t,...n}){return s.jsxs("div",{className:"flex items-stretch overflow-x-auto overflow-y-hidden [&::-webkit-scrollbar]:h-0 [scrollbar-width:none]",children:[s.jsx("div",{className:"min-w-0 basis-0 grow pb-px",children:s.jsx(j.TabControl,{...n,showBorder:!0})}),t&&s.jsx("div",{className:"w-auto shrink-0 grow-0 basis-auto",children:t})]})}function k({children:t,observeKey:n,initialSection:c,testId:b}){const a=r.useMemo(()=>r.Children.toArray(t).filter(R),[t]),i=a.map(e=>e.props.id).join("|"),o=r.useMemo(()=>i===""?[]:i.split("|"),[i]),p=r.useRef({}),l=r.useMemo(()=>{const e={...p.current};for(const S of o)e[S]===void 0&&(e[S]={current:null});return p.current=e,e},[o]),q=h.useTitleText(),{activeSection:d,scrollToSection:f}=C.useDetailScrollSpy(l,o,n),m=r.useRef(!1),_=r.useRef(n);r.useEffect(()=>{if(n!==_.current&&(_.current=n,m.current=!1),m.current||!n)return;const e=c??o[0];m.current=!0,!(e===void 0||e===o[0])&&l[e]!==void 0&&requestAnimationFrame(()=>{f(e)})},[n,c,f,o,l]);const w=a.map(e=>({id:e.props.id,item:s.jsx(j.TabItem,{selected:d===e.props.id,label:q(e.props.title)})}));return s.jsxs(x.Stack,{gap:"lg","data-testid":b??u.TabberTest.root,children:[s.jsx(v.StickyBar,{testId:u.TabberTest.bar,children:s.jsx(N,{state:{id:d,index:o.indexOf(d),handleTabChange:e=>{f(e)}},tabs:w,item:null})}),s.jsx(g.Provider,{value:l,children:s.jsx(x.Stack,{gap:"xl",children:t})})]})}function B(t){return r.isValidElement(t)&&t.type===k}exports.TabberTest=u.TabberTest;exports.Tabber=k;exports.TabberSection=T;exports.isTabber=B;

package/dist/cjs/components/base/tabber/use-detail-scroll-spy.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function g(c,n,f){const S=n[0]??"",[b,i]=r.useState(S);r.useEffect(()=>{const o=new Map,p=()=>{let e,t=0;for(const l of n){const a=c[l]?.current;if(!a)continue;const u=o.get(a)??0;u>t&&(t=u,e=l)}e!==void 0&&t>0&&i(e)},s=new IntersectionObserver(e=>{for(const t of e)o.set(t.target,t.intersectionRatio);p()},{root:null,rootMargin:"-80px 0px -45% 0px",threshold:[0,.05,.1,.2,.35,.5,.75,1]});for(const e of n){const t=c[e]?.current;t&&s.observe(t)}return()=>{s.disconnect(),o.clear()}},[c,f,n]);const v=r.useCallback(o=>{c[o]?.current?.scrollIntoView({behavior:"smooth",block:"start"}),i(o)},[c]);return{activeSection:b,scrollToSection:v}}exports.useDetailScrollSpy=g;

package/dist/cjs/components/base/text/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-title-text.cjs");exports.useTitleText=e.useTitleText;

package/dist/cjs/components/base/text/use-title-text.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../typed-intl/index.cjs");function s(){const t=n.useIntlTyped();return e=>typeof e=="string"?t.formatMessage({messageId:e}):e}exports.useTitleText=s;

package/dist/cjs/components/base/time-to-liquidation-block/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{static root="time-to-liquidation-block-root";static value="time-to-liquidation-block-value";static valueTo="time-to-liquidation-block-value-to"}exports.TimeToLiquidationBlockTest=t;

package/dist/cjs/components/base/time-to-liquidation-block/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./constants.cjs"),o=require("./time-to-liquidation-block.cjs");exports.TimeToLiquidationBlockTest=i.TimeToLiquidationBlockTest;exports.TimeToLiquidationBlock=o.TimeToLiquidationBlock;

package/dist/cjs/components/base/time-to-liquidation-block/time-to-liquidation-block.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("../text/use-title-text.cjs"),u=require("../../fadeout-loading/fadeout-loading.cjs"),x=require("../../status-elements/status-elements.cjs"),c=require("../../typed-intl/index.cjs"),p=require("../../vertical-indicator/vertical-indicator.cjs"),r=require("../../../utils/ttl.cjs"),a=require("./constants.cjs");function L({seconds:i,secondsTo:n,zone:s,isLoading:t,title:o,tip:l,testId:T}){const v=q.useTitleText(),d=n!==void 0;return e.jsx(p.VerticalIndicator,{align:"center",dimPreviousValue:!1,"data-testid":T??a.TimeToLiquidationBlockTest.root,label:o!==void 0?v(o):e.jsx(c.FormattedMessageTyped,{messageId:"components.timeToLiquidationBlock.label"}),tip:l??e.jsx(c.FormattedMessageTyped,{messageId:"components.timeToLiquidationBlock.tip"}),value:e.jsx(u.FadeoutLoading,{loading:t,children:e.jsx(m,{seconds:i,zone:d?void 0:s,testId:a.TimeToLiquidationBlockTest.value})}),valueTo:d?e.jsx(u.FadeoutLoading,{loading:t,children:e.jsx(m,{seconds:n??null,zone:s,testId:a.TimeToLiquidationBlockTest.valueTo})}):void 0})}function m({seconds:i,zone:n,testId:s}){const t=i==null?null:i*1e3,o=t===null?void 0:r.ttlLeft(t),l=n??(t===null?void 0:r.getTTLZones(t));return e.jsxs("span",{className:"inline-flex items-center","data-testid":s,children:[i===void 0?"—":t===null?"N/A":o?.months!==void 0?`${o.months}mo`:o?.day!==void 0?`${o.day}d`:"<1d",t!==null&&l?e.jsx("span",{className:"ml-1.5",children:e.jsx(x.HealthDot,{zone:l})}):null]})}exports.TimeToLiquidationBlockTest=a.TimeToLiquidationBlockTest;exports.TimeToLiquidationBlock=L;

package/dist/cjs/components/base/token-amount/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{static root="token-amount-root"}exports.TokenAmountTest=t;

package/dist/cjs/components/base/token-amount/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./token-amount.cjs"),e=require("./constants.cjs");exports.TokenAmount=o.TokenAmount;exports.TokenAmountTest=e.TokenAmountTest;

package/dist/cjs/components/base/token-amount/token-amount.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("../stack/stack.cjs"),a=require("../../token-template/token-template.cjs"),u=require("../../typography/typography.cjs"),c=require("../../../utils/format-money.cjs"),t=require("./constants.cjs");function i({data:e,token:o}){if(e===null)return n.jsx("span",{className:"text-secondary-foreground","data-testid":t.TokenAmountTest.root,children:"—"});const s=o??e.token;return n.jsxs(r.Stack,{gap:"xs",align:"start","data-testid":t.TokenAmountTest.root,children:[n.jsx(a.TokenTemplate,{value:e.value,token:s}),n.jsx(u.Typography,{as:"span",variant:"caption",color:"secondary",children:e.valueUsd===null?"—":c.formatMoney(e.valueUsd)})]})}exports.TokenAmountTest=t.TokenAmountTest;exports.TokenAmount=i;

package/dist/cjs/components/base/values/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class a{static apy="value-apy";static usd="value-usd";static leverage="value-leverage";static utilization="value-utilization";static healthFactor="value-health-factor";static pnl="value-pnl";static tokenBigint="value-token-bigint";static placeholder="value-placeholder"}class e{static root="position-short-label"}exports.PositionShortLabelTest=e;exports.ValueTest=a;

package/dist/cjs/components/base/values/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./constants.cjs"),a=require("./pnl-value.cjs"),t=require("./position-short-label.cjs"),s=require("./position-type-badge.cjs"),e=require("./scalars.cjs");exports.PositionShortLabelTest=o.PositionShortLabelTest;exports.ValueTest=o.ValueTest;exports.PnlValue=a.PnlValue;exports.PositionShortLabel=t.PositionShortLabel;exports.PositionTypeBadge=s.PositionTypeBadge;exports.ApyValue=e.ApyValue;exports.HealthFactorValue=e.HealthFactorValue;exports.LeverageValue=e.LeverageValue;exports.TokenBigint=e.TokenBigint;exports.UsdValue=e.UsdValue;exports.UtilizationValue=e.UtilizationValue;

package/dist/cjs/components/base/values/pnl-value.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime");require("react");require("@gearbox-protocol/sdk");const u=require("../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../utils/z-index.cjs");const r=require("./constants.cjs");function i({data:t}){if(t===void 0)return s.jsx("span",{"data-testid":r.ValueTest.placeholder,children:"—"});const e=t.total.valueUsd??0,n=e>0?"+":e<0?"−":"";return s.jsx("span",{"data-testid":r.ValueTest.pnl,className:u.cn(e>0&&"text-success",e<0&&"text-destructive"),children:`${n}$${Math.abs(e).toFixed(2)}`})}exports.PnlValue=i;

package/dist/cjs/components/base/values/position-short-label.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("./constants.cjs"),s=require("./scalars.cjs");function n({data:e}){return t.jsxs("span",{"data-testid":o.PositionShortLabelTest.root,children:[`${e.name} · `,t.jsx(s.LeverageValue,{data:e.leverage})]})}exports.PositionShortLabelTest=o.PositionShortLabelTest;exports.PositionShortLabel=n;

package/dist/cjs/components/base/values/position-type-badge.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("../../badge/badge.cjs"),o=require("../../typed-intl/index.cjs");require("react");require("@gearbox-protocol/sdk");const i=require("../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../utils/z-index.cjs");const s={pool:"shrink-0 border-transparent bg-emerald-500/15 font-medium text-emerald-400 hover:bg-emerald-500/15",strategy:"shrink-0 border-transparent bg-blue-500/15 font-medium text-blue-400 hover:bg-blue-500/15",liquidation:"shrink-0 border-transparent bg-purple-500/15 font-medium text-purple-400 hover:bg-purple-500/15"},a={pool:"components.positionTypeBadge.pool",strategy:"components.positionTypeBadge.strategy",liquidation:"components.positionTypeBadge.liquidation"},d="text-[10px] leading-none px-1.5 py-0.5 rounded-md";function p({data:e,size:t="table"}){return r.jsx(n.Badge,{variant:"secondary",className:i.cn(s[e],t==="aside"&&d),children:r.jsx(o.FormattedMessageTyped,{messageId:a[e]})})}exports.PositionTypeBadge=p;