@gearbox-protocol/permissionless-ui 1.7.2 → 1.7.4

package/dist/esm/components/layout/footer.js

@@ -1,168 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import React from "react";
-import { cn } from "../../utils/cn.js";
-import { AppLogo } from "./app-logo.js";
-import { LegalDisclaimer } from "./legal-disclaimer.js";
-const Footer = React.forwardRef(
-  ({
-    logo,
-    copyright,
-    social,
-    version,
-    secondaryInfo,
-    legalLinks,
-    containerClassName,
-    className,
-    children,
-    mobileExtraContent,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "footer",
-      {
-        ref,
-        className: cn(
-          "relative w-full border-t bg-card border-border flex items-center justify-center",
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "flex flex-col sm:flex-row sm:flex-nowrap justify-between items-center sm:items-start gap-4 sm:gap-0 py-6 w-full px-4 max-w-[1440px]",
-              containerClassName
-            ),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "text-center sm:text-left text-sm text-muted-foreground w-full sm:w-auto", children: [
-                logo && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx("div", { className: "flex justify-center sm:justify-start", children: logo }),
-                  /* @__PURE__ */ jsx("div", { className: "h-2" })
-                ] }),
-                copyright && /* @__PURE__ */ jsx("div", { children: copyright }),
-                /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-col items-center justify-center gap-2 sm:hidden", children: mobileExtraContent })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "w-full sm:w-auto", children: [
-                social && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center sm:justify-end gap-2.5", children: social }),
-                  /* @__PURE__ */ jsx("div", { className: "h-3" })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center sm:justify-end gap-2 text-sm text-muted-foreground", children: [
-                  version && /* @__PURE__ */ jsx("span", { children: version }),
-                  secondaryInfo && /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsx("span", { className: "h-1 w-1 rounded-full bg-muted-foreground/30" }),
-                    secondaryInfo
-                  ] }),
-                  legalLinks && /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsx("span", { className: "h-1 w-1 rounded-full bg-muted-foreground/30" }),
-                    legalLinks
-                  ] })
-                ] })
-              ] }),
-              children
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-Footer.displayName = "Footer";
-function FooterLink({ href, text, external = false }) {
-  return /* @__PURE__ */ jsx(
-    "a",
-    {
-      href,
-      className: "text-muted-foreground hover:text-foreground transition-colors duration-200 text-sm",
-      target: external ? "_blank" : void 0,
-      rel: external ? "noopener noreferrer" : void 0,
-      children: text
-    }
-  );
-}
-function FooterLinkSection({
-  title,
-  links
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 md:items-end", children: [
-    /* @__PURE__ */ jsx("h3", { className: "text-foreground", children: title }),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-4", children: links.map((link, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-      /* @__PURE__ */ jsx(FooterLink, { ...link }),
-      index < links.length - 1 && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "\u2022" })
-    ] }, link.href)) })
-  ] });
-}
-function GearboxFooter({
-  appName,
-  legalReferences,
-  className,
-  mobileStatusContent
-}) {
-  return /* @__PURE__ */ jsx(
-    "footer",
-    {
-      className: cn(
-        "relative w-full border-t bg-card border-border flex items-center justify-center",
-        className
-      ),
-      children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 items-top py-6 w-full px-4 max-w-[1440px]", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 h-full justify-between", children: [
-          /* @__PURE__ */ jsx(AppLogo, { appName, size: "small" }),
-          /* @__PURE__ */ jsx(LegalDisclaimer, { hrefs: legalReferences })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 h-full justify-between", children: [
-          /* @__PURE__ */ jsx(
-            FooterLinkSection,
-            {
-              title: "Legal",
-              links: [
-                {
-                  href: legalReferences.termsOfService,
-                  text: "Terms of Service"
-                },
-                {
-                  href: legalReferences.privacyNotice,
-                  text: "Privacy Notice"
-                },
-                {
-                  href: legalReferences.riskDisclosure,
-                  text: "Risk Disclosure"
-                }
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            FooterLinkSection,
-            {
-              title: "Developers",
-              links: [
-                {
-                  href: "https://docs.gearbox.fi/gearbox-permissionless-doc",
-                  text: "Documentation",
-                  external: true
-                },
-                {
-                  href: "https://docs.gearbox.finance/risk-and-security/audits-bug-bounty",
-                  text: "Audits",
-                  external: true
-                },
-                {
-                  href: "https://github.com/Gearbox-protocol",
-                  text: "GitHub",
-                  external: true
-                }
-              ]
-            }
-          )
-        ] }),
-        mobileStatusContent && /* @__PURE__ */ jsx("div", { className: "flex md:hidden w-full", children: mobileStatusContent })
-      ] })
-    }
-  );
-}
-export {
-  Footer,
-  FooterLink,
-  FooterLinkSection,
-  GearboxFooter
-};

package/dist/esm/components/layout/grid.js

@@ -1,183 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import React from "react";
-import { cn } from "../../utils/cn.js";
-const GRID_COLS_CLASSES = {
-  1: "grid-cols-1",
-  2: "grid-cols-2",
-  3: "grid-cols-3",
-  4: "grid-cols-4",
-  5: "grid-cols-5",
-  6: "grid-cols-6",
-  7: "grid-cols-7",
-  8: "grid-cols-8",
-  9: "grid-cols-9",
-  10: "grid-cols-10",
-  11: "grid-cols-11",
-  12: "grid-cols-12"
-};
-const GRID_COLS_SM_CLASSES = {
-  1: "sm:grid-cols-1",
-  2: "sm:grid-cols-2",
-  3: "sm:grid-cols-3",
-  4: "sm:grid-cols-4",
-  5: "sm:grid-cols-5",
-  6: "sm:grid-cols-6",
-  7: "sm:grid-cols-7",
-  8: "sm:grid-cols-8",
-  9: "sm:grid-cols-9",
-  10: "sm:grid-cols-10",
-  11: "sm:grid-cols-11",
-  12: "sm:grid-cols-12"
-};
-const GRID_COLS_MD_CLASSES = {
-  1: "md:grid-cols-1",
-  2: "md:grid-cols-2",
-  3: "md:grid-cols-3",
-  4: "md:grid-cols-4",
-  5: "md:grid-cols-5",
-  6: "md:grid-cols-6",
-  7: "md:grid-cols-7",
-  8: "md:grid-cols-8",
-  9: "md:grid-cols-9",
-  10: "md:grid-cols-10",
-  11: "md:grid-cols-11",
-  12: "md:grid-cols-12"
-};
-const GRID_COLS_LG_CLASSES = {
-  1: "lg:grid-cols-1",
-  2: "lg:grid-cols-2",
-  3: "lg:grid-cols-3",
-  4: "lg:grid-cols-4",
-  5: "lg:grid-cols-5",
-  6: "lg:grid-cols-6",
-  7: "lg:grid-cols-7",
-  8: "lg:grid-cols-8",
-  9: "lg:grid-cols-9",
-  10: "lg:grid-cols-10",
-  11: "lg:grid-cols-11",
-  12: "lg:grid-cols-12"
-};
-const GRID_COLS_XL_CLASSES = {
-  1: "xl:grid-cols-1",
-  2: "xl:grid-cols-2",
-  3: "xl:grid-cols-3",
-  4: "xl:grid-cols-4",
-  5: "xl:grid-cols-5",
-  6: "xl:grid-cols-6",
-  7: "xl:grid-cols-7",
-  8: "xl:grid-cols-8",
-  9: "xl:grid-cols-9",
-  10: "xl:grid-cols-10",
-  11: "xl:grid-cols-11",
-  12: "xl:grid-cols-12"
-};
-const GAP_CLASSES = {
-  0: "gap-0",
-  1: "gap-1",
-  2: "gap-2",
-  3: "gap-3",
-  4: "gap-4",
-  5: "gap-5",
-  6: "gap-6",
-  7: "gap-7",
-  8: "gap-8",
-  9: "gap-9",
-  10: "gap-10",
-  12: "gap-12",
-  16: "gap-16",
-  20: "gap-20",
-  24: "gap-24"
-};
-const GAP_X_CLASSES = {
-  0: "gap-x-0",
-  1: "gap-x-1",
-  2: "gap-x-2",
-  3: "gap-x-3",
-  4: "gap-x-4",
-  5: "gap-x-5",
-  6: "gap-x-6",
-  7: "gap-x-7",
-  8: "gap-x-8",
-  9: "gap-x-9",
-  10: "gap-x-10",
-  12: "gap-x-12",
-  16: "gap-x-16",
-  20: "gap-x-20",
-  24: "gap-x-24"
-};
-const GAP_Y_CLASSES = {
-  0: "gap-y-0",
-  1: "gap-y-1",
-  2: "gap-y-2",
-  3: "gap-y-3",
-  4: "gap-y-4",
-  5: "gap-y-5",
-  6: "gap-y-6",
-  7: "gap-y-7",
-  8: "gap-y-8",
-  9: "gap-y-9",
-  10: "gap-y-10",
-  12: "gap-y-12",
-  16: "gap-y-16",
-  20: "gap-y-20",
-  24: "gap-y-24"
-};
-const getGridColsClass = (cols, breakpoint) => {
-  if (!cols) return "";
-  if (typeof cols === "number") {
-    if (breakpoint === "sm") return GRID_COLS_SM_CLASSES[cols] || "";
-    if (breakpoint === "md") return GRID_COLS_MD_CLASSES[cols] || "";
-    if (breakpoint === "lg") return GRID_COLS_LG_CLASSES[cols] || "";
-    if (breakpoint === "xl") return GRID_COLS_XL_CLASSES[cols] || "";
-    return GRID_COLS_CLASSES[cols] || "";
-  }
-  return "";
-};
-const getGapClass = (gap, axis) => {
-  if (gap === void 0) return "";
-  if (axis === "x") return GAP_X_CLASSES[gap] || "";
-  if (axis === "y") return GAP_Y_CLASSES[gap] || "";
-  return GAP_CLASSES[gap] || "";
-};
-const Grid = React.forwardRef(
-  ({
-    cols = 12,
-    sm,
-    md,
-    lg,
-    xl,
-    gap = 4,
-    gapX,
-    gapY,
-    className,
-    style,
-    children,
-    ...props
-  }, ref) => {
-    const customStyle = typeof cols === "string" ? { ...style, gridTemplateColumns: cols } : style;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "grid",
-          getGridColsClass(cols),
-          getGridColsClass(sm, "sm"),
-          getGridColsClass(md, "md"),
-          getGridColsClass(lg, "lg"),
-          getGridColsClass(xl, "xl"),
-          gapX !== void 0 ? getGapClass(gapX, "x") : getGapClass(gap),
-          gapY !== void 0 && getGapClass(gapY, "y"),
-          className
-        ),
-        style: customStyle,
-        ...props,
-        children
-      }
-    );
-  }
-);
-Grid.displayName = "Grid";
-export {
-  Grid
-};

package/dist/esm/components/layout/header.js

@@ -1,86 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Menu, X } from "lucide-react";
-import React from "react";
-import { cn } from "../../utils/cn.js";
-const MobileMenuContext = React.createContext(
-  null
-);
-function useMobileMenu() {
-  const context = React.useContext(MobileMenuContext);
-  if (!context) {
-    throw new Error("useMobileMenu must be used within Header component");
-  }
-  return context;
-}
-const Header = React.forwardRef(
-  ({
-    navigation,
-    logo,
-    actions,
-    fixed = false,
-    sticky = false,
-    containerClassName,
-    className,
-    children,
-    mobileMenuContent,
-    ...props
-  }, ref) => {
-    const [mobileMenuOpen, setMobileMenuOpen] = React.useState(false);
-    return /* @__PURE__ */ jsxs(
-      "header",
-      {
-        ref,
-        className: cn(
-          "relative w-full bg-background h-18 border-b flex flex-nowrap items-center border-border",
-          fixed && "fixed top-0 left-0 right-0 z-50",
-          sticky && "sticky top-0 z-50",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "w-full h-full flex items-stretch justify-between mx-auto px-4 max-w-[1440px]",
-                containerClassName
-              ),
-              children: [
-                logo && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: logo }),
-                navigation && /* @__PURE__ */ jsx("div", { className: "hidden md:flex items-center", children: navigation }),
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  actions && /* @__PURE__ */ jsx("div", { className: "hidden md:flex items-center gap-2", children: actions }),
-                  (navigation || mobileMenuContent) && /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      className: "md:hidden flex items-center justify-center p-2 rounded-md hover:bg-accent hover:text-accent-foreground focus:outline-none",
-                      onClick: () => setMobileMenuOpen(!mobileMenuOpen),
-                      "aria-label": mobileMenuOpen ? "Close menu" : "Open menu",
-                      children: mobileMenuOpen ? /* @__PURE__ */ jsx(X, { className: "h-6 w-6" }) : /* @__PURE__ */ jsx(Menu, { className: "h-6 w-6" })
-                    }
-                  )
-                ] })
-              ]
-            }
-          ),
-          mobileMenuOpen && (navigation || mobileMenuContent) && /* @__PURE__ */ jsx(
-            MobileMenuContext.Provider,
-            {
-              value: { closeMobileMenu: () => setMobileMenuOpen(false) },
-              children: /* @__PURE__ */ jsx("div", { className: "absolute top-full left-0 right-0 bg-background border-b border-border md:hidden z-40 shadow-lg", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col px-4 py-4 space-y-2", children: [
-                mobileMenuContent || navigation,
-                actions && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 pt-4 border-t border-border mt-4", children: actions })
-              ] }) })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Header.displayName = "Header";
-export {
-  Header,
-  useMobileMenu
-};

package/dist/esm/components/layout/layout.js

@@ -1,42 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import React from "react";
-import { cn } from "../../utils/cn.js";
-const Layout = React.forwardRef(
-  ({ header, footer, children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn("grid min-h-screen grid-rows-[auto_1fr_auto]", className),
-        style: {
-          gridTemplateAreas: `
-            "header"
-            "main"
-            "footer"
-          `
-        },
-        ...props,
-        children: [
-          header && /* @__PURE__ */ jsx("div", { style: { gridArea: "header" }, children: header }),
-          /* @__PURE__ */ jsx(
-            "main",
-            {
-              className: "overflow-x-hidden py-6",
-              style: {
-                gridArea: "main",
-                backgroundColor: "hsl(var(--background))",
-                color: "hsl(var(--foreground))"
-              },
-              children
-            }
-          ),
-          footer && /* @__PURE__ */ jsx("div", { style: { gridArea: "footer" }, children: footer })
-        ]
-      }
-    );
-  }
-);
-Layout.displayName = "Layout";
-export {
-  Layout
-};

package/dist/esm/components/layout/legal-disclaimer.js

@@ -1,41 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { BaseLink } from "../base-link.js";
-function LegalDisclaimer({ hrefs }) {
-  return /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground max-w-md", children: [
-    "Any use of and/or interaction with the Permissionless Interface is subject to the",
-    " ",
-    /* @__PURE__ */ jsx(
-      BaseLink,
-      {
-        href: hrefs.termsOfService,
-        className: "underline hover:text-foreground transition-colors",
-        children: "Terms of Service"
-      }
-    ),
-    " ",
-    "and",
-    " ",
-    /* @__PURE__ */ jsx(
-      BaseLink,
-      {
-        href: hrefs.privacyNotice,
-        className: "underline hover:text-foreground transition-colors",
-        children: "Privacy Notice"
-      }
-    ),
-    ", and acceptance of risks described in the",
-    " ",
-    /* @__PURE__ */ jsx(
-      BaseLink,
-      {
-        href: hrefs.riskDisclosure,
-        className: "underline hover:text-foreground transition-colors",
-        children: "Risk Disclosure Statement"
-      }
-    ),
-    "."
-  ] });
-}
-export {
-  LegalDisclaimer
-};

package/dist/esm/components/layout/page-layout.js

@@ -1,38 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { BackButton } from "../buttons/back-button.js";
-import { Container } from "./container.js";
-function PageLayout({
-  children,
-  title,
-  description,
-  icon,
-  backButton,
-  actionButton,
-  maxContainerWidth = "xl",
-  containerClassName
-}) {
-  return /* @__PURE__ */ jsxs(Container, { maxWidth: maxContainerWidth, className: containerClassName, children: [
-    backButton && /* @__PURE__ */ jsx(
-      BackButton,
-      {
-        href: backButton.href,
-        text: backButton.text,
-        onClick: backButton.onClick
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-4 mb-6 w-full", children: [
-      icon,
-      /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center w-full", children: [
-          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold", children: title }),
-          actionButton
-        ] }),
-        description
-      ] })
-    ] }),
-    children
-  ] });
-}
-export {
-  PageLayout
-};

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

@@ -1,71 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { AssetUtils, PRICE_DECIMALS } from "@gearbox-protocol/sdk";
-import { useMemo } from "react";
-import { TokenSymbol } from "../token-symbol.js";
-import { FormattedMessageTyped } from "../typed-intl/index.js";
-const lineHeight = 51;
-function LiquidationModellingAssetsTable({
-  tokensList,
-  graphParams,
-  data,
-  prices,
-  editedPrices
-}) {
-  const { fixedBalances } = graphParams;
-  const fixedBalancesRecord = useMemo(() => {
-    return AssetUtils.constructAssetRecord(fixedBalances);
-  }, [fixedBalances]);
-  return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "grid w-full px-4 gap-2 items-center h-[30px] relative after:absolute after:bottom-0 after:left-2 after:right-2 after:h-px after:border-b after:border-border",
-        style: { gridTemplateColumns: "1fr 1fr 1fr" },
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "text-left text-sm font-medium text-muted-foreground", children: /* @__PURE__ */ jsx(FormattedMessageTyped, { messageId: "components.creditSessionDetailedLiquidation.table.asset" }) }),
-          /* @__PURE__ */ jsx("div", { className: "text-right text-sm font-medium text-muted-foreground", children: /* @__PURE__ */ jsx(FormattedMessageTyped, { messageId: "components.creditSessionDetailedLiquidation.table.currentPrice" }) }),
-          /* @__PURE__ */ jsx("div", { className: "text-right text-sm font-medium text-muted-foreground", children: /* @__PURE__ */ jsx(FormattedMessageTyped, { messageId: "components.creditSessionDetailedLiquidation.table.modelPrice" }) })
-        ]
-      }
-    ),
-    data.map((c, num, arr) => {
-      const isLast = arr.length - 1 === num;
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: `grid w-full px-4 gap-2 items-center relative ${isLast ? "" : "after:absolute after:bottom-0 after:left-2 after:right-2 after:h-px after:border-b after:border-border"}`,
-          style: {
-            gridTemplateColumns: "1fr 1fr 1fr",
-            height: `${lineHeight}px`
-          },
-          children: [
-            /* @__PURE__ */ jsx("div", { className: "text-left", children: /* @__PURE__ */ jsx(
-              TokenSymbol,
-              {
-                size: 24,
-                token: tokensList[c.token],
-                showSymbol: true,
-                maxLength: 8
-              }
-            ) }),
-            /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
-              "$",
-              formatPrice(prices[c.token])
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "text-right", children: fixedBalancesRecord[c.token] ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ jsx(FormattedMessageTyped, { messageId: "components.creditSessionDetailedLiquidation.table.seeGraph" }) }) : /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
-              "$",
-              formatPrice(editedPrices[c.token] || prices[c.token])
-            ] }) })
-          ]
-        },
-        c.token
-      );
-    })
-  ] });
-}
-function formatPrice(price) {
-  return (Number(price || 0n) / Number(PRICE_DECIMALS)).toFixed(2);
-}
-export {
-  LiquidationModellingAssetsTable
-};

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

@@ -1,17 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FormattedMessageTyped } from "../typed-intl/index.js";
-function LiquidationGraphLegend() {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-8 w-full", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "w-[9px] h-[9px] bg-white" }),
-      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ jsx(FormattedMessageTyped, { messageId: "components.creditSessionDetailedLiquidation.graph.legend.point" }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "w-[9px] h-[9px] bg-[rgb(244,67,54)]" }),
-      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ jsx(FormattedMessageTyped, { messageId: "components.creditSessionDetailedLiquidation.graph.legend.area" }) })
-    ] })
-  ] });
-}
-export {
-  LiquidationGraphLegend
-};