@gearbox-protocol/ui-kit 2.1.0-next.1

package/dist/esm/components/layout/social-icons/index.js

@@ -0,0 +1,4 @@
+import { SocialIcons as r } from "./social-icons.js";
+export {
+  r as SocialIcons
+};

package/dist/esm/components/layout/social-icons/social-icons.js

@@ -0,0 +1,61 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { IconTwitter as c, IconDiscord as h, IconTelegram as u } from "@gearbox-protocol/static";
+import { BaseLink as n } from "../../base-link/base-link.js";
+import { cn as a } from "../../../utils/cn.js";
+const t = a(
+  "inline-flex items-center justify-center",
+  "w-8 h-8 rounded-full",
+  "border border-white/20 hover:border-white/30",
+  "bg-transparent text-white transition-colors duration-200"
+);
+function d({
+  twitterAddr: i,
+  discordAddr: r,
+  telegramAddr: s,
+  className: o
+}) {
+  return /* @__PURE__ */ l("div", { className: a("flex items-center gap-2.5", o), children: [
+    i && /* @__PURE__ */ e(
+      n,
+      {
+        href: i,
+        external: !0,
+        size: "unset",
+        variant: "unset",
+        className: t,
+        children: /* @__PURE__ */ e(
+          c,
+          {
+            size: 18,
+            style: { lineHeight: 0, padding: "1px 0 0 1px" }
+          }
+        )
+      }
+    ),
+    r && /* @__PURE__ */ e(
+      n,
+      {
+        href: r,
+        external: !0,
+        size: "unset",
+        variant: "unset",
+        className: t,
+        children: /* @__PURE__ */ e(h, { size: 19, style: { lineHeight: 0 } })
+      }
+    ),
+    s && /* @__PURE__ */ e(
+      n,
+      {
+        href: s,
+        external: !0,
+        size: "unset",
+        variant: "unset",
+        className: t,
+        children: /* @__PURE__ */ e(u, { size: 19, style: { lineHeight: 0 } })
+      }
+    )
+  ] });
+}
+export {
+  d as SocialIcons
+};

package/dist/esm/components/legal-agreement/index.js

@@ -0,0 +1,9 @@
+import { BlockedRegionDialog as r, LegalAgreementDialog as a, createGearboxAppConfig as g, createLegalAgreementConfig as i, createPermissionlessInterfaceConfig as n, createPermissionlessSafeConfig as s } from "./legal-agreement-dialog.js";
+export {
+  r as BlockedRegionDialog,
+  a as LegalAgreementDialog,
+  g as createGearboxAppConfig,
+  i as createLegalAgreementConfig,
+  n as createPermissionlessInterfaceConfig,
+  s as createPermissionlessSafeConfig
+};

package/dist/esm/components/legal-agreement/legal-agreement-dialog.js

@@ -0,0 +1,250 @@
+import { jsx as t, jsxs as a, Fragment as l } from "react/jsx-runtime";
+import { IconExternal as A, IconPending as b } from "@gearbox-protocol/static";
+import * as B from "react";
+import { useState as j } from "react";
+import { AlertDialog as u, AlertDialogContent as f, AlertDialogHeader as x, AlertDialogTitle as g, AlertDialogDescription as h, AlertDialogFooter as w } from "../alert-dialog/alert-dialog.js";
+import { BaseLink as k } from "../base-link/base-link.js";
+import { Button as p } from "../buttons/button/button.js";
+import { Checkbox as R } from "../checkbox/checkbox.js";
+import "../checkbox/checkbox-labeled.js";
+import { faTriangleExclamation as I } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as T } from "../icons/fa-icon.js";
+function $({
+  open: r,
+  onClose: e,
+  onSign: n,
+  isSigning: o,
+  hasV2Signature: m = !1,
+  isAwaitingSignature: S = !1,
+  config: c
+}) {
+  const [y, N] = j({}), C = c.checkboxItems.every((s) => y[s.id]), D = (s) => {
+    N((d) => ({ ...d, [s]: !d[s] }));
+  }, P = async () => {
+    await n();
+  };
+  return B.useEffect(() => {
+    r || N({});
+  }, [r]), S ? /* @__PURE__ */ t(u, { open: r, children: /* @__PURE__ */ a(f, { className: "max-w-2xl w-[calc(100%-2rem)] sm:w-full", children: [
+    /* @__PURE__ */ t(x, { children: /* @__PURE__ */ a(g, { className: "flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ t(b, { size: 20, className: "animate-spin" }),
+      "Waiting for Signature"
+    ] }) }),
+    /* @__PURE__ */ t(h, { className: "text-center", children: c.waitingForSignatureText || "Please sign the message in your wallet to agree to the Terms of Service." })
+  ] }) }) : /* @__PURE__ */ t(u, { open: r, children: /* @__PURE__ */ a(f, { className: "max-w-2xl max-h-[90vh] overflow-y-auto w-[calc(100%-2rem)] sm:w-full", children: [
+    /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(g, { className: "text-center text-xl", children: m ? c.updatedTitle || "Terms of Service Updated" : c.title || "Legal Agreement" }) }),
+    /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ t("div", { className: "text-center leading-relaxed text-base", children: c.notificationText }),
+      m && /* @__PURE__ */ a("div", { className: "flex items-start gap-2 rounded-lg border border-yellow-500/50 bg-yellow-500/10 p-3", children: [
+        /* @__PURE__ */ t(
+          T,
+          {
+            icon: I,
+            className: "size-5 text-yellow-500 shrink-0 mt-0.5"
+          }
+        ),
+        /* @__PURE__ */ a("p", { className: "text-sm text-yellow-500", children: [
+          "Our Terms of Service have been updated. Please review and sign the new agreement to continue using ",
+          c.productName,
+          "."
+        ] })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "space-y-4", children: c.checkboxItems.map((s) => {
+        const d = `legal-checkbox-${s.id}`;
+        return /* @__PURE__ */ a(
+          "label",
+          {
+            htmlFor: d,
+            className: "flex items-start gap-3 cursor-pointer group",
+            children: [
+              /* @__PURE__ */ t(
+                R,
+                {
+                  id: d,
+                  checked: y[s.id] || !1,
+                  onCheckedChange: () => D(s.id),
+                  className: "mt-1"
+                }
+              ),
+              /* @__PURE__ */ t("span", { className: "text-sm leading-relaxed transition-colors", children: s.content })
+            ]
+          },
+          s.id
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ a(w, { className: "flex-row gap-3 sm:justify-center mt-6", children: [
+      /* @__PURE__ */ t(
+        p,
+        {
+          variant: "outline",
+          onClick: e,
+          disabled: o,
+          className: "flex-1 sm:flex-none sm:min-w-[140px]",
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ t(
+        p,
+        {
+          onClick: P,
+          disabled: !C || o,
+          className: "flex-1 sm:flex-none sm:min-w-[140px]",
+          children: o ? /* @__PURE__ */ a(l, { children: [
+            /* @__PURE__ */ t(b, { size: 16, className: "mr-2 animate-spin" }),
+            "Signing..."
+          ] }) : c.agreeButtonText || "Agree & Connect"
+        }
+      )
+    ] })
+  ] }) });
+}
+function i(r, e) {
+  return /* @__PURE__ */ t(
+    k,
+    {
+      href: r,
+      external: !0,
+      className: "text-primary underline hover:text-primary/80",
+      children: e
+    }
+  );
+}
+function v(r, e, n) {
+  const o = {
+    id: "consent",
+    content: /* @__PURE__ */ a(l, { children: [
+      "I agree to the",
+      " ",
+      i(e.termsOfService, "Terms of Service"),
+      " and acknowledge the ",
+      i(e.privacyNotice, "Privacy Notice"),
+      ". I have read the",
+      " ",
+      i(e.riskDisclosure, "Risk Disclosure Statement"),
+      " and I voluntarily assume all risks described in it."
+    ] })
+  }, m = /* @__PURE__ */ a(l, { children: [
+    "Any use of and/or interaction with the ",
+    r,
+    " is subject to the",
+    " ",
+    i(e.termsOfService, "Terms of Service"),
+    " and",
+    " ",
+    i(e.privacyNotice, "Privacy Notice"),
+    ", and acceptance of risks described in the",
+    " ",
+    i(e.riskDisclosure, "Risk Disclosure Statement"),
+    "."
+  ] });
+  return r === "Permissionless Interface" ? {
+    productName: r,
+    notificationText: m,
+    checkboxItems: [o],
+    agreeButtonText: n?.agreeButtonText
+  } : r === "Permissionless Safe" ? {
+    productName: r,
+    notificationText: m,
+    checkboxItems: [o],
+    agreeButtonText: n?.agreeButtonText
+  } : {
+    productName: r,
+    notificationText: /* @__PURE__ */ a(l, { children: [
+      "By accessing or using ",
+      r,
+      ", I agree to the",
+      " ",
+      i(e.termsOfService, "Terms of Service"),
+      " and confirm that I have read and understood the",
+      " ",
+      i(e.privacyNotice, "Privacy Notice"),
+      " and",
+      " ",
+      i(e.riskDisclosure, "Risk Disclosure Statement"),
+      "."
+    ] }),
+    checkboxItems: [
+      {
+        id: "terms",
+        content: /* @__PURE__ */ a(l, { children: [
+          "I agree to the",
+          " ",
+          i(e.termsOfService, "Terms of Service"),
+          " and acknowledge the",
+          " ",
+          i(e.privacyNotice, "Privacy Notice"),
+          "."
+        ] })
+      },
+      {
+        id: "prohibited",
+        content: "I represent and confirm that I am not a Prohibited Person (as defined in the above Terms of Service) and am not acting on behalf of one."
+      },
+      {
+        id: "risks",
+        content: /* @__PURE__ */ a(l, { children: [
+          "I acknowledge that the ",
+          r,
+          ", related software, and smart contracts are experimental and may contain errors or vulnerabilities. I understand that their use may result in the complete loss of my funds. I have read the",
+          " ",
+          i(e.riskDisclosure, "Risk Disclosure Statement"),
+          " ",
+          "and I voluntarily assume all risks described in it."
+        ] })
+      }
+    ],
+    agreeButtonText: n?.agreeButtonText
+  };
+}
+function q(r, e) {
+  return v("Permissionless Interface", r, e);
+}
+function J(r, e) {
+  return v("Permissionless Safe", r, e);
+}
+function K(r, e) {
+  return v("Gearbox App", r, e);
+}
+function M({
+  open: r,
+  onClose: e,
+  termsOfServiceLink: n
+}) {
+  return /* @__PURE__ */ t(u, { open: r, children: /* @__PURE__ */ a(f, { className: "max-w-lg", children: [
+    /* @__PURE__ */ t(x, { children: /* @__PURE__ */ a(g, { className: "flex items-center justify-center gap-2 text-destructive", children: [
+      /* @__PURE__ */ t(T, { icon: I, className: "size-5" }),
+      "Access Restricted"
+    ] }) }),
+    /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ t(h, { className: "text-center", children: "Your access to our web application has been restricted as part of our compliance screening process. Our automated system has identified potential risks associated with your wallet, which led to this action." }),
+      /* @__PURE__ */ t(h, { className: "text-center", children: "Please be aware that this screening outcome is final. We do not offer an appeal process or individual case reviews. Additionally, we do not perform manual assessments and are unable to override this restriction." }),
+      n && /* @__PURE__ */ a(h, { className: "text-center", children: [
+        "This restriction applies to your use of the web application. For more details, please review the",
+        " ",
+        /* @__PURE__ */ a(
+          k,
+          {
+            href: n,
+            external: !0,
+            className: "text-primary underline hover:text-primary/80 inline-flex items-center gap-1",
+            children: [
+              "Terms of Service",
+              /* @__PURE__ */ t(A, { size: 12, className: "size-3" })
+            ]
+          }
+        ),
+        "."
+      ] })
+    ] }),
+    /* @__PURE__ */ t(w, { className: "sm:justify-center mt-4", children: /* @__PURE__ */ t(p, { variant: "outline", onClick: e, children: "Close" }) })
+  ] }) });
+}
+export {
+  M as BlockedRegionDialog,
+  $ as LegalAgreementDialog,
+  K as createGearboxAppConfig,
+  v as createLegalAgreementConfig,
+  q as createPermissionlessInterfaceConfig,
+  J as createPermissionlessSafeConfig
+};

package/dist/esm/components/link/index.js

@@ -0,0 +1,4 @@
+import { Link as e } from "./link.js";
+export {
+  e as Link
+};

package/dist/esm/components/link/link.js

@@ -0,0 +1,61 @@
+import { jsx as r, jsxs as e, Fragment as f } from "react/jsx-runtime";
+import { IconExternal as t } from "@gearbox-protocol/static";
+import { cva as w } from "class-variance-authority";
+import { BaseLink as u } from "../base-link/base-link.js";
+import "react";
+import "@gearbox-protocol/sdk";
+import { cn as _ } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const g = w(
+  "[&_.icon-wrap]:-mt-px [&_.icon-wrap]:pl-1.5 [&_.icon-wrap]:leading-none [&_.icon-wrap]:text-secondary-foreground hover:[&_.icon-wrap]:text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "[&_.content-wrap]:border-b [&_.content-wrap]:border-transparent hover:[&_.content-wrap]:border-foreground",
+        underlined: "[&_.content-wrap]:border-0",
+        unset: "[&_.content-wrap]:border-0"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+function x({
+  className: p,
+  children: a,
+  href: i,
+  target: s,
+  variant: o = "default",
+  size: c = "default",
+  color: m = "main",
+  external: n = !1,
+  asChild: d = !1,
+  ...l
+}) {
+  return /* @__PURE__ */ r(
+    u,
+    {
+      href: i,
+      target: s,
+      external: n,
+      variant: o,
+      size: c,
+      color: m,
+      className: _(g({ variant: o }), p),
+      ...l,
+      children: d ? /* @__PURE__ */ e("span", { children: [
+        /* @__PURE__ */ r("span", { className: "content-wrap", children: a }),
+        n && /* @__PURE__ */ r("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ r(t, { size: 14 }) })
+      ] }) : /* @__PURE__ */ e(f, { children: [
+        /* @__PURE__ */ r("span", { className: "content-wrap", children: a }),
+        n && /* @__PURE__ */ r("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ r(t, { size: 14 }) })
+      ] })
+    }
+  );
+}
+x.displayName = "Link";
+export {
+  x as Link
+};

package/dist/esm/components/liquidation/index.js

@@ -0,0 +1,10 @@
+import { LiquidationModellingAssetsTable as r } from "./liquidation-assets-table/liquidation-assets-table.js";
+import { LiquidationGraph as t } from "./liquidation-graph/liquidation-graph.js";
+import { LiquidationGraphLegend as p } from "./liquidation-graph-legend/liquidation-graph-legend.js";
+import { LiquidationGraphTip as n } from "./liquidation-graph-tip/liquidation-graph-tip.js";
+export {
+  t as LiquidationGraph,
+  p as LiquidationGraphLegend,
+  n as LiquidationGraphTip,
+  r as LiquidationModellingAssetsTable
+};

package/dist/esm/components/liquidation/liquidation-assets-table/index.js

@@ -0,0 +1,4 @@
+import { LiquidationModellingAssetsTable as o } from "./liquidation-assets-table.js";
+export {
+  o as LiquidationModellingAssetsTable
+};

package/dist/esm/components/liquidation/liquidation-assets-table/liquidation-assets-table.js

@@ -0,0 +1,84 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { PRICE_DECIMALS as h } from "@gearbox-protocol/sdk";
+import { AssetUtils as b } from "@gearbox-protocol/sdk/common-utils";
+import { useMemo as N } from "react";
+import { TokenSymbol as v } from "../../token-symbol/token-symbol.js";
+import { FormattedMessageTyped as s } from "../../typed-intl/index.js";
+import { useIsMobile as L } from "../../../hooks/use-media-query.js";
+import { cn as n } from "../../../utils/cn.js";
+function T({
+  tokensList: a,
+  graphParams: l,
+  data: i,
+  prices: m,
+  editedPrices: f
+}) {
+  const { fixedBalances: o } = l, c = N(() => b.constructAssetRecord(o), [o]), u = L();
+  return !i || !i.length ? /* @__PURE__ */ e("div", { className: "w-full flex items-center justify-center py-8 text-sm text-muted-foreground", children: /* @__PURE__ */ e(
+    s,
+    {
+      messageId: "components.creditSessionDetailedLiquidation.table.noData",
+      defaultMessage: "No data"
+    }
+  ) }) : /* @__PURE__ */ r("div", { className: "w-full", children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: n(
+          "grid w-full px-3 sm:px-4 gap-1 sm:gap-2 items-center",
+          "h-7 sm:h-8 md:h-[30px]",
+          "relative after:absolute after:bottom-0 after:left-2 sm:after:left-3 after:right-2 sm:after:right-3 after:h-px after:border-b after:border-border"
+        ),
+        style: { gridTemplateColumns: "1fr 1fr 1fr" },
+        children: [
+          /* @__PURE__ */ e("div", { className: "text-left text-xs sm:text-sm font-medium text-muted-foreground truncate", children: /* @__PURE__ */ e(s, { messageId: "components.creditSessionDetailedLiquidation.table.asset" }) }),
+          /* @__PURE__ */ e("div", { className: "text-right text-xs sm:text-sm font-medium text-muted-foreground truncate", children: /* @__PURE__ */ e(s, { messageId: "components.creditSessionDetailedLiquidation.table.currentPrice" }) }),
+          /* @__PURE__ */ e("div", { className: "text-right text-xs sm:text-sm font-medium text-muted-foreground truncate", children: /* @__PURE__ */ e(s, { messageId: "components.creditSessionDetailedLiquidation.table.modelPrice" }) })
+        ]
+      }
+    ),
+    i.map((t, x, g) => {
+      const p = g.length - 1 === x;
+      return /* @__PURE__ */ r(
+        "div",
+        {
+          className: n(
+            "grid w-full px-3 sm:px-4 gap-1 sm:gap-2 items-center relative",
+            "h-12 sm:h-14 md:h-[51px]",
+            !p && "after:absolute after:bottom-0 after:left-2 sm:after:left-3 after:right-2 sm:after:right-3 after:h-px after:border-b after:border-border"
+          ),
+          style: {
+            gridTemplateColumns: "1fr 1fr 1fr"
+          },
+          children: [
+            /* @__PURE__ */ e("div", { className: "text-left min-w-0", children: /* @__PURE__ */ e(
+              v,
+              {
+                size: u ? 18 : 24,
+                token: a[t.token],
+                showSymbol: !0,
+                maxLength: 12,
+                className: "gap-1.5 sm:gap-2"
+              }
+            ) }),
+            /* @__PURE__ */ r("div", { className: "text-right text-xs sm:text-sm md:text-base truncate", children: [
+              "$",
+              d(m[t.token])
+            ] }),
+            /* @__PURE__ */ e("div", { className: "text-right min-w-0", children: c[t.token] ? /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm text-muted-foreground truncate", children: /* @__PURE__ */ e(s, { messageId: "components.creditSessionDetailedLiquidation.table.seeGraph" }) }) : /* @__PURE__ */ r("span", { className: "text-xs sm:text-sm md:text-base text-muted-foreground truncate", children: [
+              "$",
+              d(f[t.token] || m[t.token])
+            ] }) })
+          ]
+        },
+        t.token
+      );
+    })
+  ] });
+}
+function d(a) {
+  return (Number(a || 0n) / Number(h)).toFixed(2);
+}
+export {
+  T as LiquidationModellingAssetsTable
+};

package/dist/esm/components/liquidation/liquidation-graph/index.js

@@ -0,0 +1,4 @@
+import { LiquidationGraph as r } from "./liquidation-graph.js";
+export {
+  r as LiquidationGraph
+};

package/dist/esm/components/liquidation/liquidation-graph/liquidation-graph.js

@@ -0,0 +1,172 @@
+import { jsx as e, jsxs as Y } from "react/jsx-runtime";
+import { useCallback as F } from "react";
+import { FormattedMessageTyped as Q } from "../../typed-intl/index.js";
+import { VSpace as H } from "../../vspace/vspace.js";
+import { useHF as Z } from "../../../hooks/use-hf.js";
+import { useLiquidationHeatmap as ee } from "../../../hooks/use-liquidation/index.js";
+import { XYPlot as ie, XAxis as te, YAxis as ae, ColorHeatmap as oe, XLine as ne, YLine as re } from "../../../utils/reactochart-compat.js";
+import { LiquidationGraphLegend as se } from "../liquidation-graph-legend/liquidation-graph-legend.js";
+import { LiquidationGraphTip as le } from "../liquidation-graph-tip/liquidation-graph-tip.js";
+import { DEFAULT_AXIS_MIN as O, DEFAULT_AXIS_MAX as S, useLiquidationGraphCurrentActiveValue as ce, useWithLiquidationGraphActivePrices as me, useIsAxisInRelativeUnits as T, useLiquidationGraphActivePrice as D, formatAxisLabel as E, formatAxisTipLabel as G, getCellClass as de } from "../../../hooks/use-liquidation/utils.js";
+const ue = 300, xe = 300, he = "rct-crosshair-x", pe = "rct-crosshair-y";
+function Xe({
+  graphParams: R,
+  assets: f,
+  liquidationThresholds: L,
+  quotas: A,
+  quotasInfo: y,
+  underlyingToken: s,
+  debt: g,
+  prices: c,
+  tokensList: m,
+  width: d = ue,
+  height: M = xe,
+  maxLabelLength: q
+}) {
+  const { xAxis: u, yAxis: x, currentPoint: h } = R, {
+    min: b = O,
+    max: P = S,
+    label: t,
+    order: p = "straight",
+    nextOrder: _
+  } = u || {}, {
+    min: C = O,
+    max: X = S,
+    label: a,
+    order: v = "straight",
+    nextOrder: k
+  } = x || {}, W = ee({
+    xMin: b,
+    xMax: P,
+    yMin: C,
+    yMax: X,
+    xLabel: t,
+    yLabel: a,
+    assets: f,
+    quotas: A,
+    prices: c,
+    liquidationThresholds: L,
+    underlyingTokenAddress: s,
+    debt: g,
+    quotasInfo: y,
+    tokensList: m
+  }), { activePoint: w, handleMouseLeave: j, handleMouseMove: U } = ce(), [o, n] = w || [], $ = me({
+    prices: c,
+    activePoint: w,
+    xLabel: t,
+    yLabel: a
+  }), V = Z({
+    quotas: A,
+    quotasInfo: y,
+    assets: f,
+    prices: $,
+    liquidationThresholds: L,
+    underlyingToken: s,
+    debt: g,
+    tokensList: m
+  }), l = c[s] || 1n, r = m[s], N = T(t, r), I = T(a, r), z = D(
+    o || h[0],
+    l,
+    N,
+    p
+  ), B = D(
+    n || h[1],
+    l,
+    I,
+    v
+  ), J = F(
+    E(l, N, p),
+    []
+  ), K = F(
+    E(l, I, v),
+    []
+  );
+  return !u?.label && !x?.label ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: "mx-auto flex items-center justify-center text-sm text-muted-foreground",
+      style: { width: `${d}px`, maxWidth: "100%", height: `${M}px` },
+      children: /* @__PURE__ */ e(
+        Q,
+        {
+          messageId: "components.creditSessionDetailedLiquidation.graph.noData",
+          defaultMessage: "No data"
+        }
+      )
+    }
+  ) : /* @__PURE__ */ Y("div", { className: "mx-auto", style: { width: `${d}px`, maxWidth: "100%" }, children: [
+    /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(
+      le,
+      {
+        underlyingToken: r,
+        hf: V.hf,
+        xAxis: u,
+        yAxis: x,
+        activePointX: z,
+        activePointY: B,
+        maxLabelLength: q
+      }
+    ) }),
+    /* @__PURE__ */ e(H, { height: 16 }),
+    /* @__PURE__ */ e("div", { className: "w-full liquidation-graph-container overflow-hidden", children: /* @__PURE__ */ Y(
+      ie,
+      {
+        width: d,
+        height: M,
+        xDomain: [b, P],
+        yDomain: [C, X],
+        onMouseMove: U,
+        onMouseLeave: j,
+        children: [
+          /* @__PURE__ */ e(
+            te,
+            {
+              showLine: !1,
+              title: G(t, r, p),
+              titleAlign: "right",
+              tickCount: 5,
+              labelFormat: J,
+              showLabels: !!t,
+              showTicks: !!t,
+              onMouseClickAxis: _,
+              nice: !1
+            }
+          ),
+          /* @__PURE__ */ e(
+            ae,
+            {
+              showLine: !1,
+              title: G(a, r, v),
+              titleAlign: "top",
+              tickCount: 5,
+              labelFormat: K,
+              showLabels: !!a,
+              showTicks: !!a,
+              onMouseClickAxis: k,
+              nice: !1
+            }
+          ),
+          /* @__PURE__ */ e(
+            oe,
+            {
+              data: W,
+              value: (i) => i.value,
+              x: (i) => i.x,
+              xEnd: (i) => i.xEnd,
+              y: (i) => i.y,
+              yEnd: (i) => i.yEnd,
+              rectClassName: (i) => de(i, h, o, n)
+            }
+          ),
+          o != null && /* @__PURE__ */ e(ne, { value: o, className: he }),
+          n != null && /* @__PURE__ */ e(re, { value: n, className: pe })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e(H, { height: 12 }),
+    /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(se, {}) })
+  ] });
+}
+export {
+  Xe as LiquidationGraph
+};

package/dist/esm/components/liquidation/liquidation-graph-legend/index.js

@@ -0,0 +1,4 @@
+import { LiquidationGraphLegend as o } from "./liquidation-graph-legend.js";
+export {
+  o as LiquidationGraphLegend
+};