@gearbox-protocol/permissionless-ui 1.22.0-next.57 → 1.22.0-next.59

package/dist/cjs/components/simple-dropdown/simple-dropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),h=require("@radix-ui/react-dropdown-menu");require("react");require("@gearbox-protocol/sdk");const a=require("../../utils/cn.cjs");require("sonner");require("luxon");function j(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const i=j(h);function s({children:e,title:o,placement:t="bottom",align:n="start",sideOffset:d=4,maxWidth:l,minWidth:c,open:u,onOpenChange:p,modal:m=!1,className:f,triggerClassName:b}){const g=a.cn("z-50 min-w-32 overflow-hidden rounded-lg border border-border bg-gray-40 p-1 text-popover-foreground shadow-lg","data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",f);return r.jsxs(i.Root,{open:u,onOpenChange:p,modal:m,children:[r.jsx(i.Trigger,{asChild:!0,children:r.jsx("button",{type:"button",className:a.cn("inline-flex appearance-none border-0 bg-transparent p-0 text-inherit font-inherit cursor-pointer",b),children:o})}),r.jsx(i.Portal,{children:r.jsx(i.Content,{side:t,align:n,sideOffset:d,className:g,style:{maxWidth:l,minWidth:c},children:e})})]})}s.displayName="SimpleDropdown";exports.SimpleDropdown=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),w=require("@radix-ui/react-dropdown-menu");require("react");require("@gearbox-protocol/sdk");const a=require("../../utils/cn.cjs");require("sonner");require("luxon");function h(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const i=h(w);function s({children:e,title:o,asChild:t=!1,placement:r="bottom",align:d="start",sideOffset:l=4,maxWidth:c,minWidth:u,open:p,onOpenChange:m,modal:f=!1,className:b,triggerClassName:g}){const j=a.cn("z-50 min-w-32 overflow-hidden rounded-lg border border-border bg-gray-40 p-1 text-popover-foreground shadow-lg","data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",b);return n.jsxs(i.Root,{open:p,onOpenChange:m,modal:f,children:[n.jsx(i.Trigger,{asChild:t,className:t?void 0:a.cn("inline-flex appearance-none border-0 bg-transparent p-0 text-inherit font-inherit cursor-pointer",g),children:o}),n.jsx(i.Portal,{children:n.jsx(i.Content,{side:r,align:d,sideOffset:l,className:j,style:{maxWidth:c,minWidth:u},children:e})})]})}s.displayName="SimpleDropdown";exports.SimpleDropdown=s;

package/dist/cjs/components/slider/slider.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),K=require("@radix-ui/react-slider"),u=require("react");require("@gearbox-protocol/sdk");const N=require("../../utils/cn.cjs");require("sonner");require("luxon");function C(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(i,r,c.get?c:{enumerable:!0,get:()=>t[r]})}}return i.default=t,Object.freeze(i)}const a=C(K),E=C(u);function $(t){return{start:t.start??t.from??0,end:t.end??t.to??0}}function G(t,i){if(i)for(const r of i){const{start:c,end:d}=$(r);if(t>=c&&t<=d)return r.color}}const q=E.forwardRef(({className:t,variant:i="default",value:r,onValueChange:c,min:d,max:M,step:S,from:_,to:O,colorIntervals:v,precision:f,markerStep:m,onChangeValue:y,onSubmitValue:p,...R},k)=>{const n=d??_??0,l=M??O??100,j=Array.isArray(f)?f[0]:f,A=S??(j?10**-j:1),b=u.useMemo(()=>{if(Array.isArray(r))return r;if(typeof r=="number")return[r]},[r]),P=e=>{c?.(e),y&&e.length>0&&y(e[0])},T=e=>{p&&e.length>0&&p(e[0])},V=b?.[0]??0,D=G(V,v),x=(b??[0]).length,z=u.useMemo(()=>Array.from({length:x},(e,o)=>`thumb-${o}`),[x]),g=u.useMemo(()=>{if(!m)return;const e=[];for(let o=n;o<=l;o+=m)e.push(o);return e},[n,l,m]);return s.jsxs("div",{className:"relative w-full",children:[s.jsxs(a.Root,{ref:k,className:N.cn("relative flex w-full touch-none select-none items-center",t),min:n,max:l,step:A,value:b,onValueChange:P,onValueCommit:T,...R,children:[s.jsxs(a.Track,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-secondary",children:[v?.map((e,o)=>{const{start:h,end:w}=$(e),B=(h-n)/(l-n)*100,F=(w-h)/(l-n)*100;return s.jsx("div",{className:"absolute h-full",style:{left:`${B}%`,width:`${F}%`,backgroundColor:e.color??"var(--primary)",opacity:.3}},`interval-${o}-${h}-${w}`)}),s.jsx(a.Range,{className:N.cn("absolute h-full"),style:{backgroundColor:D??void 0}})]}),z.map(e=>s.jsx(a.Thumb,{className:"block h-5 w-5 rounded-full border-2 border-primary bg-background shadow-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-grab active:cursor-grabbing hover:bg-accent"},e))]}),g&&g.length>0&&s.jsx("div",{className:"relative w-full h-2 mt-1",children:g.map(e=>{const o=(e-n)/(l-n)*100;return s.jsx("div",{className:"absolute w-0.5 h-1 bg-muted-foreground/50",style:{left:`${o}%`}},`mark-${e}`)})})]})});q.displayName="Slider";exports.Slider=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),Q=require("@radix-ui/react-slider"),m=require("react");require("@gearbox-protocol/sdk");const k=require("../../utils/cn.cjs");require("sonner");require("luxon");function L(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(c,r,u.get?u:{enumerable:!0,get:()=>t[r]})}}return c.default=t,Object.freeze(c)}const M=L(Q),Y=L(m),I={additionalSuccess:"hsl(var(--success))",additionalSuccessLight:"#88c497",additionalWarning:"hsl(var(--warning))",additionalAlert:"hsl(var(--destructive))",additionalLiquidation:"hsl(var(--liquidation))",mainPrimary:"hsl(var(--primary))",mainAccent:"hsl(var(--accent))",textPrimary:"hsl(var(--foreground))",textSecondary:"hsl(var(--secondary-foreground))",gray40:"hsl(var(--gray-40))",gray50:"hsl(var(--gray-50))",gray60:"hsl(var(--gray-60))"};function $(t){if(t)return I[t]??t}function p(t){return{start:t.start??0,end:t.end??0}}function ee(t,c){if(c)for(const r of c){const{start:u,end:g}=p(r);if(t>=u&&t<=g)return $(r.color)}}function te(t,c){if(c)for(const r of c){const{start:u,end:g}=p(r);if(t>=u&&t<=g)return $(r.color)??"hsl(var(--success))"}}const ne=18,D=ne/2;function _(t){return D-D*t/50}function E(t,c,r,u,g){let y=t,v=1/0;for(const b of c){const x=Math.abs(t-b);x<v&&(v=x,y=b)}return v<r?Math.max(u,Math.min(g,y)):t}const F=Y.forwardRef(({className:t,variant:c="default",value:r,onValueChange:u,min:g,max:y,step:v,from:b,to:x,colorIntervals:o,precision:C,markerStep:f,onChangeValue:T,onSubmitValue:q,colorIntervalLabel:A,epsilon:S=8,...U},z)=>{const s=g??b??0,i=y??x??100,V=Array.isArray(C)?C[0]:C,K=v??(V?1/V:void 0),N=m.useMemo(()=>{if(Array.isArray(r))return r;if(typeof r=="number")return[r]},[r]),j=m.useMemo(()=>{const e=new Set;if(o?.length)for(const n of o){const{start:a,end:d}=p(n);e.add(a),e.add(d)}if(f)for(let n=s;n<=i+f*.001;n+=f)e.add(Math.min(n,i));return[...e]},[o,f,s,i]),W=e=>{const n=e.map(a=>j.length>0?E(a,j,S,s,i):a);u?.(n),T&&n.length>0&&T(n[0])},X=e=>{const n=e.map(a=>j.length>0?E(a,j,S,s,i):a);q&&n.length>0&&q(n[0])},R=N?.[0]??0,B=ee(R,o)??{default:"hsl(var(--primary))",success:"hsl(var(--success))",warning:"hsl(var(--warning))",danger:"hsl(var(--destructive))"}[c],H=(N??[0]).length,Z=m.useMemo(()=>Array.from({length:H},(e,n)=>`thumb-${n}`),[H]),P=m.useMemo(()=>{if(!f)return;const e=[s];for(let n=s+f;n<i;n+=f)e.push(n);return e[e.length-1]!==i&&e.push(i),e},[s,i,f]),G=m.useMemo(()=>{if(!o?.length)return;const e=o[o.length-1],{start:n,end:a}=p(e),d=i-s;if(d<=0)return;const h=(n-s)/d*100,w=(a-s)/d*100,O=_(h),J=_(w);return{left:`calc(${(h+w)/2}% + ${(O+J)/2}px)`,transform:"translateX(-50%)"}},[o,s,i]);return l.jsxs("div",{className:"relative w-full px-[9px] pb-3",children:[l.jsx("div",{className:"relative",children:l.jsxs(M.Root,{ref:z,className:k.cn("relative flex w-full touch-none select-none items-center",t),min:s,max:i,step:K,value:N,onValueChange:W,onValueCommit:X,...U,children:[l.jsxs(M.Track,{className:"relative h-1 grow overflow-hidden rounded-full bg-gray-40 mx-[9px]",children:[o?.map((e,n)=>{const{start:a,end:d}=p(e),h=i-s;if(h<=0)return null;const w=(a-s)/h*100,O=(d-a)/h*100;return l.jsx("div",{className:"absolute h-full",style:{left:`${w}%`,width:`${O}%`,backgroundColor:$(e.color)??"hsl(var(--success))"}},`interval-${n}-${a}-${d}`)}),!o?.length&&l.jsx(M.Range,{className:"absolute h-full",style:{backgroundColor:B}})]}),P&&P.length>0&&l.jsx("div",{className:"absolute inset-0 pointer-events-none flex items-center",children:l.jsx("div",{className:"relative w-full",children:P.map(e=>{const n=i-s;if(n<=0)return null;const a=(e-s)/n*100,d=_(a),h=o?.length?te(e,o):e<=R?B:void 0;return l.jsx("div",{className:"absolute h-2.5 w-2.5 rounded-full -translate-x-1/2 -translate-y-1/2",style:{left:`calc(${a}% + ${d}px)`,top:"50%",backgroundColor:h??"hsl(var(--gray-40))"}},`mark-${e}`)})})}),Z.map(e=>l.jsx(M.Thumb,{className:k.cn("relative block h-[18px] w-[18px] rounded-full bg-foreground","cursor-grab active:cursor-grabbing","focus-visible:outline-none","disabled:pointer-events-none disabled:opacity-50","after:absolute after:h-1.5 after:w-1.5 after:rounded-full after:bg-accent","after:top-1/2 after:left-1/2 after:-translate-x-1/2 after:-translate-y-1/2")},e))]})}),A&&o&&o.length>0&&l.jsx("div",{className:"relative h-[14px] mt-2.5",children:l.jsx("div",{className:"absolute text-[11px] font-medium leading-[126%] text-success whitespace-nowrap",style:G,children:A})})]})});F.displayName="Slider";exports.Slider=F;

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

@@ -1 +1 @@
-"use strict";const e={"errors.networkError":"Network error. Can't fetch data","errors.incorrectAddressError":"Incorrect address. Please, check url","errors.noOpenedAccountsError":"You have no opened Credit Accounts. Perhaps, you have recently been liquidated? Check notification centre to see more.","errors.notFound":"Not found","errors.tooManyRequests":"Too many requests","errors.incorrectAddress":"Incorrect address","components.errorMessage.oops":"Oops...","components.alertModal.ok":"Ok","components.footer.privacy":"Privacy Notice","components.footer.terms":"Terms of Service","components.footer.disclosure":"Risk Disclosure Statement","components.footer.legalNotice":"Legal Notice","components.footer.legal":"Legal Info","components.footer.gearbox":"Copyright © Gearbox Foundation 2023-2026.","components.footer.built":"Built at ETHGlobal MarketMake hackathon.","components.footer.version":"Version {value}","components.liquidationPrice.check":"Check Area","components.loading.loading":"Loading","components.loading.wait":"Please wait...","components.smartNumberInput.balance":"Balance","components.smartNumberInput.inputTitle":"Token Amount","components.smartNumberInput.confirm.input":"Input","components.tipWindow.title":"Tip","components.healthFactor.low":"Extremely low! This HF may not cover possible oracle deviations.","components.headCell":"Sort by {value}","components.graphView.noData":"Can't get data for this graph","components.filterBlock.reset":"Reset All","components.APY.tip":"These APYs are derived from the underlying protocols’ APIs and may differ in reality. Check respective protocols for their methodology.","components.creditSessionDetailedLiquidation.graph.legend.point":"Current price","components.creditSessionDetailedLiquidation.graph.legend.area":"Liquidation Area","components.creditSessionDetailedLiquidation.graph.tip.hf":"Health Factor","components.creditSessionDetailedLiquidation.graph.tip.price":"Price","components.creditSessionDetailedLiquidation.table.seeGraph":"See graph","components.creditSessionDetailedLiquidation.table.asset":"Asset","components.creditSessionDetailedLiquidation.table.currentPrice":"Current price","components.creditSessionDetailedLiquidation.table.modelPrice":"Model price","components.apyParts.features.points":"Points","components.apyParts.features.incent":"Incent.","components.apyParts.supplyAPY":"Organic APY","components.apyParts.title":"APY type","components.apyParts.supplyAPY.tip":"Yield from lending funds","components.apyParts.tokenYield":"Intrinsic APY","components.apyParts.tokenYield.tip":"Yield from holding wstETH","components.apyParts.extraAPY":"{symbol} Incentive","components.apyParts.extraAPY.tip":"Calculated at the current rate","components.apyParts.totalAPY":"Overall APY","components.apyParts.points":"{symbol} Incentive","components.apyParts.points.condition.crossDeposit":"For cross-chain deposits made via Omni","components.openCopyButtons.copy":"Copy to clipboard"};module.exports=e;
+"use strict";const e={"errors.networkError":"Network error. Can't fetch data","errors.incorrectAddressError":"Incorrect address. Please, check url","errors.noOpenedAccountsError":"You have no opened Credit Accounts. Perhaps, you have recently been liquidated? Check notification centre to see more.","errors.notFound":"Not found","errors.tooManyRequests":"Too many requests","errors.incorrectAddress":"Incorrect address","components.errorMessage.oops":"Oops...","components.alertModal.ok":"Ok","components.footer.privacy":"Privacy Notice","components.footer.terms":"Terms of Service","components.footer.disclosure":"Risk Disclosure Statement","components.footer.legalNotice":"Legal Notice","components.footer.legal":"Legal Info","components.footer.gearbox":"Copyright © Gearbox Foundation 2023-2026.","components.footer.built":"Built at ETHGlobal MarketMake hackathon.","components.footer.version":"Version {value}","components.liquidationPrice.check":"Check Area","components.loading.loading":"Loading","components.loading.wait":"Please wait...","components.smartNumberInput.balance":"Balance","components.smartNumberInput.inputTitle":"Token Amount","components.smartNumberInput.confirm.input":"Input","components.tipWindow.title":"Tip","components.healthFactor.low":"Extremely low! This HF may not cover possible oracle deviations.","components.headCell":"Sort by {value}","components.graphView.noData":"Can't get data for this graph","components.filterBlock.reset":"Reset All","components.APY.tip":"These APYs are derived from the underlying protocols’ APIs and may differ in reality. Check respective protocols for their methodology.","components.creditSessionDetailedLiquidation.graph.noData":"No data","components.creditSessionDetailedLiquidation.graph.legend.point":"Current price","components.creditSessionDetailedLiquidation.graph.legend.area":"Liquidation Area","components.creditSessionDetailedLiquidation.graph.tip.hf":"Health Factor","components.creditSessionDetailedLiquidation.graph.tip.price":"Price","components.creditSessionDetailedLiquidation.table.noData":"No data","components.creditSessionDetailedLiquidation.table.seeGraph":"See graph","components.creditSessionDetailedLiquidation.table.asset":"Asset","components.creditSessionDetailedLiquidation.table.currentPrice":"Current price","components.creditSessionDetailedLiquidation.table.modelPrice":"Model price","components.apyParts.features.points":"Points","components.apyParts.features.incent":"Incent.","components.apyParts.supplyAPY":"Organic APY","components.apyParts.title":"APY type","components.apyParts.supplyAPY.tip":"Yield from lending funds","components.apyParts.tokenYield":"Intrinsic APY","components.apyParts.tokenYield.tip":"Yield from holding wstETH","components.apyParts.extraAPY":"{symbol} Incentive","components.apyParts.extraAPY.tip":"Calculated at the current rate","components.apyParts.totalAPY":"Overall APY","components.apyParts.points":"{symbol} Incentive","components.apyParts.points.condition.crossDeposit":"For cross-chain deposits made via Omni","components.openCopyButtons.copy":"Copy to clipboard"};module.exports=e;

package/dist/cjs/utils/ranges.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(t){return{from:t.from??t.start??0,to:t.to??t.end??0}}function u(t,n,c){return c.filter(o=>{const{from:e,to:r}=a(o),s=Math.max(t,e),m=Math.min(n,r);return s<m}).map(o=>{const{from:e,to:r}=a(o);return{from:Math.max(t,e),to:Math.min(n,r),start:Math.max(t,e),end:Math.min(n,r),color:o.color}})}exports.getAvailableRanges=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(n,r,o){return o.filter(t=>{const e=t.start??0,a=t.end??0;return Math.max(n,e)<Math.min(r,a)}).map(t=>{const e=t.start??0,a=t.end??0;return{start:Math.max(n,e),end:Math.min(r,a),color:t.color}})}exports.getAvailableRanges=s;

package/dist/esm/components/simple-dropdown/simple-dropdown.js

@@ -1,63 +1,64 @@
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
-import * as e from "@radix-ui/react-dropdown-menu";
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-dropdown-menu";
 import "react";
 import "@gearbox-protocol/sdk";
-import { cn as o } from "../../utils/cn.js";
+import { cn as r } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-function g({
-  children: r,
-  title: a,
-  placement: i = "bottom",
-  align: n = "start",
-  sideOffset: d = 4,
-  maxWidth: s,
-  minWidth: l,
-  open: m,
-  onOpenChange: p,
-  modal: f = !1,
-  className: c,
-  triggerClassName: u
+function w({
+  children: a,
+  title: i,
+  asChild: o = !1,
+  placement: n = "bottom",
+  align: d = "start",
+  sideOffset: s = 4,
+  maxWidth: m,
+  minWidth: p,
+  open: l,
+  onOpenChange: f,
+  modal: c = !1,
+  className: g,
+  triggerClassName: b
 }) {
-  const b = o(
+  const u = r(
     "z-50 min-w-32 overflow-hidden rounded-lg border border-border bg-gray-40 p-1 text-popover-foreground shadow-lg",
     "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-    c
+    g
   );
   return /* @__PURE__ */ h(
-    e.Root,
+    t.Root,
     {
-      open: m,
-      onOpenChange: p,
-      modal: f,
+      open: l,
+      onOpenChange: f,
+      modal: c,
       children: [
-        /* @__PURE__ */ t(e.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
-          "button",
+        /* @__PURE__ */ e(
+          t.Trigger,
           {
-            type: "button",
-            className: o(
+            asChild: o,
+            className: o ? void 0 : r(
               "inline-flex appearance-none border-0 bg-transparent p-0 text-inherit font-inherit cursor-pointer",
-              u
+              b
             ),
-            children: a
+            children: i
           }
-        ) }),
-        /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ t(
-          e.Content,
+        ),
+        /* @__PURE__ */ e(t.Portal, { children: /* @__PURE__ */ e(
+          t.Content,
           {
-            side: i,
-            align: n,
-            sideOffset: d,
-            className: b,
-            style: { maxWidth: s, minWidth: l },
-            children: r
+            side: n,
+            align: d,
+            sideOffset: s,
+            className: u,
+            style: { maxWidth: m, minWidth: p },
+            children: a
           }
         ) })
       ]
     }
   );
 }
-g.displayName = "SimpleDropdown";
+w.displayName = "SimpleDropdown";
 export {
-  g as SimpleDropdown
+  w as SimpleDropdown
 };

package/dist/esm/components/slider/slider.js

@@ -1,131 +1,224 @@
-import { jsxs as g, jsx as i } from "react/jsx-runtime";
-import * as l from "@radix-ui/react-slider";
-import * as D from "react";
+import { jsxs as T, jsx as d } from "react/jsx-runtime";
+import * as N from "@radix-ui/react-slider";
+import * as J from "react";
 import { useMemo as v } from "react";
 import "@gearbox-protocol/sdk";
-import { cn as x } from "../../utils/cn.js";
+import { cn as q } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-function A(e) {
+const Q = {
+  additionalSuccess: "hsl(var(--success))",
+  additionalSuccessLight: "#88c497",
+  additionalWarning: "hsl(var(--warning))",
+  additionalAlert: "hsl(var(--destructive))",
+  additionalLiquidation: "hsl(var(--liquidation))",
+  mainPrimary: "hsl(var(--primary))",
+  mainAccent: "hsl(var(--accent))",
+  textPrimary: "hsl(var(--foreground))",
+  textSecondary: "hsl(var(--secondary-foreground))",
+  gray40: "hsl(var(--gray-40))",
+  gray50: "hsl(var(--gray-50))",
+  gray60: "hsl(var(--gray-60))"
+};
+function O(n) {
+  if (n)
+    return Q[n] ?? n;
+}
+function p(n) {
   return {
-    start: e.start ?? e.from ?? 0,
-    end: e.end ?? e.to ?? 0
+    start: n.start ?? 0,
+    end: n.end ?? 0
   };
 }
-function E(e, a) {
-  if (a)
-    for (const o of a) {
-      const { start: c, end: f } = A(o);
-      if (e >= c && e <= f)
-        return o.color;
+function Y(n, c) {
+  if (c)
+    for (const i of c) {
+      const { start: h, end: m } = p(i);
+      if (n >= h && n <= m)
+        return O(i.color);
+    }
+}
+function I(n, c) {
+  if (c)
+    for (const i of c) {
+      const { start: h, end: m } = p(i);
+      if (n >= h && n <= m)
+        return O(i.color) ?? "hsl(var(--success))";
     }
 }
-const G = D.forwardRef(
+const tt = 18, F = tt / 2;
+function V(n) {
+  return F - F * n / 50;
+}
+function S(n, c, i, h, m) {
+  let y = n, g = 1 / 0;
+  for (const b of c) {
+    const x = Math.abs(n - b);
+    x < g && (g = x, y = b);
+  }
+  return g < i ? Math.max(h, Math.min(m, y)) : n;
+}
+const et = J.forwardRef(
   ({
-    className: e,
-    variant: a = "default",
+    className: n,
+    variant: c = "default",
     // New API
-    value: o,
-    onValueChange: c,
-    min: f,
-    max: k,
-    step: R,
+    value: i,
+    onValueChange: h,
+    min: m,
+    max: y,
+    step: g,
     // Legacy API
-    from: M,
-    to: V,
-    colorIntervals: p,
-    precision: u,
-    markerStep: d,
-    onChangeValue: y,
-    onSubmitValue: w,
-    ...j
-  }, T) => {
-    const n = f ?? M ?? 0, s = k ?? V ?? 100, N = Array.isArray(u) ? u[0] : u, B = R ?? (N ? 10 ** -N : 1), m = v(() => {
-      if (Array.isArray(o)) return o;
-      if (typeof o == "number") return [o];
-    }, [o]), F = (r) => {
-      c?.(r), y && r.length > 0 && y(r[0]);
-    }, K = (r) => {
-      w && r.length > 0 && w(r[0]);
-    }, P = m?.[0] ?? 0, S = E(P, p), C = (m ?? [0]).length, _ = v(
-      () => Array.from({ length: C }, (r, t) => `thumb-${t}`),
-      [C]
-    ), h = v(() => {
-      if (!d) return;
-      const r = [];
-      for (let t = n; t <= s; t += d)
-        r.push(t);
-      return r;
-    }, [n, s, d]);
-    return /* @__PURE__ */ g("div", { className: "relative w-full", children: [
-      /* @__PURE__ */ g(
-        l.Root,
+    from: b,
+    to: x,
+    colorIntervals: a,
+    precision: M,
+    markerStep: f,
+    onChangeValue: R,
+    onSubmitValue: _,
+    colorIntervalLabel: B,
+    epsilon: H = 8,
+    ...U
+  }, D) => {
+    const r = m ?? b ?? 0, o = y ?? x ?? 100, E = Array.isArray(M) ? M[0] : M, K = g ?? (E ? 1 / E : void 0), $ = v(() => {
+      if (Array.isArray(i)) return i;
+      if (typeof i == "number") return [i];
+    }, [i]), w = v(() => {
+      const t = /* @__PURE__ */ new Set();
+      if (a?.length)
+        for (const e of a) {
+          const { start: s, end: l } = p(e);
+          t.add(s), t.add(l);
+        }
+      if (f)
+        for (let e = r; e <= o + f * 1e-3; e += f)
+          t.add(Math.min(e, o));
+      return [...t];
+    }, [a, f, r, o]), W = (t) => {
+      const e = t.map(
+        (s) => w.length > 0 ? S(s, w, H, r, o) : s
+      );
+      h?.(e), R && e.length > 0 && R(e[0]);
+    }, X = (t) => {
+      const e = t.map(
+        (s) => w.length > 0 ? S(s, w, H, r, o) : s
+      );
+      _ && e.length > 0 && _(e[0]);
+    }, L = $?.[0] ?? 0, j = Y(L, a) ?? {
+      default: "hsl(var(--primary))",
+      success: "hsl(var(--success))",
+      warning: "hsl(var(--warning))",
+      danger: "hsl(var(--destructive))"
+    }[c], k = ($ ?? [0]).length, Z = v(
+      () => Array.from({ length: k }, (t, e) => `thumb-${e}`),
+      [k]
+    ), A = v(() => {
+      if (!f) return;
+      const t = [r];
+      for (let e = r + f; e < o; e += f)
+        t.push(e);
+      return t[t.length - 1] !== o && t.push(o), t;
+    }, [r, o, f]), z = v(() => {
+      if (!a?.length) return;
+      const t = a[a.length - 1], { start: e, end: s } = p(t), l = o - r;
+      if (l <= 0) return;
+      const u = (e - r) / l * 100, C = (s - r) / l * 100, P = V(u), G = V(C);
+      return {
+        left: `calc(${(u + C) / 2}% + ${(P + G) / 2}px)`,
+        transform: "translateX(-50%)"
+      };
+    }, [a, r, o]);
+    return /* @__PURE__ */ T("div", { className: "relative w-full px-[9px] pb-3", children: [
+      /* @__PURE__ */ d("div", { className: "relative", children: /* @__PURE__ */ T(
+        N.Root,
         {
-          ref: T,
-          className: x(
+          ref: D,
+          className: q(
             "relative flex w-full touch-none select-none items-center",
-            e
+            n
           ),
-          min: n,
-          max: s,
-          step: B,
-          value: m,
-          onValueChange: F,
-          onValueCommit: K,
-          ...j,
+          min: r,
+          max: o,
+          step: K,
+          value: $,
+          onValueChange: W,
+          onValueCommit: X,
+          ...U,
           children: [
-            /* @__PURE__ */ g(l.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: [
-              p?.map((r, t) => {
-                const { start: b, end: $ } = A(r), q = (b - n) / (s - n) * 100, z = ($ - b) / (s - n) * 100;
-                return /* @__PURE__ */ i(
+            /* @__PURE__ */ T(N.Track, { className: "relative h-1 grow overflow-hidden rounded-full bg-gray-40 mx-[9px]", children: [
+              a?.map((t, e) => {
+                const { start: s, end: l } = p(t), u = o - r;
+                if (u <= 0) return null;
+                const C = (s - r) / u * 100, P = (l - s) / u * 100;
+                return /* @__PURE__ */ d(
                   "div",
                   {
                     className: "absolute h-full",
                     style: {
-                      left: `${q}%`,
-                      width: `${z}%`,
-                      backgroundColor: r.color ?? "var(--primary)",
-                      opacity: 0.3
+                      left: `${C}%`,
+                      width: `${P}%`,
+                      backgroundColor: O(t.color) ?? "hsl(var(--success))"
                     }
                   },
-                  `interval-${t}-${b}-${$}`
+                  `interval-${e}-${s}-${l}`
                 );
               }),
-              /* @__PURE__ */ i(
-                l.Range,
+              !a?.length && /* @__PURE__ */ d(
+                N.Range,
                 {
-                  className: x("absolute h-full"),
+                  className: "absolute h-full",
                   style: {
-                    backgroundColor: S ?? void 0
+                    backgroundColor: j
                   }
                 }
               )
             ] }),
-            _.map((r) => /* @__PURE__ */ i(
-              l.Thumb,
+            A && A.length > 0 && /* @__PURE__ */ d("div", { className: "absolute inset-0 pointer-events-none flex items-center", children: /* @__PURE__ */ d("div", { className: "relative w-full", children: A.map((t) => {
+              const e = o - r;
+              if (e <= 0) return null;
+              const s = (t - r) / e * 100, l = V(s), u = a?.length ? I(t, a) : t <= L ? j : void 0;
+              return /* @__PURE__ */ d(
+                "div",
+                {
+                  className: "absolute h-2.5 w-2.5 rounded-full -translate-x-1/2 -translate-y-1/2",
+                  style: {
+                    left: `calc(${s}% + ${l}px)`,
+                    top: "50%",
+                    backgroundColor: u ?? "hsl(var(--gray-40))"
+                  }
+                },
+                `mark-${t}`
+              );
+            }) }) }),
+            Z.map((t) => /* @__PURE__ */ d(
+              N.Thumb,
               {
-                className: "block h-5 w-5 rounded-full border-2 border-primary bg-background shadow-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-grab active:cursor-grabbing hover:bg-accent"
+                className: q(
+                  "relative block h-[18px] w-[18px] rounded-full bg-foreground",
+                  "cursor-grab active:cursor-grabbing",
+                  "focus-visible:outline-none",
+                  "disabled:pointer-events-none disabled:opacity-50",
+                  "after:absolute after:h-1.5 after:w-1.5 after:rounded-full after:bg-accent",
+                  "after:top-1/2 after:left-1/2 after:-translate-x-1/2 after:-translate-y-1/2"
+                )
               },
-              r
+              t
             ))
           ]
         }
-      ),
-      h && h.length > 0 && /* @__PURE__ */ i("div", { className: "relative w-full h-2 mt-1", children: h.map((r) => {
-        const t = (r - n) / (s - n) * 100;
-        return /* @__PURE__ */ i(
-          "div",
-          {
-            className: "absolute w-0.5 h-1 bg-muted-foreground/50",
-            style: { left: `${t}%` }
-          },
-          `mark-${r}`
-        );
-      }) })
+      ) }),
+      B && a && a.length > 0 && /* @__PURE__ */ d("div", { className: "relative h-[14px] mt-2.5", children: /* @__PURE__ */ d(
+        "div",
+        {
+          className: "absolute text-[11px] font-medium leading-[126%] text-success whitespace-nowrap",
+          style: z,
+          children: B
+        }
+      ) })
     ] });
   }
 );
-G.displayName = "Slider";
+et.displayName = "Slider";
 export {
-  G as Slider
+  et as Slider
 };

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

@@ -27,10 +27,12 @@ const e = {
   "components.graphView.noData": "Can't get data for this graph",
   "components.filterBlock.reset": "Reset All",
   "components.APY.tip": "These APYs are derived from the underlying protocols’ APIs and may differ in reality. Check respective protocols for their methodology.",
+  "components.creditSessionDetailedLiquidation.graph.noData": "No data",
   "components.creditSessionDetailedLiquidation.graph.legend.point": "Current price",
   "components.creditSessionDetailedLiquidation.graph.legend.area": "Liquidation Area",
   "components.creditSessionDetailedLiquidation.graph.tip.hf": "Health Factor",
   "components.creditSessionDetailedLiquidation.graph.tip.price": "Price",
+  "components.creditSessionDetailedLiquidation.table.noData": "No data",
   "components.creditSessionDetailedLiquidation.table.seeGraph": "See graph",
   "components.creditSessionDetailedLiquidation.table.asset": "Asset",
   "components.creditSessionDetailedLiquidation.table.currentPrice": "Current price",

package/dist/esm/utils/ranges.js

@@ -1,21 +1,13 @@
-function a(t) {
-  return {
-    from: t.from ?? t.start ?? 0,
-    to: t.to ?? t.end ?? 0
-  };
-}
-function s(t, e, c) {
-  return c.filter((o) => {
-    const { from: r, to: n } = a(o), m = Math.max(t, r), f = Math.min(e, n);
-    return m < f;
-  }).map((o) => {
-    const { from: r, to: n } = a(o);
+function s(a, e, o) {
+  return o.filter((t) => {
+    const n = t.start ?? 0, r = t.end ?? 0;
+    return Math.max(a, n) < Math.min(e, r);
+  }).map((t) => {
+    const n = t.start ?? 0, r = t.end ?? 0;
     return {
-      from: Math.max(t, r),
-      to: Math.min(e, n),
-      start: Math.max(t, r),
-      end: Math.min(e, n),
-      color: o.color
+      start: Math.max(a, n),
+      end: Math.min(e, r),
+      color: t.color
     };
   });
 }