@gearbox-protocol/permissionless-ui 1.26.9 → 1.26.11-next.1

package/dist/cjs/components/table/table.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("class-variance-authority"),C=require("react"),q=require("../buttons/button/button.cjs"),d=require("@fortawesome/free-solid-svg-icons"),H=require("../icons/fa-icon.cjs");require("../tooltip/simple-tooltip.cjs");const n=require("../tooltip/tooltip.cjs");require("@gearbox-protocol/sdk");const s=require("../../utils/cn.cjs");require("sonner");require("luxon");require("../../utils/z-index.cjs");function z(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=z(C),f=c.cva("w-full caption-bottom",{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),u=l.forwardRef(({className:e,size:a,wrapperClassName:t,...o},i)=>r.jsx("div",{className:s.cn("relative w-full overflow-auto rounded-lg border border-input bg-card",t),children:r.jsx("table",{ref:i,className:s.cn(f({size:a,className:e})),...o})}));u.displayName="Table";const p=l.forwardRef(({className:e,...a},t)=>r.jsx("thead",{ref:t,className:s.cn("[&_tr]:after:inset-x-0 [&_tr]:after:bg-input [&_tr]:hover:bg-transparent [&_tr]:hover:before:opacity-0",e),...a}));p.displayName="TableHeader";const m=l.forwardRef(({className:e,...a},t)=>r.jsx("tbody",{ref:t,className:s.cn("[&_tr:last-child]:after:hidden",e),...a}));m.displayName="TableBody";const x=l.forwardRef(({className:e,...a},t)=>r.jsx("tfoot",{ref:t,className:s.cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...a}));x.displayName="TableFooter";const g=l.forwardRef(({className:e,...a},t)=>r.jsx("tr",{ref:t,className:s.cn("relative isolate transition-colors data-[state=selected]:bg-muted","before:absolute before:inset-0 before:-z-10 before:rounded-lg before:bg-muted/50 before:opacity-0 before:transition-opacity before:pointer-events-none","hover:before:opacity-100","after:absolute after:bottom-0 after:inset-x-3 after:h-px after:bg-border",e),...a}));g.displayName="TableRow";const T=c.cva("border-b bg-muted/50 text-left align-middle font-medium text-muted-foreground border-input",{variants:{size:{sm:"h-8 px-1 text-xs",default:"h-10 px-2",lg:"h-12 px-4"}},defaultVariants:{size:"default"}}),b=l.forwardRef(({className:e,size:a,...t},o)=>r.jsx("th",{ref:o,className:s.cn(T({size:a,className:e})),...t}));b.displayName="TableHead";const y=c.cva("align-middle",{variants:{size:{sm:"p-1",default:"p-2",lg:"p-4"}},defaultVariants:{size:"default"}}),h=l.forwardRef(({className:e,size:a,...t},o)=>r.jsx("td",{ref:o,className:s.cn(y({size:a,className:e})),...t}));h.displayName="TableCell";const v=l.forwardRef(({className:e,...a},t)=>r.jsx("caption",{ref:t,className:s.cn("mt-4 text-sm text-muted-foreground",e),...a}));v.displayName="TableCaption";const j=l.forwardRef(({title:e,isSorted:a,direction:t,setSort:o,placement:i="right",children:N,className:w,..._},R)=>r.jsx(b,{ref:R,className:w,..._,children:r.jsx(n.TooltipProvider,{children:r.jsxs(n.Tooltip,{delayDuration:200,children:[r.jsx(n.TooltipTrigger,{asChild:!0,children:r.jsxs("div",{className:s.cn("group flex items-center gap-1 w-fit cursor-pointer hover:text-foreground",i==="left"?"flex-row-reverse":"flex-row"),onClick:()=>o(t==="asc"?"desc":"asc"),children:[N,r.jsx(q.Button,{variant:"text",size:"auto",className:a?void 0:"opacity-0 group-hover:opacity-100",children:r.jsx(H.FaIcon,{icon:a&&t==="asc"?d.faCaretUp:d.faCaretDown,className:"size-3 text-muted-foreground transition-opacity duration-200"})})]})}),r.jsxs(n.TooltipContent,{side:"top",children:["Sort by ",e]})]})})}));j.displayName="SortingTableHead";exports.SortingTableHead=j;exports.Table=u;exports.TableBody=m;exports.TableCaption=v;exports.TableCell=h;exports.TableFooter=x;exports.TableHead=b;exports.TableHeader=p;exports.TableRow=g;exports.tableCellVariants=y;exports.tableHeadVariants=T;exports.tableVariants=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("class-variance-authority"),S=require("react"),u=require("@fortawesome/free-solid-svg-icons"),V=require("../icons/fa-icon.cjs");require("../tooltip/simple-tooltip.cjs");const l=require("../tooltip/tooltip.cjs");require("@gearbox-protocol/sdk");const s=require("../../utils/cn.cjs");require("sonner");require("luxon");require("../../utils/z-index.cjs");function z(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(a,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return a.default=t,Object.freeze(a)}const n=z(S),p=c.cva("w-full caption-bottom",{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),m=n.forwardRef(({className:t,size:a,wrapperClassName:e,...o},i)=>r.jsx("div",{className:s.cn("relative w-full overflow-auto rounded-lg border border-input bg-card",e),children:r.jsx("table",{ref:i,className:s.cn(p({size:a,className:t})),...o})}));m.displayName="Table";const x=n.forwardRef(({className:t,...a},e)=>r.jsx("thead",{ref:e,className:s.cn("[&_tr]:after:inset-x-0 [&_tr]:after:bg-input [&_tr]:hover:bg-transparent [&_tr]:hover:before:opacity-0",t),...a}));x.displayName="TableHeader";const g=n.forwardRef(({className:t,...a},e)=>r.jsx("tbody",{ref:e,className:s.cn("[&_tr:last-child]:after:hidden",t),...a}));g.displayName="TableBody";const T=n.forwardRef(({className:t,...a},e)=>r.jsx("tfoot",{ref:e,className:s.cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",t),...a}));T.displayName="TableFooter";const y=n.forwardRef(({className:t,...a},e)=>r.jsx("tr",{ref:e,className:s.cn("relative isolate transition-colors data-[state=selected]:bg-muted","before:absolute before:inset-0 before:-z-10 before:bg-muted/50 before:opacity-0 before:transition-opacity before:pointer-events-none","hover:before:opacity-100","after:absolute after:bottom-0 after:inset-x-3 after:h-px after:bg-border",t),...a}));y.displayName="TableRow";const h=c.cva("border-b bg-muted/50 text-left align-middle font-medium text-muted-foreground border-input",{variants:{size:{sm:"h-8 px-1 text-xs",default:"h-10 px-2",lg:"h-12 px-4"}},defaultVariants:{size:"default"}}),d=n.forwardRef(({className:t,size:a,...e},o)=>r.jsx("th",{ref:o,className:s.cn(h({size:a,className:t})),...e}));d.displayName="TableHead";const j=c.cva("align-middle",{variants:{size:{sm:"p-1",default:"p-2",lg:"p-4"}},defaultVariants:{size:"default"}}),N=n.forwardRef(({className:t,size:a,...e},o)=>r.jsx("td",{ref:o,className:s.cn(j({size:a,className:t})),...e}));N.displayName="TableCell";const v=n.forwardRef(({className:t,...a},e)=>r.jsx("caption",{ref:e,className:s.cn("mt-4 text-sm text-muted-foreground",t),...a}));v.displayName="TableCaption";const w=n.forwardRef(function({title:a,isSorted:e,direction:o,setSort:i,placement:b="right",children:R,className:C,..._},q){const H=e&&o==="asc"?u.faCaretUp:u.faCaretDown,f=r.jsx("span",{className:s.cn("inline-flex items-center transition-opacity",e?"opacity-100":"opacity-0 group-hover:opacity-100"),children:r.jsx(V.FaIcon,{icon:H,className:"size-3 text-muted-foreground"})});return r.jsx(d,{ref:q,className:C,..._,children:r.jsx(l.TooltipProvider,{children:r.jsxs(l.Tooltip,{delayDuration:200,children:[r.jsx(l.TooltipTrigger,{asChild:!0,children:r.jsxs("button",{type:"button",onClick:()=>i(o==="asc"?"desc":"asc"),className:s.cn("group inline-flex items-center gap-1 text-sm font-medium text-muted-foreground","cursor-pointer hover:text-foreground transition-colors"),children:[b==="left"&&f,R,b==="right"&&f]})}),r.jsxs(l.TooltipContent,{side:"top",children:["Sort by ",a]})]})})})});w.displayName="SortingTableHead";exports.SortingTableHead=w;exports.Table=m;exports.TableBody=g;exports.TableCaption=v;exports.TableCell=N;exports.TableFooter=T;exports.TableHead=d;exports.TableHeader=x;exports.TableRow=y;exports.tableCellVariants=j;exports.tableHeadVariants=h;exports.tableVariants=p;

package/dist/cjs/hooks/use-hf.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@gearbox-protocol/sdk"),i=require("react");function y({assets:t,quotas:c,prices:u,liquidationThresholds:n,underlyingToken:o,debt:e,quotasInfo:a,allowZeroDebt:f=!1,tokensList:l}){return{hf:i.useMemo(()=>{try{return e===0n&&!f?0:s.CreditAccountData_Legacy.calcHealthFactor({assets:t,quotas:c,prices:u,liquidationThresholds:n,underlyingToken:o,debt:e,quotasInfo:a,tokensList:l})}catch(r){return typeof r=="object"&&r!==null&&"reason"in r&&r.reason==="overflow"?Number.MAX_SAFE_INTEGER:0}},[t,c,u,n,o,e,a,f,l])}}exports.useHF=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@gearbox-protocol/sdk"),i=require("react");function F({assets:t,quotas:c,prices:u,liquidationThresholds:n,underlyingToken:o,debt:e,quotasInfo:a,allowZeroDebt:f=!1,tokensList:l}){return{hf:i.useMemo(()=>{try{return e===0n&&!f?0:s.CreditAccountDataUtils.calcHealthFactor({assets:t,quotas:c,prices:u,liquidationThresholds:n,underlyingToken:o,debt:e,quotasInfo:a,tokensList:l})}catch(r){return typeof r=="object"&&r!==null&&"reason"in r&&r.reason==="overflow"?Number.MAX_SAFE_INTEGER:0}},[t,c,u,n,o,e,a,f,l])}}exports.useHF=F;

package/dist/cjs/hooks/use-liquidation/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("@gearbox-protocol/sdk"),C=require("react"),e=require("./utils.cjs"),d=35;function R({xMin:t,xMax:i,yMin:s,yMax:u,xLabel:r,yLabel:n,assets:a,quotas:c,prices:L,liquidationThresholds:o,quotasInfo:E,underlyingTokenAddress:_,debt:l,tokensList:P}){return C.useMemo(()=>{const x=i-t,N=u-s,p=x/d,m=N/d,D=Array.from(Array(d)),I={...L};return D.flatMap((G,O)=>{const T=t+O*p,f=t+(O+1)*p;return r&&(I[r.address]=A.toBN(String((T+f)/2),A.PRICE_DECIMALS_POW)),D.map((F,S)=>{const X=s+S*m,h=s+(S+1)*m;return n&&(I[n.address]=A.toBN(String((X+h)/2),A.PRICE_DECIMALS_POW)),{x:T,xEnd:f,y:X,yEnd:h,value:A.CreditAccountData_Legacy.calcHealthFactor({assets:a,quotas:c,prices:I,liquidationThresholds:o,underlyingToken:_,debt:l,quotasInfo:E,tokensList:P})}})})},[t,i,s,u,r,n,a,c,L,o,_,l,E,P])}function U({prices:t}){const[i,s]=C.useState({}),u=C.useMemo(()=>({...t,...i}),[t,i]),r=C.useCallback((n,a)=>{s({...i,[a]:n})},[i]);return[u,r]}function v({assets:t,liquidationThresholds:i,quotas:s,quotasInfo:u,tokensList:r,prices:n}){const[a]=e.useFixedAssets({assets:t,liquidationThresholds:i,quotas:s,quotasInfo:u}),[c,L]=e.usePriceInNumber({asset:a[0],tokensList:r,prices:n}),[o,E]=e.usePriceInNumber({asset:a[1],tokensList:r,prices:n}),_=e.useAxis({currentPrice:c,token:L}),l=e.useAxis({currentPrice:o,token:E});return{xAxis:_,yAxis:l,currentPoint:[c||e.DEFAULT_AXIS_MAX/2,o||e.DEFAULT_AXIS_MAX/2],fixedBalances:a}}exports.CELL_BAD=e.CELL_BAD;exports.CELL_CURRENT=e.CELL_CURRENT;exports.CELL_GOOD=e.CELL_GOOD;exports.CELL_HOVERED=e.CELL_HOVERED;exports.CELL_LIQUIDATION=e.CELL_LIQUIDATION;exports.CELL_OK=e.CELL_OK;exports.DEFAULT_AXIS_MAX=e.DEFAULT_AXIS_MAX;exports.DEFAULT_AXIS_MIN=e.DEFAULT_AXIS_MIN;exports.formatAxisLabel=e.formatAxisLabel;exports.formatAxisTipLabel=e.formatAxisTipLabel;exports.formatAxisTipPrice=e.formatAxisTipPrice;exports.getCellClass=e.getCellClass;exports.isPointInCell=e.isPointInCell;exports.useAxis=e.useAxis;exports.useFixedAssets=e.useFixedAssets;exports.useIsAxisInRelativeUnits=e.useIsAxisInRelativeUnits;exports.useLiquidationGraphActivePrice=e.useLiquidationGraphActivePrice;exports.useLiquidationGraphCurrentActiveValue=e.useLiquidationGraphCurrentActiveValue;exports.usePriceInNumber=e.usePriceInNumber;exports.useWithLiquidationGraphActivePrices=e.useWithLiquidationGraphActivePrices;exports.useEditPriceManually=U;exports.useLiquidationGraphParams=v;exports.useLiquidationHeatmap=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("@gearbox-protocol/sdk"),C=require("react"),e=require("./utils.cjs"),d=35;function N({xMin:t,xMax:i,yMin:s,yMax:a,xLabel:r,yLabel:n,assets:u,quotas:c,prices:L,liquidationThresholds:o,quotasInfo:E,underlyingTokenAddress:l,debt:_,tokensList:P}){return C.useMemo(()=>{const h=i-t,x=a-s,p=h/d,m=x/d,D=Array.from(Array(d)),I={...L};return D.flatMap((G,O)=>{const T=t+O*p,f=t+(O+1)*p;return r&&(I[r.address]=A.toBN(String((T+f)/2),A.PRICE_DECIMALS_POW)),D.map((F,S)=>{const U=s+S*m,X=s+(S+1)*m;return n&&(I[n.address]=A.toBN(String((U+X)/2),A.PRICE_DECIMALS_POW)),{x:T,xEnd:f,y:U,yEnd:X,value:A.CreditAccountDataUtils.calcHealthFactor({assets:u,quotas:c,prices:I,liquidationThresholds:o,underlyingToken:l,debt:_,quotasInfo:E,tokensList:P})}})})},[t,i,s,a,r,n,u,c,L,o,l,_,E,P])}function R({prices:t}){const[i,s]=C.useState({}),a=C.useMemo(()=>({...t,...i}),[t,i]),r=C.useCallback((n,u)=>{s({...i,[u]:n})},[i]);return[a,r]}function v({assets:t,liquidationThresholds:i,quotas:s,quotasInfo:a,tokensList:r,prices:n}){const[u]=e.useFixedAssets({assets:t,liquidationThresholds:i,quotas:s,quotasInfo:a}),[c,L]=e.usePriceInNumber({asset:u[0],tokensList:r,prices:n}),[o,E]=e.usePriceInNumber({asset:u[1],tokensList:r,prices:n}),l=e.useAxis({currentPrice:c,token:L}),_=e.useAxis({currentPrice:o,token:E});return{xAxis:l,yAxis:_,currentPoint:[c||e.DEFAULT_AXIS_MAX/2,o||e.DEFAULT_AXIS_MAX/2],fixedBalances:u}}exports.CELL_BAD=e.CELL_BAD;exports.CELL_CURRENT=e.CELL_CURRENT;exports.CELL_GOOD=e.CELL_GOOD;exports.CELL_HOVERED=e.CELL_HOVERED;exports.CELL_LIQUIDATION=e.CELL_LIQUIDATION;exports.CELL_OK=e.CELL_OK;exports.DEFAULT_AXIS_MAX=e.DEFAULT_AXIS_MAX;exports.DEFAULT_AXIS_MIN=e.DEFAULT_AXIS_MIN;exports.formatAxisLabel=e.formatAxisLabel;exports.formatAxisTipLabel=e.formatAxisTipLabel;exports.formatAxisTipPrice=e.formatAxisTipPrice;exports.getCellClass=e.getCellClass;exports.isPointInCell=e.isPointInCell;exports.useAxis=e.useAxis;exports.useFixedAssets=e.useFixedAssets;exports.useIsAxisInRelativeUnits=e.useIsAxisInRelativeUnits;exports.useLiquidationGraphActivePrice=e.useLiquidationGraphActivePrice;exports.useLiquidationGraphCurrentActiveValue=e.useLiquidationGraphCurrentActiveValue;exports.usePriceInNumber=e.usePriceInNumber;exports.useWithLiquidationGraphActivePrices=e.useWithLiquidationGraphActivePrices;exports.useEditPriceManually=R;exports.useLiquidationGraphParams=v;exports.useLiquidationHeatmap=N;

package/dist/cjs/types/common.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/esm/components/table/table.js

@@ -1,17 +1,16 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { cva as n } from "class-variance-authority";
-import * as l from "react";
-import { Button as g } from "../buttons/button/button.js";
-import { faCaretUp as x, faCaretDown as f } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as h } from "../icons/fa-icon.js";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { cva as d } from "class-variance-authority";
+import * as i from "react";
+import { faCaretUp as h, faCaretDown as T } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as y } from "../icons/fa-icon.js";
 import "../tooltip/simple-tooltip.js";
-import { TooltipProvider as T, Tooltip as y, TooltipTrigger as N, TooltipContent as v } from "../tooltip/tooltip.js";
+import { TooltipProvider as N, Tooltip as v, TooltipTrigger as w, TooltipContent as R } from "../tooltip/tooltip.js";
 import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
-const w = n("w-full caption-bottom", {
+const C = d("w-full caption-bottom", {
   variants: {
     size: {
       sm: "text-xs",
@@ -22,77 +21,77 @@ const w = n("w-full caption-bottom", {
   defaultVariants: {
     size: "default"
   }
-}), R = l.forwardRef(
-  ({ className: a, size: e, wrapperClassName: t, ...i }, s) => /* @__PURE__ */ r(
+}), z = i.forwardRef(
+  ({ className: a, size: t, wrapperClassName: e, ...l }, s) => /* @__PURE__ */ r(
     "div",
     {
       className: o(
         "relative w-full overflow-auto rounded-lg border border-input bg-card",
-        t
+        e
       ),
       children: /* @__PURE__ */ r(
         "table",
         {
           ref: s,
-          className: o(w({ size: e, className: a })),
-          ...i
+          className: o(C({ size: t, className: a })),
+          ...l
         }
       )
     }
   )
 );
-R.displayName = "Table";
-const C = l.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+z.displayName = "Table";
+const H = i.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
   "thead",
   {
-    ref: t,
+    ref: e,
     className: o(
       "[&_tr]:after:inset-x-0 [&_tr]:after:bg-input [&_tr]:hover:bg-transparent [&_tr]:hover:before:opacity-0",
       a
     ),
-    ...e
+    ...t
   }
 ));
-C.displayName = "TableHeader";
-const z = l.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+H.displayName = "TableHeader";
+const V = i.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
   "tbody",
   {
-    ref: t,
+    ref: e,
     className: o("[&_tr:last-child]:after:hidden", a),
-    ...e
+    ...t
   }
 ));
-z.displayName = "TableBody";
-const H = l.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+V.displayName = "TableBody";
+const _ = i.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
   "tfoot",
   {
-    ref: t,
+    ref: e,
     className: o(
       "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
       a
     ),
-    ...e
+    ...t
   }
 ));
-H.displayName = "TableFooter";
-const V = l.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+_.displayName = "TableFooter";
+const F = i.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
   "tr",
   {
-    ref: t,
+    ref: e,
     className: o(
       "relative isolate transition-colors data-[state=selected]:bg-muted",
       // Hover background with rounded corners
-      "before:absolute before:inset-0 before:-z-10 before:rounded-lg before:bg-muted/50 before:opacity-0 before:transition-opacity before:pointer-events-none",
+      "before:absolute before:inset-0 before:-z-10 before:bg-muted/50 before:opacity-0 before:transition-opacity before:pointer-events-none",
       "hover:before:opacity-100",
       // Border line that doesn't extend to rounded corners
       "after:absolute after:bottom-0 after:inset-x-3 after:h-px after:bg-border",
       a
     ),
-    ...e
+    ...t
   }
 ));
-V.displayName = "TableRow";
-const _ = n(
+F.displayName = "TableRow";
+const S = d(
   "border-b bg-muted/50 text-left align-middle font-medium text-muted-foreground border-input",
   {
     variants: {
@@ -106,18 +105,18 @@ const _ = n(
       size: "default"
     }
   }
-), m = l.forwardRef(
-  ({ className: a, size: e, ...t }, i) => /* @__PURE__ */ r(
+), c = i.forwardRef(
+  ({ className: a, size: t, ...e }, l) => /* @__PURE__ */ r(
     "th",
     {
-      ref: i,
-      className: o(_({ size: e, className: a })),
-      ...t
+      ref: l,
+      className: o(S({ size: t, className: a })),
+      ...e
     }
   )
 );
-m.displayName = "TableHead";
-const B = n("align-middle", {
+c.displayName = "TableHead";
+const j = d("align-middle", {
   variants: {
     size: {
       sm: "p-1",
@@ -128,83 +127,81 @@ const B = n("align-middle", {
   defaultVariants: {
     size: "default"
   }
-}), F = l.forwardRef(
-  ({ className: a, size: e, ...t }, i) => /* @__PURE__ */ r(
+}), B = i.forwardRef(
+  ({ className: a, size: t, ...e }, l) => /* @__PURE__ */ r(
     "td",
     {
-      ref: i,
-      className: o(B({ size: e, className: a })),
-      ...t
+      ref: l,
+      className: o(j({ size: t, className: a })),
+      ...e
     }
   )
 );
-F.displayName = "TableCell";
-const j = l.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+B.displayName = "TableCell";
+const D = i.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
   "caption",
   {
-    ref: t,
+    ref: e,
     className: o("mt-4 text-sm text-muted-foreground", a),
-    ...e
+    ...t
   }
 ));
-j.displayName = "TableCaption";
-const D = l.forwardRef(
-  ({
-    title: a,
-    isSorted: e,
-    direction: t,
-    setSort: i,
-    placement: s = "right",
-    children: b,
-    className: c,
-    ...p
-  }, u) => /* @__PURE__ */ r(m, { ref: u, className: c, ...p, children: /* @__PURE__ */ r(T, { children: /* @__PURE__ */ d(y, { delayDuration: 200, children: [
-    /* @__PURE__ */ r(N, { asChild: !0, children: /* @__PURE__ */ d(
-      "div",
+D.displayName = "TableCaption";
+const I = i.forwardRef(function({
+  title: t,
+  isSorted: e,
+  direction: l,
+  setSort: s,
+  placement: f = "right",
+  children: b,
+  className: p,
+  ...u
+}, g) {
+  const x = e && l === "asc" ? h : T, m = /* @__PURE__ */ r(
+    "span",
+    {
+      className: o(
+        "inline-flex items-center transition-opacity",
+        e ? "opacity-100" : "opacity-0 group-hover:opacity-100"
+      ),
+      children: /* @__PURE__ */ r(y, { icon: x, className: "size-3 text-muted-foreground" })
+    }
+  );
+  return /* @__PURE__ */ r(c, { ref: g, className: p, ...u, children: /* @__PURE__ */ r(N, { children: /* @__PURE__ */ n(v, { delayDuration: 200, children: [
+    /* @__PURE__ */ r(w, { asChild: !0, children: /* @__PURE__ */ n(
+      "button",
       {
+        type: "button",
+        onClick: () => s(l === "asc" ? "desc" : "asc"),
         className: o(
-          "group flex items-center gap-1 w-fit cursor-pointer hover:text-foreground",
-          s === "left" ? "flex-row-reverse" : "flex-row"
+          "group inline-flex items-center gap-1 text-sm font-medium text-muted-foreground",
+          "cursor-pointer hover:text-foreground transition-colors"
         ),
-        onClick: () => i(t === "asc" ? "desc" : "asc"),
         children: [
+          f === "left" && m,
           b,
-          /* @__PURE__ */ r(
-            g,
-            {
-              variant: "text",
-              size: "auto",
-              className: e ? void 0 : "opacity-0 group-hover:opacity-100",
-              children: /* @__PURE__ */ r(
-                h,
-                {
-                  icon: e ? t === "asc" ? x : f : f,
-                  className: "size-3 text-muted-foreground transition-opacity duration-200"
-                }
-              )
-            }
-          )
+          f === "right" && m
         ]
       }
     ) }),
-    /* @__PURE__ */ d(v, { side: "top", children: [
+    /* @__PURE__ */ n(R, { side: "top", children: [
       "Sort by ",
-      a
+      t
     ] })
-  ] }) }) })
-);
-D.displayName = "SortingTableHead";
+  ] }) }) });
+});
+I.displayName = "SortingTableHead";
 export {
-  D as SortingTableHead,
-  R as Table,
-  z as TableBody,
-  j as TableCaption,
-  F as TableCell,
-  H as TableFooter,
-  m as TableHead,
-  C as TableHeader,
-  V as TableRow,
-  B as tableCellVariants,
-  _ as tableHeadVariants,
-  w as tableVariants
+  I as SortingTableHead,
+  z as Table,
+  V as TableBody,
+  D as TableCaption,
+  B as TableCell,
+  _ as TableFooter,
+  c as TableHead,
+  H as TableHeader,
+  F as TableRow,
+  j as tableCellVariants,
+  S as tableHeadVariants,
+  C as tableVariants
 };

package/dist/esm/hooks/use-hf.js

@@ -1,6 +1,6 @@
-import { CreditAccountData_Legacy as l } from "@gearbox-protocol/sdk";
+import { CreditAccountDataUtils as l } from "@gearbox-protocol/sdk";
 import { useMemo as p } from "react";
-function _({
+function i({
   assets: e,
   quotas: c,
   prices: n,
@@ -39,5 +39,5 @@ function _({
   ]) };
 }
 export {
-  _ as useHF
+  i as useHF
 };

package/dist/esm/hooks/use-liquidation/index.js

@@ -1,34 +1,34 @@
-import { toBN as v, PRICE_DECIMALS_POW as R, CreditAccountData_Legacy as U } from "@gearbox-protocol/sdk";
-import { useMemo as G, useState as g, useCallback as F } from "react";
-import { useFixedAssets as Y, usePriceInNumber as S, useAxis as X, DEFAULT_AXIS_MAX as x } from "./utils.js";
-import { CELL_BAD as J, CELL_CURRENT as Z, CELL_GOOD as $, CELL_HOVERED as b, CELL_LIQUIDATION as j, CELL_OK as M, DEFAULT_AXIS_MIN as tt, formatAxisLabel as et, formatAxisTipLabel as rt, formatAxisTipPrice as it, getCellClass as nt, isPointInCell as st, useIsAxisInRelativeUnits as ct, useLiquidationGraphActivePrice as ot, useLiquidationGraphCurrentActiveValue as at, useWithLiquidationGraphActivePrices as ut } from "./utils.js";
+import { toBN as v, PRICE_DECIMALS_POW as R, CreditAccountDataUtils as T } from "@gearbox-protocol/sdk";
+import { useMemo as x, useState as F, useCallback as Y } from "react";
+import { useFixedAssets as g, usePriceInNumber as S, useAxis as U, DEFAULT_AXIS_MAX as X } from "./utils.js";
+import { CELL_BAD as J, CELL_CURRENT as Z, CELL_GOOD as $, CELL_HOVERED as b, CELL_LIQUIDATION as j, CELL_OK as M, DEFAULT_AXIS_MIN as tt, formatAxisLabel as et, formatAxisTipLabel as rt, formatAxisTipPrice as it, getCellClass as st, isPointInCell as nt, useIsAxisInRelativeUnits as ct, useLiquidationGraphActivePrice as ot, useLiquidationGraphCurrentActiveValue as at, useWithLiquidationGraphActivePrices as ut } from "./utils.js";
 const m = 35;
-function W({
+function y({
   xMin: t,
   xMax: e,
   yMin: r,
   yMax: c,
   xLabel: i,
-  yLabel: n,
-  assets: s,
+  yLabel: s,
+  assets: n,
   quotas: o,
   prices: u,
   liquidationThresholds: a,
   quotasInfo: A,
   underlyingTokenAddress: p,
   debt: E,
-  tokensList: l
+  tokensList: L
 }) {
-  return G(() => {
-    const N = e - t, T = c - r, d = N / m, C = T / m, P = Array.from(Array(m)), L = { ...u };
+  return x(() => {
+    const G = e - t, N = c - r, d = G / m, C = N / m, P = Array.from(Array(m)), l = { ...u };
     return P.flatMap((B, _) => {
       const f = t + _ * d, I = t + (_ + 1) * d;
-      return i && (L[i.address] = v(
+      return i && (l[i.address] = v(
         String((f + I) / 2),
         R
       )), P.map((H, D) => {
         const O = r + D * C, h = r + (D + 1) * C;
-        return n && (L[n.address] = v(
+        return s && (l[s.address] = v(
           String((O + h) / 2),
           R
         )), {
@@ -36,15 +36,15 @@ function W({
           xEnd: I,
           y: O,
           yEnd: h,
-          value: U.calcHealthFactor({
-            assets: s,
+          value: T.calcHealthFactor({
+            assets: n,
             quotas: o,
-            prices: L,
+            prices: l,
             liquidationThresholds: a,
             underlyingToken: p,
             debt: E,
             quotasInfo: A,
-            tokensList: l
+            tokensList: L
           })
         };
       });
@@ -55,24 +55,24 @@ function W({
     r,
     c,
     i,
-    n,
     s,
+    n,
     o,
     u,
     a,
     p,
     E,
     A,
-    l
+    L
   ]);
 }
 function K({ prices: t }) {
-  const [e, r] = g({}), c = G(
+  const [e, r] = F({}), c = x(
     () => ({ ...t, ...e }),
     [t, e]
-  ), i = F(
-    (n, s) => {
-      r({ ...e, [s]: n });
+  ), i = Y(
+    (s, n) => {
+      r({ ...e, [n]: s });
     },
     [e]
   );
@@ -84,30 +84,30 @@ function Q({
   quotas: r,
   quotasInfo: c,
   tokensList: i,
-  prices: n
+  prices: s
 }) {
-  const [s] = Y({
+  const [n] = g({
     assets: t,
     liquidationThresholds: e,
     quotas: r,
     quotasInfo: c
   }), [o, u] = S({
-    asset: s[0],
+    asset: n[0],
     tokensList: i,
-    prices: n
+    prices: s
   }), [a, A] = S({
-    asset: s[1],
+    asset: n[1],
     tokensList: i,
-    prices: n
-  }), p = X({ currentPrice: o, token: u }), E = X({ currentPrice: a, token: A });
+    prices: s
+  }), p = U({ currentPrice: o, token: u }), E = U({ currentPrice: a, token: A });
   return {
     xAxis: p,
     yAxis: E,
     currentPoint: [
-      o || x / 2,
-      a || x / 2
+      o || X / 2,
+      a || X / 2
     ],
-    fixedBalances: s
+    fixedBalances: n
   };
 }
 export {
@@ -117,21 +117,21 @@ export {
   b as CELL_HOVERED,
   j as CELL_LIQUIDATION,
   M as CELL_OK,
-  x as DEFAULT_AXIS_MAX,
+  X as DEFAULT_AXIS_MAX,
   tt as DEFAULT_AXIS_MIN,
   et as formatAxisLabel,
   rt as formatAxisTipLabel,
   it as formatAxisTipPrice,
-  nt as getCellClass,
-  st as isPointInCell,
-  X as useAxis,
+  st as getCellClass,
+  nt as isPointInCell,
+  U as useAxis,
   K as useEditPriceManually,
-  Y as useFixedAssets,
+  g as useFixedAssets,
   ct as useIsAxisInRelativeUnits,
   ot as useLiquidationGraphActivePrice,
   at as useLiquidationGraphCurrentActiveValue,
   Q as useLiquidationGraphParams,
-  W as useLiquidationHeatmap,
+  y as useLiquidationHeatmap,
   S as usePriceInNumber,
   ut as useWithLiquidationGraphActivePrices
 };

package/dist/esm/types/common.js

@@ -0,0 +1 @@
+